diff --git a/.github/workflows/autofix.yml b/.github/workflows/autofix.yml
index bafac7bd13..dbced47988 100644
--- a/.github/workflows/autofix.yml
+++ b/.github/workflows/autofix.yml
@@ -68,25 +68,4 @@ jobs:
         run: |
           uvx --python 3.13 mdformat . --exclude ".claude/skills/**/SKILL.md"
 
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          package_json_file: web/package.json
-          run_install: false
-
-      - name: Setup NodeJS
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          cache: pnpm
-          cache-dependency-path: ./web/pnpm-lock.yaml
-
-      - name: Web dependencies
-        working-directory: ./web
-        run: pnpm install --frozen-lockfile
-
-      - name: oxlint
-        working-directory: ./web
-        run: pnpm exec oxlint --config .oxlintrc.json --fix .
-
       - uses: autofix-ci/action@635ffb0c9798bd160680f18fd73371e355b85f27
diff --git a/.gitignore b/.gitignore
index 5ad728c3da..4e9a0eaa23 100644
--- a/.gitignore
+++ b/.gitignore
@@ -139,7 +139,6 @@ pyrightconfig.json
 .idea/'
 
 .DS_Store
-web/.vscode/settings.json
 
 # Intellij IDEA Files
 .idea/*
@@ -205,7 +204,6 @@ sdks/python-client/dify_client.egg-info
 !.vscode/launch.json.template
 !.vscode/README.md
 api/.vscode
-web/.vscode
 # vscode Code History Extension
 .history
 
@@ -220,15 +218,6 @@ plugins.jsonl
 # mise
 mise.toml
 
-# Next.js build output
-.next/
-
-# PWA generated files
-web/public/sw.js
-web/public/sw.js.map
-web/public/workbox-*.js
-web/public/workbox-*.js.map
-web/public/fallback-*.js
 
 # AI Assistant
 .roo/
diff --git a/web/.gitignore b/web/.gitignore
index 048c5f6485..9de3dc83f9 100644
--- a/web/.gitignore
+++ b/web/.gitignore
@@ -54,3 +54,13 @@ package-lock.json
 # mise
 mise.toml
 
+
+# PWA generated files
+public/sw.js
+public/sw.js.map
+public/workbox-*.js
+public/workbox-*.js.map
+public/fallback-*.js
+
+.vscode/settings.json
+.vscode/mcp.json
diff --git a/web/.oxlintrc.json b/web/.oxlintrc.json
deleted file mode 100644
index 57eddd34fb..0000000000
--- a/web/.oxlintrc.json
+++ /dev/null
@@ -1,144 +0,0 @@
-{
-  "plugins": [
-    "unicorn",
-    "typescript",
-    "oxc"
-  ],
-  "categories": {},
-  "rules": {
-    "for-direction": "error",
-    "no-async-promise-executor": "error",
-    "no-caller": "error",
-    "no-class-assign": "error",
-    "no-compare-neg-zero": "error",
-    "no-cond-assign": "warn",
-    "no-const-assign": "warn",
-    "no-constant-binary-expression": "error",
-    "no-constant-condition": "warn",
-    "no-control-regex": "warn",
-    "no-debugger": "warn",
-    "no-delete-var": "warn",
-    "no-dupe-class-members": "warn",
-    "no-dupe-else-if": "warn",
-    "no-dupe-keys": "warn",
-    "no-duplicate-case": "warn",
-    "no-empty-character-class": "warn",
-    "no-empty-pattern": "warn",
-    "no-empty-static-block": "warn",
-    "no-eval": "warn",
-    "no-ex-assign": "warn",
-    "no-extra-boolean-cast": "warn",
-    "no-func-assign": "warn",
-    "no-global-assign": "warn",
-    "no-import-assign": "warn",
-    "no-invalid-regexp": "warn",
-    "no-irregular-whitespace": "warn",
-    "no-loss-of-precision": "warn",
-    "no-new-native-nonconstructor": "warn",
-    "no-nonoctal-decimal-escape": "warn",
-    "no-obj-calls": "warn",
-    "no-self-assign": "warn",
-    "no-setter-return": "warn",
-    "no-shadow-restricted-names": "warn",
-    "no-sparse-arrays": "warn",
-    "no-this-before-super": "warn",
-    "no-unassigned-vars": "warn",
-    "no-unsafe-finally": "warn",
-    "no-unsafe-negation": "warn",
-    "no-unsafe-optional-chaining": "error",
-    "no-unused-labels": "warn",
-    "no-unused-private-class-members": "warn",
-    "no-unused-vars": "warn",
-    "no-useless-backreference": "warn",
-    "no-useless-catch": "error",
-    "no-useless-escape": "warn",
-    "no-useless-rename": "warn",
-    "no-with": "warn",
-    "require-yield": "warn",
-    "use-isnan": "warn",
-    "valid-typeof": "warn",
-    "oxc/bad-array-method-on-arguments": "warn",
-    "oxc/bad-char-at-comparison": "warn",
-    "oxc/bad-comparison-sequence": "warn",
-    "oxc/bad-min-max-func": "warn",
-    "oxc/bad-object-literal-comparison": "warn",
-    "oxc/bad-replace-all-arg": "warn",
-    "oxc/const-comparisons": "warn",
-    "oxc/double-comparisons": "warn",
-    "oxc/erasing-op": "warn",
-    "oxc/missing-throw": "warn",
-    "oxc/number-arg-out-of-range": "warn",
-    "oxc/only-used-in-recursion": "warn",
-    "oxc/uninvoked-array-callback": "warn",
-    "typescript/await-thenable": "warn",
-    "typescript/no-array-delete": "warn",
-    "typescript/no-base-to-string": "warn",
-    "typescript/no-confusing-void-expression": "warn",
-    "typescript/no-duplicate-enum-values": "warn",
-    "typescript/no-duplicate-type-constituents": "warn",
-    "typescript/no-extra-non-null-assertion": "warn",
-    "typescript/no-floating-promises": "warn",
-    "typescript/no-for-in-array": "warn",
-    "typescript/no-implied-eval": "warn",
-    "typescript/no-meaningless-void-operator": "warn",
-    "typescript/no-misused-new": "warn",
-    "typescript/no-misused-spread": "warn",
-    "typescript/no-non-null-asserted-optional-chain": "warn",
-    "typescript/no-redundant-type-constituents": "warn",
-    "typescript/no-this-alias": "warn",
-    "typescript/no-unnecessary-parameter-property-assignment": "warn",
-    "typescript/no-unsafe-declaration-merging": "warn",
-    "typescript/no-unsafe-unary-minus": "warn",
-    "typescript/no-useless-empty-export": "warn",
-    "typescript/no-wrapper-object-types": "warn",
-    "typescript/prefer-as-const": "warn",
-    "typescript/require-array-sort-compare": "warn",
-    "typescript/restrict-template-expressions": "warn",
-    "typescript/triple-slash-reference": "warn",
-    "typescript/unbound-method": "warn",
-    "unicorn/no-await-in-promise-methods": "warn",
-    "unicorn/no-empty-file": "warn",
-    "unicorn/no-invalid-fetch-options": "warn",
-    "unicorn/no-invalid-remove-event-listener": "warn",
-    "unicorn/no-new-array": "warn",
-    "unicorn/no-single-promise-in-promise-methods": "warn",
-    "unicorn/no-thenable": "warn",
-    "unicorn/no-unnecessary-await": "warn",
-    "unicorn/no-useless-fallback-in-spread": "warn",
-    "unicorn/no-useless-length-check": "warn",
-    "unicorn/no-useless-spread": "warn",
-    "unicorn/prefer-set-size": "warn",
-    "unicorn/prefer-string-starts-ends-with": "warn"
-  },
-  "settings": {
-    "jsx-a11y": {
-      "polymorphicPropName": null,
-      "components": {},
-      "attributes": {}
-    },
-    "next": {
-      "rootDir": []
-    },
-    "react": {
-      "formComponents": [],
-      "linkComponents": []
-    },
-    "jsdoc": {
-      "ignorePrivate": false,
-      "ignoreInternal": false,
-      "ignoreReplacesDocs": true,
-      "overrideReplacesDocs": true,
-      "augmentsExtendsReplacesDocs": false,
-      "implementsReplacesDocs": false,
-      "exemptDestructuredRootsFromChecks": false,
-      "tagNamePreference": {}
-    }
-  },
-  "env": {
-    "builtin": true
-  },
-  "globals": {},
-  "ignorePatterns": [
-    "**/*.js"
-  ]
-}
\ No newline at end of file
diff --git a/web/.storybook/preview.tsx b/web/.storybook/preview.tsx
index 1f5726de34..37c636cc75 100644
--- a/web/.storybook/preview.tsx
+++ b/web/.storybook/preview.tsx
@@ -1,8 +1,8 @@
 import type { Preview } from '@storybook/react'
 import { withThemeByDataAttribute } from '@storybook/addon-themes'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import I18N from '../app/components/i18n'
 import { ToastProvider } from '../app/components/base/toast'
+import I18N from '../app/components/i18n'
 
 import '../app/styles/globals.css'
 import '../app/styles/markdown.scss'
diff --git a/web/.storybook/utils/form-story-wrapper.tsx b/web/.storybook/utils/form-story-wrapper.tsx
index 689c3a20ff..90349a0325 100644
--- a/web/.storybook/utils/form-story-wrapper.tsx
+++ b/web/.storybook/utils/form-story-wrapper.tsx
@@ -1,6 +1,6 @@
-import { useState } from 'react'
 import type { ReactNode } from 'react'
 import { useStore } from '@tanstack/react-form'
+import { useState } from 'react'
 import { useAppForm } from '@/app/components/base/form'
 
 type UseAppFormOptions = Parameters<typeof useAppForm>[0]
@@ -49,7 +49,12 @@ export const FormStoryWrapper = ({
       <aside className="w-full max-w-sm rounded-xl border border-divider-subtle bg-components-panel-bg p-4 text-xs text-text-secondary shadow-sm">
         <div className="flex items-center justify-between text-[11px] uppercase tracking-wide text-text-tertiary">
           <span>Form State</span>
-          <span>{submitCount} submit{submitCount === 1 ? '' : 's'}</span>
+          <span>
+            {submitCount}
+            {' '}
+            submit
+            {submitCount === 1 ? '' : 's'}
+          </span>
         </div>
         <dl className="mt-2 space-y-1">
           <div className="flex items-center justify-between rounded-md bg-components-button-tertiary-bg px-2 py-1">
diff --git a/web/.vscode/launch.json b/web/.vscode/launch.json
index f6b35a0b63..4b1147d47a 100644
--- a/web/.vscode/launch.json
+++ b/web/.vscode/launch.json
@@ -1,15 +1,15 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "Launch Chrome against localhost",
-            "url": "http://localhost:3000",
-            "webRoot": "${workspaceFolder}"
-        }
-    ]
-}
\ No newline at end of file
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}
diff --git a/web/.vscode/settings.example.json b/web/.vscode/settings.example.json
index ce5c9d6b01..4b356f5b7a 100644
--- a/web/.vscode/settings.example.json
+++ b/web/.vscode/settings.example.json
@@ -1,26 +1,50 @@
 {
+  // Disable the default formatter, use eslint instead
   "prettier.enable": false,
-  "editor.formatOnSave": true,
+  "editor.formatOnSave": false,
+
+  // Auto fix
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
   },
-  "eslint.format.enable": true,
-  "[python]": {
-    "editor.formatOnType": true
-  },
-  "[html]": {
-    "editor.defaultFormatter": "vscode.html-language-features"
-  },
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "vscode.typescript-language-features"
-  },
-  "[javascriptreact]": {
-    "editor.defaultFormatter": "vscode.typescript-language-features"
-  },
-  "[jsonc]": {
-    "editor.defaultFormatter": "vscode.json-language-features"
-  },
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true,
-  "npm.packageManager": "pnpm"
+
+  // Silent the stylistic rules in your IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off", "fixable": true },
+    { "rule": "format/*", "severity": "off", "fixable": true },
+    { "rule": "*-indent", "severity": "off", "fixable": true },
+    { "rule": "*-spacing", "severity": "off", "fixable": true },
+    { "rule": "*-spaces", "severity": "off", "fixable": true },
+    { "rule": "*-order", "severity": "off", "fixable": true },
+    { "rule": "*-dangle", "severity": "off", "fixable": true },
+    { "rule": "*-newline", "severity": "off", "fixable": true },
+    { "rule": "*quotes", "severity": "off", "fixable": true },
+    { "rule": "*semi", "severity": "off", "fixable": true }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
 }
diff --git a/web/__mocks__/provider-context.ts b/web/__mocks__/provider-context.ts
index 05ced08ff6..3ecb4e9c0e 100644
--- a/web/__mocks__/provider-context.ts
+++ b/web/__mocks__/provider-context.ts
@@ -1,7 +1,7 @@
+import type { Plan, UsagePlanInfo } from '@/app/components/billing/type'
+import type { ProviderContextState } from '@/context/provider-context'
 import { merge, noop } from 'lodash-es'
 import { defaultPlan } from '@/app/components/billing/config'
-import type { ProviderContextState } from '@/context/provider-context'
-import type { Plan, UsagePlanInfo } from '@/app/components/billing/type'
 
 // Avoid being mocked in tests
 export const baseProviderContextValue: ProviderContextState = {
diff --git a/web/__tests__/check-i18n.test.ts b/web/__tests__/check-i18n.test.ts
index 7773edcdbb..bd315a3fa9 100644
--- a/web/__tests__/check-i18n.test.ts
+++ b/web/__tests__/check-i18n.test.ts
@@ -33,8 +33,7 @@ describe('check-i18n script functionality', () => {
           const filePath = path.join(folderPath, file)
           const fileName = file.replace(/\.[^/.]+$/, '')
           const camelCaseFileName = fileName.replace(/[-_](.)/g, (_, c) =>
-            c.toUpperCase(),
-          )
+            c.toUpperCase())
 
           try {
             const content = fs.readFileSync(filePath, 'utf8')
@@ -617,9 +616,10 @@ export default translation
 
                 // Check if this line ends the value (ends with quote and comma/no comma)
                 if ((trimmed.endsWith('\',') || trimmed.endsWith('",') || trimmed.endsWith('`,')
-                     || trimmed.endsWith('\'') || trimmed.endsWith('"') || trimmed.endsWith('`'))
-                    && !trimmed.startsWith('//'))
+                  || trimmed.endsWith('\'') || trimmed.endsWith('"') || trimmed.endsWith('`'))
+                && !trimmed.startsWith('//')) {
                   break
+                }
               }
               else {
                 break
diff --git a/web/__tests__/description-validation.test.tsx b/web/__tests__/description-validation.test.tsx
index a78a4e632e..984f89f01a 100644
--- a/web/__tests__/description-validation.test.tsx
+++ b/web/__tests__/description-validation.test.tsx
@@ -15,19 +15,19 @@ describe('Description Validation Logic', () => {
   }
 
   describe('Backend Validation Function', () => {
-    test('allows description within 400 characters', () => {
+    it('allows description within 400 characters', () => {
       const validDescription = 'x'.repeat(400)
       expect(() => validateDescriptionLength(validDescription)).not.toThrow()
       expect(validateDescriptionLength(validDescription)).toBe(validDescription)
     })
 
-    test('allows empty description', () => {
+    it('allows empty description', () => {
       expect(() => validateDescriptionLength('')).not.toThrow()
       expect(() => validateDescriptionLength(null)).not.toThrow()
       expect(() => validateDescriptionLength(undefined)).not.toThrow()
     })
 
-    test('rejects description exceeding 400 characters', () => {
+    it('rejects description exceeding 400 characters', () => {
       const invalidDescription = 'x'.repeat(401)
       expect(() => validateDescriptionLength(invalidDescription)).toThrow(
         'Description cannot exceed 400 characters.',
@@ -36,7 +36,7 @@ describe('Description Validation Logic', () => {
   })
 
   describe('Backend Validation Consistency', () => {
-    test('App and Dataset have consistent validation limits', () => {
+    it('App and Dataset have consistent validation limits', () => {
       const maxLength = 400
       const validDescription = 'x'.repeat(maxLength)
       const invalidDescription = 'x'.repeat(maxLength + 1)
@@ -50,7 +50,7 @@ describe('Description Validation Logic', () => {
       expect(() => validateDescriptionLength(invalidDescription)).toThrow()
     })
 
-    test('validation error messages are consistent', () => {
+    it('validation error messages are consistent', () => {
       const expectedErrorMessage = 'Description cannot exceed 400 characters.'
 
       // This would be the error message from both App and Dataset backend validation
@@ -78,7 +78,7 @@ describe('Description Validation Logic', () => {
     ]
 
     testCases.forEach(({ length, shouldPass, description }) => {
-      test(`handles ${description} correctly`, () => {
+      it(`handles ${description} correctly`, () => {
         const testDescription = length > 0 ? 'x'.repeat(length) : ''
         expect(testDescription.length).toBe(length)
 
diff --git a/web/__tests__/document-detail-navigation-fix.test.tsx b/web/__tests__/document-detail-navigation-fix.test.tsx
index 21673554e5..6b348cd15b 100644
--- a/web/__tests__/document-detail-navigation-fix.test.tsx
+++ b/web/__tests__/document-detail-navigation-fix.test.tsx
@@ -40,7 +40,7 @@ vi.mock('@/service/knowledge/use-segment', () => ({
 }))
 
 // Create a minimal version of the DocumentDetail component that includes our fix
-const DocumentDetailWithFix = ({ datasetId, documentId }: { datasetId: string; documentId: string }) => {
+const DocumentDetailWithFix = ({ datasetId, documentId }: { datasetId: string, documentId: string }) => {
   const router = useRouter()
 
   // This is the FIXED implementation from detail/index.tsx
@@ -59,7 +59,12 @@ const DocumentDetailWithFix = ({ datasetId, documentId }: { datasetId: string; d
         Back to Documents
       </button>
       <div data-testid="document-info">
-        Dataset: {datasetId}, Document: {documentId}
+        Dataset:
+        {' '}
+        {datasetId}
+        , Document:
+        {' '}
+        {documentId}
       </div>
     </div>
   )
@@ -88,7 +93,7 @@ describe('Document Detail Navigation Fix Verification', () => {
   })
 
   describe('Query Parameter Preservation', () => {
-    test('preserves pagination state (page 3, limit 25)', () => {
+    it('preserves pagination state (page 3, limit 25)', () => {
       // Simulate user coming from page 3 with 25 items per page
       Object.defineProperty(window, 'location', {
         value: {
@@ -108,7 +113,7 @@ describe('Document Detail Navigation Fix Verification', () => {
       console.log('✅ Pagination state preserved: page=3&limit=25')
     })
 
-    test('preserves search keyword and filters', () => {
+    it('preserves search keyword and filters', () => {
       // Simulate user with search and filters applied
       Object.defineProperty(window, 'location', {
         value: {
@@ -127,7 +132,7 @@ describe('Document Detail Navigation Fix Verification', () => {
       console.log('✅ Search and filters preserved')
     })
 
-    test('handles complex query parameters with special characters', () => {
+    it('handles complex query parameters with special characters', () => {
       // Test with complex query string including encoded characters
       Object.defineProperty(window, 'location', {
         value: {
@@ -152,7 +157,7 @@ describe('Document Detail Navigation Fix Verification', () => {
       console.log('✅ Complex query parameters handled:', expectedCall)
     })
 
-    test('handles empty query parameters gracefully', () => {
+    it('handles empty query parameters gracefully', () => {
       // No query parameters in URL
       Object.defineProperty(window, 'location', {
         value: {
@@ -173,7 +178,7 @@ describe('Document Detail Navigation Fix Verification', () => {
   })
 
   describe('Different Dataset IDs', () => {
-    test('works with different dataset identifiers', () => {
+    it('works with different dataset identifiers', () => {
       Object.defineProperty(window, 'location', {
         value: {
           search: '?page=5&limit=10',
@@ -193,7 +198,7 @@ describe('Document Detail Navigation Fix Verification', () => {
   })
 
   describe('Real User Scenarios', () => {
-    test('scenario: user searches, goes to page 3, views document, clicks back', () => {
+    it('scenario: user searches, goes to page 3, views document, clicks back', () => {
       // User searched for "API" and navigated to page 3
       Object.defineProperty(window, 'location', {
         value: {
@@ -213,7 +218,7 @@ describe('Document Detail Navigation Fix Verification', () => {
       console.log('✅ Real user scenario: search + pagination preserved')
     })
 
-    test('scenario: user applies multiple filters, goes to document, returns', () => {
+    it('scenario: user applies multiple filters, goes to document, returns', () => {
       // User has applied multiple filters and is on page 2
       Object.defineProperty(window, 'location', {
         value: {
@@ -234,7 +239,7 @@ describe('Document Detail Navigation Fix Verification', () => {
   })
 
   describe('Error Handling and Edge Cases', () => {
-    test('handles malformed query parameters gracefully', () => {
+    it('handles malformed query parameters gracefully', () => {
       // Test with potentially problematic query string
       Object.defineProperty(window, 'location', {
         value: {
@@ -258,7 +263,7 @@ describe('Document Detail Navigation Fix Verification', () => {
       console.log('✅ Malformed parameters handled gracefully:', navigationPath)
     })
 
-    test('handles very long query strings', () => {
+    it('handles very long query strings', () => {
       // Test with a very long query string
       const longKeyword = 'a'.repeat(1000)
       Object.defineProperty(window, 'location', {
@@ -281,7 +286,7 @@ describe('Document Detail Navigation Fix Verification', () => {
   })
 
   describe('Performance Verification', () => {
-    test('navigation function executes quickly', () => {
+    it('navigation function executes quickly', () => {
       Object.defineProperty(window, 'location', {
         value: {
           search: '?page=1&limit=10&keyword=test',
diff --git a/web/__tests__/document-list-sorting.test.tsx b/web/__tests__/document-list-sorting.test.tsx
index 77c0bb60cf..6d6d16db9d 100644
--- a/web/__tests__/document-list-sorting.test.tsx
+++ b/web/__tests__/document-list-sorting.test.tsx
@@ -46,32 +46,32 @@ describe('Document List Sorting', () => {
     })
   }
 
-  test('sorts by name descending (default for UI consistency)', () => {
+  it('sorts by name descending (default for UI consistency)', () => {
     const sorted = sortDocuments(mockDocuments, 'name', 'desc')
     expect(sorted.map(doc => doc.name)).toEqual(['Gamma.docx', 'Beta.pdf', 'Alpha.txt'])
   })
 
-  test('sorts by name ascending (after toggle)', () => {
+  it('sorts by name ascending (after toggle)', () => {
     const sorted = sortDocuments(mockDocuments, 'name', 'asc')
     expect(sorted.map(doc => doc.name)).toEqual(['Alpha.txt', 'Beta.pdf', 'Gamma.docx'])
   })
 
-  test('sorts by word_count descending', () => {
+  it('sorts by word_count descending', () => {
     const sorted = sortDocuments(mockDocuments, 'word_count', 'desc')
     expect(sorted.map(doc => doc.word_count)).toEqual([800, 500, 200])
   })
 
-  test('sorts by hit_count descending', () => {
+  it('sorts by hit_count descending', () => {
     const sorted = sortDocuments(mockDocuments, 'hit_count', 'desc')
     expect(sorted.map(doc => doc.hit_count)).toEqual([25, 10, 5])
   })
 
-  test('sorts by created_at descending (newest first)', () => {
+  it('sorts by created_at descending (newest first)', () => {
     const sorted = sortDocuments(mockDocuments, 'created_at', 'desc')
     expect(sorted.map(doc => doc.created_at)).toEqual([1699123500, 1699123456, 1699123400])
   })
 
-  test('handles empty values correctly', () => {
+  it('handles empty values correctly', () => {
     const docsWithEmpty = [
       { id: '1', name: 'Test', word_count: 100, hit_count: 5, created_at: 1699123456 },
       { id: '2', name: 'Empty', word_count: 0, hit_count: 0, created_at: 1699123400 },
diff --git a/web/__tests__/embedded-user-id-auth.test.tsx b/web/__tests__/embedded-user-id-auth.test.tsx
index b49e3b7885..8817aa2e1e 100644
--- a/web/__tests__/embedded-user-id-auth.test.tsx
+++ b/web/__tests__/embedded-user-id-auth.test.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
 
-import MailAndPasswordAuth from '@/app/(shareLayout)/webapp-signin/components/mail-and-password-auth'
 import CheckCode from '@/app/(shareLayout)/webapp-signin/check-code/page'
+import MailAndPasswordAuth from '@/app/(shareLayout)/webapp-signin/components/mail-and-password-auth'
 
 const replaceMock = vi.fn()
 const backMock = vi.fn()
diff --git a/web/__tests__/embedded-user-id-store.test.tsx b/web/__tests__/embedded-user-id-store.test.tsx
index c6d1400aef..d1f99b8833 100644
--- a/web/__tests__/embedded-user-id-store.test.tsx
+++ b/web/__tests__/embedded-user-id-store.test.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
-import { AccessMode } from '@/models/access-control'
-
+import React from 'react'
 import WebAppStoreProvider, { useWebAppStore } from '@/context/web-app-context'
 
+import { AccessMode } from '@/models/access-control'
+
 vi.mock('next/navigation', () => ({
   usePathname: vi.fn(() => '/chatbot/sample-app'),
   useSearchParams: vi.fn(() => {
diff --git a/web/__tests__/goto-anything/command-selector.test.tsx b/web/__tests__/goto-anything/command-selector.test.tsx
index df33ee645c..1a9ef33b00 100644
--- a/web/__tests__/goto-anything/command-selector.test.tsx
+++ b/web/__tests__/goto-anything/command-selector.test.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
-import CommandSelector from '../../app/components/goto-anything/command-selector'
 import type { ActionItem } from '../../app/components/goto-anything/actions/types'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+import CommandSelector from '../../app/components/goto-anything/command-selector'
 
 vi.mock('cmdk', () => ({
   Command: {
diff --git a/web/__tests__/goto-anything/match-action.test.ts b/web/__tests__/goto-anything/match-action.test.ts
index 2d1866a4b8..66b170d45e 100644
--- a/web/__tests__/goto-anything/match-action.test.ts
+++ b/web/__tests__/goto-anything/match-action.test.ts
@@ -1,6 +1,10 @@
 import type { Mock } from 'vitest'
 import type { ActionItem } from '../../app/components/goto-anything/actions/types'
 
+// Import after mocking to get mocked version
+import { matchAction } from '../../app/components/goto-anything/actions'
+import { slashCommandRegistry } from '../../app/components/goto-anything/actions/commands/registry'
+
 // Mock the entire actions module to avoid import issues
 vi.mock('../../app/components/goto-anything/actions', () => ({
   matchAction: vi.fn(),
@@ -8,10 +12,6 @@ vi.mock('../../app/components/goto-anything/actions', () => ({
 
 vi.mock('../../app/components/goto-anything/actions/commands/registry')
 
-// Import after mocking to get mocked version
-import { matchAction } from '../../app/components/goto-anything/actions'
-import { slashCommandRegistry } from '../../app/components/goto-anything/actions/commands/registry'
-
 // Implement the actual matchAction logic for testing
 const actualMatchAction = (query: string, actions: Record<string, ActionItem>) => {
   const result = Object.values(actions).find((action) => {
diff --git a/web/__tests__/goto-anything/scope-command-tags.test.tsx b/web/__tests__/goto-anything/scope-command-tags.test.tsx
index 0e10019760..de34875d02 100644
--- a/web/__tests__/goto-anything/scope-command-tags.test.tsx
+++ b/web/__tests__/goto-anything/scope-command-tags.test.tsx
@@ -1,12 +1,13 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 
 // Type alias for search mode
 type SearchMode = 'scopes' | 'commands' | null
 
 // Mock component to test tag display logic
 const TagDisplay: React.FC<{ searchMode: SearchMode }> = ({ searchMode }) => {
-  if (!searchMode) return null
+  if (!searchMode)
+    return null
 
   return (
     <div className="flex items-center gap-1 text-xs text-text-tertiary">
@@ -37,8 +38,10 @@ describe('Scope and Command Tags', () => {
 
   describe('Search Mode Detection', () => {
     const getSearchMode = (query: string): SearchMode => {
-      if (query.startsWith('@')) return 'scopes'
-      if (query.startsWith('/')) return 'commands'
+      if (query.startsWith('@'))
+        return 'scopes'
+      if (query.startsWith('/'))
+        return 'commands'
       return null
     }
 
@@ -90,8 +93,10 @@ describe('Scope and Command Tags', () => {
     const SearchComponent: React.FC<{ query: string }> = ({ query }) => {
       let searchMode: SearchMode = null
 
-      if (query.startsWith('@')) searchMode = 'scopes'
-      else if (query.startsWith('/')) searchMode = 'commands'
+      if (query.startsWith('@'))
+        searchMode = 'scopes'
+      else if (query.startsWith('/'))
+        searchMode = 'commands'
 
       return (
         <div>
diff --git a/web/__tests__/goto-anything/search-error-handling.test.ts b/web/__tests__/goto-anything/search-error-handling.test.ts
index 69bd2487dd..3a495834cd 100644
--- a/web/__tests__/goto-anything/search-error-handling.test.ts
+++ b/web/__tests__/goto-anything/search-error-handling.test.ts
@@ -10,8 +10,8 @@ import type { MockedFunction } from 'vitest'
  */
 
 import { Actions, searchAnything } from '@/app/components/goto-anything/actions'
-import { postMarketplace } from '@/service/base'
 import { fetchAppList } from '@/service/apps'
+import { postMarketplace } from '@/service/base'
 import { fetchDatasets } from '@/service/datasets'
 
 // Mock API functions
diff --git a/web/__tests__/goto-anything/slash-command-modes.test.tsx b/web/__tests__/goto-anything/slash-command-modes.test.tsx
index e8f3509083..9a2f7c1eac 100644
--- a/web/__tests__/goto-anything/slash-command-modes.test.tsx
+++ b/web/__tests__/goto-anything/slash-command-modes.test.tsx
@@ -1,5 +1,5 @@
-import { slashCommandRegistry } from '../../app/components/goto-anything/actions/commands/registry'
 import type { SlashCommandHandler } from '../../app/components/goto-anything/actions/commands/types'
+import { slashCommandRegistry } from '../../app/components/goto-anything/actions/commands/registry'
 
 // Mock the registry
 vi.mock('../../app/components/goto-anything/actions/commands/registry')
@@ -50,8 +50,10 @@ describe('Slash Command Dual-Mode System', () => {
   beforeEach(() => {
     vi.clearAllMocks()
     ;(slashCommandRegistry as any).findCommand = vi.fn((name: string) => {
-      if (name === 'docs') return mockDirectCommand
-      if (name === 'theme') return mockSubmenuCommand
+      if (name === 'docs')
+        return mockDirectCommand
+      if (name === 'theme')
+        return mockSubmenuCommand
       return null
     })
     ;(slashCommandRegistry as any).getAllCommands = vi.fn(() => [
diff --git a/web/__tests__/i18n-upload-features.test.ts b/web/__tests__/i18n-upload-features.test.ts
index 37aefcbef4..af418262d6 100644
--- a/web/__tests__/i18n-upload-features.test.ts
+++ b/web/__tests__/i18n-upload-features.test.ts
@@ -27,11 +27,11 @@ const loadTranslationContent = (locale: string): string => {
 // Helper function to check if upload features exist
 const hasUploadFeatures = (content: string): { [key: string]: boolean } => {
   return {
-    fileUpload: /fileUpload\s*:\s*{/.test(content),
-    imageUpload: /imageUpload\s*:\s*{/.test(content),
-    documentUpload: /documentUpload\s*:\s*{/.test(content),
-    audioUpload: /audioUpload\s*:\s*{/.test(content),
-    featureBar: /bar\s*:\s*{/.test(content),
+    fileUpload: /fileUpload\s*:\s*\{/.test(content),
+    imageUpload: /imageUpload\s*:\s*\{/.test(content),
+    documentUpload: /documentUpload\s*:\s*\{/.test(content),
+    audioUpload: /audioUpload\s*:\s*\{/.test(content),
+    featureBar: /bar\s*:\s*\{/.test(content),
   }
 }
 
@@ -43,14 +43,14 @@ describe('Upload Features i18n Translations - Issue #23062', () => {
     console.log(`Testing ${supportedLocales.length} locales for upload features`)
   })
 
-  test('all locales should have translation files', () => {
+  it('all locales should have translation files', () => {
     supportedLocales.forEach((locale) => {
       const filePath = path.join(I18N_DIR, locale, 'app-debug.ts')
       expect(fs.existsSync(filePath)).toBe(true)
     })
   })
 
-  test('all locales should have required upload features', () => {
+  it('all locales should have required upload features', () => {
     const results: { [locale: string]: { [feature: string]: boolean } } = {}
 
     supportedLocales.forEach((locale) => {
@@ -69,7 +69,7 @@ describe('Upload Features i18n Translations - Issue #23062', () => {
     console.log('✅ All locales have complete upload features')
   })
 
-  test('previously missing locales should now have audioUpload - Issue #23062', () => {
+  it('previously missing locales should now have audioUpload - Issue #23062', () => {
     // These locales were specifically missing audioUpload
     const previouslyMissingLocales = ['fa-IR', 'hi-IN', 'ro-RO', 'sl-SI', 'th-TH', 'uk-UA', 'vi-VN']
 
@@ -77,7 +77,7 @@ describe('Upload Features i18n Translations - Issue #23062', () => {
       const content = loadTranslationContent(locale)
 
       // Verify audioUpload exists
-      expect(/audioUpload\s*:\s*{/.test(content)).toBe(true)
+      expect(/audioUpload\s*:\s*\{/.test(content)).toBe(true)
 
       // Verify it has title and description
       expect(/audioUpload[^}]*title\s*:/.test(content)).toBe(true)
@@ -87,30 +87,30 @@ describe('Upload Features i18n Translations - Issue #23062', () => {
     })
   })
 
-  test('upload features should have required properties', () => {
+  it('upload features should have required properties', () => {
     supportedLocales.forEach((locale) => {
       const content = loadTranslationContent(locale)
 
       // Check fileUpload has required properties
-      if (/fileUpload\s*:\s*{/.test(content)) {
+      if (/fileUpload\s*:\s*\{/.test(content)) {
         expect(/fileUpload[^}]*title\s*:/.test(content)).toBe(true)
         expect(/fileUpload[^}]*description\s*:/.test(content)).toBe(true)
       }
 
       // Check imageUpload has required properties
-      if (/imageUpload\s*:\s*{/.test(content)) {
+      if (/imageUpload\s*:\s*\{/.test(content)) {
         expect(/imageUpload[^}]*title\s*:/.test(content)).toBe(true)
         expect(/imageUpload[^}]*description\s*:/.test(content)).toBe(true)
       }
 
       // Check documentUpload has required properties
-      if (/documentUpload\s*:\s*{/.test(content)) {
+      if (/documentUpload\s*:\s*\{/.test(content)) {
         expect(/documentUpload[^}]*title\s*:/.test(content)).toBe(true)
         expect(/documentUpload[^}]*description\s*:/.test(content)).toBe(true)
       }
 
       // Check audioUpload has required properties
-      if (/audioUpload\s*:\s*{/.test(content)) {
+      if (/audioUpload\s*:\s*\{/.test(content)) {
         expect(/audioUpload[^}]*title\s*:/.test(content)).toBe(true)
         expect(/audioUpload[^}]*description\s*:/.test(content)).toBe(true)
       }
diff --git a/web/__tests__/navigation-utils.test.ts b/web/__tests__/navigation-utils.test.ts
index 866adea054..8f96ce86ad 100644
--- a/web/__tests__/navigation-utils.test.ts
+++ b/web/__tests__/navigation-utils.test.ts
@@ -24,7 +24,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('createNavigationPath', () => {
-    test('preserves query parameters by default', () => {
+    it('preserves query parameters by default', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3&limit=10&keyword=test' },
         writable: true,
@@ -34,7 +34,7 @@ describe('Navigation Utilities', () => {
       expect(path).toBe('/datasets/123/documents?page=3&limit=10&keyword=test')
     })
 
-    test('returns clean path when preserveParams is false', () => {
+    it('returns clean path when preserveParams is false', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3&limit=10' },
         writable: true,
@@ -44,7 +44,7 @@ describe('Navigation Utilities', () => {
       expect(path).toBe('/datasets/123/documents')
     })
 
-    test('handles empty query parameters', () => {
+    it('handles empty query parameters', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '' },
         writable: true,
@@ -54,7 +54,7 @@ describe('Navigation Utilities', () => {
       expect(path).toBe('/datasets/123/documents')
     })
 
-    test('handles errors gracefully', () => {
+    it('handles errors gracefully', () => {
       // Mock window.location to throw an error
       Object.defineProperty(window, 'location', {
         get: () => {
@@ -74,7 +74,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('createBackNavigation', () => {
-    test('creates function that navigates with preserved params', () => {
+    it('creates function that navigates with preserved params', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=2&limit=25' },
         writable: true,
@@ -86,7 +86,7 @@ describe('Navigation Utilities', () => {
       expect(mockPush).toHaveBeenCalledWith('/datasets/123/documents?page=2&limit=25')
     })
 
-    test('creates function that navigates without params when specified', () => {
+    it('creates function that navigates without params when specified', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=2&limit=25' },
         writable: true,
@@ -100,7 +100,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('extractQueryParams', () => {
-    test('extracts specified parameters', () => {
+    it('extracts specified parameters', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3&limit=10&keyword=test&other=value' },
         writable: true,
@@ -114,7 +114,7 @@ describe('Navigation Utilities', () => {
       })
     })
 
-    test('handles missing parameters', () => {
+    it('handles missing parameters', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3' },
         writable: true,
@@ -126,7 +126,7 @@ describe('Navigation Utilities', () => {
       })
     })
 
-    test('handles errors gracefully', () => {
+    it('handles errors gracefully', () => {
       Object.defineProperty(window, 'location', {
         get: () => {
           throw new Error('Location access denied')
@@ -145,7 +145,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('createNavigationPathWithParams', () => {
-    test('creates path with specified parameters', () => {
+    it('creates path with specified parameters', () => {
       const path = createNavigationPathWithParams('/datasets/123/documents', {
         page: 1,
         limit: 25,
@@ -155,7 +155,7 @@ describe('Navigation Utilities', () => {
       expect(path).toBe('/datasets/123/documents?page=1&limit=25&keyword=search+term')
     })
 
-    test('filters out empty values', () => {
+    it('filters out empty values', () => {
       const path = createNavigationPathWithParams('/datasets/123/documents', {
         page: 1,
         limit: '',
@@ -166,7 +166,7 @@ describe('Navigation Utilities', () => {
       expect(path).toBe('/datasets/123/documents?page=1&keyword=test')
     })
 
-    test('handles errors gracefully', () => {
+    it('handles errors gracefully', () => {
       // Mock URLSearchParams to throw an error
       const originalURLSearchParams = globalThis.URLSearchParams
       globalThis.URLSearchParams = vi.fn(() => {
@@ -185,7 +185,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('mergeQueryParams', () => {
-    test('merges new params with existing ones', () => {
+    it('merges new params with existing ones', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3&limit=10' },
         writable: true,
@@ -199,7 +199,7 @@ describe('Navigation Utilities', () => {
       expect(result).toContain('keyword=test') // added
     })
 
-    test('removes parameters when value is null', () => {
+    it('removes parameters when value is null', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3&limit=10&keyword=test' },
         writable: true,
@@ -214,7 +214,7 @@ describe('Navigation Utilities', () => {
       expect(result).toContain('filter=active')
     })
 
-    test('creates fresh params when preserveExisting is false', () => {
+    it('creates fresh params when preserveExisting is false', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3&limit=10' },
         writable: true,
@@ -228,7 +228,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('datasetNavigation', () => {
-    test('backToDocuments creates correct navigation function', () => {
+    it('backToDocuments creates correct navigation function', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=2&limit=25' },
         writable: true,
@@ -240,14 +240,14 @@ describe('Navigation Utilities', () => {
       expect(mockPush).toHaveBeenCalledWith('/datasets/dataset-123/documents?page=2&limit=25')
     })
 
-    test('toDocumentDetail creates correct navigation function', () => {
+    it('toDocumentDetail creates correct navigation function', () => {
       const detailFn = datasetNavigation.toDocumentDetail(mockRouter, 'dataset-123', 'doc-456')
       detailFn()
 
       expect(mockPush).toHaveBeenCalledWith('/datasets/dataset-123/documents/doc-456')
     })
 
-    test('toDocumentSettings creates correct navigation function', () => {
+    it('toDocumentSettings creates correct navigation function', () => {
       const settingsFn = datasetNavigation.toDocumentSettings(mockRouter, 'dataset-123', 'doc-456')
       settingsFn()
 
@@ -256,7 +256,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('Real-world Integration Scenarios', () => {
-    test('complete user workflow: list -> detail -> back', () => {
+    it('complete user workflow: list -> detail -> back', () => {
       // User starts on page 3 with search
       Object.defineProperty(window, 'location', {
         value: { search: '?page=3&keyword=API&limit=25' },
@@ -273,7 +273,7 @@ describe('Navigation Utilities', () => {
       expect(mockPush).toHaveBeenCalledWith('/datasets/main-dataset/documents?page=3&keyword=API&limit=25')
     })
 
-    test('user applies filters then views document', () => {
+    it('user applies filters then views document', () => {
       // Complex filter state
       Object.defineProperty(window, 'location', {
         value: { search: '?page=1&limit=50&status=active&type=pdf&sort=created_at&order=desc' },
@@ -288,7 +288,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('Edge Cases and Error Handling', () => {
-    test('handles special characters in query parameters', () => {
+    it('handles special characters in query parameters', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?keyword=hello%20world&filter=type%3Apdf&tag=%E4%B8%AD%E6%96%87' },
         writable: true,
@@ -300,7 +300,7 @@ describe('Navigation Utilities', () => {
       expect(path).toContain('%E4%B8%AD%E6%96%87')
     })
 
-    test('handles duplicate query parameters', () => {
+    it('handles duplicate query parameters', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?tag=tag1&tag=tag2&tag=tag3' },
         writable: true,
@@ -311,7 +311,7 @@ describe('Navigation Utilities', () => {
       expect(params.tag).toBe('tag1')
     })
 
-    test('handles very long query strings', () => {
+    it('handles very long query strings', () => {
       const longValue = 'a'.repeat(1000)
       Object.defineProperty(window, 'location', {
         value: { search: `?data=${longValue}` },
@@ -323,7 +323,7 @@ describe('Navigation Utilities', () => {
       expect(path.length).toBeGreaterThan(1000)
     })
 
-    test('handles empty string values in query parameters', () => {
+    it('handles empty string values in query parameters', () => {
       const path = createNavigationPathWithParams('/datasets/123/documents', {
         page: 1,
         keyword: '',
@@ -336,7 +336,7 @@ describe('Navigation Utilities', () => {
       expect(path).not.toContain('filter=')
     })
 
-    test('handles null and undefined values in mergeQueryParams', () => {
+    it('handles null and undefined values in mergeQueryParams', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=1&limit=10&keyword=test' },
         writable: true,
@@ -355,7 +355,7 @@ describe('Navigation Utilities', () => {
       expect(result).toContain('sort=name')
     })
 
-    test('handles navigation with hash fragments', () => {
+    it('handles navigation with hash fragments', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=1', hash: '#section-2' },
         writable: true,
@@ -366,7 +366,7 @@ describe('Navigation Utilities', () => {
       expect(path).toBe('/datasets/123/documents?page=1')
     })
 
-    test('handles malformed query strings gracefully', () => {
+    it('handles malformed query strings gracefully', () => {
       Object.defineProperty(window, 'location', {
         value: { search: '?page=1&invalid&limit=10&=value&key=' },
         writable: true,
@@ -382,7 +382,7 @@ describe('Navigation Utilities', () => {
   })
 
   describe('Performance Tests', () => {
-    test('handles large number of query parameters efficiently', () => {
+    it('handles large number of query parameters efficiently', () => {
       const manyParams = Array.from({ length: 50 }, (_, i) => `param${i}=value${i}`).join('&')
       Object.defineProperty(window, 'location', {
         value: { search: `?${manyParams}` },
diff --git a/web/__tests__/real-browser-flicker.test.tsx b/web/__tests__/real-browser-flicker.test.tsx
index c0df6116e2..60f97d6938 100644
--- a/web/__tests__/real-browser-flicker.test.tsx
+++ b/web/__tests__/real-browser-flicker.test.tsx
@@ -10,8 +10,8 @@
 
 import { render, screen, waitFor } from '@testing-library/react'
 import { ThemeProvider } from 'next-themes'
-import useTheme from '@/hooks/use-theme'
 import { useEffect, useState } from 'react'
+import useTheme from '@/hooks/use-theme'
 
 const DARK_MODE_MEDIA_QUERY = /prefers-color-scheme:\s*dark/i
 
@@ -81,9 +81,9 @@ const setupMockEnvironment = (storedTheme: string | null, systemPrefersDark = fa
 
 // Helper function to create timing page component
 const createTimingPageComponent = (
-  timingData: Array<{ phase: string; timestamp: number; styles: { backgroundColor: string; color: string } }>,
+  timingData: Array<{ phase: string, timestamp: number, styles: { backgroundColor: string, color: string } }>,
 ) => {
-  const recordTiming = (phase: string, styles: { backgroundColor: string; color: string }) => {
+  const recordTiming = (phase: string, styles: { backgroundColor: string, color: string }) => {
     timingData.push({
       phase,
       timestamp: performance.now(),
@@ -113,7 +113,17 @@ const createTimingPageComponent = (
         style={currentStyles}
       >
         <div data-testid="timing-status">
-          Phase: {mounted ? 'CSR' : 'Initial'} | Theme: {theme} | Visual: {isDark ? 'dark' : 'light'}
+          Phase:
+          {' '}
+          {mounted ? 'CSR' : 'Initial'}
+          {' '}
+          | Theme:
+          {' '}
+          {theme}
+          {' '}
+          | Visual:
+          {' '}
+          {isDark ? 'dark' : 'light'}
         </div>
       </div>
     )
@@ -124,7 +134,7 @@ const createTimingPageComponent = (
 
 // Helper function to create CSS test component
 const createCSSTestComponent = (
-  cssStates: Array<{ className: string; timestamp: number }>,
+  cssStates: Array<{ className: string, timestamp: number }>,
 ) => {
   const recordCSSState = (className: string) => {
     cssStates.push({
@@ -151,7 +161,10 @@ const createCSSTestComponent = (
         data-testid="css-component"
         className={className}
       >
-        <div data-testid="css-classes">Classes: {className}</div>
+        <div data-testid="css-classes">
+          Classes:
+          {className}
+        </div>
       </div>
     )
   }
@@ -161,7 +174,7 @@ const createCSSTestComponent = (
 
 // Helper function to create performance test component
 const createPerformanceTestComponent = (
-  performanceMarks: Array<{ event: string; timestamp: number }>,
+  performanceMarks: Array<{ event: string, timestamp: number }>,
 ) => {
   const recordPerformanceMark = (event: string) => {
     performanceMarks.push({ event, timestamp: performance.now() })
@@ -186,7 +199,13 @@ const createPerformanceTestComponent = (
 
     return (
       <div data-testid="performance-test">
-        Mounted: {mounted.toString()} | Theme: {theme || 'loading'}
+        Mounted:
+        {' '}
+        {mounted.toString()}
+        {' '}
+        | Theme:
+        {' '}
+        {theme || 'loading'}
       </div>
     )
   }
@@ -216,10 +235,14 @@ const PageComponent = () => {
           Dify Application
         </h1>
         <div data-testid="theme-indicator">
-          Current Theme: {mounted ? theme : 'unknown'}
+          Current Theme:
+          {' '}
+          {mounted ? theme : 'unknown'}
         </div>
         <div data-testid="visual-appearance">
-          Appearance: {isDark ? 'dark' : 'light'}
+          Appearance:
+          {' '}
+          {isDark ? 'dark' : 'light'}
         </div>
       </div>
     </div>
@@ -254,7 +277,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
   })
 
   describe('Page Refresh Scenario Simulation', () => {
-    test('simulates complete page loading process with dark theme', async () => {
+    it('simulates complete page loading process with dark theme', async () => {
       // Setup: User previously selected dark mode
       setupMockEnvironment('dark')
 
@@ -286,7 +309,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
       console.log('State change detection: Initial -> Final')
     })
 
-    test('handles light theme correctly', async () => {
+    it('handles light theme correctly', async () => {
       setupMockEnvironment('light')
 
       render(
@@ -302,7 +325,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
       expect(screen.getByTestId('visual-appearance')).toHaveTextContent('Appearance: light')
     })
 
-    test('handles system theme with dark preference', async () => {
+    it('handles system theme with dark preference', async () => {
       setupMockEnvironment('system', true) // system theme, dark preference
 
       render(
@@ -318,7 +341,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
       expect(screen.getByTestId('visual-appearance')).toHaveTextContent('Appearance: dark')
     })
 
-    test('handles system theme with light preference', async () => {
+    it('handles system theme with light preference', async () => {
       setupMockEnvironment('system', false) // system theme, light preference
 
       render(
@@ -334,7 +357,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
       expect(screen.getByTestId('visual-appearance')).toHaveTextContent('Appearance: light')
     })
 
-    test('handles no stored theme (defaults to system)', async () => {
+    it('handles no stored theme (defaults to system)', async () => {
       setupMockEnvironment(null, false) // no stored theme, system prefers light
 
       render(
@@ -348,10 +371,10 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
       })
     })
 
-    test('measures timing window of style changes', async () => {
+    it('measures timing window of style changes', async () => {
       setupMockEnvironment('dark')
 
-      const timingData: Array<{ phase: string; timestamp: number; styles: any }> = []
+      const timingData: Array<{ phase: string, timestamp: number, styles: any }> = []
       const TimingPageComponent = createTimingPageComponent(timingData)
 
       render(
@@ -384,10 +407,10 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
   })
 
   describe('CSS Application Timing Tests', () => {
-    test('checks CSS class changes causing flicker', async () => {
+    it('checks CSS class changes causing flicker', async () => {
       setupMockEnvironment('dark')
 
-      const cssStates: Array<{ className: string; timestamp: number }> = []
+      const cssStates: Array<{ className: string, timestamp: number }> = []
       const CSSTestComponent = createCSSTestComponent(cssStates)
 
       render(
@@ -420,7 +443,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
   })
 
   describe('Edge Cases and Error Handling', () => {
-    test('handles localStorage access errors gracefully', async () => {
+    it('handles localStorage access errors gracefully', async () => {
       setupMockEnvironment(null)
 
       const mockStorage = {
@@ -457,7 +480,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
       }
     })
 
-    test('handles invalid theme values in localStorage', async () => {
+    it('handles invalid theme values in localStorage', async () => {
       setupMockEnvironment('invalid-theme-value')
 
       render(
@@ -477,8 +500,8 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
   })
 
   describe('Performance and Regression Tests', () => {
-    test('verifies ThemeProvider position fix reduces initialization delay', async () => {
-      const performanceMarks: Array<{ event: string; timestamp: number }> = []
+    it('verifies ThemeProvider position fix reduces initialization delay', async () => {
+      const performanceMarks: Array<{ event: string, timestamp: number }> = []
 
       setupMockEnvironment('dark')
 
@@ -507,7 +530,7 @@ describe('Real Browser Environment Dark Mode Flicker Test', () => {
   })
 
   describe('Solution Requirements Definition', () => {
-    test('defines technical requirements to eliminate flicker', () => {
+    it('defines technical requirements to eliminate flicker', () => {
       const technicalRequirements = {
         ssrConsistency: 'SSR and CSR must render identical initial styles',
         synchronousDetection: 'Theme detection must complete synchronously before first render',
diff --git a/web/__tests__/unified-tags-logic.test.ts b/web/__tests__/unified-tags-logic.test.ts
index ec73a6a268..d4bbd7f4ff 100644
--- a/web/__tests__/unified-tags-logic.test.ts
+++ b/web/__tests__/unified-tags-logic.test.ts
@@ -14,8 +14,8 @@ describe('Unified Tags Editing - Pure Logic Tests', () => {
       // This is the valueNotChanged logic from TagSelector component
       const valueNotChanged
         = currentValue.length === newSelectedTagIDs.length
-        && currentValue.every(v => newSelectedTagIDs.includes(v))
-        && newSelectedTagIDs.every(v => currentValue.includes(v))
+          && currentValue.every(v => newSelectedTagIDs.includes(v))
+          && newSelectedTagIDs.every(v => currentValue.includes(v))
 
       expect(valueNotChanged).toBe(false)
     })
@@ -26,8 +26,8 @@ describe('Unified Tags Editing - Pure Logic Tests', () => {
 
       const valueNotChanged
         = currentValue.length === newSelectedTagIDs.length
-        && currentValue.every(v => newSelectedTagIDs.includes(v))
-        && newSelectedTagIDs.every(v => currentValue.includes(v))
+          && currentValue.every(v => newSelectedTagIDs.includes(v))
+          && newSelectedTagIDs.every(v => currentValue.includes(v))
 
       expect(valueNotChanged).toBe(true)
     })
@@ -70,7 +70,7 @@ describe('Unified Tags Editing - Pure Logic Tests', () => {
   })
 
   describe('Fallback Logic (from layout-main.tsx)', () => {
-    type Tag = { id: string; name: string }
+    type Tag = { id: string, name: string }
     type AppDetail = { tags: Tag[] }
     type FallbackResult = { tags?: Tag[] } | null
     // no-op
@@ -316,7 +316,7 @@ describe('Unified Tags Editing - Pure Logic Tests', () => {
       ]
 
       // Filter out invalid entries
-      const validTags = mixedData.filter((tag): tag is { id: string; name: string; type: string; binding_count: number } =>
+      const validTags = mixedData.filter((tag): tag is { id: string, name: string, type: string, binding_count: number } =>
         tag != null
         && typeof tag === 'object'
         && 'id' in tag
diff --git a/web/__tests__/workflow-onboarding-integration.test.tsx b/web/__tests__/workflow-onboarding-integration.test.tsx
index e4db04148b..a991115dfb 100644
--- a/web/__tests__/workflow-onboarding-integration.test.tsx
+++ b/web/__tests__/workflow-onboarding-integration.test.tsx
@@ -1,6 +1,6 @@
 import type { Mock } from 'vitest'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { useWorkflowStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 // Type for mocked store
 type MockWorkflowStore = {
@@ -103,9 +103,9 @@ describe('Workflow Onboarding Integration Logic', () => {
 
       // Simulate the validation logic from use-nodes-sync-draft.ts
       const isValidStartNode = mockNode.data.type === BlockEnum.Start
-                              || mockNode.data.type === BlockEnum.TriggerSchedule
-                              || mockNode.data.type === BlockEnum.TriggerWebhook
-                              || mockNode.data.type === BlockEnum.TriggerPlugin
+        || mockNode.data.type === BlockEnum.TriggerSchedule
+        || mockNode.data.type === BlockEnum.TriggerWebhook
+        || mockNode.data.type === BlockEnum.TriggerPlugin
 
       expect(isValidStartNode).toBe(true)
     })
@@ -117,9 +117,9 @@ describe('Workflow Onboarding Integration Logic', () => {
       }
 
       const isValidStartNode = mockNode.data.type === BlockEnum.Start
-                              || mockNode.data.type === BlockEnum.TriggerSchedule
-                              || mockNode.data.type === BlockEnum.TriggerWebhook
-                              || mockNode.data.type === BlockEnum.TriggerPlugin
+        || mockNode.data.type === BlockEnum.TriggerSchedule
+        || mockNode.data.type === BlockEnum.TriggerWebhook
+        || mockNode.data.type === BlockEnum.TriggerPlugin
 
       expect(isValidStartNode).toBe(true)
     })
@@ -131,9 +131,9 @@ describe('Workflow Onboarding Integration Logic', () => {
       }
 
       const isValidStartNode = mockNode.data.type === BlockEnum.Start
-                              || mockNode.data.type === BlockEnum.TriggerSchedule
-                              || mockNode.data.type === BlockEnum.TriggerWebhook
-                              || mockNode.data.type === BlockEnum.TriggerPlugin
+        || mockNode.data.type === BlockEnum.TriggerSchedule
+        || mockNode.data.type === BlockEnum.TriggerWebhook
+        || mockNode.data.type === BlockEnum.TriggerPlugin
 
       expect(isValidStartNode).toBe(true)
     })
@@ -145,9 +145,9 @@ describe('Workflow Onboarding Integration Logic', () => {
       }
 
       const isValidStartNode = mockNode.data.type === BlockEnum.Start
-                              || mockNode.data.type === BlockEnum.TriggerSchedule
-                              || mockNode.data.type === BlockEnum.TriggerWebhook
-                              || mockNode.data.type === BlockEnum.TriggerPlugin
+        || mockNode.data.type === BlockEnum.TriggerSchedule
+        || mockNode.data.type === BlockEnum.TriggerWebhook
+        || mockNode.data.type === BlockEnum.TriggerPlugin
 
       expect(isValidStartNode).toBe(true)
     })
@@ -159,9 +159,9 @@ describe('Workflow Onboarding Integration Logic', () => {
       }
 
       const isValidStartNode = mockNode.data.type === BlockEnum.Start
-                              || mockNode.data.type === BlockEnum.TriggerSchedule
-                              || mockNode.data.type === BlockEnum.TriggerWebhook
-                              || mockNode.data.type === BlockEnum.TriggerPlugin
+        || mockNode.data.type === BlockEnum.TriggerSchedule
+        || mockNode.data.type === BlockEnum.TriggerWebhook
+        || mockNode.data.type === BlockEnum.TriggerPlugin
 
       expect(isValidStartNode).toBe(false)
     })
diff --git a/web/__tests__/workflow-parallel-limit.test.tsx b/web/__tests__/workflow-parallel-limit.test.tsx
index 8d845794da..d2afb30882 100644
--- a/web/__tests__/workflow-parallel-limit.test.tsx
+++ b/web/__tests__/workflow-parallel-limit.test.tsx
@@ -35,11 +35,16 @@ function restoreEnvironment() {
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
     t: (key: string) => {
-      if (key.includes('MaxParallelismTitle')) return 'Max Parallelism'
-      if (key.includes('MaxParallelismDesc')) return 'Maximum number of parallel executions'
-      if (key.includes('parallelMode')) return 'Parallel Mode'
-      if (key.includes('parallelPanelDesc')) return 'Enable parallel execution'
-      if (key.includes('errorResponseMethod')) return 'Error Response Method'
+      if (key.includes('MaxParallelismTitle'))
+        return 'Max Parallelism'
+      if (key.includes('MaxParallelismDesc'))
+        return 'Maximum number of parallel executions'
+      if (key.includes('parallelMode'))
+        return 'Parallel Mode'
+      if (key.includes('parallelPanelDesc'))
+        return 'Enable parallel execution'
+      if (key.includes('errorResponseMethod'))
+        return 'Error Response Method'
       return key
     },
   }),
diff --git a/web/__tests__/xss-prevention.test.tsx b/web/__tests__/xss-prevention.test.tsx
index 235a28af51..b236f9ed3e 100644
--- a/web/__tests__/xss-prevention.test.tsx
+++ b/web/__tests__/xss-prevention.test.tsx
@@ -5,8 +5,8 @@
  * components have been properly fixed by replacing dangerouslySetInnerHTML with safe React rendering.
  */
 
-import React from 'react'
 import { cleanup, render } from '@testing-library/react'
+import React from 'react'
 import BlockInput from '../app/components/base/block-input'
 import SupportVarInput from '../app/components/workflow/nodes/_base/components/support-var-input'
 
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/develop/page.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/develop/page.tsx
index 11335b270c..ba04eae64a 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/develop/page.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/develop/page.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import type { Locale } from '@/i18n-config'
+import React from 'react'
 import DevelopMain from '@/app/components/develop'
 
 export type IDevelopProps = {
-  params: Promise<{ locale: Locale; appId: string }>
+  params: Promise<{ locale: Locale, appId: string }>
 }
 
 const Develop = async (props: IDevelopProps) => {
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx
index d5e3c61932..41bf4c3acf 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx
@@ -1,8 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import { useUnmount } from 'ahooks'
-import React, { useCallback, useEffect, useState } from 'react'
-import { usePathname, useRouter } from 'next/navigation'
+import type { NavIcon } from '@/app/components/app-sidebar/navLink'
+import type { App } from '@/types/app'
 import {
   RiDashboard2Fill,
   RiDashboard2Line,
@@ -13,21 +12,23 @@ import {
   RiTerminalWindowFill,
   RiTerminalWindowLine,
 } from '@remixicon/react'
+import { useUnmount } from 'ahooks'
+import dynamic from 'next/dynamic'
+import { usePathname, useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useShallow } from 'zustand/react/shallow'
-import s from './style.module.css'
-import { cn } from '@/utils/classnames'
-import { useStore } from '@/app/components/app/store'
 import AppSideBar from '@/app/components/app-sidebar'
-import type { NavIcon } from '@/app/components/app-sidebar/navLink'
-import { fetchAppDetailDirect } from '@/service/apps'
-import { useAppContext } from '@/context/app-context'
+import { useStore } from '@/app/components/app/store'
 import Loading from '@/app/components/base/loading'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { type App, AppModeEnum } from '@/types/app'
-import useDocumentTitle from '@/hooks/use-document-title'
 import { useStore as useTagStore } from '@/app/components/base/tag-management/store'
-import dynamic from 'next/dynamic'
+import { useAppContext } from '@/context/app-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { fetchAppDetailDirect } from '@/service/apps'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import s from './style.module.css'
 
 const TagManagementModal = dynamic(() => import('@/app/components/base/tag-management'), {
   ssr: false,
@@ -68,11 +69,11 @@ const AppDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
     const navConfig = [
       ...(isCurrentWorkspaceEditor
         ? [{
-          name: t('common.appMenus.promptEng'),
-          href: `/app/${appId}/${(mode === AppModeEnum.WORKFLOW || mode === AppModeEnum.ADVANCED_CHAT) ? 'workflow' : 'configuration'}`,
-          icon: RiTerminalWindowLine,
-          selectedIcon: RiTerminalWindowFill,
-        }]
+            name: t('common.appMenus.promptEng'),
+            href: `/app/${appId}/${(mode === AppModeEnum.WORKFLOW || mode === AppModeEnum.ADVANCED_CHAT) ? 'workflow' : 'configuration'}`,
+            icon: RiTerminalWindowLine,
+            selectedIcon: RiTerminalWindowFill,
+          }]
         : []
       ),
       {
@@ -83,13 +84,13 @@ const AppDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
       },
       ...(isCurrentWorkspaceEditor
         ? [{
-          name: mode !== AppModeEnum.WORKFLOW
-            ? t('common.appMenus.logAndAnn')
-            : t('common.appMenus.logs'),
-          href: `/app/${appId}/logs`,
-          icon: RiFileList3Line,
-          selectedIcon: RiFileList3Fill,
-        }]
+            name: mode !== AppModeEnum.WORKFLOW
+              ? t('common.appMenus.logAndAnn')
+              : t('common.appMenus.logs'),
+            href: `/app/${appId}/logs`,
+            icon: RiFileList3Line,
+            selectedIcon: RiFileList3Fill,
+          }]
         : []
       ),
       {
@@ -156,7 +157,7 @@ const AppDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
 
   if (!appDetail) {
     return (
-      <div className='flex h-full items-center justify-center bg-background-body'>
+      <div className="flex h-full items-center justify-center bg-background-body">
         <Loading />
       </div>
     )
@@ -173,7 +174,7 @@ const AppDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
         {children}
       </div>
       {showTagManagementModal && (
-        <TagManagementModal type='app' show={showTagManagementModal} />
+        <TagManagementModal type="app" show={showTagManagementModal} />
       )}
     </div>
   )
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx
index fb431c5ac8..f9110c9c1b 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx
@@ -1,30 +1,30 @@
 'use client'
 import type { FC } from 'react'
+import type { IAppCardProps } from '@/app/components/app/overview/app-card'
+import type { BlockEnum } from '@/app/components/workflow/types'
+import type { UpdateAppSiteCodeResponse } from '@/models/app'
+import type { App } from '@/types/app'
 import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import AppCard from '@/app/components/app/overview/app-card'
-import Loading from '@/app/components/base/loading'
-import MCPServiceCard from '@/app/components/tools/mcp/mcp-service-card'
 import TriggerCard from '@/app/components/app/overview/trigger-card'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Loading from '@/app/components/base/loading'
 import { ToastContext } from '@/app/components/base/toast'
+import MCPServiceCard from '@/app/components/tools/mcp/mcp-service-card'
+import { isTriggerNode } from '@/app/components/workflow/types'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { useDocLink } from '@/context/i18n'
 import {
   fetchAppDetail,
   updateAppSiteAccessToken,
   updateAppSiteConfig,
   updateAppSiteStatus,
 } from '@/service/apps'
-import type { App } from '@/types/app'
-import { AppModeEnum } from '@/types/app'
-import type { UpdateAppSiteCodeResponse } from '@/models/app'
-import { asyncRunSafe } from '@/utils'
-import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import type { IAppCardProps } from '@/app/components/app/overview/app-card'
-import { useStore as useAppStore } from '@/app/components/app/store'
 import { useAppWorkflow } from '@/service/use-workflow'
-import type { BlockEnum } from '@/app/components/workflow/types'
-import { isTriggerNode } from '@/app/components/workflow/types'
-import { useDocLink } from '@/context/i18n'
+import { AppModeEnum } from '@/types/app'
+import { asyncRunSafe } from '@/utils'
 
 export type ICardViewProps = {
   appId: string
@@ -59,12 +59,12 @@ const CardView: FC<ICardViewProps> = ({ appId, isInPanel, className }) => {
 
   const triggerDocUrl = docLink('/guides/workflow/node/start')
   const buildTriggerModeMessage = useCallback((featureName: string) => (
-    <div className='flex flex-col gap-1'>
-      <div className='text-xs text-text-secondary'>
+    <div className="flex flex-col gap-1">
+      <div className="text-xs text-text-secondary">
         {t('appOverview.overview.disableTooltip.triggerMode', { feature: featureName })}
       </div>
       <div
-        className='cursor-pointer text-xs font-medium text-text-accent hover:underline'
+        className="cursor-pointer text-xs font-medium text-text-accent hover:underline"
         onClick={(event) => {
           event.stopPropagation()
           window.open(triggerDocUrl, '_blank')
@@ -185,12 +185,14 @@ const CardView: FC<ICardViewProps> = ({ appId, isInPanel, className }) => {
     </>
   )
 
-  const triggerCardNode = showTriggerCard ? (
-    <TriggerCard
-      appInfo={appDetail}
-      onToggleResult={handleCallbackResult}
-    />
-  ) : null
+  const triggerCardNode = showTriggerCard
+    ? (
+        <TriggerCard
+          appInfo={appDetail}
+          onToggleResult={handleCallbackResult}
+        />
+      )
+    : null
 
   return (
     <div className={className || 'mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2'}>
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx
index 64cd2fbd28..9304b45284 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx
@@ -1,15 +1,15 @@
 'use client'
-import React, { useState } from 'react'
+import type { PeriodParams } from '@/app/components/app/overview/app-chart'
 import dayjs from 'dayjs'
 import quarterOfYear from 'dayjs/plugin/quarterOfYear'
+import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { PeriodParams } from '@/app/components/app/overview/app-chart'
+import { TIME_PERIOD_MAPPING as LONG_TIME_PERIOD_MAPPING } from '@/app/components/app/log/filter'
 import { AvgResponseTime, AvgSessionInteractions, AvgUserInteractions, ConversationsChart, CostChart, EndUsersChart, MessagesChart, TokenPerSecond, UserSatisfactionRate, WorkflowCostChart, WorkflowDailyTerminalsChart, WorkflowMessagesChart } from '@/app/components/app/overview/app-chart'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import TimeRangePicker from './time-range-picker'
-import { TIME_PERIOD_MAPPING as LONG_TIME_PERIOD_MAPPING } from '@/app/components/app/log/filter'
 import { IS_CLOUD_EDITION } from '@/config'
 import LongTimeRangePicker from './long-time-range-picker'
+import TimeRangePicker from './time-range-picker'
 
 dayjs.extend(quarterOfYear)
 
@@ -43,63 +43,65 @@ export default function ChartView({ appId, headerRight }: IChartViewProps) {
 
   return (
     <div>
-      <div className='mb-4'>
-        <div className='system-xl-semibold mb-2 text-text-primary'>{t('common.appMenus.overview')}</div>
-        <div className='flex items-center justify-between'>
-          {IS_CLOUD_EDITION ? (
-            <TimeRangePicker
-              ranges={TIME_PERIOD_MAPPING}
-              onSelect={setPeriod}
-              queryDateFormat={queryDateFormat}
-            />
-          ) : (
-            <LongTimeRangePicker
-              periodMapping={LONG_TIME_PERIOD_MAPPING}
-              onSelect={setPeriod}
-              queryDateFormat={queryDateFormat}
-            />
-          )}
+      <div className="mb-4">
+        <div className="system-xl-semibold mb-2 text-text-primary">{t('common.appMenus.overview')}</div>
+        <div className="flex items-center justify-between">
+          {IS_CLOUD_EDITION
+            ? (
+                <TimeRangePicker
+                  ranges={TIME_PERIOD_MAPPING}
+                  onSelect={setPeriod}
+                  queryDateFormat={queryDateFormat}
+                />
+              )
+            : (
+                <LongTimeRangePicker
+                  periodMapping={LONG_TIME_PERIOD_MAPPING}
+                  onSelect={setPeriod}
+                  queryDateFormat={queryDateFormat}
+                />
+              )}
 
           {headerRight}
         </div>
       </div>
       {!isWorkflow && (
-        <div className='mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2'>
+        <div className="mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2">
           <ConversationsChart period={period} id={appId} />
           <EndUsersChart period={period} id={appId} />
         </div>
       )}
       {!isWorkflow && (
-        <div className='mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2'>
+        <div className="mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2">
           {isChatApp
             ? (
-              <AvgSessionInteractions period={period} id={appId} />
-            )
+                <AvgSessionInteractions period={period} id={appId} />
+              )
             : (
-              <AvgResponseTime period={period} id={appId} />
-            )}
+                <AvgResponseTime period={period} id={appId} />
+              )}
           <TokenPerSecond period={period} id={appId} />
         </div>
       )}
       {!isWorkflow && (
-        <div className='mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2'>
+        <div className="mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2">
           <UserSatisfactionRate period={period} id={appId} />
           <CostChart period={period} id={appId} />
         </div>
       )}
       {!isWorkflow && isChatApp && (
-        <div className='mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2'>
+        <div className="mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2">
           <MessagesChart period={period} id={appId} />
         </div>
       )}
       {isWorkflow && (
-        <div className='mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2'>
+        <div className="mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2">
           <WorkflowMessagesChart period={period} id={appId} />
           <WorkflowDailyTerminalsChart period={period} id={appId} />
         </div>
       )}
       {isWorkflow && (
-        <div className='mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2'>
+        <div className="mb-6 grid w-full grid-cols-1 gap-6 xl:grid-cols-2">
           <WorkflowCostChart period={period} id={appId} />
           <AvgUserInteractions period={period} id={appId} />
         </div>
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/long-time-range-picker.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/long-time-range-picker.tsx
index cad4d41a0e..4d59f4a67f 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/long-time-range-picker.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/long-time-range-picker.tsx
@@ -1,13 +1,14 @@
 'use client'
-import type { PeriodParams } from '@/app/components/app/overview/app-chart'
 import type { FC } from 'react'
-import React from 'react'
+import type { PeriodParams } from '@/app/components/app/overview/app-chart'
 import type { Item } from '@/app/components/base/select'
-import { SimpleSelect } from '@/app/components/base/select'
-import { useTranslation } from 'react-i18next'
 import dayjs from 'dayjs'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { SimpleSelect } from '@/app/components/base/select'
+
 type Props = {
-  periodMapping: { [key: string]: { value: number; name: string } }
+  periodMapping: { [key: string]: { value: number, name: string } }
   onSelect: (payload: PeriodParams) => void
   queryDateFormat: string
 }
@@ -53,10 +54,10 @@ const LongTimeRangePicker: FC<Props> = ({
   return (
     <SimpleSelect
       items={Object.entries(periodMapping).map(([k, v]) => ({ value: k, name: t(`appLog.filter.period.${v.name}`) }))}
-      className='mt-0 !w-40'
+      className="mt-0 !w-40"
       notClearable={true}
       onSelect={handleSelect}
-      defaultValue={'2'}
+      defaultValue="2"
     />
   )
 }
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx
index bc07a799e4..e7ee4eb203 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
+import ApikeyInfoPanel from '@/app/components/app/overview/apikey-info-panel'
 import ChartView from './chart-view'
 import TracingPanel from './tracing/panel'
-import ApikeyInfoPanel from '@/app/components/app/overview/apikey-info-panel'
 
 export type IDevelopProps = {
   params: Promise<{ appId: string }>
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/date-picker.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/date-picker.tsx
index dda5dff2b9..bc8bf58354 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/date-picker.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/date-picker.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { RiCalendarLine } from '@remixicon/react'
 import type { Dayjs } from 'dayjs'
 import type { FC } from 'react'
+import type { TriggerProps } from '@/app/components/base/date-and-time-picker/types'
+import { RiCalendarLine } from '@remixicon/react'
+import dayjs from 'dayjs'
+import { noop } from 'lodash-es'
 import React, { useCallback } from 'react'
+import Picker from '@/app/components/base/date-and-time-picker/date-picker'
+import { useI18N } from '@/context/i18n'
 import { cn } from '@/utils/classnames'
 import { formatToLocalTime } from '@/utils/format'
-import { useI18N } from '@/context/i18n'
-import Picker from '@/app/components/base/date-and-time-picker/date-picker'
-import type { TriggerProps } from '@/app/components/base/date-and-time-picker/types'
-import { noop } from 'lodash-es'
-import dayjs from 'dayjs'
 
 type Props = {
   start: Dayjs
@@ -50,9 +50,9 @@ const DatePicker: FC<Props> = ({
   }, [availableEndDate, start])
 
   return (
-    <div className='flex h-8 items-center space-x-0.5 rounded-lg bg-components-input-bg-normal px-2'>
-      <div className='p-px'>
-        <RiCalendarLine className='size-3.5 text-text-tertiary' />
+    <div className="flex h-8 items-center space-x-0.5 rounded-lg bg-components-input-bg-normal px-2">
+      <div className="p-px">
+        <RiCalendarLine className="size-3.5 text-text-tertiary" />
       </div>
       <Picker
         value={start}
@@ -63,7 +63,7 @@ const DatePicker: FC<Props> = ({
         noConfirm
         getIsDateDisabled={startDateDisabled}
       />
-      <span className='system-sm-regular text-text-tertiary'>-</span>
+      <span className="system-sm-regular text-text-tertiary">-</span>
       <Picker
         value={end}
         onChange={onEndChange}
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx
index 4738bdeebf..2a6dca33d7 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx
@@ -1,19 +1,19 @@
 'use client'
-import type { PeriodParams, PeriodParamsWithTimeRange } from '@/app/components/app/overview/app-chart'
-import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
 import type { Dayjs } from 'dayjs'
-import { HourglassShape } from '@/app/components/base/icons/src/vender/other'
-import RangeSelector from './range-selector'
-import DatePicker from './date-picker'
+import type { FC } from 'react'
+import type { PeriodParams, PeriodParamsWithTimeRange } from '@/app/components/app/overview/app-chart'
 import dayjs from 'dayjs'
+import React, { useCallback, useState } from 'react'
+import { HourglassShape } from '@/app/components/base/icons/src/vender/other'
 import { useI18N } from '@/context/i18n'
 import { formatToLocalTime } from '@/utils/format'
+import DatePicker from './date-picker'
+import RangeSelector from './range-selector'
 
 const today = dayjs()
 
 type Props = {
-  ranges: { value: number; name: string }[]
+  ranges: { value: number, name: string }[]
   onSelect: (payload: PeriodParams) => void
   queryDateFormat: string
 }
@@ -44,9 +44,12 @@ const TimeRangePicker: FC<Props> = ({
 
   const handleDateChange = useCallback((type: 'start' | 'end') => {
     return (date?: Dayjs) => {
-      if (!date) return
-      if (type === 'start' && date.isSame(start)) return
-      if (type === 'end' && date.isSame(end)) return
+      if (!date)
+        return
+      if (type === 'start' && date.isSame(start))
+        return
+      if (type === 'end' && date.isSame(end))
+        return
       if (type === 'start')
         setStart(date)
       else
@@ -67,13 +70,13 @@ const TimeRangePicker: FC<Props> = ({
   }, [start, end, onSelect, locale, queryDateFormat])
 
   return (
-    <div className='flex items-center'>
+    <div className="flex items-center">
       <RangeSelector
         isCustomRange={isCustomRange}
         ranges={ranges}
         onSelect={handleRangeChange}
       />
-      <HourglassShape className='h-3.5 w-2 text-components-input-bg-normal' />
+      <HourglassShape className="h-3.5 w-2 text-components-input-bg-normal" />
       <DatePicker
         start={start}
         end={end}
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/range-selector.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/range-selector.tsx
index 0a80bf670d..e820ae46e1 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/range-selector.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/range-selector.tsx
@@ -1,19 +1,19 @@
 'use client'
-import type { PeriodParamsWithTimeRange, TimeRange } from '@/app/components/app/overview/app-chart'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { SimpleSelect } from '@/app/components/base/select'
+import type { PeriodParamsWithTimeRange, TimeRange } from '@/app/components/app/overview/app-chart'
 import type { Item } from '@/app/components/base/select'
-import dayjs from 'dayjs'
 import { RiArrowDownSLine, RiCheckLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import dayjs from 'dayjs'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { SimpleSelect } from '@/app/components/base/select'
+import { cn } from '@/utils/classnames'
 
 const today = dayjs()
 
 type Props = {
   isCustomRange: boolean
-  ranges: { value: number; name: string }[]
+  ranges: { value: number, name: string }[]
   onSelect: (payload: PeriodParamsWithTimeRange) => void
 }
 
@@ -41,13 +41,13 @@ const RangeSelector: FC<Props> = ({
   const renderTrigger = useCallback((item: Item | null, isOpen: boolean) => {
     return (
       <div className={cn('flex h-8 cursor-pointer items-center space-x-1.5 rounded-lg bg-components-input-bg-normal pl-3 pr-2', isOpen && 'bg-state-base-hover-alt')}>
-        <div className='system-sm-regular text-components-input-text-filled'>{isCustomRange ? t('appLog.filter.period.custom') : item?.name}</div>
+        <div className="system-sm-regular text-components-input-text-filled">{isCustomRange ? t('appLog.filter.period.custom') : item?.name}</div>
         <RiArrowDownSLine className={cn('size-4 text-text-quaternary', isOpen && 'text-text-secondary')} />
       </div>
     )
   }, [isCustomRange])
 
-  const renderOption = useCallback(({ item, selected }: { item: Item; selected: boolean }) => {
+  const renderOption = useCallback(({ item, selected }: { item: Item, selected: boolean }) => {
     return (
       <>
         {selected && (
@@ -66,14 +66,14 @@ const RangeSelector: FC<Props> = ({
   return (
     <SimpleSelect
       items={ranges.map(v => ({ ...v, name: t(`appLog.filter.period.${v.name}`) }))}
-      className='mt-0 !w-40'
+      className="mt-0 !w-40"
       notClearable={true}
       onSelect={handleSelectRange}
       defaultValue={0}
-      wrapperClassName='h-8'
-      optionWrapClassName='w-[200px] translate-x-[-24px]'
+      wrapperClassName="h-8"
+      optionWrapClassName="w-[200px] translate-x-[-24px]"
       renderTrigger={renderTrigger}
-      optionClassName='flex items-center py-0 pl-7 pr-2 h-8'
+      optionClassName="flex items-center py-0 pl-7 pr-2 h-8"
       renderOption={renderOption}
     />
   )
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/__tests__/svg-attribute-error-reproduction.spec.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/__tests__/svg-attribute-error-reproduction.spec.tsx
index f93bef526f..a08a1476d7 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/__tests__/svg-attribute-error-reproduction.spec.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/__tests__/svg-attribute-error-reproduction.spec.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import { OpikIconBig } from '@/app/components/base/icons/src/public/tracing'
-import { normalizeAttrs } from '@/app/components/base/icons/utils'
 import iconData from '@/app/components/base/icons/src/public/tracing/OpikIconBig.json'
+import { normalizeAttrs } from '@/app/components/base/icons/utils'
 
 describe('SVG Attribute Error Reproduction', () => {
   // Capture console errors
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-button.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-button.tsx
index 17c919bf22..8dbb410f8c 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-button.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-button.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useRef, useState } from 'react'
-
 import type { PopupProps } from './config-popup'
-import ConfigPopup from './config-popup'
-import { cn } from '@/utils/classnames'
+
+import React, { useCallback, useRef, useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
+import ConfigPopup from './config-popup'
 
 type Props = {
   readOnly: boolean
@@ -42,7 +42,7 @@ const ConfigBtn: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={12}
     >
       <PortalToFollowElemTrigger onClick={handleTrigger}>
@@ -50,7 +50,7 @@ const ConfigBtn: FC<Props> = ({
           {children}
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
+      <PortalToFollowElemContent className="z-[11]">
         <ConfigPopup {...popupProps} />
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx
index 767ccb8c59..3cbfcb4315 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/config-popup.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC, JSX } from 'react'
+import type { AliyunConfig, ArizeConfig, DatabricksConfig, LangFuseConfig, LangSmithConfig, MLflowConfig, OpikConfig, PhoenixConfig, TencentConfig, WeaveConfig } from './type'
+import { useBoolean } from 'ahooks'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import TracingIcon from './tracing-icon'
-import ProviderPanel from './provider-panel'
-import type { AliyunConfig, ArizeConfig, DatabricksConfig, LangFuseConfig, LangSmithConfig, MLflowConfig, OpikConfig, PhoenixConfig, TencentConfig, WeaveConfig } from './type'
-import { TracingProvider } from './type'
-import ProviderConfigModal from './provider-config-modal'
-import Indicator from '@/app/components/header/indicator'
+import Divider from '@/app/components/base/divider'
 import Switch from '@/app/components/base/switch'
 import Tooltip from '@/app/components/base/tooltip'
-import Divider from '@/app/components/base/divider'
+import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
+import ProviderConfigModal from './provider-config-modal'
+import ProviderPanel from './provider-panel'
+import TracingIcon from './tracing-icon'
+import { TracingProvider } from './type'
 
 const I18N_PREFIX = 'app.tracing'
 
@@ -92,7 +92,7 @@ const ConfigPopup: FC<PopupProps> = ({
 
   const switchContent = (
     <Switch
-      className='ml-3'
+      className="ml-3"
       defaultValue={enabled}
       onChange={onStatusChange}
       disabled={providerAllNotConfigured}
@@ -322,13 +322,13 @@ const ConfigPopup: FC<PopupProps> = ({
   }
 
   return (
-    <div className='w-[420px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-xl'>
-      <div className='flex items-center justify-between'>
-        <div className='flex items-center'>
-          <TracingIcon size='md' className='mr-2' />
-          <div className='title-2xl-semi-bold text-text-primary'>{t(`${I18N_PREFIX}.tracing`)}</div>
+    <div className="w-[420px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-xl">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center">
+          <TracingIcon size="md" className="mr-2" />
+          <div className="title-2xl-semi-bold text-text-primary">{t(`${I18N_PREFIX}.tracing`)}</div>
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <Indicator color={enabled ? 'green' : 'gray'} />
           <div className={cn('system-xs-semibold-uppercase ml-1 text-text-tertiary', enabled && 'text-util-colors-green-green-600')}>
             {t(`${I18N_PREFIX}.${enabled ? 'enabled' : 'disabled'}`)}
@@ -337,53 +337,53 @@ const ConfigPopup: FC<PopupProps> = ({
             <>
               {providerAllNotConfigured
                 ? (
-                  <Tooltip
-                    popupContent={t(`${I18N_PREFIX}.disabledTip`)}
-                  >
-                    {switchContent}
-                  </Tooltip>
-                )
+                    <Tooltip
+                      popupContent={t(`${I18N_PREFIX}.disabledTip`)}
+                    >
+                      {switchContent}
+                    </Tooltip>
+                  )
                 : switchContent}
             </>
           )}
         </div>
       </div>
 
-      <div className='system-xs-regular mt-2 text-text-tertiary'>
+      <div className="system-xs-regular mt-2 text-text-tertiary">
         {t(`${I18N_PREFIX}.tracingDescription`)}
       </div>
-      <Divider className='my-3' />
-      <div className='relative'>
+      <Divider className="my-3" />
+      <div className="relative">
         {(providerAllConfigured || providerAllNotConfigured)
           ? (
-            <>
-              <div className='system-xs-medium-uppercase text-text-tertiary'>{t(`${I18N_PREFIX}.configProviderTitle.${providerAllConfigured ? 'configured' : 'notConfigured'}`)}</div>
-              <div className='mt-2 max-h-96 space-y-2 overflow-y-auto'>
-                {langfusePanel}
-                {langSmithPanel}
-                {opikPanel}
-                {mlflowPanel}
-                {databricksPanel}
-                {weavePanel}
-                {arizePanel}
-                {phoenixPanel}
-                {aliyunPanel}
-                {tencentPanel}
-              </div>
-            </>
-          )
+              <>
+                <div className="system-xs-medium-uppercase text-text-tertiary">{t(`${I18N_PREFIX}.configProviderTitle.${providerAllConfigured ? 'configured' : 'notConfigured'}`)}</div>
+                <div className="mt-2 max-h-96 space-y-2 overflow-y-auto">
+                  {langfusePanel}
+                  {langSmithPanel}
+                  {opikPanel}
+                  {mlflowPanel}
+                  {databricksPanel}
+                  {weavePanel}
+                  {arizePanel}
+                  {phoenixPanel}
+                  {aliyunPanel}
+                  {tencentPanel}
+                </div>
+              </>
+            )
           : (
-            <>
-              <div className='system-xs-medium-uppercase text-text-tertiary'>{t(`${I18N_PREFIX}.configProviderTitle.configured`)}</div>
-              <div className='mt-2 max-h-40 space-y-2 overflow-y-auto'>
-                {configuredProviderPanel()}
-              </div>
-              <div className='system-xs-medium-uppercase mt-3 text-text-tertiary'>{t(`${I18N_PREFIX}.configProviderTitle.moreProvider`)}</div>
-              <div className='mt-2 max-h-40 space-y-2 overflow-y-auto'>
-                {moreProviderPanel()}
-              </div>
-            </>
-          )}
+              <>
+                <div className="system-xs-medium-uppercase text-text-tertiary">{t(`${I18N_PREFIX}.configProviderTitle.configured`)}</div>
+                <div className="mt-2 max-h-40 space-y-2 overflow-y-auto">
+                  {configuredProviderPanel()}
+                </div>
+                <div className="system-xs-medium-uppercase mt-3 text-text-tertiary">{t(`${I18N_PREFIX}.configProviderTitle.moreProvider`)}</div>
+                <div className="mt-2 max-h-40 space-y-2 overflow-y-auto">
+                  {moreProviderPanel()}
+                </div>
+              </>
+            )}
 
       </div>
       {isShowConfigModal && (
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/field.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/field.tsx
index e170159e35..a827a2b80c 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/field.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/field.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import Input from '@/app/components/base/input'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -25,14 +25,17 @@ const Field: FC<Props> = ({
 }) => {
   return (
     <div className={cn(className)}>
-      <div className='flex py-[7px]'>
-        <div className={cn(labelClassName, 'flex h-[18px] items-center text-[13px] font-medium text-text-primary')}>{label} </div>
-        {isRequired && <span className='ml-0.5 text-xs font-semibold text-[#D92D20]'>*</span>}
+      <div className="flex py-[7px]">
+        <div className={cn(labelClassName, 'flex h-[18px] items-center text-[13px] font-medium text-text-primary')}>
+          {label}
+          {' '}
+        </div>
+        {isRequired && <span className="ml-0.5 text-xs font-semibold text-[#D92D20]">*</span>}
       </div>
       <Input
         value={value}
         onChange={e => onChange(e.target.value)}
-        className='h-9'
+        className="h-9"
         placeholder={placeholder}
       />
     </div>
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/panel.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/panel.tsx
index 319ff3f423..1ea89012e3 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/panel.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/panel.tsx
@@ -1,26 +1,26 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useState } from 'react'
+import type { AliyunConfig, ArizeConfig, DatabricksConfig, LangFuseConfig, LangSmithConfig, MLflowConfig, OpikConfig, PhoenixConfig, TencentConfig, WeaveConfig } from './type'
+import type { TracingStatus } from '@/models/app'
 import {
   RiArrowDownDoubleLine,
   RiEqualizer2Line,
 } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { usePathname } from 'next/navigation'
 import { useBoolean } from 'ahooks'
-import type { AliyunConfig, ArizeConfig, DatabricksConfig, LangFuseConfig, LangSmithConfig, MLflowConfig, OpikConfig, PhoenixConfig, TencentConfig, WeaveConfig } from './type'
-import { TracingProvider } from './type'
-import TracingIcon from './tracing-icon'
-import ConfigButton from './config-button'
-import { cn } from '@/utils/classnames'
-import { AliyunIcon, ArizeIcon, DatabricksIcon, LangfuseIcon, LangsmithIcon, MlflowIcon, OpikIcon, PhoenixIcon, TencentIcon, WeaveIcon } from '@/app/components/base/icons/src/public/tracing'
-import Indicator from '@/app/components/header/indicator'
-import { fetchTracingConfig as doFetchTracingConfig, fetchTracingStatus, updateTracingStatus } from '@/service/apps'
-import type { TracingStatus } from '@/models/app'
-import Toast from '@/app/components/base/toast'
-import { useAppContext } from '@/context/app-context'
-import Loading from '@/app/components/base/loading'
+import { usePathname } from 'next/navigation'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Divider from '@/app/components/base/divider'
+import { AliyunIcon, ArizeIcon, DatabricksIcon, LangfuseIcon, LangsmithIcon, MlflowIcon, OpikIcon, PhoenixIcon, TencentIcon, WeaveIcon } from '@/app/components/base/icons/src/public/tracing'
+import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
+import Indicator from '@/app/components/header/indicator'
+import { useAppContext } from '@/context/app-context'
+import { fetchTracingConfig as doFetchTracingConfig, fetchTracingStatus, updateTracingStatus } from '@/service/apps'
+import { cn } from '@/utils/classnames'
+import ConfigButton from './config-button'
+import TracingIcon from './tracing-icon'
+import { TracingProvider } from './type'
 
 const I18N_PREFIX = 'app.tracing'
 
@@ -215,8 +215,8 @@ const Panel: FC = () => {
 
   if (!isLoaded) {
     return (
-      <div className='mb-3 flex items-center justify-between'>
-        <div className='w-[200px]'>
+      <div className="mb-3 flex items-center justify-between">
+        <div className="w-[200px]">
           <Loading />
         </div>
       </div>
@@ -252,14 +252,14 @@ const Panel: FC = () => {
               'flex cursor-pointer select-none items-center rounded-xl border-l-[0.5px] border-t border-effects-highlight bg-background-default-dodge p-2 shadow-xs hover:border-effects-highlight-lightmode-off hover:bg-background-default-lighter',
             )}
           >
-            <TracingIcon size='md' />
-            <div className='system-sm-semibold mx-2 text-text-secondary'>{t(`${I18N_PREFIX}.title`)}</div>
-            <div className='rounded-md p-1'>
-              <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+            <TracingIcon size="md" />
+            <div className="system-sm-semibold mx-2 text-text-secondary">{t(`${I18N_PREFIX}.title`)}</div>
+            <div className="rounded-md p-1">
+              <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
             </div>
-            <Divider type='vertical' className='h-3.5' />
-            <div className='rounded-md p-1'>
-              <RiArrowDownDoubleLine className='h-4 w-4 text-text-tertiary' />
+            <Divider type="vertical" className="h-3.5" />
+            <div className="rounded-md p-1">
+              <RiArrowDownDoubleLine className="h-4 w-4 text-text-tertiary" />
             </div>
           </div>
         </ConfigButton>
@@ -291,17 +291,17 @@ const Panel: FC = () => {
               'flex cursor-pointer select-none items-center rounded-xl border-l-[0.5px] border-t border-effects-highlight bg-background-default-dodge p-2 shadow-xs hover:border-effects-highlight-lightmode-off hover:bg-background-default-lighter',
             )}
           >
-            <div className='ml-4 mr-1 flex items-center'>
+            <div className="ml-4 mr-1 flex items-center">
               <Indicator color={enabled ? 'green' : 'gray'} />
-              <div className='system-xs-semibold-uppercase ml-1.5 text-text-tertiary'>
+              <div className="system-xs-semibold-uppercase ml-1.5 text-text-tertiary">
                 {t(`${I18N_PREFIX}.${enabled ? 'enabled' : 'disabled'}`)}
               </div>
             </div>
-            {InUseProviderIcon && <InUseProviderIcon className='ml-1 h-4' />}
-            <div className='ml-2 rounded-md p-1'>
-              <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+            {InUseProviderIcon && <InUseProviderIcon className="ml-1 h-4" />}
+            <div className="ml-2 rounded-md p-1">
+              <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
             </div>
-            <Divider type='vertical' className='h-3.5' />
+            <Divider type="vertical" className="h-3.5" />
           </div>
         </ConfigButton>
       )}
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-config-modal.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-config-modal.tsx
index 7cf479f5a8..254ca4e01a 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-config-modal.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-config-modal.tsx
@@ -1,23 +1,23 @@
 'use client'
 import type { FC } from 'react'
+import type { AliyunConfig, ArizeConfig, DatabricksConfig, LangFuseConfig, LangSmithConfig, MLflowConfig, OpikConfig, PhoenixConfig, TencentConfig, WeaveConfig } from './type'
+import { useBoolean } from 'ahooks'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import Field from './field'
-import type { AliyunConfig, ArizeConfig, DatabricksConfig, LangFuseConfig, LangSmithConfig, MLflowConfig, OpikConfig, PhoenixConfig, TencentConfig, WeaveConfig } from './type'
-import { TracingProvider } from './type'
-import { docURL } from './config'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import Divider from '@/app/components/base/divider'
+import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
-import Button from '@/app/components/base/button'
-import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
-import Confirm from '@/app/components/base/confirm'
-import { addTracingConfig, removeTracingConfig, updateTracingConfig } from '@/service/apps'
 import Toast from '@/app/components/base/toast'
-import Divider from '@/app/components/base/divider'
+import { addTracingConfig, removeTracingConfig, updateTracingConfig } from '@/service/apps'
+import { docURL } from './config'
+import Field from './field'
+import { TracingProvider } from './type'
 
 type Props = {
   appId: string
@@ -295,403 +295,407 @@ const ProviderConfigModal: FC<Props> = ({
     <>
       {!isShowRemoveConfirm
         ? (
-          <PortalToFollowElem open>
-            <PortalToFollowElemContent className='z-[60] h-full w-full'>
-              <div className='fixed inset-0 flex items-center justify-center bg-background-overlay'>
-                <div className='mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl'>
-                  <div className='px-8 pt-8'>
-                    <div className='mb-4 flex items-center justify-between'>
-                      <div className='title-2xl-semi-bold text-text-primary'>{t(`${I18N_PREFIX}.title`)}{t(`app.tracing.${type}.title`)}</div>
-                    </div>
-
-                    <div className='space-y-4'>
-                      {type === TracingProvider.arize && (
-                        <>
-                          <Field
-                            label='API Key'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as ArizeConfig).api_key}
-                            onChange={handleConfigChange('api_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
-                          />
-                          <Field
-                            label='Space ID'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as ArizeConfig).space_id}
-                            onChange={handleConfigChange('space_id')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'Space ID' })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.project`)!}
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as ArizeConfig).project}
-                            onChange={handleConfigChange('project')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
-                          />
-                          <Field
-                            label='Endpoint'
-                            labelClassName='!text-sm'
-                            value={(config as ArizeConfig).endpoint}
-                            onChange={handleConfigChange('endpoint')}
-                            placeholder={'https://otlp.arize.com'}
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.phoenix && (
-                        <>
-                          <Field
-                            label='API Key'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as PhoenixConfig).api_key}
-                            onChange={handleConfigChange('api_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.project`)!}
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as PhoenixConfig).project}
-                            onChange={handleConfigChange('project')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
-                          />
-                          <Field
-                            label='Endpoint'
-                            labelClassName='!text-sm'
-                            value={(config as PhoenixConfig).endpoint}
-                            onChange={handleConfigChange('endpoint')}
-                            placeholder={'https://app.phoenix.arize.com'}
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.aliyun && (
-                        <>
-                          <Field
-                            label='License Key'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as AliyunConfig).license_key}
-                            onChange={handleConfigChange('license_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'License Key' })!}
-                          />
-                          <Field
-                            label='Endpoint'
-                            labelClassName='!text-sm'
-                            value={(config as AliyunConfig).endpoint}
-                            onChange={handleConfigChange('endpoint')}
-                            placeholder={'https://tracing.arms.aliyuncs.com'}
-                          />
-                          <Field
-                            label='App Name'
-                            labelClassName='!text-sm'
-                            value={(config as AliyunConfig).app_name}
-                            onChange={handleConfigChange('app_name')}
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.tencent && (
-                        <>
-                          <Field
-                            label='Token'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as TencentConfig).token}
-                            onChange={handleConfigChange('token')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'Token' })!}
-                          />
-                          <Field
-                            label='Endpoint'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as TencentConfig).endpoint}
-                            onChange={handleConfigChange('endpoint')}
-                            placeholder='https://your-region.cls.tencentcs.com'
-                          />
-                          <Field
-                            label='Service Name'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as TencentConfig).service_name}
-                            onChange={handleConfigChange('service_name')}
-                            placeholder='dify_app'
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.weave && (
-                        <>
-                          <Field
-                            label='API Key'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as WeaveConfig).api_key}
-                            onChange={handleConfigChange('api_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.project`)!}
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as WeaveConfig).project}
-                            onChange={handleConfigChange('project')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
-                          />
-                          <Field
-                            label='Entity'
-                            labelClassName='!text-sm'
-                            value={(config as WeaveConfig).entity}
-                            onChange={handleConfigChange('entity')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'Entity' })!}
-                          />
-                          <Field
-                            label='Endpoint'
-                            labelClassName='!text-sm'
-                            value={(config as WeaveConfig).endpoint}
-                            onChange={handleConfigChange('endpoint')}
-                            placeholder={'https://trace.wandb.ai/'}
-                          />
-                          <Field
-                            label='Host'
-                            labelClassName='!text-sm'
-                            value={(config as WeaveConfig).host}
-                            onChange={handleConfigChange('host')}
-                            placeholder={'https://api.wandb.ai'}
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.langSmith && (
-                        <>
-                          <Field
-                            label='API Key'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as LangSmithConfig).api_key}
-                            onChange={handleConfigChange('api_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.project`)!}
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as LangSmithConfig).project}
-                            onChange={handleConfigChange('project')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
-                          />
-                          <Field
-                            label='Endpoint'
-                            labelClassName='!text-sm'
-                            value={(config as LangSmithConfig).endpoint}
-                            onChange={handleConfigChange('endpoint')}
-                            placeholder={'https://api.smith.langchain.com'}
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.langfuse && (
-                        <>
-                          <Field
-                            label={t(`${I18N_PREFIX}.secretKey`)!}
-                            labelClassName='!text-sm'
-                            value={(config as LangFuseConfig).secret_key}
-                            isRequired
-                            onChange={handleConfigChange('secret_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.secretKey`) })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.publicKey`)!}
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as LangFuseConfig).public_key}
-                            onChange={handleConfigChange('public_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.publicKey`) })!}
-                          />
-                          <Field
-                            label='Host'
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as LangFuseConfig).host}
-                            onChange={handleConfigChange('host')}
-                            placeholder='https://cloud.langfuse.com'
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.opik && (
-                        <>
-                          <Field
-                            label='API Key'
-                            labelClassName='!text-sm'
-                            value={(config as OpikConfig).api_key}
-                            onChange={handleConfigChange('api_key')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.project`)!}
-                            labelClassName='!text-sm'
-                            value={(config as OpikConfig).project}
-                            onChange={handleConfigChange('project')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
-                          />
-                          <Field
-                            label='Workspace'
-                            labelClassName='!text-sm'
-                            value={(config as OpikConfig).workspace}
-                            onChange={handleConfigChange('workspace')}
-                            placeholder={'default'}
-                          />
-                          <Field
-                            label='Url'
-                            labelClassName='!text-sm'
-                            value={(config as OpikConfig).url}
-                            onChange={handleConfigChange('url')}
-                            placeholder={'https://www.comet.com/opik/api/'}
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.mlflow && (
-                        <>
-                          <Field
-                            label={t(`${I18N_PREFIX}.trackingUri`)!}
-                            labelClassName='!text-sm'
-                            value={(config as MLflowConfig).tracking_uri}
-                            isRequired
-                            onChange={handleConfigChange('tracking_uri')}
-                            placeholder={'http://localhost:5000'}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.experimentId`)!}
-                            labelClassName='!text-sm'
-                            isRequired
-                            value={(config as MLflowConfig).experiment_id}
-                            onChange={handleConfigChange('experiment_id')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.experimentId`) })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.username`)!}
-                            labelClassName='!text-sm'
-                            value={(config as MLflowConfig).username}
-                            onChange={handleConfigChange('username')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.username`) })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.password`)!}
-                            labelClassName='!text-sm'
-                            value={(config as MLflowConfig).password}
-                            onChange={handleConfigChange('password')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.password`) })!}
-                          />
-                        </>
-                      )}
-                      {type === TracingProvider.databricks && (
-                        <>
-                          <Field
-                            label={t(`${I18N_PREFIX}.experimentId`)!}
-                            labelClassName='!text-sm'
-                            value={(config as DatabricksConfig).experiment_id}
-                            onChange={handleConfigChange('experiment_id')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.experimentId`) })!}
-                            isRequired
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.databricksHost`)!}
-                            labelClassName='!text-sm'
-                            value={(config as DatabricksConfig).host}
-                            onChange={handleConfigChange('host')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.databricksHost`) })!}
-                            isRequired
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.clientId`)!}
-                            labelClassName='!text-sm'
-                            value={(config as DatabricksConfig).client_id}
-                            onChange={handleConfigChange('client_id')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.clientId`) })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.clientSecret`)!}
-                            labelClassName='!text-sm'
-                            value={(config as DatabricksConfig).client_secret}
-                            onChange={handleConfigChange('client_secret')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.clientSecret`) })!}
-                          />
-                          <Field
-                            label={t(`${I18N_PREFIX}.personalAccessToken`)!}
-                            labelClassName='!text-sm'
-                            value={(config as DatabricksConfig).personal_access_token}
-                            onChange={handleConfigChange('personal_access_token')}
-                            placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.personalAccessToken`) })!}
-                          />
-                        </>
-                      )}
-                    </div>
-                    <div className='my-8 flex h-8 items-center justify-between'>
-                      <a
-                        className='flex items-center space-x-1 text-xs font-normal leading-[18px] text-[#155EEF]'
-                        target='_blank'
-                        href={docURL[type]}
-                      >
-                        <span>{t(`${I18N_PREFIX}.viewDocsLink`, { key: t(`app.tracing.${type}.title`) })}</span>
-                        <LinkExternal02 className='h-3 w-3' />
-                      </a>
-                      <div className='flex items-center'>
-                        {isEdit && (
-                          <>
-                            <Button
-                              className='h-9 text-sm font-medium text-text-secondary'
-                              onClick={showRemoveConfirm}
-                            >
-                              <span className='text-[#D92D20]'>{t('common.operation.remove')}</span>
-                            </Button>
-                            <Divider type='vertical' className='mx-3 h-[18px]' />
-                          </>
-                        )}
-                        <Button
-                          className='mr-2 h-9 text-sm font-medium text-text-secondary'
-                          onClick={onCancel}
-                        >
-                          {t('common.operation.cancel')}
-                        </Button>
-                        <Button
-                          className='h-9 text-sm font-medium'
-                          variant='primary'
-                          onClick={handleSave}
-                          loading={isSaving}
-                        >
-                          {t(`common.operation.${isAdd ? 'saveAndEnable' : 'save'}`)}
-                        </Button>
+            <PortalToFollowElem open>
+              <PortalToFollowElemContent className="z-[60] h-full w-full">
+                <div className="fixed inset-0 flex items-center justify-center bg-background-overlay">
+                  <div className="mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl">
+                    <div className="px-8 pt-8">
+                      <div className="mb-4 flex items-center justify-between">
+                        <div className="title-2xl-semi-bold text-text-primary">
+                          {t(`${I18N_PREFIX}.title`)}
+                          {t(`app.tracing.${type}.title`)}
+                        </div>
                       </div>
 
+                      <div className="space-y-4">
+                        {type === TracingProvider.arize && (
+                          <>
+                            <Field
+                              label="API Key"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as ArizeConfig).api_key}
+                              onChange={handleConfigChange('api_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
+                            />
+                            <Field
+                              label="Space ID"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as ArizeConfig).space_id}
+                              onChange={handleConfigChange('space_id')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'Space ID' })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.project`)!}
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as ArizeConfig).project}
+                              onChange={handleConfigChange('project')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
+                            />
+                            <Field
+                              label="Endpoint"
+                              labelClassName="!text-sm"
+                              value={(config as ArizeConfig).endpoint}
+                              onChange={handleConfigChange('endpoint')}
+                              placeholder="https://otlp.arize.com"
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.phoenix && (
+                          <>
+                            <Field
+                              label="API Key"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as PhoenixConfig).api_key}
+                              onChange={handleConfigChange('api_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.project`)!}
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as PhoenixConfig).project}
+                              onChange={handleConfigChange('project')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
+                            />
+                            <Field
+                              label="Endpoint"
+                              labelClassName="!text-sm"
+                              value={(config as PhoenixConfig).endpoint}
+                              onChange={handleConfigChange('endpoint')}
+                              placeholder="https://app.phoenix.arize.com"
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.aliyun && (
+                          <>
+                            <Field
+                              label="License Key"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as AliyunConfig).license_key}
+                              onChange={handleConfigChange('license_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'License Key' })!}
+                            />
+                            <Field
+                              label="Endpoint"
+                              labelClassName="!text-sm"
+                              value={(config as AliyunConfig).endpoint}
+                              onChange={handleConfigChange('endpoint')}
+                              placeholder="https://tracing.arms.aliyuncs.com"
+                            />
+                            <Field
+                              label="App Name"
+                              labelClassName="!text-sm"
+                              value={(config as AliyunConfig).app_name}
+                              onChange={handleConfigChange('app_name')}
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.tencent && (
+                          <>
+                            <Field
+                              label="Token"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as TencentConfig).token}
+                              onChange={handleConfigChange('token')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'Token' })!}
+                            />
+                            <Field
+                              label="Endpoint"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as TencentConfig).endpoint}
+                              onChange={handleConfigChange('endpoint')}
+                              placeholder="https://your-region.cls.tencentcs.com"
+                            />
+                            <Field
+                              label="Service Name"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as TencentConfig).service_name}
+                              onChange={handleConfigChange('service_name')}
+                              placeholder="dify_app"
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.weave && (
+                          <>
+                            <Field
+                              label="API Key"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as WeaveConfig).api_key}
+                              onChange={handleConfigChange('api_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.project`)!}
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as WeaveConfig).project}
+                              onChange={handleConfigChange('project')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
+                            />
+                            <Field
+                              label="Entity"
+                              labelClassName="!text-sm"
+                              value={(config as WeaveConfig).entity}
+                              onChange={handleConfigChange('entity')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'Entity' })!}
+                            />
+                            <Field
+                              label="Endpoint"
+                              labelClassName="!text-sm"
+                              value={(config as WeaveConfig).endpoint}
+                              onChange={handleConfigChange('endpoint')}
+                              placeholder="https://trace.wandb.ai/"
+                            />
+                            <Field
+                              label="Host"
+                              labelClassName="!text-sm"
+                              value={(config as WeaveConfig).host}
+                              onChange={handleConfigChange('host')}
+                              placeholder="https://api.wandb.ai"
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.langSmith && (
+                          <>
+                            <Field
+                              label="API Key"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as LangSmithConfig).api_key}
+                              onChange={handleConfigChange('api_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.project`)!}
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as LangSmithConfig).project}
+                              onChange={handleConfigChange('project')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
+                            />
+                            <Field
+                              label="Endpoint"
+                              labelClassName="!text-sm"
+                              value={(config as LangSmithConfig).endpoint}
+                              onChange={handleConfigChange('endpoint')}
+                              placeholder="https://api.smith.langchain.com"
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.langfuse && (
+                          <>
+                            <Field
+                              label={t(`${I18N_PREFIX}.secretKey`)!}
+                              labelClassName="!text-sm"
+                              value={(config as LangFuseConfig).secret_key}
+                              isRequired
+                              onChange={handleConfigChange('secret_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.secretKey`) })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.publicKey`)!}
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as LangFuseConfig).public_key}
+                              onChange={handleConfigChange('public_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.publicKey`) })!}
+                            />
+                            <Field
+                              label="Host"
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as LangFuseConfig).host}
+                              onChange={handleConfigChange('host')}
+                              placeholder="https://cloud.langfuse.com"
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.opik && (
+                          <>
+                            <Field
+                              label="API Key"
+                              labelClassName="!text-sm"
+                              value={(config as OpikConfig).api_key}
+                              onChange={handleConfigChange('api_key')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: 'API Key' })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.project`)!}
+                              labelClassName="!text-sm"
+                              value={(config as OpikConfig).project}
+                              onChange={handleConfigChange('project')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.project`) })!}
+                            />
+                            <Field
+                              label="Workspace"
+                              labelClassName="!text-sm"
+                              value={(config as OpikConfig).workspace}
+                              onChange={handleConfigChange('workspace')}
+                              placeholder="default"
+                            />
+                            <Field
+                              label="Url"
+                              labelClassName="!text-sm"
+                              value={(config as OpikConfig).url}
+                              onChange={handleConfigChange('url')}
+                              placeholder="https://www.comet.com/opik/api/"
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.mlflow && (
+                          <>
+                            <Field
+                              label={t(`${I18N_PREFIX}.trackingUri`)!}
+                              labelClassName="!text-sm"
+                              value={(config as MLflowConfig).tracking_uri}
+                              isRequired
+                              onChange={handleConfigChange('tracking_uri')}
+                              placeholder="http://localhost:5000"
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.experimentId`)!}
+                              labelClassName="!text-sm"
+                              isRequired
+                              value={(config as MLflowConfig).experiment_id}
+                              onChange={handleConfigChange('experiment_id')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.experimentId`) })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.username`)!}
+                              labelClassName="!text-sm"
+                              value={(config as MLflowConfig).username}
+                              onChange={handleConfigChange('username')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.username`) })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.password`)!}
+                              labelClassName="!text-sm"
+                              value={(config as MLflowConfig).password}
+                              onChange={handleConfigChange('password')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.password`) })!}
+                            />
+                          </>
+                        )}
+                        {type === TracingProvider.databricks && (
+                          <>
+                            <Field
+                              label={t(`${I18N_PREFIX}.experimentId`)!}
+                              labelClassName="!text-sm"
+                              value={(config as DatabricksConfig).experiment_id}
+                              onChange={handleConfigChange('experiment_id')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.experimentId`) })!}
+                              isRequired
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.databricksHost`)!}
+                              labelClassName="!text-sm"
+                              value={(config as DatabricksConfig).host}
+                              onChange={handleConfigChange('host')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.databricksHost`) })!}
+                              isRequired
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.clientId`)!}
+                              labelClassName="!text-sm"
+                              value={(config as DatabricksConfig).client_id}
+                              onChange={handleConfigChange('client_id')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.clientId`) })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.clientSecret`)!}
+                              labelClassName="!text-sm"
+                              value={(config as DatabricksConfig).client_secret}
+                              onChange={handleConfigChange('client_secret')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.clientSecret`) })!}
+                            />
+                            <Field
+                              label={t(`${I18N_PREFIX}.personalAccessToken`)!}
+                              labelClassName="!text-sm"
+                              value={(config as DatabricksConfig).personal_access_token}
+                              onChange={handleConfigChange('personal_access_token')}
+                              placeholder={t(`${I18N_PREFIX}.placeholder`, { key: t(`${I18N_PREFIX}.personalAccessToken`) })!}
+                            />
+                          </>
+                        )}
+                      </div>
+                      <div className="my-8 flex h-8 items-center justify-between">
+                        <a
+                          className="flex items-center space-x-1 text-xs font-normal leading-[18px] text-[#155EEF]"
+                          target="_blank"
+                          href={docURL[type]}
+                        >
+                          <span>{t(`${I18N_PREFIX}.viewDocsLink`, { key: t(`app.tracing.${type}.title`) })}</span>
+                          <LinkExternal02 className="h-3 w-3" />
+                        </a>
+                        <div className="flex items-center">
+                          {isEdit && (
+                            <>
+                              <Button
+                                className="h-9 text-sm font-medium text-text-secondary"
+                                onClick={showRemoveConfirm}
+                              >
+                                <span className="text-[#D92D20]">{t('common.operation.remove')}</span>
+                              </Button>
+                              <Divider type="vertical" className="mx-3 h-[18px]" />
+                            </>
+                          )}
+                          <Button
+                            className="mr-2 h-9 text-sm font-medium text-text-secondary"
+                            onClick={onCancel}
+                          >
+                            {t('common.operation.cancel')}
+                          </Button>
+                          <Button
+                            className="h-9 text-sm font-medium"
+                            variant="primary"
+                            onClick={handleSave}
+                            loading={isSaving}
+                          >
+                            {t(`common.operation.${isAdd ? 'saveAndEnable' : 'save'}`)}
+                          </Button>
+                        </div>
+
+                      </div>
                     </div>
-                  </div>
-                  <div className='border-t-[0.5px] border-divider-regular'>
-                    <div className='flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary'>
-                      <Lock01 className='mr-1 h-3 w-3 text-text-tertiary' />
-                      {t('common.modelProvider.encrypted.front')}
-                      <a
-                        className='mx-1 text-primary-600'
-                        target='_blank' rel='noopener noreferrer'
-                        href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
-                      >
-                        PKCS1_OAEP
-                      </a>
-                      {t('common.modelProvider.encrypted.back')}
+                    <div className="border-t-[0.5px] border-divider-regular">
+                      <div className="flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary">
+                        <Lock01 className="mr-1 h-3 w-3 text-text-tertiary" />
+                        {t('common.modelProvider.encrypted.front')}
+                        <a
+                          className="mx-1 text-primary-600"
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
+                        >
+                          PKCS1_OAEP
+                        </a>
+                        {t('common.modelProvider.encrypted.back')}
+                      </div>
                     </div>
                   </div>
                 </div>
-              </div>
-            </PortalToFollowElemContent>
-          </PortalToFollowElem>
-        )
+              </PortalToFollowElemContent>
+            </PortalToFollowElem>
+          )
         : (
-          <Confirm
-            isShow
-            type='warning'
-            title={t(`${I18N_PREFIX}.removeConfirmTitle`, { key: t(`app.tracing.${type}.title`) })!}
-            content={t(`${I18N_PREFIX}.removeConfirmContent`)}
-            onConfirm={handleRemove}
-            onCancel={hideRemoveConfirm}
-          />
-        )}
+            <Confirm
+              isShow
+              type="warning"
+              title={t(`${I18N_PREFIX}.removeConfirmTitle`, { key: t(`app.tracing.${type}.title`) })!}
+              content={t(`${I18N_PREFIX}.removeConfirmContent`)}
+              onConfirm={handleRemove}
+              onCancel={hideRemoveConfirm}
+            />
+          )}
     </>
   )
 }
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx
index 0779689c76..aebdf70b55 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/provider-panel.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import {
   RiEqualizer2Line,
 } from '@remixicon/react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { TracingProvider } from './type'
-import { cn } from '@/utils/classnames'
 import { AliyunIconBig, ArizeIconBig, DatabricksIconBig, LangfuseIconBig, LangsmithIconBig, MlflowIconBig, OpikIconBig, PhoenixIconBig, TencentIconBig, WeaveIconBig } from '@/app/components/base/icons/src/public/tracing'
 import { Eye as View } from '@/app/components/base/icons/src/vender/solid/general'
+import { cn } from '@/utils/classnames'
+import { TracingProvider } from './type'
 
 const I18N_PREFIX = 'app.tracing'
 
@@ -78,30 +78,30 @@ const ProviderPanel: FC<Props> = ({
       )}
       onClick={handleChosen}
     >
-      <div className={'flex items-center justify-between space-x-1'}>
-        <div className='flex items-center'>
-          <Icon className='h-6' />
-          {isChosen && <div className='system-2xs-medium-uppercase ml-1 flex h-4 items-center rounded-[4px] border border-text-accent-secondary px-1 text-text-accent-secondary'>{t(`${I18N_PREFIX}.inUse`)}</div>}
+      <div className="flex items-center justify-between space-x-1">
+        <div className="flex items-center">
+          <Icon className="h-6" />
+          {isChosen && <div className="system-2xs-medium-uppercase ml-1 flex h-4 items-center rounded-[4px] border border-text-accent-secondary px-1 text-text-accent-secondary">{t(`${I18N_PREFIX}.inUse`)}</div>}
         </div>
         {!readOnly && (
-          <div className={'flex items-center justify-between space-x-1'}>
+          <div className="flex items-center justify-between space-x-1">
             {hasConfigured && (
-              <div className='flex h-6 cursor-pointer items-center space-x-1 rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-text-secondary shadow-xs' onClick={viewBtnClick} >
-                <View className='h-3 w-3' />
-                <div className='text-xs font-medium'>{t(`${I18N_PREFIX}.view`)}</div>
+              <div className="flex h-6 cursor-pointer items-center space-x-1 rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-text-secondary shadow-xs" onClick={viewBtnClick}>
+                <View className="h-3 w-3" />
+                <div className="text-xs font-medium">{t(`${I18N_PREFIX}.view`)}</div>
               </div>
             )}
             <div
-              className='flex h-6 cursor-pointer items-center space-x-1 rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-text-secondary shadow-xs'
+              className="flex h-6 cursor-pointer items-center space-x-1 rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-text-secondary shadow-xs"
               onClick={handleConfigBtnClick}
             >
-              <RiEqualizer2Line className='h-3 w-3' />
-              <div className='text-xs font-medium'>{t(`${I18N_PREFIX}.config`)}</div>
+              <RiEqualizer2Line className="h-3 w-3" />
+              <div className="text-xs font-medium">{t(`${I18N_PREFIX}.config`)}</div>
             </div>
           </div>
         )}
       </div>
-      <div className='system-xs-regular mt-2 text-text-tertiary'>
+      <div className="system-xs-regular mt-2 text-text-tertiary">
         {t(`${I18N_PREFIX}.${type}.description`)}
       </div>
     </div>
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/tracing-icon.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/tracing-icon.tsx
index aeca1cd3ab..aa8567548d 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/tracing-icon.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/tracing-icon.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import { TracingIcon as Icon } from '@/app/components/base/icons/src/public/tracing'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -21,7 +21,7 @@ const TracingIcon: FC<Props> = ({
   const sizeClass = sizeClassMap[size]
   return (
     <div className={cn(className, sizeClass, 'bg-primary-500 shadow-md')}>
-      <Icon className='h-full w-full' />
+      <Icon className="h-full w-full" />
     </div>
   )
 }
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/workflow/page.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/workflow/page.tsx
index 15da0bbed2..6c9386a44e 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/workflow/page.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/workflow/page.tsx
@@ -2,7 +2,7 @@ import WorkflowApp from '@/app/components/workflow-app'
 
 const Page = () => {
   return (
-    <div className='h-full w-full overflow-x-auto'>
+    <div className="h-full w-full overflow-x-auto">
       <WorkflowApp />
     </div>
   )
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/layout.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/layout.tsx
index 126bf45842..f41babeb4e 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/layout.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/layout.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect } from 'react'
 import { useRouter } from 'next/navigation'
+import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useAppContext } from '@/context/app-context'
 import useDocumentTitle from '@/hooks/use-document-title'
diff --git a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/page.tsx b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/page.tsx
index 1db6b667ad..ed6365c890 100644
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/page.tsx
+++ b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/page.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import MainDetail from '@/app/components/datasets/documents/detail'
 
 export type IDocumentDetailProps = {
-  params: Promise<{ datasetId: string; documentId: string }>
+  params: Promise<{ datasetId: string, documentId: string }>
 }
 
 const DocumentDetail = async (props: IDocumentDetailProps) => {
diff --git a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/settings/page.tsx b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/settings/page.tsx
index 539521410c..e8576d4a4b 100644
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/settings/page.tsx
+++ b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/[documentId]/settings/page.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import Settings from '@/app/components/datasets/documents/detail/settings'
 
 export type IProps = {
-  params: Promise<{ datasetId: string; documentId: string }>
+  params: Promise<{ datasetId: string, documentId: string }>
 }
 
 const DocumentSettings = async (props: IProps) => {
diff --git a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx
index 3581587b54..6caecc4826 100644
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx
+++ b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx
@@ -1,9 +1,6 @@
 'use client'
-import type { FC } from 'react'
-import React, { useEffect, useMemo, useState } from 'react'
-import { usePathname } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
 import type { RemixiconComponentType } from '@remixicon/react'
+import type { FC } from 'react'
 import {
   RiEqualizer2Fill,
   RiEqualizer2Line,
@@ -12,17 +9,20 @@ import {
   RiFocus2Fill,
   RiFocus2Line,
 } from '@remixicon/react'
+import { usePathname } from 'next/navigation'
+import React, { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import AppSideBar from '@/app/components/app-sidebar'
-import Loading from '@/app/components/base/loading'
-import DatasetDetailContext from '@/context/dataset-detail'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import { useStore } from '@/app/components/app/store'
-import { useAppContext } from '@/context/app-context'
 import { PipelineFill, PipelineLine } from '@/app/components/base/icons/src/vender/pipeline'
-import { useDatasetDetail, useDatasetRelatedApps } from '@/service/knowledge/use-dataset'
-import useDocumentTitle from '@/hooks/use-document-title'
+import Loading from '@/app/components/base/loading'
 import ExtraInfo from '@/app/components/datasets/extra-info'
+import { useAppContext } from '@/context/app-context'
+import DatasetDetailContext from '@/context/dataset-detail'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { useDatasetDetail, useDatasetRelatedApps } from '@/service/knowledge/use-dataset'
 import { cn } from '@/utils/classnames'
 
 export type IAppDetailLayoutProps = {
@@ -115,7 +115,7 @@ const DatasetDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
   }, [isMobile, setAppSidebarExpand])
 
   if (!datasetRes && !error)
-    return <Loading type='app' />
+    return <Loading type="app" />
 
   return (
     <div
@@ -128,7 +128,8 @@ const DatasetDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
         indexingTechnique: datasetRes?.indexing_technique,
         dataset: datasetRes,
         mutateDatasetRes,
-      }}>
+      }}
+      >
         {!hideSideBar && (
           <AppSideBar
             navigation={navigation}
@@ -137,10 +138,10 @@ const DatasetDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
                 ? mode => <ExtraInfo relatedApps={relatedApps} expand={mode === 'expand'} documentCount={datasetRes?.document_count} />
                 : undefined
             }
-            iconType='dataset'
+            iconType="dataset"
           />
         )}
-        <div className='grow overflow-hidden bg-background-default-subtle'>{children}</div>
+        <div className="grow overflow-hidden bg-background-default-subtle">{children}</div>
       </DatasetDetailContext.Provider>
     </div>
   )
diff --git a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/pipeline/page.tsx b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/pipeline/page.tsx
index 9a18021cc0..f3028cbad0 100644
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/pipeline/page.tsx
+++ b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/pipeline/page.tsx
@@ -3,7 +3,7 @@ import RagPipeline from '@/app/components/rag-pipeline'
 
 const PipelinePage = () => {
   return (
-    <div className='h-full w-full overflow-x-auto'>
+    <div className="h-full w-full overflow-x-auto">
       <RagPipeline />
     </div>
   )
diff --git a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/settings/page.tsx b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/settings/page.tsx
index 5469a5f472..59540a1854 100644
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/settings/page.tsx
+++ b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/settings/page.tsx
@@ -1,16 +1,16 @@
 import React from 'react'
-import { getLocaleOnServer, useTranslation as translate } from '@/i18n-config/server'
 import Form from '@/app/components/datasets/settings/form'
+import { getLocaleOnServer, useTranslation as translate } from '@/i18n-config/server'
 
 const Settings = async () => {
   const locale = await getLocaleOnServer()
   const { t } = await translate(locale, 'dataset-settings')
 
   return (
-    <div className='h-full overflow-y-auto'>
-      <div className='flex flex-col gap-y-0.5 px-6 pb-2 pt-3'>
-        <div className='system-xl-semibold text-text-primary'>{t('title')}</div>
-        <div className='system-sm-regular text-text-tertiary'>{t('desc')}</div>
+    <div className="h-full overflow-y-auto">
+      <div className="flex flex-col gap-y-0.5 px-6 pb-2 pt-3">
+        <div className="system-xl-semibold text-text-primary">{t('title')}</div>
+        <div className="system-sm-regular text-text-tertiary">{t('desc')}</div>
       </div>
       <Form />
     </div>
diff --git a/web/app/(commonLayout)/datasets/layout.tsx b/web/app/(commonLayout)/datasets/layout.tsx
index 5f97d853ef..fda4d3c803 100644
--- a/web/app/(commonLayout)/datasets/layout.tsx
+++ b/web/app/(commonLayout)/datasets/layout.tsx
@@ -1,11 +1,11 @@
 'use client'
 
+import { useRouter } from 'next/navigation'
+import { useEffect } from 'react'
 import Loading from '@/app/components/base/loading'
 import { useAppContext } from '@/context/app-context'
 import { ExternalApiPanelProvider } from '@/context/external-api-panel-context'
 import { ExternalKnowledgeApiProvider } from '@/context/external-knowledge-api-context'
-import { useRouter } from 'next/navigation'
-import { useEffect } from 'react'
 
 export default function DatasetsLayout({ children }: { children: React.ReactNode }) {
   const { isCurrentWorkspaceEditor, isCurrentWorkspaceDatasetOperator, currentWorkspace, isLoadingCurrentWorkspace } = useAppContext()
@@ -19,7 +19,7 @@ export default function DatasetsLayout({ children }: { children: React.ReactNode
   }, [isCurrentWorkspaceEditor, isCurrentWorkspaceDatasetOperator, isLoadingCurrentWorkspace, currentWorkspace, router])
 
   if (isLoadingCurrentWorkspace || !(isCurrentWorkspaceEditor || isCurrentWorkspaceDatasetOperator))
-    return <Loading type='app' />
+    return <Loading type="app" />
   return (
     <ExternalKnowledgeApiProvider>
       <ExternalApiPanelProvider>
diff --git a/web/app/(commonLayout)/education-apply/page.tsx b/web/app/(commonLayout)/education-apply/page.tsx
index 5dd3c35519..fce6fe1d5d 100644
--- a/web/app/(commonLayout)/education-apply/page.tsx
+++ b/web/app/(commonLayout)/education-apply/page.tsx
@@ -1,13 +1,13 @@
 'use client'
 
-import {
-  useEffect,
-  useMemo,
-} from 'react'
 import {
   useRouter,
   useSearchParams,
 } from 'next/navigation'
+import {
+  useEffect,
+  useMemo,
+} from 'react'
 import EducationApplyPage from '@/app/education-apply/education-apply-page'
 import { useProviderContext } from '@/context/provider-context'
 
diff --git a/web/app/(commonLayout)/layout.tsx b/web/app/(commonLayout)/layout.tsx
index 60c2a98700..a759506bf0 100644
--- a/web/app/(commonLayout)/layout.tsx
+++ b/web/app/(commonLayout)/layout.tsx
@@ -1,18 +1,18 @@
-import React from 'react'
 import type { ReactNode } from 'react'
+import React from 'react'
+import AmplitudeProvider from '@/app/components/base/amplitude'
+import GA, { GaType } from '@/app/components/base/ga'
+import Zendesk from '@/app/components/base/zendesk'
+import GotoAnything from '@/app/components/goto-anything'
+import Header from '@/app/components/header'
+import HeaderWrapper from '@/app/components/header/header-wrapper'
+import ReadmePanel from '@/app/components/plugins/readme-panel'
 import SwrInitializer from '@/app/components/swr-initializer'
 import { AppContextProvider } from '@/context/app-context'
-import GA, { GaType } from '@/app/components/base/ga'
-import AmplitudeProvider from '@/app/components/base/amplitude'
-import HeaderWrapper from '@/app/components/header/header-wrapper'
-import Header from '@/app/components/header'
 import { EventEmitterContextProvider } from '@/context/event-emitter'
-import { ProviderContextProvider } from '@/context/provider-context'
 import { ModalContextProvider } from '@/context/modal-context'
-import GotoAnything from '@/app/components/goto-anything'
-import Zendesk from '@/app/components/base/zendesk'
+import { ProviderContextProvider } from '@/context/provider-context'
 import PartnerStack from '../components/billing/partner-stack'
-import ReadmePanel from '@/app/components/plugins/readme-panel'
 import Splash from '../components/splash'
 
 const Layout = ({ children }: { children: ReactNode }) => {
diff --git a/web/app/(commonLayout)/plugins/page.tsx b/web/app/(commonLayout)/plugins/page.tsx
index ad61b16ba2..2df9cf23c4 100644
--- a/web/app/(commonLayout)/plugins/page.tsx
+++ b/web/app/(commonLayout)/plugins/page.tsx
@@ -1,6 +1,6 @@
+import Marketplace from '@/app/components/plugins/marketplace'
 import PluginPage from '@/app/components/plugins/plugin-page'
 import PluginsPanel from '@/app/components/plugins/plugin-page/plugins-panel'
-import Marketplace from '@/app/components/plugins/marketplace'
 import { getLocaleOnServer } from '@/i18n-config/server'
 
 const PluginList = async () => {
@@ -8,7 +8,7 @@ const PluginList = async () => {
   return (
     <PluginPage
       plugins={<PluginsPanel />}
-      marketplace={<Marketplace locale={locale} pluginTypeSwitchClassName='top-[60px]' showSearchParams={false} />}
+      marketplace={<Marketplace locale={locale} pluginTypeSwitchClassName="top-[60px]" showSearchParams={false} />}
     />
   )
 }
diff --git a/web/app/(commonLayout)/tools/page.tsx b/web/app/(commonLayout)/tools/page.tsx
index dc7e189c43..3ea50e70ef 100644
--- a/web/app/(commonLayout)/tools/page.tsx
+++ b/web/app/(commonLayout)/tools/page.tsx
@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next'
 import ToolProviderList from '@/app/components/tools/provider-list'
 import { useAppContext } from '@/context/app-context'
 import useDocumentTitle from '@/hooks/use-document-title'
+
 const ToolsList: FC = () => {
   const router = useRouter()
   const { isCurrentWorkspaceDatasetOperator } = useAppContext()
diff --git a/web/app/(shareLayout)/components/authenticated-layout.tsx b/web/app/(shareLayout)/components/authenticated-layout.tsx
index 2185606a6d..5f436429d3 100644
--- a/web/app/(shareLayout)/components/authenticated-layout.tsx
+++ b/web/app/(shareLayout)/components/authenticated-layout.tsx
@@ -1,14 +1,14 @@
 'use client'
 
+import { usePathname, useRouter, useSearchParams } from 'next/navigation'
+import React, { useCallback, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import AppUnavailable from '@/app/components/base/app-unavailable'
 import Loading from '@/app/components/base/loading'
 import { useWebAppStore } from '@/context/web-app-context'
 import { useGetUserCanAccessApp } from '@/service/access-control'
 import { useGetWebAppInfo, useGetWebAppMeta, useGetWebAppParams } from '@/service/use-share'
 import { webAppLogout } from '@/service/webapp-auth'
-import { usePathname, useRouter, useSearchParams } from 'next/navigation'
-import React, { useCallback, useEffect } from 'react'
-import { useTranslation } from 'react-i18next'
 
 const AuthenticatedLayout = ({ children }: { children: React.ReactNode }) => {
   const { t } = useTranslation()
@@ -49,35 +49,47 @@ const AuthenticatedLayout = ({ children }: { children: React.ReactNode }) => {
   }, [getSigninUrl, router, webAppLogout, shareCode])
 
   if (appInfoError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={appInfoError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={appInfoError.message} />
+      </div>
+    )
   }
   if (appParamsError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={appParamsError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={appParamsError.message} />
+      </div>
+    )
   }
   if (appMetaError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={appMetaError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={appMetaError.message} />
+      </div>
+    )
   }
   if (useCanAccessAppError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={useCanAccessAppError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={useCanAccessAppError.message} />
+      </div>
+    )
   }
   if (userCanAccessApp && !userCanAccessApp.result) {
-    return <div className='flex h-full flex-col items-center justify-center gap-y-2'>
-      <AppUnavailable className='h-auto w-auto' code={403} unknownReason='no permission.' />
-      <span className='system-sm-regular cursor-pointer text-text-tertiary' onClick={backToHome}>{t('common.userProfile.logout')}</span>
-    </div>
+    return (
+      <div className="flex h-full flex-col items-center justify-center gap-y-2">
+        <AppUnavailable className="h-auto w-auto" code={403} unknownReason="no permission." />
+        <span className="system-sm-regular cursor-pointer text-text-tertiary" onClick={backToHome}>{t('common.userProfile.logout')}</span>
+      </div>
+    )
   }
   if (isFetchingAppInfo || isFetchingAppParams || isFetchingAppMeta) {
-    return <div className='flex h-full items-center justify-center'>
-      <Loading />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <Loading />
+      </div>
+    )
   }
   return <>{children}</>
 }
diff --git a/web/app/(shareLayout)/components/splash.tsx b/web/app/(shareLayout)/components/splash.tsx
index 9315e79d20..b8ea1b2e56 100644
--- a/web/app/(shareLayout)/components/splash.tsx
+++ b/web/app/(shareLayout)/components/splash.tsx
@@ -1,15 +1,13 @@
 'use client'
 import type { FC, PropsWithChildren } from 'react'
-import { useEffect, useState } from 'react'
-import { useCallback } from 'react'
-import { useWebAppStore } from '@/context/web-app-context'
 import { useRouter, useSearchParams } from 'next/navigation'
-import AppUnavailable from '@/app/components/base/app-unavailable'
+import { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { webAppLoginStatus, webAppLogout } from '@/service/webapp-auth'
-import { fetchAccessToken } from '@/service/share'
+import AppUnavailable from '@/app/components/base/app-unavailable'
 import Loading from '@/app/components/base/loading'
-import { setWebAppAccessToken, setWebAppPassport } from '@/service/webapp-auth'
+import { useWebAppStore } from '@/context/web-app-context'
+import { fetchAccessToken } from '@/service/share'
+import { setWebAppAccessToken, setWebAppPassport, webAppLoginStatus, webAppLogout } from '@/service/webapp-auth'
 
 const Splash: FC<PropsWithChildren> = ({ children }) => {
   const { t } = useTranslation()
@@ -42,7 +40,7 @@ const Splash: FC<PropsWithChildren> = ({ children }) => {
       return
     }
 
-    if(tokenFromUrl)
+    if (tokenFromUrl)
       setWebAppAccessToken(tokenFromUrl)
 
     const redirectOrFinish = () => {
@@ -90,19 +88,24 @@ const Splash: FC<PropsWithChildren> = ({ children }) => {
     message,
     webAppAccessMode,
     tokenFromUrl,
-    embeddedUserId])
+    embeddedUserId,
+  ])
 
   if (message) {
-    return <div className='flex h-full flex-col items-center justify-center gap-y-4'>
-      <AppUnavailable className='h-auto w-auto' code={code || t('share.common.appUnavailable')} unknownReason={message} />
-      <span className='system-sm-regular cursor-pointer text-text-tertiary' onClick={backToHome}>{code === '403' ? t('common.userProfile.logout') : t('share.login.backToHome')}</span>
-    </div>
+    return (
+      <div className="flex h-full flex-col items-center justify-center gap-y-4">
+        <AppUnavailable className="h-auto w-auto" code={code || t('share.common.appUnavailable')} unknownReason={message} />
+        <span className="system-sm-regular cursor-pointer text-text-tertiary" onClick={backToHome}>{code === '403' ? t('common.userProfile.logout') : t('share.login.backToHome')}</span>
+      </div>
+    )
   }
 
   if (isLoading) {
-    return <div className='flex h-full items-center justify-center'>
-      <Loading />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <Loading />
+      </div>
+    )
   }
   return <>{children}</>
 }
diff --git a/web/app/(shareLayout)/webapp-reset-password/check-code/page.tsx b/web/app/(shareLayout)/webapp-reset-password/check-code/page.tsx
index d1d92d12df..9ce058340c 100644
--- a/web/app/(shareLayout)/webapp-reset-password/check-code/page.tsx
+++ b/web/app/(shareLayout)/webapp-reset-password/check-code/page.tsx
@@ -1,15 +1,15 @@
 'use client'
 import { RiArrowLeftLine, RiMailSendFill } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useState } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import Countdown from '@/app/components/signin/countdown'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { sendWebAppResetPasswordCode, verifyWebAppResetPasswordCode } from '@/service/common'
+import Countdown from '@/app/components/signin/countdown'
 import I18NContext from '@/context/i18n'
+import { sendWebAppResetPasswordCode, verifyWebAppResetPasswordCode } from '@/service/common'
 
 export default function CheckCode() {
   const { t } = useTranslation()
@@ -63,37 +63,39 @@ export default function CheckCode() {
     catch (error) { console.error(error) }
   }
 
-  return <div className='flex flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge text-text-accent-light-mode-only shadow-lg'>
-      <RiMailSendFill className='h-6 w-6 text-2xl' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.checkCode.checkYourEmail')}</h2>
-      <p className='body-md-regular mt-2 text-text-secondary'>
-        <span>
-          {t('login.checkCode.tipsPrefix')}
-          <strong>{email}</strong>
-        </span>
-        <br />
-        {t('login.checkCode.validTime')}
-      </p>
-    </div>
-
-    <form action="">
-      <input type='text' className='hidden' />
-      <label htmlFor="code" className='system-md-semibold mb-1 text-text-secondary'>{t('login.checkCode.verificationCode')}</label>
-      <Input value={code} onChange={e => setVerifyCode(e.target.value)} maxLength={6} className='mt-1' placeholder={t('login.checkCode.verificationCodePlaceholder') || ''} />
-      <Button loading={loading} disabled={loading} className='my-3 w-full' variant='primary' onClick={verify}>{t('login.checkCode.verify')}</Button>
-      <Countdown onResend={resendCode} />
-    </form>
-    <div className='py-2'>
-      <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
-    </div>
-    <div onClick={() => router.back()} className='flex h-9 cursor-pointer items-center justify-center text-text-tertiary'>
-      <div className='bg-background-default-dimm inline-block rounded-full p-1'>
-        <RiArrowLeftLine size={12} />
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge text-text-accent-light-mode-only shadow-lg">
+        <RiMailSendFill className="h-6 w-6 text-2xl" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.checkCode.checkYourEmail')}</h2>
+        <p className="body-md-regular mt-2 text-text-secondary">
+          <span>
+            {t('login.checkCode.tipsPrefix')}
+            <strong>{email}</strong>
+          </span>
+          <br />
+          {t('login.checkCode.validTime')}
+        </p>
+      </div>
+
+      <form action="">
+        <input type="text" className="hidden" />
+        <label htmlFor="code" className="system-md-semibold mb-1 text-text-secondary">{t('login.checkCode.verificationCode')}</label>
+        <Input value={code} onChange={e => setVerifyCode(e.target.value)} maxLength={6} className="mt-1" placeholder={t('login.checkCode.verificationCodePlaceholder') || ''} />
+        <Button loading={loading} disabled={loading} className="my-3 w-full" variant="primary" onClick={verify}>{t('login.checkCode.verify')}</Button>
+        <Countdown onResend={resendCode} />
+      </form>
+      <div className="py-2">
+        <div className="h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+      </div>
+      <div onClick={() => router.back()} className="flex h-9 cursor-pointer items-center justify-center text-text-tertiary">
+        <div className="bg-background-default-dimm inline-block rounded-full p-1">
+          <RiArrowLeftLine size={12} />
+        </div>
+        <span className="system-xs-regular ml-2">{t('login.back')}</span>
       </div>
-      <span className='system-xs-regular ml-2'>{t('login.back')}</span>
     </div>
-  </div>
+  )
 }
diff --git a/web/app/(shareLayout)/webapp-reset-password/layout.tsx b/web/app/(shareLayout)/webapp-reset-password/layout.tsx
index 13073b0e6a..a71317c8b9 100644
--- a/web/app/(shareLayout)/webapp-reset-password/layout.tsx
+++ b/web/app/(shareLayout)/webapp-reset-password/layout.tsx
@@ -1,30 +1,39 @@
 'use client'
 import Header from '@/app/signin/_header'
 
-import { cn } from '@/utils/classnames'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { cn } from '@/utils/classnames'
 
 export default function SignInLayout({ children }: any) {
   const { systemFeatures } = useGlobalPublicStore()
-  return <>
-    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
-      <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
-        <Header />
-        <div className={
-          cn(
-            'flex w-full grow flex-col items-center justify-center',
-            'px-6',
-            'md:px-[108px]',
-          )
-        }>
-          <div className='flex w-[400px] flex-col'>
-            {children}
+  return (
+    <>
+      <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+        <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
+          <Header />
+          <div className={
+            cn(
+              'flex w-full grow flex-col items-center justify-center',
+              'px-6',
+              'md:px-[108px]',
+            )
+          }
+          >
+            <div className="flex w-[400px] flex-col">
+              {children}
+            </div>
           </div>
+          {!systemFeatures.branding.enabled && (
+            <div className="system-xs-regular px-8 py-6 text-text-tertiary">
+              ©
+              {' '}
+              {new Date().getFullYear()}
+              {' '}
+              LangGenius, Inc. All rights reserved.
+            </div>
+          )}
         </div>
-        {!systemFeatures.branding.enabled && <div className='system-xs-regular px-8 py-6 text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
       </div>
-    </div>
-  </>
+    </>
+  )
 }
diff --git a/web/app/(shareLayout)/webapp-reset-password/page.tsx b/web/app/(shareLayout)/webapp-reset-password/page.tsx
index 96cd4c5805..92c39eb729 100644
--- a/web/app/(shareLayout)/webapp-reset-password/page.tsx
+++ b/web/app/(shareLayout)/webapp-reset-password/page.tsx
@@ -1,19 +1,19 @@
 'use client'
-import Link from 'next/link'
 import { RiArrowLeftLine, RiLockPasswordLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useState } from 'react'
+import { noop } from 'lodash-es'
+import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '@/app/components/signin/countdown'
-import { emailRegex } from '@/config'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { sendResetPasswordCode } from '@/service/common'
+import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '@/app/components/signin/countdown'
+import { emailRegex } from '@/config'
 import I18NContext from '@/context/i18n'
-import { noop } from 'lodash-es'
 import useDocumentTitle from '@/hooks/use-document-title'
+import { sendResetPasswordCode } from '@/service/common'
 
 export default function CheckCode() {
   const { t } = useTranslation()
@@ -68,37 +68,39 @@ export default function CheckCode() {
     }
   }
 
-  return <div className='flex flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'>
-      <RiLockPasswordLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.resetPassword')}</h2>
-      <p className='body-md-regular mt-2 text-text-secondary'>
-        {t('login.resetPasswordDesc')}
-      </p>
-    </div>
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg">
+        <RiLockPasswordLine className="h-6 w-6 text-2xl text-text-accent-light-mode-only" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.resetPassword')}</h2>
+        <p className="body-md-regular mt-2 text-text-secondary">
+          {t('login.resetPasswordDesc')}
+        </p>
+      </div>
 
-    <form onSubmit={noop}>
-      <input type='text' className='hidden' />
-      <div className='mb-2'>
-        <label htmlFor="email" className='system-md-semibold my-2 text-text-secondary'>{t('login.email')}</label>
-        <div className='mt-1'>
-          <Input id='email' type="email" disabled={loading} value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
-        </div>
-        <div className='mt-3'>
-          <Button loading={loading} disabled={loading} variant='primary' className='w-full' onClick={handleGetEMailVerificationCode}>{t('login.sendVerificationCode')}</Button>
+      <form onSubmit={noop}>
+        <input type="text" className="hidden" />
+        <div className="mb-2">
+          <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">{t('login.email')}</label>
+          <div className="mt-1">
+            <Input id="email" type="email" disabled={loading} value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
+          </div>
+          <div className="mt-3">
+            <Button loading={loading} disabled={loading} variant="primary" className="w-full" onClick={handleGetEMailVerificationCode}>{t('login.sendVerificationCode')}</Button>
+          </div>
         </div>
+      </form>
+      <div className="py-2">
+        <div className="h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
       </div>
-    </form>
-    <div className='py-2'>
-      <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
+      <Link href={`/webapp-signin?${searchParams.toString()}`} className="flex h-9 items-center justify-center text-text-tertiary hover:text-text-primary">
+        <div className="inline-block rounded-full bg-background-default-dimmed p-1">
+          <RiArrowLeftLine size={12} />
+        </div>
+        <span className="system-xs-regular ml-2">{t('login.backToLogin')}</span>
+      </Link>
     </div>
-    <Link href={`/webapp-signin?${searchParams.toString()}`} className='flex h-9 items-center justify-center text-text-tertiary hover:text-text-primary'>
-      <div className='inline-block rounded-full bg-background-default-dimmed p-1'>
-        <RiArrowLeftLine size={12} />
-      </div>
-      <span className='system-xs-regular ml-2'>{t('login.backToLogin')}</span>
-    </Link>
-  </div>
+  )
 }
diff --git a/web/app/(shareLayout)/webapp-reset-password/set-password/page.tsx b/web/app/(shareLayout)/webapp-reset-password/set-password/page.tsx
index 843f10e039..bfb71d9c6f 100644
--- a/web/app/(shareLayout)/webapp-reset-password/set-password/page.tsx
+++ b/web/app/(shareLayout)/webapp-reset-password/set-password/page.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
-import { cn } from '@/utils/classnames'
 import { RiCheckboxCircleFill } from '@remixicon/react'
 import { useCountDown } from 'ahooks'
+import { useRouter, useSearchParams } from 'next/navigation'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import { changeWebAppPasswordWithToken } from '@/service/common'
-import Toast from '@/app/components/base/toast'
 import Input from '@/app/components/base/input'
+import Toast from '@/app/components/base/toast'
 import { validPassword } from '@/config'
+import { changeWebAppPasswordWithToken } from '@/service/common'
+import { cn } from '@/utils/classnames'
 
 const ChangePasswordForm = () => {
   const { t } = useTranslation()
@@ -86,14 +86,15 @@ const ChangePasswordForm = () => {
         'px-6',
         'md:px-[108px]',
       )
-    }>
+    }
+    >
       {!showSuccess && (
-        <div className='flex flex-col md:w-[400px]'>
+        <div className="flex flex-col md:w-[400px]">
           <div className="mx-auto w-full">
             <h2 className="title-4xl-semi-bold text-text-primary">
               {t('login.changePassword')}
             </h2>
-            <p className='body-md-regular mt-2 text-text-secondary'>
+            <p className="body-md-regular mt-2 text-text-secondary">
               {t('login.changePasswordTip')}
             </p>
           </div>
@@ -101,13 +102,14 @@ const ChangePasswordForm = () => {
           <div className="mx-auto mt-6 w-full">
             <div className="bg-white">
               {/* Password */}
-              <div className='mb-5'>
+              <div className="mb-5">
                 <label htmlFor="password" className="system-md-semibold my-2 text-text-secondary">
                   {t('common.account.newPassword')}
                 </label>
-                <div className='relative mt-1'>
+                <div className="relative mt-1">
                   <Input
-                    id="password" type={showPassword ? 'text' : 'password'}
+                    id="password"
+                    type={showPassword ? 'text' : 'password'}
                     value={password}
                     onChange={e => setPassword(e.target.value)}
                     placeholder={t('login.passwordPlaceholder') || ''}
@@ -116,21 +118,21 @@ const ChangePasswordForm = () => {
                   <div className="absolute inset-y-0 right-0 flex items-center">
                     <Button
                       type="button"
-                      variant='ghost'
+                      variant="ghost"
                       onClick={() => setShowPassword(!showPassword)}
                     >
                       {showPassword ? '👀' : '😝'}
                     </Button>
                   </div>
                 </div>
-                <div className='body-xs-regular mt-1 text-text-secondary'>{t('login.error.passwordInvalid')}</div>
+                <div className="body-xs-regular mt-1 text-text-secondary">{t('login.error.passwordInvalid')}</div>
               </div>
               {/* Confirm Password */}
-              <div className='mb-5'>
+              <div className="mb-5">
                 <label htmlFor="confirmPassword" className="system-md-semibold my-2 text-text-secondary">
                   {t('common.account.confirmPassword')}
                 </label>
-                <div className='relative mt-1'>
+                <div className="relative mt-1">
                   <Input
                     id="confirmPassword"
                     type={showConfirmPassword ? 'text' : 'password'}
@@ -141,7 +143,7 @@ const ChangePasswordForm = () => {
                   <div className="absolute inset-y-0 right-0 flex items-center">
                     <Button
                       type="button"
-                      variant='ghost'
+                      variant="ghost"
                       onClick={() => setShowConfirmPassword(!showConfirmPassword)}
                     >
                       {showConfirmPassword ? '👀' : '😝'}
@@ -151,8 +153,8 @@ const ChangePasswordForm = () => {
               </div>
               <div>
                 <Button
-                  variant='primary'
-                  className='w-full'
+                  variant="primary"
+                  className="w-full"
                   onClick={handleChangePassword}
                 >
                   {t('login.changePasswordBtn')}
@@ -166,17 +168,28 @@ const ChangePasswordForm = () => {
         <div className="flex flex-col md:w-[400px]">
           <div className="mx-auto w-full">
             <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle font-bold shadow-lg">
-              <RiCheckboxCircleFill className='h-6 w-6 text-text-success' />
+              <RiCheckboxCircleFill className="h-6 w-6 text-text-success" />
             </div>
             <h2 className="title-4xl-semi-bold text-text-primary">
               {t('login.passwordChangedTip')}
             </h2>
           </div>
           <div className="mx-auto mt-6 w-full">
-            <Button variant='primary' className='w-full' onClick={() => {
-              setLeftTime(undefined)
-              router.replace(getSignInUrl())
-            }}>{t('login.passwordChanged')} ({Math.round(countdown / 1000)}) </Button>
+            <Button
+              variant="primary"
+              className="w-full"
+              onClick={() => {
+                setLeftTime(undefined)
+                router.replace(getSignInUrl())
+              }}
+            >
+              {t('login.passwordChanged')}
+              {' '}
+              (
+              {Math.round(countdown / 1000)}
+              )
+              {' '}
+            </Button>
           </div>
         </div>
       )}
diff --git a/web/app/(shareLayout)/webapp-signin/check-code/page.tsx b/web/app/(shareLayout)/webapp-signin/check-code/page.tsx
index 00876f97e9..ee7fc22bea 100644
--- a/web/app/(shareLayout)/webapp-signin/check-code/page.tsx
+++ b/web/app/(shareLayout)/webapp-signin/check-code/page.tsx
@@ -1,18 +1,19 @@
 'use client'
+import type { FormEvent } from 'react'
 import { RiArrowLeftLine, RiMailSendFill } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { type FormEvent, useCallback, useEffect, useRef, useState } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import Countdown from '@/app/components/signin/countdown'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { sendWebAppEMailLoginCode, webAppEmailLoginWithCode } from '@/service/common'
+import Countdown from '@/app/components/signin/countdown'
 import I18NContext from '@/context/i18n'
-import { setWebAppAccessToken, setWebAppPassport } from '@/service/webapp-auth'
-import { fetchAccessToken } from '@/service/share'
 import { useWebAppStore } from '@/context/web-app-context'
+import { sendWebAppEMailLoginCode, webAppEmailLoginWithCode } from '@/service/common'
+import { fetchAccessToken } from '@/service/share'
+import { setWebAppAccessToken, setWebAppPassport } from '@/service/webapp-auth'
 
 export default function CheckCode() {
   const { t } = useTranslation()
@@ -101,44 +102,46 @@ export default function CheckCode() {
     catch (error) { console.error(error) }
   }
 
-  return <div className='flex w-[400px] flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'>
-      <RiMailSendFill className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.checkCode.checkYourEmail')}</h2>
-      <p className='body-md-regular mt-2 text-text-secondary'>
-        <span>
-          {t('login.checkCode.tipsPrefix')}
-          <strong>{email}</strong>
-        </span>
-        <br />
-        {t('login.checkCode.validTime')}
-      </p>
-    </div>
-
-    <form onSubmit={handleSubmit}>
-      <label htmlFor="code" className='system-md-semibold mb-1 text-text-secondary'>{t('login.checkCode.verificationCode')}</label>
-      <Input
-        ref={codeInputRef}
-        id='code'
-        value={code}
-        onChange={e => setVerifyCode(e.target.value)}
-        maxLength={6}
-        className='mt-1'
-        placeholder={t('login.checkCode.verificationCodePlaceholder') || ''}
-      />
-      <Button type='submit' loading={loading} disabled={loading} className='my-3 w-full' variant='primary'>{t('login.checkCode.verify')}</Button>
-      <Countdown onResend={resendCode} />
-    </form>
-    <div className='py-2'>
-      <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
-    </div>
-    <div onClick={() => router.back()} className='flex h-9 cursor-pointer items-center justify-center text-text-tertiary'>
-      <div className='bg-background-default-dimm inline-block rounded-full p-1'>
-        <RiArrowLeftLine size={12} />
+  return (
+    <div className="flex w-[400px] flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg">
+        <RiMailSendFill className="h-6 w-6 text-2xl text-text-accent-light-mode-only" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.checkCode.checkYourEmail')}</h2>
+        <p className="body-md-regular mt-2 text-text-secondary">
+          <span>
+            {t('login.checkCode.tipsPrefix')}
+            <strong>{email}</strong>
+          </span>
+          <br />
+          {t('login.checkCode.validTime')}
+        </p>
+      </div>
+
+      <form onSubmit={handleSubmit}>
+        <label htmlFor="code" className="system-md-semibold mb-1 text-text-secondary">{t('login.checkCode.verificationCode')}</label>
+        <Input
+          ref={codeInputRef}
+          id="code"
+          value={code}
+          onChange={e => setVerifyCode(e.target.value)}
+          maxLength={6}
+          className="mt-1"
+          placeholder={t('login.checkCode.verificationCodePlaceholder') || ''}
+        />
+        <Button type="submit" loading={loading} disabled={loading} className="my-3 w-full" variant="primary">{t('login.checkCode.verify')}</Button>
+        <Countdown onResend={resendCode} />
+      </form>
+      <div className="py-2">
+        <div className="h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+      </div>
+      <div onClick={() => router.back()} className="flex h-9 cursor-pointer items-center justify-center text-text-tertiary">
+        <div className="bg-background-default-dimm inline-block rounded-full p-1">
+          <RiArrowLeftLine size={12} />
+        </div>
+        <span className="system-xs-regular ml-2">{t('login.back')}</span>
       </div>
-      <span className='system-xs-regular ml-2'>{t('login.back')}</span>
     </div>
-  </div>
+  )
 }
diff --git a/web/app/(shareLayout)/webapp-signin/components/external-member-sso-auth.tsx b/web/app/(shareLayout)/webapp-signin/components/external-member-sso-auth.tsx
index 612a9677a6..091493812f 100644
--- a/web/app/(shareLayout)/webapp-signin/components/external-member-sso-auth.tsx
+++ b/web/app/(shareLayout)/webapp-signin/components/external-member-sso-auth.tsx
@@ -1,12 +1,12 @@
 'use client'
 import { useRouter, useSearchParams } from 'next/navigation'
 import React, { useCallback, useEffect } from 'react'
-import Toast from '@/app/components/base/toast'
-import { fetchWebOAuth2SSOUrl, fetchWebOIDCSSOUrl, fetchWebSAMLSSOUrl } from '@/service/share'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { SSOProtocol } from '@/types/feature'
-import Loading from '@/app/components/base/loading'
 import AppUnavailable from '@/app/components/base/app-unavailable'
+import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { fetchWebOAuth2SSOUrl, fetchWebOIDCSSOUrl, fetchWebSAMLSSOUrl } from '@/service/share'
+import { SSOProtocol } from '@/types/feature'
 
 const ExternalMemberSSOAuth = () => {
   const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
@@ -68,9 +68,11 @@ const ExternalMemberSSOAuth = () => {
   }, [handleSSOLogin])
 
   if (!systemFeatures.webapp_auth.sso_config.protocol) {
-    return <div className="flex h-full items-center justify-center">
-      <AppUnavailable code={403} unknownReason='sso protocol is invalid.' />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable code={403} unknownReason="sso protocol is invalid." />
+      </div>
+    )
   }
 
   return (
diff --git a/web/app/(shareLayout)/webapp-signin/components/mail-and-code-auth.tsx b/web/app/(shareLayout)/webapp-signin/components/mail-and-code-auth.tsx
index 107442761a..9020858347 100644
--- a/web/app/(shareLayout)/webapp-signin/components/mail-and-code-auth.tsx
+++ b/web/app/(shareLayout)/webapp-signin/components/mail-and-code-auth.tsx
@@ -1,15 +1,15 @@
+import { noop } from 'lodash-es'
+import { useRouter, useSearchParams } from 'next/navigation'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
 import { useContext } from 'use-context-selector'
-import Input from '@/app/components/base/input'
 import Button from '@/app/components/base/button'
-import { emailRegex } from '@/config'
+import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { sendWebAppEMailLoginCode } from '@/service/common'
 import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '@/app/components/signin/countdown'
+import { emailRegex } from '@/config'
 import I18NContext from '@/context/i18n'
-import { noop } from 'lodash-es'
+import { sendWebAppEMailLoginCode } from '@/service/common'
 
 export default function MailAndCodeAuth() {
   const { t } = useTranslation()
@@ -52,17 +52,18 @@ export default function MailAndCodeAuth() {
     }
   }
 
-  return (<form onSubmit={noop}>
-    <input type='text' className='hidden' />
-    <div className='mb-2'>
-      <label htmlFor="email" className='system-md-semibold my-2 text-text-secondary'>{t('login.email')}</label>
-      <div className='mt-1'>
-        <Input id='email' type="email" value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
+  return (
+    <form onSubmit={noop}>
+      <input type="text" className="hidden" />
+      <div className="mb-2">
+        <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">{t('login.email')}</label>
+        <div className="mt-1">
+          <Input id="email" type="email" value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
+        </div>
+        <div className="mt-3">
+          <Button loading={loading} disabled={loading || !email} variant="primary" className="w-full" onClick={handleGetEMailVerificationCode}>{t('login.signup.verifyMail')}</Button>
+        </div>
       </div>
-      <div className='mt-3'>
-        <Button loading={loading} disabled={loading || !email} variant='primary' className='w-full' onClick={handleGetEMailVerificationCode}>{t('login.signup.verifyMail')}</Button>
-      </div>
-    </div>
-  </form>
+    </form>
   )
 }
diff --git a/web/app/(shareLayout)/webapp-signin/components/mail-and-password-auth.tsx b/web/app/(shareLayout)/webapp-signin/components/mail-and-password-auth.tsx
index 0136445ac9..67e4bf7af2 100644
--- a/web/app/(shareLayout)/webapp-signin/components/mail-and-password-auth.tsx
+++ b/web/app/(shareLayout)/webapp-signin/components/mail-and-password-auth.tsx
@@ -1,17 +1,17 @@
 'use client'
+import { noop } from 'lodash-es'
 import Link from 'next/link'
+import { useRouter, useSearchParams } from 'next/navigation'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
 import { useContext } from 'use-context-selector'
 import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
 import { emailRegex } from '@/config'
-import { webAppLogin } from '@/service/common'
-import Input from '@/app/components/base/input'
 import I18NContext from '@/context/i18n'
 import { useWebAppStore } from '@/context/web-app-context'
-import { noop } from 'lodash-es'
+import { webAppLogin } from '@/service/common'
 import { fetchAccessToken } from '@/service/share'
 import { setWebAppAccessToken, setWebAppPassport } from '@/service/webapp-auth'
 
@@ -107,70 +107,74 @@ export default function MailAndPasswordAuth({ isEmailSetup }: MailAndPasswordAut
     }
   }
 
-  return <form onSubmit={noop}>
-    <div className='mb-3'>
-      <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">
-        {t('login.email')}
-      </label>
-      <div className="mt-1">
-        <Input
-          value={email}
-          onChange={e => setEmail(e.target.value)}
-          id="email"
-          type="email"
-          autoComplete="email"
-          placeholder={t('login.emailPlaceholder') || ''}
-          tabIndex={1}
-        />
-      </div>
-    </div>
-
-    <div className='mb-3'>
-      <label htmlFor="password" className="my-2 flex items-center justify-between">
-        <span className='system-md-semibold text-text-secondary'>{t('login.password')}</span>
-        <Link
-          href={`/webapp-reset-password?${searchParams.toString()}`}
-          className={`system-xs-regular ${isEmailSetup ? 'text-components-button-secondary-accent-text' : 'pointer-events-none text-components-button-secondary-accent-text-disabled'}`}
-          tabIndex={isEmailSetup ? 0 : -1}
-          aria-disabled={!isEmailSetup}
-        >
-          {t('login.forget')}
-        </Link>
-      </label>
-      <div className="relative mt-1">
-        <Input
-          value={password}
-          onChange={e => setPassword(e.target.value)}
-          id="password"
-          onKeyDown={(e) => {
-            if (e.key === 'Enter')
-              handleEmailPasswordLogin()
-          }}
-          type={showPassword ? 'text' : 'password'}
-          autoComplete="current-password"
-          placeholder={t('login.passwordPlaceholder') || ''}
-          tabIndex={2}
-        />
-        <div className="absolute inset-y-0 right-0 flex items-center">
-          <Button
-            type="button"
-            variant='ghost'
-            onClick={() => setShowPassword(!showPassword)}
-          >
-            {showPassword ? '👀' : '😝'}
-          </Button>
+  return (
+    <form onSubmit={noop}>
+      <div className="mb-3">
+        <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">
+          {t('login.email')}
+        </label>
+        <div className="mt-1">
+          <Input
+            value={email}
+            onChange={e => setEmail(e.target.value)}
+            id="email"
+            type="email"
+            autoComplete="email"
+            placeholder={t('login.emailPlaceholder') || ''}
+            tabIndex={1}
+          />
         </div>
       </div>
-    </div>
 
-    <div className='mb-2'>
-      <Button
-        tabIndex={2}
-        variant='primary'
-        onClick={handleEmailPasswordLogin}
-        disabled={isLoading || !email || !password}
-        className="w-full"
-      >{t('login.signBtn')}</Button>
-    </div>
-  </form>
+      <div className="mb-3">
+        <label htmlFor="password" className="my-2 flex items-center justify-between">
+          <span className="system-md-semibold text-text-secondary">{t('login.password')}</span>
+          <Link
+            href={`/webapp-reset-password?${searchParams.toString()}`}
+            className={`system-xs-regular ${isEmailSetup ? 'text-components-button-secondary-accent-text' : 'pointer-events-none text-components-button-secondary-accent-text-disabled'}`}
+            tabIndex={isEmailSetup ? 0 : -1}
+            aria-disabled={!isEmailSetup}
+          >
+            {t('login.forget')}
+          </Link>
+        </label>
+        <div className="relative mt-1">
+          <Input
+            value={password}
+            onChange={e => setPassword(e.target.value)}
+            id="password"
+            onKeyDown={(e) => {
+              if (e.key === 'Enter')
+                handleEmailPasswordLogin()
+            }}
+            type={showPassword ? 'text' : 'password'}
+            autoComplete="current-password"
+            placeholder={t('login.passwordPlaceholder') || ''}
+            tabIndex={2}
+          />
+          <div className="absolute inset-y-0 right-0 flex items-center">
+            <Button
+              type="button"
+              variant="ghost"
+              onClick={() => setShowPassword(!showPassword)}
+            >
+              {showPassword ? '👀' : '😝'}
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div className="mb-2">
+        <Button
+          tabIndex={2}
+          variant="primary"
+          onClick={handleEmailPasswordLogin}
+          disabled={isLoading || !email || !password}
+          className="w-full"
+        >
+          {t('login.signBtn')}
+        </Button>
+      </div>
+    </form>
+  )
 }
diff --git a/web/app/(shareLayout)/webapp-signin/components/sso-auth.tsx b/web/app/(shareLayout)/webapp-signin/components/sso-auth.tsx
index bcba572644..472952c2c8 100644
--- a/web/app/(shareLayout)/webapp-signin/components/sso-auth.tsx
+++ b/web/app/(shareLayout)/webapp-signin/components/sso-auth.tsx
@@ -1,14 +1,13 @@
 'use client'
-import { useRouter, useSearchParams } from 'next/navigation'
 import type { FC } from 'react'
-import { useCallback } from 'react'
-import { useState } from 'react'
+import { useRouter, useSearchParams } from 'next/navigation'
+import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
 import Toast from '@/app/components/base/toast'
-import Button from '@/app/components/base/button'
-import { SSOProtocol } from '@/types/feature'
 import { fetchMembersOAuth2SSOUrl, fetchMembersOIDCSSOUrl, fetchMembersSAMLSSOUrl } from '@/service/share'
+import { SSOProtocol } from '@/types/feature'
 
 type SSOAuthProps = {
   protocol: SSOProtocol | ''
@@ -82,7 +81,7 @@ const SSOAuth: FC<SSOAuthProps> = ({
       disabled={isLoading}
       className="w-full"
     >
-      <Lock01 className='mr-2 h-5 w-5 text-text-accent-light-mode-only' />
+      <Lock01 className="mr-2 h-5 w-5 text-text-accent-light-mode-only" />
       <span className="truncate">{t('login.withSSO')}</span>
     </Button>
   )
diff --git a/web/app/(shareLayout)/webapp-signin/layout.tsx b/web/app/(shareLayout)/webapp-signin/layout.tsx
index c75f925d40..dd4510a541 100644
--- a/web/app/(shareLayout)/webapp-signin/layout.tsx
+++ b/web/app/(shareLayout)/webapp-signin/layout.tsx
@@ -1,28 +1,36 @@
 'use client'
 
-import { cn } from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import useDocumentTitle from '@/hooks/use-document-title'
 import type { PropsWithChildren } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { cn } from '@/utils/classnames'
 
 export default function SignInLayout({ children }: PropsWithChildren) {
   const { t } = useTranslation()
   const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
   useDocumentTitle(t('login.webapp.login'))
-  return <>
-    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
-      <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
-        {/* <Header /> */}
-        <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
-          <div className='flex justify-center md:w-[440px] lg:w-[600px]'>
-            {children}
+  return (
+    <>
+      <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+        <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
+          {/* <Header /> */}
+          <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
+            <div className="flex justify-center md:w-[440px] lg:w-[600px]">
+              {children}
+            </div>
           </div>
+          {systemFeatures.branding.enabled === false && (
+            <div className="system-xs-regular px-8 py-6 text-text-tertiary">
+              ©
+              {' '}
+              {new Date().getFullYear()}
+              {' '}
+              LangGenius, Inc. All rights reserved.
+            </div>
+          )}
         </div>
-        {systemFeatures.branding.enabled === false && <div className='system-xs-regular px-8 py-6 text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
       </div>
-    </div>
-  </>
+    </>
+  )
 }
diff --git a/web/app/(shareLayout)/webapp-signin/normalForm.tsx b/web/app/(shareLayout)/webapp-signin/normalForm.tsx
index a14bfcd737..2aaa267962 100644
--- a/web/app/(shareLayout)/webapp-signin/normalForm.tsx
+++ b/web/app/(shareLayout)/webapp-signin/normalForm.tsx
@@ -1,16 +1,16 @@
 'use client'
+import { RiContractLine, RiDoorLockLine, RiErrorWarningFill } from '@remixicon/react'
+import Link from 'next/link'
 import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import { RiContractLine, RiDoorLockLine, RiErrorWarningFill } from '@remixicon/react'
 import Loading from '@/app/components/base/loading'
+import { IS_CE_EDITION } from '@/config'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { LicenseStatus } from '@/types/feature'
+import { cn } from '@/utils/classnames'
 import MailAndCodeAuth from './components/mail-and-code-auth'
 import MailAndPasswordAuth from './components/mail-and-password-auth'
 import SSOAuth from './components/sso-auth'
-import { cn } from '@/utils/classnames'
-import { LicenseStatus } from '@/types/feature'
-import { IS_CE_EDITION } from '@/config'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 
 const NormalForm = () => {
   const { t } = useTranslation()
@@ -37,57 +37,66 @@ const NormalForm = () => {
     init()
   }, [init])
   if (isLoading) {
-    return <div className={
-      cn(
-        'flex w-full grow flex-col items-center justify-center',
-        'px-6',
-        'md:px-[108px]',
-      )
-    }>
-      <Loading type='area' />
-    </div>
+    return (
+      <div className={
+        cn(
+          'flex w-full grow flex-col items-center justify-center',
+          'px-6',
+          'md:px-[108px]',
+        )
+      }
+      >
+        <Loading type="area" />
+      </div>
+    )
   }
   if (systemFeatures.license?.status === LicenseStatus.LOST) {
-    return <div className='mx-auto mt-8 w-full'>
-      <div className='relative'>
-        <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-          <div className='shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-            <RiContractLine className='h-5 w-5' />
-            <RiErrorWarningFill className='absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary' />
+    return (
+      <div className="mx-auto mt-8 w-full">
+        <div className="relative">
+          <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+            <div className="shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+              <RiContractLine className="h-5 w-5" />
+              <RiErrorWarningFill className="absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary" />
+            </div>
+            <p className="system-sm-medium text-text-primary">{t('login.licenseLost')}</p>
+            <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.licenseLostTip')}</p>
           </div>
-          <p className='system-sm-medium text-text-primary'>{t('login.licenseLost')}</p>
-          <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.licenseLostTip')}</p>
         </div>
       </div>
-    </div>
+    )
   }
   if (systemFeatures.license?.status === LicenseStatus.EXPIRED) {
-    return <div className='mx-auto mt-8 w-full'>
-      <div className='relative'>
-        <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-          <div className='shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-            <RiContractLine className='h-5 w-5' />
-            <RiErrorWarningFill className='absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary' />
+    return (
+      <div className="mx-auto mt-8 w-full">
+        <div className="relative">
+          <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+            <div className="shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+              <RiContractLine className="h-5 w-5" />
+              <RiErrorWarningFill className="absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary" />
+            </div>
+            <p className="system-sm-medium text-text-primary">{t('login.licenseExpired')}</p>
+            <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.licenseExpiredTip')}</p>
           </div>
-          <p className='system-sm-medium text-text-primary'>{t('login.licenseExpired')}</p>
-          <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.licenseExpiredTip')}</p>
         </div>
       </div>
-    </div>
+    )
   }
   if (systemFeatures.license?.status === LicenseStatus.INACTIVE) {
-    return <div className='mx-auto mt-8 w-full'>
-      <div className='relative'>
-        <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-          <div className='shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-            <RiContractLine className='h-5 w-5' />
-            <RiErrorWarningFill className='absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary' />
+    return (
+      <div className="mx-auto mt-8 w-full">
+        <div className="relative">
+          <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+            <div className="shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+              <RiContractLine className="h-5 w-5" />
+              <RiErrorWarningFill className="absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary" />
+            </div>
+            <p className="system-sm-medium text-text-primary">{t('login.licenseInactive')}</p>
+            <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.licenseInactiveTip')}</p>
           </div>
-          <p className='system-sm-medium text-text-primary'>{t('login.licenseInactive')}</p>
-          <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.licenseInactiveTip')}</p>
         </div>
       </div>
-    </div>
+    )
   }
 
   return (
@@ -95,78 +104,106 @@ const NormalForm = () => {
       <div className="mx-auto mt-8 w-full">
         <div className="mx-auto w-full">
           <h2 className="title-4xl-semi-bold text-text-primary">{systemFeatures.branding.enabled ? t('login.pageTitleForE') : t('login.pageTitle')}</h2>
-          <p className='body-md-regular mt-2 text-text-tertiary'>{t('login.welcome')}</p>
+          <p className="body-md-regular mt-2 text-text-tertiary">{t('login.welcome')}</p>
         </div>
         <div className="relative">
           <div className="mt-6 flex flex-col gap-3">
-            {systemFeatures.sso_enforced_for_signin && <div className='w-full'>
-              <SSOAuth protocol={systemFeatures.sso_enforced_for_signin_protocol} />
-            </div>}
+            {systemFeatures.sso_enforced_for_signin && (
+              <div className="w-full">
+                <SSOAuth protocol={systemFeatures.sso_enforced_for_signin_protocol} />
+              </div>
+            )}
           </div>
 
-          {showORLine && <div className="relative mt-6">
-            <div className="absolute inset-0 flex items-center" aria-hidden="true">
-              <div className='h-px w-full bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
-            </div>
-            <div className="relative flex justify-center">
-              <span className="system-xs-medium-uppercase px-2 text-text-tertiary">{t('login.or')}</span>
-            </div>
-          </div>}
-          {
-            (systemFeatures.enable_email_code_login || systemFeatures.enable_email_password_login) && <>
-              {systemFeatures.enable_email_code_login && authType === 'code' && <>
-                <MailAndCodeAuth />
-                {systemFeatures.enable_email_password_login && <div className='cursor-pointer py-1 text-center' onClick={() => { updateAuthType('password') }}>
-                  <span className='system-xs-medium text-components-button-secondary-accent-text'>{t('login.usePassword')}</span>
-                </div>}
-              </>}
-              {systemFeatures.enable_email_password_login && authType === 'password' && <>
-                <MailAndPasswordAuth isEmailSetup={systemFeatures.is_email_setup} />
-                {systemFeatures.enable_email_code_login && <div className='cursor-pointer py-1 text-center' onClick={() => { updateAuthType('code') }}>
-                  <span className='system-xs-medium text-components-button-secondary-accent-text'>{t('login.useVerificationCode')}</span>
-                </div>}
-              </>}
-            </>
-          }
-          {allMethodsAreDisabled && <>
-            <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-              <div className='shadows-shadow-lg mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-                <RiDoorLockLine className='h-5 w-5' />
-              </div>
-              <p className='system-sm-medium text-text-primary'>{t('login.noLoginMethod')}</p>
-              <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.noLoginMethodTip')}</p>
-            </div>
-            <div className="relative my-2 py-2">
+          {showORLine && (
+            <div className="relative mt-6">
               <div className="absolute inset-0 flex items-center" aria-hidden="true">
-                <div className='h-px w-full bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
+                <div className="h-px w-full bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+              </div>
+              <div className="relative flex justify-center">
+                <span className="system-xs-medium-uppercase px-2 text-text-tertiary">{t('login.or')}</span>
               </div>
             </div>
-          </>}
-          {!systemFeatures.branding.enabled && <>
-            <div className="system-xs-regular mt-2 block w-full text-text-tertiary">
-              {t('login.tosDesc')}
+          )}
+          {
+            (systemFeatures.enable_email_code_login || systemFeatures.enable_email_password_login) && (
+              <>
+                {systemFeatures.enable_email_code_login && authType === 'code' && (
+                  <>
+                    <MailAndCodeAuth />
+                    {systemFeatures.enable_email_password_login && (
+                      <div className="cursor-pointer py-1 text-center" onClick={() => { updateAuthType('password') }}>
+                        <span className="system-xs-medium text-components-button-secondary-accent-text">{t('login.usePassword')}</span>
+                      </div>
+                    )}
+                  </>
+                )}
+                {systemFeatures.enable_email_password_login && authType === 'password' && (
+                  <>
+                    <MailAndPasswordAuth isEmailSetup={systemFeatures.is_email_setup} />
+                    {systemFeatures.enable_email_code_login && (
+                      <div className="cursor-pointer py-1 text-center" onClick={() => { updateAuthType('code') }}>
+                        <span className="system-xs-medium text-components-button-secondary-accent-text">{t('login.useVerificationCode')}</span>
+                      </div>
+                    )}
+                  </>
+                )}
+              </>
+            )
+          }
+          {allMethodsAreDisabled && (
+            <>
+              <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+                <div className="shadows-shadow-lg mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+                  <RiDoorLockLine className="h-5 w-5" />
+                </div>
+                <p className="system-sm-medium text-text-primary">{t('login.noLoginMethod')}</p>
+                <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.noLoginMethodTip')}</p>
+              </div>
+              <div className="relative my-2 py-2">
+                <div className="absolute inset-0 flex items-center" aria-hidden="true">
+                  <div className="h-px w-full bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+                </div>
+              </div>
+            </>
+          )}
+          {!systemFeatures.branding.enabled && (
+            <>
+              <div className="system-xs-regular mt-2 block w-full text-text-tertiary">
+                {t('login.tosDesc')}
               &nbsp;
-              <Link
-                className='system-xs-medium text-text-secondary hover:underline'
-                target='_blank' rel='noopener noreferrer'
-                href='https://dify.ai/terms'
-              >{t('login.tos')}</Link>
+                <Link
+                  className="system-xs-medium text-text-secondary hover:underline"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://dify.ai/terms"
+                >
+                  {t('login.tos')}
+                </Link>
               &nbsp;&&nbsp;
-              <Link
-                className='system-xs-medium text-text-secondary hover:underline'
-                target='_blank' rel='noopener noreferrer'
-                href='https://dify.ai/privacy'
-              >{t('login.pp')}</Link>
-            </div>
-            {IS_CE_EDITION && <div className="w-hull system-xs-regular mt-2 block text-text-tertiary">
-              {t('login.goToInit')}
+                <Link
+                  className="system-xs-medium text-text-secondary hover:underline"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://dify.ai/privacy"
+                >
+                  {t('login.pp')}
+                </Link>
+              </div>
+              {IS_CE_EDITION && (
+                <div className="w-hull system-xs-regular mt-2 block text-text-tertiary">
+                  {t('login.goToInit')}
               &nbsp;
-              <Link
-                className='system-xs-medium text-text-secondary hover:underline'
-                href='/install'
-              >{t('login.setAdminAccount')}</Link>
-            </div>}
-          </>}
+                  <Link
+                    className="system-xs-medium text-text-secondary hover:underline"
+                    href="/install"
+                  >
+                    {t('login.setAdminAccount')}
+                  </Link>
+                </div>
+              )}
+            </>
+          )}
 
         </div>
       </div>
diff --git a/web/app/(shareLayout)/webapp-signin/page.tsx b/web/app/(shareLayout)/webapp-signin/page.tsx
index 2ffa19c0c9..ca380c9398 100644
--- a/web/app/(shareLayout)/webapp-signin/page.tsx
+++ b/web/app/(shareLayout)/webapp-signin/page.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { useRouter, useSearchParams } from 'next/navigation'
 import type { FC } from 'react'
+import { useRouter, useSearchParams } from 'next/navigation'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 import AppUnavailable from '@/app/components/base/app-unavailable'
-import NormalForm from './normalForm'
-import { AccessMode } from '@/models/access-control'
-import ExternalMemberSsoAuth from './components/external-member-sso-auth'
+import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useWebAppStore } from '@/context/web-app-context'
+import { AccessMode } from '@/models/access-control'
 import { webAppLogout } from '@/service/webapp-auth'
+import ExternalMemberSsoAuth from './components/external-member-sso-auth'
+import NormalForm from './normalForm'
 
 const WebSSOForm: FC = () => {
   const { t } = useTranslation()
@@ -34,29 +34,37 @@ const WebSSOForm: FC = () => {
   }, [getSigninUrl, router, webAppLogout, shareCode])
 
   if (!redirectUrl) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable code={t('share.common.appUnavailable')} unknownReason='redirect url is invalid.' />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable code={t('share.common.appUnavailable')} unknownReason="redirect url is invalid." />
+      </div>
+    )
   }
 
   if (!systemFeatures.webapp_auth.enabled) {
-    return <div className="flex h-full items-center justify-center">
-      <p className='system-xs-regular text-text-tertiary'>{t('login.webapp.disabled')}</p>
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <p className="system-xs-regular text-text-tertiary">{t('login.webapp.disabled')}</p>
+      </div>
+    )
   }
   if (webAppAccessMode && (webAppAccessMode === AccessMode.ORGANIZATION || webAppAccessMode === AccessMode.SPECIFIC_GROUPS_MEMBERS)) {
-    return <div className='w-full max-w-[400px]'>
-      <NormalForm />
-    </div>
+    return (
+      <div className="w-full max-w-[400px]">
+        <NormalForm />
+      </div>
+    )
   }
 
   if (webAppAccessMode && webAppAccessMode === AccessMode.EXTERNAL_MEMBERS)
     return <ExternalMemberSsoAuth />
 
-  return <div className='flex h-full flex-col items-center justify-center gap-y-4'>
-    <AppUnavailable className='h-auto w-auto' isUnknownReason={true} />
-    <span className='system-sm-regular cursor-pointer text-text-tertiary' onClick={backToHome}>{t('share.login.backToHome')}</span>
-  </div>
+  return (
+    <div className="flex h-full flex-col items-center justify-center gap-y-4">
+      <AppUnavailable className="h-auto w-auto" isUnknownReason={true} />
+      <span className="system-sm-regular cursor-pointer text-text-tertiary" onClick={backToHome}>{t('share.login.backToHome')}</span>
+    </div>
+  )
 }
 
 export default React.memo(WebSSOForm)
diff --git a/web/app/account/(commonLayout)/account-page/AvatarWithEdit.tsx b/web/app/account/(commonLayout)/account-page/AvatarWithEdit.tsx
index f3dbc9421c..dd254435bb 100644
--- a/web/app/account/(commonLayout)/account-page/AvatarWithEdit.tsx
+++ b/web/app/account/(commonLayout)/account-page/AvatarWithEdit.tsx
@@ -1,23 +1,25 @@
 'use client'
 
 import type { Area } from 'react-easy-crop'
+import type { OnImageInput } from '@/app/components/base/app-icon-picker/ImageInput'
+import type { AvatarProps } from '@/app/components/base/avatar'
+import type { ImageFile } from '@/types/app'
+import { RiDeleteBin5Line, RiPencilLine } from '@remixicon/react'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { RiDeleteBin5Line, RiPencilLine } from '@remixicon/react'
-import { updateUserProfile } from '@/service/common'
-import { ToastContext } from '@/app/components/base/toast'
-import ImageInput, { type OnImageInput } from '@/app/components/base/app-icon-picker/ImageInput'
-import Modal from '@/app/components/base/modal'
-import Divider from '@/app/components/base/divider'
-import Button from '@/app/components/base/button'
-import Avatar, { type AvatarProps } from '@/app/components/base/avatar'
-import { useLocalFileUploader } from '@/app/components/base/image-uploader/hooks'
-import type { ImageFile } from '@/types/app'
+import ImageInput from '@/app/components/base/app-icon-picker/ImageInput'
 import getCroppedImg from '@/app/components/base/app-icon-picker/utils'
+import Avatar from '@/app/components/base/avatar'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { useLocalFileUploader } from '@/app/components/base/image-uploader/hooks'
+import Modal from '@/app/components/base/modal'
+import { ToastContext } from '@/app/components/base/toast'
 import { DISABLE_UPLOAD_IMAGE_AS_ICON } from '@/config'
+import { updateUserProfile } from '@/service/common'
 
-type InputImageInfo = { file: File } | { tempUrl: string; croppedAreaPixels: Area; fileName: string }
+type InputImageInfo = { file: File } | { tempUrl: string, croppedAreaPixels: Area, fileName: string }
 type AvatarWithEditProps = AvatarProps & { onSave?: () => void }
 
 const AvatarWithEdit = ({ onSave, ...props }: AvatarWithEditProps) => {
@@ -116,15 +118,17 @@ const AvatarWithEdit = ({ onSave, ...props }: AvatarWithEditProps) => {
               setHoverArea(isRight ? 'right' : 'left')
             }}
           >
-            {hoverArea === 'right' && !onAvatarError ? (
-              <span className="text-xs text-white">
-                <RiDeleteBin5Line />
-              </span>
-            ) : (
-              <span className="text-xs text-white">
-                <RiPencilLine />
-              </span>
-            )}
+            {hoverArea === 'right' && !onAvatarError
+              ? (
+                  <span className="text-xs text-white">
+                    <RiDeleteBin5Line />
+                  </span>
+                )
+              : (
+                  <span className="text-xs text-white">
+                    <RiPencilLine />
+                  </span>
+                )}
           </div>
         </div>
       </div>
@@ -135,15 +139,15 @@ const AvatarWithEdit = ({ onSave, ...props }: AvatarWithEditProps) => {
         isShow={isShowAvatarPicker}
         onClose={() => setIsShowAvatarPicker(false)}
       >
-        <ImageInput onImageInput={handleImageInput} cropShape='round' />
-        <Divider className='m-0' />
+        <ImageInput onImageInput={handleImageInput} cropShape="round" />
+        <Divider className="m-0" />
 
-        <div className='flex w-full items-center justify-center gap-2 p-3'>
-          <Button className='w-full' onClick={() => setIsShowAvatarPicker(false)}>
+        <div className="flex w-full items-center justify-center gap-2 p-3">
+          <Button className="w-full" onClick={() => setIsShowAvatarPicker(false)}>
             {t('app.iconPicker.cancel')}
           </Button>
 
-          <Button variant="primary" className='w-full' disabled={uploading || !inputImageInfo} loading={uploading} onClick={handleSelect}>
+          <Button variant="primary" className="w-full" disabled={uploading || !inputImageInfo} loading={uploading} onClick={handleSelect}>
             {t('app.iconPicker.ok')}
           </Button>
         </div>
diff --git a/web/app/account/(commonLayout)/account-page/email-change-modal.tsx b/web/app/account/(commonLayout)/account-page/email-change-modal.tsx
index d04cd18557..83e667a1f3 100644
--- a/web/app/account/(commonLayout)/account-page/email-change-modal.tsx
+++ b/web/app/account/(commonLayout)/account-page/email-change-modal.tsx
@@ -1,22 +1,22 @@
+import type { ResponseError } from '@/service/fetch'
+import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
+import { useRouter } from 'next/navigation'
 import React, { useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
 import { useContext } from 'use-context-selector'
-import { ToastContext } from '@/app/components/base/toast'
-import { RiCloseLine } from '@remixicon/react'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
+import { ToastContext } from '@/app/components/base/toast'
 import {
   checkEmailExisted,
   resetEmail,
   sendVerifyCode,
   verifyEmail,
 } from '@/service/common'
-import { noop } from 'lodash-es'
-import { asyncRunSafe } from '@/utils'
-import type { ResponseError } from '@/service/fetch'
 import { useLogout } from '@/service/use-common'
+import { asyncRunSafe } from '@/utils'
 
 type Props = {
   show: boolean
@@ -116,7 +116,7 @@ const EmailChangeModal = ({ onClose, email, show }: Props) => {
   }
 
   const isValidEmail = (email: string): boolean => {
-    const rfc5322emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
+    const rfc5322emailRegex = /^[\w.!#$%&'*+/=?^`{|}~-]+@[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?(?:\.[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?)*$/i
     return rfc5322emailRegex.test(email) && email.length <= 254
   }
 
@@ -201,35 +201,35 @@ const EmailChangeModal = ({ onClose, email, show }: Props) => {
     <Modal
       isShow={show}
       onClose={noop}
-      className='!w-[420px] !p-6'
+      className="!w-[420px] !p-6"
     >
-      <div className='absolute right-5 top-5 cursor-pointer p-1.5' onClick={onClose}>
-        <RiCloseLine className='h-5 w-5 text-text-tertiary' />
+      <div className="absolute right-5 top-5 cursor-pointer p-1.5" onClick={onClose}>
+        <RiCloseLine className="h-5 w-5 text-text-tertiary" />
       </div>
       {step === STEP.start && (
         <>
-          <div className='title-2xl-semi-bold pb-3 text-text-primary'>{t('common.account.changeEmail.title')}</div>
-          <div className='space-y-0.5 pb-2 pt-1'>
-            <div className='body-md-medium text-text-warning'>{t('common.account.changeEmail.authTip')}</div>
-            <div className='body-md-regular text-text-secondary'>
+          <div className="title-2xl-semi-bold pb-3 text-text-primary">{t('common.account.changeEmail.title')}</div>
+          <div className="space-y-0.5 pb-2 pt-1">
+            <div className="body-md-medium text-text-warning">{t('common.account.changeEmail.authTip')}</div>
+            <div className="body-md-regular text-text-secondary">
               <Trans
                 i18nKey="common.account.changeEmail.content1"
-                components={{ email: <span className='body-md-medium text-text-primary'></span> }}
+                components={{ email: <span className="body-md-medium text-text-primary"></span> }}
                 values={{ email }}
               />
             </div>
           </div>
-          <div className='pt-3'></div>
-          <div className='space-y-2'>
+          <div className="pt-3"></div>
+          <div className="space-y-2">
             <Button
-              className='!w-full'
-              variant='primary'
+              className="!w-full"
+              variant="primary"
               onClick={sendCodeToOriginEmail}
             >
               {t('common.account.changeEmail.sendVerifyCode')}
             </Button>
             <Button
-              className='!w-full'
+              className="!w-full"
               onClick={onClose}
             >
               {t('common.operation.cancel')}
@@ -239,86 +239,86 @@ const EmailChangeModal = ({ onClose, email, show }: Props) => {
       )}
       {step === STEP.verifyOrigin && (
         <>
-          <div className='title-2xl-semi-bold pb-3 text-text-primary'>{t('common.account.changeEmail.verifyEmail')}</div>
-          <div className='space-y-0.5 pb-2 pt-1'>
-            <div className='body-md-regular text-text-secondary'>
+          <div className="title-2xl-semi-bold pb-3 text-text-primary">{t('common.account.changeEmail.verifyEmail')}</div>
+          <div className="space-y-0.5 pb-2 pt-1">
+            <div className="body-md-regular text-text-secondary">
               <Trans
                 i18nKey="common.account.changeEmail.content2"
-                components={{ email: <span className='body-md-medium text-text-primary'></span> }}
+                components={{ email: <span className="body-md-medium text-text-primary"></span> }}
                 values={{ email }}
               />
             </div>
           </div>
-          <div className='pt-3'>
-            <div className='system-sm-medium mb-1 flex h-6 items-center text-text-secondary'>{t('common.account.changeEmail.codeLabel')}</div>
+          <div className="pt-3">
+            <div className="system-sm-medium mb-1 flex h-6 items-center text-text-secondary">{t('common.account.changeEmail.codeLabel')}</div>
             <Input
-              className='!w-full'
+              className="!w-full"
               placeholder={t('common.account.changeEmail.codePlaceholder')}
               value={code}
               onChange={e => setCode(e.target.value)}
               maxLength={6}
             />
           </div>
-          <div className='mt-3 space-y-2'>
+          <div className="mt-3 space-y-2">
             <Button
               disabled={code.length !== 6}
-              className='!w-full'
-              variant='primary'
+              className="!w-full"
+              variant="primary"
               onClick={handleVerifyOriginEmail}
             >
               {t('common.account.changeEmail.continue')}
             </Button>
             <Button
-              className='!w-full'
+              className="!w-full"
               onClick={onClose}
             >
               {t('common.operation.cancel')}
             </Button>
           </div>
-          <div className='system-xs-regular mt-3 flex items-center gap-1 text-text-tertiary'>
+          <div className="system-xs-regular mt-3 flex items-center gap-1 text-text-tertiary">
             <span>{t('common.account.changeEmail.resendTip')}</span>
             {time > 0 && (
               <span>{t('common.account.changeEmail.resendCount', { count: time })}</span>
             )}
             {!time && (
-              <span onClick={sendCodeToOriginEmail} className='system-xs-medium cursor-pointer text-text-accent-secondary'>{t('common.account.changeEmail.resend')}</span>
+              <span onClick={sendCodeToOriginEmail} className="system-xs-medium cursor-pointer text-text-accent-secondary">{t('common.account.changeEmail.resend')}</span>
             )}
           </div>
         </>
       )}
       {step === STEP.newEmail && (
         <>
-          <div className='title-2xl-semi-bold pb-3 text-text-primary'>{t('common.account.changeEmail.newEmail')}</div>
-          <div className='space-y-0.5 pb-2 pt-1'>
-            <div className='body-md-regular text-text-secondary'>{t('common.account.changeEmail.content3')}</div>
+          <div className="title-2xl-semi-bold pb-3 text-text-primary">{t('common.account.changeEmail.newEmail')}</div>
+          <div className="space-y-0.5 pb-2 pt-1">
+            <div className="body-md-regular text-text-secondary">{t('common.account.changeEmail.content3')}</div>
           </div>
-          <div className='pt-3'>
-            <div className='system-sm-medium mb-1 flex h-6 items-center text-text-secondary'>{t('common.account.changeEmail.emailLabel')}</div>
+          <div className="pt-3">
+            <div className="system-sm-medium mb-1 flex h-6 items-center text-text-secondary">{t('common.account.changeEmail.emailLabel')}</div>
             <Input
-              className='!w-full'
+              className="!w-full"
               placeholder={t('common.account.changeEmail.emailPlaceholder')}
               value={mail}
               onChange={e => handleNewEmailValueChange(e.target.value)}
               destructive={newEmailExited || unAvailableEmail}
             />
             {newEmailExited && (
-              <div className='body-xs-regular mt-1 py-0.5 text-text-destructive'>{t('common.account.changeEmail.existingEmail')}</div>
+              <div className="body-xs-regular mt-1 py-0.5 text-text-destructive">{t('common.account.changeEmail.existingEmail')}</div>
             )}
             {unAvailableEmail && (
-              <div className='body-xs-regular mt-1 py-0.5 text-text-destructive'>{t('common.account.changeEmail.unAvailableEmail')}</div>
+              <div className="body-xs-regular mt-1 py-0.5 text-text-destructive">{t('common.account.changeEmail.unAvailableEmail')}</div>
             )}
           </div>
-          <div className='mt-3 space-y-2'>
+          <div className="mt-3 space-y-2">
             <Button
               disabled={!mail || newEmailExited || unAvailableEmail || isCheckingEmail || !isValidEmail(mail)}
-              className='!w-full'
-              variant='primary'
+              className="!w-full"
+              variant="primary"
               onClick={sendCodeToNewEmail}
             >
               {t('common.account.changeEmail.sendVerifyCode')}
             </Button>
             <Button
-              className='!w-full'
+              className="!w-full"
               onClick={onClose}
             >
               {t('common.operation.cancel')}
@@ -328,49 +328,49 @@ const EmailChangeModal = ({ onClose, email, show }: Props) => {
       )}
       {step === STEP.verifyNew && (
         <>
-          <div className='title-2xl-semi-bold pb-3 text-text-primary'>{t('common.account.changeEmail.verifyNew')}</div>
-          <div className='space-y-0.5 pb-2 pt-1'>
-            <div className='body-md-regular text-text-secondary'>
+          <div className="title-2xl-semi-bold pb-3 text-text-primary">{t('common.account.changeEmail.verifyNew')}</div>
+          <div className="space-y-0.5 pb-2 pt-1">
+            <div className="body-md-regular text-text-secondary">
               <Trans
                 i18nKey="common.account.changeEmail.content4"
-                components={{ email: <span className='body-md-medium text-text-primary'></span> }}
+                components={{ email: <span className="body-md-medium text-text-primary"></span> }}
                 values={{ email: mail }}
               />
             </div>
           </div>
-          <div className='pt-3'>
-            <div className='system-sm-medium mb-1 flex h-6 items-center text-text-secondary'>{t('common.account.changeEmail.codeLabel')}</div>
+          <div className="pt-3">
+            <div className="system-sm-medium mb-1 flex h-6 items-center text-text-secondary">{t('common.account.changeEmail.codeLabel')}</div>
             <Input
-              className='!w-full'
+              className="!w-full"
               placeholder={t('common.account.changeEmail.codePlaceholder')}
               value={code}
               onChange={e => setCode(e.target.value)}
               maxLength={6}
             />
           </div>
-          <div className='mt-3 space-y-2'>
+          <div className="mt-3 space-y-2">
             <Button
               disabled={code.length !== 6}
-              className='!w-full'
-              variant='primary'
+              className="!w-full"
+              variant="primary"
               onClick={submitNewEmail}
             >
               {t('common.account.changeEmail.changeTo', { email: mail })}
             </Button>
             <Button
-              className='!w-full'
+              className="!w-full"
               onClick={onClose}
             >
               {t('common.operation.cancel')}
             </Button>
           </div>
-          <div className='system-xs-regular mt-3 flex items-center gap-1 text-text-tertiary'>
+          <div className="system-xs-regular mt-3 flex items-center gap-1 text-text-tertiary">
             <span>{t('common.account.changeEmail.resendTip')}</span>
             {time > 0 && (
               <span>{t('common.account.changeEmail.resendCount', { count: time })}</span>
             )}
             {!time && (
-              <span onClick={sendCodeToNewEmail} className='system-xs-medium cursor-pointer text-text-accent-secondary'>{t('common.account.changeEmail.resend')}</span>
+              <span onClick={sendCodeToNewEmail} className="system-xs-medium cursor-pointer text-text-accent-secondary">{t('common.account.changeEmail.resend')}</span>
             )}
           </div>
         </>
diff --git a/web/app/account/(commonLayout)/account-page/index.tsx b/web/app/account/(commonLayout)/account-page/index.tsx
index 15a03b428a..baa9759ffe 100644
--- a/web/app/account/(commonLayout)/account-page/index.tsx
+++ b/web/app/account/(commonLayout)/account-page/index.tsx
@@ -1,30 +1,29 @@
 'use client'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { IItem } from '@/app/components/header/account-setting/collapse'
+import type { App } from '@/types/app'
 import {
   RiGraduationCapFill,
 } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import DeleteAccount from '../delete-account'
-import AvatarWithEdit from './AvatarWithEdit'
-import Collapse from '@/app/components/header/account-setting/collapse'
-import type { IItem } from '@/app/components/header/account-setting/collapse'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import { updateUserProfile } from '@/service/common'
-import { useAppContext } from '@/context/app-context'
-import { useProviderContext } from '@/context/provider-context'
-import { ToastContext } from '@/app/components/base/toast'
 import AppIcon from '@/app/components/base/app-icon'
-import { IS_CE_EDITION } from '@/config'
+import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 import PremiumBadge from '@/app/components/base/premium-badge'
+import { ToastContext } from '@/app/components/base/toast'
+import Collapse from '@/app/components/header/account-setting/collapse'
+import { IS_CE_EDITION, validPassword } from '@/config'
+import { useAppContext } from '@/context/app-context'
 import { useGlobalPublicStore } from '@/context/global-public-context'
-import EmailChangeModal from './email-change-modal'
-import { validPassword } from '@/config'
-
-import type { App } from '@/types/app'
+import { useProviderContext } from '@/context/provider-context'
+import { updateUserProfile } from '@/service/common'
 import { useAppList } from '@/service/use-apps'
+import DeleteAccount from '../delete-account'
+
+import AvatarWithEdit from './AvatarWithEdit'
+import EmailChangeModal from './email-change-modal'
 
 const titleClassName = `
   system-sm-semibold text-text-secondary
@@ -129,60 +128,60 @@ export default function AccountPage() {
   const renderAppItem = (item: IItem) => {
     const { icon, icon_background, icon_type, icon_url } = item as any
     return (
-      <div className='flex px-3 py-1'>
-        <div className='mr-3'>
+      <div className="flex px-3 py-1">
+        <div className="mr-3">
           <AppIcon
-            size='tiny'
+            size="tiny"
             iconType={icon_type}
             icon={icon}
             background={icon_background}
             imageUrl={icon_url}
           />
         </div>
-        <div className='system-sm-medium mt-[3px] text-text-secondary'>{item.name}</div>
+        <div className="system-sm-medium mt-[3px] text-text-secondary">{item.name}</div>
       </div>
     )
   }
 
   return (
     <>
-      <div className='pb-3 pt-2'>
-        <h4 className='title-2xl-semi-bold text-text-primary'>{t('common.account.myAccount')}</h4>
+      <div className="pb-3 pt-2">
+        <h4 className="title-2xl-semi-bold text-text-primary">{t('common.account.myAccount')}</h4>
       </div>
-      <div className='mb-8 flex items-center rounded-xl bg-gradient-to-r from-background-gradient-bg-fill-chat-bg-2 to-background-gradient-bg-fill-chat-bg-1 p-6'>
+      <div className="mb-8 flex items-center rounded-xl bg-gradient-to-r from-background-gradient-bg-fill-chat-bg-2 to-background-gradient-bg-fill-chat-bg-1 p-6">
         <AvatarWithEdit avatar={userProfile.avatar_url} name={userProfile.name} onSave={mutateUserProfile} size={64} />
-        <div className='ml-4'>
-          <p className='system-xl-semibold text-text-primary'>
+        <div className="ml-4">
+          <p className="system-xl-semibold text-text-primary">
             {userProfile.name}
             {isEducationAccount && (
-              <PremiumBadge size='s' color='blue' className='ml-1 !px-2'>
-                <RiGraduationCapFill className='mr-1 h-3 w-3' />
-                <span className='system-2xs-medium'>EDU</span>
+              <PremiumBadge size="s" color="blue" className="ml-1 !px-2">
+                <RiGraduationCapFill className="mr-1 h-3 w-3" />
+                <span className="system-2xs-medium">EDU</span>
               </PremiumBadge>
             )}
           </p>
-          <p className='system-xs-regular text-text-tertiary'>{userProfile.email}</p>
+          <p className="system-xs-regular text-text-tertiary">{userProfile.email}</p>
         </div>
       </div>
-      <div className='mb-8'>
+      <div className="mb-8">
         <div className={titleClassName}>{t('common.account.name')}</div>
-        <div className='mt-2 flex w-full items-center justify-between gap-2'>
-          <div className='system-sm-regular flex-1 rounded-lg bg-components-input-bg-normal p-2 text-components-input-text-filled '>
-            <span className='pl-1'>{userProfile.name}</span>
+        <div className="mt-2 flex w-full items-center justify-between gap-2">
+          <div className="system-sm-regular flex-1 rounded-lg bg-components-input-bg-normal p-2 text-components-input-text-filled ">
+            <span className="pl-1">{userProfile.name}</span>
           </div>
-          <div className='system-sm-medium cursor-pointer rounded-lg bg-components-button-tertiary-bg px-3 py-2 text-components-button-tertiary-text' onClick={handleEditName}>
+          <div className="system-sm-medium cursor-pointer rounded-lg bg-components-button-tertiary-bg px-3 py-2 text-components-button-tertiary-text" onClick={handleEditName}>
             {t('common.operation.edit')}
           </div>
         </div>
       </div>
-      <div className='mb-8'>
+      <div className="mb-8">
         <div className={titleClassName}>{t('common.account.email')}</div>
-        <div className='mt-2 flex w-full items-center justify-between gap-2'>
-          <div className='system-sm-regular flex-1 rounded-lg bg-components-input-bg-normal p-2 text-components-input-text-filled '>
-            <span className='pl-1'>{userProfile.email}</span>
+        <div className="mt-2 flex w-full items-center justify-between gap-2">
+          <div className="system-sm-regular flex-1 rounded-lg bg-components-input-bg-normal p-2 text-components-input-text-filled ">
+            <span className="pl-1">{userProfile.email}</span>
           </div>
           {systemFeatures.enable_change_email && (
-            <div className='system-sm-medium cursor-pointer rounded-lg bg-components-button-tertiary-bg px-3 py-2 text-components-button-tertiary-text' onClick={() => setShowUpdateEmail(true)}>
+            <div className="system-sm-medium cursor-pointer rounded-lg bg-components-button-tertiary-bg px-3 py-2 text-components-button-tertiary-text" onClick={() => setShowUpdateEmail(true)}>
               {t('common.operation.change')}
             </div>
           )}
@@ -190,17 +189,17 @@ export default function AccountPage() {
       </div>
       {
         systemFeatures.enable_email_password_login && (
-          <div className='mb-8 flex justify-between gap-2'>
+          <div className="mb-8 flex justify-between gap-2">
             <div>
-              <div className='system-sm-semibold mb-1 text-text-secondary'>{t('common.account.password')}</div>
-              <div className='body-xs-regular mb-2 text-text-tertiary'>{t('common.account.passwordTip')}</div>
+              <div className="system-sm-semibold mb-1 text-text-secondary">{t('common.account.password')}</div>
+              <div className="body-xs-regular mb-2 text-text-tertiary">{t('common.account.passwordTip')}</div>
             </div>
             <Button onClick={() => setEditPasswordModalVisible(true)}>{userProfile.is_password_set ? t('common.account.resetPassword') : t('common.account.setPassword')}</Button>
           </div>
         )
       }
-      <div className='mb-6 border-[1px] border-divider-subtle' />
-      <div className='mb-8'>
+      <div className="mb-6 border-[1px] border-divider-subtle" />
+      <div className="mb-8">
         <div className={titleClassName}>{t('common.account.langGeniusAccount')}</div>
         <div className={descriptionClassName}>{t('common.account.langGeniusAccountTip')}</div>
         {!!apps.length && (
@@ -208,29 +207,30 @@ export default function AccountPage() {
             title={`${t('common.account.showAppLength', { length: apps.length })}`}
             items={apps.map((app: App) => ({ ...app, key: app.id, name: app.name }))}
             renderItem={renderAppItem}
-            wrapperClassName='mt-2'
+            wrapperClassName="mt-2"
           />
         )}
-        {!IS_CE_EDITION && <Button className='mt-2 text-components-button-destructive-secondary-text' onClick={() => setShowDeleteAccountModal(true)}>{t('common.account.delete')}</Button>}
+        {!IS_CE_EDITION && <Button className="mt-2 text-components-button-destructive-secondary-text" onClick={() => setShowDeleteAccountModal(true)}>{t('common.account.delete')}</Button>}
       </div>
       {
         editNameModalVisible && (
           <Modal
             isShow
             onClose={() => setEditNameModalVisible(false)}
-            className='!w-[420px] !p-6'
+            className="!w-[420px] !p-6"
           >
-            <div className='title-2xl-semi-bold mb-6 text-text-primary'>{t('common.account.editName')}</div>
+            <div className="title-2xl-semi-bold mb-6 text-text-primary">{t('common.account.editName')}</div>
             <div className={titleClassName}>{t('common.account.name')}</div>
-            <Input className='mt-2'
+            <Input
+              className="mt-2"
               value={editName}
               onChange={e => setEditName(e.target.value)}
             />
-            <div className='mt-10 flex justify-end'>
-              <Button className='mr-2' onClick={() => setEditNameModalVisible(false)}>{t('common.operation.cancel')}</Button>
+            <div className="mt-10 flex justify-end">
+              <Button className="mr-2" onClick={() => setEditNameModalVisible(false)}>{t('common.operation.cancel')}</Button>
               <Button
                 disabled={editing || !editName}
-                variant='primary'
+                variant="primary"
                 onClick={handleSaveName}
               >
                 {t('common.operation.save')}
@@ -247,13 +247,13 @@ export default function AccountPage() {
               setEditPasswordModalVisible(false)
               resetPasswordForm()
             }}
-            className='!w-[420px] !p-6'
+            className="!w-[420px] !p-6"
           >
-            <div className='title-2xl-semi-bold mb-6 text-text-primary'>{userProfile.is_password_set ? t('common.account.resetPassword') : t('common.account.setPassword')}</div>
+            <div className="title-2xl-semi-bold mb-6 text-text-primary">{userProfile.is_password_set ? t('common.account.resetPassword') : t('common.account.setPassword')}</div>
             {userProfile.is_password_set && (
               <>
                 <div className={titleClassName}>{t('common.account.currentPassword')}</div>
-                <div className='relative mt-2'>
+                <div className="relative mt-2">
                   <Input
                     type={showCurrentPassword ? 'text' : 'password'}
                     value={currentPassword}
@@ -263,7 +263,7 @@ export default function AccountPage() {
                   <div className="absolute inset-y-0 right-0 flex items-center">
                     <Button
                       type="button"
-                      variant='ghost'
+                      variant="ghost"
                       onClick={() => setShowCurrentPassword(!showCurrentPassword)}
                     >
                       {showCurrentPassword ? '👀' : '😝'}
@@ -272,10 +272,10 @@ export default function AccountPage() {
                 </div>
               </>
             )}
-            <div className='system-sm-semibold mt-8 text-text-secondary'>
+            <div className="system-sm-semibold mt-8 text-text-secondary">
               {userProfile.is_password_set ? t('common.account.newPassword') : t('common.account.password')}
             </div>
-            <div className='relative mt-2'>
+            <div className="relative mt-2">
               <Input
                 type={showPassword ? 'text' : 'password'}
                 value={password}
@@ -284,15 +284,15 @@ export default function AccountPage() {
               <div className="absolute inset-y-0 right-0 flex items-center">
                 <Button
                   type="button"
-                  variant='ghost'
+                  variant="ghost"
                   onClick={() => setShowPassword(!showPassword)}
                 >
                   {showPassword ? '👀' : '😝'}
                 </Button>
               </div>
             </div>
-            <div className='system-sm-semibold mt-8 text-text-secondary'>{t('common.account.confirmPassword')}</div>
-            <div className='relative mt-2'>
+            <div className="system-sm-semibold mt-8 text-text-secondary">{t('common.account.confirmPassword')}</div>
+            <div className="relative mt-2">
               <Input
                 type={showConfirmPassword ? 'text' : 'password'}
                 value={confirmPassword}
@@ -301,21 +301,26 @@ export default function AccountPage() {
               <div className="absolute inset-y-0 right-0 flex items-center">
                 <Button
                   type="button"
-                  variant='ghost'
+                  variant="ghost"
                   onClick={() => setShowConfirmPassword(!showConfirmPassword)}
                 >
                   {showConfirmPassword ? '👀' : '😝'}
                 </Button>
               </div>
             </div>
-            <div className='mt-10 flex justify-end'>
-              <Button className='mr-2' onClick={() => {
-                setEditPasswordModalVisible(false)
-                resetPasswordForm()
-              }}>{t('common.operation.cancel')}</Button>
+            <div className="mt-10 flex justify-end">
+              <Button
+                className="mr-2"
+                onClick={() => {
+                  setEditPasswordModalVisible(false)
+                  resetPasswordForm()
+                }}
+              >
+                {t('common.operation.cancel')}
+              </Button>
               <Button
                 disabled={editing}
-                variant='primary'
+                variant="primary"
                 onClick={handleSavePassword}
               >
                 {userProfile.is_password_set ? t('common.operation.reset') : t('common.operation.save')}
diff --git a/web/app/account/(commonLayout)/avatar.tsx b/web/app/account/(commonLayout)/avatar.tsx
index ef8f6334f1..3cbbb47a76 100644
--- a/web/app/account/(commonLayout)/avatar.tsx
+++ b/web/app/account/(commonLayout)/avatar.tsx
@@ -1,18 +1,18 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { Fragment } from 'react'
-import { useRouter } from 'next/navigation'
+import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import {
   RiGraduationCapFill,
 } from '@remixicon/react'
-import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
+import { useRouter } from 'next/navigation'
+import { Fragment } from 'react'
+import { useTranslation } from 'react-i18next'
+import { resetUser } from '@/app/components/base/amplitude/utils'
 import Avatar from '@/app/components/base/avatar'
-import { useAppContext } from '@/context/app-context'
-import { useProviderContext } from '@/context/provider-context'
 import { LogOut01 } from '@/app/components/base/icons/src/vender/line/general'
 import PremiumBadge from '@/app/components/base/premium-badge'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
 import { useLogout } from '@/service/use-common'
-import { resetUser } from '@/app/components/base/amplitude/utils'
 
 export type IAppSelector = {
   isMobile: boolean
@@ -70,31 +70,31 @@ export default function AppSelector() {
                   "
               >
                 <MenuItem>
-                  <div className='p-1'>
-                    <div className='flex flex-nowrap items-center px-3 py-2'>
-                      <div className='grow'>
-                        <div className='system-md-medium break-all text-text-primary'>
+                  <div className="p-1">
+                    <div className="flex flex-nowrap items-center px-3 py-2">
+                      <div className="grow">
+                        <div className="system-md-medium break-all text-text-primary">
                           {userProfile.name}
                           {isEducationAccount && (
-                            <PremiumBadge size='s' color='blue' className='ml-1 !px-2'>
-                              <RiGraduationCapFill className='mr-1 h-3 w-3' />
-                              <span className='system-2xs-medium'>EDU</span>
+                            <PremiumBadge size="s" color="blue" className="ml-1 !px-2">
+                              <RiGraduationCapFill className="mr-1 h-3 w-3" />
+                              <span className="system-2xs-medium">EDU</span>
                             </PremiumBadge>
                           )}
                         </div>
-                        <div className='system-xs-regular break-all text-text-tertiary'>{userProfile.email}</div>
+                        <div className="system-xs-regular break-all text-text-tertiary">{userProfile.email}</div>
                       </div>
                       <Avatar avatar={userProfile.avatar_url} name={userProfile.name} size={32} />
                     </div>
                   </div>
                 </MenuItem>
                 <MenuItem>
-                  <div className='p-1' onClick={() => handleLogout()}>
+                  <div className="p-1" onClick={() => handleLogout()}>
                     <div
-                      className='group flex h-9 cursor-pointer items-center justify-start rounded-lg px-3 hover:bg-state-base-hover'
+                      className="group flex h-9 cursor-pointer items-center justify-start rounded-lg px-3 hover:bg-state-base-hover"
                     >
-                      <LogOut01 className='mr-1 flex h-4 w-4 text-text-tertiary' />
-                      <div className='text-[14px] font-normal text-text-secondary'>{t('common.userProfile.logout')}</div>
+                      <LogOut01 className="mr-1 flex h-4 w-4 text-text-tertiary" />
+                      <div className="text-[14px] font-normal text-text-secondary">{t('common.userProfile.logout')}</div>
                     </div>
                   </div>
                 </MenuItem>
diff --git a/web/app/account/(commonLayout)/delete-account/components/check-email.tsx b/web/app/account/(commonLayout)/delete-account/components/check-email.tsx
index 6359340ce3..c0bbf4422a 100644
--- a/web/app/account/(commonLayout)/delete-account/components/check-email.tsx
+++ b/web/app/account/(commonLayout)/delete-account/components/check-email.tsx
@@ -1,11 +1,11 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { useCallback, useState } from 'react'
 import Link from 'next/link'
-import { useSendDeleteAccountEmail } from '../state'
-import { useAppContext } from '@/context/app-context'
-import Input from '@/app/components/base/input'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
+import { useAppContext } from '@/context/app-context'
+import { useSendDeleteAccountEmail } from '../state'
 
 type DeleteAccountProps = {
   onCancel: () => void
@@ -28,21 +28,26 @@ export default function CheckEmail(props: DeleteAccountProps) {
     catch (error) { console.error(error) }
   }, [getDeleteEmailVerifyCode, props])
 
-  return <>
-    <div className='body-md-medium py-1 text-text-destructive'>
-      {t('common.account.deleteTip')}
-    </div>
-    <div className='body-md-regular pb-2 pt-1 text-text-secondary'>
-      {t('common.account.deletePrivacyLinkTip')}
-      <Link href='https://dify.ai/privacy' className='text-text-accent'>{t('common.account.deletePrivacyLink')}</Link>
-    </div>
-    <label className='system-sm-semibold mb-1 mt-3 flex h-6 items-center text-text-secondary'>{t('common.account.deleteLabel')}</label>
-    <Input placeholder={t('common.account.deletePlaceholder') as string} onChange={(e) => {
-      setUserInputEmail(e.target.value)
-    }} />
-    <div className='mt-3 flex w-full flex-col gap-2'>
-      <Button className='w-full' disabled={userInputEmail !== userProfile.email || isSendingEmail} loading={isSendingEmail} variant='primary' onClick={handleConfirm}>{t('common.account.sendVerificationButton')}</Button>
-      <Button className='w-full' onClick={props.onCancel}>{t('common.operation.cancel')}</Button>
-    </div>
-  </>
+  return (
+    <>
+      <div className="body-md-medium py-1 text-text-destructive">
+        {t('common.account.deleteTip')}
+      </div>
+      <div className="body-md-regular pb-2 pt-1 text-text-secondary">
+        {t('common.account.deletePrivacyLinkTip')}
+        <Link href="https://dify.ai/privacy" className="text-text-accent">{t('common.account.deletePrivacyLink')}</Link>
+      </div>
+      <label className="system-sm-semibold mb-1 mt-3 flex h-6 items-center text-text-secondary">{t('common.account.deleteLabel')}</label>
+      <Input
+        placeholder={t('common.account.deletePlaceholder') as string}
+        onChange={(e) => {
+          setUserInputEmail(e.target.value)
+        }}
+      />
+      <div className="mt-3 flex w-full flex-col gap-2">
+        <Button className="w-full" disabled={userInputEmail !== userProfile.email || isSendingEmail} loading={isSendingEmail} variant="primary" onClick={handleConfirm}>{t('common.account.sendVerificationButton')}</Button>
+        <Button className="w-full" onClick={props.onCancel}>{t('common.operation.cancel')}</Button>
+      </div>
+    </>
+  )
 }
diff --git a/web/app/account/(commonLayout)/delete-account/components/feed-back.tsx b/web/app/account/(commonLayout)/delete-account/components/feed-back.tsx
index 64a378d2fe..4a1b41cb20 100644
--- a/web/app/account/(commonLayout)/delete-account/components/feed-back.tsx
+++ b/web/app/account/(commonLayout)/delete-account/components/feed-back.tsx
@@ -1,14 +1,14 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { useCallback, useState } from 'react'
 import { useRouter } from 'next/navigation'
-import { useDeleteAccountFeedback } from '../state'
-import { useAppContext } from '@/context/app-context'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import CustomDialog from '@/app/components/base/dialog'
 import Textarea from '@/app/components/base/textarea'
 import Toast from '@/app/components/base/toast'
+import { useAppContext } from '@/context/app-context'
 import { useLogout } from '@/service/use-common'
+import { useDeleteAccountFeedback } from '../state'
 
 type DeleteAccountProps = {
   onCancel: () => void
@@ -46,20 +46,27 @@ export default function FeedBack(props: DeleteAccountProps) {
     props.onCancel()
     handleSuccess()
   }, [handleSuccess, props])
-  return <CustomDialog
-    show={true}
-    onClose={props.onCancel}
-    title={t('common.account.feedbackTitle')}
-    className="max-w-[480px]"
-    footer={false}
-  >
-    <label className='system-sm-semibold mb-1 mt-3 flex items-center text-text-secondary'>{t('common.account.feedbackLabel')}</label>
-    <Textarea rows={6} value={userFeedback} placeholder={t('common.account.feedbackPlaceholder') as string} onChange={(e) => {
-      setUserFeedback(e.target.value)
-    }} />
-    <div className='mt-3 flex w-full flex-col gap-2'>
-      <Button className='w-full' loading={isPending} variant='primary' onClick={handleSubmit}>{t('common.operation.submit')}</Button>
-      <Button className='w-full' onClick={handleSkip}>{t('common.operation.skip')}</Button>
-    </div>
-  </CustomDialog>
+  return (
+    <CustomDialog
+      show={true}
+      onClose={props.onCancel}
+      title={t('common.account.feedbackTitle')}
+      className="max-w-[480px]"
+      footer={false}
+    >
+      <label className="system-sm-semibold mb-1 mt-3 flex items-center text-text-secondary">{t('common.account.feedbackLabel')}</label>
+      <Textarea
+        rows={6}
+        value={userFeedback}
+        placeholder={t('common.account.feedbackPlaceholder') as string}
+        onChange={(e) => {
+          setUserFeedback(e.target.value)
+        }}
+      />
+      <div className="mt-3 flex w-full flex-col gap-2">
+        <Button className="w-full" loading={isPending} variant="primary" onClick={handleSubmit}>{t('common.operation.submit')}</Button>
+        <Button className="w-full" onClick={handleSkip}>{t('common.operation.skip')}</Button>
+      </div>
+    </CustomDialog>
+  )
 }
diff --git a/web/app/account/(commonLayout)/delete-account/components/verify-email.tsx b/web/app/account/(commonLayout)/delete-account/components/verify-email.tsx
index 7c9d097299..a11349c6b1 100644
--- a/web/app/account/(commonLayout)/delete-account/components/verify-email.tsx
+++ b/web/app/account/(commonLayout)/delete-account/components/verify-email.tsx
@@ -1,13 +1,13 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { useCallback, useEffect, useState } from 'react'
 import Link from 'next/link'
-import { useAccountDeleteStore, useConfirmDeleteAccount, useSendDeleteAccountEmail } from '../state'
-import Input from '@/app/components/base/input'
+import { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
 import Countdown from '@/app/components/signin/countdown'
+import { useAccountDeleteStore, useConfirmDeleteAccount, useSendDeleteAccountEmail } from '../state'
 
-const CODE_EXP = /[A-Za-z\d]{6}/gi
+const CODE_EXP = /[A-Z\d]{6}/gi
 
 type DeleteAccountProps = {
   onCancel: () => void
@@ -34,22 +34,29 @@ export default function VerifyEmail(props: DeleteAccountProps) {
     }
     catch (error) { console.error(error) }
   }, [emailToken, verificationCode, confirmDeleteAccount, props])
-  return <>
-    <div className='body-md-medium pt-1 text-text-destructive'>
-      {t('common.account.deleteTip')}
-    </div>
-    <div className='body-md-regular pb-2 pt-1 text-text-secondary'>
-      {t('common.account.deletePrivacyLinkTip')}
-      <Link href='https://dify.ai/privacy' className='text-text-accent'>{t('common.account.deletePrivacyLink')}</Link>
-    </div>
-    <label className='system-sm-semibold mb-1 mt-3 flex h-6 items-center text-text-secondary'>{t('common.account.verificationLabel')}</label>
-    <Input minLength={6} maxLength={6} placeholder={t('common.account.verificationPlaceholder') as string} onChange={(e) => {
-      setVerificationCode(e.target.value)
-    }} />
-    <div className='mt-3 flex w-full flex-col gap-2'>
-      <Button className='w-full' disabled={shouldButtonDisabled} loading={isDeleting} variant='warning' onClick={handleConfirm}>{t('common.account.permanentlyDeleteButton')}</Button>
-      <Button className='w-full' onClick={props.onCancel}>{t('common.operation.cancel')}</Button>
-      <Countdown onResend={sendEmail} />
-    </div>
-  </>
+  return (
+    <>
+      <div className="body-md-medium pt-1 text-text-destructive">
+        {t('common.account.deleteTip')}
+      </div>
+      <div className="body-md-regular pb-2 pt-1 text-text-secondary">
+        {t('common.account.deletePrivacyLinkTip')}
+        <Link href="https://dify.ai/privacy" className="text-text-accent">{t('common.account.deletePrivacyLink')}</Link>
+      </div>
+      <label className="system-sm-semibold mb-1 mt-3 flex h-6 items-center text-text-secondary">{t('common.account.verificationLabel')}</label>
+      <Input
+        minLength={6}
+        maxLength={6}
+        placeholder={t('common.account.verificationPlaceholder') as string}
+        onChange={(e) => {
+          setVerificationCode(e.target.value)
+        }}
+      />
+      <div className="mt-3 flex w-full flex-col gap-2">
+        <Button className="w-full" disabled={shouldButtonDisabled} loading={isDeleting} variant="warning" onClick={handleConfirm}>{t('common.account.permanentlyDeleteButton')}</Button>
+        <Button className="w-full" onClick={props.onCancel}>{t('common.operation.cancel')}</Button>
+        <Countdown onResend={sendEmail} />
+      </div>
+    </>
+  )
 }
diff --git a/web/app/account/(commonLayout)/delete-account/index.tsx b/web/app/account/(commonLayout)/delete-account/index.tsx
index 545889041a..9e88a0fb77 100644
--- a/web/app/account/(commonLayout)/delete-account/index.tsx
+++ b/web/app/account/(commonLayout)/delete-account/index.tsx
@@ -1,11 +1,11 @@
 'use client'
-import { useTranslation } from 'react-i18next'
 import { useCallback, useState } from 'react'
-import CheckEmail from './components/check-email'
-import VerifyEmail from './components/verify-email'
-import FeedBack from './components/feed-back'
+import { useTranslation } from 'react-i18next'
 import CustomDialog from '@/app/components/base/dialog'
 import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '@/app/components/signin/countdown'
+import CheckEmail from './components/check-email'
+import FeedBack from './components/feed-back'
+import VerifyEmail from './components/verify-email'
 
 type DeleteAccountProps = {
   onCancel: () => void
@@ -29,16 +29,23 @@ export default function DeleteAccount(props: DeleteAccountProps) {
   if (showFeedbackDialog)
     return <FeedBack onCancel={props.onCancel} onConfirm={props.onConfirm} />
 
-  return <CustomDialog
-    show={true}
-    onClose={props.onCancel}
-    title={t('common.account.delete')}
-    className="max-w-[480px]"
-    footer={false}
-  >
-    {!showVerifyEmail && <CheckEmail onCancel={props.onCancel} onConfirm={handleEmailCheckSuccess} />}
-    {showVerifyEmail && <VerifyEmail onCancel={props.onCancel} onConfirm={() => {
-      setShowFeedbackDialog(true)
-    }} />}
-  </CustomDialog>
+  return (
+    <CustomDialog
+      show={true}
+      onClose={props.onCancel}
+      title={t('common.account.delete')}
+      className="max-w-[480px]"
+      footer={false}
+    >
+      {!showVerifyEmail && <CheckEmail onCancel={props.onCancel} onConfirm={handleEmailCheckSuccess} />}
+      {showVerifyEmail && (
+        <VerifyEmail
+          onCancel={props.onCancel}
+          onConfirm={() => {
+            setShowFeedbackDialog(true)
+          }}
+        />
+      )}
+    </CustomDialog>
+  )
 }
diff --git a/web/app/account/(commonLayout)/header.tsx b/web/app/account/(commonLayout)/header.tsx
index ce804055b5..da074c7997 100644
--- a/web/app/account/(commonLayout)/header.tsx
+++ b/web/app/account/(commonLayout)/header.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { useTranslation } from 'react-i18next'
 import { RiArrowRightUpLine, RiRobot2Line } from '@remixicon/react'
 import { useRouter } from 'next/navigation'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import DifyLogo from '@/app/components/base/logo/dify-logo'
-import { useCallback } from 'react'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import Avatar from './avatar'
 
@@ -18,27 +18,29 @@ const Header = () => {
   }, [router])
 
   return (
-    <div className='flex flex-1 items-center justify-between px-4'>
-      <div className='flex items-center gap-3'>
-        <div className='flex cursor-pointer items-center' onClick={goToStudio}>
+    <div className="flex flex-1 items-center justify-between px-4">
+      <div className="flex items-center gap-3">
+        <div className="flex cursor-pointer items-center" onClick={goToStudio}>
           {systemFeatures.branding.enabled && systemFeatures.branding.login_page_logo
-            ? <img
-              src={systemFeatures.branding.login_page_logo}
-              className='block h-[22px] w-auto object-contain'
-              alt='Dify logo'
-            />
+            ? (
+                <img
+                  src={systemFeatures.branding.login_page_logo}
+                  className="block h-[22px] w-auto object-contain"
+                  alt="Dify logo"
+                />
+              )
             : <DifyLogo />}
         </div>
-        <div className='h-4 w-[1px] origin-center rotate-[11.31deg] bg-divider-regular' />
-        <p className='title-3xl-semi-bold relative mt-[-2px] text-text-primary'>{t('common.account.account')}</p>
+        <div className="h-4 w-[1px] origin-center rotate-[11.31deg] bg-divider-regular" />
+        <p className="title-3xl-semi-bold relative mt-[-2px] text-text-primary">{t('common.account.account')}</p>
       </div>
-      <div className='flex shrink-0 items-center gap-3'>
-        <Button className='system-sm-medium gap-2 px-3 py-2' onClick={goToStudio}>
-          <RiRobot2Line className='h-4 w-4' />
+      <div className="flex shrink-0 items-center gap-3">
+        <Button className="system-sm-medium gap-2 px-3 py-2" onClick={goToStudio}>
+          <RiRobot2Line className="h-4 w-4" />
           <p>{t('common.account.studio')}</p>
-          <RiArrowRightUpLine className='h-4 w-4' />
+          <RiArrowRightUpLine className="h-4 w-4" />
         </Button>
-        <div className='h-4 w-[1px] bg-divider-regular' />
+        <div className="h-4 w-[1px] bg-divider-regular" />
         <Avatar />
       </div>
     </div>
diff --git a/web/app/account/(commonLayout)/layout.tsx b/web/app/account/(commonLayout)/layout.tsx
index b661c130eb..af1ec0afd6 100644
--- a/web/app/account/(commonLayout)/layout.tsx
+++ b/web/app/account/(commonLayout)/layout.tsx
@@ -1,14 +1,14 @@
-import React from 'react'
 import type { ReactNode } from 'react'
-import Header from './header'
+import React from 'react'
+import AmplitudeProvider from '@/app/components/base/amplitude'
+import GA, { GaType } from '@/app/components/base/ga'
+import HeaderWrapper from '@/app/components/header/header-wrapper'
 import SwrInitor from '@/app/components/swr-initializer'
 import { AppContextProvider } from '@/context/app-context'
-import GA, { GaType } from '@/app/components/base/ga'
-import AmplitudeProvider from '@/app/components/base/amplitude'
-import HeaderWrapper from '@/app/components/header/header-wrapper'
 import { EventEmitterContextProvider } from '@/context/event-emitter'
-import { ProviderContextProvider } from '@/context/provider-context'
 import { ModalContextProvider } from '@/context/modal-context'
+import { ProviderContextProvider } from '@/context/provider-context'
+import Header from './header'
 
 const Layout = ({ children }: { children: ReactNode }) => {
   return (
@@ -23,7 +23,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
                 <HeaderWrapper>
                   <Header />
                 </HeaderWrapper>
-                <div className='relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-components-panel-bg'>
+                <div className="relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-components-panel-bg">
                   {children}
                 </div>
               </ModalContextProvider>
diff --git a/web/app/account/(commonLayout)/page.tsx b/web/app/account/(commonLayout)/page.tsx
index e4896cdeb6..d8a1d2c082 100644
--- a/web/app/account/(commonLayout)/page.tsx
+++ b/web/app/account/(commonLayout)/page.tsx
@@ -1,12 +1,14 @@
 'use client'
 import { useTranslation } from 'react-i18next'
-import AccountPage from './account-page'
 import useDocumentTitle from '@/hooks/use-document-title'
+import AccountPage from './account-page'
 
 export default function Account() {
   const { t } = useTranslation()
   useDocumentTitle(t('common.menus.account'))
-  return <div className='mx-auto w-full max-w-[640px] px-6 pt-12'>
-    <AccountPage />
-  </div>
+  return (
+    <div className="mx-auto w-full max-w-[640px] px-6 pt-12">
+      <AccountPage />
+    </div>
+  )
 }
diff --git a/web/app/account/oauth/authorize/layout.tsx b/web/app/account/oauth/authorize/layout.tsx
index b70ab210d0..189971b16f 100644
--- a/web/app/account/oauth/authorize/layout.tsx
+++ b/web/app/account/oauth/authorize/layout.tsx
@@ -1,12 +1,12 @@
 'use client'
-import Header from '@/app/signin/_header'
+import Loading from '@/app/components/base/loading'
 
-import { cn } from '@/utils/classnames'
+import Header from '@/app/signin/_header'
+import { AppContextProvider } from '@/context/app-context'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import useDocumentTitle from '@/hooks/use-document-title'
-import { AppContextProvider } from '@/context/app-context'
 import { useIsLogin } from '@/service/use-common'
-import Loading from '@/app/components/base/loading'
+import { cn } from '@/utils/classnames'
 
 export default function SignInLayout({ children }: any) {
   const { systemFeatures } = useGlobalPublicStore()
@@ -14,29 +14,40 @@ export default function SignInLayout({ children }: any) {
   const { isLoading, data: loginData } = useIsLogin()
   const isLoggedIn = loginData?.logged_in
 
-  if(isLoading) {
+  if (isLoading) {
     return (
-      <div className='flex min-h-screen w-full justify-center bg-background-default-burn'>
+      <div className="flex min-h-screen w-full justify-center bg-background-default-burn">
         <Loading />
       </div>
     )
   }
-  return <>
-    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
-      <div className={cn('flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
-        <Header />
-        <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
-          <div className='flex flex-col md:w-[400px]'>
-            {isLoggedIn ? <AppContextProvider>
-              {children}
-            </AppContextProvider>
-              : children}
+  return (
+    <>
+      <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+        <div className={cn('flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
+          <Header />
+          <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
+            <div className="flex flex-col md:w-[400px]">
+              {isLoggedIn
+                ? (
+                    <AppContextProvider>
+                      {children}
+                    </AppContextProvider>
+                  )
+                : children}
+            </div>
           </div>
+          {systemFeatures.branding.enabled === false && (
+            <div className="system-xs-regular px-8 py-6 text-text-tertiary">
+              ©
+              {' '}
+              {new Date().getFullYear()}
+              {' '}
+              LangGenius, Inc. All rights reserved.
+            </div>
+          )}
         </div>
-        {systemFeatures.branding.enabled === false && <div className='system-xs-regular px-8 py-6 text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
       </div>
-    </div>
-  </>
+    </>
+  )
 }
diff --git a/web/app/account/oauth/authorize/page.tsx b/web/app/account/oauth/authorize/page.tsx
index c9b26b97c1..9993c27e4b 100644
--- a/web/app/account/oauth/authorize/page.tsx
+++ b/web/app/account/oauth/authorize/page.tsx
@@ -1,15 +1,5 @@
 'use client'
 
-import React, { useEffect, useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
-import Button from '@/app/components/base/button'
-import Avatar from '@/app/components/base/avatar'
-import Loading from '@/app/components/base/loading'
-import Toast from '@/app/components/base/toast'
-import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { useAppContext } from '@/context/app-context'
-import { useAuthorizeOAuthApp, useOAuthAppInfo } from '@/service/use-oauth'
 import {
   RiAccountCircleLine,
   RiGlobalLine,
@@ -18,7 +8,17 @@ import {
   RiTranslate2,
 } from '@remixicon/react'
 import dayjs from 'dayjs'
+import { useRouter, useSearchParams } from 'next/navigation'
+import React, { useEffect, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import Avatar from '@/app/components/base/avatar'
+import Button from '@/app/components/base/button'
+import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
+import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useAppContext } from '@/context/app-context'
 import { useIsLogin } from '@/service/use-common'
+import { useAuthorizeOAuthApp, useOAuthAppInfo } from '@/service/use-oauth'
 import {
   OAUTH_AUTHORIZE_PENDING_KEY,
   OAUTH_AUTHORIZE_PENDING_TTL,
@@ -124,49 +124,49 @@ export default function OAuthAuthorize() {
 
   if (isLoading) {
     return (
-      <div className='bg-background-default-subtle'>
-        <Loading type='app' />
+      <div className="bg-background-default-subtle">
+        <Loading type="app" />
       </div>
     )
   }
 
   return (
-    <div className='bg-background-default-subtle'>
+    <div className="bg-background-default-subtle">
       {authAppInfo?.app_icon && (
-        <div className='w-max rounded-2xl border-[0.5px] border-components-panel-border bg-text-primary-on-surface p-3 shadow-lg'>
-          <img src={authAppInfo.app_icon} alt='app icon' className='h-10 w-10 rounded' />
+        <div className="w-max rounded-2xl border-[0.5px] border-components-panel-border bg-text-primary-on-surface p-3 shadow-lg">
+          <img src={authAppInfo.app_icon} alt="app icon" className="h-10 w-10 rounded" />
         </div>
       )}
 
       <div className={`mb-4 mt-5 flex flex-col gap-2 ${isLoggedIn ? 'pb-2' : ''}`}>
-        <div className='title-4xl-semi-bold'>
-          {isLoggedIn && <div className='text-text-primary'>{t('oauth.connect')}</div>}
-          <div className='text-[var(--color-saas-dify-blue-inverted)]'>{authAppInfo?.app_label[language] || authAppInfo?.app_label?.en_US || t('oauth.unknownApp')}</div>
-          {!isLoggedIn && <div className='text-text-primary'>{t('oauth.tips.notLoggedIn')}</div>}
+        <div className="title-4xl-semi-bold">
+          {isLoggedIn && <div className="text-text-primary">{t('oauth.connect')}</div>}
+          <div className="text-[var(--color-saas-dify-blue-inverted)]">{authAppInfo?.app_label[language] || authAppInfo?.app_label?.en_US || t('oauth.unknownApp')}</div>
+          {!isLoggedIn && <div className="text-text-primary">{t('oauth.tips.notLoggedIn')}</div>}
         </div>
-        <div className='body-md-regular text-text-secondary'>{isLoggedIn ? `${authAppInfo?.app_label[language] || authAppInfo?.app_label?.en_US || t('oauth.unknownApp')} ${t('oauth.tips.loggedIn')}` : t('oauth.tips.needLogin')}</div>
+        <div className="body-md-regular text-text-secondary">{isLoggedIn ? `${authAppInfo?.app_label[language] || authAppInfo?.app_label?.en_US || t('oauth.unknownApp')} ${t('oauth.tips.loggedIn')}` : t('oauth.tips.needLogin')}</div>
       </div>
 
       {isLoggedIn && userProfile && (
-        <div className='flex items-center justify-between rounded-xl bg-background-section-burn-inverted p-3'>
-          <div className='flex items-center gap-2.5'>
+        <div className="flex items-center justify-between rounded-xl bg-background-section-burn-inverted p-3">
+          <div className="flex items-center gap-2.5">
             <Avatar avatar={userProfile.avatar_url} name={userProfile.name} size={36} />
             <div>
-              <div className='system-md-semi-bold text-text-secondary'>{userProfile.name}</div>
-              <div className='system-xs-regular text-text-tertiary'>{userProfile.email}</div>
+              <div className="system-md-semi-bold text-text-secondary">{userProfile.name}</div>
+              <div className="system-xs-regular text-text-tertiary">{userProfile.email}</div>
             </div>
           </div>
-          <Button variant='tertiary' size='small' onClick={onLoginSwitchClick}>{t('oauth.switchAccount')}</Button>
+          <Button variant="tertiary" size="small" onClick={onLoginSwitchClick}>{t('oauth.switchAccount')}</Button>
         </div>
       )}
 
       {isLoggedIn && Boolean(authAppInfo?.scope) && (
-        <div className='mt-2 flex flex-col gap-2.5 rounded-xl bg-background-section-burn-inverted px-[22px] py-5 text-text-secondary'>
+        <div className="mt-2 flex flex-col gap-2.5 rounded-xl bg-background-section-burn-inverted px-[22px] py-5 text-text-secondary">
           {authAppInfo!.scope.split(/\s+/).filter(Boolean).map((scope: string) => {
             const Icon = SCOPE_INFO_MAP[scope]
             return (
-              <div key={scope} className='body-sm-medium flex items-center gap-2 text-text-secondary'>
-                {Icon ? <Icon.icon className='h-4 w-4' /> : <RiAccountCircleLine className='h-4 w-4' />}
+              <div key={scope} className="body-sm-medium flex items-center gap-2 text-text-secondary">
+                {Icon ? <Icon.icon className="h-4 w-4" /> : <RiAccountCircleLine className="h-4 w-4" />}
                 {Icon.label}
               </div>
             )
@@ -174,17 +174,19 @@ export default function OAuthAuthorize() {
         </div>
       )}
 
-      <div className='flex flex-col items-center gap-2 pt-4'>
-        {!isLoggedIn ? (
-          <Button variant='primary' size='large' className='w-full' onClick={onLoginSwitchClick}>{t('oauth.login')}</Button>
-        ) : (
-          <>
-            <Button variant='primary' size='large' className='w-full' onClick={onAuthorize} disabled={!client_id || !redirect_uri || isError || authorizing} loading={authorizing}>{t('oauth.continue')}</Button>
-            <Button size='large' className='w-full' onClick={() => router.push('/apps')}>{t('common.operation.cancel')}</Button>
-          </>
-        )}
+      <div className="flex flex-col items-center gap-2 pt-4">
+        {!isLoggedIn
+          ? (
+              <Button variant="primary" size="large" className="w-full" onClick={onLoginSwitchClick}>{t('oauth.login')}</Button>
+            )
+          : (
+              <>
+                <Button variant="primary" size="large" className="w-full" onClick={onAuthorize} disabled={!client_id || !redirect_uri || isError || authorizing} loading={authorizing}>{t('oauth.continue')}</Button>
+                <Button size="large" className="w-full" onClick={() => router.push('/apps')}>{t('common.operation.cancel')}</Button>
+              </>
+            )}
       </div>
-      <div className='mt-4 py-2'>
+      <div className="mt-4 py-2">
         <svg xmlns="http://www.w3.org/2000/svg" width="400" height="1" viewBox="0 0 400 1" fill="none">
           <path d="M0 0.5H400" stroke="url(#paint0_linear_2_5904)" />
           <defs>
@@ -196,7 +198,7 @@ export default function OAuthAuthorize() {
           </defs>
         </svg>
       </div>
-      <div className='system-xs-regular mt-3 text-text-tertiary'>{t('oauth.tips.common')}</div>
+      <div className="system-xs-regular mt-3 text-text-tertiary">{t('oauth.tips.common')}</div>
     </div>
   )
 }
diff --git a/web/app/activate/activateForm.tsx b/web/app/activate/activateForm.tsx
index 11fc4866f3..3d56e335f3 100644
--- a/web/app/activate/activateForm.tsx
+++ b/web/app/activate/activateForm.tsx
@@ -1,13 +1,13 @@
 'use client'
+import { useRouter, useSearchParams } from 'next/navigation'
 import { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
-import { cn } from '@/utils/classnames'
 import Button from '@/app/components/base/button'
-
 import Loading from '@/app/components/base/loading'
+
 import useDocumentTitle from '@/hooks/use-document-title'
 import { useInvitationCheck } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
 
 const ActivateForm = () => {
   useDocumentTitle('')
@@ -49,7 +49,8 @@ const ActivateForm = () => {
         'px-6',
         'md:px-[108px]',
       )
-    }>
+    }
+    >
       {!checkRes && <Loading />}
       {checkRes && !checkRes.is_valid && (
         <div className="flex flex-col md:w-[400px]">
@@ -58,7 +59,7 @@ const ActivateForm = () => {
             <h2 className="text-[32px] font-bold text-text-primary">{t('login.invalid')}</h2>
           </div>
           <div className="mx-auto mt-6 w-full">
-            <Button variant='primary' className='w-full !text-sm'>
+            <Button variant="primary" className="w-full !text-sm">
               <a href="https://dify.ai">{t('login.explore')}</a>
             </Button>
           </div>
diff --git a/web/app/activate/page.tsx b/web/app/activate/page.tsx
index 9ae03f3711..01e4e1a35f 100644
--- a/web/app/activate/page.tsx
+++ b/web/app/activate/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 import React from 'react'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { cn } from '@/utils/classnames'
 import Header from '../signin/_header'
 import ActivateForm from './activateForm'
-import { cn } from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 
 const Activate = () => {
   const { systemFeatures } = useGlobalPublicStore()
@@ -12,9 +12,15 @@ const Activate = () => {
       <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
         <Header />
         <ActivateForm />
-        {!systemFeatures.branding.enabled && <div className='px-8 py-6 text-sm font-normal text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
+        {!systemFeatures.branding.enabled && (
+          <div className="px-8 py-6 text-sm font-normal text-text-tertiary">
+            ©
+            {' '}
+            {new Date().getFullYear()}
+            {' '}
+            LangGenius, Inc. All rights reserved.
+          </div>
+        )}
       </div>
     </div>
   )
diff --git a/web/app/components/app-sidebar/app-info.tsx b/web/app/components/app-sidebar/app-info.tsx
index 1b4377c10a..e175de5c6e 100644
--- a/web/app/components/app-sidebar/app-info.tsx
+++ b/web/app/components/app-sidebar/app-info.tsx
@@ -1,7 +1,7 @@
-import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-import { useContext } from 'use-context-selector'
-import React, { useCallback, useState } from 'react'
+import type { Operation } from './app-operations'
+import type { DuplicateAppModalProps } from '@/app/components/app/duplicate-modal'
+import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
+import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import {
   RiDeleteBinLine,
   RiEditLine,
@@ -11,26 +11,26 @@ import {
   RiFileDownloadLine,
   RiFileUploadLine,
 } from '@remixicon/react'
-import AppIcon from '../base/app-icon'
+import dynamic from 'next/dynamic'
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import CardView from '@/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import Button from '@/app/components/base/button'
+import ContentDialog from '@/app/components/base/content-dialog'
 import { ToastContext } from '@/app/components/base/toast'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
 import { useAppContext } from '@/context/app-context'
 import { useProviderContext } from '@/context/provider-context'
 import { copyApp, deleteApp, exportAppConfig, updateAppInfo } from '@/service/apps'
-import type { DuplicateAppModalProps } from '@/app/components/app/duplicate-modal'
-import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
-import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import { getRedirection } from '@/utils/app-redirection'
-import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import { fetchWorkflowDraft } from '@/service/workflow'
-import ContentDialog from '@/app/components/base/content-dialog'
-import Button from '@/app/components/base/button'
-import CardView from '@/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view'
-import type { Operation } from './app-operations'
-import AppOperations from './app-operations'
-import dynamic from 'next/dynamic'
-import { cn } from '@/utils/classnames'
 import { AppModeEnum } from '@/types/app'
+import { getRedirection } from '@/utils/app-redirection'
+import { cn } from '@/utils/classnames'
+import AppIcon from '../base/app-icon'
+import AppOperations from './app-operations'
 
 const SwitchAppModal = dynamic(() => import('@/app/components/app/switch-app-modal'), {
   ssr: false,
@@ -239,16 +239,18 @@ const AppInfo = ({ expand, onlyShowDetail = false, openState = false, onDetailEx
 
   const secondaryOperations: Operation[] = [
     // Import DSL (conditional)
-    ...(appDetail.mode === AppModeEnum.ADVANCED_CHAT || appDetail.mode === AppModeEnum.WORKFLOW) ? [{
-      id: 'import',
-      title: t('workflow.common.importDSL'),
-      icon: <RiFileUploadLine />,
-      onClick: () => {
-        setOpen(false)
-        onDetailExpand?.(false)
-        setShowImportDSLModal(true)
-      },
-    }] : [],
+    ...(appDetail.mode === AppModeEnum.ADVANCED_CHAT || appDetail.mode === AppModeEnum.WORKFLOW)
+      ? [{
+          id: 'import',
+          title: t('workflow.common.importDSL'),
+          icon: <RiFileUploadLine />,
+          onClick: () => {
+            setOpen(false)
+            onDetailExpand?.(false)
+            setShowImportDSLModal(true)
+          },
+        }]
+      : [],
     // Divider
     {
       id: 'divider-1',
@@ -271,29 +273,32 @@ const AppInfo = ({ expand, onlyShowDetail = false, openState = false, onDetailEx
   ]
 
   // Keep the switch operation separate as it's not part of the main operations
-  const switchOperation = (appDetail.mode === AppModeEnum.COMPLETION || appDetail.mode === AppModeEnum.CHAT) ? {
-    id: 'switch',
-    title: t('app.switch'),
-    icon: <RiExchange2Line />,
-    onClick: () => {
-      setOpen(false)
-      onDetailExpand?.(false)
-      setShowSwitchModal(true)
-    },
-  } : null
+  const switchOperation = (appDetail.mode === AppModeEnum.COMPLETION || appDetail.mode === AppModeEnum.CHAT)
+    ? {
+        id: 'switch',
+        title: t('app.switch'),
+        icon: <RiExchange2Line />,
+        onClick: () => {
+          setOpen(false)
+          onDetailExpand?.(false)
+          setShowSwitchModal(true)
+        },
+      }
+    : null
 
   return (
     <div>
       {!onlyShowDetail && (
-        <button type="button"
+        <button
+          type="button"
           onClick={() => {
             if (isCurrentWorkspaceEditor)
               setOpen(v => !v)
           }}
-          className='block w-full'
+          className="block w-full"
         >
-          <div className='flex flex-col gap-2 rounded-lg p-1 hover:bg-state-base-hover'>
-            <div className='flex items-center gap-1'>
+          <div className="flex flex-col gap-2 rounded-lg p-1 hover:bg-state-base-hover">
+            <div className="flex items-center gap-1">
               <div className={cn(!expand && 'ml-1')}>
                 <AppIcon
                   size={expand ? 'large' : 'small'}
@@ -304,31 +309,36 @@ const AppInfo = ({ expand, onlyShowDetail = false, openState = false, onDetailEx
                 />
               </div>
               {expand && (
-                <div className='ml-auto flex items-center justify-center rounded-md p-0.5'>
-                  <div className='flex h-5 w-5 items-center justify-center'>
-                    <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+                <div className="ml-auto flex items-center justify-center rounded-md p-0.5">
+                  <div className="flex h-5 w-5 items-center justify-center">
+                    <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
                   </div>
                 </div>
               )}
             </div>
             {!expand && (
-              <div className='flex items-center justify-center'>
-                <div className='flex h-5 w-5 items-center justify-center rounded-md p-0.5'>
-                  <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+              <div className="flex items-center justify-center">
+                <div className="flex h-5 w-5 items-center justify-center rounded-md p-0.5">
+                  <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
                 </div>
               </div>
             )}
             {expand && (
-              <div className='flex flex-col items-start gap-1'>
-                <div className='flex w-full'>
-                  <div className='system-md-semibold truncate whitespace-nowrap text-text-secondary'>{appDetail.name}</div>
+              <div className="flex flex-col items-start gap-1">
+                <div className="flex w-full">
+                  <div className="system-md-semibold truncate whitespace-nowrap text-text-secondary">{appDetail.name}</div>
+                </div>
+                <div className="system-2xs-medium-uppercase whitespace-nowrap text-text-tertiary">
+                  {appDetail.mode === AppModeEnum.ADVANCED_CHAT
+                    ? t('app.types.advanced')
+                    : appDetail.mode === AppModeEnum.AGENT_CHAT
+                      ? t('app.types.agent')
+                      : appDetail.mode === AppModeEnum.CHAT
+                        ? t('app.types.chatbot')
+                        : appDetail.mode === AppModeEnum.COMPLETION
+                          ? t('app.types.completion')
+                          : t('app.types.workflow')}
                 </div>
-                <div className='system-2xs-medium-uppercase whitespace-nowrap text-text-tertiary'>
-                  {appDetail.mode === AppModeEnum.ADVANCED_CHAT ? t('app.types.advanced')
-                    : appDetail.mode === AppModeEnum.AGENT_CHAT ? t('app.types.agent')
-                      : appDetail.mode === AppModeEnum.CHAT ? t('app.types.chatbot')
-                        : appDetail.mode === AppModeEnum.COMPLETION ? t('app.types.completion')
-                          : t('app.types.workflow')}</div>
               </div>
             )}
           </div>
@@ -340,25 +350,25 @@ const AppInfo = ({ expand, onlyShowDetail = false, openState = false, onDetailEx
           setOpen(false)
           onDetailExpand?.(false)
         }}
-        className='absolute bottom-2 left-2 top-2 flex w-[420px] flex-col rounded-2xl !p-0'
+        className="absolute bottom-2 left-2 top-2 flex w-[420px] flex-col rounded-2xl !p-0"
       >
-        <div className='flex shrink-0 flex-col items-start justify-center gap-3 self-stretch p-4'>
-          <div className='flex items-center gap-3 self-stretch'>
+        <div className="flex shrink-0 flex-col items-start justify-center gap-3 self-stretch p-4">
+          <div className="flex items-center gap-3 self-stretch">
             <AppIcon
-              size='large'
+              size="large"
               iconType={appDetail.icon_type}
               icon={appDetail.icon}
               background={appDetail.icon_background}
               imageUrl={appDetail.icon_url}
             />
-            <div className='flex flex-1 flex-col items-start justify-center overflow-hidden'>
-              <div className='system-md-semibold w-full truncate text-text-secondary'>{appDetail.name}</div>
-              <div className='system-2xs-medium-uppercase text-text-tertiary'>{appDetail.mode === AppModeEnum.ADVANCED_CHAT ? t('app.types.advanced') : appDetail.mode === AppModeEnum.AGENT_CHAT ? t('app.types.agent') : appDetail.mode === AppModeEnum.CHAT ? t('app.types.chatbot') : appDetail.mode === AppModeEnum.COMPLETION ? t('app.types.completion') : t('app.types.workflow')}</div>
+            <div className="flex flex-1 flex-col items-start justify-center overflow-hidden">
+              <div className="system-md-semibold w-full truncate text-text-secondary">{appDetail.name}</div>
+              <div className="system-2xs-medium-uppercase text-text-tertiary">{appDetail.mode === AppModeEnum.ADVANCED_CHAT ? t('app.types.advanced') : appDetail.mode === AppModeEnum.AGENT_CHAT ? t('app.types.agent') : appDetail.mode === AppModeEnum.CHAT ? t('app.types.chatbot') : appDetail.mode === AppModeEnum.COMPLETION ? t('app.types.completion') : t('app.types.workflow')}</div>
             </div>
           </div>
           {/* description */}
           {appDetail.description && (
-            <div className='system-xs-regular overflow-wrap-anywhere max-h-[105px] w-full max-w-full overflow-y-auto whitespace-normal break-words text-text-tertiary'>{appDetail.description}</div>
+            <div className="system-xs-regular overflow-wrap-anywhere max-h-[105px] w-full max-w-full overflow-y-auto whitespace-normal break-words text-text-tertiary">{appDetail.description}</div>
           )}
           {/* operations */}
           <AppOperations
@@ -370,19 +380,19 @@ const AppInfo = ({ expand, onlyShowDetail = false, openState = false, onDetailEx
         <CardView
           appId={appDetail.id}
           isInPanel={true}
-          className='flex flex-1 flex-col gap-2 overflow-auto px-2 py-1'
+          className="flex flex-1 flex-col gap-2 overflow-auto px-2 py-1"
         />
         {/* Switch operation (if available) */}
         {switchOperation && (
-          <div className='flex min-h-fit shrink-0 flex-col items-start justify-center gap-3 self-stretch pb-2'>
+          <div className="flex min-h-fit shrink-0 flex-col items-start justify-center gap-3 self-stretch pb-2">
             <Button
-              size={'medium'}
-              variant={'ghost'}
-              className='gap-0.5'
+              size="medium"
+              variant="ghost"
+              className="gap-0.5"
               onClick={switchOperation.onClick}
             >
               {switchOperation.icon}
-              <span className='system-sm-medium text-text-tertiary'>{switchOperation.title}</span>
+              <span className="system-sm-medium text-text-tertiary">{switchOperation.title}</span>
             </Button>
           </div>
         )}
diff --git a/web/app/components/app-sidebar/app-operations.tsx b/web/app/components/app-sidebar/app-operations.tsx
index ca0ff85316..bf8c98bc6a 100644
--- a/web/app/components/app-sidebar/app-operations.tsx
+++ b/web/app/components/app-sidebar/app-operations.tsx
@@ -1,9 +1,9 @@
 import type { JSX } from 'react'
+import { RiMoreLine } from '@remixicon/react'
 import { cloneElement, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../base/portal-to-follow-elem'
-import { RiMoreLine } from '@remixicon/react'
 
 export type Operation = {
   id: string
@@ -91,7 +91,8 @@ const AppOperations = ({
     for (let i = 0; i < childrens.length; i++) {
       const child = childrens[i] as HTMLElement
       const id = child.dataset.targetid
-      if (!id) break
+      if (!id)
+        break
       const childWidth = child.clientWidth
 
       if (width + gap + childWidth + moreWidth <= containerWidth) {
@@ -127,8 +128,8 @@ const AppOperations = ({
           <Button
             key={operation.id}
             data-targetid={operation.id}
-            size={'small'}
-            variant={'secondary'}
+            size="small"
+            variant="secondary"
             className="gap-[1px]"
             tabIndex={-1}
           >
@@ -140,8 +141,8 @@ const AppOperations = ({
         ))}
         <Button
           id="more-measure"
-          size={'small'}
-          variant={'secondary'}
+          size="small"
+          variant="secondary"
           className="gap-[1px]"
           tabIndex={-1}
         >
@@ -156,8 +157,8 @@ const AppOperations = ({
           <Button
             key={operation.id}
             data-targetid={operation.id}
-            size={'small'}
-            variant={'secondary'}
+            size="small"
+            variant="secondary"
             className="gap-[1px]"
             onClick={operation.onClick}
           >
@@ -176,8 +177,8 @@ const AppOperations = ({
           >
             <PortalToFollowElemTrigger onClick={handleTriggerMore}>
               <Button
-                size={'small'}
-                variant={'secondary'}
+                size="small"
+                variant="secondary"
                 className="gap-[1px]"
               >
                 <RiMoreLine className="h-3.5 w-3.5 text-components-button-secondary-text" />
@@ -190,18 +191,18 @@ const AppOperations = ({
               <div className="flex min-w-[264px] flex-col rounded-[12px] border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]">
                 {moreOperations.map(item => item.type === 'divider'
                   ? (
-                    <div key={item.id} className="my-1 h-px bg-divider-subtle" />
-                  )
+                      <div key={item.id} className="my-1 h-px bg-divider-subtle" />
+                    )
                   : (
-                    <div
-                      key={item.id}
-                      className="flex h-8 cursor-pointer items-center gap-x-1 rounded-lg p-1.5 hover:bg-state-base-hover"
-                      onClick={item.onClick}
-                    >
-                      {cloneElement(item.icon, { className: 'h-4 w-4 text-text-tertiary' })}
-                      <span className="system-md-regular text-text-secondary">{item.title}</span>
-                    </div>
-                  ))}
+                      <div
+                        key={item.id}
+                        className="flex h-8 cursor-pointer items-center gap-x-1 rounded-lg p-1.5 hover:bg-state-base-hover"
+                        onClick={item.onClick}
+                      >
+                        {cloneElement(item.icon, { className: 'h-4 w-4 text-text-tertiary' })}
+                        <span className="system-md-regular text-text-secondary">{item.title}</span>
+                      </div>
+                    ))}
               </div>
             </PortalToFollowElemContent>
           </PortalToFollowElem>
diff --git a/web/app/components/app-sidebar/app-sidebar-dropdown.tsx b/web/app/components/app-sidebar/app-sidebar-dropdown.tsx
index 04634906af..30ec906c93 100644
--- a/web/app/components/app-sidebar/app-sidebar-dropdown.tsx
+++ b/web/app/components/app-sidebar/app-sidebar-dropdown.tsx
@@ -1,23 +1,23 @@
-import React, { useCallback, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useAppContext } from '@/context/app-context'
+import type { NavIcon } from './navLink'
 import {
   RiEqualizer2Line,
   RiMenuLine,
 } from '@remixicon/react'
+import React, { useCallback, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useStore as useAppStore } from '@/app/components/app/store'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { useAppContext } from '@/context/app-context'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import AppIcon from '../base/app-icon'
 import Divider from '../base/divider'
 import AppInfo from './app-info'
 import NavLink from './navLink'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import type { NavIcon } from './navLink'
-import { cn } from '@/utils/classnames'
-import { AppModeEnum } from '@/types/app'
 
 type Props = {
   navigation: Array<{
@@ -49,11 +49,11 @@ const AppSidebarDropdown = ({ navigation }: Props) => {
 
   return (
     <>
-      <div className='fixed left-2 top-2 z-20'>
+      <div className="fixed left-2 top-2 z-20">
         <PortalToFollowElem
           open={open}
           onOpenChange={setOpen}
-          placement='bottom-start'
+          placement="bottom-start"
           offset={{
             mainAxis: -41,
           }}
@@ -61,18 +61,18 @@ const AppSidebarDropdown = ({ navigation }: Props) => {
           <PortalToFollowElemTrigger onClick={handleTrigger}>
             <div className={cn('flex cursor-pointer items-center rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-1 shadow-lg backdrop-blur-sm hover:bg-background-default-hover', open && 'bg-background-default-hover')}>
               <AppIcon
-                size='small'
+                size="small"
                 iconType={appDetail.icon_type}
                 icon={appDetail.icon}
                 background={appDetail.icon_background}
                 imageUrl={appDetail.icon_url}
               />
-              <RiMenuLine className='h-4 w-4 text-text-tertiary' />
+              <RiMenuLine className="h-4 w-4 text-text-tertiary" />
             </div>
           </PortalToFollowElemTrigger>
-          <PortalToFollowElemContent className='z-[1000]'>
+          <PortalToFollowElemContent className="z-[1000]">
             <div className={cn('w-[305px] rounded-xl border-[0.5px] border-components-panel-border bg-background-default-subtle shadow-lg')}>
-              <div className='p-2'>
+              <div className="p-2">
                 <div
                   className={cn('flex flex-col gap-2 rounded-lg p-2 pb-2.5', isCurrentWorkspaceEditor && 'cursor-pointer hover:bg-state-base-hover')}
                   onClick={() => {
@@ -80,35 +80,35 @@ const AppSidebarDropdown = ({ navigation }: Props) => {
                     setOpen(false)
                   }}
                 >
-                  <div className='flex items-center justify-between self-stretch'>
+                  <div className="flex items-center justify-between self-stretch">
                     <AppIcon
-                      size='large'
+                      size="large"
                       iconType={appDetail.icon_type}
                       icon={appDetail.icon}
                       background={appDetail.icon_background}
                       imageUrl={appDetail.icon_url}
                     />
-                    <div className='flex items-center justify-center rounded-md p-0.5'>
-                      <div className='flex h-5 w-5 items-center justify-center'>
-                        <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+                    <div className="flex items-center justify-center rounded-md p-0.5">
+                      <div className="flex h-5 w-5 items-center justify-center">
+                        <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
                       </div>
                     </div>
                   </div>
-                  <div className='flex flex-col items-start gap-1'>
-                    <div className='flex w-full'>
-                      <div className='system-md-semibold truncate text-text-secondary'>{appDetail.name}</div>
+                  <div className="flex flex-col items-start gap-1">
+                    <div className="flex w-full">
+                      <div className="system-md-semibold truncate text-text-secondary">{appDetail.name}</div>
                     </div>
-                    <div className='system-2xs-medium-uppercase text-text-tertiary'>{appDetail.mode === AppModeEnum.ADVANCED_CHAT ? t('app.types.advanced') : appDetail.mode === AppModeEnum.AGENT_CHAT ? t('app.types.agent') : appDetail.mode === AppModeEnum.CHAT ? t('app.types.chatbot') : appDetail.mode === AppModeEnum.COMPLETION ? t('app.types.completion') : t('app.types.workflow')}</div>
+                    <div className="system-2xs-medium-uppercase text-text-tertiary">{appDetail.mode === AppModeEnum.ADVANCED_CHAT ? t('app.types.advanced') : appDetail.mode === AppModeEnum.AGENT_CHAT ? t('app.types.agent') : appDetail.mode === AppModeEnum.CHAT ? t('app.types.chatbot') : appDetail.mode === AppModeEnum.COMPLETION ? t('app.types.completion') : t('app.types.workflow')}</div>
                   </div>
                 </div>
               </div>
-              <div className='px-4'>
-                <Divider bgStyle='gradient' />
+              <div className="px-4">
+                <Divider bgStyle="gradient" />
               </div>
-              <nav className='space-y-0.5 px-3 pb-6 pt-4'>
+              <nav className="space-y-0.5 px-3 pb-6 pt-4">
                 {navigation.map((item, index) => {
                   return (
-                    <NavLink key={index} mode='expand' iconMap={{ selected: item.selectedIcon, normal: item.icon }} name={item.name} href={item.href} />
+                    <NavLink key={index} mode="expand" iconMap={{ selected: item.selectedIcon, normal: item.icon }} name={item.name} href={item.href} />
                   )
                 })}
               </nav>
@@ -116,7 +116,7 @@ const AppSidebarDropdown = ({ navigation }: Props) => {
           </PortalToFollowElemContent>
         </PortalToFollowElem>
       </div>
-      <div className='z-20'>
+      <div className="z-20">
         <AppInfo expand onlyShowDetail openState={detailExpand} onDetailExpand={setDetailExpand} />
       </div>
     </>
diff --git a/web/app/components/app-sidebar/basic.tsx b/web/app/components/app-sidebar/basic.tsx
index da85fb154b..40e95206c8 100644
--- a/web/app/components/app-sidebar/basic.tsx
+++ b/web/app/components/app-sidebar/basic.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import AppIcon from '../base/app-icon'
-import Tooltip from '@/app/components/base/tooltip'
 import {
   ApiAggregate,
   WindowCursor,
 } from '@/app/components/base/icons/src/vender/workflow'
+import Tooltip from '@/app/components/base/tooltip'
+import AppIcon from '../base/app-icon'
 
 export type IAppBasicProps = {
   iconType?: 'app' | 'api' | 'dataset' | 'webapp' | 'notion'
@@ -15,39 +15,47 @@ export type IAppBasicProps = {
   name: string
   type: string | React.ReactNode
   hoverTip?: string
-  textStyle?: { main?: string; extra?: string }
+  textStyle?: { main?: string, extra?: string }
   isExtraInLine?: boolean
   mode?: string
   hideType?: boolean
 }
 
-const DatasetSvg = <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fillRule="evenodd" clipRule="evenodd" d="M0.833497 5.13481C0.833483 4.69553 0.83347 4.31654 0.858973 4.0044C0.88589 3.67495 0.94532 3.34727 1.10598 3.03195C1.34567 2.56155 1.72812 2.17909 2.19852 1.93941C2.51384 1.77875 2.84152 1.71932 3.17097 1.6924C3.48312 1.6669 3.86209 1.66691 4.30137 1.66693L7.62238 1.66684C8.11701 1.66618 8.55199 1.66561 8.95195 1.80356C9.30227 1.92439 9.62134 2.12159 9.88607 2.38088C10.1883 2.67692 10.3823 3.06624 10.603 3.50894L11.3484 5.00008H14.3679C15.0387 5.00007 15.5924 5.00006 16.0434 5.03691C16.5118 5.07518 16.9424 5.15732 17.3468 5.36339C17.974 5.68297 18.4839 6.19291 18.8035 6.82011C19.0096 7.22456 19.0917 7.65515 19.13 8.12356C19.1668 8.57455 19.1668 9.12818 19.1668 9.79898V13.5345C19.1668 14.2053 19.1668 14.7589 19.13 15.2099C19.0917 15.6784 19.0096 16.1089 18.8035 16.5134C18.4839 17.1406 17.974 17.6505 17.3468 17.9701C16.9424 18.1762 16.5118 18.2583 16.0434 18.2966C15.5924 18.3334 15.0387 18.3334 14.3679 18.3334H5.63243C4.96163 18.3334 4.40797 18.3334 3.95698 18.2966C3.48856 18.2583 3.05798 18.1762 2.65353 17.9701C2.02632 17.6505 1.51639 17.1406 1.19681 16.5134C0.990734 16.1089 0.908597 15.6784 0.870326 15.2099C0.833478 14.7589 0.833487 14.2053 0.833497 13.5345V5.13481ZM7.51874 3.33359C8.17742 3.33359 8.30798 3.34447 8.4085 3.37914C8.52527 3.41942 8.63163 3.48515 8.71987 3.57158C8.79584 3.64598 8.86396 3.7579 9.15852 4.34704L9.48505 5.00008L2.50023 5.00008C2.50059 4.61259 2.50314 4.34771 2.5201 4.14012C2.5386 3.91374 2.57 3.82981 2.59099 3.7886C2.67089 3.6318 2.79837 3.50432 2.95517 3.42442C2.99638 3.40343 3.08031 3.37203 3.30669 3.35353C3.54281 3.33424 3.85304 3.33359 4.3335 3.33359H7.51874Z" fill="#444CE7" />
-</svg>
+const DatasetSvg = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fillRule="evenodd" clipRule="evenodd" d="M0.833497 5.13481C0.833483 4.69553 0.83347 4.31654 0.858973 4.0044C0.88589 3.67495 0.94532 3.34727 1.10598 3.03195C1.34567 2.56155 1.72812 2.17909 2.19852 1.93941C2.51384 1.77875 2.84152 1.71932 3.17097 1.6924C3.48312 1.6669 3.86209 1.66691 4.30137 1.66693L7.62238 1.66684C8.11701 1.66618 8.55199 1.66561 8.95195 1.80356C9.30227 1.92439 9.62134 2.12159 9.88607 2.38088C10.1883 2.67692 10.3823 3.06624 10.603 3.50894L11.3484 5.00008H14.3679C15.0387 5.00007 15.5924 5.00006 16.0434 5.03691C16.5118 5.07518 16.9424 5.15732 17.3468 5.36339C17.974 5.68297 18.4839 6.19291 18.8035 6.82011C19.0096 7.22456 19.0917 7.65515 19.13 8.12356C19.1668 8.57455 19.1668 9.12818 19.1668 9.79898V13.5345C19.1668 14.2053 19.1668 14.7589 19.13 15.2099C19.0917 15.6784 19.0096 16.1089 18.8035 16.5134C18.4839 17.1406 17.974 17.6505 17.3468 17.9701C16.9424 18.1762 16.5118 18.2583 16.0434 18.2966C15.5924 18.3334 15.0387 18.3334 14.3679 18.3334H5.63243C4.96163 18.3334 4.40797 18.3334 3.95698 18.2966C3.48856 18.2583 3.05798 18.1762 2.65353 17.9701C2.02632 17.6505 1.51639 17.1406 1.19681 16.5134C0.990734 16.1089 0.908597 15.6784 0.870326 15.2099C0.833478 14.7589 0.833487 14.2053 0.833497 13.5345V5.13481ZM7.51874 3.33359C8.17742 3.33359 8.30798 3.34447 8.4085 3.37914C8.52527 3.41942 8.63163 3.48515 8.71987 3.57158C8.79584 3.64598 8.86396 3.7579 9.15852 4.34704L9.48505 5.00008L2.50023 5.00008C2.50059 4.61259 2.50314 4.34771 2.5201 4.14012C2.5386 3.91374 2.57 3.82981 2.59099 3.7886C2.67089 3.6318 2.79837 3.50432 2.95517 3.42442C2.99638 3.40343 3.08031 3.37203 3.30669 3.35353C3.54281 3.33424 3.85304 3.33359 4.3335 3.33359H7.51874Z" fill="#444CE7" />
+  </svg>
+)
 
-const NotionSvg = <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clipPath="url(#clip0_6294_13848)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.287 21.9133L1.70748 18.6999C1.08685 17.9267 0.75 16.976 0.75 15.9974V4.36124C0.75 2.89548 1.92269 1.67923 3.43553 1.57594L15.3991 0.759137C16.2682 0.699797 17.1321 0.930818 17.8461 1.41353L22.0494 4.25543C22.8018 4.76414 23.25 5.59574 23.25 6.48319V19.7124C23.25 21.1468 22.0969 22.3345 20.6157 22.4256L7.3375 23.243C6.1555 23.3158 5.01299 22.8178 4.287 21.9133Z" fill="white" />
-    <path d="M8.43607 10.1842V10.0318C8.43607 9.64564 8.74535 9.32537 9.14397 9.29876L12.0475 9.10491L16.0628 15.0178V9.82823L15.0293 9.69046V9.6181C15.0293 9.22739 15.3456 8.90501 15.7493 8.88433L18.3912 8.74899V9.12918C18.3912 9.30765 18.2585 9.46031 18.0766 9.49108L17.4408 9.59861V18.0029L16.6429 18.2773C15.9764 18.5065 15.2343 18.2611 14.8527 17.6853L10.9545 11.803V17.4173L12.1544 17.647L12.1377 17.7583C12.0853 18.1069 11.7843 18.3705 11.4202 18.3867L8.43607 18.5195C8.39662 18.1447 8.67758 17.8093 9.06518 17.7686L9.45771 17.7273V10.2416L8.43607 10.1842Z" fill="black" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5062 2.22521L3.5426 3.04201C2.82599 3.09094 2.27051 3.66706 2.27051 4.36136V15.9975C2.27051 16.6499 2.49507 17.2837 2.90883 17.7992L5.48835 21.0126C5.90541 21.5322 6.56174 21.8183 7.24076 21.7765L20.519 20.9591C21.1995 20.9172 21.7293 20.3716 21.7293 19.7125V6.48332C21.7293 6.07557 21.5234 5.69348 21.1777 5.45975L16.9743 2.61784C16.546 2.32822 16.0277 2.1896 15.5062 2.22521ZM4.13585 4.54287C3.96946 4.41968 4.04865 4.16303 4.25768 4.14804L15.5866 3.33545C15.9476 3.30956 16.3063 3.40896 16.5982 3.61578L18.8713 5.22622C18.9576 5.28736 18.9171 5.41935 18.8102 5.42516L6.8129 6.07764C6.44983 6.09739 6.09144 5.99073 5.80276 5.77699L4.13585 4.54287ZM6.25018 8.12315C6.25018 7.7334 6.56506 7.41145 6.9677 7.38952L19.6523 6.69871C20.0447 6.67734 20.375 6.97912 20.375 7.35898V18.8141C20.375 19.2031 20.0613 19.5247 19.6594 19.5476L7.05516 20.2648C6.61845 20.2896 6.25018 19.954 6.25018 19.5312V8.12315Z" fill="black" />
-  </g>
-  <defs>
-    <clipPath id="clip0_6294_13848">
-      <rect width="24" height="24" fill="white" />
-    </clipPath>
-  </defs>
-</svg>
+const NotionSvg = (
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clipPath="url(#clip0_6294_13848)">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M4.287 21.9133L1.70748 18.6999C1.08685 17.9267 0.75 16.976 0.75 15.9974V4.36124C0.75 2.89548 1.92269 1.67923 3.43553 1.57594L15.3991 0.759137C16.2682 0.699797 17.1321 0.930818 17.8461 1.41353L22.0494 4.25543C22.8018 4.76414 23.25 5.59574 23.25 6.48319V19.7124C23.25 21.1468 22.0969 22.3345 20.6157 22.4256L7.3375 23.243C6.1555 23.3158 5.01299 22.8178 4.287 21.9133Z" fill="white" />
+      <path d="M8.43607 10.1842V10.0318C8.43607 9.64564 8.74535 9.32537 9.14397 9.29876L12.0475 9.10491L16.0628 15.0178V9.82823L15.0293 9.69046V9.6181C15.0293 9.22739 15.3456 8.90501 15.7493 8.88433L18.3912 8.74899V9.12918C18.3912 9.30765 18.2585 9.46031 18.0766 9.49108L17.4408 9.59861V18.0029L16.6429 18.2773C15.9764 18.5065 15.2343 18.2611 14.8527 17.6853L10.9545 11.803V17.4173L12.1544 17.647L12.1377 17.7583C12.0853 18.1069 11.7843 18.3705 11.4202 18.3867L8.43607 18.5195C8.39662 18.1447 8.67758 17.8093 9.06518 17.7686L9.45771 17.7273V10.2416L8.43607 10.1842Z" fill="black" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5062 2.22521L3.5426 3.04201C2.82599 3.09094 2.27051 3.66706 2.27051 4.36136V15.9975C2.27051 16.6499 2.49507 17.2837 2.90883 17.7992L5.48835 21.0126C5.90541 21.5322 6.56174 21.8183 7.24076 21.7765L20.519 20.9591C21.1995 20.9172 21.7293 20.3716 21.7293 19.7125V6.48332C21.7293 6.07557 21.5234 5.69348 21.1777 5.45975L16.9743 2.61784C16.546 2.32822 16.0277 2.1896 15.5062 2.22521ZM4.13585 4.54287C3.96946 4.41968 4.04865 4.16303 4.25768 4.14804L15.5866 3.33545C15.9476 3.30956 16.3063 3.40896 16.5982 3.61578L18.8713 5.22622C18.9576 5.28736 18.9171 5.41935 18.8102 5.42516L6.8129 6.07764C6.44983 6.09739 6.09144 5.99073 5.80276 5.77699L4.13585 4.54287ZM6.25018 8.12315C6.25018 7.7334 6.56506 7.41145 6.9677 7.38952L19.6523 6.69871C20.0447 6.67734 20.375 6.97912 20.375 7.35898V18.8141C20.375 19.2031 20.0613 19.5247 19.6594 19.5476L7.05516 20.2648C6.61845 20.2896 6.25018 19.954 6.25018 19.5312V8.12315Z" fill="black" />
+    </g>
+    <defs>
+      <clipPath id="clip0_6294_13848">
+        <rect width="24" height="24" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
 
 const ICON_MAP = {
-  app: <AppIcon className='border !border-[rgba(0,0,0,0.05)]' />,
-  api: <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md'>
-    <ApiAggregate className='h-4 w-4 text-text-primary-on-surface' />
-  </div>,
-  dataset: <AppIcon innerIcon={DatasetSvg} className='!border-[0.5px] !border-indigo-100 !bg-indigo-25' />,
-  webapp: <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md'>
-    <WindowCursor className='h-4 w-4 text-text-primary-on-surface' />
-  </div>,
-  notion: <AppIcon innerIcon={NotionSvg} className='!border-[0.5px] !border-indigo-100 !bg-white' />,
+  app: <AppIcon className="border !border-[rgba(0,0,0,0.05)]" />,
+  api: (
+    <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md">
+      <ApiAggregate className="h-4 w-4 text-text-primary-on-surface" />
+    </div>
+  ),
+  dataset: <AppIcon innerIcon={DatasetSvg} className="!border-[0.5px] !border-indigo-100 !bg-indigo-25" />,
+  webapp: (
+    <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md">
+      <WindowCursor className="h-4 w-4 text-text-primary-on-surface" />
+    </div>
+  ),
+  notion: <AppIcon innerIcon={NotionSvg} className="!border-[0.5px] !border-indigo-100 !bg-white" />,
 }
 
 export default function AppBasic({ icon, icon_background, name, isExternal, type, hoverTip, textStyle, isExtraInLine, mode = 'expand', iconType = 'app', hideType }: IAppBasicProps) {
@@ -56,41 +64,44 @@ export default function AppBasic({ icon, icon_background, name, isExternal, type
   return (
     <div className="flex grow items-center">
       {icon && icon_background && iconType === 'app' && (
-        <div className='mr-2 shrink-0'>
+        <div className="mr-2 shrink-0">
           <AppIcon icon={icon} background={icon_background} />
         </div>
       )}
       {iconType !== 'app'
-        && <div className='mr-2 shrink-0'>
-          {ICON_MAP[iconType]}
-        </div>
-
-      }
-      {mode === 'expand' && <div className="group w-full">
-        <div className={`system-md-semibold flex flex-row items-center text-text-secondary group-hover:text-text-primary ${textStyle?.main ?? ''}`}>
-          <div className="min-w-0 overflow-hidden text-ellipsis break-normal">
-            {name}
+        && (
+          <div className="mr-2 shrink-0">
+            {ICON_MAP[iconType]}
           </div>
-          {hoverTip
-            && <Tooltip
-              popupContent={
-                <div className='w-[240px]'>
-                  {hoverTip}
-                </div>
-              }
-              popupClassName='ml-1'
-              triggerClassName='w-4 h-4 ml-1'
-              position='top'
-            />
-          }
+        )}
+      {mode === 'expand' && (
+        <div className="group w-full">
+          <div className={`system-md-semibold flex flex-row items-center text-text-secondary group-hover:text-text-primary ${textStyle?.main ?? ''}`}>
+            <div className="min-w-0 overflow-hidden text-ellipsis break-normal">
+              {name}
+            </div>
+            {hoverTip
+              && (
+                <Tooltip
+                  popupContent={(
+                    <div className="w-[240px]">
+                      {hoverTip}
+                    </div>
+                  )}
+                  popupClassName="ml-1"
+                  triggerClassName="w-4 h-4 ml-1"
+                  position="top"
+                />
+              )}
+          </div>
+          {!hideType && isExtraInLine && (
+            <div className="system-2xs-medium-uppercase flex text-text-tertiary">{type}</div>
+          )}
+          {!hideType && !isExtraInLine && (
+            <div className="system-2xs-medium-uppercase text-text-tertiary">{isExternal ? t('dataset.externalTag') : type}</div>
+          )}
         </div>
-        {!hideType && isExtraInLine && (
-          <div className="system-2xs-medium-uppercase flex text-text-tertiary">{type}</div>
-        )}
-        {!hideType && !isExtraInLine && (
-          <div className='system-2xs-medium-uppercase text-text-tertiary'>{isExternal ? t('dataset.externalTag') : type}</div>
-        )}
-      </div>}
+      )}
     </div>
   )
 }
diff --git a/web/app/components/app-sidebar/dataset-info/dropdown.tsx b/web/app/components/app-sidebar/dataset-info/dropdown.tsx
index dc46af2d02..f20b35de80 100644
--- a/web/app/components/app-sidebar/dataset-info/dropdown.tsx
+++ b/web/app/components/app-sidebar/dataset-info/dropdown.tsx
@@ -1,21 +1,21 @@
-import React, { useCallback, useState } from 'react'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../../base/portal-to-follow-elem'
-import ActionButton from '../../base/action-button'
+import type { DataSet } from '@/models/datasets'
 import { RiMoreFill } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import Menu from './menu'
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useSelector as useAppContextWithSelector } from '@/context/app-context'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import type { DataSet } from '@/models/datasets'
+import { checkIsUsedInApp, deleteDataset } from '@/service/datasets'
 import { datasetDetailQueryKeyPrefix, useInvalidDatasetList } from '@/service/knowledge/use-dataset'
 import { useInvalid } from '@/service/use-base'
 import { useExportPipelineDSL } from '@/service/use-pipeline'
-import Toast from '../../base/toast'
-import { useTranslation } from 'react-i18next'
-import RenameDatasetModal from '../../datasets/rename-modal'
-import { checkIsUsedInApp, deleteDataset } from '@/service/datasets'
+import { cn } from '@/utils/classnames'
+import ActionButton from '../../base/action-button'
 import Confirm from '../../base/confirm'
-import { useRouter } from 'next/navigation'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../../base/portal-to-follow-elem'
+import Toast from '../../base/toast'
+import RenameDatasetModal from '../../datasets/rename-modal'
+import Menu from './menu'
 
 type DropDownProps = {
   expand: boolean
@@ -108,19 +108,21 @@ const DropDown = ({
       open={open}
       onOpenChange={setOpen}
       placement={expand ? 'bottom-end' : 'right'}
-      offset={expand ? {
-        mainAxis: 4,
-        crossAxis: 10,
-      } : {
-        mainAxis: 4,
-      }}
+      offset={expand
+        ? {
+            mainAxis: 4,
+            crossAxis: 10,
+          }
+        : {
+            mainAxis: 4,
+          }}
     >
       <PortalToFollowElemTrigger onClick={handleTrigger}>
         <ActionButton className={cn(expand ? 'size-8 rounded-lg' : 'size-6 rounded-md')}>
-          <RiMoreFill className='size-4' />
+          <RiMoreFill className="size-4" />
         </ActionButton>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[60]'>
+      <PortalToFollowElemContent className="z-[60]">
         <Menu
           showDelete={!isCurrentWorkspaceDatasetOperator}
           openRenameModal={openRenameModal}
diff --git a/web/app/components/app-sidebar/dataset-info/index.spec.tsx b/web/app/components/app-sidebar/dataset-info/index.spec.tsx
index dd7d7010e8..a03b5da488 100644
--- a/web/app/components/app-sidebar/dataset-info/index.spec.tsx
+++ b/web/app/components/app-sidebar/dataset-info/index.spec.tsx
@@ -1,18 +1,18 @@
-import React from 'react'
+import type { DataSet } from '@/models/datasets'
+import { RiEditLine } from '@remixicon/react'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import DatasetInfo from './index'
-import Dropdown from './dropdown'
-import Menu from './menu'
-import MenuItem from './menu-item'
-import type { DataSet } from '@/models/datasets'
+import React from 'react'
 import {
   ChunkingMode,
-  DataSourceType,
   DatasetPermission,
+  DataSourceType,
 } from '@/models/datasets'
 import { RETRIEVE_METHOD } from '@/types/app'
-import { RiEditLine } from '@remixicon/react'
+import Dropdown from './dropdown'
+import DatasetInfo from './index'
+import Menu from './menu'
+import MenuItem from './menu-item'
 
 let mockDataset: DataSet
 let mockIsDatasetOperator = false
diff --git a/web/app/components/app-sidebar/dataset-info/index.tsx b/web/app/components/app-sidebar/dataset-info/index.tsx
index bace656d54..43fded35a9 100644
--- a/web/app/components/app-sidebar/dataset-info/index.tsx
+++ b/web/app/components/app-sidebar/dataset-info/index.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { DataSet } from '@/models/datasets'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useKnowledge } from '@/hooks/use-knowledge'
+import { DOC_FORM_TEXT } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
 import AppIcon from '../../base/app-icon'
 import Effect from '../../base/effect'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import type { DataSet } from '@/models/datasets'
-import { DOC_FORM_TEXT } from '@/models/datasets'
-import { useKnowledge } from '@/hooks/use-knowledge'
-import { cn } from '@/utils/classnames'
 import Dropdown from './dropdown'
 
 type DatasetInfoProps = {
@@ -35,11 +35,11 @@ const DatasetInfo: FC<DatasetInfoProps> = ({
   return (
     <div className={cn('relative flex flex-col', expand ? '' : 'p-1')}>
       {expand && (
-        <Effect className='-left-5 top-[-22px] opacity-15' />
+        <Effect className="-left-5 top-[-22px] opacity-15" />
       )}
 
-      <div className='flex flex-col gap-2 p-2'>
-        <div className='flex items-center gap-1'>
+      <div className="flex flex-col gap-2 p-2">
+        <div className="flex items-center gap-1">
           <div className={cn(!expand && '-ml-1')}>
             <AppIcon
               size={expand ? 'large' : 'small'}
@@ -50,35 +50,35 @@ const DatasetInfo: FC<DatasetInfoProps> = ({
             />
           </div>
           {expand && (
-            <div className='ml-auto'>
+            <div className="ml-auto">
               <Dropdown expand />
             </div>
           )}
         </div>
         {!expand && (
-          <div className='-mb-2 -mt-1 flex items-center justify-center'>
+          <div className="-mb-2 -mt-1 flex items-center justify-center">
             <Dropdown expand={false} />
           </div>
         )}
         {expand && (
-          <div className='flex flex-col gap-y-1 pb-0.5'>
+          <div className="flex flex-col gap-y-1 pb-0.5">
             <div
-              className='system-md-semibold truncate text-text-secondary'
+              className="system-md-semibold truncate text-text-secondary"
               title={dataset.name}
             >
               {dataset.name}
             </div>
-            <div className='system-2xs-medium-uppercase text-text-tertiary'>
+            <div className="system-2xs-medium-uppercase text-text-tertiary">
               {isExternalProvider && t('dataset.externalTag')}
               {!isExternalProvider && isPipelinePublished && dataset.doc_form && dataset.indexing_technique && (
-                <div className='flex items-center gap-x-2'>
+                <div className="flex items-center gap-x-2">
                   <span>{t(`dataset.chunkingMode.${DOC_FORM_TEXT[dataset.doc_form]}`)}</span>
                   <span>{formatIndexingTechniqueAndMethod(dataset.indexing_technique, dataset.retrieval_model_dict?.search_method)}</span>
                 </div>
               )}
             </div>
             {!!dataset.description && (
-              <p className='system-xs-regular line-clamp-3 text-text-tertiary first-letter:capitalize'>
+              <p className="system-xs-regular line-clamp-3 text-text-tertiary first-letter:capitalize">
                 {dataset.description}
               </p>
             )}
diff --git a/web/app/components/app-sidebar/dataset-info/menu-item.tsx b/web/app/components/app-sidebar/dataset-info/menu-item.tsx
index 47645bc134..5cc082a19e 100644
--- a/web/app/components/app-sidebar/dataset-info/menu-item.tsx
+++ b/web/app/components/app-sidebar/dataset-info/menu-item.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import type { RemixiconComponentType } from '@remixicon/react'
+import React from 'react'
 
 type MenuItemProps = {
   name: string
@@ -14,15 +14,15 @@ const MenuItem = ({
 }: MenuItemProps) => {
   return (
     <div
-      className='flex items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+      className="flex items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
       onClick={(e) => {
         e.preventDefault()
         e.stopPropagation()
         handleClick?.()
       }}
     >
-      <Icon className='size-4 text-text-tertiary' />
-      <span className='system-md-regular px-1 text-text-secondary'>{name}</span>
+      <Icon className="size-4 text-text-tertiary" />
+      <span className="system-md-regular px-1 text-text-secondary">{name}</span>
     </div>
   )
 }
diff --git a/web/app/components/app-sidebar/dataset-info/menu.tsx b/web/app/components/app-sidebar/dataset-info/menu.tsx
index 6f91c9c513..f4a49b3eea 100644
--- a/web/app/components/app-sidebar/dataset-info/menu.tsx
+++ b/web/app/components/app-sidebar/dataset-info/menu.tsx
@@ -1,9 +1,9 @@
+import { RiDeleteBinLine, RiEditLine, RiFileDownloadLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import MenuItem from './menu-item'
-import { RiDeleteBinLine, RiEditLine, RiFileDownloadLine } from '@remixicon/react'
-import Divider from '../../base/divider'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import Divider from '../../base/divider'
+import MenuItem from './menu-item'
 
 type MenuProps = {
   showDelete: boolean
@@ -22,8 +22,8 @@ const Menu = ({
   const runtimeMode = useDatasetDetailContextWithSelector(state => state.dataset?.runtime_mode)
 
   return (
-    <div className='flex w-[200px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]'>
-      <div className='flex flex-col p-1'>
+    <div className="flex w-[200px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]">
+      <div className="flex flex-col p-1">
         <MenuItem
           Icon={RiEditLine}
           name={t('common.operation.edit')}
@@ -39,8 +39,8 @@ const Menu = ({
       </div>
       {showDelete && (
         <>
-          <Divider type='horizontal' className='my-0 bg-divider-subtle' />
-          <div className='flex flex-col p-1'>
+          <Divider type="horizontal" className="my-0 bg-divider-subtle" />
+          <div className="flex flex-col p-1">
             <MenuItem
               Icon={RiDeleteBinLine}
               name={t('common.operation.delete')}
diff --git a/web/app/components/app-sidebar/dataset-sidebar-dropdown.tsx b/web/app/components/app-sidebar/dataset-sidebar-dropdown.tsx
index cf380d00d2..e8fa050a6d 100644
--- a/web/app/components/app-sidebar/dataset-sidebar-dropdown.tsx
+++ b/web/app/components/app-sidebar/dataset-sidebar-dropdown.tsx
@@ -1,26 +1,26 @@
-import React, { useCallback, useRef, useState } from 'react'
+import type { NavIcon } from './navLink'
+import type { DataSet } from '@/models/datasets'
 import {
   RiMenuLine,
 } from '@remixicon/react'
+import React, { useCallback, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useKnowledge } from '@/hooks/use-knowledge'
+import { DOC_FORM_TEXT } from '@/models/datasets'
+import { useDatasetRelatedApps } from '@/service/knowledge/use-dataset'
+import { cn } from '@/utils/classnames'
 import AppIcon from '../base/app-icon'
 import Divider from '../base/divider'
-import NavLink from './navLink'
-import type { NavIcon } from './navLink'
-import { cn } from '@/utils/classnames'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import Effect from '../base/effect'
-import Dropdown from './dataset-info/dropdown'
-import type { DataSet } from '@/models/datasets'
-import { DOC_FORM_TEXT } from '@/models/datasets'
-import { useKnowledge } from '@/hooks/use-knowledge'
-import { useTranslation } from 'react-i18next'
-import { useDatasetRelatedApps } from '@/service/knowledge/use-dataset'
 import ExtraInfo from '../datasets/extra-info'
+import Dropdown from './dataset-info/dropdown'
+import NavLink from './navLink'
 
 type DatasetSidebarDropdownProps = {
   navigation: Array<{
@@ -64,11 +64,11 @@ const DatasetSidebarDropdown = ({
 
   return (
     <>
-      <div className='fixed left-2 top-2 z-20'>
+      <div className="fixed left-2 top-2 z-20">
         <PortalToFollowElem
           open={open}
           onOpenChange={setOpen}
-          placement='bottom-start'
+          placement="bottom-start"
           offset={{
             mainAxis: -41,
           }}
@@ -81,22 +81,22 @@ const DatasetSidebarDropdown = ({
               )}
             >
               <AppIcon
-                size='small'
+                size="small"
                 iconType={iconInfo.icon_type}
                 icon={iconInfo.icon}
                 background={iconInfo.icon_background}
                 imageUrl={iconInfo.icon_url}
               />
-              <RiMenuLine className='size-4 text-text-tertiary' />
+              <RiMenuLine className="size-4 text-text-tertiary" />
             </div>
           </PortalToFollowElemTrigger>
-          <PortalToFollowElemContent className='z-50'>
-            <div className='relative w-[216px] rounded-xl border-[0.5px] border-components-panel-border bg-background-default-subtle shadow-lg'>
-              <Effect className='-left-5 top-[-22px] opacity-15' />
-              <div className='flex flex-col gap-y-2 p-4'>
-                <div className='flex items-center justify-between'>
+          <PortalToFollowElemContent className="z-50">
+            <div className="relative w-[216px] rounded-xl border-[0.5px] border-components-panel-border bg-background-default-subtle shadow-lg">
+              <Effect className="-left-5 top-[-22px] opacity-15" />
+              <div className="flex flex-col gap-y-2 p-4">
+                <div className="flex items-center justify-between">
                   <AppIcon
-                    size='medium'
+                    size="medium"
                     iconType={iconInfo.icon_type}
                     icon={iconInfo.icon}
                     background={iconInfo.icon_background}
@@ -104,17 +104,17 @@ const DatasetSidebarDropdown = ({
                   />
                   <Dropdown expand />
                 </div>
-                <div className='flex flex-col gap-y-1 pb-0.5'>
+                <div className="flex flex-col gap-y-1 pb-0.5">
                   <div
-                    className='system-md-semibold truncate text-text-secondary'
+                    className="system-md-semibold truncate text-text-secondary"
                     title={dataset.name}
                   >
                     {dataset.name}
                   </div>
-                  <div className='system-2xs-medium-uppercase text-text-tertiary'>
+                  <div className="system-2xs-medium-uppercase text-text-tertiary">
                     {isExternalProvider && t('dataset.externalTag')}
                     {!isExternalProvider && dataset.doc_form && dataset.indexing_technique && (
-                      <div className='flex items-center gap-x-2'>
+                      <div className="flex items-center gap-x-2">
                         <span>{t(`dataset.chunkingMode.${DOC_FORM_TEXT[dataset.doc_form]}`)}</span>
                         <span>{formatIndexingTechniqueAndMethod(dataset.indexing_technique, dataset.retrieval_model_dict?.search_method)}</span>
                       </div>
@@ -122,24 +122,24 @@ const DatasetSidebarDropdown = ({
                   </div>
                 </div>
                 {!!dataset.description && (
-                  <p className='system-xs-regular line-clamp-3 text-text-tertiary first-letter:capitalize'>
+                  <p className="system-xs-regular line-clamp-3 text-text-tertiary first-letter:capitalize">
                     {dataset.description}
                   </p>
                 )}
               </div>
-              <div className='px-4 py-2'>
+              <div className="px-4 py-2">
                 <Divider
-                  type='horizontal'
-                  bgStyle='gradient'
-                  className='my-0 h-px bg-gradient-to-r from-divider-subtle to-background-gradient-mask-transparent'
+                  type="horizontal"
+                  bgStyle="gradient"
+                  className="my-0 h-px bg-gradient-to-r from-divider-subtle to-background-gradient-mask-transparent"
                 />
               </div>
-              <nav className='flex min-h-[200px] grow flex-col gap-y-0.5 px-3 py-2'>
+              <nav className="flex min-h-[200px] grow flex-col gap-y-0.5 px-3 py-2">
                 {navigation.map((item, index) => {
                   return (
                     <NavLink
                       key={index}
-                      mode='expand'
+                      mode="expand"
                       iconMap={{ selected: item.selectedIcon, normal: item.icon }}
                       name={item.name}
                       href={item.href}
diff --git a/web/app/components/app-sidebar/index.tsx b/web/app/components/app-sidebar/index.tsx
index fe52c4cfa2..790d5340bc 100644
--- a/web/app/components/app-sidebar/index.tsx
+++ b/web/app/components/app-sidebar/index.tsx
@@ -1,20 +1,20 @@
-import React, { useCallback, useEffect, useState } from 'react'
-import { usePathname } from 'next/navigation'
-import { useShallow } from 'zustand/react/shallow'
-import NavLink from './navLink'
 import type { NavIcon } from './navLink'
-import AppInfo from './app-info'
-import DatasetInfo from './dataset-info'
-import AppSidebarDropdown from './app-sidebar-dropdown'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { useHover, useKeyPress } from 'ahooks'
+import { usePathname } from 'next/navigation'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useShallow } from 'zustand/react/shallow'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import { cn } from '@/utils/classnames'
 import Divider from '../base/divider'
-import { useHover, useKeyPress } from 'ahooks'
-import ToggleButton from './toggle-button'
 import { getKeyboardKeyCodeBySystem } from '../workflow/utils'
+import AppInfo from './app-info'
+import AppSidebarDropdown from './app-sidebar-dropdown'
+import DatasetInfo from './dataset-info'
 import DatasetSidebarDropdown from './dataset-sidebar-dropdown'
+import NavLink from './navLink'
+import ToggleButton from './toggle-button'
 
 export type IAppDetailNavProps = {
   iconType?: 'app' | 'dataset'
@@ -75,7 +75,7 @@ const AppDetailNav = ({
 
   if (inWorkflowCanvas && hideHeader) {
     return (
-      <div className='flex w-0 shrink-0'>
+      <div className="flex w-0 shrink-0">
         <AppSidebarDropdown navigation={navigation} />
       </div>
     )
@@ -83,7 +83,7 @@ const AppDetailNav = ({
 
   if (isPipelineCanvas && hideHeader) {
     return (
-      <div className='flex w-0 shrink-0'>
+      <div className="flex w-0 shrink-0">
         <DatasetSidebarDropdown navigation={navigation} />
       </div>
     )
@@ -110,9 +110,9 @@ const AppDetailNav = ({
           <DatasetInfo expand={expand} />
         )}
       </div>
-      <div className='relative px-4 py-2'>
+      <div className="relative px-4 py-2">
         <Divider
-          type='horizontal'
+          type="horizontal"
           bgStyle={expand ? 'gradient' : 'solid'}
           className={cn(
             'my-0 h-px',
@@ -123,7 +123,7 @@ const AppDetailNav = ({
         />
         {!isMobile && isHoveringSidebar && (
           <ToggleButton
-            className='absolute -right-3 top-[-3.5px] z-20'
+            className="absolute -right-3 top-[-3.5px] z-20"
             expand={expand}
             handleToggle={handleToggle}
           />
diff --git a/web/app/components/app-sidebar/navLink.spec.tsx b/web/app/components/app-sidebar/navLink.spec.tsx
index 3a188eda68..410dae6b2a 100644
--- a/web/app/components/app-sidebar/navLink.spec.tsx
+++ b/web/app/components/app-sidebar/navLink.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import NavLink from './navLink'
 import type { NavLinkProps } from './navLink'
+import { render, screen } from '@testing-library/react'
+import React from 'react'
+import NavLink from './navLink'
 
 // Mock Next.js navigation
 vi.mock('next/navigation', () => ({
diff --git a/web/app/components/app-sidebar/navLink.tsx b/web/app/components/app-sidebar/navLink.tsx
index f6d8e57682..999c892199 100644
--- a/web/app/components/app-sidebar/navLink.tsx
+++ b/web/app/components/app-sidebar/navLink.tsx
@@ -1,15 +1,16 @@
 'use client'
-import React from 'react'
-import { useSelectedLayoutSegment } from 'next/navigation'
-import Link from 'next/link'
-import { cn } from '@/utils/classnames'
 import type { RemixiconComponentType } from '@remixicon/react'
+import Link from 'next/link'
+import { useSelectedLayoutSegment } from 'next/navigation'
+import React from 'react'
+import { cn } from '@/utils/classnames'
 
 export type NavIcon = React.ComponentType<
   React.PropsWithoutRef<React.ComponentProps<'svg'>> & {
     title?: string | undefined
     titleId?: string | undefined
-  }> | RemixiconComponentType
+  }
+> | RemixiconComponentType
 
 export type NavLinkProps = {
   name: string
@@ -51,19 +52,17 @@ const NavLink = ({
     return (
       <button
         key={name}
-        type='button'
+        type="button"
         disabled
-        className={cn('system-sm-medium flex h-8 cursor-not-allowed items-center rounded-lg text-components-menu-item-text opacity-30 hover:bg-components-menu-item-bg-hover',
-          'pl-3 pr-1')}
+        className={cn('system-sm-medium flex h-8 cursor-not-allowed items-center rounded-lg text-components-menu-item-text opacity-30 hover:bg-components-menu-item-bg-hover', 'pl-3 pr-1')}
         title={mode === 'collapse' ? name : ''}
         aria-disabled
       >
         {renderIcon()}
         <span
-          className={cn('overflow-hidden whitespace-nowrap transition-all duration-200 ease-in-out',
-            mode === 'expand'
-              ? 'ml-2 max-w-none opacity-100'
-              : 'ml-0 max-w-0 opacity-0')}
+          className={cn('overflow-hidden whitespace-nowrap transition-all duration-200 ease-in-out', mode === 'expand'
+            ? 'ml-2 max-w-none opacity-100'
+            : 'ml-0 max-w-0 opacity-0')}
         >
           {name}
         </span>
@@ -77,16 +76,14 @@ const NavLink = ({
       href={href}
       className={cn(isActive
         ? 'system-sm-semibold border-b-[0.25px] border-l-[0.75px] border-r-[0.25px] border-t-[0.75px] border-effects-highlight-lightmode-off bg-components-menu-item-bg-active text-text-accent-light-mode-only'
-        : 'system-sm-medium text-components-menu-item-text hover:bg-components-menu-item-bg-hover hover:text-components-menu-item-text-hover',
-      'flex h-8 items-center rounded-lg pl-3 pr-1')}
+        : 'system-sm-medium text-components-menu-item-text hover:bg-components-menu-item-bg-hover hover:text-components-menu-item-text-hover', 'flex h-8 items-center rounded-lg pl-3 pr-1')}
       title={mode === 'collapse' ? name : ''}
     >
       {renderIcon()}
       <span
-        className={cn('overflow-hidden whitespace-nowrap transition-all duration-200 ease-in-out',
-          mode === 'expand'
-            ? 'ml-2 max-w-none opacity-100'
-            : 'ml-0 max-w-0 opacity-0')}
+        className={cn('overflow-hidden whitespace-nowrap transition-all duration-200 ease-in-out', mode === 'expand'
+          ? 'ml-2 max-w-none opacity-100'
+          : 'ml-0 max-w-0 opacity-0')}
       >
         {name}
       </span>
diff --git a/web/app/components/app-sidebar/sidebar-animation-issues.spec.tsx b/web/app/components/app-sidebar/sidebar-animation-issues.spec.tsx
index dd3b230e9b..61f278b577 100644
--- a/web/app/components/app-sidebar/sidebar-animation-issues.spec.tsx
+++ b/web/app/components/app-sidebar/sidebar-animation-issues.spec.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 
 // Simple Mock Components that reproduce the exact UI issues
-const MockNavLink = ({ name, mode }: { name: string; mode: string }) => {
+const MockNavLink = ({ name, mode }: { name: string, mode: string }) => {
   return (
     <a
       className={`
@@ -23,7 +23,7 @@ const MockNavLink = ({ name, mode }: { name: string; mode: string }) => {
   )
 }
 
-const MockSidebarToggleButton = ({ expand, onToggle }: { expand: boolean; onToggle: () => void }) => {
+const MockSidebarToggleButton = ({ expand, onToggle }: { expand: boolean, onToggle: () => void }) => {
   return (
     <div
       className={`
@@ -50,8 +50,9 @@ const MockSidebarToggleButton = ({ expand, onToggle }: { expand: boolean; onTogg
         className="shrink-0 px-4 py-3"
         data-testid="toggle-section"
       >
-        <button type="button"
-          className='flex h-6 w-6 cursor-pointer items-center justify-center'
+        <button
+          type="button"
+          className="flex h-6 w-6 cursor-pointer items-center justify-center"
           onClick={onToggle}
           data-testid="toggle-button"
         >
@@ -65,7 +66,7 @@ const MockSidebarToggleButton = ({ expand, onToggle }: { expand: boolean; onTogg
 const MockAppInfo = ({ expand }: { expand: boolean }) => {
   return (
     <div data-testid="app-info" data-expand={expand}>
-      <button type="button" className='block w-full'>
+      <button type="button" className="block w-full">
         {/* Container with layout mode switching - reproduces issue #3 */}
         <div className={`flex rounded-lg ${expand ? 'flex-col gap-2 p-2 pb-2.5' : 'items-start justify-center gap-1 p-1'}`}>
           {/* Icon container with justify-between to flex-col switch - reproduces issue #3 */}
@@ -83,19 +84,19 @@ const MockAppInfo = ({ expand }: { expand: boolean }) => {
             >
               Icon
             </div>
-            <div className='flex items-center justify-center rounded-md p-0.5'>
-              <div className='flex h-5 w-5 items-center justify-center'>
+            <div className="flex items-center justify-center rounded-md p-0.5">
+              <div className="flex h-5 w-5 items-center justify-center">
                 ⚙️
               </div>
             </div>
           </div>
           {/* Text that appears/disappears conditionally */}
           {expand && (
-            <div className='flex flex-col items-start gap-1'>
-              <div className='flex w-full'>
-                <div className='system-md-semibold truncate text-text-secondary'>Test App</div>
+            <div className="flex flex-col items-start gap-1">
+              <div className="flex w-full">
+                <div className="system-md-semibold truncate text-text-secondary">Test App</div>
               </div>
-              <div className='system-2xs-medium-uppercase text-text-tertiary'>chatflow</div>
+              <div className="system-2xs-medium-uppercase text-text-tertiary">chatflow</div>
             </div>
           )}
         </div>
diff --git a/web/app/components/app-sidebar/text-squeeze-fix-verification.spec.tsx b/web/app/components/app-sidebar/text-squeeze-fix-verification.spec.tsx
index c28ba26d30..7752e29f46 100644
--- a/web/app/components/app-sidebar/text-squeeze-fix-verification.spec.tsx
+++ b/web/app/components/app-sidebar/text-squeeze-fix-verification.spec.tsx
@@ -3,8 +3,8 @@
  * This test verifies that the CSS-based text rendering fixes work correctly
  */
 
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 
 // Mock Next.js navigation
 vi.mock('next/navigation', () => ({
@@ -25,7 +25,8 @@ const TestNavLink = ({ mode }: { mode: 'expand' | 'collapse' }) => {
     <div className="nav-link-container">
       <div className={`flex h-9 items-center rounded-md py-2 text-sm font-normal ${
         mode === 'expand' ? 'px-3' : 'px-2.5'
-      }`}>
+      }`}
+      >
         <div className={`h-4 w-4 shrink-0 ${mode === 'expand' ? 'mr-2' : 'mr-0'}`}>
           Icon
         </div>
@@ -66,16 +67,16 @@ const TestAppInfo = ({ expand }: { expand: boolean }) => {
           }`}
           data-testid="app-text-container"
         >
-          <div className='flex w-full'>
+          <div className="flex w-full">
             <div
-              className='system-md-semibold truncate whitespace-nowrap text-text-secondary'
+              className="system-md-semibold truncate whitespace-nowrap text-text-secondary"
               data-testid="app-name"
             >
               {appDetail.name}
             </div>
           </div>
           <div
-            className='system-2xs-medium-uppercase whitespace-nowrap text-text-tertiary'
+            className="system-2xs-medium-uppercase whitespace-nowrap text-text-tertiary"
             data-testid="app-type"
           >
             ChatBot
diff --git a/web/app/components/app-sidebar/toggle-button.tsx b/web/app/components/app-sidebar/toggle-button.tsx
index 4f69adfc34..e144d29e92 100644
--- a/web/app/components/app-sidebar/toggle-button.tsx
+++ b/web/app/components/app-sidebar/toggle-button.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import Button from '../base/button'
 import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import Tooltip from '../base/tooltip'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import Button from '../base/button'
+import Tooltip from '../base/tooltip'
 import { getKeyboardKeyNameBySystem } from '../workflow/utils'
 
 type TooltipContentProps = {
@@ -18,14 +18,14 @@ const TooltipContent = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center gap-x-1'>
-      <span className='system-xs-medium px-0.5 text-text-secondary'>{expand ? t('layout.sidebar.collapseSidebar') : t('layout.sidebar.expandSidebar')}</span>
-      <div className='flex items-center gap-x-0.5'>
+    <div className="flex items-center gap-x-1">
+      <span className="system-xs-medium px-0.5 text-text-secondary">{expand ? t('layout.sidebar.collapseSidebar') : t('layout.sidebar.expandSidebar')}</span>
+      <div className="flex items-center gap-x-0.5">
         {
           TOGGLE_SHORTCUT.map(key => (
             <span
               key={key}
-              className='system-kbd inline-flex items-center justify-center rounded-[4px] bg-components-kbd-bg-gray px-1 text-text-tertiary'
+              className="system-kbd inline-flex items-center justify-center rounded-[4px] bg-components-kbd-bg-gray px-1 text-text-tertiary"
             >
               {getKeyboardKeyNameBySystem(key)}
             </span>
@@ -50,18 +50,18 @@ const ToggleButton = ({
   return (
     <Tooltip
       popupContent={<TooltipContent expand={expand} />}
-      popupClassName='p-1.5 rounded-lg'
-      position='right'
+      popupClassName="p-1.5 rounded-lg"
+      position="right"
     >
       <Button
-        size='small'
+        size="small"
         onClick={handleToggle}
         className={cn('rounded-full px-1', className)}
       >
         {
           expand
-            ? <RiArrowLeftSLine className='size-4' />
-            : <RiArrowRightSLine className='size-4' />
+            ? <RiArrowLeftSLine className="size-4" />
+            : <RiArrowRightSLine className="size-4" />
         }
       </Button>
     </Tooltip>
diff --git a/web/app/components/app/annotation/add-annotation-modal/edit-item/index.spec.tsx b/web/app/components/app/annotation/add-annotation-modal/edit-item/index.spec.tsx
index 1cbf5d1738..34fbe93be6 100644
--- a/web/app/components/app/annotation/add-annotation-modal/edit-item/index.spec.tsx
+++ b/web/app/components/app/annotation/add-annotation-modal/edit-item/index.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import EditItem, { EditItemType } from './index'
 
 describe('AddAnnotationModal/EditItem', () => {
-  test('should render query inputs with user avatar and placeholder strings', () => {
+  it('should render query inputs with user avatar and placeholder strings', () => {
     render(
       <EditItem
         type={EditItemType.Query}
@@ -17,7 +17,7 @@ describe('AddAnnotationModal/EditItem', () => {
     expect(screen.getByText('Why?')).toBeInTheDocument()
   })
 
-  test('should render answer name and placeholder text', () => {
+  it('should render answer name and placeholder text', () => {
     render(
       <EditItem
         type={EditItemType.Answer}
@@ -31,7 +31,7 @@ describe('AddAnnotationModal/EditItem', () => {
     expect(screen.getByDisplayValue('Existing answer')).toBeInTheDocument()
   })
 
-  test('should propagate changes when answer content updates', () => {
+  it('should propagate changes when answer content updates', () => {
     const handleChange = vi.fn()
     render(
       <EditItem
diff --git a/web/app/components/app/annotation/add-annotation-modal/edit-item/index.tsx b/web/app/components/app/annotation/add-annotation-modal/edit-item/index.tsx
index 4c118c6ad9..62785d0032 100644
--- a/web/app/components/app/annotation/add-annotation-modal/edit-item/index.tsx
+++ b/web/app/components/app/annotation/add-annotation-modal/edit-item/index.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Textarea from '@/app/components/base/textarea'
 import { Robot, User } from '@/app/components/base/icons/src/public/avatar'
+import Textarea from '@/app/components/base/textarea'
 
 export enum EditItemType {
   Query = 'query',
@@ -21,17 +21,17 @@ const EditItem: FC<Props> = ({
   onChange,
 }) => {
   const { t } = useTranslation()
-  const avatar = type === EditItemType.Query ? <User className='h-6 w-6' /> : <Robot className='h-6 w-6' />
+  const avatar = type === EditItemType.Query ? <User className="h-6 w-6" /> : <Robot className="h-6 w-6" />
   const name = type === EditItemType.Query ? t('appAnnotation.addModal.queryName') : t('appAnnotation.addModal.answerName')
   const placeholder = type === EditItemType.Query ? t('appAnnotation.addModal.queryPlaceholder') : t('appAnnotation.addModal.answerPlaceholder')
 
   return (
-    <div className='flex' onClick={e => e.stopPropagation()}>
-      <div className='mr-3 shrink-0'>
+    <div className="flex" onClick={e => e.stopPropagation()}>
+      <div className="mr-3 shrink-0">
         {avatar}
       </div>
-      <div className='grow'>
-        <div className='system-xs-semibold mb-1 text-text-primary'>{name}</div>
+      <div className="grow">
+        <div className="system-xs-semibold mb-1 text-text-primary">{name}</div>
         <Textarea
           value={content}
           onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => onChange(e.target.value)}
diff --git a/web/app/components/app/annotation/add-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/add-annotation-modal/index.spec.tsx
index 0de250e32b..a0ddcd13d3 100644
--- a/web/app/components/app/annotation/add-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/add-annotation-modal/index.spec.tsx
@@ -1,8 +1,8 @@
 import type { Mock } from 'vitest'
-import React from 'react'
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
-import AddAnnotationModal from './index'
+import React from 'react'
 import { useProviderContext } from '@/context/provider-context'
+import AddAnnotationModal from './index'
 
 vi.mock('@/context/provider-context', () => ({
   useProviderContext: vi.fn(),
@@ -54,25 +54,25 @@ describe('AddAnnotationModal', () => {
     })
   }
 
-  test('should render modal title when drawer is visible', () => {
+  it('should render modal title when drawer is visible', () => {
     render(<AddAnnotationModal {...baseProps} />)
 
     expect(screen.getByText('appAnnotation.addModal.title')).toBeInTheDocument()
   })
 
-  test('should capture query input text when typing', () => {
+  it('should capture query input text when typing', () => {
     render(<AddAnnotationModal {...baseProps} />)
     typeQuestion('Sample question')
     expect(screen.getByPlaceholderText('appAnnotation.addModal.queryPlaceholder')).toHaveValue('Sample question')
   })
 
-  test('should capture answer input text when typing', () => {
+  it('should capture answer input text when typing', () => {
     render(<AddAnnotationModal {...baseProps} />)
     typeAnswer('Sample answer')
     expect(screen.getByPlaceholderText('appAnnotation.addModal.answerPlaceholder')).toHaveValue('Sample answer')
   })
 
-  test('should show annotation full notice and disable submit when quota exceeded', () => {
+  it('should show annotation full notice and disable submit when quota exceeded', () => {
     mockUseProviderContext.mockReturnValue(getProviderContext({ usage: 10, total: 10, enableBilling: true }))
     render(<AddAnnotationModal {...baseProps} />)
 
@@ -80,7 +80,7 @@ describe('AddAnnotationModal', () => {
     expect(screen.getByRole('button', { name: 'common.operation.add' })).toBeDisabled()
   })
 
-  test('should call onAdd with form values when create next enabled', async () => {
+  it('should call onAdd with form values when create next enabled', async () => {
     const onAdd = vi.fn().mockResolvedValue(undefined)
     render(<AddAnnotationModal {...baseProps} onAdd={onAdd} />)
 
@@ -95,7 +95,7 @@ describe('AddAnnotationModal', () => {
     expect(onAdd).toHaveBeenCalledWith({ question: 'Question value', answer: 'Answer value' })
   })
 
-  test('should reset fields after saving when create next enabled', async () => {
+  it('should reset fields after saving when create next enabled', async () => {
     const onAdd = vi.fn().mockResolvedValue(undefined)
     render(<AddAnnotationModal {...baseProps} onAdd={onAdd} />)
 
@@ -114,7 +114,7 @@ describe('AddAnnotationModal', () => {
     })
   })
 
-  test('should show toast when validation fails for missing question', () => {
+  it('should show toast when validation fails for missing question', () => {
     render(<AddAnnotationModal {...baseProps} />)
 
     fireEvent.click(screen.getByRole('button', { name: 'common.operation.add' }))
@@ -124,7 +124,7 @@ describe('AddAnnotationModal', () => {
     }))
   })
 
-  test('should show toast when validation fails for missing answer', () => {
+  it('should show toast when validation fails for missing answer', () => {
     render(<AddAnnotationModal {...baseProps} />)
     typeQuestion('Filled question')
     fireEvent.click(screen.getByRole('button', { name: 'common.operation.add' }))
@@ -135,7 +135,7 @@ describe('AddAnnotationModal', () => {
     }))
   })
 
-  test('should close modal when save completes and create next unchecked', async () => {
+  it('should close modal when save completes and create next unchecked', async () => {
     const onAdd = vi.fn().mockResolvedValue(undefined)
     render(<AddAnnotationModal {...baseProps} onAdd={onAdd} />)
 
@@ -149,7 +149,7 @@ describe('AddAnnotationModal', () => {
     expect(baseProps.onHide).toHaveBeenCalled()
   })
 
-  test('should allow cancel button to close the drawer', () => {
+  it('should allow cancel button to close the drawer', () => {
     render(<AddAnnotationModal {...baseProps} />)
 
     fireEvent.click(screen.getByRole('button', { name: 'common.operation.cancel' }))
diff --git a/web/app/components/app/annotation/add-annotation-modal/index.tsx b/web/app/components/app/annotation/add-annotation-modal/index.tsx
index 0ae4439531..24ef88681a 100644
--- a/web/app/components/app/annotation/add-annotation-modal/index.tsx
+++ b/web/app/components/app/annotation/add-annotation-modal/index.tsx
@@ -1,15 +1,16 @@
 'use client'
 import type { FC } from 'react'
+import type { AnnotationItemBasic } from '../type'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { AnnotationItemBasic } from '../type'
-import EditItem, { EditItemType } from './edit-item'
+import Button from '@/app/components/base/button'
 import Checkbox from '@/app/components/base/checkbox'
 import Drawer from '@/app/components/base/drawer-plus'
-import Button from '@/app/components/base/button'
 import Toast from '@/app/components/base/toast'
-import { useProviderContext } from '@/context/provider-context'
 import AnnotationFull from '@/app/components/billing/annotation-full'
+import { useProviderContext } from '@/context/provider-context'
+import EditItem, { EditItemType } from './edit-item'
+
 type Props = {
   isShow: boolean
   onHide: () => void
@@ -73,10 +74,10 @@ const AddAnnotationModal: FC<Props> = ({
       <Drawer
         isShow={isShow}
         onHide={onHide}
-        maxWidthClassName='!max-w-[480px]'
+        maxWidthClassName="!max-w-[480px]"
         title={t('appAnnotation.addModal.title') as string}
         body={(
-          <div className='space-y-6 p-6 pb-4'>
+          <div className="space-y-6 p-6 pb-4">
             <EditItem
               type={EditItemType.Query}
               content={question}
@@ -93,20 +94,20 @@ const AddAnnotationModal: FC<Props> = ({
           (
             <div>
               {isAnnotationFull && (
-                <div className='mb-4 mt-6 px-6'>
+                <div className="mb-4 mt-6 px-6">
                   <AnnotationFull />
                 </div>
               )}
-              <div className='system-sm-medium flex h-16 items-center justify-between rounded-bl-xl rounded-br-xl border-t border-divider-subtle bg-background-section-burn px-4 text-text-tertiary'>
+              <div className="system-sm-medium flex h-16 items-center justify-between rounded-bl-xl rounded-br-xl border-t border-divider-subtle bg-background-section-burn px-4 text-text-tertiary">
                 <div
-                  className='flex items-center space-x-2'
+                  className="flex items-center space-x-2"
                 >
-                  <Checkbox id='create-next-checkbox' checked={isCreateNext} onCheck={() => setIsCreateNext(!isCreateNext)} />
+                  <Checkbox id="create-next-checkbox" checked={isCreateNext} onCheck={() => setIsCreateNext(!isCreateNext)} />
                   <div>{t('appAnnotation.addModal.createNext')}</div>
                 </div>
-                <div className='mt-2 flex space-x-2'>
-                  <Button className='h-7 text-xs' onClick={onHide}>{t('common.operation.cancel')}</Button>
-                  <Button className='h-7 text-xs' variant='primary' onClick={handleSave} loading={isSaving} disabled={isAnnotationFull}>{t('common.operation.add')}</Button>
+                <div className="mt-2 flex space-x-2">
+                  <Button className="h-7 text-xs" onClick={onHide}>{t('common.operation.cancel')}</Button>
+                  <Button className="h-7 text-xs" variant="primary" onClick={handleSave} loading={isSaving} disabled={isAnnotationFull}>{t('common.operation.add')}</Button>
                 </div>
               </div>
             </div>
diff --git a/web/app/components/app/annotation/batch-action.spec.tsx b/web/app/components/app/annotation/batch-action.spec.tsx
index 70765f6a32..8598088702 100644
--- a/web/app/components/app/annotation/batch-action.spec.tsx
+++ b/web/app/components/app/annotation/batch-action.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
 import BatchAction from './batch-action'
 
 describe('BatchAction', () => {
@@ -14,7 +14,7 @@ describe('BatchAction', () => {
   })
 
   it('should show the selected count and trigger cancel action', () => {
-    render(<BatchAction {...baseProps} className='custom-class' />)
+    render(<BatchAction {...baseProps} className="custom-class" />)
 
     expect(screen.getByText('3')).toBeInTheDocument()
     expect(screen.getByText('appAnnotation.batchAction.selected')).toBeInTheDocument()
diff --git a/web/app/components/app/annotation/batch-action.tsx b/web/app/components/app/annotation/batch-action.tsx
index 6ff392d17e..5d170d7054 100644
--- a/web/app/components/app/annotation/batch-action.tsx
+++ b/web/app/components/app/annotation/batch-action.tsx
@@ -1,10 +1,11 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import { RiDeleteBinLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useBoolean } from 'ahooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Confirm from '@/app/components/base/confirm'
 import Divider from '@/app/components/base/divider'
 import { cn } from '@/utils/classnames'
-import Confirm from '@/app/components/base/confirm'
 
 const i18nPrefix = 'appAnnotation.batchAction'
 
@@ -39,23 +40,23 @@ const BatchAction: FC<IBatchActionProps> = ({
   }
   return (
     <div className={cn('pointer-events-none flex w-full justify-center', className)}>
-      <div className='pointer-events-auto flex items-center gap-x-1 rounded-[10px] border border-components-actionbar-border-accent bg-components-actionbar-bg-accent p-1 shadow-xl shadow-shadow-shadow-5 backdrop-blur-[5px]'>
-        <div className='inline-flex items-center gap-x-2 py-1 pl-2 pr-3'>
-          <span className='flex h-5 w-5 items-center justify-center rounded-md bg-text-accent px-1 py-0.5 text-xs font-medium text-text-primary-on-surface'>
+      <div className="pointer-events-auto flex items-center gap-x-1 rounded-[10px] border border-components-actionbar-border-accent bg-components-actionbar-bg-accent p-1 shadow-xl shadow-shadow-shadow-5 backdrop-blur-[5px]">
+        <div className="inline-flex items-center gap-x-2 py-1 pl-2 pr-3">
+          <span className="flex h-5 w-5 items-center justify-center rounded-md bg-text-accent px-1 py-0.5 text-xs font-medium text-text-primary-on-surface">
             {selectedIds.length}
           </span>
-          <span className='text-[13px] font-semibold leading-[16px] text-text-accent'>{t(`${i18nPrefix}.selected`)}</span>
+          <span className="text-[13px] font-semibold leading-[16px] text-text-accent">{t(`${i18nPrefix}.selected`)}</span>
         </div>
-        <Divider type='vertical' className='mx-0.5 h-3.5 bg-divider-regular' />
-        <div className='flex cursor-pointer items-center gap-x-0.5 px-3 py-2' onClick={showDeleteConfirm}>
-          <RiDeleteBinLine className='h-4 w-4 text-components-button-destructive-ghost-text' />
-          <button type='button' className='px-0.5 text-[13px] font-medium leading-[16px] text-components-button-destructive-ghost-text' >
+        <Divider type="vertical" className="mx-0.5 h-3.5 bg-divider-regular" />
+        <div className="flex cursor-pointer items-center gap-x-0.5 px-3 py-2" onClick={showDeleteConfirm}>
+          <RiDeleteBinLine className="h-4 w-4 text-components-button-destructive-ghost-text" />
+          <button type="button" className="px-0.5 text-[13px] font-medium leading-[16px] text-components-button-destructive-ghost-text">
             {t('common.operation.delete')}
           </button>
         </div>
 
-        <Divider type='vertical' className='mx-0.5 h-3.5 bg-divider-regular' />
-        <button type='button' className='px-3.5 py-2 text-[13px] font-medium leading-[16px] text-components-button-ghost-text' onClick={onCancel}>
+        <Divider type="vertical" className="mx-0.5 h-3.5 bg-divider-regular" />
+        <button type="button" className="px-3.5 py-2 text-[13px] font-medium leading-[16px] text-components-button-ghost-text" onClick={onCancel}>
           {t('common.operation.cancel')}
         </button>
       </div>
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx
index eeeed8dcb4..a4ca710b88 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
+import type { Locale } from '@/i18n-config'
 import { render, screen } from '@testing-library/react'
-import CSVDownload from './csv-downloader'
+import React from 'react'
 import I18nContext from '@/context/i18n'
 import { LanguagesSupported } from '@/i18n-config/language'
-import type { Locale } from '@/i18n-config'
+import CSVDownload from './csv-downloader'
 
 const downloaderProps: any[] = []
 
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.tsx
index 13f8fa0b63..d966a3e28a 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useCSVDownloader,
 } from 'react-papaparse'
-import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import { Download02 as DownloadIcon } from '@/app/components/base/icons/src/vender/solid/general'
 import I18n from '@/context/i18n'
@@ -32,24 +32,40 @@ const CSVDownload: FC = () => {
   }
 
   return (
-    <div className='mt-6'>
-      <div className='system-sm-medium text-text-primary'>{t('share.generation.csvStructureTitle')}</div>
-      <div className='mt-2 max-h-[500px] overflow-auto'>
-        <table className='w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-regular text-xs'>
-          <thead className='text-text-tertiary'>
+    <div className="mt-6">
+      <div className="system-sm-medium text-text-primary">{t('share.generation.csvStructureTitle')}</div>
+      <div className="mt-2 max-h-[500px] overflow-auto">
+        <table className="w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-regular text-xs">
+          <thead className="text-text-tertiary">
             <tr>
-              <td className='h-9 border-b border-divider-regular pl-3 pr-2'>{t('appAnnotation.batchModal.question')}</td>
-              <td className='h-9 border-b border-divider-regular pl-3 pr-2'>{t('appAnnotation.batchModal.answer')}</td>
+              <td className="h-9 border-b border-divider-regular pl-3 pr-2">{t('appAnnotation.batchModal.question')}</td>
+              <td className="h-9 border-b border-divider-regular pl-3 pr-2">{t('appAnnotation.batchModal.answer')}</td>
             </tr>
           </thead>
-          <tbody className='text-text-secondary'>
+          <tbody className="text-text-secondary">
             <tr>
-              <td className='h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]'>{t('appAnnotation.batchModal.question')} 1</td>
-              <td className='h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]'>{t('appAnnotation.batchModal.answer')} 1</td>
+              <td className="h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]">
+                {t('appAnnotation.batchModal.question')}
+                {' '}
+                1
+              </td>
+              <td className="h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]">
+                {t('appAnnotation.batchModal.answer')}
+                {' '}
+                1
+              </td>
             </tr>
             <tr>
-              <td className='h-9 pl-3 pr-2 text-[13px]'>{t('appAnnotation.batchModal.question')} 2</td>
-              <td className='h-9 pl-3 pr-2 text-[13px]'>{t('appAnnotation.batchModal.answer')} 2</td>
+              <td className="h-9 pl-3 pr-2 text-[13px]">
+                {t('appAnnotation.batchModal.question')}
+                {' '}
+                2
+              </td>
+              <td className="h-9 pl-3 pr-2 text-[13px]">
+                {t('appAnnotation.batchModal.answer')}
+                {' '}
+                2
+              </td>
             </tr>
           </tbody>
         </table>
@@ -61,8 +77,8 @@ const CSVDownload: FC = () => {
         bom={true}
         data={getTemplate()}
       >
-        <div className='system-xs-medium flex h-[18px] items-center space-x-1 text-text-accent'>
-          <DownloadIcon className='mr-1 h-3 w-3' />
+        <div className="system-xs-medium flex h-[18px] items-center space-x-1 text-text-accent">
+          <DownloadIcon className="mr-1 h-3 w-3" />
           {t('appAnnotation.batchModal.template')}
         </div>
       </CSVDownloader>
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.spec.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.spec.tsx
index 041cd7ec71..342d2baeca 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.spec.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.spec.tsx
@@ -1,7 +1,8 @@
-import React from 'react'
+import type { Props } from './csv-uploader'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import CSVUploader, { type Props } from './csv-uploader'
+import React from 'react'
 import { ToastContext } from '@/app/components/base/toast'
+import CSVUploader from './csv-uploader'
 
 describe('CSVUploader', () => {
   const notify = vi.fn()
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.tsx
index c9766135df..ac10e636cf 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
+import { RiDeleteBinLine } from '@remixicon/react'
 import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { RiDeleteBinLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import Button from '@/app/components/base/button'
 import { Csv as CSVIcon } from '@/app/components/base/icons/src/public/files'
 import { ToastContext } from '@/app/components/base/toast'
-import Button from '@/app/components/base/button'
+import { cn } from '@/utils/classnames'
 
 export type Props = {
   file: File | undefined
@@ -82,40 +82,40 @@ const CSVUploader: FC<Props> = ({
   }, [])
 
   return (
-    <div className='mt-6'>
+    <div className="mt-6">
       <input
         ref={fileUploader}
         style={{ display: 'none' }}
         type="file"
         id="fileUploader"
-        accept='.csv'
+        accept=".csv"
         onChange={fileChangeHandle}
       />
       <div ref={dropRef}>
         {!file && (
           <div className={cn('system-sm-regular flex h-20 items-center rounded-xl border border-dashed border-components-dropzone-border bg-components-dropzone-bg', dragging && 'border border-components-dropzone-border-accent bg-components-dropzone-bg-accent')}>
-            <div className='flex w-full items-center justify-center space-x-2'>
+            <div className="flex w-full items-center justify-center space-x-2">
               <CSVIcon className="shrink-0" />
-              <div className='text-text-tertiary'>
+              <div className="text-text-tertiary">
                 {t('appAnnotation.batchModal.csvUploadTitle')}
-                <span className='cursor-pointer text-text-accent' onClick={selectHandle}>{t('appAnnotation.batchModal.browse')}</span>
+                <span className="cursor-pointer text-text-accent" onClick={selectHandle}>{t('appAnnotation.batchModal.browse')}</span>
               </div>
             </div>
-            {dragging && <div ref={dragRef} className='absolute left-0 top-0 h-full w-full' />}
+            {dragging && <div ref={dragRef} className="absolute left-0 top-0 h-full w-full" />}
           </div>
         )}
         {file && (
           <div className={cn('group flex h-20 items-center rounded-xl border border-components-panel-border bg-components-panel-bg px-6 text-sm font-normal', 'hover:border-components-panel-bg-blur hover:bg-components-panel-bg-blur')}>
             <CSVIcon className="shrink-0" />
-            <div className='ml-2 flex w-0 grow'>
-              <span className='max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-text-primary'>{file.name.replace(/.csv$/, '')}</span>
-              <span className='shrink-0 text-text-tertiary'>.csv</span>
+            <div className="ml-2 flex w-0 grow">
+              <span className="max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-text-primary">{file.name.replace(/.csv$/, '')}</span>
+              <span className="shrink-0 text-text-tertiary">.csv</span>
             </div>
-            <div className='hidden items-center group-hover:flex'>
-              <Button variant='secondary' onClick={selectHandle}>{t('datasetCreation.stepOne.uploader.change')}</Button>
-              <div className='mx-2 h-4 w-px bg-divider-regular' />
-              <div className='cursor-pointer p-2' onClick={removeFile} data-testid="remove-file-button">
-                <RiDeleteBinLine className='h-4 w-4 text-text-tertiary' />
+            <div className="hidden items-center group-hover:flex">
+              <Button variant="secondary" onClick={selectHandle}>{t('datasetCreation.stepOne.uploader.change')}</Button>
+              <div className="mx-2 h-4 w-px bg-divider-regular" />
+              <div className="cursor-pointer p-2" onClick={removeFile} data-testid="remove-file-button">
+                <RiDeleteBinLine className="h-4 w-4 text-text-tertiary" />
               </div>
             </div>
           </div>
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/index.spec.tsx
index 3d0e799801..feaa5e27e7 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/index.spec.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
+import type { Mock } from 'vitest'
+import type { IBatchModalProps } from './index'
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
-import BatchModal, { ProcessStatus } from './index'
+import React from 'react'
+import Toast from '@/app/components/base/toast'
 import { useProviderContext } from '@/context/provider-context'
 import { annotationBatchImport, checkAnnotationBatchImportProgress } from '@/service/annotation'
-import type { IBatchModalProps } from './index'
-import Toast from '@/app/components/base/toast'
-import type { Mock } from 'vitest'
+import BatchModal, { ProcessStatus } from './index'
 
 vi.mock('@/app/components/base/toast', () => ({
   __esModule: true,
@@ -32,7 +32,7 @@ let lastUploadedFile: File | undefined
 
 vi.mock('./csv-uploader', () => ({
   __esModule: true,
-  default: ({ file, updateFile }: { file?: File; updateFile: (file?: File) => void }) => (
+  default: ({ file, updateFile }: { file?: File, updateFile: (file?: File) => void }) => (
     <div>
       <button
         data-testid="mock-uploader"
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/index.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/index.tsx
index 8f4e9079ef..fcba222656 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/index.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
+import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import CSVUploader from './csv-uploader'
-import CSVDownloader from './csv-downloader'
 import Button from '@/app/components/base/button'
 import Modal from '@/app/components/base/modal'
 import Toast from '@/app/components/base/toast'
-import { annotationBatchImport, checkAnnotationBatchImportProgress } from '@/service/annotation'
-import { useProviderContext } from '@/context/provider-context'
 import AnnotationFull from '@/app/components/billing/annotation-full'
-import { noop } from 'lodash-es'
+import { useProviderContext } from '@/context/provider-context'
+import { annotationBatchImport, checkAnnotationBatchImportProgress } from '@/service/annotation'
+import CSVDownloader from './csv-downloader'
+import CSVUploader from './csv-uploader'
 
 export enum ProcessStatus {
   WAITING = 'waiting',
@@ -88,10 +88,10 @@ const BatchModal: FC<IBatchModalProps> = ({
   }
 
   return (
-    <Modal isShow={isShow} onClose={noop} className='!max-w-[520px] !rounded-xl px-8 py-6'>
-      <div className='system-xl-medium relative pb-1 text-text-primary'>{t('appAnnotation.batchModal.title')}</div>
-      <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onCancel}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+    <Modal isShow={isShow} onClose={noop} className="!max-w-[520px] !rounded-xl px-8 py-6">
+      <div className="system-xl-medium relative pb-1 text-text-primary">{t('appAnnotation.batchModal.title')}</div>
+      <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onCancel}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
       <CSVUploader
         file={currentCSV}
@@ -100,13 +100,13 @@ const BatchModal: FC<IBatchModalProps> = ({
       <CSVDownloader />
 
       {isAnnotationFull && (
-        <div className='mt-4'>
+        <div className="mt-4">
           <AnnotationFull />
         </div>
       )}
 
-      <div className='mt-[28px] flex justify-end pt-6'>
-        <Button className='system-sm-medium mr-2 text-text-tertiary' onClick={onCancel}>
+      <div className="mt-[28px] flex justify-end pt-6">
+        <Button className="system-sm-medium mr-2 text-text-tertiary" onClick={onCancel}>
           {t('appAnnotation.batchModal.cancel')}
         </Button>
         <Button
diff --git a/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.spec.tsx b/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.spec.tsx
index 8722f682eb..5c2bbcf62f 100644
--- a/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import ClearAllAnnotationsConfirmModal from './index'
 
 vi.mock('react-i18next', () => ({
@@ -22,7 +22,7 @@ beforeEach(() => {
 describe('ClearAllAnnotationsConfirmModal', () => {
   // Rendering visibility toggled by isShow flag
   describe('Rendering', () => {
-    test('should show confirmation dialog when isShow is true', () => {
+    it('should show confirmation dialog when isShow is true', () => {
       // Arrange
       render(
         <ClearAllAnnotationsConfirmModal
@@ -38,7 +38,7 @@ describe('ClearAllAnnotationsConfirmModal', () => {
       expect(screen.getByRole('button', { name: 'Confirm' })).toBeInTheDocument()
     })
 
-    test('should not render anything when isShow is false', () => {
+    it('should not render anything when isShow is false', () => {
       // Arrange
       render(
         <ClearAllAnnotationsConfirmModal
@@ -55,7 +55,7 @@ describe('ClearAllAnnotationsConfirmModal', () => {
 
   // User confirms or cancels clearing annotations
   describe('Interactions', () => {
-    test('should trigger onHide when cancel is clicked', () => {
+    it('should trigger onHide when cancel is clicked', () => {
       const onHide = vi.fn()
       const onConfirm = vi.fn()
       // Arrange
@@ -75,7 +75,7 @@ describe('ClearAllAnnotationsConfirmModal', () => {
       expect(onConfirm).not.toHaveBeenCalled()
     })
 
-    test('should trigger onConfirm when confirm is clicked', () => {
+    it('should trigger onConfirm when confirm is clicked', () => {
       const onHide = vi.fn()
       const onConfirm = vi.fn()
       // Arrange
diff --git a/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.tsx b/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.tsx
index 7316ee10a1..ab8c15eab6 100644
--- a/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.tsx
+++ b/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.tsx
@@ -23,7 +23,7 @@ const ClearAllAnnotationsConfirmModal: FC<Props> = ({
       isShow={isShow}
       onCancel={onHide}
       onConfirm={onConfirm}
-      type='danger'
+      type="danger"
       title={t('appAnnotation.table.header.clearAllConfirm')}
     />
   )
diff --git a/web/app/components/app/annotation/edit-annotation-modal/edit-item/index.tsx b/web/app/components/app/annotation/edit-annotation-modal/edit-item/index.tsx
index 6ba830967d..9ba7d9d5fb 100644
--- a/web/app/components/app/annotation/edit-annotation-modal/edit-item/index.tsx
+++ b/web/app/components/app/annotation/edit-annotation-modal/edit-item/index.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import { RiDeleteBinLine, RiEditFill, RiEditLine } from '@remixicon/react'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiDeleteBinLine, RiEditFill, RiEditLine } from '@remixicon/react'
+import Button from '@/app/components/base/button'
 import { Robot, User } from '@/app/components/base/icons/src/public/avatar'
 import Textarea from '@/app/components/base/textarea'
-import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
 
 export enum EditItemType {
@@ -19,16 +19,17 @@ type Props = {
   onSave: (content: string) => Promise<void>
 }
 
-export const EditTitle: FC<{ className?: string; title: string }> = ({ className, title }) => (
+export const EditTitle: FC<{ className?: string, title: string }> = ({ className, title }) => (
   <div className={cn(className, 'system-xs-medium flex h-[18px] items-center text-text-tertiary')}>
-    <RiEditFill className='mr-1 h-3.5 w-3.5' />
+    <RiEditFill className="mr-1 h-3.5 w-3.5" />
     <div>{title}</div>
     <div
-      className='ml-2 h-px grow'
+      className="ml-2 h-px grow"
       style={{
         background: 'linear-gradient(90deg, rgba(0, 0, 0, 0.05) -1.65%, rgba(0, 0, 0, 0.00) 100%)',
       }}
-    ></div>
+    >
+    </div>
   </div>
 )
 const EditItem: FC<Props> = ({
@@ -40,7 +41,7 @@ const EditItem: FC<Props> = ({
   const { t } = useTranslation()
   const [newContent, setNewContent] = useState('')
   const showNewContent = newContent && newContent !== content
-  const avatar = type === EditItemType.Query ? <User className='h-6 w-6' /> : <Robot className='h-6 w-6' />
+  const avatar = type === EditItemType.Query ? <User className="h-6 w-6" /> : <Robot className="h-6 w-6" />
   const name = type === EditItemType.Query ? t('appAnnotation.editModal.queryName') : t('appAnnotation.editModal.answerName')
   const editTitle = type === EditItemType.Query ? t('appAnnotation.editModal.yourQuery') : t('appAnnotation.editModal.yourAnswer')
   const placeholder = type === EditItemType.Query ? t('appAnnotation.editModal.queryPlaceholder') : t('appAnnotation.editModal.answerPlaceholder')
@@ -68,77 +69,77 @@ const EditItem: FC<Props> = ({
   }
 
   return (
-    <div className='flex' onClick={e => e.stopPropagation()}>
-      <div className='mr-3 shrink-0'>
+    <div className="flex" onClick={e => e.stopPropagation()}>
+      <div className="mr-3 shrink-0">
         {avatar}
       </div>
-      <div className='grow'>
-        <div className='system-xs-semibold mb-1 text-text-primary'>{name}</div>
-        <div className='system-sm-regular text-text-primary'>{content}</div>
+      <div className="grow">
+        <div className="system-xs-semibold mb-1 text-text-primary">{name}</div>
+        <div className="system-sm-regular text-text-primary">{content}</div>
         {!isEdit
           ? (
-            <div>
-              {showNewContent && (
-                <div className='mt-3'>
-                  <EditTitle title={editTitle} />
-                  <div className='system-sm-regular mt-1 text-text-primary'>{newContent}</div>
-                </div>
-              )}
-              <div className='mt-2 flex items-center'>
-                {!readonly && (
-                  <div
-                    className='system-xs-medium flex cursor-pointer items-center space-x-1 text-text-accent'
-                    onClick={() => {
-                      setIsEdit(true)
-                    }}
-                  >
-                    <RiEditLine className='mr-1 h-3.5 w-3.5' />
-                    <div>{t('common.operation.edit')}</div>
+              <div>
+                {showNewContent && (
+                  <div className="mt-3">
+                    <EditTitle title={editTitle} />
+                    <div className="system-sm-regular mt-1 text-text-primary">{newContent}</div>
                   </div>
                 )}
-
-                {showNewContent && (
-                  <div className='system-xs-medium ml-2 flex items-center text-text-tertiary'>
-                    <div className='mr-2'>·</div>
+                <div className="mt-2 flex items-center">
+                  {!readonly && (
                     <div
-                      className='flex cursor-pointer items-center space-x-1'
-                      onClick={async () => {
-                        try {
-                          await onSave(content)
-                          // Only update UI state after successful delete
-                          setNewContent(content)
-                        }
-                        catch {
-                          // Delete action failed - error is already handled by parent
-                          // UI state remains unchanged, user can retry
-                        }
+                      className="system-xs-medium flex cursor-pointer items-center space-x-1 text-text-accent"
+                      onClick={() => {
+                        setIsEdit(true)
                       }}
                     >
-                      <div className='h-3.5 w-3.5'>
-                        <RiDeleteBinLine className='h-3.5 w-3.5' />
-                      </div>
-                      <div>{t('common.operation.delete')}</div>
+                      <RiEditLine className="mr-1 h-3.5 w-3.5" />
+                      <div>{t('common.operation.edit')}</div>
                     </div>
-                  </div>
-                )}
+                  )}
+
+                  {showNewContent && (
+                    <div className="system-xs-medium ml-2 flex items-center text-text-tertiary">
+                      <div className="mr-2">·</div>
+                      <div
+                        className="flex cursor-pointer items-center space-x-1"
+                        onClick={async () => {
+                          try {
+                            await onSave(content)
+                            // Only update UI state after successful delete
+                            setNewContent(content)
+                          }
+                          catch {
+                          // Delete action failed - error is already handled by parent
+                          // UI state remains unchanged, user can retry
+                          }
+                        }}
+                      >
+                        <div className="h-3.5 w-3.5">
+                          <RiDeleteBinLine className="h-3.5 w-3.5" />
+                        </div>
+                        <div>{t('common.operation.delete')}</div>
+                      </div>
+                    </div>
+                  )}
+                </div>
               </div>
-            </div>
-          )
+            )
           : (
-            <div className='mt-3'>
-              <EditTitle title={editTitle} />
-              <Textarea
-                value={newContent}
-                onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setNewContent(e.target.value)}
-                placeholder={placeholder}
-                autoFocus
-              />
-              <div className='mt-2 flex space-x-2'>
-                <Button size='small' variant='primary' onClick={handleSave}>{t('common.operation.save')}</Button>
-                <Button size='small' onClick={handleCancel}>{t('common.operation.cancel')}</Button>
+              <div className="mt-3">
+                <EditTitle title={editTitle} />
+                <Textarea
+                  value={newContent}
+                  onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setNewContent(e.target.value)}
+                  placeholder={placeholder}
+                  autoFocus
+                />
+                <div className="mt-2 flex space-x-2">
+                  <Button size="small" variant="primary" onClick={handleSave}>{t('common.operation.save')}</Button>
+                  <Button size="small" onClick={handleCancel}>{t('common.operation.cancel')}</Button>
+                </div>
               </div>
-            </div>
-          )}
+            )}
       </div>
     </div>
   )
diff --git a/web/app/components/app/annotation/edit-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/edit-annotation-modal/index.spec.tsx
index e4e9f23505..490527e169 100644
--- a/web/app/components/app/annotation/edit-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/edit-annotation-modal/index.spec.tsx
@@ -1,6 +1,7 @@
+import type { IToastProps, ToastHandle } from '@/app/components/base/toast'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import Toast, { type IToastProps, type ToastHandle } from '@/app/components/base/toast'
+import Toast from '@/app/components/base/toast'
 import EditAnnotationModal from './index'
 
 const { mockAddAnnotation, mockEditAnnotation } = vi.hoisted(() => ({
diff --git a/web/app/components/app/annotation/edit-annotation-modal/index.tsx b/web/app/components/app/annotation/edit-annotation-modal/index.tsx
index 6172a215e4..288ca009bc 100644
--- a/web/app/components/app/annotation/edit-annotation-modal/index.tsx
+++ b/web/app/components/app/annotation/edit-annotation-modal/index.tsx
@@ -2,15 +2,15 @@
 import type { FC } from 'react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import EditItem, { EditItemType } from './edit-item'
+import Confirm from '@/app/components/base/confirm'
 import Drawer from '@/app/components/base/drawer-plus'
 import { MessageCheckRemove } from '@/app/components/base/icons/src/vender/line/communication'
-import Confirm from '@/app/components/base/confirm'
-import { addAnnotation, editAnnotation } from '@/service/annotation'
 import Toast from '@/app/components/base/toast'
-import { useProviderContext } from '@/context/provider-context'
 import AnnotationFull from '@/app/components/billing/annotation-full'
+import { useProviderContext } from '@/context/provider-context'
 import useTimestamp from '@/hooks/use-timestamp'
+import { addAnnotation, editAnnotation } from '@/service/annotation'
+import EditItem, { EditItemType } from './edit-item'
 
 type Props = {
   isShow: boolean
@@ -94,11 +94,11 @@ const EditAnnotationModal: FC<Props> = ({
       <Drawer
         isShow={isShow}
         onHide={onHide}
-        maxWidthClassName='!max-w-[480px]'
+        maxWidthClassName="!max-w-[480px]"
         title={t('appAnnotation.editModal.title') as string}
         body={(
           <div>
-            <div className='space-y-6 p-6 pb-4'>
+            <div className="space-y-6 p-6 pb-4">
               <EditItem
                 type={EditItemType.Query}
                 content={query}
@@ -124,10 +124,10 @@ const EditAnnotationModal: FC<Props> = ({
             </div>
           </div>
         )}
-        foot={
+        foot={(
           <div>
             {isAnnotationFull && (
-              <div className='mb-4 mt-6 px-6'>
+              <div className="mb-4 mt-6 px-6">
                 <AnnotationFull />
               </div>
             )}
@@ -135,21 +135,27 @@ const EditAnnotationModal: FC<Props> = ({
             {
               annotationId
                 ? (
-                  <div className='system-sm-medium flex h-16 items-center justify-between rounded-bl-xl rounded-br-xl border-t border-divider-subtle bg-background-section-burn px-4 text-text-tertiary'>
-                    <div
-                      className='flex cursor-pointer items-center space-x-2 pl-3'
-                      onClick={() => setShowModal(true)}
-                    >
-                      <MessageCheckRemove />
-                      <div>{t('appAnnotation.editModal.removeThisCache')}</div>
+                    <div className="system-sm-medium flex h-16 items-center justify-between rounded-bl-xl rounded-br-xl border-t border-divider-subtle bg-background-section-burn px-4 text-text-tertiary">
+                      <div
+                        className="flex cursor-pointer items-center space-x-2 pl-3"
+                        onClick={() => setShowModal(true)}
+                      >
+                        <MessageCheckRemove />
+                        <div>{t('appAnnotation.editModal.removeThisCache')}</div>
+                      </div>
+                      {createdAt && (
+                        <div>
+                          {t('appAnnotation.editModal.createdAt')}
+&nbsp;
+                          {formatTime(createdAt, t('appLog.dateTimeFormat') as string)}
+                        </div>
+                      )}
                     </div>
-                    {createdAt && <div>{t('appAnnotation.editModal.createdAt')}&nbsp;{formatTime(createdAt, t('appLog.dateTimeFormat') as string)}</div>}
-                  </div>
-                )
+                  )
                 : undefined
             }
           </div>
-        }
+        )}
       />
     </div>
 
diff --git a/web/app/components/app/annotation/empty-element.spec.tsx b/web/app/components/app/annotation/empty-element.spec.tsx
index 56ebb96121..3f96e917fd 100644
--- a/web/app/components/app/annotation/empty-element.spec.tsx
+++ b/web/app/components/app/annotation/empty-element.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import EmptyElement from './empty-element'
 
 describe('EmptyElement', () => {
diff --git a/web/app/components/app/annotation/empty-element.tsx b/web/app/components/app/annotation/empty-element.tsx
index a240f9398a..523f83a7cb 100644
--- a/web/app/components/app/annotation/empty-element.tsx
+++ b/web/app/components/app/annotation/empty-element.tsx
@@ -4,19 +4,24 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 const ThreeDotsIcon = ({ className }: SVGProps<SVGElement>) => {
-  return <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
-    <path d="M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103" stroke="#374151" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+  return (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
+      <path d="M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103" stroke="#374151" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
 }
 
 const EmptyElement: FC = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='flex h-full items-center justify-center'>
-      <div className='box-border h-fit w-[560px] rounded-2xl bg-background-section-burn px-5 py-4'>
-        <span className='system-md-semibold text-text-secondary'>{t('appAnnotation.noData.title')}<ThreeDotsIcon className='relative -left-1.5 -top-3 inline' /></span>
-        <div className='system-sm-regular mt-2 text-text-tertiary'>
+    <div className="flex h-full items-center justify-center">
+      <div className="box-border h-fit w-[560px] rounded-2xl bg-background-section-burn px-5 py-4">
+        <span className="system-md-semibold text-text-secondary">
+          {t('appAnnotation.noData.title')}
+          <ThreeDotsIcon className="relative -left-1.5 -top-3 inline" />
+        </span>
+        <div className="system-sm-regular mt-2 text-text-tertiary">
           {t('appAnnotation.noData.description')}
         </div>
       </div>
diff --git a/web/app/components/app/annotation/filter.spec.tsx b/web/app/components/app/annotation/filter.spec.tsx
index 47a758b17a..3dfc60d73f 100644
--- a/web/app/components/app/annotation/filter.spec.tsx
+++ b/web/app/components/app/annotation/filter.spec.tsx
@@ -1,8 +1,9 @@
 import type { Mock } from 'vitest'
-import React from 'react'
+import type { QueryParam } from './filter'
 import { fireEvent, render, screen } from '@testing-library/react'
-import Filter, { type QueryParam } from './filter'
+import React from 'react'
 import useSWR from 'swr'
+import Filter from './filter'
 
 vi.mock('swr', () => ({
   __esModule: true,
diff --git a/web/app/components/app/annotation/filter.tsx b/web/app/components/app/annotation/filter.tsx
index b494d383d2..02c2a859bf 100644
--- a/web/app/components/app/annotation/filter.tsx
+++ b/web/app/components/app/annotation/filter.tsx
@@ -29,9 +29,9 @@ const Filter: FC<IFilterProps> = ({
   if (!data)
     return null
   return (
-    <div className='mb-2 flex flex-row flex-wrap items-center justify-between gap-2'>
+    <div className="mb-2 flex flex-row flex-wrap items-center justify-between gap-2">
       <Input
-        wrapperClassName='w-[200px]'
+        wrapperClassName="w-[200px]"
         showLeftIcon
         showClearIcon
         value={queryParams.keyword}
diff --git a/web/app/components/app/annotation/header-opts/index.spec.tsx b/web/app/components/app/annotation/header-opts/index.spec.tsx
index 84a1aa86d5..c742f8effc 100644
--- a/web/app/components/app/annotation/header-opts/index.spec.tsx
+++ b/web/app/components/app/annotation/header-opts/index.spec.tsx
@@ -1,16 +1,16 @@
-import * as React from 'react'
+import type { ComponentProps } from 'react'
+import type { AnnotationItemBasic } from '../type'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import type { ComponentProps } from 'react'
-import HeaderOptions from './index'
+import * as React from 'react'
 import I18NContext from '@/context/i18n'
 import { LanguagesSupported } from '@/i18n-config/language'
-import type { AnnotationItemBasic } from '../type'
 import { clearAllAnnotations, fetchExportAnnotationList } from '@/service/annotation'
+import HeaderOptions from './index'
 
 vi.mock('@headlessui/react', () => {
-  type PopoverContextValue = { open: boolean; setOpen: (open: boolean) => void }
-  type MenuContextValue = { open: boolean; setOpen: (open: boolean) => void }
+  type PopoverContextValue = { open: boolean, setOpen: (open: boolean) => void }
+  type MenuContextValue = { open: boolean, setOpen: (open: boolean) => void }
   const PopoverContext = React.createContext<PopoverContextValue | null>(null)
   const MenuContext = React.createContext<MenuContextValue | null>(null)
 
@@ -24,7 +24,7 @@ vi.mock('@headlessui/react', () => {
     )
   }
 
-  const PopoverButton = React.forwardRef(({ onClick, children, ...props }: { onClick?: () => void; children?: React.ReactNode }, ref: React.Ref<HTMLButtonElement>) => {
+  const PopoverButton = React.forwardRef(({ onClick, children, ...props }: { onClick?: () => void, children?: React.ReactNode }, ref: React.Ref<HTMLButtonElement>) => {
     const context = React.useContext(PopoverContext)
     const handleClick = () => {
       context?.setOpen(!context.open)
@@ -45,7 +45,8 @@ vi.mock('@headlessui/react', () => {
 
   const PopoverPanel = React.forwardRef(({ children, ...props }: { children: React.ReactNode | ((props: { close: () => void }) => React.ReactNode) }, ref: React.Ref<HTMLDivElement>) => {
     const context = React.useContext(PopoverContext)
-    if (!context?.open) return null
+    if (!context?.open)
+      return null
     const content = typeof children === 'function' ? children({ close: () => context.setOpen(false) }) : children
     return (
       <div ref={ref} {...props}>
@@ -64,7 +65,7 @@ vi.mock('@headlessui/react', () => {
     )
   }
 
-  const MenuButton = ({ onClick, children, ...props }: { onClick?: () => void; children?: React.ReactNode }) => {
+  const MenuButton = ({ onClick, children, ...props }: { onClick?: () => void, children?: React.ReactNode }) => {
     const context = React.useContext(MenuContext)
     const handleClick = () => {
       context?.setOpen(!context.open)
@@ -79,7 +80,8 @@ vi.mock('@headlessui/react', () => {
 
   const MenuItems = ({ children, ...props }: { children: React.ReactNode }) => {
     const context = React.useContext(MenuContext)
-    if (!context?.open) return null
+    if (!context?.open)
+      return null
     return (
       <div {...props}>
         {children}
@@ -88,25 +90,26 @@ vi.mock('@headlessui/react', () => {
   }
 
   return {
-    Dialog: ({ open, children, className }: { open?: boolean; children: React.ReactNode; className?: string }) => {
-      if (open === false) return null
+    Dialog: ({ open, children, className }: { open?: boolean, children: React.ReactNode, className?: string }) => {
+      if (open === false)
+        return null
       return (
         <div role="dialog" className={className}>
           {children}
         </div>
       )
     },
-    DialogBackdrop: ({ children, className, onClick }: { children?: React.ReactNode; className?: string; onClick?: () => void }) => (
+    DialogBackdrop: ({ children, className, onClick }: { children?: React.ReactNode, className?: string, onClick?: () => void }) => (
       <div className={className} onClick={onClick}>
         {children}
       </div>
     ),
-    DialogPanel: ({ children, className, ...props }: { children: React.ReactNode; className?: string }) => (
+    DialogPanel: ({ children, className, ...props }: { children: React.ReactNode, className?: string }) => (
       <div className={className} {...props}>
         {children}
       </div>
     ),
-    DialogTitle: ({ children, className, ...props }: { children: React.ReactNode; className?: string }) => (
+    DialogTitle: ({ children, className, ...props }: { children: React.ReactNode, className?: string }) => (
       <div className={className} {...props}>
         {children}
       </div>
@@ -117,7 +120,7 @@ vi.mock('@headlessui/react', () => {
     Menu,
     MenuButton,
     MenuItems,
-    Transition: ({ show = true, children }: { show?: boolean; children: React.ReactNode }) => (show ? <>{children}</> : null),
+    Transition: ({ show = true, children }: { show?: boolean, children: React.ReactNode }) => (show ? <>{children}</> : null),
     TransitionChild: ({ children }: { children: React.ReactNode }) => <>{children}</>,
   }
 })
diff --git a/web/app/components/app/annotation/header-opts/index.tsx b/web/app/components/app/annotation/header-opts/index.tsx
index 5f8ef658e7..a6c9d71391 100644
--- a/web/app/components/app/annotation/header-opts/index.tsx
+++ b/web/app/components/app/annotation/header-opts/index.tsx
@@ -1,31 +1,30 @@
 'use client'
 import type { FC } from 'react'
-import React, { Fragment, useEffect, useState } from 'react'
-import ClearAllAnnotationsConfirmModal from '../clear-all-annotations-confirm-modal'
-import { useTranslation } from 'react-i18next'
+import type { AnnotationItemBasic } from '../type'
+import { Menu, MenuButton, MenuItems, Transition } from '@headlessui/react'
 import {
   RiAddLine,
   RiDeleteBinLine,
   RiMoreFill,
 } from '@remixicon/react'
-import { useContext } from 'use-context-selector'
+import React, { Fragment, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useCSVDownloader,
 } from 'react-papaparse'
-import { Menu, MenuButton, MenuItems, Transition } from '@headlessui/react'
+import { useContext } from 'use-context-selector'
+import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
+import { FileDownload02, FilePlus02 } from '@/app/components/base/icons/src/vender/line/files'
+import CustomPopover from '@/app/components/base/popover'
+import I18n from '@/context/i18n'
+import { LanguagesSupported } from '@/i18n-config/language'
+import { clearAllAnnotations, fetchExportAnnotationList } from '@/service/annotation'
+import { cn } from '@/utils/classnames'
+
 import Button from '../../../base/button'
 import AddAnnotationModal from '../add-annotation-modal'
-import type { AnnotationItemBasic } from '../type'
 import BatchAddModal from '../batch-add-annotation-modal'
-import { cn } from '@/utils/classnames'
-import CustomPopover from '@/app/components/base/popover'
-import { FileDownload02, FilePlus02 } from '@/app/components/base/icons/src/vender/line/files'
-import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
-
-import I18n from '@/context/i18n'
-import { fetchExportAnnotationList } from '@/service/annotation'
-import { clearAllAnnotations } from '@/service/annotation'
-import { LanguagesSupported } from '@/i18n-config/language'
+import ClearAllAnnotationsConfirmModal from '../clear-all-annotations-confirm-modal'
 
 const CSV_HEADER_QA_EN = ['Question', 'Answer']
 const CSV_HEADER_QA_CN = ['问题', '答案']
@@ -100,17 +99,21 @@ const HeaderOptions: FC<Props> = ({
   const Operations = () => {
     return (
       <div className="w-full py-1">
-        <button type="button" className='mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 hover:bg-components-panel-on-panel-item-bg-hover disabled:opacity-50' onClick={() => {
-          setShowBulkImportModal(true)
-        }}>
-          <FilePlus02 className='h-4 w-4 text-text-tertiary' />
-          <span className='system-sm-regular grow text-left text-text-secondary'>{t('appAnnotation.table.header.bulkImport')}</span>
+        <button
+          type="button"
+          className="mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 hover:bg-components-panel-on-panel-item-bg-hover disabled:opacity-50"
+          onClick={() => {
+            setShowBulkImportModal(true)
+          }}
+        >
+          <FilePlus02 className="h-4 w-4 text-text-tertiary" />
+          <span className="system-sm-regular grow text-left text-text-secondary">{t('appAnnotation.table.header.bulkImport')}</span>
         </button>
         <Menu as="div" className="relative h-full w-full">
-          <MenuButton className='mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 hover:bg-components-panel-on-panel-item-bg-hover disabled:opacity-50'>
-            <FileDownload02 className='h-4 w-4 text-text-tertiary' />
-            <span className='system-sm-regular grow text-left text-text-secondary'>{t('appAnnotation.table.header.bulkExport')}</span>
-            <ChevronRight className='h-[14px] w-[14px] shrink-0 text-text-tertiary' />
+          <MenuButton className="mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 hover:bg-components-panel-on-panel-item-bg-hover disabled:opacity-50">
+            <FileDownload02 className="h-4 w-4 text-text-tertiary" />
+            <span className="system-sm-regular grow text-left text-text-secondary">{t('appAnnotation.table.header.bulkExport')}</span>
+            <ChevronRight className="h-[14px] w-[14px] shrink-0 text-text-tertiary" />
           </MenuButton>
           <Transition
             as={Fragment}
@@ -135,22 +138,23 @@ const HeaderOptions: FC<Props> = ({
                   ...list.map(item => [item.question, item.answer]),
                 ]}
               >
-                <button type="button" disabled={annotationUnavailable} className='mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 hover:bg-components-panel-on-panel-item-bg-hover disabled:opacity-50'>
-                  <span className='system-sm-regular grow text-left text-text-secondary'>CSV</span>
+                <button type="button" disabled={annotationUnavailable} className="mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 hover:bg-components-panel-on-panel-item-bg-hover disabled:opacity-50">
+                  <span className="system-sm-regular grow text-left text-text-secondary">CSV</span>
                 </button>
               </CSVDownloader>
               <button type="button" disabled={annotationUnavailable} className={cn('mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 hover:bg-components-panel-on-panel-item-bg-hover disabled:opacity-50', '!border-0')} onClick={JSONLOutput}>
-                <span className='system-sm-regular grow text-left text-text-secondary'>JSONL</span>
+                <span className="system-sm-regular grow text-left text-text-secondary">JSONL</span>
               </button>
             </MenuItems>
           </Transition>
         </Menu>
-        <button type="button"
+        <button
+          type="button"
           onClick={handleClearAll}
-          className='mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 text-red-600 hover:bg-red-50 disabled:opacity-50'
+          className="mx-1 flex h-9 w-[calc(100%_-_8px)] cursor-pointer items-center space-x-2 rounded-lg px-3 py-2 text-red-600 hover:bg-red-50 disabled:opacity-50"
         >
-          <RiDeleteBinLine className='h-4 w-4' />
-          <span className='system-sm-regular grow text-left'>
+          <RiDeleteBinLine className="h-4 w-4" />
+          <span className="system-sm-regular grow text-left">
             {t('appAnnotation.table.header.clearAll')}
           </span>
         </button>
@@ -161,9 +165,9 @@ const HeaderOptions: FC<Props> = ({
   const [showAddModal, setShowAddModal] = React.useState(false)
 
   return (
-    <div className='flex space-x-2'>
-      <Button variant='primary' onClick={() => setShowAddModal(true)}>
-        <RiAddLine className='mr-0.5 h-4 w-4' />
+    <div className="flex space-x-2">
+      <Button variant="primary" onClick={() => setShowAddModal(true)}>
+        <RiAddLine className="mr-0.5 h-4 w-4" />
         <div>{t('appAnnotation.table.header.addAnnotation')}</div>
       </Button>
       <CustomPopover
@@ -171,11 +175,11 @@ const HeaderOptions: FC<Props> = ({
         position="br"
         trigger="click"
         btnElement={
-          <RiMoreFill className='h-4 w-4' />
+          <RiMoreFill className="h-4 w-4" />
         }
-        btnClassName='btn btn-secondary btn-medium w-8 p-0'
-        className={'!z-20 h-fit !w-[155px]'}
-        popupClassName='!w-full !overflow-visible'
+        btnClassName="btn btn-secondary btn-medium w-8 p-0"
+        className="!z-20 h-fit !w-[155px]"
+        popupClassName="!w-full !overflow-visible"
         manualClose
       />
       {showAddModal && (
diff --git a/web/app/components/app/annotation/index.spec.tsx b/web/app/components/app/annotation/index.spec.tsx
index 43c718d235..202b631f65 100644
--- a/web/app/components/app/annotation/index.spec.tsx
+++ b/web/app/components/app/annotation/index.spec.tsx
@@ -1,10 +1,10 @@
 import type { Mock } from 'vitest'
-import React from 'react'
-import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
-import Annotation from './index'
 import type { AnnotationItem } from './type'
-import { JobStatus } from './type'
-import { type App, AppModeEnum } from '@/types/app'
+import type { App } from '@/types/app'
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
+import Toast from '@/app/components/base/toast'
+import { useProviderContext } from '@/context/provider-context'
 import {
   addAnnotation,
   delAnnotation,
@@ -13,8 +13,9 @@ import {
   fetchAnnotationList,
   queryAnnotationJobStatus,
 } from '@/service/annotation'
-import { useProviderContext } from '@/context/provider-context'
-import Toast from '@/app/components/base/toast'
+import { AppModeEnum } from '@/types/app'
+import Annotation from './index'
+import { JobStatus } from './type'
 
 vi.mock('@/app/components/base/toast', () => ({
   __esModule: true,
diff --git a/web/app/components/app/annotation/index.tsx b/web/app/components/app/annotation/index.tsx
index 2d639c91e4..c673db2c28 100644
--- a/web/app/components/app/annotation/index.tsx
+++ b/web/app/components/app/annotation/index.tsx
@@ -1,32 +1,33 @@
 'use client'
 import type { FC } from 'react'
+import type { QueryParam } from './filter'
+import type { AnnotationItem, AnnotationItemBasic } from './type'
+import type { AnnotationReplyConfig } from '@/models/debug'
+import type { App } from '@/types/app'
+import { RiEqualizer2Line } from '@remixicon/react'
+import { useDebounce } from 'ahooks'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDebounce } from 'ahooks'
-import { RiEqualizer2Line } from '@remixicon/react'
-import Toast from '../../base/toast'
-import Filter from './filter'
-import type { QueryParam } from './filter'
-import List from './list'
-import EmptyElement from './empty-element'
-import HeaderOpts from './header-opts'
-import { AnnotationEnableStatus, type AnnotationItem, type AnnotationItemBasic, JobStatus } from './type'
-import ViewAnnotationModal from './view-annotation-modal'
-import { MessageFast } from '@/app/components/base/icons/src/vender/solid/communication'
 import ActionButton from '@/app/components/base/action-button'
+import ConfigParamModal from '@/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal'
+import { MessageFast } from '@/app/components/base/icons/src/vender/solid/communication'
+import Loading from '@/app/components/base/loading'
 import Pagination from '@/app/components/base/pagination'
 import Switch from '@/app/components/base/switch'
-import { addAnnotation, delAnnotation, fetchAnnotationConfig as doFetchAnnotationConfig, editAnnotation, fetchAnnotationList, queryAnnotationJobStatus, updateAnnotationScore, updateAnnotationStatus } from '@/service/annotation'
-import Loading from '@/app/components/base/loading'
-import { APP_PAGE_LIMIT } from '@/config'
-import ConfigParamModal from '@/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal'
-import type { AnnotationReplyConfig } from '@/models/debug'
-import { sleep } from '@/utils'
-import { useProviderContext } from '@/context/provider-context'
 import AnnotationFullModal from '@/app/components/billing/annotation-full/modal'
-import { type App, AppModeEnum } from '@/types/app'
+import { APP_PAGE_LIMIT } from '@/config'
+import { useProviderContext } from '@/context/provider-context'
+import { addAnnotation, delAnnotation, delAnnotations, fetchAnnotationConfig as doFetchAnnotationConfig, editAnnotation, fetchAnnotationList, queryAnnotationJobStatus, updateAnnotationScore, updateAnnotationStatus } from '@/service/annotation'
+import { AppModeEnum } from '@/types/app'
+import { sleep } from '@/utils'
 import { cn } from '@/utils/classnames'
-import { delAnnotations } from '@/service/annotation'
+import Toast from '../../base/toast'
+import EmptyElement from './empty-element'
+import Filter from './filter'
+import HeaderOpts from './header-opts'
+import List from './list'
+import { AnnotationEnableStatus, JobStatus } from './type'
+import ViewAnnotationModal from './view-annotation-modal'
 
 type Props = {
   appDetail: App
@@ -61,13 +62,15 @@ const Annotation: FC<Props> = (props) => {
   }
 
   useEffect(() => {
-    if (isChatApp) fetchAnnotationConfig()
+    if (isChatApp)
+      fetchAnnotationConfig()
   }, [])
 
   const ensureJobCompleted = async (jobId: string, status: AnnotationEnableStatus) => {
     while (true) {
       const res: any = await queryAnnotationJobStatus(appDetail.id, status, jobId)
-      if (res.job_status === JobStatus.completed) break
+      if (res.job_status === JobStatus.completed)
+        break
       await sleep(2000)
     }
   }
@@ -125,7 +128,8 @@ const Annotation: FC<Props> = (props) => {
   }
 
   const handleSave = async (question: string, answer: string) => {
-    if (!currItem) return
+    if (!currItem)
+      return
     await editAnnotation(appDetail.id, currItem.id, { question, answer })
     Toast.notify({ message: t('common.api.actionSuccess'), type: 'success' })
     fetchList()
@@ -133,24 +137,25 @@ const Annotation: FC<Props> = (props) => {
   }
 
   useEffect(() => {
-    if (!isShowEdit) setControlRefreshSwitch(Date.now())
+    if (!isShowEdit)
+      setControlRefreshSwitch(Date.now())
   }, [isShowEdit])
 
   return (
-    <div className='flex h-full flex-col'>
-      <p className='system-sm-regular text-text-tertiary'>{t('appLog.description')}</p>
-      <div className='relative flex h-full flex-1 flex-col py-4'>
+    <div className="flex h-full flex-col">
+      <p className="system-sm-regular text-text-tertiary">{t('appLog.description')}</p>
+      <div className="relative flex h-full flex-1 flex-col py-4">
         <Filter appId={appDetail.id} queryParams={queryParams} setQueryParams={setQueryParams}>
-          <div className='flex items-center space-x-2'>
+          <div className="flex items-center space-x-2">
             {isChatApp && (
               <>
                 <div className={cn(!annotationConfig?.enabled && 'pr-2', 'flex h-7 items-center space-x-1 rounded-lg border border-components-panel-border bg-components-panel-bg-blur pl-2')}>
-                  <MessageFast className='h-4 w-4 text-util-colors-indigo-indigo-600' />
-                  <div className='system-sm-medium text-text-primary'>{t('appAnnotation.name')}</div>
+                  <MessageFast className="h-4 w-4 text-util-colors-indigo-indigo-600" />
+                  <div className="system-sm-medium text-text-primary">{t('appAnnotation.name')}</div>
                   <Switch
                     key={controlRefreshSwitch}
                     defaultValue={annotationConfig?.enabled}
-                    size='md'
+                    size="md"
                     onChange={async (value) => {
                       if (value) {
                         if (isAnnotationFull) {
@@ -170,17 +175,18 @@ const Annotation: FC<Props> = (props) => {
                         })
                       }
                     }}
-                  ></Switch>
+                  >
+                  </Switch>
                   {annotationConfig?.enabled && (
-                    <div className='flex items-center pl-1.5'>
-                      <div className='mr-1 h-3.5 w-[1px] shrink-0 bg-divider-subtle'></div>
+                    <div className="flex items-center pl-1.5">
+                      <div className="mr-1 h-3.5 w-[1px] shrink-0 bg-divider-subtle"></div>
                       <ActionButton onClick={() => setIsShowEdit(true)}>
-                        <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+                        <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
                       </ActionButton>
                     </div>
                   )}
                 </div>
-                <div className='mx-3 h-3.5 w-[1px] shrink-0 bg-divider-regular'></div>
+                <div className="mx-3 h-3.5 w-[1px] shrink-0 bg-divider-regular"></div>
               </>
             )}
 
@@ -195,29 +201,32 @@ const Annotation: FC<Props> = (props) => {
           </div>
         </Filter>
         {isLoading
-          ? <Loading type='app' />
+          ? <Loading type="app" />
           // eslint-disable-next-line sonarjs/no-nested-conditional
           : total > 0
-            ? <List
-              list={list}
-              onRemove={handleRemove}
-              onView={handleView}
-              selectedIds={selectedIds}
-              onSelectedIdsChange={setSelectedIds}
-              onBatchDelete={handleBatchDelete}
-              onCancel={() => setSelectedIds([])}
-            />
-            : <div className='flex h-full grow items-center justify-center'><EmptyElement /></div>
-        }
+            ? (
+                <List
+                  list={list}
+                  onRemove={handleRemove}
+                  onView={handleView}
+                  selectedIds={selectedIds}
+                  onSelectedIdsChange={setSelectedIds}
+                  onBatchDelete={handleBatchDelete}
+                  onCancel={() => setSelectedIds([])}
+                />
+              )
+            : <div className="flex h-full grow items-center justify-center"><EmptyElement /></div>}
         {/* Show Pagination only if the total is more than the limit */}
         {(total && total > APP_PAGE_LIMIT)
-          ? <Pagination
-            current={currPage}
-            onChange={setCurrPage}
-            total={total}
-            limit={limit}
-            onLimitChange={setLimit}
-          />
+          ? (
+              <Pagination
+                current={currPage}
+                onChange={setCurrPage}
+                total={total}
+                limit={limit}
+                onLimitChange={setLimit}
+              />
+            )
           : null}
 
         {isShowViewModal && (
diff --git a/web/app/components/app/annotation/list.spec.tsx b/web/app/components/app/annotation/list.spec.tsx
index 8f8eb97d67..f0a8aa9d93 100644
--- a/web/app/components/app/annotation/list.spec.tsx
+++ b/web/app/components/app/annotation/list.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import { fireEvent, render, screen, within } from '@testing-library/react'
-import List from './list'
 import type { AnnotationItem } from './type'
+import { fireEvent, render, screen, within } from '@testing-library/react'
+import React from 'react'
+import List from './list'
 
 const mockFormatTime = vi.fn(() => 'formatted-time')
 
diff --git a/web/app/components/app/annotation/list.tsx b/web/app/components/app/annotation/list.tsx
index 62a0c50e60..45e33b1a1a 100644
--- a/web/app/components/app/annotation/list.tsx
+++ b/web/app/components/app/annotation/list.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { AnnotationItem } from './type'
+import { RiDeleteBinLine, RiEditLine } from '@remixicon/react'
 import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiDeleteBinLine, RiEditLine } from '@remixicon/react'
-import type { AnnotationItem } from './type'
-import RemoveAnnotationConfirmModal from './remove-annotation-confirm-modal'
 import ActionButton from '@/app/components/base/action-button'
+import Checkbox from '@/app/components/base/checkbox'
 import useTimestamp from '@/hooks/use-timestamp'
 import { cn } from '@/utils/classnames'
-import Checkbox from '@/app/components/base/checkbox'
 import BatchAction from './batch-action'
+import RemoveAnnotationConfirmModal from './remove-annotation-confirm-modal'
 
 type Props = {
   list: AnnotationItem[]
@@ -55,39 +55,39 @@ const List: FC<Props> = ({
 
   return (
     <>
-      <div className='relative mt-2 grow overflow-x-auto'>
+      <div className="relative mt-2 grow overflow-x-auto">
         <table className={cn('w-full min-w-[440px] border-collapse border-0')}>
-          <thead className='system-xs-medium-uppercase text-text-tertiary'>
+          <thead className="system-xs-medium-uppercase text-text-tertiary">
             <tr>
-              <td className='w-12 whitespace-nowrap rounded-l-lg bg-background-section-burn px-2'>
+              <td className="w-12 whitespace-nowrap rounded-l-lg bg-background-section-burn px-2">
                 <Checkbox
-                  className='mr-2'
+                  className="mr-2"
                   checked={isAllSelected}
                   indeterminate={!isAllSelected && isSomeSelected}
                   onCheck={handleSelectAll}
                 />
               </td>
-              <td className='w-5 whitespace-nowrap bg-background-section-burn pl-2 pr-1'>{t('appAnnotation.table.header.question')}</td>
-              <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.answer')}</td>
-              <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.createdAt')}</td>
-              <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.hits')}</td>
-              <td className='w-[96px] whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.table.header.actions')}</td>
+              <td className="w-5 whitespace-nowrap bg-background-section-burn pl-2 pr-1">{t('appAnnotation.table.header.question')}</td>
+              <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.table.header.answer')}</td>
+              <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.table.header.createdAt')}</td>
+              <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.table.header.hits')}</td>
+              <td className="w-[96px] whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.table.header.actions')}</td>
             </tr>
           </thead>
           <tbody className="system-sm-regular text-text-secondary">
             {list.map(item => (
               <tr
                 key={item.id}
-                className='cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover'
+                className="cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover"
                 onClick={
                   () => {
                     onView(item)
                   }
                 }
               >
-                <td className='w-12 px-2' onClick={e => e.stopPropagation()}>
+                <td className="w-12 px-2" onClick={e => e.stopPropagation()}>
                   <Checkbox
-                    className='mr-2'
+                    className="mr-2"
                     checked={selectedIds.includes(item.id)}
                     onCheck={() => {
                       if (selectedIds.includes(item.id))
@@ -98,20 +98,24 @@ const List: FC<Props> = ({
                   />
                 </td>
                 <td
-                  className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2'
+                  className="max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2"
                   title={item.question}
-                >{item.question}</td>
+                >
+                  {item.question}
+                </td>
                 <td
-                  className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2'
+                  className="max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2"
                   title={item.answer}
-                >{item.answer}</td>
-                <td className='p-3 pr-2'>{formatTime(item.created_at, t('appLog.dateTimeFormat') as string)}</td>
-                <td className='p-3 pr-2'>{item.hit_count}</td>
-                <td className='w-[96px] p-3 pr-2' onClick={e => e.stopPropagation()}>
+                >
+                  {item.answer}
+                </td>
+                <td className="p-3 pr-2">{formatTime(item.created_at, t('appLog.dateTimeFormat') as string)}</td>
+                <td className="p-3 pr-2">{item.hit_count}</td>
+                <td className="w-[96px] p-3 pr-2" onClick={e => e.stopPropagation()}>
                   {/* Actions */}
-                  <div className='flex space-x-1 text-text-tertiary'>
+                  <div className="flex space-x-1 text-text-tertiary">
                     <ActionButton onClick={() => onView(item)}>
-                      <RiEditLine className='h-4 w-4' />
+                      <RiEditLine className="h-4 w-4" />
                     </ActionButton>
                     <ActionButton
                       onClick={() => {
@@ -119,7 +123,7 @@ const List: FC<Props> = ({
                         setShowConfirmDelete(true)
                       }}
                     >
-                      <RiDeleteBinLine className='h-4 w-4' />
+                      <RiDeleteBinLine className="h-4 w-4" />
                     </ActionButton>
                   </div>
                 </td>
@@ -138,7 +142,7 @@ const List: FC<Props> = ({
       </div>
       {selectedIds.length > 0 && (
         <BatchAction
-          className='absolute bottom-20 left-0 z-20'
+          className="absolute bottom-20 left-0 z-20"
           selectedIds={selectedIds}
           onBatchDelete={onBatchDelete}
           onCancel={onCancel}
diff --git a/web/app/components/app/annotation/remove-annotation-confirm-modal/index.spec.tsx b/web/app/components/app/annotation/remove-annotation-confirm-modal/index.spec.tsx
index 77648ace02..e26ea691c6 100644
--- a/web/app/components/app/annotation/remove-annotation-confirm-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/remove-annotation-confirm-modal/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import RemoveAnnotationConfirmModal from './index'
 
 vi.mock('react-i18next', () => ({
@@ -22,7 +22,7 @@ beforeEach(() => {
 describe('RemoveAnnotationConfirmModal', () => {
   // Rendering behavior driven by isShow and translations
   describe('Rendering', () => {
-    test('should display the confirm modal when visible', () => {
+    it('should display the confirm modal when visible', () => {
       // Arrange
       render(
         <RemoveAnnotationConfirmModal
@@ -38,7 +38,7 @@ describe('RemoveAnnotationConfirmModal', () => {
       expect(screen.getByRole('button', { name: 'Confirm' })).toBeInTheDocument()
     })
 
-    test('should not render modal content when hidden', () => {
+    it('should not render modal content when hidden', () => {
       // Arrange
       render(
         <RemoveAnnotationConfirmModal
@@ -55,7 +55,7 @@ describe('RemoveAnnotationConfirmModal', () => {
 
   // User interactions with confirm and cancel buttons
   describe('Interactions', () => {
-    test('should call onHide when cancel button is clicked', () => {
+    it('should call onHide when cancel button is clicked', () => {
       const onHide = vi.fn()
       const onRemove = vi.fn()
       // Arrange
@@ -75,7 +75,7 @@ describe('RemoveAnnotationConfirmModal', () => {
       expect(onRemove).not.toHaveBeenCalled()
     })
 
-    test('should call onRemove when confirm button is clicked', () => {
+    it('should call onRemove when confirm button is clicked', () => {
       const onHide = vi.fn()
       const onRemove = vi.fn()
       // Arrange
diff --git a/web/app/components/app/annotation/view-annotation-modal/hit-history-no-data.tsx b/web/app/components/app/annotation/view-annotation-modal/hit-history-no-data.tsx
index ae4eb67f61..cebb5630eb 100644
--- a/web/app/components/app/annotation/view-annotation-modal/hit-history-no-data.tsx
+++ b/web/app/components/app/annotation/view-annotation-modal/hit-history-no-data.tsx
@@ -7,11 +7,11 @@ import { ClockFastForward } from '@/app/components/base/icons/src/vender/line/ti
 const HitHistoryNoData: FC = () => {
   const { t } = useTranslation()
   return (
-    <div className='mx-auto mt-20 w-[480px] space-y-2 rounded-2xl bg-background-section-burn p-5'>
-      <div className='inline-block rounded-lg border border-divider-subtle p-3'>
-        <ClockFastForward className='h-5 w-5 text-text-tertiary' />
+    <div className="mx-auto mt-20 w-[480px] space-y-2 rounded-2xl bg-background-section-burn p-5">
+      <div className="inline-block rounded-lg border border-divider-subtle p-3">
+        <ClockFastForward className="h-5 w-5 text-text-tertiary" />
       </div>
-      <div className='system-sm-regular text-text-tertiary'>{t('appAnnotation.viewModal.noHitHistory')}</div>
+      <div className="system-sm-regular text-text-tertiary">{t('appAnnotation.viewModal.noHitHistory')}</div>
     </div>
   )
 }
diff --git a/web/app/components/app/annotation/view-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/view-annotation-modal/index.spec.tsx
index 1bbaf3916c..9fe8e585f4 100644
--- a/web/app/components/app/annotation/view-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/view-annotation-modal/index.spec.tsx
@@ -1,9 +1,9 @@
 import type { Mock } from 'vitest'
-import React from 'react'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import ViewAnnotationModal from './index'
 import type { AnnotationItem, HitHistoryItem } from '../type'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
 import { fetchHitHistoryList } from '@/service/annotation'
+import ViewAnnotationModal from './index'
 
 const mockFormatTime = vi.fn(() => 'formatted-time')
 
@@ -25,10 +25,13 @@ vi.mock('../edit-annotation-modal/edit-item', () => {
   }
   return {
     __esModule: true,
-    default: ({ type, content, onSave }: { type: string; content: string; onSave: (value: string) => void }) => (
+    default: ({ type, content, onSave }: { type: string, content: string, onSave: (value: string) => void }) => (
       <div>
         <div data-testid={`content-${type}`}>{content}</div>
-        <button data-testid={`edit-${type}`} onClick={() => onSave(`${type}-updated`)}>edit-{type}</button>
+        <button data-testid={`edit-${type}`} onClick={() => onSave(`${type}-updated`)}>
+          edit-
+          {type}
+        </button>
       </div>
     ),
     EditItemType,
diff --git a/web/app/components/app/annotation/view-annotation-modal/index.tsx b/web/app/components/app/annotation/view-annotation-modal/index.tsx
index d21b177098..f2db6de7c0 100644
--- a/web/app/components/app/annotation/view-annotation-modal/index.tsx
+++ b/web/app/components/app/annotation/view-annotation-modal/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { AnnotationItem, HitHistoryItem } from '../type'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import EditItem, { EditItemType } from '../edit-annotation-modal/edit-item'
-import type { AnnotationItem, HitHistoryItem } from '../type'
-import HitHistoryNoData from './hit-history-no-data'
 import Badge from '@/app/components/base/badge'
-import Drawer from '@/app/components/base/drawer-plus'
-import Pagination from '@/app/components/base/pagination'
-import { MessageCheckRemove } from '@/app/components/base/icons/src/vender/line/communication'
 import Confirm from '@/app/components/base/confirm'
+import Drawer from '@/app/components/base/drawer-plus'
+import { MessageCheckRemove } from '@/app/components/base/icons/src/vender/line/communication'
+import Pagination from '@/app/components/base/pagination'
 import TabSlider from '@/app/components/base/tab-slider-plain'
-import { fetchHitHistoryList } from '@/service/annotation'
 import { APP_PAGE_LIMIT } from '@/config'
 import useTimestamp from '@/hooks/use-timestamp'
+import { fetchHitHistoryList } from '@/service/annotation'
 import { cn } from '@/utils/classnames'
+import EditItem, { EditItemType } from '../edit-annotation-modal/edit-item'
+import HitHistoryNoData from './hit-history-no-data'
 
 type Props = {
   appId: string
@@ -86,13 +86,13 @@ const ViewAnnotationModal: FC<Props> = ({
       text: (
         hitHistoryList.length > 0
           ? (
-            <div className='flex items-center space-x-1'>
-              <div>{t('appAnnotation.viewModal.hitHistory')}</div>
-              <Badge
-                text={`${total} ${t(`appAnnotation.viewModal.hit${hitHistoryList.length > 1 ? 's' : ''}`)}`}
-              />
-            </div>
-          )
+              <div className="flex items-center space-x-1">
+                <div>{t('appAnnotation.viewModal.hitHistory')}</div>
+                <Badge
+                  text={`${total} ${t(`appAnnotation.viewModal.hit${hitHistoryList.length > 1 ? 's' : ''}`)}`}
+                />
+              </div>
+            )
           : t('appAnnotation.viewModal.hitHistory')
       ),
     },
@@ -134,73 +134,81 @@ const ViewAnnotationModal: FC<Props> = ({
   const hitHistoryTab = total === 0
     ? (<HitHistoryNoData />)
     : (
-      <div>
-        <table className={cn('w-full min-w-[440px] border-collapse border-0')} >
-          <thead className="system-xs-medium-uppercase text-text-tertiary">
-            <tr>
-              <td className='w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1'>{t('appAnnotation.hitHistoryTable.query')}</td>
-              <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.match')}</td>
-              <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.response')}</td>
-              <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.source')}</td>
-              <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.score')}</td>
-              <td className='w-[160px] whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3'>{t('appAnnotation.hitHistoryTable.time')}</td>
-            </tr>
-          </thead>
-          <tbody className="system-sm-regular text-text-secondary">
-            {hitHistoryList.map(item => (
-              <tr
-                key={item.id}
-                className={'cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover'}
-              >
-                <td
-                  className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2'
-                  title={item.question}
-                >{item.question}</td>
-                <td
-                  className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2'
-                  title={item.match}
-                >{item.match}</td>
-                <td
-                  className='max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2'
-                  title={item.response}
-                >{item.response}</td>
-                <td className='p-3 pr-2'>{item.source}</td>
-                <td className='p-3 pr-2'>{item.score ? item.score.toFixed(2) : '-'}</td>
-                <td className='p-3 pr-2'>{formatTime(item.created_at, t('appLog.dateTimeFormat') as string)}</td>
+        <div>
+          <table className={cn('w-full min-w-[440px] border-collapse border-0')}>
+            <thead className="system-xs-medium-uppercase text-text-tertiary">
+              <tr>
+                <td className="w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1">{t('appAnnotation.hitHistoryTable.query')}</td>
+                <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.hitHistoryTable.match')}</td>
+                <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.hitHistoryTable.response')}</td>
+                <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.hitHistoryTable.source')}</td>
+                <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.hitHistoryTable.score')}</td>
+                <td className="w-[160px] whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3">{t('appAnnotation.hitHistoryTable.time')}</td>
               </tr>
-            ))}
-          </tbody>
-        </table>
-        {(total && total > APP_PAGE_LIMIT)
-          ? <Pagination
-            className='px-0'
-            current={currPage}
-            onChange={setCurrPage}
-            total={total}
-          />
-          : null}
-      </div>
+            </thead>
+            <tbody className="system-sm-regular text-text-secondary">
+              {hitHistoryList.map(item => (
+                <tr
+                  key={item.id}
+                  className="cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover"
+                >
+                  <td
+                    className="max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2"
+                    title={item.question}
+                  >
+                    {item.question}
+                  </td>
+                  <td
+                    className="max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2"
+                    title={item.match}
+                  >
+                    {item.match}
+                  </td>
+                  <td
+                    className="max-w-[250px] overflow-hidden text-ellipsis whitespace-nowrap p-3 pr-2"
+                    title={item.response}
+                  >
+                    {item.response}
+                  </td>
+                  <td className="p-3 pr-2">{item.source}</td>
+                  <td className="p-3 pr-2">{item.score ? item.score.toFixed(2) : '-'}</td>
+                  <td className="p-3 pr-2">{formatTime(item.created_at, t('appLog.dateTimeFormat') as string)}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+          {(total && total > APP_PAGE_LIMIT)
+            ? (
+                <Pagination
+                  className="px-0"
+                  current={currPage}
+                  onChange={setCurrPage}
+                  total={total}
+                />
+              )
+            : null}
+        </div>
 
-    )
+      )
   return (
     <div>
       <Drawer
         isShow={isShow}
         onHide={onHide}
-        maxWidthClassName='!max-w-[800px]'
-        title={
+        maxWidthClassName="!max-w-[800px]"
+        title={(
           <TabSlider
-            className='relative top-[9px] shrink-0'
+            className="relative top-[9px] shrink-0"
             value={activeTab}
             onChange={v => setActiveTab(v as TabType)}
             options={tabs}
             noBorderBottom
-            itemClassName='!pb-3.5'
+            itemClassName="!pb-3.5"
           />
-        }
+        )}
         body={(
           <div>
-            <div className='space-y-6 p-6 pb-4'>
+            <div className="space-y-6 p-6 pb-4">
               {activeTab === TabType.annotation ? annotationTab : hitHistoryTab}
             </div>
             <Confirm
@@ -217,17 +225,21 @@ const ViewAnnotationModal: FC<Props> = ({
         )}
         foot={id
           ? (
-            <div className='system-sm-medium flex h-16 items-center justify-between rounded-bl-xl rounded-br-xl border-t border-divider-subtle bg-background-section-burn px-4 text-text-tertiary'>
-              <div
-                className='flex cursor-pointer items-center space-x-2 pl-3'
-                onClick={() => setShowModal(true)}
-              >
-                <MessageCheckRemove />
-                <div>{t('appAnnotation.editModal.removeThisCache')}</div>
+              <div className="system-sm-medium flex h-16 items-center justify-between rounded-bl-xl rounded-br-xl border-t border-divider-subtle bg-background-section-burn px-4 text-text-tertiary">
+                <div
+                  className="flex cursor-pointer items-center space-x-2 pl-3"
+                  onClick={() => setShowModal(true)}
+                >
+                  <MessageCheckRemove />
+                  <div>{t('appAnnotation.editModal.removeThisCache')}</div>
+                </div>
+                <div>
+                  {t('appAnnotation.editModal.createdAt')}
+&nbsp;
+                  {formatTime(createdAt, t('appLog.dateTimeFormat') as string)}
+                </div>
               </div>
-              <div>{t('appAnnotation.editModal.createdAt')}&nbsp;{formatTime(createdAt, t('appLog.dateTimeFormat') as string)}</div>
-            </div>
-          )
+            )
           : undefined}
       />
     </div>
diff --git a/web/app/components/app/app-access-control/access-control-dialog.tsx b/web/app/components/app/app-access-control/access-control-dialog.tsx
index 99cf6d7074..da029f1b49 100644
--- a/web/app/components/app/app-access-control/access-control-dialog.tsx
+++ b/web/app/components/app/app-access-control/access-control-dialog.tsx
@@ -1,7 +1,7 @@
-import { Fragment, useCallback } from 'react'
 import type { ReactNode } from 'react'
 import { Dialog, Transition } from '@headlessui/react'
 import { RiCloseLine } from '@remixicon/react'
+import { Fragment, useCallback } from 'react'
 import { cn } from '@/utils/classnames'
 
 type DialogProps = {
@@ -47,14 +47,14 @@ const AccessControlDialog = ({
           >
             <Dialog.Panel className={cn('relative h-auto min-h-[323px] w-[600px] overflow-y-auto rounded-2xl bg-components-panel-bg p-0 shadow-xl transition-all', className)}>
               <div onClick={() => close()} className="absolute right-5 top-5 z-10 flex h-8 w-8 cursor-pointer items-center justify-center">
-                <RiCloseLine className='h-5 w-5 text-text-tertiary' />
+                <RiCloseLine className="h-5 w-5 text-text-tertiary" />
               </div>
               {children}
             </Dialog.Panel>
           </Transition.Child>
         </div>
       </Dialog>
-    </Transition >
+    </Transition>
   )
 }
 
diff --git a/web/app/components/app/app-access-control/access-control-item.tsx b/web/app/components/app/app-access-control/access-control-item.tsx
index ce3bf5d275..b7dd560b00 100644
--- a/web/app/components/app/app-access-control/access-control-item.tsx
+++ b/web/app/components/app/app-access-control/access-control-item.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC, PropsWithChildren } from 'react'
-import useAccessControlStore from '@/context/access-control-store'
 import type { AccessMode } from '@/models/access-control'
+import useAccessControlStore from '@/context/access-control-store'
 
 type AccessControlItemProps = PropsWithChildren<{
   type: AccessMode
@@ -11,19 +11,25 @@ const AccessControlItem: FC<AccessControlItemProps> = ({ type, children }) => {
   const currentMenu = useAccessControlStore(s => s.currentMenu)
   const setCurrentMenu = useAccessControlStore(s => s.setCurrentMenu)
   if (currentMenu !== type) {
-    return <div
-      className="cursor-pointer rounded-[10px] border-[1px]
+    return (
+      <div
+        className="cursor-pointer rounded-[10px] border-[1px]
       border-components-option-card-option-border bg-components-option-card-option-bg
       hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover"
-      onClick={() => setCurrentMenu(type)} >
-      {children}
-    </div>
+        onClick={() => setCurrentMenu(type)}
+      >
+        {children}
+      </div>
+    )
   }
 
-  return <div className="rounded-[10px] border-[1.5px]
-  border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg shadow-sm">
-    {children}
-  </div>
+  return (
+    <div className="rounded-[10px] border-[1.5px]
+  border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg shadow-sm"
+    >
+      {children}
+    </div>
+  )
 }
 
 AccessControlItem.displayName = 'AccessControlItem'
diff --git a/web/app/components/app/app-access-control/access-control.spec.tsx b/web/app/components/app/app-access-control/access-control.spec.tsx
index 0948361413..dd9acd3479 100644
--- a/web/app/components/app/app-access-control/access-control.spec.tsx
+++ b/web/app/components/app/app-access-control/access-control.spec.tsx
@@ -1,17 +1,17 @@
+import type { AccessControlAccount, AccessControlGroup, Subject } from '@/models/access-control'
+import type { App } from '@/types/app'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import AccessControl from './index'
+import useAccessControlStore from '@/context/access-control-store'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { AccessMode, SubjectType } from '@/models/access-control'
+import { defaultSystemFeatures } from '@/types/feature'
+import Toast from '../../base/toast'
 import AccessControlDialog from './access-control-dialog'
 import AccessControlItem from './access-control-item'
 import AddMemberOrGroupDialog from './add-member-or-group-pop'
+import AccessControl from './index'
 import SpecificGroupsOrMembers from './specific-groups-or-members'
-import useAccessControlStore from '@/context/access-control-store'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import type { AccessControlAccount, AccessControlGroup, Subject } from '@/models/access-control'
-import { AccessMode, SubjectType } from '@/models/access-control'
-import Toast from '../../base/toast'
-import { defaultSystemFeatures } from '@/types/feature'
-import type { App } from '@/types/app'
 
 const mockUseAppWhiteListSubjects = vi.fn()
 const mockUseSearchForWhiteListCandidates = vi.fn()
@@ -22,7 +22,7 @@ const mockUseUpdateAccessMode = vi.fn(() => ({
 }))
 
 vi.mock('@/context/app-context', () => ({
-  useSelector: <T,>(selector: (value: { userProfile: { email: string; id?: string; name?: string; avatar?: string; avatar_url?: string; is_password_set?: boolean } }) => T) => selector({
+  useSelector: <T,>(selector: (value: { userProfile: { email: string, id?: string, name?: string, avatar?: string, avatar_url?: string, is_password_set?: boolean } }) => T) => selector({
     userProfile: {
       id: 'current-user',
       name: 'Current User',
diff --git a/web/app/components/app/app-access-control/add-member-or-group-pop.tsx b/web/app/components/app/app-access-control/add-member-or-group-pop.tsx
index 17263fdd46..9e33355037 100644
--- a/web/app/components/app/app-access-control/add-member-or-group-pop.tsx
+++ b/web/app/components/app/app-access-control/add-member-or-group-pop.tsx
@@ -1,21 +1,21 @@
 'use client'
-import { RiAddCircleFill, RiArrowRightSLine, RiOrganizationChart } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { useDebounce } from 'ahooks'
+import type { AccessControlAccount, AccessControlGroup, Subject, SubjectAccount, SubjectGroup } from '@/models/access-control'
 import { FloatingOverlay } from '@floating-ui/react'
+import { RiAddCircleFill, RiArrowRightSLine, RiOrganizationChart } from '@remixicon/react'
+import { useDebounce } from 'ahooks'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useSelector } from '@/context/app-context'
+import { SubjectType } from '@/models/access-control'
+import { useSearchForWhiteListCandidates } from '@/service/access-control'
+import { cn } from '@/utils/classnames'
+import useAccessControlStore from '../../../../context/access-control-store'
 import Avatar from '../../base/avatar'
 import Button from '../../base/button'
 import Checkbox from '../../base/checkbox'
 import Input from '../../base/input'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../../base/portal-to-follow-elem'
 import Loading from '../../base/loading'
-import useAccessControlStore from '../../../../context/access-control-store'
-import { cn } from '@/utils/classnames'
-import { useSearchForWhiteListCandidates } from '@/service/access-control'
-import type { AccessControlAccount, AccessControlGroup, Subject, SubjectAccount, SubjectGroup } from '@/models/access-control'
-import { SubjectType } from '@/models/access-control'
-import { useSelector } from '@/context/app-context'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../../base/portal-to-follow-elem'
 
 export default function AddMemberOrGroupDialog() {
   const { t } = useTranslation()
@@ -44,52 +44,60 @@ export default function AddMemberOrGroupDialog() {
     return () => observer?.disconnect()
   }, [isLoading, fetchNextPage, anchorRef, data])
 
-  return <PortalToFollowElem open={open} onOpenChange={setOpen} offset={{ crossAxis: 300 }} placement='bottom-end'>
-    <PortalToFollowElemTrigger asChild>
-      <Button variant='ghost-accent' size='small' className='flex shrink-0 items-center gap-x-0.5' onClick={() => setOpen(!open)}>
-        <RiAddCircleFill className='h-4 w-4' />
-        <span>{t('common.operation.add')}</span>
-      </Button>
-    </PortalToFollowElemTrigger>
-    {open && <FloatingOverlay />}
-    <PortalToFollowElemContent className='z-[100]'>
-      <div className='relative flex max-h-[400px] w-[400px] flex-col overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]'>
-        <div className='sticky top-0 z-10 bg-components-panel-bg-blur p-2 pb-0.5 backdrop-blur-[5px]'>
-          <Input value={keyword} onChange={handleKeywordChange} showLeftIcon placeholder={t('app.accessControlDialog.operateGroupAndMember.searchPlaceholder') as string} />
+  return (
+    <PortalToFollowElem open={open} onOpenChange={setOpen} offset={{ crossAxis: 300 }} placement="bottom-end">
+      <PortalToFollowElemTrigger asChild>
+        <Button variant="ghost-accent" size="small" className="flex shrink-0 items-center gap-x-0.5" onClick={() => setOpen(!open)}>
+          <RiAddCircleFill className="h-4 w-4" />
+          <span>{t('common.operation.add')}</span>
+        </Button>
+      </PortalToFollowElemTrigger>
+      {open && <FloatingOverlay />}
+      <PortalToFollowElemContent className="z-[100]">
+        <div className="relative flex max-h-[400px] w-[400px] flex-col overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]">
+          <div className="sticky top-0 z-10 bg-components-panel-bg-blur p-2 pb-0.5 backdrop-blur-[5px]">
+            <Input value={keyword} onChange={handleKeywordChange} showLeftIcon placeholder={t('app.accessControlDialog.operateGroupAndMember.searchPlaceholder') as string} />
+          </div>
+          {
+            isLoading
+              ? <div className="p-1"><Loading /></div>
+              : (data?.pages?.length ?? 0) > 0
+                  ? (
+                      <>
+                        <div className="flex h-7 items-center px-2 py-0.5">
+                          <SelectedGroupsBreadCrumb />
+                        </div>
+                        <div className="p-1">
+                          {renderGroupOrMember(data?.pages ?? [])}
+                          {isFetchingNextPage && <Loading />}
+                        </div>
+                        <div ref={anchorRef} className="h-0"> </div>
+                      </>
+                    )
+                  : (
+                      <div className="flex h-7 items-center justify-center px-2 py-0.5">
+                        <span className="system-xs-regular text-text-tertiary">{t('app.accessControlDialog.operateGroupAndMember.noResult')}</span>
+                      </div>
+                    )
+          }
         </div>
-        {
-          isLoading
-            ? <div className='p-1'><Loading /></div>
-            : (data?.pages?.length ?? 0) > 0
-              ? <>
-                <div className='flex h-7 items-center px-2 py-0.5'>
-                  <SelectedGroupsBreadCrumb />
-                </div>
-                <div className='p-1'>
-                  {renderGroupOrMember(data?.pages ?? [])}
-                  {isFetchingNextPage && <Loading />}
-                </div>
-                <div ref={anchorRef} className='h-0'> </div>
-              </>
-              : <div className='flex h-7 items-center justify-center px-2 py-0.5'>
-                <span className='system-xs-regular text-text-tertiary'>{t('app.accessControlDialog.operateGroupAndMember.noResult')}</span>
-              </div>
-        }
-      </div>
-    </PortalToFollowElemContent>
-  </PortalToFollowElem>
+      </PortalToFollowElemContent>
+    </PortalToFollowElem>
+  )
 }
 
-type GroupOrMemberData = { subjects: Subject[]; currPage: number }[]
+type GroupOrMemberData = { subjects: Subject[], currPage: number }[]
 function renderGroupOrMember(data: GroupOrMemberData) {
   return data?.map((page) => {
-    return <div key={`search_group_member_page_${page.currPage}`}>
-      {page.subjects?.map((item, index) => {
-        if (item.subjectType === SubjectType.GROUP)
-          return <GroupItem key={index} group={(item as SubjectGroup).groupData} />
-        return <MemberItem key={index} member={(item as SubjectAccount).accountData} />
-      })}
-    </div>
+    return (
+      <div key={`search_group_member_page_${page.currPage}`}>
+        {page.subjects?.map((item, index) => {
+          if (item.subjectType === SubjectType.GROUP)
+            return <GroupItem key={index} group={(item as SubjectGroup).groupData} />
+          return <MemberItem key={index} member={(item as SubjectAccount).accountData} />
+        })}
+      </div>
+    )
   }) ?? null
 }
 
@@ -105,15 +113,19 @@ function SelectedGroupsBreadCrumb() {
   const handleReset = useCallback(() => {
     setSelectedGroupsForBreadcrumb([])
   }, [setSelectedGroupsForBreadcrumb])
-  return <div className='flex h-7 items-center gap-x-0.5 px-2 py-0.5'>
-    <span className={cn('system-xs-regular text-text-tertiary', selectedGroupsForBreadcrumb.length > 0 && 'cursor-pointer text-text-accent')} onClick={handleReset}>{t('app.accessControlDialog.operateGroupAndMember.allMembers')}</span>
-    {selectedGroupsForBreadcrumb.map((group, index) => {
-      return <div key={index} className='system-xs-regular flex items-center gap-x-0.5 text-text-tertiary'>
-        <span>/</span>
-        <span className={index === selectedGroupsForBreadcrumb.length - 1 ? '' : 'cursor-pointer text-text-accent'} onClick={() => handleBreadCrumbClick(index)}>{group.name}</span>
-      </div>
-    })}
-  </div>
+  return (
+    <div className="flex h-7 items-center gap-x-0.5 px-2 py-0.5">
+      <span className={cn('system-xs-regular text-text-tertiary', selectedGroupsForBreadcrumb.length > 0 && 'cursor-pointer text-text-accent')} onClick={handleReset}>{t('app.accessControlDialog.operateGroupAndMember.allMembers')}</span>
+      {selectedGroupsForBreadcrumb.map((group, index) => {
+        return (
+          <div key={index} className="system-xs-regular flex items-center gap-x-0.5 text-text-tertiary">
+            <span>/</span>
+            <span className={index === selectedGroupsForBreadcrumb.length - 1 ? '' : 'cursor-pointer text-text-accent'} onClick={() => handleBreadCrumbClick(index)}>{group.name}</span>
+          </div>
+        )
+      })}
+    </div>
+  )
 }
 
 type GroupItemProps = {
@@ -140,23 +152,30 @@ function GroupItem({ group }: GroupItemProps) {
   const handleExpandClick = useCallback(() => {
     setSelectedGroupsForBreadcrumb([...selectedGroupsForBreadcrumb, group])
   }, [selectedGroupsForBreadcrumb, setSelectedGroupsForBreadcrumb, group])
-  return <BaseItem>
-    <Checkbox checked={isChecked} className='h-4 w-4 shrink-0' onCheck={handleCheckChange} />
-    <div className='item-center flex grow'>
-      <div className='mr-2 h-5 w-5 overflow-hidden rounded-full bg-components-icon-bg-blue-solid'>
-        <div className='bg-access-app-icon-mask-bg flex h-full w-full items-center justify-center'>
-          <RiOrganizationChart className='h-[14px] w-[14px] text-components-avatar-shape-fill-stop-0' />
+  return (
+    <BaseItem>
+      <Checkbox checked={isChecked} className="h-4 w-4 shrink-0" onCheck={handleCheckChange} />
+      <div className="item-center flex grow">
+        <div className="mr-2 h-5 w-5 overflow-hidden rounded-full bg-components-icon-bg-blue-solid">
+          <div className="bg-access-app-icon-mask-bg flex h-full w-full items-center justify-center">
+            <RiOrganizationChart className="h-[14px] w-[14px] text-components-avatar-shape-fill-stop-0" />
+          </div>
         </div>
+        <p className="system-sm-medium mr-1 text-text-secondary">{group.name}</p>
+        <p className="system-xs-regular text-text-tertiary">{group.groupSize}</p>
       </div>
-      <p className='system-sm-medium mr-1 text-text-secondary'>{group.name}</p>
-      <p className='system-xs-regular text-text-tertiary'>{group.groupSize}</p>
-    </div>
-    <Button size="small" disabled={isChecked} variant='ghost-accent'
-      className='flex shrink-0 items-center justify-between px-1.5 py-1' onClick={handleExpandClick}>
-      <span className='px-[3px]'>{t('app.accessControlDialog.operateGroupAndMember.expand')}</span>
-      <RiArrowRightSLine className='h-4 w-4' />
-    </Button>
-  </BaseItem>
+      <Button
+        size="small"
+        disabled={isChecked}
+        variant="ghost-accent"
+        className="flex shrink-0 items-center justify-between px-1.5 py-1"
+        onClick={handleExpandClick}
+      >
+        <span className="px-[3px]">{t('app.accessControlDialog.operateGroupAndMember.expand')}</span>
+        <RiArrowRightSLine className="h-4 w-4" />
+      </Button>
+    </BaseItem>
+  )
 }
 
 type MemberItemProps = {
@@ -178,19 +197,27 @@ function MemberItem({ member }: MemberItemProps) {
       setSpecificMembers(newMembers)
     }
   }, [specificMembers, setSpecificMembers, member, isChecked])
-  return <BaseItem className='pr-3'>
-    <Checkbox checked={isChecked} className='h-4 w-4 shrink-0' onCheck={handleCheckChange} />
-    <div className='flex grow items-center'>
-      <div className='mr-2 h-5 w-5 overflow-hidden rounded-full bg-components-icon-bg-blue-solid'>
-        <div className='bg-access-app-icon-mask-bg flex h-full w-full items-center justify-center'>
-          <Avatar className='h-[14px] w-[14px]' textClassName='text-[12px]' avatar={null} name={member.name} />
+  return (
+    <BaseItem className="pr-3">
+      <Checkbox checked={isChecked} className="h-4 w-4 shrink-0" onCheck={handleCheckChange} />
+      <div className="flex grow items-center">
+        <div className="mr-2 h-5 w-5 overflow-hidden rounded-full bg-components-icon-bg-blue-solid">
+          <div className="bg-access-app-icon-mask-bg flex h-full w-full items-center justify-center">
+            <Avatar className="h-[14px] w-[14px]" textClassName="text-[12px]" avatar={null} name={member.name} />
+          </div>
         </div>
+        <p className="system-sm-medium mr-1 text-text-secondary">{member.name}</p>
+        {currentUser.email === member.email && (
+          <p className="system-xs-regular text-text-tertiary">
+            (
+            {t('common.you')}
+            )
+          </p>
+        )}
       </div>
-      <p className='system-sm-medium mr-1 text-text-secondary'>{member.name}</p>
-      {currentUser.email === member.email && <p className='system-xs-regular text-text-tertiary'>({t('common.you')})</p>}
-    </div>
-    <p className='system-xs-regular text-text-quaternary'>{member.email}</p>
-  </BaseItem>
+      <p className="system-xs-regular text-text-quaternary">{member.email}</p>
+    </BaseItem>
+  )
 }
 
 type BaseItemProps = {
@@ -198,7 +225,9 @@ type BaseItemProps = {
   children: React.ReactNode
 }
 function BaseItem({ children, className }: BaseItemProps) {
-  return <div className={cn('flex cursor-pointer items-center space-x-2 p-1 pl-2 hover:rounded-lg hover:bg-state-base-hover', className)}>
-    {children}
-  </div>
+  return (
+    <div className={cn('flex cursor-pointer items-center space-x-2 p-1 pl-2 hover:rounded-lg hover:bg-state-base-hover', className)}>
+      {children}
+    </div>
+  )
 }
diff --git a/web/app/components/app/app-access-control/index.tsx b/web/app/components/app/app-access-control/index.tsx
index e8e2358e0e..06616260a1 100644
--- a/web/app/components/app/app-access-control/index.tsx
+++ b/web/app/components/app/app-access-control/index.tsx
@@ -1,19 +1,19 @@
 'use client'
+import type { Subject } from '@/models/access-control'
+import type { App } from '@/types/app'
 import { Description as DialogDescription, DialogTitle } from '@headlessui/react'
 import { RiBuildingLine, RiGlobalLine, RiVerifiedBadgeLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useCallback, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { AccessMode, SubjectType } from '@/models/access-control'
+import { useUpdateAccessMode } from '@/service/access-control'
+import useAccessControlStore from '../../../../context/access-control-store'
 import Button from '../../base/button'
 import Toast from '../../base/toast'
-import useAccessControlStore from '../../../../context/access-control-store'
 import AccessControlDialog from './access-control-dialog'
 import AccessControlItem from './access-control-item'
 import SpecificGroupsOrMembers, { WebAppSSONotEnabledTip } from './specific-groups-or-members'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import type { App } from '@/types/app'
-import type { Subject } from '@/models/access-control'
-import { AccessMode, SubjectType } from '@/models/access-control'
-import { useUpdateAccessMode } from '@/service/access-control'
 
 type AccessControlProps = {
   app: App
@@ -64,47 +64,49 @@ export default function AccessControl(props: AccessControlProps) {
     Toast.notify({ type: 'success', message: t('app.accessControlDialog.updateSuccess') })
     onConfirm?.()
   }, [updateAccessMode, app, specificGroups, specificMembers, t, onConfirm, currentMenu])
-  return <AccessControlDialog show onClose={onClose}>
-    <div className='flex flex-col gap-y-3'>
-      <div className='pb-3 pl-6 pr-14 pt-6'>
-        <DialogTitle className='title-2xl-semi-bold text-text-primary'>{t('app.accessControlDialog.title')}</DialogTitle>
-        <DialogDescription className='system-xs-regular mt-1 text-text-tertiary'>{t('app.accessControlDialog.description')}</DialogDescription>
-      </div>
-      <div className='flex flex-col gap-y-1 px-6 pb-3'>
-        <div className='leading-6'>
-          <p className='system-sm-medium text-text-tertiary'>{t('app.accessControlDialog.accessLabel')}</p>
+  return (
+    <AccessControlDialog show onClose={onClose}>
+      <div className="flex flex-col gap-y-3">
+        <div className="pb-3 pl-6 pr-14 pt-6">
+          <DialogTitle className="title-2xl-semi-bold text-text-primary">{t('app.accessControlDialog.title')}</DialogTitle>
+          <DialogDescription className="system-xs-regular mt-1 text-text-tertiary">{t('app.accessControlDialog.description')}</DialogDescription>
         </div>
-        <AccessControlItem type={AccessMode.ORGANIZATION}>
-          <div className='flex items-center p-3'>
-            <div className='flex grow items-center gap-x-2'>
-              <RiBuildingLine className='h-4 w-4 text-text-primary' />
-              <p className='system-sm-medium text-text-primary'>{t('app.accessControlDialog.accessItems.organization')}</p>
+        <div className="flex flex-col gap-y-1 px-6 pb-3">
+          <div className="leading-6">
+            <p className="system-sm-medium text-text-tertiary">{t('app.accessControlDialog.accessLabel')}</p>
+          </div>
+          <AccessControlItem type={AccessMode.ORGANIZATION}>
+            <div className="flex items-center p-3">
+              <div className="flex grow items-center gap-x-2">
+                <RiBuildingLine className="h-4 w-4 text-text-primary" />
+                <p className="system-sm-medium text-text-primary">{t('app.accessControlDialog.accessItems.organization')}</p>
+              </div>
             </div>
-          </div>
-        </AccessControlItem>
-        <AccessControlItem type={AccessMode.SPECIFIC_GROUPS_MEMBERS}>
-          <SpecificGroupsOrMembers />
-        </AccessControlItem>
-        <AccessControlItem type={AccessMode.EXTERNAL_MEMBERS}>
-          <div className='flex items-center p-3'>
-            <div className='flex grow items-center gap-x-2'>
-              <RiVerifiedBadgeLine className='h-4 w-4 text-text-primary' />
-              <p className='system-sm-medium text-text-primary'>{t('app.accessControlDialog.accessItems.external')}</p>
+          </AccessControlItem>
+          <AccessControlItem type={AccessMode.SPECIFIC_GROUPS_MEMBERS}>
+            <SpecificGroupsOrMembers />
+          </AccessControlItem>
+          <AccessControlItem type={AccessMode.EXTERNAL_MEMBERS}>
+            <div className="flex items-center p-3">
+              <div className="flex grow items-center gap-x-2">
+                <RiVerifiedBadgeLine className="h-4 w-4 text-text-primary" />
+                <p className="system-sm-medium text-text-primary">{t('app.accessControlDialog.accessItems.external')}</p>
+              </div>
+              {!hideTip && <WebAppSSONotEnabledTip />}
             </div>
-            {!hideTip && <WebAppSSONotEnabledTip />}
-          </div>
-        </AccessControlItem>
-        <AccessControlItem type={AccessMode.PUBLIC}>
-          <div className='flex items-center gap-x-2 p-3'>
-            <RiGlobalLine className='h-4 w-4 text-text-primary' />
-            <p className='system-sm-medium text-text-primary'>{t('app.accessControlDialog.accessItems.anyone')}</p>
-          </div>
-        </AccessControlItem>
+          </AccessControlItem>
+          <AccessControlItem type={AccessMode.PUBLIC}>
+            <div className="flex items-center gap-x-2 p-3">
+              <RiGlobalLine className="h-4 w-4 text-text-primary" />
+              <p className="system-sm-medium text-text-primary">{t('app.accessControlDialog.accessItems.anyone')}</p>
+            </div>
+          </AccessControlItem>
+        </div>
+        <div className="flex items-center justify-end gap-x-2 p-6 pt-5">
+          <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
+          <Button disabled={isPending} loading={isPending} variant="primary" onClick={handleConfirm}>{t('common.operation.confirm')}</Button>
+        </div>
       </div>
-      <div className='flex items-center justify-end gap-x-2 p-6 pt-5'>
-        <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button disabled={isPending} loading={isPending} variant='primary' onClick={handleConfirm}>{t('common.operation.confirm')}</Button>
-      </div>
-    </div>
-  </AccessControlDialog>
+    </AccessControlDialog>
+  )
 }
diff --git a/web/app/components/app/app-access-control/specific-groups-or-members.tsx b/web/app/components/app/app-access-control/specific-groups-or-members.tsx
index b30c8f1ba3..51bb73d258 100644
--- a/web/app/components/app/app-access-control/specific-groups-or-members.tsx
+++ b/web/app/components/app/app-access-control/specific-groups-or-members.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { RiAlertFill, RiCloseCircleFill, RiLockLine, RiOrganizationChart } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useCallback, useEffect } from 'react'
-import Avatar from '../../base/avatar'
-import Tooltip from '../../base/tooltip'
-import Loading from '../../base/loading'
-import useAccessControlStore from '../../../../context/access-control-store'
-import AddMemberOrGroupDialog from './add-member-or-group-pop'
 import type { AccessControlAccount, AccessControlGroup } from '@/models/access-control'
+import { RiAlertFill, RiCloseCircleFill, RiLockLine, RiOrganizationChart } from '@remixicon/react'
+import { useCallback, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import { AccessMode } from '@/models/access-control'
 import { useAppWhiteListSubjects } from '@/service/access-control'
+import useAccessControlStore from '../../../../context/access-control-store'
+import Avatar from '../../base/avatar'
+import Loading from '../../base/loading'
+import Tooltip from '../../base/tooltip'
+import AddMemberOrGroupDialog from './add-member-or-group-pop'
 
 export default function SpecificGroupsOrMembers() {
   const currentMenu = useAccessControlStore(s => s.currentMenu)
@@ -25,30 +25,34 @@ export default function SpecificGroupsOrMembers() {
   }, [data, setSpecificGroups, setSpecificMembers])
 
   if (currentMenu !== AccessMode.SPECIFIC_GROUPS_MEMBERS) {
-    return <div className='flex items-center p-3'>
-      <div className='flex grow items-center gap-x-2'>
-        <RiLockLine className='h-4 w-4 text-text-primary' />
-        <p className='system-sm-medium text-text-primary'>{t('app.accessControlDialog.accessItems.specific')}</p>
+    return (
+      <div className="flex items-center p-3">
+        <div className="flex grow items-center gap-x-2">
+          <RiLockLine className="h-4 w-4 text-text-primary" />
+          <p className="system-sm-medium text-text-primary">{t('app.accessControlDialog.accessItems.specific')}</p>
+        </div>
       </div>
-    </div>
+    )
   }
 
-  return <div>
-    <div className='flex items-center gap-x-1 p-3'>
-      <div className='flex grow items-center gap-x-1'>
-        <RiLockLine className='h-4 w-4 text-text-primary' />
-        <p className='system-sm-medium text-text-primary'>{t('app.accessControlDialog.accessItems.specific')}</p>
+  return (
+    <div>
+      <div className="flex items-center gap-x-1 p-3">
+        <div className="flex grow items-center gap-x-1">
+          <RiLockLine className="h-4 w-4 text-text-primary" />
+          <p className="system-sm-medium text-text-primary">{t('app.accessControlDialog.accessItems.specific')}</p>
+        </div>
+        <div className="flex items-center gap-x-1">
+          <AddMemberOrGroupDialog />
+        </div>
       </div>
-      <div className='flex items-center gap-x-1'>
-        <AddMemberOrGroupDialog />
+      <div className="px-1 pb-1">
+        <div className="flex max-h-[400px] flex-col gap-y-2 overflow-y-auto rounded-lg bg-background-section p-2">
+          {isPending ? <Loading /> : <RenderGroupsAndMembers />}
+        </div>
       </div>
     </div>
-    <div className='px-1 pb-1'>
-      <div className='flex max-h-[400px] flex-col gap-y-2 overflow-y-auto rounded-lg bg-background-section p-2'>
-        {isPending ? <Loading /> : <RenderGroupsAndMembers />}
-      </div>
-    </div>
-  </div >
+  )
 }
 
 function RenderGroupsAndMembers() {
@@ -56,17 +60,19 @@ function RenderGroupsAndMembers() {
   const specificGroups = useAccessControlStore(s => s.specificGroups)
   const specificMembers = useAccessControlStore(s => s.specificMembers)
   if (specificGroups.length <= 0 && specificMembers.length <= 0)
-    return <div className='px-2 pb-1.5 pt-5'><p className='system-xs-regular text-center text-text-tertiary'>{t('app.accessControlDialog.noGroupsOrMembers')}</p></div>
-  return <>
-    <p className='system-2xs-medium-uppercase sticky top-0 text-text-tertiary'>{t('app.accessControlDialog.groups', { count: specificGroups.length ?? 0 })}</p>
-    <div className='flex flex-row flex-wrap gap-1'>
-      {specificGroups.map((group, index) => <GroupItem key={index} group={group} />)}
-    </div>
-    <p className='system-2xs-medium-uppercase sticky top-0 text-text-tertiary'>{t('app.accessControlDialog.members', { count: specificMembers.length ?? 0 })}</p>
-    <div className='flex flex-row flex-wrap gap-1'>
-      {specificMembers.map((member, index) => <MemberItem key={index} member={member} />)}
-    </div>
-  </>
+    return <div className="px-2 pb-1.5 pt-5"><p className="system-xs-regular text-center text-text-tertiary">{t('app.accessControlDialog.noGroupsOrMembers')}</p></div>
+  return (
+    <>
+      <p className="system-2xs-medium-uppercase sticky top-0 text-text-tertiary">{t('app.accessControlDialog.groups', { count: specificGroups.length ?? 0 })}</p>
+      <div className="flex flex-row flex-wrap gap-1">
+        {specificGroups.map((group, index) => <GroupItem key={index} group={group} />)}
+      </div>
+      <p className="system-2xs-medium-uppercase sticky top-0 text-text-tertiary">{t('app.accessControlDialog.members', { count: specificMembers.length ?? 0 })}</p>
+      <div className="flex flex-row flex-wrap gap-1">
+        {specificMembers.map((member, index) => <MemberItem key={index} member={member} />)}
+      </div>
+    </>
+  )
 }
 
 type GroupItemProps = {
@@ -78,11 +84,15 @@ function GroupItem({ group }: GroupItemProps) {
   const handleRemoveGroup = useCallback(() => {
     setSpecificGroups(specificGroups.filter(g => g.id !== group.id))
   }, [group, setSpecificGroups, specificGroups])
-  return <BaseItem icon={<RiOrganizationChart className='h-[14px] w-[14px] text-components-avatar-shape-fill-stop-0' />}
-    onRemove={handleRemoveGroup}>
-    <p className='system-xs-regular text-text-primary'>{group.name}</p>
-    <p className='system-xs-regular text-text-tertiary'>{group.groupSize}</p>
-  </BaseItem>
+  return (
+    <BaseItem
+      icon={<RiOrganizationChart className="h-[14px] w-[14px] text-components-avatar-shape-fill-stop-0" />}
+      onRemove={handleRemoveGroup}
+    >
+      <p className="system-xs-regular text-text-primary">{group.name}</p>
+      <p className="system-xs-regular text-text-tertiary">{group.groupSize}</p>
+    </BaseItem>
+  )
 }
 
 type MemberItemProps = {
@@ -94,10 +104,14 @@ function MemberItem({ member }: MemberItemProps) {
   const handleRemoveMember = useCallback(() => {
     setSpecificMembers(specificMembers.filter(m => m.id !== member.id))
   }, [member, setSpecificMembers, specificMembers])
-  return <BaseItem icon={<Avatar className='h-[14px] w-[14px]' textClassName='text-[12px]' avatar={null} name={member.name} />}
-    onRemove={handleRemoveMember}>
-    <p className='system-xs-regular text-text-primary'>{member.name}</p>
-  </BaseItem>
+  return (
+    <BaseItem
+      icon={<Avatar className="h-[14px] w-[14px]" textClassName="text-[12px]" avatar={null} name={member.name} />}
+      onRemove={handleRemoveMember}
+    >
+      <p className="system-xs-regular text-text-primary">{member.name}</p>
+    </BaseItem>
+  )
 }
 
 type BaseItemProps = {
@@ -106,22 +120,26 @@ type BaseItemProps = {
   onRemove?: () => void
 }
 function BaseItem({ icon, onRemove, children }: BaseItemProps) {
-  return <div className='group flex flex-row items-center gap-x-1 rounded-full border-[0.5px] bg-components-badge-white-to-dark p-1 pr-1.5 shadow-xs'>
-    <div className='h-5 w-5 overflow-hidden rounded-full bg-components-icon-bg-blue-solid'>
-      <div className='bg-access-app-icon-mask-bg flex h-full w-full items-center justify-center'>
-        {icon}
+  return (
+    <div className="group flex flex-row items-center gap-x-1 rounded-full border-[0.5px] bg-components-badge-white-to-dark p-1 pr-1.5 shadow-xs">
+      <div className="h-5 w-5 overflow-hidden rounded-full bg-components-icon-bg-blue-solid">
+        <div className="bg-access-app-icon-mask-bg flex h-full w-full items-center justify-center">
+          {icon}
+        </div>
+      </div>
+      {children}
+      <div className="flex h-4 w-4 cursor-pointer items-center justify-center" onClick={onRemove}>
+        <RiCloseCircleFill className="h-[14px] w-[14px] text-text-quaternary" />
       </div>
     </div>
-    {children}
-    <div className='flex h-4 w-4 cursor-pointer items-center justify-center' onClick={onRemove}>
-      <RiCloseCircleFill className='h-[14px] w-[14px] text-text-quaternary' />
-    </div>
-  </div>
+  )
 }
 
 export function WebAppSSONotEnabledTip() {
   const { t } = useTranslation()
-  return <Tooltip asChild={false} popupContent={t('app.accessControlDialog.webAppSSONotEnabledTip')}>
-    <RiAlertFill className='h-4 w-4 shrink-0 text-text-warning-secondary' />
-  </Tooltip>
+  return (
+    <Tooltip asChild={false} popupContent={t('app.accessControlDialog.webAppSSONotEnabledTip')}>
+      <RiAlertFill className="h-4 w-4 shrink-0 text-text-warning-secondary" />
+    </Tooltip>
+  )
 }
diff --git a/web/app/components/app/app-publisher/features-wrapper.tsx b/web/app/components/app/app-publisher/features-wrapper.tsx
index 4b64558016..35d9728728 100644
--- a/web/app/components/app/app-publisher/features-wrapper.tsx
+++ b/web/app/components/app/app-publisher/features-wrapper.tsx
@@ -1,15 +1,15 @@
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import type { AppPublisherProps } from '@/app/components/app/app-publisher'
-import Confirm from '@/app/components/base/confirm'
-import AppPublisher from '@/app/components/app/app-publisher'
-import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
 import type { ModelAndParameter } from '@/app/components/app/configuration/debug/types'
 import type { FileUpload } from '@/app/components/base/features/types'
-import { Resolution } from '@/types/app'
+import { produce } from 'immer'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import AppPublisher from '@/app/components/app/app-publisher'
+import Confirm from '@/app/components/base/confirm'
+import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
 import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { Resolution } from '@/types/app'
 
 type Props = Omit<AppPublisherProps, 'onPublish'> & {
   onPublish?: (modelAndParameter?: ModelAndParameter, features?: any) => Promise<any> | any
@@ -71,7 +71,8 @@ const FeaturesWrappedAppPublisher = (props: Props) => {
         ...props,
         onPublish: handlePublish,
         onRestore: () => setRestoreConfirmOpen(true),
-      }} />
+      }}
+      />
       {restoreConfirmOpen && (
         <Confirm
           title={t('appDebug.resetConfig.title')}
diff --git a/web/app/components/app/app-publisher/index.tsx b/web/app/components/app/app-publisher/index.tsx
index 5aea337f85..83449dbe96 100644
--- a/web/app/components/app/app-publisher/index.tsx
+++ b/web/app/components/app/app-publisher/index.tsx
@@ -1,11 +1,6 @@
-import {
-  memo,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ModelAndParameter } from '../configuration/debug/types'
+import type { InputVar, Variable } from '@/app/components/workflow/types'
+import type { PublishWorkflowParams } from '@/types/workflow'
 import {
   RiArrowDownSLine,
   RiArrowRightSLine,
@@ -19,17 +14,17 @@ import {
   RiVerifiedBadgeLine,
 } from '@remixicon/react'
 import { useKeyPress } from 'ahooks'
-import Divider from '../../base/divider'
-import Loading from '../../base/loading'
-import Toast from '../../base/toast'
-import Tooltip from '../../base/tooltip'
-import { getKeyboardKeyCodeBySystem, getKeyboardKeyNameBySystem } from '../../workflow/utils'
-import AccessControl from '../app-access-control'
-import type { ModelAndParameter } from '../configuration/debug/types'
-import PublishWithMultipleModel from './publish-with-multiple-model'
-import SuggestedAction from './suggested-action'
+import {
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import EmbeddedModal from '@/app/components/app/overview/embedded'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import { trackEvent } from '@/app/components/base/amplitude'
 import Button from '@/app/components/base/button'
 import { CodeBrowser } from '@/app/components/base/icons/src/vender/line/development'
 import {
@@ -37,21 +32,26 @@ import {
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import UpgradeBtn from '@/app/components/billing/upgrade-btn'
 import WorkflowToolConfigureButton from '@/app/components/tools/workflow-tool/configure-button'
-import type { InputVar, Variable } from '@/app/components/workflow/types'
 import { appDefaultIconBackground } from '@/config'
 import { useGlobalPublicStore } from '@/context/global-public-context'
-import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
 import { useAsyncWindowOpen } from '@/hooks/use-async-window-open'
+import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
 import { AccessMode } from '@/models/access-control'
 import { useAppWhiteListSubjects, useGetUserCanAccessApp } from '@/service/access-control'
 import { fetchAppDetailDirect } from '@/service/apps'
 import { fetchInstalledAppList } from '@/service/explore'
 import { AppModeEnum } from '@/types/app'
-import type { PublishWorkflowParams } from '@/types/workflow'
 import { basePath } from '@/utils/var'
-import UpgradeBtn from '@/app/components/billing/upgrade-btn'
-import { trackEvent } from '@/app/components/base/amplitude'
+import Divider from '../../base/divider'
+import Loading from '../../base/loading'
+import Toast from '../../base/toast'
+import Tooltip from '../../base/tooltip'
+import { getKeyboardKeyCodeBySystem, getKeyboardKeyNameBySystem } from '../../workflow/utils'
+import AccessControl from '../app-access-control'
+import PublishWithMultipleModel from './publish-with-multiple-model'
+import SuggestedAction from './suggested-action'
 
 const ACCESS_MODE_MAP: Record<AccessMode, { label: string, icon: React.ElementType }> = {
   [AccessMode.ORGANIZATION]: {
@@ -82,9 +82,9 @@ const AccessModeDisplay: React.FC<{ mode?: AccessMode }> = ({ mode }) => {
 
   return (
     <>
-      <Icon className='h-4 w-4 shrink-0 text-text-secondary' />
-      <div className='grow truncate'>
-        <span className='system-sm-medium text-text-secondary'>{t(`app.accessControlDialog.accessItems.${label}`)}</span>
+      <Icon className="h-4 w-4 shrink-0 text-text-secondary" />
+      <div className="grow truncate">
+        <span className="system-sm-medium text-text-secondary">{t(`app.accessControlDialog.accessItems.${label}`)}</span>
       </div>
     </>
   )
@@ -270,7 +270,7 @@ const AppPublisher = ({
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='bottom-end'
+        placement="bottom-end"
         offset={{
           mainAxis: 4,
           crossAxis: crossAxisOffset,
@@ -278,202 +278,215 @@ const AppPublisher = ({
       >
         <PortalToFollowElemTrigger onClick={handleTrigger}>
           <Button
-            variant='primary'
-            className='py-2 pl-3 pr-2'
+            variant="primary"
+            className="py-2 pl-3 pr-2"
             disabled={disabled}
           >
             {t('workflow.common.publish')}
-            <RiArrowDownSLine className='h-4 w-4 text-components-button-primary-text' />
+            <RiArrowDownSLine className="h-4 w-4 text-components-button-primary-text" />
           </Button>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[11]'>
-          <div className='w-[320px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5'>
-            <div className='p-4 pt-3'>
-              <div className='system-xs-medium-uppercase flex h-6 items-center text-text-tertiary'>
+        <PortalToFollowElemContent className="z-[11]">
+          <div className="w-[320px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5">
+            <div className="p-4 pt-3">
+              <div className="system-xs-medium-uppercase flex h-6 items-center text-text-tertiary">
                 {publishedAt ? t('workflow.common.latestPublished') : t('workflow.common.currentDraftUnpublished')}
               </div>
               {publishedAt
                 ? (
-                  <div className='flex items-center justify-between'>
-                    <div className='system-sm-medium flex items-center text-text-secondary'>
-                      {t('workflow.common.publishedAt')} {formatTimeFromNow(publishedAt)}
-                    </div>
-                    {isChatApp && <Button
-                      variant='secondary-accent'
-                      size='small'
-                      onClick={handleRestore}
-                      disabled={published}
-                    >
-                      {t('workflow.common.restore')}
-                    </Button>}
-                  </div>
-                )
-                : (
-                  <div className='system-sm-medium flex items-center text-text-secondary'>
-                    {t('workflow.common.autoSaved')} · {Boolean(draftUpdatedAt) && formatTimeFromNow(draftUpdatedAt!)}
-                  </div>
-                )}
-              {debugWithMultipleModel
-                ? (
-                  <PublishWithMultipleModel
-                    multipleModelConfigs={multipleModelConfigs}
-                    onSelect={item => handlePublish(item)}
-                  // textGenerationModelList={textGenerationModelList}
-                  />
-                )
-                : (
-                  <>
-                    <Button
-                      variant='primary'
-                      className='mt-3 w-full'
-                      onClick={() => handlePublish()}
-                      disabled={publishDisabled || published}
-                    >
-                      {
-                        published
-                          ? t('workflow.common.published')
-                          : (
-                            <div className='flex gap-1'>
-                              <span>{t('workflow.common.publishUpdate')}</span>
-                              <div className='flex gap-0.5'>
-                                {PUBLISH_SHORTCUT.map(key => (
-                                  <span key={key} className='system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white text-text-primary-on-surface'>
-                                    {getKeyboardKeyNameBySystem(key)}
-                                  </span>
-                                ))}
-                              </div>
-                            </div>
-                          )
-                      }
-                    </Button>
-                    {showStartNodeLimitHint && (
-                      <div className='mt-3 flex flex-col items-stretch'>
-                        <p
-                          className='text-sm font-semibold leading-5 text-transparent'
-                          style={upgradeHighlightStyle}
-                        >
-                          <span className='block'>{t('workflow.publishLimit.startNodeTitlePrefix')}</span>
-                          <span className='block'>{t('workflow.publishLimit.startNodeTitleSuffix')}</span>
-                        </p>
-                        <p className='mt-1 text-xs leading-4 text-text-secondary'>
-                          {t('workflow.publishLimit.startNodeDesc')}
-                        </p>
-                        <UpgradeBtn
-                          isShort
-                          className='mb-[12px] mt-[9px] h-[32px] w-[93px] self-start'
-                        />
+                    <div className="flex items-center justify-between">
+                      <div className="system-sm-medium flex items-center text-text-secondary">
+                        {t('workflow.common.publishedAt')}
+                        {' '}
+                        {formatTimeFromNow(publishedAt)}
                       </div>
-                    )}
-                  </>
-                )
-              }
-            </div>
-            {(systemFeatures.webapp_auth.enabled && (isGettingUserCanAccessApp || isGettingAppWhiteListSubjects))
-              ? <div className='py-2'><Loading /></div>
-              : <>
-                <Divider className='my-0' />
-                {systemFeatures.webapp_auth.enabled && <div className='p-4 pt-3'>
-                  <div className='flex h-6 items-center'>
-                    <p className='system-xs-medium text-text-tertiary'>{t('app.publishApp.title')}</p>
-                  </div>
-                  <div className='flex h-8 cursor-pointer items-center gap-x-0.5  rounded-lg bg-components-input-bg-normal py-1 pl-2.5 pr-2 hover:bg-primary-50 hover:text-text-accent'
-                    onClick={() => {
-                      setShowAppAccessControl(true)
-                    }}>
-                    <div className='flex grow items-center gap-x-1.5 overflow-hidden pr-1'>
-                      <AccessModeDisplay mode={appDetail?.access_mode} />
-                    </div>
-                    {!isAppAccessSet && <p className='system-xs-regular shrink-0 text-text-tertiary'>{t('app.publishApp.notSet')}</p>}
-                    <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
-                      <RiArrowRightSLine className='h-4 w-4 text-text-quaternary' />
-                    </div>
-                  </div>
-                  {!isAppAccessSet && <p className='system-xs-regular mt-1 text-text-warning'>{t('app.publishApp.notSetDesc')}</p>}
-                </div>}
-                {
-                  // Hide run/batch run app buttons when there is a trigger node.
-                  !hasTriggerNode && (
-                    <div className='flex flex-col gap-y-1 border-t-[0.5px] border-t-divider-regular p-4 pt-3'>
-                      <Tooltip triggerClassName='flex' disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
-                        <SuggestedAction
-                          className='flex-1'
-                          disabled={disabledFunctionButton}
-                          link={appURL}
-                          icon={<RiPlayCircleLine className='h-4 w-4' />}
+                      {isChatApp && (
+                        <Button
+                          variant="secondary-accent"
+                          size="small"
+                          onClick={handleRestore}
+                          disabled={published}
                         >
-                          {t('workflow.common.runApp')}
-                        </SuggestedAction>
-                      </Tooltip>
-                      {appDetail?.mode === AppModeEnum.WORKFLOW || appDetail?.mode === AppModeEnum.COMPLETION
-                        ? (
-                          <Tooltip triggerClassName='flex' disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
-                            <SuggestedAction
-                              className='flex-1'
-                              disabled={disabledFunctionButton}
-                              link={`${appURL}${appURL.includes('?') ? '&' : '?'}mode=batch`}
-                              icon={<RiPlayList2Line className='h-4 w-4' />}
-                            >
-                              {t('workflow.common.batchRunApp')}
-                            </SuggestedAction>
-                          </Tooltip>
-                        )
-                        : (
-                          <SuggestedAction
-                            onClick={() => {
-                              setEmbeddingModalOpen(true)
-                              handleTrigger()
-                            }}
-                            disabled={!publishedAt}
-                            icon={<CodeBrowser className='h-4 w-4' />}
-                          >
-                            {t('workflow.common.embedIntoSite')}
-                          </SuggestedAction>
-                        )}
-                      <Tooltip triggerClassName='flex' disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
-                        <SuggestedAction
-                          className='flex-1'
-                          onClick={() => {
-                            if (publishedAt)
-                              handleOpenInExplore()
-                          }}
-                          disabled={disabledFunctionButton}
-                          icon={<RiPlanetLine className='h-4 w-4' />}
-                        >
-                          {t('workflow.common.openInExplore')}
-                        </SuggestedAction>
-                      </Tooltip>
-                      <Tooltip triggerClassName='flex' disabled={!!publishedAt && !missingStartNode} popupContent={!publishedAt ? t('app.notPublishedYet') : t('app.noUserInputNode')} asChild={false}>
-                        <SuggestedAction
-                          className='flex-1'
-                          disabled={!publishedAt || missingStartNode}
-                          link='./develop'
-                          icon={<RiTerminalBoxLine className='h-4 w-4' />}
-                        >
-                          {t('workflow.common.accessAPIReference')}
-                        </SuggestedAction>
-                      </Tooltip>
-                      {appDetail?.mode === AppModeEnum.WORKFLOW && (
-                        <WorkflowToolConfigureButton
-                          disabled={workflowToolDisabled}
-                          published={!!toolPublished}
-                          detailNeedUpdate={!!toolPublished && published}
-                          workflowAppId={appDetail?.id}
-                          icon={{
-                            content: (appDetail.icon_type === 'image' ? '🤖' : appDetail?.icon) || '🤖',
-                            background: (appDetail.icon_type === 'image' ? appDefaultIconBackground : appDetail?.icon_background) || appDefaultIconBackground,
-                          }}
-                          name={appDetail?.name}
-                          description={appDetail?.description}
-                          inputs={inputs}
-                          outputs={outputs}
-                          handlePublish={handlePublish}
-                          onRefreshData={onRefreshData}
-                          disabledReason={workflowToolMessage}
-                        />
+                          {t('workflow.common.restore')}
+                        </Button>
                       )}
                     </div>
+                  )
+                : (
+                    <div className="system-sm-medium flex items-center text-text-secondary">
+                      {t('workflow.common.autoSaved')}
+                      {' '}
+                      ·
+                      {Boolean(draftUpdatedAt) && formatTimeFromNow(draftUpdatedAt!)}
+                    </div>
                   )}
-              </>}
+              {debugWithMultipleModel
+                ? (
+                    <PublishWithMultipleModel
+                      multipleModelConfigs={multipleModelConfigs}
+                      onSelect={item => handlePublish(item)}
+                      // textGenerationModelList={textGenerationModelList}
+                    />
+                  )
+                : (
+                    <>
+                      <Button
+                        variant="primary"
+                        className="mt-3 w-full"
+                        onClick={() => handlePublish()}
+                        disabled={publishDisabled || published}
+                      >
+                        {
+                          published
+                            ? t('workflow.common.published')
+                            : (
+                                <div className="flex gap-1">
+                                  <span>{t('workflow.common.publishUpdate')}</span>
+                                  <div className="flex gap-0.5">
+                                    {PUBLISH_SHORTCUT.map(key => (
+                                      <span key={key} className="system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white text-text-primary-on-surface">
+                                        {getKeyboardKeyNameBySystem(key)}
+                                      </span>
+                                    ))}
+                                  </div>
+                                </div>
+                              )
+                        }
+                      </Button>
+                      {showStartNodeLimitHint && (
+                        <div className="mt-3 flex flex-col items-stretch">
+                          <p
+                            className="text-sm font-semibold leading-5 text-transparent"
+                            style={upgradeHighlightStyle}
+                          >
+                            <span className="block">{t('workflow.publishLimit.startNodeTitlePrefix')}</span>
+                            <span className="block">{t('workflow.publishLimit.startNodeTitleSuffix')}</span>
+                          </p>
+                          <p className="mt-1 text-xs leading-4 text-text-secondary">
+                            {t('workflow.publishLimit.startNodeDesc')}
+                          </p>
+                          <UpgradeBtn
+                            isShort
+                            className="mb-[12px] mt-[9px] h-[32px] w-[93px] self-start"
+                          />
+                        </div>
+                      )}
+                    </>
+                  )}
+            </div>
+            {(systemFeatures.webapp_auth.enabled && (isGettingUserCanAccessApp || isGettingAppWhiteListSubjects))
+              ? <div className="py-2"><Loading /></div>
+              : (
+                  <>
+                    <Divider className="my-0" />
+                    {systemFeatures.webapp_auth.enabled && (
+                      <div className="p-4 pt-3">
+                        <div className="flex h-6 items-center">
+                          <p className="system-xs-medium text-text-tertiary">{t('app.publishApp.title')}</p>
+                        </div>
+                        <div
+                          className="flex h-8 cursor-pointer items-center gap-x-0.5  rounded-lg bg-components-input-bg-normal py-1 pl-2.5 pr-2 hover:bg-primary-50 hover:text-text-accent"
+                          onClick={() => {
+                            setShowAppAccessControl(true)
+                          }}
+                        >
+                          <div className="flex grow items-center gap-x-1.5 overflow-hidden pr-1">
+                            <AccessModeDisplay mode={appDetail?.access_mode} />
+                          </div>
+                          {!isAppAccessSet && <p className="system-xs-regular shrink-0 text-text-tertiary">{t('app.publishApp.notSet')}</p>}
+                          <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+                            <RiArrowRightSLine className="h-4 w-4 text-text-quaternary" />
+                          </div>
+                        </div>
+                        {!isAppAccessSet && <p className="system-xs-regular mt-1 text-text-warning">{t('app.publishApp.notSetDesc')}</p>}
+                      </div>
+                    )}
+                    {
+                      // Hide run/batch run app buttons when there is a trigger node.
+                      !hasTriggerNode && (
+                        <div className="flex flex-col gap-y-1 border-t-[0.5px] border-t-divider-regular p-4 pt-3">
+                          <Tooltip triggerClassName="flex" disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
+                            <SuggestedAction
+                              className="flex-1"
+                              disabled={disabledFunctionButton}
+                              link={appURL}
+                              icon={<RiPlayCircleLine className="h-4 w-4" />}
+                            >
+                              {t('workflow.common.runApp')}
+                            </SuggestedAction>
+                          </Tooltip>
+                          {appDetail?.mode === AppModeEnum.WORKFLOW || appDetail?.mode === AppModeEnum.COMPLETION
+                            ? (
+                                <Tooltip triggerClassName="flex" disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
+                                  <SuggestedAction
+                                    className="flex-1"
+                                    disabled={disabledFunctionButton}
+                                    link={`${appURL}${appURL.includes('?') ? '&' : '?'}mode=batch`}
+                                    icon={<RiPlayList2Line className="h-4 w-4" />}
+                                  >
+                                    {t('workflow.common.batchRunApp')}
+                                  </SuggestedAction>
+                                </Tooltip>
+                              )
+                            : (
+                                <SuggestedAction
+                                  onClick={() => {
+                                    setEmbeddingModalOpen(true)
+                                    handleTrigger()
+                                  }}
+                                  disabled={!publishedAt}
+                                  icon={<CodeBrowser className="h-4 w-4" />}
+                                >
+                                  {t('workflow.common.embedIntoSite')}
+                                </SuggestedAction>
+                              )}
+                          <Tooltip triggerClassName="flex" disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
+                            <SuggestedAction
+                              className="flex-1"
+                              onClick={() => {
+                                if (publishedAt)
+                                  handleOpenInExplore()
+                              }}
+                              disabled={disabledFunctionButton}
+                              icon={<RiPlanetLine className="h-4 w-4" />}
+                            >
+                              {t('workflow.common.openInExplore')}
+                            </SuggestedAction>
+                          </Tooltip>
+                          <Tooltip triggerClassName="flex" disabled={!!publishedAt && !missingStartNode} popupContent={!publishedAt ? t('app.notPublishedYet') : t('app.noUserInputNode')} asChild={false}>
+                            <SuggestedAction
+                              className="flex-1"
+                              disabled={!publishedAt || missingStartNode}
+                              link="./develop"
+                              icon={<RiTerminalBoxLine className="h-4 w-4" />}
+                            >
+                              {t('workflow.common.accessAPIReference')}
+                            </SuggestedAction>
+                          </Tooltip>
+                          {appDetail?.mode === AppModeEnum.WORKFLOW && (
+                            <WorkflowToolConfigureButton
+                              disabled={workflowToolDisabled}
+                              published={!!toolPublished}
+                              detailNeedUpdate={!!toolPublished && published}
+                              workflowAppId={appDetail?.id}
+                              icon={{
+                                content: (appDetail.icon_type === 'image' ? '🤖' : appDetail?.icon) || '🤖',
+                                background: (appDetail.icon_type === 'image' ? appDefaultIconBackground : appDetail?.icon_background) || appDefaultIconBackground,
+                              }}
+                              name={appDetail?.name}
+                              description={appDetail?.description}
+                              inputs={inputs}
+                              outputs={outputs}
+                              handlePublish={handlePublish}
+                              onRefreshData={onRefreshData}
+                              disabledReason={workflowToolMessage}
+                            />
+                          )}
+                        </div>
+                      )
+                    }
+                  </>
+                )}
           </div>
         </PortalToFollowElemContent>
         <EmbeddedModal
@@ -484,8 +497,9 @@ const AppPublisher = ({
           accessToken={accessToken}
         />
         {showAppAccessControl && <AccessControl app={appDetail!} onConfirm={handleAccessControlUpdate} onClose={() => { setShowAppAccessControl(false) }} />}
-      </PortalToFollowElem >
-    </>)
+      </PortalToFollowElem>
+    </>
+  )
 }
 
 export default memo(AppPublisher)
diff --git a/web/app/components/app/app-publisher/publish-with-multiple-model.tsx b/web/app/components/app/app-publisher/publish-with-multiple-model.tsx
index e3767877d9..2e1471f272 100644
--- a/web/app/components/app/app-publisher/publish-with-multiple-model.tsx
+++ b/web/app/components/app/app-publisher/publish-with-multiple-model.tsx
@@ -1,18 +1,18 @@
 import type { FC } from 'react'
+import type { ModelAndParameter } from '../configuration/debug/types'
+import type { Model, ModelItem } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { RiArrowDownSLine } from '@remixicon/react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import type { ModelAndParameter } from '../configuration/debug/types'
-import ModelIcon from '../../header/account-setting/model-provider-page/model-icon'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { useProviderContext } from '@/context/provider-context'
-import type { Model, ModelItem } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useProviderContext } from '@/context/provider-context'
+import ModelIcon from '../../header/account-setting/model-provider-page/model-icon'
 
 type PublishWithMultipleModelProps = {
   multipleModelConfigs: ModelAndParameter[]
@@ -29,7 +29,7 @@ const PublishWithMultipleModel: FC<PublishWithMultipleModelProps> = ({
   const { textGenerationModelList } = useProviderContext()
   const [open, setOpen] = useState(false)
 
-  const validModelConfigs: (ModelAndParameter & { modelItem: ModelItem; providerItem: Model })[] = []
+  const validModelConfigs: (ModelAndParameter & { modelItem: ModelItem, providerItem: Model })[] = []
 
   multipleModelConfigs.forEach((item) => {
     const provider = textGenerationModelList.find(model => model.provider === item.provider)
@@ -64,34 +64,37 @@ const PublishWithMultipleModel: FC<PublishWithMultipleModelProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
     >
-      <PortalToFollowElemTrigger className='w-full' onClick={handleToggle}>
+      <PortalToFollowElemTrigger className="w-full" onClick={handleToggle}>
         <Button
-          variant='primary'
+          variant="primary"
           disabled={!validModelConfigs.length}
-          className='mt-3 w-full'
+          className="mt-3 w-full"
         >
           {t('appDebug.operation.applyConfig')}
-          <RiArrowDownSLine className='ml-0.5 h-3 w-3' />
+          <RiArrowDownSLine className="ml-0.5 h-3 w-3" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-50 mt-1 w-[288px]'>
-        <div className='rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-1 shadow-lg'>
-          <div className='flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary'>
+      <PortalToFollowElemContent className="z-50 mt-1 w-[288px]">
+        <div className="rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-1 shadow-lg">
+          <div className="flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary">
             {t('appDebug.publishAs')}
           </div>
           {
             validModelConfigs.map((item, index) => (
               <div
                 key={item.id}
-                className='flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-tertiary hover:bg-state-base-hover'
+                className="flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-tertiary hover:bg-state-base-hover"
                 onClick={() => handleSelect(item)}
               >
-                <span className='min-w-[18px] italic'>#{index + 1}</span>
-                <ModelIcon modelName={item.model} provider={item.providerItem} className='ml-2' />
+                <span className="min-w-[18px] italic">
+                  #
+                  {index + 1}
+                </span>
+                <ModelIcon modelName={item.model} provider={item.providerItem} className="ml-2" />
                 <div
-                  className='ml-1 truncate text-text-secondary'
+                  className="ml-1 truncate text-text-secondary"
                   title={item.modelItem.label[language]}
                 >
                   {item.modelItem.label[language]}
diff --git a/web/app/components/app/app-publisher/suggested-action.tsx b/web/app/components/app/app-publisher/suggested-action.tsx
index 154bacc361..ee564cbf84 100644
--- a/web/app/components/app/app-publisher/suggested-action.tsx
+++ b/web/app/components/app/app-publisher/suggested-action.tsx
@@ -17,17 +17,15 @@ const SuggestedAction = ({ icon, link, disabled, children, className, onClick, .
   return (
     <a
       href={disabled ? undefined : link}
-      target='_blank'
-      rel='noreferrer'
-      className={cn('flex items-center justify-start gap-2 rounded-lg bg-background-section-burn px-2.5 py-2 text-text-secondary transition-colors [&:not(:first-child)]:mt-1',
-        disabled ? 'cursor-not-allowed opacity-30 shadow-xs' : 'cursor-pointer text-text-secondary hover:bg-state-accent-hover hover:text-text-accent',
-        className)}
+      target="_blank"
+      rel="noreferrer"
+      className={cn('flex items-center justify-start gap-2 rounded-lg bg-background-section-burn px-2.5 py-2 text-text-secondary transition-colors [&:not(:first-child)]:mt-1', disabled ? 'cursor-not-allowed opacity-30 shadow-xs' : 'cursor-pointer text-text-secondary hover:bg-state-accent-hover hover:text-text-accent', className)}
       onClick={handleClick}
       {...props}
     >
-      <div className='relative h-4 w-4'>{icon}</div>
-      <div className='system-sm-medium shrink grow basis-0'>{children}</div>
-      <RiArrowRightUpLine className='h-3.5 w-3.5' />
+      <div className="relative h-4 w-4">{icon}</div>
+      <div className="system-sm-medium shrink grow basis-0">{children}</div>
+      <RiArrowRightUpLine className="h-3.5 w-3.5" />
     </a>
   )
 }
diff --git a/web/app/components/app/app-publisher/version-info-modal.tsx b/web/app/components/app/app-publisher/version-info-modal.tsx
index 263f187736..647dc57f36 100644
--- a/web/app/components/app/app-publisher/version-info-modal.tsx
+++ b/web/app/components/app/app-publisher/version-info-modal.tsx
@@ -1,18 +1,19 @@
-import React, { type FC, useCallback, useState } from 'react'
-import Modal from '@/app/components/base/modal'
+import type { FC } from 'react'
 import type { VersionHistory } from '@/types/workflow'
-import { useTranslation } from 'react-i18next'
 import { RiCloseLine } from '@remixicon/react'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Modal from '@/app/components/base/modal'
+import Toast from '@/app/components/base/toast'
+import Button from '../../base/button'
 import Input from '../../base/input'
 import Textarea from '../../base/textarea'
-import Button from '../../base/button'
-import Toast from '@/app/components/base/toast'
 
 type VersionInfoModalProps = {
   isOpen: boolean
   versionInfo?: VersionHistory
   onClose: () => void
-  onPublish: (params: { title: string; releaseNotes: string; id?: string }) => void
+  onPublish: (params: { title: string, releaseNotes: string, id?: string }) => void
 }
 
 const TITLE_MAX_LENGTH = 15
@@ -69,46 +70,48 @@ const VersionInfoModal: FC<VersionInfoModalProps> = ({
     setReleaseNotes(e.target.value)
   }, [])
 
-  return <Modal className='p-0' isShow={isOpen} onClose={onClose}>
-    <div className='relative w-full p-6 pb-4 pr-14'>
-      <div className='title-2xl-semi-bold text-text-primary first-letter:capitalize'>
-        {versionInfo?.marked_name ? t('workflow.versionHistory.editVersionInfo') : t('workflow.versionHistory.nameThisVersion')}
-      </div>
-      <div className='absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={onClose}>
-        <RiCloseLine className='h-[18px] w-[18px] text-text-tertiary' />
-      </div>
-    </div>
-    <div className='flex flex-col gap-y-4 px-6 py-3'>
-      <div className='flex flex-col gap-y-1'>
-        <div className='system-sm-semibold flex h-6 items-center text-text-secondary'>
-          {t('workflow.versionHistory.editField.title')}
+  return (
+    <Modal className="p-0" isShow={isOpen} onClose={onClose}>
+      <div className="relative w-full p-6 pb-4 pr-14">
+        <div className="title-2xl-semi-bold text-text-primary first-letter:capitalize">
+          {versionInfo?.marked_name ? t('workflow.versionHistory.editVersionInfo') : t('workflow.versionHistory.nameThisVersion')}
         </div>
-        <Input
-          value={title}
-          placeholder={`${t('workflow.versionHistory.nameThisVersion')}${t('workflow.panel.optional')}`}
-          onChange={handleTitleChange}
-          destructive={titleError}
-        />
-      </div>
-      <div className='flex flex-col gap-y-1'>
-        <div className='system-sm-semibold flex h-6 items-center text-text-secondary'>
-          {t('workflow.versionHistory.editField.releaseNotes')}
+        <div className="absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={onClose}>
+          <RiCloseLine className="h-[18px] w-[18px] text-text-tertiary" />
         </div>
-        <Textarea
-          value={releaseNotes}
-          placeholder={`${t('workflow.versionHistory.releaseNotesPlaceholder')}${t('workflow.panel.optional')}`}
-          onChange={handleDescriptionChange}
-          destructive={releaseNotesError}
-        />
       </div>
-    </div>
-    <div className='flex justify-end p-6 pt-5'>
-      <div className='flex items-center gap-x-3'>
-        <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button variant='primary' onClick={handlePublish}>{t('workflow.common.publish')}</Button>
+      <div className="flex flex-col gap-y-4 px-6 py-3">
+        <div className="flex flex-col gap-y-1">
+          <div className="system-sm-semibold flex h-6 items-center text-text-secondary">
+            {t('workflow.versionHistory.editField.title')}
+          </div>
+          <Input
+            value={title}
+            placeholder={`${t('workflow.versionHistory.nameThisVersion')}${t('workflow.panel.optional')}`}
+            onChange={handleTitleChange}
+            destructive={titleError}
+          />
+        </div>
+        <div className="flex flex-col gap-y-1">
+          <div className="system-sm-semibold flex h-6 items-center text-text-secondary">
+            {t('workflow.versionHistory.editField.releaseNotes')}
+          </div>
+          <Textarea
+            value={releaseNotes}
+            placeholder={`${t('workflow.versionHistory.releaseNotesPlaceholder')}${t('workflow.panel.optional')}`}
+            onChange={handleDescriptionChange}
+            destructive={releaseNotesError}
+          />
+        </div>
       </div>
-    </div>
-  </Modal>
+      <div className="flex justify-end p-6 pt-5">
+        <div className="flex items-center gap-x-3">
+          <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
+          <Button variant="primary" onClick={handlePublish}>{t('workflow.common.publish')}</Button>
+        </div>
+      </div>
+    </Modal>
+  )
 }
 
 export default VersionInfoModal
diff --git a/web/app/components/app/configuration/base/feature-panel/index.tsx b/web/app/components/app/configuration/base/feature-panel/index.tsx
index c9ebfefbe5..b69de31ac4 100644
--- a/web/app/components/app/configuration/base/feature-panel/index.tsx
+++ b/web/app/components/app/configuration/base/feature-panel/index.tsx
@@ -26,12 +26,12 @@ const FeaturePanel: FC<IFeaturePanelProps> = ({
     <div className={cn('rounded-xl border-l-[0.5px] border-t-[0.5px] border-effects-highlight bg-background-section-burn pb-3', noBodySpacing && 'pb-0', className)}>
       {/* Header */}
       <div className={cn('px-3 pt-2', hasHeaderBottomBorder && 'border-b border-divider-subtle')}>
-        <div className='flex h-8 items-center justify-between'>
-          <div className='flex shrink-0 items-center space-x-1'>
-            {headerIcon && <div className='flex h-6 w-6 items-center justify-center'>{headerIcon}</div>}
-            <div className='system-sm-semibold text-text-secondary'>{title}</div>
+        <div className="flex h-8 items-center justify-between">
+          <div className="flex shrink-0 items-center space-x-1">
+            {headerIcon && <div className="flex h-6 w-6 items-center justify-center">{headerIcon}</div>}
+            <div className="system-sm-semibold text-text-secondary">{title}</div>
           </div>
-          <div className='flex items-center gap-2'>
+          <div className="flex items-center gap-2">
             {headerRight && <div>{headerRight}</div>}
           </div>
         </div>
diff --git a/web/app/components/app/configuration/base/group-name/index.tsx b/web/app/components/app/configuration/base/group-name/index.tsx
index 7148aafc26..1ae3107876 100644
--- a/web/app/components/app/configuration/base/group-name/index.tsx
+++ b/web/app/components/app/configuration/base/group-name/index.tsx
@@ -10,14 +10,16 @@ const GroupName: FC<IGroupNameProps> = ({
   name,
 }) => {
   return (
-    <div className='mb-1 flex items-center'>
-      <div className='mr-3 text-xs font-semibold uppercase leading-[18px] text-text-tertiary'>{name}</div>
-      <div className='h-px grow'
+    <div className="mb-1 flex items-center">
+      <div className="mr-3 text-xs font-semibold uppercase leading-[18px] text-text-tertiary">{name}</div>
+      <div
+        className="h-px grow"
         style={{
           background: 'linear-gradient(270deg, rgba(243, 244, 246, 0) 0%, #F3F4F6 100%)',
 
         }}
-      ></div>
+      >
+      </div>
     </div>
   )
 }
diff --git a/web/app/components/app/configuration/base/operation-btn/index.spec.tsx b/web/app/components/app/configuration/base/operation-btn/index.spec.tsx
index 5a16135c55..8e254d261b 100644
--- a/web/app/components/app/configuration/base/operation-btn/index.spec.tsx
+++ b/web/app/components/app/configuration/base/operation-btn/index.spec.tsx
@@ -3,10 +3,10 @@ import OperationBtn from './index'
 
 vi.mock('@remixicon/react', () => ({
   RiAddLine: (props: { className?: string }) => (
-    <svg data-testid='add-icon' className={props.className} />
+    <svg data-testid="add-icon" className={props.className} />
   ),
   RiEditLine: (props: { className?: string }) => (
-    <svg data-testid='edit-icon' className={props.className} />
+    <svg data-testid="edit-icon" className={props.className} />
   ),
 }))
 
@@ -22,7 +22,7 @@ describe('OperationBtn', () => {
       const customClass = 'custom-class'
 
       // Act
-      render(<OperationBtn type='add' className={customClass} />)
+      render(<OperationBtn type="add" className={customClass} />)
 
       // Assert
       expect(screen.getByText('common.operation.add').parentElement).toHaveClass(customClass)
@@ -32,7 +32,7 @@ describe('OperationBtn', () => {
       const onClick = vi.fn()
 
       // Act
-      render(<OperationBtn type='add' onClick={onClick} className='custom-class' />)
+      render(<OperationBtn type="add" onClick={onClick} className="custom-class" />)
 
       // Assert
       expect(screen.getByTestId('add-icon')).toBeInTheDocument()
@@ -44,7 +44,7 @@ describe('OperationBtn', () => {
       const actionName = 'Rename'
 
       // Act
-      render(<OperationBtn type='edit' actionName={actionName} />)
+      render(<OperationBtn type="edit" actionName={actionName} />)
 
       // Assert
       expect(screen.getByTestId('edit-icon')).toBeInTheDocument()
@@ -58,7 +58,7 @@ describe('OperationBtn', () => {
     it('should execute click handler when button is clicked', () => {
       // Arrange
       const onClick = vi.fn()
-      render(<OperationBtn type='add' onClick={onClick} />)
+      render(<OperationBtn type="add" onClick={onClick} />)
 
       // Act
       fireEvent.click(screen.getByText('common.operation.add'))
diff --git a/web/app/components/app/configuration/base/operation-btn/index.tsx b/web/app/components/app/configuration/base/operation-btn/index.tsx
index db19d2976e..2deaba3743 100644
--- a/web/app/components/app/configuration/base/operation-btn/index.tsx
+++ b/web/app/components/app/configuration/base/operation-btn/index.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
   RiEditLine,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import { noop } from 'lodash-es'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 
 export type IOperationBtnProps = {
   className?: string
@@ -17,8 +17,8 @@ export type IOperationBtnProps = {
 }
 
 const iconMap = {
-  add: <RiAddLine className='h-3.5 w-3.5' />,
-  edit: <RiEditLine className='h-3.5 w-3.5' />,
+  add: <RiAddLine className="h-3.5 w-3.5" />,
+  edit: <RiEditLine className="h-3.5 w-3.5" />,
 }
 
 const OperationBtn: FC<IOperationBtnProps> = ({
@@ -31,11 +31,12 @@ const OperationBtn: FC<IOperationBtnProps> = ({
   return (
     <div
       className={cn('flex h-7 cursor-pointer select-none items-center space-x-1 rounded-md px-3 text-text-secondary hover:bg-state-base-hover', className)}
-      onClick={onClick}>
+      onClick={onClick}
+    >
       <div>
         {iconMap[type]}
       </div>
-      <div className='text-xs font-medium'>
+      <div className="text-xs font-medium">
         {actionName || t(`common.operation.${type}`)}
       </div>
     </div>
diff --git a/web/app/components/app/configuration/base/var-highlight/index.tsx b/web/app/components/app/configuration/base/var-highlight/index.tsx
index 2d8fc2dcb4..b2360751c2 100644
--- a/web/app/components/app/configuration/base/var-highlight/index.tsx
+++ b/web/app/components/app/configuration/base/var-highlight/index.tsx
@@ -18,7 +18,9 @@ const VarHighlight: FC<IVarHighlightProps> = ({
       key={name}
       className={`${s.item} ${className} mb-2 inline-flex h-5 items-center justify-center rounded-md px-1 text-xs font-medium text-primary-600`}
     >
-      <span className='opacity-60'>{'{{'}</span><span>{name}</span><span className='opacity-60'>{'}}'}</span>
+      <span className="opacity-60">{'{{'}</span>
+      <span>{name}</span>
+      <span className="opacity-60">{'}}'}</span>
     </div>
   )
 }
diff --git a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.spec.tsx b/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.spec.tsx
index accbcf9f5d..4ca20f7117 100644
--- a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import CannotQueryDataset from './cannot-query-dataset'
 
 describe('CannotQueryDataset WarningMask', () => {
-  test('should render dataset warning copy and action button', () => {
+  it('should render dataset warning copy and action button', () => {
     const onConfirm = vi.fn()
     render(<CannotQueryDataset onConfirm={onConfirm} />)
 
@@ -12,7 +12,7 @@ describe('CannotQueryDataset WarningMask', () => {
     expect(screen.getByRole('button', { name: 'appDebug.feature.dataSet.queryVariable.ok' })).toBeInTheDocument()
   })
 
-  test('should invoke onConfirm when OK button clicked', () => {
+  it('should invoke onConfirm when OK button clicked', () => {
     const onConfirm = vi.fn()
     render(<CannotQueryDataset onConfirm={onConfirm} />)
 
diff --git a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx b/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx
index be247b024f..2c916eaf3b 100644
--- a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import WarningMask from '.'
 import Button from '@/app/components/base/button'
+import WarningMask from '.'
 
 export type IFormattingChangedProps = {
   onConfirm: () => void
@@ -18,13 +18,13 @@ const FormattingChanged: FC<IFormattingChangedProps> = ({
     <WarningMask
       title={t('appDebug.feature.dataSet.queryVariable.unableToQueryDataSet')}
       description={t('appDebug.feature.dataSet.queryVariable.unableToQueryDataSetTip')}
-      footer={
-        <div className='flex space-x-2'>
-          <Button variant='primary' className='flex !w-[96px] justify-start' onClick={onConfirm}>
-            <span className='text-[13px] font-medium'>{t('appDebug.feature.dataSet.queryVariable.ok')}</span>
+      footer={(
+        <div className="flex space-x-2">
+          <Button variant="primary" className="flex !w-[96px] justify-start" onClick={onConfirm}>
+            <span className="text-[13px] font-medium">{t('appDebug.feature.dataSet.queryVariable.ok')}</span>
           </Button>
         </div>
-      }
+      )}
     />
   )
 }
diff --git a/web/app/components/app/configuration/base/warning-mask/formatting-changed.spec.tsx b/web/app/components/app/configuration/base/warning-mask/formatting-changed.spec.tsx
index 0db857d7c4..3171e2c183 100644
--- a/web/app/components/app/configuration/base/warning-mask/formatting-changed.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/formatting-changed.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import FormattingChanged from './formatting-changed'
 
 describe('FormattingChanged WarningMask', () => {
-  test('should display translation text and both actions', () => {
+  it('should display translation text and both actions', () => {
     const onConfirm = vi.fn()
     const onCancel = vi.fn()
 
@@ -20,7 +20,7 @@ describe('FormattingChanged WarningMask', () => {
     expect(screen.getByRole('button', { name: /common\.operation\.refresh/ })).toBeInTheDocument()
   })
 
-  test('should call callbacks when buttons are clicked', () => {
+  it('should call callbacks when buttons are clicked', () => {
     const onConfirm = vi.fn()
     const onCancel = vi.fn()
     render(
diff --git a/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx b/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx
index 35c2283d15..24bb245b25 100644
--- a/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import WarningMask from '.'
 import Button from '@/app/components/base/button'
+import WarningMask from '.'
 
 export type IFormattingChangedProps = {
   onConfirm: () => void
@@ -26,15 +26,15 @@ const FormattingChanged: FC<IFormattingChangedProps> = ({
     <WarningMask
       title={t('appDebug.formattingChangedTitle')}
       description={t('appDebug.formattingChangedText')}
-      footer={
-        <div className='flex space-x-2'>
-          <Button variant='primary' className='flex space-x-2' onClick={onConfirm}>
+      footer={(
+        <div className="flex space-x-2">
+          <Button variant="primary" className="flex space-x-2" onClick={onConfirm}>
             {icon}
             <span>{t('common.operation.refresh')}</span>
           </Button>
           <Button onClick={onCancel}>{t('common.operation.cancel') as string}</Button>
         </div>
-      }
+      )}
     />
   )
 }
diff --git a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.spec.tsx b/web/app/components/app/configuration/base/warning-mask/has-not-set-api.spec.tsx
index 041f93c028..24ba0aeb3b 100644
--- a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/has-not-set-api.spec.tsx
@@ -1,22 +1,22 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import HasNotSetAPI from './has-not-set-api'
 
 describe('HasNotSetAPI WarningMask', () => {
-  test('should show default title when trial not finished', () => {
+  it('should show default title when trial not finished', () => {
     render(<HasNotSetAPI isTrailFinished={false} onSetting={vi.fn()} />)
 
     expect(screen.getByText('appDebug.notSetAPIKey.title')).toBeInTheDocument()
     expect(screen.getByText('appDebug.notSetAPIKey.description')).toBeInTheDocument()
   })
 
-  test('should show trail finished title when flag is true', () => {
+  it('should show trail finished title when flag is true', () => {
     render(<HasNotSetAPI isTrailFinished onSetting={vi.fn()} />)
 
     expect(screen.getByText('appDebug.notSetAPIKey.trailFinished')).toBeInTheDocument()
   })
 
-  test('should call onSetting when primary button clicked', () => {
+  it('should call onSetting when primary button clicked', () => {
     const onSetting = vi.fn()
     render(<HasNotSetAPI isTrailFinished={false} onSetting={onSetting} />)
 
diff --git a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx b/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx
index d83f9d920f..001a7ff79e 100644
--- a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import WarningMask from '.'
 import Button from '@/app/components/base/button'
+import WarningMask from '.'
 
 export type IHasNotSetAPIProps = {
   isTrailFinished: boolean
@@ -27,11 +27,12 @@ const HasNotSetAPI: FC<IHasNotSetAPIProps> = ({
     <WarningMask
       title={isTrailFinished ? t('appDebug.notSetAPIKey.trailFinished') : t('appDebug.notSetAPIKey.title')}
       description={t('appDebug.notSetAPIKey.description')}
-      footer={
-        <Button variant='primary' className='flex space-x-2' onClick={onSetting}>
+      footer={(
+        <Button variant="primary" className="flex space-x-2" onClick={onSetting}>
           <span>{t('appDebug.notSetAPIKey.settingBtn')}</span>
           {icon}
-        </Button>}
+        </Button>
+      )}
     />
   )
 }
diff --git a/web/app/components/app/configuration/base/warning-mask/index.spec.tsx b/web/app/components/app/configuration/base/warning-mask/index.spec.tsx
index 6d533a423d..9546a3e8d9 100644
--- a/web/app/components/app/configuration/base/warning-mask/index.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/index.spec.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import WarningMask from './index'
 
 describe('WarningMask', () => {
   // Rendering of title, description, and footer content
   describe('Rendering', () => {
-    test('should display provided title, description, and footer node', () => {
+    it('should display provided title, description, and footer node', () => {
       const footer = <button type="button">Retry</button>
       // Arrange
       render(
diff --git a/web/app/components/app/configuration/base/warning-mask/index.tsx b/web/app/components/app/configuration/base/warning-mask/index.tsx
index 78d01703f8..3d6fef72a4 100644
--- a/web/app/components/app/configuration/base/warning-mask/index.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/index.tsx
@@ -22,17 +22,16 @@ const WarningMask: FC<IWarningMaskProps> = ({
   footer,
 }) => {
   return (
-    <div className={`${s.mask} absolute inset-0 z-10 bg-components-panel-bg-blur pt-16`}
-    >
-      <div className='mx-auto px-10'>
+    <div className={`${s.mask} absolute inset-0 z-10 bg-components-panel-bg-blur pt-16`}>
+      <div className="mx-auto px-10">
         <div className={`${s.icon} flex h-11 w-11 items-center justify-center rounded-xl bg-components-panel-bg`}>{warningIcon}</div>
-        <div className='mt-4 text-[24px] font-semibold leading-normal text-text-primary'>
+        <div className="mt-4 text-[24px] font-semibold leading-normal text-text-primary">
           {title}
         </div>
-        <div className='mt-3 text-base text-text-secondary'>
+        <div className="mt-3 text-base text-text-secondary">
           {description}
         </div>
-        <div className='mt-6'>
+        <div className="mt-6">
           {footer}
         </div>
       </div>
diff --git a/web/app/components/app/configuration/config-prompt/advanced-prompt-input.tsx b/web/app/components/app/configuration/config-prompt/advanced-prompt-input.tsx
index 6492864ce2..a5d97c47f1 100644
--- a/web/app/components/app/configuration/config-prompt/advanced-prompt-input.tsx
+++ b/web/app/components/app/configuration/config-prompt/advanced-prompt-input.tsx
@@ -1,37 +1,38 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import copy from 'copy-to-clipboard'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import { useBoolean } from 'ahooks'
-import { produce } from 'immer'
+import type { ExternalDataTool } from '@/models/common'
+import type { PromptRole, PromptVariable } from '@/models/debug'
 import {
   RiDeleteBinLine,
   RiErrorWarningFill,
 } from '@remixicon/react'
-import s from './style.module.css'
-import MessageTypeSelector from './message-type-selector'
-import ConfirmAddVar from './confirm-add-var'
-import PromptEditorHeightResizeWrap from './prompt-editor-height-resize-wrap'
-import { cn } from '@/utils/classnames'
-import type { PromptRole, PromptVariable } from '@/models/debug'
+import { useBoolean } from 'ahooks'
+import copy from 'copy-to-clipboard'
+import { produce } from 'immer'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { ADD_EXTERNAL_DATA_TOOL } from '@/app/components/app/configuration/config-var'
+import Button from '@/app/components/base/button'
 import {
   Copy,
   CopyCheck,
 } from '@/app/components/base/icons/src/vender/line/files'
-import Button from '@/app/components/base/button'
-import Tooltip from '@/app/components/base/tooltip'
 import PromptEditor from '@/app/components/base/prompt-editor'
-import ConfigContext from '@/context/debug-configuration'
-import { getNewVar, getVars } from '@/utils/var'
-import { AppModeEnum } from '@/types/app'
-import { useModalContext } from '@/context/modal-context'
-import type { ExternalDataTool } from '@/models/common'
-import { useToastContext } from '@/app/components/base/toast'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { ADD_EXTERNAL_DATA_TOOL } from '@/app/components/app/configuration/config-var'
 import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '@/app/components/base/prompt-editor/plugins/variable-block'
+import { useToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import ConfigContext from '@/context/debug-configuration'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useModalContext } from '@/context/modal-context'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { getNewVar, getVars } from '@/utils/var'
+import ConfirmAddVar from './confirm-add-var'
+import MessageTypeSelector from './message-type-selector'
+import PromptEditorHeightResizeWrap from './prompt-editor-height-resize-wrap'
+import s from './style.module.css'
+
 type Props = {
   type: PromptRole
   isChatMode: boolean
@@ -144,78 +145,85 @@ const AdvancedPromptInput: FC<Props> = ({
   const [editorHeight, setEditorHeight] = React.useState(isChatMode ? 200 : 508)
   const contextMissing = (
     <div
-      className='flex h-11 items-center justify-between rounded-tl-xl rounded-tr-xl pb-1 pl-4 pr-3 pt-2'
+      className="flex h-11 items-center justify-between rounded-tl-xl rounded-tr-xl pb-1 pl-4 pr-3 pt-2"
       style={{
         background: 'linear-gradient(180deg, #FEF0C7 0%, rgba(254, 240, 199, 0) 100%)',
       }}
     >
-      <div className='flex items-center pr-2' >
-        <RiErrorWarningFill className='mr-1 h-4 w-4 text-[#F79009]' />
-        <div className='text-[13px] font-medium leading-[18px] text-[#DC6803]'>{t('appDebug.promptMode.contextMissing')}</div>
+      <div className="flex items-center pr-2">
+        <RiErrorWarningFill className="mr-1 h-4 w-4 text-[#F79009]" />
+        <div className="text-[13px] font-medium leading-[18px] text-[#DC6803]">{t('appDebug.promptMode.contextMissing')}</div>
       </div>
       <Button
-        size='small'
-        variant='secondary-accent'
+        size="small"
+        variant="secondary-accent"
         onClick={onHideContextMissingTip}
-      >{t('common.operation.ok')}</Button>
+      >
+        {t('common.operation.ok')}
+      </Button>
     </div>
   )
   return (
     <div className={`rounded-xl bg-gradient-to-r from-components-input-border-active-prompt-1 to-components-input-border-active-prompt-2 p-0.5 shadow-xs ${!isContextMissing ? '' : s.warningBorder}`}>
-      <div className='rounded-xl bg-background-default'>
+      <div className="rounded-xl bg-background-default">
         {isContextMissing
           ? contextMissing
           : (
-            <div className={cn(s.boxHeader, 'flex h-11 items-center justify-between rounded-tl-xl rounded-tr-xl bg-background-default pb-1 pl-4 pr-3 pt-2 hover:shadow-xs')}>
-              {isChatMode
-                ? (
-                  <MessageTypeSelector value={type} onChange={onTypeChange} />
-                )
-                : (
-                  <div className='flex items-center space-x-1'>
-
-                    <div className='text-sm font-semibold uppercase text-indigo-800'>{t('appDebug.pageTitle.line1')}
-                    </div>
-                    <Tooltip
-                      popupContent={
-                        <div className='w-[180px]'>
-                          {t('appDebug.promptTip')}
-                        </div>
-                      }
-                    />
-                  </div>)}
-              <div className={cn(s.optionWrap, 'items-center space-x-1')}>
-                {canDelete && (
-                  <RiDeleteBinLine onClick={onDelete} className='h-6 w-6 cursor-pointer p-1 text-text-tertiary' />
-                )}
-                {!isCopied
+              <div className={cn(s.boxHeader, 'flex h-11 items-center justify-between rounded-tl-xl rounded-tr-xl bg-background-default pb-1 pl-4 pr-3 pt-2 hover:shadow-xs')}>
+                {isChatMode
                   ? (
-                    <Copy className='h-6 w-6 cursor-pointer p-1 text-text-tertiary' onClick={() => {
-                      copy(value)
-                      setIsCopied(true)
-                    }} />
-                  )
+                      <MessageTypeSelector value={type} onChange={onTypeChange} />
+                    )
                   : (
-                    <CopyCheck className='h-6 w-6 p-1 text-text-tertiary' />
+                      <div className="flex items-center space-x-1">
+
+                        <div className="text-sm font-semibold uppercase text-indigo-800">
+                          {t('appDebug.pageTitle.line1')}
+                        </div>
+                        <Tooltip
+                          popupContent={(
+                            <div className="w-[180px]">
+                              {t('appDebug.promptTip')}
+                            </div>
+                          )}
+                        />
+                      </div>
+                    )}
+                <div className={cn(s.optionWrap, 'items-center space-x-1')}>
+                  {canDelete && (
+                    <RiDeleteBinLine onClick={onDelete} className="h-6 w-6 cursor-pointer p-1 text-text-tertiary" />
                   )}
+                  {!isCopied
+                    ? (
+                        <Copy
+                          className="h-6 w-6 cursor-pointer p-1 text-text-tertiary"
+                          onClick={() => {
+                            copy(value)
+                            setIsCopied(true)
+                          }}
+                        />
+                      )
+                    : (
+                        <CopyCheck className="h-6 w-6 p-1 text-text-tertiary" />
+                      )}
+                </div>
               </div>
-            </div>
-          )}
+            )}
 
         <PromptEditorHeightResizeWrap
-          className='min-h-[102px] overflow-y-auto px-4 text-sm text-text-secondary'
+          className="min-h-[102px] overflow-y-auto px-4 text-sm text-text-secondary"
           height={editorHeight}
           minHeight={minHeight}
           onHeightChange={setEditorHeight}
           footer={(
-            <div className='flex pb-2 pl-4'>
+            <div className="flex pb-2 pl-4">
               <div className="h-[18px] rounded-md bg-divider-regular px-1 text-xs leading-[18px] text-text-tertiary">{value.length}</div>
             </div>
           )}
           hideResize={noResize}
         >
           <PromptEditor
-            className='min-h-[84px]'
+            className="min-h-[84px]"
             value={value}
             contextBlock={{
               show: true,
diff --git a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.spec.tsx b/web/app/components/app/configuration/config-prompt/confirm-add-var/index.spec.tsx
index 2c15a2b9b4..f732da3f95 100644
--- a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/confirm-add-var/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import ConfirmAddVar from './index'
 
 vi.mock('../../base/var-highlight', () => ({
diff --git a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx b/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx
index 413f73f86b..e8106a790a 100644
--- a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx
+++ b/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React, { useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import VarHighlight from '../../base/var-highlight'
 import Button from '@/app/components/base/button'
+import VarHighlight from '../../base/var-highlight'
 
 export type IConfirmAddVarProps = {
   varNameArr: string[]
@@ -33,33 +33,37 @@ const ConfirmAddVar: FC<IConfirmAddVarProps> = ({
   //   onHide()
   // }, mainContentRef)
   return (
-    <div className='absolute inset-0  flex items-center justify-center rounded-xl'
+    <div
+      className="absolute inset-0  flex items-center justify-center rounded-xl"
       style={{
         backgroundColor: 'rgba(35, 56, 118, 0.2)',
-      }}>
+      }}
+    >
       <div
         ref={mainContentRef}
-        className='w-[420px] rounded-xl bg-components-panel-bg p-6'
+        className="w-[420px] rounded-xl bg-components-panel-bg p-6"
         style={{
           boxShadow: '0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)',
         }}
       >
-        <div className='flex items-start space-x-3'>
+        <div className="flex items-start space-x-3">
           <div
-            className='flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-components-card-border bg-components-card-bg-alt shadow-lg'
-          >{VarIcon}</div>
-          <div className='grow-1'>
-            <div className='text-sm font-medium text-text-primary'>{t('appDebug.autoAddVar')}</div>
-            <div className='mt-[15px] flex max-h-[66px] flex-wrap space-x-1 overflow-y-auto px-1'>
+            className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-components-card-border bg-components-card-bg-alt shadow-lg"
+          >
+            {VarIcon}
+          </div>
+          <div className="grow-1">
+            <div className="text-sm font-medium text-text-primary">{t('appDebug.autoAddVar')}</div>
+            <div className="mt-[15px] flex max-h-[66px] flex-wrap space-x-1 overflow-y-auto px-1">
               {varNameArr.map(name => (
                 <VarHighlight key={name} name={name} />
               ))}
             </div>
           </div>
         </div>
-        <div className='mt-7 flex justify-end space-x-2'>
+        <div className="mt-7 flex justify-end space-x-2">
           <Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
-          <Button variant='primary' onClick={onConfirm}>{t('common.operation.add')}</Button>
+          <Button variant="primary" onClick={onConfirm}>{t('common.operation.add')}</Button>
         </div>
       </div>
 
diff --git a/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.spec.tsx b/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.spec.tsx
index a0175dc710..a6033fcb60 100644
--- a/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
-import EditModal from './edit-modal'
 import type { ConversationHistoriesRole } from '@/models/debug'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+import EditModal from './edit-modal'
 
 vi.mock('@/app/components/base/modal', () => ({
   __esModule: true,
diff --git a/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.tsx b/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.tsx
index ff115da5cf..c21ddeb30e 100644
--- a/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.tsx
+++ b/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.tsx
@@ -1,10 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { ConversationHistoriesRole } from '@/models/debug'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal'
-import type { ConversationHistoriesRole } from '@/models/debug'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+
 type Props = {
   isShow: boolean
   saveLoading: boolean
@@ -28,8 +29,9 @@ const EditModal: FC<Props> = ({
       isShow={isShow}
       onClose={onClose}
     >
-      <div className={'mt-6 text-sm font-medium leading-[21px] text-text-primary'}>{t('appDebug.feature.conversationHistory.editModal.userPrefix')}</div>
-      <input className={'mt-2 box-border h-10 w-full rounded-lg bg-components-input-bg-normal px-3 text-sm leading-10'}
+      <div className="mt-6 text-sm font-medium leading-[21px] text-text-primary">{t('appDebug.feature.conversationHistory.editModal.userPrefix')}</div>
+      <input
+        className="mt-2 box-border h-10 w-full rounded-lg bg-components-input-bg-normal px-3 text-sm leading-10"
         value={tempData.user_prefix}
         onChange={e => setTempData({
           ...tempData,
@@ -37,8 +39,9 @@ const EditModal: FC<Props> = ({
         })}
       />
 
-      <div className={'mt-6 text-sm font-medium leading-[21px] text-text-primary'}>{t('appDebug.feature.conversationHistory.editModal.assistantPrefix')}</div>
-      <input className={'mt-2 box-border h-10 w-full rounded-lg bg-components-input-bg-normal px-3 text-sm leading-10'}
+      <div className="mt-6 text-sm font-medium leading-[21px] text-text-primary">{t('appDebug.feature.conversationHistory.editModal.assistantPrefix')}</div>
+      <input
+        className="mt-2 box-border h-10 w-full rounded-lg bg-components-input-bg-normal px-3 text-sm leading-10"
         value={tempData.assistant_prefix}
         onChange={e => setTempData({
           ...tempData,
@@ -47,9 +50,9 @@ const EditModal: FC<Props> = ({
         placeholder={t('common.chat.conversationNamePlaceholder') || ''}
       />
 
-      <div className='mt-10 flex justify-end'>
-        <Button className='mr-2 shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button variant='primary' className='shrink-0' onClick={() => onSave(tempData)} loading={saveLoading}>{t('common.operation.save')}</Button>
+      <div className="mt-10 flex justify-end">
+        <Button className="mr-2 shrink-0" onClick={onClose}>{t('common.operation.cancel')}</Button>
+        <Button variant="primary" className="shrink-0" onClick={() => onSave(tempData)} loading={saveLoading}>{t('common.operation.save')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.spec.tsx b/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.spec.tsx
index eaae6bb5b9..4d3da2afa4 100644
--- a/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import HistoryPanel from './history-panel'
 
 const mockDocLink = vi.fn(() => 'doc-link')
diff --git a/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.tsx b/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.tsx
index 94a02945bb..b4a133db94 100644
--- a/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.tsx
+++ b/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import OperationBtn from '@/app/components/app/configuration/base/operation-btn'
 import Panel from '@/app/components/app/configuration/base/feature-panel'
+import OperationBtn from '@/app/components/app/configuration/base/operation-btn'
 import { MessageClockCircle } from '@/app/components/base/icons/src/vender/solid/general'
 import { useDocLink } from '@/context/i18n'
 
@@ -21,32 +21,37 @@ const HistoryPanel: FC<Props> = ({
 
   return (
     <Panel
-      className='mt-2'
-      title={
-        <div className='flex items-center gap-2'>
+      className="mt-2"
+      title={(
+        <div className="flex items-center gap-2">
           <div>{t('appDebug.feature.conversationHistory.title')}</div>
         </div>
-      }
-      headerIcon={
-        <div className='rounded-md p-1 shadow-xs'>
-          <MessageClockCircle className='h-4 w-4 text-[#DD2590]' />
-        </div>}
-      headerRight={
-        <div className='flex items-center'>
-          <div className='text-xs text-text-tertiary'>{t('appDebug.feature.conversationHistory.description')}</div>
-          <div className='ml-3 h-[14px] w-[1px] bg-divider-regular'></div>
+      )}
+      headerIcon={(
+        <div className="rounded-md p-1 shadow-xs">
+          <MessageClockCircle className="h-4 w-4 text-[#DD2590]" />
+        </div>
+      )}
+      headerRight={(
+        <div className="flex items-center">
+          <div className="text-xs text-text-tertiary">{t('appDebug.feature.conversationHistory.description')}</div>
+          <div className="ml-3 h-[14px] w-[1px] bg-divider-regular"></div>
           <OperationBtn type="edit" onClick={onShowEditModal} />
         </div>
-      }
+      )}
       noBodySpacing
     >
       {showWarning && (
-        <div className='flex justify-between rounded-b-xl bg-background-section-burn px-3 py-2 text-xs text-text-secondary'>
-          <div>{t('appDebug.feature.conversationHistory.tip')}
-            <a href={docLink('/learn-more/extended-reading/what-is-llmops',
-              { 'zh-Hans': '/learn-more/extended-reading/prompt-engineering/README' })}
-            target='_blank' rel='noopener noreferrer'
-            className='text-[#155EEF]'>{t('appDebug.feature.conversationHistory.learnMore')}
+        <div className="flex justify-between rounded-b-xl bg-background-section-burn px-3 py-2 text-xs text-text-secondary">
+          <div>
+            {t('appDebug.feature.conversationHistory.tip')}
+            <a
+              href={docLink('/learn-more/extended-reading/what-is-llmops', { 'zh-Hans': '/learn-more/extended-reading/prompt-engineering/README' })}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-[#155EEF]"
+            >
+              {t('appDebug.feature.conversationHistory.learnMore')}
             </a>
           </div>
         </div>
diff --git a/web/app/components/app/configuration/config-prompt/index.spec.tsx b/web/app/components/app/configuration/config-prompt/index.spec.tsx
index 70986547b4..f3992d2a05 100644
--- a/web/app/components/app/configuration/config-prompt/index.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/index.spec.tsx
@@ -1,10 +1,12 @@
-import React from 'react'
+import type { IPromptProps } from './index'
+import type { PromptItem, PromptVariable } from '@/models/debug'
 import { fireEvent, render, screen } from '@testing-library/react'
-import Prompt, { type IPromptProps } from './index'
-import ConfigContext from '@/context/debug-configuration'
+import React from 'react'
 import { MAX_PROMPT_MESSAGE_LENGTH } from '@/config'
-import { type PromptItem, PromptRole, type PromptVariable } from '@/models/debug'
+import ConfigContext from '@/context/debug-configuration'
+import { PromptRole } from '@/models/debug'
 import { AppModeEnum, ModelModeType } from '@/types/app'
+import Prompt from './index'
 
 type DebugConfiguration = {
   isAdvancedMode: boolean
diff --git a/web/app/components/app/configuration/config-prompt/index.tsx b/web/app/components/app/configuration/config-prompt/index.tsx
index 416f87e135..ab13c6fc70 100644
--- a/web/app/components/app/configuration/config-prompt/index.tsx
+++ b/web/app/components/app/configuration/config-prompt/index.tsx
@@ -1,21 +1,21 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useContext } from 'use-context-selector'
-import { produce } from 'immer'
+import type { PromptItem, PromptVariable } from '@/models/debug'
+import type { AppModeEnum } from '@/types/app'
 import {
   RiAddLine,
 } from '@remixicon/react'
+import { produce } from 'immer'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import SimplePromptInput from './simple-prompt-input'
-import Button from '@/app/components/base/button'
+import { useContext } from 'use-context-selector'
 import AdvancedMessageInput from '@/app/components/app/configuration/config-prompt/advanced-prompt-input'
-import { PromptRole } from '@/models/debug'
-import type { PromptItem, PromptVariable } from '@/models/debug'
-import type { AppModeEnum } from '@/types/app'
-import { ModelModeType } from '@/types/app'
-import ConfigContext from '@/context/debug-configuration'
+import Button from '@/app/components/base/button'
 import { MAX_PROMPT_MESSAGE_LENGTH } from '@/config'
+import ConfigContext from '@/context/debug-configuration'
+import { PromptRole } from '@/models/debug'
+import { ModelModeType } from '@/types/app'
+import SimplePromptInput from './simple-prompt-input'
 
 export type IPromptProps = {
   mode: AppModeEnum
@@ -120,48 +120,48 @@ const Prompt: FC<IPromptProps> = ({
 
   return (
     <div>
-      <div className='space-y-3'>
+      <div className="space-y-3">
         {modelModeType === ModelModeType.chat
           ? (
-            (currentAdvancedPrompt as PromptItem[]).map((item, index) => (
+              (currentAdvancedPrompt as PromptItem[]).map((item, index) => (
+                <AdvancedMessageInput
+                  key={index}
+                  isChatMode
+                  type={item.role as PromptRole}
+                  value={item.text}
+                  onTypeChange={type => handleMessageTypeChange(index, type)}
+                  canDelete={(currentAdvancedPrompt as PromptItem[]).length > 1}
+                  onDelete={() => handlePromptDelete(index)}
+                  onChange={value => handleValueChange(value, index)}
+                  promptVariables={promptVariables}
+                  isContextMissing={isContextMissing && !isHideContextMissTip}
+                  onHideContextMissingTip={() => setIsHideContextMissTip(true)}
+                  noResize={noResize}
+                />
+              ))
+            )
+          : (
               <AdvancedMessageInput
-                key={index}
-                isChatMode
-                type={item.role as PromptRole}
-                value={item.text}
-                onTypeChange={type => handleMessageTypeChange(index, type)}
-                canDelete={(currentAdvancedPrompt as PromptItem[]).length > 1}
-                onDelete={() => handlePromptDelete(index)}
-                onChange={value => handleValueChange(value, index)}
+                type={(currentAdvancedPrompt as PromptItem).role as PromptRole}
+                isChatMode={false}
+                value={(currentAdvancedPrompt as PromptItem).text}
+                onTypeChange={type => handleMessageTypeChange(0, type)}
+                canDelete={false}
+                onDelete={() => handlePromptDelete(0)}
+                onChange={value => handleValueChange(value)}
                 promptVariables={promptVariables}
                 isContextMissing={isContextMissing && !isHideContextMissTip}
                 onHideContextMissingTip={() => setIsHideContextMissTip(true)}
                 noResize={noResize}
               />
-            ))
-          )
-          : (
-            <AdvancedMessageInput
-              type={(currentAdvancedPrompt as PromptItem).role as PromptRole}
-              isChatMode={false}
-              value={(currentAdvancedPrompt as PromptItem).text}
-              onTypeChange={type => handleMessageTypeChange(0, type)}
-              canDelete={false}
-              onDelete={() => handlePromptDelete(0)}
-              onChange={value => handleValueChange(value)}
-              promptVariables={promptVariables}
-              isContextMissing={isContextMissing && !isHideContextMissTip}
-              onHideContextMissingTip={() => setIsHideContextMissTip(true)}
-              noResize={noResize}
-            />
-          )
-        }
+            )}
       </div>
       {(modelModeType === ModelModeType.chat && (currentAdvancedPrompt as PromptItem[]).length < MAX_PROMPT_MESSAGE_LENGTH) && (
         <Button
           onClick={handleAddMessage}
-          className='mt-3 w-full'>
-          <RiAddLine className='mr-2 h-4 w-4' />
+          className="mt-3 w-full"
+        >
+          <RiAddLine className="mr-2 h-4 w-4" />
           <div>{t('appDebug.promptMode.operation.addMessage')}</div>
         </Button>
       )}
diff --git a/web/app/components/app/configuration/config-prompt/message-type-selector.spec.tsx b/web/app/components/app/configuration/config-prompt/message-type-selector.spec.tsx
index 56d18113b7..5354beda8a 100644
--- a/web/app/components/app/configuration/config-prompt/message-type-selector.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/message-type-selector.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
-import MessageTypeSelector from './message-type-selector'
+import React from 'react'
 import { PromptRole } from '@/models/debug'
+import MessageTypeSelector from './message-type-selector'
 
 describe('MessageTypeSelector', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/configuration/config-prompt/message-type-selector.tsx b/web/app/components/app/configuration/config-prompt/message-type-selector.tsx
index 71f3e6ee5f..5bc29da9e4 100644
--- a/web/app/components/app/configuration/config-prompt/message-type-selector.tsx
+++ b/web/app/components/app/configuration/config-prompt/message-type-selector.tsx
@@ -1,10 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { useBoolean, useClickAway } from 'ahooks'
-import { cn } from '@/utils/classnames'
-import { PromptRole } from '@/models/debug'
+import React from 'react'
 import { ChevronSelectorVertical } from '@/app/components/base/icons/src/vender/line/arrows'
+import { PromptRole } from '@/models/debug'
+import { cn } from '@/utils/classnames'
+
 type Props = {
   value: PromptRole
   onChange: (value: PromptRole) => void
@@ -21,15 +22,16 @@ const MessageTypeSelector: FC<Props> = ({
     setHide()
   }, ref)
   return (
-    <div className='relative left-[-8px]' ref={ref}>
+    <div className="relative left-[-8px]" ref={ref}>
       <div
         onClick={toggleShow}
-        className={cn(showOption && 'bg-indigo-100', 'flex h-7 cursor-pointer items-center space-x-0.5 rounded-lg pl-1.5 pr-1 text-indigo-800')}>
-        <div className='text-sm font-semibold uppercase'>{value}</div>
-        <ChevronSelectorVertical className='h-3 w-3 ' />
+        className={cn(showOption && 'bg-indigo-100', 'flex h-7 cursor-pointer items-center space-x-0.5 rounded-lg pl-1.5 pr-1 text-indigo-800')}
+      >
+        <div className="text-sm font-semibold uppercase">{value}</div>
+        <ChevronSelectorVertical className="h-3 w-3 " />
       </div>
       {showOption && (
-        <div className='absolute top-[30px] z-10 rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg'>
+        <div className="absolute top-[30px] z-10 rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg">
           {allTypes.map(type => (
             <div
               key={type}
@@ -37,13 +39,13 @@ const MessageTypeSelector: FC<Props> = ({
                 setHide()
                 onChange(type)
               }}
-              className='flex h-9 min-w-[44px] cursor-pointer items-center rounded-lg px-3 text-sm font-medium uppercase text-text-secondary hover:bg-state-base-hover'
-            >{type}</div>
-          ))
-          }
+              className="flex h-9 min-w-[44px] cursor-pointer items-center rounded-lg px-3 text-sm font-medium uppercase text-text-secondary hover:bg-state-base-hover"
+            >
+              {type}
+            </div>
+          ))}
         </div>
-      )
-      }
+      )}
     </div>
   )
 }
diff --git a/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.spec.tsx b/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.spec.tsx
index 8ba36827da..cfdff40559 100644
--- a/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import PromptEditorHeightResizeWrap from './prompt-editor-height-resize-wrap'
 
 describe('PromptEditorHeightResizeWrap', () => {
diff --git a/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.tsx b/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.tsx
index 90a19c883a..985aa527b0 100644
--- a/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.tsx
+++ b/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.tsx
@@ -1,7 +1,7 @@
 'use client'
-import React, { useCallback, useEffect, useState } from 'react'
 import type { FC } from 'react'
 import { useDebounceFn } from 'ahooks'
+import React, { useCallback, useEffect, useState } from 'react'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -72,9 +72,10 @@ const PromptEditorHeightResizeWrap: FC<Props> = ({
 
   return (
     <div
-      className='relative'
+      className="relative"
     >
-      <div className={cn(className, 'overflow-y-auto')}
+      <div
+        className={cn(className, 'overflow-y-auto')}
         style={{
           height,
         }}
@@ -85,9 +86,10 @@ const PromptEditorHeightResizeWrap: FC<Props> = ({
       {footer}
       {!hideResize && (
         <div
-          className='absolute bottom-0 left-0 flex h-2 w-full cursor-row-resize justify-center'
-          onMouseDown={handleStartResize}>
-          <div className='h-[3px] w-5 rounded-sm bg-gray-300'></div>
+          className="absolute bottom-0 left-0 flex h-2 w-full cursor-row-resize justify-center"
+          onMouseDown={handleStartResize}
+        >
+          <div className="h-[3px] w-5 rounded-sm bg-gray-300"></div>
         </div>
       )}
     </div>
diff --git a/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx b/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx
index e4c21b0cbc..5d9d4abe1e 100644
--- a/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx
+++ b/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx
@@ -1,32 +1,32 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ExternalDataTool } from '@/models/common'
+import type { PromptVariable } from '@/models/debug'
+import type { GenRes } from '@/service/debug'
 import { useBoolean } from 'ahooks'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
+import { ADD_EXTERNAL_DATA_TOOL } from '@/app/components/app/configuration/config-var'
+import AutomaticBtn from '@/app/components/app/configuration/config/automatic/automatic-btn'
+import GetAutomaticResModal from '@/app/components/app/configuration/config/automatic/get-automatic-res'
+import { useFeaturesStore } from '@/app/components/base/features/hooks'
+import PromptEditor from '@/app/components/base/prompt-editor'
+import { PROMPT_EDITOR_UPDATE_VALUE_BY_EVENT_EMITTER } from '@/app/components/base/prompt-editor/plugins/update-block'
+import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '@/app/components/base/prompt-editor/plugins/variable-block'
+import { useToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import ConfigContext from '@/context/debug-configuration'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useModalContext } from '@/context/modal-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { getNewVar, getVars } from '@/utils/var'
 import ConfirmAddVar from './confirm-add-var'
 import PromptEditorHeightResizeWrap from './prompt-editor-height-resize-wrap'
-import { cn } from '@/utils/classnames'
-import type { PromptVariable } from '@/models/debug'
-import Tooltip from '@/app/components/base/tooltip'
-import { AppModeEnum } from '@/types/app'
-import { getNewVar, getVars } from '@/utils/var'
-import AutomaticBtn from '@/app/components/app/configuration/config/automatic/automatic-btn'
-import type { GenRes } from '@/service/debug'
-import GetAutomaticResModal from '@/app/components/app/configuration/config/automatic/get-automatic-res'
-import PromptEditor from '@/app/components/base/prompt-editor'
-import ConfigContext from '@/context/debug-configuration'
-import { useModalContext } from '@/context/modal-context'
-import type { ExternalDataTool } from '@/models/common'
-import { useToastContext } from '@/app/components/base/toast'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { ADD_EXTERNAL_DATA_TOOL } from '@/app/components/app/configuration/config-var'
-import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '@/app/components/base/prompt-editor/plugins/variable-block'
-import { PROMPT_EDITOR_UPDATE_VALUE_BY_EVENT_EMITTER } from '@/app/components/base/prompt-editor/plugins/update-block'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { useFeaturesStore } from '@/app/components/base/features/hooks'
-import { noop } from 'lodash-es'
 
 export type ISimplePromptInput = {
   mode: AppModeEnum
@@ -173,22 +173,22 @@ const Prompt: FC<ISimplePromptInput> = ({
 
   return (
     <div className={cn('relative rounded-xl bg-gradient-to-r from-components-input-border-active-prompt-1 to-components-input-border-active-prompt-2 p-0.5 shadow-xs')}>
-      <div className='rounded-xl bg-background-section-burn'>
+      <div className="rounded-xl bg-background-section-burn">
         {!noTitle && (
           <div className="flex h-11 items-center justify-between pl-3 pr-2.5">
             <div className="flex items-center space-x-1">
-              <div className='h2 system-sm-semibold-uppercase text-text-secondary'>{mode !== AppModeEnum.COMPLETION ? t('appDebug.chatSubTitle') : t('appDebug.completionSubTitle')}</div>
+              <div className="h2 system-sm-semibold-uppercase text-text-secondary">{mode !== AppModeEnum.COMPLETION ? t('appDebug.chatSubTitle') : t('appDebug.completionSubTitle')}</div>
               {!readonly && (
                 <Tooltip
-                  popupContent={
-                    <div className='w-[180px]'>
+                  popupContent={(
+                    <div className="w-[180px]">
                       {t('appDebug.promptTip')}
                     </div>
-                  }
+                  )}
                 />
               )}
             </div>
-            <div className='flex items-center'>
+            <div className="flex items-center">
               {!readonly && !isMobile && (
                 <AutomaticBtn onClick={showAutomaticTrue} />
               )}
@@ -197,19 +197,19 @@ const Prompt: FC<ISimplePromptInput> = ({
         )}
 
         <PromptEditorHeightResizeWrap
-          className='min-h-[228px] rounded-t-xl bg-background-default px-4 pt-2 text-sm text-text-secondary'
+          className="min-h-[228px] rounded-t-xl bg-background-default px-4 pt-2 text-sm text-text-secondary"
           height={editorHeight}
           minHeight={minHeight}
           onHeightChange={setEditorHeight}
           hideResize={noResize}
           footer={(
-            <div className='flex rounded-b-xl bg-background-default pb-2 pl-4'>
+            <div className="flex rounded-b-xl bg-background-default pb-2 pl-4">
               <div className="h-[18px] rounded-md bg-components-badge-bg-gray-soft px-1 text-xs leading-[18px] text-text-tertiary">{promptTemplate.length}</div>
             </div>
           )}
         >
           <PromptEditor
-            className='min-h-[210px]'
+            className="min-h-[210px]"
             compact
             value={promptTemplate}
             contextBlock={{
diff --git a/web/app/components/app/configuration/config-var/config-modal/config.ts b/web/app/components/app/configuration/config-var/config-modal/config.ts
index 0de8f79302..94a3cfae58 100644
--- a/web/app/components/app/configuration/config-var/config-modal/config.ts
+++ b/web/app/components/app/configuration/config-var/config-modal/config.ts
@@ -20,5 +20,7 @@ export const jsonConfigPlaceHolder = JSON.stringify(
       required: [],
       additionalProperties: true,
     },
-  }, null, 2,
+  },
+  null,
+  2,
 )
diff --git a/web/app/components/app/configuration/config-var/config-modal/field.tsx b/web/app/components/app/configuration/config-var/config-modal/field.tsx
index 76d228358a..8fe612a82b 100644
--- a/web/app/components/app/configuration/config-var/config-modal/field.tsx
+++ b/web/app/components/app/configuration/config-var/config-modal/field.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -20,9 +20,15 @@ const Field: FC<Props> = ({
   const { t } = useTranslation()
   return (
     <div className={cn(className)}>
-      <div className='system-sm-semibold leading-8 text-text-secondary'>
+      <div className="system-sm-semibold leading-8 text-text-secondary">
         {title}
-        {isOptional && <span className='system-xs-regular ml-1 text-text-tertiary'>({t('appDebug.variableConfig.optional')})</span>}
+        {isOptional && (
+          <span className="system-xs-regular ml-1 text-text-tertiary">
+            (
+            {t('appDebug.variableConfig.optional')}
+            )
+          </span>
+        )}
       </div>
       <div>{children}</div>
     </div>
diff --git a/web/app/components/app/configuration/config-var/config-modal/index.tsx b/web/app/components/app/configuration/config-var/config-modal/index.tsx
index 17df1558d8..155266469a 100644
--- a/web/app/components/app/configuration/config-var/config-modal/index.tsx
+++ b/web/app/components/app/configuration/config-var/config-modal/index.tsx
@@ -1,35 +1,35 @@
 'use client'
 import type { ChangeEvent, FC } from 'react'
+import type { Item as SelectItem } from './type-select'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { InputVar, MoreInfo, UploadFileSetting } from '@/app/components/workflow/types'
+import { produce } from 'immer'
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { produce } from 'immer'
-import ModalFoot from '../modal-foot'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Checkbox from '@/app/components/base/checkbox'
+import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
+import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
+import { SimpleSelect } from '@/app/components/base/select'
+import Textarea from '@/app/components/base/textarea'
+import Toast from '@/app/components/base/toast'
+import { DEFAULT_FILE_UPLOAD_SETTING } from '@/app/components/workflow/constants'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import FileUploadSetting from '@/app/components/workflow/nodes/_base/components/file-upload-setting'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { ChangeType, InputVarType, SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { DEFAULT_VALUE_MAX_LEN } from '@/config'
+import ConfigContext from '@/context/debug-configuration'
+import { AppModeEnum, TransferMethod } from '@/types/app'
+import { checkKeys, getNewVarInWorkflow, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
 import ConfigSelect from '../config-select'
 import ConfigString from '../config-string'
-import Field from './field'
-import Input from '@/app/components/base/input'
-import Toast from '@/app/components/base/toast'
-import { checkKeys, getNewVarInWorkflow, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
-import ConfigContext from '@/context/debug-configuration'
-import type { InputVar, MoreInfo, UploadFileSetting } from '@/app/components/workflow/types'
-import Modal from '@/app/components/base/modal'
-import { ChangeType, InputVarType, SupportUploadFileTypes } from '@/app/components/workflow/types'
-import FileUploadSetting from '@/app/components/workflow/nodes/_base/components/file-upload-setting'
-import Checkbox from '@/app/components/base/checkbox'
-import { DEFAULT_FILE_UPLOAD_SETTING } from '@/app/components/workflow/constants'
-import { DEFAULT_VALUE_MAX_LEN } from '@/config'
-import type { Item as SelectItem } from './type-select'
-import TypeSelector from './type-select'
-import { SimpleSelect } from '@/app/components/base/select'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import ModalFoot from '../modal-foot'
 import { jsonConfigPlaceHolder, jsonObjectWrap } from './config'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import Textarea from '@/app/components/base/textarea'
-import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
-import { AppModeEnum, TransferMethod } from '@/types/app'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import Field from './field'
+import TypeSelector from './type-select'
 
 const TEXT_MAX_LENGTH = 256
 const CHECKBOX_DEFAULT_TRUE_VALUE = 'true'
@@ -156,20 +156,24 @@ const ConfigModal: FC<IConfigModalProps> = ({
       name: t('appDebug.variableConfig.checkbox'),
       value: InputVarType.checkbox,
     },
-    ...(supportFile ? [
-      {
-        name: t('appDebug.variableConfig.single-file'),
-        value: InputVarType.singleFile,
-      },
-      {
-        name: t('appDebug.variableConfig.multi-files'),
-        value: InputVarType.multiFiles,
-      },
-    ] : []),
-    ...((!isBasicApp && isSupportJSON) ? [{
-      name: t('appDebug.variableConfig.json'),
-      value: InputVarType.jsonObject,
-    }] : []),
+    ...(supportFile
+      ? [
+          {
+            name: t('appDebug.variableConfig.single-file'),
+            value: InputVarType.singleFile,
+          },
+          {
+            name: t('appDebug.variableConfig.multi-files'),
+            value: InputVarType.multiFiles,
+          },
+        ]
+      : []),
+    ...((!isBasicApp && isSupportJSON)
+      ? [{
+          name: t('appDebug.variableConfig.json'),
+          value: InputVarType.jsonObject,
+        }]
+      : []),
   ]
 
   const handleTypeChange = useCallback((item: SelectItem) => {
@@ -224,9 +228,9 @@ const ConfigModal: FC<IConfigModalProps> = ({
     const moreInfo = tempPayload.variable === payload?.variable
       ? undefined
       : {
-        type: ChangeType.changeVarName,
-        payload: { beforeKey: payload?.variable || '', afterKey: tempPayload.variable },
-      }
+          type: ChangeType.changeVarName,
+          payload: { beforeKey: payload?.variable || '', afterKey: tempPayload.variable },
+        }
 
     const isVariableNameValid = checkVariableName(tempPayload.variable)
     if (!isVariableNameValid)
@@ -283,8 +287,8 @@ const ConfigModal: FC<IConfigModalProps> = ({
       isShow={isShow}
       onClose={onClose}
     >
-      <div className='mb-8' ref={modalRef} tabIndex={-1}>
-        <div className='space-y-2'>
+      <div className="mb-8" ref={modalRef} tabIndex={-1}>
+        <div className="space-y-2">
           <Field title={t('appDebug.variableConfig.fieldType')}>
             <TypeSelector value={type} items={selectOptions} onSelect={handleTypeChange} />
           </Field>
@@ -425,22 +429,22 @@ const ConfigModal: FC<IConfigModalProps> = ({
                 value={jsonSchemaStr}
                 onChange={handleJSONSchemaChange}
                 noWrapper
-                className='bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1'
+                className="bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1"
                 placeholder={
-                  <div className='whitespace-pre'>{jsonConfigPlaceHolder}</div>
+                  <div className="whitespace-pre">{jsonConfigPlaceHolder}</div>
                 }
               />
             </Field>
           )}
 
-          <div className='!mt-5 flex h-6 items-center space-x-2'>
+          <div className="!mt-5 flex h-6 items-center space-x-2">
             <Checkbox checked={tempPayload.required} disabled={tempPayload.hide} onCheck={() => handlePayloadChange('required')(!tempPayload.required)} />
-            <span className='system-sm-semibold text-text-secondary'>{t('appDebug.variableConfig.required')}</span>
+            <span className="system-sm-semibold text-text-secondary">{t('appDebug.variableConfig.required')}</span>
           </div>
 
-          <div className='!mt-5 flex h-6 items-center space-x-2'>
+          <div className="!mt-5 flex h-6 items-center space-x-2">
             <Checkbox checked={tempPayload.hide} disabled={tempPayload.required} onCheck={() => handlePayloadChange('hide')(!tempPayload.hide)} />
-            <span className='system-sm-semibold text-text-secondary'>{t('appDebug.variableConfig.hide')}</span>
+            <span className="system-sm-semibold text-text-secondary">{t('appDebug.variableConfig.hide')}</span>
           </div>
         </div>
       </div>
diff --git a/web/app/components/app/configuration/config-var/config-modal/type-select.tsx b/web/app/components/app/configuration/config-var/config-modal/type-select.tsx
index 53d59eb24b..f476887409 100644
--- a/web/app/components/app/configuration/config-var/config-modal/type-select.tsx
+++ b/web/app/components/app/configuration/config-var/config-modal/type-select.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
+import type { InputVarType } from '@/app/components/workflow/types'
 import { ChevronDownIcon } from '@heroicons/react/20/solid'
+import React, { useState } from 'react'
+import Badge from '@/app/components/base/badge'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import InputVarTypeIcon from '@/app/components/workflow/nodes/_base/components/input-var-type-icon'
-import type { InputVarType } from '@/app/components/workflow/types'
-import { cn } from '@/utils/classnames'
-import Badge from '@/app/components/base/badge'
 import { inputVarTypeToVarType } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import { cn } from '@/utils/classnames'
 
 export type Item = {
   value: InputVarType
@@ -41,16 +41,16 @@ const TypeSelector: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <PortalToFollowElemTrigger onClick={() => !readonly && setOpen(v => !v)} className='w-full'>
+      <PortalToFollowElemTrigger onClick={() => !readonly && setOpen(v => !v)} className="w-full">
         <div
           className={cn(`group flex h-9 items-center justify-between rounded-lg border-0 bg-components-input-bg-normal px-2 text-sm hover:bg-state-base-hover-alt ${readonly ? 'cursor-not-allowed' : 'cursor-pointer'}`)}
           title={selectedItem?.name}
         >
-          <div className='flex items-center'>
-            <InputVarTypeIcon type={selectedItem?.value as InputVarType} className='size-4 shrink-0 text-text-secondary' />
+          <div className="flex items-center">
+            <InputVarTypeIcon type={selectedItem?.value as InputVarType} className="size-4 shrink-0 text-text-secondary" />
             <span
               className={`
               ml-1.5 text-components-input-text-filled ${!selectedItem?.name && 'text-components-input-text-placeholder'}
@@ -59,29 +59,29 @@ const TypeSelector: FC<Props> = ({
               {selectedItem?.name}
             </span>
           </div>
-          <div className='flex items-center space-x-1'>
+          <div className="flex items-center space-x-1">
             <Badge uppercase={false}>{inputVarTypeToVarType(selectedItem?.value as InputVarType)}</Badge>
             <ChevronDownIcon className={cn('h-4 w-4 shrink-0 text-text-quaternary group-hover:text-text-secondary', open && 'text-text-secondary')} />
           </div>
         </div>
 
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[61]'>
+      <PortalToFollowElemContent className="z-[61]">
         <div
           className={cn('w-[432px] rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg px-1 py-1 text-base shadow-lg focus:outline-none sm:text-sm', popupInnerClassName)}
         >
           {items.map((item: Item) => (
             <div
               key={item.value}
-              className={'flex h-9 cursor-pointer items-center justify-between rounded-lg px-2 text-text-secondary hover:bg-state-base-hover'}
+              className="flex h-9 cursor-pointer items-center justify-between rounded-lg px-2 text-text-secondary hover:bg-state-base-hover"
               title={item.name}
               onClick={() => {
                 onSelect(item)
                 setOpen(false)
               }}
             >
-              <div className='flex items-center space-x-2'>
-                <InputVarTypeIcon type={item.value} className='size-4 shrink-0 text-text-secondary' />
+              <div className="flex items-center space-x-2">
+                <InputVarTypeIcon type={item.value} className="size-4 shrink-0 text-text-secondary" />
                 <span title={item.name}>{item.name}</span>
               </div>
               <Badge uppercase={false}>{inputVarTypeToVarType(item.value)}</Badge>
diff --git a/web/app/components/app/configuration/config-var/config-select/index.spec.tsx b/web/app/components/app/configuration/config-var/config-select/index.spec.tsx
index 13e427ad68..2095641e2a 100644
--- a/web/app/components/app/configuration/config-var/config-select/index.spec.tsx
+++ b/web/app/components/app/configuration/config-var/config-select/index.spec.tsx
@@ -34,7 +34,8 @@ describe('ConfigSelect Component', () => {
     const optionContainer = screen.getByDisplayValue('Option 1').closest('div')
     const deleteButton = optionContainer?.querySelector('div[role="button"]')
 
-    if (!deleteButton) return
+    if (!deleteButton)
+      return
     fireEvent.click(deleteButton)
     expect(defaultProps.onChange).toHaveBeenCalledWith(['Option 2'])
   })
@@ -62,7 +63,8 @@ describe('ConfigSelect Component', () => {
     const optionContainer = screen.getByDisplayValue('Option 1').closest('div')
     const deleteButton = optionContainer?.querySelector('div[role="button"]')
 
-    if (!deleteButton) return
+    if (!deleteButton)
+      return
     fireEvent.mouseEnter(deleteButton)
     expect(optionContainer).toHaveClass('border-components-input-border-destructive')
   })
diff --git a/web/app/components/app/configuration/config-var/config-select/index.tsx b/web/app/components/app/configuration/config-var/config-select/index.tsx
index 99ce45508d..565cf77207 100644
--- a/web/app/components/app/configuration/config-var/config-select/index.tsx
+++ b/web/app/components/app/configuration/config-var/config-select/index.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
 import { RiAddLine, RiDeleteBinLine, RiDraggable } from '@remixicon/react'
+import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { ReactSortable } from 'react-sortablejs'
 import { cn } from '@/utils/classnames'
@@ -30,12 +30,12 @@ const ConfigSelect: FC<IConfigSelectProps> = ({
   return (
     <div>
       {options.length > 0 && (
-        <div className='mb-1'>
+        <div className="mb-1">
           <ReactSortable
             className="space-y-1"
             list={optionList}
             setList={list => onChange(list.map(item => item.name))}
-            handle='.handle'
+            handle=".handle"
             ghostClass="opacity-50"
             animation={150}
           >
@@ -48,10 +48,10 @@ const ConfigSelect: FC<IConfigSelectProps> = ({
                 )}
                 key={index}
               >
-                <RiDraggable className='handle h-4 w-4 cursor-grab text-text-quaternary' />
+                <RiDraggable className="handle h-4 w-4 cursor-grab text-text-quaternary" />
                 <input
                   key={index}
-                  type='input'
+                  type="input"
                   value={o || ''}
                   onChange={(e) => {
                     const value = e.target.value
@@ -62,13 +62,13 @@ const ConfigSelect: FC<IConfigSelectProps> = ({
                       return item
                     }))
                   }}
-                  className={'h-9 w-full grow cursor-pointer overflow-x-auto rounded-lg border-0 bg-transparent pl-1.5 pr-8 text-sm leading-9 text-text-secondary focus:outline-none'}
+                  className="h-9 w-full grow cursor-pointer overflow-x-auto rounded-lg border-0 bg-transparent pl-1.5 pr-8 text-sm leading-9 text-text-secondary focus:outline-none"
                   onFocus={() => setFocusID(index)}
                   onBlur={() => setFocusID(null)}
                 />
                 <div
-                  role='button'
-                  className='absolute right-1.5 top-1/2 block translate-y-[-50%] cursor-pointer rounded-md p-1 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
+                  role="button"
+                  className="absolute right-1.5 top-1/2 block translate-y-[-50%] cursor-pointer rounded-md p-1 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive"
                   onClick={() => {
                     onChange(options.filter((_, i) => index !== i))
                     setDeletingID(null)
@@ -76,7 +76,7 @@ const ConfigSelect: FC<IConfigSelectProps> = ({
                   onMouseEnter={() => setDeletingID(index)}
                   onMouseLeave={() => setDeletingID(null)}
                 >
-                  <RiDeleteBinLine className='h-3.5 w-3.5' />
+                  <RiDeleteBinLine className="h-3.5 w-3.5" />
                 </div>
               </div>
             ))}
@@ -86,9 +86,10 @@ const ConfigSelect: FC<IConfigSelectProps> = ({
 
       <div
         onClick={() => { onChange([...options, '']) }}
-        className='mt-1 flex h-9 cursor-pointer items-center gap-2 rounded-lg bg-components-button-tertiary-bg px-3  text-components-button-tertiary-text hover:bg-components-button-tertiary-bg-hover'>
-        <RiAddLine className='h-4 w-4' />
-        <div className='system-sm-medium text-[13px]'>{t('appDebug.variableConfig.addOption')}</div>
+        className="mt-1 flex h-9 cursor-pointer items-center gap-2 rounded-lg bg-components-button-tertiary-bg px-3  text-components-button-tertiary-text hover:bg-components-button-tertiary-bg-hover"
+      >
+        <RiAddLine className="h-4 w-4" />
+        <div className="system-sm-medium text-[13px]">{t('appDebug.variableConfig.addOption')}</div>
       </div>
     </div>
   )
diff --git a/web/app/components/app/configuration/config-var/config-string/index.spec.tsx b/web/app/components/app/configuration/config-var/config-string/index.spec.tsx
index 20bc13c058..b3510d170f 100644
--- a/web/app/components/app/configuration/config-var/config-string/index.spec.tsx
+++ b/web/app/components/app/configuration/config-var/config-string/index.spec.tsx
@@ -1,5 +1,6 @@
+import type { IConfigStringProps } from './index'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import ConfigString, { type IConfigStringProps } from './index'
+import ConfigString from './index'
 
 const renderConfigString = (props?: Partial<IConfigStringProps>) => {
   const onChange = vi.fn()
diff --git a/web/app/components/app/configuration/config-var/index.tsx b/web/app/components/app/configuration/config-var/index.tsx
index c6613bfbe4..092a7aee6c 100644
--- a/web/app/components/app/configuration/config-var/index.tsx
+++ b/web/app/components/app/configuration/config-var/index.tsx
@@ -1,29 +1,29 @@
 'use client'
 import type { FC } from 'react'
+import type { InputVar } from '@/app/components/workflow/types'
+import type { ExternalDataTool } from '@/models/common'
+import type { PromptVariable } from '@/models/debug'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
 import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import { useContext } from 'use-context-selector'
-import { produce } from 'immer'
 import { ReactSortable } from 'react-sortablejs'
+import { useContext } from 'use-context-selector'
+import Confirm from '@/app/components/base/confirm'
+import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import { InputVarType } from '@/app/components/workflow/types'
+import { DEFAULT_VALUE_MAX_LEN } from '@/config'
+import ConfigContext from '@/context/debug-configuration'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useModalContext } from '@/context/modal-context'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { getNewVar, hasDuplicateStr } from '@/utils/var'
 import Panel from '../base/feature-panel'
 import EditModal from './config-modal'
-import VarItem from './var-item'
 import SelectVarType from './select-var-type'
-import Tooltip from '@/app/components/base/tooltip'
-import type { PromptVariable } from '@/models/debug'
-import { DEFAULT_VALUE_MAX_LEN } from '@/config'
-import { getNewVar, hasDuplicateStr } from '@/utils/var'
-import Toast from '@/app/components/base/toast'
-import Confirm from '@/app/components/base/confirm'
-import ConfigContext from '@/context/debug-configuration'
-import { AppModeEnum } from '@/types/app'
-import type { ExternalDataTool } from '@/models/common'
-import { useModalContext } from '@/context/modal-context'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import type { InputVar } from '@/app/components/workflow/types'
-import { InputVarType } from '@/app/components/workflow/types'
-import { cn } from '@/utils/classnames'
+import VarItem from './var-item'
 
 export const ADD_EXTERNAL_DATA_TOOL = 'ADD_EXTERNAL_DATA_TOOL'
 
@@ -235,36 +235,36 @@ const ConfigVar: FC<IConfigVarProps> = ({ promptVariables, readonly, onPromptVar
   return (
     <Panel
       className="mt-2"
-      title={
-        <div className='flex items-center'>
-          <div className='mr-1'>{t('appDebug.variableTitle')}</div>
+      title={(
+        <div className="flex items-center">
+          <div className="mr-1">{t('appDebug.variableTitle')}</div>
           {!readonly && (
             <Tooltip
-              popupContent={
-                <div className='w-[180px]'>
+              popupContent={(
+                <div className="w-[180px]">
                   {t('appDebug.variableTip')}
                 </div>
-              }
+              )}
             />
           )}
         </div>
-      }
+      )}
       headerRight={!readonly ? <SelectVarType onChange={handleAddVar} /> : null}
       noBodySpacing
     >
       {!hasVar && (
-        <div className='mt-1 px-3 pb-3'>
-          <div className='pb-1 pt-2 text-xs text-text-tertiary'>{t('appDebug.notSetVar')}</div>
+        <div className="mt-1 px-3 pb-3">
+          <div className="pb-1 pt-2 text-xs text-text-tertiary">{t('appDebug.notSetVar')}</div>
         </div>
       )}
       {hasVar && (
-        <div className='mt-1 px-3 pb-3'>
+        <div className="mt-1 px-3 pb-3">
           <ReactSortable
-            className='space-y-1'
+            className="space-y-1"
             list={promptVariablesWithIds}
             setList={(list) => { onPromptVariablesChange?.(list.map(item => item.variable)) }}
-            handle='.handle'
-            ghostClass='opacity-50'
+            handle=".handle"
+            ghostClass="opacity-50"
             animation={150}
           >
             {promptVariablesWithIds.map((item, index) => {
@@ -295,7 +295,8 @@ const ConfigVar: FC<IConfigVarProps> = ({ promptVariables, readonly, onPromptVar
           onClose={hideEditModal}
           onConfirm={(item) => {
             const isValid = updatePromptVariableItem(item)
-            if (!isValid) return
+            if (!isValid)
+              return
             hideEditModal()
           }}
           varKeys={promptVariables.map(v => v.key)}
diff --git a/web/app/components/app/configuration/config-var/input-type-icon.tsx b/web/app/components/app/configuration/config-var/input-type-icon.tsx
index edd2dc6967..3d6db27616 100644
--- a/web/app/components/app/configuration/config-var/input-type-icon.tsx
+++ b/web/app/components/app/configuration/config-var/input-type-icon.tsx
@@ -1,6 +1,6 @@
 'use client'
-import React from 'react'
 import type { FC } from 'react'
+import React from 'react'
 import { ApiConnection } from '@/app/components/base/icons/src/vender/solid/development'
 import InputVarTypeIcon from '@/app/components/workflow/nodes/_base/components/input-var-type-icon'
 import { InputVarType } from '@/app/components/workflow/types'
diff --git a/web/app/components/app/configuration/config-var/modal-foot.tsx b/web/app/components/app/configuration/config-var/modal-foot.tsx
index a73ebe4141..d1eed20a03 100644
--- a/web/app/components/app/configuration/config-var/modal-foot.tsx
+++ b/web/app/components/app/configuration/config-var/modal-foot.tsx
@@ -15,9 +15,9 @@ const ModalFoot: FC<IModalFootProps> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='flex justify-end gap-2'>
+    <div className="flex justify-end gap-2">
       <Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
-      <Button variant='primary' onClick={onConfirm}>{t('common.operation.save')}</Button>
+      <Button variant="primary" onClick={onConfirm}>{t('common.operation.save')}</Button>
     </div>
   )
 }
diff --git a/web/app/components/app/configuration/config-var/select-type-item/index.spec.tsx b/web/app/components/app/configuration/config-var/select-type-item/index.spec.tsx
index d16db99dd2..b21d69bc8e 100644
--- a/web/app/components/app/configuration/config-var/select-type-item/index.spec.tsx
+++ b/web/app/components/app/configuration/config-var/select-type-item/index.spec.tsx
@@ -1,12 +1,12 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
-import SelectTypeItem from './index'
+import React from 'react'
 import { InputVarType } from '@/app/components/workflow/types'
+import SelectTypeItem from './index'
 
 describe('SelectTypeItem', () => {
   // Rendering pathways based on type and selection state
   describe('Rendering', () => {
-    test('should render ok', () => {
+    it('should render ok', () => {
       // Arrange
       const { container } = render(
         <SelectTypeItem
@@ -24,7 +24,7 @@ describe('SelectTypeItem', () => {
 
   // User interaction outcomes
   describe('Interactions', () => {
-    test('should trigger onClick when item is pressed', () => {
+    it('should trigger onClick when item is pressed', () => {
       const handleClick = vi.fn()
       // Arrange
       render(
diff --git a/web/app/components/app/configuration/config-var/select-type-item/index.tsx b/web/app/components/app/configuration/config-var/select-type-item/index.tsx
index 58d463ac60..4f0c3ace9e 100644
--- a/web/app/components/app/configuration/config-var/select-type-item/index.tsx
+++ b/web/app/components/app/configuration/config-var/select-type-item/index.tsx
@@ -1,10 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { InputVarType } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import type { InputVarType } from '@/app/components/workflow/types'
 import InputVarTypeIcon from '@/app/components/workflow/nodes/_base/components/input-var-type-icon'
+import { cn } from '@/utils/classnames'
+
 export type ISelectTypeItemProps = {
   type: InputVarType
   selected: boolean
@@ -28,11 +29,12 @@ const SelectTypeItem: FC<ISelectTypeItemProps> = ({
     <div
       className={cn(
         'flex h-[58px] flex-col items-center justify-center space-y-1 rounded-lg border border-components-option-card-option-border bg-components-option-card-option-bg text-text-secondary',
-        selected ? 'system-xs-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg shadow-xs' : ' system-xs-regular cursor-pointer hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs')}
+        selected ? 'system-xs-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg shadow-xs' : ' system-xs-regular cursor-pointer hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs',
+      )}
       onClick={onClick}
     >
-      <div className='shrink-0'>
-        <InputVarTypeIcon type={type} className='h-5 w-5' />
+      <div className="shrink-0">
+        <InputVarTypeIcon type={type} className="h-5 w-5" />
       </div>
       <span>{typeName}</span>
     </div>
diff --git a/web/app/components/app/configuration/config-var/select-var-type.tsx b/web/app/components/app/configuration/config-var/select-var-type.tsx
index 2977f05d9d..a74aeff45c 100644
--- a/web/app/components/app/configuration/config-var/select-var-type.tsx
+++ b/web/app/components/app/configuration/config-var/select-var-type.tsx
@@ -3,12 +3,12 @@ import type { FC } from 'react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import OperationBtn from '@/app/components/app/configuration/base/operation-btn'
+import { ApiConnection } from '@/app/components/base/icons/src/vender/solid/development'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { ApiConnection } from '@/app/components/base/icons/src/vender/solid/development'
 import InputVarTypeIcon from '@/app/components/workflow/nodes/_base/components/input-var-type-icon'
 import { InputVarType } from '@/app/components/workflow/types'
 
@@ -27,11 +27,11 @@ type ItemProps = {
 const SelectItem: FC<ItemProps> = ({ text, type, value, Icon, onClick }) => {
   return (
     <div
-      className='flex h-8 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover'
+      className="flex h-8 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover"
       onClick={() => onClick(value)}
     >
-      {Icon ? <Icon className='h-4 w-4 text-text-secondary' /> : <InputVarTypeIcon type={type!} className='h-4 w-4 text-text-secondary' />}
-      <div className='ml-2 truncate text-xs text-text-primary'>{text}</div>
+      {Icon ? <Icon className="h-4 w-4 text-text-secondary" /> : <InputVarTypeIcon type={type!} className="h-4 w-4 text-text-secondary" />}
+      <div className="ml-2 truncate text-xs text-text-primary">{text}</div>
     </div>
   )
 }
@@ -49,27 +49,27 @@ const SelectVarType: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 8,
         crossAxis: -2,
       }}
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
-        <OperationBtn type='add' />
+        <OperationBtn type="add" />
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 1000 }}>
-        <div className='min-w-[192px] rounded-lg border border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm'>
-          <div className='p-1'>
-            <SelectItem type={InputVarType.textInput} value='string' text={t('appDebug.variableConfig.string')} onClick={handleChange}></SelectItem>
-            <SelectItem type={InputVarType.paragraph} value='paragraph' text={t('appDebug.variableConfig.paragraph')} onClick={handleChange}></SelectItem>
-            <SelectItem type={InputVarType.select} value='select' text={t('appDebug.variableConfig.select')} onClick={handleChange}></SelectItem>
-            <SelectItem type={InputVarType.number} value='number' text={t('appDebug.variableConfig.number')} onClick={handleChange}></SelectItem>
-            <SelectItem type={InputVarType.checkbox} value='checkbox' text={t('appDebug.variableConfig.checkbox')} onClick={handleChange}></SelectItem>
+        <div className="min-w-[192px] rounded-lg border border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
+          <div className="p-1">
+            <SelectItem type={InputVarType.textInput} value="string" text={t('appDebug.variableConfig.string')} onClick={handleChange}></SelectItem>
+            <SelectItem type={InputVarType.paragraph} value="paragraph" text={t('appDebug.variableConfig.paragraph')} onClick={handleChange}></SelectItem>
+            <SelectItem type={InputVarType.select} value="select" text={t('appDebug.variableConfig.select')} onClick={handleChange}></SelectItem>
+            <SelectItem type={InputVarType.number} value="number" text={t('appDebug.variableConfig.number')} onClick={handleChange}></SelectItem>
+            <SelectItem type={InputVarType.checkbox} value="checkbox" text={t('appDebug.variableConfig.checkbox')} onClick={handleChange}></SelectItem>
           </div>
-          <div className='h-px border-t border-components-panel-border'></div>
-          <div className='p-1'>
-            <SelectItem Icon={ApiConnection} value='api' text={t('appDebug.variableConfig.apiBasedVar')} onClick={handleChange}></SelectItem>
+          <div className="h-px border-t border-components-panel-border"></div>
+          <div className="p-1">
+            <SelectItem Icon={ApiConnection} value="api" text={t('appDebug.variableConfig.apiBasedVar')} onClick={handleChange}></SelectItem>
           </div>
         </div>
       </PortalToFollowElemContent>
diff --git a/web/app/components/app/configuration/config-var/var-item.tsx b/web/app/components/app/configuration/config-var/var-item.tsx
index 5ddb61a0e5..633af6dc28 100644
--- a/web/app/components/app/configuration/config-var/var-item.tsx
+++ b/web/app/components/app/configuration/config-var/var-item.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
+import type { IInputTypeIconProps } from './input-type-icon'
 import {
   RiDeleteBinLine,
   RiDraggable,
   RiEditLine,
 } from '@remixicon/react'
-import type { IInputTypeIconProps } from './input-type-icon'
-import IconTypeIcon from './input-type-icon'
-import { BracketsX as VarIcon } from '@/app/components/base/icons/src/vender/line/development'
+import React, { useState } from 'react'
 import Badge from '@/app/components/base/badge'
+import { BracketsX as VarIcon } from '@/app/components/base/icons/src/vender/line/development'
 import { cn } from '@/utils/classnames'
+import IconTypeIcon from './input-type-icon'
 
 type ItemProps = {
   className?: string
@@ -41,35 +41,35 @@ const VarItem: FC<ItemProps> = ({
     <div className={cn('group relative mb-1 flex h-[34px] w-full items-center rounded-lg border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg pl-2.5 pr-3 shadow-xs last-of-type:mb-0 hover:bg-components-panel-on-panel-item-bg-hover hover:shadow-sm', isDeleting && 'border-state-destructive-border hover:bg-state-destructive-hover', readonly && 'cursor-not-allowed opacity-30', className)}>
       <VarIcon className={cn('mr-1 h-4 w-4 shrink-0 text-text-accent', canDrag && 'group-hover:opacity-0')} />
       {canDrag && (
-        <RiDraggable className='absolute left-3 top-3 hidden h-3 w-3 cursor-pointer text-text-tertiary group-hover:block' />
+        <RiDraggable className="absolute left-3 top-3 hidden h-3 w-3 cursor-pointer text-text-tertiary group-hover:block" />
       )}
-      <div className='flex w-0 grow items-center'>
-        <div className='truncate' title={`${name} · ${label}`}>
-          <span className='system-sm-medium text-text-secondary'>{name}</span>
-          <span className='system-xs-regular px-1 text-text-quaternary'>·</span>
-          <span className='system-xs-medium text-text-tertiary'>{label}</span>
+      <div className="flex w-0 grow items-center">
+        <div className="truncate" title={`${name} · ${label}`}>
+          <span className="system-sm-medium text-text-secondary">{name}</span>
+          <span className="system-xs-regular px-1 text-text-quaternary">·</span>
+          <span className="system-xs-medium text-text-tertiary">{label}</span>
         </div>
       </div>
-      <div className='shrink-0'>
+      <div className="shrink-0">
         <div className={cn('flex items-center', !readonly && 'group-hover:hidden')}>
-          {required && <Badge text='required' />}
-          <span className='system-xs-regular pl-2 pr-1 text-text-tertiary'>{type}</span>
-          <IconTypeIcon type={type as IInputTypeIconProps['type']} className='text-text-tertiary' />
+          {required && <Badge text="required" />}
+          <span className="system-xs-regular pl-2 pr-1 text-text-tertiary">{type}</span>
+          <IconTypeIcon type={type as IInputTypeIconProps['type']} className="text-text-tertiary" />
         </div>
         <div className={cn('hidden items-center justify-end rounded-lg', !readonly && 'group-hover:flex')}>
           <div
-            className='mr-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-black/5'
+            className="mr-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-black/5"
             onClick={onEdit}
           >
-            <RiEditLine className='h-4 w-4 text-text-tertiary' />
+            <RiEditLine className="h-4 w-4 text-text-tertiary" />
           </div>
           <div
-            className='flex h-6 w-6 cursor-pointer items-center  justify-center text-text-tertiary hover:text-text-destructive'
+            className="flex h-6 w-6 cursor-pointer items-center  justify-center text-text-tertiary hover:text-text-destructive"
             onClick={onRemove}
             onMouseOver={() => setIsDeleting(true)}
             onMouseLeave={() => setIsDeleting(false)}
           >
-            <RiDeleteBinLine className='h-4 w-4' />
+            <RiDeleteBinLine className="h-4 w-4" />
           </div>
         </div>
       </div>
diff --git a/web/app/components/app/configuration/config-vision/index.spec.tsx b/web/app/components/app/configuration/config-vision/index.spec.tsx
index 9fe0c83cea..7fd1d448e3 100644
--- a/web/app/components/app/configuration/config-vision/index.spec.tsx
+++ b/web/app/components/app/configuration/config-vision/index.spec.tsx
@@ -1,14 +1,14 @@
 import type { Mock } from 'vitest'
-import React from 'react'
+import type { FeatureStoreState } from '@/app/components/base/features/store'
+import type { FileUpload } from '@/app/components/base/features/types'
 import { fireEvent, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { Resolution, TransferMethod } from '@/types/app'
 import ConfigVision from './index'
 import ParamConfig from './param-config'
 import ParamConfigContent from './param-config-content'
-import type { FeatureStoreState } from '@/app/components/base/features/store'
-import type { FileUpload } from '@/app/components/base/features/types'
-import { Resolution, TransferMethod } from '@/types/app'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 
 const mockUseContext = vi.fn()
 vi.mock('use-context-selector', async (importOriginal) => {
diff --git a/web/app/components/app/configuration/config-vision/index.tsx b/web/app/components/app/configuration/config-vision/index.tsx
index bbe322ee7e..6a73b9e545 100644
--- a/web/app/components/app/configuration/config-vision/index.tsx
+++ b/web/app/components/app/configuration/config-vision/index.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import { useContext } from 'use-context-selector'
-import ParamConfig from './param-config'
-import { Vision } from '@/app/components/base/icons/src/vender/features'
-import Tooltip from '@/app/components/base/tooltip'
-// import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
-import ConfigContext from '@/context/debug-configuration'
 // import { Resolution } from '@/types/app'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
+import { Vision } from '@/app/components/base/icons/src/vender/features'
 import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+// import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
+import ConfigContext from '@/context/debug-configuration'
+import ParamConfig from './param-config'
 
 const ConfigVision: FC = () => {
   const { t } = useTranslation()
@@ -57,23 +57,23 @@ const ConfigVision: FC = () => {
     return null
 
   return (
-    <div className='mt-2 flex items-center gap-2 rounded-xl border-l-[0.5px] border-t-[0.5px] border-effects-highlight bg-background-section-burn p-2'>
-      <div className='shrink-0 p-1'>
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs'>
-          <Vision className='h-4 w-4 text-text-primary-on-surface' />
+    <div className="mt-2 flex items-center gap-2 rounded-xl border-l-[0.5px] border-t-[0.5px] border-effects-highlight bg-background-section-burn p-2">
+      <div className="shrink-0 p-1">
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs">
+          <Vision className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       </div>
-      <div className='flex grow items-center'>
-        <div className='system-sm-semibold mr-1 text-text-secondary'>{t('appDebug.vision.name')}</div>
+      <div className="flex grow items-center">
+        <div className="system-sm-semibold mr-1 text-text-secondary">{t('appDebug.vision.name')}</div>
         <Tooltip
-          popupContent={
-            <div className='w-[180px]' >
+          popupContent={(
+            <div className="w-[180px]">
               {t('appDebug.vision.description')}
             </div>
-          }
+          )}
         />
       </div>
-      <div className='flex shrink-0 items-center'>
+      <div className="flex shrink-0 items-center">
         {/* <div className='mr-2 flex items-center gap-0.5'>
           <div className='text-text-tertiary system-xs-medium-uppercase'>{t('appDebug.vision.visionSettings.resolution')}</div>
           <Tooltip
@@ -99,11 +99,11 @@ const ConfigVision: FC = () => {
           />
         </div> */}
         <ParamConfig />
-        <div className='ml-1 mr-3 h-3.5 w-[1px] bg-divider-regular'></div>
+        <div className="ml-1 mr-3 h-3.5 w-[1px] bg-divider-regular"></div>
         <Switch
           defaultValue={isImageEnabled}
           onChange={handleChange}
-          size='md'
+          size="md"
         />
       </div>
     </div>
diff --git a/web/app/components/app/configuration/config-vision/param-config-content.tsx b/web/app/components/app/configuration/config-vision/param-config-content.tsx
index 359f79dd57..ebb8befbb3 100644
--- a/web/app/components/app/configuration/config-vision/param-config-content.tsx
+++ b/web/app/components/app/configuration/config-vision/param-config-content.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { FileUpload } from '@/app/components/base/features/types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
-import { Resolution, TransferMethod } from '@/types/app'
+import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
 import ParamItem from '@/app/components/base/param-item'
 import Tooltip from '@/app/components/base/tooltip'
-import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { FileUpload } from '@/app/components/base/features/types'
+import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
+import { Resolution, TransferMethod } from '@/types/app'
 
 const MIN = 1
 const MAX = 6
@@ -41,24 +41,24 @@ const ParamConfigContent: FC = () => {
 
   return (
     <div>
-      <div className='text-base font-semibold leading-6 text-text-primary'>{t('appDebug.vision.visionSettings.title')}</div>
-      <div className='space-y-6 pt-3'>
+      <div className="text-base font-semibold leading-6 text-text-primary">{t('appDebug.vision.visionSettings.title')}</div>
+      <div className="space-y-6 pt-3">
         <div>
-          <div className='mb-2 flex items-center  space-x-1'>
-            <div className='text-[13px] font-semibold leading-[18px] text-text-secondary'>{t('appDebug.vision.visionSettings.resolution')}</div>
+          <div className="mb-2 flex items-center  space-x-1">
+            <div className="text-[13px] font-semibold leading-[18px] text-text-secondary">{t('appDebug.vision.visionSettings.resolution')}</div>
             <Tooltip
-              popupContent={
-                <div className='w-[180px]' >
+              popupContent={(
+                <div className="w-[180px]">
                   {t('appDebug.vision.visionSettings.resolutionTooltip').split('\n').map(item => (
                     <div key={item}>{item}</div>
                   ))}
                 </div>
-              }
+              )}
             />
           </div>
-          <div className='flex items-center gap-1'>
+          <div className="flex items-center gap-1">
             <OptionCard
-              className='grow'
+              className="grow"
               title={t('appDebug.vision.visionSettings.high')}
               selected={file?.image?.detail === Resolution.high}
               onSelect={() => handleChange({
@@ -67,7 +67,7 @@ const ParamConfigContent: FC = () => {
               })}
             />
             <OptionCard
-              className='grow'
+              className="grow"
               title={t('appDebug.vision.visionSettings.low')}
               selected={file?.image?.detail === Resolution.low}
               onSelect={() => handleChange({
@@ -78,10 +78,10 @@ const ParamConfigContent: FC = () => {
           </div>
         </div>
         <div>
-          <div className='mb-2 text-[13px] font-semibold leading-[18px] text-text-secondary'>{t('appDebug.vision.visionSettings.uploadMethod')}</div>
-          <div className='flex items-center gap-1'>
+          <div className="mb-2 text-[13px] font-semibold leading-[18px] text-text-secondary">{t('appDebug.vision.visionSettings.uploadMethod')}</div>
+          <div className="flex items-center gap-1">
             <OptionCard
-              className='grow'
+              className="grow"
               title={t('appDebug.vision.visionSettings.both')}
               selected={!!file?.allowed_file_upload_methods?.includes(TransferMethod.local_file) && !!file?.allowed_file_upload_methods?.includes(TransferMethod.remote_url)}
               onSelect={() => handleChange({
@@ -90,7 +90,7 @@ const ParamConfigContent: FC = () => {
               })}
             />
             <OptionCard
-              className='grow'
+              className="grow"
               title={t('appDebug.vision.visionSettings.localUpload')}
               selected={!!file?.allowed_file_upload_methods?.includes(TransferMethod.local_file) && file?.allowed_file_upload_methods?.length === 1}
               onSelect={() => handleChange({
@@ -99,7 +99,7 @@ const ParamConfigContent: FC = () => {
               })}
             />
             <OptionCard
-              className='grow'
+              className="grow"
               title={t('appDebug.vision.visionSettings.url')}
               selected={!!file?.allowed_file_upload_methods?.includes(TransferMethod.remote_url) && file?.allowed_file_upload_methods?.length === 1}
               onSelect={() => handleChange({
@@ -111,8 +111,8 @@ const ParamConfigContent: FC = () => {
         </div>
         <div>
           <ParamItem
-            id='upload_limit'
-            className=''
+            id="upload_limit"
+            className=""
             name={t('appDebug.vision.visionSettings.uploadLimit')}
             noTooltip
             {...{
diff --git a/web/app/components/app/configuration/config-vision/param-config.tsx b/web/app/components/app/configuration/config-vision/param-config.tsx
index e6af188052..21cec7d6b7 100644
--- a/web/app/components/app/configuration/config-vision/param-config.tsx
+++ b/web/app/components/app/configuration/config-vision/param-config.tsx
@@ -1,9 +1,8 @@
 'use client'
 import type { FC } from 'react'
+import { RiSettings2Line } from '@remixicon/react'
 import { memo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiSettings2Line } from '@remixicon/react'
-import ParamConfigContent from './param-config-content'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
@@ -11,6 +10,7 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
+import ParamConfigContent from './param-config-content'
 
 const ParamsConfig: FC = () => {
   const { t } = useTranslation()
@@ -20,19 +20,19 @@ const ParamsConfig: FC = () => {
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
       }}
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
-        <Button variant='ghost' size='small' className={cn('')}>
-          <RiSettings2Line className='h-3.5 w-3.5' />
-          <div className='ml-1'>{t('appDebug.voice.settings')}</div>
+        <Button variant="ghost" size="small" className={cn('')}>
+          <RiSettings2Line className="h-3.5 w-3.5" />
+          <div className="ml-1">{t('appDebug.voice.settings')}</div>
         </Button>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 50 }}>
-        <div className='w-80 space-y-3 rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-lg sm:w-[412px]'>
+        <div className="w-80 space-y-3 rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-lg sm:w-[412px]">
           <ParamConfigContent />
         </div>
       </PortalToFollowElemContent>
diff --git a/web/app/components/app/configuration/config/agent-setting-button.spec.tsx b/web/app/components/app/configuration/config/agent-setting-button.spec.tsx
index 87567b8c44..1858a67a3b 100644
--- a/web/app/components/app/configuration/config/agent-setting-button.spec.tsx
+++ b/web/app/components/app/configuration/config/agent-setting-button.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
+import type { AgentConfig } from '@/models/debug'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import AgentSettingButton from './agent-setting-button'
-import type { AgentConfig } from '@/models/debug'
+import React from 'react'
 import { AgentStrategy } from '@/types/app'
+import AgentSettingButton from './agent-setting-button'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/configuration/config/agent-setting-button.tsx b/web/app/components/app/configuration/config/agent-setting-button.tsx
index b0a93d597a..332b25eb1e 100644
--- a/web/app/components/app/configuration/config/agent-setting-button.tsx
+++ b/web/app/components/app/configuration/config/agent-setting-button.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { AgentConfig } from '@/models/debug'
+import { RiSettings2Line } from '@remixicon/react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiSettings2Line } from '@remixicon/react'
-import AgentSetting from './agent/agent-setting'
 import Button from '@/app/components/base/button'
-import type { AgentConfig } from '@/models/debug'
+import AgentSetting from './agent/agent-setting'
 
 type Props = {
   isFunctionCall: boolean
@@ -25,8 +25,8 @@ const AgentSettingButton: FC<Props> = ({
 
   return (
     <>
-      <Button onClick={() => setIsShowAgentSetting(true)} className='mr-2 shrink-0'>
-        <RiSettings2Line className='mr-1 h-4 w-4 text-text-tertiary' />
+      <Button onClick={() => setIsShowAgentSetting(true)} className="mr-2 shrink-0">
+        <RiSettings2Line className="mr-1 h-4 w-4 text-text-tertiary" />
         {t('appDebug.agent.setting.name')}
       </Button>
       {isShowAgentSetting && (
diff --git a/web/app/components/app/configuration/config/agent/agent-setting/index.spec.tsx b/web/app/components/app/configuration/config/agent/agent-setting/index.spec.tsx
index c76ede41e8..5bb955842b 100644
--- a/web/app/components/app/configuration/config/agent/agent-setting/index.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-setting/index.spec.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
-import { act, fireEvent, render, screen } from '@testing-library/react'
-import AgentSetting from './index'
-import { MAX_ITERATIONS_NUM } from '@/config'
 import type { AgentConfig } from '@/models/debug'
+import { act, fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+import { MAX_ITERATIONS_NUM } from '@/config'
+import AgentSetting from './index'
 
 vi.mock('ahooks', async (importOriginal) => {
   const actual = await importOriginal<typeof import('ahooks')>()
@@ -13,7 +13,7 @@ vi.mock('ahooks', async (importOriginal) => {
 })
 
 vi.mock('react-slider', () => ({
-  default: (props: { className?: string; min?: number; max?: number; value: number; onChange: (value: number) => void }) => (
+  default: (props: { className?: string, min?: number, max?: number, value: number, onChange: (value: number) => void }) => (
     <input
       type="range"
       className={props.className}
@@ -49,7 +49,7 @@ const renderModal = (props?: Partial<React.ComponentProps<typeof AgentSetting>>)
 }
 
 describe('AgentSetting', () => {
-  test('should render agent mode description and default prompt section when not function call', () => {
+  it('should render agent mode description and default prompt section when not function call', () => {
     renderModal()
 
     expect(screen.getByText('appDebug.agent.agentMode')).toBeInTheDocument()
@@ -57,14 +57,14 @@ describe('AgentSetting', () => {
     expect(screen.getByText('tools.builtInPromptTitle')).toBeInTheDocument()
   })
 
-  test('should display function call mode when isFunctionCall true', () => {
+  it('should display function call mode when isFunctionCall true', () => {
     renderModal({ isFunctionCall: true })
 
     expect(screen.getByText('appDebug.agent.agentModeType.functionCall')).toBeInTheDocument()
     expect(screen.queryByText('tools.builtInPromptTitle')).not.toBeInTheDocument()
   })
 
-  test('should update iteration via slider and number input', () => {
+  it('should update iteration via slider and number input', () => {
     const { container } = renderModal()
     const slider = container.querySelector('.slider') as HTMLInputElement
     const numberInput = screen.getByRole('spinbutton')
@@ -76,7 +76,7 @@ describe('AgentSetting', () => {
     expect(screen.getAllByDisplayValue('2')).toHaveLength(2)
   })
 
-  test('should clamp iteration value within min/max range', () => {
+  it('should clamp iteration value within min/max range', () => {
     renderModal()
 
     const numberInput = screen.getByRole('spinbutton')
@@ -88,13 +88,13 @@ describe('AgentSetting', () => {
     expect(screen.getAllByDisplayValue(String(MAX_ITERATIONS_NUM))).toHaveLength(2)
   })
 
-  test('should call onCancel when cancel button clicked', () => {
+  it('should call onCancel when cancel button clicked', () => {
     const { onCancel } = renderModal()
     fireEvent.click(screen.getByRole('button', { name: 'common.operation.cancel' }))
     expect(onCancel).toHaveBeenCalled()
   })
 
-  test('should call onSave with updated payload', async () => {
+  it('should call onSave with updated payload', async () => {
     const { onSave } = renderModal()
     const numberInput = screen.getByRole('spinbutton')
     fireEvent.change(numberInput, { target: { value: '6' } })
diff --git a/web/app/components/app/configuration/config/agent/agent-setting/index.tsx b/web/app/components/app/configuration/config/agent/agent-setting/index.tsx
index 26a1242bd7..1adab75ed1 100644
--- a/web/app/components/app/configuration/config/agent/agent-setting/index.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-setting/index.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { AgentConfig } from '@/models/debug'
 import { RiCloseLine } from '@remixicon/react'
 import { useClickAway } from 'ahooks'
-import ItemPanel from './item-panel'
+import React, { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { CuteRobot } from '@/app/components/base/icons/src/vender/solid/communication'
 import { Unblur } from '@/app/components/base/icons/src/vender/solid/education'
 import Slider from '@/app/components/base/slider'
-import type { AgentConfig } from '@/models/debug'
 import { DEFAULT_AGENT_PROMPT, MAX_ITERATIONS_NUM } from '@/config'
+import ItemPanel from './item-panel'
 
 type Props = {
   isChatModel: boolean
@@ -48,55 +48,59 @@ const AgentSetting: FC<Props> = ({
   }
 
   return (
-    <div className='fixed inset-0 z-[100] flex justify-end overflow-hidden p-2'
+    <div
+      className="fixed inset-0 z-[100] flex justify-end overflow-hidden p-2"
       style={{
         backgroundColor: 'rgba(16, 24, 40, 0.20)',
       }}
     >
       <div
         ref={ref}
-        className='flex h-full w-[640px] flex-col overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'
+        className="flex h-full w-[640px] flex-col overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl"
       >
-        <div className='flex h-14 shrink-0 items-center justify-between border-b border-divider-regular pl-6 pr-5'>
-          <div className='flex flex-col text-base font-semibold text-text-primary'>
-            <div className='leading-6'>{t('appDebug.agent.setting.name')}</div>
+        <div className="flex h-14 shrink-0 items-center justify-between border-b border-divider-regular pl-6 pr-5">
+          <div className="flex flex-col text-base font-semibold text-text-primary">
+            <div className="leading-6">{t('appDebug.agent.setting.name')}</div>
           </div>
-          <div className='flex items-center'>
+          <div className="flex items-center">
             <div
               onClick={onCancel}
-              className='flex h-6 w-6 cursor-pointer items-center justify-center'
+              className="flex h-6 w-6 cursor-pointer items-center justify-center"
             >
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </div>
           </div>
         </div>
         {/* Body */}
-        <div className='grow overflow-y-auto border-b p-6 pb-[68px] pt-5' style={{
-          borderBottom: 'rgba(0, 0, 0, 0.05)',
-        }}>
+        <div
+          className="grow overflow-y-auto border-b p-6 pb-[68px] pt-5"
+          style={{
+            borderBottom: 'rgba(0, 0, 0, 0.05)',
+          }}
+        >
           {/* Agent Mode */}
           <ItemPanel
-            className='mb-4'
+            className="mb-4"
             icon={
-              <CuteRobot className='h-4 w-4 text-indigo-600' />
+              <CuteRobot className="h-4 w-4 text-indigo-600" />
             }
             name={t('appDebug.agent.agentMode')}
             description={t('appDebug.agent.agentModeDes')}
           >
-            <div className='text-[13px] font-medium leading-[18px] text-text-primary'>{isFunctionCall ? t('appDebug.agent.agentModeType.functionCall') : t('appDebug.agent.agentModeType.ReACT')}</div>
+            <div className="text-[13px] font-medium leading-[18px] text-text-primary">{isFunctionCall ? t('appDebug.agent.agentModeType.functionCall') : t('appDebug.agent.agentModeType.ReACT')}</div>
           </ItemPanel>
 
           <ItemPanel
-            className='mb-4'
+            className="mb-4"
             icon={
-              <Unblur className='h-4 w-4 text-[#FB6514]' />
+              <Unblur className="h-4 w-4 text-[#FB6514]" />
             }
             name={t('appDebug.agent.setting.maximumIterations.name')}
             description={t('appDebug.agent.setting.maximumIterations.description')}
           >
-            <div className='flex items-center'>
+            <div className="flex items-center">
               <Slider
-                className='mr-3 w-[156px]'
+                className="mr-3 w-[156px]"
                 min={maxIterationsMin}
                 max={MAX_ITERATIONS_NUM}
                 value={tempPayload.max_iteration}
@@ -111,7 +115,8 @@ const AgentSetting: FC<Props> = ({
               <input
                 type="number"
                 min={maxIterationsMin}
-                max={MAX_ITERATIONS_NUM} step={1}
+                max={MAX_ITERATIONS_NUM}
+                step={1}
                 className="block h-7 w-11 rounded-lg border-0 bg-components-input-bg-normal px-1.5 pl-1 leading-7 text-text-primary placeholder:text-text-tertiary focus:ring-1 focus:ring-inset focus:ring-primary-600"
                 value={tempPayload.max_iteration}
                 onChange={(e) => {
@@ -125,34 +130,35 @@ const AgentSetting: FC<Props> = ({
                     ...tempPayload,
                     max_iteration: value,
                   })
-                }} />
+                }}
+              />
             </div>
           </ItemPanel>
 
           {!isFunctionCall && (
-            <div className='rounded-xl bg-background-section-burn py-2 shadow-xs'>
-              <div className='flex h-8 items-center px-4 text-sm font-semibold leading-6 text-text-secondary'>{t('tools.builtInPromptTitle')}</div>
-              <div className='h-[396px] overflow-y-auto whitespace-pre-line px-4 text-sm font-normal leading-5 text-text-secondary'>
+            <div className="rounded-xl bg-background-section-burn py-2 shadow-xs">
+              <div className="flex h-8 items-center px-4 text-sm font-semibold leading-6 text-text-secondary">{t('tools.builtInPromptTitle')}</div>
+              <div className="h-[396px] overflow-y-auto whitespace-pre-line px-4 text-sm font-normal leading-5 text-text-secondary">
                 {isChatModel ? DEFAULT_AGENT_PROMPT.chat : DEFAULT_AGENT_PROMPT.completion}
               </div>
-              <div className='px-4'>
-                <div className='inline-flex h-5 items-center rounded-md bg-components-input-bg-normal px-1 text-xs font-medium leading-[18px] text-text-tertiary'>{(isChatModel ? DEFAULT_AGENT_PROMPT.chat : DEFAULT_AGENT_PROMPT.completion).length}</div>
+              <div className="px-4">
+                <div className="inline-flex h-5 items-center rounded-md bg-components-input-bg-normal px-1 text-xs font-medium leading-[18px] text-text-tertiary">{(isChatModel ? DEFAULT_AGENT_PROMPT.chat : DEFAULT_AGENT_PROMPT.completion).length}</div>
               </div>
             </div>
           )}
 
         </div>
         <div
-          className='sticky bottom-0 z-[5] flex w-full justify-end border-t border-divider-regular bg-background-section-burn px-6 py-4'
+          className="sticky bottom-0 z-[5] flex w-full justify-end border-t border-divider-regular bg-background-section-burn px-6 py-4"
         >
           <Button
             onClick={onCancel}
-            className='mr-2'
+            className="mr-2"
           >
             {t('common.operation.cancel')}
           </Button>
           <Button
-            variant='primary'
+            variant="primary"
             onClick={handleSave}
           >
             {t('common.operation.save')}
diff --git a/web/app/components/app/configuration/config/agent/agent-setting/item-panel.spec.tsx b/web/app/components/app/configuration/config/agent/agent-setting/item-panel.spec.tsx
index 242f249738..dad576c983 100644
--- a/web/app/components/app/configuration/config/agent/agent-setting/item-panel.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-setting/item-panel.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import ItemPanel from './item-panel'
 
 describe('AgentSetting/ItemPanel', () => {
-  test('should render icon, name, and children content', () => {
+  it('should render icon, name, and children content', () => {
     render(
       <ItemPanel
         className="custom"
diff --git a/web/app/components/app/configuration/config/agent/agent-setting/item-panel.tsx b/web/app/components/app/configuration/config/agent/agent-setting/item-panel.tsx
index 6193392026..2a6002632f 100644
--- a/web/app/components/app/configuration/config/agent/agent-setting/item-panel.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-setting/item-panel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
+
 type Props = {
   className?: string
   icon: React.JSX.Element
@@ -20,15 +21,15 @@ const ItemPanel: FC<Props> = ({
 }) => {
   return (
     <div className={cn(className, 'flex h-12 items-center justify-between rounded-lg bg-background-section-burn px-3')}>
-      <div className='flex items-center'>
+      <div className="flex items-center">
         {icon}
-        <div className='ml-3 mr-1 text-sm font-semibold leading-6 text-text-secondary'>{name}</div>
+        <div className="ml-3 mr-1 text-sm font-semibold leading-6 text-text-secondary">{name}</div>
         <Tooltip
-          popupContent={
-            <div className='w-[180px]'>
+          popupContent={(
+            <div className="w-[180px]">
               {description}
             </div>
-          }
+          )}
         >
         </Tooltip>
       </div>
diff --git a/web/app/components/app/configuration/config/agent/agent-tools/index.spec.tsx b/web/app/components/app/configuration/config/agent/agent-tools/index.spec.tsx
index f4ef5f050b..cf9dd79031 100644
--- a/web/app/components/app/configuration/config/agent/agent-tools/index.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-tools/index.spec.tsx
@@ -1,30 +1,31 @@
-import type { Mock } from 'vitest'
 import type {
   PropsWithChildren,
 } from 'react'
+import type { Mock } from 'vitest'
+import type SettingBuiltInToolType from './setting-built-in-tool'
+import type { Tool, ToolParameter } from '@/app/components/tools/types'
+import type ToolPickerType from '@/app/components/workflow/block-selector/tool-picker'
+import type { ToolDefaultValue } from '@/app/components/workflow/block-selector/types'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
+import type { ModelConfig } from '@/models/debug'
+import type { AgentTool } from '@/types/app'
+import { act, render, screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import copy from 'copy-to-clipboard'
 import React, {
   useEffect,
   useMemo,
   useState,
 } from 'react'
-import { act, render, screen, waitFor } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import AgentTools from './index'
-import ConfigContext from '@/context/debug-configuration'
-import type { AgentTool } from '@/types/app'
-import { CollectionType, type Tool, type ToolParameter } from '@/app/components/tools/types'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
-import type { ToolDefaultValue } from '@/app/components/workflow/block-selector/types'
-import type { ModelConfig } from '@/models/debug'
-import { ModelModeType } from '@/types/app'
+import { CollectionType } from '@/app/components/tools/types'
 import {
   DEFAULT_AGENT_SETTING,
   DEFAULT_CHAT_PROMPT_CONFIG,
   DEFAULT_COMPLETION_PROMPT_CONFIG,
 } from '@/config'
-import copy from 'copy-to-clipboard'
-import type ToolPickerType from '@/app/components/workflow/block-selector/tool-picker'
-import type SettingBuiltInToolType from './setting-built-in-tool'
+import ConfigContext from '@/context/debug-configuration'
+import { ModelModeType } from '@/types/app'
+import AgentTools from './index'
 
 const formattingDispatcherMock = vi.fn()
 vi.mock('@/app/components/app/configuration/debug/hooks', () => ({
@@ -324,7 +325,7 @@ describe('AgentTools', () => {
     pluginInstallHandler = null
   })
 
-  test('should show enabled count and provider information', () => {
+  it('should show enabled count and provider information', () => {
     renderAgentTools([
       createAgentTool(),
       createAgentTool({
@@ -342,7 +343,7 @@ describe('AgentTools', () => {
     expect(screen.getByText('Translate Tool')).toBeInTheDocument()
   })
 
-  test('should copy tool name from tooltip action', async () => {
+  it('should copy tool name from tooltip action', async () => {
     renderAgentTools()
 
     await hoverInfoIcon()
@@ -351,21 +352,21 @@ describe('AgentTools', () => {
     expect(copyMock).toHaveBeenCalledWith('search')
   })
 
-  test('should toggle tool enabled state via switch', async () => {
+  it('should toggle tool enabled state via switch', async () => {
     const { getModelConfig } = renderAgentTools()
 
     const switchButton = screen.getByRole('switch')
     await userEvent.click(switchButton)
 
     await waitFor(() => {
-      const tools = getModelConfig().agentConfig.tools as Array<{ tool_name?: string; enabled?: boolean }>
+      const tools = getModelConfig().agentConfig.tools as Array<{ tool_name?: string, enabled?: boolean }>
       const toggledTool = tools.find(tool => tool.tool_name === 'search')
       expect(toggledTool?.enabled).toBe(false)
     })
     expect(formattingDispatcherMock).toHaveBeenCalled()
   })
 
-  test('should remove tool when delete action is clicked', async () => {
+  it('should remove tool when delete action is clicked', async () => {
     const { getModelConfig } = renderAgentTools()
     const deleteButton = screen.getByTestId('delete-removed-tool')
     if (!deleteButton)
@@ -377,7 +378,7 @@ describe('AgentTools', () => {
     expect(formattingDispatcherMock).toHaveBeenCalled()
   })
 
-  test('should add a tool when ToolPicker selects one', async () => {
+  it('should add a tool when ToolPicker selects one', async () => {
     const { getModelConfig } = renderAgentTools([])
     const addSingleButton = screen.getByRole('button', { name: 'pick-single' })
     await userEvent.click(addSingleButton)
@@ -388,7 +389,7 @@ describe('AgentTools', () => {
     expect(getModelConfig().agentConfig.tools).toHaveLength(1)
   })
 
-  test('should append multiple selected tools at once', async () => {
+  it('should append multiple selected tools at once', async () => {
     const { getModelConfig } = renderAgentTools([])
     await userEvent.click(screen.getByRole('button', { name: 'pick-multiple' }))
 
@@ -399,7 +400,7 @@ describe('AgentTools', () => {
     expect(getModelConfig().agentConfig.tools).toHaveLength(2)
   })
 
-  test('should open settings panel for not authorized tool', async () => {
+  it('should open settings panel for not authorized tool', async () => {
     renderAgentTools([
       createAgentTool({
         notAuthor: true,
@@ -412,7 +413,7 @@ describe('AgentTools', () => {
     expect(latestSettingPanelProps?.toolName).toBe('search')
   })
 
-  test('should persist tool parameters when SettingBuiltInTool saves values', async () => {
+  it('should persist tool parameters when SettingBuiltInTool saves values', async () => {
     const { getModelConfig } = renderAgentTools([
       createAgentTool({
         notAuthor: true,
@@ -427,7 +428,7 @@ describe('AgentTools', () => {
     })
   })
 
-  test('should update credential id when authorization selection changes', async () => {
+  it('should update credential id when authorization selection changes', async () => {
     const { getModelConfig } = renderAgentTools([
       createAgentTool({
         notAuthor: true,
@@ -443,7 +444,7 @@ describe('AgentTools', () => {
     expect(formattingDispatcherMock).toHaveBeenCalled()
   })
 
-  test('should reinstate deleted tools after plugin install success event', async () => {
+  it('should reinstate deleted tools after plugin install success event', async () => {
     const { getModelConfig } = renderAgentTools([
       createAgentTool({
         provider_id: 'provider-1',
diff --git a/web/app/components/app/configuration/config/agent/agent-tools/index.tsx b/web/app/components/app/configuration/config/agent/agent-tools/index.tsx
index 8dfa2f194b..f1e70e304f 100644
--- a/web/app/components/app/configuration/config/agent/agent-tools/index.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-tools/index.tsx
@@ -1,40 +1,41 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import copy from 'copy-to-clipboard'
-import { produce } from 'immer'
+import type { Collection } from '@/app/components/tools/types'
+import type { ToolDefaultValue, ToolValue } from '@/app/components/workflow/block-selector/types'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
+import type { AgentTool } from '@/types/app'
 import {
   RiDeleteBinLine,
   RiEqualizer2Line,
   RiInformation2Line,
 } from '@remixicon/react'
-import { useFormattingChangedDispatcher } from '../../../debug/hooks'
-import SettingBuiltInTool from './setting-built-in-tool'
+import copy from 'copy-to-clipboard'
+import { produce } from 'immer'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import Panel from '@/app/components/app/configuration/base/feature-panel'
 import OperationBtn from '@/app/components/app/configuration/base/operation-btn'
 import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
-import Indicator from '@/app/components/header/indicator'
-import Switch from '@/app/components/base/switch'
-import ConfigContext from '@/context/debug-configuration'
-import type { AgentTool } from '@/types/app'
-import { type Collection, CollectionType } from '@/app/components/tools/types'
-import { MAX_TOOLS_NUM } from '@/config'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
-import Tooltip from '@/app/components/base/tooltip'
 import { DefaultToolIcon } from '@/app/components/base/icons/src/public/other'
-import { cn } from '@/utils/classnames'
-import ToolPicker from '@/app/components/workflow/block-selector/tool-picker'
-import type { ToolDefaultValue, ToolValue } from '@/app/components/workflow/block-selector/types'
-import { canFindTool } from '@/utils'
-import { useAllBuiltInTools, useAllCustomTools, useAllMCPTools, useAllWorkflowTools } from '@/service/use-tools'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
-import { useMittContextSelector } from '@/context/mitt-context'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
+import Indicator from '@/app/components/header/indicator'
+import { CollectionType } from '@/app/components/tools/types'
 import { addDefaultValue, toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
+import ToolPicker from '@/app/components/workflow/block-selector/tool-picker'
+import { MAX_TOOLS_NUM } from '@/config'
+import ConfigContext from '@/context/debug-configuration'
+import { useMittContextSelector } from '@/context/mitt-context'
+import { useAllBuiltInTools, useAllCustomTools, useAllMCPTools, useAllWorkflowTools } from '@/service/use-tools'
+import { canFindTool } from '@/utils'
+import { cn } from '@/utils/classnames'
+import { useFormattingChangedDispatcher } from '../../../debug/hooks'
+import SettingBuiltInTool from './setting-built-in-tool'
 
-type AgentToolWithMoreInfo = AgentTool & { icon: any; collection?: Collection } | null
+type AgentToolWithMoreInfo = AgentTool & { icon: any, collection?: Collection } | null
 const AgentTools: FC = () => {
   const { t } = useTranslation()
   const [isShowChooseTool, setIsShowChooseTool] = useState(false)
@@ -148,24 +149,30 @@ const AgentTools: FC = () => {
       <Panel
         className={cn('mt-2', tools.length === 0 && 'pb-2')}
         noBodySpacing={tools.length === 0}
-        title={
-          <div className='flex items-center'>
-            <div className='mr-1'>{t('appDebug.agent.tools.name')}</div>
+        title={(
+          <div className="flex items-center">
+            <div className="mr-1">{t('appDebug.agent.tools.name')}</div>
             <Tooltip
-              popupContent={
-                <div className='w-[180px]'>
+              popupContent={(
+                <div className="w-[180px]">
                   {t('appDebug.agent.tools.description')}
                 </div>
-              }
+              )}
             />
           </div>
-        }
-        headerRight={
-          <div className='flex items-center'>
-            <div className='text-xs font-normal leading-[18px] text-text-tertiary'>{tools.filter(item => !!item.enabled).length}/{tools.length}&nbsp;{t('appDebug.agent.tools.enabled')}</div>
+        )}
+        headerRight={(
+          <div className="flex items-center">
+            <div className="text-xs font-normal leading-[18px] text-text-tertiary">
+              {tools.filter(item => !!item.enabled).length}
+              /
+              {tools.length}
+&nbsp;
+              {t('appDebug.agent.tools.enabled')}
+            </div>
             {tools.length < MAX_TOOLS_NUM && (
               <>
-                <div className='ml-3 mr-1 h-3.5 w-px bg-divider-regular'></div>
+                <div className="ml-3 mr-1 h-3.5 w-px bg-divider-regular"></div>
                 <ToolPicker
                   trigger={<OperationBtn type="add" />}
                   isShow={isShowChooseTool}
@@ -180,22 +187,23 @@ const AgentTools: FC = () => {
               </>
             )}
           </div>
-        }
+        )}
       >
-        <div className='grid grid-cols-1 flex-wrap items-center justify-between gap-1 2xl:grid-cols-2'>
-          {tools.map((item: AgentTool & { icon: any; collection?: Collection }, index) => (
-            <div key={index}
+        <div className="grid grid-cols-1 flex-wrap items-center justify-between gap-1 2xl:grid-cols-2">
+          {tools.map((item: AgentTool & { icon: any, collection?: Collection }, index) => (
+            <div
+              key={index}
               className={cn(
                 'cursor group relative flex w-full items-center justify-between rounded-lg border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg p-1.5 pr-2 shadow-xs last-of-type:mb-0 hover:bg-components-panel-on-panel-item-bg-hover hover:shadow-sm',
                 isDeleting === index && 'border-state-destructive-border hover:bg-state-destructive-hover',
               )}
             >
-              <div className='flex w-0 grow items-center'>
-                {item.isDeleted && <DefaultToolIcon className='h-5 w-5' />}
+              <div className="flex w-0 grow items-center">
+                {item.isDeleted && <DefaultToolIcon className="h-5 w-5" />}
                 {!item.isDeleted && (
                   <div className={cn((item.notAuthor || !item.enabled) && 'shrink-0 opacity-50')}>
-                    {typeof item.icon === 'string' && <div className='h-5 w-5 rounded-md bg-cover bg-center' style={{ backgroundImage: `url(${item.icon})` }} />}
-                    {typeof item.icon !== 'string' && <AppIcon className='rounded-md' size='xs' icon={item.icon?.content} background={item.icon?.background} />}
+                    {typeof item.icon === 'string' && <div className="h-5 w-5 rounded-md bg-cover bg-center" style={{ backgroundImage: `url(${item.icon})` }} />}
+                    {typeof item.icon !== 'string' && <AppIcon className="rounded-md" size="xs" icon={item.icon?.content} background={item.icon?.background} />}
                   </div>
                 )}
                 <div
@@ -204,39 +212,39 @@ const AgentTools: FC = () => {
                     (item.isDeleted || item.notAuthor || !item.enabled) ? 'opacity-50' : '',
                   )}
                 >
-                  <span className='system-xs-medium pr-1.5 text-text-secondary'>{getProviderShowName(item)}</span>
-                  <span className='text-text-tertiary'>{item.tool_label}</span>
+                  <span className="system-xs-medium pr-1.5 text-text-secondary">{getProviderShowName(item)}</span>
+                  <span className="text-text-tertiary">{item.tool_label}</span>
                   {!item.isDeleted && (
                     <Tooltip
-                      popupContent={
-                        <div className='w-[180px]'>
-                          <div className='mb-1.5 text-text-secondary'>{item.tool_name}</div>
-                          <div className='mb-1.5 text-text-tertiary'>{t('tools.toolNameUsageTip')}</div>
-                          <div className='cursor-pointer text-text-accent' onClick={() => copy(item.tool_name)}>{t('tools.copyToolName')}</div>
+                      popupContent={(
+                        <div className="w-[180px]">
+                          <div className="mb-1.5 text-text-secondary">{item.tool_name}</div>
+                          <div className="mb-1.5 text-text-tertiary">{t('tools.toolNameUsageTip')}</div>
+                          <div className="cursor-pointer text-text-accent" onClick={() => copy(item.tool_name)}>{t('tools.copyToolName')}</div>
                         </div>
-                      }
+                      )}
                     >
-                      <div className='h-4 w-4'>
-                        <div className='ml-0.5 hidden group-hover:inline-block' data-testid='tool-info-tooltip'>
-                          <RiInformation2Line className='h-4 w-4 text-text-tertiary' />
+                      <div className="h-4 w-4">
+                        <div className="ml-0.5 hidden group-hover:inline-block" data-testid="tool-info-tooltip">
+                          <RiInformation2Line className="h-4 w-4 text-text-tertiary" />
                         </div>
                       </div>
                     </Tooltip>
                   )}
                 </div>
               </div>
-              <div className='ml-1 flex shrink-0 items-center'>
+              <div className="ml-1 flex shrink-0 items-center">
                 {item.isDeleted && (
-                  <div className='mr-2 flex items-center'>
+                  <div className="mr-2 flex items-center">
                     <Tooltip
                       popupContent={t('tools.toolRemoved')}
                     >
-                      <div className='mr-1 cursor-pointer rounded-md p-1 hover:bg-black/5'>
-                        <AlertTriangle className='h-4 w-4 text-[#F79009]' />
+                      <div className="mr-1 cursor-pointer rounded-md p-1 hover:bg-black/5">
+                        <AlertTriangle className="h-4 w-4 text-[#F79009]" />
                       </div>
                     </Tooltip>
                     <div
-                      className='cursor-pointer rounded-md p-1 text-text-tertiary hover:text-text-destructive'
+                      className="cursor-pointer rounded-md p-1 text-text-tertiary hover:text-text-destructive"
                       onClick={() => {
                         const newModelConfig = produce(modelConfig, (draft) => {
                           draft.agentConfig.tools.splice(index, 1)
@@ -247,27 +255,30 @@ const AgentTools: FC = () => {
                       onMouseOver={() => setIsDeleting(index)}
                       onMouseLeave={() => setIsDeleting(-1)}
                     >
-                      <RiDeleteBinLine className='h-4 w-4' />
+                      <RiDeleteBinLine className="h-4 w-4" />
                     </div>
                   </div>
                 )}
                 {!item.isDeleted && (
-                  <div className='mr-2 hidden items-center gap-1 group-hover:flex'>
+                  <div className="mr-2 hidden items-center gap-1 group-hover:flex">
                     {!item.notAuthor && (
                       <Tooltip
                         popupContent={t('tools.setBuiltInTools.infoAndSetting')}
                         needsDelay={false}
                       >
-                        <div className='cursor-pointer rounded-md p-1  hover:bg-black/5' onClick={() => {
-                          setCurrentTool(item)
-                          setIsShowSettingTool(true)
-                        }}>
-                          <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+                        <div
+                          className="cursor-pointer rounded-md p-1  hover:bg-black/5"
+                          onClick={() => {
+                            setCurrentTool(item)
+                            setIsShowSettingTool(true)
+                          }}
+                        >
+                          <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
                         </div>
                       </Tooltip>
                     )}
                     <div
-                      className='cursor-pointer rounded-md p-1 text-text-tertiary hover:text-text-destructive'
+                      className="cursor-pointer rounded-md p-1 text-text-tertiary hover:text-text-destructive"
                       onClick={() => {
                         const newModelConfig = produce(modelConfig, (draft) => {
                           draft.agentConfig.tools.splice(index, 1)
@@ -277,9 +288,9 @@ const AgentTools: FC = () => {
                       }}
                       onMouseOver={() => setIsDeleting(index)}
                       onMouseLeave={() => setIsDeleting(-1)}
-                      data-testid='delete-removed-tool'
+                      data-testid="delete-removed-tool"
                     >
-                      <RiDeleteBinLine className='h-4 w-4' />
+                      <RiDeleteBinLine className="h-4 w-4" />
                     </div>
                   </div>
                 )}
@@ -288,30 +299,35 @@ const AgentTools: FC = () => {
                     <Switch
                       defaultValue={item.isDeleted ? false : item.enabled}
                       disabled={item.isDeleted}
-                      size='md'
+                      size="md"
                       onChange={(enabled) => {
                         const newModelConfig = produce(modelConfig, (draft) => {
                           (draft.agentConfig.tools[index] as any).enabled = enabled
                         })
                         setModelConfig(newModelConfig)
                         formattingChangedDispatcher()
-                      }} />
+                      }}
+                    />
                   )}
                   {item.notAuthor && (
-                    <Button variant='secondary' size='small' onClick={() => {
-                      setCurrentTool(item)
-                      setIsShowSettingTool(true)
-                    }}>
+                    <Button
+                      variant="secondary"
+                      size="small"
+                      onClick={() => {
+                        setCurrentTool(item)
+                        setIsShowSettingTool(true)
+                      }}
+                    >
                       {t('tools.notAuthorized')}
-                      <Indicator className='ml-2' color='orange' />
+                      <Indicator className="ml-2" color="orange" />
                     </Button>
                   )}
                 </div>
               </div>
             </div>
           ))}
-        </div >
-      </Panel >
+        </div>
+      </Panel>
       {isShowSettingTool && (
         <SettingBuiltInTool
           toolName={currentTool?.tool_name as string}
diff --git a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx b/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx
index 4d82c29cdc..654cd627a2 100644
--- a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx
@@ -1,9 +1,10 @@
-import React from 'react'
+import type { Tool, ToolParameter } from '@/app/components/tools/types'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import SettingBuiltInTool from './setting-built-in-tool'
+import React from 'react'
+import { CollectionType } from '@/app/components/tools/types'
 import I18n from '@/context/i18n'
-import { CollectionType, type Tool, type ToolParameter } from '@/app/components/tools/types'
+import SettingBuiltInTool from './setting-built-in-tool'
 
 const fetchModelToolList = vi.fn()
 const fetchBuiltInToolList = vi.fn()
@@ -156,7 +157,7 @@ describe('SettingBuiltInTool', () => {
     pluginAuthClickValue = 'credential-from-plugin'
   })
 
-  test('should fetch tool list when collection has no tools', async () => {
+  it('should fetch tool list when collection has no tools', async () => {
     fetchModelToolList.mockResolvedValueOnce([createTool()])
     renderComponent({
       collection: {
@@ -172,7 +173,7 @@ describe('SettingBuiltInTool', () => {
     expect(await screen.findByText('Search Tool')).toBeInTheDocument()
   })
 
-  test('should switch between info and setting tabs', async () => {
+  it('should switch between info and setting tabs', async () => {
     renderComponent()
     await waitFor(() => {
       expect(screen.getByTestId('mock-form')).toBeInTheDocument()
@@ -184,7 +185,7 @@ describe('SettingBuiltInTool', () => {
     expect(screen.getByTestId('mock-form')).toBeInTheDocument()
   })
 
-  test('should call onSave with updated values when save button clicked', async () => {
+  it('should call onSave with updated values when save button clicked', async () => {
     const { onSave } = renderComponent()
     await waitFor(() => expect(screen.getByTestId('mock-form')).toBeInTheDocument())
     nextFormValue = { settingParam: 'updated' }
@@ -193,7 +194,7 @@ describe('SettingBuiltInTool', () => {
     expect(onSave).toHaveBeenCalledWith(expect.objectContaining({ settingParam: 'updated' }))
   })
 
-  test('should keep save disabled until required field provided', async () => {
+  it('should keep save disabled until required field provided', async () => {
     renderComponent({
       setting: {},
     })
@@ -205,20 +206,20 @@ describe('SettingBuiltInTool', () => {
     expect(saveButton).not.toBeDisabled()
   })
 
-  test('should call onHide when cancel button is pressed', async () => {
+  it('should call onHide when cancel button is pressed', async () => {
     const { onHide } = renderComponent()
     await waitFor(() => expect(screen.getByTestId('mock-form')).toBeInTheDocument())
     await userEvent.click(screen.getByRole('button', { name: 'common.operation.cancel' }))
     expect(onHide).toHaveBeenCalled()
   })
 
-  test('should trigger authorization callback from plugin auth section', async () => {
+  it('should trigger authorization callback from plugin auth section', async () => {
     const { onAuthorizationItemClick } = renderComponent()
     await userEvent.click(screen.getByRole('button', { name: 'choose-plugin-credential' }))
     expect(onAuthorizationItemClick).toHaveBeenCalledWith('credential-from-plugin')
   })
 
-  test('should call onHide when back button is clicked', async () => {
+  it('should call onHide when back button is clicked', async () => {
     const { onHide } = renderComponent({
       showBackButton: true,
     })
@@ -226,7 +227,7 @@ describe('SettingBuiltInTool', () => {
     expect(onHide).toHaveBeenCalled()
   })
 
-  test('should load workflow tools when workflow collection is provided', async () => {
+  it('should load workflow tools when workflow collection is provided', async () => {
     fetchWorkflowToolList.mockResolvedValueOnce([createTool({
       name: 'workflow-tool',
     })])
diff --git a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx b/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx
index 0627666b4c..31cccbf39c 100644
--- a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx
@@ -1,34 +1,34 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
+import type { Collection, Tool } from '@/app/components/tools/types'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
 import {
   RiArrowLeftLine,
   RiCloseLine,
 } from '@remixicon/react'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
 import Drawer from '@/app/components/base/drawer'
 import Loading from '@/app/components/base/loading'
-import ActionButton from '@/app/components/base/action-button'
-import Icon from '@/app/components/plugins/card/base/card-icon'
-import OrgInfo from '@/app/components/plugins/card/base/org-info'
-import Description from '@/app/components/plugins/card/base/description'
 import TabSlider from '@/app/components/base/tab-slider-plain'
-import Button from '@/app/components/base/button'
 import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
-import { toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
-import type { Collection, Tool } from '@/app/components/tools/types'
-import { CollectionType } from '@/app/components/tools/types'
-import { fetchBuiltInToolList, fetchCustomToolList, fetchModelToolList, fetchWorkflowToolList } from '@/service/tools'
-import I18n from '@/context/i18n'
-import { getLanguage } from '@/i18n-config/language'
-import { cn } from '@/utils/classnames'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
+import Icon from '@/app/components/plugins/card/base/card-icon'
+import Description from '@/app/components/plugins/card/base/description'
+import OrgInfo from '@/app/components/plugins/card/base/org-info'
 import {
   AuthCategory,
   PluginAuthInAgent,
 } from '@/app/components/plugins/plugin-auth'
 import { ReadmeEntrance } from '@/app/components/plugins/readme-panel/entrance'
+import { CollectionType } from '@/app/components/tools/types'
+import { toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
+import I18n from '@/context/i18n'
+import { getLanguage } from '@/i18n-config/language'
+import { fetchBuiltInToolList, fetchCustomToolList, fetchModelToolList, fetchWorkflowToolList } from '@/service/tools'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   showBackButton?: boolean
@@ -125,22 +125,22 @@ const SettingBuiltInTool: FC<Props> = ({
   }
 
   const infoUI = (
-    <div className=''>
+    <div className="">
       {infoSchemas.length > 0 && (
-        <div className='space-y-1 py-2'>
+        <div className="space-y-1 py-2">
           {infoSchemas.map((item, index) => (
-            <div key={index} className='py-1'>
-              <div className='flex items-center gap-2'>
-                <div className='code-sm-semibold text-text-secondary'>{item.label[language]}</div>
-                <div className='system-xs-regular text-text-tertiary'>
+            <div key={index} className="py-1">
+              <div className="flex items-center gap-2">
+                <div className="code-sm-semibold text-text-secondary">{item.label[language]}</div>
+                <div className="system-xs-regular text-text-tertiary">
                   {getType(item.type)}
                 </div>
                 {item.required && (
-                  <div className='system-xs-medium text-text-warning-secondary'>{t('tools.setBuiltInTools.required')}</div>
+                  <div className="system-xs-medium text-text-warning-secondary">{t('tools.setBuiltInTools.required')}</div>
                 )}
               </div>
               {item.human_description && (
-                <div className='system-xs-regular mt-0.5 text-text-tertiary'>
+                <div className="system-xs-regular mt-0.5 text-text-tertiary">
                   {item.human_description?.[language]}
                 </div>
               )}
@@ -174,36 +174,36 @@ const SettingBuiltInTool: FC<Props> = ({
       panelClassName={cn('mb-2 mr-2 mt-[64px] !w-[420px] !max-w-[420px] justify-start rounded-2xl border-[0.5px] border-components-panel-border !bg-components-panel-bg !p-0 shadow-xl')}
     >
       <>
-        {isLoading && <Loading type='app' />}
+        {isLoading && <Loading type="app" />}
         {!isLoading && (
           <>
             {/* header */}
-            <div className='relative border-b border-divider-subtle p-4 pb-3'>
-              <div className='absolute right-3 top-3'>
+            <div className="relative border-b border-divider-subtle p-4 pb-3">
+              <div className="absolute right-3 top-3">
                 <ActionButton onClick={onHide}>
-                  <RiCloseLine className='h-4 w-4' />
+                  <RiCloseLine className="h-4 w-4" />
                 </ActionButton>
               </div>
               {showBackButton && (
                 <div
-                  className='system-xs-semibold-uppercase mb-2 flex cursor-pointer items-center gap-1 text-text-accent-secondary'
+                  className="system-xs-semibold-uppercase mb-2 flex cursor-pointer items-center gap-1 text-text-accent-secondary"
                   onClick={onHide}
                 >
-                  <RiArrowLeftLine className='h-4 w-4' />
+                  <RiArrowLeftLine className="h-4 w-4" />
                   {t('plugin.detailPanel.operation.back')}
                 </div>
               )}
-              <div className='flex items-center gap-1'>
-                <Icon size='tiny' className='h-6 w-6' src={collection.icon} />
+              <div className="flex items-center gap-1">
+                <Icon size="tiny" className="h-6 w-6" src={collection.icon} />
                 <OrgInfo
-                  packageNameClassName='w-auto'
+                  packageNameClassName="w-auto"
                   orgName={collection.author}
                   packageName={collection.name.split('/').pop() || ''}
                 />
               </div>
-              <div className='system-md-semibold mt-1 text-text-primary'>{currTool?.label[language]}</div>
+              <div className="system-md-semibold mt-1 text-text-primary">{currTool?.label[language]}</div>
               {!!currTool?.description[language] && (
-                <Description className='mb-2 mt-3 h-auto' text={currTool.description[language]} descriptionLineRows={2}></Description>
+                <Description className="mb-2 mt-3 h-auto" text={currTool.description[language]} descriptionLineRows={2}></Description>
               )}
               {
                 collection.allow_delete && collection.type === CollectionType.builtIn && (
@@ -221,35 +221,37 @@ const SettingBuiltInTool: FC<Props> = ({
               }
             </div>
             {/* form */}
-            <div className='h-full'>
-              <div className='flex h-full flex-col'>
-                {(hasSetting && !readonly) ? (
-                  <TabSlider
-                    className='mt-1 shrink-0 px-4'
-                    itemClassName='py-3'
-                    noBorderBottom
-                    value={currType}
-                    onChange={(value) => {
-                      setCurrType(value)
-                    }}
-                    options={[
-                      { value: 'info', text: t('tools.setBuiltInTools.parameters')! },
-                      { value: 'setting', text: t('tools.setBuiltInTools.setting')! },
-                    ]}
-                  />
-                ) : (
-                  <div className='system-sm-semibold-uppercase p-4 pb-1 text-text-primary'>{t('tools.setBuiltInTools.parameters')}</div>
-                )}
-                <div className='h-0 grow overflow-y-auto px-4'>
+            <div className="h-full">
+              <div className="flex h-full flex-col">
+                {(hasSetting && !readonly)
+                  ? (
+                      <TabSlider
+                        className="mt-1 shrink-0 px-4"
+                        itemClassName="py-3"
+                        noBorderBottom
+                        value={currType}
+                        onChange={(value) => {
+                          setCurrType(value)
+                        }}
+                        options={[
+                          { value: 'info', text: t('tools.setBuiltInTools.parameters')! },
+                          { value: 'setting', text: t('tools.setBuiltInTools.setting')! },
+                        ]}
+                      />
+                    )
+                  : (
+                      <div className="system-sm-semibold-uppercase p-4 pb-1 text-text-primary">{t('tools.setBuiltInTools.parameters')}</div>
+                    )}
+                <div className="h-0 grow overflow-y-auto px-4">
                   {isInfoActive ? infoUI : settingUI}
                   {!readonly && !isInfoActive && (
-                    <div className='flex shrink-0 justify-end space-x-2 rounded-b-[10px] bg-components-panel-bg py-2'>
-                      <Button className='flex h-8 items-center !px-3 !text-[13px] font-medium ' onClick={onHide}>{t('common.operation.cancel')}</Button>
-                      <Button className='flex h-8 items-center !px-3 !text-[13px] font-medium' variant='primary' disabled={!isValid} onClick={() => onSave?.(tempSetting)}>{t('common.operation.save')}</Button>
+                    <div className="flex shrink-0 justify-end space-x-2 rounded-b-[10px] bg-components-panel-bg py-2">
+                      <Button className="flex h-8 items-center !px-3 !text-[13px] font-medium " onClick={onHide}>{t('common.operation.cancel')}</Button>
+                      <Button className="flex h-8 items-center !px-3 !text-[13px] font-medium" variant="primary" disabled={!isValid} onClick={() => onSave?.(tempSetting)}>{t('common.operation.save')}</Button>
                     </div>
                   )}
                 </div>
-                <ReadmeEntrance pluginDetail={collection as any} className='mt-auto' />
+                <ReadmeEntrance pluginDetail={collection as any} className="mt-auto" />
               </div>
             </div>
           </>
diff --git a/web/app/components/app/configuration/config/agent/prompt-editor.tsx b/web/app/components/app/configuration/config/agent/prompt-editor.tsx
index 78d7eef029..6319cc1bc5 100644
--- a/web/app/components/app/configuration/config/agent/prompt-editor.tsx
+++ b/web/app/components/app/configuration/config/agent/prompt-editor.tsx
@@ -1,21 +1,21 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
+import type { ExternalDataTool } from '@/models/common'
 import copy from 'copy-to-clipboard'
-import { useContext } from 'use-context-selector'
+import { noop } from 'lodash-es'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
+import { useContext } from 'use-context-selector'
+import s from '@/app/components/app/configuration/config-prompt/style.module.css'
 import {
   Copy,
   CopyCheck,
 } from '@/app/components/base/icons/src/vender/line/files'
 import PromptEditor from '@/app/components/base/prompt-editor'
-import type { ExternalDataTool } from '@/models/common'
+import { useToastContext } from '@/app/components/base/toast'
 import ConfigContext from '@/context/debug-configuration'
 import { useModalContext } from '@/context/modal-context'
-import { useToastContext } from '@/app/components/base/toast'
-import s from '@/app/components/app/configuration/config-prompt/style.module.css'
-import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -77,20 +77,23 @@ const Editor: FC<Props> = ({
   }
   return (
     <div className={cn(className, s.gradientBorder, 'relative')}>
-      <div className='rounded-xl bg-white'>
+      <div className="rounded-xl bg-white">
         <div className={cn(s.boxHeader, 'flex h-11 items-center justify-between rounded-tl-xl rounded-tr-xl bg-white pb-1 pl-4 pr-3 pt-2 hover:shadow-xs')}>
-          <div className='text-sm font-semibold uppercase text-indigo-800'>{t(`appDebug.agent.${isFirstPrompt ? 'firstPrompt' : 'nextIteration'}`)}</div>
+          <div className="text-sm font-semibold uppercase text-indigo-800">{t(`appDebug.agent.${isFirstPrompt ? 'firstPrompt' : 'nextIteration'}`)}</div>
           <div className={cn(s.optionWrap, 'items-center space-x-1')}>
             {!isCopied
               ? (
-                <Copy className='h-6 w-6 cursor-pointer p-1 text-gray-500' onClick={() => {
-                  copy(value)
-                  setIsCopied(true)
-                }} />
-              )
+                  <Copy
+                    className="h-6 w-6 cursor-pointer p-1 text-gray-500"
+                    onClick={() => {
+                      copy(value)
+                      setIsCopied(true)
+                    }}
+                  />
+                )
               : (
-                <CopyCheck className='h-6 w-6 p-1 text-gray-500' />
-              )}
+                  <CopyCheck className="h-6 w-6 p-1 text-gray-500" />
+                )}
           </div>
         </div>
         <div className={cn(editorHeight, ' min-h-[102px] overflow-y-auto px-4 text-sm text-gray-700')}>
@@ -141,7 +144,7 @@ const Editor: FC<Props> = ({
             onBlur={noop}
           />
         </div>
-        <div className='flex pb-2 pl-4'>
+        <div className="flex pb-2 pl-4">
           <div className="h-[18px] rounded-md bg-gray-100 px-1 text-xs leading-[18px] text-gray-500">{value.length}</div>
         </div>
       </div>
diff --git a/web/app/components/app/configuration/config/assistant-type-picker/index.spec.tsx b/web/app/components/app/configuration/config/assistant-type-picker/index.spec.tsx
index e17da4e58e..8436a132d6 100644
--- a/web/app/components/app/configuration/config/assistant-type-picker/index.spec.tsx
+++ b/web/app/components/app/configuration/config/assistant-type-picker/index.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
+import type { AgentConfig } from '@/models/debug'
 import { act, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import AssistantTypePicker from './index'
-import type { AgentConfig } from '@/models/debug'
+import React from 'react'
 import { AgentStrategy } from '@/types/app'
+import AssistantTypePicker from './index'
 
 // Test utilities
 const defaultAgentConfig: AgentConfig = {
diff --git a/web/app/components/app/configuration/config/assistant-type-picker/index.tsx b/web/app/components/app/configuration/config/assistant-type-picker/index.tsx
index 50f16f957a..0a283835fc 100644
--- a/web/app/components/app/configuration/config/assistant-type-picker/index.tsx
+++ b/web/app/components/app/configuration/config/assistant-type-picker/index.tsx
@@ -1,21 +1,21 @@
 'use client'
 import type { FC } from 'react'
+import type { AgentConfig } from '@/models/debug'
+import { RiArrowDownSLine } from '@remixicon/react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import AgentSetting from '../agent/agent-setting'
-import { cn } from '@/utils/classnames'
+import { ArrowUpRight } from '@/app/components/base/icons/src/vender/line/arrows'
+import { Settings04 } from '@/app/components/base/icons/src/vender/line/general'
+import { CuteRobot } from '@/app/components/base/icons/src/vender/solid/communication'
+import { BubbleText } from '@/app/components/base/icons/src/vender/solid/education'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { BubbleText } from '@/app/components/base/icons/src/vender/solid/education'
 import Radio from '@/app/components/base/radio/ui'
-import { CuteRobot } from '@/app/components/base/icons/src/vender/solid/communication'
-import { Settings04 } from '@/app/components/base/icons/src/vender/line/general'
-import { ArrowUpRight } from '@/app/components/base/icons/src/vender/line/arrows'
-import type { AgentConfig } from '@/models/debug'
+import { cn } from '@/utils/classnames'
+import AgentSetting from '../agent/agent-setting'
 
 type Props = {
   value: string
@@ -43,16 +43,16 @@ const SelectItem: FC<ItemProps> = ({ text, value, Icon, isChecked, description,
       className={cn(disabled ? 'opacity-50' : 'cursor-pointer', isChecked ? 'border-[2px] border-indigo-600 shadow-sm' : 'border border-gray-100', 'mb-2 rounded-xl bg-gray-25 p-3 pr-4 hover:bg-gray-50')}
       onClick={() => !disabled && onClick(value)}
     >
-      <div className='flex items-center justify-between'>
-        <div className='flex items-center '>
-          <div className='mr-3 rounded-lg bg-indigo-50 p-1'>
-            <Icon className='h-4 w-4 text-indigo-600' />
+      <div className="flex items-center justify-between">
+        <div className="flex items-center ">
+          <div className="mr-3 rounded-lg bg-indigo-50 p-1">
+            <Icon className="h-4 w-4 text-indigo-600" />
           </div>
-          <div className='text-sm font-medium leading-5 text-gray-900'>{text}</div>
+          <div className="text-sm font-medium leading-5 text-gray-900">{text}</div>
         </div>
         <Radio isChecked={isChecked} />
       </div>
-      <div className='ml-9 text-xs font-normal leading-[18px] text-gray-500'>{description}</div>
+      <div className="ml-9 text-xs font-normal leading-[18px] text-gray-500">{description}</div>
     </div>
   )
 }
@@ -81,7 +81,7 @@ const AssistantTypePicker: FC<Props> = ({
 
   const agentConfigUI = (
     <>
-      <div className='my-4 h-px bg-gray-100'></div>
+      <div className="my-4 h-px bg-gray-100"></div>
       <div
         className={cn(isAgent ? 'group cursor-pointer hover:bg-primary-50' : 'opacity-30', 'rounded-xl bg-gray-50 p-3 pr-4 ')}
         onClick={() => {
@@ -91,16 +91,16 @@ const AssistantTypePicker: FC<Props> = ({
           }
         }}
       >
-        <div className='flex items-center justify-between'>
-          <div className='flex items-center '>
-            <div className='mr-3 rounded-lg bg-gray-200 p-1 group-hover:bg-white'>
-              <Settings04 className='h-4 w-4 text-gray-600 group-hover:text-[#155EEF]' />
+        <div className="flex items-center justify-between">
+          <div className="flex items-center ">
+            <div className="mr-3 rounded-lg bg-gray-200 p-1 group-hover:bg-white">
+              <Settings04 className="h-4 w-4 text-gray-600 group-hover:text-[#155EEF]" />
             </div>
-            <div className='text-sm font-medium leading-5 text-gray-900 group-hover:text-[#155EEF]'>{t('appDebug.agent.setting.name')}</div>
+            <div className="text-sm font-medium leading-5 text-gray-900 group-hover:text-[#155EEF]">{t('appDebug.agent.setting.name')}</div>
           </div>
-          <ArrowUpRight className='h-4 w-4 text-gray-500 group-hover:text-[#155EEF]' />
+          <ArrowUpRight className="h-4 w-4 text-gray-500 group-hover:text-[#155EEF]" />
         </div>
-        <div className='ml-9 text-xs font-normal leading-[18px] text-gray-500'>{t('appDebug.agent.setting.description')}</div>
+        <div className="ml-9 text-xs font-normal leading-[18px] text-gray-500">{t('appDebug.agent.setting.description')}</div>
       </div>
     </>
   )
@@ -109,7 +109,7 @@ const AssistantTypePicker: FC<Props> = ({
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='bottom-end'
+        placement="bottom-end"
         offset={{
           mainAxis: 8,
           crossAxis: -2,
@@ -117,17 +117,17 @@ const AssistantTypePicker: FC<Props> = ({
       >
         <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
           <div className={cn(open && 'bg-gray-50', 'flex h-8 cursor-pointer select-none items-center space-x-1 rounded-lg border border-black/5 px-3 text-indigo-600')}>
-            {isAgent ? <BubbleText className='h-3 w-3' /> : <CuteRobot className='h-3 w-3' />}
-            <div className='text-xs font-medium'>{t(`appDebug.assistantType.${isAgent ? 'agentAssistant' : 'chatAssistant'}.name`)}</div>
-            <RiArrowDownSLine className='h-3 w-3' />
+            {isAgent ? <BubbleText className="h-3 w-3" /> : <CuteRobot className="h-3 w-3" />}
+            <div className="text-xs font-medium">{t(`appDebug.assistantType.${isAgent ? 'agentAssistant' : 'chatAssistant'}.name`)}</div>
+            <RiArrowDownSLine className="h-3 w-3" />
           </div>
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent style={{ zIndex: 1000 }}>
-          <div className='relative left-0.5 w-[480px] rounded-xl border border-black/8 bg-white p-6 shadow-lg'>
-            <div className='mb-2 text-sm font-semibold leading-5 text-gray-900'>{t('appDebug.assistantType.name')}</div>
+          <div className="relative left-0.5 w-[480px] rounded-xl border border-black/8 bg-white p-6 shadow-lg">
+            <div className="mb-2 text-sm font-semibold leading-5 text-gray-900">{t('appDebug.assistantType.name')}</div>
             <SelectItem
               Icon={BubbleText}
-              value='chat'
+              value="chat"
               disabled={disabled}
               text={t('appDebug.assistantType.chatAssistant.name')}
               description={t('appDebug.assistantType.chatAssistant.description')}
@@ -136,7 +136,7 @@ const AssistantTypePicker: FC<Props> = ({
             />
             <SelectItem
               Icon={CuteRobot}
-              value='agent'
+              value="agent"
               disabled={disabled}
               text={t('appDebug.assistantType.agentAssistant.name')}
               description={t('appDebug.assistantType.agentAssistant.description')}
diff --git a/web/app/components/app/configuration/config/automatic/automatic-btn.tsx b/web/app/components/app/configuration/config/automatic/automatic-btn.tsx
index b2d4e3018d..86a16ba995 100644
--- a/web/app/components/app/configuration/config/automatic/automatic-btn.tsx
+++ b/web/app/components/app/configuration/config/automatic/automatic-btn.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiSparklingFill,
 } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 
 export type IAutomaticBtnProps = {
@@ -16,9 +16,9 @@ const AutomaticBtn: FC<IAutomaticBtnProps> = ({
   const { t } = useTranslation()
 
   return (
-    <Button variant='secondary-accent' size='small' onClick={onClick}>
-      <RiSparklingFill className='mr-1 h-3.5 w-3.5' />
-      <span className=''>{t('appDebug.operation.automatic')}</span>
+    <Button variant="secondary-accent" size="small" onClick={onClick}>
+      <RiSparklingFill className="mr-1 h-3.5 w-3.5" />
+      <span className="">{t('appDebug.operation.automatic')}</span>
     </Button>
   )
 }
diff --git a/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx b/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx
index dfcaabf017..bc5d0fc7de 100644
--- a/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx
+++ b/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx
@@ -1,8 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useBoolean, useSessionStorageState } from 'ahooks'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+// type
+import type { GenRes } from '@/service/debug'
+import type { AppModeEnum, CompletionParams, Model, ModelModeType } from '@/types/app'
 import {
   RiDatabase2Line,
   RiFileExcel2Line,
@@ -14,32 +15,30 @@ import {
   RiTranslate,
   RiUser2Line,
 } from '@remixicon/react'
-import s from './style.module.css'
-import Modal from '@/app/components/base/modal'
+import { useBoolean, useSessionStorageState } from 'ahooks'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import Toast from '@/app/components/base/toast'
-import { generateBasicAppFirstTimeRule, generateRule } from '@/service/debug'
-import type { AppModeEnum, CompletionParams, Model } from '@/types/app'
-import Loading from '@/app/components/base/loading'
 import Confirm from '@/app/components/base/confirm'
-
-// type
-import type { GenRes } from '@/service/debug'
 import { Generator } from '@/app/components/base/icons/src/vender/other'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import Loading from '@/app/components/base/loading'
 
+import Modal from '@/app/components/base/modal'
+import Toast from '@/app/components/base/toast'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+
 import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import type { ModelModeType } from '@/types/app'
-import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import InstructionEditorInWorkflow from './instruction-editor-in-workflow'
-import InstructionEditorInBasic from './instruction-editor'
-import { GeneratorType } from './types'
-import Result from './result'
-import useGenData from './use-gen-data'
-import IdeaOutput from './idea-output'
-import ResPlaceholder from './res-placeholder'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import { generateBasicAppFirstTimeRule, generateRule } from '@/service/debug'
 import { useGenerateRuleTemplate } from '@/service/use-apps'
+import IdeaOutput from './idea-output'
+import InstructionEditorInBasic from './instruction-editor'
+import InstructionEditorInWorkflow from './instruction-editor-in-workflow'
+import ResPlaceholder from './res-placeholder'
+import Result from './result'
+import s from './style.module.css'
+import { GeneratorType } from './types'
+import useGenData from './use-gen-data'
 
 const i18nPrefix = 'appDebug.generate'
 export type IGetAutomaticResProps = {
@@ -61,11 +60,11 @@ const TryLabel: FC<{
 }> = ({ Icon, text, onClick }) => {
   return (
     <div
-      className='mr-1 mt-2 flex h-7 shrink-0 cursor-pointer items-center rounded-lg bg-components-button-secondary-bg px-2'
+      className="mr-1 mt-2 flex h-7 shrink-0 cursor-pointer items-center rounded-lg bg-components-button-secondary-bg px-2"
       onClick={onClick}
     >
-      <Icon className='h-4 w-4 text-text-tertiary'></Icon>
-      <div className='ml-1 text-xs font-medium text-text-secondary'>{text}</div>
+      <Icon className="h-4 w-4 text-text-tertiary"></Icon>
+      <div className="ml-1 text-xs font-medium text-text-secondary">{text}</div>
     </div>
   )
 }
@@ -192,13 +191,13 @@ const GetAutomaticRes: FC<IGetAutomaticResProps> = ({
   }, [defaultModel])
 
   const renderLoading = (
-    <div className='flex h-full w-0 grow flex-col items-center justify-center space-y-3'>
+    <div className="flex h-full w-0 grow flex-col items-center justify-center space-y-3">
       <Loading />
-      <div className='text-[13px] text-text-tertiary'>{t('appDebug.generate.loading')}</div>
+      <div className="text-[13px] text-text-tertiary">{t('appDebug.generate.loading')}</div>
     </div>
   )
 
-  const handleModelChange = useCallback((newValue: { modelId: string; provider: string; mode?: string; features?: string[] }) => {
+  const handleModelChange = useCallback((newValue: { modelId: string, provider: string, mode?: string, features?: string[] }) => {
     const newModel = {
       ...model,
       provider: newValue.provider,
@@ -284,18 +283,18 @@ const GetAutomaticRes: FC<IGetAutomaticResProps> = ({
     <Modal
       isShow={isShow}
       onClose={onClose}
-      className='min-w-[1140px] !p-0'
+      className="min-w-[1140px] !p-0"
     >
-      <div className='flex h-[680px] flex-wrap'>
-        <div className='h-full w-[570px] shrink-0 overflow-y-auto border-r border-divider-regular p-6'>
-          <div className='mb-5'>
+      <div className="flex h-[680px] flex-wrap">
+        <div className="h-full w-[570px] shrink-0 overflow-y-auto border-r border-divider-regular p-6">
+          <div className="mb-5">
             <div className={`text-lg font-bold leading-[28px] ${s.textGradient}`}>{t('appDebug.generate.title')}</div>
-            <div className='mt-1 text-[13px] font-normal text-text-tertiary'>{t('appDebug.generate.description')}</div>
+            <div className="mt-1 text-[13px] font-normal text-text-tertiary">{t('appDebug.generate.description')}</div>
           </div>
           <div>
             <ModelParameterModal
-              popupClassName='!w-[520px]'
-              portalToFollowElemContentClassName='z-[1000]'
+              popupClassName="!w-[520px]"
+              portalToFollowElemContentClassName="z-[1000]"
               isAdvancedMode={true}
               provider={model.provider}
               completionParams={model.completion_params}
@@ -306,14 +305,18 @@ const GetAutomaticRes: FC<IGetAutomaticResProps> = ({
             />
           </div>
           {isBasicMode && (
-            <div className='mt-4'>
-              <div className='flex items-center'>
-                <div className='mr-3 shrink-0 text-xs font-semibold uppercase leading-[18px] text-text-tertiary'>{t('appDebug.generate.tryIt')}</div>
-                <div className='h-px grow' style={{
-                  background: 'linear-gradient(to right, rgba(243, 244, 246, 1), rgba(243, 244, 246, 0))',
-                }}></div>
+            <div className="mt-4">
+              <div className="flex items-center">
+                <div className="mr-3 shrink-0 text-xs font-semibold uppercase leading-[18px] text-text-tertiary">{t('appDebug.generate.tryIt')}</div>
+                <div
+                  className="h-px grow"
+                  style={{
+                    background: 'linear-gradient(to right, rgba(243, 244, 246, 1), rgba(243, 244, 246, 0))',
+                  }}
+                >
+                </div>
               </div>
-              <div className='flex flex-wrap'>
+              <div className="flex flex-wrap">
                 {tryList.map(item => (
                   <TryLabel
                     key={item.key}
@@ -327,53 +330,55 @@ const GetAutomaticRes: FC<IGetAutomaticResProps> = ({
           )}
 
           {/* inputs */}
-          <div className='mt-4'>
+          <div className="mt-4">
             <div>
-              <div className='system-sm-semibold-uppercase mb-1.5 text-text-secondary'>{t('appDebug.generate.instruction')}</div>
-              {isBasicMode ? (
-                <InstructionEditorInBasic
-                  editorKey={editorKey}
-                  generatorType={GeneratorType.prompt}
-                  value={instruction}
-                  onChange={setInstruction}
-                  availableVars={[]}
-                  availableNodes={[]}
-                  isShowCurrentBlock={!!currentPrompt}
-                  isShowLastRunBlock={false}
-                />
-              ) : (
-                <InstructionEditorInWorkflow
-                  editorKey={editorKey}
-                  generatorType={GeneratorType.prompt}
-                  value={instruction}
-                  onChange={setInstruction}
-                  nodeId={nodeId || ''}
-                  isShowCurrentBlock={!!currentPrompt}
-                />
-              )}
+              <div className="system-sm-semibold-uppercase mb-1.5 text-text-secondary">{t('appDebug.generate.instruction')}</div>
+              {isBasicMode
+                ? (
+                    <InstructionEditorInBasic
+                      editorKey={editorKey}
+                      generatorType={GeneratorType.prompt}
+                      value={instruction}
+                      onChange={setInstruction}
+                      availableVars={[]}
+                      availableNodes={[]}
+                      isShowCurrentBlock={!!currentPrompt}
+                      isShowLastRunBlock={false}
+                    />
+                  )
+                : (
+                    <InstructionEditorInWorkflow
+                      editorKey={editorKey}
+                      generatorType={GeneratorType.prompt}
+                      value={instruction}
+                      onChange={setInstruction}
+                      nodeId={nodeId || ''}
+                      isShowCurrentBlock={!!currentPrompt}
+                    />
+                  )}
             </div>
             <IdeaOutput
               value={ideaOutput}
               onChange={setIdeaOutput}
             />
 
-            <div className='mt-7 flex justify-end space-x-2'>
+            <div className="mt-7 flex justify-end space-x-2">
               <Button onClick={onClose}>{t(`${i18nPrefix}.dismiss`)}</Button>
               <Button
-                className='flex space-x-1'
-                variant='primary'
+                className="flex space-x-1"
+                variant="primary"
                 onClick={onGenerate}
                 disabled={isLoading}
               >
-                <Generator className='h-4 w-4' />
-                <span className='text-xs font-semibold'>{t('appDebug.generate.generate')}</span>
+                <Generator className="h-4 w-4" />
+                <span className="text-xs font-semibold">{t('appDebug.generate.generate')}</span>
               </Button>
             </div>
           </div>
         </div>
 
         {(!isLoading && current) && (
-          <div className='h-full w-0 grow bg-background-default-subtle p-6 pb-0'>
+          <div className="h-full w-0 grow bg-background-default-subtle p-6 pb-0">
             <Result
               current={current!}
               isBasicMode={isBasicMode}
diff --git a/web/app/components/app/configuration/config/automatic/idea-output.tsx b/web/app/components/app/configuration/config/automatic/idea-output.tsx
index 895f74baa3..560d9be15b 100644
--- a/web/app/components/app/configuration/config/automatic/idea-output.tsx
+++ b/web/app/components/app/configuration/config/automatic/idea-output.tsx
@@ -1,11 +1,11 @@
 'use client'
-import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/general'
-import { useBoolean } from 'ahooks'
 import type { FC } from 'react'
+import { useBoolean } from 'ahooks'
 import React from 'react'
-import { cn } from '@/utils/classnames'
-import Textarea from '@/app/components/base/textarea'
 import { useTranslation } from 'react-i18next'
+import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/general'
+import Textarea from '@/app/components/base/textarea'
+import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'appDebug.generate'
 
@@ -25,13 +25,17 @@ const IdeaOutput: FC<Props> = ({
   }] = useBoolean(true)
 
   return (
-    <div className='mt-4 text-[0px]'>
+    <div className="mt-4 text-[0px]">
       <div
-        className='mb-1.5 flex  cursor-pointer items-center text-sm font-medium leading-5 text-text-primary'
+        className="mb-1.5 flex  cursor-pointer items-center text-sm font-medium leading-5 text-text-primary"
         onClick={toggleFoldIdeaOutput}
       >
-        <div className='system-sm-semibold-uppercase mr-1 text-text-secondary'>{t(`${i18nPrefix}.idealOutput`)}</div>
-        <div className='system-xs-regular text-text-tertiary'>({t(`${i18nPrefix}.optional`)})</div>
+        <div className="system-sm-semibold-uppercase mr-1 text-text-secondary">{t(`${i18nPrefix}.idealOutput`)}</div>
+        <div className="system-xs-regular text-text-tertiary">
+          (
+          {t(`${i18nPrefix}.optional`)}
+          )
+        </div>
         <ArrowDownRoundFill className={cn('size text-text-quaternary', isFoldIdeaOutput && 'relative top-[1px] rotate-[-90deg]')} />
       </div>
       {!isFoldIdeaOutput && (
diff --git a/web/app/components/app/configuration/config/automatic/instruction-editor-in-workflow.tsx b/web/app/components/app/configuration/config/automatic/instruction-editor-in-workflow.tsx
index cc8b5bff0c..2c6e09302c 100644
--- a/web/app/components/app/configuration/config/automatic/instruction-editor-in-workflow.tsx
+++ b/web/app/components/app/configuration/config/automatic/instruction-editor-in-workflow.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import type { GeneratorType } from './types'
 import type { ValueSelector, Var } from '@/app/components/workflow/types'
-import { VarType } from '@/app/components/workflow/types'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
-import InstructionEditor from './instruction-editor'
+import React, { useCallback } from 'react'
 import { useWorkflowVariableType } from '@/app/components/workflow/hooks'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 import { useWorkflowStore } from '@/app/components/workflow/store'
+import { VarType } from '@/app/components/workflow/types'
+import InstructionEditor from './instruction-editor'
 
 type Props = {
   nodeId: string
diff --git a/web/app/components/app/configuration/config/automatic/instruction-editor.tsx b/web/app/components/app/configuration/config/automatic/instruction-editor.tsx
index 409f335232..e42d027061 100644
--- a/web/app/components/app/configuration/config/automatic/instruction-editor.tsx
+++ b/web/app/components/app/configuration/config/automatic/instruction-editor.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import PromptEditor from '@/app/components/base/prompt-editor'
 import type { GeneratorType } from './types'
-import { cn } from '@/utils/classnames'
 import type { Node, NodeOutPutVar, ValueSelector } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { Type } from '@/app/components/workflow/nodes/llm/types'
+import PromptEditor from '@/app/components/base/prompt-editor'
 import { PROMPT_EDITOR_INSERT_QUICKLY } from '@/app/components/base/prompt-editor/plugins/update-block'
+import { Type } from '@/app/components/workflow/nodes/llm/types'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   editorKey: string
@@ -19,8 +19,8 @@ type Props = {
   availableVars: NodeOutPutVar[]
   availableNodes: Node[]
   getVarType?: (params: {
-    nodeId: string,
-    valueSelector: ValueSelector,
+    nodeId: string
+    valueSelector: ValueSelector
   }) => Type
   isShowCurrentBlock: boolean
   isShowLastRunBlock: boolean
@@ -43,31 +43,35 @@ const InstructionEditor: FC<Props> = ({
   const { eventEmitter } = useEventEmitterContextContext()
 
   const isCode = generatorType === 'code'
-  const placeholder = isCode ? <div className='system-sm-regular whitespace-break-spaces !leading-6 text-text-placeholder'>
-    {t(`${i18nPrefix}.codeGenInstructionPlaceHolderLine`)}
-  </div> : (
-    <div className='system-sm-regular text-text-placeholder'>
-      <div className='leading-6'>{t(`${i18nPrefix}.instructionPlaceHolderTitle`)}</div>
-      <div className='mt-2'>
-        <div>{t(`${i18nPrefix}.instructionPlaceHolderLine1`)}</div>
-        <div>{t(`${i18nPrefix}.instructionPlaceHolderLine2`)}</div>
-        <div>{t(`${i18nPrefix}.instructionPlaceHolderLine3`)}</div>
-      </div>
-    </div>
-  )
+  const placeholder = isCode
+    ? (
+        <div className="system-sm-regular whitespace-break-spaces !leading-6 text-text-placeholder">
+          {t(`${i18nPrefix}.codeGenInstructionPlaceHolderLine`)}
+        </div>
+      )
+    : (
+        <div className="system-sm-regular text-text-placeholder">
+          <div className="leading-6">{t(`${i18nPrefix}.instructionPlaceHolderTitle`)}</div>
+          <div className="mt-2">
+            <div>{t(`${i18nPrefix}.instructionPlaceHolderLine1`)}</div>
+            <div>{t(`${i18nPrefix}.instructionPlaceHolderLine2`)}</div>
+            <div>{t(`${i18nPrefix}.instructionPlaceHolderLine3`)}</div>
+          </div>
+        </div>
+      )
 
   const handleInsertVariable = () => {
     eventEmitter?.emit({ type: PROMPT_EDITOR_INSERT_QUICKLY, instanceId: editorKey } as any)
   }
 
   return (
-    <div className='relative'>
+    <div className="relative">
       <PromptEditor
-        wrapperClassName='border !border-components-input-bg-normal bg-components-input-bg-normal hover:!border-components-input-bg-hover rounded-[10px] px-4 pt-3'
+        wrapperClassName="border !border-components-input-bg-normal bg-components-input-bg-normal hover:!border-components-input-bg-hover rounded-[10px] px-4 pt-3"
         key={editorKey}
         instanceId={editorKey}
         placeholder={placeholder}
-        placeholderClassName='px-4 pt-3'
+        placeholderClassName="px-4 pt-3"
         className={cn('min-h-[240px] pb-8')}
         value={value}
         workflowVariableBlock={{
@@ -105,11 +109,11 @@ const InstructionEditor: FC<Props> = ({
         editable
         isSupportFileVar={false}
       />
-      <div className='system-xs-regular absolute bottom-0 left-4 flex h-8 items-center space-x-0.5 text-components-input-text-placeholder'>
+      <div className="system-xs-regular absolute bottom-0 left-4 flex h-8 items-center space-x-0.5 text-components-input-text-placeholder">
         <span>{t('appDebug.generate.press')}</span>
-        <span className='system-kbd flex h-4 w-3.5 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray text-text-placeholder'>/</span>
+        <span className="system-kbd flex h-4 w-3.5 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray text-text-placeholder">/</span>
         <span>{t('appDebug.generate.to')}</span>
-        <span onClick={handleInsertVariable} className='!ml-1 cursor-pointer hover:border-b hover:border-dotted hover:border-text-tertiary hover:text-text-tertiary'>{t('appDebug.generate.insertContext')}</span>
+        <span onClick={handleInsertVariable} className="!ml-1 cursor-pointer hover:border-b hover:border-dotted hover:border-text-tertiary hover:text-text-tertiary">{t('appDebug.generate.insertContext')}</span>
       </div>
     </div>
   )
diff --git a/web/app/components/app/configuration/config/automatic/prompt-res-in-workflow.tsx b/web/app/components/app/configuration/config/automatic/prompt-res-in-workflow.tsx
index c4915a5e60..80cd357eb9 100644
--- a/web/app/components/app/configuration/config/automatic/prompt-res-in-workflow.tsx
+++ b/web/app/components/app/configuration/config/automatic/prompt-res-in-workflow.tsx
@@ -1,11 +1,11 @@
 'use client'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 import type { FC } from 'react'
 import React from 'react'
-import PromptRes from './prompt-res'
+import { useTranslation } from 'react-i18next'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 import { Type } from '@/app/components/workflow/nodes/llm/types'
 import { BlockEnum } from '@/app/components/workflow/types'
-import { useTranslation } from 'react-i18next'
+import PromptRes from './prompt-res'
 
 type Props = {
   value: string
diff --git a/web/app/components/app/configuration/config/automatic/prompt-res.tsx b/web/app/components/app/configuration/config/automatic/prompt-res.tsx
index f110741b98..8a0e85aab7 100644
--- a/web/app/components/app/configuration/config/automatic/prompt-res.tsx
+++ b/web/app/components/app/configuration/config/automatic/prompt-res.tsx
@@ -1,8 +1,8 @@
 'use client'
-import PromptEditor from '@/app/components/base/prompt-editor'
-import type { WorkflowVariableBlockType } from '@/app/components/base/prompt-editor/types'
 import type { FC } from 'react'
+import type { WorkflowVariableBlockType } from '@/app/components/base/prompt-editor/types'
 import React, { useEffect } from 'react'
+import PromptEditor from '@/app/components/base/prompt-editor'
 
 type Props = {
   value: string
@@ -23,7 +23,7 @@ const PromptRes: FC<Props> = ({
       key={editorKey}
       value={value}
       editable={false}
-      className='h-full bg-transparent pt-0'
+      className="h-full bg-transparent pt-0"
       workflowVariableBlock={workflowVariableBlock}
     />
   )
diff --git a/web/app/components/app/configuration/config/automatic/prompt-toast.tsx b/web/app/components/app/configuration/config/automatic/prompt-toast.tsx
index c9169f0ad7..2e53eb563c 100644
--- a/web/app/components/app/configuration/config/automatic/prompt-toast.tsx
+++ b/web/app/components/app/configuration/config/automatic/prompt-toast.tsx
@@ -1,9 +1,9 @@
 import { RiArrowDownSLine, RiSparklingFill } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import React from 'react'
-import { cn } from '@/utils/classnames'
-import { Markdown } from '@/app/components/base/markdown'
 import { useTranslation } from 'react-i18next'
+import { Markdown } from '@/app/components/base/markdown'
+import { cn } from '@/utils/classnames'
 import s from './style.module.css'
 
 type Props = {
@@ -35,15 +35,15 @@ const PromptToast = ({
   //   `
   return (
     <div className={cn('rounded-xl border-[0.5px] border-components-panel-border bg-background-section-burn pl-4 shadow-xs', className)}>
-      <div className='my-3 flex h-4 items-center justify-between pr-3'>
-        <div className='flex items-center space-x-1'>
-          <RiSparklingFill className='size-3.5 text-components-input-border-active-prompt-1' />
+      <div className="my-3 flex h-4 items-center justify-between pr-3">
+        <div className="flex items-center space-x-1">
+          <RiSparklingFill className="size-3.5 text-components-input-border-active-prompt-1" />
           <span className={cn(s.optimizationNoteText, 'system-xs-semibold-uppercase')}>{t('appDebug.generate.optimizationNote')}</span>
         </div>
         <RiArrowDownSLine className={cn('size-4 cursor-pointer text-text-tertiary', isFold && 'rotate-[-90deg]')} onClick={toggleFold} />
       </div>
       {!isFold && (
-        <div className='pb-4 pr-4'>
+        <div className="pb-4 pr-4">
           <Markdown className="!text-sm" content={message} />
         </div>
       )}
diff --git a/web/app/components/app/configuration/config/automatic/res-placeholder.tsx b/web/app/components/app/configuration/config/automatic/res-placeholder.tsx
index be89327f76..01d9043c82 100644
--- a/web/app/components/app/configuration/config/automatic/res-placeholder.tsx
+++ b/web/app/components/app/configuration/config/automatic/res-placeholder.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { Generator } from '@/app/components/base/icons/src/vender/other'
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { Generator } from '@/app/components/base/icons/src/vender/other'
 
 const ResPlaceholder: FC = () => {
   const { t } = useTranslation()
   return (
-    <div className='flex h-full w-0 grow flex-col items-center justify-center space-y-3 px-8'>
-      <Generator className='size-8 text-text-quaternary' />
-      <div className='text-center text-[13px] font-normal leading-5 text-text-tertiary'>
+    <div className="flex h-full w-0 grow flex-col items-center justify-center space-y-3 px-8">
+      <Generator className="size-8 text-text-quaternary" />
+      <div className="text-center text-[13px] font-normal leading-5 text-text-tertiary">
         <div>{t('appDebug.generate.newNoDataLine1')}</div>
       </div>
     </div>
diff --git a/web/app/components/app/configuration/config/automatic/result.tsx b/web/app/components/app/configuration/config/automatic/result.tsx
index b3080e4096..c2a4f55f80 100644
--- a/web/app/components/app/configuration/config/automatic/result.tsx
+++ b/web/app/components/app/configuration/config/automatic/result.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { GeneratorType } from './types'
-import PromptToast from './prompt-toast'
-import Button from '@/app/components/base/button'
-import VersionSelector from './version-selector'
 import type { GenRes } from '@/service/debug'
 import { RiClipboardLine } from '@remixicon/react'
 import copy from 'copy-to-clipboard'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import Toast from '@/app/components/base/toast'
 import CodeEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/code-editor'
 import PromptRes from './prompt-res'
 import PromptResInWorkflow from './prompt-res-in-workflow'
+import PromptToast from './prompt-toast'
+import { GeneratorType } from './types'
+import VersionSelector from './version-selector'
 
 type Props = {
   isBasicMode?: boolean
@@ -39,56 +39,65 @@ const Result: FC<Props> = ({
   const isGeneratorPrompt = generatorType === GeneratorType.prompt
 
   return (
-    <div className='flex h-full flex-col'>
-      <div className='mb-3 flex shrink-0 items-center justify-between'>
+    <div className="flex h-full flex-col">
+      <div className="mb-3 flex shrink-0 items-center justify-between">
         <div>
-          <div className='shrink-0 text-base font-semibold leading-[160%] text-text-secondary'>{t('appDebug.generate.resTitle')}</div>
+          <div className="shrink-0 text-base font-semibold leading-[160%] text-text-secondary">{t('appDebug.generate.resTitle')}</div>
           <VersionSelector
             versionLen={versions.length}
             value={currentVersionIndex}
             onChange={setCurrentVersionIndex}
           />
         </div>
-        <div className='flex items-center space-x-2'>
-          <Button className='px-2' onClick={() => {
-            copy(current.modified)
-            Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
-          }}>
-            <RiClipboardLine className='h-4 w-4 text-text-secondary' />
+        <div className="flex items-center space-x-2">
+          <Button
+            className="px-2"
+            onClick={() => {
+              copy(current.modified)
+              Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
+            }}
+          >
+            <RiClipboardLine className="h-4 w-4 text-text-secondary" />
           </Button>
-          <Button variant='primary' onClick={onApply}>
+          <Button variant="primary" onClick={onApply}>
             {t('appDebug.generate.apply')}
           </Button>
         </div>
       </div>
-      <div className='flex grow flex-col overflow-y-auto'>
+      <div className="flex grow flex-col overflow-y-auto">
         {
           current?.message && (
-            <PromptToast message={current.message} className='mb-3 shrink-0' />
+            <PromptToast message={current.message} className="mb-3 shrink-0" />
           )
         }
-        <div className='grow pb-6'>
-          {isGeneratorPrompt ? (
-            isBasicMode ? (
-              <PromptRes
-                value={current?.modified}
-                workflowVariableBlock={{
-                  show: false,
-                }}
-              />
-            ) : (<PromptResInWorkflow
-              value={current?.modified || ''}
-              nodeId={nodeId!}
-            />)
-          ) : (
-            <CodeEditor
-              editorWrapperClassName='h-full'
-              className='bg-transparent pt-0'
-              value={current?.modified}
-              readOnly
-              hideTopMenu
-            />
-          )}
+        <div className="grow pb-6">
+          {isGeneratorPrompt
+            ? (
+                isBasicMode
+                  ? (
+                      <PromptRes
+                        value={current?.modified}
+                        workflowVariableBlock={{
+                          show: false,
+                        }}
+                      />
+                    )
+                  : (
+                      <PromptResInWorkflow
+                        value={current?.modified || ''}
+                        nodeId={nodeId!}
+                      />
+                    )
+              )
+            : (
+                <CodeEditor
+                  editorWrapperClassName="h-full"
+                  className="bg-transparent pt-0"
+                  value={current?.modified}
+                  readOnly
+                  hideTopMenu
+                />
+              )}
         </div>
       </div>
     </div>
diff --git a/web/app/components/app/configuration/config/automatic/version-selector.tsx b/web/app/components/app/configuration/config/automatic/version-selector.tsx
index 715c1f3c80..fe8c26f2d5 100644
--- a/web/app/components/app/configuration/config/automatic/version-selector.tsx
+++ b/web/app/components/app/configuration/config/automatic/version-selector.tsx
@@ -1,14 +1,14 @@
-import React, { useCallback } from 'react'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
-import { useBoolean } from 'ahooks'
-import { cn } from '@/utils/classnames'
 import { RiArrowDownSLine, RiCheckLine } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
 
 type VersionSelectorProps = {
-  versionLen: number;
-  value: number;
-  onChange: (index: number) => void;
+  versionLen: number
+  value: number
+  onChange: (index: number) => void
 }
 
 const VersionSelector: React.FC<VersionSelectorProps> = ({ versionLen, value, onChange }) => {
@@ -38,7 +38,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ versionLen, value, on
 
   return (
     <PortalToFollowElem
-      placement={'bottom-start'}
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: -12,
@@ -52,13 +52,19 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ versionLen, value, on
       >
 
         <div className={cn('system-xs-medium flex items-center text-text-tertiary', isOpen && 'text-text-secondary', moreThanOneVersion && 'cursor-pointer')}>
-          <div>{t('appDebug.generate.version')} {value + 1}{isLatest && ` · ${t('appDebug.generate.latest')}`}</div>
-          {moreThanOneVersion && <RiArrowDownSLine className='size-3 ' />}
+          <div>
+            {t('appDebug.generate.version')}
+            {' '}
+            {value + 1}
+            {isLatest && ` · ${t('appDebug.generate.latest')}`}
+          </div>
+          {moreThanOneVersion && <RiArrowDownSLine className="size-3 " />}
         </div>
-      </PortalToFollowElemTrigger >
+      </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={cn(
         'z-[99]',
-      )}>
+      )}
+      >
         <div
           className={cn(
             'w-[208px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg',
@@ -80,18 +86,18 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ versionLen, value, on
                   handleOpenFalse()
                 }}
               >
-                <div className='mr-1 grow truncate px-1 pl-1'>
+                <div className="mr-1 grow truncate px-1 pl-1">
                   {option.label}
                 </div>
                 {
-                  value === option.value && <RiCheckLine className='h-4 w-4 shrink-0 text-text-accent' />
+                  value === option.value && <RiCheckLine className="h-4 w-4 shrink-0 text-text-accent" />
                 }
               </div>
             ))
           }
         </div>
       </PortalToFollowElemContent>
-    </PortalToFollowElem >
+    </PortalToFollowElem>
   )
 }
 
diff --git a/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx b/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx
index 3612f89b02..9eb1acf77d 100644
--- a/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx
+++ b/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx
@@ -1,32 +1,31 @@
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
-import useBoolean from 'ahooks/lib/useBoolean'
-import { useTranslation } from 'react-i18next'
-import { languageMap } from '../../../../workflow/nodes/_base/components/editor/code-editor/index'
-import { generateRule } from '@/service/debug'
-import type { GenRes } from '@/service/debug'
-import type { AppModeEnum, ModelModeType } from '@/types/app'
-import type { CompletionParams, Model } from '@/types/app'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import { Generator } from '@/app/components/base/icons/src/vender/other'
-import Toast from '@/app/components/base/toast'
-import Loading from '@/app/components/base/loading'
-import Confirm from '@/app/components/base/confirm'
-import type { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
 import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import IdeaOutput from '../automatic/idea-output'
-import { GeneratorType } from '../automatic/types'
-import InstructionEditor from '../automatic/instruction-editor-in-workflow'
-import useGenData from '../automatic/use-gen-data'
-import Result from '../automatic/result'
-import ResPlaceholder from '../automatic/res-placeholder'
-import { useGenerateRuleTemplate } from '@/service/use-apps'
+import type { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import type { GenRes } from '@/service/debug'
+import type { AppModeEnum, CompletionParams, Model, ModelModeType } from '@/types/app'
 import { useSessionStorageState } from 'ahooks'
+import useBoolean from 'ahooks/lib/useBoolean'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import { Generator } from '@/app/components/base/icons/src/vender/other'
+import Loading from '@/app/components/base/loading'
+import Modal from '@/app/components/base/modal'
+import Toast from '@/app/components/base/toast'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import { generateRule } from '@/service/debug'
+import { useGenerateRuleTemplate } from '@/service/use-apps'
+import { languageMap } from '../../../../workflow/nodes/_base/components/editor/code-editor/index'
+import IdeaOutput from '../automatic/idea-output'
+import InstructionEditor from '../automatic/instruction-editor-in-workflow'
+import ResPlaceholder from '../automatic/res-placeholder'
+import Result from '../automatic/result'
 import s from '../automatic/style.module.css'
+import { GeneratorType } from '../automatic/types'
+import useGenData from '../automatic/use-gen-data'
 
 const i18nPrefix = 'appDebug.generate'
 export type IGetCodeGeneratorResProps = {
@@ -106,7 +105,7 @@ export const GetCodeGeneratorResModal: FC<IGetCodeGeneratorResProps> = (
     return true
   }
 
-  const handleModelChange = useCallback((newValue: { modelId: string; provider: string; mode?: string; features?: string[] }) => {
+  const handleModelChange = useCallback((newValue: { modelId: string, provider: string, mode?: string, features?: string[] }) => {
     const newModel = {
       ...model,
       provider: newValue.provider,
@@ -190,9 +189,9 @@ export const GetCodeGeneratorResModal: FC<IGetCodeGeneratorResProps> = (
   }, [defaultModel])
 
   const renderLoading = (
-    <div className='flex h-full w-0 grow flex-col items-center justify-center space-y-3'>
+    <div className="flex h-full w-0 grow flex-col items-center justify-center space-y-3">
       <Loading />
-      <div className='text-[13px] text-text-tertiary'>{t('appDebug.codegen.loading')}</div>
+      <div className="text-[13px] text-text-tertiary">{t('appDebug.codegen.loading')}</div>
     </div>
   )
 
@@ -200,18 +199,18 @@ export const GetCodeGeneratorResModal: FC<IGetCodeGeneratorResProps> = (
     <Modal
       isShow={isShow}
       onClose={onClose}
-      className='min-w-[1140px] !p-0'
+      className="min-w-[1140px] !p-0"
     >
-      <div className='relative flex h-[680px] flex-wrap'>
-        <div className='h-full w-[570px] shrink-0 overflow-y-auto border-r border-divider-regular p-6'>
-          <div className='mb-5'>
+      <div className="relative flex h-[680px] flex-wrap">
+        <div className="h-full w-[570px] shrink-0 overflow-y-auto border-r border-divider-regular p-6">
+          <div className="mb-5">
             <div className={`text-lg font-bold leading-[28px] ${s.textGradient}`}>{t('appDebug.codegen.title')}</div>
-            <div className='mt-1 text-[13px] font-normal text-text-tertiary'>{t('appDebug.codegen.description')}</div>
+            <div className="mt-1 text-[13px] font-normal text-text-tertiary">{t('appDebug.codegen.description')}</div>
           </div>
-          <div className='mb-4'>
+          <div className="mb-4">
             <ModelParameterModal
-              popupClassName='!w-[520px]'
-              portalToFollowElemContentClassName='z-[1000]'
+              popupClassName="!w-[520px]"
+              portalToFollowElemContentClassName="z-[1000]"
               isAdvancedMode={true}
               provider={model.provider}
               completionParams={model.completion_params}
@@ -222,8 +221,8 @@ export const GetCodeGeneratorResModal: FC<IGetCodeGeneratorResProps> = (
             />
           </div>
           <div>
-            <div className='text-[0px]'>
-              <div className='system-sm-semibold-uppercase mb-1.5 text-text-secondary'>{t('appDebug.codegen.instruction')}</div>
+            <div className="text-[0px]">
+              <div className="system-sm-semibold-uppercase mb-1.5 text-text-secondary">{t('appDebug.codegen.instruction')}</div>
               <InstructionEditor
                 editorKey={editorKey}
                 value={instruction}
@@ -238,16 +237,16 @@ export const GetCodeGeneratorResModal: FC<IGetCodeGeneratorResProps> = (
               onChange={setIdeaOutput}
             />
 
-            <div className='mt-7 flex justify-end space-x-2'>
+            <div className="mt-7 flex justify-end space-x-2">
               <Button onClick={onClose}>{t(`${i18nPrefix}.dismiss`)}</Button>
               <Button
-                className='flex space-x-1'
-                variant='primary'
+                className="flex space-x-1"
+                variant="primary"
                 onClick={onGenerate}
                 disabled={isLoading}
               >
-                <Generator className='h-4 w-4' />
-                <span className='text-xs font-semibold '>{t('appDebug.codegen.generate')}</span>
+                <Generator className="h-4 w-4" />
+                <span className="text-xs font-semibold ">{t('appDebug.codegen.generate')}</span>
               </Button>
             </div>
           </div>
@@ -255,7 +254,7 @@ export const GetCodeGeneratorResModal: FC<IGetCodeGeneratorResProps> = (
         {isLoading && renderLoading}
         {!isLoading && !current && <ResPlaceholder />}
         {(!isLoading && current) && (
-          <div className='h-full w-0 grow bg-background-default-subtle p-6 pb-0'>
+          <div className="h-full w-0 grow bg-background-default-subtle p-6 pb-0">
             <Result
               current={current!}
               currentVersionIndex={currentVersionIndex || 0}
diff --git a/web/app/components/app/configuration/config/config-audio.spec.tsx b/web/app/components/app/configuration/config/config-audio.spec.tsx
index 132ada95d0..2ca34f9742 100644
--- a/web/app/components/app/configuration/config/config-audio.spec.tsx
+++ b/web/app/components/app/configuration/config/config-audio.spec.tsx
@@ -1,10 +1,10 @@
 import type { Mock } from 'vitest'
-import React from 'react'
+import type { FeatureStoreState } from '@/app/components/base/features/store'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import ConfigAudio from './config-audio'
-import type { FeatureStoreState } from '@/app/components/base/features/store'
+import React from 'react'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import ConfigAudio from './config-audio'
 
 const mockUseContext = vi.fn()
 vi.mock('use-context-selector', async (importOriginal) => {
diff --git a/web/app/components/app/configuration/config/config-audio.tsx b/web/app/components/app/configuration/config/config-audio.tsx
index 5253b7c902..66a094804e 100644
--- a/web/app/components/app/configuration/config/config-audio.tsx
+++ b/web/app/components/app/configuration/config/config-audio.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import { useContext } from 'use-context-selector'
 
-import { Microphone01 } from '@/app/components/base/icons/src/vender/features'
-import Tooltip from '@/app/components/base/tooltip'
-import ConfigContext from '@/context/debug-configuration'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
+import { Microphone01 } from '@/app/components/base/icons/src/vender/features'
 import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import ConfigContext from '@/context/debug-configuration'
 
 const ConfigAudio: FC = () => {
   const { t } = useTranslation()
@@ -48,28 +48,28 @@ const ConfigAudio: FC = () => {
     return null
 
   return (
-    <div className='mt-2 flex items-center gap-2 rounded-xl border-l-[0.5px] border-t-[0.5px] bg-background-section-burn p-2'>
-      <div className='shrink-0 p-1'>
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs'>
-          <Microphone01 className='h-4 w-4 text-text-primary-on-surface' />
+    <div className="mt-2 flex items-center gap-2 rounded-xl border-l-[0.5px] border-t-[0.5px] bg-background-section-burn p-2">
+      <div className="shrink-0 p-1">
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs">
+          <Microphone01 className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       </div>
-      <div className='flex grow items-center'>
-        <div className='system-sm-semibold mr-1 text-text-secondary'>{t('appDebug.feature.audioUpload.title')}</div>
+      <div className="flex grow items-center">
+        <div className="system-sm-semibold mr-1 text-text-secondary">{t('appDebug.feature.audioUpload.title')}</div>
         <Tooltip
-          popupContent={
-            <div className='w-[180px]' >
+          popupContent={(
+            <div className="w-[180px]">
               {t('appDebug.feature.audioUpload.description')}
             </div>
-          }
+          )}
         />
       </div>
-      <div className='flex shrink-0 items-center'>
-        <div className='ml-1 mr-3 h-3.5 w-[1px] bg-divider-subtle'></div>
+      <div className="flex shrink-0 items-center">
+        <div className="ml-1 mr-3 h-3.5 w-[1px] bg-divider-subtle"></div>
         <Switch
           defaultValue={isAudioEnabled}
           onChange={handleChange}
-          size='md'
+          size="md"
         />
       </div>
     </div>
diff --git a/web/app/components/app/configuration/config/config-document.spec.tsx b/web/app/components/app/configuration/config/config-document.spec.tsx
index c351b5f6cf..4d874dc37e 100644
--- a/web/app/components/app/configuration/config/config-document.spec.tsx
+++ b/web/app/components/app/configuration/config/config-document.spec.tsx
@@ -1,10 +1,10 @@
 import type { Mock } from 'vitest'
-import React from 'react'
+import type { FeatureStoreState } from '@/app/components/base/features/store'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import ConfigDocument from './config-document'
-import type { FeatureStoreState } from '@/app/components/base/features/store'
+import React from 'react'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import ConfigDocument from './config-document'
 
 const mockUseContext = vi.fn()
 vi.mock('use-context-selector', async (importOriginal) => {
diff --git a/web/app/components/app/configuration/config/config-document.tsx b/web/app/components/app/configuration/config/config-document.tsx
index c0e8cc3a2d..5616c201c6 100644
--- a/web/app/components/app/configuration/config/config-document.tsx
+++ b/web/app/components/app/configuration/config/config-document.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import { useContext } from 'use-context-selector'
 
-import { Document } from '@/app/components/base/icons/src/vender/features'
-import Tooltip from '@/app/components/base/tooltip'
-import ConfigContext from '@/context/debug-configuration'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
+import { Document } from '@/app/components/base/icons/src/vender/features'
 import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import ConfigContext from '@/context/debug-configuration'
 
 const ConfigDocument: FC = () => {
   const { t } = useTranslation()
@@ -48,28 +48,28 @@ const ConfigDocument: FC = () => {
     return null
 
   return (
-    <div className='mt-2 flex items-center gap-2 rounded-xl border-l-[0.5px] border-t-[0.5px] bg-background-section-burn p-2'>
-      <div className='shrink-0 p-1'>
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs'>
-          <Document className='h-4 w-4 text-text-primary-on-surface' />
+    <div className="mt-2 flex items-center gap-2 rounded-xl border-l-[0.5px] border-t-[0.5px] bg-background-section-burn p-2">
+      <div className="shrink-0 p-1">
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs">
+          <Document className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       </div>
-      <div className='flex grow items-center'>
-        <div className='system-sm-semibold mr-1 text-text-secondary'>{t('appDebug.feature.documentUpload.title')}</div>
+      <div className="flex grow items-center">
+        <div className="system-sm-semibold mr-1 text-text-secondary">{t('appDebug.feature.documentUpload.title')}</div>
         <Tooltip
-          popupContent={
-            <div className='w-[180px]' >
+          popupContent={(
+            <div className="w-[180px]">
               {t('appDebug.feature.documentUpload.description')}
             </div>
-          }
+          )}
         />
       </div>
-      <div className='flex shrink-0 items-center'>
-        <div className='ml-1 mr-3 h-3.5 w-[1px] bg-divider-subtle'></div>
+      <div className="flex shrink-0 items-center">
+        <div className="ml-1 mr-3 h-3.5 w-[1px] bg-divider-subtle"></div>
         <Switch
           defaultValue={isDocumentEnabled}
           onChange={handleChange}
-          size='md'
+          size="md"
         />
       </div>
     </div>
diff --git a/web/app/components/app/configuration/config/index.spec.tsx b/web/app/components/app/configuration/config/index.spec.tsx
index fc73a52cbd..94361ba28c 100644
--- a/web/app/components/app/configuration/config/index.spec.tsx
+++ b/web/app/components/app/configuration/config/index.spec.tsx
@@ -1,11 +1,11 @@
 import type { Mock } from 'vitest'
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Config from './index'
 import type { ModelConfig, PromptVariable } from '@/models/debug'
-import * as useContextSelector from 'use-context-selector'
 import type { ToolItem } from '@/types/app'
+import { render, screen } from '@testing-library/react'
+import React from 'react'
+import * as useContextSelector from 'use-context-selector'
 import { AgentStrategy, AppModeEnum, ModelModeType } from '@/types/app'
+import Config from './index'
 
 vi.mock('use-context-selector', async (importOriginal) => {
   const actual = await importOriginal<typeof import('use-context-selector')>()
diff --git a/web/app/components/app/configuration/config/index.tsx b/web/app/components/app/configuration/config/index.tsx
index 4e67d1bd32..2b9d2ce44e 100644
--- a/web/app/components/app/configuration/config/index.tsx
+++ b/web/app/components/app/configuration/config/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { ModelConfig, PromptVariable } from '@/models/debug'
+import { produce } from 'immer'
 import React from 'react'
 import { useContext } from 'use-context-selector'
-import { produce } from 'immer'
-import { useFormattingChangedDispatcher } from '../debug/hooks'
-import DatasetConfig from '../dataset-config'
-import HistoryPanel from '../config-prompt/conversation-history/history-panel'
-import ConfigVision from '../config-vision'
-import ConfigDocument from './config-document'
-import ConfigAudio from './config-audio'
-import AgentTools from './agent/agent-tools'
-import ConfigContext from '@/context/debug-configuration'
 import ConfigPrompt from '@/app/components/app/configuration/config-prompt'
 import ConfigVar from '@/app/components/app/configuration/config-var'
-import type { ModelConfig, PromptVariable } from '@/models/debug'
+import ConfigContext from '@/context/debug-configuration'
 import { AppModeEnum, ModelModeType } from '@/types/app'
+import HistoryPanel from '../config-prompt/conversation-history/history-panel'
+import ConfigVision from '../config-vision'
+import DatasetConfig from '../dataset-config'
+import { useFormattingChangedDispatcher } from '../debug/hooks'
+import AgentTools from './agent/agent-tools'
+import ConfigAudio from './config-audio'
+import ConfigDocument from './config-document'
 
 const Config: FC = () => {
   const {
diff --git a/web/app/components/app/configuration/ctrl-btn-group/index.tsx b/web/app/components/app/configuration/ctrl-btn-group/index.tsx
index 69915acc7b..c955c497fb 100644
--- a/web/app/components/app/configuration/ctrl-btn-group/index.tsx
+++ b/web/app/components/app/configuration/ctrl-btn-group/index.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import s from './style.module.css'
 import Button from '@/app/components/base/button'
+import s from './style.module.css'
 
 export type IContrlBtnGroupProps = {
   onSave: () => void
@@ -15,7 +15,7 @@ const ContrlBtnGroup: FC<IContrlBtnGroupProps> = ({ onSave, onReset }) => {
   return (
     <div className="fixed bottom-0 left-[224px] h-[64px] w-[519px]">
       <div className={`${s.ctrlBtn} flex h-full items-center gap-2  bg-white pl-4`}>
-        <Button variant='primary' onClick={onSave} data-testid="apply-btn">{t('appDebug.operation.applyConfig')}</Button>
+        <Button variant="primary" onClick={onSave} data-testid="apply-btn">{t('appDebug.operation.applyConfig')}</Button>
         <Button onClick={onReset} data-testid="reset-btn">{t('appDebug.operation.resetConfig')}</Button>
       </div>
     </div>
diff --git a/web/app/components/app/configuration/dataset-config/card-item/index.spec.tsx b/web/app/components/app/configuration/dataset-config/card-item/index.spec.tsx
index 9ae664da1c..a69b0882d3 100644
--- a/web/app/components/app/configuration/dataset-config/card-item/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/card-item/index.spec.tsx
@@ -1,14 +1,14 @@
+import type React from 'react'
 import type { MockedFunction } from 'vitest'
+import type { IndexingType } from '@/app/components/datasets/create/step-two'
+import type { DataSet } from '@/models/datasets'
+import type { RetrievalConfig } from '@/types/app'
 import { fireEvent, render, screen, waitFor, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import Item from './index'
-import type React from 'react'
-import type { DataSet } from '@/models/datasets'
-import { ChunkingMode, DataSourceType, DatasetPermission } from '@/models/datasets'
-import type { IndexingType } from '@/app/components/datasets/create/step-two'
-import type { RetrievalConfig } from '@/types/app'
-import { RETRIEVE_METHOD } from '@/types/app'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { ChunkingMode, DatasetPermission, DataSourceType } from '@/models/datasets'
+import { RETRIEVE_METHOD } from '@/types/app'
+import Item from './index'
 
 vi.mock('../settings-modal', () => ({
   __esModule: true,
diff --git a/web/app/components/app/configuration/dataset-config/card-item/index.tsx b/web/app/components/app/configuration/dataset-config/card-item/index.tsx
index 7fd7011a56..223c594870 100644
--- a/web/app/components/app/configuration/dataset-config/card-item/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/card-item/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
+import type { DataSet } from '@/models/datasets'
 import {
   RiDeleteBinLine,
   RiEditLine,
 } from '@remixicon/react'
+import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import SettingsModal from '../settings-modal'
-import type { DataSet } from '@/models/datasets'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import AppIcon from '@/app/components/base/app-icon'
+import Badge from '@/app/components/base/badge'
 import Drawer from '@/app/components/base/drawer'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import Badge from '@/app/components/base/badge'
 import { useKnowledge } from '@/hooks/use-knowledge'
 import { cn } from '@/utils/classnames'
-import AppIcon from '@/app/components/base/app-icon'
+import SettingsModal from '../settings-modal'
 
 type ItemProps = {
   className?: string
@@ -55,27 +55,30 @@ const Item: FC<ItemProps> = ({
     <div className={cn(
       'group relative mb-1 flex h-10 w-full cursor-pointer items-center justify-between rounded-lg border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg px-2 last-of-type:mb-0 hover:bg-components-panel-on-panel-item-bg-hover',
       isDeleting && 'border-state-destructive-border hover:bg-state-destructive-hover',
-    )}>
-      <div className='flex w-0 grow items-center space-x-1.5'>
+    )}
+    >
+      <div className="flex w-0 grow items-center space-x-1.5">
         <AppIcon
-          size='tiny'
+          size="tiny"
           iconType={iconInfo.icon_type}
           icon={iconInfo.icon}
           background={iconInfo.icon_type === 'image' ? undefined : iconInfo.icon_background}
           imageUrl={iconInfo.icon_type === 'image' ? iconInfo.icon_url : undefined}
         />
-        <div className='system-sm-medium w-0 grow truncate text-text-secondary' title={config.name}>{config.name}</div>
+        <div className="system-sm-medium w-0 grow truncate text-text-secondary" title={config.name}>{config.name}</div>
       </div>
-      <div className='ml-2 hidden shrink-0 items-center space-x-1 group-hover:flex'>
+      <div className="ml-2 hidden shrink-0 items-center space-x-1 group-hover:flex">
         {
-          editable && <ActionButton
-            onClick={(e) => {
-              e.stopPropagation()
-              setShowSettingsModal(true)
-            }}
-          >
-            <RiEditLine className='h-4 w-4 shrink-0 text-text-tertiary' />
-          </ActionButton>
+          editable && (
+            <ActionButton
+              onClick={(e) => {
+                e.stopPropagation()
+                setShowSettingsModal(true)
+              }}
+            >
+              <RiEditLine className="h-4 w-4 shrink-0 text-text-tertiary" />
+            </ActionButton>
+          )
         }
         <ActionButton
           onClick={() => onRemove(config.id)}
@@ -87,25 +90,29 @@ const Item: FC<ItemProps> = ({
         </ActionButton>
       </div>
       {
-        config.indexing_technique && <Badge
-          className='shrink-0 group-hover:hidden'
-          text={formatIndexingTechniqueAndMethod(config.indexing_technique, config.retrieval_model_dict?.search_method)}
-        />
+        config.indexing_technique && (
+          <Badge
+            className="shrink-0 group-hover:hidden"
+            text={formatIndexingTechniqueAndMethod(config.indexing_technique, config.retrieval_model_dict?.search_method)}
+          />
+        )
       }
       {
-        config.provider === 'external' && <Badge
-          className='shrink-0 group-hover:hidden'
-          text={t('dataset.externalTag') as string}
-        />
+        config.provider === 'external' && (
+          <Badge
+            className="shrink-0 group-hover:hidden"
+            text={t('dataset.externalTag') as string}
+          />
+        )
       }
-      <Drawer isOpen={showSettingsModal} onClose={() => setShowSettingsModal(false)} footer={null} mask={isMobile} panelClassName='mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[640px] rounded-xl'>
+      <Drawer isOpen={showSettingsModal} onClose={() => setShowSettingsModal(false)} footer={null} mask={isMobile} panelClassName="mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[640px] rounded-xl">
         <SettingsModal
           currentDataset={config}
           onCancel={() => setShowSettingsModal(false)}
           onSave={handleSave}
         />
       </Drawer>
-    </div >
+    </div>
   )
 }
 
diff --git a/web/app/components/app/configuration/dataset-config/context-var/index.spec.tsx b/web/app/components/app/configuration/dataset-config/context-var/index.spec.tsx
index 189b4ecaf0..7f71247d56 100644
--- a/web/app/components/app/configuration/dataset-config/context-var/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/context-var/index.spec.tsx
@@ -1,8 +1,8 @@
-import * as React from 'react'
+import type { Props } from './var-picker'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import * as React from 'react'
 import ContextVar from './index'
-import type { Props } from './var-picker'
 
 // Mock external dependencies only
 vi.mock('next/navigation', () => ({
@@ -15,7 +15,7 @@ type PortalToFollowElemProps = {
   open?: boolean
   onOpenChange?: (open: boolean) => void
 }
-type PortalToFollowElemTriggerProps = React.HTMLAttributes<HTMLElement> & { children?: React.ReactNode; asChild?: boolean }
+type PortalToFollowElemTriggerProps = React.HTMLAttributes<HTMLElement> & { children?: React.ReactNode, asChild?: boolean }
 type PortalToFollowElemContentProps = React.HTMLAttributes<HTMLDivElement> & { children?: React.ReactNode }
 
 vi.mock('@/app/components/base/portal-to-follow-elem', () => {
@@ -31,7 +31,8 @@ vi.mock('@/app/components/base/portal-to-follow-elem', () => {
 
   const PortalToFollowElemContent = ({ children, ...props }: PortalToFollowElemContentProps) => {
     const { open } = React.useContext(PortalContext)
-    if (!open) return null
+    if (!open)
+      return null
     return (
       <div data-testid="portal-content" {...props}>
         {children}
diff --git a/web/app/components/app/configuration/dataset-config/context-var/index.tsx b/web/app/components/app/configuration/dataset-config/context-var/index.tsx
index 80cc50acdf..4baa731f28 100644
--- a/web/app/components/app/configuration/dataset-config/context-var/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/context-var/index.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { Props } from './var-picker'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { Props } from './var-picker'
-import VarPicker from './var-picker'
-import { cn } from '@/utils/classnames'
 import { BracketsX } from '@/app/components/base/icons/src/vender/line/development'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
+import VarPicker from './var-picker'
 
 const ContextVar: FC<Props> = (props) => {
   const { t } = useTranslation()
@@ -15,17 +15,17 @@ const ContextVar: FC<Props> = (props) => {
   const notSetVar = !currItem
   return (
     <div className={cn(notSetVar ? 'rounded-bl-xl rounded-br-xl border-[#FEF0C7] bg-[#FEF0C7]' : 'border-components-panel-border-subtle', 'flex h-12 items-center justify-between border-t px-3 ')}>
-      <div className='flex shrink-0 items-center space-x-1'>
-        <div className='p-1'>
-          <BracketsX className='h-4 w-4 text-text-accent' />
+      <div className="flex shrink-0 items-center space-x-1">
+        <div className="p-1">
+          <BracketsX className="h-4 w-4 text-text-accent" />
         </div>
-        <div className='mr-1 text-sm font-medium text-text-secondary'>{t('appDebug.feature.dataSet.queryVariable.title')}</div>
+        <div className="mr-1 text-sm font-medium text-text-secondary">{t('appDebug.feature.dataSet.queryVariable.title')}</div>
         <Tooltip
-          popupContent={
-            <div className='w-[180px]'>
+          popupContent={(
+            <div className="w-[180px]">
               {t('appDebug.feature.dataSet.queryVariable.tip')}
             </div>
-          }
+          )}
         />
       </div>
 
diff --git a/web/app/components/app/configuration/dataset-config/context-var/var-picker.spec.tsx b/web/app/components/app/configuration/dataset-config/context-var/var-picker.spec.tsx
index cf52701008..aa8dae813f 100644
--- a/web/app/components/app/configuration/dataset-config/context-var/var-picker.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/context-var/var-picker.spec.tsx
@@ -1,7 +1,8 @@
-import * as React from 'react'
+import type { Props } from './var-picker'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import VarPicker, { type Props } from './var-picker'
+import * as React from 'react'
+import VarPicker from './var-picker'
 
 // Mock external dependencies only
 vi.mock('next/navigation', () => ({
@@ -14,7 +15,7 @@ type PortalToFollowElemProps = {
   open?: boolean
   onOpenChange?: (open: boolean) => void
 }
-type PortalToFollowElemTriggerProps = React.HTMLAttributes<HTMLElement> & { children?: React.ReactNode; asChild?: boolean }
+type PortalToFollowElemTriggerProps = React.HTMLAttributes<HTMLElement> & { children?: React.ReactNode, asChild?: boolean }
 type PortalToFollowElemContentProps = React.HTMLAttributes<HTMLDivElement> & { children?: React.ReactNode }
 
 vi.mock('@/app/components/base/portal-to-follow-elem', () => {
@@ -30,7 +31,8 @@ vi.mock('@/app/components/base/portal-to-follow-elem', () => {
 
   const PortalToFollowElemContent = ({ children, ...props }: PortalToFollowElemContentProps) => {
     const { open } = React.useContext(PortalContext)
-    if (!open) return null
+    if (!open)
+      return null
     return (
       <div data-testid="portal-content" {...props}>
         {children}
diff --git a/web/app/components/app/configuration/dataset-config/context-var/var-picker.tsx b/web/app/components/app/configuration/dataset-config/context-var/var-picker.tsx
index f5ea2eaa27..485e7aeb89 100644
--- a/web/app/components/app/configuration/dataset-config/context-var/var-picker.tsx
+++ b/web/app/components/app/configuration/dataset-config/context-var/var-picker.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
+import type { IInputTypeIconProps } from '@/app/components/app/configuration/config-var/input-type-icon'
+import { ChevronDownIcon } from '@heroicons/react/24/outline'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ChevronDownIcon } from '@heroicons/react/24/outline'
-import { cn } from '@/utils/classnames'
+import IconTypeIcon from '@/app/components/app/configuration/config-var/input-type-icon'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { IInputTypeIconProps } from '@/app/components/app/configuration/config-var/input-type-icon'
-import IconTypeIcon from '@/app/components/app/configuration/config-var/input-type-icon'
+import { cn } from '@/utils/classnames'
 
-type Option = { name: string; value: string; type: string }
+type Option = { name: string, value: string, type: string }
 export type Props = {
   triggerClassName?: string
   className?: string
@@ -23,12 +23,12 @@ export type Props = {
 }
 
 const VarItem: FC<{ item: Option }> = ({ item }) => (
-  <div className='flex h-[18px] items-center space-x-1 rounded bg-[#EFF8FF] px-1'>
-    <IconTypeIcon type={item.type as IInputTypeIconProps['type']} className='text-[#1570EF]' />
-    <div className='flex text-xs font-medium text-[#1570EF]'>
-      <span className='opacity-60'>{'{{'}</span>
-      <span className='max-w-[150px] truncate'>{item.value}</span>
-      <span className='opacity-60'>{'}}'}</span>
+  <div className="flex h-[18px] items-center space-x-1 rounded bg-[#EFF8FF] px-1">
+    <IconTypeIcon type={item.type as IInputTypeIconProps['type']} className="text-[#1570EF]" />
+    <div className="flex text-xs font-medium text-[#1570EF]">
+      <span className="opacity-60">{'{{'}</span>
+      <span className="max-w-[150px] truncate">{item.value}</span>
+      <span className="opacity-60">{'}}'}</span>
     </div>
   </div>
 )
@@ -48,7 +48,7 @@ const VarPicker: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 8,
       }}
@@ -61,41 +61,47 @@ const VarPicker: FC<Props> = ({
           `
           flex h-8 cursor-pointer items-center justify-center space-x-1 rounded-lg border  px-2 text-[13px]
           font-medium  shadow-xs
-          `)}>
+          `,
+        )}
+        >
           <div>
             {value
               ? (
-                <VarItem item={currItem as Option} />
-              )
-              : (<div>
-                {notSelectedVarTip || t('appDebug.feature.dataSet.queryVariable.choosePlaceholder')}
-              </div>)}
+                  <VarItem item={currItem as Option} />
+                )
+              : (
+                  <div>
+                    {notSelectedVarTip || t('appDebug.feature.dataSet.queryVariable.choosePlaceholder')}
+                  </div>
+                )}
           </div>
           <ChevronDownIcon className={cn(open && 'rotate-180 text-text-tertiary', 'h-3.5 w-3.5')} />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 1000 }}>
         {options.length > 0
-          ? (<div className='max-h-[50vh] w-[240px] overflow-y-auto rounded-lg  border border-components-panel-border bg-components-panel-bg p-1 shadow-lg'>
-            {options.map(({ name, value, type }, index) => (
-              <div
-                key={index}
-                className='flex cursor-pointer rounded-lg px-3 py-1 hover:bg-state-base-hover'
-                onClick={() => {
-                  onChange(value)
-                  setOpen(false)
-                }}
-              >
-                <VarItem item={{ name, value, type }} />
+          ? (
+              <div className="max-h-[50vh] w-[240px] overflow-y-auto rounded-lg  border border-components-panel-border bg-components-panel-bg p-1 shadow-lg">
+                {options.map(({ name, value, type }, index) => (
+                  <div
+                    key={index}
+                    className="flex cursor-pointer rounded-lg px-3 py-1 hover:bg-state-base-hover"
+                    onClick={() => {
+                      onChange(value)
+                      setOpen(false)
+                    }}
+                  >
+                    <VarItem item={{ name, value, type }} />
+                  </div>
+                ))}
               </div>
-            ))}
-          </div>)
+            )
           : (
-            <div className='w-[240px] rounded-lg border border-components-panel-border bg-components-panel-bg p-6 shadow-lg'>
-              <div className='mb-1 text-sm font-medium text-text-secondary'>{t('appDebug.feature.dataSet.queryVariable.noVar')}</div>
-              <div className='text-xs leading-normal text-text-tertiary'>{t('appDebug.feature.dataSet.queryVariable.noVarTip')}</div>
-            </div>
-          )}
+              <div className="w-[240px] rounded-lg border border-components-panel-border bg-components-panel-bg p-6 shadow-lg">
+                <div className="mb-1 text-sm font-medium text-text-secondary">{t('appDebug.feature.dataSet.queryVariable.noVar')}</div>
+                <div className="text-xs leading-normal text-text-tertiary">{t('appDebug.feature.dataSet.queryVariable.noVarTip')}</div>
+              </div>
+            )}
 
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/app/configuration/dataset-config/index.spec.tsx b/web/app/components/app/configuration/dataset-config/index.spec.tsx
index 3e10ed82d7..acccdec98e 100644
--- a/web/app/components/app/configuration/dataset-config/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/index.spec.tsx
@@ -1,16 +1,14 @@
+import type { DataSet } from '@/models/datasets'
+import type { DatasetConfigs } from '@/models/debug'
 import { render, screen, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import DatasetConfig from './index'
-import type { DataSet } from '@/models/datasets'
-import { DataSourceType, DatasetPermission } from '@/models/datasets'
-import { AppModeEnum } from '@/types/app'
-import { ModelModeType } from '@/types/app'
-import { RETRIEVE_TYPE } from '@/types/app'
-import { ComparisonOperator, LogicalOperator } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
-import type { DatasetConfigs } from '@/models/debug'
 import { useContext } from 'use-context-selector'
-import { hasEditPermissionForDataset } from '@/utils/permission'
+import { ComparisonOperator, LogicalOperator } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import { getSelectedDatasetsMode } from '@/app/components/workflow/nodes/knowledge-retrieval/utils'
+import { DatasetPermission, DataSourceType } from '@/models/datasets'
+import { AppModeEnum, ModelModeType, RETRIEVE_TYPE } from '@/types/app'
+import { hasEditPermissionForDataset } from '@/utils/permission'
+import DatasetConfig from './index'
 
 // Mock external dependencies
 vi.mock('@/app/components/workflow/nodes/knowledge-retrieval/utils', () => ({
@@ -58,11 +56,13 @@ vi.mock('lodash-es', () => ({
   intersectionBy: vi.fn((...arrays) => {
     // Mock realistic intersection behavior based on metadata name
     const validArrays = arrays.filter(Array.isArray)
-    if (validArrays.length === 0) return []
+    if (validArrays.length === 0)
+      return []
 
     // Start with first array and filter down
     return validArrays[0].filter((item: any) => {
-      if (!item || !item.name) return false
+      if (!item || !item.name)
+        return false
 
       // Only return items that exist in all arrays
       return validArrays.every(array =>
@@ -94,7 +94,9 @@ vi.mock('./params-config', () => ({
   __esModule: true,
   default: ({ disabled, selectedDatasets }: any) => (
     <button data-testid="params-config" disabled={disabled}>
-      Params ({selectedDatasets.length})
+      Params (
+      {selectedDatasets.length}
+      )
     </button>
   ),
 }))
@@ -1008,8 +1010,7 @@ describe('DatasetConfig', () => {
             { name: 'category', type: 'string' } as any,
             { name: 'priority', type: 'number' } as any,
           ],
-        }),
-      )
+        }))
 
       renderDatasetConfig({
         dataSets: manyDatasets,
diff --git a/web/app/components/app/configuration/dataset-config/index.tsx b/web/app/components/app/configuration/dataset-config/index.tsx
index 44a54f8e8b..b954944a6e 100644
--- a/web/app/components/app/configuration/dataset-config/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/index.tsx
@@ -1,29 +1,5 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { intersectionBy } from 'lodash-es'
-import { useContext } from 'use-context-selector'
-import { produce } from 'immer'
-import { v4 as uuid4 } from 'uuid'
-import { useFormattingChangedDispatcher } from '../debug/hooks'
-import FeaturePanel from '../base/feature-panel'
-import OperationBtn from '../base/operation-btn'
-import CardItem from './card-item'
-import ParamsConfig from './params-config'
-import ContextVar from './context-var'
-import ConfigContext from '@/context/debug-configuration'
-import { AppModeEnum } from '@/types/app'
-import type { DataSet } from '@/models/datasets'
-import {
-  getMultipleRetrievalConfig,
-  getSelectedDatasetsMode,
-} from '@/app/components/workflow/nodes/knowledge-retrieval/utils'
-import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useSelector as useAppContextSelector } from '@/context/app-context'
-import { hasEditPermissionForDataset } from '@/utils/permission'
-import MetadataFilter from '@/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter'
 import type {
   HandleAddCondition,
   HandleRemoveCondition,
@@ -31,11 +7,35 @@ import type {
   HandleUpdateCondition,
   MetadataFilteringModeEnum,
 } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import type { DataSet } from '@/models/datasets'
+import { produce } from 'immer'
+import { intersectionBy } from 'lodash-es'
+import React, { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { v4 as uuid4 } from 'uuid'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import MetadataFilter from '@/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter'
 import {
   ComparisonOperator,
   LogicalOperator,
   MetadataFilteringVariableType,
 } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import {
+  getMultipleRetrievalConfig,
+  getSelectedDatasetsMode,
+} from '@/app/components/workflow/nodes/knowledge-retrieval/utils'
+import { useSelector as useAppContextSelector } from '@/context/app-context'
+import ConfigContext from '@/context/debug-configuration'
+import { AppModeEnum } from '@/types/app'
+import { hasEditPermissionForDataset } from '@/utils/permission'
+import FeaturePanel from '../base/feature-panel'
+import OperationBtn from '../base/operation-btn'
+import { useFormattingChangedDispatcher } from '../debug/hooks'
+import CardItem from './card-item'
+import ContextVar from './context-var'
+import ParamsConfig from './params-config'
 
 const DatasetConfig: FC = () => {
   const { t } = useTranslation()
@@ -77,10 +77,12 @@ const DatasetConfig: FC = () => {
     const oldRetrievalConfig = {
       top_k,
       score_threshold,
-      reranking_model: (reranking_model && reranking_model.reranking_provider_name && reranking_model.reranking_model_name) ? {
-        provider: reranking_model.reranking_provider_name,
-        model: reranking_model.reranking_model_name,
-      } : undefined,
+      reranking_model: (reranking_model && reranking_model.reranking_provider_name && reranking_model.reranking_model_name)
+        ? {
+            provider: reranking_model.reranking_provider_name,
+            model: reranking_model.reranking_model_name,
+          }
+        : undefined,
       reranking_mode,
       weights,
       reranking_enable,
@@ -112,8 +114,9 @@ const DatasetConfig: FC = () => {
       (allInternal && (mixtureHighQualityAndEconomic || inconsistentEmbeddingModel))
       || mixtureInternalAndExternal
       || allExternal
-    )
+    ) {
       setRerankSettingModalOpen(true)
+    }
     formattingChangedDispatcher()
   }
 
@@ -227,7 +230,7 @@ const DatasetConfig: FC = () => {
     setDatasetConfigs(newInputs)
   }, [setDatasetConfigs, datasetConfigsRef])
 
-  const handleMetadataModelChange = useCallback((model: { provider: string; modelId: string; mode?: string }) => {
+  const handleMetadataModelChange = useCallback((model: { provider: string, modelId: string, mode?: string }) => {
     const newInputs = produce(datasetConfigsRef.current!, (draft) => {
       draft.metadata_model_config = {
         provider: model.provider,
@@ -251,38 +254,38 @@ const DatasetConfig: FC = () => {
 
   return (
     <FeaturePanel
-      className='mt-2'
+      className="mt-2"
       title={t('appDebug.feature.dataSet.title')}
-      headerRight={
-        <div className='flex items-center gap-1'>
+      headerRight={(
+        <div className="flex items-center gap-1">
           {!isAgent && <ParamsConfig disabled={!hasData} selectedDatasets={dataSet} />}
           <OperationBtn type="add" onClick={showSelectDataSet} />
         </div>
-      }
+      )}
       hasHeaderBottomBorder={!hasData}
       noBodySpacing
     >
       {hasData
         ? (
-          <div className='mt-1 flex flex-wrap justify-between px-3 pb-3'>
-            {formattedDataset.map(item => (
-              <CardItem
-                key={item.id}
-                config={item}
-                onRemove={onRemove}
-                onSave={handleSave}
-                editable={item.editable}
-              />
-            ))}
-          </div>
-        )
+            <div className="mt-1 flex flex-wrap justify-between px-3 pb-3">
+              {formattedDataset.map(item => (
+                <CardItem
+                  key={item.id}
+                  config={item}
+                  onRemove={onRemove}
+                  onSave={handleSave}
+                  editable={item.editable}
+                />
+              ))}
+            </div>
+          )
         : (
-          <div className='mt-1 px-3 pb-3'>
-            <div className='pb-1 pt-2 text-xs text-text-tertiary'>{t('appDebug.feature.dataSet.noData')}</div>
-          </div>
-        )}
+            <div className="mt-1 px-3 pb-3">
+              <div className="pb-1 pt-2 text-xs text-text-tertiary">{t('appDebug.feature.dataSet.noData')}</div>
+            </div>
+          )}
 
-      <div className='border-t border-t-divider-subtle py-2'>
+      <div className="border-t border-t-divider-subtle py-2">
         <MetadataFilter
           metadataList={metadataList}
           selectedDatasetsLoaded
diff --git a/web/app/components/app/configuration/dataset-config/params-config/config-content.spec.tsx b/web/app/components/app/configuration/dataset-config/params-config/config-content.spec.tsx
index 58cc2ac81c..c40ad8a514 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/config-content.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/config-content.spec.tsx
@@ -1,23 +1,23 @@
-import type { MockInstance, MockedFunction } from 'vitest'
+import type { MockedFunction, MockInstance } from 'vitest'
+import type { IndexingType } from '@/app/components/datasets/create/step-two'
+import type { DataSet } from '@/models/datasets'
+import type { DatasetConfigs } from '@/models/debug'
+import type { RetrievalConfig } from '@/types/app'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import ConfigContent from './config-content'
-import type { DataSet } from '@/models/datasets'
-import { ChunkingMode, DataSourceType, DatasetPermission, RerankingModeEnum, WeightedScoreEnum } from '@/models/datasets'
-import type { DatasetConfigs } from '@/models/debug'
-import { RETRIEVE_METHOD, RETRIEVE_TYPE } from '@/types/app'
-import type { RetrievalConfig } from '@/types/app'
 import Toast from '@/app/components/base/toast'
-import type { IndexingType } from '@/app/components/datasets/create/step-two'
 import {
   useCurrentProviderAndModel,
   useModelListAndDefaultModelAndCurrentProviderAndModel,
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { ChunkingMode, DatasetPermission, DataSourceType, RerankingModeEnum, WeightedScoreEnum } from '@/models/datasets'
+import { RETRIEVE_METHOD, RETRIEVE_TYPE } from '@/types/app'
+import ConfigContent from './config-content'
 
 vi.mock('@/app/components/header/account-setting/model-provider-page/model-selector', () => {
   type Props = {
-    defaultModel?: { provider: string; model: string }
-    onSelect?: (model: { provider: string; model: string }) => void
+    defaultModel?: { provider: string, model: string }
+    onSelect?: (model: { provider: string, model: string }) => void
   }
 
   const MockModelSelector = ({ defaultModel, onSelect }: Props) => (
diff --git a/web/app/components/app/configuration/dataset-config/params-config/config-content.tsx b/web/app/components/app/configuration/dataset-config/params-config/config-content.tsx
index c7a43fbfbd..ad5199fd55 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/config-content.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/config-content.tsx
@@ -1,31 +1,31 @@
 'use client'
 
-import { memo, useCallback, useEffect, useMemo } from 'react'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import WeightedScore from './weighted-score'
-import TopKItem from '@/app/components/base/param-item/top-k-item'
-import ScoreThresholdItem from '@/app/components/base/param-item/score-threshold-item'
-import { RETRIEVE_TYPE } from '@/types/app'
-import type {
-  DatasetConfigs,
-} from '@/models/debug'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import { useCurrentProviderAndModel, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import type { ModelConfig } from '@/app/components/workflow/types'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import Tooltip from '@/app/components/base/tooltip'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type {
   DataSet,
 } from '@/models/datasets'
-import { RerankingModeEnum } from '@/models/datasets'
-import { cn } from '@/utils/classnames'
-import { useSelectedDatasetsMode } from '@/app/components/workflow/nodes/knowledge-retrieval/hooks'
+import type {
+  DatasetConfigs,
+} from '@/models/debug'
+import { noop } from 'lodash-es'
+import { memo, useCallback, useEffect, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
+import ScoreThresholdItem from '@/app/components/base/param-item/score-threshold-item'
+import TopKItem from '@/app/components/base/param-item/top-k-item'
 import Switch from '@/app/components/base/switch'
 import Toast from '@/app/components/base/toast'
-import Divider from '@/app/components/base/divider'
-import { noop } from 'lodash-es'
+import Tooltip from '@/app/components/base/tooltip'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useCurrentProviderAndModel, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
+import { useSelectedDatasetsMode } from '@/app/components/workflow/nodes/knowledge-retrieval/hooks'
+import { RerankingModeEnum } from '@/models/datasets'
+import { RETRIEVE_TYPE } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import WeightedScore from './weighted-score'
 
 type Props = {
   datasetConfigs: DatasetConfigs
@@ -185,36 +185,36 @@ const ConfigContent: FC<Props> = ({
 
   return (
     <div>
-      <div className='system-xl-semibold text-text-primary'>{t('dataset.retrievalSettings')}</div>
-      <div className='system-xs-regular text-text-tertiary'>
+      <div className="system-xl-semibold text-text-primary">{t('dataset.retrievalSettings')}</div>
+      <div className="system-xs-regular text-text-tertiary">
         {t('dataset.defaultRetrievalTip')}
       </div>
       {type === RETRIEVE_TYPE.multiWay && (
         <>
-          <div className='my-2 flex h-6 items-center py-1'>
-            <div className='system-xs-semibold-uppercase mr-2 shrink-0 text-text-secondary'>
+          <div className="my-2 flex h-6 items-center py-1">
+            <div className="system-xs-semibold-uppercase mr-2 shrink-0 text-text-secondary">
               {t('dataset.rerankSettings')}
             </div>
-            <Divider bgStyle='gradient' className='mx-0 !h-px' />
+            <Divider bgStyle="gradient" className="mx-0 !h-px" />
           </div>
           {
             selectedDatasetsMode.inconsistentEmbeddingModel
             && (
-              <div className='system-xs-medium mt-4 text-text-warning'>
+              <div className="system-xs-medium mt-4 text-text-warning">
                 {t('dataset.inconsistentEmbeddingModelTip')}
               </div>
             )
           }
           {
             selectedDatasetsMode.mixtureInternalAndExternal && (
-              <div className='system-xs-medium mt-4 text-text-warning'>
+              <div className="system-xs-medium mt-4 text-text-warning">
                 {t('dataset.mixtureInternalAndExternalTip')}
               </div>
             )
           }
           {
             selectedDatasetsMode.allExternal && (
-              <div className='system-xs-medium mt-4 text-text-warning'>
+              <div className="system-xs-medium mt-4 text-text-warning">
                 {t('dataset.allExternalTip')}
               </div>
             )
@@ -222,14 +222,14 @@ const ConfigContent: FC<Props> = ({
           {
             selectedDatasetsMode.mixtureHighQualityAndEconomic
             && (
-              <div className='system-xs-medium mt-4 text-text-warning'>
+              <div className="system-xs-medium mt-4 text-text-warning">
                 {t('dataset.mixtureHighQualityAndEconomicTip')}
               </div>
             )
           }
           {
             showWeightedScore && (
-              <div className='flex items-center justify-between'>
+              <div className="flex items-center justify-between">
                 {
                   rerankingModeOptions.map(option => (
                     <div
@@ -240,15 +240,15 @@ const ConfigContent: FC<Props> = ({
                       )}
                       onClick={() => handleRerankModeChange(option.value)}
                     >
-                      <div className='truncate'>{option.label}</div>
+                      <div className="truncate">{option.label}</div>
                       <Tooltip
-                        popupContent={
-                          <div className='w-[200px]'>
+                        popupContent={(
+                          <div className="w-[200px]">
                             {option.tips}
                           </div>
-                        }
-                        popupClassName='ml-0.5'
-                        triggerClassName='ml-0.5 w-3.5 h-3.5'
+                        )}
+                        popupClassName="ml-0.5"
+                        triggerClassName="ml-0.5 w-3.5 h-3.5"
                       />
                     </div>
                   ))
@@ -258,26 +258,26 @@ const ConfigContent: FC<Props> = ({
           }
           {
             !showWeightedScorePanel && (
-              <div className='mt-2'>
-                <div className='flex items-center'>
+              <div className="mt-2">
+                <div className="flex items-center">
                   {
                     canManuallyToggleRerank && (
                       <Switch
-                        size='md'
+                        size="md"
                         defaultValue={showRerankModel}
                         onChange={handleManuallyToggleRerank}
                       />
                     )
                   }
-                  <div className='system-sm-semibold ml-1 leading-[32px] text-text-secondary'>{t('common.modelProvider.rerankModel.key')}</div>
+                  <div className="system-sm-semibold ml-1 leading-[32px] text-text-secondary">{t('common.modelProvider.rerankModel.key')}</div>
                   <Tooltip
-                    popupContent={
+                    popupContent={(
                       <div className="w-[200px]">
                         {t('common.modelProvider.rerankModel.tip')}
                       </div>
-                    }
-                    popupClassName='ml-1'
-                    triggerClassName='ml-1 w-4 h-4'
+                    )}
+                    popupClassName="ml-1"
+                    triggerClassName="ml-1 w-4 h-4"
                   />
                 </div>
                 {
@@ -297,14 +297,15 @@ const ConfigContent: FC<Props> = ({
                         modelList={rerankModelList}
                       />
                     </div>
-                  )}
+                  )
+                }
               </div>
             )
           }
           {
             showWeightedScorePanel
             && (
-              <div className='mt-2 space-y-4'>
+              <div className="mt-2 space-y-4">
                 <WeightedScore
                   value={{
                     value: [
@@ -332,7 +333,7 @@ const ConfigContent: FC<Props> = ({
           {
             !showWeightedScorePanel
             && (
-              <div className='mt-4 space-y-4'>
+              <div className="mt-4 space-y-4">
                 <TopKItem
                   value={datasetConfigs.top_k}
                   onChange={handleParamChange}
@@ -356,17 +357,17 @@ const ConfigContent: FC<Props> = ({
       )}
 
       {isInWorkflow && type === RETRIEVE_TYPE.oneWay && (
-        <div className='mt-4'>
-          <div className='flex items-center space-x-0.5'>
-            <div className='text-[13px] font-medium leading-[32px] text-text-primary'>{t('common.modelProvider.systemReasoningModel.key')}</div>
+        <div className="mt-4">
+          <div className="flex items-center space-x-0.5">
+            <div className="text-[13px] font-medium leading-[32px] text-text-primary">{t('common.modelProvider.systemReasoningModel.key')}</div>
             <Tooltip
               popupContent={t('common.modelProvider.systemReasoningModel.tip')}
             />
           </div>
           <ModelParameterModal
             isInWorkflow={isInWorkflow}
-            popupClassName='!w-[387px]'
-            portalToFollowElemContentClassName='!z-[1002]'
+            popupClassName="!w-[387px]"
+            portalToFollowElemContentClassName="!z-[1002]"
             isAdvancedMode={true}
             provider={model?.provider}
             completionParams={model?.completion_params}
@@ -377,9 +378,8 @@ const ConfigContent: FC<Props> = ({
             debugWithMultipleModel={false}
           />
         </div>
-      )
-      }
-    </div >
+      )}
+    </div>
   )
 }
 export default memo(ConfigContent)
diff --git a/web/app/components/app/configuration/dataset-config/params-config/index.spec.tsx b/web/app/components/app/configuration/dataset-config/params-config/index.spec.tsx
index cd4d3c6006..138cedfbe9 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/index.spec.tsx
@@ -1,37 +1,37 @@
-import type { MockInstance, MockedFunction } from 'vitest'
-import * as React from 'react'
+import type { MockedFunction, MockInstance } from 'vitest'
+import type { DatasetConfigs } from '@/models/debug'
 import { render, screen, waitFor, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import ParamsConfig from './index'
-import ConfigContext from '@/context/debug-configuration'
-import type { DatasetConfigs } from '@/models/debug'
-import { RerankingModeEnum } from '@/models/datasets'
-import { RETRIEVE_TYPE } from '@/types/app'
+import * as React from 'react'
 import Toast from '@/app/components/base/toast'
 import {
   useCurrentProviderAndModel,
   useModelListAndDefaultModelAndCurrentProviderAndModel,
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ConfigContext from '@/context/debug-configuration'
+import { RerankingModeEnum } from '@/models/datasets'
+import { RETRIEVE_TYPE } from '@/types/app'
+import ParamsConfig from './index'
 
 vi.mock('@headlessui/react', () => ({
-  Dialog: ({ children, className }: { children: React.ReactNode; className?: string }) => (
+  Dialog: ({ children, className }: { children: React.ReactNode, className?: string }) => (
     <div role="dialog" className={className}>
       {children}
     </div>
   ),
-  DialogPanel: ({ children, className, ...props }: { children: React.ReactNode; className?: string }) => (
+  DialogPanel: ({ children, className, ...props }: { children: React.ReactNode, className?: string }) => (
     <div className={className} {...props}>
       {children}
     </div>
   ),
-  DialogTitle: ({ children, className, ...props }: { children: React.ReactNode; className?: string }) => (
+  DialogTitle: ({ children, className, ...props }: { children: React.ReactNode, className?: string }) => (
     <div className={className} {...props}>
       {children}
     </div>
   ),
-  Transition: ({ show, children }: { show: boolean; children: React.ReactNode }) => (show ? <>{children}</> : null),
+  Transition: ({ show, children }: { show: boolean, children: React.ReactNode }) => (show ? <>{children}</> : null),
   TransitionChild: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-  Switch: ({ checked, onChange, children, ...props }: { checked: boolean; onChange?: (value: boolean) => void; children?: React.ReactNode }) => (
+  Switch: ({ checked, onChange, children, ...props }: { checked: boolean, onChange?: (value: boolean) => void, children?: React.ReactNode }) => (
     <button
       type="button"
       role="switch"
@@ -51,8 +51,8 @@ vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', ()
 
 vi.mock('@/app/components/header/account-setting/model-provider-page/model-selector', () => {
   type Props = {
-    defaultModel?: { provider: string; model: string }
-    onSelect?: (model: { provider: string; model: string }) => void
+    defaultModel?: { provider: string, model: string }
+    onSelect?: (model: { provider: string, model: string }) => void
   }
 
   const MockModelSelector = ({ defaultModel, onSelect }: Props) => (
diff --git a/web/app/components/app/configuration/dataset-config/params-config/index.tsx b/web/app/components/app/configuration/dataset-config/params-config/index.tsx
index 24da958217..b98c3e79c3 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/index.tsx
@@ -1,23 +1,23 @@
 'use client'
+import type { DataSet } from '@/models/datasets'
+import type { DatasetConfigs } from '@/models/debug'
+import { RiEqualizer2Line } from '@remixicon/react'
 import { memo, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { RiEqualizer2Line } from '@remixicon/react'
-import ConfigContent from './config-content'
-import { cn } from '@/utils/classnames'
-import ConfigContext from '@/context/debug-configuration'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
-import { RETRIEVE_TYPE } from '@/types/app'
+import Modal from '@/app/components/base/modal'
 import Toast from '@/app/components/base/toast'
-import { useCurrentProviderAndModel, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { RerankingModeEnum } from '@/models/datasets'
-import type { DataSet } from '@/models/datasets'
-import type { DatasetConfigs } from '@/models/debug'
+import { useCurrentProviderAndModel, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import {
   getMultipleRetrievalConfig,
 } from '@/app/components/workflow/nodes/knowledge-retrieval/utils'
+import ConfigContext from '@/context/debug-configuration'
+import { RerankingModeEnum } from '@/models/datasets'
+import { RETRIEVE_TYPE } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import ConfigContent from './config-content'
 
 type ParamsConfigProps = {
   disabled?: boolean
@@ -62,8 +62,9 @@ const ParamsConfig = ({
       if (tempDataSetConfigs.reranking_enable
         && tempDataSetConfigs.reranking_mode === RerankingModeEnum.RerankingModel
         && !isCurrentRerankModelValid
-      )
+      ) {
         errMsg = t('appDebug.datasetConfig.rerankModelRequired')
+      }
     }
     if (errMsg) {
       Toast.notify({
@@ -113,15 +114,15 @@ const ParamsConfig = ({
   return (
     <div>
       <Button
-        variant='ghost'
-        size='small'
+        variant="ghost"
+        size="small"
         className={cn('h-7', rerankSettingModalOpen && 'bg-components-button-ghost-bg-hover')}
         onClick={() => {
           setRerankSettingModalOpen(true)
         }}
         disabled={disabled}
       >
-        <RiEqualizer2Line className='mr-1 h-3.5 w-3.5' />
+        <RiEqualizer2Line className="mr-1 h-3.5 w-3.5" />
         {t('dataset.retrievalSettings')}
       </Button>
       {
@@ -131,7 +132,7 @@ const ParamsConfig = ({
             onClose={() => {
               setRerankSettingModalOpen(false)
             }}
-            className='sm:min-w-[528px]'
+            className="sm:min-w-[528px]"
           >
             <ConfigContent
               datasetConfigs={tempDataSetConfigs}
@@ -139,12 +140,17 @@ const ParamsConfig = ({
               selectedDatasets={selectedDatasets}
             />
 
-            <div className='mt-6 flex justify-end'>
-              <Button className='mr-2 shrink-0' onClick={() => {
-                setTempDataSetConfigs(datasetConfigs)
-                setRerankSettingModalOpen(false)
-              }}>{t('common.operation.cancel')}</Button>
-              <Button variant='primary' className='shrink-0' onClick={handleSave} >{t('common.operation.save')}</Button>
+            <div className="mt-6 flex justify-end">
+              <Button
+                className="mr-2 shrink-0"
+                onClick={() => {
+                  setTempDataSetConfigs(datasetConfigs)
+                  setRerankSettingModalOpen(false)
+                }}
+              >
+                {t('common.operation.cancel')}
+              </Button>
+              <Button variant="primary" className="shrink-0" onClick={handleSave}>{t('common.operation.save')}</Button>
             </div>
           </Modal>
         )
diff --git a/web/app/components/app/configuration/dataset-config/params-config/weighted-score.tsx b/web/app/components/app/configuration/dataset-config/params-config/weighted-score.tsx
index 459623104d..77f3ac0eb8 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/weighted-score.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/weighted-score.tsx
@@ -1,9 +1,9 @@
+import { noop } from 'lodash-es'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import './weighted-score.css'
 import Slider from '@/app/components/base/slider'
 import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
+import './weighted-score.css'
 
 const formatNumber = (value: number) => {
   if (value > 0 && value < 1)
@@ -32,7 +32,7 @@ const WeightedScore = ({
 
   return (
     <div>
-      <div className='space-x-3 rounded-lg border border-components-panel-border px-3 pb-2 pt-5'>
+      <div className="space-x-3 rounded-lg border border-components-panel-border px-3 pb-2 pt-5">
         <Slider
           className={cn('h-0.5 grow rounded-full !bg-util-colors-teal-teal-500')}
           max={1.0}
@@ -40,19 +40,19 @@ const WeightedScore = ({
           step={0.1}
           value={value.value[0]}
           onChange={v => !readonly && onChange({ value: [v, (10 - v * 10) / 10] })}
-          trackClassName='weightedScoreSliderTrack'
+          trackClassName="weightedScoreSliderTrack"
           disabled={readonly}
         />
-        <div className='mt-3 flex justify-between'>
-          <div className='system-xs-semibold-uppercase flex w-[90px] shrink-0 items-center text-util-colors-blue-light-blue-light-500'>
-            <div className='mr-1 truncate uppercase' title={t('dataset.weightedScore.semantic') || ''}>
+        <div className="mt-3 flex justify-between">
+          <div className="system-xs-semibold-uppercase flex w-[90px] shrink-0 items-center text-util-colors-blue-light-blue-light-500">
+            <div className="mr-1 truncate uppercase" title={t('dataset.weightedScore.semantic') || ''}>
               {t('dataset.weightedScore.semantic')}
             </div>
             {formatNumber(value.value[0])}
           </div>
-          <div className='system-xs-semibold-uppercase flex w-[90px] shrink-0 items-center justify-end text-util-colors-teal-teal-500'>
+          <div className="system-xs-semibold-uppercase flex w-[90px] shrink-0 items-center justify-end text-util-colors-teal-teal-500">
             {formatNumber(value.value[1])}
-            <div className='ml-1 truncate uppercase' title={t('dataset.weightedScore.keyword') || ''}>
+            <div className="ml-1 truncate uppercase" title={t('dataset.weightedScore.keyword') || ''}>
               {t('dataset.weightedScore.keyword')}
             </div>
           </div>
diff --git a/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx b/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx
index f02fdcb5d7..4e6bbe4a69 100644
--- a/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useMemo, useRef, useState } from 'react'
-import { useInfiniteScroll } from 'ahooks'
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import Modal from '@/app/components/base/modal'
 import type { DataSet } from '@/models/datasets'
+import { useInfiniteScroll } from 'ahooks'
+import Link from 'next/link'
+import React, { useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
+import Badge from '@/app/components/base/badge'
 import Button from '@/app/components/base/button'
 import Loading from '@/app/components/base/loading'
-import Badge from '@/app/components/base/badge'
-import { useKnowledge } from '@/hooks/use-knowledge'
-import { cn } from '@/utils/classnames'
-import AppIcon from '@/app/components/base/app-icon'
-import { useInfiniteDatasets } from '@/service/knowledge/use-dataset'
+import Modal from '@/app/components/base/modal'
 import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import FeatureIcon from '@/app/components/header/account-setting/model-provider-page/model-selector/feature-icon'
+import { useKnowledge } from '@/hooks/use-knowledge'
+import { useInfiniteDatasets } from '@/service/knowledge/use-dataset'
+import { cn } from '@/utils/classnames'
 
 export type ISelectDataSetProps = {
   isShow: boolean
@@ -114,30 +114,31 @@ const SelectDataSet: FC<ISelectDataSetProps> = ({
     <Modal
       isShow={isShow}
       onClose={onClose}
-      className='w-[400px]'
+      className="w-[400px]"
       title={t('appDebug.feature.dataSet.selectTitle')}
     >
       {(isLoading && datasets.length === 0) && (
-        <div className='flex h-[200px]'>
-          <Loading type='area' />
+        <div className="flex h-[200px]">
+          <Loading type="area" />
         </div>
       )}
 
       {hasNoData && (
-        <div className='mt-6 flex h-[128px] items-center justify-center space-x-1  rounded-lg border text-[13px]'
+        <div
+          className="mt-6 flex h-[128px] items-center justify-center space-x-1  rounded-lg border text-[13px]"
           style={{
             background: 'rgba(0, 0, 0, 0.02)',
             borderColor: 'rgba(0, 0, 0, 0.02',
           }}
         >
-          <span className='text-text-tertiary'>{t('appDebug.feature.dataSet.noDataSet')}</span>
-          <Link href='/datasets/create' className='font-normal text-text-accent'>{t('appDebug.feature.dataSet.toCreate')}</Link>
+          <span className="text-text-tertiary">{t('appDebug.feature.dataSet.noDataSet')}</span>
+          <Link href="/datasets/create" className="font-normal text-text-accent">{t('appDebug.feature.dataSet.toCreate')}</Link>
         </div>
       )}
 
       {datasets.length > 0 && (
         <>
-          <div ref={listRef} className='mt-7 max-h-[286px] space-y-1 overflow-y-auto'>
+          <div ref={listRef} className="mt-7 max-h-[286px] space-y-1 overflow-y-auto">
             {datasets.map(item => (
               <div
                 key={item.id}
@@ -152,10 +153,10 @@ const SelectDataSet: FC<ISelectDataSetProps> = ({
                   toggleSelect(item)
                 }}
               >
-                <div className='mr-1 flex grow items-center overflow-hidden'>
+                <div className="mr-1 flex grow items-center overflow-hidden">
                   <div className={cn('mr-2', !item.embedding_available && 'opacity-30')}>
                     <AppIcon
-                      size='tiny'
+                      size="tiny"
                       iconType={item.icon_info.icon_type}
                       icon={item.icon_info.icon}
                       background={item.icon_info.icon_type === 'image' ? undefined : item.icon_info.icon_background}
@@ -164,25 +165,25 @@ const SelectDataSet: FC<ISelectDataSetProps> = ({
                   </div>
                   <div className={cn('max-w-[200px] truncate text-[13px] font-medium text-text-secondary', !item.embedding_available && '!max-w-[120px] opacity-30')}>{item.name}</div>
                   {!item.embedding_available && (
-                    <span className='ml-1 shrink-0 rounded-md border border-divider-deep px-1 text-xs font-normal leading-[18px] text-text-tertiary'>{t('dataset.unavailable')}</span>
+                    <span className="ml-1 shrink-0 rounded-md border border-divider-deep px-1 text-xs font-normal leading-[18px] text-text-tertiary">{t('dataset.unavailable')}</span>
                   )}
                 </div>
                 {item.is_multimodal && (
-                  <div className='mr-1 shrink-0'>
+                  <div className="mr-1 shrink-0">
                     <FeatureIcon feature={ModelFeatureEnum.vision} />
                   </div>
                 )}
                 {
                   item.indexing_technique && (
                     <Badge
-                      className='shrink-0'
+                      className="shrink-0"
                       text={formatIndexingTechniqueAndMethod(item.indexing_technique, item.retrieval_model_dict?.search_method)}
                     />
                   )
                 }
                 {
                   item.provider === 'external' && (
-                    <Badge className='shrink-0' text={t('dataset.externalTag')} />
+                    <Badge className="shrink-0" text={t('dataset.externalTag')} />
                   )
                 }
               </div>
@@ -191,13 +192,13 @@ const SelectDataSet: FC<ISelectDataSetProps> = ({
         </>
       )}
       {!isLoading && (
-        <div className='mt-8 flex items-center justify-between'>
-          <div className='text-sm  font-medium text-text-secondary'>
+        <div className="mt-8 flex items-center justify-between">
+          <div className="text-sm  font-medium text-text-secondary">
             {selected.length > 0 && `${selected.length} ${t('appDebug.feature.dataSet.selected')}`}
           </div>
-          <div className='flex space-x-2'>
+          <div className="flex space-x-2">
             <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
-            <Button variant='primary' onClick={handleSelect} disabled={hasNoData}>{t('common.operation.add')}</Button>
+            <Button variant="primary" onClick={handleSelect} disabled={hasNoData}>{t('common.operation.add')}</Button>
           </div>
         </div>
       )}
diff --git a/web/app/components/app/configuration/dataset-config/settings-modal/index.spec.tsx b/web/app/components/app/configuration/dataset-config/settings-modal/index.spec.tsx
index f35b1b7def..7238d11535 100644
--- a/web/app/components/app/configuration/dataset-config/settings-modal/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/settings-modal/index.spec.tsx
@@ -1,16 +1,17 @@
 import type { MockedFunction } from 'vitest'
+import type { DataSet } from '@/models/datasets'
+import type { RetrievalConfig } from '@/types/app'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import SettingsModal from './index'
 import { ToastContext } from '@/app/components/base/toast'
-import type { DataSet } from '@/models/datasets'
-import { ChunkingMode, DataSourceType, DatasetPermission, RerankingModeEnum } from '@/models/datasets'
 import { IndexingType } from '@/app/components/datasets/create/step-two'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { ChunkingMode, DatasetPermission, DataSourceType, RerankingModeEnum } from '@/models/datasets'
 import { updateDatasetSetting } from '@/service/datasets'
 import { useMembers } from '@/service/use-common'
-import { RETRIEVE_METHOD, type RetrievalConfig } from '@/types/app'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { RETRIEVE_METHOD } from '@/types/app'
+import SettingsModal from './index'
 
 const mockNotify = vi.fn()
 const mockOnCancel = vi.fn()
@@ -51,7 +52,7 @@ vi.mock('@/service/use-common', async () => ({
 
 vi.mock('@/context/app-context', () => ({
   useAppContext: () => ({ isCurrentWorkspaceDatasetOperator: mockIsWorkspaceDatasetOperator }),
-  useSelector: <T,>(selector: (value: { userProfile: { id: string; name: string; email: string; avatar_url: string } }) => T) => selector({
+  useSelector: <T,>(selector: (value: { userProfile: { id: string, name: string, email: string, avatar_url: string } }) => T) => selector({
     userProfile: {
       id: 'user-1',
       name: 'User One',
@@ -95,8 +96,8 @@ vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', ()
 
 vi.mock('@/app/components/header/account-setting/model-provider-page/model-selector', () => ({
   __esModule: true,
-  default: ({ defaultModel }: { defaultModel?: { provider: string; model: string } }) => (
-    <div data-testid='model-selector'>
+  default: ({ defaultModel }: { defaultModel?: { provider: string, model: string } }) => (
+    <div data-testid="model-selector">
       {defaultModel ? `${defaultModel.provider}/${defaultModel.model}` : 'no-model'}
     </div>
   ),
diff --git a/web/app/components/app/configuration/dataset-config/settings-modal/index.tsx b/web/app/components/app/configuration/dataset-config/settings-modal/index.tsx
index c191ff5d46..1454ab0c62 100644
--- a/web/app/components/app/configuration/dataset-config/settings-modal/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/settings-modal/index.tsx
@@ -1,30 +1,31 @@
 import type { FC } from 'react'
+import type { Member } from '@/models/common'
+import type { DataSet } from '@/models/datasets'
+import type { RetrievalConfig } from '@/types/app'
+import { RiCloseLine } from '@remixicon/react'
+import { isEqual } from 'lodash-es'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { isEqual } from 'lodash-es'
-import { RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import IndexMethod from '@/app/components/datasets/settings/index-method'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
-import { type DataSet, DatasetPermission } from '@/models/datasets'
 import { useToastContext } from '@/app/components/base/toast'
-import { updateDatasetSetting } from '@/service/datasets'
-import { useAppContext } from '@/context/app-context'
-import { useModalContext } from '@/context/modal-context'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import type { RetrievalConfig } from '@/types/app'
 import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
-import PermissionSelector from '@/app/components/datasets/settings/permission-selector'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Member } from '@/models/common'
 import { IndexingType } from '@/app/components/datasets/create/step-two'
-import { useDocLink } from '@/context/i18n'
-import { useMembers } from '@/service/use-common'
+import IndexMethod from '@/app/components/datasets/settings/index-method'
+import PermissionSelector from '@/app/components/datasets/settings/permission-selector'
 import { checkShowMultiModalTip } from '@/app/components/datasets/settings/utils'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
+import { useAppContext } from '@/context/app-context'
+import { useDocLink } from '@/context/i18n'
+import { useModalContext } from '@/context/modal-context'
+import { DatasetPermission } from '@/models/datasets'
+import { updateDatasetSetting } from '@/service/datasets'
+import { useMembers } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
 import { RetrievalChangeTip, RetrievalSection } from './retrieval-section'
 
 type SettingsModalProps = {
@@ -74,7 +75,7 @@ const SettingsModal: FC<SettingsModalProps> = ({
   const [isHideChangedTip, setIsHideChangedTip] = useState(false)
   const isRetrievalChanged = !isEqual(retrievalConfig, localeCurrentDataset?.retrieval_model_dict) || indexMethod !== localeCurrentDataset?.indexing_technique
 
-  const handleSettingsChange = (data: { top_k?: number; score_threshold?: number; score_threshold_enabled?: boolean }) => {
+  const handleSettingsChange = (data: { top_k?: number, score_threshold?: number, score_threshold_enabled?: boolean }) => {
     if (data.top_k !== undefined)
       setTopK(data.top_k)
     if (data.score_threshold !== undefined)
@@ -186,56 +187,56 @@ const SettingsModal: FC<SettingsModalProps> = ({
 
   return (
     <div
-      className='flex w-full flex-col overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'
+      className="flex w-full flex-col overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl"
       style={{
         height: 'calc(100vh - 72px)',
       }}
       ref={ref}
     >
-      <div className='flex h-14 shrink-0 items-center justify-between border-b border-divider-regular pl-6 pr-5'>
-        <div className='flex flex-col text-base font-semibold text-text-primary'>
-          <div className='leading-6'>{t('datasetSettings.title')}</div>
+      <div className="flex h-14 shrink-0 items-center justify-between border-b border-divider-regular pl-6 pr-5">
+        <div className="flex flex-col text-base font-semibold text-text-primary">
+          <div className="leading-6">{t('datasetSettings.title')}</div>
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <div
             onClick={onCancel}
-            className='flex h-6 w-6 cursor-pointer items-center justify-center'
+            className="flex h-6 w-6 cursor-pointer items-center justify-center"
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
       {/* Body */}
-      <div className='overflow-y-auto border-b border-divider-regular p-6 pb-[68px] pt-5'>
+      <div className="overflow-y-auto border-b border-divider-regular p-6 pb-[68px] pt-5">
         <div className={cn(rowClass, 'items-center')}>
           <div className={labelClass}>
-            <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.name')}</div>
+            <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.name')}</div>
           </div>
           <Input
             value={localeCurrentDataset.name}
             onChange={e => handleValueChange('name', e.target.value)}
-            className='block h-9'
+            className="block h-9"
             placeholder={t('datasetSettings.form.namePlaceholder') || ''}
           />
         </div>
         <div className={cn(rowClass)}>
           <div className={labelClass}>
-            <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.desc')}</div>
+            <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.desc')}</div>
           </div>
-          <div className='w-full'>
+          <div className="w-full">
             <Textarea
               value={localeCurrentDataset.description || ''}
               onChange={e => handleValueChange('description', e.target.value)}
-              className='resize-none'
+              className="resize-none"
               placeholder={t('datasetSettings.form.descPlaceholder') || ''}
             />
           </div>
         </div>
         <div className={rowClass}>
           <div className={labelClass}>
-            <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.permissions')}</div>
+            <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.permissions')}</div>
           </div>
-          <div className='w-full'>
+          <div className="w-full">
             <PermissionSelector
               disabled={!localeCurrentDataset?.embedding_available || isCurrentWorkspaceDatasetOperator}
               permission={localeCurrentDataset.permission}
@@ -249,9 +250,9 @@ const SettingsModal: FC<SettingsModalProps> = ({
         {currentDataset && currentDataset.indexing_technique && (
           <div className={cn(rowClass)}>
             <div className={labelClass}>
-              <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.indexMethod')}</div>
+              <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.indexMethod')}</div>
             </div>
-            <div className='grow'>
+            <div className="grow">
               <IndexMethod
                 disabled={!localeCurrentDataset?.embedding_available}
                 value={indexMethod}
@@ -266,10 +267,10 @@ const SettingsModal: FC<SettingsModalProps> = ({
         {indexMethod === IndexingType.QUALIFIED && (
           <div className={cn(rowClass)}>
             <div className={labelClass}>
-              <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.embeddingModel')}</div>
+              <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.embeddingModel')}</div>
             </div>
-            <div className='w-full'>
-              <div className='h-8 w-full rounded-lg bg-components-input-bg-normal opacity-60'>
+            <div className="w-full">
+              <div className="h-8 w-full rounded-lg bg-components-input-bg-normal opacity-60">
                 <ModelSelector
                   readonly
                   defaultModel={{
@@ -279,40 +280,42 @@ const SettingsModal: FC<SettingsModalProps> = ({
                   modelList={embeddingModelList}
                 />
               </div>
-              <div className='mt-2 w-full text-xs leading-6 text-text-tertiary'>
+              <div className="mt-2 w-full text-xs leading-6 text-text-tertiary">
                 {t('datasetSettings.form.embeddingModelTip')}
-                <span className='cursor-pointer text-text-accent' onClick={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })}>{t('datasetSettings.form.embeddingModelTipLink')}</span>
+                <span className="cursor-pointer text-text-accent" onClick={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })}>{t('datasetSettings.form.embeddingModelTipLink')}</span>
               </div>
             </div>
           </div>
         )}
 
         {/* Retrieval Method Config */}
-        {isExternal ? (
-          <RetrievalSection
-            isExternal
-            rowClass={rowClass}
-            labelClass={labelClass}
-            t={t}
-            topK={topK}
-            scoreThreshold={scoreThreshold}
-            scoreThresholdEnabled={scoreThresholdEnabled}
-            onExternalSettingChange={handleSettingsChange}
-            currentDataset={currentDataset}
-          />
-        ) : (
-          <RetrievalSection
-            isExternal={false}
-            rowClass={rowClass}
-            labelClass={labelClass}
-            t={t}
-            indexMethod={indexMethod}
-            retrievalConfig={retrievalConfig}
-            showMultiModalTip={showMultiModalTip}
-            onRetrievalConfigChange={setRetrievalConfig}
-            docLink={docLink}
-          />
-        )}
+        {isExternal
+          ? (
+              <RetrievalSection
+                isExternal
+                rowClass={rowClass}
+                labelClass={labelClass}
+                t={t}
+                topK={topK}
+                scoreThreshold={scoreThreshold}
+                scoreThresholdEnabled={scoreThresholdEnabled}
+                onExternalSettingChange={handleSettingsChange}
+                currentDataset={currentDataset}
+              />
+            )
+          : (
+              <RetrievalSection
+                isExternal={false}
+                rowClass={rowClass}
+                labelClass={labelClass}
+                t={t}
+                indexMethod={indexMethod}
+                retrievalConfig={retrievalConfig}
+                showMultiModalTip={showMultiModalTip}
+                onRetrievalConfigChange={setRetrievalConfig}
+                docLink={docLink}
+              />
+            )}
       </div>
       <RetrievalChangeTip
         visible={isRetrievalChanged && !isHideChangedTip}
@@ -321,16 +324,16 @@ const SettingsModal: FC<SettingsModalProps> = ({
       />
 
       <div
-        className='sticky bottom-0 z-[5] flex w-full justify-end border-t border-divider-regular bg-background-section px-6 py-4'
+        className="sticky bottom-0 z-[5] flex w-full justify-end border-t border-divider-regular bg-background-section px-6 py-4"
       >
         <Button
           onClick={onCancel}
-          className='mr-2'
+          className="mr-2"
         >
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
+          variant="primary"
           disabled={loading}
           onClick={handleSave}
         >
diff --git a/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.spec.tsx b/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.spec.tsx
index c8805a713b..1d67ffb468 100644
--- a/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.spec.tsx
@@ -1,10 +1,11 @@
+import type { DataSet } from '@/models/datasets'
+import type { RetrievalConfig } from '@/types/app'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import type { DataSet } from '@/models/datasets'
-import { ChunkingMode, DataSourceType, DatasetPermission, RerankingModeEnum } from '@/models/datasets'
-import { RETRIEVE_METHOD, type RetrievalConfig } from '@/types/app'
 import { IndexingType } from '@/app/components/datasets/create/step-two'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { ChunkingMode, DatasetPermission, DataSourceType, RerankingModeEnum } from '@/models/datasets'
+import { RETRIEVE_METHOD } from '@/types/app'
 import { RetrievalChangeTip, RetrievalSection } from './retrieval-section'
 
 const mockUseModelList = vi.fn()
@@ -43,8 +44,8 @@ vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', ()
 
 vi.mock('@/app/components/header/account-setting/model-provider-page/model-selector', () => ({
   __esModule: true,
-  default: ({ defaultModel }: { defaultModel?: { provider: string; model: string } }) => (
-    <div data-testid='model-selector'>
+  default: ({ defaultModel }: { defaultModel?: { provider: string, model: string } }) => (
+    <div data-testid="model-selector">
       {defaultModel ? `${defaultModel.provider}/${defaultModel.model}` : 'no-model'}
     </div>
   ),
diff --git a/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.tsx b/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.tsx
index 99d042f681..bbc8ca857b 100644
--- a/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.tsx
+++ b/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.tsx
@@ -1,15 +1,15 @@
-import { RiCloseLine } from '@remixicon/react'
 import type { FC } from 'react'
-import { cn } from '@/utils/classnames'
-import Divider from '@/app/components/base/divider'
-import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
-import RetrievalSettings from '@/app/components/datasets/external-knowledge-base/create/RetrievalSettings'
 import type { DataSet } from '@/models/datasets'
-import { IndexingType } from '@/app/components/datasets/create/step-two'
 import type { RetrievalConfig } from '@/types/app'
-import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
+import { RiCloseLine } from '@remixicon/react'
+import Divider from '@/app/components/base/divider'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
 import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
+import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
+import { IndexingType } from '@/app/components/datasets/create/step-two'
+import RetrievalSettings from '@/app/components/datasets/external-knowledge-base/create/RetrievalSettings'
+import { cn } from '@/utils/classnames'
 
 type CommonSectionProps = {
   rowClass: string
@@ -21,7 +21,7 @@ type ExternalRetrievalSectionProps = CommonSectionProps & {
   topK: number
   scoreThreshold: number
   scoreThresholdEnabled: boolean
-  onExternalSettingChange: (data: { top_k?: number; score_threshold?: number; score_threshold_enabled?: boolean }) => void
+  onExternalSettingChange: (data: { top_k?: number, score_threshold?: number, score_threshold_enabled?: boolean }) => void
   currentDataset: DataSet
 }
 
@@ -39,7 +39,7 @@ const ExternalRetrievalSection: FC<ExternalRetrievalSectionProps> = ({
     <div className={rowClass}><Divider /></div>
     <div className={rowClass}>
       <div className={labelClass}>
-        <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.retrievalSetting.title')}</div>
+        <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.retrievalSetting.title')}</div>
       </div>
       <RetrievalSettings
         topK={topK}
@@ -52,26 +52,26 @@ const ExternalRetrievalSection: FC<ExternalRetrievalSectionProps> = ({
     <div className={rowClass}><Divider /></div>
     <div className={rowClass}>
       <div className={labelClass}>
-        <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.externalKnowledgeAPI')}</div>
+        <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.externalKnowledgeAPI')}</div>
       </div>
-      <div className='w-full max-w-[480px]'>
-        <div className='flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2'>
-          <ApiConnectionMod className='h-4 w-4 text-text-secondary' />
-          <div className='system-sm-medium overflow-hidden text-ellipsis text-text-secondary'>
+      <div className="w-full max-w-[480px]">
+        <div className="flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2">
+          <ApiConnectionMod className="h-4 w-4 text-text-secondary" />
+          <div className="system-sm-medium overflow-hidden text-ellipsis text-text-secondary">
             {currentDataset?.external_knowledge_info.external_knowledge_api_name}
           </div>
-          <div className='system-xs-regular text-text-tertiary'>·</div>
-          <div className='system-xs-regular text-text-tertiary'>{currentDataset?.external_knowledge_info.external_knowledge_api_endpoint}</div>
+          <div className="system-xs-regular text-text-tertiary">·</div>
+          <div className="system-xs-regular text-text-tertiary">{currentDataset?.external_knowledge_info.external_knowledge_api_endpoint}</div>
         </div>
       </div>
     </div>
     <div className={rowClass}>
       <div className={labelClass}>
-        <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.externalKnowledgeID')}</div>
+        <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.externalKnowledgeID')}</div>
       </div>
-      <div className='w-full max-w-[480px]'>
-        <div className='flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2'>
-          <div className='system-xs-regular text-text-tertiary'>{currentDataset?.external_knowledge_info.external_knowledge_id}</div>
+      <div className="w-full max-w-[480px]">
+        <div className="flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2">
+          <div className="system-xs-regular text-text-tertiary">{currentDataset?.external_knowledge_info.external_knowledge_id}</div>
         </div>
       </div>
     </div>
@@ -100,9 +100,9 @@ const InternalRetrievalSection: FC<InternalRetrievalSectionProps> = ({
   <div className={rowClass}>
     <div className={cn(labelClass, 'w-auto min-w-[168px]')}>
       <div>
-        <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.retrievalSetting.title')}</div>
-        <div className='text-xs font-normal leading-[18px] text-text-tertiary'>
-          <a target='_blank' rel='noopener noreferrer' href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#setting-the-retrieval-setting')} className='text-text-accent'>{t('datasetSettings.form.retrievalSetting.learnMore')}</a>
+        <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.retrievalSetting.title')}</div>
+        <div className="text-xs font-normal leading-[18px] text-text-tertiary">
+          <a target="_blank" rel="noopener noreferrer" href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#setting-the-retrieval-setting')} className="text-text-accent">{t('datasetSettings.form.retrievalSetting.learnMore')}</a>
           {t('datasetSettings.form.retrievalSetting.description')}
         </div>
       </div>
@@ -110,25 +110,25 @@ const InternalRetrievalSection: FC<InternalRetrievalSectionProps> = ({
     <div>
       {indexMethod === IndexingType.QUALIFIED
         ? (
-          <RetrievalMethodConfig
-            value={retrievalConfig}
-            onChange={onRetrievalConfigChange}
-            showMultiModalTip={showMultiModalTip}
-          />
-        )
+            <RetrievalMethodConfig
+              value={retrievalConfig}
+              onChange={onRetrievalConfigChange}
+              showMultiModalTip={showMultiModalTip}
+            />
+          )
         : (
-          <EconomicalRetrievalMethodConfig
-            value={retrievalConfig}
-            onChange={onRetrievalConfigChange}
-          />
-        )}
+            <EconomicalRetrievalMethodConfig
+              value={retrievalConfig}
+              onChange={onRetrievalConfigChange}
+            />
+          )}
     </div>
   </div>
 )
 
 type RetrievalSectionProps
   = | (ExternalRetrievalSectionProps & { isExternal: true })
-  | (InternalRetrievalSectionProps & { isExternal: false })
+    | (InternalRetrievalSectionProps & { isExternal: false })
 
 export const RetrievalSection: FC<RetrievalSectionProps> = (props) => {
   if (props.isExternal) {
@@ -197,21 +197,21 @@ export const RetrievalChangeTip: FC<RetrievalChangeTipProps> = ({
     return null
 
   return (
-    <div className='absolute bottom-[76px] left-[30px] right-[30px] z-10 flex h-10 items-center justify-between rounded-lg border border-[#FEF0C7] bg-[#FFFAEB] px-3 shadow-lg'>
-      <div className='flex items-center'>
-        <AlertTriangle className='mr-1 h-3 w-3 text-[#F79009]' />
-        <div className='text-xs font-medium leading-[18px] text-gray-700'>{message}</div>
+    <div className="absolute bottom-[76px] left-[30px] right-[30px] z-10 flex h-10 items-center justify-between rounded-lg border border-[#FEF0C7] bg-[#FFFAEB] px-3 shadow-lg">
+      <div className="flex items-center">
+        <AlertTriangle className="mr-1 h-3 w-3 text-[#F79009]" />
+        <div className="text-xs font-medium leading-[18px] text-gray-700">{message}</div>
       </div>
       <button
-        type='button'
-        className='cursor-pointer p-1'
+        type="button"
+        className="cursor-pointer p-1"
         onClick={(event) => {
           onDismiss()
           event.stopPropagation()
         }}
-        aria-label='close-retrieval-change-tip'
+        aria-label="close-retrieval-change-tip"
       >
-        <RiCloseLine className='h-4 w-4 text-gray-500' />
+        <RiCloseLine className="h-4 w-4 text-gray-500" />
       </button>
     </div>
   )
diff --git a/web/app/components/app/configuration/debug/chat-user-input.tsx b/web/app/components/app/configuration/debug/chat-user-input.tsx
index c25bed548c..2847f55307 100644
--- a/web/app/components/app/configuration/debug/chat-user-input.tsx
+++ b/web/app/components/app/configuration/debug/chat-user-input.tsx
@@ -1,14 +1,14 @@
+import type { Inputs } from '@/models/debug'
 import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import ConfigContext from '@/context/debug-configuration'
 import Input from '@/app/components/base/input'
 import Select from '@/app/components/base/select'
 import Textarea from '@/app/components/base/textarea'
-import { DEFAULT_VALUE_MAX_LEN } from '@/config'
-import type { Inputs } from '@/models/debug'
-import { cn } from '@/utils/classnames'
 import BoolInput from '@/app/components/workflow/nodes/_base/components/before-run-form/bool-input'
+import { DEFAULT_VALUE_MAX_LEN } from '@/config'
+import ConfigContext from '@/context/debug-configuration'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   inputs: Inputs
@@ -67,20 +67,20 @@ const ChatUserInput = ({
 
   return (
     <div className={cn('z-[1] rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg shadow-xs')}>
-      <div className='px-4 pb-4 pt-3'>
+      <div className="px-4 pb-4 pt-3">
         {promptVariables.map(({ key, name, type, options, max_length, required }, index) => (
           <div
             key={key}
-            className='mb-4 last-of-type:mb-0'
+            className="mb-4 last-of-type:mb-0"
           >
             <div>
               {type !== 'checkbox' && (
-                <div className='system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary'>
-                  <div className='truncate'>{name || key}</div>
-                  {!required && <span className='system-xs-regular text-text-tertiary'>{t('workflow.panel.optional')}</span>}
+                <div className="system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary">
+                  <div className="truncate">{name || key}</div>
+                  {!required && <span className="system-xs-regular text-text-tertiary">{t('workflow.panel.optional')}</span>}
                 </div>
               )}
-              <div className='grow'>
+              <div className="grow">
                 {type === 'string' && (
                   <Input
                     value={inputs[key] ? `${inputs[key]}` : ''}
@@ -92,7 +92,7 @@ const ChatUserInput = ({
                 )}
                 {type === 'paragraph' && (
                   <Textarea
-                    className='h-[120px] grow'
+                    className="h-[120px] grow"
                     placeholder={name}
                     value={inputs[key] ? `${inputs[key]}` : ''}
                     onChange={(e) => { handleInputValueChange(key, e.target.value) }}
@@ -100,7 +100,7 @@ const ChatUserInput = ({
                 )}
                 {type === 'select' && (
                   <Select
-                    className='w-full'
+                    className="w-full"
                     defaultValue={inputs[key] as string}
                     onSelect={(i) => { handleInputValueChange(key, i.value as string) }}
                     items={(options || []).map(i => ({ name: i, value: i }))}
@@ -109,7 +109,7 @@ const ChatUserInput = ({
                 )}
                 {type === 'number' && (
                   <Input
-                    type='number'
+                    type="number"
                     value={inputs[key] ? `${inputs[key]}` : ''}
                     onChange={(e) => { handleInputValueChange(key, e.target.value) }}
                     placeholder={name}
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/chat-item.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/chat-item.tsx
index ad4c06bb00..b7a7e90fca 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/chat-item.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/chat-item.tsx
@@ -1,22 +1,20 @@
 import type { FC } from 'react'
+import type { ModelAndParameter } from '../types'
+import type { InputForm } from '@/app/components/base/chat/chat/type'
+import type { ChatConfig, OnSend } from '@/app/components/base/chat/types'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
-import type { ModelAndParameter } from '../types'
-import {
-  APP_CHAT_WITH_MULTIPLE_MODEL,
-  APP_CHAT_WITH_MULTIPLE_MODEL_RESTART,
-} from '../types'
-import {
-  useConfigFromDebugContext,
-  useFormattingChangedSubscription,
-} from '../hooks'
+import Avatar from '@/app/components/base/avatar'
 import Chat from '@/app/components/base/chat/chat'
 import { useChat } from '@/app/components/base/chat/chat/hooks'
+import { getLastAnswer } from '@/app/components/base/chat/utils'
+import { useFeatures } from '@/app/components/base/features/hooks'
+import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useAppContext } from '@/context/app-context'
 import { useDebugConfigurationContext } from '@/context/debug-configuration'
-import type { ChatConfig, OnSend } from '@/app/components/base/chat/types'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { useProviderContext } from '@/context/provider-context'
 import {
@@ -24,13 +22,15 @@ import {
   fetchSuggestedQuestions,
   stopChatMessageResponding,
 } from '@/service/debug'
-import Avatar from '@/app/components/base/avatar'
-import { useAppContext } from '@/context/app-context'
-import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useFeatures } from '@/app/components/base/features/hooks'
-import type { InputForm } from '@/app/components/base/chat/chat/type'
-import { getLastAnswer } from '@/app/components/base/chat/utils'
 import { canFindTool } from '@/utils'
+import {
+  useConfigFromDebugContext,
+  useFormattingChangedSubscription,
+} from '../hooks'
+import {
+  APP_CHAT_WITH_MULTIPLE_MODEL,
+  APP_CHAT_WITH_MULTIPLE_MODEL_RESTART,
+} from '../types'
 
 type ChatItemProps = {
   modelAndParameter: ModelAndParameter
@@ -144,8 +144,8 @@ const ChatItem: FC<ChatItemProps> = ({
       isResponding={isResponding}
       noChatInput
       noStopResponding
-      chatContainerClassName='p-4'
-      chatFooterClassName='p-4 pb-0'
+      chatContainerClassName="p-4"
+      chatFooterClassName="p-4 pb-0"
       suggestedQuestions={suggestedQuestions}
       onSend={doSend}
       showPromptLog
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/context.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/context.tsx
index 1fcd878c44..9d058186cf 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/context.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/context.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { createContext, useContext } from 'use-context-selector'
 import type { ModelAndParameter } from '../types'
 import { noop } from 'lodash-es'
+import { createContext, useContext } from 'use-context-selector'
 
 export type DebugWithMultipleModelContextType = {
   multipleModelConfigs: ModelAndParameter[]
@@ -34,7 +34,8 @@ export const DebugWithMultipleModelContextProvider = ({
       multipleModelConfigs,
       onDebugWithMultipleModelChange,
       checkCanSend,
-    }}>
+    }}
+    >
       {children}
     </DebugWithMultipleModelContext.Provider>
   )
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/debug-item.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/debug-item.tsx
index 6148e2e808..d4753c46f6 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/debug-item.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/debug-item.tsx
@@ -1,17 +1,17 @@
 import type { CSSProperties, FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { memo } from 'react'
 import type { ModelAndParameter } from '../types'
-import ModelParameterTrigger from './model-parameter-trigger'
-import ChatItem from './chat-item'
-import TextGenerationItem from './text-generation-item'
-import { useDebugWithMultipleModelContext } from './context'
-import { useDebugConfigurationContext } from '@/context/debug-configuration'
-import Dropdown from '@/app/components/base/dropdown'
 import type { Item } from '@/app/components/base/dropdown'
-import { useProviderContext } from '@/context/provider-context'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Dropdown from '@/app/components/base/dropdown'
 import { ModelStatusEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useDebugConfigurationContext } from '@/context/debug-configuration'
+import { useProviderContext } from '@/context/provider-context'
 import { AppModeEnum } from '@/types/app'
+import ChatItem from './chat-item'
+import { useDebugWithMultipleModelContext } from './context'
+import ModelParameterTrigger from './model-parameter-trigger'
+import TextGenerationItem from './text-generation-item'
 
 type DebugItemProps = {
   modelAndParameter: ModelAndParameter
@@ -68,9 +68,10 @@ const DebugItem: FC<DebugItemProps> = ({
       className={`flex min-w-[320px] flex-col rounded-xl bg-background-section-burn ${className}`}
       style={style}
     >
-      <div className='flex h-10 shrink-0 items-center justify-between border-b-[0.5px] border-divider-regular px-3'>
-        <div className='flex h-5 w-6 items-center justify-center font-medium italic text-text-tertiary'>
-          #{index + 1}
+      <div className="flex h-10 shrink-0 items-center justify-between border-b-[0.5px] border-divider-regular px-3">
+        <div className="flex h-5 w-6 items-center justify-center font-medium italic text-text-tertiary">
+          #
+          {index + 1}
         </div>
         <ModelParameterTrigger
           modelAndParameter={modelAndParameter}
@@ -81,32 +82,32 @@ const DebugItem: FC<DebugItemProps> = ({
             ...(
               multipleModelConfigs.length <= 3
                 ? [
-                  {
-                    value: 'duplicate',
-                    text: t('appDebug.duplicateModel'),
-                  },
-                ]
+                    {
+                      value: 'duplicate',
+                      text: t('appDebug.duplicateModel'),
+                    },
+                  ]
                 : []
             ),
             ...(
               (modelAndParameter.provider && modelAndParameter.model)
                 ? [
-                  {
-                    value: 'debug-as-single-model',
-                    text: t('appDebug.debugAsSingleModel'),
-                  },
-                ]
+                    {
+                      value: 'debug-as-single-model',
+                      text: t('appDebug.debugAsSingleModel'),
+                    },
+                  ]
                 : []
             ),
           ]}
           secondItems={
             multipleModelConfigs.length > 2
               ? [
-                {
-                  value: 'remove',
-                  text: t('common.operation.remove') as string,
-                },
-              ]
+                  {
+                    value: 'remove',
+                    text: t('common.operation.remove') as string,
+                  },
+                ]
               : undefined
           }
         />
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx
index b05f33faff..0094c449da 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx
@@ -1,15 +1,16 @@
 import type { CSSProperties } from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
-import DebugWithMultipleModel from './index'
-import type { DebugWithMultipleModelContextType } from './context'
-import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../types'
 import type { ModelAndParameter } from '../types'
-import type { Inputs, ModelConfig } from '@/models/debug'
-import { DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import type { DebugWithMultipleModelContextType } from './context'
+import type { InputForm } from '@/app/components/base/chat/chat/type'
 import type { FeatureStoreState } from '@/app/components/base/features/store'
 import type { FileEntity } from '@/app/components/base/file-uploader/types'
-import type { InputForm } from '@/app/components/base/chat/chat/type'
-import { AppModeEnum, ModelModeType, type PromptVariable, Resolution, TransferMethod } from '@/types/app'
+import type { Inputs, ModelConfig } from '@/models/debug'
+import type { PromptVariable } from '@/types/app'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { AppModeEnum, ModelModeType, Resolution, TransferMethod } from '@/types/app'
+import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../types'
+import DebugWithMultipleModel from './index'
 
 type PromptVariableWithMeta = Omit<PromptVariable, 'type' | 'required'> & {
   type: PromptVariable['type'] | 'api'
@@ -82,12 +83,13 @@ vi.mock('./debug-item', () => ({
     style?: CSSProperties
   }) => (
     <div
-      data-testid='debug-item'
+      data-testid="debug-item"
       data-model-id={modelAndParameter.id}
       className={className}
       style={style}
     >
-      DebugItem-{modelAndParameter.id}
+      DebugItem-
+      {modelAndParameter.id}
     </div>
   ),
 }))
@@ -97,9 +99,9 @@ vi.mock('@/app/components/base/chat/chat/chat-input-area', () => ({
   default: (props: MockChatInputAreaProps) => {
     capturedChatInputProps = props
     return (
-      <div data-testid='chat-input-area'>
-        <button type='button' onClick={() => props.onSend?.('test message', mockFiles)}>send</button>
-        <button type='button' onClick={() => props.onFeatureBarClick?.(true)}>feature</button>
+      <div data-testid="chat-input-area">
+        <button type="button" onClick={() => props.onSend?.('test message', mockFiles)}>send</button>
+        <button type="button" onClick={() => props.onFeatureBarClick?.(true)}>feature</button>
       </div>
     )
   },
@@ -558,9 +560,12 @@ describe('DebugWithMultipleModel', () => {
       expect(singleItem.style.width).toBe('')
 
       // Change to 2 models
-      rerender(<DebugWithMultipleModel {...createProps({
-        multipleModelConfigs: [createModelAndParameter(), createModelAndParameter()],
-      })} />)
+      rerender(
+        <DebugWithMultipleModel {...createProps({
+          multipleModelConfigs: [createModelAndParameter(), createModelAndParameter()],
+        })}
+        />,
+      )
 
       const twoItems = screen.getAllByTestId('debug-item')
       expect(twoItems[0].style.width).toBe('calc(50% - 28px)')
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/index.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/index.tsx
index 6c388f5afa..c73eb54329 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/index.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/index.tsx
@@ -1,24 +1,24 @@
 import type { FC } from 'react'
+import type { DebugWithMultipleModelContextType } from './context'
+import type { InputForm } from '@/app/components/base/chat/chat/type'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import ChatInputArea from '@/app/components/base/chat/chat/chat-input-area'
+import { useFeatures } from '@/app/components/base/features/hooks'
+import { useDebugConfigurationContext } from '@/context/debug-configuration'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { AppModeEnum } from '@/types/app'
 import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../types'
-import DebugItem from './debug-item'
 import {
   DebugWithMultipleModelContextProvider,
   useDebugWithMultipleModelContext,
 } from './context'
-import type { DebugWithMultipleModelContextType } from './context'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import ChatInputArea from '@/app/components/base/chat/chat/chat-input-area'
-import { useDebugConfigurationContext } from '@/context/debug-configuration'
-import { useFeatures } from '@/app/components/base/features/hooks'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
-import type { InputForm } from '@/app/components/base/chat/chat/type'
-import { AppModeEnum } from '@/types/app'
+import DebugItem from './debug-item'
 
 const DebugWithMultipleModel = () => {
   const {
@@ -111,7 +111,7 @@ const DebugWithMultipleModel = () => {
     })) as InputForm[]
 
   return (
-    <div className='flex h-full flex-col'>
+    <div className="flex h-full flex-col">
       <div
         className={`
           relative mb-3 grow overflow-auto px-6
@@ -140,9 +140,9 @@ const DebugWithMultipleModel = () => {
         }
       </div>
       {isChatMode && (
-        <div className='shrink-0 px-6 pb-0'>
+        <div className="shrink-0 px-6 pb-0">
           <ChatInputArea
-            botName='Bot'
+            botName="Bot"
             showFeatureBar
             showFileUpload={false}
             onFeatureBarClick={setShowAppConfigureFeaturesModal}
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/model-parameter-trigger.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/model-parameter-trigger.tsx
index e7c4d98733..d0ee9644a2 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/model-parameter-trigger.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/model-parameter-trigger.tsx
@@ -1,22 +1,23 @@
 import type { FC } from 'react'
+import type { ModelAndParameter } from '../types'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { RiArrowDownSLine } from '@remixicon/react'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import type { ModelAndParameter } from '../types'
-import { useDebugWithMultipleModelContext } from './context'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import ModelIcon from '@/app/components/header/account-setting/model-provider-page/model-icon'
-import ModelName from '@/app/components/header/account-setting/model-provider-page/model-name'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
+import { CubeOutline } from '@/app/components/base/icons/src/vender/line/shapes'
+import Tooltip from '@/app/components/base/tooltip'
 import {
-  type FormValue,
+
   MODEL_STATUS_TEXT,
   ModelStatusEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useDebugConfigurationContext } from '@/context/debug-configuration'
-import { CubeOutline } from '@/app/components/base/icons/src/vender/line/shapes'
-import Tooltip from '@/app/components/base/tooltip'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelIcon from '@/app/components/header/account-setting/model-provider-page/model-icon'
+import ModelName from '@/app/components/header/account-setting/model-provider-page/model-name'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import { useDebugConfigurationContext } from '@/context/debug-configuration'
+import { useDebugWithMultipleModelContext } from './context'
 
 type ModelParameterTriggerProps = {
   modelAndParameter: ModelAndParameter
@@ -36,7 +37,7 @@ const ModelParameterTrigger: FC<ModelParameterTriggerProps> = ({
   const language = useLanguage()
   const index = multipleModelConfigs.findIndex(v => v.id === modelAndParameter.id)
 
-  const handleSelectModel = ({ modelId, provider }: { modelId: string; provider: string }) => {
+  const handleSelectModel = ({ modelId, provider }: { modelId: string, provider: string }) => {
     const newModelConfigs = [...multipleModelConfigs]
     newModelConfigs[index] = {
       ...newModelConfigs[index],
@@ -79,7 +80,7 @@ const ModelParameterTrigger: FC<ModelParameterTriggerProps> = ({
           {
             currentProvider && (
               <ModelIcon
-                className='mr-1 !h-4 !w-4'
+                className="mr-1 !h-4 !w-4"
                 provider={currentProvider}
                 modelName={currentModel?.model}
               />
@@ -87,22 +88,22 @@ const ModelParameterTrigger: FC<ModelParameterTriggerProps> = ({
           }
           {
             !currentProvider && (
-              <div className='mr-1 flex h-4 w-4 items-center justify-center rounded'>
-                <CubeOutline className='h-4 w-4 text-text-accent' />
+              <div className="mr-1 flex h-4 w-4 items-center justify-center rounded">
+                <CubeOutline className="h-4 w-4 text-text-accent" />
               </div>
             )
           }
           {
             currentModel && (
               <ModelName
-                className='mr-0.5 text-text-secondary'
+                className="mr-0.5 text-text-secondary"
                 modelItem={currentModel}
               />
             )
           }
           {
             !currentModel && (
-              <div className='mr-0.5 truncate text-[13px] font-medium text-text-accent'>
+              <div className="mr-0.5 truncate text-[13px] font-medium text-text-accent">
                 {t('common.modelProvider.selectModel')}
               </div>
             )
@@ -111,7 +112,7 @@ const ModelParameterTrigger: FC<ModelParameterTriggerProps> = ({
           {
             currentModel && currentModel.status !== ModelStatusEnum.active && (
               <Tooltip popupContent={MODEL_STATUS_TEXT[currentModel.status][language]}>
-                <AlertTriangle className='h-4 w-4 text-[#F79009]' />
+                <AlertTriangle className="h-4 w-4 text-[#F79009]" />
               </Tooltip>
             )
           }
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.tsx
index 670e5a1467..8dda5b3879 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.tsx
@@ -1,21 +1,21 @@
 import type { FC } from 'react'
-import { memo } from 'react'
 import type { ModelAndParameter } from '../types'
-import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../types'
 import type {
   OnSend,
   TextGenerationConfig,
 } from '@/app/components/base/text-generation/types'
-import { useTextGeneration } from '@/app/components/base/text-generation/hooks'
+import { cloneDeep, noop } from 'lodash-es'
+import { memo } from 'react'
 import TextGeneration from '@/app/components/app/text-generate/item'
-import { useDebugConfigurationContext } from '@/context/debug-configuration'
-import { promptVariablesToUserInputsForm } from '@/utils/model-config'
 import { TransferMethod } from '@/app/components/base/chat/types'
+import { useFeatures } from '@/app/components/base/features/hooks'
+import { useTextGeneration } from '@/app/components/base/text-generation/hooks'
+import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { useDebugConfigurationContext } from '@/context/debug-configuration'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { useProviderContext } from '@/context/provider-context'
-import { useFeatures } from '@/app/components/base/features/hooks'
-import { cloneDeep, noop } from 'lodash-es'
-import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { promptVariablesToUserInputsForm } from '@/utils/model-config'
+import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../types'
 
 type TextGenerationItemProps = {
   modelAndParameter: ModelAndParameter
@@ -129,7 +129,7 @@ const TextGenerationItem: FC<TextGenerationItemProps> = ({
 
   return (
     <TextGeneration
-      className='flex h-full flex-col overflow-y-auto border-none'
+      className="flex h-full flex-col overflow-y-auto border-none"
       content={completion}
       isLoading={!completion && isResponding}
       isResponding={isResponding}
diff --git a/web/app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx b/web/app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx
index bca65387e7..d06e38a5b1 100644
--- a/web/app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx
@@ -1,15 +1,17 @@
-import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { type ReactNode, type RefObject, createRef } from 'react'
-import DebugWithSingleModel from './index'
+import type { ReactNode, RefObject } from 'react'
 import type { DebugWithSingleModelRefType } from './index'
 import type { ChatItem } from '@/app/components/base/chat/types'
-import { ConfigurationMethodEnum, ModelFeatureEnum, ModelStatusEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { Collection } from '@/app/components/tools/types'
 import type { ProviderContextState } from '@/context/provider-context'
 import type { DatasetConfigs, ModelConfig } from '@/models/debug'
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { createRef } from 'react'
+import { ConfigurationMethodEnum, ModelFeatureEnum, ModelStatusEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { CollectionType } from '@/app/components/tools/types'
 import { PromptMode } from '@/models/debug'
-import { type Collection, CollectionType } from '@/app/components/tools/types'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import { AgentStrategy, AppModeEnum, ModelModeType, Resolution, TransferMethod } from '@/types/app'
+import DebugWithSingleModel from './index'
 
 // ============================================================================
 // Test Data Factories (Following testing.md guidelines)
@@ -308,7 +310,7 @@ vi.mock('@/context/app-context', () => ({
 
 type FeatureState = {
   moreLikeThis: { enabled: boolean }
-  opening: { enabled: boolean; opening_statement: string; suggested_questions: string[] }
+  opening: { enabled: boolean, opening_statement: string, suggested_questions: string[] }
   moderation: { enabled: boolean }
   speech2text: { enabled: boolean }
   text2speech: { enabled: boolean }
@@ -421,7 +423,7 @@ type MockChatProps = {
   chatList?: ChatItem[]
   isResponding?: boolean
   onSend?: (message: string, files?: FileEntity[]) => void
-  onRegenerate?: (chatItem: ChatItem, editedQuestion?: { message: string; files?: FileEntity[] }) => void
+  onRegenerate?: (chatItem: ChatItem, editedQuestion?: { message: string, files?: FileEntity[] }) => void
   onStopResponding?: () => void
   suggestedQuestions?: string[]
   questionIcon?: ReactNode
diff --git a/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx b/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx
index 506e18cc62..f0d41b16f0 100644
--- a/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx
@@ -1,27 +1,27 @@
+import type { InputForm } from '@/app/components/base/chat/chat/type'
+import type { ChatConfig, ChatItem, OnSend } from '@/app/components/base/chat/types'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import { memo, useCallback, useImperativeHandle, useMemo } from 'react'
-import {
-  useConfigFromDebugContext,
-  useFormattingChangedSubscription,
-} from '../hooks'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Avatar from '@/app/components/base/avatar'
 import Chat from '@/app/components/base/chat/chat'
 import { useChat } from '@/app/components/base/chat/chat/hooks'
+import { getLastAnswer, isValidGeneratedAnswer } from '@/app/components/base/chat/utils'
+import { useFeatures } from '@/app/components/base/features/hooks'
+import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useAppContext } from '@/context/app-context'
 import { useDebugConfigurationContext } from '@/context/debug-configuration'
-import type { ChatConfig, ChatItem, OnSend } from '@/app/components/base/chat/types'
 import { useProviderContext } from '@/context/provider-context'
 import {
   fetchConversationMessages,
   fetchSuggestedQuestions,
   stopChatMessageResponding,
 } from '@/service/debug'
-import Avatar from '@/app/components/base/avatar'
-import { useAppContext } from '@/context/app-context'
-import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { useFeatures } from '@/app/components/base/features/hooks'
-import { getLastAnswer, isValidGeneratedAnswer } from '@/app/components/base/chat/utils'
-import type { InputForm } from '@/app/components/base/chat/chat/type'
 import { canFindTool } from '@/utils'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import {
+  useConfigFromDebugContext,
+  useFormattingChangedSubscription,
+} from '../hooks'
 
 type DebugWithSingleModelProps = {
   checkCanSend?: () => boolean
@@ -34,7 +34,7 @@ const DebugWithSingleModel = (
     ref,
     checkCanSend,
   }: DebugWithSingleModelProps & {
-    ref: React.RefObject<DebugWithSingleModelRefType>;
+    ref: React.RefObject<DebugWithSingleModelRefType>
   },
 ) => {
   const { userProfile } = useAppContext()
@@ -129,11 +129,7 @@ const DebugWithSingleModel = (
   const doRegenerate = useCallback((chatItem: ChatItem, editedQuestion?: { message: string, files?: FileEntity[] }) => {
     const question = editedQuestion ? chatItem : chatList.find(item => item.id === chatItem.parentMessageId)!
     const parentAnswer = chatList.find(item => item.id === question.parentMessageId)
-    doSend(editedQuestion ? editedQuestion.message : question.content,
-      editedQuestion ? editedQuestion.files : question.message_files,
-      true,
-      isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null,
-    )
+    doSend(editedQuestion ? editedQuestion.message : question.content, editedQuestion ? editedQuestion.files : question.message_files, true, isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null)
   }, [chatList, doSend])
 
   const allToolIcons = useMemo(() => {
@@ -157,8 +153,8 @@ const DebugWithSingleModel = (
       config={config}
       chatList={chatList}
       isResponding={isResponding}
-      chatContainerClassName='px-3 pt-6'
-      chatFooterClassName='px-3 pt-10 pb-0'
+      chatContainerClassName="px-3 pt-6"
+      chatFooterClassName="px-3 pt-10 pb-0"
       showFeatureBar
       showFileUpload={false}
       onFeatureBarClick={setShowAppConfigureFeaturesModal}
diff --git a/web/app/components/app/configuration/debug/hooks.tsx b/web/app/components/app/configuration/debug/hooks.tsx
index 9f628c46af..786d43bdb9 100644
--- a/web/app/components/app/configuration/debug/hooks.tsx
+++ b/web/app/components/app/configuration/debug/hooks.tsx
@@ -1,26 +1,26 @@
-import {
-  useCallback,
-  useRef,
-  useState,
-} from 'react'
 import type {
   DebugWithSingleOrMultipleModelConfigs,
   ModelAndParameter,
 } from './types'
-import { ORCHESTRATE_CHANGED } from './types'
 import type {
   ChatConfig,
   ChatItem,
 } from '@/app/components/base/chat/types'
 import cloneDeep from 'lodash-es/cloneDeep'
 import {
-  AgentStrategy,
-} from '@/types/app'
+  useCallback,
+  useRef,
+  useState,
+} from 'react'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import { promptVariablesToUserInputsForm } from '@/utils/model-config'
+import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
 import { useDebugConfigurationContext } from '@/context/debug-configuration'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import {
+  AgentStrategy,
+} from '@/types/app'
+import { promptVariablesToUserInputsForm } from '@/utils/model-config'
+import { ORCHESTRATE_CHANGED } from './types'
 
 export const useDebugWithSingleOrMultipleModel = (appId: string) => {
   const localeDebugWithSingleOrMultipleModelConfigs = localStorage.getItem('app-debug-with-single-or-multiple-models')
diff --git a/web/app/components/app/configuration/debug/index.tsx b/web/app/components/app/configuration/debug/index.tsx
index 63df8edeae..875e3bc35f 100644
--- a/web/app/components/app/configuration/debug/index.tsx
+++ b/web/app/components/app/configuration/debug/index.tsx
@@ -1,54 +1,54 @@
 'use client'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { produce, setAutoFreeze } from 'immer'
-import cloneDeep from 'lodash-es/cloneDeep'
-import { useBoolean } from 'ahooks'
+import type { DebugWithSingleModelRefType } from './debug-with-single-model'
+import type { ModelAndParameter } from './types'
+import type { ModelParameterModalProps } from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import type { Inputs } from '@/models/debug'
+import type { ModelConfig as BackendModelConfig, VisionFile, VisionSettings } from '@/types/app'
 import {
   RiAddLine,
   RiEqualizer2Line,
   RiSparklingFill,
 } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { produce, setAutoFreeze } from 'immer'
+import { noop } from 'lodash-es'
+import cloneDeep from 'lodash-es/cloneDeep'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import { useShallow } from 'zustand/react/shallow'
-import HasNotSetAPIKEY from '../base/warning-mask/has-not-set-api'
-import FormattingChanged from '../base/warning-mask/formatting-changed'
+import ChatUserInput from '@/app/components/app/configuration/debug/chat-user-input'
+import PromptValuePanel from '@/app/components/app/configuration/prompt-value-panel'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import TextGeneration from '@/app/components/app/text-generate/item'
+import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import AgentLogModal from '@/app/components/base/agent-log-modal'
+import Button from '@/app/components/base/button'
+import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
+import { RefreshCcw01 } from '@/app/components/base/icons/src/vender/line/arrows'
+import PromptLogModal from '@/app/components/base/prompt-log-modal'
+import { ToastContext } from '@/app/components/base/toast'
+import TooltipPlus from '@/app/components/base/tooltip'
+import { ModelFeatureEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG, IS_CE_EDITION } from '@/config'
+import ConfigContext from '@/context/debug-configuration'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useProviderContext } from '@/context/provider-context'
+import { sendCompletionMessage } from '@/service/debug'
+import { AppModeEnum, ModelModeType, TransferMethod } from '@/types/app'
+import { formatBooleanInputs, promptVariablesToUserInputsForm } from '@/utils/model-config'
 import GroupName from '../base/group-name'
 import CannotQueryDataset from '../base/warning-mask/cannot-query-dataset'
+import FormattingChanged from '../base/warning-mask/formatting-changed'
+import HasNotSetAPIKEY from '../base/warning-mask/has-not-set-api'
 import DebugWithMultipleModel from './debug-with-multiple-model'
 import DebugWithSingleModel from './debug-with-single-model'
-import type { DebugWithSingleModelRefType } from './debug-with-single-model'
-import type { ModelAndParameter } from './types'
 import {
   APP_CHAT_WITH_MULTIPLE_MODEL,
   APP_CHAT_WITH_MULTIPLE_MODEL_RESTART,
 } from './types'
-import { AppModeEnum, ModelModeType, TransferMethod } from '@/types/app'
-import ChatUserInput from '@/app/components/app/configuration/debug/chat-user-input'
-import PromptValuePanel from '@/app/components/app/configuration/prompt-value-panel'
-import ConfigContext from '@/context/debug-configuration'
-import { ToastContext } from '@/app/components/base/toast'
-import { sendCompletionMessage } from '@/service/debug'
-import Button from '@/app/components/base/button'
-import { RefreshCcw01 } from '@/app/components/base/icons/src/vender/line/arrows'
-import TooltipPlus from '@/app/components/base/tooltip'
-import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
-import type { ModelConfig as BackendModelConfig, VisionFile, VisionSettings } from '@/types/app'
-import { formatBooleanInputs, promptVariablesToUserInputsForm } from '@/utils/model-config'
-import TextGeneration from '@/app/components/app/text-generate/item'
-import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG, IS_CE_EDITION } from '@/config'
-import type { Inputs } from '@/models/debug'
-import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelFeatureEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { ModelParameterModalProps } from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { useProviderContext } from '@/context/provider-context'
-import AgentLogModal from '@/app/components/base/agent-log-modal'
-import PromptLogModal from '@/app/components/base/prompt-log-modal'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import { noop } from 'lodash-es'
 
 type IDebug = {
   isAPIKeySet: boolean
@@ -390,24 +390,27 @@ const Debug: FC<IDebug> = ({
   return (
     <>
       <div className="shrink-0">
-        <div className='flex items-center justify-between px-4 pb-2 pt-3'>
-          <div className='system-xl-semibold text-text-primary'>{t('appDebug.inputs.title')}</div>
-          <div className='flex items-center'>
+        <div className="flex items-center justify-between px-4 pb-2 pt-3">
+          <div className="system-xl-semibold text-text-primary">{t('appDebug.inputs.title')}</div>
+          <div className="flex items-center">
             {
               debugWithMultipleModel
                 ? (
-                  <>
-                    <Button
-                      variant='ghost-accent'
-                      onClick={() => onMultipleModelConfigsChange(true, [...multipleModelConfigs, { id: `${Date.now()}`, model: '', provider: '', parameters: {} }])}
-                      disabled={multipleModelConfigs.length >= 4}
-                    >
-                      <RiAddLine className='mr-1 h-3.5 w-3.5' />
-                      {t('common.modelProvider.addModel')}({multipleModelConfigs.length}/4)
-                    </Button>
-                    <div className='mx-2 h-[14px] w-[1px] bg-divider-regular' />
-                  </>
-                )
+                    <>
+                      <Button
+                        variant="ghost-accent"
+                        onClick={() => onMultipleModelConfigsChange(true, [...multipleModelConfigs, { id: `${Date.now()}`, model: '', provider: '', parameters: {} }])}
+                        disabled={multipleModelConfigs.length >= 4}
+                      >
+                        <RiAddLine className="mr-1 h-3.5 w-3.5" />
+                        {t('common.modelProvider.addModel')}
+                        (
+                        {multipleModelConfigs.length}
+                        /4)
+                      </Button>
+                      <div className="mx-2 h-[14px] w-[1px] bg-divider-regular" />
+                    </>
+                  )
                 : null
             }
             {mode !== AppModeEnum.COMPLETION && (
@@ -416,19 +419,19 @@ const Debug: FC<IDebug> = ({
                   popupContent={t('common.operation.refresh')}
                 >
                   <ActionButton onClick={clearConversation}>
-                    <RefreshCcw01 className='h-4 w-4' />
+                    <RefreshCcw01 className="h-4 w-4" />
                   </ActionButton>
                 </TooltipPlus>
                 {varList.length > 0 && (
-                  <div className='relative ml-1 mr-2'>
+                  <div className="relative ml-1 mr-2">
                     <TooltipPlus
                       popupContent={t('workflow.panel.userInputField')}
                     >
                       <ActionButton state={expanded ? ActionButtonState.Active : undefined} onClick={() => setExpanded(!expanded)}>
-                        <RiEqualizer2Line className='h-4 w-4' />
+                        <RiEqualizer2Line className="h-4 w-4" />
                       </ActionButton>
                     </TooltipPlus>
-                    {expanded && <div className='absolute bottom-[-14px] right-[5px] z-10 h-3 w-3 rotate-45 border-l-[0.5px] border-t-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg' />}
+                    {expanded && <div className="absolute bottom-[-14px] right-[5px] z-10 h-3 w-3 rotate-45 border-l-[0.5px] border-t-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg" />}
                   </div>
                 )}
               </>
@@ -436,7 +439,7 @@ const Debug: FC<IDebug> = ({
           </div>
         </div>
         {mode !== AppModeEnum.COMPLETION && expanded && (
-          <div className='mx-3'>
+          <div className="mx-3">
             <ChatUserInput inputs={inputs} />
           </div>
         )}
@@ -456,7 +459,7 @@ const Debug: FC<IDebug> = ({
       </div>
       {
         debugWithMultipleModel && (
-          <div className='mt-3 grow overflow-hidden' ref={ref}>
+          <div className="mt-3 grow overflow-hidden" ref={ref}>
             <DebugWithMultipleModel
               multipleModelConfigs={multipleModelConfigs}
               onMultipleModelConfigsChange={onMultipleModelConfigsChange}
@@ -491,7 +494,7 @@ const Debug: FC<IDebug> = ({
           <div className="flex grow flex-col" ref={ref}>
             {/* Chat */}
             {mode !== AppModeEnum.COMPLETION && (
-              <div className='h-0 grow overflow-hidden'>
+              <div className="h-0 grow overflow-hidden">
                 <DebugWithSingleModel
                   ref={debugWithSingleModelRef}
                   checkCanSend={checkCanSend}
@@ -503,8 +506,8 @@ const Debug: FC<IDebug> = ({
               <>
                 {(completionRes || isResponding) && (
                   <>
-                    <div className='mx-4 mt-3'><GroupName name={t('appDebug.result')} /></div>
-                    <div className='mx-3 mb-8'>
+                    <div className="mx-4 mt-3"><GroupName name={t('appDebug.result')} /></div>
+                    <div className="mx-3 mb-8">
                       <TextGeneration
                         className="mt-2"
                         content={completionRes}
@@ -521,9 +524,9 @@ const Debug: FC<IDebug> = ({
                   </>
                 )}
                 {!completionRes && !isResponding && (
-                  <div className='flex grow flex-col items-center justify-center gap-2'>
-                    <RiSparklingFill className='h-12 w-12 text-text-empty-state-icon' />
-                    <div className='system-sm-regular text-text-quaternary'>{t('appDebug.noResult')}</div>
+                  <div className="flex grow flex-col items-center justify-center gap-2">
+                    <RiSparklingFill className="h-12 w-12 text-text-empty-state-icon" />
+                    <div className="system-sm-regular text-text-quaternary">{t('appDebug.noResult')}</div>
                   </div>
                 )}
               </>
diff --git a/web/app/components/app/configuration/hooks/use-advanced-prompt-config.ts b/web/app/components/app/configuration/hooks/use-advanced-prompt-config.ts
index f7c45be9fd..63603033d3 100644
--- a/web/app/components/app/configuration/hooks/use-advanced-prompt-config.ts
+++ b/web/app/components/app/configuration/hooks/use-advanced-prompt-config.ts
@@ -1,13 +1,13 @@
-import { useState } from 'react'
-import { clone } from 'lodash-es'
-import { produce } from 'immer'
-import type { ChatPromptConfig, CompletionPromptConfig, ConversationHistoriesRole, PromptItem } from '@/models/debug'
-import { PromptMode } from '@/models/debug'
-import { AppModeEnum, ModelModeType } from '@/types/app'
-import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
-import { PRE_PROMPT_PLACEHOLDER_TEXT, checkHasContextBlock, checkHasHistoryBlock, checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
-import { fetchPromptTemplate } from '@/service/debug'
 import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { ChatPromptConfig, CompletionPromptConfig, ConversationHistoriesRole, PromptItem } from '@/models/debug'
+import { produce } from 'immer'
+import { clone } from 'lodash-es'
+import { useState } from 'react'
+import { checkHasContextBlock, checkHasHistoryBlock, checkHasQueryBlock, PRE_PROMPT_PLACEHOLDER_TEXT } from '@/app/components/base/prompt-editor/constants'
+import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { PromptMode } from '@/models/debug'
+import { fetchPromptTemplate } from '@/service/debug'
+import { AppModeEnum, ModelModeType } from '@/types/app'
 
 type Param = {
   appMode?: AppModeEnum
diff --git a/web/app/components/app/configuration/index.tsx b/web/app/components/app/configuration/index.tsx
index 4da12319f2..9f9baea042 100644
--- a/web/app/components/app/configuration/index.tsx
+++ b/web/app/components/app/configuration/index.tsx
@@ -1,27 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { basePath } from '@/utils/var'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import { usePathname } from 'next/navigation'
-import { produce } from 'immer'
-import { useBoolean, useGetState } from 'ahooks'
-import { clone, isEqual } from 'lodash-es'
-import { CodeBracketIcon } from '@heroicons/react/20/solid'
-import { useShallow } from 'zustand/react/shallow'
-import AgentSettingButton from '@/app/components/app/configuration/config/agent-setting-button'
-import useAdvancedPromptConfig from '@/app/components/app/configuration/hooks/use-advanced-prompt-config'
-import EditHistoryModal from '@/app/components/app/configuration/config-prompt/conversation-history/edit-modal'
-import {
-  useDebugWithSingleOrMultipleModel,
-  useFormattingChangedDispatcher,
-} from '@/app/components/app/configuration/debug/hooks'
 import type { ModelAndParameter } from '@/app/components/app/configuration/debug/types'
-import Button from '@/app/components/base/button'
-import Divider from '@/app/components/base/divider'
-import Loading from '@/app/components/base/loading'
-import AppPublisher from '@/app/components/app/app-publisher/features-wrapper'
+import type { Features as FeaturesData, FileUpload } from '@/app/components/base/features/types'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Collection } from '@/app/components/tools/types'
+import type { ExternalDataTool } from '@/models/common'
+import type { DataSet } from '@/models/datasets'
 import type {
   AnnotationReplyConfig,
   DatasetConfigs,
@@ -33,56 +17,71 @@ import type {
   PromptVariable,
   TextToSpeechConfig,
 } from '@/models/debug'
-import type { ExternalDataTool } from '@/models/common'
-import type { DataSet } from '@/models/datasets'
 import type { ModelConfig as BackendModelConfig, UserInputFormItem, VisionSettings } from '@/types/app'
-import ConfigContext from '@/context/debug-configuration'
+import { CodeBracketIcon } from '@heroicons/react/20/solid'
+import { useBoolean, useGetState } from 'ahooks'
+import { produce } from 'immer'
+import { clone, isEqual } from 'lodash-es'
+import { usePathname } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { useShallow } from 'zustand/react/shallow'
+import AppPublisher from '@/app/components/app/app-publisher/features-wrapper'
 import Config from '@/app/components/app/configuration/config'
-import Debug from '@/app/components/app/configuration/debug'
-import Confirm from '@/app/components/base/confirm'
-import { ModelFeatureEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { ToastContext } from '@/app/components/base/toast'
-import { fetchAppDetailDirect, updateAppModelConfig } from '@/service/apps'
-import { promptVariablesToUserInputsForm, userInputsFormToPromptVariables } from '@/utils/model-config'
-import { fetchDatasets } from '@/service/datasets'
-import { useProviderContext } from '@/context/provider-context'
-import { AgentStrategy, AppModeEnum, ModelModeType, RETRIEVE_TYPE, Resolution, TransferMethod } from '@/types/app'
-import { PromptMode } from '@/models/debug'
-import { ANNOTATION_DEFAULT, DATASET_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import EditHistoryModal from '@/app/components/app/configuration/config-prompt/conversation-history/edit-modal'
+import AgentSettingButton from '@/app/components/app/configuration/config/agent-setting-button'
 import SelectDataSet from '@/app/components/app/configuration/dataset-config/select-dataset'
-import { useModalContext } from '@/context/modal-context'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import Debug from '@/app/components/app/configuration/debug'
+import {
+  useDebugWithSingleOrMultipleModel,
+  useFormattingChangedDispatcher,
+} from '@/app/components/app/configuration/debug/hooks'
+import useAdvancedPromptConfig from '@/app/components/app/configuration/hooks/use-advanced-prompt-config'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import Divider from '@/app/components/base/divider'
 import Drawer from '@/app/components/base/drawer'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { FeaturesProvider } from '@/app/components/base/features'
+import NewFeaturePanel from '@/app/components/base/features/new-feature-panel'
+import Loading from '@/app/components/base/loading'
+import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
+import Toast, { ToastContext } from '@/app/components/base/toast'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { ModelFeatureEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import {
   useModelListAndDefaultModelAndCurrentProviderAndModel,
   useTextGenerationCurrentProviderAndModelAndModelList,
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import type { Collection } from '@/app/components/tools/types'
-import { useStore as useAppStore } from '@/app/components/app/store'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
 import {
   getMultipleRetrievalConfig,
   getSelectedDatasetsMode,
 } from '@/app/components/workflow/nodes/knowledge-retrieval/utils'
-import { FeaturesProvider } from '@/app/components/base/features'
-import type { Features as FeaturesData, FileUpload } from '@/app/components/base/features/types'
-import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
+import PluginDependency from '@/app/components/workflow/plugin-dependency'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import NewFeaturePanel from '@/app/components/base/features/new-feature-panel'
+import { ANNOTATION_DEFAULT, DATASET_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import ConfigContext from '@/context/debug-configuration'
+import { MittProvider } from '@/context/mitt-context'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { PromptMode } from '@/models/debug'
+import { fetchAppDetailDirect, updateAppModelConfig } from '@/service/apps'
+import { fetchDatasets } from '@/service/datasets'
+import { fetchCollectionList } from '@/service/tools'
 import { useFileUploadConfig } from '@/service/use-common'
+import { AgentStrategy, AppModeEnum, ModelModeType, Resolution, RETRIEVE_TYPE, TransferMethod } from '@/types/app'
 import {
   correctModelProvider,
   correctToolProvider,
 } from '@/utils'
-import PluginDependency from '@/app/components/workflow/plugin-dependency'
-import { supportFunctionCall } from '@/utils/tool-call'
-import { MittProvider } from '@/context/mitt-context'
 import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
-import Toast from '@/app/components/base/toast'
-import { fetchCollectionList } from '@/service/tools'
-import { useAppContext } from '@/context/app-context'
+import { promptVariablesToUserInputsForm, userInputsFormToPromptVariables } from '@/utils/model-config'
+import { supportFunctionCall } from '@/utils/tool-call'
+import { basePath } from '@/utils/var'
 
 type PublishConfig = {
   modelConfig: ModelConfig
@@ -290,8 +289,9 @@ const Configuration: FC = () => {
       (allInternal && (mixtureHighQualityAndEconomic || inconsistentEmbeddingModel))
       || mixtureInternalAndExternal
       || allExternal
-    )
+    ) {
       setRerankSettingModalOpen(true)
+    }
 
     const { datasets, retrieval_model, score_threshold_enabled, ...restConfigs } = datasetConfigs
     const {
@@ -306,10 +306,12 @@ const Configuration: FC = () => {
     const oldRetrievalConfig = {
       top_k,
       score_threshold,
-      reranking_model: (reranking_model?.reranking_provider_name && reranking_model?.reranking_model_name) ? {
-        provider: reranking_model.reranking_provider_name,
-        model: reranking_model.reranking_model_name,
-      } : undefined,
+      reranking_model: (reranking_model?.reranking_provider_name && reranking_model?.reranking_model_name)
+        ? {
+            provider: reranking_model.reranking_provider_name,
+            model: reranking_model.reranking_model_name,
+          }
+        : undefined,
       reranking_mode,
       weights,
       reranking_enable,
@@ -446,7 +448,7 @@ const Configuration: FC = () => {
     provider,
     mode: modeMode,
     features,
-  }: { modelId: string; provider: string; mode: string; features: string[] }) => {
+  }: { modelId: string, provider: string, mode: string, features: string[] }) => {
     if (isAdvancedMode) {
       const appMode = mode
 
@@ -570,7 +572,7 @@ const Configuration: FC = () => {
       const model = modelConfig.model
 
       let datasets: any = null
-        // old dataset struct
+      // old dataset struct
       if (modelConfig.agent_mode?.tools?.find(({ dataset }: any) => dataset?.enabled))
         datasets = modelConfig.agent_mode?.tools.filter(({ dataset }: any) => dataset?.enabled)
         // new dataset struct
@@ -633,19 +635,19 @@ const Configuration: FC = () => {
                 ...(
                   modelConfig.external_data_tools?.length
                     ? modelConfig.external_data_tools.map((item: any) => {
-                      return {
-                        external_data_tool: {
-                          variable: item.variable as string,
-                          label: item.label as string,
-                          enabled: item.enabled,
-                          type: item.type as string,
-                          config: item.config,
-                          required: true,
-                          icon: item.icon,
-                          icon_background: item.icon_background,
-                        },
-                      }
-                    })
+                        return {
+                          external_data_tool: {
+                            variable: item.variable as string,
+                            label: item.label as string,
+                            enabled: item.enabled,
+                            type: item.type as string,
+                            config: item.config,
+                            required: true,
+                            icon: item.icon,
+                            icon_background: item.icon_background,
+                          },
+                        }
+                      })
                     : []
                 ),
               ]) as unknown as UserInputFormItem[],
@@ -678,10 +680,12 @@ const Configuration: FC = () => {
                 ...tool,
                 isDeleted: res.deleted_tools?.some((deletedTool: any) => deletedTool.id === tool.id && deletedTool.tool_name === tool.tool_name) ?? false,
                 notAuthor: toolInCollectionList?.is_team_authorization === false,
-                ...(tool.provider_type === 'builtin' ? {
-                  provider_id: correctToolProvider(tool.provider_name, !!toolInCollectionList),
-                  provider_name: correctToolProvider(tool.provider_name, !!toolInCollectionList),
-                } : {}),
+                ...(tool.provider_type === 'builtin'
+                  ? {
+                      provider_id: correctToolProvider(tool.provider_name, !!toolInCollectionList),
+                      provider_name: correctToolProvider(tool.provider_name, !!toolInCollectionList),
+                    }
+                  : {}),
               }
             }),
             strategy: modelConfig.agent_mode?.strategy ?? AgentStrategy.react,
@@ -708,12 +712,14 @@ const Configuration: FC = () => {
       const datasetConfigsToSet = {
         ...modelConfig.dataset_configs,
         ...retrievalConfig,
-        ...(retrievalConfig.reranking_model ? {
-          reranking_model: {
-            reranking_model_name: retrievalConfig.reranking_model.model,
-            reranking_provider_name: correctModelProvider(retrievalConfig.reranking_model.provider),
-          },
-        } : {}),
+        ...(retrievalConfig.reranking_model
+          ? {
+              reranking_model: {
+                reranking_model_name: retrievalConfig.reranking_model.model,
+                reranking_provider_name: correctModelProvider(retrievalConfig.reranking_model.provider),
+              },
+            }
+          : {}),
       } as DatasetConfigs
       datasetConfigsToSet.retrieval_model = datasetConfigsToSet.retrieval_model ?? RETRIEVE_TYPE.multiWay
       setDatasetConfigs(datasetConfigsToSet)
@@ -866,9 +872,11 @@ const Configuration: FC = () => {
   }
 
   if (isLoading || isLoadingCurrentWorkspace || !currentWorkspace.id) {
-    return <div className='flex h-full items-center justify-center'>
-      <Loading type='area' />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <Loading type="area" />
+      </div>
+    )
   }
   const value = {
     appId,
@@ -950,19 +958,19 @@ const Configuration: FC = () => {
       <FeaturesProvider features={featuresData}>
         <MittProvider>
           <div className="flex h-full flex-col">
-            <div className='relative flex h-[200px] grow pt-14'>
+            <div className="relative flex h-[200px] grow pt-14">
               {/* Header */}
-              <div className='bg-default-subtle absolute left-0 top-0 h-14 w-full'>
-                <div className='flex h-14 items-center justify-between px-6'>
-                  <div className='flex items-center'>
-                    <div className='system-xl-semibold text-text-primary'>{t('appDebug.orchestrate')}</div>
-                    <div className='flex h-[14px] items-center space-x-1 text-xs'>
+              <div className="bg-default-subtle absolute left-0 top-0 h-14 w-full">
+                <div className="flex h-14 items-center justify-between px-6">
+                  <div className="flex items-center">
+                    <div className="system-xl-semibold text-text-primary">{t('appDebug.orchestrate')}</div>
+                    <div className="flex h-[14px] items-center space-x-1 text-xs">
                       {isAdvancedMode && (
-                        <div className='system-xs-medium-uppercase ml-1 flex h-5 items-center rounded-md border border-components-button-secondary-border px-1.5 uppercase text-text-tertiary'>{t('appDebug.promptMode.advanced')}</div>
+                        <div className="system-xs-medium-uppercase ml-1 flex h-5 items-center rounded-md border border-components-button-secondary-border px-1.5 uppercase text-text-tertiary">{t('appDebug.promptMode.advanced')}</div>
                       )}
                     </div>
                   </div>
-                  <div className='flex items-center'>
+                  <div className="flex items-center">
                     {/* Agent Setting */}
                     {isAgent && (
                       <AgentSettingButton
@@ -993,12 +1001,12 @@ const Configuration: FC = () => {
                           debugWithMultipleModel={debugWithMultipleModel}
                           onDebugWithMultipleModelChange={handleDebugWithMultipleModelChange}
                         />
-                        <Divider type='vertical' className='mx-2 h-[14px]' />
+                        <Divider type="vertical" className="mx-2 h-[14px]" />
                       </>
                     )}
                     {isMobile && (
-                      <Button className='mr-2 !h-8 !text-[13px] font-medium' onClick={showDebugPanel}>
-                        <span className='mr-1'>{t('appDebug.operation.debugConfig')}</span>
+                      <Button className="mr-2 !h-8 !text-[13px] font-medium" onClick={showDebugPanel}>
+                        <span className="mr-1">{t('appDebug.operation.debugConfig')}</span>
                         <CodeBracketIcon className="h-4 w-4 text-text-tertiary" />
                       </Button>
                     )}
@@ -1010,29 +1018,32 @@ const Configuration: FC = () => {
                       onPublish,
                       publishedConfig: publishedConfig!,
                       resetAppConfig: () => syncToPublishedConfig(publishedConfig!),
-                    }} />
+                    }}
+                    />
                   </div>
                 </div>
               </div>
               <div className={`flex h-full w-full shrink-0 flex-col sm:w-1/2 ${debugWithMultipleModel && 'max-w-[560px]'}`}>
                 <Config />
               </div>
-              {!isMobile && <div className="relative flex h-full w-1/2 grow flex-col overflow-y-auto " style={{ borderColor: 'rgba(0, 0, 0, 0.02)' }}>
-                <div className='flex grow flex-col rounded-tl-2xl border-l-[0.5px] border-t-[0.5px] border-components-panel-border bg-chatbot-bg '>
-                  <Debug
-                    isAPIKeySet={isAPIKeySet}
-                    onSetting={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })}
-                    inputs={inputs}
-                    modelParameterParams={{
-                      setModel: setModel as any,
-                      onCompletionParamsChange: setCompletionParams,
-                    }}
-                    debugWithMultipleModel={debugWithMultipleModel}
-                    multipleModelConfigs={multipleModelConfigs}
-                    onMultipleModelConfigsChange={handleMultipleModelConfigsChange}
-                  />
+              {!isMobile && (
+                <div className="relative flex h-full w-1/2 grow flex-col overflow-y-auto " style={{ borderColor: 'rgba(0, 0, 0, 0.02)' }}>
+                  <div className="flex grow flex-col rounded-tl-2xl border-l-[0.5px] border-t-[0.5px] border-components-panel-border bg-chatbot-bg ">
+                    <Debug
+                      isAPIKeySet={isAPIKeySet}
+                      onSetting={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })}
+                      inputs={inputs}
+                      modelParameterParams={{
+                        setModel: setModel as any,
+                        onCompletionParamsChange: setCompletionParams,
+                      }}
+                      debugWithMultipleModel={debugWithMultipleModel}
+                      multipleModelConfigs={multipleModelConfigs}
+                      onMultipleModelConfigsChange={handleMultipleModelConfigsChange}
+                    />
+                  </div>
                 </div>
-              </div>}
+              )}
             </div>
           </div>
           {showUseGPT4Confirm && (
diff --git a/web/app/components/app/configuration/prompt-value-panel/index.tsx b/web/app/components/app/configuration/prompt-value-panel/index.tsx
index 9874664443..8d006e8b2b 100644
--- a/web/app/components/app/configuration/prompt-value-panel/index.tsx
+++ b/web/app/components/app/configuration/prompt-value-panel/index.tsx
@@ -1,28 +1,28 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
+import type { Inputs } from '@/models/debug'
+import type { VisionFile, VisionSettings } from '@/types/app'
 import {
   RiArrowDownSLine,
   RiArrowRightSLine,
   RiPlayLargeFill,
 } from '@remixicon/react'
-import ConfigContext from '@/context/debug-configuration'
-import type { Inputs } from '@/models/debug'
-import { AppModeEnum, ModelModeType } from '@/types/app'
-import Select from '@/app/components/base/select'
+import React, { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { useStore as useAppStore } from '@/app/components/app/store'
 import Button from '@/app/components/base/button'
+import FeatureBar from '@/app/components/base/features/new-feature-panel/feature-bar'
+import TextGenerationImageUploader from '@/app/components/base/image-uploader/text-generation-image-uploader'
 import Input from '@/app/components/base/input'
+import Select from '@/app/components/base/select'
 import Textarea from '@/app/components/base/textarea'
 import Tooltip from '@/app/components/base/tooltip'
-import TextGenerationImageUploader from '@/app/components/base/image-uploader/text-generation-image-uploader'
-import FeatureBar from '@/app/components/base/features/new-feature-panel/feature-bar'
-import type { VisionFile, VisionSettings } from '@/types/app'
-import { DEFAULT_VALUE_MAX_LEN } from '@/config'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { cn } from '@/utils/classnames'
 import BoolInput from '@/app/components/workflow/nodes/_base/components/before-run-form/bool-input'
+import { DEFAULT_VALUE_MAX_LEN } from '@/config'
+import ConfigContext from '@/context/debug-configuration'
+import { AppModeEnum, ModelModeType } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 export type IPromptValuePanelProps = {
   appType: AppModeEnum
@@ -109,32 +109,32 @@ const PromptValuePanel: FC<IPromptValuePanelProps> = ({
 
   return (
     <>
-      <div className='relative z-[1] mx-3 rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg shadow-md'>
+      <div className="relative z-[1] mx-3 rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg shadow-md">
         <div className={cn('px-4 pt-3', userInputFieldCollapse ? 'pb-3' : 'pb-1')}>
-          <div className='flex cursor-pointer items-center gap-0.5 py-0.5' onClick={() => setUserInputFieldCollapse(!userInputFieldCollapse)}>
-            <div className='system-md-semibold-uppercase text-text-secondary'>{t('appDebug.inputs.userInputField')}</div>
-            {userInputFieldCollapse && <RiArrowRightSLine className='h-4 w-4 text-text-secondary'/>}
-            {!userInputFieldCollapse && <RiArrowDownSLine className='h-4 w-4 text-text-secondary'/>}
+          <div className="flex cursor-pointer items-center gap-0.5 py-0.5" onClick={() => setUserInputFieldCollapse(!userInputFieldCollapse)}>
+            <div className="system-md-semibold-uppercase text-text-secondary">{t('appDebug.inputs.userInputField')}</div>
+            {userInputFieldCollapse && <RiArrowRightSLine className="h-4 w-4 text-text-secondary" />}
+            {!userInputFieldCollapse && <RiArrowDownSLine className="h-4 w-4 text-text-secondary" />}
           </div>
           {!userInputFieldCollapse && (
-            <div className='system-xs-regular mt-1 text-text-tertiary'>{t('appDebug.inputs.completionVarTip')}</div>
+            <div className="system-xs-regular mt-1 text-text-tertiary">{t('appDebug.inputs.completionVarTip')}</div>
           )}
         </div>
         {!userInputFieldCollapse && promptVariables.length > 0 && (
-          <div className='px-4 pb-4 pt-3'>
+          <div className="px-4 pb-4 pt-3">
             {promptVariables.map(({ key, name, type, options, max_length, required }, index) => (
               <div
                 key={key}
-                className='mb-4 last-of-type:mb-0'
+                className="mb-4 last-of-type:mb-0"
               >
                 <div>
                   {type !== 'checkbox' && (
-                    <div className='system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary'>
-                      <div className='truncate'>{name || key}</div>
-                      {!required && <span className='system-xs-regular text-text-tertiary'>{t('workflow.panel.optional')}</span>}
+                    <div className="system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary">
+                      <div className="truncate">{name || key}</div>
+                      {!required && <span className="system-xs-regular text-text-tertiary">{t('workflow.panel.optional')}</span>}
                     </div>
                   )}
-                  <div className='grow'>
+                  <div className="grow">
                     {type === 'string' && (
                       <Input
                         value={inputs[key] ? `${inputs[key]}` : ''}
@@ -146,7 +146,7 @@ const PromptValuePanel: FC<IPromptValuePanelProps> = ({
                     )}
                     {type === 'paragraph' && (
                       <Textarea
-                        className='h-[120px] grow'
+                        className="h-[120px] grow"
                         placeholder={name}
                         value={inputs[key] ? `${inputs[key]}` : ''}
                         onChange={(e) => { handleInputValueChange(key, e.target.value) }}
@@ -154,17 +154,17 @@ const PromptValuePanel: FC<IPromptValuePanelProps> = ({
                     )}
                     {type === 'select' && (
                       <Select
-                        className='w-full'
+                        className="w-full"
                         defaultValue={inputs[key] as string}
                         onSelect={(i) => { handleInputValueChange(key, i.value as string) }}
                         items={(options || []).map(i => ({ name: i, value: i }))}
                         allowSearch={false}
-                        bgClassName='bg-gray-50'
+                        bgClassName="bg-gray-50"
                       />
                     )}
                     {type === 'number' && (
                       <Input
-                        type='number'
+                        type="number"
                         value={inputs[key] ? `${inputs[key]}` : ''}
                         onChange={(e) => { handleInputValueChange(key, e.target.value) }}
                         placeholder={name}
@@ -187,7 +187,7 @@ const PromptValuePanel: FC<IPromptValuePanelProps> = ({
             {visionConfig?.enabled && (
               <div className="mt-3 justify-between xl:flex">
                 <div className="mr-1 w-[120px] shrink-0 py-2 text-sm text-text-primary">{t('common.imageUploader.imageUpload')}</div>
-                <div className='grow'>
+                <div className="grow">
                   <TextGenerationImageUploader
                     settings={visionConfig}
                     onFilesChange={files => onVisionFilesChange(files.filter(file => file.progress !== -1).map(fileItem => ({
@@ -203,15 +203,16 @@ const PromptValuePanel: FC<IPromptValuePanelProps> = ({
           </div>
         )}
         {!userInputFieldCollapse && (
-          <div className='flex justify-between border-t border-divider-subtle p-4 pt-3'>
-            <Button className='w-[72px]' onClick={onClear}>{t('common.operation.clear')}</Button>
+          <div className="flex justify-between border-t border-divider-subtle p-4 pt-3">
+            <Button className="w-[72px]" onClick={onClear}>{t('common.operation.clear')}</Button>
             {canNotRun && (
               <Tooltip popupContent={t('appDebug.otherError.promptNoBeEmpty')}>
                 <Button
                   variant="primary"
                   disabled={canNotRun}
                   onClick={() => onSend?.()}
-                  className="w-[96px]">
+                  className="w-[96px]"
+                >
                   <RiPlayLargeFill className="mr-0.5 h-4 w-4 shrink-0" aria-hidden="true" />
                   {t('appDebug.inputs.run')}
                 </Button>
@@ -222,7 +223,8 @@ const PromptValuePanel: FC<IPromptValuePanelProps> = ({
                 variant="primary"
                 disabled={canNotRun}
                 onClick={() => onSend?.()}
-                className="w-[96px]">
+                className="w-[96px]"
+              >
                 <RiPlayLargeFill className="mr-0.5 h-4 w-4 shrink-0" aria-hidden="true" />
                 {t('appDebug.inputs.run')}
               </Button>
@@ -230,11 +232,12 @@ const PromptValuePanel: FC<IPromptValuePanelProps> = ({
           </div>
         )}
       </div>
-      <div className='mx-3'>
+      <div className="mx-3">
         <FeatureBar
           showFileUpload={false}
           isChatMode={appType !== AppModeEnum.COMPLETION}
-          onFeatureBarClick={setShowAppConfigureFeaturesModal} />
+          onFeatureBarClick={setShowAppConfigureFeaturesModal}
+        />
       </div>
     </>
   )
diff --git a/web/app/components/app/configuration/tools/external-data-tool-modal.tsx b/web/app/components/app/configuration/tools/external-data-tool-modal.tsx
index 6f177643ae..74f436289f 100644
--- a/web/app/components/app/configuration/tools/external-data-tool-modal.tsx
+++ b/web/app/components/app/configuration/tools/external-data-tool-modal.tsx
@@ -1,24 +1,23 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
-import FormGeneration from '@/app/components/base/features/new-feature-panel/moderation/form-generation'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import EmojiPicker from '@/app/components/base/emoji-picker'
-import ApiBasedExtensionSelector from '@/app/components/header/account-setting/api-based-extension-page/selector'
-import { BookOpen01 } from '@/app/components/base/icons/src/vender/line/education'
-import { SimpleSelect } from '@/app/components/base/select'
-import I18n from '@/context/i18n'
-import { LanguagesSupported } from '@/i18n-config/language'
 import type {
   CodeBasedExtensionItem,
   ExternalDataTool,
 } from '@/models/common'
-import { useToastContext } from '@/app/components/base/toast'
-import AppIcon from '@/app/components/base/app-icon'
 import { noop } from 'lodash-es'
-import { useDocLink } from '@/context/i18n'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import AppIcon from '@/app/components/base/app-icon'
+import Button from '@/app/components/base/button'
+import EmojiPicker from '@/app/components/base/emoji-picker'
+import FormGeneration from '@/app/components/base/features/new-feature-panel/moderation/form-generation'
+import { BookOpen01 } from '@/app/components/base/icons/src/vender/line/education'
+import Modal from '@/app/components/base/modal'
+import { SimpleSelect } from '@/app/components/base/select'
+import { useToastContext } from '@/app/components/base/toast'
+import ApiBasedExtensionSelector from '@/app/components/header/account-setting/api-based-extension-page/selector'
+import I18n, { useDocLink } from '@/context/i18n'
+import { LanguagesSupported } from '@/i18n-config/language'
 import { useCodeBasedExtensions } from '@/service/use-common'
 
 const systemTypes = ['api']
@@ -55,12 +54,12 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
     ...(
       codeBasedExtensionList
         ? codeBasedExtensionList.data.map((item) => {
-          return {
-            key: item.name,
-            name: locale === 'zh-Hans' ? item.label['zh-Hans'] : item.label['en-US'],
-            form_schema: item.form_schema,
-          }
-        })
+            return {
+              key: item.name,
+              name: locale === 'zh-Hans' ? item.label['zh-Hans'] : item.label['en-US'],
+              form_schema: item.form_schema,
+            }
+          })
         : []
     ),
   ]
@@ -149,7 +148,7 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
       return
     }
 
-    if (localeData.variable && !/^[a-zA-Z_]\w{0,29}$/.test(localeData.variable)) {
+    if (localeData.variable && !/^[a-z_]\w{0,29}$/i.test(localeData.variable)) {
       notify({ type: 'error', message: t('appDebug.varKeyError.notValid', { key: t('appDebug.feature.tools.modal.variableName.title') }) })
       return
     }
@@ -185,13 +184,13 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
     <Modal
       isShow
       onClose={noop}
-      className='!w-[640px] !max-w-none !p-8 !pb-6'
+      className="!w-[640px] !max-w-none !p-8 !pb-6"
     >
-      <div className='mb-2 text-xl font-semibold text-text-primary'>
+      <div className="mb-2 text-xl font-semibold text-text-primary">
         {`${action} ${t('appDebug.variableConfig.apiBasedVar')}`}
       </div>
-      <div className='py-2'>
-        <div className='text-sm font-medium leading-9 text-text-primary'>
+      <div className="py-2">
+        <div className="text-sm font-medium leading-9 text-text-primary">
           {t('common.apiBasedExtension.type')}
         </div>
         <SimpleSelect
@@ -205,47 +204,49 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
           onSelect={item => handleDataTypeChange(item.value as string)}
         />
       </div>
-      <div className='py-2'>
-        <div className='text-sm font-medium leading-9 text-text-primary'>
+      <div className="py-2">
+        <div className="text-sm font-medium leading-9 text-text-primary">
           {t('appDebug.feature.tools.modal.name.title')}
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <input
             value={localeData.label || ''}
             onChange={e => handleValueChange({ label: e.target.value })}
-            className='mr-2 block h-9 grow appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-components-input-text-filled outline-none'
+            className="mr-2 block h-9 grow appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-components-input-text-filled outline-none"
             placeholder={t('appDebug.feature.tools.modal.name.placeholder') || ''}
           />
-          <AppIcon size='large'
+          <AppIcon
+            size="large"
             onClick={() => { setShowEmojiPicker(true) }}
-            className='!h-9 !w-9 cursor-pointer rounded-lg border-[0.5px] border-components-panel-border '
+            className="!h-9 !w-9 cursor-pointer rounded-lg border-[0.5px] border-components-panel-border "
             icon={localeData.icon}
             background={localeData.icon_background}
           />
         </div>
       </div>
-      <div className='py-2'>
-        <div className='text-sm font-medium leading-9 text-text-primary'>
+      <div className="py-2">
+        <div className="text-sm font-medium leading-9 text-text-primary">
           {t('appDebug.feature.tools.modal.variableName.title')}
         </div>
         <input
           value={localeData.variable || ''}
           onChange={e => handleValueChange({ variable: e.target.value })}
-          className='block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-components-input-text-filled outline-none'
+          className="block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-components-input-text-filled outline-none"
           placeholder={t('appDebug.feature.tools.modal.variableName.placeholder') || ''}
         />
       </div>
       {
         localeData.type === 'api' && (
-          <div className='py-2'>
-            <div className='flex h-9 items-center justify-between text-sm font-medium text-text-primary'>
+          <div className="py-2">
+            <div className="flex h-9 items-center justify-between text-sm font-medium text-text-primary">
               {t('common.apiBasedExtension.selector.title')}
               <a
                 href={docLink('/guides/extension/api-based-extension/README')}
-                target='_blank' rel='noopener noreferrer'
-                className='group flex items-center text-xs font-normal text-text-tertiary hover:text-text-accent'
+                target="_blank"
+                rel="noopener noreferrer"
+                className="group flex items-center text-xs font-normal text-text-tertiary hover:text-text-accent"
               >
-                <BookOpen01 className='mr-1 h-3 w-3 text-text-tertiary group-hover:text-text-accent' />
+                <BookOpen01 className="mr-1 h-3 w-3 text-text-tertiary group-hover:text-text-accent" />
                 {t('common.apiBasedExtension.link')}
               </a>
             </div>
@@ -267,15 +268,15 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
           />
         )
       }
-      <div className='mt-6 flex items-center justify-end'>
+      <div className="mt-6 flex items-center justify-end">
         <Button
           onClick={onCancel}
-          className='mr-2'
+          className="mr-2"
         >
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
+          variant="primary"
           onClick={handleSave}
         >
           {t('common.operation.save')}
diff --git a/web/app/components/app/configuration/tools/index.tsx b/web/app/components/app/configuration/tools/index.tsx
index 8668f6166d..d3eae301db 100644
--- a/web/app/components/app/configuration/tools/index.tsx
+++ b/web/app/components/app/configuration/tools/index.tsx
@@ -1,24 +1,24 @@
-// abandoned
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import copy from 'copy-to-clipboard'
-import { useContext } from 'use-context-selector'
+import type { ExternalDataTool } from '@/models/common'
 import {
   RiAddLine,
   RiArrowDownSLine,
   RiDeleteBinLine,
 } from '@remixicon/react'
-import ConfigContext from '@/context/debug-configuration'
-import Switch from '@/app/components/base/switch'
-import Tooltip from '@/app/components/base/tooltip'
-import { Tool03 } from '@/app/components/base/icons/src/vender/solid/general'
+import copy from 'copy-to-clipboard'
+// abandoned
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import AppIcon from '@/app/components/base/app-icon'
 import {
   Settings01,
 } from '@/app/components/base/icons/src/vender/line/general'
-import { useModalContext } from '@/context/modal-context'
-import type { ExternalDataTool } from '@/models/common'
-import AppIcon from '@/app/components/base/app-icon'
+import { Tool03 } from '@/app/components/base/icons/src/vender/solid/general'
+import Switch from '@/app/components/base/switch'
 import { useToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import ConfigContext from '@/context/debug-configuration'
+import { useModalContext } from '@/context/modal-context'
 
 const Tools = () => {
   const { t } = useTranslation()
@@ -86,9 +86,9 @@ const Tools = () => {
   }
 
   return (
-    <div className='mt-3 rounded-xl bg-gray-50 px-3'>
-      <div className='flex h-12 items-center'>
-        <div className='flex grow items-center'>
+    <div className="mt-3 rounded-xl bg-gray-50 px-3">
+      <div className="flex h-12 items-center">
+        <div className="flex grow items-center">
           <div
             className={`
               group mr-1 flex h-6 w-6 items-center justify-center rounded-md
@@ -98,8 +98,8 @@ const Tools = () => {
           >
             {
               externalDataToolsConfig.length
-                ? <Tool03 className='h-4 w-4 text-[#444CE7] group-hover:hidden' />
-                : <Tool03 className='h-4 w-4 text-[#444CE7]' />
+                ? <Tool03 className="h-4 w-4 text-[#444CE7] group-hover:hidden" />
+                : <Tool03 className="h-4 w-4 text-[#444CE7]" />
             }
             {
               !!externalDataToolsConfig.length && (
@@ -107,54 +107,55 @@ const Tools = () => {
               )
             }
           </div>
-          <div className='mr-1 text-sm font-semibold text-gray-800'>
+          <div className="mr-1 text-sm font-semibold text-gray-800">
             {t('appDebug.feature.tools.title')}
           </div>
           <Tooltip
-            popupContent={
-              <div className='max-w-[160px]'>
+            popupContent={(
+              <div className="max-w-[160px]">
                 {t('appDebug.feature.tools.tips')}
               </div>
-            }
+            )}
           />
         </div>
         {
           !expanded && !!externalDataToolsConfig.length && (
             <>
-              <div className='mr-3 text-xs text-gray-500'>{t('appDebug.feature.tools.toolsInUse', { count: externalDataToolsConfig.length })}</div>
-              <div className='mr-1 h-3.5 w-[1px] bg-gray-200' />
+              <div className="mr-3 text-xs text-gray-500">{t('appDebug.feature.tools.toolsInUse', { count: externalDataToolsConfig.length })}</div>
+              <div className="mr-1 h-3.5 w-[1px] bg-gray-200" />
             </>
           )
         }
         <div
-          className='flex h-7 cursor-pointer items-center px-3 text-xs font-medium text-gray-700'
+          className="flex h-7 cursor-pointer items-center px-3 text-xs font-medium text-gray-700"
           onClick={() => handleOpenExternalDataToolModal({}, -1)}
         >
-          <RiAddLine className='mr-[5px] h-3.5 w-3.5 ' />
+          <RiAddLine className="mr-[5px] h-3.5 w-3.5 " />
           {t('common.operation.add')}
         </div>
       </div>
       {
         expanded && !!externalDataToolsConfig.length && (
-          <div className='pb-3'>
+          <div className="pb-3">
             {
               externalDataToolsConfig.map((item, index: number) => (
                 <div
                   key={`${index}-${item.type}-${item.label}-${item.variable}`}
-                  className='group mb-1 flex items-center rounded-lg border-[0.5px] border-gray-200 bg-white px-2.5 py-2 shadow-xs last-of-type:mb-0'
+                  className="group mb-1 flex items-center rounded-lg border-[0.5px] border-gray-200 bg-white px-2.5 py-2 shadow-xs last-of-type:mb-0"
                 >
-                  <div className='flex grow items-center'>
-                    <AppIcon size='large'
-                      className='mr-2 !h-6 !w-6 rounded-md border-[0.5px] border-black/5'
+                  <div className="flex grow items-center">
+                    <AppIcon
+                      size="large"
+                      className="mr-2 !h-6 !w-6 rounded-md border-[0.5px] border-black/5"
                       icon={item.icon}
                       background={item.icon_background}
                     />
-                    <div className='mr-2 text-[13px] font-medium text-gray-800'>{item.label}</div>
+                    <div className="mr-2 text-[13px] font-medium text-gray-800">{item.label}</div>
                     <Tooltip
                       popupContent={copied ? t('appApi.copied') : `${item.variable}, ${t('appApi.copy')}`}
                     >
                       <div
-                        className='text-xs text-gray-500'
+                        className="text-xs text-gray-500"
                         onClick={() => {
                           copy(item.variable || '')
                           setCopied(true)
@@ -165,20 +166,20 @@ const Tools = () => {
                     </Tooltip>
                   </div>
                   <div
-                    className='mr-1 hidden h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-black/5 group-hover:flex'
+                    className="mr-1 hidden h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-black/5 group-hover:flex"
                     onClick={() => handleOpenExternalDataToolModal(item, index)}
                   >
-                    <Settings01 className='h-4 w-4 text-gray-500' />
+                    <Settings01 className="h-4 w-4 text-gray-500" />
                   </div>
                   <div
-                    className='group/action hidden h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-[#FEE4E2] group-hover:flex'
+                    className="group/action hidden h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-[#FEE4E2] group-hover:flex"
                     onClick={() => setExternalDataToolsConfig([...externalDataToolsConfig.slice(0, index), ...externalDataToolsConfig.slice(index + 1)])}
                   >
-                    <RiDeleteBinLine className='h-4 w-4 text-gray-500 group-hover/action:text-[#D92D20]' />
+                    <RiDeleteBinLine className="h-4 w-4 text-gray-500 group-hover/action:text-[#D92D20]" />
                   </div>
-                  <div className='ml-2 mr-3 hidden h-3.5 w-[1px] bg-gray-200 group-hover:block' />
+                  <div className="ml-2 mr-3 hidden h-3.5 w-[1px] bg-gray-200 group-hover:block" />
                   <Switch
-                    size='l'
+                    size="l"
                     defaultValue={item.enabled}
                     onChange={(enabled: boolean) => handleSaveExternalDataToolModal({ ...item, enabled }, index)}
                   />
diff --git a/web/app/components/app/create-app-dialog/app-card/index.spec.tsx b/web/app/components/app/create-app-dialog/app-card/index.spec.tsx
index 5ee893d5db..e1f9773ac3 100644
--- a/web/app/components/app/create-app-dialog/app-card/index.spec.tsx
+++ b/web/app/components/app/create-app-dialog/app-card/index.spec.tsx
@@ -1,9 +1,9 @@
+import type { App } from '@/models/explore'
+import type { AppIconType } from '@/types/app'
 import { render, screen, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import AppCard from './index'
-import type { AppIconType } from '@/types/app'
 import { AppModeEnum } from '@/types/app'
-import type { App } from '@/models/explore'
+import AppCard from './index'
 
 vi.mock('@heroicons/react/20/solid', () => ({
   PlusIcon: ({ className }: any) => <div data-testid="plus-icon" className={className} aria-label="Add icon">+</div>,
diff --git a/web/app/components/app/create-app-dialog/app-card/index.tsx b/web/app/components/app/create-app-dialog/app-card/index.tsx
index df35a74ec7..da84c08936 100644
--- a/web/app/components/app/create-app-dialog/app-card/index.tsx
+++ b/web/app/components/app/create-app-dialog/app-card/index.tsx
@@ -1,11 +1,11 @@
 'use client'
-import { useTranslation } from 'react-i18next'
+import type { App } from '@/models/explore'
 import { PlusIcon } from '@heroicons/react/20/solid'
-import { AppTypeIcon, AppTypeLabel } from '../../type-selector'
+import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
-import type { App } from '@/models/explore'
-import AppIcon from '@/app/components/base/app-icon'
+import { AppTypeIcon, AppTypeLabel } from '../../type-selector'
 
 export type AppCardProps = {
   app: App
@@ -22,36 +22,39 @@ const AppCard = ({
   const { app: appBasicInfo } = app
   return (
     <div className={cn('group relative flex h-[132px] cursor-pointer flex-col overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4  shadow-xs hover:shadow-lg')}>
-      <div className='flex shrink-0 grow-0 items-center gap-3 pb-2'>
-        <div className='relative shrink-0'>
+      <div className="flex shrink-0 grow-0 items-center gap-3 pb-2">
+        <div className="relative shrink-0">
           <AppIcon
-            size='large'
+            size="large"
             iconType={appBasicInfo.icon_type}
             icon={appBasicInfo.icon}
             background={appBasicInfo.icon_background}
             imageUrl={appBasicInfo.icon_url}
           />
-          <AppTypeIcon wrapperClassName='absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[4px] border border-divider-regular outline outline-components-panel-on-panel-item-bg'
-            className='h-3 w-3' type={appBasicInfo.mode} />
+          <AppTypeIcon
+            wrapperClassName="absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[4px] border border-divider-regular outline outline-components-panel-on-panel-item-bg"
+            className="h-3 w-3"
+            type={appBasicInfo.mode}
+          />
         </div>
-        <div className='flex grow flex-col gap-1'>
-          <div className='line-clamp-1'>
-            <span className='system-md-semibold text-text-secondary' title={appBasicInfo.name}>{appBasicInfo.name}</span>
+        <div className="flex grow flex-col gap-1">
+          <div className="line-clamp-1">
+            <span className="system-md-semibold text-text-secondary" title={appBasicInfo.name}>{appBasicInfo.name}</span>
           </div>
-          <AppTypeLabel className='system-2xs-medium-uppercase text-text-tertiary' type={app.app.mode} />
+          <AppTypeLabel className="system-2xs-medium-uppercase text-text-tertiary" type={app.app.mode} />
         </div>
       </div>
       <div className="system-xs-regular py-1 text-text-tertiary">
-        <div className='line-clamp-3'>
+        <div className="line-clamp-3">
           {app.description}
         </div>
       </div>
       {canCreate && (
         <div className={cn('absolute bottom-0 left-0 right-0 hidden bg-gradient-to-t from-components-panel-gradient-2 from-[60.27%] to-transparent p-4 pt-8 group-hover:flex')}>
           <div className={cn('flex h-8 w-full items-center space-x-2')}>
-            <Button variant='primary' className='grow' onClick={() => onCreate()}>
-              <PlusIcon className='mr-1 h-4 w-4' />
-              <span className='text-xs'>{t('app.newApp.useTemplate')}</span>
+            <Button variant="primary" className="grow" onClick={() => onCreate()}>
+              <PlusIcon className="mr-1 h-4 w-4" />
+              <span className="text-xs">{t('app.newApp.useTemplate')}</span>
             </Button>
           </div>
         </div>
diff --git a/web/app/components/app/create-app-dialog/app-list/index.tsx b/web/app/components/app/create-app-dialog/app-list/index.tsx
index 4655d7a676..0af1b347af 100644
--- a/web/app/components/app/create-app-dialog/app-list/index.tsx
+++ b/web/app/components/app/create-app-dialog/app-list/index.tsx
@@ -1,34 +1,34 @@
 'use client'
 
-import React, { useMemo, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import useSWR from 'swr'
-import { useDebounceFn } from 'ahooks'
-import { RiRobot2Line } from '@remixicon/react'
-import AppCard from '../app-card'
-import Sidebar, { AppCategories, AppCategoryLabel } from './sidebar'
-import Toast from '@/app/components/base/toast'
-import Divider from '@/app/components/base/divider'
-import { cn } from '@/utils/classnames'
-import ExploreContext from '@/context/explore-context'
-import type { App } from '@/models/explore'
-import { fetchAppDetail, fetchAppList } from '@/service/explore'
-import { importDSL } from '@/service/apps'
-import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
-import CreateAppModal from '@/app/components/explore/create-app-modal'
-import AppTypeSelector from '@/app/components/app/type-selector'
 import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
+import type { App } from '@/models/explore'
+import { RiRobot2Line } from '@remixicon/react'
+import { useDebounceFn } from 'ahooks'
+import { useRouter } from 'next/navigation'
+import React, { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSWR from 'swr'
+import { useContext } from 'use-context-selector'
+import AppTypeSelector from '@/app/components/app/type-selector'
+import { trackEvent } from '@/app/components/base/amplitude'
+import Divider from '@/app/components/base/divider'
+import Input from '@/app/components/base/input'
 import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
+import CreateAppModal from '@/app/components/explore/create-app-modal'
+import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
 import { useAppContext } from '@/context/app-context'
-import { getRedirection } from '@/utils/app-redirection'
-import Input from '@/app/components/base/input'
-import { AppModeEnum } from '@/types/app'
+import ExploreContext from '@/context/explore-context'
+import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
 import { DSLImportMode } from '@/models/app'
-import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
-import { trackEvent } from '@/app/components/base/amplitude'
+import { importDSL } from '@/service/apps'
+import { fetchAppDetail, fetchAppList } from '@/service/explore'
+import { AppModeEnum } from '@/types/app'
+import { getRedirection } from '@/utils/app-redirection'
+import { cn } from '@/utils/classnames'
+import AppCard from '../app-card'
+import Sidebar, { AppCategories, AppCategoryLabel } from './sidebar'
 
 type AppsProps = {
   onSuccess?: () => void
@@ -177,58 +177,65 @@ const Apps = ({
   }
 
   return (
-    <div className='flex h-full flex-col'>
-      <div className='flex items-center justify-between border-b border-divider-burn py-3'>
-        <div className='min-w-[180px] pl-5'>
-          <span className='title-xl-semi-bold text-text-primary'>{t('app.newApp.startFromTemplate')}</span>
+    <div className="flex h-full flex-col">
+      <div className="flex items-center justify-between border-b border-divider-burn py-3">
+        <div className="min-w-[180px] pl-5">
+          <span className="title-xl-semi-bold text-text-primary">{t('app.newApp.startFromTemplate')}</span>
         </div>
-        <div className='flex max-w-[548px] flex-1 items-center rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-1.5 shadow-md'>
+        <div className="flex max-w-[548px] flex-1 items-center rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-1.5 shadow-md">
           <AppTypeSelector value={currentType} onChange={setCurrentType} />
-          <div className='h-[14px]'>
-            <Divider type='vertical' />
+          <div className="h-[14px]">
+            <Divider type="vertical" />
           </div>
           <Input
             showClearIcon
-            wrapperClassName='w-full flex-1'
-            className='bg-transparent hover:border-transparent hover:bg-transparent focus:border-transparent focus:bg-transparent focus:shadow-none'
+            wrapperClassName="w-full flex-1"
+            className="bg-transparent hover:border-transparent hover:bg-transparent focus:border-transparent focus:bg-transparent focus:shadow-none"
             placeholder={t('app.newAppFromTemplate.searchAllTemplate') as string}
             value={keywords}
             onChange={e => handleKeywordsChange(e.target.value)}
             onClear={() => handleKeywordsChange('')}
           />
         </div>
-        <div className='h-8 w-[180px]'></div>
+        <div className="h-8 w-[180px]"></div>
       </div>
-      <div className='relative flex flex-1 overflow-y-auto'>
-        {!searchKeywords && <div className='h-full w-[200px] p-4'>
-          <Sidebar current={currCategory as AppCategories} categories={categories} onClick={(category) => { setCurrCategory(category) }} onCreateFromBlank={onCreateFromBlank} />
-        </div>}
-        <div className='h-full flex-1 shrink-0 grow overflow-auto border-l border-divider-burn p-6 pt-2'>
-          {searchFilteredList && searchFilteredList.length > 0 && <>
-            <div className='pb-1 pt-4'>
-              {searchKeywords
-                ? <p className='title-md-semi-bold text-text-tertiary'>{searchFilteredList.length > 1 ? t('app.newApp.foundResults', { count: searchFilteredList.length }) : t('app.newApp.foundResult', { count: searchFilteredList.length })}</p>
-                : <div className='flex h-[22px] items-center'>
-                  <AppCategoryLabel category={currCategory as AppCategories} className='title-md-semi-bold text-text-primary' />
-                </div>}
-            </div>
-            <div
-              className={cn(
-                'grid shrink-0 grid-cols-1 content-start gap-3 sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5 2k:grid-cols-6',
-              )}>
-              {searchFilteredList.map(app => (
-                <AppCard
-                  key={app.app_id}
-                  app={app}
-                  canCreate={hasEditPermission}
-                  onCreate={() => {
-                    setCurrApp(app)
-                    setIsShowCreateModal(true)
-                  }}
-                />
-              ))}
-            </div>
-          </>}
+      <div className="relative flex flex-1 overflow-y-auto">
+        {!searchKeywords && (
+          <div className="h-full w-[200px] p-4">
+            <Sidebar current={currCategory as AppCategories} categories={categories} onClick={(category) => { setCurrCategory(category) }} onCreateFromBlank={onCreateFromBlank} />
+          </div>
+        )}
+        <div className="h-full flex-1 shrink-0 grow overflow-auto border-l border-divider-burn p-6 pt-2">
+          {searchFilteredList && searchFilteredList.length > 0 && (
+            <>
+              <div className="pb-1 pt-4">
+                {searchKeywords
+                  ? <p className="title-md-semi-bold text-text-tertiary">{searchFilteredList.length > 1 ? t('app.newApp.foundResults', { count: searchFilteredList.length }) : t('app.newApp.foundResult', { count: searchFilteredList.length })}</p>
+                  : (
+                      <div className="flex h-[22px] items-center">
+                        <AppCategoryLabel category={currCategory as AppCategories} className="title-md-semi-bold text-text-primary" />
+                      </div>
+                    )}
+              </div>
+              <div
+                className={cn(
+                  'grid shrink-0 grid-cols-1 content-start gap-3 sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5 2k:grid-cols-6',
+                )}
+              >
+                {searchFilteredList.map(app => (
+                  <AppCard
+                    key={app.app_id}
+                    app={app}
+                    canCreate={hasEditPermission}
+                    onCreate={() => {
+                      setCurrApp(app)
+                      setIsShowCreateModal(true)
+                    }}
+                  />
+                ))}
+              </div>
+            </>
+          )}
           {(!searchFilteredList || searchFilteredList.length === 0) && <NoTemplateFound />}
         </div>
       </div>
@@ -253,11 +260,13 @@ export default React.memo(Apps)
 
 function NoTemplateFound() {
   const { t } = useTranslation()
-  return <div className='w-full rounded-lg bg-workflow-process-bg p-4'>
-    <div className='mb-2 inline-flex h-8 w-8 items-center justify-center rounded-lg bg-components-card-bg shadow-lg'>
-      <RiRobot2Line className='h-5 w-5 text-text-tertiary' />
+  return (
+    <div className="w-full rounded-lg bg-workflow-process-bg p-4">
+      <div className="mb-2 inline-flex h-8 w-8 items-center justify-center rounded-lg bg-components-card-bg shadow-lg">
+        <RiRobot2Line className="h-5 w-5 text-text-tertiary" />
+      </div>
+      <p className="title-md-semi-bold text-text-primary">{t('app.newApp.noTemplateFound')}</p>
+      <p className="system-sm-regular text-text-tertiary">{t('app.newApp.noTemplateFoundTip')}</p>
     </div>
-    <p className='title-md-semi-bold text-text-primary'>{t('app.newApp.noTemplateFound')}</p>
-    <p className='system-sm-regular text-text-tertiary'>{t('app.newApp.noTemplateFoundTip')}</p>
-  </div>
+  )
 }
diff --git a/web/app/components/app/create-app-dialog/app-list/sidebar.tsx b/web/app/components/app/create-app-dialog/app-list/sidebar.tsx
index 89062cdcf9..33fd8423c0 100644
--- a/web/app/components/app/create-app-dialog/app-list/sidebar.tsx
+++ b/web/app/components/app/create-app-dialog/app-list/sidebar.tsx
@@ -1,8 +1,8 @@
 'use client'
 import { RiStickyNoteAddLine, RiThumbUpLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import Divider from '@/app/components/base/divider'
+import { cn } from '@/utils/classnames'
 
 export enum AppCategories {
   RECOMMENDED = 'Recommended',
@@ -17,20 +17,22 @@ type SidebarProps = {
 
 export default function Sidebar({ current, categories, onClick, onCreateFromBlank }: SidebarProps) {
   const { t } = useTranslation()
-  return <div className="flex h-full w-full flex-col">
-    <ul className='pt-0.5'>
-      <CategoryItem category={AppCategories.RECOMMENDED} active={current === AppCategories.RECOMMENDED} onClick={onClick} />
-    </ul>
-    <div className='system-xs-medium-uppercase mb-0.5 mt-3 px-3 pb-1 pt-2 text-text-tertiary'>{t('app.newAppFromTemplate.byCategories')}</div>
-    <ul className='flex grow flex-col gap-0.5'>
-      {categories.map(category => (<CategoryItem key={category} category={category} active={current === category} onClick={onClick} />))}
-    </ul>
-    <Divider bgStyle='gradient' />
-    <div className='flex cursor-pointer items-center gap-1 px-3 py-1 text-text-tertiary' onClick={onCreateFromBlank}>
-      <RiStickyNoteAddLine className='h-3.5 w-3.5' />
-      <span className='system-xs-regular'>{t('app.newApp.startFromBlank')}</span>
+  return (
+    <div className="flex h-full w-full flex-col">
+      <ul className="pt-0.5">
+        <CategoryItem category={AppCategories.RECOMMENDED} active={current === AppCategories.RECOMMENDED} onClick={onClick} />
+      </ul>
+      <div className="system-xs-medium-uppercase mb-0.5 mt-3 px-3 pb-1 pt-2 text-text-tertiary">{t('app.newAppFromTemplate.byCategories')}</div>
+      <ul className="flex grow flex-col gap-0.5">
+        {categories.map(category => (<CategoryItem key={category} category={category} active={current === category} onClick={onClick} />))}
+      </ul>
+      <Divider bgStyle="gradient" />
+      <div className="flex cursor-pointer items-center gap-1 px-3 py-1 text-text-tertiary" onClick={onCreateFromBlank}>
+        <RiStickyNoteAddLine className="h-3.5 w-3.5" />
+        <span className="system-xs-regular">{t('app.newApp.startFromBlank')}</span>
+      </div>
     </div>
-  </div>
+  )
 }
 
 type CategoryItemProps = {
@@ -39,15 +41,22 @@ type CategoryItemProps = {
   onClick?: (category: AppCategories | string) => void
 }
 function CategoryItem({ category, active, onClick }: CategoryItemProps) {
-  return <li
-    className={cn('group flex h-8 cursor-pointer items-center gap-2 rounded-lg p-1 pl-3 hover:bg-state-base-hover [&.active]:bg-state-base-active', active && 'active')}
-    onClick={() => { onClick?.(category) }}>
-    {category === AppCategories.RECOMMENDED && <div className='inline-flex h-5 w-5 items-center justify-center rounded-md'>
-      <RiThumbUpLine className='h-4 w-4 text-components-menu-item-text group-[.active]:text-components-menu-item-text-active' />
-    </div>}
-    <AppCategoryLabel category={category}
-      className={cn('system-sm-medium text-components-menu-item-text group-hover:text-components-menu-item-text-hover group-[.active]:text-components-menu-item-text-active', active && 'system-sm-semibold')} />
-  </li >
+  return (
+    <li
+      className={cn('group flex h-8 cursor-pointer items-center gap-2 rounded-lg p-1 pl-3 hover:bg-state-base-hover [&.active]:bg-state-base-active', active && 'active')}
+      onClick={() => { onClick?.(category) }}
+    >
+      {category === AppCategories.RECOMMENDED && (
+        <div className="inline-flex h-5 w-5 items-center justify-center rounded-md">
+          <RiThumbUpLine className="h-4 w-4 text-components-menu-item-text group-[.active]:text-components-menu-item-text-active" />
+        </div>
+      )}
+      <AppCategoryLabel
+        category={category}
+        className={cn('system-sm-medium text-components-menu-item-text group-hover:text-components-menu-item-text-hover group-[.active]:text-components-menu-item-text-active', active && 'system-sm-semibold')}
+      />
+    </li>
+  )
 }
 
 type AppCategoryLabelProps = {
diff --git a/web/app/components/app/create-app-dialog/index.spec.tsx b/web/app/components/app/create-app-dialog/index.spec.tsx
index 8dcfe28bc8..ac476b9403 100644
--- a/web/app/components/app/create-app-dialog/index.spec.tsx
+++ b/web/app/components/app/create-app-dialog/index.spec.tsx
@@ -119,12 +119,14 @@ describe('CreateAppTemplateDialog', () => {
     it('should call both onSuccess and onClose when app list success is triggered', () => {
       const mockOnSuccess = vi.fn()
       const mockOnClose = vi.fn()
-      render(<CreateAppTemplateDialog
-        {...defaultProps}
-        show={true}
-        onSuccess={mockOnSuccess}
-        onClose={mockOnClose}
-      />)
+      render(
+        <CreateAppTemplateDialog
+          {...defaultProps}
+          show={true}
+          onSuccess={mockOnSuccess}
+          onClose={mockOnClose}
+        />,
+      )
 
       fireEvent.click(screen.getByTestId('app-list-success'))
 
@@ -134,11 +136,13 @@ describe('CreateAppTemplateDialog', () => {
 
     it('should call onCreateFromBlank when create from blank is clicked', () => {
       const mockOnCreateFromBlank = vi.fn()
-      render(<CreateAppTemplateDialog
-        {...defaultProps}
-        show={true}
-        onCreateFromBlank={mockOnCreateFromBlank}
-      />)
+      render(
+        <CreateAppTemplateDialog
+          {...defaultProps}
+          show={true}
+          onCreateFromBlank={mockOnCreateFromBlank}
+        />,
+      )
 
       fireEvent.click(screen.getByTestId('create-from-blank'))
 
@@ -155,11 +159,13 @@ describe('CreateAppTemplateDialog', () => {
 
     it('should handle ESC key press to close modal', () => {
       const mockOnClose = vi.fn()
-      render(<CreateAppTemplateDialog
-        {...defaultProps}
-        show={true}
-        onClose={mockOnClose}
-      />)
+      render(
+        <CreateAppTemplateDialog
+          {...defaultProps}
+          show={true}
+          onClose={mockOnClose}
+        />,
+      )
 
       expect(capturedEscCallback).toBeDefined()
       expect(typeof capturedEscCallback).toBe('function')
@@ -172,11 +178,13 @@ describe('CreateAppTemplateDialog', () => {
 
     it('should not call onClose when ESC key is pressed and modal is not shown', () => {
       const mockOnClose = vi.fn()
-      render(<CreateAppTemplateDialog
-        {...defaultProps}
-        show={false} // Modal not shown
-        onClose={mockOnClose}
-      />)
+      render(
+        <CreateAppTemplateDialog
+          {...defaultProps}
+          show={false} // Modal not shown
+          onClose={mockOnClose}
+        />,
+      )
 
       // The callback should still be created but not execute onClose
       expect(capturedEscCallback).toBeDefined()
@@ -204,23 +212,27 @@ describe('CreateAppTemplateDialog', () => {
   describe('Edge Cases', () => {
     it('should handle null props gracefully', () => {
       expect(() => {
-        render(<CreateAppTemplateDialog
-          show={true}
-          onSuccess={vi.fn()}
-          onClose={vi.fn()}
+        render(
+          <CreateAppTemplateDialog
+            show={true}
+            onSuccess={vi.fn()}
+            onClose={vi.fn()}
           // onCreateFromBlank is undefined
-        />)
+          />,
+        )
       }).not.toThrow()
     })
 
     it('should handle undefined props gracefully', () => {
       expect(() => {
-        render(<CreateAppTemplateDialog
-          show={true}
-          onSuccess={vi.fn()}
-          onClose={vi.fn()}
-          onCreateFromBlank={undefined}
-        />)
+        render(
+          <CreateAppTemplateDialog
+            show={true}
+            onSuccess={vi.fn()}
+            onClose={vi.fn()}
+            onCreateFromBlank={undefined}
+          />,
+        )
       }).not.toThrow()
     })
 
diff --git a/web/app/components/app/create-app-dialog/index.tsx b/web/app/components/app/create-app-dialog/index.tsx
index 794bbbf9e8..762dddc028 100644
--- a/web/app/components/app/create-app-dialog/index.tsx
+++ b/web/app/components/app/create-app-dialog/index.tsx
@@ -1,8 +1,8 @@
 'use client'
-import { useCallback } from 'react'
 import { useKeyPress } from 'ahooks'
-import AppList from './app-list'
+import { useCallback } from 'react'
 import FullScreenModal from '@/app/components/base/fullscreen-modal'
+import AppList from './app-list'
 
 type CreateAppDialogProps = {
   show: boolean
@@ -25,10 +25,13 @@ const CreateAppTemplateDialog = ({ show, onSuccess, onClose, onCreateFromBlank }
       closable
       onClose={onClose}
     >
-      <AppList onCreateFromBlank={onCreateFromBlank} onSuccess={() => {
-        onSuccess()
-        onClose()
-      }} />
+      <AppList
+        onCreateFromBlank={onCreateFromBlank}
+        onSuccess={() => {
+          onSuccess()
+          onClose()
+        }}
+      />
     </FullScreenModal>
   )
 }
diff --git a/web/app/components/app/create-app-modal/index.tsx b/web/app/components/app/create-app-modal/index.tsx
index d74715187f..7ab3b5a975 100644
--- a/web/app/components/app/create-app-modal/index.tsx
+++ b/web/app/components/app/create-app-modal/index.tsx
@@ -1,36 +1,36 @@
 'use client'
 
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-
-import { useRouter } from 'next/navigation'
-import { useContext } from 'use-context-selector'
+import type { AppIconSelection } from '../../base/app-icon-picker'
 import { RiArrowRightLine, RiArrowRightSLine, RiCommandLine, RiCornerDownLeftLine, RiExchange2Fill } from '@remixicon/react'
-import Link from 'next/link'
+
 import { useDebounceFn, useKeyPress } from 'ahooks'
 import Image from 'next/image'
-import AppIconPicker from '../../base/app-icon-picker'
-import type { AppIconSelection } from '../../base/app-icon-picker'
+import Link from 'next/link'
+import { useRouter } from 'next/navigation'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { trackEvent } from '@/app/components/base/amplitude'
+import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
-import { cn } from '@/utils/classnames'
-import { basePath } from '@/utils/var'
-import { useAppContext } from '@/context/app-context'
-import { useProviderContext } from '@/context/provider-context'
-import { ToastContext } from '@/app/components/base/toast'
-import { AppModeEnum } from '@/types/app'
-import { createApp } from '@/service/apps'
+import FullScreenModal from '@/app/components/base/fullscreen-modal'
+import { BubbleTextMod, ChatBot, ListSparkle, Logic } from '@/app/components/base/icons/src/vender/solid/communication'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
-import AppIcon from '@/app/components/base/app-icon'
+import { ToastContext } from '@/app/components/base/toast'
 import AppsFull from '@/app/components/billing/apps-full-in-dialog'
-import { BubbleTextMod, ChatBot, ListSparkle, Logic } from '@/app/components/base/icons/src/vender/solid/communication'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import { getRedirection } from '@/utils/app-redirection'
-import FullScreenModal from '@/app/components/base/fullscreen-modal'
-import useTheme from '@/hooks/use-theme'
+import { useAppContext } from '@/context/app-context'
 import { useDocLink } from '@/context/i18n'
-import { trackEvent } from '@/app/components/base/amplitude'
+import { useProviderContext } from '@/context/provider-context'
+import useTheme from '@/hooks/use-theme'
+import { createApp } from '@/service/apps'
+import { AppModeEnum } from '@/types/app'
+import { getRedirection } from '@/utils/app-redirection'
+import { cn } from '@/utils/classnames'
+import { basePath } from '@/utils/var'
+import AppIconPicker from '../../base/app-icon-picker'
 
 type CreateAppProps = {
   onSuccess: () => void
@@ -111,169 +111,194 @@ function CreateApp({ onClose, onSuccess, onCreateFromTemplate, defaultAppMode }:
       return
     handleCreateApp()
   })
-  return <>
-    <div className='flex h-full justify-center overflow-y-auto overflow-x-hidden'>
-      <div className='flex flex-1 shrink-0 justify-end'>
-        <div className='px-10'>
-          <div className='h-6 w-full 2xl:h-[139px]' />
-          <div className='pb-6 pt-1'>
-            <span className='title-2xl-semi-bold text-text-primary'>{t('app.newApp.startFromBlank')}</span>
-          </div>
-          <div className='mb-2 leading-6'>
-            <span className='system-sm-semibold text-text-secondary'>{t('app.newApp.chooseAppType')}</span>
-          </div>
-          <div className='flex w-[660px] flex-col gap-4'>
-            <div>
-              <div className='flex flex-row gap-2'>
-                <AppTypeCard
-                  active={appMode === AppModeEnum.WORKFLOW}
-                  title={t('app.types.workflow')}
-                  description={t('app.newApp.workflowShortDescription')}
-                  icon={<div className='flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-indigo-solid'>
-                    <RiExchange2Fill className='h-4 w-4 text-components-avatar-shape-fill-stop-100' />
-                  </div>}
-                  onClick={() => {
-                    setAppMode(AppModeEnum.WORKFLOW)
-                  }} />
-                <AppTypeCard
-                  active={appMode === AppModeEnum.ADVANCED_CHAT}
-                  title={t('app.types.advanced')}
-                  description={t('app.newApp.advancedShortDescription')}
-                  icon={<div className='flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-blue-light-solid'>
-                    <BubbleTextMod className='h-4 w-4 text-components-avatar-shape-fill-stop-100' />
-                  </div>}
-                  onClick={() => {
-                    setAppMode(AppModeEnum.ADVANCED_CHAT)
-                  }} />
-              </div>
+  return (
+    <>
+      <div className="flex h-full justify-center overflow-y-auto overflow-x-hidden">
+        <div className="flex flex-1 shrink-0 justify-end">
+          <div className="px-10">
+            <div className="h-6 w-full 2xl:h-[139px]" />
+            <div className="pb-6 pt-1">
+              <span className="title-2xl-semi-bold text-text-primary">{t('app.newApp.startFromBlank')}</span>
             </div>
-            <div>
-              <div className='mb-2 flex items-center'>
-                <button type="button"
-                  className='flex cursor-pointer items-center border-0 bg-transparent p-0'
-                  onClick={() => setIsAppTypeExpanded(!isAppTypeExpanded)}
-                >
-                  <span className='system-2xs-medium-uppercase text-text-tertiary'>{t('app.newApp.forBeginners')}</span>
-                  <RiArrowRightSLine className={`ml-1 h-4 w-4 text-text-tertiary transition-transform ${isAppTypeExpanded ? 'rotate-90' : ''}`} />
-                </button>
-              </div>
-              {isAppTypeExpanded && (
-                <div className='flex flex-row gap-2'>
-                  <AppTypeCard
-                    active={appMode === AppModeEnum.CHAT}
-                    title={t('app.types.chatbot')}
-                    description={t('app.newApp.chatbotShortDescription')}
-                    icon={<div className='flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-blue-solid'>
-                      <ChatBot className='h-4 w-4 text-components-avatar-shape-fill-stop-100' />
-                    </div>}
-                    onClick={() => {
-                      setAppMode(AppModeEnum.CHAT)
-                    }} />
-                  <AppTypeCard
-                    active={appMode === AppModeEnum.AGENT_CHAT}
-                    title={t('app.types.agent')}
-                    description={t('app.newApp.agentShortDescription')}
-                    icon={<div className='flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-violet-solid'>
-                      <Logic className='h-4 w-4 text-components-avatar-shape-fill-stop-100' />
-                    </div>}
-                    onClick={() => {
-                      setAppMode(AppModeEnum.AGENT_CHAT)
-                    }} />
-                  <AppTypeCard
-                    active={appMode === AppModeEnum.COMPLETION}
-                    title={t('app.newApp.completeApp')}
-                    description={t('app.newApp.completionShortDescription')}
-                    icon={<div className='flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-teal-solid'>
-                      <ListSparkle className='h-4 w-4 text-components-avatar-shape-fill-stop-100' />
-                    </div>}
-                    onClick={() => {
-                      setAppMode(AppModeEnum.COMPLETION)
-                    }} />
-                </div>
-              )}
+            <div className="mb-2 leading-6">
+              <span className="system-sm-semibold text-text-secondary">{t('app.newApp.chooseAppType')}</span>
             </div>
-            <Divider style={{ margin: 0 }} />
-            <div className='flex items-center space-x-3'>
-              <div className='flex-1'>
-                <div className='mb-1 flex h-6 items-center'>
-                  <label className='system-sm-semibold text-text-secondary'>{t('app.newApp.captionName')}</label>
+            <div className="flex w-[660px] flex-col gap-4">
+              <div>
+                <div className="flex flex-row gap-2">
+                  <AppTypeCard
+                    active={appMode === AppModeEnum.WORKFLOW}
+                    title={t('app.types.workflow')}
+                    description={t('app.newApp.workflowShortDescription')}
+                    icon={(
+                      <div className="flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-indigo-solid">
+                        <RiExchange2Fill className="h-4 w-4 text-components-avatar-shape-fill-stop-100" />
+                      </div>
+                    )}
+                    onClick={() => {
+                      setAppMode(AppModeEnum.WORKFLOW)
+                    }}
+                  />
+                  <AppTypeCard
+                    active={appMode === AppModeEnum.ADVANCED_CHAT}
+                    title={t('app.types.advanced')}
+                    description={t('app.newApp.advancedShortDescription')}
+                    icon={(
+                      <div className="flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-blue-light-solid">
+                        <BubbleTextMod className="h-4 w-4 text-components-avatar-shape-fill-stop-100" />
+                      </div>
+                    )}
+                    onClick={() => {
+                      setAppMode(AppModeEnum.ADVANCED_CHAT)
+                    }}
+                  />
                 </div>
-                <Input
-                  value={name}
-                  onChange={e => setName(e.target.value)}
-                  placeholder={t('app.newApp.appNamePlaceholder') || ''}
+              </div>
+              <div>
+                <div className="mb-2 flex items-center">
+                  <button
+                    type="button"
+                    className="flex cursor-pointer items-center border-0 bg-transparent p-0"
+                    onClick={() => setIsAppTypeExpanded(!isAppTypeExpanded)}
+                  >
+                    <span className="system-2xs-medium-uppercase text-text-tertiary">{t('app.newApp.forBeginners')}</span>
+                    <RiArrowRightSLine className={`ml-1 h-4 w-4 text-text-tertiary transition-transform ${isAppTypeExpanded ? 'rotate-90' : ''}`} />
+                  </button>
+                </div>
+                {isAppTypeExpanded && (
+                  <div className="flex flex-row gap-2">
+                    <AppTypeCard
+                      active={appMode === AppModeEnum.CHAT}
+                      title={t('app.types.chatbot')}
+                      description={t('app.newApp.chatbotShortDescription')}
+                      icon={(
+                        <div className="flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-blue-solid">
+                          <ChatBot className="h-4 w-4 text-components-avatar-shape-fill-stop-100" />
+                        </div>
+                      )}
+                      onClick={() => {
+                        setAppMode(AppModeEnum.CHAT)
+                      }}
+                    />
+                    <AppTypeCard
+                      active={appMode === AppModeEnum.AGENT_CHAT}
+                      title={t('app.types.agent')}
+                      description={t('app.newApp.agentShortDescription')}
+                      icon={(
+                        <div className="flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-violet-solid">
+                          <Logic className="h-4 w-4 text-components-avatar-shape-fill-stop-100" />
+                        </div>
+                      )}
+                      onClick={() => {
+                        setAppMode(AppModeEnum.AGENT_CHAT)
+                      }}
+                    />
+                    <AppTypeCard
+                      active={appMode === AppModeEnum.COMPLETION}
+                      title={t('app.newApp.completeApp')}
+                      description={t('app.newApp.completionShortDescription')}
+                      icon={(
+                        <div className="flex h-6 w-6 items-center justify-center rounded-md bg-components-icon-bg-teal-solid">
+                          <ListSparkle className="h-4 w-4 text-components-avatar-shape-fill-stop-100" />
+                        </div>
+                      )}
+                      onClick={() => {
+                        setAppMode(AppModeEnum.COMPLETION)
+                      }}
+                    />
+                  </div>
+                )}
+              </div>
+              <Divider style={{ margin: 0 }} />
+              <div className="flex items-center space-x-3">
+                <div className="flex-1">
+                  <div className="mb-1 flex h-6 items-center">
+                    <label className="system-sm-semibold text-text-secondary">{t('app.newApp.captionName')}</label>
+                  </div>
+                  <Input
+                    value={name}
+                    onChange={e => setName(e.target.value)}
+                    placeholder={t('app.newApp.appNamePlaceholder') || ''}
+                  />
+                </div>
+                <AppIcon
+                  iconType={appIcon.type}
+                  icon={appIcon.type === 'emoji' ? appIcon.icon : appIcon.fileId}
+                  background={appIcon.type === 'emoji' ? appIcon.background : undefined}
+                  imageUrl={appIcon.type === 'image' ? appIcon.url : undefined}
+                  size="xxl"
+                  className="cursor-pointer rounded-2xl"
+                  onClick={() => { setShowAppIconPicker(true) }}
+                />
+                {showAppIconPicker && (
+                  <AppIconPicker
+                    onSelect={(payload) => {
+                      setAppIcon(payload)
+                      setShowAppIconPicker(false)
+                    }}
+                    onClose={() => {
+                      setShowAppIconPicker(false)
+                    }}
+                  />
+                )}
+              </div>
+              <div>
+                <div className="mb-1 flex h-6 items-center">
+                  <label className="system-sm-semibold text-text-secondary">{t('app.newApp.captionDescription')}</label>
+                  <span className="system-xs-regular ml-1 text-text-tertiary">
+                    (
+                    {t('app.newApp.optional')}
+                    )
+                  </span>
+                </div>
+                <Textarea
+                  className="resize-none"
+                  placeholder={t('app.newApp.appDescriptionPlaceholder') || ''}
+                  value={description}
+                  onChange={e => setDescription(e.target.value)}
                 />
               </div>
-              <AppIcon
-                iconType={appIcon.type}
-                icon={appIcon.type === 'emoji' ? appIcon.icon : appIcon.fileId}
-                background={appIcon.type === 'emoji' ? appIcon.background : undefined}
-                imageUrl={appIcon.type === 'image' ? appIcon.url : undefined}
-                size='xxl' className='cursor-pointer rounded-2xl'
-                onClick={() => { setShowAppIconPicker(true) }}
-              />
-              {showAppIconPicker && <AppIconPicker
-                onSelect={(payload) => {
-                  setAppIcon(payload)
-                  setShowAppIconPicker(false)
-                }}
-                onClose={() => {
-                  setShowAppIconPicker(false)
-                }}
-              />}
             </div>
-            <div>
-              <div className='mb-1 flex h-6 items-center'>
-                <label className='system-sm-semibold text-text-secondary'>{t('app.newApp.captionDescription')}</label>
-                <span className='system-xs-regular ml-1 text-text-tertiary'>({t('app.newApp.optional')})</span>
-              </div>
-              <Textarea
-                className='resize-none'
-                placeholder={t('app.newApp.appDescriptionPlaceholder') || ''}
-                value={description}
-                onChange={e => setDescription(e.target.value)}
-              />
-            </div>
-          </div>
-          {isAppsFull && <AppsFull className='mt-4' loc='app-create' />}
-          <div className='flex items-center justify-between pb-10 pt-5'>
-            <div className='system-xs-regular flex cursor-pointer items-center gap-1 text-text-tertiary' onClick={onCreateFromTemplate}>
-              <span>{t('app.newApp.noIdeaTip')}</span>
-              <div className='p-[1px]'>
-                <RiArrowRightLine className='h-3.5 w-3.5' />
-              </div>
-            </div>
-            <div className='flex gap-2'>
-              <Button onClick={onClose}>{t('app.newApp.Cancel')}</Button>
-              <Button disabled={isAppsFull || !name} className='gap-1' variant="primary" onClick={handleCreateApp}>
-                <span>{t('app.newApp.Create')}</span>
-                <div className='flex gap-0.5'>
-                  <RiCommandLine size={14} className='system-kbd rounded-sm bg-components-kbd-bg-white p-0.5' />
-                  <RiCornerDownLeftLine size={14} className='system-kbd rounded-sm bg-components-kbd-bg-white p-0.5' />
+            {isAppsFull && <AppsFull className="mt-4" loc="app-create" />}
+            <div className="flex items-center justify-between pb-10 pt-5">
+              <div className="system-xs-regular flex cursor-pointer items-center gap-1 text-text-tertiary" onClick={onCreateFromTemplate}>
+                <span>{t('app.newApp.noIdeaTip')}</span>
+                <div className="p-[1px]">
+                  <RiArrowRightLine className="h-3.5 w-3.5" />
                 </div>
-              </Button>
+              </div>
+              <div className="flex gap-2">
+                <Button onClick={onClose}>{t('app.newApp.Cancel')}</Button>
+                <Button disabled={isAppsFull || !name} className="gap-1" variant="primary" onClick={handleCreateApp}>
+                  <span>{t('app.newApp.Create')}</span>
+                  <div className="flex gap-0.5">
+                    <RiCommandLine size={14} className="system-kbd rounded-sm bg-components-kbd-bg-white p-0.5" />
+                    <RiCornerDownLeftLine size={14} className="system-kbd rounded-sm bg-components-kbd-bg-white p-0.5" />
+                  </div>
+                </Button>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div className='relative flex h-full flex-1 shrink justify-start overflow-hidden'>
-        <div className='absolute left-0 right-0 top-0 h-6 border-b border-b-divider-subtle 2xl:h-[139px]'></div>
-        <div className='max-w-[760px] border-x border-x-divider-subtle'>
-          <div className='h-6 2xl:h-[139px]' />
-          <AppPreview mode={appMode} />
-          <div className='absolute left-0 right-0 border-b border-b-divider-subtle'></div>
-          <div className='flex h-[448px] w-[664px] items-center justify-center' style={{ background: 'repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(16,24,40,0.04) 4px,transparent 3px, transparent 6px)' }}>
-            <AppScreenShot show={appMode === AppModeEnum.CHAT} mode={AppModeEnum.CHAT} />
-            <AppScreenShot show={appMode === AppModeEnum.ADVANCED_CHAT} mode={AppModeEnum.ADVANCED_CHAT} />
-            <AppScreenShot show={appMode === AppModeEnum.AGENT_CHAT} mode={AppModeEnum.AGENT_CHAT} />
-            <AppScreenShot show={appMode === AppModeEnum.COMPLETION} mode={AppModeEnum.COMPLETION} />
-            <AppScreenShot show={appMode === AppModeEnum.WORKFLOW} mode={AppModeEnum.WORKFLOW} />
+        <div className="relative flex h-full flex-1 shrink justify-start overflow-hidden">
+          <div className="absolute left-0 right-0 top-0 h-6 border-b border-b-divider-subtle 2xl:h-[139px]"></div>
+          <div className="max-w-[760px] border-x border-x-divider-subtle">
+            <div className="h-6 2xl:h-[139px]" />
+            <AppPreview mode={appMode} />
+            <div className="absolute left-0 right-0 border-b border-b-divider-subtle"></div>
+            <div className="flex h-[448px] w-[664px] items-center justify-center" style={{ background: 'repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(16,24,40,0.04) 4px,transparent 3px, transparent 6px)' }}>
+              <AppScreenShot show={appMode === AppModeEnum.CHAT} mode={AppModeEnum.CHAT} />
+              <AppScreenShot show={appMode === AppModeEnum.ADVANCED_CHAT} mode={AppModeEnum.ADVANCED_CHAT} />
+              <AppScreenShot show={appMode === AppModeEnum.AGENT_CHAT} mode={AppModeEnum.AGENT_CHAT} />
+              <AppScreenShot show={appMode === AppModeEnum.COMPLETION} mode={AppModeEnum.COMPLETION} />
+              <AppScreenShot show={appMode === AppModeEnum.WORKFLOW} mode={AppModeEnum.WORKFLOW} />
+            </div>
+            <div className="absolute left-0 right-0 border-b border-b-divider-subtle"></div>
           </div>
-          <div className='absolute left-0 right-0 border-b border-b-divider-subtle'></div>
         </div>
       </div>
-    </div>
-  </>
+    </>
+  )
 }
 type CreateAppDialogProps = CreateAppProps & {
   show: boolean
@@ -301,20 +326,22 @@ type AppTypeCardProps = {
   onClick: () => void
 }
 function AppTypeCard({ icon, title, description, active, onClick }: AppTypeCardProps) {
-  return <div
-    className={
-      cn(`relative box-content h-[84px] w-[191px] cursor-pointer rounded-xl
+  return (
+    <div
+      className={
+        cn(`relative box-content h-[84px] w-[191px] cursor-pointer rounded-xl
       border-[0.5px] border-components-option-card-option-border
       bg-components-panel-on-panel-item-bg p-3 shadow-xs hover:shadow-md`, active
-        ? 'shadow-md outline outline-[1.5px] outline-components-option-card-option-selected-border'
-        : '')
-    }
-    onClick={onClick}
-  >
-    {icon}
-    <div className='system-sm-semibold mb-0.5 mt-2 text-text-secondary'>{title}</div>
-    <div className='system-xs-regular line-clamp-2 text-text-tertiary' title={description}>{description}</div>
-  </div>
+          ? 'shadow-md outline outline-[1.5px] outline-components-option-card-option-selected-border'
+          : '')
+      }
+      onClick={onClick}
+    >
+      {icon}
+      <div className="system-sm-semibold mb-0.5 mt-2 text-text-secondary">{title}</div>
+      <div className="system-xs-regular line-clamp-2 text-text-tertiary" title={description}>{description}</div>
+    </div>
+  )
 }
 
 function AppPreview({ mode }: { mode: AppModeEnum }) {
@@ -357,16 +384,18 @@ function AppPreview({ mode }: { mode: AppModeEnum }) {
     },
   }
   const previewInfo = modeToPreviewInfoMap[mode]
-  return <div className='px-8 py-4'>
-    <h4 className='system-sm-semibold-uppercase text-text-secondary'>{previewInfo.title}</h4>
-    <div className='system-xs-regular mt-1 min-h-8 max-w-96 text-text-tertiary'>
-      <span>{previewInfo.description}</span>
-      {previewInfo.link && <Link target='_blank' href={previewInfo.link} className='ml-1 text-text-accent'>{t('app.newApp.learnMore')}</Link>}
+  return (
+    <div className="px-8 py-4">
+      <h4 className="system-sm-semibold-uppercase text-text-secondary">{previewInfo.title}</h4>
+      <div className="system-xs-regular mt-1 min-h-8 max-w-96 text-text-tertiary">
+        <span>{previewInfo.description}</span>
+        {previewInfo.link && <Link target="_blank" href={previewInfo.link} className="ml-1 text-text-accent">{t('app.newApp.learnMore')}</Link>}
+      </div>
     </div>
-  </div>
+  )
 }
 
-function AppScreenShot({ mode, show }: { mode: AppModeEnum; show: boolean }) {
+function AppScreenShot({ mode, show }: { mode: AppModeEnum, show: boolean }) {
   const { theme } = useTheme()
   const modeToImageMap = {
     [AppModeEnum.CHAT]: 'Chatbot',
@@ -375,13 +404,18 @@ function AppScreenShot({ mode, show }: { mode: AppModeEnum; show: boolean }) {
     [AppModeEnum.COMPLETION]: 'TextGenerator',
     [AppModeEnum.WORKFLOW]: 'Workflow',
   }
-  return <picture>
-    <source media="(resolution: 1x)" srcSet={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}.png`} />
-    <source media="(resolution: 2x)" srcSet={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}@2x.png`} />
-    <source media="(resolution: 3x)" srcSet={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}@3x.png`} />
-    <Image className={show ? '' : 'hidden'}
-      src={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}.png`}
-      alt='App Screen Shot'
-      width={664} height={448} />
-  </picture>
+  return (
+    <picture>
+      <source media="(resolution: 1x)" srcSet={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}.png`} />
+      <source media="(resolution: 2x)" srcSet={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}@2x.png`} />
+      <source media="(resolution: 3x)" srcSet={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}@3x.png`} />
+      <Image
+        className={show ? '' : 'hidden'}
+        src={`${basePath}/screenshots/${theme}/${modeToImageMap[mode]}.png`}
+        alt="App Screen Shot"
+        width={664}
+        height={448}
+      />
+    </picture>
+  )
 }
diff --git a/web/app/components/app/create-from-dsl-modal/dsl-confirm-modal.tsx b/web/app/components/app/create-from-dsl-modal/dsl-confirm-modal.tsx
index e6aadaa326..03ca72a885 100644
--- a/web/app/components/app/create-from-dsl-modal/dsl-confirm-modal.tsx
+++ b/web/app/components/app/create-from-dsl-modal/dsl-confirm-modal.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
 
 type DSLConfirmModalProps = {
   versions?: {
@@ -23,21 +23,27 @@ const DSLConfirmModal = ({
     <Modal
       isShow
       onClose={() => onCancel()}
-      className='w-[480px]'
+      className="w-[480px]"
     >
-      <div className='flex flex-col items-start gap-2 self-stretch pb-4'>
-        <div className='title-2xl-semi-bold text-text-primary'>{t('app.newApp.appCreateDSLErrorTitle')}</div>
-        <div className='system-md-regular flex grow flex-col text-text-secondary'>
+      <div className="flex flex-col items-start gap-2 self-stretch pb-4">
+        <div className="title-2xl-semi-bold text-text-primary">{t('app.newApp.appCreateDSLErrorTitle')}</div>
+        <div className="system-md-regular flex grow flex-col text-text-secondary">
           <div>{t('app.newApp.appCreateDSLErrorPart1')}</div>
           <div>{t('app.newApp.appCreateDSLErrorPart2')}</div>
           <br />
-          <div>{t('app.newApp.appCreateDSLErrorPart3')}<span className='system-md-medium'>{versions.importedVersion}</span></div>
-          <div>{t('app.newApp.appCreateDSLErrorPart4')}<span className='system-md-medium'>{versions.systemVersion}</span></div>
+          <div>
+            {t('app.newApp.appCreateDSLErrorPart3')}
+            <span className="system-md-medium">{versions.importedVersion}</span>
+          </div>
+          <div>
+            {t('app.newApp.appCreateDSLErrorPart4')}
+            <span className="system-md-medium">{versions.systemVersion}</span>
+          </div>
         </div>
       </div>
-      <div className='flex items-start justify-end gap-2 self-stretch pt-6'>
-        <Button variant='secondary' onClick={() => onCancel()}>{t('app.newApp.Cancel')}</Button>
-        <Button variant='primary' destructive onClick={onConfirm} disabled={confirmDisabled}>{t('app.newApp.Confirm')}</Button>
+      <div className="flex items-start justify-end gap-2 self-stretch pt-6">
+        <Button variant="secondary" onClick={() => onCancel()}>{t('app.newApp.Cancel')}</Button>
+        <Button variant="primary" destructive onClick={onConfirm} disabled={confirmDisabled}>{t('app.newApp.Confirm')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/app/create-from-dsl-modal/index.tsx b/web/app/components/app/create-from-dsl-modal/index.tsx
index 0d30a2abac..3d6cabedf6 100644
--- a/web/app/components/app/create-from-dsl-modal/index.tsx
+++ b/web/app/components/app/create-from-dsl-modal/index.tsx
@@ -1,34 +1,34 @@
 'use client'
 
 import type { MouseEventHandler } from 'react'
-import { useEffect, useMemo, useRef, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
 import { RiCloseLine, RiCommandLine, RiCornerDownLeftLine } from '@remixicon/react'
 import { useDebounceFn, useKeyPress } from 'ahooks'
-import Uploader from './uploader'
+import { noop } from 'lodash-es'
+import { useRouter } from 'next/navigation'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { trackEvent } from '@/app/components/base/amplitude'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Modal from '@/app/components/base/modal'
 import { ToastContext } from '@/app/components/base/toast'
-import {
-  importDSL,
-  importDSLConfirm,
-} from '@/service/apps'
+import AppsFull from '@/app/components/billing/apps-full-in-dialog'
+import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
 import {
   DSLImportMode,
   DSLImportStatus,
 } from '@/models/app'
-import { useAppContext } from '@/context/app-context'
-import { useProviderContext } from '@/context/provider-context'
-import AppsFull from '@/app/components/billing/apps-full-in-dialog'
-import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import {
+  importDSL,
+  importDSLConfirm,
+} from '@/service/apps'
 import { getRedirection } from '@/utils/app-redirection'
 import { cn } from '@/utils/classnames'
-import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
-import { noop } from 'lodash-es'
-import { trackEvent } from '@/app/components/base/amplitude'
+import Uploader from './uploader'
 
 type CreateFromDSLModalProps = {
   show: boolean
@@ -53,7 +53,7 @@ const CreateFromDSLModal = ({ show, onSuccess, onClose, activeTab = CreateFromDS
   const [currentTab, setCurrentTab] = useState(activeTab)
   const [dslUrlValue, setDslUrlValue] = useState(dslUrl)
   const [showErrorModal, setShowErrorModal] = useState(false)
-  const [versions, setVersions] = useState<{ importedVersion: string; systemVersion: string }>()
+  const [versions, setVersions] = useState<{ importedVersion: string, systemVersion: string }>()
   const [importId, setImportId] = useState<string>()
   const { handleCheckPluginDependencies } = usePluginDependencies()
 
@@ -227,20 +227,20 @@ const CreateFromDSLModal = ({ show, onSuccess, onClose, activeTab = CreateFromDS
   return (
     <>
       <Modal
-        className='w-[520px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0 shadow-xl'
+        className="w-[520px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0 shadow-xl"
         isShow={show}
         onClose={noop}
       >
-        <div className='title-2xl-semi-bold flex items-center justify-between pb-3 pl-6 pr-5 pt-6 text-text-primary'>
+        <div className="title-2xl-semi-bold flex items-center justify-between pb-3 pl-6 pr-5 pt-6 text-text-primary">
           {t('app.importFromDSL')}
           <div
-            className='flex h-8 w-8 cursor-pointer items-center'
+            className="flex h-8 w-8 cursor-pointer items-center"
             onClick={() => onClose()}
           >
-            <RiCloseLine className='h-5 w-5 text-text-tertiary' />
+            <RiCloseLine className="h-5 w-5 text-text-tertiary" />
           </div>
         </div>
-        <div className='system-md-semibold flex h-9 items-center space-x-6 border-b border-divider-subtle px-6 text-text-tertiary'>
+        <div className="system-md-semibold flex h-9 items-center space-x-6 border-b border-divider-subtle px-6 text-text-tertiary">
           {
             tabs.map(tab => (
               <div
@@ -254,18 +254,18 @@ const CreateFromDSLModal = ({ show, onSuccess, onClose, activeTab = CreateFromDS
                 {tab.label}
                 {
                   currentTab === tab.key && (
-                    <div className='absolute bottom-0 h-[2px] w-full bg-util-colors-blue-brand-blue-brand-600'></div>
+                    <div className="absolute bottom-0 h-[2px] w-full bg-util-colors-blue-brand-blue-brand-600"></div>
                   )
                 }
               </div>
             ))
           }
         </div>
-        <div className='px-6 py-4'>
+        <div className="px-6 py-4">
           {
             currentTab === CreateFromDSLModalTab.FROM_FILE && (
               <Uploader
-                className='mt-0'
+                className="mt-0"
                 file={currentFile}
                 updateFile={handleFile}
               />
@@ -274,7 +274,7 @@ const CreateFromDSLModal = ({ show, onSuccess, onClose, activeTab = CreateFromDS
           {
             currentTab === CreateFromDSLModalTab.FROM_URL && (
               <div>
-                <div className='system-md-semibold mb-1 text-text-secondary'>DSL URL</div>
+                <div className="system-md-semibold mb-1 text-text-secondary">DSL URL</div>
                 <Input
                   placeholder={t('app.importFromDSLUrlPlaceholder') || ''}
                   value={dslUrlValue}
@@ -285,12 +285,12 @@ const CreateFromDSLModal = ({ show, onSuccess, onClose, activeTab = CreateFromDS
           }
         </div>
         {isAppsFull && (
-          <div className='px-6'>
-            <AppsFull className='mt-0' loc='app-create-dsl' />
+          <div className="px-6">
+            <AppsFull className="mt-0" loc="app-create-dsl" />
           </div>
         )}
-        <div className='flex justify-end px-6 py-5'>
-          <Button className='mr-2' onClick={onClose}>{t('app.newApp.Cancel')}</Button>
+        <div className="flex justify-end px-6 py-5">
+          <Button className="mr-2" onClick={onClose}>{t('app.newApp.Cancel')}</Button>
           <Button
             disabled={buttonDisabled}
             variant="primary"
@@ -298,9 +298,9 @@ const CreateFromDSLModal = ({ show, onSuccess, onClose, activeTab = CreateFromDS
             className="gap-1"
           >
             <span>{t('app.newApp.Create')}</span>
-            <div className='flex gap-0.5'>
-              <RiCommandLine size={14} className='system-kbd rounded-sm bg-components-kbd-bg-white p-0.5' />
-              <RiCornerDownLeftLine size={14} className='system-kbd rounded-sm bg-components-kbd-bg-white p-0.5' />
+            <div className="flex gap-0.5">
+              <RiCommandLine size={14} className="system-kbd rounded-sm bg-components-kbd-bg-white p-0.5" />
+              <RiCornerDownLeftLine size={14} className="system-kbd rounded-sm bg-components-kbd-bg-white p-0.5" />
             </div>
           </Button>
         </div>
@@ -308,21 +308,27 @@ const CreateFromDSLModal = ({ show, onSuccess, onClose, activeTab = CreateFromDS
       <Modal
         isShow={showErrorModal}
         onClose={() => setShowErrorModal(false)}
-        className='w-[480px]'
+        className="w-[480px]"
       >
-        <div className='flex flex-col items-start gap-2 self-stretch pb-4'>
-          <div className='title-2xl-semi-bold text-text-primary'>{t('app.newApp.appCreateDSLErrorTitle')}</div>
-          <div className='system-md-regular flex grow flex-col text-text-secondary'>
+        <div className="flex flex-col items-start gap-2 self-stretch pb-4">
+          <div className="title-2xl-semi-bold text-text-primary">{t('app.newApp.appCreateDSLErrorTitle')}</div>
+          <div className="system-md-regular flex grow flex-col text-text-secondary">
             <div>{t('app.newApp.appCreateDSLErrorPart1')}</div>
             <div>{t('app.newApp.appCreateDSLErrorPart2')}</div>
             <br />
-            <div>{t('app.newApp.appCreateDSLErrorPart3')}<span className='system-md-medium'>{versions?.importedVersion}</span></div>
-            <div>{t('app.newApp.appCreateDSLErrorPart4')}<span className='system-md-medium'>{versions?.systemVersion}</span></div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart3')}
+              <span className="system-md-medium">{versions?.importedVersion}</span>
+            </div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart4')}
+              <span className="system-md-medium">{versions?.systemVersion}</span>
+            </div>
           </div>
         </div>
-        <div className='flex items-start justify-end gap-2 self-stretch pt-6'>
-          <Button variant='secondary' onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
-          <Button variant='primary' destructive onClick={onDSLConfirm}>{t('app.newApp.Confirm')}</Button>
+        <div className="flex items-start justify-end gap-2 self-stretch pt-6">
+          <Button variant="secondary" onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
+          <Button variant="primary" destructive onClick={onDSLConfirm}>{t('app.newApp.Confirm')}</Button>
         </div>
       </Modal>
     </>
diff --git a/web/app/components/app/create-from-dsl-modal/uploader.tsx b/web/app/components/app/create-from-dsl-modal/uploader.tsx
index 2745ca84c6..73043643c7 100644
--- a/web/app/components/app/create-from-dsl-modal/uploader.tsx
+++ b/web/app/components/app/create-from-dsl-modal/uploader.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
 import {
   RiDeleteBinLine,
   RiUploadCloud2Line,
 } from '@remixicon/react'
+import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { formatFileSize } from '@/utils/format'
-import { cn } from '@/utils/classnames'
+import ActionButton from '@/app/components/base/action-button'
 import { Yaml as YamlIcon } from '@/app/components/base/icons/src/public/files'
 import { ToastContext } from '@/app/components/base/toast'
-import ActionButton from '@/app/components/base/action-button'
+import { cn } from '@/utils/classnames'
+import { formatFileSize } from '@/utils/format'
 
 export type Props = {
   file: File | undefined
@@ -101,40 +101,40 @@ const Uploader: FC<Props> = ({
       <input
         ref={fileUploader}
         style={{ display: 'none' }}
-        type='file'
-        id='fileUploader'
+        type="file"
+        id="fileUploader"
         accept={accept}
         onChange={fileChangeHandle}
       />
       <div ref={dropRef}>
         {!file && (
           <div className={cn('flex h-12 items-center rounded-[10px] border border-dashed border-components-dropzone-border bg-components-dropzone-bg text-sm font-normal', dragging && 'border-components-dropzone-border-accent bg-components-dropzone-bg-accent')}>
-            <div className='flex w-full items-center justify-center space-x-2'>
-              <RiUploadCloud2Line className='h-6 w-6 text-text-tertiary' />
-              <div className='text-text-tertiary'>
+            <div className="flex w-full items-center justify-center space-x-2">
+              <RiUploadCloud2Line className="h-6 w-6 text-text-tertiary" />
+              <div className="text-text-tertiary">
                 {t('app.dslUploader.button')}
-                <span className='cursor-pointer pl-1 text-text-accent' onClick={selectHandle}>{t('app.dslUploader.browse')}</span>
+                <span className="cursor-pointer pl-1 text-text-accent" onClick={selectHandle}>{t('app.dslUploader.browse')}</span>
               </div>
             </div>
-            {dragging && <div ref={dragRef} className='absolute left-0 top-0 h-full w-full' />}
+            {dragging && <div ref={dragRef} className="absolute left-0 top-0 h-full w-full" />}
           </div>
         )}
         {file && (
           <div className={cn('group flex items-center rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg shadow-xs', ' hover:bg-components-panel-on-panel-item-bg-hover')}>
-            <div className='flex items-center justify-center p-3'>
-              <YamlIcon className='h-6 w-6 shrink-0' />
+            <div className="flex items-center justify-center p-3">
+              <YamlIcon className="h-6 w-6 shrink-0" />
             </div>
-            <div className='flex grow flex-col items-start gap-0.5 py-1 pr-2'>
-              <span className='font-inter max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-[12px] font-medium leading-4 text-text-secondary'>{file.name}</span>
-              <div className='font-inter flex h-3 items-center gap-1 self-stretch text-[10px] font-medium uppercase leading-3 text-text-tertiary'>
+            <div className="flex grow flex-col items-start gap-0.5 py-1 pr-2">
+              <span className="font-inter max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-[12px] font-medium leading-4 text-text-secondary">{file.name}</span>
+              <div className="font-inter flex h-3 items-center gap-1 self-stretch text-[10px] font-medium uppercase leading-3 text-text-tertiary">
                 <span>{displayName}</span>
-                <span className='text-text-quaternary'>·</span>
+                <span className="text-text-quaternary">·</span>
                 <span>{formatFileSize(file.size)}</span>
               </div>
             </div>
-            <div className='hidden items-center pr-3 group-hover:flex'>
+            <div className="hidden items-center pr-3 group-hover:flex">
               <ActionButton onClick={removeFile}>
-                <RiDeleteBinLine className='h-4 w-4 text-text-tertiary' />
+                <RiDeleteBinLine className="h-4 w-4 text-text-tertiary" />
               </ActionButton>
             </div>
           </div>
diff --git a/web/app/components/app/duplicate-modal/index.spec.tsx b/web/app/components/app/duplicate-modal/index.spec.tsx
index 6f2115514a..7a8c33d0d2 100644
--- a/web/app/components/app/duplicate-modal/index.spec.tsx
+++ b/web/app/components/app/duplicate-modal/index.spec.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
+import type { ProviderContextState } from '@/context/provider-context'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import DuplicateAppModal from './index'
+import React from 'react'
 import Toast from '@/app/components/base/toast'
-import type { ProviderContextState } from '@/context/provider-context'
-import { baseProviderContextValue } from '@/context/provider-context'
 import { Plan } from '@/app/components/billing/type'
+import { baseProviderContextValue } from '@/context/provider-context'
+import DuplicateAppModal from './index'
 
 const appsFullRenderSpy = vi.fn()
 vi.mock('@/app/components/billing/apps-full-in-dialog', () => ({
diff --git a/web/app/components/app/duplicate-modal/index.tsx b/web/app/components/app/duplicate-modal/index.tsx
index f25eb5373d..39b7d87304 100644
--- a/web/app/components/app/duplicate-modal/index.tsx
+++ b/web/app/components/app/duplicate-modal/index.tsx
@@ -1,18 +1,18 @@
 'use client'
+import type { AppIconType } from '@/types/app'
+import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import AppIconPicker from '../../base/app-icon-picker'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
+import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 import Toast from '@/app/components/base/toast'
-import AppIcon from '@/app/components/base/app-icon'
-import { useProviderContext } from '@/context/provider-context'
 import AppsFull from '@/app/components/billing/apps-full-in-dialog'
-import type { AppIconType } from '@/types/app'
-import { noop } from 'lodash-es'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
+import AppIconPicker from '../../base/app-icon-picker'
 
 export type DuplicateAppModalProps = {
   appName: string
@@ -75,17 +75,17 @@ const DuplicateAppModal = ({
         onClose={noop}
         className={cn('relative !max-w-[480px]', 'px-8')}
       >
-        <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onHide}>
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+        <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onHide}>
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
-        <div className='relative mb-9 mt-3 text-xl font-semibold leading-[30px] text-text-primary'>{t('app.duplicateTitle')}</div>
-        <div className='system-sm-regular mb-9 text-text-secondary'>
-          <div className='system-md-medium mb-2'>{t('explore.appCustomize.subTitle')}</div>
-          <div className='flex items-center justify-between space-x-2'>
+        <div className="relative mb-9 mt-3 text-xl font-semibold leading-[30px] text-text-primary">{t('app.duplicateTitle')}</div>
+        <div className="system-sm-regular mb-9 text-text-secondary">
+          <div className="system-md-medium mb-2">{t('explore.appCustomize.subTitle')}</div>
+          <div className="flex items-center justify-between space-x-2">
             <AppIcon
-              size='large'
+              size="large"
               onClick={() => { setShowAppIconPicker(true) }}
-              className='cursor-pointer'
+              className="cursor-pointer"
               iconType={appIcon.type}
               icon={appIcon.type === 'image' ? appIcon.fileId : appIcon.icon}
               background={appIcon.type === 'image' ? undefined : appIcon.background}
@@ -94,28 +94,30 @@ const DuplicateAppModal = ({
             <Input
               value={name}
               onChange={e => setName(e.target.value)}
-              className='h-10'
+              className="h-10"
             />
           </div>
-          {isAppsFull && <AppsFull className='mt-4' loc='app-duplicate-create' />}
+          {isAppsFull && <AppsFull className="mt-4" loc="app-duplicate-create" />}
         </div>
-        <div className='flex flex-row-reverse'>
-          <Button disabled={isAppsFull} className='ml-2 w-24' variant='primary' onClick={submit}>{t('app.duplicate')}</Button>
-          <Button className='w-24' onClick={onHide}>{t('common.operation.cancel')}</Button>
+        <div className="flex flex-row-reverse">
+          <Button disabled={isAppsFull} className="ml-2 w-24" variant="primary" onClick={submit}>{t('app.duplicate')}</Button>
+          <Button className="w-24" onClick={onHide}>{t('common.operation.cancel')}</Button>
         </div>
       </Modal>
-      {showAppIconPicker && <AppIconPicker
-        onSelect={(payload) => {
-          setAppIcon(payload)
-          setShowAppIconPicker(false)
-        }}
-        onClose={() => {
-          setAppIcon(icon_type === 'image'
-            ? { type: 'image', url: icon_url!, fileId: icon }
-            : { type: 'emoji', icon, background: icon_background! })
-          setShowAppIconPicker(false)
-        }}
-      />}
+      {showAppIconPicker && (
+        <AppIconPicker
+          onSelect={(payload) => {
+            setAppIcon(payload)
+            setShowAppIconPicker(false)
+          }}
+          onClose={() => {
+            setAppIcon(icon_type === 'image'
+              ? { type: 'image', url: icon_url!, fileId: icon }
+              : { type: 'emoji', icon, background: icon_background! })
+            setShowAppIconPicker(false)
+          }}
+        />
+      )}
     </>
 
   )
diff --git a/web/app/components/app/log-annotation/index.tsx b/web/app/components/app/log-annotation/index.tsx
index e7c2be3eed..fd2a730ca1 100644
--- a/web/app/components/app/log-annotation/index.tsx
+++ b/web/app/components/app/log-annotation/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
+import { useRouter } from 'next/navigation'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-import { cn } from '@/utils/classnames'
-import Log from '@/app/components/app/log'
-import WorkflowLog from '@/app/components/app/workflow-log'
 import Annotation from '@/app/components/app/annotation'
-import Loading from '@/app/components/base/loading'
-import { PageType } from '@/app/components/base/features/new-feature-panel/annotation-reply/type'
-import TabSlider from '@/app/components/base/tab-slider-plain'
+import Log from '@/app/components/app/log'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import WorkflowLog from '@/app/components/app/workflow-log'
+import { PageType } from '@/app/components/base/features/new-feature-panel/annotation-reply/type'
+import Loading from '@/app/components/base/loading'
+import TabSlider from '@/app/components/base/tab-slider-plain'
 import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   pageType: PageType
@@ -35,17 +35,17 @@ const LogAnnotation: FC<Props> = ({
 
   if (!appDetail) {
     return (
-      <div className='flex h-full items-center justify-center bg-background-body'>
+      <div className="flex h-full items-center justify-center bg-background-body">
         <Loading />
       </div>
     )
   }
 
   return (
-    <div className='flex h-full flex-col px-6 pt-3'>
+    <div className="flex h-full flex-col px-6 pt-3">
       {appDetail.mode !== AppModeEnum.WORKFLOW && (
         <TabSlider
-          className='shrink-0'
+          className="shrink-0"
           value={pageType}
           onChange={(value) => {
             router.push(`/app/${appDetail.id}/${value === PageType.log ? 'logs' : 'annotations'}`)
diff --git a/web/app/components/app/log/empty-element.tsx b/web/app/components/app/log/empty-element.tsx
index ddddacd873..e19bc6e90e 100644
--- a/web/app/components/app/log/empty-element.tsx
+++ b/web/app/components/app/log/empty-element.tsx
@@ -1,17 +1,19 @@
 'use client'
 import type { FC, SVGProps } from 'react'
-import React from 'react'
-import Link from 'next/link'
-import { Trans, useTranslation } from 'react-i18next'
-import { basePath } from '@/utils/var'
-import { getRedirectionPath } from '@/utils/app-redirection'
 import type { App } from '@/types/app'
+import Link from 'next/link'
+import React from 'react'
+import { Trans, useTranslation } from 'react-i18next'
 import { AppModeEnum } from '@/types/app'
+import { getRedirectionPath } from '@/utils/app-redirection'
+import { basePath } from '@/utils/var'
 
 const ThreeDotsIcon = ({ className }: SVGProps<SVGElement>) => {
-  return <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
-    <path d="M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+  return (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
+      <path d="M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
 }
 
 const EmptyElement: FC<{ appDetail: App }> = ({ appDetail }) => {
@@ -23,20 +25,25 @@ const EmptyElement: FC<{ appDetail: App }> = ({ appDetail }) => {
     return appType
   }
 
-  return <div className='flex h-full items-center justify-center'>
-    <div className='box-border h-fit w-[560px] rounded-2xl bg-background-section-burn px-5 py-4'>
-      <span className='system-md-semibold text-text-secondary'>{t('appLog.table.empty.element.title')}<ThreeDotsIcon className='relative -left-1.5 -top-3 inline text-text-secondary' /></span>
-      <div className='system-sm-regular mt-2 text-text-tertiary'>
-        <Trans
-          i18nKey="appLog.table.empty.element.content"
-          components={{
-            shareLink: <Link href={`${appDetail.site.app_base_url}${basePath}/${getWebAppType(appDetail.mode)}/${appDetail.site.access_token}`} className='text-util-colors-blue-blue-600' target='_blank' rel='noopener noreferrer' />,
-            testLink: <Link href={getRedirectionPath(true, appDetail)} className='text-util-colors-blue-blue-600' />,
-          }}
-        />
+  return (
+    <div className="flex h-full items-center justify-center">
+      <div className="box-border h-fit w-[560px] rounded-2xl bg-background-section-burn px-5 py-4">
+        <span className="system-md-semibold text-text-secondary">
+          {t('appLog.table.empty.element.title')}
+          <ThreeDotsIcon className="relative -left-1.5 -top-3 inline text-text-secondary" />
+        </span>
+        <div className="system-sm-regular mt-2 text-text-tertiary">
+          <Trans
+            i18nKey="appLog.table.empty.element.content"
+            components={{
+              shareLink: <Link href={`${appDetail.site.app_base_url}${basePath}/${getWebAppType(appDetail.mode)}/${appDetail.site.access_token}`} className="text-util-colors-blue-blue-600" target="_blank" rel="noopener noreferrer" />,
+              testLink: <Link href={getRedirectionPath(true, appDetail)} className="text-util-colors-blue-blue-600" />,
+            }}
+          />
+        </div>
       </div>
     </div>
-  </div>
+  )
 }
 
 export default React.memo(EmptyElement)
diff --git a/web/app/components/app/log/filter.tsx b/web/app/components/app/log/filter.tsx
index 6e259a2f19..34c39d822a 100644
--- a/web/app/components/app/log/filter.tsx
+++ b/web/app/components/app/log/filter.tsx
@@ -1,21 +1,22 @@
 'use client'
 import type { FC } from 'react'
+import type { QueryParam } from './index'
+import { RiCalendarLine } from '@remixicon/react'
+import dayjs from 'dayjs'
+import quarterOfYear from 'dayjs/plugin/quarterOfYear'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import useSWR from 'swr'
-import dayjs from 'dayjs'
-import { RiCalendarLine } from '@remixicon/react'
-import quarterOfYear from 'dayjs/plugin/quarterOfYear'
-import type { QueryParam } from './index'
 import Chip from '@/app/components/base/chip'
 import Input from '@/app/components/base/input'
 import Sort from '@/app/components/base/sort'
 import { fetchAnnotationsCount } from '@/service/log'
+
 dayjs.extend(quarterOfYear)
 
 const today = dayjs()
 
-export const TIME_PERIOD_MAPPING: { [key: string]: { value: number; name: string } } = {
+export const TIME_PERIOD_MAPPING: { [key: string]: { value: number, name: string } } = {
   1: { value: 0, name: 'today' },
   2: { value: 7, name: 'last7days' },
   3: { value: 28, name: 'last4weeks' },
@@ -40,11 +41,11 @@ const Filter: FC<IFilterProps> = ({ isChatMode, appId, queryParams, setQueryPara
   if (!data)
     return null
   return (
-    <div className='mb-2 flex flex-row flex-wrap items-center gap-2'>
+    <div className="mb-2 flex flex-row flex-wrap items-center gap-2">
       <Chip
-        className='min-w-[150px]'
-        panelClassName='w-[270px]'
-        leftIcon={<RiCalendarLine className='h-4 w-4 text-text-secondary' />}
+        className="min-w-[150px]"
+        panelClassName="w-[270px]"
+        leftIcon={<RiCalendarLine className="h-4 w-4 text-text-secondary" />}
         value={queryParams.period}
         onSelect={(item) => {
           setQueryParams({ ...queryParams, period: item.value })
@@ -53,8 +54,8 @@ const Filter: FC<IFilterProps> = ({ isChatMode, appId, queryParams, setQueryPara
         items={Object.entries(TIME_PERIOD_MAPPING).map(([k, v]) => ({ value: k, name: t(`appLog.filter.period.${v.name}`) }))}
       />
       <Chip
-        className='min-w-[150px]'
-        panelClassName='w-[270px]'
+        className="min-w-[150px]"
+        panelClassName="w-[270px]"
         showLeftIcon={false}
         value={queryParams.annotation_status || 'all'}
         onSelect={(item) => {
@@ -68,7 +69,7 @@ const Filter: FC<IFilterProps> = ({ isChatMode, appId, queryParams, setQueryPara
         ]}
       />
       <Input
-        wrapperClassName='w-[200px]'
+        wrapperClassName="w-[200px]"
         showLeftIcon
         showClearIcon
         value={queryParams.keyword}
@@ -80,7 +81,7 @@ const Filter: FC<IFilterProps> = ({ isChatMode, appId, queryParams, setQueryPara
       />
       {isChatMode && (
         <>
-          <div className='h-3.5 w-px bg-divider-regular'></div>
+          <div className="h-3.5 w-px bg-divider-regular"></div>
           <Sort
             order={queryParams.sort_by?.startsWith('-') ? '-' : ''}
             value={queryParams.sort_by?.replace('-', '') || 'created_at'}
diff --git a/web/app/components/app/log/index.tsx b/web/app/components/app/log/index.tsx
index 4fda71bece..4ac9a577a9 100644
--- a/web/app/components/app/log/index.tsx
+++ b/web/app/components/app/log/index.tsx
@@ -1,21 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
-import useSWR from 'swr'
-import { useDebounce } from 'ahooks'
-import { omit } from 'lodash-es'
-import dayjs from 'dayjs'
-import { useTranslation } from 'react-i18next'
-import { usePathname, useRouter, useSearchParams } from 'next/navigation'
-import List from './list'
-import Filter, { TIME_PERIOD_MAPPING } from './filter'
-import EmptyElement from './empty-element'
-import Pagination from '@/app/components/base/pagination'
-import Loading from '@/app/components/base/loading'
-import { fetchChatConversations, fetchCompletionConversations } from '@/service/log'
-import { APP_PAGE_LIMIT } from '@/config'
 import type { App } from '@/types/app'
+import { useDebounce } from 'ahooks'
+import dayjs from 'dayjs'
+import { omit } from 'lodash-es'
+import { usePathname, useRouter, useSearchParams } from 'next/navigation'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSWR from 'swr'
+import Loading from '@/app/components/base/loading'
+import Pagination from '@/app/components/base/pagination'
+import { APP_PAGE_LIMIT } from '@/config'
+import { fetchChatConversations, fetchCompletionConversations } from '@/service/log'
 import { AppModeEnum } from '@/types/app'
+import EmptyElement from './empty-element'
+import Filter, { TIME_PERIOD_MAPPING } from './filter'
+import List from './list'
+
 export type ILogsProps = {
   appDetail: App
 }
@@ -77,9 +78,9 @@ const Logs: FC<ILogsProps> = ({ appDetail }) => {
     limit,
     ...((debouncedQueryParams.period !== '9')
       ? {
-        start: dayjs().subtract(TIME_PERIOD_MAPPING[debouncedQueryParams.period].value, 'day').startOf('day').format('YYYY-MM-DD HH:mm'),
-        end: dayjs().endOf('day').format('YYYY-MM-DD HH:mm'),
-      }
+          start: dayjs().subtract(TIME_PERIOD_MAPPING[debouncedQueryParams.period].value, 'day').startOf('day').format('YYYY-MM-DD HH:mm'),
+          end: dayjs().endOf('day').format('YYYY-MM-DD HH:mm'),
+        }
       : {}),
     ...(isChatMode ? { sort_by: debouncedQueryParams.sort_by } : {}),
     ...omit(debouncedQueryParams, ['period']),
@@ -88,16 +89,16 @@ const Logs: FC<ILogsProps> = ({ appDetail }) => {
   // When the details are obtained, proceed to the next request
   const { data: chatConversations, mutate: mutateChatList } = useSWR(() => isChatMode
     ? {
-      url: `/apps/${appDetail.id}/chat-conversations`,
-      params: query,
-    }
+        url: `/apps/${appDetail.id}/chat-conversations`,
+        params: query,
+      }
     : null, fetchChatConversations)
 
   const { data: completionConversations, mutate: mutateCompletionList } = useSWR(() => !isChatMode
     ? {
-      url: `/apps/${appDetail.id}/completion-conversations`,
-      params: query,
-    }
+        url: `/apps/${appDetail.id}/completion-conversations`,
+        params: query,
+      }
     : null, fetchCompletionConversations)
 
   const total = isChatMode ? chatConversations?.total : completionConversations?.total
@@ -120,25 +121,26 @@ const Logs: FC<ILogsProps> = ({ appDetail }) => {
   }, [pathname, router, searchParams])
 
   return (
-    <div className='flex h-full grow flex-col'>
-      <p className='system-sm-regular shrink-0 text-text-tertiary'>{t('appLog.description')}</p>
-      <div className='flex max-h-[calc(100%-16px)] flex-1 grow flex-col py-4'>
+    <div className="flex h-full grow flex-col">
+      <p className="system-sm-regular shrink-0 text-text-tertiary">{t('appLog.description')}</p>
+      <div className="flex max-h-[calc(100%-16px)] flex-1 grow flex-col py-4">
         <Filter isChatMode={isChatMode} appId={appDetail.id} queryParams={queryParams} setQueryParams={handleQueryParamsChange} />
         {total === undefined
-          ? <Loading type='app' />
+          ? <Loading type="app" />
           : total > 0
             ? <List logs={isChatMode ? chatConversations : completionConversations} appDetail={appDetail} onRefresh={isChatMode ? mutateChatList : mutateCompletionList} />
-            : <EmptyElement appDetail={appDetail} />
-        }
+            : <EmptyElement appDetail={appDetail} />}
         {/* Show Pagination only if the total is more than the limit */}
         {(total && total > APP_PAGE_LIMIT)
-          ? <Pagination
-            current={currPage}
-            onChange={handlePageChange}
-            total={total}
-            limit={limit}
-            onLimitChange={setLimit}
-          />
+          ? (
+              <Pagination
+                current={currPage}
+                onChange={handlePageChange}
+                total={total}
+                limit={limit}
+                onLimitChange={setLimit}
+              />
+            )
           : null}
       </div>
     </div>
diff --git a/web/app/components/app/log/list.tsx b/web/app/components/app/log/list.tsx
index e479cbe881..c29a47123c 100644
--- a/web/app/components/app/log/list.tsx
+++ b/web/app/components/app/log/list.tsx
@@ -1,52 +1,52 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import useSWR from 'swr'
+import type { ChatItemInTree } from '../../base/chat/types'
+import type { FeedbackFunc, FeedbackType, IChatItem, SubmitAnnotationFunc } from '@/app/components/base/chat/chat/type'
+import type { Annotation, ChatConversationGeneralDetail, ChatConversationsResponse, ChatMessage, ChatMessagesRequest, CompletionConversationGeneralDetail, CompletionConversationsResponse, LogAnnotation } from '@/models/log'
+import type { App } from '@/types/app'
 import {
   HandThumbDownIcon,
   HandThumbUpIcon,
 } from '@heroicons/react/24/outline'
 import { RiCloseLine, RiEditFill } from '@remixicon/react'
-import { get } from 'lodash-es'
 import dayjs from 'dayjs'
-import utc from 'dayjs/plugin/utc'
 import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
+import { get, noop } from 'lodash-es'
+import { usePathname, useRouter, useSearchParams } from 'next/navigation'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSWR from 'swr'
 import { createContext, useContext } from 'use-context-selector'
 import { useShallow } from 'zustand/react/shallow'
-import { useTranslation } from 'react-i18next'
-import { usePathname, useRouter, useSearchParams } from 'next/navigation'
-import type { ChatItemInTree } from '../../base/chat/types'
+import ModelInfo from '@/app/components/app/log/model-info'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import TextGeneration from '@/app/components/app/text-generate/item'
+import ActionButton from '@/app/components/base/action-button'
+import Chat from '@/app/components/base/chat/chat'
+import { buildChatItemTree, getThreadMessages } from '@/app/components/base/chat/utils'
+import CopyIcon from '@/app/components/base/copy-icon'
+import Drawer from '@/app/components/base/drawer'
+import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
+import Loading from '@/app/components/base/loading'
+import MessageLogModal from '@/app/components/base/message-log-modal'
+import { ToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import { addFileInfos, sortAgentSorts } from '@/app/components/tools/utils'
+import { WorkflowContextProvider } from '@/app/components/workflow/context'
+import { useAppContext } from '@/context/app-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import useTimestamp from '@/hooks/use-timestamp'
+import { fetchChatConversationDetail, fetchChatMessages, fetchCompletionConversationDetail, updateLogMessageAnnotations, updateLogMessageFeedbacks } from '@/service/log'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import PromptLogModal from '../../base/prompt-log-modal'
 import Indicator from '../../header/indicator'
 import VarPanel from './var-panel'
-import type { FeedbackFunc, FeedbackType, IChatItem, SubmitAnnotationFunc } from '@/app/components/base/chat/chat/type'
-import type { Annotation, ChatConversationGeneralDetail, ChatConversationsResponse, ChatMessage, ChatMessagesRequest, CompletionConversationGeneralDetail, CompletionConversationsResponse, LogAnnotation } from '@/models/log'
-import { type App, AppModeEnum } from '@/types/app'
-import ActionButton from '@/app/components/base/action-button'
-import Loading from '@/app/components/base/loading'
-import Drawer from '@/app/components/base/drawer'
-import Chat from '@/app/components/base/chat/chat'
-import { ToastContext } from '@/app/components/base/toast'
-import { fetchChatConversationDetail, fetchChatMessages, fetchCompletionConversationDetail, updateLogMessageAnnotations, updateLogMessageFeedbacks } from '@/service/log'
-import ModelInfo from '@/app/components/app/log/model-info'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import TextGeneration from '@/app/components/app/text-generate/item'
-import { addFileInfos, sortAgentSorts } from '@/app/components/tools/utils'
-import MessageLogModal from '@/app/components/base/message-log-modal'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { useAppContext } from '@/context/app-context'
-import useTimestamp from '@/hooks/use-timestamp'
-import Tooltip from '@/app/components/base/tooltip'
-import CopyIcon from '@/app/components/base/copy-icon'
-import { buildChatItemTree, getThreadMessages } from '@/app/components/base/chat/utils'
-import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
-import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
-import PromptLogModal from '../../base/prompt-log-modal'
-import { WorkflowContextProvider } from '@/app/components/workflow/context'
 
 type AppStoreState = ReturnType<typeof useAppStore.getState>
 type ConversationListItem = ChatConversationGeneralDetail | CompletionConversationGeneralDetail
-type ConversationSelection = ConversationListItem | { id: string; isPlaceholder?: true }
+type ConversationSelection = ConversationListItem | { id: string, isPlaceholder?: true }
 
 dayjs.extend(utc)
 dayjs.extend(timezone)
@@ -75,13 +75,15 @@ const DrawerContext = createContext<IDrawerContext>({} as IDrawerContext)
 /**
  * Icon component with numbers
  */
-const HandThumbIconWithCount: FC<{ count: number; iconType: 'up' | 'down' }> = ({ count, iconType }) => {
+const HandThumbIconWithCount: FC<{ count: number, iconType: 'up' | 'down' }> = ({ count, iconType }) => {
   const classname = iconType === 'up' ? 'text-primary-600 bg-primary-50' : 'text-red-600 bg-red-50'
   const Icon = iconType === 'up' ? HandThumbUpIcon : HandThumbDownIcon
-  return <div className={`inline-flex w-fit items-center rounded-md p-1 text-xs ${classname} mr-1 last:mr-0`}>
-    <Icon className={'mr-0.5 h-3 w-3 rounded-md'} />
-    {count > 0 ? count : null}
-  </div>
+  return (
+    <div className={`inline-flex w-fit items-center rounded-md p-1 text-xs ${classname} mr-1 last:mr-0`}>
+      <Icon className="mr-0.5 h-3 w-3 rounded-md" />
+      {count > 0 ? count : null}
+    </div>
+  )
 }
 
 const statusTdRender = (statusCount: StatusCount) => {
@@ -90,25 +92,29 @@ const statusTdRender = (statusCount: StatusCount) => {
 
   if (statusCount.partial_success + statusCount.failed === 0) {
     return (
-      <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-        <Indicator color={'green'} />
-        <span className='text-util-colors-green-green-600'>Success</span>
+      <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+        <Indicator color="green" />
+        <span className="text-util-colors-green-green-600">Success</span>
       </div>
     )
   }
   else if (statusCount.failed === 0) {
     return (
-      <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-        <Indicator color={'green'} />
-        <span className='text-util-colors-green-green-600'>Partial Success</span>
+      <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+        <Indicator color="green" />
+        <span className="text-util-colors-green-green-600">Partial Success</span>
       </div>
     )
   }
   else {
     return (
-      <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-        <Indicator color={'red'} />
-        <span className='text-util-colors-red-red-600'>{statusCount.failed} {`${statusCount.failed > 1 ? 'Failures' : 'Failure'}`}</span>
+      <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+        <Indicator color="red" />
+        <span className="text-util-colors-red-red-600">
+          {statusCount.failed}
+          {' '}
+          {`${statusCount.failed > 1 ? 'Failures' : 'Failure'}`}
+        </span>
       </div>
     )
   }
@@ -141,12 +147,12 @@ const getFormattedChatList = (messages: ChatMessage[], conversationId: string, t
           ...item.message,
           ...(item.message[item.message.length - 1]?.role !== 'assistant'
             ? [
-              {
-                role: 'assistant',
-                text: item.answer,
-                files: item.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
-              },
-            ]
+                {
+                  role: 'assistant',
+                  text: item.answer,
+                  files: item.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
+                },
+              ]
             : []),
         ] as IChatItem['log'],
         workflow_run_id: item.workflow_run_id,
@@ -642,35 +648,35 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
   }, [threadChatItems.length, hasMore, fetchData])
 
   return (
-    <div ref={ref} className='flex h-full flex-col rounded-xl border-[0.5px] border-components-panel-border'>
+    <div ref={ref} className="flex h-full flex-col rounded-xl border-[0.5px] border-components-panel-border">
       {/* Panel Header */}
-      <div className='flex shrink-0 items-center gap-2 rounded-t-xl bg-components-panel-bg pb-2 pl-4 pr-3 pt-3'>
-        <div className='shrink-0'>
-          <div className='system-xs-semibold-uppercase mb-0.5 text-text-primary'>{isChatMode ? t('appLog.detail.conversationId') : t('appLog.detail.time')}</div>
+      <div className="flex shrink-0 items-center gap-2 rounded-t-xl bg-components-panel-bg pb-2 pl-4 pr-3 pt-3">
+        <div className="shrink-0">
+          <div className="system-xs-semibold-uppercase mb-0.5 text-text-primary">{isChatMode ? t('appLog.detail.conversationId') : t('appLog.detail.time')}</div>
           {isChatMode && (
-            <div className='system-2xs-regular-uppercase flex items-center text-text-secondary'>
+            <div className="system-2xs-regular-uppercase flex items-center text-text-secondary">
               <Tooltip
                 popupContent={detail.id}
               >
-                <div className='truncate'>{detail.id}</div>
+                <div className="truncate">{detail.id}</div>
               </Tooltip>
               <CopyIcon content={detail.id} />
             </div>
           )}
           {!isChatMode && (
-            <div className='system-2xs-regular-uppercase text-text-secondary'>{formatTime(detail.created_at, t('appLog.dateTimeFormat') as string)}</div>
+            <div className="system-2xs-regular-uppercase text-text-secondary">{formatTime(detail.created_at, t('appLog.dateTimeFormat') as string)}</div>
           )}
         </div>
-        <div className='flex grow flex-wrap items-center justify-end gap-y-1'>
+        <div className="flex grow flex-wrap items-center justify-end gap-y-1">
           {!isAdvanced && <ModelInfo model={detail.model_config.model} />}
         </div>
-        <ActionButton size='l' onClick={onClose}>
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+        <ActionButton size="l" onClick={onClose}>
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </ActionButton>
       </div>
       {/* Panel Body */}
-      <div className='shrink-0 px-1 pt-1'>
-        <div className='rounded-t-xl bg-background-section-burn p-3 pb-2'>
+      <div className="shrink-0 px-1 pt-1">
+        <div className="rounded-t-xl bg-background-section-burn p-3 pb-2">
           {(varList.length > 0 || (!isChatMode && message_files.length > 0)) && (
             <VarPanel
               varList={varList}
@@ -679,29 +685,35 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
           )}
         </div>
       </div>
-      <div className='mx-1 mb-1 grow overflow-auto rounded-b-xl bg-background-section-burn'>
+      <div className="mx-1 mb-1 grow overflow-auto rounded-b-xl bg-background-section-burn">
         {!isChatMode
-          ? <div className="px-6 py-4">
-            <div className='flex h-[18px] items-center space-x-3'>
-              <div className='system-xs-semibold-uppercase text-text-tertiary'>{t('appLog.table.header.output')}</div>
-              <div className='h-px grow' style={{
-                background: 'linear-gradient(270deg, rgba(243, 244, 246, 0) 0%, rgb(243, 244, 246) 100%)',
-              }}></div>
-            </div>
-            <TextGeneration
-              className='mt-2'
-              content={detail.message.answer}
-              messageId={detail.message.id}
-              isError={false}
-              onRetry={noop}
-              isInstalledApp={false}
-              supportFeedback
-              feedback={detail.message.feedbacks.find((item: any) => item.from_source === 'admin')}
-              onFeedback={feedback => onFeedback(detail.message.id, feedback)}
-              isShowTextToSpeech
-              siteInfo={null}
-            />
-          </div>
+          ? (
+              <div className="px-6 py-4">
+                <div className="flex h-[18px] items-center space-x-3">
+                  <div className="system-xs-semibold-uppercase text-text-tertiary">{t('appLog.table.header.output')}</div>
+                  <div
+                    className="h-px grow"
+                    style={{
+                      background: 'linear-gradient(270deg, rgba(243, 244, 246, 0) 0%, rgb(243, 244, 246) 100%)',
+                    }}
+                  >
+                  </div>
+                </div>
+                <TextGeneration
+                  className="mt-2"
+                  content={detail.message.answer}
+                  messageId={detail.message.id}
+                  isError={false}
+                  onRetry={noop}
+                  isInstalledApp={false}
+                  supportFeedback
+                  feedback={detail.message.feedbacks.find((item: any) => item.from_source === 'admin')}
+                  onFeedback={feedback => onFeedback(detail.message.id, feedback)}
+                  isShowTextToSpeech
+                  siteInfo={null}
+                />
+              </div>
+            )
           : threadChatItems.length < MIN_ITEMS_FOR_SCROLL_LOADING ? (
             <div className="mb-4 pt-4">
               <Chat
@@ -725,7 +737,7 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
                 noChatInput
                 showPromptLog
                 hideProcessDetail
-                chatContainerInnerClassName='px-3'
+                chatContainerInnerClassName="px-3"
                 switchSibling={switchSibling}
               />
             </div>
@@ -738,14 +750,16 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
                 flexDirection: 'column-reverse',
                 height: '100%',
                 overflow: 'auto',
-              }}>
+              }}
+            >
               {/* Put the scroll bar always on the bottom */}
               <div className="flex w-full flex-col-reverse" style={{ position: 'relative' }}>
                 {/* Loading state indicator - only shown when loading */}
                 {hasMore && isLoading && (
                   <div className="sticky left-0 right-0 top-0 z-10 bg-primary-50/40 py-3 text-center">
-                    <div className='system-xs-regular text-text-tertiary'>
-                      {t('appLog.detail.loading')}...
+                    <div className="system-xs-regular text-text-tertiary">
+                      {t('appLog.detail.loading')}
+                      ...
                     </div>
                   </div>
                 )}
@@ -771,13 +785,12 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
                   noChatInput
                   showPromptLog
                   hideProcessDetail
-                  chatContainerInnerClassName='px-3'
+                  chatContainerInnerClassName="px-3"
                   switchSibling={switchSibling}
                 />
               </div>
             </div>
-          )
-        }
+          )}
       </div>
       {showMessageLogModal && (
         <WorkflowContextProvider>
@@ -807,9 +820,9 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
 }
 
 /**
-   * Text App Conversation Detail Component
-   */
-const CompletionConversationDetailComp: FC<{ appId?: string; conversationId?: string }> = ({ appId, conversationId }) => {
+ * Text App Conversation Detail Component
+ */
+const CompletionConversationDetailComp: FC<{ appId?: string, conversationId?: string }> = ({ appId, conversationId }) => {
   // Text Generator App Session Details Including Message List
   const detailParams = ({ url: `/apps/${appId}/completion-conversations/${conversationId}` })
   const { data: conversationDetail, mutate: conversationDetailMutate } = useSWR(() => (appId && conversationId) ? detailParams : null, fetchCompletionConversationDetail)
@@ -848,17 +861,19 @@ const CompletionConversationDetailComp: FC<{ appId?: string; conversationId?: st
   if (!conversationDetail)
     return null
 
-  return <DetailPanel
-    detail={conversationDetail}
-    onFeedback={handleFeedback}
-    onSubmitAnnotation={handleAnnotation}
-  />
+  return (
+    <DetailPanel
+      detail={conversationDetail}
+      onFeedback={handleFeedback}
+      onSubmitAnnotation={handleAnnotation}
+    />
+  )
 }
 
 /**
-   * Chat App Conversation Detail Component
-   */
-const ChatConversationDetailComp: FC<{ appId?: string; conversationId?: string }> = ({ appId, conversationId }) => {
+ * Chat App Conversation Detail Component
+ */
+const ChatConversationDetailComp: FC<{ appId?: string, conversationId?: string }> = ({ appId, conversationId }) => {
   const detailParams = { url: `/apps/${appId}/chat-conversations/${conversationId}` }
   const { data: conversationDetail } = useSWR(() => (appId && conversationId) ? detailParams : null, fetchChatConversationDetail)
   const { notify } = useContext(ToastContext)
@@ -894,16 +909,18 @@ const ChatConversationDetailComp: FC<{ appId?: string; conversationId?: string }
   if (!conversationDetail)
     return null
 
-  return <DetailPanel
-    detail={conversationDetail}
-    onFeedback={handleFeedback}
-    onSubmitAnnotation={handleAnnotation}
-  />
+  return (
+    <DetailPanel
+      detail={conversationDetail}
+      onFeedback={handleFeedback}
+      onSubmitAnnotation={handleAnnotation}
+    />
+  )
 }
 
 /**
-   * Conversation list component including basic information
-   */
+ * Conversation list component including basic information
+ */
 const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh }) => {
   const { t } = useTranslation()
   const { formatTime } = useTimestamp()
@@ -1018,11 +1035,12 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
   const renderTdValue = (value: string | number | null, isEmptyStyle: boolean, isHighlight = false, annotation?: LogAnnotation) => {
     return (
       <Tooltip
-        popupContent={
-          <span className='inline-flex items-center text-xs text-text-tertiary'>
-            <RiEditFill className='mr-1 h-3 w-3' />{`${t('appLog.detail.annotationTip', { user: annotation?.account?.name })} ${formatTime(annotation?.created_at || dayjs().unix(), 'MM-DD hh:mm A')}`}
+        popupContent={(
+          <span className="inline-flex items-center text-xs text-text-tertiary">
+            <RiEditFill className="mr-1 h-3 w-3" />
+            {`${t('appLog.detail.annotationTip', { user: annotation?.account?.name })} ${formatTime(annotation?.created_at || dayjs().unix(), 'MM-DD hh:mm A')}`}
           </span>
-        }
+        )}
         popupClassName={(isHighlight && !isChatMode) ? '' : '!hidden'}
       >
         <div className={cn(isEmptyStyle ? 'text-text-quaternary' : 'text-text-secondary', !isHighlight ? '' : 'bg-orange-100', 'system-sm-regular overflow-hidden text-ellipsis whitespace-nowrap')}>
@@ -1036,19 +1054,19 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
     return <Loading />
 
   return (
-    <div className='relative mt-2 grow overflow-x-auto'>
+    <div className="relative mt-2 grow overflow-x-auto">
       <table className={cn('w-full min-w-[440px] border-collapse border-0')}>
-        <thead className='system-xs-medium-uppercase text-text-tertiary'>
+        <thead className="system-xs-medium-uppercase text-text-tertiary">
           <tr>
-            <td className='w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1'></td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{isChatMode ? t('appLog.table.header.summary') : t('appLog.table.header.input')}</td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.endUser')}</td>
-            {isChatflow && <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.status')}</td>}
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{isChatMode ? t('appLog.table.header.messageCount') : t('appLog.table.header.output')}</td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.userRate')}</td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.adminRate')}</td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.updatedTime')}</td>
-            <td className='whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.time')}</td>
+            <td className="w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1"></td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{isChatMode ? t('appLog.table.header.summary') : t('appLog.table.header.input')}</td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.endUser')}</td>
+            {isChatflow && <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.status')}</td>}
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{isChatMode ? t('appLog.table.header.messageCount') : t('appLog.table.header.output')}</td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.userRate')}</td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.adminRate')}</td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.updatedTime')}</td>
+            <td className="whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.time')}</td>
           </tr>
         </thead>
         <tbody className="system-sm-regular text-text-secondary">
@@ -1056,48 +1074,55 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
             const endUser = log.from_end_user_session_id || log.from_account_name
             const leftValue = get(log, isChatMode ? 'name' : 'message.inputs.query') || (!isChatMode ? (get(log, 'message.query') || get(log, 'message.inputs.default_input')) : '') || ''
             const rightValue = get(log, isChatMode ? 'message_count' : 'message.answer')
-            return <tr
-              key={log.id}
-              className={cn('cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover', activeConversationId !== log.id ? '' : 'bg-background-default-hover')}
-              onClick={() => handleRowClick(log)}>
-              <td className='h-4'>
-                {!log.read_at && (
-                  <div className='flex items-center p-3 pr-0.5'>
-                    <span className='inline-block h-1.5 w-1.5 rounded bg-util-colors-blue-blue-500'></span>
-                  </div>
+            return (
+              <tr
+                key={log.id}
+                className={cn('cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover', activeConversationId !== log.id ? '' : 'bg-background-default-hover')}
+                onClick={() => handleRowClick(log)}
+              >
+                <td className="h-4">
+                  {!log.read_at && (
+                    <div className="flex items-center p-3 pr-0.5">
+                      <span className="inline-block h-1.5 w-1.5 rounded bg-util-colors-blue-blue-500"></span>
+                    </div>
+                  )}
+                </td>
+                <td className="w-[160px] p-3 pr-2" style={{ maxWidth: isChatMode ? 300 : 200 }}>
+                  {renderTdValue(leftValue || t('appLog.table.empty.noChat'), !leftValue, isChatMode && log.annotated)}
+                </td>
+                <td className="p-3 pr-2">{renderTdValue(endUser || defaultValue, !endUser)}</td>
+                {isChatflow && (
+                  <td className="w-[160px] p-3 pr-2" style={{ maxWidth: isChatMode ? 300 : 200 }}>
+                    {statusTdRender(log.status_count)}
+                  </td>
                 )}
-              </td>
-              <td className='w-[160px] p-3 pr-2' style={{ maxWidth: isChatMode ? 300 : 200 }}>
-                {renderTdValue(leftValue || t('appLog.table.empty.noChat'), !leftValue, isChatMode && log.annotated)}
-              </td>
-              <td className='p-3 pr-2'>{renderTdValue(endUser || defaultValue, !endUser)}</td>
-              {isChatflow && <td className='w-[160px] p-3 pr-2' style={{ maxWidth: isChatMode ? 300 : 200 }}>
-                {statusTdRender(log.status_count)}
-              </td>}
-              <td className='p-3 pr-2' style={{ maxWidth: isChatMode ? 100 : 200 }}>
-                {renderTdValue(rightValue === 0 ? 0 : (rightValue || t('appLog.table.empty.noOutput')), !rightValue, !isChatMode && !!log.annotation?.content, log.annotation)}
-              </td>
-              <td className='p-3 pr-2'>
-                {(!log.user_feedback_stats.like && !log.user_feedback_stats.dislike)
-                  ? renderTdValue(defaultValue, true)
-                  : <>
-                    {!!log.user_feedback_stats.like && <HandThumbIconWithCount iconType='up' count={log.user_feedback_stats.like} />}
-                    {!!log.user_feedback_stats.dislike && <HandThumbIconWithCount iconType='down' count={log.user_feedback_stats.dislike} />}
-                  </>
-                }
-              </td>
-              <td className='p-3 pr-2'>
-                {(!log.admin_feedback_stats.like && !log.admin_feedback_stats.dislike)
-                  ? renderTdValue(defaultValue, true)
-                  : <>
-                    {!!log.admin_feedback_stats.like && <HandThumbIconWithCount iconType='up' count={log.admin_feedback_stats.like} />}
-                    {!!log.admin_feedback_stats.dislike && <HandThumbIconWithCount iconType='down' count={log.admin_feedback_stats.dislike} />}
-                  </>
-                }
-              </td>
-              <td className='w-[160px] p-3 pr-2'>{formatTime(log.updated_at, t('appLog.dateTimeFormat') as string)}</td>
-              <td className='w-[160px] p-3 pr-2'>{formatTime(log.created_at, t('appLog.dateTimeFormat') as string)}</td>
-            </tr>
+                <td className="p-3 pr-2" style={{ maxWidth: isChatMode ? 100 : 200 }}>
+                  {renderTdValue(rightValue === 0 ? 0 : (rightValue || t('appLog.table.empty.noOutput')), !rightValue, !isChatMode && !!log.annotation?.content, log.annotation)}
+                </td>
+                <td className="p-3 pr-2">
+                  {(!log.user_feedback_stats.like && !log.user_feedback_stats.dislike)
+                    ? renderTdValue(defaultValue, true)
+                    : (
+                        <>
+                          {!!log.user_feedback_stats.like && <HandThumbIconWithCount iconType="up" count={log.user_feedback_stats.like} />}
+                          {!!log.user_feedback_stats.dislike && <HandThumbIconWithCount iconType="down" count={log.user_feedback_stats.dislike} />}
+                        </>
+                      )}
+                </td>
+                <td className="p-3 pr-2">
+                  {(!log.admin_feedback_stats.like && !log.admin_feedback_stats.dislike)
+                    ? renderTdValue(defaultValue, true)
+                    : (
+                        <>
+                          {!!log.admin_feedback_stats.like && <HandThumbIconWithCount iconType="up" count={log.admin_feedback_stats.like} />}
+                          {!!log.admin_feedback_stats.dislike && <HandThumbIconWithCount iconType="down" count={log.admin_feedback_stats.dislike} />}
+                        </>
+                      )}
+                </td>
+                <td className="w-[160px] p-3 pr-2">{formatTime(log.updated_at, t('appLog.dateTimeFormat') as string)}</td>
+                <td className="w-[160px] p-3 pr-2">{formatTime(log.created_at, t('appLog.dateTimeFormat') as string)}</td>
+              </tr>
+            )
           })}
         </tbody>
       </table>
@@ -1106,16 +1131,16 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
         onClose={onCloseDrawer}
         mask={isMobile}
         footer={null}
-        panelClassName='mt-16 mx-2 sm:mr-2 mb-4 !p-0 !max-w-[640px] rounded-xl bg-components-panel-bg'
+        panelClassName="mt-16 mx-2 sm:mr-2 mb-4 !p-0 !max-w-[640px] rounded-xl bg-components-panel-bg"
       >
         <DrawerContext.Provider value={{
           onClose: onCloseDrawer,
           appDetail,
-        }}>
+        }}
+        >
           {isChatMode
             ? <ChatConversationDetailComp appId={appDetail.id} conversationId={currentConversation?.id} />
-            : <CompletionConversationDetailComp appId={appDetail.id} conversationId={currentConversation?.id} />
-          }
+            : <CompletionConversationDetailComp appId={appDetail.id} conversationId={currentConversation?.id} />}
         </DrawerContext.Provider>
       </Drawer>
     </div>
diff --git a/web/app/components/app/log/model-info.tsx b/web/app/components/app/log/model-info.tsx
index b3c4f11be5..8094b74c28 100644
--- a/web/app/components/app/log/model-info.tsx
+++ b/web/app/components/app/log/model-info.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiInformation2Line,
 } from '@remixicon/react'
-import ModelIcon from '@/app/components/header/account-setting/model-provider-page/model-icon'
-import ModelName from '@/app/components/header/account-setting/model-provider-page/model-name'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { useTextGenerationCurrentProviderAndModelAndModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelIcon from '@/app/components/header/account-setting/model-provider-page/model-icon'
+import ModelName from '@/app/components/header/account-setting/model-provider-page/model-name'
 import { cn } from '@/utils/classnames'
 
 const PARAM_MAP = {
@@ -57,9 +57,9 @@ const ModelInfo: FC<Props> = ({
 
   return (
     <div className={cn('flex items-center rounded-lg')}>
-      <div className='mr-px flex h-8 shrink-0 items-center gap-1 rounded-l-lg bg-components-input-bg-normal pl-1.5 pr-2'>
+      <div className="mr-px flex h-8 shrink-0 items-center gap-1 rounded-l-lg bg-components-input-bg-normal pl-1.5 pr-2">
         <ModelIcon
-          className='!h-5 !w-5'
+          className="!h-5 !w-5"
           provider={currentProvider}
           modelName={currentModel?.model}
         />
@@ -71,30 +71,33 @@ const ModelInfo: FC<Props> = ({
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='bottom-end'
+        placement="bottom-end"
         offset={4}
       >
-        <div className='relative'>
+        <div className="relative">
           <PortalToFollowElemTrigger
             onClick={() => setOpen(v => !v)}
-            className='block'
+            className="block"
           >
             <div className={cn(
               'cursor-pointer rounded-r-lg bg-components-button-tertiary-bg p-2 hover:bg-components-button-tertiary-bg-hover',
               open && 'bg-components-button-tertiary-bg-hover',
-            )}>
-              <RiInformation2Line className='h-4 w-4 text-text-tertiary' />
+            )}
+            >
+              <RiInformation2Line className="h-4 w-4 text-text-tertiary" />
             </div>
           </PortalToFollowElemTrigger>
-          <PortalToFollowElemContent className='z-[1002]'>
-            <div className='relative w-[280px] overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg px-4 pb-2 pt-3 shadow-xl'>
-              <div className='system-sm-semibold-uppercase mb-1 h-6 text-text-secondary'>{t('appLog.detail.modelParams')}</div>
-              <div className='py-1'>
+          <PortalToFollowElemContent className="z-[1002]">
+            <div className="relative w-[280px] overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg px-4 pb-2 pt-3 shadow-xl">
+              <div className="system-sm-semibold-uppercase mb-1 h-6 text-text-secondary">{t('appLog.detail.modelParams')}</div>
+              <div className="py-1">
                 {['temperature', 'top_p', 'presence_penalty', 'max_tokens', 'stop'].map((param: string, index: number) => {
-                  return <div className='flex justify-between py-1.5' key={index}>
-                    <span className='system-xs-medium-uppercase text-text-tertiary'>{PARAM_MAP[param as keyof typeof PARAM_MAP]}</span>
-                    <span className='system-xs-medium-uppercase text-text-secondary'>{getParamValue(param)}</span>
-                  </div>
+                  return (
+                    <div className="flex justify-between py-1.5" key={index}>
+                      <span className="system-xs-medium-uppercase text-text-tertiary">{PARAM_MAP[param as keyof typeof PARAM_MAP]}</span>
+                      <span className="system-xs-medium-uppercase text-text-secondary">{getParamValue(param)}</span>
+                    </div>
+                  )
                 })}
               </div>
             </div>
diff --git a/web/app/components/app/log/var-panel.tsx b/web/app/components/app/log/var-panel.tsx
index 8915b3438a..f95f2de571 100644
--- a/web/app/components/app/log/var-panel.tsx
+++ b/web/app/components/app/log/var-panel.tsx
@@ -1,18 +1,18 @@
 'use client'
-import { useBoolean } from 'ahooks'
 import type { FC } from 'react'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiArrowDownSLine,
   RiArrowRightSLine,
 } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import ImagePreview from '@/app/components/base/image-uploader/image-preview'
 import { cn } from '@/utils/classnames'
 
 type Props = {
-  varList: { label: string; value: string }[]
+  varList: { label: string, value: string }[]
   message_files: string[]
 }
 
@@ -25,35 +25,35 @@ const VarPanel: FC<Props> = ({
   const [imagePreviewUrl, setImagePreviewUrl] = useState('')
 
   return (
-    <div className='rounded-[10px] border border-divider-subtle bg-chat-bubble-bg'>
+    <div className="rounded-[10px] border border-divider-subtle bg-chat-bubble-bg">
       <div
         className={cn('flex cursor-pointer items-center gap-1 border-b border-divider-subtle px-3 pb-2 pt-2.5 text-text-secondary', isCollapse && 'border-0 pb-2.5')}
         onClick={toggleCollapse}
       >
-        <Variable02 className='h-4 w-4' />
-        <div className='system-md-medium grow'>{t('appLog.detail.variables')}</div>
+        <Variable02 className="h-4 w-4" />
+        <div className="system-md-medium grow">{t('appLog.detail.variables')}</div>
         {
           isCollapse
-            ? <RiArrowRightSLine className='h-4 w-4' />
-            : <RiArrowDownSLine className='h-4 w-4' />
+            ? <RiArrowRightSLine className="h-4 w-4" />
+            : <RiArrowDownSLine className="h-4 w-4" />
         }
       </div>
       {!isCollapse && (
-        <div className='flex max-h-[500px] flex-col gap-2 overflow-y-auto p-3'>
+        <div className="flex max-h-[500px] flex-col gap-2 overflow-y-auto p-3">
           {varList.map(({ label, value }, index) => (
-            <div key={index} className='system-xs-medium flex py-2'>
-              <div className='flex w-[128px] shrink-0 text-text-accent'>
-                <span className='shrink-0 opacity-60'>{'{{'}</span>
-                <span className='truncate'>{label}</span>
-                <span className='shrink-0 opacity-60'>{'}}'}</span>
+            <div key={index} className="system-xs-medium flex py-2">
+              <div className="flex w-[128px] shrink-0 text-text-accent">
+                <span className="shrink-0 opacity-60">{'{{'}</span>
+                <span className="truncate">{label}</span>
+                <span className="shrink-0 opacity-60">{'}}'}</span>
               </div>
-              <div className='whitespace-pre-wrap pl-2.5 text-text-secondary'>{value}</div>
+              <div className="whitespace-pre-wrap pl-2.5 text-text-secondary">{value}</div>
             </div>
           ))}
 
           {message_files.length > 0 && (
-            <div className='mt-1 flex py-2'>
-              <div className='system-xs-medium w-[128px] shrink-0 text-text-tertiary'>{t('appLog.detail.uploadImages')}</div>
+            <div className="mt-1 flex py-2">
+              <div className="system-xs-medium w-[128px] shrink-0 text-text-tertiary">{t('appLog.detail.uploadImages')}</div>
               <div className="flex space-x-2">
                 {message_files.map((url, index) => (
                   <div
diff --git a/web/app/components/app/overview/__tests__/toggle-logic.test.ts b/web/app/components/app/overview/__tests__/toggle-logic.test.ts
index 25fb16c47e..de4dee44a9 100644
--- a/web/app/components/app/overview/__tests__/toggle-logic.test.ts
+++ b/web/app/components/app/overview/__tests__/toggle-logic.test.ts
@@ -1,6 +1,6 @@
 import type { MockedFunction } from 'vitest'
-import { getWorkflowEntryNode } from '@/app/components/workflow/utils/workflow-entry'
 import type { Node } from '@/app/components/workflow/types'
+import { getWorkflowEntryNode } from '@/app/components/workflow/utils/workflow-entry'
 
 // Mock the getWorkflowEntryNode function
 vi.mock('@/app/components/workflow/utils/workflow-entry', () => ({
diff --git a/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx b/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx
index d13dcd94b2..0e8f82b00d 100644
--- a/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx
+++ b/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx
@@ -1,9 +1,12 @@
-import type { Mock, MockedFunction } from 'vitest'
 import type { RenderOptions } from '@testing-library/react'
-import { fireEvent, render } from '@testing-library/react'
-import { defaultPlan } from '@/app/components/billing/config'
-import { noop } from 'lodash-es'
+import type { Mock, MockedFunction } from 'vitest'
 import type { ModalContextState } from '@/context/modal-context'
+import { fireEvent, render } from '@testing-library/react'
+import { noop } from 'lodash-es'
+import { defaultPlan } from '@/app/components/billing/config'
+import { useModalContext as actualUseModalContext } from '@/context/modal-context'
+
+import { useProviderContext as actualUseProviderContext } from '@/context/provider-context'
 import APIKeyInfoPanel from './index'
 
 // Mock the modules before importing the functions
@@ -15,9 +18,6 @@ vi.mock('@/context/modal-context', () => ({
   useModalContext: vi.fn(),
 }))
 
-import { useProviderContext as actualUseProviderContext } from '@/context/provider-context'
-import { useModalContext as actualUseModalContext } from '@/context/modal-context'
-
 // Type casting for mocks
 const mockUseProviderContext = actualUseProviderContext as MockedFunction<typeof actualUseProviderContext>
 const mockUseModalContext = actualUseModalContext as MockedFunction<typeof actualUseModalContext>
@@ -174,14 +174,16 @@ export const interactions = {
   // Click the main button
   clickMainButton: () => {
     const button = document.querySelector('button.btn-primary')
-    if (button) fireEvent.click(button)
+    if (button)
+      fireEvent.click(button)
     return button
   },
 
   // Click the close button
   clickCloseButton: (container: HTMLElement) => {
     const closeButton = container.querySelector('.absolute.right-4.top-4')
-    if (closeButton) fireEvent.click(closeButton)
+    if (closeButton)
+      fireEvent.click(closeButton)
     return closeButton
   },
 }
@@ -207,4 +209,4 @@ export function clearAllMocks() {
 }
 
 // Export mock functions for external access
-export { mockUseProviderContext, mockUseModalContext, defaultModalContext }
+export { defaultModalContext, mockUseModalContext, mockUseProviderContext }
diff --git a/web/app/components/app/overview/apikey-info-panel/index.tsx b/web/app/components/app/overview/apikey-info-panel/index.tsx
index 47fe7af972..e1a4ea0891 100644
--- a/web/app/components/app/overview/apikey-info-panel/index.tsx
+++ b/web/app/components/app/overview/apikey-info-panel/index.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import { RiCloseLine } from '@remixicon/react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import Button from '@/app/components/base/button'
 import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
-import { IS_CE_EDITION } from '@/config'
-import { useProviderContext } from '@/context/provider-context'
-import { useModalContext } from '@/context/modal-context'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { IS_CE_EDITION } from '@/config'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
 
 const APIKeyInfoPanel: FC = () => {
   const isCloud = !IS_CE_EDITION
@@ -30,43 +30,45 @@ const APIKeyInfoPanel: FC = () => {
   return (
     <div className={cn('border-components-panel-border bg-components-panel-bg', 'relative mb-6 rounded-2xl border p-8 shadow-md ')}>
       <div className={cn('text-[24px] font-semibold text-text-primary', isCloud ? 'flex h-8 items-center space-x-1' : 'mb-6 leading-8')}>
-        {isCloud && <em-emoji id={'😀'} />}
+        {isCloud && <em-emoji id="😀" />}
         {isCloud
           ? (
-            <div>{t('appOverview.apiKeyInfo.cloud.trial.title', { providerName: 'OpenAI' })}</div>
-          )
+              <div>{t('appOverview.apiKeyInfo.cloud.trial.title', { providerName: 'OpenAI' })}</div>
+            )
           : (
-            <div>
-              <div>{t('appOverview.apiKeyInfo.selfHost.title.row1')}</div>
-              <div>{t('appOverview.apiKeyInfo.selfHost.title.row2')}</div>
-            </div>
-          )}
+              <div>
+                <div>{t('appOverview.apiKeyInfo.selfHost.title.row1')}</div>
+                <div>{t('appOverview.apiKeyInfo.selfHost.title.row2')}</div>
+              </div>
+            )}
       </div>
       {isCloud && (
-        <div className='mt-1 text-sm font-normal text-text-tertiary'>{t(`appOverview.apiKeyInfo.cloud.${'trial'}.description`)}</div>
+        <div className="mt-1 text-sm font-normal text-text-tertiary">{t(`appOverview.apiKeyInfo.cloud.${'trial'}.description`)}</div>
       )}
       <Button
-        variant='primary'
-        className='mt-2 space-x-2'
+        variant="primary"
+        className="mt-2 space-x-2"
         onClick={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })}
       >
-        <div className='text-sm font-medium'>{t('appOverview.apiKeyInfo.setAPIBtn')}</div>
-        <LinkExternal02 className='h-4 w-4' />
+        <div className="text-sm font-medium">{t('appOverview.apiKeyInfo.setAPIBtn')}</div>
+        <LinkExternal02 className="h-4 w-4" />
       </Button>
       {!isCloud && (
         <a
-          className='mt-2 flex h-[26px] items-center space-x-1  p-1 text-xs font-medium text-[#155EEF]'
-          href='https://cloud.dify.ai/apps'
-          target='_blank' rel='noopener noreferrer'
+          className="mt-2 flex h-[26px] items-center space-x-1  p-1 text-xs font-medium text-[#155EEF]"
+          href="https://cloud.dify.ai/apps"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <div>{t('appOverview.apiKeyInfo.tryCloud')}</div>
-          <LinkExternal02 className='h-3 w-3' />
+          <LinkExternal02 className="h-3 w-3" />
         </a>
       )}
       <div
         onClick={() => setIsShow(false)}
-        className='absolute right-4 top-4 flex h-8 w-8 cursor-pointer items-center justify-center '>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+        className="absolute right-4 top-4 flex h-8 w-8 cursor-pointer items-center justify-center "
+      >
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
     </div>
   )
diff --git a/web/app/components/app/overview/app-card.tsx b/web/app/components/app/overview/app-card.tsx
index 15762923ff..7b33a05b5e 100644
--- a/web/app/components/app/overview/app-card.tsx
+++ b/web/app/components/app/overview/app-card.tsx
@@ -1,7 +1,7 @@
 'use client'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { usePathname, useRouter } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
+import type { ConfigParams } from './settings'
+import type { AppDetailResponse } from '@/models/app'
+import type { AppSSO } from '@/types/app'
 import {
   RiArrowRightSLine,
   RiBookOpenLine,
@@ -14,36 +14,36 @@ import {
   RiVerifiedBadgeLine,
   RiWindowLine,
 } from '@remixicon/react'
-import SettingsModal from './settings'
-import EmbeddedModal from './embedded'
-import CustomizeModal from './customize'
-import style from './style.module.css'
-import type { ConfigParams } from './settings'
-import Tooltip from '@/app/components/base/tooltip'
+import { usePathname, useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import AppBasic from '@/app/components/app-sidebar/basic'
-import { asyncRunSafe } from '@/utils'
-import { basePath } from '@/utils/var'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import Button from '@/app/components/base/button'
-import Switch from '@/app/components/base/switch'
-import Divider from '@/app/components/base/divider'
-import CopyFeedback from '@/app/components/base/copy-feedback'
 import Confirm from '@/app/components/base/confirm'
+import CopyFeedback from '@/app/components/base/copy-feedback'
+import Divider from '@/app/components/base/divider'
 import ShareQRCode from '@/app/components/base/qrcode'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
 import SecretKeyButton from '@/app/components/develop/secret-key/secret-key-button'
-import type { AppDetailResponse } from '@/models/app'
-import { useAppContext } from '@/context/app-context'
-import type { AppSSO } from '@/types/app'
 import Indicator from '@/app/components/header/indicator'
-import { fetchAppDetailDirect } from '@/service/apps'
-import { AccessMode } from '@/models/access-control'
-import AccessControl from '../app-access-control'
-import { useAppWhiteListSubjects } from '@/service/access-control'
-import { useAppWorkflow } from '@/service/use-workflow'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useDocLink } from '@/context/i18n'
+import { AccessMode } from '@/models/access-control'
+import { useAppWhiteListSubjects } from '@/service/access-control'
+import { fetchAppDetailDirect } from '@/service/apps'
+import { useAppWorkflow } from '@/service/use-workflow'
 import { AppModeEnum } from '@/types/app'
+import { asyncRunSafe } from '@/utils'
+import { basePath } from '@/utils/var'
+import AccessControl from '../app-access-control'
+import CustomizeModal from './customize'
+import EmbeddedModal from './embedded'
+import SettingsModal from './settings'
+import style from './style.module.css'
 
 export type IAppCardProps = {
   className?: string
@@ -91,7 +91,7 @@ function AppCard({
     const operationsMap = {
       webapp: [
         { opName: t('appOverview.overview.appInfo.launch'), opIcon: RiExternalLinkLine },
-      ] as { opName: string; opIcon: any }[],
+      ] as { opName: string, opIcon: any }[],
       api: [{ opName: t('appOverview.overview.apiInfo.doc'), opIcon: RiBookOpenLine }],
       app: [],
     }
@@ -191,24 +191,25 @@ function AppCard({
   return (
     <div
       className={
-        `${isInPanel ? 'border-l-[0.5px] border-t' : 'border-[0.5px] shadow-xs'} w-full max-w-full rounded-xl border-effects-highlight ${className ?? ''} ${isMinimalState ? 'h-12' : ''}`}
+        `${isInPanel ? 'border-l-[0.5px] border-t' : 'border-[0.5px] shadow-xs'} w-full max-w-full rounded-xl border-effects-highlight ${className ?? ''} ${isMinimalState ? 'h-12' : ''}`
+      }
     >
       <div className={`${customBgColor ?? 'bg-background-default'} relative rounded-xl ${triggerModeDisabled ? 'opacity-60' : ''}`}>
         {triggerModeDisabled && (
           triggerModeMessage
             ? (
-              <Tooltip
-                popupContent={triggerModeMessage}
-                popupClassName="max-w-64 rounded-xl bg-components-panel-bg px-3 py-2 text-xs text-text-secondary shadow-lg"
-                position="right"
-              >
-                <div className='absolute inset-0 z-10 cursor-not-allowed rounded-xl' aria-hidden="true"></div>
-              </Tooltip>
-            )
-            : <div className='absolute inset-0 z-10 cursor-not-allowed rounded-xl' aria-hidden="true"></div>
+                <Tooltip
+                  popupContent={triggerModeMessage}
+                  popupClassName="max-w-64 rounded-xl bg-components-panel-bg px-3 py-2 text-xs text-text-secondary shadow-lg"
+                  position="right"
+                >
+                  <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true"></div>
+                </Tooltip>
+              )
+            : <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true"></div>
         )}
         <div className={`flex w-full flex-col items-start justify-center gap-3 self-stretch p-3 ${isMinimalState ? 'border-0' : 'border-b-[0.5px] border-divider-subtle'}`}>
-          <div className='flex w-full items-center gap-3 self-stretch'>
+          <div className="flex w-full items-center gap-3 self-stretch">
             <AppBasic
               iconType={cardType}
               icon={appInfo.icon}
@@ -221,7 +222,7 @@ function AppCard({
                   : t('appOverview.overview.apiInfo.explanation')
               }
             />
-            <div className='flex shrink-0 items-center gap-1'>
+            <div className="flex shrink-0 items-center gap-1">
               <Indicator color={runningStatus ? 'green' : 'yellow'} />
               <div className={`${runningStatus ? 'text-text-success' : 'text-text-warning'} system-xs-semibold-uppercase`}>
                 {runningStatus
@@ -231,24 +232,27 @@ function AppCard({
             </div>
             <Tooltip
               popupContent={
-                toggleDisabled ? (
-                  triggerModeDisabled && triggerModeMessage
-                    ? triggerModeMessage
-                    : (appUnpublished || missingStartNode) ? (
-                      <>
-                        <div className="mb-1 text-xs font-normal text-text-secondary">
-                          {t('appOverview.overview.appInfo.enableTooltip.description')}
-                        </div>
-                        <div
-                          className="cursor-pointer text-xs font-normal text-text-accent hover:underline"
-                          onClick={() => window.open(docLink('/guides/workflow/node/user-input'), '_blank')}
-                        >
-                          {t('appOverview.overview.appInfo.enableTooltip.learnMore')}
-                        </div>
-                      </>
+                toggleDisabled
+                  ? (
+                      triggerModeDisabled && triggerModeMessage
+                        ? triggerModeMessage
+                        : (appUnpublished || missingStartNode)
+                            ? (
+                                <>
+                                  <div className="mb-1 text-xs font-normal text-text-secondary">
+                                    {t('appOverview.overview.appInfo.enableTooltip.description')}
+                                  </div>
+                                  <div
+                                    className="cursor-pointer text-xs font-normal text-text-accent hover:underline"
+                                    onClick={() => window.open(docLink('/guides/workflow/node/user-input'), '_blank')}
+                                  >
+                                    {t('appOverview.overview.appInfo.enableTooltip.learnMore')}
+                                  </div>
+                                </>
+                              )
+                            : ''
                     )
-                      : ''
-                ) : ''
+                  : ''
               }
               position="right"
               popupClassName="w-58 max-w-60 rounded-xl bg-components-panel-bg px-3.5 py-3 shadow-lg"
@@ -260,7 +264,7 @@ function AppCard({
             </Tooltip>
           </div>
           {!isMinimalState && (
-            <div className='flex flex-col items-start justify-center self-stretch'>
+            <div className="flex flex-col items-start justify-center self-stretch">
               <div className="system-xs-medium pb-1 text-text-tertiary">
                 {isApp
                   ? t('appOverview.overview.appInfo.accessibleAddress')
@@ -274,14 +278,14 @@ function AppCard({
                 </div>
                 <CopyFeedback
                   content={isApp ? appUrl : apiUrl}
-                  className={'!size-6'}
+                  className="!size-6"
                 />
                 {isApp && <ShareQRCode content={isApp ? appUrl : apiUrl} />}
                 {isApp && <Divider type="vertical" className="!mx-0.5 !h-3.5 shrink-0" />}
                 {/* button copy link/ button regenerate */}
                 {showConfirmDelete && (
                   <Confirm
-                    type='warning'
+                    type="warning"
                     title={t('appOverview.overview.appInfo.regenerate')}
                     content={t('appOverview.overview.appInfo.regenerateNotice')}
                     isShow={showConfirmDelete}
@@ -302,52 +306,63 @@ function AppCard({
                     >
                       <div
                         className={
-                          `h-full w-full ${style.refreshIcon} ${genLoading ? style.generateLogo : ''}`}
-                      ></div>
+                          `h-full w-full ${style.refreshIcon} ${genLoading ? style.generateLogo : ''}`
+                        }
+                      >
+                      </div>
                     </div>
                   </Tooltip>
                 )}
               </div>
             </div>
           )}
-          {!isMinimalState && isApp && systemFeatures.webapp_auth.enabled && appDetail && <div className='flex flex-col items-start justify-center self-stretch'>
-            <div className="system-xs-medium pb-1 text-text-tertiary">{t('app.publishApp.title')}</div>
-            <div className='flex h-9 w-full cursor-pointer items-center gap-x-0.5  rounded-lg bg-components-input-bg-normal py-1 pl-2.5 pr-2'
-              onClick={handleClickAccessControl}>
-              <div className='flex grow items-center gap-x-1.5 pr-1'>
-                {appDetail?.access_mode === AccessMode.ORGANIZATION
-                  && <>
-                    <RiBuildingLine className='h-4 w-4 shrink-0 text-text-secondary' />
-                    <p className='system-sm-medium text-text-secondary'>{t('app.accessControlDialog.accessItems.organization')}</p>
-                  </>
-                }
-                {appDetail?.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS
-                  && <>
-                    <RiLockLine className='h-4 w-4 shrink-0 text-text-secondary' />
-                    <p className='system-sm-medium text-text-secondary'>{t('app.accessControlDialog.accessItems.specific')}</p>
-                  </>
-                }
-                {appDetail?.access_mode === AccessMode.PUBLIC
-                  && <>
-                    <RiGlobalLine className='h-4 w-4 shrink-0 text-text-secondary' />
-                    <p className='system-sm-medium text-text-secondary'>{t('app.accessControlDialog.accessItems.anyone')}</p>
-                  </>
-                }
-                {appDetail?.access_mode === AccessMode.EXTERNAL_MEMBERS
-                  && <>
-                    <RiVerifiedBadgeLine className='h-4 w-4 shrink-0 text-text-secondary' />
-                    <p className='system-sm-medium text-text-secondary'>{t('app.accessControlDialog.accessItems.external')}</p>
-                  </>
-                }</div>
-              {!isAppAccessSet && <p className='system-xs-regular shrink-0 text-text-tertiary'>{t('app.publishApp.notSet')}</p>}
-              <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
-                <RiArrowRightSLine className='h-4 w-4 text-text-quaternary' />
+          {!isMinimalState && isApp && systemFeatures.webapp_auth.enabled && appDetail && (
+            <div className="flex flex-col items-start justify-center self-stretch">
+              <div className="system-xs-medium pb-1 text-text-tertiary">{t('app.publishApp.title')}</div>
+              <div
+                className="flex h-9 w-full cursor-pointer items-center gap-x-0.5  rounded-lg bg-components-input-bg-normal py-1 pl-2.5 pr-2"
+                onClick={handleClickAccessControl}
+              >
+                <div className="flex grow items-center gap-x-1.5 pr-1">
+                  {appDetail?.access_mode === AccessMode.ORGANIZATION
+                    && (
+                      <>
+                        <RiBuildingLine className="h-4 w-4 shrink-0 text-text-secondary" />
+                        <p className="system-sm-medium text-text-secondary">{t('app.accessControlDialog.accessItems.organization')}</p>
+                      </>
+                    )}
+                  {appDetail?.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS
+                    && (
+                      <>
+                        <RiLockLine className="h-4 w-4 shrink-0 text-text-secondary" />
+                        <p className="system-sm-medium text-text-secondary">{t('app.accessControlDialog.accessItems.specific')}</p>
+                      </>
+                    )}
+                  {appDetail?.access_mode === AccessMode.PUBLIC
+                    && (
+                      <>
+                        <RiGlobalLine className="h-4 w-4 shrink-0 text-text-secondary" />
+                        <p className="system-sm-medium text-text-secondary">{t('app.accessControlDialog.accessItems.anyone')}</p>
+                      </>
+                    )}
+                  {appDetail?.access_mode === AccessMode.EXTERNAL_MEMBERS
+                    && (
+                      <>
+                        <RiVerifiedBadgeLine className="h-4 w-4 shrink-0 text-text-secondary" />
+                        <p className="system-sm-medium text-text-secondary">{t('app.accessControlDialog.accessItems.external')}</p>
+                      </>
+                    )}
+                </div>
+                {!isAppAccessSet && <p className="system-xs-regular shrink-0 text-text-tertiary">{t('app.publishApp.notSet')}</p>}
+                <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+                  <RiArrowRightSLine className="h-4 w-4 text-text-quaternary" />
+                </div>
               </div>
             </div>
-          </div>}
+          )}
         </div>
         {!isMinimalState && (
-          <div className={'flex items-center gap-1 self-stretch p-3'}>
+          <div className="flex items-center gap-1 self-stretch p-3">
             {!isApp && <SecretKeyButton appId={appInfo.id} />}
             {OPERATIONS_MAP[cardType].map((op) => {
               const disabled
@@ -360,7 +375,7 @@ function AppCard({
                 <Button
                   className="mr-1 min-w-[88px]"
                   size="small"
-                  variant={'ghost'}
+                  variant="ghost"
                   key={op.opName}
                   onClick={genClickFuncByName(op.opName)}
                   disabled={disabled}
@@ -384,35 +399,39 @@ function AppCard({
       </div>
       {isApp
         ? (
-          <>
-            <SettingsModal
-              isChat={appMode === AppModeEnum.CHAT}
-              appInfo={appInfo}
-              isShow={showSettingsModal}
-              onClose={() => setShowSettingsModal(false)}
-              onSave={onSaveSiteConfig}
-            />
-            <EmbeddedModal
-              siteInfo={appInfo.site}
-              isShow={showEmbedded}
-              onClose={() => setShowEmbedded(false)}
-              appBaseUrl={app_base_url}
-              accessToken={access_token}
-            />
-            <CustomizeModal
-              isShow={showCustomizeModal}
-              onClose={() => setShowCustomizeModal(false)}
-              appId={appInfo.id}
-              api_base_url={appInfo.api_base_url}
-              mode={appInfo.mode}
-            />
-            {
-              showAccessControl && <AccessControl app={appDetail!}
-                onConfirm={handleAccessControlUpdate}
-                onClose={() => { setShowAccessControl(false) }} />
-            }
-          </>
-        )
+            <>
+              <SettingsModal
+                isChat={appMode === AppModeEnum.CHAT}
+                appInfo={appInfo}
+                isShow={showSettingsModal}
+                onClose={() => setShowSettingsModal(false)}
+                onSave={onSaveSiteConfig}
+              />
+              <EmbeddedModal
+                siteInfo={appInfo.site}
+                isShow={showEmbedded}
+                onClose={() => setShowEmbedded(false)}
+                appBaseUrl={app_base_url}
+                accessToken={access_token}
+              />
+              <CustomizeModal
+                isShow={showCustomizeModal}
+                onClose={() => setShowCustomizeModal(false)}
+                appId={appInfo.id}
+                api_base_url={appInfo.api_base_url}
+                mode={appInfo.mode}
+              />
+              {
+                showAccessControl && (
+                  <AccessControl
+                    app={appDetail!}
+                    onConfirm={handleAccessControlUpdate}
+                    onClose={() => { setShowAccessControl(false) }}
+                  />
+                )
+              }
+            </>
+          )
         : null}
     </div>
   )
diff --git a/web/app/components/app/overview/app-chart.tsx b/web/app/components/app/overview/app-chart.tsx
index 5dfdad6c82..3c2a3734d0 100644
--- a/web/app/components/app/overview/app-chart.tsx
+++ b/web/app/components/app/overview/app-chart.tsx
@@ -1,17 +1,16 @@
 'use client'
-import type { FC } from 'react'
-import React from 'react'
-import ReactECharts from 'echarts-for-react'
-import type { EChartsOption } from 'echarts'
 import type { Dayjs } from 'dayjs'
+import type { EChartsOption } from 'echarts'
+import type { FC } from 'react'
+import type { AppDailyConversationsResponse, AppDailyEndUsersResponse, AppDailyMessagesResponse, AppTokenCostsResponse } from '@/models/app'
 import dayjs from 'dayjs'
-import { get } from 'lodash-es'
 import Decimal from 'decimal.js'
+import ReactECharts from 'echarts-for-react'
+import { get } from 'lodash-es'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { formatNumber } from '@/utils/format'
 import Basic from '@/app/components/app-sidebar/basic'
 import Loading from '@/app/components/base/loading'
-import type { AppDailyConversationsResponse, AppDailyEndUsersResponse, AppDailyMessagesResponse, AppTokenCostsResponse } from '@/models/app'
 import {
   useAppAverageResponseTime,
   useAppAverageSessionInteractions,
@@ -26,6 +25,8 @@ import {
   useWorkflowDailyTerminals,
   useWorkflowTokenCosts,
 } from '@/service/use-apps'
+import { formatNumber } from '@/utils/format'
+
 const valueFormatter = (v: string | number) => v
 
 const COLOR_TYPE_MAP = {
@@ -51,7 +52,7 @@ const COMMON_COLOR_MAP = {
 
 type IColorType = 'green' | 'orange' | 'blue'
 type IChartType = 'messages' | 'conversations' | 'endUsers' | 'costs' | 'workflowCosts'
-type IChartConfigType = { colorType: IColorType; showTokens?: boolean }
+type IChartConfigType = { colorType: IColorType, showTokens?: boolean }
 
 const commonDateFormat = 'MMM D, YYYY'
 
@@ -108,13 +109,13 @@ export type IBizChartProps = {
 
 export type IChartProps = {
   className?: string
-  basicInfo: { title: string; explanation: string; timePeriod: string }
+  basicInfo: { title: string, explanation: string, timePeriod: string }
   valueKey?: string
   isAvg?: boolean
   unit?: string
   yMax?: number
   chartType: IChartType
-  chartData: AppDailyMessagesResponse | AppDailyConversationsResponse | AppDailyEndUsersResponse | AppTokenCostsResponse | { data: Array<{ date: string; count: number }> }
+  chartData: AppDailyMessagesResponse | AppDailyConversationsResponse | AppDailyEndUsersResponse | AppTokenCostsResponse | { data: Array<{ date: string, count: number }> }
 }
 
 const Chart: React.FC<IChartProps> = ({
@@ -226,9 +227,11 @@ const Chart: React.FC<IChartProps> = ({
             x2: 0,
             y2: 1,
             colorStops: [{
-              offset: 0, color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].bgColor[0],
+              offset: 0,
+              color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].bgColor[0],
             }, {
-              offset: 1, color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].bgColor[1],
+              offset: 1,
+              color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].bgColor[1],
             }],
             global: false,
           },
@@ -238,7 +241,9 @@ const Chart: React.FC<IChartProps> = ({
           formatter(params) {
             return `<div style='color:#6B7280;font-size:12px'>${params.name}</div>
                           <div style='font-size:14px;color:#1F2A37'>${valueFormatter((params.data as any)[yField])}
-                              ${!CHART_TYPE_CONFIG[chartType].showTokens ? '' : `<span style='font-size:12px'>
+                              ${!CHART_TYPE_CONFIG[chartType].showTokens
+                                ? ''
+                                : `<span style='font-size:12px'>
                                   <span style='margin-left:4px;color:#6B7280'>(</span>
                                   <span style='color:#FF8A4C'>~$${get(params.data, 'total_price', 0)}</span>
                                   <span style='color:#6B7280'>)</span>
@@ -253,28 +258,39 @@ const Chart: React.FC<IChartProps> = ({
 
   return (
     <div className={`flex w-full flex-col rounded-xl bg-components-chart-bg px-6 py-4 shadow-xs ${className ?? ''}`}>
-      <div className='mb-3'>
+      <div className="mb-3">
         <Basic name={title} type={timePeriod} hoverTip={explanation} />
       </div>
-      <div className='mb-4 flex-1'>
+      <div className="mb-4 flex-1">
         <Basic
           isExtraInLine={CHART_TYPE_CONFIG[chartType].showTokens}
           name={chartType !== 'costs' ? (`${sumData.toLocaleString()} ${unit}`) : `${sumData < 1000 ? sumData : (`${formatNumber(Math.round(sumData / 1000))}k`)}`}
           type={!CHART_TYPE_CONFIG[chartType].showTokens
             ? ''
-            : <span>{t('appOverview.analysis.tokenUsage.consumed')} Tokens<span className='text-sm'>
-              <span className='ml-1 text-text-tertiary'>(</span>
-              <span className='text-orange-400'>~{sum(statistics.map(item => Number.parseFloat(String(get(item, 'total_price', '0'))))).toLocaleString('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 4 })}</span>
-              <span className='text-text-tertiary'>)</span>
-            </span></span>}
-          textStyle={{ main: `!text-3xl !font-normal ${sumData === 0 ? '!text-text-quaternary' : ''}` }} />
+            : (
+                <span>
+                  {t('appOverview.analysis.tokenUsage.consumed')}
+                  {' '}
+                  Tokens
+                  <span className="text-sm">
+                    <span className="ml-1 text-text-tertiary">(</span>
+                    <span className="text-orange-400">
+                      ~
+                      {sum(statistics.map(item => Number.parseFloat(String(get(item, 'total_price', '0'))))).toLocaleString('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 4 })}
+                    </span>
+                    <span className="text-text-tertiary">)</span>
+                  </span>
+                </span>
+              )}
+          textStyle={{ main: `!text-3xl !font-normal ${sumData === 0 ? '!text-text-quaternary' : ''}` }}
+        />
       </div>
       <ReactECharts option={options} style={{ height: 160 }} />
     </div>
   )
 }
 
-const getDefaultChartData = ({ start, end, key = 'count' }: { start: string; end: string; key?: string }) => {
+const getDefaultChartData = ({ start, end, key = 'count' }: { start: string, end: string, key?: string }) => {
   const diffDays = dayjs(end).diff(dayjs(start), 'day')
   return Array.from({ length: diffDays || 1 }, () => ({ date: '', [key]: 0 })).map((item, index) => {
     item.date = dayjs(start).add(index, 'day').format(commonDateFormat)
@@ -288,12 +304,14 @@ export const MessagesChart: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.totalMessages.title'), explanation: t('appOverview.analysis.totalMessages.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-    chartType='messages'
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.totalMessages.title'), explanation: t('appOverview.analysis.totalMessages.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
+      chartType="messages"
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export const ConversationsChart: FC<IBizChartProps> = ({ id, period }) => {
@@ -302,12 +320,14 @@ export const ConversationsChart: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.totalConversations.title'), explanation: t('appOverview.analysis.totalConversations.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-    chartType='conversations'
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.totalConversations.title'), explanation: t('appOverview.analysis.totalConversations.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
+      chartType="conversations"
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export const EndUsersChart: FC<IBizChartProps> = ({ id, period }) => {
@@ -317,12 +337,14 @@ export const EndUsersChart: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.activeUsers.title'), explanation: t('appOverview.analysis.activeUsers.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-    chartType='endUsers'
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.activeUsers.title'), explanation: t('appOverview.analysis.activeUsers.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
+      chartType="endUsers"
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export const AvgSessionInteractions: FC<IBizChartProps> = ({ id, period }) => {
@@ -331,14 +353,16 @@ export const AvgSessionInteractions: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.avgSessionInteractions.title'), explanation: t('appOverview.analysis.avgSessionInteractions.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'interactions' }) } as any}
-    chartType='conversations'
-    valueKey='interactions'
-    isAvg
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.avgSessionInteractions.title'), explanation: t('appOverview.analysis.avgSessionInteractions.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'interactions' }) } as any}
+      chartType="conversations"
+      valueKey="interactions"
+      isAvg
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export const AvgResponseTime: FC<IBizChartProps> = ({ id, period }) => {
@@ -347,15 +371,17 @@ export const AvgResponseTime: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.avgResponseTime.title'), explanation: t('appOverview.analysis.avgResponseTime.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'latency' }) } as any}
-    valueKey='latency'
-    chartType='conversations'
-    isAvg
-    unit={t('appOverview.analysis.ms') as string}
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.avgResponseTime.title'), explanation: t('appOverview.analysis.avgResponseTime.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'latency' }) } as any}
+      valueKey="latency"
+      chartType="conversations"
+      isAvg
+      unit={t('appOverview.analysis.ms') as string}
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export const TokenPerSecond: FC<IBizChartProps> = ({ id, period }) => {
@@ -364,16 +390,18 @@ export const TokenPerSecond: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.tps.title'), explanation: t('appOverview.analysis.tps.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'tps' }) } as any}
-    valueKey='tps'
-    chartType='conversations'
-    isAvg
-    unit={t('appOverview.analysis.tokenPS') as string}
-    {...(noDataFlag && { yMax: 100 })}
-    className="min-w-0"
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.tps.title'), explanation: t('appOverview.analysis.tps.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'tps' }) } as any}
+      valueKey="tps"
+      chartType="conversations"
+      isAvg
+      unit={t('appOverview.analysis.tokenPS') as string}
+      {...(noDataFlag && { yMax: 100 })}
+      className="min-w-0"
+    />
+  )
 }
 
 export const UserSatisfactionRate: FC<IBizChartProps> = ({ id, period }) => {
@@ -382,15 +410,17 @@ export const UserSatisfactionRate: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.userSatisfactionRate.title'), explanation: t('appOverview.analysis.userSatisfactionRate.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'rate' }) } as any}
-    valueKey='rate'
-    chartType='endUsers'
-    isAvg
-    {...(noDataFlag && { yMax: 1000 })}
-    className='h-full'
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.userSatisfactionRate.title'), explanation: t('appOverview.analysis.userSatisfactionRate.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'rate' }) } as any}
+      valueKey="rate"
+      chartType="endUsers"
+      isAvg
+      {...(noDataFlag && { yMax: 1000 })}
+      className="h-full"
+    />
+  )
 }
 
 export const CostChart: FC<IBizChartProps> = ({ id, period }) => {
@@ -400,12 +430,14 @@ export const CostChart: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.tokenUsage.title'), explanation: t('appOverview.analysis.tokenUsage.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-    chartType='costs'
-    {...(noDataFlag && { yMax: 100 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.tokenUsage.title'), explanation: t('appOverview.analysis.tokenUsage.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
+      chartType="costs"
+      {...(noDataFlag && { yMax: 100 })}
+    />
+  )
 }
 
 export const WorkflowMessagesChart: FC<IBizChartProps> = ({ id, period }) => {
@@ -414,13 +446,15 @@ export const WorkflowMessagesChart: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.totalMessages.title'), explanation: t('appOverview.analysis.totalMessages.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'runs' }) } as any}
-    chartType='conversations'
-    valueKey='runs'
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.totalMessages.title'), explanation: t('appOverview.analysis.totalMessages.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'runs' }) } as any}
+      chartType="conversations"
+      valueKey="runs"
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export const WorkflowDailyTerminalsChart: FC<IBizChartProps> = ({ id, period }) => {
@@ -430,12 +464,14 @@ export const WorkflowDailyTerminalsChart: FC<IBizChartProps> = ({ id, period })
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.activeUsers.title'), explanation: t('appOverview.analysis.activeUsers.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-    chartType='endUsers'
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.activeUsers.title'), explanation: t('appOverview.analysis.activeUsers.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
+      chartType="endUsers"
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export const WorkflowCostChart: FC<IBizChartProps> = ({ id, period }) => {
@@ -445,12 +481,14 @@ export const WorkflowCostChart: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.tokenUsage.title'), explanation: t('appOverview.analysis.tokenUsage.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-    chartType='workflowCosts'
-    {...(noDataFlag && { yMax: 100 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.tokenUsage.title'), explanation: t('appOverview.analysis.tokenUsage.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
+      chartType="workflowCosts"
+      {...(noDataFlag && { yMax: 100 })}
+    />
+  )
 }
 
 export const AvgUserInteractions: FC<IBizChartProps> = ({ id, period }) => {
@@ -459,14 +497,16 @@ export const AvgUserInteractions: FC<IBizChartProps> = ({ id, period }) => {
   if (isLoading || !response)
     return <Loading />
   const noDataFlag = !response.data || response.data.length === 0
-  return <Chart
-    basicInfo={{ title: t('appOverview.analysis.avgUserInteractions.title'), explanation: t('appOverview.analysis.avgUserInteractions.explanation'), timePeriod: period.name }}
-    chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'interactions' }) } as any}
-    chartType='conversations'
-    valueKey='interactions'
-    isAvg
-    {...(noDataFlag && { yMax: 500 })}
-  />
+  return (
+    <Chart
+      basicInfo={{ title: t('appOverview.analysis.avgUserInteractions.title'), explanation: t('appOverview.analysis.avgUserInteractions.explanation'), timePeriod: period.name }}
+      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'interactions' }) } as any}
+      chartType="conversations"
+      valueKey="interactions"
+      isAvg
+      {...(noDataFlag && { yMax: 500 })}
+    />
+  )
 }
 
 export default Chart
diff --git a/web/app/components/app/overview/customize/index.spec.tsx b/web/app/components/app/overview/customize/index.spec.tsx
index cc917561ea..1cfe5a7130 100644
--- a/web/app/components/app/overview/customize/index.spec.tsx
+++ b/web/app/components/app/overview/customize/index.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import CustomizeModal from './index'
 import { AppModeEnum } from '@/types/app'
+import CustomizeModal from './index'
 
 // Mock useDocLink from context
 const mockDocLink = vi.fn((path?: string) => `https://docs.dify.ai/en-US${path || ''}`)
diff --git a/web/app/components/app/overview/customize/index.tsx b/web/app/components/app/overview/customize/index.tsx
index 698bc98efd..9dd3e3816a 100644
--- a/web/app/components/app/overview/customize/index.tsx
+++ b/web/app/components/app/overview/customize/index.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { ArrowTopRightOnSquareIcon } from '@heroicons/react/24/outline'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDocLink } from '@/context/i18n'
-import { AppModeEnum } from '@/types/app'
 import Button from '@/app/components/base/button'
 import Modal from '@/app/components/base/modal'
 import Tag from '@/app/components/base/tag'
+import { useDocLink } from '@/context/i18n'
+import { AppModeEnum } from '@/types/app'
 
 type IShareLinkProps = {
   isShow: boolean
@@ -17,10 +17,11 @@ type IShareLinkProps = {
   mode: AppModeEnum
 }
 
-const StepNum: FC<{ children: React.ReactNode }> = ({ children }) =>
-  <div className='mr-3 flex h-7 w-7 shrink-0 items-center justify-center rounded-2xl bg-util-colors-blue-blue-50 text-text-accent'>
+const StepNum: FC<{ children: React.ReactNode }> = ({ children }) => (
+  <div className="mr-3 flex h-7 w-7 shrink-0 items-center justify-center rounded-2xl bg-util-colors-blue-blue-50 text-text-accent">
     {children}
   </div>
+)
 
 const GithubIcon = ({ className }: { className: string }) => {
   return (
@@ -43,71 +44,90 @@ const CustomizeModal: FC<IShareLinkProps> = ({
   const docLink = useDocLink()
   const isChatApp = mode === AppModeEnum.CHAT || mode === AppModeEnum.ADVANCED_CHAT
 
-  return <Modal
-    title={t(`${prefixCustomize}.title`)}
-    description={t(`${prefixCustomize}.explanation`)}
-    isShow={isShow}
-    onClose={onClose}
-    className='w-[640px] !max-w-2xl'
-    closable={true}
-  >
-    <div className='mt-4 w-full rounded-lg border-[0.5px] border-components-panel-border px-6 py-5'>
-      <Tag bordered={true} hideBg={true} className='border-text-accent-secondary uppercase text-text-accent-secondary'>{t(`${prefixCustomize}.way`)} 1</Tag>
-      <p className='system-sm-medium my-2 text-text-secondary'>{t(`${prefixCustomize}.way1.name`)}</p>
-      <div className='flex py-4'>
-        <StepNum>1</StepNum>
-        <div className='flex flex-col'>
-          <div className='text-text-primary'>{t(`${prefixCustomize}.way1.step1`)}</div>
-          <div className='mb-2 mt-1 text-xs text-text-tertiary'>{t(`${prefixCustomize}.way1.step1Tip`)}</div>
-          <a href={`https://github.com/langgenius/${isChatApp ? 'webapp-conversation' : 'webapp-text-generator'}`} target='_blank' rel='noopener noreferrer'>
-            <Button><GithubIcon className='mr-2 text-text-secondary' />{t(`${prefixCustomize}.way1.step1Operation`)}</Button>
-          </a>
+  return (
+    <Modal
+      title={t(`${prefixCustomize}.title`)}
+      description={t(`${prefixCustomize}.explanation`)}
+      isShow={isShow}
+      onClose={onClose}
+      className="w-[640px] !max-w-2xl"
+      closable={true}
+    >
+      <div className="mt-4 w-full rounded-lg border-[0.5px] border-components-panel-border px-6 py-5">
+        <Tag bordered={true} hideBg={true} className="border-text-accent-secondary uppercase text-text-accent-secondary">
+          {t(`${prefixCustomize}.way`)}
+          {' '}
+          1
+        </Tag>
+        <p className="system-sm-medium my-2 text-text-secondary">{t(`${prefixCustomize}.way1.name`)}</p>
+        <div className="flex py-4">
+          <StepNum>1</StepNum>
+          <div className="flex flex-col">
+            <div className="text-text-primary">{t(`${prefixCustomize}.way1.step1`)}</div>
+            <div className="mb-2 mt-1 text-xs text-text-tertiary">{t(`${prefixCustomize}.way1.step1Tip`)}</div>
+            <a href={`https://github.com/langgenius/${isChatApp ? 'webapp-conversation' : 'webapp-text-generator'}`} target="_blank" rel="noopener noreferrer">
+              <Button>
+                <GithubIcon className="mr-2 text-text-secondary" />
+                {t(`${prefixCustomize}.way1.step1Operation`)}
+              </Button>
+            </a>
+          </div>
         </div>
-      </div>
-      <div className='flex pt-4'>
-        <StepNum>2</StepNum>
-        <div className='flex flex-col'>
-          <div className='text-text-primary'>{t(`${prefixCustomize}.way1.step2`)}</div>
-          <div className='mb-2 mt-1 text-xs text-text-tertiary'>{t(`${prefixCustomize}.way1.step2Tip`)}</div>
-          <a href="https://vercel.com/docs/concepts/deployments/git/vercel-for-github" target='_blank' rel='noopener noreferrer'>
-            <Button>
-              <div className='mr-1.5 border-b-[12px] border-l-[7px] border-r-[7px] border-t-0 border-solid border-text-primary border-l-transparent border-r-transparent border-t-transparent'></div>
-              <span>{t(`${prefixCustomize}.way1.step2Operation`)}</span>
-            </Button>
-          </a>
+        <div className="flex pt-4">
+          <StepNum>2</StepNum>
+          <div className="flex flex-col">
+            <div className="text-text-primary">{t(`${prefixCustomize}.way1.step2`)}</div>
+            <div className="mb-2 mt-1 text-xs text-text-tertiary">{t(`${prefixCustomize}.way1.step2Tip`)}</div>
+            <a href="https://vercel.com/docs/concepts/deployments/git/vercel-for-github" target="_blank" rel="noopener noreferrer">
+              <Button>
+                <div className="mr-1.5 border-b-[12px] border-l-[7px] border-r-[7px] border-t-0 border-solid border-text-primary border-l-transparent border-r-transparent border-t-transparent"></div>
+                <span>{t(`${prefixCustomize}.way1.step2Operation`)}</span>
+              </Button>
+            </a>
+          </div>
         </div>
-      </div>
-      <div className='flex py-4'>
-        <StepNum>3</StepNum>
-        <div className='flex w-full flex-col overflow-hidden'>
-          <div className='text-text-primary'>{t(`${prefixCustomize}.way1.step3`)}</div>
-          <div className='mb-2 mt-1 text-xs text-text-tertiary'>{t(`${prefixCustomize}.way1.step3Tip`)}</div>
-          <pre className='box-border select-text overflow-x-scroll rounded-lg border-[0.5px] border-components-panel-border bg-background-section px-4 py-3 text-xs font-medium text-text-secondary'>
-            NEXT_PUBLIC_APP_ID={`'${appId}'`} <br />
-            NEXT_PUBLIC_APP_KEY={'\'<Web API Key From Dify>\''} <br />
-            NEXT_PUBLIC_API_URL={`'${api_base_url}'`}
-          </pre>
+        <div className="flex py-4">
+          <StepNum>3</StepNum>
+          <div className="flex w-full flex-col overflow-hidden">
+            <div className="text-text-primary">{t(`${prefixCustomize}.way1.step3`)}</div>
+            <div className="mb-2 mt-1 text-xs text-text-tertiary">{t(`${prefixCustomize}.way1.step3Tip`)}</div>
+            <pre className="box-border select-text overflow-x-scroll rounded-lg border-[0.5px] border-components-panel-border bg-background-section px-4 py-3 text-xs font-medium text-text-secondary">
+              NEXT_PUBLIC_APP_ID=
+              {`'${appId}'`}
+              {' '}
+              <br />
+              NEXT_PUBLIC_APP_KEY=
+              {'\'<Web API Key From Dify>\''}
+              {' '}
+              <br />
+              NEXT_PUBLIC_API_URL=
+              {`'${api_base_url}'`}
+            </pre>
+          </div>
         </div>
-      </div>
 
-    </div>
-    <div className='mt-4 w-full rounded-lg border-[0.5px] border-components-panel-border px-6 py-5'>
-      <Tag bordered={true} hideBg={true} className='border-text-accent-secondary uppercase text-text-accent-secondary'>{t(`${prefixCustomize}.way`)} 2</Tag>
-      <p className='system-sm-medium my-2 text-text-secondary'>{t(`${prefixCustomize}.way2.name`)}</p>
-      <Button
-        className='mt-2'
-        onClick={() =>
-          window.open(
-            docLink('/guides/application-publishing/developing-with-apis'),
-            '_blank',
-          )
-        }
-      >
-        <span className='text-sm text-text-secondary'>{t(`${prefixCustomize}.way2.operation`)}</span>
-        <ArrowTopRightOnSquareIcon className='ml-1 h-4 w-4 shrink-0 text-text-secondary' />
-      </Button>
-    </div>
-  </Modal>
+      </div>
+      <div className="mt-4 w-full rounded-lg border-[0.5px] border-components-panel-border px-6 py-5">
+        <Tag bordered={true} hideBg={true} className="border-text-accent-secondary uppercase text-text-accent-secondary">
+          {t(`${prefixCustomize}.way`)}
+          {' '}
+          2
+        </Tag>
+        <p className="system-sm-medium my-2 text-text-secondary">{t(`${prefixCustomize}.way2.name`)}</p>
+        <Button
+          className="mt-2"
+          onClick={() =>
+            window.open(
+              docLink('/guides/application-publishing/developing-with-apis'),
+              '_blank',
+            )}
+        >
+          <span className="text-sm text-text-secondary">{t(`${prefixCustomize}.way2.operation`)}</span>
+          <ArrowTopRightOnSquareIcon className="ml-1 h-4 w-4 shrink-0 text-text-secondary" />
+        </Button>
+      </div>
+    </Modal>
+  )
 }
 
 export default CustomizeModal
diff --git a/web/app/components/app/overview/embedded/index.tsx b/web/app/components/app/overview/embedded/index.tsx
index d4be58b1b2..92ea8bc49a 100644
--- a/web/app/components/app/overview/embedded/index.tsx
+++ b/web/app/components/app/overview/embedded/index.tsx
@@ -1,20 +1,20 @@
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { SiteInfo } from '@/models/share'
 import {
   RiClipboardFill,
   RiClipboardLine,
 } from '@remixicon/react'
 import copy from 'copy-to-clipboard'
-import style from './style.module.css'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import { useThemeContext } from '@/app/components/base/chat/embedded-chatbot/theme/theme-context'
 import Modal from '@/app/components/base/modal'
 import Tooltip from '@/app/components/base/tooltip'
-import { useAppContext } from '@/context/app-context'
 import { IS_CE_EDITION } from '@/config'
-import type { SiteInfo } from '@/models/share'
-import { useThemeContext } from '@/app/components/base/chat/embedded-chatbot/theme/theme-context'
-import ActionButton from '@/app/components/base/action-button'
-import { basePath } from '@/utils/var'
+import { useAppContext } from '@/context/app-context'
 import { cn } from '@/utils/classnames'
+import { basePath } from '@/utils/var'
+import style from './style.module.css'
 
 type Props = {
   siteInfo?: SiteInfo
@@ -155,21 +155,20 @@ const Embedded = ({ siteInfo, isShow, onClose, appBaseUrl, accessToken, classNam
                 setOption(v as Option)
                 resetCopyStatus()
               }}
-            ></div>
+            >
+            </div>
           )
         })}
       </div>
       {option === 'chromePlugin' && (
         <div className="mt-6 w-full">
-          <div className={cn('inline-flex w-full items-center justify-center gap-2 rounded-lg py-3',
-            'shrink-0 cursor-pointer bg-primary-600 text-white hover:bg-primary-600/75 hover:shadow-sm')}>
+          <div className={cn('inline-flex w-full items-center justify-center gap-2 rounded-lg py-3', 'shrink-0 cursor-pointer bg-primary-600 text-white hover:bg-primary-600/75 hover:shadow-sm')}>
             <div className={`relative h-4 w-4 ${style.pluginInstallIcon}`}></div>
             <div className="font-['Inter'] text-sm font-medium leading-tight text-white" onClick={navigateToChromeUrl}>{t(`${prefixEmbedded}.chromePlugin`)}</div>
           </div>
         </div>
       )}
-      <div className={cn('inline-flex w-full flex-col items-start justify-start rounded-lg border-[0.5px] border-components-panel-border bg-background-section',
-        'mt-6')}>
+      <div className={cn('inline-flex w-full flex-col items-start justify-start rounded-lg border-[0.5px] border-components-panel-border bg-background-section', 'mt-6')}>
         <div className="inline-flex items-center justify-start gap-2 self-stretch rounded-t-lg bg-background-section-burn py-1  pl-3 pr-1">
           <div className="system-sm-medium shrink-0 grow text-text-secondary">
             {t(`${prefixEmbedded}.${option}`)}
@@ -185,15 +184,15 @@ const Embedded = ({ siteInfo, isShow, onClose, appBaseUrl, accessToken, classNam
               <div
                 onClick={onClickCopy}
               >
-                {isCopied[option] && <RiClipboardFill className='h-4 w-4' />}
-                {!isCopied[option] && <RiClipboardLine className='h-4 w-4' />}
+                {isCopied[option] && <RiClipboardFill className="h-4 w-4" />}
+                {!isCopied[option] && <RiClipboardLine className="h-4 w-4" />}
               </div>
             </ActionButton>
           </Tooltip>
         </div>
         <div className="flex w-full items-start justify-start gap-2 overflow-x-auto p-3">
           <div className="shrink grow basis-0 font-mono text-[13px] leading-tight text-text-secondary">
-            <pre className='select-text'>{OPTION_MAP[option].getContent(appBaseUrl, accessToken, themeBuilder.theme?.primaryColor ?? '#1C64F2', isTestEnv)}</pre>
+            <pre className="select-text">{OPTION_MAP[option].getContent(appBaseUrl, accessToken, themeBuilder.theme?.primaryColor ?? '#1C64F2', isTestEnv)}</pre>
           </div>
         </div>
       </div>
diff --git a/web/app/components/app/overview/settings/index.tsx b/web/app/components/app/overview/settings/index.tsx
index d079631cf7..6464f40309 100644
--- a/web/app/components/app/overview/settings/index.tsx
+++ b/web/app/components/app/overview/settings/index.tsx
@@ -1,32 +1,33 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
+import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
+import type { AppDetailResponse } from '@/models/app'
+import type { AppIconType, AppSSO, Language } from '@/types/app'
 import { RiArrowRightSLine, RiCloseLine } from '@remixicon/react'
 import Link from 'next/link'
+import React, { useCallback, useEffect, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { SparklesSoft } from '@/app/components/base/icons/src/public/common'
-import Modal from '@/app/components/base/modal'
 import ActionButton from '@/app/components/base/action-button'
+import AppIcon from '@/app/components/base/app-icon'
+import AppIconPicker from '@/app/components/base/app-icon-picker'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
+import { SparklesSoft } from '@/app/components/base/icons/src/public/common'
 import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
-import AppIcon from '@/app/components/base/app-icon'
-import Switch from '@/app/components/base/switch'
+import Modal from '@/app/components/base/modal'
 import PremiumBadge from '@/app/components/base/premium-badge'
 import { SimpleSelect } from '@/app/components/base/select'
-import type { AppDetailResponse } from '@/models/app'
-import { type AppIconType, AppModeEnum, type AppSSO, type Language } from '@/types/app'
+import Switch from '@/app/components/base/switch'
+import Textarea from '@/app/components/base/textarea'
 import { useToastContext } from '@/app/components/base/toast'
-import { languages } from '@/i18n-config/language'
 import Tooltip from '@/app/components/base/tooltip'
-import { useProviderContext } from '@/context/provider-context'
-import { useModalContext } from '@/context/modal-context'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
-import AppIconPicker from '@/app/components/base/app-icon-picker'
-import { cn } from '@/utils/classnames'
 import { useDocLink } from '@/context/i18n'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { languages } from '@/i18n-config/language'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 export type ISettingsModalProps = {
   isChat: boolean
@@ -154,7 +155,7 @@ const SettingsModal: FC<ISettingsModalProps> = ({
       if (hex === null || hex?.length === 0)
         return true
 
-      const regex = /#([A-Fa-f0-9]{6})/
+      const regex = /#([A-F0-9]{6})/i
       const check = regex.test(hex)
       return check
     }
@@ -226,41 +227,47 @@ const SettingsModal: FC<ISettingsModalProps> = ({
         isShow={isShow}
         closable={false}
         onClose={onHide}
-        className='max-w-[520px] p-0'
+        className="max-w-[520px] p-0"
       >
         {/* header */}
-        <div className='pb-3 pl-6 pr-5 pt-5'>
-          <div className='flex items-center gap-1'>
-            <div className='title-2xl-semi-bold grow text-text-primary'>{t(`${prefixSettings}.title`)}</div>
-            <ActionButton className='shrink-0' onClick={onHide}>
-              <RiCloseLine className='h-4 w-4' />
+        <div className="pb-3 pl-6 pr-5 pt-5">
+          <div className="flex items-center gap-1">
+            <div className="title-2xl-semi-bold grow text-text-primary">{t(`${prefixSettings}.title`)}</div>
+            <ActionButton className="shrink-0" onClick={onHide}>
+              <RiCloseLine className="h-4 w-4" />
             </ActionButton>
           </div>
-          <div className='system-xs-regular mt-0.5 text-text-tertiary'>
+          <div className="system-xs-regular mt-0.5 text-text-tertiary">
             <span>{t(`${prefixSettings}.modalTip`)}</span>
-            <Link href={docLink('/guides/application-publishing/launch-your-webapp-quickly/README', {
-              'zh-Hans': '/guides/application-publishing/launch-your-webapp-quickly/readme',
-            })}
-            target='_blank' rel='noopener noreferrer' className='text-text-accent'>{t('common.operation.learnMore')}</Link>
+            <Link
+              href={docLink('/guides/application-publishing/launch-your-webapp-quickly/README', {
+                'zh-Hans': '/guides/application-publishing/launch-your-webapp-quickly/readme',
+              })}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-text-accent"
+            >
+              {t('common.operation.learnMore')}
+            </Link>
           </div>
         </div>
         {/* form body */}
-        <div className='space-y-5 px-6 py-3'>
+        <div className="space-y-5 px-6 py-3">
           {/* name & icon */}
-          <div className='flex gap-4'>
-            <div className='grow'>
+          <div className="flex gap-4">
+            <div className="grow">
               <div className={cn('system-sm-semibold mb-1 py-1 text-text-secondary')}>{t(`${prefixSettings}.webName`)}</div>
               <Input
-                className='w-full'
+                className="w-full"
                 value={inputInfo.title}
                 onChange={onChange('title')}
                 placeholder={t('app.appNamePlaceholder') || ''}
               />
             </div>
             <AppIcon
-              size='xxl'
+              size="xxl"
               onClick={() => { setShowAppIconPicker(true) }}
-              className='mt-2 cursor-pointer'
+              className="mt-2 cursor-pointer"
               iconType={appIcon.type}
               icon={appIcon.type === 'image' ? appIcon.fileId : appIcon.icon}
               background={appIcon.type === 'image' ? undefined : appIcon.background}
@@ -268,10 +275,10 @@ const SettingsModal: FC<ISettingsModalProps> = ({
             />
           </div>
           {/* description */}
-          <div className='relative'>
+          <div className="relative">
             <div className={cn('system-sm-semibold py-1 text-text-secondary')}>{t(`${prefixSettings}.webDesc`)}</div>
             <Textarea
-              className='mt-1'
+              className="mt-1"
               value={inputInfo.desc}
               onChange={e => onDesChange(e.target.value)}
               placeholder={t(`${prefixSettings}.webDescPlaceholder`) as string}
@@ -281,22 +288,22 @@ const SettingsModal: FC<ISettingsModalProps> = ({
           <Divider className="my-0 h-px" />
           {/* answer icon */}
           {isChat && (
-            <div className='w-full'>
-              <div className='flex items-center justify-between'>
+            <div className="w-full">
+              <div className="flex items-center justify-between">
                 <div className={cn('system-sm-semibold py-1 text-text-secondary')}>{t('app.answerIcon.title')}</div>
                 <Switch
                   defaultValue={inputInfo.use_icon_as_answer_icon}
                   onChange={v => setInputInfo({ ...inputInfo, use_icon_as_answer_icon: v })}
                 />
               </div>
-              <p className='body-xs-regular pb-0.5 text-text-tertiary'>{t('app.answerIcon.description')}</p>
+              <p className="body-xs-regular pb-0.5 text-text-tertiary">{t('app.answerIcon.description')}</p>
             </div>
           )}
           {/* language */}
-          <div className='flex items-center'>
+          <div className="flex items-center">
             <div className={cn('system-sm-semibold grow py-1 text-text-secondary')}>{t(`${prefixSettings}.language`)}</div>
             <SimpleSelect
-              wrapperClassName='w-[200px]'
+              wrapperClassName="w-[200px]"
               items={languages.filter(item => item.supported)}
               defaultValue={language}
               onSelect={item => setLanguage(item.value as Language)}
@@ -305,19 +312,19 @@ const SettingsModal: FC<ISettingsModalProps> = ({
           </div>
           {/* theme color */}
           {isChat && (
-            <div className='flex items-center'>
-              <div className='grow'>
+            <div className="flex items-center">
+              <div className="grow">
                 <div className={cn('system-sm-semibold py-1 text-text-secondary')}>{t(`${prefixSettings}.chatColorTheme`)}</div>
-                <div className='body-xs-regular pb-0.5 text-text-tertiary'>{t(`${prefixSettings}.chatColorThemeDesc`)}</div>
+                <div className="body-xs-regular pb-0.5 text-text-tertiary">{t(`${prefixSettings}.chatColorThemeDesc`)}</div>
               </div>
-              <div className='shrink-0'>
+              <div className="shrink-0">
                 <Input
-                  className='mb-1 w-[200px]'
+                  className="mb-1 w-[200px]"
                   value={inputInfo.chatColorTheme ?? ''}
                   onChange={onChange('chatColorTheme')}
-                  placeholder='E.g #A020F0'
+                  placeholder="E.g #A020F0"
                 />
-                <div className='flex items-center justify-between'>
+                <div className="flex items-center justify-between">
                   <p className={cn('body-xs-regular text-text-tertiary')}>{t(`${prefixSettings}.chatColorThemeInverted`)}</p>
                   <Switch defaultValue={inputInfo.chatColorThemeInverted} onChange={v => setInputInfo({ ...inputInfo, chatColorThemeInverted: v })}></Switch>
                 </div>
@@ -325,8 +332,8 @@ const SettingsModal: FC<ISettingsModalProps> = ({
             </div>
           )}
           {/* workflow detail */}
-          <div className='w-full'>
-            <div className='flex items-center justify-between'>
+          <div className="w-full">
+            <div className="flex items-center justify-between">
               <div className={cn('system-sm-semibold py-1 text-text-secondary')}>{t(`${prefixSettings}.workflow.subTitle`)}</div>
               <Switch
                 disabled={!(appInfo.mode === AppModeEnum.WORKFLOW || appInfo.mode === AppModeEnum.ADVANCED_CHAT)}
@@ -334,34 +341,40 @@ const SettingsModal: FC<ISettingsModalProps> = ({
                 onChange={v => setInputInfo({ ...inputInfo, show_workflow_steps: v })}
               />
             </div>
-            <p className='body-xs-regular pb-0.5 text-text-tertiary'>{t(`${prefixSettings}.workflow.showDesc`)}</p>
+            <p className="body-xs-regular pb-0.5 text-text-tertiary">{t(`${prefixSettings}.workflow.showDesc`)}</p>
           </div>
           {/* more settings switch */}
           <Divider className="my-0 h-px" />
           {!isShowMore && (
-            <div className='flex cursor-pointer items-center' onClick={() => setIsShowMore(true)}>
-              <div className='grow'>
+            <div className="flex cursor-pointer items-center" onClick={() => setIsShowMore(true)}>
+              <div className="grow">
                 <div className={cn('system-sm-semibold py-1 text-text-secondary')}>{t(`${prefixSettings}.more.entry`)}</div>
-                <p className={cn('body-xs-regular pb-0.5 text-text-tertiary')}>{t(`${prefixSettings}.more.copyRightPlaceholder`)} & {t(`${prefixSettings}.more.privacyPolicyPlaceholder`)}</p>
+                <p className={cn('body-xs-regular pb-0.5 text-text-tertiary')}>
+                  {t(`${prefixSettings}.more.copyRightPlaceholder`)}
+                  {' '}
+                  &
+                  {' '}
+                  {t(`${prefixSettings}.more.privacyPolicyPlaceholder`)}
+                </p>
               </div>
-              <RiArrowRightSLine className='ml-1 h-4 w-4 shrink-0 text-text-secondary' />
+              <RiArrowRightSLine className="ml-1 h-4 w-4 shrink-0 text-text-secondary" />
             </div>
           )}
           {/* more settings */}
           {isShowMore && (
             <>
               {/* copyright */}
-              <div className='w-full'>
-                <div className='flex items-center'>
-                  <div className='flex grow items-center'>
+              <div className="w-full">
+                <div className="flex items-center">
+                  <div className="flex grow items-center">
                     <div className={cn('system-sm-semibold mr-1 py-1 text-text-secondary')}>{t(`${prefixSettings}.more.copyright`)}</div>
                     {/* upgrade button */}
                     {enableBilling && isFreePlan && (
-                      <div className='h-[18px] select-none'>
-                        <PremiumBadge size='s' color='blue' allowHover={true} onClick={handlePlanClick}>
-                          <SparklesSoft className='flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0' />
-                          <div className='system-xs-medium'>
-                            <span className='p-1'>
+                      <div className="h-[18px] select-none">
+                        <PremiumBadge size="s" color="blue" allowHover={true} onClick={handlePlanClick}>
+                          <SparklesSoft className="flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0" />
+                          <div className="system-xs-medium">
+                            <span className="p-1">
                               {t('billing.upgradeBtn.encourageShort')}
                             </span>
                           </div>
@@ -372,7 +385,7 @@ const SettingsModal: FC<ISettingsModalProps> = ({
                   <Tooltip
                     disabled={webappCopyrightEnabled}
                     popupContent={
-                      <div className='w-[180px]'>{t(`${prefixSettings}.more.copyrightTooltip`)}</div>
+                      <div className="w-[180px]">{t(`${prefixSettings}.more.copyrightTooltip`)}</div>
                     }
                     asChild={false}
                   >
@@ -383,10 +396,10 @@ const SettingsModal: FC<ISettingsModalProps> = ({
                     />
                   </Tooltip>
                 </div>
-                <p className='body-xs-regular pb-0.5 text-text-tertiary'>{t(`${prefixSettings}.more.copyrightTip`)}</p>
+                <p className="body-xs-regular pb-0.5 text-text-tertiary">{t(`${prefixSettings}.more.copyrightTip`)}</p>
                 {inputInfo.copyrightSwitchValue && (
                   <Input
-                    className='mt-2 h-10'
+                    className="mt-2 h-10"
                     value={inputInfo.copyright}
                     onChange={onChange('copyright')}
                     placeholder={t(`${prefixSettings}.more.copyRightPlaceholder`) as string}
@@ -394,27 +407,27 @@ const SettingsModal: FC<ISettingsModalProps> = ({
                 )}
               </div>
               {/* privacy policy */}
-              <div className='w-full'>
+              <div className="w-full">
                 <div className={cn('system-sm-semibold py-1 text-text-secondary')}>{t(`${prefixSettings}.more.privacyPolicy`)}</div>
                 <p className={cn('body-xs-regular pb-0.5 text-text-tertiary')}>
                   <Trans
                     i18nKey={`${prefixSettings}.more.privacyPolicyTip`}
-                    components={{ privacyPolicyLink: <Link href={'https://dify.ai/privacy'} target='_blank' rel='noopener noreferrer' className='text-text-accent' /> }}
+                    components={{ privacyPolicyLink: <Link href="https://dify.ai/privacy" target="_blank" rel="noopener noreferrer" className="text-text-accent" /> }}
                   />
                 </p>
                 <Input
-                  className='mt-1'
+                  className="mt-1"
                   value={inputInfo.privacyPolicy}
                   onChange={onChange('privacyPolicy')}
                   placeholder={t(`${prefixSettings}.more.privacyPolicyPlaceholder`) as string}
                 />
               </div>
               {/* custom disclaimer */}
-              <div className='w-full'>
+              <div className="w-full">
                 <div className={cn('system-sm-semibold py-1 text-text-secondary')}>{t(`${prefixSettings}.more.customDisclaimer`)}</div>
                 <p className={cn('body-xs-regular pb-0.5 text-text-tertiary')}>{t(`${prefixSettings}.more.customDisclaimerTip`)}</p>
                 <Textarea
-                  className='mt-1'
+                  className="mt-1"
                   value={inputInfo.customDisclaimer}
                   onChange={onChange('customDisclaimer')}
                   placeholder={t(`${prefixSettings}.more.customDisclaimerPlaceholder`) as string}
@@ -424,9 +437,9 @@ const SettingsModal: FC<ISettingsModalProps> = ({
           )}
         </div>
         {/* footer */}
-        <div className='flex justify-end p-6 pt-5'>
-          <Button className='mr-2' onClick={onHide}>{t('common.operation.cancel')}</Button>
-          <Button variant='primary' onClick={onClickSave} loading={saveLoading}>{t('common.operation.save')}</Button>
+        <div className="flex justify-end p-6 pt-5">
+          <Button className="mr-2" onClick={onHide}>{t('common.operation.cancel')}</Button>
+          <Button variant="primary" onClick={onClickSave} loading={saveLoading}>{t('common.operation.save')}</Button>
         </div>
         {showAppIconPicker && (
           <div onClick={e => e.stopPropagation()}>
diff --git a/web/app/components/app/overview/trigger-card.tsx b/web/app/components/app/overview/trigger-card.tsx
index 5a0e387ba2..74b8e4100c 100644
--- a/web/app/components/app/overview/trigger-card.tsx
+++ b/web/app/components/app/overview/trigger-card.tsx
@@ -1,24 +1,25 @@
 'use client'
+import type { AppDetailResponse } from '@/models/app'
+import type { AppTrigger } from '@/service/use-tools'
+import type { AppSSO } from '@/types/app'
+import Link from 'next/link'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
 import { TriggerAll } from '@/app/components/base/icons/src/vender/workflow'
 import Switch from '@/app/components/base/switch'
-import type { AppDetailResponse } from '@/models/app'
-import type { AppSSO } from '@/types/app'
+import BlockIcon from '@/app/components/workflow/block-icon'
+import { useTriggerStatusStore } from '@/app/components/workflow/store/trigger-status'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { useAppContext } from '@/context/app-context'
+import { useDocLink } from '@/context/i18n'
 import {
-  type AppTrigger,
+
   useAppTriggers,
   useInvalidateAppTriggers,
   useUpdateTriggerStatus,
 } from '@/service/use-tools'
 import { useAllTriggerPlugins } from '@/service/use-triggers'
 import { canFindTool } from '@/utils'
-import { useTriggerStatusStore } from '@/app/components/workflow/store/trigger-status'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import { BlockEnum } from '@/app/components/workflow/types'
-import { useDocLink } from '@/context/i18n'
 
 export type ITriggerCardProps = {
   appInfo: AppDetailResponse & Partial<AppSSO>
@@ -162,8 +163,7 @@ function TriggerCard({ appInfo, onToggleResult }: ITriggerCardProps) {
                 <div className="system-md-semibold min-w-0 overflow-hidden text-ellipsis break-normal text-text-secondary group-hover:text-text-primary">
                   {triggerCount > 0
                     ? t('appOverview.overview.triggerInfo.triggersAdded', { count: triggerCount })
-                    : t('appOverview.overview.triggerInfo.noTriggerAdded')
-                  }
+                    : t('appOverview.overview.triggerInfo.noTriggerAdded')}
                 </div>
               </div>
             </div>
@@ -204,7 +204,8 @@ function TriggerCard({ appInfo, onToggleResult }: ITriggerCardProps) {
         {triggerCount === 0 && (
           <div className="p-3">
             <div className="system-xs-regular leading-4 text-text-tertiary">
-              {t('appOverview.overview.triggerInfo.triggerStatusDescription')}{' '}
+              {t('appOverview.overview.triggerInfo.triggerStatusDescription')}
+              {' '}
               <Link
                 href={docLink('/guides/workflow/node/trigger')}
                 target="_blank"
diff --git a/web/app/components/app/store.ts b/web/app/components/app/store.ts
index a90d560ac7..020f2b4e6f 100644
--- a/web/app/components/app/store.ts
+++ b/web/app/components/app/store.ts
@@ -1,6 +1,6 @@
-import { create } from 'zustand'
-import type { App, AppSSO } from '@/types/app'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import type { App, AppSSO } from '@/types/app'
+import { create } from 'zustand'
 
 type State = {
   appDetail?: App & Partial<AppSSO>
diff --git a/web/app/components/app/switch-app-modal/index.spec.tsx b/web/app/components/app/switch-app-modal/index.spec.tsx
index 5eb2078890..1f3c787dfa 100644
--- a/web/app/components/app/switch-app-modal/index.spec.tsx
+++ b/web/app/components/app/switch-app-modal/index.spec.tsx
@@ -1,12 +1,12 @@
-import React from 'react'
+import type { App } from '@/types/app'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import SwitchAppModal from './index'
+import React from 'react'
 import { ToastContext } from '@/app/components/base/toast'
-import type { App } from '@/types/app'
-import { AppModeEnum } from '@/types/app'
 import { Plan } from '@/app/components/billing/type'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { AppModeEnum } from '@/types/app'
+import SwitchAppModal from './index'
 
 const mockPush = vi.fn()
 const mockReplace = vi.fn()
@@ -73,7 +73,12 @@ vi.mock('@/context/provider-context', () => ({
 
 vi.mock('@/app/components/billing/apps-full-in-dialog', () => ({
   __esModule: true,
-  default: ({ loc }: { loc: string }) => <div data-testid="apps-full">AppsFull {loc}</div>,
+  default: ({ loc }: { loc: string }) => (
+    <div data-testid="apps-full">
+      AppsFull
+      {loc}
+    </div>
+  ),
 }))
 
 const createMockApp = (overrides: Partial<App> = {}): App => ({
diff --git a/web/app/components/app/switch-app-modal/index.tsx b/web/app/components/app/switch-app-modal/index.tsx
index 742212a44d..257f7b6788 100644
--- a/web/app/components/app/switch-app-modal/index.tsx
+++ b/web/app/components/app/switch-app-modal/index.tsx
@@ -1,30 +1,30 @@
 'use client'
 
-import { useEffect, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
+import type { App } from '@/types/app'
 import { RiCloseLine } from '@remixicon/react'
-import AppIconPicker from '../../base/app-icon-picker'
-import { cn } from '@/utils/classnames'
-import Checkbox from '@/app/components/base/checkbox'
+import { noop } from 'lodash-es'
+import { useRouter } from 'next/navigation'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
+import Checkbox from '@/app/components/base/checkbox'
+import Confirm from '@/app/components/base/confirm'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import Input from '@/app/components/base/input'
 import Modal from '@/app/components/base/modal'
-import Confirm from '@/app/components/base/confirm'
 import { ToastContext } from '@/app/components/base/toast'
-import { deleteApp, switchApp } from '@/service/apps'
-import { useAppContext } from '@/context/app-context'
-import { useProviderContext } from '@/context/provider-context'
 import AppsFull from '@/app/components/billing/apps-full-in-dialog'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import { getRedirection } from '@/utils/app-redirection'
-import type { App } from '@/types/app'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
-import AppIcon from '@/app/components/base/app-icon'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { noop } from 'lodash-es'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
+import { deleteApp, switchApp } from '@/service/apps'
 import { AppModeEnum } from '@/types/app'
+import { getRedirection } from '@/utils/app-redirection'
+import { cn } from '@/utils/classnames'
+import AppIconPicker from '../../base/app-icon-picker'
 
 type SwitchAppModalProps = {
   show: boolean
@@ -100,25 +100,25 @@ const SwitchAppModal = ({ show, appDetail, inAppDetail = false, onSuccess, onClo
         isShow={show}
         onClose={noop}
       >
-        <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onClose}>
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+        <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onClose}>
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
-        <div className='h-12 w-12 rounded-xl border-[0.5px] border-divider-regular bg-background-default-burn p-3 shadow-xl'>
-          <AlertTriangle className='h-6 w-6 text-[rgb(247,144,9)]' />
+        <div className="h-12 w-12 rounded-xl border-[0.5px] border-divider-regular bg-background-default-burn p-3 shadow-xl">
+          <AlertTriangle className="h-6 w-6 text-[rgb(247,144,9)]" />
         </div>
-        <div className='relative mt-3 text-xl font-semibold leading-[30px] text-text-primary'>{t('app.switch')}</div>
-        <div className='my-1 text-sm leading-5 text-text-tertiary'>
+        <div className="relative mt-3 text-xl font-semibold leading-[30px] text-text-primary">{t('app.switch')}</div>
+        <div className="my-1 text-sm leading-5 text-text-tertiary">
           <span>{t('app.switchTipStart')}</span>
-          <span className='font-medium text-text-secondary'>{t('app.switchTip')}</span>
+          <span className="font-medium text-text-secondary">{t('app.switchTip')}</span>
           <span>{t('app.switchTipEnd')}</span>
         </div>
-        <div className='pb-4'>
-          <div className='py-2 text-sm font-medium leading-[20px] text-text-primary'>{t('app.switchLabel')}</div>
-          <div className='flex items-center justify-between space-x-2'>
+        <div className="pb-4">
+          <div className="py-2 text-sm font-medium leading-[20px] text-text-primary">{t('app.switchLabel')}</div>
+          <div className="flex items-center justify-between space-x-2">
             <AppIcon
-              size='large'
+              size="large"
               onClick={() => { setShowAppIconPicker(true) }}
-              className='cursor-pointer'
+              className="cursor-pointer"
               iconType={appIcon.type}
               icon={appIcon.type === 'image' ? appIcon.fileId : appIcon.icon}
               background={appIcon.type === 'image' ? undefined : appIcon.background}
@@ -128,31 +128,33 @@ const SwitchAppModal = ({ show, appDetail, inAppDetail = false, onSuccess, onClo
               value={name}
               onChange={e => setName(e.target.value)}
               placeholder={t('app.newApp.appNamePlaceholder') || ''}
-              className='h-10 grow'
+              className="h-10 grow"
             />
           </div>
-          {showAppIconPicker && <AppIconPicker
-            onSelect={(payload) => {
-              setAppIcon(payload)
-              setShowAppIconPicker(false)
-            }}
-            onClose={() => {
-              setAppIcon(appDetail.icon_type === 'image'
-                ? { type: 'image' as const, url: appDetail.icon_url, fileId: appDetail.icon }
-                : { type: 'emoji' as const, icon: appDetail.icon, background: appDetail.icon_background })
-              setShowAppIconPicker(false)
-            }}
-          />}
+          {showAppIconPicker && (
+            <AppIconPicker
+              onSelect={(payload) => {
+                setAppIcon(payload)
+                setShowAppIconPicker(false)
+              }}
+              onClose={() => {
+                setAppIcon(appDetail.icon_type === 'image'
+                  ? { type: 'image' as const, url: appDetail.icon_url, fileId: appDetail.icon }
+                  : { type: 'emoji' as const, icon: appDetail.icon, background: appDetail.icon_background })
+                setShowAppIconPicker(false)
+              }}
+            />
+          )}
         </div>
-        {isAppsFull && <AppsFull loc='app-switch' />}
-        <div className='flex items-center justify-between pt-6'>
-          <div className='flex items-center'>
-            <Checkbox className='shrink-0' checked={removeOriginal} onCheck={() => setRemoveOriginal(!removeOriginal)} />
+        {isAppsFull && <AppsFull loc="app-switch" />}
+        <div className="flex items-center justify-between pt-6">
+          <div className="flex items-center">
+            <Checkbox className="shrink-0" checked={removeOriginal} onCheck={() => setRemoveOriginal(!removeOriginal)} />
             <div className="ml-2 cursor-pointer text-sm leading-5 text-text-secondary" onClick={() => setRemoveOriginal(!removeOriginal)}>{t('app.removeOriginal')}</div>
           </div>
-          <div className='flex items-center'>
-            <Button className='mr-2' onClick={onClose}>{t('app.newApp.Cancel')}</Button>
-            <Button className='border-red-700' disabled={isAppsFull || !name} variant="warning" onClick={goStart}>{t('app.switchStart')}</Button>
+          <div className="flex items-center">
+            <Button className="mr-2" onClick={onClose}>{t('app.newApp.Cancel')}</Button>
+            <Button className="border-red-700" disabled={isAppsFull || !name} variant="warning" onClick={goStart}>{t('app.switchStart')}</Button>
           </div>
         </div>
       </Modal>
diff --git a/web/app/components/app/text-generate/item/index.tsx b/web/app/components/app/text-generate/item/index.tsx
index d284ecd46e..320bb10301 100644
--- a/web/app/components/app/text-generate/item/index.tsx
+++ b/web/app/components/app/text-generate/item/index.tsx
@@ -1,7 +1,8 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FeedbackType } from '@/app/components/base/chat/chat/type'
+import type { WorkflowProcess } from '@/app/components/base/chat/types'
+import type { SiteInfo } from '@/models/share'
 import {
   RiBookmark3Line,
   RiClipboardLine,
@@ -13,24 +14,23 @@ import {
   RiThumbDownLine,
   RiThumbUpLine,
 } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
 import copy from 'copy-to-clipboard'
 import { useParams } from 'next/navigation'
-import { useBoolean } from 'ahooks'
-import ResultTab from './result-tab'
-import { Markdown } from '@/app/components/base/markdown'
-import Loading from '@/app/components/base/loading'
-import Toast from '@/app/components/base/toast'
-import type { FeedbackType } from '@/app/components/base/chat/chat/type'
-import { fetchMoreLikeThis, updateFeedback } from '@/service/share'
-import { fetchTextGenerationMessage } from '@/service/debug'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import WorkflowProcessItem from '@/app/components/base/chat/chat/answer/workflow-process'
-import type { WorkflowProcess } from '@/app/components/base/chat/types'
-import type { SiteInfo } from '@/models/share'
-import { useChatContext } from '@/app/components/base/chat/chat/context'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import WorkflowProcessItem from '@/app/components/base/chat/chat/answer/workflow-process'
+import { useChatContext } from '@/app/components/base/chat/chat/context'
+import Loading from '@/app/components/base/loading'
+import { Markdown } from '@/app/components/base/markdown'
 import NewAudioButton from '@/app/components/base/new-audio-button'
+import Toast from '@/app/components/base/toast'
+import { fetchTextGenerationMessage } from '@/service/debug'
+import { fetchMoreLikeThis, updateFeedback } from '@/service/share'
 import { cn } from '@/utils/classnames'
+import ResultTab from './result-tab'
 
 const MAX_DEPTH = 3
 
@@ -171,26 +171,30 @@ const GenerationItem: FC<IGenerationItemProps> = ({
       appId: params.appId as string,
       messageId: messageId!,
     })
-    const logItem = Array.isArray(data.message) ? {
-      ...data,
-      log: [
-        ...data.message,
-        ...(data.message[data.message.length - 1].role !== 'assistant'
-          ? [
-            {
-              role: 'assistant',
-              text: data.answer,
-              files: data.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
-            },
-          ]
-          : []),
-      ],
-    } : {
-      ...data,
-      log: [typeof data.message === 'string' ? {
-        text: data.message,
-      } : data.message],
-    }
+    const logItem = Array.isArray(data.message)
+      ? {
+          ...data,
+          log: [
+            ...data.message,
+            ...(data.message[data.message.length - 1].role !== 'assistant'
+              ? [
+                  {
+                    role: 'assistant',
+                    text: data.answer,
+                    files: data.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
+                  },
+                ]
+              : []),
+          ],
+        }
+      : {
+          ...data,
+          log: [typeof data.message === 'string'
+            ? {
+                text: data.message,
+              }
+            : data.message],
+        }
     setCurrentLogItem(logItem)
     setShowPromptLogModal(true)
   }
@@ -211,7 +215,7 @@ const GenerationItem: FC<IGenerationItemProps> = ({
     <>
       <div className={cn('relative', !isTop && 'mt-3', className)}>
         {isLoading && (
-          <div className={cn('flex h-10 items-center', !inSidePanel && 'rounded-2xl border-t border-divider-subtle bg-chat-bubble-bg')}><Loading type='area' /></div>
+          <div className={cn('flex h-10 items-center', !inSidePanel && 'rounded-2xl border-t border-divider-subtle bg-chat-bubble-bg')}><Loading type="area" /></div>
         )}
         {!isLoading && (
           <>
@@ -219,18 +223,20 @@ const GenerationItem: FC<IGenerationItemProps> = ({
             <div className={cn(
               'relative',
               !inSidePanel && 'rounded-2xl border-t border-divider-subtle bg-chat-bubble-bg',
-            )}>
+            )}
+            >
               {workflowProcessData && (
                 <>
                   <div className={cn(
                     'p-3',
                     showResultTabs && 'border-b border-divider-subtle',
-                  )}>
+                  )}
+                  >
                     {taskId && (
                       <div className={cn('system-2xs-medium-uppercase mb-2 flex items-center text-text-accent-secondary', isError && 'text-text-destructive')}>
-                        <RiPlayList2Line className='mr-1 h-3 w-3' />
+                        <RiPlayList2Line className="mr-1 h-3 w-3" />
                         <span>{t('share.generation.execution')}</span>
-                        <span className='px-1'>·</span>
+                        <span className="px-1">·</span>
                         <span>{taskId}</span>
                       </div>
                     )}
@@ -244,21 +250,25 @@ const GenerationItem: FC<IGenerationItemProps> = ({
                       />
                     )}
                     {showResultTabs && (
-                      <div className='flex items-center space-x-6 px-1'>
+                      <div className="flex items-center space-x-6 px-1">
                         <div
                           className={cn(
                             'system-sm-semibold-uppercase cursor-pointer border-b-2 border-transparent py-3 text-text-tertiary',
                             currentTab === 'RESULT' && 'border-util-colors-blue-brand-blue-brand-600 text-text-primary',
                           )}
                           onClick={() => switchTab('RESULT')}
-                        >{t('runLog.result')}</div>
+                        >
+                          {t('runLog.result')}
+                        </div>
                         <div
                           className={cn(
                             'system-sm-semibold-uppercase cursor-pointer border-b-2 border-transparent py-3 text-text-tertiary',
                             currentTab === 'DETAIL' && 'border-util-colors-blue-brand-blue-brand-600 text-text-primary',
                           )}
                           onClick={() => switchTab('DETAIL')}
-                        >{t('runLog.detail')}</div>
+                        >
+                          {t('runLog.detail')}
+                        </div>
                       </div>
                     )}
                   </div>
@@ -269,14 +279,14 @@ const GenerationItem: FC<IGenerationItemProps> = ({
               )}
               {!workflowProcessData && taskId && (
                 <div className={cn('system-2xs-medium-uppercase sticky left-0 top-0 flex w-full items-center rounded-t-2xl bg-components-actionbar-bg p-4 pb-3 text-text-accent-secondary', isError && 'text-text-destructive')}>
-                  <RiPlayList2Line className='mr-1 h-3 w-3' />
+                  <RiPlayList2Line className="mr-1 h-3 w-3" />
                   <span>{t('share.generation.execution')}</span>
-                  <span className='px-1'>·</span>
+                  <span className="px-1">·</span>
                   <span>{`${taskId}${depth > 1 ? `-${depth - 1}` : ''}`}</span>
                 </div>
               )}
               {isError && (
-                <div className='body-lg-regular p-4 pt-0 text-text-quaternary'>{t('share.generation.batchFailed.outputPlaceholder')}</div>
+                <div className="body-lg-regular p-4 pt-0 text-text-quaternary">{t('share.generation.batchFailed.outputPlaceholder')}</div>
               )}
               {!workflowProcessData && !isError && (typeof content === 'string') && (
                 <div className={cn('p-4', taskId && 'pt-0')}>
@@ -288,22 +298,29 @@ const GenerationItem: FC<IGenerationItemProps> = ({
             <div className={cn(
               'system-xs-regular relative mt-1 h-4 px-4 text-text-quaternary',
               isMobile && ((childMessageId || isQuerying) && depth < 3) && 'pl-10',
-            )}>
-              {!isWorkflow && <span>{content?.length} {t('common.unit.char')}</span>}
+            )}
+            >
+              {!isWorkflow && (
+                <span>
+                  {content?.length}
+                  {' '}
+                  {t('common.unit.char')}
+                </span>
+              )}
               {/* action buttons */}
-              <div className='absolute bottom-1 right-2 flex items-center'>
+              <div className="absolute bottom-1 right-2 flex items-center">
                 {!isInWebApp && !isInstalledApp && !isResponding && (
-                  <div className='ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm'>
+                  <div className="ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm">
                     <ActionButton disabled={isError || !messageId} onClick={handleOpenLogModal}>
-                      <RiFileList3Line className='h-4 w-4' />
+                      <RiFileList3Line className="h-4 w-4" />
                       {/* <div>{t('common.operation.log')}</div> */}
                     </ActionButton>
                   </div>
                 )}
-                <div className='ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm'>
+                <div className="ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm">
                   {moreLikeThis && (
                     <ActionButton state={depth === MAX_DEPTH ? ActionButtonState.Disabled : ActionButtonState.Default} disabled={depth === MAX_DEPTH} onClick={handleMoreLikeThis}>
-                      <RiSparklingLine className='h-4 w-4' />
+                      <RiSparklingLine className="h-4 w-4" />
                     </ActionButton>
                   )}
                   {isShowTextToSpeech && (
@@ -313,48 +330,51 @@ const GenerationItem: FC<IGenerationItemProps> = ({
                     />
                   )}
                   {((currentTab === 'RESULT' && workflowProcessData?.resultText) || !isWorkflow) && (
-                    <ActionButton disabled={isError || !messageId} onClick={() => {
-                      const copyContent = isWorkflow ? workflowProcessData?.resultText : content
-                      if (typeof copyContent === 'string')
-                        copy(copyContent)
-                      else
-                        copy(JSON.stringify(copyContent))
-                      Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
-                    }}>
-                      <RiClipboardLine className='h-4 w-4' />
+                    <ActionButton
+                      disabled={isError || !messageId}
+                      onClick={() => {
+                        const copyContent = isWorkflow ? workflowProcessData?.resultText : content
+                        if (typeof copyContent === 'string')
+                          copy(copyContent)
+                        else
+                          copy(JSON.stringify(copyContent))
+                        Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
+                      }}
+                    >
+                      <RiClipboardLine className="h-4 w-4" />
                     </ActionButton>
                   )}
                   {isInWebApp && isError && (
                     <ActionButton onClick={onRetry}>
-                      <RiReplay15Line className='h-4 w-4' />
+                      <RiReplay15Line className="h-4 w-4" />
                     </ActionButton>
                   )}
                   {isInWebApp && !isWorkflow && (
                     <ActionButton disabled={isError || !messageId} onClick={() => { onSave?.(messageId as string) }}>
-                      <RiBookmark3Line className='h-4 w-4' />
+                      <RiBookmark3Line className="h-4 w-4" />
                     </ActionButton>
                   )}
                 </div>
                 {(supportFeedback || isInWebApp) && !isWorkflow && !isError && messageId && (
-                  <div className='ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm'>
+                  <div className="ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm">
                     {!feedback?.rating && (
                       <>
                         <ActionButton onClick={() => onFeedback?.({ rating: 'like' })}>
-                          <RiThumbUpLine className='h-4 w-4' />
+                          <RiThumbUpLine className="h-4 w-4" />
                         </ActionButton>
                         <ActionButton onClick={() => onFeedback?.({ rating: 'dislike' })}>
-                          <RiThumbDownLine className='h-4 w-4' />
+                          <RiThumbDownLine className="h-4 w-4" />
                         </ActionButton>
                       </>
                     )}
                     {feedback?.rating === 'like' && (
                       <ActionButton state={ActionButtonState.Active} onClick={() => onFeedback?.({ rating: null })}>
-                        <RiThumbUpLine className='h-4 w-4' />
+                        <RiThumbUpLine className="h-4 w-4" />
                       </ActionButton>
                     )}
                     {feedback?.rating === 'dislike' && (
                       <ActionButton state={ActionButtonState.Destructive} onClick={() => onFeedback?.({ rating: null })}>
-                        <RiThumbDownLine className='h-4 w-4' />
+                        <RiThumbDownLine className="h-4 w-4" />
                       </ActionButton>
                     )}
                   </div>
@@ -366,13 +386,15 @@ const GenerationItem: FC<IGenerationItemProps> = ({
               <div className={cn(
                 'absolute top-[-32px] flex h-[33px] w-4 justify-center',
                 isMobile ? 'left-[17px]' : 'left-[50%] translate-x-[-50%]',
-              )}>
-                <div className='h-full w-0.5 bg-divider-regular'></div>
+              )}
+              >
+                <div className="h-full w-0.5 bg-divider-regular"></div>
                 <div className={cn(
                   'absolute left-0 flex h-4 w-4 items-center justify-center rounded-2xl border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-500 shadow-xs',
                   isMobile ? 'top-[3.5px]' : 'top-2',
-                )}>
-                  <RiSparklingFill className='h-3 w-3 text-text-primary-on-surface' />
+                )}
+                >
+                  <RiSparklingFill className="h-3 w-3 text-text-primary-on-surface" />
                 </div>
               </div>
             )}
diff --git a/web/app/components/app/text-generate/item/result-tab.tsx b/web/app/components/app/text-generate/item/result-tab.tsx
index 94d5ded1b2..575f322848 100644
--- a/web/app/components/app/text-generate/item/result-tab.tsx
+++ b/web/app/components/app/text-generate/item/result-tab.tsx
@@ -1,11 +1,11 @@
+import type { WorkflowProcess } from '@/app/components/base/chat/types'
 import {
   memo,
 } from 'react'
+import { FileList } from '@/app/components/base/file-uploader'
 import { Markdown } from '@/app/components/base/markdown'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import type { WorkflowProcess } from '@/app/components/base/chat/types'
-import { FileList } from '@/app/components/base/file-uploader'
 
 const ResultTab = ({
   data,
@@ -19,13 +19,13 @@ const ResultTab = ({
   return (
     <>
       {currentTab === 'RESULT' && (
-        <div className='space-y-3 p-4'>
+        <div className="space-y-3 p-4">
           {data?.resultText && <Markdown content={data?.resultText || ''} />}
           {!!data?.files?.length && (
-            <div className='flex flex-col gap-2'>
+            <div className="flex flex-col gap-2">
               {data?.files.map((item: any) => (
-                <div key={item.varName} className='system-xs-regular flex flex-col gap-1'>
-                  <div className='py-1 text-text-tertiary '>{item.varName}</div>
+                <div key={item.varName} className="system-xs-regular flex flex-col gap-1">
+                  <div className="py-1 text-text-tertiary ">{item.varName}</div>
                   <FileList
                     files={item.list}
                     showDeleteAction={false}
@@ -39,7 +39,7 @@ const ResultTab = ({
         </div>
       )}
       {currentTab === 'DETAIL' && content && (
-        <div className='p-4'>
+        <div className="p-4">
           <CodeEditor
             readOnly
             title={<div>JSON OUTPUT</div>}
diff --git a/web/app/components/app/text-generate/saved-items/index.tsx b/web/app/components/app/text-generate/saved-items/index.tsx
index e6cf264cf2..8e065d095e 100644
--- a/web/app/components/app/text-generate/saved-items/index.tsx
+++ b/web/app/components/app/text-generate/saved-items/index.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
+import type { SavedMessage } from '@/models/debug'
 import {
   RiClipboardLine,
   RiDeleteBinLine,
 } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import copy from 'copy-to-clipboard'
-import NoData from './no-data'
-import { cn } from '@/utils/classnames'
-import type { SavedMessage } from '@/models/debug'
-import { Markdown } from '@/app/components/base/markdown'
-import Toast from '@/app/components/base/toast'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
+import { Markdown } from '@/app/components/base/markdown'
 import NewAudioButton from '@/app/components/base/new-audio-button'
+import Toast from '@/app/components/base/toast'
+import { cn } from '@/utils/classnames'
+import NoData from './no-data'
 
 export type ISavedItemsProps = {
   className?: string
@@ -36,38 +36,47 @@ const SavedItems: FC<ISavedItemsProps> = ({
     <div className={cn('space-y-4', className)}>
       {list.length === 0
         ? (
-          <NoData onStartCreateContent={onStartCreateContent} />
-        )
-        : (<>
-          {list.map(({ id, answer }) => (
-            <div key={id} className='relative'>
-              <div className={cn(
-                'rounded-2xl bg-background-section-burn p-4',
-              )}>
-                <Markdown content={answer} />
-              </div>
-              <div className='system-xs-regular mt-1 h-4 px-4 text-text-quaternary'>
-                <span>{answer.length} {t('common.unit.char')}</span>
-              </div>
-              <div className='absolute bottom-1 right-2'>
-                <div className='ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm'>
-                  {isShowTextToSpeech && <NewAudioButton value={answer}/>}
-                  <ActionButton onClick={() => {
-                    copy(answer)
-                    Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
-                  }}>
-                    <RiClipboardLine className='h-4 w-4' />
-                  </ActionButton>
-                  <ActionButton onClick={() => {
-                    onRemove(id)
-                  }}>
-                    <RiDeleteBinLine className='h-4 w-4' />
-                  </ActionButton>
+            <NoData onStartCreateContent={onStartCreateContent} />
+          )
+        : (
+            <>
+              {list.map(({ id, answer }) => (
+                <div key={id} className="relative">
+                  <div className={cn(
+                    'rounded-2xl bg-background-section-burn p-4',
+                  )}
+                  >
+                    <Markdown content={answer} />
+                  </div>
+                  <div className="system-xs-regular mt-1 h-4 px-4 text-text-quaternary">
+                    <span>
+                      {answer.length}
+                      {' '}
+                      {t('common.unit.char')}
+                    </span>
+                  </div>
+                  <div className="absolute bottom-1 right-2">
+                    <div className="ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm">
+                      {isShowTextToSpeech && <NewAudioButton value={answer} />}
+                      <ActionButton onClick={() => {
+                        copy(answer)
+                        Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
+                      }}
+                      >
+                        <RiClipboardLine className="h-4 w-4" />
+                      </ActionButton>
+                      <ActionButton onClick={() => {
+                        onRemove(id)
+                      }}
+                      >
+                        <RiDeleteBinLine className="h-4 w-4" />
+                      </ActionButton>
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </div>
-          ))}
-        </>)}
+              ))}
+            </>
+          )}
 
     </div>
   )
diff --git a/web/app/components/app/text-generate/saved-items/no-data/index.tsx b/web/app/components/app/text-generate/saved-items/no-data/index.tsx
index 69c49660cc..ed60372bab 100644
--- a/web/app/components/app/text-generate/saved-items/no-data/index.tsx
+++ b/web/app/components/app/text-generate/saved-items/no-data/index.tsx
@@ -1,12 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
   RiBookmark3Line,
 } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+
 export type INoDataProps = {
   onStartCreateContent: () => void
 }
@@ -17,22 +18,22 @@ const NoData: FC<INoDataProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='rounded-xl bg-background-section-burn p-6 '>
-      <div className='flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg-alt shadow-lg backdrop-blur-sm'>
-        <RiBookmark3Line className='h-4 w-4 text-text-accent'/>
+    <div className="rounded-xl bg-background-section-burn p-6 ">
+      <div className="flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg-alt shadow-lg backdrop-blur-sm">
+        <RiBookmark3Line className="h-4 w-4 text-text-accent" />
       </div>
-      <div className='mt-3'>
-        <span className='system-xl-semibold text-text-secondary'>{t('share.generation.savedNoData.title')}</span>
+      <div className="mt-3">
+        <span className="system-xl-semibold text-text-secondary">{t('share.generation.savedNoData.title')}</span>
       </div>
-      <div className='system-sm-regular mt-1 text-text-tertiary'>
+      <div className="system-sm-regular mt-1 text-text-tertiary">
         {t('share.generation.savedNoData.description')}
       </div>
       <Button
-        variant='primary'
-        className='mt-3'
+        variant="primary"
+        className="mt-3"
         onClick={onStartCreateContent}
       >
-        <RiAddLine className='mr-1 h-4 w-4' />
+        <RiAddLine className="mr-1 h-4 w-4" />
         <span>{t('share.generation.savedNoData.startCreateContent')}</span>
       </Button>
     </div>
diff --git a/web/app/components/app/type-selector/index.spec.tsx b/web/app/components/app/type-selector/index.spec.tsx
index 947d7398c9..0fb51e40a9 100644
--- a/web/app/components/app/type-selector/index.spec.tsx
+++ b/web/app/components/app/type-selector/index.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import { fireEvent, render, screen, within } from '@testing-library/react'
-import AppTypeSelector, { AppTypeIcon, AppTypeLabel } from './index'
+import React from 'react'
 import { AppModeEnum } from '@/types/app'
+import AppTypeSelector, { AppTypeIcon, AppTypeLabel } from './index'
 
 describe('AppTypeSelector', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/type-selector/index.tsx b/web/app/components/app/type-selector/index.tsx
index f213a89a94..07e4b3f343 100644
--- a/web/app/components/app/type-selector/index.tsx
+++ b/web/app/components/app/type-selector/index.tsx
@@ -1,15 +1,15 @@
-import { useTranslation } from 'react-i18next'
-import React, { useState } from 'react'
 import { RiArrowDownSLine, RiCloseCircleFill, RiExchange2Fill, RiFilter3Line } from '@remixicon/react'
-import Checkbox from '../../base/checkbox'
-import { cn } from '@/utils/classnames'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { BubbleTextMod, ChatBot, ListSparkle, Logic } from '@/app/components/base/icons/src/vender/solid/communication'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { BubbleTextMod, ChatBot, ListSparkle, Logic } from '@/app/components/base/icons/src/vender/solid/communication'
 import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import Checkbox from '../../base/checkbox'
 
 export type AppSelectorProps = {
   value: Array<AppModeEnum>
@@ -26,17 +26,18 @@ const AppTypeSelector = ({ value, onChange }: AppSelectorProps) => {
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => setOpen(v => !v)}
-          className='block'
+          className="block"
         >
           <div className={cn(
             'flex cursor-pointer items-center justify-between space-x-1 rounded-md px-2 hover:bg-state-base-hover',
-          )}>
+          )}
+          >
             <AppTypeSelectTrigger values={value} />
             {value && value.length > 0 && (
               <button
@@ -55,22 +56,25 @@ const AppTypeSelector = ({ value, onChange }: AppSelectorProps) => {
             )}
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1002]'>
-          <ul className='relative w-[240px] rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]'>
+        <PortalToFollowElemContent className="z-[1002]">
+          <ul className="relative w-[240px] rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]">
             {allTypes.map(mode => (
-              <AppTypeSelectorItem key={mode} type={mode}
+              <AppTypeSelectorItem
+                key={mode}
+                type={mode}
                 checked={Boolean(value.length > 0 && value?.indexOf(mode) !== -1)}
                 onClick={() => {
                   if (value?.indexOf(mode) !== -1)
                     onChange(value?.filter(v => v !== mode) ?? [])
                   else
                     onChange([...(value || []), mode])
-                }} />
+                }}
+              />
             ))}
           </ul>
         </PortalToFollowElemContent>
-      </div >
-    </PortalToFollowElem >
+      </div>
+    </PortalToFollowElem>
   )
 }
 
@@ -87,29 +91,39 @@ export const AppTypeIcon = React.memo(({ type, className, wrapperClassName, styl
   const wrapperClassNames = cn('inline-flex h-5 w-5 items-center justify-center rounded-md border border-divider-regular', wrapperClassName)
   const iconClassNames = cn('h-3.5 w-3.5 text-components-avatar-shape-fill-stop-100', className)
   if (type === AppModeEnum.CHAT) {
-    return <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-blue-solid')}>
-      <ChatBot className={iconClassNames} />
-    </div>
+    return (
+      <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-blue-solid')}>
+        <ChatBot className={iconClassNames} />
+      </div>
+    )
   }
   if (type === AppModeEnum.AGENT_CHAT) {
-    return <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-violet-solid')}>
-      <Logic className={iconClassNames} />
-    </div>
+    return (
+      <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-violet-solid')}>
+        <Logic className={iconClassNames} />
+      </div>
+    )
   }
   if (type === AppModeEnum.ADVANCED_CHAT) {
-    return <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-blue-light-solid')}>
-      <BubbleTextMod className={iconClassNames} />
-    </div>
+    return (
+      <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-blue-light-solid')}>
+        <BubbleTextMod className={iconClassNames} />
+      </div>
+    )
   }
   if (type === AppModeEnum.WORKFLOW) {
-    return <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-indigo-solid')}>
-      <RiExchange2Fill className={iconClassNames} />
-    </div>
+    return (
+      <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-indigo-solid')}>
+        <RiExchange2Fill className={iconClassNames} />
+      </div>
+    )
   }
   if (type === AppModeEnum.COMPLETION) {
-    return <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-teal-solid')}>
-      <ListSparkle className={iconClassNames} />
-    </div>
+    return (
+      <div style={style} className={cn(wrapperClassNames, 'bg-components-icon-bg-teal-solid')}>
+        <ListSparkle className={iconClassNames} />
+      </div>
+    )
   }
   return null
 })
@@ -117,29 +131,38 @@ export const AppTypeIcon = React.memo(({ type, className, wrapperClassName, styl
 function AppTypeSelectTrigger({ values }: { readonly values: AppSelectorProps['value'] }) {
   const { t } = useTranslation()
   if (!values || values.length === 0) {
-    return <div className={cn(
-      'flex h-8 items-center justify-between gap-1',
-    )}>
-      <RiFilter3Line className='h-4 w-4 text-text-tertiary' />
-      <div className='system-sm-medium min-w-[65px] grow text-center text-text-tertiary'>{t('app.typeSelector.all')}</div>
-      <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
-    </div>
+    return (
+      <div className={cn(
+        'flex h-8 items-center justify-between gap-1',
+      )}
+      >
+        <RiFilter3Line className="h-4 w-4 text-text-tertiary" />
+        <div className="system-sm-medium min-w-[65px] grow text-center text-text-tertiary">{t('app.typeSelector.all')}</div>
+        <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
+      </div>
+    )
   }
   if (values.length === 1) {
-    return <div className={cn(
-      'flex h-8 flex-nowrap items-center justify-between gap-1',
-    )}>
-      <AppTypeIcon type={values[0]} />
-      <div className='line-clamp-1 flex flex-1 items-center text-center'>
-        <AppTypeLabel type={values[0]} className="system-sm-medium text-components-menu-item-text" />
+    return (
+      <div className={cn(
+        'flex h-8 flex-nowrap items-center justify-between gap-1',
+      )}
+      >
+        <AppTypeIcon type={values[0]} />
+        <div className="line-clamp-1 flex flex-1 items-center text-center">
+          <AppTypeLabel type={values[0]} className="system-sm-medium text-components-menu-item-text" />
+        </div>
       </div>
-    </div>
+    )
   }
-  return <div className={cn(
-    'relative flex h-8 items-center justify-between -space-x-2',
-  )}>
-    {values.map((mode, index) => (<AppTypeIcon key={mode} type={mode} wrapperClassName='border border-components-panel-on-panel-item-bg' style={{ zIndex: 5 - index }} />))}
-  </div>
+  return (
+    <div className={cn(
+      'relative flex h-8 items-center justify-between -space-x-2',
+    )}
+    >
+      {values.map((mode, index) => (<AppTypeIcon key={mode} type={mode} wrapperClassName="border border-components-panel-on-panel-item-bg" style={{ zIndex: 5 - index }} />))}
+    </div>
+  )
 }
 
 type AppTypeSelectorItemProps = {
@@ -148,13 +171,15 @@ type AppTypeSelectorItemProps = {
   onClick: () => void
 }
 function AppTypeSelectorItem({ checked, type, onClick }: AppTypeSelectorItemProps) {
-  return <li className='flex cursor-pointer items-center space-x-2 rounded-lg py-1 pl-2 pr-1 hover:bg-state-base-hover' onClick={onClick}>
-    <Checkbox checked={checked} />
-    <AppTypeIcon type={type} />
-    <div className='grow p-1 pl-0'>
-      <AppTypeLabel type={type} className="system-sm-medium text-components-menu-item-text" />
-    </div>
-  </li>
+  return (
+    <li className="flex cursor-pointer items-center space-x-2 rounded-lg py-1 pl-2 pr-1 hover:bg-state-base-hover" onClick={onClick}>
+      <Checkbox checked={checked} />
+      <AppTypeIcon type={type} />
+      <div className="grow p-1 pl-0">
+        <AppTypeLabel type={type} className="system-sm-medium text-components-menu-item-text" />
+      </div>
+    </li>
+  )
 }
 
 type AppTypeLabelProps = {
diff --git a/web/app/components/app/workflow-log/detail.spec.tsx b/web/app/components/app/workflow-log/detail.spec.tsx
index bc15248529..69d4dc5da4 100644
--- a/web/app/components/app/workflow-log/detail.spec.tsx
+++ b/web/app/components/app/workflow-log/detail.spec.tsx
@@ -8,11 +8,11 @@
  * - Run component with detail/tracing URLs
  */
 
+import type { App, AppIconType, AppModeEnum } from '@/types/app'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import DetailPanel from './detail'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import type { App, AppIconType, AppModeEnum } from '@/types/app'
+import DetailPanel from './detail'
 
 // ============================================================================
 // Mocks
@@ -28,7 +28,7 @@ vi.mock('next/navigation', () => ({
 // Mock the Run component as it has complex dependencies
 vi.mock('@/app/components/workflow/run', () => ({
   __esModule: true,
-  default: ({ runDetailUrl, tracingListUrl }: { runDetailUrl: string; tracingListUrl: string }) => (
+  default: ({ runDetailUrl, tracingListUrl }: { runDetailUrl: string, tracingListUrl: string }) => (
     <div data-testid="workflow-run">
       <span data-testid="run-detail-url">{runDetailUrl}</span>
       <span data-testid="tracing-list-url">{tracingListUrl}</span>
diff --git a/web/app/components/app/workflow-log/detail.tsx b/web/app/components/app/workflow-log/detail.tsx
index 1c1ed75e80..4f859e6a9f 100644
--- a/web/app/components/app/workflow-log/detail.tsx
+++ b/web/app/components/app/workflow-log/detail.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiCloseLine, RiPlayLargeLine } from '@remixicon/react'
-import Run from '@/app/components/workflow/run'
-import { WorkflowContextProvider } from '@/app/components/workflow/context'
+import { useRouter } from 'next/navigation'
+import { useTranslation } from 'react-i18next'
 import { useStore } from '@/app/components/app/store'
 import TooltipPlus from '@/app/components/base/tooltip'
-import { useRouter } from 'next/navigation'
+import { WorkflowContextProvider } from '@/app/components/workflow/context'
+import Run from '@/app/components/workflow/run'
 
 type ILogDetail = {
   runID: string
@@ -20,29 +20,30 @@ const DetailPanel: FC<ILogDetail> = ({ runID, onClose, canReplay = false }) => {
   const router = useRouter()
 
   const handleReplay = () => {
-    if (!appDetail?.id) return
+    if (!appDetail?.id)
+      return
     router.push(`/app/${appDetail.id}/workflow?replayRunId=${runID}`)
   }
 
   return (
-    <div className='relative flex grow flex-col pt-3'>
-      <span className='absolute right-3 top-4 z-20 cursor-pointer p-1' onClick={onClose}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+    <div className="relative flex grow flex-col pt-3">
+      <span className="absolute right-3 top-4 z-20 cursor-pointer p-1" onClick={onClose}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </span>
-      <div className='flex items-center bg-components-panel-bg'>
-        <h1 className='system-xl-semibold shrink-0 px-4 py-1 text-text-primary'>{t('appLog.runDetail.workflowTitle')}</h1>
+      <div className="flex items-center bg-components-panel-bg">
+        <h1 className="system-xl-semibold shrink-0 px-4 py-1 text-text-primary">{t('appLog.runDetail.workflowTitle')}</h1>
         {canReplay && (
           <TooltipPlus
             popupContent={t('appLog.runDetail.testWithParams')}
-            popupClassName='rounded-xl'
+            popupClassName="rounded-xl"
           >
             <button
-              type='button'
-              className='mr-1 flex h-6 w-6 items-center justify-center rounded-md hover:bg-state-base-hover'
+              type="button"
+              className="mr-1 flex h-6 w-6 items-center justify-center rounded-md hover:bg-state-base-hover"
               aria-label={t('appLog.runDetail.testWithParams')}
               onClick={handleReplay}
             >
-              <RiPlayLargeLine className='h-4 w-4 text-text-tertiary' />
+              <RiPlayLargeLine className="h-4 w-4 text-text-tertiary" />
             </button>
           </TooltipPlus>
         )}
diff --git a/web/app/components/app/workflow-log/filter.spec.tsx b/web/app/components/app/workflow-log/filter.spec.tsx
index beb7efac0d..488b8856b7 100644
--- a/web/app/components/app/workflow-log/filter.spec.tsx
+++ b/web/app/components/app/workflow-log/filter.spec.tsx
@@ -7,11 +7,11 @@
  * - Keyword search
  */
 
-import { useState } from 'react'
+import type { QueryParam } from './index'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import { useState } from 'react'
 import Filter, { TIME_PERIOD_MAPPING } from './filter'
-import type { QueryParam } from './index'
 
 // ============================================================================
 // Mocks
@@ -176,7 +176,7 @@ describe('Filter', () => {
       })
     })
 
-    test.each([
+    it.each([
       ['all', 'All'],
       ['succeeded', 'Success'],
       ['failed', 'Fail'],
@@ -392,7 +392,7 @@ describe('Filter', () => {
       expect(Object.keys(TIME_PERIOD_MAPPING)).toHaveLength(9)
     })
 
-    test.each([
+    it.each([
       ['1', 'today', 0],
       ['2', 'last7days', 7],
       ['3', 'last4weeks', 28],
diff --git a/web/app/components/app/workflow-log/filter.tsx b/web/app/components/app/workflow-log/filter.tsx
index a4db4c9642..21e956ed50 100644
--- a/web/app/components/app/workflow-log/filter.tsx
+++ b/web/app/components/app/workflow-log/filter.tsx
@@ -1,19 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { QueryParam } from './index'
+import { RiCalendarLine } from '@remixicon/react'
+import dayjs from 'dayjs'
+import quarterOfYear from 'dayjs/plugin/quarterOfYear'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import dayjs from 'dayjs'
-import { RiCalendarLine } from '@remixicon/react'
-import quarterOfYear from 'dayjs/plugin/quarterOfYear'
-import type { QueryParam } from './index'
+import { trackEvent } from '@/app/components/base/amplitude/utils'
 import Chip from '@/app/components/base/chip'
 import Input from '@/app/components/base/input'
-import { trackEvent } from '@/app/components/base/amplitude/utils'
+
 dayjs.extend(quarterOfYear)
 
 const today = dayjs()
 
-export const TIME_PERIOD_MAPPING: { [key: string]: { value: number; name: string } } = {
+export const TIME_PERIOD_MAPPING: { [key: string]: { value: number, name: string } } = {
   1: { value: 0, name: 'today' },
   2: { value: 7, name: 'last7days' },
   3: { value: 28, name: 'last4weeks' },
@@ -33,7 +34,7 @@ type IFilterProps = {
 const Filter: FC<IFilterProps> = ({ queryParams, setQueryParams }: IFilterProps) => {
   const { t } = useTranslation()
   return (
-    <div className='mb-2 flex flex-row flex-wrap gap-2'>
+    <div className="mb-2 flex flex-row flex-wrap gap-2">
       <Chip
         value={queryParams.status || 'all'}
         onSelect={(item) => {
@@ -43,17 +44,12 @@ const Filter: FC<IFilterProps> = ({ queryParams, setQueryParams }: IFilterProps)
           })
         }}
         onClear={() => setQueryParams({ ...queryParams, status: 'all' })}
-        items={[{ value: 'all', name: 'All' },
-          { value: 'succeeded', name: 'Success' },
-          { value: 'failed', name: 'Fail' },
-          { value: 'stopped', name: 'Stop' },
-          { value: 'partial-succeeded', name: 'Partial Success' },
-        ]}
+        items={[{ value: 'all', name: 'All' }, { value: 'succeeded', name: 'Success' }, { value: 'failed', name: 'Fail' }, { value: 'stopped', name: 'Stop' }, { value: 'partial-succeeded', name: 'Partial Success' }]}
       />
       <Chip
-        className='min-w-[150px]'
-        panelClassName='w-[270px]'
-        leftIcon={<RiCalendarLine className='h-4 w-4 text-text-secondary' />}
+        className="min-w-[150px]"
+        panelClassName="w-[270px]"
+        leftIcon={<RiCalendarLine className="h-4 w-4 text-text-secondary" />}
         value={queryParams.period}
         onSelect={(item) => {
           setQueryParams({ ...queryParams, period: item.value })
@@ -62,7 +58,7 @@ const Filter: FC<IFilterProps> = ({ queryParams, setQueryParams }: IFilterProps)
         items={Object.entries(TIME_PERIOD_MAPPING).map(([k, v]) => ({ value: k, name: t(`appLog.filter.period.${v.name}`) }))}
       />
       <Input
-        wrapperClassName='w-[200px]'
+        wrapperClassName="w-[200px]"
         showLeftIcon
         showClearIcon
         value={queryParams.keyword ?? ''}
diff --git a/web/app/components/app/workflow-log/index.spec.tsx b/web/app/components/app/workflow-log/index.spec.tsx
index 95ac28bd31..8d87a6426b 100644
--- a/web/app/components/app/workflow-log/index.spec.tsx
+++ b/web/app/components/app/workflow-log/index.spec.tsx
@@ -15,15 +15,16 @@ import type { MockedFunction } from 'vitest'
  * - trigger-by-display.spec.tsx
  */
 
+import type { ILogsProps } from './index'
+import type { WorkflowAppLogDetail, WorkflowLogsResponse, WorkflowRunDetail } from '@/models/log'
+import type { App, AppIconType, AppModeEnum } from '@/types/app'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import useSWR from 'swr'
-import Logs, { type ILogsProps } from './index'
-import { TIME_PERIOD_MAPPING } from './filter'
-import type { App, AppIconType, AppModeEnum } from '@/types/app'
-import type { WorkflowAppLogDetail, WorkflowLogsResponse, WorkflowRunDetail } from '@/models/log'
-import { WorkflowRunTriggeredFrom } from '@/models/log'
 import { APP_PAGE_LIMIT } from '@/config'
+import { WorkflowRunTriggeredFrom } from '@/models/log'
+import { TIME_PERIOD_MAPPING } from './filter'
+import Logs from './index'
 
 // ============================================================================
 // Mocks
@@ -52,13 +53,13 @@ vi.mock('next/navigation', () => ({
 
 vi.mock('next/link', () => ({
   __esModule: true,
-  default: ({ children, href }: { children: React.ReactNode; href: string }) => <a href={href}>{children}</a>,
+  default: ({ children, href }: { children: React.ReactNode, href: string }) => <a href={href}>{children}</a>,
 }))
 
 // Mock the Run component to avoid complex dependencies
 vi.mock('@/app/components/workflow/run', () => ({
   __esModule: true,
-  default: ({ runDetailUrl, tracingListUrl }: { runDetailUrl: string; tracingListUrl: string }) => (
+  default: ({ runDetailUrl, tracingListUrl }: { runDetailUrl: string, tracingListUrl: string }) => (
     <div data-testid="workflow-run">
       <span data-testid="run-detail-url">{runDetailUrl}</span>
       <span data-testid="tracing-list-url">{tracingListUrl}</span>
@@ -323,7 +324,7 @@ describe('Logs Container', () => {
 
       render(<Logs {...defaultProps} />)
 
-      const keyArg = mockedUseSWR.mock.calls.at(-1)?.[0] as { url: string; params: Record<string, unknown> }
+      const keyArg = mockedUseSWR.mock.calls.at(-1)?.[0] as { url: string, params: Record<string, unknown> }
       expect(keyArg).toMatchObject({
         url: `/apps/${defaultProps.appDetail.id}/workflow-app-logs`,
         params: expect.objectContaining({
@@ -464,8 +465,7 @@ describe('Logs Container', () => {
 
     it('should render pagination when total exceeds limit', () => {
       const logs = Array.from({ length: APP_PAGE_LIMIT }, (_, i) =>
-        createMockWorkflowLog({ id: `log-${i}` }),
-      )
+        createMockWorkflowLog({ id: `log-${i}` }))
 
       mockedUseSWR.mockReturnValue({
         data: createMockLogsResponse(logs, APP_PAGE_LIMIT + 10),
diff --git a/web/app/components/app/workflow-log/index.tsx b/web/app/components/app/workflow-log/index.tsx
index 30a1974347..14751ac809 100644
--- a/web/app/components/app/workflow-log/index.tsx
+++ b/web/app/components/app/workflow-log/index.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
-import useSWR from 'swr'
-import { useDebounce } from 'ahooks'
-import { omit } from 'lodash-es'
-import dayjs from 'dayjs'
-import utc from 'dayjs/plugin/utc'
-import timezone from 'dayjs/plugin/timezone'
-import { useTranslation } from 'react-i18next'
-import List from './list'
-import Filter, { TIME_PERIOD_MAPPING } from './filter'
-import EmptyElement from '@/app/components/app/log/empty-element'
-import Pagination from '@/app/components/base/pagination'
-import Loading from '@/app/components/base/loading'
-import { fetchWorkflowLogs } from '@/service/log'
-import { APP_PAGE_LIMIT } from '@/config'
 import type { App } from '@/types/app'
+import { useDebounce } from 'ahooks'
+import dayjs from 'dayjs'
+import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
+import { omit } from 'lodash-es'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSWR from 'swr'
+import EmptyElement from '@/app/components/app/log/empty-element'
+import Loading from '@/app/components/base/loading'
+import Pagination from '@/app/components/base/pagination'
+import { APP_PAGE_LIMIT } from '@/config'
 import { useAppContext } from '@/context/app-context'
+import { fetchWorkflowLogs } from '@/service/log'
+import Filter, { TIME_PERIOD_MAPPING } from './filter'
+import List from './list'
 
 dayjs.extend(utc)
 dayjs.extend(timezone)
@@ -47,9 +47,9 @@ const Logs: FC<ILogsProps> = ({ appDetail }) => {
     ...(debouncedQueryParams.keyword ? { keyword: debouncedQueryParams.keyword } : {}),
     ...((debouncedQueryParams.period !== '9')
       ? {
-        created_at__after: dayjs().subtract(TIME_PERIOD_MAPPING[debouncedQueryParams.period].value, 'day').startOf('day').tz(timezone).format('YYYY-MM-DDTHH:mm:ssZ'),
-        created_at__before: dayjs().endOf('day').tz(timezone).format('YYYY-MM-DDTHH:mm:ssZ'),
-      }
+          created_at__after: dayjs().subtract(TIME_PERIOD_MAPPING[debouncedQueryParams.period].value, 'day').startOf('day').tz(timezone).format('YYYY-MM-DDTHH:mm:ssZ'),
+          created_at__before: dayjs().endOf('day').tz(timezone).format('YYYY-MM-DDTHH:mm:ssZ'),
+        }
       : {}),
     ...omit(debouncedQueryParams, ['period', 'status']),
   }
@@ -61,27 +61,28 @@ const Logs: FC<ILogsProps> = ({ appDetail }) => {
   const total = workflowLogs?.total
 
   return (
-    <div className='flex h-full flex-col'>
-      <h1 className='system-xl-semibold text-text-primary'>{t('appLog.workflowTitle')}</h1>
-      <p className='system-sm-regular text-text-tertiary'>{t('appLog.workflowSubtitle')}</p>
-      <div className='flex max-h-[calc(100%-16px)] flex-1 flex-col py-4'>
+    <div className="flex h-full flex-col">
+      <h1 className="system-xl-semibold text-text-primary">{t('appLog.workflowTitle')}</h1>
+      <p className="system-sm-regular text-text-tertiary">{t('appLog.workflowSubtitle')}</p>
+      <div className="flex max-h-[calc(100%-16px)] flex-1 flex-col py-4">
         <Filter queryParams={queryParams} setQueryParams={setQueryParams} />
         {/* workflow log */}
         {total === undefined
-          ? <Loading type='app' />
+          ? <Loading type="app" />
           : total > 0
             ? <List logs={workflowLogs} appDetail={appDetail} onRefresh={mutate} />
-            : <EmptyElement appDetail={appDetail} />
-        }
+            : <EmptyElement appDetail={appDetail} />}
         {/* Show Pagination only if the total is more than the limit */}
         {(total && total > APP_PAGE_LIMIT)
-          ? <Pagination
-            current={currPage}
-            onChange={setCurrPage}
-            total={total}
-            limit={limit}
-            onLimitChange={setLimit}
-          />
+          ? (
+              <Pagination
+                current={currPage}
+                onChange={setCurrPage}
+                total={total}
+                limit={limit}
+                onLimitChange={setLimit}
+              />
+            )
           : null}
       </div>
     </div>
diff --git a/web/app/components/app/workflow-log/list.spec.tsx b/web/app/components/app/workflow-log/list.spec.tsx
index c46d91f2c8..c2753fbd53 100644
--- a/web/app/components/app/workflow-log/list.spec.tsx
+++ b/web/app/components/app/workflow-log/list.spec.tsx
@@ -9,14 +9,14 @@
  * - Loading states
  */
 
+import type { WorkflowAppLogDetail, WorkflowLogsResponse, WorkflowRunDetail } from '@/models/log'
+import type { App, AppIconType, AppModeEnum } from '@/types/app'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import WorkflowAppLogList from './list'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import type { App, AppIconType, AppModeEnum } from '@/types/app'
-import type { WorkflowAppLogDetail, WorkflowLogsResponse, WorkflowRunDetail } from '@/models/log'
-import { WorkflowRunTriggeredFrom } from '@/models/log'
 import { APP_PAGE_LIMIT } from '@/config'
+import { WorkflowRunTriggeredFrom } from '@/models/log'
+import WorkflowAppLogList from './list'
 
 // ============================================================================
 // Mocks
@@ -50,7 +50,7 @@ vi.mock('@/hooks/use-breakpoints', () => ({
 // Mock the Run component
 vi.mock('@/app/components/workflow/run', () => ({
   __esModule: true,
-  default: ({ runDetailUrl, tracingListUrl }: { runDetailUrl: string; tracingListUrl: string }) => (
+  default: ({ runDetailUrl, tracingListUrl }: { runDetailUrl: string, tracingListUrl: string }) => (
     <div data-testid="workflow-run">
       <span data-testid="run-detail-url">{runDetailUrl}</span>
       <span data-testid="tracing-list-url">{tracingListUrl}</span>
diff --git a/web/app/components/app/workflow-log/list.tsx b/web/app/components/app/workflow-log/list.tsx
index cef8a98f44..bafede0890 100644
--- a/web/app/components/app/workflow-log/list.tsx
+++ b/web/app/components/app/workflow-log/list.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { WorkflowAppLogDetail, WorkflowLogsResponse, WorkflowRunTriggeredFrom } from '@/models/log'
+import type { App } from '@/types/app'
+import { ArrowDownIcon } from '@heroicons/react/24/outline'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ArrowDownIcon } from '@heroicons/react/24/outline'
-import DetailPanel from './detail'
-import TriggerByDisplay from './trigger-by-display'
-import type { WorkflowAppLogDetail, WorkflowLogsResponse } from '@/models/log'
-import { type App, AppModeEnum } from '@/types/app'
-import Loading from '@/app/components/base/loading'
 import Drawer from '@/app/components/base/drawer'
+import Loading from '@/app/components/base/loading'
 import Indicator from '@/app/components/header/indicator'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import useTimestamp from '@/hooks/use-timestamp'
+import { AppModeEnum } from '@/types/app'
 import { cn } from '@/utils/classnames'
-import type { WorkflowRunTriggeredFrom } from '@/models/log'
+import DetailPanel from './detail'
+import TriggerByDisplay from './trigger-by-display'
 
 type ILogs = {
   logs?: WorkflowLogsResponse
@@ -58,41 +58,41 @@ const WorkflowAppLogList: FC<ILogs> = ({ logs, appDetail, onRefresh }) => {
   const statusTdRender = (status: string) => {
     if (status === 'succeeded') {
       return (
-        <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-          <Indicator color={'green'} />
-          <span className='text-util-colors-green-green-600'>Success</span>
+        <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+          <Indicator color="green" />
+          <span className="text-util-colors-green-green-600">Success</span>
         </div>
       )
     }
     if (status === 'failed') {
       return (
-        <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-          <Indicator color={'red'} />
-          <span className='text-util-colors-red-red-600'>Failure</span>
+        <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+          <Indicator color="red" />
+          <span className="text-util-colors-red-red-600">Failure</span>
         </div>
       )
     }
     if (status === 'stopped') {
       return (
-        <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-          <Indicator color={'yellow'} />
-          <span className='text-util-colors-warning-warning-600'>Stop</span>
+        <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+          <Indicator color="yellow" />
+          <span className="text-util-colors-warning-warning-600">Stop</span>
         </div>
       )
     }
     if (status === 'running') {
       return (
-        <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-          <Indicator color={'blue'} />
-          <span className='text-util-colors-blue-light-blue-light-600'>Running</span>
+        <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+          <Indicator color="blue" />
+          <span className="text-util-colors-blue-light-blue-light-600">Running</span>
         </div>
       )
     }
     if (status === 'partial-succeeded') {
       return (
-        <div className='system-xs-semibold-uppercase inline-flex items-center gap-1'>
-          <Indicator color={'green'} />
-          <span className='text-util-colors-green-green-600'>Partial Success</span>
+        <div className="system-xs-semibold-uppercase inline-flex items-center gap-1">
+          <Indicator color="green" />
+          <span className="text-util-colors-green-green-600">Partial Success</span>
         </div>
       )
     }
@@ -108,65 +108,68 @@ const WorkflowAppLogList: FC<ILogs> = ({ logs, appDetail, onRefresh }) => {
     return <Loading />
 
   return (
-    <div className='overflow-x-auto'>
+    <div className="overflow-x-auto">
       <table className={cn('mt-2 w-full min-w-[440px] border-collapse border-0')}>
-        <thead className='system-xs-medium-uppercase text-text-tertiary'>
+        <thead className="system-xs-medium-uppercase text-text-tertiary">
           <tr>
-            <td className='w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1'></td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>
-              <div className='flex cursor-pointer items-center hover:text-text-secondary' onClick={handleSort}>
+            <td className="w-5 whitespace-nowrap rounded-l-lg bg-background-section-burn pl-2 pr-1"></td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">
+              <div className="flex cursor-pointer items-center hover:text-text-secondary" onClick={handleSort}>
                 {t('appLog.table.header.startTime')}
                 <ArrowDownIcon
-                  className={cn('ml-0.5 h-3 w-3 stroke-current stroke-2 transition-all',
-                    'text-text-tertiary',
-                    sortOrder === 'asc' ? 'rotate-180' : '',
-                  )}
+                  className={cn('ml-0.5 h-3 w-3 stroke-current stroke-2 transition-all', 'text-text-tertiary', sortOrder === 'asc' ? 'rotate-180' : '')}
                 />
               </div>
             </td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.status')}</td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.runtime')}</td>
-            <td className='whitespace-nowrap bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.tokens')}</td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.status')}</td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.runtime')}</td>
+            <td className="whitespace-nowrap bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.tokens')}</td>
             <td className={cn('whitespace-nowrap bg-background-section-burn py-1.5 pl-3', !isWorkflow ? 'rounded-r-lg' : '')}>{t('appLog.table.header.user')}</td>
-            {isWorkflow && <td className='whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3'>{t('appLog.table.header.triggered_from')}</td>}
+            {isWorkflow && <td className="whitespace-nowrap rounded-r-lg bg-background-section-burn py-1.5 pl-3">{t('appLog.table.header.triggered_from')}</td>}
           </tr>
         </thead>
         <tbody className="system-sm-regular text-text-secondary">
           {localLogs.map((log: WorkflowAppLogDetail) => {
             const endUser = log.created_by_end_user ? log.created_by_end_user.session_id : log.created_by_account ? log.created_by_account.name : defaultValue
-            return <tr
-              key={log.id}
-              className={cn('cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover', currentLog?.id !== log.id ? '' : 'bg-background-default-hover')}
-              onClick={() => {
-                setCurrentLog(log)
-                setShowDrawer(true)
-              }}>
-              <td className='h-4'>
-                {!log.read_at && (
-                  <div className='flex items-center p-3 pr-0.5'>
-                    <span className='inline-block h-1.5 w-1.5 rounded bg-util-colors-blue-blue-500'></span>
-                  </div>
-                )}
-              </td>
-              <td className='w-[180px] p-3 pr-2'>{formatTime(log.created_at, t('appLog.dateTimeFormat') as string)}</td>
-              <td className='p-3 pr-2'>{statusTdRender(log.workflow_run.status)}</td>
-              <td className='p-3 pr-2'>
-                <div className={cn(
-                  log.workflow_run.elapsed_time === 0 && 'text-text-quaternary',
-                )}>{`${log.workflow_run.elapsed_time.toFixed(3)}s`}</div>
-              </td>
-              <td className='p-3 pr-2'>{log.workflow_run.total_tokens}</td>
-              <td className='p-3 pr-2'>
-                <div className={cn(endUser === defaultValue ? 'text-text-quaternary' : 'text-text-secondary', 'overflow-hidden text-ellipsis whitespace-nowrap')}>
-                  {endUser}
-                </div>
-              </td>
-              {isWorkflow && (
-                <td className='p-3 pr-2'>
-                  <TriggerByDisplay triggeredFrom={log.workflow_run.triggered_from as WorkflowRunTriggeredFrom} triggerMetadata={log.details?.trigger_metadata} />
+            return (
+              <tr
+                key={log.id}
+                className={cn('cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover', currentLog?.id !== log.id ? '' : 'bg-background-default-hover')}
+                onClick={() => {
+                  setCurrentLog(log)
+                  setShowDrawer(true)
+                }}
+              >
+                <td className="h-4">
+                  {!log.read_at && (
+                    <div className="flex items-center p-3 pr-0.5">
+                      <span className="inline-block h-1.5 w-1.5 rounded bg-util-colors-blue-blue-500"></span>
+                    </div>
+                  )}
                 </td>
-              )}
-            </tr>
+                <td className="w-[180px] p-3 pr-2">{formatTime(log.created_at, t('appLog.dateTimeFormat') as string)}</td>
+                <td className="p-3 pr-2">{statusTdRender(log.workflow_run.status)}</td>
+                <td className="p-3 pr-2">
+                  <div className={cn(
+                    log.workflow_run.elapsed_time === 0 && 'text-text-quaternary',
+                  )}
+                  >
+                    {`${log.workflow_run.elapsed_time.toFixed(3)}s`}
+                  </div>
+                </td>
+                <td className="p-3 pr-2">{log.workflow_run.total_tokens}</td>
+                <td className="p-3 pr-2">
+                  <div className={cn(endUser === defaultValue ? 'text-text-quaternary' : 'text-text-secondary', 'overflow-hidden text-ellipsis whitespace-nowrap')}>
+                    {endUser}
+                  </div>
+                </td>
+                {isWorkflow && (
+                  <td className="p-3 pr-2">
+                    <TriggerByDisplay triggeredFrom={log.workflow_run.triggered_from as WorkflowRunTriggeredFrom} triggerMetadata={log.details?.trigger_metadata} />
+                  </td>
+                )}
+              </tr>
+            )
           })}
         </tbody>
       </table>
@@ -175,7 +178,7 @@ const WorkflowAppLogList: FC<ILogs> = ({ logs, appDetail, onRefresh }) => {
         onClose={onCloseDrawer}
         mask={isMobile}
         footer={null}
-        panelClassName='mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[600px] rounded-xl border border-components-panel-border'
+        panelClassName="mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[600px] rounded-xl border border-components-panel-border"
       >
         <DetailPanel
           onClose={onCloseDrawer}
diff --git a/web/app/components/app/workflow-log/trigger-by-display.spec.tsx b/web/app/components/app/workflow-log/trigger-by-display.spec.tsx
index 8275997c24..d57a581dbd 100644
--- a/web/app/components/app/workflow-log/trigger-by-display.spec.tsx
+++ b/web/app/components/app/workflow-log/trigger-by-display.spec.tsx
@@ -5,11 +5,11 @@
  * Covers all trigger types: app-run, debugging, webhook, schedule, plugin, rag-pipeline.
  */
 
-import { render, screen } from '@testing-library/react'
-import TriggerByDisplay from './trigger-by-display'
-import { WorkflowRunTriggeredFrom } from '@/models/log'
 import type { TriggerMetadata } from '@/models/log'
+import { render, screen } from '@testing-library/react'
+import { WorkflowRunTriggeredFrom } from '@/models/log'
 import { Theme } from '@/types/app'
+import TriggerByDisplay from './trigger-by-display'
 
 // ============================================================================
 // Mocks
@@ -24,7 +24,7 @@ vi.mock('@/hooks/use-theme', () => ({
 // Mock BlockIcon as it has complex dependencies
 vi.mock('@/app/components/workflow/block-icon', () => ({
   __esModule: true,
-  default: ({ type, toolIcon }: { type: string; toolIcon?: string }) => (
+  default: ({ type, toolIcon }: { type: string, toolIcon?: string }) => (
     <div data-testid="block-icon" data-type={type} data-tool-icon={toolIcon || ''}>
       BlockIcon
     </div>
diff --git a/web/app/components/app/workflow-log/trigger-by-display.tsx b/web/app/components/app/workflow-log/trigger-by-display.tsx
index 1411503cc2..736a75841e 100644
--- a/web/app/components/app/workflow-log/trigger-by-display.tsx
+++ b/web/app/components/app/workflow-log/trigger-by-display.tsx
@@ -1,5 +1,6 @@
 'use client'
 import type { FC } from 'react'
+import type { TriggerMetadata } from '@/models/log'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import {
@@ -12,7 +13,6 @@ import {
 import BlockIcon from '@/app/components/workflow/block-icon'
 import { BlockEnum } from '@/app/components/workflow/types'
 import useTheme from '@/hooks/use-theme'
-import type { TriggerMetadata } from '@/models/log'
 import { WorkflowRunTriggeredFrom } from '@/models/log'
 import { Theme } from '@/types/app'
 
@@ -54,7 +54,7 @@ const getPluginIcon = (metadata: TriggerMetadata | undefined, theme: Theme) => {
   return (
     <BlockIcon
       type={BlockEnum.TriggerPlugin}
-      size='md'
+      size="md"
       toolIcon={icon}
     />
   )
@@ -64,14 +64,14 @@ const getTriggerIcon = (triggeredFrom: WorkflowRunTriggeredFrom, metadata: Trigg
   switch (triggeredFrom) {
     case 'webhook':
       return (
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-500 p-1 shadow-md'>
-          <WebhookLine className='h-4 w-4 text-text-primary-on-surface' />
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-500 p-1 shadow-md">
+          <WebhookLine className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       )
     case 'schedule':
       return (
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-500 p-1 shadow-md'>
-          <Schedule className='h-4 w-4 text-text-primary-on-surface' />
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-500 p-1 shadow-md">
+          <Schedule className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       )
     case 'plugin':
@@ -83,23 +83,23 @@ const getTriggerIcon = (triggeredFrom: WorkflowRunTriggeredFrom, metadata: Trigg
       )
     case 'debugging':
       return (
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-500 p-1 shadow-md'>
-          <Code className='h-4 w-4 text-text-primary-on-surface' />
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-500 p-1 shadow-md">
+          <Code className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       )
     case 'rag-pipeline-run':
     case 'rag-pipeline-debugging':
       return (
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-green-green-500 p-1 shadow-md'>
-          <KnowledgeRetrieval className='h-4 w-4 text-text-primary-on-surface' />
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-green-green-500 p-1 shadow-md">
+          <KnowledgeRetrieval className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       )
     case 'app-run':
     default:
       // For user input types (app-run, etc.), use webapp icon
       return (
-        <div className='rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md'>
-          <WindowCursor className='h-4 w-4 text-text-primary-on-surface' />
+        <div className="rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md">
+          <WindowCursor className="h-4 w-4 text-text-primary-on-surface" />
         </div>
       )
   }
diff --git a/web/app/components/apps/app-card.spec.tsx b/web/app/components/apps/app-card.spec.tsx
index 4445c74ffd..60ee222837 100644
--- a/web/app/components/apps/app-card.spec.tsx
+++ b/web/app/components/apps/app-card.spec.tsx
@@ -1,8 +1,16 @@
 import type { Mock } from 'vitest'
-import React from 'react'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { AppModeEnum } from '@/types/app'
+import React from 'react'
 import { AccessMode } from '@/models/access-control'
+// Mock API services - import for direct manipulation
+import * as appsService from '@/service/apps'
+
+import * as exploreService from '@/service/explore'
+import * as workflowService from '@/service/workflow'
+import { AppModeEnum } from '@/types/app'
+
+// Import component after mocks
+import AppCard from './app-card'
 
 // Mock next/navigation
 const mockPush = vi.fn()
@@ -54,11 +62,6 @@ vi.mock('@/context/global-public-context', () => ({
   }),
 }))
 
-// Mock API services - import for direct manipulation
-import * as appsService from '@/service/apps'
-import * as workflowService from '@/service/workflow'
-import * as exploreService from '@/service/explore'
-
 vi.mock('@/service/apps', () => ({
   deleteApp: vi.fn(() => Promise.resolve()),
   updateAppInfo: vi.fn(() => Promise.resolve()),
@@ -113,74 +116,59 @@ vi.mock('next/dynamic', () => {
 
       if (fnString.includes('create-app-modal') || fnString.includes('explore/create-app-modal')) {
         return function MockEditAppModal({ show, onHide, onConfirm }: any) {
-          if (!show) return null
-          return React.createElement('div', { 'data-testid': 'edit-app-modal' },
-            React.createElement('button', { 'onClick': onHide, 'data-testid': 'close-edit-modal' }, 'Close'),
-            React.createElement('button', {
-              'onClick': () => onConfirm?.({
-                name: 'Updated App',
-                icon_type: 'emoji',
-                icon: '🎯',
-                icon_background: '#FFEAD5',
-                description: 'Updated description',
-                use_icon_as_answer_icon: false,
-                max_active_requests: null,
-              }),
-              'data-testid': 'confirm-edit-modal',
-            }, 'Confirm'),
-          )
+          if (!show)
+            return null
+          return React.createElement('div', { 'data-testid': 'edit-app-modal' }, React.createElement('button', { 'onClick': onHide, 'data-testid': 'close-edit-modal' }, 'Close'), React.createElement('button', {
+            'onClick': () => onConfirm?.({
+              name: 'Updated App',
+              icon_type: 'emoji',
+              icon: '🎯',
+              icon_background: '#FFEAD5',
+              description: 'Updated description',
+              use_icon_as_answer_icon: false,
+              max_active_requests: null,
+            }),
+            'data-testid': 'confirm-edit-modal',
+          }, 'Confirm'))
         }
       }
       if (fnString.includes('duplicate-modal')) {
         return function MockDuplicateAppModal({ show, onHide, onConfirm }: any) {
-          if (!show) return null
-          return React.createElement('div', { 'data-testid': 'duplicate-modal' },
-            React.createElement('button', { 'onClick': onHide, 'data-testid': 'close-duplicate-modal' }, 'Close'),
-            React.createElement('button', {
-              'onClick': () => onConfirm?.({
-                name: 'Copied App',
-                icon_type: 'emoji',
-                icon: '📋',
-                icon_background: '#E4FBCC',
-              }),
-              'data-testid': 'confirm-duplicate-modal',
-            }, 'Confirm'),
-          )
+          if (!show)
+            return null
+          return React.createElement('div', { 'data-testid': 'duplicate-modal' }, React.createElement('button', { 'onClick': onHide, 'data-testid': 'close-duplicate-modal' }, 'Close'), React.createElement('button', {
+            'onClick': () => onConfirm?.({
+              name: 'Copied App',
+              icon_type: 'emoji',
+              icon: '📋',
+              icon_background: '#E4FBCC',
+            }),
+            'data-testid': 'confirm-duplicate-modal',
+          }, 'Confirm'))
         }
       }
       if (fnString.includes('switch-app-modal')) {
         return function MockSwitchAppModal({ show, onClose, onSuccess }: any) {
-          if (!show) return null
-          return React.createElement('div', { 'data-testid': 'switch-modal' },
-            React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-switch-modal' }, 'Close'),
-            React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'confirm-switch-modal' }, 'Switch'),
-          )
+          if (!show)
+            return null
+          return React.createElement('div', { 'data-testid': 'switch-modal' }, React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-switch-modal' }, 'Close'), React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'confirm-switch-modal' }, 'Switch'))
         }
       }
       if (fnString.includes('base/confirm')) {
         return function MockConfirm({ isShow, onCancel, onConfirm }: any) {
-          if (!isShow) return null
-          return React.createElement('div', { 'data-testid': 'confirm-dialog' },
-            React.createElement('button', { 'onClick': onCancel, 'data-testid': 'cancel-confirm' }, 'Cancel'),
-            React.createElement('button', { 'onClick': onConfirm, 'data-testid': 'confirm-confirm' }, 'Confirm'),
-          )
+          if (!isShow)
+            return null
+          return React.createElement('div', { 'data-testid': 'confirm-dialog' }, React.createElement('button', { 'onClick': onCancel, 'data-testid': 'cancel-confirm' }, 'Cancel'), React.createElement('button', { 'onClick': onConfirm, 'data-testid': 'confirm-confirm' }, 'Confirm'))
         }
       }
       if (fnString.includes('dsl-export-confirm-modal')) {
         return function MockDSLExportModal({ onClose, onConfirm }: any) {
-          return React.createElement('div', { 'data-testid': 'dsl-export-modal' },
-            React.createElement('button', { 'onClick': () => onClose?.(), 'data-testid': 'close-dsl-export' }, 'Close'),
-            React.createElement('button', { 'onClick': () => onConfirm?.(true), 'data-testid': 'confirm-dsl-export' }, 'Export with secrets'),
-            React.createElement('button', { 'onClick': () => onConfirm?.(false), 'data-testid': 'confirm-dsl-export-no-secrets' }, 'Export without secrets'),
-          )
+          return React.createElement('div', { 'data-testid': 'dsl-export-modal' }, React.createElement('button', { 'onClick': () => onClose?.(), 'data-testid': 'close-dsl-export' }, 'Close'), React.createElement('button', { 'onClick': () => onConfirm?.(true), 'data-testid': 'confirm-dsl-export' }, 'Export with secrets'), React.createElement('button', { 'onClick': () => onConfirm?.(false), 'data-testid': 'confirm-dsl-export-no-secrets' }, 'Export without secrets'))
         }
       }
       if (fnString.includes('app-access-control')) {
         return function MockAccessControl({ onClose, onConfirm }: any) {
-          return React.createElement('div', { 'data-testid': 'access-control-modal' },
-            React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-access-control' }, 'Close'),
-            React.createElement('button', { 'onClick': onConfirm, 'data-testid': 'confirm-access-control' }, 'Confirm'),
-          )
+          return React.createElement('div', { 'data-testid': 'access-control-modal' }, React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-access-control' }, 'Close'), React.createElement('button', { 'onClick': onConfirm, 'data-testid': 'confirm-access-control' }, 'Confirm'))
         }
       }
       return () => null
@@ -193,18 +181,13 @@ vi.mock('@/app/components/base/popover', () => {
   const MockPopover = ({ htmlContent, btnElement, btnClassName }: any) => {
     const [isOpen, setIsOpen] = React.useState(false)
     const computedClassName = typeof btnClassName === 'function' ? btnClassName(isOpen) : ''
-    return React.createElement('div', { 'data-testid': 'custom-popover', 'className': computedClassName },
-      React.createElement('div', {
-        'onClick': () => setIsOpen(!isOpen),
-        'data-testid': 'popover-trigger',
-      }, btnElement),
-      isOpen && React.createElement('div', {
-        'data-testid': 'popover-content',
-        'onMouseLeave': () => setIsOpen(false),
-      },
-      typeof htmlContent === 'function' ? htmlContent({ open: isOpen, onClose: () => setIsOpen(false), onClick: () => setIsOpen(false) }) : htmlContent,
-      ),
-    )
+    return React.createElement('div', { 'data-testid': 'custom-popover', 'className': computedClassName }, React.createElement('div', {
+      'onClick': () => setIsOpen(!isOpen),
+      'data-testid': 'popover-trigger',
+    }, btnElement), isOpen && React.createElement('div', {
+      'data-testid': 'popover-content',
+      'onMouseLeave': () => setIsOpen(false),
+    }, typeof htmlContent === 'function' ? htmlContent({ open: isOpen, onClose: () => setIsOpen(false), onClick: () => setIsOpen(false) }) : htmlContent))
   }
   return { __esModule: true, default: MockPopover }
 })
@@ -220,9 +203,7 @@ vi.mock('@/app/components/base/tag-management/selector', () => ({
   __esModule: true,
   default: ({ tags }: any) => {
     const React = require('react')
-    return React.createElement('div', { 'aria-label': 'tag-selector' },
-      tags?.map((tag: any) => React.createElement('span', { key: tag.id }, tag.name)),
-    )
+    return React.createElement('div', { 'aria-label': 'tag-selector' }, tags?.map((tag: any) => React.createElement('span', { key: tag.id }, tag.name)))
   },
 }))
 
@@ -231,9 +212,6 @@ vi.mock('@/app/components/app/type-selector', () => ({
   AppTypeIcon: () => React.createElement('div', { 'data-testid': 'app-type-icon' }),
 }))
 
-// Import component after mocks
-import AppCard from './app-card'
-
 // ============================================================================
 // Test Data Factories
 // ============================================================================
diff --git a/web/app/components/apps/app-card.tsx b/web/app/components/apps/app-card.tsx
index 8140422c0f..0490c771b0 100644
--- a/web/app/components/apps/app-card.tsx
+++ b/web/app/components/apps/app-card.tsx
@@ -1,38 +1,39 @@
 'use client'
 
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useRouter } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
-import { RiBuildingLine, RiGlobalLine, RiLockLine, RiMoreFill, RiVerifiedBadgeLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import { type App, AppModeEnum } from '@/types/app'
-import Toast, { ToastContext } from '@/app/components/base/toast'
-import { copyApp, deleteApp, exportAppConfig, updateAppInfo } from '@/service/apps'
 import type { DuplicateAppModalProps } from '@/app/components/app/duplicate-modal'
-import AppIcon from '@/app/components/base/app-icon'
-import { useAppContext } from '@/context/app-context'
 import type { HtmlContentProps } from '@/app/components/base/popover'
-import CustomPopover from '@/app/components/base/popover'
-import Divider from '@/app/components/base/divider'
-import { basePath } from '@/utils/var'
-import { getRedirection } from '@/utils/app-redirection'
-import { useProviderContext } from '@/context/provider-context'
-import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
 import type { Tag } from '@/app/components/base/tag-management/constant'
-import TagSelector from '@/app/components/base/tag-management/selector'
+import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
 import type { EnvironmentVariable } from '@/app/components/workflow/types'
-import { fetchWorkflowDraft } from '@/service/workflow'
-import { fetchInstalledAppList } from '@/service/explore'
+import type { App } from '@/types/app'
+import { RiBuildingLine, RiGlobalLine, RiLockLine, RiMoreFill, RiVerifiedBadgeLine } from '@remixicon/react'
+import dynamic from 'next/dynamic'
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import { AppTypeIcon } from '@/app/components/app/type-selector'
+import AppIcon from '@/app/components/base/app-icon'
+import Divider from '@/app/components/base/divider'
+import CustomPopover from '@/app/components/base/popover'
+import TagSelector from '@/app/components/base/tag-management/selector'
+import Toast, { ToastContext } from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useProviderContext } from '@/context/provider-context'
 import { useAsyncWindowOpen } from '@/hooks/use-async-window-open'
 import { AccessMode } from '@/models/access-control'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { formatTime } from '@/utils/time'
 import { useGetUserCanAccessApp } from '@/service/access-control'
-import dynamic from 'next/dynamic'
+import { copyApp, deleteApp, exportAppConfig, updateAppInfo } from '@/service/apps'
+import { fetchInstalledAppList } from '@/service/explore'
+import { fetchWorkflowDraft } from '@/service/workflow'
+import { AppModeEnum } from '@/types/app'
+import { getRedirection } from '@/utils/app-redirection'
+import { cn } from '@/utils/classnames'
+import { formatTime } from '@/utils/time'
+import { basePath } from '@/utils/var'
 
 const EditAppModal = dynamic(() => import('@/app/components/explore/create-app-modal'), {
   ssr: false,
@@ -266,62 +267,66 @@ const AppCard = ({ app, onRefresh }: AppCardProps) => {
     }
     return (
       <div className="relative flex w-full flex-col py-1" onMouseLeave={onMouseLeave}>
-        <button type="button" className='mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover' onClick={onClickSettings}>
-          <span className='system-sm-regular text-text-secondary'>{t('app.editApp')}</span>
+        <button type="button" className="mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover" onClick={onClickSettings}>
+          <span className="system-sm-regular text-text-secondary">{t('app.editApp')}</span>
         </button>
         <Divider className="my-1" />
-        <button type="button" className='mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover' onClick={onClickDuplicate}>
-          <span className='system-sm-regular text-text-secondary'>{t('app.duplicate')}</span>
+        <button type="button" className="mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover" onClick={onClickDuplicate}>
+          <span className="system-sm-regular text-text-secondary">{t('app.duplicate')}</span>
         </button>
-        <button type="button" className='mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover' onClick={onClickExport}>
-          <span className='system-sm-regular text-text-secondary'>{t('app.export')}</span>
+        <button type="button" className="mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover" onClick={onClickExport}>
+          <span className="system-sm-regular text-text-secondary">{t('app.export')}</span>
         </button>
         {(app.mode === AppModeEnum.COMPLETION || app.mode === AppModeEnum.CHAT) && (
           <>
             <Divider className="my-1" />
             <button
               type="button"
-              className='mx-1 flex h-8 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover'
+              className="mx-1 flex h-8 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover"
               onClick={onClickSwitch}
             >
-              <span className='text-sm leading-5 text-text-secondary'>{t('app.switch')}</span>
+              <span className="text-sm leading-5 text-text-secondary">{t('app.switch')}</span>
             </button>
           </>
         )}
         {
           !app.has_draft_trigger && (
             (!systemFeatures.webapp_auth.enabled)
-              ? <>
-                <Divider className="my-1" />
-                <button type="button" className='mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover' onClick={onClickInstalledApp}>
-                  <span className='system-sm-regular text-text-secondary'>{t('app.openInExplore')}</span>
-                </button>
-              </>
+              ? (
+                  <>
+                    <Divider className="my-1" />
+                    <button type="button" className="mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover" onClick={onClickInstalledApp}>
+                      <span className="system-sm-regular text-text-secondary">{t('app.openInExplore')}</span>
+                    </button>
+                  </>
+                )
               : !(isGettingUserCanAccessApp || !userCanAccessApp?.result) && (
-                <>
-                  <Divider className="my-1" />
-                  <button type="button" className='mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover' onClick={onClickInstalledApp}>
-                    <span className='system-sm-regular text-text-secondary'>{t('app.openInExplore')}</span>
-                  </button>
-                </>
-              )
+                  <>
+                    <Divider className="my-1" />
+                    <button type="button" className="mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 hover:bg-state-base-hover" onClick={onClickInstalledApp}>
+                      <span className="system-sm-regular text-text-secondary">{t('app.openInExplore')}</span>
+                    </button>
+                  </>
+                )
           )
         }
         <Divider className="my-1" />
         {
-          systemFeatures.webapp_auth.enabled && isCurrentWorkspaceEditor && <>
-            <button type="button" className='mx-1 flex h-8 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover' onClick={onClickAccessControl}>
-              <span className='text-sm leading-5 text-text-secondary'>{t('app.accessControl')}</span>
-            </button>
-            <Divider className='my-1' />
-          </>
+          systemFeatures.webapp_auth.enabled && isCurrentWorkspaceEditor && (
+            <>
+              <button type="button" className="mx-1 flex h-8 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover" onClick={onClickAccessControl}>
+                <span className="text-sm leading-5 text-text-secondary">{t('app.accessControl')}</span>
+              </button>
+              <Divider className="my-1" />
+            </>
+          )
         }
         <button
           type="button"
-          className='group mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 py-[6px] hover:bg-state-destructive-hover'
+          className="group mx-1 flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 py-[6px] hover:bg-state-destructive-hover"
           onClick={onClickDelete}
         >
-          <span className='system-sm-regular text-text-secondary group-hover:text-text-destructive'>
+          <span className="system-sm-regular text-text-secondary group-hover:text-text-destructive">
             {t('common.operation.delete')}
           </span>
         </button>
@@ -349,10 +354,10 @@ const AppCard = ({ app, onRefresh }: AppCardProps) => {
           e.preventDefault()
           getRedirection(isCurrentWorkspaceEditor, app, push)
         }}
-        className='group relative col-span-1 inline-flex h-[160px] cursor-pointer flex-col rounded-xl border-[1px] border-solid border-components-card-border bg-components-card-bg shadow-sm transition-all duration-200 ease-in-out hover:shadow-lg'
+        className="group relative col-span-1 inline-flex h-[160px] cursor-pointer flex-col rounded-xl border-[1px] border-solid border-components-card-border bg-components-card-bg shadow-sm transition-all duration-200 ease-in-out hover:shadow-lg"
       >
-        <div className='flex h-[66px] shrink-0 grow-0 items-center gap-3 px-[14px] pb-3 pt-[14px]'>
-          <div className='relative shrink-0'>
+        <div className="flex h-[66px] shrink-0 grow-0 items-center gap-3 px-[14px] pb-3 pt-[14px]">
+          <div className="relative shrink-0">
             <AppIcon
               size="large"
               iconType={app.icon_type}
@@ -360,52 +365,63 @@ const AppCard = ({ app, onRefresh }: AppCardProps) => {
               background={app.icon_background}
               imageUrl={app.icon_url}
             />
-            <AppTypeIcon type={app.mode} wrapperClassName='absolute -bottom-0.5 -right-0.5 w-4 h-4 shadow-sm' className='h-3 w-3' />
+            <AppTypeIcon type={app.mode} wrapperClassName="absolute -bottom-0.5 -right-0.5 w-4 h-4 shadow-sm" className="h-3 w-3" />
           </div>
-          <div className='w-0 grow py-[1px]'>
-            <div className='flex items-center text-sm font-semibold leading-5 text-text-secondary'>
-              <div className='truncate' title={app.name}>{app.name}</div>
+          <div className="w-0 grow py-[1px]">
+            <div className="flex items-center text-sm font-semibold leading-5 text-text-secondary">
+              <div className="truncate" title={app.name}>{app.name}</div>
             </div>
-            <div className='flex items-center gap-1 text-[10px] font-medium leading-[18px] text-text-tertiary'>
-              <div className='truncate' title={app.author_name}>{app.author_name}</div>
+            <div className="flex items-center gap-1 text-[10px] font-medium leading-[18px] text-text-tertiary">
+              <div className="truncate" title={app.author_name}>{app.author_name}</div>
               <div>·</div>
-              <div className='truncate' title={EditTimeText}>{EditTimeText}</div>
+              <div className="truncate" title={EditTimeText}>{EditTimeText}</div>
             </div>
           </div>
-          <div className='flex h-5 w-5 shrink-0 items-center justify-center'>
-            {app.access_mode === AccessMode.PUBLIC && <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.anyone')}>
-              <RiGlobalLine className='h-4 w-4 text-text-quaternary' />
-            </Tooltip>}
-            {app.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS && <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.specific')}>
-              <RiLockLine className='h-4 w-4 text-text-quaternary' />
-            </Tooltip>}
-            {app.access_mode === AccessMode.ORGANIZATION && <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.organization')}>
-              <RiBuildingLine className='h-4 w-4 text-text-quaternary' />
-            </Tooltip>}
-            {app.access_mode === AccessMode.EXTERNAL_MEMBERS && <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.external')}>
-              <RiVerifiedBadgeLine className='h-4 w-4 text-text-quaternary' />
-            </Tooltip>}
+          <div className="flex h-5 w-5 shrink-0 items-center justify-center">
+            {app.access_mode === AccessMode.PUBLIC && (
+              <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.anyone')}>
+                <RiGlobalLine className="h-4 w-4 text-text-quaternary" />
+              </Tooltip>
+            )}
+            {app.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS && (
+              <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.specific')}>
+                <RiLockLine className="h-4 w-4 text-text-quaternary" />
+              </Tooltip>
+            )}
+            {app.access_mode === AccessMode.ORGANIZATION && (
+              <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.organization')}>
+                <RiBuildingLine className="h-4 w-4 text-text-quaternary" />
+              </Tooltip>
+            )}
+            {app.access_mode === AccessMode.EXTERNAL_MEMBERS && (
+              <Tooltip asChild={false} popupContent={t('app.accessItemsDescription.external')}>
+                <RiVerifiedBadgeLine className="h-4 w-4 text-text-quaternary" />
+              </Tooltip>
+            )}
           </div>
         </div>
-        <div className='title-wrapper h-[90px] px-[14px] text-xs leading-normal text-text-tertiary'>
+        <div className="title-wrapper h-[90px] px-[14px] text-xs leading-normal text-text-tertiary">
           <div
-            className='line-clamp-2'
+            className="line-clamp-2"
             title={app.description}
           >
             {app.description}
           </div>
         </div>
-        <div className='absolute bottom-1 left-0 right-0 flex h-[42px] shrink-0 items-center pb-[6px] pl-[14px] pr-[6px] pt-1'>
+        <div className="absolute bottom-1 left-0 right-0 flex h-[42px] shrink-0 items-center pb-[6px] pl-[14px] pr-[6px] pt-1">
           {isCurrentWorkspaceEditor && (
             <>
-              <div className={cn('flex w-0 grow items-center gap-1')} onClick={(e) => {
-                e.stopPropagation()
-                e.preventDefault()
-              }}>
-                <div className='mr-[41px] w-full grow group-hover:!mr-0'>
+              <div
+                className={cn('flex w-0 grow items-center gap-1')}
+                onClick={(e) => {
+                  e.stopPropagation()
+                  e.preventDefault()
+                }}
+              >
+                <div className="mr-[41px] w-full grow group-hover:!mr-0">
                   <TagSelector
-                    position='bl'
-                    type='app'
+                    position="bl"
+                    type="app"
                     targetID={app.id}
                     value={tags.map(tag => tag.id)}
                     selectedTags={tags}
@@ -414,31 +430,30 @@ const AppCard = ({ app, onRefresh }: AppCardProps) => {
                   />
                 </div>
               </div>
-              <div className='mx-1 !hidden h-[14px] w-[1px] shrink-0 bg-divider-regular group-hover:!flex' />
-              <div className='!hidden shrink-0 group-hover:!flex'>
+              <div className="mx-1 !hidden h-[14px] w-[1px] shrink-0 bg-divider-regular group-hover:!flex" />
+              <div className="!hidden shrink-0 group-hover:!flex">
                 <CustomPopover
                   htmlContent={<Operations />}
                   position="br"
                   trigger="click"
-                  btnElement={
+                  btnElement={(
                     <div
-                      className='flex h-8 w-8 cursor-pointer items-center justify-center rounded-md'
+                      className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-md"
                     >
-                      <RiMoreFill className='h-4 w-4 text-text-tertiary' />
+                      <RiMoreFill className="h-4 w-4 text-text-tertiary" />
                     </div>
-                  }
+                  )}
                   btnClassName={open =>
                     cn(
                       open ? '!bg-state-base-hover !shadow-none' : '!bg-transparent',
                       'h-8 w-8 rounded-md border-none !p-2 hover:!bg-state-base-hover',
-                    )
-                  }
+                    )}
                   popupClassName={
                     (app.mode === AppModeEnum.COMPLETION || app.mode === AppModeEnum.CHAT)
                       ? '!w-[256px] translate-x-[-224px]'
                       : '!w-[216px] translate-x-[-128px]'
                   }
-                  className={'!z-20 h-fit'}
+                  className="!z-20 h-fit"
                 />
               </div>
             </>
diff --git a/web/app/components/apps/empty.spec.tsx b/web/app/components/apps/empty.spec.tsx
index 58619dced5..b7bd7f2d65 100644
--- a/web/app/components/apps/empty.spec.tsx
+++ b/web/app/components/apps/empty.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import Empty from './empty'
 
 describe('Empty', () => {
diff --git a/web/app/components/apps/empty.tsx b/web/app/components/apps/empty.tsx
index a8a9489ec8..86e03a5fb4 100644
--- a/web/app/components/apps/empty.tsx
+++ b/web/app/components/apps/empty.tsx
@@ -9,7 +9,7 @@ const DefaultCards = React.memo(() => {
         renderArray.map((_, index) => (
           <div
             key={index}
-            className='inline-flex h-[160px] rounded-xl bg-background-default-lighter'
+            className="inline-flex h-[160px] rounded-xl bg-background-default-lighter"
           />
         ))
       }
@@ -23,8 +23,8 @@ const Empty = () => {
   return (
     <>
       <DefaultCards />
-      <div className='pointer-events-none absolute inset-0 z-20 flex items-center justify-center bg-gradient-to-t from-background-body to-transparent'>
-        <span className='system-md-medium text-text-tertiary'>
+      <div className="pointer-events-none absolute inset-0 z-20 flex items-center justify-center bg-gradient-to-t from-background-body to-transparent">
+        <span className="system-md-medium text-text-tertiary">
           {t('app.newApp.noAppsFound')}
         </span>
       </div>
diff --git a/web/app/components/apps/footer.spec.tsx b/web/app/components/apps/footer.spec.tsx
index 8ba2c20881..89fe6fa471 100644
--- a/web/app/components/apps/footer.spec.tsx
+++ b/web/app/components/apps/footer.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import Footer from './footer'
 
 describe('Footer', () => {
diff --git a/web/app/components/apps/footer.tsx b/web/app/components/apps/footer.tsx
index 16411ffc57..49ac7a0eb4 100644
--- a/web/app/components/apps/footer.tsx
+++ b/web/app/components/apps/footer.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
-import Link from 'next/link'
 import { RiDiscordFill, RiDiscussLine, RiGithubFill } from '@remixicon/react'
+import Link from 'next/link'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 type CustomLinkProps = {
@@ -14,9 +14,9 @@ const CustomLink = React.memo(({
 }: CustomLinkProps) => {
   return (
     <Link
-      className='flex h-8 w-8 cursor-pointer items-center justify-center transition-opacity duration-200 ease-in-out hover:opacity-80'
-      target='_blank'
-      rel='noopener noreferrer'
+      className="flex h-8 w-8 cursor-pointer items-center justify-center transition-opacity duration-200 ease-in-out hover:opacity-80"
+      target="_blank"
+      rel="noopener noreferrer"
       href={href}
     >
       {children}
@@ -28,18 +28,18 @@ const Footer = () => {
   const { t } = useTranslation()
 
   return (
-    <footer className='relative shrink-0 grow-0 px-12 py-2'>
-      <h3 className='text-gradient text-xl font-semibold leading-tight'>{t('app.join')}</h3>
-      <p className='system-sm-regular mt-1 text-text-tertiary'>{t('app.communityIntro')}</p>
-      <div className='mt-3 flex items-center gap-2'>
-        <CustomLink href='https://github.com/langgenius/dify'>
-          <RiGithubFill className='h-5 w-5 text-text-tertiary' />
+    <footer className="relative shrink-0 grow-0 px-12 py-2">
+      <h3 className="text-gradient text-xl font-semibold leading-tight">{t('app.join')}</h3>
+      <p className="system-sm-regular mt-1 text-text-tertiary">{t('app.communityIntro')}</p>
+      <div className="mt-3 flex items-center gap-2">
+        <CustomLink href="https://github.com/langgenius/dify">
+          <RiGithubFill className="h-5 w-5 text-text-tertiary" />
         </CustomLink>
-        <CustomLink href='https://discord.gg/FngNHpbcY7'>
-          <RiDiscordFill className='h-5 w-5 text-text-tertiary' />
+        <CustomLink href="https://discord.gg/FngNHpbcY7">
+          <RiDiscordFill className="h-5 w-5 text-text-tertiary" />
         </CustomLink>
-        <CustomLink href='https://forum.dify.ai'>
-          <RiDiscussLine className='h-5 w-5 text-text-tertiary' />
+        <CustomLink href="https://forum.dify.ai">
+          <RiDiscussLine className="h-5 w-5 text-text-tertiary" />
         </CustomLink>
       </div>
     </footer>
diff --git a/web/app/components/apps/hooks/use-apps-query-state.spec.ts b/web/app/components/apps/hooks/use-apps-query-state.spec.ts
index cea964da88..c0a188d7c3 100644
--- a/web/app/components/apps/hooks/use-apps-query-state.spec.ts
+++ b/web/app/components/apps/hooks/use-apps-query-state.spec.ts
@@ -11,6 +11,9 @@
  */
 import { act, renderHook } from '@testing-library/react'
 
+// Import the hook after mocks are set up
+import useAppsQueryState from './use-apps-query-state'
+
 // Mock Next.js navigation hooks
 const mockPush = vi.fn()
 const mockPathname = '/apps'
@@ -24,9 +27,6 @@ vi.mock('next/navigation', () => ({
   useSearchParams: vi.fn(() => mockSearchParams),
 }))
 
-// Import the hook after mocks are set up
-import useAppsQueryState from './use-apps-query-state'
-
 describe('useAppsQueryState', () => {
   beforeEach(() => {
     vi.clearAllMocks()
diff --git a/web/app/components/apps/hooks/use-apps-query-state.ts b/web/app/components/apps/hooks/use-apps-query-state.ts
index dc95a4b702..f142b9e97e 100644
--- a/web/app/components/apps/hooks/use-apps-query-state.ts
+++ b/web/app/components/apps/hooks/use-apps-query-state.ts
@@ -1,4 +1,5 @@
-import { type ReadonlyURLSearchParams, usePathname, useRouter, useSearchParams } from 'next/navigation'
+import type { ReadonlyURLSearchParams } from 'next/navigation'
+import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 
 type AppsQuery = {
diff --git a/web/app/components/apps/index.spec.tsx b/web/app/components/apps/index.spec.tsx
index 48e02ab3e3..6bb53386a4 100644
--- a/web/app/components/apps/index.spec.tsx
+++ b/web/app/components/apps/index.spec.tsx
@@ -1,5 +1,8 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
+
+// Import after mocks
+import Apps from './index'
 
 // Track mock calls
 let documentTitleCalls: string[] = []
@@ -29,9 +32,6 @@ vi.mock('./list', () => ({
   },
 }))
 
-// Import after mocks
-import Apps from './index'
-
 describe('Apps', () => {
   beforeEach(() => {
     vi.clearAllMocks()
diff --git a/web/app/components/apps/index.tsx b/web/app/components/apps/index.tsx
index 6d21800421..6f8fe171fa 100644
--- a/web/app/components/apps/index.tsx
+++ b/web/app/components/apps/index.tsx
@@ -1,8 +1,8 @@
 'use client'
-import { useEducationInit } from '@/app/education-apply/hooks'
-import List from './list'
-import useDocumentTitle from '@/hooks/use-document-title'
 import { useTranslation } from 'react-i18next'
+import { useEducationInit } from '@/app/education-apply/hooks'
+import useDocumentTitle from '@/hooks/use-document-title'
+import List from './list'
 
 const Apps = () => {
   const { t } = useTranslation()
@@ -11,9 +11,9 @@ const Apps = () => {
   useEducationInit()
 
   return (
-    <div className='relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body'>
+    <div className="relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body">
       <List />
-    </div >
+    </div>
   )
 }
 
diff --git a/web/app/components/apps/list.spec.tsx b/web/app/components/apps/list.spec.tsx
index b5defb98a7..d39f2621c5 100644
--- a/web/app/components/apps/list.spec.tsx
+++ b/web/app/components/apps/list.spec.tsx
@@ -1,7 +1,10 @@
-import React from 'react'
 import { act, fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import { AppModeEnum } from '@/types/app'
 
+// Import after mocks
+import List from './list'
+
 // Mock next/navigation
 const mockReplace = vi.fn()
 const mockRouter = { replace: mockReplace }
@@ -117,7 +120,7 @@ vi.mock('@/service/use-apps', () => ({
 
 // Mock tag store
 vi.mock('@/app/components/base/tag-management/store', () => ({
-  useStore: (selector: (state: { tagList: any[]; setTagList: any; showTagManagementModal: boolean; setShowTagManagementModal: any }) => any) => {
+  useStore: (selector: (state: { tagList: any[], setTagList: any, showTagManagementModal: boolean, setShowTagManagementModal: any }) => any) => {
     const state = {
       tagList: [{ id: 'tag-1', name: 'Test Tag', type: 'app' }],
       setTagList: vi.fn(),
@@ -181,11 +184,9 @@ vi.mock('next/dynamic', () => {
       }
       if (fnString.includes('create-from-dsl-modal')) {
         return function MockCreateFromDSLModal({ show, onClose, onSuccess }: any) {
-          if (!show) return null
-          return React.createElement('div', { 'data-testid': 'create-dsl-modal' },
-            React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-dsl-modal' }, 'Close'),
-            React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-dsl-modal' }, 'Success'),
-          )
+          if (!show)
+            return null
+          return React.createElement('div', { 'data-testid': 'create-dsl-modal' }, React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-dsl-modal' }, 'Close'), React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-dsl-modal' }, 'Success'))
         }
       }
       return () => null
@@ -231,9 +232,6 @@ vi.mock('./footer', () => ({
   },
 }))
 
-// Import after mocks
-import List from './list'
-
 // Store IntersectionObserver callback
 let intersectionCallback: IntersectionObserverCallback | null = null
 const mockObserve = vi.fn()
diff --git a/web/app/components/apps/list.tsx b/web/app/components/apps/list.tsx
index b58b82b631..cee0f892f2 100644
--- a/web/app/components/apps/list.tsx
+++ b/web/app/components/apps/list.tsx
@@ -1,11 +1,5 @@
 'use client'
 
-import { useCallback, useEffect, useRef, useState } from 'react'
-import {
-  useRouter,
-} from 'next/navigation'
-import { useTranslation } from 'react-i18next'
-import { useDebounceFn } from 'ahooks'
 import {
   RiApps2Line,
   RiDragDropLine,
@@ -14,25 +8,31 @@ import {
   RiMessage3Line,
   RiRobot3Line,
 } from '@remixicon/react'
-import AppCard from './app-card'
-import NewAppCard from './new-app-card'
-import useAppsQueryState from './hooks/use-apps-query-state'
-import { useDSLDragDrop } from './hooks/use-dsl-drag-drop'
-import { useAppContext } from '@/context/app-context'
-import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import { CheckModal } from '@/hooks/use-pay'
-import TabSliderNew from '@/app/components/base/tab-slider-new'
-import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
-import Input from '@/app/components/base/input'
-import { useStore as useTagStore } from '@/app/components/base/tag-management/store'
-import TagFilter from '@/app/components/base/tag-management/filter'
-import CheckboxWithLabel from '@/app/components/datasets/create/website/base/checkbox-with-label'
+import { useDebounceFn } from 'ahooks'
 import dynamic from 'next/dynamic'
+import {
+  useRouter,
+} from 'next/navigation'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import TabSliderNew from '@/app/components/base/tab-slider-new'
+import TagFilter from '@/app/components/base/tag-management/filter'
+import { useStore as useTagStore } from '@/app/components/base/tag-management/store'
+import CheckboxWithLabel from '@/app/components/datasets/create/website/base/checkbox-with-label'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { CheckModal } from '@/hooks/use-pay'
+import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
+import { useInfiniteAppList } from '@/service/use-apps'
+import { AppModeEnum } from '@/types/app'
+import AppCard from './app-card'
 import Empty from './empty'
 import Footer from './footer'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { AppModeEnum } from '@/types/app'
-import { useInfiniteAppList } from '@/service/use-apps'
+import useAppsQueryState from './hooks/use-apps-query-state'
+import { useDSLDragDrop } from './hooks/use-dsl-drag-drop'
+import NewAppCard from './new-app-card'
 
 const TagManagementModal = dynamic(() => import('@/app/components/base/tag-management'), {
   ssr: false,
@@ -97,12 +97,12 @@ const List = () => {
 
   const anchorRef = useRef<HTMLDivElement>(null)
   const options = [
-    { value: 'all', text: t('app.types.all'), icon: <RiApps2Line className='mr-1 h-[14px] w-[14px]' /> },
-    { value: AppModeEnum.WORKFLOW, text: t('app.types.workflow'), icon: <RiExchange2Line className='mr-1 h-[14px] w-[14px]' /> },
-    { value: AppModeEnum.ADVANCED_CHAT, text: t('app.types.advanced'), icon: <RiMessage3Line className='mr-1 h-[14px] w-[14px]' /> },
-    { value: AppModeEnum.CHAT, text: t('app.types.chatbot'), icon: <RiMessage3Line className='mr-1 h-[14px] w-[14px]' /> },
-    { value: AppModeEnum.AGENT_CHAT, text: t('app.types.agent'), icon: <RiRobot3Line className='mr-1 h-[14px] w-[14px]' /> },
-    { value: AppModeEnum.COMPLETION, text: t('app.types.completion'), icon: <RiFile4Line className='mr-1 h-[14px] w-[14px]' /> },
+    { value: 'all', text: t('app.types.all'), icon: <RiApps2Line className="mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.WORKFLOW, text: t('app.types.workflow'), icon: <RiExchange2Line className="mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.ADVANCED_CHAT, text: t('app.types.advanced'), icon: <RiMessage3Line className="mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.CHAT, text: t('app.types.chatbot'), icon: <RiMessage3Line className="mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.AGENT_CHAT, text: t('app.types.agent'), icon: <RiRobot3Line className="mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.COMPLETION, text: t('app.types.completion'), icon: <RiFile4Line className="mr-1 h-[14px] w-[14px]" /> },
   ]
 
   useEffect(() => {
@@ -174,30 +174,30 @@ const List = () => {
 
   return (
     <>
-      <div ref={containerRef} className='relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body'>
+      <div ref={containerRef} className="relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body">
         {dragging && (
           <div className="absolute inset-0 z-50 m-0.5 rounded-2xl border-2 border-dashed border-components-dropzone-border-accent bg-[rgba(21,90,239,0.14)] p-2">
           </div>
         )}
 
-        <div className='sticky top-0 z-10 flex flex-wrap items-center justify-between gap-y-2 bg-background-body px-12 pb-5 pt-7'>
+        <div className="sticky top-0 z-10 flex flex-wrap items-center justify-between gap-y-2 bg-background-body px-12 pb-5 pt-7">
           <TabSliderNew
             value={activeTab}
             onChange={setActiveTab}
             options={options}
           />
-          <div className='flex items-center gap-2'>
+          <div className="flex items-center gap-2">
             <CheckboxWithLabel
-              className='mr-2'
+              className="mr-2"
               label={t('app.showMyCreatedAppsOnly')}
               isChecked={isCreatedByMe}
               onChange={handleCreatedByMeChange}
             />
-            <TagFilter type='app' value={tagFilterValue} onChange={handleTagsChange} />
+            <TagFilter type="app" value={tagFilterValue} onChange={handleTagsChange} />
             <Input
               showLeftIcon
               showClearIcon
-              wrapperClassName='w-[200px]'
+              wrapperClassName="w-[200px]"
               value={keywords}
               onChange={e => handleKeywordsChange(e.target.value)}
               onClear={() => handleKeywordsChange('')}
@@ -205,18 +205,22 @@ const List = () => {
           </div>
         </div>
         {hasAnyApp
-          ? <div className='relative grid grow grid-cols-1 content-start gap-4 px-12 pt-2 sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5 2k:grid-cols-6'>
-            {isCurrentWorkspaceEditor
-              && <NewAppCard ref={newAppCardRef} onSuccess={refetch} selectedAppType={activeTab} />}
-            {pages.map(({ data: apps }) => apps.map(app => (
-              <AppCard key={app.id} app={app} onRefresh={refetch} />
-            )))}
-          </div>
-          : <div className='relative grid grow grid-cols-1 content-start gap-4 overflow-hidden px-12 pt-2 sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5 2k:grid-cols-6'>
-            {isCurrentWorkspaceEditor
-              && <NewAppCard ref={newAppCardRef} className='z-10' onSuccess={refetch} selectedAppType={activeTab} />}
-            <Empty />
-          </div>}
+          ? (
+              <div className="relative grid grow grid-cols-1 content-start gap-4 px-12 pt-2 sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5 2k:grid-cols-6">
+                {isCurrentWorkspaceEditor
+                  && <NewAppCard ref={newAppCardRef} onSuccess={refetch} selectedAppType={activeTab} />}
+                {pages.map(({ data: apps }) => apps.map(app => (
+                  <AppCard key={app.id} app={app} onRefresh={refetch} />
+                )))}
+              </div>
+            )
+          : (
+              <div className="relative grid grow grid-cols-1 content-start gap-4 overflow-hidden px-12 pt-2 sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5 2k:grid-cols-6">
+                {isCurrentWorkspaceEditor
+                  && <NewAppCard ref={newAppCardRef} className="z-10" onSuccess={refetch} selectedAppType={activeTab} />}
+                <Empty />
+              </div>
+            )}
 
         {isCurrentWorkspaceEditor && (
           <div
@@ -232,9 +236,9 @@ const List = () => {
           <Footer />
         )}
         <CheckModal />
-        <div ref={anchorRef} className='h-0'> </div>
+        <div ref={anchorRef} className="h-0"> </div>
         {showTagManagementModal && (
-          <TagManagementModal type='app' show={showTagManagementModal} />
+          <TagManagementModal type="app" show={showTagManagementModal} />
         )}
       </div>
 
diff --git a/web/app/components/apps/new-app-card.spec.tsx b/web/app/components/apps/new-app-card.spec.tsx
index abf49e28a9..bc8b10a2b6 100644
--- a/web/app/components/apps/new-app-card.spec.tsx
+++ b/web/app/components/apps/new-app-card.spec.tsx
@@ -1,5 +1,8 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+
+// Import after mocks
+import CreateAppCard from './new-app-card'
 
 // Mock next/navigation
 const mockReplace = vi.fn()
@@ -27,31 +30,23 @@ vi.mock('next/dynamic', () => {
 
       if (fnString.includes('create-app-modal') && !fnString.includes('create-from-dsl-modal')) {
         return function MockCreateAppModal({ show, onClose, onSuccess, onCreateFromTemplate }: any) {
-          if (!show) return null
-          return React.createElement('div', { 'data-testid': 'create-app-modal' },
-            React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-create-modal' }, 'Close'),
-            React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-create-modal' }, 'Success'),
-            React.createElement('button', { 'onClick': onCreateFromTemplate, 'data-testid': 'to-template-modal' }, 'To Template'),
-          )
+          if (!show)
+            return null
+          return React.createElement('div', { 'data-testid': 'create-app-modal' }, React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-create-modal' }, 'Close'), React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-create-modal' }, 'Success'), React.createElement('button', { 'onClick': onCreateFromTemplate, 'data-testid': 'to-template-modal' }, 'To Template'))
         }
       }
       if (fnString.includes('create-app-dialog')) {
         return function MockCreateAppTemplateDialog({ show, onClose, onSuccess, onCreateFromBlank }: any) {
-          if (!show) return null
-          return React.createElement('div', { 'data-testid': 'create-template-dialog' },
-            React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-template-dialog' }, 'Close'),
-            React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-template-dialog' }, 'Success'),
-            React.createElement('button', { 'onClick': onCreateFromBlank, 'data-testid': 'to-blank-modal' }, 'To Blank'),
-          )
+          if (!show)
+            return null
+          return React.createElement('div', { 'data-testid': 'create-template-dialog' }, React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-template-dialog' }, 'Close'), React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-template-dialog' }, 'Success'), React.createElement('button', { 'onClick': onCreateFromBlank, 'data-testid': 'to-blank-modal' }, 'To Blank'))
         }
       }
       if (fnString.includes('create-from-dsl-modal')) {
         return function MockCreateFromDSLModal({ show, onClose, onSuccess }: any) {
-          if (!show) return null
-          return React.createElement('div', { 'data-testid': 'create-dsl-modal' },
-            React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-dsl-modal' }, 'Close'),
-            React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-dsl-modal' }, 'Success'),
-          )
+          if (!show)
+            return null
+          return React.createElement('div', { 'data-testid': 'create-dsl-modal' }, React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-dsl-modal' }, 'Close'), React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-dsl-modal' }, 'Success'))
         }
       }
       return () => null
@@ -66,9 +61,6 @@ vi.mock('@/app/components/app/create-from-dsl-modal', () => ({
   },
 }))
 
-// Import after mocks
-import CreateAppCard from './new-app-card'
-
 describe('CreateAppCard', () => {
   const defaultRef = { current: null } as React.RefObject<HTMLDivElement | null>
 
diff --git a/web/app/components/apps/new-app-card.tsx b/web/app/components/apps/new-app-card.tsx
index 51e4bae8fe..dd0918c746 100644
--- a/web/app/components/apps/new-app-card.tsx
+++ b/web/app/components/apps/new-app-card.tsx
@@ -1,16 +1,16 @@
 'use client'
 
-import React, { useMemo, useState } from 'react'
+import dynamic from 'next/dynamic'
 import {
   useRouter,
   useSearchParams,
 } from 'next/navigation'
+import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { CreateFromDSLModalTab } from '@/app/components/app/create-from-dsl-modal'
-import { useProviderContext } from '@/context/provider-context'
 import { FileArrow01, FilePlus01, FilePlus02 } from '@/app/components/base/icons/src/vender/line/files'
+import { useProviderContext } from '@/context/provider-context'
 import { cn } from '@/utils/classnames'
-import dynamic from 'next/dynamic'
 
 const CreateAppModal = dynamic(() => import('@/app/components/app/create-app-modal'), {
   ssr: false,
@@ -57,21 +57,22 @@ const CreateAppCard = ({
       ref={ref}
       className={cn('relative col-span-1 inline-flex h-[160px] flex-col justify-between rounded-xl border-[0.5px] border-components-card-border bg-components-card-bg', className)}
     >
-      <div className='grow rounded-t-xl p-2'>
-        <div className='px-6 pb-1 pt-2 text-xs font-medium leading-[18px] text-text-tertiary'>{t('app.createApp')}</div>
-        <button type="button" className='mb-1 flex w-full cursor-pointer items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary' onClick={() => setShowNewAppModal(true)}>
-          <FilePlus01 className='mr-2 h-4 w-4 shrink-0' />
+      <div className="grow rounded-t-xl p-2">
+        <div className="px-6 pb-1 pt-2 text-xs font-medium leading-[18px] text-text-tertiary">{t('app.createApp')}</div>
+        <button type="button" className="mb-1 flex w-full cursor-pointer items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary" onClick={() => setShowNewAppModal(true)}>
+          <FilePlus01 className="mr-2 h-4 w-4 shrink-0" />
           {t('app.newApp.startFromBlank')}
         </button>
-        <button type="button" className='flex w-full cursor-pointer items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary' onClick={() => setShowNewAppTemplateDialog(true)}>
-          <FilePlus02 className='mr-2 h-4 w-4 shrink-0' />
+        <button type="button" className="flex w-full cursor-pointer items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary" onClick={() => setShowNewAppTemplateDialog(true)}>
+          <FilePlus02 className="mr-2 h-4 w-4 shrink-0" />
           {t('app.newApp.startFromTemplate')}
         </button>
         <button
           type="button"
           onClick={() => setShowCreateFromDSLModal(true)}
-          className='flex w-full cursor-pointer items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary'>
-          <FileArrow01 className='mr-2 h-4 w-4 shrink-0' />
+          className="flex w-full cursor-pointer items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary"
+        >
+          <FileArrow01 className="mr-2 h-4 w-4 shrink-0" />
           {t('app.importDSL')}
         </button>
       </div>
diff --git a/web/app/components/base/action-button/index.spec.tsx b/web/app/components/base/action-button/index.spec.tsx
index fcc1a03d72..839cd9dcc3 100644
--- a/web/app/components/base/action-button/index.spec.tsx
+++ b/web/app/components/base/action-button/index.spec.tsx
@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react'
 import { ActionButton, ActionButtonState } from './index'
 
 describe('ActionButton', () => {
-  test('renders button with default props', () => {
+  it('renders button with default props', () => {
     render(<ActionButton>Click me</ActionButton>)
     const button = screen.getByRole('button', { name: 'Click me' })
     expect(button).toBeInTheDocument()
@@ -10,25 +10,25 @@ describe('ActionButton', () => {
     expect(button.classList.contains('action-btn-m')).toBe(true)
   })
 
-  test('renders button with xs size', () => {
-    render(<ActionButton size='xs'>Small Button</ActionButton>)
+  it('renders button with xs size', () => {
+    render(<ActionButton size="xs">Small Button</ActionButton>)
     const button = screen.getByRole('button', { name: 'Small Button' })
     expect(button.classList.contains('action-btn-xs')).toBe(true)
   })
 
-  test('renders button with l size', () => {
-    render(<ActionButton size='l'>Large Button</ActionButton>)
+  it('renders button with l size', () => {
+    render(<ActionButton size="l">Large Button</ActionButton>)
     const button = screen.getByRole('button', { name: 'Large Button' })
     expect(button.classList.contains('action-btn-l')).toBe(true)
   })
 
-  test('renders button with xl size', () => {
-    render(<ActionButton size='xl'>Extra Large Button</ActionButton>)
+  it('renders button with xl size', () => {
+    render(<ActionButton size="xl">Extra Large Button</ActionButton>)
     const button = screen.getByRole('button', { name: 'Extra Large Button' })
     expect(button.classList.contains('action-btn-xl')).toBe(true)
   })
 
-  test('applies correct state classes', () => {
+  it('applies correct state classes', () => {
     const { rerender } = render(
       <ActionButton state={ActionButtonState.Destructive}>Destructive</ActionButton>,
     )
@@ -48,13 +48,13 @@ describe('ActionButton', () => {
     expect(button.classList.contains('action-btn-hover')).toBe(true)
   })
 
-  test('applies custom className', () => {
-    render(<ActionButton className='custom-class'>Custom Class</ActionButton>)
+  it('applies custom className', () => {
+    render(<ActionButton className="custom-class">Custom Class</ActionButton>)
     const button = screen.getByRole('button', { name: 'Custom Class' })
     expect(button.classList.contains('custom-class')).toBe(true)
   })
 
-  test('applies custom style', () => {
+  it('applies custom style', () => {
     render(
       <ActionButton styleCss={{ color: 'red', backgroundColor: 'blue' }}>
         Custom Style
@@ -67,8 +67,8 @@ describe('ActionButton', () => {
     })
   })
 
-  test('forwards additional button props', () => {
-    render(<ActionButton disabled data-testid='test-button'>Disabled Button</ActionButton>)
+  it('forwards additional button props', () => {
+    render(<ActionButton disabled data-testid="test-button">Disabled Button</ActionButton>)
     const button = screen.getByRole('button', { name: 'Disabled Button' })
     expect(button).toBeDisabled()
     expect(button).toHaveAttribute('data-testid', 'test-button')
diff --git a/web/app/components/base/action-button/index.tsx b/web/app/components/base/action-button/index.tsx
index eff6a43d22..503847ba6b 100644
--- a/web/app/components/base/action-button/index.tsx
+++ b/web/app/components/base/action-button/index.tsx
@@ -1,6 +1,7 @@
+import type { VariantProps } from 'class-variance-authority'
 import type { CSSProperties } from 'react'
+import { cva } from 'class-variance-authority'
 import React from 'react'
-import { type VariantProps, cva } from 'class-variance-authority'
 import { cn } from '@/utils/classnames'
 
 enum ActionButtonState {
@@ -53,9 +54,8 @@ function getActionButtonState(state: ActionButtonState) {
 const ActionButton = ({ className, size, state = ActionButtonState.Default, styleCss, children, ref, ...props }: ActionButtonProps) => {
   return (
     <button
-      type='button'
-      className={cn(actionButtonVariants({ className, size }),
-        getActionButtonState(state))}
+      type="button"
+      className={cn(actionButtonVariants({ className, size }), getActionButtonState(state))}
       ref={ref}
       style={styleCss}
       {...props}
diff --git a/web/app/components/base/agent-log-modal/detail.tsx b/web/app/components/base/agent-log-modal/detail.tsx
index 3a7ef3d340..c436e9e23a 100644
--- a/web/app/components/base/agent-log-modal/detail.tsx
+++ b/web/app/components/base/agent-log-modal/detail.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
+import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import type { AgentIteration, AgentLogDetailResponse } from '@/models/log'
 import { flatten, uniq } from 'lodash-es'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Loading from '@/app/components/base/loading'
+import { ToastContext } from '@/app/components/base/toast'
+import { fetchAgentLogDetail } from '@/service/log'
+import { cn } from '@/utils/classnames'
 import ResultPanel from './result'
 import TracingPanel from './tracing'
-import { cn } from '@/utils/classnames'
-import { ToastContext } from '@/app/components/base/toast'
-import Loading from '@/app/components/base/loading'
-import { fetchAgentLogDetail } from '@/service/log'
-import type { AgentIteration, AgentLogDetailResponse } from '@/models/log'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import type { IChatItem } from '@/app/components/base/chat/chat/type'
 
 export type AgentLogDetailProps = {
   activeTab?: 'DETAIL' | 'TRACING'
@@ -79,28 +79,32 @@ const AgentLogDetail: FC<AgentLogDetailProps> = ({
   }, [appDetail, conversationID, messageID])
 
   return (
-    <div className='relative flex grow flex-col'>
+    <div className="relative flex grow flex-col">
       {/* tab */}
-      <div className='flex shrink-0 items-center border-b-[0.5px] border-divider-regular px-4'>
+      <div className="flex shrink-0 items-center border-b-[0.5px] border-divider-regular px-4">
         <div
           className={cn(
             'mr-6 cursor-pointer border-b-2 border-transparent py-3 text-[13px] font-semibold leading-[18px] text-text-tertiary',
             currentTab === 'DETAIL' && '!border-[rgb(21,94,239)] text-text-secondary',
           )}
           onClick={() => switchTab('DETAIL')}
-        >{t('runLog.detail')}</div>
+        >
+          {t('runLog.detail')}
+        </div>
         <div
           className={cn(
             'mr-6 cursor-pointer border-b-2 border-transparent py-3 text-[13px] font-semibold leading-[18px] text-text-tertiary',
             currentTab === 'TRACING' && '!border-[rgb(21,94,239)] text-text-secondary',
           )}
           onClick={() => switchTab('TRACING')}
-        >{t('runLog.tracing')}</div>
+        >
+          {t('runLog.tracing')}
+        </div>
       </div>
       {/* panel detail */}
       <div className={cn('h-0 grow overflow-y-auto rounded-b-2xl bg-components-panel-bg', currentTab !== 'DETAIL' && '!bg-background-section')}>
         {loading && (
-          <div className='flex h-full items-center justify-center bg-components-panel-bg'>
+          <div className="flex h-full items-center justify-center bg-components-panel-bg">
             <Loading />
           </div>
         )}
diff --git a/web/app/components/base/agent-log-modal/index.stories.tsx b/web/app/components/base/agent-log-modal/index.stories.tsx
index b512c8c581..781782af8d 100644
--- a/web/app/components/base/agent-log-modal/index.stories.tsx
+++ b/web/app/components/base/agent-log-modal/index.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useEffect, useRef } from 'react'
-import AgentLogModal from '.'
-import { ToastProvider } from '@/app/components/base/toast'
-import { useStore as useAppStore } from '@/app/components/app/store'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
 import type { AgentLogDetailResponse } from '@/models/log'
+import { useEffect, useRef } from 'react'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { ToastProvider } from '@/app/components/base/toast'
+import AgentLogModal from '.'
 
 const MOCK_RESPONSE: AgentLogDetailResponse = {
   meta: {
diff --git a/web/app/components/base/agent-log-modal/index.tsx b/web/app/components/base/agent-log-modal/index.tsx
index 22d3477ee3..da56c6f1a2 100644
--- a/web/app/components/base/agent-log-modal/index.tsx
+++ b/web/app/components/base/agent-log-modal/index.tsx
@@ -1,11 +1,11 @@
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import { useEffect, useRef, useState } from 'react'
-import { useClickAway } from 'ahooks'
-import AgentLogDetail from './detail'
-import { cn } from '@/utils/classnames'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import { RiCloseLine } from '@remixicon/react'
+import { useClickAway } from 'ahooks'
+import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import AgentLogDetail from './detail'
 
 type AgentLogModalProps = {
   currentLogItem?: IChatItem
@@ -45,9 +45,9 @@ const AgentLogModal: FC<AgentLogModalProps> = ({
       }}
       ref={ref}
     >
-      <h1 className='text-md shrink-0 px-4 py-1 font-semibold text-text-primary'>{t('appLog.runDetail.workflowTitle')}</h1>
-      <span className='absolute right-3 top-4 z-20 cursor-pointer p-1' onClick={onCancel}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <h1 className="text-md shrink-0 px-4 py-1 font-semibold text-text-primary">{t('appLog.runDetail.workflowTitle')}</h1>
+      <span className="absolute right-3 top-4 z-20 cursor-pointer p-1" onClick={onCancel}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </span>
       <AgentLogDetail
         conversationID={currentLogItem.conversationId}
diff --git a/web/app/components/base/agent-log-modal/iteration.tsx b/web/app/components/base/agent-log-modal/iteration.tsx
index 3c51c3a61c..0741b643a8 100644
--- a/web/app/components/base/agent-log-modal/iteration.tsx
+++ b/web/app/components/base/agent-log-modal/iteration.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { useTranslation } from 'react-i18next'
 import type { FC } from 'react'
-import ToolCall from './tool-call'
-import Divider from '@/app/components/base/divider'
 import type { AgentIteration } from '@/models/log'
+import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
 import { cn } from '@/utils/classnames'
+import ToolCall from './tool-call'
 
 type Props = {
   isFinal: boolean
@@ -17,14 +17,14 @@ const Iteration: FC<Props> = ({ iterationInfo, isFinal, index }) => {
 
   return (
     <div className={cn('px-4 py-2')}>
-      <div className='flex items-center'>
+      <div className="flex items-center">
         {isFinal && (
-          <div className='mr-3 shrink-0 text-xs font-semibold leading-[18px] text-text-tertiary'>{t('appLog.agentLogDetail.finalProcessing')}</div>
+          <div className="mr-3 shrink-0 text-xs font-semibold leading-[18px] text-text-tertiary">{t('appLog.agentLogDetail.finalProcessing')}</div>
         )}
         {!isFinal && (
-          <div className='mr-3 shrink-0 text-xs font-semibold leading-[18px] text-text-tertiary'>{`${t('appLog.agentLogDetail.iteration').toUpperCase()} ${index}`}</div>
+          <div className="mr-3 shrink-0 text-xs font-semibold leading-[18px] text-text-tertiary">{`${t('appLog.agentLogDetail.iteration').toUpperCase()} ${index}`}</div>
         )}
-        <Divider bgStyle='gradient' className='mx-0 h-px grow'/>
+        <Divider bgStyle="gradient" className="mx-0 h-px grow" />
       </div>
       <ToolCall
         isLLM
diff --git a/web/app/components/base/agent-log-modal/result.tsx b/web/app/components/base/agent-log-modal/result.tsx
index 850f45725d..ebf4bd2697 100644
--- a/web/app/components/base/agent-log-modal/result.tsx
+++ b/web/app/components/base/agent-log-modal/result.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import StatusPanel from '@/app/components/workflow/run/status'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import StatusPanel from '@/app/components/workflow/run/status'
 import useTimestamp from '@/hooks/use-timestamp'
 
 type ResultPanelProps = {
@@ -36,16 +36,16 @@ const ResultPanel: FC<ResultPanelProps> = ({
   const { formatTime } = useTimestamp()
 
   return (
-    <div className='bg-components-panel-bg py-2'>
-      <div className='px-4 py-2'>
+    <div className="bg-components-panel-bg py-2">
+      <div className="px-4 py-2">
         <StatusPanel
-          status='succeeded'
+          status="succeeded"
           time={elapsed_time}
           tokens={total_tokens}
           error={error}
         />
       </div>
-      <div className='flex flex-col gap-2 px-4 py-2'>
+      <div className="flex flex-col gap-2 px-4 py-2">
         <CodeEditor
           readOnly
           title={<div>INPUT</div>}
@@ -61,58 +61,58 @@ const ResultPanel: FC<ResultPanelProps> = ({
           isJSONStringifyBeauty
         />
       </div>
-      <div className='px-4 py-2'>
-        <div className='h-[0.5px] bg-divider-regular opacity-5' />
+      <div className="px-4 py-2">
+        <div className="h-[0.5px] bg-divider-regular opacity-5" />
       </div>
-      <div className='px-4 py-2'>
-        <div className='relative'>
-          <div className='h-6 text-xs font-medium leading-6 text-text-tertiary'>{t('runLog.meta.title')}</div>
-          <div className='py-1'>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('runLog.meta.status')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+      <div className="px-4 py-2">
+        <div className="relative">
+          <div className="h-6 text-xs font-medium leading-6 text-text-tertiary">{t('runLog.meta.title')}</div>
+          <div className="py-1">
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('runLog.meta.status')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>SUCCESS</span>
               </div>
             </div>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('runLog.meta.executor')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('runLog.meta.executor')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>{created_by || 'N/A'}</span>
               </div>
             </div>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('runLog.meta.startTime')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('runLog.meta.startTime')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>{formatTime(Date.parse(created_at) / 1000, t('appLog.dateTimeFormat') as string)}</span>
               </div>
             </div>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('runLog.meta.time')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('runLog.meta.time')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>{`${elapsed_time?.toFixed(3)}s`}</span>
               </div>
             </div>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('runLog.meta.tokens')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('runLog.meta.tokens')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>{`${total_tokens || 0} Tokens`}</span>
               </div>
             </div>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('appLog.agentLogDetail.agentMode')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('appLog.agentLogDetail.agentMode')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>{agentMode === 'function_call' ? t('appDebug.agent.agentModeType.functionCall') : t('appDebug.agent.agentModeType.ReACT')}</span>
               </div>
             </div>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('appLog.agentLogDetail.toolUsed')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('appLog.agentLogDetail.toolUsed')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>{tools?.length ? tools?.join(', ') : 'Null'}</span>
               </div>
             </div>
-            <div className='flex'>
-              <div className='w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary'>{t('appLog.agentLogDetail.iterations')}</div>
-              <div className='grow px-2 py-[5px] text-xs leading-[18px] text-text-primary'>
+            <div className="flex">
+              <div className="w-[104px] shrink-0 truncate px-2 py-[5px] text-xs leading-[18px] text-text-tertiary">{t('appLog.agentLogDetail.iterations')}</div>
+              <div className="grow px-2 py-[5px] text-xs leading-[18px] text-text-primary">
                 <span>{iterations}</span>
               </div>
             </div>
diff --git a/web/app/components/base/agent-log-modal/tool-call.tsx b/web/app/components/base/agent-log-modal/tool-call.tsx
index ae9753bc67..62d3e756da 100644
--- a/web/app/components/base/agent-log-modal/tool-call.tsx
+++ b/web/app/components/base/agent-log-modal/tool-call.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import { useState } from 'react'
+import type { ToolCall } from '@/models/log'
 import {
   RiCheckboxCircleLine,
   RiErrorWarningLine,
 } from '@remixicon/react'
+import { useState } from 'react'
 import { useContext } from 'use-context-selector'
-import { cn } from '@/utils/classnames'
+import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
-import type { ToolCall } from '@/models/log'
 import { BlockEnum } from '@/app/components/workflow/types'
 import I18n from '@/context/i18n'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   toolCall: ToolCall
@@ -63,10 +63,15 @@ const ToolCallItem: FC<Props> = ({ toolCall, isLLM = false, isFinal, tokens, obs
             )}
           />
           <BlockIcon className={cn('mr-2 shrink-0')} type={isLLM ? BlockEnum.LLM : BlockEnum.Tool} toolIcon={toolCall.tool_icon} />
-          <div className={cn(
-            'grow truncate text-[13px] font-semibold leading-[16px] text-text-secondary',
-          )} title={toolName}>{toolName}</div>
-          <div className='shrink-0 text-xs leading-[18px] text-text-tertiary'>
+          <div
+            className={cn(
+              'grow truncate text-[13px] font-semibold leading-[16px] text-text-secondary',
+            )}
+            title={toolName}
+          >
+            {toolName}
+          </div>
+          <div className="shrink-0 text-xs leading-[18px] text-text-tertiary">
             {toolCall.time_cost && (
               <span>{getTime(toolCall.time_cost || 0)}</span>
             )}
@@ -75,17 +80,17 @@ const ToolCallItem: FC<Props> = ({ toolCall, isLLM = false, isFinal, tokens, obs
             )}
           </div>
           {toolCall.status === 'success' && (
-            <RiCheckboxCircleLine className='ml-2 h-3.5 w-3.5 shrink-0 text-[#12B76A]' />
+            <RiCheckboxCircleLine className="ml-2 h-3.5 w-3.5 shrink-0 text-[#12B76A]" />
           )}
           {toolCall.status === 'error' && (
-            <RiErrorWarningLine className='ml-2 h-3.5 w-3.5 shrink-0 text-[#F04438]' />
+            <RiErrorWarningLine className="ml-2 h-3.5 w-3.5 shrink-0 text-[#F04438]" />
           )}
         </div>
         {!collapseState && (
-          <div className='pb-2'>
+          <div className="pb-2">
             <div className={cn('px-[10px] py-1')}>
               {toolCall.status === 'error' && (
-                <div className='rounded-lg border-[0.5px] border-[rbga(0,0,0,0.05)] bg-[#fef3f2] px-3 py-[10px] text-xs leading-[18px] text-[#d92d20] shadow-xs'>{toolCall.error}</div>
+                <div className="rounded-lg border-[0.5px] border-[rbga(0,0,0,0.05)] bg-[#fef3f2] px-3 py-[10px] text-xs leading-[18px] text-[#d92d20] shadow-xs">{toolCall.error}</div>
               )}
             </div>
             {toolCall.tool_input && (
diff --git a/web/app/components/base/agent-log-modal/tracing.tsx b/web/app/components/base/agent-log-modal/tracing.tsx
index c390d256e1..a3c4886182 100644
--- a/web/app/components/base/agent-log-modal/tracing.tsx
+++ b/web/app/components/base/agent-log-modal/tracing.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import Iteration from './iteration'
 import type { AgentIteration } from '@/models/log'
+import Iteration from './iteration'
 
 type TracingPanelProps = {
   list: AgentIteration[]
@@ -9,7 +9,7 @@ type TracingPanelProps = {
 
 const TracingPanel: FC<TracingPanelProps> = ({ list }) => {
   return (
-    <div className='bg-background-section'>
+    <div className="bg-background-section">
       {list.map((iteration, index) => (
         <Iteration
           key={index}
diff --git a/web/app/components/base/amplitude/AmplitudeProvider.tsx b/web/app/components/base/amplitude/AmplitudeProvider.tsx
index 6c378ab64f..ec4d586d48 100644
--- a/web/app/components/base/amplitude/AmplitudeProvider.tsx
+++ b/web/app/components/base/amplitude/AmplitudeProvider.tsx
@@ -1,9 +1,9 @@
 'use client'
 
 import type { FC } from 'react'
-import React, { useEffect } from 'react'
 import * as amplitude from '@amplitude/analytics-browser'
 import { sessionReplayPlugin } from '@amplitude/plugin-session-replay-browser'
+import React, { useEffect } from 'react'
 import { AMPLITUDE_API_KEY, IS_CLOUD_EDITION } from '@/config'
 
 export type IAmplitudeProps = {
diff --git a/web/app/components/base/answer-icon/index.tsx b/web/app/components/base/answer-icon/index.tsx
index 04da58e2b8..56e932ad71 100644
--- a/web/app/components/base/answer-icon/index.tsx
+++ b/web/app/components/base/answer-icon/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 
 import type { FC } from 'react'
-import { init } from 'emoji-mart'
-import data from '@emoji-mart/data'
-import { cn } from '@/utils/classnames'
 import type { AppIconType } from '@/types/app'
+import data from '@emoji-mart/data'
+import { init } from 'emoji-mart'
+import { cn } from '@/utils/classnames'
 
 init({ data })
 
@@ -21,25 +21,18 @@ const AnswerIcon: FC<AnswerIconProps> = ({
   background,
   imageUrl,
 }) => {
-  const wrapperClassName = cn('flex',
-    'items-center',
-    'justify-center',
-    'w-full',
-    'h-full',
-    'rounded-full',
-    'border-[0.5px]',
-    'border-black/5',
-    'text-xl')
+  const wrapperClassName = cn('flex', 'items-center', 'justify-center', 'w-full', 'h-full', 'rounded-full', 'border-[0.5px]', 'border-black/5', 'text-xl')
   const isValidImageIcon = iconType === 'image' && imageUrl
-  return <div
-    className={wrapperClassName}
-    style={{ background: background || '#D5F5F6' }}
-  >
-    {isValidImageIcon
-      ? <img src={imageUrl} className="h-full w-full rounded-full" alt="answer icon" />
-      : (icon && icon !== '') ? <em-emoji id={icon} /> : <em-emoji id='🤖' />
-    }
-  </div>
+  return (
+    <div
+      className={wrapperClassName}
+      style={{ background: background || '#D5F5F6' }}
+    >
+      {isValidImageIcon
+        ? <img src={imageUrl} className="h-full w-full rounded-full" alt="answer icon" />
+        : (icon && icon !== '') ? <em-emoji id={icon} /> : <em-emoji id="🤖" />}
+    </div>
+  )
 }
 
 export default AnswerIcon
diff --git a/web/app/components/base/app-icon-picker/ImageInput.tsx b/web/app/components/base/app-icon-picker/ImageInput.tsx
index ad57ffc173..e3fb53862e 100644
--- a/web/app/components/base/app-icon-picker/ImageInput.tsx
+++ b/web/app/components/base/app-icon-picker/ImageInput.tsx
@@ -1,15 +1,16 @@
 'use client'
 
 import type { ChangeEvent, FC } from 'react'
+import type { Area, CropperProps } from 'react-easy-crop'
 import { createRef, useEffect, useState } from 'react'
-import Cropper, { type Area, type CropperProps } from 'react-easy-crop'
-import { cn } from '@/utils/classnames'
+import Cropper from 'react-easy-crop'
 import { useTranslation } from 'react-i18next'
+import { ALLOW_FILE_EXTENSIONS } from '@/types/app'
 
+import { cn } from '@/utils/classnames'
 import { ImagePlus } from '../icons/src/vender/line/images'
 import { useDraggableUploader } from './hooks'
 import { checkIsAnimatedImage } from './utils'
-import { ALLOW_FILE_EXTENSIONS } from '@/types/app'
 
 export type OnImageInput = {
   (isCropped: true, tempUrl: string, croppedAreaPixels: Area, fileName: string): void
@@ -28,7 +29,7 @@ const ImageInput: FC<UploaderProps> = ({
   onImageInput,
 }) => {
   const { t } = useTranslation()
-  const [inputImage, setInputImage] = useState<{ file: File; url: string }>()
+  const [inputImage, setInputImage] = useState<{ file: File, url: string }>()
   const [isAnimatedImage, setIsAnimatedImage] = useState<boolean>(false)
   useEffect(() => {
     return () => {
@@ -71,7 +72,7 @@ const ImageInput: FC<UploaderProps> = ({
   const handleShowImage = () => {
     if (isAnimatedImage) {
       return (
-        <img src={inputImage?.url} alt='' />
+        <img src={inputImage?.url} alt="" />
       )
     }
 
@@ -92,8 +93,7 @@ const ImageInput: FC<UploaderProps> = ({
   return (
     <div className={cn(className, 'w-full px-3 py-1.5')}>
       <div
-        className={cn(isDragActive && 'border-primary-600',
-          'relative flex aspect-square flex-col items-center justify-center rounded-lg border-[1.5px] border-dashed text-gray-500')}
+        className={cn(isDragActive && 'border-primary-600', 'relative flex aspect-square flex-col items-center justify-center rounded-lg border-[1.5px] border-dashed text-gray-500')}
         onDragEnter={handleDragEnter}
         onDragOver={handleDragOver}
         onDragLeave={handleDragLeave}
@@ -101,20 +101,27 @@ const ImageInput: FC<UploaderProps> = ({
       >
         {
           !inputImage
-            ? <>
-              <ImagePlus className="pointer-events-none mb-3 h-[30px] w-[30px]" />
-              <div className="mb-[2px] text-sm font-medium">
-                <span className="pointer-events-none">{t('common.imageInput.dropImageHere')}&nbsp;</span>
-                <button type="button" className="text-components-button-primary-bg" onClick={() => inputRef.current?.click()}>{t('common.imageInput.browse')}</button>
-                <input
-                  ref={inputRef} type="file" className="hidden"
-                  onClick={e => ((e.target as HTMLInputElement).value = '')}
-                  accept={ALLOW_FILE_EXTENSIONS.map(ext => `.${ext}`).join(',')}
-                  onChange={handleLocalFileInput}
-                />
-              </div>
-              <div className="pointer-events-none">{t('common.imageInput.supportedFormats')}</div>
-            </>
+            ? (
+                <>
+                  <ImagePlus className="pointer-events-none mb-3 h-[30px] w-[30px]" />
+                  <div className="mb-[2px] text-sm font-medium">
+                    <span className="pointer-events-none">
+                      {t('common.imageInput.dropImageHere')}
+&nbsp;
+                    </span>
+                    <button type="button" className="text-components-button-primary-bg" onClick={() => inputRef.current?.click()}>{t('common.imageInput.browse')}</button>
+                    <input
+                      ref={inputRef}
+                      type="file"
+                      className="hidden"
+                      onClick={e => ((e.target as HTMLInputElement).value = '')}
+                      accept={ALLOW_FILE_EXTENSIONS.map(ext => `.${ext}`).join(',')}
+                      onChange={handleLocalFileInput}
+                    />
+                  </div>
+                  <div className="pointer-events-none">{t('common.imageInput.supportedFormats')}</div>
+                </>
+              )
             : handleShowImage()
         }
       </div>
diff --git a/web/app/components/base/app-icon-picker/index.stories.tsx b/web/app/components/base/app-icon-picker/index.stories.tsx
index bd0ec0e200..43abfccc39 100644
--- a/web/app/components/base/app-icon-picker/index.stories.tsx
+++ b/web/app/components/base/app-icon-picker/index.stories.tsx
@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
+import type { AppIconSelection } from '.'
 import { useState } from 'react'
-import AppIconPicker, { type AppIconSelection } from '.'
+import AppIconPicker from '.'
 
 const meta = {
   title: 'Base/Data Entry/AppIconPicker',
diff --git a/web/app/components/base/app-icon-picker/index.tsx b/web/app/components/base/app-icon-picker/index.tsx
index a3cb419915..ce73af36a2 100644
--- a/web/app/components/base/app-icon-picker/index.tsx
+++ b/web/app/components/base/app-icon-picker/index.tsx
@@ -1,21 +1,21 @@
 import type { FC } from 'react'
+import type { Area } from 'react-easy-crop'
+import type { OnImageInput } from './ImageInput'
+import type { AppIconType, ImageFile } from '@/types/app'
+import { RiImageCircleAiLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { Area } from 'react-easy-crop'
-import Modal from '../modal'
-import Divider from '../divider'
+import { DISABLE_UPLOAD_IMAGE_AS_ICON } from '@/config'
+import { cn } from '@/utils/classnames'
 import Button from '../button'
-import { useLocalFileUploader } from '../image-uploader/hooks'
+import Divider from '../divider'
 import EmojiPickerInner from '../emoji-picker/Inner'
-import type { OnImageInput } from './ImageInput'
+import { useLocalFileUploader } from '../image-uploader/hooks'
+import Modal from '../modal'
 import ImageInput from './ImageInput'
 import s from './style.module.css'
 import getCroppedImg from './utils'
-import type { AppIconType, ImageFile } from '@/types/app'
-import { cn } from '@/utils/classnames'
-import { DISABLE_UPLOAD_IMAGE_AS_ICON } from '@/config'
-import { noop } from 'lodash-es'
-import { RiImageCircleAiLine } from '@remixicon/react'
 
 export type AppIconEmojiSelection = {
   type: 'emoji'
@@ -46,11 +46,11 @@ const AppIconPicker: FC<AppIconPickerProps> = ({
 
   const tabs = [
     { key: 'emoji', label: t('app.iconPicker.emoji'), icon: <span className="text-lg">🤖</span> },
-    { key: 'image', label: t('app.iconPicker.image'), icon: <RiImageCircleAiLine className='size-4' /> },
+    { key: 'image', label: t('app.iconPicker.image'), icon: <RiImageCircleAiLine className="size-4" /> },
   ]
   const [activeTab, setActiveTab] = useState<AppIconType>('emoji')
 
-  const [emoji, setEmoji] = useState<{ emoji: string; background: string }>()
+  const [emoji, setEmoji] = useState<{ emoji: string, background: string }>()
   const handleSelectEmoji = useCallback((emoji: string, background: string) => {
     setEmoji({ emoji, background })
   }, [setEmoji])
@@ -72,7 +72,7 @@ const AppIconPicker: FC<AppIconPickerProps> = ({
     },
   })
 
-  type InputImageInfo = { file: File } | { tempUrl: string; croppedAreaPixels: Area; fileName: string }
+  type InputImageInfo = { file: File } | { tempUrl: string, croppedAreaPixels: Area, fileName: string }
   const [inputImageInfo, setInputImageInfo] = useState<InputImageInfo>()
 
   const handleImageInput: OnImageInput = async (isCropped: boolean, fileOrTempUrl: string | File, croppedAreaPixels?: Area, fileName?: string) => {
@@ -107,44 +107,52 @@ const AppIconPicker: FC<AppIconPickerProps> = ({
     }
   }
 
-  return <Modal
-    onClose={noop}
-    isShow
-    closable={false}
-    wrapperClassName={className}
-    className={cn(s.container, '!h-[462px] !w-[362px] !p-0')}
-  >
-    {!DISABLE_UPLOAD_IMAGE_AS_ICON && <div className="w-full p-2 pb-0">
-      <div className='flex items-center justify-center gap-2 rounded-xl bg-background-body p-1 text-text-primary'>
-        {tabs.map(tab => (
-          <button type="button"
-            key={tab.key}
-            className={cn(
-              'system-sm-medium flex h-8 flex-1 shrink-0 items-center justify-center rounded-lg p-2 text-text-tertiary',
-              activeTab === tab.key && 'bg-components-main-nav-nav-button-bg-active text-text-accent shadow-md',
-            )}
-            onClick={() => setActiveTab(tab.key as AppIconType)}
-          >
-            {tab.icon} &nbsp; {tab.label}
-          </button>
-        ))}
+  return (
+    <Modal
+      onClose={noop}
+      isShow
+      closable={false}
+      wrapperClassName={className}
+      className={cn(s.container, '!h-[462px] !w-[362px] !p-0')}
+    >
+      {!DISABLE_UPLOAD_IMAGE_AS_ICON && (
+        <div className="w-full p-2 pb-0">
+          <div className="flex items-center justify-center gap-2 rounded-xl bg-background-body p-1 text-text-primary">
+            {tabs.map(tab => (
+              <button
+                type="button"
+                key={tab.key}
+                className={cn(
+                  'system-sm-medium flex h-8 flex-1 shrink-0 items-center justify-center rounded-lg p-2 text-text-tertiary',
+                  activeTab === tab.key && 'bg-components-main-nav-nav-button-bg-active text-text-accent shadow-md',
+                )}
+                onClick={() => setActiveTab(tab.key as AppIconType)}
+              >
+                {tab.icon}
+                {' '}
+&nbsp;
+                {tab.label}
+              </button>
+            ))}
+          </div>
+        </div>
+      )}
+
+      {activeTab === 'emoji' && <EmojiPickerInner className={cn('flex-1 overflow-hidden pt-2')} onSelect={handleSelectEmoji} />}
+      {activeTab === 'image' && <ImageInput className={cn('flex-1 overflow-hidden')} onImageInput={handleImageInput} />}
+
+      <Divider className="m-0" />
+      <div className="flex w-full items-center justify-center gap-2 p-3">
+        <Button className="w-full" onClick={() => onClose?.()}>
+          {t('app.iconPicker.cancel')}
+        </Button>
+
+        <Button variant="primary" className="w-full" disabled={uploading} loading={uploading} onClick={handleSelect}>
+          {t('app.iconPicker.ok')}
+        </Button>
       </div>
-    </div>}
-
-    {activeTab === 'emoji' && <EmojiPickerInner className={cn('flex-1 overflow-hidden pt-2')} onSelect={handleSelectEmoji} />}
-    {activeTab === 'image' && <ImageInput className={cn('flex-1 overflow-hidden')} onImageInput={handleImageInput} />}
-
-    <Divider className='m-0' />
-    <div className='flex w-full items-center justify-center gap-2 p-3'>
-      <Button className='w-full' onClick={() => onClose?.()}>
-        {t('app.iconPicker.cancel')}
-      </Button>
-
-      <Button variant="primary" className='w-full' disabled={uploading} loading={uploading} onClick={handleSelect}>
-        {t('app.iconPicker.ok')}
-      </Button>
-    </div>
-  </Modal>
+    </Modal>
+  )
 }
 
 export default AppIconPicker
diff --git a/web/app/components/base/app-icon-picker/utils.ts b/web/app/components/base/app-icon-picker/utils.ts
index f63b75eaa1..99c2f3e9e3 100644
--- a/web/app/components/base/app-icon-picker/utils.ts
+++ b/web/app/components/base/app-icon-picker/utils.ts
@@ -47,7 +47,7 @@ export function rotateSize(width: number, height: number, rotation: number) {
  */
 export default async function getCroppedImg(
   imageSrc: string,
-  pixelCrop: { x: number; y: number; width: number; height: number },
+  pixelCrop: { x: number, y: number, width: number, height: number },
   fileName: string,
   rotation = 0,
   flip = { horizontal: false, vertical: false },
diff --git a/web/app/components/base/app-icon/index.spec.tsx b/web/app/components/base/app-icon/index.spec.tsx
index 68da27ba18..a4895332cd 100644
--- a/web/app/components/base/app-icon/index.spec.tsx
+++ b/web/app/components/base/app-icon/index.spec.tsx
@@ -45,45 +45,45 @@ describe('AppIcon', () => {
   })
 
   it('renders with custom emoji when icon is provided', () => {
-    render(<AppIcon icon='smile' />)
+    render(<AppIcon icon="smile" />)
     const emojiElement = document.querySelector('em-emoji')
     expect(emojiElement).toBeInTheDocument()
     expect(emojiElement?.getAttribute('id')).toBe('smile')
   })
 
   it('renders image when iconType is image and imageUrl is provided', () => {
-    render(<AppIcon iconType='image' imageUrl='test-image.jpg' />)
+    render(<AppIcon iconType="image" imageUrl="test-image.jpg" />)
     const imgElement = screen.getByAltText('app icon')
     expect(imgElement).toBeInTheDocument()
     expect(imgElement).toHaveAttribute('src', 'test-image.jpg')
   })
 
   it('renders innerIcon when provided', () => {
-    render(<AppIcon innerIcon={<div data-testid='inner-icon'>Custom Icon</div>} />)
+    render(<AppIcon innerIcon={<div data-testid="inner-icon">Custom Icon</div>} />)
     const innerIcon = screen.getByTestId('inner-icon')
     expect(innerIcon).toBeInTheDocument()
   })
 
   it('applies size classes correctly', () => {
-    const { container: xsContainer } = render(<AppIcon size='xs' />)
+    const { container: xsContainer } = render(<AppIcon size="xs" />)
     expect(xsContainer.firstChild).toHaveClass('w-4 h-4 rounded-[4px]')
 
-    const { container: tinyContainer } = render(<AppIcon size='tiny' />)
+    const { container: tinyContainer } = render(<AppIcon size="tiny" />)
     expect(tinyContainer.firstChild).toHaveClass('w-6 h-6 rounded-md')
 
-    const { container: smallContainer } = render(<AppIcon size='small' />)
+    const { container: smallContainer } = render(<AppIcon size="small" />)
     expect(smallContainer.firstChild).toHaveClass('w-8 h-8 rounded-lg')
 
-    const { container: mediumContainer } = render(<AppIcon size='medium' />)
+    const { container: mediumContainer } = render(<AppIcon size="medium" />)
     expect(mediumContainer.firstChild).toHaveClass('w-9 h-9 rounded-[10px]')
 
-    const { container: largeContainer } = render(<AppIcon size='large' />)
+    const { container: largeContainer } = render(<AppIcon size="large" />)
     expect(largeContainer.firstChild).toHaveClass('w-10 h-10 rounded-[10px]')
 
-    const { container: xlContainer } = render(<AppIcon size='xl' />)
+    const { container: xlContainer } = render(<AppIcon size="xl" />)
     expect(xlContainer.firstChild).toHaveClass('w-12 h-12 rounded-xl')
 
-    const { container: xxlContainer } = render(<AppIcon size='xxl' />)
+    const { container: xxlContainer } = render(<AppIcon size="xxl" />)
     expect(xxlContainer.firstChild).toHaveClass('w-14 h-14 rounded-2xl')
   })
 
@@ -93,7 +93,7 @@ describe('AppIcon', () => {
   })
 
   it('applies custom background color', () => {
-    const { container } = render(<AppIcon background='#FF5500' />)
+    const { container } = render(<AppIcon background="#FF5500" />)
     expect(container.firstChild).toHaveStyle('background: #FF5500')
   })
 
@@ -103,7 +103,7 @@ describe('AppIcon', () => {
   })
 
   it('does not apply background style for image icons', () => {
-    const { container } = render(<AppIcon iconType='image' imageUrl='test.jpg' background='#FF5500' />)
+    const { container } = render(<AppIcon iconType="image" imageUrl="test.jpg" background="#FF5500" />)
     // Should not have the background style from the prop
     expect(container.firstChild).not.toHaveStyle('background: #FF5500')
   })
@@ -117,7 +117,7 @@ describe('AppIcon', () => {
   })
 
   it('applies custom className', () => {
-    const { container } = render(<AppIcon className='custom-class' />)
+    const { container } = render(<AppIcon className="custom-class" />)
     expect(container.firstChild).toHaveClass('custom-class')
   })
 
@@ -147,16 +147,16 @@ describe('AppIcon', () => {
   it('handles conditional isValidImageIcon check correctly', () => {
     // Case 1: Valid image icon
     const { rerender } = render(
-      <AppIcon iconType='image' imageUrl='test.jpg' />,
+      <AppIcon iconType="image" imageUrl="test.jpg" />,
     )
     expect(screen.getByAltText('app icon')).toBeInTheDocument()
 
     // Case 2: Invalid - missing image URL
-    rerender(<AppIcon iconType='image' imageUrl={null} />)
+    rerender(<AppIcon iconType="image" imageUrl={null} />)
     expect(screen.queryByAltText('app icon')).not.toBeInTheDocument()
 
     // Case 3: Invalid - wrong icon type
-    rerender(<AppIcon iconType='emoji' imageUrl='test.jpg' />)
+    rerender(<AppIcon iconType="emoji" imageUrl="test.jpg" />)
     expect(screen.queryByAltText('app icon')).not.toBeInTheDocument()
   })
 })
diff --git a/web/app/components/base/app-icon/index.tsx b/web/app/components/base/app-icon/index.tsx
index 9bcaa2ced2..01d4530b4d 100644
--- a/web/app/components/base/app-icon/index.tsx
+++ b/web/app/components/base/app-icon/index.tsx
@@ -1,13 +1,13 @@
 'use client'
-import React from 'react'
-import { type FC, useRef } from 'react'
-import { init } from 'emoji-mart'
-import data from '@emoji-mart/data'
-import { cva } from 'class-variance-authority'
+import type { FC } from 'react'
 import type { AppIconType } from '@/types/app'
-import { cn } from '@/utils/classnames'
-import { useHover } from 'ahooks'
+import data from '@emoji-mart/data'
 import { RiEditLine } from '@remixicon/react'
+import { useHover } from 'ahooks'
+import { cva } from 'class-variance-authority'
+import { init } from 'emoji-mart'
+import React, { useRef } from 'react'
+import { cn } from '@/utils/classnames'
 
 init({ data })
 
@@ -45,7 +45,8 @@ const appIconVariants = cva(
       size: 'medium',
       rounded: false,
     },
-  })
+  },
+)
 const EditIconWrapperVariants = cva(
   'absolute left-0 top-0 z-10 flex items-center justify-center bg-background-overlay-alt',
   {
@@ -67,7 +68,8 @@ const EditIconWrapperVariants = cva(
       size: 'medium',
       rounded: false,
     },
-  })
+  },
+)
 const EditIconVariants = cva(
   'text-text-primary-on-surface',
   {
@@ -85,7 +87,8 @@ const EditIconVariants = cva(
     defaultVariants: {
       size: 'medium',
     },
-  })
+  },
+)
 const AppIcon: FC<AppIconProps> = ({
   size = 'medium',
   rounded = false,
@@ -100,7 +103,7 @@ const AppIcon: FC<AppIconProps> = ({
   showEditIcon = false,
 }) => {
   const isValidImageIcon = iconType === 'image' && imageUrl
-  const Icon = (icon && icon !== '') ? <em-emoji id={icon} /> : <em-emoji id='🤖' />
+  const Icon = (icon && icon !== '') ? <em-emoji id={icon} /> : <em-emoji id="🤖" />
   const wrapperRef = useRef<HTMLSpanElement>(null)
   const isHovering = useHover(wrapperRef)
 
@@ -113,7 +116,7 @@ const AppIcon: FC<AppIconProps> = ({
     >
       {
         isValidImageIcon
-          ? <img src={imageUrl} className='h-full w-full' alt='app icon' />
+          ? <img src={imageUrl} className="h-full w-full" alt="app icon" />
           : (innerIcon || Icon)
       }
       {
diff --git a/web/app/components/base/app-unavailable.tsx b/web/app/components/base/app-unavailable.tsx
index e80853086e..898f9dbd00 100644
--- a/web/app/components/base/app-unavailable.tsx
+++ b/web/app/components/base/app-unavailable.tsx
@@ -1,8 +1,8 @@
 'use client'
-import { cn } from '@/utils/classnames'
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 
 type IAppUnavailableProps = {
   code?: number | string
@@ -21,11 +21,15 @@ const AppUnavailable: FC<IAppUnavailableProps> = ({
 
   return (
     <div className={cn('flex h-screen w-screen items-center justify-center', className)}>
-      <h1 className='mr-5 h-[50px] shrink-0 pr-5 text-[24px] font-medium leading-[50px]'
+      <h1
+        className="mr-5 h-[50px] shrink-0 pr-5 text-[24px] font-medium leading-[50px]"
         style={{
           borderRight: '1px solid rgba(0,0,0,.3)',
-        }}>{code}</h1>
-      <div className='text-sm'>{unknownReason || (isUnknownReason ? t('share.common.appUnknownError') : t('share.common.appUnavailable'))}</div>
+        }}
+      >
+        {code}
+      </h1>
+      <div className="text-sm">{unknownReason || (isUnknownReason ? t('share.common.appUnknownError') : t('share.common.appUnavailable'))}</div>
     </div>
   )
 }
diff --git a/web/app/components/base/audio-btn/audio.player.manager.ts b/web/app/components/base/audio-btn/audio.player.manager.ts
index 86eb377a6d..40d9dd7449 100644
--- a/web/app/components/base/audio-btn/audio.player.manager.ts
+++ b/web/app/components/base/audio-btn/audio.player.manager.ts
@@ -1,4 +1,5 @@
 import AudioPlayer from '@/app/components/base/audio-btn/audio'
+
 declare global {
   // eslint-disable-next-line ts/consistent-type-definitions
   interface AudioPlayerManager {
diff --git a/web/app/components/base/audio-btn/index.stories.tsx b/web/app/components/base/audio-btn/index.stories.tsx
index 1c989b80a6..e560b9af99 100644
--- a/web/app/components/base/audio-btn/index.stories.tsx
+++ b/web/app/components/base/audio-btn/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useEffect } from 'react'
 import type { ComponentProps } from 'react'
+import { useEffect } from 'react'
 import AudioBtn from '.'
 import { ensureMockAudioManager } from '../../../../.storybook/utils/audio-player-manager.mock'
 
diff --git a/web/app/components/base/audio-btn/index.tsx b/web/app/components/base/audio-btn/index.tsx
index d83a2beb91..71ae7af221 100644
--- a/web/app/components/base/audio-btn/index.tsx
+++ b/web/app/components/base/audio-btn/index.tsx
@@ -1,11 +1,11 @@
 'use client'
-import { useState } from 'react'
 import { t } from 'i18next'
 import { useParams, usePathname } from 'next/navigation'
-import s from './style.module.css'
-import Tooltip from '@/app/components/base/tooltip'
-import Loading from '@/app/components/base/loading'
+import { useState } from 'react'
 import { AudioPlayerManager } from '@/app/components/base/audio-btn/audio.player.manager'
+import Loading from '@/app/components/base/loading'
+import Tooltip from '@/app/components/base/tooltip'
+import s from './style.module.css'
 
 type AudioBtnProps = {
   id?: string
@@ -85,22 +85,23 @@ const AudioBtn = ({
       <Tooltip
         popupContent={tooltipContent}
       >
-        <button type="button"
+        <button
+          type="button"
           disabled={audioState === 'loading'}
           className={`box-border flex h-6 w-6 cursor-pointer items-center justify-center ${isAudition ? 'p-0.5' : 'rounded-md bg-white p-0'}`}
           onClick={handleToggle}
         >
           {audioState === 'loading'
             ? (
-              <div className='flex h-full w-full items-center justify-center rounded-md'>
-                <Loading />
-              </div>
-            )
+                <div className="flex h-full w-full items-center justify-center rounded-md">
+                  <Loading />
+                </div>
+              )
             : (
-              <div className={'flex h-full w-full items-center justify-center rounded-md hover:bg-gray-50'}>
-                <div className={`h-4 w-4 ${(audioState === 'playing') ? s.pauseIcon : s.playIcon}`}></div>
-              </div>
-            )}
+                <div className="flex h-full w-full items-center justify-center rounded-md hover:bg-gray-50">
+                  <div className={`h-4 w-4 ${(audioState === 'playing') ? s.pauseIcon : s.playIcon}`}></div>
+                </div>
+              )}
         </button>
       </Tooltip>
     </div>
diff --git a/web/app/components/base/audio-gallery/AudioPlayer.tsx b/web/app/components/base/audio-gallery/AudioPlayer.tsx
index 49167d9ba2..d1a245d193 100644
--- a/web/app/components/base/audio-gallery/AudioPlayer.tsx
+++ b/web/app/components/base/audio-gallery/AudioPlayer.tsx
@@ -1,9 +1,9 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { t } from 'i18next'
 import {
   RiPauseCircleFill,
   RiPlayLargeFill,
 } from '@remixicon/react'
+import { t } from 'i18next'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 import Toast from '@/app/components/base/toast'
 import useTheme from '@/hooks/use-theme'
 import { Theme } from '@/types/app'
@@ -291,37 +291,37 @@ const AudioPlayer: React.FC<AudioPlayerProps> = ({ src, srcs }) => {
   }, [duration])
 
   return (
-    <div className='flex h-9 min-w-[240px] max-w-[420px] items-center gap-2 rounded-[10px] border border-components-panel-border-subtle bg-components-chat-input-audio-bg-alt p-2 shadow-xs backdrop-blur-sm'>
+    <div className="flex h-9 min-w-[240px] max-w-[420px] items-center gap-2 rounded-[10px] border border-components-panel-border-subtle bg-components-chat-input-audio-bg-alt p-2 shadow-xs backdrop-blur-sm">
       <audio ref={audioRef} src={src} preload="auto">
         {/* If srcs array is provided, render multiple source elements */}
         {srcs && srcs.map((srcUrl, index) => (
           <source key={index} src={srcUrl} />
         ))}
       </audio>
-      <button type="button" className='inline-flex shrink-0 cursor-pointer items-center justify-center border-none text-text-accent transition-all hover:text-text-accent-secondary disabled:text-components-button-primary-bg-disabled' onClick={togglePlay} disabled={!isAudioAvailable}>
+      <button type="button" className="inline-flex shrink-0 cursor-pointer items-center justify-center border-none text-text-accent transition-all hover:text-text-accent-secondary disabled:text-components-button-primary-bg-disabled" onClick={togglePlay} disabled={!isAudioAvailable}>
         {isPlaying
           ? (
-            <RiPauseCircleFill className='h-5 w-5' />
-          )
+              <RiPauseCircleFill className="h-5 w-5" />
+            )
           : (
-            <RiPlayLargeFill className='h-5 w-5' />
-          )}
+              <RiPlayLargeFill className="h-5 w-5" />
+            )}
       </button>
       <div className={cn(isAudioAvailable && 'grow')} hidden={!isAudioAvailable}>
-        <div className='flex h-8 items-center justify-center'>
+        <div className="flex h-8 items-center justify-center">
           <canvas
             ref={canvasRef}
-            className='relative flex h-6 w-full grow cursor-pointer items-center justify-center'
+            className="relative flex h-6 w-full grow cursor-pointer items-center justify-center"
             onClick={handleCanvasInteraction}
             onMouseMove={handleMouseMove}
             onMouseDown={handleCanvasInteraction}
           />
-          <div className='system-xs-medium inline-flex min-w-[50px] items-center justify-center text-text-accent-secondary'>
-            <span className='rounded-[10px] px-0.5 py-1'>{formatTime(duration)}</span>
+          <div className="system-xs-medium inline-flex min-w-[50px] items-center justify-center text-text-accent-secondary">
+            <span className="rounded-[10px] px-0.5 py-1">{formatTime(duration)}</span>
           </div>
         </div>
       </div>
-      <div className='absolute left-0 top-0 flex h-full w-full items-center justify-center text-text-quaternary' hidden={isAudioAvailable}>{t('common.operation.audioSourceUnavailable')}</div>
+      <div className="absolute left-0 top-0 flex h-full w-full items-center justify-center text-text-quaternary" hidden={isAudioAvailable}>{t('common.operation.audioSourceUnavailable')}</div>
     </div>
   )
 }
diff --git a/web/app/components/base/audio-gallery/index.tsx b/web/app/components/base/audio-gallery/index.tsx
index a2f926ccfd..2fdacab582 100644
--- a/web/app/components/base/audio-gallery/index.tsx
+++ b/web/app/components/base/audio-gallery/index.tsx
@@ -7,7 +7,8 @@ type Props = {
 
 const AudioGallery: React.FC<Props> = ({ srcs }) => {
   const validSrcs = srcs.filter(src => src)
-  if (validSrcs.length === 0) return null
+  if (validSrcs.length === 0)
+    return null
 
   return (
     <div className="my-3">
diff --git a/web/app/components/base/auto-height-textarea/index.tsx b/web/app/components/base/auto-height-textarea/index.tsx
index e5621fe00c..43241812fa 100644
--- a/web/app/components/base/auto-height-textarea/index.tsx
+++ b/web/app/components/base/auto-height-textarea/index.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react'
-import { cn } from '@/utils/classnames'
 import { sleep } from '@/utils'
+import { cn } from '@/utils/classnames'
 
 type IProps = {
   placeholder?: string
@@ -31,7 +31,7 @@ const AutoHeightTextarea = (
     onKeyDown,
     onKeyUp,
   }: IProps & {
-    ref?: React.RefObject<HTMLTextAreaElement>;
+    ref?: React.RefObject<HTMLTextAreaElement>
   },
 ) => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -66,28 +66,33 @@ const AutoHeightTextarea = (
   }, [controlFocus])
 
   return (
-    (<div className={`relative ${wrapperClassName}`}>
-      <div className={cn(className, 'invisible overflow-y-auto whitespace-pre-wrap  break-all')} style={{
-        minHeight,
-        maxHeight,
-        paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
-      }}>
-        {!value ? placeholder : value.replace(/\n$/, '\n ')}
+    (
+      <div className={`relative ${wrapperClassName}`}>
+        <div
+          className={cn(className, 'invisible overflow-y-auto whitespace-pre-wrap  break-all')}
+          style={{
+            minHeight,
+            maxHeight,
+            paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
+          }}
+        >
+          {!value ? placeholder : value.replace(/\n$/, '\n ')}
+        </div>
+        <textarea
+          ref={ref}
+          autoFocus={autoFocus}
+          className={cn(className, 'absolute inset-0 resize-none overflow-auto')}
+          style={{
+            paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
+          }}
+          placeholder={placeholder}
+          onChange={onChange}
+          onKeyDown={onKeyDown}
+          onKeyUp={onKeyUp}
+          value={value}
+        />
       </div>
-      <textarea
-        ref={ref}
-        autoFocus={autoFocus}
-        className={cn(className, 'absolute inset-0 resize-none overflow-auto')}
-        style={{
-          paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
-        }}
-        placeholder={placeholder}
-        onChange={onChange}
-        onKeyDown={onKeyDown}
-        onKeyUp={onKeyUp}
-        value={value}
-      />
-    </div>)
+    )
   )
 }
 
diff --git a/web/app/components/base/avatar/index.stories.tsx b/web/app/components/base/avatar/index.stories.tsx
index 1b3dc3eb3b..fdc9bf8281 100644
--- a/web/app/components/base/avatar/index.stories.tsx
+++ b/web/app/components/base/avatar/index.stories.tsx
@@ -53,7 +53,10 @@ export const CustomSizes: Story = {
       {[24, 32, 48, 64].map(size => (
         <div key={size} className="flex flex-col items-center gap-2">
           <Avatar {...args} size={size} avatar="https://i.pravatar.cc/96?u=size-test" />
-          <span className="text-xs text-text-tertiary">{size}px</span>
+          <span className="text-xs text-text-tertiary">
+            {size}
+            px
+          </span>
         </div>
       ))}
     </div>
diff --git a/web/app/components/base/avatar/index.tsx b/web/app/components/base/avatar/index.tsx
index 98900a52cb..bf7fa060ef 100644
--- a/web/app/components/base/avatar/index.tsx
+++ b/web/app/components/base/avatar/index.tsx
@@ -29,7 +29,7 @@ const Avatar = ({
 
   // after uploaded, api would first return error imgs url: '.../files//file-preview/...'. Then return the right url, Which caused not show the avatar
   useEffect(() => {
-    if(avatar && imgError)
+    if (avatar && imgError)
       setImgError(false)
   }, [avatar])
 
diff --git a/web/app/components/base/badge.tsx b/web/app/components/base/badge.tsx
index e0934f3b5a..9387e9860e 100644
--- a/web/app/components/base/badge.tsx
+++ b/web/app/components/base/badge.tsx
@@ -26,7 +26,7 @@ const Badge = ({
       )}
     >
       {hasRedCornerMark && (
-        <div className='absolute right-[-2px] top-[-2px] h-1.5 w-1.5 rounded-[2px] border border-components-badge-status-light-error-border-inner bg-components-badge-status-light-error-bg shadow-sm'>
+        <div className="absolute right-[-2px] top-[-2px] h-1.5 w-1.5 rounded-[2px] border border-components-badge-status-light-error-border-inner bg-components-badge-status-light-error-bg shadow-sm">
         </div>
       )}
       {children || text}
diff --git a/web/app/components/base/badge/index.tsx b/web/app/components/base/badge/index.tsx
index dd8fa178d7..663e40d2e5 100644
--- a/web/app/components/base/badge/index.tsx
+++ b/web/app/components/base/badge/index.tsx
@@ -1,6 +1,7 @@
+import type { VariantProps } from 'class-variance-authority'
 import type { CSSProperties, ReactNode } from 'react'
+import { cva } from 'class-variance-authority'
 import React from 'react'
-import { type VariantProps, cva } from 'class-variance-authority'
 import { cn } from '@/utils/classnames'
 import './index.css'
 
@@ -58,14 +59,11 @@ const Badge: React.FC<BadgeProps> = ({
 }) => {
   return (
     <div
-      className={cn(BadgeVariants({ size, className }),
-        getBadgeState(state),
-        size === 's'
-          ? (iconOnly ? 'p-[3px]' : 'px-[5px] py-[3px]')
-          : size === 'l'
-            ? (iconOnly ? 'p-1.5' : 'px-2 py-1')
-            : (iconOnly ? 'p-1' : 'px-[5px] py-[2px]'),
-        uppercase ? 'system-2xs-medium-uppercase' : 'system-2xs-medium')}
+      className={cn(BadgeVariants({ size, className }), getBadgeState(state), size === 's'
+        ? (iconOnly ? 'p-[3px]' : 'px-[5px] py-[3px]')
+        : size === 'l'
+          ? (iconOnly ? 'p-1.5' : 'px-2 py-1')
+          : (iconOnly ? 'p-1' : 'px-[5px] py-[2px]'), uppercase ? 'system-2xs-medium-uppercase' : 'system-2xs-medium')}
       style={styleCss}
       {...props}
     >
diff --git a/web/app/components/base/block-input/index.tsx b/web/app/components/base/block-input/index.tsx
index 956bd3d766..51f5097e7d 100644
--- a/web/app/components/base/block-input/index.tsx
+++ b/web/app/components/base/block-input/index.tsx
@@ -3,10 +3,10 @@
 import type { ChangeEvent, FC } from 'react'
 import React, { useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import VarHighlight from '../../app/configuration/base/var-highlight'
-import Toast from '../toast'
 import { cn } from '@/utils/classnames'
 import { checkKeys } from '@/utils/var'
+import VarHighlight from '../../app/configuration/base/var-highlight'
+import Toast from '../toast'
 
 // regex to match the {{}} and replace it with a span
 const regex = /\{\{([^}]+)\}\}/g
@@ -122,32 +122,35 @@ const BlockInput: FC<IBlockInputProps> = ({
   const textAreaContent = (
     <div className={cn(readonly ? 'max-h-[180px] pb-5' : 'h-[180px]', ' overflow-y-auto')} onClick={() => !readonly && setIsEditing(true)}>
       {isEditing
-        ? <div className='h-full px-4 py-2'>
-          <textarea
-            ref={contentEditableRef}
-            className={cn(editAreaClassName, 'block h-full w-full resize-none')}
-            placeholder={placeholder}
-            onChange={onValueChange}
-            value={currentValue}
-            onBlur={() => {
-              blur()
-              setIsEditing(false)
-              // click confirm also make blur. Then outer value is change. So below code has problem.
-              // setTimeout(() => {
-              //   handleCancel()
-              // }, 1000)
-            }}
-          />
-        </div>
+        ? (
+            <div className="h-full px-4 py-2">
+              <textarea
+                ref={contentEditableRef}
+                className={cn(editAreaClassName, 'block h-full w-full resize-none')}
+                placeholder={placeholder}
+                onChange={onValueChange}
+                value={currentValue}
+                onBlur={() => {
+                  blur()
+                  setIsEditing(false)
+                  // click confirm also make blur. Then outer value is change. So below code has problem.
+                  // setTimeout(() => {
+                  //   handleCancel()
+                  // }, 1000)
+                }}
+              />
+            </div>
+          )
         : <TextAreaContentView />}
-    </div>)
+    </div>
+  )
 
   return (
     <div className={cn('block-input w-full overflow-y-auto rounded-xl border-none bg-white')}>
       {textAreaContent}
       {/* footer */}
       {!readonly && (
-        <div className='flex pb-2 pl-4'>
+        <div className="flex pb-2 pl-4">
           <div className="h-[18px] rounded-md bg-gray-100 px-1 text-xs leading-[18px] text-gray-500">{currentValue?.length}</div>
         </div>
       )}
diff --git a/web/app/components/base/button/add-button.tsx b/web/app/components/base/button/add-button.tsx
index cecc9ec063..762766239a 100644
--- a/web/app/components/base/button/add-button.tsx
+++ b/web/app/components/base/button/add-button.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { RiAddLine } from '@remixicon/react'
+import React from 'react'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -15,7 +15,7 @@ const AddButton: FC<Props> = ({
 }) => {
   return (
     <div className={cn(className, 'cursor-pointer select-none rounded-md p-1 hover:bg-state-base-hover')} onClick={onClick}>
-      <RiAddLine className='h-4 w-4 text-text-tertiary' />
+      <RiAddLine className="h-4 w-4 text-text-tertiary" />
     </div>
   )
 }
diff --git a/web/app/components/base/button/index.spec.tsx b/web/app/components/base/button/index.spec.tsx
index 1f3dbaf652..aa83070964 100644
--- a/web/app/components/base/button/index.spec.tsx
+++ b/web/app/components/base/button/index.spec.tsx
@@ -1,12 +1,12 @@
-import React from 'react'
 import { cleanup, fireEvent, render } from '@testing-library/react'
+import React from 'react'
 import Button from './index'
 
 afterEach(cleanup)
 // https://testing-library.com/docs/queries/about
 describe('Button', () => {
   describe('Button text', () => {
-    test('Button text should be same as children', async () => {
+    it('Button text should be same as children', async () => {
       const { getByRole, container } = render(<Button>Click me</Button>)
       expect(getByRole('button').textContent).toBe('Click me')
       expect(container.querySelector('button')?.textContent).toBe('Click me')
@@ -14,16 +14,16 @@ describe('Button', () => {
   })
 
   describe('Button loading', () => {
-    test('Loading button text should include same as children', async () => {
+    it('Loading button text should include same as children', async () => {
       const { getByRole } = render(<Button loading>Click me</Button>)
       expect(getByRole('button').textContent?.includes('Loading')).toBe(true)
     })
-    test('Not loading button text should include same as children', async () => {
+    it('Not loading button text should include same as children', async () => {
       const { getByRole } = render(<Button loading={false}>Click me</Button>)
       expect(getByRole('button').textContent?.includes('Loading')).toBe(false)
     })
 
-    test('Loading button should have loading classname', async () => {
+    it('Loading button should have loading classname', async () => {
       const animClassName = 'anim-breath'
       const { getByRole } = render(<Button loading spinnerClassName={animClassName}>Click me</Button>)
       expect(getByRole('button').getElementsByClassName('animate-spin')[0]?.className).toContain(animClassName)
@@ -31,76 +31,76 @@ describe('Button', () => {
   })
 
   describe('Button style', () => {
-    test('Button should have default variant', async () => {
+    it('Button should have default variant', async () => {
       const { getByRole } = render(<Button>Click me</Button>)
       expect(getByRole('button').className).toContain('btn-secondary')
     })
 
-    test('Button should have primary variant', async () => {
-      const { getByRole } = render(<Button variant='primary'>Click me</Button>)
+    it('Button should have primary variant', async () => {
+      const { getByRole } = render(<Button variant="primary">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-primary')
     })
 
-    test('Button should have warning variant', async () => {
-      const { getByRole } = render(<Button variant='warning'>Click me</Button>)
+    it('Button should have warning variant', async () => {
+      const { getByRole } = render(<Button variant="warning">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-warning')
     })
 
-    test('Button should have secondary variant', async () => {
-      const { getByRole } = render(<Button variant='secondary'>Click me</Button>)
+    it('Button should have secondary variant', async () => {
+      const { getByRole } = render(<Button variant="secondary">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-secondary')
     })
 
-    test('Button should have secondary-accent variant', async () => {
-      const { getByRole } = render(<Button variant='secondary-accent'>Click me</Button>)
+    it('Button should have secondary-accent variant', async () => {
+      const { getByRole } = render(<Button variant="secondary-accent">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-secondary-accent')
     })
-    test('Button should have ghost variant', async () => {
-      const { getByRole } = render(<Button variant='ghost'>Click me</Button>)
+    it('Button should have ghost variant', async () => {
+      const { getByRole } = render(<Button variant="ghost">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-ghost')
     })
-    test('Button should have ghost-accent variant', async () => {
-      const { getByRole } = render(<Button variant='ghost-accent'>Click me</Button>)
+    it('Button should have ghost-accent variant', async () => {
+      const { getByRole } = render(<Button variant="ghost-accent">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-ghost-accent')
     })
 
-    test('Button disabled should have disabled variant', async () => {
+    it('Button disabled should have disabled variant', async () => {
       const { getByRole } = render(<Button disabled>Click me</Button>)
       expect(getByRole('button').className).toContain('btn-disabled')
     })
   })
 
   describe('Button size', () => {
-    test('Button should have default size', async () => {
+    it('Button should have default size', async () => {
       const { getByRole } = render(<Button>Click me</Button>)
       expect(getByRole('button').className).toContain('btn-medium')
     })
 
-    test('Button should have small size', async () => {
-      const { getByRole } = render(<Button size='small'>Click me</Button>)
+    it('Button should have small size', async () => {
+      const { getByRole } = render(<Button size="small">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-small')
     })
 
-    test('Button should have medium size', async () => {
-      const { getByRole } = render(<Button size='medium'>Click me</Button>)
+    it('Button should have medium size', async () => {
+      const { getByRole } = render(<Button size="medium">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-medium')
     })
 
-    test('Button should have large size', async () => {
-      const { getByRole } = render(<Button size='large'>Click me</Button>)
+    it('Button should have large size', async () => {
+      const { getByRole } = render(<Button size="large">Click me</Button>)
       expect(getByRole('button').className).toContain('btn-large')
     })
   })
 
   describe('Button destructive', () => {
-    test('Button should have destructive classname', async () => {
+    it('Button should have destructive classname', async () => {
       const { getByRole } = render(<Button destructive>Click me</Button>)
       expect(getByRole('button').className).toContain('btn-destructive')
     })
   })
 
   describe('Button events', () => {
-    test('onClick should been call after clicked', async () => {
+    it('onClick should been call after clicked', async () => {
       const onClick = vi.fn()
       const { getByRole } = render(<Button onClick={onClick}>Click me</Button>)
       fireEvent.click(getByRole('button'))
diff --git a/web/app/components/base/button/index.tsx b/web/app/components/base/button/index.tsx
index cb0d0c1fd9..8d87174a3e 100644
--- a/web/app/components/base/button/index.tsx
+++ b/web/app/components/base/button/index.tsx
@@ -1,8 +1,9 @@
+import type { VariantProps } from 'class-variance-authority'
 import type { CSSProperties } from 'react'
+import { cva } from 'class-variance-authority'
 import React from 'react'
-import { type VariantProps, cva } from 'class-variance-authority'
-import Spinner from '../spinner'
 import { cn } from '@/utils/classnames'
+import Spinner from '../spinner'
 
 const buttonVariants = cva(
   'btn disabled:btn-disabled',
@@ -41,9 +42,8 @@ export type ButtonProps = {
 const Button = ({ className, variant, size, destructive, loading, styleCss, children, spinnerClassName, ref, ...props }: ButtonProps) => {
   return (
     <button
-      type='button'
-      className={cn(buttonVariants({ variant, size, className }),
-        destructive && 'btn-destructive')}
+      type="button"
+      className={cn(buttonVariants({ variant, size, className }), destructive && 'btn-destructive')}
       ref={ref}
       style={styleCss}
       {...props}
diff --git a/web/app/components/base/button/sync-button.tsx b/web/app/components/base/button/sync-button.tsx
index a9d4d1022f..1e0a4a42f7 100644
--- a/web/app/components/base/button/sync-button.tsx
+++ b/web/app/components/base/button/sync-button.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { RiRefreshLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import TooltipPlus from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 
 type Props = {
-  className?: string,
-  popupContent?: string,
+  className?: string
+  popupContent?: string
   onClick: () => void
 }
 
@@ -19,7 +19,7 @@ const SyncButton: FC<Props> = ({
   return (
     <TooltipPlus popupContent={popupContent}>
       <div className={cn(className, 'cursor-pointer select-none rounded-md p-1 hover:bg-state-base-hover')} onClick={onClick}>
-        <RiRefreshLine className='h-4 w-4 text-text-tertiary' />
+        <RiRefreshLine className="h-4 w-4 text-text-tertiary" />
       </div>
     </TooltipPlus>
   )
diff --git a/web/app/components/base/chat/__tests__/utils.spec.ts b/web/app/components/base/chat/__tests__/utils.spec.ts
index 3dc484c930..2e86e13733 100644
--- a/web/app/components/base/chat/__tests__/utils.spec.ts
+++ b/web/app/components/base/chat/__tests__/utils.spec.ts
@@ -1,13 +1,13 @@
+import type { ChatItemInTree } from '../types'
 import { get } from 'lodash-es'
 import { buildChatItemTree, getThreadMessages } from '../utils'
-import type { ChatItemInTree } from '../types'
 import branchedTestMessages from './branchedTestMessages.json'
 import legacyTestMessages from './legacyTestMessages.json'
 import mixedTestMessages from './mixedTestMessages.json'
 import multiRootNodesMessages from './multiRootNodesMessages.json'
 import multiRootNodesWithLegacyTestMessages from './multiRootNodesWithLegacyTestMessages.json'
-import realWorldMessages from './realWorldMessages.json'
 import partialMessages from './partialMessages.json'
+import realWorldMessages from './realWorldMessages.json'
 
 function visitNode(tree: ChatItemInTree | ChatItemInTree[], path: string): ChatItemInTree {
   return get(tree, path)
diff --git a/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx b/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx
index 535d7e19bf..25ff39370f 100644
--- a/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx
+++ b/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx
@@ -1,29 +1,29 @@
-import { useCallback, useEffect, useMemo, useState } from 'react'
-import Chat from '../chat'
+import type { FileEntity } from '../../file-uploader/types'
 import type {
   ChatConfig,
   ChatItem,
   OnSend,
 } from '../types'
-import { useChat } from '../chat/hooks'
-import { getLastAnswer, isValidGeneratedAnswer } from '../utils'
-import { useChatWithHistoryContext } from './context'
-import { InputVarType } from '@/app/components/workflow/types'
-import { TransferMethod } from '@/types/app'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import AnswerIcon from '@/app/components/base/answer-icon'
+import AppIcon from '@/app/components/base/app-icon'
 import InputsForm from '@/app/components/base/chat/chat-with-history/inputs-form'
+import SuggestedQuestions from '@/app/components/base/chat/chat/answer/suggested-questions'
+import { Markdown } from '@/app/components/base/markdown'
+import { InputVarType } from '@/app/components/workflow/types'
 import {
   fetchSuggestedQuestions,
   getUrl,
   stopChatMessageResponding,
 } from '@/service/share'
-import AppIcon from '@/app/components/base/app-icon'
-import AnswerIcon from '@/app/components/base/answer-icon'
-import SuggestedQuestions from '@/app/components/base/chat/chat/answer/suggested-questions'
-import { Markdown } from '@/app/components/base/markdown'
+import { TransferMethod } from '@/types/app'
 import { cn } from '@/utils/classnames'
-import type { FileEntity } from '../../file-uploader/types'
 import { formatBooleanInputs } from '@/utils/model-config'
 import Avatar from '../../avatar'
+import Chat from '../chat'
+import { useChat } from '../chat/hooks'
+import { getLastAnswer, isValidGeneratedAnswer } from '../utils'
+import { useChatWithHistoryContext } from './context'
 
 const ChatWrapper = () => {
   const {
@@ -151,11 +151,7 @@ const ChatWrapper = () => {
   const doRegenerate = useCallback((chatItem: ChatItem, editedQuestion?: { message: string, files?: FileEntity[] }) => {
     const question = editedQuestion ? chatItem : chatList.find(item => item.id === chatItem.parentMessageId)!
     const parentAnswer = chatList.find(item => item.id === question.parentMessageId)
-    doSend(editedQuestion ? editedQuestion.message : question.content,
-      editedQuestion ? editedQuestion.files : question.message_files,
-      true,
-      isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null,
-    )
+    doSend(editedQuestion ? editedQuestion.message : question.content, editedQuestion ? editedQuestion.files : question.message_files, true, isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null)
   }, [chatList, doSend])
 
   const messageList = useMemo(() => {
@@ -178,12 +174,12 @@ const ChatWrapper = () => {
     else {
       return <InputsForm collapsed={collapsed} setCollapsed={setCollapsed} />
     }
-  },
-  [
+  }, [
     inputsForms.length,
     isMobile,
     currentConversationId,
-    collapsed, allInputsHidden,
+    collapsed,
+    allInputsHidden,
   ])
 
   const welcome = useMemo(() => {
@@ -198,17 +194,17 @@ const ChatWrapper = () => {
       return null
     if (welcomeMessage.suggestedQuestions && welcomeMessage.suggestedQuestions?.length > 0) {
       return (
-        <div className='flex min-h-[50vh] items-center justify-center px-4 py-12'>
-          <div className='flex max-w-[720px] grow gap-4'>
+        <div className="flex min-h-[50vh] items-center justify-center px-4 py-12">
+          <div className="flex max-w-[720px] grow gap-4">
             <AppIcon
-              size='xl'
+              size="xl"
               iconType={appData?.site.icon_type}
               icon={appData?.site.icon}
               background={appData?.site.icon_background}
               imageUrl={appData?.site.icon_url}
             />
-            <div className='w-0 grow'>
-              <div className='body-lg-regular grow rounded-2xl bg-chat-bubble-bg px-4 py-3 text-text-primary'>
+            <div className="w-0 grow">
+              <div className="body-lg-regular grow rounded-2xl bg-chat-bubble-bg px-4 py-3 text-text-primary">
                 <Markdown content={welcomeMessage.content} />
                 <SuggestedQuestions item={welcomeMessage} />
               </div>
@@ -220,24 +216,24 @@ const ChatWrapper = () => {
     return (
       <div className={cn('flex min-h-[50vh] flex-col items-center justify-center gap-3 py-12')}>
         <AppIcon
-          size='xl'
+          size="xl"
           iconType={appData?.site.icon_type}
           icon={appData?.site.icon}
           background={appData?.site.icon_background}
           imageUrl={appData?.site.icon_url}
         />
-        <div className='max-w-[768px] px-4'>
-          <Markdown className='!body-2xl-regular !text-text-tertiary' content={welcomeMessage.content} />
+        <div className="max-w-[768px] px-4">
+          <Markdown className="!body-2xl-regular !text-text-tertiary" content={welcomeMessage.content} />
         </div>
       </div>
     )
-  },
-  [
+  }, [
     appData?.site.icon,
     appData?.site.icon_background,
     appData?.site.icon_type,
     appData?.site.icon_url,
-    chatList, collapsed,
+    chatList,
+    collapsed,
     currentConversationId,
     inputsForms.length,
     respondingState,
@@ -245,17 +241,19 @@ const ChatWrapper = () => {
   ])
 
   const answerIcon = (appData?.site && appData.site.use_icon_as_answer_icon)
-    ? <AnswerIcon
-      iconType={appData.site.icon_type}
-      icon={appData.site.icon}
-      background={appData.site.icon_background}
-      imageUrl={appData.site.icon_url}
-    />
+    ? (
+        <AnswerIcon
+          iconType={appData.site.icon_type}
+          icon={appData.site.icon}
+          background={appData.site.icon_background}
+          imageUrl={appData.site.icon_url}
+        />
+      )
     : null
 
   return (
     <div
-      className='h-full overflow-hidden bg-chatbot-bg'
+      className="h-full overflow-hidden bg-chatbot-bg"
     >
       <Chat
         appData={appData ?? undefined}
@@ -263,19 +261,19 @@ const ChatWrapper = () => {
         chatList={messageList}
         isResponding={respondingState}
         chatContainerInnerClassName={`mx-auto pt-6 w-full max-w-[768px] ${isMobile && 'px-4'}`}
-        chatFooterClassName='pb-4'
+        chatFooterClassName="pb-4"
         chatFooterInnerClassName={`mx-auto w-full max-w-[768px] ${isMobile ? 'px-2' : 'px-4'}`}
         onSend={doSend}
         inputs={currentConversationId ? currentConversationInputs as any : newConversationInputs}
         inputsForm={inputsForms}
         onRegenerate={doRegenerate}
         onStopResponding={handleStop}
-        chatNode={
+        chatNode={(
           <>
             {chatNode}
             {welcome}
           </>
-        }
+        )}
         allToolIcons={appMeta?.tool_icons || {}}
         onFeedback={handleFeedback}
         suggestedQuestions={suggestedQuestions}
@@ -287,11 +285,14 @@ const ChatWrapper = () => {
         sidebarCollapseState={sidebarCollapseState}
         questionIcon={
           initUserVariables?.avatar_url
-            ? <Avatar
-              avatar={initUserVariables.avatar_url}
-              name={initUserVariables.name || 'user'}
-              size={40}
-            /> : undefined
+            ? (
+                <Avatar
+                  avatar={initUserVariables.avatar_url}
+                  name={initUserVariables.name || 'user'}
+                  size={40}
+                />
+              )
+            : undefined
         }
       />
     </div>
diff --git a/web/app/components/base/chat/chat-with-history/context.tsx b/web/app/components/base/chat/chat-with-history/context.tsx
index 03a0399137..120b6ed4bd 100644
--- a/web/app/components/base/chat/chat-with-history/context.tsx
+++ b/web/app/components/base/chat/chat-with-history/context.tsx
@@ -1,14 +1,13 @@
 'use client'
 
 import type { RefObject } from 'react'
-import { createContext, useContext } from 'use-context-selector'
+import type { ThemeBuilder } from '../embedded-chatbot/theme/theme-context'
 import type {
   Callback,
   ChatConfig,
   ChatItemInTree,
   Feedback,
 } from '../types'
-import type { ThemeBuilder } from '../embedded-chatbot/theme/theme-context'
 import type {
   AppConversationData,
   AppData,
@@ -16,6 +15,7 @@ import type {
   ConversationItem,
 } from '@/models/share'
 import { noop } from 'lodash-es'
+import { createContext, useContext } from 'use-context-selector'
 
 export type ChatWithHistoryContextValue = {
   appMeta?: AppMeta | null
@@ -52,10 +52,10 @@ export type ChatWithHistoryContextValue = {
   clearChatList?: boolean
   setClearChatList: (state: boolean) => void
   isResponding?: boolean
-  setIsResponding: (state: boolean) => void,
-  currentConversationInputs: Record<string, any> | null,
-  setCurrentConversationInputs: (v: Record<string, any>) => void,
-  allInputsHidden: boolean,
+  setIsResponding: (state: boolean) => void
+  currentConversationInputs: Record<string, any> | null
+  setCurrentConversationInputs: (v: Record<string, any>) => void
+  allInputsHidden: boolean
   initUserVariables?: {
     name?: string
     avatar_url?: string
diff --git a/web/app/components/base/chat/chat-with-history/header-in-mobile.tsx b/web/app/components/base/chat/chat-with-history/header-in-mobile.tsx
index ec8da7b102..b9177067f7 100644
--- a/web/app/components/base/chat/chat-with-history/header-in-mobile.tsx
+++ b/web/app/components/base/chat/chat-with-history/header-in-mobile.tsx
@@ -1,19 +1,19 @@
-import { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ConversationItem } from '@/models/share'
 import {
   RiMenuLine,
 } from '@remixicon/react'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import AppIcon from '@/app/components/base/app-icon'
+import InputsFormContent from '@/app/components/base/chat/chat-with-history/inputs-form/content'
+import RenameModal from '@/app/components/base/chat/chat-with-history/sidebar/rename-modal'
+import Confirm from '@/app/components/base/confirm'
+import { Message3Fill } from '@/app/components/base/icons/src/public/other'
 import { useChatWithHistoryContext } from './context'
+import MobileOperationDropdown from './header/mobile-operation-dropdown'
 import Operation from './header/operation'
 import Sidebar from './sidebar'
-import MobileOperationDropdown from './header/mobile-operation-dropdown'
-import AppIcon from '@/app/components/base/app-icon'
-import ActionButton from '@/app/components/base/action-button'
-import { Message3Fill } from '@/app/components/base/icons/src/public/other'
-import InputsFormContent from '@/app/components/base/chat/chat-with-history/inputs-form/content'
-import Confirm from '@/app/components/base/confirm'
-import RenameModal from '@/app/components/base/chat/chat-with-history/sidebar/rename-modal'
-import type { ConversationItem } from '@/models/share'
 
 const HeaderInMobile = () => {
   const {
@@ -65,22 +65,22 @@ const HeaderInMobile = () => {
 
   return (
     <>
-      <div className='flex shrink-0 items-center gap-1 bg-mask-top2bottom-gray-50-to-transparent px-2 py-3'>
-        <ActionButton size='l' className='shrink-0' onClick={() => setShowSidebar(true)}>
-          <RiMenuLine className='h-[18px] w-[18px]' />
+      <div className="flex shrink-0 items-center gap-1 bg-mask-top2bottom-gray-50-to-transparent px-2 py-3">
+        <ActionButton size="l" className="shrink-0" onClick={() => setShowSidebar(true)}>
+          <RiMenuLine className="h-[18px] w-[18px]" />
         </ActionButton>
-        <div className='flex grow items-center justify-center'>
+        <div className="flex grow items-center justify-center">
           {!currentConversationId && (
             <>
               <AppIcon
-                className='mr-2'
-                size='tiny'
+                className="mr-2"
+                size="tiny"
                 icon={appData?.site.icon}
                 iconType={appData?.site.icon_type}
                 imageUrl={appData?.site.icon_url}
                 background={appData?.site.icon_background}
               />
-              <div className='system-md-semibold truncate text-text-secondary'>
+              <div className="system-md-semibold truncate text-text-secondary">
                 {appData?.site.title}
               </div>
             </>
@@ -104,24 +104,26 @@ const HeaderInMobile = () => {
         />
       </div>
       {showSidebar && (
-        <div className='fixed inset-0 z-50 flex bg-background-overlay p-1'
+        <div
+          className="fixed inset-0 z-50 flex bg-background-overlay p-1"
           onClick={() => setShowSidebar(false)}
         >
-          <div className='flex h-full w-[calc(100vw_-_40px)] rounded-xl bg-components-panel-bg shadow-lg backdrop-blur-sm' onClick={e => e.stopPropagation()}>
+          <div className="flex h-full w-[calc(100vw_-_40px)] rounded-xl bg-components-panel-bg shadow-lg backdrop-blur-sm" onClick={e => e.stopPropagation()}>
             <Sidebar />
           </div>
         </div>
       )}
       {showChatSettings && (
-        <div className='fixed inset-0 z-50 flex justify-end bg-background-overlay p-1'
+        <div
+          className="fixed inset-0 z-50 flex justify-end bg-background-overlay p-1"
           onClick={() => setShowChatSettings(false)}
         >
-          <div className='flex h-full w-[calc(100vw_-_40px)] flex-col rounded-xl bg-components-panel-bg shadow-lg backdrop-blur-sm' onClick={e => e.stopPropagation()}>
-            <div className='flex items-center gap-3 rounded-t-2xl border-b border-divider-subtle px-4 py-3'>
-              <Message3Fill className='h-6 w-6 shrink-0' />
-              <div className='system-xl-semibold grow text-text-secondary'>{t('share.chat.chatSettingsTitle')}</div>
+          <div className="flex h-full w-[calc(100vw_-_40px)] flex-col rounded-xl bg-components-panel-bg shadow-lg backdrop-blur-sm" onClick={e => e.stopPropagation()}>
+            <div className="flex items-center gap-3 rounded-t-2xl border-b border-divider-subtle px-4 py-3">
+              <Message3Fill className="h-6 w-6 shrink-0" />
+              <div className="system-xl-semibold grow text-text-secondary">{t('share.chat.chatSettingsTitle')}</div>
             </div>
-            <div className='p-4'>
+            <div className="p-4">
               <InputsFormContent />
             </div>
           </div>
diff --git a/web/app/components/base/chat/chat-with-history/header/index.tsx b/web/app/components/base/chat/chat-with-history/header/index.tsx
index f63c97603b..cd959ef467 100644
--- a/web/app/components/base/chat/chat-with-history/header/index.tsx
+++ b/web/app/components/base/chat/chat-with-history/header/index.tsx
@@ -1,22 +1,22 @@
-import { useCallback, useState } from 'react'
+import type { ConversationItem } from '@/models/share'
 import {
   RiEditBoxLine,
   RiLayoutRight2Line,
   RiResetLeftLine,
 } from '@remixicon/react'
+import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import AppIcon from '@/app/components/base/app-icon'
+import ViewFormDropdown from '@/app/components/base/chat/chat-with-history/inputs-form/view-form-dropdown'
+import RenameModal from '@/app/components/base/chat/chat-with-history/sidebar/rename-modal'
+import Confirm from '@/app/components/base/confirm'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 import {
   useChatWithHistoryContext,
 } from '../context'
 import Operation from './operation'
-import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
-import AppIcon from '@/app/components/base/app-icon'
-import Tooltip from '@/app/components/base/tooltip'
-import ViewFormDropdown from '@/app/components/base/chat/chat-with-history/inputs-form/view-form-dropdown'
-import Confirm from '@/app/components/base/confirm'
-import RenameModal from '@/app/components/base/chat/chat-with-history/sidebar/rename-modal'
-import type { ConversationItem } from '@/models/share'
-import { cn } from '@/utils/classnames'
 
 const Header = () => {
   const {
@@ -72,14 +72,14 @@ const Header = () => {
 
   return (
     <>
-      <div className='flex h-14 shrink-0 items-center justify-between p-3'>
+      <div className="flex h-14 shrink-0 items-center justify-between p-3">
         <div className={cn('flex items-center gap-1 transition-all duration-200 ease-in-out', !isSidebarCollapsed && 'user-select-none opacity-0')}>
-          <ActionButton className={cn(!isSidebarCollapsed && 'cursor-default')} size='l' onClick={() => handleSidebarCollapse(false)}>
-            <RiLayoutRight2Line className='h-[18px] w-[18px]' />
+          <ActionButton className={cn(!isSidebarCollapsed && 'cursor-default')} size="l" onClick={() => handleSidebarCollapse(false)}>
+            <RiLayoutRight2Line className="h-[18px] w-[18px]" />
           </ActionButton>
-          <div className='mr-1 shrink-0'>
+          <div className="mr-1 shrink-0">
             <AppIcon
-              size='large'
+              size="large"
               iconType={appData?.site.icon_type}
               icon={appData?.site.icon}
               background={appData?.site.icon_background}
@@ -91,7 +91,7 @@ const Header = () => {
           )}
           {currentConversationId && currentConversationItem && isSidebarCollapsed && (
             <>
-              <div className='p-1 text-divider-deep'>/</div>
+              <div className="p-1 text-divider-deep">/</div>
               <Operation
                 title={currentConversationItem?.name || ''}
                 isPinned={!!isPin}
@@ -103,8 +103,8 @@ const Header = () => {
               />
             </>
           )}
-          <div className='flex items-center px-1'>
-            <div className='h-[14px] w-px bg-divider-regular'></div>
+          <div className="flex items-center px-1">
+            <div className="h-[14px] w-px bg-divider-regular"></div>
           </div>
           {isSidebarCollapsed && (
             <Tooltip
@@ -113,24 +113,24 @@ const Header = () => {
             >
               <div>
                 <ActionButton
-                  size='l'
+                  size="l"
                   state={(!currentConversationId || isResponding) ? ActionButtonState.Disabled : ActionButtonState.Default}
                   disabled={!currentConversationId || isResponding}
                   onClick={handleNewConversation}
                 >
-                  <RiEditBoxLine className='h-[18px] w-[18px]' />
+                  <RiEditBoxLine className="h-[18px] w-[18px]" />
                 </ActionButton>
               </div>
             </Tooltip>
           )}
         </div>
-        <div className='flex items-center gap-1'>
+        <div className="flex items-center gap-1">
           {currentConversationId && (
             <Tooltip
               popupContent={t('share.chat.resetChat')}
             >
-              <ActionButton size='l' onClick={handleNewConversation}>
-                <RiResetLeftLine className='h-[18px] w-[18px]' />
+              <ActionButton size="l" onClick={handleNewConversation}>
+                <RiResetLeftLine className="h-[18px] w-[18px]" />
               </ActionButton>
             </Tooltip>
           )}
diff --git a/web/app/components/base/chat/chat-with-history/header/mobile-operation-dropdown.tsx b/web/app/components/base/chat/chat-with-history/header/mobile-operation-dropdown.tsx
index 4bb694033d..c6861d8fb7 100644
--- a/web/app/components/base/chat/chat-with-history/header/mobile-operation-dropdown.tsx
+++ b/web/app/components/base/chat/chat-with-history/header/mobile-operation-dropdown.tsx
@@ -1,10 +1,10 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiMoreFill,
 } from '@remixicon/react'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 
 type Props = {
   handleResetChat: () => void
@@ -24,7 +24,7 @@ const MobileOperationDropdown = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: -4,
@@ -33,20 +33,20 @@ const MobileOperationDropdown = ({
       <PortalToFollowElemTrigger
         onClick={() => setOpen(v => !v)}
       >
-        <ActionButton size='l' state={open ? ActionButtonState.Hover : ActionButtonState.Default}>
-          <RiMoreFill className='h-[18px] w-[18px]' />
+        <ActionButton size="l" state={open ? ActionButtonState.Hover : ActionButtonState.Default}>
+          <RiMoreFill className="h-[18px] w-[18px]" />
         </ActionButton>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className="z-40">
         <div
-          className={'min-w-[160px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm'}
+          className="min-w-[160px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm"
         >
-          <div className='system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover' onClick={handleResetChat}>
-            <span className='grow'>{t('share.chat.resetChat')}</span>
+          <div className="system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover" onClick={handleResetChat}>
+            <span className="grow">{t('share.chat.resetChat')}</span>
           </div>
           {!hideViewChatSettings && (
-            <div className='system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover' onClick={handleViewChatSettings}>
-              <span className='grow'>{t('share.chat.viewChatSettings')}</span>
+            <div className="system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover" onClick={handleViewChatSettings}>
+              <span className="grow">{t('share.chat.viewChatSettings')}</span>
             </div>
           )}
         </div>
diff --git a/web/app/components/base/chat/chat-with-history/header/operation.tsx b/web/app/components/base/chat/chat-with-history/header/operation.tsx
index 9549e9da26..c279c7b785 100644
--- a/web/app/components/base/chat/chat-with-history/header/operation.tsx
+++ b/web/app/components/base/chat/chat-with-history/header/operation.tsx
@@ -1,10 +1,10 @@
 'use client'
-import type { FC } from 'react'
-import React, { useState } from 'react'
 import type { Placement } from '@floating-ui/react'
+import type { FC } from 'react'
 import {
   RiArrowDownSLine,
 } from '@remixicon/react'
+import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
@@ -44,25 +44,25 @@ const Operation: FC<Props> = ({
         onClick={() => setOpen(v => !v)}
       >
         <div className={cn('flex cursor-pointer items-center rounded-lg p-1.5 pl-2 text-text-secondary hover:bg-state-base-hover', open && 'bg-state-base-hover')}>
-          <div className='system-md-semibold'>{title}</div>
-          <RiArrowDownSLine className='h-4 w-4 ' />
+          <div className="system-md-semibold">{title}</div>
+          <RiArrowDownSLine className="h-4 w-4 " />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className="z-50">
         <div
-          className={'min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm'}
+          className="min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm"
         >
           <div className={cn('system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover')} onClick={togglePin}>
-            <span className='grow'>{isPinned ? t('explore.sidebar.action.unpin') : t('explore.sidebar.action.pin')}</span>
+            <span className="grow">{isPinned ? t('explore.sidebar.action.unpin') : t('explore.sidebar.action.pin')}</span>
           </div>
           {isShowRenameConversation && (
             <div className={cn('system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover')} onClick={onRenameConversation}>
-              <span className='grow'>{t('explore.sidebar.action.rename')}</span>
+              <span className="grow">{t('explore.sidebar.action.rename')}</span>
             </div>
           )}
           {isShowDelete && (
-            <div className={cn('system-md-regular group flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive')} onClick={onDelete} >
-              <span className='grow'>{t('explore.sidebar.action.delete')}</span>
+            <div className={cn('system-md-regular group flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive')} onClick={onDelete}>
+              <span className="grow">{t('explore.sidebar.action.delete')}</span>
             </div>
           )}
         </div>
diff --git a/web/app/components/base/chat/chat-with-history/hooks.tsx b/web/app/components/base/chat/chat-with-history/hooks.tsx
index 9b0f67e6b2..67c46b2d10 100644
--- a/web/app/components/base/chat/chat-with-history/hooks.tsx
+++ b/web/app/components/base/chat/chat-with-history/hooks.tsx
@@ -1,3 +1,17 @@
+import type {
+  Callback,
+  ChatConfig,
+  ChatItem,
+  Feedback,
+} from '../types'
+import type { InstalledApp } from '@/models/explore'
+import type {
+  AppData,
+  ConversationItem,
+} from '@/models/share'
+import { useLocalStorageState } from 'ahooks'
+import { produce } from 'immer'
+import { noop } from 'lodash-es'
 import {
   useCallback,
   useEffect,
@@ -7,18 +21,12 @@ import {
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import useSWR from 'swr'
-import { useLocalStorageState } from 'ahooks'
-import { produce } from 'immer'
-import type {
-  Callback,
-  ChatConfig,
-  ChatItem,
-  Feedback,
-} from '../types'
-import { CONVERSATION_ID_INFO } from '../constants'
-import { buildChatItemTree, getProcessedSystemVariablesFromUrlParams, getRawInputsFromUrlParams, getRawUserVariablesFromUrlParams } from '../utils'
-import { addFileInfos, sortAgentSorts } from '../../../tools/utils'
 import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
+import { useToastContext } from '@/app/components/base/toast'
+import { InputVarType } from '@/app/components/workflow/types'
+import { useWebAppStore } from '@/context/web-app-context'
+import { useAppFavicon } from '@/hooks/use-app-favicon'
+import { changeLanguage } from '@/i18n-config/i18next-config'
 import {
   delConversation,
   fetchChatList,
@@ -29,18 +37,10 @@ import {
   unpinConversation,
   updateFeedback,
 } from '@/service/share'
-import type { InstalledApp } from '@/models/explore'
-import type {
-  AppData,
-  ConversationItem,
-} from '@/models/share'
-import { useToastContext } from '@/app/components/base/toast'
-import { changeLanguage } from '@/i18n-config/i18next-config'
-import { useAppFavicon } from '@/hooks/use-app-favicon'
-import { InputVarType } from '@/app/components/workflow/types'
 import { TransferMethod } from '@/types/app'
-import { noop } from 'lodash-es'
-import { useWebAppStore } from '@/context/web-app-context'
+import { addFileInfos, sortAgentSorts } from '../../../tools/utils'
+import { CONVERSATION_ID_INFO } from '../constants'
+import { buildChatItemTree, getProcessedSystemVariablesFromUrlParams, getRawInputsFromUrlParams, getRawUserVariablesFromUrlParams } from '../utils'
 
 function getFormattedChatList(messages: any[]) {
   const newChatList: ChatItem[] = []
diff --git a/web/app/components/base/chat/chat-with-history/index.tsx b/web/app/components/base/chat/chat-with-history/index.tsx
index 51ba88b049..be6f047535 100644
--- a/web/app/components/base/chat/chat-with-history/index.tsx
+++ b/web/app/components/base/chat/chat-with-history/index.tsx
@@ -1,24 +1,24 @@
 'use client'
 import type { FC } from 'react'
+import type { InstalledApp } from '@/models/explore'
 import {
   useEffect,
   useState,
 } from 'react'
+import Loading from '@/app/components/base/loading'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { cn } from '@/utils/classnames'
 import { useThemeContext } from '../embedded-chatbot/theme/theme-context'
+import ChatWrapper from './chat-wrapper'
 import {
   ChatWithHistoryContext,
   useChatWithHistoryContext,
 } from './context'
-import { useChatWithHistory } from './hooks'
-import Sidebar from './sidebar'
 import Header from './header'
 import HeaderInMobile from './header-in-mobile'
-import ChatWrapper from './chat-wrapper'
-import type { InstalledApp } from '@/models/explore'
-import Loading from '@/app/components/base/loading'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { cn } from '@/utils/classnames'
-import useDocumentTitle from '@/hooks/use-document-title'
+import { useChatWithHistory } from './hooks'
+import Sidebar from './sidebar'
 
 type ChatWithHistoryProps = {
   className?: string
@@ -56,12 +56,14 @@ const ChatWithHistory: FC<ChatWithHistoryProps> = ({
       'flex h-full bg-background-default-burn',
       isMobile && 'flex-col',
       className,
-    )}>
+    )}
+    >
       {!isMobile && (
         <div className={cn(
           'flex w-[236px] flex-col p-1 pr-0 transition-all duration-200 ease-in-out',
           isSidebarCollapsed && 'w-0 overflow-hidden !p-0',
-        )}>
+        )}
+        >
           <Sidebar />
         </div>
       )}
@@ -84,7 +86,7 @@ const ChatWithHistory: FC<ChatWithHistoryProps> = ({
         <div className={cn('flex h-full flex-col overflow-hidden border-[0,5px] border-components-panel-border-subtle bg-chatbot-bg', isMobile ? 'rounded-t-2xl' : 'rounded-2xl')}>
           {!isMobile && <Header />}
           {appChatListDataLoading && (
-            <Loading type='app' />
+            <Loading type="app" />
           )}
           {!appChatListDataLoading && (
             <ChatWrapper key={chatShouldReloadKey} />
@@ -188,7 +190,8 @@ const ChatWithHistoryWrap: FC<ChatWithHistoryWrapProps> = ({
       setCurrentConversationInputs,
       allInputsHidden,
       initUserVariables,
-    }}>
+    }}
+    >
       <ChatWithHistory className={className} />
     </ChatWithHistoryContext.Provider>
   )
diff --git a/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx b/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx
index c7785ebd89..105bbe52ea 100644
--- a/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx
+++ b/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx
@@ -1,14 +1,14 @@
 import React, { memo, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useChatWithHistoryContext } from '../context'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
-import { PortalSelect } from '@/app/components/base/select'
 import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
-import { InputVarType } from '@/app/components/workflow/types'
+import Input from '@/app/components/base/input'
+import { PortalSelect } from '@/app/components/base/select'
+import Textarea from '@/app/components/base/textarea'
 import BoolInput from '@/app/components/workflow/nodes/_base/components/before-run-form/bool-input'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { InputVarType } from '@/app/components/workflow/types'
+import { useChatWithHistoryContext } from '../context'
 
 type Props = {
   showTip?: boolean
@@ -42,14 +42,14 @@ const InputsFormContent = ({ showTip }: Props) => {
   const visibleInputsForms = inputsForms.filter(form => form.hide !== true)
 
   return (
-    <div className='space-y-4'>
+    <div className="space-y-4">
       {visibleInputsForms.map(form => (
-        <div key={form.variable} className='space-y-1'>
+        <div key={form.variable} className="space-y-1">
           {form.type !== InputVarType.checkbox && (
-            <div className='flex h-6 items-center gap-1'>
-              <div className='system-md-semibold text-text-secondary'>{form.label}</div>
+            <div className="flex h-6 items-center gap-1">
+              <div className="system-md-semibold text-text-secondary">{form.label}</div>
               {!form.required && (
-                <div className='system-xs-regular text-text-tertiary'>{t('workflow.panel.optional')}</div>
+                <div className="system-xs-regular text-text-tertiary">{t('workflow.panel.optional')}</div>
               )}
             </div>
           )}
@@ -62,7 +62,7 @@ const InputsFormContent = ({ showTip }: Props) => {
           )}
           {form.type === InputVarType.number && (
             <Input
-              type='number'
+              type="number"
               value={inputsFormValue?.[form.variable] || ''}
               onChange={e => handleFormChange(form.variable, e.target.value)}
               placeholder={form.label}
@@ -85,7 +85,7 @@ const InputsFormContent = ({ showTip }: Props) => {
           )}
           {form.type === InputVarType.select && (
             <PortalSelect
-              popupClassName='w-[200px]'
+              popupClassName="w-[200px]"
               value={inputsFormValue?.[form.variable] ?? form.default ?? ''}
               items={form.options.map((option: string) => ({ value: option, name: option }))}
               onSelect={item => handleFormChange(form.variable, item.value as string)}
@@ -124,16 +124,16 @@ const InputsFormContent = ({ showTip }: Props) => {
               value={inputsFormValue?.[form.variable] || ''}
               onChange={v => handleFormChange(form.variable, v)}
               noWrapper
-              className='bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1'
+              className="bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1"
               placeholder={
-                <div className='whitespace-pre'>{form.json_schema}</div>
+                <div className="whitespace-pre">{form.json_schema}</div>
               }
             />
           )}
         </div>
       ))}
       {showTip && (
-        <div className='system-xs-regular text-text-tertiary'>{t('share.chat.chatFormTip')}</div>
+        <div className="system-xs-regular text-text-tertiary">{t('share.chat.chatFormTip')}</div>
       )}
     </div>
   )
diff --git a/web/app/components/base/chat/chat-with-history/inputs-form/index.tsx b/web/app/components/base/chat/chat-with-history/inputs-form/index.tsx
index 643ca1a808..d6e0a4003d 100644
--- a/web/app/components/base/chat/chat-with-history/inputs-form/index.tsx
+++ b/web/app/components/base/chat/chat-with-history/inputs-form/index.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { Message3Fill } from '@/app/components/base/icons/src/public/other'
 import Button from '@/app/components/base/button'
-import Divider from '@/app/components/base/divider'
 import InputsFormContent from '@/app/components/base/chat/chat-with-history/inputs-form/content'
-import { useChatWithHistoryContext } from '../context'
+import Divider from '@/app/components/base/divider'
+import { Message3Fill } from '@/app/components/base/icons/src/public/other'
 import { cn } from '@/utils/classnames'
+import { useChatWithHistoryContext } from '../context'
 
 type Props = {
   collapsed: boolean
@@ -34,19 +34,21 @@ const InputsFormNode = ({
       <div className={cn(
         'w-full max-w-[672px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-md',
         collapsed && 'border border-components-card-border bg-components-card-bg shadow-none',
-      )}>
+      )}
+      >
         <div className={cn(
           'flex items-center gap-3 rounded-t-2xl px-6 py-4',
           !collapsed && 'border-b border-divider-subtle',
           isMobile && 'px-4 py-3',
-        )}>
-          <Message3Fill className='h-6 w-6 shrink-0' />
-          <div className='system-xl-semibold grow text-text-secondary'>{t('share.chat.chatSettingsTitle')}</div>
+        )}
+        >
+          <Message3Fill className="h-6 w-6 shrink-0" />
+          <div className="system-xl-semibold grow text-text-secondary">{t('share.chat.chatSettingsTitle')}</div>
           {collapsed && (
-            <Button className='uppercase text-text-tertiary' size='small' variant='ghost' onClick={() => setCollapsed(false)}>{t('common.operation.edit')}</Button>
+            <Button className="uppercase text-text-tertiary" size="small" variant="ghost" onClick={() => setCollapsed(false)}>{t('common.operation.edit')}</Button>
           )}
           {!collapsed && currentConversationId && (
-            <Button className='uppercase text-text-tertiary' size='small' variant='ghost' onClick={() => setCollapsed(true)}>{t('common.operation.close')}</Button>
+            <Button className="uppercase text-text-tertiary" size="small" variant="ghost" onClick={() => setCollapsed(true)}>{t('common.operation.close')}</Button>
           )}
         </div>
         {!collapsed && (
@@ -57,24 +59,26 @@ const InputsFormNode = ({
         {!collapsed && !currentConversationId && (
           <div className={cn('p-6', isMobile && 'p-4')}>
             <Button
-              variant='primary'
-              className='w-full'
+              variant="primary"
+              className="w-full"
               onClick={() => handleStartChat(() => setCollapsed(true))}
               style={
                 themeBuilder?.theme
                   ? {
-                    backgroundColor: themeBuilder?.theme.primaryColor,
-                  }
+                      backgroundColor: themeBuilder?.theme.primaryColor,
+                    }
                   : {}
               }
-            >{t('share.chat.startChat')}</Button>
+            >
+              {t('share.chat.startChat')}
+            </Button>
           </div>
         )}
       </div>
       {collapsed && (
-        <div className='flex w-full max-w-[720px] items-center py-4'>
-          <Divider bgStyle='gradient' className='h-px basis-1/2 rotate-180' />
-          <Divider bgStyle='gradient' className='h-px basis-1/2' />
+        <div className="flex w-full max-w-[720px] items-center py-4">
+          <Divider bgStyle="gradient" className="h-px basis-1/2 rotate-180" />
+          <Divider bgStyle="gradient" className="h-px basis-1/2" />
         </div>
       )}
     </div>
diff --git a/web/app/components/base/chat/chat-with-history/inputs-form/view-form-dropdown.tsx b/web/app/components/base/chat/chat-with-history/inputs-form/view-form-dropdown.tsx
index 43df99c38e..09f3d74924 100644
--- a/web/app/components/base/chat/chat-with-history/inputs-form/view-form-dropdown.tsx
+++ b/web/app/components/base/chat/chat-with-history/inputs-form/view-form-dropdown.tsx
@@ -1,12 +1,12 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiChatSettingsLine,
 } from '@remixicon/react'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
-import { Message3Fill } from '@/app/components/base/icons/src/public/other'
 import InputsFormContent from '@/app/components/base/chat/chat-with-history/inputs-form/content'
+import { Message3Fill } from '@/app/components/base/icons/src/public/other'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 
 const ViewFormDropdown = () => {
   const { t } = useTranslation()
@@ -16,7 +16,7 @@ const ViewFormDropdown = () => {
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 4,
@@ -25,17 +25,17 @@ const ViewFormDropdown = () => {
       <PortalToFollowElemTrigger
         onClick={() => setOpen(v => !v)}
       >
-        <ActionButton size='l' state={open ? ActionButtonState.Hover : ActionButtonState.Default}>
-          <RiChatSettingsLine className='h-[18px] w-[18px]' />
+        <ActionButton size="l" state={open ? ActionButtonState.Hover : ActionButtonState.Default}>
+          <RiChatSettingsLine className="h-[18px] w-[18px]" />
         </ActionButton>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className="z-50">
-        <div className='w-[400px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg backdrop-blur-sm'>
-          <div className='flex items-center gap-3 rounded-t-2xl border-b border-divider-subtle px-6 py-4'>
-            <Message3Fill className='h-6 w-6 shrink-0' />
-            <div className='system-xl-semibold grow text-text-secondary'>{t('share.chat.chatSettingsTitle')}</div>
+        <div className="w-[400px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg backdrop-blur-sm">
+          <div className="flex items-center gap-3 rounded-t-2xl border-b border-divider-subtle px-6 py-4">
+            <Message3Fill className="h-6 w-6 shrink-0" />
+            <div className="system-xl-semibold grow text-text-secondary">{t('share.chat.chatSettingsTitle')}</div>
           </div>
-          <div className='p-6'>
+          <div className="p-6">
             <InputsFormContent />
           </div>
         </div>
diff --git a/web/app/components/base/chat/chat-with-history/sidebar/index.tsx b/web/app/components/base/chat/chat-with-history/sidebar/index.tsx
index c5f2afd425..010442bedb 100644
--- a/web/app/components/base/chat/chat-with-history/sidebar/index.tsx
+++ b/web/app/components/base/chat/chat-with-history/sidebar/index.tsx
@@ -1,25 +1,25 @@
-import {
-  useCallback,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ConversationItem } from '@/models/share'
 import {
   RiEditBoxLine,
   RiExpandRightLine,
   RiLayoutLeft2Line,
 } from '@remixicon/react'
-import { useChatWithHistoryContext } from '../context'
-import AppIcon from '@/app/components/base/app-icon'
+import {
+  useCallback,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
+import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
 import List from '@/app/components/base/chat/chat-with-history/sidebar/list'
-import MenuDropdown from '@/app/components/share/text-generation/menu-dropdown'
-import Confirm from '@/app/components/base/confirm'
 import RenameModal from '@/app/components/base/chat/chat-with-history/sidebar/rename-modal'
+import Confirm from '@/app/components/base/confirm'
 import DifyLogo from '@/app/components/base/logo/dify-logo'
-import type { ConversationItem } from '@/models/share'
-import { cn } from '@/utils/classnames'
+import MenuDropdown from '@/app/components/share/text-generation/menu-dropdown'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { cn } from '@/utils/classnames'
+import { useChatWithHistoryContext } from '../context'
 
 type Props = {
   isPanel?: boolean
@@ -83,13 +83,15 @@ const Sidebar = ({ isPanel, panelVisible }: Props) => {
     <div className={cn(
       'flex w-full grow flex-col',
       isPanel && 'rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-bg shadow-lg',
-    )}>
+    )}
+    >
       <div className={cn(
         'flex shrink-0 items-center gap-3 p-3 pr-2',
-      )}>
-        <div className='shrink-0'>
+      )}
+      >
+        <div className="shrink-0">
           <AppIcon
-            size='large'
+            size="large"
             iconType={appData?.site.icon_type}
             icon={appData?.site.icon}
             background={appData?.site.icon_background}
@@ -98,26 +100,26 @@ const Sidebar = ({ isPanel, panelVisible }: Props) => {
         </div>
         <div className={cn('system-md-semibold grow truncate text-text-secondary')}>{appData?.site.title}</div>
         {!isMobile && isSidebarCollapsed && (
-          <ActionButton size='l' onClick={() => handleSidebarCollapse(false)}>
-            <RiExpandRightLine className='h-[18px] w-[18px]' />
+          <ActionButton size="l" onClick={() => handleSidebarCollapse(false)}>
+            <RiExpandRightLine className="h-[18px] w-[18px]" />
           </ActionButton>
         )}
         {!isMobile && !isSidebarCollapsed && (
-          <ActionButton size='l' onClick={() => handleSidebarCollapse(true)}>
-            <RiLayoutLeft2Line className='h-[18px] w-[18px]' />
+          <ActionButton size="l" onClick={() => handleSidebarCollapse(true)}>
+            <RiLayoutLeft2Line className="h-[18px] w-[18px]" />
           </ActionButton>
         )}
       </div>
-      <div className='shrink-0 px-3 py-4'>
-        <Button variant='secondary-accent' disabled={isResponding} className='w-full justify-center' onClick={handleNewConversation}>
-          <RiEditBoxLine className='mr-1 h-4 w-4' />
+      <div className="shrink-0 px-3 py-4">
+        <Button variant="secondary-accent" disabled={isResponding} className="w-full justify-center" onClick={handleNewConversation}>
+          <RiEditBoxLine className="mr-1 h-4 w-4" />
           {t('share.chat.newChat')}
         </Button>
       </div>
-      <div className='h-0 grow space-y-2 overflow-y-auto px-3 pt-4'>
+      <div className="h-0 grow space-y-2 overflow-y-auto px-3 pt-4">
         {/* pinned list */}
         {!!pinnedConversationList.length && (
-          <div className='mb-4'>
+          <div className="mb-4">
             <List
               isPin
               title={t('share.chat.pinnedTitle') || ''}
@@ -138,26 +140,27 @@ const Sidebar = ({ isPanel, panelVisible }: Props) => {
           />
         )}
       </div>
-      <div className='flex shrink-0 items-center justify-between p-3'>
+      <div className="flex shrink-0 items-center justify-between p-3">
         <MenuDropdown
           hideLogout={isInstalledApp}
-          placement='top-start'
+          placement="top-start"
           data={appData?.site}
           forceClose={isPanel && !panelVisible}
         />
         {/* powered by */}
-        <div className='shrink-0'>
+        <div className="shrink-0">
           {!appData?.custom_config?.remove_webapp_brand && (
             <div className={cn(
               'flex shrink-0 items-center gap-1.5 px-1',
-            )}>
-              <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
+            )}
+            >
+              <div className="system-2xs-medium-uppercase text-text-tertiary">{t('share.chat.poweredBy')}</div>
               {
                 systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                  ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
+                  ? <img src={systemFeatures.branding.workspace_logo} alt="logo" className="block h-5 w-auto" />
                   : appData?.custom_config?.replace_webapp_logo
-                    ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                    : <DifyLogo size='small' />
+                    ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt="logo" className="block h-5 w-auto" />
+                    : <DifyLogo size="small" />
               }
             </div>
           )}
diff --git a/web/app/components/base/chat/chat-with-history/sidebar/item.tsx b/web/app/components/base/chat/chat-with-history/sidebar/item.tsx
index cd181fd7eb..6be21846b1 100644
--- a/web/app/components/base/chat/chat-with-history/sidebar/item.tsx
+++ b/web/app/components/base/chat/chat-with-history/sidebar/item.tsx
@@ -1,10 +1,10 @@
 import type { FC } from 'react'
+import type { ConversationItem } from '@/models/share'
+import { useHover } from 'ahooks'
 import {
   memo,
   useRef,
 } from 'react'
-import { useHover } from 'ahooks'
-import type { ConversationItem } from '@/models/share'
 import Operation from '@/app/components/base/chat/chat-with-history/sidebar/operation'
 import { cn } from '@/utils/classnames'
 
@@ -36,9 +36,9 @@ const Item: FC<ItemProps> = ({
       )}
       onClick={() => onChangeConversation(item.id)}
     >
-      <div className='grow truncate p-1 pl-0' title={item.name}>{item.name}</div>
+      <div className="grow truncate p-1 pl-0" title={item.name}>{item.name}</div>
       {item.id !== '' && (
-        <div className='shrink-0' onClick={e => e.stopPropagation()}>
+        <div className="shrink-0" onClick={e => e.stopPropagation()}>
           <Operation
             isActive={isSelected}
             isPinned={!!isPin}
diff --git a/web/app/components/base/chat/chat-with-history/sidebar/list.tsx b/web/app/components/base/chat/chat-with-history/sidebar/list.tsx
index 4a9c207ffa..d85f80cb5e 100644
--- a/web/app/components/base/chat/chat-with-history/sidebar/list.tsx
+++ b/web/app/components/base/chat/chat-with-history/sidebar/list.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import Item from './item'
 import type { ConversationItem } from '@/models/share'
+import Item from './item'
 
 type ListProps = {
   isPin?: boolean
@@ -19,9 +19,9 @@ const List: FC<ListProps> = ({
   currentConversationId,
 }) => {
   return (
-    <div className='space-y-0.5'>
+    <div className="space-y-0.5">
       {title && (
-        <div className='system-xs-medium-uppercase px-3 pb-1 pt-2 text-text-tertiary'>{title}</div>
+        <div className="system-xs-medium-uppercase px-3 pb-1 pt-2 text-text-tertiary">{title}</div>
       )}
       {list.map(item => (
         <Item
diff --git a/web/app/components/base/chat/chat-with-history/sidebar/operation.tsx b/web/app/components/base/chat/chat-with-history/sidebar/operation.tsx
index 9c4ea6ffb1..c3084c5536 100644
--- a/web/app/components/base/chat/chat-with-history/sidebar/operation.tsx
+++ b/web/app/components/base/chat/chat-with-history/sidebar/operation.tsx
@@ -1,6 +1,5 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
 import {
   RiDeleteBinLine,
   RiEditLine,
@@ -8,10 +7,11 @@ import {
   RiPushpinLine,
   RiUnpinLine,
 } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useBoolean } from 'ahooks'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import React, { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -47,7 +47,7 @@ const Operation: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={4}
     >
       <PortalToFollowElemTrigger
@@ -63,13 +63,13 @@ const Operation: FC<Props> = ({
                 : ActionButtonState.Default
           }
         >
-          <RiMoreFill className='h-4 w-4' />
+          <RiMoreFill className="h-4 w-4" />
         </ActionButton>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className="z-50">
         <div
           ref={ref}
-          className={'min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm'}
+          className="min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm"
           onMouseEnter={setIsHovering}
           onMouseLeave={setNotHovering}
           onClick={(e) => {
@@ -77,20 +77,20 @@ const Operation: FC<Props> = ({
           }}
         >
           <div className={cn('system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover')} onClick={togglePin}>
-            {isPinned && <RiUnpinLine className='h-4 w-4 shrink-0 text-text-tertiary' />}
-            {!isPinned && <RiPushpinLine className='h-4 w-4 shrink-0 text-text-tertiary' />}
-            <span className='grow'>{isPinned ? t('explore.sidebar.action.unpin') : t('explore.sidebar.action.pin')}</span>
+            {isPinned && <RiUnpinLine className="h-4 w-4 shrink-0 text-text-tertiary" />}
+            {!isPinned && <RiPushpinLine className="h-4 w-4 shrink-0 text-text-tertiary" />}
+            <span className="grow">{isPinned ? t('explore.sidebar.action.unpin') : t('explore.sidebar.action.pin')}</span>
           </div>
           {isShowRenameConversation && (
             <div className={cn('system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover')} onClick={onRenameConversation}>
-              <RiEditLine className='h-4 w-4 shrink-0 text-text-tertiary' />
-              <span className='grow'>{t('explore.sidebar.action.rename')}</span>
+              <RiEditLine className="h-4 w-4 shrink-0 text-text-tertiary" />
+              <span className="grow">{t('explore.sidebar.action.rename')}</span>
             </div>
           )}
           {isShowDelete && (
-            <div className={cn('system-md-regular group flex cursor-pointer items-center space-x-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive')} onClick={onDelete} >
+            <div className={cn('system-md-regular group flex cursor-pointer items-center space-x-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive')} onClick={onDelete}>
               <RiDeleteBinLine className={cn('h-4 w-4 shrink-0 text-text-tertiary group-hover:text-text-destructive')} />
-              <span className='grow'>{t('explore.sidebar.action.delete')}</span>
+              <span className="grow">{t('explore.sidebar.action.delete')}</span>
             </div>
           )}
         </div>
diff --git a/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx b/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx
index bbd087ad06..2d6168e21f 100644
--- a/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx
+++ b/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx
@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 
 export type IRenameModalProps = {
   isShow: boolean
@@ -30,16 +30,17 @@ const RenameModal: FC<IRenameModalProps> = ({
       isShow={isShow}
       onClose={onClose}
     >
-      <div className={'mt-6 text-sm font-medium leading-[21px] text-text-primary'}>{t('common.chat.conversationName')}</div>
-      <Input className='mt-2 h-10 w-full'
+      <div className="mt-6 text-sm font-medium leading-[21px] text-text-primary">{t('common.chat.conversationName')}</div>
+      <Input
+        className="mt-2 h-10 w-full"
         value={tempName}
         onChange={e => setTempName(e.target.value)}
         placeholder={t('common.chat.conversationNamePlaceholder') || ''}
       />
 
-      <div className='mt-10 flex justify-end'>
-        <Button className='mr-2 shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button variant='primary' className='shrink-0' onClick={() => onSave(tempName)} loading={saveLoading}>{t('common.operation.save')}</Button>
+      <div className="mt-10 flex justify-end">
+        <Button className="mr-2 shrink-0" onClick={onClose}>{t('common.operation.cancel')}</Button>
+        <Button variant="primary" className="shrink-0" onClick={() => onSave(tempName)} loading={saveLoading}>{t('common.operation.save')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/base/chat/chat/answer/agent-content.tsx b/web/app/components/base/chat/chat/answer/agent-content.tsx
index c20e38c432..d8009f13d4 100644
--- a/web/app/components/base/chat/chat/answer/agent-content.tsx
+++ b/web/app/components/base/chat/chat/answer/agent-content.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
-import { memo } from 'react'
 import type {
   ChatItem,
 } from '../../types'
-import { Markdown } from '@/app/components/base/markdown'
+import { memo } from 'react'
 import Thought from '@/app/components/base/chat/chat/thought'
 import { FileList } from '@/app/components/base/file-uploader'
 import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
+import { Markdown } from '@/app/components/base/markdown'
 
 type AgentContentProps = {
   item: ChatItem
@@ -29,7 +29,7 @@ const AgentContent: FC<AgentContentProps> = ({
   return (
     <div>
       {content ? <Markdown content={content} /> : agent_thoughts?.map((thought, index) => (
-        <div key={index} className='px-2 py-1'>
+        <div key={index} className="px-2 py-1">
           {thought.thought && (
             <Markdown content={thought.thought} />
           )}
diff --git a/web/app/components/base/chat/chat/answer/basic-content.tsx b/web/app/components/base/chat/chat/answer/basic-content.tsx
index cb3791650a..ed8f83d6a9 100644
--- a/web/app/components/base/chat/chat/answer/basic-content.tsx
+++ b/web/app/components/base/chat/chat/answer/basic-content.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import { memo } from 'react'
 import type { ChatItem } from '../../types'
+import { memo } from 'react'
 import { Markdown } from '@/app/components/base/markdown'
 import { cn } from '@/utils/classnames'
 
diff --git a/web/app/components/base/chat/chat/answer/index.stories.tsx b/web/app/components/base/chat/chat/answer/index.stories.tsx
index 95bc3bd5c0..a8e42b7ad3 100644
--- a/web/app/components/base/chat/chat/answer/index.stories.tsx
+++ b/web/app/components/base/chat/chat/answer/index.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import type { ChatItem } from '../../types'
+import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import Answer from '.'
 import { markdownContent } from './__mocks__/markdownContent'
 import { markdownContentSVG } from './__mocks__/markdownContentSVG'
-import Answer from '.'
 
 const meta = {
   title: 'Base/Other/Chat Answer',
@@ -45,9 +45,11 @@ export const Basic: Story = {
     index: 0,
   },
   render: (args) => {
-    return <div className="w-full px-10 py-5">
-      <Answer {...args} />
-    </div>
+    return (
+      <div className="w-full px-10 py-5">
+        <Answer {...args} />
+      </div>
+    )
   },
 }
 
@@ -61,9 +63,11 @@ export const WithWorkflowProcess: Story = {
     index: 0,
   },
   render: (args) => {
-    return <div className="w-full px-10 py-5">
-      <Answer {...args} />
-    </div>
+    return (
+      <div className="w-full px-10 py-5">
+        <Answer {...args} />
+      </div>
+    )
   },
 }
 
@@ -77,9 +81,11 @@ export const WithMarkdownContent: Story = {
     index: 0,
   },
   render: (args) => {
-    return <div className="w-full px-10 py-5">
-      <Answer {...args} />
-    </div>
+    return (
+      <div className="w-full px-10 py-5">
+        <Answer {...args} />
+      </div>
+    )
   },
 }
 
@@ -93,8 +99,10 @@ export const WithMarkdownSVG: Story = {
     index: 0,
   },
   render: (args) => {
-    return <div className="w-full px-10 py-5">
-      <Answer {...args} />
-    </div>
+    return (
+      <div className="w-full px-10 py-5">
+        <Answer {...args} />
+      </div>
+    )
   },
 }
diff --git a/web/app/components/base/chat/chat/answer/index.tsx b/web/app/components/base/chat/chat/answer/index.tsx
index fb5b91054f..a84dc248c1 100644
--- a/web/app/components/base/chat/chat/answer/index.tsx
+++ b/web/app/components/base/chat/chat/answer/index.tsx
@@ -2,26 +2,26 @@ import type {
   FC,
   ReactNode,
 } from 'react'
-import { memo, useCallback, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type {
   ChatConfig,
   ChatItem,
 } from '../../types'
-import Operation from './operation'
+import type { AppData } from '@/models/share'
+import { memo, useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { EditTitle } from '@/app/components/app/annotation/edit-annotation-modal/edit-item'
+import AnswerIcon from '@/app/components/base/answer-icon'
+import Citation from '@/app/components/base/chat/chat/citation'
+import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
+import { FileList } from '@/app/components/base/file-uploader'
+import { cn } from '@/utils/classnames'
+import ContentSwitch from '../content-switch'
 import AgentContent from './agent-content'
 import BasicContent from './basic-content'
-import SuggestedQuestions from './suggested-questions'
 import More from './more'
+import Operation from './operation'
+import SuggestedQuestions from './suggested-questions'
 import WorkflowProcessItem from './workflow-process'
-import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
-import Citation from '@/app/components/base/chat/chat/citation'
-import { EditTitle } from '@/app/components/app/annotation/edit-annotation-modal/edit-item'
-import type { AppData } from '@/models/share'
-import AnswerIcon from '@/app/components/base/answer-icon'
-import { cn } from '@/utils/classnames'
-import { FileList } from '@/app/components/base/file-uploader'
-import ContentSwitch from '../content-switch'
 
 type AnswerProps = {
   item: ChatItem
@@ -114,16 +114,16 @@ const Answer: FC<AnswerProps> = ({
   const contentIsEmpty = content.trim() === ''
 
   return (
-    <div className='mb-2 flex last:mb-0'>
-      <div className='relative h-10 w-10 shrink-0'>
+    <div className="mb-2 flex last:mb-0">
+      <div className="relative h-10 w-10 shrink-0">
         {answerIcon || <AnswerIcon />}
         {responding && (
-          <div className='absolute left-[-3px] top-[-3px] flex h-4 w-4 items-center rounded-full border-[0.5px] border-divider-subtle bg-background-section-burn pl-[6px] shadow-xs'>
-            <LoadingAnim type='avatar' />
+          <div className="absolute left-[-3px] top-[-3px] flex h-4 w-4 items-center rounded-full border-[0.5px] border-divider-subtle bg-background-section-burn pl-[6px] shadow-xs">
+            <LoadingAnim type="avatar" />
           </div>
         )}
       </div>
-      <div className='chat-answer-container group ml-4 w-0 grow pb-4' ref={containerRef}>
+      <div className="chat-answer-container group ml-4 w-0 grow pb-4" ref={containerRef}>
         <div className={cn('group relative pr-10', chatAnswerContainerInner)}>
           <div
             ref={contentRef}
@@ -156,8 +156,8 @@ const Answer: FC<AnswerProps> = ({
             }
             {
               responding && contentIsEmpty && !hasAgentThoughts && (
-                <div className='flex h-5 w-6 items-center justify-center'>
-                  <LoadingAnim type='text' />
+                <div className="flex h-5 w-6 items-center justify-center">
+                  <LoadingAnim type="text" />
                 </div>
               )
             }
@@ -178,7 +178,7 @@ const Answer: FC<AnswerProps> = ({
             {
               !!allFiles?.length && (
                 <FileList
-                  className='my-1'
+                  className="my-1"
                   files={allFiles}
                   showDeleteAction={false}
                   showDownloadAction
@@ -189,7 +189,7 @@ const Answer: FC<AnswerProps> = ({
             {
               !!message_files?.length && (
                 <FileList
-                  className='my-1'
+                  className="my-1"
                   files={message_files}
                   showDeleteAction={false}
                   showDownloadAction
@@ -200,7 +200,7 @@ const Answer: FC<AnswerProps> = ({
             {
               annotation?.id && annotation.authorName && (
                 <EditTitle
-                  className='mt-1'
+                  className="mt-1"
                   title={t('appAnnotation.editBy', { author: annotation.authorName })}
                 />
               )
diff --git a/web/app/components/base/chat/chat/answer/more.tsx b/web/app/components/base/chat/chat/answer/more.tsx
index 9326c6827f..7208701ed1 100644
--- a/web/app/components/base/chat/chat/answer/more.tsx
+++ b/web/app/components/base/chat/chat/answer/more.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
+import type { ChatItem } from '../../types'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ChatItem } from '../../types'
 import { formatNumber } from '@/utils/format'
 
 type MoreProps = {
@@ -13,33 +13,33 @@ const More: FC<MoreProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='system-xs-regular mt-1 flex items-center text-text-quaternary opacity-0 group-hover:opacity-100'>
+    <div className="system-xs-regular mt-1 flex items-center text-text-quaternary opacity-0 group-hover:opacity-100">
       {
         more && (
           <>
             <div
-              className='mr-2 max-w-[25%] shrink-0 truncate'
+              className="mr-2 max-w-[25%] shrink-0 truncate"
               title={`${t('appLog.detail.timeConsuming')} ${more.latency}${t('appLog.detail.second')}`}
             >
               {`${t('appLog.detail.timeConsuming')} ${more.latency}${t('appLog.detail.second')}`}
             </div>
             <div
-              className='mr-2 max-w-[25%] shrink-0 truncate'
+              className="mr-2 max-w-[25%] shrink-0 truncate"
               title={`${t('appLog.detail.tokenCost')} ${formatNumber(more.tokens)}`}
             >
               {`${t('appLog.detail.tokenCost')} ${formatNumber(more.tokens)}`}
             </div>
             {more.tokens_per_second && (
               <div
-                className='mr-2 max-w-[25%] shrink-0 truncate'
+                className="mr-2 max-w-[25%] shrink-0 truncate"
                 title={`${more.tokens_per_second} tokens/s`}
               >
                 {`${more.tokens_per_second} tokens/s`}
               </div>
             )}
-            <div className='mx-2 shrink-0'>·</div>
+            <div className="mx-2 shrink-0">·</div>
             <div
-              className='max-w-[25%] shrink-0 truncate'
+              className="max-w-[25%] shrink-0 truncate"
               title={more.time}
             >
               {more.time}
diff --git a/web/app/components/base/chat/chat/answer/operation.tsx b/web/app/components/base/chat/chat/answer/operation.tsx
index d068d3e108..896bae8d94 100644
--- a/web/app/components/base/chat/chat/answer/operation.tsx
+++ b/web/app/components/base/chat/chat/answer/operation.tsx
@@ -1,32 +1,32 @@
 import type { FC } from 'react'
-import {
-  memo,
-  useMemo,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
+import type {
+  ChatItem,
+  Feedback,
+} from '../../types'
 import {
   RiClipboardLine,
   RiResetLeftLine,
   RiThumbDownLine,
   RiThumbUpLine,
 } from '@remixicon/react'
-import type {
-  ChatItem,
-  Feedback,
-} from '../../types'
-import { useChatContext } from '../context'
 import copy from 'copy-to-clipboard'
-import Toast from '@/app/components/base/toast'
-import AnnotationCtrlButton from '@/app/components/base/features/new-feature-panel/annotation-reply/annotation-ctrl-button'
+import {
+  memo,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import EditReplyModal from '@/app/components/app/annotation/edit-annotation-modal'
-import Log from '@/app/components/base/chat/chat/log'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
-import NewAudioButton from '@/app/components/base/new-audio-button'
+import Log from '@/app/components/base/chat/chat/log'
+import AnnotationCtrlButton from '@/app/components/base/features/new-feature-panel/annotation-reply/annotation-ctrl-button'
 import Modal from '@/app/components/base/modal/modal'
+import NewAudioButton from '@/app/components/base/new-audio-button'
 import Textarea from '@/app/components/base/textarea'
+import Toast from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
 import { cn } from '@/utils/classnames'
+import { useChatContext } from '../context'
 
 type OperationProps = {
   item: ChatItem
@@ -190,113 +190,121 @@ const Operation: FC<OperationProps> = ({
           <div className={cn(
             'ml-1 items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm',
             hasUserFeedback ? 'flex' : 'hidden group-hover:flex',
-          )}>
-            {hasUserFeedback ? (
-              <Tooltip
-                popupContent={buildFeedbackTooltip(displayUserFeedback, userFeedbackLabel)}
-                popupClassName={feedbackTooltipClassName}
-              >
-                <ActionButton
-                  state={displayUserFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Destructive}
-                  onClick={() => handleFeedback(null, undefined, 'user')}
-                >
-                  {displayUserFeedback?.rating === 'like'
-                    ? <RiThumbUpLine className='h-4 w-4' />
-                    : <RiThumbDownLine className='h-4 w-4' />}
-                </ActionButton>
-              </Tooltip>
-            ) : (
-              <>
-                <ActionButton
-                  state={displayUserFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Default}
-                  onClick={() => handleLikeClick('user')}
-                >
-                  <RiThumbUpLine className='h-4 w-4' />
-                </ActionButton>
-                <ActionButton
-                  state={displayUserFeedback?.rating === 'dislike' ? ActionButtonState.Destructive : ActionButtonState.Default}
-                  onClick={() => handleDislikeClick('user')}
-                >
-                  <RiThumbDownLine className='h-4 w-4' />
-                </ActionButton>
-              </>
-            )}
+          )}
+          >
+            {hasUserFeedback
+              ? (
+                  <Tooltip
+                    popupContent={buildFeedbackTooltip(displayUserFeedback, userFeedbackLabel)}
+                    popupClassName={feedbackTooltipClassName}
+                  >
+                    <ActionButton
+                      state={displayUserFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Destructive}
+                      onClick={() => handleFeedback(null, undefined, 'user')}
+                    >
+                      {displayUserFeedback?.rating === 'like'
+                        ? <RiThumbUpLine className="h-4 w-4" />
+                        : <RiThumbDownLine className="h-4 w-4" />}
+                    </ActionButton>
+                  </Tooltip>
+                )
+              : (
+                  <>
+                    <ActionButton
+                      state={displayUserFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Default}
+                      onClick={() => handleLikeClick('user')}
+                    >
+                      <RiThumbUpLine className="h-4 w-4" />
+                    </ActionButton>
+                    <ActionButton
+                      state={displayUserFeedback?.rating === 'dislike' ? ActionButtonState.Destructive : ActionButtonState.Default}
+                      onClick={() => handleDislikeClick('user')}
+                    >
+                      <RiThumbDownLine className="h-4 w-4" />
+                    </ActionButton>
+                  </>
+                )}
           </div>
         )}
         {shouldShowAdminFeedbackBar && (
           <div className={cn(
             'ml-1 items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm',
             (hasAdminFeedback || hasUserFeedback) ? 'flex' : 'hidden group-hover:flex',
-          )}>
+          )}
+          >
             {/* User Feedback Display */}
             {displayUserFeedback?.rating && (
               <Tooltip
                 popupContent={buildFeedbackTooltip(displayUserFeedback, userFeedbackLabel)}
                 popupClassName={feedbackTooltipClassName}
               >
-                {displayUserFeedback.rating === 'like' ? (
-                  <ActionButton state={ActionButtonState.Active}>
-                    <RiThumbUpLine className='h-4 w-4' />
-                  </ActionButton>
-                ) : (
-                  <ActionButton state={ActionButtonState.Destructive}>
-                    <RiThumbDownLine className='h-4 w-4' />
-                  </ActionButton>
-                )}
+                {displayUserFeedback.rating === 'like'
+                  ? (
+                      <ActionButton state={ActionButtonState.Active}>
+                        <RiThumbUpLine className="h-4 w-4" />
+                      </ActionButton>
+                    )
+                  : (
+                      <ActionButton state={ActionButtonState.Destructive}>
+                        <RiThumbDownLine className="h-4 w-4" />
+                      </ActionButton>
+                    )}
               </Tooltip>
             )}
 
             {/* Admin Feedback Controls */}
-            {displayUserFeedback?.rating && <div className='mx-1 h-3 w-[0.5px] bg-components-actionbar-border' />}
-            {hasAdminFeedback ? (
-              <Tooltip
-                popupContent={buildFeedbackTooltip(adminLocalFeedback, adminFeedbackLabel)}
-                popupClassName={feedbackTooltipClassName}
-              >
-                <ActionButton
-                  state={adminLocalFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Destructive}
-                  onClick={() => handleFeedback(null, undefined, 'admin')}
-                >
-                  {adminLocalFeedback?.rating === 'like'
-                    ? <RiThumbUpLine className='h-4 w-4' />
-                    : <RiThumbDownLine className='h-4 w-4' />}
-                </ActionButton>
-              </Tooltip>
-            ) : (
-              <>
-                <Tooltip
-                  popupContent={buildFeedbackTooltip(adminLocalFeedback, adminFeedbackLabel)}
-                  popupClassName={feedbackTooltipClassName}
-                >
-                  <ActionButton
-                    state={adminLocalFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Default}
-                    onClick={() => handleLikeClick('admin')}
+            {displayUserFeedback?.rating && <div className="mx-1 h-3 w-[0.5px] bg-components-actionbar-border" />}
+            {hasAdminFeedback
+              ? (
+                  <Tooltip
+                    popupContent={buildFeedbackTooltip(adminLocalFeedback, adminFeedbackLabel)}
+                    popupClassName={feedbackTooltipClassName}
                   >
-                    <RiThumbUpLine className='h-4 w-4' />
-                  </ActionButton>
-                </Tooltip>
-                <Tooltip
-                  popupContent={buildFeedbackTooltip(adminLocalFeedback, adminFeedbackLabel)}
-                  popupClassName={feedbackTooltipClassName}
-                >
-                  <ActionButton
-                    state={adminLocalFeedback?.rating === 'dislike' ? ActionButtonState.Destructive : ActionButtonState.Default}
-                    onClick={() => handleDislikeClick('admin')}
-                  >
-                    <RiThumbDownLine className='h-4 w-4' />
-                  </ActionButton>
-                </Tooltip>
-              </>
-            )}
+                    <ActionButton
+                      state={adminLocalFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Destructive}
+                      onClick={() => handleFeedback(null, undefined, 'admin')}
+                    >
+                      {adminLocalFeedback?.rating === 'like'
+                        ? <RiThumbUpLine className="h-4 w-4" />
+                        : <RiThumbDownLine className="h-4 w-4" />}
+                    </ActionButton>
+                  </Tooltip>
+                )
+              : (
+                  <>
+                    <Tooltip
+                      popupContent={buildFeedbackTooltip(adminLocalFeedback, adminFeedbackLabel)}
+                      popupClassName={feedbackTooltipClassName}
+                    >
+                      <ActionButton
+                        state={adminLocalFeedback?.rating === 'like' ? ActionButtonState.Active : ActionButtonState.Default}
+                        onClick={() => handleLikeClick('admin')}
+                      >
+                        <RiThumbUpLine className="h-4 w-4" />
+                      </ActionButton>
+                    </Tooltip>
+                    <Tooltip
+                      popupContent={buildFeedbackTooltip(adminLocalFeedback, adminFeedbackLabel)}
+                      popupClassName={feedbackTooltipClassName}
+                    >
+                      <ActionButton
+                        state={adminLocalFeedback?.rating === 'dislike' ? ActionButtonState.Destructive : ActionButtonState.Default}
+                        onClick={() => handleDislikeClick('admin')}
+                      >
+                        <RiThumbDownLine className="h-4 w-4" />
+                      </ActionButton>
+                    </Tooltip>
+                  </>
+                )}
           </div>
         )}
         {showPromptLog && !isOpeningStatement && (
-          <div className='hidden group-hover:block'>
+          <div className="hidden group-hover:block">
             <Log logItem={item} />
           </div>
         )}
         {!isOpeningStatement && (
-          <div className='ml-1 hidden items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm group-hover:flex'>
+          <div className="ml-1 hidden items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm group-hover:flex">
             {(config?.text_to_speech?.enabled) && (
               <NewAudioButton
                 id={id}
@@ -307,12 +315,13 @@ const Operation: FC<OperationProps> = ({
             <ActionButton onClick={() => {
               copy(content)
               Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
-            }}>
-              <RiClipboardLine className='h-4 w-4' />
+            }}
+            >
+              <RiClipboardLine className="h-4 w-4" />
             </ActionButton>
             {!noChatInput && (
               <ActionButton onClick={() => onRegenerate?.(item)}>
-                <RiResetLeftLine className='h-4 w-4' />
+                <RiResetLeftLine className="h-4 w-4" />
               </ActionButton>
             )}
             {(config?.supportAnnotation && config.annotation_reply?.enabled) && (
@@ -352,9 +361,9 @@ const Operation: FC<OperationProps> = ({
           confirmButtonText={t('common.operation.submit') || 'Submit'}
           cancelButtonText={t('common.operation.cancel') || 'Cancel'}
         >
-          <div className='space-y-3'>
+          <div className="space-y-3">
             <div>
-              <label className='system-sm-semibold mb-2 block text-text-secondary'>
+              <label className="system-sm-semibold mb-2 block text-text-secondary">
                 {t('common.feedback.content') || 'Feedback Content'}
               </label>
               <Textarea
@@ -362,7 +371,7 @@ const Operation: FC<OperationProps> = ({
                 onChange={e => setFeedbackContent(e.target.value)}
                 placeholder={t('common.feedback.placeholder') || 'Please describe what went wrong or how we can improve...'}
                 rows={4}
-                className='w-full'
+                className="w-full"
               />
             </div>
           </div>
diff --git a/web/app/components/base/chat/chat/answer/suggested-questions.tsx b/web/app/components/base/chat/chat/answer/suggested-questions.tsx
index 8b64bff6a3..019ed78348 100644
--- a/web/app/components/base/chat/chat/answer/suggested-questions.tsx
+++ b/web/app/components/base/chat/chat/answer/suggested-questions.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import { memo } from 'react'
 import type { ChatItem } from '../../types'
+import { memo } from 'react'
 import { useChatContext } from '../context'
 
 type SuggestedQuestionsProps = {
@@ -20,15 +20,16 @@ const SuggestedQuestions: FC<SuggestedQuestionsProps> = ({
     return null
 
   return (
-    <div className='flex flex-wrap'>
+    <div className="flex flex-wrap">
       {suggestedQuestions.filter(q => !!q && q.trim()).map((question, index) => (
         <div
           key={index}
-          className='system-sm-medium mr-1 mt-1 inline-flex max-w-full shrink-0 cursor-pointer flex-wrap rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3.5 py-2 text-components-button-secondary-accent-text shadow-xs last:mr-0 hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover'
+          className="system-sm-medium mr-1 mt-1 inline-flex max-w-full shrink-0 cursor-pointer flex-wrap rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3.5 py-2 text-components-button-secondary-accent-text shadow-xs last:mr-0 hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover"
           onClick={() => onSend?.(question)}
         >
           {question}
-        </div>),
+        </div>
+      ),
       )}
     </div>
   )
diff --git a/web/app/components/base/chat/chat/answer/tool-detail.tsx b/web/app/components/base/chat/chat/answer/tool-detail.tsx
index 6e6710e053..d13825b121 100644
--- a/web/app/components/base/chat/chat/answer/tool-detail.tsx
+++ b/web/app/components/base/chat/chat/answer/tool-detail.tsx
@@ -1,12 +1,12 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ToolInfoInThought } from '../type'
 import {
   RiArrowDownSLine,
   RiArrowRightSLine,
   RiHammerFill,
   RiLoader2Line,
 } from '@remixicon/react'
-import type { ToolInfoInThought } from '../type'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
 
 type ToolDetailProps = {
@@ -35,29 +35,29 @@ const ToolDetail = ({
         )}
         onClick={() => setExpand(!expand)}
       >
-        {isFinished && <RiHammerFill className='mr-1 h-3.5 w-3.5' />}
-        {!isFinished && <RiLoader2Line className='mr-1 h-3.5 w-3.5 animate-spin' />}
+        {isFinished && <RiHammerFill className="mr-1 h-3.5 w-3.5" />}
+        {!isFinished && <RiLoader2Line className="mr-1 h-3.5 w-3.5 animate-spin" />}
         {t(`tools.thought.${isFinished ? 'used' : 'using'}`)}
-        <div className='mx-1 text-text-secondary'>{toolLabel}</div>
-        {!expand && <RiArrowRightSLine className='h-4 w-4' />}
-        {expand && <RiArrowDownSLine className='ml-auto h-4 w-4' />}
+        <div className="mx-1 text-text-secondary">{toolLabel}</div>
+        {!expand && <RiArrowRightSLine className="h-4 w-4" />}
+        {expand && <RiArrowDownSLine className="ml-auto h-4 w-4" />}
       </div>
       {
         expand && (
           <>
-            <div className='mx-1 mb-0.5 rounded-[10px] bg-components-panel-on-panel-item-bg text-text-secondary'>
-              <div className='system-xs-semibold-uppercase flex h-7 items-center justify-between px-2 pt-1'>
+            <div className="mx-1 mb-0.5 rounded-[10px] bg-components-panel-on-panel-item-bg text-text-secondary">
+              <div className="system-xs-semibold-uppercase flex h-7 items-center justify-between px-2 pt-1">
                 {t('tools.thought.requestTitle')}
               </div>
-              <div className='code-xs-regular break-words px-3 pb-2 pt-1'>
+              <div className="code-xs-regular break-words px-3 pb-2 pt-1">
                 {input}
               </div>
             </div>
-            <div className='mx-1 mb-1 rounded-[10px] bg-components-panel-on-panel-item-bg text-text-secondary'>
-              <div className='system-xs-semibold-uppercase flex h-7 items-center justify-between px-2 pt-1'>
+            <div className="mx-1 mb-1 rounded-[10px] bg-components-panel-on-panel-item-bg text-text-secondary">
+              <div className="system-xs-semibold-uppercase flex h-7 items-center justify-between px-2 pt-1">
                 {t('tools.thought.responseTitle')}
               </div>
-              <div className='code-xs-regular break-words px-3 pb-2 pt-1'>
+              <div className="code-xs-regular break-words px-3 pb-2 pt-1">
                 {output}
               </div>
             </div>
diff --git a/web/app/components/base/chat/chat/answer/workflow-process.tsx b/web/app/components/base/chat/chat/answer/workflow-process.tsx
index c36f2b8f72..513ac28d0a 100644
--- a/web/app/components/base/chat/chat/answer/workflow-process.tsx
+++ b/web/app/components/base/chat/chat/answer/workflow-process.tsx
@@ -1,18 +1,18 @@
-import {
-  useEffect,
-  useState,
-} from 'react'
+import type { ChatItem, WorkflowProcess } from '../../types'
 import {
   RiArrowRightSLine,
   RiErrorWarningFill,
   RiLoader2Line,
 } from '@remixicon/react'
+import {
+  useEffect,
+  useState,
+} from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ChatItem, WorkflowProcess } from '../../types'
-import TracingPanel from '@/app/components/workflow/run/tracing-panel'
-import { cn } from '@/utils/classnames'
 import { CheckCircle } from '@/app/components/base/icons/src/vender/solid/general'
+import TracingPanel from '@/app/components/workflow/run/tracing-panel'
 import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 
 type WorkflowProcessProps = {
   data: WorkflowProcess
@@ -39,7 +39,8 @@ const WorkflowProcessItem = ({
     setCollapse(!expand)
   }, [expand])
 
-  if (readonly) return null
+  if (readonly)
+    return null
 
   return (
     <div
@@ -58,17 +59,17 @@ const WorkflowProcessItem = ({
       >
         {
           running && (
-            <RiLoader2Line className='mr-1 h-3.5 w-3.5 shrink-0 animate-spin text-text-tertiary' />
+            <RiLoader2Line className="mr-1 h-3.5 w-3.5 shrink-0 animate-spin text-text-tertiary" />
           )
         }
         {
           succeeded && (
-            <CheckCircle className='mr-1 h-3.5 w-3.5 shrink-0 text-text-success' />
+            <CheckCircle className="mr-1 h-3.5 w-3.5 shrink-0 text-text-success" />
           )
         }
         {
           failed && (
-            <RiErrorWarningFill className='mr-1 h-3.5 w-3.5 shrink-0 text-text-destructive' />
+            <RiErrorWarningFill className="mr-1 h-3.5 w-3.5 shrink-0 text-text-destructive" />
           )
         }
         <div className={cn('system-xs-medium text-text-secondary', !collapse && 'grow')}>
@@ -78,14 +79,12 @@ const WorkflowProcessItem = ({
       </div>
       {
         !collapse && (
-          <div className='mt-1.5'>
-            {
-              <TracingPanel
-                list={data.tracing}
-                hideNodeInfo={hideInfo}
-                hideNodeProcessDetail={hideProcessDetail}
-              />
-            }
+          <div className="mt-1.5">
+            <TracingPanel
+              list={data.tracing}
+              hideNodeInfo={hideInfo}
+              hideNodeProcessDetail={hideProcessDetail}
+            />
           </div>
         )
       }
diff --git a/web/app/components/base/chat/chat/chat-input-area/index.tsx b/web/app/components/base/chat/chat/chat-input-area/index.tsx
index bea1b3890b..df411864cf 100644
--- a/web/app/components/base/chat/chat/chat-input-area/index.tsx
+++ b/web/app/components/base/chat/chat/chat-input-area/index.tsx
@@ -1,33 +1,33 @@
+import type { Theme } from '../../embedded-chatbot/theme/theme-context'
+import type {
+  EnableType,
+  OnSend,
+} from '../../types'
+import type { InputForm } from '../type'
+import type { FileUpload } from '@/app/components/base/features/types'
+import { decode } from 'html-entities'
+import Recorder from 'js-audio-recorder'
 import {
   useCallback,
   useRef,
   useState,
 } from 'react'
-import Textarea from 'react-textarea-autosize'
 import { useTranslation } from 'react-i18next'
-import Recorder from 'js-audio-recorder'
-import { decode } from 'html-entities'
-import type {
-  EnableType,
-  OnSend,
-} from '../../types'
-import type { Theme } from '../../embedded-chatbot/theme/theme-context'
-import type { InputForm } from '../type'
-import { useCheckInputsForms } from '../check-input-forms-hooks'
-import { useTextAreaHeight } from './hooks'
-import Operation from './operation'
-import { cn } from '@/utils/classnames'
+import Textarea from 'react-textarea-autosize'
+import FeatureBar from '@/app/components/base/features/new-feature-panel/feature-bar'
 import { FileListInChatInput } from '@/app/components/base/file-uploader'
 import { useFile } from '@/app/components/base/file-uploader/hooks'
 import {
   FileContextProvider,
   useFileStore,
 } from '@/app/components/base/file-uploader/store'
-import VoiceInput from '@/app/components/base/voice-input'
 import { useToastContext } from '@/app/components/base/toast'
-import FeatureBar from '@/app/components/base/features/new-feature-panel/feature-bar'
-import type { FileUpload } from '@/app/components/base/features/types'
+import VoiceInput from '@/app/components/base/voice-input'
 import { TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { useCheckInputsForms } from '../check-input-forms-hooks'
+import { useTextAreaHeight } from './hooks'
+import Operation from './operation'
 
 type ChatInputAreaProps = {
   botName?: string
@@ -130,7 +130,8 @@ const ChatInputArea = ({
   const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
     if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
       // if isComposing, exit
-      if (isComposingRef.current) return
+      if (isComposingRef.current)
+        return
       e.preventDefault()
       setQuery(query.replace(/\n$/, ''))
       historyRef.current.push(query)
@@ -186,16 +187,16 @@ const ChatInputArea = ({
           disabled && 'pointer-events-none border-components-panel-border opacity-50 shadow-none',
         )}
       >
-        <div className='relative max-h-[158px] overflow-y-auto overflow-x-hidden px-[9px] pt-[9px]'>
+        <div className="relative max-h-[158px] overflow-y-auto overflow-x-hidden px-[9px] pt-[9px]">
           <FileListInChatInput fileConfig={visionConfig!} />
           <div
             ref={wrapperRef}
-            className='flex items-center justify-between'
+            className="flex items-center justify-between"
           >
-            <div className='relative flex w-full grow items-center'>
+            <div className="relative flex w-full grow items-center">
               <div
                 ref={textValueRef}
-                className='body-lg-regular pointer-events-none invisible absolute h-auto w-auto whitespace-pre p-1 leading-6'
+                className="body-lg-regular pointer-events-none invisible absolute h-auto w-auto whitespace-pre p-1 leading-6"
               >
                 {query}
               </div>
@@ -234,7 +235,7 @@ const ChatInputArea = ({
         </div>
         {
           isMultipleLine && (
-            <div className='px-[9px]'>{operation}</div>
+            <div className="px-[9px]">{operation}</div>
           )
         }
       </div>
diff --git a/web/app/components/base/chat/chat/chat-input-area/operation.tsx b/web/app/components/base/chat/chat/chat-input-area/operation.tsx
index 2c041be90b..27e5bf6cad 100644
--- a/web/app/components/base/chat/chat/chat-input-area/operation.tsx
+++ b/web/app/components/base/chat/chat/chat-input-area/operation.tsx
@@ -1,17 +1,17 @@
 import type { FC, Ref } from 'react'
-import { memo } from 'react'
+import type { Theme } from '../../embedded-chatbot/theme/theme-context'
+import type {
+  EnableType,
+} from '../../types'
+import type { FileUpload } from '@/app/components/base/features/types'
 import {
   RiMicLine,
   RiSendPlane2Fill,
 } from '@remixicon/react'
-import type {
-  EnableType,
-} from '../../types'
-import type { Theme } from '../../embedded-chatbot/theme/theme-context'
-import Button from '@/app/components/base/button'
+import { memo } from 'react'
 import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
 import { FileUploaderInChatInput } from '@/app/components/base/file-uploader'
-import type { FileUpload } from '@/app/components/base/features/types'
 import { cn } from '@/utils/classnames'
 
 type OperationProps = {
@@ -19,8 +19,8 @@ type OperationProps = {
   speechToTextConfig?: EnableType
   onShowVoiceInput?: () => void
   onSend: () => void
-  theme?: Theme | null,
-  ref?: Ref<HTMLDivElement>;
+  theme?: Theme | null
+  ref?: Ref<HTMLDivElement>
 }
 const Operation: FC<OperationProps> = ({
   ref,
@@ -37,35 +37,35 @@ const Operation: FC<OperationProps> = ({
       )}
     >
       <div
-        className='flex items-center pl-1'
+        className="flex items-center pl-1"
         ref={ref}
       >
-        <div className='flex items-center space-x-1'>
+        <div className="flex items-center space-x-1">
           {fileConfig?.enabled && <FileUploaderInChatInput fileConfig={fileConfig} />}
           {
             speechToTextConfig?.enabled && (
               <ActionButton
-                size='l'
+                size="l"
                 onClick={onShowVoiceInput}
               >
-                <RiMicLine className='h-5 w-5' />
+                <RiMicLine className="h-5 w-5" />
               </ActionButton>
             )
           }
         </div>
         <Button
-          className='ml-3 w-8 px-0'
-          variant='primary'
+          className="ml-3 w-8 px-0"
+          variant="primary"
           onClick={onSend}
           style={
             theme
               ? {
-                backgroundColor: theme.primaryColor,
-              }
+                  backgroundColor: theme.primaryColor,
+                }
               : {}
           }
         >
-          <RiSendPlane2Fill className='h-4 w-4' />
+          <RiSendPlane2Fill className="h-4 w-4" />
         </Button>
       </div>
     </div>
diff --git a/web/app/components/base/chat/chat/check-input-forms-hooks.ts b/web/app/components/base/chat/chat/check-input-forms-hooks.ts
index 469e210025..788f66e6f8 100644
--- a/web/app/components/base/chat/chat/check-input-forms-hooks.ts
+++ b/web/app/components/base/chat/chat/check-input-forms-hooks.ts
@@ -1,6 +1,6 @@
+import type { InputForm } from './type'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { InputForm } from './type'
 import { useToastContext } from '@/app/components/base/toast'
 import { InputVarType } from '@/app/components/workflow/types'
 import { TransferMethod } from '@/types/app'
diff --git a/web/app/components/base/chat/chat/citation/index.tsx b/web/app/components/base/chat/chat/citation/index.tsx
index 99768f9773..14d3e5af92 100644
--- a/web/app/components/base/chat/chat/citation/index.tsx
+++ b/web/app/components/base/chat/chat/citation/index.tsx
@@ -1,8 +1,8 @@
-import { useEffect, useMemo, useRef, useState } from 'react'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
 import type { CitationItem } from '../type'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Popup from './popup'
 
 export type Resources = {
@@ -76,17 +76,17 @@ const Citation: FC<CitationProps> = ({
   const resourcesLength = resources.length
 
   return (
-    <div className='-mb-1 mt-3'>
-      <div className='system-xs-medium mb-2 flex items-center text-text-tertiary'>
+    <div className="-mb-1 mt-3">
+      <div className="system-xs-medium mb-2 flex items-center text-text-tertiary">
         {t('common.chat.citation.title')}
-        <div className='ml-2 h-px grow bg-divider-regular' />
+        <div className="ml-2 h-px grow bg-divider-regular" />
       </div>
-      <div className='relative flex flex-wrap'>
+      <div className="relative flex flex-wrap">
         {
           resources.map((res, index) => (
             <div
               key={index}
-              className='absolute left-0 top-0 -z-10 mb-1 mr-1 h-7 w-auto max-w-[240px] whitespace-nowrap pl-7 pr-2 text-xs opacity-0'
+              className="absolute left-0 top-0 -z-10 mb-1 mr-1 h-7 w-auto max-w-[240px] whitespace-nowrap pl-7 pr-2 text-xs opacity-0"
               ref={(ele: any) => (elesRef.current[index] = ele!)}
             >
               {res.documentName}
@@ -95,7 +95,7 @@ const Citation: FC<CitationProps> = ({
         }
         {
           resources.slice(0, showMore ? resourcesLength : limitNumberInOneLine).map((res, index) => (
-            <div key={index} className='mb-1 mr-1 cursor-pointer'>
+            <div key={index} className="mb-1 mr-1 cursor-pointer">
               <Popup
                 data={res}
                 showHitInfo={showHitInfo}
@@ -106,13 +106,13 @@ const Citation: FC<CitationProps> = ({
         {
           limitNumberInOneLine < resourcesLength && (
             <div
-              className='system-xs-medium flex h-7 cursor-pointer items-center rounded-lg bg-components-panel-bg px-2 text-text-tertiary'
+              className="system-xs-medium flex h-7 cursor-pointer items-center rounded-lg bg-components-panel-bg px-2 text-text-tertiary"
               onClick={() => setShowMore(v => !v)}
             >
               {
                 !showMore
                   ? `+ ${resourcesLength - limitNumberInOneLine}`
-                  : <RiArrowDownSLine className='h-4 w-4 rotate-180 text-text-tertiary' />
+                  : <RiArrowDownSLine className="h-4 w-4 rotate-180 text-text-tertiary" />
               }
             </div>
           )
diff --git a/web/app/components/base/chat/chat/citation/popup.tsx b/web/app/components/base/chat/chat/citation/popup.tsx
index ef3a48c7f6..623d756d16 100644
--- a/web/app/components/base/chat/chat/citation/popup.tsx
+++ b/web/app/components/base/chat/chat/citation/popup.tsx
@@ -1,25 +1,25 @@
-import { Fragment, useState } from 'react'
 import type { FC } from 'react'
-import Link from 'next/link'
-import { useTranslation } from 'react-i18next'
-import Tooltip from './tooltip'
-import ProgressTooltip from './progress-tooltip'
 import type { Resources } from './index'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-  PortalToFollowElemTrigger,
-} from '@/app/components/base/portal-to-follow-elem'
+import Link from 'next/link'
+import { Fragment, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import FileIcon from '@/app/components/base/file-icon'
-import {
-  Hash02,
-  Target04,
-} from '@/app/components/base/icons/src/vender/line/general'
 import { ArrowUpRight } from '@/app/components/base/icons/src/vender/line/arrows'
 import {
   BezierCurve03,
   TypeSquare,
 } from '@/app/components/base/icons/src/vender/line/editor'
+import {
+  Hash02,
+  Target04,
+} from '@/app/components/base/icons/src/vender/line/general'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+  PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+import ProgressTooltip from './progress-tooltip'
+import Tooltip from './tooltip'
 
 type PopupProps = {
   data: Resources
@@ -33,43 +33,43 @@ const Popup: FC<PopupProps> = ({
   const { t } = useTranslation()
   const [open, setOpen] = useState(false)
   const fileType = data.dataSourceType !== 'notion'
-    ? (/\.([^.]*)$/g.exec(data.documentName)?.[1] || '')
+    ? (/\.([^.]*)$/.exec(data.documentName)?.[1] || '')
     : 'notion'
 
   return (
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='top-start'
+      placement="top-start"
       offset={{
         mainAxis: 8,
         crossAxis: -2,
       }}
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
-        <div className='flex h-7 max-w-[240px] items-center rounded-lg bg-components-button-secondary-bg px-2'>
-          <FileIcon type={fileType} className='mr-1 h-4 w-4 shrink-0' />
-          <div className='truncate text-xs text-text-tertiary'>{data.documentName}</div>
+        <div className="flex h-7 max-w-[240px] items-center rounded-lg bg-components-button-secondary-bg px-2">
+          <FileIcon type={fileType} className="mr-1 h-4 w-4 shrink-0" />
+          <div className="truncate text-xs text-text-tertiary">{data.documentName}</div>
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 1000 }}>
-        <div className='max-w-[360px] rounded-xl bg-background-section-burn shadow-lg backdrop-blur-[5px]'>
-          <div className='px-4 pb-2 pt-3'>
-            <div className='flex h-[18px] items-center'>
-              <FileIcon type={fileType} className='mr-1 h-4 w-4 shrink-0' />
-              <div className='system-xs-medium truncate text-text-tertiary'>{data.documentName}</div>
+        <div className="max-w-[360px] rounded-xl bg-background-section-burn shadow-lg backdrop-blur-[5px]">
+          <div className="px-4 pb-2 pt-3">
+            <div className="flex h-[18px] items-center">
+              <FileIcon type={fileType} className="mr-1 h-4 w-4 shrink-0" />
+              <div className="system-xs-medium truncate text-text-tertiary">{data.documentName}</div>
             </div>
           </div>
-          <div className='max-h-[450px] overflow-y-auto rounded-lg bg-components-panel-bg px-4 py-0.5'>
-            <div className='w-full'>
+          <div className="max-h-[450px] overflow-y-auto rounded-lg bg-components-panel-bg px-4 py-0.5">
+            <div className="w-full">
               {
                 data.sources.map((source, index) => (
                   <Fragment key={index}>
-                    <div className='group py-3'>
-                      <div className='mb-2 flex items-center justify-between'>
-                        <div className='flex h-5 items-center rounded-md border border-divider-subtle px-1.5'>
-                          <Hash02 className='mr-0.5 h-3 w-3 text-text-quaternary' />
-                          <div className='text-[11px] font-medium text-text-tertiary'>
+                    <div className="group py-3">
+                      <div className="mb-2 flex items-center justify-between">
+                        <div className="flex h-5 items-center rounded-md border border-divider-subtle px-1.5">
+                          <Hash02 className="mr-0.5 h-3 w-3 text-text-quaternary" />
+                          <div className="text-[11px] font-medium text-text-tertiary">
                             {source.segment_position || index + 1}
                           </div>
                         </div>
@@ -77,31 +77,32 @@ const Popup: FC<PopupProps> = ({
                           showHitInfo && (
                             <Link
                               href={`/datasets/${source.dataset_id}/documents/${source.document_id}`}
-                              className='hidden h-[18px] items-center text-xs text-text-accent group-hover:flex'>
+                              className="hidden h-[18px] items-center text-xs text-text-accent group-hover:flex"
+                            >
                               {t('common.chat.citation.linkToDataset')}
-                              <ArrowUpRight className='ml-1 h-3 w-3' />
+                              <ArrowUpRight className="ml-1 h-3 w-3" />
                             </Link>
                           )
                         }
                       </div>
-                      <div className='break-words text-[13px] text-text-secondary'>{source.content}</div>
+                      <div className="break-words text-[13px] text-text-secondary">{source.content}</div>
                       {
                         showHitInfo && (
-                          <div className='system-xs-medium mt-2 flex flex-wrap items-center text-text-quaternary'>
+                          <div className="system-xs-medium mt-2 flex flex-wrap items-center text-text-quaternary">
                             <Tooltip
                               text={t('common.chat.citation.characters')}
                               data={source.word_count}
-                              icon={<TypeSquare className='mr-1 h-3 w-3' />}
+                              icon={<TypeSquare className="mr-1 h-3 w-3" />}
                             />
                             <Tooltip
                               text={t('common.chat.citation.hitCount')}
                               data={source.hit_count}
-                              icon={<Target04 className='mr-1 h-3 w-3' />}
+                              icon={<Target04 className="mr-1 h-3 w-3" />}
                             />
                             <Tooltip
                               text={t('common.chat.citation.vectorHash')}
                               data={source.index_node_hash?.substring(0, 7)}
-                              icon={<BezierCurve03 className='mr-1 h-3 w-3' />}
+                              icon={<BezierCurve03 className="mr-1 h-3 w-3" />}
                             />
                             {
                               source.score && (
@@ -114,7 +115,7 @@ const Popup: FC<PopupProps> = ({
                     </div>
                     {
                       index !== data.sources.length - 1 && (
-                        <div className='my-1 h-px bg-divider-regular' />
+                        <div className="my-1 h-px bg-divider-regular" />
                       )
                     }
                   </Fragment>
diff --git a/web/app/components/base/chat/chat/citation/progress-tooltip.tsx b/web/app/components/base/chat/chat/citation/progress-tooltip.tsx
index e1f240448d..c47b63e808 100644
--- a/web/app/components/base/chat/chat/citation/progress-tooltip.tsx
+++ b/web/app/components/base/chat/chat/citation/progress-tooltip.tsx
@@ -1,5 +1,5 @@
-import { useState } from 'react'
 import type { FC } from 'react'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import {
   PortalToFollowElem,
@@ -21,22 +21,24 @@ const ProgressTooltip: FC<ProgressTooltipProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='top-start'
+      placement="top-start"
     >
       <PortalToFollowElemTrigger
         onMouseEnter={() => setOpen(true)}
         onMouseLeave={() => setOpen(false)}
       >
-        <div className='flex grow items-center'>
-          <div className='mr-1 h-1.5 w-16 overflow-hidden rounded-[3px] border border-components-progress-gray-border'>
-            <div className='h-full bg-components-progress-gray-progress' style={{ width: `${data * 100}%` }}></div>
+        <div className="flex grow items-center">
+          <div className="mr-1 h-1.5 w-16 overflow-hidden rounded-[3px] border border-components-progress-gray-border">
+            <div className="h-full bg-components-progress-gray-progress" style={{ width: `${data * 100}%` }}></div>
           </div>
           {data}
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 1001 }}>
-        <div className='system-xs-medium rounded-lg bg-components-tooltip-bg p-3 text-text-quaternary shadow-lg'>
-          {t('common.chat.citation.hitScore')} {data}
+        <div className="system-xs-medium rounded-lg bg-components-tooltip-bg p-3 text-text-quaternary shadow-lg">
+          {t('common.chat.citation.hitScore')}
+          {' '}
+          {data}
         </div>
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/base/chat/chat/citation/tooltip.tsx b/web/app/components/base/chat/chat/citation/tooltip.tsx
index 8d58e9a502..24490a96c0 100644
--- a/web/app/components/base/chat/chat/citation/tooltip.tsx
+++ b/web/app/components/base/chat/chat/citation/tooltip.tsx
@@ -1,5 +1,5 @@
-import React, { useState } from 'react'
 import type { FC } from 'react'
+import React, { useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
@@ -23,20 +23,22 @@ const Tooltip: FC<TooltipProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='top-start'
+      placement="top-start"
     >
       <PortalToFollowElemTrigger
         onMouseEnter={() => setOpen(true)}
         onMouseLeave={() => setOpen(false)}
       >
-        <div className='mr-6 flex items-center'>
+        <div className="mr-6 flex items-center">
           {icon}
           {data}
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 1001 }}>
-        <div className='system-xs-medium rounded-lg bg-components-tooltip-bg p-3 text-text-quaternary shadow-lg'>
-          {text} {data}
+        <div className="system-xs-medium rounded-lg bg-components-tooltip-bg p-3 text-text-quaternary shadow-lg">
+          {text}
+          {' '}
+          {data}
         </div>
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/base/chat/chat/content-switch.tsx b/web/app/components/base/chat/chat/content-switch.tsx
index 948c08186f..e17d3de019 100644
--- a/web/app/components/base/chat/chat/content-switch.tsx
+++ b/web/app/components/base/chat/chat/content-switch.tsx
@@ -16,7 +16,8 @@ export default function ContentSwitch({
   return (
     count && count > 1 && currentIndex !== undefined && (
       <div className="flex items-center justify-center pt-3.5 text-sm">
-        <button type="button"
+        <button
+          type="button"
           className={`${prevDisabled ? 'opacity-30' : 'opacity-100'}`}
           disabled={prevDisabled}
           onClick={() => !prevDisabled && switchSibling('prev')}
@@ -24,9 +25,13 @@ export default function ContentSwitch({
           <ChevronRight className="h-[14px] w-[14px] rotate-180 text-text-primary" />
         </button>
         <span className="px-2 text-xs text-text-primary">
-          {currentIndex + 1} / {count}
+          {currentIndex + 1}
+          {' '}
+          /
+          {count}
         </span>
-        <button type="button"
+        <button
+          type="button"
           className={`${nextDisabled ? 'opacity-30' : 'opacity-100'}`}
           disabled={nextDisabled}
           onClick={() => !nextDisabled && switchSibling('next')}
diff --git a/web/app/components/base/chat/chat/context.tsx b/web/app/components/base/chat/chat/context.tsx
index 8c69884c91..92b1fec4a2 100644
--- a/web/app/components/base/chat/chat/context.tsx
+++ b/web/app/components/base/chat/chat/context.tsx
@@ -1,8 +1,8 @@
 'use client'
 
 import type { ReactNode } from 'react'
-import { createContext, useContext } from 'use-context-selector'
 import type { ChatProps } from './index'
+import { createContext, useContext } from 'use-context-selector'
 
 export type ChatContextValue = Pick<ChatProps, 'config'
   | 'isResponding'
@@ -15,8 +15,7 @@ export type ChatContextValue = Pick<ChatProps, 'config'
   | 'onAnnotationEdited'
   | 'onAnnotationAdded'
   | 'onAnnotationRemoved'
-  | 'onFeedback'
->
+  | 'onFeedback'>
 
 const ChatContext = createContext<ChatContextValue>({
   chatList: [],
@@ -55,7 +54,8 @@ export const ChatContextProvider = ({
       onAnnotationAdded,
       onAnnotationRemoved,
       onFeedback,
-    }}>
+    }}
+    >
       {children}
     </ChatContext.Provider>
   )
diff --git a/web/app/components/base/chat/chat/hooks.ts b/web/app/components/base/chat/chat/hooks.ts
index 3729fd4a6d..739fe644fe 100644
--- a/web/app/components/base/chat/chat/hooks.ts
+++ b/web/app/components/base/chat/chat/hooks.ts
@@ -1,3 +1,16 @@
+import type {
+  ChatConfig,
+  ChatItem,
+  ChatItemInTree,
+  Inputs,
+} from '../types'
+import type { InputForm } from './type'
+import type AudioPlayer from '@/app/components/base/audio-btn/audio'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { Annotation } from '@/models/log'
+import { produce, setAutoFreeze } from 'immer'
+import { noop, uniqBy } from 'lodash-es'
+import { useParams, usePathname } from 'next/navigation'
 import {
   useCallback,
   useEffect,
@@ -6,36 +19,22 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce, setAutoFreeze } from 'immer'
-import { uniqBy } from 'lodash-es'
-import { useParams, usePathname } from 'next/navigation'
 import { v4 as uuidV4 } from 'uuid'
-import type {
-  ChatConfig,
-  ChatItem,
-  ChatItemInTree,
-  Inputs,
-} from '../types'
-import { getThreadMessages } from '../utils'
-import type { InputForm } from './type'
-import {
-  getProcessedInputs,
-  processOpeningStatement,
-} from './utils'
-import { TransferMethod } from '@/types/app'
-import { useToastContext } from '@/app/components/base/toast'
-import { ssePost } from '@/service/base'
-import type { Annotation } from '@/models/log'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
-import useTimestamp from '@/hooks/use-timestamp'
 import { AudioPlayerManager } from '@/app/components/base/audio-btn/audio.player.manager'
-import type AudioPlayer from '@/app/components/base/audio-btn/audio'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import {
   getProcessedFiles,
   getProcessedFilesFromResponse,
 } from '@/app/components/base/file-uploader/utils'
-import { noop } from 'lodash-es'
+import { useToastContext } from '@/app/components/base/toast'
+import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import useTimestamp from '@/hooks/use-timestamp'
+import { ssePost } from '@/service/base'
+import { TransferMethod } from '@/types/app'
+import { getThreadMessages } from '../utils'
+import {
+  getProcessedInputs,
+  processOpeningStatement,
+} from './utils'
 
 type GetAbortController = (abortController: AbortController) => void
 type SendCallback = {
@@ -382,12 +381,12 @@ export const useChat = (
                 ...newResponseItem.message,
                 ...(newResponseItem.message[newResponseItem.message.length - 1].role !== 'assistant'
                   ? [
-                    {
-                      role: 'assistant',
-                      text: newResponseItem.answer,
-                      files: newResponseItem.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
-                    },
-                  ]
+                      {
+                        role: 'assistant',
+                        text: newResponseItem.answer,
+                        files: newResponseItem.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
+                      },
+                    ]
                   : []),
               ],
               more: {
@@ -633,7 +632,8 @@ export const useChat = (
             parentId: data.parent_message_id,
           })
         },
-      })
+      },
+    )
     return true
   }, [
     t,
diff --git a/web/app/components/base/chat/chat/index.tsx b/web/app/components/base/chat/chat/index.tsx
index 9864dda6ae..5f5faab240 100644
--- a/web/app/components/base/chat/chat/index.tsx
+++ b/web/app/components/base/chat/chat/index.tsx
@@ -2,6 +2,18 @@ import type {
   FC,
   ReactNode,
 } from 'react'
+import type { ThemeBuilder } from '../embedded-chatbot/theme/theme-context'
+import type {
+  ChatConfig,
+  ChatItem,
+  Feedback,
+  OnRegenerate,
+  OnSend,
+} from '../types'
+import type { InputForm } from './type'
+import type { Emoji } from '@/app/components/tools/types'
+import type { AppData } from '@/models/share'
+import { debounce } from 'lodash-es'
 import {
   memo,
   useCallback,
@@ -10,30 +22,18 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { debounce } from 'lodash-es'
 import { useShallow } from 'zustand/react/shallow'
-import type {
-  ChatConfig,
-  ChatItem,
-  Feedback,
-  OnRegenerate,
-  OnSend,
-} from '../types'
-import type { ThemeBuilder } from '../embedded-chatbot/theme/theme-context'
-import Question from './question'
-import Answer from './answer'
-import ChatInputArea from './chat-input-area'
-import TryToAsk from './try-to-ask'
-import { ChatContextProvider } from './context'
-import type { InputForm } from './type'
-import { cn } from '@/utils/classnames'
-import type { Emoji } from '@/app/components/tools/types'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import AgentLogModal from '@/app/components/base/agent-log-modal'
 import Button from '@/app/components/base/button'
 import { StopCircle } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
-import AgentLogModal from '@/app/components/base/agent-log-modal'
 import PromptLogModal from '@/app/components/base/prompt-log-modal'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import type { AppData } from '@/models/share'
+import { cn } from '@/utils/classnames'
+import Answer from './answer'
+import ChatInputArea from './chat-input-area'
+import { ChatContextProvider } from './context'
+import Question from './question'
+import TryToAsk from './try-to-ask'
 
 export type ChatProps = {
   appData?: AppData
@@ -205,9 +205,11 @@ const Chat: FC<ChatProps> = ({
   useEffect(() => {
     const setUserScrolled = () => {
       const container = chatContainerRef.current
-      if (!container) return
+      if (!container)
+        return
 
-      if (isAutoScrollingRef.current) return
+      if (isAutoScrollingRef.current)
+        return
 
       const distanceToBottom = container.scrollHeight - container.clientHeight - container.scrollTop
       const SCROLL_UP_THRESHOLD = 100
@@ -216,7 +218,8 @@ const Chat: FC<ChatProps> = ({
     }
 
     const container = chatContainerRef.current
-    if (!container) return
+    if (!container)
+      return
 
     container.addEventListener('scroll', setUserScrolled)
     return () => container.removeEventListener('scroll', setUserScrolled)
@@ -255,7 +258,7 @@ const Chat: FC<ChatProps> = ({
       onAnnotationRemoved={onAnnotationRemoved}
       onFeedback={onFeedback}
     >
-      <div className='relative h-full'>
+      <div className="relative h-full">
         <div
           ref={chatContainerRef}
           className={cn('relative h-full overflow-y-auto overflow-x-hidden', chatContainerClassName)}
@@ -311,10 +314,10 @@ const Chat: FC<ChatProps> = ({
           >
             {
               !noStopResponding && isResponding && (
-                <div className='mb-2 flex justify-center'>
-                  <Button className='border-components-panel-border bg-components-panel-bg text-components-button-secondary-text' onClick={onStopResponding}>
-                    <StopCircle className='mr-[5px] h-3.5 w-3.5' />
-                    <span className='text-xs font-normal'>{t('appDebug.operation.stopResponding')}</span>
+                <div className="mb-2 flex justify-center">
+                  <Button className="border-components-panel-border bg-components-panel-bg text-components-button-secondary-text" onClick={onStopResponding}>
+                    <StopCircle className="mr-[5px] h-3.5 w-3.5" />
+                    <span className="text-xs font-normal">{t('appDebug.operation.stopResponding')}</span>
                   </Button>
                 </div>
               )
diff --git a/web/app/components/base/chat/chat/loading-anim/index.tsx b/web/app/components/base/chat/chat/loading-anim/index.tsx
index 90cda3da2d..496937332d 100644
--- a/web/app/components/base/chat/chat/loading-anim/index.tsx
+++ b/web/app/components/base/chat/chat/loading-anim/index.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import s from './style.module.css'
 import { cn } from '@/utils/classnames'
+import s from './style.module.css'
 
 export type ILoadingAnimProps = {
   type: 'text' | 'avatar'
diff --git a/web/app/components/base/chat/chat/log/index.tsx b/web/app/components/base/chat/chat/log/index.tsx
index 5963e12f8e..f48da4739d 100644
--- a/web/app/components/base/chat/chat/log/index.tsx
+++ b/web/app/components/base/chat/chat/log/index.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import { RiFileList3Line } from '@remixicon/react'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import { RiFileList3Line } from '@remixicon/react'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import ActionButton from '@/app/components/base/action-button'
 
@@ -19,7 +19,7 @@ const Log: FC<LogProps> = ({
 
   return (
     <div
-      className='ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm'
+      className="ml-1 flex items-center gap-0.5 rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-sm"
       onClick={(e) => {
         e.stopPropagation()
         e.nativeEvent.stopImmediatePropagation()
@@ -33,7 +33,7 @@ const Log: FC<LogProps> = ({
       }}
     >
       <ActionButton>
-        <RiFileList3Line className='h-4 w-4' />
+        <RiFileList3Line className="h-4 w-4" />
       </ActionButton>
     </div>
   )
diff --git a/web/app/components/base/chat/chat/question.stories.tsx b/web/app/components/base/chat/chat/question.stories.tsx
index f0ee860c89..4542dc3ac6 100644
--- a/web/app/components/base/chat/chat/question.stories.tsx
+++ b/web/app/components/base/chat/chat/question.stories.tsx
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
 
 import type { ChatItem } from '../types'
-import Question from './question'
 import { User } from '@/app/components/base/icons/src/public/avatar'
+import Question from './question'
 
 const meta = {
   title: 'Base/Other/Chat Question',
@@ -26,8 +26,10 @@ export const Default: Story = {
       content: 'You are a helpful assistant.',
     } satisfies ChatItem,
     theme: undefined,
-    questionIcon: <div className='h-full w-full rounded-full border-[0.5px] border-black/5'>
-      <User className='h-full w-full' />
-    </div>,
+    questionIcon: (
+      <div className="h-full w-full rounded-full border-[0.5px] border-black/5">
+        <User className="h-full w-full" />
+      </div>
+    ),
   },
 }
diff --git a/web/app/components/base/chat/chat/question.tsx b/web/app/components/base/chat/chat/question.tsx
index a36e7ee160..508cbe5a69 100644
--- a/web/app/components/base/chat/chat/question.tsx
+++ b/web/app/components/base/chat/chat/question.tsx
@@ -2,6 +2,10 @@ import type {
   FC,
   ReactNode,
 } from 'react'
+import type { Theme } from '../embedded-chatbot/theme/theme-context'
+import type { ChatItem } from '../types'
+import { RiClipboardLine, RiEditLine } from '@remixicon/react'
+import copy from 'copy-to-clipboard'
 import {
   memo,
   useCallback,
@@ -9,21 +13,17 @@ import {
   useRef,
   useState,
 } from 'react'
-import type { ChatItem } from '../types'
-import type { Theme } from '../embedded-chatbot/theme/theme-context'
-import { CssTransform } from '../embedded-chatbot/theme/utils'
-import ContentSwitch from './content-switch'
+import { useTranslation } from 'react-i18next'
+import Textarea from 'react-textarea-autosize'
+import { FileList } from '@/app/components/base/file-uploader'
 import { User } from '@/app/components/base/icons/src/public/avatar'
 import { Markdown } from '@/app/components/base/markdown'
-import { FileList } from '@/app/components/base/file-uploader'
-import ActionButton from '../../action-button'
-import { RiClipboardLine, RiEditLine } from '@remixicon/react'
-import Toast from '../../toast'
-import copy from 'copy-to-clipboard'
-import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
-import Textarea from 'react-textarea-autosize'
+import ActionButton from '../../action-button'
 import Button from '../../button'
+import Toast from '../../toast'
+import { CssTransform } from '../embedded-chatbot/theme/utils'
+import ContentSwitch from './content-switch'
 import { useChatContext } from './context'
 
 type QuestionProps = {
@@ -101,7 +101,7 @@ const Question: FC<QuestionProps> = ({
   }, [])
 
   return (
-    <div className='mb-2 flex justify-end last:mb-0'>
+    <div className="mb-2 flex justify-end last:mb-0">
       <div className={cn('group relative mr-4 flex max-w-full items-start overflow-x-hidden pl-14', isEditing && 'flex-1')}>
         <div className={cn('mr-2 gap-1', isEditing ? 'hidden' : 'flex')}>
           <div
@@ -111,23 +111,26 @@ const Question: FC<QuestionProps> = ({
             <ActionButton onClick={() => {
               copy(content)
               Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
-            }}>
-              <RiClipboardLine className='h-4 w-4' />
+            }}
+            >
+              <RiClipboardLine className="h-4 w-4" />
             </ActionButton>
-            {enableEdit && <ActionButton onClick={handleEdit}>
-              <RiEditLine className='h-4 w-4' />
-            </ActionButton>}
+            {enableEdit && (
+              <ActionButton onClick={handleEdit}>
+                <RiEditLine className="h-4 w-4" />
+              </ActionButton>
+            )}
           </div>
         </div>
         <div
           ref={contentRef}
-          className='w-full rounded-2xl bg-background-gradient-bg-fill-chat-bubble-bg-3 px-4 py-3 text-sm text-text-primary'
+          className="w-full rounded-2xl bg-background-gradient-bg-fill-chat-bubble-bg-3 px-4 py-3 text-sm text-text-primary"
           style={theme?.chatBubbleColorStyle ? CssTransform(theme.chatBubbleColorStyle) : {}}
         >
           {
             !!message_files?.length && (
               <FileList
-                className='mb-2'
+                className="mb-2"
                 files={message_files}
                 showDeleteAction={false}
                 showDownloadAction={true}
@@ -136,41 +139,46 @@ const Question: FC<QuestionProps> = ({
           }
           {!isEditing
             ? <Markdown content={content} />
-            : <div className="
+            : (
+                <div className="
                 flex flex-col gap-2 rounded-xl
                 border border-components-chat-input-border bg-components-panel-bg-blur p-[9px] shadow-md
-              ">
-              <div className="max-h-[158px] overflow-y-auto overflow-x-hidden">
-                <Textarea
-                  className={cn(
-                    'body-lg-regular w-full p-1 leading-6 text-text-tertiary outline-none',
-                  )}
-                  autoFocus
-                  minRows={1}
-                  value={editedContent}
-                  onChange={e => setEditedContent(e.target.value)}
-                />
-              </div>
-              <div className="flex justify-end gap-2">
-                <Button variant='ghost' onClick={handleCancelEditing}>{t('common.operation.cancel')}</Button>
-                <Button variant='primary' onClick={handleResend}>{t('common.chat.resend')}</Button>
-              </div>
-            </div>}
-          {!isEditing && <ContentSwitch
-            count={item.siblingCount}
-            currentIndex={item.siblingIndex}
-            prevDisabled={!item.prevSibling}
-            nextDisabled={!item.nextSibling}
-            switchSibling={handleSwitchSibling}
-          />}
+              "
+                >
+                  <div className="max-h-[158px] overflow-y-auto overflow-x-hidden">
+                    <Textarea
+                      className={cn(
+                        'body-lg-regular w-full p-1 leading-6 text-text-tertiary outline-none',
+                      )}
+                      autoFocus
+                      minRows={1}
+                      value={editedContent}
+                      onChange={e => setEditedContent(e.target.value)}
+                    />
+                  </div>
+                  <div className="flex justify-end gap-2">
+                    <Button variant="ghost" onClick={handleCancelEditing}>{t('common.operation.cancel')}</Button>
+                    <Button variant="primary" onClick={handleResend}>{t('common.chat.resend')}</Button>
+                  </div>
+                </div>
+              )}
+          {!isEditing && (
+            <ContentSwitch
+              count={item.siblingCount}
+              currentIndex={item.siblingIndex}
+              prevDisabled={!item.prevSibling}
+              nextDisabled={!item.nextSibling}
+              switchSibling={handleSwitchSibling}
+            />
+          )}
         </div>
-        <div className='mt-1 h-[18px]' />
+        <div className="mt-1 h-[18px]" />
       </div>
-      <div className='h-10 w-10 shrink-0'>
+      <div className="h-10 w-10 shrink-0">
         {
           questionIcon || (
-            <div className='h-full w-full rounded-full border-[0.5px] border-black/5'>
-              <User className='h-full w-full' />
+            <div className="h-full w-full rounded-full border-[0.5px] border-black/5">
+              <User className="h-full w-full" />
             </div>
           )
         }
diff --git a/web/app/components/base/chat/chat/thought/index.tsx b/web/app/components/base/chat/chat/thought/index.tsx
index 36f7e65b75..f77208541b 100644
--- a/web/app/components/base/chat/chat/thought/index.tsx
+++ b/web/app/components/base/chat/chat/thought/index.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { ThoughtItem, ToolInfoInThought } from '../type'
+import React from 'react'
 import ToolDetail from '@/app/components/base/chat/chat/answer/tool-detail'
 
 export type IThoughtProps = {
@@ -45,7 +45,7 @@ const Thought: FC<IThoughtProps> = ({
   })
 
   return (
-    <div className='my-2 space-y-2'>
+    <div className="my-2 space-y-2">
       {toolThoughtList.map((item: ToolInfoInThought, index) => (
         <ToolDetail
           key={index}
diff --git a/web/app/components/base/chat/chat/try-to-ask.tsx b/web/app/components/base/chat/chat/try-to-ask.tsx
index 665f7b3b13..42ee7bce41 100644
--- a/web/app/components/base/chat/chat/try-to-ask.tsx
+++ b/web/app/components/base/chat/chat/try-to-ask.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
+import type { OnSend } from '../types'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { OnSend } from '../types'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
 
@@ -16,20 +16,20 @@ const TryToAsk: FC<TryToAskProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='mb-2 py-2'>
+    <div className="mb-2 py-2">
       <div className="mb-2.5 flex items-center justify-between gap-2">
-        <Divider bgStyle='gradient' className='h-px !w-auto grow rotate-180' />
-        <div className='system-xs-medium-uppercase shrink-0 text-text-tertiary'>{t('appDebug.feature.suggestedQuestionsAfterAnswer.tryToAsk')}</div>
-        <Divider bgStyle='gradient' className='h-px !w-auto grow' />
+        <Divider bgStyle="gradient" className="h-px !w-auto grow rotate-180" />
+        <div className="system-xs-medium-uppercase shrink-0 text-text-tertiary">{t('appDebug.feature.suggestedQuestionsAfterAnswer.tryToAsk')}</div>
+        <Divider bgStyle="gradient" className="h-px !w-auto grow" />
       </div>
       <div className="flex flex-wrap justify-center">
         {
           suggestedQuestions.map((suggestQuestion, index) => (
             <Button
-              size='small'
+              size="small"
               key={index}
-              variant='secondary-accent'
-              className='mb-1 mr-1 last:mr-0'
+              variant="secondary-accent"
+              className="mb-1 mr-1 last:mr-0"
               onClick={() => onSend(suggestQuestion)}
             >
               {suggestQuestion}
diff --git a/web/app/components/base/chat/chat/type.ts b/web/app/components/base/chat/chat/type.ts
index 98cc05dda4..291b0ae064 100644
--- a/web/app/components/base/chat/chat/type.ts
+++ b/web/app/components/base/chat/chat/type.ts
@@ -1,7 +1,7 @@
-import type { TypeWithI18N } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Annotation, MessageRating } from '@/models/log'
 import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { TypeWithI18N } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { InputVarType } from '@/app/components/workflow/types'
+import type { Annotation, MessageRating } from '@/models/log'
 import type { FileResponse } from '@/types/workflow'
 
 export type MessageMore = {
@@ -92,7 +92,7 @@ export type IChatItem = {
   useCurrentUserAvatar?: boolean
   isOpeningStatement?: boolean
   suggestedQuestions?: string[]
-  log?: { role: string; text: string; files?: FileEntity[] }[]
+  log?: { role: string, text: string, files?: FileEntity[] }[]
   agent_thoughts?: ThoughtItem[]
   message_files?: FileEntity[]
   workflow_run_id?: string
diff --git a/web/app/components/base/chat/chat/utils.ts b/web/app/components/base/chat/chat/utils.ts
index 199ccff578..ab150f3e61 100644
--- a/web/app/components/base/chat/chat/utils.ts
+++ b/web/app/components/base/chat/chat/utils.ts
@@ -1,6 +1,6 @@
 import type { InputForm } from './type'
-import { InputVarType } from '@/app/components/workflow/types'
 import { getProcessedFiles } from '@/app/components/base/file-uploader/utils'
+import { InputVarType } from '@/app/components/workflow/types'
 
 export const processOpeningStatement = (openingStatement: string, inputs: Record<string, any>, inputsForm: InputForm[]) => {
   if (!openingStatement)
@@ -32,7 +32,7 @@ export const getProcessedInputs = (inputs: Record<string, any>, inputsForm: Inpu
   inputsForm.forEach((item) => {
     const inputValue = inputs[item.variable]
     // set boolean type default value
-    if(item.type === InputVarType.checkbox) {
+    if (item.type === InputVarType.checkbox) {
       processedInputs[item.variable] = !!inputValue
       return
     }
diff --git a/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx b/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
index ebd2e2de14..4c97b7095d 100644
--- a/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
@@ -1,30 +1,30 @@
-import { useCallback, useEffect, useMemo, useState } from 'react'
-import Chat from '../chat'
+import type { FileEntity } from '../../file-uploader/types'
 import type {
   ChatConfig,
   ChatItem,
   OnSend,
 } from '../types'
-import { useChat } from '../chat/hooks'
-import { getLastAnswer, isValidGeneratedAnswer } from '../utils'
-import { useEmbeddedChatbotContext } from './context'
-import { isDify } from './utils'
-import { InputVarType } from '@/app/components/workflow/types'
-import { TransferMethod } from '@/types/app'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import AnswerIcon from '@/app/components/base/answer-icon'
+import AppIcon from '@/app/components/base/app-icon'
+import SuggestedQuestions from '@/app/components/base/chat/chat/answer/suggested-questions'
 import InputsForm from '@/app/components/base/chat/embedded-chatbot/inputs-form'
+import LogoAvatar from '@/app/components/base/logo/logo-embedded-chat-avatar'
+import { Markdown } from '@/app/components/base/markdown'
+import { InputVarType } from '@/app/components/workflow/types'
 import {
   fetchSuggestedQuestions,
   getUrl,
   stopChatMessageResponding,
 } from '@/service/share'
-import AppIcon from '@/app/components/base/app-icon'
-import LogoAvatar from '@/app/components/base/logo/logo-embedded-chat-avatar'
-import AnswerIcon from '@/app/components/base/answer-icon'
-import SuggestedQuestions from '@/app/components/base/chat/chat/answer/suggested-questions'
-import { Markdown } from '@/app/components/base/markdown'
+import { TransferMethod } from '@/types/app'
 import { cn } from '@/utils/classnames'
-import type { FileEntity } from '../../file-uploader/types'
 import Avatar from '../../avatar'
+import Chat from '../chat'
+import { useChat } from '../chat/hooks'
+import { getLastAnswer, isValidGeneratedAnswer } from '../utils'
+import { useEmbeddedChatbotContext } from './context'
+import { isDify } from './utils'
 
 const ChatWrapper = () => {
   const {
@@ -149,11 +149,7 @@ const ChatWrapper = () => {
   const doRegenerate = useCallback((chatItem: ChatItem, editedQuestion?: { message: string, files?: FileEntity[] }) => {
     const question = editedQuestion ? chatItem : chatList.find(item => item.id === chatItem.parentMessageId)!
     const parentAnswer = chatList.find(item => item.id === question.parentMessageId)
-    doSend(editedQuestion ? editedQuestion.message : question.content,
-      editedQuestion ? editedQuestion.files : question.message_files,
-      true,
-      isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null,
-    )
+    doSend(editedQuestion ? editedQuestion.message : question.content, editedQuestion ? editedQuestion.files : question.message_files, true, isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null)
   }, [chatList, doSend])
 
   const messageList = useMemo(() => {
@@ -171,7 +167,7 @@ const ChatWrapper = () => {
     if (isMobile) {
       if (!currentConversationId)
         return <InputsForm collapsed={collapsed} setCollapsed={setCollapsed} />
-      return <div className='mb-4'></div>
+      return <div className="mb-4"></div>
     }
     else {
       return <InputsForm collapsed={collapsed} setCollapsed={setCollapsed} />
@@ -191,15 +187,15 @@ const ChatWrapper = () => {
     if (welcomeMessage.suggestedQuestions && welcomeMessage.suggestedQuestions?.length > 0) {
       return (
         <div className={cn('flex items-center justify-center px-4 py-12', isMobile ? 'min-h-[30vh] py-0' : 'h-[50vh]')}>
-          <div className='flex max-w-[720px] grow gap-4'>
+          <div className="flex max-w-[720px] grow gap-4">
             <AppIcon
-              size='xl'
+              size="xl"
               iconType={appData?.site.icon_type}
               icon={appData?.site.icon}
               background={appData?.site.icon_background}
               imageUrl={appData?.site.icon_url}
             />
-            <div className='body-lg-regular grow rounded-2xl bg-chat-bubble-bg px-4 py-3 text-text-primary'>
+            <div className="body-lg-regular grow rounded-2xl bg-chat-bubble-bg px-4 py-3 text-text-primary">
               <Markdown content={welcomeMessage.content} />
               <SuggestedQuestions item={welcomeMessage} />
             </div>
@@ -210,29 +206,31 @@ const ChatWrapper = () => {
     return (
       <div className={cn('flex min-h-[50vh] flex-col items-center justify-center gap-3 py-12', isMobile ? 'min-h-[30vh] py-0' : 'h-[50vh]')}>
         <AppIcon
-          size='xl'
+          size="xl"
           iconType={appData?.site.icon_type}
           icon={appData?.site.icon}
           background={appData?.site.icon_background}
           imageUrl={appData?.site.icon_url}
         />
-        <div className='max-w-[768px] px-4'>
-          <Markdown className='!body-2xl-regular !text-text-tertiary' content={welcomeMessage.content} />
+        <div className="max-w-[768px] px-4">
+          <Markdown className="!body-2xl-regular !text-text-tertiary" content={welcomeMessage.content} />
         </div>
       </div>
     )
   }, [appData?.site.icon, appData?.site.icon_background, appData?.site.icon_type, appData?.site.icon_url, chatList, collapsed, currentConversationId, inputsForms.length, respondingState, allInputsHidden])
 
   const answerIcon = isDify()
-    ? <LogoAvatar className='relative shrink-0' />
+    ? <LogoAvatar className="relative shrink-0" />
     : (appData?.site && appData.site.use_icon_as_answer_icon)
-      ? <AnswerIcon
-        iconType={appData.site.icon_type}
-        icon={appData.site.icon}
-        background={appData.site.icon_background}
-        imageUrl={appData.site.icon_url}
-      />
-      : null
+        ? (
+            <AnswerIcon
+              iconType={appData.site.icon_type}
+              icon={appData.site.icon}
+              background={appData.site.icon_background}
+              imageUrl={appData.site.icon_url}
+            />
+          )
+        : null
 
   return (
     <Chat
@@ -248,12 +246,12 @@ const ChatWrapper = () => {
       inputsForm={inputsForms}
       onRegenerate={doRegenerate}
       onStopResponding={handleStop}
-      chatNode={
+      chatNode={(
         <>
           {chatNode}
           {welcome}
         </>
-      }
+      )}
       allToolIcons={appMeta?.tool_icons || {}}
       onFeedback={handleFeedback}
       suggestedQuestions={suggestedQuestions}
@@ -264,11 +262,14 @@ const ChatWrapper = () => {
       inputDisabled={inputDisabled}
       questionIcon={
         initUserVariables?.avatar_url
-          ? <Avatar
-            avatar={initUserVariables.avatar_url}
-            name={initUserVariables.name || 'user'}
-            size={40}
-          /> : undefined
+          ? (
+              <Avatar
+                avatar={initUserVariables.avatar_url}
+                name={initUserVariables.name || 'user'}
+                size={40}
+              />
+            )
+          : undefined
       }
     />
   )
diff --git a/web/app/components/base/chat/embedded-chatbot/context.tsx b/web/app/components/base/chat/embedded-chatbot/context.tsx
index d6c35e172e..2738d25c75 100644
--- a/web/app/components/base/chat/embedded-chatbot/context.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/context.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import type { RefObject } from 'react'
-import { createContext, useContext } from 'use-context-selector'
 import type {
   ChatConfig,
   ChatItem,
@@ -15,6 +14,7 @@ import type {
   ConversationItem,
 } from '@/models/share'
 import { noop } from 'lodash-es'
+import { createContext, useContext } from 'use-context-selector'
 
 export type EmbeddedChatbotContextValue = {
   appMeta: AppMeta | null
@@ -45,9 +45,9 @@ export type EmbeddedChatbotContextValue = {
   clearChatList?: boolean
   setClearChatList: (state: boolean) => void
   isResponding?: boolean
-  setIsResponding: (state: boolean) => void,
-  currentConversationInputs: Record<string, any> | null,
-  setCurrentConversationInputs: (v: Record<string, any>) => void,
+  setIsResponding: (state: boolean) => void
+  currentConversationInputs: Record<string, any> | null
+  setCurrentConversationInputs: (v: Record<string, any>) => void
   allInputsHidden: boolean
   initUserVariables?: {
     name?: string
diff --git a/web/app/components/base/chat/embedded-chatbot/header/index.tsx b/web/app/components/base/chat/embedded-chatbot/header/index.tsx
index 16e656171e..8d0b1dfd07 100644
--- a/web/app/components/base/chat/embedded-chatbot/header/index.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/header/index.tsx
@@ -1,19 +1,19 @@
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
-import { RiCollapseDiagonal2Line, RiExpandDiagonal2Line, RiResetLeftLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import type { Theme } from '../theme/theme-context'
-import { CssTransform } from '../theme/utils'
+import { RiCollapseDiagonal2Line, RiExpandDiagonal2Line, RiResetLeftLine } from '@remixicon/react'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import ViewFormDropdown from '@/app/components/base/chat/embedded-chatbot/inputs-form/view-form-dropdown'
+import Divider from '@/app/components/base/divider'
+import DifyLogo from '@/app/components/base/logo/dify-logo'
+import Tooltip from '@/app/components/base/tooltip'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { cn } from '@/utils/classnames'
 import {
   useEmbeddedChatbotContext,
 } from '../context'
-import Tooltip from '@/app/components/base/tooltip'
-import ActionButton from '@/app/components/base/action-button'
-import Divider from '@/app/components/base/divider'
-import ViewFormDropdown from '@/app/components/base/chat/embedded-chatbot/inputs-form/view-form-dropdown'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
-import { cn } from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+import { CssTransform } from '../theme/utils'
 
 export type IHeaderProps = {
   isMobile?: boolean
@@ -59,7 +59,8 @@ const Header: FC<IHeaderProps> = ({
   }, [parentOrigin])
 
   useEffect(() => {
-    if (!isIframe) return
+    if (!isIframe)
+      return
 
     const listener = (event: MessageEvent) => handleMessageReceived(event)
     window.addEventListener('message', listener)
@@ -70,7 +71,8 @@ const Header: FC<IHeaderProps> = ({
   }, [isIframe, handleMessageReceived])
 
   const handleToggleExpand = useCallback(() => {
-    if (!isIframe || !showToggleExpandButton) return
+    if (!isIframe || !showToggleExpandButton)
+      return
     setExpanded(!expanded)
     window.parent.postMessage({
       type: 'dify-chatbot-expand-change',
@@ -79,38 +81,39 @@ const Header: FC<IHeaderProps> = ({
 
   if (!isMobile) {
     return (
-      <div className='flex h-14 shrink-0 items-center justify-end p-3'>
-        <div className='flex items-center gap-1'>
+      <div className="flex h-14 shrink-0 items-center justify-end p-3">
+        <div className="flex items-center gap-1">
           {/* powered by */}
-          <div className='shrink-0'>
+          <div className="shrink-0">
             {!appData?.custom_config?.remove_webapp_brand && (
               <div className={cn(
                 'flex shrink-0 items-center gap-1.5 px-2',
-              )}>
-                <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
+              )}
+              >
+                <div className="system-2xs-medium-uppercase text-text-tertiary">{t('share.chat.poweredBy')}</div>
                 {
                   systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                    ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
+                    ? <img src={systemFeatures.branding.workspace_logo} alt="logo" className="block h-5 w-auto" />
                     : appData?.custom_config?.replace_webapp_logo
-                      ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                      : <DifyLogo size='small' />
+                      ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt="logo" className="block h-5 w-auto" />
+                      : <DifyLogo size="small" />
                 }
               </div>
             )}
           </div>
           {currentConversationId && (
-            <Divider type='vertical' className='h-3.5' />
+            <Divider type="vertical" className="h-3.5" />
           )}
           {
             showToggleExpandButton && (
               <Tooltip
                 popupContent={expanded ? t('share.chat.collapse') : t('share.chat.expand')}
               >
-                <ActionButton size='l' onClick={handleToggleExpand}>
+                <ActionButton size="l" onClick={handleToggleExpand}>
                   {
                     expanded
-                      ? <RiCollapseDiagonal2Line className='h-[18px] w-[18px]' />
-                      : <RiExpandDiagonal2Line className='h-[18px] w-[18px]' />
+                      ? <RiCollapseDiagonal2Line className="h-[18px] w-[18px]" />
+                      : <RiExpandDiagonal2Line className="h-[18px] w-[18px]" />
                   }
                 </ActionButton>
               </Tooltip>
@@ -120,8 +123,8 @@ const Header: FC<IHeaderProps> = ({
             <Tooltip
               popupContent={t('share.chat.resetChat')}
             >
-              <ActionButton size='l' onClick={onCreateNewChat}>
-                <RiResetLeftLine className='h-[18px] w-[18px]' />
+              <ActionButton size="l" onClick={onCreateNewChat}>
+                <RiResetLeftLine className="h-[18px] w-[18px]" />
               </ActionButton>
             </Tooltip>
           )}
@@ -141,19 +144,19 @@ const Header: FC<IHeaderProps> = ({
       <div className="flex grow items-center space-x-3">
         {customerIcon}
         <div
-          className='system-md-semibold truncate'
+          className="system-md-semibold truncate"
           style={CssTransform(theme?.colorFontOnHeaderStyle ?? '')}
         >
           {title}
         </div>
       </div>
-      <div className='flex items-center gap-1'>
+      <div className="flex items-center gap-1">
         {
           showToggleExpandButton && (
             <Tooltip
               popupContent={expanded ? t('share.chat.collapse') : t('share.chat.expand')}
             >
-              <ActionButton size='l' onClick={handleToggleExpand}>
+              <ActionButton size="l" onClick={handleToggleExpand}>
                 {
                   expanded
                     ? <RiCollapseDiagonal2Line className={cn('h-[18px] w-[18px]', theme?.colorPathOnHeader)} />
@@ -167,7 +170,7 @@ const Header: FC<IHeaderProps> = ({
           <Tooltip
             popupContent={t('share.chat.resetChat')}
           >
-            <ActionButton size='l' onClick={onCreateNewChat}>
+            <ActionButton size="l" onClick={onCreateNewChat}>
               <RiResetLeftLine className={cn('h-[18px] w-[18px]', theme?.colorPathOnHeader)} />
             </ActionButton>
           </Tooltip>
diff --git a/web/app/components/base/chat/embedded-chatbot/hooks.tsx b/web/app/components/base/chat/embedded-chatbot/hooks.tsx
index 9a9abfbd09..24df08f8a8 100644
--- a/web/app/components/base/chat/embedded-chatbot/hooks.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/hooks.tsx
@@ -1,3 +1,15 @@
+import type {
+  ChatConfig,
+  ChatItem,
+  Feedback,
+} from '../types'
+import type {
+  // AppData,
+  ConversationItem,
+} from '@/models/share'
+import { useLocalStorageState } from 'ahooks'
+import { produce } from 'immer'
+import { noop } from 'lodash-es'
 import {
   useCallback,
   useEffect,
@@ -7,33 +19,21 @@ import {
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import useSWR from 'swr'
-import { useLocalStorageState } from 'ahooks'
-import { produce } from 'immer'
-import type {
-  ChatConfig,
-  ChatItem,
-  Feedback,
-} from '../types'
-import { CONVERSATION_ID_INFO } from '../constants'
-import { buildChatItemTree, getProcessedInputsFromUrlParams, getProcessedSystemVariablesFromUrlParams, getProcessedUserVariablesFromUrlParams } from '../utils'
-import { getProcessedFilesFromResponse } from '../../file-uploader/utils'
+import { useToastContext } from '@/app/components/base/toast'
+import { addFileInfos, sortAgentSorts } from '@/app/components/tools/utils'
+import { InputVarType } from '@/app/components/workflow/types'
+import { useWebAppStore } from '@/context/web-app-context'
+import { changeLanguage } from '@/i18n-config/i18next-config'
 import {
   fetchChatList,
   fetchConversations,
   generationConversationName,
   updateFeedback,
 } from '@/service/share'
-import type {
-  // AppData,
-  ConversationItem,
-} from '@/models/share'
-import { useToastContext } from '@/app/components/base/toast'
-import { changeLanguage } from '@/i18n-config/i18next-config'
-import { InputVarType } from '@/app/components/workflow/types'
 import { TransferMethod } from '@/types/app'
-import { addFileInfos, sortAgentSorts } from '@/app/components/tools/utils'
-import { noop } from 'lodash-es'
-import { useWebAppStore } from '@/context/web-app-context'
+import { getProcessedFilesFromResponse } from '../../file-uploader/utils'
+import { CONVERSATION_ID_INFO } from '../constants'
+import { buildChatItemTree, getProcessedInputsFromUrlParams, getProcessedSystemVariablesFromUrlParams, getProcessedUserVariablesFromUrlParams } from '../utils'
 
 function getFormattedChatList(messages: any[]) {
   const newChatList: ChatItem[] = []
@@ -112,8 +112,7 @@ export const useEmbeddedChatbot = () => {
     defaultValue: {},
   })
   const allowResetChat = !conversationId
-  const currentConversationId = useMemo(() => conversationIdInfo?.[appId || '']?.[userId || 'DEFAULT'] || conversationId || '',
-    [appId, conversationIdInfo, userId, conversationId])
+  const currentConversationId = useMemo(() => conversationIdInfo?.[appId || '']?.[userId || 'DEFAULT'] || conversationId || '', [appId, conversationIdInfo, userId, conversationId])
   const handleConversationIdInfoChange = useCallback((changeConversationId: string) => {
     if (appId) {
       let prevValue = conversationIdInfo?.[appId || '']
diff --git a/web/app/components/base/chat/embedded-chatbot/index.tsx b/web/app/components/base/chat/embedded-chatbot/index.tsx
index d908e39787..2e51a05c9c 100644
--- a/web/app/components/base/chat/embedded-chatbot/index.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/index.tsx
@@ -3,23 +3,23 @@ import {
   useEffect,
 } from 'react'
 import { useTranslation } from 'react-i18next'
+import ChatWrapper from '@/app/components/base/chat/embedded-chatbot/chat-wrapper'
+import Header from '@/app/components/base/chat/embedded-chatbot/header'
+import Loading from '@/app/components/base/loading'
+import DifyLogo from '@/app/components/base/logo/dify-logo'
+import LogoHeader from '@/app/components/base/logo/logo-embedded-chat-header'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { cn } from '@/utils/classnames'
 import {
   EmbeddedChatbotContext,
   useEmbeddedChatbotContext,
 } from './context'
 import { useEmbeddedChatbot } from './hooks'
-import { isDify } from './utils'
 import { useThemeContext } from './theme/theme-context'
 import { CssTransform } from './theme/utils'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import Loading from '@/app/components/base/loading'
-import LogoHeader from '@/app/components/base/logo/logo-embedded-chat-header'
-import Header from '@/app/components/base/chat/embedded-chatbot/header'
-import ChatWrapper from '@/app/components/base/chat/embedded-chatbot/chat-wrapper'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
-import { cn } from '@/utils/classnames'
-import useDocumentTitle from '@/hooks/use-document-title'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+import { isDify } from './utils'
 
 const Chatbot = () => {
   const {
@@ -46,7 +46,7 @@ const Chatbot = () => {
   useDocumentTitle(site?.title || 'Chat')
 
   return (
-    <div className='relative'>
+    <div className="relative">
       <div
         className={cn(
           'flex flex-col rounded-2xl',
@@ -64,7 +64,7 @@ const Chatbot = () => {
         />
         <div className={cn('flex grow flex-col overflow-y-auto', isMobile && 'm-[0.5px] !h-[calc(100vh_-_3rem)] rounded-2xl bg-chatbot-bg')}>
           {appChatListDataLoading && (
-            <Loading type='app' />
+            <Loading type="app" />
           )}
           {!appChatListDataLoading && (
             <ChatWrapper key={chatShouldReloadKey} />
@@ -73,18 +73,19 @@ const Chatbot = () => {
       </div>
       {/* powered by */}
       {isMobile && (
-        <div className='flex h-[60px] shrink-0 items-center pl-2'>
+        <div className="flex h-[60px] shrink-0 items-center pl-2">
           {!appData?.custom_config?.remove_webapp_brand && (
             <div className={cn(
               'flex shrink-0 items-center gap-1.5 px-2',
-            )}>
-              <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
+            )}
+            >
+              <div className="system-2xs-medium-uppercase text-text-tertiary">{t('share.chat.poweredBy')}</div>
               {
                 systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                  ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
+                  ? <img src={systemFeatures.branding.workspace_logo} alt="logo" className="block h-5 w-auto" />
                   : appData?.custom_config?.replace_webapp_logo
-                    ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                    : <DifyLogo size='small' />
+                    ? <img src={`${appData?.custom_config?.replace_webapp_logo}`} alt="logo" className="block h-5 w-auto" />
+                    : <DifyLogo size="small" />
               }
             </div>
           )}
@@ -133,43 +134,46 @@ const EmbeddedChatbotWrapper = () => {
     initUserVariables,
   } = useEmbeddedChatbot()
 
-  return <EmbeddedChatbotContext.Provider value={{
-    appData,
-    appParams,
-    appMeta,
-    appChatListDataLoading,
-    currentConversationId,
-    currentConversationItem,
-    appPrevChatList,
-    pinnedConversationList,
-    conversationList,
-    newConversationInputs,
-    newConversationInputsRef,
-    handleNewConversationInputsChange,
-    inputsForms,
-    handleNewConversation,
-    handleStartChat,
-    handleChangeConversation,
-    handleNewConversationCompleted,
-    chatShouldReloadKey,
-    isMobile,
-    isInstalledApp,
-    allowResetChat,
-    appId,
-    handleFeedback,
-    currentChatInstanceRef,
-    themeBuilder,
-    clearChatList,
-    setClearChatList,
-    isResponding,
-    setIsResponding,
-    currentConversationInputs,
-    setCurrentConversationInputs,
-    allInputsHidden,
-    initUserVariables,
-  }}>
-    <Chatbot />
-  </EmbeddedChatbotContext.Provider>
+  return (
+    <EmbeddedChatbotContext.Provider value={{
+      appData,
+      appParams,
+      appMeta,
+      appChatListDataLoading,
+      currentConversationId,
+      currentConversationItem,
+      appPrevChatList,
+      pinnedConversationList,
+      conversationList,
+      newConversationInputs,
+      newConversationInputsRef,
+      handleNewConversationInputsChange,
+      inputsForms,
+      handleNewConversation,
+      handleStartChat,
+      handleChangeConversation,
+      handleNewConversationCompleted,
+      chatShouldReloadKey,
+      isMobile,
+      isInstalledApp,
+      allowResetChat,
+      appId,
+      handleFeedback,
+      currentChatInstanceRef,
+      themeBuilder,
+      clearChatList,
+      setClearChatList,
+      isResponding,
+      setIsResponding,
+      currentConversationInputs,
+      setCurrentConversationInputs,
+      allInputsHidden,
+      initUserVariables,
+    }}
+    >
+      <Chatbot />
+    </EmbeddedChatbotContext.Provider>
+  )
 }
 
 const EmbeddedChatbot = () => {
diff --git a/web/app/components/base/chat/embedded-chatbot/inputs-form/content.tsx b/web/app/components/base/chat/embedded-chatbot/inputs-form/content.tsx
index caf4e363ff..9c17013196 100644
--- a/web/app/components/base/chat/embedded-chatbot/inputs-form/content.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/inputs-form/content.tsx
@@ -1,14 +1,14 @@
 import React, { memo, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useEmbeddedChatbotContext } from '../context'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
-import { PortalSelect } from '@/app/components/base/select'
 import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
-import { InputVarType } from '@/app/components/workflow/types'
+import Input from '@/app/components/base/input'
+import { PortalSelect } from '@/app/components/base/select'
+import Textarea from '@/app/components/base/textarea'
 import BoolInput from '@/app/components/workflow/nodes/_base/components/before-run-form/bool-input'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { InputVarType } from '@/app/components/workflow/types'
+import { useEmbeddedChatbotContext } from '../context'
 
 type Props = {
   showTip?: boolean
@@ -42,14 +42,14 @@ const InputsFormContent = ({ showTip }: Props) => {
   const visibleInputsForms = inputsForms.filter(form => form.hide !== true)
 
   return (
-    <div className='space-y-4'>
+    <div className="space-y-4">
       {visibleInputsForms.map(form => (
-        <div key={form.variable} className='space-y-1'>
+        <div key={form.variable} className="space-y-1">
           {form.type !== InputVarType.checkbox && (
-            <div className='flex h-6 items-center gap-1'>
-              <div className='system-md-semibold text-text-secondary'>{form.label}</div>
+            <div className="flex h-6 items-center gap-1">
+              <div className="system-md-semibold text-text-secondary">{form.label}</div>
               {!form.required && (
-                <div className='system-xs-regular text-text-tertiary'>{t('workflow.panel.optional')}</div>
+                <div className="system-xs-regular text-text-tertiary">{t('workflow.panel.optional')}</div>
               )}
             </div>
           )}
@@ -62,7 +62,7 @@ const InputsFormContent = ({ showTip }: Props) => {
           )}
           {form.type === InputVarType.number && (
             <Input
-              type='number'
+              type="number"
               value={inputsFormValue?.[form.variable] || ''}
               onChange={e => handleFormChange(form.variable, e.target.value)}
               placeholder={form.label}
@@ -85,7 +85,7 @@ const InputsFormContent = ({ showTip }: Props) => {
           )}
           {form.type === InputVarType.select && (
             <PortalSelect
-              popupClassName='w-[200px]'
+              popupClassName="w-[200px]"
               value={inputsFormValue?.[form.variable] ?? form.default ?? ''}
               items={form.options.map((option: string) => ({ value: option, name: option }))}
               onSelect={item => handleFormChange(form.variable, item.value as string)}
@@ -124,16 +124,16 @@ const InputsFormContent = ({ showTip }: Props) => {
               value={inputsFormValue?.[form.variable] || ''}
               onChange={v => handleFormChange(form.variable, v)}
               noWrapper
-              className='bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1'
+              className="bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1"
               placeholder={
-                <div className='whitespace-pre'>{form.json_schema}</div>
+                <div className="whitespace-pre">{form.json_schema}</div>
               }
             />
           )}
         </div>
       ))}
       {showTip && (
-        <div className='system-xs-regular text-text-tertiary'>{t('share.chat.chatFormTip')}</div>
+        <div className="system-xs-regular text-text-tertiary">{t('share.chat.chatFormTip')}</div>
       )}
     </div>
   )
diff --git a/web/app/components/base/chat/embedded-chatbot/inputs-form/index.tsx b/web/app/components/base/chat/embedded-chatbot/inputs-form/index.tsx
index ac1017c619..20585067c1 100644
--- a/web/app/components/base/chat/embedded-chatbot/inputs-form/index.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/inputs-form/index.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { Message3Fill } from '@/app/components/base/icons/src/public/other'
 import Button from '@/app/components/base/button'
-import Divider from '@/app/components/base/divider'
 import InputsFormContent from '@/app/components/base/chat/embedded-chatbot/inputs-form/content'
-import { useEmbeddedChatbotContext } from '../context'
+import Divider from '@/app/components/base/divider'
+import { Message3Fill } from '@/app/components/base/icons/src/public/other'
 import { cn } from '@/utils/classnames'
+import { useEmbeddedChatbotContext } from '../context'
 
 type Props = {
   collapsed: boolean
@@ -34,19 +34,21 @@ const InputsFormNode = ({
       <div className={cn(
         'w-full max-w-[672px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-md',
         collapsed && 'border border-components-card-border bg-components-card-bg shadow-none',
-      )}>
+      )}
+      >
         <div className={cn(
           'flex items-center gap-3 rounded-t-2xl px-6 py-4',
           !collapsed && 'border-b border-divider-subtle',
           isMobile && 'px-4 py-3',
-        )}>
-          <Message3Fill className='h-6 w-6 shrink-0' />
-          <div className='system-xl-semibold grow text-text-secondary'>{t('share.chat.chatSettingsTitle')}</div>
+        )}
+        >
+          <Message3Fill className="h-6 w-6 shrink-0" />
+          <div className="system-xl-semibold grow text-text-secondary">{t('share.chat.chatSettingsTitle')}</div>
           {collapsed && (
-            <Button className='uppercase text-text-tertiary' size='small' variant='ghost' onClick={() => setCollapsed(false)}>{t('common.operation.edit')}</Button>
+            <Button className="uppercase text-text-tertiary" size="small" variant="ghost" onClick={() => setCollapsed(false)}>{t('common.operation.edit')}</Button>
           )}
           {!collapsed && currentConversationId && (
-            <Button className='uppercase text-text-tertiary' size='small' variant='ghost' onClick={() => setCollapsed(true)}>{t('common.operation.close')}</Button>
+            <Button className="uppercase text-text-tertiary" size="small" variant="ghost" onClick={() => setCollapsed(true)}>{t('common.operation.close')}</Button>
           )}
         </div>
         {!collapsed && (
@@ -57,24 +59,26 @@ const InputsFormNode = ({
         {!collapsed && !currentConversationId && (
           <div className={cn('p-6', isMobile && 'p-4')}>
             <Button
-              variant='primary'
-              className='w-full'
+              variant="primary"
+              className="w-full"
               onClick={() => handleStartChat(() => setCollapsed(true))}
               style={
                 themeBuilder?.theme
                   ? {
-                    backgroundColor: themeBuilder?.theme.primaryColor,
-                  }
+                      backgroundColor: themeBuilder?.theme.primaryColor,
+                    }
                   : {}
               }
-            >{t('share.chat.startChat')}</Button>
+            >
+              {t('share.chat.startChat')}
+            </Button>
           </div>
         )}
       </div>
       {collapsed && (
-        <div className='flex w-full max-w-[720px] items-center py-4'>
-          <Divider bgStyle='gradient' className='h-px basis-1/2 rotate-180' />
-          <Divider bgStyle='gradient' className='h-px basis-1/2' />
+        <div className="flex w-full max-w-[720px] items-center py-4">
+          <Divider bgStyle="gradient" className="h-px basis-1/2 rotate-180" />
+          <Divider bgStyle="gradient" className="h-px basis-1/2" />
         </div>
       )}
     </div>
diff --git a/web/app/components/base/chat/embedded-chatbot/inputs-form/view-form-dropdown.tsx b/web/app/components/base/chat/embedded-chatbot/inputs-form/view-form-dropdown.tsx
index 9d2a6d9824..b3fbb83a77 100644
--- a/web/app/components/base/chat/embedded-chatbot/inputs-form/view-form-dropdown.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/inputs-form/view-form-dropdown.tsx
@@ -1,12 +1,12 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiChatSettingsLine,
 } from '@remixicon/react'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
-import { Message3Fill } from '@/app/components/base/icons/src/public/other'
 import InputsFormContent from '@/app/components/base/chat/embedded-chatbot/inputs-form/content'
+import { Message3Fill } from '@/app/components/base/icons/src/public/other'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -20,7 +20,7 @@ const ViewFormDropdown = ({ iconColor }: Props) => {
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 4,
@@ -29,17 +29,17 @@ const ViewFormDropdown = ({ iconColor }: Props) => {
       <PortalToFollowElemTrigger
         onClick={() => setOpen(v => !v)}
       >
-        <ActionButton size='l' state={open ? ActionButtonState.Hover : ActionButtonState.Default}>
+        <ActionButton size="l" state={open ? ActionButtonState.Hover : ActionButtonState.Default}>
           <RiChatSettingsLine className={cn('h-[18px] w-[18px]', iconColor)} />
         </ActionButton>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className="z-50">
-        <div className='w-[400px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg backdrop-blur-sm'>
-          <div className='flex items-center gap-3 rounded-t-2xl border-b border-divider-subtle px-6 py-4'>
-            <Message3Fill className='h-6 w-6 shrink-0' />
-            <div className='system-xl-semibold grow text-text-secondary'>{t('share.chat.chatSettingsTitle')}</div>
+        <div className="w-[400px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg backdrop-blur-sm">
+          <div className="flex items-center gap-3 rounded-t-2xl border-b border-divider-subtle px-6 py-4">
+            <Message3Fill className="h-6 w-6 shrink-0" />
+            <div className="system-xl-semibold grow text-text-secondary">{t('share.chat.chatSettingsTitle')}</div>
           </div>
-          <div className='p-6'>
+          <div className="p-6">
             <InputsFormContent />
           </div>
         </div>
diff --git a/web/app/components/base/chat/types.ts b/web/app/components/base/chat/types.ts
index 5b0fe1f248..e12c6fca54 100644
--- a/web/app/components/base/chat/types.ts
+++ b/web/app/components/base/chat/types.ts
@@ -1,18 +1,18 @@
+import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import type {
   ModelConfig,
   VisionSettings,
 } from '@/types/app'
-import type { IChatItem } from '@/app/components/base/chat/chat/type'
 import type { NodeTracing } from '@/types/workflow'
-import type { WorkflowRunningStatus } from '@/app/components/workflow/types'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
 
-export type { VisionFile } from '@/types/app'
-export { TransferMethod } from '@/types/app'
 export type {
   Inputs,
   PromptVariable,
 } from '@/models/debug'
+export type { VisionFile } from '@/types/app'
+export { TransferMethod } from '@/types/app'
 
 export type UserInputForm = {
   default: string
@@ -85,7 +85,7 @@ export type OnSend = {
   (message: string, files: FileEntity[] | undefined, isRegenerate: boolean, lastAnswer?: ChatItem | null): void
 }
 
-export type OnRegenerate = (chatItem: ChatItem, editedQuestion?: { message: string; files?: FileEntity[] }) => void
+export type OnRegenerate = (chatItem: ChatItem, editedQuestion?: { message: string, files?: FileEntity[] }) => void
 
 export type Callback = {
   onSuccess: () => void
diff --git a/web/app/components/base/chat/utils.ts b/web/app/components/base/chat/utils.ts
index 34df617afe..b47fec1d0a 100644
--- a/web/app/components/base/chat/utils.ts
+++ b/web/app/components/base/chat/utils.ts
@@ -1,6 +1,6 @@
-import { UUID_NIL } from './constants'
 import type { IChatItem } from './chat/type'
 import type { ChatItem, ChatItemInTree } from './types'
+import { UUID_NIL } from './constants'
 
 async function decodeBase64AndDecompress(base64String: string) {
   try {
@@ -154,10 +154,12 @@ function buildChatItemTree(allMessages: IChatItem[]): ChatItemInTree[] {
       if (
         !parentMessageId
         || !allMessages.some(item => item.id === parentMessageId) // parent message might not be fetched yet, in this case we will append the question to the root nodes
-      )
+      ) {
         rootNodes.push(questionNode)
-      else
+      }
+      else {
         map[parentMessageId]?.children!.push(questionNode)
+      }
     }
   }
 
@@ -231,13 +233,13 @@ function getThreadMessages(tree: ChatItemInTree[], targetMessageId?: string): Ch
 }
 
 export {
-  getRawInputsFromUrlParams,
+  buildChatItemTree,
+  getLastAnswer,
   getProcessedInputsFromUrlParams,
   getProcessedSystemVariablesFromUrlParams,
   getProcessedUserVariablesFromUrlParams,
+  getRawInputsFromUrlParams,
   getRawUserVariablesFromUrlParams,
-  isValidGeneratedAnswer,
-  getLastAnswer,
-  buildChatItemTree,
   getThreadMessages,
+  isValidGeneratedAnswer,
 }
diff --git a/web/app/components/base/checkbox-list/index.tsx b/web/app/components/base/checkbox-list/index.tsx
index efb1b588d1..2f7932ef3d 100644
--- a/web/app/components/base/checkbox-list/index.tsx
+++ b/web/app/components/base/checkbox-list/index.tsx
@@ -1,13 +1,13 @@
 'use client'
+import type { FC } from 'react'
+import Image from 'next/image'
+import { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Badge from '@/app/components/base/badge'
 import Checkbox from '@/app/components/base/checkbox'
 import SearchInput from '@/app/components/base/search-input'
 import SearchMenu from '@/assets/search-menu.svg'
 import { cn } from '@/utils/classnames'
-import Image from 'next/image'
-import type { FC } from 'react'
-import { useCallback, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import Button from '../button'
 
 export type CheckboxListOption = {
@@ -101,19 +101,19 @@ const CheckboxList: FC<CheckboxListProps> = ({
   return (
     <div className={cn('flex w-full flex-col gap-1', containerClassName)}>
       {label && (
-        <div className='system-sm-medium text-text-secondary'>
+        <div className="system-sm-medium text-text-secondary">
           {label}
         </div>
       )}
       {description && (
-        <div className='body-xs-regular text-text-tertiary'>
+        <div className="body-xs-regular text-text-tertiary">
           {description}
         </div>
       )}
 
-      <div className='rounded-lg border border-components-panel-border bg-components-panel-bg'>
+      <div className="rounded-lg border border-components-panel-border bg-components-panel-bg">
         {(showSelectAll || title || showSearch) && (
-          <div className='relative flex items-center gap-2 border-b border-divider-subtle px-3 py-2'>
+          <div className="relative flex items-center gap-2 border-b border-divider-subtle px-3 py-2">
             {!searchQuery && showSelectAll && (
               <Checkbox
                 checked={isAllSelected}
@@ -122,78 +122,93 @@ const CheckboxList: FC<CheckboxListProps> = ({
                 disabled={disabled}
               />
             )}
-            {!searchQuery ? <div className='flex min-w-0 flex-1 items-center gap-1'>
-              {title && (
-                <span className='system-xs-semibold-uppercase truncate leading-5 text-text-secondary'>
-                  {title}
-                </span>
-              )}
-              {showCount && selectedCount > 0 && (
-                <Badge uppercase>
-                  {t('common.operation.selectCount', { count: selectedCount })}
-                </Badge>
-              )}
-            </div> : <div className='system-sm-medium-uppercase flex-1 leading-6 text-text-secondary'>{
-              filteredOptions.length > 0
-                ? t('common.operation.searchCount', { count: filteredOptions.length, content: title })
-                : t('common.operation.noSearchCount', { content: title })}</div>}
+            {!searchQuery
+              ? (
+                  <div className="flex min-w-0 flex-1 items-center gap-1">
+                    {title && (
+                      <span className="system-xs-semibold-uppercase truncate leading-5 text-text-secondary">
+                        {title}
+                      </span>
+                    )}
+                    {showCount && selectedCount > 0 && (
+                      <Badge uppercase>
+                        {t('common.operation.selectCount', { count: selectedCount })}
+                      </Badge>
+                    )}
+                  </div>
+                )
+              : (
+                  <div className="system-sm-medium-uppercase flex-1 leading-6 text-text-secondary">
+                    {
+                      filteredOptions.length > 0
+                        ? t('common.operation.searchCount', { count: filteredOptions.length, content: title })
+                        : t('common.operation.noSearchCount', { content: title })
+                    }
+                  </div>
+                )}
             {showSearch && (
               <SearchInput
                 value={searchQuery}
                 onChange={setSearchQuery}
                 placeholder={t('common.placeholder.search')}
-                className='w-40'
+                className="w-40"
               />
             )}
           </div>
         )}
 
         <div
-          className='p-1'
+          className="p-1"
           style={maxHeight ? { maxHeight, overflowY: 'auto' } : {}}
         >
-          {!filteredOptions.length ? (
-            <div className='px-3 py-6 text-center text-sm text-text-tertiary'>
-              {searchQuery ? <div className='flex flex-col items-center justify-center gap-2'>
-                <Image alt='search menu' src={SearchMenu} width={32} />
-                <span className='system-sm-regular text-text-secondary'>{t('common.operation.noSearchResults', { content: title })}</span>
-                <Button variant='secondary-accent' size='small' onClick={() => setSearchQuery('')}>{t('common.operation.resetKeywords')}</Button>
-              </div> : t('common.noData')}
-            </div>
-          ) : (
-            filteredOptions.map((option) => {
-              const selected = value.includes(option.value)
-
-              return (
-                <div
-                  key={option.value}
-                  className={cn(
-                    'flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 transition-colors hover:bg-state-base-hover',
-                    option.disabled && 'cursor-not-allowed opacity-50',
-                  )}
-                  onClick={() => {
-                    if (!option.disabled && !disabled)
-                      handleToggleOption(option.value)
-                  }}
-                >
-                  <Checkbox
-                    checked={selected}
-                    onCheck={() => {
-                      if (!option.disabled && !disabled)
-                        handleToggleOption(option.value)
-                    }}
-                    disabled={option.disabled || disabled}
-                  />
-                  <div
-                    className='system-sm-medium flex-1 truncate text-text-secondary'
-                    title={option.label}
-                  >
-                    {option.label}
-                  </div>
+          {!filteredOptions.length
+            ? (
+                <div className="px-3 py-6 text-center text-sm text-text-tertiary">
+                  {searchQuery
+                    ? (
+                        <div className="flex flex-col items-center justify-center gap-2">
+                          <Image alt="search menu" src={SearchMenu} width={32} />
+                          <span className="system-sm-regular text-text-secondary">{t('common.operation.noSearchResults', { content: title })}</span>
+                          <Button variant="secondary-accent" size="small" onClick={() => setSearchQuery('')}>{t('common.operation.resetKeywords')}</Button>
+                        </div>
+                      )
+                    : t('common.noData')}
                 </div>
               )
-            })
-          )}
+            : (
+                filteredOptions.map((option) => {
+                  const selected = value.includes(option.value)
+
+                  return (
+                    <div
+                      key={option.value}
+                      className={cn(
+                        'flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 transition-colors hover:bg-state-base-hover',
+                        option.disabled && 'cursor-not-allowed opacity-50',
+                      )}
+                      onClick={() => {
+                        if (!option.disabled && !disabled)
+                          handleToggleOption(option.value)
+                      }}
+                    >
+                      <Checkbox
+                        checked={selected}
+                        onCheck={() => {
+                          if (!option.disabled && !disabled)
+                            handleToggleOption(option.value)
+                        }}
+                        disabled={option.disabled || disabled}
+                      />
+                      <div
+                        className="system-sm-medium flex-1 truncate text-text-secondary"
+                        title={option.label}
+                      >
+                        {option.label}
+                      </div>
+                    </div>
+                  )
+                })
+              )}
         </div>
       </div>
     </div>
diff --git a/web/app/components/base/checkbox/assets/indeterminate-icon.tsx b/web/app/components/base/checkbox/assets/indeterminate-icon.tsx
index 56df8db6a4..29e9e6315c 100644
--- a/web/app/components/base/checkbox/assets/indeterminate-icon.tsx
+++ b/web/app/components/base/checkbox/assets/indeterminate-icon.tsx
@@ -1,8 +1,8 @@
 const IndeterminateIcon = () => {
   return (
-    <div data-testid='indeterminate-icon'>
+    <div data-testid="indeterminate-icon">
       <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
-        <path d="M2.5 6H9.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
+        <path d="M2.5 6H9.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
       </svg>
     </div>
   )
diff --git a/web/app/components/base/checkbox/index.stories.tsx b/web/app/components/base/checkbox/index.stories.tsx
index 3f8d4606eb..580d731a7e 100644
--- a/web/app/components/base/checkbox/index.stories.tsx
+++ b/web/app/components/base/checkbox/index.stories.tsx
@@ -3,7 +3,7 @@ import { useState } from 'react'
 import Checkbox from '.'
 
 // Helper function for toggling items in an array
-const createToggleItem = <T extends { id: string; checked: boolean }>(
+const createToggleItem = <T extends { id: string, checked: boolean }>(
   items: T[],
   setItems: (items: T[]) => void,
 ) => (id: string) => {
@@ -349,7 +349,12 @@ const TaskListExampleDemo = () => {
       <div className="mb-4 flex items-center justify-between">
         <h3 className="text-sm font-semibold text-gray-700">Today's Tasks</h3>
         <span className="text-xs text-gray-500">
-          {completedCount} of {tasks.length} completed
+          {completedCount}
+          {' '}
+          of
+          {tasks.length}
+          {' '}
+          completed
         </span>
       </div>
       <div className="flex flex-col gap-2">
diff --git a/web/app/components/base/checkbox/index.tsx b/web/app/components/base/checkbox/index.tsx
index 5d222f5723..7ae56b218c 100644
--- a/web/app/components/base/checkbox/index.tsx
+++ b/web/app/components/base/checkbox/index.tsx
@@ -43,7 +43,7 @@ const Checkbox = ({
       data-testid={`checkbox-${id}`}
     >
       {!checked && indeterminate && <IndeterminateIcon />}
-      {checked && <RiCheckLine className='h-3 w-3' data-testid={`check-icon-${id}`} />}
+      {checked && <RiCheckLine className="h-3 w-3" data-testid={`check-icon-${id}`} />}
     </div>
   )
 }
diff --git a/web/app/components/base/chip/index.stories.tsx b/web/app/components/base/chip/index.stories.tsx
index 46d91c8cd6..fc43ae8724 100644
--- a/web/app/components/base/chip/index.stories.tsx
+++ b/web/app/components/base/chip/index.stories.tsx
@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
+import type { Item } from '.'
 import { useState } from 'react'
-import Chip, { type Item } from '.'
+import Chip from '.'
 
 const ITEMS: Item[] = [
   { value: 'all', name: 'All items' },
@@ -23,9 +24,9 @@ const meta = {
   args: {
     items: ITEMS,
     value: 'all',
-    // eslint-disable-next-line no-empty-function
+
     onSelect: () => {},
-    // eslint-disable-next-line no-empty-function
+
     onClear: () => {},
   },
 } satisfies Meta<typeof Chip>
@@ -45,7 +46,9 @@ const ChipDemo = (props: React.ComponentProps<typeof Chip>) => {
         onClear={() => setSelection('all')}
       />
       <div className="rounded-lg border border-divider-subtle bg-components-panel-bg p-3 text-xs text-text-secondary">
-        Current value: <span className="font-mono text-text-primary">{selection}</span>
+        Current value:
+        {' '}
+        <span className="font-mono text-text-primary">{selection}</span>
       </div>
     </div>
   )
@@ -75,9 +78,9 @@ const [selection, setSelection] = useState('all')
 export const WithoutLeftIcon: Story = {
   args: {
     showLeftIcon: false,
-    // eslint-disable-next-line no-empty-function
+
     onSelect: () => {},
-    // eslint-disable-next-line no-empty-function
+
     onClear: () => {},
   },
   render: args => (
diff --git a/web/app/components/base/chip/index.tsx b/web/app/components/base/chip/index.tsx
index 919f2e1ab1..faf4792de4 100644
--- a/web/app/components/base/chip/index.tsx
+++ b/web/app/components/base/chip/index.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
-import { useMemo, useState } from 'react'
 import { RiArrowDownSLine, RiCheckLine, RiCloseCircleFill, RiFilter3Line } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { useMemo, useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
 
 export type Item = {
   value: number | string
@@ -43,13 +43,13 @@ const Chip: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => setOpen(v => !v)}
-          className='block'
+          className="block"
         >
           <div className={cn(
             'flex min-h-8 cursor-pointer items-center rounded-lg border-[0.5px] border-transparent bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt',
@@ -57,44 +57,48 @@ const Chip: FC<Props> = ({
             !open && !!value && '!border-components-button-secondary-border !bg-components-button-secondary-bg shadow-xs hover:border-components-button-secondary-border-hover hover:!bg-components-button-secondary-bg-hover',
             open && !!value && '!border-components-button-secondary-border-hover !bg-components-button-secondary-bg-hover shadow-xs hover:border-components-button-secondary-border-hover hover:!bg-components-button-secondary-bg-hover',
             className,
-          )}>
+          )}
+          >
             {showLeftIcon && (
-              <div className='p-0.5'>
+              <div className="p-0.5">
                 {leftIcon || (
                   <RiFilter3Line className={cn('h-4 w-4 text-text-tertiary', !!value && 'text-text-secondary')} />
                 )}
               </div>
             )}
-            <div className='flex grow items-center gap-0.5 first-line:p-1'>
+            <div className="flex grow items-center gap-0.5 first-line:p-1">
               <div className={cn('system-sm-regular text-text-tertiary', !!value && 'text-text-secondary')}>
                 {triggerContent}
               </div>
             </div>
-            {!value && <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />}
+            {!value && <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />}
             {!!value && (
-              <div className='group/clear cursor-pointer p-[1px]' onClick={(e) => {
-                e.stopPropagation()
-                onClear()
-              }}>
-                <RiCloseCircleFill className='h-3.5 w-3.5 text-text-quaternary group-hover/clear:text-text-tertiary' />
+              <div
+                className="group/clear cursor-pointer p-[1px]"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  onClear()
+                }}
+              >
+                <RiCloseCircleFill className="h-3.5 w-3.5 text-text-quaternary group-hover/clear:text-text-tertiary" />
               </div>
             )}
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1002]'>
+        <PortalToFollowElemContent className="z-[1002]">
           <div className={cn('relative w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg', panelClassName)}>
-            <div className='max-h-72 overflow-auto p-1'>
+            <div className="max-h-72 overflow-auto p-1">
               {items.map(item => (
                 <div
                   key={item.value}
-                  className='flex cursor-pointer items-center gap-2 rounded-lg px-2 py-[6px] pl-3 hover:bg-state-base-hover'
+                  className="flex cursor-pointer items-center gap-2 rounded-lg px-2 py-[6px] pl-3 hover:bg-state-base-hover"
                   onClick={() => {
                     onSelect(item)
                     setOpen(false)
                   }}
                 >
-                  <div title={item.name} className='system-sm-medium grow truncate text-text-secondary'>{item.name}</div>
-                  {value === item.value && <RiCheckLine className='h-4 w-4 shrink-0 text-util-colors-blue-light-blue-light-600' />}
+                  <div title={item.name} className="system-sm-medium grow truncate text-text-secondary">{item.name}</div>
+                  {value === item.value && <RiCheckLine className="h-4 w-4 shrink-0 text-util-colors-blue-light-blue-light-600" />}
                 </div>
               ))}
             </div>
diff --git a/web/app/components/base/confirm/index.tsx b/web/app/components/base/confirm/index.tsx
index b2aa774cc2..f9f4d3b1d7 100644
--- a/web/app/components/base/confirm/index.tsx
+++ b/web/app/components/base/confirm/index.tsx
@@ -94,34 +94,37 @@ function Confirm({
     return null
 
   return createPortal(
-    <div className={'fixed inset-0 z-[10000000] flex items-center justify-center bg-background-overlay'}
+    <div
+      className="fixed inset-0 z-[10000000] flex items-center justify-center bg-background-overlay"
       onClick={(e) => {
         e.preventDefault()
         e.stopPropagation()
-      }}>
-      <div ref={dialogRef} className={'relative w-full max-w-[480px] overflow-hidden'}>
-        <div className='shadows-shadow-lg flex max-w-full flex-col items-start rounded-2xl border-[0.5px] border-solid border-components-panel-border bg-components-panel-bg'>
-          <div className='flex flex-col items-start gap-2 self-stretch pb-4 pl-6 pr-6 pt-6'>
+      }}
+    >
+      <div ref={dialogRef} className="relative w-full max-w-[480px] overflow-hidden">
+        <div className="shadows-shadow-lg flex max-w-full flex-col items-start rounded-2xl border-[0.5px] border-solid border-components-panel-border bg-components-panel-bg">
+          <div className="flex flex-col items-start gap-2 self-stretch pb-4 pl-6 pr-6 pt-6">
             <Tooltip
               popupContent={title}
               disabled={!isTitleTruncated}
-              portalContentClassName='!z-[10000001]'
+              portalContentClassName="!z-[10000001]"
               asChild={false}
-              triggerClassName='w-full'
+              triggerClassName="w-full"
             >
-              <div ref={titleRef} className='title-2xl-semi-bold w-full truncate text-text-primary'>
+              <div ref={titleRef} className="title-2xl-semi-bold w-full truncate text-text-primary">
                 {title}
               </div>
             </Tooltip>
-            <div className='system-md-regular w-full whitespace-pre-wrap break-words text-text-tertiary'>{content}</div>
+            <div className="system-md-regular w-full whitespace-pre-wrap break-words text-text-tertiary">{content}</div>
           </div>
-          <div className='flex items-start justify-end gap-2 self-stretch p-6'>
+          <div className="flex items-start justify-end gap-2 self-stretch p-6">
             {showCancel && <Button onClick={onCancel}>{cancelTxt}</Button>}
-            {showConfirm && <Button variant={'primary'} destructive={type !== 'info'} loading={isLoading} disabled={isDisabled} onClick={onConfirm}>{confirmTxt}</Button>}
+            {showConfirm && <Button variant="primary" destructive={type !== 'info'} loading={isLoading} disabled={isDisabled} onClick={onConfirm}>{confirmTxt}</Button>}
           </div>
         </div>
       </div>
-    </div>, document.body,
+    </div>,
+    document.body,
   )
 }
 
diff --git a/web/app/components/base/content-dialog/index.tsx b/web/app/components/base/content-dialog/index.tsx
index 4367744f4d..0bcde7ce8a 100644
--- a/web/app/components/base/content-dialog/index.tsx
+++ b/web/app/components/base/content-dialog/index.tsx
@@ -18,25 +18,18 @@ const ContentDialog = ({
   return (
     <Transition
       show={show}
-      as='div'
-      className='absolute left-0 top-0 z-30 box-border h-full w-full p-2'
+      as="div"
+      className="absolute left-0 top-0 z-30 box-border h-full w-full p-2"
     >
       <TransitionChild>
         <div
-          className={cn('absolute inset-0 left-0 w-full bg-app-detail-overlay-bg',
-            'duration-300 ease-in data-[closed]:opacity-0',
-            'data-[enter]:opacity-100',
-            'data-[leave]:opacity-0')}
+          className={cn('absolute inset-0 left-0 w-full bg-app-detail-overlay-bg', 'duration-300 ease-in data-[closed]:opacity-0', 'data-[enter]:opacity-100', 'data-[leave]:opacity-0')}
           onClick={onClose}
         />
       </TransitionChild>
 
       <TransitionChild>
-        <div className={cn('absolute left-0 w-full border-r border-divider-burn bg-app-detail-bg',
-          'duration-100 ease-in data-[closed]:-translate-x-full',
-          'data-[enter]:translate-x-0 data-[enter]:duration-300 data-[enter]:ease-out',
-          'data-[leave]:-translate-x-full data-[leave]:duration-200 data-[leave]:ease-in',
-          className)}>
+        <div className={cn('absolute left-0 w-full border-r border-divider-burn bg-app-detail-bg', 'duration-100 ease-in data-[closed]:-translate-x-full', 'data-[enter]:translate-x-0 data-[enter]:duration-300 data-[enter]:ease-out', 'data-[leave]:-translate-x-full data-[leave]:duration-200 data-[leave]:ease-in', className)}>
           {children}
         </div>
       </TransitionChild>
diff --git a/web/app/components/base/copy-feedback/index.tsx b/web/app/components/base/copy-feedback/index.tsx
index 18ebe0344a..788dcee89c 100644
--- a/web/app/components/base/copy-feedback/index.tsx
+++ b/web/app/components/base/copy-feedback/index.tsx
@@ -1,15 +1,15 @@
 'use client'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiClipboardFill,
   RiClipboardLine,
 } from '@remixicon/react'
-import { debounce } from 'lodash-es'
 import copy from 'copy-to-clipboard'
-import copyStyle from './style.module.css'
-import Tooltip from '@/app/components/base/tooltip'
+import { debounce } from 'lodash-es'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
+import Tooltip from '@/app/components/base/tooltip'
+import copyStyle from './style.module.css'
 
 type Props = {
   content: string
@@ -44,8 +44,8 @@ const CopyFeedback = ({ content }: Props) => {
           onClick={onClickCopy}
           onMouseLeave={onMouseLeave}
         >
-          {isCopied && <RiClipboardFill className='h-4 w-4' />}
-          {!isCopied && <RiClipboardLine className='h-4 w-4' />}
+          {isCopied && <RiClipboardFill className="h-4 w-4" />}
+          {!isCopied && <RiClipboardLine className="h-4 w-4" />}
         </div>
       </ActionButton>
     </Tooltip>
@@ -84,7 +84,8 @@ export const CopyFeedbackNew = ({ content, className }: Pick<Props, 'className'
           onMouseLeave={onMouseLeave}
           className={`h-full w-full ${copyStyle.copyIcon} ${isCopied ? copyStyle.copied : ''
           }`}
-        ></div>
+        >
+        </div>
       </div>
     </Tooltip>
   )
diff --git a/web/app/components/base/copy-icon/index.tsx b/web/app/components/base/copy-icon/index.tsx
index 158eaa5fbe..a7cb12c12b 100644
--- a/web/app/components/base/copy-icon/index.tsx
+++ b/web/app/components/base/copy-icon/index.tsx
@@ -1,13 +1,13 @@
 'use client'
+import copy from 'copy-to-clipboard'
+import { debounce } from 'lodash-es'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { debounce } from 'lodash-es'
-import copy from 'copy-to-clipboard'
-import Tooltip from '../tooltip'
 import {
   Copy,
   CopyCheck,
 } from '@/app/components/base/icons/src/vender/line/files'
+import Tooltip from '../tooltip'
 
 type Props = {
   content: string
@@ -39,12 +39,11 @@ const CopyIcon = ({ content }: Props) => {
       <div onMouseLeave={onMouseLeave}>
         {!isCopied
           ? (
-            <Copy className='mx-1 h-3.5 w-3.5 cursor-pointer text-text-tertiary' onClick={onClickCopy} />
-          )
+              <Copy className="mx-1 h-3.5 w-3.5 cursor-pointer text-text-tertiary" onClick={onClickCopy} />
+            )
           : (
-            <CopyCheck className='mx-1 h-3.5 w-3.5 text-text-tertiary' />
-          )
-        }
+              <CopyCheck className="mx-1 h-3.5 w-3.5 text-text-tertiary" />
+            )}
       </div>
     </Tooltip>
   )
diff --git a/web/app/components/base/corner-label/index.tsx b/web/app/components/base/corner-label/index.tsx
index 25cd228ba5..21ad00bb77 100644
--- a/web/app/components/base/corner-label/index.tsx
+++ b/web/app/components/base/corner-label/index.tsx
@@ -1,5 +1,5 @@
-import { Corner } from '../icons/src/vender/solid/shapes'
 import { cn } from '@/utils/classnames'
+import { Corner } from '../icons/src/vender/solid/shapes'
 
 type CornerLabelProps = {
   label: string
@@ -10,9 +10,9 @@ type CornerLabelProps = {
 const CornerLabel: React.FC<CornerLabelProps> = ({ label, className, labelClassName }) => {
   return (
     <div className={cn('group/corner-label inline-flex items-start', className)}>
-      <Corner className='h-5 w-[13px] text-background-section-burn' />
+      <Corner className="h-5 w-[13px] text-background-section-burn" />
       <div className={cn('flex items-center gap-0.5 bg-background-section-burn py-1 pr-2', labelClassName)}>
-        <div className='system-2xs-medium-uppercase text-text-tertiary'>{label}</div>
+        <div className="system-2xs-medium-uppercase text-text-tertiary">{label}</div>
       </div>
     </div>
   )
diff --git a/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx b/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx
index f7a59f2266..30aab7a30f 100644
--- a/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx
+++ b/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx
@@ -5,11 +5,11 @@ export const DaysOfWeek = () => {
   const daysOfWeek = useDaysOfWeek()
 
   return (
-    <div className='grid grid-cols-7 gap-x-0.5 border-b-[0.5px] border-divider-regular p-2'>
+    <div className="grid grid-cols-7 gap-x-0.5 border-b-[0.5px] border-divider-regular p-2">
       {daysOfWeek.map(day => (
         <div
           key={day}
-          className='system-2xs-medium flex items-center justify-center text-text-tertiary'
+          className="system-2xs-medium flex items-center justify-center text-text-tertiary"
         >
           {day}
         </div>
diff --git a/web/app/components/base/date-and-time-picker/calendar/index.tsx b/web/app/components/base/date-and-time-picker/calendar/index.tsx
index 03dcb0eda3..5a1492866b 100644
--- a/web/app/components/base/date-and-time-picker/calendar/index.tsx
+++ b/web/app/components/base/date-and-time-picker/calendar/index.tsx
@@ -10,20 +10,24 @@ const Calendar: FC<CalendarProps> = ({
   wrapperClassName,
   getIsDateDisabled,
 }) => {
-  return <div className={wrapperClassName}>
-    <DaysOfWeek />
-    <div className='grid grid-cols-7 gap-0.5 p-2'>
-      {
-        days.map(day => <CalendarItem
-          key={day.date.format('YYYY-MM-DD')}
-          day={day}
-          selectedDate={selectedDate}
-          onClick={onDateClick}
-          isDisabled={getIsDateDisabled ? getIsDateDisabled(day.date) : false}
-        />)
-      }
+  return (
+    <div className={wrapperClassName}>
+      <DaysOfWeek />
+      <div className="grid grid-cols-7 gap-0.5 p-2">
+        {
+          days.map(day => (
+            <CalendarItem
+              key={day.date.format('YYYY-MM-DD')}
+              day={day}
+              selectedDate={selectedDate}
+              onClick={onDateClick}
+              isDisabled={getIsDateDisabled ? getIsDateDisabled(day.date) : false}
+            />
+          ))
+        }
+      </div>
     </div>
-  </div>
+  )
 }
 
 export default Calendar
diff --git a/web/app/components/base/date-and-time-picker/calendar/item.tsx b/web/app/components/base/date-and-time-picker/calendar/item.tsx
index 991ab84043..8b6b33f96e 100644
--- a/web/app/components/base/date-and-time-picker/calendar/item.tsx
+++ b/web/app/components/base/date-and-time-picker/calendar/item.tsx
@@ -1,5 +1,6 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import type { CalendarItemProps } from '../types'
+import React from 'react'
 import { cn } from '@/utils/classnames'
 import dayjs from '../utils/dayjs'
 
@@ -14,7 +15,8 @@ const Item: FC<CalendarItemProps> = ({
   const isToday = date.isSame(dayjs(), 'date')
 
   return (
-    <button type="button"
+    <button
+      type="button"
       onClick={() => !isDisabled && onClick(date)}
       className={cn(
         'system-sm-medium relative flex items-center justify-center rounded-lg px-1 py-2',
@@ -24,7 +26,7 @@ const Item: FC<CalendarItemProps> = ({
       )}
     >
       {date.date()}
-      {isToday && <div className='absolute bottom-1 mx-auto h-1 w-1 rounded-full bg-components-button-primary-bg' />}
+      {isToday && <div className="absolute bottom-1 mx-auto h-1 w-1 rounded-full bg-components-button-primary-bg" />}
     </button>
   )
 }
diff --git a/web/app/components/base/date-and-time-picker/common/option-list-item.tsx b/web/app/components/base/date-and-time-picker/common/option-list-item.tsx
index fcb1e5299e..916e4e3d88 100644
--- a/web/app/components/base/date-and-time-picker/common/option-list-item.tsx
+++ b/web/app/components/base/date-and-time-picker/common/option-list-item.tsx
@@ -1,4 +1,5 @@
-import React, { type FC, useEffect, useRef } from 'react'
+import type { FC } from 'react'
+import React, { useEffect, useRef } from 'react'
 import { cn } from '@/utils/classnames'
 
 type OptionListItemProps = {
diff --git a/web/app/components/base/date-and-time-picker/date-picker/footer.tsx b/web/app/components/base/date-and-time-picker/date-picker/footer.tsx
index 9c7136f67a..44288b5109 100644
--- a/web/app/components/base/date-and-time-picker/date-picker/footer.tsx
+++ b/web/app/components/base/date-and-time-picker/date-picker/footer.tsx
@@ -1,9 +1,11 @@
-import React, { type FC } from 'react'
-import Button from '../../button'
-import { type DatePickerFooterProps, ViewType } from '../types'
+import type { FC } from 'react'
+import type { DatePickerFooterProps } from '../types'
 import { RiTimeLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import Button from '../../button'
+import { ViewType } from '../types'
 
 const Footer: FC<DatePickerFooterProps> = ({
   needTimePicker,
@@ -19,34 +21,35 @@ const Footer: FC<DatePickerFooterProps> = ({
     <div className={cn(
       'flex items-center justify-between border-t-[0.5px] border-divider-regular p-2',
       !needTimePicker && 'justify-end',
-    )}>
+    )}
+    >
       {/* Time Picker */}
       {needTimePicker && (
         <button
-          type='button'
-          className='system-xs-medium flex items-center gap-x-[1px] rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1.5
-                      py-1 text-components-button-secondary-accent-text shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'
+          type="button"
+          className="system-xs-medium flex items-center gap-x-[1px] rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1.5
+                      py-1 text-components-button-secondary-accent-text shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]"
           onClick={handleClickTimePicker}
         >
-          <RiTimeLine className='h-3.5 w-3.5' />
+          <RiTimeLine className="h-3.5 w-3.5" />
           {view === ViewType.date && <span>{displayTime}</span>}
           {view === ViewType.time && <span>{t('time.operation.pickDate')}</span>}
         </button>
       )}
-      <div className='flex items-center gap-x-1'>
+      <div className="flex items-center gap-x-1">
         {/* Now */}
         <button
-          type='button'
-          className='system-xs-medium flex items-center justify-center px-1.5 py-1 text-components-button-secondary-accent-text'
+          type="button"
+          className="system-xs-medium flex items-center justify-center px-1.5 py-1 text-components-button-secondary-accent-text"
           onClick={handleSelectCurrentDate}
         >
-          <span className='px-[3px]'>{t('time.operation.now')}</span>
+          <span className="px-[3px]">{t('time.operation.now')}</span>
         </button>
         {/* Confirm Button */}
         <Button
-          variant='primary'
-          size='small'
-          className='w-16 px-1.5 py-1'
+          variant="primary"
+          size="small"
+          className="w-16 px-1.5 py-1"
           onClick={handleConfirmDate}
         >
           {t('time.operation.ok')}
diff --git a/web/app/components/base/date-and-time-picker/date-picker/header.tsx b/web/app/components/base/date-and-time-picker/date-picker/header.tsx
index 80b7110e50..811a8387e2 100644
--- a/web/app/components/base/date-and-time-picker/date-picker/header.tsx
+++ b/web/app/components/base/date-and-time-picker/date-picker/header.tsx
@@ -1,6 +1,7 @@
-import React, { type FC } from 'react'
-import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
+import type { FC } from 'react'
 import type { DatePickerHeaderProps } from '../types'
+import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
+import React from 'react'
 import { useMonths } from '../hooks'
 
 const Header: FC<DatePickerHeaderProps> = ({
@@ -12,27 +13,30 @@ const Header: FC<DatePickerHeaderProps> = ({
   const months = useMonths()
 
   return (
-    <div className='mx-2 mt-2 flex items-center'>
-      <div className='flex-1'>
-        <button type="button"
+    <div className="mx-2 mt-2 flex items-center">
+      <div className="flex-1">
+        <button
+          type="button"
           onClick={handleOpenYearMonthPicker}
-          className='system-md-semibold flex items-center gap-x-0.5 rounded-lg px-2 py-1.5 text-text-primary hover:bg-state-base-hover'
+          className="system-md-semibold flex items-center gap-x-0.5 rounded-lg px-2 py-1.5 text-text-primary hover:bg-state-base-hover"
         >
           <span>{`${months[currentDate.month()]} ${currentDate.year()}`}</span>
-          <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
+          <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
         </button>
       </div>
-      <button type="button"
+      <button
+        type="button"
         onClick={onClickPrevMonth}
-        className='rounded-lg p-1.5 hover:bg-state-base-hover'
+        className="rounded-lg p-1.5 hover:bg-state-base-hover"
       >
-        <RiArrowUpSLine className='h-[18px] w-[18px] text-text-secondary' />
+        <RiArrowUpSLine className="h-[18px] w-[18px] text-text-secondary" />
       </button>
-      <button type="button"
+      <button
+        type="button"
         onClick={onClickNextMonth}
-        className='rounded-lg p-1.5 hover:bg-state-base-hover'
+        className="rounded-lg p-1.5 hover:bg-state-base-hover"
       >
-        <RiArrowDownSLine className='h-[18px] w-[18px] text-text-secondary' />
+        <RiArrowDownSLine className="h-[18px] w-[18px] text-text-secondary" />
       </button>
     </div>
   )
diff --git a/web/app/components/base/date-and-time-picker/date-picker/index.tsx b/web/app/components/base/date-and-time-picker/date-picker/index.tsx
index a0ccfa153d..877b221dfc 100644
--- a/web/app/components/base/date-and-time-picker/date-picker/index.tsx
+++ b/web/app/components/base/date-and-time-picker/date-picker/index.tsx
@@ -1,9 +1,18 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { RiCalendarLine, RiCloseCircleFill } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import type { DatePickerProps, Period } from '../types'
-import { ViewType } from '../types'
 import type { Dayjs } from 'dayjs'
+import type { DatePickerProps, Period } from '../types'
+import { RiCalendarLine, RiCloseCircleFill } from '@remixicon/react'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+  PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
+import Calendar from '../calendar'
+import TimePickerHeader from '../time-picker/header'
+import TimePickerOptions from '../time-picker/options'
+import { ViewType } from '../types'
 import dayjs, {
   clearMonthMapCache,
   cloneTime,
@@ -11,20 +20,11 @@ import dayjs, {
   getDaysInMonth,
   getHourIn12Hour,
 } from '../utils/dayjs'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-  PortalToFollowElemTrigger,
-} from '@/app/components/base/portal-to-follow-elem'
-import DatePickerHeader from './header'
-import Calendar from '../calendar'
-import DatePickerFooter from './footer'
+import YearAndMonthPickerFooter from '../year-and-month-picker/footer'
 import YearAndMonthPickerHeader from '../year-and-month-picker/header'
 import YearAndMonthPickerOptions from '../year-and-month-picker/options'
-import YearAndMonthPickerFooter from '../year-and-month-picker/footer'
-import TimePickerHeader from '../time-picker/header'
-import TimePickerOptions from '../time-picker/options'
-import { useTranslation } from 'react-i18next'
+import DatePickerFooter from './footer'
+import DatePickerHeader from './header'
 
 const DatePicker = ({
   value,
@@ -47,7 +47,8 @@ const DatePicker = ({
 
   // Normalize the value to ensure that all subsequent uses are Day.js objects.
   const normalizedValue = useMemo(() => {
-    if (!value) return undefined
+    if (!value)
+      return undefined
     return dayjs.isDayjs(value) ? value.tz(timezone) : dayjs(value).tz(timezone)
   }, [value, timezone])
 
@@ -212,86 +213,97 @@ const DatePicker = ({
     <PortalToFollowElem
       open={isOpen}
       onOpenChange={setIsOpen}
-      placement='bottom-end'
+      placement="bottom-end"
     >
       <PortalToFollowElemTrigger className={triggerWrapClassName}>
-        {renderTrigger ? (renderTrigger({
-          value: normalizedValue,
-          selectedDate,
-          isOpen,
-          handleClear,
-          handleClickTrigger,
-        })) : (
-          <div
-            className='group flex w-[252px] cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt'
-            onClick={handleClickTrigger}
-          >
-            <input
-              className='system-xs-regular flex-1 cursor-pointer appearance-none truncate bg-transparent p-1
-            text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder'
-              readOnly
-              value={isOpen ? '' : displayValue}
-              placeholder={placeholderDate}
-            />
-            <RiCalendarLine className={cn(
-              'h-4 w-4 shrink-0 text-text-quaternary',
-              isOpen ? 'text-text-secondary' : 'group-hover:text-text-secondary',
-              (displayValue || (isOpen && selectedDate)) && 'group-hover:hidden',
-            )} />
-            <RiCloseCircleFill
-              className={cn(
-                'hidden h-4 w-4 shrink-0 text-text-quaternary',
-                (displayValue || (isOpen && selectedDate)) && 'hover:text-text-secondary group-hover:inline-block',
-              )}
-              onClick={handleClear}
-            />
-          </div>
-        )}
+        {renderTrigger
+          ? (renderTrigger({
+              value: normalizedValue,
+              selectedDate,
+              isOpen,
+              handleClear,
+              handleClickTrigger,
+            }))
+          : (
+              <div
+                className="group flex w-[252px] cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt"
+                onClick={handleClickTrigger}
+              >
+                <input
+                  className="system-xs-regular flex-1 cursor-pointer appearance-none truncate bg-transparent p-1
+            text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder"
+                  readOnly
+                  value={isOpen ? '' : displayValue}
+                  placeholder={placeholderDate}
+                />
+                <RiCalendarLine className={cn(
+                  'h-4 w-4 shrink-0 text-text-quaternary',
+                  isOpen ? 'text-text-secondary' : 'group-hover:text-text-secondary',
+                  (displayValue || (isOpen && selectedDate)) && 'group-hover:hidden',
+                )}
+                />
+                <RiCloseCircleFill
+                  className={cn(
+                    'hidden h-4 w-4 shrink-0 text-text-quaternary',
+                    (displayValue || (isOpen && selectedDate)) && 'hover:text-text-secondary group-hover:inline-block',
+                  )}
+                  onClick={handleClear}
+                />
+              </div>
+            )}
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={popupZIndexClassname}>
-        <div className='mt-1 w-[252px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg shadow-shadow-shadow-5'>
+        <div className="mt-1 w-[252px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg shadow-shadow-shadow-5">
           {/* Header */}
-          {view === ViewType.date ? (
-            <DatePickerHeader
-              handleOpenYearMonthPicker={handleOpenYearMonthPicker}
-              currentDate={currentDate}
-              onClickNextMonth={handleClickNextMonth}
-              onClickPrevMonth={handleClickPrevMonth}
-            />
-          ) : view === ViewType.yearMonth ? (
-            <YearAndMonthPickerHeader
-              selectedYear={selectedYear}
-              selectedMonth={selectedMonth}
-              onClick={handleCloseYearMonthPicker}
-            />
-          ) : (
-            <TimePickerHeader />
-          )}
+          {view === ViewType.date
+            ? (
+                <DatePickerHeader
+                  handleOpenYearMonthPicker={handleOpenYearMonthPicker}
+                  currentDate={currentDate}
+                  onClickNextMonth={handleClickNextMonth}
+                  onClickPrevMonth={handleClickPrevMonth}
+                />
+              )
+            : view === ViewType.yearMonth
+              ? (
+                  <YearAndMonthPickerHeader
+                    selectedYear={selectedYear}
+                    selectedMonth={selectedMonth}
+                    onClick={handleCloseYearMonthPicker}
+                  />
+                )
+              : (
+                  <TimePickerHeader />
+                )}
 
           {/* Content */}
           {
-            view === ViewType.date ? (
-              <Calendar
-                days={days}
-                selectedDate={selectedDate}
-                onDateClick={handleDateSelect}
-                getIsDateDisabled={getIsDateDisabled}
-              />
-            ) : view === ViewType.yearMonth ? (
-              <YearAndMonthPickerOptions
-                selectedMonth={selectedMonth}
-                selectedYear={selectedYear}
-                handleMonthSelect={handleMonthSelect}
-                handleYearSelect={handleYearSelect}
-              />
-            ) : (
-              <TimePickerOptions
-                selectedTime={selectedDate}
-                handleSelectHour={handleSelectHour}
-                handleSelectMinute={handleSelectMinute}
-                handleSelectPeriod={handleSelectPeriod}
-              />
-            )
+            view === ViewType.date
+              ? (
+                  <Calendar
+                    days={days}
+                    selectedDate={selectedDate}
+                    onDateClick={handleDateSelect}
+                    getIsDateDisabled={getIsDateDisabled}
+                  />
+                )
+              : view === ViewType.yearMonth
+                ? (
+                    <YearAndMonthPickerOptions
+                      selectedMonth={selectedMonth}
+                      selectedYear={selectedYear}
+                      handleMonthSelect={handleMonthSelect}
+                      handleYearSelect={handleYearSelect}
+                    />
+                  )
+                : (
+                    <TimePickerOptions
+                      selectedTime={selectedDate}
+                      handleSelectHour={handleSelectHour}
+                      handleSelectMinute={handleSelectMinute}
+                      handleSelectPeriod={handleSelectPeriod}
+                    />
+                  )
           }
 
           {/* Footer */}
diff --git a/web/app/components/base/date-and-time-picker/hooks.ts b/web/app/components/base/date-and-time-picker/hooks.ts
index b92a8e24c8..f79f28053f 100644
--- a/web/app/components/base/date-and-time-picker/hooks.ts
+++ b/web/app/components/base/date-and-time-picker/hooks.ts
@@ -1,6 +1,6 @@
-import dayjs from './utils/dayjs'
-import { Period } from './types'
 import { useTranslation } from 'react-i18next'
+import { Period } from './types'
+import dayjs from './utils/dayjs'
 
 const YEAR_RANGE = 100
 
diff --git a/web/app/components/base/date-and-time-picker/index.stories.tsx b/web/app/components/base/date-and-time-picker/index.stories.tsx
index 1789407d03..ad057f7969 100644
--- a/web/app/components/base/date-and-time-picker/index.stories.tsx
+++ b/web/app/components/base/date-and-time-picker/index.stories.tsx
@@ -1,10 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { fn } from 'storybook/test'
-import { useState } from 'react'
-import DatePicker from './date-picker'
-import dayjs from './utils/dayjs'
-import { getDateWithTimezone } from './utils/dayjs'
 import type { DatePickerProps } from './types'
+import { useState } from 'react'
+import { fn } from 'storybook/test'
+import DatePicker from './date-picker'
+import dayjs, { getDateWithTimezone } from './utils/dayjs'
 
 const meta = {
   title: 'Base/Data Entry/DateAndTimePicker',
@@ -35,14 +34,17 @@ const DatePickerPlayground = (props: DatePickerProps) => {
 
   return (
     <div className="inline-flex flex-col items-start gap-3">
-      <DatePicker popupZIndexClassname="z-50"
+      <DatePicker
+        popupZIndexClassname="z-50"
         {...props}
         value={value}
         onChange={setValue}
         onClear={() => setValue(undefined)}
       />
       <div className="w-[252px] rounded-lg border border-divider-subtle bg-components-panel-bg p-3 text-xs text-text-secondary">
-        Selected datetime: <span className="font-mono text-text-primary">{value ? value.format() : 'undefined'}</span>
+        Selected datetime:
+        {' '}
+        <span className="font-mono text-text-primary">{value ? value.format() : 'undefined'}</span>
       </div>
     </div>
   )
diff --git a/web/app/components/base/date-and-time-picker/time-picker/footer.tsx b/web/app/components/base/date-and-time-picker/time-picker/footer.tsx
index dc35830250..41ab93e25e 100644
--- a/web/app/components/base/date-and-time-picker/time-picker/footer.tsx
+++ b/web/app/components/base/date-and-time-picker/time-picker/footer.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import type { TimePickerFooterProps } from '../types'
-import Button from '../../button'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '../../button'
 
 const Footer: FC<TimePickerFooterProps> = ({
   handleSelectCurrentTime,
@@ -10,21 +11,21 @@ const Footer: FC<TimePickerFooterProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center justify-between border-t-[0.5px] border-divider-regular p-2'>
+    <div className="flex items-center justify-between border-t-[0.5px] border-divider-regular p-2">
       {/* Now Button */}
       <Button
-        variant='secondary-accent'
-        size='small'
-        className='mr-1 flex-1'
+        variant="secondary-accent"
+        size="small"
+        className="mr-1 flex-1"
         onClick={handleSelectCurrentTime}
       >
         {t('time.operation.now')}
       </Button>
       {/* Confirm Button */}
       <Button
-        variant='primary'
-        size='small'
-        className='ml-1 flex-1'
+        variant="primary"
+        size="small"
+        className="ml-1 flex-1"
         onClick={handleConfirm.bind(null)}
       >
         {t('time.operation.ok')}
diff --git a/web/app/components/base/date-and-time-picker/time-picker/header.tsx b/web/app/components/base/date-and-time-picker/time-picker/header.tsx
index dc6b56f744..3f74b8e20d 100644
--- a/web/app/components/base/date-and-time-picker/time-picker/header.tsx
+++ b/web/app/components/base/date-and-time-picker/time-picker/header.tsx
@@ -10,8 +10,8 @@ const Header = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex flex-col border-b-[0.5px] border-divider-regular'>
-      <div className='system-md-semibold flex items-center px-2 py-1.5 text-text-primary'>
+    <div className="flex flex-col border-b-[0.5px] border-divider-regular">
+      <div className="system-md-semibold flex items-center px-2 py-1.5 text-text-primary">
         {title || t('time.title.pickTime')}
       </div>
     </div>
diff --git a/web/app/components/base/date-and-time-picker/time-picker/index.spec.tsx b/web/app/components/base/date-and-time-picker/time-picker/index.spec.tsx
index 3c7226fb4b..5489002210 100644
--- a/web/app/components/base/date-and-time-picker/time-picker/index.spec.tsx
+++ b/web/app/components/base/date-and-time-picker/time-picker/index.spec.tsx
@@ -1,17 +1,20 @@
-import React from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
-import TimePicker from './index'
-import dayjs from '../utils/dayjs'
-import { isDayjsObject } from '../utils/dayjs'
 import type { TimePickerProps } from '../types'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+import dayjs, { isDayjsObject } from '../utils/dayjs'
+import TimePicker from './index'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
     t: (key: string) => {
-      if (key === 'time.defaultPlaceholder') return 'Pick a time...'
-      if (key === 'time.operation.now') return 'Now'
-      if (key === 'time.operation.ok') return 'OK'
-      if (key === 'common.operation.clear') return 'Clear'
+      if (key === 'time.defaultPlaceholder')
+        return 'Pick a time...'
+      if (key === 'time.operation.now')
+        return 'Now'
+      if (key === 'time.operation.ok')
+        return 'OK'
+      if (key === 'common.operation.clear')
+        return 'Clear'
       return key
     },
   }),
@@ -45,7 +48,7 @@ describe('TimePicker', () => {
     vi.clearAllMocks()
   })
 
-  test('renders formatted value for string input (Issue #26692 regression)', () => {
+  it('renders formatted value for string input (Issue #26692 regression)', () => {
     render(
       <TimePicker
         {...baseProps}
@@ -57,7 +60,7 @@ describe('TimePicker', () => {
     expect(screen.getByDisplayValue('06:45 PM')).toBeInTheDocument()
   })
 
-  test('confirms cleared value when confirming without selection', () => {
+  it('confirms cleared value when confirming without selection', () => {
     render(
       <TimePicker
         {...baseProps}
@@ -80,7 +83,7 @@ describe('TimePicker', () => {
     expect(baseProps.onClear).not.toHaveBeenCalled()
   })
 
-  test('selecting current time emits timezone-aware value', () => {
+  it('selecting current time emits timezone-aware value', () => {
     const onChange = vi.fn()
     render(
       <TimePicker
@@ -100,7 +103,7 @@ describe('TimePicker', () => {
   })
 
   describe('Timezone Label Integration', () => {
-    test('should not display timezone label by default', () => {
+    it('should not display timezone label by default', () => {
       render(
         <TimePicker
           {...baseProps}
@@ -112,7 +115,7 @@ describe('TimePicker', () => {
       expect(screen.queryByTitle(/Timezone: Asia\/Shanghai/)).not.toBeInTheDocument()
     })
 
-    test('should not display timezone label when showTimezone is false', () => {
+    it('should not display timezone label when showTimezone is false', () => {
       render(
         <TimePicker
           {...baseProps}
@@ -125,7 +128,7 @@ describe('TimePicker', () => {
       expect(screen.queryByTitle(/Timezone: Asia\/Shanghai/)).not.toBeInTheDocument()
     })
 
-    test('should display timezone label when showTimezone is true', () => {
+    it('should display timezone label when showTimezone is true', () => {
       render(
         <TimePicker
           {...baseProps}
@@ -140,7 +143,7 @@ describe('TimePicker', () => {
       expect(timezoneLabel).toHaveTextContent(/UTC[+-]\d+/)
     })
 
-    test('should not display timezone label when showTimezone is true but timezone is not provided', () => {
+    it('should not display timezone label when showTimezone is true but timezone is not provided', () => {
       render(
         <TimePicker
           {...baseProps}
diff --git a/web/app/components/base/date-and-time-picker/time-picker/index.tsx b/web/app/components/base/date-and-time-picker/time-picker/index.tsx
index 316164bfac..874146b457 100644
--- a/web/app/components/base/date-and-time-picker/time-picker/index.tsx
+++ b/web/app/components/base/date-and-time-picker/time-picker/index.tsx
@@ -1,25 +1,25 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react'
 import type { Dayjs } from 'dayjs'
-import { Period } from '../types'
 import type { TimePickerProps } from '../types'
+import { RiCloseCircleFill, RiTimeLine } from '@remixicon/react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+  PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+import TimezoneLabel from '@/app/components/base/timezone-label'
+import { cn } from '@/utils/classnames'
+import { Period } from '../types'
 import dayjs, {
   getDateWithTimezone,
   getHourIn12Hour,
   isDayjsObject,
   toDayjs,
 } from '../utils/dayjs'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-  PortalToFollowElemTrigger,
-} from '@/app/components/base/portal-to-follow-elem'
 import Footer from './footer'
-import Options from './options'
 import Header from './header'
-import { useTranslation } from 'react-i18next'
-import { RiCloseCircleFill, RiTimeLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import TimezoneLabel from '@/app/components/base/timezone-label'
+import Options from './options'
 
 const to24Hour = (hour12: string, period: Period) => {
   const normalized = Number.parseInt(hour12, 10) % 12
@@ -82,11 +82,13 @@ const TimePicker = ({
     prevTimezoneRef.current = timezone
 
     // Skip if neither timezone changed nor value changed
-    if (!timezoneChanged && !valueChanged) return
+    if (!timezoneChanged && !valueChanged)
+      return
 
     if (value !== undefined && value !== null) {
       const dayjsValue = toDayjs(value, { timezone })
-      if (!dayjsValue) return
+      if (!dayjsValue)
+        return
 
       setSelectedTime(dayjsValue)
 
@@ -117,7 +119,8 @@ const TimePicker = ({
         || !isDayjsObject(selectedTime)
         || !dayjsValue.isSame(selectedTime, 'minute')
       )
-      if (needsUpdate) setSelectedTime(dayjsValue)
+      if (needsUpdate)
+        setSelectedTime(dayjsValue)
     }
   }
 
@@ -180,7 +183,8 @@ const TimePicker = ({
   const timeFormat = 'hh:mm A'
 
   const formatTimeValue = useCallback((timeValue: string | Dayjs | undefined): string => {
-    if (!timeValue) return ''
+    if (!timeValue)
+      return ''
 
     const dayjsValue = toDayjs(timeValue, { timezone })
     return dayjsValue?.format(timeFormat) || ''
@@ -194,8 +198,8 @@ const TimePicker = ({
 
   const inputElem = (
     <input
-      className='system-xs-regular flex-1 cursor-pointer select-none appearance-none truncate bg-transparent p-1
-            text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder'
+      className="system-xs-regular flex-1 cursor-pointer select-none appearance-none truncate bg-transparent p-1
+            text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder"
       readOnly
       value={isOpen ? '' : displayValue}
       placeholder={placeholderDate}
@@ -208,41 +212,44 @@ const TimePicker = ({
       placement={placement}
     >
       <PortalToFollowElemTrigger className={triggerFullWidth ? '!block w-full' : undefined}>
-        {renderTrigger ? (renderTrigger({
-          inputElem,
-          onClick: handleClickTrigger,
-          isOpen,
-        })) : (
-          <div
-            className={cn(
-              'group flex cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt',
-              triggerFullWidth ? 'w-full min-w-0' : 'w-[252px]',
+        {renderTrigger
+          ? (renderTrigger({
+              inputElem,
+              onClick: handleClickTrigger,
+              isOpen,
+            }))
+          : (
+              <div
+                className={cn(
+                  'group flex cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt',
+                  triggerFullWidth ? 'w-full min-w-0' : 'w-[252px]',
+                )}
+                onClick={handleClickTrigger}
+              >
+                {inputElem}
+                {showTimezone && timezone && (
+                  <TimezoneLabel timezone={timezone} inline className="shrink-0 select-none text-xs" />
+                )}
+                <RiTimeLine className={cn(
+                  'h-4 w-4 shrink-0 text-text-quaternary',
+                  isOpen ? 'text-text-secondary' : 'group-hover:text-text-secondary',
+                  (displayValue || (isOpen && selectedTime)) && !notClearable && 'group-hover:hidden',
+                )}
+                />
+                <RiCloseCircleFill
+                  className={cn(
+                    'hidden h-4 w-4 shrink-0 text-text-quaternary',
+                    (displayValue || (isOpen && selectedTime)) && !notClearable && 'hover:text-text-secondary group-hover:inline-block',
+                  )}
+                  role="button"
+                  aria-label={t('common.operation.clear')}
+                  onClick={handleClear}
+                />
+              </div>
             )}
-            onClick={handleClickTrigger}
-          >
-            {inputElem}
-            {showTimezone && timezone && (
-              <TimezoneLabel timezone={timezone} inline className='shrink-0 select-none text-xs' />
-            )}
-            <RiTimeLine className={cn(
-              'h-4 w-4 shrink-0 text-text-quaternary',
-              isOpen ? 'text-text-secondary' : 'group-hover:text-text-secondary',
-              (displayValue || (isOpen && selectedTime)) && !notClearable && 'group-hover:hidden',
-            )} />
-            <RiCloseCircleFill
-              className={cn(
-                'hidden h-4 w-4 shrink-0 text-text-quaternary',
-                (displayValue || (isOpen && selectedTime)) && !notClearable && 'hover:text-text-secondary group-hover:inline-block',
-              )}
-              role='button'
-              aria-label={t('common.operation.clear')}
-              onClick={handleClear}
-            />
-          </div>
-        )}
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={cn('z-50', popupClassName)}>
-        <div className='mt-1 w-[252px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg shadow-shadow-shadow-5'>
+        <div className="mt-1 w-[252px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg shadow-shadow-shadow-5">
           {/* Header */}
           <Header title={title} />
 
diff --git a/web/app/components/base/date-and-time-picker/time-picker/options.tsx b/web/app/components/base/date-and-time-picker/time-picker/options.tsx
index 6d3cde81af..abd7e33b56 100644
--- a/web/app/components/base/date-and-time-picker/time-picker/options.tsx
+++ b/web/app/components/base/date-and-time-picker/time-picker/options.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
-import { useTimeOptions } from '../hooks'
+import type { FC } from 'react'
 import type { TimeOptionsProps } from '../types'
+import React from 'react'
 import OptionListItem from '../common/option-list-item'
+import { useTimeOptions } from '../hooks'
 
 const Options: FC<TimeOptionsProps> = ({
   selectedTime,
@@ -13,9 +14,9 @@ const Options: FC<TimeOptionsProps> = ({
   const { hourOptions, minuteOptions, periodOptions } = useTimeOptions()
 
   return (
-    <div className='grid grid-cols-3 gap-x-1 p-2'>
+    <div className="grid grid-cols-3 gap-x-1 p-2">
       {/* Hour */}
-      <ul className='no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]'>
+      <ul className="no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]">
         {
           hourOptions.map((hour) => {
             const isSelected = selectedTime?.format('hh') === hour
@@ -32,7 +33,7 @@ const Options: FC<TimeOptionsProps> = ({
         }
       </ul>
       {/* Minute */}
-      <ul className='no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]'>
+      <ul className="no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]">
         {
           (minuteFilter ? minuteFilter(minuteOptions) : minuteOptions).map((minute) => {
             const isSelected = selectedTime?.format('mm') === minute
@@ -49,7 +50,7 @@ const Options: FC<TimeOptionsProps> = ({
         }
       </ul>
       {/* Period */}
-      <ul className='no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]'>
+      <ul className="no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]">
         {
           periodOptions.map((period) => {
             const isSelected = selectedTime?.format('A') === period
diff --git a/web/app/components/base/date-and-time-picker/types.ts b/web/app/components/base/date-and-time-picker/types.ts
index f79fb83ace..0068ec22ac 100644
--- a/web/app/components/base/date-and-time-picker/types.ts
+++ b/web/app/components/base/date-and-time-picker/types.ts
@@ -1,5 +1,5 @@
-import type { Dayjs } from 'dayjs'
 import type { Placement } from '@floating-ui/react'
+import type { Dayjs } from 'dayjs'
 
 export enum ViewType {
   date = 'date',
diff --git a/web/app/components/base/date-and-time-picker/utils/dayjs.spec.ts b/web/app/components/base/date-and-time-picker/utils/dayjs.spec.ts
index 5c891126b5..5457fa13fb 100644
--- a/web/app/components/base/date-and-time-picker/utils/dayjs.spec.ts
+++ b/web/app/components/base/date-and-time-picker/utils/dayjs.spec.ts
@@ -1,5 +1,4 @@
-import dayjs from './dayjs'
-import {
+import dayjs, {
   convertTimezoneToOffsetStr,
   getDateWithTimezone,
   isDayjsObject,
@@ -9,14 +8,14 @@ import {
 describe('dayjs utilities', () => {
   const timezone = 'UTC'
 
-  test('toDayjs parses time-only strings with timezone support', () => {
+  it('toDayjs parses time-only strings with timezone support', () => {
     const result = toDayjs('18:45', { timezone })
     expect(result).toBeDefined()
     expect(result?.format('HH:mm')).toBe('18:45')
     expect(result?.utcOffset()).toBe(getDateWithTimezone({ timezone }).utcOffset())
   })
 
-  test('toDayjs parses 12-hour time strings', () => {
+  it('toDayjs parses 12-hour time strings', () => {
     const tz = 'America/New_York'
     const result = toDayjs('07:15 PM', { timezone: tz })
     expect(result).toBeDefined()
@@ -24,7 +23,7 @@ describe('dayjs utilities', () => {
     expect(result?.utcOffset()).toBe(getDateWithTimezone({ timezone: tz }).utcOffset())
   })
 
-  test('isDayjsObject detects dayjs instances', () => {
+  it('isDayjsObject detects dayjs instances', () => {
     const date = dayjs()
     expect(isDayjsObject(date)).toBe(true)
     expect(isDayjsObject(getDateWithTimezone({ timezone }))).toBe(true)
@@ -32,7 +31,7 @@ describe('dayjs utilities', () => {
     expect(isDayjsObject({})).toBe(false)
   })
 
-  test('toDayjs parses datetime strings in target timezone', () => {
+  it('toDayjs parses datetime strings in target timezone', () => {
     const value = '2024-05-01 12:00:00'
     const tz = 'America/New_York'
 
@@ -43,7 +42,7 @@ describe('dayjs utilities', () => {
     expect(result?.format('YYYY-MM-DD HH:mm')).toBe('2024-05-01 12:00')
   })
 
-  test('toDayjs parses ISO datetime strings in target timezone', () => {
+  it('toDayjs parses ISO datetime strings in target timezone', () => {
     const value = '2024-05-01T14:30:00'
     const tz = 'Europe/London'
 
@@ -54,7 +53,7 @@ describe('dayjs utilities', () => {
     expect(result?.minute()).toBe(30)
   })
 
-  test('toDayjs handles dates without time component', () => {
+  it('toDayjs handles dates without time component', () => {
     const value = '2024-05-01'
     const tz = 'America/Los_Angeles'
 
@@ -68,32 +67,32 @@ describe('dayjs utilities', () => {
 })
 
 describe('convertTimezoneToOffsetStr', () => {
-  test('should return default UTC+0 for undefined timezone', () => {
+  it('should return default UTC+0 for undefined timezone', () => {
     expect(convertTimezoneToOffsetStr(undefined)).toBe('UTC+0')
   })
 
-  test('should return default UTC+0 for invalid timezone', () => {
+  it('should return default UTC+0 for invalid timezone', () => {
     expect(convertTimezoneToOffsetStr('Invalid/Timezone')).toBe('UTC+0')
   })
 
-  test('should handle whole hour positive offsets without leading zeros', () => {
+  it('should handle whole hour positive offsets without leading zeros', () => {
     expect(convertTimezoneToOffsetStr('Asia/Shanghai')).toBe('UTC+8')
     expect(convertTimezoneToOffsetStr('Pacific/Auckland')).toBe('UTC+12')
     expect(convertTimezoneToOffsetStr('Pacific/Apia')).toBe('UTC+13')
   })
 
-  test('should handle whole hour negative offsets without leading zeros', () => {
+  it('should handle whole hour negative offsets without leading zeros', () => {
     expect(convertTimezoneToOffsetStr('Pacific/Niue')).toBe('UTC-11')
     expect(convertTimezoneToOffsetStr('Pacific/Honolulu')).toBe('UTC-10')
     expect(convertTimezoneToOffsetStr('America/New_York')).toBe('UTC-5')
   })
 
-  test('should handle zero offset', () => {
+  it('should handle zero offset', () => {
     expect(convertTimezoneToOffsetStr('Europe/London')).toBe('UTC+0')
     expect(convertTimezoneToOffsetStr('UTC')).toBe('UTC+0')
   })
 
-  test('should handle half-hour offsets (30 minutes)', () => {
+  it('should handle half-hour offsets (30 minutes)', () => {
     // India Standard Time: UTC+5:30
     expect(convertTimezoneToOffsetStr('Asia/Kolkata')).toBe('UTC+5:30')
     // Australian Central Time: UTC+9:30
@@ -101,12 +100,12 @@ describe('convertTimezoneToOffsetStr', () => {
     expect(convertTimezoneToOffsetStr('Australia/Darwin')).toBe('UTC+9:30')
   })
 
-  test('should handle 45-minute offsets', () => {
+  it('should handle 45-minute offsets', () => {
     // Chatham Time: UTC+12:45
     expect(convertTimezoneToOffsetStr('Pacific/Chatham')).toBe('UTC+12:45')
   })
 
-  test('should preserve leading zeros in minute part for non-zero minutes', () => {
+  it('should preserve leading zeros in minute part for non-zero minutes', () => {
     // Ensure +05:30 is displayed as "UTC+5:30", not "UTC+5:3"
     const result = convertTimezoneToOffsetStr('Asia/Kolkata')
     expect(result).toMatch(/UTC[+-]\d+:30/)
diff --git a/web/app/components/base/date-and-time-picker/utils/dayjs.ts b/web/app/components/base/date-and-time-picker/utils/dayjs.ts
index b05e725985..b37808209c 100644
--- a/web/app/components/base/date-and-time-picker/utils/dayjs.ts
+++ b/web/app/components/base/date-and-time-picker/utils/dayjs.ts
@@ -1,7 +1,8 @@
-import dayjs, { type Dayjs } from 'dayjs'
+import type { Dayjs } from 'dayjs'
 import type { Day } from '../types'
-import utc from 'dayjs/plugin/utc'
+import dayjs from 'dayjs'
 import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
 import tz from '@/utils/timezone.json'
 
 dayjs.extend(utc)
@@ -135,9 +136,12 @@ const warnParseFailure = (value: string) => {
 }
 
 const normalizeMillisecond = (value: string | undefined) => {
-  if (!value) return 0
-  if (value.length === 3) return Number(value)
-  if (value.length > 3) return Number(value.slice(0, 3))
+  if (!value)
+    return 0
+  if (value.length === 3)
+    return Number(value)
+  if (value.length > 3)
+    return Number(value.slice(0, 3))
   return Number(value.padEnd(3, '0'))
 }
 
@@ -218,7 +222,8 @@ export const toDayjs = (value: string | Dayjs | undefined, options: ToDayjsOptio
 
 // Parse date with multiple format support
 export const parseDateWithFormat = (dateString: string, format?: string): Dayjs | null => {
-  if (!dateString) return null
+  if (!dateString)
+    return null
 
   // If format is specified, use it directly
   if (format) {
@@ -242,7 +247,8 @@ export const parseDateWithFormat = (dateString: string, format?: string): Dayjs
 
 // Format date output with localization support
 export const formatDateForOutput = (date: Dayjs, includeTime: boolean = false, _locale: string = 'en-US'): string => {
-  if (!date || !date.isValid()) return ''
+  if (!date || !date.isValid())
+    return ''
 
   if (includeTime) {
     // Output format with time
diff --git a/web/app/components/base/date-and-time-picker/year-and-month-picker/footer.tsx b/web/app/components/base/date-and-time-picker/year-and-month-picker/footer.tsx
index 8e0566aefc..883540a36b 100644
--- a/web/app/components/base/date-and-time-picker/year-and-month-picker/footer.tsx
+++ b/web/app/components/base/date-and-time-picker/year-and-month-picker/footer.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
-import React from 'react'
-import Button from '../../button'
 import type { YearAndMonthPickerFooterProps } from '../types'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '../../button'
 
 const Footer: FC<YearAndMonthPickerFooterProps> = ({
   handleYearMonthCancel,
@@ -11,11 +11,11 @@ const Footer: FC<YearAndMonthPickerFooterProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='grid grid-cols-2 gap-x-1 p-2'>
-      <Button size='small' onClick={handleYearMonthCancel}>
+    <div className="grid grid-cols-2 gap-x-1 p-2">
+      <Button size="small" onClick={handleYearMonthCancel}>
         {t('time.operation.cancel')}
       </Button>
-      <Button variant='primary' size='small' onClick={handleYearMonthConfirm}>
+      <Button variant="primary" size="small" onClick={handleYearMonthConfirm}>
         {t('time.operation.ok')}
       </Button>
     </div>
diff --git a/web/app/components/base/date-and-time-picker/year-and-month-picker/header.tsx b/web/app/components/base/date-and-time-picker/year-and-month-picker/header.tsx
index 86407d2326..8e1af95550 100644
--- a/web/app/components/base/date-and-time-picker/year-and-month-picker/header.tsx
+++ b/web/app/components/base/date-and-time-picker/year-and-month-picker/header.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import type { YearAndMonthPickerHeaderProps } from '../types'
-import { useMonths } from '../hooks'
 import { RiArrowUpSLine } from '@remixicon/react'
+import React from 'react'
+import { useMonths } from '../hooks'
 
 const Header: FC<YearAndMonthPickerHeaderProps> = ({
   selectedYear,
@@ -11,14 +12,15 @@ const Header: FC<YearAndMonthPickerHeaderProps> = ({
   const months = useMonths()
 
   return (
-    <div className='flex border-b-[0.5px] border-divider-regular p-2 pb-1'>
+    <div className="flex border-b-[0.5px] border-divider-regular p-2 pb-1">
       {/* Year and Month */}
-      <button type="button"
+      <button
+        type="button"
         onClick={onClick}
-        className='system-md-semibold flex items-center gap-x-0.5 rounded-lg px-2 py-1.5 text-text-primary hover:bg-state-base-hover'
+        className="system-md-semibold flex items-center gap-x-0.5 rounded-lg px-2 py-1.5 text-text-primary hover:bg-state-base-hover"
       >
         <span>{`${months[selectedMonth]} ${selectedYear}`}</span>
-        <RiArrowUpSLine className='h-4 w-4 text-text-tertiary' />
+        <RiArrowUpSLine className="h-4 w-4 text-text-tertiary" />
       </button>
     </div>
   )
diff --git a/web/app/components/base/date-and-time-picker/year-and-month-picker/options.tsx b/web/app/components/base/date-and-time-picker/year-and-month-picker/options.tsx
index 684db79bd8..e0f5f5387f 100644
--- a/web/app/components/base/date-and-time-picker/year-and-month-picker/options.tsx
+++ b/web/app/components/base/date-and-time-picker/year-and-month-picker/options.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import type { YearAndMonthPickerOptionsProps } from '../types'
-import { useMonths, useYearOptions } from '../hooks'
+import React from 'react'
 import OptionListItem from '../common/option-list-item'
+import { useMonths, useYearOptions } from '../hooks'
 
 const Options: FC<YearAndMonthPickerOptionsProps> = ({
   selectedMonth,
@@ -13,9 +14,9 @@ const Options: FC<YearAndMonthPickerOptionsProps> = ({
   const yearOptions = useYearOptions()
 
   return (
-    <div className='grid grid-cols-2 gap-x-1 p-2'>
+    <div className="grid grid-cols-2 gap-x-1 p-2">
       {/* Month Picker */}
-      <ul className='no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]'>
+      <ul className="no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]">
         {
           months.map((month, index) => {
             const isSelected = selectedMonth === index
@@ -32,7 +33,7 @@ const Options: FC<YearAndMonthPickerOptionsProps> = ({
         }
       </ul>
       {/* Year Picker */}
-      <ul className='no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]'>
+      <ul className="no-scrollbar flex h-[208px] flex-col gap-y-0.5 overflow-y-auto pb-[184px]">
         {
           yearOptions.map((year) => {
             const isSelected = selectedYear === year
diff --git a/web/app/components/base/dialog/index.tsx b/web/app/components/base/dialog/index.tsx
index 3a56942537..e42fcf10e2 100644
--- a/web/app/components/base/dialog/index.tsx
+++ b/web/app/components/base/dialog/index.tsx
@@ -1,6 +1,6 @@
-import { Fragment, useCallback } from 'react'
 import type { ElementType, ReactNode } from 'react'
 import { Dialog, DialogPanel, DialogTitle, Transition, TransitionChild } from '@headlessui/react'
+import { Fragment, useCallback } from 'react'
 import { cn } from '@/utils/classnames'
 
 // https://headlessui.com/react/dialog
@@ -35,20 +35,13 @@ const CustomDialog = ({
     <Transition appear show={show} as={Fragment}>
       <Dialog as="div" className="relative z-40" onClose={close}>
         <TransitionChild>
-          <div className={cn('fixed inset-0 bg-background-overlay-backdrop backdrop-blur-[6px]',
-            'duration-300 ease-in data-[closed]:opacity-0',
-            'data-[enter]:opacity-100',
-            'data-[leave]:opacity-0')} />
+          <div className={cn('fixed inset-0 bg-background-overlay-backdrop backdrop-blur-[6px]', 'duration-300 ease-in data-[closed]:opacity-0', 'data-[enter]:opacity-100', 'data-[leave]:opacity-0')} />
         </TransitionChild>
 
         <div className="fixed inset-0 overflow-y-auto">
           <div className="flex min-h-full items-center justify-center">
             <TransitionChild>
-              <DialogPanel className={cn('w-full max-w-[800px] overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-6 shadow-xl transition-all',
-                'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0',
-                'data-[enter]:scale-100 data-[enter]:opacity-100',
-                'data-[enter]:scale-95 data-[leave]:opacity-0',
-                className)}>
+              <DialogPanel className={cn('w-full max-w-[800px] overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-6 shadow-xl transition-all', 'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0', 'data-[enter]:scale-100 data-[enter]:opacity-100', 'data-[enter]:scale-95 data-[leave]:opacity-0', className)}>
                 {Boolean(title) && (
                   <DialogTitle
                     as={titleAs || 'h3'}
@@ -70,7 +63,7 @@ const CustomDialog = ({
           </div>
         </div>
       </Dialog>
-    </Transition >
+    </Transition>
   )
 }
 
diff --git a/web/app/components/base/divider/index.tsx b/web/app/components/base/divider/index.tsx
index 0fe4af0f1e..1a34be7397 100644
--- a/web/app/components/base/divider/index.tsx
+++ b/web/app/components/base/divider/index.tsx
@@ -1,26 +1,25 @@
+import type { VariantProps } from 'class-variance-authority'
 import type { CSSProperties, FC } from 'react'
+import { cva } from 'class-variance-authority'
 import React from 'react'
-import { type VariantProps, cva } from 'class-variance-authority'
 import { cn } from '@/utils/classnames'
 
-const dividerVariants = cva('',
-  {
-    variants: {
-      type: {
-        horizontal: 'w-full h-[0.5px] my-2 ',
-        vertical: 'w-[1px] h-full mx-2',
-      },
-      bgStyle: {
-        gradient: 'bg-gradient-to-r from-divider-regular to-background-gradient-mask-transparent',
-        solid: 'bg-divider-regular',
-      },
+const dividerVariants = cva('', {
+  variants: {
+    type: {
+      horizontal: 'w-full h-[0.5px] my-2 ',
+      vertical: 'w-[1px] h-full mx-2',
     },
-    defaultVariants: {
-      type: 'horizontal',
-      bgStyle: 'solid',
+    bgStyle: {
+      gradient: 'bg-gradient-to-r from-divider-regular to-background-gradient-mask-transparent',
+      solid: 'bg-divider-regular',
     },
   },
-)
+  defaultVariants: {
+    type: 'horizontal',
+    bgStyle: 'solid',
+  },
+})
 
 export type DividerProps = {
   className?: string
diff --git a/web/app/components/base/drawer-plus/index.stories.tsx b/web/app/components/base/drawer-plus/index.stories.tsx
index ddb39f2d63..c79dd8af8a 100644
--- a/web/app/components/base/drawer-plus/index.stories.tsx
+++ b/web/app/components/base/drawer-plus/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { fn } from 'storybook/test'
 import { useState } from 'react'
+import { fn } from 'storybook/test'
 import DrawerPlus from '.'
 
 const meta = {
@@ -103,12 +103,12 @@ export const WithFooter: Story = {
                 <p>Populate the body with scrollable content. Footer stays pinned.</p>
               </div>
             )}
-            foot={
+            foot={(
               <div className="flex justify-end gap-2 border-t border-divider-subtle bg-components-panel-bg p-4">
                 <button className="rounded-md border border-divider-subtle px-3 py-1.5 text-sm text-text-secondary" onClick={() => setOpen(false)}>Cancel</button>
                 <button className="rounded-md bg-primary-600 px-3 py-1.5 text-sm text-white">Save</button>
               </div>
-            }
+            )}
           />
         </div>
       )
diff --git a/web/app/components/base/drawer-plus/index.tsx b/web/app/components/base/drawer-plus/index.tsx
index 4d822a0576..71f4372d35 100644
--- a/web/app/components/base/drawer-plus/index.tsx
+++ b/web/app/components/base/drawer-plus/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React, { useRef } from 'react'
 import { RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React, { useRef } from 'react'
 import Drawer from '@/app/components/base/drawer'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   isShow: boolean
@@ -71,30 +71,30 @@ const DrawerPlus: FC<Props> = ({
         ref={ref}
       >
         <div className={cn(headerClassName, 'shrink-0 border-b border-divider-subtle py-4')}>
-          <div className='flex h-6 items-center justify-between pl-6 pr-5'>
-            <div className='system-xl-semibold text-text-primary'>
+          <div className="flex h-6 items-center justify-between pl-6 pr-5">
+            <div className="system-xl-semibold text-text-primary">
               {title}
             </div>
-            <div className='flex items-center'>
+            <div className="flex items-center">
               <div
                 onClick={onHide}
-                className='flex h-6 w-6 cursor-pointer items-center justify-center'
+                className="flex h-6 w-6 cursor-pointer items-center justify-center"
               >
-                <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+                <RiCloseLine className="h-4 w-4 text-text-tertiary" />
               </div>
             </div>
           </div>
           {titleDescription && (
-            <div className='system-xs-regular pl-6 pr-10 text-text-tertiary'>
+            <div className="system-xs-regular pl-6 pr-10 text-text-tertiary">
               {titleDescription}
             </div>
           )}
         </div>
-        <div className='grow overflow-y-auto'>
+        <div className="grow overflow-y-auto">
           {body}
         </div>
         {foot && (
-          <div className='shrink-0'>
+          <div className="shrink-0">
             {foot}
           </div>
         )}
diff --git a/web/app/components/base/drawer/index.spec.tsx b/web/app/components/base/drawer/index.spec.tsx
index 27e8cff2f0..dae574332c 100644
--- a/web/app/components/base/drawer/index.spec.tsx
+++ b/web/app/components/base/drawer/index.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
-import Drawer from './index'
 import type { IDrawerProps } from './index'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+import Drawer from './index'
 
 // Capture dialog onClose for testing
 let capturedDialogOnClose: (() => void) | null = null
@@ -56,7 +56,7 @@ vi.mock('@headlessui/react', () => ({
 
 // Mock XMarkIcon
 vi.mock('@heroicons/react/24/outline', () => ({
-  XMarkIcon: ({ className, onClick }: { className: string; onClick?: () => void }) => (
+  XMarkIcon: ({ className, onClick }: { className: string, onClick?: () => void }) => (
     <svg data-testid="close-icon" className={className} onClick={onClick} />
   ),
 }))
diff --git a/web/app/components/base/drawer/index.stories.tsx b/web/app/components/base/drawer/index.stories.tsx
index e7711bc1a2..cfcfbf6a2e 100644
--- a/web/app/components/base/drawer/index.stories.tsx
+++ b/web/app/components/base/drawer/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { fn } from 'storybook/test'
 import { useState } from 'react'
+import { fn } from 'storybook/test'
 import Drawer from '.'
 
 const meta = {
@@ -86,12 +86,12 @@ export const CustomFooter: Story = {
   render: args => (
     <DrawerDemo
       {...args}
-      footer={
+      footer={(
         <div className="mt-6 flex justify-end gap-2">
           <button className="rounded-md border border-divider-subtle px-3 py-1.5 text-sm text-text-secondary" onClick={() => args.onCancel?.()}>Discard</button>
           <button className="rounded-md bg-primary-600 px-3 py-1.5 text-sm text-white">Save changes</button>
         </div>
-      }
+      )}
     />
   ),
   args: {
diff --git a/web/app/components/base/drawer/index.tsx b/web/app/components/base/drawer/index.tsx
index dca9f555c9..dc5958ae2f 100644
--- a/web/app/components/base/drawer/index.tsx
+++ b/web/app/components/base/drawer/index.tsx
@@ -1,9 +1,9 @@
 'use client'
 import { Dialog, DialogBackdrop, DialogTitle } from '@headlessui/react'
-import { useTranslation } from 'react-i18next'
 import { XMarkIcon } from '@heroicons/react/24/outline'
-import Button from '../button'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
+import Button from '../button'
 
 export type IDrawerProps = {
   title?: string
@@ -59,42 +59,56 @@ export default function Drawer({
     >
       <div className={cn('flex h-screen w-screen justify-end', positionCenter && '!justify-center', containerClassName)}>
         {/* mask */}
-        {!noOverlay && <DialogBackdrop
-          className={cn('fixed inset-0 z-[40]', mask && 'bg-black/30', dialogBackdropClassName)}
-          onClick={() => {
-            if (!clickOutsideNotOpen)
-              onClose()
-          }}
-        />}
+        {!noOverlay && (
+          <DialogBackdrop
+            className={cn('fixed inset-0 z-[40]', mask && 'bg-black/30', dialogBackdropClassName)}
+            onClick={() => {
+              if (!clickOutsideNotOpen)
+                onClose()
+            }}
+          />
+        )}
         <div className={cn('relative z-[50] flex w-full max-w-sm flex-col justify-between overflow-hidden bg-components-panel-bg p-6 text-left align-middle shadow-xl', panelClassName)}>
           <>
-            <div className='flex justify-between'>
-              {title && <DialogTitle
-                as="h3"
-                className="text-lg font-medium leading-6 text-text-primary"
-              >
-                {title}
-              </DialogTitle>}
-              {showClose && <DialogTitle className="mb-4 flex cursor-pointer items-center" as="div">
-                <XMarkIcon className='h-4 w-4 text-text-tertiary' onClick={onClose} />
-              </DialogTitle>}
+            <div className="flex justify-between">
+              {title && (
+                <DialogTitle
+                  as="h3"
+                  className="text-lg font-medium leading-6 text-text-primary"
+                >
+                  {title}
+                </DialogTitle>
+              )}
+              {showClose && (
+                <DialogTitle className="mb-4 flex cursor-pointer items-center" as="div">
+                  <XMarkIcon className="h-4 w-4 text-text-tertiary" onClick={onClose} />
+                </DialogTitle>
+              )}
             </div>
-            {description && <div className='mt-2 text-xs font-normal text-text-tertiary'>{description}</div>}
+            {description && <div className="mt-2 text-xs font-normal text-text-tertiary">{description}</div>}
             {children}
           </>
           {footer || (footer === null
             ? null
-            : <div className="mt-10 flex flex-row justify-end">
-              <Button
-                className='mr-2'
-                onClick={() => {
-                  onCancel?.()
-                }}>{t('common.operation.cancel')}</Button>
-              <Button
-                onClick={() => {
-                  onOk?.()
-                }}>{t('common.operation.save')}</Button>
-            </div>)}
+            : (
+                <div className="mt-10 flex flex-row justify-end">
+                  <Button
+                    className="mr-2"
+                    onClick={() => {
+                      onCancel?.()
+                    }}
+                  >
+                    {t('common.operation.cancel')}
+                  </Button>
+                  <Button
+                    onClick={() => {
+                      onOk?.()
+                    }}
+                  >
+                    {t('common.operation.save')}
+                  </Button>
+                </div>
+              ))}
         </div>
       </div>
     </Dialog>
diff --git a/web/app/components/base/dropdown/index.stories.tsx b/web/app/components/base/dropdown/index.stories.tsx
index da70730744..4b08d54c47 100644
--- a/web/app/components/base/dropdown/index.stories.tsx
+++ b/web/app/components/base/dropdown/index.stories.tsx
@@ -1,7 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { fn } from 'storybook/test'
+import type { Item } from '.'
 import { useState } from 'react'
-import Dropdown, { type Item } from '.'
+import { fn } from 'storybook/test'
+import Dropdown from '.'
 
 const PRIMARY_ITEMS: Item[] = [
   { value: 'rename', text: 'Rename' },
@@ -46,7 +47,9 @@ const DropdownDemo = (props: React.ComponentProps<typeof Dropdown>) => {
         }}
       />
       <div className="rounded-lg border border-divider-subtle bg-components-panel-bg px-3 py-2 text-xs text-text-secondary">
-        Last action: <span className="font-mono text-text-primary">{lastAction}</span>
+        Last action:
+        {' '}
+        <span className="font-mono text-text-primary">{lastAction}</span>
       </div>
     </div>
   )
diff --git a/web/app/components/base/dropdown/index.tsx b/web/app/components/base/dropdown/index.tsx
index 728f8098c5..d83a97ce25 100644
--- a/web/app/components/base/dropdown/index.tsx
+++ b/web/app/components/base/dropdown/index.tsx
@@ -1,16 +1,16 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { cn } from '@/utils/classnames'
+import type { ActionButtonProps } from '@/app/components/base/action-button'
 import {
   RiMoreFill,
 } from '@remixicon/react'
+import { useState } from 'react'
+import ActionButton from '@/app/components/base/action-button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import ActionButton from '@/app/components/base/action-button'
-import type { ActionButtonProps } from '@/app/components/base/action-button'
+import { cn } from '@/utils/classnames'
 
 export type Item = {
   value: string | number
@@ -47,30 +47,30 @@ const Dropdown: FC<DropdownProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
         {
           renderTrigger
             ? renderTrigger(open)
             : (
-              <ActionButton
-                {...triggerProps}
-                className={cn(
-                  open && 'bg-divider-regular',
-                  triggerProps?.className,
-                )}
-              >
-                <RiMoreFill className='h-4 w-4 text-text-tertiary' />
-              </ActionButton>
-            )
+                <ActionButton
+                  {...triggerProps}
+                  className={cn(
+                    open && 'bg-divider-regular',
+                    triggerProps?.className,
+                  )}
+                >
+                  <RiMoreFill className="h-4 w-4 text-text-tertiary" />
+                </ActionButton>
+              )
         }
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={popupClassName}>
-        <div className='rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg text-sm text-text-secondary shadow-lg'>
+        <div className="rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg text-sm text-text-secondary shadow-lg">
           {
             !!items.length && (
-              <div className='p-1'>
+              <div className="p-1">
                 {
                   items.map(item => (
                     <div
@@ -90,12 +90,12 @@ const Dropdown: FC<DropdownProps> = ({
           }
           {
             (!!items.length && !!secondItems?.length) && (
-              <div className='h-px bg-divider-regular' />
+              <div className="h-px bg-divider-regular" />
             )
           }
           {
             !!secondItems?.length && (
-              <div className='p-1'>
+              <div className="p-1">
                 {
                   secondItems.map(item => (
                     <div
diff --git a/web/app/components/base/emoji-picker/Inner.stories.tsx b/web/app/components/base/emoji-picker/Inner.stories.tsx
index 5341d63ee3..642b4092e8 100644
--- a/web/app/components/base/emoji-picker/Inner.stories.tsx
+++ b/web/app/components/base/emoji-picker/Inner.stories.tsx
@@ -20,7 +20,7 @@ export default meta
 type Story = StoryObj<typeof meta>
 
 const InnerDemo = () => {
-  const [selection, setSelection] = useState<{ emoji: string; background: string } | null>(null)
+  const [selection, setSelection] = useState<{ emoji: string, background: string } | null>(null)
 
   return (
     <div className="flex h-[520px] flex-col gap-4 rounded-xl border border-divider-subtle bg-components-panel-bg p-6 shadow-lg">
diff --git a/web/app/components/base/emoji-picker/Inner.tsx b/web/app/components/base/emoji-picker/Inner.tsx
index c023f26d1c..4add3de9ba 100644
--- a/web/app/components/base/emoji-picker/Inner.tsx
+++ b/web/app/components/base/emoji-picker/Inner.tsx
@@ -1,18 +1,18 @@
 'use client'
-import type { ChangeEvent, FC } from 'react'
-import React, { useState } from 'react'
-import data from '@emoji-mart/data'
 import type { EmojiMartData } from '@emoji-mart/data'
-import { init } from 'emoji-mart'
+import type { ChangeEvent, FC } from 'react'
+import data from '@emoji-mart/data'
 import {
   ChevronDownIcon,
   ChevronUpIcon,
   MagnifyingGlassIcon,
 } from '@heroicons/react/24/outline'
-import Input from '@/app/components/base/input'
+import { init } from 'emoji-mart'
+import React, { useState } from 'react'
 import Divider from '@/app/components/base/divider'
-import { searchEmoji } from '@/utils/emoji'
+import Input from '@/app/components/base/input'
 import { cn } from '@/utils/classnames'
+import { searchEmoji } from '@/utils/emoji'
 
 init({ data })
 
@@ -65,107 +65,125 @@ const EmojiPickerInner: FC<IEmojiPickerInnerProps> = ({
     }
   }, [onSelect, selectedEmoji, selectedBackground])
 
-  return <div className={cn(className, 'flex flex-col')}>
-    <div className='flex w-full flex-col items-center px-3 pb-2'>
-      <div className="relative w-full">
-        <div className="pointer-events-none absolute inset-y-0 left-0 z-10 flex items-center pl-3">
-          <MagnifyingGlassIcon className="h-5 w-5 text-text-quaternary" aria-hidden="true" />
+  return (
+    <div className={cn(className, 'flex flex-col')}>
+      <div className="flex w-full flex-col items-center px-3 pb-2">
+        <div className="relative w-full">
+          <div className="pointer-events-none absolute inset-y-0 left-0 z-10 flex items-center pl-3">
+            <MagnifyingGlassIcon className="h-5 w-5 text-text-quaternary" aria-hidden="true" />
+          </div>
+          <Input
+            className="pl-10"
+            type="search"
+            id="search"
+            placeholder="Search emojis..."
+            onChange={async (e: ChangeEvent<HTMLInputElement>) => {
+              if (e.target.value === '') {
+                setIsSearching(false)
+              }
+              else {
+                setIsSearching(true)
+                const emojis = await searchEmoji(e.target.value)
+                setSearchedEmojis(emojis)
+              }
+            }}
+          />
         </div>
-        <Input
-          className="pl-10"
-          type="search"
-          id="search"
-          placeholder="Search emojis..."
-          onChange={async (e: ChangeEvent<HTMLInputElement>) => {
-            if (e.target.value === '') {
-              setIsSearching(false)
-            }
-            else {
-              setIsSearching(true)
-              const emojis = await searchEmoji(e.target.value)
-              setSearchedEmojis(emojis)
-            }
-          }}
-        />
       </div>
-    </div>
-    <Divider className='my-3' />
+      <Divider className="my-3" />
 
-    <div className="max-h-[200px] w-full overflow-y-auto overflow-x-hidden px-3">
-      {isSearching && <>
-        <div key={'category-search'} className='flex flex-col'>
-          <p className='system-xs-medium-uppercase mb-1 text-text-primary'>Search</p>
-          <div className='grid h-full w-full grid-cols-8 gap-1'>
-            {searchedEmojis.map((emoji: string, index: number) => {
-              return <div
-                key={`emoji-search-${index}`}
-                className='inline-flex h-10 w-10 items-center justify-center rounded-lg'
-                onClick={() => {
-                  setSelectedEmoji(emoji)
-                }}
-              >
-                <div className='flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg p-1 ring-components-input-border-hover ring-offset-1 hover:ring-1'>
-                  <em-emoji id={emoji} />
-                </div>
+      <div className="max-h-[200px] w-full overflow-y-auto overflow-x-hidden px-3">
+        {isSearching && (
+          <>
+            <div key="category-search" className="flex flex-col">
+              <p className="system-xs-medium-uppercase mb-1 text-text-primary">Search</p>
+              <div className="grid h-full w-full grid-cols-8 gap-1">
+                {searchedEmojis.map((emoji: string, index: number) => {
+                  return (
+                    <div
+                      key={`emoji-search-${index}`}
+                      className="inline-flex h-10 w-10 items-center justify-center rounded-lg"
+                      onClick={() => {
+                        setSelectedEmoji(emoji)
+                      }}
+                    >
+                      <div className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg p-1 ring-components-input-border-hover ring-offset-1 hover:ring-1">
+                        <em-emoji id={emoji} />
+                      </div>
+                    </div>
+                  )
+                })}
               </div>
-            })}
-          </div>
-        </div>
-      </>}
+            </div>
+          </>
+        )}
+
+        {categories.map((category, index: number) => {
+          return (
+            <div key={`category-${index}`} className="flex flex-col">
+              <p className="system-xs-medium-uppercase mb-1 text-text-primary">{category.id}</p>
+              <div className="grid h-full w-full grid-cols-8 gap-1">
+                {category.emojis.map((emoji, index: number) => {
+                  return (
+                    <div
+                      key={`emoji-${index}`}
+                      className="inline-flex h-10 w-10 items-center justify-center rounded-lg"
+                      onClick={() => {
+                        setSelectedEmoji(emoji)
+                      }}
+                    >
+                      <div className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg p-1 ring-components-input-border-hover ring-offset-1 hover:ring-1">
+                        <em-emoji id={emoji} />
+                      </div>
+                    </div>
+                  )
+                })}
 
-      {categories.map((category, index: number) => {
-        return <div key={`category-${index}`} className='flex flex-col'>
-          <p className='system-xs-medium-uppercase mb-1 text-text-primary'>{category.id}</p>
-          <div className='grid h-full w-full grid-cols-8 gap-1'>
-            {category.emojis.map((emoji, index: number) => {
-              return <div
-                key={`emoji-${index}`}
-                className='inline-flex h-10 w-10 items-center justify-center rounded-lg'
-                onClick={() => {
-                  setSelectedEmoji(emoji)
-                }}
-              >
-                <div className='flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg p-1 ring-components-input-border-hover ring-offset-1 hover:ring-1'>
-                  <em-emoji id={emoji} />
-                </div>
               </div>
-            })}
-
-          </div>
-        </div>
-      })}
-    </div>
-
-    {/* Color Select */}
-    <div className={cn('flex items-center justify-between p-3 pb-0')}>
-      <p className='system-xs-medium-uppercase mb-2 text-text-primary'>Choose Style</p>
-      {showStyleColors ? <ChevronDownIcon className='h-4 w-4 cursor-pointer text-text-quaternary' onClick={() => setShowStyleColors(!showStyleColors)} />
-        : <ChevronUpIcon className='h-4 w-4 cursor-pointer text-text-quaternary' onClick={() => setShowStyleColors(!showStyleColors)} />}
-    </div>
-    {showStyleColors && <div className='grid w-full grid-cols-8 gap-1 px-3'>
-      {backgroundColors.map((color) => {
-        return <div
-          key={color}
-          className={
-            cn(
-              'cursor-pointer',
-              'ring-offset-1 hover:ring-1',
-              'inline-flex h-10 w-10 items-center justify-center rounded-lg',
-              color === selectedBackground ? 'ring-1 ring-components-input-border-hover' : '',
-            )}
-          onClick={() => {
-            setSelectedBackground(color)
-          }}
-        >
-          <div className={cn(
-            'flex h-8 w-8 items-center justify-center rounded-lg p-1',
+            </div>
           )
-          } style={{ background: color }}>
-            {selectedEmoji !== '' && <em-emoji id={selectedEmoji} />}
-          </div>
+        })}
+      </div>
+
+      {/* Color Select */}
+      <div className={cn('flex items-center justify-between p-3 pb-0')}>
+        <p className="system-xs-medium-uppercase mb-2 text-text-primary">Choose Style</p>
+        {showStyleColors
+          ? <ChevronDownIcon className="h-4 w-4 cursor-pointer text-text-quaternary" onClick={() => setShowStyleColors(!showStyleColors)} />
+          : <ChevronUpIcon className="h-4 w-4 cursor-pointer text-text-quaternary" onClick={() => setShowStyleColors(!showStyleColors)} />}
+      </div>
+      {showStyleColors && (
+        <div className="grid w-full grid-cols-8 gap-1 px-3">
+          {backgroundColors.map((color) => {
+            return (
+              <div
+                key={color}
+                className={
+                  cn(
+                    'cursor-pointer',
+                    'ring-offset-1 hover:ring-1',
+                    'inline-flex h-10 w-10 items-center justify-center rounded-lg',
+                    color === selectedBackground ? 'ring-1 ring-components-input-border-hover' : '',
+                  )
+                }
+                onClick={() => {
+                  setSelectedBackground(color)
+                }}
+              >
+                <div
+                  className={cn(
+                    'flex h-8 w-8 items-center justify-center rounded-lg p-1',
+                  )}
+                  style={{ background: color }}
+                >
+                  {selectedEmoji !== '' && <em-emoji id={selectedEmoji} />}
+                </div>
+              </div>
+            )
+          })}
         </div>
-      })}
-    </div>}
-  </div>
+      )}
+    </div>
+  )
 }
 export default EmojiPickerInner
diff --git a/web/app/components/base/emoji-picker/index.stories.tsx b/web/app/components/base/emoji-picker/index.stories.tsx
index 7c9b07f138..beadcc0898 100644
--- a/web/app/components/base/emoji-picker/index.stories.tsx
+++ b/web/app/components/base/emoji-picker/index.stories.tsx
@@ -28,7 +28,7 @@ type Story = StoryObj<typeof meta>
 
 const EmojiPickerDemo = () => {
   const [open, setOpen] = useState(false)
-  const [selection, setSelection] = useState<{ emoji: string; background: string } | null>(null)
+  const [selection, setSelection] = useState<{ emoji: string, background: string } | null>(null)
 
   return (
     <div className="flex min-h-[320px] flex-col items-start gap-4 px-6 py-8 md:px-12">
diff --git a/web/app/components/base/emoji-picker/index.tsx b/web/app/components/base/emoji-picker/index.tsx
index d12393f574..0c04f25fb5 100644
--- a/web/app/components/base/emoji-picker/index.tsx
+++ b/web/app/components/base/emoji-picker/index.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
+import { noop } from 'lodash-es'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import EmojiPickerInner from './Inner'
-import { cn } from '@/utils/classnames'
-import Divider from '@/app/components/base/divider'
 import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
 import Modal from '@/app/components/base/modal'
-import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
+import EmojiPickerInner from './Inner'
 
 type IEmojiPickerProps = {
   isModal?: boolean
@@ -32,34 +32,41 @@ const EmojiPicker: FC<IEmojiPickerProps> = ({
   }, [setSelectedEmoji, setSelectedBackground])
 
   return isModal
-    ? <Modal
-      onClose={noop}
-      isShow
-      closable={false}
-      wrapperClassName={className}
-      className={cn('flex max-h-[552px] flex-col rounded-xl border-[0.5px] border-divider-subtle p-0 shadow-xl')}
-    >
-      <EmojiPickerInner
-        className="pt-3"
-        onSelect={handleSelectEmoji} />
-      <Divider className='mb-0 mt-3' />
-      <div className='flex w-full items-center justify-center gap-2 p-3'>
-        <Button className='w-full' onClick={() => {
-          onClose?.()
-        }}>
-          {t('app.iconPicker.cancel')}
-        </Button>
-        <Button
-          disabled={selectedEmoji === '' || !selectedBackground}
-          variant="primary"
-          className='w-full'
-          onClick={() => {
-            onSelect?.(selectedEmoji, selectedBackground!)
-          }}>
-          {t('app.iconPicker.ok')}
-        </Button>
-      </div>
-    </Modal>
+    ? (
+        <Modal
+          onClose={noop}
+          isShow
+          closable={false}
+          wrapperClassName={className}
+          className={cn('flex max-h-[552px] flex-col rounded-xl border-[0.5px] border-divider-subtle p-0 shadow-xl')}
+        >
+          <EmojiPickerInner
+            className="pt-3"
+            onSelect={handleSelectEmoji}
+          />
+          <Divider className="mb-0 mt-3" />
+          <div className="flex w-full items-center justify-center gap-2 p-3">
+            <Button
+              className="w-full"
+              onClick={() => {
+                onClose?.()
+              }}
+            >
+              {t('app.iconPicker.cancel')}
+            </Button>
+            <Button
+              disabled={selectedEmoji === '' || !selectedBackground}
+              variant="primary"
+              className="w-full"
+              onClick={() => {
+                onSelect?.(selectedEmoji, selectedBackground!)
+              }}
+            >
+              {t('app.iconPicker.ok')}
+            </Button>
+          </div>
+        </Modal>
+      )
     : <></>
 }
 export default EmojiPicker
diff --git a/web/app/components/base/encrypted-bottom/index.tsx b/web/app/components/base/encrypted-bottom/index.tsx
index be1862fc1b..ff75d53db6 100644
--- a/web/app/components/base/encrypted-bottom/index.tsx
+++ b/web/app/components/base/encrypted-bottom/index.tsx
@@ -1,7 +1,7 @@
-import { cn } from '@/utils/classnames'
 import { RiLock2Fill } from '@remixicon/react'
 import Link from 'next/link'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -15,12 +15,13 @@ export const EncryptedBottom = (props: Props) => {
 
   return (
     <div className={cn('system-xs-regular flex items-center justify-center rounded-b-2xl border-t-[0.5px] border-divider-subtle bg-background-soft px-2 py-3 text-text-tertiary', className)}>
-      <RiLock2Fill className='mx-1 h-3 w-3 text-text-quaternary' />
+      <RiLock2Fill className="mx-1 h-3 w-3 text-text-quaternary" />
       {t(frontTextKey || 'common.provider.encrypted.front')}
       <Link
-        className='mx-1 text-text-accent'
-        target='_blank' rel='noopener noreferrer'
-        href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+        className="mx-1 text-text-accent"
+        target="_blank"
+        rel="noopener noreferrer"
+        href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
       >
         PKCS1_OAEP
       </Link>
diff --git a/web/app/components/base/error-boundary/index.tsx b/web/app/components/base/error-boundary/index.tsx
index 0c226299d0..d72621a754 100644
--- a/web/app/components/base/error-boundary/index.tsx
+++ b/web/app/components/base/error-boundary/index.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { ErrorInfo, ReactNode } from 'react'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
 import { RiAlertLine, RiBugLine } from '@remixicon/react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
 
@@ -113,43 +113,47 @@ class ErrorBoundaryInner extends React.Component<
             className,
           )}
         >
-          <div className='mb-4 flex items-center gap-2'>
-            <RiAlertLine className='text-state-critical-solid h-8 w-8' />
-            <h2 className='text-xl font-semibold text-text-primary'>
+          <div className="mb-4 flex items-center gap-2">
+            <RiAlertLine className="text-state-critical-solid h-8 w-8" />
+            <h2 className="text-xl font-semibold text-text-primary">
               {customTitle || 'Something went wrong'}
             </h2>
           </div>
 
-          <p className='mb-6 text-center text-text-secondary'>
+          <p className="mb-6 text-center text-text-secondary">
             {customMessage || 'An unexpected error occurred while rendering this component.'}
           </p>
 
           {showDetails && errorInfo && (
-            <details className='mb-6 w-full max-w-2xl'>
-              <summary className='mb-2 cursor-pointer text-sm font-medium text-text-tertiary hover:text-text-secondary'>
-                <span className='inline-flex items-center gap-1'>
-                  <RiBugLine className='h-4 w-4' />
+            <details className="mb-6 w-full max-w-2xl">
+              <summary className="mb-2 cursor-pointer text-sm font-medium text-text-tertiary hover:text-text-secondary">
+                <span className="inline-flex items-center gap-1">
+                  <RiBugLine className="h-4 w-4" />
                   Error Details (Development Only)
                 </span>
               </summary>
-              <div className='rounded-lg bg-gray-100 p-4'>
-                <div className='mb-2'>
-                  <span className='font-mono text-xs font-semibold text-gray-600'>Error:</span>
-                  <pre className='mt-1 overflow-auto whitespace-pre-wrap font-mono text-xs text-gray-800'>
+              <div className="rounded-lg bg-gray-100 p-4">
+                <div className="mb-2">
+                  <span className="font-mono text-xs font-semibold text-gray-600">Error:</span>
+                  <pre className="mt-1 overflow-auto whitespace-pre-wrap font-mono text-xs text-gray-800">
                     {error.toString()}
                   </pre>
                 </div>
                 {errorInfo && (
                   <div>
-                    <span className='font-mono text-xs font-semibold text-gray-600'>Component Stack:</span>
-                    <pre className='mt-1 max-h-40 overflow-auto whitespace-pre-wrap font-mono text-xs text-gray-700'>
+                    <span className="font-mono text-xs font-semibold text-gray-600">Component Stack:</span>
+                    <pre className="mt-1 max-h-40 overflow-auto whitespace-pre-wrap font-mono text-xs text-gray-700">
                       {errorInfo.componentStack}
                     </pre>
                   </div>
                 )}
                 {errorCount > 1 && (
-                  <div className='mt-2 text-xs text-gray-600'>
-                    This error has occurred {errorCount} times
+                  <div className="mt-2 text-xs text-gray-600">
+                    This error has occurred
+                    {' '}
+                    {errorCount}
+                    {' '}
+                    times
                   </div>
                 )}
               </div>
@@ -157,17 +161,17 @@ class ErrorBoundaryInner extends React.Component<
           )}
 
           {enableRecovery && (
-            <div className='flex gap-3'>
+            <div className="flex gap-3">
               <Button
-                variant='primary'
-                size='small'
+                variant="primary"
+                size="small"
                 onClick={resetErrorBoundary}
               >
                 Try Again
               </Button>
               <Button
-                variant='secondary'
-                size='small'
+                variant="secondary"
+                size="small"
                 onClick={() => window.location.reload()}
               >
                 Reload Page
@@ -260,10 +264,10 @@ export const ErrorFallback: React.FC<{
   resetErrorBoundary: () => void
 }> = ({ error, resetErrorBoundary }) => {
   return (
-    <div className='flex min-h-[200px] flex-col items-center justify-center rounded-lg border border-red-200 bg-red-50 p-8'>
-      <h2 className='mb-2 text-lg font-semibold text-red-800'>Oops! Something went wrong</h2>
-      <p className='mb-4 text-center text-red-600'>{error.message}</p>
-      <Button onClick={resetErrorBoundary} size='small'>
+    <div className="flex min-h-[200px] flex-col items-center justify-center rounded-lg border border-red-200 bg-red-50 p-8">
+      <h2 className="mb-2 text-lg font-semibold text-red-800">Oops! Something went wrong</h2>
+      <p className="mb-4 text-center text-red-600">{error.message}</p>
+      <Button onClick={resetErrorBoundary} size="small">
         Try again
       </Button>
     </div>
diff --git a/web/app/components/base/features/context.tsx b/web/app/components/base/features/context.tsx
index dc04f6b5d3..0d6f39a9e7 100644
--- a/web/app/components/base/features/context.tsx
+++ b/web/app/components/base/features/context.tsx
@@ -1,11 +1,11 @@
-import {
-  createContext,
-  useRef,
-} from 'react'
 import type {
   FeaturesState,
   FeaturesStore,
 } from './store'
+import {
+  createContext,
+  useRef,
+} from 'react'
 import { createFeaturesStore } from './store'
 
 export const FeaturesContext = createContext<FeaturesStore | null>(null)
diff --git a/web/app/components/base/features/hooks.ts b/web/app/components/base/features/hooks.ts
index 933685b0d7..7e2ec5a3ab 100644
--- a/web/app/components/base/features/hooks.ts
+++ b/web/app/components/base/features/hooks.ts
@@ -1,7 +1,7 @@
+import type { FeatureStoreState } from './store'
 import { useContext } from 'react'
 import { useStore } from 'zustand'
 import { FeaturesContext } from './context'
-import type { FeatureStoreState } from './store'
 
 export function useFeatures<T>(selector: (state: FeatureStoreState) => T): T {
   const store = useContext(FeaturesContext)
diff --git a/web/app/components/base/features/index.stories.tsx b/web/app/components/base/features/index.stories.tsx
index f1eaf048b8..c94d4faa1d 100644
--- a/web/app/components/base/features/index.stories.tsx
+++ b/web/app/components/base/features/index.stories.tsx
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
+import type { Features } from './types'
 import { useState } from 'react'
 import { FeaturesProvider } from '.'
 import NewFeaturePanel from './new-feature-panel'
-import type { Features } from './types'
 
 const DEFAULT_FEATURES: Features = {
   moreLikeThis: { enabled: false },
diff --git a/web/app/components/base/features/new-feature-panel/annotation-reply/annotation-ctrl-button.tsx b/web/app/components/base/features/new-feature-panel/annotation-reply/annotation-ctrl-button.tsx
index ef1fb183c8..5d562315b1 100644
--- a/web/app/components/base/features/new-feature-panel/annotation-reply/annotation-ctrl-button.tsx
+++ b/web/app/components/base/features/new-feature-panel/annotation-reply/annotation-ctrl-button.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiEditLine,
   RiFileEditLine,
 } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
-import { addAnnotation } from '@/service/annotation'
 import Toast from '@/app/components/base/toast'
-import { useProviderContext } from '@/context/provider-context'
+import Tooltip from '@/app/components/base/tooltip'
 import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { addAnnotation } from '@/service/annotation'
 
 type Props = {
   appId: string
@@ -60,7 +60,7 @@ const AnnotationCtrlButton: FC<Props> = ({
           popupContent={t('appDebug.feature.annotation.edit')}
         >
           <ActionButton onClick={onEdit}>
-            <RiEditLine className='h-4 w-4' />
+            <RiEditLine className="h-4 w-4" />
           </ActionButton>
         </Tooltip>
       )}
@@ -69,7 +69,7 @@ const AnnotationCtrlButton: FC<Props> = ({
           popupContent={t('appDebug.feature.annotation.add')}
         >
           <ActionButton onClick={handleAdd}>
-            <RiFileEditLine className='h-4 w-4' />
+            <RiFileEditLine className="h-4 w-4" />
           </ActionButton>
         </Tooltip>
       )}
diff --git a/web/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal.tsx b/web/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal.tsx
index 33677f0b6a..5e46e4d478 100644
--- a/web/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal.tsx
+++ b/web/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
+import type { AnnotationReplyConfig } from '@/models/debug'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import ScoreSlider from './score-slider'
-import { Item } from './config-param'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
 import Toast from '@/app/components/base/toast'
-import type { AnnotationReplyConfig } from '@/models/debug'
-import { ANNOTATION_DEFAULT } from '@/config'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
+import { ANNOTATION_DEFAULT } from '@/config'
+import { Item } from './config-param'
+import ScoreSlider from './score-slider'
 
 type Props = {
   appId: string
@@ -43,15 +43,15 @@ const ConfigParamModal: FC<Props> = ({
   const [isLoading, setLoading] = useState(false)
   const [embeddingModel, setEmbeddingModel] = useState(oldAnnotationConfig.embedding_model
     ? {
-      providerName: oldAnnotationConfig.embedding_model.embedding_provider_name,
-      modelName: oldAnnotationConfig.embedding_model.embedding_model_name,
-    }
-    : (embeddingsDefaultModel
-      ? {
-        providerName: embeddingsDefaultModel.provider.provider,
-        modelName: embeddingsDefaultModel.model,
+        providerName: oldAnnotationConfig.embedding_model.embedding_provider_name,
+        modelName: oldAnnotationConfig.embedding_model.embedding_model_name,
       }
-      : undefined))
+    : (embeddingsDefaultModel
+        ? {
+            providerName: embeddingsDefaultModel.provider.provider,
+            modelName: embeddingsDefaultModel.model,
+          }
+        : undefined))
   const onHide = () => {
     if (!isLoading)
       doHide()
@@ -77,19 +77,19 @@ const ConfigParamModal: FC<Props> = ({
     <Modal
       isShow={isShow}
       onClose={onHide}
-      className='!mt-14 !w-[640px] !max-w-none !p-6'
+      className="!mt-14 !w-[640px] !max-w-none !p-6"
     >
-      <div className='title-2xl-semi-bold mb-2 text-text-primary'>
+      <div className="title-2xl-semi-bold mb-2 text-text-primary">
         {t(`appAnnotation.initSetup.${isInit ? 'title' : 'configTitle'}`)}
       </div>
 
-      <div className='mt-6 space-y-3'>
+      <div className="mt-6 space-y-3">
         <Item
           title={t('appDebug.feature.annotation.scoreThreshold.title')}
           tooltip={t('appDebug.feature.annotation.scoreThreshold.description')}
         >
           <ScoreSlider
-            className='mt-1'
+            className="mt-1"
             value={(annotationConfig.score_threshold || ANNOTATION_DEFAULT.score_threshold) * 100}
             onChange={(val) => {
               setAnnotationConfig({
@@ -104,7 +104,7 @@ const ConfigParamModal: FC<Props> = ({
           title={t('common.modelProvider.embeddingModel.key')}
           tooltip={t('appAnnotation.embeddingModelSwitchTip')}
         >
-          <div className='pt-1'>
+          <div className="pt-1">
             <ModelSelector
               defaultModel={embeddingModel && {
                 provider: embeddingModel.providerName,
@@ -122,18 +122,18 @@ const ConfigParamModal: FC<Props> = ({
         </Item>
       </div>
 
-      <div className='mt-6 flex justify-end gap-2'>
+      <div className="mt-6 flex justify-end gap-2">
         <Button onClick={onHide}>{t('common.operation.cancel')}</Button>
         <Button
-          variant='primary'
+          variant="primary"
           onClick={handleSave}
           loading={isLoading}
         >
           <div></div>
           <div>{t(`appAnnotation.initSetup.${isInit ? 'confirmBtn' : 'configConfirmBtn'}`)}</div>
-        </Button >
-      </div >
-    </Modal >
+        </Button>
+      </div>
+    </Modal>
   )
 }
 export default React.memo(ConfigParamModal)
diff --git a/web/app/components/base/features/new-feature-panel/annotation-reply/config-param.tsx b/web/app/components/base/features/new-feature-panel/annotation-reply/config-param.tsx
index e2febcf3aa..f1a92f5628 100644
--- a/web/app/components/base/features/new-feature-panel/annotation-reply/config-param.tsx
+++ b/web/app/components/base/features/new-feature-panel/annotation-reply/config-param.tsx
@@ -3,18 +3,18 @@ import type { FC } from 'react'
 import React from 'react'
 import Tooltip from '@/app/components/base/tooltip'
 
-export const Item: FC<{ title: string; tooltip: string; children: React.JSX.Element }> = ({
+export const Item: FC<{ title: string, tooltip: string, children: React.JSX.Element }> = ({
   title,
   tooltip,
   children,
 }) => {
   return (
     <div>
-      <div className='mb-1 flex items-center space-x-1'>
-        <div className='system-sm-semibold py-1 text-text-secondary'>{title}</div>
+      <div className="mb-1 flex items-center space-x-1">
+        <div className="system-sm-semibold py-1 text-text-secondary">{title}</div>
         <Tooltip
           popupContent={
-            <div className='system-sm-regular max-w-[200px] text-text-secondary'>{tooltip}</div>
+            <div className="system-sm-regular max-w-[200px] text-text-secondary">{tooltip}</div>
           }
         />
       </div>
diff --git a/web/app/components/base/features/new-feature-panel/annotation-reply/index.tsx b/web/app/components/base/features/new-feature-panel/annotation-reply/index.tsx
index 140c900cb4..b6d0235bfd 100644
--- a/web/app/components/base/features/new-feature-panel/annotation-reply/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/annotation-reply/index.tsx
@@ -1,18 +1,18 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import type { AnnotationReplyConfig } from '@/models/debug'
+import { RiEqualizer2Line, RiExternalLinkLine } from '@remixicon/react'
+import { produce } from 'immer'
+import { usePathname, useRouter } from 'next/navigation'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { usePathname, useRouter } from 'next/navigation'
-import { produce } from 'immer'
-import { RiEqualizer2Line, RiExternalLinkLine } from '@remixicon/react'
-import { MessageFast } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import Button from '@/app/components/base/button'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
-import useAnnotationConfig from '@/app/components/base/features/new-feature-panel/annotation-reply/use-annotation-config'
 import ConfigParamModal from '@/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal'
+import useAnnotationConfig from '@/app/components/base/features/new-feature-panel/annotation-reply/use-annotation-config'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
+import { MessageFast } from '@/app/components/base/icons/src/vender/features'
 import AnnotationFullModal from '@/app/components/billing/annotation-full/modal'
 import { ANNOTATION_DEFAULT } from '@/config'
-import type { AnnotationReplyConfig } from '@/models/debug'
 
 type Props = {
   disabled?: boolean
@@ -77,11 +77,11 @@ const AnnotationReply = ({
   return (
     <>
       <FeatureCard
-        icon={
-          <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs'>
-            <MessageFast className='h-4 w-4 text-text-primary-on-surface' />
+        icon={(
+          <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs">
+            <MessageFast className="h-4 w-4 text-text-primary-on-surface" />
           </div>
-        }
+        )}
         title={t('appDebug.feature.annotation.title')}
         value={!!annotationReply?.enabled}
         onChange={state => handleSwitch(state)}
@@ -91,33 +91,36 @@ const AnnotationReply = ({
       >
         <>
           {!annotationReply?.enabled && (
-            <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{t('appDebug.feature.annotation.description')}</div>
+            <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">{t('appDebug.feature.annotation.description')}</div>
           )}
           {!!annotationReply?.enabled && (
             <>
               {!isHovering && (
-                <div className='flex items-center gap-4 pt-0.5'>
-                  <div className=''>
-                    <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.annotation.scoreThreshold.title')}</div>
-                    <div className='system-xs-regular text-text-secondary'>{annotationReply.score_threshold || '-'}</div>
+                <div className="flex items-center gap-4 pt-0.5">
+                  <div className="">
+                    <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.feature.annotation.scoreThreshold.title')}</div>
+                    <div className="system-xs-regular text-text-secondary">{annotationReply.score_threshold || '-'}</div>
                   </div>
-                  <div className='h-[27px] w-px rotate-12 bg-divider-subtle'></div>
-                  <div className=''>
-                    <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('common.modelProvider.embeddingModel.key')}</div>
-                    <div className='system-xs-regular text-text-secondary'>{annotationReply.embedding_model?.embedding_model_name}</div>
+                  <div className="h-[27px] w-px rotate-12 bg-divider-subtle"></div>
+                  <div className="">
+                    <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('common.modelProvider.embeddingModel.key')}</div>
+                    <div className="system-xs-regular text-text-secondary">{annotationReply.embedding_model?.embedding_model_name}</div>
                   </div>
                 </div>
               )}
               {isHovering && (
-                <div className='flex items-center justify-between'>
-                  <Button className='w-[178px]' onClick={() => setIsShowAnnotationConfigInit(true)} disabled={disabled}>
-                    <RiEqualizer2Line className='mr-1 h-4 w-4' />
+                <div className="flex items-center justify-between">
+                  <Button className="w-[178px]" onClick={() => setIsShowAnnotationConfigInit(true)} disabled={disabled}>
+                    <RiEqualizer2Line className="mr-1 h-4 w-4" />
                     {t('common.operation.params')}
                   </Button>
-                  <Button className='w-[178px]' onClick={() => {
-                    router.push(`/app/${appId}/annotations`)
-                  }}>
-                    <RiExternalLinkLine className='mr-1 h-4 w-4' />
+                  <Button
+                    className="w-[178px]"
+                    onClick={() => {
+                      router.push(`/app/${appId}/annotations`)
+                    }}
+                  >
+                    <RiExternalLinkLine className="mr-1 h-4 w-4" />
                     {t('appDebug.feature.annotation.cacheManagement')}
                   </Button>
                 </div>
diff --git a/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/base-slider/index.tsx b/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/base-slider/index.tsx
index b97f18ae87..186fa0a3d3 100644
--- a/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/base-slider/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/base-slider/index.tsx
@@ -1,6 +1,6 @@
 import ReactSlider from 'react-slider'
-import s from './style.module.css'
 import { cn } from '@/utils/classnames'
+import s from './style.module.css'
 
 type ISliderProps = {
   className?: string
@@ -13,26 +13,28 @@ type ISliderProps = {
 }
 
 const Slider: React.FC<ISliderProps> = ({ className, max, min, step, value, disabled, onChange }) => {
-  return <ReactSlider
-    disabled={disabled}
-    value={isNaN(value) ? 0 : value}
-    min={min || 0}
-    max={max || 100}
-    step={step || 1}
-    className={cn(className, s.slider)}
-    thumbClassName={cn(s['slider-thumb'], 'top-[-7px] h-[18px] w-2 cursor-pointer rounded-[36px] border !border-black/8 bg-white shadow-md')}
-    trackClassName={s['slider-track']}
-    onChange={onChange}
-    renderThumb={(props, state) => (
-      <div {...props}>
-        <div className='relative h-full w-full'>
-          <div className='system-sm-semibold absolute left-[50%] top-[-16px] translate-x-[-50%] text-text-primary'>
-            {(state.valueNow / 100).toFixed(2)}
+  return (
+    <ReactSlider
+      disabled={disabled}
+      value={isNaN(value) ? 0 : value}
+      min={min || 0}
+      max={max || 100}
+      step={step || 1}
+      className={cn(className, s.slider)}
+      thumbClassName={cn(s['slider-thumb'], 'top-[-7px] h-[18px] w-2 cursor-pointer rounded-[36px] border !border-black/8 bg-white shadow-md')}
+      trackClassName={s['slider-track']}
+      onChange={onChange}
+      renderThumb={(props, state) => (
+        <div {...props}>
+          <div className="relative h-full w-full">
+            <div className="system-sm-semibold absolute left-[50%] top-[-16px] translate-x-[-50%] text-text-primary">
+              {(state.valueNow / 100).toFixed(2)}
+            </div>
           </div>
         </div>
-      </div>
-    )}
-  />
+      )}
+    />
+  )
 }
 
 export default Slider
diff --git a/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/index.tsx b/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/index.tsx
index fc920fb218..d04b56b228 100644
--- a/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/annotation-reply/score-slider/index.tsx
@@ -19,7 +19,7 @@ const ScoreSlider: FC<Props> = ({
 
   return (
     <div className={className}>
-      <div className='mt-[14px] h-px'>
+      <div className="mt-[14px] h-px">
         <Slider
           max={100}
           min={80}
@@ -28,13 +28,13 @@ const ScoreSlider: FC<Props> = ({
           onChange={onChange}
         />
       </div>
-      <div className='system-xs-semibold-uppercase mt-[10px] flex items-center justify-between'>
-        <div className='flex space-x-1 text-util-colors-cyan-cyan-500'>
+      <div className="system-xs-semibold-uppercase mt-[10px] flex items-center justify-between">
+        <div className="flex space-x-1 text-util-colors-cyan-cyan-500">
           <div>0.8</div>
           <div>·</div>
           <div>{t('appDebug.feature.annotation.scoreThreshold.easyMatch')}</div>
         </div>
-        <div className='flex space-x-1 text-util-colors-blue-blue-500'>
+        <div className="flex space-x-1 text-util-colors-blue-blue-500">
           <div>1.0</div>
           <div>·</div>
           <div>{t('appDebug.feature.annotation.scoreThreshold.accurateMatch')}</div>
diff --git a/web/app/components/base/features/new-feature-panel/annotation-reply/use-annotation-config.ts b/web/app/components/base/features/new-feature-panel/annotation-reply/use-annotation-config.ts
index 14b977a4c8..bd4de98daa 100644
--- a/web/app/components/base/features/new-feature-panel/annotation-reply/use-annotation-config.ts
+++ b/web/app/components/base/features/new-feature-panel/annotation-reply/use-annotation-config.ts
@@ -1,12 +1,12 @@
-import React, { useState } from 'react'
-import { produce } from 'immer'
-import type { AnnotationReplyConfig } from '@/models/debug'
-import { queryAnnotationJobStatus, updateAnnotationStatus } from '@/service/annotation'
 import type { EmbeddingModelConfig } from '@/app/components/app/annotation/type'
+import type { AnnotationReplyConfig } from '@/models/debug'
+import { produce } from 'immer'
+import React, { useState } from 'react'
 import { AnnotationEnableStatus, JobStatus } from '@/app/components/app/annotation/type'
-import { sleep } from '@/utils'
 import { ANNOTATION_DEFAULT } from '@/config'
 import { useProviderContext } from '@/context/provider-context'
+import { queryAnnotationJobStatus, updateAnnotationStatus } from '@/service/annotation'
+import { sleep } from '@/utils'
 
 type Params = {
   appId: string
diff --git a/web/app/components/base/features/new-feature-panel/citation.tsx b/web/app/components/base/features/new-feature-panel/citation.tsx
index fc61d1afb5..321958bea4 100644
--- a/web/app/components/base/features/new-feature-panel/citation.tsx
+++ b/web/app/components/base/features/new-feature-panel/citation.tsx
@@ -1,11 +1,11 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { Citations } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { FeatureEnum } from '@/app/components/base/features/types'
+import { Citations } from '@/app/components/base/icons/src/vender/features'
 
 type Props = {
   disabled?: boolean
@@ -39,11 +39,11 @@ const Citation = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-warning-warning-500 p-1 shadow-xs'>
-          <Citations className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-warning-warning-500 p-1 shadow-xs">
+          <Citations className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.citation.title')}
       value={!!features.citation?.enabled}
       description={t('appDebug.feature.citation.description')!}
diff --git a/web/app/components/base/features/new-feature-panel/conversation-opener/index.tsx b/web/app/components/base/features/new-feature-panel/conversation-opener/index.tsx
index 4016b9f163..0fef89fc33 100644
--- a/web/app/components/base/features/new-feature-panel/conversation-opener/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/conversation-opener/index.tsx
@@ -1,16 +1,16 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import type { InputVar } from '@/app/components/workflow/types'
+import type { PromptVariable } from '@/models/debug'
+import { RiEditLine } from '@remixicon/react'
+import { produce } from 'immer'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { RiEditLine } from '@remixicon/react'
-import { LoveMessage } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import Button from '@/app/components/base/button'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { FeatureEnum } from '@/app/components/base/features/types'
+import { LoveMessage } from '@/app/components/base/icons/src/vender/features'
 import { useModalContext } from '@/context/modal-context'
-import type { PromptVariable } from '@/models/debug'
-import type { InputVar } from '@/app/components/workflow/types'
 
 type Props = {
   disabled?: boolean
@@ -80,11 +80,11 @@ const ConversationOpener = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs'>
-          <LoveMessage className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs">
+          <LoveMessage className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.conversationOpener.title')}
       value={!!opening?.enabled}
       onChange={state => handleChange(FeatureEnum.opening, state)}
@@ -94,18 +94,18 @@ const ConversationOpener = ({
     >
       <>
         {!opening?.enabled && (
-          <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{t('appDebug.feature.conversationOpener.description')}</div>
+          <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">{t('appDebug.feature.conversationOpener.description')}</div>
         )}
         {!!opening?.enabled && (
           <>
             {!isHovering && (
-              <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>
+              <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">
                 {opening.opening_statement || t('appDebug.openingStatement.placeholder')}
               </div>
             )}
             {isHovering && (
-              <Button className='w-full' onClick={handleOpenOpeningModal} disabled={disabled}>
-                <RiEditLine className='mr-1 h-4 w-4' />
+              <Button className="w-full" onClick={handleOpenOpeningModal} disabled={disabled}>
+                <RiEditLine className="mr-1 h-4 w-4" />
                 {t('appDebug.openingStatement.writeOpener')}
               </Button>
             )}
diff --git a/web/app/components/base/features/new-feature-panel/conversation-opener/modal.tsx b/web/app/components/base/features/new-feature-panel/conversation-opener/modal.tsx
index daf1fe4f70..cda5a25ae0 100644
--- a/web/app/components/base/features/new-feature-panel/conversation-opener/modal.tsx
+++ b/web/app/components/base/features/new-feature-panel/conversation-opener/modal.tsx
@@ -1,22 +1,21 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { OpeningStatement } from '@/app/components/base/features/types'
+import type { InputVar } from '@/app/components/workflow/types'
+import type { PromptVariable } from '@/models/debug'
+import { RiAddLine, RiAsterisk, RiCloseLine, RiDeleteBinLine, RiDraggable } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { ReactSortable } from 'react-sortablejs'
-import { RiAddLine, RiAsterisk, RiCloseLine, RiDeleteBinLine, RiDraggable } from '@remixicon/react'
-import Modal from '@/app/components/base/modal'
+import ConfirmAddVar from '@/app/components/app/configuration/config-prompt/confirm-add-var'
+import { getInputKeys } from '@/app/components/base/block-input'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
-import ConfirmAddVar from '@/app/components/app/configuration/config-prompt/confirm-add-var'
+import Modal from '@/app/components/base/modal'
 import PromptEditor from '@/app/components/base/prompt-editor'
-import type { OpeningStatement } from '@/app/components/base/features/types'
-import { getInputKeys } from '@/app/components/base/block-input'
-import type { PromptVariable } from '@/models/debug'
-import type { InputVar } from '@/app/components/workflow/types'
-import { getNewVar } from '@/utils/var'
 import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
-import { checkKeys } from '@/utils/var'
+import { checkKeys, getNewVar } from '@/utils/var'
 
 type OpeningSettingModalProps = {
   data: OpeningStatement
@@ -104,13 +103,17 @@ const OpeningSettingModal = ({
   const renderQuestions = () => {
     return (
       <div>
-        <div className='flex items-center py-2'>
-          <div className='flex shrink-0 space-x-0.5 text-xs font-medium leading-[18px] text-text-tertiary'>
-            <div className='uppercase'>{t('appDebug.openingStatement.openingQuestion')}</div>
+        <div className="flex items-center py-2">
+          <div className="flex shrink-0 space-x-0.5 text-xs font-medium leading-[18px] text-text-tertiary">
+            <div className="uppercase">{t('appDebug.openingStatement.openingQuestion')}</div>
             <div>·</div>
-            <div>{tempSuggestedQuestions.length}/{MAX_QUESTION_NUM}</div>
+            <div>
+              {tempSuggestedQuestions.length}
+              /
+              {MAX_QUESTION_NUM}
+            </div>
           </div>
-          <Divider bgStyle='gradient' className='ml-3 h-px w-0 grow' />
+          <Divider bgStyle="gradient" className="ml-3 h-px w-0 grow" />
         </div>
         <ReactSortable
           className="space-y-1"
@@ -121,7 +124,7 @@ const OpeningSettingModal = ({
             }
           })}
           setList={list => setTempSuggestedQuestions(list.map(item => item.name))}
-          handle='.handle'
+          handle=".handle"
           ghostClass="opacity-50"
           animation={150}
         >
@@ -135,7 +138,7 @@ const OpeningSettingModal = ({
                 )}
                 key={index}
               >
-                <RiDraggable className='handle h-4 w-4 cursor-grab text-text-quaternary' />
+                <RiDraggable className="handle h-4 w-4 cursor-grab text-text-quaternary" />
                 <input
                   type="input"
                   value={question || ''}
@@ -149,30 +152,32 @@ const OpeningSettingModal = ({
                       return item
                     }))
                   }}
-                  className={'h-9 w-full grow cursor-pointer overflow-x-auto rounded-lg border-0 bg-transparent pl-1.5 pr-8 text-sm leading-9 text-text-secondary focus:outline-none'}
+                  className="h-9 w-full grow cursor-pointer overflow-x-auto rounded-lg border-0 bg-transparent pl-1.5 pr-8 text-sm leading-9 text-text-secondary focus:outline-none"
                   onFocus={() => setFocusID(index)}
                   onBlur={() => setFocusID(null)}
                 />
 
                 <div
-                  className='absolute right-1.5 top-1/2 block translate-y-[-50%] cursor-pointer rounded-md p-1 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
+                  className="absolute right-1.5 top-1/2 block translate-y-[-50%] cursor-pointer rounded-md p-1 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive"
                   onClick={() => {
                     setTempSuggestedQuestions(tempSuggestedQuestions.filter((_, i) => index !== i))
                   }}
                   onMouseEnter={() => setDeletingID(index)}
                   onMouseLeave={() => setDeletingID(null)}
                 >
-                  <RiDeleteBinLine className='h-3.5 w-3.5' />
+                  <RiDeleteBinLine className="h-3.5 w-3.5" />
                 </div>
               </div>
             )
-          })}</ReactSortable>
+          })}
+        </ReactSortable>
         {tempSuggestedQuestions.length < MAX_QUESTION_NUM && (
           <div
             onClick={() => { setTempSuggestedQuestions([...tempSuggestedQuestions, '']) }}
-            className='mt-1 flex h-9 cursor-pointer items-center gap-2 rounded-lg bg-components-button-tertiary-bg px-3  text-components-button-tertiary-text hover:bg-components-button-tertiary-bg-hover'>
-            <RiAddLine className='h-4 w-4' />
-            <div className='system-sm-medium text-[13px]'>{t('appDebug.variableConfig.addOption')}</div>
+            className="mt-1 flex h-9 cursor-pointer items-center gap-2 rounded-lg bg-components-button-tertiary-bg px-3  text-components-button-tertiary-text hover:bg-components-button-tertiary-bg-hover"
+          >
+            <RiAddLine className="h-4 w-4" />
+            <div className="system-sm-medium text-[13px]">{t('appDebug.variableConfig.addOption')}</div>
           </div>
         )}
       </div>
@@ -183,17 +188,17 @@ const OpeningSettingModal = ({
     <Modal
       isShow
       onClose={noop}
-      className='!mt-14 !w-[640px] !max-w-none !bg-components-panel-bg-blur !p-6'
+      className="!mt-14 !w-[640px] !max-w-none !bg-components-panel-bg-blur !p-6"
     >
-      <div className='mb-6 flex items-center justify-between'>
-        <div className='title-2xl-semi-bold text-text-primary'>{t('appDebug.feature.conversationOpener.title')}</div>
-        <div className='cursor-pointer p-1' onClick={onCancel}><RiCloseLine className='h-4 w-4 text-text-tertiary' /></div>
+      <div className="mb-6 flex items-center justify-between">
+        <div className="title-2xl-semi-bold text-text-primary">{t('appDebug.feature.conversationOpener.title')}</div>
+        <div className="cursor-pointer p-1" onClick={onCancel}><RiCloseLine className="h-4 w-4 text-text-tertiary" /></div>
       </div>
-      <div className='mb-8 flex gap-2'>
-        <div className='mt-1.5 h-8 w-8 shrink-0 rounded-lg border-components-panel-border bg-util-colors-orange-dark-orange-dark-500 p-1.5'>
-          <RiAsterisk className='h-5 w-5 text-text-primary-on-surface' />
+      <div className="mb-8 flex gap-2">
+        <div className="mt-1.5 h-8 w-8 shrink-0 rounded-lg border-components-panel-border bg-util-colors-orange-dark-orange-dark-500 p-1.5">
+          <RiAsterisk className="h-5 w-5 text-text-primary-on-surface" />
         </div>
-        <div className='grow rounded-2xl border-t border-divider-subtle bg-chat-bubble-bg p-3 shadow-xs'>
+        <div className="grow rounded-2xl border-t border-divider-subtle bg-chat-bubble-bg p-3 shadow-xs">
           <PromptEditor
             value={tempValue}
             onChange={setTempValue}
@@ -217,15 +222,15 @@ const OpeningSettingModal = ({
           {renderQuestions()}
         </div>
       </div>
-      <div className='flex items-center justify-end'>
+      <div className="flex items-center justify-end">
         <Button
           onClick={onCancel}
-          className='mr-2'
+          className="mr-2"
         >
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
+          variant="primary"
           onClick={() => handleSave()}
           disabled={isSaveDisabled}
         >
diff --git a/web/app/components/base/features/new-feature-panel/dialog-wrapper.tsx b/web/app/components/base/features/new-feature-panel/dialog-wrapper.tsx
index 3c82150e01..5a312d1b64 100644
--- a/web/app/components/base/features/new-feature-panel/dialog-wrapper.tsx
+++ b/web/app/components/base/features/new-feature-panel/dialog-wrapper.tsx
@@ -1,6 +1,6 @@
-import { Fragment, useCallback } from 'react'
 import type { ReactNode } from 'react'
 import { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react'
+import { Fragment, useCallback } from 'react'
 import { cn } from '@/utils/classnames'
 
 type DialogProps = {
@@ -28,7 +28,8 @@ const DialogWrapper = ({
             'data-[closed]:opacity-0',
             'data-[enter]:opacity-100 data-[enter]:duration-300 data-[enter]:ease-out',
             'data-[leave]:opacity-0 data-[leave]:duration-200 data-[leave]:ease-in',
-          )} />
+          )}
+          />
         </TransitionChild>
 
         <div className="fixed inset-0">
@@ -41,14 +42,15 @@ const DialogWrapper = ({
                 'data-[enter]:scale-100 data-[enter]:opacity-100 data-[enter]:duration-300 data-[enter]:ease-out',
                 'data-[leave]:scale-95 data-[leave]:opacity-0 data-[leave]:duration-200 data-[leave]:ease-in',
                 className,
-              )}>
+              )}
+              >
                 {children}
               </DialogPanel>
             </TransitionChild>
           </div>
         </div>
       </Dialog>
-    </Transition >
+    </Transition>
   )
 }
 
diff --git a/web/app/components/base/features/new-feature-panel/feature-bar.tsx b/web/app/components/base/features/new-feature-panel/feature-bar.tsx
index b32ef3e4f7..585c2d923b 100644
--- a/web/app/components/base/features/new-feature-panel/feature-bar.tsx
+++ b/web/app/components/base/features/new-feature-panel/feature-bar.tsx
@@ -1,11 +1,11 @@
+import { RiApps2AddLine, RiArrowRightLine, RiSparklingFill } from '@remixicon/react'
 import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiApps2AddLine, RiArrowRightLine, RiSparklingFill } from '@remixicon/react'
-import { Citations, ContentModeration, FolderUpload, LoveMessage, MessageFast, Microphone01, TextToAudio, VirtualAssistant } from '@/app/components/base/icons/src/vender/features'
 import Button from '@/app/components/base/button'
-import Tooltip from '@/app/components/base/tooltip'
-import VoiceSettings from '@/app/components/base/features/new-feature-panel/text-to-speech/voice-settings'
 import { useFeatures } from '@/app/components/base/features/hooks'
+import VoiceSettings from '@/app/components/base/features/new-feature-panel/text-to-speech/voice-settings'
+import { Citations, ContentModeration, FolderUpload, LoveMessage, MessageFast, Microphone01, TextToAudio, VirtualAssistant } from '@/app/components/base/icons/src/vender/features'
+import Tooltip from '@/app/components/base/tooltip'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -36,23 +36,23 @@ const FeatureBar = ({
   }, [features, isChatMode, showFileUpload])
 
   return (
-    <div className='m-1 mt-0 -translate-y-2 rounded-b-[10px] border-b border-l border-r border-components-panel-border-subtle bg-util-colors-indigo-indigo-50 px-2.5 py-2 pt-4'>
+    <div className="m-1 mt-0 -translate-y-2 rounded-b-[10px] border-b border-l border-r border-components-panel-border-subtle bg-util-colors-indigo-indigo-50 px-2.5 py-2 pt-4">
       {noFeatureEnabled && (
-        <div className='flex cursor-pointer items-end gap-1' onClick={() => onFeatureBarClick?.(true)}>
-          <RiApps2AddLine className='h-3.5 w-3.5 text-text-accent' />
-          <div className='body-xs-medium text-text-accent'>{t('appDebug.feature.bar.empty')}</div>
-          <RiArrowRightLine className='h-3.5 w-3.5 text-text-accent' />
+        <div className="flex cursor-pointer items-end gap-1" onClick={() => onFeatureBarClick?.(true)}>
+          <RiApps2AddLine className="h-3.5 w-3.5 text-text-accent" />
+          <div className="body-xs-medium text-text-accent">{t('appDebug.feature.bar.empty')}</div>
+          <RiArrowRightLine className="h-3.5 w-3.5 text-text-accent" />
         </div>
       )}
       {!noFeatureEnabled && (
-        <div className='flex items-center gap-2'>
-          <div className='flex shrink-0 items-center gap-0.5'>
+        <div className="flex items-center gap-2">
+          <div className="flex shrink-0 items-center gap-0.5">
             {!!features.moreLikeThis?.enabled && (
               <Tooltip
                 popupContent={t('appDebug.feature.moreLikeThis.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs'>
-                  <RiSparklingFill className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs">
+                  <RiSparklingFill className="h-3.5 w-3.5 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
@@ -60,8 +60,8 @@ const FeatureBar = ({
               <Tooltip
                 popupContent={t('appDebug.feature.conversationOpener.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs'>
-                  <LoveMessage className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs">
+                  <LoveMessage className="h-3.5 w-3.5 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
@@ -69,8 +69,8 @@ const FeatureBar = ({
               <Tooltip
                 popupContent={t('appDebug.feature.moderation.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-text-success p-1 shadow-xs'>
-                  <ContentModeration className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-text-success p-1 shadow-xs">
+                  <ContentModeration className="h-3.5 w-3.5 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
@@ -78,8 +78,8 @@ const FeatureBar = ({
               <Tooltip
                 popupContent={t('appDebug.feature.speechToText.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs'>
-                  <Microphone01 className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs">
+                  <Microphone01 className="h-3.5 w-3.5 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
@@ -89,7 +89,7 @@ const FeatureBar = ({
                   popupContent={t('appDebug.feature.textToSpeech.title')}
                 >
                   <div className={cn('shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs', !disabled && 'cursor-pointer')}>
-                    <TextToAudio className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                    <TextToAudio className="h-3.5 w-3.5 text-text-primary-on-surface" />
                   </div>
                 </Tooltip>
               </VoiceSettings>
@@ -98,8 +98,8 @@ const FeatureBar = ({
               <Tooltip
                 popupContent={t('appDebug.feature.fileUpload.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-600 p-1 shadow-xs'>
-                  <FolderUpload className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-600 p-1 shadow-xs">
+                  <FolderUpload className="h-3.5 w-3.5 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
@@ -107,8 +107,8 @@ const FeatureBar = ({
               <Tooltip
                 popupContent={t('appDebug.feature.suggestedQuestionsAfterAnswer.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs'>
-                  <VirtualAssistant className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs">
+                  <VirtualAssistant className="h-3.5 w-3.5 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
@@ -116,8 +116,8 @@ const FeatureBar = ({
               <Tooltip
                 popupContent={t('appDebug.feature.citation.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-warning-warning-500 p-1 shadow-xs'>
-                  <Citations className='h-4 w-4 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-warning-warning-500 p-1 shadow-xs">
+                  <Citations className="h-4 w-4 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
@@ -125,16 +125,16 @@ const FeatureBar = ({
               <Tooltip
                 popupContent={t('appDebug.feature.annotation.title')}
               >
-                <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs'>
-                  <MessageFast className='h-3.5 w-3.5 text-text-primary-on-surface' />
+                <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs">
+                  <MessageFast className="h-3.5 w-3.5 text-text-primary-on-surface" />
                 </div>
               </Tooltip>
             )}
           </div>
-          <div className='body-xs-regular grow text-text-tertiary'>{t('appDebug.feature.bar.enableText')}</div>
-          <Button className='shrink-0' variant='ghost-accent' size='small' onClick={() => onFeatureBarClick?.(true)}>
-            <div className='mx-1'>{t('appDebug.feature.bar.manage')}</div>
-            <RiArrowRightLine className='h-3.5 w-3.5 text-text-accent' />
+          <div className="body-xs-regular grow text-text-tertiary">{t('appDebug.feature.bar.enableText')}</div>
+          <Button className="shrink-0" variant="ghost-accent" size="small" onClick={() => onFeatureBarClick?.(true)}>
+            <div className="mx-1">{t('appDebug.feature.bar.manage')}</div>
+            <RiArrowRightLine className="h-3.5 w-3.5 text-text-accent" />
           </Button>
         </div>
       )}
diff --git a/web/app/components/base/features/new-feature-panel/feature-card.tsx b/web/app/components/base/features/new-feature-panel/feature-card.tsx
index c895ef1d24..b2b530e8bd 100644
--- a/web/app/components/base/features/new-feature-panel/feature-card.tsx
+++ b/web/app/components/base/features/new-feature-panel/feature-card.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import {
   RiQuestionLine,
 } from '@remixicon/react'
+import React from 'react'
 import Switch from '@/app/components/base/switch'
 import Tooltip from '@/app/components/base/tooltip'
 
@@ -32,26 +32,26 @@ const FeatureCard = ({
 }: Props) => {
   return (
     <div
-      className='mb-1 rounded-xl border-l-[0.5px] border-t-[0.5px] border-effects-highlight bg-background-section-burn p-3'
+      className="mb-1 rounded-xl border-l-[0.5px] border-t-[0.5px] border-effects-highlight bg-background-section-burn p-3"
       onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseLeave}
     >
-      <div className='mb-2 flex items-center gap-2'>
+      <div className="mb-2 flex items-center gap-2">
         {icon}
-        <div className='system-sm-semibold flex grow items-center text-text-secondary'>
+        <div className="system-sm-semibold flex grow items-center text-text-secondary">
           {title}
           {tooltip && (
             <Tooltip
               popupContent={tooltip}
             >
-              <div className='ml-0.5 p-px'><RiQuestionLine className='h-3.5 w-3.5 text-text-quaternary' /></div>
+              <div className="ml-0.5 p-px"><RiQuestionLine className="h-3.5 w-3.5 text-text-quaternary" /></div>
             </Tooltip>
           )}
         </div>
-        <Switch disabled={disabled} className='shrink-0' onChange={state => onChange?.(state)} defaultValue={value} />
+        <Switch disabled={disabled} className="shrink-0" onChange={state => onChange?.(state)} defaultValue={value} />
       </div>
       {description && (
-        <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{description}</div>
+        <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">{description}</div>
       )}
       {children}
     </div>
diff --git a/web/app/components/base/features/new-feature-panel/file-upload/index.tsx b/web/app/components/base/features/new-feature-panel/file-upload/index.tsx
index 7561936130..66f138037c 100644
--- a/web/app/components/base/features/new-feature-panel/file-upload/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/file-upload/index.tsx
@@ -1,14 +1,14 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { RiEqualizer2Line } from '@remixicon/react'
+import { produce } from 'immer'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { RiEqualizer2Line } from '@remixicon/react'
-import { FolderUpload } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
-import SettingModal from '@/app/components/base/features/new-feature-panel/file-upload/setting-modal'
 import Button from '@/app/components/base/button'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
+import SettingModal from '@/app/components/base/features/new-feature-panel/file-upload/setting-modal'
 import { FeatureEnum } from '@/app/components/base/features/types'
+import { FolderUpload } from '@/app/components/base/icons/src/vender/features'
 
 type Props = {
   disabled: boolean
@@ -49,11 +49,11 @@ const FileUpload = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-600 p-1 shadow-xs'>
-          <FolderUpload className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-blue-600 p-1 shadow-xs">
+          <FolderUpload className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.fileUpload.title')}
       value={file?.enabled}
       onChange={state => handleChange(FeatureEnum.file, state)}
@@ -63,20 +63,20 @@ const FileUpload = ({
     >
       <>
         {!file?.enabled && (
-          <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{t('appDebug.feature.fileUpload.description')}</div>
+          <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">{t('appDebug.feature.fileUpload.description')}</div>
         )}
         {file?.enabled && (
           <>
             {!isHovering && !modalOpen && (
-              <div className='flex items-center gap-4 pt-0.5'>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.fileUpload.supportedTypes')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{supportedTypes}</div>
+              <div className="flex items-center gap-4 pt-0.5">
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.feature.fileUpload.supportedTypes')}</div>
+                  <div className="system-xs-regular text-text-secondary">{supportedTypes}</div>
                 </div>
-                <div className='h-[27px] w-px rotate-12 bg-divider-subtle'></div>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.fileUpload.numberLimit')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{file?.number_limits}</div>
+                <div className="h-[27px] w-px rotate-12 bg-divider-subtle"></div>
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.feature.fileUpload.numberLimit')}</div>
+                  <div className="system-xs-regular text-text-secondary">{file?.number_limits}</div>
                 </div>
               </div>
             )}
@@ -89,8 +89,8 @@ const FileUpload = ({
                 }}
                 onChange={onChange}
               >
-                <Button className='w-full' disabled={disabled}>
-                  <RiEqualizer2Line className='mr-1 h-4 w-4' />
+                <Button className="w-full" disabled={disabled}>
+                  <RiEqualizer2Line className="mr-1 h-4 w-4" />
                   {t('common.operation.settings')}
                 </Button>
               </SettingModal>
diff --git a/web/app/components/base/features/new-feature-panel/file-upload/setting-content.tsx b/web/app/components/base/features/new-feature-panel/file-upload/setting-content.tsx
index cb0821bb7b..caa9a99e22 100644
--- a/web/app/components/base/features/new-feature-panel/file-upload/setting-content.tsx
+++ b/web/app/components/base/features/new-feature-panel/file-upload/setting-content.tsx
@@ -1,14 +1,14 @@
-import React, { useCallback, useMemo, useState } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import FileUploadSetting from '@/app/components/workflow/nodes/_base/components/file-upload-setting'
-import Button from '@/app/components/base/button'
-import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
 import type { OnFeaturesChange } from '@/app/components/base/features/types'
 import type { UploadFileSetting } from '@/app/components/workflow/types'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { RiCloseLine } from '@remixicon/react'
+import { produce } from 'immer'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
 import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
+import FileUploadSetting from '@/app/components/workflow/nodes/_base/components/file-upload-setting'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 
 type SettingContentProps = {
   imageUpload?: boolean
@@ -56,9 +56,9 @@ const SettingContent = ({
 
   return (
     <>
-      <div className='mb-4 flex items-center justify-between'>
-        <div className='system-xl-semibold text-text-primary'>{!imageUpload ? t('appDebug.feature.fileUpload.modalTitle') : t('appDebug.feature.imageUpload.modalTitle')}</div>
-        <div className='cursor-pointer p-1' onClick={onClose}><RiCloseLine className='h-4 w-4 text-text-tertiary'/></div>
+      <div className="mb-4 flex items-center justify-between">
+        <div className="system-xl-semibold text-text-primary">{!imageUpload ? t('appDebug.feature.fileUpload.modalTitle') : t('appDebug.feature.imageUpload.modalTitle')}</div>
+        <div className="cursor-pointer p-1" onClick={onClose}><RiCloseLine className="h-4 w-4 text-text-tertiary" /></div>
       </div>
       <FileUploadSetting
         isMultiple
@@ -67,15 +67,15 @@ const SettingContent = ({
         payload={tempPayload}
         onChange={(p: UploadFileSetting) => setTempPayload(p)}
       />
-      <div className='mt-4 flex items-center justify-end'>
+      <div className="mt-4 flex items-center justify-end">
         <Button
           onClick={onClose}
-          className='mr-2'
+          className="mr-2"
         >
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
+          variant="primary"
           onClick={handleChange}
           disabled={tempPayload.allowed_file_types.length === 0}
         >
diff --git a/web/app/components/base/features/new-feature-panel/file-upload/setting-modal.tsx b/web/app/components/base/features/new-feature-panel/file-upload/setting-modal.tsx
index 6ebbc05ae5..2a09f63bee 100644
--- a/web/app/components/base/features/new-feature-panel/file-upload/setting-modal.tsx
+++ b/web/app/components/base/features/new-feature-panel/file-upload/setting-modal.tsx
@@ -1,12 +1,12 @@
 'use client'
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
 import { memo } from 'react'
+import SettingContent from '@/app/components/base/features/new-feature-panel/file-upload/setting-content'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import SettingContent from '@/app/components/base/features/new-feature-panel/file-upload/setting-content'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
 
 type FileUploadSettingsProps = {
   open: boolean
@@ -28,23 +28,24 @@ const FileUploadSettings = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={onOpen}
-      placement='left'
+      placement="left"
       offset={{
         mainAxis: 32,
       }}
     >
-      <PortalToFollowElemTrigger className='flex' onClick={() => !disabled && onOpen((open: boolean) => !open)}>
+      <PortalToFollowElemTrigger className="flex" onClick={() => !disabled && onOpen((open: boolean) => !open)}>
         {children}
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 50 }}>
-        <div className='max-h-[calc(100vh-20px)] w-[360px] overflow-y-auto rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-2xl'>
+        <div className="max-h-[calc(100vh-20px)] w-[360px] overflow-y-auto rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-2xl">
           <SettingContent
             imageUpload={imageUpload}
             onClose={() => onOpen(false)}
             onChange={(v) => {
               onChange?.(v)
               onOpen(false)
-            }} />
+            }}
+          />
         </div>
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/base/features/new-feature-panel/follow-up.tsx b/web/app/components/base/features/new-feature-panel/follow-up.tsx
index 1abea971f2..ad651ab1e0 100644
--- a/web/app/components/base/features/new-feature-panel/follow-up.tsx
+++ b/web/app/components/base/features/new-feature-panel/follow-up.tsx
@@ -1,11 +1,11 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { VirtualAssistant } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { FeatureEnum } from '@/app/components/base/features/types'
+import { VirtualAssistant } from '@/app/components/base/icons/src/vender/features'
 
 type Props = {
   disabled?: boolean
@@ -39,11 +39,11 @@ const FollowUp = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs'>
-          <VirtualAssistant className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs">
+          <VirtualAssistant className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.suggestedQuestionsAfterAnswer.title')}
       value={!!features.suggested?.enabled}
       description={t('appDebug.feature.suggestedQuestionsAfterAnswer.description')!}
diff --git a/web/app/components/base/features/new-feature-panel/image-upload/index.tsx b/web/app/components/base/features/new-feature-panel/image-upload/index.tsx
index 53c0fa9fb1..043d061512 100644
--- a/web/app/components/base/features/new-feature-panel/image-upload/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/image-upload/index.tsx
@@ -1,13 +1,13 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { RiEqualizer2Line, RiImage2Fill } from '@remixicon/react'
+import { produce } from 'immer'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { RiEqualizer2Line, RiImage2Fill } from '@remixicon/react'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
-import SettingModal from '@/app/components/base/features/new-feature-panel/file-upload/setting-modal'
 import Badge from '@/app/components/base/badge'
 import Button from '@/app/components/base/button'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
+import SettingModal from '@/app/components/base/features/new-feature-panel/file-upload/setting-modal'
 import { FeatureEnum } from '@/app/components/base/features/types'
 
 type Props = {
@@ -49,20 +49,20 @@ const FileUpload = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs'>
-          <RiImage2Fill className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs">
+          <RiImage2Fill className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
-      title={
-        <div className='flex items-center'>
+      )}
+      title={(
+        <div className="flex items-center">
           {t('appDebug.feature.imageUpload.title')}
           <Badge
-            text='LEGACY'
-            className='mx-1 shrink-0 border-text-accent-secondary text-text-accent-secondary'
+            text="LEGACY"
+            className="mx-1 shrink-0 border-text-accent-secondary text-text-accent-secondary"
           />
         </div>
-      }
+      )}
       value={file?.enabled}
       onChange={state => handleChange(FeatureEnum.file, state)}
       onMouseEnter={() => setIsHovering(true)}
@@ -71,20 +71,20 @@ const FileUpload = ({
     >
       <>
         {!file?.enabled && (
-          <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{t('appDebug.feature.imageUpload.description')}</div>
+          <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">{t('appDebug.feature.imageUpload.description')}</div>
         )}
         {file?.enabled && (
           <>
             {!isHovering && !modalOpen && (
-              <div className='flex items-center gap-4 pt-0.5'>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.imageUpload.supportedTypes')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{supportedTypes}</div>
+              <div className="flex items-center gap-4 pt-0.5">
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.feature.imageUpload.supportedTypes')}</div>
+                  <div className="system-xs-regular text-text-secondary">{supportedTypes}</div>
                 </div>
-                <div className='h-[27px] w-px rotate-12 bg-divider-subtle'></div>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.imageUpload.numberLimit')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{file?.number_limits}</div>
+                <div className="h-[27px] w-px rotate-12 bg-divider-subtle"></div>
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.feature.imageUpload.numberLimit')}</div>
+                  <div className="system-xs-regular text-text-secondary">{file?.number_limits}</div>
                 </div>
               </div>
             )}
@@ -98,8 +98,8 @@ const FileUpload = ({
                 }}
                 onChange={onChange}
               >
-                <Button className='w-full' disabled={disabled}>
-                  <RiEqualizer2Line className='mr-1 h-4 w-4' />
+                <Button className="w-full" disabled={disabled}>
+                  <RiEqualizer2Line className="mr-1 h-4 w-4" />
                   {t('common.operation.settings')}
                 </Button>
               </SettingModal>
diff --git a/web/app/components/base/features/new-feature-panel/index.tsx b/web/app/components/base/features/new-feature-panel/index.tsx
index d00cd9038a..8ecbb2e42f 100644
--- a/web/app/components/base/features/new-feature-panel/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/index.tsx
@@ -1,23 +1,23 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import type { InputVar } from '@/app/components/workflow/types'
+import type { PromptVariable } from '@/models/debug'
+import { RiCloseLine, RiInformation2Fill } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine, RiInformation2Fill } from '@remixicon/react'
-import DialogWrapper from '@/app/components/base/features/new-feature-panel/dialog-wrapper'
-import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import AnnotationReply from '@/app/components/base/features/new-feature-panel/annotation-reply'
 
-import MoreLikeThis from '@/app/components/base/features/new-feature-panel/more-like-this'
-import ConversationOpener from '@/app/components/base/features/new-feature-panel/conversation-opener'
-import FollowUp from '@/app/components/base/features/new-feature-panel/follow-up'
-import SpeechToText from '@/app/components/base/features/new-feature-panel/speech-to-text'
-import TextToSpeech from '@/app/components/base/features/new-feature-panel/text-to-speech'
-import FileUpload from '@/app/components/base/features/new-feature-panel/file-upload'
 import Citation from '@/app/components/base/features/new-feature-panel/citation'
+import ConversationOpener from '@/app/components/base/features/new-feature-panel/conversation-opener'
+import DialogWrapper from '@/app/components/base/features/new-feature-panel/dialog-wrapper'
+import FileUpload from '@/app/components/base/features/new-feature-panel/file-upload'
+import FollowUp from '@/app/components/base/features/new-feature-panel/follow-up'
 import ImageUpload from '@/app/components/base/features/new-feature-panel/image-upload'
 import Moderation from '@/app/components/base/features/new-feature-panel/moderation'
-import AnnotationReply from '@/app/components/base/features/new-feature-panel/annotation-reply'
-import type { PromptVariable } from '@/models/debug'
-import type { InputVar } from '@/app/components/workflow/types'
+import MoreLikeThis from '@/app/components/base/features/new-feature-panel/more-like-this'
+import SpeechToText from '@/app/components/base/features/new-feature-panel/speech-to-text'
+import TextToSpeech from '@/app/components/base/features/new-feature-panel/text-to-speech'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { useDocLink } from '@/context/i18n'
 
 type Props = {
@@ -56,31 +56,34 @@ const NewFeaturePanel = ({
       onClose={onClose}
       inWorkflow={inWorkflow}
     >
-      <div className='flex h-full grow flex-col'>
+      <div className="flex h-full grow flex-col">
         {/* header */}
-        <div className='flex shrink-0 justify-between p-4 pb-3'>
+        <div className="flex shrink-0 justify-between p-4 pb-3">
           <div>
-            <div className='system-xl-semibold text-text-primary'>{t('workflow.common.features')}</div>
-            <div className='body-xs-regular text-text-tertiary'>{t('workflow.common.featuresDescription')}</div>
+            <div className="system-xl-semibold text-text-primary">{t('workflow.common.features')}</div>
+            <div className="body-xs-regular text-text-tertiary">{t('workflow.common.featuresDescription')}</div>
           </div>
-          <div className='h-8 w-8 cursor-pointer p-2' onClick={onClose}><RiCloseLine className='h-4 w-4 text-text-tertiary'/></div>
+          <div className="h-8 w-8 cursor-pointer p-2" onClick={onClose}><RiCloseLine className="h-4 w-4 text-text-tertiary" /></div>
         </div>
         {/* list */}
-        <div className='grow basis-0 overflow-y-auto px-4 pb-4'>
+        <div className="grow basis-0 overflow-y-auto px-4 pb-4">
           {showFileUpload && (
-            <div className='relative mb-1 rounded-xl border border-components-panel-border p-2 shadow-xs'>
-              <div className='absolute left-0 top-0 h-full w-full rounded-xl opacity-40' style={{ background: 'linear-gradient(92deg, rgba(11, 165, 236, 0.25) 18.12%, rgba(255, 255, 255, 0.00) 167.31%)' }}></div>
-              <div className='relative flex h-full w-full items-start'>
-                <div className='mr-0.5 shrink-0 p-0.5'>
-                  <RiInformation2Fill className='h-5 w-5 text-text-accent' />
+            <div className="relative mb-1 rounded-xl border border-components-panel-border p-2 shadow-xs">
+              <div className="absolute left-0 top-0 h-full w-full rounded-xl opacity-40" style={{ background: 'linear-gradient(92deg, rgba(11, 165, 236, 0.25) 18.12%, rgba(255, 255, 255, 0.00) 167.31%)' }}></div>
+              <div className="relative flex h-full w-full items-start">
+                <div className="mr-0.5 shrink-0 p-0.5">
+                  <RiInformation2Fill className="h-5 w-5 text-text-accent" />
                 </div>
-                <div className='system-xs-medium p-1 text-text-primary'>
+                <div className="system-xs-medium p-1 text-text-primary">
                   <span>{isChatMode ? t('workflow.common.fileUploadTip') : t('workflow.common.ImageUploadLegacyTip')}</span>
                   <a
-                    className='text-text-accent'
+                    className="text-text-accent"
                     href={docLink('/guides/workflow/bulletin')}
-                    target='_blank' rel='noopener noreferrer'
-                  >{t('workflow.common.featuresDocLink')}</a>
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    {t('workflow.common.featuresDocLink')}
+                  </a>
                 </div>
               </div>
             </div>
diff --git a/web/app/components/base/features/new-feature-panel/moderation/form-generation.tsx b/web/app/components/base/features/new-feature-panel/moderation/form-generation.tsx
index dccf10dca6..de4adcdb04 100644
--- a/web/app/components/base/features/new-feature-panel/moderation/form-generation.tsx
+++ b/web/app/components/base/features/new-feature-panel/moderation/form-generation.tsx
@@ -1,10 +1,10 @@
 import type { FC } from 'react'
-import { useContext } from 'use-context-selector'
 import type { CodeBasedExtensionForm } from '@/models/common'
-import I18n from '@/context/i18n'
+import type { ModerationConfig } from '@/models/debug'
+import { useContext } from 'use-context-selector'
 import { PortalSelect } from '@/app/components/base/select'
 import Textarea from '@/app/components/base/textarea'
-import type { ModerationConfig } from '@/models/debug'
+import I18n from '@/context/i18n'
 
 type FormGenerationProps = {
   forms: CodeBasedExtensionForm[]
@@ -28,16 +28,16 @@ const FormGeneration: FC<FormGenerationProps> = ({
         forms.map((form, index) => (
           <div
             key={index}
-            className='py-2'
+            className="py-2"
           >
-            <div className='flex h-9 items-center text-sm font-medium text-text-primary'>
+            <div className="flex h-9 items-center text-sm font-medium text-text-primary">
               {locale === 'zh-Hans' ? form.label['zh-Hans'] : form.label['en-US']}
             </div>
             {
               form.type === 'text-input' && (
                 <input
                   value={value?.[form.variable] || ''}
-                  className='block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none'
+                  className="block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none"
                   placeholder={form.placeholder}
                   onChange={e => handleFormChange(form.variable, e.target.value)}
                 />
@@ -45,9 +45,9 @@ const FormGeneration: FC<FormGenerationProps> = ({
             }
             {
               form.type === 'paragraph' && (
-                <div className='relative'>
+                <div className="relative">
                   <Textarea
-                    className='resize-none'
+                    className="resize-none"
                     value={value?.[form.variable] || ''}
                     placeholder={form.placeholder}
                     onChange={e => handleFormChange(form.variable, e.target.value)}
@@ -66,7 +66,7 @@ const FormGeneration: FC<FormGenerationProps> = ({
                     }
                   })}
                   onSelect={item => handleFormChange(form.variable, item.value as string)}
-                  popupClassName='w-[576px] !z-[102]'
+                  popupClassName="w-[576px] !z-[102]"
                 />
               )
             }
diff --git a/web/app/components/base/features/new-feature-panel/moderation/index.tsx b/web/app/components/base/features/new-feature-panel/moderation/index.tsx
index abbde2bab9..9fdb684f1b 100644
--- a/web/app/components/base/features/new-feature-panel/moderation/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/moderation/index.tsx
@@ -1,16 +1,16 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { RiEqualizer2Line } from '@remixicon/react'
+import { produce } from 'immer'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import { useContext } from 'use-context-selector'
-import { RiEqualizer2Line } from '@remixicon/react'
-import { ContentModeration } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import Button from '@/app/components/base/button'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { FeatureEnum } from '@/app/components/base/features/types'
-import { useModalContext } from '@/context/modal-context'
+import { ContentModeration } from '@/app/components/base/icons/src/vender/features'
 import I18n from '@/context/i18n'
+import { useModalContext } from '@/context/modal-context'
 import { useCodeBasedExtensions } from '@/service/use-common'
 
 type Props = {
@@ -125,11 +125,11 @@ const Moderation = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-text-success p-1 shadow-xs'>
-          <ContentModeration className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-text-success p-1 shadow-xs">
+          <ContentModeration className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.moderation.title')}
       value={!!moderation?.enabled}
       onChange={state => handleChange(FeatureEnum.moderation, state)}
@@ -139,26 +139,26 @@ const Moderation = ({
     >
       <>
         {!moderation?.enabled && (
-          <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{t('appDebug.feature.moderation.description')}</div>
+          <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">{t('appDebug.feature.moderation.description')}</div>
         )}
         {!!moderation?.enabled && (
           <>
             {!isHovering && (
-              <div className='flex items-center gap-4 pt-0.5'>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.moderation.modal.provider.title')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{providerContent}</div>
+              <div className="flex items-center gap-4 pt-0.5">
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.feature.moderation.modal.provider.title')}</div>
+                  <div className="system-xs-regular text-text-secondary">{providerContent}</div>
                 </div>
-                <div className='h-[27px] w-px rotate-12 bg-divider-subtle'></div>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.moderation.contentEnableLabel')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{enableContent}</div>
+                <div className="h-[27px] w-px rotate-12 bg-divider-subtle"></div>
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.feature.moderation.contentEnableLabel')}</div>
+                  <div className="system-xs-regular text-text-secondary">{enableContent}</div>
                 </div>
               </div>
             )}
             {isHovering && (
-              <Button className='w-full' onClick={handleOpenModerationSettingModal} disabled={disabled}>
-                <RiEqualizer2Line className='mr-1 h-4 w-4' />
+              <Button className="w-full" onClick={handleOpenModerationSettingModal} disabled={disabled}>
+                <RiEqualizer2Line className="mr-1 h-4 w-4" />
                 {t('common.operation.settings')}
               </Button>
             )}
diff --git a/web/app/components/base/features/new-feature-panel/moderation/moderation-content.tsx b/web/app/components/base/features/new-feature-panel/moderation/moderation-content.tsx
index 9c00a7dc3f..74419500e9 100644
--- a/web/app/components/base/features/new-feature-panel/moderation/moderation-content.tsx
+++ b/web/app/components/base/features/new-feature-panel/moderation/moderation-content.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
+import type { ModerationContentConfig } from '@/models/debug'
 import { useTranslation } from 'react-i18next'
 import Switch from '@/app/components/base/switch'
-import type { ModerationContentConfig } from '@/models/debug'
 
 type ModerationContentProps = {
   title: string
@@ -26,18 +26,18 @@ const ModerationContent: FC<ModerationContentProps> = ({
   }
 
   return (
-    <div className='py-2'>
-      <div className='rounded-lg border border-components-panel-border bg-components-panel-bg'>
-        <div className='flex h-10 items-center justify-between rounded-lg px-3'>
-          <div className='shrink-0 text-sm font-medium text-text-primary'>{title}</div>
-          <div className='flex grow items-center justify-end'>
+    <div className="py-2">
+      <div className="rounded-lg border border-components-panel-border bg-components-panel-bg">
+        <div className="flex h-10 items-center justify-between rounded-lg px-3">
+          <div className="shrink-0 text-sm font-medium text-text-primary">{title}</div>
+          <div className="flex grow items-center justify-end">
             {
               info && (
-                <div className='mr-2 truncate text-xs text-text-tertiary' title={info}>{info}</div>
+                <div className="mr-2 truncate text-xs text-text-tertiary" title={info}>{info}</div>
               )
             }
             <Switch
-              size='l'
+              size="l"
               defaultValue={config.enabled}
               onChange={v => handleConfigChange('enabled', v)}
             />
@@ -45,20 +45,22 @@ const ModerationContent: FC<ModerationContentProps> = ({
         </div>
         {
           config.enabled && showPreset && (
-            <div className='rounded-lg bg-components-panel-bg px-3 pb-3 pt-1'>
-              <div className='flex h-8 items-center justify-between text-[13px] font-medium text-text-secondary'>
+            <div className="rounded-lg bg-components-panel-bg px-3 pb-3 pt-1">
+              <div className="flex h-8 items-center justify-between text-[13px] font-medium text-text-secondary">
                 {t('appDebug.feature.moderation.modal.content.preset')}
-                <span className='text-xs font-normal text-text-tertiary'>{t('appDebug.feature.moderation.modal.content.supportMarkdown')}</span>
+                <span className="text-xs font-normal text-text-tertiary">{t('appDebug.feature.moderation.modal.content.supportMarkdown')}</span>
               </div>
-              <div className='relative h-20 rounded-lg bg-components-input-bg-normal px-3 py-2'>
+              <div className="relative h-20 rounded-lg bg-components-input-bg-normal px-3 py-2">
                 <textarea
                   value={config.preset_response || ''}
-                  className='block h-full w-full resize-none appearance-none bg-transparent text-sm text-text-secondary outline-none'
+                  className="block h-full w-full resize-none appearance-none bg-transparent text-sm text-text-secondary outline-none"
                   placeholder={t('appDebug.feature.moderation.modal.content.placeholder') || ''}
                   onChange={e => handleConfigChange('preset_response', e.target.value)}
                 />
-                <div className='absolute bottom-2 right-2 flex h-5 items-center rounded-md bg-background-section px-1 text-xs font-medium text-text-quaternary'>
-                  <span>{(config.preset_response || '').length}</span>/<span className='text-text-tertiary'>100</span>
+                <div className="absolute bottom-2 right-2 flex h-5 items-center rounded-md bg-background-section px-1 text-xs font-medium text-text-quaternary">
+                  <span>{(config.preset_response || '').length}</span>
+                  /
+                  <span className="text-text-tertiary">100</span>
                 </div>
               </div>
             </div>
diff --git a/web/app/components/base/features/new-feature-panel/moderation/moderation-setting-modal.tsx b/web/app/components/base/features/new-feature-panel/moderation/moderation-setting-modal.tsx
index dd9c58c5ab..d1e6aba6b7 100644
--- a/web/app/components/base/features/new-feature-panel/moderation/moderation-setting-modal.tsx
+++ b/web/app/components/base/features/new-feature-panel/moderation/moderation-setting-modal.tsx
@@ -1,28 +1,27 @@
 import type { ChangeEvent, FC } from 'react'
-import { useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
+import type { CodeBasedExtensionItem } from '@/models/common'
+import type { ModerationConfig, ModerationContentConfig } from '@/models/debug'
 import { RiCloseLine } from '@remixicon/react'
-import ModerationContent from './moderation-content'
-import FormGeneration from './form-generation'
-import ApiBasedExtensionSelector from '@/app/components/header/account-setting/api-based-extension-page/selector'
-import Modal from '@/app/components/base/modal'
+import { noop } from 'lodash-es'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
 import { BookOpen01 } from '@/app/components/base/icons/src/vender/line/education'
-import type { ModerationConfig, ModerationContentConfig } from '@/models/debug'
-import { useToastContext } from '@/app/components/base/toast'
-import type { CodeBasedExtensionItem } from '@/models/common'
-import I18n from '@/context/i18n'
-import { LanguagesSupported } from '@/i18n-config/language'
 import { InfoCircle } from '@/app/components/base/icons/src/vender/line/general'
-import { useModalContext } from '@/context/modal-context'
-import { CustomConfigurationStatusEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
-import { useDocLink } from '@/context/i18n'
+import Modal from '@/app/components/base/modal'
+import { useToastContext } from '@/app/components/base/toast'
+import ApiBasedExtensionSelector from '@/app/components/header/account-setting/api-based-extension-page/selector'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { CustomConfigurationStatusEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import I18n, { useDocLink } from '@/context/i18n'
+import { useModalContext } from '@/context/modal-context'
+import { LanguagesSupported } from '@/i18n-config/language'
 import { useCodeBasedExtensions, useModelProviders } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
+import FormGeneration from './form-generation'
+import ModerationContent from './moderation-content'
 
 const systemTypes = ['openai_moderation', 'keywords', 'api']
 
@@ -81,12 +80,12 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
     ...(
       codeBasedExtensionList
         ? codeBasedExtensionList.data.map((item) => {
-          return {
-            key: item.name,
-            name: locale === 'zh-Hans' ? item.label['zh-Hans'] : item.label['en-US'],
-            form_schema: item.form_schema,
-          }
-        })
+            return {
+              key: item.name,
+              name: locale === 'zh-Hans' ? item.label['zh-Hans'] : item.label['en-US'],
+              form_schema: item.form_schema,
+            }
+          })
         : []
     ),
   ]
@@ -237,17 +236,17 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
     <Modal
       isShow
       onClose={noop}
-      className='!mt-14 !w-[600px] !max-w-none !p-6'
+      className="!mt-14 !w-[600px] !max-w-none !p-6"
     >
-      <div className='flex items-center justify-between'>
-        <div className='title-2xl-semi-bold text-text-primary'>{t('appDebug.feature.moderation.modal.title')}</div>
-        <div className='cursor-pointer p-1' onClick={onCancel}><RiCloseLine className='h-4 w-4 text-text-tertiary' /></div>
+      <div className="flex items-center justify-between">
+        <div className="title-2xl-semi-bold text-text-primary">{t('appDebug.feature.moderation.modal.title')}</div>
+        <div className="cursor-pointer p-1" onClick={onCancel}><RiCloseLine className="h-4 w-4 text-text-tertiary" /></div>
       </div>
-      <div className='py-2'>
-        <div className='text-sm font-medium leading-9 text-text-primary'>
+      <div className="py-2">
+        <div className="text-sm font-medium leading-9 text-text-primary">
           {t('appDebug.feature.moderation.modal.provider.title')}
         </div>
-        <div className='grid grid-cols-3 gap-2.5'>
+        <div className="grid grid-cols-3 gap-2.5">
           {
             providers.map(provider => (
               <div
@@ -263,7 +262,9 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
                 <div className={cn(
                   'mr-2 h-4 w-4 rounded-full border border-components-radio-border bg-components-radio-bg shadow-xs',
                   localeData.type === provider.key && 'border-[5px] border-components-radio-border-checked',
-                )}></div>
+                )}
+                >
+                </div>
                 {provider.name}
               </div>
             ))
@@ -271,15 +272,17 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
         </div>
         {
           !isLoading && !isOpenAIProviderConfigured && localeData.type === 'openai_moderation' && (
-            <div className='mt-2 flex items-center rounded-lg border border-[#FEF0C7] bg-[#FFFAEB] px-3 py-2'>
-              <InfoCircle className='mr-1 h-4 w-4 text-[#F79009]' />
-              <div className='flex items-center text-xs font-medium text-gray-700'>
+            <div className="mt-2 flex items-center rounded-lg border border-[#FEF0C7] bg-[#FFFAEB] px-3 py-2">
+              <InfoCircle className="mr-1 h-4 w-4 text-[#F79009]" />
+              <div className="flex items-center text-xs font-medium text-gray-700">
                 {t('appDebug.feature.moderation.modal.openaiNotConfig.before')}
                 <span
-                  className='cursor-pointer text-primary-600'
+                  className="cursor-pointer text-primary-600"
                   onClick={handleOpenSettingsModal}
                 >
-                  &nbsp;{t('common.settings.provider')}&nbsp;
+                  &nbsp;
+                  {t('common.settings.provider')}
+&nbsp;
                 </span>
                 {t('appDebug.feature.moderation.modal.openaiNotConfig.after')}
               </div>
@@ -289,18 +292,23 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
       </div>
       {
         localeData.type === 'keywords' && (
-          <div className='py-2'>
-            <div className='mb-1 text-sm font-medium text-text-primary'>{t('appDebug.feature.moderation.modal.provider.keywords')}</div>
-            <div className='mb-2 text-xs text-text-tertiary'>{t('appDebug.feature.moderation.modal.keywords.tip')}</div>
-            <div className='relative h-[88px] rounded-lg bg-components-input-bg-normal px-3 py-2'>
+          <div className="py-2">
+            <div className="mb-1 text-sm font-medium text-text-primary">{t('appDebug.feature.moderation.modal.provider.keywords')}</div>
+            <div className="mb-2 text-xs text-text-tertiary">{t('appDebug.feature.moderation.modal.keywords.tip')}</div>
+            <div className="relative h-[88px] rounded-lg bg-components-input-bg-normal px-3 py-2">
               <textarea
                 value={localeData.config?.keywords || ''}
                 onChange={handleDataKeywordsChange}
-                className='block h-full w-full resize-none appearance-none bg-transparent text-sm text-text-secondary outline-none'
+                className="block h-full w-full resize-none appearance-none bg-transparent text-sm text-text-secondary outline-none"
                 placeholder={t('appDebug.feature.moderation.modal.keywords.placeholder') || ''}
               />
-              <div className='absolute bottom-2 right-2 flex h-5 items-center rounded-md bg-background-section px-1 text-xs font-medium text-text-quaternary'>
-                <span>{(localeData.config?.keywords || '').split('\n').filter(Boolean).length}</span>/<span className='text-text-tertiary'>100 {t('appDebug.feature.moderation.modal.keywords.line')}</span>
+              <div className="absolute bottom-2 right-2 flex h-5 items-center rounded-md bg-background-section px-1 text-xs font-medium text-text-quaternary">
+                <span>{(localeData.config?.keywords || '').split('\n').filter(Boolean).length}</span>
+                /
+                <span className="text-text-tertiary">
+                  100
+                  {t('appDebug.feature.moderation.modal.keywords.line')}
+                </span>
               </div>
             </div>
           </div>
@@ -308,15 +316,16 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
       }
       {
         localeData.type === 'api' && (
-          <div className='py-2'>
-            <div className='flex h-9 items-center justify-between'>
-              <div className='text-sm font-medium text-text-primary'>{t('common.apiBasedExtension.selector.title')}</div>
+          <div className="py-2">
+            <div className="flex h-9 items-center justify-between">
+              <div className="text-sm font-medium text-text-primary">{t('common.apiBasedExtension.selector.title')}</div>
               <a
                 href={docLink('/guides/extension/api-based-extension/README')}
-                target='_blank' rel='noopener noreferrer'
-                className='group flex items-center text-xs text-text-tertiary hover:text-primary-600'
+                target="_blank"
+                rel="noopener noreferrer"
+                className="group flex items-center text-xs text-text-tertiary hover:text-primary-600"
               >
-                <BookOpen01 className='mr-1 h-3 w-3 text-text-tertiary group-hover:text-primary-600' />
+                <BookOpen01 className="mr-1 h-3 w-3 text-text-tertiary group-hover:text-primary-600" />
                 {t('common.apiBasedExtension.link')}
               </a>
             </div>
@@ -338,7 +347,7 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
           />
         )
       }
-      <Divider bgStyle='gradient' className='my-3 h-px' />
+      <Divider bgStyle="gradient" className="my-3 h-px" />
       <ModerationContent
         title={t('appDebug.feature.moderation.modal.content.input') || ''}
         config={localeData.config?.inputs_config || { enabled: false, preset_response: '' }}
@@ -353,16 +362,16 @@ const ModerationSettingModal: FC<ModerationSettingModalProps> = ({
         info={(localeData.type === 'api' && t('appDebug.feature.moderation.modal.content.fromApi')) || ''}
         showPreset={localeData.type !== 'api'}
       />
-      <div className='mb-8 mt-1 text-xs font-medium text-text-tertiary'>{t('appDebug.feature.moderation.modal.content.condition')}</div>
-      <div className='flex items-center justify-end'>
+      <div className="mb-8 mt-1 text-xs font-medium text-text-tertiary">{t('appDebug.feature.moderation.modal.content.condition')}</div>
+      <div className="flex items-center justify-end">
         <Button
           onClick={onCancel}
-          className='mr-2'
+          className="mr-2"
         >
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
+          variant="primary"
           onClick={handleSave}
           disabled={localeData.type === 'openai_moderation' && !isOpenAIProviderConfigured}
         >
diff --git a/web/app/components/base/features/new-feature-panel/more-like-this.tsx b/web/app/components/base/features/new-feature-panel/more-like-this.tsx
index 20e5abff0d..4e2fbe07ac 100644
--- a/web/app/components/base/features/new-feature-panel/more-like-this.tsx
+++ b/web/app/components/base/features/new-feature-panel/more-like-this.tsx
@@ -1,10 +1,10 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { RiSparklingFill } from '@remixicon/react'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { RiSparklingFill } from '@remixicon/react'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { FeatureEnum } from '@/app/components/base/features/types'
 
 type Props = {
@@ -39,11 +39,11 @@ const MoreLikeThis = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs'>
-          <RiSparklingFill className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-light-blue-light-500 p-1 shadow-xs">
+          <RiSparklingFill className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.moreLikeThis.title')}
       tooltip={t('appDebug.feature.moreLikeThis.tip')}
       value={!!features.moreLikeThis?.enabled}
diff --git a/web/app/components/base/features/new-feature-panel/speech-to-text.tsx b/web/app/components/base/features/new-feature-panel/speech-to-text.tsx
index 2c5f9d0f53..136f7f32fa 100644
--- a/web/app/components/base/features/new-feature-panel/speech-to-text.tsx
+++ b/web/app/components/base/features/new-feature-panel/speech-to-text.tsx
@@ -1,11 +1,11 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { Microphone01 } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import { FeatureEnum } from '@/app/components/base/features/types'
+import { Microphone01 } from '@/app/components/base/icons/src/vender/features'
 
 type Props = {
   disabled: boolean
@@ -39,11 +39,11 @@ const SpeechToText = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs'>
-          <Microphone01 className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs">
+          <Microphone01 className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.speechToText.title')}
       value={!!features.speech2text?.enabled}
       description={t('appDebug.feature.speechToText.description')!}
diff --git a/web/app/components/base/features/new-feature-panel/text-to-speech/index.tsx b/web/app/components/base/features/new-feature-panel/text-to-speech/index.tsx
index 7d5d39cdb1..482a3634cc 100644
--- a/web/app/components/base/features/new-feature-panel/text-to-speech/index.tsx
+++ b/web/app/components/base/features/new-feature-panel/text-to-speech/index.tsx
@@ -1,14 +1,14 @@
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import { RiEqualizer2Line } from '@remixicon/react'
+import { produce } from 'immer'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { RiEqualizer2Line } from '@remixicon/react'
-import { TextToAudio } from '@/app/components/base/icons/src/vender/features'
-import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
 import Button from '@/app/components/base/button'
-import VoiceSettings from '@/app/components/base/features/new-feature-panel/text-to-speech/voice-settings'
 import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import FeatureCard from '@/app/components/base/features/new-feature-panel/feature-card'
+import VoiceSettings from '@/app/components/base/features/new-feature-panel/text-to-speech/voice-settings'
 import { FeatureEnum } from '@/app/components/base/features/types'
+import { TextToAudio } from '@/app/components/base/icons/src/vender/features'
 import { languages } from '@/i18n-config/language'
 import { TtsAutoPlay } from '@/types/app'
 
@@ -48,11 +48,11 @@ const TextToSpeech = ({
 
   return (
     <FeatureCard
-      icon={
-        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs'>
-          <TextToAudio className='h-4 w-4 text-text-primary-on-surface' />
+      icon={(
+        <div className="shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-violet-violet-600 p-1 shadow-xs">
+          <TextToAudio className="h-4 w-4 text-text-primary-on-surface" />
         </div>
-      }
+      )}
       title={t('appDebug.feature.textToSpeech.title')}
       value={!!features.text2speech?.enabled}
       onChange={state => handleChange(FeatureEnum.text2speech, state)}
@@ -62,32 +62,32 @@ const TextToSpeech = ({
     >
       <>
         {!features.text2speech?.enabled && (
-          <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{t('appDebug.feature.textToSpeech.description')}</div>
+          <div className="system-xs-regular line-clamp-2 min-h-8 text-text-tertiary">{t('appDebug.feature.textToSpeech.description')}</div>
         )}
         {!!features.text2speech?.enabled && (
           <>
             {!isHovering && !modalOpen && (
-              <div className='flex items-center gap-4 pt-0.5'>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.voice.voiceSettings.language')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{languageInfo?.name || '-'}</div>
+              <div className="flex items-center gap-4 pt-0.5">
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.voice.voiceSettings.language')}</div>
+                  <div className="system-xs-regular text-text-secondary">{languageInfo?.name || '-'}</div>
                 </div>
-                <div className='h-[27px] w-px rotate-12 bg-divider-subtle'></div>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.voice.voiceSettings.voice')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{features.text2speech?.voice || t('appDebug.voice.defaultDisplay')}</div>
+                <div className="h-[27px] w-px rotate-12 bg-divider-subtle"></div>
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.voice.voiceSettings.voice')}</div>
+                  <div className="system-xs-regular text-text-secondary">{features.text2speech?.voice || t('appDebug.voice.defaultDisplay')}</div>
                 </div>
-                <div className='h-[27px] w-px rotate-12 bg-divider-subtle'></div>
-                <div className=''>
-                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.voice.voiceSettings.autoPlay')}</div>
-                  <div className='system-xs-regular text-text-secondary'>{features.text2speech?.autoPlay === TtsAutoPlay.enabled ? t('appDebug.voice.voiceSettings.autoPlayEnabled') : t('appDebug.voice.voiceSettings.autoPlayDisabled')}</div>
+                <div className="h-[27px] w-px rotate-12 bg-divider-subtle"></div>
+                <div className="">
+                  <div className="system-2xs-medium-uppercase mb-0.5 text-text-tertiary">{t('appDebug.voice.voiceSettings.autoPlay')}</div>
+                  <div className="system-xs-regular text-text-secondary">{features.text2speech?.autoPlay === TtsAutoPlay.enabled ? t('appDebug.voice.voiceSettings.autoPlayEnabled') : t('appDebug.voice.voiceSettings.autoPlayDisabled')}</div>
                 </div>
               </div>
             )}
             {(isHovering || modalOpen) && (
               <VoiceSettings open={modalOpen && !disabled} onOpen={setModalOpen} onChange={onChange}>
-                <Button className='w-full' disabled={disabled}>
-                  <RiEqualizer2Line className='mr-1 h-4 w-4' />
+                <Button className="w-full" disabled={disabled}>
+                  <RiEqualizer2Line className="mr-1 h-4 w-4" />
                   {t('appDebug.voice.voiceSettings.title')}
                 </Button>
               </VoiceSettings>
diff --git a/web/app/components/base/features/new-feature-panel/text-to-speech/param-config-content.tsx b/web/app/components/base/features/new-feature-panel/text-to-speech/param-config-content.tsx
index ab67a0bae0..53117d7999 100644
--- a/web/app/components/base/features/new-feature-panel/text-to-speech/param-config-content.tsx
+++ b/web/app/components/base/features/new-feature-panel/text-to-speech/param-config-content.tsx
@@ -1,21 +1,21 @@
 'use client'
-import { produce } from 'immer'
-import React, { Fragment } from 'react'
-import { usePathname } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
+import type { Item } from '@/app/components/base/select'
 import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition } from '@headlessui/react'
 import { CheckIcon, ChevronDownIcon } from '@heroicons/react/20/solid'
-import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
-import type { Item } from '@/app/components/base/select'
-import Tooltip from '@/app/components/base/tooltip'
-import Switch from '@/app/components/base/switch'
+import { RiCloseLine } from '@remixicon/react'
+import { produce } from 'immer'
+import { usePathname } from 'next/navigation'
+import React, { Fragment } from 'react'
+import { useTranslation } from 'react-i18next'
 import AudioBtn from '@/app/components/base/audio-btn'
+import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
 import { languages } from '@/i18n-config/language'
-import { TtsAutoPlay } from '@/types/app'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
-import { cn } from '@/utils/classnames'
 import { useAppVoices } from '@/service/use-apps'
+import { TtsAutoPlay } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 type VoiceParamConfigProps = {
   onClose: () => void
@@ -64,22 +64,23 @@ const VoiceParamConfig = ({
 
   return (
     <>
-      <div className='mb-4 flex items-center justify-between'>
-        <div className='system-xl-semibold text-text-primary'>{t('appDebug.voice.voiceSettings.title')}</div>
-        <div className='cursor-pointer p-1' onClick={onClose}><RiCloseLine className='h-4 w-4 text-text-tertiary' /></div>
+      <div className="mb-4 flex items-center justify-between">
+        <div className="system-xl-semibold text-text-primary">{t('appDebug.voice.voiceSettings.title')}</div>
+        <div className="cursor-pointer p-1" onClick={onClose}><RiCloseLine className="h-4 w-4 text-text-tertiary" /></div>
       </div>
-      <div className='mb-3'>
-        <div className='system-sm-semibold mb-1 flex items-center py-1 text-text-secondary'>
+      <div className="mb-3">
+        <div className="system-sm-semibold mb-1 flex items-center py-1 text-text-secondary">
           {t('appDebug.voice.voiceSettings.language')}
           <Tooltip
-            popupContent={
-              <div className='w-[180px]'>
+            popupContent={(
+              <div className="w-[180px]">
                 {t('appDebug.voice.voiceSettings.resolutionTooltip').split('\n').map(item => (
-                  <div key={item}>{item}
+                  <div key={item}>
+                    {item}
                   </div>
                 ))}
               </div>
-            }
+            )}
           />
         </div>
         <Listbox
@@ -90,9 +91,10 @@ const VoiceParamConfig = ({
             })
           }}
         >
-          <div className='relative h-8'>
+          <div className="relative h-8">
             <ListboxButton
-              className={'h-full w-full cursor-pointer rounded-lg border-0 bg-components-input-bg-normal py-1.5 pl-3 pr-10 focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6'}>
+              className="h-full w-full cursor-pointer rounded-lg border-0 bg-components-input-bg-normal py-1.5 pl-3 pr-10 focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6"
+            >
               <span className={cn('block truncate text-left text-text-secondary', !languageItem?.name && 'text-text-tertiary')}>
                 {languageItem?.name ? t(`common.voice.language.${languageItem?.value.replace('-', '')}`) : localLanguagePlaceholder}
               </span>
@@ -111,20 +113,22 @@ const VoiceParamConfig = ({
             >
 
               <ListboxOptions
-                className="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg px-1 py-1 text-base shadow-lg focus:outline-none sm:text-sm">
+                className="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg px-1 py-1 text-base shadow-lg focus:outline-none sm:text-sm"
+              >
                 {languages.map((item: Item) => (
                   <ListboxOption
                     key={item.value}
-                    className={
-                      'relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover data-[active]:bg-state-base-active'
-                    }
+                    className="relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover data-[active]:bg-state-base-active"
                     value={item}
                     disabled={false}
                   >
                     {({ /* active, */ selected }) => (
                       <>
                         <span
-                          className={cn('block', selected && 'font-normal')}>{t(`common.voice.language.${(item.value).toString().replace('-', '')}`)}</span>
+                          className={cn('block', selected && 'font-normal')}
+                        >
+                          {t(`common.voice.language.${(item.value).toString().replace('-', '')}`)}
+                        </span>
                         {(selected || item.value === text2speech?.language) && (
                           <span
                             className={cn('absolute inset-y-0 right-0 flex items-center pr-4 text-text-secondary')}
@@ -141,11 +145,11 @@ const VoiceParamConfig = ({
           </div>
         </Listbox>
       </div>
-      <div className='mb-3'>
-        <div className='system-sm-semibold mb-1 py-1 text-text-secondary'>
+      <div className="mb-3">
+        <div className="system-sm-semibold mb-1 py-1 text-text-secondary">
           {t('appDebug.voice.voiceSettings.voice')}
         </div>
-        <div className='flex items-center gap-1'>
+        <div className="flex items-center gap-1">
           <Listbox
             value={voiceItem ?? {}}
             disabled={!languageItem}
@@ -155,11 +159,15 @@ const VoiceParamConfig = ({
               })
             }}
           >
-            <div className={'relative h-8 grow'}>
+            <div className="relative h-8 grow">
               <ListboxButton
-                className={'h-full w-full cursor-pointer rounded-lg border-0 bg-components-input-bg-normal py-1.5 pl-3 pr-10 focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6'}>
+                className="h-full w-full cursor-pointer rounded-lg border-0 bg-components-input-bg-normal py-1.5 pl-3 pr-10 focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6"
+              >
                 <span
-                  className={cn('block truncate text-left text-text-secondary', !voiceItem?.name && 'text-text-tertiary')}>{voiceItem?.name ?? localVoicePlaceholder}</span>
+                  className={cn('block truncate text-left text-text-secondary', !voiceItem?.name && 'text-text-tertiary')}
+                >
+                  {voiceItem?.name ?? localVoicePlaceholder}
+                </span>
                 <span className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
                   <ChevronDownIcon
                     className="h-4 w-4 text-text-tertiary"
@@ -175,13 +183,12 @@ const VoiceParamConfig = ({
               >
 
                 <ListboxOptions
-                  className="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg px-1 py-1 text-base shadow-lg focus:outline-none sm:text-sm">
+                  className="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg px-1 py-1 text-base shadow-lg focus:outline-none sm:text-sm"
+                >
                   {voiceItems?.map((item: Item) => (
                     <ListboxOption
                       key={item.value}
-                      className={
-                        'relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover data-[active]:bg-state-base-active'
-                      }
+                      className="relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover data-[active]:bg-state-base-active"
                       value={item}
                       disabled={false}
                     >
@@ -204,7 +211,7 @@ const VoiceParamConfig = ({
             </div>
           </Listbox>
           {languageItem?.example && (
-            <div className='h-8 shrink-0 rounded-lg bg-components-button-tertiary-bg p-1'>
+            <div className="h-8 shrink-0 rounded-lg bg-components-button-tertiary-bg p-1">
               <AudioBtn
                 value={languageItem?.example}
                 isAudition
@@ -216,10 +223,11 @@ const VoiceParamConfig = ({
         </div>
       </div>
       <div>
-        <div className='system-sm-semibold mb-1 py-1 text-text-secondary'>
+        <div className="system-sm-semibold mb-1 py-1 text-text-secondary">
           {t('appDebug.voice.voiceSettings.autoPlay')}
         </div>
-        <Switch className='shrink-0'
+        <Switch
+          className="shrink-0"
           defaultValue={text2speech?.autoPlay === TtsAutoPlay.enabled}
           onChange={(value: boolean) => {
             handleChange({
diff --git a/web/app/components/base/features/new-feature-panel/text-to-speech/voice-settings.tsx b/web/app/components/base/features/new-feature-panel/text-to-speech/voice-settings.tsx
index 3c77897fa8..3717c76352 100644
--- a/web/app/components/base/features/new-feature-panel/text-to-speech/voice-settings.tsx
+++ b/web/app/components/base/features/new-feature-panel/text-to-speech/voice-settings.tsx
@@ -1,12 +1,12 @@
 'use client'
+import type { OnFeaturesChange } from '@/app/components/base/features/types'
 import { memo } from 'react'
+import ParamConfigContent from '@/app/components/base/features/new-feature-panel/text-to-speech/param-config-content'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import ParamConfigContent from '@/app/components/base/features/new-feature-panel/text-to-speech/param-config-content'
-import type { OnFeaturesChange } from '@/app/components/base/features/types'
 
 type VoiceSettingsProps = {
   open: boolean
@@ -33,11 +33,11 @@ const VoiceSettings = ({
         mainAxis: placementLeft ? 32 : 4,
       }}
     >
-      <PortalToFollowElemTrigger className='flex' onClick={() => !disabled && onOpen((open: boolean) => !open)}>
+      <PortalToFollowElemTrigger className="flex" onClick={() => !disabled && onOpen((open: boolean) => !open)}>
         {children}
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 50 }}>
-        <div className='w-[360px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-2xl'>
+        <div className="w-[360px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-4 shadow-2xl">
           <ParamConfigContent onClose={() => onOpen(false)} onChange={onChange} />
         </div>
       </PortalToFollowElemContent>
diff --git a/web/app/components/base/features/store.ts b/web/app/components/base/features/store.ts
index 2b8c3f7073..7a4fe47663 100644
--- a/web/app/components/base/features/store.ts
+++ b/web/app/components/base/features/store.ts
@@ -1,5 +1,5 @@
-import { createStore } from 'zustand'
 import type { Features } from './types'
+import { createStore } from 'zustand'
 import { Resolution, TransferMethod } from '@/types/app'
 
 export type FeaturesModal = {
diff --git a/web/app/components/base/features/types.ts b/web/app/components/base/features/types.ts
index 06c55d0cb5..f576a4f5d4 100644
--- a/web/app/components/base/features/types.ts
+++ b/web/app/components/base/features/types.ts
@@ -1,5 +1,5 @@
-import type { Resolution, TransferMethod, TtsAutoPlay } from '@/types/app'
 import type { FileUploadConfigResponse } from '@/models/common'
+import type { Resolution, TransferMethod, TtsAutoPlay } from '@/types/app'
 
 export type EnabledOrDisabled = {
   enabled?: boolean
diff --git a/web/app/components/base/file-icon/index.stories.tsx b/web/app/components/base/file-icon/index.stories.tsx
index dbd3e13fea..21f9c3111c 100644
--- a/web/app/components/base/file-icon/index.stories.tsx
+++ b/web/app/components/base/file-icon/index.stories.tsx
@@ -35,7 +35,10 @@ export const Default: Story = {
   render: args => (
     <div className="flex items-center gap-4 rounded-lg border border-divider-subtle bg-components-panel-bg p-4">
       <FileIcon {...args} />
-      <span className="text-sm text-text-secondary">Extension: {args.type}</span>
+      <span className="text-sm text-text-secondary">
+        Extension:
+        {args.type}
+      </span>
     </div>
   ),
   parameters: {
diff --git a/web/app/components/base/file-icon/index.tsx b/web/app/components/base/file-icon/index.tsx
index 6b217b17c1..810deb09bb 100644
--- a/web/app/components/base/file-icon/index.tsx
+++ b/web/app/components/base/file-icon/index.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import { Notion } from '@/app/components/base/icons/src/public/common'
 import {
   Csv,
   Doc,
@@ -11,7 +12,6 @@ import {
   Unknown,
   Xlsx,
 } from '@/app/components/base/icons/src/public/files'
-import { Notion } from '@/app/components/base/icons/src/public/common'
 
 type FileIconProps = {
   type: string
diff --git a/web/app/components/base/file-thumb/image-render.tsx b/web/app/components/base/file-thumb/image-render.tsx
index 1b3c2760a6..f21f0a84e5 100644
--- a/web/app/components/base/file-thumb/image-render.tsx
+++ b/web/app/components/base/file-thumb/image-render.tsx
@@ -10,9 +10,9 @@ const ImageRender = ({
   name,
 }: ImageRenderProps) => {
   return (
-    <div className='size-full border-[2px] border-effects-image-frame shadow-xs'>
+    <div className="size-full border-[2px] border-effects-image-frame shadow-xs">
       <img
-        className='size-full object-cover'
+        className="size-full object-cover"
         src={sourceUrl}
         alt={name}
       />
diff --git a/web/app/components/base/file-thumb/index.tsx b/web/app/components/base/file-thumb/index.tsx
index 36d1a91533..e3601c445a 100644
--- a/web/app/components/base/file-thumb/index.tsx
+++ b/web/app/components/base/file-thumb/index.tsx
@@ -1,11 +1,11 @@
-import React, { useCallback } from 'react'
-import ImageRender from './image-render'
 import type { VariantProps } from 'class-variance-authority'
 import { cva } from 'class-variance-authority'
+import React, { useCallback } from 'react'
 import { cn } from '@/utils/classnames'
-import { getFileAppearanceType } from '../file-uploader/utils'
 import { FileTypeIcon } from '../file-uploader'
+import { getFileAppearanceType } from '../file-uploader/utils'
 import Tooltip from '../tooltip'
+import ImageRender from './image-render'
 
 const FileThumbVariants = cva(
   'flex items-center justify-center cursor-pointer',
@@ -54,8 +54,8 @@ const FileThumb = ({
   return (
     <Tooltip
       popupContent={name}
-      popupClassName='p-1.5 rounded-lg system-xs-medium text-text-secondary'
-      position='top'
+      popupClassName="p-1.5 rounded-lg system-xs-medium text-text-secondary"
+      position="top"
     >
       <div
         className={cn(
@@ -67,17 +67,19 @@ const FileThumb = ({
         onClick={handleClick}
       >
         {
-          isImage ? (
-            <ImageRender
-              sourceUrl={sourceUrl}
-              name={name}
-            />
-          ) : (
-            <FileTypeIcon
-              type={getFileAppearanceType(name, mimeType)}
-              size='sm'
-            />
-          )
+          isImage
+            ? (
+                <ImageRender
+                  sourceUrl={sourceUrl}
+                  name={name}
+                />
+              )
+            : (
+                <FileTypeIcon
+                  type={getFileAppearanceType(name, mimeType)}
+                  size="sm"
+                />
+              )
         }
       </div>
     </Tooltip>
diff --git a/web/app/components/base/file-uploader/audio-preview.tsx b/web/app/components/base/file-uploader/audio-preview.tsx
index 22d244af9d..80ccc6225c 100644
--- a/web/app/components/base/file-uploader/audio-preview.tsx
+++ b/web/app/components/base/file-uploader/audio-preview.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
-import { createPortal } from 'react-dom'
 import { RiCloseLine } from '@remixicon/react'
 import React from 'react'
+import { createPortal } from 'react-dom'
 
 import { useHotkeys } from 'react-hotkeys-hook'
 
@@ -19,7 +19,7 @@ const AudioPreview: FC<AudioPreviewProps> = ({
 
   return createPortal(
     <div
-      className='fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8'
+      className="fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8"
       onClick={e => e.stopPropagation()}
       tabIndex={-1}
     >
@@ -28,15 +28,15 @@ const AudioPreview: FC<AudioPreviewProps> = ({
           <source
             type="audio/mpeg"
             src={url}
-            className='max-h-full max-w-full'
+            className="max-h-full max-w-full"
           />
         </audio>
       </div>
       <div
-        className='absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]'
+        className="absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]"
         onClick={onCancel}
       >
-        <RiCloseLine className='h-4 w-4 text-gray-500'/>
+        <RiCloseLine className="h-4 w-4 text-gray-500" />
       </div>
     </div>,
     document.body,
diff --git a/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx b/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
index b9d22c0325..a9e05344f2 100644
--- a/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
+++ b/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
@@ -1,21 +1,21 @@
+import type { FileUpload } from '@/app/components/base/features/types'
+import { RiUploadCloud2Line } from '@remixicon/react'
 import {
   memo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiUploadCloud2Line } from '@remixicon/react'
-import FileInput from '../file-input'
-import { useFile } from '../hooks'
-import { useStore } from '../store'
-import { FILE_URL_REGEX } from '../constants'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import type { FileUpload } from '@/app/components/base/features/types'
 import { cn } from '@/utils/classnames'
+import { FILE_URL_REGEX } from '../constants'
+import FileInput from '../file-input'
+import { useFile } from '../hooks'
+import { useStore } from '../store'
 
 type FileFromLinkOrLocalProps = {
   showFromLink?: boolean
@@ -51,7 +51,7 @@ const FileFromLinkOrLocal = ({
 
   return (
     <PortalToFollowElem
-      placement='top'
+      placement="top"
       offset={4}
       open={open}
       onOpenChange={setOpen}
@@ -59,17 +59,18 @@ const FileFromLinkOrLocal = ({
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)} asChild>
         {trigger(open)}
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1001]'>
-        <div className='w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-3 shadow-lg'>
+      <PortalToFollowElemContent className="z-[1001]">
+        <div className="w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-3 shadow-lg">
           {
             showFromLink && (
               <>
                 <div className={cn(
                   'flex h-8 items-center rounded-lg border border-components-input-border-active bg-components-input-bg-active p-1 shadow-xs',
                   showError && 'border-components-input-border-destructive',
-                )}>
+                )}
+                >
                   <input
-                    className='system-sm-regular mr-0.5 block grow appearance-none bg-transparent px-1 outline-none'
+                    className="system-sm-regular mr-0.5 block grow appearance-none bg-transparent px-1 outline-none"
                     placeholder={t('common.fileUploader.pasteFileLinkInputPlaceholder') || ''}
                     value={url}
                     onChange={(e) => {
@@ -79,9 +80,9 @@ const FileFromLinkOrLocal = ({
                     disabled={disabled}
                   />
                   <Button
-                    className='shrink-0'
-                    size='small'
-                    variant='primary'
+                    className="shrink-0"
+                    size="small"
+                    variant="primary"
                     disabled={!url || disabled}
                     onClick={handleSaveUrl}
                   >
@@ -90,7 +91,7 @@ const FileFromLinkOrLocal = ({
                 </div>
                 {
                   showError && (
-                    <div className='body-xs-regular mt-0.5 text-text-destructive'>
+                    <div className="body-xs-regular mt-0.5 text-text-destructive">
                       {t('common.fileUploader.pasteFileLinkInvalid')}
                     </div>
                   )
@@ -100,21 +101,21 @@ const FileFromLinkOrLocal = ({
           }
           {
             showFromLink && showFromLocal && (
-              <div className='system-2xs-medium-uppercase flex h-7 items-center p-2 text-text-quaternary'>
-                <div className='mr-2 h-px w-[93px] bg-gradient-to-l from-[rgba(16,24,40,0.08)]' />
+              <div className="system-2xs-medium-uppercase flex h-7 items-center p-2 text-text-quaternary">
+                <div className="mr-2 h-px w-[93px] bg-gradient-to-l from-[rgba(16,24,40,0.08)]" />
                 OR
-                <div className='ml-2 h-px w-[93px] bg-gradient-to-r from-[rgba(16,24,40,0.08)]' />
+                <div className="ml-2 h-px w-[93px] bg-gradient-to-r from-[rgba(16,24,40,0.08)]" />
               </div>
             )
           }
           {
             showFromLocal && (
               <Button
-                className='relative w-full'
-                variant='secondary-accent'
+                className="relative w-full"
+                variant="secondary-accent"
                 disabled={disabled}
               >
-                <RiUploadCloud2Line className='mr-1 h-4 w-4' />
+                <RiUploadCloud2Line className="mr-1 h-4 w-4" />
                 {t('common.fileUploader.uploadFromComputer')}
                 <FileInput fileConfig={fileConfig} />
               </Button>
diff --git a/web/app/components/base/file-uploader/file-input.tsx b/web/app/components/base/file-uploader/file-input.tsx
index ba3badea58..56d71f59ab 100644
--- a/web/app/components/base/file-uploader/file-input.tsx
+++ b/web/app/components/base/file-uploader/file-input.tsx
@@ -1,8 +1,8 @@
-import { useFile } from './hooks'
-import { useStore } from './store'
 import type { FileUpload } from '@/app/components/base/features/types'
 import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { useFile } from './hooks'
+import { useStore } from './store'
 
 type FileInputProps = {
   fileConfig: FileUpload
@@ -35,9 +35,9 @@ const FileInput = ({
 
   return (
     <input
-      className='absolute inset-0 block w-full cursor-pointer text-[0] opacity-0 disabled:cursor-not-allowed'
+      className="absolute inset-0 block w-full cursor-pointer text-[0] opacity-0 disabled:cursor-not-allowed"
       onClick={e => ((e.target as HTMLInputElement).value = '')}
-      type='file'
+      type="file"
       onChange={handleChange}
       accept={accept}
       disabled={!!(fileConfig.number_limits && files.length >= fileConfig?.number_limits)}
diff --git a/web/app/components/base/file-uploader/file-list-in-log.tsx b/web/app/components/base/file-uploader/file-list-in-log.tsx
index 76d5c1412e..d35e6e096a 100644
--- a/web/app/components/base/file-uploader/file-list-in-log.tsx
+++ b/web/app/components/base/file-uploader/file-list-in-log.tsx
@@ -1,16 +1,16 @@
+import type { FileEntity } from './types'
+import { RiArrowRightSLine } from '@remixicon/react'
 import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowRightSLine } from '@remixicon/react'
-import FileImageRender from './file-image-render'
-import FileTypeIcon from './file-type-icon'
-import FileItem from './file-uploader-in-attachment/file-item'
-import type { FileEntity } from './types'
-import {
-  getFileAppearanceType,
-} from './utils'
 import Tooltip from '@/app/components/base/tooltip'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import FileImageRender from './file-image-render'
+import FileTypeIcon from './file-type-icon'
+import FileItem from './file-uploader-in-attachment/file-item'
+import {
+  getFileAppearanceType,
+} from './utils'
 
 type Props = {
   fileList: {
@@ -36,12 +36,12 @@ const FileListInLog = ({ fileList, isExpanded = false, noBorder = false, noPaddi
 
   return (
     <div className={cn('px-3 py-2', expanded && 'py-3', !noBorder && 'border-t border-divider-subtle', noPadding && '!p-0')}>
-      <div className='flex justify-between gap-1'>
+      <div className="flex justify-between gap-1">
         {expanded && (
-          <div className='system-xs-semibold-uppercase grow cursor-pointer py-1 text-text-secondary' onClick={() => setExpanded(!expanded)}>{t('appLog.runDetail.fileListLabel')}</div>
+          <div className="system-xs-semibold-uppercase grow cursor-pointer py-1 text-text-secondary" onClick={() => setExpanded(!expanded)}>{t('appLog.runDetail.fileListLabel')}</div>
         )}
         {!expanded && (
-          <div className='flex gap-1'>
+          <div className="flex gap-1">
             {fullList.map((file) => {
               const { id, name, type, supportFileType, base64Url, url } = file
               const isImageFile = supportFileType === SupportUploadFileTypes.image
@@ -53,7 +53,7 @@ const FileListInLog = ({ fileList, isExpanded = false, noBorder = false, noPaddi
                     >
                       <div key={id}>
                         <FileImageRender
-                          className='h-8 w-8'
+                          className="h-8 w-8"
                           imageUrl={base64Url || url || ''}
                         />
                       </div>
@@ -63,10 +63,10 @@ const FileListInLog = ({ fileList, isExpanded = false, noBorder = false, noPaddi
                     <Tooltip
                       popupContent={name}
                     >
-                      <div key={id} className='rounded-md border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-1.5 shadow-xs'>
+                      <div key={id} className="rounded-md border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-1.5 shadow-xs">
                         <FileTypeIcon
                           type={getFileAppearanceType(name, type)}
-                          size='lg'
+                          size="lg"
                         />
                       </div>
                     </Tooltip>
@@ -76,16 +76,16 @@ const FileListInLog = ({ fileList, isExpanded = false, noBorder = false, noPaddi
             })}
           </div>
         )}
-        <div className='flex cursor-pointer items-center gap-1' onClick={() => setExpanded(!expanded)}>
-          {!expanded && <div className='system-xs-medium-uppercase text-text-tertiary'>{t('appLog.runDetail.fileListDetail')}</div>}
+        <div className="flex cursor-pointer items-center gap-1" onClick={() => setExpanded(!expanded)}>
+          {!expanded && <div className="system-xs-medium-uppercase text-text-tertiary">{t('appLog.runDetail.fileListDetail')}</div>}
           <RiArrowRightSLine className={cn('h-4 w-4 text-text-tertiary', expanded && 'rotate-90')} />
         </div>
       </div>
       {expanded && (
-        <div className='flex flex-col gap-3'>
+        <div className="flex flex-col gap-3">
           {fileList.map(item => (
-            <div key={item.varName} className='system-xs-regular flex flex-col gap-1'>
-              <div className='py-1 text-text-tertiary '>{item.varName}</div>
+            <div key={item.varName} className="system-xs-regular flex flex-col gap-1">
+              <div className="py-1 text-text-tertiary ">{item.varName}</div>
               {item.list.map(file => (
                 <FileItem
                   key={file.id}
diff --git a/web/app/components/base/file-uploader/file-list.stories.tsx b/web/app/components/base/file-uploader/file-list.stories.tsx
index 89c0568735..37c828c7f7 100644
--- a/web/app/components/base/file-uploader/file-list.stories.tsx
+++ b/web/app/components/base/file-uploader/file-list.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useState } from 'react'
-import { FileList } from './file-uploader-in-chat-input/file-list'
 import type { FileEntity } from './types'
+import { useState } from 'react'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { TransferMethod } from '@/types/app'
+import { FileList } from './file-uploader-in-chat-input/file-list'
 
 const SAMPLE_IMAGE = 'data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'160\' height=\'160\'><rect width=\'160\' height=\'160\' rx=\'16\' fill=\'#D1E9FF\'/><text x=\'50%\' y=\'50%\' dominant-baseline=\'middle\' text-anchor=\'middle\' font-family=\'sans-serif\' font-size=\'20\' fill=\'#1F2937\'>IMG</text></svg>'
 
diff --git a/web/app/components/base/file-uploader/file-type-icon.tsx b/web/app/components/base/file-uploader/file-type-icon.tsx
index 0d8d69a116..e3133216d6 100644
--- a/web/app/components/base/file-uploader/file-type-icon.tsx
+++ b/web/app/components/base/file-uploader/file-type-icon.tsx
@@ -1,4 +1,4 @@
-import { memo } from 'react'
+import type { FileAppearanceType } from './types'
 import {
   RiFile3Fill,
   RiFileCodeFill,
@@ -13,9 +13,9 @@ import {
   RiFileWordFill,
   RiMarkdownFill,
 } from '@remixicon/react'
-import { FileAppearanceTypeEnum } from './types'
-import type { FileAppearanceType } from './types'
+import { memo } from 'react'
 import { cn } from '@/utils/classnames'
+import { FileAppearanceTypeEnum } from './types'
 
 const FILE_TYPE_ICON_MAP = {
   [FileAppearanceTypeEnum.pdf]: {
diff --git a/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx b/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx
index e9e19d46a5..6ef5bcb308 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-attachment/file-item.tsx
@@ -1,12 +1,22 @@
-import {
-  memo,
-  useState,
-} from 'react'
+import type { FileEntity } from '../types'
 import {
   RiDeleteBinLine,
   RiDownloadLine,
   RiEyeLine,
 } from '@remixicon/react'
+import {
+  memo,
+  useState,
+} from 'react'
+import ActionButton from '@/app/components/base/action-button'
+import { PreviewMode } from '@/app/components/base/features/types'
+import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
+import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import { formatFileSize } from '@/utils/format'
+import FileImageRender from '../file-image-render'
 import FileTypeIcon from '../file-type-icon'
 import {
   downloadFile,
@@ -14,16 +24,6 @@ import {
   getFileAppearanceType,
   getFileExtension,
 } from '../utils'
-import FileImageRender from '../file-image-render'
-import type { FileEntity } from '../types'
-import ActionButton from '@/app/components/base/action-button'
-import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
-import { formatFileSize } from '@/utils/format'
-import { cn } from '@/utils/classnames'
-import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import ImagePreview from '@/app/components/base/image-uploader/image-preview'
-import { PreviewMode } from '@/app/components/base/features/types'
 
 type FileInAttachmentItemProps = {
   file: FileEntity
@@ -49,21 +49,22 @@ const FileInAttachmentItem = ({
   const [imagePreviewUrl, setImagePreviewUrl] = useState('')
   return (
     <>
-      <div className={cn(
-        'flex h-12 items-center rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg pr-3 shadow-xs',
-        progress === -1 && 'border-state-destructive-border bg-state-destructive-hover',
-        canPreview && previewMode === PreviewMode.NewPage && 'cursor-pointer',
-      )}
-      onClick={() => {
-        if (canPreview && previewMode === PreviewMode.NewPage)
-          window.open(url || base64Url || '', '_blank')
-      }}
+      <div
+        className={cn(
+          'flex h-12 items-center rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg pr-3 shadow-xs',
+          progress === -1 && 'border-state-destructive-border bg-state-destructive-hover',
+          canPreview && previewMode === PreviewMode.NewPage && 'cursor-pointer',
+        )}
+        onClick={() => {
+          if (canPreview && previewMode === PreviewMode.NewPage)
+            window.open(url || base64Url || '', '_blank')
+        }}
       >
-        <div className='flex h-12 w-12 items-center justify-center'>
+        <div className="flex h-12 w-12 items-center justify-center">
           {
             isImageFile && (
               <FileImageRender
-                className='h-8 w-8'
+                className="h-8 w-8"
                 imageUrl={base64Url || url || ''}
               />
             )
@@ -72,19 +73,19 @@ const FileInAttachmentItem = ({
             !isImageFile && (
               <FileTypeIcon
                 type={getFileAppearanceType(name, type)}
-                size='xl'
+                size="xl"
               />
             )
           }
         </div>
-        <div className='mr-1 w-0 grow'>
+        <div className="mr-1 w-0 grow">
           <div
-            className='system-xs-medium mb-0.5 flex items-center truncate text-text-secondary'
+            className="system-xs-medium mb-0.5 flex items-center truncate text-text-secondary"
             title={file.name}
           >
-            <div className='truncate'>{name}</div>
+            <div className="truncate">{name}</div>
           </div>
-          <div className='system-2xs-medium-uppercase flex items-center text-text-tertiary'>
+          <div className="system-2xs-medium-uppercase flex items-center text-text-tertiary">
             {
               ext && (
                 <span>{ext.toLowerCase()}</span>
@@ -92,7 +93,7 @@ const FileInAttachmentItem = ({
             }
             {
               ext && (
-                <span className='system-2xs-medium mx-1'>•</span>
+                <span className="system-2xs-medium mx-1">•</span>
               )
             }
             {
@@ -102,11 +103,11 @@ const FileInAttachmentItem = ({
             }
           </div>
         </div>
-        <div className='flex shrink-0 items-center'>
+        <div className="flex shrink-0 items-center">
           {
             progress >= 0 && !fileIsUploaded(file) && (
               <ProgressCircle
-                className='mr-2.5'
+                className="mr-2.5"
                 percentage={progress}
               />
             )
@@ -114,24 +115,24 @@ const FileInAttachmentItem = ({
           {
             progress === -1 && (
               <ActionButton
-                className='mr-1'
+                className="mr-1"
                 onClick={() => onReUpload?.(id)}
               >
-                <ReplayLine className='h-4 w-4 text-text-tertiary' />
+                <ReplayLine className="h-4 w-4 text-text-tertiary" />
               </ActionButton>
             )
           }
           {
             showDeleteAction && (
               <ActionButton onClick={() => onRemove?.(id)}>
-                <RiDeleteBinLine className='h-4 w-4' />
+                <RiDeleteBinLine className="h-4 w-4" />
               </ActionButton>
             )
           }
           {
             canPreview && isImageFile && (
-              <ActionButton className='mr-1' onClick={() => setImagePreviewUrl(url || '')}>
-                <RiEyeLine className='h-4 w-4' />
+              <ActionButton className="mr-1" onClick={() => setImagePreviewUrl(url || '')}>
+                <RiEyeLine className="h-4 w-4" />
               </ActionButton>
             )
           }
@@ -140,8 +141,9 @@ const FileInAttachmentItem = ({
               <ActionButton onClick={(e) => {
                 e.stopPropagation()
                 downloadFile(url || base64Url || '', name)
-              }}>
-                <RiDownloadLine className='h-4 w-4' />
+              }}
+              >
+                <RiDownloadLine className="h-4 w-4" />
               </ActionButton>
             )
           }
diff --git a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.stories.tsx b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.stories.tsx
index dabb8b6615..aa53ff17d9 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.stories.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.stories.tsx
@@ -1,13 +1,13 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { fn } from 'storybook/test'
-import { useState } from 'react'
-import FileUploaderInAttachmentWrapper from './index'
 import type { FileEntity } from '../types'
 import type { FileUpload } from '@/app/components/base/features/types'
+import { useState } from 'react'
+import { fn } from 'storybook/test'
 import { PreviewMode } from '@/app/components/base/features/types'
-import { TransferMethod } from '@/types/app'
 import { ToastProvider } from '@/app/components/base/toast'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { TransferMethod } from '@/types/app'
+import FileUploaderInAttachmentWrapper from './index'
 
 const SAMPLE_IMAGE = 'data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'128\' height=\'128\'><rect width=\'128\' height=\'128\' rx=\'16\' fill=\'#E0F2FE\'/><text x=\'50%\' y=\'50%\' dominant-baseline=\'middle\' text-anchor=\'middle\' font-family=\'sans-serif\' font-size=\'18\' fill=\'#1F2937\'>IMG</text></svg>'
 
diff --git a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
index 936419b25d..f6f2e82655 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
@@ -1,24 +1,24 @@
-import {
-  useCallback,
-} from 'react'
+import type { FileEntity } from '../types'
+import type { FileUpload } from '@/app/components/base/features/types'
 import {
   RiLink,
   RiUploadCloud2Line,
 } from '@remixicon/react'
+import {
+  useCallback,
+} from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import FileFromLinkOrLocal from '../file-from-link-or-local'
+import FileInput from '../file-input'
+import { useFile } from '../hooks'
 import {
   FileContextProvider,
   useStore,
 } from '../store'
-import type { FileEntity } from '../types'
-import FileInput from '../file-input'
-import { useFile } from '../hooks'
 import FileItem from './file-item'
-import Button from '@/app/components/base/button'
-import { cn } from '@/utils/classnames'
-import type { FileUpload } from '@/app/components/base/features/types'
-import { TransferMethod } from '@/types/app'
 
 type Option = {
   value: string
@@ -43,12 +43,12 @@ const FileUploaderInAttachment = ({
     {
       value: TransferMethod.local_file,
       label: t('common.fileUploader.uploadFromComputer'),
-      icon: <RiUploadCloud2Line className='h-4 w-4' />,
+      icon: <RiUploadCloud2Line className="h-4 w-4" />,
     },
     {
       value: TransferMethod.remote_url,
       label: t('common.fileUploader.pasteFileLink'),
-      icon: <RiLink className='h-4 w-4' />,
+      icon: <RiLink className="h-4 w-4" />,
     },
   ]
 
@@ -56,12 +56,12 @@ const FileUploaderInAttachment = ({
     return (
       <Button
         key={option.value}
-        variant='tertiary'
+        variant="tertiary"
         className={cn('relative grow', open && 'bg-components-button-tertiary-bg-hover')}
         disabled={!!(fileConfig.number_limits && files.length >= fileConfig.number_limits)}
       >
         {option.icon}
-        <span className='ml-1'>{option.label}</span>
+        <span className="ml-1">{option.label}</span>
         {
           option.value === TransferMethod.local_file && (
             <FileInput fileConfig={fileConfig} />
@@ -92,11 +92,11 @@ const FileUploaderInAttachment = ({
   return (
     <div>
       {!isDisabled && (
-        <div className='flex items-center space-x-1'>
+        <div className="flex items-center space-x-1">
           {options.map(renderOption)}
         </div>
       )}
-      <div className='mt-1 space-y-1'>
+      <div className="mt-1 space-y-1">
         {
           files.map(file => (
             <FileItem
diff --git a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
index 5160348002..77dc3e35b8 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
@@ -1,18 +1,18 @@
-import { useState } from 'react'
+import type { FileEntity } from '../types'
 import {
   RiCloseLine,
   RiDownloadLine,
 } from '@remixicon/react'
+import { useState } from 'react'
+import Button from '@/app/components/base/button'
+import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
+import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
 import FileImageRender from '../file-image-render'
-import type { FileEntity } from '../types'
 import {
   downloadFile,
   fileIsUploaded,
 } from '../utils'
-import Button from '@/app/components/base/button'
-import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
-import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
-import ImagePreview from '@/app/components/base/image-uploader/image-preview'
 
 type FileImageItemProps = {
   file: FileEntity
@@ -37,42 +37,42 @@ const FileImageItem = ({
   return (
     <>
       <div
-        className='group/file-image relative cursor-pointer'
+        className="group/file-image relative cursor-pointer"
         onClick={() => canPreview && setImagePreviewUrl(base64Url || url || '')}
       >
         {
           showDeleteAction && (
             <Button
-              className='absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-image:flex'
+              className="absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-image:flex"
               onClick={() => onRemove?.(id)}
             >
-              <RiCloseLine className='h-4 w-4 text-components-button-secondary-text' />
+              <RiCloseLine className="h-4 w-4 text-components-button-secondary-text" />
             </Button>
           )
         }
         <FileImageRender
-          className='h-[68px] w-[68px] shadow-md'
+          className="h-[68px] w-[68px] shadow-md"
           imageUrl={base64Url || url || ''}
           showDownloadAction={showDownloadAction}
         />
         {
           progress >= 0 && !fileIsUploaded(file) && (
-            <div className='absolute inset-0 z-10 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt'>
+            <div className="absolute inset-0 z-10 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt">
               <ProgressCircle
                 percentage={progress}
                 size={12}
-                circleStrokeColor='stroke-components-progress-white-border'
-                circleFillColor='fill-transparent'
-                sectorFillColor='fill-components-progress-white-progress'
+                circleStrokeColor="stroke-components-progress-white-border"
+                circleFillColor="fill-transparent"
+                sectorFillColor="fill-components-progress-white-progress"
               />
             </div>
           )
         }
         {
           progress === -1 && (
-            <div className='absolute inset-0 z-10 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive'>
+            <div className="absolute inset-0 z-10 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive">
               <ReplayLine
-                className='h-5 w-5'
+                className="h-5 w-5"
                 onClick={() => onReUpload?.(id)}
               />
             </div>
@@ -80,15 +80,15 @@ const FileImageItem = ({
         }
         {
           showDownloadAction && (
-            <div className='absolute inset-0.5 z-10 hidden bg-background-overlay-alt bg-opacity-[0.3] group-hover/file-image:block'>
+            <div className="absolute inset-0.5 z-10 hidden bg-background-overlay-alt bg-opacity-[0.3] group-hover/file-image:block">
               <div
-                className='absolute bottom-0.5 right-0.5  flex h-6 w-6 items-center justify-center rounded-lg bg-components-actionbar-bg shadow-md'
+                className="absolute bottom-0.5 right-0.5  flex h-6 w-6 items-center justify-center rounded-lg bg-components-actionbar-bg shadow-md"
                 onClick={(e) => {
                   e.stopPropagation()
                   downloadFile(download_url || '', name)
                 }}
               >
-                <RiDownloadLine className='h-4 w-4 text-text-tertiary' />
+                <RiDownloadLine className="h-4 w-4 text-text-tertiary" />
               </div>
             </div>
           )
diff --git a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx
index 8f3959dca4..828864239a 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx
@@ -1,25 +1,25 @@
+import type { FileEntity } from '../types'
 import {
   RiCloseLine,
   RiDownloadLine,
 } from '@remixicon/react'
 import { useState } from 'react'
+import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
+import AudioPreview from '@/app/components/base/file-uploader/audio-preview'
+import PdfPreview from '@/app/components/base/file-uploader/dynamic-pdf-preview'
+import VideoPreview from '@/app/components/base/file-uploader/video-preview'
+import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
+import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
+import { cn } from '@/utils/classnames'
+import { formatFileSize } from '@/utils/format'
+import FileTypeIcon from '../file-type-icon'
 import {
   downloadFile,
   fileIsUploaded,
   getFileAppearanceType,
   getFileExtension,
 } from '../utils'
-import FileTypeIcon from '../file-type-icon'
-import type { FileEntity } from '../types'
-import { cn } from '@/utils/classnames'
-import { formatFileSize } from '@/utils/format'
-import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
-import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
-import ActionButton from '@/app/components/base/action-button'
-import Button from '@/app/components/base/button'
-import PdfPreview from '@/app/components/base/file-uploader/dynamic-pdf-preview'
-import AudioPreview from '@/app/components/base/file-uploader/audio-preview'
-import VideoPreview from '@/app/components/base/file-uploader/video-preview'
 
 type FileItemProps = {
   file: FileEntity
@@ -60,32 +60,32 @@ const FileItem = ({
         {
           showDeleteAction && (
             <Button
-              className='absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-item:flex'
+              className="absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-item:flex"
               onClick={() => onRemove?.(id)}
             >
-              <RiCloseLine className='h-4 w-4 text-components-button-secondary-text' />
+              <RiCloseLine className="h-4 w-4 text-components-button-secondary-text" />
             </Button>
           )
         }
         <div
-          className='system-xs-medium mb-1 line-clamp-2 h-8 cursor-pointer break-all text-text-tertiary'
+          className="system-xs-medium mb-1 line-clamp-2 h-8 cursor-pointer break-all text-text-tertiary"
           title={name}
           onClick={() => canPreview && setPreviewUrl(tmp_preview_url || '')}
         >
           {name}
         </div>
-        <div className='relative flex items-center justify-between'>
-          <div className='system-2xs-medium-uppercase flex items-center text-text-tertiary'>
+        <div className="relative flex items-center justify-between">
+          <div className="system-2xs-medium-uppercase flex items-center text-text-tertiary">
             <FileTypeIcon
-              size='sm'
+              size="sm"
               type={getFileAppearanceType(name, type)}
-              className='mr-1'
+              className="mr-1"
             />
             {
               ext && (
                 <>
                   {ext}
-                  <div className='mx-1'>·</div>
+                  <div className="mx-1">·</div>
                 </>
               )
             }
@@ -96,14 +96,14 @@ const FileItem = ({
           {
             showDownloadAction && download_url && (
               <ActionButton
-                size='m'
-                className='absolute -right-1 -top-1 hidden group-hover/file-item:flex'
+                size="m"
+                className="absolute -right-1 -top-1 hidden group-hover/file-item:flex"
                 onClick={(e) => {
                   e.stopPropagation()
                   downloadFile(download_url || '', name)
                 }}
               >
-                <RiDownloadLine className='h-3.5 w-3.5 text-text-tertiary' />
+                <RiDownloadLine className="h-3.5 w-3.5 text-text-tertiary" />
               </ActionButton>
             )
           }
@@ -112,14 +112,14 @@ const FileItem = ({
               <ProgressCircle
                 percentage={progress}
                 size={12}
-                className='shrink-0'
+                className="shrink-0"
               />
             )
           }
           {
             uploadError && (
               <ReplayLine
-                className='h-4 w-4 text-text-tertiary'
+                className="h-4 w-4 text-text-tertiary"
                 onClick={() => onReUpload?.(id)}
               />
             )
diff --git a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-list.tsx b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-list.tsx
index 7770d07153..749d3719ff 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-list.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-list.tsx
@@ -1,11 +1,11 @@
-import { useFile } from '../hooks'
-import { useStore } from '../store'
 import type { FileEntity } from '../types'
-import FileImageItem from './file-image-item'
-import FileItem from './file-item'
 import type { FileUpload } from '@/app/components/base/features/types'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import { useFile } from '../hooks'
+import { useStore } from '../store'
+import FileImageItem from './file-image-item'
+import FileItem from './file-item'
 
 type FileListProps = {
   className?: string
diff --git a/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.stories.tsx b/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.stories.tsx
index f4165f64cb..e094a48803 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.stories.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.stories.tsx
@@ -1,13 +1,13 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useState } from 'react'
-import FileUploaderInChatInput from '.'
-import { FileContextProvider } from '../store'
 import type { FileEntity } from '../types'
 import type { FileUpload } from '@/app/components/base/features/types'
+import { useState } from 'react'
+import { ToastProvider } from '@/app/components/base/toast'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { TransferMethod } from '@/types/app'
+import FileUploaderInChatInput from '.'
 import { FileList } from '../file-uploader-in-chat-input/file-list'
-import { ToastProvider } from '@/app/components/base/toast'
+import { FileContextProvider } from '../store'
 
 const mockFiles: FileEntity[] = [
   {
diff --git a/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.tsx b/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.tsx
index 291388ca02..1ae328d67a 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-chat-input/index.tsx
@@ -1,15 +1,15 @@
+import type { FileUpload } from '@/app/components/base/features/types'
+import {
+  RiAttachmentLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
-import {
-  RiAttachmentLine,
-} from '@remixicon/react'
-import FileFromLinkOrLocal from '../file-from-link-or-local'
 import ActionButton from '@/app/components/base/action-button'
-import { cn } from '@/utils/classnames'
-import type { FileUpload } from '@/app/components/base/features/types'
 import { TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import FileFromLinkOrLocal from '../file-from-link-or-local'
 
 type FileUploaderInChatInputProps = {
   fileConfig: FileUpload
@@ -20,10 +20,10 @@ const FileUploaderInChatInput = ({
   const renderTrigger = useCallback((open: boolean) => {
     return (
       <ActionButton
-        size='l'
+        size="l"
         className={cn(open && 'bg-state-base-hover')}
       >
-        <RiAttachmentLine className='h-5 w-5' />
+        <RiAttachmentLine className="h-5 w-5" />
       </ActionButton>
     )
   }, [])
diff --git a/web/app/components/base/file-uploader/hooks.ts b/web/app/components/base/file-uploader/hooks.ts
index 2e72574cfb..2e09f0aa62 100644
--- a/web/app/components/base/file-uploader/hooks.ts
+++ b/web/app/components/base/file-uploader/hooks.ts
@@ -1,20 +1,16 @@
 import type { ClipboardEvent } from 'react'
+import type { FileEntity } from './types'
+import type { FileUpload } from '@/app/components/base/features/types'
+import type { FileUploadConfigResponse } from '@/models/common'
+import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import { useParams } from 'next/navigation'
 import {
   useCallback,
   useState,
 } from 'react'
-import { useParams } from 'next/navigation'
-import { produce } from 'immer'
-import { v4 as uuid4 } from 'uuid'
 import { useTranslation } from 'react-i18next'
-import type { FileEntity } from './types'
-import { useFileStore } from './store'
-import {
-  fileUpload,
-  getFileUploadErrorMessage,
-  getSupportFileType,
-  isAllowedFileExtension,
-} from './utils'
+import { v4 as uuid4 } from 'uuid'
 import {
   AUDIO_SIZE_LIMIT,
   FILE_SIZE_LIMIT,
@@ -23,13 +19,17 @@ import {
   VIDEO_SIZE_LIMIT,
 } from '@/app/components/base/file-uploader/constants'
 import { useToastContext } from '@/app/components/base/toast'
-import { TransferMethod } from '@/types/app'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import type { FileUpload } from '@/app/components/base/features/types'
-import { formatFileSize } from '@/utils/format'
 import { uploadRemoteFileInfo } from '@/service/common'
-import type { FileUploadConfigResponse } from '@/models/common'
-import { noop } from 'lodash-es'
+import { TransferMethod } from '@/types/app'
+import { formatFileSize } from '@/utils/format'
+import { useFileStore } from './store'
+import {
+  fileUpload,
+  getFileUploadErrorMessage,
+  getSupportFileType,
+  isAllowedFileExtension,
+} from './utils'
 
 export const useFileSizeLimit = (fileUploadConfig?: FileUploadConfigResponse) => {
   const imgSizeLimit = Number(fileUploadConfig?.image_file_size_limit) * 1024 * 1024 || IMG_SIZE_LIMIT
diff --git a/web/app/components/base/file-uploader/index.ts b/web/app/components/base/file-uploader/index.ts
index ff5914cf56..1ab4fdae3b 100644
--- a/web/app/components/base/file-uploader/index.ts
+++ b/web/app/components/base/file-uploader/index.ts
@@ -1,7 +1,7 @@
+export { default as FileTypeIcon } from './file-type-icon'
 export { default as FileUploaderInAttachmentWrapper } from './file-uploader-in-attachment'
 export { default as FileItemInAttachment } from './file-uploader-in-attachment/file-item'
 export { default as FileUploaderInChatInput } from './file-uploader-in-chat-input'
-export { default as FileTypeIcon } from './file-type-icon'
+export { default as FileItem } from './file-uploader-in-chat-input/file-item'
 export { FileListInChatInput } from './file-uploader-in-chat-input/file-list'
 export { FileList } from './file-uploader-in-chat-input/file-list'
-export { default as FileItem } from './file-uploader-in-chat-input/file-item'
diff --git a/web/app/components/base/file-uploader/pdf-preview.tsx b/web/app/components/base/file-uploader/pdf-preview.tsx
index f8a02e8daa..30aeccfbeb 100644
--- a/web/app/components/base/file-uploader/pdf-preview.tsx
+++ b/web/app/components/base/file-uploader/pdf-preview.tsx
@@ -1,15 +1,15 @@
 import type { FC } from 'react'
-import { createPortal } from 'react-dom'
-import 'react-pdf-highlighter/dist/style.css'
-import { PdfHighlighter, PdfLoader } from 'react-pdf-highlighter'
-import { t } from 'i18next'
 import { RiCloseLine, RiZoomInLine, RiZoomOutLine } from '@remixicon/react'
-import React, { useState } from 'react'
-import { useHotkeys } from 'react-hotkeys-hook'
-import Loading from '@/app/components/base/loading'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import Tooltip from '@/app/components/base/tooltip'
+import { t } from 'i18next'
 import { noop } from 'lodash-es'
+import React, { useState } from 'react'
+import { createPortal } from 'react-dom'
+import { useHotkeys } from 'react-hotkeys-hook'
+import { PdfHighlighter, PdfLoader } from 'react-pdf-highlighter'
+import Loading from '@/app/components/base/loading'
+import Tooltip from '@/app/components/base/tooltip'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import 'react-pdf-highlighter/dist/style.css'
 
 type PdfPreviewProps = {
   url: string
@@ -53,13 +53,13 @@ const PdfPreview: FC<PdfPreviewProps> = ({
       tabIndex={-1}
     >
       <div
-        className='h-[95vh] max-h-full w-[100vw] max-w-full overflow-hidden'
+        className="h-[95vh] max-h-full w-[100vw] max-w-full overflow-hidden"
         style={{ transform: `scale(${scale})`, transformOrigin: 'center', scrollbarWidth: 'none', msOverflowStyle: 'none' }}
       >
         <PdfLoader
-          workerSrc='/pdf.worker.min.mjs'
+          workerSrc="/pdf.worker.min.mjs"
           url={url}
-          beforeLoad={<div className='flex h-64 items-center justify-center'><Loading type='app' /></div>}
+          beforeLoad={<div className="flex h-64 items-center justify-center"><Loading type="app" /></div>}
         >
           {(pdfDocument) => {
             return (
@@ -69,7 +69,7 @@ const PdfPreview: FC<PdfPreviewProps> = ({
                 scrollRef={noop}
                 onScrollChange={noop}
                 onSelectionFinished={() => null}
-                highlightTransform={() => { return <div/> }}
+                highlightTransform={() => { return <div /> }}
                 highlights={[]}
               />
             )
@@ -77,22 +77,27 @@ const PdfPreview: FC<PdfPreviewProps> = ({
         </PdfLoader>
       </div>
       <Tooltip popupContent={t('common.operation.zoomOut')}>
-        <div className='absolute right-24 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
-          onClick={zoomOut}>
-          <RiZoomOutLine className='h-4 w-4 text-gray-500'/>
+        <div
+          className="absolute right-24 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
+          onClick={zoomOut}
+        >
+          <RiZoomOutLine className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.zoomIn')}>
-        <div className='absolute right-16 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
-          onClick={zoomIn}>
-          <RiZoomInLine className='h-4 w-4 text-gray-500'/>
+        <div
+          className="absolute right-16 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
+          onClick={zoomIn}
+        >
+          <RiZoomInLine className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.cancel')}>
         <div
-          className='absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/8 backdrop-blur-[2px]'
-          onClick={onCancel}>
-          <RiCloseLine className='h-4 w-4 text-gray-500'/>
+          className="absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/8 backdrop-blur-[2px]"
+          onClick={onCancel}
+        >
+          <RiCloseLine className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
     </div>,
diff --git a/web/app/components/base/file-uploader/store.tsx b/web/app/components/base/file-uploader/store.tsx
index 917e5fc646..db3e3622f9 100644
--- a/web/app/components/base/file-uploader/store.tsx
+++ b/web/app/components/base/file-uploader/store.tsx
@@ -1,3 +1,7 @@
+import type {
+  FileEntity,
+} from './types'
+import { isEqual } from 'lodash-es'
 import {
   createContext,
   useContext,
@@ -8,10 +12,6 @@ import {
   create,
   useStore as useZustandStore,
 } from 'zustand'
-import type {
-  FileEntity,
-} from './types'
-import { isEqual } from 'lodash-es'
 
 type Shape = {
   files: FileEntity[]
diff --git a/web/app/components/base/file-uploader/utils.spec.ts b/web/app/components/base/file-uploader/utils.spec.ts
index 9a669e6f41..606f1b7ce7 100644
--- a/web/app/components/base/file-uploader/utils.spec.ts
+++ b/web/app/components/base/file-uploader/utils.spec.ts
@@ -1,6 +1,10 @@
 import type { MockInstance } from 'vitest'
 import mime from 'mime'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { upload } from '@/service/base'
+import { TransferMethod } from '@/types/app'
+import { FILE_EXTS } from '../prompt-editor/constants'
+import { FileAppearanceTypeEnum } from './types'
 import {
   downloadFile,
   fileIsUploaded,
@@ -15,10 +19,6 @@ import {
   getSupportFileType,
   isAllowedFileExtension,
 } from './utils'
-import { FileAppearanceTypeEnum } from './types'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import { TransferMethod } from '@/types/app'
-import { FILE_EXTS } from '../prompt-editor/constants'
 
 vi.mock('mime', () => ({
   __esModule: true,
diff --git a/web/app/components/base/file-uploader/utils.ts b/web/app/components/base/file-uploader/utils.ts
index 18f0847a83..f9ad2f5112 100644
--- a/web/app/components/base/file-uploader/utils.ts
+++ b/web/app/components/base/file-uploader/utils.ts
@@ -1,11 +1,11 @@
-import mime from 'mime'
-import { FileAppearanceTypeEnum } from './types'
 import type { FileEntity } from './types'
-import { upload } from '@/service/base'
+import type { FileResponse } from '@/types/workflow'
+import mime from 'mime'
 import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import type { FileResponse } from '@/types/workflow'
+import { upload } from '@/service/base'
 import { TransferMethod } from '@/types/app'
+import { FileAppearanceTypeEnum } from './types'
 
 /**
  * Get appropriate error message for file upload errors
@@ -187,8 +187,9 @@ export const getProcessedFilesFromResponse = (files: FileResponse[]) => {
       if (detectedTypeFromFileName
         && detectedTypeFromMime
         && detectedTypeFromFileName === detectedTypeFromMime
-        && detectedTypeFromFileName !== fileItem.type)
+        && detectedTypeFromFileName !== fileItem.type) {
         supportFileType = detectedTypeFromFileName
+      }
     }
 
     return {
diff --git a/web/app/components/base/file-uploader/video-preview.tsx b/web/app/components/base/file-uploader/video-preview.tsx
index 16ae27ca2b..ef0c5c17b1 100644
--- a/web/app/components/base/file-uploader/video-preview.tsx
+++ b/web/app/components/base/file-uploader/video-preview.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
-import { createPortal } from 'react-dom'
 import { RiCloseLine } from '@remixicon/react'
 import React from 'react'
+import { createPortal } from 'react-dom'
 import { useHotkeys } from 'react-hotkeys-hook'
 
 type VideoPreviewProps = {
@@ -18,7 +18,7 @@ const VideoPreview: FC<VideoPreviewProps> = ({
 
   return createPortal(
     <div
-      className='fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8'
+      className="fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8"
       onClick={e => e.stopPropagation()}
       tabIndex={-1}
     >
@@ -27,15 +27,15 @@ const VideoPreview: FC<VideoPreviewProps> = ({
           <source
             type="video/mp4"
             src={url}
-            className='max-h-full max-w-full'
+            className="max-h-full max-w-full"
           />
         </video>
       </div>
       <div
-        className='absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]'
+        className="absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]"
         onClick={onCancel}
       >
-        <RiCloseLine className='h-4 w-4 text-gray-500'/>
+        <RiCloseLine className="h-4 w-4 text-gray-500" />
       </div>
     </div>,
     document.body,
diff --git a/web/app/components/base/float-right-container/index.stories.tsx b/web/app/components/base/float-right-container/index.stories.tsx
index 18173f086d..dcc55d4cf6 100644
--- a/web/app/components/base/float-right-container/index.stories.tsx
+++ b/web/app/components/base/float-right-container/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { fn } from 'storybook/test'
 import { useState } from 'react'
+import { fn } from 'storybook/test'
 import FloatRightContainer from '.'
 
 const meta = {
diff --git a/web/app/components/base/float-right-container/index.tsx b/web/app/components/base/float-right-container/index.tsx
index 4148c70a01..7435fd9643 100644
--- a/web/app/components/base/float-right-container/index.tsx
+++ b/web/app/components/base/float-right-container/index.tsx
@@ -1,6 +1,6 @@
 'use client'
-import Drawer from '@/app/components/base/drawer'
 import type { IDrawerProps } from '@/app/components/base/drawer'
+import Drawer from '@/app/components/base/drawer'
 
 type IFloatRightContainerProps = {
   isMobile: boolean
diff --git a/web/app/components/base/form/components/base/base-field.tsx b/web/app/components/base/form/components/base/base-field.tsx
index c51da5fc06..6fbfa7ace5 100644
--- a/web/app/components/base/form/components/base/base-field.tsx
+++ b/web/app/components/base/form/components/base/base-field.tsx
@@ -1,5 +1,15 @@
-import CheckboxList from '@/app/components/base/checkbox-list'
+import type { AnyFieldApi } from '@tanstack/react-form'
 import type { FieldState, FormSchema, TypeWithI18N } from '@/app/components/base/form/types'
+import { RiExternalLinkLine } from '@remixicon/react'
+import { useStore } from '@tanstack/react-form'
+import {
+  isValidElement,
+  memo,
+  useCallback,
+  useMemo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import CheckboxList from '@/app/components/base/checkbox-list'
 import { FormItemValidateStatusEnum, FormTypeEnum } from '@/app/components/base/form/types'
 import Input from '@/app/components/base/input'
 import Radio from '@/app/components/base/radio'
@@ -9,16 +19,6 @@ import Tooltip from '@/app/components/base/tooltip'
 import { useRenderI18nObject } from '@/hooks/use-i18n'
 import { useTriggerPluginDynamicOptions } from '@/service/use-triggers'
 import { cn } from '@/utils/classnames'
-import { RiExternalLinkLine } from '@remixicon/react'
-import type { AnyFieldApi } from '@tanstack/react-form'
-import { useStore } from '@tanstack/react-form'
-import {
-  isValidElement,
-  memo,
-  useCallback,
-  useMemo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
 
 const getExtraProps = (type: FormTypeEnum) => {
   switch (type) {
@@ -119,7 +119,8 @@ const BaseField = ({
       description,
       help,
     ].map(v => getTranslatedContent({ content: v, render: renderI18nObject }))
-    if (!results[1]) results[1] = t('common.placeholder.input')
+    if (!results[1])
+      results[1] = t('common.placeholder.input')
     return results
   }, [label, placeholder, tooltip, description, help, renderI18nObject])
 
@@ -192,13 +193,13 @@ const BaseField = ({
           {translatedLabel}
           {
             required && !isValidElement(label) && (
-              <span className='ml-1 text-text-destructive-secondary'>*</span>
+              <span className="ml-1 text-text-destructive-secondary">*</span>
             )
           }
           {tooltip && (
             <Tooltip
-              popupContent={<div className='w-[200px]'>{translatedTooltip}</div>}
-              triggerClassName='ml-0.5 w-4 h-4'
+              popupContent={<div className="w-[200px]">{translatedTooltip}</div>}
+              triggerClassName="ml-0.5 w-4 h-4"
             />
           )}
         </div>
@@ -243,7 +244,7 @@ const BaseField = ({
                 value={value}
                 onChange={v => field.handleChange(v)}
                 options={memorizedOptions}
-                maxHeight='200px'
+                maxHeight="200px"
               />
             )
           }
@@ -259,7 +260,8 @@ const BaseField = ({
                     ? t('common.dynamicSelect.loading')
                     : translatedPlaceholder
                 }
-                {...(dynamicOptionsError ? { popupProps: { title: t('common.dynamicSelect.error'), titleClassName: 'text-text-destructive-secondary' } }
+                {...(dynamicOptionsError
+                  ? { popupProps: { title: t('common.dynamicSelect.error'), titleClassName: 'text-text-destructive-secondary' } }
                   : (!dynamicOptions.length ? { popupProps: { title: t('common.dynamicSelect.noData') } } : {}))}
                 triggerPopupSameWidth
                 multiple={multiple}
@@ -270,7 +272,8 @@ const BaseField = ({
             formItemType === FormTypeEnum.radio && (
               <div className={cn(
                 memorizedOptions.length < 3 ? 'flex items-center space-x-2' : 'space-y-2',
-              )}>
+              )}
+              >
                 {
                   memorizedOptions.map(option => (
                     <div
@@ -286,7 +289,7 @@ const BaseField = ({
                       {
                         formSchema.showRadioUI && (
                           <RadioE
-                            className='mr-2'
+                            className="mr-2"
                             isChecked={value === option.value}
                           />
                         )
@@ -301,11 +304,11 @@ const BaseField = ({
           {
             formItemType === FormTypeEnum.boolean && (
               <Radio.Group
-                className='flex w-fit items-center'
+                className="flex w-fit items-center"
                 value={value}
                 onChange={v => field.handleChange(v)}
               >
-                <Radio value={true} className='!mr-1'>True</Radio>
+                <Radio value={true} className="!mr-1">True</Radio>
                 <Radio value={false}>False</Radio>
               </Radio.Group>
             )
@@ -314,28 +317,29 @@ const BaseField = ({
             <div className={cn(
               'system-xs-regular mt-1 px-0 py-[2px]',
               VALIDATE_STATUS_STYLE_MAP[fieldState?.validateStatus].textClassName,
-            )}>
+            )}
+            >
               {fieldState?.[VALIDATE_STATUS_STYLE_MAP[fieldState?.validateStatus].infoFieldName as keyof FieldState]}
             </div>
           )}
         </div>
       </div>
       {description && (
-        <div className='system-xs-regular mt-4 text-text-tertiary'>
+        <div className="system-xs-regular mt-4 text-text-tertiary">
           {translatedDescription}
         </div>
       )}
       {
         url && (
           <a
-            className='system-xs-regular mt-4 flex items-center text-text-accent'
+            className="system-xs-regular mt-4 flex items-center text-text-accent"
             href={url}
-            target='_blank'
+            target="_blank"
           >
-            <span className='break-all'>
+            <span className="break-all">
               {translatedHelp}
             </span>
-            <RiExternalLinkLine className='ml-1 h-3 w-3 shrink-0' />
+            <RiExternalLinkLine className="ml-1 h-3 w-3 shrink-0" />
           </a>
         )
       }
diff --git a/web/app/components/base/form/components/base/base-form.tsx b/web/app/components/base/form/components/base/base-form.tsx
index 4cf9ab52ec..8c81caa42d 100644
--- a/web/app/components/base/form/components/base/base-form.tsx
+++ b/web/app/components/base/form/components/base/base-form.tsx
@@ -1,3 +1,15 @@
+import type {
+  AnyFieldApi,
+  AnyFormApi,
+} from '@tanstack/react-form'
+import type {
+  BaseFieldProps,
+} from '.'
+import type { FieldState, FormRef, FormSchema, SetFieldsParam } from '@/app/components/base/form/types'
+import {
+  useForm,
+  useStore,
+} from '@tanstack/react-form'
 import {
   memo,
   useCallback,
@@ -5,32 +17,19 @@ import {
   useMemo,
   useState,
 } from 'react'
-import type {
-  AnyFieldApi,
-  AnyFormApi,
-} from '@tanstack/react-form'
-import {
-  useForm,
-  useStore,
-} from '@tanstack/react-form'
-import {
-  type FieldState,
-  FormItemValidateStatusEnum,
-  type FormRef,
-  type FormSchema,
-  type SetFieldsParam,
-} from '@/app/components/base/form/types'
-import {
-  BaseField,
-} from '.'
-import type {
-  BaseFieldProps,
-} from '.'
-import { cn } from '@/utils/classnames'
 import {
   useGetFormValues,
   useGetValidators,
 } from '@/app/components/base/form/hooks'
+import {
+
+  FormItemValidateStatusEnum,
+
+} from '@/app/components/base/form/types'
+import { cn } from '@/utils/classnames'
+import {
+  BaseField,
+} from '.'
 
 export type BaseFormProps = {
   formSchemas?: FormSchema[]
diff --git a/web/app/components/base/form/components/base/index.tsx b/web/app/components/base/form/components/base/index.tsx
index 0d6f0808ff..f8b0eabd98 100644
--- a/web/app/components/base/form/components/base/index.tsx
+++ b/web/app/components/base/form/components/base/index.tsx
@@ -1,2 +1,2 @@
-export { default as BaseForm, type BaseFormProps } from './base-form'
 export { default as BaseField, type BaseFieldProps } from './base-field'
+export { default as BaseForm, type BaseFormProps } from './base-form'
diff --git a/web/app/components/base/form/components/field/checkbox.tsx b/web/app/components/base/form/components/field/checkbox.tsx
index 526e8e3853..a926830b75 100644
--- a/web/app/components/base/form/components/field/checkbox.tsx
+++ b/web/app/components/base/form/components/field/checkbox.tsx
@@ -3,8 +3,8 @@ import { useFieldContext } from '../..'
 import Checkbox from '../../../checkbox'
 
 type CheckboxFieldProps = {
-  label: string;
-  labelClassName?: string;
+  label: string
+  labelClassName?: string
 }
 
 const CheckboxField = ({
@@ -14,8 +14,8 @@ const CheckboxField = ({
   const field = useFieldContext<boolean>()
 
   return (
-    <div className='flex gap-2'>
-      <div className='flex h-6 shrink-0 items-center'>
+    <div className="flex gap-2">
+      <div className="flex h-6 shrink-0 items-center">
         <Checkbox
           id={field.name}
           checked={field.state.value}
diff --git a/web/app/components/base/form/components/field/custom-select.tsx b/web/app/components/base/form/components/field/custom-select.tsx
index fb6bb18e1b..08e2cdc437 100644
--- a/web/app/components/base/form/components/field/custom-select.tsx
+++ b/web/app/components/base/form/components/field/custom-select.tsx
@@ -1,8 +1,8 @@
+import type { CustomSelectProps, Option } from '../../../select/custom'
+import type { LabelProps } from '../label'
 import { cn } from '@/utils/classnames'
 import { useFieldContext } from '../..'
-import type { CustomSelectProps, Option } from '../../../select/custom'
 import CustomSelect from '../../../select/custom'
-import type { LabelProps } from '../label'
 import Label from '../label'
 
 type CustomSelectFieldProps<T extends Option> = {
diff --git a/web/app/components/base/form/components/field/file-types.tsx b/web/app/components/base/form/components/field/file-types.tsx
index 2a05a7035b..242339e6cc 100644
--- a/web/app/components/base/form/components/field/file-types.tsx
+++ b/web/app/components/base/form/components/field/file-types.tsx
@@ -1,13 +1,13 @@
-import { cn } from '@/utils/classnames'
 import type { LabelProps } from '../label'
+import { useCallback } from 'react'
+import FileTypeItem from '@/app/components/workflow/nodes/_base/components/file-type-item'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 import { useFieldContext } from '../..'
 import Label from '../label'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import FileTypeItem from '@/app/components/workflow/nodes/_base/components/file-type-item'
-import { useCallback } from 'react'
 
 type FieldValue = {
-  allowedFileTypes: string[],
+  allowedFileTypes: string[]
   allowedFileExtensions: string[]
 }
 
diff --git a/web/app/components/base/form/components/field/file-uploader.tsx b/web/app/components/base/form/components/field/file-uploader.tsx
index 3e447702d5..278e8e0fa5 100644
--- a/web/app/components/base/form/components/field/file-uploader.tsx
+++ b/web/app/components/base/form/components/field/file-uploader.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
-import { useFieldContext } from '../..'
-import type { LabelProps } from '../label'
-import Label from '../label'
-import { cn } from '@/utils/classnames'
 import type { FileUploaderInAttachmentWrapperProps } from '../../../file-uploader/file-uploader-in-attachment'
-import FileUploaderInAttachmentWrapper from '../../../file-uploader/file-uploader-in-attachment'
 import type { FileEntity } from '../../../file-uploader/types'
+import type { LabelProps } from '../label'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import { useFieldContext } from '../..'
+import FileUploaderInAttachmentWrapper from '../../../file-uploader/file-uploader-in-attachment'
+import Label from '../label'
 
 type FileUploaderFieldProps = {
   label: string
diff --git a/web/app/components/base/form/components/field/input-type-select/hooks.tsx b/web/app/components/base/form/components/field/input-type-select/hooks.tsx
index cc1192414d..67621fef67 100644
--- a/web/app/components/base/form/components/field/input-type-select/hooks.tsx
+++ b/web/app/components/base/form/components/field/input-type-select/hooks.tsx
@@ -1,6 +1,3 @@
-import { InputTypeEnum } from './types'
-import { PipelineInputVarType } from '@/models/pipeline'
-import { useTranslation } from 'react-i18next'
 import {
   RiAlignLeft,
   RiCheckboxLine,
@@ -10,6 +7,9 @@ import {
   RiListCheck3,
   RiTextSnippet,
 } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import { PipelineInputVarType } from '@/models/pipeline'
+import { InputTypeEnum } from './types'
 
 const i18nFileTypeMap: Record<string, string> = {
   'number': 'number',
diff --git a/web/app/components/base/form/components/field/input-type-select/index.tsx b/web/app/components/base/form/components/field/input-type-select/index.tsx
index d3961e158c..efdcc091de 100644
--- a/web/app/components/base/form/components/field/input-type-select/index.tsx
+++ b/web/app/components/base/form/components/field/input-type-select/index.tsx
@@ -1,14 +1,14 @@
+import type { CustomSelectProps } from '../../../../select/custom'
+import type { LabelProps } from '../../label'
+import type { FileTypeSelectOption, InputType } from './types'
+import { useCallback } from 'react'
 import { cn } from '@/utils/classnames'
 import { useFieldContext } from '../../..'
-import type { CustomSelectProps } from '../../../../select/custom'
 import CustomSelect from '../../../../select/custom'
-import type { LabelProps } from '../../label'
 import Label from '../../label'
-import { useCallback } from 'react'
-import Trigger from './trigger'
-import type { FileTypeSelectOption, InputType } from './types'
 import { useInputTypeOptions } from './hooks'
 import Option from './option'
+import Trigger from './trigger'
 
 type InputTypeSelectFieldProps = {
   label: string
diff --git a/web/app/components/base/form/components/field/input-type-select/option.tsx b/web/app/components/base/form/components/field/input-type-select/option.tsx
index 48e0f8daf7..f0b9ee3068 100644
--- a/web/app/components/base/form/components/field/input-type-select/option.tsx
+++ b/web/app/components/base/form/components/field/input-type-select/option.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import type { FileTypeSelectOption } from './types'
+import React from 'react'
 import Badge from '@/app/components/base/badge'
 
 type OptionProps = {
@@ -11,8 +11,8 @@ const Option = ({
 }: OptionProps) => {
   return (
     <>
-      <option.Icon className='h-4 w-4 shrink-0 text-text-tertiary' />
-      <span className='grow px-1'>{option.label}</span>
+      <option.Icon className="h-4 w-4 shrink-0 text-text-tertiary" />
+      <span className="grow px-1">{option.label}</span>
       <Badge text={option.type} uppercase={false} />
     </>
   )
diff --git a/web/app/components/base/form/components/field/input-type-select/trigger.tsx b/web/app/components/base/form/components/field/input-type-select/trigger.tsx
index 270ead6001..bdd6796f70 100644
--- a/web/app/components/base/form/components/field/input-type-select/trigger.tsx
+++ b/web/app/components/base/form/components/field/input-type-select/trigger.tsx
@@ -1,9 +1,9 @@
+import type { FileTypeSelectOption } from './types'
+import { RiArrowDownSLine } from '@remixicon/react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Badge from '@/app/components/base/badge'
 import { cn } from '@/utils/classnames'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import type { FileTypeSelectOption } from './types'
 
 type TriggerProps = {
   option: FileTypeSelectOption | undefined
@@ -18,17 +18,19 @@ const Trigger = ({
 
   return (
     <>
-      {option ? (
-        <>
-          <option.Icon className='h-4 w-4 shrink-0 text-text-tertiary' />
-          <span className='grow p-1'>{option.label}</span>
-          <div className='pr-0.5'>
-            <Badge text={option.type} uppercase={false} />
-          </div>
-        </>
-      ) : (
-        <span className='grow p-1'>{t('common.placeholder.select')}</span>
-      )}
+      {option
+        ? (
+            <>
+              <option.Icon className="h-4 w-4 shrink-0 text-text-tertiary" />
+              <span className="grow p-1">{option.label}</span>
+              <div className="pr-0.5">
+                <Badge text={option.type} uppercase={false} />
+              </div>
+            </>
+          )
+        : (
+            <span className="grow p-1">{t('common.placeholder.select')}</span>
+          )}
       <RiArrowDownSLine
         className={cn(
           'h-4 w-4 shrink-0 text-text-quaternary group-hover:text-text-secondary',
diff --git a/web/app/components/base/form/components/field/mixed-variable-text-input/index.tsx b/web/app/components/base/form/components/field/mixed-variable-text-input/index.tsx
index c8614db7dd..23bfd4d19d 100644
--- a/web/app/components/base/form/components/field/mixed-variable-text-input/index.tsx
+++ b/web/app/components/base/form/components/field/mixed-variable-text-input/index.tsx
@@ -22,7 +22,7 @@ const MixedVariableTextInput = ({
         'hover:border-components-input-border-hover hover:bg-components-input-bg-hover',
         'focus-within:border-components-input-border-active focus-within:bg-components-input-bg-active focus-within:shadow-xs',
       )}
-      className='caret:text-text-accent'
+      className="caret:text-text-accent"
       editable={editable}
       value={value}
       workflowVariableBlock={{
diff --git a/web/app/components/base/form/components/field/mixed-variable-text-input/placeholder.tsx b/web/app/components/base/form/components/field/mixed-variable-text-input/placeholder.tsx
index e84ffbeb28..2482cf5ac0 100644
--- a/web/app/components/base/form/components/field/mixed-variable-text-input/placeholder.tsx
+++ b/web/app/components/base/form/components/field/mixed-variable-text-input/placeholder.tsx
@@ -1,9 +1,8 @@
-import { useCallback } from 'react'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { FOCUS_COMMAND } from 'lexical'
-import { $insertNodes } from 'lexical'
-import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
+import { $insertNodes, FOCUS_COMMAND } from 'lexical'
+import { useCallback } from 'react'
 import Badge from '@/app/components/base/badge'
+import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
 
 const Placeholder = () => {
   const [editor] = useLexicalComposerContext()
@@ -18,17 +17,17 @@ const Placeholder = () => {
 
   return (
     <div
-      className='pointer-events-auto flex h-full w-full cursor-text items-center px-2'
+      className="pointer-events-auto flex h-full w-full cursor-text items-center px-2"
       onClick={(e) => {
         e.stopPropagation()
         handleInsert('')
       }}
     >
-      <div className='flex grow items-center'>
+      <div className="flex grow items-center">
         Type or press
-        <div className='system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder'>/</div>
+        <div className="system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder">/</div>
         <div
-          className='system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary'
+          className="system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary"
           onClick={((e) => {
             e.stopPropagation()
             handleInsert('/')
@@ -38,8 +37,8 @@ const Placeholder = () => {
         </div>
       </div>
       <Badge
-        className='shrink-0'
-        text='String'
+        className="shrink-0"
+        text="String"
         uppercase={false}
       />
     </div>
diff --git a/web/app/components/base/form/components/field/number-input.tsx b/web/app/components/base/form/components/field/number-input.tsx
index 5bb3494ed8..dcc4fd6663 100644
--- a/web/app/components/base/form/components/field/number-input.tsx
+++ b/web/app/components/base/form/components/field/number-input.tsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import { useFieldContext } from '../..'
-import type { LabelProps } from '../label'
-import Label from '../label'
-import { cn } from '@/utils/classnames'
 import type { InputNumberProps } from '../../../input-number'
+import type { LabelProps } from '../label'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import { useFieldContext } from '../..'
 import { InputNumber } from '../../../input-number'
+import Label from '../label'
 
 type TextFieldProps = {
   label: string
diff --git a/web/app/components/base/form/components/field/number-slider.tsx b/web/app/components/base/form/components/field/number-slider.tsx
index 0dbffb7578..0db18a0a62 100644
--- a/web/app/components/base/form/components/field/number-slider.tsx
+++ b/web/app/components/base/form/components/field/number-slider.tsx
@@ -1,9 +1,9 @@
-import { cn } from '@/utils/classnames'
 import type { LabelProps } from '../label'
-import { useFieldContext } from '../..'
-import Label from '../label'
 import type { InputNumberWithSliderProps } from '@/app/components/workflow/nodes/_base/components/input-number-with-slider'
 import InputNumberWithSlider from '@/app/components/workflow/nodes/_base/components/input-number-with-slider'
+import { cn } from '@/utils/classnames'
+import { useFieldContext } from '../..'
+import Label from '../label'
 
 type NumberSliderFieldProps = {
   label: string
@@ -30,7 +30,7 @@ const NumberSliderField = ({
           {...(labelOptions ?? {})}
         />
         {description && (
-          <div className='body-xs-regular pb-0.5 text-text-tertiary'>
+          <div className="body-xs-regular pb-0.5 text-text-tertiary">
             {description}
           </div>
         )}
diff --git a/web/app/components/base/form/components/field/options.tsx b/web/app/components/base/form/components/field/options.tsx
index 6cfffc3c43..99c89eec47 100644
--- a/web/app/components/base/form/components/field/options.tsx
+++ b/web/app/components/base/form/components/field/options.tsx
@@ -1,14 +1,14 @@
-import { cn } from '@/utils/classnames'
-import { useFieldContext } from '../..'
 import type { LabelProps } from '../label'
-import Label from '../label'
 import type { Options } from '@/app/components/app/configuration/config-var/config-select'
 import ConfigSelect from '@/app/components/app/configuration/config-var/config-select'
+import { cn } from '@/utils/classnames'
+import { useFieldContext } from '../..'
+import Label from '../label'
 
 type OptionsFieldProps = {
-  label: string;
+  label: string
   labelOptions?: Omit<LabelProps, 'htmlFor' | 'label'>
-  className?: string;
+  className?: string
 }
 
 const OptionsField = ({
diff --git a/web/app/components/base/form/components/field/select.tsx b/web/app/components/base/form/components/field/select.tsx
index be6337e42c..00ba728755 100644
--- a/web/app/components/base/form/components/field/select.tsx
+++ b/web/app/components/base/form/components/field/select.tsx
@@ -1,8 +1,8 @@
+import type { Option, PureSelectProps } from '../../../select/pure'
+import type { LabelProps } from '../label'
 import { cn } from '@/utils/classnames'
 import { useFieldContext } from '../..'
-import type { Option, PureSelectProps } from '../../../select/pure'
 import PureSelect from '../../../select/pure'
-import type { LabelProps } from '../label'
 import Label from '../label'
 
 type SelectFieldProps = {
diff --git a/web/app/components/base/form/components/field/text-area.tsx b/web/app/components/base/form/components/field/text-area.tsx
index 675f73d69c..16979d3748 100644
--- a/web/app/components/base/form/components/field/text-area.tsx
+++ b/web/app/components/base/form/components/field/text-area.tsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import { useFieldContext } from '../..'
-import type { LabelProps } from '../label'
-import Label from '../label'
-import { cn } from '@/utils/classnames'
 import type { TextareaProps } from '../../../textarea'
+import type { LabelProps } from '../label'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import { useFieldContext } from '../..'
 import Textarea from '../../../textarea'
+import Label from '../label'
 
 type TextAreaFieldProps = {
   label: string
diff --git a/web/app/components/base/form/components/field/text.tsx b/web/app/components/base/form/components/field/text.tsx
index 9a18ee4db6..470033b58a 100644
--- a/web/app/components/base/form/components/field/text.tsx
+++ b/web/app/components/base/form/components/field/text.tsx
@@ -1,9 +1,10 @@
-import React from 'react'
-import { useFieldContext } from '../..'
-import Input, { type InputProps } from '../../../input'
+import type { InputProps } from '../../../input'
 import type { LabelProps } from '../label'
-import Label from '../label'
+import React from 'react'
 import { cn } from '@/utils/classnames'
+import { useFieldContext } from '../..'
+import Input from '../../../input'
+import Label from '../label'
 
 type TextFieldProps = {
   label: string
diff --git a/web/app/components/base/form/components/field/upload-method.tsx b/web/app/components/base/form/components/field/upload-method.tsx
index 8ec619ba00..a628fb4fb0 100644
--- a/web/app/components/base/form/components/field/upload-method.tsx
+++ b/web/app/components/base/form/components/field/upload-method.tsx
@@ -1,11 +1,11 @@
-import { cn } from '@/utils/classnames'
 import type { LabelProps } from '../label'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
+import { TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { useFieldContext } from '../..'
 import Label from '../label'
-import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
-import { useTranslation } from 'react-i18next'
-import { TransferMethod } from '@/types/app'
-import { useCallback } from 'react'
 
 type UploadMethodFieldProps = {
   label: string
@@ -34,7 +34,7 @@ const UploadMethodField = ({
         label={label}
         {...(labelOptions ?? {})}
       />
-      <div className='grid grid-cols-3 gap-2'>
+      <div className="grid grid-cols-3 gap-2">
         <OptionCard
           title={t('appDebug.variableConfig.localUpload')}
           selected={value.length === 1 && value.includes(TransferMethod.local_file)}
diff --git a/web/app/components/base/form/components/field/variable-or-constant-input.tsx b/web/app/components/base/form/components/field/variable-or-constant-input.tsx
index 78a1bb0c8e..82073ce020 100644
--- a/web/app/components/base/form/components/field/variable-or-constant-input.tsx
+++ b/web/app/components/base/form/components/field/variable-or-constant-input.tsx
@@ -1,12 +1,12 @@
 import type { ChangeEvent } from 'react'
-import { useCallback, useState } from 'react'
+import type { LabelProps } from '../label'
 import { RiEditLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import SegmentedControl from '@/app/components/base/segmented-control'
+import { useCallback, useState } from 'react'
 import { VariableX } from '@/app/components/base/icons/src/vender/workflow'
 import Input from '@/app/components/base/input'
+import SegmentedControl from '@/app/components/base/segmented-control'
 import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
-import type { LabelProps } from '../label'
+import { cn } from '@/utils/classnames'
 import Label from '../label'
 
 type VariableOrConstantInputFieldProps = {
@@ -48,13 +48,13 @@ const VariableOrConstantInputField = ({
   return (
     <div className={cn('flex flex-col gap-y-0.5', className)}>
       <Label
-        htmlFor={'variable-or-constant'}
+        htmlFor="variable-or-constant"
         label={label}
         {...(labelOptions ?? {})}
       />
-      <div className='flex items-center'>
+      <div className="flex items-center">
         <SegmentedControl
-          className='mr-1 shrink-0'
+          className="mr-1 shrink-0"
           value={variableType}
           onChange={handleVariableOrConstantChange as any}
           options={options as any}
@@ -62,8 +62,8 @@ const VariableOrConstantInputField = ({
         {
           variableType === 'variable' && (
             <VarReferencePicker
-              className='grow'
-              nodeId=''
+              className="grow"
+              nodeId=""
               readonly={false}
               value={[]}
               onChange={handleVariableValueChange}
@@ -73,7 +73,7 @@ const VariableOrConstantInputField = ({
         {
           variableType === 'constant' && (
             <Input
-              className='ml-1'
+              className="ml-1"
               onChange={handleConstantValueChange}
             />
           )
diff --git a/web/app/components/base/form/components/field/variable-selector.tsx b/web/app/components/base/form/components/field/variable-selector.tsx
index c945eb93c6..a0c22029aa 100644
--- a/web/app/components/base/form/components/field/variable-selector.tsx
+++ b/web/app/components/base/form/components/field/variable-selector.tsx
@@ -1,6 +1,6 @@
-import { cn } from '@/utils/classnames'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
 import type { LabelProps } from '../label'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import { cn } from '@/utils/classnames'
 import Label from '../label'
 
 type VariableOrConstantInputFieldProps = {
@@ -21,14 +21,14 @@ const VariableOrConstantInputField = ({
   return (
     <div className={cn('flex flex-col gap-y-0.5', className)}>
       <Label
-        htmlFor={'variable-or-constant'}
+        htmlFor="variable-or-constant"
         label={label}
         {...(labelOptions ?? {})}
       />
-      <div className='flex items-center'>
+      <div className="flex items-center">
         <VarReferencePicker
-          className='grow'
-          nodeId=''
+          className="grow"
+          nodeId=""
           readonly={false}
           value={[]}
           onChange={handleVariableValueChange}
diff --git a/web/app/components/base/form/components/form/actions.tsx b/web/app/components/base/form/components/form/actions.tsx
index 49ae87e3c0..364d0ced26 100644
--- a/web/app/components/base/form/components/form/actions.tsx
+++ b/web/app/components/base/form/components/form/actions.tsx
@@ -1,8 +1,8 @@
-import { useStore } from '@tanstack/react-form'
 import type { FormType } from '../..'
+import { useStore } from '@tanstack/react-form'
+import { useTranslation } from 'react-i18next'
 import { useFormContext } from '../..'
 import Button from '../../../button'
-import { useTranslation } from 'react-i18next'
 
 export type CustomActionsProps = {
   form: FormType
@@ -30,7 +30,7 @@ const Actions = ({
 
   return (
     <Button
-      variant='primary'
+      variant="primary"
       disabled={isSubmitting || !canSubmit}
       loading={isSubmitting}
       onClick={() => form.handleSubmit()}
diff --git a/web/app/components/base/form/components/label.tsx b/web/app/components/base/form/components/label.tsx
index 47b74d28e0..b0e5ac8251 100644
--- a/web/app/components/base/form/components/label.tsx
+++ b/web/app/components/base/form/components/label.tsx
@@ -1,6 +1,6 @@
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
 import Tooltip from '../../tooltip'
-import { useTranslation } from 'react-i18next'
 
 export type LabelProps = {
   htmlFor: string
@@ -22,22 +22,22 @@ const Label = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex h-6 items-center'>
+    <div className="flex h-6 items-center">
       <label
-        data-testid='label'
+        data-testid="label"
         htmlFor={htmlFor}
         className={cn('system-sm-medium text-text-secondary', className)}
       >
         {label}
       </label>
-      {!isRequired && showOptional && <div className='system-xs-regular ml-1 text-text-tertiary'>{t('common.label.optional')}</div>}
-      {isRequired && <div className='system-xs-regular ml-1 text-text-destructive-secondary'>*</div>}
+      {!isRequired && showOptional && <div className="system-xs-regular ml-1 text-text-tertiary">{t('common.label.optional')}</div>}
+      {isRequired && <div className="system-xs-regular ml-1 text-text-destructive-secondary">*</div>}
       {tooltip && (
         <Tooltip
           popupContent={
-            <div className='w-[200px]'>{tooltip}</div>
+            <div className="w-[200px]">{tooltip}</div>
           }
-          triggerClassName='ml-0.5 w-4 h-4'
+          triggerClassName="ml-0.5 w-4 h-4"
           triggerTestId={`${htmlFor}-tooltip`}
         />
       )}
diff --git a/web/app/components/base/form/form-scenarios/auth/index.tsx b/web/app/components/base/form/form-scenarios/auth/index.tsx
index f499e43f16..5572035426 100644
--- a/web/app/components/base/form/form-scenarios/auth/index.tsx
+++ b/web/app/components/base/form/form-scenarios/auth/index.tsx
@@ -1,6 +1,6 @@
+import type { BaseFormProps } from '../../components/base'
 import { memo } from 'react'
 import { BaseForm } from '../../components/base'
-import type { BaseFormProps } from '../../components/base'
 
 const AuthForm = ({
   formSchemas = [],
@@ -14,8 +14,8 @@ const AuthForm = ({
       ref={ref}
       formSchemas={formSchemas}
       defaultValues={defaultValues}
-      formClassName='space-y-4'
-      labelClassName='h-6 flex items-center mb-1 system-sm-medium text-text-secondary'
+      formClassName="space-y-4"
+      labelClassName="h-6 flex items-center mb-1 system-sm-medium text-text-secondary"
       formFromProps={formFromProps}
       {...rest}
     />
diff --git a/web/app/components/base/form/form-scenarios/base/field.tsx b/web/app/components/base/form/form-scenarios/base/field.tsx
index feea8d0f41..d41499bbb2 100644
--- a/web/app/components/base/form/form-scenarios/base/field.tsx
+++ b/web/app/components/base/form/form-scenarios/base/field.tsx
@@ -1,7 +1,8 @@
-import React from 'react'
-import { type BaseConfiguration, BaseFieldType } from './types'
-import { withForm } from '../..'
+import type { BaseConfiguration } from './types'
 import { useStore } from '@tanstack/react-form'
+import React from 'react'
+import { withForm } from '../..'
+import { BaseFieldType } from './types'
 
 type BaseFieldProps = {
   initialData?: Record<string, any>
@@ -38,7 +39,8 @@ const BaseField = ({
 
     const isAllConditionsMet = useStore(form.store, (state) => {
       const fieldValues = state.values
-      if (!showConditions.length) return true
+      if (!showConditions.length)
+        return true
       return showConditions.every((condition) => {
         const { variable, value } = condition
         const fieldValue = fieldValues[variable as keyof typeof fieldValues]
diff --git a/web/app/components/base/form/form-scenarios/base/index.tsx b/web/app/components/base/form/form-scenarios/base/index.tsx
index bee4952303..4f154cc2e5 100644
--- a/web/app/components/base/form/form-scenarios/base/index.tsx
+++ b/web/app/components/base/form/form-scenarios/base/index.tsx
@@ -1,7 +1,7 @@
+import type { BaseFormProps } from './types'
 import React, { useMemo } from 'react'
 import { useAppForm } from '../..'
 import BaseField from './field'
-import type { BaseFormProps } from './types'
 import { generateZodSchema } from './utils'
 
 const BaseForm = ({
@@ -35,14 +35,14 @@ const BaseForm = ({
 
   return (
     <form
-      className='w-full'
+      className="w-full"
       onSubmit={(e) => {
         e.preventDefault()
         e.stopPropagation()
         baseForm.handleSubmit()
       }}
     >
-      <div className='flex flex-col gap-4 px-4 py-2'>
+      <div className="flex flex-col gap-4 px-4 py-2">
         {configurations.map((config, index) => {
           const FieldComponent = BaseField({
             initialData,
diff --git a/web/app/components/base/form/form-scenarios/base/types.ts b/web/app/components/base/form/form-scenarios/base/types.ts
index 15a76dc1c3..8eeebe2e30 100644
--- a/web/app/components/base/form/form-scenarios/base/types.ts
+++ b/web/app/components/base/form/form-scenarios/base/types.ts
@@ -1,6 +1,6 @@
-import type { TransferMethod } from '@/types/app'
 import type { Option } from '../../../select/pure'
 import type { CustomActionsProps } from '../../components/form/actions'
+import type { TransferMethod } from '@/types/app'
 
 export enum BaseFieldType {
   textInput = 'text-input',
@@ -50,8 +50,8 @@ export type BaseConfiguration = {
   type: BaseFieldType
   tooltip?: string // Tooltip for this field
 } & NumberConfiguration
-  & Partial<SelectConfiguration>
-  & Partial<FileConfiguration>
+& Partial<SelectConfiguration>
+& Partial<FileConfiguration>
 
 export type BaseFormProps = {
   initialData?: Record<string, any>
diff --git a/web/app/components/base/form/form-scenarios/base/utils.ts b/web/app/components/base/form/form-scenarios/base/utils.ts
index 39755bcf5e..2c617aa1c6 100644
--- a/web/app/components/base/form/form-scenarios/base/utils.ts
+++ b/web/app/components/base/form/form-scenarios/base/utils.ts
@@ -1,6 +1,7 @@
 import type { ZodNumber, ZodSchema, ZodString } from 'zod'
+import type { BaseConfiguration } from './types'
 import { z } from 'zod'
-import { type BaseConfiguration, BaseFieldType } from './types'
+import { BaseFieldType } from './types'
 
 export const generateZodSchema = (fields: BaseConfiguration[]) => {
   const shape: Record<string, ZodSchema> = {}
diff --git a/web/app/components/base/form/form-scenarios/demo/contact-fields.tsx b/web/app/components/base/form/form-scenarios/demo/contact-fields.tsx
index 9ba664fc10..f44e9e9058 100644
--- a/web/app/components/base/form/form-scenarios/demo/contact-fields.tsx
+++ b/web/app/components/base/form/form-scenarios/demo/contact-fields.tsx
@@ -6,22 +6,22 @@ const ContactFields = withForm({
   ...demoFormOpts,
   render: ({ form }) => {
     return (
-      <div className='my-2'>
-        <h3 className='title-lg-bold text-text-primary'>Contacts</h3>
-        <div className='flex flex-col gap-4'>
+      <div className="my-2">
+        <h3 className="title-lg-bold text-text-primary">Contacts</h3>
+        <div className="flex flex-col gap-4">
           <form.AppField
-            name='contact.email'
-            children={field => <field.TextField label='Email' />}
+            name="contact.email"
+            children={field => <field.TextField label="Email" />}
           />
           <form.AppField
-            name='contact.phone'
-            children={field => <field.TextField label='Phone' />}
+            name="contact.phone"
+            children={field => <field.TextField label="Phone" />}
           />
           <form.AppField
-            name='contact.preferredContactMethod'
+            name="contact.preferredContactMethod"
             children={field => (
               <field.SelectField
-                label='Preferred Contact Method'
+                label="Preferred Contact Method"
                 options={ContactMethods}
               />
             )}
diff --git a/web/app/components/base/form/form-scenarios/demo/index.tsx b/web/app/components/base/form/form-scenarios/demo/index.tsx
index 02f0e9dcea..f1a11b4788 100644
--- a/web/app/components/base/form/form-scenarios/demo/index.tsx
+++ b/web/app/components/base/form/form-scenarios/demo/index.tsx
@@ -28,7 +28,7 @@ const DemoForm = () => {
 
   return (
     <form
-      className='flex w-[400px] flex-col gap-4'
+      className="flex w-[400px] flex-col gap-4"
       onSubmit={(e) => {
         e.preventDefault()
         e.stopPropagation()
@@ -36,21 +36,21 @@ const DemoForm = () => {
       }}
     >
       <form.AppField
-        name='name'
+        name="name"
         children={field => (
-          <field.TextField label='Name' />
+          <field.TextField label="Name" />
         )}
       />
       <form.AppField
-        name='surname'
+        name="surname"
         children={field => (
-          <field.TextField label='Surname' />
+          <field.TextField label="Surname" />
         )}
       />
       <form.AppField
-        name='isAcceptingTerms'
+        name="isAcceptingTerms"
         children={field => (
-          <field.CheckboxField label='I accept the terms and conditions.' />
+          <field.CheckboxField label="I accept the terms and conditions." />
         )}
       />
       {
diff --git a/web/app/components/base/form/form-scenarios/input-field/field.tsx b/web/app/components/base/form/form-scenarios/input-field/field.tsx
index 8a9de3fc0c..0892cc2f45 100644
--- a/web/app/components/base/form/form-scenarios/input-field/field.tsx
+++ b/web/app/components/base/form/form-scenarios/input-field/field.tsx
@@ -1,7 +1,8 @@
-import React from 'react'
-import { type InputFieldConfiguration, InputFieldType } from './types'
-import { withForm } from '../..'
+import type { InputFieldConfiguration } from './types'
 import { useStore } from '@tanstack/react-form'
+import React from 'react'
+import { withForm } from '../..'
+import { InputFieldType } from './types'
 
 type InputFieldProps = {
   initialData?: Record<string, any>
diff --git a/web/app/components/base/form/form-scenarios/input-field/types.ts b/web/app/components/base/form/form-scenarios/input-field/types.ts
index 9f9b8bd52d..5ffbacb721 100644
--- a/web/app/components/base/form/form-scenarios/input-field/types.ts
+++ b/web/app/components/base/form/form-scenarios/input-field/types.ts
@@ -35,5 +35,5 @@ export type InputFieldConfiguration = {
   tooltip?: string // Tooltip for this field
   listeners?: FieldListeners<Record<string, any>, DeepKeys<Record<string, any>>> // Listener for this field
 } & NumberConfiguration & Partial<InputTypeSelectConfiguration>
-  & Partial<NumberSliderConfiguration>
-  & Partial<SelectConfiguration>
+& Partial<NumberSliderConfiguration>
+& Partial<SelectConfiguration>
diff --git a/web/app/components/base/form/form-scenarios/input-field/utils.ts b/web/app/components/base/form/form-scenarios/input-field/utils.ts
index 23486fc4c0..cd670c448c 100644
--- a/web/app/components/base/form/form-scenarios/input-field/utils.ts
+++ b/web/app/components/base/form/form-scenarios/input-field/utils.ts
@@ -1,7 +1,8 @@
 import type { ZodSchema, ZodString } from 'zod'
+import type { InputFieldConfiguration } from './types'
 import { z } from 'zod'
-import { type InputFieldConfiguration, InputFieldType } from './types'
 import { SupportedFileTypes, TransferMethod } from '@/app/components/rag-pipeline/components/panel/input-field/editor/form/schema'
+import { InputFieldType } from './types'
 
 export const generateZodSchema = (fields: InputFieldConfiguration[]) => {
   const shape: Record<string, ZodSchema> = {}
diff --git a/web/app/components/base/form/form-scenarios/node-panel/field.tsx b/web/app/components/base/form/form-scenarios/node-panel/field.tsx
index 069700787b..5e2755a14c 100644
--- a/web/app/components/base/form/form-scenarios/node-panel/field.tsx
+++ b/web/app/components/base/form/form-scenarios/node-panel/field.tsx
@@ -1,7 +1,8 @@
-import React from 'react'
-import { type InputFieldConfiguration, InputFieldType } from './types'
-import { withForm } from '../..'
+import type { InputFieldConfiguration } from './types'
 import { useStore } from '@tanstack/react-form'
+import React from 'react'
+import { withForm } from '../..'
+import { InputFieldType } from './types'
 
 type InputFieldProps = {
   initialData?: Record<string, any>
diff --git a/web/app/components/base/form/hooks/use-check-validated.ts b/web/app/components/base/form/hooks/use-check-validated.ts
index b4f3ec2b9a..7ed6164bb2 100644
--- a/web/app/components/base/form/hooks/use-check-validated.ts
+++ b/web/app/components/base/form/hooks/use-check-validated.ts
@@ -1,7 +1,7 @@
-import { useCallback } from 'react'
 import type { AnyFormApi } from '@tanstack/react-form'
-import { useToastContext } from '@/app/components/base/toast'
 import type { FormSchema } from '@/app/components/base/form/types'
+import { useCallback } from 'react'
+import { useToastContext } from '@/app/components/base/toast'
 
 export const useCheckValidated = (form: AnyFormApi, FormSchemas: FormSchema[]) => {
   const { notify } = useToastContext()
diff --git a/web/app/components/base/form/hooks/use-get-form-values.ts b/web/app/components/base/form/hooks/use-get-form-values.ts
index b7d08cc005..9ea418ea00 100644
--- a/web/app/components/base/form/hooks/use-get-form-values.ts
+++ b/web/app/components/base/form/hooks/use-get-form-values.ts
@@ -1,11 +1,11 @@
-import { useCallback } from 'react'
 import type { AnyFormApi } from '@tanstack/react-form'
-import { useCheckValidated } from './use-check-validated'
 import type {
   FormSchema,
   GetValuesOptions,
 } from '../types'
+import { useCallback } from 'react'
 import { getTransformedValuesWhenSecretInputPristine } from '../utils'
+import { useCheckValidated } from './use-check-validated'
 
 export const useGetFormValues = (form: AnyFormApi, formSchemas: FormSchema[]) => {
   const { checkValidated } = useCheckValidated(form, formSchemas)
diff --git a/web/app/components/base/form/hooks/use-get-validators.ts b/web/app/components/base/form/hooks/use-get-validators.ts
index 63b93d2c0a..634d01362d 100644
--- a/web/app/components/base/form/hooks/use-get-validators.ts
+++ b/web/app/components/base/form/hooks/use-get-validators.ts
@@ -1,10 +1,10 @@
+import type { ReactNode } from 'react'
+import type { FormSchema } from '../types'
 import {
   isValidElement,
   useCallback,
 } from 'react'
-import type { ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { FormSchema } from '../types'
 import { useRenderI18nObject } from '@/hooks/use-i18n'
 
 export const useGetValidators = () => {
diff --git a/web/app/components/base/form/index.stories.tsx b/web/app/components/base/form/index.stories.tsx
index f170cb4771..41e2e9deb8 100644
--- a/web/app/components/base/form/index.stories.tsx
+++ b/web/app/components/base/form/index.stories.tsx
@@ -1,16 +1,17 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useMemo, useState } from 'react'
+import type { FormStoryRender } from '../../../../.storybook/utils/form-story-wrapper'
+import type { FormSchema } from './types'
 import { useStore } from '@tanstack/react-form'
+import { useMemo, useState } from 'react'
+import { PreviewMode } from '@/app/components/base/features/types'
+import { TransferMethod } from '@/types/app'
+import { FormStoryWrapper } from '../../../../.storybook/utils/form-story-wrapper'
+import Button from '../button'
+import BaseForm from './components/base/base-form'
 import ContactFields from './form-scenarios/demo/contact-fields'
 import { demoFormOpts } from './form-scenarios/demo/shared-options'
 import { ContactMethods, UserSchema } from './form-scenarios/demo/types'
-import BaseForm from './components/base/base-form'
-import type { FormSchema } from './types'
 import { FormTypeEnum } from './types'
-import { type FormStoryRender, FormStoryWrapper } from '../../../../.storybook/utils/form-story-wrapper'
-import Button from '../button'
-import { TransferMethod } from '@/types/app'
-import { PreviewMode } from '@/app/components/base/features/types'
 
 const FormStoryHost = () => null
 
diff --git a/web/app/components/base/form/index.tsx b/web/app/components/base/form/index.tsx
index 9058745a46..6c60826c32 100644
--- a/web/app/components/base/form/index.tsx
+++ b/web/app/components/base/form/index.tsx
@@ -1,18 +1,18 @@
 import { createFormHook, createFormHookContexts } from '@tanstack/react-form'
-import TextField from './components/field/text'
-import NumberInputField from './components/field/number-input'
 import CheckboxField from './components/field/checkbox'
-import SelectField from './components/field/select'
 import CustomSelectField from './components/field/custom-select'
-import OptionsField from './components/field/options'
-import Actions from './components/form/actions'
-import InputTypeSelectField from './components/field/input-type-select'
 import FileTypesField from './components/field/file-types'
-import UploadMethodField from './components/field/upload-method'
-import NumberSliderField from './components/field/number-slider'
-import VariableOrConstantInputField from './components/field/variable-selector'
-import TextAreaField from './components/field/text-area'
 import FileUploaderField from './components/field/file-uploader'
+import InputTypeSelectField from './components/field/input-type-select'
+import NumberInputField from './components/field/number-input'
+import NumberSliderField from './components/field/number-slider'
+import OptionsField from './components/field/options'
+import SelectField from './components/field/select'
+import TextField from './components/field/text'
+import TextAreaField from './components/field/text-area'
+import UploadMethodField from './components/field/upload-method'
+import VariableOrConstantInputField from './components/field/variable-selector'
+import Actions from './components/form/actions'
 
 export const { fieldContext, useFieldContext, formContext, useFormContext }
   = createFormHookContexts()
diff --git a/web/app/components/base/form/types.ts b/web/app/components/base/form/types.ts
index 268f9db89a..a2b434f3cf 100644
--- a/web/app/components/base/form/types.ts
+++ b/web/app/components/base/form/types.ts
@@ -1,11 +1,11 @@
-import type {
-  ForwardedRef,
-  ReactNode,
-} from 'react'
 import type {
   AnyFormApi,
   FieldValidators,
 } from '@tanstack/react-form'
+import type {
+  ForwardedRef,
+  ReactNode,
+} from 'react'
 import type { Locale } from '@/i18n-config'
 
 export type TypeWithI18N<T = string> = {
diff --git a/web/app/components/base/fullscreen-modal/index.tsx b/web/app/components/base/fullscreen-modal/index.tsx
index b6a1ee8a32..b822d21921 100644
--- a/web/app/components/base/fullscreen-modal/index.tsx
+++ b/web/app/components/base/fullscreen-modal/index.tsx
@@ -1,7 +1,7 @@
 import { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react'
 import { RiCloseLargeLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
 
 type IModal = {
   className?: string
@@ -28,10 +28,7 @@ export default function FullScreenModal({
     <Transition show={open} appear>
       <Dialog as="div" className={cn('modal-dialog', wrapperClassName)} onClose={onClose}>
         <TransitionChild>
-          <div className={cn('fixed inset-0 bg-background-overlay-backdrop backdrop-blur-[6px]',
-            'duration-300 ease-in data-[closed]:opacity-0',
-            'data-[enter]:opacity-100',
-            'data-[leave]:opacity-0')} />
+          <div className={cn('fixed inset-0 bg-background-overlay-backdrop backdrop-blur-[6px]', 'duration-300 ease-in data-[closed]:opacity-0', 'data-[enter]:opacity-100', 'data-[leave]:opacity-0')} />
         </TransitionChild>
 
         <div
@@ -43,22 +40,20 @@ export default function FullScreenModal({
         >
           <div className="relative h-full w-full rounded-2xl border border-effects-highlight bg-background-default-subtle">
             <TransitionChild>
-              <DialogPanel className={cn('h-full',
-                overflowVisible ? 'overflow-visible' : 'overflow-hidden',
-                'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0',
-                'data-[enter]:scale-100 data-[enter]:opacity-100',
-                'data-[enter]:scale-95 data-[leave]:opacity-0',
-                className)}>
+              <DialogPanel className={cn('h-full', overflowVisible ? 'overflow-visible' : 'overflow-hidden', 'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0', 'data-[enter]:scale-100 data-[enter]:opacity-100', 'data-[enter]:scale-95 data-[leave]:opacity-0', className)}>
                 {closable
-                  && <div
-                    className='absolute right-3 top-3 z-50 flex h-9 w-9 cursor-pointer items-center justify-center
-                  rounded-[10px] bg-components-button-tertiary-bg hover:bg-components-button-tertiary-bg-hover'
-                    onClick={(e) => {
-                      e.stopPropagation()
-                      onClose()
-                    }}>
-                    <RiCloseLargeLine className='h-3.5 w-3.5 text-components-button-tertiary-text' />
-                  </div>}
+                  && (
+                    <div
+                      className="absolute right-3 top-3 z-50 flex h-9 w-9 cursor-pointer items-center justify-center
+                  rounded-[10px] bg-components-button-tertiary-bg hover:bg-components-button-tertiary-bg-hover"
+                      onClick={(e) => {
+                        e.stopPropagation()
+                        onClose()
+                      }}
+                    >
+                      <RiCloseLargeLine className="h-3.5 w-3.5 text-components-button-tertiary-text" />
+                    </div>
+                  )}
                 {children}
               </DialogPanel>
             </TransitionChild>
diff --git a/web/app/components/base/ga/index.tsx b/web/app/components/base/ga/index.tsx
index 7688e0de50..91614c34e0 100644
--- a/web/app/components/base/ga/index.tsx
+++ b/web/app/components/base/ga/index.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
-import React from 'react'
-import Script from 'next/script'
 import { headers } from 'next/headers'
+import Script from 'next/script'
+import React from 'react'
 import { IS_CE_EDITION } from '@/config'
 
 export enum GaType {
@@ -33,7 +33,8 @@ const GA: FC<IGAProps> = async ({
         async
         src={`https://www.googletagmanager.com/gtag/js?id=${gaIdMaps[gaType]}`}
         nonce={nonce ?? undefined}
-      ></Script>
+      >
+      </Script>
       <Script
         id="ga-init"
         dangerouslySetInnerHTML={{
@@ -50,9 +51,10 @@ gtag('config', '${gaIdMaps[gaType]}');
       {/* Cookie banner */}
       <Script
         id="cookieyes"
-        src='https://cdn-cookieyes.com/client_data/2a645945fcae53f8e025a2b1/script.js'
+        src="https://cdn-cookieyes.com/client_data/2a645945fcae53f8e025a2b1/script.js"
         nonce={nonce ?? undefined}
-      ></Script>
+      >
+      </Script>
     </>
 
   )
diff --git a/web/app/components/base/grid-mask/index.tsx b/web/app/components/base/grid-mask/index.tsx
index 455b155939..11f3f35845 100644
--- a/web/app/components/base/grid-mask/index.tsx
+++ b/web/app/components/base/grid-mask/index.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import Style from './style.module.css'
 import { cn } from '@/utils/classnames'
+import Style from './style.module.css'
 
 type GridMaskProps = {
   children: React.ReactNode
@@ -18,7 +18,7 @@ const GridMask: FC<GridMaskProps> = ({
     <div className={cn('relative bg-saas-background', wrapperClassName)}>
       <div className={cn('absolute inset-0 z-0 h-full w-full opacity-70', canvasClassName, Style.gridBg)} />
       <div className={cn('absolute z-[1] h-full w-full rounded-lg bg-grid-mask-background', gradientClassName)} />
-      <div className='relative z-[2]'>{children}</div>
+      <div className="relative z-[2]">{children}</div>
     </div>
   )
 }
diff --git a/web/app/components/base/icons/IconBase.spec.tsx b/web/app/components/base/icons/IconBase.spec.tsx
index 18c4c3ba1e..badbbc5212 100644
--- a/web/app/components/base/icons/IconBase.spec.tsx
+++ b/web/app/components/base/icons/IconBase.spec.tsx
@@ -1,6 +1,6 @@
+import type { IconData } from './IconBase'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
-import type { IconData } from './IconBase'
 import IconBase from './IconBase'
 import * as utils from './utils'
 
diff --git a/web/app/components/base/icons/IconBase.tsx b/web/app/components/base/icons/IconBase.tsx
index a20608c1c9..13ab7c816b 100644
--- a/web/app/components/base/icons/IconBase.tsx
+++ b/web/app/components/base/icons/IconBase.tsx
@@ -1,5 +1,5 @@
-import { generate } from './utils'
 import type { AbstractNode } from './utils'
+import { generate } from './utils'
 
 export type IconData = {
   name: string
@@ -18,7 +18,7 @@ const IconBase = (
     ref,
     ...props
   }: IconBaseProps & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => {
   const { data, className, onClick, style, ...restProps } = props
diff --git a/web/app/components/base/icons/icon-gallery.stories.tsx b/web/app/components/base/icons/icon-gallery.stories.tsx
index 7da71b3b0b..de7d251a1f 100644
--- a/web/app/components/base/icons/icon-gallery.stories.tsx
+++ b/web/app/components/base/icons/icon-gallery.stories.tsx
@@ -185,7 +185,10 @@ const IconGalleryStory = () => {
       <header style={headerStyle}>
         <h1 style={{ margin: 0 }}>Icon Gallery</h1>
         <p style={{ margin: 0, color: '#5f5f66' }}>
-          Browse all icon components sourced from <code>app/components/base/icons/src</code>. Use the search bar
+          Browse all icon components sourced from
+          {' '}
+          <code>app/components/base/icons/src</code>
+          . Use the search bar
           to filter by name or path.
         </p>
         <div style={controlsStyle}>
@@ -195,13 +198,21 @@ const IconGalleryStory = () => {
             value={query}
             onChange={event => setQuery(event.target.value)}
           />
-          <span style={{ color: '#5f5f66' }}>{filtered.length} icons</span>
+          <span style={{ color: '#5f5f66' }}>
+            {filtered.length}
+            {' '}
+            icons
+          </span>
           <button
             type="button"
             onClick={() => setPreviewTheme(prev => (prev === 'light' ? 'dark' : 'light'))}
             style={toggleButtonStyle}
           >
-            Toggle {previewTheme === 'light' ? 'dark' : 'light'} preview
+            Toggle
+            {' '}
+            {previewTheme === 'light' ? 'dark' : 'light'}
+            {' '}
+            preview
           </button>
         </div>
       </header>
diff --git a/web/app/components/base/icons/script.mjs b/web/app/components/base/icons/script.mjs
index f2bf43d930..1cee66d1db 100644
--- a/web/app/components/base/icons/script.mjs
+++ b/web/app/components/base/icons/script.mjs
@@ -1,5 +1,5 @@
-import path from 'node:path'
 import { access, appendFile, mkdir, open, readdir, rm, writeFile } from 'node:fs/promises'
+import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { parseXml } from '@rgrove/parse-xml'
 import { camelCase, template } from 'lodash-es'
@@ -155,10 +155,10 @@ const walk = async (entry, pathList, replaceFillOrStrokeColor) => {
         await walk(file, [...pathList, entry], replaceFillOrStrokeColor)
     }
 
-    if (stat.isFile() && /.+\.svg$/g.test(entry))
+    if (stat.isFile() && /.+\.svg$/.test(entry))
       await generateSvgComponent(fileHandle, entry, pathList, replaceFillOrStrokeColor)
 
-    if (stat.isFile() && /.+\.png$/g.test(entry))
+    if (stat.isFile() && /.+\.png$/.test(entry))
       await generateImageComponent(entry, pathList)
   }
   finally {
diff --git a/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx b/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx
index 7c2f24b6b7..dba4597d8c 100644
--- a/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx
+++ b/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/Minimax.tsx b/web/app/components/base/icons/src/image/llm/Minimax.tsx
index 9a4f81e374..2776863e34 100644
--- a/web/app/components/base/icons/src/image/llm/Minimax.tsx
+++ b/web/app/components/base/icons/src/image/llm/Minimax.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/MinimaxText.tsx b/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
index a11210a9c0..c222ffcccf 100644
--- a/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
+++ b/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/Tongyi.tsx b/web/app/components/base/icons/src/image/llm/Tongyi.tsx
index 966a99e041..90dfe297c4 100644
--- a/web/app/components/base/icons/src/image/llm/Tongyi.tsx
+++ b/web/app/components/base/icons/src/image/llm/Tongyi.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/TongyiText.tsx b/web/app/components/base/icons/src/image/llm/TongyiText.tsx
index e82fcc6361..6793503d76 100644
--- a/web/app/components/base/icons/src/image/llm/TongyiText.tsx
+++ b/web/app/components/base/icons/src/image/llm/TongyiText.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx b/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
index 8fb41b60d1..02faefe1ae 100644
--- a/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
+++ b/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/Wxyy.tsx b/web/app/components/base/icons/src/image/llm/Wxyy.tsx
index 988c289215..789fa8392c 100644
--- a/web/app/components/base/icons/src/image/llm/Wxyy.tsx
+++ b/web/app/components/base/icons/src/image/llm/Wxyy.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/WxyyText.tsx b/web/app/components/base/icons/src/image/llm/WxyyText.tsx
index 87402fd856..2c7f9e95fd 100644
--- a/web/app/components/base/icons/src/image/llm/WxyyText.tsx
+++ b/web/app/components/base/icons/src/image/llm/WxyyText.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx b/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
index f7d6464c13..027ab4ffd4 100644
--- a/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
+++ b/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
@@ -11,7 +11,7 @@ const Icon = (
     className,
     ...restProps
   }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
-    ref?: React.RefObject<HTMLSpanElement>;
+    ref?: React.RefObject<HTMLSpanElement>
   },
 ) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
diff --git a/web/app/components/base/icons/src/image/llm/index.ts b/web/app/components/base/icons/src/image/llm/index.ts
index 3a4e64ac18..1b7f8c48eb 100644
--- a/web/app/components/base/icons/src/image/llm/index.ts
+++ b/web/app/components/base/icons/src/image/llm/index.ts
@@ -1,9 +1,9 @@
 export { default as BaichuanTextCn } from './BaichuanTextCn'
-export { default as MinimaxText } from './MinimaxText'
 export { default as Minimax } from './Minimax'
-export { default as TongyiTextCn } from './TongyiTextCn'
-export { default as TongyiText } from './TongyiText'
+export { default as MinimaxText } from './MinimaxText'
 export { default as Tongyi } from './Tongyi'
-export { default as WxyyTextCn } from './WxyyTextCn'
-export { default as WxyyText } from './WxyyText'
+export { default as TongyiText } from './TongyiText'
+export { default as TongyiTextCn } from './TongyiTextCn'
 export { default as Wxyy } from './Wxyy'
+export { default as WxyyText } from './WxyyText'
+export { default as WxyyTextCn } from './WxyyTextCn'
diff --git a/web/app/components/base/icons/src/public/avatar/Robot.json b/web/app/components/base/icons/src/public/avatar/Robot.json
index 8969a2a649..0590e6e6c1 100644
--- a/web/app/components/base/icons/src/public/avatar/Robot.json
+++ b/web/app/components/base/icons/src/public/avatar/Robot.json
@@ -1,92 +1,92 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "12",
-					"fill": "#D5F5F6"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "0.25",
-					"y": "0.25",
-					"width": "23.5",
-					"height": "23.5",
-					"rx": "11.75",
-					"stroke": "black",
-					"stroke-opacity": "0.05",
-					"stroke-width": "0.5"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 20.12H20V4.12H4V20.12Z",
-					"fill": "url(#pattern0)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "pattern",
-						"attributes": {
-							"id": "pattern0",
-							"patternContentUnits": "objectBoundingBox",
-							"width": "1",
-							"height": "1"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "use",
-								"attributes": {
-									"xlink:href": "#image0_13843_72627",
-									"transform": "scale(0.00625)"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "image",
-						"attributes": {
-							"id": "image0_13843_72627",
-							"width": "160",
-							"height": "160",
-							"xlink:href": "data:image/png;base64,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"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Robot"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "12",
+          "fill": "#D5F5F6"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "0.25",
+          "y": "0.25",
+          "width": "23.5",
+          "height": "23.5",
+          "rx": "11.75",
+          "stroke": "black",
+          "stroke-opacity": "0.05",
+          "stroke-width": "0.5"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 20.12H20V4.12H4V20.12Z",
+          "fill": "url(#pattern0)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "pattern",
+            "attributes": {
+              "id": "pattern0",
+              "patternContentUnits": "objectBoundingBox",
+              "width": "1",
+              "height": "1"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "use",
+                "attributes": {
+                  "xlink:href": "#image0_13843_72627",
+                  "transform": "scale(0.00625)"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "image",
+            "attributes": {
+              "id": "image0_13843_72627",
+              "width": "160",
+              "height": "160",
+              "xlink:href": "data:image/png;base64,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"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Robot"
 }
diff --git a/web/app/components/base/icons/src/public/avatar/Robot.tsx b/web/app/components/base/icons/src/public/avatar/Robot.tsx
index 31dd7f3efd..eb04731398 100644
--- a/web/app/components/base/icons/src/public/avatar/Robot.tsx
+++ b/web/app/components/base/icons/src/public/avatar/Robot.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Robot.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Robot.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/avatar/User.json b/web/app/components/base/icons/src/public/avatar/User.json
index 4b9ad7615f..a752d15134 100644
--- a/web/app/components/base/icons/src/public/avatar/User.json
+++ b/web/app/components/base/icons/src/public/avatar/User.json
@@ -1,89 +1,89 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "512",
-			"height": "512",
-			"viewBox": "0 0 512 512",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_5968_39205)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "512",
-							"height": "512",
-							"rx": "256",
-							"fill": "#B2DDFF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "circle",
-						"attributes": {
-							"opacity": "0.68",
-							"cx": "256",
-							"cy": "196",
-							"r": "84",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "ellipse",
-						"attributes": {
-							"opacity": "0.68",
-							"cx": "256",
-							"cy": "583.5",
-							"rx": "266",
-							"ry": "274.5",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_5968_39205"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "512",
-									"height": "512",
-									"rx": "256",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "User"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "512",
+      "height": "512",
+      "viewBox": "0 0 512 512",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_5968_39205)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "512",
+              "height": "512",
+              "rx": "256",
+              "fill": "#B2DDFF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "circle",
+            "attributes": {
+              "opacity": "0.68",
+              "cx": "256",
+              "cy": "196",
+              "r": "84",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "ellipse",
+            "attributes": {
+              "opacity": "0.68",
+              "cx": "256",
+              "cy": "583.5",
+              "rx": "266",
+              "ry": "274.5",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_5968_39205"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "512",
+                  "height": "512",
+                  "rx": "256",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "User"
 }
diff --git a/web/app/components/base/icons/src/public/avatar/User.tsx b/web/app/components/base/icons/src/public/avatar/User.tsx
index d5210a2af4..1612106291 100644
--- a/web/app/components/base/icons/src/public/avatar/User.tsx
+++ b/web/app/components/base/icons/src/public/avatar/User.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './User.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './User.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/ArCube1.json b/web/app/components/base/icons/src/public/billing/ArCube1.json
index 89d9786c04..4c0fc5f56c 100644
--- a/web/app/components/base/icons/src/public/billing/ArCube1.json
+++ b/web/app/components/base/icons/src/public/billing/ArCube1.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "28",
-			"height": "28",
-			"viewBox": "0 0 28 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.0002 14V23.9166M14.0002 14L5.25 9.07806M14.0002 14L22.4731 9.2338M23.625 9.95052V18.0493C23.625 18.8924 23.1703 19.6697 22.4356 20.0831L15.1439 24.1846C14.4336 24.5842 13.5663 24.5842 12.8561 24.1846L5.56439 20.0831C4.82967 19.6697 4.375 18.8924 4.375 18.0493V9.95052C4.375 9.10756 4.82967 8.33012 5.56439 7.91684L12.8561 3.81529C13.5663 3.41574 14.4336 3.41574 15.1439 3.81529L22.4356 7.91684C23.1703 8.33012 23.625 9.10756 23.625 9.95052Z",
-					"stroke": "#101828",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ArCube1"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "28",
+      "height": "28",
+      "viewBox": "0 0 28 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.0002 14V23.9166M14.0002 14L5.25 9.07806M14.0002 14L22.4731 9.2338M23.625 9.95052V18.0493C23.625 18.8924 23.1703 19.6697 22.4356 20.0831L15.1439 24.1846C14.4336 24.5842 13.5663 24.5842 12.8561 24.1846L5.56439 20.0831C4.82967 19.6697 4.375 18.8924 4.375 18.0493V9.95052C4.375 9.10756 4.82967 8.33012 5.56439 7.91684L12.8561 3.81529C13.5663 3.41574 14.4336 3.41574 15.1439 3.81529L22.4356 7.91684C23.1703 8.33012 23.625 9.10756 23.625 9.95052Z",
+          "stroke": "#101828",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ArCube1"
 }
diff --git a/web/app/components/base/icons/src/public/billing/ArCube1.tsx b/web/app/components/base/icons/src/public/billing/ArCube1.tsx
index 1a517ca750..5bdb08ed24 100644
--- a/web/app/components/base/icons/src/public/billing/ArCube1.tsx
+++ b/web/app/components/base/icons/src/public/billing/ArCube1.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArCube1.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArCube1.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/Asterisk.json b/web/app/components/base/icons/src/public/billing/Asterisk.json
index d4a2e91b45..f782f80c45 100644
--- a/web/app/components/base/icons/src/public/billing/Asterisk.json
+++ b/web/app/components/base/icons/src/public/billing/Asterisk.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "28",
-			"height": "28",
-			"viewBox": "0 0 28 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "asterisk"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M14.0033 3.20837V24.7917M4.65747 8.60421L23.3492 19.3959M4.6586 19.3959L23.3503 8.60421",
-							"stroke": "#101828",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Asterisk"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "28",
+      "height": "28",
+      "viewBox": "0 0 28 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "asterisk"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M14.0033 3.20837V24.7917M4.65747 8.60421L23.3492 19.3959M4.6586 19.3959L23.3503 8.60421",
+              "stroke": "#101828",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Asterisk"
 }
diff --git a/web/app/components/base/icons/src/public/billing/Asterisk.tsx b/web/app/components/base/icons/src/public/billing/Asterisk.tsx
index 916b90429c..ec1a1112dd 100644
--- a/web/app/components/base/icons/src/public/billing/Asterisk.tsx
+++ b/web/app/components/base/icons/src/public/billing/Asterisk.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Asterisk.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Asterisk.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.json b/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.json
index 89105526ca..808da746e8 100644
--- a/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.json
+++ b/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.json
@@ -1,179 +1,179 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "126",
-			"height": "25",
-			"viewBox": "0 0 126 25",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_4_12262)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M47.3131 15.0593V9.21609C47.3131 8.64631 47.2037 8.23413 46.9849 7.95531C46.7662 7.6886 46.4259 7.54313 45.9641 7.54313C45.1377 7.54313 44.2991 7.79771 43.4606 8.30687C43.4728 8.39173 43.4728 8.47659 43.4728 8.56145C43.4728 8.64631 43.4728 8.7433 43.4728 8.82816V15.0351H41.7834V9.19184C41.7834 8.62207 41.6741 8.20989 41.4553 7.93106C41.2366 7.66436 40.8963 7.51888 40.4345 7.51888C39.5716 7.51888 38.7452 7.77346 37.9553 8.2705V15.023H36.266V6.4157H37.6757L37.8459 7.27642C38.9396 6.5248 39.9969 6.16112 41.03 6.16112C42.0873 6.16112 42.8043 6.56117 43.1689 7.36128C44.287 6.56117 45.4172 6.16112 46.5353 6.16112C47.313 6.16112 47.9207 6.37933 48.3339 6.82788C48.7593 7.2643 48.9659 7.89469 48.9659 8.70693V15.023H47.3131V15.0593Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M55.966 15.0593L55.8323 14.1744C55.4191 14.5259 54.9694 14.7926 54.4833 14.9866C53.985 15.1806 53.4989 15.2775 53.0128 15.2775C52.2107 15.2775 51.5666 15.0472 51.0805 14.5865C50.5944 14.1259 50.3513 13.5197 50.3513 12.7439C50.3513 11.9195 50.643 11.2527 51.2385 10.7678C51.834 10.2708 52.6239 10.0283 53.6205 10.0283C54.2767 10.0283 54.9937 10.1253 55.7594 10.3193V9.20397C55.7594 8.59782 55.6257 8.1614 55.3462 7.91894C55.0667 7.66436 54.5927 7.54313 53.9243 7.54313C52.9642 7.54313 51.9677 7.71285 50.9346 8.06441V6.87637C51.3478 6.65816 51.8461 6.50056 52.4295 6.37933C53.025 6.2581 53.6205 6.19749 54.216 6.19749C55.2976 6.19749 56.0875 6.4157 56.5979 6.86425C57.1084 7.31279 57.3636 7.99168 57.3636 8.91302V15.0593H55.966ZM53.4139 14.0046C54.1795 14.0046 54.9694 13.7137 55.7594 13.1439V11.4103C55.1639 11.2649 54.5684 11.1921 53.9607 11.1921C52.6847 11.1921 52.0406 11.6892 52.0406 12.6711C52.0406 13.0954 52.1621 13.4349 52.393 13.6652C52.6361 13.8834 52.9763 14.0046 53.4139 14.0046Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M59.2959 15.0593V6.45207H60.7056L60.8879 7.72497C61.2039 7.38553 61.4956 7.11883 61.7751 6.93698C62.0546 6.75514 62.322 6.60966 62.6137 6.5248C62.8932 6.43994 63.2092 6.39145 63.5373 6.39145C63.756 6.39145 63.987 6.40357 64.23 6.43994V7.96743C63.8654 7.91894 63.5616 7.89469 63.3064 7.89469C62.3949 7.89469 61.6171 8.1614 60.973 8.70693V15.0593H59.2959Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M65.2752 15.0593V2.5H66.9644V10.2102L70.6225 6.46419H72.6763L68.5929 10.5496L72.9437 15.0593H70.8169L66.9523 10.986V15.0593H65.2752Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M74.4871 11.1194C74.5114 12.0892 74.7545 12.8166 75.2163 13.2773C75.6781 13.7379 76.383 13.9683 77.3552 13.9683C78.2546 13.9683 79.166 13.7985 80.0897 13.447V14.6472C79.2754 15.0836 78.2789 15.3139 77.1 15.3139C75.7024 15.3139 74.6451 14.926 73.9403 14.1622C73.2232 13.3985 72.8708 12.2589 72.8708 10.7557C72.8708 9.31307 73.2232 8.19776 73.9403 7.40978C74.6573 6.62179 75.6538 6.20961 76.9299 6.20961C78.0115 6.20961 78.8379 6.51268 79.4091 7.11883C79.9925 7.72497 80.272 8.5857 80.272 9.68888C80.272 10.2223 80.2234 10.7072 80.1383 11.1315H74.4871V11.1194ZM76.8327 7.47039C76.1156 7.47039 75.5566 7.6886 75.1677 8.10078C74.7667 8.52508 74.5479 9.15547 74.4871 9.99195H78.7285C78.7407 9.90709 78.7407 9.7495 78.7407 9.55553C78.7407 8.86452 78.5827 8.34324 78.2546 7.99168C77.9386 7.65223 77.4646 7.47039 76.8327 7.47039Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M86.8589 14.8532C86.2998 15.0715 85.6679 15.1806 84.9752 15.1806C83.3588 15.1806 82.5567 14.3804 82.5567 12.7681V7.77346H80.989V6.6824L82.6053 6.47631L82.8605 4.02749H84.2338V6.43994H86.786V7.76134H84.2338V12.6832C84.2338 13.1075 84.3311 13.3985 84.5134 13.5682C84.6956 13.7379 85.0238 13.8228 85.4734 13.8228C85.9353 13.8228 86.3971 13.7622 86.8467 13.6531V14.8532H86.8589Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M88.0134 6.45207H89.4232L89.5811 7.33704C90.444 6.5733 91.4041 6.19749 92.4614 6.19749C93.5673 6.19749 94.4302 6.59754 95.0621 7.39765C95.6941 8.19776 96.0101 9.2767 96.0101 10.6466C96.0101 12.0407 95.6698 13.156 95.0014 13.9925C94.333 14.829 93.4458 15.2533 92.3277 15.2533C91.3069 15.2533 90.4319 14.9139 89.6905 14.2471V18.5628H88.0134V6.45207ZM91.9753 7.55525C91.1732 7.55525 90.4076 7.80983 89.6905 8.33112V13.0712C90.4319 13.6167 91.1732 13.8834 91.9388 13.8834C93.5066 13.8834 94.2844 12.8287 94.2844 10.7315C94.2844 9.65251 94.0899 8.86453 93.7132 8.34324C93.3486 7.82196 92.7652 7.55525 91.9753 7.55525Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M100.628 14.9381C100.251 15.0715 99.8504 15.1442 99.4008 15.1442C98.8053 15.1442 98.3435 14.9745 98.0275 14.6229C97.7115 14.2835 97.5535 13.7864 97.5535 13.1439V2.5H99.2428V13.0348C99.2428 13.2894 99.2914 13.4834 99.4008 13.6046C99.5101 13.7258 99.6924 13.7864 99.9355 13.7864C100.166 13.7864 100.397 13.7743 100.628 13.7379V14.9381Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M107.142 15.0593L107.009 14.1744C106.595 14.5259 106.146 14.7926 105.66 14.9866C105.161 15.1806 104.675 15.2775 104.189 15.2775C103.387 15.2775 102.743 15.0472 102.257 14.5865C101.771 14.1259 101.528 13.5197 101.528 12.7439C101.528 11.9195 101.819 11.2527 102.415 10.7678C103.01 10.2708 103.8 10.0283 104.797 10.0283C105.453 10.0283 106.17 10.1253 106.936 10.3193V9.20397C106.936 8.59782 106.802 8.1614 106.522 7.91894C106.243 7.66436 105.769 7.54313 105.101 7.54313C104.14 7.54313 103.144 7.71285 102.111 8.06441V6.87637C102.524 6.65816 103.022 6.50056 103.606 6.37933C104.201 6.2581 104.797 6.19749 105.392 6.19749C106.474 6.19749 107.264 6.4157 107.774 6.86425C108.285 7.31279 108.54 7.99168 108.54 8.91302V15.0593H107.142ZM104.59 14.0046C105.356 14.0046 106.146 13.7137 106.936 13.1439V11.4103C106.34 11.2649 105.745 11.1921 105.137 11.1921C103.861 11.1921 103.217 11.6892 103.217 12.6711C103.217 13.0954 103.338 13.4349 103.569 13.6652C103.812 13.8834 104.153 14.0046 104.59 14.0046Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M116.488 14.732C115.832 15.0715 115.066 15.2412 114.203 15.2412C112.866 15.2412 111.845 14.8532 111.128 14.0895C110.424 13.3258 110.059 12.2226 110.059 10.7678C110.059 9.32519 110.424 8.22201 111.153 7.43402C111.882 6.64603 112.915 6.2581 114.252 6.2581C115.017 6.2581 115.722 6.4157 116.391 6.73089V7.93106C115.747 7.72497 115.115 7.62799 114.483 7.62799C113.535 7.62799 112.842 7.87045 112.429 8.35536C112.003 8.84028 111.797 9.60402 111.797 10.6587V10.8769C111.797 11.9074 112.016 12.659 112.429 13.1439C112.854 13.6288 113.523 13.8713 114.446 13.8713C115.054 13.8713 115.722 13.7622 116.451 13.5318V14.732H116.488Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M118.882 11.1194C118.906 12.0892 119.149 12.8166 119.611 13.2773C120.073 13.7379 120.778 13.9683 121.75 13.9683C122.649 13.9683 123.561 13.7985 124.484 13.447V14.6472C123.67 15.0836 122.674 15.3139 121.495 15.3139C120.097 15.3139 119.04 14.926 118.335 14.1622C117.618 13.3985 117.266 12.2589 117.266 10.7557C117.266 9.31307 117.618 8.19776 118.335 7.40978C119.052 6.62179 120.049 6.20961 121.325 6.20961C122.406 6.20961 123.233 6.51268 123.804 7.11883C124.387 7.72497 124.667 8.5857 124.667 9.68888C124.667 10.2223 124.618 10.7072 124.533 11.1315H118.882V11.1194ZM121.228 7.47039C120.511 7.47039 119.951 7.6886 119.563 8.10078C119.162 8.52508 118.943 9.15547 118.882 9.99195H123.123C123.136 9.90709 123.136 9.7495 123.136 9.55553C123.136 8.86452 122.978 8.34324 122.649 7.99168C122.321 7.65223 121.847 7.47039 121.228 7.47039Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M26.9203 15.3139C26.3735 15.3139 25.8387 15.2533 25.3161 15.1321C24.7936 15.0108 24.3925 14.8775 24.113 14.7199C23.9429 14.6229 23.8335 14.5259 23.797 14.4289C23.7484 14.332 23.7363 14.235 23.7363 14.138V13.6167C23.7363 13.3985 23.8092 13.2894 23.9672 13.2894C24.0279 13.2894 24.0887 13.3015 24.1616 13.3258C24.2224 13.35 24.3196 13.3864 24.429 13.4349C24.7814 13.5925 25.1582 13.7137 25.5714 13.7985C25.9846 13.8834 26.3978 13.9198 26.811 13.9198C27.4672 13.9198 27.9655 13.8107 28.3301 13.5803C28.6825 13.35 28.8648 13.0227 28.8648 12.5984C28.8648 12.3074 28.7676 12.065 28.5853 11.871C28.403 11.677 28.0506 11.4952 27.5401 11.3255L26.0332 10.8527C25.2675 10.6102 24.7206 10.2587 24.3682 9.79799C24.0279 9.33732 23.8456 8.84028 23.8456 8.29475C23.8456 7.85832 23.9429 7.47039 24.1251 7.14307C24.3074 6.81575 24.5627 6.5248 24.8665 6.29447C25.1703 6.06413 25.5349 5.88229 25.9481 5.76106C26.3613 5.63983 26.7988 5.57922 27.2606 5.57922C27.4915 5.57922 27.7224 5.59134 27.9655 5.62771C28.1964 5.66408 28.4273 5.70045 28.6339 5.74894C28.8405 5.79743 29.0471 5.84592 29.2294 5.90654C29.4117 5.96715 29.5575 6.02777 29.6669 6.08838C29.8128 6.17324 29.91 6.2581 29.9707 6.34296C30.0315 6.42782 30.0558 6.53693 30.0558 6.6824V7.16732C30.0558 7.38553 29.9829 7.49464 29.8249 7.49464C29.7398 7.49464 29.6061 7.45827 29.4239 7.37341C28.8284 7.1067 28.1599 6.97335 27.4308 6.97335C26.8353 6.97335 26.3735 7.07033 26.0453 7.2643C25.7172 7.45827 25.5592 7.76134 25.5592 8.18564C25.5592 8.47659 25.6564 8.71905 25.863 8.92514C26.0696 9.11911 26.4464 9.31307 27.0054 9.49492L28.4759 9.96771C29.2294 10.2102 29.7641 10.5375 30.0801 10.9618C30.3961 11.3861 30.5662 11.871 30.5662 12.4165C30.5662 12.8651 30.4812 13.2651 30.2989 13.6167C30.1166 13.9683 29.8614 14.2835 29.5454 14.538C29.2294 14.7926 28.8405 14.9866 28.3908 15.1199C27.9412 15.2412 27.4551 15.3139 26.9203 15.3139ZM13.5885 15.0351C13.4062 15.0351 13.2725 14.9987 13.1875 14.9381C13.1024 14.8775 13.0295 14.732 12.9687 14.5259L10.5381 6.51268C10.4774 6.30659 10.4531 6.17324 10.4531 6.1005C10.4531 5.93078 10.5381 5.84592 10.7083 5.84592H11.7291C11.9236 5.84592 12.0573 5.88229 12.1423 5.9429C12.2152 6.00352 12.2882 6.14899 12.3489 6.35508L14.0989 13.2045L15.691 6.35508C15.7396 6.14899 15.8004 6.01564 15.8854 5.9429C15.9705 5.88229 16.1042 5.84592 16.2986 5.84592H17.1372C17.3316 5.84592 17.4653 5.88229 17.5504 5.9429C17.6355 6.00352 17.6962 6.14899 17.7448 6.35508L19.3855 13.3015L21.1841 6.35508C21.2449 6.14899 21.3178 6.01564 21.3907 5.9429C21.4636 5.88229 21.6095 5.84592 21.8039 5.84592H22.764C22.9341 5.84592 23.0192 5.93078 23.0192 6.1005C23.0192 6.14899 23.007 6.19749 23.007 6.2581C22.9948 6.31871 22.9706 6.40357 22.9341 6.51268L20.4306 14.5259C20.3698 14.732 20.2969 14.8654 20.2118 14.9381C20.1268 14.9987 19.9931 15.0351 19.8108 15.0351H18.9236C18.7292 15.0351 18.5955 14.9987 18.5104 14.926C18.4254 14.8532 18.3646 14.7199 18.316 14.5138L16.6996 7.8462L15.0954 14.5138C15.0468 14.7199 14.986 14.8532 14.901 14.926C14.8159 14.9987 14.6822 15.0351 14.4878 15.0351H13.5885ZM5.23942 13.9077C5.57971 13.9077 5.93214 13.847 6.30889 13.7137C6.68563 13.5925 7.01376 13.3621 7.29328 13.0469C7.46342 12.853 7.58495 12.6347 7.64572 12.3802C7.70648 12.1377 7.74294 11.8346 7.74294 11.4831V11.0466C7.43911 10.9739 7.12314 10.9133 6.78285 10.8769C6.45472 10.8406 6.12659 10.8163 5.81061 10.8163C5.11789 10.8163 4.60747 10.9497 4.26718 11.2285C3.9269 11.5073 3.75676 11.9074 3.75676 12.4287C3.75676 12.9136 3.87829 13.2773 4.1335 13.5197C4.41302 13.7864 4.76546 13.9077 5.23942 13.9077ZM9.45651 12.3317C9.45651 12.7196 9.49297 13.0227 9.57804 13.253C9.65096 13.4834 9.77249 13.7258 9.91832 13.9925C9.96694 14.0774 9.99124 14.1501 9.99124 14.2228C9.99124 14.332 9.93048 14.4289 9.79679 14.5259L9.12838 14.9866C9.03116 15.0472 8.94608 15.0715 8.86101 15.0715C8.75164 15.0715 8.65441 15.023 8.55719 14.926C8.41135 14.7805 8.28982 14.6229 8.18045 14.4411C8.08322 14.2713 7.97385 14.0653 7.86447 13.8349C7.05022 14.7926 6.02937 15.2654 4.81407 15.2654C3.93905 15.2654 3.24633 15.023 2.74806 14.5259C2.23763 14.0289 1.98242 13.3621 1.98242 12.5378C1.98242 11.6528 2.2984 10.9497 2.93036 10.4041C3.56231 9.87073 4.41302 9.5919 5.47033 9.5919C5.82277 9.5919 6.18736 9.61614 6.5641 9.67676C6.94084 9.72525 7.34189 9.81011 7.75509 9.90709V9.14335C7.75509 8.35536 7.5971 7.80983 7.26897 7.48251C6.94084 7.16732 6.3818 6.9976 5.57971 6.9976C5.21512 6.9976 4.83838 7.04609 4.46163 7.13095C4.08489 7.21581 3.70815 7.33704 3.34356 7.48251C3.17342 7.55525 3.05189 7.60374 2.97897 7.61587C2.90605 7.62799 2.85744 7.64011 2.82098 7.64011C2.67514 7.64011 2.60222 7.531 2.60222 7.31279V6.80363C2.60222 6.63391 2.62653 6.51268 2.67514 6.43994C2.72375 6.36721 2.82098 6.29447 2.96681 6.22173C3.3314 6.03989 3.76891 5.88229 4.27934 5.74894C4.78976 5.61559 5.32449 5.55497 5.89568 5.55497C7.13529 5.55497 8.03461 5.8338 8.61796 6.40357C9.18915 6.96123 9.48082 7.80983 9.48082 8.94938V12.3317H9.45651Z",
-							"fill": "#222225"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M28.889 20.3449C25.474 22.8665 20.5156 24.2 16.2499 24.2C10.2707 24.2 4.88689 21.9936 0.803479 18.3204C0.487501 18.0294 0.76702 17.6415 1.15592 17.8597C5.5553 20.4177 10.9877 21.9451 16.6145 21.9451C20.4062 21.9451 24.5747 21.1572 28.4029 19.5448C28.9741 19.3023 29.4481 19.9327 28.889 20.3449Z",
-							"fill": "#FF9900"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M30.3109 18.7205C29.8734 18.1628 27.4185 18.4537 26.3126 18.5871C25.9845 18.6235 25.9237 18.3325 26.2275 18.1264C28.1842 16.7565 31.3925 17.1566 31.7693 17.6051C32.146 18.0658 31.6721 21.2784 29.837 22.8059C29.5574 23.0362 29.2901 22.915 29.4116 22.5998C29.8248 21.5815 30.7484 19.2902 30.3109 18.7205Z",
-							"fill": "#FF9900"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_4_12262"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "124.5",
-									"height": "24",
-									"fill": "white",
-									"transform": "translate(0.666748 0.5)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AwsMarketplaceDark"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "126",
+      "height": "25",
+      "viewBox": "0 0 126 25",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_4_12262)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M47.3131 15.0593V9.21609C47.3131 8.64631 47.2037 8.23413 46.9849 7.95531C46.7662 7.6886 46.4259 7.54313 45.9641 7.54313C45.1377 7.54313 44.2991 7.79771 43.4606 8.30687C43.4728 8.39173 43.4728 8.47659 43.4728 8.56145C43.4728 8.64631 43.4728 8.7433 43.4728 8.82816V15.0351H41.7834V9.19184C41.7834 8.62207 41.6741 8.20989 41.4553 7.93106C41.2366 7.66436 40.8963 7.51888 40.4345 7.51888C39.5716 7.51888 38.7452 7.77346 37.9553 8.2705V15.023H36.266V6.4157H37.6757L37.8459 7.27642C38.9396 6.5248 39.9969 6.16112 41.03 6.16112C42.0873 6.16112 42.8043 6.56117 43.1689 7.36128C44.287 6.56117 45.4172 6.16112 46.5353 6.16112C47.313 6.16112 47.9207 6.37933 48.3339 6.82788C48.7593 7.2643 48.9659 7.89469 48.9659 8.70693V15.023H47.3131V15.0593Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M55.966 15.0593L55.8323 14.1744C55.4191 14.5259 54.9694 14.7926 54.4833 14.9866C53.985 15.1806 53.4989 15.2775 53.0128 15.2775C52.2107 15.2775 51.5666 15.0472 51.0805 14.5865C50.5944 14.1259 50.3513 13.5197 50.3513 12.7439C50.3513 11.9195 50.643 11.2527 51.2385 10.7678C51.834 10.2708 52.6239 10.0283 53.6205 10.0283C54.2767 10.0283 54.9937 10.1253 55.7594 10.3193V9.20397C55.7594 8.59782 55.6257 8.1614 55.3462 7.91894C55.0667 7.66436 54.5927 7.54313 53.9243 7.54313C52.9642 7.54313 51.9677 7.71285 50.9346 8.06441V6.87637C51.3478 6.65816 51.8461 6.50056 52.4295 6.37933C53.025 6.2581 53.6205 6.19749 54.216 6.19749C55.2976 6.19749 56.0875 6.4157 56.5979 6.86425C57.1084 7.31279 57.3636 7.99168 57.3636 8.91302V15.0593H55.966ZM53.4139 14.0046C54.1795 14.0046 54.9694 13.7137 55.7594 13.1439V11.4103C55.1639 11.2649 54.5684 11.1921 53.9607 11.1921C52.6847 11.1921 52.0406 11.6892 52.0406 12.6711C52.0406 13.0954 52.1621 13.4349 52.393 13.6652C52.6361 13.8834 52.9763 14.0046 53.4139 14.0046Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M59.2959 15.0593V6.45207H60.7056L60.8879 7.72497C61.2039 7.38553 61.4956 7.11883 61.7751 6.93698C62.0546 6.75514 62.322 6.60966 62.6137 6.5248C62.8932 6.43994 63.2092 6.39145 63.5373 6.39145C63.756 6.39145 63.987 6.40357 64.23 6.43994V7.96743C63.8654 7.91894 63.5616 7.89469 63.3064 7.89469C62.3949 7.89469 61.6171 8.1614 60.973 8.70693V15.0593H59.2959Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M65.2752 15.0593V2.5H66.9644V10.2102L70.6225 6.46419H72.6763L68.5929 10.5496L72.9437 15.0593H70.8169L66.9523 10.986V15.0593H65.2752Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M74.4871 11.1194C74.5114 12.0892 74.7545 12.8166 75.2163 13.2773C75.6781 13.7379 76.383 13.9683 77.3552 13.9683C78.2546 13.9683 79.166 13.7985 80.0897 13.447V14.6472C79.2754 15.0836 78.2789 15.3139 77.1 15.3139C75.7024 15.3139 74.6451 14.926 73.9403 14.1622C73.2232 13.3985 72.8708 12.2589 72.8708 10.7557C72.8708 9.31307 73.2232 8.19776 73.9403 7.40978C74.6573 6.62179 75.6538 6.20961 76.9299 6.20961C78.0115 6.20961 78.8379 6.51268 79.4091 7.11883C79.9925 7.72497 80.272 8.5857 80.272 9.68888C80.272 10.2223 80.2234 10.7072 80.1383 11.1315H74.4871V11.1194ZM76.8327 7.47039C76.1156 7.47039 75.5566 7.6886 75.1677 8.10078C74.7667 8.52508 74.5479 9.15547 74.4871 9.99195H78.7285C78.7407 9.90709 78.7407 9.7495 78.7407 9.55553C78.7407 8.86452 78.5827 8.34324 78.2546 7.99168C77.9386 7.65223 77.4646 7.47039 76.8327 7.47039Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M86.8589 14.8532C86.2998 15.0715 85.6679 15.1806 84.9752 15.1806C83.3588 15.1806 82.5567 14.3804 82.5567 12.7681V7.77346H80.989V6.6824L82.6053 6.47631L82.8605 4.02749H84.2338V6.43994H86.786V7.76134H84.2338V12.6832C84.2338 13.1075 84.3311 13.3985 84.5134 13.5682C84.6956 13.7379 85.0238 13.8228 85.4734 13.8228C85.9353 13.8228 86.3971 13.7622 86.8467 13.6531V14.8532H86.8589Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M88.0134 6.45207H89.4232L89.5811 7.33704C90.444 6.5733 91.4041 6.19749 92.4614 6.19749C93.5673 6.19749 94.4302 6.59754 95.0621 7.39765C95.6941 8.19776 96.0101 9.2767 96.0101 10.6466C96.0101 12.0407 95.6698 13.156 95.0014 13.9925C94.333 14.829 93.4458 15.2533 92.3277 15.2533C91.3069 15.2533 90.4319 14.9139 89.6905 14.2471V18.5628H88.0134V6.45207ZM91.9753 7.55525C91.1732 7.55525 90.4076 7.80983 89.6905 8.33112V13.0712C90.4319 13.6167 91.1732 13.8834 91.9388 13.8834C93.5066 13.8834 94.2844 12.8287 94.2844 10.7315C94.2844 9.65251 94.0899 8.86453 93.7132 8.34324C93.3486 7.82196 92.7652 7.55525 91.9753 7.55525Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M100.628 14.9381C100.251 15.0715 99.8504 15.1442 99.4008 15.1442C98.8053 15.1442 98.3435 14.9745 98.0275 14.6229C97.7115 14.2835 97.5535 13.7864 97.5535 13.1439V2.5H99.2428V13.0348C99.2428 13.2894 99.2914 13.4834 99.4008 13.6046C99.5101 13.7258 99.6924 13.7864 99.9355 13.7864C100.166 13.7864 100.397 13.7743 100.628 13.7379V14.9381Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M107.142 15.0593L107.009 14.1744C106.595 14.5259 106.146 14.7926 105.66 14.9866C105.161 15.1806 104.675 15.2775 104.189 15.2775C103.387 15.2775 102.743 15.0472 102.257 14.5865C101.771 14.1259 101.528 13.5197 101.528 12.7439C101.528 11.9195 101.819 11.2527 102.415 10.7678C103.01 10.2708 103.8 10.0283 104.797 10.0283C105.453 10.0283 106.17 10.1253 106.936 10.3193V9.20397C106.936 8.59782 106.802 8.1614 106.522 7.91894C106.243 7.66436 105.769 7.54313 105.101 7.54313C104.14 7.54313 103.144 7.71285 102.111 8.06441V6.87637C102.524 6.65816 103.022 6.50056 103.606 6.37933C104.201 6.2581 104.797 6.19749 105.392 6.19749C106.474 6.19749 107.264 6.4157 107.774 6.86425C108.285 7.31279 108.54 7.99168 108.54 8.91302V15.0593H107.142ZM104.59 14.0046C105.356 14.0046 106.146 13.7137 106.936 13.1439V11.4103C106.34 11.2649 105.745 11.1921 105.137 11.1921C103.861 11.1921 103.217 11.6892 103.217 12.6711C103.217 13.0954 103.338 13.4349 103.569 13.6652C103.812 13.8834 104.153 14.0046 104.59 14.0046Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M116.488 14.732C115.832 15.0715 115.066 15.2412 114.203 15.2412C112.866 15.2412 111.845 14.8532 111.128 14.0895C110.424 13.3258 110.059 12.2226 110.059 10.7678C110.059 9.32519 110.424 8.22201 111.153 7.43402C111.882 6.64603 112.915 6.2581 114.252 6.2581C115.017 6.2581 115.722 6.4157 116.391 6.73089V7.93106C115.747 7.72497 115.115 7.62799 114.483 7.62799C113.535 7.62799 112.842 7.87045 112.429 8.35536C112.003 8.84028 111.797 9.60402 111.797 10.6587V10.8769C111.797 11.9074 112.016 12.659 112.429 13.1439C112.854 13.6288 113.523 13.8713 114.446 13.8713C115.054 13.8713 115.722 13.7622 116.451 13.5318V14.732H116.488Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M118.882 11.1194C118.906 12.0892 119.149 12.8166 119.611 13.2773C120.073 13.7379 120.778 13.9683 121.75 13.9683C122.649 13.9683 123.561 13.7985 124.484 13.447V14.6472C123.67 15.0836 122.674 15.3139 121.495 15.3139C120.097 15.3139 119.04 14.926 118.335 14.1622C117.618 13.3985 117.266 12.2589 117.266 10.7557C117.266 9.31307 117.618 8.19776 118.335 7.40978C119.052 6.62179 120.049 6.20961 121.325 6.20961C122.406 6.20961 123.233 6.51268 123.804 7.11883C124.387 7.72497 124.667 8.5857 124.667 9.68888C124.667 10.2223 124.618 10.7072 124.533 11.1315H118.882V11.1194ZM121.228 7.47039C120.511 7.47039 119.951 7.6886 119.563 8.10078C119.162 8.52508 118.943 9.15547 118.882 9.99195H123.123C123.136 9.90709 123.136 9.7495 123.136 9.55553C123.136 8.86452 122.978 8.34324 122.649 7.99168C122.321 7.65223 121.847 7.47039 121.228 7.47039Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M26.9203 15.3139C26.3735 15.3139 25.8387 15.2533 25.3161 15.1321C24.7936 15.0108 24.3925 14.8775 24.113 14.7199C23.9429 14.6229 23.8335 14.5259 23.797 14.4289C23.7484 14.332 23.7363 14.235 23.7363 14.138V13.6167C23.7363 13.3985 23.8092 13.2894 23.9672 13.2894C24.0279 13.2894 24.0887 13.3015 24.1616 13.3258C24.2224 13.35 24.3196 13.3864 24.429 13.4349C24.7814 13.5925 25.1582 13.7137 25.5714 13.7985C25.9846 13.8834 26.3978 13.9198 26.811 13.9198C27.4672 13.9198 27.9655 13.8107 28.3301 13.5803C28.6825 13.35 28.8648 13.0227 28.8648 12.5984C28.8648 12.3074 28.7676 12.065 28.5853 11.871C28.403 11.677 28.0506 11.4952 27.5401 11.3255L26.0332 10.8527C25.2675 10.6102 24.7206 10.2587 24.3682 9.79799C24.0279 9.33732 23.8456 8.84028 23.8456 8.29475C23.8456 7.85832 23.9429 7.47039 24.1251 7.14307C24.3074 6.81575 24.5627 6.5248 24.8665 6.29447C25.1703 6.06413 25.5349 5.88229 25.9481 5.76106C26.3613 5.63983 26.7988 5.57922 27.2606 5.57922C27.4915 5.57922 27.7224 5.59134 27.9655 5.62771C28.1964 5.66408 28.4273 5.70045 28.6339 5.74894C28.8405 5.79743 29.0471 5.84592 29.2294 5.90654C29.4117 5.96715 29.5575 6.02777 29.6669 6.08838C29.8128 6.17324 29.91 6.2581 29.9707 6.34296C30.0315 6.42782 30.0558 6.53693 30.0558 6.6824V7.16732C30.0558 7.38553 29.9829 7.49464 29.8249 7.49464C29.7398 7.49464 29.6061 7.45827 29.4239 7.37341C28.8284 7.1067 28.1599 6.97335 27.4308 6.97335C26.8353 6.97335 26.3735 7.07033 26.0453 7.2643C25.7172 7.45827 25.5592 7.76134 25.5592 8.18564C25.5592 8.47659 25.6564 8.71905 25.863 8.92514C26.0696 9.11911 26.4464 9.31307 27.0054 9.49492L28.4759 9.96771C29.2294 10.2102 29.7641 10.5375 30.0801 10.9618C30.3961 11.3861 30.5662 11.871 30.5662 12.4165C30.5662 12.8651 30.4812 13.2651 30.2989 13.6167C30.1166 13.9683 29.8614 14.2835 29.5454 14.538C29.2294 14.7926 28.8405 14.9866 28.3908 15.1199C27.9412 15.2412 27.4551 15.3139 26.9203 15.3139ZM13.5885 15.0351C13.4062 15.0351 13.2725 14.9987 13.1875 14.9381C13.1024 14.8775 13.0295 14.732 12.9687 14.5259L10.5381 6.51268C10.4774 6.30659 10.4531 6.17324 10.4531 6.1005C10.4531 5.93078 10.5381 5.84592 10.7083 5.84592H11.7291C11.9236 5.84592 12.0573 5.88229 12.1423 5.9429C12.2152 6.00352 12.2882 6.14899 12.3489 6.35508L14.0989 13.2045L15.691 6.35508C15.7396 6.14899 15.8004 6.01564 15.8854 5.9429C15.9705 5.88229 16.1042 5.84592 16.2986 5.84592H17.1372C17.3316 5.84592 17.4653 5.88229 17.5504 5.9429C17.6355 6.00352 17.6962 6.14899 17.7448 6.35508L19.3855 13.3015L21.1841 6.35508C21.2449 6.14899 21.3178 6.01564 21.3907 5.9429C21.4636 5.88229 21.6095 5.84592 21.8039 5.84592H22.764C22.9341 5.84592 23.0192 5.93078 23.0192 6.1005C23.0192 6.14899 23.007 6.19749 23.007 6.2581C22.9948 6.31871 22.9706 6.40357 22.9341 6.51268L20.4306 14.5259C20.3698 14.732 20.2969 14.8654 20.2118 14.9381C20.1268 14.9987 19.9931 15.0351 19.8108 15.0351H18.9236C18.7292 15.0351 18.5955 14.9987 18.5104 14.926C18.4254 14.8532 18.3646 14.7199 18.316 14.5138L16.6996 7.8462L15.0954 14.5138C15.0468 14.7199 14.986 14.8532 14.901 14.926C14.8159 14.9987 14.6822 15.0351 14.4878 15.0351H13.5885ZM5.23942 13.9077C5.57971 13.9077 5.93214 13.847 6.30889 13.7137C6.68563 13.5925 7.01376 13.3621 7.29328 13.0469C7.46342 12.853 7.58495 12.6347 7.64572 12.3802C7.70648 12.1377 7.74294 11.8346 7.74294 11.4831V11.0466C7.43911 10.9739 7.12314 10.9133 6.78285 10.8769C6.45472 10.8406 6.12659 10.8163 5.81061 10.8163C5.11789 10.8163 4.60747 10.9497 4.26718 11.2285C3.9269 11.5073 3.75676 11.9074 3.75676 12.4287C3.75676 12.9136 3.87829 13.2773 4.1335 13.5197C4.41302 13.7864 4.76546 13.9077 5.23942 13.9077ZM9.45651 12.3317C9.45651 12.7196 9.49297 13.0227 9.57804 13.253C9.65096 13.4834 9.77249 13.7258 9.91832 13.9925C9.96694 14.0774 9.99124 14.1501 9.99124 14.2228C9.99124 14.332 9.93048 14.4289 9.79679 14.5259L9.12838 14.9866C9.03116 15.0472 8.94608 15.0715 8.86101 15.0715C8.75164 15.0715 8.65441 15.023 8.55719 14.926C8.41135 14.7805 8.28982 14.6229 8.18045 14.4411C8.08322 14.2713 7.97385 14.0653 7.86447 13.8349C7.05022 14.7926 6.02937 15.2654 4.81407 15.2654C3.93905 15.2654 3.24633 15.023 2.74806 14.5259C2.23763 14.0289 1.98242 13.3621 1.98242 12.5378C1.98242 11.6528 2.2984 10.9497 2.93036 10.4041C3.56231 9.87073 4.41302 9.5919 5.47033 9.5919C5.82277 9.5919 6.18736 9.61614 6.5641 9.67676C6.94084 9.72525 7.34189 9.81011 7.75509 9.90709V9.14335C7.75509 8.35536 7.5971 7.80983 7.26897 7.48251C6.94084 7.16732 6.3818 6.9976 5.57971 6.9976C5.21512 6.9976 4.83838 7.04609 4.46163 7.13095C4.08489 7.21581 3.70815 7.33704 3.34356 7.48251C3.17342 7.55525 3.05189 7.60374 2.97897 7.61587C2.90605 7.62799 2.85744 7.64011 2.82098 7.64011C2.67514 7.64011 2.60222 7.531 2.60222 7.31279V6.80363C2.60222 6.63391 2.62653 6.51268 2.67514 6.43994C2.72375 6.36721 2.82098 6.29447 2.96681 6.22173C3.3314 6.03989 3.76891 5.88229 4.27934 5.74894C4.78976 5.61559 5.32449 5.55497 5.89568 5.55497C7.13529 5.55497 8.03461 5.8338 8.61796 6.40357C9.18915 6.96123 9.48082 7.80983 9.48082 8.94938V12.3317H9.45651Z",
+              "fill": "#222225"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M28.889 20.3449C25.474 22.8665 20.5156 24.2 16.2499 24.2C10.2707 24.2 4.88689 21.9936 0.803479 18.3204C0.487501 18.0294 0.76702 17.6415 1.15592 17.8597C5.5553 20.4177 10.9877 21.9451 16.6145 21.9451C20.4062 21.9451 24.5747 21.1572 28.4029 19.5448C28.9741 19.3023 29.4481 19.9327 28.889 20.3449Z",
+              "fill": "#FF9900"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M30.3109 18.7205C29.8734 18.1628 27.4185 18.4537 26.3126 18.5871C25.9845 18.6235 25.9237 18.3325 26.2275 18.1264C28.1842 16.7565 31.3925 17.1566 31.7693 17.6051C32.146 18.0658 31.6721 21.2784 29.837 22.8059C29.5574 23.0362 29.2901 22.915 29.4116 22.5998C29.8248 21.5815 30.7484 19.2902 30.3109 18.7205Z",
+              "fill": "#FF9900"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_4_12262"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "124.5",
+                  "height": "24",
+                  "fill": "white",
+                  "transform": "translate(0.666748 0.5)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AwsMarketplaceDark"
 }
diff --git a/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.tsx b/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.tsx
index 7096a4d2eb..d1cd0709ee 100644
--- a/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.tsx
+++ b/web/app/components/base/icons/src/public/billing/AwsMarketplaceDark.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AwsMarketplaceDark.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AwsMarketplaceDark.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.json b/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.json
index 18644500ec..7a3fbca0ae 100644
--- a/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.json
+++ b/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.json
@@ -1,179 +1,179 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "126",
-			"height": "24",
-			"viewBox": "0 0 126 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_394_42756)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M47.3963 14.5593V8.71609C47.3963 8.14631 47.2869 7.73413 47.0682 7.45531C46.8494 7.1886 46.5091 7.04313 46.0473 7.04313C45.2209 7.04313 44.3824 7.29771 43.5438 7.80687C43.556 7.89173 43.556 7.97659 43.556 8.06145C43.556 8.14631 43.556 8.2433 43.556 8.32816V14.5351H41.8667V8.69184C41.8667 8.12207 41.7573 7.70989 41.5386 7.43106C41.3198 7.16436 40.9795 7.01888 40.5177 7.01888C39.6549 7.01888 38.8284 7.27346 38.0385 7.7705V14.523H36.3492V5.9157H37.759L37.9291 6.77642C39.0229 6.0248 40.0802 5.66112 41.1132 5.66112C42.1705 5.66112 42.8875 6.06117 43.2521 6.86128C44.3702 6.06117 45.5004 5.66112 46.6185 5.66112C47.3963 5.66112 48.004 5.87933 48.4172 6.32788C48.8425 6.7643 49.0491 7.39469 49.0491 8.20693V14.523H47.3963V14.5593Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M56.0492 14.5593L55.9156 13.6744C55.5023 14.0259 55.0527 14.2926 54.5666 14.4866C54.0683 14.6806 53.5822 14.7775 53.0961 14.7775C52.294 14.7775 51.6498 14.5472 51.1637 14.0865C50.6776 13.6259 50.4346 13.0197 50.4346 12.2439C50.4346 11.4195 50.7262 10.7527 51.3217 10.2678C51.9172 9.77078 52.7072 9.52832 53.7037 9.52832C54.36 9.52832 55.077 9.62531 55.8426 9.81927V8.70397C55.8426 8.09782 55.709 7.6614 55.4294 7.41894C55.1499 7.16436 54.6759 7.04313 54.0075 7.04313C53.0474 7.04313 52.0509 7.21285 51.0179 7.56441V6.37637C51.4311 6.15816 51.9294 6.00056 52.5127 5.87933C53.1082 5.7581 53.7037 5.69749 54.2992 5.69749C55.3808 5.69749 56.1708 5.9157 56.6812 6.36425C57.1916 6.81279 57.4468 7.49168 57.4468 8.41302V14.5593H56.0492ZM53.4971 13.5046C54.2627 13.5046 55.0527 13.2137 55.8426 12.6439V10.9103C55.2471 10.7649 54.6516 10.6921 54.044 10.6921C52.7679 10.6921 52.1238 11.1892 52.1238 12.1711C52.1238 12.5954 52.2453 12.9349 52.4763 13.1652C52.7193 13.3834 53.0596 13.5046 53.4971 13.5046Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M59.3792 14.5593V5.95207H60.7889L60.9712 7.22497C61.2872 6.88553 61.5788 6.61883 61.8584 6.43698C62.1379 6.25514 62.4053 6.10966 62.6969 6.0248C62.9764 5.93994 63.2924 5.89145 63.6206 5.89145C63.8393 5.89145 64.0702 5.90357 64.3133 5.93994V7.46743C63.9487 7.41894 63.6449 7.39469 63.3896 7.39469C62.4782 7.39469 61.7004 7.6614 61.0563 8.20693V14.5593H59.3792Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M65.3584 14.5593V2H67.0477V9.71017L70.7057 5.96419H72.7596L68.6762 10.0496L73.027 14.5593H70.9002L67.0355 10.486V14.5593H65.3584Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M74.5704 10.6194C74.5947 11.5892 74.8378 12.3166 75.2996 12.7773C75.7614 13.2379 76.4663 13.4683 77.4385 13.4683C78.3378 13.4683 79.2493 13.2985 80.1729 12.947V14.1472C79.3587 14.5836 78.3621 14.8139 77.1833 14.8139C75.7857 14.8139 74.7284 14.426 74.0235 13.6622C73.3065 12.8985 72.954 11.7589 72.954 10.2557C72.954 8.81307 73.3065 7.69776 74.0235 6.90978C74.7405 6.12179 75.7371 5.70961 77.0131 5.70961C78.0948 5.70961 78.9212 6.01268 79.4924 6.61883C80.0757 7.22497 80.3552 8.0857 80.3552 9.18888C80.3552 9.72229 80.3066 10.2072 80.2215 10.6315H74.5704V10.6194ZM76.9159 6.97039C76.1989 6.97039 75.6399 7.1886 75.251 7.60078C74.8499 8.02508 74.6312 8.65547 74.5704 9.49195H78.8118C78.824 9.40709 78.824 9.2495 78.824 9.05553C78.824 8.36452 78.666 7.84324 78.3379 7.49168C78.0219 7.15223 77.5479 6.97039 76.9159 6.97039Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M86.9421 14.3532C86.3831 14.5715 85.7511 14.6806 85.0584 14.6806C83.4421 14.6806 82.64 13.8804 82.64 12.2681V7.27346H81.0722V6.1824L82.6886 5.97631L82.9438 3.52749H84.3171V5.93994H86.8692V7.26134H84.3171V12.1832C84.3171 12.6075 84.4143 12.8985 84.5966 13.0682C84.7789 13.2379 85.107 13.3228 85.5567 13.3228C86.0185 13.3228 86.4803 13.2622 86.93 13.1531V14.3532H86.9421Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M88.0967 5.95207H89.5064L89.6644 6.83704C90.5273 6.0733 91.4874 5.69749 92.5447 5.69749C93.6506 5.69749 94.5135 6.09754 95.1454 6.89765C95.7774 7.69776 96.0933 8.7767 96.0933 10.1466C96.0933 11.5407 95.7531 12.656 95.0846 13.4925C94.4162 14.329 93.5291 14.7533 92.411 14.7533C91.3901 14.7533 90.5151 14.4139 89.7738 13.7471V18.0628H88.0967V5.95207ZM92.0585 7.05525C91.2564 7.05525 90.4908 7.30983 89.7738 7.83112V12.5712C90.5151 13.1167 91.2564 13.3834 92.0221 13.3834C93.5898 13.3834 94.3676 12.3287 94.3676 10.2315C94.3676 9.15251 94.1732 8.36453 93.7964 7.84324C93.4318 7.32196 92.8485 7.05525 92.0585 7.05525Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M100.711 14.4381C100.335 14.5715 99.9337 14.6442 99.484 14.6442C98.8885 14.6442 98.4267 14.4745 98.1107 14.1229C97.7948 13.7835 97.6368 13.2864 97.6368 12.6439V2H99.326V12.5348C99.326 12.7894 99.3746 12.9834 99.484 13.1046C99.5934 13.2258 99.7757 13.2864 100.019 13.2864C100.25 13.2864 100.481 13.2743 100.711 13.2379V14.4381Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M107.225 14.5593L107.092 13.6744C106.679 14.0259 106.229 14.2926 105.743 14.4866C105.245 14.6806 104.758 14.7775 104.272 14.7775C103.47 14.7775 102.826 14.5472 102.34 14.0865C101.854 13.6259 101.611 13.0197 101.611 12.2439C101.611 11.4195 101.902 10.7527 102.498 10.2678C103.093 9.77078 103.883 9.52832 104.88 9.52832C105.536 9.52832 106.253 9.62531 107.019 9.81927V8.70397C107.019 8.09782 106.885 7.6614 106.606 7.41894C106.326 7.16436 105.852 7.04313 105.184 7.04313C104.224 7.04313 103.227 7.21285 102.194 7.56441V6.37637C102.607 6.15816 103.106 6.00056 103.689 5.87933C104.284 5.7581 104.88 5.69749 105.475 5.69749C106.557 5.69749 107.347 5.9157 107.857 6.36425C108.368 6.81279 108.623 7.49168 108.623 8.41302V14.5593H107.225ZM104.673 13.5046C105.439 13.5046 106.229 13.2137 107.019 12.6439V10.9103C106.423 10.7649 105.828 10.6921 105.22 10.6921C103.944 10.6921 103.3 11.1892 103.3 12.1711C103.3 12.5954 103.422 12.9349 103.652 13.1652C103.896 13.3834 104.236 13.5046 104.673 13.5046Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M116.571 14.232C115.915 14.5715 115.149 14.7412 114.286 14.7412C112.95 14.7412 111.929 14.3532 111.212 13.5895C110.507 12.8258 110.142 11.7226 110.142 10.2678C110.142 8.82519 110.507 7.72201 111.236 6.93402C111.965 6.14603 112.998 5.7581 114.335 5.7581C115.101 5.7581 115.805 5.9157 116.474 6.23089V7.43106C115.83 7.22497 115.198 7.12799 114.566 7.12799C113.618 7.12799 112.925 7.37045 112.512 7.85536C112.087 8.34028 111.88 9.10402 111.88 10.1587V10.3769C111.88 11.4074 112.099 12.159 112.512 12.6439C112.937 13.1288 113.606 13.3713 114.529 13.3713C115.137 13.3713 115.805 13.2622 116.535 13.0318V14.232H116.571Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M118.965 10.6194C118.99 11.5892 119.233 12.3166 119.694 12.7773C120.156 13.2379 120.861 13.4683 121.833 13.4683C122.733 13.4683 123.644 13.2985 124.568 12.947V14.1472C123.754 14.5836 122.757 14.8139 121.578 14.8139C120.181 14.8139 119.123 14.426 118.418 13.6622C117.701 12.8985 117.349 11.7589 117.349 10.2557C117.349 8.81307 117.701 7.69776 118.418 6.90978C119.135 6.12179 120.132 5.70961 121.408 5.70961C122.49 5.70961 123.316 6.01268 123.887 6.61883C124.471 7.22497 124.75 8.0857 124.75 9.18888C124.75 9.72229 124.701 10.2072 124.616 10.6315H118.965V10.6194ZM121.311 6.97039C120.594 6.97039 120.035 7.1886 119.646 7.60078C119.245 8.02508 119.026 8.65547 118.965 9.49195H123.207C123.219 9.40709 123.219 9.2495 123.219 9.05553C123.219 8.36452 123.061 7.84324 122.733 7.49168C122.405 7.15223 121.931 6.97039 121.311 6.97039Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M27.0036 14.8139C26.4567 14.8139 25.922 14.7533 25.3994 14.6321C24.8768 14.5108 24.4758 14.3775 24.1962 14.2199C24.0261 14.1229 23.9167 14.0259 23.8803 13.9289C23.8317 13.832 23.8195 13.735 23.8195 13.638V13.1167C23.8195 12.8985 23.8924 12.7894 24.0504 12.7894C24.1112 12.7894 24.1719 12.8015 24.2449 12.8258C24.3056 12.85 24.4029 12.8864 24.5122 12.9349C24.8647 13.0925 25.2414 13.2137 25.6546 13.2985C26.0678 13.3834 26.481 13.4198 26.8942 13.4198C27.5505 13.4198 28.0487 13.3107 28.4133 13.0803C28.7658 12.85 28.9481 12.5227 28.9481 12.0984C28.9481 11.8074 28.8508 11.565 28.6686 11.371C28.4862 11.177 28.1338 10.9952 27.6234 10.8255L26.1164 10.3527C25.3508 10.1102 24.8039 9.75866 24.4515 9.29799C24.1112 8.83732 23.9289 8.34028 23.9289 7.79475C23.9289 7.35832 24.0261 6.97039 24.2084 6.64307C24.3907 6.31575 24.6459 6.0248 24.9497 5.79447C25.2536 5.56413 25.6182 5.38229 26.0313 5.26106C26.4446 5.13983 26.8821 5.07922 27.3439 5.07922C27.5748 5.07922 27.8057 5.09134 28.0487 5.12771C28.2797 5.16408 28.5106 5.20045 28.7172 5.24894C28.9238 5.29743 29.1304 5.34592 29.3127 5.40654C29.495 5.46715 29.6408 5.52777 29.7502 5.58838C29.896 5.67324 29.9932 5.7581 30.054 5.84296C30.1148 5.92782 30.1391 6.03693 30.1391 6.1824V6.66732C30.1391 6.88553 30.0661 6.99464 29.9082 6.99464C29.8231 6.99464 29.6894 6.95827 29.5071 6.87341C28.9116 6.6067 28.2432 6.47335 27.514 6.47335C26.9185 6.47335 26.4567 6.57033 26.1286 6.7643C25.8004 6.95827 25.6425 7.26134 25.6425 7.68564C25.6425 7.97659 25.7397 8.21905 25.9463 8.42514C26.1529 8.61911 26.5296 8.81307 27.0887 8.99492L28.5592 9.46771C29.3127 9.71017 29.8474 10.0375 30.1634 10.4618C30.4793 10.8861 30.6495 11.371 30.6495 11.9165C30.6495 12.3651 30.5644 12.7651 30.3821 13.1167C30.1998 13.4683 29.9446 13.7835 29.6286 14.038C29.3127 14.2926 28.9238 14.4866 28.4741 14.6199C28.0244 14.7412 27.5383 14.8139 27.0036 14.8139ZM13.6718 14.5351C13.4895 14.5351 13.3558 14.4987 13.2707 14.4381C13.1856 14.3775 13.1127 14.232 13.052 14.0259L10.6214 6.01268C10.5606 5.80659 10.5363 5.67324 10.5363 5.6005C10.5363 5.43078 10.6214 5.34592 10.7915 5.34592H11.8124C12.0068 5.34592 12.1405 5.38229 12.2256 5.4429C12.2985 5.50352 12.3714 5.64899 12.4322 5.85508L14.1822 12.7045L15.7742 5.85508C15.8228 5.64899 15.8836 5.51564 15.9687 5.4429C16.0538 5.38229 16.1874 5.34592 16.3819 5.34592H17.2204C17.4149 5.34592 17.5486 5.38229 17.6336 5.4429C17.7187 5.50352 17.7795 5.64899 17.8281 5.85508L19.4687 12.8015L21.2674 5.85508C21.3281 5.64899 21.4011 5.51564 21.474 5.4429C21.5469 5.38229 21.6927 5.34592 21.8872 5.34592H22.8473C23.0174 5.34592 23.1025 5.43078 23.1025 5.6005C23.1025 5.64899 23.0903 5.69749 23.0903 5.7581C23.0781 5.81871 23.0538 5.90357 23.0174 6.01268L20.5138 14.0259C20.4531 14.232 20.3802 14.3654 20.2951 14.4381C20.21 14.4987 20.0763 14.5351 19.894 14.5351H19.0069C18.8124 14.5351 18.6787 14.4987 18.5937 14.426C18.5086 14.3532 18.4478 14.2199 18.3992 14.0138L16.7829 7.3462L15.1787 14.0138C15.1301 14.2199 15.0693 14.3532 14.9842 14.426C14.8992 14.4987 14.7655 14.5351 14.571 14.5351H13.6718ZM5.32267 13.4077C5.66296 13.4077 6.0154 13.347 6.39214 13.2137C6.76888 13.0925 7.09701 12.8621 7.37653 12.5469C7.54667 12.353 7.6682 12.1347 7.72897 11.8802C7.78973 11.6377 7.82619 11.3346 7.82619 10.9831V10.5466C7.52237 10.4739 7.20639 10.4133 6.86611 10.3769C6.53797 10.3406 6.20984 10.3163 5.89387 10.3163C5.20114 10.3163 4.69072 10.4497 4.35044 10.7285C4.01015 11.0073 3.84001 11.4074 3.84001 11.9287C3.84001 12.4136 3.96154 12.7773 4.21675 13.0197C4.49627 13.2864 4.84871 13.4077 5.32267 13.4077ZM9.53976 11.8317C9.53976 12.2196 9.57622 12.5227 9.66129 12.753C9.73421 12.9834 9.85574 13.2258 10.0016 13.4925C10.0502 13.5774 10.0745 13.6501 10.0745 13.7228C10.0745 13.832 10.0137 13.9289 9.88005 14.0259L9.21163 14.4866C9.11441 14.5472 9.02934 14.5715 8.94427 14.5715C8.83489 14.5715 8.73767 14.523 8.64044 14.426C8.49461 14.2805 8.37308 14.1229 8.2637 13.9411C8.16647 13.7713 8.0571 13.5653 7.94772 13.3349C7.13347 14.2926 6.11262 14.7654 4.89732 14.7654C4.0223 14.7654 3.32959 14.523 2.83131 14.0259C2.32089 13.5289 2.06567 12.8621 2.06567 12.0378C2.06567 11.1528 2.38165 10.4497 3.01361 9.90413C3.64556 9.37073 4.49627 9.0919 5.55358 9.0919C5.90602 9.0919 6.27061 9.11614 6.64735 9.17676C7.02409 9.22525 7.42514 9.31011 7.83834 9.40709V8.64335C7.83834 7.85536 7.68036 7.30983 7.35222 6.98251C7.02409 6.66732 6.46506 6.4976 5.66296 6.4976C5.29837 6.4976 4.92163 6.54609 4.54488 6.63095C4.16814 6.71581 3.7914 6.83704 3.42681 6.98251C3.25667 7.05525 3.13514 7.10374 3.06222 7.11587C2.9893 7.12799 2.94069 7.14011 2.90423 7.14011C2.75839 7.14011 2.68548 7.031 2.68548 6.81279V6.30363C2.68548 6.13391 2.70978 6.01268 2.75839 5.93994C2.80701 5.86721 2.90423 5.79447 3.05007 5.72173C3.41466 5.53989 3.85216 5.38229 4.36259 5.24894C4.87301 5.11559 5.40775 5.05497 5.97894 5.05497C7.21854 5.05497 8.11786 5.3338 8.70121 5.90357C9.2724 6.46123 9.56407 7.30983 9.56407 8.44938V11.8317H9.53976Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M28.9723 19.8449C25.5573 22.3665 20.5989 23.7 16.3332 23.7C10.3539 23.7 4.97014 21.4936 0.886731 17.8204C0.570753 17.5294 0.850272 17.1415 1.23917 17.3597C5.63855 19.9177 11.0709 21.4451 16.6978 21.4451C20.4895 21.4451 24.658 20.6572 28.4862 19.0448C29.0573 18.8023 29.5313 19.4327 28.9723 19.8449Z",
-							"fill": "#FF9900"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M30.3942 18.2205C29.9567 17.6628 27.5018 17.9537 26.3958 18.0871C26.0677 18.1235 26.0069 17.8325 26.3108 17.6264C28.2674 16.2565 31.4758 16.6566 31.8525 17.1051C32.2293 17.5658 31.7553 20.7784 29.9202 22.3059C29.6407 22.5362 29.3733 22.415 29.4949 22.0998C29.9081 21.0815 30.8317 18.7902 30.3942 18.2205Z",
-							"fill": "#FF9900"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_394_42756"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "124.5",
-									"height": "24",
-									"fill": "white",
-									"transform": "translate(0.75)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AwsMarketplaceLight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "126",
+      "height": "24",
+      "viewBox": "0 0 126 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_394_42756)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M47.3963 14.5593V8.71609C47.3963 8.14631 47.2869 7.73413 47.0682 7.45531C46.8494 7.1886 46.5091 7.04313 46.0473 7.04313C45.2209 7.04313 44.3824 7.29771 43.5438 7.80687C43.556 7.89173 43.556 7.97659 43.556 8.06145C43.556 8.14631 43.556 8.2433 43.556 8.32816V14.5351H41.8667V8.69184C41.8667 8.12207 41.7573 7.70989 41.5386 7.43106C41.3198 7.16436 40.9795 7.01888 40.5177 7.01888C39.6549 7.01888 38.8284 7.27346 38.0385 7.7705V14.523H36.3492V5.9157H37.759L37.9291 6.77642C39.0229 6.0248 40.0802 5.66112 41.1132 5.66112C42.1705 5.66112 42.8875 6.06117 43.2521 6.86128C44.3702 6.06117 45.5004 5.66112 46.6185 5.66112C47.3963 5.66112 48.004 5.87933 48.4172 6.32788C48.8425 6.7643 49.0491 7.39469 49.0491 8.20693V14.523H47.3963V14.5593Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M56.0492 14.5593L55.9156 13.6744C55.5023 14.0259 55.0527 14.2926 54.5666 14.4866C54.0683 14.6806 53.5822 14.7775 53.0961 14.7775C52.294 14.7775 51.6498 14.5472 51.1637 14.0865C50.6776 13.6259 50.4346 13.0197 50.4346 12.2439C50.4346 11.4195 50.7262 10.7527 51.3217 10.2678C51.9172 9.77078 52.7072 9.52832 53.7037 9.52832C54.36 9.52832 55.077 9.62531 55.8426 9.81927V8.70397C55.8426 8.09782 55.709 7.6614 55.4294 7.41894C55.1499 7.16436 54.6759 7.04313 54.0075 7.04313C53.0474 7.04313 52.0509 7.21285 51.0179 7.56441V6.37637C51.4311 6.15816 51.9294 6.00056 52.5127 5.87933C53.1082 5.7581 53.7037 5.69749 54.2992 5.69749C55.3808 5.69749 56.1708 5.9157 56.6812 6.36425C57.1916 6.81279 57.4468 7.49168 57.4468 8.41302V14.5593H56.0492ZM53.4971 13.5046C54.2627 13.5046 55.0527 13.2137 55.8426 12.6439V10.9103C55.2471 10.7649 54.6516 10.6921 54.044 10.6921C52.7679 10.6921 52.1238 11.1892 52.1238 12.1711C52.1238 12.5954 52.2453 12.9349 52.4763 13.1652C52.7193 13.3834 53.0596 13.5046 53.4971 13.5046Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M59.3792 14.5593V5.95207H60.7889L60.9712 7.22497C61.2872 6.88553 61.5788 6.61883 61.8584 6.43698C62.1379 6.25514 62.4053 6.10966 62.6969 6.0248C62.9764 5.93994 63.2924 5.89145 63.6206 5.89145C63.8393 5.89145 64.0702 5.90357 64.3133 5.93994V7.46743C63.9487 7.41894 63.6449 7.39469 63.3896 7.39469C62.4782 7.39469 61.7004 7.6614 61.0563 8.20693V14.5593H59.3792Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M65.3584 14.5593V2H67.0477V9.71017L70.7057 5.96419H72.7596L68.6762 10.0496L73.027 14.5593H70.9002L67.0355 10.486V14.5593H65.3584Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M74.5704 10.6194C74.5947 11.5892 74.8378 12.3166 75.2996 12.7773C75.7614 13.2379 76.4663 13.4683 77.4385 13.4683C78.3378 13.4683 79.2493 13.2985 80.1729 12.947V14.1472C79.3587 14.5836 78.3621 14.8139 77.1833 14.8139C75.7857 14.8139 74.7284 14.426 74.0235 13.6622C73.3065 12.8985 72.954 11.7589 72.954 10.2557C72.954 8.81307 73.3065 7.69776 74.0235 6.90978C74.7405 6.12179 75.7371 5.70961 77.0131 5.70961C78.0948 5.70961 78.9212 6.01268 79.4924 6.61883C80.0757 7.22497 80.3552 8.0857 80.3552 9.18888C80.3552 9.72229 80.3066 10.2072 80.2215 10.6315H74.5704V10.6194ZM76.9159 6.97039C76.1989 6.97039 75.6399 7.1886 75.251 7.60078C74.8499 8.02508 74.6312 8.65547 74.5704 9.49195H78.8118C78.824 9.40709 78.824 9.2495 78.824 9.05553C78.824 8.36452 78.666 7.84324 78.3379 7.49168C78.0219 7.15223 77.5479 6.97039 76.9159 6.97039Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M86.9421 14.3532C86.3831 14.5715 85.7511 14.6806 85.0584 14.6806C83.4421 14.6806 82.64 13.8804 82.64 12.2681V7.27346H81.0722V6.1824L82.6886 5.97631L82.9438 3.52749H84.3171V5.93994H86.8692V7.26134H84.3171V12.1832C84.3171 12.6075 84.4143 12.8985 84.5966 13.0682C84.7789 13.2379 85.107 13.3228 85.5567 13.3228C86.0185 13.3228 86.4803 13.2622 86.93 13.1531V14.3532H86.9421Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M88.0967 5.95207H89.5064L89.6644 6.83704C90.5273 6.0733 91.4874 5.69749 92.5447 5.69749C93.6506 5.69749 94.5135 6.09754 95.1454 6.89765C95.7774 7.69776 96.0933 8.7767 96.0933 10.1466C96.0933 11.5407 95.7531 12.656 95.0846 13.4925C94.4162 14.329 93.5291 14.7533 92.411 14.7533C91.3901 14.7533 90.5151 14.4139 89.7738 13.7471V18.0628H88.0967V5.95207ZM92.0585 7.05525C91.2564 7.05525 90.4908 7.30983 89.7738 7.83112V12.5712C90.5151 13.1167 91.2564 13.3834 92.0221 13.3834C93.5898 13.3834 94.3676 12.3287 94.3676 10.2315C94.3676 9.15251 94.1732 8.36453 93.7964 7.84324C93.4318 7.32196 92.8485 7.05525 92.0585 7.05525Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M100.711 14.4381C100.335 14.5715 99.9337 14.6442 99.484 14.6442C98.8885 14.6442 98.4267 14.4745 98.1107 14.1229C97.7948 13.7835 97.6368 13.2864 97.6368 12.6439V2H99.326V12.5348C99.326 12.7894 99.3746 12.9834 99.484 13.1046C99.5934 13.2258 99.7757 13.2864 100.019 13.2864C100.25 13.2864 100.481 13.2743 100.711 13.2379V14.4381Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M107.225 14.5593L107.092 13.6744C106.679 14.0259 106.229 14.2926 105.743 14.4866C105.245 14.6806 104.758 14.7775 104.272 14.7775C103.47 14.7775 102.826 14.5472 102.34 14.0865C101.854 13.6259 101.611 13.0197 101.611 12.2439C101.611 11.4195 101.902 10.7527 102.498 10.2678C103.093 9.77078 103.883 9.52832 104.88 9.52832C105.536 9.52832 106.253 9.62531 107.019 9.81927V8.70397C107.019 8.09782 106.885 7.6614 106.606 7.41894C106.326 7.16436 105.852 7.04313 105.184 7.04313C104.224 7.04313 103.227 7.21285 102.194 7.56441V6.37637C102.607 6.15816 103.106 6.00056 103.689 5.87933C104.284 5.7581 104.88 5.69749 105.475 5.69749C106.557 5.69749 107.347 5.9157 107.857 6.36425C108.368 6.81279 108.623 7.49168 108.623 8.41302V14.5593H107.225ZM104.673 13.5046C105.439 13.5046 106.229 13.2137 107.019 12.6439V10.9103C106.423 10.7649 105.828 10.6921 105.22 10.6921C103.944 10.6921 103.3 11.1892 103.3 12.1711C103.3 12.5954 103.422 12.9349 103.652 13.1652C103.896 13.3834 104.236 13.5046 104.673 13.5046Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M116.571 14.232C115.915 14.5715 115.149 14.7412 114.286 14.7412C112.95 14.7412 111.929 14.3532 111.212 13.5895C110.507 12.8258 110.142 11.7226 110.142 10.2678C110.142 8.82519 110.507 7.72201 111.236 6.93402C111.965 6.14603 112.998 5.7581 114.335 5.7581C115.101 5.7581 115.805 5.9157 116.474 6.23089V7.43106C115.83 7.22497 115.198 7.12799 114.566 7.12799C113.618 7.12799 112.925 7.37045 112.512 7.85536C112.087 8.34028 111.88 9.10402 111.88 10.1587V10.3769C111.88 11.4074 112.099 12.159 112.512 12.6439C112.937 13.1288 113.606 13.3713 114.529 13.3713C115.137 13.3713 115.805 13.2622 116.535 13.0318V14.232H116.571Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M118.965 10.6194C118.99 11.5892 119.233 12.3166 119.694 12.7773C120.156 13.2379 120.861 13.4683 121.833 13.4683C122.733 13.4683 123.644 13.2985 124.568 12.947V14.1472C123.754 14.5836 122.757 14.8139 121.578 14.8139C120.181 14.8139 119.123 14.426 118.418 13.6622C117.701 12.8985 117.349 11.7589 117.349 10.2557C117.349 8.81307 117.701 7.69776 118.418 6.90978C119.135 6.12179 120.132 5.70961 121.408 5.70961C122.49 5.70961 123.316 6.01268 123.887 6.61883C124.471 7.22497 124.75 8.0857 124.75 9.18888C124.75 9.72229 124.701 10.2072 124.616 10.6315H118.965V10.6194ZM121.311 6.97039C120.594 6.97039 120.035 7.1886 119.646 7.60078C119.245 8.02508 119.026 8.65547 118.965 9.49195H123.207C123.219 9.40709 123.219 9.2495 123.219 9.05553C123.219 8.36452 123.061 7.84324 122.733 7.49168C122.405 7.15223 121.931 6.97039 121.311 6.97039Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M27.0036 14.8139C26.4567 14.8139 25.922 14.7533 25.3994 14.6321C24.8768 14.5108 24.4758 14.3775 24.1962 14.2199C24.0261 14.1229 23.9167 14.0259 23.8803 13.9289C23.8317 13.832 23.8195 13.735 23.8195 13.638V13.1167C23.8195 12.8985 23.8924 12.7894 24.0504 12.7894C24.1112 12.7894 24.1719 12.8015 24.2449 12.8258C24.3056 12.85 24.4029 12.8864 24.5122 12.9349C24.8647 13.0925 25.2414 13.2137 25.6546 13.2985C26.0678 13.3834 26.481 13.4198 26.8942 13.4198C27.5505 13.4198 28.0487 13.3107 28.4133 13.0803C28.7658 12.85 28.9481 12.5227 28.9481 12.0984C28.9481 11.8074 28.8508 11.565 28.6686 11.371C28.4862 11.177 28.1338 10.9952 27.6234 10.8255L26.1164 10.3527C25.3508 10.1102 24.8039 9.75866 24.4515 9.29799C24.1112 8.83732 23.9289 8.34028 23.9289 7.79475C23.9289 7.35832 24.0261 6.97039 24.2084 6.64307C24.3907 6.31575 24.6459 6.0248 24.9497 5.79447C25.2536 5.56413 25.6182 5.38229 26.0313 5.26106C26.4446 5.13983 26.8821 5.07922 27.3439 5.07922C27.5748 5.07922 27.8057 5.09134 28.0487 5.12771C28.2797 5.16408 28.5106 5.20045 28.7172 5.24894C28.9238 5.29743 29.1304 5.34592 29.3127 5.40654C29.495 5.46715 29.6408 5.52777 29.7502 5.58838C29.896 5.67324 29.9932 5.7581 30.054 5.84296C30.1148 5.92782 30.1391 6.03693 30.1391 6.1824V6.66732C30.1391 6.88553 30.0661 6.99464 29.9082 6.99464C29.8231 6.99464 29.6894 6.95827 29.5071 6.87341C28.9116 6.6067 28.2432 6.47335 27.514 6.47335C26.9185 6.47335 26.4567 6.57033 26.1286 6.7643C25.8004 6.95827 25.6425 7.26134 25.6425 7.68564C25.6425 7.97659 25.7397 8.21905 25.9463 8.42514C26.1529 8.61911 26.5296 8.81307 27.0887 8.99492L28.5592 9.46771C29.3127 9.71017 29.8474 10.0375 30.1634 10.4618C30.4793 10.8861 30.6495 11.371 30.6495 11.9165C30.6495 12.3651 30.5644 12.7651 30.3821 13.1167C30.1998 13.4683 29.9446 13.7835 29.6286 14.038C29.3127 14.2926 28.9238 14.4866 28.4741 14.6199C28.0244 14.7412 27.5383 14.8139 27.0036 14.8139ZM13.6718 14.5351C13.4895 14.5351 13.3558 14.4987 13.2707 14.4381C13.1856 14.3775 13.1127 14.232 13.052 14.0259L10.6214 6.01268C10.5606 5.80659 10.5363 5.67324 10.5363 5.6005C10.5363 5.43078 10.6214 5.34592 10.7915 5.34592H11.8124C12.0068 5.34592 12.1405 5.38229 12.2256 5.4429C12.2985 5.50352 12.3714 5.64899 12.4322 5.85508L14.1822 12.7045L15.7742 5.85508C15.8228 5.64899 15.8836 5.51564 15.9687 5.4429C16.0538 5.38229 16.1874 5.34592 16.3819 5.34592H17.2204C17.4149 5.34592 17.5486 5.38229 17.6336 5.4429C17.7187 5.50352 17.7795 5.64899 17.8281 5.85508L19.4687 12.8015L21.2674 5.85508C21.3281 5.64899 21.4011 5.51564 21.474 5.4429C21.5469 5.38229 21.6927 5.34592 21.8872 5.34592H22.8473C23.0174 5.34592 23.1025 5.43078 23.1025 5.6005C23.1025 5.64899 23.0903 5.69749 23.0903 5.7581C23.0781 5.81871 23.0538 5.90357 23.0174 6.01268L20.5138 14.0259C20.4531 14.232 20.3802 14.3654 20.2951 14.4381C20.21 14.4987 20.0763 14.5351 19.894 14.5351H19.0069C18.8124 14.5351 18.6787 14.4987 18.5937 14.426C18.5086 14.3532 18.4478 14.2199 18.3992 14.0138L16.7829 7.3462L15.1787 14.0138C15.1301 14.2199 15.0693 14.3532 14.9842 14.426C14.8992 14.4987 14.7655 14.5351 14.571 14.5351H13.6718ZM5.32267 13.4077C5.66296 13.4077 6.0154 13.347 6.39214 13.2137C6.76888 13.0925 7.09701 12.8621 7.37653 12.5469C7.54667 12.353 7.6682 12.1347 7.72897 11.8802C7.78973 11.6377 7.82619 11.3346 7.82619 10.9831V10.5466C7.52237 10.4739 7.20639 10.4133 6.86611 10.3769C6.53797 10.3406 6.20984 10.3163 5.89387 10.3163C5.20114 10.3163 4.69072 10.4497 4.35044 10.7285C4.01015 11.0073 3.84001 11.4074 3.84001 11.9287C3.84001 12.4136 3.96154 12.7773 4.21675 13.0197C4.49627 13.2864 4.84871 13.4077 5.32267 13.4077ZM9.53976 11.8317C9.53976 12.2196 9.57622 12.5227 9.66129 12.753C9.73421 12.9834 9.85574 13.2258 10.0016 13.4925C10.0502 13.5774 10.0745 13.6501 10.0745 13.7228C10.0745 13.832 10.0137 13.9289 9.88005 14.0259L9.21163 14.4866C9.11441 14.5472 9.02934 14.5715 8.94427 14.5715C8.83489 14.5715 8.73767 14.523 8.64044 14.426C8.49461 14.2805 8.37308 14.1229 8.2637 13.9411C8.16647 13.7713 8.0571 13.5653 7.94772 13.3349C7.13347 14.2926 6.11262 14.7654 4.89732 14.7654C4.0223 14.7654 3.32959 14.523 2.83131 14.0259C2.32089 13.5289 2.06567 12.8621 2.06567 12.0378C2.06567 11.1528 2.38165 10.4497 3.01361 9.90413C3.64556 9.37073 4.49627 9.0919 5.55358 9.0919C5.90602 9.0919 6.27061 9.11614 6.64735 9.17676C7.02409 9.22525 7.42514 9.31011 7.83834 9.40709V8.64335C7.83834 7.85536 7.68036 7.30983 7.35222 6.98251C7.02409 6.66732 6.46506 6.4976 5.66296 6.4976C5.29837 6.4976 4.92163 6.54609 4.54488 6.63095C4.16814 6.71581 3.7914 6.83704 3.42681 6.98251C3.25667 7.05525 3.13514 7.10374 3.06222 7.11587C2.9893 7.12799 2.94069 7.14011 2.90423 7.14011C2.75839 7.14011 2.68548 7.031 2.68548 6.81279V6.30363C2.68548 6.13391 2.70978 6.01268 2.75839 5.93994C2.80701 5.86721 2.90423 5.79447 3.05007 5.72173C3.41466 5.53989 3.85216 5.38229 4.36259 5.24894C4.87301 5.11559 5.40775 5.05497 5.97894 5.05497C7.21854 5.05497 8.11786 5.3338 8.70121 5.90357C9.2724 6.46123 9.56407 7.30983 9.56407 8.44938V11.8317H9.53976Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M28.9723 19.8449C25.5573 22.3665 20.5989 23.7 16.3332 23.7C10.3539 23.7 4.97014 21.4936 0.886731 17.8204C0.570753 17.5294 0.850272 17.1415 1.23917 17.3597C5.63855 19.9177 11.0709 21.4451 16.6978 21.4451C20.4895 21.4451 24.658 20.6572 28.4862 19.0448C29.0573 18.8023 29.5313 19.4327 28.9723 19.8449Z",
+              "fill": "#FF9900"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M30.3942 18.2205C29.9567 17.6628 27.5018 17.9537 26.3958 18.0871C26.0677 18.1235 26.0069 17.8325 26.3108 17.6264C28.2674 16.2565 31.4758 16.6566 31.8525 17.1051C32.2293 17.5658 31.7553 20.7784 29.9202 22.3059C29.6407 22.5362 29.3733 22.415 29.4949 22.0998C29.9081 21.0815 30.8317 18.7902 30.3942 18.2205Z",
+              "fill": "#FF9900"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_394_42756"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "124.5",
+                  "height": "24",
+                  "fill": "white",
+                  "transform": "translate(0.75)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AwsMarketplaceLight"
 }
diff --git a/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.tsx b/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.tsx
index e8ed8774ed..7fa02aff17 100644
--- a/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.tsx
+++ b/web/app/components/base/icons/src/public/billing/AwsMarketplaceLight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AwsMarketplaceLight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AwsMarketplaceLight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/Azure.json b/web/app/components/base/icons/src/public/billing/Azure.json
index fb6a9b9e95..7502851ae5 100644
--- a/web/app/components/base/icons/src/public/billing/Azure.json
+++ b/web/app/components/base/icons/src/public/billing/Azure.json
@@ -1,193 +1,193 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "21",
-			"height": "20",
-			"viewBox": "0 0 21 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group 5"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M7.08403 0.812966H12.8543L6.86419 18.5609C6.80263 18.7433 6.68542 18.9018 6.52907 19.0141C6.37271 19.1263 6.18509 19.1867 5.99261 19.1868H1.50193C1.35609 19.1868 1.21234 19.1521 1.08258 19.0855C0.952814 19.019 0.840765 18.9225 0.755699 18.804C0.670633 18.6855 0.614995 18.5485 0.593389 18.4043C0.571782 18.2601 0.584829 18.1128 0.631448 17.9746L6.21222 1.43879C6.27376 1.25634 6.39099 1.09779 6.54739 0.985482C6.70379 0.873171 6.89148 0.812976 7.08403 0.812966Z",
-							"fill": "url(#paint0_linear_644_3772)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M15.469 12.7173H6.31874C6.23367 12.7173 6.15054 12.7428 6.08019 12.7906C6.00984 12.8384 5.95552 12.9063 5.92431 12.9855C5.8931 13.0646 5.88644 13.1513 5.90521 13.2343C5.92398 13.3173 5.96731 13.3927 6.02954 13.4506L11.9093 18.9386C12.0805 19.0983 12.3059 19.187 12.54 19.187H17.7212L15.469 12.7173Z",
-							"fill": "#0078D4"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M7.08432 0.813056C6.88967 0.812309 6.69988 0.873821 6.54267 0.988606C6.38547 1.10339 6.26908 1.26543 6.21052 1.45107L0.638609 17.9596C0.588854 18.0983 0.573233 18.2469 0.593069 18.3929C0.612904 18.5389 0.667613 18.678 0.752567 18.7984C0.83752 18.9188 0.950219 19.0169 1.08113 19.0845C1.21204 19.1522 1.35731 19.1873 1.50466 19.1869H6.11124C6.28281 19.1562 6.44316 19.0806 6.57593 18.9676C6.7087 18.8547 6.80911 18.7086 6.86692 18.5442L7.97807 15.2695L11.9471 18.9715C12.1134 19.109 12.3221 19.1851 12.5379 19.1869H17.6998L15.4359 12.7172L8.83614 12.7188L12.8754 0.813056H7.08432Z",
-							"fill": "url(#paint1_linear_644_3772)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M14.4539 1.43799C14.3925 1.25583 14.2754 1.09755 14.1193 0.985434C13.9631 0.87332 13.7757 0.813027 13.5835 0.813049H7.15259C7.34482 0.81306 7.53221 0.873366 7.68837 0.985475C7.84453 1.09758 7.96159 1.25585 8.02307 1.43799L13.6041 17.9744C13.6507 18.1126 13.6638 18.26 13.6422 18.4042C13.6206 18.5485 13.565 18.6856 13.4799 18.8041C13.3949 18.9226 13.2828 19.0191 13.153 19.0857C13.0232 19.1523 12.8795 19.1871 12.7336 19.1871H19.1647C19.3105 19.187 19.4543 19.1523 19.584 19.0856C19.7138 19.019 19.8258 18.9225 19.9109 18.804C19.9959 18.6855 20.0515 18.5484 20.0731 18.4042C20.0947 18.2599 20.0816 18.1126 20.0349 17.9744L14.4539 1.43799Z",
-							"fill": "url(#paint2_linear_644_3772)"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_644_3772",
-							"x1": "9.1871",
-							"y1": "2.17453",
-							"x2": "3.19457",
-							"y2": "19.878",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#114A8B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#0669BC"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_644_3772",
-							"x1": "11.0593",
-							"y1": "10.4249",
-							"x2": "9.67315",
-							"y2": "10.8936",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-opacity": "0.3"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.071",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.321",
-									"stop-opacity": "0.1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.623",
-									"stop-opacity": "0.05"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_644_3772",
-							"x1": "10.2966",
-							"y1": "1.65827",
-							"x2": "16.8746",
-							"y2": "19.1833",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#3CCBF4"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#2892DF"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Azure"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "21",
+      "height": "20",
+      "viewBox": "0 0 21 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group 5"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M7.08403 0.812966H12.8543L6.86419 18.5609C6.80263 18.7433 6.68542 18.9018 6.52907 19.0141C6.37271 19.1263 6.18509 19.1867 5.99261 19.1868H1.50193C1.35609 19.1868 1.21234 19.1521 1.08258 19.0855C0.952814 19.019 0.840765 18.9225 0.755699 18.804C0.670633 18.6855 0.614995 18.5485 0.593389 18.4043C0.571782 18.2601 0.584829 18.1128 0.631448 17.9746L6.21222 1.43879C6.27376 1.25634 6.39099 1.09779 6.54739 0.985482C6.70379 0.873171 6.89148 0.812976 7.08403 0.812966Z",
+              "fill": "url(#paint0_linear_644_3772)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M15.469 12.7173H6.31874C6.23367 12.7173 6.15054 12.7428 6.08019 12.7906C6.00984 12.8384 5.95552 12.9063 5.92431 12.9855C5.8931 13.0646 5.88644 13.1513 5.90521 13.2343C5.92398 13.3173 5.96731 13.3927 6.02954 13.4506L11.9093 18.9386C12.0805 19.0983 12.3059 19.187 12.54 19.187H17.7212L15.469 12.7173Z",
+              "fill": "#0078D4"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M7.08432 0.813056C6.88967 0.812309 6.69988 0.873821 6.54267 0.988606C6.38547 1.10339 6.26908 1.26543 6.21052 1.45107L0.638609 17.9596C0.588854 18.0983 0.573233 18.2469 0.593069 18.3929C0.612904 18.5389 0.667613 18.678 0.752567 18.7984C0.83752 18.9188 0.950219 19.0169 1.08113 19.0845C1.21204 19.1522 1.35731 19.1873 1.50466 19.1869H6.11124C6.28281 19.1562 6.44316 19.0806 6.57593 18.9676C6.7087 18.8547 6.80911 18.7086 6.86692 18.5442L7.97807 15.2695L11.9471 18.9715C12.1134 19.109 12.3221 19.1851 12.5379 19.1869H17.6998L15.4359 12.7172L8.83614 12.7188L12.8754 0.813056H7.08432Z",
+              "fill": "url(#paint1_linear_644_3772)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M14.4539 1.43799C14.3925 1.25583 14.2754 1.09755 14.1193 0.985434C13.9631 0.87332 13.7757 0.813027 13.5835 0.813049H7.15259C7.34482 0.81306 7.53221 0.873366 7.68837 0.985475C7.84453 1.09758 7.96159 1.25585 8.02307 1.43799L13.6041 17.9744C13.6507 18.1126 13.6638 18.26 13.6422 18.4042C13.6206 18.5485 13.565 18.6856 13.4799 18.8041C13.3949 18.9226 13.2828 19.0191 13.153 19.0857C13.0232 19.1523 12.8795 19.1871 12.7336 19.1871H19.1647C19.3105 19.187 19.4543 19.1523 19.584 19.0856C19.7138 19.019 19.8258 18.9225 19.9109 18.804C19.9959 18.6855 20.0515 18.5484 20.0731 18.4042C20.0947 18.2599 20.0816 18.1126 20.0349 17.9744L14.4539 1.43799Z",
+              "fill": "url(#paint2_linear_644_3772)"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_644_3772",
+              "x1": "9.1871",
+              "y1": "2.17453",
+              "x2": "3.19457",
+              "y2": "19.878",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#114A8B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#0669BC"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_644_3772",
+              "x1": "11.0593",
+              "y1": "10.4249",
+              "x2": "9.67315",
+              "y2": "10.8936",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-opacity": "0.3"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.071",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.321",
+                  "stop-opacity": "0.1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.623",
+                  "stop-opacity": "0.05"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_644_3772",
+              "x1": "10.2966",
+              "y1": "1.65827",
+              "x2": "16.8746",
+              "y2": "19.1833",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#3CCBF4"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#2892DF"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Azure"
 }
diff --git a/web/app/components/base/icons/src/public/billing/Azure.tsx b/web/app/components/base/icons/src/public/billing/Azure.tsx
index 5bd1831123..fcf8ecbc8e 100644
--- a/web/app/components/base/icons/src/public/billing/Azure.tsx
+++ b/web/app/components/base/icons/src/public/billing/Azure.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Azure.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Azure.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/Buildings.json b/web/app/components/base/icons/src/public/billing/Buildings.json
index 62d22f97c6..f3d46f1d90 100644
--- a/web/app/components/base/icons/src/public/billing/Buildings.json
+++ b/web/app/components/base/icons/src/public/billing/Buildings.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "29",
-			"height": "28",
-			"viewBox": "0 0 29 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "buildings"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M5.04134 22.4583H17.2913M5.04134 22.4583V6.70833C5.04134 5.41967 6.08601 4.375 7.37467 4.375H14.958C16.2467 4.375 17.2913 5.41967 17.2913 6.70833V9.33333M5.04134 22.4583H2.70801M17.2913 22.4583V9.33333M17.2913 22.4583H24.2913M17.2913 9.33333H21.958C23.2467 9.33333 24.2913 10.378 24.2913 11.6667V22.4583M24.2913 22.4583H26.6247M12.6247 10.2083H9.70801M9.70801 14.875H12.6247",
-							"stroke": "white",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Buildings"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "29",
+      "height": "28",
+      "viewBox": "0 0 29 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "buildings"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M5.04134 22.4583H17.2913M5.04134 22.4583V6.70833C5.04134 5.41967 6.08601 4.375 7.37467 4.375H14.958C16.2467 4.375 17.2913 5.41967 17.2913 6.70833V9.33333M5.04134 22.4583H2.70801M17.2913 22.4583V9.33333M17.2913 22.4583H24.2913M17.2913 9.33333H21.958C23.2467 9.33333 24.2913 10.378 24.2913 11.6667V22.4583M24.2913 22.4583H26.6247M12.6247 10.2083H9.70801M9.70801 14.875H12.6247",
+              "stroke": "white",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Buildings"
 }
diff --git a/web/app/components/base/icons/src/public/billing/Buildings.tsx b/web/app/components/base/icons/src/public/billing/Buildings.tsx
index 054317c9f0..fbcc74a768 100644
--- a/web/app/components/base/icons/src/public/billing/Buildings.tsx
+++ b/web/app/components/base/icons/src/public/billing/Buildings.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Buildings.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Buildings.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/Diamond.json b/web/app/components/base/icons/src/public/billing/Diamond.json
index 6717026232..372d3ac8d9 100644
--- a/web/app/components/base/icons/src/public/billing/Diamond.json
+++ b/web/app/components/base/icons/src/public/billing/Diamond.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "29",
-			"height": "28",
-			"viewBox": "0 0 29 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "diamond"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M10.2499 9.04167L7.62486 11.6667L10.2499 14.2917M15.9831 22.8501L25.4978 13.3353C26.4164 12.4168 26.408 10.925 25.4791 10.017L20.3883 5.03988C19.9523 4.61365 19.3668 4.375 18.7571 4.375H9.90929C9.29958 4.375 8.71408 4.61365 8.27811 5.03988L3.18727 10.017C2.25844 10.925 2.25002 12.4168 3.16852 13.3353L12.6833 22.8501C13.5945 23.7613 15.0719 23.7613 15.9831 22.8501Z",
-							"stroke": "#DC6803",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Diamond"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "29",
+      "height": "28",
+      "viewBox": "0 0 29 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "diamond"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M10.2499 9.04167L7.62486 11.6667L10.2499 14.2917M15.9831 22.8501L25.4978 13.3353C26.4164 12.4168 26.408 10.925 25.4791 10.017L20.3883 5.03988C19.9523 4.61365 19.3668 4.375 18.7571 4.375H9.90929C9.29958 4.375 8.71408 4.61365 8.27811 5.03988L3.18727 10.017C2.25844 10.925 2.25002 12.4168 3.16852 13.3353L12.6833 22.8501C13.5945 23.7613 15.0719 23.7613 15.9831 22.8501Z",
+              "stroke": "#DC6803",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Diamond"
 }
diff --git a/web/app/components/base/icons/src/public/billing/Diamond.tsx b/web/app/components/base/icons/src/public/billing/Diamond.tsx
index 6312eec538..bdaf95d16d 100644
--- a/web/app/components/base/icons/src/public/billing/Diamond.tsx
+++ b/web/app/components/base/icons/src/public/billing/Diamond.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Diamond.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Diamond.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/GoogleCloud.json b/web/app/components/base/icons/src/public/billing/GoogleCloud.json
index 0c55bdaf03..d27dc20b5f 100644
--- a/web/app/components/base/icons/src/public/billing/GoogleCloud.json
+++ b/web/app/components/base/icons/src/public/billing/GoogleCloud.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "22",
-			"height": "18",
-			"viewBox": "0 0 22 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group 4"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M14.1587 5.40399H14.7992L16.6247 3.57855L16.7143 2.80353C15.6686 1.88054 14.4049 1.23936 13.0424 0.94058C11.68 0.641797 10.2639 0.695269 8.92788 1.09594C7.59187 1.49662 6.38006 2.23127 5.40691 3.2305C4.43376 4.22973 3.73142 5.46055 3.36621 6.80669C3.56957 6.72334 3.79485 6.70982 4.00672 6.76826L7.6576 6.16619C7.6576 6.16619 7.84334 5.85874 7.93942 5.87796C8.72169 5.01883 9.80276 4.4912 10.9613 4.40309C12.1199 4.31497 13.2683 4.67304 14.1715 5.40399H14.1587Z",
-							"fill": "#EA4335"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M19.225 6.80663C18.8055 5.2615 17.944 3.87244 16.7463 2.80988L14.1843 5.3719C14.7182 5.80819 15.1461 6.36003 15.4357 6.9858C15.7253 7.61158 15.869 8.29494 15.856 8.98435V9.43911C16.1554 9.43911 16.4519 9.49809 16.7286 9.61268C17.0052 9.72727 17.2566 9.89523 17.4683 10.107C17.6801 10.3187 17.848 10.5701 17.9626 10.8467C18.0772 11.1234 18.1362 11.4199 18.1362 11.7193C18.1362 12.0187 18.0772 12.3153 17.9626 12.5919C17.848 12.8685 17.6801 13.1199 17.4683 13.3316C17.2566 13.5434 17.0052 13.7113 16.7286 13.8259C16.4519 13.9405 16.1554 13.9995 15.856 13.9995H11.2956L10.8408 14.4607V17.1956L11.2956 17.6504H15.856C17.1295 17.6603 18.3723 17.2601 19.4007 16.5089C20.429 15.7577 21.1883 14.6954 21.5662 13.4792C21.944 12.2631 21.9204 10.9576 21.4988 9.75589C21.0771 8.55419 20.2799 7.52012 19.225 6.80663Z",
-							"fill": "#4285F4"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M6.72886 17.625H11.2893V13.9741H6.72886C6.40396 13.9741 6.08286 13.9042 5.78732 13.7692L5.14681 13.9677L3.30856 15.7932L3.14844 16.4337C4.17929 17.2121 5.43714 17.6306 6.72886 17.625Z",
-							"fill": "#34A853"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M6.7289 5.78196C5.49325 5.78934 4.29076 6.18247 3.28939 6.90643C2.28801 7.6304 1.53775 8.64904 1.1434 9.8201C0.749049 10.9912 0.730302 12.2561 1.08978 13.4384C1.44925 14.6206 2.16899 15.661 3.14848 16.4143L5.79377 13.7691C5.4576 13.6172 5.16331 13.386 4.93613 13.0954C4.70895 12.8048 4.55567 12.4634 4.48944 12.1005C4.42321 11.7376 4.446 11.3641 4.55587 11.0119C4.66574 10.6598 4.8594 10.3396 5.12024 10.0788C5.38107 9.81792 5.7013 9.62426 6.05343 9.51439C6.40557 9.40452 6.7791 9.38172 7.14198 9.44795C7.50487 9.51418 7.84626 9.66747 8.13688 9.89465C8.4275 10.1218 8.65867 10.4161 8.81055 10.7523L11.4558 8.10699C10.9006 7.38115 10.185 6.79357 9.36499 6.39023C8.54496 5.98688 7.64275 5.7787 6.7289 5.78196Z",
-							"fill": "#FBBC05"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "GoogleCloud"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "22",
+      "height": "18",
+      "viewBox": "0 0 22 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group 4"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M14.1587 5.40399H14.7992L16.6247 3.57855L16.7143 2.80353C15.6686 1.88054 14.4049 1.23936 13.0424 0.94058C11.68 0.641797 10.2639 0.695269 8.92788 1.09594C7.59187 1.49662 6.38006 2.23127 5.40691 3.2305C4.43376 4.22973 3.73142 5.46055 3.36621 6.80669C3.56957 6.72334 3.79485 6.70982 4.00672 6.76826L7.6576 6.16619C7.6576 6.16619 7.84334 5.85874 7.93942 5.87796C8.72169 5.01883 9.80276 4.4912 10.9613 4.40309C12.1199 4.31497 13.2683 4.67304 14.1715 5.40399H14.1587Z",
+              "fill": "#EA4335"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M19.225 6.80663C18.8055 5.2615 17.944 3.87244 16.7463 2.80988L14.1843 5.3719C14.7182 5.80819 15.1461 6.36003 15.4357 6.9858C15.7253 7.61158 15.869 8.29494 15.856 8.98435V9.43911C16.1554 9.43911 16.4519 9.49809 16.7286 9.61268C17.0052 9.72727 17.2566 9.89523 17.4683 10.107C17.6801 10.3187 17.848 10.5701 17.9626 10.8467C18.0772 11.1234 18.1362 11.4199 18.1362 11.7193C18.1362 12.0187 18.0772 12.3153 17.9626 12.5919C17.848 12.8685 17.6801 13.1199 17.4683 13.3316C17.2566 13.5434 17.0052 13.7113 16.7286 13.8259C16.4519 13.9405 16.1554 13.9995 15.856 13.9995H11.2956L10.8408 14.4607V17.1956L11.2956 17.6504H15.856C17.1295 17.6603 18.3723 17.2601 19.4007 16.5089C20.429 15.7577 21.1883 14.6954 21.5662 13.4792C21.944 12.2631 21.9204 10.9576 21.4988 9.75589C21.0771 8.55419 20.2799 7.52012 19.225 6.80663Z",
+              "fill": "#4285F4"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M6.72886 17.625H11.2893V13.9741H6.72886C6.40396 13.9741 6.08286 13.9042 5.78732 13.7692L5.14681 13.9677L3.30856 15.7932L3.14844 16.4337C4.17929 17.2121 5.43714 17.6306 6.72886 17.625Z",
+              "fill": "#34A853"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M6.7289 5.78196C5.49325 5.78934 4.29076 6.18247 3.28939 6.90643C2.28801 7.6304 1.53775 8.64904 1.1434 9.8201C0.749049 10.9912 0.730302 12.2561 1.08978 13.4384C1.44925 14.6206 2.16899 15.661 3.14848 16.4143L5.79377 13.7691C5.4576 13.6172 5.16331 13.386 4.93613 13.0954C4.70895 12.8048 4.55567 12.4634 4.48944 12.1005C4.42321 11.7376 4.446 11.3641 4.55587 11.0119C4.66574 10.6598 4.8594 10.3396 5.12024 10.0788C5.38107 9.81792 5.7013 9.62426 6.05343 9.51439C6.40557 9.40452 6.7791 9.38172 7.14198 9.44795C7.50487 9.51418 7.84626 9.66747 8.13688 9.89465C8.4275 10.1218 8.65867 10.4161 8.81055 10.7523L11.4558 8.10699C10.9006 7.38115 10.185 6.79357 9.36499 6.39023C8.54496 5.98688 7.64275 5.7787 6.7289 5.78196Z",
+              "fill": "#FBBC05"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "GoogleCloud"
 }
diff --git a/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx b/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx
index 951c205b28..c22fe65adc 100644
--- a/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx
+++ b/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './GoogleCloud.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './GoogleCloud.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/Group2.json b/web/app/components/base/icons/src/public/billing/Group2.json
index 8cc0896d5d..e78392dca5 100644
--- a/web/app/components/base/icons/src/public/billing/Group2.json
+++ b/web/app/components/base/icons/src/public/billing/Group2.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "29",
-			"height": "28",
-			"viewBox": "0 0 29 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.4942 15.3771C21.1508 13.8584 25.694 15.7846 27.1017 21.1559C27.4448 22.465 26.348 23.625 24.9948 23.625H19.6233M13.2066 8.16667C13.2066 10.2608 11.509 11.9583 9.41493 11.9583C7.32086 11.9583 5.62326 10.2608 5.62326 8.16667C5.62326 6.07258 7.32086 4.375 9.41493 4.375C11.509 4.375 13.2066 6.07258 13.2066 8.16667ZM23.7066 8.16667C23.7066 10.2608 22.009 11.9583 19.9149 11.9583C17.8209 11.9583 16.1232 10.2608 16.1232 8.16667C16.1232 6.07258 17.8209 4.375 19.9149 4.375C22.009 4.375 23.7066 6.07258 23.7066 8.16667ZM14.328 23.625H4.3352C2.98193 23.625 1.88599 22.4589 2.22976 21.15C4.42721 12.7833 14.2359 12.7833 16.4335 21.15C16.7772 22.4589 15.6813 23.625 14.328 23.625Z",
-					"stroke": "#444CE7",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Group2"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "29",
+      "height": "28",
+      "viewBox": "0 0 29 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.4942 15.3771C21.1508 13.8584 25.694 15.7846 27.1017 21.1559C27.4448 22.465 26.348 23.625 24.9948 23.625H19.6233M13.2066 8.16667C13.2066 10.2608 11.509 11.9583 9.41493 11.9583C7.32086 11.9583 5.62326 10.2608 5.62326 8.16667C5.62326 6.07258 7.32086 4.375 9.41493 4.375C11.509 4.375 13.2066 6.07258 13.2066 8.16667ZM23.7066 8.16667C23.7066 10.2608 22.009 11.9583 19.9149 11.9583C17.8209 11.9583 16.1232 10.2608 16.1232 8.16667C16.1232 6.07258 17.8209 4.375 19.9149 4.375C22.009 4.375 23.7066 6.07258 23.7066 8.16667ZM14.328 23.625H4.3352C2.98193 23.625 1.88599 22.4589 2.22976 21.15C4.42721 12.7833 14.2359 12.7833 16.4335 21.15C16.7772 22.4589 15.6813 23.625 14.328 23.625Z",
+          "stroke": "#444CE7",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Group2"
 }
diff --git a/web/app/components/base/icons/src/public/billing/Group2.tsx b/web/app/components/base/icons/src/public/billing/Group2.tsx
index 1ab4976044..b1bd019b72 100644
--- a/web/app/components/base/icons/src/public/billing/Group2.tsx
+++ b/web/app/components/base/icons/src/public/billing/Group2.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Group2.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Group2.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/Keyframe.json b/web/app/components/base/icons/src/public/billing/Keyframe.json
index ed0dcb4fba..6299e3b228 100644
--- a/web/app/components/base/icons/src/public/billing/Keyframe.json
+++ b/web/app/components/base/icons/src/public/billing/Keyframe.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "29",
-			"height": "28",
-			"viewBox": "0 0 29 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M15.9831 3.98321C15.072 3.072 13.5945 3.072 12.6833 3.98321L4.31648 12.35C3.40526 13.2612 3.40524 14.7386 4.31647 15.6499L12.6833 24.0167C13.5945 24.9279 15.072 24.9279 15.9831 24.0167L24.35 15.6499C25.2612 14.7386 25.2612 13.2612 24.35 12.35L15.9831 3.98321Z",
-					"stroke": "#155AEF",
-					"stroke-width": "1.5",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Keyframe"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "29",
+      "height": "28",
+      "viewBox": "0 0 29 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M15.9831 3.98321C15.072 3.072 13.5945 3.072 12.6833 3.98321L4.31648 12.35C3.40526 13.2612 3.40524 14.7386 4.31647 15.6499L12.6833 24.0167C13.5945 24.9279 15.072 24.9279 15.9831 24.0167L24.35 15.6499C25.2612 14.7386 25.2612 13.2612 24.35 12.35L15.9831 3.98321Z",
+          "stroke": "#155AEF",
+          "stroke-width": "1.5",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Keyframe"
 }
diff --git a/web/app/components/base/icons/src/public/billing/Keyframe.tsx b/web/app/components/base/icons/src/public/billing/Keyframe.tsx
index 204ac4dd23..c179a7110d 100644
--- a/web/app/components/base/icons/src/public/billing/Keyframe.tsx
+++ b/web/app/components/base/icons/src/public/billing/Keyframe.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Keyframe.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Keyframe.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/Sparkles.json b/web/app/components/base/icons/src/public/billing/Sparkles.json
index 5317b50936..ee44aa1544 100644
--- a/web/app/components/base/icons/src/public/billing/Sparkles.json
+++ b/web/app/components/base/icons/src/public/billing/Sparkles.json
@@ -1,95 +1,95 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "600",
-			"height": "600",
-			"viewBox": "0 0 600 600",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_1_382)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "600",
-							"height": "600",
-							"fill": "url(#pattern999)"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "pattern",
-						"attributes": {
-							"id": "pattern999",
-							"patternContentUnits": "objectBoundingBox",
-							"width": "1",
-							"height": "1"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "use",
-								"attributes": {
-									"xlink:href": "#image0_1_382",
-									"transform": "scale(0.000976562)"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_1_382"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "600",
-									"height": "600",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "image",
-						"attributes": {
-							"id": "image0_1_382",
-							"width": "1024",
-							"height": "1024",
-							"xlink:href": "data:image/png;base64,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fAkQAMjX8WZvEUAAAQQQQGAaBfav3Va5+vLVF91w5YXXrzm15sZZI+3L0janXjw2vhMAt5ACBGmVfFs/rOzbPLX272rbdefa7XvWPdz30v+uuOFDI/YaJQIIIIBA/gQIAOTvmLPHCCCAAAIIIJABAQsGXLFq2TWXllf+9qr5yy9pFhCY6uaqwv/KWwd276zu2/rq4aPbt+/Zv5PW/qnqsRwCCCAw8wUIAMz8Y8weIoAAAggggEALCCggsOzs7s7fWL5w5col3ef2zJ69oFQsLzx/UVdn59GFC8NdGFzQ3//y4YHBWr3a/+bQ0NF9vzy+98jAO2/2vXzodVr5QynGEUAAAQRCAQIAoQbjCCCAAAIIIIAAAggggAACCMxQgeB5MzN0D9ktBBBAAAEEEEAAAQQQQAABBBAoEADgS4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCOgv+e0AAABaSURBVCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCPwfNaPiwKKqjBIAAAAASUVORK5CYII="
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Sparkles"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "600",
+      "height": "600",
+      "viewBox": "0 0 600 600",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_1_382)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "600",
+              "height": "600",
+              "fill": "url(#pattern999)"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "pattern",
+            "attributes": {
+              "id": "pattern999",
+              "patternContentUnits": "objectBoundingBox",
+              "width": "1",
+              "height": "1"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "use",
+                "attributes": {
+                  "xlink:href": "#image0_1_382",
+                  "transform": "scale(0.000976562)"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_1_382"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "600",
+                  "height": "600",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "image",
+            "attributes": {
+              "id": "image0_1_382",
+              "width": "1024",
+              "height": "1024",
+              "xlink:href": "data:image/png;base64,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fAkQAMjX8WZvEUAAAQQQQGAaBfav3Va5+vLVF91w5YXXrzm15sZZI+3L0janXjw2vhMAt5ACBGmVfFs/rOzbPLX272rbdefa7XvWPdz30v+uuOFDI/YaJQIIIIBA/gQIAOTvmLPHCCCAAAIIIJABAQsGXLFq2TWXllf+9qr5yy9pFhCY6uaqwv/KWwd276zu2/rq4aPbt+/Zv5PW/qnqsRwCCCAw8wUIAMz8Y8weIoAAAggggEALCCggsOzs7s7fWL5w5col3ef2zJ69oFQsLzx/UVdn59GFC8NdGFzQ3//y4YHBWr3a/+bQ0NF9vzy+98jAO2/2vXzodVr5QynGEUAAAQRCAQIAoQbjCCCAAAIIIIAAAggggAACCMxQgeB5MzN0D9ktBBBAAAEEEEAAAQQQQAABBBAoEADgS4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCBAA4DuAAAIIIIAAAggggAACCCCAQA4ECADk4CCziwgggAACCCCAAAIIIIAAAggQAOA7gAACCOgv+e0AAABaSURBVCCAAAIIIIAAAggggEAOBAgA5OAgs4sIIIAAAggggAACCCCAAAIIEADgO4AAAggggAACCCCAAAIIIIBADgQIAOTgILOLCCCAAAIIIIAAAggggAACCPwfNaPiwKKqjBIAAAAASUVORK5CYII="
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Sparkles"
 }
diff --git a/web/app/components/base/icons/src/public/billing/Sparkles.tsx b/web/app/components/base/icons/src/public/billing/Sparkles.tsx
index 1aedb0c17f..0f8e682674 100644
--- a/web/app/components/base/icons/src/public/billing/Sparkles.tsx
+++ b/web/app/components/base/icons/src/public/billing/Sparkles.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Sparkles.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Sparkles.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/SparklesSoft.json b/web/app/components/base/icons/src/public/billing/SparklesSoft.json
index b6a5a6ddf4..5b9b22c86d 100644
--- a/web/app/components/base/icons/src/public/billing/SparklesSoft.json
+++ b/web/app/components/base/icons/src/public/billing/SparklesSoft.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "13",
-			"height": "13",
-			"viewBox": "0 0 13 13",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M9.75878 1.67256C9.74813 1.57435 9.6684 1.5001 9.5735 1.5C9.47861 1.4999 9.39874 1.57397 9.38789 1.67217C9.33725 2.12931 9.20693 2.44292 9.00273 2.65564C8.79849 2.86835 8.49744 3.00411 8.05857 3.05683C7.9643 3.06816 7.89321 3.15136 7.89331 3.2502C7.89341 3.34905 7.96469 3.43208 8.05896 3.44321C8.49038 3.49411 8.79835 3.62984 9.00773 3.84402C9.216 4.05703 9.34877 4.3702 9.38736 4.82276C9.39595 4.92317 9.47673 5.00011 9.5735 5C9.67027 4.99988 9.75096 4.92276 9.75926 4.82232C9.79627 4.37742 9.92894 4.05719 10.1386 3.83882C10.3482 3.62045 10.6556 3.48223 11.0827 3.44372C11.1792 3.43503 11.2532 3.35103 11.2533 3.25022C11.2534 3.14942 11.1795 3.06524 11.0832 3.05632C10.6487 3.01612 10.3481 2.87779 10.1436 2.66085C9.93797 2.44273 9.80765 2.12197 9.75878 1.67256Z",
-					"fill": "#FCFCFD"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.45025 2.94373C6.42279 2.69117 6.21783 2.50026 5.9738 2.5C5.72982 2.49974 5.52443 2.69021 5.49649 2.94271C5.36631 4.11822 5.0312 4.92465 4.50609 5.47164C3.98098 6.0186 3.20681 6.3677 2.07832 6.5033C1.83592 6.5324 1.65307 6.74635 1.65332 7.0005C1.65357 7.2547 1.83684 7.4682 2.0793 7.4968C3.1887 7.6277 3.9805 7.97675 4.51896 8.5275C5.05449 9.07525 5.39598 9.8805 5.49519 11.0442C5.51722 11.3024 5.72502 11.5003 5.97385 11.5C6.22273 11.4997 6.43009 11.3014 6.45154 11.0431C6.54658 9.89905 6.88782 9.07565 7.42686 8.5141C7.96595 7.9526 8.75641 7.59715 9.8547 7.49815C10.1026 7.4758 10.293 7.2598 10.2933 7.00055C10.2936 6.74135 10.1037 6.5249 9.8558 6.50195C8.7386 6.3986 7.96556 6.0429 7.43972 5.48504C6.911 4.92415 6.57591 4.09936 6.45025 2.94373Z",
-					"fill": "#FCFCFD"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "SparklesSoft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "13",
+      "height": "13",
+      "viewBox": "0 0 13 13",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M9.75878 1.67256C9.74813 1.57435 9.6684 1.5001 9.5735 1.5C9.47861 1.4999 9.39874 1.57397 9.38789 1.67217C9.33725 2.12931 9.20693 2.44292 9.00273 2.65564C8.79849 2.86835 8.49744 3.00411 8.05857 3.05683C7.9643 3.06816 7.89321 3.15136 7.89331 3.2502C7.89341 3.34905 7.96469 3.43208 8.05896 3.44321C8.49038 3.49411 8.79835 3.62984 9.00773 3.84402C9.216 4.05703 9.34877 4.3702 9.38736 4.82276C9.39595 4.92317 9.47673 5.00011 9.5735 5C9.67027 4.99988 9.75096 4.92276 9.75926 4.82232C9.79627 4.37742 9.92894 4.05719 10.1386 3.83882C10.3482 3.62045 10.6556 3.48223 11.0827 3.44372C11.1792 3.43503 11.2532 3.35103 11.2533 3.25022C11.2534 3.14942 11.1795 3.06524 11.0832 3.05632C10.6487 3.01612 10.3481 2.87779 10.1436 2.66085C9.93797 2.44273 9.80765 2.12197 9.75878 1.67256Z",
+          "fill": "#FCFCFD"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.45025 2.94373C6.42279 2.69117 6.21783 2.50026 5.9738 2.5C5.72982 2.49974 5.52443 2.69021 5.49649 2.94271C5.36631 4.11822 5.0312 4.92465 4.50609 5.47164C3.98098 6.0186 3.20681 6.3677 2.07832 6.5033C1.83592 6.5324 1.65307 6.74635 1.65332 7.0005C1.65357 7.2547 1.83684 7.4682 2.0793 7.4968C3.1887 7.6277 3.9805 7.97675 4.51896 8.5275C5.05449 9.07525 5.39598 9.8805 5.49519 11.0442C5.51722 11.3024 5.72502 11.5003 5.97385 11.5C6.22273 11.4997 6.43009 11.3014 6.45154 11.0431C6.54658 9.89905 6.88782 9.07565 7.42686 8.5141C7.96595 7.9526 8.75641 7.59715 9.8547 7.49815C10.1026 7.4758 10.293 7.2598 10.2933 7.00055C10.2936 6.74135 10.1037 6.5249 9.8558 6.50195C8.7386 6.3986 7.96556 6.0429 7.43972 5.48504C6.911 4.92415 6.57591 4.09936 6.45025 2.94373Z",
+          "fill": "#FCFCFD"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "SparklesSoft"
 }
diff --git a/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx b/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx
index 5827652f66..2ec563939d 100644
--- a/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx
+++ b/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SparklesSoft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SparklesSoft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/billing/index.ts b/web/app/components/base/icons/src/public/billing/index.ts
index a58f20132e..bd8fdc10dd 100644
--- a/web/app/components/base/icons/src/public/billing/index.ts
+++ b/web/app/components/base/icons/src/public/billing/index.ts
@@ -8,5 +8,5 @@ export { default as Diamond } from './Diamond'
 export { default as GoogleCloud } from './GoogleCloud'
 export { default as Group2 } from './Group2'
 export { default as Keyframe } from './Keyframe'
-export { default as SparklesSoft } from './SparklesSoft'
 export { default as Sparkles } from './Sparkles'
+export { default as SparklesSoft } from './SparklesSoft'
diff --git a/web/app/components/base/icons/src/public/common/D.json b/web/app/components/base/icons/src/public/common/D.json
index ab4ed79135..823c42fe07 100644
--- a/web/app/components/base/icons/src/public/common/D.json
+++ b/web/app/components/base/icons/src/public/common/D.json
@@ -1,125 +1,125 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2 1H7.94339C11.8094 1 14.9434 4.13401 14.9434 8C14.9434 11.866 11.8094 15 7.9434 15H2V1Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2 1H7.94339C11.8094 1 14.9434 4.13401 14.9434 8C14.9434 11.866 11.8094 15 7.9434 15H2V1Z",
-					"fill": "url(#paint0_angular_19344_240446)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.94336 8H8.20751V15H7.94336V8Z",
-					"fill": "url(#paint1_linear_19344_240446)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "radialGradient",
-						"attributes": {
-							"id": "paint0_angular_19344_240446",
-							"cx": "0",
-							"cy": "0",
-							"r": "1",
-							"gradientUnits": "userSpaceOnUse",
-							"gradientTransform": "translate(7.9434 8) rotate(90) scale(8.75 8.75)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#001FC2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.711334",
-									"stop-color": "#0667F8",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#155EEF",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_19344_240446",
-							"x1": "8.06244",
-							"y1": "8.43754",
-							"x2": "7.93744",
-							"y2": "9.20317",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "D"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2 1H7.94339C11.8094 1 14.9434 4.13401 14.9434 8C14.9434 11.866 11.8094 15 7.9434 15H2V1Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2 1H7.94339C11.8094 1 14.9434 4.13401 14.9434 8C14.9434 11.866 11.8094 15 7.9434 15H2V1Z",
+          "fill": "url(#paint0_angular_19344_240446)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.94336 8H8.20751V15H7.94336V8Z",
+          "fill": "url(#paint1_linear_19344_240446)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "radialGradient",
+            "attributes": {
+              "id": "paint0_angular_19344_240446",
+              "cx": "0",
+              "cy": "0",
+              "r": "1",
+              "gradientUnits": "userSpaceOnUse",
+              "gradientTransform": "translate(7.9434 8) rotate(90) scale(8.75 8.75)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#001FC2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.711334",
+                  "stop-color": "#0667F8",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#155EEF",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_19344_240446",
+              "x1": "8.06244",
+              "y1": "8.43754",
+              "x2": "7.93744",
+              "y2": "9.20317",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "D"
 }
diff --git a/web/app/components/base/icons/src/public/common/D.tsx b/web/app/components/base/icons/src/public/common/D.tsx
index 9b33f9ba53..661973acf9 100644
--- a/web/app/components/base/icons/src/public/common/D.tsx
+++ b/web/app/components/base/icons/src/public/common/D.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './D.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './D.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.json b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.json
index a9e7cd7217..c777926f45 100644
--- a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.json
+++ b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "7",
-			"height": "20",
-			"viewBox": "0 0 7 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Line 3",
-					"d": "M1 19.3544L5.94174 0.645657",
-					"stroke": "#EAECF0",
-					"stroke-linecap": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "DiagonalDividingLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "7",
+      "height": "20",
+      "viewBox": "0 0 7 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Line 3",
+          "d": "M1 19.3544L5.94174 0.645657",
+          "stroke": "#EAECF0",
+          "stroke-linecap": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "DiagonalDividingLine"
 }
diff --git a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
index 5e1156fc26..8eb78ca77b 100644
--- a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
+++ b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DiagonalDividingLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DiagonalDividingLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Dify.json b/web/app/components/base/icons/src/public/common/Dify.json
index a954b66757..d41798d1e3 100644
--- a/web/app/components/base/icons/src/public/common/Dify.json
+++ b/web/app/components/base/icons/src/public/common/Dify.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "50",
-			"height": "26",
-			"viewBox": "0 0 50 26",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Dify"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M6.61784 2.064C8.37784 2.064 9.92184 2.408 11.2498 3.096C12.5938 3.784 13.6258 4.768 14.3458 6.048C15.0818 7.312 15.4498 8.784 15.4498 10.464C15.4498 12.144 15.0818 13.616 14.3458 14.88C13.6258 16.128 12.5938 17.096 11.2498 17.784C9.92184 18.472 8.37784 18.816 6.61784 18.816H0.761841V2.064H6.61784ZM6.49784 15.96C8.25784 15.96 9.61784 15.48 10.5778 14.52C11.5378 13.56 12.0178 12.208 12.0178 10.464C12.0178 8.72 11.5378 7.36 10.5778 6.384C9.61784 5.392 8.25784 4.896 6.49784 4.896H4.12184V15.96H6.49784Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M20.869 3.936C20.277 3.936 19.781 3.752 19.381 3.384C18.997 3 18.805 2.528 18.805 1.968C18.805 1.408 18.997 0.944 19.381 0.576C19.781 0.192 20.277 0 20.869 0C21.461 0 21.949 0.192 22.333 0.576C22.733 0.944 22.933 1.408 22.933 1.968C22.933 2.528 22.733 3 22.333 3.384C21.949 3.752 21.461 3.936 20.869 3.936ZM22.525 5.52V18.816H19.165V5.52H22.525Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M33.1407 8.28H30.8127V18.816H27.4047V8.28H25.8927V5.52H27.4047V4.848C27.4047 3.216 27.8687 2.016 28.7967 1.248C29.7247 0.48 31.1247 0.12 32.9967 0.168001V3C32.1807 2.984 31.6127 3.12 31.2927 3.408C30.9727 3.696 30.8127 4.216 30.8127 4.968V5.52H33.1407V8.28Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M49.2381 5.52L41.0061 25.104H37.4301L40.3101 18.48L34.9821 5.52H38.7501L42.1821 14.808L45.6621 5.52H49.2381Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Dify"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "50",
+      "height": "26",
+      "viewBox": "0 0 50 26",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Dify"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M6.61784 2.064C8.37784 2.064 9.92184 2.408 11.2498 3.096C12.5938 3.784 13.6258 4.768 14.3458 6.048C15.0818 7.312 15.4498 8.784 15.4498 10.464C15.4498 12.144 15.0818 13.616 14.3458 14.88C13.6258 16.128 12.5938 17.096 11.2498 17.784C9.92184 18.472 8.37784 18.816 6.61784 18.816H0.761841V2.064H6.61784ZM6.49784 15.96C8.25784 15.96 9.61784 15.48 10.5778 14.52C11.5378 13.56 12.0178 12.208 12.0178 10.464C12.0178 8.72 11.5378 7.36 10.5778 6.384C9.61784 5.392 8.25784 4.896 6.49784 4.896H4.12184V15.96H6.49784Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M20.869 3.936C20.277 3.936 19.781 3.752 19.381 3.384C18.997 3 18.805 2.528 18.805 1.968C18.805 1.408 18.997 0.944 19.381 0.576C19.781 0.192 20.277 0 20.869 0C21.461 0 21.949 0.192 22.333 0.576C22.733 0.944 22.933 1.408 22.933 1.968C22.933 2.528 22.733 3 22.333 3.384C21.949 3.752 21.461 3.936 20.869 3.936ZM22.525 5.52V18.816H19.165V5.52H22.525Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M33.1407 8.28H30.8127V18.816H27.4047V8.28H25.8927V5.52H27.4047V4.848C27.4047 3.216 27.8687 2.016 28.7967 1.248C29.7247 0.48 31.1247 0.12 32.9967 0.168001V3C32.1807 2.984 31.6127 3.12 31.2927 3.408C30.9727 3.696 30.8127 4.216 30.8127 4.968V5.52H33.1407V8.28Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M49.2381 5.52L41.0061 25.104H37.4301L40.3101 18.48L34.9821 5.52H38.7501L42.1821 14.808L45.6621 5.52H49.2381Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Dify"
 }
diff --git a/web/app/components/base/icons/src/public/common/Dify.tsx b/web/app/components/base/icons/src/public/common/Dify.tsx
index b77064650c..8086364210 100644
--- a/web/app/components/base/icons/src/public/common/Dify.tsx
+++ b/web/app/components/base/icons/src/public/common/Dify.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Dify.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Dify.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Gdpr.json b/web/app/components/base/icons/src/public/common/Gdpr.json
index 1e030b54d1..5f24633b88 100644
--- a/web/app/components/base/icons/src/public/common/Gdpr.json
+++ b/web/app/components/base/icons/src/public/common/Gdpr.json
@@ -1,340 +1,340 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "23",
-			"height": "28",
-			"viewBox": "0 0 23 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group_2"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector",
-									"d": "M11.0371 28L10.7001 27.8596C8.90271 27.1013 0 23.001 0 16.8786V4.32497L11.0371 0L22.0742 4.32497V16.8786C22.0742 23.001 13.1434 27.1013 11.3741 27.8596L11.0371 28ZM1.71314 5.47643V16.8786C1.71314 18.9569 3.11735 21.0632 5.86961 23.1414C7.89167 24.658 10.0822 25.7252 11.0652 26.1464C12.0481 25.6971 14.2387 24.658 16.2608 23.1414C19.013 21.0632 20.4173 18.9569 20.4173 16.8786V5.47643L11.0652 1.82548L1.71314 5.47643Z",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group_3"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_4"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_2",
-											"d": "M11.0371 0.898682V27.0732C12.666 26.3711 21.2317 22.4674 21.2317 16.8786C21.2317 10.672 21.2317 4.88664 21.2317 4.88664L11.0371 0.898682Z",
-											"fill": "#1611D3"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_5"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_3",
-											"d": "M11.0371 0.898682V27.0732C9.40823 26.3711 0.842529 22.4674 0.842529 16.8786C0.842529 10.672 0.842529 4.88664 0.842529 4.88664L11.0371 0.898682Z",
-											"fill": "#0D00A0"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group_6"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_4",
-									"d": "M7.1333 15.5306C7.04905 15.5867 6.93671 15.6429 6.82437 15.671C6.71204 15.7272 6.5997 15.7552 6.48736 15.7833C6.37503 15.8114 6.23461 15.8395 6.0661 15.8676C5.92568 15.8957 5.72909 15.8957 5.56058 15.8957C5.33591 15.8957 5.1674 15.8676 4.97081 15.8114C4.80231 15.7552 4.6338 15.671 4.52147 15.5867C4.40913 15.5025 4.26871 15.3621 4.18445 15.2216C4.07212 15.0812 4.01595 14.9408 3.9317 14.7723C3.84745 14.6038 3.81936 14.4353 3.79128 14.2668C3.76319 14.0983 3.73511 13.9017 3.73511 13.7332C3.73511 13.5366 3.76319 13.34 3.79128 13.1715C3.81936 12.9749 3.87553 12.8064 3.95978 12.6379C4.04403 12.4694 4.12829 12.329 4.24062 12.1885C4.35296 12.0481 4.4653 11.9358 4.60572 11.8235C4.74614 11.7111 4.91465 11.6549 5.08315 11.5988C5.25166 11.5426 5.44825 11.5145 5.64484 11.5145C5.75717 11.5145 5.84143 11.5145 5.92568 11.5145C6.00993 11.5145 6.09418 11.5426 6.15035 11.5426C6.2346 11.5426 6.29077 11.5707 6.34694 11.5988C6.40311 11.6269 6.48736 11.6549 6.54353 11.683C6.5997 11.7111 6.68395 11.7673 6.74012 11.8235C6.79629 11.8796 6.88054 11.9358 6.9648 11.992L6.57162 12.5256C6.48736 12.4413 6.40311 12.3571 6.31886 12.3009C6.23461 12.2447 6.15035 12.1885 6.09418 12.1605C6.00993 12.1324 5.92568 12.1043 5.84143 12.1043C5.75717 12.1043 5.67292 12.0762 5.56058 12.0762C5.39208 12.0762 5.22357 12.1043 5.08315 12.1885C4.94273 12.2728 4.83039 12.3851 4.74614 12.5256C4.66189 12.666 4.57764 12.8345 4.52147 13.003C4.4653 13.1715 4.43721 13.3962 4.43721 13.6208C4.43721 13.8455 4.4653 14.0702 4.49338 14.2668C4.52147 14.4634 4.60572 14.66 4.68997 14.8004C4.77422 14.9408 4.88656 15.0812 5.05507 15.1655C5.19549 15.2497 5.36399 15.3059 5.58867 15.3059C5.64484 15.3059 5.70101 15.3059 5.75717 15.3059C5.81334 15.3059 5.89759 15.3059 5.95376 15.2778C6.00993 15.2778 6.09418 15.2497 6.15035 15.2497C6.20652 15.2497 6.26269 15.2216 6.31886 15.2216V13.7894H7.04905V15.5306H7.1333Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_5",
-									"d": "M8.93074 11.5707C9.32391 11.5707 9.66093 11.6268 9.91368 11.7392C10.1945 11.8515 10.3911 11.9919 10.5877 12.1885C10.7562 12.3851 10.8685 12.5817 10.9528 12.8345C11.0371 13.0872 11.0651 13.34 11.0651 13.6208C11.0651 13.8174 11.0371 14.014 11.009 14.1825C10.9809 14.351 10.9247 14.5476 10.8685 14.7161C10.7843 14.8846 10.7 15.025 10.5877 15.1655C10.4754 15.3059 10.3349 15.4182 10.1664 15.5025C9.99794 15.5867 9.82943 15.671 9.60476 15.7271C9.38008 15.7833 9.15541 15.8114 8.87457 15.8114H7.83545V11.5988H8.93074V11.5707ZM8.62181 12.1324V15.2497H8.84648C9.04307 15.2497 9.23966 15.2216 9.43625 15.1374C9.60476 15.0812 9.77326 14.9689 9.8856 14.8285C10.026 14.688 10.1103 14.5195 10.1945 14.3229C10.2788 14.1263 10.3069 13.8736 10.3069 13.5927C10.3069 13.3962 10.2788 13.2276 10.2226 13.0311C10.1664 12.8626 10.0822 12.694 9.96985 12.5536C9.85752 12.4132 9.7171 12.3009 9.54859 12.2166C9.38008 12.1324 9.15541 12.0762 8.90265 12.0762H8.62181V12.1324Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_6",
-									"d": "M12.5537 14.1825V15.8114H11.8235V11.5988H13.0311C13.312 11.5988 13.5366 11.6268 13.7332 11.683C13.9298 11.7392 14.0983 11.8234 14.2106 11.9358C14.3511 12.0481 14.4353 12.1885 14.4915 12.3289C14.5477 12.4694 14.5757 12.6379 14.5757 12.8345C14.5757 12.8906 14.5757 12.9749 14.5477 13.0872C14.5196 13.1715 14.4915 13.2838 14.4634 13.3681C14.4072 13.4804 14.3511 13.5647 14.2668 13.6489C14.1826 13.7332 14.0983 13.8174 13.9579 13.9017C13.8175 13.9859 13.677 14.0421 13.5085 14.0983C13.34 14.1544 13.1434 14.1544 12.8907 14.1544H12.5537V14.1825ZM12.5537 13.6208H12.9188C13.0592 13.6208 13.1715 13.5927 13.2839 13.5647C13.3962 13.5366 13.4805 13.4804 13.5647 13.4242C13.649 13.3681 13.7051 13.2838 13.7613 13.1715C13.8175 13.0872 13.8175 12.9749 13.8175 12.8345C13.8175 12.7221 13.7894 12.6379 13.7613 12.5536C13.7332 12.4694 13.677 12.3851 13.6209 12.3289C13.5647 12.2728 13.4524 12.2166 13.34 12.1604C13.2277 12.1324 13.0873 12.1043 12.9188 12.1043H12.5537V13.6208Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_7",
-									"d": "M15.9519 15.8114H15.2217V11.5988H16.4293C16.7101 11.5988 16.9348 11.6268 17.1314 11.683C17.328 11.7392 17.4965 11.8234 17.6088 11.9077C17.7493 12.02 17.8335 12.1324 17.8897 12.2728C17.9459 12.4132 17.9739 12.5817 17.9739 12.7502C17.9739 12.8625 17.9459 13.003 17.9178 13.1153C17.8897 13.2276 17.8335 13.3681 17.7493 13.4804C17.665 13.5927 17.5808 13.7051 17.4403 13.7893C17.2999 13.8736 17.1595 13.9578 16.9629 14.014L18.2548 15.8114H17.4123L16.2889 14.0983C16.2327 14.0983 16.2046 14.0983 16.1485 14.0983C16.0923 14.0983 16.0361 14.0983 15.9519 14.0702V15.8114ZM15.9519 13.5085C16.008 13.5085 16.0642 13.5085 16.1204 13.5085C16.1765 13.5085 16.2327 13.5085 16.2889 13.5085C16.4293 13.5085 16.5697 13.4804 16.6821 13.4523C16.7944 13.4242 16.9067 13.3681 16.991 13.3119C17.0752 13.2557 17.1314 13.1715 17.1876 13.0872C17.2437 13.003 17.2437 12.8906 17.2437 12.7783C17.2437 12.666 17.2157 12.5536 17.1876 12.4694C17.1595 12.3851 17.1033 12.3289 17.0472 12.2728C16.991 12.2166 16.8787 12.1885 16.7663 12.1604C16.654 12.1324 16.4855 12.1324 16.317 12.1324H15.98V13.5085H15.9519Z",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group_7"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_8"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_8",
-											"d": "M11.0372 4.63391L11.3461 5.56069H12.301L11.5427 6.12238L11.8236 7.02107L11.0372 6.45939L10.2789 7.02107L10.5598 6.12238L9.80151 5.56069H10.7564L11.0372 4.63391Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_9"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_9",
-											"d": "M14.3231 5.53259L14.632 6.43129H15.5869L14.8005 6.99297L15.1095 7.91975L14.3231 7.35807L13.5648 7.91975L13.8457 6.99297L13.0593 6.43129H14.0423L14.3231 5.53259Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_10"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_10",
-											"d": "M17.0472 7.9198L17.3281 8.81849H18.2829L17.5247 9.38018L17.8055 10.307L17.0472 9.74528L16.2609 10.307L16.5698 9.38018L15.7834 8.81849H16.7383L17.0472 7.9198Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_11"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_11",
-											"d": "M11.0372 19.7714L11.3461 20.6981H12.301L11.5427 21.2598L11.8236 22.1585L11.0372 21.5968L10.2789 22.1585L10.5598 21.2598L9.80151 20.6981H10.7564L11.0372 19.7714Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_12"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_12",
-											"d": "M14.3231 18.985L14.632 19.8837H15.5869L14.8005 20.4454L15.1095 21.3721L14.3231 20.8105L13.5648 21.3721L13.8457 20.4454L13.0593 19.8837H14.0423L14.3231 18.985Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_13"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_13",
-											"d": "M17.0472 17.019L17.3281 17.9458H18.2829L17.5247 18.5075L17.8055 19.4062L17.0472 18.8445L16.2609 19.4062L16.5698 18.5075L15.7834 17.9458H16.7383L17.0472 17.019Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_14"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_14",
-											"d": "M7.77942 5.53259L7.47049 6.43129H6.51562L7.30199 6.99297L6.99306 7.91975L7.77942 7.35807L8.53769 7.91975L8.25685 6.99297L9.01512 6.43129H8.06026L7.77942 5.53259Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_15"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_15",
-											"d": "M5.05529 7.9198L4.77444 8.81849H3.81958L4.57785 9.38018L4.29701 10.307L5.05529 9.74528L5.84165 10.307L5.53272 9.38018L6.31908 8.81849H5.36421L5.05529 7.9198Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_16"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_16",
-											"d": "M7.77942 18.985L7.47049 19.8837H6.51562L7.30199 20.4454L6.99306 21.3721L7.77942 20.8105L8.53769 21.3721L8.25685 20.4454L9.01512 19.8837H8.06026L7.77942 18.985Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_17"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_17",
-											"d": "M5.05529 17.019L4.77444 17.9458H3.81958L4.57785 18.5075L4.29701 19.4062L5.05529 18.8445L5.84165 19.4062L5.53272 18.5075L6.31908 17.9458H5.36421L5.05529 17.019Z",
-											"fill": "#F7BC37"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Gdpr"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "23",
+      "height": "28",
+      "viewBox": "0 0 23 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group_2"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector",
+                  "d": "M11.0371 28L10.7001 27.8596C8.90271 27.1013 0 23.001 0 16.8786V4.32497L11.0371 0L22.0742 4.32497V16.8786C22.0742 23.001 13.1434 27.1013 11.3741 27.8596L11.0371 28ZM1.71314 5.47643V16.8786C1.71314 18.9569 3.11735 21.0632 5.86961 23.1414C7.89167 24.658 10.0822 25.7252 11.0652 26.1464C12.0481 25.6971 14.2387 24.658 16.2608 23.1414C19.013 21.0632 20.4173 18.9569 20.4173 16.8786V5.47643L11.0652 1.82548L1.71314 5.47643Z",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group_3"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_4"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_2",
+                      "d": "M11.0371 0.898682V27.0732C12.666 26.3711 21.2317 22.4674 21.2317 16.8786C21.2317 10.672 21.2317 4.88664 21.2317 4.88664L11.0371 0.898682Z",
+                      "fill": "#1611D3"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_5"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_3",
+                      "d": "M11.0371 0.898682V27.0732C9.40823 26.3711 0.842529 22.4674 0.842529 16.8786C0.842529 10.672 0.842529 4.88664 0.842529 4.88664L11.0371 0.898682Z",
+                      "fill": "#0D00A0"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group_6"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_4",
+                  "d": "M7.1333 15.5306C7.04905 15.5867 6.93671 15.6429 6.82437 15.671C6.71204 15.7272 6.5997 15.7552 6.48736 15.7833C6.37503 15.8114 6.23461 15.8395 6.0661 15.8676C5.92568 15.8957 5.72909 15.8957 5.56058 15.8957C5.33591 15.8957 5.1674 15.8676 4.97081 15.8114C4.80231 15.7552 4.6338 15.671 4.52147 15.5867C4.40913 15.5025 4.26871 15.3621 4.18445 15.2216C4.07212 15.0812 4.01595 14.9408 3.9317 14.7723C3.84745 14.6038 3.81936 14.4353 3.79128 14.2668C3.76319 14.0983 3.73511 13.9017 3.73511 13.7332C3.73511 13.5366 3.76319 13.34 3.79128 13.1715C3.81936 12.9749 3.87553 12.8064 3.95978 12.6379C4.04403 12.4694 4.12829 12.329 4.24062 12.1885C4.35296 12.0481 4.4653 11.9358 4.60572 11.8235C4.74614 11.7111 4.91465 11.6549 5.08315 11.5988C5.25166 11.5426 5.44825 11.5145 5.64484 11.5145C5.75717 11.5145 5.84143 11.5145 5.92568 11.5145C6.00993 11.5145 6.09418 11.5426 6.15035 11.5426C6.2346 11.5426 6.29077 11.5707 6.34694 11.5988C6.40311 11.6269 6.48736 11.6549 6.54353 11.683C6.5997 11.7111 6.68395 11.7673 6.74012 11.8235C6.79629 11.8796 6.88054 11.9358 6.9648 11.992L6.57162 12.5256C6.48736 12.4413 6.40311 12.3571 6.31886 12.3009C6.23461 12.2447 6.15035 12.1885 6.09418 12.1605C6.00993 12.1324 5.92568 12.1043 5.84143 12.1043C5.75717 12.1043 5.67292 12.0762 5.56058 12.0762C5.39208 12.0762 5.22357 12.1043 5.08315 12.1885C4.94273 12.2728 4.83039 12.3851 4.74614 12.5256C4.66189 12.666 4.57764 12.8345 4.52147 13.003C4.4653 13.1715 4.43721 13.3962 4.43721 13.6208C4.43721 13.8455 4.4653 14.0702 4.49338 14.2668C4.52147 14.4634 4.60572 14.66 4.68997 14.8004C4.77422 14.9408 4.88656 15.0812 5.05507 15.1655C5.19549 15.2497 5.36399 15.3059 5.58867 15.3059C5.64484 15.3059 5.70101 15.3059 5.75717 15.3059C5.81334 15.3059 5.89759 15.3059 5.95376 15.2778C6.00993 15.2778 6.09418 15.2497 6.15035 15.2497C6.20652 15.2497 6.26269 15.2216 6.31886 15.2216V13.7894H7.04905V15.5306H7.1333Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_5",
+                  "d": "M8.93074 11.5707C9.32391 11.5707 9.66093 11.6268 9.91368 11.7392C10.1945 11.8515 10.3911 11.9919 10.5877 12.1885C10.7562 12.3851 10.8685 12.5817 10.9528 12.8345C11.0371 13.0872 11.0651 13.34 11.0651 13.6208C11.0651 13.8174 11.0371 14.014 11.009 14.1825C10.9809 14.351 10.9247 14.5476 10.8685 14.7161C10.7843 14.8846 10.7 15.025 10.5877 15.1655C10.4754 15.3059 10.3349 15.4182 10.1664 15.5025C9.99794 15.5867 9.82943 15.671 9.60476 15.7271C9.38008 15.7833 9.15541 15.8114 8.87457 15.8114H7.83545V11.5988H8.93074V11.5707ZM8.62181 12.1324V15.2497H8.84648C9.04307 15.2497 9.23966 15.2216 9.43625 15.1374C9.60476 15.0812 9.77326 14.9689 9.8856 14.8285C10.026 14.688 10.1103 14.5195 10.1945 14.3229C10.2788 14.1263 10.3069 13.8736 10.3069 13.5927C10.3069 13.3962 10.2788 13.2276 10.2226 13.0311C10.1664 12.8626 10.0822 12.694 9.96985 12.5536C9.85752 12.4132 9.7171 12.3009 9.54859 12.2166C9.38008 12.1324 9.15541 12.0762 8.90265 12.0762H8.62181V12.1324Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_6",
+                  "d": "M12.5537 14.1825V15.8114H11.8235V11.5988H13.0311C13.312 11.5988 13.5366 11.6268 13.7332 11.683C13.9298 11.7392 14.0983 11.8234 14.2106 11.9358C14.3511 12.0481 14.4353 12.1885 14.4915 12.3289C14.5477 12.4694 14.5757 12.6379 14.5757 12.8345C14.5757 12.8906 14.5757 12.9749 14.5477 13.0872C14.5196 13.1715 14.4915 13.2838 14.4634 13.3681C14.4072 13.4804 14.3511 13.5647 14.2668 13.6489C14.1826 13.7332 14.0983 13.8174 13.9579 13.9017C13.8175 13.9859 13.677 14.0421 13.5085 14.0983C13.34 14.1544 13.1434 14.1544 12.8907 14.1544H12.5537V14.1825ZM12.5537 13.6208H12.9188C13.0592 13.6208 13.1715 13.5927 13.2839 13.5647C13.3962 13.5366 13.4805 13.4804 13.5647 13.4242C13.649 13.3681 13.7051 13.2838 13.7613 13.1715C13.8175 13.0872 13.8175 12.9749 13.8175 12.8345C13.8175 12.7221 13.7894 12.6379 13.7613 12.5536C13.7332 12.4694 13.677 12.3851 13.6209 12.3289C13.5647 12.2728 13.4524 12.2166 13.34 12.1604C13.2277 12.1324 13.0873 12.1043 12.9188 12.1043H12.5537V13.6208Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_7",
+                  "d": "M15.9519 15.8114H15.2217V11.5988H16.4293C16.7101 11.5988 16.9348 11.6268 17.1314 11.683C17.328 11.7392 17.4965 11.8234 17.6088 11.9077C17.7493 12.02 17.8335 12.1324 17.8897 12.2728C17.9459 12.4132 17.9739 12.5817 17.9739 12.7502C17.9739 12.8625 17.9459 13.003 17.9178 13.1153C17.8897 13.2276 17.8335 13.3681 17.7493 13.4804C17.665 13.5927 17.5808 13.7051 17.4403 13.7893C17.2999 13.8736 17.1595 13.9578 16.9629 14.014L18.2548 15.8114H17.4123L16.2889 14.0983C16.2327 14.0983 16.2046 14.0983 16.1485 14.0983C16.0923 14.0983 16.0361 14.0983 15.9519 14.0702V15.8114ZM15.9519 13.5085C16.008 13.5085 16.0642 13.5085 16.1204 13.5085C16.1765 13.5085 16.2327 13.5085 16.2889 13.5085C16.4293 13.5085 16.5697 13.4804 16.6821 13.4523C16.7944 13.4242 16.9067 13.3681 16.991 13.3119C17.0752 13.2557 17.1314 13.1715 17.1876 13.0872C17.2437 13.003 17.2437 12.8906 17.2437 12.7783C17.2437 12.666 17.2157 12.5536 17.1876 12.4694C17.1595 12.3851 17.1033 12.3289 17.0472 12.2728C16.991 12.2166 16.8787 12.1885 16.7663 12.1604C16.654 12.1324 16.4855 12.1324 16.317 12.1324H15.98V13.5085H15.9519Z",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group_7"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_8"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_8",
+                      "d": "M11.0372 4.63391L11.3461 5.56069H12.301L11.5427 6.12238L11.8236 7.02107L11.0372 6.45939L10.2789 7.02107L10.5598 6.12238L9.80151 5.56069H10.7564L11.0372 4.63391Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_9"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_9",
+                      "d": "M14.3231 5.53259L14.632 6.43129H15.5869L14.8005 6.99297L15.1095 7.91975L14.3231 7.35807L13.5648 7.91975L13.8457 6.99297L13.0593 6.43129H14.0423L14.3231 5.53259Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_10"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_10",
+                      "d": "M17.0472 7.9198L17.3281 8.81849H18.2829L17.5247 9.38018L17.8055 10.307L17.0472 9.74528L16.2609 10.307L16.5698 9.38018L15.7834 8.81849H16.7383L17.0472 7.9198Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_11"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_11",
+                      "d": "M11.0372 19.7714L11.3461 20.6981H12.301L11.5427 21.2598L11.8236 22.1585L11.0372 21.5968L10.2789 22.1585L10.5598 21.2598L9.80151 20.6981H10.7564L11.0372 19.7714Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_12"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_12",
+                      "d": "M14.3231 18.985L14.632 19.8837H15.5869L14.8005 20.4454L15.1095 21.3721L14.3231 20.8105L13.5648 21.3721L13.8457 20.4454L13.0593 19.8837H14.0423L14.3231 18.985Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_13"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_13",
+                      "d": "M17.0472 17.019L17.3281 17.9458H18.2829L17.5247 18.5075L17.8055 19.4062L17.0472 18.8445L16.2609 19.4062L16.5698 18.5075L15.7834 17.9458H16.7383L17.0472 17.019Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_14"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_14",
+                      "d": "M7.77942 5.53259L7.47049 6.43129H6.51562L7.30199 6.99297L6.99306 7.91975L7.77942 7.35807L8.53769 7.91975L8.25685 6.99297L9.01512 6.43129H8.06026L7.77942 5.53259Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_15"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_15",
+                      "d": "M5.05529 7.9198L4.77444 8.81849H3.81958L4.57785 9.38018L4.29701 10.307L5.05529 9.74528L5.84165 10.307L5.53272 9.38018L6.31908 8.81849H5.36421L5.05529 7.9198Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_16"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_16",
+                      "d": "M7.77942 18.985L7.47049 19.8837H6.51562L7.30199 20.4454L6.99306 21.3721L7.77942 20.8105L8.53769 21.3721L8.25685 20.4454L9.01512 19.8837H8.06026L7.77942 18.985Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_17"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_17",
+                      "d": "M5.05529 17.019L4.77444 17.9458H3.81958L4.57785 18.5075L4.29701 19.4062L5.05529 18.8445L5.84165 19.4062L5.53272 18.5075L6.31908 17.9458H5.36421L5.05529 17.019Z",
+                      "fill": "#F7BC37"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Gdpr"
 }
diff --git a/web/app/components/base/icons/src/public/common/Gdpr.tsx b/web/app/components/base/icons/src/public/common/Gdpr.tsx
index 8ae72c1346..147322ee21 100644
--- a/web/app/components/base/icons/src/public/common/Gdpr.tsx
+++ b/web/app/components/base/icons/src/public/common/Gdpr.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Gdpr.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Gdpr.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Github.json b/web/app/components/base/icons/src/public/common/Github.json
index 523bcd55b8..2505302a1b 100644
--- a/web/app/components/base/icons/src/public/common/Github.json
+++ b/web/app/components/base/icons/src/public/common/Github.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "github"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M9 1.125C4.64906 1.125 1.125 4.64906 1.125 9C1.125 12.4847 3.37922 15.428 6.50953 16.4714C6.90328 16.5403 7.05094 16.3041 7.05094 16.0973C7.05094 15.9103 7.04109 15.2902 7.04109 14.6306C5.0625 14.9948 4.55062 14.1483 4.39312 13.7053C4.30453 13.4789 3.92063 12.78 3.58594 12.593C3.31031 12.4453 2.91656 12.0811 3.57609 12.0712C4.19625 12.0614 4.63922 12.6422 4.78688 12.8784C5.49563 14.0695 6.62766 13.7348 7.08047 13.5281C7.14938 13.0163 7.35609 12.6717 7.5825 12.4748C5.83031 12.278 3.99938 11.5987 3.99938 8.58656C3.99938 7.73016 4.30453 7.02141 4.80656 6.47016C4.72781 6.27328 4.45219 5.46609 4.88531 4.38328C4.88531 4.38328 5.54484 4.17656 7.05094 5.19047C7.68094 5.01328 8.35031 4.92469 9.01969 4.92469C9.68906 4.92469 10.3584 5.01328 10.9884 5.19047C12.4945 4.16672 13.1541 4.38328 13.1541 4.38328C13.5872 5.46609 13.3116 6.27328 13.2328 6.47016C13.7348 7.02141 14.04 7.72031 14.04 8.58656C14.04 11.6086 12.1992 12.278 10.447 12.4748C10.7325 12.7209 10.9786 13.1934 10.9786 13.9317C10.9786 14.985 10.9688 15.8316 10.9688 16.0973C10.9688 16.3041 11.1164 16.5502 11.5102 16.4714C13.0735 15.9436 14.432 14.9389 15.3943 13.5986C16.3567 12.2583 16.8746 10.65 16.875 9C16.875 4.64906 13.3509 1.125 9 1.125Z",
-							"fill": "#24292F"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Github"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "github"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M9 1.125C4.64906 1.125 1.125 4.64906 1.125 9C1.125 12.4847 3.37922 15.428 6.50953 16.4714C6.90328 16.5403 7.05094 16.3041 7.05094 16.0973C7.05094 15.9103 7.04109 15.2902 7.04109 14.6306C5.0625 14.9948 4.55062 14.1483 4.39312 13.7053C4.30453 13.4789 3.92063 12.78 3.58594 12.593C3.31031 12.4453 2.91656 12.0811 3.57609 12.0712C4.19625 12.0614 4.63922 12.6422 4.78688 12.8784C5.49563 14.0695 6.62766 13.7348 7.08047 13.5281C7.14938 13.0163 7.35609 12.6717 7.5825 12.4748C5.83031 12.278 3.99938 11.5987 3.99938 8.58656C3.99938 7.73016 4.30453 7.02141 4.80656 6.47016C4.72781 6.27328 4.45219 5.46609 4.88531 4.38328C4.88531 4.38328 5.54484 4.17656 7.05094 5.19047C7.68094 5.01328 8.35031 4.92469 9.01969 4.92469C9.68906 4.92469 10.3584 5.01328 10.9884 5.19047C12.4945 4.16672 13.1541 4.38328 13.1541 4.38328C13.5872 5.46609 13.3116 6.27328 13.2328 6.47016C13.7348 7.02141 14.04 7.72031 14.04 8.58656C14.04 11.6086 12.1992 12.278 10.447 12.4748C10.7325 12.7209 10.9786 13.1934 10.9786 13.9317C10.9786 14.985 10.9688 15.8316 10.9688 16.0973C10.9688 16.3041 11.1164 16.5502 11.5102 16.4714C13.0735 15.9436 14.432 14.9389 15.3943 13.5986C16.3567 12.2583 16.8746 10.65 16.875 9C16.875 4.64906 13.3509 1.125 9 1.125Z",
+              "fill": "#24292F"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Github"
 }
diff --git a/web/app/components/base/icons/src/public/common/Github.tsx b/web/app/components/base/icons/src/public/common/Github.tsx
index 26df0683da..a321116efc 100644
--- a/web/app/components/base/icons/src/public/common/Github.tsx
+++ b/web/app/components/base/icons/src/public/common/Github.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Github.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Github.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Highlight.json b/web/app/components/base/icons/src/public/common/Highlight.json
index 055d9f79ca..1198e80779 100644
--- a/web/app/components/base/icons/src/public/common/Highlight.json
+++ b/web/app/components/base/icons/src/public/common/Highlight.json
@@ -1,67 +1,67 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"width": "46",
-			"height": "24",
-			"viewBox": "0 0 46 24",
-			"fill": "none"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M-6.5 8C-6.5 3.58172 -2.91828 0 1.5 0H45.5L33.0248 24H1.49999C-2.91829 24 -6.5 20.4183 -6.5 16V8Z",
-					"fill": "url(#paint0_linear_6333_42118)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_6333_42118",
-							"x1": "1.81679",
-							"y1": "5.47784e-07",
-							"x2": "101.257",
-							"y2": "30.3866",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.3"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Highlight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "46",
+      "height": "24",
+      "viewBox": "0 0 46 24",
+      "fill": "none"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M-6.5 8C-6.5 3.58172 -2.91828 0 1.5 0H45.5L33.0248 24H1.49999C-2.91829 24 -6.5 20.4183 -6.5 16V8Z",
+          "fill": "url(#paint0_linear_6333_42118)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_6333_42118",
+              "x1": "1.81679",
+              "y1": "5.47784e-07",
+              "x2": "101.257",
+              "y2": "30.3866",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.3"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Highlight"
 }
diff --git a/web/app/components/base/icons/src/public/common/Highlight.tsx b/web/app/components/base/icons/src/public/common/Highlight.tsx
index 46bb4fd1bf..0613a4ce8f 100644
--- a/web/app/components/base/icons/src/public/common/Highlight.tsx
+++ b/web/app/components/base/icons/src/public/common/Highlight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Highlight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Highlight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Iso.json b/web/app/components/base/icons/src/public/common/Iso.json
index 50f0267b60..87f181a9f1 100644
--- a/web/app/components/base/icons/src/public/common/Iso.json
+++ b/web/app/components/base/icons/src/public/common/Iso.json
@@ -1,121 +1,121 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"fill": "none",
-			"height": "64",
-			"viewBox": "0 0 64 64",
-			"width": "64",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m8 9.82143c0-2.6628 2.2386-4.82143 5-4.82143h38c2.7614 0 5 2.15863 5 4.82143v44.35717c0 2.6628-2.2386 4.8214-5 4.8214h-38c-2.7614 0-5-2.1586-5-4.8214z",
-					"fill": "#2a3e92"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"fill": "#fff"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m43.4424 46.9899v-1.84h3.08v7.31h-2.05v-5.47z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m36.5801 48.7c0-1.1467.2333-2.05.7-2.71.4666-.66 1.2-.99 2.2-.99s1.7333.33 2.2.99c.4733.66.71 1.5633.71 2.71 0 1.16-.2334 2.07-.7 2.73-.4667.66-1.2034.99-2.21.99-1.0067 0-1.7434-.33-2.21-.99-.46-.66-.69-1.57-.69-2.73zm3.87 0c0-.6-.0634-1.0567-.19-1.37-.1267-.32-.3867-.48-.78-.48-.3934 0-.6534.16-.78.48-.1267.3133-.19.77-.19 1.37 0 .6133.06 1.08.18 1.4.1266.3133.39.47.79.47s.66-.1567.78-.47c.1266-.32.19-.7867.19-1.4z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m29.5078 48.7c0-1.1467.2333-2.05.7-2.71s1.2-.99 2.2-.99 1.7333.33 2.2.99c.4733.66.71 1.5633.71 2.71 0 1.16-.2333 2.07-.7 2.73s-1.2033.99-2.21.99-1.7433-.33-2.21-.99c-.46-.66-.69-1.57-.69-2.73zm3.87 0c0-.6-.0633-1.0567-.19-1.37-.1267-.32-.3867-.48-.78-.48s-.6533.16-.78.48c-.1267.3133-.19.77-.19 1.37 0 .6133.06 1.08.18 1.4.1267.3133.39.47.79.47s.66-.1567.78-.47c.1267-.32.19-.7867.19-1.4z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m28.4533 46.6099-2.4 5.85h-2.01l2.42-5.62h-2.85v-1.68h4.84z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m17.52 50.89c.6467-.5067 1.1767-.9433 1.59-1.31s.76-.7433 1.04-1.13c.28-.3933.42-.7667.42-1.12 0-.2133-.05-.38-.15-.5-.0933-.12-.2333-.18-.42-.18-.1933 0-.3433.0833-.45.25-.1067.16-.1567.3967-.15.71h-1.9c.02-.5933.15-1.0833.39-1.47.24-.3933.5533-.68.94-.86.3867-.1867.8167-.28 1.29-.28.82 0 1.43.2033 1.83.61s.6.9333.6 1.58c0 .6933-.2333 1.3433-.7 1.95-.46.6067-1.0367 1.15-1.73 1.63h2.5v1.59h-5.1z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"clip-rule": "evenodd",
-							"d": "m32.5672 11.0281c1.0059.0357 2.2045.2319 3.2746.5387 3.289.9417 6.1071 2.9857 8.1332 5.8894.1106.1605.2033.3103.2033.3317 0 .0286-.1605.0393-.5136.0393h-.5137l-.1641-.2319c-.453-.6278-1.3377-1.6123-1.9191-2.1296l-.2497-.2212-.61.1534c-1.0916.2676-2.2937.4852-3.4923.6314-.2711.0357-.4923.0749-.4923.0856 0 .0143.05.1855.1106.3782.1391.4601.3532 1.2306.3532 1.2877 0 .0357-.1106.0464-.4459.0464h-.4424l-.0606-.2069c-.0144-.0559-.0371-.1365-.0606-.22-.0229-.0816-.0466-.1661-.0643-.233-.1141-.3924-.2889-.9239-.3174-.956-.0143-.0179-.2497-.0143-.5208.0071-.2676.0214-1.0274.0571-1.6838.082-1.2592.0428-3.0321.0036-4.2164-.0963-.3032-.0249-.5636-.0357-.5778-.0214-.0286.0286-.2854.8312-.4067 1.2842l-.0963.3603h-.4388c-.4031 0-.4423-.0071-.4423-.0642 0-.0785.2033-.8347.3567-1.3234.0607-.1855.0963-.3496.0785-.3639-.0143-.0107-.1926-.0428-.3995-.0642-.9739-.1106-2.3865-.371-3.4673-.635l-.6671-.1641-.1891.1606c-.5743.4922-1.4982 1.5053-1.9726 2.1581l-.214.2961h-.5244c-.2925 0-.528-.0107-.528-.0214 0-.0464.5708-.8383.8918-1.245 1.3698-1.7158 3.0464-3.0642 5.0298-4.0451 1.5124-.7492 2.9893-1.1879 4.7265-1.4126.4387-.0571 1.6016-.1178 1.8727-.0999.0678.0035.3675.0178.66.0249zm-1.2702.8884c-.824.2818-1.6088 1.1736-2.3293 2.6468-.1641.3318-.3068.635-.3175.6671-.0179.0499.0107.0642.1641.0821.8846.0963 3.2033.1462 4.4661.0927 1.516-.0642 1.6587-.0749 1.6587-.1427 0-.0892-.5351-1.1629-.7634-1.5267-.4637-.7491-.9239-1.27-1.3947-1.5803-.4959-.321-.9988-.4031-1.484-.239zm-1.9937.139c-1.912.4031-3.4745 1.0487-5.1082 2.1189-.3996.2604-.528.371-.4281.371.0123 0 .1824.0368.3973.0833l.1093.0237c.8632.1962 2.6646.4922 3.2925.5422l.1355.0107.1498-.3567c.4352-1.0167 1.113-2.1261 1.6623-2.704.1213-.1284.1213-.1319.0393-.1284-.05.0036-.1605.0179-.2497.0393zm5.6573 1.2843c-.2069-.3318-.6135-.8918-.8597-1.1772l-.0035-.004c-.0584-.0664-.0945-.1073-.0853-.126.0148-.0301.1474-.0021.4938.0711l.0088.0018c1.673.3532 3.3567 1.0666 4.8764 2.069.2782.1819.5065.346.5065.3639 0 .0891-2.6576.5564-3.7812.667l-.2319.0214-.1248-.3103c-.1641-.4174-.5458-1.1665-.7991-1.5767z",
-							"fill-rule": "evenodd"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m30.8906 19.1863c.5565.0678.8704.082 2.365.0927l1.7194.0143v3.849h-3.0642l-.0214-.8383-.214-.0856c-.6136-.2426-1.4376-.3746-2.3544-.3781-.9025 0-1.3091.0784-1.6979.3388-.3996.2605-.4566.792-.1249 1.1201.346.3496.7705.4602 2.6611.6956 1.6338.2069 2.2652.3389 3.0571.6493.3817.1498.8633.4316 1.1629.6849.4423.3674.8062.9738.9738 1.6159.1249.478.1606 1.3983.0714 1.887-.1534.8348-.4673 1.434-1.0416 1.9798-.6207.5922-1.4198.981-2.522 1.2271-1.2164.2747-2.9394.3175-4.6659.1213-.5922-.0642-.9346-.0785-2.3579-.0892l-1.6694-.0142v-3.8133h3.0677v.7847l.1391.0714c.4531.2283 1.3841.3959 2.3651.4173 1.6908.0428 2.4506-.2568 2.4542-.9702 0-.2783-.0785-.4281-.3139-.5922-.3425-.2426-.824-.3531-2.3615-.5493-1.8478-.239-2.579-.4067-3.3817-.7848-1.2806-.6064-1.912-1.5303-2.0404-2.9857-.0713-.7706.0535-1.4911.3567-2.1189.6814-1.4091 2.2402-2.2188 4.6552-2.4186.4851-.0392 2.1617.0143 2.7824.0892z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"clip-rule": "evenodd",
-							"d": "m48.2307 20.9806c-.981-.9774-2.2474-1.5767-3.8383-1.8157-.3924-.0607-1.8371-.1035-2.1938-.0678-1.0631.1106-1.9228.3353-2.7182.7099-1.9049.9025-3.0892 2.579-3.3817 4.7907-.0607.4673-.0714 1.5945-.0179 2.0404.1356 1.1166.4745 2.0726 1.0238 2.9073.4531.6849 1.2913 1.4375 2.0797 1.8656 1.1665.635 2.7967.9524 4.3983.8597 3.0571-.1819 5.2295-1.6873 6.0678-4.2057.2461-.742.3496-1.4483.3496-2.39.0035-1.9655-.5743-3.4994-1.7693-4.6944zm-7.7841 3.6847c.214-1.5268.906-2.3722 2.0939-2.5541.2961-.0464.9132-.0179 1.2093.0499.5279.1284 1.0023.4566 1.2949.9025.4209.635.5957 1.4019.5957 2.6112-.0036 1.4732-.2533 2.3258-.874 2.9429-.4459.4495-.8561.6136-1.6088.6492-1.4447.0678-2.3187-.6635-2.6575-2.2259-.1071-.4994-.1356-1.78-.0535-2.3757z",
-							"fill-rule": "evenodd"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m22.2402 22.5002h-2.069v6.4209h2.069v3.1748l-8.2224-.0178-.0107-1.5803-.0071-1.5767h2.069v-6.4209l-1.0238-.0071-1.0274-.0107-.0107-1.5803-.0071-1.5767h8.2402z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"clip-rule": "evenodd",
-							"d": "m22.5684 35.9913c-.5601-.4852-1.5518-1.5874-2.0048-2.2295l-.1177-.1677h-.5315c-.4174 0-.528.0107-.5066.0428.4495.767 1.4769 2.0012 2.2973 2.7646 2.3865 2.2188 5.1367 3.503 8.4007 3.9239.6278.0785 2.547.0892 3.2105.0178 4.0202-.4459 7.6551-2.472 10.1165-5.6432.2747-.3532.7455-1.031.7455-1.0773 0-.0143-.2318-.0286-.5136-.0286h-.5101l-.3104.4067c-.1676.2247-.4816.6064-.6956.8525-.371.4174-1.1415 1.1843-1.3127 1.2985-.0713.0464-.132.0392-.6421-.0928-.9845-.2497-2.283-.4958-3.3282-.6278-.2461-.0285-.4958-.0642-.56-.0749l-.1142-.0178.0892-.2569c.0963-.2782.4067-1.3912.4067-1.4518 0-.025-.1499-.0357-.4495-.0285l-.4495.0107-.1177.428c-.0642.2355-.1712.5957-.239.8026l-.1213.3746h-.2318c-.1249 0-.5886-.025-1.0309-.0535-1.4091-.0928-4.4126-.0607-5.5648.0571l-.1998.0214-.1498-.4745-.0158-.053c-.0769-.2586-.1768-.5945-.2268-.7746l-.0963-.346h-.4388c-.3995 0-.4423.0072-.4423.0642 0 .0785.2105.8419.3567 1.3021.0607.1962.107.3567.0999.3602-.0071.0036-.2997.0428-.6528.0857-1.1415.1391-2.2473.3424-3.3639.6171l-.5814.1427zm7.698.0141c-.9631.0535-1.623.0927-1.6337.1034-.0286.0286.4209.9525.6563 1.3591.5066.8704 1.006 1.4554 1.5196 1.7907.3354.2176.5387.289.8704.3175.3246.025.5601-.0285.9239-.214.4103-.2105 1.0024-.8062 1.4055-1.4162.2675-.4031.931-1.6694.931-1.7764 0-.0571-.0749-.0678-.7669-.1142-.585-.0392-3.4352-.0749-3.9061-.0499zm-3.7032.3211c.3603-.0499.7027-.0963.7598-.1035.0606-.0107.1676-.0142.2425-.0107l.1356.0036.1712.3924c.4424 1.0166.9881 1.9156 1.566 2.5755.107.1249.1748.2247.1534.2247s-.264-.0463-.5386-.107c-1.327-.2782-2.654-.7812-3.874-1.4625-.4709-.2604-1.409-.8633-1.4732-.9418-.0286-.0356.0998-.0749.5778-.1783.7527-.1605 1.4233-.2747 2.2795-.3924zm9.2354.0962c-.132.3353-.5743 1.2129-.8062 1.5946-.2497.4137-.5529.8347-.8169 1.1379-.1105.1284-.1926.2354-.1855.2461.0393.0393 1.2521-.2532 1.9014-.4601 1.1664-.371 2.6361-1.0987 3.6991-1.83l.3139-.2176-.189-.0428c-.956-.2212-2.1011-.4281-3.0107-.5458-.3139-.0392-.6279-.0785-.6956-.0892-.0483-.0055-.0779-.0089-.101.0018-.0367.017-.057.0694-.1095.2051z",
-							"fill-rule": "evenodd"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Iso"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "fill": "none",
+      "height": "64",
+      "viewBox": "0 0 64 64",
+      "width": "64",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m8 9.82143c0-2.6628 2.2386-4.82143 5-4.82143h38c2.7614 0 5 2.15863 5 4.82143v44.35717c0 2.6628-2.2386 4.8214-5 4.8214h-38c-2.7614 0-5-2.1586-5-4.8214z",
+          "fill": "#2a3e92"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "fill": "#fff"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m43.4424 46.9899v-1.84h3.08v7.31h-2.05v-5.47z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m36.5801 48.7c0-1.1467.2333-2.05.7-2.71.4666-.66 1.2-.99 2.2-.99s1.7333.33 2.2.99c.4733.66.71 1.5633.71 2.71 0 1.16-.2334 2.07-.7 2.73-.4667.66-1.2034.99-2.21.99-1.0067 0-1.7434-.33-2.21-.99-.46-.66-.69-1.57-.69-2.73zm3.87 0c0-.6-.0634-1.0567-.19-1.37-.1267-.32-.3867-.48-.78-.48-.3934 0-.6534.16-.78.48-.1267.3133-.19.77-.19 1.37 0 .6133.06 1.08.18 1.4.1266.3133.39.47.79.47s.66-.1567.78-.47c.1266-.32.19-.7867.19-1.4z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m29.5078 48.7c0-1.1467.2333-2.05.7-2.71s1.2-.99 2.2-.99 1.7333.33 2.2.99c.4733.66.71 1.5633.71 2.71 0 1.16-.2333 2.07-.7 2.73s-1.2033.99-2.21.99-1.7433-.33-2.21-.99c-.46-.66-.69-1.57-.69-2.73zm3.87 0c0-.6-.0633-1.0567-.19-1.37-.1267-.32-.3867-.48-.78-.48s-.6533.16-.78.48c-.1267.3133-.19.77-.19 1.37 0 .6133.06 1.08.18 1.4.1267.3133.39.47.79.47s.66-.1567.78-.47c.1267-.32.19-.7867.19-1.4z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m28.4533 46.6099-2.4 5.85h-2.01l2.42-5.62h-2.85v-1.68h4.84z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m17.52 50.89c.6467-.5067 1.1767-.9433 1.59-1.31s.76-.7433 1.04-1.13c.28-.3933.42-.7667.42-1.12 0-.2133-.05-.38-.15-.5-.0933-.12-.2333-.18-.42-.18-.1933 0-.3433.0833-.45.25-.1067.16-.1567.3967-.15.71h-1.9c.02-.5933.15-1.0833.39-1.47.24-.3933.5533-.68.94-.86.3867-.1867.8167-.28 1.29-.28.82 0 1.43.2033 1.83.61s.6.9333.6 1.58c0 .6933-.2333 1.3433-.7 1.95-.46.6067-1.0367 1.15-1.73 1.63h2.5v1.59h-5.1z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "clip-rule": "evenodd",
+              "d": "m32.5672 11.0281c1.0059.0357 2.2045.2319 3.2746.5387 3.289.9417 6.1071 2.9857 8.1332 5.8894.1106.1605.2033.3103.2033.3317 0 .0286-.1605.0393-.5136.0393h-.5137l-.1641-.2319c-.453-.6278-1.3377-1.6123-1.9191-2.1296l-.2497-.2212-.61.1534c-1.0916.2676-2.2937.4852-3.4923.6314-.2711.0357-.4923.0749-.4923.0856 0 .0143.05.1855.1106.3782.1391.4601.3532 1.2306.3532 1.2877 0 .0357-.1106.0464-.4459.0464h-.4424l-.0606-.2069c-.0144-.0559-.0371-.1365-.0606-.22-.0229-.0816-.0466-.1661-.0643-.233-.1141-.3924-.2889-.9239-.3174-.956-.0143-.0179-.2497-.0143-.5208.0071-.2676.0214-1.0274.0571-1.6838.082-1.2592.0428-3.0321.0036-4.2164-.0963-.3032-.0249-.5636-.0357-.5778-.0214-.0286.0286-.2854.8312-.4067 1.2842l-.0963.3603h-.4388c-.4031 0-.4423-.0071-.4423-.0642 0-.0785.2033-.8347.3567-1.3234.0607-.1855.0963-.3496.0785-.3639-.0143-.0107-.1926-.0428-.3995-.0642-.9739-.1106-2.3865-.371-3.4673-.635l-.6671-.1641-.1891.1606c-.5743.4922-1.4982 1.5053-1.9726 2.1581l-.214.2961h-.5244c-.2925 0-.528-.0107-.528-.0214 0-.0464.5708-.8383.8918-1.245 1.3698-1.7158 3.0464-3.0642 5.0298-4.0451 1.5124-.7492 2.9893-1.1879 4.7265-1.4126.4387-.0571 1.6016-.1178 1.8727-.0999.0678.0035.3675.0178.66.0249zm-1.2702.8884c-.824.2818-1.6088 1.1736-2.3293 2.6468-.1641.3318-.3068.635-.3175.6671-.0179.0499.0107.0642.1641.0821.8846.0963 3.2033.1462 4.4661.0927 1.516-.0642 1.6587-.0749 1.6587-.1427 0-.0892-.5351-1.1629-.7634-1.5267-.4637-.7491-.9239-1.27-1.3947-1.5803-.4959-.321-.9988-.4031-1.484-.239zm-1.9937.139c-1.912.4031-3.4745 1.0487-5.1082 2.1189-.3996.2604-.528.371-.4281.371.0123 0 .1824.0368.3973.0833l.1093.0237c.8632.1962 2.6646.4922 3.2925.5422l.1355.0107.1498-.3567c.4352-1.0167 1.113-2.1261 1.6623-2.704.1213-.1284.1213-.1319.0393-.1284-.05.0036-.1605.0179-.2497.0393zm5.6573 1.2843c-.2069-.3318-.6135-.8918-.8597-1.1772l-.0035-.004c-.0584-.0664-.0945-.1073-.0853-.126.0148-.0301.1474-.0021.4938.0711l.0088.0018c1.673.3532 3.3567 1.0666 4.8764 2.069.2782.1819.5065.346.5065.3639 0 .0891-2.6576.5564-3.7812.667l-.2319.0214-.1248-.3103c-.1641-.4174-.5458-1.1665-.7991-1.5767z",
+              "fill-rule": "evenodd"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m30.8906 19.1863c.5565.0678.8704.082 2.365.0927l1.7194.0143v3.849h-3.0642l-.0214-.8383-.214-.0856c-.6136-.2426-1.4376-.3746-2.3544-.3781-.9025 0-1.3091.0784-1.6979.3388-.3996.2605-.4566.792-.1249 1.1201.346.3496.7705.4602 2.6611.6956 1.6338.2069 2.2652.3389 3.0571.6493.3817.1498.8633.4316 1.1629.6849.4423.3674.8062.9738.9738 1.6159.1249.478.1606 1.3983.0714 1.887-.1534.8348-.4673 1.434-1.0416 1.9798-.6207.5922-1.4198.981-2.522 1.2271-1.2164.2747-2.9394.3175-4.6659.1213-.5922-.0642-.9346-.0785-2.3579-.0892l-1.6694-.0142v-3.8133h3.0677v.7847l.1391.0714c.4531.2283 1.3841.3959 2.3651.4173 1.6908.0428 2.4506-.2568 2.4542-.9702 0-.2783-.0785-.4281-.3139-.5922-.3425-.2426-.824-.3531-2.3615-.5493-1.8478-.239-2.579-.4067-3.3817-.7848-1.2806-.6064-1.912-1.5303-2.0404-2.9857-.0713-.7706.0535-1.4911.3567-2.1189.6814-1.4091 2.2402-2.2188 4.6552-2.4186.4851-.0392 2.1617.0143 2.7824.0892z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "clip-rule": "evenodd",
+              "d": "m48.2307 20.9806c-.981-.9774-2.2474-1.5767-3.8383-1.8157-.3924-.0607-1.8371-.1035-2.1938-.0678-1.0631.1106-1.9228.3353-2.7182.7099-1.9049.9025-3.0892 2.579-3.3817 4.7907-.0607.4673-.0714 1.5945-.0179 2.0404.1356 1.1166.4745 2.0726 1.0238 2.9073.4531.6849 1.2913 1.4375 2.0797 1.8656 1.1665.635 2.7967.9524 4.3983.8597 3.0571-.1819 5.2295-1.6873 6.0678-4.2057.2461-.742.3496-1.4483.3496-2.39.0035-1.9655-.5743-3.4994-1.7693-4.6944zm-7.7841 3.6847c.214-1.5268.906-2.3722 2.0939-2.5541.2961-.0464.9132-.0179 1.2093.0499.5279.1284 1.0023.4566 1.2949.9025.4209.635.5957 1.4019.5957 2.6112-.0036 1.4732-.2533 2.3258-.874 2.9429-.4459.4495-.8561.6136-1.6088.6492-1.4447.0678-2.3187-.6635-2.6575-2.2259-.1071-.4994-.1356-1.78-.0535-2.3757z",
+              "fill-rule": "evenodd"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m22.2402 22.5002h-2.069v6.4209h2.069v3.1748l-8.2224-.0178-.0107-1.5803-.0071-1.5767h2.069v-6.4209l-1.0238-.0071-1.0274-.0107-.0107-1.5803-.0071-1.5767h8.2402z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "clip-rule": "evenodd",
+              "d": "m22.5684 35.9913c-.5601-.4852-1.5518-1.5874-2.0048-2.2295l-.1177-.1677h-.5315c-.4174 0-.528.0107-.5066.0428.4495.767 1.4769 2.0012 2.2973 2.7646 2.3865 2.2188 5.1367 3.503 8.4007 3.9239.6278.0785 2.547.0892 3.2105.0178 4.0202-.4459 7.6551-2.472 10.1165-5.6432.2747-.3532.7455-1.031.7455-1.0773 0-.0143-.2318-.0286-.5136-.0286h-.5101l-.3104.4067c-.1676.2247-.4816.6064-.6956.8525-.371.4174-1.1415 1.1843-1.3127 1.2985-.0713.0464-.132.0392-.6421-.0928-.9845-.2497-2.283-.4958-3.3282-.6278-.2461-.0285-.4958-.0642-.56-.0749l-.1142-.0178.0892-.2569c.0963-.2782.4067-1.3912.4067-1.4518 0-.025-.1499-.0357-.4495-.0285l-.4495.0107-.1177.428c-.0642.2355-.1712.5957-.239.8026l-.1213.3746h-.2318c-.1249 0-.5886-.025-1.0309-.0535-1.4091-.0928-4.4126-.0607-5.5648.0571l-.1998.0214-.1498-.4745-.0158-.053c-.0769-.2586-.1768-.5945-.2268-.7746l-.0963-.346h-.4388c-.3995 0-.4423.0072-.4423.0642 0 .0785.2105.8419.3567 1.3021.0607.1962.107.3567.0999.3602-.0071.0036-.2997.0428-.6528.0857-1.1415.1391-2.2473.3424-3.3639.6171l-.5814.1427zm7.698.0141c-.9631.0535-1.623.0927-1.6337.1034-.0286.0286.4209.9525.6563 1.3591.5066.8704 1.006 1.4554 1.5196 1.7907.3354.2176.5387.289.8704.3175.3246.025.5601-.0285.9239-.214.4103-.2105 1.0024-.8062 1.4055-1.4162.2675-.4031.931-1.6694.931-1.7764 0-.0571-.0749-.0678-.7669-.1142-.585-.0392-3.4352-.0749-3.9061-.0499zm-3.7032.3211c.3603-.0499.7027-.0963.7598-.1035.0606-.0107.1676-.0142.2425-.0107l.1356.0036.1712.3924c.4424 1.0166.9881 1.9156 1.566 2.5755.107.1249.1748.2247.1534.2247s-.264-.0463-.5386-.107c-1.327-.2782-2.654-.7812-3.874-1.4625-.4709-.2604-1.409-.8633-1.4732-.9418-.0286-.0356.0998-.0749.5778-.1783.7527-.1605 1.4233-.2747 2.2795-.3924zm9.2354.0962c-.132.3353-.5743 1.2129-.8062 1.5946-.2497.4137-.5529.8347-.8169 1.1379-.1105.1284-.1926.2354-.1855.2461.0393.0393 1.2521-.2532 1.9014-.4601 1.1664-.371 2.6361-1.0987 3.6991-1.83l.3139-.2176-.189-.0428c-.956-.2212-2.1011-.4281-3.0107-.5458-.3139-.0392-.6279-.0785-.6956-.0892-.0483-.0055-.0779-.0089-.101.0018-.0367.017-.057.0694-.1095.2051z",
+              "fill-rule": "evenodd"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Iso"
 }
diff --git a/web/app/components/base/icons/src/public/common/Iso.tsx b/web/app/components/base/icons/src/public/common/Iso.tsx
index 0656a6957d..baf0a7b199 100644
--- a/web/app/components/base/icons/src/public/common/Iso.tsx
+++ b/web/app/components/base/icons/src/public/common/Iso.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Iso.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Iso.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Line3.json b/web/app/components/base/icons/src/public/common/Line3.json
index 2beb66a5f4..e75991812c 100644
--- a/web/app/components/base/icons/src/public/common/Line3.json
+++ b/web/app/components/base/icons/src/public/common/Line3.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "5",
-			"height": "12",
-			"viewBox": "0 0 5 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Line 3",
-					"d": "M1 11.3545L3.94174 0.645781",
-					"stroke": "#D0D5DD",
-					"stroke-linecap": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Line3"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "5",
+      "height": "12",
+      "viewBox": "0 0 5 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Line 3",
+          "d": "M1 11.3545L3.94174 0.645781",
+          "stroke": "#D0D5DD",
+          "stroke-linecap": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Line3"
 }
diff --git a/web/app/components/base/icons/src/public/common/Line3.tsx b/web/app/components/base/icons/src/public/common/Line3.tsx
index afaf47664f..b2ca99ed99 100644
--- a/web/app/components/base/icons/src/public/common/Line3.tsx
+++ b/web/app/components/base/icons/src/public/common/Line3.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Line3.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Line3.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Lock.json b/web/app/components/base/icons/src/public/common/Lock.json
index a5a1f4b781..09f525232b 100644
--- a/web/app/components/base/icons/src/public/common/Lock.json
+++ b/web/app/components/base/icons/src/public/common/Lock.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "lock"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8 1.75C6.27411 1.75 4.875 3.14911 4.875 4.875V6.125C3.83947 6.125 3 6.96444 3 8V12.375C3 13.4106 3.83947 14.25 4.875 14.25H11.125C12.1606 14.25 13 13.4106 13 12.375V8C13 6.96444 12.1606 6.125 11.125 6.125V4.875C11.125 3.14911 9.72587 1.75 8 1.75ZM9.875 6.125V4.875C9.875 3.83947 9.03556 3 8 3C6.96444 3 6.125 3.83947 6.125 4.875V6.125H9.875ZM8 8.625C8.34519 8.625 8.625 8.90481 8.625 9.25V11.125C8.625 11.4702 8.34519 11.75 8 11.75C7.65481 11.75 7.375 11.4702 7.375 11.125V9.25C7.375 8.90481 7.65481 8.625 8 8.625Z",
-							"fill": "#155AEF"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Lock"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "lock"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8 1.75C6.27411 1.75 4.875 3.14911 4.875 4.875V6.125C3.83947 6.125 3 6.96444 3 8V12.375C3 13.4106 3.83947 14.25 4.875 14.25H11.125C12.1606 14.25 13 13.4106 13 12.375V8C13 6.96444 12.1606 6.125 11.125 6.125V4.875C11.125 3.14911 9.72587 1.75 8 1.75ZM9.875 6.125V4.875C9.875 3.83947 9.03556 3 8 3C6.96444 3 6.125 3.83947 6.125 4.875V6.125H9.875ZM8 8.625C8.34519 8.625 8.625 8.90481 8.625 9.25V11.125C8.625 11.4702 8.34519 11.75 8 11.75C7.65481 11.75 7.375 11.4702 7.375 11.125V9.25C7.375 8.90481 7.65481 8.625 8 8.625Z",
+              "fill": "#155AEF"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Lock"
 }
diff --git a/web/app/components/base/icons/src/public/common/Lock.tsx b/web/app/components/base/icons/src/public/common/Lock.tsx
index b4bea5eeac..dade03457f 100644
--- a/web/app/components/base/icons/src/public/common/Lock.tsx
+++ b/web/app/components/base/icons/src/public/common/Lock.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Lock.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Lock.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/MessageChatSquare.json b/web/app/components/base/icons/src/public/common/MessageChatSquare.json
index 71cf6d0c98..2e6bacb450 100644
--- a/web/app/components/base/icons/src/public/common/MessageChatSquare.json
+++ b/web/app/components/base/icons/src/public/common/MessageChatSquare.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M8.77438 6.6665H12.5591C12.9105 6.66649 13.2137 6.66648 13.4634 6.68688C13.727 6.70842 13.9891 6.75596 14.2414 6.88449C14.6177 7.07624 14.9237 7.3822 15.1154 7.75852C15.244 8.01078 15.2915 8.27292 15.313 8.53649C15.3334 8.7862 15.3334 9.08938 15.3334 9.44082V11.2974C15.3334 11.5898 15.3334 11.8421 15.3192 12.0509C15.3042 12.2708 15.2712 12.4908 15.1812 12.7081C14.9782 13.1981 14.5888 13.5875 14.0988 13.7905C13.8815 13.8805 13.6616 13.9135 13.4417 13.9285C13.4068 13.9308 13.3707 13.9328 13.3334 13.9345V14.6665C13.3334 14.9147 13.1955 15.1424 12.9756 15.2573C12.7556 15.3723 12.49 15.3556 12.2862 15.2139L10.8353 14.2051C10.6118 14.0498 10.5666 14.0214 10.5238 14.0021C10.4746 13.9798 10.4228 13.9635 10.3696 13.9537C10.3235 13.9452 10.2702 13.9427 9.99803 13.9427H8.7744C8.42296 13.9427 8.11978 13.9427 7.87006 13.9223C7.6065 13.9008 7.34435 13.8532 7.0921 13.7247C6.71578 13.533 6.40981 13.227 6.21807 12.8507C6.08954 12.5984 6.04199 12.3363 6.02046 12.0727C6.00006 11.823 6.00007 11.5198 6.00008 11.1684V9.44081C6.00007 9.08938 6.00006 8.7862 6.02046 8.53649C6.04199 8.27292 6.08954 8.01078 6.21807 7.75852C6.40981 7.3822 6.71578 7.07624 7.0921 6.88449C7.34435 6.75596 7.6065 6.70842 7.87006 6.68688C8.11978 6.66648 8.42295 6.66649 8.77438 6.6665Z",
-					"fill": "#444CE7"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.4943 0.666504H4.5059C3.96926 0.666496 3.52635 0.666489 3.16555 0.695967C2.79082 0.726584 2.44635 0.792293 2.12279 0.957154C1.62103 1.21282 1.21308 1.62076 0.957417 2.12253C0.792557 2.44609 0.726847 2.79056 0.69623 3.16529C0.666752 3.52608 0.666759 3.96899 0.666768 4.50564L0.666758 7.6804C0.666669 7.97482 0.666603 8.19298 0.694924 8.38632C0.86568 9.55207 1.78121 10.4676 2.94695 10.6383C2.99461 10.6453 3.02432 10.6632 3.03714 10.6739L3.03714 11.7257C3.03711 11.9075 3.03708 12.0858 3.04976 12.2291C3.06103 12.3565 3.09053 12.6202 3.27795 12.8388C3.48686 13.0825 3.80005 13.2111 4.11993 13.1845C4.40689 13.1607 4.61323 12.9938 4.71072 12.9111C4.73849 12.8875 4.76726 12.8618 4.7968 12.8344C4.73509 12.594 4.70707 12.3709 4.69157 12.1813C4.66659 11.8756 4.66668 11.5224 4.66676 11.1966V9.41261C4.66668 9.08685 4.66659 8.73364 4.69157 8.42793C4.71984 8.08191 4.78981 7.62476 5.03008 7.15322C5.34965 6.52601 5.85959 6.01608 6.4868 5.6965C6.95834 5.45624 7.41549 5.38627 7.7615 5.358C8.06722 5.33302 8.42041 5.3331 8.74617 5.33318H12.5873C12.8311 5.33312 13.0903 5.33306 13.3334 5.3435V4.50562C13.3334 3.96898 13.3334 3.52608 13.304 3.16529C13.2734 2.79056 13.2076 2.44609 13.0428 2.12253C12.7871 1.62076 12.3792 1.21282 11.8774 0.957154C11.5539 0.792293 11.2094 0.726584 10.8347 0.695967C10.4739 0.666489 10.0309 0.666496 9.4943 0.666504Z",
-					"fill": "#444CE7"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "MessageChatSquare"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M8.77438 6.6665H12.5591C12.9105 6.66649 13.2137 6.66648 13.4634 6.68688C13.727 6.70842 13.9891 6.75596 14.2414 6.88449C14.6177 7.07624 14.9237 7.3822 15.1154 7.75852C15.244 8.01078 15.2915 8.27292 15.313 8.53649C15.3334 8.7862 15.3334 9.08938 15.3334 9.44082V11.2974C15.3334 11.5898 15.3334 11.8421 15.3192 12.0509C15.3042 12.2708 15.2712 12.4908 15.1812 12.7081C14.9782 13.1981 14.5888 13.5875 14.0988 13.7905C13.8815 13.8805 13.6616 13.9135 13.4417 13.9285C13.4068 13.9308 13.3707 13.9328 13.3334 13.9345V14.6665C13.3334 14.9147 13.1955 15.1424 12.9756 15.2573C12.7556 15.3723 12.49 15.3556 12.2862 15.2139L10.8353 14.2051C10.6118 14.0498 10.5666 14.0214 10.5238 14.0021C10.4746 13.9798 10.4228 13.9635 10.3696 13.9537C10.3235 13.9452 10.2702 13.9427 9.99803 13.9427H8.7744C8.42296 13.9427 8.11978 13.9427 7.87006 13.9223C7.6065 13.9008 7.34435 13.8532 7.0921 13.7247C6.71578 13.533 6.40981 13.227 6.21807 12.8507C6.08954 12.5984 6.04199 12.3363 6.02046 12.0727C6.00006 11.823 6.00007 11.5198 6.00008 11.1684V9.44081C6.00007 9.08938 6.00006 8.7862 6.02046 8.53649C6.04199 8.27292 6.08954 8.01078 6.21807 7.75852C6.40981 7.3822 6.71578 7.07624 7.0921 6.88449C7.34435 6.75596 7.6065 6.70842 7.87006 6.68688C8.11978 6.66648 8.42295 6.66649 8.77438 6.6665Z",
+          "fill": "#444CE7"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.4943 0.666504H4.5059C3.96926 0.666496 3.52635 0.666489 3.16555 0.695967C2.79082 0.726584 2.44635 0.792293 2.12279 0.957154C1.62103 1.21282 1.21308 1.62076 0.957417 2.12253C0.792557 2.44609 0.726847 2.79056 0.69623 3.16529C0.666752 3.52608 0.666759 3.96899 0.666768 4.50564L0.666758 7.6804C0.666669 7.97482 0.666603 8.19298 0.694924 8.38632C0.86568 9.55207 1.78121 10.4676 2.94695 10.6383C2.99461 10.6453 3.02432 10.6632 3.03714 10.6739L3.03714 11.7257C3.03711 11.9075 3.03708 12.0858 3.04976 12.2291C3.06103 12.3565 3.09053 12.6202 3.27795 12.8388C3.48686 13.0825 3.80005 13.2111 4.11993 13.1845C4.40689 13.1607 4.61323 12.9938 4.71072 12.9111C4.73849 12.8875 4.76726 12.8618 4.7968 12.8344C4.73509 12.594 4.70707 12.3709 4.69157 12.1813C4.66659 11.8756 4.66668 11.5224 4.66676 11.1966V9.41261C4.66668 9.08685 4.66659 8.73364 4.69157 8.42793C4.71984 8.08191 4.78981 7.62476 5.03008 7.15322C5.34965 6.52601 5.85959 6.01608 6.4868 5.6965C6.95834 5.45624 7.41549 5.38627 7.7615 5.358C8.06722 5.33302 8.42041 5.3331 8.74617 5.33318H12.5873C12.8311 5.33312 13.0903 5.33306 13.3334 5.3435V4.50562C13.3334 3.96898 13.3334 3.52608 13.304 3.16529C13.2734 2.79056 13.2076 2.44609 13.0428 2.12253C12.7871 1.62076 12.3792 1.21282 11.8774 0.957154C11.5539 0.792293 11.2094 0.726584 10.8347 0.695967C10.4739 0.666489 10.0309 0.666496 9.4943 0.666504Z",
+          "fill": "#444CE7"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "MessageChatSquare"
 }
diff --git a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
index 401e5c4b2f..c229061103 100644
--- a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
+++ b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageChatSquare.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageChatSquare.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.json b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.json
index 9d64edadd4..fc570eb0b6 100644
--- a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.json
+++ b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.json
@@ -1,153 +1,153 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "36",
-			"height": "36",
-			"viewBox": "0 0 36 36",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_13429_43710)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "36",
-							"height": "36",
-							"rx": "8",
-							"fill": "#FFF6ED"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"opacity": "0.7",
-							"d": "M22.25 28C22.25 29.7949 20.7949 31.25 19 31.25C17.2051 31.25 15.75 29.7949 15.75 28C15.75 26.2051 17.2051 24.75 19 24.75C20.7949 24.75 22.25 26.2051 22.25 28Z",
-							"stroke": "#FB6514",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M19 12C21.2091 12 23 10.2091 23 8C23 5.79086 21.2091 4 19 4C16.7909 4 15 5.79086 15 8C15 10.2091 16.7909 12 19 12Z",
-							"fill": "#FB6514"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M15 22C17.2091 22 19 20.2091 19 18C19 15.7909 17.2091 14 15 14C12.7909 14 11 15.7909 11 18C11 20.2091 12.7909 22 15 22Z",
-							"fill": "#FB6514"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M36 23C38.7614 23 41 20.7614 41 18C41 15.2386 38.7614 13 36 13C33.2386 13 31 15.2386 31 18C31 20.7614 33.2386 23 36 23Z",
-							"fill": "#FB6514"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M0 18H10",
-							"stroke": "#FB6514",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M20 18L30 18",
-							"stroke": "#FB6514",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M0.00112438 15C0.00112438 15 -5.64364 15 0.851673 15C7.34699 15 7.84654 8 14 8",
-							"stroke": "#FB6514",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M23.75 9.28125C26.5688 10.1847 27.699 13.2045 30.625 15.0312",
-							"stroke": "#FB6514",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"opacity": "0.7",
-							"d": "M-0.000543833 21C-0.000543833 21 -5.57819 21 0.893635 21C7.36546 21 7.8688 28 14 28",
-							"stroke": "#FB6514",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_13429_43710"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "36",
-									"height": "36",
-									"rx": "8",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "MultiPathRetrieval"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "36",
+      "height": "36",
+      "viewBox": "0 0 36 36",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_13429_43710)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "36",
+              "height": "36",
+              "rx": "8",
+              "fill": "#FFF6ED"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "opacity": "0.7",
+              "d": "M22.25 28C22.25 29.7949 20.7949 31.25 19 31.25C17.2051 31.25 15.75 29.7949 15.75 28C15.75 26.2051 17.2051 24.75 19 24.75C20.7949 24.75 22.25 26.2051 22.25 28Z",
+              "stroke": "#FB6514",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M19 12C21.2091 12 23 10.2091 23 8C23 5.79086 21.2091 4 19 4C16.7909 4 15 5.79086 15 8C15 10.2091 16.7909 12 19 12Z",
+              "fill": "#FB6514"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M15 22C17.2091 22 19 20.2091 19 18C19 15.7909 17.2091 14 15 14C12.7909 14 11 15.7909 11 18C11 20.2091 12.7909 22 15 22Z",
+              "fill": "#FB6514"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M36 23C38.7614 23 41 20.7614 41 18C41 15.2386 38.7614 13 36 13C33.2386 13 31 15.2386 31 18C31 20.7614 33.2386 23 36 23Z",
+              "fill": "#FB6514"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M0 18H10",
+              "stroke": "#FB6514",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M20 18L30 18",
+              "stroke": "#FB6514",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M0.00112438 15C0.00112438 15 -5.64364 15 0.851673 15C7.34699 15 7.84654 8 14 8",
+              "stroke": "#FB6514",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M23.75 9.28125C26.5688 10.1847 27.699 13.2045 30.625 15.0312",
+              "stroke": "#FB6514",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "opacity": "0.7",
+              "d": "M-0.000543833 21C-0.000543833 21 -5.57819 21 0.893635 21C7.36546 21 7.8688 28 14 28",
+              "stroke": "#FB6514",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_13429_43710"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "36",
+                  "height": "36",
+                  "rx": "8",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MultiPathRetrieval"
 }
diff --git a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
index 5d1c23743f..3d0b062de9 100644
--- a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
+++ b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MultiPathRetrieval.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MultiPathRetrieval.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/NTo1Retrieval.json b/web/app/components/base/icons/src/public/common/NTo1Retrieval.json
index 74ca34573f..340aaf1812 100644
--- a/web/app/components/base/icons/src/public/common/NTo1Retrieval.json
+++ b/web/app/components/base/icons/src/public/common/NTo1Retrieval.json
@@ -1,146 +1,146 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "36",
-			"height": "36",
-			"viewBox": "0 0 36 36",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_13429_43700)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "36",
-							"height": "36",
-							"rx": "8",
-							"fill": "#EEF4FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"opacity": "0.7",
-							"d": "M23.25 28C23.25 29.7949 21.7949 31.25 20 31.25C18.2051 31.25 16.75 29.7949 16.75 28C16.75 26.2051 18.2051 24.75 20 24.75C21.7949 24.75 23.25 26.2051 23.25 28Z",
-							"stroke": "#444CE7",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"opacity": "0.7",
-							"d": "M23.25 8C23.25 9.79493 21.7949 11.25 20 11.25C18.2051 11.25 16.75 9.79493 16.75 8C16.75 6.20507 18.2051 4.75 20 4.75C21.7949 4.75 23.25 6.20507 23.25 8Z",
-							"stroke": "#444CE7",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M16 22C18.2091 22 20 20.2091 20 18C20 15.7909 18.2091 14 16 14C13.7909 14 12 15.7909 12 18C12 20.2091 13.7909 22 16 22Z",
-							"fill": "#444CE7"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M36 23C38.7614 23 41 20.7614 41 18C41 15.2386 38.7614 13 36 13C33.2386 13 31 15.2386 31 18C31 20.7614 33.2386 23 36 23Z",
-							"fill": "#444CE7"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M0 18L11 18",
-							"stroke": "#444CE7",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M21 18L30 18",
-							"stroke": "#444CE7",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"opacity": "0.7",
-							"d": "M-0.00160408 15C-0.00160408 15 -6.00089 15 1.12411 15C8.24911 15 8.24908 8.25 14.9991 8.25",
-							"stroke": "#444CE7",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"opacity": "0.7",
-							"d": "M0.000488281 21C0.000488281 21 -5.92692 21 1.17228 21C8.27148 21 8.27423 27.75 14.9998 27.75",
-							"stroke": "#444CE7",
-							"stroke-width": "1.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_13429_43700"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "36",
-									"height": "36",
-									"rx": "8",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "NTo1Retrieval"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "36",
+      "height": "36",
+      "viewBox": "0 0 36 36",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_13429_43700)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "36",
+              "height": "36",
+              "rx": "8",
+              "fill": "#EEF4FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "opacity": "0.7",
+              "d": "M23.25 28C23.25 29.7949 21.7949 31.25 20 31.25C18.2051 31.25 16.75 29.7949 16.75 28C16.75 26.2051 18.2051 24.75 20 24.75C21.7949 24.75 23.25 26.2051 23.25 28Z",
+              "stroke": "#444CE7",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "opacity": "0.7",
+              "d": "M23.25 8C23.25 9.79493 21.7949 11.25 20 11.25C18.2051 11.25 16.75 9.79493 16.75 8C16.75 6.20507 18.2051 4.75 20 4.75C21.7949 4.75 23.25 6.20507 23.25 8Z",
+              "stroke": "#444CE7",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M16 22C18.2091 22 20 20.2091 20 18C20 15.7909 18.2091 14 16 14C13.7909 14 12 15.7909 12 18C12 20.2091 13.7909 22 16 22Z",
+              "fill": "#444CE7"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M36 23C38.7614 23 41 20.7614 41 18C41 15.2386 38.7614 13 36 13C33.2386 13 31 15.2386 31 18C31 20.7614 33.2386 23 36 23Z",
+              "fill": "#444CE7"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M0 18L11 18",
+              "stroke": "#444CE7",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M21 18L30 18",
+              "stroke": "#444CE7",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "opacity": "0.7",
+              "d": "M-0.00160408 15C-0.00160408 15 -6.00089 15 1.12411 15C8.24911 15 8.24908 8.25 14.9991 8.25",
+              "stroke": "#444CE7",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "opacity": "0.7",
+              "d": "M0.000488281 21C0.000488281 21 -5.92692 21 1.17228 21C8.27148 21 8.27423 27.75 14.9998 27.75",
+              "stroke": "#444CE7",
+              "stroke-width": "1.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_13429_43700"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "36",
+                  "height": "36",
+                  "rx": "8",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "NTo1Retrieval"
 }
diff --git a/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx b/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
index e42e588df4..79206167e6 100644
--- a/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
+++ b/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './NTo1Retrieval.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './NTo1Retrieval.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Notion.json b/web/app/components/base/icons/src/public/common/Notion.json
index d27aeb8190..293e1232ae 100644
--- a/web/app/components/base/icons/src/public/common/Notion.json
+++ b/web/app/components/base/icons/src/public/common/Notion.json
@@ -1,83 +1,83 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_5364_42310)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.5725 18.2611L1.4229 15.5832C0.905706 14.9389 0.625 14.1466 0.625 13.3312V3.63437C0.625 2.4129 1.60224 1.39936 2.86295 1.31328L12.8326 0.632614C13.5569 0.583164 14.2768 0.775682 14.8717 1.17794L18.3745 3.5462C19.0015 3.97012 19.375 4.66312 19.375 5.40266V16.427C19.375 17.6223 18.4141 18.6121 17.1798 18.688L6.11458 19.3692C5.12958 19.4298 4.17749 19.0148 3.5725 18.2611Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M7.03006 8.48663V8.35968C7.03006 8.03787 7.28779 7.77098 7.61997 7.7488L10.0396 7.58726L13.3857 12.5146V8.19003L12.5244 8.07522V8.01492C12.5244 7.68933 12.788 7.42068 13.1244 7.40344L15.326 7.29066V7.60749C15.326 7.75622 15.2154 7.88343 15.0638 7.90907L14.534 7.99868V15.0022L13.8691 15.2309C13.3136 15.4219 12.6952 15.2174 12.3772 14.7376L9.12879 9.83568V14.5143L10.1287 14.7056L10.1147 14.7984C10.0711 15.0889 9.82028 15.3086 9.51687 15.3221L7.03006 15.4328C6.99718 15.1204 7.23132 14.8409 7.55431 14.807L7.88143 14.7726V8.53447L7.03006 8.48663Z",
-							"fill": "black"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M12.9218 1.85418L2.95217 2.53485C2.35499 2.57562 1.89209 3.05572 1.89209 3.63431V13.3311C1.89209 13.8748 2.07923 14.4029 2.42402 14.8325L4.57362 17.5104C4.92117 17.9433 5.46812 18.1817 6.03397 18.1469L17.0991 17.4658C17.6663 17.4309 18.1078 16.9761 18.1078 16.4269V5.4026C18.1078 5.06281 17.9362 4.74441 17.6481 4.54963L14.1453 2.18137C13.7883 1.94002 13.3564 1.82451 12.9218 1.85418ZM3.44654 3.78556C3.30788 3.6829 3.37387 3.46903 3.54806 3.45654L12.9889 2.77938C13.2897 2.75781 13.5886 2.84064 13.8318 3.01299L15.7261 4.35502C15.798 4.40597 15.7642 4.51596 15.6752 4.5208L5.67742 5.06454C5.37485 5.081 5.0762 4.99211 4.83563 4.814L3.44654 3.78556ZM5.20848 6.76913C5.20848 6.44433 5.47088 6.17604 5.80642 6.15777L16.3769 5.5821C16.7039 5.56429 16.9792 5.81577 16.9792 6.13232V15.6782C16.9792 16.0024 16.7177 16.2705 16.3829 16.2895L5.8793 16.8871C5.51537 16.9079 5.20848 16.6282 5.20848 16.2759V6.76913Z",
-							"fill": "black"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_5364_42310"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "20",
-									"height": "20",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Notion"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_5364_42310)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.5725 18.2611L1.4229 15.5832C0.905706 14.9389 0.625 14.1466 0.625 13.3312V3.63437C0.625 2.4129 1.60224 1.39936 2.86295 1.31328L12.8326 0.632614C13.5569 0.583164 14.2768 0.775682 14.8717 1.17794L18.3745 3.5462C19.0015 3.97012 19.375 4.66312 19.375 5.40266V16.427C19.375 17.6223 18.4141 18.6121 17.1798 18.688L6.11458 19.3692C5.12958 19.4298 4.17749 19.0148 3.5725 18.2611Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M7.03006 8.48663V8.35968C7.03006 8.03787 7.28779 7.77098 7.61997 7.7488L10.0396 7.58726L13.3857 12.5146V8.19003L12.5244 8.07522V8.01492C12.5244 7.68933 12.788 7.42068 13.1244 7.40344L15.326 7.29066V7.60749C15.326 7.75622 15.2154 7.88343 15.0638 7.90907L14.534 7.99868V15.0022L13.8691 15.2309C13.3136 15.4219 12.6952 15.2174 12.3772 14.7376L9.12879 9.83568V14.5143L10.1287 14.7056L10.1147 14.7984C10.0711 15.0889 9.82028 15.3086 9.51687 15.3221L7.03006 15.4328C6.99718 15.1204 7.23132 14.8409 7.55431 14.807L7.88143 14.7726V8.53447L7.03006 8.48663Z",
+              "fill": "black"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M12.9218 1.85418L2.95217 2.53485C2.35499 2.57562 1.89209 3.05572 1.89209 3.63431V13.3311C1.89209 13.8748 2.07923 14.4029 2.42402 14.8325L4.57362 17.5104C4.92117 17.9433 5.46812 18.1817 6.03397 18.1469L17.0991 17.4658C17.6663 17.4309 18.1078 16.9761 18.1078 16.4269V5.4026C18.1078 5.06281 17.9362 4.74441 17.6481 4.54963L14.1453 2.18137C13.7883 1.94002 13.3564 1.82451 12.9218 1.85418ZM3.44654 3.78556C3.30788 3.6829 3.37387 3.46903 3.54806 3.45654L12.9889 2.77938C13.2897 2.75781 13.5886 2.84064 13.8318 3.01299L15.7261 4.35502C15.798 4.40597 15.7642 4.51596 15.6752 4.5208L5.67742 5.06454C5.37485 5.081 5.0762 4.99211 4.83563 4.814L3.44654 3.78556ZM5.20848 6.76913C5.20848 6.44433 5.47088 6.17604 5.80642 6.15777L16.3769 5.5821C16.7039 5.56429 16.9792 5.81577 16.9792 6.13232V15.6782C16.9792 16.0024 16.7177 16.2705 16.3829 16.2895L5.8793 16.8871C5.51537 16.9079 5.20848 16.6282 5.20848 16.2759V6.76913Z",
+              "fill": "black"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_5364_42310"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "20",
+                  "height": "20",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Notion"
 }
diff --git a/web/app/components/base/icons/src/public/common/Notion.tsx b/web/app/components/base/icons/src/public/common/Notion.tsx
index e451a3d80a..11cdfc37c7 100644
--- a/web/app/components/base/icons/src/public/common/Notion.tsx
+++ b/web/app/components/base/icons/src/public/common/Notion.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Notion.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Notion.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/Soc2.json b/web/app/components/base/icons/src/public/common/Soc2.json
index 38b9c5e606..b661c55d8c 100644
--- a/web/app/components/base/icons/src/public/common/Soc2.json
+++ b/web/app/components/base/icons/src/public/common/Soc2.json
@@ -1,938 +1,938 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "28",
-			"height": "28",
-			"viewBox": "0 0 28 28",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group 7"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28Z",
-							"fill": "url(#paint0_linear_6186_11887)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M13.9999 24.8636C19.9997 24.8636 24.8636 19.9997 24.8636 13.9999C24.8636 8.00006 19.9997 3.13623 13.9999 3.13623C8.00006 3.13623 3.13623 8.00006 3.13623 13.9999C3.13623 19.9997 8.00006 24.8636 13.9999 24.8636Z",
-							"fill": "url(#paint1_linear_6186_11887)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_3",
-									"d": "M5.43048 23.2492C5.46819 23.2107 5.48424 23.1666 5.47862 23.1177C5.473 23.0687 5.44412 22.9997 5.39197 22.909C5.33901 22.8192 5.30772 22.7462 5.29809 22.69C5.28365 22.6106 5.30291 22.5432 5.35586 22.4878C5.40721 22.4341 5.4714 22.4124 5.54762 22.4212C5.62384 22.43 5.69605 22.4678 5.76425 22.5344C5.81079 22.5793 5.84368 22.6282 5.86294 22.6812C5.8822 22.7341 5.88621 22.7871 5.87578 22.8384C5.86535 22.8898 5.84048 22.9355 5.80277 22.9748L5.74339 22.9171C5.78993 22.8689 5.80999 22.8152 5.80597 22.755C5.80116 22.6948 5.77147 22.6379 5.71692 22.5841C5.66316 22.5327 5.6094 22.5031 5.55484 22.4966C5.50028 22.4902 5.45455 22.5055 5.41684 22.544C5.38234 22.5793 5.3687 22.6226 5.37512 22.6724C5.38154 22.7221 5.40802 22.7863 5.45455 22.8641C5.50028 22.9419 5.53077 23.0053 5.54521 23.0551C5.55966 23.1048 5.56287 23.1497 5.55404 23.1915C5.54522 23.2332 5.52435 23.2709 5.49066 23.3054C5.4377 23.3608 5.37271 23.3832 5.29649 23.3736C5.22027 23.364 5.14645 23.3247 5.07424 23.2557C5.0253 23.2083 4.98839 23.1554 4.96432 23.0984C4.94025 23.0414 4.93303 22.9861 4.94186 22.9339C4.95148 22.8818 4.97555 22.8352 5.01487 22.7943L5.07424 22.8513C5.0269 22.9002 5.00765 22.9572 5.01647 23.0214C5.0261 23.0856 5.0606 23.1465 5.12158 23.2059C5.17614 23.2581 5.2315 23.2885 5.28686 23.2966C5.34303 23.3046 5.39036 23.2885 5.42888 23.2492H5.43048Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_4",
-									"d": "M6.31617 23.7556C6.2584 23.8238 6.19662 23.8744 6.12923 23.9065C6.06183 23.9386 5.99524 23.9498 5.92784 23.941C5.86044 23.9321 5.79786 23.9033 5.74009 23.8551C5.65344 23.7821 5.60931 23.6922 5.60771 23.5855C5.6061 23.4788 5.65023 23.3721 5.73849 23.267L5.80268 23.19C5.85964 23.1226 5.92223 23.072 5.98962 23.0399C6.05702 23.0078 6.12522 22.9958 6.19261 23.0046C6.26001 23.0135 6.32259 23.0415 6.37956 23.0897C6.43652 23.1378 6.47584 23.194 6.4967 23.2582C6.51756 23.3224 6.51836 23.3898 6.49991 23.4604C6.48145 23.531 6.44455 23.6 6.38999 23.6666L6.31537 23.7556H6.31617ZM6.32099 23.6224C6.39641 23.5326 6.43492 23.4459 6.43652 23.3609C6.43893 23.2758 6.40443 23.2044 6.33382 23.145C6.26482 23.0873 6.1886 23.0664 6.10436 23.0825C6.02091 23.0993 5.94068 23.1531 5.86365 23.2437L5.79866 23.3216C5.72485 23.4098 5.68634 23.4965 5.68393 23.5823C5.68152 23.6682 5.71522 23.7404 5.78583 23.7998C5.85724 23.8591 5.93426 23.8808 6.0161 23.8631C6.09874 23.8455 6.17817 23.7917 6.25439 23.7003L6.32018 23.6216L6.32099 23.6224Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_5",
-									"d": "M6.97267 24.3966C6.90367 24.4728 6.82825 24.5153 6.74641 24.5226C6.66457 24.5306 6.58113 24.5041 6.49769 24.4439C6.43912 24.4022 6.3982 24.3501 6.37413 24.2883C6.35006 24.2265 6.34524 24.1599 6.35969 24.0893C6.37413 24.0187 6.40542 23.9481 6.45516 23.8791L6.52898 23.7772C6.57953 23.7074 6.63649 23.6536 6.69988 23.6175C6.76326 23.5814 6.82905 23.5646 6.89565 23.5686C6.96304 23.5726 7.02643 23.5959 7.0866 23.6392C7.17085 23.7002 7.2214 23.7708 7.23744 23.8518C7.25349 23.9328 7.23664 24.0155 7.1869 24.1021L7.1195 24.054C7.19973 23.908 7.17486 23.7892 7.04649 23.6961C6.97508 23.6448 6.89886 23.6304 6.81782 23.6536C6.73678 23.6769 6.66217 23.7347 6.59477 23.8293L6.52497 23.9256C6.45918 24.0163 6.42788 24.1037 6.43029 24.188C6.4327 24.2722 6.4688 24.3388 6.53941 24.3902C6.60921 24.4407 6.6734 24.4616 6.73277 24.4536C6.79215 24.4455 6.84991 24.411 6.90608 24.3509L6.97347 24.399L6.97267 24.3966Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_6",
-									"d": "M7.31909 24.9735L7.65768 24.4119L7.55578 24.3501L7.58948 24.2939L7.69138 24.3557L7.73631 24.2811C7.77482 24.2177 7.81975 24.1792 7.87271 24.1648C7.92566 24.1503 7.98022 24.1607 8.03799 24.1952C8.06366 24.2105 8.08613 24.2289 8.10458 24.249L8.06527 24.3028C8.04922 24.2867 8.02996 24.2723 8.0075 24.2586C7.96979 24.2362 7.93368 24.2297 7.89838 24.241C7.86308 24.2522 7.83259 24.2787 7.80691 24.322L7.76038 24.399L7.90801 24.4881L7.87431 24.5443L7.72668 24.4552L7.38809 25.0168L7.31989 24.9751L7.31909 24.9735Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_7",
-									"d": "M7.82238 24.8435C7.85528 24.7825 7.8962 24.7336 7.94675 24.6975C7.99649 24.6614 8.05105 24.6413 8.10882 24.6373C8.16659 24.6333 8.22275 24.6461 8.27811 24.6758C8.36236 24.7216 8.41531 24.7874 8.43617 24.8756C8.45703 24.9631 8.44099 25.0561 8.38803 25.154L8.38001 25.1685C8.34711 25.2302 8.30539 25.2792 8.25565 25.3153C8.2059 25.3514 8.15214 25.3715 8.09438 25.3755C8.03661 25.3787 7.98044 25.3658 7.92589 25.3361C7.84164 25.2912 7.78949 25.2246 7.76863 25.1372C7.74777 25.0497 7.76381 24.9566 7.81597 24.8588L7.82319 24.8443L7.82238 24.8435ZM7.88256 24.9013C7.84164 24.9775 7.828 25.0505 7.84084 25.1203C7.85367 25.1901 7.89219 25.2423 7.95637 25.2768C8.01976 25.3105 8.08395 25.3137 8.14974 25.2864C8.21553 25.2591 8.26929 25.2054 8.31261 25.1251L8.31983 25.1115C8.34631 25.0634 8.36075 25.0136 8.36476 24.9639C8.36878 24.9141 8.35995 24.8692 8.33909 24.8291C8.31823 24.7898 8.28694 24.7585 8.24522 24.736C8.18263 24.7023 8.11845 24.6991 8.05265 24.7272C7.98686 24.7553 7.9323 24.809 7.88978 24.8884L7.88256 24.9013Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_8",
-									"d": "M8.97134 25.1115C8.9577 25.101 8.94166 25.0922 8.92481 25.0842C8.87988 25.0625 8.83575 25.0577 8.79242 25.0673C8.7491 25.0778 8.70978 25.1034 8.67368 25.1452L8.46106 25.5929L8.38965 25.5592L8.69855 24.9069L8.76915 24.9406L8.72101 25.0449C8.79563 24.9855 8.87506 24.9767 8.95931 25.016C8.97937 25.0256 8.99381 25.036 9.00344 25.0465L8.97054 25.1115H8.97134Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_9",
-									"d": "M9.77199 25.8825C9.79124 25.832 9.78883 25.7854 9.76476 25.7429C9.74069 25.7004 9.68614 25.6474 9.60269 25.5857C9.51925 25.5239 9.46148 25.4685 9.43019 25.4212C9.38526 25.3538 9.37643 25.284 9.40371 25.2126C9.43019 25.1436 9.47994 25.0978 9.55375 25.0762C9.62757 25.0545 9.7086 25.0609 9.79766 25.0946C9.85784 25.1179 9.90758 25.15 9.94609 25.1909C9.98461 25.2326 10.0095 25.2784 10.0199 25.3305C10.0303 25.3819 10.0255 25.4332 10.0063 25.4846L9.92924 25.4549C9.95251 25.3931 9.95091 25.3345 9.92283 25.2808C9.89474 25.227 9.845 25.1861 9.77359 25.1596C9.70459 25.1331 9.64281 25.1275 9.58986 25.1428C9.5369 25.158 9.5008 25.1909 9.48234 25.2407C9.46469 25.2872 9.4687 25.3313 9.49518 25.3746C9.52085 25.418 9.5706 25.4661 9.64361 25.5191C9.71663 25.572 9.76958 25.6186 9.80247 25.6587C9.83537 25.6988 9.85623 25.7389 9.86426 25.7806C9.87228 25.8224 9.86827 25.8649 9.85142 25.9106C9.82414 25.982 9.77359 26.0286 9.70058 26.0502C9.62676 26.0719 9.54332 26.0647 9.45025 26.0294C9.38606 26.0053 9.3315 25.9716 9.28737 25.9283C9.24244 25.8849 9.21436 25.8376 9.20233 25.7862C9.19029 25.7349 9.1943 25.6819 9.21436 25.629L9.29139 25.6579C9.26732 25.7221 9.27213 25.7814 9.30583 25.8368C9.33953 25.8922 9.39569 25.9347 9.47512 25.9652C9.54573 25.9916 9.60831 25.9981 9.66287 25.9828C9.71743 25.9676 9.75433 25.9347 9.77439 25.8833L9.77199 25.8825Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_10",
-									"d": "M10.2131 26.2917C10.1545 26.2733 10.1064 26.2428 10.0679 26.1995C10.0294 26.1561 10.0053 26.104 9.99485 26.0446C9.98442 25.9844 9.98924 25.9226 10.0093 25.8585L10.0181 25.8312C10.039 25.7646 10.0703 25.7092 10.112 25.6643C10.1537 25.6194 10.2027 25.5889 10.258 25.5728C10.3134 25.5568 10.3679 25.5568 10.4209 25.5728C10.5043 25.5985 10.5621 25.6482 10.5934 25.7205C10.6247 25.7927 10.6247 25.8785 10.5942 25.9772L10.5806 26.0197L10.0887 25.8673L10.0839 25.8817C10.0598 25.9596 10.0623 26.0318 10.0903 26.0976C10.1192 26.1633 10.1674 26.2067 10.2356 26.2283C10.2765 26.2412 10.315 26.2444 10.3503 26.2396C10.3856 26.2348 10.4217 26.2195 10.4578 26.1946L10.4939 26.246C10.4129 26.3094 10.319 26.3246 10.2123 26.2917H10.2131ZM10.4008 25.6378C10.3439 25.6202 10.2885 25.6258 10.2364 25.6563C10.1842 25.686 10.1425 25.7349 10.112 25.8031L10.5252 25.9315L10.5276 25.9234C10.5461 25.8569 10.5437 25.7967 10.5212 25.7437C10.4987 25.6908 10.4578 25.6555 10.4008 25.6378Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_11",
-									"d": "M11.1407 25.856C11.1254 25.8488 11.1078 25.8424 11.0893 25.8384C11.0412 25.8255 10.997 25.8287 10.9561 25.8472C10.916 25.8657 10.8823 25.8985 10.8542 25.9459L10.7299 26.4257L10.6528 26.4056L10.8334 25.7068L10.9088 25.726L10.8815 25.8376C10.9441 25.7654 11.0203 25.7413 11.1102 25.7646C11.1318 25.7702 11.1479 25.7774 11.1591 25.7862L11.139 25.856H11.1407Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_12",
-									"d": "M11.3831 26.4659L11.7233 25.9123L11.8036 25.9292L11.392 26.5807L11.3286 26.5678L11.2114 25.8064L11.2917 25.8232L11.3831 26.4667V26.4659Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_13",
-									"d": "M11.895 26.6737L11.8164 26.66L11.936 25.9484L12.0146 25.962L11.895 26.6737ZM11.9568 25.7406C11.9592 25.7261 11.9664 25.7141 11.9777 25.7053C11.9889 25.6964 12.0034 25.694 12.0194 25.6964C12.0362 25.6996 12.0483 25.7069 12.0563 25.7181C12.0643 25.7301 12.0675 25.743 12.0651 25.7582C12.0627 25.7727 12.0555 25.7847 12.0443 25.7927C12.033 25.8007 12.0186 25.804 12.0017 25.8007C11.9849 25.7983 11.9729 25.7911 11.9648 25.7791C11.9568 25.767 11.9544 25.7542 11.9568 25.7398V25.7406Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_14",
-									"d": "M12.4061 26.6929C12.4615 26.7002 12.5096 26.6905 12.5505 26.664C12.5915 26.6376 12.6171 26.5999 12.626 26.5509L12.7022 26.5605C12.6942 26.6039 12.6757 26.6424 12.646 26.6745C12.6163 26.7074 12.5794 26.7314 12.5353 26.7459C12.4912 26.7603 12.4454 26.7651 12.3973 26.7595C12.3034 26.7475 12.2328 26.7058 12.1863 26.6336C12.1398 26.5613 12.1229 26.4699 12.1373 26.36L12.1406 26.3359C12.1494 26.2653 12.1694 26.2043 12.2015 26.153C12.2328 26.1016 12.2737 26.0647 12.3235 26.0406C12.3732 26.0166 12.4294 26.0085 12.4912 26.0166C12.5698 26.0262 12.6316 26.0583 12.6765 26.1112C12.7214 26.1642 12.7407 26.2292 12.7351 26.3062L12.6589 26.2966C12.6621 26.2404 12.6476 26.1923 12.6155 26.153C12.5826 26.1136 12.5385 26.0912 12.4823 26.084C12.4109 26.0751 12.3524 26.0936 12.3058 26.1401C12.2601 26.1867 12.2312 26.2565 12.2192 26.3495L12.216 26.3728C12.2047 26.4643 12.216 26.5381 12.2481 26.5942C12.281 26.6504 12.3339 26.6833 12.4053 26.6921L12.4061 26.6929Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_15",
-									"d": "M13.1466 26.8301C13.0856 26.8261 13.0311 26.8068 12.9837 26.7739C12.9364 26.7402 12.9011 26.6961 12.877 26.6399C12.8529 26.5846 12.8433 26.5228 12.8481 26.4562L12.8497 26.4273C12.8545 26.3583 12.8722 26.2965 12.9027 26.2428C12.9332 26.189 12.9733 26.1481 13.0238 26.12C13.0744 26.0919 13.1265 26.0791 13.1827 26.0831C13.2702 26.0887 13.3376 26.1232 13.3849 26.1866C13.4322 26.25 13.4523 26.3326 13.4451 26.4361L13.4419 26.4811L12.9284 26.4458V26.461C12.9219 26.5429 12.9404 26.6119 12.9837 26.6696C13.027 26.7274 13.084 26.7587 13.1546 26.7635C13.1971 26.7667 13.2357 26.7611 13.2694 26.7483C13.3031 26.7354 13.3343 26.7122 13.3632 26.6801L13.4106 26.721C13.3464 26.802 13.2581 26.8381 13.1474 26.8309L13.1466 26.8301ZM13.1779 26.1505C13.1177 26.1465 13.0664 26.165 13.0222 26.2059C12.9781 26.2468 12.9492 26.3046 12.9356 26.3776L13.3672 26.4073V26.3984C13.3704 26.3294 13.3544 26.2717 13.3199 26.2251C13.2854 26.1794 13.2381 26.1537 13.1779 26.1497V26.1505Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_16",
-									"d": "M14.6863 26.3993C14.6887 26.4884 14.6751 26.5678 14.6454 26.636C14.6165 26.7042 14.5732 26.7571 14.517 26.7949C14.4608 26.8326 14.395 26.8526 14.3196 26.8542C14.2065 26.8566 14.1134 26.8189 14.042 26.7395C13.9706 26.6601 13.9329 26.5517 13.9297 26.4137L13.9273 26.3135C13.9249 26.2252 13.9385 26.1466 13.9682 26.0776C13.9979 26.0086 14.0412 25.9548 14.0974 25.9171C14.1535 25.8794 14.2193 25.8593 14.2939 25.8569C14.3686 25.8553 14.4352 25.8714 14.4929 25.9059C14.5507 25.9404 14.5964 25.9901 14.6293 26.0551C14.6622 26.1201 14.6799 26.1963 14.6839 26.283L14.6871 26.3993H14.6863ZM14.602 26.2958C14.5988 26.1787 14.5707 26.088 14.5162 26.023C14.4616 25.958 14.3886 25.9267 14.2963 25.9291C14.2065 25.9315 14.1351 25.966 14.0829 26.0342C14.0308 26.1024 14.0067 26.1955 14.0091 26.3143L14.0115 26.4154C14.0147 26.5301 14.0436 26.6207 14.0982 26.6873C14.1535 26.7531 14.2265 26.7852 14.318 26.7828C14.4111 26.7804 14.4825 26.7459 14.533 26.6777C14.5836 26.6095 14.6069 26.5164 14.6044 26.3985L14.602 26.2958Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_17",
-									"d": "M15.1989 26.1353C15.182 26.1337 15.1636 26.1337 15.1443 26.1353C15.0946 26.1393 15.0536 26.1562 15.0216 26.1866C14.9895 26.2171 14.9678 26.2597 14.9582 26.3134L14.9983 26.8077L14.9189 26.8141L14.8611 26.0952L14.9389 26.0888L14.9493 26.2027C14.9846 26.1144 15.0488 26.0663 15.1419 26.0591C15.1644 26.0575 15.182 26.0591 15.1949 26.0639L15.1989 26.1361V26.1353Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_18",
-									"d": "M15.3144 26.4129C15.3 26.3005 15.3136 26.2091 15.3545 26.1369C15.3955 26.0646 15.4588 26.0237 15.5439 26.0125C15.641 25.9997 15.7204 26.0293 15.7814 26.0999L15.7718 25.9964L15.8456 25.9868L15.9362 26.6881C15.9483 26.7803 15.9314 26.8565 15.8873 26.9167C15.8424 26.9769 15.7766 27.013 15.6883 27.0242C15.6386 27.0307 15.5896 27.0258 15.5415 27.009C15.4933 26.9921 15.454 26.9673 15.4235 26.9336L15.4621 26.8798C15.527 26.9416 15.5976 26.9673 15.6755 26.9568C15.7413 26.948 15.791 26.9223 15.8223 26.8782C15.8544 26.8341 15.8664 26.7779 15.8592 26.7081L15.8472 26.6183C15.8055 26.6953 15.7365 26.7402 15.6394 26.753C15.5567 26.7635 15.4853 26.7394 15.4268 26.68C15.3682 26.6207 15.3313 26.534 15.3168 26.4217L15.3152 26.4113L15.3144 26.4129ZM15.3963 26.4161C15.4083 26.5075 15.4356 26.5773 15.4789 26.6247C15.5222 26.6728 15.5776 26.6921 15.6442 26.684C15.7413 26.6712 15.8047 26.6191 15.8343 26.526L15.791 26.193C15.7661 26.1497 15.7357 26.1184 15.6971 26.0983C15.6594 26.0791 15.6161 26.0719 15.5672 26.0783C15.5006 26.0871 15.4524 26.12 15.4219 26.177C15.3914 26.2339 15.3834 26.3134 15.3963 26.4153V26.4161Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_19",
-									"d": "M16.6271 26.5773C16.615 26.5565 16.6038 26.5244 16.5934 26.4811C16.5725 26.522 16.5428 26.5565 16.5043 26.5838C16.4658 26.611 16.4225 26.6295 16.3743 26.6391C16.3061 26.652 16.2476 26.6439 16.1978 26.6142C16.1481 26.5846 16.1184 26.5404 16.1071 26.4827C16.0935 26.4137 16.112 26.3535 16.1617 26.3021C16.2115 26.2508 16.2877 26.2155 16.3904 26.1954L16.5324 26.1681L16.5171 26.0879C16.5075 26.0374 16.4842 26.0005 16.4473 25.9772C16.4104 25.9539 16.3623 25.9483 16.3021 25.9595C16.2476 25.97 16.205 25.9924 16.1745 26.0277C16.1441 26.0622 16.1328 26.1 16.14 26.1393L16.0614 26.1537C16.051 26.0975 16.067 26.0438 16.112 25.9924C16.1561 25.9411 16.2171 25.9082 16.2933 25.8938C16.3719 25.8785 16.4385 25.8865 16.4915 25.917C16.5444 25.9475 16.5789 25.9981 16.5934 26.0687L16.6576 26.404C16.6704 26.4722 16.688 26.5228 16.7089 26.5541L16.7105 26.5621L16.6271 26.5781V26.5773ZM16.3695 26.5685C16.4217 26.5581 16.4666 26.5364 16.5027 26.5035C16.5388 26.4706 16.5629 26.4305 16.5733 26.3848L16.5436 26.2291L16.4032 26.2564C16.3254 26.2725 16.2668 26.2981 16.2283 26.3342C16.1898 26.3703 16.1745 26.4129 16.1842 26.461C16.1922 26.5011 16.2131 26.5308 16.2476 26.5517C16.2821 26.5725 16.323 26.5781 16.3703 26.5685H16.3695Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_20",
-									"d": "M16.8277 25.7934L16.8606 25.9122C16.8759 25.8624 16.8999 25.8215 16.9336 25.7886C16.9673 25.7557 17.0074 25.7333 17.0548 25.7212C17.1294 25.702 17.1912 25.7092 17.2385 25.7421C17.2859 25.775 17.3204 25.8336 17.3428 25.9178L17.46 26.3767L17.3829 26.3968L17.265 25.9379C17.2489 25.8753 17.2233 25.8328 17.1896 25.8087C17.1559 25.7846 17.1101 25.7798 17.0532 25.7951C17.005 25.8071 16.9665 25.8328 16.9376 25.8721C16.9088 25.9114 16.8919 25.9587 16.8871 26.0141L17.0099 26.4931L16.9328 26.5131L16.7539 25.8143L16.8277 25.7951V25.7934Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_21",
-									"d": "M17.4094 25.4204C17.4054 25.406 17.4062 25.3923 17.4126 25.3795C17.4191 25.3667 17.4303 25.3578 17.4463 25.353C17.4624 25.3482 17.4768 25.349 17.4897 25.3562C17.5025 25.3634 17.5105 25.3739 17.5153 25.3883C17.5194 25.4028 17.5186 25.4164 17.5121 25.4284C17.5057 25.4413 17.4937 25.4501 17.4776 25.4549C17.4616 25.4597 17.4471 25.4589 17.4351 25.4517C17.4231 25.4445 17.4142 25.434 17.4102 25.4196L17.4094 25.4204ZM17.7689 26.2837L17.6927 26.307L17.4832 25.6162L17.5595 25.5929L17.7689 26.2837Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_22",
-									"d": "M18.0281 26.1313L18.471 25.9772L18.4935 26.0406L17.9575 26.2267L17.9382 26.1714L18.1565 25.4669L17.7561 25.6057L17.7336 25.5399L18.2295 25.3674L18.2495 25.4244L18.0297 26.1297L18.0281 26.1313Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_23",
-									"d": "M19.0799 25.8031C19.0639 25.7854 19.0462 25.7558 19.027 25.7156C19.0149 25.7598 18.9925 25.7999 18.9604 25.8344C18.9283 25.8689 18.889 25.8962 18.844 25.9146C18.7799 25.9411 18.7205 25.9443 18.6659 25.925C18.6114 25.9058 18.5728 25.8689 18.5504 25.8143C18.5239 25.7493 18.5295 25.6868 18.568 25.6266C18.6065 25.5664 18.6739 25.5167 18.7702 25.4765L18.9042 25.4212L18.8729 25.345C18.8529 25.2976 18.8232 25.2655 18.7823 25.2511C18.7413 25.2366 18.6932 25.2398 18.637 25.2631C18.5857 25.284 18.5488 25.3153 18.5255 25.3554C18.503 25.3955 18.499 25.434 18.5143 25.4709L18.4397 25.5006C18.418 25.4477 18.4236 25.3915 18.4565 25.3321C18.4902 25.2727 18.5424 25.2286 18.6146 25.1989C18.6892 25.1684 18.755 25.1628 18.8135 25.1821C18.8721 25.2013 18.9154 25.2447 18.9443 25.3105L19.0743 25.6258C19.1008 25.69 19.1281 25.7357 19.1545 25.7622L19.1578 25.7694L19.0791 25.8023L19.0799 25.8031ZM18.8264 25.8456C18.8761 25.8256 18.9146 25.7951 18.9435 25.755C18.9724 25.7148 18.9877 25.6715 18.9885 25.6242L18.9283 25.4773L18.7967 25.5319C18.7237 25.5632 18.6715 25.6001 18.641 25.6434C18.6106 25.6868 18.6041 25.7309 18.6234 25.7766C18.6386 25.8143 18.6659 25.8392 18.7036 25.8528C18.7413 25.8657 18.7831 25.8633 18.8272 25.8448L18.8264 25.8456Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_24",
-									"d": "M19.083 24.8058L19.1616 24.9727L19.2964 24.9093L19.3245 24.9687L19.1897 25.032L19.3943 25.4677C19.4112 25.5038 19.4304 25.5279 19.4521 25.5391C19.4737 25.5504 19.4994 25.5496 19.5299 25.5351C19.5419 25.5295 19.5604 25.5183 19.5853 25.5014L19.6157 25.5584C19.5997 25.5744 19.5756 25.5897 19.5435 25.6049C19.4938 25.6282 19.4513 25.6306 19.4152 25.6129C19.3791 25.5945 19.3478 25.5576 19.3213 25.5022L19.1167 25.0665L18.9963 25.1227L18.9683 25.0633L19.0886 25.0072L19.01 24.8403L19.0822 24.8066L19.083 24.8058Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_25",
-									"d": "M19.3438 24.6526C19.3374 24.639 19.3358 24.6254 19.3398 24.6117C19.3438 24.5981 19.3535 24.5876 19.3687 24.5796C19.384 24.5716 19.3984 24.5708 19.412 24.5756C19.4257 24.5804 19.4361 24.5893 19.4425 24.6029C19.449 24.6165 19.4506 24.6294 19.4465 24.643C19.4425 24.6566 19.4329 24.6671 19.4177 24.6751C19.4024 24.6831 19.388 24.6839 19.3751 24.6799C19.3623 24.6759 19.3519 24.6663 19.3446 24.6526H19.3438ZM19.8493 25.4389L19.7779 25.475L19.4506 24.8316L19.522 24.7955L19.8493 25.4389Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_26",
-									"d": "M19.8461 25.0264C19.8115 24.9663 19.7931 24.9053 19.7891 24.8435C19.7851 24.7817 19.7971 24.7256 19.8244 24.6742C19.8517 24.6229 19.8926 24.5819 19.9471 24.5515C20.0306 24.5041 20.1148 24.4953 20.1999 24.525C20.2849 24.5547 20.3547 24.6172 20.4093 24.7143L20.4173 24.7288C20.4518 24.7897 20.4711 24.8507 20.4751 24.9125C20.4791 24.9743 20.4671 25.0304 20.4398 25.081C20.4125 25.1315 20.3708 25.1717 20.3162 25.2029C20.2328 25.2503 20.1485 25.2591 20.0635 25.2294C19.9784 25.2005 19.9086 25.1372 19.8533 25.0401L19.8452 25.0264H19.8461ZM19.9271 25.0064C19.9696 25.0818 20.0242 25.1323 20.09 25.158C20.1558 25.1837 20.2207 25.1797 20.2841 25.1436C20.3467 25.1083 20.3844 25.0553 20.3957 24.9855C20.4069 24.9157 20.3908 24.8411 20.3459 24.7617L20.3387 24.748C20.3114 24.6999 20.2777 24.6614 20.2376 24.6317C20.1975 24.602 20.155 24.5851 20.11 24.5811C20.0659 24.5771 20.0226 24.5876 19.9808 24.6108C19.9191 24.6461 19.8822 24.6983 19.8701 24.7697C19.8581 24.8403 19.8749 24.9149 19.9191 24.9935L19.9263 25.0064H19.9271Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_27",
-									"d": "M20.4318 24.2803L20.5016 24.3822C20.5 24.3301 20.5096 24.2835 20.5313 24.2418C20.5521 24.2001 20.5834 24.1664 20.6244 24.1391C20.6893 24.0966 20.7495 24.0838 20.8049 24.0998C20.8602 24.1159 20.9116 24.16 20.9597 24.233L21.2173 24.6302L21.1507 24.6735L20.8923 24.2755C20.857 24.2218 20.8193 24.1889 20.7792 24.1768C20.7391 24.1648 20.695 24.1752 20.6452 24.2073C20.6035 24.2346 20.5754 24.2707 20.561 24.3172C20.5465 24.3638 20.5449 24.4143 20.5586 24.4681L20.8281 24.8829L20.7616 24.9262L20.3684 24.3213L20.4318 24.2795V24.2803Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_28",
-									"d": "M21.6546 24.0886C21.6313 24.0565 21.5993 24.0404 21.5599 24.0404C21.5198 24.0404 21.4701 24.0532 21.4107 24.0805C21.3513 24.1078 21.3016 24.1247 21.2631 24.1311C21.2246 24.1383 21.1901 24.1359 21.1612 24.1263C21.1323 24.1166 21.1074 24.0966 21.0858 24.0677C21.0521 24.022 21.0432 23.9698 21.0593 23.912C21.0753 23.8543 21.1138 23.8029 21.1732 23.7588C21.2382 23.7115 21.3016 23.689 21.3642 23.6922C21.4267 23.6954 21.4773 23.7227 21.515 23.774L21.4508 23.8214C21.4259 23.7877 21.3906 23.7692 21.3457 23.7676C21.3008 23.766 21.2567 23.7813 21.2133 23.8133C21.1708 23.8446 21.1443 23.8791 21.1323 23.9168C21.1203 23.9546 21.1259 23.9883 21.1475 24.0187C21.1692 24.0476 21.1965 24.0621 21.2294 24.0629C21.2623 24.0629 21.312 24.0492 21.3778 24.0212C21.4436 23.9931 21.4966 23.9762 21.5359 23.9706C21.5752 23.965 21.6089 23.9674 21.6386 23.9786C21.6675 23.9899 21.6931 24.0099 21.7156 24.0404C21.7517 24.0894 21.7605 24.1431 21.7429 24.2017C21.7252 24.2603 21.6843 24.3132 21.6201 24.3597C21.5527 24.4095 21.4853 24.4336 21.4195 24.432C21.3529 24.4303 21.3016 24.4039 21.2647 24.3541L21.3289 24.3068C21.3594 24.3429 21.3963 24.3605 21.4412 24.3597C21.4861 24.3589 21.5319 24.3413 21.58 24.306C21.6249 24.2731 21.6538 24.2362 21.6666 24.1969C21.6795 24.1575 21.6755 24.1214 21.653 24.0918L21.6546 24.0886Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_29",
-									"d": "M22.7023 23.6914L22.6518 23.7363L21.8848 22.8778L21.9353 22.8329L22.7023 23.6914Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_30",
-									"d": "M23.418 22.3659C23.3868 22.337 23.3523 22.3258 23.3145 22.3322C23.2776 22.3386 23.2239 22.3627 23.1533 22.4044C23.0827 22.4461 23.0217 22.4742 22.9687 22.4886C22.8684 22.5159 22.785 22.4999 22.7192 22.4397C22.6614 22.3867 22.6358 22.3193 22.6414 22.2383C22.647 22.1573 22.6847 22.0786 22.7529 22.004C22.7986 21.9543 22.8484 21.9182 22.9029 21.8957C22.9567 21.8732 23.0113 21.8668 23.0658 21.8756C23.1204 21.8845 23.1677 21.9077 23.2094 21.9454L23.0955 22.069C23.0586 22.0345 23.0185 22.0193 22.9752 22.0241C22.9326 22.0281 22.8909 22.0522 22.8516 22.0955C22.8147 22.1364 22.7938 22.1757 22.7906 22.2142C22.7874 22.2527 22.801 22.2864 22.8323 22.3145C22.8588 22.3386 22.8917 22.3466 22.931 22.3386C22.9711 22.3306 23.0241 22.3057 23.0923 22.2656C23.1597 22.2255 23.2199 22.1974 23.272 22.1829C23.3242 22.1685 23.3707 22.1661 23.4124 22.1757C23.4541 22.1853 23.4935 22.2062 23.5304 22.2399C23.5897 22.2945 23.6162 22.3611 23.6098 22.4389C23.6034 22.5167 23.5641 22.5953 23.4919 22.6732C23.4445 22.7253 23.3916 22.7638 23.3322 22.7895C23.2736 22.8152 23.2159 22.8248 23.1597 22.8176C23.1035 22.8104 23.0538 22.7871 23.0089 22.7454L23.1228 22.621C23.1637 22.6579 23.207 22.674 23.2544 22.6675C23.3009 22.6611 23.3474 22.633 23.394 22.5825C23.4333 22.5392 23.455 22.4991 23.4574 22.4605C23.4598 22.4228 23.4469 22.3907 23.418 22.3643V22.3659Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_31",
-									"d": "M24.0366 22.0386C23.9724 22.1188 23.8946 22.1629 23.8039 22.1718C23.7133 22.1806 23.6266 22.1517 23.5424 22.0843L23.5271 22.0715C23.471 22.0265 23.43 21.9752 23.4028 21.9182C23.3763 21.8612 23.3659 21.8027 23.3731 21.7441C23.3803 21.6855 23.4028 21.6318 23.4413 21.5836C23.5031 21.5074 23.5753 21.4681 23.6571 21.4657C23.7389 21.4633 23.8256 21.4978 23.9147 21.57L23.9652 21.6109L23.6691 21.9776C23.7189 22.0113 23.7678 22.0249 23.8168 22.0201C23.8657 22.0145 23.9066 21.9912 23.9403 21.9503C23.9869 21.8925 24.0013 21.8267 23.9845 21.7529L24.104 21.7369C24.1193 21.7866 24.1217 21.8372 24.1096 21.8901C24.0976 21.9423 24.0735 21.992 24.0358 22.0386H24.0366ZM23.5432 21.6655C23.5151 21.7 23.5047 21.7377 23.5119 21.7786C23.5191 21.8195 23.5416 21.8604 23.5801 21.9014L23.7742 21.6607L23.7646 21.6534C23.7205 21.6221 23.6788 21.6077 23.6419 21.6101C23.6042 21.6125 23.5713 21.631 23.5432 21.6663V21.6655Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_32",
-									"d": "M24.0584 21.0357C24.0432 21.0509 24.0287 21.0678 24.0151 21.0862C23.9718 21.1464 23.9653 21.2034 23.9958 21.2579L24.3946 21.5484L24.2991 21.6791L23.7158 21.2547L23.8065 21.1295L23.8739 21.1737C23.8466 21.1055 23.853 21.0429 23.8939 20.9867C23.9076 20.9683 23.9212 20.9546 23.9349 20.9458L24.0576 21.0357H24.0584Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_33",
-									"d": "M24.5717 20.9305L24.2243 20.5197L24.3166 20.3801L24.7827 20.9851L24.7057 21.103L23.9644 20.9177L24.0566 20.7773L24.5733 20.9313L24.5717 20.9305Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_34",
-									"d": "M24.2029 20.1997C24.1812 20.1868 24.1676 20.1692 24.1619 20.1475C24.1555 20.1258 24.1603 20.1018 24.1756 20.0769C24.1908 20.052 24.2093 20.0368 24.2318 20.0312C24.2542 20.0255 24.2759 20.0296 24.2975 20.0424C24.3184 20.0552 24.332 20.0721 24.3377 20.0945C24.3433 20.117 24.3385 20.1403 24.324 20.1652C24.3088 20.19 24.2903 20.2053 24.2687 20.2109C24.247 20.2157 24.2253 20.2125 24.2045 20.1997H24.2029ZM25.071 20.5182L24.9876 20.657L24.3681 20.2863L24.4516 20.1475L25.071 20.5182Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_35",
-									"d": "M25.2146 20.0271C25.2339 19.9918 25.2395 19.9565 25.2315 19.922C25.2235 19.8875 25.205 19.861 25.1745 19.8426L25.2475 19.7086C25.286 19.7318 25.3165 19.7639 25.3382 19.8056C25.3599 19.8474 25.3703 19.8931 25.3687 19.9436C25.3671 19.9942 25.3542 20.0423 25.3294 20.0881C25.2812 20.1771 25.2146 20.2317 25.1288 20.2525C25.0429 20.2734 24.9499 20.2566 24.8488 20.202L24.8343 20.194C24.738 20.1418 24.6747 20.0744 24.6442 19.991C24.6137 19.9075 24.6233 19.8217 24.6715 19.7326C24.7124 19.6572 24.7677 19.6075 24.8375 19.5842C24.9073 19.5601 24.9788 19.5665 25.0518 19.6035L24.9788 19.7374C24.9418 19.719 24.9049 19.7158 24.8688 19.7262C24.8327 19.7366 24.8054 19.7599 24.7854 19.796C24.7605 19.8426 24.7581 19.8867 24.7782 19.93C24.7982 19.9733 24.8416 20.0134 24.9098 20.0504L24.933 20.0624C25.002 20.0993 25.0598 20.1153 25.1071 20.1081C25.1545 20.1009 25.1906 20.0744 25.2162 20.0279L25.2146 20.0271Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_36",
-									"d": "M25.6743 19.398C25.6309 19.4911 25.5659 19.5529 25.4809 19.5834C25.3959 19.6139 25.3036 19.6066 25.2065 19.5609L25.188 19.5521C25.1231 19.5216 25.0701 19.4815 25.0308 19.4325C24.9915 19.3836 24.9674 19.329 24.9602 19.2705C24.953 19.2119 24.9618 19.1541 24.9883 19.098C25.03 19.0089 25.0902 18.9535 25.1696 18.9311C25.249 18.9086 25.3405 18.9222 25.4448 18.9704L25.5042 18.9977L25.3052 19.4253C25.3614 19.4462 25.4127 19.4478 25.4584 19.4309C25.505 19.4141 25.5387 19.3812 25.5611 19.3338C25.5924 19.2664 25.5908 19.199 25.5563 19.1316L25.6686 19.0875C25.6951 19.1316 25.7096 19.1814 25.7104 19.2352C25.7112 19.2889 25.6991 19.3427 25.6743 19.3972V19.398ZM25.1054 19.1541C25.087 19.1942 25.0853 19.2335 25.1022 19.2713C25.119 19.309 25.1511 19.3435 25.1977 19.374L25.3285 19.0939L25.3172 19.0891C25.2667 19.0691 25.2234 19.0651 25.1872 19.0763C25.1511 19.0875 25.1239 19.1132 25.1046 19.1541H25.1054Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_37",
-									"d": "M25.8155 17.7453C25.9054 17.7774 25.9784 17.8199 26.0354 17.8753C26.0923 17.9306 26.1284 17.9932 26.1445 18.063C26.1605 18.1328 26.1549 18.2059 26.1284 18.2813C26.102 18.3551 26.061 18.4153 26.0041 18.4602C25.9471 18.5051 25.8797 18.5324 25.8019 18.5404C25.7232 18.5485 25.6406 18.5372 25.5532 18.5067L25.5018 18.4883C25.4127 18.457 25.3389 18.4129 25.282 18.3575C25.225 18.3013 25.1881 18.2387 25.172 18.1681C25.156 18.0975 25.1616 18.0253 25.1881 17.9507C25.2146 17.8761 25.2555 17.8159 25.3116 17.771C25.3678 17.7261 25.4352 17.6996 25.5138 17.6924C25.5925 17.6843 25.6759 17.6964 25.7658 17.7277L25.8163 17.7453H25.8155ZM25.712 17.8873C25.6109 17.8512 25.5259 17.8432 25.4585 17.8625C25.3911 17.8817 25.3445 17.9266 25.3197 17.9972C25.2956 18.0662 25.3036 18.1296 25.3437 18.1874C25.3839 18.2452 25.4529 18.2917 25.5515 18.3278L25.6045 18.3463C25.7048 18.3816 25.7898 18.3896 25.8588 18.3695C25.9278 18.3495 25.9744 18.3053 25.9993 18.2355C26.0241 18.1649 26.0161 18.1015 25.976 18.0446C25.9359 17.9876 25.8637 17.9411 25.761 17.905L25.7128 17.8881L25.712 17.8873Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_38",
-									"d": "M25.8541 17.1956C25.8444 17.2149 25.8372 17.2357 25.8308 17.2574C25.8099 17.3288 25.8236 17.385 25.8709 17.4251L26.3451 17.5615L26.3002 17.7171L25.6069 17.5173L25.6495 17.3689L25.7281 17.3874C25.6783 17.332 25.6639 17.2718 25.6832 17.2052C25.6896 17.1828 25.6976 17.1651 25.708 17.1531L25.8541 17.1956Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_39",
-									"d": "M26.0747 17.182C25.9656 17.1563 25.8846 17.1106 25.8316 17.044C25.7787 16.9774 25.7618 16.902 25.7819 16.8169C25.8003 16.7367 25.8437 16.6805 25.9102 16.6477L25.8412 16.6236L25.8749 16.4816L26.5561 16.6412C26.6484 16.6629 26.7142 16.7086 26.7543 16.7784C26.7944 16.8482 26.8024 16.9317 26.78 17.0296C26.7679 17.0809 26.7455 17.1291 26.7126 17.1732C26.6797 17.2173 26.6428 17.2478 26.6019 17.2655L26.5248 17.1684C26.5938 17.1331 26.6364 17.0801 26.6532 17.0095C26.6652 16.9574 26.6612 16.9124 26.6396 16.8755C26.6179 16.8386 26.5802 16.8137 26.5248 16.8009L26.4775 16.7897C26.5176 16.8466 26.5289 16.9132 26.5112 16.9894C26.4919 17.0713 26.4438 17.1315 26.366 17.1684C26.2881 17.2053 26.1919 17.2101 26.0763 17.1828L26.0747 17.182ZM26.1253 17.028C26.1959 17.0448 26.2545 17.0432 26.3018 17.0239C26.3491 17.0047 26.3788 16.9694 26.3908 16.918C26.4061 16.8547 26.3892 16.8009 26.3419 16.7576L26.033 16.6854C25.9728 16.703 25.9351 16.7431 25.9199 16.8065C25.9078 16.8587 25.9191 16.9036 25.9536 16.9421C25.9881 16.9806 26.045 17.0095 26.1253 17.028Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_40",
-									"d": "M26.6877 16.0219C26.6733 16.0267 26.65 16.0291 26.6179 16.0291C26.662 16.0892 26.6781 16.1558 26.6661 16.2297C26.654 16.3011 26.6235 16.3556 26.5754 16.3941C26.5273 16.4326 26.4727 16.4463 26.4125 16.4359C26.3371 16.423 26.2833 16.3853 26.252 16.3219C26.2208 16.2585 26.2143 16.1751 26.232 16.07L26.2488 15.9721L26.2023 15.9641C26.1654 15.9577 26.1341 15.9633 26.1084 15.9801C26.0828 15.997 26.0667 16.0267 26.0595 16.0684C26.0531 16.1045 26.0571 16.1358 26.0715 16.1623C26.086 16.1887 26.1068 16.204 26.1349 16.2088L26.1076 16.3685C26.0683 16.362 26.0346 16.3428 26.0049 16.3115C25.9752 16.2802 25.9544 16.2401 25.9431 16.1927C25.9311 16.1446 25.9303 16.0941 25.9399 16.0387C25.9544 15.9553 25.9865 15.8927 26.0362 15.8502C26.0868 15.8076 26.1493 15.7924 26.2256 15.8036L26.5465 15.8582C26.6107 15.8694 26.6628 15.8686 26.7046 15.8574L26.7158 15.859L26.6885 16.0219H26.6877ZM26.5433 16.1783C26.5489 16.147 26.5457 16.1157 26.5353 16.0852C26.5248 16.0547 26.508 16.0307 26.4839 16.0122L26.3499 15.9898L26.3355 16.0756C26.3259 16.135 26.3283 16.1807 26.3435 16.2144C26.3588 16.2481 26.386 16.2674 26.4237 16.2738C26.4542 16.2786 26.4807 16.273 26.5024 16.2553C26.524 16.2377 26.5377 16.212 26.5433 16.1783Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_41",
-									"d": "M26.0384 15.453L26.1219 15.457C26.0633 15.3968 26.0392 15.3238 26.0481 15.2379C26.0641 15.0887 26.158 15.0213 26.3289 15.0374L26.8031 15.0879L26.7862 15.2492L26.3217 15.1994C26.2759 15.1946 26.2414 15.201 26.2174 15.2179C26.1933 15.2355 26.1788 15.266 26.174 15.3109C26.1668 15.3759 26.1909 15.4273 26.247 15.4658L26.7573 15.5204L26.7405 15.6816L26.0232 15.6046L26.0392 15.453H26.0384Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_42",
-									"d": "M25.9078 14.8416C25.883 14.84 25.8629 14.8312 25.8477 14.8143C25.8324 14.7975 25.8252 14.7742 25.8276 14.7453C25.8292 14.7165 25.8388 14.694 25.8565 14.6787C25.8741 14.6635 25.895 14.6571 25.9199 14.6587C25.9439 14.6603 25.964 14.6691 25.9792 14.6868C25.9945 14.7036 26.0009 14.7269 25.9993 14.7566C25.9977 14.7855 25.9881 14.8079 25.9712 14.8224C25.9544 14.8368 25.9335 14.844 25.9086 14.8424L25.9078 14.8416ZM26.8257 14.7261L26.8161 14.8882L26.0956 14.8432L26.1052 14.6812L26.8257 14.7261Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_43",
-									"d": "M26.7116 14.3489L26.7196 13.9646L26.8488 13.967L26.8368 14.5527L26.7309 14.5503L26.2535 14.1748L26.2463 14.5343L26.1155 14.5319L26.1267 13.967L26.2294 13.9694L26.7116 14.3497V14.3489Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_44",
-									"d": "M26.8312 13.3741C26.8176 13.3813 26.7951 13.3885 26.7646 13.395C26.82 13.4447 26.8497 13.5065 26.8521 13.5811C26.8545 13.6533 26.8361 13.7135 26.7967 13.7608C26.7574 13.8082 26.7069 13.833 26.6459 13.8354C26.5689 13.8386 26.5087 13.8122 26.4662 13.756C26.4229 13.7006 26.3996 13.6196 26.3956 13.5137L26.3916 13.4142L26.3442 13.4158C26.3065 13.4174 26.2776 13.4287 26.256 13.4503C26.2343 13.472 26.2247 13.5041 26.2255 13.5466C26.2271 13.5835 26.2375 13.6132 26.2568 13.6365C26.276 13.6597 26.3001 13.6702 26.3282 13.6694L26.3338 13.8314C26.2945 13.833 26.2568 13.821 26.2215 13.7961C26.1862 13.7712 26.1581 13.7367 26.1364 13.6918C26.1156 13.6477 26.1035 13.5971 26.1019 13.5418C26.0987 13.4575 26.1172 13.3893 26.1581 13.3372C26.199 13.285 26.2576 13.2578 26.3338 13.2529L26.6587 13.2409C26.7237 13.2385 26.7751 13.2273 26.8128 13.208H26.824L26.8304 13.3725L26.8312 13.3741ZM26.7213 13.5562C26.7205 13.5241 26.7117 13.4944 26.6948 13.4672C26.678 13.4399 26.6563 13.419 26.6299 13.4062L26.4943 13.411L26.4975 13.4985C26.4999 13.5586 26.5119 13.6028 26.5336 13.6324C26.5552 13.6621 26.5857 13.6758 26.6242 13.6742C26.6555 13.6734 26.6796 13.6621 26.6973 13.6405C26.7149 13.6188 26.7229 13.5915 26.7221 13.5562H26.7213Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_45",
-									"d": "M25.8997 12.9119L26.0746 12.8967L26.0641 12.7699L26.1837 12.7595L26.1941 12.8862L26.5953 12.8517C26.6226 12.8493 26.6418 12.8421 26.6531 12.8301C26.6643 12.818 26.6691 12.798 26.6667 12.7707C26.6651 12.7522 26.6611 12.7338 26.6555 12.7145L26.7806 12.7041C26.7943 12.7402 26.8023 12.7747 26.8047 12.8092C26.8151 12.9336 26.7517 13.001 26.6153 13.013L26.2078 13.0475L26.2182 13.1654L26.0986 13.1759L26.0882 13.0579L25.9133 13.0732L25.8997 12.9119Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_46",
-									"d": "M25.8638 12.672C25.8389 12.6752 25.8172 12.6696 25.7996 12.656C25.7819 12.6423 25.7707 12.6207 25.7675 12.5918C25.7643 12.5629 25.7699 12.5388 25.7843 12.5212C25.7988 12.5035 25.818 12.4931 25.8429 12.4899C25.867 12.4867 25.8886 12.4923 25.9063 12.5067C25.9239 12.5212 25.9352 12.542 25.9384 12.5717C25.9416 12.6014 25.9368 12.6239 25.9223 12.6415C25.9079 12.6592 25.8886 12.6696 25.8646 12.672H25.8638ZM26.7463 12.3944L26.7656 12.5557L26.0491 12.6407L26.0298 12.4795L26.7463 12.3944Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_47",
-									"d": "M26.365 12.2814C26.2952 12.2926 26.2302 12.2894 26.17 12.2709C26.1098 12.2525 26.0601 12.2212 26.0216 12.1755C25.9831 12.1305 25.959 12.0752 25.9478 12.0102C25.9317 11.9139 25.9502 11.8312 26.0015 11.7606C26.0537 11.6908 26.1299 11.6443 26.2318 11.6226L26.2695 11.6154C26.3401 11.6042 26.4043 11.6066 26.4645 11.625C26.5246 11.6427 26.5736 11.6748 26.6121 11.7197C26.6506 11.7647 26.6755 11.8208 26.6859 11.8866C26.7028 11.9869 26.6827 12.0728 26.6257 12.1442C26.5688 12.2156 26.4845 12.2605 26.373 12.279L26.365 12.2806V12.2814ZM26.3521 12.1193C26.4251 12.1073 26.4805 12.0824 26.5166 12.0455C26.5535 12.0086 26.5672 11.9628 26.5575 11.9091C26.5487 11.8553 26.5206 11.8168 26.4733 11.7935C26.426 11.7703 26.3618 11.7655 26.2807 11.7791C26.2085 11.7911 26.154 11.816 26.1171 11.8537C26.0801 11.8914 26.0657 11.9372 26.0745 11.9901C26.0834 12.0423 26.1106 12.08 26.1572 12.104C26.2037 12.1281 26.2679 12.1329 26.3505 12.1193H26.3521Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_48",
-									"d": "M25.8461 11.4036L25.9263 11.3803C25.8517 11.3426 25.8044 11.2816 25.7851 11.1974C25.7514 11.0513 25.818 10.9575 25.9849 10.9157L26.4494 10.8082L26.4855 10.9663L26.0298 11.0714C25.9849 11.0818 25.9544 11.0987 25.9375 11.1235C25.9207 11.1476 25.9175 11.1821 25.9271 11.2254C25.9416 11.2888 25.9817 11.3297 26.0467 11.3474L26.5473 11.2319L26.5842 11.3899L25.8814 11.552L25.8469 11.4036H25.8461Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_49",
-									"d": "M26.0946 10.2811C26.0665 10.2891 26.0489 10.3068 26.0416 10.3341C26.0336 10.3613 26.032 10.4031 26.0368 10.4592C26.0416 10.5154 26.04 10.5635 26.0336 10.6044C26.0192 10.6935 25.9758 10.7481 25.9052 10.7689C25.8459 10.7866 25.7881 10.7761 25.7335 10.7376C25.679 10.6991 25.6397 10.6414 25.6164 10.5635C25.5923 10.4809 25.5923 10.4079 25.6188 10.3445C25.6445 10.2811 25.6902 10.2402 25.7552 10.2209L25.8009 10.3766C25.7712 10.3854 25.7496 10.4039 25.7359 10.4319C25.7223 10.46 25.7215 10.4921 25.7319 10.529C25.7424 10.5635 25.7584 10.5884 25.7801 10.6052C25.8025 10.6221 25.8266 10.6269 25.8531 10.6189C25.8772 10.6117 25.8924 10.5964 25.8996 10.5724C25.9068 10.5483 25.9084 10.5042 25.9036 10.4392C25.8988 10.3742 25.9012 10.322 25.9093 10.2811C25.9173 10.241 25.9325 10.2089 25.9534 10.184C25.9742 10.1591 26.0031 10.1415 26.0408 10.1311C26.1034 10.1126 26.1612 10.1238 26.2149 10.164C26.2687 10.2041 26.308 10.2659 26.3329 10.3493C26.3497 10.4063 26.3545 10.4592 26.3465 10.5098C26.3393 10.5603 26.3208 10.6028 26.2928 10.6381C26.2639 10.6734 26.2294 10.6975 26.1877 10.7095L26.1427 10.5587C26.1788 10.5459 26.2029 10.5234 26.2149 10.4921C26.227 10.4608 26.227 10.4239 26.2149 10.3814C26.2029 10.3405 26.1861 10.3116 26.1644 10.2947C26.1427 10.2779 26.1187 10.2731 26.0938 10.2811H26.0946Z",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group_2"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group_3"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_50",
-											"d": "M8.9457 10.9173H6.97035L6.52184 12.1393H6.13672L7.78312 7.78821H8.13294L9.77933 12.1393H9.39662L8.9457 10.9173ZM7.08428 10.6068H8.82937L7.95642 8.23672L7.08348 10.6068H7.08428Z",
-											"fill": "white"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_51",
-											"d": "M10.8064 12.1401H10.439V7.78906H10.8064V12.1401Z",
-											"fill": "white"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_52",
-											"d": "M15.0067 10.7833C14.9569 11.2415 14.7933 11.5921 14.5149 11.8352C14.2364 12.0783 13.8666 12.1995 13.4044 12.1995C13.0819 12.1995 12.7962 12.1184 12.5483 11.9572C12.3004 11.7959 12.1086 11.5672 11.973 11.2712C11.8375 10.9751 11.7685 10.6373 11.7668 10.2562V9.69135C11.7668 9.30462 11.8342 8.96202 11.9698 8.66355C12.1054 8.36508 12.3004 8.13401 12.5539 7.97194C12.8083 7.80987 13.1003 7.72803 13.4309 7.72803C13.8971 7.72803 14.2653 7.85319 14.5349 8.10432C14.8045 8.35546 14.9618 8.70287 15.0059 9.14736H14.6352C14.5437 8.40841 14.1418 8.03853 13.4309 8.03853C13.0361 8.03853 12.7224 8.18616 12.4881 8.48142C12.2539 8.77668 12.1367 9.18427 12.1367 9.70499V10.2377C12.1367 10.74 12.2507 11.1412 12.4785 11.4396C12.7064 11.7389 13.0153 11.8882 13.4036 11.8882C13.7919 11.8882 14.0776 11.7959 14.2733 11.6113C14.4683 11.4268 14.5895 11.1508 14.6352 10.7817H15.0059L15.0067 10.7833Z",
-											"fill": "white"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_53",
-											"d": "M16.2061 10.3678V12.1401H15.8386V7.78906H17.3205C17.7731 7.78906 18.1301 7.9046 18.3917 8.13567C18.654 8.36675 18.7848 8.68447 18.7848 9.08885C18.7848 9.49323 18.6588 9.81256 18.4069 10.0348C18.155 10.2571 17.7899 10.3678 17.3117 10.3678H16.2061ZM16.2061 10.0573H17.3205C17.6768 10.0573 17.9488 9.97222 18.1365 9.80293C18.3235 9.63364 18.4173 9.39695 18.4173 9.09366C18.4173 8.79038 18.3243 8.55209 18.1381 8.37397C17.952 8.19505 17.6872 8.10438 17.3446 8.10037H16.2061V10.0581V10.0573Z",
-											"fill": "white"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_54",
-											"d": "M21.4823 10.9173H19.507L19.0585 12.1393H18.6733L20.3197 7.78821H20.6696L22.316 12.1393H21.9332L21.4823 10.9173ZM19.6201 10.6068H21.3652L20.4922 8.23672L19.6193 10.6068H19.6201Z",
-											"fill": "white"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_55",
-											"d": "M11.4289 18.1368C11.4289 17.8961 11.3438 17.7051 11.1745 17.5647C11.0052 17.4243 10.6955 17.2911 10.2454 17.1643C9.79532 17.0376 9.46636 16.8996 9.25936 16.7503C8.9641 16.5393 8.81727 16.2625 8.81727 15.9199C8.81727 15.5773 8.95447 15.3165 9.22807 15.1087C9.50167 14.9009 9.85229 14.7966 10.2783 14.7966C10.5672 14.7966 10.8255 14.8528 11.0542 14.9643C11.2821 15.0758 11.4594 15.2315 11.5845 15.4305C11.7097 15.6295 11.7731 15.8517 11.7731 16.0972H11.4024C11.4024 15.7996 11.3005 15.5605 11.0975 15.3791C10.8945 15.1978 10.6217 15.1079 10.2783 15.1079C9.93493 15.1079 9.68059 15.1826 9.48321 15.331C9.28584 15.4794 9.18715 15.6736 9.18715 15.9135C9.18715 16.1349 9.27541 16.3155 9.45272 16.4551C9.63004 16.5947 9.91407 16.7182 10.304 16.8249C10.6947 16.9317 10.99 17.0424 11.1914 17.1571C11.3928 17.2718 11.5444 17.4082 11.6455 17.5679C11.7474 17.7276 11.798 17.9153 11.798 18.1328C11.798 18.4754 11.6608 18.7506 11.3872 18.9576C11.1136 19.1646 10.7525 19.2681 10.304 19.2681C9.99751 19.2681 9.71589 19.2135 9.45994 19.1036C9.204 18.9937 9.00983 18.8404 8.87745 18.643C8.74506 18.4457 8.67847 18.2194 8.67847 17.9651H9.04594C9.04594 18.2716 9.16067 18.5139 9.38934 18.6912C9.618 18.8685 9.92289 18.9568 10.304 18.9568C10.6426 18.9568 10.9146 18.8821 11.12 18.7329C11.3254 18.5837 11.4281 18.3855 11.4281 18.1384L11.4289 18.1368Z",
-											"fill": "white"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_56",
-											"d": "M15.7455 17.267C15.7455 17.6673 15.6765 18.0188 15.5377 18.3221C15.3989 18.6245 15.2015 18.858 14.9448 19.0217C14.688 19.1854 14.3911 19.2664 14.0542 19.2664C13.5463 19.2664 13.1355 19.0843 12.8234 18.7208C12.5105 18.3574 12.354 17.8663 12.354 17.2493V16.8008C12.354 16.4045 12.4246 16.053 12.565 15.7473C12.7054 15.4417 12.9044 15.2066 13.1612 15.0421C13.4179 14.8776 13.714 14.7958 14.0485 14.7958C14.3831 14.7958 14.6784 14.8768 14.9343 15.0381C15.1903 15.1994 15.3876 15.4272 15.5273 15.7225C15.6669 16.0177 15.7391 16.3587 15.7455 16.7479V17.2678V17.267ZM15.378 16.7944C15.378 16.2705 15.2593 15.8597 15.0226 15.5628C14.7851 15.2659 14.4609 15.1175 14.0485 15.1175C13.6361 15.1175 13.3216 15.2667 13.0817 15.5644C12.8418 15.8621 12.7215 16.2785 12.7215 16.8121V17.2662C12.7215 17.7821 12.841 18.1913 13.0801 18.4929C13.3192 18.7946 13.6442 18.9455 14.0542 18.9455C14.4642 18.9455 14.7955 18.7962 15.0282 18.4986C15.2617 18.2009 15.378 17.7861 15.378 17.2541V16.7936V16.7944Z",
-											"fill": "white"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_57",
-											"d": "M19.6922 17.8495C19.6425 18.3076 19.4788 18.6583 19.2004 18.9014C18.922 19.1445 18.5521 19.2656 18.09 19.2656C17.7674 19.2656 17.4818 19.1846 17.2339 19.0233C16.9859 18.862 16.7942 18.6334 16.6586 18.3373C16.523 18.0413 16.454 17.7035 16.4524 17.3224V16.7575C16.4524 16.3708 16.5198 16.0282 16.6554 15.7297C16.791 15.4312 16.9859 15.2002 17.2395 15.0381C17.4938 14.876 17.7859 14.7942 18.1164 14.7942C18.5826 14.7942 18.9509 14.9194 19.2205 15.1705C19.49 15.4216 19.6473 15.769 19.6914 16.2135H19.3208C19.2293 15.4746 18.8273 15.1047 18.1164 15.1047C17.7217 15.1047 17.408 15.2523 17.1737 15.5476C16.9394 15.8428 16.8223 16.2504 16.8223 16.7712V17.3039C16.8223 17.8062 16.9362 18.2073 17.1641 18.5058C17.3919 18.8051 17.7008 18.9543 18.0892 18.9543C18.4775 18.9543 18.7631 18.862 18.9589 18.6775C19.1539 18.493 19.275 18.217 19.3208 17.8479H19.6914L19.6922 17.8495Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_58",
-									"d": "M6.00195 13.5538H22.5871",
-									"stroke": "white",
-									"stroke-width": "0.111926",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group_4"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_59",
-									"d": "M8.72524 21.7257C8.71722 21.7089 8.71 21.68 8.70518 21.6374C8.63859 21.7064 8.55916 21.7409 8.46609 21.7409C8.38345 21.7409 8.31525 21.7177 8.26229 21.6711C8.20934 21.6246 8.18286 21.5652 8.18286 21.493C8.18286 21.4056 8.21576 21.3382 8.28235 21.2892C8.34895 21.2411 8.44202 21.217 8.56237 21.217H8.70197V21.1512C8.70197 21.1015 8.68673 21.0614 8.65704 21.0317C8.62736 21.002 8.58323 20.9868 8.52466 20.9868C8.47331 20.9868 8.43078 20.9996 8.39628 21.0253C8.36178 21.0509 8.34413 21.0822 8.34413 21.1191H8.19971C8.19971 21.0774 8.21496 21.0365 8.24464 20.998C8.27433 20.9587 8.31444 20.9282 8.36579 20.9057C8.41634 20.8833 8.47251 20.8712 8.53348 20.8712C8.63057 20.8712 8.70599 20.8953 8.76055 20.9434C8.8151 20.9916 8.84399 21.0582 8.84559 21.1432V21.5291C8.84559 21.6062 8.85522 21.6671 8.87528 21.7129V21.7249H8.72444L8.72524 21.7257ZM8.48695 21.6166C8.53188 21.6166 8.5744 21.6046 8.61452 21.5821C8.65464 21.5588 8.68432 21.5283 8.70197 21.4914V21.3189H8.58965C8.41393 21.3189 8.32568 21.3703 8.32568 21.473C8.32568 21.5179 8.34092 21.5532 8.37061 21.5781C8.4003 21.6037 8.43881 21.6158 8.48615 21.6158L8.48695 21.6166Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_60",
-									"d": "M9.03174 20.6642C9.03174 20.6409 9.03896 20.6209 9.0534 20.6056C9.06784 20.5904 9.0887 20.5815 9.11679 20.5815C9.14487 20.5815 9.16573 20.5896 9.18017 20.6056C9.19461 20.6217 9.20183 20.6409 9.20183 20.6642C9.20183 20.6875 9.19461 20.7067 9.18017 20.722C9.16573 20.7372 9.14487 20.7452 9.11679 20.7452C9.0887 20.7452 9.06784 20.7372 9.0534 20.722C9.03896 20.7067 9.03174 20.6866 9.03174 20.6642ZM9.18659 21.7257H9.04297V20.8864H9.18659V21.7257Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_61",
-									"d": "M9.71276 21.6246C9.76411 21.6246 9.80824 21.6094 9.84675 21.5781C9.88526 21.5468 9.90612 21.5083 9.91013 21.4618H10.0457C10.0433 21.5099 10.0265 21.5556 9.99598 21.599C9.96549 21.6423 9.92457 21.6768 9.87403 21.7025C9.82348 21.7281 9.76892 21.741 9.71276 21.741C9.59882 21.741 9.50736 21.7025 9.43996 21.6262C9.37257 21.55 9.33887 21.4457 9.33887 21.3133V21.2893C9.33887 21.2074 9.35411 21.1352 9.3838 21.071C9.41348 21.0076 9.45681 20.9579 9.51297 20.9226C9.56914 20.8873 9.63573 20.8696 9.71195 20.8696C9.80583 20.8696 9.88446 20.8977 9.94624 20.9539C10.0088 21.01 10.0417 21.0831 10.0457 21.1737H9.91013C9.90612 21.1192 9.88526 21.075 9.84835 21.0397C9.81144 21.0052 9.76571 20.9876 9.71115 20.9876C9.63814 20.9876 9.58198 21.0141 9.54186 21.0662C9.50174 21.1184 9.48168 21.1946 9.48168 21.2941V21.3213C9.48168 21.4184 9.50174 21.4922 9.54106 21.5444C9.58117 21.5965 9.63814 21.623 9.71195 21.623L9.71276 21.6246Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_62",
-									"d": "M10.877 21.3156C10.877 21.4432 10.8481 21.5459 10.7895 21.6245C10.731 21.7024 10.6523 21.7417 10.552 21.7417C10.4518 21.7417 10.3699 21.7096 10.3113 21.6446V22.049H10.1677V20.8872H10.2985L10.3057 20.9803C10.3643 20.9081 10.4453 20.8719 10.5488 20.8719C10.6523 20.8719 10.7294 20.9097 10.7879 20.9859C10.8465 21.0621 10.8762 21.168 10.8762 21.3028V21.3156H10.877ZM10.7334 21.2996C10.7334 21.2049 10.7133 21.1303 10.6732 21.0757C10.6331 21.0212 10.5777 20.9939 10.5071 20.9939C10.4205 20.9939 10.3555 21.0324 10.3113 21.1094V21.5106C10.3547 21.5868 10.4197 21.6253 10.5087 21.6253C10.5777 21.6253 10.6323 21.5981 10.6724 21.5435C10.7133 21.4889 10.7334 21.4079 10.7334 21.3004V21.2996Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_63",
-									"d": "M11.5373 21.7257C11.5292 21.7089 11.522 21.68 11.5172 21.6374C11.4506 21.7064 11.3712 21.7409 11.2781 21.7409C11.1955 21.7409 11.1273 21.7177 11.0743 21.6711C11.0214 21.6246 10.9949 21.5652 10.9949 21.493C10.9949 21.4056 11.0278 21.3382 11.0944 21.2892C11.161 21.2411 11.254 21.217 11.3744 21.217H11.514V21.1512C11.514 21.1015 11.4987 21.0614 11.4691 21.0317C11.4394 21.002 11.3952 20.9868 11.3367 20.9868C11.2853 20.9868 11.2428 20.9996 11.2083 21.0253C11.1738 21.0509 11.1561 21.0822 11.1561 21.1191H11.0117C11.0117 21.0774 11.027 21.0365 11.0567 20.998C11.0863 20.9587 11.1265 20.9282 11.1778 20.9057C11.2284 20.8833 11.2845 20.8712 11.3455 20.8712C11.4426 20.8712 11.518 20.8953 11.5726 20.9434C11.6271 20.9916 11.656 21.0582 11.6576 21.1432V21.5291C11.6576 21.6062 11.6672 21.6671 11.6873 21.7129V21.7249H11.5365L11.5373 21.7257ZM11.299 21.6166C11.3439 21.6166 11.3864 21.6046 11.4265 21.5821C11.4666 21.5588 11.4963 21.5283 11.514 21.4914V21.3189H11.4017C11.2259 21.3189 11.1377 21.3703 11.1377 21.473C11.1377 21.5179 11.1529 21.5532 11.1826 21.5781C11.2123 21.6037 11.2508 21.6158 11.2982 21.6158L11.299 21.6166Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_64",
-									"d": "M11.8462 21.6511C11.8462 21.6262 11.8534 21.6054 11.8687 21.5893C11.8839 21.5733 11.9056 21.5645 11.9353 21.5645C11.9649 21.5645 11.9874 21.5725 12.0026 21.5893C12.0179 21.6062 12.0259 21.6262 12.0259 21.6511C12.0259 21.676 12.0179 21.6944 12.0026 21.7105C11.9874 21.7265 11.9649 21.7346 11.9353 21.7346C11.9056 21.7346 11.8839 21.7265 11.8687 21.7105C11.8534 21.6944 11.8462 21.6744 11.8462 21.6511Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_65",
-									"d": "M12.1841 21.2988C12.1841 21.217 12.2001 21.1423 12.2322 21.0773C12.2643 21.0124 12.3092 20.961 12.367 20.9257C12.4248 20.8904 12.4906 20.8719 12.5644 20.8719C12.6783 20.8719 12.7714 20.9113 12.842 20.9907C12.9126 21.0701 12.9479 21.1752 12.9479 21.306V21.3164C12.9479 21.3983 12.9327 21.4713 12.9014 21.5363C12.8701 21.6013 12.8252 21.6518 12.7674 21.6879C12.7088 21.724 12.6422 21.7425 12.5668 21.7425C12.4529 21.7425 12.3606 21.7032 12.29 21.6237C12.2194 21.5443 12.1841 21.44 12.1841 21.31V21.2996V21.2988ZM12.3277 21.3156C12.3277 21.4087 12.3494 21.4833 12.3927 21.5395C12.436 21.5957 12.4938 21.6237 12.566 21.6237C12.6382 21.6237 12.6968 21.5949 12.7393 21.5379C12.7818 21.4809 12.8035 21.4007 12.8035 21.298C12.8035 21.2057 12.7818 21.1311 12.7377 21.0741C12.6944 21.0172 12.6358 20.9883 12.5636 20.9883C12.4914 20.9883 12.436 21.0164 12.3919 21.0725C12.3478 21.1287 12.3269 21.2097 12.3269 21.3148L12.3277 21.3156Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_66",
-									"d": "M13.4936 21.0156C13.472 21.0124 13.4487 21.01 13.423 21.01C13.3292 21.01 13.265 21.0501 13.2313 21.1304V21.7257H13.0876V20.8865H13.2273L13.2297 20.9835C13.277 20.9089 13.3436 20.8712 13.4294 20.8712C13.4575 20.8712 13.4784 20.8744 13.4928 20.8824V21.0156H13.4936Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_67",
-									"d": "M13.5361 21.2996C13.5361 21.1688 13.5666 21.0645 13.6268 20.9875C13.687 20.9105 13.7672 20.8719 13.8675 20.8719C13.9678 20.8719 14.0496 20.9081 14.1074 20.9803L14.1146 20.8872H14.2454V21.7064C14.2454 21.8147 14.2133 21.9005 14.1491 21.9631C14.0849 22.0257 13.9983 22.057 13.89 22.057C13.8298 22.057 13.7704 22.0442 13.7126 22.0185C13.6549 21.9928 13.6107 21.9575 13.5803 21.9126L13.6549 21.8267C13.7167 21.903 13.7913 21.9407 13.8803 21.9407C13.9501 21.9407 14.0047 21.9206 14.0432 21.8821C14.0825 21.8428 14.1018 21.7874 14.1018 21.716V21.6438C14.044 21.7104 13.9662 21.7433 13.8667 21.7433C13.7672 21.7433 13.6894 21.704 13.6284 21.6245C13.5674 21.5451 13.5369 21.4376 13.5369 21.3012L13.5361 21.2996ZM13.6806 21.3156C13.6806 21.4103 13.6998 21.4849 13.7391 21.5387C13.7776 21.5924 13.8322 21.6197 13.902 21.6197C13.9927 21.6197 14.0593 21.5788 14.101 21.4962V21.1135C14.0568 21.0332 13.9911 20.9931 13.9036 20.9931C13.8338 20.9931 13.7792 21.0204 13.7399 21.0749C13.7006 21.1295 13.6814 21.2097 13.6814 21.3164L13.6806 21.3156Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_68",
-									"d": "M14.4505 21.8228H14.3269L14.7987 20.5968H14.9214L14.4505 21.8228Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_69",
-									"d": "M15.5251 21.5035C15.5251 21.4649 15.5107 21.4345 15.481 21.4128C15.4521 21.3911 15.4008 21.3727 15.3286 21.3574C15.2556 21.3422 15.1986 21.3229 15.1553 21.3013C15.1127 21.2796 15.0815 21.2539 15.0606 21.2234C15.0405 21.1938 15.0301 21.1577 15.0301 21.1167C15.0301 21.0477 15.059 20.99 15.1176 20.9426C15.1761 20.8953 15.2499 20.8712 15.3406 20.8712C15.4361 20.8712 15.5131 20.8961 15.5717 20.945C15.6311 20.994 15.6607 21.0574 15.6607 21.1336H15.5163C15.5163 21.0943 15.4995 21.0606 15.4666 21.0317C15.4337 21.0028 15.3912 20.9892 15.3406 20.9892C15.2901 20.9892 15.2475 21.0004 15.2179 21.0237C15.1882 21.0461 15.1737 21.0758 15.1737 21.1127C15.1737 21.1472 15.1874 21.1737 15.2146 21.1913C15.2419 21.209 15.2917 21.2258 15.3631 21.2419C15.4345 21.2579 15.4931 21.2772 15.5372 21.2997C15.5813 21.3221 15.6142 21.3486 15.6359 21.3799C15.6575 21.4112 15.668 21.4489 15.668 21.4946C15.668 21.5692 15.6383 21.6294 15.5781 21.6752C15.5179 21.7201 15.4401 21.7434 15.3446 21.7434C15.2772 21.7434 15.2179 21.7313 15.1665 21.7081C15.1152 21.684 15.0742 21.6511 15.0453 21.6086C15.0165 21.566 15.0012 21.5195 15.0012 21.4698H15.1448C15.1472 21.5179 15.1665 21.5556 15.2026 21.5845C15.2387 21.6134 15.2861 21.627 15.3446 21.627C15.3992 21.627 15.4425 21.6158 15.4754 21.5941C15.5083 21.5725 15.5243 21.5428 15.5243 21.5059L15.5251 21.5035Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_70",
-									"d": "M15.7778 21.2988C15.7778 21.217 15.7939 21.1423 15.826 21.0773C15.8581 21.0124 15.903 20.961 15.9608 20.9257C16.0185 20.8904 16.0843 20.8719 16.1581 20.8719C16.2721 20.8719 16.3651 20.9113 16.4358 20.9907C16.5064 21.0701 16.5417 21.1752 16.5417 21.306V21.3164C16.5417 21.3983 16.5264 21.4713 16.4951 21.5363C16.4638 21.6013 16.4189 21.6518 16.3611 21.6879C16.3026 21.724 16.236 21.7425 16.1605 21.7425C16.0466 21.7425 15.9543 21.7032 15.8837 21.6237C15.8131 21.5443 15.7778 21.44 15.7778 21.31V21.2996V21.2988ZM15.9223 21.3156C15.9223 21.4087 15.9439 21.4833 15.9872 21.5395C16.0306 21.5957 16.0883 21.6237 16.1605 21.6237C16.2328 21.6237 16.2913 21.5949 16.3339 21.5379C16.3764 21.4809 16.398 21.4007 16.398 21.298C16.398 21.2057 16.3764 21.1311 16.3322 21.0741C16.2889 21.0172 16.2304 20.9883 16.1581 20.9883C16.0859 20.9883 16.0306 21.0164 15.9864 21.0725C15.9423 21.1287 15.9215 21.2097 15.9215 21.3148L15.9223 21.3156Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_71",
-									"d": "M17.0182 21.6246C17.0695 21.6246 17.1137 21.6094 17.1522 21.5781C17.1907 21.5468 17.2115 21.5083 17.2156 21.4618H17.3511C17.3487 21.5099 17.3319 21.5556 17.3014 21.599C17.2709 21.6423 17.23 21.6768 17.1794 21.7025C17.1289 21.7281 17.0743 21.741 17.0182 21.741C16.9042 21.741 16.8128 21.7025 16.7454 21.6262C16.678 21.55 16.6443 21.4457 16.6443 21.3133V21.2893C16.6443 21.2074 16.6595 21.1352 16.6892 21.071C16.7189 21.0076 16.7622 20.9579 16.8184 20.9226C16.8746 20.8873 16.9412 20.8696 17.0174 20.8696C17.1112 20.8696 17.1899 20.8977 17.2517 20.9539C17.3142 21.01 17.3471 21.0831 17.3511 21.1737H17.2156C17.2115 21.1192 17.1907 21.075 17.1538 21.0397C17.1169 21.0052 17.0711 20.9876 17.0166 20.9876C16.9436 20.9876 16.8874 21.0141 16.8473 21.0662C16.8072 21.1184 16.7871 21.1946 16.7871 21.2941V21.3213C16.7871 21.4184 16.8072 21.4922 16.8465 21.5444C16.8866 21.5965 16.9436 21.623 17.0174 21.623L17.0182 21.6246Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_72",
-									"d": "M18.0637 21.3469H18.2202V21.4641H18.0637V21.7264H17.9193V21.4641H17.405V21.3798L17.9105 20.5975H18.0629V21.3477L18.0637 21.3469ZM17.5687 21.3469H17.9201V20.7933L17.9033 20.8246L17.5687 21.3469Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_73",
-									"d": "M18.814 21.5035C18.814 21.4649 18.7995 21.4345 18.7698 21.4128C18.7402 21.3911 18.6896 21.3727 18.6174 21.3574C18.5444 21.3422 18.4874 21.3229 18.4441 21.3013C18.4016 21.2796 18.3703 21.2539 18.3494 21.2234C18.3294 21.1938 18.3189 21.1577 18.3189 21.1167C18.3189 21.0477 18.3478 20.99 18.4064 20.9426C18.4649 20.8953 18.5388 20.8712 18.6294 20.8712C18.7249 20.8712 18.8019 20.8961 18.8605 20.945C18.9199 20.994 18.9496 21.0574 18.9496 21.1336H18.8051C18.8051 21.0943 18.7883 21.0606 18.7554 21.0317C18.7217 21.0036 18.68 20.9892 18.6294 20.9892C18.5789 20.9892 18.5364 21.0004 18.5067 21.0237C18.477 21.0461 18.4625 21.0758 18.4625 21.1127C18.4625 21.1472 18.4762 21.1737 18.5035 21.1913C18.5307 21.209 18.5805 21.2258 18.6519 21.2419C18.7233 21.2579 18.7819 21.2772 18.826 21.2997C18.8701 21.3221 18.903 21.3486 18.9247 21.3799C18.9464 21.4112 18.9568 21.4489 18.9568 21.4946C18.9568 21.5692 18.9271 21.6294 18.8669 21.6752C18.8067 21.7201 18.7289 21.7434 18.6334 21.7434C18.566 21.7434 18.5067 21.7313 18.4553 21.7081C18.404 21.684 18.3631 21.6511 18.3342 21.6086C18.3053 21.566 18.29 21.5195 18.29 21.4698H18.4337C18.4361 21.5179 18.4553 21.5556 18.4914 21.5845C18.5275 21.6126 18.5749 21.627 18.6334 21.627C18.688 21.627 18.7313 21.6158 18.7642 21.5941C18.7971 21.5725 18.8132 21.5428 18.8132 21.5059L18.814 21.5035Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_74",
-									"d": "M19.0664 21.2988C19.0664 21.217 19.0825 21.1423 19.1145 21.0773C19.1466 21.0116 19.1916 20.961 19.2493 20.9257C19.3071 20.8904 19.3729 20.8719 19.4467 20.8719C19.5606 20.8719 19.6537 20.9113 19.7243 20.9907C19.7949 21.0701 19.8302 21.1752 19.8302 21.306V21.3164C19.8302 21.3983 19.815 21.4713 19.7837 21.5363C19.7524 21.6013 19.7075 21.6518 19.6497 21.6879C19.5911 21.724 19.5245 21.7425 19.4491 21.7425C19.3352 21.7425 19.2429 21.7032 19.1723 21.6237C19.1017 21.5443 19.0664 21.44 19.0664 21.31V21.2996V21.2988ZM19.21 21.3156C19.21 21.4087 19.2317 21.4833 19.275 21.5395C19.3183 21.5957 19.3761 21.6237 19.4483 21.6237C19.5205 21.6237 19.5791 21.5949 19.6216 21.5379C19.665 21.4809 19.6858 21.4007 19.6858 21.298C19.6858 21.2057 19.6641 21.1311 19.62 21.0741C19.5767 21.0172 19.5181 20.9883 19.4459 20.9883C19.3737 20.9883 19.3183 21.0164 19.2742 21.0725C19.2301 21.1287 19.2092 21.2097 19.2092 21.3148L19.21 21.3156Z",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_75",
-							"d": "M25.8569 25.0298V25.1269H25.67V25.6147H25.5536V25.1269H25.3667V25.0298H25.8569ZM26.4892 25.6147L26.4675 25.2713C26.4651 25.2264 26.4651 25.1702 26.4635 25.1076H26.4571C26.4418 25.159 26.425 25.228 26.4073 25.2817L26.3022 25.6059H26.1819L26.0768 25.2729C26.0663 25.228 26.0487 25.159 26.0358 25.1076H26.0294C26.0294 25.1614 26.027 25.2175 26.0254 25.2713L26.0038 25.6147H25.8922L25.9356 25.0306H26.1097L26.2108 25.3162C26.2236 25.3612 26.234 25.4045 26.2493 25.4647H26.2517C26.2669 25.4109 26.2798 25.3612 26.2926 25.3186L26.3937 25.0306H26.5614L26.6063 25.6147H26.49H26.4892Z",
-							"fill": "#231F20"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_6186_11887",
-							"x1": "28",
-							"y1": "14",
-							"x2": "0",
-							"y2": "14",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#2161AD"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.18",
-									"stop-color": "#1F69B3"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.47",
-									"stop-color": "#1C82C4"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.84",
-									"stop-color": "#16A9E1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#14BDEF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_6186_11887",
-							"x1": "3.13623",
-							"y1": "13.9999",
-							"x2": "24.8636",
-							"y2": "13.9999",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#2161AD"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.18",
-									"stop-color": "#1F69B3"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.47",
-									"stop-color": "#1C82C4"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.84",
-									"stop-color": "#16A9E1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#14BDEF"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Soc2"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "28",
+      "height": "28",
+      "viewBox": "0 0 28 28",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group 7"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28Z",
+              "fill": "url(#paint0_linear_6186_11887)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M13.9999 24.8636C19.9997 24.8636 24.8636 19.9997 24.8636 13.9999C24.8636 8.00006 19.9997 3.13623 13.9999 3.13623C8.00006 3.13623 3.13623 8.00006 3.13623 13.9999C3.13623 19.9997 8.00006 24.8636 13.9999 24.8636Z",
+              "fill": "url(#paint1_linear_6186_11887)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_3",
+                  "d": "M5.43048 23.2492C5.46819 23.2107 5.48424 23.1666 5.47862 23.1177C5.473 23.0687 5.44412 22.9997 5.39197 22.909C5.33901 22.8192 5.30772 22.7462 5.29809 22.69C5.28365 22.6106 5.30291 22.5432 5.35586 22.4878C5.40721 22.4341 5.4714 22.4124 5.54762 22.4212C5.62384 22.43 5.69605 22.4678 5.76425 22.5344C5.81079 22.5793 5.84368 22.6282 5.86294 22.6812C5.8822 22.7341 5.88621 22.7871 5.87578 22.8384C5.86535 22.8898 5.84048 22.9355 5.80277 22.9748L5.74339 22.9171C5.78993 22.8689 5.80999 22.8152 5.80597 22.755C5.80116 22.6948 5.77147 22.6379 5.71692 22.5841C5.66316 22.5327 5.6094 22.5031 5.55484 22.4966C5.50028 22.4902 5.45455 22.5055 5.41684 22.544C5.38234 22.5793 5.3687 22.6226 5.37512 22.6724C5.38154 22.7221 5.40802 22.7863 5.45455 22.8641C5.50028 22.9419 5.53077 23.0053 5.54521 23.0551C5.55966 23.1048 5.56287 23.1497 5.55404 23.1915C5.54522 23.2332 5.52435 23.2709 5.49066 23.3054C5.4377 23.3608 5.37271 23.3832 5.29649 23.3736C5.22027 23.364 5.14645 23.3247 5.07424 23.2557C5.0253 23.2083 4.98839 23.1554 4.96432 23.0984C4.94025 23.0414 4.93303 22.9861 4.94186 22.9339C4.95148 22.8818 4.97555 22.8352 5.01487 22.7943L5.07424 22.8513C5.0269 22.9002 5.00765 22.9572 5.01647 23.0214C5.0261 23.0856 5.0606 23.1465 5.12158 23.2059C5.17614 23.2581 5.2315 23.2885 5.28686 23.2966C5.34303 23.3046 5.39036 23.2885 5.42888 23.2492H5.43048Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_4",
+                  "d": "M6.31617 23.7556C6.2584 23.8238 6.19662 23.8744 6.12923 23.9065C6.06183 23.9386 5.99524 23.9498 5.92784 23.941C5.86044 23.9321 5.79786 23.9033 5.74009 23.8551C5.65344 23.7821 5.60931 23.6922 5.60771 23.5855C5.6061 23.4788 5.65023 23.3721 5.73849 23.267L5.80268 23.19C5.85964 23.1226 5.92223 23.072 5.98962 23.0399C6.05702 23.0078 6.12522 22.9958 6.19261 23.0046C6.26001 23.0135 6.32259 23.0415 6.37956 23.0897C6.43652 23.1378 6.47584 23.194 6.4967 23.2582C6.51756 23.3224 6.51836 23.3898 6.49991 23.4604C6.48145 23.531 6.44455 23.6 6.38999 23.6666L6.31537 23.7556H6.31617ZM6.32099 23.6224C6.39641 23.5326 6.43492 23.4459 6.43652 23.3609C6.43893 23.2758 6.40443 23.2044 6.33382 23.145C6.26482 23.0873 6.1886 23.0664 6.10436 23.0825C6.02091 23.0993 5.94068 23.1531 5.86365 23.2437L5.79866 23.3216C5.72485 23.4098 5.68634 23.4965 5.68393 23.5823C5.68152 23.6682 5.71522 23.7404 5.78583 23.7998C5.85724 23.8591 5.93426 23.8808 6.0161 23.8631C6.09874 23.8455 6.17817 23.7917 6.25439 23.7003L6.32018 23.6216L6.32099 23.6224Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_5",
+                  "d": "M6.97267 24.3966C6.90367 24.4728 6.82825 24.5153 6.74641 24.5226C6.66457 24.5306 6.58113 24.5041 6.49769 24.4439C6.43912 24.4022 6.3982 24.3501 6.37413 24.2883C6.35006 24.2265 6.34524 24.1599 6.35969 24.0893C6.37413 24.0187 6.40542 23.9481 6.45516 23.8791L6.52898 23.7772C6.57953 23.7074 6.63649 23.6536 6.69988 23.6175C6.76326 23.5814 6.82905 23.5646 6.89565 23.5686C6.96304 23.5726 7.02643 23.5959 7.0866 23.6392C7.17085 23.7002 7.2214 23.7708 7.23744 23.8518C7.25349 23.9328 7.23664 24.0155 7.1869 24.1021L7.1195 24.054C7.19973 23.908 7.17486 23.7892 7.04649 23.6961C6.97508 23.6448 6.89886 23.6304 6.81782 23.6536C6.73678 23.6769 6.66217 23.7347 6.59477 23.8293L6.52497 23.9256C6.45918 24.0163 6.42788 24.1037 6.43029 24.188C6.4327 24.2722 6.4688 24.3388 6.53941 24.3902C6.60921 24.4407 6.6734 24.4616 6.73277 24.4536C6.79215 24.4455 6.84991 24.411 6.90608 24.3509L6.97347 24.399L6.97267 24.3966Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_6",
+                  "d": "M7.31909 24.9735L7.65768 24.4119L7.55578 24.3501L7.58948 24.2939L7.69138 24.3557L7.73631 24.2811C7.77482 24.2177 7.81975 24.1792 7.87271 24.1648C7.92566 24.1503 7.98022 24.1607 8.03799 24.1952C8.06366 24.2105 8.08613 24.2289 8.10458 24.249L8.06527 24.3028C8.04922 24.2867 8.02996 24.2723 8.0075 24.2586C7.96979 24.2362 7.93368 24.2297 7.89838 24.241C7.86308 24.2522 7.83259 24.2787 7.80691 24.322L7.76038 24.399L7.90801 24.4881L7.87431 24.5443L7.72668 24.4552L7.38809 25.0168L7.31989 24.9751L7.31909 24.9735Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_7",
+                  "d": "M7.82238 24.8435C7.85528 24.7825 7.8962 24.7336 7.94675 24.6975C7.99649 24.6614 8.05105 24.6413 8.10882 24.6373C8.16659 24.6333 8.22275 24.6461 8.27811 24.6758C8.36236 24.7216 8.41531 24.7874 8.43617 24.8756C8.45703 24.9631 8.44099 25.0561 8.38803 25.154L8.38001 25.1685C8.34711 25.2302 8.30539 25.2792 8.25565 25.3153C8.2059 25.3514 8.15214 25.3715 8.09438 25.3755C8.03661 25.3787 7.98044 25.3658 7.92589 25.3361C7.84164 25.2912 7.78949 25.2246 7.76863 25.1372C7.74777 25.0497 7.76381 24.9566 7.81597 24.8588L7.82319 24.8443L7.82238 24.8435ZM7.88256 24.9013C7.84164 24.9775 7.828 25.0505 7.84084 25.1203C7.85367 25.1901 7.89219 25.2423 7.95637 25.2768C8.01976 25.3105 8.08395 25.3137 8.14974 25.2864C8.21553 25.2591 8.26929 25.2054 8.31261 25.1251L8.31983 25.1115C8.34631 25.0634 8.36075 25.0136 8.36476 24.9639C8.36878 24.9141 8.35995 24.8692 8.33909 24.8291C8.31823 24.7898 8.28694 24.7585 8.24522 24.736C8.18263 24.7023 8.11845 24.6991 8.05265 24.7272C7.98686 24.7553 7.9323 24.809 7.88978 24.8884L7.88256 24.9013Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_8",
+                  "d": "M8.97134 25.1115C8.9577 25.101 8.94166 25.0922 8.92481 25.0842C8.87988 25.0625 8.83575 25.0577 8.79242 25.0673C8.7491 25.0778 8.70978 25.1034 8.67368 25.1452L8.46106 25.5929L8.38965 25.5592L8.69855 24.9069L8.76915 24.9406L8.72101 25.0449C8.79563 24.9855 8.87506 24.9767 8.95931 25.016C8.97937 25.0256 8.99381 25.036 9.00344 25.0465L8.97054 25.1115H8.97134Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_9",
+                  "d": "M9.77199 25.8825C9.79124 25.832 9.78883 25.7854 9.76476 25.7429C9.74069 25.7004 9.68614 25.6474 9.60269 25.5857C9.51925 25.5239 9.46148 25.4685 9.43019 25.4212C9.38526 25.3538 9.37643 25.284 9.40371 25.2126C9.43019 25.1436 9.47994 25.0978 9.55375 25.0762C9.62757 25.0545 9.7086 25.0609 9.79766 25.0946C9.85784 25.1179 9.90758 25.15 9.94609 25.1909C9.98461 25.2326 10.0095 25.2784 10.0199 25.3305C10.0303 25.3819 10.0255 25.4332 10.0063 25.4846L9.92924 25.4549C9.95251 25.3931 9.95091 25.3345 9.92283 25.2808C9.89474 25.227 9.845 25.1861 9.77359 25.1596C9.70459 25.1331 9.64281 25.1275 9.58986 25.1428C9.5369 25.158 9.5008 25.1909 9.48234 25.2407C9.46469 25.2872 9.4687 25.3313 9.49518 25.3746C9.52085 25.418 9.5706 25.4661 9.64361 25.5191C9.71663 25.572 9.76958 25.6186 9.80247 25.6587C9.83537 25.6988 9.85623 25.7389 9.86426 25.7806C9.87228 25.8224 9.86827 25.8649 9.85142 25.9106C9.82414 25.982 9.77359 26.0286 9.70058 26.0502C9.62676 26.0719 9.54332 26.0647 9.45025 26.0294C9.38606 26.0053 9.3315 25.9716 9.28737 25.9283C9.24244 25.8849 9.21436 25.8376 9.20233 25.7862C9.19029 25.7349 9.1943 25.6819 9.21436 25.629L9.29139 25.6579C9.26732 25.7221 9.27213 25.7814 9.30583 25.8368C9.33953 25.8922 9.39569 25.9347 9.47512 25.9652C9.54573 25.9916 9.60831 25.9981 9.66287 25.9828C9.71743 25.9676 9.75433 25.9347 9.77439 25.8833L9.77199 25.8825Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_10",
+                  "d": "M10.2131 26.2917C10.1545 26.2733 10.1064 26.2428 10.0679 26.1995C10.0294 26.1561 10.0053 26.104 9.99485 26.0446C9.98442 25.9844 9.98924 25.9226 10.0093 25.8585L10.0181 25.8312C10.039 25.7646 10.0703 25.7092 10.112 25.6643C10.1537 25.6194 10.2027 25.5889 10.258 25.5728C10.3134 25.5568 10.3679 25.5568 10.4209 25.5728C10.5043 25.5985 10.5621 25.6482 10.5934 25.7205C10.6247 25.7927 10.6247 25.8785 10.5942 25.9772L10.5806 26.0197L10.0887 25.8673L10.0839 25.8817C10.0598 25.9596 10.0623 26.0318 10.0903 26.0976C10.1192 26.1633 10.1674 26.2067 10.2356 26.2283C10.2765 26.2412 10.315 26.2444 10.3503 26.2396C10.3856 26.2348 10.4217 26.2195 10.4578 26.1946L10.4939 26.246C10.4129 26.3094 10.319 26.3246 10.2123 26.2917H10.2131ZM10.4008 25.6378C10.3439 25.6202 10.2885 25.6258 10.2364 25.6563C10.1842 25.686 10.1425 25.7349 10.112 25.8031L10.5252 25.9315L10.5276 25.9234C10.5461 25.8569 10.5437 25.7967 10.5212 25.7437C10.4987 25.6908 10.4578 25.6555 10.4008 25.6378Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_11",
+                  "d": "M11.1407 25.856C11.1254 25.8488 11.1078 25.8424 11.0893 25.8384C11.0412 25.8255 10.997 25.8287 10.9561 25.8472C10.916 25.8657 10.8823 25.8985 10.8542 25.9459L10.7299 26.4257L10.6528 26.4056L10.8334 25.7068L10.9088 25.726L10.8815 25.8376C10.9441 25.7654 11.0203 25.7413 11.1102 25.7646C11.1318 25.7702 11.1479 25.7774 11.1591 25.7862L11.139 25.856H11.1407Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_12",
+                  "d": "M11.3831 26.4659L11.7233 25.9123L11.8036 25.9292L11.392 26.5807L11.3286 26.5678L11.2114 25.8064L11.2917 25.8232L11.3831 26.4667V26.4659Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_13",
+                  "d": "M11.895 26.6737L11.8164 26.66L11.936 25.9484L12.0146 25.962L11.895 26.6737ZM11.9568 25.7406C11.9592 25.7261 11.9664 25.7141 11.9777 25.7053C11.9889 25.6964 12.0034 25.694 12.0194 25.6964C12.0362 25.6996 12.0483 25.7069 12.0563 25.7181C12.0643 25.7301 12.0675 25.743 12.0651 25.7582C12.0627 25.7727 12.0555 25.7847 12.0443 25.7927C12.033 25.8007 12.0186 25.804 12.0017 25.8007C11.9849 25.7983 11.9729 25.7911 11.9648 25.7791C11.9568 25.767 11.9544 25.7542 11.9568 25.7398V25.7406Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_14",
+                  "d": "M12.4061 26.6929C12.4615 26.7002 12.5096 26.6905 12.5505 26.664C12.5915 26.6376 12.6171 26.5999 12.626 26.5509L12.7022 26.5605C12.6942 26.6039 12.6757 26.6424 12.646 26.6745C12.6163 26.7074 12.5794 26.7314 12.5353 26.7459C12.4912 26.7603 12.4454 26.7651 12.3973 26.7595C12.3034 26.7475 12.2328 26.7058 12.1863 26.6336C12.1398 26.5613 12.1229 26.4699 12.1373 26.36L12.1406 26.3359C12.1494 26.2653 12.1694 26.2043 12.2015 26.153C12.2328 26.1016 12.2737 26.0647 12.3235 26.0406C12.3732 26.0166 12.4294 26.0085 12.4912 26.0166C12.5698 26.0262 12.6316 26.0583 12.6765 26.1112C12.7214 26.1642 12.7407 26.2292 12.7351 26.3062L12.6589 26.2966C12.6621 26.2404 12.6476 26.1923 12.6155 26.153C12.5826 26.1136 12.5385 26.0912 12.4823 26.084C12.4109 26.0751 12.3524 26.0936 12.3058 26.1401C12.2601 26.1867 12.2312 26.2565 12.2192 26.3495L12.216 26.3728C12.2047 26.4643 12.216 26.5381 12.2481 26.5942C12.281 26.6504 12.3339 26.6833 12.4053 26.6921L12.4061 26.6929Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_15",
+                  "d": "M13.1466 26.8301C13.0856 26.8261 13.0311 26.8068 12.9837 26.7739C12.9364 26.7402 12.9011 26.6961 12.877 26.6399C12.8529 26.5846 12.8433 26.5228 12.8481 26.4562L12.8497 26.4273C12.8545 26.3583 12.8722 26.2965 12.9027 26.2428C12.9332 26.189 12.9733 26.1481 13.0238 26.12C13.0744 26.0919 13.1265 26.0791 13.1827 26.0831C13.2702 26.0887 13.3376 26.1232 13.3849 26.1866C13.4322 26.25 13.4523 26.3326 13.4451 26.4361L13.4419 26.4811L12.9284 26.4458V26.461C12.9219 26.5429 12.9404 26.6119 12.9837 26.6696C13.027 26.7274 13.084 26.7587 13.1546 26.7635C13.1971 26.7667 13.2357 26.7611 13.2694 26.7483C13.3031 26.7354 13.3343 26.7122 13.3632 26.6801L13.4106 26.721C13.3464 26.802 13.2581 26.8381 13.1474 26.8309L13.1466 26.8301ZM13.1779 26.1505C13.1177 26.1465 13.0664 26.165 13.0222 26.2059C12.9781 26.2468 12.9492 26.3046 12.9356 26.3776L13.3672 26.4073V26.3984C13.3704 26.3294 13.3544 26.2717 13.3199 26.2251C13.2854 26.1794 13.2381 26.1537 13.1779 26.1497V26.1505Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_16",
+                  "d": "M14.6863 26.3993C14.6887 26.4884 14.6751 26.5678 14.6454 26.636C14.6165 26.7042 14.5732 26.7571 14.517 26.7949C14.4608 26.8326 14.395 26.8526 14.3196 26.8542C14.2065 26.8566 14.1134 26.8189 14.042 26.7395C13.9706 26.6601 13.9329 26.5517 13.9297 26.4137L13.9273 26.3135C13.9249 26.2252 13.9385 26.1466 13.9682 26.0776C13.9979 26.0086 14.0412 25.9548 14.0974 25.9171C14.1535 25.8794 14.2193 25.8593 14.2939 25.8569C14.3686 25.8553 14.4352 25.8714 14.4929 25.9059C14.5507 25.9404 14.5964 25.9901 14.6293 26.0551C14.6622 26.1201 14.6799 26.1963 14.6839 26.283L14.6871 26.3993H14.6863ZM14.602 26.2958C14.5988 26.1787 14.5707 26.088 14.5162 26.023C14.4616 25.958 14.3886 25.9267 14.2963 25.9291C14.2065 25.9315 14.1351 25.966 14.0829 26.0342C14.0308 26.1024 14.0067 26.1955 14.0091 26.3143L14.0115 26.4154C14.0147 26.5301 14.0436 26.6207 14.0982 26.6873C14.1535 26.7531 14.2265 26.7852 14.318 26.7828C14.4111 26.7804 14.4825 26.7459 14.533 26.6777C14.5836 26.6095 14.6069 26.5164 14.6044 26.3985L14.602 26.2958Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_17",
+                  "d": "M15.1989 26.1353C15.182 26.1337 15.1636 26.1337 15.1443 26.1353C15.0946 26.1393 15.0536 26.1562 15.0216 26.1866C14.9895 26.2171 14.9678 26.2597 14.9582 26.3134L14.9983 26.8077L14.9189 26.8141L14.8611 26.0952L14.9389 26.0888L14.9493 26.2027C14.9846 26.1144 15.0488 26.0663 15.1419 26.0591C15.1644 26.0575 15.182 26.0591 15.1949 26.0639L15.1989 26.1361V26.1353Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_18",
+                  "d": "M15.3144 26.4129C15.3 26.3005 15.3136 26.2091 15.3545 26.1369C15.3955 26.0646 15.4588 26.0237 15.5439 26.0125C15.641 25.9997 15.7204 26.0293 15.7814 26.0999L15.7718 25.9964L15.8456 25.9868L15.9362 26.6881C15.9483 26.7803 15.9314 26.8565 15.8873 26.9167C15.8424 26.9769 15.7766 27.013 15.6883 27.0242C15.6386 27.0307 15.5896 27.0258 15.5415 27.009C15.4933 26.9921 15.454 26.9673 15.4235 26.9336L15.4621 26.8798C15.527 26.9416 15.5976 26.9673 15.6755 26.9568C15.7413 26.948 15.791 26.9223 15.8223 26.8782C15.8544 26.8341 15.8664 26.7779 15.8592 26.7081L15.8472 26.6183C15.8055 26.6953 15.7365 26.7402 15.6394 26.753C15.5567 26.7635 15.4853 26.7394 15.4268 26.68C15.3682 26.6207 15.3313 26.534 15.3168 26.4217L15.3152 26.4113L15.3144 26.4129ZM15.3963 26.4161C15.4083 26.5075 15.4356 26.5773 15.4789 26.6247C15.5222 26.6728 15.5776 26.6921 15.6442 26.684C15.7413 26.6712 15.8047 26.6191 15.8343 26.526L15.791 26.193C15.7661 26.1497 15.7357 26.1184 15.6971 26.0983C15.6594 26.0791 15.6161 26.0719 15.5672 26.0783C15.5006 26.0871 15.4524 26.12 15.4219 26.177C15.3914 26.2339 15.3834 26.3134 15.3963 26.4153V26.4161Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_19",
+                  "d": "M16.6271 26.5773C16.615 26.5565 16.6038 26.5244 16.5934 26.4811C16.5725 26.522 16.5428 26.5565 16.5043 26.5838C16.4658 26.611 16.4225 26.6295 16.3743 26.6391C16.3061 26.652 16.2476 26.6439 16.1978 26.6142C16.1481 26.5846 16.1184 26.5404 16.1071 26.4827C16.0935 26.4137 16.112 26.3535 16.1617 26.3021C16.2115 26.2508 16.2877 26.2155 16.3904 26.1954L16.5324 26.1681L16.5171 26.0879C16.5075 26.0374 16.4842 26.0005 16.4473 25.9772C16.4104 25.9539 16.3623 25.9483 16.3021 25.9595C16.2476 25.97 16.205 25.9924 16.1745 26.0277C16.1441 26.0622 16.1328 26.1 16.14 26.1393L16.0614 26.1537C16.051 26.0975 16.067 26.0438 16.112 25.9924C16.1561 25.9411 16.2171 25.9082 16.2933 25.8938C16.3719 25.8785 16.4385 25.8865 16.4915 25.917C16.5444 25.9475 16.5789 25.9981 16.5934 26.0687L16.6576 26.404C16.6704 26.4722 16.688 26.5228 16.7089 26.5541L16.7105 26.5621L16.6271 26.5781V26.5773ZM16.3695 26.5685C16.4217 26.5581 16.4666 26.5364 16.5027 26.5035C16.5388 26.4706 16.5629 26.4305 16.5733 26.3848L16.5436 26.2291L16.4032 26.2564C16.3254 26.2725 16.2668 26.2981 16.2283 26.3342C16.1898 26.3703 16.1745 26.4129 16.1842 26.461C16.1922 26.5011 16.2131 26.5308 16.2476 26.5517C16.2821 26.5725 16.323 26.5781 16.3703 26.5685H16.3695Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_20",
+                  "d": "M16.8277 25.7934L16.8606 25.9122C16.8759 25.8624 16.8999 25.8215 16.9336 25.7886C16.9673 25.7557 17.0074 25.7333 17.0548 25.7212C17.1294 25.702 17.1912 25.7092 17.2385 25.7421C17.2859 25.775 17.3204 25.8336 17.3428 25.9178L17.46 26.3767L17.3829 26.3968L17.265 25.9379C17.2489 25.8753 17.2233 25.8328 17.1896 25.8087C17.1559 25.7846 17.1101 25.7798 17.0532 25.7951C17.005 25.8071 16.9665 25.8328 16.9376 25.8721C16.9088 25.9114 16.8919 25.9587 16.8871 26.0141L17.0099 26.4931L16.9328 26.5131L16.7539 25.8143L16.8277 25.7951V25.7934Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_21",
+                  "d": "M17.4094 25.4204C17.4054 25.406 17.4062 25.3923 17.4126 25.3795C17.4191 25.3667 17.4303 25.3578 17.4463 25.353C17.4624 25.3482 17.4768 25.349 17.4897 25.3562C17.5025 25.3634 17.5105 25.3739 17.5153 25.3883C17.5194 25.4028 17.5186 25.4164 17.5121 25.4284C17.5057 25.4413 17.4937 25.4501 17.4776 25.4549C17.4616 25.4597 17.4471 25.4589 17.4351 25.4517C17.4231 25.4445 17.4142 25.434 17.4102 25.4196L17.4094 25.4204ZM17.7689 26.2837L17.6927 26.307L17.4832 25.6162L17.5595 25.5929L17.7689 26.2837Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_22",
+                  "d": "M18.0281 26.1313L18.471 25.9772L18.4935 26.0406L17.9575 26.2267L17.9382 26.1714L18.1565 25.4669L17.7561 25.6057L17.7336 25.5399L18.2295 25.3674L18.2495 25.4244L18.0297 26.1297L18.0281 26.1313Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_23",
+                  "d": "M19.0799 25.8031C19.0639 25.7854 19.0462 25.7558 19.027 25.7156C19.0149 25.7598 18.9925 25.7999 18.9604 25.8344C18.9283 25.8689 18.889 25.8962 18.844 25.9146C18.7799 25.9411 18.7205 25.9443 18.6659 25.925C18.6114 25.9058 18.5728 25.8689 18.5504 25.8143C18.5239 25.7493 18.5295 25.6868 18.568 25.6266C18.6065 25.5664 18.6739 25.5167 18.7702 25.4765L18.9042 25.4212L18.8729 25.345C18.8529 25.2976 18.8232 25.2655 18.7823 25.2511C18.7413 25.2366 18.6932 25.2398 18.637 25.2631C18.5857 25.284 18.5488 25.3153 18.5255 25.3554C18.503 25.3955 18.499 25.434 18.5143 25.4709L18.4397 25.5006C18.418 25.4477 18.4236 25.3915 18.4565 25.3321C18.4902 25.2727 18.5424 25.2286 18.6146 25.1989C18.6892 25.1684 18.755 25.1628 18.8135 25.1821C18.8721 25.2013 18.9154 25.2447 18.9443 25.3105L19.0743 25.6258C19.1008 25.69 19.1281 25.7357 19.1545 25.7622L19.1578 25.7694L19.0791 25.8023L19.0799 25.8031ZM18.8264 25.8456C18.8761 25.8256 18.9146 25.7951 18.9435 25.755C18.9724 25.7148 18.9877 25.6715 18.9885 25.6242L18.9283 25.4773L18.7967 25.5319C18.7237 25.5632 18.6715 25.6001 18.641 25.6434C18.6106 25.6868 18.6041 25.7309 18.6234 25.7766C18.6386 25.8143 18.6659 25.8392 18.7036 25.8528C18.7413 25.8657 18.7831 25.8633 18.8272 25.8448L18.8264 25.8456Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_24",
+                  "d": "M19.083 24.8058L19.1616 24.9727L19.2964 24.9093L19.3245 24.9687L19.1897 25.032L19.3943 25.4677C19.4112 25.5038 19.4304 25.5279 19.4521 25.5391C19.4737 25.5504 19.4994 25.5496 19.5299 25.5351C19.5419 25.5295 19.5604 25.5183 19.5853 25.5014L19.6157 25.5584C19.5997 25.5744 19.5756 25.5897 19.5435 25.6049C19.4938 25.6282 19.4513 25.6306 19.4152 25.6129C19.3791 25.5945 19.3478 25.5576 19.3213 25.5022L19.1167 25.0665L18.9963 25.1227L18.9683 25.0633L19.0886 25.0072L19.01 24.8403L19.0822 24.8066L19.083 24.8058Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_25",
+                  "d": "M19.3438 24.6526C19.3374 24.639 19.3358 24.6254 19.3398 24.6117C19.3438 24.5981 19.3535 24.5876 19.3687 24.5796C19.384 24.5716 19.3984 24.5708 19.412 24.5756C19.4257 24.5804 19.4361 24.5893 19.4425 24.6029C19.449 24.6165 19.4506 24.6294 19.4465 24.643C19.4425 24.6566 19.4329 24.6671 19.4177 24.6751C19.4024 24.6831 19.388 24.6839 19.3751 24.6799C19.3623 24.6759 19.3519 24.6663 19.3446 24.6526H19.3438ZM19.8493 25.4389L19.7779 25.475L19.4506 24.8316L19.522 24.7955L19.8493 25.4389Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_26",
+                  "d": "M19.8461 25.0264C19.8115 24.9663 19.7931 24.9053 19.7891 24.8435C19.7851 24.7817 19.7971 24.7256 19.8244 24.6742C19.8517 24.6229 19.8926 24.5819 19.9471 24.5515C20.0306 24.5041 20.1148 24.4953 20.1999 24.525C20.2849 24.5547 20.3547 24.6172 20.4093 24.7143L20.4173 24.7288C20.4518 24.7897 20.4711 24.8507 20.4751 24.9125C20.4791 24.9743 20.4671 25.0304 20.4398 25.081C20.4125 25.1315 20.3708 25.1717 20.3162 25.2029C20.2328 25.2503 20.1485 25.2591 20.0635 25.2294C19.9784 25.2005 19.9086 25.1372 19.8533 25.0401L19.8452 25.0264H19.8461ZM19.9271 25.0064C19.9696 25.0818 20.0242 25.1323 20.09 25.158C20.1558 25.1837 20.2207 25.1797 20.2841 25.1436C20.3467 25.1083 20.3844 25.0553 20.3957 24.9855C20.4069 24.9157 20.3908 24.8411 20.3459 24.7617L20.3387 24.748C20.3114 24.6999 20.2777 24.6614 20.2376 24.6317C20.1975 24.602 20.155 24.5851 20.11 24.5811C20.0659 24.5771 20.0226 24.5876 19.9808 24.6108C19.9191 24.6461 19.8822 24.6983 19.8701 24.7697C19.8581 24.8403 19.8749 24.9149 19.9191 24.9935L19.9263 25.0064H19.9271Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_27",
+                  "d": "M20.4318 24.2803L20.5016 24.3822C20.5 24.3301 20.5096 24.2835 20.5313 24.2418C20.5521 24.2001 20.5834 24.1664 20.6244 24.1391C20.6893 24.0966 20.7495 24.0838 20.8049 24.0998C20.8602 24.1159 20.9116 24.16 20.9597 24.233L21.2173 24.6302L21.1507 24.6735L20.8923 24.2755C20.857 24.2218 20.8193 24.1889 20.7792 24.1768C20.7391 24.1648 20.695 24.1752 20.6452 24.2073C20.6035 24.2346 20.5754 24.2707 20.561 24.3172C20.5465 24.3638 20.5449 24.4143 20.5586 24.4681L20.8281 24.8829L20.7616 24.9262L20.3684 24.3213L20.4318 24.2795V24.2803Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_28",
+                  "d": "M21.6546 24.0886C21.6313 24.0565 21.5993 24.0404 21.5599 24.0404C21.5198 24.0404 21.4701 24.0532 21.4107 24.0805C21.3513 24.1078 21.3016 24.1247 21.2631 24.1311C21.2246 24.1383 21.1901 24.1359 21.1612 24.1263C21.1323 24.1166 21.1074 24.0966 21.0858 24.0677C21.0521 24.022 21.0432 23.9698 21.0593 23.912C21.0753 23.8543 21.1138 23.8029 21.1732 23.7588C21.2382 23.7115 21.3016 23.689 21.3642 23.6922C21.4267 23.6954 21.4773 23.7227 21.515 23.774L21.4508 23.8214C21.4259 23.7877 21.3906 23.7692 21.3457 23.7676C21.3008 23.766 21.2567 23.7813 21.2133 23.8133C21.1708 23.8446 21.1443 23.8791 21.1323 23.9168C21.1203 23.9546 21.1259 23.9883 21.1475 24.0187C21.1692 24.0476 21.1965 24.0621 21.2294 24.0629C21.2623 24.0629 21.312 24.0492 21.3778 24.0212C21.4436 23.9931 21.4966 23.9762 21.5359 23.9706C21.5752 23.965 21.6089 23.9674 21.6386 23.9786C21.6675 23.9899 21.6931 24.0099 21.7156 24.0404C21.7517 24.0894 21.7605 24.1431 21.7429 24.2017C21.7252 24.2603 21.6843 24.3132 21.6201 24.3597C21.5527 24.4095 21.4853 24.4336 21.4195 24.432C21.3529 24.4303 21.3016 24.4039 21.2647 24.3541L21.3289 24.3068C21.3594 24.3429 21.3963 24.3605 21.4412 24.3597C21.4861 24.3589 21.5319 24.3413 21.58 24.306C21.6249 24.2731 21.6538 24.2362 21.6666 24.1969C21.6795 24.1575 21.6755 24.1214 21.653 24.0918L21.6546 24.0886Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_29",
+                  "d": "M22.7023 23.6914L22.6518 23.7363L21.8848 22.8778L21.9353 22.8329L22.7023 23.6914Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_30",
+                  "d": "M23.418 22.3659C23.3868 22.337 23.3523 22.3258 23.3145 22.3322C23.2776 22.3386 23.2239 22.3627 23.1533 22.4044C23.0827 22.4461 23.0217 22.4742 22.9687 22.4886C22.8684 22.5159 22.785 22.4999 22.7192 22.4397C22.6614 22.3867 22.6358 22.3193 22.6414 22.2383C22.647 22.1573 22.6847 22.0786 22.7529 22.004C22.7986 21.9543 22.8484 21.9182 22.9029 21.8957C22.9567 21.8732 23.0113 21.8668 23.0658 21.8756C23.1204 21.8845 23.1677 21.9077 23.2094 21.9454L23.0955 22.069C23.0586 22.0345 23.0185 22.0193 22.9752 22.0241C22.9326 22.0281 22.8909 22.0522 22.8516 22.0955C22.8147 22.1364 22.7938 22.1757 22.7906 22.2142C22.7874 22.2527 22.801 22.2864 22.8323 22.3145C22.8588 22.3386 22.8917 22.3466 22.931 22.3386C22.9711 22.3306 23.0241 22.3057 23.0923 22.2656C23.1597 22.2255 23.2199 22.1974 23.272 22.1829C23.3242 22.1685 23.3707 22.1661 23.4124 22.1757C23.4541 22.1853 23.4935 22.2062 23.5304 22.2399C23.5897 22.2945 23.6162 22.3611 23.6098 22.4389C23.6034 22.5167 23.5641 22.5953 23.4919 22.6732C23.4445 22.7253 23.3916 22.7638 23.3322 22.7895C23.2736 22.8152 23.2159 22.8248 23.1597 22.8176C23.1035 22.8104 23.0538 22.7871 23.0089 22.7454L23.1228 22.621C23.1637 22.6579 23.207 22.674 23.2544 22.6675C23.3009 22.6611 23.3474 22.633 23.394 22.5825C23.4333 22.5392 23.455 22.4991 23.4574 22.4605C23.4598 22.4228 23.4469 22.3907 23.418 22.3643V22.3659Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_31",
+                  "d": "M24.0366 22.0386C23.9724 22.1188 23.8946 22.1629 23.8039 22.1718C23.7133 22.1806 23.6266 22.1517 23.5424 22.0843L23.5271 22.0715C23.471 22.0265 23.43 21.9752 23.4028 21.9182C23.3763 21.8612 23.3659 21.8027 23.3731 21.7441C23.3803 21.6855 23.4028 21.6318 23.4413 21.5836C23.5031 21.5074 23.5753 21.4681 23.6571 21.4657C23.7389 21.4633 23.8256 21.4978 23.9147 21.57L23.9652 21.6109L23.6691 21.9776C23.7189 22.0113 23.7678 22.0249 23.8168 22.0201C23.8657 22.0145 23.9066 21.9912 23.9403 21.9503C23.9869 21.8925 24.0013 21.8267 23.9845 21.7529L24.104 21.7369C24.1193 21.7866 24.1217 21.8372 24.1096 21.8901C24.0976 21.9423 24.0735 21.992 24.0358 22.0386H24.0366ZM23.5432 21.6655C23.5151 21.7 23.5047 21.7377 23.5119 21.7786C23.5191 21.8195 23.5416 21.8604 23.5801 21.9014L23.7742 21.6607L23.7646 21.6534C23.7205 21.6221 23.6788 21.6077 23.6419 21.6101C23.6042 21.6125 23.5713 21.631 23.5432 21.6663V21.6655Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_32",
+                  "d": "M24.0584 21.0357C24.0432 21.0509 24.0287 21.0678 24.0151 21.0862C23.9718 21.1464 23.9653 21.2034 23.9958 21.2579L24.3946 21.5484L24.2991 21.6791L23.7158 21.2547L23.8065 21.1295L23.8739 21.1737C23.8466 21.1055 23.853 21.0429 23.8939 20.9867C23.9076 20.9683 23.9212 20.9546 23.9349 20.9458L24.0576 21.0357H24.0584Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_33",
+                  "d": "M24.5717 20.9305L24.2243 20.5197L24.3166 20.3801L24.7827 20.9851L24.7057 21.103L23.9644 20.9177L24.0566 20.7773L24.5733 20.9313L24.5717 20.9305Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_34",
+                  "d": "M24.2029 20.1997C24.1812 20.1868 24.1676 20.1692 24.1619 20.1475C24.1555 20.1258 24.1603 20.1018 24.1756 20.0769C24.1908 20.052 24.2093 20.0368 24.2318 20.0312C24.2542 20.0255 24.2759 20.0296 24.2975 20.0424C24.3184 20.0552 24.332 20.0721 24.3377 20.0945C24.3433 20.117 24.3385 20.1403 24.324 20.1652C24.3088 20.19 24.2903 20.2053 24.2687 20.2109C24.247 20.2157 24.2253 20.2125 24.2045 20.1997H24.2029ZM25.071 20.5182L24.9876 20.657L24.3681 20.2863L24.4516 20.1475L25.071 20.5182Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_35",
+                  "d": "M25.2146 20.0271C25.2339 19.9918 25.2395 19.9565 25.2315 19.922C25.2235 19.8875 25.205 19.861 25.1745 19.8426L25.2475 19.7086C25.286 19.7318 25.3165 19.7639 25.3382 19.8056C25.3599 19.8474 25.3703 19.8931 25.3687 19.9436C25.3671 19.9942 25.3542 20.0423 25.3294 20.0881C25.2812 20.1771 25.2146 20.2317 25.1288 20.2525C25.0429 20.2734 24.9499 20.2566 24.8488 20.202L24.8343 20.194C24.738 20.1418 24.6747 20.0744 24.6442 19.991C24.6137 19.9075 24.6233 19.8217 24.6715 19.7326C24.7124 19.6572 24.7677 19.6075 24.8375 19.5842C24.9073 19.5601 24.9788 19.5665 25.0518 19.6035L24.9788 19.7374C24.9418 19.719 24.9049 19.7158 24.8688 19.7262C24.8327 19.7366 24.8054 19.7599 24.7854 19.796C24.7605 19.8426 24.7581 19.8867 24.7782 19.93C24.7982 19.9733 24.8416 20.0134 24.9098 20.0504L24.933 20.0624C25.002 20.0993 25.0598 20.1153 25.1071 20.1081C25.1545 20.1009 25.1906 20.0744 25.2162 20.0279L25.2146 20.0271Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_36",
+                  "d": "M25.6743 19.398C25.6309 19.4911 25.5659 19.5529 25.4809 19.5834C25.3959 19.6139 25.3036 19.6066 25.2065 19.5609L25.188 19.5521C25.1231 19.5216 25.0701 19.4815 25.0308 19.4325C24.9915 19.3836 24.9674 19.329 24.9602 19.2705C24.953 19.2119 24.9618 19.1541 24.9883 19.098C25.03 19.0089 25.0902 18.9535 25.1696 18.9311C25.249 18.9086 25.3405 18.9222 25.4448 18.9704L25.5042 18.9977L25.3052 19.4253C25.3614 19.4462 25.4127 19.4478 25.4584 19.4309C25.505 19.4141 25.5387 19.3812 25.5611 19.3338C25.5924 19.2664 25.5908 19.199 25.5563 19.1316L25.6686 19.0875C25.6951 19.1316 25.7096 19.1814 25.7104 19.2352C25.7112 19.2889 25.6991 19.3427 25.6743 19.3972V19.398ZM25.1054 19.1541C25.087 19.1942 25.0853 19.2335 25.1022 19.2713C25.119 19.309 25.1511 19.3435 25.1977 19.374L25.3285 19.0939L25.3172 19.0891C25.2667 19.0691 25.2234 19.0651 25.1872 19.0763C25.1511 19.0875 25.1239 19.1132 25.1046 19.1541H25.1054Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_37",
+                  "d": "M25.8155 17.7453C25.9054 17.7774 25.9784 17.8199 26.0354 17.8753C26.0923 17.9306 26.1284 17.9932 26.1445 18.063C26.1605 18.1328 26.1549 18.2059 26.1284 18.2813C26.102 18.3551 26.061 18.4153 26.0041 18.4602C25.9471 18.5051 25.8797 18.5324 25.8019 18.5404C25.7232 18.5485 25.6406 18.5372 25.5532 18.5067L25.5018 18.4883C25.4127 18.457 25.3389 18.4129 25.282 18.3575C25.225 18.3013 25.1881 18.2387 25.172 18.1681C25.156 18.0975 25.1616 18.0253 25.1881 17.9507C25.2146 17.8761 25.2555 17.8159 25.3116 17.771C25.3678 17.7261 25.4352 17.6996 25.5138 17.6924C25.5925 17.6843 25.6759 17.6964 25.7658 17.7277L25.8163 17.7453H25.8155ZM25.712 17.8873C25.6109 17.8512 25.5259 17.8432 25.4585 17.8625C25.3911 17.8817 25.3445 17.9266 25.3197 17.9972C25.2956 18.0662 25.3036 18.1296 25.3437 18.1874C25.3839 18.2452 25.4529 18.2917 25.5515 18.3278L25.6045 18.3463C25.7048 18.3816 25.7898 18.3896 25.8588 18.3695C25.9278 18.3495 25.9744 18.3053 25.9993 18.2355C26.0241 18.1649 26.0161 18.1015 25.976 18.0446C25.9359 17.9876 25.8637 17.9411 25.761 17.905L25.7128 17.8881L25.712 17.8873Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_38",
+                  "d": "M25.8541 17.1956C25.8444 17.2149 25.8372 17.2357 25.8308 17.2574C25.8099 17.3288 25.8236 17.385 25.8709 17.4251L26.3451 17.5615L26.3002 17.7171L25.6069 17.5173L25.6495 17.3689L25.7281 17.3874C25.6783 17.332 25.6639 17.2718 25.6832 17.2052C25.6896 17.1828 25.6976 17.1651 25.708 17.1531L25.8541 17.1956Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_39",
+                  "d": "M26.0747 17.182C25.9656 17.1563 25.8846 17.1106 25.8316 17.044C25.7787 16.9774 25.7618 16.902 25.7819 16.8169C25.8003 16.7367 25.8437 16.6805 25.9102 16.6477L25.8412 16.6236L25.8749 16.4816L26.5561 16.6412C26.6484 16.6629 26.7142 16.7086 26.7543 16.7784C26.7944 16.8482 26.8024 16.9317 26.78 17.0296C26.7679 17.0809 26.7455 17.1291 26.7126 17.1732C26.6797 17.2173 26.6428 17.2478 26.6019 17.2655L26.5248 17.1684C26.5938 17.1331 26.6364 17.0801 26.6532 17.0095C26.6652 16.9574 26.6612 16.9124 26.6396 16.8755C26.6179 16.8386 26.5802 16.8137 26.5248 16.8009L26.4775 16.7897C26.5176 16.8466 26.5289 16.9132 26.5112 16.9894C26.4919 17.0713 26.4438 17.1315 26.366 17.1684C26.2881 17.2053 26.1919 17.2101 26.0763 17.1828L26.0747 17.182ZM26.1253 17.028C26.1959 17.0448 26.2545 17.0432 26.3018 17.0239C26.3491 17.0047 26.3788 16.9694 26.3908 16.918C26.4061 16.8547 26.3892 16.8009 26.3419 16.7576L26.033 16.6854C25.9728 16.703 25.9351 16.7431 25.9199 16.8065C25.9078 16.8587 25.9191 16.9036 25.9536 16.9421C25.9881 16.9806 26.045 17.0095 26.1253 17.028Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_40",
+                  "d": "M26.6877 16.0219C26.6733 16.0267 26.65 16.0291 26.6179 16.0291C26.662 16.0892 26.6781 16.1558 26.6661 16.2297C26.654 16.3011 26.6235 16.3556 26.5754 16.3941C26.5273 16.4326 26.4727 16.4463 26.4125 16.4359C26.3371 16.423 26.2833 16.3853 26.252 16.3219C26.2208 16.2585 26.2143 16.1751 26.232 16.07L26.2488 15.9721L26.2023 15.9641C26.1654 15.9577 26.1341 15.9633 26.1084 15.9801C26.0828 15.997 26.0667 16.0267 26.0595 16.0684C26.0531 16.1045 26.0571 16.1358 26.0715 16.1623C26.086 16.1887 26.1068 16.204 26.1349 16.2088L26.1076 16.3685C26.0683 16.362 26.0346 16.3428 26.0049 16.3115C25.9752 16.2802 25.9544 16.2401 25.9431 16.1927C25.9311 16.1446 25.9303 16.0941 25.9399 16.0387C25.9544 15.9553 25.9865 15.8927 26.0362 15.8502C26.0868 15.8076 26.1493 15.7924 26.2256 15.8036L26.5465 15.8582C26.6107 15.8694 26.6628 15.8686 26.7046 15.8574L26.7158 15.859L26.6885 16.0219H26.6877ZM26.5433 16.1783C26.5489 16.147 26.5457 16.1157 26.5353 16.0852C26.5248 16.0547 26.508 16.0307 26.4839 16.0122L26.3499 15.9898L26.3355 16.0756C26.3259 16.135 26.3283 16.1807 26.3435 16.2144C26.3588 16.2481 26.386 16.2674 26.4237 16.2738C26.4542 16.2786 26.4807 16.273 26.5024 16.2553C26.524 16.2377 26.5377 16.212 26.5433 16.1783Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_41",
+                  "d": "M26.0384 15.453L26.1219 15.457C26.0633 15.3968 26.0392 15.3238 26.0481 15.2379C26.0641 15.0887 26.158 15.0213 26.3289 15.0374L26.8031 15.0879L26.7862 15.2492L26.3217 15.1994C26.2759 15.1946 26.2414 15.201 26.2174 15.2179C26.1933 15.2355 26.1788 15.266 26.174 15.3109C26.1668 15.3759 26.1909 15.4273 26.247 15.4658L26.7573 15.5204L26.7405 15.6816L26.0232 15.6046L26.0392 15.453H26.0384Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_42",
+                  "d": "M25.9078 14.8416C25.883 14.84 25.8629 14.8312 25.8477 14.8143C25.8324 14.7975 25.8252 14.7742 25.8276 14.7453C25.8292 14.7165 25.8388 14.694 25.8565 14.6787C25.8741 14.6635 25.895 14.6571 25.9199 14.6587C25.9439 14.6603 25.964 14.6691 25.9792 14.6868C25.9945 14.7036 26.0009 14.7269 25.9993 14.7566C25.9977 14.7855 25.9881 14.8079 25.9712 14.8224C25.9544 14.8368 25.9335 14.844 25.9086 14.8424L25.9078 14.8416ZM26.8257 14.7261L26.8161 14.8882L26.0956 14.8432L26.1052 14.6812L26.8257 14.7261Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_43",
+                  "d": "M26.7116 14.3489L26.7196 13.9646L26.8488 13.967L26.8368 14.5527L26.7309 14.5503L26.2535 14.1748L26.2463 14.5343L26.1155 14.5319L26.1267 13.967L26.2294 13.9694L26.7116 14.3497V14.3489Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_44",
+                  "d": "M26.8312 13.3741C26.8176 13.3813 26.7951 13.3885 26.7646 13.395C26.82 13.4447 26.8497 13.5065 26.8521 13.5811C26.8545 13.6533 26.8361 13.7135 26.7967 13.7608C26.7574 13.8082 26.7069 13.833 26.6459 13.8354C26.5689 13.8386 26.5087 13.8122 26.4662 13.756C26.4229 13.7006 26.3996 13.6196 26.3956 13.5137L26.3916 13.4142L26.3442 13.4158C26.3065 13.4174 26.2776 13.4287 26.256 13.4503C26.2343 13.472 26.2247 13.5041 26.2255 13.5466C26.2271 13.5835 26.2375 13.6132 26.2568 13.6365C26.276 13.6597 26.3001 13.6702 26.3282 13.6694L26.3338 13.8314C26.2945 13.833 26.2568 13.821 26.2215 13.7961C26.1862 13.7712 26.1581 13.7367 26.1364 13.6918C26.1156 13.6477 26.1035 13.5971 26.1019 13.5418C26.0987 13.4575 26.1172 13.3893 26.1581 13.3372C26.199 13.285 26.2576 13.2578 26.3338 13.2529L26.6587 13.2409C26.7237 13.2385 26.7751 13.2273 26.8128 13.208H26.824L26.8304 13.3725L26.8312 13.3741ZM26.7213 13.5562C26.7205 13.5241 26.7117 13.4944 26.6948 13.4672C26.678 13.4399 26.6563 13.419 26.6299 13.4062L26.4943 13.411L26.4975 13.4985C26.4999 13.5586 26.5119 13.6028 26.5336 13.6324C26.5552 13.6621 26.5857 13.6758 26.6242 13.6742C26.6555 13.6734 26.6796 13.6621 26.6973 13.6405C26.7149 13.6188 26.7229 13.5915 26.7221 13.5562H26.7213Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_45",
+                  "d": "M25.8997 12.9119L26.0746 12.8967L26.0641 12.7699L26.1837 12.7595L26.1941 12.8862L26.5953 12.8517C26.6226 12.8493 26.6418 12.8421 26.6531 12.8301C26.6643 12.818 26.6691 12.798 26.6667 12.7707C26.6651 12.7522 26.6611 12.7338 26.6555 12.7145L26.7806 12.7041C26.7943 12.7402 26.8023 12.7747 26.8047 12.8092C26.8151 12.9336 26.7517 13.001 26.6153 13.013L26.2078 13.0475L26.2182 13.1654L26.0986 13.1759L26.0882 13.0579L25.9133 13.0732L25.8997 12.9119Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_46",
+                  "d": "M25.8638 12.672C25.8389 12.6752 25.8172 12.6696 25.7996 12.656C25.7819 12.6423 25.7707 12.6207 25.7675 12.5918C25.7643 12.5629 25.7699 12.5388 25.7843 12.5212C25.7988 12.5035 25.818 12.4931 25.8429 12.4899C25.867 12.4867 25.8886 12.4923 25.9063 12.5067C25.9239 12.5212 25.9352 12.542 25.9384 12.5717C25.9416 12.6014 25.9368 12.6239 25.9223 12.6415C25.9079 12.6592 25.8886 12.6696 25.8646 12.672H25.8638ZM26.7463 12.3944L26.7656 12.5557L26.0491 12.6407L26.0298 12.4795L26.7463 12.3944Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_47",
+                  "d": "M26.365 12.2814C26.2952 12.2926 26.2302 12.2894 26.17 12.2709C26.1098 12.2525 26.0601 12.2212 26.0216 12.1755C25.9831 12.1305 25.959 12.0752 25.9478 12.0102C25.9317 11.9139 25.9502 11.8312 26.0015 11.7606C26.0537 11.6908 26.1299 11.6443 26.2318 11.6226L26.2695 11.6154C26.3401 11.6042 26.4043 11.6066 26.4645 11.625C26.5246 11.6427 26.5736 11.6748 26.6121 11.7197C26.6506 11.7647 26.6755 11.8208 26.6859 11.8866C26.7028 11.9869 26.6827 12.0728 26.6257 12.1442C26.5688 12.2156 26.4845 12.2605 26.373 12.279L26.365 12.2806V12.2814ZM26.3521 12.1193C26.4251 12.1073 26.4805 12.0824 26.5166 12.0455C26.5535 12.0086 26.5672 11.9628 26.5575 11.9091C26.5487 11.8553 26.5206 11.8168 26.4733 11.7935C26.426 11.7703 26.3618 11.7655 26.2807 11.7791C26.2085 11.7911 26.154 11.816 26.1171 11.8537C26.0801 11.8914 26.0657 11.9372 26.0745 11.9901C26.0834 12.0423 26.1106 12.08 26.1572 12.104C26.2037 12.1281 26.2679 12.1329 26.3505 12.1193H26.3521Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_48",
+                  "d": "M25.8461 11.4036L25.9263 11.3803C25.8517 11.3426 25.8044 11.2816 25.7851 11.1974C25.7514 11.0513 25.818 10.9575 25.9849 10.9157L26.4494 10.8082L26.4855 10.9663L26.0298 11.0714C25.9849 11.0818 25.9544 11.0987 25.9375 11.1235C25.9207 11.1476 25.9175 11.1821 25.9271 11.2254C25.9416 11.2888 25.9817 11.3297 26.0467 11.3474L26.5473 11.2319L26.5842 11.3899L25.8814 11.552L25.8469 11.4036H25.8461Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_49",
+                  "d": "M26.0946 10.2811C26.0665 10.2891 26.0489 10.3068 26.0416 10.3341C26.0336 10.3613 26.032 10.4031 26.0368 10.4592C26.0416 10.5154 26.04 10.5635 26.0336 10.6044C26.0192 10.6935 25.9758 10.7481 25.9052 10.7689C25.8459 10.7866 25.7881 10.7761 25.7335 10.7376C25.679 10.6991 25.6397 10.6414 25.6164 10.5635C25.5923 10.4809 25.5923 10.4079 25.6188 10.3445C25.6445 10.2811 25.6902 10.2402 25.7552 10.2209L25.8009 10.3766C25.7712 10.3854 25.7496 10.4039 25.7359 10.4319C25.7223 10.46 25.7215 10.4921 25.7319 10.529C25.7424 10.5635 25.7584 10.5884 25.7801 10.6052C25.8025 10.6221 25.8266 10.6269 25.8531 10.6189C25.8772 10.6117 25.8924 10.5964 25.8996 10.5724C25.9068 10.5483 25.9084 10.5042 25.9036 10.4392C25.8988 10.3742 25.9012 10.322 25.9093 10.2811C25.9173 10.241 25.9325 10.2089 25.9534 10.184C25.9742 10.1591 26.0031 10.1415 26.0408 10.1311C26.1034 10.1126 26.1612 10.1238 26.2149 10.164C26.2687 10.2041 26.308 10.2659 26.3329 10.3493C26.3497 10.4063 26.3545 10.4592 26.3465 10.5098C26.3393 10.5603 26.3208 10.6028 26.2928 10.6381C26.2639 10.6734 26.2294 10.6975 26.1877 10.7095L26.1427 10.5587C26.1788 10.5459 26.2029 10.5234 26.2149 10.4921C26.227 10.4608 26.227 10.4239 26.2149 10.3814C26.2029 10.3405 26.1861 10.3116 26.1644 10.2947C26.1427 10.2779 26.1187 10.2731 26.0938 10.2811H26.0946Z",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group_2"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group_3"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_50",
+                      "d": "M8.9457 10.9173H6.97035L6.52184 12.1393H6.13672L7.78312 7.78821H8.13294L9.77933 12.1393H9.39662L8.9457 10.9173ZM7.08428 10.6068H8.82937L7.95642 8.23672L7.08348 10.6068H7.08428Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_51",
+                      "d": "M10.8064 12.1401H10.439V7.78906H10.8064V12.1401Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_52",
+                      "d": "M15.0067 10.7833C14.9569 11.2415 14.7933 11.5921 14.5149 11.8352C14.2364 12.0783 13.8666 12.1995 13.4044 12.1995C13.0819 12.1995 12.7962 12.1184 12.5483 11.9572C12.3004 11.7959 12.1086 11.5672 11.973 11.2712C11.8375 10.9751 11.7685 10.6373 11.7668 10.2562V9.69135C11.7668 9.30462 11.8342 8.96202 11.9698 8.66355C12.1054 8.36508 12.3004 8.13401 12.5539 7.97194C12.8083 7.80987 13.1003 7.72803 13.4309 7.72803C13.8971 7.72803 14.2653 7.85319 14.5349 8.10432C14.8045 8.35546 14.9618 8.70287 15.0059 9.14736H14.6352C14.5437 8.40841 14.1418 8.03853 13.4309 8.03853C13.0361 8.03853 12.7224 8.18616 12.4881 8.48142C12.2539 8.77668 12.1367 9.18427 12.1367 9.70499V10.2377C12.1367 10.74 12.2507 11.1412 12.4785 11.4396C12.7064 11.7389 13.0153 11.8882 13.4036 11.8882C13.7919 11.8882 14.0776 11.7959 14.2733 11.6113C14.4683 11.4268 14.5895 11.1508 14.6352 10.7817H15.0059L15.0067 10.7833Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_53",
+                      "d": "M16.2061 10.3678V12.1401H15.8386V7.78906H17.3205C17.7731 7.78906 18.1301 7.9046 18.3917 8.13567C18.654 8.36675 18.7848 8.68447 18.7848 9.08885C18.7848 9.49323 18.6588 9.81256 18.4069 10.0348C18.155 10.2571 17.7899 10.3678 17.3117 10.3678H16.2061ZM16.2061 10.0573H17.3205C17.6768 10.0573 17.9488 9.97222 18.1365 9.80293C18.3235 9.63364 18.4173 9.39695 18.4173 9.09366C18.4173 8.79038 18.3243 8.55209 18.1381 8.37397C17.952 8.19505 17.6872 8.10438 17.3446 8.10037H16.2061V10.0581V10.0573Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_54",
+                      "d": "M21.4823 10.9173H19.507L19.0585 12.1393H18.6733L20.3197 7.78821H20.6696L22.316 12.1393H21.9332L21.4823 10.9173ZM19.6201 10.6068H21.3652L20.4922 8.23672L19.6193 10.6068H19.6201Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_55",
+                      "d": "M11.4289 18.1368C11.4289 17.8961 11.3438 17.7051 11.1745 17.5647C11.0052 17.4243 10.6955 17.2911 10.2454 17.1643C9.79532 17.0376 9.46636 16.8996 9.25936 16.7503C8.9641 16.5393 8.81727 16.2625 8.81727 15.9199C8.81727 15.5773 8.95447 15.3165 9.22807 15.1087C9.50167 14.9009 9.85229 14.7966 10.2783 14.7966C10.5672 14.7966 10.8255 14.8528 11.0542 14.9643C11.2821 15.0758 11.4594 15.2315 11.5845 15.4305C11.7097 15.6295 11.7731 15.8517 11.7731 16.0972H11.4024C11.4024 15.7996 11.3005 15.5605 11.0975 15.3791C10.8945 15.1978 10.6217 15.1079 10.2783 15.1079C9.93493 15.1079 9.68059 15.1826 9.48321 15.331C9.28584 15.4794 9.18715 15.6736 9.18715 15.9135C9.18715 16.1349 9.27541 16.3155 9.45272 16.4551C9.63004 16.5947 9.91407 16.7182 10.304 16.8249C10.6947 16.9317 10.99 17.0424 11.1914 17.1571C11.3928 17.2718 11.5444 17.4082 11.6455 17.5679C11.7474 17.7276 11.798 17.9153 11.798 18.1328C11.798 18.4754 11.6608 18.7506 11.3872 18.9576C11.1136 19.1646 10.7525 19.2681 10.304 19.2681C9.99751 19.2681 9.71589 19.2135 9.45994 19.1036C9.204 18.9937 9.00983 18.8404 8.87745 18.643C8.74506 18.4457 8.67847 18.2194 8.67847 17.9651H9.04594C9.04594 18.2716 9.16067 18.5139 9.38934 18.6912C9.618 18.8685 9.92289 18.9568 10.304 18.9568C10.6426 18.9568 10.9146 18.8821 11.12 18.7329C11.3254 18.5837 11.4281 18.3855 11.4281 18.1384L11.4289 18.1368Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_56",
+                      "d": "M15.7455 17.267C15.7455 17.6673 15.6765 18.0188 15.5377 18.3221C15.3989 18.6245 15.2015 18.858 14.9448 19.0217C14.688 19.1854 14.3911 19.2664 14.0542 19.2664C13.5463 19.2664 13.1355 19.0843 12.8234 18.7208C12.5105 18.3574 12.354 17.8663 12.354 17.2493V16.8008C12.354 16.4045 12.4246 16.053 12.565 15.7473C12.7054 15.4417 12.9044 15.2066 13.1612 15.0421C13.4179 14.8776 13.714 14.7958 14.0485 14.7958C14.3831 14.7958 14.6784 14.8768 14.9343 15.0381C15.1903 15.1994 15.3876 15.4272 15.5273 15.7225C15.6669 16.0177 15.7391 16.3587 15.7455 16.7479V17.2678V17.267ZM15.378 16.7944C15.378 16.2705 15.2593 15.8597 15.0226 15.5628C14.7851 15.2659 14.4609 15.1175 14.0485 15.1175C13.6361 15.1175 13.3216 15.2667 13.0817 15.5644C12.8418 15.8621 12.7215 16.2785 12.7215 16.8121V17.2662C12.7215 17.7821 12.841 18.1913 13.0801 18.4929C13.3192 18.7946 13.6442 18.9455 14.0542 18.9455C14.4642 18.9455 14.7955 18.7962 15.0282 18.4986C15.2617 18.2009 15.378 17.7861 15.378 17.2541V16.7936V16.7944Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_57",
+                      "d": "M19.6922 17.8495C19.6425 18.3076 19.4788 18.6583 19.2004 18.9014C18.922 19.1445 18.5521 19.2656 18.09 19.2656C17.7674 19.2656 17.4818 19.1846 17.2339 19.0233C16.9859 18.862 16.7942 18.6334 16.6586 18.3373C16.523 18.0413 16.454 17.7035 16.4524 17.3224V16.7575C16.4524 16.3708 16.5198 16.0282 16.6554 15.7297C16.791 15.4312 16.9859 15.2002 17.2395 15.0381C17.4938 14.876 17.7859 14.7942 18.1164 14.7942C18.5826 14.7942 18.9509 14.9194 19.2205 15.1705C19.49 15.4216 19.6473 15.769 19.6914 16.2135H19.3208C19.2293 15.4746 18.8273 15.1047 18.1164 15.1047C17.7217 15.1047 17.408 15.2523 17.1737 15.5476C16.9394 15.8428 16.8223 16.2504 16.8223 16.7712V17.3039C16.8223 17.8062 16.9362 18.2073 17.1641 18.5058C17.3919 18.8051 17.7008 18.9543 18.0892 18.9543C18.4775 18.9543 18.7631 18.862 18.9589 18.6775C19.1539 18.493 19.275 18.217 19.3208 17.8479H19.6914L19.6922 17.8495Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_58",
+                  "d": "M6.00195 13.5538H22.5871",
+                  "stroke": "white",
+                  "stroke-width": "0.111926",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group_4"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_59",
+                  "d": "M8.72524 21.7257C8.71722 21.7089 8.71 21.68 8.70518 21.6374C8.63859 21.7064 8.55916 21.7409 8.46609 21.7409C8.38345 21.7409 8.31525 21.7177 8.26229 21.6711C8.20934 21.6246 8.18286 21.5652 8.18286 21.493C8.18286 21.4056 8.21576 21.3382 8.28235 21.2892C8.34895 21.2411 8.44202 21.217 8.56237 21.217H8.70197V21.1512C8.70197 21.1015 8.68673 21.0614 8.65704 21.0317C8.62736 21.002 8.58323 20.9868 8.52466 20.9868C8.47331 20.9868 8.43078 20.9996 8.39628 21.0253C8.36178 21.0509 8.34413 21.0822 8.34413 21.1191H8.19971C8.19971 21.0774 8.21496 21.0365 8.24464 20.998C8.27433 20.9587 8.31444 20.9282 8.36579 20.9057C8.41634 20.8833 8.47251 20.8712 8.53348 20.8712C8.63057 20.8712 8.70599 20.8953 8.76055 20.9434C8.8151 20.9916 8.84399 21.0582 8.84559 21.1432V21.5291C8.84559 21.6062 8.85522 21.6671 8.87528 21.7129V21.7249H8.72444L8.72524 21.7257ZM8.48695 21.6166C8.53188 21.6166 8.5744 21.6046 8.61452 21.5821C8.65464 21.5588 8.68432 21.5283 8.70197 21.4914V21.3189H8.58965C8.41393 21.3189 8.32568 21.3703 8.32568 21.473C8.32568 21.5179 8.34092 21.5532 8.37061 21.5781C8.4003 21.6037 8.43881 21.6158 8.48615 21.6158L8.48695 21.6166Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_60",
+                  "d": "M9.03174 20.6642C9.03174 20.6409 9.03896 20.6209 9.0534 20.6056C9.06784 20.5904 9.0887 20.5815 9.11679 20.5815C9.14487 20.5815 9.16573 20.5896 9.18017 20.6056C9.19461 20.6217 9.20183 20.6409 9.20183 20.6642C9.20183 20.6875 9.19461 20.7067 9.18017 20.722C9.16573 20.7372 9.14487 20.7452 9.11679 20.7452C9.0887 20.7452 9.06784 20.7372 9.0534 20.722C9.03896 20.7067 9.03174 20.6866 9.03174 20.6642ZM9.18659 21.7257H9.04297V20.8864H9.18659V21.7257Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_61",
+                  "d": "M9.71276 21.6246C9.76411 21.6246 9.80824 21.6094 9.84675 21.5781C9.88526 21.5468 9.90612 21.5083 9.91013 21.4618H10.0457C10.0433 21.5099 10.0265 21.5556 9.99598 21.599C9.96549 21.6423 9.92457 21.6768 9.87403 21.7025C9.82348 21.7281 9.76892 21.741 9.71276 21.741C9.59882 21.741 9.50736 21.7025 9.43996 21.6262C9.37257 21.55 9.33887 21.4457 9.33887 21.3133V21.2893C9.33887 21.2074 9.35411 21.1352 9.3838 21.071C9.41348 21.0076 9.45681 20.9579 9.51297 20.9226C9.56914 20.8873 9.63573 20.8696 9.71195 20.8696C9.80583 20.8696 9.88446 20.8977 9.94624 20.9539C10.0088 21.01 10.0417 21.0831 10.0457 21.1737H9.91013C9.90612 21.1192 9.88526 21.075 9.84835 21.0397C9.81144 21.0052 9.76571 20.9876 9.71115 20.9876C9.63814 20.9876 9.58198 21.0141 9.54186 21.0662C9.50174 21.1184 9.48168 21.1946 9.48168 21.2941V21.3213C9.48168 21.4184 9.50174 21.4922 9.54106 21.5444C9.58117 21.5965 9.63814 21.623 9.71195 21.623L9.71276 21.6246Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_62",
+                  "d": "M10.877 21.3156C10.877 21.4432 10.8481 21.5459 10.7895 21.6245C10.731 21.7024 10.6523 21.7417 10.552 21.7417C10.4518 21.7417 10.3699 21.7096 10.3113 21.6446V22.049H10.1677V20.8872H10.2985L10.3057 20.9803C10.3643 20.9081 10.4453 20.8719 10.5488 20.8719C10.6523 20.8719 10.7294 20.9097 10.7879 20.9859C10.8465 21.0621 10.8762 21.168 10.8762 21.3028V21.3156H10.877ZM10.7334 21.2996C10.7334 21.2049 10.7133 21.1303 10.6732 21.0757C10.6331 21.0212 10.5777 20.9939 10.5071 20.9939C10.4205 20.9939 10.3555 21.0324 10.3113 21.1094V21.5106C10.3547 21.5868 10.4197 21.6253 10.5087 21.6253C10.5777 21.6253 10.6323 21.5981 10.6724 21.5435C10.7133 21.4889 10.7334 21.4079 10.7334 21.3004V21.2996Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_63",
+                  "d": "M11.5373 21.7257C11.5292 21.7089 11.522 21.68 11.5172 21.6374C11.4506 21.7064 11.3712 21.7409 11.2781 21.7409C11.1955 21.7409 11.1273 21.7177 11.0743 21.6711C11.0214 21.6246 10.9949 21.5652 10.9949 21.493C10.9949 21.4056 11.0278 21.3382 11.0944 21.2892C11.161 21.2411 11.254 21.217 11.3744 21.217H11.514V21.1512C11.514 21.1015 11.4987 21.0614 11.4691 21.0317C11.4394 21.002 11.3952 20.9868 11.3367 20.9868C11.2853 20.9868 11.2428 20.9996 11.2083 21.0253C11.1738 21.0509 11.1561 21.0822 11.1561 21.1191H11.0117C11.0117 21.0774 11.027 21.0365 11.0567 20.998C11.0863 20.9587 11.1265 20.9282 11.1778 20.9057C11.2284 20.8833 11.2845 20.8712 11.3455 20.8712C11.4426 20.8712 11.518 20.8953 11.5726 20.9434C11.6271 20.9916 11.656 21.0582 11.6576 21.1432V21.5291C11.6576 21.6062 11.6672 21.6671 11.6873 21.7129V21.7249H11.5365L11.5373 21.7257ZM11.299 21.6166C11.3439 21.6166 11.3864 21.6046 11.4265 21.5821C11.4666 21.5588 11.4963 21.5283 11.514 21.4914V21.3189H11.4017C11.2259 21.3189 11.1377 21.3703 11.1377 21.473C11.1377 21.5179 11.1529 21.5532 11.1826 21.5781C11.2123 21.6037 11.2508 21.6158 11.2982 21.6158L11.299 21.6166Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_64",
+                  "d": "M11.8462 21.6511C11.8462 21.6262 11.8534 21.6054 11.8687 21.5893C11.8839 21.5733 11.9056 21.5645 11.9353 21.5645C11.9649 21.5645 11.9874 21.5725 12.0026 21.5893C12.0179 21.6062 12.0259 21.6262 12.0259 21.6511C12.0259 21.676 12.0179 21.6944 12.0026 21.7105C11.9874 21.7265 11.9649 21.7346 11.9353 21.7346C11.9056 21.7346 11.8839 21.7265 11.8687 21.7105C11.8534 21.6944 11.8462 21.6744 11.8462 21.6511Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_65",
+                  "d": "M12.1841 21.2988C12.1841 21.217 12.2001 21.1423 12.2322 21.0773C12.2643 21.0124 12.3092 20.961 12.367 20.9257C12.4248 20.8904 12.4906 20.8719 12.5644 20.8719C12.6783 20.8719 12.7714 20.9113 12.842 20.9907C12.9126 21.0701 12.9479 21.1752 12.9479 21.306V21.3164C12.9479 21.3983 12.9327 21.4713 12.9014 21.5363C12.8701 21.6013 12.8252 21.6518 12.7674 21.6879C12.7088 21.724 12.6422 21.7425 12.5668 21.7425C12.4529 21.7425 12.3606 21.7032 12.29 21.6237C12.2194 21.5443 12.1841 21.44 12.1841 21.31V21.2996V21.2988ZM12.3277 21.3156C12.3277 21.4087 12.3494 21.4833 12.3927 21.5395C12.436 21.5957 12.4938 21.6237 12.566 21.6237C12.6382 21.6237 12.6968 21.5949 12.7393 21.5379C12.7818 21.4809 12.8035 21.4007 12.8035 21.298C12.8035 21.2057 12.7818 21.1311 12.7377 21.0741C12.6944 21.0172 12.6358 20.9883 12.5636 20.9883C12.4914 20.9883 12.436 21.0164 12.3919 21.0725C12.3478 21.1287 12.3269 21.2097 12.3269 21.3148L12.3277 21.3156Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_66",
+                  "d": "M13.4936 21.0156C13.472 21.0124 13.4487 21.01 13.423 21.01C13.3292 21.01 13.265 21.0501 13.2313 21.1304V21.7257H13.0876V20.8865H13.2273L13.2297 20.9835C13.277 20.9089 13.3436 20.8712 13.4294 20.8712C13.4575 20.8712 13.4784 20.8744 13.4928 20.8824V21.0156H13.4936Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_67",
+                  "d": "M13.5361 21.2996C13.5361 21.1688 13.5666 21.0645 13.6268 20.9875C13.687 20.9105 13.7672 20.8719 13.8675 20.8719C13.9678 20.8719 14.0496 20.9081 14.1074 20.9803L14.1146 20.8872H14.2454V21.7064C14.2454 21.8147 14.2133 21.9005 14.1491 21.9631C14.0849 22.0257 13.9983 22.057 13.89 22.057C13.8298 22.057 13.7704 22.0442 13.7126 22.0185C13.6549 21.9928 13.6107 21.9575 13.5803 21.9126L13.6549 21.8267C13.7167 21.903 13.7913 21.9407 13.8803 21.9407C13.9501 21.9407 14.0047 21.9206 14.0432 21.8821C14.0825 21.8428 14.1018 21.7874 14.1018 21.716V21.6438C14.044 21.7104 13.9662 21.7433 13.8667 21.7433C13.7672 21.7433 13.6894 21.704 13.6284 21.6245C13.5674 21.5451 13.5369 21.4376 13.5369 21.3012L13.5361 21.2996ZM13.6806 21.3156C13.6806 21.4103 13.6998 21.4849 13.7391 21.5387C13.7776 21.5924 13.8322 21.6197 13.902 21.6197C13.9927 21.6197 14.0593 21.5788 14.101 21.4962V21.1135C14.0568 21.0332 13.9911 20.9931 13.9036 20.9931C13.8338 20.9931 13.7792 21.0204 13.7399 21.0749C13.7006 21.1295 13.6814 21.2097 13.6814 21.3164L13.6806 21.3156Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_68",
+                  "d": "M14.4505 21.8228H14.3269L14.7987 20.5968H14.9214L14.4505 21.8228Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_69",
+                  "d": "M15.5251 21.5035C15.5251 21.4649 15.5107 21.4345 15.481 21.4128C15.4521 21.3911 15.4008 21.3727 15.3286 21.3574C15.2556 21.3422 15.1986 21.3229 15.1553 21.3013C15.1127 21.2796 15.0815 21.2539 15.0606 21.2234C15.0405 21.1938 15.0301 21.1577 15.0301 21.1167C15.0301 21.0477 15.059 20.99 15.1176 20.9426C15.1761 20.8953 15.2499 20.8712 15.3406 20.8712C15.4361 20.8712 15.5131 20.8961 15.5717 20.945C15.6311 20.994 15.6607 21.0574 15.6607 21.1336H15.5163C15.5163 21.0943 15.4995 21.0606 15.4666 21.0317C15.4337 21.0028 15.3912 20.9892 15.3406 20.9892C15.2901 20.9892 15.2475 21.0004 15.2179 21.0237C15.1882 21.0461 15.1737 21.0758 15.1737 21.1127C15.1737 21.1472 15.1874 21.1737 15.2146 21.1913C15.2419 21.209 15.2917 21.2258 15.3631 21.2419C15.4345 21.2579 15.4931 21.2772 15.5372 21.2997C15.5813 21.3221 15.6142 21.3486 15.6359 21.3799C15.6575 21.4112 15.668 21.4489 15.668 21.4946C15.668 21.5692 15.6383 21.6294 15.5781 21.6752C15.5179 21.7201 15.4401 21.7434 15.3446 21.7434C15.2772 21.7434 15.2179 21.7313 15.1665 21.7081C15.1152 21.684 15.0742 21.6511 15.0453 21.6086C15.0165 21.566 15.0012 21.5195 15.0012 21.4698H15.1448C15.1472 21.5179 15.1665 21.5556 15.2026 21.5845C15.2387 21.6134 15.2861 21.627 15.3446 21.627C15.3992 21.627 15.4425 21.6158 15.4754 21.5941C15.5083 21.5725 15.5243 21.5428 15.5243 21.5059L15.5251 21.5035Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_70",
+                  "d": "M15.7778 21.2988C15.7778 21.217 15.7939 21.1423 15.826 21.0773C15.8581 21.0124 15.903 20.961 15.9608 20.9257C16.0185 20.8904 16.0843 20.8719 16.1581 20.8719C16.2721 20.8719 16.3651 20.9113 16.4358 20.9907C16.5064 21.0701 16.5417 21.1752 16.5417 21.306V21.3164C16.5417 21.3983 16.5264 21.4713 16.4951 21.5363C16.4638 21.6013 16.4189 21.6518 16.3611 21.6879C16.3026 21.724 16.236 21.7425 16.1605 21.7425C16.0466 21.7425 15.9543 21.7032 15.8837 21.6237C15.8131 21.5443 15.7778 21.44 15.7778 21.31V21.2996V21.2988ZM15.9223 21.3156C15.9223 21.4087 15.9439 21.4833 15.9872 21.5395C16.0306 21.5957 16.0883 21.6237 16.1605 21.6237C16.2328 21.6237 16.2913 21.5949 16.3339 21.5379C16.3764 21.4809 16.398 21.4007 16.398 21.298C16.398 21.2057 16.3764 21.1311 16.3322 21.0741C16.2889 21.0172 16.2304 20.9883 16.1581 20.9883C16.0859 20.9883 16.0306 21.0164 15.9864 21.0725C15.9423 21.1287 15.9215 21.2097 15.9215 21.3148L15.9223 21.3156Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_71",
+                  "d": "M17.0182 21.6246C17.0695 21.6246 17.1137 21.6094 17.1522 21.5781C17.1907 21.5468 17.2115 21.5083 17.2156 21.4618H17.3511C17.3487 21.5099 17.3319 21.5556 17.3014 21.599C17.2709 21.6423 17.23 21.6768 17.1794 21.7025C17.1289 21.7281 17.0743 21.741 17.0182 21.741C16.9042 21.741 16.8128 21.7025 16.7454 21.6262C16.678 21.55 16.6443 21.4457 16.6443 21.3133V21.2893C16.6443 21.2074 16.6595 21.1352 16.6892 21.071C16.7189 21.0076 16.7622 20.9579 16.8184 20.9226C16.8746 20.8873 16.9412 20.8696 17.0174 20.8696C17.1112 20.8696 17.1899 20.8977 17.2517 20.9539C17.3142 21.01 17.3471 21.0831 17.3511 21.1737H17.2156C17.2115 21.1192 17.1907 21.075 17.1538 21.0397C17.1169 21.0052 17.0711 20.9876 17.0166 20.9876C16.9436 20.9876 16.8874 21.0141 16.8473 21.0662C16.8072 21.1184 16.7871 21.1946 16.7871 21.2941V21.3213C16.7871 21.4184 16.8072 21.4922 16.8465 21.5444C16.8866 21.5965 16.9436 21.623 17.0174 21.623L17.0182 21.6246Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_72",
+                  "d": "M18.0637 21.3469H18.2202V21.4641H18.0637V21.7264H17.9193V21.4641H17.405V21.3798L17.9105 20.5975H18.0629V21.3477L18.0637 21.3469ZM17.5687 21.3469H17.9201V20.7933L17.9033 20.8246L17.5687 21.3469Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_73",
+                  "d": "M18.814 21.5035C18.814 21.4649 18.7995 21.4345 18.7698 21.4128C18.7402 21.3911 18.6896 21.3727 18.6174 21.3574C18.5444 21.3422 18.4874 21.3229 18.4441 21.3013C18.4016 21.2796 18.3703 21.2539 18.3494 21.2234C18.3294 21.1938 18.3189 21.1577 18.3189 21.1167C18.3189 21.0477 18.3478 20.99 18.4064 20.9426C18.4649 20.8953 18.5388 20.8712 18.6294 20.8712C18.7249 20.8712 18.8019 20.8961 18.8605 20.945C18.9199 20.994 18.9496 21.0574 18.9496 21.1336H18.8051C18.8051 21.0943 18.7883 21.0606 18.7554 21.0317C18.7217 21.0036 18.68 20.9892 18.6294 20.9892C18.5789 20.9892 18.5364 21.0004 18.5067 21.0237C18.477 21.0461 18.4625 21.0758 18.4625 21.1127C18.4625 21.1472 18.4762 21.1737 18.5035 21.1913C18.5307 21.209 18.5805 21.2258 18.6519 21.2419C18.7233 21.2579 18.7819 21.2772 18.826 21.2997C18.8701 21.3221 18.903 21.3486 18.9247 21.3799C18.9464 21.4112 18.9568 21.4489 18.9568 21.4946C18.9568 21.5692 18.9271 21.6294 18.8669 21.6752C18.8067 21.7201 18.7289 21.7434 18.6334 21.7434C18.566 21.7434 18.5067 21.7313 18.4553 21.7081C18.404 21.684 18.3631 21.6511 18.3342 21.6086C18.3053 21.566 18.29 21.5195 18.29 21.4698H18.4337C18.4361 21.5179 18.4553 21.5556 18.4914 21.5845C18.5275 21.6126 18.5749 21.627 18.6334 21.627C18.688 21.627 18.7313 21.6158 18.7642 21.5941C18.7971 21.5725 18.8132 21.5428 18.8132 21.5059L18.814 21.5035Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_74",
+                  "d": "M19.0664 21.2988C19.0664 21.217 19.0825 21.1423 19.1145 21.0773C19.1466 21.0116 19.1916 20.961 19.2493 20.9257C19.3071 20.8904 19.3729 20.8719 19.4467 20.8719C19.5606 20.8719 19.6537 20.9113 19.7243 20.9907C19.7949 21.0701 19.8302 21.1752 19.8302 21.306V21.3164C19.8302 21.3983 19.815 21.4713 19.7837 21.5363C19.7524 21.6013 19.7075 21.6518 19.6497 21.6879C19.5911 21.724 19.5245 21.7425 19.4491 21.7425C19.3352 21.7425 19.2429 21.7032 19.1723 21.6237C19.1017 21.5443 19.0664 21.44 19.0664 21.31V21.2996V21.2988ZM19.21 21.3156C19.21 21.4087 19.2317 21.4833 19.275 21.5395C19.3183 21.5957 19.3761 21.6237 19.4483 21.6237C19.5205 21.6237 19.5791 21.5949 19.6216 21.5379C19.665 21.4809 19.6858 21.4007 19.6858 21.298C19.6858 21.2057 19.6641 21.1311 19.62 21.0741C19.5767 21.0172 19.5181 20.9883 19.4459 20.9883C19.3737 20.9883 19.3183 21.0164 19.2742 21.0725C19.2301 21.1287 19.2092 21.2097 19.2092 21.3148L19.21 21.3156Z",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_75",
+              "d": "M25.8569 25.0298V25.1269H25.67V25.6147H25.5536V25.1269H25.3667V25.0298H25.8569ZM26.4892 25.6147L26.4675 25.2713C26.4651 25.2264 26.4651 25.1702 26.4635 25.1076H26.4571C26.4418 25.159 26.425 25.228 26.4073 25.2817L26.3022 25.6059H26.1819L26.0768 25.2729C26.0663 25.228 26.0487 25.159 26.0358 25.1076H26.0294C26.0294 25.1614 26.027 25.2175 26.0254 25.2713L26.0038 25.6147H25.8922L25.9356 25.0306H26.1097L26.2108 25.3162C26.2236 25.3612 26.234 25.4045 26.2493 25.4647H26.2517C26.2669 25.4109 26.2798 25.3612 26.2926 25.3186L26.3937 25.0306H26.5614L26.6063 25.6147H26.49H26.4892Z",
+              "fill": "#231F20"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_6186_11887",
+              "x1": "28",
+              "y1": "14",
+              "x2": "0",
+              "y2": "14",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#2161AD"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.18",
+                  "stop-color": "#1F69B3"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.47",
+                  "stop-color": "#1C82C4"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.84",
+                  "stop-color": "#16A9E1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#14BDEF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_6186_11887",
+              "x1": "3.13623",
+              "y1": "13.9999",
+              "x2": "24.8636",
+              "y2": "13.9999",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#2161AD"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.18",
+                  "stop-color": "#1F69B3"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.47",
+                  "stop-color": "#1C82C4"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.84",
+                  "stop-color": "#16A9E1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#14BDEF"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Soc2"
 }
diff --git a/web/app/components/base/icons/src/public/common/Soc2.tsx b/web/app/components/base/icons/src/public/common/Soc2.tsx
index 9e041fcf27..66c401f073 100644
--- a/web/app/components/base/icons/src/public/common/Soc2.tsx
+++ b/web/app/components/base/icons/src/public/common/Soc2.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Soc2.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Soc2.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/SparklesSoft.json b/web/app/components/base/icons/src/public/common/SparklesSoft.json
index 11ac030c5e..fd8000c200 100644
--- a/web/app/components/base/icons/src/public/common/SparklesSoft.json
+++ b/web/app/components/base/icons/src/public/common/SparklesSoft.json
@@ -1,47 +1,47 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "sparkles-soft"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"opacity": "0.5",
-							"d": "M10.9963 1.36798C10.9839 1.25339 10.8909 1.16677 10.7802 1.16666C10.6695 1.16654 10.5763 1.25295 10.5636 1.36752C10.5045 1.90085 10.3525 2.26673 10.1143 2.5149C9.87599 2.76307 9.52476 2.92145 9.01275 2.98296C8.90277 2.99618 8.81983 3.09324 8.81995 3.20856C8.82006 3.32388 8.90322 3.42076 9.0132 3.43373C9.51653 3.49312 9.87583 3.65148 10.1201 3.90135C10.3631 4.14986 10.518 4.51523 10.563 5.04321C10.573 5.16035 10.6673 5.25012 10.7802 5.24999C10.8931 5.24986 10.9872 5.15987 10.9969 5.0427C11.0401 4.52364 11.1949 4.15004 11.4394 3.89528C11.684 3.64052 12.0426 3.47926 12.5409 3.43433C12.6534 3.42419 12.7398 3.32619 12.7399 3.20858C12.7401 3.09097 12.6539 2.99277 12.5414 2.98236C12.0346 2.93546 11.6838 2.77407 11.4452 2.52098C11.2054 2.2665 11.0533 1.89229 10.9963 1.36798Z",
-							"fill": "#F5F8FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M7.13646 2.85102C7.10442 2.55638 6.8653 2.33365 6.5806 2.33334C6.29595 2.33304 6.05633 2.55526 6.02374 2.84984C5.87186 4.22127 5.48089 5.1621 4.86827 5.80025C4.25565 6.43838 3.35245 6.84566 2.03587 7.00386C1.75307 7.03781 1.53975 7.28742 1.54004 7.58393C1.54033 7.88049 1.75415 8.12958 2.03701 8.16294C3.33132 8.31566 4.25509 8.72289 4.88328 9.36543C5.50807 10.0045 5.90647 10.9439 6.02222 12.3016C6.04793 12.6029 6.29035 12.8337 6.58066 12.8333C6.87102 12.833 7.11294 12.6016 7.13797 12.3003C7.24885 10.9656 7.64695 10.0049 8.27583 9.34979C8.90477 8.69471 9.82698 8.28002 11.1083 8.16452C11.3976 8.13844 11.6197 7.88644 11.62 7.58399C11.6204 7.28159 11.3988 7.02906 11.1096 7.00229C9.8062 6.88171 8.90432 6.46673 8.29084 5.81589C7.674 5.16152 7.28306 4.19926 7.13646 2.85102Z",
-							"fill": "#F5F8FF"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "SparklesSoft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "sparkles-soft"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "opacity": "0.5",
+              "d": "M10.9963 1.36798C10.9839 1.25339 10.8909 1.16677 10.7802 1.16666C10.6695 1.16654 10.5763 1.25295 10.5636 1.36752C10.5045 1.90085 10.3525 2.26673 10.1143 2.5149C9.87599 2.76307 9.52476 2.92145 9.01275 2.98296C8.90277 2.99618 8.81983 3.09324 8.81995 3.20856C8.82006 3.32388 8.90322 3.42076 9.0132 3.43373C9.51653 3.49312 9.87583 3.65148 10.1201 3.90135C10.3631 4.14986 10.518 4.51523 10.563 5.04321C10.573 5.16035 10.6673 5.25012 10.7802 5.24999C10.8931 5.24986 10.9872 5.15987 10.9969 5.0427C11.0401 4.52364 11.1949 4.15004 11.4394 3.89528C11.684 3.64052 12.0426 3.47926 12.5409 3.43433C12.6534 3.42419 12.7398 3.32619 12.7399 3.20858C12.7401 3.09097 12.6539 2.99277 12.5414 2.98236C12.0346 2.93546 11.6838 2.77407 11.4452 2.52098C11.2054 2.2665 11.0533 1.89229 10.9963 1.36798Z",
+              "fill": "#F5F8FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M7.13646 2.85102C7.10442 2.55638 6.8653 2.33365 6.5806 2.33334C6.29595 2.33304 6.05633 2.55526 6.02374 2.84984C5.87186 4.22127 5.48089 5.1621 4.86827 5.80025C4.25565 6.43838 3.35245 6.84566 2.03587 7.00386C1.75307 7.03781 1.53975 7.28742 1.54004 7.58393C1.54033 7.88049 1.75415 8.12958 2.03701 8.16294C3.33132 8.31566 4.25509 8.72289 4.88328 9.36543C5.50807 10.0045 5.90647 10.9439 6.02222 12.3016C6.04793 12.6029 6.29035 12.8337 6.58066 12.8333C6.87102 12.833 7.11294 12.6016 7.13797 12.3003C7.24885 10.9656 7.64695 10.0049 8.27583 9.34979C8.90477 8.69471 9.82698 8.28002 11.1083 8.16452C11.3976 8.13844 11.6197 7.88644 11.62 7.58399C11.6204 7.28159 11.3988 7.02906 11.1096 7.00229C9.8062 6.88171 8.90432 6.46673 8.29084 5.81589C7.674 5.16152 7.28306 4.19926 7.13646 2.85102Z",
+              "fill": "#F5F8FF"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "SparklesSoft"
 }
diff --git a/web/app/components/base/icons/src/public/common/SparklesSoft.tsx b/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
index 5827652f66..2ec563939d 100644
--- a/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
+++ b/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SparklesSoft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SparklesSoft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/SparklesSoftAccent.json b/web/app/components/base/icons/src/public/common/SparklesSoftAccent.json
index 3c540faf4b..3f10906cd5 100644
--- a/web/app/components/base/icons/src/public/common/SparklesSoftAccent.json
+++ b/web/app/components/base/icons/src/public/common/SparklesSoftAccent.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M12.5674 1.56341C12.5532 1.43246 12.4469 1.33346 12.3203 1.33333C12.1938 1.3332 12.0873 1.43196 12.0728 1.56288C12.0053 2.1724 11.8316 2.59056 11.5593 2.87418C11.287 3.1578 10.8856 3.33881 10.3004 3.40911C10.1747 3.42421 10.08 3.53514 10.0801 3.66693C10.0802 3.79872 10.1752 3.90944 10.3009 3.92427C10.8762 3.99215 11.2868 4.17312 11.566 4.45869C11.8437 4.74271 12.0207 5.16027 12.0721 5.76368C12.0836 5.89756 12.1913 6.00015 12.3203 6C12.4494 5.99984 12.5569 5.897 12.568 5.7631C12.6174 5.16988 12.7943 4.74291 13.0737 4.45176C13.3533 4.1606 13.7632 3.9763 14.3326 3.92496C14.4612 3.91336 14.56 3.80136 14.5601 3.66696C14.5602 3.53255 14.4617 3.42032 14.3332 3.40842C13.7539 3.35482 13.3531 3.17038 13.0804 2.88113C12.8063 2.5903 12.6325 2.16262 12.5674 1.56341Z",
-					"fill": "#155AEF"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.15567 3.25831C8.11906 2.92157 7.84578 2.66702 7.52041 2.66667C7.19509 2.66633 6.92124 2.92029 6.88399 3.25695C6.71042 4.8243 6.2636 5.89953 5.56346 6.62885C4.86332 7.35814 3.83109 7.82361 2.32643 8.00441C2.00323 8.04321 1.75943 8.32847 1.75977 8.66734C1.7601 9.00627 2.00446 9.29094 2.32773 9.32907C3.80694 9.50361 4.86268 9.96901 5.58062 10.7033C6.29465 11.4337 6.74997 12.5073 6.88226 14.059C6.91164 14.4033 7.18869 14.6671 7.52047 14.6667C7.85231 14.6663 8.12879 14.4018 8.1574 14.0575C8.28412 12.5321 8.73909 11.4342 9.45781 10.6855C10.1766 9.93681 11.2305 9.46287 12.6949 9.33087C13.0255 9.30107 13.2794 9.01307 13.2798 8.66741C13.2801 8.32181 13.0269 8.03321 12.6964 8.00261C11.2068 7.86481 10.1761 7.39054 9.47497 6.64673C8.77001 5.89887 8.32322 4.79915 8.15567 3.25831Z",
-					"fill": "#155AEF"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "SparklesSoftAccent"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M12.5674 1.56341C12.5532 1.43246 12.4469 1.33346 12.3203 1.33333C12.1938 1.3332 12.0873 1.43196 12.0728 1.56288C12.0053 2.1724 11.8316 2.59056 11.5593 2.87418C11.287 3.1578 10.8856 3.33881 10.3004 3.40911C10.1747 3.42421 10.08 3.53514 10.0801 3.66693C10.0802 3.79872 10.1752 3.90944 10.3009 3.92427C10.8762 3.99215 11.2868 4.17312 11.566 4.45869C11.8437 4.74271 12.0207 5.16027 12.0721 5.76368C12.0836 5.89756 12.1913 6.00015 12.3203 6C12.4494 5.99984 12.5569 5.897 12.568 5.7631C12.6174 5.16988 12.7943 4.74291 13.0737 4.45176C13.3533 4.1606 13.7632 3.9763 14.3326 3.92496C14.4612 3.91336 14.56 3.80136 14.5601 3.66696C14.5602 3.53255 14.4617 3.42032 14.3332 3.40842C13.7539 3.35482 13.3531 3.17038 13.0804 2.88113C12.8063 2.5903 12.6325 2.16262 12.5674 1.56341Z",
+          "fill": "#155AEF"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.15567 3.25831C8.11906 2.92157 7.84578 2.66702 7.52041 2.66667C7.19509 2.66633 6.92124 2.92029 6.88399 3.25695C6.71042 4.8243 6.2636 5.89953 5.56346 6.62885C4.86332 7.35814 3.83109 7.82361 2.32643 8.00441C2.00323 8.04321 1.75943 8.32847 1.75977 8.66734C1.7601 9.00627 2.00446 9.29094 2.32773 9.32907C3.80694 9.50361 4.86268 9.96901 5.58062 10.7033C6.29465 11.4337 6.74997 12.5073 6.88226 14.059C6.91164 14.4033 7.18869 14.6671 7.52047 14.6667C7.85231 14.6663 8.12879 14.4018 8.1574 14.0575C8.28412 12.5321 8.73909 11.4342 9.45781 10.6855C10.1766 9.93681 11.2305 9.46287 12.6949 9.33087C13.0255 9.30107 13.2794 9.01307 13.2798 8.66741C13.2801 8.32181 13.0269 8.03321 12.6964 8.00261C11.2068 7.86481 10.1761 7.39054 9.47497 6.64673C8.77001 5.89887 8.32322 4.79915 8.15567 3.25831Z",
+          "fill": "#155AEF"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "SparklesSoftAccent"
 }
diff --git a/web/app/components/base/icons/src/public/common/SparklesSoftAccent.tsx b/web/app/components/base/icons/src/public/common/SparklesSoftAccent.tsx
index be38813b06..ce32bf234d 100644
--- a/web/app/components/base/icons/src/public/common/SparklesSoftAccent.tsx
+++ b/web/app/components/base/icons/src/public/common/SparklesSoftAccent.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SparklesSoftAccent.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SparklesSoftAccent.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/common/index.ts b/web/app/components/base/icons/src/public/common/index.ts
index e672e52613..c19ab569fa 100644
--- a/web/app/components/base/icons/src/public/common/index.ts
+++ b/web/app/components/base/icons/src/public/common/index.ts
@@ -9,8 +9,8 @@ export { default as Line3 } from './Line3'
 export { default as Lock } from './Lock'
 export { default as MessageChatSquare } from './MessageChatSquare'
 export { default as MultiPathRetrieval } from './MultiPathRetrieval'
-export { default as NTo1Retrieval } from './NTo1Retrieval'
 export { default as Notion } from './Notion'
+export { default as NTo1Retrieval } from './NTo1Retrieval'
 export { default as Soc2 } from './Soc2'
-export { default as SparklesSoftAccent } from './SparklesSoftAccent'
 export { default as SparklesSoft } from './SparklesSoft'
+export { default as SparklesSoftAccent } from './SparklesSoftAccent'
diff --git a/web/app/components/base/icons/src/public/education/Triangle.json b/web/app/components/base/icons/src/public/education/Triangle.json
index ab00049ce1..3ae19226d7 100644
--- a/web/app/components/base/icons/src/public/education/Triangle.json
+++ b/web/app/components/base/icons/src/public/education/Triangle.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "22",
-			"viewBox": "0 0 16 22",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Rectangle 979",
-					"d": "M0 0H16L9.91493 16.7339C8.76529 19.8955 5.76063 22 2.39658 22H0V0Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Triangle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "22",
+      "viewBox": "0 0 16 22",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Rectangle 979",
+          "d": "M0 0H16L9.91493 16.7339C8.76529 19.8955 5.76063 22 2.39658 22H0V0Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Triangle"
 }
diff --git a/web/app/components/base/icons/src/public/education/Triangle.tsx b/web/app/components/base/icons/src/public/education/Triangle.tsx
index ec1c96777a..b1df37233c 100644
--- a/web/app/components/base/icons/src/public/education/Triangle.tsx
+++ b/web/app/components/base/icons/src/public/education/Triangle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Triangle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Triangle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Csv.json b/web/app/components/base/icons/src/public/files/Csv.json
index 533dcd7525..21e755d789 100644
--- a/web/app/components/base/icons/src/public/files/Csv.json
+++ b/web/app/components/base/icons/src/public/files/Csv.json
@@ -1,181 +1,181 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "File Icons/csv"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "sharp",
-							"filter": "url(#filter0_d_6816_769)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4 7.73398C4 5.49377 4 4.37367 4.43597 3.51802C4.81947 2.76537 5.43139 2.15345 6.18404 1.76996C7.03969 1.33398 8.15979 1.33398 10.4 1.33398H18.6667L28 10.6673V24.2673C28 26.5075 28 27.6276 27.564 28.4833C27.1805 29.2359 26.5686 29.8478 25.816 30.2313C24.9603 30.6673 23.8402 30.6673 21.6 30.6673H10.4C8.15979 30.6673 7.03969 30.6673 6.18404 30.2313C5.43139 29.8478 4.81947 29.2359 4.43597 28.4833C4 27.6276 4 26.5075 4 24.2673V7.73398Z",
-									"fill": "#169951"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "CSV",
-							"opacity": "0.96"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.0846 21.8908C12.8419 23.3562 11.8246 24.0562 10.5646 24.0562C9.78992 24.0562 9.20192 23.7948 8.71659 23.3095C8.01659 22.6095 8.04459 21.6762 8.04459 20.6775C8.04459 19.6788 8.01659 18.7455 8.71659 18.0455C9.20192 17.5602 9.78992 17.2988 10.5646 17.2988C11.8246 17.2988 12.8419 17.9988 13.0846 19.4642H11.4233C11.3206 19.0908 11.1153 18.7548 10.5739 18.7548C10.2753 18.7548 10.0513 18.8762 9.92992 19.0348C9.78059 19.2308 9.67792 19.4642 9.67792 20.6775C9.67792 21.8908 9.78059 22.1242 9.92992 22.3202C10.0513 22.4788 10.2753 22.6002 10.5739 22.6002C11.1153 22.6002 11.3206 22.2642 11.4233 21.8908H13.0846Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M18.4081 21.9655C18.4081 23.3188 17.2414 24.0562 15.8414 24.0562C14.8241 24.0562 13.9934 23.8695 13.3214 23.1788L14.3668 22.1335C14.7121 22.4788 15.3188 22.6002 15.8508 22.6002C16.4948 22.6002 16.8028 22.3855 16.8028 22.0028C16.8028 21.8442 16.7654 21.7135 16.6721 21.6108C16.5881 21.5268 16.4481 21.4615 16.2334 21.4335L15.4308 21.3215C14.8428 21.2375 14.3948 21.0415 14.0961 20.7335C13.7881 20.4162 13.6388 19.9682 13.6388 19.3988C13.6388 18.1855 14.5534 17.2988 16.0654 17.2988C17.0174 17.2988 17.7361 17.5228 18.3054 18.0922L17.2788 19.1188C16.8588 18.6988 16.3081 18.7268 16.0188 18.7268C15.4494 18.7268 15.2161 19.0535 15.2161 19.3428C15.2161 19.4268 15.2441 19.5482 15.3468 19.6508C15.4308 19.7348 15.5708 19.8188 15.8041 19.8468L16.6068 19.9588C17.2041 20.0428 17.6334 20.2295 17.9134 20.5095C18.2681 20.8548 18.4081 21.3495 18.4081 21.9655Z",
-									"fill": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M24.4166 17.3548L22.214 24.0002H21.0006L18.8073 17.3548H20.4966L21.6166 21.0695L22.718 17.3548H24.4166Z",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "bevel",
-							"opacity": "0.5",
-							"d": "M18.6667 1.33398L28.0001 10.6673H21.3334C19.8607 10.6673 18.6667 9.47341 18.6667 8.00065V1.33398Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_6816_769",
-							"x": "2",
-							"y": "0.333984",
-							"width": "28",
-							"height": "33.334",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_6816_769"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_6816_769",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Csv"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "File Icons/csv"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "sharp",
+              "filter": "url(#filter0_d_6816_769)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4 7.73398C4 5.49377 4 4.37367 4.43597 3.51802C4.81947 2.76537 5.43139 2.15345 6.18404 1.76996C7.03969 1.33398 8.15979 1.33398 10.4 1.33398H18.6667L28 10.6673V24.2673C28 26.5075 28 27.6276 27.564 28.4833C27.1805 29.2359 26.5686 29.8478 25.816 30.2313C24.9603 30.6673 23.8402 30.6673 21.6 30.6673H10.4C8.15979 30.6673 7.03969 30.6673 6.18404 30.2313C5.43139 29.8478 4.81947 29.2359 4.43597 28.4833C4 27.6276 4 26.5075 4 24.2673V7.73398Z",
+                  "fill": "#169951"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "CSV",
+              "opacity": "0.96"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.0846 21.8908C12.8419 23.3562 11.8246 24.0562 10.5646 24.0562C9.78992 24.0562 9.20192 23.7948 8.71659 23.3095C8.01659 22.6095 8.04459 21.6762 8.04459 20.6775C8.04459 19.6788 8.01659 18.7455 8.71659 18.0455C9.20192 17.5602 9.78992 17.2988 10.5646 17.2988C11.8246 17.2988 12.8419 17.9988 13.0846 19.4642H11.4233C11.3206 19.0908 11.1153 18.7548 10.5739 18.7548C10.2753 18.7548 10.0513 18.8762 9.92992 19.0348C9.78059 19.2308 9.67792 19.4642 9.67792 20.6775C9.67792 21.8908 9.78059 22.1242 9.92992 22.3202C10.0513 22.4788 10.2753 22.6002 10.5739 22.6002C11.1153 22.6002 11.3206 22.2642 11.4233 21.8908H13.0846Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M18.4081 21.9655C18.4081 23.3188 17.2414 24.0562 15.8414 24.0562C14.8241 24.0562 13.9934 23.8695 13.3214 23.1788L14.3668 22.1335C14.7121 22.4788 15.3188 22.6002 15.8508 22.6002C16.4948 22.6002 16.8028 22.3855 16.8028 22.0028C16.8028 21.8442 16.7654 21.7135 16.6721 21.6108C16.5881 21.5268 16.4481 21.4615 16.2334 21.4335L15.4308 21.3215C14.8428 21.2375 14.3948 21.0415 14.0961 20.7335C13.7881 20.4162 13.6388 19.9682 13.6388 19.3988C13.6388 18.1855 14.5534 17.2988 16.0654 17.2988C17.0174 17.2988 17.7361 17.5228 18.3054 18.0922L17.2788 19.1188C16.8588 18.6988 16.3081 18.7268 16.0188 18.7268C15.4494 18.7268 15.2161 19.0535 15.2161 19.3428C15.2161 19.4268 15.2441 19.5482 15.3468 19.6508C15.4308 19.7348 15.5708 19.8188 15.8041 19.8468L16.6068 19.9588C17.2041 20.0428 17.6334 20.2295 17.9134 20.5095C18.2681 20.8548 18.4081 21.3495 18.4081 21.9655Z",
+                  "fill": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M24.4166 17.3548L22.214 24.0002H21.0006L18.8073 17.3548H20.4966L21.6166 21.0695L22.718 17.3548H24.4166Z",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "bevel",
+              "opacity": "0.5",
+              "d": "M18.6667 1.33398L28.0001 10.6673H21.3334C19.8607 10.6673 18.6667 9.47341 18.6667 8.00065V1.33398Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_6816_769",
+              "x": "2",
+              "y": "0.333984",
+              "width": "28",
+              "height": "33.334",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_6816_769"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_6816_769",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Csv"
 }
diff --git a/web/app/components/base/icons/src/public/files/Csv.tsx b/web/app/components/base/icons/src/public/files/Csv.tsx
index f5f22c3fee..c07070dd20 100644
--- a/web/app/components/base/icons/src/public/files/Csv.tsx
+++ b/web/app/components/base/icons/src/public/files/Csv.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Csv.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Csv.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Doc.json b/web/app/components/base/icons/src/public/files/Doc.json
index 9d219addd2..0b782174e7 100644
--- a/web/app/components/base/icons/src/public/files/Doc.json
+++ b/web/app/components/base/icons/src/public/files/Doc.json
@@ -1,169 +1,169 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_17194_49206)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73301C4 5.4928 4 4.37269 4.43597 3.51705C4.81947 2.7644 5.43139 2.15248 6.18404 1.76898C7.03969 1.33301 8.15979 1.33301 10.4 1.33301H18.6667L28 10.6663V24.2663C28 26.5066 28 27.6267 27.564 28.4823C27.1805 29.2349 26.5686 29.8469 25.816 30.2304C24.9603 30.6663 23.8402 30.6663 21.6 30.6663H10.4C8.15979 30.6663 7.03969 30.6663 6.18404 30.2304C5.43139 29.8469 4.81947 29.2349 4.43597 28.4823C4 27.6267 4 26.5066 4 24.2663V7.73301Z",
-							"fill": "#2349A9"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.33301L27.9998 10.6663H21.3332C19.8604 10.6663 18.6665 9.47243 18.6665 7.99967V1.33301Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.96"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M13.6329 21.4112C13.6329 22.2603 13.7059 22.9501 13.0326 23.5793C12.6351 23.9508 12.0754 24.11 11.4751 24.11H9.3335V18.7125H11.4751C12.0754 18.7125 12.6351 18.8717 13.0326 19.2431C13.7059 19.8723 13.6329 20.5622 13.6329 21.4112ZM12.2133 21.4112C12.2133 20.5015 12.1727 20.3499 12.0591 20.1983C11.9293 20.0164 11.7347 19.8951 11.3777 19.8951H10.7531V22.9274H11.3777C11.7347 22.9274 11.9293 22.8061 12.0591 22.6242C12.1727 22.4725 12.2133 22.3285 12.2133 21.4112Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M18.8275 21.4112C18.8275 22.2224 18.8519 22.9805 18.2435 23.549C17.8217 23.9432 17.3349 24.1555 16.6292 24.1555C15.9234 24.1555 15.4367 23.9432 15.0149 23.549C14.4065 22.9805 14.4308 22.2224 14.4308 21.4112C14.4308 20.6001 14.4065 19.842 15.0149 19.2735C15.4367 18.8793 15.9234 18.667 16.6292 18.667C17.3349 18.667 17.8217 18.8793 18.2435 19.2735C18.8519 19.842 18.8275 20.6001 18.8275 21.4112ZM17.4079 21.4112C17.4079 20.4257 17.3268 20.2438 17.197 20.0846C17.0916 19.9557 16.8888 19.8496 16.6292 19.8496C16.3696 19.8496 16.1668 19.9557 16.0613 20.0846C15.9316 20.2438 15.8504 20.4257 15.8504 21.4112C15.8504 22.3967 15.9316 22.5711 16.0613 22.7303C16.1668 22.8592 16.3696 22.9729 16.6292 22.9729C16.8888 22.9729 17.0916 22.8592 17.197 22.7303C17.3268 22.5711 17.4079 22.3967 17.4079 21.4112Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M24.0002 22.3967C23.7893 23.5869 22.905 24.1555 21.8099 24.1555C21.1366 24.1555 20.6256 23.9432 20.2037 23.549C19.5953 22.9805 19.6197 22.2224 19.6197 21.4112C19.6197 20.6001 19.5953 19.842 20.2037 19.2735C20.6256 18.8793 21.1366 18.667 21.8099 18.667C22.905 18.667 23.7893 19.2356 24.0002 20.4257H22.5562C22.467 20.1225 22.2885 19.8496 21.818 19.8496C21.5584 19.8496 21.3638 19.9481 21.2583 20.077C21.1285 20.2362 21.0393 20.4257 21.0393 21.4112C21.0393 22.3967 21.1285 22.5863 21.2583 22.7455C21.3638 22.8743 21.5584 22.9729 21.818 22.9729C22.2885 22.9729 22.467 22.7 22.5562 22.3967H24.0002Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_17194_49206",
-							"x": "2",
-							"y": "0.333008",
-							"width": "28",
-							"height": "33.333",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_17194_49206"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_17194_49206",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Doc"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_17194_49206)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73301C4 5.4928 4 4.37269 4.43597 3.51705C4.81947 2.7644 5.43139 2.15248 6.18404 1.76898C7.03969 1.33301 8.15979 1.33301 10.4 1.33301H18.6667L28 10.6663V24.2663C28 26.5066 28 27.6267 27.564 28.4823C27.1805 29.2349 26.5686 29.8469 25.816 30.2304C24.9603 30.6663 23.8402 30.6663 21.6 30.6663H10.4C8.15979 30.6663 7.03969 30.6663 6.18404 30.2304C5.43139 29.8469 4.81947 29.2349 4.43597 28.4823C4 27.6267 4 26.5066 4 24.2663V7.73301Z",
+              "fill": "#2349A9"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.33301L27.9998 10.6663H21.3332C19.8604 10.6663 18.6665 9.47243 18.6665 7.99967V1.33301Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.96"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M13.6329 21.4112C13.6329 22.2603 13.7059 22.9501 13.0326 23.5793C12.6351 23.9508 12.0754 24.11 11.4751 24.11H9.3335V18.7125H11.4751C12.0754 18.7125 12.6351 18.8717 13.0326 19.2431C13.7059 19.8723 13.6329 20.5622 13.6329 21.4112ZM12.2133 21.4112C12.2133 20.5015 12.1727 20.3499 12.0591 20.1983C11.9293 20.0164 11.7347 19.8951 11.3777 19.8951H10.7531V22.9274H11.3777C11.7347 22.9274 11.9293 22.8061 12.0591 22.6242C12.1727 22.4725 12.2133 22.3285 12.2133 21.4112Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M18.8275 21.4112C18.8275 22.2224 18.8519 22.9805 18.2435 23.549C17.8217 23.9432 17.3349 24.1555 16.6292 24.1555C15.9234 24.1555 15.4367 23.9432 15.0149 23.549C14.4065 22.9805 14.4308 22.2224 14.4308 21.4112C14.4308 20.6001 14.4065 19.842 15.0149 19.2735C15.4367 18.8793 15.9234 18.667 16.6292 18.667C17.3349 18.667 17.8217 18.8793 18.2435 19.2735C18.8519 19.842 18.8275 20.6001 18.8275 21.4112ZM17.4079 21.4112C17.4079 20.4257 17.3268 20.2438 17.197 20.0846C17.0916 19.9557 16.8888 19.8496 16.6292 19.8496C16.3696 19.8496 16.1668 19.9557 16.0613 20.0846C15.9316 20.2438 15.8504 20.4257 15.8504 21.4112C15.8504 22.3967 15.9316 22.5711 16.0613 22.7303C16.1668 22.8592 16.3696 22.9729 16.6292 22.9729C16.8888 22.9729 17.0916 22.8592 17.197 22.7303C17.3268 22.5711 17.4079 22.3967 17.4079 21.4112Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M24.0002 22.3967C23.7893 23.5869 22.905 24.1555 21.8099 24.1555C21.1366 24.1555 20.6256 23.9432 20.2037 23.549C19.5953 22.9805 19.6197 22.2224 19.6197 21.4112C19.6197 20.6001 19.5953 19.842 20.2037 19.2735C20.6256 18.8793 21.1366 18.667 21.8099 18.667C22.905 18.667 23.7893 19.2356 24.0002 20.4257H22.5562C22.467 20.1225 22.2885 19.8496 21.818 19.8496C21.5584 19.8496 21.3638 19.9481 21.2583 20.077C21.1285 20.2362 21.0393 20.4257 21.0393 21.4112C21.0393 22.3967 21.1285 22.5863 21.2583 22.7455C21.3638 22.8743 21.5584 22.9729 21.818 22.9729C22.2885 22.9729 22.467 22.7 22.5562 22.3967H24.0002Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_17194_49206",
+              "x": "2",
+              "y": "0.333008",
+              "width": "28",
+              "height": "33.333",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_17194_49206"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_17194_49206",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Doc"
 }
diff --git a/web/app/components/base/icons/src/public/files/Doc.tsx b/web/app/components/base/icons/src/public/files/Doc.tsx
index 1773d3e4f3..5073bcbd2b 100644
--- a/web/app/components/base/icons/src/public/files/Doc.tsx
+++ b/web/app/components/base/icons/src/public/files/Doc.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Doc.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Doc.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Docx.json b/web/app/components/base/icons/src/public/files/Docx.json
index ffa9ef8d3b..631420b574 100644
--- a/web/app/components/base/icons/src/public/files/Docx.json
+++ b/web/app/components/base/icons/src/public/files/Docx.json
@@ -1,178 +1,178 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_10291_62253)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73301C4 5.4928 4 4.37269 4.43597 3.51705C4.81947 2.7644 5.43139 2.15248 6.18404 1.76898C7.03969 1.33301 8.15979 1.33301 10.4 1.33301H18.6667L28 10.6663V24.2663C28 26.5065 28 27.6267 27.564 28.4823C27.1805 29.2349 26.5686 29.8469 25.816 30.2304C24.9603 30.6663 23.8402 30.6663 21.6 30.6663H10.4C8.15979 30.6663 7.03969 30.6663 6.18404 30.2304C5.43139 29.8469 4.81947 29.2349 4.43597 28.4823C4 27.6267 4 26.5065 4 24.2663V7.73301Z",
-							"fill": "#2349A9"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.33301L27.9998 10.6663H21.3332C19.8604 10.6663 18.6665 9.47243 18.6665 7.99967V1.33301Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.96"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M10.8443 21.3337C10.8443 22.1587 10.9153 22.8291 10.261 23.4405C9.87477 23.8014 9.33086 23.9561 8.74754 23.9561H6.6665V18.7112H8.74754C9.33086 18.7112 9.87477 18.8659 10.261 19.2268C10.9153 19.8383 10.8443 20.5086 10.8443 21.3337ZM9.46487 21.3337C9.46487 20.4497 9.42545 20.3024 9.31509 20.155C9.18897 19.9782 8.99979 19.8604 8.65295 19.8604H8.04598V22.807H8.65295C8.99979 22.807 9.18897 22.6891 9.31509 22.5123C9.42545 22.365 9.46487 22.225 9.46487 21.3337Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M15.8922 21.3337C15.8922 22.1219 15.9158 22.8585 15.3246 23.411C14.9147 23.7941 14.4418 24.0003 13.756 24.0003C13.0702 24.0003 12.5972 23.7941 12.1873 23.411C11.5961 22.8585 11.6197 22.1219 11.6197 21.3337C11.6197 20.5454 11.5961 19.8088 12.1873 19.2563C12.5972 18.8733 13.0702 18.667 13.756 18.667C14.4418 18.667 14.9147 18.8733 15.3246 19.2563C15.9158 19.8088 15.8922 20.5454 15.8922 21.3337ZM14.5127 21.3337C14.5127 20.376 14.4339 20.1992 14.3077 20.0445C14.2053 19.9193 14.0082 19.8162 13.756 19.8162C13.5037 19.8162 13.3066 19.9193 13.2042 20.0445C13.078 20.1992 12.9992 20.376 12.9992 21.3337C12.9992 22.2913 13.078 22.4607 13.2042 22.6154C13.3066 22.7407 13.5037 22.8512 13.756 22.8512C14.0082 22.8512 14.2053 22.7407 14.3077 22.6154C14.4339 22.4607 14.5127 22.2913 14.5127 21.3337Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M20.9186 22.2913C20.7136 23.4478 19.8544 24.0003 18.7902 24.0003C18.136 24.0003 17.6394 23.7941 17.2295 23.411C16.6383 22.8585 16.6619 22.1219 16.6619 21.3337C16.6619 20.5454 16.6383 19.8088 17.2295 19.2563C17.6394 18.8733 18.136 18.667 18.7902 18.667C19.8544 18.667 20.7136 19.2195 20.9186 20.376H19.5154C19.4287 20.0814 19.2553 19.8162 18.7981 19.8162C18.5459 19.8162 18.3567 19.9119 18.2542 20.0372C18.1281 20.1919 18.0414 20.376 18.0414 21.3337C18.0414 22.2913 18.1281 22.4755 18.2542 22.6302C18.3567 22.7554 18.5459 22.8512 18.7981 22.8512C19.2553 22.8512 19.4287 22.586 19.5154 22.2913H20.9186Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M25.9998 23.9561H24.4233L23.501 22.3429L22.5787 23.9561H21.0022L22.7522 21.2674L21.1126 18.7112H22.6812L23.501 20.1919L24.3208 18.7112H25.8895L24.2499 21.2674L25.9998 23.9561Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_10291_62253",
-							"x": "2",
-							"y": "0.333008",
-							"width": "28",
-							"height": "33.333",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_10291_62253"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_10291_62253",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Docx"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_10291_62253)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73301C4 5.4928 4 4.37269 4.43597 3.51705C4.81947 2.7644 5.43139 2.15248 6.18404 1.76898C7.03969 1.33301 8.15979 1.33301 10.4 1.33301H18.6667L28 10.6663V24.2663C28 26.5065 28 27.6267 27.564 28.4823C27.1805 29.2349 26.5686 29.8469 25.816 30.2304C24.9603 30.6663 23.8402 30.6663 21.6 30.6663H10.4C8.15979 30.6663 7.03969 30.6663 6.18404 30.2304C5.43139 29.8469 4.81947 29.2349 4.43597 28.4823C4 27.6267 4 26.5065 4 24.2663V7.73301Z",
+              "fill": "#2349A9"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.33301L27.9998 10.6663H21.3332C19.8604 10.6663 18.6665 9.47243 18.6665 7.99967V1.33301Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.96"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M10.8443 21.3337C10.8443 22.1587 10.9153 22.8291 10.261 23.4405C9.87477 23.8014 9.33086 23.9561 8.74754 23.9561H6.6665V18.7112H8.74754C9.33086 18.7112 9.87477 18.8659 10.261 19.2268C10.9153 19.8383 10.8443 20.5086 10.8443 21.3337ZM9.46487 21.3337C9.46487 20.4497 9.42545 20.3024 9.31509 20.155C9.18897 19.9782 8.99979 19.8604 8.65295 19.8604H8.04598V22.807H8.65295C8.99979 22.807 9.18897 22.6891 9.31509 22.5123C9.42545 22.365 9.46487 22.225 9.46487 21.3337Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M15.8922 21.3337C15.8922 22.1219 15.9158 22.8585 15.3246 23.411C14.9147 23.7941 14.4418 24.0003 13.756 24.0003C13.0702 24.0003 12.5972 23.7941 12.1873 23.411C11.5961 22.8585 11.6197 22.1219 11.6197 21.3337C11.6197 20.5454 11.5961 19.8088 12.1873 19.2563C12.5972 18.8733 13.0702 18.667 13.756 18.667C14.4418 18.667 14.9147 18.8733 15.3246 19.2563C15.9158 19.8088 15.8922 20.5454 15.8922 21.3337ZM14.5127 21.3337C14.5127 20.376 14.4339 20.1992 14.3077 20.0445C14.2053 19.9193 14.0082 19.8162 13.756 19.8162C13.5037 19.8162 13.3066 19.9193 13.2042 20.0445C13.078 20.1992 12.9992 20.376 12.9992 21.3337C12.9992 22.2913 13.078 22.4607 13.2042 22.6154C13.3066 22.7407 13.5037 22.8512 13.756 22.8512C14.0082 22.8512 14.2053 22.7407 14.3077 22.6154C14.4339 22.4607 14.5127 22.2913 14.5127 21.3337Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M20.9186 22.2913C20.7136 23.4478 19.8544 24.0003 18.7902 24.0003C18.136 24.0003 17.6394 23.7941 17.2295 23.411C16.6383 22.8585 16.6619 22.1219 16.6619 21.3337C16.6619 20.5454 16.6383 19.8088 17.2295 19.2563C17.6394 18.8733 18.136 18.667 18.7902 18.667C19.8544 18.667 20.7136 19.2195 20.9186 20.376H19.5154C19.4287 20.0814 19.2553 19.8162 18.7981 19.8162C18.5459 19.8162 18.3567 19.9119 18.2542 20.0372C18.1281 20.1919 18.0414 20.376 18.0414 21.3337C18.0414 22.2913 18.1281 22.4755 18.2542 22.6302C18.3567 22.7554 18.5459 22.8512 18.7981 22.8512C19.2553 22.8512 19.4287 22.586 19.5154 22.2913H20.9186Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M25.9998 23.9561H24.4233L23.501 22.3429L22.5787 23.9561H21.0022L22.7522 21.2674L21.1126 18.7112H22.6812L23.501 20.1919L24.3208 18.7112H25.8895L24.2499 21.2674L25.9998 23.9561Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_10291_62253",
+              "x": "2",
+              "y": "0.333008",
+              "width": "28",
+              "height": "33.333",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_10291_62253"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_10291_62253",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Docx"
 }
diff --git a/web/app/components/base/icons/src/public/files/Docx.tsx b/web/app/components/base/icons/src/public/files/Docx.tsx
index 1984050210..e72f042156 100644
--- a/web/app/components/base/icons/src/public/files/Docx.tsx
+++ b/web/app/components/base/icons/src/public/files/Docx.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Docx.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Docx.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Html.json b/web/app/components/base/icons/src/public/files/Html.json
index f267073c47..6e8e205da9 100644
--- a/web/app/components/base/icons/src/public/files/Html.json
+++ b/web/app/components/base/icons/src/public/files/Html.json
@@ -1,178 +1,178 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_3055_14424)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
-							"fill": "#EC5B27"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.96"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M10.2704 24.0002V18.3042H8.87042V20.4962H7.38242V18.3042H5.98242V24.0002H7.38242V21.7442H8.87042V24.0002H10.2704Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M15.2839 19.5522V18.3042H11.0839V19.5522H12.4839V24.0002H13.8839V19.5522H15.2839Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M21.4116 24.0002V18.3042H20.0356L18.7556 20.8162L17.4756 18.3042H16.0996V24.0002H17.4996V21.2722L18.3076 22.6802H19.2036L20.0116 21.2722V24.0002H21.4116Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M26.3525 24.0002V22.7522H23.9605V18.3042H22.5605V24.0002H26.3525Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_3055_14424",
-							"x": "2",
-							"y": "0.333496",
-							"width": "28",
-							"height": "33.3335",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_3055_14424"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_3055_14424",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Html"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_3055_14424)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
+              "fill": "#EC5B27"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.96"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M10.2704 24.0002V18.3042H8.87042V20.4962H7.38242V18.3042H5.98242V24.0002H7.38242V21.7442H8.87042V24.0002H10.2704Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M15.2839 19.5522V18.3042H11.0839V19.5522H12.4839V24.0002H13.8839V19.5522H15.2839Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M21.4116 24.0002V18.3042H20.0356L18.7556 20.8162L17.4756 18.3042H16.0996V24.0002H17.4996V21.2722L18.3076 22.6802H19.2036L20.0116 21.2722V24.0002H21.4116Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M26.3525 24.0002V22.7522H23.9605V18.3042H22.5605V24.0002H26.3525Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_3055_14424",
+              "x": "2",
+              "y": "0.333496",
+              "width": "28",
+              "height": "33.3335",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_3055_14424"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_3055_14424",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Html"
 }
diff --git a/web/app/components/base/icons/src/public/files/Html.tsx b/web/app/components/base/icons/src/public/files/Html.tsx
index 73b2faa627..0545aa3b17 100644
--- a/web/app/components/base/icons/src/public/files/Html.tsx
+++ b/web/app/components/base/icons/src/public/files/Html.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Html.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Html.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Json.json b/web/app/components/base/icons/src/public/files/Json.json
index 0801fecc1c..bc463a4a9f 100644
--- a/web/app/components/base/icons/src/public/files/Json.json
+++ b/web/app/components/base/icons/src/public/files/Json.json
@@ -1,178 +1,178 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_3055_14428)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
-							"fill": "#2D2D2E"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.96"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M9.83907 22.0479V18.3039H8.43907V22.0159C8.43907 22.5599 8.12707 22.7999 7.69507 22.7999C7.38307 22.7999 7.23907 22.6879 7.06307 22.5119L6.14307 23.4239C6.60707 23.8879 7.03107 24.0479 7.69507 24.0479C8.76707 24.0479 9.83907 23.3999 9.83907 22.0479Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M14.7321 22.2559C14.7321 21.7279 14.6121 21.3039 14.3081 21.0079C14.0681 20.7679 13.7001 20.6079 13.1881 20.5359L12.5001 20.4399C12.3001 20.4159 12.1801 20.3439 12.1081 20.2719C12.0201 20.1839 11.9961 20.0799 11.9961 20.0079C11.9961 19.7599 12.1961 19.4799 12.6841 19.4799C12.9321 19.4799 13.4041 19.4559 13.7641 19.8159L14.6441 18.9359C14.1561 18.4479 13.5401 18.2559 12.7241 18.2559C11.4281 18.2559 10.6441 19.0159 10.6441 20.0559C10.6441 20.5439 10.7721 20.9279 11.0361 21.1999C11.2921 21.4639 11.6761 21.6319 12.1801 21.7039L12.8681 21.7999C13.0521 21.8239 13.1721 21.8799 13.2441 21.9519C13.3241 22.0399 13.3561 22.1519 13.3561 22.2879C13.3561 22.6159 13.0921 22.7999 12.5401 22.7999C12.0841 22.7999 11.5641 22.6959 11.2681 22.3999L10.3721 23.2959C10.9481 23.8879 11.6601 24.0479 12.5321 24.0479C13.7321 24.0479 14.7321 23.4159 14.7321 22.2559Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M19.8023 21.1519C19.8023 20.2959 19.8263 19.4959 19.2263 18.8959C18.8103 18.4799 18.3303 18.2559 17.6343 18.2559C16.9383 18.2559 16.4583 18.4799 16.0423 18.8959C15.4423 19.4959 15.4663 20.2959 15.4663 21.1519C15.4663 22.0079 15.4423 22.8079 16.0423 23.4079C16.4583 23.8239 16.9383 24.0479 17.6343 24.0479C18.3303 24.0479 18.8103 23.8239 19.2263 23.4079C19.8263 22.8079 19.8023 22.0079 19.8023 21.1519ZM18.4023 21.1519C18.4023 22.1919 18.3223 22.3759 18.1943 22.5439C18.0903 22.6799 17.8903 22.7999 17.6343 22.7999C17.3783 22.7999 17.1783 22.6799 17.0743 22.5439C16.9463 22.3759 16.8663 22.1919 16.8663 21.1519C16.8663 20.1119 16.9463 19.9199 17.0743 19.7519C17.1783 19.6159 17.3783 19.5039 17.6343 19.5039C17.8903 19.5039 18.0903 19.6159 18.1943 19.7519C18.3223 19.9199 18.4023 20.1119 18.4023 21.1519Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M25.2154 23.9999V18.3039H23.8154V21.1679L21.9914 18.3039H20.7674V23.9999H22.1674V21.1359L23.9914 23.9999H25.2154Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_3055_14428",
-							"x": "2",
-							"y": "0.333496",
-							"width": "28",
-							"height": "33.3335",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_3055_14428"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_3055_14428",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Json"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_3055_14428)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
+              "fill": "#2D2D2E"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.96"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M9.83907 22.0479V18.3039H8.43907V22.0159C8.43907 22.5599 8.12707 22.7999 7.69507 22.7999C7.38307 22.7999 7.23907 22.6879 7.06307 22.5119L6.14307 23.4239C6.60707 23.8879 7.03107 24.0479 7.69507 24.0479C8.76707 24.0479 9.83907 23.3999 9.83907 22.0479Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M14.7321 22.2559C14.7321 21.7279 14.6121 21.3039 14.3081 21.0079C14.0681 20.7679 13.7001 20.6079 13.1881 20.5359L12.5001 20.4399C12.3001 20.4159 12.1801 20.3439 12.1081 20.2719C12.0201 20.1839 11.9961 20.0799 11.9961 20.0079C11.9961 19.7599 12.1961 19.4799 12.6841 19.4799C12.9321 19.4799 13.4041 19.4559 13.7641 19.8159L14.6441 18.9359C14.1561 18.4479 13.5401 18.2559 12.7241 18.2559C11.4281 18.2559 10.6441 19.0159 10.6441 20.0559C10.6441 20.5439 10.7721 20.9279 11.0361 21.1999C11.2921 21.4639 11.6761 21.6319 12.1801 21.7039L12.8681 21.7999C13.0521 21.8239 13.1721 21.8799 13.2441 21.9519C13.3241 22.0399 13.3561 22.1519 13.3561 22.2879C13.3561 22.6159 13.0921 22.7999 12.5401 22.7999C12.0841 22.7999 11.5641 22.6959 11.2681 22.3999L10.3721 23.2959C10.9481 23.8879 11.6601 24.0479 12.5321 24.0479C13.7321 24.0479 14.7321 23.4159 14.7321 22.2559Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M19.8023 21.1519C19.8023 20.2959 19.8263 19.4959 19.2263 18.8959C18.8103 18.4799 18.3303 18.2559 17.6343 18.2559C16.9383 18.2559 16.4583 18.4799 16.0423 18.8959C15.4423 19.4959 15.4663 20.2959 15.4663 21.1519C15.4663 22.0079 15.4423 22.8079 16.0423 23.4079C16.4583 23.8239 16.9383 24.0479 17.6343 24.0479C18.3303 24.0479 18.8103 23.8239 19.2263 23.4079C19.8263 22.8079 19.8023 22.0079 19.8023 21.1519ZM18.4023 21.1519C18.4023 22.1919 18.3223 22.3759 18.1943 22.5439C18.0903 22.6799 17.8903 22.7999 17.6343 22.7999C17.3783 22.7999 17.1783 22.6799 17.0743 22.5439C16.9463 22.3759 16.8663 22.1919 16.8663 21.1519C16.8663 20.1119 16.9463 19.9199 17.0743 19.7519C17.1783 19.6159 17.3783 19.5039 17.6343 19.5039C17.8903 19.5039 18.0903 19.6159 18.1943 19.7519C18.3223 19.9199 18.4023 20.1119 18.4023 21.1519Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M25.2154 23.9999V18.3039H23.8154V21.1679L21.9914 18.3039H20.7674V23.9999H22.1674V21.1359L23.9914 23.9999H25.2154Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_3055_14428",
+              "x": "2",
+              "y": "0.333496",
+              "width": "28",
+              "height": "33.3335",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_3055_14428"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_3055_14428",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Json"
 }
diff --git a/web/app/components/base/icons/src/public/files/Json.tsx b/web/app/components/base/icons/src/public/files/Json.tsx
index 530ee52b7b..215dfc02e1 100644
--- a/web/app/components/base/icons/src/public/files/Json.tsx
+++ b/web/app/components/base/icons/src/public/files/Json.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Json.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Json.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Md.json b/web/app/components/base/icons/src/public/files/Md.json
index 4a3cb687e6..e83fdb7502 100644
--- a/web/app/components/base/icons/src/public/files/Md.json
+++ b/web/app/components/base/icons/src/public/files/Md.json
@@ -1,144 +1,144 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_3777_37339)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
-							"fill": "#309BEC"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M21.9904 25.3335H10.0096C9.45202 25.3335 9 24.9138 9 24.396V18.271C9 17.7532 9.45202 17.3335 10.0096 17.3335H21.9904C22.548 17.3335 23 17.7532 23 18.271V24.396C23 24.9138 22.548 25.3335 21.9904 25.3335ZM12.3654 23.4585V21.021L13.7115 22.5835L15.0577 21.021V23.4585H16.4038V19.2085H15.0577L13.7115 20.771L12.3654 19.2085H11.0192V23.4585H12.3654ZM20.0385 21.3335H21.3846L19.3654 23.521L17.3462 21.3335H18.6923V19.2085H20.0385V21.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_3777_37339",
-							"x": "2",
-							"y": "0.333496",
-							"width": "28",
-							"height": "33.3335",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_3777_37339"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_3777_37339",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Md"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_3777_37339)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
+              "fill": "#309BEC"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M21.9904 25.3335H10.0096C9.45202 25.3335 9 24.9138 9 24.396V18.271C9 17.7532 9.45202 17.3335 10.0096 17.3335H21.9904C22.548 17.3335 23 17.7532 23 18.271V24.396C23 24.9138 22.548 25.3335 21.9904 25.3335ZM12.3654 23.4585V21.021L13.7115 22.5835L15.0577 21.021V23.4585H16.4038V19.2085H15.0577L13.7115 20.771L12.3654 19.2085H11.0192V23.4585H12.3654ZM20.0385 21.3335H21.3846L19.3654 23.521L17.3462 21.3335H18.6923V19.2085H20.0385V21.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_3777_37339",
+              "x": "2",
+              "y": "0.333496",
+              "width": "28",
+              "height": "33.3335",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_3777_37339"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_3777_37339",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Md"
 }
diff --git a/web/app/components/base/icons/src/public/files/Md.tsx b/web/app/components/base/icons/src/public/files/Md.tsx
index 0c975043fd..94e2390abe 100644
--- a/web/app/components/base/icons/src/public/files/Md.tsx
+++ b/web/app/components/base/icons/src/public/files/Md.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Md.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Md.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Pdf.json b/web/app/components/base/icons/src/public/files/Pdf.json
index 7770f2790d..6f2e6e7cd5 100644
--- a/web/app/components/base/icons/src/public/files/Pdf.json
+++ b/web/app/components/base/icons/src/public/files/Pdf.json
@@ -1,169 +1,169 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_3055_14420)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
-							"fill": "#DD3633"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.96"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M13.2801 20.1362C13.2801 19.2002 12.6001 18.3042 11.3361 18.3042H9.08008V24.0002H10.4801V21.9682H11.3361C12.6001 21.9682 13.2801 21.0722 13.2801 20.1362ZM11.8801 20.1362C11.8801 20.4322 11.6561 20.7122 11.2721 20.7122H10.4801V19.5602H11.2721C11.6561 19.5602 11.8801 19.8402 11.8801 20.1362Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M18.3357 21.1522C18.3357 20.2562 18.4077 19.5282 17.7437 18.8642C17.3517 18.4722 16.7997 18.3042 16.2077 18.3042H14.0957V24.0002H16.2077C16.7997 24.0002 17.3517 23.8322 17.7437 23.4402C18.4077 22.7762 18.3357 22.0482 18.3357 21.1522ZM16.9357 21.1522C16.9357 22.1202 16.8957 22.2722 16.7837 22.4322C16.6557 22.6242 16.4637 22.7522 16.1117 22.7522H15.4957V19.5522H16.1117C16.4637 19.5522 16.6557 19.6802 16.7837 19.8722C16.8957 20.0322 16.9357 20.1922 16.9357 21.1522Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M23.1786 19.5522V18.3042H19.3066V24.0002H20.7066V21.8002H22.8186V20.5522H20.7066V19.5522H23.1786Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_3055_14420",
-							"x": "2",
-							"y": "0.333496",
-							"width": "28",
-							"height": "33.3335",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_3055_14420"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_3055_14420",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Pdf"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_3055_14420)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
+              "fill": "#DD3633"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.96"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M13.2801 20.1362C13.2801 19.2002 12.6001 18.3042 11.3361 18.3042H9.08008V24.0002H10.4801V21.9682H11.3361C12.6001 21.9682 13.2801 21.0722 13.2801 20.1362ZM11.8801 20.1362C11.8801 20.4322 11.6561 20.7122 11.2721 20.7122H10.4801V19.5602H11.2721C11.6561 19.5602 11.8801 19.8402 11.8801 20.1362Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M18.3357 21.1522C18.3357 20.2562 18.4077 19.5282 17.7437 18.8642C17.3517 18.4722 16.7997 18.3042 16.2077 18.3042H14.0957V24.0002H16.2077C16.7997 24.0002 17.3517 23.8322 17.7437 23.4402C18.4077 22.7762 18.3357 22.0482 18.3357 21.1522ZM16.9357 21.1522C16.9357 22.1202 16.8957 22.2722 16.7837 22.4322C16.6557 22.6242 16.4637 22.7522 16.1117 22.7522H15.4957V19.5522H16.1117C16.4637 19.5522 16.6557 19.6802 16.7837 19.8722C16.8957 20.0322 16.9357 20.1922 16.9357 21.1522Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M23.1786 19.5522V18.3042H19.3066V24.0002H20.7066V21.8002H22.8186V20.5522H20.7066V19.5522H23.1786Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_3055_14420",
+              "x": "2",
+              "y": "0.333496",
+              "width": "28",
+              "height": "33.3335",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_3055_14420"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_3055_14420",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Pdf"
 }
diff --git a/web/app/components/base/icons/src/public/files/Pdf.tsx b/web/app/components/base/icons/src/public/files/Pdf.tsx
index fe46fcfc3b..7bec4670fc 100644
--- a/web/app/components/base/icons/src/public/files/Pdf.tsx
+++ b/web/app/components/base/icons/src/public/files/Pdf.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Pdf.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Pdf.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Txt.json b/web/app/components/base/icons/src/public/files/Txt.json
index c689fc680d..72389ec763 100644
--- a/web/app/components/base/icons/src/public/files/Txt.json
+++ b/web/app/components/base/icons/src/public/files/Txt.json
@@ -1,180 +1,180 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_3055_14432)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
-							"fill": "#E3E5E8"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4.25 7.73349C4.25 6.60926 4.25019 5.78113 4.30367 5.12666C4.3569 4.47511 4.46169 4.01774 4.65873 3.63103C5.01825 2.92542 5.59193 2.35175 6.29754 1.99222C6.68424 1.79518 7.14162 1.6904 7.79317 1.63716C8.44763 1.58369 9.27577 1.5835 10.4 1.5835H18.5631L27.75 10.7704V24.2668C27.75 25.3911 27.7498 26.2192 27.6963 26.8737C27.6431 27.5252 27.5383 27.9826 27.3413 28.3693C26.9817 29.0749 26.4081 29.6486 25.7025 30.0081C25.3158 30.2051 24.8584 30.3099 24.2068 30.3632C23.5524 30.4166 22.7242 30.4168 21.6 30.4168H10.4C9.27577 30.4168 8.44763 30.4166 7.79317 30.3632C7.14162 30.3099 6.68424 30.2051 6.29754 30.0081C5.59193 29.6486 5.01825 29.0749 4.65873 28.3693C4.46169 27.9826 4.3569 27.5252 4.30367 26.8737C4.25019 26.2192 4.25 25.3911 4.25 24.2668V7.73349Z",
-							"stroke": "black",
-							"stroke-opacity": "0.03",
-							"stroke-width": "0.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.96"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M13.2254 19.5522V18.3042H9.02539V19.5522H10.4254V24.0002H11.8254V19.5522H13.2254Z",
-							"fill": "#667085"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M18.5371 24.0002L16.7611 21.0802L18.4251 18.3042H16.8331L16.0011 19.9122L15.1691 18.3042H13.5771L15.2411 21.0802L13.4651 24.0002H15.0651L16.0011 22.2482L16.9371 24.0002H18.5371Z",
-							"fill": "#667085"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M22.9754 19.5522V18.3042H18.7754V19.5522H20.1754V24.0002H21.5754V19.5522H22.9754Z",
-							"fill": "#667085"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_3055_14432",
-							"x": "2",
-							"y": "0.333496",
-							"width": "28",
-							"height": "33.3335",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_3055_14432"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_3055_14432",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Txt"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_3055_14432)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
+              "fill": "#E3E5E8"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4.25 7.73349C4.25 6.60926 4.25019 5.78113 4.30367 5.12666C4.3569 4.47511 4.46169 4.01774 4.65873 3.63103C5.01825 2.92542 5.59193 2.35175 6.29754 1.99222C6.68424 1.79518 7.14162 1.6904 7.79317 1.63716C8.44763 1.58369 9.27577 1.5835 10.4 1.5835H18.5631L27.75 10.7704V24.2668C27.75 25.3911 27.7498 26.2192 27.6963 26.8737C27.6431 27.5252 27.5383 27.9826 27.3413 28.3693C26.9817 29.0749 26.4081 29.6486 25.7025 30.0081C25.3158 30.2051 24.8584 30.3099 24.2068 30.3632C23.5524 30.4166 22.7242 30.4168 21.6 30.4168H10.4C9.27577 30.4168 8.44763 30.4166 7.79317 30.3632C7.14162 30.3099 6.68424 30.2051 6.29754 30.0081C5.59193 29.6486 5.01825 29.0749 4.65873 28.3693C4.46169 27.9826 4.3569 27.5252 4.30367 26.8737C4.25019 26.2192 4.25 25.3911 4.25 24.2668V7.73349Z",
+              "stroke": "black",
+              "stroke-opacity": "0.03",
+              "stroke-width": "0.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.96"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M13.2254 19.5522V18.3042H9.02539V19.5522H10.4254V24.0002H11.8254V19.5522H13.2254Z",
+              "fill": "#667085"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M18.5371 24.0002L16.7611 21.0802L18.4251 18.3042H16.8331L16.0011 19.9122L15.1691 18.3042H13.5771L15.2411 21.0802L13.4651 24.0002H15.0651L16.0011 22.2482L16.9371 24.0002H18.5371Z",
+              "fill": "#667085"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M22.9754 19.5522V18.3042H18.7754V19.5522H20.1754V24.0002H21.5754V19.5522H22.9754Z",
+              "fill": "#667085"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_3055_14432",
+              "x": "2",
+              "y": "0.333496",
+              "width": "28",
+              "height": "33.3335",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_3055_14432"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_3055_14432",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Txt"
 }
diff --git a/web/app/components/base/icons/src/public/files/Txt.tsx b/web/app/components/base/icons/src/public/files/Txt.tsx
index f38b0e9c5c..d2aeade280 100644
--- a/web/app/components/base/icons/src/public/files/Txt.tsx
+++ b/web/app/components/base/icons/src/public/files/Txt.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Txt.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Txt.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Unknown.json b/web/app/components/base/icons/src/public/files/Unknown.json
index f1351e039e..8db6383712 100644
--- a/web/app/components/base/icons/src/public/files/Unknown.json
+++ b/web/app/components/base/icons/src/public/files/Unknown.json
@@ -1,199 +1,199 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "34",
-			"viewBox": "0 0 32 34",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_3055_14436)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
-							"fill": "#E3E5E8"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4.25 7.73349C4.25 6.60926 4.25019 5.78113 4.30367 5.12666C4.3569 4.47511 4.46169 4.01774 4.65873 3.63103C5.01825 2.92542 5.59193 2.35175 6.29754 1.99222C6.68424 1.79518 7.14162 1.6904 7.79317 1.63716C8.44763 1.58369 9.27577 1.5835 10.4 1.5835H18.5631L27.75 10.7704V24.2668C27.75 25.3911 27.7498 26.2192 27.6963 26.8737C27.6431 27.5252 27.5383 27.9826 27.3413 28.3693C26.9817 29.0749 26.4081 29.6486 25.7025 30.0081C25.3158 30.2051 24.8584 30.3099 24.2068 30.3632C23.5524 30.4166 22.7242 30.4168 21.6 30.4168H10.4C9.27577 30.4168 8.44763 30.4166 7.79317 30.3632C7.14162 30.3099 6.68424 30.2051 6.29754 30.0081C5.59193 29.6486 5.01825 29.0749 4.65873 28.3693C4.46169 27.9826 4.3569 27.5252 4.30367 26.8737C4.25019 26.2192 4.25 25.3911 4.25 24.2668V7.73349Z",
-							"stroke": "black",
-							"stroke-opacity": "0.03",
-							"stroke-width": "0.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M15.9998 23.1992C15.8014 23.1992 15.6039 23.1968 15.4077 23.1924V24.0549C15.4077 24.3819 15.6728 24.647 15.9998 24.647C16.3268 24.647 16.592 24.3819 16.592 24.0549V23.1924C16.3957 23.1968 16.1983 23.1992 15.9998 23.1992Z",
-					"fill": "#98A2B3"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M12.0984 22.8838L11.757 23.8593C11.649 24.168 11.8117 24.5058 12.1203 24.6138C12.185 24.6364 12.251 24.6472 12.3159 24.6472C12.5605 24.6472 12.7894 24.4944 12.8747 24.2505L13.2936 23.0534C12.8807 23.0073 12.481 22.9506 12.0984 22.8838Z",
-					"fill": "#98A2B3"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M20.2431 23.8593L19.9018 22.8838C19.5192 22.9506 19.1195 23.0073 18.7065 23.0534L19.1254 24.2505C19.2108 24.4944 19.4396 24.6472 19.6843 24.6472C19.7491 24.6472 19.8151 24.6364 19.8798 24.6138C20.1885 24.5058 20.3511 24.168 20.2431 23.8593Z",
-					"fill": "#98A2B3"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M20.1624 17.2634C20.2697 17.6416 20.3254 18.0369 20.3254 18.4409C20.3254 18.9087 20.05 19.3327 19.6226 19.5228C19.5564 19.5522 17.9801 20.2436 16.0359 20.2436C14.0917 20.2436 12.5153 19.5522 12.4492 19.5228C12.0218 19.3327 11.7464 18.9086 11.7464 18.4409C11.7464 18.0312 11.8037 17.6305 11.914 17.2476C10.3343 17.5645 8.5 18.2009 8.5 19.4464C8.5 20.2859 9.32512 20.9477 10.9525 21.4134C11.4194 21.547 11.9381 21.66 12.4949 21.7506C12.8783 21.813 13.28 21.8648 13.6953 21.9056C14.2455 21.9597 14.8197 21.9942 15.4079 22.0082C15.6039 22.0128 15.8013 22.0153 16 22.0153C16.1987 22.0153 16.3962 22.0128 16.5921 22.0082C17.1803 21.9943 17.7545 21.9596 18.3047 21.9056C18.72 21.8648 19.1217 21.8131 19.5051 21.7506C20.062 21.66 20.5807 21.547 21.0476 21.4134C22.6749 20.9477 23.5 20.2859 23.5 19.4464C23.5 18.2187 21.7108 17.5833 20.1624 17.2634Z",
-					"fill": "#98A2B3"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M18.8441 17.1144C18.7585 16.9335 18.6559 16.7622 18.5384 16.6025C18.4174 16.4382 18.2809 16.286 18.1307 16.1486C17.5784 15.6437 16.8433 15.3354 16.036 15.3354C15.2318 15.3354 14.499 15.6411 13.9476 16.1426C13.7974 16.2791 13.6609 16.4303 13.5399 16.5937C13.4217 16.753 13.3185 16.924 13.2322 17.1048C13.039 17.5095 12.9307 17.9624 12.9307 18.4407C12.9307 18.4407 14.321 19.0592 16.036 19.0592C17.751 19.0592 19.1412 18.4407 19.1412 18.4407C19.1412 17.9662 19.0344 17.5167 18.8441 17.1144Z",
-					"fill": "#98A2B3"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_3055_14436",
-							"x": "2",
-							"y": "0.333496",
-							"width": "28",
-							"height": "33.3335",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_3055_14436"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_3055_14436",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Unknown"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "34",
+      "viewBox": "0 0 32 34",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_3055_14436)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4 7.73349C4 5.49329 4 4.37318 4.43597 3.51753C4.81947 2.76489 5.43139 2.15296 6.18404 1.76947C7.03969 1.3335 8.15979 1.3335 10.4 1.3335H18.6667L28 10.6668V24.2668C28 26.507 28 27.6271 27.564 28.4828C27.1805 29.2354 26.5686 29.8474 25.816 30.2309C24.9603 30.6668 23.8402 30.6668 21.6 30.6668H10.4C8.15979 30.6668 7.03969 30.6668 6.18404 30.2309C5.43139 29.8474 4.81947 29.2354 4.43597 28.4828C4 27.6271 4 26.507 4 24.2668V7.73349Z",
+              "fill": "#E3E5E8"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4.25 7.73349C4.25 6.60926 4.25019 5.78113 4.30367 5.12666C4.3569 4.47511 4.46169 4.01774 4.65873 3.63103C5.01825 2.92542 5.59193 2.35175 6.29754 1.99222C6.68424 1.79518 7.14162 1.6904 7.79317 1.63716C8.44763 1.58369 9.27577 1.5835 10.4 1.5835H18.5631L27.75 10.7704V24.2668C27.75 25.3911 27.7498 26.2192 27.6963 26.8737C27.6431 27.5252 27.5383 27.9826 27.3413 28.3693C26.9817 29.0749 26.4081 29.6486 25.7025 30.0081C25.3158 30.2051 24.8584 30.3099 24.2068 30.3632C23.5524 30.4166 22.7242 30.4168 21.6 30.4168H10.4C9.27577 30.4168 8.44763 30.4166 7.79317 30.3632C7.14162 30.3099 6.68424 30.2051 6.29754 30.0081C5.59193 29.6486 5.01825 29.0749 4.65873 28.3693C4.46169 27.9826 4.3569 27.5252 4.30367 26.8737C4.25019 26.2192 4.25 25.3911 4.25 24.2668V7.73349Z",
+              "stroke": "black",
+              "stroke-opacity": "0.03",
+              "stroke-width": "0.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M15.9998 23.1992C15.8014 23.1992 15.6039 23.1968 15.4077 23.1924V24.0549C15.4077 24.3819 15.6728 24.647 15.9998 24.647C16.3268 24.647 16.592 24.3819 16.592 24.0549V23.1924C16.3957 23.1968 16.1983 23.1992 15.9998 23.1992Z",
+          "fill": "#98A2B3"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M12.0984 22.8838L11.757 23.8593C11.649 24.168 11.8117 24.5058 12.1203 24.6138C12.185 24.6364 12.251 24.6472 12.3159 24.6472C12.5605 24.6472 12.7894 24.4944 12.8747 24.2505L13.2936 23.0534C12.8807 23.0073 12.481 22.9506 12.0984 22.8838Z",
+          "fill": "#98A2B3"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M20.2431 23.8593L19.9018 22.8838C19.5192 22.9506 19.1195 23.0073 18.7065 23.0534L19.1254 24.2505C19.2108 24.4944 19.4396 24.6472 19.6843 24.6472C19.7491 24.6472 19.8151 24.6364 19.8798 24.6138C20.1885 24.5058 20.3511 24.168 20.2431 23.8593Z",
+          "fill": "#98A2B3"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M20.1624 17.2634C20.2697 17.6416 20.3254 18.0369 20.3254 18.4409C20.3254 18.9087 20.05 19.3327 19.6226 19.5228C19.5564 19.5522 17.9801 20.2436 16.0359 20.2436C14.0917 20.2436 12.5153 19.5522 12.4492 19.5228C12.0218 19.3327 11.7464 18.9086 11.7464 18.4409C11.7464 18.0312 11.8037 17.6305 11.914 17.2476C10.3343 17.5645 8.5 18.2009 8.5 19.4464C8.5 20.2859 9.32512 20.9477 10.9525 21.4134C11.4194 21.547 11.9381 21.66 12.4949 21.7506C12.8783 21.813 13.28 21.8648 13.6953 21.9056C14.2455 21.9597 14.8197 21.9942 15.4079 22.0082C15.6039 22.0128 15.8013 22.0153 16 22.0153C16.1987 22.0153 16.3962 22.0128 16.5921 22.0082C17.1803 21.9943 17.7545 21.9596 18.3047 21.9056C18.72 21.8648 19.1217 21.8131 19.5051 21.7506C20.062 21.66 20.5807 21.547 21.0476 21.4134C22.6749 20.9477 23.5 20.2859 23.5 19.4464C23.5 18.2187 21.7108 17.5833 20.1624 17.2634Z",
+          "fill": "#98A2B3"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M18.8441 17.1144C18.7585 16.9335 18.6559 16.7622 18.5384 16.6025C18.4174 16.4382 18.2809 16.286 18.1307 16.1486C17.5784 15.6437 16.8433 15.3354 16.036 15.3354C15.2318 15.3354 14.499 15.6411 13.9476 16.1426C13.7974 16.2791 13.6609 16.4303 13.5399 16.5937C13.4217 16.753 13.3185 16.924 13.2322 17.1048C13.039 17.5095 12.9307 17.9624 12.9307 18.4407C12.9307 18.4407 14.321 19.0592 16.036 19.0592C17.751 19.0592 19.1412 18.4407 19.1412 18.4407C19.1412 17.9662 19.0344 17.5167 18.8441 17.1144Z",
+          "fill": "#98A2B3"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M18.6665 1.3335L27.9998 10.6668H21.3332C19.8604 10.6668 18.6665 9.47292 18.6665 8.00016V1.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_3055_14436",
+              "x": "2",
+              "y": "0.333496",
+              "width": "28",
+              "height": "33.3335",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_3055_14436"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_3055_14436",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Unknown"
 }
diff --git a/web/app/components/base/icons/src/public/files/Unknown.tsx b/web/app/components/base/icons/src/public/files/Unknown.tsx
index cd7686558f..3f59ec6a58 100644
--- a/web/app/components/base/icons/src/public/files/Unknown.tsx
+++ b/web/app/components/base/icons/src/public/files/Unknown.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Unknown.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Unknown.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Xlsx.json b/web/app/components/base/icons/src/public/files/Xlsx.json
index 5f0e7a96fc..e05e797050 100644
--- a/web/app/components/base/icons/src/public/files/Xlsx.json
+++ b/web/app/components/base/icons/src/public/files/Xlsx.json
@@ -1,145 +1,145 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "26",
-			"viewBox": "0 0 24 26",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_5938_927)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M3 5.8C3 4.11984 3 3.27976 3.32698 2.63803C3.6146 2.07354 4.07354 1.6146 4.63803 1.32698C5.27976 1 6.11984 1 7.8 1H14L21 8V18.2C21 19.8802 21 20.7202 20.673 21.362C20.3854 21.9265 19.9265 22.3854 19.362 22.673C18.7202 23 17.8802 23 16.2 23H7.8C6.11984 23 5.27976 23 4.63803 22.673C4.07354 22.3854 3.6146 21.9265 3.32698 21.362C3 20.7202 3 19.8802 3 18.2V5.8Z",
-							"fill": "#169951"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M14 1L21 8H16C14.8954 8 14 7.10457 14 6V1Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M17 12C17.5523 12 18 12.4477 18 13V18C18 18.5523 17.5523 19 17 19H7C6.44772 19 6 18.5523 6 18V13C6 12.4477 6.44772 12 7 12H17ZM11.5 13H7L7 15H11.5V13ZM12.5 18H17V16H12.5V18ZM11.5 16V18H7L7 16H11.5ZM12.5 15H17V13H12.5V15Z",
-					"fill": "white",
-					"fill-opacity": "0.96"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_5938_927",
-							"x": "1",
-							"y": "0",
-							"width": "22",
-							"height": "26",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_5938_927"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_5938_927",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Xlsx"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "26",
+      "viewBox": "0 0 24 26",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_5938_927)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M3 5.8C3 4.11984 3 3.27976 3.32698 2.63803C3.6146 2.07354 4.07354 1.6146 4.63803 1.32698C5.27976 1 6.11984 1 7.8 1H14L21 8V18.2C21 19.8802 21 20.7202 20.673 21.362C20.3854 21.9265 19.9265 22.3854 19.362 22.673C18.7202 23 17.8802 23 16.2 23H7.8C6.11984 23 5.27976 23 4.63803 22.673C4.07354 22.3854 3.6146 21.9265 3.32698 21.362C3 20.7202 3 19.8802 3 18.2V5.8Z",
+              "fill": "#169951"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M14 1L21 8H16C14.8954 8 14 7.10457 14 6V1Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M17 12C17.5523 12 18 12.4477 18 13V18C18 18.5523 17.5523 19 17 19H7C6.44772 19 6 18.5523 6 18V13C6 12.4477 6.44772 12 7 12H17ZM11.5 13H7L7 15H11.5V13ZM12.5 18H17V16H12.5V18ZM11.5 16V18H7L7 16H11.5ZM12.5 15H17V13H12.5V15Z",
+          "fill": "white",
+          "fill-opacity": "0.96"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_5938_927",
+              "x": "1",
+              "y": "0",
+              "width": "22",
+              "height": "26",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_5938_927"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_5938_927",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Xlsx"
 }
diff --git a/web/app/components/base/icons/src/public/files/Xlsx.tsx b/web/app/components/base/icons/src/public/files/Xlsx.tsx
index e65f2ab4bc..71d80f624d 100644
--- a/web/app/components/base/icons/src/public/files/Xlsx.tsx
+++ b/web/app/components/base/icons/src/public/files/Xlsx.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Xlsx.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Xlsx.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/files/Yaml.json b/web/app/components/base/icons/src/public/files/Yaml.json
index aa05cb468e..b55681c730 100644
--- a/web/app/components/base/icons/src/public/files/Yaml.json
+++ b/web/app/components/base/icons/src/public/files/Yaml.json
@@ -1,181 +1,181 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"fill": "none",
-			"height": "26",
-			"viewBox": "0 0 24 26",
-			"width": "24",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "filter",
-				"attributes": {
-					"id": "a",
-					"color-interpolation-filters": "sRGB",
-					"filterUnits": "userSpaceOnUse",
-					"height": "26",
-					"width": "22",
-					"x": "1",
-					"y": "0"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "feFlood",
-						"attributes": {
-							"flood-opacity": "0",
-							"result": "BackgroundImageFix"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "feColorMatrix",
-						"attributes": {
-							"in": "SourceAlpha",
-							"result": "hardAlpha",
-							"type": "matrix",
-							"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "feOffset",
-						"attributes": {
-							"dy": "1"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "feGaussianBlur",
-						"attributes": {
-							"stdDeviation": "1"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "feColorMatrix",
-						"attributes": {
-							"type": "matrix",
-							"values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "feBlend",
-						"attributes": {
-							"in2": "BackgroundImageFix",
-							"mode": "normal",
-							"result": "effect1_dropShadow_7605_8828"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "feBlend",
-						"attributes": {
-							"in": "SourceGraphic",
-							"in2": "effect1_dropShadow_7605_8828",
-							"mode": "normal",
-							"result": "shape"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#a)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m3 5.8c0-1.68016 0-2.52024.32698-3.16197.28762-.56449.74656-1.02343 1.31105-1.31105.64173-.32698 1.48181-.32698 3.16197-.32698h6.2l7 7v10.2c0 1.6802 0 2.5202-.327 3.162-.2876.5645-.7465 1.0234-1.311 1.311-.6418.327-1.4818.327-3.162.327h-8.4c-1.68016 0-2.52024 0-3.16197-.327-.56449-.2876-1.02343-.7465-1.31105-1.311-.32698-.6418-.32698-1.4818-.32698-3.162z",
-							"fill": "#e8eaed"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m16.2 22.75h-8.4c-.8442 0-1.46232-.0002-1.95004-.04-.48479-.0397-.81868-.1172-1.09843-.2597-.51745-.2637-.93815-.6844-1.2018-1.2018-.14254-.2798-.22008-.6137-.25969-1.0985-.03985-.4877-.04004-1.1058-.04004-1.95v-12.4c0-.8442.00019-1.46232.04004-1.95004.03961-.48479.11715-.81868.25969-1.09843.26365-.51745.68435-.93815 1.2018-1.2018.27975-.14254.61364-.22008 1.09843-.25969.48772-.03985 1.10584-.04004 1.95004-.04004h6.0964l6.8536 6.85355v10.09645c0 .8442-.0002 1.4623-.04 1.95-.0397.4848-.1172.8187-.2597 1.0985-.2637.5174-.6844.9381-1.2018 1.2018-.2798.1425-.6137.22-1.0985.2597-.4877.0398-1.1058.04-1.95.04z",
-							"stroke": "#000",
-							"stroke-opacity": ".03",
-							"stroke-width": ".5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m14 1 7 7h-5c-1.1046 0-2-.89543-2-2z",
-					"fill": "#fff",
-					"opacity": ".5"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m11.5264 9-2.15191 3.2267v2.0455h-1.31897v-2.0455l-2.05552-3.2267h1.48242l1.30707 2.0776 1.31781-2.0776z",
-					"fill": "#000"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m13.7426 13.1121h-2.3874l-.4855 1.1724h-1.0572l2.2355-5.27223h1.0813l2.1448 5.27223h-1.1297zm-.3966-1.0526-.7318-1.9348-.8165 1.9348z",
-					"fill": "#cb171e"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"fill": "#000"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m8.05469 14.8635v5.1673h1.10866v-3.5643l1.16025 2.3957h.8727l1.1999-2.4799v3.6474h1.0636v-5.1662h-1.4522l-1.2885 2.3369-1.22722-2.3369z"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "m17.9994 18.9079h-2.7272v-4.0456h-1.1296v5.1451h3.8568z"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Yaml"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "fill": "none",
+      "height": "26",
+      "viewBox": "0 0 24 26",
+      "width": "24",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "filter",
+        "attributes": {
+          "id": "a",
+          "color-interpolation-filters": "sRGB",
+          "filterUnits": "userSpaceOnUse",
+          "height": "26",
+          "width": "22",
+          "x": "1",
+          "y": "0"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "feFlood",
+            "attributes": {
+              "flood-opacity": "0",
+              "result": "BackgroundImageFix"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "feColorMatrix",
+            "attributes": {
+              "in": "SourceAlpha",
+              "result": "hardAlpha",
+              "type": "matrix",
+              "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "feOffset",
+            "attributes": {
+              "dy": "1"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "feGaussianBlur",
+            "attributes": {
+              "stdDeviation": "1"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "feColorMatrix",
+            "attributes": {
+              "type": "matrix",
+              "values": "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "feBlend",
+            "attributes": {
+              "in2": "BackgroundImageFix",
+              "mode": "normal",
+              "result": "effect1_dropShadow_7605_8828"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "feBlend",
+            "attributes": {
+              "in": "SourceGraphic",
+              "in2": "effect1_dropShadow_7605_8828",
+              "mode": "normal",
+              "result": "shape"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#a)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m3 5.8c0-1.68016 0-2.52024.32698-3.16197.28762-.56449.74656-1.02343 1.31105-1.31105.64173-.32698 1.48181-.32698 3.16197-.32698h6.2l7 7v10.2c0 1.6802 0 2.5202-.327 3.162-.2876.5645-.7465 1.0234-1.311 1.311-.6418.327-1.4818.327-3.162.327h-8.4c-1.68016 0-2.52024 0-3.16197-.327-.56449-.2876-1.02343-.7465-1.31105-1.311-.32698-.6418-.32698-1.4818-.32698-3.162z",
+              "fill": "#e8eaed"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m16.2 22.75h-8.4c-.8442 0-1.46232-.0002-1.95004-.04-.48479-.0397-.81868-.1172-1.09843-.2597-.51745-.2637-.93815-.6844-1.2018-1.2018-.14254-.2798-.22008-.6137-.25969-1.0985-.03985-.4877-.04004-1.1058-.04004-1.95v-12.4c0-.8442.00019-1.46232.04004-1.95004.03961-.48479.11715-.81868.25969-1.09843.26365-.51745.68435-.93815 1.2018-1.2018.27975-.14254.61364-.22008 1.09843-.25969.48772-.03985 1.10584-.04004 1.95004-.04004h6.0964l6.8536 6.85355v10.09645c0 .8442-.0002 1.4623-.04 1.95-.0397.4848-.1172.8187-.2597 1.0985-.2637.5174-.6844.9381-1.2018 1.2018-.2798.1425-.6137.22-1.0985.2597-.4877.0398-1.1058.04-1.95.04z",
+              "stroke": "#000",
+              "stroke-opacity": ".03",
+              "stroke-width": ".5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m14 1 7 7h-5c-1.1046 0-2-.89543-2-2z",
+          "fill": "#fff",
+          "opacity": ".5"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m11.5264 9-2.15191 3.2267v2.0455h-1.31897v-2.0455l-2.05552-3.2267h1.48242l1.30707 2.0776 1.31781-2.0776z",
+          "fill": "#000"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m13.7426 13.1121h-2.3874l-.4855 1.1724h-1.0572l2.2355-5.27223h1.0813l2.1448 5.27223h-1.1297zm-.3966-1.0526-.7318-1.9348-.8165 1.9348z",
+          "fill": "#cb171e"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "fill": "#000"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m8.05469 14.8635v5.1673h1.10866v-3.5643l1.16025 2.3957h.8727l1.1999-2.4799v3.6474h1.0636v-5.1662h-1.4522l-1.2885 2.3369-1.22722-2.3369z"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "m17.9994 18.9079h-2.7272v-4.0456h-1.1296v5.1451h3.8568z"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Yaml"
 }
diff --git a/web/app/components/base/icons/src/public/files/Yaml.tsx b/web/app/components/base/icons/src/public/files/Yaml.tsx
index 6c20f412dd..096d6afba6 100644
--- a/web/app/components/base/icons/src/public/files/Yaml.tsx
+++ b/web/app/components/base/icons/src/public/files/Yaml.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Yaml.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Yaml.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/File.json b/web/app/components/base/icons/src/public/knowledge/File.json
index 88adc2ae5b..c70d786e38 100644
--- a/web/app/components/base/icons/src/public/knowledge/File.json
+++ b/web/app/components/base/icons/src/public/knowledge/File.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M8.66667 1.34356C8.66667 1.32602 8.66667 1.31725 8.66591 1.30135C8.65018 0.972168 8.3607 0.682824 8.03151 0.667251C8.01562 0.666499 8.0104 0.666501 8.00001 0.666504H5.8391C5.30248 0.666497 4.85957 0.666491 4.49878 0.695968C4.12405 0.726585 3.77958 0.792295 3.45603 0.957155C2.95426 1.21282 2.54631 1.62077 2.29065 2.12253C2.12579 2.44609 2.06008 2.79056 2.02946 3.16529C1.99999 3.52608 1.99999 3.96899 2 4.50562V11.494C1.99999 12.0307 1.99999 12.4736 2.02946 12.8344C2.06008 13.2091 2.12579 13.5536 2.29065 13.8771C2.54631 14.3789 2.95426 14.7869 3.45603 15.0425C3.77958 15.2074 4.12405 15.2731 4.49878 15.3037C4.85958 15.3332 5.30248 15.3332 5.83912 15.3332H10.1609C10.6975 15.3332 11.1404 15.3332 11.5012 15.3037C11.8759 15.2731 12.2204 15.2074 12.544 15.0425C13.0457 14.7869 13.4537 14.3789 13.7093 13.8771C13.8742 13.5536 13.9399 13.2091 13.9705 12.8344C14 12.4736 14 12.0307 14 11.4941V6.66646C14 6.65611 14 6.65093 13.9993 6.63505C13.9837 6.30583 13.6943 6.01631 13.3651 6.0006C13.3492 5.99985 13.3405 5.99985 13.323 5.99985L10.3787 5.99985C10.2105 5.99987 10.0466 5.99989 9.90785 5.98855C9.75545 5.9761 9.57563 5.94672 9.39468 5.85452C9.1438 5.72669 8.93983 5.52272 8.81199 5.27183C8.7198 5.09088 8.69042 4.91106 8.67797 4.75867C8.66663 4.61989 8.66665 4.45603 8.66667 4.28778L8.66667 1.34356ZM5.33333 8.6665C4.96514 8.6665 4.66667 8.96498 4.66667 9.33317C4.66667 9.70136 4.96514 9.99984 5.33333 9.99984H10.6667C11.0349 9.99984 11.3333 9.70136 11.3333 9.33317C11.3333 8.96498 11.0349 8.6665 10.6667 8.6665H5.33333ZM5.33333 11.3332C4.96514 11.3332 4.66667 11.6316 4.66667 11.9998C4.66667 12.368 4.96514 12.6665 5.33333 12.6665H9.33333C9.70152 12.6665 10 12.368 10 11.9998C10 11.6316 9.70152 11.3332 9.33333 11.3332H5.33333Z",
-					"fill": "#444CE7"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12.6053 4.6665C12.8011 4.6665 12.8989 4.6665 12.9791 4.61735C13.0923 4.54794 13.16 4.3844 13.129 4.25526C13.107 4.16382 13.0432 4.10006 12.9155 3.97253L10.694 1.75098C10.5664 1.62333 10.5027 1.5595 10.4112 1.53752C10.2821 1.50648 10.1186 1.57417 10.0492 1.6874C10 1.76757 10 1.86545 10 2.0612L10 4.13315C10 4.31982 10 4.41316 10.0363 4.48446C10.0683 4.54718 10.1193 4.59818 10.182 4.63014C10.2533 4.66647 10.3466 4.66647 10.5333 4.66647L12.6053 4.6665Z",
-					"fill": "#444CE7"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "File"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M8.66667 1.34356C8.66667 1.32602 8.66667 1.31725 8.66591 1.30135C8.65018 0.972168 8.3607 0.682824 8.03151 0.667251C8.01562 0.666499 8.0104 0.666501 8.00001 0.666504H5.8391C5.30248 0.666497 4.85957 0.666491 4.49878 0.695968C4.12405 0.726585 3.77958 0.792295 3.45603 0.957155C2.95426 1.21282 2.54631 1.62077 2.29065 2.12253C2.12579 2.44609 2.06008 2.79056 2.02946 3.16529C1.99999 3.52608 1.99999 3.96899 2 4.50562V11.494C1.99999 12.0307 1.99999 12.4736 2.02946 12.8344C2.06008 13.2091 2.12579 13.5536 2.29065 13.8771C2.54631 14.3789 2.95426 14.7869 3.45603 15.0425C3.77958 15.2074 4.12405 15.2731 4.49878 15.3037C4.85958 15.3332 5.30248 15.3332 5.83912 15.3332H10.1609C10.6975 15.3332 11.1404 15.3332 11.5012 15.3037C11.8759 15.2731 12.2204 15.2074 12.544 15.0425C13.0457 14.7869 13.4537 14.3789 13.7093 13.8771C13.8742 13.5536 13.9399 13.2091 13.9705 12.8344C14 12.4736 14 12.0307 14 11.4941V6.66646C14 6.65611 14 6.65093 13.9993 6.63505C13.9837 6.30583 13.6943 6.01631 13.3651 6.0006C13.3492 5.99985 13.3405 5.99985 13.323 5.99985L10.3787 5.99985C10.2105 5.99987 10.0466 5.99989 9.90785 5.98855C9.75545 5.9761 9.57563 5.94672 9.39468 5.85452C9.1438 5.72669 8.93983 5.52272 8.81199 5.27183C8.7198 5.09088 8.69042 4.91106 8.67797 4.75867C8.66663 4.61989 8.66665 4.45603 8.66667 4.28778L8.66667 1.34356ZM5.33333 8.6665C4.96514 8.6665 4.66667 8.96498 4.66667 9.33317C4.66667 9.70136 4.96514 9.99984 5.33333 9.99984H10.6667C11.0349 9.99984 11.3333 9.70136 11.3333 9.33317C11.3333 8.96498 11.0349 8.6665 10.6667 8.6665H5.33333ZM5.33333 11.3332C4.96514 11.3332 4.66667 11.6316 4.66667 11.9998C4.66667 12.368 4.96514 12.6665 5.33333 12.6665H9.33333C9.70152 12.6665 10 12.368 10 11.9998C10 11.6316 9.70152 11.3332 9.33333 11.3332H5.33333Z",
+          "fill": "#444CE7"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12.6053 4.6665C12.8011 4.6665 12.8989 4.6665 12.9791 4.61735C13.0923 4.54794 13.16 4.3844 13.129 4.25526C13.107 4.16382 13.0432 4.10006 12.9155 3.97253L10.694 1.75098C10.5664 1.62333 10.5027 1.5595 10.4112 1.53752C10.2821 1.50648 10.1186 1.57417 10.0492 1.6874C10 1.76757 10 1.86545 10 2.0612L10 4.13315C10 4.31982 10 4.41316 10.0363 4.48446C10.0683 4.54718 10.1193 4.59818 10.182 4.63014C10.2533 4.66647 10.3466 4.66647 10.5333 4.66647L12.6053 4.6665Z",
+          "fill": "#444CE7"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "File"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/File.tsx b/web/app/components/base/icons/src/public/knowledge/File.tsx
index 378e240097..f4ddceac0d 100644
--- a/web/app/components/base/icons/src/public/knowledge/File.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/File.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './File.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './File.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.json b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.json
index 601b081ade..18119e1295 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.json
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.json
@@ -1,90 +1,90 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "214",
-			"height": "124",
-			"viewBox": "0 0 214 124",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Effect",
-					"opacity": "0.5",
-					"filter": "url(#filter0_f_6128_89310)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "circle",
-						"attributes": {
-							"cx": "26",
-							"cy": "26",
-							"r": "28",
-							"fill": "#6172F3"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_f_6128_89310",
-							"x": "-162",
-							"y": "-162",
-							"width": "376",
-							"height": "376",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "80",
-									"result": "effect1_foregroundBlur_6128_89310"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OptionCardEffectBlue"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "214",
+      "height": "124",
+      "viewBox": "0 0 214 124",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Effect",
+          "opacity": "0.5",
+          "filter": "url(#filter0_f_6128_89310)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "circle",
+            "attributes": {
+              "cx": "26",
+              "cy": "26",
+              "r": "28",
+              "fill": "#6172F3"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_f_6128_89310",
+              "x": "-162",
+              "y": "-162",
+              "width": "376",
+              "height": "376",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "80",
+                  "result": "effect1_foregroundBlur_6128_89310"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OptionCardEffectBlue"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.tsx b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.tsx
index 8d3e6a8a8a..65bf90c4a9 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlue.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OptionCardEffectBlue.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OptionCardEffectBlue.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.json b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.json
index 8509d38c0e..7e17b3422a 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.json
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.json
@@ -1,90 +1,90 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "212",
-			"height": "74",
-			"viewBox": "0 0 212 74",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Effect",
-					"opacity": "0.8",
-					"filter": "url(#filter0_f_6128_88629)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "circle",
-						"attributes": {
-							"cx": "24",
-							"cy": "24",
-							"r": "28",
-							"fill": "#0BA5EC"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_f_6128_88629",
-							"x": "-164",
-							"y": "-164",
-							"width": "376",
-							"height": "376",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "80",
-									"result": "effect1_foregroundBlur_6128_88629"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OptionCardEffectBlueLight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "212",
+      "height": "74",
+      "viewBox": "0 0 212 74",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Effect",
+          "opacity": "0.8",
+          "filter": "url(#filter0_f_6128_88629)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "circle",
+            "attributes": {
+              "cx": "24",
+              "cy": "24",
+              "r": "28",
+              "fill": "#0BA5EC"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_f_6128_88629",
+              "x": "-164",
+              "y": "-164",
+              "width": "376",
+              "height": "376",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "80",
+                  "result": "effect1_foregroundBlur_6128_88629"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OptionCardEffectBlueLight"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.tsx b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.tsx
index f44856be61..ad83e82da7 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectBlueLight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OptionCardEffectBlueLight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OptionCardEffectBlueLight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.json b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.json
index 3e9661e520..4e8deaca42 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.json
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.json
@@ -1,90 +1,90 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "220",
-			"height": "220",
-			"viewBox": "0 0 220 220",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Effect",
-					"opacity": "0.8",
-					"filter": "url(#filter0_f_481_16338)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "circle",
-						"attributes": {
-							"cx": "32",
-							"cy": "32",
-							"r": "28",
-							"fill": "#EF6820"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_f_481_16338",
-							"x": "-156",
-							"y": "-156",
-							"width": "376",
-							"height": "376",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "80",
-									"result": "effect1_foregroundBlur_481_16338"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OptionCardEffectOrange"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "220",
+      "height": "220",
+      "viewBox": "0 0 220 220",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Effect",
+          "opacity": "0.8",
+          "filter": "url(#filter0_f_481_16338)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "circle",
+            "attributes": {
+              "cx": "32",
+              "cy": "32",
+              "r": "28",
+              "fill": "#EF6820"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_f_481_16338",
+              "x": "-156",
+              "y": "-156",
+              "width": "376",
+              "height": "376",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "80",
+                  "result": "effect1_foregroundBlur_481_16338"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OptionCardEffectOrange"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.tsx b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.tsx
index fe76f5917f..b080a0bfe3 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectOrange.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OptionCardEffectOrange.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OptionCardEffectOrange.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.json b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.json
index 0606a59d26..e75037a3b6 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.json
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.json
@@ -1,90 +1,90 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "220",
-			"height": "220",
-			"viewBox": "0 0 220 220",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Effect",
-					"opacity": "0.8",
-					"filter": "url(#filter0_f_5863_82395)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "circle",
-						"attributes": {
-							"cx": "32",
-							"cy": "32",
-							"r": "28",
-							"fill": "#6938EF"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_f_5863_82395",
-							"x": "-156",
-							"y": "-156",
-							"width": "376",
-							"height": "376",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "80",
-									"result": "effect1_foregroundBlur_5863_82395"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OptionCardEffectPurple"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "220",
+      "height": "220",
+      "viewBox": "0 0 220 220",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Effect",
+          "opacity": "0.8",
+          "filter": "url(#filter0_f_5863_82395)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "circle",
+            "attributes": {
+              "cx": "32",
+              "cy": "32",
+              "r": "28",
+              "fill": "#6938EF"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_f_5863_82395",
+              "x": "-156",
+              "y": "-156",
+              "width": "376",
+              "height": "376",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "80",
+                  "result": "effect1_foregroundBlur_5863_82395"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OptionCardEffectPurple"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.tsx b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.tsx
index f5c5e7ba3a..b584289249 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectPurple.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OptionCardEffectPurple.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OptionCardEffectPurple.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.json b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.json
index ab044dbe49..ee02439837 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.json
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.json
@@ -1,89 +1,89 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "212",
-			"height": "92",
-			"viewBox": "0 0 212 92",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.8",
-					"filter": "url(#filter0_f_9981_52393)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "circle",
-						"attributes": {
-							"cx": "24",
-							"cy": "24",
-							"r": "28",
-							"fill": "#0E9384"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_f_9981_52393",
-							"x": "-164",
-							"y": "-164",
-							"width": "376",
-							"height": "376",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "80",
-									"result": "effect1_foregroundBlur_9981_52393"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OptionCardEffectTeal"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "212",
+      "height": "92",
+      "viewBox": "0 0 212 92",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.8",
+          "filter": "url(#filter0_f_9981_52393)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "circle",
+            "attributes": {
+              "cx": "24",
+              "cy": "24",
+              "r": "28",
+              "fill": "#0E9384"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_f_9981_52393",
+              "x": "-164",
+              "y": "-164",
+              "width": "376",
+              "height": "376",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "80",
+                  "result": "effect1_foregroundBlur_9981_52393"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OptionCardEffectTeal"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.tsx b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.tsx
index 0d2a07e405..c614b3bd6b 100644
--- a/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/OptionCardEffectTeal.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OptionCardEffectTeal.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OptionCardEffectTeal.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/SelectionMod.json b/web/app/components/base/icons/src/public/knowledge/SelectionMod.json
index c88e27809f..607cb25162 100644
--- a/web/app/components/base/icons/src/public/knowledge/SelectionMod.json
+++ b/web/app/components/base/icons/src/public/knowledge/SelectionMod.json
@@ -1,116 +1,116 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "10",
-			"height": "10",
-			"viewBox": "0 0 10 10",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M2.5 10H0V7.5H2.5V10Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M6.25 6.25H3.75V3.75H6.25V6.25Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M2.5 6.25H0V3.75H2.5V6.25Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M6.25 2.5H3.75V0H6.25V2.5Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_5",
-							"d": "M2.5 2.5H0V0H2.5V2.5Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_6",
-							"d": "M10 2.5H7.5V0H10V2.5Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_7",
-							"d": "M9.58332 7.91663H7.91666V9.58329H9.58332V7.91663Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_8",
-							"d": "M9.58332 4.16663H7.91666V5.83329H9.58332V4.16663Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_9",
-							"d": "M5.83332 7.91663H4.16666V9.58329H5.83332V7.91663Z",
-							"fill": "#676F83"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "SelectionMod"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "10",
+      "height": "10",
+      "viewBox": "0 0 10 10",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M2.5 10H0V7.5H2.5V10Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M6.25 6.25H3.75V3.75H6.25V6.25Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M2.5 6.25H0V3.75H2.5V6.25Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M6.25 2.5H3.75V0H6.25V2.5Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_5",
+              "d": "M2.5 2.5H0V0H2.5V2.5Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_6",
+              "d": "M10 2.5H7.5V0H10V2.5Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_7",
+              "d": "M9.58332 7.91663H7.91666V9.58329H9.58332V7.91663Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_8",
+              "d": "M9.58332 4.16663H7.91666V5.83329H9.58332V4.16663Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_9",
+              "d": "M5.83332 7.91663H4.16666V9.58329H5.83332V7.91663Z",
+              "fill": "#676F83"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "SelectionMod"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx b/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
index dfd50736c0..c880dd0e00 100644
--- a/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SelectionMod.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SelectionMod.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/Watercrawl.json b/web/app/components/base/icons/src/public/knowledge/Watercrawl.json
index aad7e6d409..d88c239352 100644
--- a/web/app/components/base/icons/src/public/knowledge/Watercrawl.json
+++ b/web/app/components/base/icons/src/public/knowledge/Watercrawl.json
@@ -1,188 +1,188 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"viewBox": "0 0 500 500"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(0, 23, 87); stroke: rgb(13, 14, 52);",
-					"d": "M 247.794 213.903 L 246.81 76.976 L 254.345 76.963 L 254.592 213.989 L 247.794 213.903 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "ellipse",
-				"attributes": {
-					"style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
-					"cx": "250.025",
-					"cy": "43.859",
-					"rx": "33.966",
-					"ry": "33.906"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(30, 141, 166); stroke: rgb(30, 141, 166);",
-					"d": "M 282.472 260.389 L 414.181 330.253 L 410.563 336.234 L 279.38 265.739 L 282.472 260.389 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(15, 17, 57); stroke: rgb(13, 14, 52);",
-					"d": "M 255.105 281.394 L 254.485 417.656 L 246.156 417.691 L 246.688 280.51 L 255.105 281.394 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "paint-order: fill; fill: rgb(30, 141, 166); stroke: rgb(30, 141, 166);",
-					"d": "M 279.486 229.517 L 410.351 160.07 L 413.923 167.04 L 283.727 235.998 L 279.486 229.517 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(15, 164, 161); stroke: rgb(15, 164, 161);",
-					"d": "M 88.545 164.884 L 219.797 236.07 L 222.867 229.568 L 90.887 159.47 L 88.545 164.884 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(15, 164, 161); stroke: rgb(15, 164, 161);",
-					"d": "M 224.76 266.9 L 95.55 334.829 L 92.878 328.37 L 219.955 261.275 L 224.76 266.9 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "ellipse",
-				"attributes": {
-					"style": "paint-order: fill; fill: rgb(2, 181, 225); stroke: rgb(2, 181, 225);",
-					"cx": "251.242",
-					"cy": "247.466",
-					"rx": "33.966",
-					"ry": "33.906"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(13, 14, 52); stroke: rgb(13, 14, 52);",
-					"d": "M 279.502 433.617 L 408.666 359.443 C 408.666 359.443 412.398 366.965 412.398 366.916 C 412.398 366.867 281.544 440.217 281.544 440.217 L 279.502 433.617 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(13, 14, 52); stroke: rgb(13, 14, 52);",
-					"d": "M 223.119 431.408 L 96.643 361.068 L 93.265 368.047 L 218.895 438.099 L 223.119 431.408 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "ellipse",
-				"attributes": {
-					"style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
-					"cx": "250.504",
-					"cy": "451.168",
-					"rx": "33.966",
-					"ry": "33.906"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(90, 191, 187); stroke: rgb(90, 191, 187);",
-					"d": "M 435.665 180.895 L 435.859 316.869 L 443.103 315.579 L 442.56 180.697 L 435.665 180.895 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "ellipse",
-				"attributes": {
-					"style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
-					"cx": "441.06",
-					"cy": "349.665",
-					"rx": "33.966",
-					"ry": "33.906"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "ellipse",
-				"attributes": {
-					"style": "fill: rgb(2, 181, 225); stroke: rgb(2, 181, 225);",
-					"cx": "441.512",
-					"cy": "147.767",
-					"rx": "33.966",
-					"ry": "33.906"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"style": "fill: rgb(84, 187, 181); stroke: rgb(84, 187, 181);",
-					"d": "M 64.755 314.523 L 57.928 315.006 L 58.307 182.961 L 65.169 182.865 L 64.755 314.523 Z"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "ellipse",
-				"attributes": {
-					"style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
-					"cx": "58.177",
-					"cy": "149.757",
-					"rx": "33.966",
-					"ry": "33.906"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "ellipse",
-				"attributes": {
-					"style": "fill: rgb(61, 224, 203); stroke: rgb(61, 224, 203);",
-					"cx": "65.909",
-					"cy": "348.17",
-					"rx": "33.966",
-					"ry": "33.906"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Watercrawl"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 500 500"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(0, 23, 87); stroke: rgb(13, 14, 52);",
+          "d": "M 247.794 213.903 L 246.81 76.976 L 254.345 76.963 L 254.592 213.989 L 247.794 213.903 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "ellipse",
+        "attributes": {
+          "style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
+          "cx": "250.025",
+          "cy": "43.859",
+          "rx": "33.966",
+          "ry": "33.906"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(30, 141, 166); stroke: rgb(30, 141, 166);",
+          "d": "M 282.472 260.389 L 414.181 330.253 L 410.563 336.234 L 279.38 265.739 L 282.472 260.389 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(15, 17, 57); stroke: rgb(13, 14, 52);",
+          "d": "M 255.105 281.394 L 254.485 417.656 L 246.156 417.691 L 246.688 280.51 L 255.105 281.394 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "paint-order: fill; fill: rgb(30, 141, 166); stroke: rgb(30, 141, 166);",
+          "d": "M 279.486 229.517 L 410.351 160.07 L 413.923 167.04 L 283.727 235.998 L 279.486 229.517 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(15, 164, 161); stroke: rgb(15, 164, 161);",
+          "d": "M 88.545 164.884 L 219.797 236.07 L 222.867 229.568 L 90.887 159.47 L 88.545 164.884 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(15, 164, 161); stroke: rgb(15, 164, 161);",
+          "d": "M 224.76 266.9 L 95.55 334.829 L 92.878 328.37 L 219.955 261.275 L 224.76 266.9 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "ellipse",
+        "attributes": {
+          "style": "paint-order: fill; fill: rgb(2, 181, 225); stroke: rgb(2, 181, 225);",
+          "cx": "251.242",
+          "cy": "247.466",
+          "rx": "33.966",
+          "ry": "33.906"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(13, 14, 52); stroke: rgb(13, 14, 52);",
+          "d": "M 279.502 433.617 L 408.666 359.443 C 408.666 359.443 412.398 366.965 412.398 366.916 C 412.398 366.867 281.544 440.217 281.544 440.217 L 279.502 433.617 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(13, 14, 52); stroke: rgb(13, 14, 52);",
+          "d": "M 223.119 431.408 L 96.643 361.068 L 93.265 368.047 L 218.895 438.099 L 223.119 431.408 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "ellipse",
+        "attributes": {
+          "style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
+          "cx": "250.504",
+          "cy": "451.168",
+          "rx": "33.966",
+          "ry": "33.906"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(90, 191, 187); stroke: rgb(90, 191, 187);",
+          "d": "M 435.665 180.895 L 435.859 316.869 L 443.103 315.579 L 442.56 180.697 L 435.665 180.895 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "ellipse",
+        "attributes": {
+          "style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
+          "cx": "441.06",
+          "cy": "349.665",
+          "rx": "33.966",
+          "ry": "33.906"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "ellipse",
+        "attributes": {
+          "style": "fill: rgb(2, 181, 225); stroke: rgb(2, 181, 225);",
+          "cx": "441.512",
+          "cy": "147.767",
+          "rx": "33.966",
+          "ry": "33.906"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "style": "fill: rgb(84, 187, 181); stroke: rgb(84, 187, 181);",
+          "d": "M 64.755 314.523 L 57.928 315.006 L 58.307 182.961 L 65.169 182.865 L 64.755 314.523 Z"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "ellipse",
+        "attributes": {
+          "style": "fill: rgb(0, 23, 87); stroke: rgb(0, 23, 87);",
+          "cx": "58.177",
+          "cy": "149.757",
+          "rx": "33.966",
+          "ry": "33.906"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "ellipse",
+        "attributes": {
+          "style": "fill: rgb(61, 224, 203); stroke: rgb(61, 224, 203);",
+          "cx": "65.909",
+          "cy": "348.17",
+          "rx": "33.966",
+          "ry": "33.906"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Watercrawl"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/Watercrawl.tsx b/web/app/components/base/icons/src/public/knowledge/Watercrawl.tsx
index ad342d8313..9fa625d209 100644
--- a/web/app/components/base/icons/src/public/knowledge/Watercrawl.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/Watercrawl.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Watercrawl.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Watercrawl.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.json b/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.json
index b121048307..9f7f4d7fd1 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.json
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.json
@@ -1,237 +1,237 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
-					"stroke": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "#828DAD"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "url(#paint0_linear_5617_78238)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
-					"stroke": "#101828",
-					"stroke-opacity": "0.08"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_5617_78238)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M9 5.5C7.067 5.5 5.5 7.067 5.5 9C5.5 10.933 7.067 12.5 9 12.5C10.2949 12.5 11.4261 11.7971 12.032 10.7496C12.1703 10.5106 12.4762 10.4289 12.7152 10.5672C12.9542 10.7055 13.0359 11.0113 12.8977 11.2504C12.1204 12.5941 10.6662 13.5 9 13.5C6.68372 13.5 4.77619 11.75 4.52746 9.5H4C3.72386 9.5 3.5 9.27614 3.5 9C3.5 8.72386 3.72386 8.5 4 8.5H4.52746C4.77619 6.25002 6.68372 4.5 9 4.5C10.6662 4.5 12.1204 5.40588 12.8977 6.74964C13.0359 6.98867 12.9542 7.29454 12.7152 7.43281C12.4762 7.57107 12.1703 7.48939 12.032 7.25036C11.4261 6.20291 10.2949 5.5 9 5.5ZM9 7.5C8.17157 7.5 7.5 8.17157 7.5 9C7.5 9.82841 8.17158 10.5 9 10.5C9.82841 10.5 10.5 9.82841 10.5 9C10.5 8.17158 9.82841 7.5 9 7.5ZM6.5 9C6.5 7.61929 7.61929 6.5 9 6.5C10.2095 6.5 11.2184 7.35888 11.45 8.5H14C14.2761 8.5 14.5 8.72386 14.5 9C14.5 9.27614 14.2761 9.5 14 9.5H11.45C11.2183 10.6411 10.2095 11.5 9 11.5C7.61928 11.5 6.5 10.3807 6.5 9Z",
-							"fill": "url(#paint1_linear_5617_78238)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_5617_78238",
-							"x": "3",
-							"y": "4.25",
-							"width": "12",
-							"height": "10",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_5617_78238"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_5617_78238",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_5617_78238",
-							"x1": "1",
-							"y1": "1",
-							"x2": "17",
-							"y2": "17",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.08"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_5617_78238",
-							"x1": "9",
-							"y1": "4.5",
-							"x2": "9",
-							"y2": "13.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ExternalKnowledgeBase"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
+          "stroke": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "#828DAD"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "url(#paint0_linear_5617_78238)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
+          "stroke": "#101828",
+          "stroke-opacity": "0.08"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_5617_78238)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M9 5.5C7.067 5.5 5.5 7.067 5.5 9C5.5 10.933 7.067 12.5 9 12.5C10.2949 12.5 11.4261 11.7971 12.032 10.7496C12.1703 10.5106 12.4762 10.4289 12.7152 10.5672C12.9542 10.7055 13.0359 11.0113 12.8977 11.2504C12.1204 12.5941 10.6662 13.5 9 13.5C6.68372 13.5 4.77619 11.75 4.52746 9.5H4C3.72386 9.5 3.5 9.27614 3.5 9C3.5 8.72386 3.72386 8.5 4 8.5H4.52746C4.77619 6.25002 6.68372 4.5 9 4.5C10.6662 4.5 12.1204 5.40588 12.8977 6.74964C13.0359 6.98867 12.9542 7.29454 12.7152 7.43281C12.4762 7.57107 12.1703 7.48939 12.032 7.25036C11.4261 6.20291 10.2949 5.5 9 5.5ZM9 7.5C8.17157 7.5 7.5 8.17157 7.5 9C7.5 9.82841 8.17158 10.5 9 10.5C9.82841 10.5 10.5 9.82841 10.5 9C10.5 8.17158 9.82841 7.5 9 7.5ZM6.5 9C6.5 7.61929 7.61929 6.5 9 6.5C10.2095 6.5 11.2184 7.35888 11.45 8.5H14C14.2761 8.5 14.5 8.72386 14.5 9C14.5 9.27614 14.2761 9.5 14 9.5H11.45C11.2183 10.6411 10.2095 11.5 9 11.5C7.61928 11.5 6.5 10.3807 6.5 9Z",
+              "fill": "url(#paint1_linear_5617_78238)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_5617_78238",
+              "x": "3",
+              "y": "4.25",
+              "width": "12",
+              "height": "10",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_5617_78238"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_5617_78238",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_5617_78238",
+              "x1": "1",
+              "y1": "1",
+              "x2": "17",
+              "y2": "17",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.08"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_5617_78238",
+              "x1": "9",
+              "y1": "4.5",
+              "x2": "9",
+              "y2": "13.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ExternalKnowledgeBase"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.tsx b/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.tsx
index 06bb8086bc..1612f216b2 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/ExternalKnowledgeBase.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ExternalKnowledgeBase.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ExternalKnowledgeBase.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/General.json b/web/app/components/base/icons/src/public/knowledge/dataset-card/General.json
index 88fb4847a2..36fb1814cc 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/General.json
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/General.json
@@ -1,457 +1,457 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
-					"stroke": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "#444CE7"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "url(#paint0_linear_5617_78288)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
-					"stroke": "#101828",
-					"stroke-opacity": "0.08"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_5617_78288)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M11.25 5.5C11.25 5.08579 11.5858 4.75 12 4.75H13.5C13.9142 4.75 14.25 5.08579 14.25 5.5C14.25 5.91421 13.9142 6.25 13.5 6.25H12C11.5858 6.25 11.25 5.91421 11.25 5.5Z",
-							"fill": "url(#paint1_linear_5617_78288)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.75 5.5C3.75 5.08579 4.08579 4.75 4.5 4.75H9.5C9.91421 4.75 10.25 5.08579 10.25 5.5C10.25 5.91421 9.91421 6.25 9.5 6.25H4.5C4.08579 6.25 3.75 5.91421 3.75 5.5Z",
-							"fill": "url(#paint2_linear_5617_78288)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.75 9C3.75 8.58579 4.08579 8.25 4.5 8.25H6C6.41421 8.25 6.75 8.58579 6.75 9C6.75 9.41421 6.41421 9.75 6 9.75H4.5C4.08579 9.75 3.75 9.41421 3.75 9Z",
-							"fill": "url(#paint3_linear_5617_78288)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M7.75 9C7.75 8.58579 8.08579 8.25 8.5 8.25H13.5C13.9142 8.25 14.25 8.58579 14.25 9C14.25 9.41421 13.9142 9.75 13.5 9.75H8.5C8.08579 9.75 7.75 9.41421 7.75 9Z",
-							"fill": "url(#paint4_linear_5617_78288)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M11.25 12.5C11.25 12.0858 11.5858 11.75 12 11.75H13.5C13.9142 11.75 14.25 12.0858 14.25 12.5C14.25 12.9142 13.9142 13.25 13.5 13.25H12C11.5858 13.25 11.25 12.9142 11.25 12.5Z",
-							"fill": "url(#paint5_linear_5617_78288)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.75 12.5C3.75 12.0858 4.08579 11.75 4.5 11.75H9.5C9.91421 11.75 10.25 12.0858 10.25 12.5C10.25 12.9142 9.91421 13.25 9.5 13.25H4.5C4.08579 13.25 3.75 12.9142 3.75 12.5Z",
-							"fill": "url(#paint6_linear_5617_78288)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_5617_78288",
-							"x": "3.25",
-							"y": "4.5",
-							"width": "11.5",
-							"height": "9.5",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_5617_78288"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_5617_78288",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_5617_78288",
-							"x1": "1",
-							"y1": "1",
-							"x2": "17",
-							"y2": "17",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.08"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_5617_78288",
-							"x1": "9",
-							"y1": "4.75",
-							"x2": "9",
-							"y2": "13.25",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_5617_78288",
-							"x1": "9",
-							"y1": "4.75",
-							"x2": "9",
-							"y2": "13.25",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint3_linear_5617_78288",
-							"x1": "9",
-							"y1": "4.75",
-							"x2": "9",
-							"y2": "13.25",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint4_linear_5617_78288",
-							"x1": "9",
-							"y1": "4.75",
-							"x2": "9",
-							"y2": "13.25",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint5_linear_5617_78288",
-							"x1": "9",
-							"y1": "4.75",
-							"x2": "9",
-							"y2": "13.25",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint6_linear_5617_78288",
-							"x1": "9",
-							"y1": "4.75",
-							"x2": "9",
-							"y2": "13.25",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "General"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
+          "stroke": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "#444CE7"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "url(#paint0_linear_5617_78288)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
+          "stroke": "#101828",
+          "stroke-opacity": "0.08"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_5617_78288)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M11.25 5.5C11.25 5.08579 11.5858 4.75 12 4.75H13.5C13.9142 4.75 14.25 5.08579 14.25 5.5C14.25 5.91421 13.9142 6.25 13.5 6.25H12C11.5858 6.25 11.25 5.91421 11.25 5.5Z",
+              "fill": "url(#paint1_linear_5617_78288)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.75 5.5C3.75 5.08579 4.08579 4.75 4.5 4.75H9.5C9.91421 4.75 10.25 5.08579 10.25 5.5C10.25 5.91421 9.91421 6.25 9.5 6.25H4.5C4.08579 6.25 3.75 5.91421 3.75 5.5Z",
+              "fill": "url(#paint2_linear_5617_78288)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.75 9C3.75 8.58579 4.08579 8.25 4.5 8.25H6C6.41421 8.25 6.75 8.58579 6.75 9C6.75 9.41421 6.41421 9.75 6 9.75H4.5C4.08579 9.75 3.75 9.41421 3.75 9Z",
+              "fill": "url(#paint3_linear_5617_78288)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M7.75 9C7.75 8.58579 8.08579 8.25 8.5 8.25H13.5C13.9142 8.25 14.25 8.58579 14.25 9C14.25 9.41421 13.9142 9.75 13.5 9.75H8.5C8.08579 9.75 7.75 9.41421 7.75 9Z",
+              "fill": "url(#paint4_linear_5617_78288)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M11.25 12.5C11.25 12.0858 11.5858 11.75 12 11.75H13.5C13.9142 11.75 14.25 12.0858 14.25 12.5C14.25 12.9142 13.9142 13.25 13.5 13.25H12C11.5858 13.25 11.25 12.9142 11.25 12.5Z",
+              "fill": "url(#paint5_linear_5617_78288)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.75 12.5C3.75 12.0858 4.08579 11.75 4.5 11.75H9.5C9.91421 11.75 10.25 12.0858 10.25 12.5C10.25 12.9142 9.91421 13.25 9.5 13.25H4.5C4.08579 13.25 3.75 12.9142 3.75 12.5Z",
+              "fill": "url(#paint6_linear_5617_78288)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_5617_78288",
+              "x": "3.25",
+              "y": "4.5",
+              "width": "11.5",
+              "height": "9.5",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_5617_78288"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_5617_78288",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_5617_78288",
+              "x1": "1",
+              "y1": "1",
+              "x2": "17",
+              "y2": "17",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.08"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_5617_78288",
+              "x1": "9",
+              "y1": "4.75",
+              "x2": "9",
+              "y2": "13.25",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_5617_78288",
+              "x1": "9",
+              "y1": "4.75",
+              "x2": "9",
+              "y2": "13.25",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint3_linear_5617_78288",
+              "x1": "9",
+              "y1": "4.75",
+              "x2": "9",
+              "y2": "13.25",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint4_linear_5617_78288",
+              "x1": "9",
+              "y1": "4.75",
+              "x2": "9",
+              "y2": "13.25",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint5_linear_5617_78288",
+              "x1": "9",
+              "y1": "4.75",
+              "x2": "9",
+              "y2": "13.25",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint6_linear_5617_78288",
+              "x1": "9",
+              "y1": "4.75",
+              "x2": "9",
+              "y2": "13.25",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "General"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/General.tsx b/web/app/components/base/icons/src/public/knowledge/dataset-card/General.tsx
index 6665039002..b93fbe02b2 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/General.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/General.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './General.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './General.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.json b/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.json
index 80a9ea9340..cdc574b952 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.json
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.json
@@ -1,1058 +1,1058 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
-					"stroke": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "#7839EE"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "url(#paint0_linear_5617_78246)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
-					"stroke": "#101828",
-					"stroke-opacity": "0.08"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_5617_78246)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"filter": "url(#filter0_d_5617_78246)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.00004 5.31818C9.27619 5.31818 9.50004 5.54204 9.50004 5.81818V8.09091C9.50004 8.36705 9.27619 8.59091 9.00004 8.59091C8.7239 8.59091 8.50004 8.36705 8.50004 8.09091V5.81818C8.50004 5.54204 8.7239 5.31818 9.00004 5.31818Z",
-									"fill": "url(#paint1_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.00004 9.40909C9.27619 9.40909 9.50004 9.63295 9.50004 9.90909V12.1818C9.50004 12.458 9.27619 12.6818 9.00004 12.6818C8.7239 12.6818 8.50004 12.458 8.50004 12.1818V9.90909C8.50004 9.63295 8.7239 9.40909 9.00004 9.40909Z",
-									"fill": "url(#paint2_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M8.64355 5.1094C8.77894 5.35007 8.6936 5.65493 8.45293 5.79033L6.40065 6.94487C6.15998 7.08027 5.85512 6.99492 5.71973 6.75425C5.58433 6.51358 5.66968 6.20872 5.91035 6.07332L7.96262 4.91878C8.20329 4.78338 8.50815 4.86873 8.64355 5.1094Z",
-									"fill": "url(#paint3_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.35653 5.1094C9.49193 4.86873 9.79679 4.78338 10.0375 4.91878L12.0897 6.07332C12.3304 6.20872 12.4158 6.51358 12.2804 6.75425C12.145 6.99492 11.8401 7.08027 11.5994 6.94487L9.54715 5.79033C9.30648 5.65493 9.22114 5.35007 9.35653 5.1094Z",
-									"fill": "url(#paint4_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.71973 11.2458C5.85512 11.0051 6.15998 10.9197 6.40065 11.0551L8.45293 12.2097C8.6936 12.3451 8.77894 12.6499 8.64355 12.8906C8.50815 13.1313 8.20329 13.2166 7.96262 13.0812L5.91035 11.9267C5.66968 11.7913 5.58433 11.4864 5.71973 11.2458Z",
-									"fill": "url(#paint5_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.2804 11.2458C12.4158 11.4864 12.3304 11.7913 12.0897 11.9267L10.0375 13.0812C9.79679 13.2166 9.49193 13.1313 9.35653 12.8906C9.22114 12.6499 9.30648 12.3451 9.54715 12.2097L11.5994 11.0551C11.8401 10.9197 12.145 11.0051 12.2804 11.2458Z",
-									"fill": "url(#paint6_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.36368 7.36364C5.63982 7.36364 5.86368 7.58749 5.86368 7.86364V10.1364C5.86368 10.4125 5.63982 10.6364 5.36368 10.6364C5.08754 10.6364 4.86368 10.4125 4.86368 10.1364V7.86364C4.86368 7.58749 5.08754 7.36364 5.36368 7.36364Z",
-									"fill": "url(#paint7_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.6364 7.36364C12.9126 7.36364 13.1364 7.58749 13.1364 7.86364V10.1364C13.1364 10.4125 12.9126 10.6364 12.6364 10.6364C12.3603 10.6364 12.1364 10.4125 12.1364 10.1364V7.86364C12.1364 7.58749 12.3603 7.36364 12.6364 7.36364Z",
-									"fill": "url(#paint8_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.71928 7.1544C5.85467 6.91373 6.15953 6.82838 6.4002 6.96377L8.45338 8.11877C8.69406 8.25416 8.77941 8.55902 8.64402 8.79969C8.50863 9.04037 8.20377 9.12572 7.96309 8.99033L5.90991 7.83533C5.66924 7.69994 5.58389 7.39508 5.71928 7.1544Z",
-									"fill": "url(#paint9_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.2799 7.15488C12.4153 7.39557 12.3299 7.70042 12.0892 7.8358L10.0374 8.98989C9.79675 9.12527 9.49189 9.0399 9.35652 8.79922C9.22114 8.55854 9.30651 8.25368 9.54719 8.1183L11.599 6.96421C11.8397 6.82884 12.1445 6.9142 12.2799 7.15488Z",
-									"fill": "url(#paint10_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M8.64402 9.20031C8.77941 9.44099 8.69406 9.74585 8.45338 9.88124L6.4002 11.0362C6.15953 11.1716 5.85467 11.0863 5.71928 10.8456C5.58389 10.6049 5.66924 10.3001 5.90991 10.1647L7.96309 9.00968C8.20377 8.87429 8.50863 8.95964 8.64402 9.20031Z",
-									"fill": "url(#paint11_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.35652 9.20078C9.49189 8.9601 9.79675 8.87473 10.0374 9.01011L12.0892 10.1642C12.3299 10.2996 12.4153 10.6044 12.2799 10.8451C12.1445 11.0858 11.8397 11.1712 11.599 11.0358L9.54719 9.8817C9.30651 9.74632 9.22114 9.44146 9.35652 9.20078Z",
-									"fill": "url(#paint12_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.36368 10.6364C5.13775 10.6364 4.95459 10.8195 4.95459 11.0455C4.95459 11.2714 5.13775 11.4545 5.36368 11.4545C5.58962 11.4545 5.77277 11.2714 5.77277 11.0455C5.77277 10.8195 5.58962 10.6364 5.36368 10.6364ZM3.95459 11.0455C3.95459 10.2672 4.58546 9.63636 5.36368 9.63636C6.1419 9.63636 6.77277 10.2672 6.77277 11.0455C6.77277 11.8237 6.1419 12.4545 5.36368 12.4545C4.58546 12.4545 3.95459 11.8237 3.95459 11.0455Z",
-									"fill": "url(#paint13_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.36368 6.54545C5.13775 6.54545 4.95459 6.72861 4.95459 6.95455C4.95459 7.18048 5.13775 7.36364 5.36368 7.36364C5.58962 7.36364 5.77277 7.18048 5.77277 6.95455C5.77277 6.72861 5.58962 6.54545 5.36368 6.54545ZM3.95459 6.95455C3.95459 6.17633 4.58546 5.54545 5.36368 5.54545C6.1419 5.54545 6.77277 6.17633 6.77277 6.95455C6.77277 7.73276 6.1419 8.36364 5.36368 8.36364C4.58546 8.36364 3.95459 7.73276 3.95459 6.95455Z",
-									"fill": "url(#paint14_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.6364 10.6364C12.4105 10.6364 12.2273 10.8195 12.2273 11.0455C12.2273 11.2714 12.4105 11.4545 12.6364 11.4545C12.8623 11.4545 13.0455 11.2714 13.0455 11.0455C13.0455 10.8195 12.8623 10.6364 12.6364 10.6364ZM11.2273 11.0455C11.2273 10.2672 11.8582 9.63636 12.6364 9.63636C13.4146 9.63636 14.0455 10.2672 14.0455 11.0455C14.0455 11.8237 13.4146 12.4545 12.6364 12.4545C11.8582 12.4545 11.2273 11.8237 11.2273 11.0455Z",
-									"fill": "url(#paint15_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.6364 6.54545C12.4105 6.54545 12.2273 6.72861 12.2273 6.95455C12.2273 7.18048 12.4105 7.36364 12.6364 7.36364C12.8623 7.36364 13.0455 7.18048 13.0455 6.95455C13.0455 6.72861 12.8623 6.54545 12.6364 6.54545ZM11.2273 6.95455C11.2273 6.17633 11.8582 5.54545 12.6364 5.54545C13.4146 5.54545 14.0455 6.17633 14.0455 6.95455C14.0455 7.73276 13.4146 8.36364 12.6364 8.36364C11.8582 8.36364 11.2273 7.73276 11.2273 6.95455Z",
-									"fill": "url(#paint16_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.00004 8.59091C8.77411 8.59091 8.59095 8.77407 8.59095 9C8.59095 9.22593 8.77411 9.40909 9.00004 9.40909C9.22598 9.40909 9.40914 9.22593 9.40914 9C9.40914 8.77407 9.22598 8.59091 9.00004 8.59091ZM7.59095 9C7.59095 8.22178 8.22182 7.59091 9.00004 7.59091C9.77826 7.59091 10.4091 8.22178 10.4091 9C10.4091 9.77822 9.77826 10.4091 9.00004 10.4091C8.22182 10.4091 7.59095 9.77822 7.59095 9Z",
-									"fill": "url(#paint17_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.00004 4.5C8.77411 4.5 8.59095 4.68316 8.59095 4.90909C8.59095 5.13503 8.77411 5.31818 9.00004 5.31818C9.22598 5.31818 9.40914 5.13503 9.40914 4.90909C9.40914 4.68316 9.22598 4.5 9.00004 4.5ZM7.59095 4.90909C7.59095 4.13087 8.22182 3.5 9.00004 3.5C9.77826 3.5 10.4091 4.13087 10.4091 4.90909C10.4091 5.68731 9.77826 6.31818 9.00004 6.31818C8.22182 6.31818 7.59095 5.68731 7.59095 4.90909Z",
-									"fill": "url(#paint18_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.00004 12.6818C8.77411 12.6818 8.59095 12.865 8.59095 13.0909C8.59095 13.3168 8.77411 13.5 9.00004 13.5C9.22598 13.5 9.40914 13.3168 9.40914 13.0909C9.40914 12.865 9.22598 12.6818 9.00004 12.6818ZM7.59095 13.0909C7.59095 12.3127 8.22182 11.6818 9.00004 11.6818C9.77826 11.6818 10.4091 12.3127 10.4091 13.0909C10.4091 13.8691 9.77826 14.5 9.00004 14.5C8.22182 14.5 7.59095 13.8691 7.59095 13.0909Z",
-									"fill": "url(#paint19_linear_5617_78246)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_5617_78246",
-							"x": "3.45459",
-							"y": "3.25",
-							"width": "11.0908",
-							"height": "12",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_5617_78246"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_5617_78246",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_5617_78246",
-							"x1": "1",
-							"y1": "1",
-							"x2": "17",
-							"y2": "17",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.08"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint3_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint4_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint5_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint6_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint7_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint8_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint9_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint10_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint11_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint12_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint13_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint14_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint15_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint16_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint17_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint18_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint19_linear_5617_78246",
-							"x1": "9.00004",
-							"y1": "3.5",
-							"x2": "9.00004",
-							"y2": "14.5",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_5617_78246"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white",
-									"transform": "translate(3 3)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Graph"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
+          "stroke": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "#7839EE"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "url(#paint0_linear_5617_78246)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
+          "stroke": "#101828",
+          "stroke-opacity": "0.08"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_5617_78246)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "filter": "url(#filter0_d_5617_78246)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.00004 5.31818C9.27619 5.31818 9.50004 5.54204 9.50004 5.81818V8.09091C9.50004 8.36705 9.27619 8.59091 9.00004 8.59091C8.7239 8.59091 8.50004 8.36705 8.50004 8.09091V5.81818C8.50004 5.54204 8.7239 5.31818 9.00004 5.31818Z",
+                  "fill": "url(#paint1_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.00004 9.40909C9.27619 9.40909 9.50004 9.63295 9.50004 9.90909V12.1818C9.50004 12.458 9.27619 12.6818 9.00004 12.6818C8.7239 12.6818 8.50004 12.458 8.50004 12.1818V9.90909C8.50004 9.63295 8.7239 9.40909 9.00004 9.40909Z",
+                  "fill": "url(#paint2_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M8.64355 5.1094C8.77894 5.35007 8.6936 5.65493 8.45293 5.79033L6.40065 6.94487C6.15998 7.08027 5.85512 6.99492 5.71973 6.75425C5.58433 6.51358 5.66968 6.20872 5.91035 6.07332L7.96262 4.91878C8.20329 4.78338 8.50815 4.86873 8.64355 5.1094Z",
+                  "fill": "url(#paint3_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.35653 5.1094C9.49193 4.86873 9.79679 4.78338 10.0375 4.91878L12.0897 6.07332C12.3304 6.20872 12.4158 6.51358 12.2804 6.75425C12.145 6.99492 11.8401 7.08027 11.5994 6.94487L9.54715 5.79033C9.30648 5.65493 9.22114 5.35007 9.35653 5.1094Z",
+                  "fill": "url(#paint4_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.71973 11.2458C5.85512 11.0051 6.15998 10.9197 6.40065 11.0551L8.45293 12.2097C8.6936 12.3451 8.77894 12.6499 8.64355 12.8906C8.50815 13.1313 8.20329 13.2166 7.96262 13.0812L5.91035 11.9267C5.66968 11.7913 5.58433 11.4864 5.71973 11.2458Z",
+                  "fill": "url(#paint5_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.2804 11.2458C12.4158 11.4864 12.3304 11.7913 12.0897 11.9267L10.0375 13.0812C9.79679 13.2166 9.49193 13.1313 9.35653 12.8906C9.22114 12.6499 9.30648 12.3451 9.54715 12.2097L11.5994 11.0551C11.8401 10.9197 12.145 11.0051 12.2804 11.2458Z",
+                  "fill": "url(#paint6_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.36368 7.36364C5.63982 7.36364 5.86368 7.58749 5.86368 7.86364V10.1364C5.86368 10.4125 5.63982 10.6364 5.36368 10.6364C5.08754 10.6364 4.86368 10.4125 4.86368 10.1364V7.86364C4.86368 7.58749 5.08754 7.36364 5.36368 7.36364Z",
+                  "fill": "url(#paint7_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.6364 7.36364C12.9126 7.36364 13.1364 7.58749 13.1364 7.86364V10.1364C13.1364 10.4125 12.9126 10.6364 12.6364 10.6364C12.3603 10.6364 12.1364 10.4125 12.1364 10.1364V7.86364C12.1364 7.58749 12.3603 7.36364 12.6364 7.36364Z",
+                  "fill": "url(#paint8_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.71928 7.1544C5.85467 6.91373 6.15953 6.82838 6.4002 6.96377L8.45338 8.11877C8.69406 8.25416 8.77941 8.55902 8.64402 8.79969C8.50863 9.04037 8.20377 9.12572 7.96309 8.99033L5.90991 7.83533C5.66924 7.69994 5.58389 7.39508 5.71928 7.1544Z",
+                  "fill": "url(#paint9_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.2799 7.15488C12.4153 7.39557 12.3299 7.70042 12.0892 7.8358L10.0374 8.98989C9.79675 9.12527 9.49189 9.0399 9.35652 8.79922C9.22114 8.55854 9.30651 8.25368 9.54719 8.1183L11.599 6.96421C11.8397 6.82884 12.1445 6.9142 12.2799 7.15488Z",
+                  "fill": "url(#paint10_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M8.64402 9.20031C8.77941 9.44099 8.69406 9.74585 8.45338 9.88124L6.4002 11.0362C6.15953 11.1716 5.85467 11.0863 5.71928 10.8456C5.58389 10.6049 5.66924 10.3001 5.90991 10.1647L7.96309 9.00968C8.20377 8.87429 8.50863 8.95964 8.64402 9.20031Z",
+                  "fill": "url(#paint11_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.35652 9.20078C9.49189 8.9601 9.79675 8.87473 10.0374 9.01011L12.0892 10.1642C12.3299 10.2996 12.4153 10.6044 12.2799 10.8451C12.1445 11.0858 11.8397 11.1712 11.599 11.0358L9.54719 9.8817C9.30651 9.74632 9.22114 9.44146 9.35652 9.20078Z",
+                  "fill": "url(#paint12_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.36368 10.6364C5.13775 10.6364 4.95459 10.8195 4.95459 11.0455C4.95459 11.2714 5.13775 11.4545 5.36368 11.4545C5.58962 11.4545 5.77277 11.2714 5.77277 11.0455C5.77277 10.8195 5.58962 10.6364 5.36368 10.6364ZM3.95459 11.0455C3.95459 10.2672 4.58546 9.63636 5.36368 9.63636C6.1419 9.63636 6.77277 10.2672 6.77277 11.0455C6.77277 11.8237 6.1419 12.4545 5.36368 12.4545C4.58546 12.4545 3.95459 11.8237 3.95459 11.0455Z",
+                  "fill": "url(#paint13_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.36368 6.54545C5.13775 6.54545 4.95459 6.72861 4.95459 6.95455C4.95459 7.18048 5.13775 7.36364 5.36368 7.36364C5.58962 7.36364 5.77277 7.18048 5.77277 6.95455C5.77277 6.72861 5.58962 6.54545 5.36368 6.54545ZM3.95459 6.95455C3.95459 6.17633 4.58546 5.54545 5.36368 5.54545C6.1419 5.54545 6.77277 6.17633 6.77277 6.95455C6.77277 7.73276 6.1419 8.36364 5.36368 8.36364C4.58546 8.36364 3.95459 7.73276 3.95459 6.95455Z",
+                  "fill": "url(#paint14_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.6364 10.6364C12.4105 10.6364 12.2273 10.8195 12.2273 11.0455C12.2273 11.2714 12.4105 11.4545 12.6364 11.4545C12.8623 11.4545 13.0455 11.2714 13.0455 11.0455C13.0455 10.8195 12.8623 10.6364 12.6364 10.6364ZM11.2273 11.0455C11.2273 10.2672 11.8582 9.63636 12.6364 9.63636C13.4146 9.63636 14.0455 10.2672 14.0455 11.0455C14.0455 11.8237 13.4146 12.4545 12.6364 12.4545C11.8582 12.4545 11.2273 11.8237 11.2273 11.0455Z",
+                  "fill": "url(#paint15_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.6364 6.54545C12.4105 6.54545 12.2273 6.72861 12.2273 6.95455C12.2273 7.18048 12.4105 7.36364 12.6364 7.36364C12.8623 7.36364 13.0455 7.18048 13.0455 6.95455C13.0455 6.72861 12.8623 6.54545 12.6364 6.54545ZM11.2273 6.95455C11.2273 6.17633 11.8582 5.54545 12.6364 5.54545C13.4146 5.54545 14.0455 6.17633 14.0455 6.95455C14.0455 7.73276 13.4146 8.36364 12.6364 8.36364C11.8582 8.36364 11.2273 7.73276 11.2273 6.95455Z",
+                  "fill": "url(#paint16_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.00004 8.59091C8.77411 8.59091 8.59095 8.77407 8.59095 9C8.59095 9.22593 8.77411 9.40909 9.00004 9.40909C9.22598 9.40909 9.40914 9.22593 9.40914 9C9.40914 8.77407 9.22598 8.59091 9.00004 8.59091ZM7.59095 9C7.59095 8.22178 8.22182 7.59091 9.00004 7.59091C9.77826 7.59091 10.4091 8.22178 10.4091 9C10.4091 9.77822 9.77826 10.4091 9.00004 10.4091C8.22182 10.4091 7.59095 9.77822 7.59095 9Z",
+                  "fill": "url(#paint17_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.00004 4.5C8.77411 4.5 8.59095 4.68316 8.59095 4.90909C8.59095 5.13503 8.77411 5.31818 9.00004 5.31818C9.22598 5.31818 9.40914 5.13503 9.40914 4.90909C9.40914 4.68316 9.22598 4.5 9.00004 4.5ZM7.59095 4.90909C7.59095 4.13087 8.22182 3.5 9.00004 3.5C9.77826 3.5 10.4091 4.13087 10.4091 4.90909C10.4091 5.68731 9.77826 6.31818 9.00004 6.31818C8.22182 6.31818 7.59095 5.68731 7.59095 4.90909Z",
+                  "fill": "url(#paint18_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.00004 12.6818C8.77411 12.6818 8.59095 12.865 8.59095 13.0909C8.59095 13.3168 8.77411 13.5 9.00004 13.5C9.22598 13.5 9.40914 13.3168 9.40914 13.0909C9.40914 12.865 9.22598 12.6818 9.00004 12.6818ZM7.59095 13.0909C7.59095 12.3127 8.22182 11.6818 9.00004 11.6818C9.77826 11.6818 10.4091 12.3127 10.4091 13.0909C10.4091 13.8691 9.77826 14.5 9.00004 14.5C8.22182 14.5 7.59095 13.8691 7.59095 13.0909Z",
+                  "fill": "url(#paint19_linear_5617_78246)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_5617_78246",
+              "x": "3.45459",
+              "y": "3.25",
+              "width": "11.0908",
+              "height": "12",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_5617_78246"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_5617_78246",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_5617_78246",
+              "x1": "1",
+              "y1": "1",
+              "x2": "17",
+              "y2": "17",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.08"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint3_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint4_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint5_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint6_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint7_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint8_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint9_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint10_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint11_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint12_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint13_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint14_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint15_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint16_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint17_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint18_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint19_linear_5617_78246",
+              "x1": "9.00004",
+              "y1": "3.5",
+              "x2": "9.00004",
+              "y2": "14.5",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_5617_78246"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white",
+                  "transform": "translate(3 3)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Graph"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.tsx b/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.tsx
index 127367f873..1ed1e08df0 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/Graph.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Graph.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Graph.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.json b/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.json
index 6d4f70b0ee..f03cb0e82d 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.json
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.json
@@ -1,348 +1,348 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
-					"stroke": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "#0BA5EC"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "url(#paint0_linear_5617_78274)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
-					"stroke": "#101828",
-					"stroke-opacity": "0.08"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_5617_78274)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"filter": "url(#filter0_d_5617_78274)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.70834 6.87516C7.51375 6.87516 8.16667 6.22224 8.16667 5.41683C8.16667 4.61141 7.51375 3.9585 6.70834 3.9585C5.90292 3.9585 5.25001 4.61141 5.25001 5.41683C5.25001 6.22224 5.90292 6.87516 6.70834 6.87516Z",
-									"fill": "url(#paint1_linear_5617_78274)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.2917 6.87516C12.0971 6.87516 12.75 6.22224 12.75 5.41683C12.75 4.61141 12.0971 3.9585 11.2917 3.9585C10.4863 3.9585 9.83334 4.61141 9.83334 5.41683C9.83334 6.22224 10.4863 6.87516 11.2917 6.87516Z",
-									"fill": "url(#paint2_linear_5617_78274)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.2917 7.70849C10.8377 7.709 10.3912 7.82377 9.99324 8.04222C9.59529 8.26067 9.25874 8.57578 9.01459 8.95849C9.34482 8.96235 9.66011 9.09673 9.89159 9.33229C10.1231 9.56785 10.2519 9.88545 10.25 10.2157C10.2481 10.5459 10.1155 10.862 9.8813 11.0949C9.6471 11.3277 9.33026 11.4584 9 11.4584C8.66975 11.4584 8.35291 11.3277 8.1187 11.0949C7.8845 10.862 7.75195 10.5459 7.75003 10.2157C7.7481 9.88545 7.87695 9.56785 8.10842 9.33229C8.3399 9.09673 8.65519 8.96235 8.98542 8.95849C8.67086 8.46429 8.20432 8.08561 7.656 7.87941C7.10767 7.67321 6.50721 7.65065 5.94496 7.81512C5.3827 7.97959 4.88906 8.32219 4.53831 8.79139C4.18755 9.26059 3.99864 9.83101 4.00001 10.4168V13.1252C4.00001 13.2357 4.04391 13.3416 4.12205 13.4198C4.20019 13.4979 4.30617 13.5418 4.41667 13.5418H7.33334V12.5002L5.83334 11.3752C5.78957 11.3423 5.75269 11.3012 5.72481 11.2541C5.69693 11.207 5.6786 11.1549 5.67086 11.1008C5.65523 10.9914 5.6837 10.8802 5.75001 10.7918C5.81631 10.7034 5.91502 10.645 6.02441 10.6293C6.13381 10.6137 6.24493 10.6422 6.33334 10.7085L7.88875 11.8752H10.1113L11.6667 10.7085C11.7551 10.6422 11.8662 10.6137 11.9756 10.6293C12.085 10.645 12.1837 10.7034 12.25 10.7918C12.3163 10.8802 12.3448 10.9914 12.3291 11.1008C12.3135 11.2101 12.2551 11.3089 12.1667 11.3752L10.6667 12.5002V13.5418H13.5833C13.6938 13.5418 13.7998 13.4979 13.878 13.4198C13.9561 13.3416 14 13.2357 14 13.1252V10.4168C13.9991 9.6988 13.7135 9.01044 13.2058 8.50272C12.6981 7.995 12.0097 7.70938 11.2917 7.70849Z",
-									"fill": "url(#paint3_linear_5617_78274)",
-									"shape-rendering": "crispEdges"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_5617_78274",
-							"x": "3.5",
-							"y": "3.7085",
-							"width": "11",
-							"height": "10.5835",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_5617_78274"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_5617_78274",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_5617_78274",
-							"x1": "1",
-							"y1": "1",
-							"x2": "17",
-							"y2": "17",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.08"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_5617_78274",
-							"x1": "9",
-							"y1": "3.9585",
-							"x2": "9",
-							"y2": "13.5418",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_5617_78274",
-							"x1": "9",
-							"y1": "3.9585",
-							"x2": "9",
-							"y2": "13.5418",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint3_linear_5617_78274",
-							"x1": "9",
-							"y1": "3.9585",
-							"x2": "9",
-							"y2": "13.5418",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_5617_78274"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white",
-									"transform": "translate(3 3)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ParentChild"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
+          "stroke": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "#0BA5EC"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "url(#paint0_linear_5617_78274)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
+          "stroke": "#101828",
+          "stroke-opacity": "0.08"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_5617_78274)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "filter": "url(#filter0_d_5617_78274)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.70834 6.87516C7.51375 6.87516 8.16667 6.22224 8.16667 5.41683C8.16667 4.61141 7.51375 3.9585 6.70834 3.9585C5.90292 3.9585 5.25001 4.61141 5.25001 5.41683C5.25001 6.22224 5.90292 6.87516 6.70834 6.87516Z",
+                  "fill": "url(#paint1_linear_5617_78274)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.2917 6.87516C12.0971 6.87516 12.75 6.22224 12.75 5.41683C12.75 4.61141 12.0971 3.9585 11.2917 3.9585C10.4863 3.9585 9.83334 4.61141 9.83334 5.41683C9.83334 6.22224 10.4863 6.87516 11.2917 6.87516Z",
+                  "fill": "url(#paint2_linear_5617_78274)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.2917 7.70849C10.8377 7.709 10.3912 7.82377 9.99324 8.04222C9.59529 8.26067 9.25874 8.57578 9.01459 8.95849C9.34482 8.96235 9.66011 9.09673 9.89159 9.33229C10.1231 9.56785 10.2519 9.88545 10.25 10.2157C10.2481 10.5459 10.1155 10.862 9.8813 11.0949C9.6471 11.3277 9.33026 11.4584 9 11.4584C8.66975 11.4584 8.35291 11.3277 8.1187 11.0949C7.8845 10.862 7.75195 10.5459 7.75003 10.2157C7.7481 9.88545 7.87695 9.56785 8.10842 9.33229C8.3399 9.09673 8.65519 8.96235 8.98542 8.95849C8.67086 8.46429 8.20432 8.08561 7.656 7.87941C7.10767 7.67321 6.50721 7.65065 5.94496 7.81512C5.3827 7.97959 4.88906 8.32219 4.53831 8.79139C4.18755 9.26059 3.99864 9.83101 4.00001 10.4168V13.1252C4.00001 13.2357 4.04391 13.3416 4.12205 13.4198C4.20019 13.4979 4.30617 13.5418 4.41667 13.5418H7.33334V12.5002L5.83334 11.3752C5.78957 11.3423 5.75269 11.3012 5.72481 11.2541C5.69693 11.207 5.6786 11.1549 5.67086 11.1008C5.65523 10.9914 5.6837 10.8802 5.75001 10.7918C5.81631 10.7034 5.91502 10.645 6.02441 10.6293C6.13381 10.6137 6.24493 10.6422 6.33334 10.7085L7.88875 11.8752H10.1113L11.6667 10.7085C11.7551 10.6422 11.8662 10.6137 11.9756 10.6293C12.085 10.645 12.1837 10.7034 12.25 10.7918C12.3163 10.8802 12.3448 10.9914 12.3291 11.1008C12.3135 11.2101 12.2551 11.3089 12.1667 11.3752L10.6667 12.5002V13.5418H13.5833C13.6938 13.5418 13.7998 13.4979 13.878 13.4198C13.9561 13.3416 14 13.2357 14 13.1252V10.4168C13.9991 9.6988 13.7135 9.01044 13.2058 8.50272C12.6981 7.995 12.0097 7.70938 11.2917 7.70849Z",
+                  "fill": "url(#paint3_linear_5617_78274)",
+                  "shape-rendering": "crispEdges"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_5617_78274",
+              "x": "3.5",
+              "y": "3.7085",
+              "width": "11",
+              "height": "10.5835",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_5617_78274"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_5617_78274",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_5617_78274",
+              "x1": "1",
+              "y1": "1",
+              "x2": "17",
+              "y2": "17",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.08"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_5617_78274",
+              "x1": "9",
+              "y1": "3.9585",
+              "x2": "9",
+              "y2": "13.5418",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_5617_78274",
+              "x1": "9",
+              "y1": "3.9585",
+              "x2": "9",
+              "y2": "13.5418",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint3_linear_5617_78274",
+              "x1": "9",
+              "y1": "3.9585",
+              "x2": "9",
+              "y2": "13.5418",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_5617_78274"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white",
+                  "transform": "translate(3 3)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ParentChild"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.tsx b/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.tsx
index 922cb2c825..1114783c38 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/ParentChild.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ParentChild.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ParentChild.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.json b/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.json
index 9771aaf762..333e80324c 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.json
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.json
@@ -1,237 +1,237 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
-					"stroke": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "#0E9384"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
-					"fill": "url(#paint0_linear_5617_78260)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
-					"stroke": "#101828",
-					"stroke-opacity": "0.08"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_d_5617_78260)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M14.001 5.5C14.001 4.94772 13.5533 4.5 13.001 4.5H7.00098C6.44869 4.5 6.00098 4.94772 6.00098 5.5V6.5H5.00098C4.44869 6.5 4.00098 6.94772 4.00098 7.5V11.5C4.00098 12.0523 4.44869 12.5 5.00098 12.5H5.50098V13.25C5.50098 13.4271 5.59473 13.5911 5.74742 13.681C5.9001 13.7708 6.08894 13.7731 6.2438 13.6871L8.38055 12.5H11.001C11.5533 12.5 12.001 12.0523 12.001 11.5V10.5H13.001C13.5533 10.5 14.001 10.0523 14.001 9.5V5.5ZM11.001 6.5H7.00098V5.5H13.001V9.5H12.001V7.5C12.001 6.94772 11.5533 6.5 11.001 6.5ZM6.5 8C6.22386 8 6 8.22386 6 8.5C6 8.77614 6.22386 9 6.5 9H9.5C9.77614 9 10 8.77614 10 8.5C10 8.22386 9.77614 8 9.5 8H6.5ZM6.5 10C6.22386 10 6 10.2239 6 10.5C6 10.7761 6.22386 11 6.5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H6.5Z",
-							"fill": "url(#paint1_linear_5617_78260)",
-							"shape-rendering": "crispEdges"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_5617_78260",
-							"x": "3.50098",
-							"y": "4.25",
-							"width": "11",
-							"height": "10.25",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_5617_78260"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_5617_78260",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_5617_78260",
-							"x1": "1",
-							"y1": "1",
-							"x2": "17",
-							"y2": "17",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.08"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_5617_78260",
-							"x1": "9.00099",
-							"y1": "4.5",
-							"x2": "9.00099",
-							"y2": "13.75",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Qa"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.5996 0.5C11.7113 0.5 12.5755 0.500118 13.2676 0.556641C13.9655 0.61366 14.5329 0.730378 15.043 0.990234L15.3525 1.16406C16.0576 1.59644 16.6322 2.21605 17.0098 2.95703L17.1006 3.15137C17.2979 3.61108 17.3935 4.12184 17.4434 4.73242C17.4999 5.42447 17.5 6.28869 17.5 7.40039V10.5996C17.5 11.7113 17.4999 12.5755 17.4434 13.2676C17.3935 13.8782 17.2979 14.3889 17.1006 14.8486L17.0098 15.043C16.6322 15.7839 16.0576 16.4036 15.3525 16.8359L15.043 17.0098C14.5329 17.2696 13.9655 17.3863 13.2676 17.4434C12.5755 17.4999 11.7113 17.5 10.5996 17.5H7.40039C6.28869 17.5 5.42447 17.4999 4.73242 17.4434C4.12184 17.3935 3.61108 17.2979 3.15137 17.1006L2.95703 17.0098C2.21605 16.6322 1.59644 16.0576 1.16406 15.3525L0.990234 15.043C0.730378 14.5329 0.61366 13.9655 0.556641 13.2676C0.500118 12.5755 0.5 11.7113 0.5 10.5996V7.40039C0.5 6.28869 0.500118 5.42447 0.556641 4.73242C0.61366 4.03453 0.730378 3.46707 0.990234 2.95703L1.16406 2.64746C1.59644 1.94243 2.21605 1.36778 2.95703 0.990234L3.15137 0.899414C3.61108 0.702129 4.12184 0.606527 4.73242 0.556641C5.42447 0.500118 6.28869 0.5 7.40039 0.5H10.5996Z",
+          "stroke": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "#0E9384"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 7.4C1 5.15979 1 4.03969 1.43597 3.18404C1.81947 2.43139 2.43139 1.81947 3.18404 1.43597C4.03969 1 5.15979 1 7.4 1H10.6C12.8402 1 13.9603 1 14.816 1.43597C15.5686 1.81947 16.1805 2.43139 16.564 3.18404C17 4.03969 17 5.15979 17 7.4V10.6C17 12.8402 17 13.9603 16.564 14.816C16.1805 15.5686 15.5686 16.1805 14.816 16.564C13.9603 17 12.8402 17 10.6 17H7.4C5.15979 17 4.03969 17 3.18404 16.564C2.43139 16.1805 1.81947 15.5686 1.43597 14.816C1 13.9603 1 12.8402 1 10.6V7.4Z",
+          "fill": "url(#paint0_linear_5617_78260)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.40039 1.5H10.5996C11.728 1.5 12.5446 1.50029 13.1865 1.55273C13.7434 1.59824 14.1352 1.68127 14.4561 1.81934L14.5889 1.88184C15.1651 2.17543 15.6471 2.62172 15.9834 3.16992L16.1182 3.41113C16.2942 3.75672 16.3953 4.17741 16.4473 4.81348C16.4997 5.4554 16.5 6.27204 16.5 7.40039V10.5996C16.5 11.728 16.4997 12.5446 16.4473 13.1865C16.4018 13.7434 16.3187 14.1352 16.1807 14.4561L16.1182 14.5889C15.8246 15.1651 15.3783 15.6471 14.8301 15.9834L14.5889 16.1182C14.2433 16.2942 13.8226 16.3953 13.1865 16.4473C12.5446 16.4997 11.728 16.5 10.5996 16.5H7.40039C6.27204 16.5 5.4554 16.4997 4.81348 16.4473C4.2566 16.4018 3.8648 16.3187 3.54395 16.1807L3.41113 16.1182C2.83494 15.8246 2.35287 15.3783 2.0166 14.8301L1.88184 14.5889C1.70575 14.2433 1.60471 13.8226 1.55273 13.1865C1.50029 12.5446 1.5 11.728 1.5 10.5996V7.40039C1.5 6.27204 1.50029 5.4554 1.55273 4.81348C1.59824 4.2566 1.68127 3.8648 1.81934 3.54395L1.88184 3.41113C2.17543 2.83494 2.62172 2.35287 3.16992 2.0166L3.41113 1.88184C3.75672 1.70575 4.17741 1.60471 4.81348 1.55273C5.4554 1.50029 6.27204 1.5 7.40039 1.5Z",
+          "stroke": "#101828",
+          "stroke-opacity": "0.08"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_d_5617_78260)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M14.001 5.5C14.001 4.94772 13.5533 4.5 13.001 4.5H7.00098C6.44869 4.5 6.00098 4.94772 6.00098 5.5V6.5H5.00098C4.44869 6.5 4.00098 6.94772 4.00098 7.5V11.5C4.00098 12.0523 4.44869 12.5 5.00098 12.5H5.50098V13.25C5.50098 13.4271 5.59473 13.5911 5.74742 13.681C5.9001 13.7708 6.08894 13.7731 6.2438 13.6871L8.38055 12.5H11.001C11.5533 12.5 12.001 12.0523 12.001 11.5V10.5H13.001C13.5533 10.5 14.001 10.0523 14.001 9.5V5.5ZM11.001 6.5H7.00098V5.5H13.001V9.5H12.001V7.5C12.001 6.94772 11.5533 6.5 11.001 6.5ZM6.5 8C6.22386 8 6 8.22386 6 8.5C6 8.77614 6.22386 9 6.5 9H9.5C9.77614 9 10 8.77614 10 8.5C10 8.22386 9.77614 8 9.5 8H6.5ZM6.5 10C6.22386 10 6 10.2239 6 10.5C6 10.7761 6.22386 11 6.5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H6.5Z",
+              "fill": "url(#paint1_linear_5617_78260)",
+              "shape-rendering": "crispEdges"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_5617_78260",
+              "x": "3.50098",
+              "y": "4.25",
+              "width": "11",
+              "height": "10.25",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_5617_78260"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_5617_78260",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_5617_78260",
+              "x1": "1",
+              "y1": "1",
+              "x2": "17",
+              "y2": "17",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.08"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_5617_78260",
+              "x1": "9.00099",
+              "y1": "4.5",
+              "x2": "9.00099",
+              "y2": "13.75",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Qa"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.tsx b/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.tsx
index ac41a8b153..6d4b488156 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/Qa.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Qa.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Qa.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/index.ts b/web/app/components/base/icons/src/public/knowledge/index.ts
index 6290f16054..4acde1663b 100644
--- a/web/app/components/base/icons/src/public/knowledge/index.ts
+++ b/web/app/components/base/icons/src/public/knowledge/index.ts
@@ -1,6 +1,6 @@
 export { default as File } from './File'
-export { default as OptionCardEffectBlueLight } from './OptionCardEffectBlueLight'
 export { default as OptionCardEffectBlue } from './OptionCardEffectBlue'
+export { default as OptionCardEffectBlueLight } from './OptionCardEffectBlueLight'
 export { default as OptionCardEffectOrange } from './OptionCardEffectOrange'
 export { default as OptionCardEffectPurple } from './OptionCardEffectPurple'
 export { default as OptionCardEffectTeal } from './OptionCardEffectTeal'
diff --git a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.json b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.json
index 7e26bf7881..b067b7537d 100644
--- a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.json
+++ b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.json
@@ -1,591 +1,591 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "21",
-			"viewBox": "0 0 20 21",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_dg_9100_35711)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M2.93353 4.92661C2.89594 4.7923 2.875 4.65006 2.875 4.49999C2.875 3.87927 3.23334 3.39224 3.64546 3.04834C4.06181 2.70093 4.61943 2.4217 5.24258 2.20177C6.49565 1.75951 8.1777 1.5 10 1.5C11.8223 1.5 13.5044 1.75951 14.7574 2.20177C15.3806 2.4217 15.9382 2.70093 16.3545 3.04834C16.7667 3.39224 17.125 3.87927 17.125 4.49999C17.125 4.65011 17.104 4.79242 17.0664 4.92676L15.5233 14.6092C15.4517 15.1277 15.1621 15.5477 14.8098 15.867C14.456 16.1877 14.0028 16.4419 13.5123 16.6392C12.5299 17.0342 11.2752 17.2499 10 17.2499C8.72762 17.2499 7.48138 17.0419 6.50197 16.6499C5.58181 16.2816 4.63932 15.6399 4.47799 14.6173L4.47785 14.6165L2.93353 4.92661ZM15.3935 4.79995C15.1646 4.99091 14.7887 5.19651 14.2582 5.38375C13.2039 5.75583 11.6985 6 10 6C8.30148 6 6.79603 5.75583 5.7418 5.38375C5.2113 5.19651 4.83532 4.99091 4.60649 4.79995C4.35379 4.58909 4.34365 4.41936 4.60649 4.20004C4.83532 4.00908 5.2113 3.80347 5.7418 3.61624C6.79603 3.24416 8.30148 2.99998 10 2.99998C11.6985 2.99998 13.2039 3.24416 14.2582 3.61624C14.7887 3.80347 15.1646 4.00908 15.3935 4.20004C15.6535 4.41698 15.6591 4.57832 15.3935 4.79995Z",
-							"fill": "url(#paint0_linear_9100_35711)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M10 1.75C11.8015 1.75 13.454 2.00701 14.6738 2.4375C15.2815 2.65197 15.8093 2.91891 16.1943 3.24023C16.5772 3.55975 16.875 3.98319 16.875 4.5C16.875 4.6265 16.8569 4.74611 16.8252 4.85938L16.8223 4.87305L16.8193 4.8877L15.2764 14.5693L15.2754 14.5752C15.2141 15.0182 14.9653 15.3882 14.6416 15.6816C14.3164 15.9764 13.8919 16.2171 13.4189 16.4072C12.4721 16.788 11.2501 17 10 17C8.75169 17 7.53815 16.7956 6.59473 16.418C5.68992 16.0559 4.86386 15.4608 4.72461 14.5781V14.5762L3.18066 4.8877L3.17773 4.87305L3.17383 4.85938L3.1377 4.68457C3.12934 4.62474 3.125 4.56323 3.125 4.5C3.125 3.98318 3.42277 3.55974 3.80566 3.24023C4.19077 2.91891 4.71851 2.65197 5.32617 2.4375C6.54607 2.00701 8.1985 1.75 10 1.75ZM10 2.75C8.28084 2.75 6.74557 2.99708 5.6582 3.38086C5.11261 3.57347 4.70632 3.79086 4.44629 4.00781C4.30195 4.12826 4.16025 4.29177 4.16309 4.50684C4.16605 4.71916 4.30918 4.87778 4.44629 4.99219C4.70632 5.20914 5.11262 5.42654 5.6582 5.61914C6.74557 6.00292 8.28084 6.25 10 6.25C11.7192 6.25 13.2544 6.00292 14.3418 5.61914C14.8874 5.42653 15.2937 5.20915 15.5537 4.99219C15.6953 4.87406 15.8424 4.71212 15.8408 4.49609C15.8391 4.2817 15.6913 4.12258 15.5537 4.00781C15.2937 3.79085 14.8874 3.57347 14.3418 3.38086C13.2544 2.99708 11.7192 2.75 10 2.75Z",
-							"stroke": "white",
-							"stroke-opacity": "0.01",
-							"stroke-width": "0.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.8",
-					"d": "M10 9.375C9.28547 9.375 8.67149 9.8031 8.39956 10.4162C7.7401 10.5741 7.25 11.1672 7.25 11.875C7.25 12.7034 7.92157 13.375 8.75 13.375H11.5C12.1904 13.375 12.75 12.8154 12.75 12.125C12.75 11.5151 12.3132 11.0072 11.7353 10.8971C11.6236 10.0383 10.8893 9.375 10 9.375Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M2.93353 4.92665C2.89594 4.79234 2.875 4.6501 2.875 4.50003C2.875 4.36905 2.89096 4.24402 2.92001 4.12503C2.92424 4.14236 2.92875 4.15957 2.93353 4.17665L4.47799 13.8674C4.63931 14.8899 5.58181 15.5316 6.50197 15.8999C7.48138 16.2919 8.72762 16.5 10 16.5C11.2752 16.5 12.5299 16.2843 13.5123 15.8892C14.0028 15.692 14.456 15.4377 14.8098 15.117C15.1621 14.7977 15.4517 14.3777 15.5233 13.8592L17.0664 4.1768C17.0712 4.15967 17.0757 4.1424 17.08 4.125C17.109 4.244 17.125 4.36904 17.125 4.50003C17.125 4.65015 17.104 4.79246 17.0664 4.9268L15.5233 14.6092C15.4517 15.1277 15.1621 15.5477 14.8098 15.867C14.456 16.1877 14.0028 16.442 13.5123 16.6392C12.5299 17.0343 11.2752 17.25 10 17.25C8.72762 17.25 7.48138 17.0419 6.50197 16.6499C5.58181 16.2816 4.63931 15.6399 4.47799 14.6174L2.93353 4.92665Z",
-					"fill": "#101828",
-					"fill-opacity": "0.14"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_dg_9100_35711",
-							"x": "0.875",
-							"y": "0.3",
-							"width": "18.25",
-							"height": "19.95",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_9100_35711"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "BackgroundImageFix",
-									"in2": "effect1_dropShadow_9100_35711",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "5297",
-									"result": "displacementX"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "5298",
-									"result": "displacementY"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementX",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementY",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXRed",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "sourceDisplacedAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "inputSourceAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "sourceDisplacedAlpha",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0",
-									"result": "displacementAlphasMultiplied"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "0",
-									"k3": "-0.5",
-									"k4": "0.5",
-									"result": "centeringAdjustment"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementX",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementY",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementYFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXFinal",
-									"in2": "displacementYFinal",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "in",
-									"result": "displacementMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-color": "rgb(127, 127, 127)",
-									"flood-opacity": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementMap",
-									"operator": "over",
-									"result": "displacementMapWithBg"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImage"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
-									"result": "imageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "imageOpaque",
-									"in2": "displacementMapWithBg",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacedImage",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
-									"result": "displacedImageRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageRed",
-									"operator": "atop",
-									"result": "transparencyRedMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "transparencyRedMap",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
-									"result": "transparencyAlphaMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageOpaque",
-									"in2": "imageOpaque",
-									"operator": "over"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "transparencyAlphaMap",
-									"operator": "in",
-									"result": "effect2_texture_9100_35711"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_9100_35711",
-							"x1": "10",
-							"y1": "1.5",
-							"x2": "10",
-							"y2": "17.2499",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#296DFF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#155AEF"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "BucketsBlue"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "21",
+      "viewBox": "0 0 20 21",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_dg_9100_35711)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M2.93353 4.92661C2.89594 4.7923 2.875 4.65006 2.875 4.49999C2.875 3.87927 3.23334 3.39224 3.64546 3.04834C4.06181 2.70093 4.61943 2.4217 5.24258 2.20177C6.49565 1.75951 8.1777 1.5 10 1.5C11.8223 1.5 13.5044 1.75951 14.7574 2.20177C15.3806 2.4217 15.9382 2.70093 16.3545 3.04834C16.7667 3.39224 17.125 3.87927 17.125 4.49999C17.125 4.65011 17.104 4.79242 17.0664 4.92676L15.5233 14.6092C15.4517 15.1277 15.1621 15.5477 14.8098 15.867C14.456 16.1877 14.0028 16.4419 13.5123 16.6392C12.5299 17.0342 11.2752 17.2499 10 17.2499C8.72762 17.2499 7.48138 17.0419 6.50197 16.6499C5.58181 16.2816 4.63932 15.6399 4.47799 14.6173L4.47785 14.6165L2.93353 4.92661ZM15.3935 4.79995C15.1646 4.99091 14.7887 5.19651 14.2582 5.38375C13.2039 5.75583 11.6985 6 10 6C8.30148 6 6.79603 5.75583 5.7418 5.38375C5.2113 5.19651 4.83532 4.99091 4.60649 4.79995C4.35379 4.58909 4.34365 4.41936 4.60649 4.20004C4.83532 4.00908 5.2113 3.80347 5.7418 3.61624C6.79603 3.24416 8.30148 2.99998 10 2.99998C11.6985 2.99998 13.2039 3.24416 14.2582 3.61624C14.7887 3.80347 15.1646 4.00908 15.3935 4.20004C15.6535 4.41698 15.6591 4.57832 15.3935 4.79995Z",
+              "fill": "url(#paint0_linear_9100_35711)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M10 1.75C11.8015 1.75 13.454 2.00701 14.6738 2.4375C15.2815 2.65197 15.8093 2.91891 16.1943 3.24023C16.5772 3.55975 16.875 3.98319 16.875 4.5C16.875 4.6265 16.8569 4.74611 16.8252 4.85938L16.8223 4.87305L16.8193 4.8877L15.2764 14.5693L15.2754 14.5752C15.2141 15.0182 14.9653 15.3882 14.6416 15.6816C14.3164 15.9764 13.8919 16.2171 13.4189 16.4072C12.4721 16.788 11.2501 17 10 17C8.75169 17 7.53815 16.7956 6.59473 16.418C5.68992 16.0559 4.86386 15.4608 4.72461 14.5781V14.5762L3.18066 4.8877L3.17773 4.87305L3.17383 4.85938L3.1377 4.68457C3.12934 4.62474 3.125 4.56323 3.125 4.5C3.125 3.98318 3.42277 3.55974 3.80566 3.24023C4.19077 2.91891 4.71851 2.65197 5.32617 2.4375C6.54607 2.00701 8.1985 1.75 10 1.75ZM10 2.75C8.28084 2.75 6.74557 2.99708 5.6582 3.38086C5.11261 3.57347 4.70632 3.79086 4.44629 4.00781C4.30195 4.12826 4.16025 4.29177 4.16309 4.50684C4.16605 4.71916 4.30918 4.87778 4.44629 4.99219C4.70632 5.20914 5.11262 5.42654 5.6582 5.61914C6.74557 6.00292 8.28084 6.25 10 6.25C11.7192 6.25 13.2544 6.00292 14.3418 5.61914C14.8874 5.42653 15.2937 5.20915 15.5537 4.99219C15.6953 4.87406 15.8424 4.71212 15.8408 4.49609C15.8391 4.2817 15.6913 4.12258 15.5537 4.00781C15.2937 3.79085 14.8874 3.57347 14.3418 3.38086C13.2544 2.99708 11.7192 2.75 10 2.75Z",
+              "stroke": "white",
+              "stroke-opacity": "0.01",
+              "stroke-width": "0.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.8",
+          "d": "M10 9.375C9.28547 9.375 8.67149 9.8031 8.39956 10.4162C7.7401 10.5741 7.25 11.1672 7.25 11.875C7.25 12.7034 7.92157 13.375 8.75 13.375H11.5C12.1904 13.375 12.75 12.8154 12.75 12.125C12.75 11.5151 12.3132 11.0072 11.7353 10.8971C11.6236 10.0383 10.8893 9.375 10 9.375Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M2.93353 4.92665C2.89594 4.79234 2.875 4.6501 2.875 4.50003C2.875 4.36905 2.89096 4.24402 2.92001 4.12503C2.92424 4.14236 2.92875 4.15957 2.93353 4.17665L4.47799 13.8674C4.63931 14.8899 5.58181 15.5316 6.50197 15.8999C7.48138 16.2919 8.72762 16.5 10 16.5C11.2752 16.5 12.5299 16.2843 13.5123 15.8892C14.0028 15.692 14.456 15.4377 14.8098 15.117C15.1621 14.7977 15.4517 14.3777 15.5233 13.8592L17.0664 4.1768C17.0712 4.15967 17.0757 4.1424 17.08 4.125C17.109 4.244 17.125 4.36904 17.125 4.50003C17.125 4.65015 17.104 4.79246 17.0664 4.9268L15.5233 14.6092C15.4517 15.1277 15.1621 15.5477 14.8098 15.867C14.456 16.1877 14.0028 16.442 13.5123 16.6392C12.5299 17.0343 11.2752 17.25 10 17.25C8.72762 17.25 7.48138 17.0419 6.50197 16.6499C5.58181 16.2816 4.63931 15.6399 4.47799 14.6174L2.93353 4.92665Z",
+          "fill": "#101828",
+          "fill-opacity": "0.14"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_dg_9100_35711",
+              "x": "0.875",
+              "y": "0.3",
+              "width": "18.25",
+              "height": "19.95",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_9100_35711"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "BackgroundImageFix",
+                  "in2": "effect1_dropShadow_9100_35711",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "5297",
+                  "result": "displacementX"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "5298",
+                  "result": "displacementY"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementX",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementY",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXRed",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "sourceDisplacedAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "inputSourceAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "sourceDisplacedAlpha",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0",
+                  "result": "displacementAlphasMultiplied"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "0",
+                  "k3": "-0.5",
+                  "k4": "0.5",
+                  "result": "centeringAdjustment"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementX",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementY",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementYFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXFinal",
+                  "in2": "displacementYFinal",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "in",
+                  "result": "displacementMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-color": "rgb(127, 127, 127)",
+                  "flood-opacity": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementMap",
+                  "operator": "over",
+                  "result": "displacementMapWithBg"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImage"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
+                  "result": "imageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "imageOpaque",
+                  "in2": "displacementMapWithBg",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacedImage",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
+                  "result": "displacedImageRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageRed",
+                  "operator": "atop",
+                  "result": "transparencyRedMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "transparencyRedMap",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
+                  "result": "transparencyAlphaMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageOpaque",
+                  "in2": "imageOpaque",
+                  "operator": "over"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "transparencyAlphaMap",
+                  "operator": "in",
+                  "result": "effect2_texture_9100_35711"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_9100_35711",
+              "x1": "10",
+              "y1": "1.5",
+              "x2": "10",
+              "y2": "17.2499",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#296DFF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#155AEF"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BucketsBlue"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.tsx b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.tsx
index cfd9570081..4b9d5e6430 100644
--- a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsBlue.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BucketsBlue.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BucketsBlue.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.json b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.json
index 9a3823fef3..ed31435ede 100644
--- a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.json
+++ b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.json
@@ -1,591 +1,591 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "19",
-			"viewBox": "0 0 18 19",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_dg_9155_106569)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M2.71865 4.37937C2.68524 4.25999 2.66663 4.13355 2.66663 4.00016C2.66663 3.4484 2.98515 3.01549 3.35148 2.7098C3.72157 2.40099 4.21723 2.15279 4.77114 1.95729C5.88498 1.56417 7.38013 1.3335 8.99996 1.3335C10.6198 1.3335 12.115 1.56417 13.2288 1.95729C13.7827 2.15279 14.2784 2.40099 14.6484 2.7098C15.0148 3.01549 15.3333 3.4484 15.3333 4.00016C15.3333 4.1336 15.3146 4.26009 15.2812 4.37951L13.9096 12.9861C13.8459 13.447 13.5885 13.8203 13.2754 14.1042C12.9608 14.3892 12.558 14.6152 12.122 14.7906C11.2488 15.1417 10.1334 15.3334 8.99996 15.3334C7.86896 15.3334 6.76119 15.1485 5.8906 14.8C5.07268 14.4727 4.23491 13.9023 4.09151 12.9934L4.09139 12.9926L2.71865 4.37937ZM13.7942 4.26678C13.5908 4.43652 13.2566 4.61928 12.785 4.78572C11.8479 5.11646 10.5098 5.3335 8.99996 5.3335C7.49016 5.3335 6.15199 5.11646 5.21489 4.78572C4.74334 4.61928 4.40913 4.43652 4.20573 4.26678C3.98111 4.07936 3.97209 3.92848 4.20573 3.73353C4.40913 3.56379 4.74334 3.38103 5.21489 3.2146C6.15199 2.88386 7.49016 2.66682 8.99996 2.66682C10.5098 2.66682 11.8479 2.88386 12.785 3.2146C13.2566 3.38103 13.5908 3.56379 13.7942 3.73353C14.0253 3.92637 14.0303 4.06978 13.7942 4.26678Z",
-							"fill": "url(#paint0_linear_9155_106569)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M8.99963 1.5835C10.5986 1.5835 12.0645 1.81154 13.1451 2.19287C13.6835 2.38289 14.1491 2.61917 14.4879 2.90186C14.825 3.18316 15.0836 3.55264 15.0836 4.00049C15.0836 4.11011 15.0681 4.21383 15.0406 4.31201L15.0367 4.32568L15.0348 4.34033L13.6627 12.9468L13.6617 12.9517C13.6085 13.3371 13.3916 13.6605 13.1071 13.9185C12.8211 14.1776 12.4474 14.3908 12.0289 14.5591C11.1912 14.8959 10.1081 15.0835 8.99963 15.0835C7.89281 15.0835 6.81755 14.9019 5.98303 14.5679C5.18068 14.2467 4.4599 13.7234 4.3385 12.9546V12.9526L2.96545 4.34033L2.9635 4.32568L2.95959 4.31201L2.92737 4.16064C2.92011 4.10875 2.91664 4.05535 2.91663 4.00049C2.91663 3.55274 3.17436 3.18313 3.51135 2.90186C3.85017 2.61914 4.31573 2.38291 4.85413 2.19287C5.93475 1.81147 7.40056 1.58353 8.99963 1.5835ZM8.99963 2.4165C7.46933 2.41654 6.10163 2.63659 5.13147 2.979C4.64464 3.15085 4.28017 3.34571 4.04553 3.5415C3.91579 3.64976 3.78112 3.80197 3.78381 4.00635C3.7865 4.20806 3.92243 4.35576 4.04553 4.4585C4.28015 4.65428 4.64467 4.84915 5.13147 5.021C6.10163 5.36341 7.46933 5.58346 8.99963 5.5835C10.5299 5.5835 11.8975 5.36338 12.8678 5.021C13.3547 4.84912 13.72 4.65433 13.9547 4.4585C14.0815 4.35269 14.2209 4.20184 14.2194 3.99658C14.2178 3.79281 14.0778 3.64424 13.9547 3.5415C13.72 3.34567 13.3547 3.15088 12.8678 2.979C11.8975 2.63664 10.5299 2.4165 8.99963 2.4165Z",
-							"stroke": "white",
-							"stroke-opacity": "0.01",
-							"stroke-width": "0.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.8",
-					"d": "M8.99999 8.3335C8.36485 8.3335 7.81909 8.71403 7.57737 9.25902C6.99119 9.39939 6.55554 9.92652 6.55554 10.5557C6.55554 11.2921 7.1525 11.8891 7.88888 11.8891H10.3333C10.947 11.8891 11.4444 11.3916 11.4444 10.7779C11.4444 10.2358 11.0561 9.78432 10.5425 9.68647C10.4432 8.92308 9.79045 8.3335 8.99999 8.3335Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M2.71865 4.37908C2.68524 4.2597 2.66663 4.13326 2.66663 3.99986C2.66663 3.88343 2.68081 3.7723 2.70663 3.66653C2.71039 3.68194 2.7144 3.69723 2.71865 3.71241L4.09151 12.3264C4.23491 13.2353 5.07268 13.8057 5.8906 14.1331C6.76119 14.4815 7.86896 14.6665 8.99996 14.6665C10.1334 14.6665 11.2488 14.4747 12.122 14.1236C12.558 13.9483 12.9608 13.7223 13.2754 13.4372C13.5885 13.1533 13.8459 12.78 13.9096 12.3191L15.2812 3.71255C15.2855 3.69732 15.2895 3.68197 15.2933 3.6665C15.3191 3.77228 15.3333 3.88343 15.3333 3.99986C15.3333 4.1333 15.3146 4.2598 15.2812 4.37922L13.9096 12.9858C13.8459 13.4467 13.5885 13.82 13.2754 14.1039C12.9608 14.3889 12.558 14.6149 12.122 14.7903C11.2488 15.1414 10.1334 15.3331 8.99996 15.3331C7.86896 15.3331 6.76119 15.1482 5.8906 14.7997C5.07268 14.4724 4.23491 13.902 4.09151 12.9931L2.71865 4.37908Z",
-					"fill": "#101828",
-					"fill-opacity": "0.14"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_dg_9155_106569",
-							"x": "0.666626",
-							"y": "0.133496",
-							"width": "16.6666",
-							"height": "18.2",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_9155_106569"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "BackgroundImageFix",
-									"in2": "effect1_dropShadow_9155_106569",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "5297",
-									"result": "displacementX"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "5298",
-									"result": "displacementY"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementX",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementY",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXRed",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "sourceDisplacedAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "inputSourceAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "sourceDisplacedAlpha",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0",
-									"result": "displacementAlphasMultiplied"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "0",
-									"k3": "-0.5",
-									"k4": "0.5",
-									"result": "centeringAdjustment"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementX",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementY",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementYFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXFinal",
-									"in2": "displacementYFinal",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "in",
-									"result": "displacementMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-color": "rgb(127, 127, 127)",
-									"flood-opacity": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementMap",
-									"operator": "over",
-									"result": "displacementMapWithBg"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImage"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
-									"result": "imageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "imageOpaque",
-									"in2": "displacementMapWithBg",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacedImage",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
-									"result": "displacedImageRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageRed",
-									"operator": "atop",
-									"result": "transparencyRedMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "transparencyRedMap",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
-									"result": "transparencyAlphaMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageOpaque",
-									"in2": "imageOpaque",
-									"operator": "over"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "transparencyAlphaMap",
-									"operator": "in",
-									"result": "effect2_texture_9155_106569"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_9155_106569",
-							"x1": "8.99996",
-							"y1": "1.3335",
-							"x2": "8.99996",
-							"y2": "15.3334",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#98A2B2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#676F83"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "BucketsGray"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "19",
+      "viewBox": "0 0 18 19",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_dg_9155_106569)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M2.71865 4.37937C2.68524 4.25999 2.66663 4.13355 2.66663 4.00016C2.66663 3.4484 2.98515 3.01549 3.35148 2.7098C3.72157 2.40099 4.21723 2.15279 4.77114 1.95729C5.88498 1.56417 7.38013 1.3335 8.99996 1.3335C10.6198 1.3335 12.115 1.56417 13.2288 1.95729C13.7827 2.15279 14.2784 2.40099 14.6484 2.7098C15.0148 3.01549 15.3333 3.4484 15.3333 4.00016C15.3333 4.1336 15.3146 4.26009 15.2812 4.37951L13.9096 12.9861C13.8459 13.447 13.5885 13.8203 13.2754 14.1042C12.9608 14.3892 12.558 14.6152 12.122 14.7906C11.2488 15.1417 10.1334 15.3334 8.99996 15.3334C7.86896 15.3334 6.76119 15.1485 5.8906 14.8C5.07268 14.4727 4.23491 13.9023 4.09151 12.9934L4.09139 12.9926L2.71865 4.37937ZM13.7942 4.26678C13.5908 4.43652 13.2566 4.61928 12.785 4.78572C11.8479 5.11646 10.5098 5.3335 8.99996 5.3335C7.49016 5.3335 6.15199 5.11646 5.21489 4.78572C4.74334 4.61928 4.40913 4.43652 4.20573 4.26678C3.98111 4.07936 3.97209 3.92848 4.20573 3.73353C4.40913 3.56379 4.74334 3.38103 5.21489 3.2146C6.15199 2.88386 7.49016 2.66682 8.99996 2.66682C10.5098 2.66682 11.8479 2.88386 12.785 3.2146C13.2566 3.38103 13.5908 3.56379 13.7942 3.73353C14.0253 3.92637 14.0303 4.06978 13.7942 4.26678Z",
+              "fill": "url(#paint0_linear_9155_106569)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M8.99963 1.5835C10.5986 1.5835 12.0645 1.81154 13.1451 2.19287C13.6835 2.38289 14.1491 2.61917 14.4879 2.90186C14.825 3.18316 15.0836 3.55264 15.0836 4.00049C15.0836 4.11011 15.0681 4.21383 15.0406 4.31201L15.0367 4.32568L15.0348 4.34033L13.6627 12.9468L13.6617 12.9517C13.6085 13.3371 13.3916 13.6605 13.1071 13.9185C12.8211 14.1776 12.4474 14.3908 12.0289 14.5591C11.1912 14.8959 10.1081 15.0835 8.99963 15.0835C7.89281 15.0835 6.81755 14.9019 5.98303 14.5679C5.18068 14.2467 4.4599 13.7234 4.3385 12.9546V12.9526L2.96545 4.34033L2.9635 4.32568L2.95959 4.31201L2.92737 4.16064C2.92011 4.10875 2.91664 4.05535 2.91663 4.00049C2.91663 3.55274 3.17436 3.18313 3.51135 2.90186C3.85017 2.61914 4.31573 2.38291 4.85413 2.19287C5.93475 1.81147 7.40056 1.58353 8.99963 1.5835ZM8.99963 2.4165C7.46933 2.41654 6.10163 2.63659 5.13147 2.979C4.64464 3.15085 4.28017 3.34571 4.04553 3.5415C3.91579 3.64976 3.78112 3.80197 3.78381 4.00635C3.7865 4.20806 3.92243 4.35576 4.04553 4.4585C4.28015 4.65428 4.64467 4.84915 5.13147 5.021C6.10163 5.36341 7.46933 5.58346 8.99963 5.5835C10.5299 5.5835 11.8975 5.36338 12.8678 5.021C13.3547 4.84912 13.72 4.65433 13.9547 4.4585C14.0815 4.35269 14.2209 4.20184 14.2194 3.99658C14.2178 3.79281 14.0778 3.64424 13.9547 3.5415C13.72 3.34567 13.3547 3.15088 12.8678 2.979C11.8975 2.63664 10.5299 2.4165 8.99963 2.4165Z",
+              "stroke": "white",
+              "stroke-opacity": "0.01",
+              "stroke-width": "0.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.8",
+          "d": "M8.99999 8.3335C8.36485 8.3335 7.81909 8.71403 7.57737 9.25902C6.99119 9.39939 6.55554 9.92652 6.55554 10.5557C6.55554 11.2921 7.1525 11.8891 7.88888 11.8891H10.3333C10.947 11.8891 11.4444 11.3916 11.4444 10.7779C11.4444 10.2358 11.0561 9.78432 10.5425 9.68647C10.4432 8.92308 9.79045 8.3335 8.99999 8.3335Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M2.71865 4.37908C2.68524 4.2597 2.66663 4.13326 2.66663 3.99986C2.66663 3.88343 2.68081 3.7723 2.70663 3.66653C2.71039 3.68194 2.7144 3.69723 2.71865 3.71241L4.09151 12.3264C4.23491 13.2353 5.07268 13.8057 5.8906 14.1331C6.76119 14.4815 7.86896 14.6665 8.99996 14.6665C10.1334 14.6665 11.2488 14.4747 12.122 14.1236C12.558 13.9483 12.9608 13.7223 13.2754 13.4372C13.5885 13.1533 13.8459 12.78 13.9096 12.3191L15.2812 3.71255C15.2855 3.69732 15.2895 3.68197 15.2933 3.6665C15.3191 3.77228 15.3333 3.88343 15.3333 3.99986C15.3333 4.1333 15.3146 4.2598 15.2812 4.37922L13.9096 12.9858C13.8459 13.4467 13.5885 13.82 13.2754 14.1039C12.9608 14.3889 12.558 14.6149 12.122 14.7903C11.2488 15.1414 10.1334 15.3331 8.99996 15.3331C7.86896 15.3331 6.76119 15.1482 5.8906 14.7997C5.07268 14.4724 4.23491 13.902 4.09151 12.9931L2.71865 4.37908Z",
+          "fill": "#101828",
+          "fill-opacity": "0.14"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_dg_9155_106569",
+              "x": "0.666626",
+              "y": "0.133496",
+              "width": "16.6666",
+              "height": "18.2",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_9155_106569"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "BackgroundImageFix",
+                  "in2": "effect1_dropShadow_9155_106569",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "5297",
+                  "result": "displacementX"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "5298",
+                  "result": "displacementY"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementX",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementY",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXRed",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "sourceDisplacedAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "inputSourceAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "sourceDisplacedAlpha",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0",
+                  "result": "displacementAlphasMultiplied"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "0",
+                  "k3": "-0.5",
+                  "k4": "0.5",
+                  "result": "centeringAdjustment"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementX",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementY",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementYFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXFinal",
+                  "in2": "displacementYFinal",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "in",
+                  "result": "displacementMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-color": "rgb(127, 127, 127)",
+                  "flood-opacity": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementMap",
+                  "operator": "over",
+                  "result": "displacementMapWithBg"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImage"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
+                  "result": "imageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "imageOpaque",
+                  "in2": "displacementMapWithBg",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacedImage",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
+                  "result": "displacedImageRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageRed",
+                  "operator": "atop",
+                  "result": "transparencyRedMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "transparencyRedMap",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
+                  "result": "transparencyAlphaMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageOpaque",
+                  "in2": "imageOpaque",
+                  "operator": "over"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "transparencyAlphaMap",
+                  "operator": "in",
+                  "result": "effect2_texture_9155_106569"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_9155_106569",
+              "x1": "8.99996",
+              "y1": "1.3335",
+              "x2": "8.99996",
+              "y2": "15.3334",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#98A2B2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#676F83"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BucketsGray"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.tsx b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.tsx
index 2e40a70367..5c560def2c 100644
--- a/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/online-drive/BucketsGray.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BucketsGray.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BucketsGray.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.json b/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.json
index 2b8152b7e6..1261876445 100644
--- a/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.json
+++ b/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.json
@@ -1,1090 +1,1090 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "19",
-			"viewBox": "0 0 20 19",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"filter": "url(#filter0_dg_9155_106307)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M11.8106 3.75L8.81065 6.75H2.5V15C2.5 15.4142 2.83579 15.75 3.25 15.75H16.75C17.1642 15.75 17.5 15.4142 17.5 15V4.5C17.5 4.08579 17.1642 3.75 16.75 3.75H11.8106Z",
-							"fill": "url(#paint0_linear_9155_106307)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M16.75 4C17.0262 4 17.25 4.22386 17.25 4.5V15C17.25 15.2762 17.0262 15.5 16.75 15.5H3.25C2.97386 15.5 2.75 15.2762 2.75 15V7H8.91406L11.9141 4H16.75Z",
-							"stroke": "white",
-							"stroke-opacity": "0.01",
-							"stroke-width": "0.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.6",
-					"filter": "url(#filter1_dg_9155_106307)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M3.25 2.25C2.83579 2.25 2.5 2.58579 2.5 3V5.25H8.18934L10 3.43934L8.81065 2.25H3.25Z",
-							"fill": "#296DFF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M3.25 2.5H8.70703L9.64648 3.43945L8.08594 5H2.75V3C2.75 2.72386 2.97386 2.5 3.25 2.5Z",
-							"stroke": "white",
-							"stroke-opacity": "0.01",
-							"stroke-width": "0.5"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.5 15C17.5 15.4142 17.1642 15.75 16.75 15.75H3.25C2.83579 15.75 2.5 15.4142 2.5 15V14.25H17.5V15Z",
-					"fill": "#101828",
-					"fill-opacity": "0.14"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_dg_9155_106307",
-							"x": "0.5",
-							"y": "2.55",
-							"width": "19",
-							"height": "16.2",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_9155_106307"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "BackgroundImageFix",
-									"in2": "effect1_dropShadow_9155_106307",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "8029",
-									"result": "displacementX"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "8030",
-									"result": "displacementY"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementX",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementY",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXRed",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "sourceDisplacedAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "inputSourceAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "sourceDisplacedAlpha",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0",
-									"result": "displacementAlphasMultiplied"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "0",
-									"k3": "-0.5",
-									"k4": "0.5",
-									"result": "centeringAdjustment"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementX",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementY",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementYFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXFinal",
-									"in2": "displacementYFinal",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "in",
-									"result": "displacementMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-color": "rgb(127, 127, 127)",
-									"flood-opacity": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementMap",
-									"operator": "over",
-									"result": "displacementMapWithBg"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImage"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
-									"result": "imageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "imageOpaque",
-									"in2": "displacementMapWithBg",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacedImage",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
-									"result": "displacedImageRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageRed",
-									"operator": "atop",
-									"result": "transparencyRedMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "transparencyRedMap",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
-									"result": "transparencyAlphaMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageOpaque",
-									"in2": "imageOpaque",
-									"operator": "over"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "transparencyAlphaMap",
-									"operator": "in",
-									"result": "effect2_texture_9155_106307"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter1_dg_9155_106307",
-							"x": "0.5",
-							"y": "1.05",
-							"width": "11.5",
-							"height": "7.2",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_9155_106307"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "BackgroundImageFix",
-									"in2": "effect1_dropShadow_9155_106307",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "BackgroundImageFix",
-									"result": "shape"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "8754",
-									"result": "displacementX"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feTurbulence",
-								"attributes": {
-									"type": "fractalNoise",
-									"baseFrequency": "9.0909090042114258 9.0909090042114258",
-									"numOctaves": "3",
-									"seed": "8755",
-									"result": "displacementY"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementX",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacementY",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXRed",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "sourceDisplacedAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComponentTransfer",
-								"attributes": {
-									"result": "inputSourceAlpha"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "feFuncA",
-										"attributes": {
-											"type": "gamma",
-											"exponent": "0.2"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "sourceDisplacedAlpha",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0",
-									"result": "displacementAlphasMultiplied"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "0",
-									"k3": "-0.5",
-									"k4": "0.5",
-									"result": "centeringAdjustment"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementX",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementXFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementY",
-									"in2": "displacementAlphasMultiplied",
-									"operator": "arithmetic",
-									"k1": "1",
-									"k2": "0",
-									"k3": "0",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "centeringAdjustment",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
-									"result": "displacementYFinal"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacementXFinal",
-									"in2": "displacementYFinal",
-									"operator": "arithmetic",
-									"k1": "0",
-									"k2": "1",
-									"k3": "1",
-									"k4": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "in",
-									"result": "displacementMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-color": "rgb(127, 127, 127)",
-									"flood-opacity": "1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementAlphasMultiplied",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "displacementMap",
-									"operator": "over",
-									"result": "displacementMapWithBg"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "shape",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImage"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
-									"result": "imageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feDisplacementMap",
-								"attributes": {
-									"in": "imageOpaque",
-									"in2": "displacementMapWithBg",
-									"scale": "2.4000000953674316",
-									"xChannelSelector": "R",
-									"yChannelSelector": "G",
-									"width": "100%",
-									"height": "100%",
-									"result": "displacedImageOpaque"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "displacedImage",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
-									"result": "displacedImageRed"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "shape",
-									"type": "matrix",
-									"values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageRed",
-									"operator": "atop",
-									"result": "transparencyRedMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "transparencyRedMap",
-									"type": "matrix",
-									"values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
-									"result": "transparencyAlphaMap"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in": "displacedImageOpaque",
-									"in2": "imageOpaque",
-									"operator": "over"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "transparencyAlphaMap",
-									"operator": "in",
-									"result": "effect2_texture_9155_106307"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_9155_106307",
-							"x1": "10",
-							"y1": "3.75",
-							"x2": "10",
-							"y2": "15.75",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#296DFF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#155AEF"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Folder"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "19",
+      "viewBox": "0 0 20 19",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "filter": "url(#filter0_dg_9155_106307)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M11.8106 3.75L8.81065 6.75H2.5V15C2.5 15.4142 2.83579 15.75 3.25 15.75H16.75C17.1642 15.75 17.5 15.4142 17.5 15V4.5C17.5 4.08579 17.1642 3.75 16.75 3.75H11.8106Z",
+              "fill": "url(#paint0_linear_9155_106307)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M16.75 4C17.0262 4 17.25 4.22386 17.25 4.5V15C17.25 15.2762 17.0262 15.5 16.75 15.5H3.25C2.97386 15.5 2.75 15.2762 2.75 15V7H8.91406L11.9141 4H16.75Z",
+              "stroke": "white",
+              "stroke-opacity": "0.01",
+              "stroke-width": "0.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.6",
+          "filter": "url(#filter1_dg_9155_106307)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M3.25 2.25C2.83579 2.25 2.5 2.58579 2.5 3V5.25H8.18934L10 3.43934L8.81065 2.25H3.25Z",
+              "fill": "#296DFF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M3.25 2.5H8.70703L9.64648 3.43945L8.08594 5H2.75V3C2.75 2.72386 2.97386 2.5 3.25 2.5Z",
+              "stroke": "white",
+              "stroke-opacity": "0.01",
+              "stroke-width": "0.5"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.5 15C17.5 15.4142 17.1642 15.75 16.75 15.75H3.25C2.83579 15.75 2.5 15.4142 2.5 15V14.25H17.5V15Z",
+          "fill": "#101828",
+          "fill-opacity": "0.14"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_dg_9155_106307",
+              "x": "0.5",
+              "y": "2.55",
+              "width": "19",
+              "height": "16.2",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_9155_106307"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "BackgroundImageFix",
+                  "in2": "effect1_dropShadow_9155_106307",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "8029",
+                  "result": "displacementX"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "8030",
+                  "result": "displacementY"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementX",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementY",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXRed",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "sourceDisplacedAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "inputSourceAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "sourceDisplacedAlpha",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0",
+                  "result": "displacementAlphasMultiplied"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "0",
+                  "k3": "-0.5",
+                  "k4": "0.5",
+                  "result": "centeringAdjustment"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementX",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementY",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementYFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXFinal",
+                  "in2": "displacementYFinal",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "in",
+                  "result": "displacementMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-color": "rgb(127, 127, 127)",
+                  "flood-opacity": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementMap",
+                  "operator": "over",
+                  "result": "displacementMapWithBg"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImage"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
+                  "result": "imageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "imageOpaque",
+                  "in2": "displacementMapWithBg",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacedImage",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
+                  "result": "displacedImageRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageRed",
+                  "operator": "atop",
+                  "result": "transparencyRedMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "transparencyRedMap",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
+                  "result": "transparencyAlphaMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageOpaque",
+                  "in2": "imageOpaque",
+                  "operator": "over"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "transparencyAlphaMap",
+                  "operator": "in",
+                  "result": "effect2_texture_9155_106307"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter1_dg_9155_106307",
+              "x": "0.5",
+              "y": "1.05",
+              "width": "11.5",
+              "height": "7.2",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_9155_106307"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "BackgroundImageFix",
+                  "in2": "effect1_dropShadow_9155_106307",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "BackgroundImageFix",
+                  "result": "shape"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "8754",
+                  "result": "displacementX"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feTurbulence",
+                "attributes": {
+                  "type": "fractalNoise",
+                  "baseFrequency": "9.0909090042114258 9.0909090042114258",
+                  "numOctaves": "3",
+                  "seed": "8755",
+                  "result": "displacementY"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementX",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacementY",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXRed",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "sourceDisplacedAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComponentTransfer",
+                "attributes": {
+                  "result": "inputSourceAlpha"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "feFuncA",
+                    "attributes": {
+                      "type": "gamma",
+                      "exponent": "0.2"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "sourceDisplacedAlpha",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0",
+                  "result": "displacementAlphasMultiplied"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "0",
+                  "k3": "-0.5",
+                  "k4": "0.5",
+                  "result": "centeringAdjustment"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementX",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementXFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementY",
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "arithmetic",
+                  "k1": "1",
+                  "k2": "0",
+                  "k3": "0",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "centeringAdjustment",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 1 0  0 0 0 0 0  0 0 0 0 1",
+                  "result": "displacementYFinal"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacementXFinal",
+                  "in2": "displacementYFinal",
+                  "operator": "arithmetic",
+                  "k1": "0",
+                  "k2": "1",
+                  "k3": "1",
+                  "k4": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "in",
+                  "result": "displacementMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-color": "rgb(127, 127, 127)",
+                  "flood-opacity": "1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementAlphasMultiplied",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "displacementMap",
+                  "operator": "over",
+                  "result": "displacementMapWithBg"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "shape",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImage"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 127 0",
+                  "result": "imageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feDisplacementMap",
+                "attributes": {
+                  "in": "imageOpaque",
+                  "in2": "displacementMapWithBg",
+                  "scale": "2.4000000953674316",
+                  "xChannelSelector": "R",
+                  "yChannelSelector": "G",
+                  "width": "100%",
+                  "height": "100%",
+                  "result": "displacedImageOpaque"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "displacedImage",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0",
+                  "result": "displacedImageRed"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "shape",
+                  "type": "matrix",
+                  "values": "0 0 0 1 0  0 0 0 0 0  0 0 0 0 0  0 0 0 127 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageRed",
+                  "operator": "atop",
+                  "result": "transparencyRedMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "transparencyRedMap",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0",
+                  "result": "transparencyAlphaMap"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in": "displacedImageOpaque",
+                  "in2": "imageOpaque",
+                  "operator": "over"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "transparencyAlphaMap",
+                  "operator": "in",
+                  "result": "effect2_texture_9155_106307"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_9155_106307",
+              "x1": "10",
+              "y1": "3.75",
+              "x2": "10",
+              "y2": "15.75",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#296DFF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#155AEF"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Folder"
 }
diff --git a/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.tsx b/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.tsx
index c5c3ea5b72..5d656dee61 100644
--- a/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/online-drive/Folder.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Folder.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Folder.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Anthropic.json b/web/app/components/base/icons/src/public/llm/Anthropic.json
index db33abd6cc..78801ee431 100644
--- a/web/app/components/base/icons/src/public/llm/Anthropic.json
+++ b/web/app/components/base/icons/src/public/llm/Anthropic.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#CA9F7B"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M15.3843 6.43481H12.9687L17.3739 17.5652H19.7896L15.3843 6.43481ZM8.40522 6.43481L4 17.5652H6.4633L7.36417 15.2279H11.9729L12.8737 17.5652H15.337L10.9318 6.43481H8.40522ZM8.16104 13.1607L9.66852 9.24907L11.176 13.1607H8.16104Z",
-					"fill": "#191918"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Anthropic"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#CA9F7B"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M15.3843 6.43481H12.9687L17.3739 17.5652H19.7896L15.3843 6.43481ZM8.40522 6.43481L4 17.5652H6.4633L7.36417 15.2279H11.9729L12.8737 17.5652H15.337L10.9318 6.43481H8.40522ZM8.16104 13.1607L9.66852 9.24907L11.176 13.1607H8.16104Z",
+          "fill": "#191918"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Anthropic"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Anthropic.tsx b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
index 8ccf1f1c75..b6c4ec8a63 100644
--- a/web/app/components/base/icons/src/public/llm/Anthropic.tsx
+++ b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Anthropic.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Anthropic.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicDark.json b/web/app/components/base/icons/src/public/llm/AnthropicDark.json
index ca066c2e78..559816d904 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicDark.json
+++ b/web/app/components/base/icons/src/public/llm/AnthropicDark.json
@@ -1,1046 +1,1046 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "90",
-			"height": "10",
-			"viewBox": "0 0 90 10",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Anthropic",
-					"clip-path": "url(#clip0_5981_49007)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Clip path group"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "mask",
-								"attributes": {
-									"id": "mask0_5981_49007",
-									"style": "mask-type:luminance",
-									"maskUnits": "userSpaceOnUse",
-									"x": "0",
-									"y": "-1",
-									"width": "90",
-									"height": "11"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"id": "__lottie_element_2"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "path",
-												"attributes": {
-													"id": "Vector",
-													"d": "M89.375 -0.00195312H0V9.99805H89.375V-0.00195312Z",
-													"fill": "white"
-												},
-												"children": []
-											}
-										]
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"mask": "url(#mask0_5981_49007)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"id": "Group"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"id": "Clip path group_2"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "mask",
-														"attributes": {
-															"id": "mask1_5981_49007",
-															"style": "mask-type:luminance",
-															"maskUnits": "userSpaceOnUse",
-															"x": "0",
-															"y": "-1",
-															"width": "90",
-															"height": "11"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "g",
-																"attributes": {
-																	"id": "__lottie_element_4"
-																},
-																"children": [
-																	{
-																		"type": "element",
-																		"name": "path",
-																		"attributes": {
-																			"id": "Vector_2",
-																			"d": "M0 -0.00390625H89.375V9.99609H0V-0.00390625Z",
-																			"fill": "white"
-																		},
-																		"children": []
-																	}
-																]
-															}
-														]
-													},
-													{
-														"type": "element",
-														"name": "g",
-														"attributes": {
-															"mask": "url(#mask1_5981_49007)"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "g",
-																"attributes": {
-																	"id": "Group_2"
-																},
-																"children": [
-																	{
-																		"type": "element",
-																		"name": "g",
-																		"attributes": {
-																			"id": "Clip path group_3"
-																		},
-																		"children": [
-																			{
-																				"type": "element",
-																				"name": "mask",
-																				"attributes": {
-																					"id": "mask2_5981_49007",
-																					"style": "mask-type:luminance",
-																					"maskUnits": "userSpaceOnUse",
-																					"x": "0",
-																					"y": "-1",
-																					"width": "90",
-																					"height": "11"
-																				},
-																				"children": [
-																					{
-																						"type": "element",
-																						"name": "g",
-																						"attributes": {
-																							"id": "__lottie_element_12"
-																						},
-																						"children": [
-																							{
-																								"type": "element",
-																								"name": "path",
-																								"attributes": {
-																									"id": "Vector_3",
-																									"d": "M0 -0.00585938H89.375V9.99414H0V-0.00585938Z",
-																									"fill": "white"
-																								},
-																								"children": []
-																							}
-																						]
-																					}
-																				]
-																			},
-																			{
-																				"type": "element",
-																				"name": "g",
-																				"attributes": {
-																					"mask": "url(#mask2_5981_49007)"
-																				},
-																				"children": [
-																					{
-																						"type": "element",
-																						"name": "g",
-																						"attributes": {
-																							"id": "Group_3"
-																						},
-																						"children": [
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_4"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask3_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_89"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_4",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask3_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_4"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_5"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_6"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_5",
-																																			"d": "M18.1273 6.92438L13.7773 0.15625H11.4297V9.82501H13.4321V3.05688L17.7821 9.82501H20.1297V0.15625H18.1273V6.92438Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_5"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask4_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_80"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_6",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask4_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_7"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_8"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_9"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_7",
-																																			"d": "M21.7969 2.02094H25.0423V9.82501H27.1139V2.02094H30.3594V0.15625H21.7969V2.02094Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_6"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask5_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_71"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_8",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask5_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_10"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_11"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_12"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_9",
-																																			"d": "M38.6442 4.00994H34.0871V0.15625H32.0156V9.82501H34.0871V5.87463H38.6442V9.82501H40.7156V0.15625H38.6442V4.00994Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_7"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask6_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_62"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_10",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask6_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_13"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_14"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_15"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_11",
-																																			"d": "M45.3376 2.02094H47.893C48.9152 2.02094 49.4539 2.39387 49.4539 3.09831C49.4539 3.80275 48.9152 4.17569 47.893 4.17569H45.3376V2.02094ZM51.5259 3.09831C51.5259 1.27506 50.186 0.15625 47.9897 0.15625H43.2656V9.82501H45.3376V6.04037H47.6443L49.7164 9.82501H52.0094L49.715 5.75211C50.8666 5.30941 51.5259 4.37721 51.5259 3.09831Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_8"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask7_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_53"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_12",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask7_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_16"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_17"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_18"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_13",
-																																			"d": "M57.8732 8.05653C56.2438 8.05653 55.2496 6.89631 55.2496 5.00404C55.2496 3.08416 56.2438 1.92394 57.8732 1.92394C59.4887 1.92394 60.4691 3.08416 60.4691 5.00404C60.4691 6.89631 59.4887 8.05653 57.8732 8.05653ZM57.8732 -0.00976562C55.0839 -0.00976562 53.1094 2.06206 53.1094 5.00404C53.1094 7.91841 55.0839 9.99023 57.8732 9.99023C60.6486 9.99023 62.6094 7.91841 62.6094 5.00404C62.6094 2.06206 60.6486 -0.00976562 57.8732 -0.00976562Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_9"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask8_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_44"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_14",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask8_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_19"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_20"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_21"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_15",
-																																			"d": "M69.1794 4.45194H66.6233V2.02094H69.1794C70.2019 2.02094 70.7407 2.43532 70.7407 3.23644C70.7407 4.03756 70.2019 4.45194 69.1794 4.45194ZM69.2762 0.15625H64.5508V9.82501H66.6233V6.31662H69.2762C71.473 6.31662 72.8133 5.15637 72.8133 3.23644C72.8133 1.3165 71.473 0.15625 69.2762 0.15625Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_10"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask9_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_35"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_16",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask9_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_22"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_23"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_24"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_17",
-																																			"d": "M86.8413 6.57863C86.4823 7.51786 85.7642 8.05653 84.7837 8.05653C83.1542 8.05653 82.16 6.89631 82.16 5.00404C82.16 3.08416 83.1542 1.92394 84.7837 1.92394C85.7642 1.92394 86.4823 2.46261 86.8413 3.40183H89.0369C88.4984 1.33002 86.8827 -0.00976562 84.7837 -0.00976562C81.9942 -0.00976562 80.0195 2.06206 80.0195 5.00404C80.0195 7.91841 81.9942 9.99023 84.7837 9.99023C86.8965 9.99023 88.5122 8.63664 89.0508 6.57863H86.8413Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_11"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask10_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_26"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_18",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask10_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_25"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_26"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_27"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_19",
-																																			"d": "M73.6484 0.15625L77.5033 9.82501H79.6172L75.7624 0.15625H73.6484Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_12"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask11_5981_49007",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_17"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_20",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask11_5981_49007)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_28"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_29"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_30"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_21",
-																																			"d": "M3.64038 5.99893L4.95938 2.60106L6.27838 5.99893H3.64038ZM3.85422 0.15625L0 9.82501H2.15505L2.9433 7.79456H6.97558L7.76371 9.82501H9.91875L6.06453 0.15625H3.85422Z",
-																																			"fill": "black",
-																																			"fill-opacity": "0.95"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							}
-																						]
-																					}
-																				]
-																			}
-																		]
-																	}
-																]
-															}
-														]
-													}
-												]
-											}
-										]
-									}
-								]
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_5981_49007"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "89.375",
-									"height": "10",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AnthropicDark"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "90",
+      "height": "10",
+      "viewBox": "0 0 90 10",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Anthropic",
+          "clip-path": "url(#clip0_5981_49007)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Clip path group"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "mask",
+                "attributes": {
+                  "id": "mask0_5981_49007",
+                  "style": "mask-type:luminance",
+                  "maskUnits": "userSpaceOnUse",
+                  "x": "0",
+                  "y": "-1",
+                  "width": "90",
+                  "height": "11"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "id": "__lottie_element_2"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "path",
+                        "attributes": {
+                          "id": "Vector",
+                          "d": "M89.375 -0.00195312H0V9.99805H89.375V-0.00195312Z",
+                          "fill": "white"
+                        },
+                        "children": []
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "mask": "url(#mask0_5981_49007)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "id": "Group"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "id": "Clip path group_2"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "mask",
+                            "attributes": {
+                              "id": "mask1_5981_49007",
+                              "style": "mask-type:luminance",
+                              "maskUnits": "userSpaceOnUse",
+                              "x": "0",
+                              "y": "-1",
+                              "width": "90",
+                              "height": "11"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "g",
+                                "attributes": {
+                                  "id": "__lottie_element_4"
+                                },
+                                "children": [
+                                  {
+                                    "type": "element",
+                                    "name": "path",
+                                    "attributes": {
+                                      "id": "Vector_2",
+                                      "d": "M0 -0.00390625H89.375V9.99609H0V-0.00390625Z",
+                                      "fill": "white"
+                                    },
+                                    "children": []
+                                  }
+                                ]
+                              }
+                            ]
+                          },
+                          {
+                            "type": "element",
+                            "name": "g",
+                            "attributes": {
+                              "mask": "url(#mask1_5981_49007)"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "g",
+                                "attributes": {
+                                  "id": "Group_2"
+                                },
+                                "children": [
+                                  {
+                                    "type": "element",
+                                    "name": "g",
+                                    "attributes": {
+                                      "id": "Clip path group_3"
+                                    },
+                                    "children": [
+                                      {
+                                        "type": "element",
+                                        "name": "mask",
+                                        "attributes": {
+                                          "id": "mask2_5981_49007",
+                                          "style": "mask-type:luminance",
+                                          "maskUnits": "userSpaceOnUse",
+                                          "x": "0",
+                                          "y": "-1",
+                                          "width": "90",
+                                          "height": "11"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "element",
+                                            "name": "g",
+                                            "attributes": {
+                                              "id": "__lottie_element_12"
+                                            },
+                                            "children": [
+                                              {
+                                                "type": "element",
+                                                "name": "path",
+                                                "attributes": {
+                                                  "id": "Vector_3",
+                                                  "d": "M0 -0.00585938H89.375V9.99414H0V-0.00585938Z",
+                                                  "fill": "white"
+                                                },
+                                                "children": []
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "name": "g",
+                                        "attributes": {
+                                          "mask": "url(#mask2_5981_49007)"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "element",
+                                            "name": "g",
+                                            "attributes": {
+                                              "id": "Group_3"
+                                            },
+                                            "children": [
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_4"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask3_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_89"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_4",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask3_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_4"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_5"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_6"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_5",
+                                                                      "d": "M18.1273 6.92438L13.7773 0.15625H11.4297V9.82501H13.4321V3.05688L17.7821 9.82501H20.1297V0.15625H18.1273V6.92438Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_5"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask4_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_80"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_6",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask4_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_7"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_8"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_9"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_7",
+                                                                      "d": "M21.7969 2.02094H25.0423V9.82501H27.1139V2.02094H30.3594V0.15625H21.7969V2.02094Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_6"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask5_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_71"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_8",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask5_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_10"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_11"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_12"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_9",
+                                                                      "d": "M38.6442 4.00994H34.0871V0.15625H32.0156V9.82501H34.0871V5.87463H38.6442V9.82501H40.7156V0.15625H38.6442V4.00994Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_7"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask6_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_62"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_10",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask6_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_13"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_14"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_15"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_11",
+                                                                      "d": "M45.3376 2.02094H47.893C48.9152 2.02094 49.4539 2.39387 49.4539 3.09831C49.4539 3.80275 48.9152 4.17569 47.893 4.17569H45.3376V2.02094ZM51.5259 3.09831C51.5259 1.27506 50.186 0.15625 47.9897 0.15625H43.2656V9.82501H45.3376V6.04037H47.6443L49.7164 9.82501H52.0094L49.715 5.75211C50.8666 5.30941 51.5259 4.37721 51.5259 3.09831Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_8"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask7_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_53"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_12",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask7_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_16"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_17"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_18"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_13",
+                                                                      "d": "M57.8732 8.05653C56.2438 8.05653 55.2496 6.89631 55.2496 5.00404C55.2496 3.08416 56.2438 1.92394 57.8732 1.92394C59.4887 1.92394 60.4691 3.08416 60.4691 5.00404C60.4691 6.89631 59.4887 8.05653 57.8732 8.05653ZM57.8732 -0.00976562C55.0839 -0.00976562 53.1094 2.06206 53.1094 5.00404C53.1094 7.91841 55.0839 9.99023 57.8732 9.99023C60.6486 9.99023 62.6094 7.91841 62.6094 5.00404C62.6094 2.06206 60.6486 -0.00976562 57.8732 -0.00976562Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_9"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask8_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_44"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_14",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask8_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_19"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_20"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_21"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_15",
+                                                                      "d": "M69.1794 4.45194H66.6233V2.02094H69.1794C70.2019 2.02094 70.7407 2.43532 70.7407 3.23644C70.7407 4.03756 70.2019 4.45194 69.1794 4.45194ZM69.2762 0.15625H64.5508V9.82501H66.6233V6.31662H69.2762C71.473 6.31662 72.8133 5.15637 72.8133 3.23644C72.8133 1.3165 71.473 0.15625 69.2762 0.15625Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_10"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask9_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_35"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_16",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask9_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_22"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_23"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_24"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_17",
+                                                                      "d": "M86.8413 6.57863C86.4823 7.51786 85.7642 8.05653 84.7837 8.05653C83.1542 8.05653 82.16 6.89631 82.16 5.00404C82.16 3.08416 83.1542 1.92394 84.7837 1.92394C85.7642 1.92394 86.4823 2.46261 86.8413 3.40183H89.0369C88.4984 1.33002 86.8827 -0.00976562 84.7837 -0.00976562C81.9942 -0.00976562 80.0195 2.06206 80.0195 5.00404C80.0195 7.91841 81.9942 9.99023 84.7837 9.99023C86.8965 9.99023 88.5122 8.63664 89.0508 6.57863H86.8413Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_11"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask10_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_26"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_18",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask10_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_25"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_26"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_27"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_19",
+                                                                      "d": "M73.6484 0.15625L77.5033 9.82501H79.6172L75.7624 0.15625H73.6484Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_12"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask11_5981_49007",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_17"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_20",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask11_5981_49007)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_28"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_29"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_30"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_21",
+                                                                      "d": "M3.64038 5.99893L4.95938 2.60106L6.27838 5.99893H3.64038ZM3.85422 0.15625L0 9.82501H2.15505L2.9433 7.79456H6.97558L7.76371 9.82501H9.91875L6.06453 0.15625H3.85422Z",
+                                                                      "fill": "black",
+                                                                      "fill-opacity": "0.95"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_5981_49007"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "89.375",
+                  "height": "10",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AnthropicDark"
 }
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx b/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
index 88374c33ae..eb1dca392b 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AnthropicDark.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AnthropicDark.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicLight.json b/web/app/components/base/icons/src/public/llm/AnthropicLight.json
index 2d2b0aab3e..4baff9fc4b 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicLight.json
+++ b/web/app/components/base/icons/src/public/llm/AnthropicLight.json
@@ -1,1046 +1,1046 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "90",
-			"height": "10",
-			"viewBox": "0 0 90 10",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Anthropic",
-					"clip-path": "url(#clip0_5981_52010)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Clip path group"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "mask",
-								"attributes": {
-									"id": "mask0_5981_52010",
-									"style": "mask-type:luminance",
-									"maskUnits": "userSpaceOnUse",
-									"x": "0",
-									"y": "-1",
-									"width": "90",
-									"height": "11"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"id": "__lottie_element_2"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "path",
-												"attributes": {
-													"id": "Vector",
-													"d": "M89.375 -0.00195312H0V9.99805H89.375V-0.00195312Z",
-													"fill": "white"
-												},
-												"children": []
-											}
-										]
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"mask": "url(#mask0_5981_52010)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"id": "Group"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"id": "Clip path group_2"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "mask",
-														"attributes": {
-															"id": "mask1_5981_52010",
-															"style": "mask-type:luminance",
-															"maskUnits": "userSpaceOnUse",
-															"x": "0",
-															"y": "-1",
-															"width": "90",
-															"height": "11"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "g",
-																"attributes": {
-																	"id": "__lottie_element_4"
-																},
-																"children": [
-																	{
-																		"type": "element",
-																		"name": "path",
-																		"attributes": {
-																			"id": "Vector_2",
-																			"d": "M0 -0.00390625H89.375V9.99609H0V-0.00390625Z",
-																			"fill": "white"
-																		},
-																		"children": []
-																	}
-																]
-															}
-														]
-													},
-													{
-														"type": "element",
-														"name": "g",
-														"attributes": {
-															"mask": "url(#mask1_5981_52010)"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "g",
-																"attributes": {
-																	"id": "Group_2"
-																},
-																"children": [
-																	{
-																		"type": "element",
-																		"name": "g",
-																		"attributes": {
-																			"id": "Clip path group_3"
-																		},
-																		"children": [
-																			{
-																				"type": "element",
-																				"name": "mask",
-																				"attributes": {
-																					"id": "mask2_5981_52010",
-																					"style": "mask-type:luminance",
-																					"maskUnits": "userSpaceOnUse",
-																					"x": "0",
-																					"y": "-1",
-																					"width": "90",
-																					"height": "11"
-																				},
-																				"children": [
-																					{
-																						"type": "element",
-																						"name": "g",
-																						"attributes": {
-																							"id": "__lottie_element_12"
-																						},
-																						"children": [
-																							{
-																								"type": "element",
-																								"name": "path",
-																								"attributes": {
-																									"id": "Vector_3",
-																									"d": "M0 -0.00585938H89.375V9.99414H0V-0.00585938Z",
-																									"fill": "white"
-																								},
-																								"children": []
-																							}
-																						]
-																					}
-																				]
-																			},
-																			{
-																				"type": "element",
-																				"name": "g",
-																				"attributes": {
-																					"mask": "url(#mask2_5981_52010)"
-																				},
-																				"children": [
-																					{
-																						"type": "element",
-																						"name": "g",
-																						"attributes": {
-																							"id": "Group_3"
-																						},
-																						"children": [
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_4"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask3_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_89"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_4",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask3_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_4"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_5"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_6"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_5",
-																																			"d": "M18.1273 6.92438L13.7773 0.15625H11.4297V9.82501H13.4321V3.05688L17.7821 9.82501H20.1297V0.15625H18.1273V6.92438Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_5"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask4_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_80"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_6",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask4_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_7"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_8"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_9"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_7",
-																																			"d": "M21.7969 2.02094H25.0423V9.82501H27.1139V2.02094H30.3594V0.15625H21.7969V2.02094Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_6"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask5_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_71"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_8",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask5_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_10"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_11"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_12"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_9",
-																																			"d": "M38.6442 4.00994H34.0871V0.15625H32.0156V9.82501H34.0871V5.87463H38.6442V9.82501H40.7156V0.15625H38.6442V4.00994Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_7"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask6_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_62"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_10",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask6_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_13"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_14"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_15"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_11",
-																																			"d": "M45.3376 2.02094H47.893C48.9152 2.02094 49.4539 2.39387 49.4539 3.09831C49.4539 3.80275 48.9152 4.17569 47.893 4.17569H45.3376V2.02094ZM51.5259 3.09831C51.5259 1.27506 50.186 0.15625 47.9897 0.15625H43.2656V9.82501H45.3376V6.04037H47.6443L49.7164 9.82501H52.0094L49.715 5.75211C50.8666 5.30941 51.5259 4.37721 51.5259 3.09831Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_8"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask7_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_53"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_12",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask7_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_16"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_17"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_18"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_13",
-																																			"d": "M57.8732 8.05653C56.2438 8.05653 55.2496 6.89631 55.2496 5.00404C55.2496 3.08416 56.2438 1.92394 57.8732 1.92394C59.4887 1.92394 60.4691 3.08416 60.4691 5.00404C60.4691 6.89631 59.4887 8.05653 57.8732 8.05653ZM57.8732 -0.00976562C55.0839 -0.00976562 53.1094 2.06206 53.1094 5.00404C53.1094 7.91841 55.0839 9.99023 57.8732 9.99023C60.6486 9.99023 62.6094 7.91841 62.6094 5.00404C62.6094 2.06206 60.6486 -0.00976562 57.8732 -0.00976562Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_9"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask8_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_44"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_14",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask8_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_19"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_20"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_21"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_15",
-																																			"d": "M69.1794 4.45194H66.6233V2.02094H69.1794C70.2019 2.02094 70.7407 2.43532 70.7407 3.23644C70.7407 4.03756 70.2019 4.45194 69.1794 4.45194ZM69.2762 0.15625H64.5508V9.82501H66.6233V6.31662H69.2762C71.473 6.31662 72.8133 5.15637 72.8133 3.23644C72.8133 1.3165 71.473 0.15625 69.2762 0.15625Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_10"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask9_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_35"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_16",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask9_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_22"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_23"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_24"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_17",
-																																			"d": "M86.8413 6.57863C86.4823 7.51786 85.7642 8.05653 84.7837 8.05653C83.1542 8.05653 82.16 6.89631 82.16 5.00404C82.16 3.08416 83.1542 1.92394 84.7837 1.92394C85.7642 1.92394 86.4823 2.46261 86.8413 3.40183H89.0369C88.4984 1.33002 86.8827 -0.00976562 84.7837 -0.00976562C81.9942 -0.00976562 80.0195 2.06206 80.0195 5.00404C80.0195 7.91841 81.9942 9.99023 84.7837 9.99023C86.8965 9.99023 88.5122 8.63664 89.0508 6.57863H86.8413Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_11"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask10_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_26"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_18",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask10_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_25"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_26"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_27"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_19",
-																																			"d": "M73.6484 0.15625L77.5033 9.82501H79.6172L75.7624 0.15625H73.6484Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							},
-																							{
-																								"type": "element",
-																								"name": "g",
-																								"attributes": {
-																									"id": "Clip path group_12"
-																								},
-																								"children": [
-																									{
-																										"type": "element",
-																										"name": "mask",
-																										"attributes": {
-																											"id": "mask11_5981_52010",
-																											"style": "mask-type:luminance",
-																											"maskUnits": "userSpaceOnUse",
-																											"x": "0",
-																											"y": "-1",
-																											"width": "90",
-																											"height": "11"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "__lottie_element_17"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "path",
-																														"attributes": {
-																															"id": "Vector_20",
-																															"d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
-																															"fill": "white"
-																														},
-																														"children": []
-																													}
-																												]
-																											}
-																										]
-																									},
-																									{
-																										"type": "element",
-																										"name": "g",
-																										"attributes": {
-																											"mask": "url(#mask11_5981_52010)"
-																										},
-																										"children": [
-																											{
-																												"type": "element",
-																												"name": "g",
-																												"attributes": {
-																													"id": "Group_28"
-																												},
-																												"children": [
-																													{
-																														"type": "element",
-																														"name": "g",
-																														"attributes": {
-																															"id": "Group_29"
-																														},
-																														"children": [
-																															{
-																																"type": "element",
-																																"name": "g",
-																																"attributes": {
-																																	"id": "Group_30"
-																																},
-																																"children": [
-																																	{
-																																		"type": "element",
-																																		"name": "path",
-																																		"attributes": {
-																																			"id": "Vector_21",
-																																			"d": "M3.64038 5.99893L4.95938 2.60106L6.27838 5.99893H3.64038ZM3.85422 0.15625L0 9.82501H2.15505L2.9433 7.79456H6.97558L7.76371 9.82501H9.91875L6.06453 0.15625H3.85422Z",
-																																			"fill": "white",
-																																			"fill-opacity": "0.8"
-																																		},
-																																		"children": []
-																																	}
-																																]
-																															}
-																														]
-																													}
-																												]
-																											}
-																										]
-																									}
-																								]
-																							}
-																						]
-																					}
-																				]
-																			}
-																		]
-																	}
-																]
-															}
-														]
-													}
-												]
-											}
-										]
-									}
-								]
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_5981_52010"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "89.375",
-									"height": "10",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AnthropicLight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "90",
+      "height": "10",
+      "viewBox": "0 0 90 10",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Anthropic",
+          "clip-path": "url(#clip0_5981_52010)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Clip path group"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "mask",
+                "attributes": {
+                  "id": "mask0_5981_52010",
+                  "style": "mask-type:luminance",
+                  "maskUnits": "userSpaceOnUse",
+                  "x": "0",
+                  "y": "-1",
+                  "width": "90",
+                  "height": "11"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "id": "__lottie_element_2"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "path",
+                        "attributes": {
+                          "id": "Vector",
+                          "d": "M89.375 -0.00195312H0V9.99805H89.375V-0.00195312Z",
+                          "fill": "white"
+                        },
+                        "children": []
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "mask": "url(#mask0_5981_52010)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "id": "Group"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "id": "Clip path group_2"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "mask",
+                            "attributes": {
+                              "id": "mask1_5981_52010",
+                              "style": "mask-type:luminance",
+                              "maskUnits": "userSpaceOnUse",
+                              "x": "0",
+                              "y": "-1",
+                              "width": "90",
+                              "height": "11"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "g",
+                                "attributes": {
+                                  "id": "__lottie_element_4"
+                                },
+                                "children": [
+                                  {
+                                    "type": "element",
+                                    "name": "path",
+                                    "attributes": {
+                                      "id": "Vector_2",
+                                      "d": "M0 -0.00390625H89.375V9.99609H0V-0.00390625Z",
+                                      "fill": "white"
+                                    },
+                                    "children": []
+                                  }
+                                ]
+                              }
+                            ]
+                          },
+                          {
+                            "type": "element",
+                            "name": "g",
+                            "attributes": {
+                              "mask": "url(#mask1_5981_52010)"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "g",
+                                "attributes": {
+                                  "id": "Group_2"
+                                },
+                                "children": [
+                                  {
+                                    "type": "element",
+                                    "name": "g",
+                                    "attributes": {
+                                      "id": "Clip path group_3"
+                                    },
+                                    "children": [
+                                      {
+                                        "type": "element",
+                                        "name": "mask",
+                                        "attributes": {
+                                          "id": "mask2_5981_52010",
+                                          "style": "mask-type:luminance",
+                                          "maskUnits": "userSpaceOnUse",
+                                          "x": "0",
+                                          "y": "-1",
+                                          "width": "90",
+                                          "height": "11"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "element",
+                                            "name": "g",
+                                            "attributes": {
+                                              "id": "__lottie_element_12"
+                                            },
+                                            "children": [
+                                              {
+                                                "type": "element",
+                                                "name": "path",
+                                                "attributes": {
+                                                  "id": "Vector_3",
+                                                  "d": "M0 -0.00585938H89.375V9.99414H0V-0.00585938Z",
+                                                  "fill": "white"
+                                                },
+                                                "children": []
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      },
+                                      {
+                                        "type": "element",
+                                        "name": "g",
+                                        "attributes": {
+                                          "mask": "url(#mask2_5981_52010)"
+                                        },
+                                        "children": [
+                                          {
+                                            "type": "element",
+                                            "name": "g",
+                                            "attributes": {
+                                              "id": "Group_3"
+                                            },
+                                            "children": [
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_4"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask3_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_89"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_4",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask3_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_4"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_5"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_6"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_5",
+                                                                      "d": "M18.1273 6.92438L13.7773 0.15625H11.4297V9.82501H13.4321V3.05688L17.7821 9.82501H20.1297V0.15625H18.1273V6.92438Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_5"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask4_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_80"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_6",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask4_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_7"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_8"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_9"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_7",
+                                                                      "d": "M21.7969 2.02094H25.0423V9.82501H27.1139V2.02094H30.3594V0.15625H21.7969V2.02094Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_6"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask5_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_71"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_8",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask5_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_10"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_11"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_12"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_9",
+                                                                      "d": "M38.6442 4.00994H34.0871V0.15625H32.0156V9.82501H34.0871V5.87463H38.6442V9.82501H40.7156V0.15625H38.6442V4.00994Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_7"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask6_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_62"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_10",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask6_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_13"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_14"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_15"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_11",
+                                                                      "d": "M45.3376 2.02094H47.893C48.9152 2.02094 49.4539 2.39387 49.4539 3.09831C49.4539 3.80275 48.9152 4.17569 47.893 4.17569H45.3376V2.02094ZM51.5259 3.09831C51.5259 1.27506 50.186 0.15625 47.9897 0.15625H43.2656V9.82501H45.3376V6.04037H47.6443L49.7164 9.82501H52.0094L49.715 5.75211C50.8666 5.30941 51.5259 4.37721 51.5259 3.09831Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_8"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask7_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_53"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_12",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask7_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_16"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_17"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_18"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_13",
+                                                                      "d": "M57.8732 8.05653C56.2438 8.05653 55.2496 6.89631 55.2496 5.00404C55.2496 3.08416 56.2438 1.92394 57.8732 1.92394C59.4887 1.92394 60.4691 3.08416 60.4691 5.00404C60.4691 6.89631 59.4887 8.05653 57.8732 8.05653ZM57.8732 -0.00976562C55.0839 -0.00976562 53.1094 2.06206 53.1094 5.00404C53.1094 7.91841 55.0839 9.99023 57.8732 9.99023C60.6486 9.99023 62.6094 7.91841 62.6094 5.00404C62.6094 2.06206 60.6486 -0.00976562 57.8732 -0.00976562Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_9"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask8_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_44"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_14",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask8_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_19"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_20"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_21"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_15",
+                                                                      "d": "M69.1794 4.45194H66.6233V2.02094H69.1794C70.2019 2.02094 70.7407 2.43532 70.7407 3.23644C70.7407 4.03756 70.2019 4.45194 69.1794 4.45194ZM69.2762 0.15625H64.5508V9.82501H66.6233V6.31662H69.2762C71.473 6.31662 72.8133 5.15637 72.8133 3.23644C72.8133 1.3165 71.473 0.15625 69.2762 0.15625Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_10"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask9_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_35"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_16",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask9_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_22"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_23"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_24"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_17",
+                                                                      "d": "M86.8413 6.57863C86.4823 7.51786 85.7642 8.05653 84.7837 8.05653C83.1542 8.05653 82.16 6.89631 82.16 5.00404C82.16 3.08416 83.1542 1.92394 84.7837 1.92394C85.7642 1.92394 86.4823 2.46261 86.8413 3.40183H89.0369C88.4984 1.33002 86.8827 -0.00976562 84.7837 -0.00976562C81.9942 -0.00976562 80.0195 2.06206 80.0195 5.00404C80.0195 7.91841 81.9942 9.99023 84.7837 9.99023C86.8965 9.99023 88.5122 8.63664 89.0508 6.57863H86.8413Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_11"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask10_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_26"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_18",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask10_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_25"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_26"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_27"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_19",
+                                                                      "d": "M73.6484 0.15625L77.5033 9.82501H79.6172L75.7624 0.15625H73.6484Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              },
+                                              {
+                                                "type": "element",
+                                                "name": "g",
+                                                "attributes": {
+                                                  "id": "Clip path group_12"
+                                                },
+                                                "children": [
+                                                  {
+                                                    "type": "element",
+                                                    "name": "mask",
+                                                    "attributes": {
+                                                      "id": "mask11_5981_52010",
+                                                      "style": "mask-type:luminance",
+                                                      "maskUnits": "userSpaceOnUse",
+                                                      "x": "0",
+                                                      "y": "-1",
+                                                      "width": "90",
+                                                      "height": "11"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "__lottie_element_17"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "path",
+                                                            "attributes": {
+                                                              "id": "Vector_20",
+                                                              "d": "M0 -0.0078125H89.375V9.99219H0V-0.0078125Z",
+                                                              "fill": "white"
+                                                            },
+                                                            "children": []
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  },
+                                                  {
+                                                    "type": "element",
+                                                    "name": "g",
+                                                    "attributes": {
+                                                      "mask": "url(#mask11_5981_52010)"
+                                                    },
+                                                    "children": [
+                                                      {
+                                                        "type": "element",
+                                                        "name": "g",
+                                                        "attributes": {
+                                                          "id": "Group_28"
+                                                        },
+                                                        "children": [
+                                                          {
+                                                            "type": "element",
+                                                            "name": "g",
+                                                            "attributes": {
+                                                              "id": "Group_29"
+                                                            },
+                                                            "children": [
+                                                              {
+                                                                "type": "element",
+                                                                "name": "g",
+                                                                "attributes": {
+                                                                  "id": "Group_30"
+                                                                },
+                                                                "children": [
+                                                                  {
+                                                                    "type": "element",
+                                                                    "name": "path",
+                                                                    "attributes": {
+                                                                      "id": "Vector_21",
+                                                                      "d": "M3.64038 5.99893L4.95938 2.60106L6.27838 5.99893H3.64038ZM3.85422 0.15625L0 9.82501H2.15505L2.9433 7.79456H6.97558L7.76371 9.82501H9.91875L6.06453 0.15625H3.85422Z",
+                                                                      "fill": "white",
+                                                                      "fill-opacity": "0.8"
+                                                                    },
+                                                                    "children": []
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_5981_52010"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "89.375",
+                  "height": "10",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AnthropicLight"
 }
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx b/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
index e2abff9c8f..5ee6734ae1 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AnthropicLight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AnthropicLight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicText.json b/web/app/components/base/icons/src/public/llm/AnthropicText.json
index 7f89795d2f..65c7081883 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicText.json
+++ b/web/app/components/base/icons/src/public/llm/AnthropicText.json
@@ -1,539 +1,539 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "90",
-			"height": "20",
-			"viewBox": "0 0 90 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_8587_60274)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_8587_60274",
-							"style": "mask-type:luminance",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "4",
-							"width": "90",
-							"height": "11"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M89.375 4.99805H0V14.998H89.375V4.99805Z",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_8587_60274)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "mask",
-								"attributes": {
-									"id": "mask1_8587_60274",
-									"style": "mask-type:luminance",
-									"maskUnits": "userSpaceOnUse",
-									"x": "0",
-									"y": "4",
-									"width": "90",
-									"height": "11"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M0 4.99609H89.375V14.9961H0V4.99609Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"mask": "url(#mask1_8587_60274)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "mask",
-										"attributes": {
-											"id": "mask2_8587_60274",
-											"style": "mask-type:luminance",
-											"maskUnits": "userSpaceOnUse",
-											"x": "0",
-											"y": "4",
-											"width": "90",
-											"height": "11"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "path",
-												"attributes": {
-													"d": "M0 4.99414H89.375V14.9941H0V4.99414Z",
-													"fill": "white"
-												},
-												"children": []
-											}
-										]
-									},
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"mask": "url(#mask2_8587_60274)"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask3_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask3_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M18.1273 11.9244L13.7773 5.15625H11.4297V14.825H13.4321V8.05688L17.7821 14.825H20.1297V5.15625H18.1273V11.9244Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask4_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask4_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M21.7969 7.02094H25.0423V14.825H27.1139V7.02094H30.3594V5.15625H21.7969V7.02094Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask5_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask5_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M38.6442 9.00994H34.0871V5.15625H32.0156V14.825H34.0871V10.8746H38.6442V14.825H40.7156V5.15625H38.6442V9.00994Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask6_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask6_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M45.3376 7.02094H47.893C48.9152 7.02094 49.4539 7.39387 49.4539 8.09831C49.4539 8.80275 48.9152 9.17569 47.893 9.17569H45.3376V7.02094ZM51.5259 8.09831C51.5259 6.27506 50.186 5.15625 47.9897 5.15625H43.2656V14.825H45.3376V11.0404H47.6443L49.7164 14.825H52.0094L49.715 10.7521C50.8666 10.3094 51.5259 9.37721 51.5259 8.09831Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask7_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask7_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M57.8732 13.0565C56.2438 13.0565 55.2496 11.8963 55.2496 10.004C55.2496 8.08416 56.2438 6.92394 57.8732 6.92394C59.4887 6.92394 60.4691 8.08416 60.4691 10.004C60.4691 11.8963 59.4887 13.0565 57.8732 13.0565ZM57.8732 4.99023C55.0839 4.99023 53.1094 7.06206 53.1094 10.004C53.1094 12.9184 55.0839 14.9902 57.8732 14.9902C60.6486 14.9902 62.6094 12.9184 62.6094 10.004C62.6094 7.06206 60.6486 4.99023 57.8732 4.99023Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask8_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask8_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M69.1794 9.45194H66.6233V7.02094H69.1794C70.2019 7.02094 70.7407 7.43532 70.7407 8.23644C70.7407 9.03756 70.2019 9.45194 69.1794 9.45194ZM69.2762 5.15625H64.5508V14.825H66.6233V11.3166H69.2762C71.473 11.3166 72.8133 10.1564 72.8133 8.23644C72.8133 6.3165 71.473 5.15625 69.2762 5.15625Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask9_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask9_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M86.8413 11.5786C86.4823 12.5179 85.7642 13.0565 84.7837 13.0565C83.1542 13.0565 82.16 11.8963 82.16 10.004C82.16 8.08416 83.1542 6.92394 84.7837 6.92394C85.7642 6.92394 86.4823 7.46261 86.8413 8.40183H89.0369C88.4984 6.33002 86.8827 4.99023 84.7837 4.99023C81.9942 4.99023 80.0195 7.06206 80.0195 10.004C80.0195 12.9184 81.9942 14.9902 84.7837 14.9902C86.8965 14.9902 88.5122 13.6366 89.0508 11.5786H86.8413Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask10_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask10_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M73.6484 5.15625L77.5033 14.825H79.6172L75.7624 5.15625H73.6484Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask11_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "white"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask11_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M3.64038 10.9989L4.95938 7.60106L6.27838 10.9989H3.64038ZM3.85422 5.15625L0 14.825H2.15505L2.9433 12.7946H6.97558L7.76371 14.825H9.91875L6.06453 5.15625H3.85422Z",
-															"fill": "black",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											}
-										]
-									}
-								]
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_8587_60274"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "89.375",
-									"height": "10",
-									"fill": "white",
-									"transform": "translate(0 5)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AnthropicText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "90",
+      "height": "20",
+      "viewBox": "0 0 90 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_8587_60274)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_8587_60274",
+              "style": "mask-type:luminance",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "4",
+              "width": "90",
+              "height": "11"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M89.375 4.99805H0V14.998H89.375V4.99805Z",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_8587_60274)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "mask",
+                "attributes": {
+                  "id": "mask1_8587_60274",
+                  "style": "mask-type:luminance",
+                  "maskUnits": "userSpaceOnUse",
+                  "x": "0",
+                  "y": "4",
+                  "width": "90",
+                  "height": "11"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M0 4.99609H89.375V14.9961H0V4.99609Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "mask": "url(#mask1_8587_60274)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "mask",
+                    "attributes": {
+                      "id": "mask2_8587_60274",
+                      "style": "mask-type:luminance",
+                      "maskUnits": "userSpaceOnUse",
+                      "x": "0",
+                      "y": "4",
+                      "width": "90",
+                      "height": "11"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "path",
+                        "attributes": {
+                          "d": "M0 4.99414H89.375V14.9941H0V4.99414Z",
+                          "fill": "white"
+                        },
+                        "children": []
+                      }
+                    ]
+                  },
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "mask": "url(#mask2_8587_60274)"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask3_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask3_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M18.1273 11.9244L13.7773 5.15625H11.4297V14.825H13.4321V8.05688L17.7821 14.825H20.1297V5.15625H18.1273V11.9244Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask4_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask4_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M21.7969 7.02094H25.0423V14.825H27.1139V7.02094H30.3594V5.15625H21.7969V7.02094Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask5_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask5_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M38.6442 9.00994H34.0871V5.15625H32.0156V14.825H34.0871V10.8746H38.6442V14.825H40.7156V5.15625H38.6442V9.00994Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask6_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask6_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M45.3376 7.02094H47.893C48.9152 7.02094 49.4539 7.39387 49.4539 8.09831C49.4539 8.80275 48.9152 9.17569 47.893 9.17569H45.3376V7.02094ZM51.5259 8.09831C51.5259 6.27506 50.186 5.15625 47.9897 5.15625H43.2656V14.825H45.3376V11.0404H47.6443L49.7164 14.825H52.0094L49.715 10.7521C50.8666 10.3094 51.5259 9.37721 51.5259 8.09831Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask7_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask7_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M57.8732 13.0565C56.2438 13.0565 55.2496 11.8963 55.2496 10.004C55.2496 8.08416 56.2438 6.92394 57.8732 6.92394C59.4887 6.92394 60.4691 8.08416 60.4691 10.004C60.4691 11.8963 59.4887 13.0565 57.8732 13.0565ZM57.8732 4.99023C55.0839 4.99023 53.1094 7.06206 53.1094 10.004C53.1094 12.9184 55.0839 14.9902 57.8732 14.9902C60.6486 14.9902 62.6094 12.9184 62.6094 10.004C62.6094 7.06206 60.6486 4.99023 57.8732 4.99023Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask8_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask8_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M69.1794 9.45194H66.6233V7.02094H69.1794C70.2019 7.02094 70.7407 7.43532 70.7407 8.23644C70.7407 9.03756 70.2019 9.45194 69.1794 9.45194ZM69.2762 5.15625H64.5508V14.825H66.6233V11.3166H69.2762C71.473 11.3166 72.8133 10.1564 72.8133 8.23644C72.8133 6.3165 71.473 5.15625 69.2762 5.15625Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask9_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask9_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M86.8413 11.5786C86.4823 12.5179 85.7642 13.0565 84.7837 13.0565C83.1542 13.0565 82.16 11.8963 82.16 10.004C82.16 8.08416 83.1542 6.92394 84.7837 6.92394C85.7642 6.92394 86.4823 7.46261 86.8413 8.40183H89.0369C88.4984 6.33002 86.8827 4.99023 84.7837 4.99023C81.9942 4.99023 80.0195 7.06206 80.0195 10.004C80.0195 12.9184 81.9942 14.9902 84.7837 14.9902C86.8965 14.9902 88.5122 13.6366 89.0508 11.5786H86.8413Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask10_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask10_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M73.6484 5.15625L77.5033 14.825H79.6172L75.7624 5.15625H73.6484Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask11_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "white"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask11_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M3.64038 10.9989L4.95938 7.60106L6.27838 10.9989H3.64038ZM3.85422 5.15625L0 14.825H2.15505L2.9433 12.7946H6.97558L7.76371 14.825H9.91875L6.06453 5.15625H3.85422Z",
+                              "fill": "black",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_8587_60274"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "89.375",
+                  "height": "10",
+                  "fill": "white",
+                  "transform": "translate(0 5)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AnthropicText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
index 62186fb1c3..601bdf7843 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AnthropicText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AnthropicText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.json b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.json
index bf07b59a51..a80fe93cdf 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.json
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.json
@@ -1,74 +1,74 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "56",
-			"height": "24",
-			"viewBox": "0 0 56 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "2",
-					"y": "1.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#EF4F21"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "2",
-					"y": "12.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#03A4EE"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "13",
-					"y": "1.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#7EB903"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "13",
-					"y": "12.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#FBB604"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z",
-					"fill": "black"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "AzureOpenaiService"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "56",
+      "height": "24",
+      "viewBox": "0 0 56 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "2",
+          "y": "1.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#EF4F21"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "2",
+          "y": "12.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#03A4EE"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "13",
+          "y": "1.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#7EB903"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "13",
+          "y": "12.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#FBB604"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z",
+          "fill": "black"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "AzureOpenaiService"
 }
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
index bb8e09a94f..15630624c8 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AzureOpenaiService.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AzureOpenaiService.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.json b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.json
index f4342d7c39..b7088bbb19 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.json
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.json
@@ -1,236 +1,236 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "212",
-			"height": "24",
-			"viewBox": "0 0 212 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "2",
-					"y": "1.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#EF4F21"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "2",
-					"y": "12.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#03A4EE"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "13",
-					"y": "1.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#7EB903"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "13",
-					"y": "12.5",
-					"width": "10",
-					"height": "10",
-					"fill": "#FBB604"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M64.0195 17.0001H62.0508L65.6353 6.81824H67.9123L71.5018 17.0001H69.533L66.8136 8.90631H66.734L64.0195 17.0001ZM64.0842 13.0079H69.4535V14.4894H64.0842V13.0079Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M72.6639 17.0001V15.8566L76.6014 10.9198V10.8552H72.7931V9.36369H78.8038V10.5917L75.0552 15.4439V15.5086H78.9331V17.0001H72.6639Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M85.4918 13.7884V9.36369H87.2915V17.0001H85.5465V15.6428H85.467C85.2946 16.0704 85.0112 16.42 84.6168 16.6918C84.2257 16.9636 83.7435 17.0995 83.1701 17.0995C82.6696 17.0995 82.2272 16.9885 81.8427 16.7664C81.4615 16.541 81.1632 16.2145 80.9478 15.787C80.7324 15.3561 80.6246 14.8358 80.6246 14.2259V9.36369H82.4244V13.9475C82.4244 14.4314 82.5569 14.8159 82.8221 15.1009C83.0872 15.3859 83.4352 15.5285 83.8661 15.5285C84.1313 15.5285 84.3881 15.4638 84.6367 15.3346C84.8853 15.2053 85.0891 15.0131 85.2482 14.7579C85.4106 14.4993 85.4918 14.1762 85.4918 13.7884Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M89.1422 17.0001V9.36369H90.8873V10.6364H90.9668C91.106 10.1956 91.3446 9.85588 91.6827 9.61724C92.0241 9.37529 92.4135 9.25432 92.851 9.25432C92.9505 9.25432 93.0615 9.25929 93.1841 9.26923C93.3101 9.27586 93.4145 9.28746 93.4973 9.30403V10.9596C93.4211 10.9331 93.3001 10.9099 93.1344 10.89C92.972 10.8668 92.8146 10.8552 92.6621 10.8552C92.334 10.8552 92.039 10.9264 91.7772 11.0689C91.5186 11.2082 91.3148 11.402 91.1657 11.6506C91.0165 11.8992 90.9419 12.1859 90.9419 12.5107V17.0001H89.1422Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M97.7592 17.1492C96.9936 17.1492 96.3324 16.9901 95.7756 16.6719C95.2221 16.3504 94.7962 15.8964 94.4979 15.3097C94.1996 14.7198 94.0504 14.0254 94.0504 13.2266C94.0504 12.4411 94.1996 11.7517 94.4979 11.1584C94.7995 10.5618 95.2204 10.0978 95.7607 9.76639C96.3009 9.43164 96.9356 9.26426 97.6648 9.26426C98.1354 9.26426 98.5795 9.34049 98.9972 9.49295C99.4181 9.6421 99.7893 9.87411 100.111 10.189C100.436 10.5038 100.691 10.9049 100.876 11.3921C101.062 11.876 101.155 12.4527 101.155 13.1222V13.6741H94.8956V12.461H99.4297C99.4264 12.1163 99.3518 11.8097 99.206 11.5412C99.0601 11.2695 98.8563 11.0557 98.5945 10.8999C98.3359 10.7441 98.0343 10.6662 97.6896 10.6662C97.3217 10.6662 96.9986 10.7557 96.7202 10.9347C96.4418 11.1104 96.2247 11.3424 96.0689 11.6307C95.9164 11.9158 95.8385 12.229 95.8352 12.5704V13.6293C95.8352 14.0734 95.9164 14.4546 96.0788 14.7728C96.2412 15.0877 96.4683 15.3296 96.7599 15.4986C97.0516 15.6644 97.393 15.7472 97.7841 15.7472C98.0459 15.7472 98.2829 15.7108 98.495 15.6378C98.7071 15.5616 98.8911 15.4506 99.0469 15.3047C99.2027 15.1589 99.3203 14.9783 99.3999 14.7628L101.08 14.9518C100.974 15.3959 100.772 15.7837 100.474 16.1151C100.179 16.4432 99.8009 16.6984 99.3402 16.8807C98.8795 17.0597 98.3525 17.1492 97.7592 17.1492Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M115.328 11.9091C115.328 13.0062 115.122 13.9458 114.711 14.728C114.303 15.5069 113.747 16.1035 113.041 16.5178C112.338 16.9321 111.541 17.1393 110.649 17.1393C109.758 17.1393 108.959 16.9321 108.253 16.5178C107.55 16.1002 106.994 15.5019 106.583 14.7231C106.175 13.9409 105.971 13.0029 105.971 11.9091C105.971 10.8121 106.175 9.87411 106.583 9.09523C106.994 8.31303 107.55 7.71478 108.253 7.30048C108.959 6.88618 109.758 6.67903 110.649 6.67903C111.541 6.67903 112.338 6.88618 113.041 7.30048C113.747 7.71478 114.303 8.31303 114.711 9.09523C115.122 9.87411 115.328 10.8121 115.328 11.9091ZM113.473 11.9091C113.473 11.1369 113.352 10.4856 113.11 9.95531C112.872 9.42169 112.54 9.019 112.116 8.74721C111.692 8.47212 111.203 8.33457 110.649 8.33457C110.096 8.33457 109.607 8.47212 109.183 8.74721C108.758 9.019 108.425 9.42169 108.183 9.95531C107.945 10.4856 107.825 11.1369 107.825 11.9091C107.825 12.6814 107.945 13.3343 108.183 13.868C108.425 14.3983 108.758 14.801 109.183 15.076C109.607 15.3478 110.096 15.4837 110.649 15.4837C111.203 15.4837 111.692 15.3478 112.116 15.076C112.54 14.801 112.872 14.3983 113.11 13.868C113.352 13.3343 113.473 12.6814 113.473 11.9091Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M116.992 19.8637V9.36369H118.762V10.6265H118.866C118.959 10.4409 119.09 10.2437 119.259 10.0349C119.428 9.82274 119.657 9.6421 119.945 9.49295C120.233 9.34049 120.601 9.26426 121.049 9.26426C121.639 9.26426 122.171 9.41507 122.645 9.71667C123.122 10.015 123.5 10.4574 123.778 11.0441C124.06 11.6274 124.201 12.3433 124.201 13.1918C124.201 14.0304 124.063 14.743 123.788 15.3296C123.513 15.9162 123.138 16.3637 122.664 16.6719C122.19 16.9802 121.654 17.1343 121.054 17.1343C120.616 17.1343 120.253 17.0614 119.965 16.9155C119.676 16.7697 119.444 16.594 119.269 16.3885C119.096 16.1797 118.962 15.9825 118.866 15.7969H118.792V19.8637H116.992ZM118.757 13.1819C118.757 13.6757 118.826 14.1082 118.966 14.4795C119.108 14.8507 119.312 15.1407 119.577 15.3495C119.846 15.555 120.17 15.6577 120.551 15.6577C120.949 15.6577 121.282 15.5517 121.551 15.3395C121.819 15.1241 122.021 14.8308 122.157 14.4596C122.297 14.085 122.366 13.6591 122.366 13.1819C122.366 12.7079 122.298 12.287 122.162 11.9191C122.026 11.5512 121.824 11.2628 121.556 11.054C121.287 10.8452 120.953 10.7408 120.551 10.7408C120.167 10.7408 119.841 10.8419 119.572 11.0441C119.304 11.2463 119.1 11.5296 118.961 11.8942C118.825 12.2588 118.757 12.688 118.757 13.1819Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M129.123 17.1492C128.357 17.1492 127.696 16.9901 127.139 16.6719C126.585 16.3504 126.159 15.8964 125.861 15.3097C125.563 14.7198 125.414 14.0254 125.414 13.2266C125.414 12.4411 125.563 11.7517 125.861 11.1584C126.163 10.5618 126.584 10.0978 127.124 9.76639C127.664 9.43164 128.299 9.26426 129.028 9.26426C129.499 9.26426 129.943 9.34049 130.36 9.49295C130.781 9.6421 131.153 9.87411 131.474 10.189C131.799 10.5038 132.054 10.9049 132.24 11.3921C132.425 11.876 132.518 12.4527 132.518 13.1222V13.6741H126.259V12.461H130.793C130.79 12.1163 130.715 11.8097 130.569 11.5412C130.423 11.2695 130.22 11.0557 129.958 10.8999C129.699 10.7441 129.398 10.6662 129.053 10.6662C128.685 10.6662 128.362 10.7557 128.083 10.9347C127.805 11.1104 127.588 11.3424 127.432 11.6307C127.28 11.9158 127.202 12.229 127.199 12.5704V13.6293C127.199 14.0734 127.28 14.4546 127.442 14.7728C127.605 15.0877 127.832 15.3296 128.123 15.4986C128.415 15.6644 128.756 15.7472 129.147 15.7472C129.409 15.7472 129.646 15.7108 129.858 15.6378C130.07 15.5616 130.254 15.4506 130.41 15.3047C130.566 15.1589 130.684 14.9783 130.763 14.7628L132.444 14.9518C132.337 15.3959 132.135 15.7837 131.837 16.1151C131.542 16.4432 131.164 16.6984 130.703 16.8807C130.243 17.0597 129.716 17.1492 129.123 17.1492Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M135.84 12.5256V17.0001H134.041V9.36369H135.761V10.6613H135.85C136.026 10.2337 136.306 9.894 136.691 9.6421C137.078 9.39021 137.557 9.26426 138.127 9.26426C138.654 9.26426 139.113 9.37695 139.504 9.60233C139.899 9.82771 140.204 10.1542 140.419 10.5817C140.638 11.0093 140.746 11.528 140.742 12.1378V17.0001H138.943V12.4162C138.943 11.9058 138.81 11.5064 138.545 11.2181C138.283 10.9297 137.92 10.7856 137.456 10.7856C137.141 10.7856 136.861 10.8552 136.616 10.9944C136.374 11.1303 136.183 11.3275 136.044 11.586C135.908 11.8445 135.84 12.1577 135.84 12.5256Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M143.959 17.0001H141.99L145.575 6.81824H147.852L151.441 17.0001H149.472L146.753 8.90631H146.673L143.959 17.0001ZM144.024 13.0079H149.393V14.4894H144.024V13.0079Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M154.627 6.81824V17.0001H152.782V6.81824H154.627Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M165.63 9.61724C165.584 9.18306 165.388 8.84499 165.044 8.60304C164.702 8.36109 164.258 8.24011 163.711 8.24011C163.327 8.24011 162.997 8.29811 162.722 8.41412C162.447 8.53012 162.236 8.68756 162.09 8.88642C161.945 9.08528 161.87 9.31232 161.867 9.56753C161.867 9.77965 161.915 9.9636 162.011 10.1194C162.11 10.2752 162.244 10.4077 162.414 10.5171C162.583 10.6232 162.77 10.7127 162.975 10.7856C163.181 10.8585 163.388 10.9198 163.597 10.9695L164.551 11.2082C164.936 11.2976 165.305 11.4186 165.66 11.5711C166.018 11.7235 166.338 11.9158 166.619 12.1478C166.905 12.3798 167.13 12.6599 167.296 12.988C167.461 13.3161 167.544 13.7006 167.544 14.1414C167.544 14.738 167.392 15.2633 167.087 15.7174C166.782 16.1681 166.341 16.5211 165.764 16.7763C165.191 17.0282 164.497 17.1542 163.681 17.1542C162.889 17.1542 162.201 17.0315 161.618 16.7863C161.038 16.541 160.584 16.1831 160.256 15.7124C159.931 15.2418 159.755 14.6684 159.729 13.9922H161.544C161.57 14.3469 161.679 14.6419 161.872 14.8772C162.064 15.1125 162.314 15.2882 162.622 15.4042C162.934 15.5202 163.282 15.5782 163.666 15.5782C164.067 15.5782 164.419 15.5185 164.72 15.3992C165.025 15.2766 165.264 15.1075 165.436 14.8921C165.609 14.6734 165.696 14.4181 165.7 14.1265C165.696 13.8613 165.619 13.6426 165.466 13.4702C165.314 13.2946 165.1 13.1487 164.825 13.0327C164.553 12.9134 164.235 12.8073 163.87 12.7145L162.712 12.4162C161.873 12.2008 161.21 11.8743 160.723 11.4368C160.239 10.996 159.997 10.411 159.997 9.68187C159.997 9.08197 160.16 8.55664 160.485 8.10588C160.813 7.65512 161.258 7.30545 161.822 7.05687C162.385 6.80498 163.023 6.67903 163.736 6.67903C164.459 6.67903 165.092 6.80498 165.635 7.05687C166.182 7.30545 166.611 7.65181 166.923 8.09594C167.234 8.53675 167.395 9.04385 167.405 9.61724H165.63Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M172.49 17.1492C171.724 17.1492 171.063 16.9901 170.506 16.6719C169.953 16.3504 169.527 15.8964 169.228 15.3097C168.93 14.7198 168.781 14.0254 168.781 13.2266C168.781 12.4411 168.93 11.7517 169.228 11.1584C169.53 10.5618 169.951 10.0978 170.491 9.76639C171.031 9.43164 171.666 9.26426 172.395 9.26426C172.866 9.26426 173.31 9.34049 173.728 9.49295C174.149 9.6421 174.52 9.87411 174.841 10.189C175.166 10.5038 175.421 10.9049 175.607 11.3921C175.792 11.876 175.885 12.4527 175.885 13.1222V13.6741H169.626V12.461H174.16C174.157 12.1163 174.082 11.8097 173.936 11.5412C173.791 11.2695 173.587 11.0557 173.325 10.8999C173.066 10.7441 172.765 10.6662 172.42 10.6662C172.052 10.6662 171.729 10.7557 171.451 10.9347C171.172 11.1104 170.955 11.3424 170.799 11.6307C170.647 11.9158 170.569 12.229 170.566 12.5704V13.6293C170.566 14.0734 170.647 14.4546 170.809 14.7728C170.972 15.0877 171.199 15.3296 171.49 15.4986C171.782 15.6644 172.123 15.7472 172.515 15.7472C172.776 15.7472 173.013 15.7108 173.225 15.6378C173.438 15.5616 173.622 15.4506 173.777 15.3047C173.933 15.1589 174.051 14.9783 174.13 14.7628L175.811 14.9518C175.705 15.3959 175.502 15.7837 175.204 16.1151C174.909 16.4432 174.531 16.6984 174.071 16.8807C173.61 17.0597 173.083 17.1492 172.49 17.1492Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M177.408 17.0001V9.36369H179.153V10.6364H179.232C179.372 10.1956 179.61 9.85588 179.948 9.61724C180.29 9.37529 180.679 9.25432 181.117 9.25432C181.216 9.25432 181.327 9.25929 181.45 9.26923C181.576 9.27586 181.68 9.28746 181.763 9.30403V10.9596C181.687 10.9331 181.566 10.9099 181.4 10.89C181.238 10.8668 181.08 10.8552 180.928 10.8552C180.6 10.8552 180.305 10.9264 180.043 11.0689C179.784 11.2082 179.58 11.402 179.431 11.6506C179.282 11.8992 179.208 12.1859 179.208 12.5107V17.0001H177.408Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M190.012 9.36369L187.293 17.0001H185.304L182.585 9.36369H184.504L186.259 15.0363H186.338L188.098 9.36369H190.012Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M191.257 17.0001V9.36369H193.057V17.0001H191.257ZM192.162 8.27989C191.877 8.27989 191.632 8.18542 191.426 7.9965C191.221 7.80427 191.118 7.57392 191.118 7.30545C191.118 7.03367 191.221 6.80332 191.426 6.6144C191.632 6.42217 191.877 6.32605 192.162 6.32605C192.451 6.32605 192.696 6.42217 192.898 6.6144C193.104 6.80332 193.206 7.03367 193.206 7.30545C193.206 7.57392 193.104 7.80427 192.898 7.9965C192.696 8.18542 192.451 8.27989 192.162 8.27989Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M198.239 17.1492C197.477 17.1492 196.822 16.9818 196.275 16.6471C195.731 16.3123 195.312 15.85 195.017 15.26C194.726 14.6667 194.58 13.984 194.58 13.2117C194.58 12.4361 194.729 11.7517 195.027 11.1584C195.325 10.5618 195.746 10.0978 196.29 9.76639C196.837 9.43164 197.483 9.26426 198.229 9.26426C198.849 9.26426 199.397 9.37861 199.874 9.6073C200.355 9.83268 200.738 10.1525 201.023 10.5668C201.308 10.9778 201.47 11.4584 201.51 12.0086H199.79C199.72 11.6407 199.555 11.3341 199.293 11.0888C199.034 10.8403 198.688 10.716 198.254 10.716C197.886 10.716 197.563 10.8154 197.284 11.0143C197.006 11.2098 196.789 11.4915 196.633 11.8594C196.481 12.2273 196.404 12.6681 196.404 13.1819C196.404 13.7022 196.481 14.1497 196.633 14.5242C196.785 14.8954 196.999 15.1821 197.274 15.3843C197.553 15.5832 197.879 15.6826 198.254 15.6826C198.519 15.6826 198.756 15.6329 198.965 15.5334C199.177 15.4307 199.354 15.2832 199.497 15.091C199.639 14.8987 199.737 14.6651 199.79 14.39H201.51C201.467 14.9302 201.308 15.4091 201.033 15.8268C200.758 16.2411 200.383 16.5659 199.909 16.8012C199.435 17.0332 198.878 17.1492 198.239 17.1492Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M206.369 17.1492C205.603 17.1492 204.942 16.9901 204.385 16.6719C203.831 16.3504 203.406 15.8964 203.107 15.3097C202.809 14.7198 202.66 14.0254 202.66 13.2266C202.66 12.4411 202.809 11.7517 203.107 11.1584C203.409 10.5618 203.83 10.0978 204.37 9.76639C204.91 9.43164 205.545 9.26426 206.274 9.26426C206.745 9.26426 207.189 9.34049 207.607 9.49295C208.027 9.6421 208.399 9.87411 208.72 10.189C209.045 10.5038 209.3 10.9049 209.486 11.3921C209.671 11.876 209.764 12.4527 209.764 13.1222V13.6741H203.505V12.461H208.039C208.036 12.1163 207.961 11.8097 207.815 11.5412C207.67 11.2695 207.466 11.0557 207.204 10.8999C206.945 10.7441 206.644 10.6662 206.299 10.6662C205.931 10.6662 205.608 10.7557 205.33 10.9347C205.051 11.1104 204.834 11.3424 204.678 11.6307C204.526 11.9158 204.448 12.229 204.445 12.5704V13.6293C204.445 14.0734 204.526 14.4546 204.688 14.7728C204.851 15.0877 205.078 15.3296 205.369 15.4986C205.661 15.6644 206.002 15.7472 206.393 15.7472C206.655 15.7472 206.892 15.7108 207.104 15.6378C207.317 15.5616 207.5 15.4506 207.656 15.3047C207.812 15.1589 207.93 14.9783 208.009 14.7628L209.69 14.9518C209.584 15.3959 209.381 15.7837 209.083 16.1151C208.788 16.4432 208.41 16.6984 207.95 16.8807C207.489 17.0597 206.962 17.1492 206.369 17.1492Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "AzureOpenaiServiceText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "212",
+      "height": "24",
+      "viewBox": "0 0 212 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "2",
+          "y": "1.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#EF4F21"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "2",
+          "y": "12.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#03A4EE"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "13",
+          "y": "1.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#7EB903"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "13",
+          "y": "12.5",
+          "width": "10",
+          "height": "10",
+          "fill": "#FBB604"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M64.0195 17.0001H62.0508L65.6353 6.81824H67.9123L71.5018 17.0001H69.533L66.8136 8.90631H66.734L64.0195 17.0001ZM64.0842 13.0079H69.4535V14.4894H64.0842V13.0079Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M72.6639 17.0001V15.8566L76.6014 10.9198V10.8552H72.7931V9.36369H78.8038V10.5917L75.0552 15.4439V15.5086H78.9331V17.0001H72.6639Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M85.4918 13.7884V9.36369H87.2915V17.0001H85.5465V15.6428H85.467C85.2946 16.0704 85.0112 16.42 84.6168 16.6918C84.2257 16.9636 83.7435 17.0995 83.1701 17.0995C82.6696 17.0995 82.2272 16.9885 81.8427 16.7664C81.4615 16.541 81.1632 16.2145 80.9478 15.787C80.7324 15.3561 80.6246 14.8358 80.6246 14.2259V9.36369H82.4244V13.9475C82.4244 14.4314 82.5569 14.8159 82.8221 15.1009C83.0872 15.3859 83.4352 15.5285 83.8661 15.5285C84.1313 15.5285 84.3881 15.4638 84.6367 15.3346C84.8853 15.2053 85.0891 15.0131 85.2482 14.7579C85.4106 14.4993 85.4918 14.1762 85.4918 13.7884Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M89.1422 17.0001V9.36369H90.8873V10.6364H90.9668C91.106 10.1956 91.3446 9.85588 91.6827 9.61724C92.0241 9.37529 92.4135 9.25432 92.851 9.25432C92.9505 9.25432 93.0615 9.25929 93.1841 9.26923C93.3101 9.27586 93.4145 9.28746 93.4973 9.30403V10.9596C93.4211 10.9331 93.3001 10.9099 93.1344 10.89C92.972 10.8668 92.8146 10.8552 92.6621 10.8552C92.334 10.8552 92.039 10.9264 91.7772 11.0689C91.5186 11.2082 91.3148 11.402 91.1657 11.6506C91.0165 11.8992 90.9419 12.1859 90.9419 12.5107V17.0001H89.1422Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M97.7592 17.1492C96.9936 17.1492 96.3324 16.9901 95.7756 16.6719C95.2221 16.3504 94.7962 15.8964 94.4979 15.3097C94.1996 14.7198 94.0504 14.0254 94.0504 13.2266C94.0504 12.4411 94.1996 11.7517 94.4979 11.1584C94.7995 10.5618 95.2204 10.0978 95.7607 9.76639C96.3009 9.43164 96.9356 9.26426 97.6648 9.26426C98.1354 9.26426 98.5795 9.34049 98.9972 9.49295C99.4181 9.6421 99.7893 9.87411 100.111 10.189C100.436 10.5038 100.691 10.9049 100.876 11.3921C101.062 11.876 101.155 12.4527 101.155 13.1222V13.6741H94.8956V12.461H99.4297C99.4264 12.1163 99.3518 11.8097 99.206 11.5412C99.0601 11.2695 98.8563 11.0557 98.5945 10.8999C98.3359 10.7441 98.0343 10.6662 97.6896 10.6662C97.3217 10.6662 96.9986 10.7557 96.7202 10.9347C96.4418 11.1104 96.2247 11.3424 96.0689 11.6307C95.9164 11.9158 95.8385 12.229 95.8352 12.5704V13.6293C95.8352 14.0734 95.9164 14.4546 96.0788 14.7728C96.2412 15.0877 96.4683 15.3296 96.7599 15.4986C97.0516 15.6644 97.393 15.7472 97.7841 15.7472C98.0459 15.7472 98.2829 15.7108 98.495 15.6378C98.7071 15.5616 98.8911 15.4506 99.0469 15.3047C99.2027 15.1589 99.3203 14.9783 99.3999 14.7628L101.08 14.9518C100.974 15.3959 100.772 15.7837 100.474 16.1151C100.179 16.4432 99.8009 16.6984 99.3402 16.8807C98.8795 17.0597 98.3525 17.1492 97.7592 17.1492Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M115.328 11.9091C115.328 13.0062 115.122 13.9458 114.711 14.728C114.303 15.5069 113.747 16.1035 113.041 16.5178C112.338 16.9321 111.541 17.1393 110.649 17.1393C109.758 17.1393 108.959 16.9321 108.253 16.5178C107.55 16.1002 106.994 15.5019 106.583 14.7231C106.175 13.9409 105.971 13.0029 105.971 11.9091C105.971 10.8121 106.175 9.87411 106.583 9.09523C106.994 8.31303 107.55 7.71478 108.253 7.30048C108.959 6.88618 109.758 6.67903 110.649 6.67903C111.541 6.67903 112.338 6.88618 113.041 7.30048C113.747 7.71478 114.303 8.31303 114.711 9.09523C115.122 9.87411 115.328 10.8121 115.328 11.9091ZM113.473 11.9091C113.473 11.1369 113.352 10.4856 113.11 9.95531C112.872 9.42169 112.54 9.019 112.116 8.74721C111.692 8.47212 111.203 8.33457 110.649 8.33457C110.096 8.33457 109.607 8.47212 109.183 8.74721C108.758 9.019 108.425 9.42169 108.183 9.95531C107.945 10.4856 107.825 11.1369 107.825 11.9091C107.825 12.6814 107.945 13.3343 108.183 13.868C108.425 14.3983 108.758 14.801 109.183 15.076C109.607 15.3478 110.096 15.4837 110.649 15.4837C111.203 15.4837 111.692 15.3478 112.116 15.076C112.54 14.801 112.872 14.3983 113.11 13.868C113.352 13.3343 113.473 12.6814 113.473 11.9091Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M116.992 19.8637V9.36369H118.762V10.6265H118.866C118.959 10.4409 119.09 10.2437 119.259 10.0349C119.428 9.82274 119.657 9.6421 119.945 9.49295C120.233 9.34049 120.601 9.26426 121.049 9.26426C121.639 9.26426 122.171 9.41507 122.645 9.71667C123.122 10.015 123.5 10.4574 123.778 11.0441C124.06 11.6274 124.201 12.3433 124.201 13.1918C124.201 14.0304 124.063 14.743 123.788 15.3296C123.513 15.9162 123.138 16.3637 122.664 16.6719C122.19 16.9802 121.654 17.1343 121.054 17.1343C120.616 17.1343 120.253 17.0614 119.965 16.9155C119.676 16.7697 119.444 16.594 119.269 16.3885C119.096 16.1797 118.962 15.9825 118.866 15.7969H118.792V19.8637H116.992ZM118.757 13.1819C118.757 13.6757 118.826 14.1082 118.966 14.4795C119.108 14.8507 119.312 15.1407 119.577 15.3495C119.846 15.555 120.17 15.6577 120.551 15.6577C120.949 15.6577 121.282 15.5517 121.551 15.3395C121.819 15.1241 122.021 14.8308 122.157 14.4596C122.297 14.085 122.366 13.6591 122.366 13.1819C122.366 12.7079 122.298 12.287 122.162 11.9191C122.026 11.5512 121.824 11.2628 121.556 11.054C121.287 10.8452 120.953 10.7408 120.551 10.7408C120.167 10.7408 119.841 10.8419 119.572 11.0441C119.304 11.2463 119.1 11.5296 118.961 11.8942C118.825 12.2588 118.757 12.688 118.757 13.1819Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M129.123 17.1492C128.357 17.1492 127.696 16.9901 127.139 16.6719C126.585 16.3504 126.159 15.8964 125.861 15.3097C125.563 14.7198 125.414 14.0254 125.414 13.2266C125.414 12.4411 125.563 11.7517 125.861 11.1584C126.163 10.5618 126.584 10.0978 127.124 9.76639C127.664 9.43164 128.299 9.26426 129.028 9.26426C129.499 9.26426 129.943 9.34049 130.36 9.49295C130.781 9.6421 131.153 9.87411 131.474 10.189C131.799 10.5038 132.054 10.9049 132.24 11.3921C132.425 11.876 132.518 12.4527 132.518 13.1222V13.6741H126.259V12.461H130.793C130.79 12.1163 130.715 11.8097 130.569 11.5412C130.423 11.2695 130.22 11.0557 129.958 10.8999C129.699 10.7441 129.398 10.6662 129.053 10.6662C128.685 10.6662 128.362 10.7557 128.083 10.9347C127.805 11.1104 127.588 11.3424 127.432 11.6307C127.28 11.9158 127.202 12.229 127.199 12.5704V13.6293C127.199 14.0734 127.28 14.4546 127.442 14.7728C127.605 15.0877 127.832 15.3296 128.123 15.4986C128.415 15.6644 128.756 15.7472 129.147 15.7472C129.409 15.7472 129.646 15.7108 129.858 15.6378C130.07 15.5616 130.254 15.4506 130.41 15.3047C130.566 15.1589 130.684 14.9783 130.763 14.7628L132.444 14.9518C132.337 15.3959 132.135 15.7837 131.837 16.1151C131.542 16.4432 131.164 16.6984 130.703 16.8807C130.243 17.0597 129.716 17.1492 129.123 17.1492Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M135.84 12.5256V17.0001H134.041V9.36369H135.761V10.6613H135.85C136.026 10.2337 136.306 9.894 136.691 9.6421C137.078 9.39021 137.557 9.26426 138.127 9.26426C138.654 9.26426 139.113 9.37695 139.504 9.60233C139.899 9.82771 140.204 10.1542 140.419 10.5817C140.638 11.0093 140.746 11.528 140.742 12.1378V17.0001H138.943V12.4162C138.943 11.9058 138.81 11.5064 138.545 11.2181C138.283 10.9297 137.92 10.7856 137.456 10.7856C137.141 10.7856 136.861 10.8552 136.616 10.9944C136.374 11.1303 136.183 11.3275 136.044 11.586C135.908 11.8445 135.84 12.1577 135.84 12.5256Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M143.959 17.0001H141.99L145.575 6.81824H147.852L151.441 17.0001H149.472L146.753 8.90631H146.673L143.959 17.0001ZM144.024 13.0079H149.393V14.4894H144.024V13.0079Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M154.627 6.81824V17.0001H152.782V6.81824H154.627Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M165.63 9.61724C165.584 9.18306 165.388 8.84499 165.044 8.60304C164.702 8.36109 164.258 8.24011 163.711 8.24011C163.327 8.24011 162.997 8.29811 162.722 8.41412C162.447 8.53012 162.236 8.68756 162.09 8.88642C161.945 9.08528 161.87 9.31232 161.867 9.56753C161.867 9.77965 161.915 9.9636 162.011 10.1194C162.11 10.2752 162.244 10.4077 162.414 10.5171C162.583 10.6232 162.77 10.7127 162.975 10.7856C163.181 10.8585 163.388 10.9198 163.597 10.9695L164.551 11.2082C164.936 11.2976 165.305 11.4186 165.66 11.5711C166.018 11.7235 166.338 11.9158 166.619 12.1478C166.905 12.3798 167.13 12.6599 167.296 12.988C167.461 13.3161 167.544 13.7006 167.544 14.1414C167.544 14.738 167.392 15.2633 167.087 15.7174C166.782 16.1681 166.341 16.5211 165.764 16.7763C165.191 17.0282 164.497 17.1542 163.681 17.1542C162.889 17.1542 162.201 17.0315 161.618 16.7863C161.038 16.541 160.584 16.1831 160.256 15.7124C159.931 15.2418 159.755 14.6684 159.729 13.9922H161.544C161.57 14.3469 161.679 14.6419 161.872 14.8772C162.064 15.1125 162.314 15.2882 162.622 15.4042C162.934 15.5202 163.282 15.5782 163.666 15.5782C164.067 15.5782 164.419 15.5185 164.72 15.3992C165.025 15.2766 165.264 15.1075 165.436 14.8921C165.609 14.6734 165.696 14.4181 165.7 14.1265C165.696 13.8613 165.619 13.6426 165.466 13.4702C165.314 13.2946 165.1 13.1487 164.825 13.0327C164.553 12.9134 164.235 12.8073 163.87 12.7145L162.712 12.4162C161.873 12.2008 161.21 11.8743 160.723 11.4368C160.239 10.996 159.997 10.411 159.997 9.68187C159.997 9.08197 160.16 8.55664 160.485 8.10588C160.813 7.65512 161.258 7.30545 161.822 7.05687C162.385 6.80498 163.023 6.67903 163.736 6.67903C164.459 6.67903 165.092 6.80498 165.635 7.05687C166.182 7.30545 166.611 7.65181 166.923 8.09594C167.234 8.53675 167.395 9.04385 167.405 9.61724H165.63Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M172.49 17.1492C171.724 17.1492 171.063 16.9901 170.506 16.6719C169.953 16.3504 169.527 15.8964 169.228 15.3097C168.93 14.7198 168.781 14.0254 168.781 13.2266C168.781 12.4411 168.93 11.7517 169.228 11.1584C169.53 10.5618 169.951 10.0978 170.491 9.76639C171.031 9.43164 171.666 9.26426 172.395 9.26426C172.866 9.26426 173.31 9.34049 173.728 9.49295C174.149 9.6421 174.52 9.87411 174.841 10.189C175.166 10.5038 175.421 10.9049 175.607 11.3921C175.792 11.876 175.885 12.4527 175.885 13.1222V13.6741H169.626V12.461H174.16C174.157 12.1163 174.082 11.8097 173.936 11.5412C173.791 11.2695 173.587 11.0557 173.325 10.8999C173.066 10.7441 172.765 10.6662 172.42 10.6662C172.052 10.6662 171.729 10.7557 171.451 10.9347C171.172 11.1104 170.955 11.3424 170.799 11.6307C170.647 11.9158 170.569 12.229 170.566 12.5704V13.6293C170.566 14.0734 170.647 14.4546 170.809 14.7728C170.972 15.0877 171.199 15.3296 171.49 15.4986C171.782 15.6644 172.123 15.7472 172.515 15.7472C172.776 15.7472 173.013 15.7108 173.225 15.6378C173.438 15.5616 173.622 15.4506 173.777 15.3047C173.933 15.1589 174.051 14.9783 174.13 14.7628L175.811 14.9518C175.705 15.3959 175.502 15.7837 175.204 16.1151C174.909 16.4432 174.531 16.6984 174.071 16.8807C173.61 17.0597 173.083 17.1492 172.49 17.1492Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M177.408 17.0001V9.36369H179.153V10.6364H179.232C179.372 10.1956 179.61 9.85588 179.948 9.61724C180.29 9.37529 180.679 9.25432 181.117 9.25432C181.216 9.25432 181.327 9.25929 181.45 9.26923C181.576 9.27586 181.68 9.28746 181.763 9.30403V10.9596C181.687 10.9331 181.566 10.9099 181.4 10.89C181.238 10.8668 181.08 10.8552 180.928 10.8552C180.6 10.8552 180.305 10.9264 180.043 11.0689C179.784 11.2082 179.58 11.402 179.431 11.6506C179.282 11.8992 179.208 12.1859 179.208 12.5107V17.0001H177.408Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M190.012 9.36369L187.293 17.0001H185.304L182.585 9.36369H184.504L186.259 15.0363H186.338L188.098 9.36369H190.012Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M191.257 17.0001V9.36369H193.057V17.0001H191.257ZM192.162 8.27989C191.877 8.27989 191.632 8.18542 191.426 7.9965C191.221 7.80427 191.118 7.57392 191.118 7.30545C191.118 7.03367 191.221 6.80332 191.426 6.6144C191.632 6.42217 191.877 6.32605 192.162 6.32605C192.451 6.32605 192.696 6.42217 192.898 6.6144C193.104 6.80332 193.206 7.03367 193.206 7.30545C193.206 7.57392 193.104 7.80427 192.898 7.9965C192.696 8.18542 192.451 8.27989 192.162 8.27989Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M198.239 17.1492C197.477 17.1492 196.822 16.9818 196.275 16.6471C195.731 16.3123 195.312 15.85 195.017 15.26C194.726 14.6667 194.58 13.984 194.58 13.2117C194.58 12.4361 194.729 11.7517 195.027 11.1584C195.325 10.5618 195.746 10.0978 196.29 9.76639C196.837 9.43164 197.483 9.26426 198.229 9.26426C198.849 9.26426 199.397 9.37861 199.874 9.6073C200.355 9.83268 200.738 10.1525 201.023 10.5668C201.308 10.9778 201.47 11.4584 201.51 12.0086H199.79C199.72 11.6407 199.555 11.3341 199.293 11.0888C199.034 10.8403 198.688 10.716 198.254 10.716C197.886 10.716 197.563 10.8154 197.284 11.0143C197.006 11.2098 196.789 11.4915 196.633 11.8594C196.481 12.2273 196.404 12.6681 196.404 13.1819C196.404 13.7022 196.481 14.1497 196.633 14.5242C196.785 14.8954 196.999 15.1821 197.274 15.3843C197.553 15.5832 197.879 15.6826 198.254 15.6826C198.519 15.6826 198.756 15.6329 198.965 15.5334C199.177 15.4307 199.354 15.2832 199.497 15.091C199.639 14.8987 199.737 14.6651 199.79 14.39H201.51C201.467 14.9302 201.308 15.4091 201.033 15.8268C200.758 16.2411 200.383 16.5659 199.909 16.8012C199.435 17.0332 198.878 17.1492 198.239 17.1492Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M206.369 17.1492C205.603 17.1492 204.942 16.9901 204.385 16.6719C203.831 16.3504 203.406 15.8964 203.107 15.3097C202.809 14.7198 202.66 14.0254 202.66 13.2266C202.66 12.4411 202.809 11.7517 203.107 11.1584C203.409 10.5618 203.83 10.0978 204.37 9.76639C204.91 9.43164 205.545 9.26426 206.274 9.26426C206.745 9.26426 207.189 9.34049 207.607 9.49295C208.027 9.6421 208.399 9.87411 208.72 10.189C209.045 10.5038 209.3 10.9049 209.486 11.3921C209.671 11.876 209.764 12.4527 209.764 13.1222V13.6741H203.505V12.461H208.039C208.036 12.1163 207.961 11.8097 207.815 11.5412C207.67 11.2695 207.466 11.0557 207.204 10.8999C206.945 10.7441 206.644 10.6662 206.299 10.6662C205.931 10.6662 205.608 10.7557 205.33 10.9347C205.051 11.1104 204.834 11.3424 204.678 11.6307C204.526 11.9158 204.448 12.229 204.445 12.5704V13.6293C204.445 14.0734 204.526 14.4546 204.688 14.7728C204.851 15.0877 205.078 15.3296 205.369 15.4986C205.661 15.6644 206.002 15.7472 206.393 15.7472C206.655 15.7472 206.892 15.7108 207.104 15.6378C207.317 15.5616 207.5 15.4506 207.656 15.3047C207.812 15.1589 207.93 14.9783 208.009 14.7628L209.69 14.9518C209.584 15.3959 209.381 15.7837 209.083 16.1151C208.788 16.4432 208.41 16.6984 207.95 16.8807C207.489 17.0597 206.962 17.1492 206.369 17.1492Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "AzureOpenaiServiceText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
index 3f7fb68029..30cda7f5bf 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AzureOpenaiServiceText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AzureOpenaiServiceText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Azureai.json b/web/app/components/base/icons/src/public/llm/Azureai.json
index 004da326da..ad99ec0ca9 100644
--- a/web/app/components/base/icons/src/public/llm/Azureai.json
+++ b/web/app/components/base/icons/src/public/llm/Azureai.json
@@ -1,180 +1,180 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.41642 1.13526H14.9266L8.16839 21.1596C8.09893 21.3654 7.96669 21.5442 7.79029 21.6708C7.61389 21.7975 7.4022 21.8657 7.18504 21.8657H2.11851C1.95397 21.8657 1.79179 21.8266 1.64539 21.7515C1.49898 21.6764 1.37257 21.5675 1.27659 21.4338C1.18062 21.3002 1.11784 21.1456 1.09347 20.9829C1.06909 20.8201 1.08381 20.6539 1.13641 20.498L7.43281 1.84135C7.50224 1.6355 7.6345 1.45662 7.81096 1.3299C7.98742 1.20319 8.19918 1.13527 8.41642 1.13526Z",
-					"fill": "url(#paint0_linear_8587_60253)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.8761 14.5664H7.55255C7.45657 14.5663 7.36278 14.5951 7.28341 14.6491C7.20403 14.703 7.14275 14.7796 7.10754 14.8689C7.07232 14.9582 7.06482 15.056 7.08599 15.1496C7.10717 15.2433 7.15605 15.3283 7.22626 15.3938L13.86 21.5856C14.0531 21.7657 14.3074 21.8659 14.5715 21.8659H20.4171L17.8761 14.5664Z",
-					"fill": "#0078D4"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.41509 1.13502C8.19548 1.13417 7.98136 1.20358 7.80399 1.33308C7.62663 1.46259 7.49532 1.64542 7.42924 1.85486L1.14283 20.4808C1.0867 20.6373 1.06907 20.805 1.09145 20.9697C1.11383 21.1344 1.17556 21.2913 1.2714 21.4272C1.36725 21.563 1.4944 21.6737 1.6421 21.75C1.7898 21.8263 1.9537 21.8659 2.11994 21.8655H7.31723C7.5108 21.8309 7.69172 21.7455 7.84151 21.6181C7.9913 21.4907 8.10459 21.3259 8.16982 21.1404L9.42345 17.4456L13.9014 21.6224C14.0891 21.7776 14.3245 21.8635 14.568 21.8655H20.3918L17.8376 14.566L10.3916 14.5678L14.9488 1.13502H8.41509Z",
-					"fill": "url(#paint1_linear_8587_60253)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M16.7308 1.8401C16.6614 1.63458 16.5294 1.456 16.3532 1.3295C16.177 1.20301 15.9656 1.13498 15.7487 1.13501H8.49316C8.71005 1.13502 8.92147 1.20306 9.09765 1.32955C9.27383 1.45604 9.4059 1.6346 9.47527 1.8401L15.7719 20.4975C15.8246 20.6535 15.8393 20.8197 15.815 20.9825C15.7906 21.1452 15.7278 21.2999 15.6319 21.4336C15.5359 21.5673 15.4095 21.6762 15.263 21.7514C15.1166 21.8265 14.9544 21.8657 14.7898 21.8657H22.0456C22.2101 21.8657 22.3723 21.8264 22.5187 21.7513C22.6651 21.6761 22.7915 21.5672 22.8875 21.4335C22.9834 21.2998 23.0461 21.1452 23.0705 20.9824C23.0948 20.8197 23.0801 20.6534 23.0274 20.4975L16.7308 1.8401Z",
-					"fill": "url(#paint2_linear_8587_60253)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_8587_60253",
-							"x1": "10.7892",
-							"y1": "2.67146",
-							"x2": "4.0279",
-							"y2": "22.6454",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#114A8B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#0669BC"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_8587_60253",
-							"x1": "12.8998",
-							"y1": "11.9797",
-							"x2": "11.3359",
-							"y2": "12.5085",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-opacity": "0.3"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.071",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.321",
-									"stop-opacity": "0.1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.623",
-									"stop-opacity": "0.05"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_8587_60253",
-							"x1": "12.0403",
-							"y1": "2.08863",
-							"x2": "19.4621",
-							"y2": "21.8613",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#3CCBF4"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#2892DF"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Azureai"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.41642 1.13526H14.9266L8.16839 21.1596C8.09893 21.3654 7.96669 21.5442 7.79029 21.6708C7.61389 21.7975 7.4022 21.8657 7.18504 21.8657H2.11851C1.95397 21.8657 1.79179 21.8266 1.64539 21.7515C1.49898 21.6764 1.37257 21.5675 1.27659 21.4338C1.18062 21.3002 1.11784 21.1456 1.09347 20.9829C1.06909 20.8201 1.08381 20.6539 1.13641 20.498L7.43281 1.84135C7.50224 1.6355 7.6345 1.45662 7.81096 1.3299C7.98742 1.20319 8.19918 1.13527 8.41642 1.13526Z",
+          "fill": "url(#paint0_linear_8587_60253)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.8761 14.5664H7.55255C7.45657 14.5663 7.36278 14.5951 7.28341 14.6491C7.20403 14.703 7.14275 14.7796 7.10754 14.8689C7.07232 14.9582 7.06482 15.056 7.08599 15.1496C7.10717 15.2433 7.15605 15.3283 7.22626 15.3938L13.86 21.5856C14.0531 21.7657 14.3074 21.8659 14.5715 21.8659H20.4171L17.8761 14.5664Z",
+          "fill": "#0078D4"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.41509 1.13502C8.19548 1.13417 7.98136 1.20358 7.80399 1.33308C7.62663 1.46259 7.49532 1.64542 7.42924 1.85486L1.14283 20.4808C1.0867 20.6373 1.06907 20.805 1.09145 20.9697C1.11383 21.1344 1.17556 21.2913 1.2714 21.4272C1.36725 21.563 1.4944 21.6737 1.6421 21.75C1.7898 21.8263 1.9537 21.8659 2.11994 21.8655H7.31723C7.5108 21.8309 7.69172 21.7455 7.84151 21.6181C7.9913 21.4907 8.10459 21.3259 8.16982 21.1404L9.42345 17.4456L13.9014 21.6224C14.0891 21.7776 14.3245 21.8635 14.568 21.8655H20.3918L17.8376 14.566L10.3916 14.5678L14.9488 1.13502H8.41509Z",
+          "fill": "url(#paint1_linear_8587_60253)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M16.7308 1.8401C16.6614 1.63458 16.5294 1.456 16.3532 1.3295C16.177 1.20301 15.9656 1.13498 15.7487 1.13501H8.49316C8.71005 1.13502 8.92147 1.20306 9.09765 1.32955C9.27383 1.45604 9.4059 1.6346 9.47527 1.8401L15.7719 20.4975C15.8246 20.6535 15.8393 20.8197 15.815 20.9825C15.7906 21.1452 15.7278 21.2999 15.6319 21.4336C15.5359 21.5673 15.4095 21.6762 15.263 21.7514C15.1166 21.8265 14.9544 21.8657 14.7898 21.8657H22.0456C22.2101 21.8657 22.3723 21.8264 22.5187 21.7513C22.6651 21.6761 22.7915 21.5672 22.8875 21.4335C22.9834 21.2998 23.0461 21.1452 23.0705 20.9824C23.0948 20.8197 23.0801 20.6534 23.0274 20.4975L16.7308 1.8401Z",
+          "fill": "url(#paint2_linear_8587_60253)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_8587_60253",
+              "x1": "10.7892",
+              "y1": "2.67146",
+              "x2": "4.0279",
+              "y2": "22.6454",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#114A8B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#0669BC"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_8587_60253",
+              "x1": "12.8998",
+              "y1": "11.9797",
+              "x2": "11.3359",
+              "y2": "12.5085",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-opacity": "0.3"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.071",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.321",
+                  "stop-opacity": "0.1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.623",
+                  "stop-opacity": "0.05"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_8587_60253",
+              "x1": "12.0403",
+              "y1": "2.08863",
+              "x2": "19.4621",
+              "y2": "21.8613",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#3CCBF4"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#2892DF"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Azureai"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Azureai.tsx b/web/app/components/base/icons/src/public/llm/Azureai.tsx
index 67109a7eff..71a460b7ab 100644
--- a/web/app/components/base/icons/src/public/llm/Azureai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Azureai.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Azureai.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Azureai.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/AzureaiText.json b/web/app/components/base/icons/src/public/llm/AzureaiText.json
index 44976aa8e2..23c221a4cc 100644
--- a/web/app/components/base/icons/src/public/llm/AzureaiText.json
+++ b/web/app/components/base/icons/src/public/llm/AzureaiText.json
@@ -1,243 +1,243 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "92",
-			"height": "24",
-			"viewBox": "0 0 92 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.63655 2.50023H15.6036L9.40921 20.8535C9.34555 21.0421 9.22434 21.206 9.06266 21.3221C8.90097 21.4382 8.70695 21.5006 8.5079 21.5007H3.86407C3.71326 21.5007 3.56461 21.4648 3.43042 21.396C3.29623 21.3271 3.18036 21.2273 3.09239 21.1048C3.00442 20.9823 2.94689 20.8406 2.92454 20.6915C2.9022 20.5424 2.91569 20.39 2.9639 20.2471L8.73501 3.1474C8.79864 2.95872 8.91987 2.79477 9.0816 2.67863C9.24334 2.56249 9.43743 2.50024 9.63655 2.50023Z",
-					"fill": "url(#paint0_linear_8587_60561)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.307 14.8105H8.84467C8.7567 14.8104 8.67074 14.8368 8.59799 14.8863C8.52524 14.9358 8.46906 15.006 8.43679 15.0878C8.40451 15.1697 8.39763 15.2593 8.41704 15.3451C8.43645 15.4309 8.48125 15.5089 8.54561 15.5689L14.6259 21.2439C14.8029 21.4091 15.036 21.5009 15.2781 21.5008H20.636L18.307 14.8105Z",
-					"fill": "#0078D4"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.63533 2.50001C9.43405 2.49923 9.23778 2.56284 9.07521 2.68154C8.91265 2.80024 8.79229 2.96781 8.73173 3.15978L2.96979 20.2313C2.91834 20.3747 2.90219 20.5284 2.9227 20.6794C2.94321 20.8304 2.99979 20.9742 3.08764 21.0987C3.17549 21.2232 3.29203 21.3247 3.42741 21.3946C3.56278 21.4646 3.71301 21.5009 3.86538 21.5004H8.62906C8.80648 21.4687 8.97231 21.3905 9.1096 21.2738C9.2469 21.157 9.35074 21.0059 9.41052 20.8359L10.5596 17.4495L14.6639 21.2777C14.8359 21.42 15.0517 21.4986 15.2749 21.5004H20.6129L18.2717 14.8102L11.4469 14.8118L15.6239 2.50001H9.63533Z",
-					"fill": "url(#paint1_linear_8587_60561)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.2574 3.14625C17.1938 2.95788 17.0728 2.7942 16.9113 2.67826C16.7498 2.56233 16.556 2.49998 16.3572 2.5H9.70703C9.90582 2.50001 10.0996 2.56237 10.2611 2.67831C10.4226 2.79424 10.5436 2.9579 10.6072 3.14625L16.3785 20.2467C16.4268 20.3896 16.4403 20.542 16.418 20.6911C16.3957 20.8403 16.3381 20.9821 16.2502 21.1046C16.1622 21.2271 16.0463 21.327 15.9121 21.3959C15.7779 21.4647 15.6292 21.5007 15.4784 21.5007H22.1288C22.2796 21.5006 22.4283 21.4647 22.5624 21.3958C22.6966 21.3269 22.8125 21.2271 22.9004 21.1045C22.9884 20.982 23.0459 20.8403 23.0682 20.6911C23.0905 20.5419 23.077 20.3896 23.0287 20.2467L17.2574 3.14625Z",
-					"fill": "url(#paint2_linear_8587_60561)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M34.312 17.0001H32.3433L35.9278 6.81824H38.2048L41.7943 17.0001H39.8255L37.106 8.90631H37.0265L34.312 17.0001ZM34.3766 13.0079H39.746V14.4894H34.3766V13.0079Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M42.9564 17.0001V15.8566L46.8939 10.9198V10.8552H43.0856V9.36369H49.0963V10.5917L45.3477 15.4439V15.5086H49.2255V17.0001H42.9564Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M55.7843 13.7884V9.36369H57.584V17.0001H55.839V15.6428H55.7595C55.5871 16.0704 55.3037 16.42 54.9093 16.6918C54.5182 16.9636 54.036 17.0995 53.4626 17.0995C52.9621 17.0995 52.5196 16.9885 52.1352 16.7664C51.754 16.541 51.4557 16.2145 51.2403 15.787C51.0248 15.3561 50.9171 14.8358 50.9171 14.2259V9.36369H52.7168V13.9475C52.7168 14.4314 52.8494 14.8159 53.1146 15.1009C53.3797 15.3859 53.7277 15.5285 54.1586 15.5285C54.4238 15.5285 54.6806 15.4638 54.9292 15.3346C55.1778 15.2053 55.3816 15.0131 55.5407 14.7579C55.7031 14.4993 55.7843 14.1762 55.7843 13.7884Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M59.4347 17.0001V9.36369H61.1797V10.6364H61.2593C61.3985 10.1956 61.6371 9.85588 61.9752 9.61724C62.3166 9.37529 62.706 9.25432 63.1435 9.25432C63.2429 9.25432 63.354 9.25929 63.4766 9.26923C63.6026 9.27586 63.707 9.28746 63.7898 9.30403V10.9596C63.7136 10.9331 63.5926 10.9099 63.4269 10.89C63.2645 10.8668 63.1071 10.8552 62.9546 10.8552C62.6265 10.8552 62.3315 10.9264 62.0696 11.0689C61.8111 11.2082 61.6073 11.402 61.4581 11.6506C61.309 11.8992 61.2344 12.1859 61.2344 12.5107V17.0001H59.4347Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M68.0517 17.1492C67.2861 17.1492 66.6249 16.9901 66.068 16.6719C65.5145 16.3504 65.0886 15.8964 64.7903 15.3097C64.4921 14.7198 64.3429 14.0254 64.3429 13.2266C64.3429 12.4411 64.4921 11.7517 64.7903 11.1584C65.092 10.5618 65.5129 10.0978 66.0531 9.76639C66.5934 9.43164 67.2281 9.26426 67.9573 9.26426C68.4279 9.26426 68.872 9.34049 69.2896 9.49295C69.7106 9.6421 70.0818 9.87411 70.4033 10.189C70.7281 10.5038 70.9833 10.9049 71.1689 11.3921C71.3545 11.876 71.4473 12.4527 71.4473 13.1222V13.6741H65.1881V12.461H69.7222C69.7189 12.1163 69.6443 11.8097 69.4984 11.5412C69.3526 11.2695 69.1488 11.0557 68.8869 10.8999C68.6284 10.7441 68.3268 10.6662 67.9821 10.6662C67.6142 10.6662 67.2911 10.7557 67.0126 10.9347C66.7342 11.1104 66.5171 11.3424 66.3614 11.6307C66.2089 11.9158 66.131 12.229 66.1277 12.5704V13.6293C66.1277 14.0734 66.2089 14.4546 66.3713 14.7728C66.5337 15.0877 66.7608 15.3296 67.0524 15.4986C67.3441 15.6644 67.6855 15.7472 68.0766 15.7472C68.3384 15.7472 68.5754 15.7108 68.7875 15.6378C68.9996 15.5616 69.1836 15.4506 69.3394 15.3047C69.4951 15.1589 69.6128 14.9783 69.6923 14.7628L71.3727 14.9518C71.2667 15.3959 71.0645 15.7837 70.7662 16.1151C70.4712 16.4432 70.0934 16.6984 69.6327 16.8807C69.172 17.0597 68.645 17.1492 68.0517 17.1492Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M77.8296 17.0001H75.8608L79.4454 6.81824H81.7223L85.3118 17.0001H83.3431L80.6236 8.90631H80.5441L77.8296 17.0001ZM77.8942 13.0079H83.2635V14.4894H77.8942V13.0079Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M88.4974 6.81824V17.0001H86.6529V6.81824H88.4974Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_8587_60561",
-							"x1": "11.8113",
-							"y1": "3.90823",
-							"x2": "5.61444",
-							"y2": "22.2154",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#114A8B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#0669BC"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_8587_60561",
-							"x1": "13.7459",
-							"y1": "12.4397",
-							"x2": "12.3125",
-							"y2": "12.9243",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-opacity": "0.3"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.071",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.321",
-									"stop-opacity": "0.1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.623",
-									"stop-opacity": "0.05"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_8587_60561",
-							"x1": "12.9582",
-							"y1": "3.37404",
-							"x2": "19.7606",
-							"y2": "21.4968",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#3CCBF4"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#2892DF"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AzureaiText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "92",
+      "height": "24",
+      "viewBox": "0 0 92 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.63655 2.50023H15.6036L9.40921 20.8535C9.34555 21.0421 9.22434 21.206 9.06266 21.3221C8.90097 21.4382 8.70695 21.5006 8.5079 21.5007H3.86407C3.71326 21.5007 3.56461 21.4648 3.43042 21.396C3.29623 21.3271 3.18036 21.2273 3.09239 21.1048C3.00442 20.9823 2.94689 20.8406 2.92454 20.6915C2.9022 20.5424 2.91569 20.39 2.9639 20.2471L8.73501 3.1474C8.79864 2.95872 8.91987 2.79477 9.0816 2.67863C9.24334 2.56249 9.43743 2.50024 9.63655 2.50023Z",
+          "fill": "url(#paint0_linear_8587_60561)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.307 14.8105H8.84467C8.7567 14.8104 8.67074 14.8368 8.59799 14.8863C8.52524 14.9358 8.46906 15.006 8.43679 15.0878C8.40451 15.1697 8.39763 15.2593 8.41704 15.3451C8.43645 15.4309 8.48125 15.5089 8.54561 15.5689L14.6259 21.2439C14.8029 21.4091 15.036 21.5009 15.2781 21.5008H20.636L18.307 14.8105Z",
+          "fill": "#0078D4"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.63533 2.50001C9.43405 2.49923 9.23778 2.56284 9.07521 2.68154C8.91265 2.80024 8.79229 2.96781 8.73173 3.15978L2.96979 20.2313C2.91834 20.3747 2.90219 20.5284 2.9227 20.6794C2.94321 20.8304 2.99979 20.9742 3.08764 21.0987C3.17549 21.2232 3.29203 21.3247 3.42741 21.3946C3.56278 21.4646 3.71301 21.5009 3.86538 21.5004H8.62906C8.80648 21.4687 8.97231 21.3905 9.1096 21.2738C9.2469 21.157 9.35074 21.0059 9.41052 20.8359L10.5596 17.4495L14.6639 21.2777C14.8359 21.42 15.0517 21.4986 15.2749 21.5004H20.6129L18.2717 14.8102L11.4469 14.8118L15.6239 2.50001H9.63533Z",
+          "fill": "url(#paint1_linear_8587_60561)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.2574 3.14625C17.1938 2.95788 17.0728 2.7942 16.9113 2.67826C16.7498 2.56233 16.556 2.49998 16.3572 2.5H9.70703C9.90582 2.50001 10.0996 2.56237 10.2611 2.67831C10.4226 2.79424 10.5436 2.9579 10.6072 3.14625L16.3785 20.2467C16.4268 20.3896 16.4403 20.542 16.418 20.6911C16.3957 20.8403 16.3381 20.9821 16.2502 21.1046C16.1622 21.2271 16.0463 21.327 15.9121 21.3959C15.7779 21.4647 15.6292 21.5007 15.4784 21.5007H22.1288C22.2796 21.5006 22.4283 21.4647 22.5624 21.3958C22.6966 21.3269 22.8125 21.2271 22.9004 21.1045C22.9884 20.982 23.0459 20.8403 23.0682 20.6911C23.0905 20.5419 23.077 20.3896 23.0287 20.2467L17.2574 3.14625Z",
+          "fill": "url(#paint2_linear_8587_60561)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M34.312 17.0001H32.3433L35.9278 6.81824H38.2048L41.7943 17.0001H39.8255L37.106 8.90631H37.0265L34.312 17.0001ZM34.3766 13.0079H39.746V14.4894H34.3766V13.0079Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M42.9564 17.0001V15.8566L46.8939 10.9198V10.8552H43.0856V9.36369H49.0963V10.5917L45.3477 15.4439V15.5086H49.2255V17.0001H42.9564Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M55.7843 13.7884V9.36369H57.584V17.0001H55.839V15.6428H55.7595C55.5871 16.0704 55.3037 16.42 54.9093 16.6918C54.5182 16.9636 54.036 17.0995 53.4626 17.0995C52.9621 17.0995 52.5196 16.9885 52.1352 16.7664C51.754 16.541 51.4557 16.2145 51.2403 15.787C51.0248 15.3561 50.9171 14.8358 50.9171 14.2259V9.36369H52.7168V13.9475C52.7168 14.4314 52.8494 14.8159 53.1146 15.1009C53.3797 15.3859 53.7277 15.5285 54.1586 15.5285C54.4238 15.5285 54.6806 15.4638 54.9292 15.3346C55.1778 15.2053 55.3816 15.0131 55.5407 14.7579C55.7031 14.4993 55.7843 14.1762 55.7843 13.7884Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M59.4347 17.0001V9.36369H61.1797V10.6364H61.2593C61.3985 10.1956 61.6371 9.85588 61.9752 9.61724C62.3166 9.37529 62.706 9.25432 63.1435 9.25432C63.2429 9.25432 63.354 9.25929 63.4766 9.26923C63.6026 9.27586 63.707 9.28746 63.7898 9.30403V10.9596C63.7136 10.9331 63.5926 10.9099 63.4269 10.89C63.2645 10.8668 63.1071 10.8552 62.9546 10.8552C62.6265 10.8552 62.3315 10.9264 62.0696 11.0689C61.8111 11.2082 61.6073 11.402 61.4581 11.6506C61.309 11.8992 61.2344 12.1859 61.2344 12.5107V17.0001H59.4347Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M68.0517 17.1492C67.2861 17.1492 66.6249 16.9901 66.068 16.6719C65.5145 16.3504 65.0886 15.8964 64.7903 15.3097C64.4921 14.7198 64.3429 14.0254 64.3429 13.2266C64.3429 12.4411 64.4921 11.7517 64.7903 11.1584C65.092 10.5618 65.5129 10.0978 66.0531 9.76639C66.5934 9.43164 67.2281 9.26426 67.9573 9.26426C68.4279 9.26426 68.872 9.34049 69.2896 9.49295C69.7106 9.6421 70.0818 9.87411 70.4033 10.189C70.7281 10.5038 70.9833 10.9049 71.1689 11.3921C71.3545 11.876 71.4473 12.4527 71.4473 13.1222V13.6741H65.1881V12.461H69.7222C69.7189 12.1163 69.6443 11.8097 69.4984 11.5412C69.3526 11.2695 69.1488 11.0557 68.8869 10.8999C68.6284 10.7441 68.3268 10.6662 67.9821 10.6662C67.6142 10.6662 67.2911 10.7557 67.0126 10.9347C66.7342 11.1104 66.5171 11.3424 66.3614 11.6307C66.2089 11.9158 66.131 12.229 66.1277 12.5704V13.6293C66.1277 14.0734 66.2089 14.4546 66.3713 14.7728C66.5337 15.0877 66.7608 15.3296 67.0524 15.4986C67.3441 15.6644 67.6855 15.7472 68.0766 15.7472C68.3384 15.7472 68.5754 15.7108 68.7875 15.6378C68.9996 15.5616 69.1836 15.4506 69.3394 15.3047C69.4951 15.1589 69.6128 14.9783 69.6923 14.7628L71.3727 14.9518C71.2667 15.3959 71.0645 15.7837 70.7662 16.1151C70.4712 16.4432 70.0934 16.6984 69.6327 16.8807C69.172 17.0597 68.645 17.1492 68.0517 17.1492Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M77.8296 17.0001H75.8608L79.4454 6.81824H81.7223L85.3118 17.0001H83.3431L80.6236 8.90631H80.5441L77.8296 17.0001ZM77.8942 13.0079H83.2635V14.4894H77.8942V13.0079Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M88.4974 6.81824V17.0001H86.6529V6.81824H88.4974Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_8587_60561",
+              "x1": "11.8113",
+              "y1": "3.90823",
+              "x2": "5.61444",
+              "y2": "22.2154",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#114A8B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#0669BC"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_8587_60561",
+              "x1": "13.7459",
+              "y1": "12.4397",
+              "x2": "12.3125",
+              "y2": "12.9243",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-opacity": "0.3"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.071",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.321",
+                  "stop-opacity": "0.1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.623",
+                  "stop-opacity": "0.05"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_8587_60561",
+              "x1": "12.9582",
+              "y1": "3.37404",
+              "x2": "19.7606",
+              "y2": "21.4968",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#3CCBF4"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#2892DF"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AzureaiText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
index 21c5505699..e54487a28f 100644
--- a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AzureaiText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AzureaiText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Baichuan.json b/web/app/components/base/icons/src/public/llm/Baichuan.json
index 196fbada8c..5d5a6627bb 100644
--- a/web/app/components/base/icons/src/public/llm/Baichuan.json
+++ b/web/app/components/base/icons/src/public/llm/Baichuan.json
@@ -1,76 +1,76 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Baichuan"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Union",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8.58154 1.7793H5.52779L3.34655 6.20409V17.7335L0.916016 22.2206H6.21333L8.58154 17.7335V1.7793ZM10.5761 1.7793H15.8111V22.2206H10.5761V1.7793ZM22.9166 1.7793H17.6816V6.01712H22.9166V1.7793ZM22.9166 7.38818H17.6816V22.2206H22.9166V7.38818Z",
-							"fill": "url(#paint0_radial_11622_96084)"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "radialGradient",
-						"attributes": {
-							"id": "paint0_radial_11622_96084",
-							"cx": "0",
-							"cy": "0",
-							"r": "1",
-							"gradientUnits": "userSpaceOnUse",
-							"gradientTransform": "translate(5.5 5.5) rotate(45) scale(20.5061 22.0704)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FEBD3F"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.77608",
-									"stop-color": "#FF6933"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Baichuan"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Baichuan"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Union",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8.58154 1.7793H5.52779L3.34655 6.20409V17.7335L0.916016 22.2206H6.21333L8.58154 17.7335V1.7793ZM10.5761 1.7793H15.8111V22.2206H10.5761V1.7793ZM22.9166 1.7793H17.6816V6.01712H22.9166V1.7793ZM22.9166 7.38818H17.6816V22.2206H22.9166V7.38818Z",
+              "fill": "url(#paint0_radial_11622_96084)"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "radialGradient",
+            "attributes": {
+              "id": "paint0_radial_11622_96084",
+              "cx": "0",
+              "cy": "0",
+              "r": "1",
+              "gradientUnits": "userSpaceOnUse",
+              "gradientTransform": "translate(5.5 5.5) rotate(45) scale(20.5061 22.0704)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FEBD3F"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.77608",
+                  "stop-color": "#FF6933"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Baichuan"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Baichuan.tsx b/web/app/components/base/icons/src/public/llm/Baichuan.tsx
index 0f7c37b4b2..886eeed91e 100644
--- a/web/app/components/base/icons/src/public/llm/Baichuan.tsx
+++ b/web/app/components/base/icons/src/public/llm/Baichuan.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Baichuan.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Baichuan.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/BaichuanText.json b/web/app/components/base/icons/src/public/llm/BaichuanText.json
index c4dc1d1101..9ca44f4896 100644
--- a/web/app/components/base/icons/src/public/llm/BaichuanText.json
+++ b/web/app/components/base/icons/src/public/llm/BaichuanText.json
@@ -1,156 +1,156 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "130",
-			"height": "24",
-			"viewBox": "0 0 130 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M9.58154 1.7793H6.52779L4.34655 6.20409V17.7335L1.91602 22.2206H7.21333L9.58154 17.7335V1.7793ZM11.5761 1.7793H16.8111V22.2206H11.5761V1.7793ZM23.9166 1.7793H18.6816V6.01712H23.9166V1.7793ZM23.9166 7.38818H18.6816V22.2206H23.9166V7.38818Z",
-					"fill": "url(#paint0_radial_11622_96091)"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M129.722 6.83203V18H127.482V6.83203H129.722Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M123.196 15.872H118.748L118.012 18H115.66L119.676 6.81604H122.284L126.3 18H123.932L123.196 15.872ZM122.588 14.08L120.972 9.40804L119.356 14.08H122.588Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M110.962 18H108.722L103.65 10.336V18H101.41V6.81598H103.65L108.722 14.496V6.81598H110.962V18Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M97.1258 15.872H92.6778L91.9418 18H89.5898L93.6058 6.81604H96.2138L100.23 18H97.8618L97.1258 15.872ZM96.5178 14.08L94.9018 9.40804L93.2858 14.08H96.5178Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M81.6482 6.83203V13.744C81.6482 14.5014 81.8455 15.0827 82.2402 15.488C82.6349 15.8827 83.1895 16.08 83.9042 16.08C84.6295 16.08 85.1895 15.8827 85.5842 15.488C85.9789 15.0827 86.1762 14.5014 86.1762 13.744V6.83203H88.4322V13.728C88.4322 14.6774 88.2242 15.4827 87.8082 16.144C87.4029 16.7947 86.8535 17.2854 86.1602 17.616C85.4775 17.9467 84.7149 18.112 83.8722 18.112C83.0402 18.112 82.2829 17.9467 81.6002 17.616C80.9282 17.2854 80.3949 16.7947 80.0002 16.144C79.6055 15.4827 79.4082 14.6774 79.4082 13.728V6.83203H81.6482Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M77.557 6.83203V18H75.317V13.248H70.533V18H68.293V6.83203H70.533V11.424H75.317V6.83203H77.557Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M55.7871 12.4C55.7871 11.3013 56.0324 10.32 56.5231 9.45599C57.0244 8.58132 57.7018 7.90399 58.5551 7.42399C59.4191 6.93332 60.3844 6.68799 61.4511 6.68799C62.6991 6.68799 63.7924 7.00799 64.7311 7.64799C65.6698 8.28799 66.3258 9.17332 66.6991 10.304H64.1231C63.8671 9.77065 63.5044 9.37065 63.0351 9.10399C62.5764 8.83732 62.0431 8.70399 61.4351 8.70399C60.7844 8.70399 60.2031 8.85865 59.6911 9.16799C59.1898 9.46665 58.7951 9.89332 58.5071 10.448C58.2298 11.0027 58.0911 11.6533 58.0911 12.4C58.0911 13.136 58.2298 13.7867 58.5071 14.352C58.7951 14.9067 59.1898 15.3387 59.6911 15.648C60.2031 15.9467 60.7844 16.096 61.4351 16.096C62.0431 16.096 62.5764 15.9627 63.0351 15.696C63.5044 15.4187 63.8671 15.0133 64.1231 14.48H66.6991C66.3258 15.6213 65.6698 16.512 64.7311 17.152C63.8031 17.7813 62.7098 18.096 61.4511 18.096C60.3844 18.096 59.4191 17.856 58.5551 17.376C57.7018 16.8853 57.0244 16.208 56.5231 15.344C56.0324 14.48 55.7871 13.4987 55.7871 12.4Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M54.4373 6.83203V18H52.1973V6.83203H54.4373Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M47.913 15.872H43.465L42.729 18H40.377L44.393 6.81598H47.001L51.017 18H48.649L47.913 15.872ZM47.305 14.08L45.689 9.40798L44.073 14.08H47.305Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M37.4395 12.272C38.0688 12.3893 38.5862 12.704 38.9915 13.216C39.3968 13.728 39.5995 14.3146 39.5995 14.976C39.5995 15.5733 39.4502 16.1013 39.1515 16.56C38.8635 17.008 38.4422 17.36 37.8875 17.616C37.3328 17.872 36.6768 18 35.9195 18H31.1035V6.83197H35.7115C36.4688 6.83197 37.1195 6.95464 37.6635 7.19997C38.2182 7.4453 38.6342 7.78664 38.9115 8.22397C39.1995 8.6613 39.3435 9.1573 39.3435 9.71197C39.3435 10.3626 39.1675 10.9066 38.8155 11.344C38.4742 11.7813 38.0155 12.0906 37.4395 12.272ZM33.3435 11.44H35.3915C35.9248 11.44 36.3355 11.3226 36.6235 11.088C36.9115 10.8426 37.0555 10.496 37.0555 10.048C37.0555 9.59997 36.9115 9.2533 36.6235 9.00797C36.3355 8.76264 35.9248 8.63997 35.3915 8.63997H33.3435V11.44ZM35.5995 16.176C36.1435 16.176 36.5648 16.048 36.8635 15.792C37.1728 15.536 37.3275 15.1733 37.3275 14.704C37.3275 14.224 37.1675 13.8506 36.8475 13.584C36.5275 13.3066 36.0955 13.168 35.5515 13.168H33.3435V16.176H35.5995Z",
-					"fill": "#FF6A34"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "radialGradient",
-						"attributes": {
-							"id": "paint0_radial_11622_96091",
-							"cx": "0",
-							"cy": "0",
-							"r": "1",
-							"gradientUnits": "userSpaceOnUse",
-							"gradientTransform": "translate(6.5 5.5) rotate(45) scale(20.5061 22.0704)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FEBD3F"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0.77608",
-									"stop-color": "#FF6933"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "BaichuanText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "130",
+      "height": "24",
+      "viewBox": "0 0 130 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M9.58154 1.7793H6.52779L4.34655 6.20409V17.7335L1.91602 22.2206H7.21333L9.58154 17.7335V1.7793ZM11.5761 1.7793H16.8111V22.2206H11.5761V1.7793ZM23.9166 1.7793H18.6816V6.01712H23.9166V1.7793ZM23.9166 7.38818H18.6816V22.2206H23.9166V7.38818Z",
+          "fill": "url(#paint0_radial_11622_96091)"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M129.722 6.83203V18H127.482V6.83203H129.722Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M123.196 15.872H118.748L118.012 18H115.66L119.676 6.81604H122.284L126.3 18H123.932L123.196 15.872ZM122.588 14.08L120.972 9.40804L119.356 14.08H122.588Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M110.962 18H108.722L103.65 10.336V18H101.41V6.81598H103.65L108.722 14.496V6.81598H110.962V18Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M97.1258 15.872H92.6778L91.9418 18H89.5898L93.6058 6.81604H96.2138L100.23 18H97.8618L97.1258 15.872ZM96.5178 14.08L94.9018 9.40804L93.2858 14.08H96.5178Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M81.6482 6.83203V13.744C81.6482 14.5014 81.8455 15.0827 82.2402 15.488C82.6349 15.8827 83.1895 16.08 83.9042 16.08C84.6295 16.08 85.1895 15.8827 85.5842 15.488C85.9789 15.0827 86.1762 14.5014 86.1762 13.744V6.83203H88.4322V13.728C88.4322 14.6774 88.2242 15.4827 87.8082 16.144C87.4029 16.7947 86.8535 17.2854 86.1602 17.616C85.4775 17.9467 84.7149 18.112 83.8722 18.112C83.0402 18.112 82.2829 17.9467 81.6002 17.616C80.9282 17.2854 80.3949 16.7947 80.0002 16.144C79.6055 15.4827 79.4082 14.6774 79.4082 13.728V6.83203H81.6482Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M77.557 6.83203V18H75.317V13.248H70.533V18H68.293V6.83203H70.533V11.424H75.317V6.83203H77.557Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M55.7871 12.4C55.7871 11.3013 56.0324 10.32 56.5231 9.45599C57.0244 8.58132 57.7018 7.90399 58.5551 7.42399C59.4191 6.93332 60.3844 6.68799 61.4511 6.68799C62.6991 6.68799 63.7924 7.00799 64.7311 7.64799C65.6698 8.28799 66.3258 9.17332 66.6991 10.304H64.1231C63.8671 9.77065 63.5044 9.37065 63.0351 9.10399C62.5764 8.83732 62.0431 8.70399 61.4351 8.70399C60.7844 8.70399 60.2031 8.85865 59.6911 9.16799C59.1898 9.46665 58.7951 9.89332 58.5071 10.448C58.2298 11.0027 58.0911 11.6533 58.0911 12.4C58.0911 13.136 58.2298 13.7867 58.5071 14.352C58.7951 14.9067 59.1898 15.3387 59.6911 15.648C60.2031 15.9467 60.7844 16.096 61.4351 16.096C62.0431 16.096 62.5764 15.9627 63.0351 15.696C63.5044 15.4187 63.8671 15.0133 64.1231 14.48H66.6991C66.3258 15.6213 65.6698 16.512 64.7311 17.152C63.8031 17.7813 62.7098 18.096 61.4511 18.096C60.3844 18.096 59.4191 17.856 58.5551 17.376C57.7018 16.8853 57.0244 16.208 56.5231 15.344C56.0324 14.48 55.7871 13.4987 55.7871 12.4Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M54.4373 6.83203V18H52.1973V6.83203H54.4373Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M47.913 15.872H43.465L42.729 18H40.377L44.393 6.81598H47.001L51.017 18H48.649L47.913 15.872ZM47.305 14.08L45.689 9.40798L44.073 14.08H47.305Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M37.4395 12.272C38.0688 12.3893 38.5862 12.704 38.9915 13.216C39.3968 13.728 39.5995 14.3146 39.5995 14.976C39.5995 15.5733 39.4502 16.1013 39.1515 16.56C38.8635 17.008 38.4422 17.36 37.8875 17.616C37.3328 17.872 36.6768 18 35.9195 18H31.1035V6.83197H35.7115C36.4688 6.83197 37.1195 6.95464 37.6635 7.19997C38.2182 7.4453 38.6342 7.78664 38.9115 8.22397C39.1995 8.6613 39.3435 9.1573 39.3435 9.71197C39.3435 10.3626 39.1675 10.9066 38.8155 11.344C38.4742 11.7813 38.0155 12.0906 37.4395 12.272ZM33.3435 11.44H35.3915C35.9248 11.44 36.3355 11.3226 36.6235 11.088C36.9115 10.8426 37.0555 10.496 37.0555 10.048C37.0555 9.59997 36.9115 9.2533 36.6235 9.00797C36.3355 8.76264 35.9248 8.63997 35.3915 8.63997H33.3435V11.44ZM35.5995 16.176C36.1435 16.176 36.5648 16.048 36.8635 15.792C37.1728 15.536 37.3275 15.1733 37.3275 14.704C37.3275 14.224 37.1675 13.8506 36.8475 13.584C36.5275 13.3066 36.0955 13.168 35.5515 13.168H33.3435V16.176H35.5995Z",
+          "fill": "#FF6A34"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "radialGradient",
+            "attributes": {
+              "id": "paint0_radial_11622_96091",
+              "cx": "0",
+              "cy": "0",
+              "r": "1",
+              "gradientUnits": "userSpaceOnUse",
+              "gradientTransform": "translate(6.5 5.5) rotate(45) scale(20.5061 22.0704)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FEBD3F"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0.77608",
+                  "stop-color": "#FF6933"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BaichuanText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/BaichuanText.tsx b/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
index 2e7269e508..1ee7647f9e 100644
--- a/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
+++ b/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BaichuanText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BaichuanText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Chatglm.json b/web/app/components/base/icons/src/public/llm/Chatglm.json
index c01787f8eb..67a83f605d 100644
--- a/web/app/components/base/icons/src/public/llm/Chatglm.json
+++ b/web/app/components/base/icons/src/public/llm/Chatglm.json
@@ -1,72 +1,72 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "mask",
-				"attributes": {
-					"id": "mask0_8587_60212",
-					"style": "mask-type:luminance",
-					"maskUnits": "userSpaceOnUse",
-					"x": "1",
-					"y": "2",
-					"width": "23",
-					"height": "21"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M23.8 2H1V22.4H23.8V2Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"mask": "url(#mask0_8587_60212)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.86378 14.4544C3.86378 13.0981 4.67438 11.737 6.25923 10.6634C7.83827 9.59364 10.0864 8.89368 12.6282 8.89368C15.17 8.89368 17.4182 9.59364 18.9972 10.6634C19.7966 11.2049 20.399 11.8196 20.7998 12.4699C21.2873 11.5802 21.4969 10.6351 21.3835 9.69252C21.3759 9.62928 21.3824 9.56766 21.4005 9.5106C21.0758 9.21852 20.7259 8.94624 20.3558 8.69556C18.3272 7.32126 15.5915 6.50964 12.6282 6.50964C9.66497 6.50964 6.92918 7.32126 4.90058 8.69556C2.8778 10.0659 1.45703 12.0812 1.45703 14.4544C1.45703 16.8275 2.8778 18.8428 4.90058 20.2132C6.92918 21.5875 9.66497 22.3991 12.6282 22.3991C15.5915 22.3991 18.3272 21.5875 20.3558 20.2132C22.3786 18.8428 23.7994 16.8275 23.7994 14.4544C23.7994 12.9455 23.225 11.5813 22.2868 10.4355C22.2377 11.4917 21.8621 12.5072 21.238 13.43C21.3409 13.7686 21.3926 14.1116 21.3926 14.4544C21.3926 15.8107 20.582 17.1717 18.9972 18.2453C17.4182 19.3151 15.17 20.015 12.6282 20.015C10.0864 20.015 7.83827 19.3151 6.25923 18.2453C4.67438 17.1717 3.86378 15.8107 3.86378 14.4544Z",
-							"fill": "#3762FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.84445 11.6838C3.20239 13.4885 3.35368 15.1156 4.18868 16.2838C5.02368 17.452 6.52281 18.1339 8.45459 18.1334C10.3826 18.133 12.6296 17.44 14.6939 15.9922C16.7581 14.5444 18.1643 12.6753 18.8052 10.8739C19.4473 9.0692 19.2959 7.44206 18.461 6.27392C17.626 5.10572 16.1269 4.42389 14.1951 4.42431C12.267 4.42475 10.0201 5.11774 7.95575 6.56552C5.89152 8.01332 4.48529 9.8825 3.84445 11.6838ZM1.53559 10.8778C2.36374 8.55002 4.11254 6.28976 6.54117 4.58645C8.96981 2.88312 11.7029 1.99995 14.1945 1.99939C16.6825 1.99884 19.0426 2.8912 20.4589 4.87263C21.8752 6.85406 21.941 9.35564 21.1141 11.6799C20.2859 14.0077 18.5371 16.2679 16.1085 17.9713C13.6798 19.6746 10.9468 20.5578 8.45513 20.5584C5.9672 20.5589 3.60706 19.6665 2.19075 17.6851C0.774446 15.7036 0.708677 13.2021 1.53559 10.8778Z",
-							"fill": "#1041F3"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Chatglm"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "mask",
+        "attributes": {
+          "id": "mask0_8587_60212",
+          "style": "mask-type:luminance",
+          "maskUnits": "userSpaceOnUse",
+          "x": "1",
+          "y": "2",
+          "width": "23",
+          "height": "21"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M23.8 2H1V22.4H23.8V2Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "mask": "url(#mask0_8587_60212)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.86378 14.4544C3.86378 13.0981 4.67438 11.737 6.25923 10.6634C7.83827 9.59364 10.0864 8.89368 12.6282 8.89368C15.17 8.89368 17.4182 9.59364 18.9972 10.6634C19.7966 11.2049 20.399 11.8196 20.7998 12.4699C21.2873 11.5802 21.4969 10.6351 21.3835 9.69252C21.3759 9.62928 21.3824 9.56766 21.4005 9.5106C21.0758 9.21852 20.7259 8.94624 20.3558 8.69556C18.3272 7.32126 15.5915 6.50964 12.6282 6.50964C9.66497 6.50964 6.92918 7.32126 4.90058 8.69556C2.8778 10.0659 1.45703 12.0812 1.45703 14.4544C1.45703 16.8275 2.8778 18.8428 4.90058 20.2132C6.92918 21.5875 9.66497 22.3991 12.6282 22.3991C15.5915 22.3991 18.3272 21.5875 20.3558 20.2132C22.3786 18.8428 23.7994 16.8275 23.7994 14.4544C23.7994 12.9455 23.225 11.5813 22.2868 10.4355C22.2377 11.4917 21.8621 12.5072 21.238 13.43C21.3409 13.7686 21.3926 14.1116 21.3926 14.4544C21.3926 15.8107 20.582 17.1717 18.9972 18.2453C17.4182 19.3151 15.17 20.015 12.6282 20.015C10.0864 20.015 7.83827 19.3151 6.25923 18.2453C4.67438 17.1717 3.86378 15.8107 3.86378 14.4544Z",
+              "fill": "#3762FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.84445 11.6838C3.20239 13.4885 3.35368 15.1156 4.18868 16.2838C5.02368 17.452 6.52281 18.1339 8.45459 18.1334C10.3826 18.133 12.6296 17.44 14.6939 15.9922C16.7581 14.5444 18.1643 12.6753 18.8052 10.8739C19.4473 9.0692 19.2959 7.44206 18.461 6.27392C17.626 5.10572 16.1269 4.42389 14.1951 4.42431C12.267 4.42475 10.0201 5.11774 7.95575 6.56552C5.89152 8.01332 4.48529 9.8825 3.84445 11.6838ZM1.53559 10.8778C2.36374 8.55002 4.11254 6.28976 6.54117 4.58645C8.96981 2.88312 11.7029 1.99995 14.1945 1.99939C16.6825 1.99884 19.0426 2.8912 20.4589 4.87263C21.8752 6.85406 21.941 9.35564 21.1141 11.6799C20.2859 14.0077 18.5371 16.2679 16.1085 17.9713C13.6798 19.6746 10.9468 20.5578 8.45513 20.5584C5.9672 20.5589 3.60706 19.6665 2.19075 17.6851C0.774446 15.7036 0.708677 13.2021 1.53559 10.8778Z",
+              "fill": "#1041F3"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Chatglm"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Chatglm.tsx b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
index 6c2d36fe14..3d570213e4 100644
--- a/web/app/components/base/icons/src/public/llm/Chatglm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Chatglm.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Chatglm.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/ChatglmText.json b/web/app/components/base/icons/src/public/llm/ChatglmText.json
index 1fe28ea749..8be53f05c2 100644
--- a/web/app/components/base/icons/src/public/llm/ChatglmText.json
+++ b/web/app/components/base/icons/src/public/llm/ChatglmText.json
@@ -1,135 +1,135 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "100",
-			"height": "24",
-			"viewBox": "0 0 100 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M56.5415 9.49683C56.3371 9.38235 56.1222 9.28491 55.8984 9.20565C55.4497 9.04653 54.9672 8.95911 54.4654 8.95911C52.0893 8.95911 50.1562 10.9044 50.1562 13.2955C50.1562 15.6867 52.0893 17.6313 54.4654 17.6313C54.9672 17.6313 55.4497 17.5438 55.8984 17.3847C55.9178 17.3778 55.9378 17.3703 55.9572 17.3627C57.2065 16.8986 58.1845 15.8659 58.582 14.5785V12.0125C58.2489 10.9333 57.5083 10.0333 56.5415 9.49683ZM55.9578 13.9446C55.9397 13.986 55.9197 14.0269 55.8991 14.0665C55.6247 14.5804 55.0854 14.9307 54.466 14.9307C53.5698 14.9307 52.8411 14.1973 52.8411 13.2955C52.8411 12.3936 53.5698 11.6603 54.466 11.6603C55.0854 11.6603 55.6241 12.01 55.8991 12.5244C55.9203 12.5647 55.9403 12.6049 55.9578 12.6471C56.0434 12.8458 56.0909 13.0653 56.0909 13.2955C56.0909 13.5257 56.0434 13.7452 55.9578 13.9446Z",
-					"fill": "#1A2029"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M58.6419 9.49683V17.596H55.959V13.9445C56.0446 13.7458 56.0921 13.5256 56.0921 13.2955C56.0921 13.0653 56.0446 12.8458 55.959 12.6471V9.49683H58.6419Z",
-					"fill": "#1A2029"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M63.4475 7.46912H60.7637V17.6142H63.4475V7.46912Z",
-					"fill": "#1A2029"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M64.8417 9.49683H59.3789V12.1974H64.3659C64.3587 12.0773 64.3545 11.9559 64.3545 11.8339C64.3545 11.0031 64.5285 10.2125 64.8417 9.49683Z",
-					"fill": "#1A2029"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M35.3555 14.908C34.2412 14.908 33.2644 14.3087 32.7257 13.4137C32.4444 12.947 32.2832 12.3999 32.2832 11.8163C32.2832 11.2326 32.4444 10.6849 32.7257 10.2188C33.2644 9.32448 34.2412 8.72448 35.3555 8.72448C36.4699 8.72448 37.4461 9.32388 37.9847 10.2188L40.2809 8.82324C39.2716 7.14714 37.441 6.02454 35.3555 6.02454C33.27 6.02454 31.4388 7.14714 30.4296 8.82324C29.9027 9.69744 29.5996 10.7219 29.5996 11.8169C29.5996 12.9118 29.9027 13.9363 30.4296 14.8105C31.4388 16.4866 33.2694 17.6092 35.3555 17.6092C37.4417 17.6092 39.2716 16.4866 40.2809 14.8105L37.9847 13.415C37.4461 14.3093 36.4692 14.9093 35.3555 14.9093V14.908Z",
-					"fill": "#1A2029"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M79.4097 14.9232H85.1781V17.6237H77.5179V17.6124H76.7265V6.04407H79.4097V14.9232ZM96.7581 6.04971H93.8625L91.4631 10.1371L89.0631 6.04971H86.0763V17.6181H88.7601V10.5352L91.4637 15.1389L94.0749 10.6918V17.6181H96.7581V6.12141V6.04971ZM70.7661 13.2169H73.1445V13.9779C72.5841 14.581 71.7867 14.959 70.9023 14.959C70.0179 14.959 69.2121 14.5773 68.6511 13.9691C68.5089 13.815 68.3811 13.6458 68.2725 13.4647C67.9911 12.998 67.8297 12.4509 67.8297 11.8672C67.8297 11.2836 67.9911 10.7358 68.2725 10.2697C68.8113 9.37545 69.7881 8.77545 70.9023 8.77545C71.7087 8.77545 72.4425 9.08931 72.9909 9.60249L74.8881 7.69311C73.8537 6.69123 72.4479 6.07491 70.9023 6.07491C68.8161 6.07491 66.9855 7.19751 65.9763 8.87355C65.4495 9.74775 65.1465 10.7723 65.1465 11.8672C65.1465 12.9622 65.4495 13.9867 65.9763 14.8609C66.1983 15.2288 66.4587 15.5703 66.7539 15.8791C67.8027 16.9765 69.2751 17.6596 70.9029 17.6596C72.9885 17.6596 74.8191 16.537 75.8283 14.8609V10.5175H70.7661V13.2181V13.2169Z",
-					"fill": "#1A2029"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M49.4752 12.5477V17.6174H46.7954V13.1156C46.7954 12.2603 46.106 11.5666 45.2561 11.5666C44.4061 11.5666 43.7168 12.2597 43.7168 13.1156V17.6174H41.0332V6H43.7168V9.8811C44.3343 9.3333 45.1473 9.00186 46.0373 9.00942C47.9484 9.02514 49.4752 10.6244 49.4752 12.5477Z",
-					"fill": "#1A2029"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "mask",
-				"attributes": {
-					"id": "mask0_8587_60467",
-					"style": "mask-type:luminance",
-					"maskUnits": "userSpaceOnUse",
-					"x": "2",
-					"y": "1",
-					"width": "23",
-					"height": "22"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M24.8 1.80005H2V22.2H24.8V1.80005Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"mask": "url(#mask0_8587_60467)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M4.86378 14.2544C4.86378 12.8981 5.67438 11.5371 7.25923 10.4634C8.83827 9.39369 11.0864 8.69373 13.6282 8.69373C16.17 8.69373 18.4182 9.39369 19.9972 10.4634C20.7966 11.005 21.399 11.6196 21.7998 12.27C22.2873 11.3803 22.4969 10.4351 22.3835 9.49257C22.3759 9.42933 22.3824 9.36771 22.4005 9.31065C22.0758 9.01857 21.7259 8.74629 21.3558 8.49561C19.3272 7.12131 16.5915 6.30969 13.6282 6.30969C10.665 6.30969 7.92918 7.12131 5.90058 8.49561C3.8778 9.86595 2.45703 11.8813 2.45703 14.2544C2.45703 16.6275 3.8778 18.6429 5.90058 20.0132C7.92918 21.3875 10.665 22.1991 13.6282 22.1991C16.5915 22.1991 19.3272 21.3875 21.3558 20.0132C23.3786 18.6429 24.7994 16.6275 24.7994 14.2544C24.7994 12.7455 24.225 11.3813 23.2868 10.2356C23.2377 11.2918 22.8621 12.3073 22.238 13.2301C22.3409 13.5687 22.3926 13.9117 22.3926 14.2544C22.3926 15.6107 21.582 16.9718 19.9972 18.0454C18.4182 19.1151 16.17 19.8151 13.6282 19.8151C11.0864 19.8151 8.83827 19.1151 7.25923 18.0454C5.67438 16.9718 4.86378 15.6107 4.86378 14.2544Z",
-							"fill": "#3762FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M4.84445 11.4838C4.20239 13.2886 4.35368 14.9157 5.18868 16.0839C6.02368 17.2521 7.52281 17.9339 9.45459 17.9334C11.3826 17.933 13.6296 17.24 15.6939 15.7923C17.7581 14.3445 19.1643 12.4753 19.8052 10.674C20.4473 8.86925 20.2959 7.24211 19.461 6.07397C18.626 4.90576 17.1269 4.22394 15.1951 4.22436C13.267 4.22479 11.0201 4.91779 8.95575 6.36557C6.89152 7.81337 5.48529 9.68255 4.84445 11.4838ZM2.53559 10.6778C3.36374 8.35007 5.11254 6.08981 7.54117 4.3865C9.96981 2.68317 12.7029 1.8 15.1945 1.79944C17.6825 1.79889 20.0426 2.69125 21.4589 4.67268C22.8752 6.65411 22.941 9.15569 22.1141 11.48C21.2859 13.8077 19.5371 16.068 17.1085 17.7713C14.6798 19.4747 11.9468 20.3579 9.45513 20.3584C6.9672 20.3589 4.60706 19.4666 3.19075 17.4851C1.77445 15.5037 1.70868 13.0022 2.53559 10.6778Z",
-							"fill": "#1041F3"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ChatglmText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "100",
+      "height": "24",
+      "viewBox": "0 0 100 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M56.5415 9.49683C56.3371 9.38235 56.1222 9.28491 55.8984 9.20565C55.4497 9.04653 54.9672 8.95911 54.4654 8.95911C52.0893 8.95911 50.1562 10.9044 50.1562 13.2955C50.1562 15.6867 52.0893 17.6313 54.4654 17.6313C54.9672 17.6313 55.4497 17.5438 55.8984 17.3847C55.9178 17.3778 55.9378 17.3703 55.9572 17.3627C57.2065 16.8986 58.1845 15.8659 58.582 14.5785V12.0125C58.2489 10.9333 57.5083 10.0333 56.5415 9.49683ZM55.9578 13.9446C55.9397 13.986 55.9197 14.0269 55.8991 14.0665C55.6247 14.5804 55.0854 14.9307 54.466 14.9307C53.5698 14.9307 52.8411 14.1973 52.8411 13.2955C52.8411 12.3936 53.5698 11.6603 54.466 11.6603C55.0854 11.6603 55.6241 12.01 55.8991 12.5244C55.9203 12.5647 55.9403 12.6049 55.9578 12.6471C56.0434 12.8458 56.0909 13.0653 56.0909 13.2955C56.0909 13.5257 56.0434 13.7452 55.9578 13.9446Z",
+          "fill": "#1A2029"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M58.6419 9.49683V17.596H55.959V13.9445C56.0446 13.7458 56.0921 13.5256 56.0921 13.2955C56.0921 13.0653 56.0446 12.8458 55.959 12.6471V9.49683H58.6419Z",
+          "fill": "#1A2029"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M63.4475 7.46912H60.7637V17.6142H63.4475V7.46912Z",
+          "fill": "#1A2029"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M64.8417 9.49683H59.3789V12.1974H64.3659C64.3587 12.0773 64.3545 11.9559 64.3545 11.8339C64.3545 11.0031 64.5285 10.2125 64.8417 9.49683Z",
+          "fill": "#1A2029"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M35.3555 14.908C34.2412 14.908 33.2644 14.3087 32.7257 13.4137C32.4444 12.947 32.2832 12.3999 32.2832 11.8163C32.2832 11.2326 32.4444 10.6849 32.7257 10.2188C33.2644 9.32448 34.2412 8.72448 35.3555 8.72448C36.4699 8.72448 37.4461 9.32388 37.9847 10.2188L40.2809 8.82324C39.2716 7.14714 37.441 6.02454 35.3555 6.02454C33.27 6.02454 31.4388 7.14714 30.4296 8.82324C29.9027 9.69744 29.5996 10.7219 29.5996 11.8169C29.5996 12.9118 29.9027 13.9363 30.4296 14.8105C31.4388 16.4866 33.2694 17.6092 35.3555 17.6092C37.4417 17.6092 39.2716 16.4866 40.2809 14.8105L37.9847 13.415C37.4461 14.3093 36.4692 14.9093 35.3555 14.9093V14.908Z",
+          "fill": "#1A2029"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M79.4097 14.9232H85.1781V17.6237H77.5179V17.6124H76.7265V6.04407H79.4097V14.9232ZM96.7581 6.04971H93.8625L91.4631 10.1371L89.0631 6.04971H86.0763V17.6181H88.7601V10.5352L91.4637 15.1389L94.0749 10.6918V17.6181H96.7581V6.12141V6.04971ZM70.7661 13.2169H73.1445V13.9779C72.5841 14.581 71.7867 14.959 70.9023 14.959C70.0179 14.959 69.2121 14.5773 68.6511 13.9691C68.5089 13.815 68.3811 13.6458 68.2725 13.4647C67.9911 12.998 67.8297 12.4509 67.8297 11.8672C67.8297 11.2836 67.9911 10.7358 68.2725 10.2697C68.8113 9.37545 69.7881 8.77545 70.9023 8.77545C71.7087 8.77545 72.4425 9.08931 72.9909 9.60249L74.8881 7.69311C73.8537 6.69123 72.4479 6.07491 70.9023 6.07491C68.8161 6.07491 66.9855 7.19751 65.9763 8.87355C65.4495 9.74775 65.1465 10.7723 65.1465 11.8672C65.1465 12.9622 65.4495 13.9867 65.9763 14.8609C66.1983 15.2288 66.4587 15.5703 66.7539 15.8791C67.8027 16.9765 69.2751 17.6596 70.9029 17.6596C72.9885 17.6596 74.8191 16.537 75.8283 14.8609V10.5175H70.7661V13.2181V13.2169Z",
+          "fill": "#1A2029"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M49.4752 12.5477V17.6174H46.7954V13.1156C46.7954 12.2603 46.106 11.5666 45.2561 11.5666C44.4061 11.5666 43.7168 12.2597 43.7168 13.1156V17.6174H41.0332V6H43.7168V9.8811C44.3343 9.3333 45.1473 9.00186 46.0373 9.00942C47.9484 9.02514 49.4752 10.6244 49.4752 12.5477Z",
+          "fill": "#1A2029"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "mask",
+        "attributes": {
+          "id": "mask0_8587_60467",
+          "style": "mask-type:luminance",
+          "maskUnits": "userSpaceOnUse",
+          "x": "2",
+          "y": "1",
+          "width": "23",
+          "height": "22"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M24.8 1.80005H2V22.2H24.8V1.80005Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "mask": "url(#mask0_8587_60467)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M4.86378 14.2544C4.86378 12.8981 5.67438 11.5371 7.25923 10.4634C8.83827 9.39369 11.0864 8.69373 13.6282 8.69373C16.17 8.69373 18.4182 9.39369 19.9972 10.4634C20.7966 11.005 21.399 11.6196 21.7998 12.27C22.2873 11.3803 22.4969 10.4351 22.3835 9.49257C22.3759 9.42933 22.3824 9.36771 22.4005 9.31065C22.0758 9.01857 21.7259 8.74629 21.3558 8.49561C19.3272 7.12131 16.5915 6.30969 13.6282 6.30969C10.665 6.30969 7.92918 7.12131 5.90058 8.49561C3.8778 9.86595 2.45703 11.8813 2.45703 14.2544C2.45703 16.6275 3.8778 18.6429 5.90058 20.0132C7.92918 21.3875 10.665 22.1991 13.6282 22.1991C16.5915 22.1991 19.3272 21.3875 21.3558 20.0132C23.3786 18.6429 24.7994 16.6275 24.7994 14.2544C24.7994 12.7455 24.225 11.3813 23.2868 10.2356C23.2377 11.2918 22.8621 12.3073 22.238 13.2301C22.3409 13.5687 22.3926 13.9117 22.3926 14.2544C22.3926 15.6107 21.582 16.9718 19.9972 18.0454C18.4182 19.1151 16.17 19.8151 13.6282 19.8151C11.0864 19.8151 8.83827 19.1151 7.25923 18.0454C5.67438 16.9718 4.86378 15.6107 4.86378 14.2544Z",
+              "fill": "#3762FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M4.84445 11.4838C4.20239 13.2886 4.35368 14.9157 5.18868 16.0839C6.02368 17.2521 7.52281 17.9339 9.45459 17.9334C11.3826 17.933 13.6296 17.24 15.6939 15.7923C17.7581 14.3445 19.1643 12.4753 19.8052 10.674C20.4473 8.86925 20.2959 7.24211 19.461 6.07397C18.626 4.90576 17.1269 4.22394 15.1951 4.22436C13.267 4.22479 11.0201 4.91779 8.95575 6.36557C6.89152 7.81337 5.48529 9.68255 4.84445 11.4838ZM2.53559 10.6778C3.36374 8.35007 5.11254 6.08981 7.54117 4.3865C9.96981 2.68317 12.7029 1.8 15.1945 1.79944C17.6825 1.79889 20.0426 2.69125 21.4589 4.67268C22.8752 6.65411 22.941 9.15569 22.1141 11.48C21.2859 13.8077 19.5371 16.068 17.1085 17.7713C14.6798 19.4747 11.9468 20.3579 9.45513 20.3584C6.9672 20.3589 4.60706 19.4666 3.19075 17.4851C1.77445 15.5037 1.70868 13.0022 2.53559 10.6778Z",
+              "fill": "#1041F3"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChatglmText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
index 868cc77fd0..ce52e6b379 100644
--- a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChatglmText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChatglmText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Cohere.json b/web/app/components/base/icons/src/public/llm/Cohere.json
index 70628917da..766b3aff98 100644
--- a/web/app/components/base/icons/src/public/llm/Cohere.json
+++ b/web/app/components/base/icons/src/public/llm/Cohere.json
@@ -1,112 +1,112 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "22",
-			"height": "22",
-			"viewBox": "0 0 22 22",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Clip path group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_13224_9519",
-							"style": "mask-type:luminance",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "0",
-							"width": "22",
-							"height": "22"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "clip0_2207_90691"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector",
-											"d": "M21.5 0.5H0.5V21.5H21.5V0.5Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_13224_9519)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_2",
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M7.30367 13.0035C7.8689 13.0035 8.99327 12.9725 10.5474 12.3326C12.3585 11.587 15.9617 10.2334 18.561 8.84305C20.3788 7.8706 21.1757 6.58448 21.1757 4.85248C21.1757 2.44869 19.2271 0.5 16.8233 0.5H6.75176C3.299 0.5 0.5 3.299 0.5 6.75176C0.5 10.2045 3.12069 13.0035 7.30367 13.0035Z",
-											"fill": "#39594D"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_3",
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M9.00732 17.3086C9.00732 15.6162 10.0262 14.0902 11.5894 13.4414L14.7612 12.1251C17.9694 10.7936 21.5006 13.1513 21.5006 16.6249C21.5006 19.316 19.3185 21.4974 16.6273 21.4967L13.1933 21.4958C10.8813 21.4952 9.00732 19.6207 9.00732 17.3086Z",
-											"fill": "#D18EE2"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_4",
-											"d": "M4.10396 13.8277C2.11358 13.8277 0.5 15.4411 0.5 17.4315V17.8984C0.5 19.8887 2.11352 21.5022 4.1039 21.5022C6.09428 21.5022 7.70785 19.8887 7.70785 17.8984V17.4315C7.70785 15.4411 6.09434 13.8277 4.10396 13.8277Z",
-											"fill": "#FF7759"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Cohere"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "22",
+      "height": "22",
+      "viewBox": "0 0 22 22",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Clip path group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_13224_9519",
+              "style": "mask-type:luminance",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "0",
+              "width": "22",
+              "height": "22"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "clip0_2207_90691"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector",
+                      "d": "M21.5 0.5H0.5V21.5H21.5V0.5Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_13224_9519)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_2",
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M7.30367 13.0035C7.8689 13.0035 8.99327 12.9725 10.5474 12.3326C12.3585 11.587 15.9617 10.2334 18.561 8.84305C20.3788 7.8706 21.1757 6.58448 21.1757 4.85248C21.1757 2.44869 19.2271 0.5 16.8233 0.5H6.75176C3.299 0.5 0.5 3.299 0.5 6.75176C0.5 10.2045 3.12069 13.0035 7.30367 13.0035Z",
+                      "fill": "#39594D"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_3",
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M9.00732 17.3086C9.00732 15.6162 10.0262 14.0902 11.5894 13.4414L14.7612 12.1251C17.9694 10.7936 21.5006 13.1513 21.5006 16.6249C21.5006 19.316 19.3185 21.4974 16.6273 21.4967L13.1933 21.4958C10.8813 21.4952 9.00732 19.6207 9.00732 17.3086Z",
+                      "fill": "#D18EE2"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_4",
+                      "d": "M4.10396 13.8277C2.11358 13.8277 0.5 15.4411 0.5 17.4315V17.8984C0.5 19.8887 2.11352 21.5022 4.1039 21.5022C6.09428 21.5022 7.70785 19.8887 7.70785 17.8984V17.4315C7.70785 15.4411 6.09434 13.8277 4.10396 13.8277Z",
+                      "fill": "#FF7759"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Cohere"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Cohere.tsx b/web/app/components/base/icons/src/public/llm/Cohere.tsx
index 68d4248a4f..8509a3c642 100644
--- a/web/app/components/base/icons/src/public/llm/Cohere.tsx
+++ b/web/app/components/base/icons/src/public/llm/Cohere.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Cohere.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Cohere.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/CohereText.json b/web/app/components/base/icons/src/public/llm/CohereText.json
index 89657ccac6..aa7c823860 100644
--- a/web/app/components/base/icons/src/public/llm/CohereText.json
+++ b/web/app/components/base/icons/src/public/llm/CohereText.json
@@ -1,90 +1,90 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "120",
-			"height": "24",
-			"viewBox": "0 0 120 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M34.4917 21.9129C37.4378 21.9129 40.0162 20.4398 41.0355 17.4656C41.2334 16.8701 40.9496 16.4743 40.384 16.4743H39.2787C38.7689 16.4743 38.4292 16.7002 38.2013 17.1818C37.3239 18.9108 36.1047 19.5324 34.5757 19.5324C31.8553 19.5324 30.1844 17.6335 30.1844 14.4616C30.1844 11.2896 31.9133 9.39083 34.5177 9.39083C36.1046 9.39083 37.4079 10.0704 38.2293 11.6854C38.4852 12.1671 38.795 12.3929 39.3067 12.3929H40.412C40.9776 12.3929 41.2614 12.0251 41.0635 11.4855C39.8742 8.25556 37.2099 7.01035 34.4917 7.01035C30.3843 7.01035 27.3242 10.0424 27.3242 14.4616C27.3242 18.8808 30.2424 21.9129 34.4917 21.9129ZM108.627 13.1584C108.995 10.75 110.638 9.24892 112.876 9.24892C115.115 9.24892 116.786 10.7779 116.983 13.1584H108.627ZM112.99 21.9129C115.596 21.9129 118.203 20.6956 119.478 17.9474C119.79 17.2958 119.506 16.8421 118.94 16.8421H117.892C117.383 16.8421 117.071 17.0679 116.816 17.5216C115.966 19.0227 114.493 19.6463 112.992 19.6463C110.414 19.6463 108.743 17.8894 108.545 15.0292H118.943C119.508 15.0292 119.878 14.7174 119.878 14.1219C119.764 9.67465 116.876 7.01235 112.88 7.01235C108.885 7.01235 105.713 9.90251 105.713 14.4636C105.713 19.0247 108.801 21.9148 112.994 21.9148L112.99 21.9129ZM96.5025 14.8313H97.4378C98.0035 14.8313 98.3152 14.5196 98.4012 13.9239C98.9409 10.0964 101.182 9.5887 103.564 9.70264C104.074 9.72661 104.491 9.33487 104.491 8.82319V7.94575C104.491 7.38012 104.208 7.03833 103.642 7.01035C101.533 6.9304 99.6525 7.65393 98.5651 9.70264C98.5052 9.81455 98.3373 9.78458 98.3233 9.65866L98.1474 8.11365C98.0915 7.54801 97.7796 7.26418 97.212 7.26418H92.9347C92.435 7.26418 92.0272 7.66993 92.0272 8.17161V8.6533C92.0272 9.15298 92.433 9.56072 92.9347 9.56072H94.6916C95.1912 9.56072 95.599 9.96646 95.599 10.4681V13.9239C95.599 14.4236 96.0048 14.8313 96.5064 14.8313H96.5025ZM92.6788 21.631H101.545C102.111 21.631 102.453 21.2913 102.453 20.7236V20.2418C102.453 19.6762 102.113 19.3345 101.545 19.3345H99.2787C98.7131 19.3345 98.3712 18.9947 98.3712 18.4271V16.8681C98.3712 16.3024 98.0315 15.9606 97.4638 15.9606H96.5005C95.9348 15.9606 95.593 16.3004 95.593 16.8681V18.4271C95.593 18.9927 95.2532 19.3345 94.6856 19.3345H92.6749C92.1092 19.3345 91.7674 19.6743 91.7674 20.2418V20.7236C91.7674 21.2893 92.1073 21.631 92.6749 21.631H92.6788ZM78.9955 13.1604C79.3633 10.752 81.0062 9.25092 83.2449 9.25092C85.4834 9.25092 87.1544 10.7799 87.3522 13.1604H78.9955ZM83.3587 21.9148C85.9651 21.9148 88.5714 20.6977 89.8466 17.9493C90.1585 17.2978 89.8746 16.844 89.309 16.844H88.2617C87.7519 16.844 87.4402 17.0699 87.1844 17.5236C86.3349 19.0247 84.8618 19.6482 83.3607 19.6482C80.7824 19.6482 79.1115 17.8914 78.9136 15.0313H89.311C89.8766 15.0313 90.2464 14.7194 90.2464 14.1238C90.1324 9.67665 87.2443 7.01434 83.2488 7.01434C79.2533 7.01434 76.0814 9.9045 76.0814 14.4656C76.0814 19.0266 79.1694 21.9168 83.3628 21.9168L83.3587 21.9148ZM50.5835 21.9148C54.8329 21.9148 57.8649 18.7708 57.8649 14.4636C57.8649 10.1563 54.8329 7.01235 50.5835 7.01235C46.3342 7.01235 43.3022 10.2143 43.3022 14.4636C43.3022 15.455 43.472 16.5602 43.9816 17.7775C44.2375 18.3731 44.7192 18.4571 45.2289 18.0892L46.0504 17.4936C46.4761 17.1818 46.588 16.8141 46.4461 16.2765C46.2202 15.5689 46.1623 14.9453 46.1623 14.4076C46.1623 11.4335 47.9472 9.39283 50.5815 9.39283C53.2159 9.39283 55.0007 11.4035 55.0007 14.4636C55.0007 17.5236 53.2439 19.5344 50.6375 19.5344C49.7301 19.5344 48.8806 19.3645 47.8612 18.5989C47.4355 18.2592 47.0397 18.2032 46.586 18.5429L45.9624 18.9967C45.4527 19.3645 45.3968 19.8741 45.8764 20.2718C47.3496 21.4611 49.0485 21.9148 50.5795 21.9148H50.5835ZM61.4606 21.631H62.3961C62.8957 21.631 63.3035 21.2252 63.3035 20.7236V13.9539C63.3035 11.0937 64.8324 9.39283 67.213 9.39283C69.3656 9.39283 70.6128 10.8099 70.6128 13.4163V20.7255C70.6128 21.2252 71.0186 21.633 71.5203 21.633H72.4836C72.9833 21.633 73.391 21.2272 73.391 20.7255V12.9625C73.391 9.13899 71.4363 7.01434 68.1224 7.01434C65.8659 7.01434 64.5327 7.93776 63.5373 9.22294C63.4613 9.32088 63.3075 9.26691 63.3075 9.14499V2.99092C63.3014 2.48924 62.8957 2.0835 62.3961 2.0835H61.4606C60.9609 2.0835 60.5532 2.48924 60.5532 2.99092V20.7236C60.5532 21.2232 60.959 21.631 61.4606 21.631Z",
-					"fill": "#39594D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "mask",
-				"attributes": {
-					"id": "mask0_13223_52628",
-					"style": "mask-type:luminance",
-					"maskUnits": "userSpaceOnUse",
-					"x": "1",
-					"y": "2",
-					"width": "20",
-					"height": "20"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M20.8354 2.08319H1.00195V21.9165H20.8354V2.08319Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"mask": "url(#mask0_13223_52628)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M7.42768 13.8921C7.96151 13.8921 9.02342 13.8628 10.4912 13.2585C12.2017 12.5542 15.6047 11.2758 18.0597 9.96274C19.7765 9.04432 20.5291 7.82964 20.5291 6.19387C20.5291 3.92362 18.6887 2.08319 16.4185 2.08319H6.90643C3.64547 2.08319 1.00195 4.72669 1.00195 7.98763C1.00195 11.2486 3.47706 13.8921 7.42768 13.8921Z",
-							"fill": "#39594D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M9.03711 17.958C9.03711 16.3596 9.99942 14.9184 11.4758 14.3057L14.4713 13.0625C17.5013 11.805 20.8364 14.0316 20.8364 17.3123C20.8364 19.8539 18.7755 21.9141 16.2338 21.9134L12.9906 21.9126C10.807 21.912 9.03711 20.1417 9.03711 17.958Z",
-							"fill": "#D18EE2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4.40571 14.6705C2.5259 14.6705 1.00195 16.1943 1.00195 18.0741V18.515C1.00195 20.3947 2.52584 21.9186 4.40565 21.9186C6.28547 21.9186 7.80941 20.3947 7.80941 18.515V18.0741C7.80941 16.1943 6.28552 14.6705 4.40571 14.6705Z",
-							"fill": "#FF7759"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "CohereText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "120",
+      "height": "24",
+      "viewBox": "0 0 120 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M34.4917 21.9129C37.4378 21.9129 40.0162 20.4398 41.0355 17.4656C41.2334 16.8701 40.9496 16.4743 40.384 16.4743H39.2787C38.7689 16.4743 38.4292 16.7002 38.2013 17.1818C37.3239 18.9108 36.1047 19.5324 34.5757 19.5324C31.8553 19.5324 30.1844 17.6335 30.1844 14.4616C30.1844 11.2896 31.9133 9.39083 34.5177 9.39083C36.1046 9.39083 37.4079 10.0704 38.2293 11.6854C38.4852 12.1671 38.795 12.3929 39.3067 12.3929H40.412C40.9776 12.3929 41.2614 12.0251 41.0635 11.4855C39.8742 8.25556 37.2099 7.01035 34.4917 7.01035C30.3843 7.01035 27.3242 10.0424 27.3242 14.4616C27.3242 18.8808 30.2424 21.9129 34.4917 21.9129ZM108.627 13.1584C108.995 10.75 110.638 9.24892 112.876 9.24892C115.115 9.24892 116.786 10.7779 116.983 13.1584H108.627ZM112.99 21.9129C115.596 21.9129 118.203 20.6956 119.478 17.9474C119.79 17.2958 119.506 16.8421 118.94 16.8421H117.892C117.383 16.8421 117.071 17.0679 116.816 17.5216C115.966 19.0227 114.493 19.6463 112.992 19.6463C110.414 19.6463 108.743 17.8894 108.545 15.0292H118.943C119.508 15.0292 119.878 14.7174 119.878 14.1219C119.764 9.67465 116.876 7.01235 112.88 7.01235C108.885 7.01235 105.713 9.90251 105.713 14.4636C105.713 19.0247 108.801 21.9148 112.994 21.9148L112.99 21.9129ZM96.5025 14.8313H97.4378C98.0035 14.8313 98.3152 14.5196 98.4012 13.9239C98.9409 10.0964 101.182 9.5887 103.564 9.70264C104.074 9.72661 104.491 9.33487 104.491 8.82319V7.94575C104.491 7.38012 104.208 7.03833 103.642 7.01035C101.533 6.9304 99.6525 7.65393 98.5651 9.70264C98.5052 9.81455 98.3373 9.78458 98.3233 9.65866L98.1474 8.11365C98.0915 7.54801 97.7796 7.26418 97.212 7.26418H92.9347C92.435 7.26418 92.0272 7.66993 92.0272 8.17161V8.6533C92.0272 9.15298 92.433 9.56072 92.9347 9.56072H94.6916C95.1912 9.56072 95.599 9.96646 95.599 10.4681V13.9239C95.599 14.4236 96.0048 14.8313 96.5064 14.8313H96.5025ZM92.6788 21.631H101.545C102.111 21.631 102.453 21.2913 102.453 20.7236V20.2418C102.453 19.6762 102.113 19.3345 101.545 19.3345H99.2787C98.7131 19.3345 98.3712 18.9947 98.3712 18.4271V16.8681C98.3712 16.3024 98.0315 15.9606 97.4638 15.9606H96.5005C95.9348 15.9606 95.593 16.3004 95.593 16.8681V18.4271C95.593 18.9927 95.2532 19.3345 94.6856 19.3345H92.6749C92.1092 19.3345 91.7674 19.6743 91.7674 20.2418V20.7236C91.7674 21.2893 92.1073 21.631 92.6749 21.631H92.6788ZM78.9955 13.1604C79.3633 10.752 81.0062 9.25092 83.2449 9.25092C85.4834 9.25092 87.1544 10.7799 87.3522 13.1604H78.9955ZM83.3587 21.9148C85.9651 21.9148 88.5714 20.6977 89.8466 17.9493C90.1585 17.2978 89.8746 16.844 89.309 16.844H88.2617C87.7519 16.844 87.4402 17.0699 87.1844 17.5236C86.3349 19.0247 84.8618 19.6482 83.3607 19.6482C80.7824 19.6482 79.1115 17.8914 78.9136 15.0313H89.311C89.8766 15.0313 90.2464 14.7194 90.2464 14.1238C90.1324 9.67665 87.2443 7.01434 83.2488 7.01434C79.2533 7.01434 76.0814 9.9045 76.0814 14.4656C76.0814 19.0266 79.1694 21.9168 83.3628 21.9168L83.3587 21.9148ZM50.5835 21.9148C54.8329 21.9148 57.8649 18.7708 57.8649 14.4636C57.8649 10.1563 54.8329 7.01235 50.5835 7.01235C46.3342 7.01235 43.3022 10.2143 43.3022 14.4636C43.3022 15.455 43.472 16.5602 43.9816 17.7775C44.2375 18.3731 44.7192 18.4571 45.2289 18.0892L46.0504 17.4936C46.4761 17.1818 46.588 16.8141 46.4461 16.2765C46.2202 15.5689 46.1623 14.9453 46.1623 14.4076C46.1623 11.4335 47.9472 9.39283 50.5815 9.39283C53.2159 9.39283 55.0007 11.4035 55.0007 14.4636C55.0007 17.5236 53.2439 19.5344 50.6375 19.5344C49.7301 19.5344 48.8806 19.3645 47.8612 18.5989C47.4355 18.2592 47.0397 18.2032 46.586 18.5429L45.9624 18.9967C45.4527 19.3645 45.3968 19.8741 45.8764 20.2718C47.3496 21.4611 49.0485 21.9148 50.5795 21.9148H50.5835ZM61.4606 21.631H62.3961C62.8957 21.631 63.3035 21.2252 63.3035 20.7236V13.9539C63.3035 11.0937 64.8324 9.39283 67.213 9.39283C69.3656 9.39283 70.6128 10.8099 70.6128 13.4163V20.7255C70.6128 21.2252 71.0186 21.633 71.5203 21.633H72.4836C72.9833 21.633 73.391 21.2272 73.391 20.7255V12.9625C73.391 9.13899 71.4363 7.01434 68.1224 7.01434C65.8659 7.01434 64.5327 7.93776 63.5373 9.22294C63.4613 9.32088 63.3075 9.26691 63.3075 9.14499V2.99092C63.3014 2.48924 62.8957 2.0835 62.3961 2.0835H61.4606C60.9609 2.0835 60.5532 2.48924 60.5532 2.99092V20.7236C60.5532 21.2232 60.959 21.631 61.4606 21.631Z",
+          "fill": "#39594D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "mask",
+        "attributes": {
+          "id": "mask0_13223_52628",
+          "style": "mask-type:luminance",
+          "maskUnits": "userSpaceOnUse",
+          "x": "1",
+          "y": "2",
+          "width": "20",
+          "height": "20"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M20.8354 2.08319H1.00195V21.9165H20.8354V2.08319Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "mask": "url(#mask0_13223_52628)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M7.42768 13.8921C7.96151 13.8921 9.02342 13.8628 10.4912 13.2585C12.2017 12.5542 15.6047 11.2758 18.0597 9.96274C19.7765 9.04432 20.5291 7.82964 20.5291 6.19387C20.5291 3.92362 18.6887 2.08319 16.4185 2.08319H6.90643C3.64547 2.08319 1.00195 4.72669 1.00195 7.98763C1.00195 11.2486 3.47706 13.8921 7.42768 13.8921Z",
+              "fill": "#39594D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M9.03711 17.958C9.03711 16.3596 9.99942 14.9184 11.4758 14.3057L14.4713 13.0625C17.5013 11.805 20.8364 14.0316 20.8364 17.3123C20.8364 19.8539 18.7755 21.9141 16.2338 21.9134L12.9906 21.9126C10.807 21.912 9.03711 20.1417 9.03711 17.958Z",
+              "fill": "#D18EE2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4.40571 14.6705C2.5259 14.6705 1.00195 16.1943 1.00195 18.0741V18.515C1.00195 20.3947 2.52584 21.9186 4.40565 21.9186C6.28547 21.9186 7.80941 20.3947 7.80941 18.515V18.0741C7.80941 16.1943 6.28552 14.6705 4.40571 14.6705Z",
+              "fill": "#FF7759"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CohereText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/CohereText.tsx b/web/app/components/base/icons/src/public/llm/CohereText.tsx
index 1b89cc1f51..d065673e91 100644
--- a/web/app/components/base/icons/src/public/llm/CohereText.tsx
+++ b/web/app/components/base/icons/src/public/llm/CohereText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CohereText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CohereText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Gpt3.json b/web/app/components/base/icons/src/public/llm/Gpt3.json
index 383cb98d3a..474fcacfe7 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt3.json
+++ b/web/app/components/base/icons/src/public/llm/Gpt3.json
@@ -1,51 +1,51 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#19C37D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.6451 11.6028C19.8209 11.995 19.9325 12.4142 19.9781 12.8419C20.0221 13.2696 20.0001 13.7024 19.9088 14.1234C19.8192 14.5443 19.6637 14.9484 19.4473 15.3203C19.3053 15.5688 19.1379 15.8021 18.9452 16.0168C18.7542 16.2298 18.5412 16.4225 18.3096 16.5916C18.0763 16.7606 17.8278 16.9027 17.564 17.0193C17.302 17.1343 17.0281 17.2222 16.7475 17.2796C16.6156 17.6888 16.4195 18.0759 16.1659 18.4242C15.914 18.7724 15.6081 19.0784 15.2598 19.3303C14.9115 19.5839 14.5261 19.78 14.117 19.9118C13.7079 20.0454 13.2802 20.1113 12.8491 20.1113C12.5634 20.113 12.276 20.0826 11.9953 20.0251C11.7164 19.9659 11.4425 19.8763 11.1805 19.7597C10.9184 19.643 10.6699 19.4977 10.4383 19.3286C10.2084 19.1595 9.99541 18.9651 9.80606 18.7504C9.38342 18.8417 8.95064 18.8637 8.52293 18.8197C8.09522 18.7741 7.67596 18.6625 7.28206 18.4867C6.88985 18.3126 6.52638 18.0759 6.20687 17.7868C5.88735 17.4977 5.61517 17.1596 5.40047 16.7877C5.25677 16.5392 5.13843 16.2771 5.04883 16.005C4.95924 15.7328 4.90007 15.4522 4.86964 15.1665C4.83921 14.8824 4.8409 14.595 4.87133 14.3093C4.90176 14.0253 4.96431 13.7447 5.05391 13.4725C4.76651 13.153 4.52983 12.7895 4.35402 12.3973C4.17989 12.0034 4.06662 11.5859 4.02267 11.1581C3.97702 10.7304 4.00069 10.2976 4.09029 9.8767C4.17989 9.45575 4.33542 9.05171 4.55181 8.67978C4.69382 8.43127 4.86118 8.19628 5.05222 7.98327C5.24325 7.77026 5.45795 7.57754 5.68956 7.40848C5.92116 7.23943 6.17136 7.09573 6.4334 6.98077C6.69713 6.86412 6.971 6.77791 7.25163 6.72043C7.38349 6.30962 7.5796 5.92417 7.83149 5.57592C8.08508 5.22766 8.39107 4.92167 8.73932 4.66809C9.08758 4.4162 9.47302 4.22009 9.88214 4.08654C10.2913 3.95467 10.719 3.88705 11.1501 3.88874C11.4358 3.88705 11.7232 3.91579 12.0038 3.97496C12.2844 4.03413 12.5583 4.12204 12.8203 4.23869C13.0824 4.35703 13.3309 4.50072 13.5625 4.66978C13.7941 4.84053 14.0071 5.03325 14.1964 5.24795C14.6174 5.15835 15.0502 5.13637 15.4779 5.18033C15.9056 5.22428 16.3232 5.33755 16.7171 5.51168C17.1093 5.6875 17.4727 5.92248 17.7923 6.21157C18.1118 6.49896 18.384 6.83538 18.5987 7.209C18.7423 7.45582 18.8607 7.71786 18.9503 7.99173C19.0399 8.26391 19.1007 8.54454 19.1295 8.83024C19.1599 9.11595 19.1599 9.40334 19.1278 9.68905C19.0974 9.97475 19.0348 10.2554 18.9452 10.5276C19.2343 10.8471 19.4693 11.2089 19.6451 11.6028ZM14.0122 18.8197C14.3807 18.6676 14.7154 18.4428 14.9978 18.1604C15.2801 17.8781 15.5049 17.5434 15.6571 17.1731C15.8092 16.8046 15.8887 16.409 15.8887 16.01V12.2401C15.8876 12.2367 15.8864 12.2328 15.8853 12.2283C15.8842 12.2249 15.8825 12.2215 15.8802 12.2181C15.878 12.2147 15.8752 12.2119 15.8718 12.2097C15.8684 12.2063 15.865 12.204 15.8616 12.2029L14.4974 11.4151V15.9695C14.4974 16.0151 14.4906 16.0624 14.4788 16.1064C14.4669 16.152 14.45 16.1943 14.4264 16.2349C14.4027 16.2755 14.3756 16.3126 14.3418 16.3448C14.309 16.3775 14.272 16.4059 14.2319 16.4293L11.0013 18.294C10.9742 18.3109 10.9286 18.3346 10.9049 18.3481C11.0385 18.4613 11.1839 18.5611 11.336 18.649C11.4899 18.7369 11.6488 18.8113 11.8144 18.8722C11.9801 18.9313 12.1509 18.977 12.3233 19.0074C12.4974 19.0378 12.6732 19.053 12.8491 19.053C13.248 19.053 13.6436 18.9736 14.0122 18.8197ZM6.31844 16.2602C6.51962 16.6068 6.78504 16.9077 7.10117 17.1512C7.419 17.3946 7.77908 17.5721 8.16453 17.6752C8.54998 17.7784 8.95233 17.8054 9.34792 17.753C9.74351 17.7006 10.1239 17.5721 10.4705 17.3726L13.7366 15.4877L13.7451 15.4792C13.7473 15.477 13.749 15.4736 13.7501 15.4691C13.7524 15.4657 13.7541 15.4623 13.7552 15.4589V13.8698L9.81283 16.1504C9.77225 16.174 9.72999 16.1909 9.68603 16.2045C9.64039 16.2163 9.59474 16.2214 9.54741 16.2214C9.50176 16.2214 9.45612 16.2163 9.41047 16.2045C9.36652 16.1909 9.32256 16.174 9.28199 16.1504L6.05133 14.284C6.0226 14.2671 5.98033 14.2417 5.95666 14.2265C5.92623 14.4006 5.91102 14.5764 5.91102 14.7523C5.91102 14.9281 5.92792 15.1039 5.95835 15.278C5.98878 15.4505 6.03612 15.6212 6.09529 15.7869C6.15615 15.9526 6.23053 16.1115 6.31844 16.2636V16.2602ZM5.46978 9.21062C5.2703 9.55718 5.14182 9.93925 5.08941 10.3348C5.037 10.7304 5.06405 11.1311 5.16717 11.5182C5.2703 11.9037 5.44781 12.2638 5.69125 12.5816C5.93469 12.8977 6.2373 13.1631 6.58217 13.3626L9.84664 15.2493C9.85002 15.2504 9.85396 15.2515 9.85847 15.2527H9.8703C9.87481 15.2527 9.87876 15.2515 9.88214 15.2493C9.88552 15.2482 9.8889 15.2465 9.89228 15.2442L11.2616 14.453L7.31925 12.1775C7.28037 12.1539 7.24318 12.1251 7.20937 12.093C7.17661 12.0602 7.1482 12.0232 7.12484 11.9831C7.10286 11.9426 7.08427 11.9003 7.07243 11.8547C7.0606 11.8107 7.05384 11.7651 7.05553 11.7177V7.87846C6.88985 7.93932 6.72925 8.0137 6.5771 8.10161C6.42495 8.19121 6.28125 8.29265 6.14601 8.40591C6.01245 8.51918 5.88735 8.64428 5.77408 8.77953C5.66082 8.91308 5.56107 9.05847 5.47316 9.21062H5.46978ZM16.6832 11.8208C16.7238 11.8445 16.761 11.8716 16.7948 11.9054C16.8269 11.9375 16.8557 11.9747 16.8794 12.0153C16.9013 12.0558 16.9199 12.0998 16.9318 12.1437C16.9419 12.1894 16.9487 12.235 16.947 12.2824V16.1216C17.4896 15.9221 17.963 15.5722 18.3129 15.1124C18.6646 14.6525 18.8759 14.1031 18.9249 13.5283C18.974 12.9535 18.859 12.3753 18.5919 11.8631C18.3248 11.3509 17.9174 10.9248 17.417 10.6374L14.1525 8.75079C14.1491 8.74966 14.1452 8.74853 14.1407 8.74741H14.1288C14.1254 8.74853 14.1215 8.74966 14.117 8.75079C14.1136 8.75191 14.1102 8.7536 14.1068 8.75586L12.7443 9.54366L16.6866 11.8208H16.6832ZM18.0441 9.77526H18.0425V9.77695L18.0441 9.77526ZM18.0425 9.77357C18.1405 9.20555 18.0746 8.62061 17.8514 8.08809C17.63 7.55556 17.2597 7.09742 16.7864 6.76607C16.313 6.43641 15.7551 6.24707 15.1787 6.22171C14.6005 6.19804 14.0291 6.33836 13.5287 6.62575L10.2642 8.51073C10.2608 8.51298 10.258 8.5158 10.2558 8.51918L10.249 8.52932C10.2479 8.5327 10.2467 8.53665 10.2456 8.54116C10.2445 8.54454 10.2439 8.54848 10.2439 8.55299V10.1286L14.1863 7.85141C14.2269 7.82774 14.2708 7.81084 14.3148 7.79731C14.3604 7.78548 14.4061 7.78041 14.4517 7.78041C14.499 7.78041 14.5447 7.78548 14.5903 7.79731C14.6343 7.81084 14.6766 7.82774 14.7171 7.85141L17.9478 9.71778C17.9765 9.73469 18.0188 9.75836 18.0425 9.77357ZM9.50007 8.02892C9.50007 7.98327 9.50683 7.93763 9.51867 7.89198C9.5305 7.84803 9.54741 7.80407 9.57108 7.7635C9.59474 7.72462 9.62179 7.68743 9.6556 7.65361C9.68772 7.62149 9.72492 7.59275 9.76549 7.57078L12.9961 5.70609C13.0266 5.6875 13.0688 5.66383 13.0925 5.65199C12.6496 5.28176 12.1086 5.04508 11.5355 4.97239C10.9624 4.89801 10.3809 4.9893 9.85847 5.23443C9.3344 5.47956 8.89147 5.87008 8.5821 6.35696C8.27273 6.84553 8.10874 7.41017 8.10874 7.98834V11.7583C8.10987 11.7628 8.111 11.7667 8.11212 11.7701C8.11325 11.7735 8.11494 11.7769 8.1172 11.7803C8.11945 11.7836 8.12227 11.787 8.12565 11.7904C8.1279 11.7927 8.13128 11.7949 8.13579 11.7972L9.50007 12.585V8.02892ZM10.2405 13.011L11.997 14.0253L13.7535 13.011V10.984L11.9987 9.96968L10.2422 10.984L10.2405 13.011Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "0.5",
-					"y": "0.5",
-					"width": "23",
-					"height": "23",
-					"rx": "5.5",
-					"stroke": "black",
-					"stroke-opacity": "0.05"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Gpt3"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#19C37D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.6451 11.6028C19.8209 11.995 19.9325 12.4142 19.9781 12.8419C20.0221 13.2696 20.0001 13.7024 19.9088 14.1234C19.8192 14.5443 19.6637 14.9484 19.4473 15.3203C19.3053 15.5688 19.1379 15.8021 18.9452 16.0168C18.7542 16.2298 18.5412 16.4225 18.3096 16.5916C18.0763 16.7606 17.8278 16.9027 17.564 17.0193C17.302 17.1343 17.0281 17.2222 16.7475 17.2796C16.6156 17.6888 16.4195 18.0759 16.1659 18.4242C15.914 18.7724 15.6081 19.0784 15.2598 19.3303C14.9115 19.5839 14.5261 19.78 14.117 19.9118C13.7079 20.0454 13.2802 20.1113 12.8491 20.1113C12.5634 20.113 12.276 20.0826 11.9953 20.0251C11.7164 19.9659 11.4425 19.8763 11.1805 19.7597C10.9184 19.643 10.6699 19.4977 10.4383 19.3286C10.2084 19.1595 9.99541 18.9651 9.80606 18.7504C9.38342 18.8417 8.95064 18.8637 8.52293 18.8197C8.09522 18.7741 7.67596 18.6625 7.28206 18.4867C6.88985 18.3126 6.52638 18.0759 6.20687 17.7868C5.88735 17.4977 5.61517 17.1596 5.40047 16.7877C5.25677 16.5392 5.13843 16.2771 5.04883 16.005C4.95924 15.7328 4.90007 15.4522 4.86964 15.1665C4.83921 14.8824 4.8409 14.595 4.87133 14.3093C4.90176 14.0253 4.96431 13.7447 5.05391 13.4725C4.76651 13.153 4.52983 12.7895 4.35402 12.3973C4.17989 12.0034 4.06662 11.5859 4.02267 11.1581C3.97702 10.7304 4.00069 10.2976 4.09029 9.8767C4.17989 9.45575 4.33542 9.05171 4.55181 8.67978C4.69382 8.43127 4.86118 8.19628 5.05222 7.98327C5.24325 7.77026 5.45795 7.57754 5.68956 7.40848C5.92116 7.23943 6.17136 7.09573 6.4334 6.98077C6.69713 6.86412 6.971 6.77791 7.25163 6.72043C7.38349 6.30962 7.5796 5.92417 7.83149 5.57592C8.08508 5.22766 8.39107 4.92167 8.73932 4.66809C9.08758 4.4162 9.47302 4.22009 9.88214 4.08654C10.2913 3.95467 10.719 3.88705 11.1501 3.88874C11.4358 3.88705 11.7232 3.91579 12.0038 3.97496C12.2844 4.03413 12.5583 4.12204 12.8203 4.23869C13.0824 4.35703 13.3309 4.50072 13.5625 4.66978C13.7941 4.84053 14.0071 5.03325 14.1964 5.24795C14.6174 5.15835 15.0502 5.13637 15.4779 5.18033C15.9056 5.22428 16.3232 5.33755 16.7171 5.51168C17.1093 5.6875 17.4727 5.92248 17.7923 6.21157C18.1118 6.49896 18.384 6.83538 18.5987 7.209C18.7423 7.45582 18.8607 7.71786 18.9503 7.99173C19.0399 8.26391 19.1007 8.54454 19.1295 8.83024C19.1599 9.11595 19.1599 9.40334 19.1278 9.68905C19.0974 9.97475 19.0348 10.2554 18.9452 10.5276C19.2343 10.8471 19.4693 11.2089 19.6451 11.6028ZM14.0122 18.8197C14.3807 18.6676 14.7154 18.4428 14.9978 18.1604C15.2801 17.8781 15.5049 17.5434 15.6571 17.1731C15.8092 16.8046 15.8887 16.409 15.8887 16.01V12.2401C15.8876 12.2367 15.8864 12.2328 15.8853 12.2283C15.8842 12.2249 15.8825 12.2215 15.8802 12.2181C15.878 12.2147 15.8752 12.2119 15.8718 12.2097C15.8684 12.2063 15.865 12.204 15.8616 12.2029L14.4974 11.4151V15.9695C14.4974 16.0151 14.4906 16.0624 14.4788 16.1064C14.4669 16.152 14.45 16.1943 14.4264 16.2349C14.4027 16.2755 14.3756 16.3126 14.3418 16.3448C14.309 16.3775 14.272 16.4059 14.2319 16.4293L11.0013 18.294C10.9742 18.3109 10.9286 18.3346 10.9049 18.3481C11.0385 18.4613 11.1839 18.5611 11.336 18.649C11.4899 18.7369 11.6488 18.8113 11.8144 18.8722C11.9801 18.9313 12.1509 18.977 12.3233 19.0074C12.4974 19.0378 12.6732 19.053 12.8491 19.053C13.248 19.053 13.6436 18.9736 14.0122 18.8197ZM6.31844 16.2602C6.51962 16.6068 6.78504 16.9077 7.10117 17.1512C7.419 17.3946 7.77908 17.5721 8.16453 17.6752C8.54998 17.7784 8.95233 17.8054 9.34792 17.753C9.74351 17.7006 10.1239 17.5721 10.4705 17.3726L13.7366 15.4877L13.7451 15.4792C13.7473 15.477 13.749 15.4736 13.7501 15.4691C13.7524 15.4657 13.7541 15.4623 13.7552 15.4589V13.8698L9.81283 16.1504C9.77225 16.174 9.72999 16.1909 9.68603 16.2045C9.64039 16.2163 9.59474 16.2214 9.54741 16.2214C9.50176 16.2214 9.45612 16.2163 9.41047 16.2045C9.36652 16.1909 9.32256 16.174 9.28199 16.1504L6.05133 14.284C6.0226 14.2671 5.98033 14.2417 5.95666 14.2265C5.92623 14.4006 5.91102 14.5764 5.91102 14.7523C5.91102 14.9281 5.92792 15.1039 5.95835 15.278C5.98878 15.4505 6.03612 15.6212 6.09529 15.7869C6.15615 15.9526 6.23053 16.1115 6.31844 16.2636V16.2602ZM5.46978 9.21062C5.2703 9.55718 5.14182 9.93925 5.08941 10.3348C5.037 10.7304 5.06405 11.1311 5.16717 11.5182C5.2703 11.9037 5.44781 12.2638 5.69125 12.5816C5.93469 12.8977 6.2373 13.1631 6.58217 13.3626L9.84664 15.2493C9.85002 15.2504 9.85396 15.2515 9.85847 15.2527H9.8703C9.87481 15.2527 9.87876 15.2515 9.88214 15.2493C9.88552 15.2482 9.8889 15.2465 9.89228 15.2442L11.2616 14.453L7.31925 12.1775C7.28037 12.1539 7.24318 12.1251 7.20937 12.093C7.17661 12.0602 7.1482 12.0232 7.12484 11.9831C7.10286 11.9426 7.08427 11.9003 7.07243 11.8547C7.0606 11.8107 7.05384 11.7651 7.05553 11.7177V7.87846C6.88985 7.93932 6.72925 8.0137 6.5771 8.10161C6.42495 8.19121 6.28125 8.29265 6.14601 8.40591C6.01245 8.51918 5.88735 8.64428 5.77408 8.77953C5.66082 8.91308 5.56107 9.05847 5.47316 9.21062H5.46978ZM16.6832 11.8208C16.7238 11.8445 16.761 11.8716 16.7948 11.9054C16.8269 11.9375 16.8557 11.9747 16.8794 12.0153C16.9013 12.0558 16.9199 12.0998 16.9318 12.1437C16.9419 12.1894 16.9487 12.235 16.947 12.2824V16.1216C17.4896 15.9221 17.963 15.5722 18.3129 15.1124C18.6646 14.6525 18.8759 14.1031 18.9249 13.5283C18.974 12.9535 18.859 12.3753 18.5919 11.8631C18.3248 11.3509 17.9174 10.9248 17.417 10.6374L14.1525 8.75079C14.1491 8.74966 14.1452 8.74853 14.1407 8.74741H14.1288C14.1254 8.74853 14.1215 8.74966 14.117 8.75079C14.1136 8.75191 14.1102 8.7536 14.1068 8.75586L12.7443 9.54366L16.6866 11.8208H16.6832ZM18.0441 9.77526H18.0425V9.77695L18.0441 9.77526ZM18.0425 9.77357C18.1405 9.20555 18.0746 8.62061 17.8514 8.08809C17.63 7.55556 17.2597 7.09742 16.7864 6.76607C16.313 6.43641 15.7551 6.24707 15.1787 6.22171C14.6005 6.19804 14.0291 6.33836 13.5287 6.62575L10.2642 8.51073C10.2608 8.51298 10.258 8.5158 10.2558 8.51918L10.249 8.52932C10.2479 8.5327 10.2467 8.53665 10.2456 8.54116C10.2445 8.54454 10.2439 8.54848 10.2439 8.55299V10.1286L14.1863 7.85141C14.2269 7.82774 14.2708 7.81084 14.3148 7.79731C14.3604 7.78548 14.4061 7.78041 14.4517 7.78041C14.499 7.78041 14.5447 7.78548 14.5903 7.79731C14.6343 7.81084 14.6766 7.82774 14.7171 7.85141L17.9478 9.71778C17.9765 9.73469 18.0188 9.75836 18.0425 9.77357ZM9.50007 8.02892C9.50007 7.98327 9.50683 7.93763 9.51867 7.89198C9.5305 7.84803 9.54741 7.80407 9.57108 7.7635C9.59474 7.72462 9.62179 7.68743 9.6556 7.65361C9.68772 7.62149 9.72492 7.59275 9.76549 7.57078L12.9961 5.70609C13.0266 5.6875 13.0688 5.66383 13.0925 5.65199C12.6496 5.28176 12.1086 5.04508 11.5355 4.97239C10.9624 4.89801 10.3809 4.9893 9.85847 5.23443C9.3344 5.47956 8.89147 5.87008 8.5821 6.35696C8.27273 6.84553 8.10874 7.41017 8.10874 7.98834V11.7583C8.10987 11.7628 8.111 11.7667 8.11212 11.7701C8.11325 11.7735 8.11494 11.7769 8.1172 11.7803C8.11945 11.7836 8.12227 11.787 8.12565 11.7904C8.1279 11.7927 8.13128 11.7949 8.13579 11.7972L9.50007 12.585V8.02892ZM10.2405 13.011L11.997 14.0253L13.7535 13.011V10.984L11.9987 9.96968L10.2422 10.984L10.2405 13.011Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "0.5",
+          "y": "0.5",
+          "width": "23",
+          "height": "23",
+          "rx": "5.5",
+          "stroke": "black",
+          "stroke-opacity": "0.05"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Gpt3"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Gpt3.tsx b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
index 43565e3dbf..f709a57492 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt3.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Gpt3.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Gpt3.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Gpt4.json b/web/app/components/base/icons/src/public/llm/Gpt4.json
index b0d1941df1..542eac2b14 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt4.json
+++ b/web/app/components/base/icons/src/public/llm/Gpt4.json
@@ -1,51 +1,51 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#AB68FF"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.6451 11.6028C19.8209 11.995 19.9325 12.4142 19.9781 12.8419C20.0221 13.2696 20.0001 13.7024 19.9088 14.1234C19.8192 14.5443 19.6637 14.9484 19.4473 15.3203C19.3053 15.5688 19.1379 15.8021 18.9452 16.0168C18.7542 16.2298 18.5412 16.4225 18.3096 16.5916C18.0763 16.7606 17.8278 16.9027 17.564 17.0193C17.302 17.1343 17.0281 17.2222 16.7475 17.2796C16.6156 17.6888 16.4195 18.0759 16.1659 18.4242C15.914 18.7724 15.6081 19.0784 15.2598 19.3303C14.9115 19.5839 14.5261 19.78 14.117 19.9118C13.7079 20.0454 13.2802 20.1113 12.8491 20.1113C12.5634 20.113 12.276 20.0826 11.9953 20.0251C11.7164 19.9659 11.4425 19.8763 11.1805 19.7597C10.9184 19.643 10.6699 19.4977 10.4383 19.3286C10.2084 19.1595 9.99541 18.9651 9.80606 18.7504C9.38342 18.8417 8.95064 18.8637 8.52293 18.8197C8.09522 18.7741 7.67596 18.6625 7.28206 18.4867C6.88985 18.3126 6.52638 18.0759 6.20687 17.7868C5.88735 17.4977 5.61517 17.1596 5.40047 16.7877C5.25677 16.5392 5.13843 16.2771 5.04883 16.005C4.95924 15.7328 4.90007 15.4522 4.86964 15.1665C4.83921 14.8824 4.8409 14.595 4.87133 14.3093C4.90176 14.0253 4.96431 13.7447 5.05391 13.4725C4.76651 13.153 4.52983 12.7895 4.35402 12.3973C4.17989 12.0034 4.06662 11.5859 4.02267 11.1581C3.97702 10.7304 4.00069 10.2976 4.09029 9.8767C4.17989 9.45575 4.33542 9.05171 4.55181 8.67978C4.69382 8.43127 4.86118 8.19628 5.05222 7.98327C5.24325 7.77026 5.45795 7.57754 5.68956 7.40848C5.92116 7.23943 6.17136 7.09573 6.4334 6.98077C6.69713 6.86412 6.971 6.77791 7.25163 6.72043C7.38349 6.30962 7.5796 5.92417 7.83149 5.57592C8.08508 5.22766 8.39107 4.92167 8.73932 4.66809C9.08758 4.4162 9.47302 4.22009 9.88214 4.08654C10.2913 3.95467 10.719 3.88705 11.1501 3.88874C11.4358 3.88705 11.7232 3.91579 12.0038 3.97496C12.2844 4.03413 12.5583 4.12204 12.8203 4.23869C13.0824 4.35703 13.3309 4.50072 13.5625 4.66978C13.7941 4.84053 14.0071 5.03325 14.1964 5.24795C14.6174 5.15835 15.0502 5.13637 15.4779 5.18033C15.9056 5.22428 16.3232 5.33755 16.7171 5.51168C17.1093 5.6875 17.4727 5.92248 17.7923 6.21157C18.1118 6.49896 18.384 6.83538 18.5987 7.209C18.7423 7.45582 18.8607 7.71786 18.9503 7.99173C19.0399 8.26391 19.1007 8.54454 19.1295 8.83024C19.1599 9.11595 19.1599 9.40334 19.1278 9.68905C19.0974 9.97475 19.0348 10.2554 18.9452 10.5276C19.2343 10.8471 19.4693 11.2089 19.6451 11.6028ZM14.0122 18.8197C14.3807 18.6676 14.7154 18.4428 14.9978 18.1604C15.2801 17.8781 15.5049 17.5434 15.6571 17.1731C15.8092 16.8046 15.8887 16.409 15.8887 16.01V12.2401C15.8876 12.2367 15.8864 12.2328 15.8853 12.2283C15.8842 12.2249 15.8825 12.2215 15.8802 12.2181C15.878 12.2147 15.8752 12.2119 15.8718 12.2097C15.8684 12.2063 15.865 12.204 15.8616 12.2029L14.4974 11.4151V15.9695C14.4974 16.0151 14.4906 16.0624 14.4788 16.1064C14.4669 16.152 14.45 16.1943 14.4264 16.2349C14.4027 16.2755 14.3756 16.3126 14.3418 16.3448C14.309 16.3775 14.272 16.4059 14.2319 16.4293L11.0013 18.294C10.9742 18.3109 10.9286 18.3346 10.9049 18.3481C11.0385 18.4613 11.1839 18.5611 11.336 18.649C11.4899 18.7369 11.6488 18.8113 11.8144 18.8722C11.9801 18.9313 12.1509 18.977 12.3233 19.0074C12.4974 19.0378 12.6732 19.053 12.8491 19.053C13.248 19.053 13.6436 18.9736 14.0122 18.8197ZM6.31844 16.2602C6.51962 16.6068 6.78504 16.9077 7.10117 17.1512C7.419 17.3946 7.77908 17.5721 8.16453 17.6752C8.54998 17.7784 8.95233 17.8054 9.34792 17.753C9.74351 17.7006 10.1239 17.5721 10.4705 17.3726L13.7366 15.4877L13.7451 15.4792C13.7473 15.477 13.749 15.4736 13.7501 15.4691C13.7524 15.4657 13.7541 15.4623 13.7552 15.4589V13.8698L9.81283 16.1504C9.77225 16.174 9.72999 16.1909 9.68603 16.2045C9.64039 16.2163 9.59474 16.2214 9.54741 16.2214C9.50176 16.2214 9.45612 16.2163 9.41047 16.2045C9.36652 16.1909 9.32256 16.174 9.28199 16.1504L6.05133 14.284C6.0226 14.2671 5.98033 14.2417 5.95666 14.2265C5.92623 14.4006 5.91102 14.5764 5.91102 14.7523C5.91102 14.9281 5.92792 15.1039 5.95835 15.278C5.98878 15.4505 6.03612 15.6212 6.09529 15.7869C6.15615 15.9526 6.23053 16.1115 6.31844 16.2636V16.2602ZM5.46978 9.21062C5.2703 9.55718 5.14182 9.93925 5.08941 10.3348C5.037 10.7304 5.06405 11.1311 5.16717 11.5182C5.2703 11.9037 5.44781 12.2638 5.69125 12.5816C5.93469 12.8977 6.2373 13.1631 6.58217 13.3626L9.84664 15.2493C9.85002 15.2504 9.85396 15.2515 9.85847 15.2527H9.8703C9.87481 15.2527 9.87876 15.2515 9.88214 15.2493C9.88552 15.2482 9.8889 15.2465 9.89228 15.2442L11.2616 14.453L7.31925 12.1775C7.28037 12.1539 7.24318 12.1251 7.20937 12.093C7.17661 12.0602 7.1482 12.0232 7.12484 11.9831C7.10286 11.9426 7.08427 11.9003 7.07243 11.8547C7.0606 11.8107 7.05384 11.7651 7.05553 11.7177V7.87846C6.88985 7.93932 6.72925 8.0137 6.5771 8.10161C6.42495 8.19121 6.28125 8.29265 6.14601 8.40591C6.01245 8.51918 5.88735 8.64428 5.77408 8.77953C5.66082 8.91308 5.56107 9.05847 5.47316 9.21062H5.46978ZM16.6832 11.8208C16.7238 11.8445 16.761 11.8716 16.7948 11.9054C16.8269 11.9375 16.8557 11.9747 16.8794 12.0153C16.9013 12.0558 16.9199 12.0998 16.9318 12.1437C16.9419 12.1894 16.9487 12.235 16.947 12.2824V16.1216C17.4896 15.9221 17.963 15.5722 18.3129 15.1124C18.6646 14.6525 18.8759 14.1031 18.9249 13.5283C18.974 12.9535 18.859 12.3753 18.5919 11.8631C18.3248 11.3509 17.9174 10.9248 17.417 10.6374L14.1525 8.75079C14.1491 8.74966 14.1452 8.74853 14.1407 8.74741H14.1288C14.1254 8.74853 14.1215 8.74966 14.117 8.75079C14.1136 8.75191 14.1102 8.7536 14.1068 8.75586L12.7443 9.54366L16.6866 11.8208H16.6832ZM18.0441 9.77526H18.0425V9.77695L18.0441 9.77526ZM18.0425 9.77357C18.1405 9.20555 18.0746 8.62061 17.8514 8.08809C17.63 7.55556 17.2597 7.09742 16.7864 6.76607C16.313 6.43641 15.7551 6.24707 15.1787 6.22171C14.6005 6.19804 14.0291 6.33836 13.5287 6.62575L10.2642 8.51073C10.2608 8.51298 10.258 8.5158 10.2558 8.51918L10.249 8.52932C10.2479 8.5327 10.2467 8.53665 10.2456 8.54116C10.2445 8.54454 10.2439 8.54848 10.2439 8.55299V10.1286L14.1863 7.85141C14.2269 7.82774 14.2708 7.81084 14.3148 7.79731C14.3604 7.78548 14.4061 7.78041 14.4517 7.78041C14.499 7.78041 14.5447 7.78548 14.5903 7.79731C14.6343 7.81084 14.6766 7.82774 14.7171 7.85141L17.9478 9.71778C17.9765 9.73469 18.0188 9.75836 18.0425 9.77357ZM9.50007 8.02892C9.50007 7.98327 9.50683 7.93763 9.51867 7.89198C9.5305 7.84803 9.54741 7.80407 9.57108 7.7635C9.59474 7.72462 9.62179 7.68743 9.6556 7.65361C9.68772 7.62149 9.72492 7.59275 9.76549 7.57078L12.9961 5.70609C13.0266 5.6875 13.0688 5.66383 13.0925 5.65199C12.6496 5.28176 12.1086 5.04508 11.5355 4.97239C10.9624 4.89801 10.3809 4.9893 9.85847 5.23443C9.3344 5.47956 8.89147 5.87008 8.5821 6.35696C8.27273 6.84553 8.10874 7.41017 8.10874 7.98834V11.7583C8.10987 11.7628 8.111 11.7667 8.11212 11.7701C8.11325 11.7735 8.11494 11.7769 8.1172 11.7803C8.11945 11.7836 8.12227 11.787 8.12565 11.7904C8.1279 11.7927 8.13128 11.7949 8.13579 11.7972L9.50007 12.585V8.02892ZM10.2405 13.011L11.997 14.0253L13.7535 13.011V10.984L11.9987 9.96968L10.2422 10.984L10.2405 13.011Z",
-					"fill": "white"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "0.5",
-					"y": "0.5",
-					"width": "23",
-					"height": "23",
-					"rx": "5.5",
-					"stroke": "black",
-					"stroke-opacity": "0.05"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Gpt4"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#AB68FF"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.6451 11.6028C19.8209 11.995 19.9325 12.4142 19.9781 12.8419C20.0221 13.2696 20.0001 13.7024 19.9088 14.1234C19.8192 14.5443 19.6637 14.9484 19.4473 15.3203C19.3053 15.5688 19.1379 15.8021 18.9452 16.0168C18.7542 16.2298 18.5412 16.4225 18.3096 16.5916C18.0763 16.7606 17.8278 16.9027 17.564 17.0193C17.302 17.1343 17.0281 17.2222 16.7475 17.2796C16.6156 17.6888 16.4195 18.0759 16.1659 18.4242C15.914 18.7724 15.6081 19.0784 15.2598 19.3303C14.9115 19.5839 14.5261 19.78 14.117 19.9118C13.7079 20.0454 13.2802 20.1113 12.8491 20.1113C12.5634 20.113 12.276 20.0826 11.9953 20.0251C11.7164 19.9659 11.4425 19.8763 11.1805 19.7597C10.9184 19.643 10.6699 19.4977 10.4383 19.3286C10.2084 19.1595 9.99541 18.9651 9.80606 18.7504C9.38342 18.8417 8.95064 18.8637 8.52293 18.8197C8.09522 18.7741 7.67596 18.6625 7.28206 18.4867C6.88985 18.3126 6.52638 18.0759 6.20687 17.7868C5.88735 17.4977 5.61517 17.1596 5.40047 16.7877C5.25677 16.5392 5.13843 16.2771 5.04883 16.005C4.95924 15.7328 4.90007 15.4522 4.86964 15.1665C4.83921 14.8824 4.8409 14.595 4.87133 14.3093C4.90176 14.0253 4.96431 13.7447 5.05391 13.4725C4.76651 13.153 4.52983 12.7895 4.35402 12.3973C4.17989 12.0034 4.06662 11.5859 4.02267 11.1581C3.97702 10.7304 4.00069 10.2976 4.09029 9.8767C4.17989 9.45575 4.33542 9.05171 4.55181 8.67978C4.69382 8.43127 4.86118 8.19628 5.05222 7.98327C5.24325 7.77026 5.45795 7.57754 5.68956 7.40848C5.92116 7.23943 6.17136 7.09573 6.4334 6.98077C6.69713 6.86412 6.971 6.77791 7.25163 6.72043C7.38349 6.30962 7.5796 5.92417 7.83149 5.57592C8.08508 5.22766 8.39107 4.92167 8.73932 4.66809C9.08758 4.4162 9.47302 4.22009 9.88214 4.08654C10.2913 3.95467 10.719 3.88705 11.1501 3.88874C11.4358 3.88705 11.7232 3.91579 12.0038 3.97496C12.2844 4.03413 12.5583 4.12204 12.8203 4.23869C13.0824 4.35703 13.3309 4.50072 13.5625 4.66978C13.7941 4.84053 14.0071 5.03325 14.1964 5.24795C14.6174 5.15835 15.0502 5.13637 15.4779 5.18033C15.9056 5.22428 16.3232 5.33755 16.7171 5.51168C17.1093 5.6875 17.4727 5.92248 17.7923 6.21157C18.1118 6.49896 18.384 6.83538 18.5987 7.209C18.7423 7.45582 18.8607 7.71786 18.9503 7.99173C19.0399 8.26391 19.1007 8.54454 19.1295 8.83024C19.1599 9.11595 19.1599 9.40334 19.1278 9.68905C19.0974 9.97475 19.0348 10.2554 18.9452 10.5276C19.2343 10.8471 19.4693 11.2089 19.6451 11.6028ZM14.0122 18.8197C14.3807 18.6676 14.7154 18.4428 14.9978 18.1604C15.2801 17.8781 15.5049 17.5434 15.6571 17.1731C15.8092 16.8046 15.8887 16.409 15.8887 16.01V12.2401C15.8876 12.2367 15.8864 12.2328 15.8853 12.2283C15.8842 12.2249 15.8825 12.2215 15.8802 12.2181C15.878 12.2147 15.8752 12.2119 15.8718 12.2097C15.8684 12.2063 15.865 12.204 15.8616 12.2029L14.4974 11.4151V15.9695C14.4974 16.0151 14.4906 16.0624 14.4788 16.1064C14.4669 16.152 14.45 16.1943 14.4264 16.2349C14.4027 16.2755 14.3756 16.3126 14.3418 16.3448C14.309 16.3775 14.272 16.4059 14.2319 16.4293L11.0013 18.294C10.9742 18.3109 10.9286 18.3346 10.9049 18.3481C11.0385 18.4613 11.1839 18.5611 11.336 18.649C11.4899 18.7369 11.6488 18.8113 11.8144 18.8722C11.9801 18.9313 12.1509 18.977 12.3233 19.0074C12.4974 19.0378 12.6732 19.053 12.8491 19.053C13.248 19.053 13.6436 18.9736 14.0122 18.8197ZM6.31844 16.2602C6.51962 16.6068 6.78504 16.9077 7.10117 17.1512C7.419 17.3946 7.77908 17.5721 8.16453 17.6752C8.54998 17.7784 8.95233 17.8054 9.34792 17.753C9.74351 17.7006 10.1239 17.5721 10.4705 17.3726L13.7366 15.4877L13.7451 15.4792C13.7473 15.477 13.749 15.4736 13.7501 15.4691C13.7524 15.4657 13.7541 15.4623 13.7552 15.4589V13.8698L9.81283 16.1504C9.77225 16.174 9.72999 16.1909 9.68603 16.2045C9.64039 16.2163 9.59474 16.2214 9.54741 16.2214C9.50176 16.2214 9.45612 16.2163 9.41047 16.2045C9.36652 16.1909 9.32256 16.174 9.28199 16.1504L6.05133 14.284C6.0226 14.2671 5.98033 14.2417 5.95666 14.2265C5.92623 14.4006 5.91102 14.5764 5.91102 14.7523C5.91102 14.9281 5.92792 15.1039 5.95835 15.278C5.98878 15.4505 6.03612 15.6212 6.09529 15.7869C6.15615 15.9526 6.23053 16.1115 6.31844 16.2636V16.2602ZM5.46978 9.21062C5.2703 9.55718 5.14182 9.93925 5.08941 10.3348C5.037 10.7304 5.06405 11.1311 5.16717 11.5182C5.2703 11.9037 5.44781 12.2638 5.69125 12.5816C5.93469 12.8977 6.2373 13.1631 6.58217 13.3626L9.84664 15.2493C9.85002 15.2504 9.85396 15.2515 9.85847 15.2527H9.8703C9.87481 15.2527 9.87876 15.2515 9.88214 15.2493C9.88552 15.2482 9.8889 15.2465 9.89228 15.2442L11.2616 14.453L7.31925 12.1775C7.28037 12.1539 7.24318 12.1251 7.20937 12.093C7.17661 12.0602 7.1482 12.0232 7.12484 11.9831C7.10286 11.9426 7.08427 11.9003 7.07243 11.8547C7.0606 11.8107 7.05384 11.7651 7.05553 11.7177V7.87846C6.88985 7.93932 6.72925 8.0137 6.5771 8.10161C6.42495 8.19121 6.28125 8.29265 6.14601 8.40591C6.01245 8.51918 5.88735 8.64428 5.77408 8.77953C5.66082 8.91308 5.56107 9.05847 5.47316 9.21062H5.46978ZM16.6832 11.8208C16.7238 11.8445 16.761 11.8716 16.7948 11.9054C16.8269 11.9375 16.8557 11.9747 16.8794 12.0153C16.9013 12.0558 16.9199 12.0998 16.9318 12.1437C16.9419 12.1894 16.9487 12.235 16.947 12.2824V16.1216C17.4896 15.9221 17.963 15.5722 18.3129 15.1124C18.6646 14.6525 18.8759 14.1031 18.9249 13.5283C18.974 12.9535 18.859 12.3753 18.5919 11.8631C18.3248 11.3509 17.9174 10.9248 17.417 10.6374L14.1525 8.75079C14.1491 8.74966 14.1452 8.74853 14.1407 8.74741H14.1288C14.1254 8.74853 14.1215 8.74966 14.117 8.75079C14.1136 8.75191 14.1102 8.7536 14.1068 8.75586L12.7443 9.54366L16.6866 11.8208H16.6832ZM18.0441 9.77526H18.0425V9.77695L18.0441 9.77526ZM18.0425 9.77357C18.1405 9.20555 18.0746 8.62061 17.8514 8.08809C17.63 7.55556 17.2597 7.09742 16.7864 6.76607C16.313 6.43641 15.7551 6.24707 15.1787 6.22171C14.6005 6.19804 14.0291 6.33836 13.5287 6.62575L10.2642 8.51073C10.2608 8.51298 10.258 8.5158 10.2558 8.51918L10.249 8.52932C10.2479 8.5327 10.2467 8.53665 10.2456 8.54116C10.2445 8.54454 10.2439 8.54848 10.2439 8.55299V10.1286L14.1863 7.85141C14.2269 7.82774 14.2708 7.81084 14.3148 7.79731C14.3604 7.78548 14.4061 7.78041 14.4517 7.78041C14.499 7.78041 14.5447 7.78548 14.5903 7.79731C14.6343 7.81084 14.6766 7.82774 14.7171 7.85141L17.9478 9.71778C17.9765 9.73469 18.0188 9.75836 18.0425 9.77357ZM9.50007 8.02892C9.50007 7.98327 9.50683 7.93763 9.51867 7.89198C9.5305 7.84803 9.54741 7.80407 9.57108 7.7635C9.59474 7.72462 9.62179 7.68743 9.6556 7.65361C9.68772 7.62149 9.72492 7.59275 9.76549 7.57078L12.9961 5.70609C13.0266 5.6875 13.0688 5.66383 13.0925 5.65199C12.6496 5.28176 12.1086 5.04508 11.5355 4.97239C10.9624 4.89801 10.3809 4.9893 9.85847 5.23443C9.3344 5.47956 8.89147 5.87008 8.5821 6.35696C8.27273 6.84553 8.10874 7.41017 8.10874 7.98834V11.7583C8.10987 11.7628 8.111 11.7667 8.11212 11.7701C8.11325 11.7735 8.11494 11.7769 8.1172 11.7803C8.11945 11.7836 8.12227 11.787 8.12565 11.7904C8.1279 11.7927 8.13128 11.7949 8.13579 11.7972L9.50007 12.585V8.02892ZM10.2405 13.011L11.997 14.0253L13.7535 13.011V10.984L11.9987 9.96968L10.2422 10.984L10.2405 13.011Z",
+          "fill": "white"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "0.5",
+          "y": "0.5",
+          "width": "23",
+          "height": "23",
+          "rx": "5.5",
+          "stroke": "black",
+          "stroke-opacity": "0.05"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Gpt4"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Gpt4.tsx b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
index ddcb97f600..db26cff942 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt4.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Gpt4.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Gpt4.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Huggingface.json b/web/app/components/base/icons/src/public/llm/Huggingface.json
index 57e10e2b45..0dfceba2e9 100644
--- a/web/app/components/base/icons/src/public/llm/Huggingface.json
+++ b/web/app/components/base/icons/src/public/llm/Huggingface.json
@@ -1,158 +1,158 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z",
-					"fill": "#FFD21E"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z",
-					"fill": "#FF9D0B"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z",
-					"fill": "#3A3B45"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z",
-					"fill": "#3A3B45"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z",
-					"fill": "#3A3B45"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "mask",
-				"attributes": {
-					"id": "mask0_8587_60183",
-					"style": "mask-type:alpha",
-					"maskUnits": "userSpaceOnUse",
-					"x": "8",
-					"y": "11",
-					"width": "8",
-					"height": "5"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"mask": "url(#mask0_8587_60183)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z",
-							"fill": "#F94040"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z",
-					"fill": "#FF9D0B"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z",
-					"fill": "#FF9D0B"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z",
-					"fill": "#FF9D0B"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z",
-					"fill": "#FFD21E"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z",
-					"fill": "#FF9D0B"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z",
-					"fill": "#FFD21E"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Huggingface"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z",
+          "fill": "#FFD21E"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z",
+          "fill": "#FF9D0B"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z",
+          "fill": "#3A3B45"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z",
+          "fill": "#3A3B45"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z",
+          "fill": "#3A3B45"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "mask",
+        "attributes": {
+          "id": "mask0_8587_60183",
+          "style": "mask-type:alpha",
+          "maskUnits": "userSpaceOnUse",
+          "x": "8",
+          "y": "11",
+          "width": "8",
+          "height": "5"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "mask": "url(#mask0_8587_60183)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z",
+              "fill": "#F94040"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z",
+          "fill": "#FF9D0B"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z",
+          "fill": "#FF9D0B"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z",
+          "fill": "#FF9D0B"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z",
+          "fill": "#FFD21E"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z",
+          "fill": "#FF9D0B"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z",
+          "fill": "#FFD21E"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Huggingface"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Huggingface.tsx b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
index 5a8724050b..349719af59 100644
--- a/web/app/components/base/icons/src/public/llm/Huggingface.tsx
+++ b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Huggingface.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Huggingface.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceText.json b/web/app/components/base/icons/src/public/llm/HuggingfaceText.json
index d113e64f17..9358a87b7c 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceText.json
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceText.json
@@ -1,322 +1,322 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "120",
-			"height": "24",
-			"viewBox": "0 0 120 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_8587_60377)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"clip-path": "url(#clip1_8587_60377)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z",
-									"fill": "#FFD21E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z",
-									"fill": "#3A3B45"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z",
-									"fill": "#3A3B45"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z",
-									"fill": "#3A3B45"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "mask",
-								"attributes": {
-									"id": "mask0_8587_60377",
-									"style": "mask-type:alpha",
-									"maskUnits": "userSpaceOnUse",
-									"x": "8",
-									"y": "11",
-									"width": "8",
-									"height": "5"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"mask": "url(#mask0_8587_60377)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z",
-											"fill": "#F94040"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z",
-									"fill": "#FFD21E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z",
-									"fill": "#FFD21E"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M33.1528 17V7.22003H35.3578V10.985H38.7328V7.22003H40.9528V17H38.7328V12.92H35.3578V17H33.1528Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M45.3153 17.18C44.5053 17.18 43.9153 16.915 43.5453 16.385C43.1853 15.845 43.0053 15.11 43.0053 14.18V9.56003H45.2103V13.895C45.2103 14.425 45.2853 14.795 45.4353 15.005C45.5853 15.205 45.8203 15.305 46.1403 15.305C46.4203 15.305 46.6553 15.24 46.8453 15.11C47.0353 14.98 47.2403 14.77 47.4603 14.48V9.56003H49.6653V17H47.8653L47.7003 15.965H47.6553C47.3453 16.335 47.0053 16.63 46.6353 16.85C46.2653 17.07 45.8253 17.18 45.3153 17.18Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M54.2606 20.165C53.6806 20.165 53.1556 20.1 52.6856 19.97C52.2156 19.84 51.8406 19.635 51.5606 19.355C51.2806 19.075 51.1406 18.715 51.1406 18.275C51.1406 17.675 51.4956 17.175 52.2056 16.775V16.715C52.0156 16.585 51.8506 16.42 51.7106 16.22C51.5806 16.02 51.5156 15.765 51.5156 15.455C51.5156 15.185 51.5956 14.925 51.7556 14.675C51.9156 14.425 52.1156 14.22 52.3556 14.06V14C52.0956 13.82 51.8606 13.56 51.6506 13.22C51.4506 12.88 51.3506 12.495 51.3506 12.065C51.3506 11.465 51.4956 10.97 51.7856 10.58C52.0756 10.18 52.4556 9.88003 52.9256 9.68003C53.3956 9.48003 53.8956 9.38003 54.4256 9.38003C54.8656 9.38003 55.2506 9.44003 55.5806 9.56003H58.2956V11.165H57.1106C57.1806 11.275 57.2356 11.415 57.2756 11.585C57.3256 11.755 57.3506 11.94 57.3506 12.14C57.3506 12.71 57.2206 13.18 56.9606 13.55C56.7006 13.92 56.3506 14.195 55.9106 14.375C55.4706 14.555 54.9756 14.645 54.4256 14.645C54.1356 14.645 53.8356 14.595 53.5256 14.495C53.3456 14.645 53.2556 14.83 53.2556 15.05C53.2556 15.24 53.3406 15.38 53.5106 15.47C53.6806 15.56 53.9706 15.605 54.3806 15.605H55.5806C56.5006 15.605 57.2006 15.755 57.6806 16.055C58.1706 16.345 58.4156 16.825 58.4156 17.495C58.4156 18.005 58.2456 18.46 57.9056 18.86C57.5656 19.27 57.0856 19.59 56.4656 19.82C55.8456 20.05 55.1106 20.165 54.2606 20.165ZM54.4256 13.31C54.7156 13.31 54.9556 13.205 55.1456 12.995C55.3456 12.785 55.4456 12.475 55.4456 12.065C55.4456 11.675 55.3456 11.38 55.1456 11.18C54.9556 10.97 54.7156 10.865 54.4256 10.865C54.1356 10.865 53.8906 10.965 53.6906 11.165C53.5006 11.365 53.4056 11.665 53.4056 12.065C53.4056 12.475 53.5006 12.785 53.6906 12.995C53.8906 13.205 54.1356 13.31 54.4256 13.31ZM54.6056 18.785C55.1056 18.785 55.5156 18.695 55.8356 18.515C56.1556 18.335 56.3156 18.12 56.3156 17.87C56.3156 17.64 56.2156 17.485 56.0156 17.405C55.8256 17.325 55.5456 17.285 55.1756 17.285H54.4106C54.1606 17.285 53.9506 17.275 53.7806 17.255C53.6206 17.245 53.4806 17.225 53.3606 17.195C53.0906 17.435 52.9556 17.68 52.9556 17.93C52.9556 18.21 53.1056 18.42 53.4056 18.56C53.7156 18.71 54.1156 18.785 54.6056 18.785Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M62.2733 20.165C61.6933 20.165 61.1683 20.1 60.6983 19.97C60.2283 19.84 59.8533 19.635 59.5733 19.355C59.2933 19.075 59.1533 18.715 59.1533 18.275C59.1533 17.675 59.5083 17.175 60.2183 16.775V16.715C60.0283 16.585 59.8633 16.42 59.7233 16.22C59.5933 16.02 59.5283 15.765 59.5283 15.455C59.5283 15.185 59.6083 14.925 59.7683 14.675C59.9283 14.425 60.1283 14.22 60.3683 14.06V14C60.1083 13.82 59.8733 13.56 59.6633 13.22C59.4633 12.88 59.3633 12.495 59.3633 12.065C59.3633 11.465 59.5083 10.97 59.7983 10.58C60.0883 10.18 60.4683 9.88003 60.9383 9.68003C61.4083 9.48003 61.9083 9.38003 62.4383 9.38003C62.8783 9.38003 63.2633 9.44003 63.5933 9.56003H66.3083V11.165H65.1233C65.1933 11.275 65.2483 11.415 65.2883 11.585C65.3383 11.755 65.3633 11.94 65.3633 12.14C65.3633 12.71 65.2333 13.18 64.9733 13.55C64.7133 13.92 64.3633 14.195 63.9233 14.375C63.4833 14.555 62.9883 14.645 62.4383 14.645C62.1483 14.645 61.8483 14.595 61.5383 14.495C61.3583 14.645 61.2683 14.83 61.2683 15.05C61.2683 15.24 61.3533 15.38 61.5233 15.47C61.6933 15.56 61.9833 15.605 62.3933 15.605H63.5933C64.5133 15.605 65.2133 15.755 65.6933 16.055C66.1833 16.345 66.4283 16.825 66.4283 17.495C66.4283 18.005 66.2583 18.46 65.9183 18.86C65.5783 19.27 65.0983 19.59 64.4783 19.82C63.8583 20.05 63.1233 20.165 62.2733 20.165ZM62.4383 13.31C62.7283 13.31 62.9683 13.205 63.1583 12.995C63.3583 12.785 63.4583 12.475 63.4583 12.065C63.4583 11.675 63.3583 11.38 63.1583 11.18C62.9683 10.97 62.7283 10.865 62.4383 10.865C62.1483 10.865 61.9033 10.965 61.7033 11.165C61.5133 11.365 61.4183 11.665 61.4183 12.065C61.4183 12.475 61.5133 12.785 61.7033 12.995C61.9033 13.205 62.1483 13.31 62.4383 13.31ZM62.6183 18.785C63.1183 18.785 63.5283 18.695 63.8483 18.515C64.1683 18.335 64.3283 18.12 64.3283 17.87C64.3283 17.64 64.2283 17.485 64.0283 17.405C63.8383 17.325 63.5583 17.285 63.1883 17.285H62.4233C62.1733 17.285 61.9633 17.275 61.7933 17.255C61.6333 17.245 61.4933 17.225 61.3733 17.195C61.1033 17.435 60.9683 17.68 60.9683 17.93C60.9683 18.21 61.1183 18.42 61.4183 18.56C61.7283 18.71 62.1283 18.785 62.6183 18.785Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M67.631 17V9.56003H69.836V17H67.631ZM68.726 8.46503C68.356 8.46503 68.056 8.36003 67.826 8.15003C67.596 7.94003 67.481 7.66003 67.481 7.31003C67.481 6.96003 67.596 6.68003 67.826 6.47003C68.056 6.26003 68.356 6.15503 68.726 6.15503C69.096 6.15503 69.396 6.26003 69.626 6.47003C69.856 6.68003 69.971 6.96003 69.971 7.31003C69.971 7.66003 69.856 7.94003 69.626 8.15003C69.396 8.36003 69.096 8.46503 68.726 8.46503Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M71.7765 17V9.56003H73.5765L73.7265 10.505H73.7865C74.1065 10.205 74.4565 9.94503 74.8365 9.72503C75.2265 9.49503 75.6715 9.38003 76.1715 9.38003C76.9815 9.38003 77.5665 9.65003 77.9265 10.19C78.2965 10.72 78.4815 11.45 78.4815 12.38V17H76.2765V12.665C76.2765 12.125 76.2015 11.755 76.0515 11.555C75.9115 11.355 75.6815 11.255 75.3615 11.255C75.0815 11.255 74.8415 11.32 74.6415 11.45C74.4415 11.57 74.2215 11.745 73.9815 11.975V17H71.7765Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M83.0155 20.165C82.4355 20.165 81.9105 20.1 81.4405 19.97C80.9705 19.84 80.5955 19.635 80.3155 19.355C80.0355 19.075 79.8955 18.715 79.8955 18.275C79.8955 17.675 80.2505 17.175 80.9605 16.775V16.715C80.7705 16.585 80.6055 16.42 80.4655 16.22C80.3355 16.02 80.2705 15.765 80.2705 15.455C80.2705 15.185 80.3505 14.925 80.5105 14.675C80.6705 14.425 80.8705 14.22 81.1105 14.06V14C80.8505 13.82 80.6155 13.56 80.4055 13.22C80.2055 12.88 80.1055 12.495 80.1055 12.065C80.1055 11.465 80.2505 10.97 80.5405 10.58C80.8305 10.18 81.2105 9.88003 81.6805 9.68003C82.1505 9.48003 82.6505 9.38003 83.1805 9.38003C83.6205 9.38003 84.0055 9.44003 84.3355 9.56003H87.0505V11.165H85.8655C85.9355 11.275 85.9905 11.415 86.0305 11.585C86.0805 11.755 86.1055 11.94 86.1055 12.14C86.1055 12.71 85.9755 13.18 85.7155 13.55C85.4555 13.92 85.1055 14.195 84.6655 14.375C84.2255 14.555 83.7305 14.645 83.1805 14.645C82.8905 14.645 82.5905 14.595 82.2805 14.495C82.1005 14.645 82.0105 14.83 82.0105 15.05C82.0105 15.24 82.0955 15.38 82.2655 15.47C82.4355 15.56 82.7255 15.605 83.1355 15.605H84.3355C85.2555 15.605 85.9555 15.755 86.4355 16.055C86.9255 16.345 87.1705 16.825 87.1705 17.495C87.1705 18.005 87.0005 18.46 86.6605 18.86C86.3205 19.27 85.8405 19.59 85.2205 19.82C84.6005 20.05 83.8655 20.165 83.0155 20.165ZM83.1805 13.31C83.4705 13.31 83.7105 13.205 83.9005 12.995C84.1005 12.785 84.2005 12.475 84.2005 12.065C84.2005 11.675 84.1005 11.38 83.9005 11.18C83.7105 10.97 83.4705 10.865 83.1805 10.865C82.8905 10.865 82.6455 10.965 82.4455 11.165C82.2555 11.365 82.1605 11.665 82.1605 12.065C82.1605 12.475 82.2555 12.785 82.4455 12.995C82.6455 13.205 82.8905 13.31 83.1805 13.31ZM83.3605 18.785C83.8605 18.785 84.2705 18.695 84.5905 18.515C84.9105 18.335 85.0705 18.12 85.0705 17.87C85.0705 17.64 84.9705 17.485 84.7705 17.405C84.5805 17.325 84.3005 17.285 83.9305 17.285H83.1655C82.9155 17.285 82.7055 17.275 82.5355 17.255C82.3755 17.245 82.2355 17.225 82.1155 17.195C81.8455 17.435 81.7105 17.68 81.7105 17.93C81.7105 18.21 81.8605 18.42 82.1605 18.56C82.4705 18.71 82.8705 18.785 83.3605 18.785Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M91.5562 17V7.22003H97.7212V9.08003H93.7612V11.345H97.1512V13.205H93.7612V17H91.5562Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M100.546 17.18C99.8661 17.18 99.3261 16.965 98.9261 16.535C98.5261 16.095 98.3261 15.56 98.3261 14.93C98.3261 14.15 98.6561 13.54 99.3161 13.1C99.9761 12.66 101.041 12.365 102.511 12.215C102.491 11.885 102.391 11.625 102.211 11.435C102.041 11.235 101.751 11.135 101.341 11.135C101.031 11.135 100.716 11.195 100.396 11.315C100.076 11.435 99.7361 11.6 99.3761 11.81L98.5811 10.355C99.0511 10.065 99.5511 9.83003 100.081 9.65003C100.621 9.47003 101.181 9.38003 101.761 9.38003C102.711 9.38003 103.441 9.65503 103.951 10.205C104.461 10.755 104.716 11.6 104.716 12.74V17H102.916L102.766 16.235H102.706C102.396 16.515 102.061 16.745 101.701 16.925C101.351 17.095 100.966 17.18 100.546 17.18ZM101.296 15.47C101.546 15.47 101.761 15.415 101.941 15.305C102.131 15.185 102.321 15.03 102.511 14.84V13.535C101.731 13.635 101.191 13.795 100.891 14.015C100.591 14.225 100.441 14.475 100.441 14.765C100.441 15.005 100.516 15.185 100.666 15.305C100.826 15.415 101.036 15.47 101.296 15.47Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M109.821 17.18C109.131 17.18 108.506 17.03 107.946 16.73C107.396 16.42 106.956 15.975 106.626 15.395C106.306 14.805 106.146 14.1 106.146 13.28C106.146 12.45 106.326 11.745 106.686 11.165C107.046 10.585 107.521 10.145 108.111 9.84503C108.701 9.53503 109.336 9.38003 110.016 9.38003C110.476 9.38003 110.881 9.45503 111.231 9.60503C111.591 9.75503 111.911 9.94503 112.191 10.175L111.156 11.6C110.806 11.31 110.471 11.165 110.151 11.165C109.621 11.165 109.196 11.355 108.876 11.735C108.566 12.115 108.411 12.63 108.411 13.28C108.411 13.92 108.566 14.435 108.876 14.825C109.196 15.205 109.596 15.395 110.076 15.395C110.316 15.395 110.551 15.345 110.781 15.245C111.011 15.135 111.221 15.005 111.411 14.855L112.281 16.295C111.911 16.615 111.511 16.845 111.081 16.985C110.651 17.115 110.231 17.18 109.821 17.18Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M116.488 17.18C115.778 17.18 115.138 17.025 114.568 16.715C113.998 16.405 113.548 15.96 113.218 15.38C112.888 14.8 112.723 14.1 112.723 13.28C112.723 12.47 112.888 11.775 113.218 11.195C113.558 10.615 113.998 10.17 114.538 9.86003C115.078 9.54003 115.643 9.38003 116.233 9.38003C116.943 9.38003 117.528 9.54003 117.988 9.86003C118.458 10.17 118.808 10.595 119.038 11.135C119.278 11.665 119.398 12.27 119.398 12.95C119.398 13.14 119.388 13.33 119.368 13.52C119.348 13.7 119.328 13.835 119.308 13.925H114.853C114.953 14.465 115.178 14.865 115.528 15.125C115.878 15.375 116.298 15.5 116.788 15.5C117.318 15.5 117.853 15.335 118.393 15.005L119.128 16.34C118.748 16.6 118.323 16.805 117.853 16.955C117.383 17.105 116.928 17.18 116.488 17.18ZM114.838 12.47H117.523C117.523 12.06 117.423 11.725 117.223 11.465C117.033 11.195 116.718 11.06 116.278 11.06C115.938 11.06 115.633 11.18 115.363 11.42C115.093 11.65 114.918 12 114.838 12.47Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_8587_60377"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "119.998",
-									"height": "24",
-									"rx": "6",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip1_8587_60377"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "23.998",
-									"height": "22.2298",
-									"fill": "white",
-									"transform": "translate(0 0.885132)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "HuggingfaceText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "120",
+      "height": "24",
+      "viewBox": "0 0 120 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_8587_60377)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "clip-path": "url(#clip1_8587_60377)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z",
+                  "fill": "#FFD21E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z",
+                  "fill": "#3A3B45"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z",
+                  "fill": "#3A3B45"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z",
+                  "fill": "#3A3B45"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "mask",
+                "attributes": {
+                  "id": "mask0_8587_60377",
+                  "style": "mask-type:alpha",
+                  "maskUnits": "userSpaceOnUse",
+                  "x": "8",
+                  "y": "11",
+                  "width": "8",
+                  "height": "5"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "mask": "url(#mask0_8587_60377)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z",
+                      "fill": "#F94040"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z",
+                  "fill": "#FFD21E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z",
+                  "fill": "#FFD21E"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M33.1528 17V7.22003H35.3578V10.985H38.7328V7.22003H40.9528V17H38.7328V12.92H35.3578V17H33.1528Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M45.3153 17.18C44.5053 17.18 43.9153 16.915 43.5453 16.385C43.1853 15.845 43.0053 15.11 43.0053 14.18V9.56003H45.2103V13.895C45.2103 14.425 45.2853 14.795 45.4353 15.005C45.5853 15.205 45.8203 15.305 46.1403 15.305C46.4203 15.305 46.6553 15.24 46.8453 15.11C47.0353 14.98 47.2403 14.77 47.4603 14.48V9.56003H49.6653V17H47.8653L47.7003 15.965H47.6553C47.3453 16.335 47.0053 16.63 46.6353 16.85C46.2653 17.07 45.8253 17.18 45.3153 17.18Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M54.2606 20.165C53.6806 20.165 53.1556 20.1 52.6856 19.97C52.2156 19.84 51.8406 19.635 51.5606 19.355C51.2806 19.075 51.1406 18.715 51.1406 18.275C51.1406 17.675 51.4956 17.175 52.2056 16.775V16.715C52.0156 16.585 51.8506 16.42 51.7106 16.22C51.5806 16.02 51.5156 15.765 51.5156 15.455C51.5156 15.185 51.5956 14.925 51.7556 14.675C51.9156 14.425 52.1156 14.22 52.3556 14.06V14C52.0956 13.82 51.8606 13.56 51.6506 13.22C51.4506 12.88 51.3506 12.495 51.3506 12.065C51.3506 11.465 51.4956 10.97 51.7856 10.58C52.0756 10.18 52.4556 9.88003 52.9256 9.68003C53.3956 9.48003 53.8956 9.38003 54.4256 9.38003C54.8656 9.38003 55.2506 9.44003 55.5806 9.56003H58.2956V11.165H57.1106C57.1806 11.275 57.2356 11.415 57.2756 11.585C57.3256 11.755 57.3506 11.94 57.3506 12.14C57.3506 12.71 57.2206 13.18 56.9606 13.55C56.7006 13.92 56.3506 14.195 55.9106 14.375C55.4706 14.555 54.9756 14.645 54.4256 14.645C54.1356 14.645 53.8356 14.595 53.5256 14.495C53.3456 14.645 53.2556 14.83 53.2556 15.05C53.2556 15.24 53.3406 15.38 53.5106 15.47C53.6806 15.56 53.9706 15.605 54.3806 15.605H55.5806C56.5006 15.605 57.2006 15.755 57.6806 16.055C58.1706 16.345 58.4156 16.825 58.4156 17.495C58.4156 18.005 58.2456 18.46 57.9056 18.86C57.5656 19.27 57.0856 19.59 56.4656 19.82C55.8456 20.05 55.1106 20.165 54.2606 20.165ZM54.4256 13.31C54.7156 13.31 54.9556 13.205 55.1456 12.995C55.3456 12.785 55.4456 12.475 55.4456 12.065C55.4456 11.675 55.3456 11.38 55.1456 11.18C54.9556 10.97 54.7156 10.865 54.4256 10.865C54.1356 10.865 53.8906 10.965 53.6906 11.165C53.5006 11.365 53.4056 11.665 53.4056 12.065C53.4056 12.475 53.5006 12.785 53.6906 12.995C53.8906 13.205 54.1356 13.31 54.4256 13.31ZM54.6056 18.785C55.1056 18.785 55.5156 18.695 55.8356 18.515C56.1556 18.335 56.3156 18.12 56.3156 17.87C56.3156 17.64 56.2156 17.485 56.0156 17.405C55.8256 17.325 55.5456 17.285 55.1756 17.285H54.4106C54.1606 17.285 53.9506 17.275 53.7806 17.255C53.6206 17.245 53.4806 17.225 53.3606 17.195C53.0906 17.435 52.9556 17.68 52.9556 17.93C52.9556 18.21 53.1056 18.42 53.4056 18.56C53.7156 18.71 54.1156 18.785 54.6056 18.785Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M62.2733 20.165C61.6933 20.165 61.1683 20.1 60.6983 19.97C60.2283 19.84 59.8533 19.635 59.5733 19.355C59.2933 19.075 59.1533 18.715 59.1533 18.275C59.1533 17.675 59.5083 17.175 60.2183 16.775V16.715C60.0283 16.585 59.8633 16.42 59.7233 16.22C59.5933 16.02 59.5283 15.765 59.5283 15.455C59.5283 15.185 59.6083 14.925 59.7683 14.675C59.9283 14.425 60.1283 14.22 60.3683 14.06V14C60.1083 13.82 59.8733 13.56 59.6633 13.22C59.4633 12.88 59.3633 12.495 59.3633 12.065C59.3633 11.465 59.5083 10.97 59.7983 10.58C60.0883 10.18 60.4683 9.88003 60.9383 9.68003C61.4083 9.48003 61.9083 9.38003 62.4383 9.38003C62.8783 9.38003 63.2633 9.44003 63.5933 9.56003H66.3083V11.165H65.1233C65.1933 11.275 65.2483 11.415 65.2883 11.585C65.3383 11.755 65.3633 11.94 65.3633 12.14C65.3633 12.71 65.2333 13.18 64.9733 13.55C64.7133 13.92 64.3633 14.195 63.9233 14.375C63.4833 14.555 62.9883 14.645 62.4383 14.645C62.1483 14.645 61.8483 14.595 61.5383 14.495C61.3583 14.645 61.2683 14.83 61.2683 15.05C61.2683 15.24 61.3533 15.38 61.5233 15.47C61.6933 15.56 61.9833 15.605 62.3933 15.605H63.5933C64.5133 15.605 65.2133 15.755 65.6933 16.055C66.1833 16.345 66.4283 16.825 66.4283 17.495C66.4283 18.005 66.2583 18.46 65.9183 18.86C65.5783 19.27 65.0983 19.59 64.4783 19.82C63.8583 20.05 63.1233 20.165 62.2733 20.165ZM62.4383 13.31C62.7283 13.31 62.9683 13.205 63.1583 12.995C63.3583 12.785 63.4583 12.475 63.4583 12.065C63.4583 11.675 63.3583 11.38 63.1583 11.18C62.9683 10.97 62.7283 10.865 62.4383 10.865C62.1483 10.865 61.9033 10.965 61.7033 11.165C61.5133 11.365 61.4183 11.665 61.4183 12.065C61.4183 12.475 61.5133 12.785 61.7033 12.995C61.9033 13.205 62.1483 13.31 62.4383 13.31ZM62.6183 18.785C63.1183 18.785 63.5283 18.695 63.8483 18.515C64.1683 18.335 64.3283 18.12 64.3283 17.87C64.3283 17.64 64.2283 17.485 64.0283 17.405C63.8383 17.325 63.5583 17.285 63.1883 17.285H62.4233C62.1733 17.285 61.9633 17.275 61.7933 17.255C61.6333 17.245 61.4933 17.225 61.3733 17.195C61.1033 17.435 60.9683 17.68 60.9683 17.93C60.9683 18.21 61.1183 18.42 61.4183 18.56C61.7283 18.71 62.1283 18.785 62.6183 18.785Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M67.631 17V9.56003H69.836V17H67.631ZM68.726 8.46503C68.356 8.46503 68.056 8.36003 67.826 8.15003C67.596 7.94003 67.481 7.66003 67.481 7.31003C67.481 6.96003 67.596 6.68003 67.826 6.47003C68.056 6.26003 68.356 6.15503 68.726 6.15503C69.096 6.15503 69.396 6.26003 69.626 6.47003C69.856 6.68003 69.971 6.96003 69.971 7.31003C69.971 7.66003 69.856 7.94003 69.626 8.15003C69.396 8.36003 69.096 8.46503 68.726 8.46503Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M71.7765 17V9.56003H73.5765L73.7265 10.505H73.7865C74.1065 10.205 74.4565 9.94503 74.8365 9.72503C75.2265 9.49503 75.6715 9.38003 76.1715 9.38003C76.9815 9.38003 77.5665 9.65003 77.9265 10.19C78.2965 10.72 78.4815 11.45 78.4815 12.38V17H76.2765V12.665C76.2765 12.125 76.2015 11.755 76.0515 11.555C75.9115 11.355 75.6815 11.255 75.3615 11.255C75.0815 11.255 74.8415 11.32 74.6415 11.45C74.4415 11.57 74.2215 11.745 73.9815 11.975V17H71.7765Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M83.0155 20.165C82.4355 20.165 81.9105 20.1 81.4405 19.97C80.9705 19.84 80.5955 19.635 80.3155 19.355C80.0355 19.075 79.8955 18.715 79.8955 18.275C79.8955 17.675 80.2505 17.175 80.9605 16.775V16.715C80.7705 16.585 80.6055 16.42 80.4655 16.22C80.3355 16.02 80.2705 15.765 80.2705 15.455C80.2705 15.185 80.3505 14.925 80.5105 14.675C80.6705 14.425 80.8705 14.22 81.1105 14.06V14C80.8505 13.82 80.6155 13.56 80.4055 13.22C80.2055 12.88 80.1055 12.495 80.1055 12.065C80.1055 11.465 80.2505 10.97 80.5405 10.58C80.8305 10.18 81.2105 9.88003 81.6805 9.68003C82.1505 9.48003 82.6505 9.38003 83.1805 9.38003C83.6205 9.38003 84.0055 9.44003 84.3355 9.56003H87.0505V11.165H85.8655C85.9355 11.275 85.9905 11.415 86.0305 11.585C86.0805 11.755 86.1055 11.94 86.1055 12.14C86.1055 12.71 85.9755 13.18 85.7155 13.55C85.4555 13.92 85.1055 14.195 84.6655 14.375C84.2255 14.555 83.7305 14.645 83.1805 14.645C82.8905 14.645 82.5905 14.595 82.2805 14.495C82.1005 14.645 82.0105 14.83 82.0105 15.05C82.0105 15.24 82.0955 15.38 82.2655 15.47C82.4355 15.56 82.7255 15.605 83.1355 15.605H84.3355C85.2555 15.605 85.9555 15.755 86.4355 16.055C86.9255 16.345 87.1705 16.825 87.1705 17.495C87.1705 18.005 87.0005 18.46 86.6605 18.86C86.3205 19.27 85.8405 19.59 85.2205 19.82C84.6005 20.05 83.8655 20.165 83.0155 20.165ZM83.1805 13.31C83.4705 13.31 83.7105 13.205 83.9005 12.995C84.1005 12.785 84.2005 12.475 84.2005 12.065C84.2005 11.675 84.1005 11.38 83.9005 11.18C83.7105 10.97 83.4705 10.865 83.1805 10.865C82.8905 10.865 82.6455 10.965 82.4455 11.165C82.2555 11.365 82.1605 11.665 82.1605 12.065C82.1605 12.475 82.2555 12.785 82.4455 12.995C82.6455 13.205 82.8905 13.31 83.1805 13.31ZM83.3605 18.785C83.8605 18.785 84.2705 18.695 84.5905 18.515C84.9105 18.335 85.0705 18.12 85.0705 17.87C85.0705 17.64 84.9705 17.485 84.7705 17.405C84.5805 17.325 84.3005 17.285 83.9305 17.285H83.1655C82.9155 17.285 82.7055 17.275 82.5355 17.255C82.3755 17.245 82.2355 17.225 82.1155 17.195C81.8455 17.435 81.7105 17.68 81.7105 17.93C81.7105 18.21 81.8605 18.42 82.1605 18.56C82.4705 18.71 82.8705 18.785 83.3605 18.785Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M91.5562 17V7.22003H97.7212V9.08003H93.7612V11.345H97.1512V13.205H93.7612V17H91.5562Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M100.546 17.18C99.8661 17.18 99.3261 16.965 98.9261 16.535C98.5261 16.095 98.3261 15.56 98.3261 14.93C98.3261 14.15 98.6561 13.54 99.3161 13.1C99.9761 12.66 101.041 12.365 102.511 12.215C102.491 11.885 102.391 11.625 102.211 11.435C102.041 11.235 101.751 11.135 101.341 11.135C101.031 11.135 100.716 11.195 100.396 11.315C100.076 11.435 99.7361 11.6 99.3761 11.81L98.5811 10.355C99.0511 10.065 99.5511 9.83003 100.081 9.65003C100.621 9.47003 101.181 9.38003 101.761 9.38003C102.711 9.38003 103.441 9.65503 103.951 10.205C104.461 10.755 104.716 11.6 104.716 12.74V17H102.916L102.766 16.235H102.706C102.396 16.515 102.061 16.745 101.701 16.925C101.351 17.095 100.966 17.18 100.546 17.18ZM101.296 15.47C101.546 15.47 101.761 15.415 101.941 15.305C102.131 15.185 102.321 15.03 102.511 14.84V13.535C101.731 13.635 101.191 13.795 100.891 14.015C100.591 14.225 100.441 14.475 100.441 14.765C100.441 15.005 100.516 15.185 100.666 15.305C100.826 15.415 101.036 15.47 101.296 15.47Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M109.821 17.18C109.131 17.18 108.506 17.03 107.946 16.73C107.396 16.42 106.956 15.975 106.626 15.395C106.306 14.805 106.146 14.1 106.146 13.28C106.146 12.45 106.326 11.745 106.686 11.165C107.046 10.585 107.521 10.145 108.111 9.84503C108.701 9.53503 109.336 9.38003 110.016 9.38003C110.476 9.38003 110.881 9.45503 111.231 9.60503C111.591 9.75503 111.911 9.94503 112.191 10.175L111.156 11.6C110.806 11.31 110.471 11.165 110.151 11.165C109.621 11.165 109.196 11.355 108.876 11.735C108.566 12.115 108.411 12.63 108.411 13.28C108.411 13.92 108.566 14.435 108.876 14.825C109.196 15.205 109.596 15.395 110.076 15.395C110.316 15.395 110.551 15.345 110.781 15.245C111.011 15.135 111.221 15.005 111.411 14.855L112.281 16.295C111.911 16.615 111.511 16.845 111.081 16.985C110.651 17.115 110.231 17.18 109.821 17.18Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M116.488 17.18C115.778 17.18 115.138 17.025 114.568 16.715C113.998 16.405 113.548 15.96 113.218 15.38C112.888 14.8 112.723 14.1 112.723 13.28C112.723 12.47 112.888 11.775 113.218 11.195C113.558 10.615 113.998 10.17 114.538 9.86003C115.078 9.54003 115.643 9.38003 116.233 9.38003C116.943 9.38003 117.528 9.54003 117.988 9.86003C118.458 10.17 118.808 10.595 119.038 11.135C119.278 11.665 119.398 12.27 119.398 12.95C119.398 13.14 119.388 13.33 119.368 13.52C119.348 13.7 119.328 13.835 119.308 13.925H114.853C114.953 14.465 115.178 14.865 115.528 15.125C115.878 15.375 116.298 15.5 116.788 15.5C117.318 15.5 117.853 15.335 118.393 15.005L119.128 16.34C118.748 16.6 118.323 16.805 117.853 16.955C117.383 17.105 116.928 17.18 116.488 17.18ZM114.838 12.47H117.523C117.523 12.06 117.423 11.725 117.223 11.465C117.033 11.195 116.718 11.06 116.278 11.06C115.938 11.06 115.633 11.18 115.363 11.42C115.093 11.65 114.918 12 114.838 12.47Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_8587_60377"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "119.998",
+                  "height": "24",
+                  "rx": "6",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip1_8587_60377"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "23.998",
+                  "height": "22.2298",
+                  "fill": "white",
+                  "transform": "translate(0 0.885132)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "HuggingfaceText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
index 81aa7e8ee8..f3fc3db9ba 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './HuggingfaceText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './HuggingfaceText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.json b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.json
index 0500abf2db..8b429e648b 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.json
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.json
@@ -1,350 +1,350 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "151",
-			"height": "24",
-			"viewBox": "0 0 151 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_8587_60397)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"clip-path": "url(#clip1_8587_60397)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.9267 20.2062C17.7747 20.2062 21.7049 16.2761 21.7049 11.428C21.7049 6.57993 17.7747 2.64978 12.9267 2.64978C8.07858 2.64978 4.14844 6.57993 4.14844 11.428C4.14844 16.2761 8.07858 20.2062 12.9267 20.2062Z",
-									"fill": "#FFD21E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M21.7075 11.4326C21.7075 6.58451 17.7774 2.65436 12.9293 2.65436C8.08123 2.65436 4.15108 6.58451 4.15108 11.4326C4.15108 16.2807 8.08123 20.2108 12.9293 20.2108C17.7774 20.2108 21.7075 16.2807 21.7075 11.4326ZM3.14062 11.4326C3.14062 6.02647 7.52316 1.64392 12.9293 1.64392C18.3354 1.64392 22.718 6.02647 22.718 11.4326C22.718 16.8387 18.3354 21.2213 12.9293 21.2213C7.52316 21.2213 3.14062 16.8387 3.14062 11.4326Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M15.7803 9.03703C16.1022 9.1507 16.2303 9.81254 16.5555 9.6396C17.1714 9.31212 17.4052 8.54734 17.0777 7.93142C16.7503 7.31553 15.9855 7.08172 15.3696 7.4092C14.7536 7.73669 14.5198 8.50147 14.8473 9.11738C15.0019 9.40809 15.4925 8.9354 15.7803 9.03703Z",
-									"fill": "#3A3B45"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.83227 9.03703C9.51034 9.1507 9.38227 9.81254 9.05706 9.6396C8.44114 9.31212 8.20733 8.54734 8.53481 7.93142C8.8623 7.31553 9.62708 7.08172 10.243 7.4092C10.8589 7.73669 11.0927 8.50147 10.7652 9.11738C10.6107 9.40809 10.12 8.9354 9.83227 9.03703Z",
-									"fill": "#3A3B45"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.866 15.1044C15.3487 15.1044 16.1499 12.8908 16.1499 11.7541C16.1499 11.1633 15.7528 11.3492 15.1167 11.6641C14.5289 11.9551 13.7371 12.3563 12.866 12.3563C11.0523 12.3563 9.58203 10.6173 9.58203 11.7541C9.58203 12.8908 10.3832 15.1044 12.866 15.1044Z",
-									"fill": "#3A3B45"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "mask",
-								"attributes": {
-									"id": "mask0_8587_60397",
-									"style": "mask-type:alpha",
-									"maskUnits": "userSpaceOnUse",
-									"x": "9",
-									"y": "11",
-									"width": "8",
-									"height": "5"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M12.8543 15.1005C15.337 15.1005 16.1382 12.8869 16.1382 11.7502C16.1382 11.1594 15.7411 11.3453 15.105 11.6602C14.5172 11.9512 13.7253 12.3524 12.8543 12.3524C11.0406 12.3524 9.57031 10.6134 9.57031 11.7502C9.57031 12.8869 10.3715 15.1005 12.8543 15.1005Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"mask": "url(#mask0_8587_60397)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M12.9175 17.6824C14.1274 17.6824 15.1083 16.7016 15.1083 15.4916C15.1083 14.5491 14.5133 13.7457 13.6783 13.4364C13.6476 13.425 13.6166 13.4143 13.5852 13.4043C13.3747 13.337 13.1503 14.0606 12.9175 14.0606C12.6999 14.0606 12.4897 13.3324 12.2913 13.3915C11.3864 13.6609 10.7266 14.4991 10.7266 15.4916C10.7266 16.7016 11.7075 17.6824 12.9175 17.6824Z",
-											"fill": "#F94040"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M18.8679 10.2273C19.3213 10.2273 19.6888 9.85972 19.6888 9.40631C19.6888 8.9529 19.3213 8.58533 18.8679 8.58533C18.4144 8.58533 18.0469 8.9529 18.0469 9.40631C18.0469 9.85972 18.4144 10.2273 18.8679 10.2273Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.11786 10.2273C7.57127 10.2273 7.93885 9.85972 7.93885 9.40631C7.93885 8.9529 7.57127 8.58533 7.11786 8.58533C6.66442 8.58533 6.29688 8.9529 6.29688 9.40631C6.29688 9.85972 6.66442 10.2273 7.11786 10.2273Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.4272 13.0092C5.01822 13.0092 4.6527 13.1771 4.39781 13.4818C4.24018 13.6705 4.07548 13.9746 4.06209 14.4301C3.89057 14.3808 3.72561 14.3533 3.57152 14.3533C3.17997 14.3533 2.82632 14.5033 2.57623 14.7759C2.25491 15.1258 2.11219 15.5557 2.17433 15.9859C2.20389 16.1908 2.27234 16.3744 2.37465 16.5444C2.15892 16.719 2.00003 16.962 1.92323 17.2543C1.86311 17.4834 1.80148 17.9606 2.1233 18.4522C2.10284 18.4842 2.08364 18.5176 2.06571 18.5517C1.87221 18.919 1.85983 19.334 2.03059 19.7205C2.28952 20.3063 2.93292 20.7678 4.18233 21.2632C4.95962 21.5714 5.67072 21.7684 5.67703 21.7702C6.70465 22.0367 7.63401 22.1721 8.43858 22.1721C9.91736 22.1721 10.9761 21.7192 11.5854 20.8259C12.566 19.3876 12.4258 18.072 11.1569 16.8039C10.4547 16.1021 9.98784 15.0674 9.89058 14.8403C9.69456 14.1679 9.1762 13.4204 8.31454 13.4204C8.24205 13.4204 8.16854 13.4262 8.09629 13.4376C7.71889 13.4969 7.38898 13.7142 7.15329 14.0411C6.89891 13.7248 6.65186 13.4732 6.4283 13.3312C6.09132 13.1175 5.75459 13.0092 5.4272 13.0092ZM5.4272 14.0196C5.55603 14.0196 5.71341 14.0744 5.88695 14.1846C6.42577 14.5263 7.46552 16.3136 7.8462 17.0087C7.97377 17.2417 8.19178 17.3402 8.38805 17.3402C8.77758 17.3402 9.08172 16.9529 8.42367 16.4608C7.4342 15.7204 7.78128 14.5102 8.25366 14.4356C8.27438 14.4324 8.29484 14.4308 8.31454 14.4308C8.74398 14.4308 8.93344 15.171 8.93344 15.171C8.93344 15.171 9.48868 16.5654 10.4425 17.5185C11.3964 18.4719 11.4457 19.237 10.7505 20.2566C10.2763 20.9517 9.36869 21.1617 8.43858 21.1617C7.47386 21.1617 6.48488 20.9358 5.93066 20.7921C5.90337 20.785 2.53279 19.8329 2.9597 19.0226C3.03144 18.8864 3.14966 18.8318 3.29845 18.8318C3.89966 18.8318 4.99322 19.7266 5.46332 19.7266C5.56841 19.7266 5.64243 19.6819 5.67274 19.5727C5.87306 18.8541 2.62701 18.5519 2.90059 17.5109C2.94884 17.3268 3.07969 17.252 3.26359 17.2523C4.05805 17.2523 5.84047 18.6495 6.21408 18.6495C6.24263 18.6495 6.26309 18.6411 6.27421 18.6234C6.46139 18.3213 6.35883 18.1104 5.03944 17.3119C3.72006 16.5131 2.79398 16.0327 3.32068 15.4592C3.38131 15.393 3.46719 15.3637 3.57152 15.3637C4.37255 15.364 6.26511 17.0863 6.26511 17.0863C6.26511 17.0863 6.77589 17.6175 7.08483 17.6175C7.15582 17.6175 7.21619 17.5895 7.25711 17.5203C7.47613 17.151 5.22284 15.4433 5.09578 14.7388C5.00964 14.2613 5.15615 14.0196 5.4272 14.0196Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M10.7569 20.2539C11.4521 19.2344 11.4028 18.4692 10.4489 17.5159C9.49509 16.5628 8.93985 15.1684 8.93985 15.1684C8.93985 15.1684 8.73245 14.3585 8.26007 14.433C7.78769 14.5075 7.44085 15.7178 8.43033 16.4582C9.41981 17.1984 8.2333 17.7013 7.85261 17.0061C7.47193 16.3109 6.43243 14.5237 5.89336 14.1819C5.35454 13.8402 4.97512 14.0316 5.10218 14.7362C5.22925 15.4407 7.48279 17.1483 7.26352 17.5179C7.04426 17.8872 6.27152 17.0837 6.27152 17.0837C6.27152 17.0837 3.85353 14.8832 3.32707 15.4566C2.80063 16.03 3.72646 16.5105 5.04585 17.3093C6.36549 18.1078 6.4678 18.3187 6.28061 18.6208C6.09317 18.9229 3.18056 16.4673 2.90698 17.5083C2.63365 18.5493 5.87947 18.8514 5.67915 19.5701C5.47883 20.2891 3.39275 18.2098 2.96609 19.0199C2.53918 19.8303 5.90978 20.7824 5.93706 20.7895C7.02582 21.0719 9.79089 21.6703 10.7569 20.2539Z",
-									"fill": "#FFD21E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M20.5549 13.0092C20.9639 13.0092 21.3294 13.1771 21.5843 13.4818C21.7419 13.6705 21.9066 13.9746 21.92 14.4301C22.0915 14.3808 22.2565 14.3533 22.4106 14.3533C22.8021 14.3533 23.1558 14.5033 23.4058 14.7759C23.7272 15.1258 23.8699 15.5557 23.8078 15.9859C23.7782 16.1908 23.7097 16.3744 23.6074 16.5444C23.8232 16.719 23.9821 16.962 24.0588 17.2543C24.119 17.4834 24.1806 17.9606 23.8588 18.4522C23.8792 18.4842 23.8984 18.5176 23.9164 18.5517C24.1099 18.919 24.1223 19.334 23.9515 19.7205C23.6926 20.3063 23.0492 20.7678 21.7997 21.2632C21.0225 21.5714 20.3114 21.7684 20.305 21.7702C19.2774 22.0367 18.3481 22.1721 17.5435 22.1721C16.0647 22.1721 15.006 21.7192 14.3967 20.8259C13.4161 19.3876 13.5563 18.072 14.8252 16.8039C15.5274 16.1021 15.9942 15.0674 16.0915 14.8403C16.2875 14.1679 16.8059 13.4204 17.6675 13.4204C17.74 13.4204 17.8135 13.4262 17.8858 13.4376C18.2632 13.4969 18.5931 13.7142 18.8288 14.0411C19.0832 13.7248 19.3302 13.4732 19.5538 13.3312C19.8908 13.1175 20.2275 13.0092 20.5549 13.0092ZM20.5549 14.0196C20.4261 14.0196 20.2687 14.0744 20.0951 14.1846C19.5563 14.5263 18.5166 16.3136 18.1359 17.0087C18.0083 17.2417 17.7903 17.3402 17.594 17.3402C17.2045 17.3402 16.9004 16.9529 17.5584 16.4608C18.5479 15.7204 18.2008 14.5102 17.7284 14.4356C17.7077 14.4324 17.6872 14.4308 17.6675 14.4308C17.2381 14.4308 17.0486 15.171 17.0486 15.171C17.0486 15.171 16.4934 16.5654 15.5395 17.5185C14.5857 18.4719 14.5364 19.237 15.2316 20.2566C15.7058 20.9517 16.6134 21.1617 17.5435 21.1617C18.5082 21.1617 19.4972 20.9358 20.0514 20.7921C20.0787 20.785 23.4493 19.8329 23.0224 19.0226C22.9506 18.8864 22.8324 18.8318 22.6836 18.8318C22.0824 18.8318 20.9889 19.7266 20.5188 19.7266C20.4137 19.7266 20.3397 19.6819 20.3093 19.5727C20.109 18.8541 23.3551 18.5519 23.0815 17.5109C23.0332 17.3268 22.9024 17.252 22.7185 17.2523C21.924 17.2523 20.1416 18.6495 19.768 18.6495C19.7395 18.6495 19.719 18.6411 19.7079 18.6234C19.5207 18.3213 19.6233 18.1104 20.9426 17.3119C22.262 16.5131 23.1881 16.0327 22.6614 15.4592C22.6008 15.393 22.5149 15.3637 22.4106 15.3637C21.6095 15.364 19.717 17.0863 19.717 17.0863C19.717 17.0863 19.2062 17.6175 18.8972 17.6175C18.8263 17.6175 18.7659 17.5895 18.725 17.5203C18.506 17.151 20.7592 15.4433 20.8863 14.7388C20.9724 14.2613 20.8259 14.0196 20.5549 14.0196Z",
-									"fill": "#FF9D0B"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M15.2334 20.2539C14.5382 19.2344 14.5875 18.4692 15.5414 17.5159C16.4952 16.5628 17.0505 15.1684 17.0505 15.1684C17.0505 15.1684 17.2578 14.3585 17.7302 14.433C18.2026 14.5075 18.5494 15.7178 17.56 16.4582C16.5705 17.1984 17.757 17.7013 18.1377 17.0061C18.5184 16.3109 19.5579 14.5237 20.0969 14.1819C20.6358 13.8402 21.0152 14.0316 20.8881 14.7362C20.7611 15.4407 18.5075 17.1483 18.7268 17.5179C18.946 17.8872 19.7188 17.0837 19.7188 17.0837C19.7188 17.0837 22.1368 14.8832 22.6632 15.4566C23.1897 16.03 22.2638 16.5105 20.9445 17.3093C19.6248 18.1078 19.5225 18.3187 19.7097 18.6208C19.8971 18.9229 22.8097 16.4673 23.0833 17.5083C23.3566 18.5493 20.1108 18.8514 20.3112 19.5701C20.5115 20.2891 22.5975 18.2098 23.0242 19.0199C23.4511 19.8303 20.0805 20.7824 20.0532 20.7895C18.9645 21.0719 16.1994 21.6703 15.2334 20.2539Z",
-									"fill": "#FFD21E"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M34.1509 17V7.22003H36.3559V10.985H39.7309V7.22003H41.9509V17H39.7309V12.92H36.3559V17H34.1509Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M46.3133 17.18C45.5033 17.18 44.9133 16.915 44.5433 16.385C44.1833 15.845 44.0033 15.11 44.0033 14.18V9.56003H46.2083V13.895C46.2083 14.425 46.2833 14.795 46.4333 15.005C46.5833 15.205 46.8183 15.305 47.1383 15.305C47.4183 15.305 47.6533 15.24 47.8433 15.11C48.0333 14.98 48.2383 14.77 48.4583 14.48V9.56003H50.6633V17H48.8633L48.6983 15.965H48.6533C48.3433 16.335 48.0033 16.63 47.6333 16.85C47.2633 17.07 46.8233 17.18 46.3133 17.18Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M55.2587 20.165C54.6787 20.165 54.1537 20.1 53.6837 19.97C53.2137 19.84 52.8387 19.635 52.5587 19.355C52.2787 19.075 52.1387 18.715 52.1387 18.275C52.1387 17.675 52.4937 17.175 53.2037 16.775V16.715C53.0137 16.585 52.8487 16.42 52.7087 16.22C52.5787 16.02 52.5137 15.765 52.5137 15.455C52.5137 15.185 52.5937 14.925 52.7537 14.675C52.9137 14.425 53.1137 14.22 53.3537 14.06V14C53.0937 13.82 52.8587 13.56 52.6487 13.22C52.4487 12.88 52.3487 12.495 52.3487 12.065C52.3487 11.465 52.4937 10.97 52.7837 10.58C53.0737 10.18 53.4537 9.88003 53.9237 9.68003C54.3937 9.48003 54.8937 9.38003 55.4237 9.38003C55.8637 9.38003 56.2487 9.44003 56.5787 9.56003H59.2937V11.165H58.1087C58.1787 11.275 58.2337 11.415 58.2737 11.585C58.3237 11.755 58.3487 11.94 58.3487 12.14C58.3487 12.71 58.2187 13.18 57.9587 13.55C57.6987 13.92 57.3487 14.195 56.9087 14.375C56.4687 14.555 55.9737 14.645 55.4237 14.645C55.1337 14.645 54.8337 14.595 54.5237 14.495C54.3437 14.645 54.2537 14.83 54.2537 15.05C54.2537 15.24 54.3387 15.38 54.5087 15.47C54.6787 15.56 54.9687 15.605 55.3787 15.605H56.5787C57.4987 15.605 58.1987 15.755 58.6787 16.055C59.1687 16.345 59.4137 16.825 59.4137 17.495C59.4137 18.005 59.2437 18.46 58.9037 18.86C58.5637 19.27 58.0837 19.59 57.4637 19.82C56.8437 20.05 56.1087 20.165 55.2587 20.165ZM55.4237 13.31C55.7137 13.31 55.9537 13.205 56.1437 12.995C56.3437 12.785 56.4437 12.475 56.4437 12.065C56.4437 11.675 56.3437 11.38 56.1437 11.18C55.9537 10.97 55.7137 10.865 55.4237 10.865C55.1337 10.865 54.8887 10.965 54.6887 11.165C54.4987 11.365 54.4037 11.665 54.4037 12.065C54.4037 12.475 54.4987 12.785 54.6887 12.995C54.8887 13.205 55.1337 13.31 55.4237 13.31ZM55.6037 18.785C56.1037 18.785 56.5137 18.695 56.8337 18.515C57.1537 18.335 57.3137 18.12 57.3137 17.87C57.3137 17.64 57.2137 17.485 57.0137 17.405C56.8237 17.325 56.5437 17.285 56.1737 17.285H55.4087C55.1587 17.285 54.9487 17.275 54.7787 17.255C54.6187 17.245 54.4787 17.225 54.3587 17.195C54.0887 17.435 53.9537 17.68 53.9537 17.93C53.9537 18.21 54.1037 18.42 54.4037 18.56C54.7137 18.71 55.1137 18.785 55.6037 18.785Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M63.2714 20.165C62.6914 20.165 62.1664 20.1 61.6964 19.97C61.2264 19.84 60.8514 19.635 60.5714 19.355C60.2914 19.075 60.1514 18.715 60.1514 18.275C60.1514 17.675 60.5064 17.175 61.2164 16.775V16.715C61.0264 16.585 60.8614 16.42 60.7214 16.22C60.5914 16.02 60.5264 15.765 60.5264 15.455C60.5264 15.185 60.6064 14.925 60.7664 14.675C60.9264 14.425 61.1264 14.22 61.3664 14.06V14C61.1064 13.82 60.8714 13.56 60.6614 13.22C60.4614 12.88 60.3614 12.495 60.3614 12.065C60.3614 11.465 60.5064 10.97 60.7964 10.58C61.0864 10.18 61.4664 9.88003 61.9364 9.68003C62.4064 9.48003 62.9064 9.38003 63.4364 9.38003C63.8764 9.38003 64.2614 9.44003 64.5914 9.56003H67.3064V11.165H66.1214C66.1914 11.275 66.2464 11.415 66.2864 11.585C66.3364 11.755 66.3614 11.94 66.3614 12.14C66.3614 12.71 66.2314 13.18 65.9714 13.55C65.7114 13.92 65.3614 14.195 64.9214 14.375C64.4814 14.555 63.9864 14.645 63.4364 14.645C63.1464 14.645 62.8464 14.595 62.5364 14.495C62.3564 14.645 62.2664 14.83 62.2664 15.05C62.2664 15.24 62.3514 15.38 62.5214 15.47C62.6914 15.56 62.9814 15.605 63.3914 15.605H64.5914C65.5114 15.605 66.2114 15.755 66.6914 16.055C67.1814 16.345 67.4264 16.825 67.4264 17.495C67.4264 18.005 67.2564 18.46 66.9164 18.86C66.5764 19.27 66.0964 19.59 65.4764 19.82C64.8564 20.05 64.1214 20.165 63.2714 20.165ZM63.4364 13.31C63.7264 13.31 63.9664 13.205 64.1564 12.995C64.3564 12.785 64.4564 12.475 64.4564 12.065C64.4564 11.675 64.3564 11.38 64.1564 11.18C63.9664 10.97 63.7264 10.865 63.4364 10.865C63.1464 10.865 62.9014 10.965 62.7014 11.165C62.5114 11.365 62.4164 11.665 62.4164 12.065C62.4164 12.475 62.5114 12.785 62.7014 12.995C62.9014 13.205 63.1464 13.31 63.4364 13.31ZM63.6164 18.785C64.1164 18.785 64.5264 18.695 64.8464 18.515C65.1664 18.335 65.3264 18.12 65.3264 17.87C65.3264 17.64 65.2264 17.485 65.0264 17.405C64.8364 17.325 64.5564 17.285 64.1864 17.285H63.4214C63.1714 17.285 62.9614 17.275 62.7914 17.255C62.6314 17.245 62.4914 17.225 62.3714 17.195C62.1014 17.435 61.9664 17.68 61.9664 17.93C61.9664 18.21 62.1164 18.42 62.4164 18.56C62.7264 18.71 63.1264 18.785 63.6164 18.785Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M68.6291 17V9.56003H70.8341V17H68.6291ZM69.7241 8.46503C69.3541 8.46503 69.0541 8.36003 68.8241 8.15003C68.5941 7.94003 68.4791 7.66003 68.4791 7.31003C68.4791 6.96003 68.5941 6.68003 68.8241 6.47003C69.0541 6.26003 69.3541 6.15503 69.7241 6.15503C70.0941 6.15503 70.3941 6.26003 70.6241 6.47003C70.8541 6.68003 70.9691 6.96003 70.9691 7.31003C70.9691 7.66003 70.8541 7.94003 70.6241 8.15003C70.3941 8.36003 70.0941 8.46503 69.7241 8.46503Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M72.7746 17V9.56003H74.5746L74.7246 10.505H74.7846C75.1046 10.205 75.4546 9.94503 75.8346 9.72503C76.2246 9.49503 76.6696 9.38003 77.1696 9.38003C77.9796 9.38003 78.5646 9.65003 78.9246 10.19C79.2946 10.72 79.4796 11.45 79.4796 12.38V17H77.2746V12.665C77.2746 12.125 77.1996 11.755 77.0496 11.555C76.9096 11.355 76.6796 11.255 76.3596 11.255C76.0796 11.255 75.8396 11.32 75.6396 11.45C75.4396 11.57 75.2196 11.745 74.9796 11.975V17H72.7746Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M84.0136 20.165C83.4336 20.165 82.9086 20.1 82.4386 19.97C81.9686 19.84 81.5936 19.635 81.3136 19.355C81.0336 19.075 80.8936 18.715 80.8936 18.275C80.8936 17.675 81.2486 17.175 81.9586 16.775V16.715C81.7686 16.585 81.6036 16.42 81.4636 16.22C81.3336 16.02 81.2686 15.765 81.2686 15.455C81.2686 15.185 81.3486 14.925 81.5086 14.675C81.6686 14.425 81.8686 14.22 82.1086 14.06V14C81.8486 13.82 81.6136 13.56 81.4036 13.22C81.2036 12.88 81.1036 12.495 81.1036 12.065C81.1036 11.465 81.2486 10.97 81.5386 10.58C81.8286 10.18 82.2086 9.88003 82.6786 9.68003C83.1486 9.48003 83.6486 9.38003 84.1786 9.38003C84.6186 9.38003 85.0036 9.44003 85.3336 9.56003H88.0486V11.165H86.8636C86.9336 11.275 86.9886 11.415 87.0286 11.585C87.0786 11.755 87.1036 11.94 87.1036 12.14C87.1036 12.71 86.9736 13.18 86.7136 13.55C86.4536 13.92 86.1036 14.195 85.6636 14.375C85.2236 14.555 84.7286 14.645 84.1786 14.645C83.8886 14.645 83.5886 14.595 83.2786 14.495C83.0986 14.645 83.0086 14.83 83.0086 15.05C83.0086 15.24 83.0936 15.38 83.2636 15.47C83.4336 15.56 83.7236 15.605 84.1336 15.605H85.3336C86.2536 15.605 86.9536 15.755 87.4336 16.055C87.9236 16.345 88.1686 16.825 88.1686 17.495C88.1686 18.005 87.9986 18.46 87.6586 18.86C87.3186 19.27 86.8386 19.59 86.2186 19.82C85.5986 20.05 84.8636 20.165 84.0136 20.165ZM84.1786 13.31C84.4686 13.31 84.7086 13.205 84.8986 12.995C85.0986 12.785 85.1986 12.475 85.1986 12.065C85.1986 11.675 85.0986 11.38 84.8986 11.18C84.7086 10.97 84.4686 10.865 84.1786 10.865C83.8886 10.865 83.6436 10.965 83.4436 11.165C83.2536 11.365 83.1586 11.665 83.1586 12.065C83.1586 12.475 83.2536 12.785 83.4436 12.995C83.6436 13.205 83.8886 13.31 84.1786 13.31ZM84.3586 18.785C84.8586 18.785 85.2686 18.695 85.5886 18.515C85.9086 18.335 86.0686 18.12 86.0686 17.87C86.0686 17.64 85.9686 17.485 85.7686 17.405C85.5786 17.325 85.2986 17.285 84.9286 17.285H84.1636C83.9136 17.285 83.7036 17.275 83.5336 17.255C83.3736 17.245 83.2336 17.225 83.1136 17.195C82.8436 17.435 82.7086 17.68 82.7086 17.93C82.7086 18.21 82.8586 18.42 83.1586 18.56C83.4686 18.71 83.8686 18.785 84.3586 18.785Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M92.5542 17V7.22003H98.7192V9.08003H94.7592V11.345H98.1492V13.205H94.7592V17H92.5542Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M101.544 17.18C100.864 17.18 100.324 16.965 99.9241 16.535C99.5241 16.095 99.3241 15.56 99.3241 14.93C99.3241 14.15 99.6541 13.54 100.314 13.1C100.974 12.66 102.039 12.365 103.509 12.215C103.489 11.885 103.389 11.625 103.209 11.435C103.039 11.235 102.749 11.135 102.339 11.135C102.029 11.135 101.714 11.195 101.394 11.315C101.074 11.435 100.734 11.6 100.374 11.81L99.5791 10.355C100.049 10.065 100.549 9.83003 101.079 9.65003C101.619 9.47003 102.179 9.38003 102.759 9.38003C103.709 9.38003 104.439 9.65503 104.949 10.205C105.459 10.755 105.714 11.6 105.714 12.74V17H103.914L103.764 16.235H103.704C103.394 16.515 103.059 16.745 102.699 16.925C102.349 17.095 101.964 17.18 101.544 17.18ZM102.294 15.47C102.544 15.47 102.759 15.415 102.939 15.305C103.129 15.185 103.319 15.03 103.509 14.84V13.535C102.729 13.635 102.189 13.795 101.889 14.015C101.589 14.225 101.439 14.475 101.439 14.765C101.439 15.005 101.514 15.185 101.664 15.305C101.824 15.415 102.034 15.47 102.294 15.47Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M110.819 17.18C110.129 17.18 109.504 17.03 108.944 16.73C108.394 16.42 107.954 15.975 107.624 15.395C107.304 14.805 107.144 14.1 107.144 13.28C107.144 12.45 107.324 11.745 107.684 11.165C108.044 10.585 108.519 10.145 109.109 9.84503C109.699 9.53503 110.334 9.38003 111.014 9.38003C111.474 9.38003 111.879 9.45503 112.229 9.60503C112.589 9.75503 112.909 9.94503 113.189 10.175L112.154 11.6C111.804 11.31 111.469 11.165 111.149 11.165C110.619 11.165 110.194 11.355 109.874 11.735C109.564 12.115 109.409 12.63 109.409 13.28C109.409 13.92 109.564 14.435 109.874 14.825C110.194 15.205 110.594 15.395 111.074 15.395C111.314 15.395 111.549 15.345 111.779 15.245C112.009 15.135 112.219 15.005 112.409 14.855L113.279 16.295C112.909 16.615 112.509 16.845 112.079 16.985C111.649 17.115 111.229 17.18 110.819 17.18Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M117.486 17.18C116.776 17.18 116.136 17.025 115.566 16.715C114.996 16.405 114.546 15.96 114.216 15.38C113.886 14.8 113.721 14.1 113.721 13.28C113.721 12.47 113.886 11.775 114.216 11.195C114.556 10.615 114.996 10.17 115.536 9.86003C116.076 9.54003 116.641 9.38003 117.231 9.38003C117.941 9.38003 118.526 9.54003 118.986 9.86003C119.456 10.17 119.806 10.595 120.036 11.135C120.276 11.665 120.396 12.27 120.396 12.95C120.396 13.14 120.386 13.33 120.366 13.52C120.346 13.7 120.326 13.835 120.306 13.925H115.851C115.951 14.465 116.176 14.865 116.526 15.125C116.876 15.375 117.296 15.5 117.786 15.5C118.316 15.5 118.851 15.335 119.391 15.005L120.126 16.34C119.746 16.6 119.321 16.805 118.851 16.955C118.381 17.105 117.926 17.18 117.486 17.18ZM115.836 12.47H118.521C118.521 12.06 118.421 11.725 118.221 11.465C118.031 11.195 117.716 11.06 117.276 11.06C116.936 11.06 116.631 11.18 116.361 11.42C116.091 11.65 115.916 12 115.836 12.47Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M125.103 17V7.22003H127.308V10.985H130.683V7.22003H132.903V17H130.683V12.92H127.308V17H125.103Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M137.265 17.18C136.455 17.18 135.865 16.915 135.495 16.385C135.135 15.845 134.955 15.11 134.955 14.18V9.56003H137.16V13.895C137.16 14.425 137.235 14.795 137.385 15.005C137.535 15.205 137.77 15.305 138.09 15.305C138.37 15.305 138.605 15.24 138.795 15.11C138.985 14.98 139.19 14.77 139.41 14.48V9.56003H141.615V17H139.815L139.65 15.965H139.605C139.295 16.335 138.955 16.63 138.585 16.85C138.215 17.07 137.775 17.18 137.265 17.18Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M147.456 17.18C147.126 17.18 146.791 17.1 146.451 16.94C146.121 16.77 145.811 16.525 145.521 16.205H145.461L145.281 17H143.556V6.48503H145.761V9.06503L145.701 10.205C145.991 9.94503 146.306 9.74503 146.646 9.60503C146.986 9.45503 147.326 9.38003 147.666 9.38003C148.266 9.38003 148.786 9.53503 149.226 9.84503C149.666 10.155 150.001 10.595 150.231 11.165C150.471 11.725 150.591 12.385 150.591 13.145C150.591 13.995 150.441 14.725 150.141 15.335C149.841 15.935 149.451 16.395 148.971 16.715C148.501 17.025 147.996 17.18 147.456 17.18ZM146.946 15.38C147.326 15.38 147.651 15.205 147.921 14.855C148.191 14.505 148.326 13.95 148.326 13.19C148.326 11.85 147.896 11.18 147.036 11.18C146.596 11.18 146.171 11.405 145.761 11.855V14.9C145.961 15.08 146.161 15.205 146.361 15.275C146.561 15.345 146.756 15.38 146.946 15.38Z",
-							"fill": "#1D2939"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_8587_60397"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"x": "0.998047",
-									"width": "150",
-									"height": "24",
-									"rx": "6",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip1_8587_60397"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "23.998",
-									"height": "22.2298",
-									"fill": "white",
-									"transform": "translate(0.998047 0.885132)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "HuggingfaceTextHub"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "151",
+      "height": "24",
+      "viewBox": "0 0 151 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_8587_60397)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "clip-path": "url(#clip1_8587_60397)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.9267 20.2062C17.7747 20.2062 21.7049 16.2761 21.7049 11.428C21.7049 6.57993 17.7747 2.64978 12.9267 2.64978C8.07858 2.64978 4.14844 6.57993 4.14844 11.428C4.14844 16.2761 8.07858 20.2062 12.9267 20.2062Z",
+                  "fill": "#FFD21E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M21.7075 11.4326C21.7075 6.58451 17.7774 2.65436 12.9293 2.65436C8.08123 2.65436 4.15108 6.58451 4.15108 11.4326C4.15108 16.2807 8.08123 20.2108 12.9293 20.2108C17.7774 20.2108 21.7075 16.2807 21.7075 11.4326ZM3.14062 11.4326C3.14062 6.02647 7.52316 1.64392 12.9293 1.64392C18.3354 1.64392 22.718 6.02647 22.718 11.4326C22.718 16.8387 18.3354 21.2213 12.9293 21.2213C7.52316 21.2213 3.14062 16.8387 3.14062 11.4326Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M15.7803 9.03703C16.1022 9.1507 16.2303 9.81254 16.5555 9.6396C17.1714 9.31212 17.4052 8.54734 17.0777 7.93142C16.7503 7.31553 15.9855 7.08172 15.3696 7.4092C14.7536 7.73669 14.5198 8.50147 14.8473 9.11738C15.0019 9.40809 15.4925 8.9354 15.7803 9.03703Z",
+                  "fill": "#3A3B45"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.83227 9.03703C9.51034 9.1507 9.38227 9.81254 9.05706 9.6396C8.44114 9.31212 8.20733 8.54734 8.53481 7.93142C8.8623 7.31553 9.62708 7.08172 10.243 7.4092C10.8589 7.73669 11.0927 8.50147 10.7652 9.11738C10.6107 9.40809 10.12 8.9354 9.83227 9.03703Z",
+                  "fill": "#3A3B45"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.866 15.1044C15.3487 15.1044 16.1499 12.8908 16.1499 11.7541C16.1499 11.1633 15.7528 11.3492 15.1167 11.6641C14.5289 11.9551 13.7371 12.3563 12.866 12.3563C11.0523 12.3563 9.58203 10.6173 9.58203 11.7541C9.58203 12.8908 10.3832 15.1044 12.866 15.1044Z",
+                  "fill": "#3A3B45"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "mask",
+                "attributes": {
+                  "id": "mask0_8587_60397",
+                  "style": "mask-type:alpha",
+                  "maskUnits": "userSpaceOnUse",
+                  "x": "9",
+                  "y": "11",
+                  "width": "8",
+                  "height": "5"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M12.8543 15.1005C15.337 15.1005 16.1382 12.8869 16.1382 11.7502C16.1382 11.1594 15.7411 11.3453 15.105 11.6602C14.5172 11.9512 13.7253 12.3524 12.8543 12.3524C11.0406 12.3524 9.57031 10.6134 9.57031 11.7502C9.57031 12.8869 10.3715 15.1005 12.8543 15.1005Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "mask": "url(#mask0_8587_60397)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M12.9175 17.6824C14.1274 17.6824 15.1083 16.7016 15.1083 15.4916C15.1083 14.5491 14.5133 13.7457 13.6783 13.4364C13.6476 13.425 13.6166 13.4143 13.5852 13.4043C13.3747 13.337 13.1503 14.0606 12.9175 14.0606C12.6999 14.0606 12.4897 13.3324 12.2913 13.3915C11.3864 13.6609 10.7266 14.4991 10.7266 15.4916C10.7266 16.7016 11.7075 17.6824 12.9175 17.6824Z",
+                      "fill": "#F94040"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M18.8679 10.2273C19.3213 10.2273 19.6888 9.85972 19.6888 9.40631C19.6888 8.9529 19.3213 8.58533 18.8679 8.58533C18.4144 8.58533 18.0469 8.9529 18.0469 9.40631C18.0469 9.85972 18.4144 10.2273 18.8679 10.2273Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.11786 10.2273C7.57127 10.2273 7.93885 9.85972 7.93885 9.40631C7.93885 8.9529 7.57127 8.58533 7.11786 8.58533C6.66442 8.58533 6.29688 8.9529 6.29688 9.40631C6.29688 9.85972 6.66442 10.2273 7.11786 10.2273Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.4272 13.0092C5.01822 13.0092 4.6527 13.1771 4.39781 13.4818C4.24018 13.6705 4.07548 13.9746 4.06209 14.4301C3.89057 14.3808 3.72561 14.3533 3.57152 14.3533C3.17997 14.3533 2.82632 14.5033 2.57623 14.7759C2.25491 15.1258 2.11219 15.5557 2.17433 15.9859C2.20389 16.1908 2.27234 16.3744 2.37465 16.5444C2.15892 16.719 2.00003 16.962 1.92323 17.2543C1.86311 17.4834 1.80148 17.9606 2.1233 18.4522C2.10284 18.4842 2.08364 18.5176 2.06571 18.5517C1.87221 18.919 1.85983 19.334 2.03059 19.7205C2.28952 20.3063 2.93292 20.7678 4.18233 21.2632C4.95962 21.5714 5.67072 21.7684 5.67703 21.7702C6.70465 22.0367 7.63401 22.1721 8.43858 22.1721C9.91736 22.1721 10.9761 21.7192 11.5854 20.8259C12.566 19.3876 12.4258 18.072 11.1569 16.8039C10.4547 16.1021 9.98784 15.0674 9.89058 14.8403C9.69456 14.1679 9.1762 13.4204 8.31454 13.4204C8.24205 13.4204 8.16854 13.4262 8.09629 13.4376C7.71889 13.4969 7.38898 13.7142 7.15329 14.0411C6.89891 13.7248 6.65186 13.4732 6.4283 13.3312C6.09132 13.1175 5.75459 13.0092 5.4272 13.0092ZM5.4272 14.0196C5.55603 14.0196 5.71341 14.0744 5.88695 14.1846C6.42577 14.5263 7.46552 16.3136 7.8462 17.0087C7.97377 17.2417 8.19178 17.3402 8.38805 17.3402C8.77758 17.3402 9.08172 16.9529 8.42367 16.4608C7.4342 15.7204 7.78128 14.5102 8.25366 14.4356C8.27438 14.4324 8.29484 14.4308 8.31454 14.4308C8.74398 14.4308 8.93344 15.171 8.93344 15.171C8.93344 15.171 9.48868 16.5654 10.4425 17.5185C11.3964 18.4719 11.4457 19.237 10.7505 20.2566C10.2763 20.9517 9.36869 21.1617 8.43858 21.1617C7.47386 21.1617 6.48488 20.9358 5.93066 20.7921C5.90337 20.785 2.53279 19.8329 2.9597 19.0226C3.03144 18.8864 3.14966 18.8318 3.29845 18.8318C3.89966 18.8318 4.99322 19.7266 5.46332 19.7266C5.56841 19.7266 5.64243 19.6819 5.67274 19.5727C5.87306 18.8541 2.62701 18.5519 2.90059 17.5109C2.94884 17.3268 3.07969 17.252 3.26359 17.2523C4.05805 17.2523 5.84047 18.6495 6.21408 18.6495C6.24263 18.6495 6.26309 18.6411 6.27421 18.6234C6.46139 18.3213 6.35883 18.1104 5.03944 17.3119C3.72006 16.5131 2.79398 16.0327 3.32068 15.4592C3.38131 15.393 3.46719 15.3637 3.57152 15.3637C4.37255 15.364 6.26511 17.0863 6.26511 17.0863C6.26511 17.0863 6.77589 17.6175 7.08483 17.6175C7.15582 17.6175 7.21619 17.5895 7.25711 17.5203C7.47613 17.151 5.22284 15.4433 5.09578 14.7388C5.00964 14.2613 5.15615 14.0196 5.4272 14.0196Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M10.7569 20.2539C11.4521 19.2344 11.4028 18.4692 10.4489 17.5159C9.49509 16.5628 8.93985 15.1684 8.93985 15.1684C8.93985 15.1684 8.73245 14.3585 8.26007 14.433C7.78769 14.5075 7.44085 15.7178 8.43033 16.4582C9.41981 17.1984 8.2333 17.7013 7.85261 17.0061C7.47193 16.3109 6.43243 14.5237 5.89336 14.1819C5.35454 13.8402 4.97512 14.0316 5.10218 14.7362C5.22925 15.4407 7.48279 17.1483 7.26352 17.5179C7.04426 17.8872 6.27152 17.0837 6.27152 17.0837C6.27152 17.0837 3.85353 14.8832 3.32707 15.4566C2.80063 16.03 3.72646 16.5105 5.04585 17.3093C6.36549 18.1078 6.4678 18.3187 6.28061 18.6208C6.09317 18.9229 3.18056 16.4673 2.90698 17.5083C2.63365 18.5493 5.87947 18.8514 5.67915 19.5701C5.47883 20.2891 3.39275 18.2098 2.96609 19.0199C2.53918 19.8303 5.90978 20.7824 5.93706 20.7895C7.02582 21.0719 9.79089 21.6703 10.7569 20.2539Z",
+                  "fill": "#FFD21E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M20.5549 13.0092C20.9639 13.0092 21.3294 13.1771 21.5843 13.4818C21.7419 13.6705 21.9066 13.9746 21.92 14.4301C22.0915 14.3808 22.2565 14.3533 22.4106 14.3533C22.8021 14.3533 23.1558 14.5033 23.4058 14.7759C23.7272 15.1258 23.8699 15.5557 23.8078 15.9859C23.7782 16.1908 23.7097 16.3744 23.6074 16.5444C23.8232 16.719 23.9821 16.962 24.0588 17.2543C24.119 17.4834 24.1806 17.9606 23.8588 18.4522C23.8792 18.4842 23.8984 18.5176 23.9164 18.5517C24.1099 18.919 24.1223 19.334 23.9515 19.7205C23.6926 20.3063 23.0492 20.7678 21.7997 21.2632C21.0225 21.5714 20.3114 21.7684 20.305 21.7702C19.2774 22.0367 18.3481 22.1721 17.5435 22.1721C16.0647 22.1721 15.006 21.7192 14.3967 20.8259C13.4161 19.3876 13.5563 18.072 14.8252 16.8039C15.5274 16.1021 15.9942 15.0674 16.0915 14.8403C16.2875 14.1679 16.8059 13.4204 17.6675 13.4204C17.74 13.4204 17.8135 13.4262 17.8858 13.4376C18.2632 13.4969 18.5931 13.7142 18.8288 14.0411C19.0832 13.7248 19.3302 13.4732 19.5538 13.3312C19.8908 13.1175 20.2275 13.0092 20.5549 13.0092ZM20.5549 14.0196C20.4261 14.0196 20.2687 14.0744 20.0951 14.1846C19.5563 14.5263 18.5166 16.3136 18.1359 17.0087C18.0083 17.2417 17.7903 17.3402 17.594 17.3402C17.2045 17.3402 16.9004 16.9529 17.5584 16.4608C18.5479 15.7204 18.2008 14.5102 17.7284 14.4356C17.7077 14.4324 17.6872 14.4308 17.6675 14.4308C17.2381 14.4308 17.0486 15.171 17.0486 15.171C17.0486 15.171 16.4934 16.5654 15.5395 17.5185C14.5857 18.4719 14.5364 19.237 15.2316 20.2566C15.7058 20.9517 16.6134 21.1617 17.5435 21.1617C18.5082 21.1617 19.4972 20.9358 20.0514 20.7921C20.0787 20.785 23.4493 19.8329 23.0224 19.0226C22.9506 18.8864 22.8324 18.8318 22.6836 18.8318C22.0824 18.8318 20.9889 19.7266 20.5188 19.7266C20.4137 19.7266 20.3397 19.6819 20.3093 19.5727C20.109 18.8541 23.3551 18.5519 23.0815 17.5109C23.0332 17.3268 22.9024 17.252 22.7185 17.2523C21.924 17.2523 20.1416 18.6495 19.768 18.6495C19.7395 18.6495 19.719 18.6411 19.7079 18.6234C19.5207 18.3213 19.6233 18.1104 20.9426 17.3119C22.262 16.5131 23.1881 16.0327 22.6614 15.4592C22.6008 15.393 22.5149 15.3637 22.4106 15.3637C21.6095 15.364 19.717 17.0863 19.717 17.0863C19.717 17.0863 19.2062 17.6175 18.8972 17.6175C18.8263 17.6175 18.7659 17.5895 18.725 17.5203C18.506 17.151 20.7592 15.4433 20.8863 14.7388C20.9724 14.2613 20.8259 14.0196 20.5549 14.0196Z",
+                  "fill": "#FF9D0B"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M15.2334 20.2539C14.5382 19.2344 14.5875 18.4692 15.5414 17.5159C16.4952 16.5628 17.0505 15.1684 17.0505 15.1684C17.0505 15.1684 17.2578 14.3585 17.7302 14.433C18.2026 14.5075 18.5494 15.7178 17.56 16.4582C16.5705 17.1984 17.757 17.7013 18.1377 17.0061C18.5184 16.3109 19.5579 14.5237 20.0969 14.1819C20.6358 13.8402 21.0152 14.0316 20.8881 14.7362C20.7611 15.4407 18.5075 17.1483 18.7268 17.5179C18.946 17.8872 19.7188 17.0837 19.7188 17.0837C19.7188 17.0837 22.1368 14.8832 22.6632 15.4566C23.1897 16.03 22.2638 16.5105 20.9445 17.3093C19.6248 18.1078 19.5225 18.3187 19.7097 18.6208C19.8971 18.9229 22.8097 16.4673 23.0833 17.5083C23.3566 18.5493 20.1108 18.8514 20.3112 19.5701C20.5115 20.2891 22.5975 18.2098 23.0242 19.0199C23.4511 19.8303 20.0805 20.7824 20.0532 20.7895C18.9645 21.0719 16.1994 21.6703 15.2334 20.2539Z",
+                  "fill": "#FFD21E"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M34.1509 17V7.22003H36.3559V10.985H39.7309V7.22003H41.9509V17H39.7309V12.92H36.3559V17H34.1509Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M46.3133 17.18C45.5033 17.18 44.9133 16.915 44.5433 16.385C44.1833 15.845 44.0033 15.11 44.0033 14.18V9.56003H46.2083V13.895C46.2083 14.425 46.2833 14.795 46.4333 15.005C46.5833 15.205 46.8183 15.305 47.1383 15.305C47.4183 15.305 47.6533 15.24 47.8433 15.11C48.0333 14.98 48.2383 14.77 48.4583 14.48V9.56003H50.6633V17H48.8633L48.6983 15.965H48.6533C48.3433 16.335 48.0033 16.63 47.6333 16.85C47.2633 17.07 46.8233 17.18 46.3133 17.18Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M55.2587 20.165C54.6787 20.165 54.1537 20.1 53.6837 19.97C53.2137 19.84 52.8387 19.635 52.5587 19.355C52.2787 19.075 52.1387 18.715 52.1387 18.275C52.1387 17.675 52.4937 17.175 53.2037 16.775V16.715C53.0137 16.585 52.8487 16.42 52.7087 16.22C52.5787 16.02 52.5137 15.765 52.5137 15.455C52.5137 15.185 52.5937 14.925 52.7537 14.675C52.9137 14.425 53.1137 14.22 53.3537 14.06V14C53.0937 13.82 52.8587 13.56 52.6487 13.22C52.4487 12.88 52.3487 12.495 52.3487 12.065C52.3487 11.465 52.4937 10.97 52.7837 10.58C53.0737 10.18 53.4537 9.88003 53.9237 9.68003C54.3937 9.48003 54.8937 9.38003 55.4237 9.38003C55.8637 9.38003 56.2487 9.44003 56.5787 9.56003H59.2937V11.165H58.1087C58.1787 11.275 58.2337 11.415 58.2737 11.585C58.3237 11.755 58.3487 11.94 58.3487 12.14C58.3487 12.71 58.2187 13.18 57.9587 13.55C57.6987 13.92 57.3487 14.195 56.9087 14.375C56.4687 14.555 55.9737 14.645 55.4237 14.645C55.1337 14.645 54.8337 14.595 54.5237 14.495C54.3437 14.645 54.2537 14.83 54.2537 15.05C54.2537 15.24 54.3387 15.38 54.5087 15.47C54.6787 15.56 54.9687 15.605 55.3787 15.605H56.5787C57.4987 15.605 58.1987 15.755 58.6787 16.055C59.1687 16.345 59.4137 16.825 59.4137 17.495C59.4137 18.005 59.2437 18.46 58.9037 18.86C58.5637 19.27 58.0837 19.59 57.4637 19.82C56.8437 20.05 56.1087 20.165 55.2587 20.165ZM55.4237 13.31C55.7137 13.31 55.9537 13.205 56.1437 12.995C56.3437 12.785 56.4437 12.475 56.4437 12.065C56.4437 11.675 56.3437 11.38 56.1437 11.18C55.9537 10.97 55.7137 10.865 55.4237 10.865C55.1337 10.865 54.8887 10.965 54.6887 11.165C54.4987 11.365 54.4037 11.665 54.4037 12.065C54.4037 12.475 54.4987 12.785 54.6887 12.995C54.8887 13.205 55.1337 13.31 55.4237 13.31ZM55.6037 18.785C56.1037 18.785 56.5137 18.695 56.8337 18.515C57.1537 18.335 57.3137 18.12 57.3137 17.87C57.3137 17.64 57.2137 17.485 57.0137 17.405C56.8237 17.325 56.5437 17.285 56.1737 17.285H55.4087C55.1587 17.285 54.9487 17.275 54.7787 17.255C54.6187 17.245 54.4787 17.225 54.3587 17.195C54.0887 17.435 53.9537 17.68 53.9537 17.93C53.9537 18.21 54.1037 18.42 54.4037 18.56C54.7137 18.71 55.1137 18.785 55.6037 18.785Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M63.2714 20.165C62.6914 20.165 62.1664 20.1 61.6964 19.97C61.2264 19.84 60.8514 19.635 60.5714 19.355C60.2914 19.075 60.1514 18.715 60.1514 18.275C60.1514 17.675 60.5064 17.175 61.2164 16.775V16.715C61.0264 16.585 60.8614 16.42 60.7214 16.22C60.5914 16.02 60.5264 15.765 60.5264 15.455C60.5264 15.185 60.6064 14.925 60.7664 14.675C60.9264 14.425 61.1264 14.22 61.3664 14.06V14C61.1064 13.82 60.8714 13.56 60.6614 13.22C60.4614 12.88 60.3614 12.495 60.3614 12.065C60.3614 11.465 60.5064 10.97 60.7964 10.58C61.0864 10.18 61.4664 9.88003 61.9364 9.68003C62.4064 9.48003 62.9064 9.38003 63.4364 9.38003C63.8764 9.38003 64.2614 9.44003 64.5914 9.56003H67.3064V11.165H66.1214C66.1914 11.275 66.2464 11.415 66.2864 11.585C66.3364 11.755 66.3614 11.94 66.3614 12.14C66.3614 12.71 66.2314 13.18 65.9714 13.55C65.7114 13.92 65.3614 14.195 64.9214 14.375C64.4814 14.555 63.9864 14.645 63.4364 14.645C63.1464 14.645 62.8464 14.595 62.5364 14.495C62.3564 14.645 62.2664 14.83 62.2664 15.05C62.2664 15.24 62.3514 15.38 62.5214 15.47C62.6914 15.56 62.9814 15.605 63.3914 15.605H64.5914C65.5114 15.605 66.2114 15.755 66.6914 16.055C67.1814 16.345 67.4264 16.825 67.4264 17.495C67.4264 18.005 67.2564 18.46 66.9164 18.86C66.5764 19.27 66.0964 19.59 65.4764 19.82C64.8564 20.05 64.1214 20.165 63.2714 20.165ZM63.4364 13.31C63.7264 13.31 63.9664 13.205 64.1564 12.995C64.3564 12.785 64.4564 12.475 64.4564 12.065C64.4564 11.675 64.3564 11.38 64.1564 11.18C63.9664 10.97 63.7264 10.865 63.4364 10.865C63.1464 10.865 62.9014 10.965 62.7014 11.165C62.5114 11.365 62.4164 11.665 62.4164 12.065C62.4164 12.475 62.5114 12.785 62.7014 12.995C62.9014 13.205 63.1464 13.31 63.4364 13.31ZM63.6164 18.785C64.1164 18.785 64.5264 18.695 64.8464 18.515C65.1664 18.335 65.3264 18.12 65.3264 17.87C65.3264 17.64 65.2264 17.485 65.0264 17.405C64.8364 17.325 64.5564 17.285 64.1864 17.285H63.4214C63.1714 17.285 62.9614 17.275 62.7914 17.255C62.6314 17.245 62.4914 17.225 62.3714 17.195C62.1014 17.435 61.9664 17.68 61.9664 17.93C61.9664 18.21 62.1164 18.42 62.4164 18.56C62.7264 18.71 63.1264 18.785 63.6164 18.785Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M68.6291 17V9.56003H70.8341V17H68.6291ZM69.7241 8.46503C69.3541 8.46503 69.0541 8.36003 68.8241 8.15003C68.5941 7.94003 68.4791 7.66003 68.4791 7.31003C68.4791 6.96003 68.5941 6.68003 68.8241 6.47003C69.0541 6.26003 69.3541 6.15503 69.7241 6.15503C70.0941 6.15503 70.3941 6.26003 70.6241 6.47003C70.8541 6.68003 70.9691 6.96003 70.9691 7.31003C70.9691 7.66003 70.8541 7.94003 70.6241 8.15003C70.3941 8.36003 70.0941 8.46503 69.7241 8.46503Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M72.7746 17V9.56003H74.5746L74.7246 10.505H74.7846C75.1046 10.205 75.4546 9.94503 75.8346 9.72503C76.2246 9.49503 76.6696 9.38003 77.1696 9.38003C77.9796 9.38003 78.5646 9.65003 78.9246 10.19C79.2946 10.72 79.4796 11.45 79.4796 12.38V17H77.2746V12.665C77.2746 12.125 77.1996 11.755 77.0496 11.555C76.9096 11.355 76.6796 11.255 76.3596 11.255C76.0796 11.255 75.8396 11.32 75.6396 11.45C75.4396 11.57 75.2196 11.745 74.9796 11.975V17H72.7746Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M84.0136 20.165C83.4336 20.165 82.9086 20.1 82.4386 19.97C81.9686 19.84 81.5936 19.635 81.3136 19.355C81.0336 19.075 80.8936 18.715 80.8936 18.275C80.8936 17.675 81.2486 17.175 81.9586 16.775V16.715C81.7686 16.585 81.6036 16.42 81.4636 16.22C81.3336 16.02 81.2686 15.765 81.2686 15.455C81.2686 15.185 81.3486 14.925 81.5086 14.675C81.6686 14.425 81.8686 14.22 82.1086 14.06V14C81.8486 13.82 81.6136 13.56 81.4036 13.22C81.2036 12.88 81.1036 12.495 81.1036 12.065C81.1036 11.465 81.2486 10.97 81.5386 10.58C81.8286 10.18 82.2086 9.88003 82.6786 9.68003C83.1486 9.48003 83.6486 9.38003 84.1786 9.38003C84.6186 9.38003 85.0036 9.44003 85.3336 9.56003H88.0486V11.165H86.8636C86.9336 11.275 86.9886 11.415 87.0286 11.585C87.0786 11.755 87.1036 11.94 87.1036 12.14C87.1036 12.71 86.9736 13.18 86.7136 13.55C86.4536 13.92 86.1036 14.195 85.6636 14.375C85.2236 14.555 84.7286 14.645 84.1786 14.645C83.8886 14.645 83.5886 14.595 83.2786 14.495C83.0986 14.645 83.0086 14.83 83.0086 15.05C83.0086 15.24 83.0936 15.38 83.2636 15.47C83.4336 15.56 83.7236 15.605 84.1336 15.605H85.3336C86.2536 15.605 86.9536 15.755 87.4336 16.055C87.9236 16.345 88.1686 16.825 88.1686 17.495C88.1686 18.005 87.9986 18.46 87.6586 18.86C87.3186 19.27 86.8386 19.59 86.2186 19.82C85.5986 20.05 84.8636 20.165 84.0136 20.165ZM84.1786 13.31C84.4686 13.31 84.7086 13.205 84.8986 12.995C85.0986 12.785 85.1986 12.475 85.1986 12.065C85.1986 11.675 85.0986 11.38 84.8986 11.18C84.7086 10.97 84.4686 10.865 84.1786 10.865C83.8886 10.865 83.6436 10.965 83.4436 11.165C83.2536 11.365 83.1586 11.665 83.1586 12.065C83.1586 12.475 83.2536 12.785 83.4436 12.995C83.6436 13.205 83.8886 13.31 84.1786 13.31ZM84.3586 18.785C84.8586 18.785 85.2686 18.695 85.5886 18.515C85.9086 18.335 86.0686 18.12 86.0686 17.87C86.0686 17.64 85.9686 17.485 85.7686 17.405C85.5786 17.325 85.2986 17.285 84.9286 17.285H84.1636C83.9136 17.285 83.7036 17.275 83.5336 17.255C83.3736 17.245 83.2336 17.225 83.1136 17.195C82.8436 17.435 82.7086 17.68 82.7086 17.93C82.7086 18.21 82.8586 18.42 83.1586 18.56C83.4686 18.71 83.8686 18.785 84.3586 18.785Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M92.5542 17V7.22003H98.7192V9.08003H94.7592V11.345H98.1492V13.205H94.7592V17H92.5542Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M101.544 17.18C100.864 17.18 100.324 16.965 99.9241 16.535C99.5241 16.095 99.3241 15.56 99.3241 14.93C99.3241 14.15 99.6541 13.54 100.314 13.1C100.974 12.66 102.039 12.365 103.509 12.215C103.489 11.885 103.389 11.625 103.209 11.435C103.039 11.235 102.749 11.135 102.339 11.135C102.029 11.135 101.714 11.195 101.394 11.315C101.074 11.435 100.734 11.6 100.374 11.81L99.5791 10.355C100.049 10.065 100.549 9.83003 101.079 9.65003C101.619 9.47003 102.179 9.38003 102.759 9.38003C103.709 9.38003 104.439 9.65503 104.949 10.205C105.459 10.755 105.714 11.6 105.714 12.74V17H103.914L103.764 16.235H103.704C103.394 16.515 103.059 16.745 102.699 16.925C102.349 17.095 101.964 17.18 101.544 17.18ZM102.294 15.47C102.544 15.47 102.759 15.415 102.939 15.305C103.129 15.185 103.319 15.03 103.509 14.84V13.535C102.729 13.635 102.189 13.795 101.889 14.015C101.589 14.225 101.439 14.475 101.439 14.765C101.439 15.005 101.514 15.185 101.664 15.305C101.824 15.415 102.034 15.47 102.294 15.47Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M110.819 17.18C110.129 17.18 109.504 17.03 108.944 16.73C108.394 16.42 107.954 15.975 107.624 15.395C107.304 14.805 107.144 14.1 107.144 13.28C107.144 12.45 107.324 11.745 107.684 11.165C108.044 10.585 108.519 10.145 109.109 9.84503C109.699 9.53503 110.334 9.38003 111.014 9.38003C111.474 9.38003 111.879 9.45503 112.229 9.60503C112.589 9.75503 112.909 9.94503 113.189 10.175L112.154 11.6C111.804 11.31 111.469 11.165 111.149 11.165C110.619 11.165 110.194 11.355 109.874 11.735C109.564 12.115 109.409 12.63 109.409 13.28C109.409 13.92 109.564 14.435 109.874 14.825C110.194 15.205 110.594 15.395 111.074 15.395C111.314 15.395 111.549 15.345 111.779 15.245C112.009 15.135 112.219 15.005 112.409 14.855L113.279 16.295C112.909 16.615 112.509 16.845 112.079 16.985C111.649 17.115 111.229 17.18 110.819 17.18Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M117.486 17.18C116.776 17.18 116.136 17.025 115.566 16.715C114.996 16.405 114.546 15.96 114.216 15.38C113.886 14.8 113.721 14.1 113.721 13.28C113.721 12.47 113.886 11.775 114.216 11.195C114.556 10.615 114.996 10.17 115.536 9.86003C116.076 9.54003 116.641 9.38003 117.231 9.38003C117.941 9.38003 118.526 9.54003 118.986 9.86003C119.456 10.17 119.806 10.595 120.036 11.135C120.276 11.665 120.396 12.27 120.396 12.95C120.396 13.14 120.386 13.33 120.366 13.52C120.346 13.7 120.326 13.835 120.306 13.925H115.851C115.951 14.465 116.176 14.865 116.526 15.125C116.876 15.375 117.296 15.5 117.786 15.5C118.316 15.5 118.851 15.335 119.391 15.005L120.126 16.34C119.746 16.6 119.321 16.805 118.851 16.955C118.381 17.105 117.926 17.18 117.486 17.18ZM115.836 12.47H118.521C118.521 12.06 118.421 11.725 118.221 11.465C118.031 11.195 117.716 11.06 117.276 11.06C116.936 11.06 116.631 11.18 116.361 11.42C116.091 11.65 115.916 12 115.836 12.47Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M125.103 17V7.22003H127.308V10.985H130.683V7.22003H132.903V17H130.683V12.92H127.308V17H125.103Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M137.265 17.18C136.455 17.18 135.865 16.915 135.495 16.385C135.135 15.845 134.955 15.11 134.955 14.18V9.56003H137.16V13.895C137.16 14.425 137.235 14.795 137.385 15.005C137.535 15.205 137.77 15.305 138.09 15.305C138.37 15.305 138.605 15.24 138.795 15.11C138.985 14.98 139.19 14.77 139.41 14.48V9.56003H141.615V17H139.815L139.65 15.965H139.605C139.295 16.335 138.955 16.63 138.585 16.85C138.215 17.07 137.775 17.18 137.265 17.18Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M147.456 17.18C147.126 17.18 146.791 17.1 146.451 16.94C146.121 16.77 145.811 16.525 145.521 16.205H145.461L145.281 17H143.556V6.48503H145.761V9.06503L145.701 10.205C145.991 9.94503 146.306 9.74503 146.646 9.60503C146.986 9.45503 147.326 9.38003 147.666 9.38003C148.266 9.38003 148.786 9.53503 149.226 9.84503C149.666 10.155 150.001 10.595 150.231 11.165C150.471 11.725 150.591 12.385 150.591 13.145C150.591 13.995 150.441 14.725 150.141 15.335C149.841 15.935 149.451 16.395 148.971 16.715C148.501 17.025 147.996 17.18 147.456 17.18ZM146.946 15.38C147.326 15.38 147.651 15.205 147.921 14.855C148.191 14.505 148.326 13.95 148.326 13.19C148.326 11.85 147.896 11.18 147.036 11.18C146.596 11.18 146.171 11.405 145.761 11.855V14.9C145.961 15.08 146.161 15.205 146.361 15.275C146.561 15.345 146.756 15.38 146.946 15.38Z",
+              "fill": "#1D2939"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_8587_60397"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "x": "0.998047",
+                  "width": "150",
+                  "height": "24",
+                  "rx": "6",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip1_8587_60397"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "23.998",
+                  "height": "22.2298",
+                  "fill": "white",
+                  "transform": "translate(0.998047 0.885132)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "HuggingfaceTextHub"
 }
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
index b08d2c9300..58400d5f98 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './HuggingfaceTextHub.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './HuggingfaceTextHub.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSpark.json b/web/app/components/base/icons/src/public/llm/IflytekSpark.json
index 1803b5f573..304f87d03c 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSpark.json
+++ b/web/app/components/base/icons/src/public/llm/IflytekSpark.json
@@ -1,44 +1,44 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.6547 16.7993C21.3111 18.0034 20.7384 19.0938 20.0054 20.048C18.9058 21.4111 15.1261 21.4111 12.8583 20.8204C10.4072 20.1616 8.6433 18.6395 8.50586 18.5259C9.46797 19.2756 10.6821 19.7072 12.0107 19.7072C15.1948 19.7072 17.7605 17.1174 17.7605 13.9368C17.7605 12.9826 17.5314 12.0966 17.119 11.3015C17.0961 11.2561 17.1419 11.2106 17.1649 11.2333C18.9745 11.5287 22.571 13.2098 21.6547 16.7993Z",
-					"fill": "#2751D0"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.9994 12.7773C21.9994 12.8454 21.9306 12.8682 21.8848 12.8C21.0372 11.0053 19.5483 10.46 17.7615 10.0511C16.4099 9.75577 15.5166 9.3014 15.1271 9.09694C15.0355 9.0515 14.9668 8.98335 14.8751 8.93791C12.0575 7.23404 12.0117 4.30339 12.0117 4.30339V0.0550813C12.0117 0.00964486 12.0804 -0.0130733 12.1034 0.0096449L18.7694 6.50706L19.2734 6.98414C20.7394 8.52898 21.7474 10.5509 21.9994 12.7773Z",
-					"fill": "#D82F20"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M20.0052 20.0462C18.1726 22.4316 15.2863 23.9992 12.0334 23.9992C6.48985 23.9992 2 19.501 2 13.9577C2 11.2543 3.05374 8.8234 4.7947 7.00594L5.29866 6.50614L9.65107 2.25783C9.69688 2.2124 9.7656 2.25783 9.7427 2.30327C9.67397 2.59861 9.55944 3.28015 9.62816 4.18888C9.71979 5.25664 10.0634 6.68789 11.0713 8.27817C11.6898 9.27777 12.5832 10.3228 13.8202 11.4133C13.9577 11.5496 14.118 11.6632 14.2784 11.7995C14.8281 12.3674 15.1488 13.1171 15.1488 13.9577C15.1488 15.6616 13.7515 17.0474 12.0563 17.0474C11.3233 17.0474 10.659 16.7975 10.1321 16.3659C10.0863 16.3204 10.1321 16.2523 10.1779 16.275C10.2925 16.2977 10.407 16.3204 10.5215 16.3204C11.1171 16.3204 11.6211 15.8433 11.6211 15.2299C11.6211 14.8665 11.4378 14.5257 11.163 14.3439C10.4299 13.7533 9.81142 13.1853 9.28455 12.6173C8.55151 11.8222 8.00174 11.0498 7.61231 10.3001C6.81055 11.2997 6.30659 12.5492 6.30659 13.935C6.30659 15.7979 7.17707 17.4563 8.55152 18.5014C8.68896 18.615 10.4528 20.1371 12.9039 20.7959C15.1259 21.432 18.9057 21.4093 20.0052 20.0462Z",
-					"fill": "#69C5F4"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "IflytekSpark"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.6547 16.7993C21.3111 18.0034 20.7384 19.0938 20.0054 20.048C18.9058 21.4111 15.1261 21.4111 12.8583 20.8204C10.4072 20.1616 8.6433 18.6395 8.50586 18.5259C9.46797 19.2756 10.6821 19.7072 12.0107 19.7072C15.1948 19.7072 17.7605 17.1174 17.7605 13.9368C17.7605 12.9826 17.5314 12.0966 17.119 11.3015C17.0961 11.2561 17.1419 11.2106 17.1649 11.2333C18.9745 11.5287 22.571 13.2098 21.6547 16.7993Z",
+          "fill": "#2751D0"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.9994 12.7773C21.9994 12.8454 21.9306 12.8682 21.8848 12.8C21.0372 11.0053 19.5483 10.46 17.7615 10.0511C16.4099 9.75577 15.5166 9.3014 15.1271 9.09694C15.0355 9.0515 14.9668 8.98335 14.8751 8.93791C12.0575 7.23404 12.0117 4.30339 12.0117 4.30339V0.0550813C12.0117 0.00964486 12.0804 -0.0130733 12.1034 0.0096449L18.7694 6.50706L19.2734 6.98414C20.7394 8.52898 21.7474 10.5509 21.9994 12.7773Z",
+          "fill": "#D82F20"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M20.0052 20.0462C18.1726 22.4316 15.2863 23.9992 12.0334 23.9992C6.48985 23.9992 2 19.501 2 13.9577C2 11.2543 3.05374 8.8234 4.7947 7.00594L5.29866 6.50614L9.65107 2.25783C9.69688 2.2124 9.7656 2.25783 9.7427 2.30327C9.67397 2.59861 9.55944 3.28015 9.62816 4.18888C9.71979 5.25664 10.0634 6.68789 11.0713 8.27817C11.6898 9.27777 12.5832 10.3228 13.8202 11.4133C13.9577 11.5496 14.118 11.6632 14.2784 11.7995C14.8281 12.3674 15.1488 13.1171 15.1488 13.9577C15.1488 15.6616 13.7515 17.0474 12.0563 17.0474C11.3233 17.0474 10.659 16.7975 10.1321 16.3659C10.0863 16.3204 10.1321 16.2523 10.1779 16.275C10.2925 16.2977 10.407 16.3204 10.5215 16.3204C11.1171 16.3204 11.6211 15.8433 11.6211 15.2299C11.6211 14.8665 11.4378 14.5257 11.163 14.3439C10.4299 13.7533 9.81142 13.1853 9.28455 12.6173C8.55151 11.8222 8.00174 11.0498 7.61231 10.3001C6.81055 11.2997 6.30659 12.5492 6.30659 13.935C6.30659 15.7979 7.17707 17.4563 8.55152 18.5014C8.68896 18.615 10.4528 20.1371 12.9039 20.7959C15.1259 21.432 18.9057 21.4093 20.0052 20.0462Z",
+          "fill": "#69C5F4"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "IflytekSpark"
 }
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
index 9eaf2eb68a..a5ca648a95 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './IflytekSpark.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './IflytekSpark.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkText.json b/web/app/components/base/icons/src/public/llm/IflytekSparkText.json
index 2b01c14a6d..e8e20988b2 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkText.json
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkText.json
@@ -1,187 +1,187 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "150",
-			"height": "24",
-			"viewBox": "0 0 150 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_8587_60507)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M19.6552 16.7993C19.3116 18.0034 18.7389 19.0938 18.0059 20.048C16.9063 21.4111 13.1266 21.4111 10.8588 20.8204C8.40766 20.1616 6.64379 18.6395 6.50635 18.5259C7.46846 19.2756 8.68255 19.7072 10.0112 19.7072C13.1953 19.7072 15.7609 17.1174 15.7609 13.9368C15.7609 12.9826 15.5319 12.0966 15.1195 11.3015C15.0966 11.2561 15.1424 11.2106 15.1653 11.2333C16.975 11.5287 20.5715 13.2098 19.6552 16.7993Z",
-							"fill": "#2751D0"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M19.9994 12.7773C19.9994 12.8454 19.9306 12.8682 19.8848 12.8C19.0372 11.0053 17.5483 10.46 15.7615 10.0511C14.4099 9.75577 13.5166 9.3014 13.1271 9.09694C13.0355 9.0515 12.9668 8.98335 12.8751 8.93791C10.0575 7.23404 10.0117 4.30339 10.0117 4.30339V0.0550813C10.0117 0.00964486 10.0804 -0.0130733 10.1034 0.0096449L16.7694 6.50706L17.2734 6.98414C18.7394 8.52898 19.7474 10.5509 19.9994 12.7773Z",
-							"fill": "#D82F20"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M18.0052 20.0462C16.1726 22.4316 13.2863 23.9992 10.0334 23.9992C4.48985 23.9992 0 19.501 0 13.9577C0 11.2543 1.05374 8.8234 2.7947 7.00594L3.29866 6.50614L7.65107 2.25783C7.69688 2.2124 7.7656 2.25783 7.7427 2.30327C7.67397 2.59861 7.55944 3.28015 7.62816 4.18888C7.71979 5.25664 8.06341 6.68789 9.07133 8.27817C9.68983 9.27777 10.5832 10.3228 11.8202 11.4133C11.9577 11.5496 12.118 11.6632 12.2784 11.7995C12.8281 12.3674 13.1488 13.1171 13.1488 13.9577C13.1488 15.6616 11.7515 17.0474 10.0563 17.0474C9.32331 17.0474 8.659 16.7975 8.13213 16.3659C8.08631 16.3204 8.13212 16.2523 8.17794 16.275C8.29247 16.2977 8.40701 16.3204 8.52155 16.3204C9.11714 16.3204 9.62111 15.8433 9.62111 15.2299C9.62111 14.8665 9.43785 14.5257 9.16296 14.3439C8.42992 13.7533 7.81142 13.1853 7.28455 12.6173C6.55151 11.8222 6.00174 11.0498 5.61231 10.3001C4.81055 11.2997 4.30659 12.5492 4.30659 13.935C4.30659 15.7979 5.17707 17.4563 6.55152 18.5014C6.68896 18.615 8.45283 20.1371 10.9039 20.7959C13.1259 21.432 16.9057 21.4093 18.0052 20.0462Z",
-							"fill": "#69C5F4"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M27 10.0997V16.3997H29.008V10.0997H27ZM27 7.89966V9.29966H29.008V7.89966H27Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M39.1482 9.09927V7.49927H31.0156V16.2993H33.2245V12.8993H38.8469V11.2993H33.2245V9.09927H39.1482Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M43.367 14.6993V7.49927H41.1582V16.2993H48.2867V14.6993H43.367Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M55.2168 7.60083L52.6064 11.3008L49.9959 7.60083H47.2852L51.502 13.1008V16.4008H53.7108V13.1008L57.9277 7.60083H55.2168Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M58.9316 7.60083V9.20083H62.2449V16.4008H64.4537V9.20083H67.6666V7.60083H58.9316Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M71.8827 14.7993V12.6993H77.7059V11.0993H71.8827V9.09927H77.9067V7.49927H69.6738V16.2993H78.1075V14.6993H71.8827V14.7993Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M85.1353 11.3008L89.4526 7.60083H86.6413L82.3241 11.4008V7.60083H80.1152V16.4008H82.3241V13.8008L83.6293 12.7008L87.0429 16.5008H89.9546L85.1353 11.3008Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M103.167 11.4C102.866 11.3 102.564 11.2001 101.962 11.1001C101.36 11.0001 99.7532 10.8001 99.1508 10.6001C98.7492 10.5001 98.448 10.3 98.448 9.80005C98.448 8.90005 99.6528 8.80005 99.6528 8.80005C99.954 8.80005 100.255 8.80005 100.356 8.80005C101.159 8.80005 102.163 8.90005 102.665 9.60005C102.765 9.70005 102.765 9.70005 102.866 9.90005L104.974 9.40005C104.773 9.10005 104.673 8.90005 104.372 8.60005C103.97 8.20005 103.468 8.00005 103.267 7.90005C102.665 7.60005 101.862 7.30005 100.356 7.30005C98.7492 7.30005 97.8456 7.70005 97.3436 8.10005C97.0423 8.30005 96.2392 8.90005 96.2392 10.1001C96.2392 11.4001 97.2431 12.0001 97.6447 12.2001C98.3476 12.5001 99.2512 12.7 100.858 12.9C101.661 13 102.263 13.1 102.464 13.3C102.665 13.4 102.765 13.6 102.765 13.9C102.765 14.3 102.464 14.6001 102.364 14.7001C101.761 15.1001 100.657 15.1001 100.556 15.1001C99.452 15.1001 98.1468 14.8001 97.6447 13.7001L95.6367 14.2001C95.7371 14.3001 95.7371 14.4001 95.8375 14.6001C95.9379 14.8001 96.2392 15.3001 96.7412 15.6001C97.0424 15.8001 97.2432 15.9001 97.3436 16.0001C97.946 16.3001 98.8496 16.7001 100.456 16.7001C100.757 16.7001 101.058 16.7001 101.36 16.7001C101.862 16.7001 102.364 16.6 102.765 16.4C104.572 15.8 104.874 14.6 104.874 13.8C104.974 12.1 103.669 11.6 103.167 11.4Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M115.318 8.80083C114.816 8.00083 114.012 7.70083 113.109 7.60083C112.908 7.60083 112.607 7.60083 112.406 7.60083H106.984V16.4008H109.193V13.1008H112.306C113.109 13.1008 114.012 13.1008 114.615 12.7008C114.916 12.5008 115.117 12.3008 115.217 12.2008C115.418 12.0008 115.518 11.8008 115.518 11.7008C115.719 11.2008 115.719 10.6008 115.719 10.4008C115.719 9.50083 115.518 9.00083 115.318 8.80083ZM112.908 11.4008C112.607 11.5008 112.205 11.5008 111.804 11.5008H109.093V9.10083H112.205C112.506 9.10083 112.607 9.10083 112.707 9.20083C113.41 9.40083 113.41 10.2008 113.41 10.4008C113.51 10.5008 113.51 11.1008 112.908 11.4008Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M122.345 7.60083H119.936L115.719 16.4008H118.128L118.831 14.7008H123.349L124.052 16.4008H126.562L122.345 7.60083ZM119.634 13.1008L121.241 9.70083L122.747 13.1008H119.634Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M134.594 12.6993C135.498 12.4993 136.301 12.2993 136.703 11.3993C136.904 10.8993 136.904 10.4993 136.904 10.1993C136.904 8.99926 136.301 8.09926 135.097 7.69926C134.695 7.59926 134.394 7.49927 133.59 7.49927H127.566V16.2993H129.775V12.7993H132.285L134.594 16.2993H137.205L134.594 12.6993ZM133.892 11.1993C133.691 11.1993 133.39 11.1993 133.39 11.1993H129.876V9.09927H133.39C133.791 9.09927 134.293 9.09927 134.594 9.49927C134.795 9.69927 134.795 10.0993 134.795 10.1993C134.695 10.8993 134.193 11.1993 133.892 11.1993Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M144.335 11.3008L148.653 7.60083H145.841L141.524 11.4008V7.60083H139.215V16.4008H141.424V13.8008L142.729 12.7008L146.143 16.5008H149.054L144.335 11.3008Z",
-							"fill": "#2B2B2D"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_8587_60507"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "150",
-									"height": "24",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "IflytekSparkText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "150",
+      "height": "24",
+      "viewBox": "0 0 150 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_8587_60507)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M19.6552 16.7993C19.3116 18.0034 18.7389 19.0938 18.0059 20.048C16.9063 21.4111 13.1266 21.4111 10.8588 20.8204C8.40766 20.1616 6.64379 18.6395 6.50635 18.5259C7.46846 19.2756 8.68255 19.7072 10.0112 19.7072C13.1953 19.7072 15.7609 17.1174 15.7609 13.9368C15.7609 12.9826 15.5319 12.0966 15.1195 11.3015C15.0966 11.2561 15.1424 11.2106 15.1653 11.2333C16.975 11.5287 20.5715 13.2098 19.6552 16.7993Z",
+              "fill": "#2751D0"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M19.9994 12.7773C19.9994 12.8454 19.9306 12.8682 19.8848 12.8C19.0372 11.0053 17.5483 10.46 15.7615 10.0511C14.4099 9.75577 13.5166 9.3014 13.1271 9.09694C13.0355 9.0515 12.9668 8.98335 12.8751 8.93791C10.0575 7.23404 10.0117 4.30339 10.0117 4.30339V0.0550813C10.0117 0.00964486 10.0804 -0.0130733 10.1034 0.0096449L16.7694 6.50706L17.2734 6.98414C18.7394 8.52898 19.7474 10.5509 19.9994 12.7773Z",
+              "fill": "#D82F20"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M18.0052 20.0462C16.1726 22.4316 13.2863 23.9992 10.0334 23.9992C4.48985 23.9992 0 19.501 0 13.9577C0 11.2543 1.05374 8.8234 2.7947 7.00594L3.29866 6.50614L7.65107 2.25783C7.69688 2.2124 7.7656 2.25783 7.7427 2.30327C7.67397 2.59861 7.55944 3.28015 7.62816 4.18888C7.71979 5.25664 8.06341 6.68789 9.07133 8.27817C9.68983 9.27777 10.5832 10.3228 11.8202 11.4133C11.9577 11.5496 12.118 11.6632 12.2784 11.7995C12.8281 12.3674 13.1488 13.1171 13.1488 13.9577C13.1488 15.6616 11.7515 17.0474 10.0563 17.0474C9.32331 17.0474 8.659 16.7975 8.13213 16.3659C8.08631 16.3204 8.13212 16.2523 8.17794 16.275C8.29247 16.2977 8.40701 16.3204 8.52155 16.3204C9.11714 16.3204 9.62111 15.8433 9.62111 15.2299C9.62111 14.8665 9.43785 14.5257 9.16296 14.3439C8.42992 13.7533 7.81142 13.1853 7.28455 12.6173C6.55151 11.8222 6.00174 11.0498 5.61231 10.3001C4.81055 11.2997 4.30659 12.5492 4.30659 13.935C4.30659 15.7979 5.17707 17.4563 6.55152 18.5014C6.68896 18.615 8.45283 20.1371 10.9039 20.7959C13.1259 21.432 16.9057 21.4093 18.0052 20.0462Z",
+              "fill": "#69C5F4"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M27 10.0997V16.3997H29.008V10.0997H27ZM27 7.89966V9.29966H29.008V7.89966H27Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M39.1482 9.09927V7.49927H31.0156V16.2993H33.2245V12.8993H38.8469V11.2993H33.2245V9.09927H39.1482Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M43.367 14.6993V7.49927H41.1582V16.2993H48.2867V14.6993H43.367Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M55.2168 7.60083L52.6064 11.3008L49.9959 7.60083H47.2852L51.502 13.1008V16.4008H53.7108V13.1008L57.9277 7.60083H55.2168Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M58.9316 7.60083V9.20083H62.2449V16.4008H64.4537V9.20083H67.6666V7.60083H58.9316Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M71.8827 14.7993V12.6993H77.7059V11.0993H71.8827V9.09927H77.9067V7.49927H69.6738V16.2993H78.1075V14.6993H71.8827V14.7993Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M85.1353 11.3008L89.4526 7.60083H86.6413L82.3241 11.4008V7.60083H80.1152V16.4008H82.3241V13.8008L83.6293 12.7008L87.0429 16.5008H89.9546L85.1353 11.3008Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M103.167 11.4C102.866 11.3 102.564 11.2001 101.962 11.1001C101.36 11.0001 99.7532 10.8001 99.1508 10.6001C98.7492 10.5001 98.448 10.3 98.448 9.80005C98.448 8.90005 99.6528 8.80005 99.6528 8.80005C99.954 8.80005 100.255 8.80005 100.356 8.80005C101.159 8.80005 102.163 8.90005 102.665 9.60005C102.765 9.70005 102.765 9.70005 102.866 9.90005L104.974 9.40005C104.773 9.10005 104.673 8.90005 104.372 8.60005C103.97 8.20005 103.468 8.00005 103.267 7.90005C102.665 7.60005 101.862 7.30005 100.356 7.30005C98.7492 7.30005 97.8456 7.70005 97.3436 8.10005C97.0423 8.30005 96.2392 8.90005 96.2392 10.1001C96.2392 11.4001 97.2431 12.0001 97.6447 12.2001C98.3476 12.5001 99.2512 12.7 100.858 12.9C101.661 13 102.263 13.1 102.464 13.3C102.665 13.4 102.765 13.6 102.765 13.9C102.765 14.3 102.464 14.6001 102.364 14.7001C101.761 15.1001 100.657 15.1001 100.556 15.1001C99.452 15.1001 98.1468 14.8001 97.6447 13.7001L95.6367 14.2001C95.7371 14.3001 95.7371 14.4001 95.8375 14.6001C95.9379 14.8001 96.2392 15.3001 96.7412 15.6001C97.0424 15.8001 97.2432 15.9001 97.3436 16.0001C97.946 16.3001 98.8496 16.7001 100.456 16.7001C100.757 16.7001 101.058 16.7001 101.36 16.7001C101.862 16.7001 102.364 16.6 102.765 16.4C104.572 15.8 104.874 14.6 104.874 13.8C104.974 12.1 103.669 11.6 103.167 11.4Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M115.318 8.80083C114.816 8.00083 114.012 7.70083 113.109 7.60083C112.908 7.60083 112.607 7.60083 112.406 7.60083H106.984V16.4008H109.193V13.1008H112.306C113.109 13.1008 114.012 13.1008 114.615 12.7008C114.916 12.5008 115.117 12.3008 115.217 12.2008C115.418 12.0008 115.518 11.8008 115.518 11.7008C115.719 11.2008 115.719 10.6008 115.719 10.4008C115.719 9.50083 115.518 9.00083 115.318 8.80083ZM112.908 11.4008C112.607 11.5008 112.205 11.5008 111.804 11.5008H109.093V9.10083H112.205C112.506 9.10083 112.607 9.10083 112.707 9.20083C113.41 9.40083 113.41 10.2008 113.41 10.4008C113.51 10.5008 113.51 11.1008 112.908 11.4008Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M122.345 7.60083H119.936L115.719 16.4008H118.128L118.831 14.7008H123.349L124.052 16.4008H126.562L122.345 7.60083ZM119.634 13.1008L121.241 9.70083L122.747 13.1008H119.634Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M134.594 12.6993C135.498 12.4993 136.301 12.2993 136.703 11.3993C136.904 10.8993 136.904 10.4993 136.904 10.1993C136.904 8.99926 136.301 8.09926 135.097 7.69926C134.695 7.59926 134.394 7.49927 133.59 7.49927H127.566V16.2993H129.775V12.7993H132.285L134.594 16.2993H137.205L134.594 12.6993ZM133.892 11.1993C133.691 11.1993 133.39 11.1993 133.39 11.1993H129.876V9.09927H133.39C133.791 9.09927 134.293 9.09927 134.594 9.49927C134.795 9.69927 134.795 10.0993 134.795 10.1993C134.695 10.8993 134.193 11.1993 133.892 11.1993Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M144.335 11.3008L148.653 7.60083H145.841L141.524 11.4008V7.60083H139.215V16.4008H141.424V13.8008L142.729 12.7008L146.143 16.5008H149.054L144.335 11.3008Z",
+              "fill": "#2B2B2D"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_8587_60507"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "150",
+                  "height": "24",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "IflytekSparkText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
index ca4df9f1aa..118262bbc6 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './IflytekSparkText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './IflytekSparkText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.json b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.json
index 22d1411037..bdca155e6b 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.json
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.json
@@ -1,98 +1,98 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "84",
-			"height": "24",
-			"viewBox": "0 0 84 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M34.8763 7.49212H33.1466V11.557H34.4438V13.0273H33.1466V18.7137H31.1574V13.0489H29.752V11.5786H31.179V7.49212H29.8384V6.02185H36.952C37.2547 6.02185 37.4925 6.25969 37.4925 6.56239V17.33H38.4438L37.7736 18.7354L35.4817 18.757L35.4601 8.11915C35.4817 7.7732 35.2222 7.49212 34.8763 7.49212Z",
-					"fill": "#2B2B2D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M26.1832 11.8599H25.3184V10.3896H27.6102C27.9129 10.3896 28.1508 10.6275 28.1508 10.9302L28.1724 17.3086H29.2319L28.5832 18.7356H26.7238C26.4211 18.7356 26.1832 18.4978 26.1832 18.1951V11.8599Z",
-					"fill": "#2B2B2D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M28.1724 6.02185H25.3184V7.55699H28.1724V6.02185Z",
-					"fill": "#2B2B2D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M50.1495 6.02162L45.5873 10.0865H48.6792L52.8306 6.02162H50.1495ZM49.09 11.773H46.1279L49.5873 15.5135H52.5495L49.09 11.773ZM43.4468 17.3514C43.2522 17.3514 43.1225 17.1784 43.1657 16.9838L45.89 6.69189C45.9765 6.34595 45.7171 6 45.3711 6H40.1387V7.44865H43.036C43.3171 7.44865 43.5333 7.72973 43.4468 7.98919L40.7873 18.0216C40.7008 18.3676 40.9603 18.7135 41.3062 18.7135H51.7927L52.5927 17.3297H43.4468V17.3514Z",
-					"fill": "#2B2B2D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M62.2792 16.465H67.1224V15.3406H62.2792V14.2379H67.1224V13.1569H62.2792V12.2271H67.1224V10.4974V6.56227C67.1224 6.25957 66.8845 6.02173 66.5818 6.02173H55.5332V11.665C55.5332 11.9677 55.771 12.2055 56.0737 12.2055H57.0035L55.5332 14.2379H60.1602V15.3406H55.5548V16.465L60.1602 16.4433V17.3515H55.5548V18.7352H67.1008V17.3515H62.2575V16.465H62.2792ZM57.6305 9.78389H63.7927L64.3981 8.61632H57.6305V7.31903H65.0035V10.8866H57.6305V9.78389ZM60.1602 13.1352H58.3224L59.0359 12.2055H60.1602V13.1352Z",
-					"fill": "#2B2B2D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M71.549 6.02173H69.4733L71.0085 12.2271H73.0842L71.549 6.02173ZM79.6788 6.02173L78.1436 12.2488H80.2409L81.776 6.02173H79.6788ZM76.6517 12.3136V6.02173H74.5112V12.3136L69.3652 18.7569H71.9814L75.6355 14.2379L79.3112 18.7785L81.949 18.7569L76.6517 12.3136Z",
-					"fill": "#2B2B2D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M20.8854 16.4979C20.5611 17.6438 20.0206 18.6817 19.3287 19.5898C18.2908 20.8871 14.7233 20.8871 12.5827 20.3249C10.2692 19.6979 8.60434 18.2492 8.47461 18.1411C9.38272 18.8546 10.5287 19.2654 11.7827 19.2654C14.7881 19.2654 17.2097 16.8006 17.2097 13.7735C17.2097 12.8654 16.9935 12.0222 16.6043 11.2654C16.5827 11.2222 16.626 11.179 16.6476 11.2006C18.3557 11.4817 21.7503 13.0817 20.8854 16.4979Z",
-					"fill": "#2751D0"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.2102 12.6705C21.2102 12.7353 21.1454 12.7569 21.1021 12.6921C20.3021 10.984 18.8967 10.465 17.2102 10.0759C15.9346 9.79478 15.0913 9.36235 14.7238 9.16775C14.6373 9.12451 14.5724 9.05964 14.4859 9.0164C11.8264 7.39478 11.7832 4.60559 11.7832 4.60559V0.562346C11.7832 0.519102 11.8481 0.497481 11.8697 0.519102L18.1616 6.70289L18.6373 7.15694C20.021 8.62721 20.9724 10.5515 21.2102 12.6705Z",
-					"fill": "#D82F20"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.3286 19.5894C17.5989 21.8596 14.8745 23.3515 11.8043 23.3515C6.57182 23.3515 2.33398 19.0704 2.33398 13.7948C2.33398 11.2218 3.32858 8.90828 4.97182 7.17855L5.4475 6.70288L9.5556 2.65964C9.59885 2.61639 9.66371 2.65964 9.64209 2.70288C9.57723 2.98396 9.46912 3.63261 9.53398 4.49747C9.62047 5.51369 9.9448 6.87585 10.8961 8.38937C11.4799 9.34072 12.3232 10.3353 13.4907 11.3731C13.6205 11.5029 13.7718 11.611 13.9232 11.7407C14.4421 12.2813 14.7448 12.9948 14.7448 13.7948C14.7448 15.4164 13.4259 16.7353 11.8259 16.7353C11.134 16.7353 10.507 16.4975 10.0097 16.0867C9.96642 16.0434 10.0097 15.9786 10.0529 16.0002C10.161 16.0218 10.2691 16.0434 10.3772 16.0434C10.9394 16.0434 11.4151 15.5894 11.4151 15.0056C11.4151 14.6596 11.2421 14.3353 10.9826 14.1623C10.2907 13.6002 9.70695 13.0596 9.20966 12.5191C8.51777 11.7623 7.99885 11.0272 7.63128 10.3137C6.87453 11.265 6.39885 12.4542 6.39885 13.7731C6.39885 15.5461 7.22047 17.1245 8.51777 18.1191C8.6475 18.2272 10.3124 19.6759 12.6259 20.3029C14.7232 20.9083 18.2907 20.8867 19.3286 19.5894Z",
-					"fill": "#69C5F4"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "IflytekSparkTextCn"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "84",
+      "height": "24",
+      "viewBox": "0 0 84 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M34.8763 7.49212H33.1466V11.557H34.4438V13.0273H33.1466V18.7137H31.1574V13.0489H29.752V11.5786H31.179V7.49212H29.8384V6.02185H36.952C37.2547 6.02185 37.4925 6.25969 37.4925 6.56239V17.33H38.4438L37.7736 18.7354L35.4817 18.757L35.4601 8.11915C35.4817 7.7732 35.2222 7.49212 34.8763 7.49212Z",
+          "fill": "#2B2B2D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M26.1832 11.8599H25.3184V10.3896H27.6102C27.9129 10.3896 28.1508 10.6275 28.1508 10.9302L28.1724 17.3086H29.2319L28.5832 18.7356H26.7238C26.4211 18.7356 26.1832 18.4978 26.1832 18.1951V11.8599Z",
+          "fill": "#2B2B2D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M28.1724 6.02185H25.3184V7.55699H28.1724V6.02185Z",
+          "fill": "#2B2B2D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M50.1495 6.02162L45.5873 10.0865H48.6792L52.8306 6.02162H50.1495ZM49.09 11.773H46.1279L49.5873 15.5135H52.5495L49.09 11.773ZM43.4468 17.3514C43.2522 17.3514 43.1225 17.1784 43.1657 16.9838L45.89 6.69189C45.9765 6.34595 45.7171 6 45.3711 6H40.1387V7.44865H43.036C43.3171 7.44865 43.5333 7.72973 43.4468 7.98919L40.7873 18.0216C40.7008 18.3676 40.9603 18.7135 41.3062 18.7135H51.7927L52.5927 17.3297H43.4468V17.3514Z",
+          "fill": "#2B2B2D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M62.2792 16.465H67.1224V15.3406H62.2792V14.2379H67.1224V13.1569H62.2792V12.2271H67.1224V10.4974V6.56227C67.1224 6.25957 66.8845 6.02173 66.5818 6.02173H55.5332V11.665C55.5332 11.9677 55.771 12.2055 56.0737 12.2055H57.0035L55.5332 14.2379H60.1602V15.3406H55.5548V16.465L60.1602 16.4433V17.3515H55.5548V18.7352H67.1008V17.3515H62.2575V16.465H62.2792ZM57.6305 9.78389H63.7927L64.3981 8.61632H57.6305V7.31903H65.0035V10.8866H57.6305V9.78389ZM60.1602 13.1352H58.3224L59.0359 12.2055H60.1602V13.1352Z",
+          "fill": "#2B2B2D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M71.549 6.02173H69.4733L71.0085 12.2271H73.0842L71.549 6.02173ZM79.6788 6.02173L78.1436 12.2488H80.2409L81.776 6.02173H79.6788ZM76.6517 12.3136V6.02173H74.5112V12.3136L69.3652 18.7569H71.9814L75.6355 14.2379L79.3112 18.7785L81.949 18.7569L76.6517 12.3136Z",
+          "fill": "#2B2B2D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M20.8854 16.4979C20.5611 17.6438 20.0206 18.6817 19.3287 19.5898C18.2908 20.8871 14.7233 20.8871 12.5827 20.3249C10.2692 19.6979 8.60434 18.2492 8.47461 18.1411C9.38272 18.8546 10.5287 19.2654 11.7827 19.2654C14.7881 19.2654 17.2097 16.8006 17.2097 13.7735C17.2097 12.8654 16.9935 12.0222 16.6043 11.2654C16.5827 11.2222 16.626 11.179 16.6476 11.2006C18.3557 11.4817 21.7503 13.0817 20.8854 16.4979Z",
+          "fill": "#2751D0"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.2102 12.6705C21.2102 12.7353 21.1454 12.7569 21.1021 12.6921C20.3021 10.984 18.8967 10.465 17.2102 10.0759C15.9346 9.79478 15.0913 9.36235 14.7238 9.16775C14.6373 9.12451 14.5724 9.05964 14.4859 9.0164C11.8264 7.39478 11.7832 4.60559 11.7832 4.60559V0.562346C11.7832 0.519102 11.8481 0.497481 11.8697 0.519102L18.1616 6.70289L18.6373 7.15694C20.021 8.62721 20.9724 10.5515 21.2102 12.6705Z",
+          "fill": "#D82F20"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.3286 19.5894C17.5989 21.8596 14.8745 23.3515 11.8043 23.3515C6.57182 23.3515 2.33398 19.0704 2.33398 13.7948C2.33398 11.2218 3.32858 8.90828 4.97182 7.17855L5.4475 6.70288L9.5556 2.65964C9.59885 2.61639 9.66371 2.65964 9.64209 2.70288C9.57723 2.98396 9.46912 3.63261 9.53398 4.49747C9.62047 5.51369 9.9448 6.87585 10.8961 8.38937C11.4799 9.34072 12.3232 10.3353 13.4907 11.3731C13.6205 11.5029 13.7718 11.611 13.9232 11.7407C14.4421 12.2813 14.7448 12.9948 14.7448 13.7948C14.7448 15.4164 13.4259 16.7353 11.8259 16.7353C11.134 16.7353 10.507 16.4975 10.0097 16.0867C9.96642 16.0434 10.0097 15.9786 10.0529 16.0002C10.161 16.0218 10.2691 16.0434 10.3772 16.0434C10.9394 16.0434 11.4151 15.5894 11.4151 15.0056C11.4151 14.6596 11.2421 14.3353 10.9826 14.1623C10.2907 13.6002 9.70695 13.0596 9.20966 12.5191C8.51777 11.7623 7.99885 11.0272 7.63128 10.3137C6.87453 11.265 6.39885 12.4542 6.39885 13.7731C6.39885 15.5461 7.22047 17.1245 8.51777 18.1191C8.6475 18.2272 10.3124 19.6759 12.6259 20.3029C14.7232 20.9083 18.2907 20.8867 19.3286 19.5894Z",
+          "fill": "#69C5F4"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "IflytekSparkTextCn"
 }
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
index f4c9524130..a21ddee7a1 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './IflytekSparkTextCn.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './IflytekSparkTextCn.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Jina.json b/web/app/components/base/icons/src/public/llm/Jina.json
index 88d70a3ff1..3b4832aeb1 100644
--- a/web/app/components/base/icons/src/public/llm/Jina.json
+++ b/web/app/components/base/icons/src/public/llm/Jina.json
@@ -1,35 +1,35 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.56053 21.4486C9.07925 21.4486 11.1211 19.4068 11.1211 16.8882C11.1211 14.3696 9.07925 12.3279 6.56053 12.3279C4.04182 12.3279 2 14.3696 2 16.8882C2 19.4068 4.04182 21.4486 6.56053 21.4486Z",
-					"fill": "#EB6161"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M22.0002 3.59467L21.9406 12.3279C21.9406 17.3055 17.9464 21.3591 12.9685 21.4485L12.8789 12.3577L12.8791 3.62447C12.8791 3.02835 13.356 2.55145 13.9522 2.55145H20.9271C21.5233 2.55145 22.0002 2.99854 22.0002 3.59467Z",
-					"fill": "#009191"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Jina"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.56053 21.4486C9.07925 21.4486 11.1211 19.4068 11.1211 16.8882C11.1211 14.3696 9.07925 12.3279 6.56053 12.3279C4.04182 12.3279 2 14.3696 2 16.8882C2 19.4068 4.04182 21.4486 6.56053 21.4486Z",
+          "fill": "#EB6161"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M22.0002 3.59467L21.9406 12.3279C21.9406 17.3055 17.9464 21.3591 12.9685 21.4485L12.8789 12.3577L12.8791 3.62447C12.8791 3.02835 13.356 2.55145 13.9522 2.55145H20.9271C21.5233 2.55145 22.0002 2.99854 22.0002 3.59467Z",
+          "fill": "#009191"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Jina"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Jina.tsx b/web/app/components/base/icons/src/public/llm/Jina.tsx
index 103bd43ad3..8e494a859d 100644
--- a/web/app/components/base/icons/src/public/llm/Jina.tsx
+++ b/web/app/components/base/icons/src/public/llm/Jina.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Jina.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Jina.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/JinaText.json b/web/app/components/base/icons/src/public/llm/JinaText.json
index 08e76ef580..addcc3734d 100644
--- a/web/app/components/base/icons/src/public/llm/JinaText.json
+++ b/web/app/components/base/icons/src/public/llm/JinaText.json
@@ -1,82 +1,82 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "58",
-			"height": "24",
-			"viewBox": "0 0 58 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_13814_61529)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4.47132 23.952C6.49932 23.952 8.14332 22.308 8.14332 20.28C8.14332 18.252 6.49932 16.608 4.47132 16.608C2.44332 16.608 0.799316 18.252 0.799316 20.28C0.799316 22.308 2.44332 23.952 4.47132 23.952Z",
-							"fill": "#EB6161"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M16.0387 8.71204C16.5187 8.71204 16.9027 9.09604 16.9027 9.57604L16.8547 16.608C16.8547 20.616 13.6387 23.88 9.63074 23.952H9.51074V16.632H9.53474L9.55874 9.60004C9.55874 9.12004 9.94274 8.73604 10.4227 8.73604H16.0387V8.71204ZM27.3187 8.71204C27.7987 8.71204 28.1827 9.09604 28.1827 9.57604V19.416C28.1827 19.896 27.7987 20.28 27.3187 20.28H21.7027C21.2227 20.28 20.8387 19.896 20.8387 19.416V9.57604C20.8387 9.09604 21.2227 8.71204 21.7027 8.71204H27.3187ZM36.1507 8.68804H36.2707C39.8707 8.73604 42.7987 11.64 42.8947 15.24V19.392C42.8947 19.872 42.5107 20.256 42.0307 20.256H32.9587C32.4787 20.256 32.0947 19.872 32.0947 19.392V9.55204C32.0947 9.07204 32.4787 8.68804 32.9587 8.68804H36.1507ZM51.0067 20.16C47.9827 19.968 45.5587 17.448 45.5587 14.376C45.5587 11.184 48.1507 8.59204 51.3427 8.59204C54.4147 8.59204 56.9347 10.992 57.1267 14.04V19.296C57.1267 19.776 56.7427 20.16 56.2627 20.16H51.0067Z",
-							"fill": "#009191"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M24.4987 7.344C26.5267 7.344 28.1707 5.7 28.1707 3.672C28.1707 1.644 26.5267 0 24.4987 0C22.4707 0 20.8267 1.644 20.8267 3.672C20.8267 5.7 22.4707 7.344 24.4987 7.344Z",
-							"fill": "#FBCB67"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_13814_61529"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "56.4",
-									"height": "24",
-									"fill": "white",
-									"transform": "translate(0.800781)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "JinaText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "58",
+      "height": "24",
+      "viewBox": "0 0 58 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_13814_61529)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4.47132 23.952C6.49932 23.952 8.14332 22.308 8.14332 20.28C8.14332 18.252 6.49932 16.608 4.47132 16.608C2.44332 16.608 0.799316 18.252 0.799316 20.28C0.799316 22.308 2.44332 23.952 4.47132 23.952Z",
+              "fill": "#EB6161"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M16.0387 8.71204C16.5187 8.71204 16.9027 9.09604 16.9027 9.57604L16.8547 16.608C16.8547 20.616 13.6387 23.88 9.63074 23.952H9.51074V16.632H9.53474L9.55874 9.60004C9.55874 9.12004 9.94274 8.73604 10.4227 8.73604H16.0387V8.71204ZM27.3187 8.71204C27.7987 8.71204 28.1827 9.09604 28.1827 9.57604V19.416C28.1827 19.896 27.7987 20.28 27.3187 20.28H21.7027C21.2227 20.28 20.8387 19.896 20.8387 19.416V9.57604C20.8387 9.09604 21.2227 8.71204 21.7027 8.71204H27.3187ZM36.1507 8.68804H36.2707C39.8707 8.73604 42.7987 11.64 42.8947 15.24V19.392C42.8947 19.872 42.5107 20.256 42.0307 20.256H32.9587C32.4787 20.256 32.0947 19.872 32.0947 19.392V9.55204C32.0947 9.07204 32.4787 8.68804 32.9587 8.68804H36.1507ZM51.0067 20.16C47.9827 19.968 45.5587 17.448 45.5587 14.376C45.5587 11.184 48.1507 8.59204 51.3427 8.59204C54.4147 8.59204 56.9347 10.992 57.1267 14.04V19.296C57.1267 19.776 56.7427 20.16 56.2627 20.16H51.0067Z",
+              "fill": "#009191"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M24.4987 7.344C26.5267 7.344 28.1707 5.7 28.1707 3.672C28.1707 1.644 26.5267 0 24.4987 0C22.4707 0 20.8267 1.644 20.8267 3.672C20.8267 5.7 22.4707 7.344 24.4987 7.344Z",
+              "fill": "#FBCB67"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_13814_61529"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "56.4",
+                  "height": "24",
+                  "fill": "white",
+                  "transform": "translate(0.800781)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "JinaText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/JinaText.tsx b/web/app/components/base/icons/src/public/llm/JinaText.tsx
index c1fc15048f..8b9e96e063 100644
--- a/web/app/components/base/icons/src/public/llm/JinaText.tsx
+++ b/web/app/components/base/icons/src/public/llm/JinaText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './JinaText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './JinaText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Localai.json b/web/app/components/base/icons/src/public/llm/Localai.json
index e0f85498d7..4816367d85 100644
--- a/web/app/components/base/icons/src/public/llm/Localai.json
+++ b/web/app/components/base/icons/src/public/llm/Localai.json
@@ -1,107 +1,107 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_10164_6300)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "24",
-							"height": "24",
-							"rx": "4",
-							"fill": "#1C0120"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "24",
-							"height": "24",
-							"fill": "url(#pattern0)"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "pattern",
-						"attributes": {
-							"id": "pattern0",
-							"patternContentUnits": "objectBoundingBox",
-							"width": "1",
-							"height": "1"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "use",
-								"attributes": {
-									"xlink:href": "#image0_10164_6300",
-									"transform": "scale(0.00390625)"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_10164_6300"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "24",
-									"height": "24",
-									"rx": "4",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "image",
-						"attributes": {
-							"id": "image0_10164_6300",
-							"width": "256",
-							"height": "256",
-							"xlink:href": "data:image/jpeg;base64,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"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Localai"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_10164_6300)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "24",
+              "height": "24",
+              "rx": "4",
+              "fill": "#1C0120"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "24",
+              "height": "24",
+              "fill": "url(#pattern0)"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "pattern",
+            "attributes": {
+              "id": "pattern0",
+              "patternContentUnits": "objectBoundingBox",
+              "width": "1",
+              "height": "1"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "use",
+                "attributes": {
+                  "xlink:href": "#image0_10164_6300",
+                  "transform": "scale(0.00390625)"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_10164_6300"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "24",
+                  "height": "24",
+                  "rx": "4",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "image",
+            "attributes": {
+              "id": "image0_10164_6300",
+              "width": "256",
+              "height": "256",
+              "xlink:href": "data:image/jpeg;base64,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"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Localai"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Localai.tsx b/web/app/components/base/icons/src/public/llm/Localai.tsx
index cecca63d29..f7abd10f6e 100644
--- a/web/app/components/base/icons/src/public/llm/Localai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Localai.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Localai.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Localai.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/LocalaiText.json b/web/app/components/base/icons/src/public/llm/LocalaiText.json
index 849f7ae4f4..ce1c9acf14 100644
--- a/web/app/components/base/icons/src/public/llm/LocalaiText.json
+++ b/web/app/components/base/icons/src/public/llm/LocalaiText.json
@@ -1,170 +1,170 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "90",
-			"height": "24",
-			"viewBox": "0 0 90 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_10164_6324)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "24",
-							"height": "24",
-							"rx": "4",
-							"fill": "#1E0122"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "24",
-							"height": "24",
-							"fill": "url(#pattern0)"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M33.0242 16.528H36.7842V18H31.2002V6.88003H33.0242V16.528Z",
-					"fill": "#1C2B33"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M41.8136 18.144C40.9816 18.144 40.2296 17.9574 39.5576 17.584C38.8856 17.2 38.3576 16.6667 37.9736 15.984C37.5896 15.2907 37.3976 14.4907 37.3976 13.584C37.3976 12.688 37.5949 11.8934 37.9896 11.2C38.3842 10.5067 38.9229 9.97337 39.6056 9.60003C40.2882 9.2267 41.0509 9.04003 41.8936 9.04003C42.7362 9.04003 43.4989 9.2267 44.1816 9.60003C44.8642 9.97337 45.4029 10.5067 45.7976 11.2C46.1922 11.8934 46.3896 12.688 46.3896 13.584C46.3896 14.48 46.1869 15.2747 45.7816 15.968C45.3762 16.6614 44.8216 17.2 44.1176 17.584C43.4242 17.9574 42.6562 18.144 41.8136 18.144ZM41.8136 16.56C42.2829 16.56 42.7202 16.448 43.1256 16.224C43.5416 16 43.8776 15.664 44.1336 15.216C44.3896 14.768 44.5176 14.224 44.5176 13.584C44.5176 12.944 44.3949 12.4054 44.1496 11.968C43.9042 11.52 43.5789 11.184 43.1736 10.96C42.7682 10.736 42.3309 10.624 41.8616 10.624C41.3922 10.624 40.9549 10.736 40.5496 10.96C40.1549 11.184 39.8402 11.52 39.6056 11.968C39.3709 12.4054 39.2536 12.944 39.2536 13.584C39.2536 14.5334 39.4936 15.2694 39.9736 15.792C40.4642 16.304 41.0776 16.56 41.8136 16.56Z",
-					"fill": "#1C2B33"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M47.2647 13.584C47.2647 12.6774 47.446 11.8827 47.8087 11.2C48.182 10.5067 48.694 9.97337 49.3447 9.60003C49.9954 9.2267 50.742 9.04003 51.5847 9.04003C52.6514 9.04003 53.5314 9.29603 54.2247 9.80803C54.9287 10.3094 55.4034 11.0294 55.6487 11.968H53.6807C53.5207 11.5307 53.2647 11.1894 52.9127 10.944C52.5607 10.6987 52.118 10.576 51.5847 10.576C50.838 10.576 50.2407 10.8427 49.7927 11.376C49.3554 11.8987 49.1367 12.6347 49.1367 13.584C49.1367 14.5334 49.3554 15.2747 49.7927 15.808C50.2407 16.3414 50.838 16.608 51.5847 16.608C52.6407 16.608 53.3394 16.144 53.6807 15.216H55.6487C55.3927 16.112 54.9127 16.8267 54.2087 17.36C53.5047 17.8827 52.63 18.144 51.5847 18.144C50.742 18.144 49.9954 17.9574 49.3447 17.584C48.694 17.2 48.182 16.6667 47.8087 15.984C47.446 15.2907 47.2647 14.4907 47.2647 13.584Z",
-					"fill": "#1C2B33"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M56.5384 13.552C56.5384 12.6667 56.7198 11.8827 57.0824 11.2C57.4558 10.5174 57.9571 9.98937 58.5864 9.61603C59.2264 9.23203 59.9304 9.04003 60.6984 9.04003C61.3918 9.04003 61.9944 9.1787 62.5064 9.45603C63.0291 9.7227 63.4451 10.0587 63.7544 10.464V9.18403H65.5944V18H63.7544V16.688C63.4451 17.104 63.0238 17.4507 62.4904 17.728C61.9571 18.0054 61.3491 18.144 60.6664 18.144C59.9091 18.144 59.2158 17.952 58.5864 17.568C57.9571 17.1734 57.4558 16.6294 57.0824 15.936C56.7198 15.232 56.5384 14.4374 56.5384 13.552ZM63.7544 13.584C63.7544 12.976 63.6264 12.448 63.3704 12C63.1251 11.552 62.7998 11.2107 62.3944 10.976C61.9891 10.7414 61.5518 10.624 61.0824 10.624C60.6131 10.624 60.1758 10.7414 59.7704 10.976C59.3651 11.2 59.0344 11.536 58.7784 11.984C58.5331 12.4214 58.4104 12.944 58.4104 13.552C58.4104 14.16 58.5331 14.6934 58.7784 15.152C59.0344 15.6107 59.3651 15.9627 59.7704 16.208C60.1864 16.4427 60.6238 16.56 61.0824 16.56C61.5518 16.56 61.9891 16.4427 62.3944 16.208C62.7998 15.9734 63.1251 15.632 63.3704 15.184C63.6264 14.7254 63.7544 14.192 63.7544 13.584Z",
-					"fill": "#1C2B33"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M69.4942 6.16003V18H67.6702V6.16003H69.4942Z",
-					"fill": "#1C2B33"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M78.2729 15.728H73.6169L72.8169 18H70.9129L74.8969 6.86403H77.0089L80.9929 18H79.0729L78.2729 15.728ZM77.7609 14.24L75.9529 9.07203L74.1289 14.24H77.7609Z",
-					"fill": "#1C2B33"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M84.2292 6.88003V18H82.4052V6.88003H84.2292Z",
-					"fill": "#1C2B33"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "pattern",
-						"attributes": {
-							"id": "pattern0",
-							"patternContentUnits": "objectBoundingBox",
-							"width": "1",
-							"height": "1"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "use",
-								"attributes": {
-									"xlink:href": "#image0_10164_6324",
-									"transform": "scale(0.00390625)"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_10164_6324"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "24",
-									"height": "24",
-									"rx": "4",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "image",
-						"attributes": {
-							"id": "image0_10164_6324",
-							"width": "256",
-							"height": "256",
-							"xlink:href": "data:image/jpeg;base64,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"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "LocalaiText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "90",
+      "height": "24",
+      "viewBox": "0 0 90 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_10164_6324)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "24",
+              "height": "24",
+              "rx": "4",
+              "fill": "#1E0122"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "24",
+              "height": "24",
+              "fill": "url(#pattern0)"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M33.0242 16.528H36.7842V18H31.2002V6.88003H33.0242V16.528Z",
+          "fill": "#1C2B33"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M41.8136 18.144C40.9816 18.144 40.2296 17.9574 39.5576 17.584C38.8856 17.2 38.3576 16.6667 37.9736 15.984C37.5896 15.2907 37.3976 14.4907 37.3976 13.584C37.3976 12.688 37.5949 11.8934 37.9896 11.2C38.3842 10.5067 38.9229 9.97337 39.6056 9.60003C40.2882 9.2267 41.0509 9.04003 41.8936 9.04003C42.7362 9.04003 43.4989 9.2267 44.1816 9.60003C44.8642 9.97337 45.4029 10.5067 45.7976 11.2C46.1922 11.8934 46.3896 12.688 46.3896 13.584C46.3896 14.48 46.1869 15.2747 45.7816 15.968C45.3762 16.6614 44.8216 17.2 44.1176 17.584C43.4242 17.9574 42.6562 18.144 41.8136 18.144ZM41.8136 16.56C42.2829 16.56 42.7202 16.448 43.1256 16.224C43.5416 16 43.8776 15.664 44.1336 15.216C44.3896 14.768 44.5176 14.224 44.5176 13.584C44.5176 12.944 44.3949 12.4054 44.1496 11.968C43.9042 11.52 43.5789 11.184 43.1736 10.96C42.7682 10.736 42.3309 10.624 41.8616 10.624C41.3922 10.624 40.9549 10.736 40.5496 10.96C40.1549 11.184 39.8402 11.52 39.6056 11.968C39.3709 12.4054 39.2536 12.944 39.2536 13.584C39.2536 14.5334 39.4936 15.2694 39.9736 15.792C40.4642 16.304 41.0776 16.56 41.8136 16.56Z",
+          "fill": "#1C2B33"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M47.2647 13.584C47.2647 12.6774 47.446 11.8827 47.8087 11.2C48.182 10.5067 48.694 9.97337 49.3447 9.60003C49.9954 9.2267 50.742 9.04003 51.5847 9.04003C52.6514 9.04003 53.5314 9.29603 54.2247 9.80803C54.9287 10.3094 55.4034 11.0294 55.6487 11.968H53.6807C53.5207 11.5307 53.2647 11.1894 52.9127 10.944C52.5607 10.6987 52.118 10.576 51.5847 10.576C50.838 10.576 50.2407 10.8427 49.7927 11.376C49.3554 11.8987 49.1367 12.6347 49.1367 13.584C49.1367 14.5334 49.3554 15.2747 49.7927 15.808C50.2407 16.3414 50.838 16.608 51.5847 16.608C52.6407 16.608 53.3394 16.144 53.6807 15.216H55.6487C55.3927 16.112 54.9127 16.8267 54.2087 17.36C53.5047 17.8827 52.63 18.144 51.5847 18.144C50.742 18.144 49.9954 17.9574 49.3447 17.584C48.694 17.2 48.182 16.6667 47.8087 15.984C47.446 15.2907 47.2647 14.4907 47.2647 13.584Z",
+          "fill": "#1C2B33"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M56.5384 13.552C56.5384 12.6667 56.7198 11.8827 57.0824 11.2C57.4558 10.5174 57.9571 9.98937 58.5864 9.61603C59.2264 9.23203 59.9304 9.04003 60.6984 9.04003C61.3918 9.04003 61.9944 9.1787 62.5064 9.45603C63.0291 9.7227 63.4451 10.0587 63.7544 10.464V9.18403H65.5944V18H63.7544V16.688C63.4451 17.104 63.0238 17.4507 62.4904 17.728C61.9571 18.0054 61.3491 18.144 60.6664 18.144C59.9091 18.144 59.2158 17.952 58.5864 17.568C57.9571 17.1734 57.4558 16.6294 57.0824 15.936C56.7198 15.232 56.5384 14.4374 56.5384 13.552ZM63.7544 13.584C63.7544 12.976 63.6264 12.448 63.3704 12C63.1251 11.552 62.7998 11.2107 62.3944 10.976C61.9891 10.7414 61.5518 10.624 61.0824 10.624C60.6131 10.624 60.1758 10.7414 59.7704 10.976C59.3651 11.2 59.0344 11.536 58.7784 11.984C58.5331 12.4214 58.4104 12.944 58.4104 13.552C58.4104 14.16 58.5331 14.6934 58.7784 15.152C59.0344 15.6107 59.3651 15.9627 59.7704 16.208C60.1864 16.4427 60.6238 16.56 61.0824 16.56C61.5518 16.56 61.9891 16.4427 62.3944 16.208C62.7998 15.9734 63.1251 15.632 63.3704 15.184C63.6264 14.7254 63.7544 14.192 63.7544 13.584Z",
+          "fill": "#1C2B33"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M69.4942 6.16003V18H67.6702V6.16003H69.4942Z",
+          "fill": "#1C2B33"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M78.2729 15.728H73.6169L72.8169 18H70.9129L74.8969 6.86403H77.0089L80.9929 18H79.0729L78.2729 15.728ZM77.7609 14.24L75.9529 9.07203L74.1289 14.24H77.7609Z",
+          "fill": "#1C2B33"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M84.2292 6.88003V18H82.4052V6.88003H84.2292Z",
+          "fill": "#1C2B33"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "pattern",
+            "attributes": {
+              "id": "pattern0",
+              "patternContentUnits": "objectBoundingBox",
+              "width": "1",
+              "height": "1"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "use",
+                "attributes": {
+                  "xlink:href": "#image0_10164_6324",
+                  "transform": "scale(0.00390625)"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_10164_6324"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "24",
+                  "height": "24",
+                  "rx": "4",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "image",
+            "attributes": {
+              "id": "image0_10164_6324",
+              "width": "256",
+              "height": "256",
+              "xlink:href": "data:image/jpeg;base64,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"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LocalaiText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/LocalaiText.tsx b/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
index 66d5ffea84..51690017cd 100644
--- a/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LocalaiText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LocalaiText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Microsoft.json b/web/app/components/base/icons/src/public/llm/Microsoft.json
index ab2c0522c7..6d30fe5464 100644
--- a/web/app/components/base/icons/src/public/llm/Microsoft.json
+++ b/web/app/components/base/icons/src/public/llm/Microsoft.json
@@ -1,76 +1,76 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "21",
-			"height": "22",
-			"viewBox": "0 0 21 22",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Microsoft"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"id": "Rectangle 1010",
-							"y": "0.5",
-							"width": "10",
-							"height": "10",
-							"fill": "#EF4F21"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"id": "Rectangle 1012",
-							"y": "11.5",
-							"width": "10",
-							"height": "10",
-							"fill": "#03A4EE"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"id": "Rectangle 1011",
-							"x": "11",
-							"y": "0.5",
-							"width": "10",
-							"height": "10",
-							"fill": "#7EB903"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"id": "Rectangle 1013",
-							"x": "11",
-							"y": "11.5",
-							"width": "10",
-							"height": "10",
-							"fill": "#FBB604"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Microsoft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "21",
+      "height": "22",
+      "viewBox": "0 0 21 22",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Microsoft"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "id": "Rectangle 1010",
+              "y": "0.5",
+              "width": "10",
+              "height": "10",
+              "fill": "#EF4F21"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "id": "Rectangle 1012",
+              "y": "11.5",
+              "width": "10",
+              "height": "10",
+              "fill": "#03A4EE"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "id": "Rectangle 1011",
+              "x": "11",
+              "y": "0.5",
+              "width": "10",
+              "height": "10",
+              "fill": "#7EB903"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "id": "Rectangle 1013",
+              "x": "11",
+              "y": "11.5",
+              "width": "10",
+              "height": "10",
+              "fill": "#FBB604"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Microsoft"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Microsoft.tsx b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
index 675af132b5..0b2301cb5c 100644
--- a/web/app/components/base/icons/src/public/llm/Microsoft.tsx
+++ b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Microsoft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Microsoft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlack.json b/web/app/components/base/icons/src/public/llm/OpenaiBlack.json
index 9f4a9914d3..b81e2f5375 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlack.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlack.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiBlack"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiBlack"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
index df5bb5f78b..1717c45bb9 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiBlack.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiBlack.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlue.json b/web/app/components/base/icons/src/public/llm/OpenaiBlue.json
index 5c716f7cdd..c5d4f974a2 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlue.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlue.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#03A4EE"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiBlue"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#03A4EE"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiBlue"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
index 15f557b067..9934a77591 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiBlue.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiBlue.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiGreen.json b/web/app/components/base/icons/src/public/llm/OpenaiGreen.json
index 8980e858ca..93501faecd 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiGreen.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiGreen.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#19C37D"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiGreen"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#19C37D"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiGreen"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
index d9e69b1f97..79a7b84de8 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiGreen.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiGreen.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTeal.json b/web/app/components/base/icons/src/public/llm/OpenaiTeal.json
index 1e85c161be..ffd0981512 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiTeal.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTeal.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#009688"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiTeal"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#009688"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiTeal"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTeal.tsx b/web/app/components/base/icons/src/public/llm/OpenaiTeal.tsx
index 286c0446b2..ef803ea52f 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiTeal.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTeal.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiTeal.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiTeal.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiText.json b/web/app/components/base/icons/src/public/llm/OpenaiText.json
index f5fc3de6b9..fcb5a404af 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiText.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiText.json
@@ -1,77 +1,77 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "52",
-			"height": "20",
-			"viewBox": "0 0 52 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M0.00390625 8.70054C0.00390625 12.058 2.16008 14.399 5.14793 14.399C8.13577 14.399 10.2919 12.058 10.2919 8.70054C10.2919 5.34307 8.13577 3.00208 5.14793 3.00208C2.16008 3.00208 0.00390625 5.34307 0.00390625 8.70054ZM8.32058 8.70054C8.32058 11.1031 7.01148 12.6587 5.14793 12.6587C3.28437 12.6587 1.97527 11.1031 1.97527 8.70054C1.97527 6.29794 3.28437 4.74242 5.14793 4.74242C7.01148 4.74242 8.32058 6.29794 8.32058 8.70054Z",
-					"fill": "black",
-					"fill-opacity": "0.92"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M15.8456 14.3975C18.1096 14.3975 19.4033 12.4877 19.4033 10.1929C19.4033 7.89816 18.1096 5.9884 15.8456 5.9884C14.7983 5.9884 14.0283 6.40424 13.52 7.00489V6.14242H11.6719V17.0003H13.52V13.381C14.0283 13.9817 14.7983 14.3975 15.8456 14.3975ZM13.4738 9.96193C13.4738 8.4372 14.3363 7.60554 15.476 7.60554C16.8159 7.60554 17.5398 8.65282 17.5398 10.1929C17.5398 11.7331 16.8159 12.7804 15.476 12.7804C14.3363 12.7804 13.4738 11.9333 13.4738 10.4394V9.96193Z",
-					"fill": "black",
-					"fill-opacity": "0.92"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M24.4039 14.3975C26.021 14.3975 27.2993 13.5504 27.8692 12.1335L26.2828 11.5329C26.0364 12.3645 25.3126 12.8266 24.4039 12.8266C23.218 12.8266 22.3863 11.9795 22.2477 10.5934H27.9154V9.97733C27.9154 7.75955 26.6679 5.9884 24.3269 5.9884C21.9859 5.9884 20.4766 7.82115 20.4766 10.1929C20.4766 12.6879 22.0937 14.3975 24.4039 14.3975ZM24.3115 7.54393C25.482 7.54393 26.0364 8.31399 26.0518 9.20727H22.3401C22.6173 8.11378 23.3566 7.54393 24.3115 7.54393Z",
-					"fill": "black",
-					"fill-opacity": "0.92"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M29.3008 14.2281H31.1489V9.48449C31.1489 8.32939 31.996 7.71334 32.8277 7.71334C33.8442 7.71334 34.2446 8.4372 34.2446 9.43828V14.2281H36.0927V8.89924C36.0927 7.1589 35.0763 5.9884 33.3821 5.9884C32.3348 5.9884 31.611 6.46584 31.1489 7.00489V6.14242H29.3008V14.2281Z",
-					"fill": "black",
-					"fill-opacity": "0.92"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M41.5095 3.172L37.3203 14.2301H39.2763L40.2157 11.7043H44.9901L45.945 14.2301H47.9318L43.7426 3.172H41.5095ZM42.5875 5.35898L44.3433 9.97935H40.8626L42.5875 5.35898Z",
-					"fill": "black",
-					"fill-opacity": "0.92"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M51.1042 3.20325H49.1328V14.2613H51.1042V3.20325Z",
-					"fill": "black",
-					"fill-opacity": "0.92"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "52",
+      "height": "20",
+      "viewBox": "0 0 52 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M0.00390625 8.70054C0.00390625 12.058 2.16008 14.399 5.14793 14.399C8.13577 14.399 10.2919 12.058 10.2919 8.70054C10.2919 5.34307 8.13577 3.00208 5.14793 3.00208C2.16008 3.00208 0.00390625 5.34307 0.00390625 8.70054ZM8.32058 8.70054C8.32058 11.1031 7.01148 12.6587 5.14793 12.6587C3.28437 12.6587 1.97527 11.1031 1.97527 8.70054C1.97527 6.29794 3.28437 4.74242 5.14793 4.74242C7.01148 4.74242 8.32058 6.29794 8.32058 8.70054Z",
+          "fill": "black",
+          "fill-opacity": "0.92"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M15.8456 14.3975C18.1096 14.3975 19.4033 12.4877 19.4033 10.1929C19.4033 7.89816 18.1096 5.9884 15.8456 5.9884C14.7983 5.9884 14.0283 6.40424 13.52 7.00489V6.14242H11.6719V17.0003H13.52V13.381C14.0283 13.9817 14.7983 14.3975 15.8456 14.3975ZM13.4738 9.96193C13.4738 8.4372 14.3363 7.60554 15.476 7.60554C16.8159 7.60554 17.5398 8.65282 17.5398 10.1929C17.5398 11.7331 16.8159 12.7804 15.476 12.7804C14.3363 12.7804 13.4738 11.9333 13.4738 10.4394V9.96193Z",
+          "fill": "black",
+          "fill-opacity": "0.92"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M24.4039 14.3975C26.021 14.3975 27.2993 13.5504 27.8692 12.1335L26.2828 11.5329C26.0364 12.3645 25.3126 12.8266 24.4039 12.8266C23.218 12.8266 22.3863 11.9795 22.2477 10.5934H27.9154V9.97733C27.9154 7.75955 26.6679 5.9884 24.3269 5.9884C21.9859 5.9884 20.4766 7.82115 20.4766 10.1929C20.4766 12.6879 22.0937 14.3975 24.4039 14.3975ZM24.3115 7.54393C25.482 7.54393 26.0364 8.31399 26.0518 9.20727H22.3401C22.6173 8.11378 23.3566 7.54393 24.3115 7.54393Z",
+          "fill": "black",
+          "fill-opacity": "0.92"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M29.3008 14.2281H31.1489V9.48449C31.1489 8.32939 31.996 7.71334 32.8277 7.71334C33.8442 7.71334 34.2446 8.4372 34.2446 9.43828V14.2281H36.0927V8.89924C36.0927 7.1589 35.0763 5.9884 33.3821 5.9884C32.3348 5.9884 31.611 6.46584 31.1489 7.00489V6.14242H29.3008V14.2281Z",
+          "fill": "black",
+          "fill-opacity": "0.92"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M41.5095 3.172L37.3203 14.2301H39.2763L40.2157 11.7043H44.9901L45.945 14.2301H47.9318L43.7426 3.172H41.5095ZM42.5875 5.35898L44.3433 9.97935H40.8626L42.5875 5.35898Z",
+          "fill": "black",
+          "fill-opacity": "0.92"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M51.1042 3.20325H49.1328V14.2613H51.1042V3.20325Z",
+          "fill": "black",
+          "fill-opacity": "0.92"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
index b5974ff068..6428b8eddc 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.json b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.json
index 13b9cb4905..3a14c7e57b 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.276 10.0045C21.7751 8.50639 21.6033 6.86529 20.8051 5.50264C19.6048 3.41259 17.1917 2.33732 14.835 2.84333C13.7866 1.66218 12.2803 0.990477 10.7011 1.0001C8.29218 0.994602 6.15478 2.54563 5.41367 4.83781C3.86614 5.15475 2.53036 6.12346 1.74869 7.49643C0.539398 9.58097 0.81508 12.2087 2.43067 13.9962C1.93156 15.4943 2.10343 17.1354 2.9016 18.498C4.10195 20.5881 6.51502 21.6634 8.87173 21.1573C9.91945 22.3385 11.4264 23.0102 13.0056 22.9999C15.4159 23.0061 17.554 21.4537 18.2951 19.1594C19.8426 18.8425 21.1784 17.8738 21.9601 16.5008C23.168 14.4163 22.8916 11.7906 21.2767 10.0031L21.276 10.0045ZM13.007 21.5623C12.0424 21.5637 11.1081 21.2261 10.3677 20.608C10.4014 20.5901 10.4598 20.5578 10.4976 20.5345L14.8783 18.0044C15.1024 17.8772 15.2399 17.6386 15.2385 17.3808V11.2049L17.0899 12.274C17.1099 12.2836 17.1229 12.3028 17.1257 12.3248V17.4393C17.1229 19.7136 15.2812 21.5575 13.007 21.5623ZM4.14939 17.7789C3.66608 16.9443 3.49215 15.9659 3.65783 15.0165C3.69015 15.0357 3.74721 15.0708 3.78777 15.0942L8.16843 17.6242C8.39049 17.7541 8.66548 17.7541 8.88823 17.6242L14.2362 14.5359V16.6741C14.2376 16.6961 14.2272 16.7174 14.2101 16.7311L9.78196 19.288C7.80956 20.4238 5.29061 19.7486 4.15007 17.7789H4.14939ZM2.99647 8.21626C3.47771 7.38024 4.23738 6.74085 5.14212 6.40878C5.14212 6.44659 5.14005 6.51328 5.14005 6.56003V11.6208C5.13868 11.878 5.27618 12.1165 5.49961 12.2437L10.8476 15.3313L8.99616 16.4004C8.9776 16.4128 8.95422 16.4149 8.9336 16.4059L4.50482 13.847C2.53654 12.7071 1.86143 10.1887 2.99578 8.21694L2.99647 8.21626ZM18.2078 11.7563L12.8598 8.66795L14.7112 7.59956C14.7298 7.58718 14.7532 7.58512 14.7738 7.59406L19.2026 10.1509C21.1743 11.2901 21.8501 13.8126 20.7109 15.7844C20.229 16.6191 19.47 17.2584 18.566 17.5912V12.3792C18.568 12.122 18.4312 11.8841 18.2085 11.7563H18.2078ZM20.0502 8.98284C20.0179 8.9629 19.9609 8.92852 19.9203 8.90515L15.5397 6.37509C15.3176 6.24515 15.0426 6.24515 14.8199 6.37509L9.4719 9.46341V7.32524C9.47053 7.30324 9.48084 7.28192 9.49803 7.26817L13.9261 4.71337C15.8985 3.57553 18.4202 4.25273 19.5573 6.2259C20.0379 7.05917 20.2118 8.03475 20.0489 8.98284H20.0502ZM8.46542 12.7937L6.61334 11.7246C6.5934 11.715 6.58034 11.6958 6.57759 11.6738V6.55935C6.57896 4.2823 8.42624 2.43701 10.7032 2.43838C11.6664 2.43838 12.5986 2.77664 13.339 3.39265C13.3053 3.41053 13.2476 3.44284 13.2091 3.46622L8.82841 5.99627C8.60429 6.12346 8.4668 6.36134 8.46817 6.61916L8.46542 12.7924V12.7937ZM9.47121 10.6253L11.8534 9.24959L14.2355 10.6246V13.3754L11.8534 14.7504L9.47121 13.3754V10.6253Z",
-					"fill": "black"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiTransparent"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.276 10.0045C21.7751 8.50639 21.6033 6.86529 20.8051 5.50264C19.6048 3.41259 17.1917 2.33732 14.835 2.84333C13.7866 1.66218 12.2803 0.990477 10.7011 1.0001C8.29218 0.994602 6.15478 2.54563 5.41367 4.83781C3.86614 5.15475 2.53036 6.12346 1.74869 7.49643C0.539398 9.58097 0.81508 12.2087 2.43067 13.9962C1.93156 15.4943 2.10343 17.1354 2.9016 18.498C4.10195 20.5881 6.51502 21.6634 8.87173 21.1573C9.91945 22.3385 11.4264 23.0102 13.0056 22.9999C15.4159 23.0061 17.554 21.4537 18.2951 19.1594C19.8426 18.8425 21.1784 17.8738 21.9601 16.5008C23.168 14.4163 22.8916 11.7906 21.2767 10.0031L21.276 10.0045ZM13.007 21.5623C12.0424 21.5637 11.1081 21.2261 10.3677 20.608C10.4014 20.5901 10.4598 20.5578 10.4976 20.5345L14.8783 18.0044C15.1024 17.8772 15.2399 17.6386 15.2385 17.3808V11.2049L17.0899 12.274C17.1099 12.2836 17.1229 12.3028 17.1257 12.3248V17.4393C17.1229 19.7136 15.2812 21.5575 13.007 21.5623ZM4.14939 17.7789C3.66608 16.9443 3.49215 15.9659 3.65783 15.0165C3.69015 15.0357 3.74721 15.0708 3.78777 15.0942L8.16843 17.6242C8.39049 17.7541 8.66548 17.7541 8.88823 17.6242L14.2362 14.5359V16.6741C14.2376 16.6961 14.2272 16.7174 14.2101 16.7311L9.78196 19.288C7.80956 20.4238 5.29061 19.7486 4.15007 17.7789H4.14939ZM2.99647 8.21626C3.47771 7.38024 4.23738 6.74085 5.14212 6.40878C5.14212 6.44659 5.14005 6.51328 5.14005 6.56003V11.6208C5.13868 11.878 5.27618 12.1165 5.49961 12.2437L10.8476 15.3313L8.99616 16.4004C8.9776 16.4128 8.95422 16.4149 8.9336 16.4059L4.50482 13.847C2.53654 12.7071 1.86143 10.1887 2.99578 8.21694L2.99647 8.21626ZM18.2078 11.7563L12.8598 8.66795L14.7112 7.59956C14.7298 7.58718 14.7532 7.58512 14.7738 7.59406L19.2026 10.1509C21.1743 11.2901 21.8501 13.8126 20.7109 15.7844C20.229 16.6191 19.47 17.2584 18.566 17.5912V12.3792C18.568 12.122 18.4312 11.8841 18.2085 11.7563H18.2078ZM20.0502 8.98284C20.0179 8.9629 19.9609 8.92852 19.9203 8.90515L15.5397 6.37509C15.3176 6.24515 15.0426 6.24515 14.8199 6.37509L9.4719 9.46341V7.32524C9.47053 7.30324 9.48084 7.28192 9.49803 7.26817L13.9261 4.71337C15.8985 3.57553 18.4202 4.25273 19.5573 6.2259C20.0379 7.05917 20.2118 8.03475 20.0489 8.98284H20.0502ZM8.46542 12.7937L6.61334 11.7246C6.5934 11.715 6.58034 11.6958 6.57759 11.6738V6.55935C6.57896 4.2823 8.42624 2.43701 10.7032 2.43838C11.6664 2.43838 12.5986 2.77664 13.339 3.39265C13.3053 3.41053 13.2476 3.44284 13.2091 3.46622L8.82841 5.99627C8.60429 6.12346 8.4668 6.36134 8.46817 6.61916L8.46542 12.7924V12.7937ZM9.47121 10.6253L11.8534 9.24959L14.2355 10.6246V13.3754L11.8534 14.7504L9.47121 13.3754V10.6253Z",
+          "fill": "black"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiTransparent"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
index fb98e27870..6b7d3d6484 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiTransparent.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiTransparent.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiViolet.json b/web/app/components/base/icons/src/public/llm/OpenaiViolet.json
index efff2feacf..e80a85507e 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiViolet.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiViolet.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#AB68FF"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiViolet"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#AB68FF"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiViolet"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
index 302cc91860..9aa08c0f3b 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiViolet.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiViolet.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiYellow.json b/web/app/components/base/icons/src/public/llm/OpenaiYellow.json
index d0a4f10744..10a3f675b4 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiYellow.json
+++ b/web/app/components/base/icons/src/public/llm/OpenaiYellow.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "#FAB005"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "OpenaiYellow"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "#FAB005"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "OpenaiYellow"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiYellow.tsx b/web/app/components/base/icons/src/public/llm/OpenaiYellow.tsx
index 9d3ec3088e..006dcf7ab8 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiYellow.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiYellow.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenaiYellow.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenaiYellow.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Openllm.json b/web/app/components/base/icons/src/public/llm/Openllm.json
index 93eec11dfe..97bf693626 100644
--- a/web/app/components/base/icons/src/public/llm/Openllm.json
+++ b/web/app/components/base/icons/src/public/llm/Openllm.json
@@ -1,83 +1,83 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Camada_2",
-					"clip-path": "url(#clip0_9866_5923)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M23.9181 1.27026C23.8737 1.12859 23.813 0.994621 23.7379 0.871257C23.6473 0.721871 23.5355 0.586942 23.4073 0.470325C23.3861 0.451049 23.3639 0.431773 23.3417 0.413462C23.1856 0.284315 23.0073 0.181191 22.8136 0.109871C22.6199 0.0385512 22.4107 0 22.1929 0H5.99952C5.96289 0 5.92627 0.00192756 5.88965 0.00385512C5.87905 0.00385512 5.86748 0.00578268 5.85688 0.00674646C5.83086 0.00867402 5.80387 0.0115654 5.77785 0.0144567C5.76628 0.0154205 5.75568 0.017348 5.74508 0.0183118C5.71424 0.0231307 5.6834 0.0279496 5.65256 0.0337323C5.64774 0.0337323 5.64388 0.0356599 5.63906 0.0356599C5.60437 0.0424063 5.56967 0.0510803 5.53594 0.0597543C5.5263 0.0626457 5.51666 0.065537 5.50703 0.0674646C5.48197 0.074211 5.45691 0.0819213 5.43185 0.0905953C5.42125 0.0944504 5.41065 0.0973418 5.40101 0.101197C5.37403 0.110835 5.34704 0.120472 5.32102 0.132038C5.31524 0.134929 5.30849 0.136857 5.30271 0.139748C5.2709 0.153241 5.2391 0.167698 5.20729 0.183118C5.19958 0.186973 5.19187 0.190828 5.18416 0.194684C5.16007 0.207213 5.13694 0.219742 5.11381 0.232271C5.10417 0.23709 5.09549 0.242873 5.08586 0.247691C5.06273 0.261184 5.0396 0.275641 5.01646 0.291062C5.00972 0.294917 5.00297 0.299736 4.99719 0.303591C4.96828 0.322866 4.94033 0.343106 4.91238 0.363345C4.90659 0.3672 4.90177 0.372019 4.89696 0.375874C4.87479 0.393222 4.85262 0.41057 4.83142 0.428882C4.82371 0.435628 4.816 0.442375 4.80829 0.449121C4.78805 0.466469 4.76877 0.484781 4.7495 0.503093C4.74372 0.508876 4.73697 0.514658 4.73119 0.520441C4.72058 0.531043 4.70998 0.541644 4.70035 0.552246C4.70035 0.552246 4.70035 0.551282 4.70131 0.550318L0.450084 4.37942C0.161915 4.66759 0 5.05792 0 5.4656V22.5592C0 23.4073 0.687174 24.0955 1.53626 24.0955H18.6298C19.0375 24.0955 19.4278 23.9335 19.716 23.6454L23.5383 19.2072C23.6077 19.1291 23.6714 19.0453 23.7263 18.9566C23.7282 18.9537 23.7301 18.9498 23.7321 18.9469C23.7427 18.9296 23.7523 18.9123 23.7629 18.8949C23.7668 18.8882 23.7706 18.8814 23.7745 18.8747C23.7831 18.8583 23.7918 18.8429 23.8005 18.8265C23.8053 18.8178 23.8101 18.8091 23.814 18.7995C23.8217 18.7841 23.8284 18.7686 23.8362 18.7532C23.841 18.7426 23.8458 18.733 23.8497 18.7224C23.8564 18.7079 23.8622 18.6925 23.8689 18.6771C23.8737 18.6655 23.8786 18.654 23.8824 18.6424C23.8882 18.6279 23.893 18.6135 23.8988 18.5981C23.9036 18.5855 23.9075 18.573 23.9113 18.5605C23.9162 18.546 23.921 18.5316 23.9248 18.5171C23.9287 18.5036 23.9325 18.4901 23.9364 18.4766C23.9402 18.4631 23.9441 18.4487 23.947 18.4342C23.9508 18.4198 23.9537 18.4053 23.9566 18.3908C23.9595 18.3774 23.9624 18.3639 23.9653 18.3504C23.9682 18.3349 23.9711 18.3195 23.974 18.3041C23.9759 18.2906 23.9788 18.2781 23.9807 18.2646C23.9836 18.2482 23.9855 18.2309 23.9875 18.2145C23.9894 18.2019 23.9904 18.1904 23.9923 18.1779C23.9942 18.1586 23.9952 18.1393 23.9971 18.12C23.9971 18.1094 23.999 18.0998 23.999 18.0892C24.001 18.0593 24.001 18.0294 24.001 17.9996V1.80709C24.001 1.62011 23.972 1.43989 23.92 1.27026H23.9181ZM22.1929 0.541644C22.4107 0.541644 22.616 0.597543 22.7953 0.694885C22.8849 0.744038 22.9678 0.802829 23.043 0.871257C23.0584 0.88475 23.0728 0.899207 23.0873 0.9127C23.1162 0.941613 23.1432 0.97149 23.1692 1.00233C23.1952 1.03317 23.2193 1.06594 23.2425 1.09967C23.3793 1.30207 23.4584 1.54494 23.4584 1.80612V17.9996C23.4584 18.0362 23.4564 18.0718 23.4535 18.1075C23.4535 18.1114 23.4535 18.1162 23.4535 18.12C23.4506 18.1538 23.4458 18.1875 23.44 18.2203C23.44 18.2251 23.4381 18.2299 23.4372 18.2357C23.4304 18.2684 23.4237 18.3012 23.415 18.333C23.414 18.3369 23.4131 18.3407 23.4121 18.3446C23.4025 18.3783 23.3919 18.4111 23.3803 18.4429C23.3803 18.4439 23.3803 18.4448 23.3793 18.4458C23.3408 18.5489 23.2887 18.6443 23.2251 18.733V18.7349C23.203 18.7638 23.1808 18.7927 23.1577 18.8197C23.1432 18.8361 23.1287 18.8525 23.1133 18.8689C23.1133 18.8689 23.1133 18.8689 23.1124 18.8698C23.0979 18.8853 23.0825 18.9007 23.0671 18.9151C23.0671 18.9151 23.0661 18.9161 23.0651 18.9171C23.0497 18.9315 23.0333 18.946 23.0169 18.9604C23.0169 18.9604 23.0169 18.9604 23.016 18.9614C22.9312 19.0337 22.8377 19.0944 22.7355 19.1426C22.7336 19.1436 22.7317 19.1445 22.7288 19.1455C22.7114 19.1532 22.6941 19.1609 22.6758 19.1686C22.6709 19.1705 22.6661 19.1725 22.6613 19.1744C22.6459 19.1802 22.6305 19.186 22.615 19.1917C22.6083 19.1937 22.6025 19.1956 22.5958 19.1985C22.5813 19.2033 22.5669 19.2081 22.5524 19.212C22.5447 19.2139 22.5379 19.2158 22.5302 19.2178C22.5167 19.2216 22.5023 19.2255 22.4888 19.2284C22.4811 19.2303 22.4734 19.2322 22.4657 19.2342C22.4522 19.237 22.4377 19.2399 22.4242 19.2428C22.4165 19.2448 22.4078 19.2457 22.4001 19.2476C22.3857 19.2496 22.3712 19.2515 22.3568 19.2534C22.349 19.2544 22.3413 19.2554 22.3327 19.2563C22.3172 19.2582 22.3009 19.2592 22.2845 19.2602C22.2777 19.2602 22.271 19.2611 22.2642 19.2621C22.2411 19.2631 22.2189 19.264 22.1958 19.264H5.99952C5.65063 19.264 5.33451 19.1224 5.10513 18.893C5.04827 18.8361 4.99622 18.7735 4.95093 18.706C4.8372 18.5373 4.76299 18.3407 4.74082 18.1287C4.73697 18.0863 4.73408 18.0429 4.73408 17.9996V1.80709C4.73408 1.78299 4.73408 1.75986 4.736 1.73673C4.736 1.72902 4.73697 1.72227 4.73793 1.71456C4.7389 1.69818 4.74082 1.68276 4.74179 1.66638C4.74179 1.6577 4.74372 1.64999 4.74468 1.64132C4.74661 1.62686 4.74853 1.61144 4.75143 1.59698C4.75239 1.58831 4.75432 1.5806 4.75624 1.57192C4.75914 1.55747 4.76203 1.54205 4.76588 1.52759C4.76781 1.51988 4.76974 1.51217 4.7707 1.50446C4.77456 1.48808 4.77938 1.47169 4.78419 1.45531C4.78612 1.44952 4.78709 1.44374 4.78901 1.43892C4.80251 1.39459 4.81889 1.35122 4.83624 1.30881C4.83624 1.30881 4.83624 1.30689 4.8372 1.30689C4.84588 1.28665 4.85551 1.26641 4.86515 1.24713C4.86708 1.24424 4.86804 1.24038 4.86997 1.23749C4.87864 1.22015 4.88828 1.2028 4.89792 1.18641C4.89985 1.18256 4.90177 1.17967 4.9037 1.17678C4.91334 1.15943 4.92394 1.14304 4.93454 1.12666C4.93647 1.12377 4.93743 1.12184 4.93936 1.11895C4.95189 1.10064 4.96442 1.08232 4.97695 1.06401C5.04634 0.969563 5.12826 0.883786 5.22079 0.811503C5.30078 0.748857 5.38752 0.695849 5.48101 0.654406C5.48293 0.654406 5.48486 0.652479 5.48679 0.651515C5.51666 0.638022 5.54751 0.626457 5.57835 0.614892C5.58027 0.614892 5.58317 0.612964 5.58509 0.612964C5.64678 0.591761 5.71038 0.575377 5.77496 0.562847C5.77978 0.562847 5.7846 0.56092 5.79038 0.559956C5.82122 0.555137 5.85206 0.551282 5.88386 0.548391C5.88965 0.548391 5.89543 0.548391 5.90025 0.547427C5.93302 0.544536 5.96579 0.543572 5.99855 0.543572H22.192L22.1929 0.541644Z",
-							"fill": "black"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M16.2794 11.0016C16.8867 11.0016 17.379 10.5093 17.379 9.90192C17.379 9.29459 16.8867 8.80225 16.2794 8.80225C15.672 8.80225 15.1797 9.29459 15.1797 9.90192C15.1797 10.5093 15.672 11.0016 16.2794 11.0016Z",
-							"fill": "black"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M11.9219 11.0016C12.5293 11.0016 13.0216 10.5093 13.0216 9.90192C13.0216 9.29459 12.5293 8.80225 11.9219 8.80225C11.3146 8.80225 10.8223 9.29459 10.8223 9.90192C10.8223 10.5093 11.3146 11.0016 11.9219 11.0016Z",
-							"fill": "black"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_9866_5923"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "24",
-									"height": "24.0945",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Openllm"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Camada_2",
+          "clip-path": "url(#clip0_9866_5923)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M23.9181 1.27026C23.8737 1.12859 23.813 0.994621 23.7379 0.871257C23.6473 0.721871 23.5355 0.586942 23.4073 0.470325C23.3861 0.451049 23.3639 0.431773 23.3417 0.413462C23.1856 0.284315 23.0073 0.181191 22.8136 0.109871C22.6199 0.0385512 22.4107 0 22.1929 0H5.99952C5.96289 0 5.92627 0.00192756 5.88965 0.00385512C5.87905 0.00385512 5.86748 0.00578268 5.85688 0.00674646C5.83086 0.00867402 5.80387 0.0115654 5.77785 0.0144567C5.76628 0.0154205 5.75568 0.017348 5.74508 0.0183118C5.71424 0.0231307 5.6834 0.0279496 5.65256 0.0337323C5.64774 0.0337323 5.64388 0.0356599 5.63906 0.0356599C5.60437 0.0424063 5.56967 0.0510803 5.53594 0.0597543C5.5263 0.0626457 5.51666 0.065537 5.50703 0.0674646C5.48197 0.074211 5.45691 0.0819213 5.43185 0.0905953C5.42125 0.0944504 5.41065 0.0973418 5.40101 0.101197C5.37403 0.110835 5.34704 0.120472 5.32102 0.132038C5.31524 0.134929 5.30849 0.136857 5.30271 0.139748C5.2709 0.153241 5.2391 0.167698 5.20729 0.183118C5.19958 0.186973 5.19187 0.190828 5.18416 0.194684C5.16007 0.207213 5.13694 0.219742 5.11381 0.232271C5.10417 0.23709 5.09549 0.242873 5.08586 0.247691C5.06273 0.261184 5.0396 0.275641 5.01646 0.291062C5.00972 0.294917 5.00297 0.299736 4.99719 0.303591C4.96828 0.322866 4.94033 0.343106 4.91238 0.363345C4.90659 0.3672 4.90177 0.372019 4.89696 0.375874C4.87479 0.393222 4.85262 0.41057 4.83142 0.428882C4.82371 0.435628 4.816 0.442375 4.80829 0.449121C4.78805 0.466469 4.76877 0.484781 4.7495 0.503093C4.74372 0.508876 4.73697 0.514658 4.73119 0.520441C4.72058 0.531043 4.70998 0.541644 4.70035 0.552246C4.70035 0.552246 4.70035 0.551282 4.70131 0.550318L0.450084 4.37942C0.161915 4.66759 0 5.05792 0 5.4656V22.5592C0 23.4073 0.687174 24.0955 1.53626 24.0955H18.6298C19.0375 24.0955 19.4278 23.9335 19.716 23.6454L23.5383 19.2072C23.6077 19.1291 23.6714 19.0453 23.7263 18.9566C23.7282 18.9537 23.7301 18.9498 23.7321 18.9469C23.7427 18.9296 23.7523 18.9123 23.7629 18.8949C23.7668 18.8882 23.7706 18.8814 23.7745 18.8747C23.7831 18.8583 23.7918 18.8429 23.8005 18.8265C23.8053 18.8178 23.8101 18.8091 23.814 18.7995C23.8217 18.7841 23.8284 18.7686 23.8362 18.7532C23.841 18.7426 23.8458 18.733 23.8497 18.7224C23.8564 18.7079 23.8622 18.6925 23.8689 18.6771C23.8737 18.6655 23.8786 18.654 23.8824 18.6424C23.8882 18.6279 23.893 18.6135 23.8988 18.5981C23.9036 18.5855 23.9075 18.573 23.9113 18.5605C23.9162 18.546 23.921 18.5316 23.9248 18.5171C23.9287 18.5036 23.9325 18.4901 23.9364 18.4766C23.9402 18.4631 23.9441 18.4487 23.947 18.4342C23.9508 18.4198 23.9537 18.4053 23.9566 18.3908C23.9595 18.3774 23.9624 18.3639 23.9653 18.3504C23.9682 18.3349 23.9711 18.3195 23.974 18.3041C23.9759 18.2906 23.9788 18.2781 23.9807 18.2646C23.9836 18.2482 23.9855 18.2309 23.9875 18.2145C23.9894 18.2019 23.9904 18.1904 23.9923 18.1779C23.9942 18.1586 23.9952 18.1393 23.9971 18.12C23.9971 18.1094 23.999 18.0998 23.999 18.0892C24.001 18.0593 24.001 18.0294 24.001 17.9996V1.80709C24.001 1.62011 23.972 1.43989 23.92 1.27026H23.9181ZM22.1929 0.541644C22.4107 0.541644 22.616 0.597543 22.7953 0.694885C22.8849 0.744038 22.9678 0.802829 23.043 0.871257C23.0584 0.88475 23.0728 0.899207 23.0873 0.9127C23.1162 0.941613 23.1432 0.97149 23.1692 1.00233C23.1952 1.03317 23.2193 1.06594 23.2425 1.09967C23.3793 1.30207 23.4584 1.54494 23.4584 1.80612V17.9996C23.4584 18.0362 23.4564 18.0718 23.4535 18.1075C23.4535 18.1114 23.4535 18.1162 23.4535 18.12C23.4506 18.1538 23.4458 18.1875 23.44 18.2203C23.44 18.2251 23.4381 18.2299 23.4372 18.2357C23.4304 18.2684 23.4237 18.3012 23.415 18.333C23.414 18.3369 23.4131 18.3407 23.4121 18.3446C23.4025 18.3783 23.3919 18.4111 23.3803 18.4429C23.3803 18.4439 23.3803 18.4448 23.3793 18.4458C23.3408 18.5489 23.2887 18.6443 23.2251 18.733V18.7349C23.203 18.7638 23.1808 18.7927 23.1577 18.8197C23.1432 18.8361 23.1287 18.8525 23.1133 18.8689C23.1133 18.8689 23.1133 18.8689 23.1124 18.8698C23.0979 18.8853 23.0825 18.9007 23.0671 18.9151C23.0671 18.9151 23.0661 18.9161 23.0651 18.9171C23.0497 18.9315 23.0333 18.946 23.0169 18.9604C23.0169 18.9604 23.0169 18.9604 23.016 18.9614C22.9312 19.0337 22.8377 19.0944 22.7355 19.1426C22.7336 19.1436 22.7317 19.1445 22.7288 19.1455C22.7114 19.1532 22.6941 19.1609 22.6758 19.1686C22.6709 19.1705 22.6661 19.1725 22.6613 19.1744C22.6459 19.1802 22.6305 19.186 22.615 19.1917C22.6083 19.1937 22.6025 19.1956 22.5958 19.1985C22.5813 19.2033 22.5669 19.2081 22.5524 19.212C22.5447 19.2139 22.5379 19.2158 22.5302 19.2178C22.5167 19.2216 22.5023 19.2255 22.4888 19.2284C22.4811 19.2303 22.4734 19.2322 22.4657 19.2342C22.4522 19.237 22.4377 19.2399 22.4242 19.2428C22.4165 19.2448 22.4078 19.2457 22.4001 19.2476C22.3857 19.2496 22.3712 19.2515 22.3568 19.2534C22.349 19.2544 22.3413 19.2554 22.3327 19.2563C22.3172 19.2582 22.3009 19.2592 22.2845 19.2602C22.2777 19.2602 22.271 19.2611 22.2642 19.2621C22.2411 19.2631 22.2189 19.264 22.1958 19.264H5.99952C5.65063 19.264 5.33451 19.1224 5.10513 18.893C5.04827 18.8361 4.99622 18.7735 4.95093 18.706C4.8372 18.5373 4.76299 18.3407 4.74082 18.1287C4.73697 18.0863 4.73408 18.0429 4.73408 17.9996V1.80709C4.73408 1.78299 4.73408 1.75986 4.736 1.73673C4.736 1.72902 4.73697 1.72227 4.73793 1.71456C4.7389 1.69818 4.74082 1.68276 4.74179 1.66638C4.74179 1.6577 4.74372 1.64999 4.74468 1.64132C4.74661 1.62686 4.74853 1.61144 4.75143 1.59698C4.75239 1.58831 4.75432 1.5806 4.75624 1.57192C4.75914 1.55747 4.76203 1.54205 4.76588 1.52759C4.76781 1.51988 4.76974 1.51217 4.7707 1.50446C4.77456 1.48808 4.77938 1.47169 4.78419 1.45531C4.78612 1.44952 4.78709 1.44374 4.78901 1.43892C4.80251 1.39459 4.81889 1.35122 4.83624 1.30881C4.83624 1.30881 4.83624 1.30689 4.8372 1.30689C4.84588 1.28665 4.85551 1.26641 4.86515 1.24713C4.86708 1.24424 4.86804 1.24038 4.86997 1.23749C4.87864 1.22015 4.88828 1.2028 4.89792 1.18641C4.89985 1.18256 4.90177 1.17967 4.9037 1.17678C4.91334 1.15943 4.92394 1.14304 4.93454 1.12666C4.93647 1.12377 4.93743 1.12184 4.93936 1.11895C4.95189 1.10064 4.96442 1.08232 4.97695 1.06401C5.04634 0.969563 5.12826 0.883786 5.22079 0.811503C5.30078 0.748857 5.38752 0.695849 5.48101 0.654406C5.48293 0.654406 5.48486 0.652479 5.48679 0.651515C5.51666 0.638022 5.54751 0.626457 5.57835 0.614892C5.58027 0.614892 5.58317 0.612964 5.58509 0.612964C5.64678 0.591761 5.71038 0.575377 5.77496 0.562847C5.77978 0.562847 5.7846 0.56092 5.79038 0.559956C5.82122 0.555137 5.85206 0.551282 5.88386 0.548391C5.88965 0.548391 5.89543 0.548391 5.90025 0.547427C5.93302 0.544536 5.96579 0.543572 5.99855 0.543572H22.192L22.1929 0.541644Z",
+              "fill": "black"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M16.2794 11.0016C16.8867 11.0016 17.379 10.5093 17.379 9.90192C17.379 9.29459 16.8867 8.80225 16.2794 8.80225C15.672 8.80225 15.1797 9.29459 15.1797 9.90192C15.1797 10.5093 15.672 11.0016 16.2794 11.0016Z",
+              "fill": "black"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M11.9219 11.0016C12.5293 11.0016 13.0216 10.5093 13.0216 9.90192C13.0216 9.29459 12.5293 8.80225 11.9219 8.80225C11.3146 8.80225 10.8223 9.29459 10.8223 9.90192C10.8223 10.5093 11.3146 11.0016 11.9219 11.0016Z",
+              "fill": "black"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_9866_5923"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "24",
+                  "height": "24.0945",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Openllm"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Openllm.tsx b/web/app/components/base/icons/src/public/llm/Openllm.tsx
index 335fe9f9dd..4bf6f1eac9 100644
--- a/web/app/components/base/icons/src/public/llm/Openllm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Openllm.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Openllm.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Openllm.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenllmText.json b/web/app/components/base/icons/src/public/llm/OpenllmText.json
index d5705de10e..636c195af7 100644
--- a/web/app/components/base/icons/src/public/llm/OpenllmText.json
+++ b/web/app/components/base/icons/src/public/llm/OpenllmText.json
@@ -1,143 +1,143 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "92",
-			"height": "25",
-			"viewBox": "0 0 92 25",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_9850_26886)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M24.9181 1.27026C24.8737 1.12859 24.813 0.994621 24.7379 0.871257C24.6473 0.721871 24.5355 0.586942 24.4073 0.470325C24.3861 0.451049 24.3639 0.431773 24.3417 0.413462C24.1856 0.284315 24.0073 0.181191 23.8136 0.109871C23.6199 0.0385512 23.4107 0 23.1929 0H6.99952C6.96289 0 6.92627 0.00192756 6.88965 0.00385512C6.87905 0.00385512 6.86748 0.00578268 6.85688 0.00674646C6.83086 0.00867402 6.80387 0.0115654 6.77785 0.0144567C6.76628 0.0154205 6.75568 0.017348 6.74508 0.0183118C6.71424 0.0231307 6.6834 0.0279496 6.65256 0.0337323C6.64774 0.0337323 6.64388 0.0356599 6.63906 0.0356599C6.60437 0.0424063 6.56967 0.0510803 6.53594 0.0597543C6.5263 0.0626457 6.51666 0.065537 6.50703 0.0674646C6.48197 0.074211 6.45691 0.0819213 6.43185 0.0905953C6.42125 0.0944504 6.41065 0.0973418 6.40101 0.101197C6.37403 0.110835 6.34704 0.120472 6.32102 0.132038C6.31524 0.134929 6.30849 0.136857 6.30271 0.139748C6.2709 0.153241 6.2391 0.167698 6.20729 0.183118C6.19958 0.186973 6.19187 0.190828 6.18416 0.194684C6.16007 0.207213 6.13694 0.219742 6.11381 0.232271C6.10417 0.23709 6.09549 0.242873 6.08586 0.247691C6.06273 0.261184 6.0396 0.275641 6.01646 0.291062C6.00972 0.294917 6.00297 0.299736 5.99719 0.303591C5.96828 0.322866 5.94033 0.343106 5.91238 0.363345C5.90659 0.3672 5.90177 0.372019 5.89696 0.375874C5.87479 0.393222 5.85262 0.41057 5.83142 0.428882C5.82371 0.435628 5.816 0.442375 5.80829 0.449121C5.78805 0.466469 5.76877 0.484781 5.7495 0.503093C5.74372 0.508876 5.73697 0.514658 5.73119 0.520441C5.72058 0.531043 5.70998 0.541644 5.70035 0.552246C5.70035 0.552246 5.70035 0.551282 5.70131 0.550318L1.45008 4.37942C1.16191 4.66759 1 5.05792 1 5.4656V22.5592C1 23.4073 1.68717 24.0955 2.53626 24.0955H19.6298C20.0375 24.0955 20.4278 23.9335 20.716 23.6454L24.5383 19.2072C24.6077 19.1291 24.6714 19.0453 24.7263 18.9566C24.7282 18.9537 24.7301 18.9498 24.7321 18.9469C24.7427 18.9296 24.7523 18.9123 24.7629 18.8949C24.7668 18.8882 24.7706 18.8814 24.7745 18.8747C24.7831 18.8583 24.7918 18.8429 24.8005 18.8265C24.8053 18.8178 24.8101 18.8091 24.814 18.7995C24.8217 18.7841 24.8284 18.7686 24.8362 18.7532C24.841 18.7426 24.8458 18.733 24.8497 18.7224C24.8564 18.7079 24.8622 18.6925 24.8689 18.6771C24.8737 18.6655 24.8786 18.654 24.8824 18.6424C24.8882 18.6279 24.893 18.6135 24.8988 18.5981C24.9036 18.5855 24.9075 18.573 24.9113 18.5605C24.9162 18.546 24.921 18.5316 24.9248 18.5171C24.9287 18.5036 24.9325 18.4901 24.9364 18.4766C24.9402 18.4631 24.9441 18.4487 24.947 18.4342C24.9508 18.4198 24.9537 18.4053 24.9566 18.3908C24.9595 18.3774 24.9624 18.3639 24.9653 18.3504C24.9682 18.3349 24.9711 18.3195 24.974 18.3041C24.9759 18.2906 24.9788 18.2781 24.9807 18.2646C24.9836 18.2482 24.9855 18.2309 24.9875 18.2145C24.9894 18.2019 24.9904 18.1904 24.9923 18.1779C24.9942 18.1586 24.9952 18.1393 24.9971 18.12C24.9971 18.1094 24.999 18.0998 24.999 18.0892C25.001 18.0593 25.001 18.0294 25.001 17.9996V1.80709C25.001 1.62011 24.972 1.43989 24.92 1.27026H24.9181ZM23.1929 0.541644C23.4107 0.541644 23.616 0.597543 23.7953 0.694885C23.8849 0.744038 23.9678 0.802829 24.043 0.871257C24.0584 0.88475 24.0728 0.899207 24.0873 0.9127C24.1162 0.941613 24.1432 0.97149 24.1692 1.00233C24.1952 1.03317 24.2193 1.06594 24.2425 1.09967C24.3793 1.30207 24.4584 1.54494 24.4584 1.80612V17.9996C24.4584 18.0362 24.4564 18.0718 24.4535 18.1075C24.4535 18.1114 24.4535 18.1162 24.4535 18.12C24.4506 18.1538 24.4458 18.1875 24.44 18.2203C24.44 18.2251 24.4381 18.2299 24.4372 18.2357C24.4304 18.2684 24.4237 18.3012 24.415 18.333C24.414 18.3369 24.4131 18.3407 24.4121 18.3446C24.4025 18.3783 24.3919 18.4111 24.3803 18.4429C24.3803 18.4439 24.3803 18.4448 24.3793 18.4458C24.3408 18.5489 24.2887 18.6443 24.2251 18.733V18.7349C24.203 18.7638 24.1808 18.7927 24.1577 18.8197C24.1432 18.8361 24.1287 18.8525 24.1133 18.8689C24.1133 18.8689 24.1133 18.8689 24.1124 18.8698C24.0979 18.8853 24.0825 18.9007 24.0671 18.9151C24.0671 18.9151 24.0661 18.9161 24.0651 18.9171C24.0497 18.9315 24.0333 18.946 24.0169 18.9604C24.0169 18.9604 24.0169 18.9604 24.016 18.9614C23.9312 19.0337 23.8377 19.0944 23.7355 19.1426C23.7336 19.1436 23.7317 19.1445 23.7288 19.1455C23.7114 19.1532 23.6941 19.1609 23.6758 19.1686C23.6709 19.1705 23.6661 19.1725 23.6613 19.1744C23.6459 19.1802 23.6305 19.186 23.615 19.1917C23.6083 19.1937 23.6025 19.1956 23.5958 19.1985C23.5813 19.2033 23.5669 19.2081 23.5524 19.212C23.5447 19.2139 23.5379 19.2158 23.5302 19.2178C23.5167 19.2216 23.5023 19.2255 23.4888 19.2284C23.4811 19.2303 23.4734 19.2322 23.4657 19.2342C23.4522 19.237 23.4377 19.2399 23.4242 19.2428C23.4165 19.2448 23.4078 19.2457 23.4001 19.2476C23.3857 19.2496 23.3712 19.2515 23.3568 19.2534C23.349 19.2544 23.3413 19.2554 23.3327 19.2563C23.3172 19.2582 23.3009 19.2592 23.2845 19.2602C23.2777 19.2602 23.271 19.2611 23.2642 19.2621C23.2411 19.2631 23.2189 19.264 23.1958 19.264H6.99952C6.65063 19.264 6.33451 19.1224 6.10513 18.893C6.04827 18.8361 5.99622 18.7735 5.95093 18.706C5.8372 18.5373 5.76299 18.3407 5.74082 18.1287C5.73697 18.0863 5.73408 18.0429 5.73408 17.9996V1.80709C5.73408 1.78299 5.73408 1.75986 5.736 1.73673C5.736 1.72902 5.73697 1.72227 5.73793 1.71456C5.7389 1.69818 5.74082 1.68276 5.74179 1.66638C5.74179 1.6577 5.74372 1.64999 5.74468 1.64132C5.74661 1.62686 5.74853 1.61144 5.75143 1.59698C5.75239 1.58831 5.75432 1.5806 5.75624 1.57192C5.75914 1.55747 5.76203 1.54205 5.76588 1.52759C5.76781 1.51988 5.76974 1.51217 5.7707 1.50446C5.77456 1.48808 5.77938 1.47169 5.78419 1.45531C5.78612 1.44952 5.78709 1.44374 5.78901 1.43892C5.80251 1.39459 5.81889 1.35122 5.83624 1.30881C5.83624 1.30881 5.83624 1.30689 5.8372 1.30689C5.84588 1.28665 5.85551 1.26641 5.86515 1.24713C5.86708 1.24424 5.86804 1.24038 5.86997 1.23749C5.87864 1.22015 5.88828 1.2028 5.89792 1.18641C5.89985 1.18256 5.90177 1.17967 5.9037 1.17678C5.91334 1.15943 5.92394 1.14304 5.93454 1.12666C5.93647 1.12377 5.93743 1.12184 5.93936 1.11895C5.95189 1.10064 5.96442 1.08232 5.97695 1.06401C6.04634 0.969563 6.12826 0.883786 6.22079 0.811503C6.30078 0.748857 6.38752 0.695849 6.48101 0.654406C6.48293 0.654406 6.48486 0.652479 6.48679 0.651515C6.51666 0.638022 6.54751 0.626457 6.57835 0.614892C6.58027 0.614892 6.58317 0.612964 6.58509 0.612964C6.64678 0.591761 6.71038 0.575377 6.77496 0.562847C6.77978 0.562847 6.7846 0.56092 6.79038 0.559956C6.82122 0.555137 6.85206 0.551282 6.88386 0.548391C6.88965 0.548391 6.89543 0.548391 6.90025 0.547427C6.93302 0.544536 6.96579 0.543572 6.99855 0.543572H23.192L23.1929 0.541644Z",
-							"fill": "black"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M17.2794 11.0016C17.8867 11.0016 18.379 10.5093 18.379 9.90192C18.379 9.29459 17.8867 8.80225 17.2794 8.80225C16.672 8.80225 16.1797 9.29459 16.1797 9.90192C16.1797 10.5093 16.672 11.0016 17.2794 11.0016Z",
-							"fill": "black"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M12.9219 11.0016C13.5293 11.0016 14.0216 10.5093 14.0216 9.90192C14.0216 9.29459 13.5293 8.80225 12.9219 8.80225C12.3146 8.80225 11.8223 9.29459 11.8223 9.90192C11.8223 10.5093 12.3146 11.0016 12.9219 11.0016Z",
-							"fill": "black"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M36.4876 17.098C35.5822 17.098 34.7469 16.888 33.9816 16.468C33.2256 16.0387 32.6236 15.446 32.1756 14.69C31.7369 13.9247 31.5176 13.066 31.5176 12.114C31.5176 11.162 31.7369 10.308 32.1756 9.55204C32.6236 8.79604 33.2256 8.20804 33.9816 7.78804C34.7469 7.35871 35.5822 7.14404 36.4876 7.14404C37.4022 7.14404 38.2376 7.35871 38.9936 7.78804C39.7589 8.20804 40.3609 8.79604 40.7996 9.55204C41.2382 10.308 41.4576 11.162 41.4576 12.114C41.4576 13.066 41.2382 13.9247 40.7996 14.69C40.3609 15.446 39.7589 16.0387 38.9936 16.468C38.2376 16.888 37.4022 17.098 36.4876 17.098ZM36.4876 15.712C37.1316 15.712 37.7056 15.5674 38.2096 15.278C38.7136 14.9794 39.1056 14.5594 39.3856 14.018C39.6749 13.4674 39.8196 12.8327 39.8196 12.114C39.8196 11.3954 39.6749 10.7654 39.3856 10.224C39.1056 9.68271 38.7136 9.26738 38.2096 8.97804C37.7056 8.68871 37.1316 8.54404 36.4876 8.54404C35.8436 8.54404 35.2696 8.68871 34.7656 8.97804C34.2616 9.26738 33.8649 9.68271 33.5756 10.224C33.2956 10.7654 33.1556 11.3954 33.1556 12.114C33.1556 12.8327 33.2956 13.4674 33.5756 14.018C33.8649 14.5594 34.2616 14.9794 34.7656 15.278C35.2696 15.5674 35.8436 15.712 36.4876 15.712Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M44.3441 10.42C44.6148 10.0654 44.9834 9.76671 45.4501 9.52404C45.9168 9.28138 46.4441 9.16004 47.0321 9.16004C47.7041 9.16004 48.3154 9.32804 48.8661 9.66404C49.4261 9.99071 49.8648 10.4527 50.1821 11.05C50.4994 11.6474 50.6581 12.3334 50.6581 13.108C50.6581 13.8827 50.4994 14.578 50.1821 15.194C49.8648 15.8007 49.4261 16.2767 48.8661 16.622C48.3154 16.958 47.7041 17.126 47.0321 17.126C46.4441 17.126 45.9214 17.0094 45.4641 16.776C45.0068 16.5334 44.6334 16.2347 44.3441 15.88V20.668H42.7481V9.28604H44.3441V10.42ZM49.0341 13.108C49.0341 12.576 48.9221 12.1187 48.6981 11.736C48.4834 11.344 48.1941 11.05 47.8301 10.854C47.4754 10.6487 47.0928 10.546 46.6821 10.546C46.2808 10.546 45.8981 10.6487 45.5341 10.854C45.1794 11.0594 44.8901 11.358 44.6661 11.75C44.4514 12.142 44.3441 12.604 44.3441 13.136C44.3441 13.668 44.4514 14.1347 44.6661 14.536C44.8901 14.928 45.1794 15.2267 45.5341 15.432C45.8981 15.6374 46.2808 15.74 46.6821 15.74C47.0928 15.74 47.4754 15.6374 47.8301 15.432C48.1941 15.2174 48.4834 14.9094 48.6981 14.508C48.9221 14.1067 49.0341 13.64 49.0341 13.108Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M59.0264 12.954C59.0264 13.2434 59.0077 13.5047 58.9704 13.738H53.0764C53.123 14.354 53.3517 14.8487 53.7624 15.222C54.173 15.5954 54.677 15.782 55.2744 15.782C56.133 15.782 56.7397 15.4227 57.0944 14.704H58.8164C58.583 15.4134 58.1584 15.9967 57.5424 16.454C56.9357 16.902 56.1797 17.126 55.2744 17.126C54.537 17.126 53.8744 16.9627 53.2864 16.636C52.7077 16.3 52.2504 15.8334 51.9144 15.236C51.5877 14.6294 51.4244 13.9294 51.4244 13.136C51.4244 12.3427 51.583 11.6474 51.9004 11.05C52.227 10.4434 52.6797 9.97671 53.2584 9.65004C53.8464 9.32338 54.5184 9.16004 55.2744 9.16004C56.0024 9.16004 56.651 9.31871 57.2204 9.63604C57.7897 9.95338 58.233 10.4014 58.5504 10.98C58.8677 11.5494 59.0264 12.2074 59.0264 12.954ZM57.3604 12.45C57.351 11.862 57.141 11.3907 56.7304 11.036C56.3197 10.6814 55.811 10.504 55.2044 10.504C54.6537 10.504 54.1824 10.6814 53.7904 11.036C53.3984 11.3814 53.165 11.8527 53.0904 12.45H57.3604Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M64.209 9.16004C64.8157 9.16004 65.357 9.28604 65.833 9.53804C66.3183 9.79004 66.6963 10.1634 66.967 10.658C67.2377 11.1527 67.373 11.75 67.373 12.45V17H65.791V12.688C65.791 11.9974 65.6183 11.47 65.273 11.106C64.9277 10.7327 64.4563 10.546 63.859 10.546C63.2617 10.546 62.7857 10.7327 62.431 11.106C62.0857 11.47 61.913 11.9974 61.913 12.688V17H60.317V9.28604H61.913V10.168C62.1743 9.85071 62.5057 9.60338 62.907 9.42604C63.3177 9.24871 63.7517 9.16004 64.209 9.16004Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M70.7248 15.712H74.0148V17H69.1288V7.27004H70.7248V15.712Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M76.6655 15.712H79.9555V17H75.0695V7.27004H76.6655V15.712Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M91.2582 7.27004V17H89.6622V10.336L86.6942 17H85.5882L82.6062 10.336V17H81.0102V7.27004H82.7322L86.1482 14.9L89.5502 7.27004H91.2582Z",
-					"fill": "#1D2939"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_9850_26886"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "24",
-									"height": "24.0945",
-									"fill": "white",
-									"transform": "translate(1)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OpenllmText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "92",
+      "height": "25",
+      "viewBox": "0 0 92 25",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_9850_26886)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M24.9181 1.27026C24.8737 1.12859 24.813 0.994621 24.7379 0.871257C24.6473 0.721871 24.5355 0.586942 24.4073 0.470325C24.3861 0.451049 24.3639 0.431773 24.3417 0.413462C24.1856 0.284315 24.0073 0.181191 23.8136 0.109871C23.6199 0.0385512 23.4107 0 23.1929 0H6.99952C6.96289 0 6.92627 0.00192756 6.88965 0.00385512C6.87905 0.00385512 6.86748 0.00578268 6.85688 0.00674646C6.83086 0.00867402 6.80387 0.0115654 6.77785 0.0144567C6.76628 0.0154205 6.75568 0.017348 6.74508 0.0183118C6.71424 0.0231307 6.6834 0.0279496 6.65256 0.0337323C6.64774 0.0337323 6.64388 0.0356599 6.63906 0.0356599C6.60437 0.0424063 6.56967 0.0510803 6.53594 0.0597543C6.5263 0.0626457 6.51666 0.065537 6.50703 0.0674646C6.48197 0.074211 6.45691 0.0819213 6.43185 0.0905953C6.42125 0.0944504 6.41065 0.0973418 6.40101 0.101197C6.37403 0.110835 6.34704 0.120472 6.32102 0.132038C6.31524 0.134929 6.30849 0.136857 6.30271 0.139748C6.2709 0.153241 6.2391 0.167698 6.20729 0.183118C6.19958 0.186973 6.19187 0.190828 6.18416 0.194684C6.16007 0.207213 6.13694 0.219742 6.11381 0.232271C6.10417 0.23709 6.09549 0.242873 6.08586 0.247691C6.06273 0.261184 6.0396 0.275641 6.01646 0.291062C6.00972 0.294917 6.00297 0.299736 5.99719 0.303591C5.96828 0.322866 5.94033 0.343106 5.91238 0.363345C5.90659 0.3672 5.90177 0.372019 5.89696 0.375874C5.87479 0.393222 5.85262 0.41057 5.83142 0.428882C5.82371 0.435628 5.816 0.442375 5.80829 0.449121C5.78805 0.466469 5.76877 0.484781 5.7495 0.503093C5.74372 0.508876 5.73697 0.514658 5.73119 0.520441C5.72058 0.531043 5.70998 0.541644 5.70035 0.552246C5.70035 0.552246 5.70035 0.551282 5.70131 0.550318L1.45008 4.37942C1.16191 4.66759 1 5.05792 1 5.4656V22.5592C1 23.4073 1.68717 24.0955 2.53626 24.0955H19.6298C20.0375 24.0955 20.4278 23.9335 20.716 23.6454L24.5383 19.2072C24.6077 19.1291 24.6714 19.0453 24.7263 18.9566C24.7282 18.9537 24.7301 18.9498 24.7321 18.9469C24.7427 18.9296 24.7523 18.9123 24.7629 18.8949C24.7668 18.8882 24.7706 18.8814 24.7745 18.8747C24.7831 18.8583 24.7918 18.8429 24.8005 18.8265C24.8053 18.8178 24.8101 18.8091 24.814 18.7995C24.8217 18.7841 24.8284 18.7686 24.8362 18.7532C24.841 18.7426 24.8458 18.733 24.8497 18.7224C24.8564 18.7079 24.8622 18.6925 24.8689 18.6771C24.8737 18.6655 24.8786 18.654 24.8824 18.6424C24.8882 18.6279 24.893 18.6135 24.8988 18.5981C24.9036 18.5855 24.9075 18.573 24.9113 18.5605C24.9162 18.546 24.921 18.5316 24.9248 18.5171C24.9287 18.5036 24.9325 18.4901 24.9364 18.4766C24.9402 18.4631 24.9441 18.4487 24.947 18.4342C24.9508 18.4198 24.9537 18.4053 24.9566 18.3908C24.9595 18.3774 24.9624 18.3639 24.9653 18.3504C24.9682 18.3349 24.9711 18.3195 24.974 18.3041C24.9759 18.2906 24.9788 18.2781 24.9807 18.2646C24.9836 18.2482 24.9855 18.2309 24.9875 18.2145C24.9894 18.2019 24.9904 18.1904 24.9923 18.1779C24.9942 18.1586 24.9952 18.1393 24.9971 18.12C24.9971 18.1094 24.999 18.0998 24.999 18.0892C25.001 18.0593 25.001 18.0294 25.001 17.9996V1.80709C25.001 1.62011 24.972 1.43989 24.92 1.27026H24.9181ZM23.1929 0.541644C23.4107 0.541644 23.616 0.597543 23.7953 0.694885C23.8849 0.744038 23.9678 0.802829 24.043 0.871257C24.0584 0.88475 24.0728 0.899207 24.0873 0.9127C24.1162 0.941613 24.1432 0.97149 24.1692 1.00233C24.1952 1.03317 24.2193 1.06594 24.2425 1.09967C24.3793 1.30207 24.4584 1.54494 24.4584 1.80612V17.9996C24.4584 18.0362 24.4564 18.0718 24.4535 18.1075C24.4535 18.1114 24.4535 18.1162 24.4535 18.12C24.4506 18.1538 24.4458 18.1875 24.44 18.2203C24.44 18.2251 24.4381 18.2299 24.4372 18.2357C24.4304 18.2684 24.4237 18.3012 24.415 18.333C24.414 18.3369 24.4131 18.3407 24.4121 18.3446C24.4025 18.3783 24.3919 18.4111 24.3803 18.4429C24.3803 18.4439 24.3803 18.4448 24.3793 18.4458C24.3408 18.5489 24.2887 18.6443 24.2251 18.733V18.7349C24.203 18.7638 24.1808 18.7927 24.1577 18.8197C24.1432 18.8361 24.1287 18.8525 24.1133 18.8689C24.1133 18.8689 24.1133 18.8689 24.1124 18.8698C24.0979 18.8853 24.0825 18.9007 24.0671 18.9151C24.0671 18.9151 24.0661 18.9161 24.0651 18.9171C24.0497 18.9315 24.0333 18.946 24.0169 18.9604C24.0169 18.9604 24.0169 18.9604 24.016 18.9614C23.9312 19.0337 23.8377 19.0944 23.7355 19.1426C23.7336 19.1436 23.7317 19.1445 23.7288 19.1455C23.7114 19.1532 23.6941 19.1609 23.6758 19.1686C23.6709 19.1705 23.6661 19.1725 23.6613 19.1744C23.6459 19.1802 23.6305 19.186 23.615 19.1917C23.6083 19.1937 23.6025 19.1956 23.5958 19.1985C23.5813 19.2033 23.5669 19.2081 23.5524 19.212C23.5447 19.2139 23.5379 19.2158 23.5302 19.2178C23.5167 19.2216 23.5023 19.2255 23.4888 19.2284C23.4811 19.2303 23.4734 19.2322 23.4657 19.2342C23.4522 19.237 23.4377 19.2399 23.4242 19.2428C23.4165 19.2448 23.4078 19.2457 23.4001 19.2476C23.3857 19.2496 23.3712 19.2515 23.3568 19.2534C23.349 19.2544 23.3413 19.2554 23.3327 19.2563C23.3172 19.2582 23.3009 19.2592 23.2845 19.2602C23.2777 19.2602 23.271 19.2611 23.2642 19.2621C23.2411 19.2631 23.2189 19.264 23.1958 19.264H6.99952C6.65063 19.264 6.33451 19.1224 6.10513 18.893C6.04827 18.8361 5.99622 18.7735 5.95093 18.706C5.8372 18.5373 5.76299 18.3407 5.74082 18.1287C5.73697 18.0863 5.73408 18.0429 5.73408 17.9996V1.80709C5.73408 1.78299 5.73408 1.75986 5.736 1.73673C5.736 1.72902 5.73697 1.72227 5.73793 1.71456C5.7389 1.69818 5.74082 1.68276 5.74179 1.66638C5.74179 1.6577 5.74372 1.64999 5.74468 1.64132C5.74661 1.62686 5.74853 1.61144 5.75143 1.59698C5.75239 1.58831 5.75432 1.5806 5.75624 1.57192C5.75914 1.55747 5.76203 1.54205 5.76588 1.52759C5.76781 1.51988 5.76974 1.51217 5.7707 1.50446C5.77456 1.48808 5.77938 1.47169 5.78419 1.45531C5.78612 1.44952 5.78709 1.44374 5.78901 1.43892C5.80251 1.39459 5.81889 1.35122 5.83624 1.30881C5.83624 1.30881 5.83624 1.30689 5.8372 1.30689C5.84588 1.28665 5.85551 1.26641 5.86515 1.24713C5.86708 1.24424 5.86804 1.24038 5.86997 1.23749C5.87864 1.22015 5.88828 1.2028 5.89792 1.18641C5.89985 1.18256 5.90177 1.17967 5.9037 1.17678C5.91334 1.15943 5.92394 1.14304 5.93454 1.12666C5.93647 1.12377 5.93743 1.12184 5.93936 1.11895C5.95189 1.10064 5.96442 1.08232 5.97695 1.06401C6.04634 0.969563 6.12826 0.883786 6.22079 0.811503C6.30078 0.748857 6.38752 0.695849 6.48101 0.654406C6.48293 0.654406 6.48486 0.652479 6.48679 0.651515C6.51666 0.638022 6.54751 0.626457 6.57835 0.614892C6.58027 0.614892 6.58317 0.612964 6.58509 0.612964C6.64678 0.591761 6.71038 0.575377 6.77496 0.562847C6.77978 0.562847 6.7846 0.56092 6.79038 0.559956C6.82122 0.555137 6.85206 0.551282 6.88386 0.548391C6.88965 0.548391 6.89543 0.548391 6.90025 0.547427C6.93302 0.544536 6.96579 0.543572 6.99855 0.543572H23.192L23.1929 0.541644Z",
+              "fill": "black"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M17.2794 11.0016C17.8867 11.0016 18.379 10.5093 18.379 9.90192C18.379 9.29459 17.8867 8.80225 17.2794 8.80225C16.672 8.80225 16.1797 9.29459 16.1797 9.90192C16.1797 10.5093 16.672 11.0016 17.2794 11.0016Z",
+              "fill": "black"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M12.9219 11.0016C13.5293 11.0016 14.0216 10.5093 14.0216 9.90192C14.0216 9.29459 13.5293 8.80225 12.9219 8.80225C12.3146 8.80225 11.8223 9.29459 11.8223 9.90192C11.8223 10.5093 12.3146 11.0016 12.9219 11.0016Z",
+              "fill": "black"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M36.4876 17.098C35.5822 17.098 34.7469 16.888 33.9816 16.468C33.2256 16.0387 32.6236 15.446 32.1756 14.69C31.7369 13.9247 31.5176 13.066 31.5176 12.114C31.5176 11.162 31.7369 10.308 32.1756 9.55204C32.6236 8.79604 33.2256 8.20804 33.9816 7.78804C34.7469 7.35871 35.5822 7.14404 36.4876 7.14404C37.4022 7.14404 38.2376 7.35871 38.9936 7.78804C39.7589 8.20804 40.3609 8.79604 40.7996 9.55204C41.2382 10.308 41.4576 11.162 41.4576 12.114C41.4576 13.066 41.2382 13.9247 40.7996 14.69C40.3609 15.446 39.7589 16.0387 38.9936 16.468C38.2376 16.888 37.4022 17.098 36.4876 17.098ZM36.4876 15.712C37.1316 15.712 37.7056 15.5674 38.2096 15.278C38.7136 14.9794 39.1056 14.5594 39.3856 14.018C39.6749 13.4674 39.8196 12.8327 39.8196 12.114C39.8196 11.3954 39.6749 10.7654 39.3856 10.224C39.1056 9.68271 38.7136 9.26738 38.2096 8.97804C37.7056 8.68871 37.1316 8.54404 36.4876 8.54404C35.8436 8.54404 35.2696 8.68871 34.7656 8.97804C34.2616 9.26738 33.8649 9.68271 33.5756 10.224C33.2956 10.7654 33.1556 11.3954 33.1556 12.114C33.1556 12.8327 33.2956 13.4674 33.5756 14.018C33.8649 14.5594 34.2616 14.9794 34.7656 15.278C35.2696 15.5674 35.8436 15.712 36.4876 15.712Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M44.3441 10.42C44.6148 10.0654 44.9834 9.76671 45.4501 9.52404C45.9168 9.28138 46.4441 9.16004 47.0321 9.16004C47.7041 9.16004 48.3154 9.32804 48.8661 9.66404C49.4261 9.99071 49.8648 10.4527 50.1821 11.05C50.4994 11.6474 50.6581 12.3334 50.6581 13.108C50.6581 13.8827 50.4994 14.578 50.1821 15.194C49.8648 15.8007 49.4261 16.2767 48.8661 16.622C48.3154 16.958 47.7041 17.126 47.0321 17.126C46.4441 17.126 45.9214 17.0094 45.4641 16.776C45.0068 16.5334 44.6334 16.2347 44.3441 15.88V20.668H42.7481V9.28604H44.3441V10.42ZM49.0341 13.108C49.0341 12.576 48.9221 12.1187 48.6981 11.736C48.4834 11.344 48.1941 11.05 47.8301 10.854C47.4754 10.6487 47.0928 10.546 46.6821 10.546C46.2808 10.546 45.8981 10.6487 45.5341 10.854C45.1794 11.0594 44.8901 11.358 44.6661 11.75C44.4514 12.142 44.3441 12.604 44.3441 13.136C44.3441 13.668 44.4514 14.1347 44.6661 14.536C44.8901 14.928 45.1794 15.2267 45.5341 15.432C45.8981 15.6374 46.2808 15.74 46.6821 15.74C47.0928 15.74 47.4754 15.6374 47.8301 15.432C48.1941 15.2174 48.4834 14.9094 48.6981 14.508C48.9221 14.1067 49.0341 13.64 49.0341 13.108Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M59.0264 12.954C59.0264 13.2434 59.0077 13.5047 58.9704 13.738H53.0764C53.123 14.354 53.3517 14.8487 53.7624 15.222C54.173 15.5954 54.677 15.782 55.2744 15.782C56.133 15.782 56.7397 15.4227 57.0944 14.704H58.8164C58.583 15.4134 58.1584 15.9967 57.5424 16.454C56.9357 16.902 56.1797 17.126 55.2744 17.126C54.537 17.126 53.8744 16.9627 53.2864 16.636C52.7077 16.3 52.2504 15.8334 51.9144 15.236C51.5877 14.6294 51.4244 13.9294 51.4244 13.136C51.4244 12.3427 51.583 11.6474 51.9004 11.05C52.227 10.4434 52.6797 9.97671 53.2584 9.65004C53.8464 9.32338 54.5184 9.16004 55.2744 9.16004C56.0024 9.16004 56.651 9.31871 57.2204 9.63604C57.7897 9.95338 58.233 10.4014 58.5504 10.98C58.8677 11.5494 59.0264 12.2074 59.0264 12.954ZM57.3604 12.45C57.351 11.862 57.141 11.3907 56.7304 11.036C56.3197 10.6814 55.811 10.504 55.2044 10.504C54.6537 10.504 54.1824 10.6814 53.7904 11.036C53.3984 11.3814 53.165 11.8527 53.0904 12.45H57.3604Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M64.209 9.16004C64.8157 9.16004 65.357 9.28604 65.833 9.53804C66.3183 9.79004 66.6963 10.1634 66.967 10.658C67.2377 11.1527 67.373 11.75 67.373 12.45V17H65.791V12.688C65.791 11.9974 65.6183 11.47 65.273 11.106C64.9277 10.7327 64.4563 10.546 63.859 10.546C63.2617 10.546 62.7857 10.7327 62.431 11.106C62.0857 11.47 61.913 11.9974 61.913 12.688V17H60.317V9.28604H61.913V10.168C62.1743 9.85071 62.5057 9.60338 62.907 9.42604C63.3177 9.24871 63.7517 9.16004 64.209 9.16004Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M70.7248 15.712H74.0148V17H69.1288V7.27004H70.7248V15.712Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M76.6655 15.712H79.9555V17H75.0695V7.27004H76.6655V15.712Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M91.2582 7.27004V17H89.6622V10.336L86.6942 17H85.5882L82.6062 10.336V17H81.0102V7.27004H82.7322L86.1482 14.9L89.5502 7.27004H91.2582Z",
+          "fill": "#1D2939"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_9850_26886"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "24",
+                  "height": "24.0945",
+                  "fill": "white",
+                  "transform": "translate(1)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OpenllmText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
index c9696a2cbb..4ee5570679 100644
--- a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpenllmText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpenllmText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Replicate.json b/web/app/components/base/icons/src/public/llm/Replicate.json
index 303c239193..73a24cff33 100644
--- a/web/app/components/base/icons/src/public/llm/Replicate.json
+++ b/web/app/components/base/icons/src/public/llm/Replicate.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "24",
-					"height": "24",
-					"rx": "6",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M19.9961 4V5.79H7.93621V19.9017H6V4H19.9961ZM20 7.39453V9.18453H11.5969V19.9012H9.65906V7.39453H20ZM19.9964 12.5773V10.7773H13.3106V19.9007H15.2484V12.5773H19.9964Z",
-					"fill": "white"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Replicate"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "24",
+          "height": "24",
+          "rx": "6",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M19.9961 4V5.79H7.93621V19.9017H6V4H19.9961ZM20 7.39453V9.18453H11.5969V19.9012H9.65906V7.39453H20ZM19.9964 12.5773V10.7773H13.3106V19.9007H15.2484V12.5773H19.9964Z",
+          "fill": "white"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Replicate"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Replicate.tsx b/web/app/components/base/icons/src/public/llm/Replicate.tsx
index 11a76e0a9f..e560d61afa 100644
--- a/web/app/components/base/icons/src/public/llm/Replicate.tsx
+++ b/web/app/components/base/icons/src/public/llm/Replicate.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Replicate.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Replicate.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/ReplicateText.json b/web/app/components/base/icons/src/public/llm/ReplicateText.json
index b2d597c2ed..1e75190b4e 100644
--- a/web/app/components/base/icons/src/public/llm/ReplicateText.json
+++ b/web/app/components/base/icons/src/public/llm/ReplicateText.json
@@ -1,116 +1,116 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "92",
-			"height": "24",
-			"viewBox": "0 0 92 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.4933 2V3.79H6.005V17.9017H4V2H18.4933Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.4974 5.39453V7.18453H9.79573V17.9012H7.78906V5.39453H18.4974Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.4936 8.77734V10.5773H13.577V17.9007H11.5703V8.77734H18.4936Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M24.2014 8.60156C26.588 8.60156 28.593 10.1849 28.593 13.1282C28.593 13.3232 28.593 13.4882 28.573 13.7866H21.403C21.4964 15.2782 22.6997 16.2649 24.2114 16.2649C25.4864 16.2649 26.3414 15.6782 26.813 14.8766L28.3464 15.9666C27.523 17.2632 26.1047 18.0849 24.1914 18.0849C21.4247 18.0849 19.4297 16.1199 19.4297 13.3432C19.4397 10.6582 21.4347 8.60156 24.203 8.60156M21.508 12.3149H26.5797C26.363 10.9982 25.3047 10.2882 24.1314 10.2882C22.958 10.2882 21.7764 10.9666 21.508 12.3149Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M30.6328 8.77656H32.6378V9.9999C33.1528 9.2699 34.2628 8.60156 35.5695 8.60156C38.0695 8.60156 39.9611 10.7316 39.9611 13.3432C39.9611 15.9549 38.0678 18.0849 35.5695 18.0849C34.2528 18.0849 33.1411 17.4066 32.6378 16.6749V21.7049H30.6328V8.77656ZM35.2095 10.4216C33.5845 10.4216 32.4728 11.6966 32.4728 13.3432C32.4728 14.9899 33.5845 16.2649 35.2095 16.2649C36.8345 16.2649 37.9245 14.9899 37.9245 13.3432C37.9245 11.6966 36.8128 10.4216 35.2095 10.4216Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M44.0128 4.2207H42.0078V17.8907H44.0128V4.2207Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M47.7139 6.79443C46.9839 6.79443 46.3672 6.19776 46.3672 5.44776C46.3672 4.69776 46.9839 4.12109 47.7139 4.12109C48.4439 4.12109 49.0405 4.72776 49.0405 5.44776C49.0405 6.19943 48.4639 6.79443 47.7139 6.79443ZM46.7155 8.77943H48.7205V17.8928H46.7155V8.77943Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M55.5711 18.0771C52.8345 18.0771 50.7578 16.0304 50.7578 13.3354C50.7578 10.6404 52.8361 8.59375 55.5711 8.59375C57.4528 8.59375 59.0378 9.60208 59.8195 11.1137L58.0711 12.0604C57.6295 11.1354 56.7445 10.4554 55.5711 10.4554C53.9461 10.4554 52.8045 11.7104 52.8045 13.3354C52.8045 14.9604 53.9561 16.2154 55.5711 16.2154C56.7328 16.2154 57.6278 15.5371 58.0711 14.6104L59.8195 15.5571C59.0378 17.0787 57.4428 18.0771 55.5711 18.0771Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M65.3995 8.60156C66.7161 8.60156 67.8061 9.2799 68.3211 9.9999V8.77656H70.3261V17.8899H68.3211V16.6666C67.8061 17.3966 66.7161 18.0766 65.3995 18.0766C62.8995 18.0766 61.0078 15.9466 61.0078 13.3349C61.0078 10.7232 62.9011 8.60323 65.3995 8.60323M65.7695 10.4232C64.1445 10.4232 63.0545 11.6982 63.0545 13.3449C63.0545 14.9916 64.1445 16.2666 65.7695 16.2666C67.3945 16.2666 68.4845 14.9916 68.4845 13.3449C68.4845 11.6982 67.3845 10.4232 65.7695 10.4232Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M73.7627 17.9033V10.57H71.8594V8.78H73.7627V6.25H75.7694V8.78H79.2244V10.57H75.7694V16.1033H79.2244V17.9033H73.7627Z",
-					"fill": "black"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M84.9435 8.60156C87.3302 8.60156 89.3352 10.1849 89.3352 13.1282C89.3352 13.3232 89.3352 13.4882 89.3152 13.7866H82.1452C82.2385 15.2782 83.4419 16.2649 84.9535 16.2649C86.2285 16.2649 87.0835 15.6782 87.5552 14.8766L89.0885 15.9666C88.2652 17.2632 86.8469 18.0849 84.9335 18.0849C82.1669 18.0849 80.1719 16.1199 80.1719 13.3432C80.1919 10.6582 82.1769 8.60156 84.9452 8.60156M82.2502 12.3149H87.3219C87.1052 10.9982 86.0469 10.2882 84.8735 10.2882C83.7002 10.2882 82.5285 10.9666 82.2502 12.3149Z",
-					"fill": "black"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ReplicateText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "92",
+      "height": "24",
+      "viewBox": "0 0 92 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.4933 2V3.79H6.005V17.9017H4V2H18.4933Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.4974 5.39453V7.18453H9.79573V17.9012H7.78906V5.39453H18.4974Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.4936 8.77734V10.5773H13.577V17.9007H11.5703V8.77734H18.4936Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M24.2014 8.60156C26.588 8.60156 28.593 10.1849 28.593 13.1282C28.593 13.3232 28.593 13.4882 28.573 13.7866H21.403C21.4964 15.2782 22.6997 16.2649 24.2114 16.2649C25.4864 16.2649 26.3414 15.6782 26.813 14.8766L28.3464 15.9666C27.523 17.2632 26.1047 18.0849 24.1914 18.0849C21.4247 18.0849 19.4297 16.1199 19.4297 13.3432C19.4397 10.6582 21.4347 8.60156 24.203 8.60156M21.508 12.3149H26.5797C26.363 10.9982 25.3047 10.2882 24.1314 10.2882C22.958 10.2882 21.7764 10.9666 21.508 12.3149Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M30.6328 8.77656H32.6378V9.9999C33.1528 9.2699 34.2628 8.60156 35.5695 8.60156C38.0695 8.60156 39.9611 10.7316 39.9611 13.3432C39.9611 15.9549 38.0678 18.0849 35.5695 18.0849C34.2528 18.0849 33.1411 17.4066 32.6378 16.6749V21.7049H30.6328V8.77656ZM35.2095 10.4216C33.5845 10.4216 32.4728 11.6966 32.4728 13.3432C32.4728 14.9899 33.5845 16.2649 35.2095 16.2649C36.8345 16.2649 37.9245 14.9899 37.9245 13.3432C37.9245 11.6966 36.8128 10.4216 35.2095 10.4216Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M44.0128 4.2207H42.0078V17.8907H44.0128V4.2207Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M47.7139 6.79443C46.9839 6.79443 46.3672 6.19776 46.3672 5.44776C46.3672 4.69776 46.9839 4.12109 47.7139 4.12109C48.4439 4.12109 49.0405 4.72776 49.0405 5.44776C49.0405 6.19943 48.4639 6.79443 47.7139 6.79443ZM46.7155 8.77943H48.7205V17.8928H46.7155V8.77943Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M55.5711 18.0771C52.8345 18.0771 50.7578 16.0304 50.7578 13.3354C50.7578 10.6404 52.8361 8.59375 55.5711 8.59375C57.4528 8.59375 59.0378 9.60208 59.8195 11.1137L58.0711 12.0604C57.6295 11.1354 56.7445 10.4554 55.5711 10.4554C53.9461 10.4554 52.8045 11.7104 52.8045 13.3354C52.8045 14.9604 53.9561 16.2154 55.5711 16.2154C56.7328 16.2154 57.6278 15.5371 58.0711 14.6104L59.8195 15.5571C59.0378 17.0787 57.4428 18.0771 55.5711 18.0771Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M65.3995 8.60156C66.7161 8.60156 67.8061 9.2799 68.3211 9.9999V8.77656H70.3261V17.8899H68.3211V16.6666C67.8061 17.3966 66.7161 18.0766 65.3995 18.0766C62.8995 18.0766 61.0078 15.9466 61.0078 13.3349C61.0078 10.7232 62.9011 8.60323 65.3995 8.60323M65.7695 10.4232C64.1445 10.4232 63.0545 11.6982 63.0545 13.3449C63.0545 14.9916 64.1445 16.2666 65.7695 16.2666C67.3945 16.2666 68.4845 14.9916 68.4845 13.3449C68.4845 11.6982 67.3845 10.4232 65.7695 10.4232Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M73.7627 17.9033V10.57H71.8594V8.78H73.7627V6.25H75.7694V8.78H79.2244V10.57H75.7694V16.1033H79.2244V17.9033H73.7627Z",
+          "fill": "black"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M84.9435 8.60156C87.3302 8.60156 89.3352 10.1849 89.3352 13.1282C89.3352 13.3232 89.3352 13.4882 89.3152 13.7866H82.1452C82.2385 15.2782 83.4419 16.2649 84.9535 16.2649C86.2285 16.2649 87.0835 15.6782 87.5552 14.8766L89.0885 15.9666C88.2652 17.2632 86.8469 18.0849 84.9335 18.0849C82.1669 18.0849 80.1719 16.1199 80.1719 13.3432C80.1919 10.6582 82.1769 8.60156 84.9452 8.60156M82.2502 12.3149H87.3219C87.1052 10.9982 86.0469 10.2882 84.8735 10.2882C83.7002 10.2882 82.5285 10.9666 82.2502 12.3149Z",
+          "fill": "black"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ReplicateText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
index 1a2b13b527..e202e9e72a 100644
--- a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ReplicateText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ReplicateText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInference.json b/web/app/components/base/icons/src/public/llm/XorbitsInference.json
index b2d3b1a072..db77ffc188 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInference.json
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInference.json
@@ -1,176 +1,176 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Xorbits Square",
-					"clip-path": "url(#clip0_9850_26870)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M8.00391 12.3124C8.69334 13.0754 9.47526 13.7494 10.3316 14.3188C11.0667 14.8105 11.8509 15.2245 12.6716 15.5541C14.1617 14.1465 15.3959 12.4907 16.3192 10.6606L21.7051 0L12.3133 7.38353C10.5832 8.74456 9.12178 10.416 8.00391 12.3124Z",
-							"fill": "url(#paint0_linear_9850_26870)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M7.23504 18.9512C6.56092 18.5012 5.92386 18.0265 5.3221 17.5394L2.06445 24L7.91975 19.3959C7.69034 19.2494 7.46092 19.103 7.23504 18.9512Z",
-							"fill": "url(#paint1_linear_9850_26870)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M19.3161 8.57474C21.0808 10.9147 21.5961 13.5159 20.3996 15.3053C18.6526 17.9189 13.9161 17.8183 9.82024 15.0812C5.72435 12.3441 3.82024 8.0065 5.56729 5.39297C6.76377 3.60356 9.36318 3.0865 12.2008 3.81886C7.29318 1.73474 2.62376 1.94121 0.813177 4.64474C-1.45976 8.04709 1.64435 14.1177 7.74494 18.1889C13.8455 22.26 20.6361 22.8124 22.9091 19.4118C24.7179 16.703 23.1173 12.3106 19.3161 8.57474Z",
-							"fill": "url(#paint2_linear_9850_26870)"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_9850_26870",
-							"x1": "2.15214",
-							"y1": "24.3018",
-							"x2": "21.2921",
-							"y2": "0.0988218",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#E9A85E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#F52B76"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_9850_26870",
-							"x1": "2.06269",
-							"y1": "24.2294",
-							"x2": "21.2027",
-							"y2": "0.028252",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#E9A85E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#F52B76"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_9850_26870",
-							"x1": "-0.613606",
-							"y1": "3.843",
-							"x2": "21.4449",
-							"y2": "18.7258",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#6A0CF5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#AB66F3"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_9850_26870"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "24",
-									"height": "24",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "XorbitsInference"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Xorbits Square",
+          "clip-path": "url(#clip0_9850_26870)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M8.00391 12.3124C8.69334 13.0754 9.47526 13.7494 10.3316 14.3188C11.0667 14.8105 11.8509 15.2245 12.6716 15.5541C14.1617 14.1465 15.3959 12.4907 16.3192 10.6606L21.7051 0L12.3133 7.38353C10.5832 8.74456 9.12178 10.416 8.00391 12.3124Z",
+              "fill": "url(#paint0_linear_9850_26870)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M7.23504 18.9512C6.56092 18.5012 5.92386 18.0265 5.3221 17.5394L2.06445 24L7.91975 19.3959C7.69034 19.2494 7.46092 19.103 7.23504 18.9512Z",
+              "fill": "url(#paint1_linear_9850_26870)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M19.3161 8.57474C21.0808 10.9147 21.5961 13.5159 20.3996 15.3053C18.6526 17.9189 13.9161 17.8183 9.82024 15.0812C5.72435 12.3441 3.82024 8.0065 5.56729 5.39297C6.76377 3.60356 9.36318 3.0865 12.2008 3.81886C7.29318 1.73474 2.62376 1.94121 0.813177 4.64474C-1.45976 8.04709 1.64435 14.1177 7.74494 18.1889C13.8455 22.26 20.6361 22.8124 22.9091 19.4118C24.7179 16.703 23.1173 12.3106 19.3161 8.57474Z",
+              "fill": "url(#paint2_linear_9850_26870)"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_9850_26870",
+              "x1": "2.15214",
+              "y1": "24.3018",
+              "x2": "21.2921",
+              "y2": "0.0988218",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#E9A85E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#F52B76"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_9850_26870",
+              "x1": "2.06269",
+              "y1": "24.2294",
+              "x2": "21.2027",
+              "y2": "0.028252",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#E9A85E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#F52B76"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_9850_26870",
+              "x1": "-0.613606",
+              "y1": "3.843",
+              "x2": "21.4449",
+              "y2": "18.7258",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#6A0CF5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#AB66F3"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_9850_26870"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "24",
+                  "height": "24",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "XorbitsInference"
 }
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
index c4663e7a6b..0a7742d1ee 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './XorbitsInference.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './XorbitsInference.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.json b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.json
index 967ee6d6c4..19ac8f57db 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.json
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.json
@@ -1,329 +1,329 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "152",
-			"height": "24",
-			"viewBox": "0 0 152 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "xorbits 1",
-					"clip-path": "url(#clip0_9866_6170)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M8.00391 12.3124C8.69334 13.0754 9.47526 13.7494 10.3316 14.3188C11.0667 14.8105 11.8509 15.2245 12.6716 15.5541C14.1617 14.1465 15.3959 12.4907 16.3192 10.6606L21.7051 0L12.3133 7.38353C10.5832 8.74456 9.12178 10.416 8.00391 12.3124Z",
-							"fill": "url(#paint0_linear_9866_6170)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M7.23504 18.9512C6.56092 18.5012 5.92386 18.0265 5.3221 17.5394L2.06445 24L7.91975 19.3959C7.69034 19.2494 7.46092 19.103 7.23504 18.9512Z",
-							"fill": "url(#paint1_linear_9866_6170)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M19.3161 8.57474C21.0808 10.9147 21.5961 13.5159 20.3996 15.3053C18.6526 17.9189 13.9161 17.8183 9.82024 15.0812C5.72435 12.3441 3.82024 8.0065 5.56729 5.39297C6.76377 3.60356 9.36318 3.0865 12.2008 3.81886C7.29318 1.73474 2.62376 1.94121 0.813177 4.64474C-1.45976 8.04709 1.64435 14.1177 7.74494 18.1889C13.8455 22.26 20.6361 22.8124 22.9091 19.4118C24.7179 16.703 23.1173 12.3106 19.3161 8.57474Z",
-							"fill": "url(#paint2_linear_9866_6170)"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Xorbits Inference"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M35.5162 12.142L38.5402 17H36.7482L34.5502 13.472L32.4922 17H30.7142L33.7382 12.142L30.7002 7.27002H32.4922L34.7042 10.826L36.7762 7.27002H38.5542L35.5162 12.142Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M43.3584 17.126C42.6304 17.126 41.9724 16.9627 41.3844 16.636C40.7964 16.3 40.3344 15.8334 39.9984 15.236C39.6624 14.6294 39.4944 13.9293 39.4944 13.136C39.4944 12.352 39.6671 11.6567 40.0124 11.05C40.3577 10.4434 40.8291 9.97668 41.4264 9.65002C42.0237 9.32335 42.6911 9.16002 43.4284 9.16002C44.1657 9.16002 44.8331 9.32335 45.4304 9.65002C46.0277 9.97668 46.4991 10.4434 46.8444 11.05C47.1897 11.6567 47.3624 12.352 47.3624 13.136C47.3624 13.92 47.185 14.6154 46.8304 15.222C46.4757 15.8287 45.9904 16.3 45.3744 16.636C44.7677 16.9627 44.0957 17.126 43.3584 17.126ZM43.3584 15.74C43.769 15.74 44.1517 15.642 44.5064 15.446C44.8704 15.25 45.1644 14.956 45.3884 14.564C45.6124 14.172 45.7244 13.696 45.7244 13.136C45.7244 12.576 45.6171 12.1047 45.4024 11.722C45.1877 11.33 44.9031 11.036 44.5484 10.84C44.1937 10.644 43.8111 10.546 43.4004 10.546C42.9897 10.546 42.607 10.644 42.2524 10.84C41.9071 11.036 41.6317 11.33 41.4264 11.722C41.221 12.1047 41.1184 12.576 41.1184 13.136C41.1184 13.9667 41.3284 14.6107 41.7484 15.068C42.1777 15.516 42.7144 15.74 43.3584 15.74Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M50.2561 10.406C50.4895 10.014 50.7974 9.71068 51.1801 9.49602C51.5721 9.27202 52.0341 9.16002 52.5661 9.16002V10.812H52.1601C51.5348 10.812 51.0588 10.9707 50.7321 11.288C50.4148 11.6054 50.2561 12.156 50.2561 12.94V17H48.6601V9.28602H50.2561V10.406Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M55.3492 10.434C55.6198 10.0607 55.9885 9.75735 56.4552 9.52402C56.9312 9.28135 57.4585 9.16002 58.0372 9.16002C58.7185 9.16002 59.3345 9.32335 59.8852 9.65002C60.4358 9.97668 60.8698 10.4434 61.1872 11.05C61.5045 11.6473 61.6632 12.3333 61.6632 13.108C61.6632 13.8827 61.5045 14.578 61.1872 15.194C60.8698 15.8007 60.4312 16.2767 59.8712 16.622C59.3205 16.958 58.7092 17.126 58.0372 17.126C57.4398 17.126 56.9078 17.0093 56.4412 16.776C55.9838 16.5427 55.6198 16.244 55.3492 15.88V17H53.7532V6.64002H55.3492V10.434ZM60.0392 13.108C60.0392 12.576 59.9272 12.1187 59.7032 11.736C59.4885 11.344 59.1992 11.05 58.8352 10.854C58.4805 10.6487 58.0978 10.546 57.6872 10.546C57.2858 10.546 56.9032 10.6487 56.5392 10.854C56.1845 11.0594 55.8952 11.358 55.6712 11.75C55.4565 12.142 55.3492 12.604 55.3492 13.136C55.3492 13.668 55.4565 14.1347 55.6712 14.536C55.8952 14.928 56.1845 15.2267 56.5392 15.432C56.9032 15.6374 57.2858 15.74 57.6872 15.74C58.0978 15.74 58.4805 15.6374 58.8352 15.432C59.1992 15.2174 59.4885 14.9093 59.7032 14.508C59.9272 14.1067 60.0392 13.64 60.0392 13.108Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M63.7734 8.26402C63.4841 8.26402 63.2414 8.16602 63.0454 7.97002C62.8494 7.77402 62.7514 7.53135 62.7514 7.24202C62.7514 6.95268 62.8494 6.71002 63.0454 6.51402C63.2414 6.31802 63.4841 6.22002 63.7734 6.22002C64.0534 6.22002 64.2914 6.31802 64.4874 6.51402C64.6834 6.71002 64.7814 6.95268 64.7814 7.24202C64.7814 7.53135 64.6834 7.77402 64.4874 7.97002C64.2914 8.16602 64.0534 8.26402 63.7734 8.26402ZM64.5574 9.28602V17H62.9614V9.28602H64.5574Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M68.2348 10.588V14.858C68.2348 15.1474 68.3002 15.3573 68.4309 15.488C68.5709 15.6093 68.8042 15.67 69.1308 15.67H70.1109V17H68.8508C68.1322 17 67.5815 16.832 67.1988 16.496C66.8162 16.16 66.6248 15.614 66.6248 14.858V10.588H65.7148V9.28602H66.6248V7.36802H68.2348V9.28602H70.1109V10.588H68.2348Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M74.1018 17.126C73.4952 17.126 72.9492 17.0187 72.4638 16.804C71.9878 16.58 71.6098 16.2813 71.3298 15.908C71.0498 15.5253 70.9005 15.1007 70.8818 14.634H72.5338C72.5618 14.9607 72.7158 15.236 72.9958 15.46C73.2852 15.6747 73.6445 15.782 74.0738 15.782C74.5218 15.782 74.8672 15.698 75.1098 15.53C75.3618 15.3527 75.4878 15.1287 75.4878 14.858C75.4878 14.5687 75.3478 14.354 75.0678 14.214C74.7972 14.074 74.3632 13.92 73.7658 13.752C73.1872 13.5933 72.7158 13.4394 72.3518 13.29C71.9878 13.1407 71.6705 12.912 71.3998 12.604C71.1385 12.296 71.0078 11.89 71.0078 11.386C71.0078 10.9753 71.1292 10.602 71.3718 10.266C71.6145 9.92068 71.9598 9.65002 72.4078 9.45402C72.8652 9.25802 73.3878 9.16002 73.9758 9.16002C74.8532 9.16002 75.5578 9.38402 76.0898 9.83202C76.6312 10.2707 76.9205 10.8727 76.9578 11.638H75.3618C75.3338 11.2927 75.1938 11.0173 74.9418 10.812C74.6898 10.6067 74.3492 10.504 73.9198 10.504C73.4998 10.504 73.1778 10.5833 72.9538 10.742C72.7298 10.9007 72.6178 11.1107 72.6178 11.372C72.6178 11.5773 72.6925 11.75 72.8418 11.89C72.9912 12.03 73.1732 12.142 73.3878 12.226C73.6025 12.3007 73.9198 12.3987 74.3398 12.52C74.8998 12.6693 75.3572 12.8233 75.7118 12.982C76.0758 13.1314 76.3885 13.3554 76.6498 13.654C76.9112 13.9527 77.0465 14.3493 77.0558 14.844C77.0558 15.2827 76.9345 15.6747 76.6918 16.02C76.4492 16.3654 76.1038 16.636 75.6558 16.832C75.2172 17.028 74.6992 17.126 74.1018 17.126Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M83.4531 7.27002V17H81.8571V7.27002H83.4531Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M89.1605 9.16002C89.7671 9.16002 90.3085 9.28602 90.7845 9.53802C91.2698 9.79002 91.6478 10.1633 91.9185 10.658C92.1891 11.1527 92.3245 11.75 92.3245 12.45V17H90.7425V12.688C90.7425 11.9973 90.5698 11.47 90.2245 11.106C89.8791 10.7327 89.4078 10.546 88.8105 10.546C88.2131 10.546 87.7371 10.7327 87.3825 11.106C87.0371 11.47 86.8645 11.9973 86.8645 12.688V17H85.2685V9.28602H86.8645V10.168C87.1258 9.85068 87.4571 9.60335 87.8585 9.42602C88.2691 9.24868 88.7031 9.16002 89.1605 9.16002Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M97.3143 10.588H95.8863V17H94.2763V10.588H93.3663V9.28602H94.2763V8.74002C94.2763 7.85335 94.5096 7.20935 94.9763 6.80802C95.4523 6.39735 96.1943 6.19202 97.2023 6.19202V7.52202C96.7169 7.52202 96.3763 7.61535 96.1803 7.80202C95.9843 7.97935 95.8863 8.29202 95.8863 8.74002V9.28602H97.3143V10.588Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M105.519 12.954C105.519 13.2433 105.5 13.5047 105.463 13.738H99.5687C99.6154 14.354 99.844 14.8487 100.255 15.222C100.665 15.5954 101.169 15.782 101.767 15.782C102.625 15.782 103.232 15.4227 103.587 14.704H105.309C105.075 15.4133 104.651 15.9967 104.035 16.454C103.428 16.902 102.672 17.126 101.767 17.126C101.029 17.126 100.367 16.9627 99.7787 16.636C99.2 16.3 98.7427 15.8334 98.4067 15.236C98.08 14.6294 97.9167 13.9293 97.9167 13.136C97.9167 12.3427 98.0754 11.6473 98.3927 11.05C98.7194 10.4434 99.172 9.97668 99.7507 9.65002C100.339 9.32335 101.011 9.16002 101.767 9.16002C102.495 9.16002 103.143 9.31868 103.713 9.63602C104.282 9.95335 104.725 10.4014 105.043 10.98C105.36 11.5493 105.519 12.2073 105.519 12.954ZM103.853 12.45C103.843 11.862 103.633 11.3907 103.223 11.036C102.812 10.6813 102.303 10.504 101.697 10.504C101.146 10.504 100.675 10.6813 100.283 11.036C99.8907 11.3813 99.6574 11.8527 99.5827 12.45H103.853Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M108.405 10.406C108.639 10.014 108.947 9.71068 109.329 9.49602C109.721 9.27202 110.183 9.16002 110.715 9.16002V10.812H110.309C109.684 10.812 109.208 10.9707 108.881 11.288C108.564 11.6054 108.405 12.156 108.405 12.94V17H106.809V9.28602H108.405V10.406Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M118.972 12.954C118.972 13.2433 118.954 13.5047 118.916 13.738H113.022C113.069 14.354 113.298 14.8487 113.708 15.222C114.119 15.5954 114.623 15.782 115.22 15.782C116.079 15.782 116.686 15.4227 117.04 14.704H118.762C118.529 15.4133 118.104 15.9967 117.488 16.454C116.882 16.902 116.126 17.126 115.22 17.126C114.483 17.126 113.82 16.9627 113.232 16.636C112.654 16.3 112.196 15.8334 111.86 15.236C111.534 14.6294 111.37 13.9293 111.37 13.136C111.37 12.3427 111.529 11.6473 111.846 11.05C112.173 10.4434 112.626 9.97668 113.204 9.65002C113.792 9.32335 114.464 9.16002 115.22 9.16002C115.948 9.16002 116.597 9.31868 117.166 9.63602C117.736 9.95335 118.179 10.4014 118.496 10.98C118.814 11.5493 118.972 12.2073 118.972 12.954ZM117.306 12.45C117.297 11.862 117.087 11.3907 116.676 11.036C116.266 10.6813 115.757 10.504 115.15 10.504C114.6 10.504 114.128 10.6813 113.736 11.036C113.344 11.3813 113.111 11.8527 113.036 12.45H117.306Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M124.155 9.16002C124.762 9.16002 125.303 9.28602 125.779 9.53802C126.264 9.79002 126.642 10.1633 126.913 10.658C127.184 11.1527 127.319 11.75 127.319 12.45V17H125.737V12.688C125.737 11.9973 125.564 11.47 125.219 11.106C124.874 10.7327 124.402 10.546 123.805 10.546C123.208 10.546 122.732 10.7327 122.377 11.106C122.032 11.47 121.859 11.9973 121.859 12.688V17H120.263V9.28602H121.859V10.168C122.12 9.85068 122.452 9.60335 122.853 9.42602C123.264 9.24868 123.698 9.16002 124.155 9.16002Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M128.543 13.136C128.543 12.3427 128.701 11.6473 129.019 11.05C129.345 10.4434 129.793 9.97668 130.363 9.65002C130.932 9.32335 131.585 9.16002 132.323 9.16002C133.256 9.16002 134.026 9.38402 134.633 9.83202C135.249 10.2707 135.664 10.9007 135.879 11.722H134.157C134.017 11.3394 133.793 11.0407 133.485 10.826C133.177 10.6113 132.789 10.504 132.323 10.504C131.669 10.504 131.147 10.7373 130.755 11.204C130.372 11.6613 130.181 12.3053 130.181 13.136C130.181 13.9667 130.372 14.6153 130.755 15.082C131.147 15.5487 131.669 15.782 132.323 15.782C133.247 15.782 133.858 15.376 134.157 14.564H135.879C135.655 15.348 135.235 15.9733 134.619 16.44C134.003 16.8973 133.237 17.126 132.323 17.126C131.585 17.126 130.932 16.9627 130.363 16.636C129.793 16.3 129.345 15.8334 129.019 15.236C128.701 14.6294 128.543 13.9293 128.543 13.136Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M144.259 12.954C144.259 13.2433 144.241 13.5047 144.203 13.738H138.309C138.356 14.354 138.585 14.8487 138.995 15.222C139.406 15.5954 139.91 15.782 140.507 15.782C141.366 15.782 141.973 15.4227 142.327 14.704H144.049C143.816 15.4133 143.391 15.9967 142.775 16.454C142.169 16.902 141.413 17.126 140.507 17.126C139.77 17.126 139.107 16.9627 138.519 16.636C137.941 16.3 137.483 15.8334 137.147 15.236C136.821 14.6294 136.657 13.9293 136.657 13.136C136.657 12.3427 136.816 11.6473 137.133 11.05C137.46 10.4434 137.913 9.97668 138.491 9.65002C139.079 9.32335 139.751 9.16002 140.507 9.16002C141.235 9.16002 141.884 9.31868 142.453 9.63602C143.023 9.95335 143.466 10.4014 143.783 10.98C144.101 11.5493 144.259 12.2073 144.259 12.954ZM142.593 12.45C142.584 11.862 142.374 11.3907 141.963 11.036C141.553 10.6813 141.044 10.504 140.437 10.504C139.887 10.504 139.415 10.6813 139.023 11.036C138.631 11.3813 138.398 11.8527 138.323 12.45H142.593Z",
-									"fill": "#1D2939"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_9866_6170",
-							"x1": "2.15214",
-							"y1": "24.3018",
-							"x2": "21.2921",
-							"y2": "0.0988218",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#E9A85E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#F52B76"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_9866_6170",
-							"x1": "2.06269",
-							"y1": "24.2294",
-							"x2": "21.2027",
-							"y2": "0.028252",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#E9A85E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#F52B76"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_9866_6170",
-							"x1": "-0.613606",
-							"y1": "3.843",
-							"x2": "21.4449",
-							"y2": "18.7258",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#6A0CF5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#AB66F3"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_9866_6170"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "152",
-									"height": "24",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "XorbitsInferenceText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "152",
+      "height": "24",
+      "viewBox": "0 0 152 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "xorbits 1",
+          "clip-path": "url(#clip0_9866_6170)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M8.00391 12.3124C8.69334 13.0754 9.47526 13.7494 10.3316 14.3188C11.0667 14.8105 11.8509 15.2245 12.6716 15.5541C14.1617 14.1465 15.3959 12.4907 16.3192 10.6606L21.7051 0L12.3133 7.38353C10.5832 8.74456 9.12178 10.416 8.00391 12.3124Z",
+              "fill": "url(#paint0_linear_9866_6170)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M7.23504 18.9512C6.56092 18.5012 5.92386 18.0265 5.3221 17.5394L2.06445 24L7.91975 19.3959C7.69034 19.2494 7.46092 19.103 7.23504 18.9512Z",
+              "fill": "url(#paint1_linear_9866_6170)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M19.3161 8.57474C21.0808 10.9147 21.5961 13.5159 20.3996 15.3053C18.6526 17.9189 13.9161 17.8183 9.82024 15.0812C5.72435 12.3441 3.82024 8.0065 5.56729 5.39297C6.76377 3.60356 9.36318 3.0865 12.2008 3.81886C7.29318 1.73474 2.62376 1.94121 0.813177 4.64474C-1.45976 8.04709 1.64435 14.1177 7.74494 18.1889C13.8455 22.26 20.6361 22.8124 22.9091 19.4118C24.7179 16.703 23.1173 12.3106 19.3161 8.57474Z",
+              "fill": "url(#paint2_linear_9866_6170)"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Xorbits Inference"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M35.5162 12.142L38.5402 17H36.7482L34.5502 13.472L32.4922 17H30.7142L33.7382 12.142L30.7002 7.27002H32.4922L34.7042 10.826L36.7762 7.27002H38.5542L35.5162 12.142Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M43.3584 17.126C42.6304 17.126 41.9724 16.9627 41.3844 16.636C40.7964 16.3 40.3344 15.8334 39.9984 15.236C39.6624 14.6294 39.4944 13.9293 39.4944 13.136C39.4944 12.352 39.6671 11.6567 40.0124 11.05C40.3577 10.4434 40.8291 9.97668 41.4264 9.65002C42.0237 9.32335 42.6911 9.16002 43.4284 9.16002C44.1657 9.16002 44.8331 9.32335 45.4304 9.65002C46.0277 9.97668 46.4991 10.4434 46.8444 11.05C47.1897 11.6567 47.3624 12.352 47.3624 13.136C47.3624 13.92 47.185 14.6154 46.8304 15.222C46.4757 15.8287 45.9904 16.3 45.3744 16.636C44.7677 16.9627 44.0957 17.126 43.3584 17.126ZM43.3584 15.74C43.769 15.74 44.1517 15.642 44.5064 15.446C44.8704 15.25 45.1644 14.956 45.3884 14.564C45.6124 14.172 45.7244 13.696 45.7244 13.136C45.7244 12.576 45.6171 12.1047 45.4024 11.722C45.1877 11.33 44.9031 11.036 44.5484 10.84C44.1937 10.644 43.8111 10.546 43.4004 10.546C42.9897 10.546 42.607 10.644 42.2524 10.84C41.9071 11.036 41.6317 11.33 41.4264 11.722C41.221 12.1047 41.1184 12.576 41.1184 13.136C41.1184 13.9667 41.3284 14.6107 41.7484 15.068C42.1777 15.516 42.7144 15.74 43.3584 15.74Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M50.2561 10.406C50.4895 10.014 50.7974 9.71068 51.1801 9.49602C51.5721 9.27202 52.0341 9.16002 52.5661 9.16002V10.812H52.1601C51.5348 10.812 51.0588 10.9707 50.7321 11.288C50.4148 11.6054 50.2561 12.156 50.2561 12.94V17H48.6601V9.28602H50.2561V10.406Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M55.3492 10.434C55.6198 10.0607 55.9885 9.75735 56.4552 9.52402C56.9312 9.28135 57.4585 9.16002 58.0372 9.16002C58.7185 9.16002 59.3345 9.32335 59.8852 9.65002C60.4358 9.97668 60.8698 10.4434 61.1872 11.05C61.5045 11.6473 61.6632 12.3333 61.6632 13.108C61.6632 13.8827 61.5045 14.578 61.1872 15.194C60.8698 15.8007 60.4312 16.2767 59.8712 16.622C59.3205 16.958 58.7092 17.126 58.0372 17.126C57.4398 17.126 56.9078 17.0093 56.4412 16.776C55.9838 16.5427 55.6198 16.244 55.3492 15.88V17H53.7532V6.64002H55.3492V10.434ZM60.0392 13.108C60.0392 12.576 59.9272 12.1187 59.7032 11.736C59.4885 11.344 59.1992 11.05 58.8352 10.854C58.4805 10.6487 58.0978 10.546 57.6872 10.546C57.2858 10.546 56.9032 10.6487 56.5392 10.854C56.1845 11.0594 55.8952 11.358 55.6712 11.75C55.4565 12.142 55.3492 12.604 55.3492 13.136C55.3492 13.668 55.4565 14.1347 55.6712 14.536C55.8952 14.928 56.1845 15.2267 56.5392 15.432C56.9032 15.6374 57.2858 15.74 57.6872 15.74C58.0978 15.74 58.4805 15.6374 58.8352 15.432C59.1992 15.2174 59.4885 14.9093 59.7032 14.508C59.9272 14.1067 60.0392 13.64 60.0392 13.108Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M63.7734 8.26402C63.4841 8.26402 63.2414 8.16602 63.0454 7.97002C62.8494 7.77402 62.7514 7.53135 62.7514 7.24202C62.7514 6.95268 62.8494 6.71002 63.0454 6.51402C63.2414 6.31802 63.4841 6.22002 63.7734 6.22002C64.0534 6.22002 64.2914 6.31802 64.4874 6.51402C64.6834 6.71002 64.7814 6.95268 64.7814 7.24202C64.7814 7.53135 64.6834 7.77402 64.4874 7.97002C64.2914 8.16602 64.0534 8.26402 63.7734 8.26402ZM64.5574 9.28602V17H62.9614V9.28602H64.5574Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M68.2348 10.588V14.858C68.2348 15.1474 68.3002 15.3573 68.4309 15.488C68.5709 15.6093 68.8042 15.67 69.1308 15.67H70.1109V17H68.8508C68.1322 17 67.5815 16.832 67.1988 16.496C66.8162 16.16 66.6248 15.614 66.6248 14.858V10.588H65.7148V9.28602H66.6248V7.36802H68.2348V9.28602H70.1109V10.588H68.2348Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M74.1018 17.126C73.4952 17.126 72.9492 17.0187 72.4638 16.804C71.9878 16.58 71.6098 16.2813 71.3298 15.908C71.0498 15.5253 70.9005 15.1007 70.8818 14.634H72.5338C72.5618 14.9607 72.7158 15.236 72.9958 15.46C73.2852 15.6747 73.6445 15.782 74.0738 15.782C74.5218 15.782 74.8672 15.698 75.1098 15.53C75.3618 15.3527 75.4878 15.1287 75.4878 14.858C75.4878 14.5687 75.3478 14.354 75.0678 14.214C74.7972 14.074 74.3632 13.92 73.7658 13.752C73.1872 13.5933 72.7158 13.4394 72.3518 13.29C71.9878 13.1407 71.6705 12.912 71.3998 12.604C71.1385 12.296 71.0078 11.89 71.0078 11.386C71.0078 10.9753 71.1292 10.602 71.3718 10.266C71.6145 9.92068 71.9598 9.65002 72.4078 9.45402C72.8652 9.25802 73.3878 9.16002 73.9758 9.16002C74.8532 9.16002 75.5578 9.38402 76.0898 9.83202C76.6312 10.2707 76.9205 10.8727 76.9578 11.638H75.3618C75.3338 11.2927 75.1938 11.0173 74.9418 10.812C74.6898 10.6067 74.3492 10.504 73.9198 10.504C73.4998 10.504 73.1778 10.5833 72.9538 10.742C72.7298 10.9007 72.6178 11.1107 72.6178 11.372C72.6178 11.5773 72.6925 11.75 72.8418 11.89C72.9912 12.03 73.1732 12.142 73.3878 12.226C73.6025 12.3007 73.9198 12.3987 74.3398 12.52C74.8998 12.6693 75.3572 12.8233 75.7118 12.982C76.0758 13.1314 76.3885 13.3554 76.6498 13.654C76.9112 13.9527 77.0465 14.3493 77.0558 14.844C77.0558 15.2827 76.9345 15.6747 76.6918 16.02C76.4492 16.3654 76.1038 16.636 75.6558 16.832C75.2172 17.028 74.6992 17.126 74.1018 17.126Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M83.4531 7.27002V17H81.8571V7.27002H83.4531Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M89.1605 9.16002C89.7671 9.16002 90.3085 9.28602 90.7845 9.53802C91.2698 9.79002 91.6478 10.1633 91.9185 10.658C92.1891 11.1527 92.3245 11.75 92.3245 12.45V17H90.7425V12.688C90.7425 11.9973 90.5698 11.47 90.2245 11.106C89.8791 10.7327 89.4078 10.546 88.8105 10.546C88.2131 10.546 87.7371 10.7327 87.3825 11.106C87.0371 11.47 86.8645 11.9973 86.8645 12.688V17H85.2685V9.28602H86.8645V10.168C87.1258 9.85068 87.4571 9.60335 87.8585 9.42602C88.2691 9.24868 88.7031 9.16002 89.1605 9.16002Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M97.3143 10.588H95.8863V17H94.2763V10.588H93.3663V9.28602H94.2763V8.74002C94.2763 7.85335 94.5096 7.20935 94.9763 6.80802C95.4523 6.39735 96.1943 6.19202 97.2023 6.19202V7.52202C96.7169 7.52202 96.3763 7.61535 96.1803 7.80202C95.9843 7.97935 95.8863 8.29202 95.8863 8.74002V9.28602H97.3143V10.588Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M105.519 12.954C105.519 13.2433 105.5 13.5047 105.463 13.738H99.5687C99.6154 14.354 99.844 14.8487 100.255 15.222C100.665 15.5954 101.169 15.782 101.767 15.782C102.625 15.782 103.232 15.4227 103.587 14.704H105.309C105.075 15.4133 104.651 15.9967 104.035 16.454C103.428 16.902 102.672 17.126 101.767 17.126C101.029 17.126 100.367 16.9627 99.7787 16.636C99.2 16.3 98.7427 15.8334 98.4067 15.236C98.08 14.6294 97.9167 13.9293 97.9167 13.136C97.9167 12.3427 98.0754 11.6473 98.3927 11.05C98.7194 10.4434 99.172 9.97668 99.7507 9.65002C100.339 9.32335 101.011 9.16002 101.767 9.16002C102.495 9.16002 103.143 9.31868 103.713 9.63602C104.282 9.95335 104.725 10.4014 105.043 10.98C105.36 11.5493 105.519 12.2073 105.519 12.954ZM103.853 12.45C103.843 11.862 103.633 11.3907 103.223 11.036C102.812 10.6813 102.303 10.504 101.697 10.504C101.146 10.504 100.675 10.6813 100.283 11.036C99.8907 11.3813 99.6574 11.8527 99.5827 12.45H103.853Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M108.405 10.406C108.639 10.014 108.947 9.71068 109.329 9.49602C109.721 9.27202 110.183 9.16002 110.715 9.16002V10.812H110.309C109.684 10.812 109.208 10.9707 108.881 11.288C108.564 11.6054 108.405 12.156 108.405 12.94V17H106.809V9.28602H108.405V10.406Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M118.972 12.954C118.972 13.2433 118.954 13.5047 118.916 13.738H113.022C113.069 14.354 113.298 14.8487 113.708 15.222C114.119 15.5954 114.623 15.782 115.22 15.782C116.079 15.782 116.686 15.4227 117.04 14.704H118.762C118.529 15.4133 118.104 15.9967 117.488 16.454C116.882 16.902 116.126 17.126 115.22 17.126C114.483 17.126 113.82 16.9627 113.232 16.636C112.654 16.3 112.196 15.8334 111.86 15.236C111.534 14.6294 111.37 13.9293 111.37 13.136C111.37 12.3427 111.529 11.6473 111.846 11.05C112.173 10.4434 112.626 9.97668 113.204 9.65002C113.792 9.32335 114.464 9.16002 115.22 9.16002C115.948 9.16002 116.597 9.31868 117.166 9.63602C117.736 9.95335 118.179 10.4014 118.496 10.98C118.814 11.5493 118.972 12.2073 118.972 12.954ZM117.306 12.45C117.297 11.862 117.087 11.3907 116.676 11.036C116.266 10.6813 115.757 10.504 115.15 10.504C114.6 10.504 114.128 10.6813 113.736 11.036C113.344 11.3813 113.111 11.8527 113.036 12.45H117.306Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M124.155 9.16002C124.762 9.16002 125.303 9.28602 125.779 9.53802C126.264 9.79002 126.642 10.1633 126.913 10.658C127.184 11.1527 127.319 11.75 127.319 12.45V17H125.737V12.688C125.737 11.9973 125.564 11.47 125.219 11.106C124.874 10.7327 124.402 10.546 123.805 10.546C123.208 10.546 122.732 10.7327 122.377 11.106C122.032 11.47 121.859 11.9973 121.859 12.688V17H120.263V9.28602H121.859V10.168C122.12 9.85068 122.452 9.60335 122.853 9.42602C123.264 9.24868 123.698 9.16002 124.155 9.16002Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M128.543 13.136C128.543 12.3427 128.701 11.6473 129.019 11.05C129.345 10.4434 129.793 9.97668 130.363 9.65002C130.932 9.32335 131.585 9.16002 132.323 9.16002C133.256 9.16002 134.026 9.38402 134.633 9.83202C135.249 10.2707 135.664 10.9007 135.879 11.722H134.157C134.017 11.3394 133.793 11.0407 133.485 10.826C133.177 10.6113 132.789 10.504 132.323 10.504C131.669 10.504 131.147 10.7373 130.755 11.204C130.372 11.6613 130.181 12.3053 130.181 13.136C130.181 13.9667 130.372 14.6153 130.755 15.082C131.147 15.5487 131.669 15.782 132.323 15.782C133.247 15.782 133.858 15.376 134.157 14.564H135.879C135.655 15.348 135.235 15.9733 134.619 16.44C134.003 16.8973 133.237 17.126 132.323 17.126C131.585 17.126 130.932 16.9627 130.363 16.636C129.793 16.3 129.345 15.8334 129.019 15.236C128.701 14.6294 128.543 13.9293 128.543 13.136Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M144.259 12.954C144.259 13.2433 144.241 13.5047 144.203 13.738H138.309C138.356 14.354 138.585 14.8487 138.995 15.222C139.406 15.5954 139.91 15.782 140.507 15.782C141.366 15.782 141.973 15.4227 142.327 14.704H144.049C143.816 15.4133 143.391 15.9967 142.775 16.454C142.169 16.902 141.413 17.126 140.507 17.126C139.77 17.126 139.107 16.9627 138.519 16.636C137.941 16.3 137.483 15.8334 137.147 15.236C136.821 14.6294 136.657 13.9293 136.657 13.136C136.657 12.3427 136.816 11.6473 137.133 11.05C137.46 10.4434 137.913 9.97668 138.491 9.65002C139.079 9.32335 139.751 9.16002 140.507 9.16002C141.235 9.16002 141.884 9.31868 142.453 9.63602C143.023 9.95335 143.466 10.4014 143.783 10.98C144.101 11.5493 144.259 12.2073 144.259 12.954ZM142.593 12.45C142.584 11.862 142.374 11.3907 141.963 11.036C141.553 10.6813 141.044 10.504 140.437 10.504C139.887 10.504 139.415 10.6813 139.023 11.036C138.631 11.3813 138.398 11.8527 138.323 12.45H142.593Z",
+                  "fill": "#1D2939"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_9866_6170",
+              "x1": "2.15214",
+              "y1": "24.3018",
+              "x2": "21.2921",
+              "y2": "0.0988218",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#E9A85E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#F52B76"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_9866_6170",
+              "x1": "2.06269",
+              "y1": "24.2294",
+              "x2": "21.2027",
+              "y2": "0.028252",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#E9A85E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#F52B76"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_9866_6170",
+              "x1": "-0.613606",
+              "y1": "3.843",
+              "x2": "21.4449",
+              "y2": "18.7258",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#6A0CF5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#AB66F3"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_9866_6170"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "152",
+                  "height": "24",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "XorbitsInferenceText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
index 43539cd025..145d8fdb3e 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './XorbitsInferenceText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './XorbitsInferenceText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/Zhipuai.json b/web/app/components/base/icons/src/public/llm/Zhipuai.json
index 87955688a5..35102b4c46 100644
--- a/web/app/components/base/icons/src/public/llm/Zhipuai.json
+++ b/web/app/components/base/icons/src/public/llm/Zhipuai.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "ZHIPU Square"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "shape"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.8923 23.4987C11.8281 23.5139 11.7722 23.5535 11.7365 23.609C11.7008 23.6646 11.6881 23.7319 11.701 23.7966C11.7314 23.9293 11.862 24.0232 11.9919 23.9921C12.0561 23.9771 12.1119 23.9377 12.1476 23.8823C12.1833 23.8268 12.1961 23.7596 12.1832 23.695C12.1528 23.5616 12.0222 23.4677 11.8923 23.4987ZM15.4754 8.52697C16.3105 8.14085 16.681 7.13426 16.3027 6.27944C15.9243 5.42532 14.9403 5.04556 14.1046 5.43238C13.2695 5.81991 12.8982 6.8265 13.2766 7.68062C13.6549 8.53544 14.6389 8.91379 15.4754 8.52697ZM18.0935 13.6284C18.9723 13.358 19.47 12.4107 19.206 11.5129C18.9413 10.6143 18.0152 10.1053 17.1363 10.3757C16.2582 10.646 15.7599 11.5933 16.0246 12.4919C16.2893 13.3898 17.2154 13.8987 18.0935 13.6284ZM5.17233 10.7237C4.84426 11.0278 4.64662 11.4471 4.62083 11.8937C4.59503 12.3403 4.74309 12.7796 5.03398 13.1194C5.17709 13.2847 5.35177 13.4196 5.54777 13.5164C5.74377 13.6132 5.95713 13.6698 6.17533 13.683C6.39352 13.6961 6.61214 13.6655 6.81835 13.593C7.02455 13.5205 7.21418 13.4075 7.3761 13.2606C7.70417 12.9565 7.90182 12.5372 7.92761 12.0906C7.9534 11.644 7.80534 11.2047 7.51445 10.8649C7.37135 10.6996 7.19666 10.5647 7.00066 10.4679C6.80466 10.3711 6.5913 10.3145 6.37311 10.3013C6.15491 10.2882 5.93629 10.3188 5.73009 10.3913C5.52388 10.4638 5.33425 10.5768 5.17233 10.7237ZM19.7686 8.56368C20.1893 8.17968 20.2274 7.51473 19.8526 7.08415C19.7642 6.98189 19.6563 6.89838 19.5352 6.83853C19.414 6.77868 19.2821 6.74371 19.1472 6.73568C19.0123 6.72765 18.8772 6.74673 18.7498 6.79179C18.6224 6.83685 18.5054 6.90698 18.4055 6.99803C18.2027 7.18577 18.0805 7.44488 18.0649 7.72084C18.0492 7.99679 18.1412 8.26806 18.3215 8.47756C18.697 8.90815 19.3472 8.94697 19.7686 8.56368ZM11.946 4.6185C12.5121 4.6185 12.9716 4.14838 12.9716 3.56956C12.9716 2.99074 12.5128 2.52062 11.946 2.52062C11.3792 2.52062 10.9203 2.99003 10.9203 3.56956C10.9203 4.14838 11.3792 4.6185 11.946 4.6185ZM4.80527 8.82979C5.37139 8.82979 5.83022 8.36038 5.83022 7.78085C5.83022 7.20203 5.37139 6.73191 4.80457 6.73191C4.23845 6.73191 3.77892 7.20132 3.77892 7.78085C3.77892 8.35968 4.23845 8.82979 4.80527 8.82979ZM4.11563 15.4361C3.91267 15.6238 3.79043 15.8829 3.77463 16.1588C3.75883 16.4348 3.85071 16.7061 4.03092 16.9157C4.40645 17.3463 5.05727 17.3858 5.47798 17.0018C5.89939 16.6185 5.9368 15.9529 5.56269 15.5223C5.47435 15.42 5.36642 15.3365 5.24528 15.2766C5.12413 15.2168 4.99222 15.1818 4.85733 15.1738C4.72245 15.1658 4.58732 15.1848 4.45993 15.2299C4.33254 15.275 4.21547 15.3451 4.11563 15.4361ZM11.946 21.487C12.5121 21.487 12.9716 21.0176 12.9716 20.438C12.9716 19.8592 12.5128 19.3891 11.946 19.3891C11.3792 19.3891 10.9203 19.8592 10.9203 20.438C10.9203 21.0176 11.3792 21.487 11.946 21.487ZM19.0945 17.2601C19.6613 17.2601 20.1201 16.7907 20.1201 16.2112C20.1201 15.6324 19.6613 15.1623 19.0945 15.1623C18.5283 15.1623 18.0688 15.6317 18.0688 16.2112C18.0688 16.79 18.5276 17.2601 19.0945 17.2601ZM17.0735 3.51521C17.1578 3.52035 17.2422 3.50847 17.3217 3.48028C17.4013 3.45208 17.4743 3.40814 17.5365 3.35108C17.5987 3.29403 17.6488 3.22503 17.6837 3.1482C17.7186 3.07137 17.7377 2.98829 17.7399 2.90391C17.7465 2.81974 17.7362 2.7351 17.7096 2.65498C17.683 2.57486 17.6406 2.50087 17.5849 2.43739C17.5293 2.3739 17.4615 2.3222 17.3855 2.28534C17.3096 2.24847 17.227 2.22719 17.1427 2.22274C17.0586 2.21769 16.9743 2.22962 16.8949 2.25782C16.8154 2.28602 16.7425 2.32991 16.6804 2.38688C16.6183 2.44385 16.5683 2.51273 16.5333 2.58943C16.4984 2.66613 16.4793 2.74907 16.477 2.83332C16.4704 2.91749 16.4807 3.00213 16.5073 3.08225C16.5339 3.16238 16.5763 3.23636 16.632 3.29985C16.6876 3.36333 16.7554 3.41503 16.8314 3.4519C16.9073 3.48876 16.9892 3.51075 17.0735 3.51521ZM6.44292 3.40509C6.51215 3.45127 6.58995 3.48309 6.6717 3.49865C6.75346 3.51422 6.8375 3.51322 6.91886 3.49571C7.00022 3.4782 7.07724 3.44454 7.14535 3.39672C7.21347 3.3489 7.27129 3.2879 7.31539 3.21732C7.40689 3.07395 7.43891 2.90056 7.40464 2.73397C7.37038 2.56738 7.27252 2.4207 7.13186 2.32509C7.06261 2.27879 6.98475 2.24688 6.90293 2.23126C6.8211 2.21563 6.73697 2.2166 6.65552 2.23411C6.57408 2.25163 6.49698 2.28532 6.42882 2.33321C6.36065 2.38109 6.30279 2.44218 6.25869 2.51285C6.16718 2.65622 6.13517 2.82961 6.16944 2.9962C6.2037 3.1628 6.30226 3.30947 6.44292 3.40509ZM1.3528 11.4211C1.03869 11.5771 0.916569 11.9689 1.06975 12.2893C1.10579 12.3647 1.15653 12.4322 1.21899 12.4877C1.28145 12.5432 1.35436 12.5857 1.43346 12.6126C1.51256 12.6396 1.59625 12.6505 1.67961 12.6447C1.76298 12.6388 1.84434 12.6164 1.91892 12.5787C2.23304 12.4227 2.35516 12.031 2.20198 11.7105C2.16593 11.6352 2.11522 11.5678 2.05282 11.5124C1.99041 11.4569 1.91757 11.4145 1.83855 11.3875C1.75954 11.3606 1.67594 11.3497 1.59265 11.3554C1.50936 11.3612 1.42736 11.3835 1.3528 11.4211ZM6.82551 20.4931C6.74132 20.4879 6.65697 20.4998 6.57746 20.528C6.49796 20.5561 6.42494 20.6 6.36275 20.657C6.30057 20.7139 6.25049 20.7829 6.21551 20.8596C6.18054 20.9364 6.16137 21.0194 6.15916 21.1037C6.15254 21.1878 6.16284 21.2725 6.18945 21.3526C6.21606 21.4327 6.25844 21.5067 6.3141 21.5702C6.36975 21.6337 6.43755 21.6854 6.51351 21.7222C6.58946 21.7591 6.67202 21.7804 6.75633 21.7849C6.84046 21.7899 6.92475 21.778 7.00417 21.7498C7.08359 21.7216 7.15652 21.6777 7.21863 21.6207C7.28074 21.5637 7.33075 21.4949 7.36568 21.4182C7.40062 21.3415 7.41976 21.2585 7.42198 21.1743C7.4286 21.0902 7.41832 21.0056 7.39176 20.9255C7.36519 20.8454 7.32287 20.7715 7.26729 20.708C7.21171 20.6445 7.14399 20.5928 7.06812 20.5559C6.99225 20.519 6.90976 20.4976 6.82551 20.4931ZM17.4568 20.6025C17.3875 20.5564 17.3097 20.5247 17.228 20.5092C17.1463 20.4937 17.0623 20.4947 16.9809 20.5122C16.8996 20.5297 16.8226 20.5633 16.7545 20.6111C16.6864 20.6588 16.6285 20.7198 16.5843 20.7903C16.4926 20.9337 16.4605 21.1072 16.4947 21.274C16.529 21.4408 16.627 21.5876 16.7679 21.6832C16.8371 21.7294 16.915 21.7611 16.9968 21.7766C17.0785 21.7922 17.1626 21.7911 17.244 21.7735C17.3253 21.7559 17.4023 21.7222 17.4704 21.6743C17.5385 21.6264 17.5963 21.5654 17.6403 21.4947C17.7318 21.3514 17.7639 21.178 17.7296 21.0114C17.6953 20.8448 17.5975 20.6981 17.4568 20.6025ZM22.6076 11.4599C22.5384 11.4138 22.4606 11.3821 22.3788 11.3666C22.2971 11.3511 22.2131 11.3521 22.1318 11.3696C22.0504 11.3871 21.9734 11.4207 21.9053 11.4685C21.8372 11.5162 21.7793 11.5772 21.7352 11.6477C21.6437 11.791 21.6116 11.9644 21.6459 12.131C21.6802 12.2976 21.778 12.4443 21.9187 12.5399C21.9879 12.5862 22.0658 12.6181 22.1476 12.6337C22.2295 12.6494 22.3136 12.6484 22.395 12.6309C22.4765 12.6134 22.5536 12.5797 22.6217 12.5318C22.6899 12.4839 22.7478 12.4228 22.7919 12.3521C22.8834 12.2088 22.9154 12.0354 22.8811 11.8688C22.8468 11.7022 22.7483 11.5555 22.6076 11.4599ZM22.057 6.30909C22.1043 6.26393 22.1329 6.20263 22.1371 6.13738C22.1413 6.07212 22.1208 6.00768 22.0796 5.95685C22.0366 5.90876 21.9765 5.8794 21.9121 5.87505C21.8478 5.8707 21.7842 5.8917 21.7352 5.93356C21.6879 5.97872 21.6593 6.04001 21.6551 6.10527C21.6509 6.17052 21.6714 6.23496 21.7126 6.28579C21.7556 6.33388 21.8157 6.36325 21.8801 6.3676C21.9444 6.37195 22.0079 6.35095 22.057 6.30909ZM11.9912 0.501088C12.0556 0.486056 12.1116 0.446576 12.1474 0.39099C12.1832 0.335404 12.1961 0.268066 12.1832 0.203206C12.1528 0.0705002 12.0222 -0.0233822 11.8923 0.00767661C11.8282 0.0228647 11.7725 0.0623031 11.7368 0.117713C11.7011 0.173123 11.6883 0.240196 11.701 0.304853C11.7314 0.438265 11.8613 0.532147 11.9912 0.501088ZM1.92669 6.36415C2.05657 6.41073 2.19492 6.33238 2.2408 6.20744C2.2613 6.14447 2.25683 6.07605 2.22832 6.01628C2.19982 5.95651 2.14945 5.90997 2.08763 5.88626C1.95704 5.83968 1.81939 5.91803 1.77351 6.04297C1.75302 6.10594 1.75749 6.17437 1.78599 6.23413C1.8145 6.2939 1.86486 6.34044 1.92669 6.36415ZM1.83492 17.6823C1.78733 17.7274 1.7585 17.7887 1.75418 17.8542C1.74986 17.9196 1.77038 17.9842 1.81163 18.0352C1.85464 18.0833 1.91475 18.1127 1.97912 18.117C2.04349 18.1214 2.10701 18.1004 2.1561 18.0585C2.20349 18.0134 2.2322 17.9522 2.23651 17.8869C2.24083 17.8217 2.22044 17.7572 2.17939 17.7063C2.13638 17.6582 2.07627 17.6288 2.0119 17.6245C1.94753 17.6201 1.88401 17.6404 1.83492 17.6823ZM21.9723 17.6279C21.8425 17.5813 21.7048 17.6597 21.6589 17.7846C21.6384 17.8476 21.6429 17.916 21.6714 17.9758C21.6999 18.0355 21.7503 18.0821 21.8121 18.1058C21.942 18.1524 22.0803 18.074 22.1255 17.9491C22.146 17.8862 22.1417 17.8179 22.1133 17.7581C22.0849 17.6983 22.034 17.6518 21.9723 17.6279Z",
-									"fill": "#3859FF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M15.2901 15.4128C14.9386 15.2962 14.5579 15.3024 14.2104 15.4304C13.8628 15.5583 13.5691 15.8005 13.3772 16.1173L13.3616 16.1483C12.979 16.814 12.2209 17.1662 11.4713 16.9234C11.0652 16.7913 10.7253 16.5083 10.5219 16.1328C10.4896 16.023 10.469 15.9102 10.4604 15.7961C10.4301 15.069 10.9736 14.4577 11.6852 14.4189H11.8539C13.1626 14.4733 14.2722 13.4321 14.3259 12.086C14.3795 10.7399 13.3616 9.61256 12.0452 9.5575H11.6852C10.9736 9.52644 10.476 8.96244 10.5063 8.23468C10.5063 8.06244 10.5374 7.89021 10.6059 7.74126L10.6214 7.69468C10.6539 7.62345 10.6821 7.55038 10.7061 7.47585C10.9814 6.57515 10.4915 5.62009 9.61904 5.33844C8.75362 5.06456 7.81974 5.54174 7.53668 6.45021C7.26139 7.32691 7.72021 8.26574 8.57009 8.57138C8.70774 8.61797 8.79174 8.63421 8.92233 8.6575H8.9908C9.66492 8.73515 10.1929 9.29138 10.1696 9.99585C10.1626 10.2542 10.0779 10.4893 9.94798 10.6848C9.72118 11.0472 9.59453 11.4632 9.58092 11.8904C9.55808 12.3864 9.68605 12.8776 9.94798 13.2994C10.0779 13.4949 10.1619 13.73 10.1696 13.9883C10.2007 14.6928 9.74115 15.2483 9.06774 15.3189H9.05221C8.95339 15.3189 8.83833 15.3422 8.74586 15.3577C7.82821 15.5695 7.28468 16.485 7.4908 17.4013C7.69762 18.3246 8.60045 18.8646 9.45809 18.669C9.67681 18.6217 9.88344 18.5298 10.0651 18.3991C10.2468 18.2685 10.3996 18.1018 10.5141 17.9095C10.7022 17.5817 10.997 17.3283 11.3494 17.1916C11.7018 17.0549 12.0904 17.0432 12.4503 17.1584C12.8562 17.2911 13.147 17.5417 13.3539 17.894L13.3764 17.9335C13.5529 18.2229 13.8896 18.5208 14.287 18.638C15.1906 18.9119 16.0786 18.4107 16.3623 17.534C16.6524 16.6184 16.1322 15.6704 15.2901 15.3973V15.4128Z",
-									"fill": "#3859FF"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Zhipuai"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "ZHIPU Square"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "shape"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.8923 23.4987C11.8281 23.5139 11.7722 23.5535 11.7365 23.609C11.7008 23.6646 11.6881 23.7319 11.701 23.7966C11.7314 23.9293 11.862 24.0232 11.9919 23.9921C12.0561 23.9771 12.1119 23.9377 12.1476 23.8823C12.1833 23.8268 12.1961 23.7596 12.1832 23.695C12.1528 23.5616 12.0222 23.4677 11.8923 23.4987ZM15.4754 8.52697C16.3105 8.14085 16.681 7.13426 16.3027 6.27944C15.9243 5.42532 14.9403 5.04556 14.1046 5.43238C13.2695 5.81991 12.8982 6.8265 13.2766 7.68062C13.6549 8.53544 14.6389 8.91379 15.4754 8.52697ZM18.0935 13.6284C18.9723 13.358 19.47 12.4107 19.206 11.5129C18.9413 10.6143 18.0152 10.1053 17.1363 10.3757C16.2582 10.646 15.7599 11.5933 16.0246 12.4919C16.2893 13.3898 17.2154 13.8987 18.0935 13.6284ZM5.17233 10.7237C4.84426 11.0278 4.64662 11.4471 4.62083 11.8937C4.59503 12.3403 4.74309 12.7796 5.03398 13.1194C5.17709 13.2847 5.35177 13.4196 5.54777 13.5164C5.74377 13.6132 5.95713 13.6698 6.17533 13.683C6.39352 13.6961 6.61214 13.6655 6.81835 13.593C7.02455 13.5205 7.21418 13.4075 7.3761 13.2606C7.70417 12.9565 7.90182 12.5372 7.92761 12.0906C7.9534 11.644 7.80534 11.2047 7.51445 10.8649C7.37135 10.6996 7.19666 10.5647 7.00066 10.4679C6.80466 10.3711 6.5913 10.3145 6.37311 10.3013C6.15491 10.2882 5.93629 10.3188 5.73009 10.3913C5.52388 10.4638 5.33425 10.5768 5.17233 10.7237ZM19.7686 8.56368C20.1893 8.17968 20.2274 7.51473 19.8526 7.08415C19.7642 6.98189 19.6563 6.89838 19.5352 6.83853C19.414 6.77868 19.2821 6.74371 19.1472 6.73568C19.0123 6.72765 18.8772 6.74673 18.7498 6.79179C18.6224 6.83685 18.5054 6.90698 18.4055 6.99803C18.2027 7.18577 18.0805 7.44488 18.0649 7.72084C18.0492 7.99679 18.1412 8.26806 18.3215 8.47756C18.697 8.90815 19.3472 8.94697 19.7686 8.56368ZM11.946 4.6185C12.5121 4.6185 12.9716 4.14838 12.9716 3.56956C12.9716 2.99074 12.5128 2.52062 11.946 2.52062C11.3792 2.52062 10.9203 2.99003 10.9203 3.56956C10.9203 4.14838 11.3792 4.6185 11.946 4.6185ZM4.80527 8.82979C5.37139 8.82979 5.83022 8.36038 5.83022 7.78085C5.83022 7.20203 5.37139 6.73191 4.80457 6.73191C4.23845 6.73191 3.77892 7.20132 3.77892 7.78085C3.77892 8.35968 4.23845 8.82979 4.80527 8.82979ZM4.11563 15.4361C3.91267 15.6238 3.79043 15.8829 3.77463 16.1588C3.75883 16.4348 3.85071 16.7061 4.03092 16.9157C4.40645 17.3463 5.05727 17.3858 5.47798 17.0018C5.89939 16.6185 5.9368 15.9529 5.56269 15.5223C5.47435 15.42 5.36642 15.3365 5.24528 15.2766C5.12413 15.2168 4.99222 15.1818 4.85733 15.1738C4.72245 15.1658 4.58732 15.1848 4.45993 15.2299C4.33254 15.275 4.21547 15.3451 4.11563 15.4361ZM11.946 21.487C12.5121 21.487 12.9716 21.0176 12.9716 20.438C12.9716 19.8592 12.5128 19.3891 11.946 19.3891C11.3792 19.3891 10.9203 19.8592 10.9203 20.438C10.9203 21.0176 11.3792 21.487 11.946 21.487ZM19.0945 17.2601C19.6613 17.2601 20.1201 16.7907 20.1201 16.2112C20.1201 15.6324 19.6613 15.1623 19.0945 15.1623C18.5283 15.1623 18.0688 15.6317 18.0688 16.2112C18.0688 16.79 18.5276 17.2601 19.0945 17.2601ZM17.0735 3.51521C17.1578 3.52035 17.2422 3.50847 17.3217 3.48028C17.4013 3.45208 17.4743 3.40814 17.5365 3.35108C17.5987 3.29403 17.6488 3.22503 17.6837 3.1482C17.7186 3.07137 17.7377 2.98829 17.7399 2.90391C17.7465 2.81974 17.7362 2.7351 17.7096 2.65498C17.683 2.57486 17.6406 2.50087 17.5849 2.43739C17.5293 2.3739 17.4615 2.3222 17.3855 2.28534C17.3096 2.24847 17.227 2.22719 17.1427 2.22274C17.0586 2.21769 16.9743 2.22962 16.8949 2.25782C16.8154 2.28602 16.7425 2.32991 16.6804 2.38688C16.6183 2.44385 16.5683 2.51273 16.5333 2.58943C16.4984 2.66613 16.4793 2.74907 16.477 2.83332C16.4704 2.91749 16.4807 3.00213 16.5073 3.08225C16.5339 3.16238 16.5763 3.23636 16.632 3.29985C16.6876 3.36333 16.7554 3.41503 16.8314 3.4519C16.9073 3.48876 16.9892 3.51075 17.0735 3.51521ZM6.44292 3.40509C6.51215 3.45127 6.58995 3.48309 6.6717 3.49865C6.75346 3.51422 6.8375 3.51322 6.91886 3.49571C7.00022 3.4782 7.07724 3.44454 7.14535 3.39672C7.21347 3.3489 7.27129 3.2879 7.31539 3.21732C7.40689 3.07395 7.43891 2.90056 7.40464 2.73397C7.37038 2.56738 7.27252 2.4207 7.13186 2.32509C7.06261 2.27879 6.98475 2.24688 6.90293 2.23126C6.8211 2.21563 6.73697 2.2166 6.65552 2.23411C6.57408 2.25163 6.49698 2.28532 6.42882 2.33321C6.36065 2.38109 6.30279 2.44218 6.25869 2.51285C6.16718 2.65622 6.13517 2.82961 6.16944 2.9962C6.2037 3.1628 6.30226 3.30947 6.44292 3.40509ZM1.3528 11.4211C1.03869 11.5771 0.916569 11.9689 1.06975 12.2893C1.10579 12.3647 1.15653 12.4322 1.21899 12.4877C1.28145 12.5432 1.35436 12.5857 1.43346 12.6126C1.51256 12.6396 1.59625 12.6505 1.67961 12.6447C1.76298 12.6388 1.84434 12.6164 1.91892 12.5787C2.23304 12.4227 2.35516 12.031 2.20198 11.7105C2.16593 11.6352 2.11522 11.5678 2.05282 11.5124C1.99041 11.4569 1.91757 11.4145 1.83855 11.3875C1.75954 11.3606 1.67594 11.3497 1.59265 11.3554C1.50936 11.3612 1.42736 11.3835 1.3528 11.4211ZM6.82551 20.4931C6.74132 20.4879 6.65697 20.4998 6.57746 20.528C6.49796 20.5561 6.42494 20.6 6.36275 20.657C6.30057 20.7139 6.25049 20.7829 6.21551 20.8596C6.18054 20.9364 6.16137 21.0194 6.15916 21.1037C6.15254 21.1878 6.16284 21.2725 6.18945 21.3526C6.21606 21.4327 6.25844 21.5067 6.3141 21.5702C6.36975 21.6337 6.43755 21.6854 6.51351 21.7222C6.58946 21.7591 6.67202 21.7804 6.75633 21.7849C6.84046 21.7899 6.92475 21.778 7.00417 21.7498C7.08359 21.7216 7.15652 21.6777 7.21863 21.6207C7.28074 21.5637 7.33075 21.4949 7.36568 21.4182C7.40062 21.3415 7.41976 21.2585 7.42198 21.1743C7.4286 21.0902 7.41832 21.0056 7.39176 20.9255C7.36519 20.8454 7.32287 20.7715 7.26729 20.708C7.21171 20.6445 7.14399 20.5928 7.06812 20.5559C6.99225 20.519 6.90976 20.4976 6.82551 20.4931ZM17.4568 20.6025C17.3875 20.5564 17.3097 20.5247 17.228 20.5092C17.1463 20.4937 17.0623 20.4947 16.9809 20.5122C16.8996 20.5297 16.8226 20.5633 16.7545 20.6111C16.6864 20.6588 16.6285 20.7198 16.5843 20.7903C16.4926 20.9337 16.4605 21.1072 16.4947 21.274C16.529 21.4408 16.627 21.5876 16.7679 21.6832C16.8371 21.7294 16.915 21.7611 16.9968 21.7766C17.0785 21.7922 17.1626 21.7911 17.244 21.7735C17.3253 21.7559 17.4023 21.7222 17.4704 21.6743C17.5385 21.6264 17.5963 21.5654 17.6403 21.4947C17.7318 21.3514 17.7639 21.178 17.7296 21.0114C17.6953 20.8448 17.5975 20.6981 17.4568 20.6025ZM22.6076 11.4599C22.5384 11.4138 22.4606 11.3821 22.3788 11.3666C22.2971 11.3511 22.2131 11.3521 22.1318 11.3696C22.0504 11.3871 21.9734 11.4207 21.9053 11.4685C21.8372 11.5162 21.7793 11.5772 21.7352 11.6477C21.6437 11.791 21.6116 11.9644 21.6459 12.131C21.6802 12.2976 21.778 12.4443 21.9187 12.5399C21.9879 12.5862 22.0658 12.6181 22.1476 12.6337C22.2295 12.6494 22.3136 12.6484 22.395 12.6309C22.4765 12.6134 22.5536 12.5797 22.6217 12.5318C22.6899 12.4839 22.7478 12.4228 22.7919 12.3521C22.8834 12.2088 22.9154 12.0354 22.8811 11.8688C22.8468 11.7022 22.7483 11.5555 22.6076 11.4599ZM22.057 6.30909C22.1043 6.26393 22.1329 6.20263 22.1371 6.13738C22.1413 6.07212 22.1208 6.00768 22.0796 5.95685C22.0366 5.90876 21.9765 5.8794 21.9121 5.87505C21.8478 5.8707 21.7842 5.8917 21.7352 5.93356C21.6879 5.97872 21.6593 6.04001 21.6551 6.10527C21.6509 6.17052 21.6714 6.23496 21.7126 6.28579C21.7556 6.33388 21.8157 6.36325 21.8801 6.3676C21.9444 6.37195 22.0079 6.35095 22.057 6.30909ZM11.9912 0.501088C12.0556 0.486056 12.1116 0.446576 12.1474 0.39099C12.1832 0.335404 12.1961 0.268066 12.1832 0.203206C12.1528 0.0705002 12.0222 -0.0233822 11.8923 0.00767661C11.8282 0.0228647 11.7725 0.0623031 11.7368 0.117713C11.7011 0.173123 11.6883 0.240196 11.701 0.304853C11.7314 0.438265 11.8613 0.532147 11.9912 0.501088ZM1.92669 6.36415C2.05657 6.41073 2.19492 6.33238 2.2408 6.20744C2.2613 6.14447 2.25683 6.07605 2.22832 6.01628C2.19982 5.95651 2.14945 5.90997 2.08763 5.88626C1.95704 5.83968 1.81939 5.91803 1.77351 6.04297C1.75302 6.10594 1.75749 6.17437 1.78599 6.23413C1.8145 6.2939 1.86486 6.34044 1.92669 6.36415ZM1.83492 17.6823C1.78733 17.7274 1.7585 17.7887 1.75418 17.8542C1.74986 17.9196 1.77038 17.9842 1.81163 18.0352C1.85464 18.0833 1.91475 18.1127 1.97912 18.117C2.04349 18.1214 2.10701 18.1004 2.1561 18.0585C2.20349 18.0134 2.2322 17.9522 2.23651 17.8869C2.24083 17.8217 2.22044 17.7572 2.17939 17.7063C2.13638 17.6582 2.07627 17.6288 2.0119 17.6245C1.94753 17.6201 1.88401 17.6404 1.83492 17.6823ZM21.9723 17.6279C21.8425 17.5813 21.7048 17.6597 21.6589 17.7846C21.6384 17.8476 21.6429 17.916 21.6714 17.9758C21.6999 18.0355 21.7503 18.0821 21.8121 18.1058C21.942 18.1524 22.0803 18.074 22.1255 17.9491C22.146 17.8862 22.1417 17.8179 22.1133 17.7581C22.0849 17.6983 22.034 17.6518 21.9723 17.6279Z",
+                  "fill": "#3859FF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M15.2901 15.4128C14.9386 15.2962 14.5579 15.3024 14.2104 15.4304C13.8628 15.5583 13.5691 15.8005 13.3772 16.1173L13.3616 16.1483C12.979 16.814 12.2209 17.1662 11.4713 16.9234C11.0652 16.7913 10.7253 16.5083 10.5219 16.1328C10.4896 16.023 10.469 15.9102 10.4604 15.7961C10.4301 15.069 10.9736 14.4577 11.6852 14.4189H11.8539C13.1626 14.4733 14.2722 13.4321 14.3259 12.086C14.3795 10.7399 13.3616 9.61256 12.0452 9.5575H11.6852C10.9736 9.52644 10.476 8.96244 10.5063 8.23468C10.5063 8.06244 10.5374 7.89021 10.6059 7.74126L10.6214 7.69468C10.6539 7.62345 10.6821 7.55038 10.7061 7.47585C10.9814 6.57515 10.4915 5.62009 9.61904 5.33844C8.75362 5.06456 7.81974 5.54174 7.53668 6.45021C7.26139 7.32691 7.72021 8.26574 8.57009 8.57138C8.70774 8.61797 8.79174 8.63421 8.92233 8.6575H8.9908C9.66492 8.73515 10.1929 9.29138 10.1696 9.99585C10.1626 10.2542 10.0779 10.4893 9.94798 10.6848C9.72118 11.0472 9.59453 11.4632 9.58092 11.8904C9.55808 12.3864 9.68605 12.8776 9.94798 13.2994C10.0779 13.4949 10.1619 13.73 10.1696 13.9883C10.2007 14.6928 9.74115 15.2483 9.06774 15.3189H9.05221C8.95339 15.3189 8.83833 15.3422 8.74586 15.3577C7.82821 15.5695 7.28468 16.485 7.4908 17.4013C7.69762 18.3246 8.60045 18.8646 9.45809 18.669C9.67681 18.6217 9.88344 18.5298 10.0651 18.3991C10.2468 18.2685 10.3996 18.1018 10.5141 17.9095C10.7022 17.5817 10.997 17.3283 11.3494 17.1916C11.7018 17.0549 12.0904 17.0432 12.4503 17.1584C12.8562 17.2911 13.147 17.5417 13.3539 17.894L13.3764 17.9335C13.5529 18.2229 13.8896 18.5208 14.287 18.638C15.1906 18.9119 16.0786 18.4107 16.3623 17.534C16.6524 16.6184 16.1322 15.6704 15.2901 15.3973V15.4128Z",
+                  "fill": "#3859FF"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Zhipuai"
 }
diff --git a/web/app/components/base/icons/src/public/llm/Zhipuai.tsx b/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
index 8d6493f8b3..0ad98f0c0e 100644
--- a/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Zhipuai.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Zhipuai.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiText.json b/web/app/components/base/icons/src/public/llm/ZhipuaiText.json
index 12eb65a53a..e5ee1c0bc6 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiText.json
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiText.json
@@ -1,44 +1,44 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "89",
-			"height": "32",
-			"viewBox": "0 0 89 32",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "shape"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M88.8045 8.82998H86.7123V22.4497H88.8045V8.82998ZM80.5485 8.82998L78.4158 22.4497H80.3339L80.5589 20.9156L80.6709 20.1853C80.6916 20.0394 80.8751 19.9142 81.0793 19.9142H82.8855C83.0897 19.9142 83.2732 20.029 83.2939 20.1853L83.4059 20.9156L83.6299 22.4497H85.7429L83.6102 8.82998H80.5485ZM82.7838 18.2963H81.181C81.1522 18.2968 81.1237 18.2909 81.0975 18.279C81.0713 18.2671 81.0481 18.2495 81.0295 18.2275C81.0109 18.2056 80.9975 18.1797 80.9902 18.1519C80.9828 18.1241 80.9818 18.095 80.9871 18.0667L81.7024 12.1175C81.7212 11.95 81.8436 11.8352 81.9772 11.8352C82.109 11.8352 82.2426 11.95 82.253 12.1175L82.9673 18.0657C82.9767 18.1919 82.8855 18.2963 82.7735 18.2963H82.7838ZM14.8563 31.3316C14.7706 31.3519 14.6961 31.4046 14.6485 31.4787C14.6009 31.5528 14.584 31.6425 14.6012 31.7288C14.6417 31.9057 14.8158 32.0309 14.989 31.9895C15.0746 31.9695 15.1491 31.9169 15.1967 31.843C15.2443 31.769 15.2613 31.6795 15.244 31.5933C15.2036 31.4154 15.0295 31.2902 14.8563 31.3316ZM19.6337 11.3693C20.7471 10.8544 21.2412 9.51233 20.7368 8.37257C20.2323 7.23374 18.9203 6.72739 17.8059 7.24316C16.6925 7.75986 16.1975 9.10198 16.7019 10.2408C17.2064 11.3806 18.5184 11.885 19.6337 11.3693ZM23.1245 18.1712C24.2963 17.8107 24.9598 16.5476 24.6078 15.3504C24.2549 14.1523 23.02 13.4737 21.8483 13.8342C20.6775 14.1947 20.013 15.4577 20.3659 16.6559C20.7189 17.853 21.9537 18.5316 23.1245 18.1712ZM5.89628 14.2982C5.45885 14.7037 5.19533 15.2628 5.16094 15.8583C5.12655 16.4537 5.32396 17.0394 5.71181 17.4926C5.90262 17.7129 6.13553 17.8928 6.39686 18.0219C6.6582 18.1509 6.94268 18.2264 7.23361 18.2439C7.52453 18.2615 7.81602 18.2207 8.09096 18.124C8.36591 18.0273 8.61875 17.8766 8.83463 17.6808C9.27207 17.2753 9.53559 16.7162 9.56998 16.1208C9.60437 15.5253 9.40695 14.9396 9.0191 14.4864C8.8283 14.2661 8.59539 14.0862 8.33405 13.9571C8.07272 13.8281 7.78823 13.7526 7.49731 13.7351C7.20639 13.7175 6.91489 13.7583 6.63995 13.855C6.36501 13.9517 6.11217 14.1024 5.89628 14.2982ZM25.3579 11.4182C25.9189 10.9062 25.9697 10.0196 25.4699 9.44551C25.3521 9.30917 25.2082 9.19782 25.0467 9.11802C24.8852 9.03822 24.7093 8.99159 24.5295 8.98088C24.3496 8.97018 24.1694 8.99562 23.9996 9.0557C23.8297 9.11578 23.6736 9.20928 23.5405 9.33068C23.27 9.581 23.1072 9.92649 23.0863 10.2944C23.0654 10.6624 23.1881 11.0241 23.4285 11.3034C23.9292 11.8775 24.796 11.9293 25.3579 11.4182ZM14.9278 6.15798C15.6826 6.15798 16.2953 5.53116 16.2953 4.75939C16.2953 3.98763 15.6836 3.3608 14.9278 3.3608C14.172 3.3608 13.5603 3.98669 13.5603 4.75939C13.5603 5.53116 14.172 6.15798 14.9278 6.15798ZM5.40687 11.773C6.16169 11.773 6.77346 11.1472 6.77346 10.3744C6.77346 9.60268 6.16169 8.97586 5.40593 8.97586C4.65111 8.97586 4.0384 9.60174 4.0384 10.3744C4.0384 11.1462 4.65111 11.773 5.40687 11.773ZM4.48734 20.5815C4.21673 20.8317 4.05374 21.1771 4.03268 21.5451C4.01161 21.913 4.13411 22.2748 4.3744 22.5542C4.87511 23.1283 5.74287 23.181 6.30381 22.669C6.86569 22.158 6.91558 21.2704 6.41675 20.6963C6.29897 20.56 6.15507 20.4486 5.99354 20.3688C5.83201 20.289 5.65613 20.2424 5.47628 20.2317C5.29643 20.221 5.11626 20.2464 4.94641 20.3065C4.77656 20.3666 4.62046 20.4601 4.48734 20.5815ZM14.9278 28.6493C15.6826 28.6493 16.2953 28.0234 16.2953 27.2507C16.2953 26.4789 15.6836 25.8521 14.9278 25.8521C14.172 25.8521 13.5603 26.4789 13.5603 27.2507C13.5603 28.0234 14.172 28.6493 14.9278 28.6493ZM24.4591 23.0135C25.2149 23.0135 25.8266 22.3876 25.8266 21.6149C25.8266 20.8432 25.2149 20.2163 24.4591 20.2163C23.7043 20.2163 23.0916 20.8422 23.0916 21.6149C23.0916 22.3867 23.7033 23.0135 24.4591 23.0135ZM21.7645 4.68692C21.8768 4.69378 21.9894 4.67794 22.0955 4.64035C22.2015 4.60275 22.2989 4.54416 22.3819 4.46809C22.4648 4.39202 22.5315 4.30001 22.5781 4.19757C22.6247 4.09514 22.6502 3.98436 22.653 3.87186C22.6618 3.75964 22.6481 3.64679 22.6126 3.53995C22.5771 3.43312 22.5206 3.33448 22.4464 3.24983C22.3722 3.16518 22.2818 3.09625 22.1805 3.0471C22.0793 2.99794 21.9692 2.96956 21.8568 2.96363C21.7446 2.9569 21.6322 2.9728 21.5263 3.0104C21.4204 3.048 21.3232 3.10652 21.2404 3.18248C21.1575 3.25845 21.0909 3.35029 21.0443 3.45256C20.9977 3.55482 20.9722 3.66541 20.9692 3.77774C20.9604 3.88997 20.9741 4.00282 21.0096 4.10965C21.0451 4.21648 21.1016 4.31513 21.1758 4.39978C21.25 4.48442 21.3404 4.55335 21.4417 4.60251C21.543 4.65166 21.6521 4.68099 21.7645 4.68692ZM7.5904 4.5401C7.68271 4.60167 7.78644 4.6441 7.89544 4.66485C8.00445 4.68561 8.11651 4.68427 8.22499 4.66093C8.33347 4.63758 8.43616 4.5927 8.52697 4.52894C8.61779 4.46518 8.69489 4.38384 8.75369 4.28974C8.8757 4.09858 8.91838 3.8674 8.87269 3.64527C8.827 3.42315 8.69653 3.22758 8.50899 3.1001C8.41664 3.03837 8.31284 2.99582 8.20374 2.97499C8.09464 2.95415 7.98246 2.95544 7.87387 2.9788C7.76528 3.00215 7.66248 3.04708 7.57159 3.11092C7.4807 3.17477 7.40356 3.25622 7.34475 3.35045C7.22275 3.54161 7.18006 3.7728 7.22575 3.99492C7.27144 4.21704 7.40285 4.41261 7.5904 4.5401ZM0.803576 15.2281C0.384753 15.4361 0.221929 15.9584 0.426164 16.3857C0.474224 16.4863 0.541877 16.5762 0.625154 16.6502C0.708432 16.7242 0.805655 16.7809 0.911121 16.8168C1.01659 16.8528 1.12817 16.8673 1.23932 16.8595C1.35047 16.8518 1.45895 16.8219 1.5584 16.7716C1.97722 16.5636 2.14005 16.0413 1.93581 15.614C1.88775 15.5136 1.82013 15.4238 1.73693 15.3498C1.65372 15.2759 1.55659 15.2193 1.45124 15.1833C1.34588 15.1474 1.23442 15.1329 1.12337 15.1405C1.01232 15.1482 0.902978 15.178 0.803576 15.2281ZM8.10052 27.3241C7.98827 27.3172 7.87579 27.333 7.76979 27.3706C7.66378 27.4081 7.56642 27.4666 7.48351 27.5426C7.40059 27.6186 7.33383 27.7105 7.28719 27.8128C7.24055 27.9151 7.215 28.0258 7.21205 28.1382C7.20322 28.2504 7.21695 28.3633 7.25243 28.4701C7.28791 28.577 7.34442 28.6756 7.41863 28.7602C7.49284 28.8449 7.58324 28.9138 7.68451 28.963C7.78578 29.0121 7.89587 29.0405 8.00828 29.0464C8.12045 29.0532 8.23283 29.0373 8.33873 28.9997C8.44462 28.9621 8.54187 28.9035 8.62468 28.8276C8.70749 28.7516 8.77417 28.6598 8.82075 28.5575C8.86733 28.4553 8.89286 28.3447 8.89581 28.2323C8.90464 28.1202 8.89094 28.0074 8.85551 27.9006C8.82009 27.7939 8.76367 27.6953 8.68956 27.6106C8.61545 27.526 8.52515 27.457 8.42399 27.4078C8.32283 27.3586 8.21285 27.3301 8.10052 27.3241ZM22.2756 27.47C22.1832 27.4085 22.0795 27.3662 21.9705 27.3455C21.8615 27.3248 21.7495 27.3262 21.6411 27.3495C21.5326 27.3729 21.43 27.4177 21.3391 27.4814C21.2483 27.5451 21.1712 27.6263 21.1123 27.7203C20.99 27.9116 20.9471 28.143 20.9928 28.3653C21.0385 28.5877 21.1692 28.7834 21.357 28.9109C21.4494 28.9725 21.5531 29.0148 21.6622 29.0355C21.7712 29.0562 21.8833 29.0548 21.9918 29.0313C22.1003 29.0079 22.2029 28.9629 22.2937 28.8991C22.3845 28.8352 22.4615 28.7538 22.5203 28.6596C22.6423 28.4685 22.685 28.2373 22.6393 28.0152C22.5936 27.793 22.4631 27.5975 22.2756 27.47ZM29.1433 15.2799C29.051 15.2184 28.9473 15.1761 28.8383 15.1554C28.7293 15.1347 28.6173 15.1361 28.5088 15.1594C28.4004 15.1828 28.2977 15.2276 28.2069 15.2913C28.1161 15.355 28.0389 15.4362 27.98 15.5302C27.858 15.7214 27.8154 15.9526 27.861 16.1747C27.9067 16.3968 28.0372 16.5924 28.2248 16.7199C28.3171 16.7816 28.4209 16.8241 28.53 16.845C28.6391 16.8658 28.7513 16.8645 28.8599 16.8412C28.9685 16.8178 29.0713 16.7729 29.1621 16.709C29.253 16.6452 29.3302 16.5637 29.389 16.4695C29.511 16.2783 29.5537 16.0472 29.508 15.825C29.4623 15.6029 29.3309 15.4073 29.1433 15.2799ZM28.4092 8.4121C28.4723 8.35188 28.5104 8.27016 28.516 8.18315C28.5215 8.09614 28.4942 8.01022 28.4393 7.94245C28.382 7.87833 28.3018 7.83918 28.216 7.83338C28.1302 7.82757 28.0455 7.85557 27.98 7.91139C27.917 7.9716 27.8789 8.05333 27.8733 8.14034C27.8677 8.22734 27.8951 8.31326 27.9499 8.38104C28.0073 8.44516 28.0874 8.48431 28.1732 8.49011C28.2591 8.49591 28.3438 8.46791 28.4092 8.4121ZM14.988 0.668097C15.0739 0.648054 15.1486 0.595414 15.1964 0.521299C15.2442 0.447185 15.2613 0.357402 15.244 0.270921C15.2036 0.0939798 15.0295 -0.0311966 14.8563 0.0102151C14.7708 0.0304659 14.6965 0.0830504 14.6489 0.156931C14.6013 0.230811 14.5843 0.320241 14.6012 0.40645C14.6417 0.584333 14.8149 0.709509 14.988 0.668097ZM1.56875 8.48551C1.74193 8.54763 1.9264 8.44315 1.98758 8.27657C2.0149 8.19261 2.00894 8.10137 1.97093 8.02168C1.93293 7.94199 1.86578 7.87994 1.78334 7.84833C1.60922 7.78621 1.42569 7.89068 1.36452 8.05727C1.3372 8.14123 1.34315 8.23247 1.38116 8.31216C1.41916 8.39185 1.48632 8.4539 1.56875 8.48551ZM1.4464 23.5763C1.38294 23.6365 1.3445 23.7183 1.33874 23.8055C1.33299 23.8928 1.36034 23.979 1.41534 24.0469C1.47268 24.111 1.55284 24.1502 1.63866 24.156C1.72449 24.1618 1.80918 24.1338 1.87463 24.078C1.93783 24.0179 1.9761 23.9362 1.98186 23.8492C1.98761 23.7622 1.96042 23.6762 1.90569 23.6083C1.84835 23.5442 1.7682 23.5051 1.68237 23.4993C1.59655 23.4935 1.51185 23.5205 1.4464 23.5763ZM28.2963 23.5039C28.1231 23.4417 27.9396 23.5462 27.8784 23.7128C27.8511 23.7968 27.857 23.888 27.895 23.9677C27.933 24.0474 28.0002 24.1094 28.0826 24.141C28.2558 24.2032 28.4403 24.0987 28.5005 23.9321C28.5279 23.8483 28.5221 23.7571 28.4842 23.6774C28.4464 23.5978 28.3785 23.5356 28.2963 23.5039Z",
-							"fill": "#3859FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M19.3866 20.5504C18.918 20.3949 18.4104 20.4031 17.947 20.5738C17.4836 20.7444 17.0919 21.0674 16.836 21.4897L16.8153 21.5311C16.3052 22.4186 15.2944 22.8883 14.2949 22.5645C13.7534 22.3884 13.3002 22.011 13.029 21.5104C12.986 21.364 12.9585 21.2135 12.9471 21.0614C12.9066 20.092 13.6313 19.277 14.58 19.2252H14.805C16.5499 19.2977 18.0295 17.9094 18.101 16.1146C18.1725 14.3198 16.8153 12.8167 15.06 12.7433H14.58C13.6313 12.7019 12.9678 11.9499 13.0083 10.9795C13.0083 10.7499 13.0497 10.5203 13.141 10.3217L13.1617 10.2595C13.205 10.1646 13.2427 10.0672 13.2746 9.96778C13.6417 8.76684 12.9885 7.49343 11.8252 7.1179C10.6713 6.75272 9.42616 7.38896 9.04875 8.60025C8.68169 9.76919 9.29345 11.021 10.4266 11.4285C10.6102 11.4906 10.7222 11.5123 10.8963 11.5433H10.9876C11.8864 11.6468 12.5904 12.3885 12.5593 13.3278C12.5499 13.6723 12.437 13.9857 12.2638 14.2464C11.9614 14.7295 11.7925 15.2842 11.7744 15.8539C11.7439 16.5152 11.9146 17.1701 12.2638 17.7325C12.437 17.9932 12.549 18.3066 12.5593 18.6511C12.6007 19.5904 11.988 20.3311 11.0902 20.4252H11.0695C10.9377 20.4252 10.7843 20.4563 10.661 20.477C9.43745 20.7593 8.71275 21.98 8.98757 23.2017C9.26333 24.4327 10.4671 25.1527 11.6106 24.892C11.9023 24.8289 12.1778 24.7064 12.42 24.5321C12.6622 24.3579 12.866 24.1357 13.0186 23.8793C13.2694 23.4422 13.6626 23.1044 14.1324 22.9221C14.6022 22.7399 15.1203 22.7243 15.6003 22.8779C16.1415 23.0548 16.5292 23.389 16.805 23.8586L16.8351 23.9113C17.0704 24.2972 17.5193 24.6944 18.0492 24.8506C19.2539 25.2158 20.4379 24.5475 20.8163 23.3786C21.2031 22.1579 20.5095 20.8939 19.3866 20.5297V20.5504ZM75.0064 14.1005C74.4454 14.1005 73.9862 14.5701 73.9862 15.1443C73.9862 15.7184 74.4454 16.188 75.0064 16.188C75.5673 16.188 76.0266 15.7174 76.0266 15.1433C76.0286 14.87 75.9225 14.607 75.7314 14.4117C75.5403 14.2163 75.2797 14.1045 75.0064 14.1005ZM38.1029 10.7395H41.4506C41.5214 10.7415 41.5886 10.7709 41.6381 10.8214C41.6876 10.872 41.7156 10.9398 41.716 11.0106C41.716 11.0426 41.716 11.084 41.6963 11.1047L37.9203 20.3941V22.2831H43.972V20.3631H40.4407C40.3698 20.3611 40.3025 20.3316 40.2529 20.2809C40.2034 20.2301 40.1756 20.162 40.1753 20.0911C40.1753 20.06 40.1753 20.028 40.196 19.997L43.972 10.7075V8.82049H38.1029V10.7395ZM49.6153 14.3198C49.6149 14.3906 49.5869 14.4584 49.5374 14.509C49.4879 14.5595 49.4207 14.5889 49.3499 14.5908H47.524C47.4887 14.5908 47.4536 14.5838 47.421 14.5701C47.3884 14.5564 47.3588 14.5364 47.334 14.5112C47.3092 14.4859 47.2897 14.456 47.2766 14.4232C47.2635 14.3903 47.2571 14.3552 47.2577 14.3198V8.81861H45.1862V22.2821H47.2577V16.7819C47.2578 16.7127 47.2842 16.6461 47.3315 16.5956C47.3789 16.5451 47.4437 16.5144 47.5127 16.5099H49.3396C49.4826 16.5099 49.5946 16.636 49.5946 16.7819V22.2821H51.6972V8.81861H49.5946V14.3188L49.6153 14.3198ZM55.2887 8.81861H53.2182V22.2831H55.2887V8.81861ZM59.8412 8.81861H56.7899V22.2831H58.8605V17.2214H59.8412C61.9127 17.2214 62.9226 16.0525 62.9226 13.8915V12.1381C62.9226 9.98849 61.9127 8.80825 59.8412 8.80825V8.81861ZM60.8511 14.0271C60.8511 14.9871 60.4934 15.3005 59.8412 15.3005H59.1259C59.0907 15.3002 59.0559 15.293 59.0235 15.2792C58.9911 15.2654 58.9617 15.2454 58.9371 15.2202C58.9125 15.1949 58.8932 15.1651 58.8802 15.1324C58.8672 15.0996 58.8608 15.0646 58.8615 15.0294V11.0106C58.8619 10.9398 58.8899 10.872 58.9394 10.8214C58.9889 10.7709 59.0561 10.7415 59.1269 10.7395H59.8412C60.4944 10.7395 60.8511 11.0426 60.8511 12.013V14.0271ZM67.9946 19.2035C67.9946 20.1635 67.5767 20.509 66.9236 20.509C66.2704 20.509 65.8525 20.1645 65.8525 19.2035V8.81955H63.78V19.069C63.78 21.2186 64.8313 22.4497 66.8624 22.4497C68.8934 22.4497 69.9447 21.2186 69.9447 19.068V8.81861H67.9852V19.2035H67.9946Z",
-							"fill": "#3859FF"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ZhipuaiText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "89",
+      "height": "32",
+      "viewBox": "0 0 89 32",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "shape"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M88.8045 8.82998H86.7123V22.4497H88.8045V8.82998ZM80.5485 8.82998L78.4158 22.4497H80.3339L80.5589 20.9156L80.6709 20.1853C80.6916 20.0394 80.8751 19.9142 81.0793 19.9142H82.8855C83.0897 19.9142 83.2732 20.029 83.2939 20.1853L83.4059 20.9156L83.6299 22.4497H85.7429L83.6102 8.82998H80.5485ZM82.7838 18.2963H81.181C81.1522 18.2968 81.1237 18.2909 81.0975 18.279C81.0713 18.2671 81.0481 18.2495 81.0295 18.2275C81.0109 18.2056 80.9975 18.1797 80.9902 18.1519C80.9828 18.1241 80.9818 18.095 80.9871 18.0667L81.7024 12.1175C81.7212 11.95 81.8436 11.8352 81.9772 11.8352C82.109 11.8352 82.2426 11.95 82.253 12.1175L82.9673 18.0657C82.9767 18.1919 82.8855 18.2963 82.7735 18.2963H82.7838ZM14.8563 31.3316C14.7706 31.3519 14.6961 31.4046 14.6485 31.4787C14.6009 31.5528 14.584 31.6425 14.6012 31.7288C14.6417 31.9057 14.8158 32.0309 14.989 31.9895C15.0746 31.9695 15.1491 31.9169 15.1967 31.843C15.2443 31.769 15.2613 31.6795 15.244 31.5933C15.2036 31.4154 15.0295 31.2902 14.8563 31.3316ZM19.6337 11.3693C20.7471 10.8544 21.2412 9.51233 20.7368 8.37257C20.2323 7.23374 18.9203 6.72739 17.8059 7.24316C16.6925 7.75986 16.1975 9.10198 16.7019 10.2408C17.2064 11.3806 18.5184 11.885 19.6337 11.3693ZM23.1245 18.1712C24.2963 17.8107 24.9598 16.5476 24.6078 15.3504C24.2549 14.1523 23.02 13.4737 21.8483 13.8342C20.6775 14.1947 20.013 15.4577 20.3659 16.6559C20.7189 17.853 21.9537 18.5316 23.1245 18.1712ZM5.89628 14.2982C5.45885 14.7037 5.19533 15.2628 5.16094 15.8583C5.12655 16.4537 5.32396 17.0394 5.71181 17.4926C5.90262 17.7129 6.13553 17.8928 6.39686 18.0219C6.6582 18.1509 6.94268 18.2264 7.23361 18.2439C7.52453 18.2615 7.81602 18.2207 8.09096 18.124C8.36591 18.0273 8.61875 17.8766 8.83463 17.6808C9.27207 17.2753 9.53559 16.7162 9.56998 16.1208C9.60437 15.5253 9.40695 14.9396 9.0191 14.4864C8.8283 14.2661 8.59539 14.0862 8.33405 13.9571C8.07272 13.8281 7.78823 13.7526 7.49731 13.7351C7.20639 13.7175 6.91489 13.7583 6.63995 13.855C6.36501 13.9517 6.11217 14.1024 5.89628 14.2982ZM25.3579 11.4182C25.9189 10.9062 25.9697 10.0196 25.4699 9.44551C25.3521 9.30917 25.2082 9.19782 25.0467 9.11802C24.8852 9.03822 24.7093 8.99159 24.5295 8.98088C24.3496 8.97018 24.1694 8.99562 23.9996 9.0557C23.8297 9.11578 23.6736 9.20928 23.5405 9.33068C23.27 9.581 23.1072 9.92649 23.0863 10.2944C23.0654 10.6624 23.1881 11.0241 23.4285 11.3034C23.9292 11.8775 24.796 11.9293 25.3579 11.4182ZM14.9278 6.15798C15.6826 6.15798 16.2953 5.53116 16.2953 4.75939C16.2953 3.98763 15.6836 3.3608 14.9278 3.3608C14.172 3.3608 13.5603 3.98669 13.5603 4.75939C13.5603 5.53116 14.172 6.15798 14.9278 6.15798ZM5.40687 11.773C6.16169 11.773 6.77346 11.1472 6.77346 10.3744C6.77346 9.60268 6.16169 8.97586 5.40593 8.97586C4.65111 8.97586 4.0384 9.60174 4.0384 10.3744C4.0384 11.1462 4.65111 11.773 5.40687 11.773ZM4.48734 20.5815C4.21673 20.8317 4.05374 21.1771 4.03268 21.5451C4.01161 21.913 4.13411 22.2748 4.3744 22.5542C4.87511 23.1283 5.74287 23.181 6.30381 22.669C6.86569 22.158 6.91558 21.2704 6.41675 20.6963C6.29897 20.56 6.15507 20.4486 5.99354 20.3688C5.83201 20.289 5.65613 20.2424 5.47628 20.2317C5.29643 20.221 5.11626 20.2464 4.94641 20.3065C4.77656 20.3666 4.62046 20.4601 4.48734 20.5815ZM14.9278 28.6493C15.6826 28.6493 16.2953 28.0234 16.2953 27.2507C16.2953 26.4789 15.6836 25.8521 14.9278 25.8521C14.172 25.8521 13.5603 26.4789 13.5603 27.2507C13.5603 28.0234 14.172 28.6493 14.9278 28.6493ZM24.4591 23.0135C25.2149 23.0135 25.8266 22.3876 25.8266 21.6149C25.8266 20.8432 25.2149 20.2163 24.4591 20.2163C23.7043 20.2163 23.0916 20.8422 23.0916 21.6149C23.0916 22.3867 23.7033 23.0135 24.4591 23.0135ZM21.7645 4.68692C21.8768 4.69378 21.9894 4.67794 22.0955 4.64035C22.2015 4.60275 22.2989 4.54416 22.3819 4.46809C22.4648 4.39202 22.5315 4.30001 22.5781 4.19757C22.6247 4.09514 22.6502 3.98436 22.653 3.87186C22.6618 3.75964 22.6481 3.64679 22.6126 3.53995C22.5771 3.43312 22.5206 3.33448 22.4464 3.24983C22.3722 3.16518 22.2818 3.09625 22.1805 3.0471C22.0793 2.99794 21.9692 2.96956 21.8568 2.96363C21.7446 2.9569 21.6322 2.9728 21.5263 3.0104C21.4204 3.048 21.3232 3.10652 21.2404 3.18248C21.1575 3.25845 21.0909 3.35029 21.0443 3.45256C20.9977 3.55482 20.9722 3.66541 20.9692 3.77774C20.9604 3.88997 20.9741 4.00282 21.0096 4.10965C21.0451 4.21648 21.1016 4.31513 21.1758 4.39978C21.25 4.48442 21.3404 4.55335 21.4417 4.60251C21.543 4.65166 21.6521 4.68099 21.7645 4.68692ZM7.5904 4.5401C7.68271 4.60167 7.78644 4.6441 7.89544 4.66485C8.00445 4.68561 8.11651 4.68427 8.22499 4.66093C8.33347 4.63758 8.43616 4.5927 8.52697 4.52894C8.61779 4.46518 8.69489 4.38384 8.75369 4.28974C8.8757 4.09858 8.91838 3.8674 8.87269 3.64527C8.827 3.42315 8.69653 3.22758 8.50899 3.1001C8.41664 3.03837 8.31284 2.99582 8.20374 2.97499C8.09464 2.95415 7.98246 2.95544 7.87387 2.9788C7.76528 3.00215 7.66248 3.04708 7.57159 3.11092C7.4807 3.17477 7.40356 3.25622 7.34475 3.35045C7.22275 3.54161 7.18006 3.7728 7.22575 3.99492C7.27144 4.21704 7.40285 4.41261 7.5904 4.5401ZM0.803576 15.2281C0.384753 15.4361 0.221929 15.9584 0.426164 16.3857C0.474224 16.4863 0.541877 16.5762 0.625154 16.6502C0.708432 16.7242 0.805655 16.7809 0.911121 16.8168C1.01659 16.8528 1.12817 16.8673 1.23932 16.8595C1.35047 16.8518 1.45895 16.8219 1.5584 16.7716C1.97722 16.5636 2.14005 16.0413 1.93581 15.614C1.88775 15.5136 1.82013 15.4238 1.73693 15.3498C1.65372 15.2759 1.55659 15.2193 1.45124 15.1833C1.34588 15.1474 1.23442 15.1329 1.12337 15.1405C1.01232 15.1482 0.902978 15.178 0.803576 15.2281ZM8.10052 27.3241C7.98827 27.3172 7.87579 27.333 7.76979 27.3706C7.66378 27.4081 7.56642 27.4666 7.48351 27.5426C7.40059 27.6186 7.33383 27.7105 7.28719 27.8128C7.24055 27.9151 7.215 28.0258 7.21205 28.1382C7.20322 28.2504 7.21695 28.3633 7.25243 28.4701C7.28791 28.577 7.34442 28.6756 7.41863 28.7602C7.49284 28.8449 7.58324 28.9138 7.68451 28.963C7.78578 29.0121 7.89587 29.0405 8.00828 29.0464C8.12045 29.0532 8.23283 29.0373 8.33873 28.9997C8.44462 28.9621 8.54187 28.9035 8.62468 28.8276C8.70749 28.7516 8.77417 28.6598 8.82075 28.5575C8.86733 28.4553 8.89286 28.3447 8.89581 28.2323C8.90464 28.1202 8.89094 28.0074 8.85551 27.9006C8.82009 27.7939 8.76367 27.6953 8.68956 27.6106C8.61545 27.526 8.52515 27.457 8.42399 27.4078C8.32283 27.3586 8.21285 27.3301 8.10052 27.3241ZM22.2756 27.47C22.1832 27.4085 22.0795 27.3662 21.9705 27.3455C21.8615 27.3248 21.7495 27.3262 21.6411 27.3495C21.5326 27.3729 21.43 27.4177 21.3391 27.4814C21.2483 27.5451 21.1712 27.6263 21.1123 27.7203C20.99 27.9116 20.9471 28.143 20.9928 28.3653C21.0385 28.5877 21.1692 28.7834 21.357 28.9109C21.4494 28.9725 21.5531 29.0148 21.6622 29.0355C21.7712 29.0562 21.8833 29.0548 21.9918 29.0313C22.1003 29.0079 22.2029 28.9629 22.2937 28.8991C22.3845 28.8352 22.4615 28.7538 22.5203 28.6596C22.6423 28.4685 22.685 28.2373 22.6393 28.0152C22.5936 27.793 22.4631 27.5975 22.2756 27.47ZM29.1433 15.2799C29.051 15.2184 28.9473 15.1761 28.8383 15.1554C28.7293 15.1347 28.6173 15.1361 28.5088 15.1594C28.4004 15.1828 28.2977 15.2276 28.2069 15.2913C28.1161 15.355 28.0389 15.4362 27.98 15.5302C27.858 15.7214 27.8154 15.9526 27.861 16.1747C27.9067 16.3968 28.0372 16.5924 28.2248 16.7199C28.3171 16.7816 28.4209 16.8241 28.53 16.845C28.6391 16.8658 28.7513 16.8645 28.8599 16.8412C28.9685 16.8178 29.0713 16.7729 29.1621 16.709C29.253 16.6452 29.3302 16.5637 29.389 16.4695C29.511 16.2783 29.5537 16.0472 29.508 15.825C29.4623 15.6029 29.3309 15.4073 29.1433 15.2799ZM28.4092 8.4121C28.4723 8.35188 28.5104 8.27016 28.516 8.18315C28.5215 8.09614 28.4942 8.01022 28.4393 7.94245C28.382 7.87833 28.3018 7.83918 28.216 7.83338C28.1302 7.82757 28.0455 7.85557 27.98 7.91139C27.917 7.9716 27.8789 8.05333 27.8733 8.14034C27.8677 8.22734 27.8951 8.31326 27.9499 8.38104C28.0073 8.44516 28.0874 8.48431 28.1732 8.49011C28.2591 8.49591 28.3438 8.46791 28.4092 8.4121ZM14.988 0.668097C15.0739 0.648054 15.1486 0.595414 15.1964 0.521299C15.2442 0.447185 15.2613 0.357402 15.244 0.270921C15.2036 0.0939798 15.0295 -0.0311966 14.8563 0.0102151C14.7708 0.0304659 14.6965 0.0830504 14.6489 0.156931C14.6013 0.230811 14.5843 0.320241 14.6012 0.40645C14.6417 0.584333 14.8149 0.709509 14.988 0.668097ZM1.56875 8.48551C1.74193 8.54763 1.9264 8.44315 1.98758 8.27657C2.0149 8.19261 2.00894 8.10137 1.97093 8.02168C1.93293 7.94199 1.86578 7.87994 1.78334 7.84833C1.60922 7.78621 1.42569 7.89068 1.36452 8.05727C1.3372 8.14123 1.34315 8.23247 1.38116 8.31216C1.41916 8.39185 1.48632 8.4539 1.56875 8.48551ZM1.4464 23.5763C1.38294 23.6365 1.3445 23.7183 1.33874 23.8055C1.33299 23.8928 1.36034 23.979 1.41534 24.0469C1.47268 24.111 1.55284 24.1502 1.63866 24.156C1.72449 24.1618 1.80918 24.1338 1.87463 24.078C1.93783 24.0179 1.9761 23.9362 1.98186 23.8492C1.98761 23.7622 1.96042 23.6762 1.90569 23.6083C1.84835 23.5442 1.7682 23.5051 1.68237 23.4993C1.59655 23.4935 1.51185 23.5205 1.4464 23.5763ZM28.2963 23.5039C28.1231 23.4417 27.9396 23.5462 27.8784 23.7128C27.8511 23.7968 27.857 23.888 27.895 23.9677C27.933 24.0474 28.0002 24.1094 28.0826 24.141C28.2558 24.2032 28.4403 24.0987 28.5005 23.9321C28.5279 23.8483 28.5221 23.7571 28.4842 23.6774C28.4464 23.5978 28.3785 23.5356 28.2963 23.5039Z",
+              "fill": "#3859FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M19.3866 20.5504C18.918 20.3949 18.4104 20.4031 17.947 20.5738C17.4836 20.7444 17.0919 21.0674 16.836 21.4897L16.8153 21.5311C16.3052 22.4186 15.2944 22.8883 14.2949 22.5645C13.7534 22.3884 13.3002 22.011 13.029 21.5104C12.986 21.364 12.9585 21.2135 12.9471 21.0614C12.9066 20.092 13.6313 19.277 14.58 19.2252H14.805C16.5499 19.2977 18.0295 17.9094 18.101 16.1146C18.1725 14.3198 16.8153 12.8167 15.06 12.7433H14.58C13.6313 12.7019 12.9678 11.9499 13.0083 10.9795C13.0083 10.7499 13.0497 10.5203 13.141 10.3217L13.1617 10.2595C13.205 10.1646 13.2427 10.0672 13.2746 9.96778C13.6417 8.76684 12.9885 7.49343 11.8252 7.1179C10.6713 6.75272 9.42616 7.38896 9.04875 8.60025C8.68169 9.76919 9.29345 11.021 10.4266 11.4285C10.6102 11.4906 10.7222 11.5123 10.8963 11.5433H10.9876C11.8864 11.6468 12.5904 12.3885 12.5593 13.3278C12.5499 13.6723 12.437 13.9857 12.2638 14.2464C11.9614 14.7295 11.7925 15.2842 11.7744 15.8539C11.7439 16.5152 11.9146 17.1701 12.2638 17.7325C12.437 17.9932 12.549 18.3066 12.5593 18.6511C12.6007 19.5904 11.988 20.3311 11.0902 20.4252H11.0695C10.9377 20.4252 10.7843 20.4563 10.661 20.477C9.43745 20.7593 8.71275 21.98 8.98757 23.2017C9.26333 24.4327 10.4671 25.1527 11.6106 24.892C11.9023 24.8289 12.1778 24.7064 12.42 24.5321C12.6622 24.3579 12.866 24.1357 13.0186 23.8793C13.2694 23.4422 13.6626 23.1044 14.1324 22.9221C14.6022 22.7399 15.1203 22.7243 15.6003 22.8779C16.1415 23.0548 16.5292 23.389 16.805 23.8586L16.8351 23.9113C17.0704 24.2972 17.5193 24.6944 18.0492 24.8506C19.2539 25.2158 20.4379 24.5475 20.8163 23.3786C21.2031 22.1579 20.5095 20.8939 19.3866 20.5297V20.5504ZM75.0064 14.1005C74.4454 14.1005 73.9862 14.5701 73.9862 15.1443C73.9862 15.7184 74.4454 16.188 75.0064 16.188C75.5673 16.188 76.0266 15.7174 76.0266 15.1433C76.0286 14.87 75.9225 14.607 75.7314 14.4117C75.5403 14.2163 75.2797 14.1045 75.0064 14.1005ZM38.1029 10.7395H41.4506C41.5214 10.7415 41.5886 10.7709 41.6381 10.8214C41.6876 10.872 41.7156 10.9398 41.716 11.0106C41.716 11.0426 41.716 11.084 41.6963 11.1047L37.9203 20.3941V22.2831H43.972V20.3631H40.4407C40.3698 20.3611 40.3025 20.3316 40.2529 20.2809C40.2034 20.2301 40.1756 20.162 40.1753 20.0911C40.1753 20.06 40.1753 20.028 40.196 19.997L43.972 10.7075V8.82049H38.1029V10.7395ZM49.6153 14.3198C49.6149 14.3906 49.5869 14.4584 49.5374 14.509C49.4879 14.5595 49.4207 14.5889 49.3499 14.5908H47.524C47.4887 14.5908 47.4536 14.5838 47.421 14.5701C47.3884 14.5564 47.3588 14.5364 47.334 14.5112C47.3092 14.4859 47.2897 14.456 47.2766 14.4232C47.2635 14.3903 47.2571 14.3552 47.2577 14.3198V8.81861H45.1862V22.2821H47.2577V16.7819C47.2578 16.7127 47.2842 16.6461 47.3315 16.5956C47.3789 16.5451 47.4437 16.5144 47.5127 16.5099H49.3396C49.4826 16.5099 49.5946 16.636 49.5946 16.7819V22.2821H51.6972V8.81861H49.5946V14.3188L49.6153 14.3198ZM55.2887 8.81861H53.2182V22.2831H55.2887V8.81861ZM59.8412 8.81861H56.7899V22.2831H58.8605V17.2214H59.8412C61.9127 17.2214 62.9226 16.0525 62.9226 13.8915V12.1381C62.9226 9.98849 61.9127 8.80825 59.8412 8.80825V8.81861ZM60.8511 14.0271C60.8511 14.9871 60.4934 15.3005 59.8412 15.3005H59.1259C59.0907 15.3002 59.0559 15.293 59.0235 15.2792C58.9911 15.2654 58.9617 15.2454 58.9371 15.2202C58.9125 15.1949 58.8932 15.1651 58.8802 15.1324C58.8672 15.0996 58.8608 15.0646 58.8615 15.0294V11.0106C58.8619 10.9398 58.8899 10.872 58.9394 10.8214C58.9889 10.7709 59.0561 10.7415 59.1269 10.7395H59.8412C60.4944 10.7395 60.8511 11.0426 60.8511 12.013V14.0271ZM67.9946 19.2035C67.9946 20.1635 67.5767 20.509 66.9236 20.509C66.2704 20.509 65.8525 20.1645 65.8525 19.2035V8.81955H63.78V19.069C63.78 21.2186 64.8313 22.4497 66.8624 22.4497C68.8934 22.4497 69.9447 21.2186 69.9447 19.068V8.81861H67.9852V19.2035H67.9946Z",
+              "fill": "#3859FF"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ZhipuaiText"
 }
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx b/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
index 683bb7530d..d8e0361c22 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ZhipuaiText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ZhipuaiText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.json b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.json
index c5b1755f0c..653634f3ae 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.json
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "86",
-			"height": "32",
-			"viewBox": "0 0 86 32",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "shape"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M85.3919 8.94111H83.2742V22.4705H85.3919V8.94111ZM76.9919 8.94111L74.8272 22.4705H76.7801L77.0154 20.9411L77.133 20.2117C77.1566 20.0705 77.3448 19.9529 77.5566 19.9529H79.3919C79.6036 19.9529 79.7919 20.0705 79.8154 20.2117L79.933 20.9411L80.1683 22.4705H82.3095L80.1213 8.94111H76.9919ZM79.2742 18.3529H77.6507C77.533 18.3529 77.4389 18.2352 77.4389 18.1176L78.1683 12.2117C78.1919 12.047 78.3095 11.9293 78.4507 11.9293C78.5919 11.9293 78.7095 12.047 78.733 12.2117L79.4625 18.1176C79.486 18.2588 79.3919 18.3529 79.2742 18.3529ZM15.2742 31.3176C15.086 31.3176 14.9448 31.4588 14.9448 31.647C14.9448 31.8352 15.086 31.9764 15.2742 31.9764C15.4624 31.9764 15.6036 31.8352 15.6036 31.647C15.6036 31.4588 15.4624 31.3176 15.2742 31.3176ZM19.133 11.6705C19.7321 11.6705 20.3067 11.4325 20.7303 11.0089C21.1539 10.5853 21.3919 10.0108 21.3919 9.4117C21.3919 8.81262 21.1539 8.23808 20.7303 7.81447C20.3067 7.39086 19.7321 7.15288 19.133 7.15288C18.534 7.15288 17.9594 7.39086 17.5358 7.81447C17.1122 8.23808 16.8742 8.81262 16.8742 9.4117C16.8742 10.0108 17.1122 10.5853 17.5358 11.0089C17.9594 11.4325 18.534 11.6705 19.133 11.6705ZM24.5601 17.6752C24.7699 17.4655 24.9363 17.2165 25.0498 16.9424C25.1633 16.6683 25.2218 16.3746 25.2218 16.0779C25.2218 15.7813 25.1633 15.4875 25.0498 15.2135C24.9363 14.9394 24.7699 14.6904 24.5601 14.4806C24.1365 14.057 23.5619 13.8191 22.9628 13.8191C22.3638 13.8191 21.7892 14.0571 21.3656 14.4808C20.942 14.9044 20.7041 15.4789 20.7041 16.078C20.7041 16.6771 20.9421 17.2516 21.3657 17.6752C21.5755 17.885 21.8245 18.0514 22.0985 18.165C22.3726 18.2785 22.6663 18.337 22.9629 18.337C23.2596 18.337 23.5533 18.2785 23.8273 18.165C24.1014 18.0514 24.3504 17.885 24.5601 17.6752ZM9.69233 16.9369C9.9216 16.3834 9.9216 15.7614 9.69232 15.2079C9.46304 14.6544 9.02327 14.2146 8.46974 13.9853C7.91622 13.7561 7.29429 13.7561 6.74077 13.9854C6.18725 14.2146 5.74749 14.6544 5.51821 15.2079C5.28894 15.7615 5.28895 16.3834 5.51823 16.9369C5.74751 17.4904 6.18728 17.9302 6.7408 18.1595C7.01488 18.273 7.30863 18.3314 7.60529 18.3314C7.90195 18.3314 8.1957 18.273 8.46977 18.1595C9.02329 17.9302 9.46306 17.4904 9.69233 16.9369ZM24.9683 11.8823C25.1506 11.8823 25.3312 11.8464 25.4996 11.7766C25.668 11.7069 25.8211 11.6046 25.95 11.4757C26.0789 11.3468 26.1811 11.1937 26.2509 11.0253C26.3207 10.8569 26.3566 10.6764 26.3566 10.4941C26.3566 10.3117 26.3207 10.1312 26.2509 9.9628C26.1811 9.79437 26.0789 9.64133 25.95 9.51242C25.8211 9.38351 25.668 9.28126 25.4996 9.21149C25.3312 9.14173 25.1506 9.10582 24.9683 9.10582C24.6001 9.10582 24.247 9.25208 23.9867 9.51242C23.7264 9.77277 23.5801 10.1259 23.5801 10.4941C23.5801 10.8622 23.7264 11.2153 23.9867 11.4757C24.247 11.736 24.6001 11.8823 24.9683 11.8823ZM15.5904 6.24605C15.77 6.20622 15.9398 6.13112 16.0901 6.02511C16.2403 5.9191 16.368 5.78429 16.4658 5.62851C16.5635 5.47273 16.6293 5.29909 16.6593 5.11766C16.6894 4.93624 16.6831 4.75065 16.6408 4.57168C16.5986 4.39271 16.5212 4.22392 16.4131 4.07512C16.3051 3.92631 16.1685 3.80046 16.0114 3.70486C15.8543 3.60926 15.6798 3.54583 15.498 3.51824C15.3162 3.49066 15.1307 3.49947 14.9523 3.54417C14.5984 3.63287 14.2936 3.85737 14.1039 4.1691C13.9142 4.48083 13.8548 4.85472 13.9387 5.20986C14.0226 5.565 14.2429 5.87284 14.552 6.06676C14.8612 6.26068 15.2342 6.32509 15.5904 6.24605ZM5.60362 11.8823C5.78593 11.8823 5.96645 11.8464 6.13488 11.7766C6.30331 11.7069 6.45635 11.6046 6.58526 11.4757C6.71417 11.3468 6.81642 11.1937 6.88619 11.0253C6.95595 10.8569 6.99186 10.6764 6.99186 10.4941C6.99186 10.3117 6.95595 10.1312 6.88619 9.9628C6.81642 9.79437 6.71417 9.64133 6.58526 9.51242C6.45635 9.38351 6.30331 9.28126 6.13488 9.21149C5.96645 9.14173 5.78593 9.10582 5.60362 9.10582C5.23544 9.10582 4.88234 9.25208 4.62199 9.51242C4.36165 9.77277 4.21539 10.1259 4.21539 10.4941C4.21539 10.8622 4.36165 11.2153 4.62199 11.4757C4.88234 11.736 5.23544 11.8823 5.60362 11.8823ZM6.58904 22.6493C6.71795 22.5204 6.82021 22.3674 6.88997 22.199C6.95974 22.0305 6.99565 21.85 6.99565 21.6677C6.99565 21.4854 6.95974 21.3049 6.88997 21.1364C6.82021 20.968 6.71795 20.815 6.58904 20.6861C6.46012 20.5571 6.30708 20.4549 6.13865 20.3851C5.97022 20.3154 5.7897 20.2794 5.60739 20.2794C5.42508 20.2794 5.24456 20.3154 5.07613 20.3851C4.90769 20.4549 4.75465 20.5571 4.62574 20.6861C4.36539 20.9464 4.21913 21.2995 4.21913 21.6677C4.21913 22.0359 4.36539 22.389 4.62574 22.6493C4.88609 22.9097 5.2392 23.056 5.60739 23.056C5.97558 23.056 6.32869 22.9097 6.58904 22.6493ZM15.5919 28.5983C15.7693 28.5564 15.9367 28.48 16.0846 28.3734C16.2324 28.2668 16.3579 28.1321 16.4537 27.977C16.5495 27.8219 16.6138 27.6495 16.643 27.4696C16.6722 27.2896 16.6656 27.1057 16.6237 26.9283C16.5818 26.7509 16.5054 26.5835 16.3988 26.4356C16.2922 26.2877 16.1575 26.1623 16.0025 26.0665C15.8474 25.9707 15.675 25.9063 15.495 25.8771C15.3151 25.848 15.1312 25.8545 14.9537 25.8964C14.7742 25.9362 14.6044 26.0113 14.4541 26.1174C14.3039 26.2234 14.1762 26.3582 14.0784 26.514C13.9807 26.6697 13.9149 26.8434 13.8849 27.0248C13.8548 27.2062 13.8611 27.3918 13.9034 27.5708C13.9456 27.7497 14.023 27.9185 14.1311 28.0673C14.2391 28.2162 14.3757 28.342 14.5328 28.4376C14.6898 28.5332 14.8644 28.5966 15.0462 28.6242C15.228 28.6518 15.4135 28.643 15.5919 28.5983ZM25.2848 22.9973C25.4634 22.9566 25.6322 22.881 25.7815 22.7747C25.9307 22.6684 26.0574 22.5337 26.1543 22.3782C26.2512 22.2227 26.3164 22.0496 26.3461 21.8688C26.3758 21.6881 26.3694 21.5032 26.3273 21.3249C26.2853 21.1466 26.2083 20.9784 26.1009 20.83C25.9935 20.6815 25.8578 20.5559 25.7015 20.4601C25.5453 20.3644 25.3717 20.3006 25.1907 20.2723C25.0097 20.244 24.8249 20.2518 24.6469 20.2952C24.291 20.3821 23.9839 20.6062 23.7925 20.9185C23.6011 21.2309 23.541 21.6063 23.6251 21.9628C23.7093 22.3193 23.931 22.6281 24.2419 22.8219C24.5528 23.0157 24.9276 23.0788 25.2848 22.9973ZM22.286 4.82347C22.7566 4.82347 23.133 4.447 23.133 3.97641C23.133 3.50582 22.7566 3.12935 22.286 3.12935C21.8154 3.12935 21.4389 3.50582 21.4389 3.97641C21.4389 4.447 21.8154 4.82347 22.286 4.82347ZM8.28598 4.82347C8.75657 4.82347 9.13304 4.447 9.13304 3.97641C9.13304 3.50582 8.75657 3.12935 8.28598 3.12935C7.81539 3.12935 7.43892 3.50582 7.43892 3.97641C7.43892 4.447 7.81539 4.82347 8.28598 4.82347ZM1.29774 15.2235C0.827154 15.2235 0.450684 15.5999 0.450684 16.0705C0.450684 16.5411 0.827154 16.9176 1.29774 16.9176C1.76833 16.9176 2.1448 16.5411 2.1448 16.0705C2.16833 15.5999 1.76833 15.2235 1.29774 15.2235ZM8.28598 27.3176C7.81539 27.3176 7.43892 27.6941 7.43892 28.1646C7.43892 28.6352 7.81539 29.0117 8.28598 29.0117C8.75657 29.0117 9.13304 28.6352 9.13304 28.1646C9.13304 27.6941 8.75657 27.3176 8.28598 27.3176ZM22.286 27.3411C21.8154 27.3411 21.4389 27.7176 21.4389 28.1882C21.4389 28.6588 21.8154 29.0352 22.286 29.0352C22.7566 29.0352 23.133 28.6588 23.133 28.1882C23.133 27.7176 22.7566 27.3411 22.286 27.3411ZM29.2742 15.2235C28.8036 15.2235 28.4272 15.5999 28.4272 16.0705C28.4272 16.5411 28.8036 16.9176 29.2742 16.9176C29.7448 16.9176 30.1213 16.5411 30.1213 16.0705C30.1213 15.5999 29.7448 15.2235 29.2742 15.2235ZM28.7566 8.6117C28.9448 8.6117 29.086 8.47053 29.086 8.28229C29.086 8.09405 28.9448 7.95288 28.7566 7.95288C28.5683 7.95288 28.4272 8.09405 28.4272 8.28229C28.4272 8.47053 28.5919 8.6117 28.7566 8.6117ZM15.2742 0.846995C15.4624 0.846995 15.6036 0.705819 15.6036 0.517583C15.6036 0.329348 15.4624 0.188171 15.2742 0.188171C15.086 0.188171 14.9448 0.329348 14.9448 0.517583C14.9448 0.705819 15.1095 0.846995 15.2742 0.846995ZM1.81539 8.6117C2.00362 8.6117 2.1448 8.47053 2.1448 8.28229C2.1448 8.09405 2.00362 7.95288 1.81539 7.95288C1.62715 7.95288 1.48598 8.09405 1.48598 8.28229C1.48598 8.47053 1.62715 8.6117 1.81539 8.6117ZM1.81539 23.5293C1.62715 23.5293 1.48598 23.6705 1.48598 23.8588C1.48598 24.047 1.62715 24.1882 1.81539 24.1882C2.00362 24.1882 2.1448 24.047 2.1448 23.8588C2.1448 23.6705 1.9801 23.5293 1.81539 23.5293ZM28.7801 23.5058C28.5919 23.5058 28.4507 23.647 28.4507 23.8352C28.4507 24.0235 28.5919 24.1646 28.7801 24.1646C28.9683 24.1646 29.1095 24.0235 29.1095 23.8352C29.1095 23.6705 28.9683 23.5058 28.7801 23.5058Z",
-							"fill": "#3859FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M19.8154 20.5882C18.8036 20.2588 17.7683 20.6823 17.2272 21.5293L17.2036 21.5764C16.686 22.447 15.6507 22.9176 14.6389 22.6117C14.0742 22.4235 13.6272 22.047 13.3448 21.5529C13.2977 21.4117 13.2742 21.2705 13.2742 21.1058C13.2272 20.1411 13.9801 19.3176 14.9448 19.2941H15.1801C16.9683 19.3646 18.4507 17.9764 18.5213 16.2117C18.5919 14.4235 17.2036 12.9411 15.4389 12.8705H14.9448C13.9801 12.8235 13.2977 12.0705 13.3448 11.1293C13.3448 10.8941 13.3919 10.6823 13.486 10.4705L13.5095 10.3999C13.5566 10.2823 13.5801 10.2352 13.6272 10.1176C14.0036 8.91758 13.3448 7.67052 12.1448 7.29405C10.9683 6.94111 9.69774 7.57641 9.32127 8.75288C8.9448 9.90582 9.5801 11.1529 10.733 11.5529C10.9213 11.6235 11.0389 11.647 11.2036 11.6705L11.2977 11.6941C12.2154 11.7882 12.9213 12.5176 12.8977 13.4588C12.8742 13.7882 12.7801 14.1176 12.5919 14.3764C12.286 14.847 12.1213 15.3882 12.0977 15.9764C12.0742 16.6588 12.2624 17.3176 12.5919 17.8352C12.7801 18.0941 12.8742 18.3999 12.8977 18.7529C12.9448 19.6941 12.3095 20.4235 11.3919 20.5176H11.3683C11.2272 20.5176 11.086 20.5411 10.9683 20.5646C9.72127 20.847 8.99186 22.0705 9.27421 23.2705C9.55657 24.4941 10.7801 25.2235 11.9566 24.9646C12.5919 24.8235 13.086 24.447 13.3919 23.9529C13.9095 23.0588 14.9919 22.6352 16.0272 22.9646C16.5919 23.1293 16.9683 23.4823 17.2507 23.9293L17.2742 23.9764C17.5095 24.3529 17.9566 24.7529 18.4977 24.9176C19.7213 25.2705 20.9213 24.6117 21.2977 23.4588C21.6742 22.2117 20.9683 20.9646 19.8154 20.5882ZM70.2625 16.2588C70.537 16.2588 70.8004 16.1497 70.9945 15.9555C71.1887 15.7614 71.2977 15.498 71.2977 15.2235C71.2977 14.9489 71.1887 14.6856 70.9945 14.4914C70.8004 14.2972 70.537 14.1882 70.2625 14.1882C69.9879 14.1882 69.7245 14.2972 69.5304 14.4914C69.3362 14.6856 69.2272 14.9489 69.2272 15.2235C69.2272 15.498 69.3362 15.7614 69.5304 15.9555C69.7245 16.1497 69.9879 16.2588 70.2625 16.2588ZM43.8624 15.5293C43.7213 15.4588 43.5095 15.2941 43.2036 15.1058C42.3801 14.5411 41.7448 14.1176 41.3448 13.8117H43.9095V12.5882H41.5095C41.5566 12.4705 41.5566 11.2941 41.5566 10.9646C41.5801 10.6823 41.6036 10.447 41.6036 10.2823H43.5095V9.05876H39.5801C39.7683 8.72935 39.9095 8.37641 40.0272 7.95288L38.7095 7.83523C38.3801 8.89405 37.8154 9.8117 37.0154 10.5882C37.3448 10.9176 37.533 11.1293 37.6036 11.2705C37.7213 11.3882 37.7919 11.5058 37.886 11.5764C38.333 11.1293 38.6624 10.7058 38.9213 10.2823H40.2389C40.2389 10.7764 40.1919 12.1646 40.1213 12.5646H37.133V13.7882H39.8625C39.5095 14.6352 38.5448 15.3882 37.0389 15.9999C37.3213 16.3999 37.6036 16.8235 37.8625 17.2941C38.1448 17.0823 38.4507 16.9176 38.733 16.7999V23.5293H40.1448V22.847H47.0625V23.5293H48.5213V16.7529H43.086L43.8624 15.5293ZM38.8036 16.7293C39.7919 16.1176 40.4272 15.4823 40.7566 14.847C40.8977 14.9176 41.086 15.0823 41.2977 15.2705C42.0507 15.8823 42.6625 16.3764 43.086 16.7293H38.8036ZM47.0625 21.7646H40.1448V20.4235H47.0625V21.7646ZM47.0625 19.3176H40.1448V18.0235H47.0625V19.3176Z",
-							"fill": "#3859FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M44.4507 15.6941H49.5095V8.94111H44.4507V15.6941ZM45.7683 10.3058H48.2154V14.4235H45.7683V10.3058ZM54.4742 11.3882L55.7213 10.5411C55.0389 9.55288 54.4507 8.79994 53.9801 8.2117L52.8977 8.94111C53.0389 9.17641 53.2507 9.52935 53.5566 9.97641C54.0036 10.6352 54.3095 11.1058 54.4742 11.3882ZM64.0272 13.9764C64.1448 13.8588 64.286 13.647 64.4742 13.3646C64.8742 12.847 65.1566 12.447 65.2977 12.2117L64.3095 11.5293C64.0977 11.9058 63.6742 12.4705 63.0625 13.247L64.0272 13.9764ZM58.4507 13.247C58.3095 13.0352 58.0977 12.7529 57.7919 12.3999C57.5095 11.9999 57.2742 11.7176 57.133 11.5529L56.2154 12.2352C56.7566 12.9646 57.1801 13.5529 57.4624 13.9999L58.4507 13.247ZM55.2977 20.2823C55.1801 20.3999 55.1095 20.4941 55.086 20.5176V13.9293H52.5213V15.4588H53.6742V20.8941C53.6742 21.4352 53.5566 21.8117 53.2977 22.047L54.1683 23.3882C54.686 22.7058 55.4624 21.8823 56.4977 20.9411C56.3801 20.2117 56.3095 19.647 56.2154 19.2235C56.0507 19.4823 55.7448 19.8352 55.2977 20.2823ZM54.1683 23.4117V23.3882L54.1448 23.4117H54.1683ZM57.0389 23.5764H58.4036V22.9646H63.0389V23.5764H64.4507V17.0352H57.0389V23.5764ZM58.4036 18.2588H63.0389V19.5529H58.4036V18.2588ZM58.4036 20.5882H63.0389V21.8117H58.4036V20.5882Z",
-							"fill": "#3859FF"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M65.3213 10.7999V9.647H62.9213C63.2742 9.08229 63.5095 8.72935 63.5801 8.6117C63.6977 8.39994 63.7683 8.25876 63.8625 8.18817L62.4977 7.88229C62.1683 8.49405 61.8154 9.08229 61.4154 9.647H60.0977C59.9566 9.4117 59.7213 9.03523 59.3919 8.54111C59.2036 8.25876 59.0625 8.02347 58.9448 7.85876L57.6272 8.16464C57.8154 8.39994 58.1213 8.89405 58.5448 9.62347H56.2625V10.7764H58.8272V14.7764H55.7683V15.9293H65.6742V14.7764H62.5213V10.7999H65.3213ZM61.3448 14.7764H60.0977V10.7764H61.3448V14.7764Z",
-							"fill": "#3859FF"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ZhipuaiTextCn"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "86",
+      "height": "32",
+      "viewBox": "0 0 86 32",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "shape"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M85.3919 8.94111H83.2742V22.4705H85.3919V8.94111ZM76.9919 8.94111L74.8272 22.4705H76.7801L77.0154 20.9411L77.133 20.2117C77.1566 20.0705 77.3448 19.9529 77.5566 19.9529H79.3919C79.6036 19.9529 79.7919 20.0705 79.8154 20.2117L79.933 20.9411L80.1683 22.4705H82.3095L80.1213 8.94111H76.9919ZM79.2742 18.3529H77.6507C77.533 18.3529 77.4389 18.2352 77.4389 18.1176L78.1683 12.2117C78.1919 12.047 78.3095 11.9293 78.4507 11.9293C78.5919 11.9293 78.7095 12.047 78.733 12.2117L79.4625 18.1176C79.486 18.2588 79.3919 18.3529 79.2742 18.3529ZM15.2742 31.3176C15.086 31.3176 14.9448 31.4588 14.9448 31.647C14.9448 31.8352 15.086 31.9764 15.2742 31.9764C15.4624 31.9764 15.6036 31.8352 15.6036 31.647C15.6036 31.4588 15.4624 31.3176 15.2742 31.3176ZM19.133 11.6705C19.7321 11.6705 20.3067 11.4325 20.7303 11.0089C21.1539 10.5853 21.3919 10.0108 21.3919 9.4117C21.3919 8.81262 21.1539 8.23808 20.7303 7.81447C20.3067 7.39086 19.7321 7.15288 19.133 7.15288C18.534 7.15288 17.9594 7.39086 17.5358 7.81447C17.1122 8.23808 16.8742 8.81262 16.8742 9.4117C16.8742 10.0108 17.1122 10.5853 17.5358 11.0089C17.9594 11.4325 18.534 11.6705 19.133 11.6705ZM24.5601 17.6752C24.7699 17.4655 24.9363 17.2165 25.0498 16.9424C25.1633 16.6683 25.2218 16.3746 25.2218 16.0779C25.2218 15.7813 25.1633 15.4875 25.0498 15.2135C24.9363 14.9394 24.7699 14.6904 24.5601 14.4806C24.1365 14.057 23.5619 13.8191 22.9628 13.8191C22.3638 13.8191 21.7892 14.0571 21.3656 14.4808C20.942 14.9044 20.7041 15.4789 20.7041 16.078C20.7041 16.6771 20.9421 17.2516 21.3657 17.6752C21.5755 17.885 21.8245 18.0514 22.0985 18.165C22.3726 18.2785 22.6663 18.337 22.9629 18.337C23.2596 18.337 23.5533 18.2785 23.8273 18.165C24.1014 18.0514 24.3504 17.885 24.5601 17.6752ZM9.69233 16.9369C9.9216 16.3834 9.9216 15.7614 9.69232 15.2079C9.46304 14.6544 9.02327 14.2146 8.46974 13.9853C7.91622 13.7561 7.29429 13.7561 6.74077 13.9854C6.18725 14.2146 5.74749 14.6544 5.51821 15.2079C5.28894 15.7615 5.28895 16.3834 5.51823 16.9369C5.74751 17.4904 6.18728 17.9302 6.7408 18.1595C7.01488 18.273 7.30863 18.3314 7.60529 18.3314C7.90195 18.3314 8.1957 18.273 8.46977 18.1595C9.02329 17.9302 9.46306 17.4904 9.69233 16.9369ZM24.9683 11.8823C25.1506 11.8823 25.3312 11.8464 25.4996 11.7766C25.668 11.7069 25.8211 11.6046 25.95 11.4757C26.0789 11.3468 26.1811 11.1937 26.2509 11.0253C26.3207 10.8569 26.3566 10.6764 26.3566 10.4941C26.3566 10.3117 26.3207 10.1312 26.2509 9.9628C26.1811 9.79437 26.0789 9.64133 25.95 9.51242C25.8211 9.38351 25.668 9.28126 25.4996 9.21149C25.3312 9.14173 25.1506 9.10582 24.9683 9.10582C24.6001 9.10582 24.247 9.25208 23.9867 9.51242C23.7264 9.77277 23.5801 10.1259 23.5801 10.4941C23.5801 10.8622 23.7264 11.2153 23.9867 11.4757C24.247 11.736 24.6001 11.8823 24.9683 11.8823ZM15.5904 6.24605C15.77 6.20622 15.9398 6.13112 16.0901 6.02511C16.2403 5.9191 16.368 5.78429 16.4658 5.62851C16.5635 5.47273 16.6293 5.29909 16.6593 5.11766C16.6894 4.93624 16.6831 4.75065 16.6408 4.57168C16.5986 4.39271 16.5212 4.22392 16.4131 4.07512C16.3051 3.92631 16.1685 3.80046 16.0114 3.70486C15.8543 3.60926 15.6798 3.54583 15.498 3.51824C15.3162 3.49066 15.1307 3.49947 14.9523 3.54417C14.5984 3.63287 14.2936 3.85737 14.1039 4.1691C13.9142 4.48083 13.8548 4.85472 13.9387 5.20986C14.0226 5.565 14.2429 5.87284 14.552 6.06676C14.8612 6.26068 15.2342 6.32509 15.5904 6.24605ZM5.60362 11.8823C5.78593 11.8823 5.96645 11.8464 6.13488 11.7766C6.30331 11.7069 6.45635 11.6046 6.58526 11.4757C6.71417 11.3468 6.81642 11.1937 6.88619 11.0253C6.95595 10.8569 6.99186 10.6764 6.99186 10.4941C6.99186 10.3117 6.95595 10.1312 6.88619 9.9628C6.81642 9.79437 6.71417 9.64133 6.58526 9.51242C6.45635 9.38351 6.30331 9.28126 6.13488 9.21149C5.96645 9.14173 5.78593 9.10582 5.60362 9.10582C5.23544 9.10582 4.88234 9.25208 4.62199 9.51242C4.36165 9.77277 4.21539 10.1259 4.21539 10.4941C4.21539 10.8622 4.36165 11.2153 4.62199 11.4757C4.88234 11.736 5.23544 11.8823 5.60362 11.8823ZM6.58904 22.6493C6.71795 22.5204 6.82021 22.3674 6.88997 22.199C6.95974 22.0305 6.99565 21.85 6.99565 21.6677C6.99565 21.4854 6.95974 21.3049 6.88997 21.1364C6.82021 20.968 6.71795 20.815 6.58904 20.6861C6.46012 20.5571 6.30708 20.4549 6.13865 20.3851C5.97022 20.3154 5.7897 20.2794 5.60739 20.2794C5.42508 20.2794 5.24456 20.3154 5.07613 20.3851C4.90769 20.4549 4.75465 20.5571 4.62574 20.6861C4.36539 20.9464 4.21913 21.2995 4.21913 21.6677C4.21913 22.0359 4.36539 22.389 4.62574 22.6493C4.88609 22.9097 5.2392 23.056 5.60739 23.056C5.97558 23.056 6.32869 22.9097 6.58904 22.6493ZM15.5919 28.5983C15.7693 28.5564 15.9367 28.48 16.0846 28.3734C16.2324 28.2668 16.3579 28.1321 16.4537 27.977C16.5495 27.8219 16.6138 27.6495 16.643 27.4696C16.6722 27.2896 16.6656 27.1057 16.6237 26.9283C16.5818 26.7509 16.5054 26.5835 16.3988 26.4356C16.2922 26.2877 16.1575 26.1623 16.0025 26.0665C15.8474 25.9707 15.675 25.9063 15.495 25.8771C15.3151 25.848 15.1312 25.8545 14.9537 25.8964C14.7742 25.9362 14.6044 26.0113 14.4541 26.1174C14.3039 26.2234 14.1762 26.3582 14.0784 26.514C13.9807 26.6697 13.9149 26.8434 13.8849 27.0248C13.8548 27.2062 13.8611 27.3918 13.9034 27.5708C13.9456 27.7497 14.023 27.9185 14.1311 28.0673C14.2391 28.2162 14.3757 28.342 14.5328 28.4376C14.6898 28.5332 14.8644 28.5966 15.0462 28.6242C15.228 28.6518 15.4135 28.643 15.5919 28.5983ZM25.2848 22.9973C25.4634 22.9566 25.6322 22.881 25.7815 22.7747C25.9307 22.6684 26.0574 22.5337 26.1543 22.3782C26.2512 22.2227 26.3164 22.0496 26.3461 21.8688C26.3758 21.6881 26.3694 21.5032 26.3273 21.3249C26.2853 21.1466 26.2083 20.9784 26.1009 20.83C25.9935 20.6815 25.8578 20.5559 25.7015 20.4601C25.5453 20.3644 25.3717 20.3006 25.1907 20.2723C25.0097 20.244 24.8249 20.2518 24.6469 20.2952C24.291 20.3821 23.9839 20.6062 23.7925 20.9185C23.6011 21.2309 23.541 21.6063 23.6251 21.9628C23.7093 22.3193 23.931 22.6281 24.2419 22.8219C24.5528 23.0157 24.9276 23.0788 25.2848 22.9973ZM22.286 4.82347C22.7566 4.82347 23.133 4.447 23.133 3.97641C23.133 3.50582 22.7566 3.12935 22.286 3.12935C21.8154 3.12935 21.4389 3.50582 21.4389 3.97641C21.4389 4.447 21.8154 4.82347 22.286 4.82347ZM8.28598 4.82347C8.75657 4.82347 9.13304 4.447 9.13304 3.97641C9.13304 3.50582 8.75657 3.12935 8.28598 3.12935C7.81539 3.12935 7.43892 3.50582 7.43892 3.97641C7.43892 4.447 7.81539 4.82347 8.28598 4.82347ZM1.29774 15.2235C0.827154 15.2235 0.450684 15.5999 0.450684 16.0705C0.450684 16.5411 0.827154 16.9176 1.29774 16.9176C1.76833 16.9176 2.1448 16.5411 2.1448 16.0705C2.16833 15.5999 1.76833 15.2235 1.29774 15.2235ZM8.28598 27.3176C7.81539 27.3176 7.43892 27.6941 7.43892 28.1646C7.43892 28.6352 7.81539 29.0117 8.28598 29.0117C8.75657 29.0117 9.13304 28.6352 9.13304 28.1646C9.13304 27.6941 8.75657 27.3176 8.28598 27.3176ZM22.286 27.3411C21.8154 27.3411 21.4389 27.7176 21.4389 28.1882C21.4389 28.6588 21.8154 29.0352 22.286 29.0352C22.7566 29.0352 23.133 28.6588 23.133 28.1882C23.133 27.7176 22.7566 27.3411 22.286 27.3411ZM29.2742 15.2235C28.8036 15.2235 28.4272 15.5999 28.4272 16.0705C28.4272 16.5411 28.8036 16.9176 29.2742 16.9176C29.7448 16.9176 30.1213 16.5411 30.1213 16.0705C30.1213 15.5999 29.7448 15.2235 29.2742 15.2235ZM28.7566 8.6117C28.9448 8.6117 29.086 8.47053 29.086 8.28229C29.086 8.09405 28.9448 7.95288 28.7566 7.95288C28.5683 7.95288 28.4272 8.09405 28.4272 8.28229C28.4272 8.47053 28.5919 8.6117 28.7566 8.6117ZM15.2742 0.846995C15.4624 0.846995 15.6036 0.705819 15.6036 0.517583C15.6036 0.329348 15.4624 0.188171 15.2742 0.188171C15.086 0.188171 14.9448 0.329348 14.9448 0.517583C14.9448 0.705819 15.1095 0.846995 15.2742 0.846995ZM1.81539 8.6117C2.00362 8.6117 2.1448 8.47053 2.1448 8.28229C2.1448 8.09405 2.00362 7.95288 1.81539 7.95288C1.62715 7.95288 1.48598 8.09405 1.48598 8.28229C1.48598 8.47053 1.62715 8.6117 1.81539 8.6117ZM1.81539 23.5293C1.62715 23.5293 1.48598 23.6705 1.48598 23.8588C1.48598 24.047 1.62715 24.1882 1.81539 24.1882C2.00362 24.1882 2.1448 24.047 2.1448 23.8588C2.1448 23.6705 1.9801 23.5293 1.81539 23.5293ZM28.7801 23.5058C28.5919 23.5058 28.4507 23.647 28.4507 23.8352C28.4507 24.0235 28.5919 24.1646 28.7801 24.1646C28.9683 24.1646 29.1095 24.0235 29.1095 23.8352C29.1095 23.6705 28.9683 23.5058 28.7801 23.5058Z",
+              "fill": "#3859FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M19.8154 20.5882C18.8036 20.2588 17.7683 20.6823 17.2272 21.5293L17.2036 21.5764C16.686 22.447 15.6507 22.9176 14.6389 22.6117C14.0742 22.4235 13.6272 22.047 13.3448 21.5529C13.2977 21.4117 13.2742 21.2705 13.2742 21.1058C13.2272 20.1411 13.9801 19.3176 14.9448 19.2941H15.1801C16.9683 19.3646 18.4507 17.9764 18.5213 16.2117C18.5919 14.4235 17.2036 12.9411 15.4389 12.8705H14.9448C13.9801 12.8235 13.2977 12.0705 13.3448 11.1293C13.3448 10.8941 13.3919 10.6823 13.486 10.4705L13.5095 10.3999C13.5566 10.2823 13.5801 10.2352 13.6272 10.1176C14.0036 8.91758 13.3448 7.67052 12.1448 7.29405C10.9683 6.94111 9.69774 7.57641 9.32127 8.75288C8.9448 9.90582 9.5801 11.1529 10.733 11.5529C10.9213 11.6235 11.0389 11.647 11.2036 11.6705L11.2977 11.6941C12.2154 11.7882 12.9213 12.5176 12.8977 13.4588C12.8742 13.7882 12.7801 14.1176 12.5919 14.3764C12.286 14.847 12.1213 15.3882 12.0977 15.9764C12.0742 16.6588 12.2624 17.3176 12.5919 17.8352C12.7801 18.0941 12.8742 18.3999 12.8977 18.7529C12.9448 19.6941 12.3095 20.4235 11.3919 20.5176H11.3683C11.2272 20.5176 11.086 20.5411 10.9683 20.5646C9.72127 20.847 8.99186 22.0705 9.27421 23.2705C9.55657 24.4941 10.7801 25.2235 11.9566 24.9646C12.5919 24.8235 13.086 24.447 13.3919 23.9529C13.9095 23.0588 14.9919 22.6352 16.0272 22.9646C16.5919 23.1293 16.9683 23.4823 17.2507 23.9293L17.2742 23.9764C17.5095 24.3529 17.9566 24.7529 18.4977 24.9176C19.7213 25.2705 20.9213 24.6117 21.2977 23.4588C21.6742 22.2117 20.9683 20.9646 19.8154 20.5882ZM70.2625 16.2588C70.537 16.2588 70.8004 16.1497 70.9945 15.9555C71.1887 15.7614 71.2977 15.498 71.2977 15.2235C71.2977 14.9489 71.1887 14.6856 70.9945 14.4914C70.8004 14.2972 70.537 14.1882 70.2625 14.1882C69.9879 14.1882 69.7245 14.2972 69.5304 14.4914C69.3362 14.6856 69.2272 14.9489 69.2272 15.2235C69.2272 15.498 69.3362 15.7614 69.5304 15.9555C69.7245 16.1497 69.9879 16.2588 70.2625 16.2588ZM43.8624 15.5293C43.7213 15.4588 43.5095 15.2941 43.2036 15.1058C42.3801 14.5411 41.7448 14.1176 41.3448 13.8117H43.9095V12.5882H41.5095C41.5566 12.4705 41.5566 11.2941 41.5566 10.9646C41.5801 10.6823 41.6036 10.447 41.6036 10.2823H43.5095V9.05876H39.5801C39.7683 8.72935 39.9095 8.37641 40.0272 7.95288L38.7095 7.83523C38.3801 8.89405 37.8154 9.8117 37.0154 10.5882C37.3448 10.9176 37.533 11.1293 37.6036 11.2705C37.7213 11.3882 37.7919 11.5058 37.886 11.5764C38.333 11.1293 38.6624 10.7058 38.9213 10.2823H40.2389C40.2389 10.7764 40.1919 12.1646 40.1213 12.5646H37.133V13.7882H39.8625C39.5095 14.6352 38.5448 15.3882 37.0389 15.9999C37.3213 16.3999 37.6036 16.8235 37.8625 17.2941C38.1448 17.0823 38.4507 16.9176 38.733 16.7999V23.5293H40.1448V22.847H47.0625V23.5293H48.5213V16.7529H43.086L43.8624 15.5293ZM38.8036 16.7293C39.7919 16.1176 40.4272 15.4823 40.7566 14.847C40.8977 14.9176 41.086 15.0823 41.2977 15.2705C42.0507 15.8823 42.6625 16.3764 43.086 16.7293H38.8036ZM47.0625 21.7646H40.1448V20.4235H47.0625V21.7646ZM47.0625 19.3176H40.1448V18.0235H47.0625V19.3176Z",
+              "fill": "#3859FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M44.4507 15.6941H49.5095V8.94111H44.4507V15.6941ZM45.7683 10.3058H48.2154V14.4235H45.7683V10.3058ZM54.4742 11.3882L55.7213 10.5411C55.0389 9.55288 54.4507 8.79994 53.9801 8.2117L52.8977 8.94111C53.0389 9.17641 53.2507 9.52935 53.5566 9.97641C54.0036 10.6352 54.3095 11.1058 54.4742 11.3882ZM64.0272 13.9764C64.1448 13.8588 64.286 13.647 64.4742 13.3646C64.8742 12.847 65.1566 12.447 65.2977 12.2117L64.3095 11.5293C64.0977 11.9058 63.6742 12.4705 63.0625 13.247L64.0272 13.9764ZM58.4507 13.247C58.3095 13.0352 58.0977 12.7529 57.7919 12.3999C57.5095 11.9999 57.2742 11.7176 57.133 11.5529L56.2154 12.2352C56.7566 12.9646 57.1801 13.5529 57.4624 13.9999L58.4507 13.247ZM55.2977 20.2823C55.1801 20.3999 55.1095 20.4941 55.086 20.5176V13.9293H52.5213V15.4588H53.6742V20.8941C53.6742 21.4352 53.5566 21.8117 53.2977 22.047L54.1683 23.3882C54.686 22.7058 55.4624 21.8823 56.4977 20.9411C56.3801 20.2117 56.3095 19.647 56.2154 19.2235C56.0507 19.4823 55.7448 19.8352 55.2977 20.2823ZM54.1683 23.4117V23.3882L54.1448 23.4117H54.1683ZM57.0389 23.5764H58.4036V22.9646H63.0389V23.5764H64.4507V17.0352H57.0389V23.5764ZM58.4036 18.2588H63.0389V19.5529H58.4036V18.2588ZM58.4036 20.5882H63.0389V21.8117H58.4036V20.5882Z",
+              "fill": "#3859FF"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M65.3213 10.7999V9.647H62.9213C63.2742 9.08229 63.5095 8.72935 63.5801 8.6117C63.6977 8.39994 63.7683 8.25876 63.8625 8.18817L62.4977 7.88229C62.1683 8.49405 61.8154 9.08229 61.4154 9.647H60.0977C59.9566 9.4117 59.7213 9.03523 59.3919 8.54111C59.2036 8.25876 59.0625 8.02347 58.9448 7.85876L57.6272 8.16464C57.8154 8.39994 58.1213 8.89405 58.5448 9.62347H56.2625V10.7764H58.8272V14.7764H55.7683V15.9293H65.6742V14.7764H62.5213V10.7999H65.3213ZM61.3448 14.7764H60.0977V10.7764H61.3448V14.7764Z",
+              "fill": "#3859FF"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ZhipuaiTextCn"
 }
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
index 2501b6e200..62e3689726 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ZhipuaiTextCn.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ZhipuaiTextCn.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/llm/index.ts b/web/app/components/base/icons/src/public/llm/index.ts
index fa4a1bdd10..dd76c9593b 100644
--- a/web/app/components/base/icons/src/public/llm/index.ts
+++ b/web/app/components/base/icons/src/public/llm/index.ts
@@ -1,29 +1,29 @@
+export { default as Anthropic } from './Anthropic'
 export { default as AnthropicDark } from './AnthropicDark'
 export { default as AnthropicLight } from './AnthropicLight'
 export { default as AnthropicText } from './AnthropicText'
-export { default as Anthropic } from './Anthropic'
-export { default as AzureOpenaiServiceText } from './AzureOpenaiServiceText'
-export { default as AzureOpenaiService } from './AzureOpenaiService'
-export { default as AzureaiText } from './AzureaiText'
 export { default as Azureai } from './Azureai'
-export { default as BaichuanText } from './BaichuanText'
+export { default as AzureaiText } from './AzureaiText'
+export { default as AzureOpenaiService } from './AzureOpenaiService'
+export { default as AzureOpenaiServiceText } from './AzureOpenaiServiceText'
 export { default as Baichuan } from './Baichuan'
-export { default as ChatglmText } from './ChatglmText'
+export { default as BaichuanText } from './BaichuanText'
 export { default as Chatglm } from './Chatglm'
-export { default as CohereText } from './CohereText'
+export { default as ChatglmText } from './ChatglmText'
 export { default as Cohere } from './Cohere'
+export { default as CohereText } from './CohereText'
 export { default as Gpt3 } from './Gpt3'
 export { default as Gpt4 } from './Gpt4'
-export { default as HuggingfaceTextHub } from './HuggingfaceTextHub'
-export { default as HuggingfaceText } from './HuggingfaceText'
 export { default as Huggingface } from './Huggingface'
-export { default as IflytekSparkTextCn } from './IflytekSparkTextCn'
-export { default as IflytekSparkText } from './IflytekSparkText'
+export { default as HuggingfaceText } from './HuggingfaceText'
+export { default as HuggingfaceTextHub } from './HuggingfaceTextHub'
 export { default as IflytekSpark } from './IflytekSpark'
-export { default as JinaText } from './JinaText'
+export { default as IflytekSparkText } from './IflytekSparkText'
+export { default as IflytekSparkTextCn } from './IflytekSparkTextCn'
 export { default as Jina } from './Jina'
-export { default as LocalaiText } from './LocalaiText'
+export { default as JinaText } from './JinaText'
 export { default as Localai } from './Localai'
+export { default as LocalaiText } from './LocalaiText'
 export { default as Microsoft } from './Microsoft'
 export { default as OpenaiBlack } from './OpenaiBlack'
 export { default as OpenaiBlue } from './OpenaiBlue'
@@ -33,12 +33,12 @@ export { default as OpenaiText } from './OpenaiText'
 export { default as OpenaiTransparent } from './OpenaiTransparent'
 export { default as OpenaiViolet } from './OpenaiViolet'
 export { default as OpenaiYellow } from './OpenaiYellow'
-export { default as OpenllmText } from './OpenllmText'
 export { default as Openllm } from './Openllm'
-export { default as ReplicateText } from './ReplicateText'
+export { default as OpenllmText } from './OpenllmText'
 export { default as Replicate } from './Replicate'
-export { default as XorbitsInferenceText } from './XorbitsInferenceText'
+export { default as ReplicateText } from './ReplicateText'
 export { default as XorbitsInference } from './XorbitsInference'
-export { default as ZhipuaiTextCn } from './ZhipuaiTextCn'
-export { default as ZhipuaiText } from './ZhipuaiText'
+export { default as XorbitsInferenceText } from './XorbitsInferenceText'
 export { default as Zhipuai } from './Zhipuai'
+export { default as ZhipuaiText } from './ZhipuaiText'
+export { default as ZhipuaiTextCn } from './ZhipuaiTextCn'
diff --git a/web/app/components/base/icons/src/public/model/Checked.json b/web/app/components/base/icons/src/public/model/Checked.json
index 7e96db728f..d2ac3a5976 100644
--- a/web/app/components/base/icons/src/public/model/Checked.json
+++ b/web/app/components/base/icons/src/public/model/Checked.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M13.3332 4L5.99984 11.3333L2.6665 8",
-					"stroke": "#155EEF",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Checked"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M13.3332 4L5.99984 11.3333L2.6665 8",
+          "stroke": "#155EEF",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Checked"
 }
diff --git a/web/app/components/base/icons/src/public/model/Checked.tsx b/web/app/components/base/icons/src/public/model/Checked.tsx
index 7854479cd2..7e6a62acdf 100644
--- a/web/app/components/base/icons/src/public/model/Checked.tsx
+++ b/web/app/components/base/icons/src/public/model/Checked.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Checked.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Checked.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/other/DefaultToolIcon.json b/web/app/components/base/icons/src/public/other/DefaultToolIcon.json
index 32786d2281..899430c9a0 100644
--- a/web/app/components/base/icons/src/public/other/DefaultToolIcon.json
+++ b/web/app/components/base/icons/src/public/other/DefaultToolIcon.json
@@ -1,81 +1,81 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.5"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"width": "24",
-							"height": "24",
-							"rx": "6",
-							"fill": "#E5E7EB"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"x": "0.25",
-							"y": "0.25",
-							"width": "23.5",
-							"height": "23.5",
-							"rx": "5.75",
-							"stroke": "black",
-							"stroke-opacity": "0.05",
-							"stroke-width": "0.5"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M11.8876 5.30588C11.9601 5.26959 12.019 5.21074 12.0553 5.13817L12.414 4.4208C12.5522 4.1444 12.9466 4.1444 13.0848 4.4208L13.4435 5.13817C13.4797 5.21074 13.5386 5.26959 13.6112 5.30588L14.3285 5.66457C14.6049 5.80276 14.6049 6.19719 14.3285 6.33539L13.6112 6.69407C13.5386 6.73036 13.4797 6.78921 13.4435 6.86178L13.0848 7.57916C12.9466 7.85555 12.5522 7.85555 12.414 7.57916L12.0553 6.86178C12.019 6.78921 11.9601 6.73036 11.8876 6.69407L11.1702 6.33539C10.8938 6.19719 10.8938 5.80276 11.1702 5.66457L11.8876 5.30588Z",
-							"fill": "#667085"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M7.88756 6.55588C7.96013 6.51959 8.01898 6.46074 8.05527 6.38817L8.28895 5.9208C8.42715 5.6444 8.82158 5.6444 8.95978 5.9208L9.19346 6.38817C9.22975 6.46074 9.2886 6.51959 9.36117 6.55588L9.82854 6.78956C10.1049 6.92776 10.1049 7.32219 9.82854 7.46039L9.36117 7.69407C9.2886 7.73036 9.22975 7.78921 9.19346 7.86178L8.95978 8.32915C8.82158 8.60555 8.42715 8.60555 8.28895 8.32915L8.05527 7.86178C8.01898 7.78921 7.96013 7.73036 7.88756 7.69407L7.42019 7.46039C7.14379 7.32219 7.14379 6.92776 7.42019 6.78957L7.88756 6.55588Z",
-							"fill": "#667085"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M17.9417 5.91012C18.1985 6.08504 18.2648 6.43496 18.0899 6.6917L16.0062 9.74998H17.4375C17.7482 9.74998 18 10.0018 18 10.3125V18.1875C18 18.9124 17.4124 19.5 16.6875 19.5H7.3125C6.58763 19.5 6 18.9123 6 18.1875V10.3125C6 10.0018 6.25184 9.74998 6.5625 9.74998H14.6449L17.1601 6.05826C17.3351 5.80152 17.685 5.7352 17.9417 5.91012ZM10.3125 12.75C10.0018 12.75 9.75 13.0018 9.75 13.3125C9.75 13.6231 10.0018 13.875 10.3125 13.875H13.6875C13.9982 13.875 14.25 13.6231 14.25 13.3125C14.25 13.0018 13.9982 12.75 13.6875 12.75H10.3125Z",
-							"fill": "#667085"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "DefaultToolIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.5"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "width": "24",
+              "height": "24",
+              "rx": "6",
+              "fill": "#E5E7EB"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "x": "0.25",
+              "y": "0.25",
+              "width": "23.5",
+              "height": "23.5",
+              "rx": "5.75",
+              "stroke": "black",
+              "stroke-opacity": "0.05",
+              "stroke-width": "0.5"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M11.8876 5.30588C11.9601 5.26959 12.019 5.21074 12.0553 5.13817L12.414 4.4208C12.5522 4.1444 12.9466 4.1444 13.0848 4.4208L13.4435 5.13817C13.4797 5.21074 13.5386 5.26959 13.6112 5.30588L14.3285 5.66457C14.6049 5.80276 14.6049 6.19719 14.3285 6.33539L13.6112 6.69407C13.5386 6.73036 13.4797 6.78921 13.4435 6.86178L13.0848 7.57916C12.9466 7.85555 12.5522 7.85555 12.414 7.57916L12.0553 6.86178C12.019 6.78921 11.9601 6.73036 11.8876 6.69407L11.1702 6.33539C10.8938 6.19719 10.8938 5.80276 11.1702 5.66457L11.8876 5.30588Z",
+              "fill": "#667085"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M7.88756 6.55588C7.96013 6.51959 8.01898 6.46074 8.05527 6.38817L8.28895 5.9208C8.42715 5.6444 8.82158 5.6444 8.95978 5.9208L9.19346 6.38817C9.22975 6.46074 9.2886 6.51959 9.36117 6.55588L9.82854 6.78956C10.1049 6.92776 10.1049 7.32219 9.82854 7.46039L9.36117 7.69407C9.2886 7.73036 9.22975 7.78921 9.19346 7.86178L8.95978 8.32915C8.82158 8.60555 8.42715 8.60555 8.28895 8.32915L8.05527 7.86178C8.01898 7.78921 7.96013 7.73036 7.88756 7.69407L7.42019 7.46039C7.14379 7.32219 7.14379 6.92776 7.42019 6.78957L7.88756 6.55588Z",
+              "fill": "#667085"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M17.9417 5.91012C18.1985 6.08504 18.2648 6.43496 18.0899 6.6917L16.0062 9.74998H17.4375C17.7482 9.74998 18 10.0018 18 10.3125V18.1875C18 18.9124 17.4124 19.5 16.6875 19.5H7.3125C6.58763 19.5 6 18.9123 6 18.1875V10.3125C6 10.0018 6.25184 9.74998 6.5625 9.74998H14.6449L17.1601 6.05826C17.3351 5.80152 17.685 5.7352 17.9417 5.91012ZM10.3125 12.75C10.0018 12.75 9.75 13.0018 9.75 13.3125C9.75 13.6231 10.0018 13.875 10.3125 13.875H13.6875C13.9982 13.875 14.25 13.6231 14.25 13.3125C14.25 13.0018 13.9982 12.75 13.6875 12.75H10.3125Z",
+              "fill": "#667085"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "DefaultToolIcon"
 }
diff --git a/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx b/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
index 60c57606ac..4f874ffc2d 100644
--- a/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
+++ b/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DefaultToolIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DefaultToolIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/other/Icon3Dots.json b/web/app/components/base/icons/src/public/other/Icon3Dots.json
index b59b293cec..77886684e4 100644
--- a/web/app/components/base/icons/src/public/other/Icon3Dots.json
+++ b/web/app/components/base/icons/src/public/other/Icon3Dots.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103",
-					"stroke": "#667085",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Icon3Dots"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103",
+          "stroke": "#667085",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Icon3Dots"
 }
diff --git a/web/app/components/base/icons/src/public/other/Icon3Dots.tsx b/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
index 7b2390f7c1..bd0bf9d450 100644
--- a/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
+++ b/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Icon3Dots.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Icon3Dots.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/other/Message3Fill.json b/web/app/components/base/icons/src/public/other/Message3Fill.json
index ae84890abc..53a56654ef 100644
--- a/web/app/components/base/icons/src/public/other/Message3Fill.json
+++ b/web/app/components/base/icons/src/public/other/Message3Fill.json
@@ -1,173 +1,173 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "message-3-fill"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector",
-							"filter": "url(#filter0_d_1071_49501)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2 8.99374C2 5.68349 4.67654 3 8.00066 3H15.9993C19.3134 3 22 5.69478 22 8.99374V21H8.00066C4.68659 21 2 18.3052 2 15.0063V8.99374ZM14 11V13H16V11H14ZM8 11V13H10V11H8Z",
-									"fill": "url(#paint0_linear_1071_49501)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_1071_49501",
-							"x": "1.5",
-							"y": "2.75",
-							"width": "21",
-							"height": "19",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_1071_49501"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_1071_49501",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_1071_49501",
-							"x1": "12",
-							"y1": "3",
-							"x2": "12",
-							"y2": "21",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#296DFF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#0BA5EC"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Message3Fill"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "message-3-fill"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector",
+              "filter": "url(#filter0_d_1071_49501)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2 8.99374C2 5.68349 4.67654 3 8.00066 3H15.9993C19.3134 3 22 5.69478 22 8.99374V21H8.00066C4.68659 21 2 18.3052 2 15.0063V8.99374ZM14 11V13H16V11H14ZM8 11V13H10V11H8Z",
+                  "fill": "url(#paint0_linear_1071_49501)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_1071_49501",
+              "x": "1.5",
+              "y": "2.75",
+              "width": "21",
+              "height": "19",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_1071_49501"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_1071_49501",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_1071_49501",
+              "x1": "12",
+              "y1": "3",
+              "x2": "12",
+              "y2": "21",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#296DFF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#0BA5EC"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Message3Fill"
 }
diff --git a/web/app/components/base/icons/src/public/other/Message3Fill.tsx b/web/app/components/base/icons/src/public/other/Message3Fill.tsx
index fc15d0375e..e2b9143cd5 100644
--- a/web/app/components/base/icons/src/public/other/Message3Fill.tsx
+++ b/web/app/components/base/icons/src/public/other/Message3Fill.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Message3Fill.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Message3Fill.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/other/RowStruct.json b/web/app/components/base/icons/src/public/other/RowStruct.json
index 49ef71753c..98ac75c5df 100644
--- a/web/app/components/base/icons/src/public/other/RowStruct.json
+++ b/web/app/components/base/icons/src/public/other/RowStruct.json
@@ -1,56 +1,56 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "624",
-			"height": "48",
-			"viewBox": "0 0 624 48",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "8",
-					"y": "7",
-					"width": "16",
-					"height": "16",
-					"rx": "5",
-					"fill": "#F2F4F7"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "32",
-					"y": "10",
-					"width": "233",
-					"height": "10",
-					"rx": "3",
-					"fill": "#EAECF0"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "32",
-					"y": "31",
-					"width": "345",
-					"height": "6",
-					"rx": "3",
-					"fill": "#F2F4F7"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "RowStruct"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "624",
+      "height": "48",
+      "viewBox": "0 0 624 48",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "8",
+          "y": "7",
+          "width": "16",
+          "height": "16",
+          "rx": "5",
+          "fill": "#F2F4F7"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "32",
+          "y": "10",
+          "width": "233",
+          "height": "10",
+          "rx": "3",
+          "fill": "#EAECF0"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "32",
+          "y": "31",
+          "width": "345",
+          "height": "6",
+          "rx": "3",
+          "fill": "#F2F4F7"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "RowStruct"
 }
diff --git a/web/app/components/base/icons/src/public/other/RowStruct.tsx b/web/app/components/base/icons/src/public/other/RowStruct.tsx
index cb20dc973e..32346156bb 100644
--- a/web/app/components/base/icons/src/public/other/RowStruct.tsx
+++ b/web/app/components/base/icons/src/public/other/RowStruct.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './RowStruct.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './RowStruct.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/other/index.ts b/web/app/components/base/icons/src/public/other/index.ts
index a7558ca0ab..71887f11cc 100644
--- a/web/app/components/base/icons/src/public/other/index.ts
+++ b/web/app/components/base/icons/src/public/other/index.ts
@@ -1,4 +1,4 @@
-export { default as Icon3Dots } from './Icon3Dots'
 export { default as DefaultToolIcon } from './DefaultToolIcon'
+export { default as Icon3Dots } from './Icon3Dots'
 export { default as Message3Fill } from './Message3Fill'
 export { default as RowStruct } from './RowStruct'
diff --git a/web/app/components/base/icons/src/public/plugins/Google.json b/web/app/components/base/icons/src/public/plugins/Google.json
index 198050e04c..8745e393bc 100644
--- a/web/app/components/base/icons/src/public/plugins/Google.json
+++ b/web/app/components/base/icons/src/public/plugins/Google.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M22.501 12.2331C22.501 11.3698 22.4296 10.7398 22.2748 10.0864H12.2153V13.983H18.12C18.001 14.9514 17.3582 16.4097 15.9296 17.3897L15.9096 17.5202L19.0902 19.9349L19.3106 19.9564C21.3343 18.1247 22.501 15.4297 22.501 12.2331Z",
-					"fill": "#4285F4"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12.2147 22.5001C15.1075 22.5001 17.5361 21.5667 19.3099 19.9567L15.929 17.39C15.0242 18.0083 13.8099 18.44 12.2147 18.44C9.38142 18.44 6.97669 16.6083 6.11947 14.0767L5.99382 14.0871L2.68656 16.5955L2.64331 16.7133C4.40519 20.1433 8.02423 22.5001 12.2147 22.5001Z",
-					"fill": "#34A853"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.11997 14.0765C5.89379 13.4232 5.76289 12.7231 5.76289 11.9998C5.76289 11.2764 5.89379 10.5765 6.10807 9.92313L6.10208 9.78398L2.75337 7.23535L2.64381 7.28642C1.91765 8.70977 1.50098 10.3081 1.50098 11.9998C1.50098 13.6915 1.91765 15.2897 2.64381 16.7131L6.11997 14.0765Z",
-					"fill": "#FBBC05"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12.2148 5.55997C14.2267 5.55997 15.5838 6.41163 16.3576 7.12335L19.3814 4.23C17.5243 2.53834 15.1076 1.5 12.2148 1.5C8.02426 1.5 4.4052 3.85665 2.64331 7.28662L6.10759 9.92332C6.97672 7.39166 9.38146 5.55997 12.2148 5.55997Z",
-					"fill": "#EB4335"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Google"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M22.501 12.2331C22.501 11.3698 22.4296 10.7398 22.2748 10.0864H12.2153V13.983H18.12C18.001 14.9514 17.3582 16.4097 15.9296 17.3897L15.9096 17.5202L19.0902 19.9349L19.3106 19.9564C21.3343 18.1247 22.501 15.4297 22.501 12.2331Z",
+          "fill": "#4285F4"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12.2147 22.5001C15.1075 22.5001 17.5361 21.5667 19.3099 19.9567L15.929 17.39C15.0242 18.0083 13.8099 18.44 12.2147 18.44C9.38142 18.44 6.97669 16.6083 6.11947 14.0767L5.99382 14.0871L2.68656 16.5955L2.64331 16.7133C4.40519 20.1433 8.02423 22.5001 12.2147 22.5001Z",
+          "fill": "#34A853"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.11997 14.0765C5.89379 13.4232 5.76289 12.7231 5.76289 11.9998C5.76289 11.2764 5.89379 10.5765 6.10807 9.92313L6.10208 9.78398L2.75337 7.23535L2.64381 7.28642C1.91765 8.70977 1.50098 10.3081 1.50098 11.9998C1.50098 13.6915 1.91765 15.2897 2.64381 16.7131L6.11997 14.0765Z",
+          "fill": "#FBBC05"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12.2148 5.55997C14.2267 5.55997 15.5838 6.41163 16.3576 7.12335L19.3814 4.23C17.5243 2.53834 15.1076 1.5 12.2148 1.5C8.02426 1.5 4.4052 3.85665 2.64331 7.28662L6.10759 9.92332C6.97672 7.39166 9.38146 5.55997 12.2148 5.55997Z",
+          "fill": "#EB4335"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Google"
 }
diff --git a/web/app/components/base/icons/src/public/plugins/Google.tsx b/web/app/components/base/icons/src/public/plugins/Google.tsx
index 3e19ecd2f8..a818c6494c 100644
--- a/web/app/components/base/icons/src/public/plugins/Google.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Google.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Google.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Google.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/plugins/PartnerDark.json b/web/app/components/base/icons/src/public/plugins/PartnerDark.json
index af3f2083e4..06fd98a8db 100644
--- a/web/app/components/base/icons/src/public/plugins/PartnerDark.json
+++ b/web/app/components/base/icons/src/public/plugins/PartnerDark.json
@@ -1,447 +1,447 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Partner"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_6296_109592",
-							"style": "mask-type:alpha",
-							"maskUnits": "userSpaceOnUse",
-							"x": "1",
-							"y": "0",
-							"width": "18",
-							"height": "20"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Mask"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "#932F19"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "url(#paint0_linear_6296_109592)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.47222 1.78016C8.45993 1.20991 8.90155 0.958665 9.36471 0.860217C9.78356 0.771189 10.2164 0.771189 10.6353 0.860217C11.0984 0.958665 11.5401 1.20991 12.5278 1.78016L15.8547 3.70096C16.8424 4.27121 17.2808 4.52805 17.5976 4.87994C17.8842 5.19815 18.1006 5.57304 18.2329 5.98028C18.3792 6.43061 18.3825 6.9387 18.3825 8.0792V11.9208C18.3825 13.0613 18.3792 13.5694 18.2329 14.0197C18.1006 14.427 17.8842 14.8018 17.5976 15.1201C17.2808 15.4719 16.8424 15.7288 15.8547 16.299L12.5278 18.2198C11.5401 18.7901 11.0984 19.0413 10.6353 19.1398C10.2164 19.2288 9.78356 19.2288 9.36471 19.1398C8.90155 19.0413 8.45993 18.7901 7.47222 18.2198L4.1453 16.299C3.1576 15.7288 2.7192 15.4719 2.40236 15.1201C2.11584 14.8018 1.89939 14.427 1.76707 14.0197C1.62075 13.5694 1.61752 13.0613 1.61752 11.9208V8.0792C1.61752 6.9387 1.62075 6.43061 1.76707 5.98028C1.89939 5.57304 2.11584 5.19815 2.40236 4.87994C2.7192 4.52805 3.1576 4.27121 4.1453 3.70096L7.47222 1.78016Z",
-											"stroke": "url(#paint1_linear_6296_109592)",
-											"stroke-opacity": "0.8",
-											"stroke-width": "0.555556"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_6296_109592)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "badge-bg"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "#932F19"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "url(#paint2_linear_6296_109592)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.58333 1.97261C8.58402 1.39487 8.99036 1.16698 9.41092 1.07758C9.7993 0.99503 10.2007 0.99503 10.5891 1.07758C11.0096 1.16698 11.416 1.39487 12.4167 1.97261L15.7436 3.89341C16.7443 4.47116 17.1448 4.70911 17.4325 5.02863C17.6982 5.3237 17.8989 5.67133 18.0216 6.04895C18.1544 6.45786 18.1603 6.92371 18.1603 8.0792V11.9208C18.1603 13.0763 18.1544 13.5421 18.0216 13.951C17.8989 14.3287 17.6982 14.6763 17.4325 14.9714C17.1448 15.2909 16.7443 15.5288 15.7436 16.1066L12.4167 18.0274C11.416 18.6051 11.0096 18.833 10.5891 18.9224C10.2007 19.005 9.7993 19.005 9.41092 18.9224C8.99036 18.833 8.58402 18.6051 7.58333 18.0274L4.25641 16.1066C3.25572 15.5288 2.8552 15.2909 2.5675 14.9714C2.30182 14.6763 2.10112 14.3287 1.97842 13.951C1.84556 13.5421 1.83975 13.0763 1.83975 11.9208V8.0792C1.83975 6.92371 1.84556 6.45786 1.97842 6.04895C2.10112 5.67133 2.30182 5.3237 2.5675 5.02863C2.8552 4.70911 3.25572 4.47116 4.25641 3.89341L7.58333 1.97261Z",
-											"stroke": "url(#paint3_linear_6296_109592)",
-											"stroke-opacity": "0.8"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "handshake",
-									"filter": "url(#filter0_d_6296_109592)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M11.0969 9.64841C10.895 9.44642 10.5675 9.44642 10.3656 9.64841L9.99991 10.0141C9.59596 10.418 8.94109 10.418 8.53717 10.0141C8.13325 9.61015 8.13325 8.95527 8.53717 8.55135L11.4491 5.63868C12.5371 5.39255 13.7238 5.69302 14.5709 6.54011C15.8221 7.79128 15.8807 9.78339 14.7469 11.104L13.6567 12.2081L11.0969 9.64841ZM5.42889 6.54011C6.55286 5.41614 8.27475 5.25452 9.57067 6.05524L7.80581 7.81999C6.99797 8.62783 6.99797 9.9376 7.80581 10.7454C8.58917 11.5288 9.8445 11.5525 10.6564 10.8167L10.7313 10.7454L12.9253 12.9395L10.7313 15.1336C10.3273 15.5375 9.67245 15.5375 9.26855 15.1336L5.42889 11.2939C4.11615 9.9812 4.11615 7.85284 5.42889 6.54011Z",
-											"fill": "url(#paint4_linear_6296_109592)",
-											"shape-rendering": "crispEdges"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "highlight",
-									"opacity": "0.5",
-									"d": "M0 0H15.5556L5.26663 20H0V0Z",
-									"fill": "url(#paint5_linear_6296_109592)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_6296_109592",
-							"x": "3.94434",
-							"y": "5.30556",
-							"width": "12.1111",
-							"height": "10.881",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_6296_109592"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_6296_109592",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_6296_109592",
-							"x1": "0",
-							"y1": "0",
-							"x2": "22.6412",
-							"y2": "1.78551",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FF692E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E04F16"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_6296_109592",
-							"x1": "8.55422",
-							"y1": "-1.28187e-07",
-							"x2": "19.7802",
-							"y2": "12.7346",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#FF4405"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_6296_109592",
-							"x1": "0",
-							"y1": "0",
-							"x2": "22.6412",
-							"y2": "1.78551",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FF692E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E04F16"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint3_linear_6296_109592",
-							"x1": "8.55422",
-							"y1": "-1.28187e-07",
-							"x2": "19.7802",
-							"y2": "12.7346",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#FF4405"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint4_linear_6296_109592",
-							"x1": "9.99989",
-							"y1": "5.55556",
-							"x2": "9.99989",
-							"y2": "15.4365",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.8"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint5_linear_6296_109592",
-							"x1": "-4.78632",
-							"y1": "4.375",
-							"x2": "16.2164",
-							"y2": "10.4",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PartnerDark"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Partner"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_6296_109592",
+              "style": "mask-type:alpha",
+              "maskUnits": "userSpaceOnUse",
+              "x": "1",
+              "y": "0",
+              "width": "18",
+              "height": "20"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Mask"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "#932F19"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "url(#paint0_linear_6296_109592)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.47222 1.78016C8.45993 1.20991 8.90155 0.958665 9.36471 0.860217C9.78356 0.771189 10.2164 0.771189 10.6353 0.860217C11.0984 0.958665 11.5401 1.20991 12.5278 1.78016L15.8547 3.70096C16.8424 4.27121 17.2808 4.52805 17.5976 4.87994C17.8842 5.19815 18.1006 5.57304 18.2329 5.98028C18.3792 6.43061 18.3825 6.9387 18.3825 8.0792V11.9208C18.3825 13.0613 18.3792 13.5694 18.2329 14.0197C18.1006 14.427 17.8842 14.8018 17.5976 15.1201C17.2808 15.4719 16.8424 15.7288 15.8547 16.299L12.5278 18.2198C11.5401 18.7901 11.0984 19.0413 10.6353 19.1398C10.2164 19.2288 9.78356 19.2288 9.36471 19.1398C8.90155 19.0413 8.45993 18.7901 7.47222 18.2198L4.1453 16.299C3.1576 15.7288 2.7192 15.4719 2.40236 15.1201C2.11584 14.8018 1.89939 14.427 1.76707 14.0197C1.62075 13.5694 1.61752 13.0613 1.61752 11.9208V8.0792C1.61752 6.9387 1.62075 6.43061 1.76707 5.98028C1.89939 5.57304 2.11584 5.19815 2.40236 4.87994C2.7192 4.52805 3.1576 4.27121 4.1453 3.70096L7.47222 1.78016Z",
+                      "stroke": "url(#paint1_linear_6296_109592)",
+                      "stroke-opacity": "0.8",
+                      "stroke-width": "0.555556"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_6296_109592)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "badge-bg"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "#932F19"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "url(#paint2_linear_6296_109592)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.58333 1.97261C8.58402 1.39487 8.99036 1.16698 9.41092 1.07758C9.7993 0.99503 10.2007 0.99503 10.5891 1.07758C11.0096 1.16698 11.416 1.39487 12.4167 1.97261L15.7436 3.89341C16.7443 4.47116 17.1448 4.70911 17.4325 5.02863C17.6982 5.3237 17.8989 5.67133 18.0216 6.04895C18.1544 6.45786 18.1603 6.92371 18.1603 8.0792V11.9208C18.1603 13.0763 18.1544 13.5421 18.0216 13.951C17.8989 14.3287 17.6982 14.6763 17.4325 14.9714C17.1448 15.2909 16.7443 15.5288 15.7436 16.1066L12.4167 18.0274C11.416 18.6051 11.0096 18.833 10.5891 18.9224C10.2007 19.005 9.7993 19.005 9.41092 18.9224C8.99036 18.833 8.58402 18.6051 7.58333 18.0274L4.25641 16.1066C3.25572 15.5288 2.8552 15.2909 2.5675 14.9714C2.30182 14.6763 2.10112 14.3287 1.97842 13.951C1.84556 13.5421 1.83975 13.0763 1.83975 11.9208V8.0792C1.83975 6.92371 1.84556 6.45786 1.97842 6.04895C2.10112 5.67133 2.30182 5.3237 2.5675 5.02863C2.8552 4.70911 3.25572 4.47116 4.25641 3.89341L7.58333 1.97261Z",
+                      "stroke": "url(#paint3_linear_6296_109592)",
+                      "stroke-opacity": "0.8"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "handshake",
+                  "filter": "url(#filter0_d_6296_109592)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M11.0969 9.64841C10.895 9.44642 10.5675 9.44642 10.3656 9.64841L9.99991 10.0141C9.59596 10.418 8.94109 10.418 8.53717 10.0141C8.13325 9.61015 8.13325 8.95527 8.53717 8.55135L11.4491 5.63868C12.5371 5.39255 13.7238 5.69302 14.5709 6.54011C15.8221 7.79128 15.8807 9.78339 14.7469 11.104L13.6567 12.2081L11.0969 9.64841ZM5.42889 6.54011C6.55286 5.41614 8.27475 5.25452 9.57067 6.05524L7.80581 7.81999C6.99797 8.62783 6.99797 9.9376 7.80581 10.7454C8.58917 11.5288 9.8445 11.5525 10.6564 10.8167L10.7313 10.7454L12.9253 12.9395L10.7313 15.1336C10.3273 15.5375 9.67245 15.5375 9.26855 15.1336L5.42889 11.2939C4.11615 9.9812 4.11615 7.85284 5.42889 6.54011Z",
+                      "fill": "url(#paint4_linear_6296_109592)",
+                      "shape-rendering": "crispEdges"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "highlight",
+                  "opacity": "0.5",
+                  "d": "M0 0H15.5556L5.26663 20H0V0Z",
+                  "fill": "url(#paint5_linear_6296_109592)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_6296_109592",
+              "x": "3.94434",
+              "y": "5.30556",
+              "width": "12.1111",
+              "height": "10.881",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_6296_109592"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_6296_109592",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_6296_109592",
+              "x1": "0",
+              "y1": "0",
+              "x2": "22.6412",
+              "y2": "1.78551",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FF692E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E04F16"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_6296_109592",
+              "x1": "8.55422",
+              "y1": "-1.28187e-07",
+              "x2": "19.7802",
+              "y2": "12.7346",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#FF4405"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_6296_109592",
+              "x1": "0",
+              "y1": "0",
+              "x2": "22.6412",
+              "y2": "1.78551",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FF692E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E04F16"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint3_linear_6296_109592",
+              "x1": "8.55422",
+              "y1": "-1.28187e-07",
+              "x2": "19.7802",
+              "y2": "12.7346",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#FF4405"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint4_linear_6296_109592",
+              "x1": "9.99989",
+              "y1": "5.55556",
+              "x2": "9.99989",
+              "y2": "15.4365",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.8"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint5_linear_6296_109592",
+              "x1": "-4.78632",
+              "y1": "4.375",
+              "x2": "16.2164",
+              "y2": "10.4",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PartnerDark"
 }
diff --git a/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx b/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx
index c944657858..22218c70b0 100644
--- a/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx
+++ b/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PartnerDark.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PartnerDark.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/plugins/PartnerLight.json b/web/app/components/base/icons/src/public/plugins/PartnerLight.json
index 3d7391bcaa..ba156a8bba 100644
--- a/web/app/components/base/icons/src/public/plugins/PartnerLight.json
+++ b/web/app/components/base/icons/src/public/plugins/PartnerLight.json
@@ -1,446 +1,446 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Partner"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_6291_109635",
-							"style": "mask-type:alpha",
-							"maskUnits": "userSpaceOnUse",
-							"x": "1",
-							"y": "0",
-							"width": "18",
-							"height": "20"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Mask"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "#F9DBAF"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "url(#paint0_linear_6291_109635)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.47222 1.78016C8.45993 1.20991 8.90155 0.958665 9.36471 0.860217C9.78356 0.771189 10.2164 0.771189 10.6353 0.860217C11.0984 0.958665 11.5401 1.20991 12.5278 1.78016L15.8547 3.70096C16.8424 4.27121 17.2808 4.52805 17.5976 4.87994C17.8842 5.19815 18.1006 5.57304 18.2329 5.98028C18.3792 6.43061 18.3825 6.9387 18.3825 8.0792V11.9208C18.3825 13.0613 18.3792 13.5694 18.2329 14.0197C18.1006 14.427 17.8842 14.8018 17.5976 15.1201C17.2808 15.4719 16.8424 15.7288 15.8547 16.299L12.5278 18.2198C11.5401 18.7901 11.0984 19.0413 10.6353 19.1398C10.2164 19.2288 9.78356 19.2288 9.36471 19.1398C8.90155 19.0413 8.45993 18.7901 7.47222 18.2198L4.1453 16.299C3.1576 15.7288 2.7192 15.4719 2.40236 15.1201C2.11584 14.8018 1.89939 14.427 1.76707 14.0197C1.62075 13.5694 1.61752 13.0613 1.61752 11.9208V8.0792C1.61752 6.9387 1.62075 6.43061 1.76707 5.98028C1.89939 5.57304 2.11584 5.19815 2.40236 4.87994C2.7192 4.52805 3.1576 4.27121 4.1453 3.70096L7.47222 1.78016Z",
-											"stroke": "url(#paint1_linear_6291_109635)",
-											"stroke-opacity": "0.8",
-											"stroke-width": "0.555556"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_6291_109635)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "badge-bg"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "#F9DBAF"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
-											"fill": "url(#paint2_linear_6291_109635)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M7.58333 1.97261C8.58402 1.39487 8.99036 1.16698 9.41092 1.07758C9.7993 0.99503 10.2007 0.99503 10.5891 1.07758C11.0096 1.16698 11.416 1.39487 12.4167 1.97261L15.7436 3.89341C16.7443 4.47116 17.1448 4.70911 17.4325 5.02863C17.6982 5.3237 17.8989 5.67133 18.0216 6.04895C18.1544 6.45786 18.1603 6.92371 18.1603 8.0792V11.9208C18.1603 13.0763 18.1544 13.5421 18.0216 13.951C17.8989 14.3287 17.6982 14.6763 17.4325 14.9714C17.1448 15.2909 16.7443 15.5288 15.7436 16.1066L12.4167 18.0274C11.416 18.6051 11.0096 18.833 10.5891 18.9224C10.2007 19.005 9.7993 19.005 9.41092 18.9224C8.99036 18.833 8.58402 18.6051 7.58333 18.0274L4.25641 16.1066C3.25572 15.5288 2.8552 15.2909 2.5675 14.9714C2.30182 14.6763 2.10112 14.3287 1.97842 13.951C1.84556 13.5421 1.83975 13.0763 1.83975 11.9208V8.0792C1.83975 6.92371 1.84556 6.45786 1.97842 6.04895C2.10112 5.67133 2.30182 5.3237 2.5675 5.02863C2.8552 4.70911 3.25572 4.47116 4.25641 3.89341L7.58333 1.97261Z",
-											"stroke": "url(#paint3_linear_6291_109635)",
-											"stroke-opacity": "0.8"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "handshake",
-									"filter": "url(#filter0_d_6291_109635)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M11.0969 9.64852C10.895 9.44652 10.5675 9.44652 10.3656 9.64852L9.99991 10.0142C9.59596 10.4181 8.94109 10.4181 8.53717 10.0142C8.13325 9.61025 8.13325 8.95537 8.53717 8.55146L11.4491 5.63879C12.5371 5.39265 13.7238 5.69313 14.5709 6.54022C15.8221 7.79139 15.8807 9.7835 14.7469 11.1041L13.6567 12.2083L11.0969 9.64852ZM5.42889 6.54022C6.55286 5.41625 8.27475 5.25463 9.57067 6.05534L7.80581 7.8201C6.99797 8.62794 6.99797 9.93771 7.80581 10.7456C8.58917 11.5289 9.8445 11.5526 10.6564 10.8168L10.7313 10.7456L12.9253 12.9396L10.7313 15.1337C10.3273 15.5376 9.67245 15.5376 9.26855 15.1337L5.42889 11.294C4.11615 9.98131 4.11615 7.85295 5.42889 6.54022Z",
-											"fill": "url(#paint4_linear_6291_109635)",
-											"shape-rendering": "crispEdges"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "highlight",
-									"opacity": "0.5",
-									"d": "M0 0H15.5556L5.26663 20H0V0Z",
-									"fill": "url(#paint5_linear_6291_109635)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_6291_109635",
-							"x": "3.94434",
-							"y": "5.30566",
-							"width": "12.1111",
-							"height": "10.8809",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_6291_109635"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_6291_109635",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_6291_109635",
-							"x1": "0",
-							"y1": "0",
-							"x2": "22.6412",
-							"y2": "1.78551",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FF692E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E04F16"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_6291_109635",
-							"x1": "8.55422",
-							"y1": "-1.28187e-07",
-							"x2": "19.7802",
-							"y2": "12.7346",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E62E05"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_6291_109635",
-							"x1": "0",
-							"y1": "0",
-							"x2": "22.6412",
-							"y2": "1.78551",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FF692E"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E04F16"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint3_linear_6291_109635",
-							"x1": "8.55422",
-							"y1": "-1.28187e-07",
-							"x2": "19.7802",
-							"y2": "12.7346",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E62E05"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint4_linear_6291_109635",
-							"x1": "9.99989",
-							"y1": "5.55566",
-							"x2": "9.99989",
-							"y2": "15.4366",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint5_linear_6291_109635",
-							"x1": "-4.78632",
-							"y1": "4.375",
-							"x2": "16.2164",
-							"y2": "10.4",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.3"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PartnerLight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Partner"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_6291_109635",
+              "style": "mask-type:alpha",
+              "maskUnits": "userSpaceOnUse",
+              "x": "1",
+              "y": "0",
+              "width": "18",
+              "height": "20"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Mask"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "#F9DBAF"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "url(#paint0_linear_6291_109635)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.47222 1.78016C8.45993 1.20991 8.90155 0.958665 9.36471 0.860217C9.78356 0.771189 10.2164 0.771189 10.6353 0.860217C11.0984 0.958665 11.5401 1.20991 12.5278 1.78016L15.8547 3.70096C16.8424 4.27121 17.2808 4.52805 17.5976 4.87994C17.8842 5.19815 18.1006 5.57304 18.2329 5.98028C18.3792 6.43061 18.3825 6.9387 18.3825 8.0792V11.9208C18.3825 13.0613 18.3792 13.5694 18.2329 14.0197C18.1006 14.427 17.8842 14.8018 17.5976 15.1201C17.2808 15.4719 16.8424 15.7288 15.8547 16.299L12.5278 18.2198C11.5401 18.7901 11.0984 19.0413 10.6353 19.1398C10.2164 19.2288 9.78356 19.2288 9.36471 19.1398C8.90155 19.0413 8.45993 18.7901 7.47222 18.2198L4.1453 16.299C3.1576 15.7288 2.7192 15.4719 2.40236 15.1201C2.11584 14.8018 1.89939 14.427 1.76707 14.0197C1.62075 13.5694 1.61752 13.0613 1.61752 11.9208V8.0792C1.61752 6.9387 1.62075 6.43061 1.76707 5.98028C1.89939 5.57304 2.11584 5.19815 2.40236 4.87994C2.7192 4.52805 3.1576 4.27121 4.1453 3.70096L7.47222 1.78016Z",
+                      "stroke": "url(#paint1_linear_6291_109635)",
+                      "stroke-opacity": "0.8",
+                      "stroke-width": "0.555556"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_6291_109635)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "badge-bg"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "#F9DBAF"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.33333 1.5396C8.30481 0.978718 8.79055 0.698276 9.30696 0.58851C9.76388 0.491388 10.2361 0.491388 10.693 0.58851C11.2094 0.698276 11.6952 0.978718 12.6667 1.5396L15.9936 3.4604C16.9651 4.02128 17.4508 4.30172 17.8041 4.69407C18.1166 5.04121 18.3528 5.45018 18.4971 5.89444C18.6603 6.39655 18.6603 6.95744 18.6603 8.0792V11.9208C18.6603 13.0426 18.6603 13.6034 18.4971 14.1056C18.3528 14.5498 18.1166 14.9588 17.8041 15.3059C17.4508 15.6983 16.9651 15.9787 15.9936 16.5396L12.6667 18.4604C11.6952 19.0213 11.2094 19.3017 10.693 19.4115C10.2361 19.5086 9.76388 19.5086 9.30696 19.4115C8.79055 19.3017 8.30481 19.0213 7.33333 18.4604L4.00641 16.5396C3.03493 15.9787 2.5492 15.6983 2.19593 15.3059C1.88336 14.9588 1.64724 14.5498 1.50289 14.1056C1.33975 13.6034 1.33975 13.0426 1.33975 11.9208V8.0792C1.33975 6.95744 1.33975 6.39655 1.50289 5.89444C1.64724 5.45018 1.88336 5.04121 2.19593 4.69407C2.5492 4.30172 3.03493 4.02128 4.00641 3.4604L7.33333 1.5396Z",
+                      "fill": "url(#paint2_linear_6291_109635)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M7.58333 1.97261C8.58402 1.39487 8.99036 1.16698 9.41092 1.07758C9.7993 0.99503 10.2007 0.99503 10.5891 1.07758C11.0096 1.16698 11.416 1.39487 12.4167 1.97261L15.7436 3.89341C16.7443 4.47116 17.1448 4.70911 17.4325 5.02863C17.6982 5.3237 17.8989 5.67133 18.0216 6.04895C18.1544 6.45786 18.1603 6.92371 18.1603 8.0792V11.9208C18.1603 13.0763 18.1544 13.5421 18.0216 13.951C17.8989 14.3287 17.6982 14.6763 17.4325 14.9714C17.1448 15.2909 16.7443 15.5288 15.7436 16.1066L12.4167 18.0274C11.416 18.6051 11.0096 18.833 10.5891 18.9224C10.2007 19.005 9.7993 19.005 9.41092 18.9224C8.99036 18.833 8.58402 18.6051 7.58333 18.0274L4.25641 16.1066C3.25572 15.5288 2.8552 15.2909 2.5675 14.9714C2.30182 14.6763 2.10112 14.3287 1.97842 13.951C1.84556 13.5421 1.83975 13.0763 1.83975 11.9208V8.0792C1.83975 6.92371 1.84556 6.45786 1.97842 6.04895C2.10112 5.67133 2.30182 5.3237 2.5675 5.02863C2.8552 4.70911 3.25572 4.47116 4.25641 3.89341L7.58333 1.97261Z",
+                      "stroke": "url(#paint3_linear_6291_109635)",
+                      "stroke-opacity": "0.8"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "handshake",
+                  "filter": "url(#filter0_d_6291_109635)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M11.0969 9.64852C10.895 9.44652 10.5675 9.44652 10.3656 9.64852L9.99991 10.0142C9.59596 10.4181 8.94109 10.4181 8.53717 10.0142C8.13325 9.61025 8.13325 8.95537 8.53717 8.55146L11.4491 5.63879C12.5371 5.39265 13.7238 5.69313 14.5709 6.54022C15.8221 7.79139 15.8807 9.7835 14.7469 11.1041L13.6567 12.2083L11.0969 9.64852ZM5.42889 6.54022C6.55286 5.41625 8.27475 5.25463 9.57067 6.05534L7.80581 7.8201C6.99797 8.62794 6.99797 9.93771 7.80581 10.7456C8.58917 11.5289 9.8445 11.5526 10.6564 10.8168L10.7313 10.7456L12.9253 12.9396L10.7313 15.1337C10.3273 15.5376 9.67245 15.5376 9.26855 15.1337L5.42889 11.294C4.11615 9.98131 4.11615 7.85295 5.42889 6.54022Z",
+                      "fill": "url(#paint4_linear_6291_109635)",
+                      "shape-rendering": "crispEdges"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "highlight",
+                  "opacity": "0.5",
+                  "d": "M0 0H15.5556L5.26663 20H0V0Z",
+                  "fill": "url(#paint5_linear_6291_109635)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_6291_109635",
+              "x": "3.94434",
+              "y": "5.30566",
+              "width": "12.1111",
+              "height": "10.8809",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_6291_109635"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_6291_109635",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_6291_109635",
+              "x1": "0",
+              "y1": "0",
+              "x2": "22.6412",
+              "y2": "1.78551",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FF692E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E04F16"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_6291_109635",
+              "x1": "8.55422",
+              "y1": "-1.28187e-07",
+              "x2": "19.7802",
+              "y2": "12.7346",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E62E05"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_6291_109635",
+              "x1": "0",
+              "y1": "0",
+              "x2": "22.6412",
+              "y2": "1.78551",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FF692E"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E04F16"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint3_linear_6291_109635",
+              "x1": "8.55422",
+              "y1": "-1.28187e-07",
+              "x2": "19.7802",
+              "y2": "12.7346",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E62E05"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint4_linear_6291_109635",
+              "x1": "9.99989",
+              "y1": "5.55566",
+              "x2": "9.99989",
+              "y2": "15.4366",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint5_linear_6291_109635",
+              "x1": "-4.78632",
+              "y1": "4.375",
+              "x2": "16.2164",
+              "y2": "10.4",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.3"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PartnerLight"
 }
diff --git a/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx b/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx
index 072c6ed38c..9d4e81312c 100644
--- a/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx
+++ b/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PartnerLight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PartnerLight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/plugins/VerifiedDark.json b/web/app/components/base/icons/src/public/plugins/VerifiedDark.json
index ed228262b5..b4c61541d3 100644
--- a/web/app/components/base/icons/src/public/plugins/VerifiedDark.json
+++ b/web/app/components/base/icons/src/public/plugins/VerifiedDark.json
@@ -1,457 +1,457 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Verified"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_6296_109593",
-							"style": "mask-type:alpha",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "0",
-							"width": "20",
-							"height": "20"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Mask"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
-											"fill": "#003DC1"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
-											"fill": "url(#paint0_linear_6296_109593)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M8.27881 1.81585L8.27881 1.81585C9.2293 0.865317 10.7704 0.865301 11.721 1.81585L12.6222 2.71705L12.6222 2.71709C12.8418 2.9366 13.1395 3.05997 13.4501 3.05997H14.5059C15.8502 3.05997 16.9399 4.14972 16.9399 5.49398V6.54981C16.9399 6.86036 17.0633 7.15813 17.2828 7.37768L17.2829 7.3777L18.1841 8.2789L18.3747 8.08826L18.1841 8.27891C19.1346 9.22945 19.1346 10.7706 18.1841 11.7211L17.2829 12.6224C17.0633 12.8419 16.9399 13.1397 16.9399 13.4502V14.506C16.9399 15.8503 15.8502 16.94 14.5059 16.94H13.4501C13.1395 16.94 12.8418 17.0634 12.6222 17.2829L12.6222 17.2829L11.721 18.1841C10.7704 19.1347 9.22939 19.1347 8.27881 18.1841L7.37761 17.2829L7.37759 17.2829C7.15804 17.0634 6.86027 16.94 6.54972 16.94H5.49389C4.14962 16.94 3.05989 15.8503 3.05989 14.506V13.4502C3.05989 13.1398 2.93655 12.8419 2.71696 12.6224C2.71696 12.6223 2.71695 12.6223 2.71694 12.6223L1.81577 11.7211C0.865224 10.7706 0.865226 9.22945 1.81576 8.2789L2.71696 7.3777C2.71696 7.3777 2.71696 7.3777 2.71696 7.3777C2.93654 7.15813 3.05989 6.86033 3.05989 6.54981V5.49398C3.05989 4.14972 4.14963 3.05997 5.49389 3.05997H6.54972C6.86024 3.05997 7.15803 2.93662 7.3776 2.71706L7.37761 2.71705L8.27881 1.81585Z",
-											"stroke": "url(#paint1_linear_6296_109593)",
-											"stroke-opacity": "0.8",
-											"stroke-width": "0.539216"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_6296_109593)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "badge-bg"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
-											"fill": "#003DC1"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
-											"fill": "url(#paint2_linear_6296_109593)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M8.44172 1.97876L8.44173 1.97875C9.30224 1.11821 10.6975 1.11818 11.5581 1.97876L12.4593 2.87997L12.4593 2.88003C12.7221 3.1427 13.0784 3.29037 13.4501 3.29037H14.5059C15.723 3.29037 16.7095 4.27696 16.7095 5.49398V6.54981C16.7095 6.92148 16.8572 7.27785 17.1199 7.54057L17.1199 7.54061L18.0211 8.44182L18.3747 8.08826L18.0211 8.44182C18.8817 9.30239 18.8817 10.6976 18.0211 11.5582L17.1199 12.4594C16.8572 12.7222 16.7095 13.0786 16.7095 13.4502V14.506C16.7095 15.7231 15.723 16.7096 14.5059 16.7096H13.4501C13.0784 16.7096 12.7221 16.8573 12.4594 17.1199L12.4593 17.12L11.5581 18.0212C10.6975 18.8818 9.30233 18.8818 8.44172 18.0212L7.54052 17.12L7.54048 17.12C7.27775 16.8573 6.92139 16.7096 6.54972 16.7096H5.49389C4.27686 16.7096 3.29028 15.7231 3.29028 14.506V13.4502C3.29028 13.0787 3.14267 12.7222 2.87984 12.4594L1.97868 11.5582C1.11811 10.6976 1.11811 9.30238 1.97867 8.44181L2.87986 7.54062C2.87987 7.54062 2.87987 7.54061 2.87987 7.54061C3.14266 7.27784 3.29028 6.92143 3.29028 6.54981V5.49398C3.29028 4.27696 4.27687 3.29037 5.49389 3.29037H6.54972C6.92135 3.29037 7.27774 3.14273 7.54051 2.87998L7.54052 2.87997L8.44172 1.97876Z",
-											"stroke": "url(#paint3_linear_6296_109593)",
-											"stroke-opacity": "0.8"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "check",
-									"filter": "url(#filter0_d_6296_109593)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M13.4219 6.98132C13.8732 7.28924 13.9829 7.89545 13.667 8.33533L10.04 13.3858C9.87754 13.612 9.62408 13.7602 9.34287 13.7934C9.06166 13.8266 8.77923 13.7417 8.56605 13.5599L6.49346 11.7923C6.0789 11.4387 6.03689 10.8245 6.39963 10.4204C6.76238 10.0163 7.39252 9.97533 7.80709 10.3289L9.04316 11.3831L12.0328 7.22026C12.3487 6.78038 12.9706 6.6734 13.4219 6.98132Z",
-											"fill": "url(#paint4_linear_6296_109593)",
-											"shape-rendering": "crispEdges"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "highlight",
-									"opacity": "0.5",
-									"d": "M0 0H15.5556L5.26663 20H0V0Z",
-									"fill": "url(#paint5_linear_6296_109593)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_6296_109593",
-							"x": "5.65283",
-							"y": "6.55549",
-							"width": "8.69458",
-							"height": "7.995",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_6296_109593"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_6296_109593",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_6296_109593",
-							"x1": "16.302",
-							"y1": "19.1667",
-							"x2": "-0.37184",
-							"y2": "14.8201",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#296DFF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#5289FF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_6296_109593",
-							"x1": "8.67462",
-							"y1": "0.833336",
-							"x2": "18.9651",
-							"y2": "12.5067",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#296DFF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_6296_109593",
-							"x1": "16.302",
-							"y1": "19.1667",
-							"x2": "-0.37184",
-							"y2": "14.8201",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#296DFF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#5289FF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint3_linear_6296_109593",
-							"x1": "8.67462",
-							"y1": "0.833336",
-							"x2": "18.9651",
-							"y2": "12.5067",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#296DFF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint4_linear_6296_109593",
-							"x1": "10.0001",
-							"y1": "6.80549",
-							"x2": "10.0001",
-							"y2": "13.8005",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.8"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint5_linear_6296_109593",
-							"x1": "-4.78632",
-							"y1": "4.375",
-							"x2": "16.2164",
-							"y2": "10.4",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.2"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "VerifiedDark"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Verified"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_6296_109593",
+              "style": "mask-type:alpha",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "0",
+              "width": "20",
+              "height": "20"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Mask"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
+                      "fill": "#003DC1"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
+                      "fill": "url(#paint0_linear_6296_109593)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M8.27881 1.81585L8.27881 1.81585C9.2293 0.865317 10.7704 0.865301 11.721 1.81585L12.6222 2.71705L12.6222 2.71709C12.8418 2.9366 13.1395 3.05997 13.4501 3.05997H14.5059C15.8502 3.05997 16.9399 4.14972 16.9399 5.49398V6.54981C16.9399 6.86036 17.0633 7.15813 17.2828 7.37768L17.2829 7.3777L18.1841 8.2789L18.3747 8.08826L18.1841 8.27891C19.1346 9.22945 19.1346 10.7706 18.1841 11.7211L17.2829 12.6224C17.0633 12.8419 16.9399 13.1397 16.9399 13.4502V14.506C16.9399 15.8503 15.8502 16.94 14.5059 16.94H13.4501C13.1395 16.94 12.8418 17.0634 12.6222 17.2829L12.6222 17.2829L11.721 18.1841C10.7704 19.1347 9.22939 19.1347 8.27881 18.1841L7.37761 17.2829L7.37759 17.2829C7.15804 17.0634 6.86027 16.94 6.54972 16.94H5.49389C4.14962 16.94 3.05989 15.8503 3.05989 14.506V13.4502C3.05989 13.1398 2.93655 12.8419 2.71696 12.6224C2.71696 12.6223 2.71695 12.6223 2.71694 12.6223L1.81577 11.7211C0.865224 10.7706 0.865226 9.22945 1.81576 8.2789L2.71696 7.3777C2.71696 7.3777 2.71696 7.3777 2.71696 7.3777C2.93654 7.15813 3.05989 6.86033 3.05989 6.54981V5.49398C3.05989 4.14972 4.14963 3.05997 5.49389 3.05997H6.54972C6.86024 3.05997 7.15803 2.93662 7.3776 2.71706L7.37761 2.71705L8.27881 1.81585Z",
+                      "stroke": "url(#paint1_linear_6296_109593)",
+                      "stroke-opacity": "0.8",
+                      "stroke-width": "0.539216"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_6296_109593)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "badge-bg"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
+                      "fill": "#003DC1"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62521C9.14394 0.569383 10.8558 0.569374 11.9116 1.62521L12.8128 2.52641C12.9819 2.69542 13.2111 2.79037 13.4501 2.79037H14.5059C15.9991 2.79037 17.2095 4.00082 17.2095 5.49398V6.54981C17.2095 6.78882 17.3045 7.01805 17.4735 7.18706L18.3747 8.08826C19.4305 9.1441 19.4305 10.8559 18.3747 11.9118L17.4735 12.813C17.3045 12.982 17.2095 13.2112 17.2095 13.4502V14.506C17.2095 15.9992 15.9991 17.2096 14.5059 17.2096H13.4501C13.2111 17.2096 12.9819 17.3046 12.8128 17.4736L11.9116 18.3748C10.8558 19.4306 9.14403 19.4306 8.08817 18.3748L7.18696 17.4736C7.01795 17.3046 6.78873 17.2096 6.54972 17.2096H5.49389C4.00072 17.2096 2.79028 15.9992 2.79028 14.506V13.4502C2.79028 13.2112 2.69533 12.982 2.52632 12.813L1.62513 11.9118C0.569295 10.8559 0.569295 9.1441 1.62512 8.08826L2.52632 7.18706C2.69533 7.01806 2.79028 6.78882 2.79028 6.54981V5.49398C2.79028 4.00082 4.00072 2.79037 5.49389 2.79037H6.54972C6.78873 2.79037 7.01795 2.69542 7.18696 2.52641L8.08817 1.62521Z",
+                      "fill": "url(#paint2_linear_6296_109593)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M8.44172 1.97876L8.44173 1.97875C9.30224 1.11821 10.6975 1.11818 11.5581 1.97876L12.4593 2.87997L12.4593 2.88003C12.7221 3.1427 13.0784 3.29037 13.4501 3.29037H14.5059C15.723 3.29037 16.7095 4.27696 16.7095 5.49398V6.54981C16.7095 6.92148 16.8572 7.27785 17.1199 7.54057L17.1199 7.54061L18.0211 8.44182L18.3747 8.08826L18.0211 8.44182C18.8817 9.30239 18.8817 10.6976 18.0211 11.5582L17.1199 12.4594C16.8572 12.7222 16.7095 13.0786 16.7095 13.4502V14.506C16.7095 15.7231 15.723 16.7096 14.5059 16.7096H13.4501C13.0784 16.7096 12.7221 16.8573 12.4594 17.1199L12.4593 17.12L11.5581 18.0212C10.6975 18.8818 9.30233 18.8818 8.44172 18.0212L7.54052 17.12L7.54048 17.12C7.27775 16.8573 6.92139 16.7096 6.54972 16.7096H5.49389C4.27686 16.7096 3.29028 15.7231 3.29028 14.506V13.4502C3.29028 13.0787 3.14267 12.7222 2.87984 12.4594L1.97868 11.5582C1.11811 10.6976 1.11811 9.30238 1.97867 8.44181L2.87986 7.54062C2.87987 7.54062 2.87987 7.54061 2.87987 7.54061C3.14266 7.27784 3.29028 6.92143 3.29028 6.54981V5.49398C3.29028 4.27696 4.27687 3.29037 5.49389 3.29037H6.54972C6.92135 3.29037 7.27774 3.14273 7.54051 2.87998L7.54052 2.87997L8.44172 1.97876Z",
+                      "stroke": "url(#paint3_linear_6296_109593)",
+                      "stroke-opacity": "0.8"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "check",
+                  "filter": "url(#filter0_d_6296_109593)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M13.4219 6.98132C13.8732 7.28924 13.9829 7.89545 13.667 8.33533L10.04 13.3858C9.87754 13.612 9.62408 13.7602 9.34287 13.7934C9.06166 13.8266 8.77923 13.7417 8.56605 13.5599L6.49346 11.7923C6.0789 11.4387 6.03689 10.8245 6.39963 10.4204C6.76238 10.0163 7.39252 9.97533 7.80709 10.3289L9.04316 11.3831L12.0328 7.22026C12.3487 6.78038 12.9706 6.6734 13.4219 6.98132Z",
+                      "fill": "url(#paint4_linear_6296_109593)",
+                      "shape-rendering": "crispEdges"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "highlight",
+                  "opacity": "0.5",
+                  "d": "M0 0H15.5556L5.26663 20H0V0Z",
+                  "fill": "url(#paint5_linear_6296_109593)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_6296_109593",
+              "x": "5.65283",
+              "y": "6.55549",
+              "width": "8.69458",
+              "height": "7.995",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_6296_109593"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_6296_109593",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_6296_109593",
+              "x1": "16.302",
+              "y1": "19.1667",
+              "x2": "-0.37184",
+              "y2": "14.8201",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#296DFF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#5289FF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_6296_109593",
+              "x1": "8.67462",
+              "y1": "0.833336",
+              "x2": "18.9651",
+              "y2": "12.5067",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#296DFF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_6296_109593",
+              "x1": "16.302",
+              "y1": "19.1667",
+              "x2": "-0.37184",
+              "y2": "14.8201",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#296DFF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#5289FF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint3_linear_6296_109593",
+              "x1": "8.67462",
+              "y1": "0.833336",
+              "x2": "18.9651",
+              "y2": "12.5067",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#296DFF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint4_linear_6296_109593",
+              "x1": "10.0001",
+              "y1": "6.80549",
+              "x2": "10.0001",
+              "y2": "13.8005",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.8"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint5_linear_6296_109593",
+              "x1": "-4.78632",
+              "y1": "4.375",
+              "x2": "16.2164",
+              "y2": "10.4",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.2"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "VerifiedDark"
 }
diff --git a/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx b/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx
index 783fc7f802..5752cc9d63 100644
--- a/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx
+++ b/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './VerifiedDark.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './VerifiedDark.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/plugins/VerifiedLight.json b/web/app/components/base/icons/src/public/plugins/VerifiedLight.json
index b31fe655b3..f92c144e7e 100644
--- a/web/app/components/base/icons/src/public/plugins/VerifiedLight.json
+++ b/web/app/components/base/icons/src/public/plugins/VerifiedLight.json
@@ -1,456 +1,456 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Verified"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_6295_120949",
-							"style": "mask-type:alpha",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "0",
-							"width": "20",
-							"height": "20"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Mask"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
-											"fill": "#B2CAFF"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
-											"fill": "url(#paint0_linear_6295_120949)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M8.27881 1.81577L8.27881 1.81576C9.2293 0.865233 10.7704 0.865217 11.721 1.81577L12.6222 2.71697L12.6222 2.71701C12.8418 2.93652 13.1395 3.05989 13.4501 3.05989H14.5059C15.8502 3.05989 16.9399 4.14963 16.9399 5.4939V6.54972C16.9399 6.86027 17.0633 7.15805 17.2828 7.3776L17.2829 7.37762L18.1841 8.27882L18.3747 8.08818L18.1841 8.27882C19.1346 9.22937 19.1346 10.7705 18.1841 11.7211L17.2829 12.6223C17.0633 12.8418 16.9399 13.1396 16.9399 13.4502V14.5059C16.9399 15.8502 15.8502 16.9399 14.5059 16.9399H13.4501C13.1395 16.9399 12.8418 17.0633 12.6222 17.2828L12.6222 17.2829L11.721 18.1841C10.7704 19.1346 9.22939 19.1346 8.27881 18.1841L7.37761 17.2829L7.37759 17.2828C7.15804 17.0633 6.86027 16.9399 6.54972 16.9399H5.49389C4.14962 16.9399 3.05989 15.8502 3.05989 14.5059V13.4502C3.05989 13.1397 2.93655 12.8418 2.71696 12.6223C2.71696 12.6223 2.71695 12.6223 2.71694 12.6222L1.81577 11.7211C0.865224 10.7705 0.865226 9.22936 1.81576 8.27882L2.71696 7.37762C2.71696 7.37762 2.71696 7.37762 2.71696 7.37762C2.93654 7.15805 3.05989 6.86024 3.05989 6.54972V5.4939C3.05989 4.14964 4.14963 3.05989 5.49389 3.05989H6.54972C6.86024 3.05989 7.15803 2.93653 7.3776 2.71698L7.37761 2.71697L8.27881 1.81577Z",
-											"stroke": "url(#paint1_linear_6295_120949)",
-											"stroke-opacity": "0.8",
-											"stroke-width": "0.539216"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_6295_120949)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "badge-bg"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
-											"fill": "#B2CAFF"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
-											"fill": "url(#paint2_linear_6295_120949)",
-											"fill-opacity": "0.9"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M8.44172 1.97868L8.44173 1.97867C9.30224 1.11812 10.6975 1.1181 11.5581 1.97868L12.4593 2.87988L12.4593 2.87995C12.7221 3.14262 13.0784 3.29028 13.4501 3.29028H14.5059C15.723 3.29028 16.7095 4.27687 16.7095 5.4939V6.54972C16.7095 6.9214 16.8572 7.27776 17.1199 7.54049L17.1199 7.54053L18.0211 8.44173L18.3747 8.08818L18.0211 8.44174C18.8817 9.3023 18.8817 10.6976 18.0211 11.5582L17.1199 12.4594C16.8572 12.7221 16.7095 13.0785 16.7095 13.4502V14.5059C16.7095 15.723 15.723 16.7095 14.5059 16.7095H13.4501C13.0784 16.7095 12.7221 16.8573 12.4594 17.1198L12.4593 17.1199L11.5581 18.0211C10.6975 18.8817 9.30233 18.8817 8.44172 18.0211L7.54052 17.1199L7.54048 17.1199C7.27775 16.8572 6.92139 16.7095 6.54972 16.7095H5.49389C4.27686 16.7095 3.29028 15.723 3.29028 14.5059V13.4502C3.29028 13.0786 3.14267 12.7221 2.87984 12.4593L1.97868 11.5582C1.11811 10.6976 1.11811 9.3023 1.97867 8.44173L2.87986 7.54054C2.87987 7.54053 2.87987 7.54053 2.87987 7.54053C3.14266 7.27775 3.29028 6.92134 3.29028 6.54972V5.4939C3.29028 4.27688 4.27687 3.29028 5.49389 3.29028H6.54972C6.92135 3.29028 7.27774 3.14265 7.54051 2.87989L7.54052 2.87988L8.44172 1.97868Z",
-											"stroke": "url(#paint3_linear_6295_120949)",
-											"stroke-opacity": "0.8"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "check",
-									"filter": "url(#filter0_d_6295_120949)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"fill-rule": "evenodd",
-											"clip-rule": "evenodd",
-											"d": "M13.4219 6.98125C13.8732 7.28917 13.9829 7.89538 13.667 8.33526L10.04 13.3857C9.87754 13.6119 9.62408 13.7601 9.34287 13.7933C9.06166 13.8266 8.77923 13.7417 8.56605 13.5599L6.49346 11.7922C6.0789 11.4386 6.03689 10.8244 6.39963 10.4203C6.76238 10.0162 7.39252 9.97526 7.80709 10.3288L9.04316 11.3831L12.0328 7.22019C12.3487 6.78031 12.9706 6.67333 13.4219 6.98125Z",
-											"fill": "url(#paint4_linear_6295_120949)",
-											"shape-rendering": "crispEdges"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "highlight",
-									"opacity": "0.5",
-									"d": "M0 0H15.5556L5.26663 20H0V0Z",
-									"fill": "url(#paint5_linear_6295_120949)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "filter",
-						"attributes": {
-							"id": "filter0_d_6295_120949",
-							"x": "5.65283",
-							"y": "6.55542",
-							"width": "8.69458",
-							"height": "7.99512",
-							"filterUnits": "userSpaceOnUse",
-							"color-interpolation-filters": "sRGB"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "feFlood",
-								"attributes": {
-									"flood-opacity": "0",
-									"result": "BackgroundImageFix"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"in": "SourceAlpha",
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-									"result": "hardAlpha"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feOffset",
-								"attributes": {
-									"dy": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feGaussianBlur",
-								"attributes": {
-									"stdDeviation": "0.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feComposite",
-								"attributes": {
-									"in2": "hardAlpha",
-									"operator": "out"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feColorMatrix",
-								"attributes": {
-									"type": "matrix",
-									"values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in2": "BackgroundImageFix",
-									"result": "effect1_dropShadow_6295_120949"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "feBlend",
-								"attributes": {
-									"mode": "normal",
-									"in": "SourceGraphic",
-									"in2": "effect1_dropShadow_6295_120949",
-									"result": "shape"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_6295_120949",
-							"x1": "16.302",
-							"y1": "19.1666",
-							"x2": "-0.37184",
-							"y2": "14.82",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#155AEF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#5289FF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint1_linear_6295_120949",
-							"x1": "8.67462",
-							"y1": "0.833252",
-							"x2": "18.9651",
-							"y2": "12.5066",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#155AEF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint2_linear_6295_120949",
-							"x1": "16.302",
-							"y1": "19.1666",
-							"x2": "-0.37184",
-							"y2": "14.82",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#155AEF"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#5289FF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint3_linear_6295_120949",
-							"x1": "8.67462",
-							"y1": "0.833252",
-							"x2": "18.9651",
-							"y2": "12.5066",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#155AEF"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint4_linear_6295_120949",
-							"x1": "10.0001",
-							"y1": "6.80542",
-							"x2": "10.0001",
-							"y2": "13.8004",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.9"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint5_linear_6295_120949",
-							"x1": "-4.78632",
-							"y1": "4.375",
-							"x2": "16.2164",
-							"y2": "10.4",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "white",
-									"stop-opacity": "0.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "white",
-									"stop-opacity": "0.3"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "VerifiedLight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Verified"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_6295_120949",
+              "style": "mask-type:alpha",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "0",
+              "width": "20",
+              "height": "20"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Mask"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
+                      "fill": "#B2CAFF"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
+                      "fill": "url(#paint0_linear_6295_120949)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M8.27881 1.81577L8.27881 1.81576C9.2293 0.865233 10.7704 0.865217 11.721 1.81577L12.6222 2.71697L12.6222 2.71701C12.8418 2.93652 13.1395 3.05989 13.4501 3.05989H14.5059C15.8502 3.05989 16.9399 4.14963 16.9399 5.4939V6.54972C16.9399 6.86027 17.0633 7.15805 17.2828 7.3776L17.2829 7.37762L18.1841 8.27882L18.3747 8.08818L18.1841 8.27882C19.1346 9.22937 19.1346 10.7705 18.1841 11.7211L17.2829 12.6223C17.0633 12.8418 16.9399 13.1396 16.9399 13.4502V14.5059C16.9399 15.8502 15.8502 16.9399 14.5059 16.9399H13.4501C13.1395 16.9399 12.8418 17.0633 12.6222 17.2828L12.6222 17.2829L11.721 18.1841C10.7704 19.1346 9.22939 19.1346 8.27881 18.1841L7.37761 17.2829L7.37759 17.2828C7.15804 17.0633 6.86027 16.9399 6.54972 16.9399H5.49389C4.14962 16.9399 3.05989 15.8502 3.05989 14.5059V13.4502C3.05989 13.1397 2.93655 12.8418 2.71696 12.6223C2.71696 12.6223 2.71695 12.6223 2.71694 12.6222L1.81577 11.7211C0.865224 10.7705 0.865226 9.22936 1.81576 8.27882L2.71696 7.37762C2.71696 7.37762 2.71696 7.37762 2.71696 7.37762C2.93654 7.15805 3.05989 6.86024 3.05989 6.54972V5.4939C3.05989 4.14964 4.14963 3.05989 5.49389 3.05989H6.54972C6.86024 3.05989 7.15803 2.93653 7.3776 2.71698L7.37761 2.71697L8.27881 1.81577Z",
+                      "stroke": "url(#paint1_linear_6295_120949)",
+                      "stroke-opacity": "0.8",
+                      "stroke-width": "0.539216"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_6295_120949)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "badge-bg"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
+                      "fill": "#B2CAFF"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M8.08817 1.62512C9.14394 0.569299 10.8558 0.56929 11.9116 1.62512L12.8128 2.52633C12.9819 2.69533 13.2111 2.79028 13.4501 2.79028H14.5059C15.9991 2.79028 17.2095 4.00074 17.2095 5.4939V6.54972C17.2095 6.78874 17.3045 7.01796 17.4735 7.18697L18.3747 8.08818C19.4305 9.14401 19.4305 10.8559 18.3747 11.9117L17.4735 12.8129C17.3045 12.9819 17.2095 13.2112 17.2095 13.4502V14.5059C17.2095 15.9991 15.9991 17.2095 14.5059 17.2095H13.4501C13.2111 17.2095 12.9819 17.3045 12.8128 17.4735L11.9116 18.3747C10.8558 19.4305 9.14403 19.4305 8.08817 18.3747L7.18696 17.4735C7.01795 17.3045 6.78873 17.2095 6.54972 17.2095H5.49389C4.00072 17.2095 2.79028 15.9991 2.79028 14.5059V13.4502C2.79028 13.2112 2.69533 12.9819 2.52632 12.8129L1.62513 11.9117C0.569295 10.8559 0.569295 9.14401 1.62512 8.08818L2.52632 7.18697C2.69533 7.01797 2.79028 6.78874 2.79028 6.54972V5.4939C2.79028 4.00074 4.00072 2.79028 5.49389 2.79028H6.54972C6.78873 2.79028 7.01795 2.69533 7.18696 2.52633L8.08817 1.62512Z",
+                      "fill": "url(#paint2_linear_6295_120949)",
+                      "fill-opacity": "0.9"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M8.44172 1.97868L8.44173 1.97867C9.30224 1.11812 10.6975 1.1181 11.5581 1.97868L12.4593 2.87988L12.4593 2.87995C12.7221 3.14262 13.0784 3.29028 13.4501 3.29028H14.5059C15.723 3.29028 16.7095 4.27687 16.7095 5.4939V6.54972C16.7095 6.9214 16.8572 7.27776 17.1199 7.54049L17.1199 7.54053L18.0211 8.44173L18.3747 8.08818L18.0211 8.44174C18.8817 9.3023 18.8817 10.6976 18.0211 11.5582L17.1199 12.4594C16.8572 12.7221 16.7095 13.0785 16.7095 13.4502V14.5059C16.7095 15.723 15.723 16.7095 14.5059 16.7095H13.4501C13.0784 16.7095 12.7221 16.8573 12.4594 17.1198L12.4593 17.1199L11.5581 18.0211C10.6975 18.8817 9.30233 18.8817 8.44172 18.0211L7.54052 17.1199L7.54048 17.1199C7.27775 16.8572 6.92139 16.7095 6.54972 16.7095H5.49389C4.27686 16.7095 3.29028 15.723 3.29028 14.5059V13.4502C3.29028 13.0786 3.14267 12.7221 2.87984 12.4593L1.97868 11.5582C1.11811 10.6976 1.11811 9.3023 1.97867 8.44173L2.87986 7.54054C2.87987 7.54053 2.87987 7.54053 2.87987 7.54053C3.14266 7.27775 3.29028 6.92134 3.29028 6.54972V5.4939C3.29028 4.27688 4.27687 3.29028 5.49389 3.29028H6.54972C6.92135 3.29028 7.27774 3.14265 7.54051 2.87989L7.54052 2.87988L8.44172 1.97868Z",
+                      "stroke": "url(#paint3_linear_6295_120949)",
+                      "stroke-opacity": "0.8"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "check",
+                  "filter": "url(#filter0_d_6295_120949)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      "d": "M13.4219 6.98125C13.8732 7.28917 13.9829 7.89538 13.667 8.33526L10.04 13.3857C9.87754 13.6119 9.62408 13.7601 9.34287 13.7933C9.06166 13.8266 8.77923 13.7417 8.56605 13.5599L6.49346 11.7922C6.0789 11.4386 6.03689 10.8244 6.39963 10.4203C6.76238 10.0162 7.39252 9.97526 7.80709 10.3288L9.04316 11.3831L12.0328 7.22019C12.3487 6.78031 12.9706 6.67333 13.4219 6.98125Z",
+                      "fill": "url(#paint4_linear_6295_120949)",
+                      "shape-rendering": "crispEdges"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "highlight",
+                  "opacity": "0.5",
+                  "d": "M0 0H15.5556L5.26663 20H0V0Z",
+                  "fill": "url(#paint5_linear_6295_120949)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "filter",
+            "attributes": {
+              "id": "filter0_d_6295_120949",
+              "x": "5.65283",
+              "y": "6.55542",
+              "width": "8.69458",
+              "height": "7.99512",
+              "filterUnits": "userSpaceOnUse",
+              "color-interpolation-filters": "sRGB"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "feFlood",
+                "attributes": {
+                  "flood-opacity": "0",
+                  "result": "BackgroundImageFix"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "in": "SourceAlpha",
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                  "result": "hardAlpha"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feOffset",
+                "attributes": {
+                  "dy": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feGaussianBlur",
+                "attributes": {
+                  "stdDeviation": "0.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feComposite",
+                "attributes": {
+                  "in2": "hardAlpha",
+                  "operator": "out"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feColorMatrix",
+                "attributes": {
+                  "type": "matrix",
+                  "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in2": "BackgroundImageFix",
+                  "result": "effect1_dropShadow_6295_120949"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "feBlend",
+                "attributes": {
+                  "mode": "normal",
+                  "in": "SourceGraphic",
+                  "in2": "effect1_dropShadow_6295_120949",
+                  "result": "shape"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_6295_120949",
+              "x1": "16.302",
+              "y1": "19.1666",
+              "x2": "-0.37184",
+              "y2": "14.82",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#155AEF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#5289FF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint1_linear_6295_120949",
+              "x1": "8.67462",
+              "y1": "0.833252",
+              "x2": "18.9651",
+              "y2": "12.5066",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#155AEF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint2_linear_6295_120949",
+              "x1": "16.302",
+              "y1": "19.1666",
+              "x2": "-0.37184",
+              "y2": "14.82",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#155AEF"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#5289FF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint3_linear_6295_120949",
+              "x1": "8.67462",
+              "y1": "0.833252",
+              "x2": "18.9651",
+              "y2": "12.5066",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#155AEF"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint4_linear_6295_120949",
+              "x1": "10.0001",
+              "y1": "6.80542",
+              "x2": "10.0001",
+              "y2": "13.8004",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.9"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint5_linear_6295_120949",
+              "x1": "-4.78632",
+              "y1": "4.375",
+              "x2": "16.2164",
+              "y2": "10.4",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "white",
+                  "stop-opacity": "0.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "white",
+                  "stop-opacity": "0.3"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "VerifiedLight"
 }
diff --git a/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx b/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx
index 65eb3a7d9f..f3ef443496 100644
--- a/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx
+++ b/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './VerifiedLight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './VerifiedLight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/plugins/WebReader.json b/web/app/components/base/icons/src/public/plugins/WebReader.json
index 58c828309c..d9cd9d7303 100644
--- a/web/app/components/base/icons/src/public/plugins/WebReader.json
+++ b/web/app/components/base/icons/src/public/plugins/WebReader.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M9.59235 3.32566C10.3587 3.11341 11.1661 3 12 3C13.962 3 15.7773 3.62779 17.2561 4.69345C16.4693 5.21349 15.8824 5.77819 15.4756 6.38193C14.854 7.30445 14.6947 8.25844 14.8234 9.12887C14.9484 9.97416 15.3366 10.696 15.7446 11.2301C16.1402 11.7479 16.6256 12.181 17.0531 12.3946C18.1294 12.9327 19.3714 13.2022 20.2999 13.341C21.1399 13.4667 22.9206 13.8871 22.9865 12.5492C22.9955 12.3672 23 12.1841 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C12.1841 23 12.3672 22.9955 12.5492 22.9865C13.1008 22.9593 13.526 22.4902 13.4988 21.9385C13.4716 21.3869 13.0024 20.9618 12.4508 20.9889C12.3015 20.9963 12.1512 21 12 21C8.49063 21 5.45038 18.9914 3.96619 16.0611L4.93474 15.502L8.50745 16.1706C9.43309 16.3439 10.2876 15.6313 10.2834 14.6896L10.2694 11.5365L12.0952 8.41051C12.3911 7.90404 12.3646 7.27161 12.0274 6.79167L9.59235 3.32566Z",
-					"fill": "#444CE7"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M13.9456 12.6561C13.5777 12.5165 13.1621 12.6057 12.8839 12.884C12.6056 13.1623 12.5164 13.5778 12.656 13.9458L15.8228 22.2945C15.969 22.68 16.3367 22.9362 16.7489 22.9399C17.1611 22.9435 17.5333 22.6938 17.6863 22.3111L19.007 19.0071L22.311 17.6865C22.6937 17.5334 22.9434 17.1612 22.9397 16.749C22.9361 16.3368 22.6799 15.9691 22.2944 15.8229L13.9456 12.6561Z",
-					"fill": "#444CE7"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "WebReader"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M9.59235 3.32566C10.3587 3.11341 11.1661 3 12 3C13.962 3 15.7773 3.62779 17.2561 4.69345C16.4693 5.21349 15.8824 5.77819 15.4756 6.38193C14.854 7.30445 14.6947 8.25844 14.8234 9.12887C14.9484 9.97416 15.3366 10.696 15.7446 11.2301C16.1402 11.7479 16.6256 12.181 17.0531 12.3946C18.1294 12.9327 19.3714 13.2022 20.2999 13.341C21.1399 13.4667 22.9206 13.8871 22.9865 12.5492C22.9955 12.3672 23 12.1841 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C12.1841 23 12.3672 22.9955 12.5492 22.9865C13.1008 22.9593 13.526 22.4902 13.4988 21.9385C13.4716 21.3869 13.0024 20.9618 12.4508 20.9889C12.3015 20.9963 12.1512 21 12 21C8.49063 21 5.45038 18.9914 3.96619 16.0611L4.93474 15.502L8.50745 16.1706C9.43309 16.3439 10.2876 15.6313 10.2834 14.6896L10.2694 11.5365L12.0952 8.41051C12.3911 7.90404 12.3646 7.27161 12.0274 6.79167L9.59235 3.32566Z",
+          "fill": "#444CE7"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M13.9456 12.6561C13.5777 12.5165 13.1621 12.6057 12.8839 12.884C12.6056 13.1623 12.5164 13.5778 12.656 13.9458L15.8228 22.2945C15.969 22.68 16.3367 22.9362 16.7489 22.9399C17.1611 22.9435 17.5333 22.6938 17.6863 22.3111L19.007 19.0071L22.311 17.6865C22.6937 17.5334 22.9434 17.1612 22.9397 16.749C22.9361 16.3368 22.6799 15.9691 22.2944 15.8229L13.9456 12.6561Z",
+          "fill": "#444CE7"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "WebReader"
 }
diff --git a/web/app/components/base/icons/src/public/plugins/WebReader.tsx b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
index 5606e32f88..c7a71281ca 100644
--- a/web/app/components/base/icons/src/public/plugins/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './WebReader.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './WebReader.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/plugins/Wikipedia.json b/web/app/components/base/icons/src/public/plugins/Wikipedia.json
index af2d505c85..3823853ad5 100644
--- a/web/app/components/base/icons/src/public/plugins/Wikipedia.json
+++ b/web/app/components/base/icons/src/public/plugins/Wikipedia.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M23.8431 5.0001H19.2179H19.0609V5.15706V5.66001V5.81696H19.2179H19.5393C19.9131 5.81696 20.2502 6.00882 20.4411 6.33021C20.632 6.65161 20.6392 7.0394 20.4603 7.36765L15.3174 16.8077L12.9751 11.2238L15.1813 7.17527C15.6379 6.33743 16.5143 5.81696 17.4684 5.81696H17.5726H17.7296V5.66001V5.15706V5.0001H17.5726H12.9474H12.7905V5.15706V5.66001V5.81696H12.9474H13.2688C13.6426 5.81696 13.9797 6.00882 14.1706 6.33021C14.3615 6.65161 14.3687 7.0394 14.1899 7.36765L12.5896 10.305L11.1634 6.9051C11.0601 6.65867 11.0856 6.38965 11.2336 6.16714C11.3816 5.94462 11.6197 5.81696 11.887 5.81696H12.2526H12.4095V5.66001V5.15706V5.0001H12.2526H6.72092H6.56396V5.15706V5.66001V5.81696H6.72092H6.79699C7.88821 5.81696 8.866 6.46719 9.28817 7.47344L11.3954 12.497L9.04698 16.8077L4.89304 6.9051C4.78966 6.65867 4.81525 6.38965 4.9632 6.16714C5.11116 5.94462 5.34932 5.81696 5.61657 5.81696H6.17832H6.33527V5.66001V5.15706V5.0001H6.17832H0.156957H0V5.15706V5.66001V5.81696H0.156957H0.52654C1.61776 5.81696 2.59561 6.46719 3.01772 7.47344L7.80628 18.889C7.89004 19.0887 8.08425 19.2177 8.30111 19.2177C8.50014 19.2177 8.67588 19.1131 8.77125 18.9381L9.39589 17.7918L11.7807 13.4155L14.0767 18.889C14.1604 19.0886 14.3547 19.2176 14.5715 19.2176C14.7705 19.2176 14.9463 19.1131 15.0417 18.938L15.6663 17.7917L21.4517 7.17517C21.9083 6.33733 22.7847 5.81686 23.7388 5.81686H23.843H24V5.6599V5.15696V5H23.8431V5.0001Z",
-					"fill": "#222A30"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Wikipedia"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M23.8431 5.0001H19.2179H19.0609V5.15706V5.66001V5.81696H19.2179H19.5393C19.9131 5.81696 20.2502 6.00882 20.4411 6.33021C20.632 6.65161 20.6392 7.0394 20.4603 7.36765L15.3174 16.8077L12.9751 11.2238L15.1813 7.17527C15.6379 6.33743 16.5143 5.81696 17.4684 5.81696H17.5726H17.7296V5.66001V5.15706V5.0001H17.5726H12.9474H12.7905V5.15706V5.66001V5.81696H12.9474H13.2688C13.6426 5.81696 13.9797 6.00882 14.1706 6.33021C14.3615 6.65161 14.3687 7.0394 14.1899 7.36765L12.5896 10.305L11.1634 6.9051C11.0601 6.65867 11.0856 6.38965 11.2336 6.16714C11.3816 5.94462 11.6197 5.81696 11.887 5.81696H12.2526H12.4095V5.66001V5.15706V5.0001H12.2526H6.72092H6.56396V5.15706V5.66001V5.81696H6.72092H6.79699C7.88821 5.81696 8.866 6.46719 9.28817 7.47344L11.3954 12.497L9.04698 16.8077L4.89304 6.9051C4.78966 6.65867 4.81525 6.38965 4.9632 6.16714C5.11116 5.94462 5.34932 5.81696 5.61657 5.81696H6.17832H6.33527V5.66001V5.15706V5.0001H6.17832H0.156957H0V5.15706V5.66001V5.81696H0.156957H0.52654C1.61776 5.81696 2.59561 6.46719 3.01772 7.47344L7.80628 18.889C7.89004 19.0887 8.08425 19.2177 8.30111 19.2177C8.50014 19.2177 8.67588 19.1131 8.77125 18.9381L9.39589 17.7918L11.7807 13.4155L14.0767 18.889C14.1604 19.0886 14.3547 19.2176 14.5715 19.2176C14.7705 19.2176 14.9463 19.1131 15.0417 18.938L15.6663 17.7917L21.4517 7.17517C21.9083 6.33733 22.7847 5.81686 23.7388 5.81686H23.843H24V5.6599V5.15696V5H23.8431V5.0001Z",
+          "fill": "#222A30"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Wikipedia"
 }
diff --git a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
index c2fde5c1f8..1e29f333bc 100644
--- a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Wikipedia.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Wikipedia.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/thought/DataSet.json b/web/app/components/base/icons/src/public/thought/DataSet.json
index 5be61dac9d..60e83959fb 100644
--- a/web/app/components/base/icons/src/public/thought/DataSet.json
+++ b/web/app/components/base/icons/src/public/thought/DataSet.json
@@ -1,64 +1,64 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_7847_32895)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M10.5 2.5C10.5 3.32843 8.48528 4 6 4C3.51472 4 1.5 3.32843 1.5 2.5M10.5 2.5C10.5 1.67157 8.48528 1 6 1C3.51472 1 1.5 1.67157 1.5 2.5M10.5 2.5V9.5C10.5 10.33 8.5 11 6 11C3.5 11 1.5 10.33 1.5 9.5V2.5M10.5 6C10.5 6.83 8.5 7.5 6 7.5C3.5 7.5 1.5 6.83 1.5 6",
-							"stroke": "#667085",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_7847_32895"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "DataSet"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_7847_32895)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M10.5 2.5C10.5 3.32843 8.48528 4 6 4C3.51472 4 1.5 3.32843 1.5 2.5M10.5 2.5C10.5 1.67157 8.48528 1 6 1C3.51472 1 1.5 1.67157 1.5 2.5M10.5 2.5V9.5C10.5 10.33 8.5 11 6 11C3.5 11 1.5 10.33 1.5 9.5V2.5M10.5 6C10.5 6.83 8.5 7.5 6 7.5C3.5 7.5 1.5 6.83 1.5 6",
+              "stroke": "#667085",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_7847_32895"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "DataSet"
 }
diff --git a/web/app/components/base/icons/src/public/thought/DataSet.tsx b/web/app/components/base/icons/src/public/thought/DataSet.tsx
index f35ff4efbc..42920e3151 100644
--- a/web/app/components/base/icons/src/public/thought/DataSet.tsx
+++ b/web/app/components/base/icons/src/public/thought/DataSet.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DataSet.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DataSet.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/thought/Loading.json b/web/app/components/base/icons/src/public/thought/Loading.json
index 23e68662c4..133dd5b424 100644
--- a/web/app/components/base/icons/src/public/thought/Loading.json
+++ b/web/app/components/base/icons/src/public/thought/Loading.json
@@ -1,64 +1,64 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_7998_4025)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M6 1.125V2.375M6 9V11M2.875 6H1.125M10.625 6H9.875M9.22855 9.22855L8.875 8.875M9.33211 2.70789L8.625 3.415M2.46079 9.53921L3.875 8.125M2.56434 2.60434L3.625 3.665",
-							"stroke": "#667085",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_7998_4025"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Loading"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_7998_4025)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M6 1.125V2.375M6 9V11M2.875 6H1.125M10.625 6H9.875M9.22855 9.22855L8.875 8.875M9.33211 2.70789L8.625 3.415M2.46079 9.53921L3.875 8.125M2.56434 2.60434L3.625 3.665",
+              "stroke": "#667085",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_7998_4025"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Loading"
 }
diff --git a/web/app/components/base/icons/src/public/thought/Loading.tsx b/web/app/components/base/icons/src/public/thought/Loading.tsx
index af959fba40..339dff7166 100644
--- a/web/app/components/base/icons/src/public/thought/Loading.tsx
+++ b/web/app/components/base/icons/src/public/thought/Loading.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Loading.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Loading.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/thought/Search.json b/web/app/components/base/icons/src/public/thought/Search.json
index 1ad8876bcc..bdec7c5a25 100644
--- a/web/app/components/base/icons/src/public/thought/Search.json
+++ b/web/app/components/base/icons/src/public/thought/Search.json
@@ -1,64 +1,64 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_7847_32899)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M10.5 10.5L8.75005 8.75M10 5.75C10 8.09721 8.09721 10 5.75 10C3.40279 10 1.5 8.09721 1.5 5.75C1.5 3.40279 3.40279 1.5 5.75 1.5C8.09721 1.5 10 3.40279 10 5.75Z",
-							"stroke": "#667085",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_7847_32899"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Search"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_7847_32899)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M10.5 10.5L8.75005 8.75M10 5.75C10 8.09721 8.09721 10 5.75 10C3.40279 10 1.5 8.09721 1.5 5.75C1.5 3.40279 3.40279 1.5 5.75 1.5C8.09721 1.5 10 3.40279 10 5.75Z",
+              "stroke": "#667085",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_7847_32899"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Search"
 }
diff --git a/web/app/components/base/icons/src/public/thought/Search.tsx b/web/app/components/base/icons/src/public/thought/Search.tsx
index ecd98048d5..06f13f4324 100644
--- a/web/app/components/base/icons/src/public/thought/Search.tsx
+++ b/web/app/components/base/icons/src/public/thought/Search.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Search.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Search.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/thought/ThoughtList.json b/web/app/components/base/icons/src/public/thought/ThoughtList.json
index d5e13c339f..c7ad349061 100644
--- a/web/app/components/base/icons/src/public/thought/ThoughtList.json
+++ b/web/app/components/base/icons/src/public/thought/ThoughtList.json
@@ -1,83 +1,83 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M4 6C4 5.72386 4.22386 5.5 4.5 5.5L10.5 5.5C10.7761 5.5 11 5.72386 11 6C11 6.27614 10.7761 6.5 10.5 6.5L4.5 6.5C4.22386 6.5 4 6.27614 4 6Z",
-					"fill": "#667085"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M4 3C4 2.72386 4.22386 2.5 4.5 2.5L10.5 2.5C10.7761 2.5 11 2.72386 11 3C11 3.27614 10.7761 3.5 10.5 3.5L4.5 3.5C4.22386 3.5 4 3.27614 4 3Z",
-					"fill": "#667085"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M4 9C4 8.72386 4.22386 8.5 4.5 8.5L10.5 8.5C10.7761 8.5 11 8.72386 11 9C11 9.27614 10.7761 9.5 10.5 9.5L4.5 9.5C4.22386 9.5 4 9.27614 4 9Z",
-					"fill": "#667085"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6C3 6.55228 2.55228 7 2 7C1.44772 7 1 6.55228 1 6Z",
-					"fill": "#667085"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M1 3C1 2.44772 1.44772 2 2 2C2.55228 2 3 2.44772 3 3C3 3.55228 2.55228 4 2 4C1.44772 4 1 3.55228 1 3Z",
-					"fill": "#667085"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z",
-					"fill": "#667085"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ThoughtList"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M4 6C4 5.72386 4.22386 5.5 4.5 5.5L10.5 5.5C10.7761 5.5 11 5.72386 11 6C11 6.27614 10.7761 6.5 10.5 6.5L4.5 6.5C4.22386 6.5 4 6.27614 4 6Z",
+          "fill": "#667085"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M4 3C4 2.72386 4.22386 2.5 4.5 2.5L10.5 2.5C10.7761 2.5 11 2.72386 11 3C11 3.27614 10.7761 3.5 10.5 3.5L4.5 3.5C4.22386 3.5 4 3.27614 4 3Z",
+          "fill": "#667085"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M4 9C4 8.72386 4.22386 8.5 4.5 8.5L10.5 8.5C10.7761 8.5 11 8.72386 11 9C11 9.27614 10.7761 9.5 10.5 9.5L4.5 9.5C4.22386 9.5 4 9.27614 4 9Z",
+          "fill": "#667085"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6C3 6.55228 2.55228 7 2 7C1.44772 7 1 6.55228 1 6Z",
+          "fill": "#667085"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M1 3C1 2.44772 1.44772 2 2 2C2.55228 2 3 2.44772 3 3C3 3.55228 2.55228 4 2 4C1.44772 4 1 3.55228 1 3Z",
+          "fill": "#667085"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z",
+          "fill": "#667085"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ThoughtList"
 }
diff --git a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
index e7f0e312ef..cd4276b7b9 100644
--- a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
+++ b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ThoughtList.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ThoughtList.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/thought/WebReader.json b/web/app/components/base/icons/src/public/thought/WebReader.json
index ba2bc485f0..a77913650e 100644
--- a/web/app/components/base/icons/src/public/thought/WebReader.json
+++ b/web/app/components/base/icons/src/public/thought/WebReader.json
@@ -1,64 +1,64 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_7847_32887)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M4.5 1.75V1M2.53033 2.53033L2 2M2.53033 6.5L2 7.03033M6.5 2.53033L7.03033 2M1.75 4.5H1M7.93224 8.09479L6.68637 10.4085C6.54404 10.6728 6.47287 10.805 6.38725 10.8384C6.31295 10.8674 6.22926 10.8592 6.16199 10.8164C6.08447 10.767 6.04028 10.6235 5.95191 10.3366L4.22259 4.72263C4.1504 4.48825 4.1143 4.37107 4.14335 4.29192C4.16865 4.22298 4.22298 4.16865 4.29192 4.14335C4.37107 4.1143 4.48825 4.1504 4.72262 4.2226L10.3366 5.95192C10.6235 6.0403 10.767 6.08449 10.8164 6.16201C10.8592 6.22928 10.8674 6.31297 10.8384 6.38727C10.805 6.47289 10.6728 6.54406 10.4085 6.68639L8.09479 7.93224C8.05551 7.95339 8.03587 7.96396 8.01868 7.97755C8.00341 7.98961 7.98961 8.00341 7.97755 8.01868C7.96396 8.03587 7.95339 8.05551 7.93224 8.09479Z",
-							"stroke": "#667085",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_7847_32887"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "WebReader"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_7847_32887)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M4.5 1.75V1M2.53033 2.53033L2 2M2.53033 6.5L2 7.03033M6.5 2.53033L7.03033 2M1.75 4.5H1M7.93224 8.09479L6.68637 10.4085C6.54404 10.6728 6.47287 10.805 6.38725 10.8384C6.31295 10.8674 6.22926 10.8592 6.16199 10.8164C6.08447 10.767 6.04028 10.6235 5.95191 10.3366L4.22259 4.72263C4.1504 4.48825 4.1143 4.37107 4.14335 4.29192C4.16865 4.22298 4.22298 4.16865 4.29192 4.14335C4.37107 4.1143 4.48825 4.1504 4.72262 4.2226L10.3366 5.95192C10.6235 6.0403 10.767 6.08449 10.8164 6.16201C10.8592 6.22928 10.8674 6.31297 10.8384 6.38727C10.805 6.47289 10.6728 6.54406 10.4085 6.68639L8.09479 7.93224C8.05551 7.95339 8.03587 7.96396 8.01868 7.97755C8.00341 7.98961 7.98961 8.00341 7.97755 8.01868C7.96396 8.03587 7.95339 8.05551 7.93224 8.09479Z",
+              "stroke": "#667085",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_7847_32887"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "WebReader"
 }
diff --git a/web/app/components/base/icons/src/public/thought/WebReader.tsx b/web/app/components/base/icons/src/public/thought/WebReader.tsx
index 5606e32f88..c7a71281ca 100644
--- a/web/app/components/base/icons/src/public/thought/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/thought/WebReader.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './WebReader.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './WebReader.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/AliyunIcon.json b/web/app/components/base/icons/src/public/tracing/AliyunIcon.json
index 154aeff8c6..e6f6b5f73c 100644
--- a/web/app/components/base/icons/src/public/tracing/AliyunIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/AliyunIcon.json
@@ -1,129 +1,129 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"fill": "none",
-			"version": "1.1",
-			"width": "65",
-			"height": "16",
-			"viewBox": "0 0 65 16"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "master_svg0_42_34281"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"x": "0",
-									"y": "0",
-									"width": "19",
-									"height": "16",
-									"rx": "0"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"clip-path": "url(#master_svg0_42_34281)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {},
-								"children": [
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {},
-										"children": [
-											{
-												"type": "element",
-												"name": "path",
-												"attributes": {
-													"d": "M4.06862,14.6667C3.79213,14.6667,3.45463,14.5688,3.05614,14.373C2.97908,14.3351,2.92692,14.3105,2.89968,14.2992C2.33193,14.0628,1.82911,13.7294,1.39123,13.2989C0.463742,12.3871,0,11.2874,0,10C0,8.71258,0.463742,7.61293,1.39123,6.70107C2.16172,5.94358,3.06404,5.50073,4.09819,5.37252C4.23172,3.98276,4.81755,2.77756,5.85569,1.75693C7.04708,0.585642,8.4857,0,10.1716,0C11.5256,0,12.743,0.396982,13.8239,1.19095C14.8847,1.97019,15.61,2.97855,16,4.21604L14.7045,4.61063C14.4016,3.64918,13.8374,2.86532,13.0121,2.25905C12.1719,1.64191,11.2251,1.33333,10.1716,1.33333C8.8602,1.33333,7.74124,1.7888,6.81467,2.69974C5.88811,3.61067,5.42483,4.71076,5.42483,6L5.42483,6.66667L4.74673,6.66667C3.81172,6.66667,3.01288,6.99242,2.35021,7.64393C1.68754,8.2954,1.35621,9.08076,1.35621,10C1.35621,10.9192,1.68754,11.7046,2.35021,12.3561C2.66354,12.6641,3.02298,12.9026,3.42852,13.0714C3.48193,13.0937,3.55988,13.13,3.66237,13.1803C3.87004,13.2823,4.00545,13.3333,4.06862,13.3333L4.06862,14.6667Z",
-													"fill-rule": "evenodd",
-													"fill": "#FF6A00",
-													"fill-opacity": "1"
-												},
-												"children": []
-											}
-										]
-									},
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {},
-										"children": [
-											{
-												"type": "element",
-												"name": "path",
-												"attributes": {
-													"d": "M13.458613505859375,7.779393492279053C12.975613505859375,7.717463492279053,12.484813505859375,7.686503492279053,11.993983505859376,7.686503492279053C11.152583505859376,7.686503492279053,10.303403505859375,7.779393492279053,9.493183505859374,7.941943492279053C8.682953505859375,8.104503492279052,7.903893505859375,8.359943492279053,7.155983505859375,8.654083492279053C6.657383505859375,8.870823492279053,6.158783505859375,9.128843492279053,5.660181505859375,9.428153492279053C5.332974751859375,9.621673492279053,5.239486705859375,10.070633492279054,5.434253505859375,10.395743492279053L7.413073505859375,13.298533492279052C7.639003505859375,13.623603492279052,8.090863505859375,13.716463492279052,8.418073505859375,13.523003492279052C8.547913505859375,13.435263492279052,8.763453505859374,13.326893492279053,9.064693505859374,13.197863492279053C9.516553505859374,13.004333492279052,9.976203505859374,12.872733492279053,10.459223505859375,12.779863492279052C10.942243505859375,12.679263492279052,11.433053505859375,12.617333492279052,11.955023505859375,12.617333492279052L13.380683505859375,7.810353492279052L13.458613505859375,7.779393492279053ZM15.273813505859374,8.135463492279053L15.016753505859375,5.333333492279053L13.458613505859375,7.787133492279053C13.817013505859375,7.818093492279052,14.144213505859375,7.880023492279053,14.494743505859375,7.949683492279053C14.494743505859375,7.944523492279053,14.754433505859375,8.006453492279054,15.273813505859374,8.135463492279053ZM12.064083505859376,12.648273492279053L11.378523505859375,14.970463492279054L12.515943505859376,16.00003349227905L14.074083505859376,15.643933492279054L14.525943505859376,13.027603492279052C14.198743505859374,12.934663492279054,13.879283505859375,12.834063492279054,13.552083505859375,12.772133492279053C13.069083505859375,12.717933492279052,12.578283505859375,12.648273492279053,12.064083505859376,12.648273492279053ZM18.327743505859374,9.428153492279053C17.829143505859374,9.128843492279053,17.330543505859374,8.870823492279053,16.831943505859375,8.654083492279053C16.348943505859374,8.460573492279053,15.826943505859376,8.267053492279054,15.305013505859375,8.135463492279053L15.305013505859375,8.267053492279054L14.463613505859374,13.043063492279053C14.596083505859376,13.105003492279053,14.759683505859375,13.135933492279053,14.884283505859376,13.205603492279053C15.185523505859376,13.334623492279052,15.401043505859375,13.443003492279052,15.530943505859375,13.530733492279053C15.858143505859376,13.724263492279054,16.341143505859375,13.623603492279052,16.535943505859375,13.306263492279053L18.514743505859375,10.403483492279053C18.779643505859376,10.039673492279054,18.686143505859377,9.621673492279053,18.327743505859374,9.428153492279053Z",
-													"fill": "#FF6A00",
-													"fill-opacity": "1"
-												},
-												"children": []
-											}
-										]
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M25.044,2.668L34.676,2.668L34.676,4.04L25.044,4.04L25.044,2.668ZM29.958,7.82Q29.258,9.066,28.355,10.41Q27.451999999999998,11.754,26.92,12.3L32.506,11.782Q31.442,10.158,30.84,9.346L32.058,8.562000000000001Q32.786,9.5,33.843,11.012Q34.9,12.524,35.516,13.546L34.214,14.526Q33.891999999999996,13.966,33.346000000000004,13.098Q32.016,13.182,29.734,13.378Q27.451999999999998,13.574,25.87,13.742L25.31,13.812L24.834,13.882L24.414,12.468Q24.708,12.37,24.862000000000002,12.265Q25.016,12.16,25.121,12.069Q25.226,11.978,25.268,11.936Q25.912,11.32,26.724,10.165Q27.536,9.01,28.208,7.82L23.854,7.82L23.854,6.434L35.866,6.434L35.866,7.82L29.958,7.82ZM42.656,7.414L42.656,8.576L41.354,8.576L41.354,1.814L42.656,1.87L42.656,7.036Q43.314,5.846,43.888000000000005,4.369Q44.462,2.892,44.714,1.6600000000000001L46.086,1.981999Q45.96,2.612,45.722,3.41L49.6,3.41L49.6,4.74L45.274,4.74Q44.616,6.56,43.706,8.128L42.656,7.414ZM38.596000000000004,2.346L39.884,2.402L39.884,8.212L38.596000000000004,8.212L38.596000000000004,2.346ZM46.184,4.964Q46.688,5.356,47.5,6.175Q48.312,6.994,48.788,7.582L47.751999999999995,8.59Q47.346000000000004,8.072,46.576,7.274Q45.806,6.476,45.204,5.902L46.184,4.964ZM48.41,9.01L48.41,12.706L49.894,12.706L49.894,13.966L37.391999999999996,13.966L37.391999999999996,12.706L38.848,12.706L38.848,9.01L48.41,9.01ZM41.676,10.256L40.164,10.256L40.164,12.706L41.676,12.706L41.676,10.256ZM42.908,12.706L44.364000000000004,12.706L44.364000000000004,10.256L42.908,10.256L42.908,12.706ZM45.582,12.706L47.108000000000004,12.706L47.108000000000004,10.256L45.582,10.256L45.582,12.706ZM54.906,7.456L55.116,8.394L54.178,8.814L54.178,12.818Q54.178,13.434,54.031,13.735Q53.884,14.036,53.534,14.162Q53.184,14.288,52.456,14.358L51.867999999999995,14.414L51.476,13.084L52.162,13.028Q52.512,13,52.652,12.958Q52.792,12.916,52.841,12.797Q52.89,12.678,52.89,12.384L52.89,9.36Q51.980000000000004,9.724,51.322,9.948L51.013999999999996,8.576Q51.798,8.324,52.89,7.876L52.89,5.524L51.42,5.524L51.42,4.166L52.89,4.166L52.89,1.7579989999999999L54.178,1.814L54.178,4.166L55.214,4.166L55.214,5.524L54.178,5.524L54.178,7.316L54.808,7.022L54.906,7.456ZM56.894,4.5440000000000005L56.894,6.098L55.564,6.098L55.564,3.256L58.686,3.256Q58.42,2.346,58.266,1.9260000000000002L59.624,1.7579989999999999Q59.848,2.276,60.142,3.256L63.25,3.256L63.25,6.098L61.962,6.098L61.962,4.5440000000000005L56.894,4.5440000000000005ZM59.008,6.322Q58.392,6.938,57.685,7.512Q56.978,8.086,55.956,8.841999999999999L55.242,7.764Q56.824,6.728,58.126,5.37L59.008,6.322ZM60.422,5.37Q61.024,5.776,62.095,6.581Q63.166,7.386,63.656,7.806L62.942,8.982Q62.368,8.45,61.332,7.652Q60.296,6.854,59.666,6.434L60.422,5.37ZM62.592,10.256L60.044,10.256L60.044,12.566L63.572,12.566L63.572,13.826L55.144,13.826L55.144,12.566L58.63,12.566L58.63,10.256L56.054,10.256L56.054,8.982L62.592,8.982L62.592,10.256Z",
-											"fill": "#FF6A00",
-											"fill-opacity": "1"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AliyunIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "fill": "none",
+      "version": "1.1",
+      "width": "65",
+      "height": "16",
+      "viewBox": "0 0 65 16"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "master_svg0_42_34281"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "x": "0",
+                  "y": "0",
+                  "width": "19",
+                  "height": "16",
+                  "rx": "0"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "clip-path": "url(#master_svg0_42_34281)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {},
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {},
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "path",
+                        "attributes": {
+                          "d": "M4.06862,14.6667C3.79213,14.6667,3.45463,14.5688,3.05614,14.373C2.97908,14.3351,2.92692,14.3105,2.89968,14.2992C2.33193,14.0628,1.82911,13.7294,1.39123,13.2989C0.463742,12.3871,0,11.2874,0,10C0,8.71258,0.463742,7.61293,1.39123,6.70107C2.16172,5.94358,3.06404,5.50073,4.09819,5.37252C4.23172,3.98276,4.81755,2.77756,5.85569,1.75693C7.04708,0.585642,8.4857,0,10.1716,0C11.5256,0,12.743,0.396982,13.8239,1.19095C14.8847,1.97019,15.61,2.97855,16,4.21604L14.7045,4.61063C14.4016,3.64918,13.8374,2.86532,13.0121,2.25905C12.1719,1.64191,11.2251,1.33333,10.1716,1.33333C8.8602,1.33333,7.74124,1.7888,6.81467,2.69974C5.88811,3.61067,5.42483,4.71076,5.42483,6L5.42483,6.66667L4.74673,6.66667C3.81172,6.66667,3.01288,6.99242,2.35021,7.64393C1.68754,8.2954,1.35621,9.08076,1.35621,10C1.35621,10.9192,1.68754,11.7046,2.35021,12.3561C2.66354,12.6641,3.02298,12.9026,3.42852,13.0714C3.48193,13.0937,3.55988,13.13,3.66237,13.1803C3.87004,13.2823,4.00545,13.3333,4.06862,13.3333L4.06862,14.6667Z",
+                          "fill-rule": "evenodd",
+                          "fill": "#FF6A00",
+                          "fill-opacity": "1"
+                        },
+                        "children": []
+                      }
+                    ]
+                  },
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {},
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "path",
+                        "attributes": {
+                          "d": "M13.458613505859375,7.779393492279053C12.975613505859375,7.717463492279053,12.484813505859375,7.686503492279053,11.993983505859376,7.686503492279053C11.152583505859376,7.686503492279053,10.303403505859375,7.779393492279053,9.493183505859374,7.941943492279053C8.682953505859375,8.104503492279052,7.903893505859375,8.359943492279053,7.155983505859375,8.654083492279053C6.657383505859375,8.870823492279053,6.158783505859375,9.128843492279053,5.660181505859375,9.428153492279053C5.332974751859375,9.621673492279053,5.239486705859375,10.070633492279054,5.434253505859375,10.395743492279053L7.413073505859375,13.298533492279052C7.639003505859375,13.623603492279052,8.090863505859375,13.716463492279052,8.418073505859375,13.523003492279052C8.547913505859375,13.435263492279052,8.763453505859374,13.326893492279053,9.064693505859374,13.197863492279053C9.516553505859374,13.004333492279052,9.976203505859374,12.872733492279053,10.459223505859375,12.779863492279052C10.942243505859375,12.679263492279052,11.433053505859375,12.617333492279052,11.955023505859375,12.617333492279052L13.380683505859375,7.810353492279052L13.458613505859375,7.779393492279053ZM15.273813505859374,8.135463492279053L15.016753505859375,5.333333492279053L13.458613505859375,7.787133492279053C13.817013505859375,7.818093492279052,14.144213505859375,7.880023492279053,14.494743505859375,7.949683492279053C14.494743505859375,7.944523492279053,14.754433505859375,8.006453492279054,15.273813505859374,8.135463492279053ZM12.064083505859376,12.648273492279053L11.378523505859375,14.970463492279054L12.515943505859376,16.00003349227905L14.074083505859376,15.643933492279054L14.525943505859376,13.027603492279052C14.198743505859374,12.934663492279054,13.879283505859375,12.834063492279054,13.552083505859375,12.772133492279053C13.069083505859375,12.717933492279052,12.578283505859375,12.648273492279053,12.064083505859376,12.648273492279053ZM18.327743505859374,9.428153492279053C17.829143505859374,9.128843492279053,17.330543505859374,8.870823492279053,16.831943505859375,8.654083492279053C16.348943505859374,8.460573492279053,15.826943505859376,8.267053492279054,15.305013505859375,8.135463492279053L15.305013505859375,8.267053492279054L14.463613505859374,13.043063492279053C14.596083505859376,13.105003492279053,14.759683505859375,13.135933492279053,14.884283505859376,13.205603492279053C15.185523505859376,13.334623492279052,15.401043505859375,13.443003492279052,15.530943505859375,13.530733492279053C15.858143505859376,13.724263492279054,16.341143505859375,13.623603492279052,16.535943505859375,13.306263492279053L18.514743505859375,10.403483492279053C18.779643505859376,10.039673492279054,18.686143505859377,9.621673492279053,18.327743505859374,9.428153492279053Z",
+                          "fill": "#FF6A00",
+                          "fill-opacity": "1"
+                        },
+                        "children": []
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {},
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {},
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M25.044,2.668L34.676,2.668L34.676,4.04L25.044,4.04L25.044,2.668ZM29.958,7.82Q29.258,9.066,28.355,10.41Q27.451999999999998,11.754,26.92,12.3L32.506,11.782Q31.442,10.158,30.84,9.346L32.058,8.562000000000001Q32.786,9.5,33.843,11.012Q34.9,12.524,35.516,13.546L34.214,14.526Q33.891999999999996,13.966,33.346000000000004,13.098Q32.016,13.182,29.734,13.378Q27.451999999999998,13.574,25.87,13.742L25.31,13.812L24.834,13.882L24.414,12.468Q24.708,12.37,24.862000000000002,12.265Q25.016,12.16,25.121,12.069Q25.226,11.978,25.268,11.936Q25.912,11.32,26.724,10.165Q27.536,9.01,28.208,7.82L23.854,7.82L23.854,6.434L35.866,6.434L35.866,7.82L29.958,7.82ZM42.656,7.414L42.656,8.576L41.354,8.576L41.354,1.814L42.656,1.87L42.656,7.036Q43.314,5.846,43.888000000000005,4.369Q44.462,2.892,44.714,1.6600000000000001L46.086,1.981999Q45.96,2.612,45.722,3.41L49.6,3.41L49.6,4.74L45.274,4.74Q44.616,6.56,43.706,8.128L42.656,7.414ZM38.596000000000004,2.346L39.884,2.402L39.884,8.212L38.596000000000004,8.212L38.596000000000004,2.346ZM46.184,4.964Q46.688,5.356,47.5,6.175Q48.312,6.994,48.788,7.582L47.751999999999995,8.59Q47.346000000000004,8.072,46.576,7.274Q45.806,6.476,45.204,5.902L46.184,4.964ZM48.41,9.01L48.41,12.706L49.894,12.706L49.894,13.966L37.391999999999996,13.966L37.391999999999996,12.706L38.848,12.706L38.848,9.01L48.41,9.01ZM41.676,10.256L40.164,10.256L40.164,12.706L41.676,12.706L41.676,10.256ZM42.908,12.706L44.364000000000004,12.706L44.364000000000004,10.256L42.908,10.256L42.908,12.706ZM45.582,12.706L47.108000000000004,12.706L47.108000000000004,10.256L45.582,10.256L45.582,12.706ZM54.906,7.456L55.116,8.394L54.178,8.814L54.178,12.818Q54.178,13.434,54.031,13.735Q53.884,14.036,53.534,14.162Q53.184,14.288,52.456,14.358L51.867999999999995,14.414L51.476,13.084L52.162,13.028Q52.512,13,52.652,12.958Q52.792,12.916,52.841,12.797Q52.89,12.678,52.89,12.384L52.89,9.36Q51.980000000000004,9.724,51.322,9.948L51.013999999999996,8.576Q51.798,8.324,52.89,7.876L52.89,5.524L51.42,5.524L51.42,4.166L52.89,4.166L52.89,1.7579989999999999L54.178,1.814L54.178,4.166L55.214,4.166L55.214,5.524L54.178,5.524L54.178,7.316L54.808,7.022L54.906,7.456ZM56.894,4.5440000000000005L56.894,6.098L55.564,6.098L55.564,3.256L58.686,3.256Q58.42,2.346,58.266,1.9260000000000002L59.624,1.7579989999999999Q59.848,2.276,60.142,3.256L63.25,3.256L63.25,6.098L61.962,6.098L61.962,4.5440000000000005L56.894,4.5440000000000005ZM59.008,6.322Q58.392,6.938,57.685,7.512Q56.978,8.086,55.956,8.841999999999999L55.242,7.764Q56.824,6.728,58.126,5.37L59.008,6.322ZM60.422,5.37Q61.024,5.776,62.095,6.581Q63.166,7.386,63.656,7.806L62.942,8.982Q62.368,8.45,61.332,7.652Q60.296,6.854,59.666,6.434L60.422,5.37ZM62.592,10.256L60.044,10.256L60.044,12.566L63.572,12.566L63.572,13.826L55.144,13.826L55.144,12.566L58.63,12.566L58.63,10.256L56.054,10.256L56.054,8.982L62.592,8.982L62.592,10.256Z",
+                      "fill": "#FF6A00",
+                      "fill-opacity": "1"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AliyunIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/AliyunIcon.tsx b/web/app/components/base/icons/src/public/tracing/AliyunIcon.tsx
index b233736472..0b1c587a3c 100644
--- a/web/app/components/base/icons/src/public/tracing/AliyunIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/AliyunIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AliyunIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AliyunIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/AliyunIconBig.json b/web/app/components/base/icons/src/public/tracing/AliyunIconBig.json
index 7ed5166461..a9efb39610 100644
--- a/web/app/components/base/icons/src/public/tracing/AliyunIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/AliyunIconBig.json
@@ -1,78 +1,78 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"fill": "none",
-			"version": "1.1",
-			"width": "96",
-			"height": "24",
-			"viewBox": "0 0 96 24"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.10294,22C5.68819,22,5.18195,21.8532,4.58421,21.5595C4.46861,21.5027,4.39038,21.4658,4.34951,21.4488C3.49789,21.0943,2.74367,20.5941,2.08684,19.9484C0.695613,18.5806,0,16.9311,0,15C0,13.0689,0.695612,11.4194,2.08684,10.0516C3.24259,8.91537,4.59607,8.2511,6.14728,8.05878C6.34758,5.97414,7.22633,4.16634,8.78354,2.63539C10.5706,0.878463,12.7286,0,15.2573,0C17.2884,0,19.1146,0.595472,20.7358,1.78642C22.327,2.95528,23.4151,4.46783,24,6.32406L22.0568,6.91594C21.6024,5.47377,20.7561,4.29798,19.5181,3.38858C18.2579,2.46286,16.8377,2,15.2573,2C13.2903,2,11.6119,2.6832,10.222,4.04961C8.83217,5.41601,8.13725,7.06614,8.13725,9L8.13725,10L7.12009,10C5.71758,10,4.51932,10.4886,3.52532,11.4659C2.53132,12.4431,2.03431,13.6211,2.03431,15C2.03431,16.3789,2.53132,17.5569,3.52532,18.5341C3.99531,18.9962,4.53447,19.3538,5.14278,19.6071C5.2229,19.6405,5.33983,19.695,5.49356,19.7705C5.80505,19.9235,6.00818,20,6.10294,20L6.10294,22Z",
-									"fill-rule": "evenodd",
-									"fill": "#FF6A00",
-									"fill-opacity": "1"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M20.18796103515625,11.66909C19.46346103515625,11.5762,18.72726103515625,11.52975,17.991011035156248,11.52975C16.728921035156247,11.52975,15.45515103515625,11.66909,14.23981103515625,11.91292C13.02447103515625,12.156749999999999,11.85588103515625,12.539909999999999,10.73402103515625,12.98113C9.98612103515625,13.306239999999999,9.23822103515625,13.69327,8.49031803515625,14.14223C7.99950790415625,14.43251,7.85927603515625,15.10595,8.15142503515625,15.59361L11.11966103515625,19.9478C11.45855103515625,20.4354,12.13634103515625,20.5747,12.627151035156249,20.2845C12.821921035156251,20.152900000000002,13.14523103515625,19.990299999999998,13.59708103515625,19.796799999999998C14.27487103515625,19.506500000000003,14.964341035156249,19.3091,15.68887103515625,19.169800000000002C16.413401035156248,19.018900000000002,17.14962103515625,18.926000000000002,17.93258103515625,18.926000000000002L20.071061035156248,11.715530000000001L20.18796103515625,11.66909ZM22.91076103515625,12.20319L22.525161035156252,8L20.18796103515625,11.6807C20.72556103515625,11.72714,21.21636103515625,11.82003,21.74216103515625,11.92453C21.74216103515625,11.91679,22.13166103515625,12.00968,22.91076103515625,12.20319ZM18.09616103515625,18.9724L17.06782103515625,22.4557L18.773961035156248,24L21.11116103515625,23.465899999999998L21.788961035156248,19.5414C21.298161035156248,19.402,20.81896103515625,19.2511,20.32816103515625,19.1582C19.60366103515625,19.076900000000002,18.86746103515625,18.9724,18.09616103515625,18.9724ZM27.49166103515625,14.14223C26.74376103515625,13.69327,25.99586103515625,13.306239999999999,25.24796103515625,12.98113C24.52346103515625,12.69086,23.74046103515625,12.40058,22.95756103515625,12.20319L22.95756103515625,12.40058L21.69546103515625,19.5646C21.89416103515625,19.6575,22.139561035156248,19.7039,22.32646103515625,19.8084C22.77836103515625,20.0019,23.101661035156248,20.1645,23.29646103515625,20.2961C23.78726103515625,20.586399999999998,24.51176103515625,20.4354,24.80396103515625,19.959400000000002L27.77216103515625,15.605229999999999C28.16946103515625,15.05951,28.02926103515625,14.43251,27.49166103515625,14.14223Z",
-									"fill": "#FF6A00",
-									"fill-opacity": "1"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M35.785,3.8624638671875L50.233000000000004,3.8624638671875L50.233000000000004,5.9204638671875L35.785,5.9204638671875L35.785,3.8624638671875ZM43.156,11.5904638671875Q42.106,13.4594638671875,40.7515,15.4754638671875Q39.397,17.4914638671875,38.599000000000004,18.3104638671875L46.978,17.5334638671875Q45.382,15.0974638671875,44.479,13.8794638671875L46.306,12.7034638671875Q47.397999999999996,14.1104638671875,48.9835,16.3784638671875Q50.569,18.6464638671875,51.492999999999995,20.1794638671875L49.54,21.6494638671875Q49.057,20.8094638671875,48.238,19.5074638671875Q46.243,19.6334638671875,42.82,19.9274638671875Q39.397,20.2214638671875,37.024,20.4734638671875L36.184,20.5784638671875L35.47,20.6834638671875L34.84,18.5624638671875Q35.281,18.4154638671875,35.512,18.2579638671875Q35.743,18.1004638671875,35.9005,17.963963867187502Q36.058,17.8274638671875,36.121,17.7644638671875Q37.087,16.840463867187502,38.305,15.1079638671875Q39.522999999999996,13.3754638671875,40.531,11.5904638671875L34,11.5904638671875L34,9.5114638671875L52.018,9.5114638671875L52.018,11.5904638671875L43.156,11.5904638671875ZM62.203,10.9814638671875L62.203,12.7244638671875L60.25,12.7244638671875L60.25,2.5814638671875L62.203,2.6654638671875L62.203,10.4144638671875Q63.19,8.6294638671875,64.051,6.4139638671875Q64.912,4.1984638671875,65.28999999999999,2.3504638671875L67.348,2.8334628671875Q67.15899999999999,3.7784638671875,66.80199999999999,4.9754638671875L72.619,4.9754638671875L72.619,6.9704638671875L66.13,6.9704638671875Q65.143,9.7004638671875,63.778,12.0524638671875L62.203,10.9814638671875ZM56.113,3.3794638671875L58.045,3.4634638671875L58.045,12.1784638671875L56.113,12.1784638671875L56.113,3.3794638671875ZM67.495,7.3064638671875Q68.251,7.8944638671875,69.469,9.1229638671875Q70.687,10.3514638671875,71.40100000000001,11.2334638671875L69.84700000000001,12.7454638671875Q69.238,11.9684638671875,68.083,10.7714638671875Q66.928,9.5744638671875,66.025,8.7134638671875L67.495,7.3064638671875ZM70.834,13.3754638671875L70.834,18.9194638671875L73.06,18.9194638671875L73.06,20.8094638671875L54.307,20.8094638671875L54.307,18.9194638671875L56.491,18.9194638671875L56.491,13.3754638671875L70.834,13.3754638671875ZM60.733000000000004,15.2444638671875L58.465,15.2444638671875L58.465,18.9194638671875L60.733000000000004,18.9194638671875L60.733000000000004,15.2444638671875ZM62.581,18.9194638671875L64.765,18.9194638671875L64.765,15.2444638671875L62.581,15.2444638671875L62.581,18.9194638671875ZM66.592,18.9194638671875L68.881,18.9194638671875L68.881,15.2444638671875L66.592,15.2444638671875L66.592,18.9194638671875ZM80.578,11.0444638671875L80.893,12.4514638671875L79.48599999999999,13.0814638671875L79.48599999999999,19.0874638671875Q79.48599999999999,20.0114638671875,79.2655,20.4629638671875Q79.045,20.9144638671875,78.52000000000001,21.1034638671875Q77.995,21.2924638671875,76.90299999999999,21.3974638671875L76.021,21.4814638671875L75.43299999999999,19.4864638671875L76.462,19.4024638671875Q76.987,19.3604638671875,77.197,19.2974638671875Q77.407,19.2344638671875,77.4805,19.0559638671875Q77.554,18.8774638671875,77.554,18.4364638671875L77.554,13.9004638671875Q76.189,14.4464638671875,75.202,14.7824638671875L74.74000000000001,12.7244638671875Q75.916,12.3464638671875,77.554,11.6744638671875L77.554,8.1464638671875L75.34899999999999,8.1464638671875L75.34899999999999,6.1094638671875L77.554,6.1094638671875L77.554,2.4974628671875L79.48599999999999,2.5814638671875L79.48599999999999,6.1094638671875L81.03999999999999,6.1094638671875L81.03999999999999,8.1464638671875L79.48599999999999,8.1464638671875L79.48599999999999,10.8344638671875L80.431,10.3934638671875L80.578,11.0444638671875ZM83.56,6.6764638671875L83.56,9.0074638671875L81.565,9.0074638671875L81.565,4.7444638671875L86.24799999999999,4.7444638671875Q85.84899999999999,3.3794638671875,85.618,2.7494638671875L87.655,2.4974628671875Q87.991,3.2744638671875,88.432,4.7444638671875L93.094,4.7444638671875L93.094,9.0074638671875L91.162,9.0074638671875L91.162,6.6764638671875L83.56,6.6764638671875ZM86.731,9.3434638671875Q85.807,10.2674638671875,84.7465,11.1284638671875Q83.686,11.9894638671875,82.15299999999999,13.1234638671875L81.082,11.5064638671875Q83.455,9.9524638671875,85.408,7.9154638671875L86.731,9.3434638671875ZM88.852,7.9154638671875Q89.755,8.5244638671875,91.3615,9.731963867187499Q92.968,10.9394638671875,93.703,11.5694638671875L92.632,13.3334638671875Q91.771,12.5354638671875,90.217,11.3384638671875Q88.663,10.1414638671875,87.718,9.5114638671875L88.852,7.9154638671875ZM92.107,15.2444638671875L88.285,15.2444638671875L88.285,18.7094638671875L93.577,18.7094638671875L93.577,20.5994638671875L80.935,20.5994638671875L80.935,18.7094638671875L86.164,18.7094638671875L86.164,15.2444638671875L82.3,15.2444638671875L82.3,13.3334638671875L92.107,13.3334638671875L92.107,15.2444638671875Z",
-									"fill": "#FF6A00",
-									"fill-opacity": "1"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AliyunIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "fill": "none",
+      "version": "1.1",
+      "width": "96",
+      "height": "24",
+      "viewBox": "0 0 96 24"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {},
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.10294,22C5.68819,22,5.18195,21.8532,4.58421,21.5595C4.46861,21.5027,4.39038,21.4658,4.34951,21.4488C3.49789,21.0943,2.74367,20.5941,2.08684,19.9484C0.695613,18.5806,0,16.9311,0,15C0,13.0689,0.695612,11.4194,2.08684,10.0516C3.24259,8.91537,4.59607,8.2511,6.14728,8.05878C6.34758,5.97414,7.22633,4.16634,8.78354,2.63539C10.5706,0.878463,12.7286,0,15.2573,0C17.2884,0,19.1146,0.595472,20.7358,1.78642C22.327,2.95528,23.4151,4.46783,24,6.32406L22.0568,6.91594C21.6024,5.47377,20.7561,4.29798,19.5181,3.38858C18.2579,2.46286,16.8377,2,15.2573,2C13.2903,2,11.6119,2.6832,10.222,4.04961C8.83217,5.41601,8.13725,7.06614,8.13725,9L8.13725,10L7.12009,10C5.71758,10,4.51932,10.4886,3.52532,11.4659C2.53132,12.4431,2.03431,13.6211,2.03431,15C2.03431,16.3789,2.53132,17.5569,3.52532,18.5341C3.99531,18.9962,4.53447,19.3538,5.14278,19.6071C5.2229,19.6405,5.33983,19.695,5.49356,19.7705C5.80505,19.9235,6.00818,20,6.10294,20L6.10294,22Z",
+                  "fill-rule": "evenodd",
+                  "fill": "#FF6A00",
+                  "fill-opacity": "1"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {},
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M20.18796103515625,11.66909C19.46346103515625,11.5762,18.72726103515625,11.52975,17.991011035156248,11.52975C16.728921035156247,11.52975,15.45515103515625,11.66909,14.23981103515625,11.91292C13.02447103515625,12.156749999999999,11.85588103515625,12.539909999999999,10.73402103515625,12.98113C9.98612103515625,13.306239999999999,9.23822103515625,13.69327,8.49031803515625,14.14223C7.99950790415625,14.43251,7.85927603515625,15.10595,8.15142503515625,15.59361L11.11966103515625,19.9478C11.45855103515625,20.4354,12.13634103515625,20.5747,12.627151035156249,20.2845C12.821921035156251,20.152900000000002,13.14523103515625,19.990299999999998,13.59708103515625,19.796799999999998C14.27487103515625,19.506500000000003,14.964341035156249,19.3091,15.68887103515625,19.169800000000002C16.413401035156248,19.018900000000002,17.14962103515625,18.926000000000002,17.93258103515625,18.926000000000002L20.071061035156248,11.715530000000001L20.18796103515625,11.66909ZM22.91076103515625,12.20319L22.525161035156252,8L20.18796103515625,11.6807C20.72556103515625,11.72714,21.21636103515625,11.82003,21.74216103515625,11.92453C21.74216103515625,11.91679,22.13166103515625,12.00968,22.91076103515625,12.20319ZM18.09616103515625,18.9724L17.06782103515625,22.4557L18.773961035156248,24L21.11116103515625,23.465899999999998L21.788961035156248,19.5414C21.298161035156248,19.402,20.81896103515625,19.2511,20.32816103515625,19.1582C19.60366103515625,19.076900000000002,18.86746103515625,18.9724,18.09616103515625,18.9724ZM27.49166103515625,14.14223C26.74376103515625,13.69327,25.99586103515625,13.306239999999999,25.24796103515625,12.98113C24.52346103515625,12.69086,23.74046103515625,12.40058,22.95756103515625,12.20319L22.95756103515625,12.40058L21.69546103515625,19.5646C21.89416103515625,19.6575,22.139561035156248,19.7039,22.32646103515625,19.8084C22.77836103515625,20.0019,23.101661035156248,20.1645,23.29646103515625,20.2961C23.78726103515625,20.586399999999998,24.51176103515625,20.4354,24.80396103515625,19.959400000000002L27.77216103515625,15.605229999999999C28.16946103515625,15.05951,28.02926103515625,14.43251,27.49166103515625,14.14223Z",
+                  "fill": "#FF6A00",
+                  "fill-opacity": "1"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {},
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M35.785,3.8624638671875L50.233000000000004,3.8624638671875L50.233000000000004,5.9204638671875L35.785,5.9204638671875L35.785,3.8624638671875ZM43.156,11.5904638671875Q42.106,13.4594638671875,40.7515,15.4754638671875Q39.397,17.4914638671875,38.599000000000004,18.3104638671875L46.978,17.5334638671875Q45.382,15.0974638671875,44.479,13.8794638671875L46.306,12.7034638671875Q47.397999999999996,14.1104638671875,48.9835,16.3784638671875Q50.569,18.6464638671875,51.492999999999995,20.1794638671875L49.54,21.6494638671875Q49.057,20.8094638671875,48.238,19.5074638671875Q46.243,19.6334638671875,42.82,19.9274638671875Q39.397,20.2214638671875,37.024,20.4734638671875L36.184,20.5784638671875L35.47,20.6834638671875L34.84,18.5624638671875Q35.281,18.4154638671875,35.512,18.2579638671875Q35.743,18.1004638671875,35.9005,17.963963867187502Q36.058,17.8274638671875,36.121,17.7644638671875Q37.087,16.840463867187502,38.305,15.1079638671875Q39.522999999999996,13.3754638671875,40.531,11.5904638671875L34,11.5904638671875L34,9.5114638671875L52.018,9.5114638671875L52.018,11.5904638671875L43.156,11.5904638671875ZM62.203,10.9814638671875L62.203,12.7244638671875L60.25,12.7244638671875L60.25,2.5814638671875L62.203,2.6654638671875L62.203,10.4144638671875Q63.19,8.6294638671875,64.051,6.4139638671875Q64.912,4.1984638671875,65.28999999999999,2.3504638671875L67.348,2.8334628671875Q67.15899999999999,3.7784638671875,66.80199999999999,4.9754638671875L72.619,4.9754638671875L72.619,6.9704638671875L66.13,6.9704638671875Q65.143,9.7004638671875,63.778,12.0524638671875L62.203,10.9814638671875ZM56.113,3.3794638671875L58.045,3.4634638671875L58.045,12.1784638671875L56.113,12.1784638671875L56.113,3.3794638671875ZM67.495,7.3064638671875Q68.251,7.8944638671875,69.469,9.1229638671875Q70.687,10.3514638671875,71.40100000000001,11.2334638671875L69.84700000000001,12.7454638671875Q69.238,11.9684638671875,68.083,10.7714638671875Q66.928,9.5744638671875,66.025,8.7134638671875L67.495,7.3064638671875ZM70.834,13.3754638671875L70.834,18.9194638671875L73.06,18.9194638671875L73.06,20.8094638671875L54.307,20.8094638671875L54.307,18.9194638671875L56.491,18.9194638671875L56.491,13.3754638671875L70.834,13.3754638671875ZM60.733000000000004,15.2444638671875L58.465,15.2444638671875L58.465,18.9194638671875L60.733000000000004,18.9194638671875L60.733000000000004,15.2444638671875ZM62.581,18.9194638671875L64.765,18.9194638671875L64.765,15.2444638671875L62.581,15.2444638671875L62.581,18.9194638671875ZM66.592,18.9194638671875L68.881,18.9194638671875L68.881,15.2444638671875L66.592,15.2444638671875L66.592,18.9194638671875ZM80.578,11.0444638671875L80.893,12.4514638671875L79.48599999999999,13.0814638671875L79.48599999999999,19.0874638671875Q79.48599999999999,20.0114638671875,79.2655,20.4629638671875Q79.045,20.9144638671875,78.52000000000001,21.1034638671875Q77.995,21.2924638671875,76.90299999999999,21.3974638671875L76.021,21.4814638671875L75.43299999999999,19.4864638671875L76.462,19.4024638671875Q76.987,19.3604638671875,77.197,19.2974638671875Q77.407,19.2344638671875,77.4805,19.0559638671875Q77.554,18.8774638671875,77.554,18.4364638671875L77.554,13.9004638671875Q76.189,14.4464638671875,75.202,14.7824638671875L74.74000000000001,12.7244638671875Q75.916,12.3464638671875,77.554,11.6744638671875L77.554,8.1464638671875L75.34899999999999,8.1464638671875L75.34899999999999,6.1094638671875L77.554,6.1094638671875L77.554,2.4974628671875L79.48599999999999,2.5814638671875L79.48599999999999,6.1094638671875L81.03999999999999,6.1094638671875L81.03999999999999,8.1464638671875L79.48599999999999,8.1464638671875L79.48599999999999,10.8344638671875L80.431,10.3934638671875L80.578,11.0444638671875ZM83.56,6.6764638671875L83.56,9.0074638671875L81.565,9.0074638671875L81.565,4.7444638671875L86.24799999999999,4.7444638671875Q85.84899999999999,3.3794638671875,85.618,2.7494638671875L87.655,2.4974628671875Q87.991,3.2744638671875,88.432,4.7444638671875L93.094,4.7444638671875L93.094,9.0074638671875L91.162,9.0074638671875L91.162,6.6764638671875L83.56,6.6764638671875ZM86.731,9.3434638671875Q85.807,10.2674638671875,84.7465,11.1284638671875Q83.686,11.9894638671875,82.15299999999999,13.1234638671875L81.082,11.5064638671875Q83.455,9.9524638671875,85.408,7.9154638671875L86.731,9.3434638671875ZM88.852,7.9154638671875Q89.755,8.5244638671875,91.3615,9.731963867187499Q92.968,10.9394638671875,93.703,11.5694638671875L92.632,13.3334638671875Q91.771,12.5354638671875,90.217,11.3384638671875Q88.663,10.1414638671875,87.718,9.5114638671875L88.852,7.9154638671875ZM92.107,15.2444638671875L88.285,15.2444638671875L88.285,18.7094638671875L93.577,18.7094638671875L93.577,20.5994638671875L80.935,20.5994638671875L80.935,18.7094638671875L86.164,18.7094638671875L86.164,15.2444638671875L82.3,15.2444638671875L82.3,13.3334638671875L92.107,13.3334638671875L92.107,15.2444638671875Z",
+                  "fill": "#FF6A00",
+                  "fill-opacity": "1"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AliyunIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/AliyunIconBig.tsx b/web/app/components/base/icons/src/public/tracing/AliyunIconBig.tsx
index 3e9bc7f0ef..fe90802557 100644
--- a/web/app/components/base/icons/src/public/tracing/AliyunIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/AliyunIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AliyunIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AliyunIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/ArizeIcon.json b/web/app/components/base/icons/src/public/tracing/ArizeIcon.json
index fc438819ee..324c7581b5 100644
--- a/web/app/components/base/icons/src/public/tracing/ArizeIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/ArizeIcon.json
@@ -1,122 +1,122 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"id": "Layer_2",
-			"data-name": "Layer 2",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"viewBox": "0 0 74 16",
-			"width": "74",
-			"height": "16"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Layer_1-2",
-					"data-name": "Layer 1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"style": "fill: none;",
-							"y": "0",
-							"width": "74",
-							"height": "16"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Arize_-_standard",
-							"data-name": "Arize - standard"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M67.29,9.7h-7.52c0,.08,0,.15.01.21.35,1.03,1.03,1.73,2.13,1.92,1.13.19,2.14,0,2.86-1.01.06-.09.19-.18.29-.19.66-.02,1.33,0,1.99,0-.1,1.79-2.59,3.32-5.07,3.14-2.66-.2-4.61-2.53-4.39-5.25.25-3.08,2.44-4.88,5.58-4.56,2.7.27,4.45,2.69,4.12,5.76ZM59.81,7.77h5.3c-.28-1.25-1.36-2.01-2.78-1.98-1.25.03-2.32.87-2.52,1.98Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #ff008c;",
-											"d": "M13.87,1.69c.4-.02.74.17.99.54,2.03,2.92,4.06,5.85,6.08,8.77.42.61.28,1.33-.29,1.73-.56.39-1.31.24-1.74-.38-1.4-2.01-2.79-4.02-4.19-6.04-.03-.04-.05-.08-.08-.11-.55-.78-1.1-.78-1.64,0-1.41,2.03-2.82,4.06-4.23,6.09-.23.34-.52.59-.93.63-.51.06-.92-.13-1.19-.57-.28-.46-.25-.92.05-1.35.68-.98,1.36-1.96,2.04-2.93,1.34-1.93,2.68-3.85,4.02-5.78.26-.37.59-.6,1.11-.59Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M35.23,13.62h-2.01v-.77c-.07.01-.1,0-.13.02-1.64,1.16-3.39,1.25-5.12.34-1.74-.92-2.47-2.51-2.45-4.45.02-2.17,1.22-3.97,3.1-4.57,1.57-.5,3.09-.45,4.46.62.02.02.06.02.14.05v-.79h2.02v9.54ZM27.57,8.88c0,.11.01.31.03.5.14,1.39,1.18,2.39,2.61,2.51,1.4.12,2.53-.63,2.92-1.97.09-.32.14-.65.15-.98.09-2.15-1.5-3.51-3.56-3.07-1.28.27-2.13,1.43-2.15,3.02Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M53.61,5.93h-4.96v-1.85h7.76c0,.54.01,1.07,0,1.61,0,.12-.12.24-.21.34-1.52,1.79-3.05,3.57-4.57,5.36-.07.09-.14.18-.26.32h5.02v1.91h-7.83c0-.54-.01-1.08,0-1.61,0-.11.11-.22.19-.31,1.55-1.83,3.1-3.65,4.64-5.47.06-.07.11-.14.21-.28Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M39.6,13.69h-2.02V4.15h2.02v1.03c.54-.32,1.04-.68,1.58-.94.57-.28,1.19-.27,1.85-.23v1.96c-.1,0-.2.02-.3.02-1.58.02-2.68.9-3.01,2.46-.08.38-.11.77-.11,1.16-.01,1.24,0,2.47,0,3.71v.38Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M44.74,4.06h1.99v9.56h-1.99V4.06Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #ff008c;",
-											"d": "M13.82,13.02c.84,0,1.49.64,1.5,1.46,0,.83-.68,1.53-1.5,1.52-.82,0-1.47-.67-1.48-1.5,0-.83.64-1.48,1.47-1.48Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M47.13,1.41c0,.8-.61,1.43-1.39,1.43-.8,0-1.44-.63-1.44-1.43,0-.78.63-1.41,1.42-1.41.79,0,1.41.62,1.41,1.41Z"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ArizeIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "id": "Layer_2",
+      "data-name": "Layer 2",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 74 16",
+      "width": "74",
+      "height": "16"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Layer_1-2",
+          "data-name": "Layer 1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "style": "fill: none;",
+              "y": "0",
+              "width": "74",
+              "height": "16"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Arize_-_standard",
+              "data-name": "Arize - standard"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {},
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M67.29,9.7h-7.52c0,.08,0,.15.01.21.35,1.03,1.03,1.73,2.13,1.92,1.13.19,2.14,0,2.86-1.01.06-.09.19-.18.29-.19.66-.02,1.33,0,1.99,0-.1,1.79-2.59,3.32-5.07,3.14-2.66-.2-4.61-2.53-4.39-5.25.25-3.08,2.44-4.88,5.58-4.56,2.7.27,4.45,2.69,4.12,5.76ZM59.81,7.77h5.3c-.28-1.25-1.36-2.01-2.78-1.98-1.25.03-2.32.87-2.52,1.98Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #ff008c;",
+                      "d": "M13.87,1.69c.4-.02.74.17.99.54,2.03,2.92,4.06,5.85,6.08,8.77.42.61.28,1.33-.29,1.73-.56.39-1.31.24-1.74-.38-1.4-2.01-2.79-4.02-4.19-6.04-.03-.04-.05-.08-.08-.11-.55-.78-1.1-.78-1.64,0-1.41,2.03-2.82,4.06-4.23,6.09-.23.34-.52.59-.93.63-.51.06-.92-.13-1.19-.57-.28-.46-.25-.92.05-1.35.68-.98,1.36-1.96,2.04-2.93,1.34-1.93,2.68-3.85,4.02-5.78.26-.37.59-.6,1.11-.59Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M35.23,13.62h-2.01v-.77c-.07.01-.1,0-.13.02-1.64,1.16-3.39,1.25-5.12.34-1.74-.92-2.47-2.51-2.45-4.45.02-2.17,1.22-3.97,3.1-4.57,1.57-.5,3.09-.45,4.46.62.02.02.06.02.14.05v-.79h2.02v9.54ZM27.57,8.88c0,.11.01.31.03.5.14,1.39,1.18,2.39,2.61,2.51,1.4.12,2.53-.63,2.92-1.97.09-.32.14-.65.15-.98.09-2.15-1.5-3.51-3.56-3.07-1.28.27-2.13,1.43-2.15,3.02Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M53.61,5.93h-4.96v-1.85h7.76c0,.54.01,1.07,0,1.61,0,.12-.12.24-.21.34-1.52,1.79-3.05,3.57-4.57,5.36-.07.09-.14.18-.26.32h5.02v1.91h-7.83c0-.54-.01-1.08,0-1.61,0-.11.11-.22.19-.31,1.55-1.83,3.1-3.65,4.64-5.47.06-.07.11-.14.21-.28Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M39.6,13.69h-2.02V4.15h2.02v1.03c.54-.32,1.04-.68,1.58-.94.57-.28,1.19-.27,1.85-.23v1.96c-.1,0-.2.02-.3.02-1.58.02-2.68.9-3.01,2.46-.08.38-.11.77-.11,1.16-.01,1.24,0,2.47,0,3.71v.38Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M44.74,4.06h1.99v9.56h-1.99V4.06Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #ff008c;",
+                      "d": "M13.82,13.02c.84,0,1.49.64,1.5,1.46,0,.83-.68,1.53-1.5,1.52-.82,0-1.47-.67-1.48-1.5,0-.83.64-1.48,1.47-1.48Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M47.13,1.41c0,.8-.61,1.43-1.39,1.43-.8,0-1.44-.63-1.44-1.43,0-.78.63-1.41,1.42-1.41.79,0,1.41.62,1.41,1.41Z"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ArizeIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/ArizeIcon.tsx b/web/app/components/base/icons/src/public/tracing/ArizeIcon.tsx
index 77ca0d3194..2f0f9417a5 100644
--- a/web/app/components/base/icons/src/public/tracing/ArizeIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/ArizeIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArizeIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArizeIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/ArizeIconBig.json b/web/app/components/base/icons/src/public/tracing/ArizeIconBig.json
index 57be25e5b3..00cbe62179 100644
--- a/web/app/components/base/icons/src/public/tracing/ArizeIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/ArizeIconBig.json
@@ -1,122 +1,122 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"id": "Layer_2",
-			"data-name": "Layer 2",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"viewBox": "0 0 111 24",
-			"width": "111",
-			"height": "24"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Layer_1-2",
-					"data-name": "Layer 1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"style": "fill: none;",
-							"y": "0",
-							"width": "111",
-							"height": "24"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Arize_-_standard",
-							"data-name": "Arize - standard"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M100.94,14.55h-11.29c0,.13-.01.23.02.31.53,1.55,1.54,2.59,3.19,2.88,1.7.29,3.22,0,4.3-1.52.09-.13.28-.27.43-.28.99-.02,1.99-.01,2.99-.01-.16,2.69-3.89,4.98-7.6,4.7-3.99-.3-6.91-3.79-6.58-7.88.37-4.62,3.67-7.31,8.37-6.85,4.05.4,6.68,4.04,6.19,8.64ZM89.71,11.66h7.96c-.43-1.88-2.04-3.02-4.17-2.97-1.87.04-3.48,1.3-3.78,2.97Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #ff008c;",
-											"d": "M20.81,2.53c.59-.03,1.11.26,1.49.8,3.05,4.38,6.09,8.77,9.13,13.16.63.91.43,1.99-.43,2.59-.84.59-1.97.35-2.62-.57-2.1-3.01-4.19-6.04-6.28-9.05-.04-.06-.08-.11-.12-.17-.83-1.17-1.65-1.18-2.47,0-2.11,3.05-4.23,6.09-6.34,9.14-.35.5-.77.88-1.4.95-.77.08-1.39-.19-1.79-.86-.41-.69-.38-1.38.07-2.03,1.01-1.47,2.04-2.93,3.06-4.4,2.01-2.89,4.03-5.77,6.03-8.67.39-.56.88-.9,1.67-.89Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M52.84,20.43h-3.02v-1.16c-.1.02-.16.01-.19.03-2.46,1.73-5.09,1.88-7.68.51-2.61-1.38-3.71-3.77-3.68-6.67.03-3.26,1.82-5.96,4.64-6.86,2.35-.75,4.64-.67,6.69.93.04.03.09.03.2.07v-1.18h3.03v14.31ZM41.36,13.32c.01.17.02.46.05.75.22,2.09,1.76,3.58,3.91,3.76,2.1.18,3.8-.95,4.38-2.96.14-.47.2-.98.22-1.47.13-3.22-2.25-5.27-5.33-4.61-1.92.41-3.19,2.14-3.23,4.53Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M80.41,8.9h-7.44v-2.77h11.64c0,.81.02,1.61-.01,2.41,0,.17-.19.35-.32.51-2.28,2.68-4.57,5.36-6.85,8.04-.11.13-.21.26-.38.47h7.53v2.86h-11.74c0-.82-.02-1.62.01-2.42,0-.16.17-.33.28-.47,2.32-2.74,4.64-5.47,6.96-8.21.09-.1.16-.21.32-.42Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M59.39,20.54h-3.03V6.22h3.03v1.54c.8-.48,1.55-1.01,2.37-1.41.85-.41,1.79-.41,2.77-.35v2.94c-.16.01-.3.03-.45.03-2.37.03-4.01,1.36-4.51,3.69-.12.57-.16,1.16-.16,1.74-.02,1.85,0,3.71,0,5.56v.57Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M67.1,6.09h2.99v14.33h-2.99V6.09Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #ff008c;",
-											"d": "M20.73,19.53c1.25,0,2.24.96,2.25,2.19.01,1.24-1.02,2.29-2.24,2.28-1.23-.01-2.21-1.01-2.22-2.24,0-1.25.96-2.22,2.21-2.22Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M70.7,2.11c0,1.19-.92,2.14-2.09,2.15-1.19.01-2.16-.95-2.16-2.14C66.46.95,67.4,0,68.58,0c1.18,0,2.12.93,2.12,2.11Z"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ArizeIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "id": "Layer_2",
+      "data-name": "Layer 2",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 111 24",
+      "width": "111",
+      "height": "24"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Layer_1-2",
+          "data-name": "Layer 1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "style": "fill: none;",
+              "y": "0",
+              "width": "111",
+              "height": "24"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Arize_-_standard",
+              "data-name": "Arize - standard"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {},
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M100.94,14.55h-11.29c0,.13-.01.23.02.31.53,1.55,1.54,2.59,3.19,2.88,1.7.29,3.22,0,4.3-1.52.09-.13.28-.27.43-.28.99-.02,1.99-.01,2.99-.01-.16,2.69-3.89,4.98-7.6,4.7-3.99-.3-6.91-3.79-6.58-7.88.37-4.62,3.67-7.31,8.37-6.85,4.05.4,6.68,4.04,6.19,8.64ZM89.71,11.66h7.96c-.43-1.88-2.04-3.02-4.17-2.97-1.87.04-3.48,1.3-3.78,2.97Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #ff008c;",
+                      "d": "M20.81,2.53c.59-.03,1.11.26,1.49.8,3.05,4.38,6.09,8.77,9.13,13.16.63.91.43,1.99-.43,2.59-.84.59-1.97.35-2.62-.57-2.1-3.01-4.19-6.04-6.28-9.05-.04-.06-.08-.11-.12-.17-.83-1.17-1.65-1.18-2.47,0-2.11,3.05-4.23,6.09-6.34,9.14-.35.5-.77.88-1.4.95-.77.08-1.39-.19-1.79-.86-.41-.69-.38-1.38.07-2.03,1.01-1.47,2.04-2.93,3.06-4.4,2.01-2.89,4.03-5.77,6.03-8.67.39-.56.88-.9,1.67-.89Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M52.84,20.43h-3.02v-1.16c-.1.02-.16.01-.19.03-2.46,1.73-5.09,1.88-7.68.51-2.61-1.38-3.71-3.77-3.68-6.67.03-3.26,1.82-5.96,4.64-6.86,2.35-.75,4.64-.67,6.69.93.04.03.09.03.2.07v-1.18h3.03v14.31ZM41.36,13.32c.01.17.02.46.05.75.22,2.09,1.76,3.58,3.91,3.76,2.1.18,3.8-.95,4.38-2.96.14-.47.2-.98.22-1.47.13-3.22-2.25-5.27-5.33-4.61-1.92.41-3.19,2.14-3.23,4.53Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M80.41,8.9h-7.44v-2.77h11.64c0,.81.02,1.61-.01,2.41,0,.17-.19.35-.32.51-2.28,2.68-4.57,5.36-6.85,8.04-.11.13-.21.26-.38.47h7.53v2.86h-11.74c0-.82-.02-1.62.01-2.42,0-.16.17-.33.28-.47,2.32-2.74,4.64-5.47,6.96-8.21.09-.1.16-.21.32-.42Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M59.39,20.54h-3.03V6.22h3.03v1.54c.8-.48,1.55-1.01,2.37-1.41.85-.41,1.79-.41,2.77-.35v2.94c-.16.01-.3.03-.45.03-2.37.03-4.01,1.36-4.51,3.69-.12.57-.16,1.16-.16,1.74-.02,1.85,0,3.71,0,5.56v.57Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M67.1,6.09h2.99v14.33h-2.99V6.09Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #ff008c;",
+                      "d": "M20.73,19.53c1.25,0,2.24.96,2.25,2.19.01,1.24-1.02,2.29-2.24,2.28-1.23-.01-2.21-1.01-2.22-2.24,0-1.25.96-2.22,2.21-2.22Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M70.7,2.11c0,1.19-.92,2.14-2.09,2.15-1.19.01-2.16-.95-2.16-2.14C66.46.95,67.4,0,68.58,0c1.18,0,2.12.93,2.12,2.11Z"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ArizeIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/ArizeIconBig.tsx b/web/app/components/base/icons/src/public/tracing/ArizeIconBig.tsx
index ad3117b768..add615e685 100644
--- a/web/app/components/base/icons/src/public/tracing/ArizeIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/ArizeIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArizeIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArizeIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/DatabricksIcon.json b/web/app/components/base/icons/src/public/tracing/DatabricksIcon.json
index fef015543d..b73592b6f6 100644
--- a/web/app/components/base/icons/src/public/tracing/DatabricksIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/DatabricksIcon.json
@@ -1,135 +1,135 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"width": "100px",
-			"height": "16px",
-			"viewBox": "0 0 100 16",
-			"version": "1.1"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "surface1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(93.333334%,23.921569%,17.254902%);fill-opacity:1;",
-							"d": "M 13.886719 6.597656 L 7.347656 10.320312 L 0.351562 6.34375 L 0.015625 6.527344 L 0.015625 9.414062 L 7.347656 13.578125 L 13.886719 9.867188 L 13.886719 11.398438 L 7.347656 15.121094 L 0.351562 11.144531 L 0.015625 11.328125 L 0.015625 11.824219 L 7.347656 15.984375 L 14.671875 11.824219 L 14.671875 8.933594 L 14.332031 8.75 L 7.347656 12.714844 L 0.800781 9.003906 L 0.800781 7.476562 L 7.347656 11.1875 L 14.671875 7.023438 L 14.671875 4.175781 L 14.304688 3.964844 L 7.347656 7.914062 L 1.136719 4.402344 L 7.347656 0.878906 L 12.453125 3.78125 L 12.902344 3.527344 L 12.902344 3.171875 L 7.347656 0.015625 L 0.015625 4.175781 L 0.015625 4.628906 L 7.347656 8.792969 L 13.886719 5.070312 Z M 13.886719 6.597656 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 28.375 13.621094 L 28.375 0.90625 L 26.4375 0.90625 L 26.4375 5.664062 C 26.4375 5.734375 26.394531 5.792969 26.324219 5.820312 C 26.253906 5.847656 26.183594 5.820312 26.144531 5.777344 C 25.484375 5 24.460938 4.558594 23.339844 4.558594 C 20.941406 4.558594 19.058594 6.597656 19.058594 9.203125 C 19.058594 10.476562 19.496094 11.652344 20.292969 12.515625 C 21.09375 13.378906 22.175781 13.847656 23.339844 13.847656 C 24.445312 13.847656 25.46875 13.378906 26.144531 12.574219 C 26.183594 12.515625 26.269531 12.503906 26.324219 12.515625 C 26.394531 12.546875 26.4375 12.601562 26.4375 12.671875 L 26.4375 13.621094 Z M 23.757812 12.078125 C 22.214844 12.078125 21.011719 10.816406 21.011719 9.203125 C 21.011719 7.589844 22.214844 6.328125 23.757812 6.328125 C 25.300781 6.328125 26.507812 7.589844 26.507812 9.203125 C 26.507812 10.816406 25.300781 12.078125 23.757812 12.078125 Z M 23.757812 12.078125 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 38.722656 13.621094 L 38.722656 4.773438 L 36.800781 4.773438 L 36.800781 5.664062 C 36.800781 5.734375 36.761719 5.792969 36.691406 5.820312 C 36.621094 5.847656 36.550781 5.820312 36.507812 5.761719 C 35.863281 4.984375 34.851562 4.546875 33.703125 4.546875 C 31.304688 4.546875 29.425781 6.585938 29.425781 9.1875 C 29.425781 11.792969 31.304688 13.832031 33.703125 13.832031 C 34.8125 13.832031 35.835938 13.367188 36.507812 12.546875 C 36.550781 12.488281 36.632812 12.472656 36.691406 12.488281 C 36.761719 12.515625 36.800781 12.574219 36.800781 12.644531 L 36.800781 13.605469 L 38.722656 13.605469 Z M 34.136719 12.078125 C 32.59375 12.078125 31.386719 10.816406 31.386719 9.203125 C 31.386719 7.589844 32.59375 6.328125 34.136719 6.328125 C 35.679688 6.328125 36.886719 7.589844 36.886719 9.203125 C 36.886719 10.816406 35.679688 12.078125 34.136719 12.078125 Z M 34.136719 12.078125 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 55.175781 13.621094 L 55.175781 4.773438 L 53.253906 4.773438 L 53.253906 5.664062 C 53.253906 5.734375 53.210938 5.792969 53.140625 5.820312 C 53.070312 5.847656 53 5.820312 52.960938 5.761719 C 52.3125 4.984375 51.304688 4.546875 50.152344 4.546875 C 47.742188 4.546875 45.875 6.585938 45.875 9.203125 C 45.875 11.824219 47.757812 13.847656 50.152344 13.847656 C 51.261719 13.847656 52.285156 13.378906 52.960938 12.558594 C 53 12.503906 53.085938 12.488281 53.140625 12.503906 C 53.210938 12.53125 53.253906 12.585938 53.253906 12.660156 L 53.253906 13.621094 Z M 50.589844 12.078125 C 49.046875 12.078125 47.839844 10.816406 47.839844 9.203125 C 47.839844 7.589844 49.046875 6.328125 50.589844 6.328125 C 52.132812 6.328125 53.339844 7.589844 53.339844 9.203125 C 53.339844 10.816406 52.132812 12.078125 50.589844 12.078125 Z M 50.589844 12.078125 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 58.695312 12.574219 C 58.710938 12.574219 58.738281 12.558594 58.75 12.558594 C 58.792969 12.558594 58.851562 12.585938 58.878906 12.617188 C 59.539062 13.394531 60.5625 13.832031 61.683594 13.832031 C 64.082031 13.832031 65.960938 11.792969 65.960938 9.1875 C 65.960938 7.914062 65.527344 6.738281 64.726562 5.875 C 63.925781 5.011719 62.847656 4.546875 61.683594 4.546875 C 60.574219 4.546875 59.550781 5.011719 58.878906 5.820312 C 58.835938 5.875 58.765625 5.890625 58.695312 5.875 C 58.625 5.847656 58.582031 5.792969 58.582031 5.71875 L 58.582031 0.90625 L 56.648438 0.90625 L 56.648438 13.621094 L 58.582031 13.621094 L 58.582031 12.730469 C 58.582031 12.660156 58.625 12.601562 58.695312 12.574219 Z M 58.5 9.203125 C 58.5 7.589844 59.707031 6.328125 61.25 6.328125 C 62.792969 6.328125 63.996094 7.589844 63.996094 9.203125 C 63.996094 10.816406 62.792969 12.078125 61.25 12.078125 C 59.707031 12.078125 58.5 10.804688 58.5 9.203125 Z M 58.5 9.203125 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 71.558594 6.585938 C 71.738281 6.585938 71.90625 6.597656 72.019531 6.625 L 72.019531 4.617188 C 71.949219 4.601562 71.824219 4.585938 71.695312 4.585938 C 70.6875 4.585938 69.761719 5.113281 69.269531 5.945312 C 69.230469 6.019531 69.160156 6.046875 69.089844 6.019531 C 69.019531 6.003906 68.960938 5.933594 68.960938 5.863281 L 68.960938 4.773438 L 67.039062 4.773438 L 67.039062 13.636719 L 68.976562 13.636719 L 68.976562 9.726562 C 68.976562 7.789062 69.957031 6.585938 71.558594 6.585938 Z M 71.558594 6.585938 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 73.238281 4.773438 L 75.203125 4.773438 L 75.203125 13.636719 L 73.238281 13.636719 Z M 73.238281 4.773438 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 74.195312 0.921875 C 73.535156 0.921875 73 1.457031 73 2.125 C 73 2.789062 73.535156 3.328125 74.195312 3.328125 C 74.851562 3.328125 75.386719 2.789062 75.386719 2.125 C 75.386719 1.457031 74.851562 0.921875 74.195312 0.921875 Z M 74.195312 0.921875 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 80.953125 4.546875 C 78.261719 4.546875 76.3125 6.5 76.3125 9.203125 C 76.3125 10.519531 76.773438 11.695312 77.601562 12.546875 C 78.441406 13.394531 79.621094 13.863281 80.941406 13.863281 C 82.035156 13.863281 82.875 13.648438 84.472656 12.460938 L 83.367188 11.285156 C 82.582031 11.808594 81.851562 12.0625 81.136719 12.0625 C 79.507812 12.0625 78.289062 10.832031 78.289062 9.203125 C 78.289062 7.574219 79.507812 6.34375 81.136719 6.34375 C 81.90625 6.34375 82.621094 6.597656 83.339844 7.121094 L 84.570312 5.945312 C 83.128906 4.699219 81.824219 4.546875 80.953125 4.546875 Z M 80.953125 4.546875 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 87.882812 9.726562 C 87.910156 9.699219 87.953125 9.683594 87.996094 9.683594 L 88.007812 9.683594 C 88.050781 9.683594 88.09375 9.714844 88.132812 9.742188 L 91.234375 13.621094 L 93.617188 13.621094 L 89.605469 8.722656 C 89.550781 8.652344 89.550781 8.550781 89.621094 8.496094 L 93.308594 4.773438 L 90.941406 4.773438 L 87.757812 8 C 87.714844 8.042969 87.644531 8.054688 87.574219 8.042969 C 87.515625 8.015625 87.476562 7.957031 87.476562 7.886719 L 87.476562 0.921875 L 85.527344 0.921875 L 85.527344 13.636719 L 87.460938 13.636719 L 87.460938 10.179688 C 87.460938 10.136719 87.476562 10.082031 87.515625 10.054688 Z M 87.882812 9.726562 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 96.773438 13.847656 C 98.359375 13.847656 99.972656 12.871094 99.972656 11.015625 C 99.972656 9.796875 99.214844 8.960938 97.671875 8.453125 L 96.621094 8.097656 C 95.90625 7.859375 95.566406 7.519531 95.566406 7.050781 C 95.566406 6.511719 96.042969 6.144531 96.71875 6.144531 C 97.363281 6.144531 97.9375 6.570312 98.304688 7.304688 L 99.859375 6.457031 C 99.285156 5.265625 98.09375 4.53125 96.71875 4.53125 C 94.980469 4.53125 93.714844 5.664062 93.714844 7.207031 C 93.714844 8.4375 94.445312 9.261719 95.945312 9.742188 L 97.027344 10.09375 C 97.785156 10.335938 98.105469 10.648438 98.105469 11.144531 C 98.105469 11.894531 97.417969 12.164062 96.832031 12.164062 C 96.042969 12.164062 95.34375 11.652344 95.007812 10.816406 L 93.421875 11.667969 C 93.941406 13.011719 95.21875 13.847656 96.773438 13.847656 Z M 96.773438 13.847656 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 44.109375 13.761719 C 44.726562 13.761719 45.273438 13.707031 45.582031 13.664062 L 45.582031 11.964844 C 45.328125 11.992188 44.878906 12.019531 44.613281 12.019531 C 43.828125 12.019531 43.226562 11.878906 43.226562 10.167969 L 43.226562 6.527344 C 43.226562 6.429688 43.296875 6.359375 43.394531 6.359375 L 45.289062 6.359375 L 45.289062 4.757812 L 43.394531 4.757812 C 43.296875 4.757812 43.226562 4.6875 43.226562 4.585938 L 43.226562 2.039062 L 41.289062 2.039062 L 41.289062 4.601562 C 41.289062 4.699219 41.21875 4.773438 41.121094 4.773438 L 39.777344 4.773438 L 39.777344 6.371094 L 41.121094 6.371094 C 41.21875 6.371094 41.289062 6.441406 41.289062 6.542969 L 41.289062 10.660156 C 41.289062 13.761719 43.339844 13.761719 44.109375 13.761719 Z M 44.109375 13.761719 "
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "DatabricksIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "width": "100px",
+      "height": "16px",
+      "viewBox": "0 0 100 16",
+      "version": "1.1"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "surface1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(93.333334%,23.921569%,17.254902%);fill-opacity:1;",
+              "d": "M 13.886719 6.597656 L 7.347656 10.320312 L 0.351562 6.34375 L 0.015625 6.527344 L 0.015625 9.414062 L 7.347656 13.578125 L 13.886719 9.867188 L 13.886719 11.398438 L 7.347656 15.121094 L 0.351562 11.144531 L 0.015625 11.328125 L 0.015625 11.824219 L 7.347656 15.984375 L 14.671875 11.824219 L 14.671875 8.933594 L 14.332031 8.75 L 7.347656 12.714844 L 0.800781 9.003906 L 0.800781 7.476562 L 7.347656 11.1875 L 14.671875 7.023438 L 14.671875 4.175781 L 14.304688 3.964844 L 7.347656 7.914062 L 1.136719 4.402344 L 7.347656 0.878906 L 12.453125 3.78125 L 12.902344 3.527344 L 12.902344 3.171875 L 7.347656 0.015625 L 0.015625 4.175781 L 0.015625 4.628906 L 7.347656 8.792969 L 13.886719 5.070312 Z M 13.886719 6.597656 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 28.375 13.621094 L 28.375 0.90625 L 26.4375 0.90625 L 26.4375 5.664062 C 26.4375 5.734375 26.394531 5.792969 26.324219 5.820312 C 26.253906 5.847656 26.183594 5.820312 26.144531 5.777344 C 25.484375 5 24.460938 4.558594 23.339844 4.558594 C 20.941406 4.558594 19.058594 6.597656 19.058594 9.203125 C 19.058594 10.476562 19.496094 11.652344 20.292969 12.515625 C 21.09375 13.378906 22.175781 13.847656 23.339844 13.847656 C 24.445312 13.847656 25.46875 13.378906 26.144531 12.574219 C 26.183594 12.515625 26.269531 12.503906 26.324219 12.515625 C 26.394531 12.546875 26.4375 12.601562 26.4375 12.671875 L 26.4375 13.621094 Z M 23.757812 12.078125 C 22.214844 12.078125 21.011719 10.816406 21.011719 9.203125 C 21.011719 7.589844 22.214844 6.328125 23.757812 6.328125 C 25.300781 6.328125 26.507812 7.589844 26.507812 9.203125 C 26.507812 10.816406 25.300781 12.078125 23.757812 12.078125 Z M 23.757812 12.078125 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 38.722656 13.621094 L 38.722656 4.773438 L 36.800781 4.773438 L 36.800781 5.664062 C 36.800781 5.734375 36.761719 5.792969 36.691406 5.820312 C 36.621094 5.847656 36.550781 5.820312 36.507812 5.761719 C 35.863281 4.984375 34.851562 4.546875 33.703125 4.546875 C 31.304688 4.546875 29.425781 6.585938 29.425781 9.1875 C 29.425781 11.792969 31.304688 13.832031 33.703125 13.832031 C 34.8125 13.832031 35.835938 13.367188 36.507812 12.546875 C 36.550781 12.488281 36.632812 12.472656 36.691406 12.488281 C 36.761719 12.515625 36.800781 12.574219 36.800781 12.644531 L 36.800781 13.605469 L 38.722656 13.605469 Z M 34.136719 12.078125 C 32.59375 12.078125 31.386719 10.816406 31.386719 9.203125 C 31.386719 7.589844 32.59375 6.328125 34.136719 6.328125 C 35.679688 6.328125 36.886719 7.589844 36.886719 9.203125 C 36.886719 10.816406 35.679688 12.078125 34.136719 12.078125 Z M 34.136719 12.078125 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 55.175781 13.621094 L 55.175781 4.773438 L 53.253906 4.773438 L 53.253906 5.664062 C 53.253906 5.734375 53.210938 5.792969 53.140625 5.820312 C 53.070312 5.847656 53 5.820312 52.960938 5.761719 C 52.3125 4.984375 51.304688 4.546875 50.152344 4.546875 C 47.742188 4.546875 45.875 6.585938 45.875 9.203125 C 45.875 11.824219 47.757812 13.847656 50.152344 13.847656 C 51.261719 13.847656 52.285156 13.378906 52.960938 12.558594 C 53 12.503906 53.085938 12.488281 53.140625 12.503906 C 53.210938 12.53125 53.253906 12.585938 53.253906 12.660156 L 53.253906 13.621094 Z M 50.589844 12.078125 C 49.046875 12.078125 47.839844 10.816406 47.839844 9.203125 C 47.839844 7.589844 49.046875 6.328125 50.589844 6.328125 C 52.132812 6.328125 53.339844 7.589844 53.339844 9.203125 C 53.339844 10.816406 52.132812 12.078125 50.589844 12.078125 Z M 50.589844 12.078125 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 58.695312 12.574219 C 58.710938 12.574219 58.738281 12.558594 58.75 12.558594 C 58.792969 12.558594 58.851562 12.585938 58.878906 12.617188 C 59.539062 13.394531 60.5625 13.832031 61.683594 13.832031 C 64.082031 13.832031 65.960938 11.792969 65.960938 9.1875 C 65.960938 7.914062 65.527344 6.738281 64.726562 5.875 C 63.925781 5.011719 62.847656 4.546875 61.683594 4.546875 C 60.574219 4.546875 59.550781 5.011719 58.878906 5.820312 C 58.835938 5.875 58.765625 5.890625 58.695312 5.875 C 58.625 5.847656 58.582031 5.792969 58.582031 5.71875 L 58.582031 0.90625 L 56.648438 0.90625 L 56.648438 13.621094 L 58.582031 13.621094 L 58.582031 12.730469 C 58.582031 12.660156 58.625 12.601562 58.695312 12.574219 Z M 58.5 9.203125 C 58.5 7.589844 59.707031 6.328125 61.25 6.328125 C 62.792969 6.328125 63.996094 7.589844 63.996094 9.203125 C 63.996094 10.816406 62.792969 12.078125 61.25 12.078125 C 59.707031 12.078125 58.5 10.804688 58.5 9.203125 Z M 58.5 9.203125 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 71.558594 6.585938 C 71.738281 6.585938 71.90625 6.597656 72.019531 6.625 L 72.019531 4.617188 C 71.949219 4.601562 71.824219 4.585938 71.695312 4.585938 C 70.6875 4.585938 69.761719 5.113281 69.269531 5.945312 C 69.230469 6.019531 69.160156 6.046875 69.089844 6.019531 C 69.019531 6.003906 68.960938 5.933594 68.960938 5.863281 L 68.960938 4.773438 L 67.039062 4.773438 L 67.039062 13.636719 L 68.976562 13.636719 L 68.976562 9.726562 C 68.976562 7.789062 69.957031 6.585938 71.558594 6.585938 Z M 71.558594 6.585938 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 73.238281 4.773438 L 75.203125 4.773438 L 75.203125 13.636719 L 73.238281 13.636719 Z M 73.238281 4.773438 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 74.195312 0.921875 C 73.535156 0.921875 73 1.457031 73 2.125 C 73 2.789062 73.535156 3.328125 74.195312 3.328125 C 74.851562 3.328125 75.386719 2.789062 75.386719 2.125 C 75.386719 1.457031 74.851562 0.921875 74.195312 0.921875 Z M 74.195312 0.921875 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 80.953125 4.546875 C 78.261719 4.546875 76.3125 6.5 76.3125 9.203125 C 76.3125 10.519531 76.773438 11.695312 77.601562 12.546875 C 78.441406 13.394531 79.621094 13.863281 80.941406 13.863281 C 82.035156 13.863281 82.875 13.648438 84.472656 12.460938 L 83.367188 11.285156 C 82.582031 11.808594 81.851562 12.0625 81.136719 12.0625 C 79.507812 12.0625 78.289062 10.832031 78.289062 9.203125 C 78.289062 7.574219 79.507812 6.34375 81.136719 6.34375 C 81.90625 6.34375 82.621094 6.597656 83.339844 7.121094 L 84.570312 5.945312 C 83.128906 4.699219 81.824219 4.546875 80.953125 4.546875 Z M 80.953125 4.546875 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 87.882812 9.726562 C 87.910156 9.699219 87.953125 9.683594 87.996094 9.683594 L 88.007812 9.683594 C 88.050781 9.683594 88.09375 9.714844 88.132812 9.742188 L 91.234375 13.621094 L 93.617188 13.621094 L 89.605469 8.722656 C 89.550781 8.652344 89.550781 8.550781 89.621094 8.496094 L 93.308594 4.773438 L 90.941406 4.773438 L 87.757812 8 C 87.714844 8.042969 87.644531 8.054688 87.574219 8.042969 C 87.515625 8.015625 87.476562 7.957031 87.476562 7.886719 L 87.476562 0.921875 L 85.527344 0.921875 L 85.527344 13.636719 L 87.460938 13.636719 L 87.460938 10.179688 C 87.460938 10.136719 87.476562 10.082031 87.515625 10.054688 Z M 87.882812 9.726562 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 96.773438 13.847656 C 98.359375 13.847656 99.972656 12.871094 99.972656 11.015625 C 99.972656 9.796875 99.214844 8.960938 97.671875 8.453125 L 96.621094 8.097656 C 95.90625 7.859375 95.566406 7.519531 95.566406 7.050781 C 95.566406 6.511719 96.042969 6.144531 96.71875 6.144531 C 97.363281 6.144531 97.9375 6.570312 98.304688 7.304688 L 99.859375 6.457031 C 99.285156 5.265625 98.09375 4.53125 96.71875 4.53125 C 94.980469 4.53125 93.714844 5.664062 93.714844 7.207031 C 93.714844 8.4375 94.445312 9.261719 95.945312 9.742188 L 97.027344 10.09375 C 97.785156 10.335938 98.105469 10.648438 98.105469 11.144531 C 98.105469 11.894531 97.417969 12.164062 96.832031 12.164062 C 96.042969 12.164062 95.34375 11.652344 95.007812 10.816406 L 93.421875 11.667969 C 93.941406 13.011719 95.21875 13.847656 96.773438 13.847656 Z M 96.773438 13.847656 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 44.109375 13.761719 C 44.726562 13.761719 45.273438 13.707031 45.582031 13.664062 L 45.582031 11.964844 C 45.328125 11.992188 44.878906 12.019531 44.613281 12.019531 C 43.828125 12.019531 43.226562 11.878906 43.226562 10.167969 L 43.226562 6.527344 C 43.226562 6.429688 43.296875 6.359375 43.394531 6.359375 L 45.289062 6.359375 L 45.289062 4.757812 L 43.394531 4.757812 C 43.296875 4.757812 43.226562 4.6875 43.226562 4.585938 L 43.226562 2.039062 L 41.289062 2.039062 L 41.289062 4.601562 C 41.289062 4.699219 41.21875 4.773438 41.121094 4.773438 L 39.777344 4.773438 L 39.777344 6.371094 L 41.121094 6.371094 C 41.21875 6.371094 41.289062 6.441406 41.289062 6.542969 L 41.289062 10.660156 C 41.289062 13.761719 43.339844 13.761719 44.109375 13.761719 Z M 44.109375 13.761719 "
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "DatabricksIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/DatabricksIcon.tsx b/web/app/components/base/icons/src/public/tracing/DatabricksIcon.tsx
index 1403c12d46..87abe453ec 100644
--- a/web/app/components/base/icons/src/public/tracing/DatabricksIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/DatabricksIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DatabricksIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DatabricksIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.json b/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.json
index 4ca83d5f59..4ad0172add 100644
--- a/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.json
@@ -1,135 +1,135 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"width": "150px",
-			"height": "24px",
-			"viewBox": "0 0 151 24",
-			"version": "1.1"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "surface1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(93.333334%,23.921569%,17.254902%);fill-opacity:1;",
-							"d": "M 20.964844 9.898438 L 11.097656 15.484375 L 0.53125 9.515625 L 0.0195312 9.792969 L 0.0195312 14.125 L 11.097656 20.367188 L 20.964844 14.804688 L 20.964844 17.097656 L 11.097656 22.683594 L 0.53125 16.714844 L 0.0195312 16.992188 L 0.0195312 17.734375 L 11.097656 23.980469 L 22.152344 17.734375 L 22.152344 13.402344 L 21.644531 13.125 L 11.097656 19.074219 L 1.207031 13.507812 L 1.207031 11.214844 L 11.097656 16.777344 L 22.152344 10.535156 L 22.152344 6.265625 L 21.601562 5.945312 L 11.097656 11.871094 L 1.714844 6.605469 L 11.097656 1.316406 L 18.804688 5.671875 L 19.484375 5.289062 L 19.484375 4.757812 L 11.097656 0.0195312 L 0.0195312 6.265625 L 0.0195312 6.945312 L 11.097656 13.1875 L 20.964844 7.605469 Z M 20.964844 9.898438 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 42.84375 20.433594 L 42.84375 1.359375 L 39.921875 1.359375 L 39.921875 8.496094 C 39.921875 8.601562 39.855469 8.6875 39.75 8.730469 C 39.644531 8.773438 39.539062 8.730469 39.476562 8.664062 C 38.480469 7.496094 36.933594 6.839844 35.242188 6.839844 C 31.617188 6.839844 28.78125 9.898438 28.78125 13.804688 C 28.78125 15.71875 29.4375 17.480469 30.644531 18.773438 C 31.851562 20.070312 33.484375 20.773438 35.242188 20.773438 C 36.914062 20.773438 38.460938 20.070312 39.476562 18.859375 C 39.539062 18.773438 39.667969 18.753906 39.75 18.773438 C 39.855469 18.816406 39.921875 18.902344 39.921875 19.007812 L 39.921875 20.433594 Z M 35.875 18.117188 C 33.546875 18.117188 31.726562 16.226562 31.726562 13.804688 C 31.726562 11.382812 33.546875 9.492188 35.875 9.492188 C 38.207031 9.492188 40.027344 11.382812 40.027344 13.804688 C 40.027344 16.226562 38.207031 18.117188 35.875 18.117188 Z M 35.875 18.117188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 58.472656 20.433594 L 58.472656 7.15625 L 55.570312 7.15625 L 55.570312 8.496094 C 55.570312 8.601562 55.507812 8.6875 55.402344 8.730469 C 55.296875 8.773438 55.191406 8.730469 55.125 8.644531 C 54.152344 7.476562 52.628906 6.816406 50.890625 6.816406 C 47.269531 6.816406 44.433594 9.875 44.433594 13.785156 C 44.433594 17.691406 47.269531 20.75 50.890625 20.75 C 52.5625 20.75 54.109375 20.050781 55.125 18.816406 C 55.191406 18.734375 55.316406 18.710938 55.402344 18.734375 C 55.507812 18.773438 55.570312 18.859375 55.570312 18.964844 L 55.570312 20.410156 L 58.472656 20.410156 Z M 51.546875 18.117188 C 49.21875 18.117188 47.398438 16.226562 47.398438 13.804688 C 47.398438 11.382812 49.21875 9.492188 51.546875 9.492188 C 53.878906 9.492188 55.699219 11.382812 55.699219 13.804688 C 55.699219 16.226562 53.878906 18.117188 51.546875 18.117188 Z M 51.546875 18.117188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 83.316406 20.433594 L 83.316406 7.15625 L 80.414062 7.15625 L 80.414062 8.496094 C 80.414062 8.601562 80.351562 8.6875 80.242188 8.730469 C 80.136719 8.773438 80.03125 8.730469 79.96875 8.644531 C 78.996094 7.476562 77.46875 6.816406 75.734375 6.816406 C 72.089844 6.816406 69.273438 9.875 69.273438 13.804688 C 69.273438 17.734375 72.113281 20.773438 75.734375 20.773438 C 77.40625 20.773438 78.953125 20.070312 79.96875 18.839844 C 80.03125 18.753906 80.160156 18.734375 80.242188 18.753906 C 80.351562 18.796875 80.414062 18.882812 80.414062 18.988281 L 80.414062 20.433594 Z M 76.390625 18.117188 C 74.058594 18.117188 72.238281 16.226562 72.238281 13.804688 C 72.238281 11.382812 74.058594 9.492188 76.390625 9.492188 C 78.71875 9.492188 80.539062 11.382812 80.539062 13.804688 C 80.539062 16.226562 78.71875 18.117188 76.390625 18.117188 Z M 76.390625 18.117188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 88.628906 18.859375 C 88.652344 18.859375 88.695312 18.839844 88.714844 18.839844 C 88.777344 18.839844 88.863281 18.882812 88.90625 18.925781 C 89.902344 20.09375 91.445312 20.75 93.140625 20.75 C 96.761719 20.75 99.601562 17.691406 99.601562 13.785156 C 99.601562 11.871094 98.945312 10.109375 97.738281 8.8125 C 96.53125 7.519531 94.898438 6.816406 93.140625 6.816406 C 91.46875 6.816406 89.921875 7.519531 88.90625 8.730469 C 88.84375 8.8125 88.734375 8.835938 88.628906 8.8125 C 88.523438 8.773438 88.460938 8.6875 88.460938 8.582031 L 88.460938 1.359375 L 85.539062 1.359375 L 85.539062 20.433594 L 88.460938 20.433594 L 88.460938 19.09375 C 88.460938 18.988281 88.523438 18.902344 88.628906 18.859375 Z M 88.332031 13.804688 C 88.332031 11.382812 90.15625 9.492188 92.484375 9.492188 C 94.8125 9.492188 96.636719 11.382812 96.636719 13.804688 C 96.636719 16.226562 94.8125 18.117188 92.484375 18.117188 C 90.15625 18.117188 88.332031 16.207031 88.332031 13.804688 Z M 88.332031 13.804688 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 108.050781 9.875 C 108.324219 9.875 108.582031 9.898438 108.75 9.941406 L 108.75 6.925781 C 108.644531 6.902344 108.453125 6.882812 108.261719 6.882812 C 106.738281 6.882812 105.339844 7.667969 104.597656 8.921875 C 104.535156 9.027344 104.429688 9.070312 104.324219 9.027344 C 104.21875 9.003906 104.132812 8.898438 104.132812 8.792969 L 104.132812 7.15625 L 101.230469 7.15625 L 101.230469 20.453125 L 104.152344 20.453125 L 104.152344 14.589844 C 104.152344 11.679688 105.636719 9.875 108.050781 9.875 Z M 108.050781 9.875 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 110.59375 7.15625 L 113.558594 7.15625 L 113.558594 20.453125 L 110.59375 20.453125 Z M 110.59375 7.15625 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 112.03125 1.378906 C 111.035156 1.378906 110.230469 2.1875 110.230469 3.1875 C 110.230469 4.183594 111.035156 4.992188 112.03125 4.992188 C 113.027344 4.992188 113.832031 4.183594 113.832031 3.1875 C 113.832031 2.1875 113.027344 1.378906 112.03125 1.378906 Z M 112.03125 1.378906 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 122.238281 6.816406 C 118.175781 6.816406 115.230469 9.75 115.230469 13.804688 C 115.230469 15.78125 115.929688 17.542969 117.179688 18.816406 C 118.449219 20.09375 120.226562 20.792969 122.21875 20.792969 C 123.871094 20.792969 125.140625 20.472656 127.554688 18.691406 L 125.882812 16.925781 C 124.695312 17.714844 123.59375 18.09375 122.515625 18.09375 C 120.058594 18.09375 118.214844 16.246094 118.214844 13.804688 C 118.214844 11.363281 120.058594 9.515625 122.515625 9.515625 C 123.679688 9.515625 124.761719 9.898438 125.839844 10.683594 L 127.703125 8.921875 C 125.523438 7.050781 123.554688 6.816406 122.238281 6.816406 Z M 122.238281 6.816406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 132.703125 14.589844 C 132.746094 14.546875 132.808594 14.527344 132.871094 14.527344 L 132.894531 14.527344 C 132.957031 14.527344 133.019531 14.570312 133.082031 14.613281 L 137.765625 20.433594 L 141.363281 20.433594 L 135.308594 13.082031 C 135.222656 12.976562 135.222656 12.828125 135.328125 12.742188 L 140.898438 7.15625 L 137.320312 7.15625 L 132.511719 12 C 132.449219 12.0625 132.34375 12.085938 132.234375 12.0625 C 132.152344 12.019531 132.089844 11.9375 132.089844 11.832031 L 132.089844 1.378906 L 129.144531 1.378906 L 129.144531 20.453125 L 132.066406 20.453125 L 132.066406 15.269531 C 132.066406 15.207031 132.089844 15.121094 132.152344 15.078125 Z M 132.703125 14.589844 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 146.128906 20.773438 C 148.523438 20.773438 150.957031 19.304688 150.957031 16.523438 C 150.957031 14.699219 149.8125 13.445312 147.484375 12.679688 L 145.894531 12.148438 C 144.816406 11.789062 144.308594 11.277344 144.308594 10.578125 C 144.308594 9.769531 145.027344 9.21875 146.042969 9.21875 C 147.019531 9.21875 147.886719 9.855469 148.4375 10.960938 L 150.789062 9.683594 C 149.917969 7.902344 148.121094 6.796875 146.042969 6.796875 C 143.417969 6.796875 141.511719 8.496094 141.511719 10.8125 C 141.511719 12.660156 142.613281 13.890625 144.878906 14.613281 L 146.511719 15.144531 C 147.652344 15.503906 148.140625 15.972656 148.140625 16.714844 C 148.140625 17.839844 147.101562 18.246094 146.214844 18.246094 C 145.027344 18.246094 143.96875 17.480469 143.460938 16.226562 L 141.066406 17.5 C 141.851562 19.519531 143.777344 20.773438 146.128906 20.773438 Z M 146.128906 20.773438 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
-							"d": "M 66.605469 20.644531 C 67.535156 20.644531 68.363281 20.558594 68.828125 20.496094 L 68.828125 17.945312 C 68.449219 17.988281 67.769531 18.03125 67.367188 18.03125 C 66.179688 18.03125 65.269531 17.820312 65.269531 15.25 L 65.269531 9.792969 C 65.269531 9.640625 65.375 9.535156 65.523438 9.535156 L 68.382812 9.535156 L 68.382812 7.136719 L 65.523438 7.136719 C 65.375 7.136719 65.269531 7.03125 65.269531 6.882812 L 65.269531 3.058594 L 62.347656 3.058594 L 62.347656 6.902344 C 62.347656 7.050781 62.242188 7.15625 62.09375 7.15625 L 60.0625 7.15625 L 60.0625 9.558594 L 62.09375 9.558594 C 62.242188 9.558594 62.347656 9.664062 62.347656 9.8125 L 62.347656 15.992188 C 62.347656 20.644531 65.441406 20.644531 66.605469 20.644531 Z M 66.605469 20.644531 "
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "DatabricksIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "width": "150px",
+      "height": "24px",
+      "viewBox": "0 0 151 24",
+      "version": "1.1"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "surface1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(93.333334%,23.921569%,17.254902%);fill-opacity:1;",
+              "d": "M 20.964844 9.898438 L 11.097656 15.484375 L 0.53125 9.515625 L 0.0195312 9.792969 L 0.0195312 14.125 L 11.097656 20.367188 L 20.964844 14.804688 L 20.964844 17.097656 L 11.097656 22.683594 L 0.53125 16.714844 L 0.0195312 16.992188 L 0.0195312 17.734375 L 11.097656 23.980469 L 22.152344 17.734375 L 22.152344 13.402344 L 21.644531 13.125 L 11.097656 19.074219 L 1.207031 13.507812 L 1.207031 11.214844 L 11.097656 16.777344 L 22.152344 10.535156 L 22.152344 6.265625 L 21.601562 5.945312 L 11.097656 11.871094 L 1.714844 6.605469 L 11.097656 1.316406 L 18.804688 5.671875 L 19.484375 5.289062 L 19.484375 4.757812 L 11.097656 0.0195312 L 0.0195312 6.265625 L 0.0195312 6.945312 L 11.097656 13.1875 L 20.964844 7.605469 Z M 20.964844 9.898438 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 42.84375 20.433594 L 42.84375 1.359375 L 39.921875 1.359375 L 39.921875 8.496094 C 39.921875 8.601562 39.855469 8.6875 39.75 8.730469 C 39.644531 8.773438 39.539062 8.730469 39.476562 8.664062 C 38.480469 7.496094 36.933594 6.839844 35.242188 6.839844 C 31.617188 6.839844 28.78125 9.898438 28.78125 13.804688 C 28.78125 15.71875 29.4375 17.480469 30.644531 18.773438 C 31.851562 20.070312 33.484375 20.773438 35.242188 20.773438 C 36.914062 20.773438 38.460938 20.070312 39.476562 18.859375 C 39.539062 18.773438 39.667969 18.753906 39.75 18.773438 C 39.855469 18.816406 39.921875 18.902344 39.921875 19.007812 L 39.921875 20.433594 Z M 35.875 18.117188 C 33.546875 18.117188 31.726562 16.226562 31.726562 13.804688 C 31.726562 11.382812 33.546875 9.492188 35.875 9.492188 C 38.207031 9.492188 40.027344 11.382812 40.027344 13.804688 C 40.027344 16.226562 38.207031 18.117188 35.875 18.117188 Z M 35.875 18.117188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 58.472656 20.433594 L 58.472656 7.15625 L 55.570312 7.15625 L 55.570312 8.496094 C 55.570312 8.601562 55.507812 8.6875 55.402344 8.730469 C 55.296875 8.773438 55.191406 8.730469 55.125 8.644531 C 54.152344 7.476562 52.628906 6.816406 50.890625 6.816406 C 47.269531 6.816406 44.433594 9.875 44.433594 13.785156 C 44.433594 17.691406 47.269531 20.75 50.890625 20.75 C 52.5625 20.75 54.109375 20.050781 55.125 18.816406 C 55.191406 18.734375 55.316406 18.710938 55.402344 18.734375 C 55.507812 18.773438 55.570312 18.859375 55.570312 18.964844 L 55.570312 20.410156 L 58.472656 20.410156 Z M 51.546875 18.117188 C 49.21875 18.117188 47.398438 16.226562 47.398438 13.804688 C 47.398438 11.382812 49.21875 9.492188 51.546875 9.492188 C 53.878906 9.492188 55.699219 11.382812 55.699219 13.804688 C 55.699219 16.226562 53.878906 18.117188 51.546875 18.117188 Z M 51.546875 18.117188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 83.316406 20.433594 L 83.316406 7.15625 L 80.414062 7.15625 L 80.414062 8.496094 C 80.414062 8.601562 80.351562 8.6875 80.242188 8.730469 C 80.136719 8.773438 80.03125 8.730469 79.96875 8.644531 C 78.996094 7.476562 77.46875 6.816406 75.734375 6.816406 C 72.089844 6.816406 69.273438 9.875 69.273438 13.804688 C 69.273438 17.734375 72.113281 20.773438 75.734375 20.773438 C 77.40625 20.773438 78.953125 20.070312 79.96875 18.839844 C 80.03125 18.753906 80.160156 18.734375 80.242188 18.753906 C 80.351562 18.796875 80.414062 18.882812 80.414062 18.988281 L 80.414062 20.433594 Z M 76.390625 18.117188 C 74.058594 18.117188 72.238281 16.226562 72.238281 13.804688 C 72.238281 11.382812 74.058594 9.492188 76.390625 9.492188 C 78.71875 9.492188 80.539062 11.382812 80.539062 13.804688 C 80.539062 16.226562 78.71875 18.117188 76.390625 18.117188 Z M 76.390625 18.117188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 88.628906 18.859375 C 88.652344 18.859375 88.695312 18.839844 88.714844 18.839844 C 88.777344 18.839844 88.863281 18.882812 88.90625 18.925781 C 89.902344 20.09375 91.445312 20.75 93.140625 20.75 C 96.761719 20.75 99.601562 17.691406 99.601562 13.785156 C 99.601562 11.871094 98.945312 10.109375 97.738281 8.8125 C 96.53125 7.519531 94.898438 6.816406 93.140625 6.816406 C 91.46875 6.816406 89.921875 7.519531 88.90625 8.730469 C 88.84375 8.8125 88.734375 8.835938 88.628906 8.8125 C 88.523438 8.773438 88.460938 8.6875 88.460938 8.582031 L 88.460938 1.359375 L 85.539062 1.359375 L 85.539062 20.433594 L 88.460938 20.433594 L 88.460938 19.09375 C 88.460938 18.988281 88.523438 18.902344 88.628906 18.859375 Z M 88.332031 13.804688 C 88.332031 11.382812 90.15625 9.492188 92.484375 9.492188 C 94.8125 9.492188 96.636719 11.382812 96.636719 13.804688 C 96.636719 16.226562 94.8125 18.117188 92.484375 18.117188 C 90.15625 18.117188 88.332031 16.207031 88.332031 13.804688 Z M 88.332031 13.804688 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 108.050781 9.875 C 108.324219 9.875 108.582031 9.898438 108.75 9.941406 L 108.75 6.925781 C 108.644531 6.902344 108.453125 6.882812 108.261719 6.882812 C 106.738281 6.882812 105.339844 7.667969 104.597656 8.921875 C 104.535156 9.027344 104.429688 9.070312 104.324219 9.027344 C 104.21875 9.003906 104.132812 8.898438 104.132812 8.792969 L 104.132812 7.15625 L 101.230469 7.15625 L 101.230469 20.453125 L 104.152344 20.453125 L 104.152344 14.589844 C 104.152344 11.679688 105.636719 9.875 108.050781 9.875 Z M 108.050781 9.875 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 110.59375 7.15625 L 113.558594 7.15625 L 113.558594 20.453125 L 110.59375 20.453125 Z M 110.59375 7.15625 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 112.03125 1.378906 C 111.035156 1.378906 110.230469 2.1875 110.230469 3.1875 C 110.230469 4.183594 111.035156 4.992188 112.03125 4.992188 C 113.027344 4.992188 113.832031 4.183594 113.832031 3.1875 C 113.832031 2.1875 113.027344 1.378906 112.03125 1.378906 Z M 112.03125 1.378906 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 122.238281 6.816406 C 118.175781 6.816406 115.230469 9.75 115.230469 13.804688 C 115.230469 15.78125 115.929688 17.542969 117.179688 18.816406 C 118.449219 20.09375 120.226562 20.792969 122.21875 20.792969 C 123.871094 20.792969 125.140625 20.472656 127.554688 18.691406 L 125.882812 16.925781 C 124.695312 17.714844 123.59375 18.09375 122.515625 18.09375 C 120.058594 18.09375 118.214844 16.246094 118.214844 13.804688 C 118.214844 11.363281 120.058594 9.515625 122.515625 9.515625 C 123.679688 9.515625 124.761719 9.898438 125.839844 10.683594 L 127.703125 8.921875 C 125.523438 7.050781 123.554688 6.816406 122.238281 6.816406 Z M 122.238281 6.816406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 132.703125 14.589844 C 132.746094 14.546875 132.808594 14.527344 132.871094 14.527344 L 132.894531 14.527344 C 132.957031 14.527344 133.019531 14.570312 133.082031 14.613281 L 137.765625 20.433594 L 141.363281 20.433594 L 135.308594 13.082031 C 135.222656 12.976562 135.222656 12.828125 135.328125 12.742188 L 140.898438 7.15625 L 137.320312 7.15625 L 132.511719 12 C 132.449219 12.0625 132.34375 12.085938 132.234375 12.0625 C 132.152344 12.019531 132.089844 11.9375 132.089844 11.832031 L 132.089844 1.378906 L 129.144531 1.378906 L 129.144531 20.453125 L 132.066406 20.453125 L 132.066406 15.269531 C 132.066406 15.207031 132.089844 15.121094 132.152344 15.078125 Z M 132.703125 14.589844 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 146.128906 20.773438 C 148.523438 20.773438 150.957031 19.304688 150.957031 16.523438 C 150.957031 14.699219 149.8125 13.445312 147.484375 12.679688 L 145.894531 12.148438 C 144.816406 11.789062 144.308594 11.277344 144.308594 10.578125 C 144.308594 9.769531 145.027344 9.21875 146.042969 9.21875 C 147.019531 9.21875 147.886719 9.855469 148.4375 10.960938 L 150.789062 9.683594 C 149.917969 7.902344 148.121094 6.796875 146.042969 6.796875 C 143.417969 6.796875 141.511719 8.496094 141.511719 10.8125 C 141.511719 12.660156 142.613281 13.890625 144.878906 14.613281 L 146.511719 15.144531 C 147.652344 15.503906 148.140625 15.972656 148.140625 16.714844 C 148.140625 17.839844 147.101562 18.246094 146.214844 18.246094 C 145.027344 18.246094 143.96875 17.480469 143.460938 16.226562 L 141.066406 17.5 C 141.851562 19.519531 143.777344 20.773438 146.128906 20.773438 Z M 146.128906 20.773438 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;",
+              "d": "M 66.605469 20.644531 C 67.535156 20.644531 68.363281 20.558594 68.828125 20.496094 L 68.828125 17.945312 C 68.449219 17.988281 67.769531 18.03125 67.367188 18.03125 C 66.179688 18.03125 65.269531 17.820312 65.269531 15.25 L 65.269531 9.792969 C 65.269531 9.640625 65.375 9.535156 65.523438 9.535156 L 68.382812 9.535156 L 68.382812 7.136719 L 65.523438 7.136719 C 65.375 7.136719 65.269531 7.03125 65.269531 6.882812 L 65.269531 3.058594 L 62.347656 3.058594 L 62.347656 6.902344 C 62.347656 7.050781 62.242188 7.15625 62.09375 7.15625 L 60.0625 7.15625 L 60.0625 9.558594 L 62.09375 9.558594 C 62.242188 9.558594 62.347656 9.664062 62.347656 9.8125 L 62.347656 15.992188 C 62.347656 20.644531 65.441406 20.644531 66.605469 20.644531 Z M 66.605469 20.644531 "
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "DatabricksIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.tsx b/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.tsx
index d2ecdcbea5..bebaa1b40e 100644
--- a/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/DatabricksIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DatabricksIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DatabricksIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.json b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.json
index c2c8a73112..1458c54d6a 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.json
@@ -1,236 +1,236 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "74",
-			"height": "16",
-			"viewBox": "0 0 74 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Clip path group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_20135_12984",
-							"style": "mask-type:luminance",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "0",
-							"width": "96",
-							"height": "16"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "clip0_823_291"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector",
-											"d": "M95.5733 0H0V16H95.5733V0Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_20135_12984)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_2",
-											"d": "M21.2832 11.5431V3.72656H22.3735V10.4972H26.3932V11.5431H21.2832ZM27.6995 7.44766C27.9198 6.31372 28.8889 5.5761 30.1224 5.5761C31.543 5.5761 32.4791 6.40179 32.4791 8.02014V10.233C32.4791 10.4862 32.5893 10.5963 32.8316 10.5963H33.0849V11.5431H32.7765C32.0717 11.5431 31.6532 11.1688 31.543 10.6513C31.3228 11.1908 30.64 11.6752 29.7259 11.6752C28.5475 11.6752 27.6004 11.0587 27.6004 10.0128C27.6004 8.80179 28.4924 8.46051 29.836 8.2073L31.4109 7.89904C31.3999 7.0073 30.8933 6.56693 30.1114 6.56693C29.4506 6.56693 28.966 6.96326 28.8338 7.52473L27.6995 7.44766ZM28.7237 9.99078C28.7347 10.3981 29.0871 10.7394 29.8581 10.7394C30.7391 10.7394 31.4329 10.1229 31.4329 9.07702V8.82381L30.1774 9.04399C29.3625 9.18711 28.7237 9.25317 28.7237 9.99078ZM34.5453 5.70821H35.5255L35.5585 6.68803C35.8669 5.93941 36.5166 5.5761 37.2986 5.5761C38.5981 5.5761 39.2369 6.5339 39.2369 7.78895V11.5431H38.1686V8.06418C38.1686 7.02931 37.8272 6.48987 37.0232 6.48987C36.1752 6.48987 35.6136 7.02931 35.6136 8.06418V11.5431H34.5453V5.70821ZM43.2303 11.2348C41.7876 11.2348 40.7634 10.0789 40.7634 8.43849C40.7634 6.74308 41.7876 5.5761 43.2303 5.5761C44.0122 5.5761 44.6951 5.99445 44.9594 6.59996L44.9704 5.70821H45.9946V10.9045C45.9836 12.5009 44.9704 13.3266 43.4065 13.3266C42.129 13.3266 41.2039 12.655 40.9286 11.6422L42.0519 11.5651C42.2832 12.0715 42.7347 12.3688 43.4065 12.3688C44.3536 12.3688 44.9153 11.9394 44.9263 11.1357V10.266C44.629 10.8275 43.9241 11.2348 43.2303 11.2348ZM41.8867 8.42748C41.8867 9.5284 42.4704 10.299 43.4286 10.299C44.3647 10.299 44.9373 9.5284 44.9483 8.42748C44.9704 7.33757 44.3867 6.56693 43.4286 6.56693C42.4704 6.56693 41.8867 7.33757 41.8867 8.42748ZM48.9967 5.455C48.9967 4.3761 49.5364 3.72656 50.7258 3.72656H52.3337V4.67335H50.7038C50.3293 4.67335 50.065 4.95959 50.065 5.43298V6.08253H52.2566V7.02931H50.065V11.5431H48.9967V7.02931H47.4659V6.08253H48.9967V5.455ZM58.9041 11.5431H57.8909L57.8798 10.5963C57.5715 11.3229 56.9327 11.6752 56.1838 11.6752C54.9063 11.6752 54.2786 10.7174 54.2786 9.46234V5.70821H55.3468V9.18711C55.3468 10.222 55.6883 10.7614 56.4592 10.7614C57.2851 10.7614 57.8358 10.222 57.8358 9.18711V5.70821H58.9041V11.5431ZM64.5277 7.53574C64.4065 6.91922 63.8338 6.56693 63.151 6.56693C62.5894 6.56693 62.0718 6.84216 62.0828 7.38161C62.0828 7.9651 62.7876 8.09721 63.4374 8.26234C64.5497 8.53757 65.662 8.94491 65.662 10.0348C65.662 11.1798 64.5607 11.6752 63.3493 11.6752C61.9837 11.6752 60.8713 10.9045 60.7832 9.69354L61.9066 9.62748C62.0167 10.277 62.6004 10.6844 63.3493 10.6844C63.933 10.6844 64.5387 10.5302 64.5387 9.97977C64.5387 9.4073 63.8008 9.30821 63.151 9.15409C62.0497 8.88987 60.9594 8.48253 60.9594 7.42565C60.9594 6.24766 62.0167 5.5761 63.2502 5.5761C64.4836 5.5761 65.4417 6.31372 65.629 7.46968L64.5277 7.53574ZM67.2104 8.62565C67.2104 6.76509 68.2787 5.5761 69.9196 5.5761C71.2302 5.5761 72.4196 6.42381 72.5077 8.52656V8.9339H68.3448C68.4329 10.0348 68.9945 10.6844 69.9196 10.6844C70.5033 10.6844 71.032 10.3431 71.2853 9.75959L72.4196 9.85867C72.0892 10.9706 71.087 11.6752 69.9196 11.6752C68.2787 11.6752 67.2104 10.4862 67.2104 8.62565ZM68.3778 8.07519H71.3403C71.1861 6.96326 70.5804 6.56693 69.9196 6.56693C69.0716 6.56693 68.532 7.1284 68.3778 8.07519Z",
-											"fill": "black"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"id": "Clip path group_2"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask1_20135_12984",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "-1",
-													"width": "17",
-													"height": "18"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "g",
-														"attributes": {
-															"id": "clip1_823_291"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_3",
-																	"d": "M16.3621 -0.0512695H0.203125V16.1021H16.3621V-0.0512695Z",
-																	"fill": "white"
-																},
-																"children": []
-															}
-														]
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask1_20135_12984)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "g",
-														"attributes": {
-															"id": "Group_2"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_4",
-																	"d": "M14.6259 11.2357C13.9141 12.1984 12.8241 12.8406 11.5941 12.9344C11.5558 12.937 11.5175 12.9397 11.4787 12.9419C10.0365 13.0136 8.94706 12.3558 8.22466 11.7452C6.94631 11.0687 5.94609 10.8983 5.36089 10.751C4.93532 10.6438 4.56293 10.4296 4.40334 10.3225C4.26183 10.2384 3.97722 10.0434 3.76496 9.67965C3.52716 9.27204 3.51333 8.88257 3.51706 8.71705C3.641 8.70048 3.80113 8.68224 3.98839 8.67048C4.1416 8.66082 4.29002 8.65709 4.45654 8.65652C5.74819 8.65494 6.7499 8.71812 7.47874 9.0417C7.87295 9.21632 8.23842 9.4488 8.56395 9.73215C8.98265 10.0975 9.83862 10.6749 10.8935 10.4778C11.0276 10.4526 11.1563 10.4194 11.2803 10.3787C11.6601 10.3241 12.3097 10.2801 13.0747 10.4831C13.8008 10.676 14.3232 11.0092 14.6259 11.2357Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "1.70667",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_5",
-																	"d": "M14.53 4.60662C14.2091 4.19101 13.819 3.79812 13.3584 3.53003C12.8675 3.2445 12.2411 2.99862 11.4835 2.93199C9.63248 2.76913 8.36691 3.79548 8.13634 3.98954C7.84947 4.25868 6.70187 5.21101 5.32048 5.73977C5.07981 5.82545 4.61653 6.02793 4.20477 6.48007C3.87909 6.83749 3.7197 7.20339 3.6416 7.43076C3.80631 7.45351 3.97632 7.46992 4.15164 7.47994C5.49102 7.55452 6.64184 7.56193 7.39466 7.19337C7.89196 6.95015 8.32815 6.60377 8.70431 6.1982C9.38222 5.4669 10.3709 5.14067 11.271 5.36436C11.6843 5.42197 12.4042 5.46588 13.2368 5.21101C13.8116 5.03492 14.2399 4.81337 14.53 4.60662Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "1.70667",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_6",
-																	"d": "M1.96963 4.91518C1.45614 4.65135 1.05528 4.347 0.781876 4.10874C0.629046 3.97549 0.391602 4.08476 0.391602 4.28837V5.95295C0.391602 6.02543 0.424389 6.09419 0.480445 6.13896L1.16264 6.79512C1.19859 6.53125 1.2758 6.17255 1.44926 5.77597C1.61267 5.40184 1.80886 5.11558 1.96963 4.91518Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "1.70667",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_7",
-																	"d": "M12.9521 8.63005C13.0302 8.38964 13.0735 8.13742 13.0799 7.8804C13.0853 7.67736 13.0617 7.6015 13.0264 7.4049C13.3895 7.34397 13.8428 7.24459 14.2561 7.1377C14.6929 7.02499 15.0158 6.89407 15.3789 6.76367C15.4318 7.01747 15.4874 7.14092 15.5067 7.32899C15.5248 7.50642 15.5361 7.69019 15.5392 7.8804C15.5489 8.47138 15.4767 9.0073 15.3655 9.47698C15.0233 9.29954 14.617 9.11577 14.1492 8.95439C13.714 8.8037 13.3093 8.70115 12.9521 8.63005Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "1.70667",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_8",
-																	"d": "M0.766014 12.1447C0.609481 12.2583 0.391602 12.1463 0.391602 11.9516V9.90721C0.391602 9.84531 0.415399 9.78667 0.456648 9.74292C0.477272 9.72104 0.49631 9.70877 0.504771 9.70397L1.18061 9.41382C1.23032 9.6848 1.3123 10.0091 1.44926 10.3622C1.6095 10.775 1.79987 11.1094 1.96963 11.3638C1.56825 11.6241 1.16686 11.8844 0.766014 12.1447Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "1.70667",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_9",
-																	"fill-rule": "evenodd",
-																	"clip-rule": "evenodd",
-																	"d": "M5.11863 3.21273C6.47036 3.1457 7.48116 3.71166 8.00219 4.08992C7.60778 4.43817 6.54047 5.27853 5.27812 5.76389C5.19298 5.79436 5.08001 5.83945 4.95131 5.90513C4.03786 6.35487 3.49469 7.25118 3.47044 8.20872C3.46637 8.3699 3.4746 8.53046 3.49592 8.68826C3.49361 8.68857 3.49131 8.68888 3.48903 8.68918C3.48531 8.85338 3.49914 9.23978 3.73679 9.64428C3.94894 10.0051 4.23338 10.1986 4.37481 10.282C4.44499 10.3288 4.55634 10.3962 4.69529 10.466C4.8585 10.5529 5.03948 10.6258 5.2391 10.6822C5.26968 10.6911 5.30062 10.6995 5.33181 10.7072C5.40448 10.7254 5.48364 10.7442 5.56903 10.7644C6.17131 10.9074 7.08394 11.1238 8.20285 11.7118C8.31591 11.8066 8.43766 11.9022 8.56827 11.9956C8.52858 12.0311 8.49519 12.0621 8.46819 12.0875C8.23747 12.2826 6.97098 13.3142 5.11863 13.1505C4.36047 13.0836 3.73309 12.8364 3.24236 12.5494C2.4156 12.0663 1.79088 11.302 1.45008 10.4075C1.2305 9.83086 1.03909 9.08515 1.02527 8.20765C1.01304 7.45826 1.1332 6.79817 1.29696 6.25074C1.79833 4.57812 3.26043 3.35145 5.00327 3.22017L5.00335 3.22016C5.0416 3.21751 5.07986 3.21485 5.11863 3.21273ZM14.5861 11.1844C14.2827 10.9597 13.7622 10.6316 13.0411 10.4415C12.2766 10.2401 11.6274 10.2837 11.2478 10.3378C11.1239 10.3782 10.9952 10.4112 10.8613 10.4362C9.80694 10.6318 8.95148 10.0588 8.53303 9.69637C8.45168 9.62603 8.36781 9.55891 8.28165 9.49501C8.56326 9.2476 8.87288 9.03413 9.21043 8.8683C9.96382 8.49841 11.1154 8.50582 12.4558 8.58025C14.3028 8.68336 15.5788 9.56295 16.0882 9.96688C16.145 10.0121 16.1775 10.0801 16.1775 10.1524V11.8123C16.1775 12.0158 15.9388 12.1247 15.7851 11.9914C15.5098 11.7531 15.1049 11.4483 14.5861 11.1844ZM8.66435 6.22472C8.54326 6.35584 8.41593 6.48083 8.28237 6.59819C8.54101 6.79004 8.82057 6.95244 9.11629 7.08249C9.84473 7.40351 10.8459 7.46623 12.1367 7.46465C14.0301 7.46199 15.4241 6.74925 16.0637 6.36126C16.1344 6.31822 16.1775 6.2417 16.1775 6.15878V4.12158C16.1775 3.92758 15.9585 3.81597 15.8011 3.92917C15.4285 4.19722 14.8745 4.53933 14.1601 4.80844C13.9028 4.96005 13.5822 5.11485 13.2001 5.23242C12.367 5.48857 11.6466 5.44446 11.2329 5.38654C10.3323 5.16172 9.34277 5.48964 8.66435 6.22472Z",
-																	"fill": "#E11312"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_10",
-																	"d": "M8.00166 4.09005L8.13707 4.2433L8.32826 4.07447L8.12183 3.92461L8.00166 4.09005ZM5.11809 3.21286L5.10798 3.00864L5.10745 3.00866L5.10692 3.0087L5.11809 3.21286ZM5.27759 5.76403L5.34647 5.95659L5.34877 5.95577L5.35102 5.9549L5.27759 5.76403ZM4.95078 5.90527L5.04115 6.08868L5.04247 6.08807L5.04379 6.0874L4.95078 5.90527ZM3.49538 8.6884L3.52217 8.89108L3.72555 8.86425L3.69809 8.661L3.49538 8.6884ZM3.4885 8.68932L3.46154 8.48664L3.28798 8.50969L3.28401 8.68467L3.4885 8.68932ZM4.37427 10.2822L4.48774 10.112L4.48307 10.1089L4.47824 10.1061L4.37427 10.2822ZM4.69475 10.4661L4.79093 10.2857L4.78879 10.2845L4.78663 10.2834L4.69475 10.4661ZM5.23857 10.6823L5.29549 10.486L5.29487 10.4858L5.29421 10.4856L5.23857 10.6823ZM8.20232 11.7119L8.33384 11.5553L8.31701 11.5412L8.29748 11.5309L8.20232 11.7119ZM8.56773 11.9957L8.70411 12.1481L8.89429 11.978L8.68678 11.8295L8.56773 11.9957ZM8.46766 12.0877L8.59975 12.2438L8.60404 12.2402L8.60808 12.2364L8.46766 12.0877ZM3.24183 12.5496L3.34511 12.3731L3.34505 12.373L3.24183 12.5496ZM1.02474 8.20779L1.22926 8.20456L1.22925 8.20446L1.02474 8.20779ZM1.29642 6.25088L1.10049 6.19214L1.10045 6.1923L1.29642 6.25088ZM5.00274 3.2203L4.98903 3.01629L4.9882 3.01635L4.98737 3.01641L5.00274 3.2203ZM5.00281 3.2203L5.01652 3.42431L5.01698 3.42428L5.00281 3.2203ZM13.0406 10.4417L13.0928 10.2439H13.0927L13.0406 10.4417ZM14.5855 11.1845L14.4638 11.3488L14.4775 11.359L14.4928 11.3667L14.5855 11.1845ZM11.2473 10.338L11.2183 10.1356L11.2007 10.1381L11.1838 10.1436L11.2473 10.338ZM10.8607 10.4363L10.8981 10.6373H10.8982L10.8607 10.4363ZM8.5325 9.6965L8.66648 9.54197L8.66627 9.54177L8.5325 9.6965ZM8.28112 9.49515L8.14612 9.34159L7.95594 9.50864L8.15931 9.65939L8.28112 9.49515ZM12.4553 8.58039L12.4667 8.37622H12.4666L12.4553 8.58039ZM16.0877 9.96702L16.2149 9.80692L16.2148 9.80687L16.0877 9.96702ZM15.7846 11.9915L15.9187 11.8371L15.9185 11.8369L15.7846 11.9915ZM8.28183 6.59833L8.14678 6.44477L7.95666 6.61177L8.15998 6.76257L8.28183 6.59833ZM9.11576 7.08262L9.19829 6.89553L9.19814 6.89548L9.11576 7.08262ZM12.1362 7.46478L12.1365 7.66925H12.1365L12.1362 7.46478ZM16.0632 6.3614L16.1693 6.53622L16.1696 6.53607L16.0632 6.3614ZM14.1596 4.80857L14.0874 4.61723L14.0709 4.62346L14.0557 4.63242L14.1596 4.80857ZM11.2324 5.38667L11.1828 5.58506L11.1933 5.58767L11.204 5.58915L11.2324 5.38667ZM8.12183 3.92461C7.57989 3.53114 6.52347 2.93845 5.10798 3.00864L5.12822 3.41708C6.41618 3.35322 7.38138 3.89245 7.88144 4.25549L8.12183 3.92461ZM5.35102 5.9549C6.64538 5.45722 7.73371 4.59944 8.13707 4.2433L7.86625 3.9368C7.48074 4.27718 6.43449 5.10015 5.20416 5.5732L5.35102 5.9549ZM5.04379 6.0874C5.16309 6.02647 5.26772 5.98471 5.34647 5.95659L5.20871 5.57152C5.11717 5.60423 4.99585 5.65269 4.85776 5.72318L5.04379 6.0874ZM3.67439 8.21402C3.69676 7.3308 4.19746 6.50412 5.04115 6.08868L4.8604 5.72186C3.87719 6.20595 3.29156 7.17188 3.26543 8.2037L3.67439 8.21402ZM3.69809 8.661C3.6783 8.51455 3.67058 8.36487 3.67439 8.21402L3.26543 8.2037C3.2611 8.3752 3.26984 8.5467 3.29268 8.71575L3.69809 8.661ZM3.51546 8.892C3.5177 8.8917 3.51993 8.89139 3.52217 8.89108L3.4686 8.48566C3.46623 8.48597 3.46387 8.48633 3.46154 8.48664L3.51546 8.892ZM3.91263 9.54085C3.70211 9.18256 3.68969 8.83956 3.69299 8.69392L3.28401 8.68467C3.27987 8.86752 3.29509 9.29732 3.55989 9.74798L3.91263 9.54085ZM4.47824 10.1061C4.35261 10.032 4.10041 9.86028 3.91261 9.54079L3.55989 9.74798C3.79637 10.1503 4.11309 10.3655 4.2703 10.4583L4.47824 10.1061ZM4.78663 10.2834C4.6552 10.2174 4.55104 10.1543 4.48774 10.112L4.26081 10.4523C4.33787 10.5037 4.45643 10.5752 4.60289 10.6488L4.78663 10.2834ZM5.29421 10.4856C5.10788 10.4329 4.94058 10.3654 4.79093 10.2857L4.59858 10.6466C4.77536 10.7407 4.97 10.819 5.18294 10.8791L5.29421 10.4856ZM5.38088 10.509C5.35225 10.5019 5.32376 10.4941 5.29549 10.486L5.18161 10.8787C5.21454 10.8883 5.24788 10.8973 5.28168 10.9058L5.38088 10.509ZM5.61575 10.5656C5.53005 10.5453 5.45212 10.5268 5.38088 10.509L5.28168 10.9058C5.35572 10.9243 5.43616 10.9433 5.52125 10.9635L5.61575 10.5656ZM8.29748 11.5309C7.155 10.9306 6.22187 10.7094 5.61575 10.5656L5.52125 10.9635C6.11975 11.1055 7.01177 11.3174 8.10715 11.8929L8.29748 11.5309ZM8.68678 11.8295C8.56093 11.7394 8.44327 11.6471 8.33384 11.5553L8.07085 11.8685C8.18744 11.9664 8.31338 12.0652 8.44864 12.162L8.68678 11.8295ZM8.60808 12.2364C8.63406 12.2119 8.66607 12.1821 8.70411 12.1481L8.4313 11.8434C8.39004 11.8803 8.35526 11.9126 8.32724 11.939L8.60808 12.2364ZM5.10009 13.3543C7.03682 13.5255 8.35798 12.4482 8.59975 12.2438L8.33558 11.9315C8.11585 12.1173 6.90412 13.1032 5.13615 12.947L5.10009 13.3543ZM3.13854 12.726C3.65082 13.0256 4.30703 13.2843 5.10011 13.3544L5.13615 12.947C4.4129 12.8831 3.8143 12.6475 3.34511 12.3731L3.13854 12.726ZM1.25838 10.4804C1.61483 11.416 2.26927 12.2181 3.1386 12.7261L3.34505 12.373C2.56087 11.9148 1.96586 11.1883 1.64069 10.3349L1.25838 10.4804ZM0.820219 8.21101C0.834481 9.11662 1.03203 9.88594 1.25838 10.4804L1.64071 10.3349C1.4279 9.77599 1.24263 9.05395 1.22926 8.20456L0.820219 8.21101ZM1.10045 6.1923C0.93163 6.75664 0.807599 7.43774 0.820219 8.21116L1.22925 8.20446C1.21742 7.47904 1.3337 6.83991 1.49239 6.30946L1.10045 6.1923ZM4.98737 3.01641C3.15623 3.15434 1.62504 4.44222 1.10049 6.19214L1.49236 6.30956C1.97055 4.7143 3.36357 3.54883 5.0181 3.4242L4.98737 3.01641ZM4.9891 3.01629L4.98903 3.01629L5.01644 3.42432L5.01652 3.42431L4.9891 3.01629ZM5.10692 3.0087C5.0664 3.01091 5.02666 3.01368 4.98864 3.01632L5.01698 3.42428C5.05547 3.42161 5.09225 3.41906 5.12929 3.41703L5.10692 3.0087ZM12.9885 10.6393C13.6767 10.8208 14.1738 11.134 14.4638 11.3488L14.7073 11.0202C14.3904 10.7855 13.8465 10.4426 13.0928 10.2439L12.9885 10.6393ZM11.2762 10.5404C11.6387 10.4886 12.2586 10.4471 12.9885 10.6393L13.0927 10.2439C12.2935 10.0333 11.6151 10.0789 11.2183 10.1356L11.2762 10.5404ZM10.8982 10.6373C11.0409 10.6107 11.1782 10.5756 11.3107 10.5324L11.1838 10.1436C11.0685 10.1812 10.9485 10.2119 10.8232 10.2353L10.8982 10.6373ZM8.39858 9.85098C8.83155 10.2261 9.75005 10.8503 10.8981 10.6373L10.8234 10.2353C9.86276 10.4135 9.07035 9.89182 8.66648 9.54197L8.39858 9.85098ZM8.15931 9.65939C8.24138 9.72027 8.32126 9.78422 8.39873 9.85118L8.66627 9.54177C8.58108 9.46816 8.49323 9.39782 8.40297 9.3309L8.15931 9.65939ZM9.1197 8.68492C8.76425 8.85959 8.43969 9.08364 8.14612 9.34159L8.41617 9.64876C8.68576 9.41187 8.98056 9.20894 9.30011 9.05195L9.1197 8.68492ZM12.4666 8.37622C11.7952 8.33895 11.162 8.31784 10.5994 8.35373C10.0385 8.38951 9.53134 8.4828 9.1197 8.68492L9.30011 9.05195C9.64185 8.88418 10.0872 8.79621 10.6255 8.76186C11.1622 8.72761 11.7749 8.74739 12.4439 8.78455L12.4666 8.37622ZM16.2148 9.80687C15.6896 9.39035 14.3735 8.4827 12.4667 8.37622L12.4438 8.78455C14.231 8.88428 15.467 9.73586 15.9605 10.1272L16.2148 9.80687ZM16.3815 10.1525C16.3815 10.0185 16.3211 9.89131 16.2149 9.80692L15.9604 10.1271C15.9679 10.1331 15.9724 10.1419 15.9724 10.1525H16.3815ZM16.3815 11.8124V10.1525H15.9724V11.8124H16.3815ZM15.6504 12.1459C15.9368 12.3945 16.3815 12.1909 16.3815 11.8124H15.9724C15.9724 11.822 15.9699 11.8273 15.9676 11.8307C15.9648 11.8349 15.9601 11.8393 15.9534 11.8423C15.9468 11.8453 15.9404 11.846 15.9355 11.8455C15.9315 11.8449 15.926 11.8434 15.9187 11.8371L15.6504 12.1459ZM14.4928 11.3667C14.9936 11.6215 15.3848 11.916 15.6507 12.1461L15.9185 11.8369C15.6338 11.5905 15.2152 11.2754 14.6783 11.0023L14.4928 11.3667ZM8.41683 6.75194C8.55613 6.62956 8.68852 6.49957 8.81416 6.36354L8.51353 6.08612C8.39694 6.21239 8.27472 6.33236 8.14678 6.44477L8.41683 6.75194ZM9.19814 6.89548C8.91638 6.77157 8.65006 6.61683 8.40369 6.43414L8.15998 6.76257C8.43089 6.96352 8.7237 7.13359 9.03343 7.26982L9.19814 6.89548ZM12.136 7.26031C10.8405 7.26189 9.88163 7.19672 9.19829 6.89553L9.03328 7.26972C9.80676 7.61062 10.8502 7.67084 12.1365 7.66925L12.136 7.26031ZM15.9571 6.18662C15.3346 6.56423 13.9777 7.2577 12.136 7.26031L12.1365 7.66925C14.0813 7.66655 15.5126 6.93458 16.1693 6.53622L15.9571 6.18662ZM15.9724 6.15892C15.9724 6.17047 15.9666 6.18085 15.9568 6.18678L16.1696 6.53607C16.3012 6.45591 16.3815 6.31319 16.3815 6.15892H15.9724ZM15.9724 4.12171V6.15892H16.3815V4.12171H15.9724ZM15.92 4.09528C15.9427 4.07894 15.9724 4.09516 15.9724 4.12171H16.3815C16.3815 3.76028 15.9731 3.55327 15.6811 3.76334L15.92 4.09528ZM14.2317 4.99991C14.9668 4.72302 15.5366 4.37113 15.92 4.09528L15.6811 3.76334C15.3193 4.02358 14.7812 4.35591 14.0874 4.61723L14.2317 4.99991ZM13.2597 5.42798C13.6594 5.30504 13.9946 5.14315 14.2634 4.98473L14.0557 4.63242C13.8099 4.77723 13.5039 4.92497 13.1394 5.03712L13.2597 5.42798ZM11.204 5.58915C11.6356 5.64963 12.3885 5.69589 13.2597 5.42798L13.1395 5.03711C12.3443 5.28157 11.6564 5.23961 11.2608 5.18419L11.204 5.58915ZM8.81416 6.36354C9.44768 5.67713 10.3626 5.38033 11.1828 5.58506L11.2819 5.18828C10.3008 4.94339 9.23685 5.30248 8.51348 6.08617L8.81416 6.36354Z",
-																	"fill": "black"
-																},
-																"children": []
-															}
-														]
-													}
-												]
-											}
-										]
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "LangfuseIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "74",
+      "height": "16",
+      "viewBox": "0 0 74 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Clip path group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_20135_12984",
+              "style": "mask-type:luminance",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "0",
+              "width": "96",
+              "height": "16"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "clip0_823_291"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector",
+                      "d": "M95.5733 0H0V16H95.5733V0Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_20135_12984)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_2",
+                      "d": "M21.2832 11.5431V3.72656H22.3735V10.4972H26.3932V11.5431H21.2832ZM27.6995 7.44766C27.9198 6.31372 28.8889 5.5761 30.1224 5.5761C31.543 5.5761 32.4791 6.40179 32.4791 8.02014V10.233C32.4791 10.4862 32.5893 10.5963 32.8316 10.5963H33.0849V11.5431H32.7765C32.0717 11.5431 31.6532 11.1688 31.543 10.6513C31.3228 11.1908 30.64 11.6752 29.7259 11.6752C28.5475 11.6752 27.6004 11.0587 27.6004 10.0128C27.6004 8.80179 28.4924 8.46051 29.836 8.2073L31.4109 7.89904C31.3999 7.0073 30.8933 6.56693 30.1114 6.56693C29.4506 6.56693 28.966 6.96326 28.8338 7.52473L27.6995 7.44766ZM28.7237 9.99078C28.7347 10.3981 29.0871 10.7394 29.8581 10.7394C30.7391 10.7394 31.4329 10.1229 31.4329 9.07702V8.82381L30.1774 9.04399C29.3625 9.18711 28.7237 9.25317 28.7237 9.99078ZM34.5453 5.70821H35.5255L35.5585 6.68803C35.8669 5.93941 36.5166 5.5761 37.2986 5.5761C38.5981 5.5761 39.2369 6.5339 39.2369 7.78895V11.5431H38.1686V8.06418C38.1686 7.02931 37.8272 6.48987 37.0232 6.48987C36.1752 6.48987 35.6136 7.02931 35.6136 8.06418V11.5431H34.5453V5.70821ZM43.2303 11.2348C41.7876 11.2348 40.7634 10.0789 40.7634 8.43849C40.7634 6.74308 41.7876 5.5761 43.2303 5.5761C44.0122 5.5761 44.6951 5.99445 44.9594 6.59996L44.9704 5.70821H45.9946V10.9045C45.9836 12.5009 44.9704 13.3266 43.4065 13.3266C42.129 13.3266 41.2039 12.655 40.9286 11.6422L42.0519 11.5651C42.2832 12.0715 42.7347 12.3688 43.4065 12.3688C44.3536 12.3688 44.9153 11.9394 44.9263 11.1357V10.266C44.629 10.8275 43.9241 11.2348 43.2303 11.2348ZM41.8867 8.42748C41.8867 9.5284 42.4704 10.299 43.4286 10.299C44.3647 10.299 44.9373 9.5284 44.9483 8.42748C44.9704 7.33757 44.3867 6.56693 43.4286 6.56693C42.4704 6.56693 41.8867 7.33757 41.8867 8.42748ZM48.9967 5.455C48.9967 4.3761 49.5364 3.72656 50.7258 3.72656H52.3337V4.67335H50.7038C50.3293 4.67335 50.065 4.95959 50.065 5.43298V6.08253H52.2566V7.02931H50.065V11.5431H48.9967V7.02931H47.4659V6.08253H48.9967V5.455ZM58.9041 11.5431H57.8909L57.8798 10.5963C57.5715 11.3229 56.9327 11.6752 56.1838 11.6752C54.9063 11.6752 54.2786 10.7174 54.2786 9.46234V5.70821H55.3468V9.18711C55.3468 10.222 55.6883 10.7614 56.4592 10.7614C57.2851 10.7614 57.8358 10.222 57.8358 9.18711V5.70821H58.9041V11.5431ZM64.5277 7.53574C64.4065 6.91922 63.8338 6.56693 63.151 6.56693C62.5894 6.56693 62.0718 6.84216 62.0828 7.38161C62.0828 7.9651 62.7876 8.09721 63.4374 8.26234C64.5497 8.53757 65.662 8.94491 65.662 10.0348C65.662 11.1798 64.5607 11.6752 63.3493 11.6752C61.9837 11.6752 60.8713 10.9045 60.7832 9.69354L61.9066 9.62748C62.0167 10.277 62.6004 10.6844 63.3493 10.6844C63.933 10.6844 64.5387 10.5302 64.5387 9.97977C64.5387 9.4073 63.8008 9.30821 63.151 9.15409C62.0497 8.88987 60.9594 8.48253 60.9594 7.42565C60.9594 6.24766 62.0167 5.5761 63.2502 5.5761C64.4836 5.5761 65.4417 6.31372 65.629 7.46968L64.5277 7.53574ZM67.2104 8.62565C67.2104 6.76509 68.2787 5.5761 69.9196 5.5761C71.2302 5.5761 72.4196 6.42381 72.5077 8.52656V8.9339H68.3448C68.4329 10.0348 68.9945 10.6844 69.9196 10.6844C70.5033 10.6844 71.032 10.3431 71.2853 9.75959L72.4196 9.85867C72.0892 10.9706 71.087 11.6752 69.9196 11.6752C68.2787 11.6752 67.2104 10.4862 67.2104 8.62565ZM68.3778 8.07519H71.3403C71.1861 6.96326 70.5804 6.56693 69.9196 6.56693C69.0716 6.56693 68.532 7.1284 68.3778 8.07519Z",
+                      "fill": "black"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "id": "Clip path group_2"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask1_20135_12984",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "-1",
+                          "width": "17",
+                          "height": "18"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "g",
+                            "attributes": {
+                              "id": "clip1_823_291"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_3",
+                                  "d": "M16.3621 -0.0512695H0.203125V16.1021H16.3621V-0.0512695Z",
+                                  "fill": "white"
+                                },
+                                "children": []
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask1_20135_12984)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "g",
+                            "attributes": {
+                              "id": "Group_2"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_4",
+                                  "d": "M14.6259 11.2357C13.9141 12.1984 12.8241 12.8406 11.5941 12.9344C11.5558 12.937 11.5175 12.9397 11.4787 12.9419C10.0365 13.0136 8.94706 12.3558 8.22466 11.7452C6.94631 11.0687 5.94609 10.8983 5.36089 10.751C4.93532 10.6438 4.56293 10.4296 4.40334 10.3225C4.26183 10.2384 3.97722 10.0434 3.76496 9.67965C3.52716 9.27204 3.51333 8.88257 3.51706 8.71705C3.641 8.70048 3.80113 8.68224 3.98839 8.67048C4.1416 8.66082 4.29002 8.65709 4.45654 8.65652C5.74819 8.65494 6.7499 8.71812 7.47874 9.0417C7.87295 9.21632 8.23842 9.4488 8.56395 9.73215C8.98265 10.0975 9.83862 10.6749 10.8935 10.4778C11.0276 10.4526 11.1563 10.4194 11.2803 10.3787C11.6601 10.3241 12.3097 10.2801 13.0747 10.4831C13.8008 10.676 14.3232 11.0092 14.6259 11.2357Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "1.70667",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_5",
+                                  "d": "M14.53 4.60662C14.2091 4.19101 13.819 3.79812 13.3584 3.53003C12.8675 3.2445 12.2411 2.99862 11.4835 2.93199C9.63248 2.76913 8.36691 3.79548 8.13634 3.98954C7.84947 4.25868 6.70187 5.21101 5.32048 5.73977C5.07981 5.82545 4.61653 6.02793 4.20477 6.48007C3.87909 6.83749 3.7197 7.20339 3.6416 7.43076C3.80631 7.45351 3.97632 7.46992 4.15164 7.47994C5.49102 7.55452 6.64184 7.56193 7.39466 7.19337C7.89196 6.95015 8.32815 6.60377 8.70431 6.1982C9.38222 5.4669 10.3709 5.14067 11.271 5.36436C11.6843 5.42197 12.4042 5.46588 13.2368 5.21101C13.8116 5.03492 14.2399 4.81337 14.53 4.60662Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "1.70667",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_6",
+                                  "d": "M1.96963 4.91518C1.45614 4.65135 1.05528 4.347 0.781876 4.10874C0.629046 3.97549 0.391602 4.08476 0.391602 4.28837V5.95295C0.391602 6.02543 0.424389 6.09419 0.480445 6.13896L1.16264 6.79512C1.19859 6.53125 1.2758 6.17255 1.44926 5.77597C1.61267 5.40184 1.80886 5.11558 1.96963 4.91518Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "1.70667",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_7",
+                                  "d": "M12.9521 8.63005C13.0302 8.38964 13.0735 8.13742 13.0799 7.8804C13.0853 7.67736 13.0617 7.6015 13.0264 7.4049C13.3895 7.34397 13.8428 7.24459 14.2561 7.1377C14.6929 7.02499 15.0158 6.89407 15.3789 6.76367C15.4318 7.01747 15.4874 7.14092 15.5067 7.32899C15.5248 7.50642 15.5361 7.69019 15.5392 7.8804C15.5489 8.47138 15.4767 9.0073 15.3655 9.47698C15.0233 9.29954 14.617 9.11577 14.1492 8.95439C13.714 8.8037 13.3093 8.70115 12.9521 8.63005Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "1.70667",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_8",
+                                  "d": "M0.766014 12.1447C0.609481 12.2583 0.391602 12.1463 0.391602 11.9516V9.90721C0.391602 9.84531 0.415399 9.78667 0.456648 9.74292C0.477272 9.72104 0.49631 9.70877 0.504771 9.70397L1.18061 9.41382C1.23032 9.6848 1.3123 10.0091 1.44926 10.3622C1.6095 10.775 1.79987 11.1094 1.96963 11.3638C1.56825 11.6241 1.16686 11.8844 0.766014 12.1447Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "1.70667",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_9",
+                                  "fill-rule": "evenodd",
+                                  "clip-rule": "evenodd",
+                                  "d": "M5.11863 3.21273C6.47036 3.1457 7.48116 3.71166 8.00219 4.08992C7.60778 4.43817 6.54047 5.27853 5.27812 5.76389C5.19298 5.79436 5.08001 5.83945 4.95131 5.90513C4.03786 6.35487 3.49469 7.25118 3.47044 8.20872C3.46637 8.3699 3.4746 8.53046 3.49592 8.68826C3.49361 8.68857 3.49131 8.68888 3.48903 8.68918C3.48531 8.85338 3.49914 9.23978 3.73679 9.64428C3.94894 10.0051 4.23338 10.1986 4.37481 10.282C4.44499 10.3288 4.55634 10.3962 4.69529 10.466C4.8585 10.5529 5.03948 10.6258 5.2391 10.6822C5.26968 10.6911 5.30062 10.6995 5.33181 10.7072C5.40448 10.7254 5.48364 10.7442 5.56903 10.7644C6.17131 10.9074 7.08394 11.1238 8.20285 11.7118C8.31591 11.8066 8.43766 11.9022 8.56827 11.9956C8.52858 12.0311 8.49519 12.0621 8.46819 12.0875C8.23747 12.2826 6.97098 13.3142 5.11863 13.1505C4.36047 13.0836 3.73309 12.8364 3.24236 12.5494C2.4156 12.0663 1.79088 11.302 1.45008 10.4075C1.2305 9.83086 1.03909 9.08515 1.02527 8.20765C1.01304 7.45826 1.1332 6.79817 1.29696 6.25074C1.79833 4.57812 3.26043 3.35145 5.00327 3.22017L5.00335 3.22016C5.0416 3.21751 5.07986 3.21485 5.11863 3.21273ZM14.5861 11.1844C14.2827 10.9597 13.7622 10.6316 13.0411 10.4415C12.2766 10.2401 11.6274 10.2837 11.2478 10.3378C11.1239 10.3782 10.9952 10.4112 10.8613 10.4362C9.80694 10.6318 8.95148 10.0588 8.53303 9.69637C8.45168 9.62603 8.36781 9.55891 8.28165 9.49501C8.56326 9.2476 8.87288 9.03413 9.21043 8.8683C9.96382 8.49841 11.1154 8.50582 12.4558 8.58025C14.3028 8.68336 15.5788 9.56295 16.0882 9.96688C16.145 10.0121 16.1775 10.0801 16.1775 10.1524V11.8123C16.1775 12.0158 15.9388 12.1247 15.7851 11.9914C15.5098 11.7531 15.1049 11.4483 14.5861 11.1844ZM8.66435 6.22472C8.54326 6.35584 8.41593 6.48083 8.28237 6.59819C8.54101 6.79004 8.82057 6.95244 9.11629 7.08249C9.84473 7.40351 10.8459 7.46623 12.1367 7.46465C14.0301 7.46199 15.4241 6.74925 16.0637 6.36126C16.1344 6.31822 16.1775 6.2417 16.1775 6.15878V4.12158C16.1775 3.92758 15.9585 3.81597 15.8011 3.92917C15.4285 4.19722 14.8745 4.53933 14.1601 4.80844C13.9028 4.96005 13.5822 5.11485 13.2001 5.23242C12.367 5.48857 11.6466 5.44446 11.2329 5.38654C10.3323 5.16172 9.34277 5.48964 8.66435 6.22472Z",
+                                  "fill": "#E11312"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_10",
+                                  "d": "M8.00166 4.09005L8.13707 4.2433L8.32826 4.07447L8.12183 3.92461L8.00166 4.09005ZM5.11809 3.21286L5.10798 3.00864L5.10745 3.00866L5.10692 3.0087L5.11809 3.21286ZM5.27759 5.76403L5.34647 5.95659L5.34877 5.95577L5.35102 5.9549L5.27759 5.76403ZM4.95078 5.90527L5.04115 6.08868L5.04247 6.08807L5.04379 6.0874L4.95078 5.90527ZM3.49538 8.6884L3.52217 8.89108L3.72555 8.86425L3.69809 8.661L3.49538 8.6884ZM3.4885 8.68932L3.46154 8.48664L3.28798 8.50969L3.28401 8.68467L3.4885 8.68932ZM4.37427 10.2822L4.48774 10.112L4.48307 10.1089L4.47824 10.1061L4.37427 10.2822ZM4.69475 10.4661L4.79093 10.2857L4.78879 10.2845L4.78663 10.2834L4.69475 10.4661ZM5.23857 10.6823L5.29549 10.486L5.29487 10.4858L5.29421 10.4856L5.23857 10.6823ZM8.20232 11.7119L8.33384 11.5553L8.31701 11.5412L8.29748 11.5309L8.20232 11.7119ZM8.56773 11.9957L8.70411 12.1481L8.89429 11.978L8.68678 11.8295L8.56773 11.9957ZM8.46766 12.0877L8.59975 12.2438L8.60404 12.2402L8.60808 12.2364L8.46766 12.0877ZM3.24183 12.5496L3.34511 12.3731L3.34505 12.373L3.24183 12.5496ZM1.02474 8.20779L1.22926 8.20456L1.22925 8.20446L1.02474 8.20779ZM1.29642 6.25088L1.10049 6.19214L1.10045 6.1923L1.29642 6.25088ZM5.00274 3.2203L4.98903 3.01629L4.9882 3.01635L4.98737 3.01641L5.00274 3.2203ZM5.00281 3.2203L5.01652 3.42431L5.01698 3.42428L5.00281 3.2203ZM13.0406 10.4417L13.0928 10.2439H13.0927L13.0406 10.4417ZM14.5855 11.1845L14.4638 11.3488L14.4775 11.359L14.4928 11.3667L14.5855 11.1845ZM11.2473 10.338L11.2183 10.1356L11.2007 10.1381L11.1838 10.1436L11.2473 10.338ZM10.8607 10.4363L10.8981 10.6373H10.8982L10.8607 10.4363ZM8.5325 9.6965L8.66648 9.54197L8.66627 9.54177L8.5325 9.6965ZM8.28112 9.49515L8.14612 9.34159L7.95594 9.50864L8.15931 9.65939L8.28112 9.49515ZM12.4553 8.58039L12.4667 8.37622H12.4666L12.4553 8.58039ZM16.0877 9.96702L16.2149 9.80692L16.2148 9.80687L16.0877 9.96702ZM15.7846 11.9915L15.9187 11.8371L15.9185 11.8369L15.7846 11.9915ZM8.28183 6.59833L8.14678 6.44477L7.95666 6.61177L8.15998 6.76257L8.28183 6.59833ZM9.11576 7.08262L9.19829 6.89553L9.19814 6.89548L9.11576 7.08262ZM12.1362 7.46478L12.1365 7.66925H12.1365L12.1362 7.46478ZM16.0632 6.3614L16.1693 6.53622L16.1696 6.53607L16.0632 6.3614ZM14.1596 4.80857L14.0874 4.61723L14.0709 4.62346L14.0557 4.63242L14.1596 4.80857ZM11.2324 5.38667L11.1828 5.58506L11.1933 5.58767L11.204 5.58915L11.2324 5.38667ZM8.12183 3.92461C7.57989 3.53114 6.52347 2.93845 5.10798 3.00864L5.12822 3.41708C6.41618 3.35322 7.38138 3.89245 7.88144 4.25549L8.12183 3.92461ZM5.35102 5.9549C6.64538 5.45722 7.73371 4.59944 8.13707 4.2433L7.86625 3.9368C7.48074 4.27718 6.43449 5.10015 5.20416 5.5732L5.35102 5.9549ZM5.04379 6.0874C5.16309 6.02647 5.26772 5.98471 5.34647 5.95659L5.20871 5.57152C5.11717 5.60423 4.99585 5.65269 4.85776 5.72318L5.04379 6.0874ZM3.67439 8.21402C3.69676 7.3308 4.19746 6.50412 5.04115 6.08868L4.8604 5.72186C3.87719 6.20595 3.29156 7.17188 3.26543 8.2037L3.67439 8.21402ZM3.69809 8.661C3.6783 8.51455 3.67058 8.36487 3.67439 8.21402L3.26543 8.2037C3.2611 8.3752 3.26984 8.5467 3.29268 8.71575L3.69809 8.661ZM3.51546 8.892C3.5177 8.8917 3.51993 8.89139 3.52217 8.89108L3.4686 8.48566C3.46623 8.48597 3.46387 8.48633 3.46154 8.48664L3.51546 8.892ZM3.91263 9.54085C3.70211 9.18256 3.68969 8.83956 3.69299 8.69392L3.28401 8.68467C3.27987 8.86752 3.29509 9.29732 3.55989 9.74798L3.91263 9.54085ZM4.47824 10.1061C4.35261 10.032 4.10041 9.86028 3.91261 9.54079L3.55989 9.74798C3.79637 10.1503 4.11309 10.3655 4.2703 10.4583L4.47824 10.1061ZM4.78663 10.2834C4.6552 10.2174 4.55104 10.1543 4.48774 10.112L4.26081 10.4523C4.33787 10.5037 4.45643 10.5752 4.60289 10.6488L4.78663 10.2834ZM5.29421 10.4856C5.10788 10.4329 4.94058 10.3654 4.79093 10.2857L4.59858 10.6466C4.77536 10.7407 4.97 10.819 5.18294 10.8791L5.29421 10.4856ZM5.38088 10.509C5.35225 10.5019 5.32376 10.4941 5.29549 10.486L5.18161 10.8787C5.21454 10.8883 5.24788 10.8973 5.28168 10.9058L5.38088 10.509ZM5.61575 10.5656C5.53005 10.5453 5.45212 10.5268 5.38088 10.509L5.28168 10.9058C5.35572 10.9243 5.43616 10.9433 5.52125 10.9635L5.61575 10.5656ZM8.29748 11.5309C7.155 10.9306 6.22187 10.7094 5.61575 10.5656L5.52125 10.9635C6.11975 11.1055 7.01177 11.3174 8.10715 11.8929L8.29748 11.5309ZM8.68678 11.8295C8.56093 11.7394 8.44327 11.6471 8.33384 11.5553L8.07085 11.8685C8.18744 11.9664 8.31338 12.0652 8.44864 12.162L8.68678 11.8295ZM8.60808 12.2364C8.63406 12.2119 8.66607 12.1821 8.70411 12.1481L8.4313 11.8434C8.39004 11.8803 8.35526 11.9126 8.32724 11.939L8.60808 12.2364ZM5.10009 13.3543C7.03682 13.5255 8.35798 12.4482 8.59975 12.2438L8.33558 11.9315C8.11585 12.1173 6.90412 13.1032 5.13615 12.947L5.10009 13.3543ZM3.13854 12.726C3.65082 13.0256 4.30703 13.2843 5.10011 13.3544L5.13615 12.947C4.4129 12.8831 3.8143 12.6475 3.34511 12.3731L3.13854 12.726ZM1.25838 10.4804C1.61483 11.416 2.26927 12.2181 3.1386 12.7261L3.34505 12.373C2.56087 11.9148 1.96586 11.1883 1.64069 10.3349L1.25838 10.4804ZM0.820219 8.21101C0.834481 9.11662 1.03203 9.88594 1.25838 10.4804L1.64071 10.3349C1.4279 9.77599 1.24263 9.05395 1.22926 8.20456L0.820219 8.21101ZM1.10045 6.1923C0.93163 6.75664 0.807599 7.43774 0.820219 8.21116L1.22925 8.20446C1.21742 7.47904 1.3337 6.83991 1.49239 6.30946L1.10045 6.1923ZM4.98737 3.01641C3.15623 3.15434 1.62504 4.44222 1.10049 6.19214L1.49236 6.30956C1.97055 4.7143 3.36357 3.54883 5.0181 3.4242L4.98737 3.01641ZM4.9891 3.01629L4.98903 3.01629L5.01644 3.42432L5.01652 3.42431L4.9891 3.01629ZM5.10692 3.0087C5.0664 3.01091 5.02666 3.01368 4.98864 3.01632L5.01698 3.42428C5.05547 3.42161 5.09225 3.41906 5.12929 3.41703L5.10692 3.0087ZM12.9885 10.6393C13.6767 10.8208 14.1738 11.134 14.4638 11.3488L14.7073 11.0202C14.3904 10.7855 13.8465 10.4426 13.0928 10.2439L12.9885 10.6393ZM11.2762 10.5404C11.6387 10.4886 12.2586 10.4471 12.9885 10.6393L13.0927 10.2439C12.2935 10.0333 11.6151 10.0789 11.2183 10.1356L11.2762 10.5404ZM10.8982 10.6373C11.0409 10.6107 11.1782 10.5756 11.3107 10.5324L11.1838 10.1436C11.0685 10.1812 10.9485 10.2119 10.8232 10.2353L10.8982 10.6373ZM8.39858 9.85098C8.83155 10.2261 9.75005 10.8503 10.8981 10.6373L10.8234 10.2353C9.86276 10.4135 9.07035 9.89182 8.66648 9.54197L8.39858 9.85098ZM8.15931 9.65939C8.24138 9.72027 8.32126 9.78422 8.39873 9.85118L8.66627 9.54177C8.58108 9.46816 8.49323 9.39782 8.40297 9.3309L8.15931 9.65939ZM9.1197 8.68492C8.76425 8.85959 8.43969 9.08364 8.14612 9.34159L8.41617 9.64876C8.68576 9.41187 8.98056 9.20894 9.30011 9.05195L9.1197 8.68492ZM12.4666 8.37622C11.7952 8.33895 11.162 8.31784 10.5994 8.35373C10.0385 8.38951 9.53134 8.4828 9.1197 8.68492L9.30011 9.05195C9.64185 8.88418 10.0872 8.79621 10.6255 8.76186C11.1622 8.72761 11.7749 8.74739 12.4439 8.78455L12.4666 8.37622ZM16.2148 9.80687C15.6896 9.39035 14.3735 8.4827 12.4667 8.37622L12.4438 8.78455C14.231 8.88428 15.467 9.73586 15.9605 10.1272L16.2148 9.80687ZM16.3815 10.1525C16.3815 10.0185 16.3211 9.89131 16.2149 9.80692L15.9604 10.1271C15.9679 10.1331 15.9724 10.1419 15.9724 10.1525H16.3815ZM16.3815 11.8124V10.1525H15.9724V11.8124H16.3815ZM15.6504 12.1459C15.9368 12.3945 16.3815 12.1909 16.3815 11.8124H15.9724C15.9724 11.822 15.9699 11.8273 15.9676 11.8307C15.9648 11.8349 15.9601 11.8393 15.9534 11.8423C15.9468 11.8453 15.9404 11.846 15.9355 11.8455C15.9315 11.8449 15.926 11.8434 15.9187 11.8371L15.6504 12.1459ZM14.4928 11.3667C14.9936 11.6215 15.3848 11.916 15.6507 12.1461L15.9185 11.8369C15.6338 11.5905 15.2152 11.2754 14.6783 11.0023L14.4928 11.3667ZM8.41683 6.75194C8.55613 6.62956 8.68852 6.49957 8.81416 6.36354L8.51353 6.08612C8.39694 6.21239 8.27472 6.33236 8.14678 6.44477L8.41683 6.75194ZM9.19814 6.89548C8.91638 6.77157 8.65006 6.61683 8.40369 6.43414L8.15998 6.76257C8.43089 6.96352 8.7237 7.13359 9.03343 7.26982L9.19814 6.89548ZM12.136 7.26031C10.8405 7.26189 9.88163 7.19672 9.19829 6.89553L9.03328 7.26972C9.80676 7.61062 10.8502 7.67084 12.1365 7.66925L12.136 7.26031ZM15.9571 6.18662C15.3346 6.56423 13.9777 7.2577 12.136 7.26031L12.1365 7.66925C14.0813 7.66655 15.5126 6.93458 16.1693 6.53622L15.9571 6.18662ZM15.9724 6.15892C15.9724 6.17047 15.9666 6.18085 15.9568 6.18678L16.1696 6.53607C16.3012 6.45591 16.3815 6.31319 16.3815 6.15892H15.9724ZM15.9724 4.12171V6.15892H16.3815V4.12171H15.9724ZM15.92 4.09528C15.9427 4.07894 15.9724 4.09516 15.9724 4.12171H16.3815C16.3815 3.76028 15.9731 3.55327 15.6811 3.76334L15.92 4.09528ZM14.2317 4.99991C14.9668 4.72302 15.5366 4.37113 15.92 4.09528L15.6811 3.76334C15.3193 4.02358 14.7812 4.35591 14.0874 4.61723L14.2317 4.99991ZM13.2597 5.42798C13.6594 5.30504 13.9946 5.14315 14.2634 4.98473L14.0557 4.63242C13.8099 4.77723 13.5039 4.92497 13.1394 5.03712L13.2597 5.42798ZM11.204 5.58915C11.6356 5.64963 12.3885 5.69589 13.2597 5.42798L13.1395 5.03711C12.3443 5.28157 11.6564 5.23961 11.2608 5.18419L11.204 5.58915ZM8.81416 6.36354C9.44768 5.67713 10.3626 5.38033 11.1828 5.58506L11.2819 5.18828C10.3008 4.94339 9.23685 5.30248 8.51348 6.08617L8.81416 6.36354Z",
+                                  "fill": "black"
+                                },
+                                "children": []
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LangfuseIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
index d71702c0bf..1f1c557c0f 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LangfuseIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LangfuseIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.json b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.json
index 8172de6cf6..9e96730bb2 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.json
@@ -1,236 +1,236 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "111",
-			"height": "24",
-			"viewBox": "0 0 111 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Clip path group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_20135_18315",
-							"style": "mask-type:luminance",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "0",
-							"width": "144",
-							"height": "24"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "clip0_823_291"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector",
-											"d": "M143.36 0H0V24H143.36V0Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_20135_18315)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_2",
-											"d": "M31.9258 17.3144V5.5896H33.5612V15.7456H39.5908V17.3144H31.9258ZM41.5502 11.1713C41.8806 9.47033 43.3343 8.36391 45.1845 8.36391C47.3155 8.36391 48.7197 9.60244 48.7197 12.03V15.3492C48.7197 15.729 48.8849 15.8942 49.2483 15.8942H49.6283V17.3144H49.1657C48.1085 17.3144 47.4807 16.7529 47.3155 15.9768C46.9852 16.7859 45.9609 17.5125 44.5898 17.5125C42.8222 17.5125 41.4016 16.5878 41.4016 15.019C41.4016 13.2024 42.7396 12.6905 44.755 12.3107L47.1173 11.8483C47.1008 10.5107 46.3409 9.85015 45.168 9.85015C44.1768 9.85015 43.45 10.4446 43.2517 11.2868L41.5502 11.1713ZM43.0865 14.9859C43.1031 15.5969 43.6317 16.1089 44.7881 16.1089C46.1096 16.1089 47.1503 15.1841 47.1503 13.6153V13.2355L45.2671 13.5657C44.0447 13.7804 43.0865 13.8795 43.0865 14.9859ZM51.8189 8.56208H53.2892L53.3387 10.0318C53.8013 8.90887 54.7759 8.36391 55.9488 8.36391C57.8981 8.36391 58.8563 9.80061 58.8563 11.6832V17.3144H57.2539V12.096C57.2539 10.5437 56.7418 9.73455 55.5358 9.73455C54.2638 9.73455 53.4213 10.5437 53.4213 12.096V17.3144H51.8189V8.56208ZM64.8465 16.852C62.6824 16.852 61.1461 15.118 61.1461 12.6575C61.1461 10.1144 62.6824 8.36391 64.8465 8.36391C66.0193 8.36391 67.0436 8.99143 67.44 9.89969L67.4565 8.56208H68.9929V16.3566C68.9763 18.7511 67.4565 19.9896 65.1108 19.9896C63.1945 19.9896 61.8069 18.9823 61.3939 17.463L63.0789 17.3474C63.4258 18.107 64.1031 18.5529 65.1108 18.5529C66.5315 18.5529 67.3739 17.9089 67.3905 16.7034V15.3988C66.9444 16.241 65.8872 16.852 64.8465 16.852ZM62.8311 12.641C62.8311 14.2924 63.7066 15.4483 65.1438 15.4483C66.548 15.4483 67.407 14.2924 67.4235 12.641C67.4565 11.0061 66.581 9.85015 65.1438 9.85015C63.7066 9.85015 62.8311 11.0061 62.8311 12.641ZM73.4961 8.18226C73.4961 6.56391 74.3055 5.5896 76.0897 5.5896H78.5015V7.00978H76.0566C75.495 7.00978 75.0985 7.43914 75.0985 8.14923V9.12354H78.3859V10.5437H75.0985V17.3144H73.4961V10.5437H71.1999V9.12354H73.4961V8.18226ZM88.3571 17.3144H86.8373L86.8207 15.8942C86.3582 16.9841 85.4001 17.5125 84.2767 17.5125C82.3605 17.5125 81.4189 16.0758 81.4189 14.1933V8.56208H83.0212V13.7804C83.0212 15.3327 83.5334 16.1419 84.6897 16.1419C85.9287 16.1419 86.7547 15.3327 86.7547 13.7804V8.56208H88.3571V17.3144ZM96.7925 11.3034C96.6108 10.3786 95.7518 9.85015 94.7275 9.85015C93.885 9.85015 93.1086 10.263 93.1251 11.0722C93.1251 11.9474 94.1824 12.1456 95.1571 12.3933C96.8255 12.8061 98.494 13.4171 98.494 15.052C98.494 16.7694 96.842 17.5125 95.0249 17.5125C92.9765 17.5125 91.308 16.3566 91.1758 14.5401L92.8608 14.441C93.026 15.4153 93.9016 16.0263 95.0249 16.0263C95.9004 16.0263 96.809 15.7951 96.809 14.9694C96.809 14.1107 95.7022 13.9621 94.7275 13.7309C93.0756 13.3346 91.4402 12.7235 91.4402 11.1382C91.4402 9.37125 93.026 8.36391 94.8762 8.36391C96.7264 8.36391 98.1636 9.47033 98.4444 11.2043L96.7925 11.3034ZM100.817 12.9382C100.817 10.1474 102.419 8.36391 104.88 8.36391C106.846 8.36391 108.63 9.63547 108.763 12.7896V13.4006H102.518C102.65 15.052 103.493 16.0263 104.88 16.0263C105.756 16.0263 106.549 15.5144 106.929 14.6391L108.63 14.7878C108.135 16.4557 106.632 17.5125 104.88 17.5125C102.419 17.5125 100.817 15.729 100.817 12.9382ZM102.568 12.1125H107.011C106.78 10.4446 105.872 9.85015 104.88 9.85015C103.608 9.85015 102.799 10.6924 102.568 12.1125Z",
-											"fill": "black"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"id": "Clip path group_2"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask1_20135_18315",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "-1",
-													"width": "25",
-													"height": "26"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "g",
-														"attributes": {
-															"id": "clip1_823_291"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_3",
-																	"d": "M24.5471 -0.0771484H0.308594V24.1529H24.5471V-0.0771484Z",
-																	"fill": "white"
-																},
-																"children": []
-															}
-														]
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask1_20135_18315)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "g",
-														"attributes": {
-															"id": "Group_2"
-														},
-														"children": [
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_4",
-																	"d": "M21.9423 16.8532C20.8746 18.2972 19.2396 19.2605 17.3946 19.4012C17.3372 19.4051 17.2797 19.4092 17.2215 19.4124C15.0582 19.5201 13.424 18.5334 12.3404 17.6174C10.4229 16.6027 8.92256 16.3471 8.04475 16.1261C7.4064 15.9654 6.84782 15.644 6.60842 15.4833C6.39617 15.3572 5.96925 15.0647 5.65086 14.5191C5.29416 13.9077 5.27342 13.3235 5.279 13.0752C5.46493 13.0504 5.70512 13.023 5.98601 13.0054C6.21582 12.9909 6.43845 12.9853 6.68823 12.9844C8.62571 12.982 10.1283 13.0768 11.2215 13.5622C11.8128 13.8241 12.361 14.1728 12.8493 14.5979C13.4774 15.1459 14.7613 16.012 16.3437 15.7164C16.5448 15.6786 16.7379 15.6287 16.9239 15.5677C17.4935 15.4857 18.4679 15.4198 19.6154 15.7243C20.7046 16.0136 21.4882 16.5134 21.9423 16.8532Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "2.56",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_5",
-																	"d": "M21.8003 6.90944C21.319 6.28602 20.7339 5.69669 20.043 5.29456C19.3066 4.86626 18.367 4.49744 17.2306 4.3975C14.4541 4.15321 12.5557 5.69273 12.2099 5.98382C11.7796 6.38753 10.0582 7.81602 7.98609 8.60917C7.62509 8.73768 6.93016 9.0414 6.31253 9.71961C5.82401 10.2557 5.58492 10.8046 5.46777 11.1457C5.71483 11.1798 5.96985 11.2044 6.23284 11.2194C8.2419 11.3313 9.96813 11.3424 11.0974 10.7896C11.8433 10.4247 12.4976 9.90517 13.0618 9.29681C14.0787 8.19987 15.5618 7.71051 16.9118 8.04605C17.5318 8.13247 18.6117 8.19833 19.8605 7.81602C20.7228 7.55189 21.3652 7.21957 21.8003 6.90944Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "2.56",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_6",
-																	"d": "M2.95884 7.37229C2.1886 6.97653 1.58732 6.52001 1.17721 6.16263C0.947963 5.96275 0.591797 6.12665 0.591797 6.43206V8.92893C0.591797 9.03766 0.640978 9.14079 0.725063 9.20796L1.74835 10.1922C1.80229 9.79638 1.9181 9.25834 2.17829 8.66347C2.4234 8.10227 2.71769 7.67288 2.95884 7.37229Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "2.56",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_7",
-																	"d": "M19.4326 12.9446C19.5497 12.584 19.6146 12.2056 19.6243 11.8201C19.6323 11.5156 19.597 11.4018 19.5441 11.1069C20.0886 11.0155 20.7686 10.8664 21.3886 10.7061C22.0438 10.537 22.5282 10.3406 23.0727 10.145C23.1521 10.5257 23.2355 10.7109 23.2644 10.993C23.2916 11.2591 23.3085 11.5348 23.3132 11.8201C23.3277 12.7066 23.2194 13.5105 23.0526 14.215C22.5394 13.9488 21.9299 13.6732 21.2282 13.4311C20.5754 13.2051 19.9683 13.0512 19.4326 12.9446Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "2.56",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_8",
-																	"d": "M1.15342 18.2166C0.918616 18.3871 0.591797 18.2191 0.591797 17.927V14.8605C0.591797 14.7676 0.627493 14.6796 0.689366 14.614C0.720303 14.5812 0.748859 14.5628 0.761552 14.5556L1.77532 14.1204C1.84988 14.5268 1.97284 15.0133 2.17829 15.5429C2.41864 16.1621 2.7042 16.6637 2.95884 17.0454C2.35676 17.4358 1.75469 17.8263 1.15342 18.2166Z",
-																	"fill": "#0A60B5",
-																	"stroke": "black",
-																	"stroke-width": "2.56",
-																	"stroke-miterlimit": "10"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_9",
-																	"fill-rule": "evenodd",
-																	"clip-rule": "evenodd",
-																	"d": "M7.68233 4.81872C9.70993 4.71818 11.2261 5.56713 12.0077 6.13451C11.4161 6.65689 9.81509 7.91742 7.92157 8.64547C7.79386 8.69117 7.62441 8.7588 7.43136 8.85733C6.06118 9.53194 5.24643 10.8764 5.21006 12.3127C5.20395 12.5545 5.21629 12.7953 5.24827 13.032C5.24481 13.0325 5.24136 13.033 5.23794 13.0334C5.23236 13.2797 5.2531 13.8593 5.60958 14.4661C5.9278 15.0073 6.35446 15.2975 6.5666 15.4227C6.67187 15.4928 6.83891 15.5939 7.04732 15.6986C7.29214 15.829 7.56361 15.9383 7.86305 16.0229C7.90892 16.0362 7.95532 16.0488 8.00211 16.0605C8.11111 16.0877 8.22985 16.1159 8.35794 16.1463C9.26137 16.3607 10.6303 16.6854 12.3087 17.5673C12.4783 17.7095 12.6609 17.8529 12.8568 17.993C12.7973 18.0463 12.7472 18.0927 12.7067 18.1309C12.3606 18.4235 10.4609 19.9709 7.68233 19.7254C6.5451 19.625 5.60404 19.2542 4.86793 18.8238C3.62779 18.0991 2.69071 16.9526 2.17951 15.6109C1.85014 14.7459 1.56303 13.6274 1.5423 12.3111C1.52395 11.187 1.70419 10.1969 1.94983 9.37575C2.70188 6.86682 4.89504 5.0268 7.5093 4.82989L7.50941 4.82988C7.5668 4.82589 7.62418 4.82191 7.68233 4.81872ZM21.8835 16.7762C21.4284 16.4391 20.6476 15.947 19.5661 15.6619C18.4192 15.3597 17.4455 15.4251 16.8761 15.5064C16.6902 15.567 16.4972 15.6164 16.2963 15.6539C14.7148 15.9473 13.4316 15.0879 12.8039 14.5442C12.6819 14.4387 12.5561 14.338 12.4269 14.2422C12.8493 13.871 13.3137 13.5508 13.82 13.3021C14.9501 12.7473 16.6775 12.7584 18.6881 12.87C21.4586 13.0247 23.3726 14.3441 24.1367 14.95C24.222 15.0177 24.2707 15.1198 24.2707 15.2282V17.718C24.2707 18.0233 23.9125 18.1867 23.682 17.9867C23.2692 17.6292 22.6618 17.1721 21.8835 16.7762ZM13.0009 9.33672C12.8193 9.5334 12.6283 9.72087 12.4279 9.89693C12.8159 10.1847 13.2353 10.4283 13.6788 10.6234C14.7715 11.1049 16.2732 11.199 18.2095 11.1966C21.0495 11.1926 23.1406 10.1235 24.1 9.54153C24.206 9.47696 24.2707 9.36218 24.2707 9.23781V6.182C24.2707 5.89101 23.9421 5.72359 23.706 5.8934C23.1472 6.29546 22.3162 6.80863 21.2445 7.21229C20.8586 7.43971 20.3776 7.6719 19.8046 7.84826C18.5548 8.23249 17.4742 8.16632 16.8538 8.07944C15.5028 7.74222 14.0186 8.2341 13.0009 9.33672Z",
-																	"fill": "#E11312"
-																},
-																"children": []
-															},
-															{
-																"type": "element",
-																"name": "path",
-																"attributes": {
-																	"id": "Vector_10",
-																	"d": "M12.0069 6.13459L12.21 6.36447L12.4968 6.11122L12.1871 5.88642L12.0069 6.13459ZM7.68154 4.8188L7.66636 4.51247L7.66557 4.51251L7.66477 4.51255L7.68154 4.8188ZM7.92078 8.64555L8.0241 8.9344L8.02755 8.93317L8.03092 8.93187L7.92078 8.64555ZM7.43056 8.85741L7.56612 9.13253L7.56811 9.13161L7.57008 9.13062L7.43056 8.85741ZM5.24747 13.0321L5.28765 13.3361L5.59271 13.2959L5.55152 12.991L5.24747 13.0321ZM5.23715 13.0335L5.1967 12.7295L4.93636 12.764L4.93041 13.0265L5.23715 13.0335ZM6.56581 15.4228L6.736 15.1676L6.729 15.1629L6.72175 15.1587L6.56581 15.4228ZM7.04653 15.6987L7.19079 15.428L7.18759 15.4263L7.18433 15.4247L7.04653 15.6987ZM7.86225 16.023L7.94762 15.7285L7.9467 15.7282L7.94571 15.7279L7.86225 16.023ZM12.3079 17.5673L12.5052 17.3324L12.4799 17.3112L12.4506 17.2958L12.3079 17.5673ZM12.856 17.9931L13.0606 18.2216L13.3458 17.9664L13.0346 17.7437L12.856 17.9931ZM12.7059 18.131L12.904 18.3652L12.9105 18.3598L12.9165 18.3541L12.7059 18.131ZM4.86713 18.8239L5.02207 18.5591L5.02197 18.559L4.86713 18.8239ZM1.5415 12.3112L1.84828 12.3064L1.84827 12.3062L1.5415 12.3112ZM1.94903 9.37583L1.65512 9.28773L1.65507 9.28796L1.94903 9.37583ZM7.5085 4.82997L7.48794 4.52395L7.48669 4.52403L7.48544 4.52413L7.5085 4.82997ZM7.50862 4.82996L7.52918 5.13598L7.52987 5.13593L7.50862 4.82996ZM19.5653 15.662L19.6435 15.3654H19.6435L19.5653 15.662ZM21.8827 16.7763L21.7001 17.0227L21.7207 17.038L21.7436 17.0496L21.8827 16.7763ZM16.8753 15.5065L16.8319 15.2028L16.8055 15.2066L16.7801 15.2149L16.8753 15.5065ZM16.2955 15.654L16.3515 15.9555H16.3517L16.2955 15.654ZM12.8031 14.5443L13.0041 14.3125L13.0038 14.3122L12.8031 14.5443ZM12.4261 14.2422L12.2236 14.0119L11.9383 14.2625L12.2434 14.4886L12.4261 14.2422ZM18.6873 12.8701L18.7044 12.5638H18.7042L18.6873 12.8701ZM24.1359 14.95L24.3267 14.7099L24.3266 14.7098L24.1359 14.95ZM23.6813 17.9868L23.8824 17.7552L23.8821 17.7549L23.6813 17.9868ZM12.4271 9.89701L12.2246 9.66667L11.9394 9.91717L12.2444 10.1434L12.4271 9.89701ZM13.678 10.6234L13.8018 10.3428L13.8016 10.3427L13.678 10.6234ZM18.2087 11.1967L18.2091 11.5034H18.2092L18.2087 11.1967ZM24.0992 9.54161L24.2584 9.80384L24.2588 9.80361L24.0992 9.54161ZM21.2437 7.21237L21.1355 6.92536L21.1107 6.9347L21.088 6.94815L21.2437 7.21237ZM16.853 8.07952L16.7786 8.37711L16.7943 8.38102L16.8104 8.38324L16.853 8.07952ZM12.1871 5.88642C11.3742 5.29623 9.7896 4.40718 7.66636 4.51247L7.69672 5.12514C9.62867 5.02934 11.0765 5.83819 11.8266 6.38275L12.1871 5.88642ZM8.03092 8.93187C9.97246 8.18534 11.605 6.89867 12.21 6.36447L11.8038 5.90471C11.2255 6.41528 9.65613 7.64973 7.81063 8.35932L8.03092 8.93187ZM7.57008 9.13062C7.74904 9.03922 7.90597 8.97657 8.0241 8.9344L7.81746 8.35679C7.68016 8.40586 7.49818 8.47855 7.29104 8.58429L7.57008 9.13062ZM5.51598 12.3205C5.54953 10.9957 6.30059 9.75569 7.56612 9.13253L7.29499 8.5823C5.82017 9.30843 4.94173 10.7573 4.90255 12.3051L5.51598 12.3205ZM5.55152 12.991C5.52184 12.7713 5.51027 12.5468 5.51598 12.3205L4.90255 12.3051C4.89604 12.5623 4.90915 12.8196 4.94341 13.0731L5.55152 12.991ZM5.27759 13.3375C5.28094 13.3371 5.28429 13.3366 5.28765 13.3361L5.20729 12.728C5.20373 12.7285 5.2002 12.729 5.1967 12.7295L5.27759 13.3375ZM5.87334 14.3108C5.55756 13.7734 5.53893 13.2588 5.54388 13.0404L4.93041 13.0265C4.92419 13.3008 4.94703 13.9455 5.34423 14.6215L5.87334 14.3108ZM6.72175 15.1587C6.53331 15.0475 6.15501 14.7899 5.87331 14.3107L5.34423 14.6215C5.69895 15.2249 6.17402 15.5477 6.40985 15.6869L6.72175 15.1587ZM7.18433 15.4247C6.98719 15.3256 6.83096 15.2309 6.736 15.1676L6.39562 15.678C6.51119 15.755 6.68904 15.8623 6.90873 15.9728L7.18433 15.4247ZM7.94571 15.7279C7.66622 15.6489 7.41526 15.5476 7.19079 15.428L6.90227 15.9694C7.16743 16.1106 7.4594 16.2279 7.7788 16.3182L7.94571 15.7279ZM8.07572 15.763C8.03277 15.7523 7.99004 15.7407 7.94762 15.7285L7.7768 16.3176C7.8262 16.3319 7.87621 16.3455 7.92691 16.3581L8.07572 15.763ZM8.42802 15.8479C8.29947 15.8174 8.18257 15.7897 8.07572 15.763L7.92691 16.3581C8.03798 16.3859 8.15864 16.4145 8.28627 16.4448L8.42802 15.8479ZM12.4506 17.2958C10.7369 16.3954 9.3372 16.0636 8.42802 15.8479L8.28627 16.4448C9.18402 16.6578 10.522 16.9755 12.1651 17.8389L12.4506 17.2958ZM13.0346 17.7437C12.8458 17.6086 12.6693 17.4702 12.5052 17.3324L12.1107 17.8023C12.2855 17.949 12.4745 18.0973 12.6774 18.2425L13.0346 17.7437ZM12.9165 18.3541C12.9555 18.3173 13.0035 18.2727 13.0606 18.2216L12.6514 17.7646C12.5895 17.8199 12.5373 17.8684 12.4953 17.908L12.9165 18.3541ZM7.65454 20.031C10.5596 20.2878 12.5414 18.6718 12.904 18.3652L12.5078 17.8968C12.1782 18.1755 10.3606 19.6543 7.70861 19.42L7.65454 20.031ZM4.7122 19.0885C5.48062 19.538 6.46494 19.9259 7.65455 20.0311L7.70861 19.42C6.62375 19.3242 5.72585 18.9707 5.02207 18.5591L4.7122 19.0885ZM1.89197 15.7201C2.42664 17.1235 3.4083 18.3266 4.71229 19.0886L5.02197 18.559C3.84569 17.8717 2.95318 16.7819 2.46543 15.5018L1.89197 15.7201ZM1.23472 12.316C1.25612 13.6744 1.55244 14.8284 1.89197 15.7201L2.46546 15.5019C2.14624 14.6635 1.86835 13.5804 1.84828 12.3064L1.23472 12.316ZM1.65507 9.28796C1.40184 10.1345 1.21579 11.1561 1.23472 12.3163L1.84827 12.3062C1.83052 11.2181 2.00495 10.2594 2.24298 9.4637L1.65507 9.28796ZM7.48544 4.52413C4.73874 4.73102 2.44195 6.66285 1.65512 9.28773L2.24293 9.46385C2.96021 7.07095 5.04976 5.32275 7.53155 5.13581L7.48544 4.52413ZM7.48805 4.52394L7.48794 4.52395L7.52906 5.13599L7.52918 5.13598L7.48805 4.52394ZM7.66477 4.51255C7.60399 4.51588 7.54439 4.52003 7.48736 4.52399L7.52987 5.13593C7.58761 5.13192 7.64276 5.1281 7.69834 5.12505L7.66477 4.51255ZM19.4871 15.9585C20.5195 16.2307 21.2651 16.7006 21.7001 17.0227L22.0654 16.5298C21.5901 16.1778 20.7741 15.6634 19.6435 15.3654L19.4871 15.9585ZM16.9186 15.8101C17.4624 15.7325 18.3923 15.6701 19.4871 15.9585L19.6435 15.3654C18.4447 15.0495 17.427 15.1179 16.8319 15.2028L16.9186 15.8101ZM16.3517 15.9555C16.5658 15.9156 16.7717 15.8629 16.9704 15.7981L16.7801 15.2149C16.6071 15.2713 16.4271 15.3174 16.2392 15.3524L16.3517 15.9555ZM12.6023 14.776C13.2517 15.3386 14.6295 16.275 16.3515 15.9555L16.2395 15.3524C14.7985 15.6197 13.6099 14.8372 13.0041 14.3125L12.6023 14.776ZM12.2434 14.4886C12.3665 14.5799 12.4863 14.6758 12.6025 14.7763L13.0038 14.3122C12.876 14.2017 12.7442 14.0962 12.6089 13.9959L12.2434 14.4886ZM13.6839 13.0269C13.1508 13.2889 12.6639 13.625 12.2236 14.0119L12.6286 14.4726C13.033 14.1173 13.4752 13.8129 13.9546 13.5774L13.6839 13.0269ZM18.7042 12.5638C17.6973 12.5079 16.7474 12.4763 15.9035 12.5301C15.0621 12.5838 14.3014 12.7237 13.6839 13.0269L13.9546 13.5774C14.4672 13.3258 15.1352 13.1938 15.9426 13.1423C16.7477 13.0909 17.6667 13.1206 18.6702 13.1763L18.7042 12.5638ZM24.3266 14.7098C23.5387 14.085 21.5647 12.7236 18.7044 12.5638L18.6702 13.1763C21.3509 13.3259 23.2049 14.6033 23.9452 15.1903L24.3266 14.7098ZM24.5767 15.2283C24.5767 15.0273 24.4861 14.8365 24.3267 14.7099L23.945 15.1902C23.9563 15.1992 23.9631 15.2124 23.9631 15.2283H24.5767ZM24.5767 17.7181V15.2283H23.9631V17.7181H24.5767ZM23.4801 18.2183C23.9096 18.5912 24.5767 18.2859 24.5767 17.7181H23.9631C23.9631 17.7326 23.9593 17.7405 23.9559 17.7456C23.9516 17.7519 23.9445 17.7584 23.9345 17.7629C23.9246 17.7675 23.915 17.7685 23.9076 17.7677C23.9016 17.7669 23.8933 17.7646 23.8824 17.7552L23.4801 18.2183ZM21.7436 17.0496C22.4948 17.4318 23.0817 17.8734 23.4804 18.2186L23.8821 17.7549C23.4551 17.3852 22.8272 16.9126 22.0218 16.5029L21.7436 17.0496ZM12.6296 10.1274C12.8386 9.94385 13.0372 9.74886 13.2256 9.54483L12.7747 9.1287C12.5998 9.31809 12.4165 9.49805 12.2246 9.66667L12.6296 10.1274ZM13.8016 10.3427C13.379 10.1569 12.9795 9.92476 12.6099 9.65072L12.2444 10.1434C12.6507 10.4448 13.0899 10.6999 13.5545 10.9042L13.8016 10.3427ZM18.2083 10.89C16.2651 10.8924 14.8268 10.7946 13.8018 10.3428L13.5543 10.9041C14.7145 11.4154 16.2797 11.5058 18.2091 11.5034L18.2083 10.89ZM23.94 9.27945C23.0063 9.84586 20.971 10.8861 18.2083 10.89L18.2092 11.5034C21.1263 11.4993 23.2733 10.4014 24.2584 9.80384L23.94 9.27945ZM23.9631 9.23789C23.9631 9.25522 23.9542 9.27078 23.9396 9.27968L24.2588 9.80361C24.4563 9.68338 24.5767 9.4693 24.5767 9.23789H23.9631ZM23.9631 6.18208V9.23789H24.5767V6.18208H23.9631ZM23.8844 6.14243C23.9185 6.11792 23.9631 6.14225 23.9631 6.18208H24.5767C24.5767 5.63993 23.9641 5.32941 23.526 5.64453L23.8844 6.14243ZM21.3519 7.49938C22.4546 7.08404 23.3093 6.55621 23.8844 6.14243L23.526 5.64453C22.9834 6.03488 22.1762 6.53338 21.1355 6.92536L21.3519 7.49938ZM19.894 8.14148C20.4934 7.95707 20.9962 7.71423 21.3995 7.4766L21.088 6.94815C20.7192 7.16536 20.2602 7.38697 19.7135 7.55519L19.894 8.14148ZM16.8104 8.38324C17.4579 8.47395 18.5872 8.54334 19.894 8.14148L19.7136 7.55517C18.5209 7.92187 17.4889 7.85892 16.8955 7.7758L16.8104 8.38324ZM13.2256 9.54483C14.1759 8.5152 15.5483 8.07001 16.7786 8.37711L16.9273 7.78194C15.4556 7.41459 13.8597 7.95323 12.7746 9.12877L13.2256 9.54483Z",
-																	"fill": "black"
-																},
-																"children": []
-															}
-														]
-													}
-												]
-											}
-										]
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "LangfuseIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "111",
+      "height": "24",
+      "viewBox": "0 0 111 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Clip path group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_20135_18315",
+              "style": "mask-type:luminance",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "0",
+              "width": "144",
+              "height": "24"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "clip0_823_291"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector",
+                      "d": "M143.36 0H0V24H143.36V0Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_20135_18315)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_2",
+                      "d": "M31.9258 17.3144V5.5896H33.5612V15.7456H39.5908V17.3144H31.9258ZM41.5502 11.1713C41.8806 9.47033 43.3343 8.36391 45.1845 8.36391C47.3155 8.36391 48.7197 9.60244 48.7197 12.03V15.3492C48.7197 15.729 48.8849 15.8942 49.2483 15.8942H49.6283V17.3144H49.1657C48.1085 17.3144 47.4807 16.7529 47.3155 15.9768C46.9852 16.7859 45.9609 17.5125 44.5898 17.5125C42.8222 17.5125 41.4016 16.5878 41.4016 15.019C41.4016 13.2024 42.7396 12.6905 44.755 12.3107L47.1173 11.8483C47.1008 10.5107 46.3409 9.85015 45.168 9.85015C44.1768 9.85015 43.45 10.4446 43.2517 11.2868L41.5502 11.1713ZM43.0865 14.9859C43.1031 15.5969 43.6317 16.1089 44.7881 16.1089C46.1096 16.1089 47.1503 15.1841 47.1503 13.6153V13.2355L45.2671 13.5657C44.0447 13.7804 43.0865 13.8795 43.0865 14.9859ZM51.8189 8.56208H53.2892L53.3387 10.0318C53.8013 8.90887 54.7759 8.36391 55.9488 8.36391C57.8981 8.36391 58.8563 9.80061 58.8563 11.6832V17.3144H57.2539V12.096C57.2539 10.5437 56.7418 9.73455 55.5358 9.73455C54.2638 9.73455 53.4213 10.5437 53.4213 12.096V17.3144H51.8189V8.56208ZM64.8465 16.852C62.6824 16.852 61.1461 15.118 61.1461 12.6575C61.1461 10.1144 62.6824 8.36391 64.8465 8.36391C66.0193 8.36391 67.0436 8.99143 67.44 9.89969L67.4565 8.56208H68.9929V16.3566C68.9763 18.7511 67.4565 19.9896 65.1108 19.9896C63.1945 19.9896 61.8069 18.9823 61.3939 17.463L63.0789 17.3474C63.4258 18.107 64.1031 18.5529 65.1108 18.5529C66.5315 18.5529 67.3739 17.9089 67.3905 16.7034V15.3988C66.9444 16.241 65.8872 16.852 64.8465 16.852ZM62.8311 12.641C62.8311 14.2924 63.7066 15.4483 65.1438 15.4483C66.548 15.4483 67.407 14.2924 67.4235 12.641C67.4565 11.0061 66.581 9.85015 65.1438 9.85015C63.7066 9.85015 62.8311 11.0061 62.8311 12.641ZM73.4961 8.18226C73.4961 6.56391 74.3055 5.5896 76.0897 5.5896H78.5015V7.00978H76.0566C75.495 7.00978 75.0985 7.43914 75.0985 8.14923V9.12354H78.3859V10.5437H75.0985V17.3144H73.4961V10.5437H71.1999V9.12354H73.4961V8.18226ZM88.3571 17.3144H86.8373L86.8207 15.8942C86.3582 16.9841 85.4001 17.5125 84.2767 17.5125C82.3605 17.5125 81.4189 16.0758 81.4189 14.1933V8.56208H83.0212V13.7804C83.0212 15.3327 83.5334 16.1419 84.6897 16.1419C85.9287 16.1419 86.7547 15.3327 86.7547 13.7804V8.56208H88.3571V17.3144ZM96.7925 11.3034C96.6108 10.3786 95.7518 9.85015 94.7275 9.85015C93.885 9.85015 93.1086 10.263 93.1251 11.0722C93.1251 11.9474 94.1824 12.1456 95.1571 12.3933C96.8255 12.8061 98.494 13.4171 98.494 15.052C98.494 16.7694 96.842 17.5125 95.0249 17.5125C92.9765 17.5125 91.308 16.3566 91.1758 14.5401L92.8608 14.441C93.026 15.4153 93.9016 16.0263 95.0249 16.0263C95.9004 16.0263 96.809 15.7951 96.809 14.9694C96.809 14.1107 95.7022 13.9621 94.7275 13.7309C93.0756 13.3346 91.4402 12.7235 91.4402 11.1382C91.4402 9.37125 93.026 8.36391 94.8762 8.36391C96.7264 8.36391 98.1636 9.47033 98.4444 11.2043L96.7925 11.3034ZM100.817 12.9382C100.817 10.1474 102.419 8.36391 104.88 8.36391C106.846 8.36391 108.63 9.63547 108.763 12.7896V13.4006H102.518C102.65 15.052 103.493 16.0263 104.88 16.0263C105.756 16.0263 106.549 15.5144 106.929 14.6391L108.63 14.7878C108.135 16.4557 106.632 17.5125 104.88 17.5125C102.419 17.5125 100.817 15.729 100.817 12.9382ZM102.568 12.1125H107.011C106.78 10.4446 105.872 9.85015 104.88 9.85015C103.608 9.85015 102.799 10.6924 102.568 12.1125Z",
+                      "fill": "black"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "id": "Clip path group_2"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask1_20135_18315",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "-1",
+                          "width": "25",
+                          "height": "26"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "g",
+                            "attributes": {
+                              "id": "clip1_823_291"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_3",
+                                  "d": "M24.5471 -0.0771484H0.308594V24.1529H24.5471V-0.0771484Z",
+                                  "fill": "white"
+                                },
+                                "children": []
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask1_20135_18315)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "g",
+                            "attributes": {
+                              "id": "Group_2"
+                            },
+                            "children": [
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_4",
+                                  "d": "M21.9423 16.8532C20.8746 18.2972 19.2396 19.2605 17.3946 19.4012C17.3372 19.4051 17.2797 19.4092 17.2215 19.4124C15.0582 19.5201 13.424 18.5334 12.3404 17.6174C10.4229 16.6027 8.92256 16.3471 8.04475 16.1261C7.4064 15.9654 6.84782 15.644 6.60842 15.4833C6.39617 15.3572 5.96925 15.0647 5.65086 14.5191C5.29416 13.9077 5.27342 13.3235 5.279 13.0752C5.46493 13.0504 5.70512 13.023 5.98601 13.0054C6.21582 12.9909 6.43845 12.9853 6.68823 12.9844C8.62571 12.982 10.1283 13.0768 11.2215 13.5622C11.8128 13.8241 12.361 14.1728 12.8493 14.5979C13.4774 15.1459 14.7613 16.012 16.3437 15.7164C16.5448 15.6786 16.7379 15.6287 16.9239 15.5677C17.4935 15.4857 18.4679 15.4198 19.6154 15.7243C20.7046 16.0136 21.4882 16.5134 21.9423 16.8532Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "2.56",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_5",
+                                  "d": "M21.8003 6.90944C21.319 6.28602 20.7339 5.69669 20.043 5.29456C19.3066 4.86626 18.367 4.49744 17.2306 4.3975C14.4541 4.15321 12.5557 5.69273 12.2099 5.98382C11.7796 6.38753 10.0582 7.81602 7.98609 8.60917C7.62509 8.73768 6.93016 9.0414 6.31253 9.71961C5.82401 10.2557 5.58492 10.8046 5.46777 11.1457C5.71483 11.1798 5.96985 11.2044 6.23284 11.2194C8.2419 11.3313 9.96813 11.3424 11.0974 10.7896C11.8433 10.4247 12.4976 9.90517 13.0618 9.29681C14.0787 8.19987 15.5618 7.71051 16.9118 8.04605C17.5318 8.13247 18.6117 8.19833 19.8605 7.81602C20.7228 7.55189 21.3652 7.21957 21.8003 6.90944Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "2.56",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_6",
+                                  "d": "M2.95884 7.37229C2.1886 6.97653 1.58732 6.52001 1.17721 6.16263C0.947963 5.96275 0.591797 6.12665 0.591797 6.43206V8.92893C0.591797 9.03766 0.640978 9.14079 0.725063 9.20796L1.74835 10.1922C1.80229 9.79638 1.9181 9.25834 2.17829 8.66347C2.4234 8.10227 2.71769 7.67288 2.95884 7.37229Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "2.56",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_7",
+                                  "d": "M19.4326 12.9446C19.5497 12.584 19.6146 12.2056 19.6243 11.8201C19.6323 11.5156 19.597 11.4018 19.5441 11.1069C20.0886 11.0155 20.7686 10.8664 21.3886 10.7061C22.0438 10.537 22.5282 10.3406 23.0727 10.145C23.1521 10.5257 23.2355 10.7109 23.2644 10.993C23.2916 11.2591 23.3085 11.5348 23.3132 11.8201C23.3277 12.7066 23.2194 13.5105 23.0526 14.215C22.5394 13.9488 21.9299 13.6732 21.2282 13.4311C20.5754 13.2051 19.9683 13.0512 19.4326 12.9446Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "2.56",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_8",
+                                  "d": "M1.15342 18.2166C0.918616 18.3871 0.591797 18.2191 0.591797 17.927V14.8605C0.591797 14.7676 0.627493 14.6796 0.689366 14.614C0.720303 14.5812 0.748859 14.5628 0.761552 14.5556L1.77532 14.1204C1.84988 14.5268 1.97284 15.0133 2.17829 15.5429C2.41864 16.1621 2.7042 16.6637 2.95884 17.0454C2.35676 17.4358 1.75469 17.8263 1.15342 18.2166Z",
+                                  "fill": "#0A60B5",
+                                  "stroke": "black",
+                                  "stroke-width": "2.56",
+                                  "stroke-miterlimit": "10"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_9",
+                                  "fill-rule": "evenodd",
+                                  "clip-rule": "evenodd",
+                                  "d": "M7.68233 4.81872C9.70993 4.71818 11.2261 5.56713 12.0077 6.13451C11.4161 6.65689 9.81509 7.91742 7.92157 8.64547C7.79386 8.69117 7.62441 8.7588 7.43136 8.85733C6.06118 9.53194 5.24643 10.8764 5.21006 12.3127C5.20395 12.5545 5.21629 12.7953 5.24827 13.032C5.24481 13.0325 5.24136 13.033 5.23794 13.0334C5.23236 13.2797 5.2531 13.8593 5.60958 14.4661C5.9278 15.0073 6.35446 15.2975 6.5666 15.4227C6.67187 15.4928 6.83891 15.5939 7.04732 15.6986C7.29214 15.829 7.56361 15.9383 7.86305 16.0229C7.90892 16.0362 7.95532 16.0488 8.00211 16.0605C8.11111 16.0877 8.22985 16.1159 8.35794 16.1463C9.26137 16.3607 10.6303 16.6854 12.3087 17.5673C12.4783 17.7095 12.6609 17.8529 12.8568 17.993C12.7973 18.0463 12.7472 18.0927 12.7067 18.1309C12.3606 18.4235 10.4609 19.9709 7.68233 19.7254C6.5451 19.625 5.60404 19.2542 4.86793 18.8238C3.62779 18.0991 2.69071 16.9526 2.17951 15.6109C1.85014 14.7459 1.56303 13.6274 1.5423 12.3111C1.52395 11.187 1.70419 10.1969 1.94983 9.37575C2.70188 6.86682 4.89504 5.0268 7.5093 4.82989L7.50941 4.82988C7.5668 4.82589 7.62418 4.82191 7.68233 4.81872ZM21.8835 16.7762C21.4284 16.4391 20.6476 15.947 19.5661 15.6619C18.4192 15.3597 17.4455 15.4251 16.8761 15.5064C16.6902 15.567 16.4972 15.6164 16.2963 15.6539C14.7148 15.9473 13.4316 15.0879 12.8039 14.5442C12.6819 14.4387 12.5561 14.338 12.4269 14.2422C12.8493 13.871 13.3137 13.5508 13.82 13.3021C14.9501 12.7473 16.6775 12.7584 18.6881 12.87C21.4586 13.0247 23.3726 14.3441 24.1367 14.95C24.222 15.0177 24.2707 15.1198 24.2707 15.2282V17.718C24.2707 18.0233 23.9125 18.1867 23.682 17.9867C23.2692 17.6292 22.6618 17.1721 21.8835 16.7762ZM13.0009 9.33672C12.8193 9.5334 12.6283 9.72087 12.4279 9.89693C12.8159 10.1847 13.2353 10.4283 13.6788 10.6234C14.7715 11.1049 16.2732 11.199 18.2095 11.1966C21.0495 11.1926 23.1406 10.1235 24.1 9.54153C24.206 9.47696 24.2707 9.36218 24.2707 9.23781V6.182C24.2707 5.89101 23.9421 5.72359 23.706 5.8934C23.1472 6.29546 22.3162 6.80863 21.2445 7.21229C20.8586 7.43971 20.3776 7.6719 19.8046 7.84826C18.5548 8.23249 17.4742 8.16632 16.8538 8.07944C15.5028 7.74222 14.0186 8.2341 13.0009 9.33672Z",
+                                  "fill": "#E11312"
+                                },
+                                "children": []
+                              },
+                              {
+                                "type": "element",
+                                "name": "path",
+                                "attributes": {
+                                  "id": "Vector_10",
+                                  "d": "M12.0069 6.13459L12.21 6.36447L12.4968 6.11122L12.1871 5.88642L12.0069 6.13459ZM7.68154 4.8188L7.66636 4.51247L7.66557 4.51251L7.66477 4.51255L7.68154 4.8188ZM7.92078 8.64555L8.0241 8.9344L8.02755 8.93317L8.03092 8.93187L7.92078 8.64555ZM7.43056 8.85741L7.56612 9.13253L7.56811 9.13161L7.57008 9.13062L7.43056 8.85741ZM5.24747 13.0321L5.28765 13.3361L5.59271 13.2959L5.55152 12.991L5.24747 13.0321ZM5.23715 13.0335L5.1967 12.7295L4.93636 12.764L4.93041 13.0265L5.23715 13.0335ZM6.56581 15.4228L6.736 15.1676L6.729 15.1629L6.72175 15.1587L6.56581 15.4228ZM7.04653 15.6987L7.19079 15.428L7.18759 15.4263L7.18433 15.4247L7.04653 15.6987ZM7.86225 16.023L7.94762 15.7285L7.9467 15.7282L7.94571 15.7279L7.86225 16.023ZM12.3079 17.5673L12.5052 17.3324L12.4799 17.3112L12.4506 17.2958L12.3079 17.5673ZM12.856 17.9931L13.0606 18.2216L13.3458 17.9664L13.0346 17.7437L12.856 17.9931ZM12.7059 18.131L12.904 18.3652L12.9105 18.3598L12.9165 18.3541L12.7059 18.131ZM4.86713 18.8239L5.02207 18.5591L5.02197 18.559L4.86713 18.8239ZM1.5415 12.3112L1.84828 12.3064L1.84827 12.3062L1.5415 12.3112ZM1.94903 9.37583L1.65512 9.28773L1.65507 9.28796L1.94903 9.37583ZM7.5085 4.82997L7.48794 4.52395L7.48669 4.52403L7.48544 4.52413L7.5085 4.82997ZM7.50862 4.82996L7.52918 5.13598L7.52987 5.13593L7.50862 4.82996ZM19.5653 15.662L19.6435 15.3654H19.6435L19.5653 15.662ZM21.8827 16.7763L21.7001 17.0227L21.7207 17.038L21.7436 17.0496L21.8827 16.7763ZM16.8753 15.5065L16.8319 15.2028L16.8055 15.2066L16.7801 15.2149L16.8753 15.5065ZM16.2955 15.654L16.3515 15.9555H16.3517L16.2955 15.654ZM12.8031 14.5443L13.0041 14.3125L13.0038 14.3122L12.8031 14.5443ZM12.4261 14.2422L12.2236 14.0119L11.9383 14.2625L12.2434 14.4886L12.4261 14.2422ZM18.6873 12.8701L18.7044 12.5638H18.7042L18.6873 12.8701ZM24.1359 14.95L24.3267 14.7099L24.3266 14.7098L24.1359 14.95ZM23.6813 17.9868L23.8824 17.7552L23.8821 17.7549L23.6813 17.9868ZM12.4271 9.89701L12.2246 9.66667L11.9394 9.91717L12.2444 10.1434L12.4271 9.89701ZM13.678 10.6234L13.8018 10.3428L13.8016 10.3427L13.678 10.6234ZM18.2087 11.1967L18.2091 11.5034H18.2092L18.2087 11.1967ZM24.0992 9.54161L24.2584 9.80384L24.2588 9.80361L24.0992 9.54161ZM21.2437 7.21237L21.1355 6.92536L21.1107 6.9347L21.088 6.94815L21.2437 7.21237ZM16.853 8.07952L16.7786 8.37711L16.7943 8.38102L16.8104 8.38324L16.853 8.07952ZM12.1871 5.88642C11.3742 5.29623 9.7896 4.40718 7.66636 4.51247L7.69672 5.12514C9.62867 5.02934 11.0765 5.83819 11.8266 6.38275L12.1871 5.88642ZM8.03092 8.93187C9.97246 8.18534 11.605 6.89867 12.21 6.36447L11.8038 5.90471C11.2255 6.41528 9.65613 7.64973 7.81063 8.35932L8.03092 8.93187ZM7.57008 9.13062C7.74904 9.03922 7.90597 8.97657 8.0241 8.9344L7.81746 8.35679C7.68016 8.40586 7.49818 8.47855 7.29104 8.58429L7.57008 9.13062ZM5.51598 12.3205C5.54953 10.9957 6.30059 9.75569 7.56612 9.13253L7.29499 8.5823C5.82017 9.30843 4.94173 10.7573 4.90255 12.3051L5.51598 12.3205ZM5.55152 12.991C5.52184 12.7713 5.51027 12.5468 5.51598 12.3205L4.90255 12.3051C4.89604 12.5623 4.90915 12.8196 4.94341 13.0731L5.55152 12.991ZM5.27759 13.3375C5.28094 13.3371 5.28429 13.3366 5.28765 13.3361L5.20729 12.728C5.20373 12.7285 5.2002 12.729 5.1967 12.7295L5.27759 13.3375ZM5.87334 14.3108C5.55756 13.7734 5.53893 13.2588 5.54388 13.0404L4.93041 13.0265C4.92419 13.3008 4.94703 13.9455 5.34423 14.6215L5.87334 14.3108ZM6.72175 15.1587C6.53331 15.0475 6.15501 14.7899 5.87331 14.3107L5.34423 14.6215C5.69895 15.2249 6.17402 15.5477 6.40985 15.6869L6.72175 15.1587ZM7.18433 15.4247C6.98719 15.3256 6.83096 15.2309 6.736 15.1676L6.39562 15.678C6.51119 15.755 6.68904 15.8623 6.90873 15.9728L7.18433 15.4247ZM7.94571 15.7279C7.66622 15.6489 7.41526 15.5476 7.19079 15.428L6.90227 15.9694C7.16743 16.1106 7.4594 16.2279 7.7788 16.3182L7.94571 15.7279ZM8.07572 15.763C8.03277 15.7523 7.99004 15.7407 7.94762 15.7285L7.7768 16.3176C7.8262 16.3319 7.87621 16.3455 7.92691 16.3581L8.07572 15.763ZM8.42802 15.8479C8.29947 15.8174 8.18257 15.7897 8.07572 15.763L7.92691 16.3581C8.03798 16.3859 8.15864 16.4145 8.28627 16.4448L8.42802 15.8479ZM12.4506 17.2958C10.7369 16.3954 9.3372 16.0636 8.42802 15.8479L8.28627 16.4448C9.18402 16.6578 10.522 16.9755 12.1651 17.8389L12.4506 17.2958ZM13.0346 17.7437C12.8458 17.6086 12.6693 17.4702 12.5052 17.3324L12.1107 17.8023C12.2855 17.949 12.4745 18.0973 12.6774 18.2425L13.0346 17.7437ZM12.9165 18.3541C12.9555 18.3173 13.0035 18.2727 13.0606 18.2216L12.6514 17.7646C12.5895 17.8199 12.5373 17.8684 12.4953 17.908L12.9165 18.3541ZM7.65454 20.031C10.5596 20.2878 12.5414 18.6718 12.904 18.3652L12.5078 17.8968C12.1782 18.1755 10.3606 19.6543 7.70861 19.42L7.65454 20.031ZM4.7122 19.0885C5.48062 19.538 6.46494 19.9259 7.65455 20.0311L7.70861 19.42C6.62375 19.3242 5.72585 18.9707 5.02207 18.5591L4.7122 19.0885ZM1.89197 15.7201C2.42664 17.1235 3.4083 18.3266 4.71229 19.0886L5.02197 18.559C3.84569 17.8717 2.95318 16.7819 2.46543 15.5018L1.89197 15.7201ZM1.23472 12.316C1.25612 13.6744 1.55244 14.8284 1.89197 15.7201L2.46546 15.5019C2.14624 14.6635 1.86835 13.5804 1.84828 12.3064L1.23472 12.316ZM1.65507 9.28796C1.40184 10.1345 1.21579 11.1561 1.23472 12.3163L1.84827 12.3062C1.83052 11.2181 2.00495 10.2594 2.24298 9.4637L1.65507 9.28796ZM7.48544 4.52413C4.73874 4.73102 2.44195 6.66285 1.65512 9.28773L2.24293 9.46385C2.96021 7.07095 5.04976 5.32275 7.53155 5.13581L7.48544 4.52413ZM7.48805 4.52394L7.48794 4.52395L7.52906 5.13599L7.52918 5.13598L7.48805 4.52394ZM7.66477 4.51255C7.60399 4.51588 7.54439 4.52003 7.48736 4.52399L7.52987 5.13593C7.58761 5.13192 7.64276 5.1281 7.69834 5.12505L7.66477 4.51255ZM19.4871 15.9585C20.5195 16.2307 21.2651 16.7006 21.7001 17.0227L22.0654 16.5298C21.5901 16.1778 20.7741 15.6634 19.6435 15.3654L19.4871 15.9585ZM16.9186 15.8101C17.4624 15.7325 18.3923 15.6701 19.4871 15.9585L19.6435 15.3654C18.4447 15.0495 17.427 15.1179 16.8319 15.2028L16.9186 15.8101ZM16.3517 15.9555C16.5658 15.9156 16.7717 15.8629 16.9704 15.7981L16.7801 15.2149C16.6071 15.2713 16.4271 15.3174 16.2392 15.3524L16.3517 15.9555ZM12.6023 14.776C13.2517 15.3386 14.6295 16.275 16.3515 15.9555L16.2395 15.3524C14.7985 15.6197 13.6099 14.8372 13.0041 14.3125L12.6023 14.776ZM12.2434 14.4886C12.3665 14.5799 12.4863 14.6758 12.6025 14.7763L13.0038 14.3122C12.876 14.2017 12.7442 14.0962 12.6089 13.9959L12.2434 14.4886ZM13.6839 13.0269C13.1508 13.2889 12.6639 13.625 12.2236 14.0119L12.6286 14.4726C13.033 14.1173 13.4752 13.8129 13.9546 13.5774L13.6839 13.0269ZM18.7042 12.5638C17.6973 12.5079 16.7474 12.4763 15.9035 12.5301C15.0621 12.5838 14.3014 12.7237 13.6839 13.0269L13.9546 13.5774C14.4672 13.3258 15.1352 13.1938 15.9426 13.1423C16.7477 13.0909 17.6667 13.1206 18.6702 13.1763L18.7042 12.5638ZM24.3266 14.7098C23.5387 14.085 21.5647 12.7236 18.7044 12.5638L18.6702 13.1763C21.3509 13.3259 23.2049 14.6033 23.9452 15.1903L24.3266 14.7098ZM24.5767 15.2283C24.5767 15.0273 24.4861 14.8365 24.3267 14.7099L23.945 15.1902C23.9563 15.1992 23.9631 15.2124 23.9631 15.2283H24.5767ZM24.5767 17.7181V15.2283H23.9631V17.7181H24.5767ZM23.4801 18.2183C23.9096 18.5912 24.5767 18.2859 24.5767 17.7181H23.9631C23.9631 17.7326 23.9593 17.7405 23.9559 17.7456C23.9516 17.7519 23.9445 17.7584 23.9345 17.7629C23.9246 17.7675 23.915 17.7685 23.9076 17.7677C23.9016 17.7669 23.8933 17.7646 23.8824 17.7552L23.4801 18.2183ZM21.7436 17.0496C22.4948 17.4318 23.0817 17.8734 23.4804 18.2186L23.8821 17.7549C23.4551 17.3852 22.8272 16.9126 22.0218 16.5029L21.7436 17.0496ZM12.6296 10.1274C12.8386 9.94385 13.0372 9.74886 13.2256 9.54483L12.7747 9.1287C12.5998 9.31809 12.4165 9.49805 12.2246 9.66667L12.6296 10.1274ZM13.8016 10.3427C13.379 10.1569 12.9795 9.92476 12.6099 9.65072L12.2444 10.1434C12.6507 10.4448 13.0899 10.6999 13.5545 10.9042L13.8016 10.3427ZM18.2083 10.89C16.2651 10.8924 14.8268 10.7946 13.8018 10.3428L13.5543 10.9041C14.7145 11.4154 16.2797 11.5058 18.2091 11.5034L18.2083 10.89ZM23.94 9.27945C23.0063 9.84586 20.971 10.8861 18.2083 10.89L18.2092 11.5034C21.1263 11.4993 23.2733 10.4014 24.2584 9.80384L23.94 9.27945ZM23.9631 9.23789C23.9631 9.25522 23.9542 9.27078 23.9396 9.27968L24.2588 9.80361C24.4563 9.68338 24.5767 9.4693 24.5767 9.23789H23.9631ZM23.9631 6.18208V9.23789H24.5767V6.18208H23.9631ZM23.8844 6.14243C23.9185 6.11792 23.9631 6.14225 23.9631 6.18208H24.5767C24.5767 5.63993 23.9641 5.32941 23.526 5.64453L23.8844 6.14243ZM21.3519 7.49938C22.4546 7.08404 23.3093 6.55621 23.8844 6.14243L23.526 5.64453C22.9834 6.03488 22.1762 6.53338 21.1355 6.92536L21.3519 7.49938ZM19.894 8.14148C20.4934 7.95707 20.9962 7.71423 21.3995 7.4766L21.088 6.94815C20.7192 7.16536 20.2602 7.38697 19.7135 7.55519L19.894 8.14148ZM16.8104 8.38324C17.4579 8.47395 18.5872 8.54334 19.894 8.14148L19.7136 7.55517C18.5209 7.92187 17.4889 7.85892 16.8955 7.7758L16.8104 8.38324ZM13.2256 9.54483C14.1759 8.5152 15.5483 8.07001 16.7786 8.37711L16.9273 7.78194C15.4556 7.41459 13.8597 7.95323 12.7746 9.12877L13.2256 9.54483Z",
+                                  "fill": "black"
+                                },
+                                "children": []
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LangfuseIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
index ddf36fee6e..b4846277fa 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LangfuseIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LangfuseIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.json b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.json
index 293c4bfd18..10fe26eb1b 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.json
@@ -1,188 +1,188 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "84",
-			"height": "14",
-			"viewBox": "0 0 84 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Clip path group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_20135_16592",
-							"style": "mask-type:luminance",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "0",
-							"width": "84",
-							"height": "14"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "a"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector",
-											"d": "M83.2164 0.600098H0.799805V13.4001H83.2164V0.600098Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_20135_16592)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_2",
-											"d": "M31.0264 3.12256V10.8845H36.3737V9.71251H32.2403V3.12256H31.0264Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_3",
-											"d": "M39.2238 4.96436C38.0585 4.96436 37.1871 5.51066 36.8333 6.46298C36.8108 6.52391 36.7427 6.70772 36.7427 6.70772L37.7416 7.35386L37.8773 7.00007C38.1087 6.39693 38.5367 6.11584 39.2238 6.11584C39.911 6.11584 40.3042 6.44916 40.297 7.10554C40.297 7.13216 40.295 7.21255 40.295 7.21255C40.295 7.21255 39.3856 7.36 39.0109 7.43936C37.4119 7.77728 36.7422 8.38759 36.7422 9.38599C36.7422 9.91796 37.0376 10.494 37.5767 10.817C37.9003 11.0106 38.3227 11.0838 38.7892 11.0838C39.0959 11.0838 39.3938 11.0382 39.6698 10.9542C40.297 10.7459 40.4721 10.3363 40.4721 10.3363V10.8718H41.511V7.04308C41.511 5.74157 40.6559 4.96436 39.2238 4.96436ZM40.3011 9.05012C40.3011 9.45255 39.8628 10.0193 38.8419 10.0193C38.5536 10.0193 38.3494 9.94304 38.2132 9.82938C38.0309 9.67732 37.971 9.45869 37.9961 9.26567C38.0068 9.1817 38.0575 9.00096 38.2454 8.84429C38.4374 8.68404 38.7769 8.56935 39.3012 8.45517C39.7323 8.36148 40.3016 8.25805 40.3016 8.25805V9.05063L40.3011 9.05012Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_4",
-											"d": "M45.3523 4.96438C45.2079 4.96438 45.0671 4.97462 44.9304 4.99356C44.0001 5.13334 43.7277 5.60591 43.7277 5.60591L43.7287 5.13334H42.5645V10.8729H43.7784V7.68924C43.7784 6.60739 44.5674 6.11484 45.3006 6.11484C46.0932 6.11484 46.4782 6.54083 46.4782 7.41788V10.8729H47.6921V7.25097C47.6921 5.8399 46.7956 4.96387 45.3528 4.96387L45.3523 4.96438Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_5",
-											"d": "M52.7575 5.12922V5.72058C52.7575 5.72058 52.4601 4.96436 51.1067 4.96436C49.4253 4.96436 48.3809 6.12455 48.3809 7.99284C48.3809 9.04704 48.7178 9.877 49.3122 10.4013C49.7745 10.8088 50.392 11.0177 51.1272 11.0321C51.6387 11.0418 51.97 10.9025 52.1769 10.7709C52.5742 10.518 52.7217 10.2779 52.7217 10.2779C52.7217 10.2779 52.7048 10.4658 52.6741 10.7203C52.6521 10.9046 52.6106 11.0341 52.6106 11.0341C52.4258 11.692 51.885 12.0725 51.0965 12.0725C50.308 12.0725 49.8303 11.8129 49.7356 11.3014L48.5555 11.6536C48.7592 12.6367 49.6819 13.2234 51.0233 13.2234C51.9352 13.2234 52.65 12.9756 53.1482 12.4861C53.6505 11.9926 53.9054 11.2814 53.9054 10.3721V5.12871H52.7575V5.12922ZM52.6813 8.04455C52.6813 9.19348 52.1201 9.87956 51.18 9.87956C50.1729 9.87956 49.5953 9.19143 49.5953 7.99232C49.5953 6.79322 50.1729 6.11533 51.18 6.11533C52.0976 6.11533 52.6725 6.79834 52.6813 7.89812V8.04455Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_6",
-											"d": "M61.022 9.69984C61.1858 9.40237 61.2688 9.05165 61.2688 8.65689C61.2688 8.26214 61.1986 7.95904 61.0599 7.71379C60.9211 7.46752 60.7419 7.2663 60.5279 7.11526C60.3123 6.9632 60.0845 6.84339 59.852 6.7584C59.6186 6.67341 59.404 6.6048 59.2151 6.55513L57.8291 6.16857C57.654 6.12198 57.4789 6.0631 57.3079 5.99296C57.1354 5.9223 56.9884 5.82451 56.8722 5.70215C56.7534 5.57773 56.693 5.41594 56.693 5.21984C56.693 5.01402 56.7632 4.83124 56.9009 4.67661C57.0376 4.52352 57.2199 4.40474 57.4431 4.32333C57.6648 4.24192 57.909 4.2025 58.1691 4.20608C58.4364 4.21325 58.6919 4.26804 58.9279 4.36941C59.1649 4.47079 59.3687 4.62029 59.5336 4.81383C59.6938 5.00224 59.8049 5.23162 59.8643 5.49632L61.2042 5.26336C61.0901 4.80461 60.8955 4.40679 60.6252 4.08116C60.3497 3.74938 60.0026 3.49236 59.593 3.31776C59.1829 3.14266 58.7093 3.05204 58.185 3.04845C57.6689 3.04487 57.1912 3.1273 56.7688 3.2937C56.3474 3.45959 56.008 3.71252 55.7596 4.04532C55.5118 4.3776 55.3859 4.79437 55.3859 5.28384C55.3859 5.61869 55.4417 5.90285 55.5523 6.12916C55.6629 6.35597 55.8072 6.54439 55.9808 6.69031C56.1554 6.83674 56.3428 6.95245 56.5384 7.0354C56.7355 7.11885 56.9214 7.18644 57.0913 7.23559L59.0892 7.82644C59.2335 7.86996 59.3626 7.92218 59.4727 7.98157C59.5838 8.04148 59.6759 8.10906 59.7471 8.18228C59.8188 8.256 59.8741 8.341 59.9109 8.4352C59.9478 8.52941 59.9662 8.63284 59.9662 8.7424C59.9662 8.98765 59.8874 9.19808 59.7312 9.36653C59.5771 9.53344 59.3738 9.66247 59.1276 9.749C58.8823 9.83552 58.6176 9.87956 58.3401 9.87956C57.8716 9.87956 57.4518 9.75156 57.0929 9.49914C56.7391 9.25031 56.5 8.89498 56.3822 8.4434L55.0879 8.64C55.1678 9.12743 55.3516 9.55495 55.6342 9.91028C55.9219 10.2723 56.2947 10.5544 56.7411 10.7484C57.1886 10.943 57.6996 11.0418 58.2587 11.0418C58.6519 11.0418 59.0334 10.9916 59.3933 10.8923C59.7522 10.7935 60.0758 10.6429 60.3548 10.4448C60.6334 10.2477 60.8576 9.99629 61.0209 9.69882L61.022 9.69984Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_7",
-											"d": "M67.38 6.22747C67.5479 6.13173 67.7405 6.08309 67.9514 6.08309C68.2939 6.08309 68.5699 6.19777 68.7706 6.42459C68.9708 6.65038 69.0727 6.96629 69.0727 7.36513V10.8309H70.3158V7.04053C70.3158 6.4292 70.1453 5.92897 69.8094 5.55419C69.4741 5.18043 68.9846 4.99048 68.3543 4.99048C67.9734 4.99048 67.6237 5.07547 67.314 5.24289C67.0237 5.40008 66.7856 5.61921 66.6074 5.89365L66.5838 5.93L66.5634 5.89211C66.4226 5.63201 66.2229 5.41953 65.9694 5.26081C65.6832 5.08161 65.3218 4.99048 64.8958 4.99048C64.5082 4.99048 64.1534 5.07649 63.8421 5.24545C63.603 5.37499 63.3987 5.54446 63.2349 5.74824L63.1893 5.80507V5.13435H62.0967V10.8309H63.3506V7.31752C63.3506 6.95451 63.453 6.65499 63.6552 6.42766C63.858 6.19931 64.1309 6.0836 64.4667 6.0836C64.8026 6.0836 65.0903 6.19931 65.2916 6.42766C65.4918 6.65499 65.5931 6.97601 65.5931 7.38101V10.8309H66.8306V7.31752C66.8306 7.06254 66.8803 6.83931 66.9786 6.65345C67.0774 6.46709 67.2126 6.32424 67.3805 6.22798L67.38 6.22747Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_8",
-											"d": "M74.2724 9.3726C74.2796 9.6286 74.3487 9.88358 74.4787 10.1293C74.6257 10.3981 74.8438 10.5978 75.1269 10.7222C75.4126 10.8472 75.7408 10.9153 76.1028 10.924C76.4597 10.9327 76.8293 10.9025 77.2016 10.8344V9.80064C76.8514 9.85081 76.5339 9.86412 76.2585 9.83955C75.9682 9.81395 75.7541 9.68851 75.621 9.46732C75.5509 9.35366 75.513 9.20467 75.5074 9.02547C75.5022 8.84985 75.4992 8.64403 75.4992 8.4126V6.04563H77.2016V5.08204H75.4992V3.13184H74.2617V5.08204H73.209V6.04563H74.2617V8.48787C74.2617 8.81657 74.2652 9.11456 74.2724 9.37312V9.3726Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_9",
-											"d": "M80.8767 4.95543C80.7436 4.95543 80.6141 4.96414 80.4881 4.98052C79.5726 5.12337 79.3033 5.5898 79.3033 5.5898V5.4531H79.3028V3.11377H78.0889V10.8649H79.3028V7.68132C79.3028 6.5923 80.0918 6.09668 80.825 6.09668C81.6176 6.09668 82.0026 6.52267 82.0026 7.39972V10.8649H83.2165V7.23281C83.2165 5.8499 82.298 4.95595 80.8772 4.95595L80.8767 4.95543Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_10",
-											"d": "M72.3934 5.13281H71.1855V10.8775H72.3934V5.13281Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_11",
-											"d": "M71.7889 4.70524C72.2236 4.70524 72.5758 4.35291 72.5758 3.91829C72.5758 3.48368 72.2236 3.13135 71.7889 3.13135C71.3542 3.13135 71.002 3.48368 71.002 3.91829C71.002 4.35291 71.3542 4.70524 71.7889 4.70524Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_12",
-											"d": "M15.5941 10.4208C15.524 10.5375 15.313 10.5452 15.1333 10.4372C15.0412 10.3819 14.97 10.3056 14.9331 10.2226C14.8993 10.1474 14.8988 10.0762 14.9311 10.0224C14.968 9.96099 15.0442 9.92976 15.1344 9.92976C15.2152 9.92976 15.3074 9.95485 15.3924 10.0061C15.5721 10.1141 15.6648 10.304 15.5946 10.4208H15.5941ZM25.9939 7.0001C25.9939 10.5288 23.1226 13.4001 19.5939 13.4001H7.20859C3.67989 13.4001 0.808594 10.5293 0.808594 7.0001C0.808594 3.47088 3.67989 0.600098 7.20859 0.600098H19.5939C23.1231 0.600098 25.9939 3.47139 25.9939 7.0001ZM13.1427 10.2098C13.2435 10.0875 12.7776 9.74288 12.6824 9.61642C12.4888 9.4065 12.4878 9.10442 12.3573 8.85917C12.0378 8.11882 11.6707 7.3841 11.1571 6.75741C10.6144 6.07184 9.94472 5.50455 9.35643 4.86096C8.9197 4.41194 8.80296 3.77245 8.41743 3.28963C7.88597 2.50474 6.20559 2.29072 5.95931 3.3992C5.96034 3.43402 5.94959 3.45603 5.91937 3.47805C5.78318 3.57687 5.66184 3.69002 5.55995 3.82672C5.3106 4.17386 5.2722 4.76266 5.5835 5.07447C5.59374 4.91011 5.59937 4.75498 5.72942 4.63722C5.97007 4.84407 6.33358 4.91677 6.61262 4.76266C7.22907 5.64279 7.07547 6.86032 7.56494 7.80855C7.70011 8.0328 7.8363 8.26167 8.00987 8.45827C8.15067 8.67741 8.63707 8.93597 8.66574 9.13872C8.67086 9.48688 8.6299 9.8673 8.85825 10.1586C8.96577 10.3767 8.70158 10.5959 8.48859 10.5687C8.21211 10.6066 7.8747 10.3829 7.63252 10.5206C7.54702 10.6133 7.3796 10.5109 7.30587 10.6394C7.28027 10.706 7.14203 10.7997 7.22446 10.8637C7.31611 10.794 7.4011 10.7213 7.52449 10.7628C7.50606 10.8631 7.58542 10.8775 7.6484 10.9067C7.64635 10.9748 7.60641 11.0444 7.65864 11.1022C7.71956 11.0408 7.75592 10.9538 7.85268 10.9282C8.17422 11.3567 8.50139 10.4945 9.1972 10.8826C9.05588 10.8759 8.93044 10.8933 8.83521 11.0096C8.81166 11.0357 8.79169 11.0664 8.83316 11.1002C9.20846 10.858 9.20641 11.1831 9.45012 11.0833C9.63752 10.9855 9.82388 10.8631 10.0466 10.898C9.83003 10.9604 9.82132 11.1345 9.69435 11.2814C9.67284 11.304 9.6626 11.3296 9.68769 11.3669C10.1372 11.3291 10.1741 11.1796 10.5371 10.9963C10.8079 10.8309 11.0778 11.2318 11.3123 11.0034C11.364 10.9538 11.4346 10.9707 11.4986 10.964C11.4167 10.5273 10.5161 11.0439 10.5304 10.4581C10.8202 10.261 10.7537 9.88368 10.7731 9.57904C11.1064 9.76387 11.4771 9.87139 11.8038 10.048C11.9687 10.3143 12.2272 10.666 12.5718 10.643C12.581 10.6164 12.5892 10.5928 12.5989 10.5657C12.7034 10.5836 12.8375 10.6527 12.8949 10.5206C13.051 10.6839 13.2804 10.6757 13.4847 10.6338C13.6357 10.5109 13.2005 10.3358 13.1422 10.2093L13.1427 10.2098ZM17.8147 8.14595L17.1296 7.22128C16.5316 7.90531 16.1322 8.23863 16.1251 8.24477C16.1215 8.24835 15.74 8.61955 15.3924 8.93802C15.0514 9.25034 14.7821 9.49763 14.6449 9.76797C14.607 9.84272 14.5246 10.1182 14.6403 10.3936C14.7294 10.6066 14.9111 10.7582 15.1809 10.8442C15.2618 10.8698 15.3392 10.8811 15.4129 10.8811C15.8988 10.8811 16.2177 10.3936 16.2198 10.3895C16.2239 10.3839 16.6371 9.79357 17.1404 9.0481C17.3078 8.80029 17.4993 8.53815 17.8147 8.14544V8.14595ZM21.0357 10.2754C21.0357 10.1392 20.986 10.0076 20.8959 9.9057L20.8109 9.80944C20.2974 9.2273 18.979 7.73277 18.4659 7.15216C17.8218 6.42307 17.1015 5.49379 17.0416 5.41597L16.955 5.23677V4.92138C16.955 4.80567 16.932 4.69251 16.8874 4.58602L16.7041 4.15082C16.7016 4.14467 16.7006 4.13751 16.7016 4.13085L16.7088 4.07043C16.7098 4.06071 16.7144 4.052 16.7221 4.04535C16.8649 3.91939 17.3964 3.51082 18.2192 3.54512C18.3267 3.54973 18.3456 3.49085 18.3487 3.46576C18.3635 3.34493 18.0876 3.20259 17.8305 3.14986C17.4773 3.07767 16.5383 2.88618 15.7872 3.37923L15.7815 3.38333C15.2961 3.78883 14.906 4.09859 14.9019 4.10167L14.8932 4.11037C14.8876 4.11703 14.7504 4.28138 14.7836 4.49079C14.8051 4.62698 14.7345 4.67562 14.7304 4.67818C14.7263 4.68074 14.63 4.74115 14.5307 4.67306C14.4104 4.58295 14.2015 4.73757 14.159 4.77136L13.8436 5.04272L13.8375 5.04887C13.8318 5.05552 13.6967 5.21373 13.8774 5.46768C14.0336 5.68733 14.0888 5.76055 14.2245 5.92951C14.3623 6.10051 14.6106 6.31709 14.6239 6.32835C14.63 6.33347 14.7816 6.44816 14.9905 6.28842C15.162 6.15683 15.2997 6.03805 15.2997 6.03805C15.311 6.02883 15.4103 5.94691 15.4149 5.82608C15.4165 5.79127 15.4149 5.76106 15.4149 5.73341C15.4124 5.64842 15.4119 5.62333 15.4759 5.58237C15.5066 5.58237 15.6008 5.61667 15.6817 5.65763C15.6904 5.66275 15.8926 5.77642 16.0764 5.76823C16.1921 5.78359 16.3201 5.91517 16.3642 5.96893C16.3683 5.97303 16.7594 6.38365 17.3104 7.10403C17.4153 7.24074 17.8008 7.75427 17.9063 7.89763C18.0824 8.13725 18.3492 8.49975 18.6359 8.8904C19.1326 9.56675 19.6896 10.325 19.9425 10.666C20.0265 10.7792 20.1489 10.856 20.2871 10.8826L20.3808 10.9005C20.4167 10.9072 20.4525 10.9108 20.4883 10.9108C20.6542 10.9108 20.8114 10.8381 20.9153 10.709L20.921 10.7019C20.9957 10.6071 21.0367 10.4858 21.0367 10.3609V10.2754H21.0357ZM21.4765 4.20253L21.3674 4.09347C21.3357 4.06173 21.2912 4.04279 21.2461 4.04637C21.201 4.04842 21.1585 4.0689 21.1294 4.10371L20.4433 4.91523C20.4238 4.93827 20.3962 4.95261 20.3665 4.95568L20.1223 4.98026C20.091 4.98333 20.0598 4.9736 20.0357 4.95363L19.6456 4.62339C19.6205 4.60189 19.6056 4.57117 19.6046 4.5384L19.599 4.34282C19.598 4.31466 19.6077 4.28701 19.6256 4.26551L20.2928 3.46167C20.3429 3.40125 20.3424 3.3137 20.2917 3.25328L20.2247 3.17392C20.1806 3.12221 20.1079 3.10327 20.0444 3.12733C19.8867 3.18723 19.4894 3.34237 19.2022 3.49802C18.7962 3.71715 18.5141 4.0648 18.4654 4.40528C18.4296 4.65463 18.4444 5.06576 18.4567 5.28848C18.4613 5.37603 18.4419 5.46359 18.3994 5.54192C18.3472 5.6392 18.255 5.79485 18.1147 5.98224C18.043 6.08106 17.998 6.11741 17.936 6.19063L18.6907 7.07792C18.8725 6.86595 19.0317 6.70519 19.1704 6.55005C19.4239 6.26794 19.5027 6.26538 19.7137 6.25821C19.8437 6.2536 20.0219 6.24797 20.304 6.17731C21.0741 5.9848 21.3178 5.15127 21.328 5.1144L21.5195 4.35715C21.5333 4.30237 21.5169 4.24298 21.477 4.20304L21.4765 4.20253ZM9.63496 9.48842C9.55202 9.812 9.52488 10.3634 9.10402 10.3793C9.0692 10.5662 9.23355 10.6363 9.38255 10.5764C9.53051 10.5083 9.60066 10.6302 9.65032 10.7515C9.87867 10.7848 10.2166 10.6752 10.2294 10.4049C9.8884 10.2083 9.78293 9.83453 9.63445 9.48842H9.63496Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "LangsmithIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "84",
+      "height": "14",
+      "viewBox": "0 0 84 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Clip path group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_20135_16592",
+              "style": "mask-type:luminance",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "0",
+              "width": "84",
+              "height": "14"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "a"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector",
+                      "d": "M83.2164 0.600098H0.799805V13.4001H83.2164V0.600098Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_20135_16592)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_2",
+                      "d": "M31.0264 3.12256V10.8845H36.3737V9.71251H32.2403V3.12256H31.0264Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_3",
+                      "d": "M39.2238 4.96436C38.0585 4.96436 37.1871 5.51066 36.8333 6.46298C36.8108 6.52391 36.7427 6.70772 36.7427 6.70772L37.7416 7.35386L37.8773 7.00007C38.1087 6.39693 38.5367 6.11584 39.2238 6.11584C39.911 6.11584 40.3042 6.44916 40.297 7.10554C40.297 7.13216 40.295 7.21255 40.295 7.21255C40.295 7.21255 39.3856 7.36 39.0109 7.43936C37.4119 7.77728 36.7422 8.38759 36.7422 9.38599C36.7422 9.91796 37.0376 10.494 37.5767 10.817C37.9003 11.0106 38.3227 11.0838 38.7892 11.0838C39.0959 11.0838 39.3938 11.0382 39.6698 10.9542C40.297 10.7459 40.4721 10.3363 40.4721 10.3363V10.8718H41.511V7.04308C41.511 5.74157 40.6559 4.96436 39.2238 4.96436ZM40.3011 9.05012C40.3011 9.45255 39.8628 10.0193 38.8419 10.0193C38.5536 10.0193 38.3494 9.94304 38.2132 9.82938C38.0309 9.67732 37.971 9.45869 37.9961 9.26567C38.0068 9.1817 38.0575 9.00096 38.2454 8.84429C38.4374 8.68404 38.7769 8.56935 39.3012 8.45517C39.7323 8.36148 40.3016 8.25805 40.3016 8.25805V9.05063L40.3011 9.05012Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_4",
+                      "d": "M45.3523 4.96438C45.2079 4.96438 45.0671 4.97462 44.9304 4.99356C44.0001 5.13334 43.7277 5.60591 43.7277 5.60591L43.7287 5.13334H42.5645V10.8729H43.7784V7.68924C43.7784 6.60739 44.5674 6.11484 45.3006 6.11484C46.0932 6.11484 46.4782 6.54083 46.4782 7.41788V10.8729H47.6921V7.25097C47.6921 5.8399 46.7956 4.96387 45.3528 4.96387L45.3523 4.96438Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_5",
+                      "d": "M52.7575 5.12922V5.72058C52.7575 5.72058 52.4601 4.96436 51.1067 4.96436C49.4253 4.96436 48.3809 6.12455 48.3809 7.99284C48.3809 9.04704 48.7178 9.877 49.3122 10.4013C49.7745 10.8088 50.392 11.0177 51.1272 11.0321C51.6387 11.0418 51.97 10.9025 52.1769 10.7709C52.5742 10.518 52.7217 10.2779 52.7217 10.2779C52.7217 10.2779 52.7048 10.4658 52.6741 10.7203C52.6521 10.9046 52.6106 11.0341 52.6106 11.0341C52.4258 11.692 51.885 12.0725 51.0965 12.0725C50.308 12.0725 49.8303 11.8129 49.7356 11.3014L48.5555 11.6536C48.7592 12.6367 49.6819 13.2234 51.0233 13.2234C51.9352 13.2234 52.65 12.9756 53.1482 12.4861C53.6505 11.9926 53.9054 11.2814 53.9054 10.3721V5.12871H52.7575V5.12922ZM52.6813 8.04455C52.6813 9.19348 52.1201 9.87956 51.18 9.87956C50.1729 9.87956 49.5953 9.19143 49.5953 7.99232C49.5953 6.79322 50.1729 6.11533 51.18 6.11533C52.0976 6.11533 52.6725 6.79834 52.6813 7.89812V8.04455Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_6",
+                      "d": "M61.022 9.69984C61.1858 9.40237 61.2688 9.05165 61.2688 8.65689C61.2688 8.26214 61.1986 7.95904 61.0599 7.71379C60.9211 7.46752 60.7419 7.2663 60.5279 7.11526C60.3123 6.9632 60.0845 6.84339 59.852 6.7584C59.6186 6.67341 59.404 6.6048 59.2151 6.55513L57.8291 6.16857C57.654 6.12198 57.4789 6.0631 57.3079 5.99296C57.1354 5.9223 56.9884 5.82451 56.8722 5.70215C56.7534 5.57773 56.693 5.41594 56.693 5.21984C56.693 5.01402 56.7632 4.83124 56.9009 4.67661C57.0376 4.52352 57.2199 4.40474 57.4431 4.32333C57.6648 4.24192 57.909 4.2025 58.1691 4.20608C58.4364 4.21325 58.6919 4.26804 58.9279 4.36941C59.1649 4.47079 59.3687 4.62029 59.5336 4.81383C59.6938 5.00224 59.8049 5.23162 59.8643 5.49632L61.2042 5.26336C61.0901 4.80461 60.8955 4.40679 60.6252 4.08116C60.3497 3.74938 60.0026 3.49236 59.593 3.31776C59.1829 3.14266 58.7093 3.05204 58.185 3.04845C57.6689 3.04487 57.1912 3.1273 56.7688 3.2937C56.3474 3.45959 56.008 3.71252 55.7596 4.04532C55.5118 4.3776 55.3859 4.79437 55.3859 5.28384C55.3859 5.61869 55.4417 5.90285 55.5523 6.12916C55.6629 6.35597 55.8072 6.54439 55.9808 6.69031C56.1554 6.83674 56.3428 6.95245 56.5384 7.0354C56.7355 7.11885 56.9214 7.18644 57.0913 7.23559L59.0892 7.82644C59.2335 7.86996 59.3626 7.92218 59.4727 7.98157C59.5838 8.04148 59.6759 8.10906 59.7471 8.18228C59.8188 8.256 59.8741 8.341 59.9109 8.4352C59.9478 8.52941 59.9662 8.63284 59.9662 8.7424C59.9662 8.98765 59.8874 9.19808 59.7312 9.36653C59.5771 9.53344 59.3738 9.66247 59.1276 9.749C58.8823 9.83552 58.6176 9.87956 58.3401 9.87956C57.8716 9.87956 57.4518 9.75156 57.0929 9.49914C56.7391 9.25031 56.5 8.89498 56.3822 8.4434L55.0879 8.64C55.1678 9.12743 55.3516 9.55495 55.6342 9.91028C55.9219 10.2723 56.2947 10.5544 56.7411 10.7484C57.1886 10.943 57.6996 11.0418 58.2587 11.0418C58.6519 11.0418 59.0334 10.9916 59.3933 10.8923C59.7522 10.7935 60.0758 10.6429 60.3548 10.4448C60.6334 10.2477 60.8576 9.99629 61.0209 9.69882L61.022 9.69984Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_7",
+                      "d": "M67.38 6.22747C67.5479 6.13173 67.7405 6.08309 67.9514 6.08309C68.2939 6.08309 68.5699 6.19777 68.7706 6.42459C68.9708 6.65038 69.0727 6.96629 69.0727 7.36513V10.8309H70.3158V7.04053C70.3158 6.4292 70.1453 5.92897 69.8094 5.55419C69.4741 5.18043 68.9846 4.99048 68.3543 4.99048C67.9734 4.99048 67.6237 5.07547 67.314 5.24289C67.0237 5.40008 66.7856 5.61921 66.6074 5.89365L66.5838 5.93L66.5634 5.89211C66.4226 5.63201 66.2229 5.41953 65.9694 5.26081C65.6832 5.08161 65.3218 4.99048 64.8958 4.99048C64.5082 4.99048 64.1534 5.07649 63.8421 5.24545C63.603 5.37499 63.3987 5.54446 63.2349 5.74824L63.1893 5.80507V5.13435H62.0967V10.8309H63.3506V7.31752C63.3506 6.95451 63.453 6.65499 63.6552 6.42766C63.858 6.19931 64.1309 6.0836 64.4667 6.0836C64.8026 6.0836 65.0903 6.19931 65.2916 6.42766C65.4918 6.65499 65.5931 6.97601 65.5931 7.38101V10.8309H66.8306V7.31752C66.8306 7.06254 66.8803 6.83931 66.9786 6.65345C67.0774 6.46709 67.2126 6.32424 67.3805 6.22798L67.38 6.22747Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_8",
+                      "d": "M74.2724 9.3726C74.2796 9.6286 74.3487 9.88358 74.4787 10.1293C74.6257 10.3981 74.8438 10.5978 75.1269 10.7222C75.4126 10.8472 75.7408 10.9153 76.1028 10.924C76.4597 10.9327 76.8293 10.9025 77.2016 10.8344V9.80064C76.8514 9.85081 76.5339 9.86412 76.2585 9.83955C75.9682 9.81395 75.7541 9.68851 75.621 9.46732C75.5509 9.35366 75.513 9.20467 75.5074 9.02547C75.5022 8.84985 75.4992 8.64403 75.4992 8.4126V6.04563H77.2016V5.08204H75.4992V3.13184H74.2617V5.08204H73.209V6.04563H74.2617V8.48787C74.2617 8.81657 74.2652 9.11456 74.2724 9.37312V9.3726Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_9",
+                      "d": "M80.8767 4.95543C80.7436 4.95543 80.6141 4.96414 80.4881 4.98052C79.5726 5.12337 79.3033 5.5898 79.3033 5.5898V5.4531H79.3028V3.11377H78.0889V10.8649H79.3028V7.68132C79.3028 6.5923 80.0918 6.09668 80.825 6.09668C81.6176 6.09668 82.0026 6.52267 82.0026 7.39972V10.8649H83.2165V7.23281C83.2165 5.8499 82.298 4.95595 80.8772 4.95595L80.8767 4.95543Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_10",
+                      "d": "M72.3934 5.13281H71.1855V10.8775H72.3934V5.13281Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_11",
+                      "d": "M71.7889 4.70524C72.2236 4.70524 72.5758 4.35291 72.5758 3.91829C72.5758 3.48368 72.2236 3.13135 71.7889 3.13135C71.3542 3.13135 71.002 3.48368 71.002 3.91829C71.002 4.35291 71.3542 4.70524 71.7889 4.70524Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_12",
+                      "d": "M15.5941 10.4208C15.524 10.5375 15.313 10.5452 15.1333 10.4372C15.0412 10.3819 14.97 10.3056 14.9331 10.2226C14.8993 10.1474 14.8988 10.0762 14.9311 10.0224C14.968 9.96099 15.0442 9.92976 15.1344 9.92976C15.2152 9.92976 15.3074 9.95485 15.3924 10.0061C15.5721 10.1141 15.6648 10.304 15.5946 10.4208H15.5941ZM25.9939 7.0001C25.9939 10.5288 23.1226 13.4001 19.5939 13.4001H7.20859C3.67989 13.4001 0.808594 10.5293 0.808594 7.0001C0.808594 3.47088 3.67989 0.600098 7.20859 0.600098H19.5939C23.1231 0.600098 25.9939 3.47139 25.9939 7.0001ZM13.1427 10.2098C13.2435 10.0875 12.7776 9.74288 12.6824 9.61642C12.4888 9.4065 12.4878 9.10442 12.3573 8.85917C12.0378 8.11882 11.6707 7.3841 11.1571 6.75741C10.6144 6.07184 9.94472 5.50455 9.35643 4.86096C8.9197 4.41194 8.80296 3.77245 8.41743 3.28963C7.88597 2.50474 6.20559 2.29072 5.95931 3.3992C5.96034 3.43402 5.94959 3.45603 5.91937 3.47805C5.78318 3.57687 5.66184 3.69002 5.55995 3.82672C5.3106 4.17386 5.2722 4.76266 5.5835 5.07447C5.59374 4.91011 5.59937 4.75498 5.72942 4.63722C5.97007 4.84407 6.33358 4.91677 6.61262 4.76266C7.22907 5.64279 7.07547 6.86032 7.56494 7.80855C7.70011 8.0328 7.8363 8.26167 8.00987 8.45827C8.15067 8.67741 8.63707 8.93597 8.66574 9.13872C8.67086 9.48688 8.6299 9.8673 8.85825 10.1586C8.96577 10.3767 8.70158 10.5959 8.48859 10.5687C8.21211 10.6066 7.8747 10.3829 7.63252 10.5206C7.54702 10.6133 7.3796 10.5109 7.30587 10.6394C7.28027 10.706 7.14203 10.7997 7.22446 10.8637C7.31611 10.794 7.4011 10.7213 7.52449 10.7628C7.50606 10.8631 7.58542 10.8775 7.6484 10.9067C7.64635 10.9748 7.60641 11.0444 7.65864 11.1022C7.71956 11.0408 7.75592 10.9538 7.85268 10.9282C8.17422 11.3567 8.50139 10.4945 9.1972 10.8826C9.05588 10.8759 8.93044 10.8933 8.83521 11.0096C8.81166 11.0357 8.79169 11.0664 8.83316 11.1002C9.20846 10.858 9.20641 11.1831 9.45012 11.0833C9.63752 10.9855 9.82388 10.8631 10.0466 10.898C9.83003 10.9604 9.82132 11.1345 9.69435 11.2814C9.67284 11.304 9.6626 11.3296 9.68769 11.3669C10.1372 11.3291 10.1741 11.1796 10.5371 10.9963C10.8079 10.8309 11.0778 11.2318 11.3123 11.0034C11.364 10.9538 11.4346 10.9707 11.4986 10.964C11.4167 10.5273 10.5161 11.0439 10.5304 10.4581C10.8202 10.261 10.7537 9.88368 10.7731 9.57904C11.1064 9.76387 11.4771 9.87139 11.8038 10.048C11.9687 10.3143 12.2272 10.666 12.5718 10.643C12.581 10.6164 12.5892 10.5928 12.5989 10.5657C12.7034 10.5836 12.8375 10.6527 12.8949 10.5206C13.051 10.6839 13.2804 10.6757 13.4847 10.6338C13.6357 10.5109 13.2005 10.3358 13.1422 10.2093L13.1427 10.2098ZM17.8147 8.14595L17.1296 7.22128C16.5316 7.90531 16.1322 8.23863 16.1251 8.24477C16.1215 8.24835 15.74 8.61955 15.3924 8.93802C15.0514 9.25034 14.7821 9.49763 14.6449 9.76797C14.607 9.84272 14.5246 10.1182 14.6403 10.3936C14.7294 10.6066 14.9111 10.7582 15.1809 10.8442C15.2618 10.8698 15.3392 10.8811 15.4129 10.8811C15.8988 10.8811 16.2177 10.3936 16.2198 10.3895C16.2239 10.3839 16.6371 9.79357 17.1404 9.0481C17.3078 8.80029 17.4993 8.53815 17.8147 8.14544V8.14595ZM21.0357 10.2754C21.0357 10.1392 20.986 10.0076 20.8959 9.9057L20.8109 9.80944C20.2974 9.2273 18.979 7.73277 18.4659 7.15216C17.8218 6.42307 17.1015 5.49379 17.0416 5.41597L16.955 5.23677V4.92138C16.955 4.80567 16.932 4.69251 16.8874 4.58602L16.7041 4.15082C16.7016 4.14467 16.7006 4.13751 16.7016 4.13085L16.7088 4.07043C16.7098 4.06071 16.7144 4.052 16.7221 4.04535C16.8649 3.91939 17.3964 3.51082 18.2192 3.54512C18.3267 3.54973 18.3456 3.49085 18.3487 3.46576C18.3635 3.34493 18.0876 3.20259 17.8305 3.14986C17.4773 3.07767 16.5383 2.88618 15.7872 3.37923L15.7815 3.38333C15.2961 3.78883 14.906 4.09859 14.9019 4.10167L14.8932 4.11037C14.8876 4.11703 14.7504 4.28138 14.7836 4.49079C14.8051 4.62698 14.7345 4.67562 14.7304 4.67818C14.7263 4.68074 14.63 4.74115 14.5307 4.67306C14.4104 4.58295 14.2015 4.73757 14.159 4.77136L13.8436 5.04272L13.8375 5.04887C13.8318 5.05552 13.6967 5.21373 13.8774 5.46768C14.0336 5.68733 14.0888 5.76055 14.2245 5.92951C14.3623 6.10051 14.6106 6.31709 14.6239 6.32835C14.63 6.33347 14.7816 6.44816 14.9905 6.28842C15.162 6.15683 15.2997 6.03805 15.2997 6.03805C15.311 6.02883 15.4103 5.94691 15.4149 5.82608C15.4165 5.79127 15.4149 5.76106 15.4149 5.73341C15.4124 5.64842 15.4119 5.62333 15.4759 5.58237C15.5066 5.58237 15.6008 5.61667 15.6817 5.65763C15.6904 5.66275 15.8926 5.77642 16.0764 5.76823C16.1921 5.78359 16.3201 5.91517 16.3642 5.96893C16.3683 5.97303 16.7594 6.38365 17.3104 7.10403C17.4153 7.24074 17.8008 7.75427 17.9063 7.89763C18.0824 8.13725 18.3492 8.49975 18.6359 8.8904C19.1326 9.56675 19.6896 10.325 19.9425 10.666C20.0265 10.7792 20.1489 10.856 20.2871 10.8826L20.3808 10.9005C20.4167 10.9072 20.4525 10.9108 20.4883 10.9108C20.6542 10.9108 20.8114 10.8381 20.9153 10.709L20.921 10.7019C20.9957 10.6071 21.0367 10.4858 21.0367 10.3609V10.2754H21.0357ZM21.4765 4.20253L21.3674 4.09347C21.3357 4.06173 21.2912 4.04279 21.2461 4.04637C21.201 4.04842 21.1585 4.0689 21.1294 4.10371L20.4433 4.91523C20.4238 4.93827 20.3962 4.95261 20.3665 4.95568L20.1223 4.98026C20.091 4.98333 20.0598 4.9736 20.0357 4.95363L19.6456 4.62339C19.6205 4.60189 19.6056 4.57117 19.6046 4.5384L19.599 4.34282C19.598 4.31466 19.6077 4.28701 19.6256 4.26551L20.2928 3.46167C20.3429 3.40125 20.3424 3.3137 20.2917 3.25328L20.2247 3.17392C20.1806 3.12221 20.1079 3.10327 20.0444 3.12733C19.8867 3.18723 19.4894 3.34237 19.2022 3.49802C18.7962 3.71715 18.5141 4.0648 18.4654 4.40528C18.4296 4.65463 18.4444 5.06576 18.4567 5.28848C18.4613 5.37603 18.4419 5.46359 18.3994 5.54192C18.3472 5.6392 18.255 5.79485 18.1147 5.98224C18.043 6.08106 17.998 6.11741 17.936 6.19063L18.6907 7.07792C18.8725 6.86595 19.0317 6.70519 19.1704 6.55005C19.4239 6.26794 19.5027 6.26538 19.7137 6.25821C19.8437 6.2536 20.0219 6.24797 20.304 6.17731C21.0741 5.9848 21.3178 5.15127 21.328 5.1144L21.5195 4.35715C21.5333 4.30237 21.5169 4.24298 21.477 4.20304L21.4765 4.20253ZM9.63496 9.48842C9.55202 9.812 9.52488 10.3634 9.10402 10.3793C9.0692 10.5662 9.23355 10.6363 9.38255 10.5764C9.53051 10.5083 9.60066 10.6302 9.65032 10.7515C9.87867 10.7848 10.2166 10.6752 10.2294 10.4049C9.8884 10.2083 9.78293 9.83453 9.63445 9.48842H9.63496Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LangsmithIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
index b09f883125..42108ee655 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LangsmithIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LangsmithIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.json b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.json
index 18b1761e7f..78d6852a27 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.json
@@ -1,188 +1,188 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "124",
-			"height": "20",
-			"viewBox": "0 0 124 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Clip path group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_20135_18175",
-							"style": "mask-type:luminance",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "0",
-							"width": "124",
-							"height": "20"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "a"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector",
-											"d": "M123.825 0.399902H0.200195V19.5999H123.825V0.399902Z",
-											"fill": "white"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_20135_18175)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"id": "Group"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_2",
-											"d": "M45.54 4.18408V15.827H53.561V14.069H47.361V4.18408H45.54Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_3",
-											"d": "M57.8358 6.94629C56.0878 6.94629 54.7807 7.76575 54.25 9.19423C54.2162 9.28562 54.1141 9.56133 54.1141 9.56133L55.6124 10.5305L55.8159 9.99986C56.1631 9.09515 56.8051 8.67352 57.8358 8.67352C58.8664 8.67352 59.4563 9.17349 59.4455 10.1581C59.4455 10.198 59.4424 10.3186 59.4424 10.3186C59.4424 10.3186 58.0785 10.5398 57.5163 10.6588C55.1178 11.1657 54.1133 12.0811 54.1133 13.5787C54.1133 14.3767 54.5564 15.2407 55.3651 15.7253C55.8505 16.0156 56.4841 16.1254 57.1837 16.1254C57.6438 16.1254 58.0908 16.0571 58.5047 15.9311C59.4455 15.6185 59.7082 15.0041 59.7082 15.0041V15.8075H61.2664V10.0644C61.2664 8.11211 59.9839 6.94629 57.8358 6.94629ZM59.4517 13.0749C59.4517 13.6786 58.7942 14.5288 57.2629 14.5288C56.8305 14.5288 56.524 14.4143 56.3197 14.2438C56.0463 14.0157 55.9565 13.6878 55.9941 13.3983C56.0102 13.2723 56.0863 13.0012 56.3681 12.7662C56.6561 12.5258 57.1653 12.3538 57.9517 12.1825C58.5984 12.042 59.4524 11.8868 59.4524 11.8868V13.0757L59.4517 13.0749Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_4",
-											"d": "M67.0275 6.94657C66.8109 6.94657 66.5997 6.96193 66.3946 6.99034C64.9992 7.20001 64.5906 7.90887 64.5906 7.90887L64.5921 7.20001H62.8457V15.8093H64.6666V11.0339C64.6666 9.41108 65.8501 8.67226 66.9499 8.67226C68.1388 8.67226 68.7163 9.31124 68.7163 10.6268V15.8093H70.5372V10.3765C70.5372 8.25985 69.1925 6.9458 67.0282 6.9458L67.0275 6.94657Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_5",
-											"d": "M78.1373 7.19359V8.08063C78.1373 8.08063 77.6911 6.94629 75.6611 6.94629C73.139 6.94629 71.5723 8.68658 71.5723 11.489C71.5723 13.0703 72.0776 14.3152 72.9693 15.1017C73.6628 15.713 74.589 16.0264 75.6918 16.0479C76.4591 16.0624 76.9559 15.8536 77.2664 15.6562C77.8623 15.2768 78.0835 14.9166 78.0835 14.9166C78.0835 14.9166 78.0582 15.1984 78.0121 15.5801C77.9791 15.8566 77.9169 16.0509 77.9169 16.0509C77.6396 17.0378 76.8285 17.6084 75.6457 17.6084C74.463 17.6084 73.7465 17.2191 73.6044 16.4518L71.8342 16.9802C72.1398 18.4548 73.5238 19.3349 75.5359 19.3349C76.9037 19.3349 77.976 18.9632 78.7233 18.229C79.4767 17.4886 79.8591 16.4219 79.8591 15.0579V7.19282H78.1373V7.19359ZM78.0229 11.5666C78.0229 13.29 77.1811 14.3191 75.7709 14.3191C74.2603 14.3191 73.394 13.2869 73.394 11.4882C73.394 9.68959 74.2603 8.67275 75.7709 8.67275C77.1473 8.67275 78.0098 9.69726 78.0229 11.3469V11.5666Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_6",
-											"d": "M90.532 14.0495C90.7777 13.6033 90.9022 13.0772 90.9022 12.4851C90.9022 11.893 90.7969 11.4383 90.5888 11.0704C90.3807 10.701 90.1119 10.3992 89.7909 10.1727C89.4675 9.94455 89.1258 9.76484 88.7771 9.63735C88.4269 9.50987 88.1051 9.40695 87.8217 9.33246L85.7427 8.75262C85.4801 8.68273 85.2174 8.59441 84.9609 8.48919C84.7021 8.38321 84.4817 8.23652 84.3073 8.05298C84.1292 7.86635 84.0385 7.62367 84.0385 7.32952C84.0385 7.02079 84.1437 6.74661 84.3503 6.51467C84.5554 6.28504 84.8288 6.10687 85.1637 5.98475C85.4962 5.86264 85.8625 5.80351 86.2527 5.80888C86.6536 5.81963 87.0368 5.90181 87.3909 6.05387C87.7464 6.20594 88.0521 6.43019 88.2994 6.7205C88.5398 7.00312 88.7064 7.34719 88.7955 7.74424L90.8054 7.3948C90.6341 6.70667 90.3423 6.10994 89.9368 5.62149C89.5236 5.12383 89.0029 4.73829 88.3885 4.4764C87.7733 4.21375 87.0629 4.07781 86.2765 4.07243C85.5023 4.06706 84.7858 4.19071 84.1522 4.44031C83.5201 4.68914 83.011 5.06853 82.6385 5.56773C82.2668 6.06616 82.0778 6.69131 82.0778 7.42552C82.0778 7.92779 82.1615 8.35403 82.3274 8.69349C82.4933 9.03371 82.7099 9.31634 82.9702 9.53522C83.2321 9.75487 83.5132 9.92843 83.8066 10.0529C84.1023 10.178 84.3811 10.2794 84.636 10.3531L87.6328 11.2394C87.8493 11.3047 88.0429 11.383 88.208 11.4721C88.3747 11.562 88.5129 11.6633 88.6197 11.7732C88.7272 11.8838 88.8101 12.0113 88.8654 12.1526C88.9207 12.2939 88.9484 12.449 88.9484 12.6134C88.9484 12.9812 88.8301 13.2969 88.5958 13.5496C88.3647 13.7999 88.0598 13.9935 87.6904 14.1232C87.3225 14.253 86.9254 14.3191 86.5092 14.3191C85.8065 14.3191 85.1767 14.1271 84.6383 13.7485C84.1077 13.3752 83.749 12.8422 83.5724 12.1648L81.6309 12.4598C81.7507 13.1909 82.0264 13.8322 82.4503 14.3652C82.8819 14.9081 83.441 15.3313 84.1107 15.6224C84.782 15.9142 85.5484 16.0624 86.3871 16.0624C86.9769 16.0624 87.5491 15.9872 88.089 15.8382C88.6273 15.69 89.1127 15.4642 89.5313 15.167C89.9491 14.8713 90.2855 14.4942 90.5304 14.048L90.532 14.0495Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_7",
-											"d": "M100.071 8.84108C100.322 8.69747 100.611 8.62451 100.928 8.62451C101.441 8.62451 101.855 8.79654 102.156 9.13676C102.457 9.47545 102.61 9.94931 102.61 10.5476V15.7462H104.474V10.0607C104.474 9.14368 104.218 8.39334 103.715 7.83116C103.212 7.27052 102.477 6.9856 101.532 6.9856C100.961 6.9856 100.436 7.11308 99.9714 7.36422C99.536 7.6 99.1789 7.9287 98.9116 8.34035L98.8763 8.39488L98.8455 8.33804C98.6343 7.9479 98.3348 7.62918 97.9547 7.3911C97.5253 7.1223 96.9831 6.9856 96.3442 6.9856C95.7628 6.9856 95.2306 7.11462 94.7636 7.36806C94.405 7.56236 94.0985 7.81657 93.8528 8.12224L93.7844 8.20748V7.2014H92.1455V15.7462H94.0263V10.4762C94.0263 9.93164 94.1799 9.48236 94.4833 9.14137C94.7874 8.79884 95.1968 8.62528 95.7006 8.62528C96.2044 8.62528 96.636 8.79884 96.9378 9.14137C97.2381 9.48236 97.3902 9.9639 97.3902 10.5714V15.7462H99.2464V10.4762C99.2464 10.0937 99.3209 9.75884 99.4684 9.48006C99.6166 9.20051 99.8194 8.98624 100.071 8.84185L100.071 8.84108Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_8",
-											"d": "M110.408 13.5589C110.418 13.9429 110.522 14.3254 110.717 14.694C110.938 15.0972 111.265 15.3967 111.689 15.5834C112.118 15.7707 112.61 15.8729 113.153 15.8859C113.689 15.899 114.243 15.8537 114.801 15.7515V14.201C114.276 14.2762 113.8 14.2962 113.387 14.2593C112.951 14.2209 112.63 14.0328 112.431 13.701C112.325 13.5305 112.269 13.307 112.26 13.0382C112.252 12.7748 112.248 12.466 112.248 12.1189V8.56844H114.801V7.12307H112.248V4.19775H110.392V7.12307H108.812V8.56844H110.392V12.2318C110.392 12.7249 110.397 13.1718 110.408 13.5597V13.5589Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_9",
-											"d": "M120.316 6.93339C120.116 6.93339 119.922 6.94645 119.733 6.97103C118.359 7.1853 117.955 7.88495 117.955 7.88495V7.67989H117.955V4.1709H116.134V15.7977H117.955V11.0222C117.955 9.38869 119.138 8.64527 120.238 8.64527C121.427 8.64527 122.004 9.28424 122.004 10.5998V15.7977H123.825V10.3495C123.825 8.27509 122.448 6.93416 120.316 6.93416L120.316 6.93339Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_10",
-											"d": "M107.589 7.19922H105.777V15.8162H107.589V7.19922Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_11",
-											"d": "M106.682 6.55761C107.334 6.55761 107.863 6.02913 107.863 5.37719C107.863 4.72527 107.334 4.19678 106.682 4.19678C106.03 4.19678 105.502 4.72527 105.502 5.37719C105.502 6.02913 106.03 6.55761 106.682 6.55761Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"id": "Vector_12",
-											"d": "M22.3912 15.1309C22.286 15.306 21.9696 15.3175 21.7 15.1555C21.5618 15.0725 21.455 14.9581 21.3997 14.8337C21.349 14.7208 21.3483 14.614 21.3966 14.5334C21.4519 14.4412 21.5664 14.3944 21.7015 14.3944C21.8229 14.3944 21.9611 14.432 22.0886 14.5088C22.3582 14.6709 22.4972 14.9558 22.392 15.1309H22.3912ZM37.9908 9.9999C37.9908 15.293 33.6839 19.5999 28.3908 19.5999H9.81289C4.51983 19.5999 0.212891 15.2937 0.212891 9.9999C0.212891 4.70608 4.51983 0.399902 9.81289 0.399902H28.3908C33.6846 0.399902 37.9908 4.70685 37.9908 9.9999ZM18.714 14.8145C18.8653 14.6309 18.1664 14.1141 18.0236 13.9244C17.7333 13.6095 17.7317 13.1564 17.5359 12.7885C17.0567 11.678 16.506 10.5759 15.7357 9.63587C14.9216 8.60752 13.9171 7.75657 13.0347 6.7912C12.3795 6.11766 12.2044 5.15843 11.6261 4.43421C10.829 3.25686 8.30838 2.93584 7.93897 4.59856C7.94051 4.65078 7.92438 4.68381 7.87906 4.71683C7.67477 4.86505 7.49276 5.03478 7.33992 5.23984C6.96591 5.76054 6.90831 6.64374 7.37525 7.11145C7.39061 6.86493 7.39906 6.63222 7.59413 6.45558C7.9551 6.76585 8.50037 6.87491 8.91893 6.64374C9.8436 7.96393 9.6132 9.79024 10.3474 11.2126C10.5502 11.549 10.7545 11.8923 11.0148 12.1872C11.226 12.5159 11.9556 12.9037 11.9986 13.2078C12.0063 13.7301 11.9449 14.3007 12.2874 14.7377C12.4487 15.0649 12.0524 15.3936 11.7329 15.3529C11.3182 15.4097 10.8121 15.0741 10.4488 15.2807C10.3205 15.4197 10.0694 15.2661 9.9588 15.4588C9.9204 15.5587 9.71304 15.6992 9.83669 15.7952C9.97416 15.6908 10.1017 15.5817 10.2867 15.6439C10.2591 15.7945 10.3781 15.816 10.4726 15.8597C10.4695 15.9619 10.4096 16.0663 10.488 16.1531C10.5793 16.061 10.6339 15.9304 10.779 15.892C11.2613 16.5348 11.7521 15.2415 12.7958 15.8236C12.5838 15.8137 12.3957 15.8398 12.2528 16.0141C12.2175 16.0533 12.1875 16.0994 12.2497 16.15C12.8127 15.7868 12.8096 16.2745 13.1752 16.1247C13.4563 15.978 13.7358 15.7945 14.0699 15.8467C13.745 15.9404 13.732 16.2015 13.5415 16.4219C13.5093 16.4557 13.4939 16.4941 13.5315 16.5502C14.2058 16.4933 14.2611 16.2691 14.8057 15.9941C15.2119 15.7461 15.6167 16.3474 15.9684 16.0049C16.046 15.9304 16.152 15.9557 16.248 15.9458C16.1251 15.2907 14.7742 16.0656 14.7957 15.187C15.2304 14.8913 15.1305 14.3253 15.1597 13.8683C15.6597 14.1456 16.2157 14.3068 16.7057 14.5718C16.953 14.9712 17.3408 15.4988 17.8577 15.4642C17.8715 15.4243 17.8838 15.389 17.8984 15.3483C18.0551 15.3751 18.2563 15.4788 18.3423 15.2807C18.5765 15.5257 18.9206 15.5134 19.227 15.4504C19.4536 15.2661 18.8008 15.0034 18.7132 14.8137L18.714 14.8145ZM25.722 11.7187L24.6944 10.3317C23.7974 11.3577 23.1984 11.8577 23.1876 11.8669C23.1822 11.8723 22.6101 12.4291 22.0886 12.9068C21.5771 13.3753 21.1731 13.7462 20.9673 14.1517C20.9105 14.2638 20.7868 14.677 20.9604 15.0902C21.094 15.4097 21.3667 15.637 21.7714 15.766C21.8928 15.8044 22.0087 15.8213 22.1193 15.8213C22.8482 15.8213 23.3266 15.0902 23.3297 15.0841C23.3358 15.0756 23.9556 14.1901 24.7106 13.0719C24.9617 12.7002 25.2489 12.307 25.722 11.7179V11.7187ZM30.5535 14.9128C30.5535 14.7085 30.479 14.5111 30.3438 14.3583L30.2163 14.2139C29.446 13.3407 27.4684 11.0989 26.6989 10.228C25.7328 9.13437 24.6522 7.74045 24.5623 7.62371L24.4325 7.35491V6.88182C24.4325 6.70825 24.398 6.53853 24.3312 6.37878L24.0562 5.72598C24.0524 5.71677 24.0508 5.70601 24.0524 5.69603L24.0631 5.60541C24.0647 5.59081 24.0716 5.57776 24.0831 5.56777C24.2974 5.37885 25.0946 4.76598 26.3287 4.81744C26.49 4.82435 26.5184 4.73603 26.523 4.6984C26.5453 4.51715 26.1314 4.30365 25.7458 4.22454C25.2159 4.11625 23.8074 3.82902 22.6807 4.56861L22.6723 4.57475C21.9442 5.18301 21.359 5.64765 21.3529 5.65225L21.3398 5.66531C21.3314 5.67529 21.1255 5.92182 21.1755 6.23593C21.2077 6.44022 21.1017 6.51318 21.0956 6.51702C21.0894 6.52086 20.9451 6.61149 20.7961 6.50934C20.6156 6.37417 20.3022 6.60611 20.2385 6.6568L19.7654 7.06384L19.7562 7.07305C19.7477 7.08304 19.545 7.32035 19.8161 7.70128C20.0503 8.03075 20.1333 8.14057 20.3368 8.39401C20.5434 8.65053 20.9159 8.97539 20.9358 8.99229C20.9451 8.99997 21.1724 9.172 21.4857 8.93238C21.743 8.73501 21.9496 8.55683 21.9496 8.55683C21.9665 8.54301 22.1155 8.42013 22.1224 8.23888C22.1247 8.18665 22.1224 8.14134 22.1224 8.09987C22.1186 7.97238 22.1178 7.93475 22.2138 7.87331C22.2599 7.87331 22.4012 7.92477 22.5225 7.98621C22.5356 7.99389 22.8389 8.16438 23.1147 8.15209C23.2882 8.17513 23.4802 8.37251 23.5463 8.45315C23.5524 8.45929 24.1392 9.07523 24.9655 10.1558C25.123 10.3609 25.7013 11.1312 25.8595 11.3462C26.1237 11.7056 26.5238 12.2494 26.9539 12.8354C27.6988 13.8499 28.5344 14.9873 28.9138 15.4988C29.0398 15.6685 29.2233 15.7837 29.4307 15.8236L29.5712 15.8505C29.625 15.8605 29.6787 15.8659 29.7325 15.8659C29.9813 15.8659 30.2171 15.7568 30.373 15.5633L30.3815 15.5525C30.4936 15.4105 30.555 15.2284 30.555 15.0411V14.9128H30.5535ZM31.2147 5.80355L31.0512 5.63997C31.0035 5.59235 30.9367 5.56393 30.8691 5.56931C30.8016 5.57238 30.7378 5.6031 30.694 5.65533L29.6649 6.87261C29.6357 6.90717 29.5943 6.92867 29.5497 6.93328L29.1834 6.97014C29.1365 6.97475 29.0897 6.96016 29.0536 6.93021L28.4684 6.43485C28.4307 6.40259 28.4085 6.35651 28.4069 6.30736L28.3985 6.01398C28.397 5.97174 28.4115 5.93027 28.4384 5.89801L29.4391 4.69225C29.5144 4.60163 29.5136 4.4703 29.4376 4.37968L29.337 4.26064C29.2709 4.18307 29.1619 4.15465 29.0667 4.19075C28.8301 4.28061 28.2341 4.51331 27.8033 4.74678C27.1943 5.07549 26.7711 5.59696 26.6981 6.10768C26.6444 6.48169 26.6666 7.0984 26.6851 7.43248C26.692 7.56381 26.6628 7.69513 26.5991 7.81264C26.5207 7.95856 26.3825 8.19203 26.1721 8.47312C26.0645 8.62134 25.997 8.67587 25.904 8.78569L27.0361 10.1166C27.3087 9.79869 27.5475 9.55753 27.7557 9.32483C28.1358 8.90166 28.2541 8.89782 28.5705 8.88707C28.7656 8.88016 29.0329 8.87171 29.456 8.76573C30.6111 8.47696 30.9767 7.22665 30.992 7.17136L31.2793 6.03549C31.3 5.95331 31.2754 5.86422 31.2155 5.80432L31.2147 5.80355ZM13.4524 13.7324C13.328 14.2178 13.2873 15.0449 12.656 15.0687C12.6038 15.349 12.8503 15.4542 13.0738 15.3644C13.2958 15.2622 13.401 15.445 13.4755 15.627C13.818 15.677 14.3249 15.5126 14.3441 15.1071C13.8326 14.8122 13.6744 14.2516 13.4517 13.7324H13.4524Z",
-											"fill": "#1C3C3C"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "LangsmithIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "124",
+      "height": "20",
+      "viewBox": "0 0 124 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Clip path group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_20135_18175",
+              "style": "mask-type:luminance",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "0",
+              "width": "124",
+              "height": "20"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "a"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector",
+                      "d": "M123.825 0.399902H0.200195V19.5999H123.825V0.399902Z",
+                      "fill": "white"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_20135_18175)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "id": "Group"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_2",
+                      "d": "M45.54 4.18408V15.827H53.561V14.069H47.361V4.18408H45.54Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_3",
+                      "d": "M57.8358 6.94629C56.0878 6.94629 54.7807 7.76575 54.25 9.19423C54.2162 9.28562 54.1141 9.56133 54.1141 9.56133L55.6124 10.5305L55.8159 9.99986C56.1631 9.09515 56.8051 8.67352 57.8358 8.67352C58.8664 8.67352 59.4563 9.17349 59.4455 10.1581C59.4455 10.198 59.4424 10.3186 59.4424 10.3186C59.4424 10.3186 58.0785 10.5398 57.5163 10.6588C55.1178 11.1657 54.1133 12.0811 54.1133 13.5787C54.1133 14.3767 54.5564 15.2407 55.3651 15.7253C55.8505 16.0156 56.4841 16.1254 57.1837 16.1254C57.6438 16.1254 58.0908 16.0571 58.5047 15.9311C59.4455 15.6185 59.7082 15.0041 59.7082 15.0041V15.8075H61.2664V10.0644C61.2664 8.11211 59.9839 6.94629 57.8358 6.94629ZM59.4517 13.0749C59.4517 13.6786 58.7942 14.5288 57.2629 14.5288C56.8305 14.5288 56.524 14.4143 56.3197 14.2438C56.0463 14.0157 55.9565 13.6878 55.9941 13.3983C56.0102 13.2723 56.0863 13.0012 56.3681 12.7662C56.6561 12.5258 57.1653 12.3538 57.9517 12.1825C58.5984 12.042 59.4524 11.8868 59.4524 11.8868V13.0757L59.4517 13.0749Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_4",
+                      "d": "M67.0275 6.94657C66.8109 6.94657 66.5997 6.96193 66.3946 6.99034C64.9992 7.20001 64.5906 7.90887 64.5906 7.90887L64.5921 7.20001H62.8457V15.8093H64.6666V11.0339C64.6666 9.41108 65.8501 8.67226 66.9499 8.67226C68.1388 8.67226 68.7163 9.31124 68.7163 10.6268V15.8093H70.5372V10.3765C70.5372 8.25985 69.1925 6.9458 67.0282 6.9458L67.0275 6.94657Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_5",
+                      "d": "M78.1373 7.19359V8.08063C78.1373 8.08063 77.6911 6.94629 75.6611 6.94629C73.139 6.94629 71.5723 8.68658 71.5723 11.489C71.5723 13.0703 72.0776 14.3152 72.9693 15.1017C73.6628 15.713 74.589 16.0264 75.6918 16.0479C76.4591 16.0624 76.9559 15.8536 77.2664 15.6562C77.8623 15.2768 78.0835 14.9166 78.0835 14.9166C78.0835 14.9166 78.0582 15.1984 78.0121 15.5801C77.9791 15.8566 77.9169 16.0509 77.9169 16.0509C77.6396 17.0378 76.8285 17.6084 75.6457 17.6084C74.463 17.6084 73.7465 17.2191 73.6044 16.4518L71.8342 16.9802C72.1398 18.4548 73.5238 19.3349 75.5359 19.3349C76.9037 19.3349 77.976 18.9632 78.7233 18.229C79.4767 17.4886 79.8591 16.4219 79.8591 15.0579V7.19282H78.1373V7.19359ZM78.0229 11.5666C78.0229 13.29 77.1811 14.3191 75.7709 14.3191C74.2603 14.3191 73.394 13.2869 73.394 11.4882C73.394 9.68959 74.2603 8.67275 75.7709 8.67275C77.1473 8.67275 78.0098 9.69726 78.0229 11.3469V11.5666Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_6",
+                      "d": "M90.532 14.0495C90.7777 13.6033 90.9022 13.0772 90.9022 12.4851C90.9022 11.893 90.7969 11.4383 90.5888 11.0704C90.3807 10.701 90.1119 10.3992 89.7909 10.1727C89.4675 9.94455 89.1258 9.76484 88.7771 9.63735C88.4269 9.50987 88.1051 9.40695 87.8217 9.33246L85.7427 8.75262C85.4801 8.68273 85.2174 8.59441 84.9609 8.48919C84.7021 8.38321 84.4817 8.23652 84.3073 8.05298C84.1292 7.86635 84.0385 7.62367 84.0385 7.32952C84.0385 7.02079 84.1437 6.74661 84.3503 6.51467C84.5554 6.28504 84.8288 6.10687 85.1637 5.98475C85.4962 5.86264 85.8625 5.80351 86.2527 5.80888C86.6536 5.81963 87.0368 5.90181 87.3909 6.05387C87.7464 6.20594 88.0521 6.43019 88.2994 6.7205C88.5398 7.00312 88.7064 7.34719 88.7955 7.74424L90.8054 7.3948C90.6341 6.70667 90.3423 6.10994 89.9368 5.62149C89.5236 5.12383 89.0029 4.73829 88.3885 4.4764C87.7733 4.21375 87.0629 4.07781 86.2765 4.07243C85.5023 4.06706 84.7858 4.19071 84.1522 4.44031C83.5201 4.68914 83.011 5.06853 82.6385 5.56773C82.2668 6.06616 82.0778 6.69131 82.0778 7.42552C82.0778 7.92779 82.1615 8.35403 82.3274 8.69349C82.4933 9.03371 82.7099 9.31634 82.9702 9.53522C83.2321 9.75487 83.5132 9.92843 83.8066 10.0529C84.1023 10.178 84.3811 10.2794 84.636 10.3531L87.6328 11.2394C87.8493 11.3047 88.0429 11.383 88.208 11.4721C88.3747 11.562 88.5129 11.6633 88.6197 11.7732C88.7272 11.8838 88.8101 12.0113 88.8654 12.1526C88.9207 12.2939 88.9484 12.449 88.9484 12.6134C88.9484 12.9812 88.8301 13.2969 88.5958 13.5496C88.3647 13.7999 88.0598 13.9935 87.6904 14.1232C87.3225 14.253 86.9254 14.3191 86.5092 14.3191C85.8065 14.3191 85.1767 14.1271 84.6383 13.7485C84.1077 13.3752 83.749 12.8422 83.5724 12.1648L81.6309 12.4598C81.7507 13.1909 82.0264 13.8322 82.4503 14.3652C82.8819 14.9081 83.441 15.3313 84.1107 15.6224C84.782 15.9142 85.5484 16.0624 86.3871 16.0624C86.9769 16.0624 87.5491 15.9872 88.089 15.8382C88.6273 15.69 89.1127 15.4642 89.5313 15.167C89.9491 14.8713 90.2855 14.4942 90.5304 14.048L90.532 14.0495Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_7",
+                      "d": "M100.071 8.84108C100.322 8.69747 100.611 8.62451 100.928 8.62451C101.441 8.62451 101.855 8.79654 102.156 9.13676C102.457 9.47545 102.61 9.94931 102.61 10.5476V15.7462H104.474V10.0607C104.474 9.14368 104.218 8.39334 103.715 7.83116C103.212 7.27052 102.477 6.9856 101.532 6.9856C100.961 6.9856 100.436 7.11308 99.9714 7.36422C99.536 7.6 99.1789 7.9287 98.9116 8.34035L98.8763 8.39488L98.8455 8.33804C98.6343 7.9479 98.3348 7.62918 97.9547 7.3911C97.5253 7.1223 96.9831 6.9856 96.3442 6.9856C95.7628 6.9856 95.2306 7.11462 94.7636 7.36806C94.405 7.56236 94.0985 7.81657 93.8528 8.12224L93.7844 8.20748V7.2014H92.1455V15.7462H94.0263V10.4762C94.0263 9.93164 94.1799 9.48236 94.4833 9.14137C94.7874 8.79884 95.1968 8.62528 95.7006 8.62528C96.2044 8.62528 96.636 8.79884 96.9378 9.14137C97.2381 9.48236 97.3902 9.9639 97.3902 10.5714V15.7462H99.2464V10.4762C99.2464 10.0937 99.3209 9.75884 99.4684 9.48006C99.6166 9.20051 99.8194 8.98624 100.071 8.84185L100.071 8.84108Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_8",
+                      "d": "M110.408 13.5589C110.418 13.9429 110.522 14.3254 110.717 14.694C110.938 15.0972 111.265 15.3967 111.689 15.5834C112.118 15.7707 112.61 15.8729 113.153 15.8859C113.689 15.899 114.243 15.8537 114.801 15.7515V14.201C114.276 14.2762 113.8 14.2962 113.387 14.2593C112.951 14.2209 112.63 14.0328 112.431 13.701C112.325 13.5305 112.269 13.307 112.26 13.0382C112.252 12.7748 112.248 12.466 112.248 12.1189V8.56844H114.801V7.12307H112.248V4.19775H110.392V7.12307H108.812V8.56844H110.392V12.2318C110.392 12.7249 110.397 13.1718 110.408 13.5597V13.5589Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_9",
+                      "d": "M120.316 6.93339C120.116 6.93339 119.922 6.94645 119.733 6.97103C118.359 7.1853 117.955 7.88495 117.955 7.88495V7.67989H117.955V4.1709H116.134V15.7977H117.955V11.0222C117.955 9.38869 119.138 8.64527 120.238 8.64527C121.427 8.64527 122.004 9.28424 122.004 10.5998V15.7977H123.825V10.3495C123.825 8.27509 122.448 6.93416 120.316 6.93416L120.316 6.93339Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_10",
+                      "d": "M107.589 7.19922H105.777V15.8162H107.589V7.19922Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_11",
+                      "d": "M106.682 6.55761C107.334 6.55761 107.863 6.02913 107.863 5.37719C107.863 4.72527 107.334 4.19678 106.682 4.19678C106.03 4.19678 105.502 4.72527 105.502 5.37719C105.502 6.02913 106.03 6.55761 106.682 6.55761Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "id": "Vector_12",
+                      "d": "M22.3912 15.1309C22.286 15.306 21.9696 15.3175 21.7 15.1555C21.5618 15.0725 21.455 14.9581 21.3997 14.8337C21.349 14.7208 21.3483 14.614 21.3966 14.5334C21.4519 14.4412 21.5664 14.3944 21.7015 14.3944C21.8229 14.3944 21.9611 14.432 22.0886 14.5088C22.3582 14.6709 22.4972 14.9558 22.392 15.1309H22.3912ZM37.9908 9.9999C37.9908 15.293 33.6839 19.5999 28.3908 19.5999H9.81289C4.51983 19.5999 0.212891 15.2937 0.212891 9.9999C0.212891 4.70608 4.51983 0.399902 9.81289 0.399902H28.3908C33.6846 0.399902 37.9908 4.70685 37.9908 9.9999ZM18.714 14.8145C18.8653 14.6309 18.1664 14.1141 18.0236 13.9244C17.7333 13.6095 17.7317 13.1564 17.5359 12.7885C17.0567 11.678 16.506 10.5759 15.7357 9.63587C14.9216 8.60752 13.9171 7.75657 13.0347 6.7912C12.3795 6.11766 12.2044 5.15843 11.6261 4.43421C10.829 3.25686 8.30838 2.93584 7.93897 4.59856C7.94051 4.65078 7.92438 4.68381 7.87906 4.71683C7.67477 4.86505 7.49276 5.03478 7.33992 5.23984C6.96591 5.76054 6.90831 6.64374 7.37525 7.11145C7.39061 6.86493 7.39906 6.63222 7.59413 6.45558C7.9551 6.76585 8.50037 6.87491 8.91893 6.64374C9.8436 7.96393 9.6132 9.79024 10.3474 11.2126C10.5502 11.549 10.7545 11.8923 11.0148 12.1872C11.226 12.5159 11.9556 12.9037 11.9986 13.2078C12.0063 13.7301 11.9449 14.3007 12.2874 14.7377C12.4487 15.0649 12.0524 15.3936 11.7329 15.3529C11.3182 15.4097 10.8121 15.0741 10.4488 15.2807C10.3205 15.4197 10.0694 15.2661 9.9588 15.4588C9.9204 15.5587 9.71304 15.6992 9.83669 15.7952C9.97416 15.6908 10.1017 15.5817 10.2867 15.6439C10.2591 15.7945 10.3781 15.816 10.4726 15.8597C10.4695 15.9619 10.4096 16.0663 10.488 16.1531C10.5793 16.061 10.6339 15.9304 10.779 15.892C11.2613 16.5348 11.7521 15.2415 12.7958 15.8236C12.5838 15.8137 12.3957 15.8398 12.2528 16.0141C12.2175 16.0533 12.1875 16.0994 12.2497 16.15C12.8127 15.7868 12.8096 16.2745 13.1752 16.1247C13.4563 15.978 13.7358 15.7945 14.0699 15.8467C13.745 15.9404 13.732 16.2015 13.5415 16.4219C13.5093 16.4557 13.4939 16.4941 13.5315 16.5502C14.2058 16.4933 14.2611 16.2691 14.8057 15.9941C15.2119 15.7461 15.6167 16.3474 15.9684 16.0049C16.046 15.9304 16.152 15.9557 16.248 15.9458C16.1251 15.2907 14.7742 16.0656 14.7957 15.187C15.2304 14.8913 15.1305 14.3253 15.1597 13.8683C15.6597 14.1456 16.2157 14.3068 16.7057 14.5718C16.953 14.9712 17.3408 15.4988 17.8577 15.4642C17.8715 15.4243 17.8838 15.389 17.8984 15.3483C18.0551 15.3751 18.2563 15.4788 18.3423 15.2807C18.5765 15.5257 18.9206 15.5134 19.227 15.4504C19.4536 15.2661 18.8008 15.0034 18.7132 14.8137L18.714 14.8145ZM25.722 11.7187L24.6944 10.3317C23.7974 11.3577 23.1984 11.8577 23.1876 11.8669C23.1822 11.8723 22.6101 12.4291 22.0886 12.9068C21.5771 13.3753 21.1731 13.7462 20.9673 14.1517C20.9105 14.2638 20.7868 14.677 20.9604 15.0902C21.094 15.4097 21.3667 15.637 21.7714 15.766C21.8928 15.8044 22.0087 15.8213 22.1193 15.8213C22.8482 15.8213 23.3266 15.0902 23.3297 15.0841C23.3358 15.0756 23.9556 14.1901 24.7106 13.0719C24.9617 12.7002 25.2489 12.307 25.722 11.7179V11.7187ZM30.5535 14.9128C30.5535 14.7085 30.479 14.5111 30.3438 14.3583L30.2163 14.2139C29.446 13.3407 27.4684 11.0989 26.6989 10.228C25.7328 9.13437 24.6522 7.74045 24.5623 7.62371L24.4325 7.35491V6.88182C24.4325 6.70825 24.398 6.53853 24.3312 6.37878L24.0562 5.72598C24.0524 5.71677 24.0508 5.70601 24.0524 5.69603L24.0631 5.60541C24.0647 5.59081 24.0716 5.57776 24.0831 5.56777C24.2974 5.37885 25.0946 4.76598 26.3287 4.81744C26.49 4.82435 26.5184 4.73603 26.523 4.6984C26.5453 4.51715 26.1314 4.30365 25.7458 4.22454C25.2159 4.11625 23.8074 3.82902 22.6807 4.56861L22.6723 4.57475C21.9442 5.18301 21.359 5.64765 21.3529 5.65225L21.3398 5.66531C21.3314 5.67529 21.1255 5.92182 21.1755 6.23593C21.2077 6.44022 21.1017 6.51318 21.0956 6.51702C21.0894 6.52086 20.9451 6.61149 20.7961 6.50934C20.6156 6.37417 20.3022 6.60611 20.2385 6.6568L19.7654 7.06384L19.7562 7.07305C19.7477 7.08304 19.545 7.32035 19.8161 7.70128C20.0503 8.03075 20.1333 8.14057 20.3368 8.39401C20.5434 8.65053 20.9159 8.97539 20.9358 8.99229C20.9451 8.99997 21.1724 9.172 21.4857 8.93238C21.743 8.73501 21.9496 8.55683 21.9496 8.55683C21.9665 8.54301 22.1155 8.42013 22.1224 8.23888C22.1247 8.18665 22.1224 8.14134 22.1224 8.09987C22.1186 7.97238 22.1178 7.93475 22.2138 7.87331C22.2599 7.87331 22.4012 7.92477 22.5225 7.98621C22.5356 7.99389 22.8389 8.16438 23.1147 8.15209C23.2882 8.17513 23.4802 8.37251 23.5463 8.45315C23.5524 8.45929 24.1392 9.07523 24.9655 10.1558C25.123 10.3609 25.7013 11.1312 25.8595 11.3462C26.1237 11.7056 26.5238 12.2494 26.9539 12.8354C27.6988 13.8499 28.5344 14.9873 28.9138 15.4988C29.0398 15.6685 29.2233 15.7837 29.4307 15.8236L29.5712 15.8505C29.625 15.8605 29.6787 15.8659 29.7325 15.8659C29.9813 15.8659 30.2171 15.7568 30.373 15.5633L30.3815 15.5525C30.4936 15.4105 30.555 15.2284 30.555 15.0411V14.9128H30.5535ZM31.2147 5.80355L31.0512 5.63997C31.0035 5.59235 30.9367 5.56393 30.8691 5.56931C30.8016 5.57238 30.7378 5.6031 30.694 5.65533L29.6649 6.87261C29.6357 6.90717 29.5943 6.92867 29.5497 6.93328L29.1834 6.97014C29.1365 6.97475 29.0897 6.96016 29.0536 6.93021L28.4684 6.43485C28.4307 6.40259 28.4085 6.35651 28.4069 6.30736L28.3985 6.01398C28.397 5.97174 28.4115 5.93027 28.4384 5.89801L29.4391 4.69225C29.5144 4.60163 29.5136 4.4703 29.4376 4.37968L29.337 4.26064C29.2709 4.18307 29.1619 4.15465 29.0667 4.19075C28.8301 4.28061 28.2341 4.51331 27.8033 4.74678C27.1943 5.07549 26.7711 5.59696 26.6981 6.10768C26.6444 6.48169 26.6666 7.0984 26.6851 7.43248C26.692 7.56381 26.6628 7.69513 26.5991 7.81264C26.5207 7.95856 26.3825 8.19203 26.1721 8.47312C26.0645 8.62134 25.997 8.67587 25.904 8.78569L27.0361 10.1166C27.3087 9.79869 27.5475 9.55753 27.7557 9.32483C28.1358 8.90166 28.2541 8.89782 28.5705 8.88707C28.7656 8.88016 29.0329 8.87171 29.456 8.76573C30.6111 8.47696 30.9767 7.22665 30.992 7.17136L31.2793 6.03549C31.3 5.95331 31.2754 5.86422 31.2155 5.80432L31.2147 5.80355ZM13.4524 13.7324C13.328 14.2178 13.2873 15.0449 12.656 15.0687C12.6038 15.349 12.8503 15.4542 13.0738 15.3644C13.2958 15.2622 13.401 15.445 13.4755 15.627C13.818 15.677 14.3249 15.5126 14.3441 15.1071C13.8326 14.8122 13.6744 14.2516 13.4517 13.7324H13.4524Z",
+                      "fill": "#1C3C3C"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LangsmithIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
index fd6ce2ea7e..c74fda5a90 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LangsmithIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LangsmithIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/MlflowIcon.json b/web/app/components/base/icons/src/public/tracing/MlflowIcon.json
index 28145faf51..12e19b64f2 100644
--- a/web/app/components/base/icons/src/public/tracing/MlflowIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/MlflowIcon.json
@@ -1,108 +1,108 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"width": "44px",
-			"height": "16px",
-			"viewBox": "0 0 43 16",
-			"version": "1.1"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "surface1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
-							"d": "M 0 12.414062 L 0 6.199219 L 1.398438 6.199219 L 1.398438 6.988281 C 1.75 6.351562 2.519531 6.019531 3.210938 6.019531 C 4.015625 6.019531 4.71875 6.386719 5.046875 7.117188 C 5.527344 6.300781 6.242188 6.019531 7.035156 6.019531 C 8.144531 6.019531 9.203125 6.734375 9.203125 8.378906 L 9.203125 12.414062 L 7.792969 12.414062 L 7.792969 8.621094 C 7.792969 7.894531 7.425781 7.34375 6.609375 7.34375 C 5.839844 7.34375 5.335938 7.957031 5.335938 8.722656 L 5.335938 12.410156 L 3.902344 12.410156 L 3.902344 8.621094 C 3.902344 7.90625 3.546875 7.347656 2.71875 7.347656 C 1.9375 7.347656 1.445312 7.9375 1.445312 8.726562 L 1.445312 12.414062 Z M 0 12.414062 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
-							"d": "M 10.988281 12.414062 L 10.988281 3.171875 L 12.449219 3.171875 L 12.449219 12.414062 Z M 10.988281 12.414062 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 11.863281 15.792969 C 12.191406 15.886719 12.488281 15.949219 13.113281 15.949219 C 14.277344 15.949219 15.652344 15.28125 16.015625 13.414062 L 17.507812 5.917969 L 19.726562 5.917969 L 20 4.667969 L 17.753906 4.667969 L 18.058594 3.179688 C 18.289062 2.023438 18.917969 1.4375 19.933594 1.4375 C 20.195312 1.4375 20.121094 1.460938 20.359375 1.503906 L 20.683594 0.226562 C 20.371094 0.132812 20.089844 0.078125 19.480469 0.078125 C 18.835938 0.0664062 18.207031 0.277344 17.691406 0.667969 C 17.125 1.117188 16.75 1.769531 16.578125 2.613281 L 16.15625 4.667969 L 14.171875 4.667969 L 14.007812 5.917969 L 15.910156 5.917969 L 14.539062 12.847656 C 14.390625 13.632812 13.949219 14.574219 12.683594 14.574219 C 12.398438 14.574219 12.5 14.550781 12.242188 14.507812 Z M 11.863281 15.792969 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 21.042969 12.363281 L 19.582031 12.363281 L 21.585938 3.039062 L 23.042969 3.039062 Z M 21.042969 12.363281 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(26.274511%,78.823531%,92.941177%);fill-opacity:1;",
-							"d": "M 28.328125 6.589844 C 27.054688 5.6875 25.316406 5.863281 24.246094 7.007812 C 23.175781 8.152344 23.09375 9.917969 24.050781 11.160156 L 25.007812 10.449219 C 24.535156 9.851562 24.4375 9.03125 24.761719 8.339844 C 25.082031 7.644531 25.769531 7.199219 26.527344 7.191406 L 26.527344 7.949219 Z M 28.328125 6.589844 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 24.703125 11.789062 C 25.976562 12.691406 27.710938 12.515625 28.78125 11.371094 C 29.851562 10.226562 29.933594 8.460938 28.976562 7.21875 L 28.019531 7.929688 C 28.496094 8.527344 28.59375 9.347656 28.269531 10.039062 C 27.945312 10.734375 27.261719 11.179688 26.503906 11.1875 L 26.503906 10.429688 Z M 24.703125 11.789062 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 30.808594 6.195312 L 32.402344 6.195312 L 32.726562 10.441406 L 35 6.195312 L 36.511719 6.21875 L 37.109375 10.441406 L 39.109375 6.195312 L 40.570312 6.21875 L 37.539062 12.417969 L 36.082031 12.417969 L 35.378906 7.972656 L 33.050781 12.417969 L 31.535156 12.417969 Z M 30.808594 6.195312 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 41.449219 6.308594 L 41.148438 6.308594 L 41.148438 6.199219 L 41.875 6.199219 L 41.875 6.308594 L 41.574219 6.308594 L 41.574219 7.207031 L 41.449219 7.207031 Z M 41.449219 6.308594 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 42.058594 6.199219 L 42.210938 6.199219 L 42.398438 6.738281 C 42.425781 6.804688 42.445312 6.875 42.46875 6.945312 L 42.476562 6.945312 C 42.5 6.875 42.523438 6.804688 42.546875 6.738281 L 42.734375 6.199219 L 42.886719 6.199219 L 42.886719 7.207031 L 42.765625 7.207031 L 42.765625 6.652344 C 42.765625 6.5625 42.777344 6.441406 42.78125 6.351562 L 42.777344 6.351562 L 42.703125 6.582031 L 42.515625 7.105469 L 42.433594 7.105469 L 42.242188 6.582031 L 42.167969 6.355469 L 42.160156 6.355469 C 42.167969 6.445312 42.175781 6.566406 42.175781 6.652344 L 42.175781 7.207031 L 42.0625 7.207031 Z M 42.058594 6.199219 "
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MlflowIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "width": "44px",
+      "height": "16px",
+      "viewBox": "0 0 43 16",
+      "version": "1.1"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "surface1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
+              "d": "M 0 12.414062 L 0 6.199219 L 1.398438 6.199219 L 1.398438 6.988281 C 1.75 6.351562 2.519531 6.019531 3.210938 6.019531 C 4.015625 6.019531 4.71875 6.386719 5.046875 7.117188 C 5.527344 6.300781 6.242188 6.019531 7.035156 6.019531 C 8.144531 6.019531 9.203125 6.734375 9.203125 8.378906 L 9.203125 12.414062 L 7.792969 12.414062 L 7.792969 8.621094 C 7.792969 7.894531 7.425781 7.34375 6.609375 7.34375 C 5.839844 7.34375 5.335938 7.957031 5.335938 8.722656 L 5.335938 12.410156 L 3.902344 12.410156 L 3.902344 8.621094 C 3.902344 7.90625 3.546875 7.347656 2.71875 7.347656 C 1.9375 7.347656 1.445312 7.9375 1.445312 8.726562 L 1.445312 12.414062 Z M 0 12.414062 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
+              "d": "M 10.988281 12.414062 L 10.988281 3.171875 L 12.449219 3.171875 L 12.449219 12.414062 Z M 10.988281 12.414062 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 11.863281 15.792969 C 12.191406 15.886719 12.488281 15.949219 13.113281 15.949219 C 14.277344 15.949219 15.652344 15.28125 16.015625 13.414062 L 17.507812 5.917969 L 19.726562 5.917969 L 20 4.667969 L 17.753906 4.667969 L 18.058594 3.179688 C 18.289062 2.023438 18.917969 1.4375 19.933594 1.4375 C 20.195312 1.4375 20.121094 1.460938 20.359375 1.503906 L 20.683594 0.226562 C 20.371094 0.132812 20.089844 0.078125 19.480469 0.078125 C 18.835938 0.0664062 18.207031 0.277344 17.691406 0.667969 C 17.125 1.117188 16.75 1.769531 16.578125 2.613281 L 16.15625 4.667969 L 14.171875 4.667969 L 14.007812 5.917969 L 15.910156 5.917969 L 14.539062 12.847656 C 14.390625 13.632812 13.949219 14.574219 12.683594 14.574219 C 12.398438 14.574219 12.5 14.550781 12.242188 14.507812 Z M 11.863281 15.792969 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 21.042969 12.363281 L 19.582031 12.363281 L 21.585938 3.039062 L 23.042969 3.039062 Z M 21.042969 12.363281 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(26.274511%,78.823531%,92.941177%);fill-opacity:1;",
+              "d": "M 28.328125 6.589844 C 27.054688 5.6875 25.316406 5.863281 24.246094 7.007812 C 23.175781 8.152344 23.09375 9.917969 24.050781 11.160156 L 25.007812 10.449219 C 24.535156 9.851562 24.4375 9.03125 24.761719 8.339844 C 25.082031 7.644531 25.769531 7.199219 26.527344 7.191406 L 26.527344 7.949219 Z M 28.328125 6.589844 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 24.703125 11.789062 C 25.976562 12.691406 27.710938 12.515625 28.78125 11.371094 C 29.851562 10.226562 29.933594 8.460938 28.976562 7.21875 L 28.019531 7.929688 C 28.496094 8.527344 28.59375 9.347656 28.269531 10.039062 C 27.945312 10.734375 27.261719 11.179688 26.503906 11.1875 L 26.503906 10.429688 Z M 24.703125 11.789062 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 30.808594 6.195312 L 32.402344 6.195312 L 32.726562 10.441406 L 35 6.195312 L 36.511719 6.21875 L 37.109375 10.441406 L 39.109375 6.195312 L 40.570312 6.21875 L 37.539062 12.417969 L 36.082031 12.417969 L 35.378906 7.972656 L 33.050781 12.417969 L 31.535156 12.417969 Z M 30.808594 6.195312 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 41.449219 6.308594 L 41.148438 6.308594 L 41.148438 6.199219 L 41.875 6.199219 L 41.875 6.308594 L 41.574219 6.308594 L 41.574219 7.207031 L 41.449219 7.207031 Z M 41.449219 6.308594 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 42.058594 6.199219 L 42.210938 6.199219 L 42.398438 6.738281 C 42.425781 6.804688 42.445312 6.875 42.46875 6.945312 L 42.476562 6.945312 C 42.5 6.875 42.523438 6.804688 42.546875 6.738281 L 42.734375 6.199219 L 42.886719 6.199219 L 42.886719 7.207031 L 42.765625 7.207031 L 42.765625 6.652344 C 42.765625 6.5625 42.777344 6.441406 42.78125 6.351562 L 42.777344 6.351562 L 42.703125 6.582031 L 42.515625 7.105469 L 42.433594 7.105469 L 42.242188 6.582031 L 42.167969 6.355469 L 42.160156 6.355469 C 42.167969 6.445312 42.175781 6.566406 42.175781 6.652344 L 42.175781 7.207031 L 42.0625 7.207031 Z M 42.058594 6.199219 "
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MlflowIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/MlflowIcon.tsx b/web/app/components/base/icons/src/public/tracing/MlflowIcon.tsx
index c0213133b7..3c86ed61f4 100644
--- a/web/app/components/base/icons/src/public/tracing/MlflowIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/MlflowIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MlflowIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MlflowIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/MlflowIconBig.json b/web/app/components/base/icons/src/public/tracing/MlflowIconBig.json
index b09af4435c..9df9458d74 100644
--- a/web/app/components/base/icons/src/public/tracing/MlflowIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/MlflowIconBig.json
@@ -1,108 +1,108 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"width": "65px",
-			"height": "24px",
-			"viewBox": "0 0 65 24",
-			"version": "1.1"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "surface1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
-							"d": "M 0 18.617188 L 0 9.300781 L 2.113281 9.300781 L 2.113281 10.480469 C 2.644531 9.523438 3.804688 9.027344 4.851562 9.027344 C 6.070312 9.027344 7.132812 9.582031 7.628906 10.671875 C 8.355469 9.449219 9.4375 9.027344 10.636719 9.027344 C 12.3125 9.027344 13.910156 10.097656 13.910156 12.570312 L 13.910156 18.617188 L 11.78125 18.617188 L 11.78125 12.933594 C 11.78125 11.839844 11.226562 11.019531 9.988281 11.019531 C 8.828125 11.019531 8.066406 11.9375 8.066406 13.085938 L 8.066406 18.617188 L 5.898438 18.617188 L 5.898438 12.933594 C 5.898438 11.859375 5.363281 11.023438 4.109375 11.023438 C 2.929688 11.023438 2.1875 11.90625 2.1875 13.089844 L 2.1875 18.625 Z M 0 18.617188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
-							"d": "M 16.609375 18.617188 L 16.609375 4.757812 L 18.820312 4.757812 L 18.820312 18.617188 Z M 16.609375 18.617188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 17.933594 23.691406 C 18.429688 23.832031 18.875 23.921875 19.820312 23.921875 C 21.582031 23.921875 23.660156 22.921875 24.207031 20.117188 L 26.464844 8.875 L 29.820312 8.875 L 30.230469 7.003906 L 26.839844 7.003906 L 27.296875 4.769531 C 27.644531 3.035156 28.601562 2.15625 30.132812 2.15625 C 30.53125 2.15625 30.417969 2.191406 30.773438 2.257812 L 31.265625 0.34375 C 30.792969 0.199219 30.367188 0.113281 29.445312 0.113281 C 28.472656 0.101562 27.519531 0.414062 26.746094 1.003906 C 25.886719 1.671875 25.320312 2.65625 25.058594 3.921875 L 24.425781 7.003906 L 21.421875 7.003906 L 21.175781 8.875 L 24.054688 8.875 L 21.980469 19.273438 C 21.753906 20.453125 21.085938 21.863281 19.171875 21.863281 C 18.738281 21.863281 18.898438 21.828125 18.503906 21.765625 Z M 17.933594 23.691406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 31.808594 18.542969 L 29.601562 18.542969 L 32.628906 4.558594 L 34.835938 4.558594 Z M 31.808594 18.542969 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(26.274511%,78.823531%,92.941177%);fill-opacity:1;",
-							"d": "M 42.820312 9.886719 C 40.894531 8.53125 38.269531 8.796875 36.652344 10.511719 C 35.035156 12.230469 34.910156 14.878906 36.359375 16.742188 L 37.804688 15.675781 C 37.085938 14.777344 36.941406 13.550781 37.429688 12.507812 C 37.917969 11.46875 38.953125 10.800781 40.097656 10.789062 L 40.097656 11.925781 Z M 42.820312 9.886719 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 37.339844 17.683594 C 39.265625 19.039062 41.890625 18.773438 43.507812 17.054688 C 45.125 15.339844 45.25 12.691406 43.804688 10.828125 L 42.355469 11.894531 C 43.074219 12.789062 43.21875 14.019531 42.730469 15.0625 C 42.242188 16.101562 41.207031 16.769531 40.0625 16.78125 L 40.0625 15.644531 Z M 37.339844 17.683594 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 46.570312 9.296875 L 48.980469 9.296875 L 49.472656 15.664062 L 52.90625 9.296875 L 55.195312 9.328125 L 56.09375 15.664062 L 59.121094 9.296875 L 61.328125 9.328125 L 56.746094 18.625 L 54.539062 18.625 L 53.476562 11.960938 L 49.960938 18.625 L 47.671875 18.625 Z M 46.570312 9.296875 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 62.65625 9.460938 L 62.199219 9.460938 L 62.199219 9.300781 L 63.300781 9.300781 L 63.300781 9.464844 L 62.84375 9.464844 L 62.84375 10.808594 L 62.65625 10.808594 Z M 62.65625 9.460938 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
-							"d": "M 63.578125 9.300781 L 63.804688 9.300781 L 64.09375 10.105469 C 64.128906 10.207031 64.164062 10.3125 64.199219 10.417969 L 64.210938 10.417969 C 64.246094 10.3125 64.277344 10.207031 64.3125 10.105469 L 64.597656 9.300781 L 64.824219 9.300781 L 64.824219 10.808594 L 64.648438 10.808594 L 64.648438 9.976562 C 64.648438 9.847656 64.664062 9.664062 64.671875 9.53125 L 64.664062 9.53125 L 64.546875 9.875 L 64.265625 10.65625 L 64.140625 10.65625 L 63.855469 9.875 L 63.742188 9.53125 L 63.730469 9.53125 C 63.742188 9.664062 63.757812 9.847656 63.757812 9.980469 L 63.757812 10.8125 L 63.582031 10.8125 Z M 63.578125 9.300781 "
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MlflowIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "width": "65px",
+      "height": "24px",
+      "viewBox": "0 0 65 24",
+      "version": "1.1"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "surface1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
+              "d": "M 0 18.617188 L 0 9.300781 L 2.113281 9.300781 L 2.113281 10.480469 C 2.644531 9.523438 3.804688 9.027344 4.851562 9.027344 C 6.070312 9.027344 7.132812 9.582031 7.628906 10.671875 C 8.355469 9.449219 9.4375 9.027344 10.636719 9.027344 C 12.3125 9.027344 13.910156 10.097656 13.910156 12.570312 L 13.910156 18.617188 L 11.78125 18.617188 L 11.78125 12.933594 C 11.78125 11.839844 11.226562 11.019531 9.988281 11.019531 C 8.828125 11.019531 8.066406 11.9375 8.066406 13.085938 L 8.066406 18.617188 L 5.898438 18.617188 L 5.898438 12.933594 C 5.898438 11.859375 5.363281 11.023438 4.109375 11.023438 C 2.929688 11.023438 2.1875 11.90625 2.1875 13.089844 L 2.1875 18.625 Z M 0 18.617188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(20%,20%,20%);fill-opacity:1;",
+              "d": "M 16.609375 18.617188 L 16.609375 4.757812 L 18.820312 4.757812 L 18.820312 18.617188 Z M 16.609375 18.617188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 17.933594 23.691406 C 18.429688 23.832031 18.875 23.921875 19.820312 23.921875 C 21.582031 23.921875 23.660156 22.921875 24.207031 20.117188 L 26.464844 8.875 L 29.820312 8.875 L 30.230469 7.003906 L 26.839844 7.003906 L 27.296875 4.769531 C 27.644531 3.035156 28.601562 2.15625 30.132812 2.15625 C 30.53125 2.15625 30.417969 2.191406 30.773438 2.257812 L 31.265625 0.34375 C 30.792969 0.199219 30.367188 0.113281 29.445312 0.113281 C 28.472656 0.101562 27.519531 0.414062 26.746094 1.003906 C 25.886719 1.671875 25.320312 2.65625 25.058594 3.921875 L 24.425781 7.003906 L 21.421875 7.003906 L 21.175781 8.875 L 24.054688 8.875 L 21.980469 19.273438 C 21.753906 20.453125 21.085938 21.863281 19.171875 21.863281 C 18.738281 21.863281 18.898438 21.828125 18.503906 21.765625 Z M 17.933594 23.691406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 31.808594 18.542969 L 29.601562 18.542969 L 32.628906 4.558594 L 34.835938 4.558594 Z M 31.808594 18.542969 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(26.274511%,78.823531%,92.941177%);fill-opacity:1;",
+              "d": "M 42.820312 9.886719 C 40.894531 8.53125 38.269531 8.796875 36.652344 10.511719 C 35.035156 12.230469 34.910156 14.878906 36.359375 16.742188 L 37.804688 15.675781 C 37.085938 14.777344 36.941406 13.550781 37.429688 12.507812 C 37.917969 11.46875 38.953125 10.800781 40.097656 10.789062 L 40.097656 11.925781 Z M 42.820312 9.886719 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 37.339844 17.683594 C 39.265625 19.039062 41.890625 18.773438 43.507812 17.054688 C 45.125 15.339844 45.25 12.691406 43.804688 10.828125 L 42.355469 11.894531 C 43.074219 12.789062 43.21875 14.019531 42.730469 15.0625 C 42.242188 16.101562 41.207031 16.769531 40.0625 16.78125 L 40.0625 15.644531 Z M 37.339844 17.683594 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 46.570312 9.296875 L 48.980469 9.296875 L 49.472656 15.664062 L 52.90625 9.296875 L 55.195312 9.328125 L 56.09375 15.664062 L 59.121094 9.296875 L 61.328125 9.328125 L 56.746094 18.625 L 54.539062 18.625 L 53.476562 11.960938 L 49.960938 18.625 L 47.671875 18.625 Z M 46.570312 9.296875 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 62.65625 9.460938 L 62.199219 9.460938 L 62.199219 9.300781 L 63.300781 9.300781 L 63.300781 9.464844 L 62.84375 9.464844 L 62.84375 10.808594 L 62.65625 10.808594 Z M 62.65625 9.460938 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(0.392157%,58.039218%,88.627452%);fill-opacity:1;",
+              "d": "M 63.578125 9.300781 L 63.804688 9.300781 L 64.09375 10.105469 C 64.128906 10.207031 64.164062 10.3125 64.199219 10.417969 L 64.210938 10.417969 C 64.246094 10.3125 64.277344 10.207031 64.3125 10.105469 L 64.597656 9.300781 L 64.824219 9.300781 L 64.824219 10.808594 L 64.648438 10.808594 L 64.648438 9.976562 C 64.648438 9.847656 64.664062 9.664062 64.671875 9.53125 L 64.664062 9.53125 L 64.546875 9.875 L 64.265625 10.65625 L 64.140625 10.65625 L 63.855469 9.875 L 63.742188 9.53125 L 63.730469 9.53125 C 63.742188 9.664062 63.757812 9.847656 63.757812 9.980469 L 63.757812 10.8125 L 63.582031 10.8125 Z M 63.578125 9.300781 "
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MlflowIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/MlflowIconBig.tsx b/web/app/components/base/icons/src/public/tracing/MlflowIconBig.tsx
index 1452799114..fbb288d46a 100644
--- a/web/app/components/base/icons/src/public/tracing/MlflowIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/MlflowIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MlflowIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MlflowIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIcon.json b/web/app/components/base/icons/src/public/tracing/OpikIcon.json
index c9f3ad7985..b0412b0e21 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/OpikIcon.json
@@ -1,163 +1,163 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "47.133904",
-			"height": "16",
-			"viewBox": "0 0 47.133904 16",
-			"fill": "none",
-			"version": "1.1",
-			"id": "svg6",
-			"sodipodi:docname": "opik-icon.svg",
-			"inkscape:version": "1.3.2 (091e20ef0f, 2023-11-25)",
-			"xmlns:inkscape": "http://www.inkscape.org/namespaces/inkscape",
-			"xmlns:sodipodi": "http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:svg": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "sodipodi:namedview",
-				"attributes": {
-					"id": "namedview6",
-					"pagecolor": "#b95d5d",
-					"bordercolor": "#666666",
-					"borderopacity": "1.0",
-					"inkscape:showpageshadow": "2",
-					"inkscape:pageopacity": "0.0",
-					"inkscape:pagecheckerboard": "0",
-					"inkscape:deskcolor": "#d1d1d1",
-					"inkscape:zoom": "18.615087",
-					"inkscape:cx": "34.541874",
-					"inkscape:cy": "18.882533",
-					"inkscape:window-width": "2560",
-					"inkscape:window-height": "1371",
-					"inkscape:window-x": "0",
-					"inkscape:window-y": "0",
-					"inkscape:window-maximized": "1",
-					"inkscape:current-layer": "svg6"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "47.119099",
-					"height": "15.98219",
-					"fill": "#ffffff",
-					"id": "rect1",
-					"x": "0",
-					"y": "0",
-					"style": "stroke-width:0.0455515;fill:none",
-					"inkscape:label": "rect1"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M 9.6391824,3.9256084 C 7.4584431,2.9677242 4.8694901,3.9910489 3.8733677,6.2551834 2.8772499,8.519327 3.8730396,11.117275 6.0537561,12.075159 c 0.8795869,0.38635 1.8205107,0.450735 2.6986394,0.243012 0.3780009,-0.08943 0.7570043,0.144295 0.8464576,0.521993 0.089499,0.377699 -0.1443649,0.7564 -0.5224113,0.845827 C 7.9135024,13.961058 6.6590133,13.876457 5.4876434,13.361931 2.568556,12.079712 1.2888532,8.636894 2.5855671,5.6895232 3.8822857,2.7421295 7.286235,1.3566284 10.205295,2.6388372 11.986296,3.4211403 13.15908,5.0124429 13.505682,6.7988966 13.579642,7.1799648 13.330421,7.548739 12.949049,7.6226396 12.567721,7.6964947 12.198606,7.447473 12.124692,7.0664048 11.860478,5.7048679 10.972279,4.5111667 9.6391824,3.9256084 Z m 2.3662996,7.7665706 c 0.136116,0.570532 -0.216457,1.14325 -0.787445,1.279258 -0.570989,0.135962 -1.14421,-0.216283 -1.2802814,-0.786816 -0.1361171,-0.570532 0.2164564,-1.143295 0.7874454,-1.279258 0.570987,-0.136008 1.14421,0.216283 1.280281,0.786816 z m 0.885967,-0.810128 c 0.762836,-0.181679 1.233846,-0.9468664 1.052022,-1.7090479 -0.181824,-0.7622275 -0.947622,-1.2328598 -1.710414,-1.0511819 -0.762838,0.1816779 -1.233846,0.9468196 -1.052023,1.7090471 0.181823,0.7622277 0.947623,1.2328597 1.710415,1.0511827 z",
-					"fill": "url(#paint0_linear_3874_31725)",
-					"id": "path1",
-					"style": "fill:url(#paint0_linear_3874_31725);stroke-width:0.0455515"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 20.686606,11.857146 c -0.721642,0 -1.364084,-0.153857 -1.927326,-0.461616 -0.563197,-0.316594 -1.007638,-0.747475 -1.333234,-1.292646 -0.325641,-0.54517 -0.488416,-1.165106 -0.488416,-1.8598076 0,-0.703444 0.162775,-1.32338 0.488416,-1.8598079 0.325596,-0.5451702 0.770037,-0.9716351 1.333234,-1.2794403 0.563242,-0.3077596 1.205684,-0.4616167 1.927326,-0.4616167 0.730437,0 1.377254,0.1538571 1.940495,0.4616167 0.571992,0.3078052 1.016434,0.7298533 1.333234,1.2662813 0.325641,0.5363823 0.488417,1.1606894 0.488417,1.8729669 0,0.6947016 -0.162776,1.3146376 -0.488417,1.8598076 -0.3168,0.545171 -0.761242,0.976052 -1.333234,1.292646 -0.563241,0.307759 -1.210058,0.461616 -1.940495,0.461616 z m 0,-1.411304 c 0.404796,0 0.765617,-0.08797 1.082418,-0.263821 0.316846,-0.17585 0.563242,-0.4308815 0.739232,-0.7650049 0.184831,-0.3341689 0.277246,-0.7254822 0.277246,-1.1739397 0,-0.4572454 -0.09241,-0.8485586 -0.277246,-1.1738941 C 22.332266,6.7350133 22.08587,6.4800268 21.769024,6.3041317 21.452223,6.1282821 21.095822,6.0403572 20.699776,6.0403572 c -0.404796,0 -0.765617,0.087925 -1.082418,0.2637745 -0.308051,0.1758951 -0.554446,0.4308816 -0.739277,0.7650506 -0.184786,0.3253355 -0.277201,0.7166487 -0.277201,1.1738941 0,0.4484575 0.09241,0.8397708 0.277201,1.1739397 0.184831,0.3341234 0.431226,0.5891549 0.739277,0.7650049 0.316801,0.17585 0.673201,0.263821 1.069248,0.263821 z",
-					"fill": "#3a3a3a",
-					"id": "path2",
-					"style": "stroke-width:0.0455515"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 29.934026,11.857146 c -0.571992,0 -1.095634,-0.131865 -1.57088,-0.395684 -0.466407,-0.26382 -0.840442,-0.659504 -1.122018,-1.1871 -0.272826,-0.5364272 -0.409217,-1.2135074 -0.409217,-2.0312856 0,-0.826566 0.131971,-1.5036463 0.396002,-2.0312862 0.272826,-0.5275944 0.642442,-0.9189077 1.108848,-1.1738942 0.466406,-0.26382 0.998843,-0.3956845 1.597265,-0.3956845 0.695257,0 1.306893,0.1494859 1.83491,0.4484576 0.536811,0.2989717 0.959243,0.7166486 1.267248,1.253031 0.316801,0.5364279 0.475202,1.169523 0.475202,1.8993763 0,0.7298534 -0.158401,1.3673652 -0.475202,1.9125806 -0.308005,0.536383 -0.730437,0.95406 -1.267248,1.253031 -0.528017,0.298972 -1.139653,0.448458 -1.83491,0.448458 z m -3.142079,2.466539 c -0.422659,0 -0.765298,-0.342319 -0.765298,-0.764641 V 5.4859892 c 0,-0.4223213 0.342639,-0.7646408 0.765298,-0.7646408 h 0.04028 c 0.42266,0 0.765299,0.3423195 0.765299,0.7646408 v 0.8972793 l -0.05281,1.8730126 0.132016,1.8729669 v 3.429796 c 0,0.422322 -0.342639,0.764641 -0.765298,0.764641 z m 2.957293,-3.877843 c 0.396001,0 0.748027,-0.08797 1.056033,-0.263821 0.316801,-0.17585 0.567616,-0.4308815 0.752447,-0.7650049 0.184786,-0.3341689 0.277201,-0.7254822 0.277201,-1.1739397 0,-0.4572454 -0.09241,-0.8485586 -0.277201,-1.1738941 C 31.372889,6.7350133 31.122074,6.4800268 30.805273,6.3041317 30.497267,6.1282821 30.145241,6.0403572 29.74924,6.0403572 c -0.396046,0 -0.752447,0.087925 -1.069248,0.2637745 -0.316846,0.1758951 -0.567662,0.4308816 -0.752447,0.7650506 -0.184831,0.3253355 -0.277201,0.7166487 -0.277201,1.1738941 0,0.4484575 0.09237,0.8397708 0.277201,1.1739397 0.184785,0.3341234 0.435601,0.5891549 0.752447,0.7650049 0.316801,0.17585 0.673202,0.263821 1.069248,0.263821 z",
-					"fill": "#3a3a3a",
-					"id": "path3",
-					"style": "stroke-width:0.0455515"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 35.841594,11.76485 c -0.422659,0 -0.765298,-0.342365 -0.765298,-0.764686 V 5.4859892 c 0,-0.4223213 0.342639,-0.7646408 0.765298,-0.7646408 h 0.119484 c 0.422659,0 0.765298,0.3423195 0.765298,0.7646408 v 5.5141748 c 0,0.422321 -0.342639,0.764686 -0.765298,0.764686 z m 0.06635,-8.2042457 c -0.308006,0 -0.563241,-0.096726 -0.765662,-0.2901837 -0.19358,-0.1934528 -0.290371,-0.4264787 -0.290371,-0.6990729 0,-0.2813867 0.0968,-0.5144125 0.290371,-0.6990728 0.202421,-0.1934528 0.457656,-0.2901838 0.765662,-0.2901838 0.308006,0 0.558822,0.092332 0.752448,0.2769928 0.202375,0.1758678 0.303585,0.4001011 0.303585,0.6726954 0,0.2901792 -0.0968,0.536396 -0.290415,0.7386413 -0.19358,0.1934573 -0.448817,0.2901837 -0.765618,0.2901837 z",
-					"fill": "#3a3a3a",
-					"id": "path4",
-					"style": "stroke-width:0.0455515"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 40.238571,10.195226 0.0396,-2.0708549 3.479613,-3.2151067 c 0.130739,-0.1208454 0.302264,-0.187916 0.480351,-0.187916 v 0 c 0.629636,0 0.945662,0.7599964 0.501357,1.2058131 l -1.926779,1.9333896 -0.871247,0.7254822 z m -0.581195,1.569624 c -0.42266,0 -0.765253,-0.342365 -0.765253,-0.764686 V 2.7424664 c 0,-0.4223168 0.342593,-0.7646726 0.765253,-0.7646726 h 0.119528 c 0.42266,0 0.765298,0.3423558 0.765298,0.7646726 v 8.2576976 c 0,0.422321 -0.342638,0.764686 -0.765298,0.764686 z m 4.919799,0 c -0.230994,0 -0.449637,-0.104271 -0.594959,-0.283718 l -2.34438,-2.8950987 1.042863,-1.3190088 2.564664,3.2606405 c 0.394542,0.501685 0.03692,1.237185 -0.601702,1.237185 z",
-					"fill": "#3a3a3a",
-					"id": "path5",
-					"style": "stroke-width:0.0455515"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {
-					"id": "defs6"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_3874_31725",
-							"x1": "258.13101",
-							"y1": "269.78299",
-							"x2": "88.645203",
-							"y2": "75.4571",
-							"gradientUnits": "userSpaceOnUse",
-							"gradientTransform": "scale(0.04556973,0.04553331)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FB9341",
-									"id": "stop5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E30D3E",
-									"id": "stop6"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OpikIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "47.133904",
+      "height": "16",
+      "viewBox": "0 0 47.133904 16",
+      "fill": "none",
+      "version": "1.1",
+      "id": "svg6",
+      "sodipodi:docname": "opik-icon.svg",
+      "inkscape:version": "1.3.2 (091e20ef0f, 2023-11-25)",
+      "xmlns:inkscape": "http://www.inkscape.org/namespaces/inkscape",
+      "xmlns:sodipodi": "http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:svg": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "sodipodi:namedview",
+        "attributes": {
+          "id": "namedview6",
+          "pagecolor": "#b95d5d",
+          "bordercolor": "#666666",
+          "borderopacity": "1.0",
+          "inkscape:showpageshadow": "2",
+          "inkscape:pageopacity": "0.0",
+          "inkscape:pagecheckerboard": "0",
+          "inkscape:deskcolor": "#d1d1d1",
+          "inkscape:zoom": "18.615087",
+          "inkscape:cx": "34.541874",
+          "inkscape:cy": "18.882533",
+          "inkscape:window-width": "2560",
+          "inkscape:window-height": "1371",
+          "inkscape:window-x": "0",
+          "inkscape:window-y": "0",
+          "inkscape:window-maximized": "1",
+          "inkscape:current-layer": "svg6"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "47.119099",
+          "height": "15.98219",
+          "fill": "#ffffff",
+          "id": "rect1",
+          "x": "0",
+          "y": "0",
+          "style": "stroke-width:0.0455515;fill:none",
+          "inkscape:label": "rect1"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M 9.6391824,3.9256084 C 7.4584431,2.9677242 4.8694901,3.9910489 3.8733677,6.2551834 2.8772499,8.519327 3.8730396,11.117275 6.0537561,12.075159 c 0.8795869,0.38635 1.8205107,0.450735 2.6986394,0.243012 0.3780009,-0.08943 0.7570043,0.144295 0.8464576,0.521993 0.089499,0.377699 -0.1443649,0.7564 -0.5224113,0.845827 C 7.9135024,13.961058 6.6590133,13.876457 5.4876434,13.361931 2.568556,12.079712 1.2888532,8.636894 2.5855671,5.6895232 3.8822857,2.7421295 7.286235,1.3566284 10.205295,2.6388372 11.986296,3.4211403 13.15908,5.0124429 13.505682,6.7988966 13.579642,7.1799648 13.330421,7.548739 12.949049,7.6226396 12.567721,7.6964947 12.198606,7.447473 12.124692,7.0664048 11.860478,5.7048679 10.972279,4.5111667 9.6391824,3.9256084 Z m 2.3662996,7.7665706 c 0.136116,0.570532 -0.216457,1.14325 -0.787445,1.279258 -0.570989,0.135962 -1.14421,-0.216283 -1.2802814,-0.786816 -0.1361171,-0.570532 0.2164564,-1.143295 0.7874454,-1.279258 0.570987,-0.136008 1.14421,0.216283 1.280281,0.786816 z m 0.885967,-0.810128 c 0.762836,-0.181679 1.233846,-0.9468664 1.052022,-1.7090479 -0.181824,-0.7622275 -0.947622,-1.2328598 -1.710414,-1.0511819 -0.762838,0.1816779 -1.233846,0.9468196 -1.052023,1.7090471 0.181823,0.7622277 0.947623,1.2328597 1.710415,1.0511827 z",
+          "fill": "url(#paint0_linear_3874_31725)",
+          "id": "path1",
+          "style": "fill:url(#paint0_linear_3874_31725);stroke-width:0.0455515"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 20.686606,11.857146 c -0.721642,0 -1.364084,-0.153857 -1.927326,-0.461616 -0.563197,-0.316594 -1.007638,-0.747475 -1.333234,-1.292646 -0.325641,-0.54517 -0.488416,-1.165106 -0.488416,-1.8598076 0,-0.703444 0.162775,-1.32338 0.488416,-1.8598079 0.325596,-0.5451702 0.770037,-0.9716351 1.333234,-1.2794403 0.563242,-0.3077596 1.205684,-0.4616167 1.927326,-0.4616167 0.730437,0 1.377254,0.1538571 1.940495,0.4616167 0.571992,0.3078052 1.016434,0.7298533 1.333234,1.2662813 0.325641,0.5363823 0.488417,1.1606894 0.488417,1.8729669 0,0.6947016 -0.162776,1.3146376 -0.488417,1.8598076 -0.3168,0.545171 -0.761242,0.976052 -1.333234,1.292646 -0.563241,0.307759 -1.210058,0.461616 -1.940495,0.461616 z m 0,-1.411304 c 0.404796,0 0.765617,-0.08797 1.082418,-0.263821 0.316846,-0.17585 0.563242,-0.4308815 0.739232,-0.7650049 0.184831,-0.3341689 0.277246,-0.7254822 0.277246,-1.1739397 0,-0.4572454 -0.09241,-0.8485586 -0.277246,-1.1738941 C 22.332266,6.7350133 22.08587,6.4800268 21.769024,6.3041317 21.452223,6.1282821 21.095822,6.0403572 20.699776,6.0403572 c -0.404796,0 -0.765617,0.087925 -1.082418,0.2637745 -0.308051,0.1758951 -0.554446,0.4308816 -0.739277,0.7650506 -0.184786,0.3253355 -0.277201,0.7166487 -0.277201,1.1738941 0,0.4484575 0.09241,0.8397708 0.277201,1.1739397 0.184831,0.3341234 0.431226,0.5891549 0.739277,0.7650049 0.316801,0.17585 0.673201,0.263821 1.069248,0.263821 z",
+          "fill": "#3a3a3a",
+          "id": "path2",
+          "style": "stroke-width:0.0455515"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 29.934026,11.857146 c -0.571992,0 -1.095634,-0.131865 -1.57088,-0.395684 -0.466407,-0.26382 -0.840442,-0.659504 -1.122018,-1.1871 -0.272826,-0.5364272 -0.409217,-1.2135074 -0.409217,-2.0312856 0,-0.826566 0.131971,-1.5036463 0.396002,-2.0312862 0.272826,-0.5275944 0.642442,-0.9189077 1.108848,-1.1738942 0.466406,-0.26382 0.998843,-0.3956845 1.597265,-0.3956845 0.695257,0 1.306893,0.1494859 1.83491,0.4484576 0.536811,0.2989717 0.959243,0.7166486 1.267248,1.253031 0.316801,0.5364279 0.475202,1.169523 0.475202,1.8993763 0,0.7298534 -0.158401,1.3673652 -0.475202,1.9125806 -0.308005,0.536383 -0.730437,0.95406 -1.267248,1.253031 -0.528017,0.298972 -1.139653,0.448458 -1.83491,0.448458 z m -3.142079,2.466539 c -0.422659,0 -0.765298,-0.342319 -0.765298,-0.764641 V 5.4859892 c 0,-0.4223213 0.342639,-0.7646408 0.765298,-0.7646408 h 0.04028 c 0.42266,0 0.765299,0.3423195 0.765299,0.7646408 v 0.8972793 l -0.05281,1.8730126 0.132016,1.8729669 v 3.429796 c 0,0.422322 -0.342639,0.764641 -0.765298,0.764641 z m 2.957293,-3.877843 c 0.396001,0 0.748027,-0.08797 1.056033,-0.263821 0.316801,-0.17585 0.567616,-0.4308815 0.752447,-0.7650049 0.184786,-0.3341689 0.277201,-0.7254822 0.277201,-1.1739397 0,-0.4572454 -0.09241,-0.8485586 -0.277201,-1.1738941 C 31.372889,6.7350133 31.122074,6.4800268 30.805273,6.3041317 30.497267,6.1282821 30.145241,6.0403572 29.74924,6.0403572 c -0.396046,0 -0.752447,0.087925 -1.069248,0.2637745 -0.316846,0.1758951 -0.567662,0.4308816 -0.752447,0.7650506 -0.184831,0.3253355 -0.277201,0.7166487 -0.277201,1.1738941 0,0.4484575 0.09237,0.8397708 0.277201,1.1739397 0.184785,0.3341234 0.435601,0.5891549 0.752447,0.7650049 0.316801,0.17585 0.673202,0.263821 1.069248,0.263821 z",
+          "fill": "#3a3a3a",
+          "id": "path3",
+          "style": "stroke-width:0.0455515"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 35.841594,11.76485 c -0.422659,0 -0.765298,-0.342365 -0.765298,-0.764686 V 5.4859892 c 0,-0.4223213 0.342639,-0.7646408 0.765298,-0.7646408 h 0.119484 c 0.422659,0 0.765298,0.3423195 0.765298,0.7646408 v 5.5141748 c 0,0.422321 -0.342639,0.764686 -0.765298,0.764686 z m 0.06635,-8.2042457 c -0.308006,0 -0.563241,-0.096726 -0.765662,-0.2901837 -0.19358,-0.1934528 -0.290371,-0.4264787 -0.290371,-0.6990729 0,-0.2813867 0.0968,-0.5144125 0.290371,-0.6990728 0.202421,-0.1934528 0.457656,-0.2901838 0.765662,-0.2901838 0.308006,0 0.558822,0.092332 0.752448,0.2769928 0.202375,0.1758678 0.303585,0.4001011 0.303585,0.6726954 0,0.2901792 -0.0968,0.536396 -0.290415,0.7386413 -0.19358,0.1934573 -0.448817,0.2901837 -0.765618,0.2901837 z",
+          "fill": "#3a3a3a",
+          "id": "path4",
+          "style": "stroke-width:0.0455515"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 40.238571,10.195226 0.0396,-2.0708549 3.479613,-3.2151067 c 0.130739,-0.1208454 0.302264,-0.187916 0.480351,-0.187916 v 0 c 0.629636,0 0.945662,0.7599964 0.501357,1.2058131 l -1.926779,1.9333896 -0.871247,0.7254822 z m -0.581195,1.569624 c -0.42266,0 -0.765253,-0.342365 -0.765253,-0.764686 V 2.7424664 c 0,-0.4223168 0.342593,-0.7646726 0.765253,-0.7646726 h 0.119528 c 0.42266,0 0.765298,0.3423558 0.765298,0.7646726 v 8.2576976 c 0,0.422321 -0.342638,0.764686 -0.765298,0.764686 z m 4.919799,0 c -0.230994,0 -0.449637,-0.104271 -0.594959,-0.283718 l -2.34438,-2.8950987 1.042863,-1.3190088 2.564664,3.2606405 c 0.394542,0.501685 0.03692,1.237185 -0.601702,1.237185 z",
+          "fill": "#3a3a3a",
+          "id": "path5",
+          "style": "stroke-width:0.0455515"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {
+          "id": "defs6"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_3874_31725",
+              "x1": "258.13101",
+              "y1": "269.78299",
+              "x2": "88.645203",
+              "y2": "75.4571",
+              "gradientUnits": "userSpaceOnUse",
+              "gradientTransform": "scale(0.04556973,0.04553331)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FB9341",
+                  "id": "stop5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E30D3E",
+                  "id": "stop6"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OpikIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx b/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
index 4125f25d4a..d5d7570e69 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpikIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpikIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIconBig.json b/web/app/components/base/icons/src/public/tracing/OpikIconBig.json
index 44e1e2c521..e4ef0228ad 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/OpikIconBig.json
@@ -1,162 +1,162 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "70.700851",
-			"height": "24",
-			"viewBox": "0 0 70.700851 24",
-			"fill": "none",
-			"version": "1.1",
-			"id": "svg6",
-			"sodipodi:docname": "opik-icon-big.svg",
-			"inkscape:version": "1.3.2 (091e20ef0f, 2023-11-25)",
-			"xmlns:inkscape": "http://www.inkscape.org/namespaces/inkscape",
-			"xmlns:sodipodi": "http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:svg": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "sodipodi:namedview",
-				"attributes": {
-					"id": "namedview6",
-					"pagecolor": "#ffffff",
-					"bordercolor": "#666666",
-					"borderopacity": "1.0",
-					"inkscape:showpageshadow": "2",
-					"inkscape:pageopacity": "0.0",
-					"inkscape:pagecheckerboard": "0",
-					"inkscape:deskcolor": "#d1d1d1",
-					"inkscape:zoom": "18.615088",
-					"inkscape:cx": "36.314629",
-					"inkscape:cy": "18.989972",
-					"inkscape:window-width": "2560",
-					"inkscape:window-height": "1371",
-					"inkscape:window-x": "0",
-					"inkscape:window-y": "0",
-					"inkscape:window-maximized": "1",
-					"inkscape:current-layer": "svg6"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"width": "70.700851",
-					"height": "24",
-					"fill": "#ffffff",
-					"id": "rect1",
-					"x": "0",
-					"y": "0",
-					"style": "stroke-width:0.0683761;fill:none"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M 14.463316,5.8949744 C 11.191179,4.456547 7.3065299,5.9932444 5.8118769,9.3932308 4.3172308,12.793231 5.8113846,16.694496 9.0834872,18.132923 c 1.3197948,0.580171 2.7316238,0.676855 4.0492308,0.364923 0.567179,-0.13429 1.135863,0.216684 1.270085,0.783863 0.134291,0.56718 -0.216615,1.135864 -0.783863,1.270154 C 11.873983,20.964923 9.9916581,20.83788 8.2340513,20.065231 3.8540444,18.139761 1.9338872,12.969778 3.8795692,8.5437949 5.8252581,4.1177778 10.932786,2.0372103 15.312752,3.9626667 c 2.672342,1.1747624 4.432069,3.564376 4.952137,6.2470423 0.110974,0.57224 -0.262974,1.126017 -0.835214,1.236992 -0.572171,0.110906 -1.126017,-0.263043 -1.236923,-0.835282 C 17.796308,8.5668376 16.46359,6.7742906 14.463316,5.8949744 Z M 18.01388,17.557812 c 0.20424,0.856752 -0.324786,1.716786 -1.181538,1.921026 -0.856752,0.204171 -1.716855,-0.324787 -1.921026,-1.181539 -0.204239,-0.856752 0.324787,-1.716855 1.181539,-1.921025 0.856752,-0.20424 1.716854,0.324786 1.921025,1.181538 z m 1.329368,-1.216547 c 1.144615,-0.272821 1.85135,-1.42188 1.57853,-2.566427 -0.272821,-1.144616 -1.421881,-1.851351 -2.566428,-1.57853 -1.144615,0.27282 -1.85135,1.421812 -1.578529,2.566427 0.27282,1.144615 1.42188,1.85135 2.566427,1.57853 z",
-					"fill": "url(#paint0_linear_3874_31725)",
-					"id": "path1",
-					"style": "fill:url(#paint0_linear_3874_31725);stroke-width:0.0683761"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 31.039658,17.805538 c -1.082803,0 -2.046769,-0.231042 -2.891897,-0.693196 -0.84506,-0.475419 -1.511932,-1.122462 -2.000479,-1.941128 -0.488615,-0.818667 -0.732855,-1.749607 -0.732855,-2.792821 0,-1.056342 0.24424,-1.987282 0.732855,-2.7928204 0.488547,-0.8186666 1.155419,-1.4590769 2.000479,-1.9212991 0.845128,-0.4621538 1.809094,-0.6931966 2.891897,-0.6931966 1.096,0 2.06653,0.2310428 2.911658,0.6931966 0.858257,0.4622222 1.525128,1.096 2.000479,1.9015385 0.488615,0.80547 0.732855,1.742974 0.732855,2.812581 0,1.043214 -0.24424,1.974154 -0.732855,2.792821 -0.475351,0.818666 -1.142222,1.465709 -2.000479,1.941128 -0.845128,0.462154 -1.815658,0.693196 -2.911658,0.693196 z m 0,-2.119316 c 0.607385,0 1.148786,-0.132102 1.624137,-0.396171 0.475419,-0.264068 0.845128,-0.647042 1.109196,-1.148786 0.277334,-0.501812 0.416,-1.089436 0.416,-1.762872 0,-0.686632 -0.138666,-1.274256 -0.416,-1.762803 -0.264068,-0.501812 -0.633777,-0.8847182 -1.109196,-1.148855 -0.475351,-0.2640683 -1.01012,-0.3961025 -1.604376,-0.3961025 -0.607385,0 -1.148787,0.1320342 -1.624137,0.3961025 -0.462222,0.2641368 -0.831932,0.647043 -1.109265,1.148855 -0.277265,0.488547 -0.415932,1.076171 -0.415932,1.762803 0,0.673436 0.138667,1.26106 0.415932,1.762872 0.277333,0.501744 0.647043,0.884718 1.109265,1.148786 0.47535,0.264069 1.01012,0.396171 1.604376,0.396171 z",
-					"fill": "#3a3a3a",
-					"id": "path2",
-					"style": "stroke-width:0.0683761"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 44.915145,17.805538 c -0.858256,0 -1.643966,-0.198017 -2.35706,-0.594188 -0.699829,-0.396171 -1.261059,-0.990359 -1.683555,-1.782632 -0.409368,-0.805539 -0.614017,-1.822291 -0.614017,-3.050325 0,-1.241231 0.198017,-2.257983 0.594188,-3.0503246 0.409367,-0.7922735 0.963966,-1.3798975 1.663795,-1.7628034 0.699829,-0.396171 1.498735,-0.5941881 2.396649,-0.5941881 1.043214,0 1.960958,0.2244787 2.753231,0.6734359 0.80547,0.4489573 1.439316,1.076171 1.90147,1.881641 0.475351,0.8055382 0.713026,1.7562392 0.713026,2.8522392 0,1.096 -0.237675,2.053333 -0.713026,2.872069 -0.462154,0.80547 -1.096,1.432683 -1.90147,1.881641 -0.792273,0.448957 -1.710017,0.673435 -2.753231,0.673435 z m -4.714598,3.703932 c -0.634188,0 -1.148308,-0.514051 -1.148308,-1.148239 V 8.2381538 c 0,-0.634188 0.51412,-1.1482393 1.148308,-1.1482393 h 0.06044 c 0.634188,0 1.148308,0.5140513 1.148308,1.1482393 v 1.3474188 l -0.07925,2.8126494 0.198086,2.812581 v 5.150428 c 0,0.634188 -0.51412,1.148239 -1.148308,1.148239 z m 4.437333,-5.823248 c 0.594188,0 1.122394,-0.132102 1.584547,-0.396171 0.475351,-0.264068 0.851693,-0.647042 1.129026,-1.148786 0.277265,-0.501812 0.415932,-1.089436 0.415932,-1.762872 0,-0.686632 -0.138667,-1.274256 -0.415932,-1.762803 C 47.07412,10.113778 46.697778,9.7308718 46.222427,9.466735 45.760274,9.2026667 45.232068,9.0706325 44.63788,9.0706325 c -0.594256,0 -1.129025,0.1320342 -1.604376,0.3961025 -0.475419,0.2641368 -0.85176,0.647043 -1.129025,1.148855 -0.277334,0.488547 -0.415932,1.076171 -0.415932,1.762803 0,0.673436 0.138598,1.26106 0.415932,1.762872 0.277265,0.501744 0.653606,0.884718 1.129025,1.148786 0.475351,0.264069 1.01012,0.396171 1.604376,0.396171 z",
-					"fill": "#3a3a3a",
-					"id": "path3",
-					"style": "stroke-width:0.0683761"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 53.779282,17.66694 c -0.634188,0 -1.148308,-0.514119 -1.148308,-1.148308 V 8.2381538 c 0,-0.634188 0.51412,-1.1482393 1.148308,-1.1482393 h 0.179282 c 0.634188,0 1.148308,0.5140513 1.148308,1.1482393 v 8.2804782 c 0,0.634189 -0.51412,1.148308 -1.148308,1.148308 z m 0.09956,-12.3200819 c -0.462154,0 -0.845129,-0.1452513 -1.148855,-0.4357607 -0.290462,-0.2905025 -0.435692,-0.6404307 -0.435692,-1.0497777 0,-0.4225505 0.14523,-0.7724787 0.435692,-1.0497778 0.303726,-0.2905026 0.686701,-0.4357607 1.148855,-0.4357607 0.462153,0 0.838495,0.138653 1.129025,0.4159521 0.303658,0.2640958 0.455522,0.6008205 0.455522,1.0101676 0,0.4357538 -0.145231,0.8054906 -0.435761,1.1091965 -0.290462,0.2905094 -0.673436,0.4357607 -1.148786,0.4357607 z",
-					"fill": "#3a3a3a",
-					"id": "path4",
-					"style": "stroke-width:0.0683761"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "m 60.376821,15.30988 0.05942,-3.109743 5.22106,-4.8280344 c 0.196169,-0.1814701 0.453537,-0.2821881 0.72075,-0.2821881 v 0 c 0.944752,0 1.41894,1.141265 0.752274,1.8107351 l -2.891077,2.9033164 -1.307282,1.089436 z m -0.872069,2.35706 c -0.634188,0 -1.148239,-0.514119 -1.148239,-1.148308 V 4.1182838 c 0,-0.6341812 0.514051,-1.1482872 1.148239,-1.1482872 h 0.179351 c 0.634188,0 1.148307,0.514106 1.148307,1.1482872 V 16.518632 c 0,0.634189 -0.514119,1.148308 -1.148307,1.148308 z m 7.382017,0 c -0.346598,0 -0.674666,-0.156581 -0.892718,-0.426051 l -3.517675,-4.347487 1.564786,-1.980718 3.848206,4.89641 c 0.592,0.753368 0.05538,1.857846 -0.902838,1.857846 z",
-					"fill": "#3a3a3a",
-					"id": "path5",
-					"style": "stroke-width:0.0683761"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {
-					"id": "defs6"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "paint0_linear_3874_31725",
-							"x1": "258.13101",
-							"y1": "269.78299",
-							"x2": "88.645203",
-							"y2": "75.4571",
-							"gradientUnits": "userSpaceOnUse",
-							"gradientTransform": "scale(0.06837607)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"stop-color": "#FB9341",
-									"id": "stop5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#E30D3E",
-									"id": "stop6"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "OpikIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "70.700851",
+      "height": "24",
+      "viewBox": "0 0 70.700851 24",
+      "fill": "none",
+      "version": "1.1",
+      "id": "svg6",
+      "sodipodi:docname": "opik-icon-big.svg",
+      "inkscape:version": "1.3.2 (091e20ef0f, 2023-11-25)",
+      "xmlns:inkscape": "http://www.inkscape.org/namespaces/inkscape",
+      "xmlns:sodipodi": "http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:svg": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "sodipodi:namedview",
+        "attributes": {
+          "id": "namedview6",
+          "pagecolor": "#ffffff",
+          "bordercolor": "#666666",
+          "borderopacity": "1.0",
+          "inkscape:showpageshadow": "2",
+          "inkscape:pageopacity": "0.0",
+          "inkscape:pagecheckerboard": "0",
+          "inkscape:deskcolor": "#d1d1d1",
+          "inkscape:zoom": "18.615088",
+          "inkscape:cx": "36.314629",
+          "inkscape:cy": "18.989972",
+          "inkscape:window-width": "2560",
+          "inkscape:window-height": "1371",
+          "inkscape:window-x": "0",
+          "inkscape:window-y": "0",
+          "inkscape:window-maximized": "1",
+          "inkscape:current-layer": "svg6"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "width": "70.700851",
+          "height": "24",
+          "fill": "#ffffff",
+          "id": "rect1",
+          "x": "0",
+          "y": "0",
+          "style": "stroke-width:0.0683761;fill:none"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M 14.463316,5.8949744 C 11.191179,4.456547 7.3065299,5.9932444 5.8118769,9.3932308 4.3172308,12.793231 5.8113846,16.694496 9.0834872,18.132923 c 1.3197948,0.580171 2.7316238,0.676855 4.0492308,0.364923 0.567179,-0.13429 1.135863,0.216684 1.270085,0.783863 0.134291,0.56718 -0.216615,1.135864 -0.783863,1.270154 C 11.873983,20.964923 9.9916581,20.83788 8.2340513,20.065231 3.8540444,18.139761 1.9338872,12.969778 3.8795692,8.5437949 5.8252581,4.1177778 10.932786,2.0372103 15.312752,3.9626667 c 2.672342,1.1747624 4.432069,3.564376 4.952137,6.2470423 0.110974,0.57224 -0.262974,1.126017 -0.835214,1.236992 -0.572171,0.110906 -1.126017,-0.263043 -1.236923,-0.835282 C 17.796308,8.5668376 16.46359,6.7742906 14.463316,5.8949744 Z M 18.01388,17.557812 c 0.20424,0.856752 -0.324786,1.716786 -1.181538,1.921026 -0.856752,0.204171 -1.716855,-0.324787 -1.921026,-1.181539 -0.204239,-0.856752 0.324787,-1.716855 1.181539,-1.921025 0.856752,-0.20424 1.716854,0.324786 1.921025,1.181538 z m 1.329368,-1.216547 c 1.144615,-0.272821 1.85135,-1.42188 1.57853,-2.566427 -0.272821,-1.144616 -1.421881,-1.851351 -2.566428,-1.57853 -1.144615,0.27282 -1.85135,1.421812 -1.578529,2.566427 0.27282,1.144615 1.42188,1.85135 2.566427,1.57853 z",
+          "fill": "url(#paint0_linear_3874_31725)",
+          "id": "path1",
+          "style": "fill:url(#paint0_linear_3874_31725);stroke-width:0.0683761"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 31.039658,17.805538 c -1.082803,0 -2.046769,-0.231042 -2.891897,-0.693196 -0.84506,-0.475419 -1.511932,-1.122462 -2.000479,-1.941128 -0.488615,-0.818667 -0.732855,-1.749607 -0.732855,-2.792821 0,-1.056342 0.24424,-1.987282 0.732855,-2.7928204 0.488547,-0.8186666 1.155419,-1.4590769 2.000479,-1.9212991 0.845128,-0.4621538 1.809094,-0.6931966 2.891897,-0.6931966 1.096,0 2.06653,0.2310428 2.911658,0.6931966 0.858257,0.4622222 1.525128,1.096 2.000479,1.9015385 0.488615,0.80547 0.732855,1.742974 0.732855,2.812581 0,1.043214 -0.24424,1.974154 -0.732855,2.792821 -0.475351,0.818666 -1.142222,1.465709 -2.000479,1.941128 -0.845128,0.462154 -1.815658,0.693196 -2.911658,0.693196 z m 0,-2.119316 c 0.607385,0 1.148786,-0.132102 1.624137,-0.396171 0.475419,-0.264068 0.845128,-0.647042 1.109196,-1.148786 0.277334,-0.501812 0.416,-1.089436 0.416,-1.762872 0,-0.686632 -0.138666,-1.274256 -0.416,-1.762803 -0.264068,-0.501812 -0.633777,-0.8847182 -1.109196,-1.148855 -0.475351,-0.2640683 -1.01012,-0.3961025 -1.604376,-0.3961025 -0.607385,0 -1.148787,0.1320342 -1.624137,0.3961025 -0.462222,0.2641368 -0.831932,0.647043 -1.109265,1.148855 -0.277265,0.488547 -0.415932,1.076171 -0.415932,1.762803 0,0.673436 0.138667,1.26106 0.415932,1.762872 0.277333,0.501744 0.647043,0.884718 1.109265,1.148786 0.47535,0.264069 1.01012,0.396171 1.604376,0.396171 z",
+          "fill": "#3a3a3a",
+          "id": "path2",
+          "style": "stroke-width:0.0683761"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 44.915145,17.805538 c -0.858256,0 -1.643966,-0.198017 -2.35706,-0.594188 -0.699829,-0.396171 -1.261059,-0.990359 -1.683555,-1.782632 -0.409368,-0.805539 -0.614017,-1.822291 -0.614017,-3.050325 0,-1.241231 0.198017,-2.257983 0.594188,-3.0503246 0.409367,-0.7922735 0.963966,-1.3798975 1.663795,-1.7628034 0.699829,-0.396171 1.498735,-0.5941881 2.396649,-0.5941881 1.043214,0 1.960958,0.2244787 2.753231,0.6734359 0.80547,0.4489573 1.439316,1.076171 1.90147,1.881641 0.475351,0.8055382 0.713026,1.7562392 0.713026,2.8522392 0,1.096 -0.237675,2.053333 -0.713026,2.872069 -0.462154,0.80547 -1.096,1.432683 -1.90147,1.881641 -0.792273,0.448957 -1.710017,0.673435 -2.753231,0.673435 z m -4.714598,3.703932 c -0.634188,0 -1.148308,-0.514051 -1.148308,-1.148239 V 8.2381538 c 0,-0.634188 0.51412,-1.1482393 1.148308,-1.1482393 h 0.06044 c 0.634188,0 1.148308,0.5140513 1.148308,1.1482393 v 1.3474188 l -0.07925,2.8126494 0.198086,2.812581 v 5.150428 c 0,0.634188 -0.51412,1.148239 -1.148308,1.148239 z m 4.437333,-5.823248 c 0.594188,0 1.122394,-0.132102 1.584547,-0.396171 0.475351,-0.264068 0.851693,-0.647042 1.129026,-1.148786 0.277265,-0.501812 0.415932,-1.089436 0.415932,-1.762872 0,-0.686632 -0.138667,-1.274256 -0.415932,-1.762803 C 47.07412,10.113778 46.697778,9.7308718 46.222427,9.466735 45.760274,9.2026667 45.232068,9.0706325 44.63788,9.0706325 c -0.594256,0 -1.129025,0.1320342 -1.604376,0.3961025 -0.475419,0.2641368 -0.85176,0.647043 -1.129025,1.148855 -0.277334,0.488547 -0.415932,1.076171 -0.415932,1.762803 0,0.673436 0.138598,1.26106 0.415932,1.762872 0.277265,0.501744 0.653606,0.884718 1.129025,1.148786 0.475351,0.264069 1.01012,0.396171 1.604376,0.396171 z",
+          "fill": "#3a3a3a",
+          "id": "path3",
+          "style": "stroke-width:0.0683761"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 53.779282,17.66694 c -0.634188,0 -1.148308,-0.514119 -1.148308,-1.148308 V 8.2381538 c 0,-0.634188 0.51412,-1.1482393 1.148308,-1.1482393 h 0.179282 c 0.634188,0 1.148308,0.5140513 1.148308,1.1482393 v 8.2804782 c 0,0.634189 -0.51412,1.148308 -1.148308,1.148308 z m 0.09956,-12.3200819 c -0.462154,0 -0.845129,-0.1452513 -1.148855,-0.4357607 -0.290462,-0.2905025 -0.435692,-0.6404307 -0.435692,-1.0497777 0,-0.4225505 0.14523,-0.7724787 0.435692,-1.0497778 0.303726,-0.2905026 0.686701,-0.4357607 1.148855,-0.4357607 0.462153,0 0.838495,0.138653 1.129025,0.4159521 0.303658,0.2640958 0.455522,0.6008205 0.455522,1.0101676 0,0.4357538 -0.145231,0.8054906 -0.435761,1.1091965 -0.290462,0.2905094 -0.673436,0.4357607 -1.148786,0.4357607 z",
+          "fill": "#3a3a3a",
+          "id": "path4",
+          "style": "stroke-width:0.0683761"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "m 60.376821,15.30988 0.05942,-3.109743 5.22106,-4.8280344 c 0.196169,-0.1814701 0.453537,-0.2821881 0.72075,-0.2821881 v 0 c 0.944752,0 1.41894,1.141265 0.752274,1.8107351 l -2.891077,2.9033164 -1.307282,1.089436 z m -0.872069,2.35706 c -0.634188,0 -1.148239,-0.514119 -1.148239,-1.148308 V 4.1182838 c 0,-0.6341812 0.514051,-1.1482872 1.148239,-1.1482872 h 0.179351 c 0.634188,0 1.148307,0.514106 1.148307,1.1482872 V 16.518632 c 0,0.634189 -0.514119,1.148308 -1.148307,1.148308 z m 7.382017,0 c -0.346598,0 -0.674666,-0.156581 -0.892718,-0.426051 l -3.517675,-4.347487 1.564786,-1.980718 3.848206,4.89641 c 0.592,0.753368 0.05538,1.857846 -0.902838,1.857846 z",
+          "fill": "#3a3a3a",
+          "id": "path5",
+          "style": "stroke-width:0.0683761"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {
+          "id": "defs6"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "paint0_linear_3874_31725",
+              "x1": "258.13101",
+              "y1": "269.78299",
+              "x2": "88.645203",
+              "y2": "75.4571",
+              "gradientUnits": "userSpaceOnUse",
+              "gradientTransform": "scale(0.06837607)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "stop-color": "#FB9341",
+                  "id": "stop5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#E30D3E",
+                  "id": "stop6"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "OpikIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx b/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
index 298df57b37..affc4f5714 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './OpikIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './OpikIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/PhoenixIcon.json b/web/app/components/base/icons/src/public/tracing/PhoenixIcon.json
index c02847bc03..c36d535538 100644
--- a/web/app/components/base/icons/src/public/tracing/PhoenixIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/PhoenixIcon.json
@@ -1,853 +1,853 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"id": "Layer_2",
-			"data-name": "Layer 2",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"viewBox": "0 0 74 16",
-			"width": "74",
-			"height": "16"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient",
-							"x1": "6.05",
-							"y1": ".98",
-							"x2": "13.18",
-							"y2": "13.34",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#11bab5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".5",
-									"stop-color": "#00adee"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#0094c5"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-2",
-							"x1": "12.99",
-							"y1": "10.87",
-							"x2": "6.97",
-							"y2": ".45",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#fcfdff",
-									"stop-opacity": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".12",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".17"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".3",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".42"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".47",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".63"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".64",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".79"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".78",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".9"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".91",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".97"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#fcfdff"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-3",
-							"x1": "11.21",
-							"y1": "10.8",
-							"x2": "6.88",
-							"y2": "3.29",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-4",
-							"x1": "10.62",
-							"y1": "11.35",
-							"x2": "8.2",
-							"y2": "7.16",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-5",
-							"x1": "10.72",
-							"y1": "12.2",
-							"x2": "9.21",
-							"y2": "9.59",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-6",
-							"x1": "8.17",
-							"y1": "11.96",
-							"x2": "8.17",
-							"y2": "14.71",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".03",
-									"stop-color": "#231f20",
-									"stop-opacity": ".9"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".22",
-									"stop-color": "#231f20",
-									"stop-opacity": ".4"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".42",
-									"stop-color": "#231f20",
-									"stop-opacity": ".1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".65",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "Fade_to_Black_2",
-							"data-name": "Fade to Black 2",
-							"x1": "11.26",
-							"y1": "11.7",
-							"x2": "11.26",
-							"y2": "13.1",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-7",
-							"x1": "11.94",
-							"y1": "8.07",
-							"x2": "11.94",
-							"y2": "6.92",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".03",
-									"stop-color": "#231f20",
-									"stop-opacity": ".95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".51",
-									"stop-color": "#231f20",
-									"stop-opacity": ".26"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".81",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-8",
-							"x1": "14.45",
-							"y1": "8.92",
-							"x2": "14.45",
-							"y2": "6.14",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".18",
-									"stop-color": "#231f20",
-									"stop-opacity": ".48"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".38",
-									"stop-color": "#231f20",
-									"stop-opacity": ".12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".58",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "Fade_to_Black_2-2",
-							"data-name": "Fade to Black 2",
-							"x1": "17.03",
-							"y1": "11.1",
-							"x2": "16.07",
-							"y2": "9.44",
-							"xlink:href": "#Fade_to_Black_2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-9",
-							"x1": "17.8",
-							"y1": "10.64",
-							"x2": "16.36",
-							"y2": "8.16",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-10",
-							"x1": "14.07",
-							"y1": "10.22",
-							"x2": "16.16",
-							"y2": "9.02",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".31",
-									"stop-color": "#231f20",
-									"stop-opacity": ".5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".67",
-									"stop-color": "#231f20",
-									"stop-opacity": ".13"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Layer_1-2",
-					"data-name": "Layer 1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"style": "fill: none;",
-							"y": ".02",
-							"width": "74",
-							"height": "16"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Phoenix_horiz_-_gradient",
-							"data-name": "Phoenix horiz - gradient"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient);",
-									"d": "M17.91,10c-.04-.19-.14-.36-.28-.51-.06-.06-.12-.11-.19-.16-.03-.02-.07-.05-.1-.07-.04-.03-.09-.05-.14-.08-.19-.09-.34-.19-.48-.29-.06-.04-.11-.09-.16-.13-.12-.11-.21-.2-.27-.3-.02-.03-.04-.07-.05-.1,0-.01-.02-.03-.03-.04-.02-.02-.05-.02-.08-.02-.04,0-.08.04-.08.09,0,.03,0,.07,0,.11,0,.02,0,.04-.03.05,0,0,0,0-.02,0-.03,0-.06.02-.07.04-.02.02-.02.05-.02.08,0,.03.01.04.02.06h0s0,.03.01.04c.01.03.03.05.05.08.03.05.07.09.11.15.01.02.02.04,0,.06-.01.02-.03.03-.05.03-.25-.03-.46-.09-.67-.16-.02,0-.05-.02-.07-.03-.18-.08.15-.41.3-.64.66-1.02.8-2.19.81-3.38,0-1.15-.12-2.27-.35-3.39h0c-.15-.94-.27-1.29-.35-1.42-.02-.03-.04-.06-.06-.07-.02-.01-.03,0-.03,0-.04,0-.09.04-.15.1-.25.26-.23.57-.17.89.31,1.47.55,2.95.44,4.47-.07,1.04-.27,2.05-1,2.86-.04.05-.09.1-.14.14-.05.05-.14.16-.2.11-.08-.06,0-.18.02-.24.43-1,.55-2.05.48-3.12,0-.02,0-.05,0-.07h0s0-.04,0-.06c-.01-.14-.02-.28-.04-.43-.18-1.71-.4-1.82-.4-1.82h0s-.03-.02-.06-.03c-.12-.02-.18.08-.23.15-.23.35-.13.72-.05,1.08.26,1.28.27,2.55-.18,3.79-.04.11-.09.22-.14.33-.05.12-.09.26-.28.2-.18-.06-.13-.19-.1-.31.06-.31.11-.62.14-.93h0s0-.06,0-.09c0-.05,0-.11.01-.16,0-.05,0-.09,0-.13,0-.02,0-.04,0-.07.04-.99-.13-1.44-.19-1.57,0-.02-.01-.03-.02-.04h0s0,0,0,0c-.07-.1-.17-.09-.27,0-.17.17-.27.37-.22.62.13.74.05,1.46-.08,2.19-.02.1-.06.27-.27.23-.14-.03-.17-.09-.18-.21,0-.09,0-.19,0-.28,0,0,0,0,0,0h0s0-.03,0-.04h0s0-.01,0-.02c0-.13-.02-.25-.03-.38,0-.01,0-.02,0-.04-.08-.71-.18-.78-.18-.78-.07-.09-.17-.07-.26.02-.17.17-.26.37-.22.62.03.19.02.13.04.29.01.08.03.23.03.28,0,.04-.01.08-.04.11-.09.09-.23,0-.34-.05-2.08-.86-3.86-2.07-5.42-3.6-.61-.62-1.65-1.88-1.65-1.88h0s-.09-.07-.16-.04c-.14.06-.13.23-.14.38-.02.29.13.51.3.7,2.35,2.74,5.21,4.71,8.67,5.69l.62.16s.01,0,.02,0c0,0,0,0,0,0l.54.14h.01s-.04.01-.06.02c-.59.12-1.76-.1-2.69-.32-.46-.1-.92-.22-1.36-.36-.02,0-.03,0-.03,0h0c-1.73-.55-3.32-1.44-4.7-2.81-.13-.13-.25-.27-.37-.41-.11-.13-.34-.4-.41-.5,0-.01-.02-.02-.03-.03h0s0,0,0,0c-.02-.02-.05-.04-.09-.03-.1.02-.12.12-.14.21-.07.34.04.62.26.88,1.42,1.59,3.2,2.61,5.21,3.28,1.14.38,2.31.61,3.5.76-.71.23-1.44.3-2.18.28-1.43-.04-2.77-.38-4.03-.99-.46-.24-.9-.5-1.01-.58-.07-.04-.13-.07-.2-.02-.13.1-.04.27,0,.4.08.26.25.43.49.55,2.05,1.08,4.22,1.52,6.52,1.13.23-.04.45-.08.7-.16-.39.33-.83.55-1.3.72-1.44.53-2.88.51-4.31.15-.46-.12-.99-.32-.99-.32h0c-.08-.03-.15-.05-.21.04-.1.15-.01.3.08.45.21.33.63.36.95.48.11.04-.19.24-.29.31-.47.36-.94.69-1.41,1.04l-.31.23h0c-.05.04-.1.08-.08.15.03.09.12.1.2.12.34.07.62-.04.89-.24.57-.43,1.15-.84,1.71-1.28.21-.17.4-.15.7-.08-.73.55-1.4,1.06-2.08,1.57-.69.52-1.38,1.04-2.07,1.56l-.46.34s-.01,0-.02.01h0s0,0,0,0c-.04.03-.07.07-.06.11.02.1.14.13.24.15.41.07.66-.08.94-.29,1.39-1.05,2.79-2.09,4.18-3.14.31-.24.63-.37,1.08-.32-.38.29-.75.56-1.11.83l-.98.73s-.01.01-.02.02h0c-.05.04-.09.09-.07.16.04.13.19.15.33.17.24.04.45-.05.64-.19.11-.08.22-.16.33-.24h0s1.5-1.19,1.5-1.19c0,0,.35-.25.76-.49.04-.02.07-.05.11-.07.02,0,.05-.02.11-.05.04-.02.09-.05.13-.07.06-.03.14-.07.22-.12.24-.1.93-.42,1.51-1.03.27-.21.66-.48.95-.62h0s0,0,0,0c.02-.01.04-.02.07-.03h0s0,0,0,0c.01,0,.03-.01.04-.01h.04c.11-.05.28-.06.31.18,0,.06,0,.12,0,.18,0,.05-.01.1-.02.14,0,.04,0,.08.04.1,0,0,.01,0,.02,0,.04.02.09.01.12-.02.01-.01.02-.03.04-.04.15-.15.3-.26.45-.33.23-.1.47-.1.72,0,.12.05.23.11.34.19.05.03.1.07.14.12.03.03.06.05.08.08h0s.02.02.02.02c0,0,0,0,.01.01.02.02.05.02.08.02.03,0,.06-.03.07-.06,0,0,0-.01,0-.02.07-.21.09-.4.04-.59Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M13.48,7.75c-.02.1-.03.21-.05.31.02-.1.04-.21.05-.31h0Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M15.33,8.9s.02,0,.02,0c0,0-.02,0-.02,0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "14.46 8.33 14.46 8.33 14.46 8.33"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "14.48 8.26 14.48 8.26 14.48 8.26"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "14.49 8.25 14.49 8.25 14.49 8.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "15.64 8.25 15.63 8.25 15.64 8.25"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M13.81,8.17s-.02.06-.04.08c.01-.03.02-.06.04-.08"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "12.57 8.11 12.57 8.11 12.57 8.11"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "12.39 8.03 12.39 8.03 12.39 8.03"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "12.39 8.03 12.39 8.03 12.39 8.03"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "12.39 8.03 12.39 8.03 12.39 8.03"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "12.38 8.02 12.38 8.03 12.38 8.02"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "12.38 8.02 12.38 8.02 12.38 8.02"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "12.35 7.89 12.35 7.89 12.35 7.89"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M12.81,7.81s0,.04-.01.06c0-.02,0-.04.01-.06"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M11.67,7.67s-.03.02-.05.03c.02,0,.03-.02.05-.03"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #e5b3a5;",
-									"d": "M12.39,8.03s.03.03.05.04h0s-.03-.03-.05-.04M12.39,8.03s0,0,0,0c0,0,0,0,0,0M12.39,8.03s0,0,0,0c0,0,0,0,0,0M12.38,8.03s0,0,0,0c0,0,0,0,0,0M12.38,8.02s0,0,0,0c0,0,0,0,0,0M12.38,8.02s0,0,0,0c0,0,0,0,0,0M12.35,7.89s0,0,0,0c0,0,0,0,0,0M12.35,7.89h0s0,0,0,0c0,0,0,0,0,0M11.45,7.68s0,0,0,0c.04.02.09.03.13.03.02,0,.03,0,.05,0-.02,0-.03,0-.05,0-.04,0-.09-.02-.13-.03M12.34,7.54s0,0,0,0c0,0,0,0,0,0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #e5b3a5;",
-									"d": "M15.35,8.91s0,0,.01,0h0s0,0-.01,0M14.52,8.58s0,0,0,0c0,0,0,0,0,0M14.39,8.51s.01.06.04.08c.01,0,.02.01.03.01.02,0,.04,0,.05-.02-.02.01-.04.02-.05.02-.01,0-.02,0-.03-.01-.03-.02-.04-.05-.04-.08M14.46,8.33s0,0,0,.01c0,0,0,0,0-.01M14.48,8.26s-.02.05-.03.07c0-.02.02-.05.03-.07M14.49,8.25s0,0,0,0c0,0,0,0,0,0M15.63,8.25s0,0,0,0c0,0,0,0,0,0M15.64,8.24s0,0,0,0c0,0,0,0,0,0M14.49,8.24s0,0,0,0c0,0,0,0,0,0M13.4,8.21c0,.07.03.13.13.16.03.01.06.01.08.01.09,0,.13-.06.16-.13-.03.07-.07.13-.16.13-.02,0-.05,0-.08-.01-.1-.03-.13-.09-.13-.16M12.57,8.11h0,0M12.74,8.04s-.08.07-.14.07c0,0-.01,0-.02,0,0,0,.01,0,.02,0,.07,0,.11-.03.14-.07M14.05,7.54s0,0,0,0c-.03.1-.06.2-.1.3-.04.11-.09.22-.14.33h0c.05-.11.1-.22.14-.33.04-.1.07-.2.1-.3M12.87,7.49c-.02.11-.03.22-.05.33.02-.11.04-.22.06-.33h0M15.52,6.97s0,0,0,0c-.15.49-.38.95-.75,1.36-.04.05-.09.1-.14.14h0s.09-.09.14-.14c.37-.41.6-.87.75-1.36"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-2); opacity: .4;",
-									"d": "M4.17,2.09s-.04,0-.06.01c-.1.04-.12.14-.13.25.52.68,2.56,3.18,5.78,4.9,0,0,3.15,1.66,6.32,1.84-.25-.03-.46-.09-.67-.16-.01,0-.02,0-.04-.01h0c-1.15-.25-2.13-.56-2.83-.81.01,0,.03,0,.04,0-.01,0-.03,0-.04,0-.04,0-.07-.02-.1-.04-.55-.2-.9-.35-.98-.39-.04-.02-.08-.04-.12-.05-2.08-.86-3.86-2.07-5.42-3.6-.61-.62-1.65-1.88-1.65-1.88h0s-.06-.05-.1-.05"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-3); opacity: .4;",
-									"d": "M4.39,4.75s-.01,0-.02,0c-.1.02-.12.12-.14.21,0,.02,0,.03,0,.05,1.61,2.18,3.77,3.07,3.77,3.07,2.15,1.01,3.92,1.22,5,1.22.45,0,.77-.04.96-.06-.09,0-.18.01-.28.01-.63,0-1.53-.17-2.29-.35-.46-.1-.92-.22-1.36-.36-.02,0-.03,0-.03,0h0c-1.73-.55-3.32-1.44-4.7-2.81-.13-.13-.25-.27-.37-.41-.11-.13-.34-.4-.41-.5,0-.01-.02-.02-.03-.03h0s0,0,0,0c-.02-.02-.04-.03-.07-.03"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-4); opacity: .4",
-									"d": "M5.86,8.53s-.05,0-.08.03c-.11.08-.06.22-.02.35.81.49,2.66,1.44,4.84,1.44.83,0,1.7-.14,2.59-.48-.64.21-1.3.28-1.96.28-.07,0-.15,0-.22,0-1.43-.04-2.77-.38-4.03-.99-.46-.24-.9-.5-1.01-.58-.04-.03-.08-.05-.12-.05"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-5); opacity: .4;",
-									"d": "M13.34,10.6c-.35.27-.75.46-1.16.61-.77.28-1.55.41-2.32.41-.67,0-1.33-.09-1.99-.26-.46-.12-.99-.32-.99-.32h0s-.07-.03-.1-.03c-.04,0-.08.02-.11.06-.05.07-.05.14-.04.21.51.24,1.6.66,2.93.66,1.15,0,2.49-.32,3.78-1.34"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-6); opacity: .4;",
-									"d": "M9.91,12.25c-1.25,0-2.19-.25-2.31-.29.04.01.07.02.1.03.11.04-.19.24-.29.31-.35.27-.69.52-1.04.77h1.06c.33-.25.67-.5.99-.75.12-.1.24-.13.37-.13.1,0,.2.02.33.05-.73.55-1.4,1.06-2.08,1.57-.4.3-.79.6-1.19.9h1.07c.96-.72,1.92-1.44,2.87-2.16.22-.17.44-.28.71-.32-.2.01-.4.02-.58.02Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#Fade_to_Black_2); opacity: .4;",
-									"d": "M9.69,13.1h1.03l.76-.6s.35-.25.76-.49c.04-.02.07-.05.11-.07.02,0,.05-.02.11-.05.04-.02.09-.05.13-.07.07-.03.15-.08.23-.12-.73.31-1.49.46-2.18.52,0,0,.02,0,.03,0,.06,0,.12,0,.18.01-.38.29-.75.56-1.11.83l-.06.05Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-7); opacity: .4;",
-									"d": "M12.35,7.89c0-.09,0-.19,0-.28h0s0,0,0,0c0-.01,0-.03,0-.04h0s0-.02,0-.02c0-.08,0-.16-.02-.23-.25-.1-.48-.24-.69-.39,0,.02,0,.04,0,.07.03.19.02.13.04.29.01.08.03.23.03.28,0,.04-.01.08-.04.11-.03.03-.06.04-.09.04-.04,0-.09-.02-.13-.03.08.04.43.19.98.39-.06-.04-.08-.09-.08-.18Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-8); opacity: .4;",
-									"d": "M16.36,6.14c-.23.32-.51.6-.84.83-.15.49-.38.95-.75,1.36-.04.05-.09.1-.14.14-.05.04-.11.12-.17.12-.01,0-.02,0-.03-.01-.08-.06,0-.18.02-.24.14-.32.24-.65.32-.98-.23.09-.47.15-.72.18-.03.1-.06.2-.1.3-.04.11-.09.22-.14.33-.05.1-.08.21-.2.21-.02,0-.05,0-.08-.01-.18-.06-.13-.19-.1-.31.03-.16.06-.32.08-.49-.22,0-.43-.04-.64-.08-.02.13-.04.26-.07.39-.02.09-.05.24-.21.24-.02,0-.04,0-.06,0,.69.25,1.68.56,2.83.81h0s-.02,0-.03-.01c-.18-.08.15-.41.3-.64.43-.66.64-1.37.73-2.12Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#Fade_to_Black_2-2); opacity: .5;",
-									"d": "M16.19,9.7c-.14,0-.29.01-.43.04-.03,0-.05,0-.08,0-.04,0-.08,0-.11-.02,0,0,.01.01.02.02.06.09.1.18.11.28.02.02.03.04.04.07h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0t0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,.05,0,.07c0,.04,0,.07,0,.11,0,.05-.01.1-.02.14,0,0,0,.01,0,.02,0,.03.02.06.04.08h.02s.03.02.05.02c.03,0,.06-.01.08-.03.01-.01.02-.03.04-.04.15-.15.3-.26.45-.33.12-.05.23-.07.35-.07s.24.02.36.07c.12.05.23.11.34.19.05.03.1.07.14.12.03.03.06.05.08.08h0s.02.02.02.02h.01s.04.03.06.03c-.1-.21-.22-.41-.4-.56-.33-.29-.75-.41-1.18-.41"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-9); opacity: .4;",
-									"d": "M16.15,8.3h-.02s-.08.05-.08.09c0,.03,0,.07,0,.11,0,.01,0,.02,0,.03.18.26.56.73,1.15.91,0,0,.91.47.68,1.16h0v-.02c.08-.21.09-.4.05-.59-.04-.19-.14-.36-.28-.51-.06-.06-.12-.11-.19-.16-.03-.02-.07-.05-.1-.07-.04-.03-.09-.05-.14-.08-.19-.09-.34-.19-.48-.29-.06-.04-.11-.09-.16-.13-.12-.11-.21-.2-.27-.3-.02-.03-.04-.07-.05-.1,0-.01-.02-.03-.03-.04-.02-.01-.04-.02-.06-.02"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-10); opacity: .5;",
-									"d": "M15,10.21l.18-.11.77-1.03s-.42-.08-.63-.17c0,0-.21.96-.99,1.77l.29-.21c.11-.08.22-.15.38-.25Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M25.33,4.73h1.97c1.42,0,2.07.73,2.07,2.23v.74c0,1.5-.65,2.23-2.07,2.23h-1.14v4.09h-.82V4.73ZM27.3,9.19c.86,0,1.25-.39,1.25-1.44v-.84c0-1.04-.39-1.44-1.25-1.44h-1.14v3.71h1.14Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M32.4,4.73h.82v4.08h2.54v-4.08h.82v9.3h-.82v-4.48h-2.54v4.48h-.82V4.73Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M39.82,11.9v-5.02c0-1.48.74-2.27,2.09-2.27s2.09.8,2.09,2.27v5.02c0,1.48-.74,2.27-2.09,2.27s-2.09-.8-2.09-2.27ZM43.17,11.95v-5.13c0-1-.45-1.48-1.26-1.48s-1.26.48-1.26,1.48v5.13c0,1,.45,1.46,1.26,1.46s1.26-.47,1.26-1.46Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M47.23,4.73h3.72v.74h-2.9v3.34h2.38v.74h-2.38v3.72h2.9v.76h-3.72V4.73Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M53.93,4.73h1.09l2.42,7.19v-7.19h.77v9.3h-.88l-2.64-7.93v7.93h-.76V4.73Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M61.55,4.73h.82v9.3h-.82V4.73Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M67.19,9.29l-1.82-4.56h.88l1.46,3.69,1.48-3.69h.8l-1.82,4.56,1.9,4.74h-.88l-1.54-3.91-1.55,3.91h-.8l1.9-4.74Z"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PhoenixIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "id": "Layer_2",
+      "data-name": "Layer 2",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "viewBox": "0 0 74 16",
+      "width": "74",
+      "height": "16"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient",
+              "x1": "6.05",
+              "y1": ".98",
+              "x2": "13.18",
+              "y2": "13.34",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#11bab5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".5",
+                  "stop-color": "#00adee"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#0094c5"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-2",
+              "x1": "12.99",
+              "y1": "10.87",
+              "x2": "6.97",
+              "y2": ".45",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".12",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".17"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".3",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".42"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".47",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".63"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".64",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".79"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".78",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".9"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".91",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".97"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#fcfdff"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-3",
+              "x1": "11.21",
+              "y1": "10.8",
+              "x2": "6.88",
+              "y2": "3.29",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-4",
+              "x1": "10.62",
+              "y1": "11.35",
+              "x2": "8.2",
+              "y2": "7.16",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-5",
+              "x1": "10.72",
+              "y1": "12.2",
+              "x2": "9.21",
+              "y2": "9.59",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-6",
+              "x1": "8.17",
+              "y1": "11.96",
+              "x2": "8.17",
+              "y2": "14.71",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".03",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".9"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".22",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".4"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".42",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".65",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "Fade_to_Black_2",
+              "data-name": "Fade to Black 2",
+              "x1": "11.26",
+              "y1": "11.7",
+              "x2": "11.26",
+              "y2": "13.1",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-7",
+              "x1": "11.94",
+              "y1": "8.07",
+              "x2": "11.94",
+              "y2": "6.92",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".03",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".51",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".26"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".81",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-8",
+              "x1": "14.45",
+              "y1": "8.92",
+              "x2": "14.45",
+              "y2": "6.14",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".18",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".48"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".38",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".58",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "Fade_to_Black_2-2",
+              "data-name": "Fade to Black 2",
+              "x1": "17.03",
+              "y1": "11.1",
+              "x2": "16.07",
+              "y2": "9.44",
+              "xlink:href": "#Fade_to_Black_2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-9",
+              "x1": "17.8",
+              "y1": "10.64",
+              "x2": "16.36",
+              "y2": "8.16",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-10",
+              "x1": "14.07",
+              "y1": "10.22",
+              "x2": "16.16",
+              "y2": "9.02",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".31",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".67",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".13"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Layer_1-2",
+          "data-name": "Layer 1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "style": "fill: none;",
+              "y": ".02",
+              "width": "74",
+              "height": "16"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Phoenix_horiz_-_gradient",
+              "data-name": "Phoenix horiz - gradient"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient);",
+                  "d": "M17.91,10c-.04-.19-.14-.36-.28-.51-.06-.06-.12-.11-.19-.16-.03-.02-.07-.05-.1-.07-.04-.03-.09-.05-.14-.08-.19-.09-.34-.19-.48-.29-.06-.04-.11-.09-.16-.13-.12-.11-.21-.2-.27-.3-.02-.03-.04-.07-.05-.1,0-.01-.02-.03-.03-.04-.02-.02-.05-.02-.08-.02-.04,0-.08.04-.08.09,0,.03,0,.07,0,.11,0,.02,0,.04-.03.05,0,0,0,0-.02,0-.03,0-.06.02-.07.04-.02.02-.02.05-.02.08,0,.03.01.04.02.06h0s0,.03.01.04c.01.03.03.05.05.08.03.05.07.09.11.15.01.02.02.04,0,.06-.01.02-.03.03-.05.03-.25-.03-.46-.09-.67-.16-.02,0-.05-.02-.07-.03-.18-.08.15-.41.3-.64.66-1.02.8-2.19.81-3.38,0-1.15-.12-2.27-.35-3.39h0c-.15-.94-.27-1.29-.35-1.42-.02-.03-.04-.06-.06-.07-.02-.01-.03,0-.03,0-.04,0-.09.04-.15.1-.25.26-.23.57-.17.89.31,1.47.55,2.95.44,4.47-.07,1.04-.27,2.05-1,2.86-.04.05-.09.1-.14.14-.05.05-.14.16-.2.11-.08-.06,0-.18.02-.24.43-1,.55-2.05.48-3.12,0-.02,0-.05,0-.07h0s0-.04,0-.06c-.01-.14-.02-.28-.04-.43-.18-1.71-.4-1.82-.4-1.82h0s-.03-.02-.06-.03c-.12-.02-.18.08-.23.15-.23.35-.13.72-.05,1.08.26,1.28.27,2.55-.18,3.79-.04.11-.09.22-.14.33-.05.12-.09.26-.28.2-.18-.06-.13-.19-.1-.31.06-.31.11-.62.14-.93h0s0-.06,0-.09c0-.05,0-.11.01-.16,0-.05,0-.09,0-.13,0-.02,0-.04,0-.07.04-.99-.13-1.44-.19-1.57,0-.02-.01-.03-.02-.04h0s0,0,0,0c-.07-.1-.17-.09-.27,0-.17.17-.27.37-.22.62.13.74.05,1.46-.08,2.19-.02.1-.06.27-.27.23-.14-.03-.17-.09-.18-.21,0-.09,0-.19,0-.28,0,0,0,0,0,0h0s0-.03,0-.04h0s0-.01,0-.02c0-.13-.02-.25-.03-.38,0-.01,0-.02,0-.04-.08-.71-.18-.78-.18-.78-.07-.09-.17-.07-.26.02-.17.17-.26.37-.22.62.03.19.02.13.04.29.01.08.03.23.03.28,0,.04-.01.08-.04.11-.09.09-.23,0-.34-.05-2.08-.86-3.86-2.07-5.42-3.6-.61-.62-1.65-1.88-1.65-1.88h0s-.09-.07-.16-.04c-.14.06-.13.23-.14.38-.02.29.13.51.3.7,2.35,2.74,5.21,4.71,8.67,5.69l.62.16s.01,0,.02,0c0,0,0,0,0,0l.54.14h.01s-.04.01-.06.02c-.59.12-1.76-.1-2.69-.32-.46-.1-.92-.22-1.36-.36-.02,0-.03,0-.03,0h0c-1.73-.55-3.32-1.44-4.7-2.81-.13-.13-.25-.27-.37-.41-.11-.13-.34-.4-.41-.5,0-.01-.02-.02-.03-.03h0s0,0,0,0c-.02-.02-.05-.04-.09-.03-.1.02-.12.12-.14.21-.07.34.04.62.26.88,1.42,1.59,3.2,2.61,5.21,3.28,1.14.38,2.31.61,3.5.76-.71.23-1.44.3-2.18.28-1.43-.04-2.77-.38-4.03-.99-.46-.24-.9-.5-1.01-.58-.07-.04-.13-.07-.2-.02-.13.1-.04.27,0,.4.08.26.25.43.49.55,2.05,1.08,4.22,1.52,6.52,1.13.23-.04.45-.08.7-.16-.39.33-.83.55-1.3.72-1.44.53-2.88.51-4.31.15-.46-.12-.99-.32-.99-.32h0c-.08-.03-.15-.05-.21.04-.1.15-.01.3.08.45.21.33.63.36.95.48.11.04-.19.24-.29.31-.47.36-.94.69-1.41,1.04l-.31.23h0c-.05.04-.1.08-.08.15.03.09.12.1.2.12.34.07.62-.04.89-.24.57-.43,1.15-.84,1.71-1.28.21-.17.4-.15.7-.08-.73.55-1.4,1.06-2.08,1.57-.69.52-1.38,1.04-2.07,1.56l-.46.34s-.01,0-.02.01h0s0,0,0,0c-.04.03-.07.07-.06.11.02.1.14.13.24.15.41.07.66-.08.94-.29,1.39-1.05,2.79-2.09,4.18-3.14.31-.24.63-.37,1.08-.32-.38.29-.75.56-1.11.83l-.98.73s-.01.01-.02.02h0c-.05.04-.09.09-.07.16.04.13.19.15.33.17.24.04.45-.05.64-.19.11-.08.22-.16.33-.24h0s1.5-1.19,1.5-1.19c0,0,.35-.25.76-.49.04-.02.07-.05.11-.07.02,0,.05-.02.11-.05.04-.02.09-.05.13-.07.06-.03.14-.07.22-.12.24-.1.93-.42,1.51-1.03.27-.21.66-.48.95-.62h0s0,0,0,0c.02-.01.04-.02.07-.03h0s0,0,0,0c.01,0,.03-.01.04-.01h.04c.11-.05.28-.06.31.18,0,.06,0,.12,0,.18,0,.05-.01.1-.02.14,0,.04,0,.08.04.1,0,0,.01,0,.02,0,.04.02.09.01.12-.02.01-.01.02-.03.04-.04.15-.15.3-.26.45-.33.23-.1.47-.1.72,0,.12.05.23.11.34.19.05.03.1.07.14.12.03.03.06.05.08.08h0s.02.02.02.02c0,0,0,0,.01.01.02.02.05.02.08.02.03,0,.06-.03.07-.06,0,0,0-.01,0-.02.07-.21.09-.4.04-.59Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M13.48,7.75c-.02.1-.03.21-.05.31.02-.1.04-.21.05-.31h0Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M15.33,8.9s.02,0,.02,0c0,0-.02,0-.02,0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "14.46 8.33 14.46 8.33 14.46 8.33"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "14.48 8.26 14.48 8.26 14.48 8.26"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "14.49 8.25 14.49 8.25 14.49 8.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "15.64 8.25 15.63 8.25 15.64 8.25"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M13.81,8.17s-.02.06-.04.08c.01-.03.02-.06.04-.08"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "12.57 8.11 12.57 8.11 12.57 8.11"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "12.39 8.03 12.39 8.03 12.39 8.03"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "12.39 8.03 12.39 8.03 12.39 8.03"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "12.39 8.03 12.39 8.03 12.39 8.03"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "12.38 8.02 12.38 8.03 12.38 8.02"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "12.38 8.02 12.38 8.02 12.38 8.02"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "12.35 7.89 12.35 7.89 12.35 7.89"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M12.81,7.81s0,.04-.01.06c0-.02,0-.04.01-.06"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M11.67,7.67s-.03.02-.05.03c.02,0,.03-.02.05-.03"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #e5b3a5;",
+                  "d": "M12.39,8.03s.03.03.05.04h0s-.03-.03-.05-.04M12.39,8.03s0,0,0,0c0,0,0,0,0,0M12.39,8.03s0,0,0,0c0,0,0,0,0,0M12.38,8.03s0,0,0,0c0,0,0,0,0,0M12.38,8.02s0,0,0,0c0,0,0,0,0,0M12.38,8.02s0,0,0,0c0,0,0,0,0,0M12.35,7.89s0,0,0,0c0,0,0,0,0,0M12.35,7.89h0s0,0,0,0c0,0,0,0,0,0M11.45,7.68s0,0,0,0c.04.02.09.03.13.03.02,0,.03,0,.05,0-.02,0-.03,0-.05,0-.04,0-.09-.02-.13-.03M12.34,7.54s0,0,0,0c0,0,0,0,0,0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #e5b3a5;",
+                  "d": "M15.35,8.91s0,0,.01,0h0s0,0-.01,0M14.52,8.58s0,0,0,0c0,0,0,0,0,0M14.39,8.51s.01.06.04.08c.01,0,.02.01.03.01.02,0,.04,0,.05-.02-.02.01-.04.02-.05.02-.01,0-.02,0-.03-.01-.03-.02-.04-.05-.04-.08M14.46,8.33s0,0,0,.01c0,0,0,0,0-.01M14.48,8.26s-.02.05-.03.07c0-.02.02-.05.03-.07M14.49,8.25s0,0,0,0c0,0,0,0,0,0M15.63,8.25s0,0,0,0c0,0,0,0,0,0M15.64,8.24s0,0,0,0c0,0,0,0,0,0M14.49,8.24s0,0,0,0c0,0,0,0,0,0M13.4,8.21c0,.07.03.13.13.16.03.01.06.01.08.01.09,0,.13-.06.16-.13-.03.07-.07.13-.16.13-.02,0-.05,0-.08-.01-.1-.03-.13-.09-.13-.16M12.57,8.11h0,0M12.74,8.04s-.08.07-.14.07c0,0-.01,0-.02,0,0,0,.01,0,.02,0,.07,0,.11-.03.14-.07M14.05,7.54s0,0,0,0c-.03.1-.06.2-.1.3-.04.11-.09.22-.14.33h0c.05-.11.1-.22.14-.33.04-.1.07-.2.1-.3M12.87,7.49c-.02.11-.03.22-.05.33.02-.11.04-.22.06-.33h0M15.52,6.97s0,0,0,0c-.15.49-.38.95-.75,1.36-.04.05-.09.1-.14.14h0s.09-.09.14-.14c.37-.41.6-.87.75-1.36"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-2); opacity: .4;",
+                  "d": "M4.17,2.09s-.04,0-.06.01c-.1.04-.12.14-.13.25.52.68,2.56,3.18,5.78,4.9,0,0,3.15,1.66,6.32,1.84-.25-.03-.46-.09-.67-.16-.01,0-.02,0-.04-.01h0c-1.15-.25-2.13-.56-2.83-.81.01,0,.03,0,.04,0-.01,0-.03,0-.04,0-.04,0-.07-.02-.1-.04-.55-.2-.9-.35-.98-.39-.04-.02-.08-.04-.12-.05-2.08-.86-3.86-2.07-5.42-3.6-.61-.62-1.65-1.88-1.65-1.88h0s-.06-.05-.1-.05"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-3); opacity: .4;",
+                  "d": "M4.39,4.75s-.01,0-.02,0c-.1.02-.12.12-.14.21,0,.02,0,.03,0,.05,1.61,2.18,3.77,3.07,3.77,3.07,2.15,1.01,3.92,1.22,5,1.22.45,0,.77-.04.96-.06-.09,0-.18.01-.28.01-.63,0-1.53-.17-2.29-.35-.46-.1-.92-.22-1.36-.36-.02,0-.03,0-.03,0h0c-1.73-.55-3.32-1.44-4.7-2.81-.13-.13-.25-.27-.37-.41-.11-.13-.34-.4-.41-.5,0-.01-.02-.02-.03-.03h0s0,0,0,0c-.02-.02-.04-.03-.07-.03"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-4); opacity: .4",
+                  "d": "M5.86,8.53s-.05,0-.08.03c-.11.08-.06.22-.02.35.81.49,2.66,1.44,4.84,1.44.83,0,1.7-.14,2.59-.48-.64.21-1.3.28-1.96.28-.07,0-.15,0-.22,0-1.43-.04-2.77-.38-4.03-.99-.46-.24-.9-.5-1.01-.58-.04-.03-.08-.05-.12-.05"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-5); opacity: .4;",
+                  "d": "M13.34,10.6c-.35.27-.75.46-1.16.61-.77.28-1.55.41-2.32.41-.67,0-1.33-.09-1.99-.26-.46-.12-.99-.32-.99-.32h0s-.07-.03-.1-.03c-.04,0-.08.02-.11.06-.05.07-.05.14-.04.21.51.24,1.6.66,2.93.66,1.15,0,2.49-.32,3.78-1.34"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-6); opacity: .4;",
+                  "d": "M9.91,12.25c-1.25,0-2.19-.25-2.31-.29.04.01.07.02.1.03.11.04-.19.24-.29.31-.35.27-.69.52-1.04.77h1.06c.33-.25.67-.5.99-.75.12-.1.24-.13.37-.13.1,0,.2.02.33.05-.73.55-1.4,1.06-2.08,1.57-.4.3-.79.6-1.19.9h1.07c.96-.72,1.92-1.44,2.87-2.16.22-.17.44-.28.71-.32-.2.01-.4.02-.58.02Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#Fade_to_Black_2); opacity: .4;",
+                  "d": "M9.69,13.1h1.03l.76-.6s.35-.25.76-.49c.04-.02.07-.05.11-.07.02,0,.05-.02.11-.05.04-.02.09-.05.13-.07.07-.03.15-.08.23-.12-.73.31-1.49.46-2.18.52,0,0,.02,0,.03,0,.06,0,.12,0,.18.01-.38.29-.75.56-1.11.83l-.06.05Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-7); opacity: .4;",
+                  "d": "M12.35,7.89c0-.09,0-.19,0-.28h0s0,0,0,0c0-.01,0-.03,0-.04h0s0-.02,0-.02c0-.08,0-.16-.02-.23-.25-.1-.48-.24-.69-.39,0,.02,0,.04,0,.07.03.19.02.13.04.29.01.08.03.23.03.28,0,.04-.01.08-.04.11-.03.03-.06.04-.09.04-.04,0-.09-.02-.13-.03.08.04.43.19.98.39-.06-.04-.08-.09-.08-.18Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-8); opacity: .4;",
+                  "d": "M16.36,6.14c-.23.32-.51.6-.84.83-.15.49-.38.95-.75,1.36-.04.05-.09.1-.14.14-.05.04-.11.12-.17.12-.01,0-.02,0-.03-.01-.08-.06,0-.18.02-.24.14-.32.24-.65.32-.98-.23.09-.47.15-.72.18-.03.1-.06.2-.1.3-.04.11-.09.22-.14.33-.05.1-.08.21-.2.21-.02,0-.05,0-.08-.01-.18-.06-.13-.19-.1-.31.03-.16.06-.32.08-.49-.22,0-.43-.04-.64-.08-.02.13-.04.26-.07.39-.02.09-.05.24-.21.24-.02,0-.04,0-.06,0,.69.25,1.68.56,2.83.81h0s-.02,0-.03-.01c-.18-.08.15-.41.3-.64.43-.66.64-1.37.73-2.12Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#Fade_to_Black_2-2); opacity: .5;",
+                  "d": "M16.19,9.7c-.14,0-.29.01-.43.04-.03,0-.05,0-.08,0-.04,0-.08,0-.11-.02,0,0,.01.01.02.02.06.09.1.18.11.28.02.02.03.04.04.07h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0t0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,.05,0,.07c0,.04,0,.07,0,.11,0,.05-.01.1-.02.14,0,0,0,.01,0,.02,0,.03.02.06.04.08h.02s.03.02.05.02c.03,0,.06-.01.08-.03.01-.01.02-.03.04-.04.15-.15.3-.26.45-.33.12-.05.23-.07.35-.07s.24.02.36.07c.12.05.23.11.34.19.05.03.1.07.14.12.03.03.06.05.08.08h0s.02.02.02.02h.01s.04.03.06.03c-.1-.21-.22-.41-.4-.56-.33-.29-.75-.41-1.18-.41"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-9); opacity: .4;",
+                  "d": "M16.15,8.3h-.02s-.08.05-.08.09c0,.03,0,.07,0,.11,0,.01,0,.02,0,.03.18.26.56.73,1.15.91,0,0,.91.47.68,1.16h0v-.02c.08-.21.09-.4.05-.59-.04-.19-.14-.36-.28-.51-.06-.06-.12-.11-.19-.16-.03-.02-.07-.05-.1-.07-.04-.03-.09-.05-.14-.08-.19-.09-.34-.19-.48-.29-.06-.04-.11-.09-.16-.13-.12-.11-.21-.2-.27-.3-.02-.03-.04-.07-.05-.1,0-.01-.02-.03-.03-.04-.02-.01-.04-.02-.06-.02"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-10); opacity: .5;",
+                  "d": "M15,10.21l.18-.11.77-1.03s-.42-.08-.63-.17c0,0-.21.96-.99,1.77l.29-.21c.11-.08.22-.15.38-.25Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {},
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M25.33,4.73h1.97c1.42,0,2.07.73,2.07,2.23v.74c0,1.5-.65,2.23-2.07,2.23h-1.14v4.09h-.82V4.73ZM27.3,9.19c.86,0,1.25-.39,1.25-1.44v-.84c0-1.04-.39-1.44-1.25-1.44h-1.14v3.71h1.14Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M32.4,4.73h.82v4.08h2.54v-4.08h.82v9.3h-.82v-4.48h-2.54v4.48h-.82V4.73Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M39.82,11.9v-5.02c0-1.48.74-2.27,2.09-2.27s2.09.8,2.09,2.27v5.02c0,1.48-.74,2.27-2.09,2.27s-2.09-.8-2.09-2.27ZM43.17,11.95v-5.13c0-1-.45-1.48-1.26-1.48s-1.26.48-1.26,1.48v5.13c0,1,.45,1.46,1.26,1.46s1.26-.47,1.26-1.46Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M47.23,4.73h3.72v.74h-2.9v3.34h2.38v.74h-2.38v3.72h2.9v.76h-3.72V4.73Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M53.93,4.73h1.09l2.42,7.19v-7.19h.77v9.3h-.88l-2.64-7.93v7.93h-.76V4.73Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M61.55,4.73h.82v9.3h-.82V4.73Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M67.19,9.29l-1.82-4.56h.88l1.46,3.69,1.48-3.69h.8l-1.82,4.56,1.9,4.74h-.88l-1.54-3.91-1.55,3.91h-.8l1.9-4.74Z"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PhoenixIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/PhoenixIcon.tsx b/web/app/components/base/icons/src/public/tracing/PhoenixIcon.tsx
index 1812f86093..181502ecae 100644
--- a/web/app/components/base/icons/src/public/tracing/PhoenixIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/PhoenixIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PhoenixIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PhoenixIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.json b/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.json
index f48a2f53ae..0494f96d5c 100644
--- a/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.json
@@ -1,853 +1,853 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"id": "Layer_2",
-			"data-name": "Layer 2",
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"viewBox": "0 0 111 24",
-			"width": "111",
-			"height": "24"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient",
-							"x1": "9.07",
-							"y1": "1.47",
-							"x2": "19.77",
-							"y2": "20",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#11bab5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".5",
-									"stop-color": "#00adee"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#0094c5"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-2",
-							"x1": "19.48",
-							"y1": "16.3",
-							"x2": "10.46",
-							"y2": ".67",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#fcfdff",
-									"stop-opacity": "0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".12",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".17"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".3",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".42"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".47",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".63"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".64",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".79"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".78",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".9"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".91",
-									"stop-color": "#fcfdff",
-									"stop-opacity": ".97"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#fcfdff"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-3",
-							"x1": "16.82",
-							"y1": "16.21",
-							"x2": "10.32",
-							"y2": "4.94",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-4",
-							"x1": "15.92",
-							"y1": "17.03",
-							"x2": "12.29",
-							"y2": "10.74",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-5",
-							"x1": "16.08",
-							"y1": "18.3",
-							"x2": "13.82",
-							"y2": "14.38",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-6",
-							"x1": "12.26",
-							"y1": "17.94",
-							"x2": "12.26",
-							"y2": "22.07",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".03",
-									"stop-color": "#231f20",
-									"stop-opacity": ".9"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".22",
-									"stop-color": "#231f20",
-									"stop-opacity": ".4"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".42",
-									"stop-color": "#231f20",
-									"stop-opacity": ".1"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".65",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "Fade_to_Black_2",
-							"data-name": "Fade to Black 2",
-							"x1": "16.89",
-							"y1": "17.55",
-							"x2": "16.89",
-							"y2": "19.66",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-7",
-							"x1": "17.91",
-							"y1": "12.1",
-							"x2": "17.91",
-							"y2": "10.38",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".03",
-									"stop-color": "#231f20",
-									"stop-opacity": ".95"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".51",
-									"stop-color": "#231f20",
-									"stop-opacity": ".26"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".81",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-8",
-							"x1": "21.67",
-							"y1": "13.37",
-							"x2": "21.67",
-							"y2": "9.21",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".18",
-									"stop-color": "#231f20",
-									"stop-opacity": ".48"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".38",
-									"stop-color": "#231f20",
-									"stop-opacity": ".12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".58",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "Fade_to_Black_2-2",
-							"data-name": "Fade to Black 2",
-							"x1": "25.54",
-							"y1": "16.65",
-							"x2": "24.1",
-							"y2": "14.16",
-							"xlink:href": "#Fade_to_Black_2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-9",
-							"x1": "26.7",
-							"y1": "15.97",
-							"x2": "24.55",
-							"y2": "12.24",
-							"xlink:href": "#linear-gradient-2"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "linearGradient",
-						"attributes": {
-							"id": "linear-gradient-10",
-							"x1": "21.11",
-							"y1": "15.34",
-							"x2": "24.24",
-							"y2": "13.53",
-							"gradientUnits": "userSpaceOnUse"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "0",
-									"stop-color": "#231f20"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".31",
-									"stop-color": "#231f20",
-									"stop-opacity": ".5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": ".67",
-									"stop-color": "#231f20",
-									"stop-opacity": ".13"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "stop",
-								"attributes": {
-									"offset": "1",
-									"stop-color": "#231f20",
-									"stop-opacity": "0"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Layer_1-2",
-					"data-name": "Layer 1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "rect",
-						"attributes": {
-							"style": "fill: none;",
-							"y": ".04",
-							"width": "111",
-							"height": "24"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Phoenix_horiz_-_gradient",
-							"data-name": "Phoenix horiz - gradient"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient);",
-									"d": "M26.87,15c-.06-.28-.2-.53-.42-.76-.08-.09-.18-.17-.28-.25-.05-.04-.1-.07-.15-.1-.07-.04-.14-.08-.21-.12-.28-.14-.51-.29-.72-.44-.08-.06-.17-.13-.24-.19-.19-.16-.31-.3-.4-.45-.03-.05-.06-.1-.08-.15-.01-.02-.03-.04-.05-.05-.03-.02-.08-.04-.12-.03-.07.01-.12.07-.13.13,0,.05,0,.11,0,.17,0,.03-.01.07-.04.08,0,0-.01,0-.02,0-.04,0-.08.03-.11.07-.03.04-.03.08-.02.13,0,.04.02.06.03.09v.02s.02.03.03.04c.02.04.04.08.07.12.05.07.1.14.17.22.02.02.02.06,0,.09-.02.03-.05.04-.08.04-.37-.05-.7-.13-1-.25-.04-.01-.07-.03-.11-.04-.28-.12.22-.61.45-.96,1-1.53,1.2-3.29,1.21-5.07,0-1.72-.18-3.41-.52-5.08h0c-.22-1.4-.41-1.93-.53-2.13-.03-.05-.05-.08-.08-.1-.03-.02-.05-.01-.05-.01-.06,0-.14.06-.23.15-.37.39-.35.86-.25,1.34.47,2.21.82,4.43.66,6.7-.11,1.56-.4,3.07-1.5,4.3-.07.07-.14.14-.21.21-.08.08-.21.24-.3.17-.13-.09-.01-.27.03-.36.64-1.5.82-3.07.73-4.69,0-.04,0-.07,0-.11h0s0-.06,0-.09c-.02-.21-.04-.43-.06-.64-.28-2.56-.61-2.73-.61-2.73h0s-.05-.03-.09-.04c-.17-.04-.27.12-.35.23-.35.52-.19,1.07-.08,1.62.39,1.92.4,3.82-.28,5.69-.06.17-.14.34-.21.5-.08.17-.14.39-.42.3-.26-.09-.19-.29-.16-.47.09-.47.16-.93.2-1.4h0s0-.09.01-.13c0-.08.01-.16.02-.24,0-.07,0-.13.01-.2,0-.03,0-.07,0-.1.05-1.48-.2-2.16-.29-2.36-.01-.02-.02-.05-.03-.07h0s0,0,0,0c-.1-.15-.26-.13-.4,0-.26.25-.4.56-.33.93.19,1.1.08,2.2-.13,3.28-.03.15-.09.41-.4.34-.21-.05-.26-.14-.27-.32,0-.14,0-.28,0-.42,0,0,0,0,0-.01h0s0-.04,0-.06h0s0-.02,0-.03c0-.19-.02-.38-.05-.57,0-.02,0-.04,0-.05-.12-1.07-.27-1.17-.27-1.17-.1-.13-.25-.11-.39.03-.26.25-.39.55-.33.93.04.28.03.19.06.43.02.12.05.35.05.42,0,.06-.02.12-.06.16-.13.14-.34,0-.5-.07-3.12-1.29-5.79-3.1-8.12-5.4-.92-.94-2.48-2.83-2.48-2.83h0c-.06-.07-.13-.11-.24-.06-.2.09-.2.35-.22.57-.04.44.2.76.45,1.06,3.52,4.11,7.82,7.06,13,8.54l.93.25s.02,0,.03,0c0,0,0,0,0,0l.8.21h.02s-.06.02-.09.03c-.88.17-2.63-.15-4.04-.47-.7-.15-1.38-.32-2.05-.53-.03,0-.05-.01-.05-.01h0c-2.6-.83-4.97-2.17-7.05-4.21-.2-.19-.38-.4-.56-.61-.16-.2-.5-.61-.62-.75-.01-.02-.03-.03-.04-.05h0s0,0,0,0c-.04-.04-.08-.06-.14-.05-.14.03-.19.18-.21.31-.11.51.05.93.39,1.31,2.13,2.39,4.8,3.91,7.81,4.91,1.71.57,3.46.91,5.25,1.13-1.07.35-2.16.45-3.27.42-2.14-.05-4.15-.57-6.04-1.49-.7-.36-1.34-.76-1.52-.86-.1-.07-.2-.11-.3-.03-.19.15-.06.4,0,.6.12.38.38.65.73.83,3.08,1.63,6.32,2.28,9.78,1.7.35-.06.68-.12,1.05-.25-.58.5-1.25.83-1.95,1.08-2.17.79-4.32.76-6.46.22-.69-.18-1.49-.48-1.49-.48h0c-.12-.05-.23-.07-.32.06-.16.22-.02.46.12.67.32.5.94.55,1.43.72.17.05-.29.36-.43.47-.71.54-1.4,1.04-2.11,1.56l-.46.34h0c-.08.05-.15.12-.11.23.04.13.18.15.31.18.51.1.94-.06,1.33-.36.86-.64,1.73-1.26,2.56-1.93.32-.25.61-.23,1.04-.12-1.09.82-2.11,1.59-3.13,2.36-1.03.78-2.07,1.56-3.1,2.33l-.68.51s-.02.01-.03.02h-.01s0,0,0,0c-.06.05-.1.1-.09.17.03.15.21.19.36.22.61.11.99-.12,1.41-.44,2.09-1.57,4.19-3.13,6.27-4.71.47-.36.95-.56,1.62-.48-.57.43-1.12.84-1.67,1.25l-1.47,1.09s-.02.02-.03.02h0c-.08.06-.13.13-.1.24.06.19.29.22.49.25.37.05.68-.08.96-.29.17-.12.33-.24.5-.37h0s2.25-1.79,2.25-1.79c0,0,.53-.38,1.15-.73.05-.03.11-.07.17-.1.02-.01.08-.04.17-.08.07-.03.13-.07.2-.1.1-.05.21-.11.33-.18.36-.15,1.4-.64,2.26-1.55.41-.32.98-.73,1.43-.92h0s0,0,0,0c.03-.02.07-.03.1-.04h0s0,0,0,0c.02,0,.04-.02.06-.02l.06-.02c.16-.05.43-.06.46.29,0,.09,0,.18,0,.27,0,.07-.02.15-.03.21-.01.06.01.12.06.15,0,0,.02.01.02.01.06.03.14.02.18-.03.02-.02.03-.04.05-.06.22-.23.44-.39.68-.49.35-.14.7-.14,1.07,0,.18.07.35.16.51.28.07.05.14.11.21.17.04.04.08.08.12.12h0s.03.04.03.04c0,0,.01.01.02.02.04.03.08.04.12.03.05-.01.09-.05.11-.1,0,0,0-.02.01-.03.11-.31.13-.6.07-.89Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M20.22,11.62c-.03.16-.05.31-.08.47.03-.16.06-.31.08-.47h0Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M22.99,13.35s.02,0,.03.01c-.01,0-.02,0-.03-.01"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "21.68 12.5 21.68 12.5 21.68 12.5"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "21.73 12.39 21.73 12.39 21.73 12.39"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "21.74 12.37 21.73 12.38 21.74 12.37"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "23.45 12.37 23.45 12.38 23.45 12.37"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M20.72,12.26s-.04.08-.06.12c.02-.04.04-.08.06-.12"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "18.86 12.17 18.86 12.17 18.86 12.17"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "18.58 12.04 18.58 12.04 18.58 12.04"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "18.58 12.04 18.58 12.04 18.58 12.04"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "18.58 12.04 18.58 12.04 18.58 12.04"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "18.58 12.04 18.58 12.04 18.58 12.04"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "18.58 12.03 18.58 12.04 18.58 12.03"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "polyline",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"points": "18.52 11.84 18.52 11.84 18.52 11.84"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M19.22,11.72s-.01.06-.02.09c0-.03.01-.06.02-.09"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #fddab4;",
-									"d": "M17.51,11.51s-.04.04-.07.05c.02,0,.05-.02.07-.05"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #e5b3a5;",
-									"d": "M18.58,12.04s.04.04.07.06h0s-.05-.04-.07-.06M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.57,12.03s0,0,0,0c0,0,0,0,0,0M18.52,11.84s0,0,0,0c0,0,0,0,0,0M18.52,11.84h0s0,0,0,0c0,0,0,0,0,0M17.17,11.51s0,0,0,0c.06.03.13.05.19.05.03,0,.05,0,.07-.01-.02,0-.05.01-.07.01-.06,0-.13-.02-.19-.05M18.52,11.31s0,0,0,0c0,0,0,0,0,0"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: #e5b3a5;",
-									"d": "M23.02,13.37s.01,0,.02,0h0s-.01,0-.02,0M21.78,12.86s0,0,0,0c0,0,0,0,0,0M21.59,12.76s.02.08.06.11c.02.01.03.02.05.02.03,0,.05-.01.08-.03-.03.02-.05.03-.08.03-.02,0-.03,0-.05-.02-.04-.03-.06-.07-.06-.11M21.68,12.5s0,.01,0,.02c0,0,0-.01,0-.02M21.73,12.39s-.03.07-.04.11c.01-.03.03-.07.04-.11M21.73,12.38s0,0,0,.01c0,0,0,0,0-.01M23.45,12.38s0,0,0,0c0,0,0,0,0,0M23.45,12.37s0,0,0,0c0,0,0,0,0,0M21.74,12.37s0,0,0,0c0,0,0,0,0,0M20.1,12.32c0,.1.04.19.19.24.05.02.09.02.12.02.13,0,.19-.09.24-.2-.05.1-.11.2-.24.2-.04,0-.08,0-.12-.02-.15-.05-.19-.14-.19-.24M18.86,12.17h0,0M19.11,12.07c-.05.06-.11.1-.22.1-.01,0-.02,0-.03,0,.01,0,.02,0,.03,0,.1,0,.17-.04.22-.1M21.08,11.32s0,0,0,0c-.05.15-.09.3-.15.44-.06.17-.14.34-.21.5h0c.08-.16.15-.33.21-.5.05-.15.1-.3.15-.45M19.3,11.23c-.02.16-.05.33-.08.49.03-.16.06-.33.08-.49h0M23.28,10.45s0,0,0,0c-.22.73-.57,1.42-1.12,2.04-.07.07-.14.14-.21.21h0c.07-.07.14-.14.21-.21.55-.62.9-1.31,1.12-2.04"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-2); opacity: .4;",
-									"d": "M6.25,3.13s-.06,0-.09.02c-.14.06-.18.21-.2.37.78,1.02,3.84,4.77,8.67,7.35,0,0,4.72,2.49,9.48,2.76-.37-.05-.7-.13-1-.25-.02,0-.04-.01-.05-.02h0c-1.73-.37-3.2-.84-4.24-1.21.02,0,.04,0,.06,0-.02,0-.04,0-.06,0-.06-.01-.11-.03-.15-.05-.82-.3-1.35-.53-1.47-.59-.06-.03-.12-.06-.17-.08-3.12-1.29-5.79-3.1-8.12-5.4-.92-.94-2.48-2.83-2.48-2.83h0s-.09-.08-.15-.08"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-3); opacity: .4;",
-									"d": "M6.59,7.12s-.02,0-.03,0c-.14.03-.19.18-.21.31,0,.02,0,.05-.01.07,2.41,3.27,5.65,4.6,5.65,4.6,3.23,1.52,5.88,1.83,7.5,1.83.67,0,1.16-.05,1.44-.09-.13.01-.27.02-.42.02-.95,0-2.3-.26-3.43-.52-.7-.15-1.38-.32-2.05-.53-.03,0-.05-.01-.05-.01h0c-2.6-.83-4.97-2.17-7.05-4.21-.2-.19-.38-.4-.56-.61-.16-.2-.5-.61-.62-.75-.01-.02-.03-.03-.04-.05h0s0,0,0,0c-.03-.03-.06-.05-.1-.05"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-4); opacity: .4;",
-									"d": "M8.78,12.8s-.08.01-.12.04c-.16.13-.09.34-.02.52,1.21.73,3.98,2.16,7.27,2.16,1.24,0,2.55-.2,3.88-.72-.96.31-1.94.43-2.94.43-.11,0-.22,0-.33,0-2.14-.05-4.15-.57-6.04-1.49-.7-.36-1.34-.76-1.52-.86-.06-.04-.12-.07-.18-.07"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-5); opacity: .4;",
-									"d": "M20.02,15.9c-.53.4-1.12.68-1.74.91-1.16.42-2.32.61-3.47.61-1,0-1.99-.14-2.99-.39-.69-.18-1.49-.48-1.49-.48h0c-.05-.02-.1-.04-.15-.04-.06,0-.12.03-.17.1-.07.1-.08.21-.06.32.76.35,2.4.98,4.39.98,1.73,0,3.73-.47,5.67-2.01"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-6); opacity: .4;",
-									"d": "M14.87,18.37c-1.87,0-3.29-.38-3.47-.43.05.02.1.03.15.05.17.05-.29.36-.43.47-.52.4-1.04.78-1.56,1.16h1.59c.5-.37,1-.74,1.49-1.13.18-.14.35-.2.55-.2.15,0,.31.03.49.08-1.09.82-2.11,1.59-3.13,2.36-.6.45-1.19.9-1.79,1.34h1.6c1.44-1.08,2.88-2.15,4.31-3.24.33-.25.67-.42,1.07-.48-.3.02-.59.03-.88.03Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#Fade_to_Black_2); opacity: .4;",
-									"d": "M14.54,19.66h1.55l1.14-.91s.53-.38,1.15-.73c.05-.03.11-.07.17-.1.02-.01.08-.04.17-.08.07-.03.13-.07.2-.1.1-.05.22-.11.35-.19-1.1.46-2.23.69-3.28.77.01,0,.03,0,.04,0,.09,0,.18,0,.27.02-.57.43-1.12.84-1.67,1.25l-.09.07Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-7); opacity: .4;",
-									"d": "M18.52,11.84c0-.14,0-.28,0-.42h0s0-.01,0-.01c0-.02,0-.04,0-.06h0s0-.03,0-.03c0-.12-.01-.23-.03-.35-.37-.16-.72-.35-1.04-.59,0,.03,0,.07,0,.1.04.28.03.19.06.43.02.12.05.35.05.42,0,.06-.02.12-.06.16-.04.04-.09.06-.14.06-.06,0-.13-.02-.19-.05.12.06.65.29,1.48.59-.09-.05-.12-.14-.12-.27Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-8); opacity: .4;",
-									"d": "M24.54,9.21c-.34.48-.77.9-1.26,1.24-.22.73-.57,1.42-1.12,2.04-.07.07-.14.14-.21.21-.07.07-.17.19-.25.19-.02,0-.03,0-.05-.02-.13-.09-.01-.27.03-.36.21-.48.37-.98.48-1.47-.35.13-.71.22-1.08.27-.05.15-.09.3-.15.44-.06.17-.14.34-.21.5-.07.14-.12.32-.3.32-.04,0-.08,0-.12-.02-.26-.09-.19-.29-.16-.47.05-.24.09-.49.12-.73-.33-.01-.65-.05-.96-.12-.03.19-.06.39-.1.58-.02.13-.08.35-.31.35-.03,0-.06,0-.09-.01,1.04.37,2.51.84,4.24,1.21h0s-.03-.01-.05-.02c-.28-.12.22-.61.45-.96.64-.98.95-2.06,1.1-3.18Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#Fade_to_Black_2-2); opacity: .5;",
-									"d": "M24.28,14.56c-.22,0-.43.02-.65.06-.04,0-.08.01-.12.01-.06,0-.12,0-.17-.03,0,.01.02.02.03.03.09.13.14.27.16.42.02.03.04.06.06.1h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0t0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,.07,0,.1c0,.05,0,.11,0,.17,0,.07-.02.15-.03.21,0,0,0,.02,0,.03,0,.05.02.09.06.12h.02s.05.03.07.03c.04,0,.08-.02.11-.05.02-.02.03-.04.05-.06.22-.23.44-.39.68-.49.17-.07.35-.11.53-.11s.36.04.55.11c.18.07.35.16.51.28.07.05.14.11.21.17.04.04.08.08.12.12h0s.03.04.03.04l.02.02s.06.03.09.03c-.15-.32-.33-.61-.6-.84-.5-.43-1.13-.62-1.77-.62"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-9); opacity: .4;",
-									"d": "M24.22,12.45h-.03c-.07.01-.12.07-.13.14,0,.05,0,.11,0,.17,0,.02,0,.04-.01.05.27.4.84,1.1,1.72,1.36,0,0,1.36.71,1.01,1.74h0v-.03c.12-.31.14-.6.08-.89-.06-.28-.2-.53-.42-.76-.08-.09-.18-.17-.28-.25-.05-.04-.1-.07-.15-.1-.07-.04-.14-.08-.21-.12-.28-.14-.51-.29-.72-.44-.08-.06-.17-.13-.24-.19-.19-.16-.31-.3-.4-.45-.03-.05-.06-.1-.08-.15-.01-.02-.03-.04-.05-.05-.03-.02-.06-.03-.09-.03"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"style": "fill: url(#linear-gradient-10); opacity: .5;",
-									"d": "M22.5,15.32l.28-.16,1.16-1.55s-.63-.12-.94-.26c0,0-.32,1.45-1.49,2.66l.43-.32c.17-.12.33-.23.56-.37Z"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M38,7.1h2.95c2.13,0,3.11,1.1,3.11,3.35v1.12c0,2.25-.98,3.35-3.11,3.35h-1.71v6.14h-1.24V7.1ZM40.95,13.78c1.3,0,1.87-.58,1.87-2.15v-1.26c0-1.55-.58-2.15-1.87-2.15h-1.71v5.56h1.71Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M48.61,7.1h1.24v6.12h3.81v-6.12h1.24v13.95h-1.24v-6.72h-3.81v6.72h-1.24V7.1Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M59.73,17.84v-7.54c0-2.21,1.12-3.41,3.13-3.41s3.13,1.2,3.13,3.41v7.54c0,2.21-1.12,3.41-3.13,3.41s-3.13-1.2-3.13-3.41ZM64.75,17.92v-7.69c0-1.5-.68-2.21-1.89-2.21s-1.89.72-1.89,2.21v7.69c0,1.5.68,2.19,1.89,2.19s1.89-.7,1.89-2.19Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M70.85,7.1h5.58v1.12h-4.35v5h3.57v1.12h-3.57v5.58h4.35v1.14h-5.58V7.1Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M80.9,7.1h1.63l3.63,10.78V7.1h1.16v13.95h-1.32l-3.97-11.9v11.9h-1.14V7.1Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M92.32,7.1h1.24v13.95h-1.24V7.1Z"
-										},
-										"children": []
-									},
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"style": "fill: #404041;",
-											"d": "M100.79,13.94l-2.73-6.84h1.32l2.19,5.54,2.21-5.54h1.2l-2.73,6.84,2.85,7.12h-1.32l-2.31-5.86-2.33,5.86h-1.2l2.85-7.12Z"
-										},
-										"children": []
-									}
-								]
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PhoenixIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "id": "Layer_2",
+      "data-name": "Layer 2",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "viewBox": "0 0 111 24",
+      "width": "111",
+      "height": "24"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient",
+              "x1": "9.07",
+              "y1": "1.47",
+              "x2": "19.77",
+              "y2": "20",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#11bab5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".5",
+                  "stop-color": "#00adee"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#0094c5"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-2",
+              "x1": "19.48",
+              "y1": "16.3",
+              "x2": "10.46",
+              "y2": ".67",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".12",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".17"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".3",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".42"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".47",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".63"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".64",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".79"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".78",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".9"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".91",
+                  "stop-color": "#fcfdff",
+                  "stop-opacity": ".97"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#fcfdff"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-3",
+              "x1": "16.82",
+              "y1": "16.21",
+              "x2": "10.32",
+              "y2": "4.94",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-4",
+              "x1": "15.92",
+              "y1": "17.03",
+              "x2": "12.29",
+              "y2": "10.74",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-5",
+              "x1": "16.08",
+              "y1": "18.3",
+              "x2": "13.82",
+              "y2": "14.38",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-6",
+              "x1": "12.26",
+              "y1": "17.94",
+              "x2": "12.26",
+              "y2": "22.07",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".03",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".9"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".22",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".4"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".42",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".1"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".65",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "Fade_to_Black_2",
+              "data-name": "Fade to Black 2",
+              "x1": "16.89",
+              "y1": "17.55",
+              "x2": "16.89",
+              "y2": "19.66",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-7",
+              "x1": "17.91",
+              "y1": "12.1",
+              "x2": "17.91",
+              "y2": "10.38",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".03",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".95"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".51",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".26"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".81",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-8",
+              "x1": "21.67",
+              "y1": "13.37",
+              "x2": "21.67",
+              "y2": "9.21",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".18",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".48"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".38",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".58",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "Fade_to_Black_2-2",
+              "data-name": "Fade to Black 2",
+              "x1": "25.54",
+              "y1": "16.65",
+              "x2": "24.1",
+              "y2": "14.16",
+              "xlink:href": "#Fade_to_Black_2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-9",
+              "x1": "26.7",
+              "y1": "15.97",
+              "x2": "24.55",
+              "y2": "12.24",
+              "xlink:href": "#linear-gradient-2"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "linearGradient",
+            "attributes": {
+              "id": "linear-gradient-10",
+              "x1": "21.11",
+              "y1": "15.34",
+              "x2": "24.24",
+              "y2": "13.53",
+              "gradientUnits": "userSpaceOnUse"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "0",
+                  "stop-color": "#231f20"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".31",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": ".67",
+                  "stop-color": "#231f20",
+                  "stop-opacity": ".13"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "stop",
+                "attributes": {
+                  "offset": "1",
+                  "stop-color": "#231f20",
+                  "stop-opacity": "0"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Layer_1-2",
+          "data-name": "Layer 1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "rect",
+            "attributes": {
+              "style": "fill: none;",
+              "y": ".04",
+              "width": "111",
+              "height": "24"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Phoenix_horiz_-_gradient",
+              "data-name": "Phoenix horiz - gradient"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient);",
+                  "d": "M26.87,15c-.06-.28-.2-.53-.42-.76-.08-.09-.18-.17-.28-.25-.05-.04-.1-.07-.15-.1-.07-.04-.14-.08-.21-.12-.28-.14-.51-.29-.72-.44-.08-.06-.17-.13-.24-.19-.19-.16-.31-.3-.4-.45-.03-.05-.06-.1-.08-.15-.01-.02-.03-.04-.05-.05-.03-.02-.08-.04-.12-.03-.07.01-.12.07-.13.13,0,.05,0,.11,0,.17,0,.03-.01.07-.04.08,0,0-.01,0-.02,0-.04,0-.08.03-.11.07-.03.04-.03.08-.02.13,0,.04.02.06.03.09v.02s.02.03.03.04c.02.04.04.08.07.12.05.07.1.14.17.22.02.02.02.06,0,.09-.02.03-.05.04-.08.04-.37-.05-.7-.13-1-.25-.04-.01-.07-.03-.11-.04-.28-.12.22-.61.45-.96,1-1.53,1.2-3.29,1.21-5.07,0-1.72-.18-3.41-.52-5.08h0c-.22-1.4-.41-1.93-.53-2.13-.03-.05-.05-.08-.08-.1-.03-.02-.05-.01-.05-.01-.06,0-.14.06-.23.15-.37.39-.35.86-.25,1.34.47,2.21.82,4.43.66,6.7-.11,1.56-.4,3.07-1.5,4.3-.07.07-.14.14-.21.21-.08.08-.21.24-.3.17-.13-.09-.01-.27.03-.36.64-1.5.82-3.07.73-4.69,0-.04,0-.07,0-.11h0s0-.06,0-.09c-.02-.21-.04-.43-.06-.64-.28-2.56-.61-2.73-.61-2.73h0s-.05-.03-.09-.04c-.17-.04-.27.12-.35.23-.35.52-.19,1.07-.08,1.62.39,1.92.4,3.82-.28,5.69-.06.17-.14.34-.21.5-.08.17-.14.39-.42.3-.26-.09-.19-.29-.16-.47.09-.47.16-.93.2-1.4h0s0-.09.01-.13c0-.08.01-.16.02-.24,0-.07,0-.13.01-.2,0-.03,0-.07,0-.1.05-1.48-.2-2.16-.29-2.36-.01-.02-.02-.05-.03-.07h0s0,0,0,0c-.1-.15-.26-.13-.4,0-.26.25-.4.56-.33.93.19,1.1.08,2.2-.13,3.28-.03.15-.09.41-.4.34-.21-.05-.26-.14-.27-.32,0-.14,0-.28,0-.42,0,0,0,0,0-.01h0s0-.04,0-.06h0s0-.02,0-.03c0-.19-.02-.38-.05-.57,0-.02,0-.04,0-.05-.12-1.07-.27-1.17-.27-1.17-.1-.13-.25-.11-.39.03-.26.25-.39.55-.33.93.04.28.03.19.06.43.02.12.05.35.05.42,0,.06-.02.12-.06.16-.13.14-.34,0-.5-.07-3.12-1.29-5.79-3.1-8.12-5.4-.92-.94-2.48-2.83-2.48-2.83h0c-.06-.07-.13-.11-.24-.06-.2.09-.2.35-.22.57-.04.44.2.76.45,1.06,3.52,4.11,7.82,7.06,13,8.54l.93.25s.02,0,.03,0c0,0,0,0,0,0l.8.21h.02s-.06.02-.09.03c-.88.17-2.63-.15-4.04-.47-.7-.15-1.38-.32-2.05-.53-.03,0-.05-.01-.05-.01h0c-2.6-.83-4.97-2.17-7.05-4.21-.2-.19-.38-.4-.56-.61-.16-.2-.5-.61-.62-.75-.01-.02-.03-.03-.04-.05h0s0,0,0,0c-.04-.04-.08-.06-.14-.05-.14.03-.19.18-.21.31-.11.51.05.93.39,1.31,2.13,2.39,4.8,3.91,7.81,4.91,1.71.57,3.46.91,5.25,1.13-1.07.35-2.16.45-3.27.42-2.14-.05-4.15-.57-6.04-1.49-.7-.36-1.34-.76-1.52-.86-.1-.07-.2-.11-.3-.03-.19.15-.06.4,0,.6.12.38.38.65.73.83,3.08,1.63,6.32,2.28,9.78,1.7.35-.06.68-.12,1.05-.25-.58.5-1.25.83-1.95,1.08-2.17.79-4.32.76-6.46.22-.69-.18-1.49-.48-1.49-.48h0c-.12-.05-.23-.07-.32.06-.16.22-.02.46.12.67.32.5.94.55,1.43.72.17.05-.29.36-.43.47-.71.54-1.4,1.04-2.11,1.56l-.46.34h0c-.08.05-.15.12-.11.23.04.13.18.15.31.18.51.1.94-.06,1.33-.36.86-.64,1.73-1.26,2.56-1.93.32-.25.61-.23,1.04-.12-1.09.82-2.11,1.59-3.13,2.36-1.03.78-2.07,1.56-3.1,2.33l-.68.51s-.02.01-.03.02h-.01s0,0,0,0c-.06.05-.1.1-.09.17.03.15.21.19.36.22.61.11.99-.12,1.41-.44,2.09-1.57,4.19-3.13,6.27-4.71.47-.36.95-.56,1.62-.48-.57.43-1.12.84-1.67,1.25l-1.47,1.09s-.02.02-.03.02h0c-.08.06-.13.13-.1.24.06.19.29.22.49.25.37.05.68-.08.96-.29.17-.12.33-.24.5-.37h0s2.25-1.79,2.25-1.79c0,0,.53-.38,1.15-.73.05-.03.11-.07.17-.1.02-.01.08-.04.17-.08.07-.03.13-.07.2-.1.1-.05.21-.11.33-.18.36-.15,1.4-.64,2.26-1.55.41-.32.98-.73,1.43-.92h0s0,0,0,0c.03-.02.07-.03.1-.04h0s0,0,0,0c.02,0,.04-.02.06-.02l.06-.02c.16-.05.43-.06.46.29,0,.09,0,.18,0,.27,0,.07-.02.15-.03.21-.01.06.01.12.06.15,0,0,.02.01.02.01.06.03.14.02.18-.03.02-.02.03-.04.05-.06.22-.23.44-.39.68-.49.35-.14.7-.14,1.07,0,.18.07.35.16.51.28.07.05.14.11.21.17.04.04.08.08.12.12h0s.03.04.03.04c0,0,.01.01.02.02.04.03.08.04.12.03.05-.01.09-.05.11-.1,0,0,0-.02.01-.03.11-.31.13-.6.07-.89Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M20.22,11.62c-.03.16-.05.31-.08.47.03-.16.06-.31.08-.47h0Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M22.99,13.35s.02,0,.03.01c-.01,0-.02,0-.03-.01"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "21.68 12.5 21.68 12.5 21.68 12.5"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "21.73 12.39 21.73 12.39 21.73 12.39"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "21.74 12.37 21.73 12.38 21.74 12.37"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "23.45 12.37 23.45 12.38 23.45 12.37"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M20.72,12.26s-.04.08-.06.12c.02-.04.04-.08.06-.12"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "18.86 12.17 18.86 12.17 18.86 12.17"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "18.58 12.04 18.58 12.04 18.58 12.04"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "18.58 12.04 18.58 12.04 18.58 12.04"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "18.58 12.04 18.58 12.04 18.58 12.04"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "18.58 12.04 18.58 12.04 18.58 12.04"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "18.58 12.03 18.58 12.04 18.58 12.03"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "polyline",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "points": "18.52 11.84 18.52 11.84 18.52 11.84"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M19.22,11.72s-.01.06-.02.09c0-.03.01-.06.02-.09"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #fddab4;",
+                  "d": "M17.51,11.51s-.04.04-.07.05c.02,0,.05-.02.07-.05"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #e5b3a5;",
+                  "d": "M18.58,12.04s.04.04.07.06h0s-.05-.04-.07-.06M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.58,12.04s0,0,0,0c0,0,0,0,0,0M18.57,12.03s0,0,0,0c0,0,0,0,0,0M18.52,11.84s0,0,0,0c0,0,0,0,0,0M18.52,11.84h0s0,0,0,0c0,0,0,0,0,0M17.17,11.51s0,0,0,0c.06.03.13.05.19.05.03,0,.05,0,.07-.01-.02,0-.05.01-.07.01-.06,0-.13-.02-.19-.05M18.52,11.31s0,0,0,0c0,0,0,0,0,0"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: #e5b3a5;",
+                  "d": "M23.02,13.37s.01,0,.02,0h0s-.01,0-.02,0M21.78,12.86s0,0,0,0c0,0,0,0,0,0M21.59,12.76s.02.08.06.11c.02.01.03.02.05.02.03,0,.05-.01.08-.03-.03.02-.05.03-.08.03-.02,0-.03,0-.05-.02-.04-.03-.06-.07-.06-.11M21.68,12.5s0,.01,0,.02c0,0,0-.01,0-.02M21.73,12.39s-.03.07-.04.11c.01-.03.03-.07.04-.11M21.73,12.38s0,0,0,.01c0,0,0,0,0-.01M23.45,12.38s0,0,0,0c0,0,0,0,0,0M23.45,12.37s0,0,0,0c0,0,0,0,0,0M21.74,12.37s0,0,0,0c0,0,0,0,0,0M20.1,12.32c0,.1.04.19.19.24.05.02.09.02.12.02.13,0,.19-.09.24-.2-.05.1-.11.2-.24.2-.04,0-.08,0-.12-.02-.15-.05-.19-.14-.19-.24M18.86,12.17h0,0M19.11,12.07c-.05.06-.11.1-.22.1-.01,0-.02,0-.03,0,.01,0,.02,0,.03,0,.1,0,.17-.04.22-.1M21.08,11.32s0,0,0,0c-.05.15-.09.3-.15.44-.06.17-.14.34-.21.5h0c.08-.16.15-.33.21-.5.05-.15.1-.3.15-.45M19.3,11.23c-.02.16-.05.33-.08.49.03-.16.06-.33.08-.49h0M23.28,10.45s0,0,0,0c-.22.73-.57,1.42-1.12,2.04-.07.07-.14.14-.21.21h0c.07-.07.14-.14.21-.21.55-.62.9-1.31,1.12-2.04"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-2); opacity: .4;",
+                  "d": "M6.25,3.13s-.06,0-.09.02c-.14.06-.18.21-.2.37.78,1.02,3.84,4.77,8.67,7.35,0,0,4.72,2.49,9.48,2.76-.37-.05-.7-.13-1-.25-.02,0-.04-.01-.05-.02h0c-1.73-.37-3.2-.84-4.24-1.21.02,0,.04,0,.06,0-.02,0-.04,0-.06,0-.06-.01-.11-.03-.15-.05-.82-.3-1.35-.53-1.47-.59-.06-.03-.12-.06-.17-.08-3.12-1.29-5.79-3.1-8.12-5.4-.92-.94-2.48-2.83-2.48-2.83h0s-.09-.08-.15-.08"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-3); opacity: .4;",
+                  "d": "M6.59,7.12s-.02,0-.03,0c-.14.03-.19.18-.21.31,0,.02,0,.05-.01.07,2.41,3.27,5.65,4.6,5.65,4.6,3.23,1.52,5.88,1.83,7.5,1.83.67,0,1.16-.05,1.44-.09-.13.01-.27.02-.42.02-.95,0-2.3-.26-3.43-.52-.7-.15-1.38-.32-2.05-.53-.03,0-.05-.01-.05-.01h0c-2.6-.83-4.97-2.17-7.05-4.21-.2-.19-.38-.4-.56-.61-.16-.2-.5-.61-.62-.75-.01-.02-.03-.03-.04-.05h0s0,0,0,0c-.03-.03-.06-.05-.1-.05"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-4); opacity: .4;",
+                  "d": "M8.78,12.8s-.08.01-.12.04c-.16.13-.09.34-.02.52,1.21.73,3.98,2.16,7.27,2.16,1.24,0,2.55-.2,3.88-.72-.96.31-1.94.43-2.94.43-.11,0-.22,0-.33,0-2.14-.05-4.15-.57-6.04-1.49-.7-.36-1.34-.76-1.52-.86-.06-.04-.12-.07-.18-.07"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-5); opacity: .4;",
+                  "d": "M20.02,15.9c-.53.4-1.12.68-1.74.91-1.16.42-2.32.61-3.47.61-1,0-1.99-.14-2.99-.39-.69-.18-1.49-.48-1.49-.48h0c-.05-.02-.1-.04-.15-.04-.06,0-.12.03-.17.1-.07.1-.08.21-.06.32.76.35,2.4.98,4.39.98,1.73,0,3.73-.47,5.67-2.01"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-6); opacity: .4;",
+                  "d": "M14.87,18.37c-1.87,0-3.29-.38-3.47-.43.05.02.1.03.15.05.17.05-.29.36-.43.47-.52.4-1.04.78-1.56,1.16h1.59c.5-.37,1-.74,1.49-1.13.18-.14.35-.2.55-.2.15,0,.31.03.49.08-1.09.82-2.11,1.59-3.13,2.36-.6.45-1.19.9-1.79,1.34h1.6c1.44-1.08,2.88-2.15,4.31-3.24.33-.25.67-.42,1.07-.48-.3.02-.59.03-.88.03Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#Fade_to_Black_2); opacity: .4;",
+                  "d": "M14.54,19.66h1.55l1.14-.91s.53-.38,1.15-.73c.05-.03.11-.07.17-.1.02-.01.08-.04.17-.08.07-.03.13-.07.2-.1.1-.05.22-.11.35-.19-1.1.46-2.23.69-3.28.77.01,0,.03,0,.04,0,.09,0,.18,0,.27.02-.57.43-1.12.84-1.67,1.25l-.09.07Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-7); opacity: .4;",
+                  "d": "M18.52,11.84c0-.14,0-.28,0-.42h0s0-.01,0-.01c0-.02,0-.04,0-.06h0s0-.03,0-.03c0-.12-.01-.23-.03-.35-.37-.16-.72-.35-1.04-.59,0,.03,0,.07,0,.1.04.28.03.19.06.43.02.12.05.35.05.42,0,.06-.02.12-.06.16-.04.04-.09.06-.14.06-.06,0-.13-.02-.19-.05.12.06.65.29,1.48.59-.09-.05-.12-.14-.12-.27Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-8); opacity: .4;",
+                  "d": "M24.54,9.21c-.34.48-.77.9-1.26,1.24-.22.73-.57,1.42-1.12,2.04-.07.07-.14.14-.21.21-.07.07-.17.19-.25.19-.02,0-.03,0-.05-.02-.13-.09-.01-.27.03-.36.21-.48.37-.98.48-1.47-.35.13-.71.22-1.08.27-.05.15-.09.3-.15.44-.06.17-.14.34-.21.5-.07.14-.12.32-.3.32-.04,0-.08,0-.12-.02-.26-.09-.19-.29-.16-.47.05-.24.09-.49.12-.73-.33-.01-.65-.05-.96-.12-.03.19-.06.39-.1.58-.02.13-.08.35-.31.35-.03,0-.06,0-.09-.01,1.04.37,2.51.84,4.24,1.21h0s-.03-.01-.05-.02c-.28-.12.22-.61.45-.96.64-.98.95-2.06,1.1-3.18Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#Fade_to_Black_2-2); opacity: .5;",
+                  "d": "M24.28,14.56c-.22,0-.43.02-.65.06-.04,0-.08.01-.12.01-.06,0-.12,0-.17-.03,0,.01.02.02.03.03.09.13.14.27.16.42.02.03.04.06.06.1h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0t0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0s0,.07,0,.1c0,.05,0,.11,0,.17,0,.07-.02.15-.03.21,0,0,0,.02,0,.03,0,.05.02.09.06.12h.02s.05.03.07.03c.04,0,.08-.02.11-.05.02-.02.03-.04.05-.06.22-.23.44-.39.68-.49.17-.07.35-.11.53-.11s.36.04.55.11c.18.07.35.16.51.28.07.05.14.11.21.17.04.04.08.08.12.12h0s.03.04.03.04l.02.02s.06.03.09.03c-.15-.32-.33-.61-.6-.84-.5-.43-1.13-.62-1.77-.62"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-9); opacity: .4;",
+                  "d": "M24.22,12.45h-.03c-.07.01-.12.07-.13.14,0,.05,0,.11,0,.17,0,.02,0,.04-.01.05.27.4.84,1.1,1.72,1.36,0,0,1.36.71,1.01,1.74h0v-.03c.12-.31.14-.6.08-.89-.06-.28-.2-.53-.42-.76-.08-.09-.18-.17-.28-.25-.05-.04-.1-.07-.15-.1-.07-.04-.14-.08-.21-.12-.28-.14-.51-.29-.72-.44-.08-.06-.17-.13-.24-.19-.19-.16-.31-.3-.4-.45-.03-.05-.06-.1-.08-.15-.01-.02-.03-.04-.05-.05-.03-.02-.06-.03-.09-.03"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "style": "fill: url(#linear-gradient-10); opacity: .5;",
+                  "d": "M22.5,15.32l.28-.16,1.16-1.55s-.63-.12-.94-.26c0,0-.32,1.45-1.49,2.66l.43-.32c.17-.12.33-.23.56-.37Z"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {},
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M38,7.1h2.95c2.13,0,3.11,1.1,3.11,3.35v1.12c0,2.25-.98,3.35-3.11,3.35h-1.71v6.14h-1.24V7.1ZM40.95,13.78c1.3,0,1.87-.58,1.87-2.15v-1.26c0-1.55-.58-2.15-1.87-2.15h-1.71v5.56h1.71Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M48.61,7.1h1.24v6.12h3.81v-6.12h1.24v13.95h-1.24v-6.72h-3.81v6.72h-1.24V7.1Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M59.73,17.84v-7.54c0-2.21,1.12-3.41,3.13-3.41s3.13,1.2,3.13,3.41v7.54c0,2.21-1.12,3.41-3.13,3.41s-3.13-1.2-3.13-3.41ZM64.75,17.92v-7.69c0-1.5-.68-2.21-1.89-2.21s-1.89.72-1.89,2.21v7.69c0,1.5.68,2.19,1.89,2.19s1.89-.7,1.89-2.19Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M70.85,7.1h5.58v1.12h-4.35v5h3.57v1.12h-3.57v5.58h4.35v1.14h-5.58V7.1Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M80.9,7.1h1.63l3.63,10.78V7.1h1.16v13.95h-1.32l-3.97-11.9v11.9h-1.14V7.1Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M92.32,7.1h1.24v13.95h-1.24V7.1Z"
+                    },
+                    "children": []
+                  },
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "style": "fill: #404041;",
+                      "d": "M100.79,13.94l-2.73-6.84h1.32l2.19,5.54,2.21-5.54h1.2l-2.73,6.84,2.85,7.12h-1.32l-2.31-5.86-2.33,5.86h-1.2l2.85-7.12Z"
+                    },
+                    "children": []
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PhoenixIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.tsx b/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.tsx
index 9d059e928e..5604d6d375 100644
--- a/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/PhoenixIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PhoenixIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PhoenixIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/TencentIcon.tsx b/web/app/components/base/icons/src/public/tracing/TencentIcon.tsx
index cbb67e5b23..c305fd3257 100644
--- a/web/app/components/base/icons/src/public/tracing/TencentIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/TencentIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TencentIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TencentIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/TencentIconBig.tsx b/web/app/components/base/icons/src/public/tracing/TencentIconBig.tsx
index 6691de0b5b..5b91ca9c94 100644
--- a/web/app/components/base/icons/src/public/tracing/TencentIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/TencentIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TencentIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TencentIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/TracingIcon.json b/web/app/components/base/icons/src/public/tracing/TracingIcon.json
index 2157a08fa3..7c34586ee2 100644
--- a/web/app/components/base/icons/src/public/tracing/TracingIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/TracingIcon.json
@@ -1,47 +1,47 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "analytics-fill"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"opacity": "0.6",
-							"d": "M5 2.5C3.61929 2.5 2.5 3.61929 2.5 5V9.16667H6.15164C6.78293 9.16667 7.36003 9.52333 7.64235 10.088L8.33333 11.4699L10.9213 6.29399C11.0625 6.01167 11.351 5.83333 11.6667 5.83333C11.9823 5.83333 12.2708 6.01167 12.412 6.29399L13.8483 9.16667H17.5V5C17.5 3.61929 16.3807 2.5 15 2.5H5Z",
-							"fill": "white"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M2.5 14.9999C2.5 16.3807 3.61929 17.4999 5 17.4999H15C16.3807 17.4999 17.5 16.3807 17.5 14.9999V10.8333H13.8483C13.2171 10.8333 12.64 10.4766 12.3577 9.91195L11.6667 8.53003L9.07867 13.7059C8.9375 13.9883 8.649 14.1666 8.33333 14.1666C8.01769 14.1666 7.72913 13.9883 7.58798 13.7059L6.15164 10.8333H2.5V14.9999Z",
-							"fill": "white"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "TracingIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "analytics-fill"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "opacity": "0.6",
+              "d": "M5 2.5C3.61929 2.5 2.5 3.61929 2.5 5V9.16667H6.15164C6.78293 9.16667 7.36003 9.52333 7.64235 10.088L8.33333 11.4699L10.9213 6.29399C11.0625 6.01167 11.351 5.83333 11.6667 5.83333C11.9823 5.83333 12.2708 6.01167 12.412 6.29399L13.8483 9.16667H17.5V5C17.5 3.61929 16.3807 2.5 15 2.5H5Z",
+              "fill": "white"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M2.5 14.9999C2.5 16.3807 3.61929 17.4999 5 17.4999H15C16.3807 17.4999 17.5 16.3807 17.5 14.9999V10.8333H13.8483C13.2171 10.8333 12.64 10.4766 12.3577 9.91195L11.6667 8.53003L9.07867 13.7059C8.9375 13.9883 8.649 14.1666 8.33333 14.1666C8.01769 14.1666 7.72913 13.9883 7.58798 13.7059L6.15164 10.8333H2.5V14.9999Z",
+              "fill": "white"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "TracingIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx b/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
index 495829d395..3e2653bddd 100644
--- a/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TracingIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TracingIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/WeaveIcon.json b/web/app/components/base/icons/src/public/tracing/WeaveIcon.json
index 1a96e70b6e..11e66b4da3 100644
--- a/web/app/components/base/icons/src/public/tracing/WeaveIcon.json
+++ b/web/app/components/base/icons/src/public/tracing/WeaveIcon.json
@@ -1,279 +1,279 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"width": "120px",
-			"height": "16px",
-			"viewBox": "0 0 120 16",
-			"version": "1.1"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "surface1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 20.847656 3.292969 C 20.875 3.292969 20.902344 3.292969 20.933594 3.292969 C 20.949219 3.292969 20.964844 3.292969 20.980469 3.292969 C 21.035156 3.292969 21.089844 3.292969 21.140625 3.292969 C 21.179688 3.292969 21.21875 3.292969 21.253906 3.292969 C 21.359375 3.292969 21.464844 3.292969 21.566406 3.292969 C 21.675781 3.292969 21.78125 3.292969 21.890625 3.292969 C 22.097656 3.292969 22.300781 3.292969 22.507812 3.292969 C 22.738281 3.292969 22.972656 3.292969 23.207031 3.296875 C 23.6875 3.296875 24.167969 3.296875 24.648438 3.296875 C 24.648438 3.519531 24.648438 3.742188 24.648438 3.96875 C 24.113281 4.042969 24.113281 4.042969 23.566406 4.113281 C 23.667969 4.496094 23.769531 4.882812 23.867188 5.265625 C 23.878906 5.308594 23.878906 5.308594 23.890625 5.351562 C 24.128906 6.269531 24.371094 7.183594 24.609375 8.097656 C 24.675781 8.339844 24.738281 8.582031 24.800781 8.824219 C 24.816406 8.878906 24.832031 8.933594 24.84375 8.992188 C 24.867188 9.078125 24.890625 9.167969 24.914062 9.257812 C 24.921875 9.289062 24.933594 9.320312 24.941406 9.355469 C 24.953125 9.398438 24.964844 9.441406 24.976562 9.484375 C 24.984375 9.523438 24.984375 9.523438 24.996094 9.558594 C 25.007812 9.625 25.007812 9.625 25.007812 9.71875 C 25.023438 9.71875 25.039062 9.71875 25.054688 9.71875 C 25.058594 9.707031 25.058594 9.695312 25.0625 9.679688 C 25.097656 9.492188 25.152344 9.3125 25.210938 9.128906 C 25.222656 9.097656 25.234375 9.0625 25.246094 9.027344 C 25.269531 8.953125 25.292969 8.882812 25.316406 8.808594 C 25.355469 8.691406 25.390625 8.574219 25.429688 8.457031 C 25.464844 8.339844 25.503906 8.21875 25.542969 8.097656 C 25.660156 7.738281 25.773438 7.375 25.890625 7.011719 C 25.902344 6.96875 25.917969 6.921875 25.933594 6.875 C 26.226562 5.945312 26.519531 5.019531 26.808594 4.089844 C 26.785156 4.089844 26.765625 4.089844 26.742188 4.085938 C 26.507812 4.074219 26.273438 4.046875 26.042969 4.015625 C 26.007812 4.011719 25.972656 4.007812 25.933594 4.003906 C 25.851562 3.992188 25.765625 3.980469 25.679688 3.96875 C 25.679688 3.746094 25.679688 3.523438 25.679688 3.296875 C 26.175781 3.296875 26.667969 3.296875 27.160156 3.296875 C 27.390625 3.292969 27.621094 3.292969 27.851562 3.292969 C 28.050781 3.292969 28.25 3.292969 28.449219 3.292969 C 28.554688 3.292969 28.660156 3.292969 28.765625 3.292969 C 28.867188 3.292969 28.964844 3.292969 29.066406 3.292969 C 29.101562 3.292969 29.140625 3.292969 29.175781 3.292969 C 29.226562 3.292969 29.273438 3.292969 29.324219 3.292969 C 29.367188 3.292969 29.367188 3.292969 29.410156 3.292969 C 29.472656 3.296875 29.472656 3.296875 29.496094 3.320312 C 29.5 3.367188 29.5 3.417969 29.5 3.464844 C 29.5 3.492188 29.5 3.515625 29.5 3.542969 C 29.496094 3.59375 29.496094 3.59375 29.496094 3.648438 C 29.496094 3.753906 29.496094 3.859375 29.496094 3.96875 C 29.09375 4.015625 28.6875 4.066406 28.273438 4.113281 C 28.679688 5.460938 28.679688 5.460938 29.089844 6.808594 C 29.105469 6.859375 29.121094 6.910156 29.136719 6.960938 C 29.234375 7.292969 29.335938 7.625 29.4375 7.960938 C 29.484375 8.113281 29.53125 8.265625 29.578125 8.417969 C 29.605469 8.507812 29.632812 8.597656 29.660156 8.691406 C 29.878906 9.40625 29.878906 9.40625 29.976562 9.746094 C 30.027344 9.664062 30.046875 9.601562 30.070312 9.507812 C 30.078125 9.484375 30.078125 9.484375 30.085938 9.457031 C 30.101562 9.402344 30.117188 9.34375 30.132812 9.289062 C 30.144531 9.25 30.152344 9.207031 30.164062 9.167969 C 30.1875 9.082031 30.214844 8.992188 30.238281 8.90625 C 30.292969 8.691406 30.351562 8.480469 30.410156 8.269531 C 30.433594 8.191406 30.453125 8.117188 30.472656 8.042969 C 30.621094 7.5 30.769531 6.960938 30.921875 6.421875 C 30.949219 6.324219 30.976562 6.226562 31 6.128906 C 31.066406 5.902344 31.128906 5.675781 31.191406 5.449219 C 31.230469 5.308594 31.269531 5.164062 31.308594 5.023438 C 31.335938 4.925781 31.363281 4.828125 31.390625 4.734375 C 31.402344 4.6875 31.414062 4.640625 31.429688 4.59375 C 31.445312 4.53125 31.464844 4.46875 31.480469 4.40625 C 31.488281 4.386719 31.492188 4.367188 31.496094 4.347656 C 31.515625 4.277344 31.535156 4.207031 31.558594 4.136719 C 31.210938 4.074219 30.855469 4.023438 30.503906 3.96875 C 30.503906 3.746094 30.503906 3.523438 30.503906 3.296875 C 30.878906 3.296875 31.253906 3.296875 31.628906 3.296875 C 31.804688 3.292969 31.976562 3.292969 32.152344 3.292969 C 32.304688 3.292969 32.457031 3.292969 32.605469 3.292969 C 32.6875 3.292969 32.769531 3.292969 32.847656 3.292969 C 32.9375 3.292969 33.027344 3.292969 33.117188 3.292969 C 33.144531 3.292969 33.171875 3.292969 33.199219 3.292969 C 33.222656 3.292969 33.246094 3.292969 33.273438 3.292969 C 33.304688 3.292969 33.304688 3.292969 33.335938 3.292969 C 33.382812 3.296875 33.382812 3.296875 33.40625 3.320312 C 33.410156 3.367188 33.410156 3.414062 33.410156 3.460938 C 33.410156 3.488281 33.410156 3.515625 33.410156 3.542969 C 33.410156 3.574219 33.410156 3.605469 33.410156 3.632812 C 33.410156 3.664062 33.410156 3.695312 33.410156 3.726562 C 33.410156 3.796875 33.410156 3.871094 33.40625 3.945312 C 33.292969 3.964844 33.175781 3.984375 33.0625 4.007812 C 33.023438 4.011719 32.984375 4.019531 32.945312 4.027344 C 32.738281 4.0625 32.535156 4.097656 32.328125 4.113281 C 32.320312 4.144531 32.320312 4.144531 32.3125 4.179688 C 32.238281 4.480469 32.15625 4.78125 32.070312 5.082031 C 32.058594 5.128906 32.042969 5.171875 32.03125 5.21875 C 31.875 5.78125 31.714844 6.347656 31.550781 6.910156 C 31.375 7.535156 31.195312 8.160156 31.019531 8.785156 C 30.992188 8.871094 30.96875 8.957031 30.945312 9.042969 C 30.835938 9.433594 30.722656 9.820312 30.613281 10.210938 C 30.566406 10.378906 30.519531 10.542969 30.472656 10.707031 C 30.445312 10.804688 30.417969 10.902344 30.390625 11 C 30.277344 11.390625 30.167969 11.785156 30.046875 12.175781 C 29.730469 12.175781 29.414062 12.175781 29.089844 12.175781 C 29.03125 12.003906 29.03125 12.003906 28.976562 11.832031 C 28.925781 11.675781 28.878906 11.523438 28.828125 11.367188 C 28.820312 11.347656 28.8125 11.328125 28.808594 11.304688 C 28.632812 10.769531 28.460938 10.230469 28.285156 9.695312 C 28.144531 9.273438 28.007812 8.847656 27.875 8.425781 C 27.695312 7.867188 27.515625 7.308594 27.332031 6.753906 C 27.304688 6.679688 27.28125 6.605469 27.257812 6.53125 C 27.238281 6.476562 27.222656 6.425781 27.207031 6.375 C 27.046875 5.894531 27.046875 5.894531 27.046875 5.796875 C 27.03125 5.796875 27.015625 5.796875 27 5.796875 C 26.996094 5.8125 26.996094 5.828125 26.992188 5.84375 C 26.964844 5.988281 26.925781 6.132812 26.882812 6.273438 C 26.875 6.296875 26.867188 6.316406 26.859375 6.339844 C 26.84375 6.390625 26.828125 6.4375 26.8125 6.488281 C 26.769531 6.625 26.726562 6.761719 26.683594 6.898438 C 26.675781 6.929688 26.664062 6.957031 26.65625 6.988281 C 26.546875 7.328125 26.445312 7.667969 26.339844 8.007812 C 26.316406 8.078125 26.296875 8.144531 26.273438 8.214844 C 26.230469 8.355469 26.1875 8.496094 26.144531 8.636719 C 26.074219 8.863281 26.007812 9.089844 25.9375 9.3125 C 25.933594 9.328125 25.925781 9.347656 25.921875 9.363281 C 25.894531 9.449219 25.871094 9.535156 25.84375 9.617188 C 25.796875 9.769531 25.75 9.921875 25.703125 10.074219 C 25.675781 10.15625 25.652344 10.242188 25.625 10.328125 C 25.613281 10.363281 25.605469 10.394531 25.59375 10.429688 C 25.414062 11.011719 25.234375 11.59375 25.054688 12.175781 C 24.738281 12.175781 24.421875 12.175781 24.097656 12.175781 C 23.816406 11.230469 23.535156 10.285156 23.261719 9.339844 C 23.253906 9.320312 23.25 9.304688 23.246094 9.285156 C 23.195312 9.117188 23.144531 8.949219 23.097656 8.78125 C 22.960938 8.3125 22.824219 7.84375 22.6875 7.375 C 22.664062 7.304688 22.644531 7.234375 22.625 7.164062 C 22.414062 6.449219 22.207031 5.738281 22 5.027344 C 21.976562 4.953125 21.953125 4.878906 21.933594 4.804688 C 21.898438 4.683594 21.859375 4.5625 21.824219 4.441406 C 21.820312 4.421875 21.8125 4.402344 21.808594 4.382812 C 21.796875 4.347656 21.785156 4.3125 21.777344 4.28125 C 21.753906 4.203125 21.742188 4.148438 21.742188 4.066406 C 21.726562 4.066406 21.710938 4.0625 21.691406 4.0625 C 21.382812 4.042969 21.070312 4.003906 20.761719 3.96875 C 20.757812 3.863281 20.757812 3.753906 20.757812 3.648438 C 20.757812 3.617188 20.757812 3.585938 20.757812 3.554688 C 20.757812 3.523438 20.757812 3.496094 20.757812 3.464844 C 20.757812 3.4375 20.757812 3.410156 20.757812 3.382812 C 20.761719 3.296875 20.761719 3.296875 20.847656 3.292969 Z M 20.847656 3.292969 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 82.488281 3.25 C 83.046875 3.246094 83.605469 3.246094 84.167969 3.246094 C 84.425781 3.246094 84.6875 3.246094 84.945312 3.246094 C 85.171875 3.242188 85.398438 3.242188 85.625 3.242188 C 85.746094 3.242188 85.867188 3.242188 85.984375 3.242188 C 88.15625 3.238281 88.15625 3.238281 88.894531 3.898438 C 88.914062 3.914062 88.9375 3.929688 88.957031 3.945312 C 89.191406 4.144531 89.363281 4.402344 89.472656 4.691406 C 89.480469 4.714844 89.492188 4.742188 89.5 4.765625 C 89.65625 5.25 89.601562 5.785156 89.382812 6.234375 C 89.117188 6.753906 88.695312 7.078125 88.152344 7.265625 C 87.984375 7.320312 87.816406 7.367188 87.648438 7.410156 C 87.664062 7.414062 87.679688 7.417969 87.699219 7.421875 C 88.523438 7.605469 89.300781 7.851562 89.78125 8.597656 C 90.0625 9.0625 90.125 9.636719 90.003906 10.164062 C 89.808594 10.804688 89.363281 11.304688 88.78125 11.621094 C 88.324219 11.863281 87.820312 11.988281 87.3125 12.054688 C 87.28125 12.058594 87.253906 12.0625 87.222656 12.066406 C 86.777344 12.121094 86.332031 12.109375 85.882812 12.105469 C 85.765625 12.105469 85.644531 12.105469 85.523438 12.105469 C 85.300781 12.105469 85.074219 12.105469 84.847656 12.105469 C 84.589844 12.105469 84.332031 12.105469 84.074219 12.105469 C 83.546875 12.105469 83.015625 12.101562 82.488281 12.101562 C 82.488281 11.878906 82.488281 11.65625 82.488281 11.429688 C 82.859375 11.390625 83.234375 11.347656 83.617188 11.308594 C 83.617188 8.910156 83.617188 6.511719 83.617188 4.042969 C 83.488281 4.035156 83.363281 4.027344 83.230469 4.019531 C 83.117188 4.007812 83.003906 3.996094 82.890625 3.980469 C 82.863281 3.980469 82.832031 3.976562 82.804688 3.972656 C 82.695312 3.960938 82.59375 3.949219 82.488281 3.921875 C 82.488281 3.699219 82.488281 3.476562 82.488281 3.25 Z M 85.390625 3.96875 C 85.390625 4.242188 85.386719 4.515625 85.382812 4.785156 C 85.382812 4.914062 85.378906 5.039062 85.378906 5.164062 C 85.371094 5.824219 85.367188 6.484375 85.367188 7.144531 C 86.488281 7.183594 86.488281 7.183594 87.457031 6.691406 C 87.796875 6.320312 87.859375 5.832031 87.847656 5.351562 C 87.832031 4.992188 87.71875 4.644531 87.460938 4.378906 C 87 3.96875 86.363281 3.964844 85.78125 3.96875 C 85.742188 3.96875 85.703125 3.96875 85.667969 3.96875 C 85.574219 3.96875 85.484375 3.96875 85.390625 3.96875 Z M 85.390625 7.84375 C 85.390625 9.003906 85.390625 10.160156 85.390625 11.355469 C 86.28125 11.386719 86.28125 11.386719 87.152344 11.21875 C 87.171875 11.214844 87.1875 11.207031 87.207031 11.199219 C 87.578125 11.066406 87.886719 10.824219 88.066406 10.46875 C 88.28125 9.988281 88.289062 9.417969 88.125 8.921875 C 87.960938 8.492188 87.664062 8.234375 87.257812 8.046875 C 86.664062 7.804688 86.023438 7.84375 85.390625 7.84375 Z M 85.390625 7.84375 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 76.167969 3.476562 C 76.367188 3.671875 76.507812 3.917969 76.585938 4.1875 C 76.589844 4.203125 76.59375 4.222656 76.601562 4.242188 C 76.707031 4.675781 76.621094 5.144531 76.414062 5.53125 C 76.34375 5.644531 76.265625 5.746094 76.175781 5.847656 C 76.15625 5.867188 76.136719 5.886719 76.117188 5.910156 C 75.71875 6.332031 75.199219 6.617188 74.6875 6.882812 C 74.707031 6.902344 74.726562 6.921875 74.746094 6.941406 C 74.972656 7.191406 74.972656 7.191406 75.066406 7.296875 C 75.140625 7.382812 75.21875 7.464844 75.300781 7.542969 C 75.351562 7.59375 75.394531 7.640625 75.4375 7.695312 C 75.527344 7.796875 75.621094 7.894531 75.714844 7.992188 C 76.089844 8.394531 76.089844 8.394531 76.253906 8.585938 C 76.351562 8.695312 76.449219 8.800781 76.546875 8.90625 C 76.621094 8.980469 76.691406 9.058594 76.761719 9.136719 C 76.773438 9.152344 76.789062 9.164062 76.800781 9.179688 C 76.824219 9.207031 76.851562 9.234375 76.875 9.261719 C 76.933594 9.324219 76.992188 9.382812 77.0625 9.429688 C 77.070312 9.410156 77.070312 9.410156 77.082031 9.386719 C 77.113281 9.304688 77.152344 9.230469 77.195312 9.15625 C 77.5625 8.476562 77.800781 7.753906 77.976562 7 C 77.953125 7 77.933594 6.996094 77.910156 6.996094 C 77.707031 6.96875 77.5 6.9375 77.296875 6.902344 C 77.273438 6.898438 77.25 6.894531 77.222656 6.890625 C 77.050781 6.859375 77.050781 6.859375 76.96875 6.832031 C 76.960938 6.328125 76.960938 6.328125 77.015625 6.160156 C 77.949219 6.160156 78.886719 6.160156 79.847656 6.160156 C 79.847656 6.367188 79.847656 6.574219 79.847656 6.785156 C 79.53125 6.839844 79.214844 6.894531 78.886719 6.953125 C 78.859375 7.046875 78.832031 7.140625 78.804688 7.234375 C 78.539062 8.09375 78.164062 9.035156 77.601562 9.746094 C 77.5625 9.792969 77.5625 9.792969 77.566406 9.851562 C 77.601562 9.933594 77.648438 9.980469 77.714844 10.039062 C 77.792969 10.113281 77.867188 10.1875 77.9375 10.269531 C 78.027344 10.375 78.125 10.46875 78.222656 10.566406 C 78.308594 10.65625 78.390625 10.742188 78.472656 10.839844 C 78.539062 10.914062 78.601562 10.933594 78.695312 10.949219 C 78.71875 10.953125 78.746094 10.957031 78.769531 10.960938 C 78.796875 10.964844 78.824219 10.96875 78.851562 10.972656 C 78.875 10.980469 78.902344 10.984375 78.933594 10.988281 C 79.019531 11.003906 79.105469 11.019531 79.191406 11.03125 C 79.277344 11.046875 79.363281 11.0625 79.449219 11.078125 C 79.503906 11.085938 79.558594 11.097656 79.613281 11.105469 C 79.648438 11.113281 79.648438 11.113281 79.6875 11.117188 C 79.707031 11.121094 79.730469 11.125 79.75 11.128906 C 79.800781 11.140625 79.800781 11.140625 79.824219 11.164062 C 79.820312 11.421875 79.785156 11.679688 79.753906 11.933594 C 79.691406 11.949219 79.632812 11.964844 79.570312 11.980469 C 79.546875 11.984375 79.546875 11.984375 79.519531 11.992188 C 79.214844 12.066406 78.910156 12.085938 78.597656 12.085938 C 78.539062 12.085938 78.484375 12.085938 78.425781 12.085938 C 77.847656 12.089844 77.332031 11.917969 76.894531 11.523438 C 76.855469 11.484375 76.816406 11.445312 76.777344 11.40625 C 76.71875 11.347656 76.660156 11.296875 76.601562 11.242188 C 76.578125 11.21875 76.578125 11.21875 76.554688 11.195312 C 76.515625 11.160156 76.476562 11.125 76.441406 11.089844 C 76.429688 11.101562 76.417969 11.109375 76.410156 11.117188 C 76.140625 11.351562 75.859375 11.554688 75.542969 11.71875 C 75.511719 11.738281 75.476562 11.757812 75.445312 11.777344 C 75.3125 11.847656 75.179688 11.894531 75.039062 11.9375 C 75.011719 11.945312 75.011719 11.945312 74.984375 11.953125 C 74.632812 12.058594 74.269531 12.089844 73.90625 12.085938 C 73.84375 12.085938 73.785156 12.085938 73.722656 12.089844 C 72.941406 12.089844 72.222656 11.824219 71.652344 11.28125 C 71.203125 10.820312 71.023438 10.246094 71.03125 9.609375 C 71.042969 9.058594 71.230469 8.546875 71.59375 8.132812 C 71.609375 8.113281 71.625 8.09375 71.644531 8.070312 C 71.980469 7.683594 72.398438 7.421875 72.839844 7.171875 C 72.871094 7.152344 72.902344 7.132812 72.9375 7.113281 C 72.960938 7.101562 72.984375 7.085938 73.007812 7.074219 C 72.996094 7.0625 72.988281 7.050781 72.976562 7.042969 C 72.398438 6.425781 72.09375 5.613281 72.113281 4.773438 C 72.128906 4.371094 72.257812 3.988281 72.527344 3.679688 C 72.542969 3.660156 72.558594 3.644531 72.570312 3.625 C 72.917969 3.210938 73.496094 2.996094 74.015625 2.933594 C 74.050781 2.929688 74.050781 2.929688 74.082031 2.925781 C 74.804688 2.847656 75.621094 2.964844 76.167969 3.476562 Z M 73.671875 3.796875 C 73.433594 4.113281 73.414062 4.4375 73.457031 4.820312 C 73.550781 5.460938 73.921875 5.9375 74.328125 6.425781 C 74.398438 6.390625 74.449219 6.355469 74.503906 6.300781 C 74.527344 6.28125 74.527344 6.28125 74.550781 6.257812 C 74.566406 6.242188 74.582031 6.226562 74.597656 6.210938 C 74.613281 6.191406 74.628906 6.175781 74.644531 6.160156 C 74.773438 6.03125 74.890625 5.894531 75 5.75 C 75.019531 5.726562 75.035156 5.699219 75.054688 5.675781 C 75.335938 5.292969 75.5 4.859375 75.457031 4.378906 C 75.40625 4.078125 75.289062 3.820312 75.035156 3.636719 C 74.59375 3.363281 74.03125 3.410156 73.671875 3.796875 Z M 73.046875 7.828125 C 72.664062 8.226562 72.519531 8.789062 72.519531 9.332031 C 72.53125 9.800781 72.71875 10.257812 73.039062 10.601562 C 73.46875 10.996094 73.980469 11.140625 74.550781 11.125 C 74.960938 11.105469 75.339844 11.003906 75.703125 10.8125 C 75.71875 10.804688 75.738281 10.796875 75.753906 10.785156 C 75.84375 10.738281 75.90625 10.699219 75.960938 10.609375 C 75.949219 10.601562 75.941406 10.589844 75.933594 10.582031 C 75.460938 10.074219 75.460938 10.074219 75.25 9.8125 C 75.1875 9.738281 75.125 9.664062 75.0625 9.59375 C 74.972656 9.484375 74.882812 9.375 74.796875 9.265625 C 74.695312 9.132812 74.589844 9.003906 74.480469 8.878906 C 74.390625 8.773438 74.304688 8.667969 74.214844 8.5625 C 74.152344 8.484375 74.085938 8.40625 74.019531 8.328125 C 73.921875 8.214844 73.828125 8.101562 73.734375 7.984375 C 73.726562 7.96875 73.714844 7.957031 73.703125 7.941406 C 73.683594 7.914062 73.660156 7.886719 73.640625 7.859375 C 73.589844 7.792969 73.539062 7.730469 73.488281 7.667969 C 73.460938 7.632812 73.460938 7.632812 73.433594 7.601562 C 73.414062 7.578125 73.414062 7.578125 73.390625 7.554688 C 73.265625 7.554688 73.132812 7.742188 73.046875 7.828125 Z M 73.046875 7.828125 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 49.992188 5.535156 C 50.101562 5.609375 50.101562 5.609375 50.136719 5.679688 C 50.136719 5.746094 50.140625 5.8125 50.140625 5.882812 C 50.140625 5.914062 50.140625 5.914062 50.140625 5.941406 C 50.140625 5.984375 50.140625 6.027344 50.140625 6.070312 C 50.140625 6.136719 50.140625 6.203125 50.140625 6.269531 C 50.140625 6.308594 50.140625 6.351562 50.140625 6.390625 C 50.140625 6.410156 50.140625 6.429688 50.140625 6.453125 C 50.140625 6.589844 50.140625 6.589844 50.113281 6.617188 C 50.074219 6.617188 50.035156 6.621094 49.996094 6.621094 C 49.972656 6.621094 49.949219 6.621094 49.921875 6.621094 C 49.894531 6.621094 49.871094 6.617188 49.84375 6.617188 C 49.816406 6.617188 49.789062 6.617188 49.757812 6.617188 C 49.671875 6.617188 49.585938 6.617188 49.5 6.617188 C 49.441406 6.617188 49.378906 6.617188 49.320312 6.617188 C 49.175781 6.617188 49.03125 6.617188 48.886719 6.617188 C 48.898438 6.640625 48.90625 6.660156 48.917969 6.683594 C 48.929688 6.714844 48.945312 6.746094 48.957031 6.773438 C 48.964844 6.789062 48.96875 6.804688 48.976562 6.820312 C 49.203125 7.339844 49.195312 8 48.988281 8.523438 C 48.75 9.0625 48.355469 9.457031 47.804688 9.671875 C 47.066406 9.941406 46.210938 9.941406 45.457031 9.746094 C 45.277344 10.003906 45.214844 10.273438 45.238281 10.585938 C 45.269531 10.699219 45.316406 10.761719 45.402344 10.835938 C 45.617188 10.945312 45.851562 10.949219 46.089844 10.949219 C 46.113281 10.953125 46.132812 10.953125 46.15625 10.953125 C 46.203125 10.953125 46.25 10.953125 46.292969 10.953125 C 46.367188 10.953125 46.441406 10.953125 46.515625 10.953125 C 46.726562 10.953125 46.9375 10.957031 47.144531 10.957031 C 47.273438 10.957031 47.402344 10.957031 47.53125 10.960938 C 47.582031 10.960938 47.628906 10.960938 47.675781 10.960938 C 48.324219 10.960938 49.039062 11.019531 49.53125 11.492188 C 49.546875 11.511719 49.566406 11.53125 49.585938 11.550781 C 49.601562 11.566406 49.617188 11.582031 49.636719 11.597656 C 49.957031 11.929688 50.0625 12.394531 50.066406 12.84375 C 50.054688 13.351562 49.847656 13.800781 49.511719 14.171875 C 49.496094 14.191406 49.480469 14.207031 49.460938 14.226562 C 48.8125 14.921875 47.769531 15.179688 46.855469 15.210938 C 45.890625 15.234375 44.761719 15.230469 44.015625 14.523438 C 43.738281 14.222656 43.660156 13.886719 43.671875 13.488281 C 43.679688 13.363281 43.699219 13.253906 43.753906 13.136719 C 43.761719 13.117188 43.769531 13.09375 43.78125 13.074219 C 43.996094 12.644531 44.386719 12.410156 44.785156 12.175781 C 44.765625 12.167969 44.746094 12.160156 44.730469 12.152344 C 44.398438 11.996094 44.222656 11.808594 44.089844 11.476562 C 43.988281 11.136719 44.070312 10.757812 44.222656 10.453125 C 44.421875 10.109375 44.695312 9.824219 44.976562 9.550781 C 44.960938 9.542969 44.945312 9.53125 44.925781 9.523438 C 44.757812 9.417969 44.613281 9.304688 44.472656 9.167969 C 44.457031 9.152344 44.441406 9.136719 44.425781 9.121094 C 44.214844 8.902344 44.085938 8.597656 44.015625 8.300781 C 44.011719 8.28125 44.003906 8.257812 44 8.238281 C 43.882812 7.675781 43.964844 7.042969 44.277344 6.558594 C 44.621094 6.070312 45.09375 5.773438 45.671875 5.628906 C 45.6875 5.625 45.703125 5.621094 45.71875 5.617188 C 46.25 5.492188 46.917969 5.496094 47.449219 5.628906 C 47.464844 5.632812 47.480469 5.636719 47.496094 5.640625 C 47.6875 5.691406 47.867188 5.761719 48.046875 5.84375 C 48.0625 5.851562 48.078125 5.859375 48.09375 5.867188 C 48.164062 5.902344 48.226562 5.933594 48.289062 5.980469 C 48.390625 6.066406 48.390625 6.066406 48.515625 6.082031 C 48.582031 6.0625 48.644531 6.035156 48.707031 6.003906 C 48.730469 5.996094 48.753906 5.984375 48.78125 5.976562 C 48.855469 5.941406 48.929688 5.910156 49.003906 5.875 C 49.054688 5.851562 49.101562 5.832031 49.152344 5.808594 C 49.320312 5.738281 49.488281 5.664062 49.652344 5.585938 C 49.679688 5.574219 49.703125 5.566406 49.730469 5.554688 C 49.75 5.542969 49.769531 5.535156 49.789062 5.523438 C 49.867188 5.503906 49.917969 5.515625 49.992188 5.535156 Z M 45.835938 6.507812 C 45.472656 6.984375 45.421875 7.597656 45.492188 8.175781 C 45.550781 8.542969 45.6875 8.890625 45.980469 9.132812 C 46.207031 9.285156 46.46875 9.3125 46.734375 9.277344 C 47.015625 9.21875 47.210938 9.089844 47.375 8.855469 C 47.683594 8.375 47.742188 7.746094 47.640625 7.191406 C 47.5625 6.859375 47.402344 6.507812 47.117188 6.308594 C 46.703125 6.074219 46.152344 6.148438 45.835938 6.507812 Z M 45.238281 12.367188 C 44.957031 12.734375 44.867188 13.113281 44.902344 13.570312 C 44.957031 13.84375 45.09375 14.058594 45.316406 14.226562 C 45.613281 14.417969 46.015625 14.496094 46.367188 14.507812 C 46.394531 14.507812 46.394531 14.507812 46.417969 14.507812 C 47.132812 14.527344 47.90625 14.457031 48.453125 13.945312 C 48.652344 13.738281 48.710938 13.515625 48.703125 13.230469 C 48.683594 12.992188 48.570312 12.800781 48.394531 12.644531 C 48.113281 12.441406 47.726562 12.449219 47.398438 12.449219 C 47.355469 12.449219 47.3125 12.449219 47.269531 12.449219 C 47.15625 12.449219 47.046875 12.449219 46.933594 12.449219 C 46.753906 12.449219 46.574219 12.445312 46.394531 12.445312 C 46.332031 12.445312 46.269531 12.445312 46.210938 12.445312 C 45.882812 12.445312 45.5625 12.414062 45.238281 12.367188 Z M 45.238281 12.367188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 53.039062 2.382812 C 53.0625 2.390625 53.0625 2.390625 53.085938 2.398438 C 53.140625 2.429688 53.171875 2.453125 53.207031 2.503906 C 53.230469 2.617188 53.21875 2.730469 53.214844 2.84375 C 53.210938 2.878906 53.210938 2.914062 53.210938 2.953125 C 53.207031 3.027344 53.203125 3.105469 53.199219 3.183594 C 53.191406 3.371094 53.183594 3.558594 53.179688 3.746094 C 53.175781 3.792969 53.175781 3.835938 53.175781 3.882812 C 53.15625 4.441406 53.15625 5 53.15625 5.5625 C 53.15625 5.640625 53.15625 5.71875 53.15625 5.792969 C 53.15625 6.085938 53.160156 6.375 53.160156 6.664062 C 53.179688 6.644531 53.195312 6.625 53.214844 6.605469 C 53.238281 6.578125 53.261719 6.550781 53.285156 6.523438 C 53.296875 6.511719 53.3125 6.5 53.324219 6.484375 C 53.78125 5.984375 54.445312 5.601562 55.128906 5.550781 C 55.640625 5.535156 56.128906 5.578125 56.527344 5.929688 C 56.566406 5.964844 56.601562 6 56.640625 6.039062 C 56.664062 6.0625 56.664062 6.0625 56.691406 6.089844 C 57.246094 6.660156 57.203125 7.570312 57.203125 8.304688 C 57.203125 8.414062 57.203125 8.523438 57.207031 8.632812 C 57.207031 8.839844 57.207031 9.042969 57.207031 9.25 C 57.207031 9.484375 57.210938 9.722656 57.210938 9.957031 C 57.210938 10.4375 57.214844 10.921875 57.214844 11.40625 C 57.246094 11.410156 57.246094 11.410156 57.28125 11.414062 C 57.308594 11.417969 57.335938 11.421875 57.363281 11.425781 C 57.40625 11.433594 57.40625 11.433594 57.445312 11.441406 C 57.558594 11.457031 57.671875 11.480469 57.785156 11.503906 C 57.808594 11.507812 57.828125 11.511719 57.851562 11.515625 C 57.878906 11.519531 57.878906 11.519531 57.910156 11.527344 C 57.929688 11.53125 57.949219 11.535156 57.964844 11.539062 C 58.007812 11.550781 58.007812 11.550781 58.03125 11.574219 C 58.035156 11.613281 58.035156 11.65625 58.035156 11.695312 C 58.035156 11.71875 58.035156 11.746094 58.035156 11.769531 C 58.035156 11.796875 58.035156 11.824219 58.035156 11.851562 C 58.035156 11.875 58.035156 11.902344 58.035156 11.929688 C 58.035156 11.964844 58.035156 11.964844 58.035156 12.003906 C 58.035156 12.027344 58.035156 12.050781 58.035156 12.074219 C 58.03125 12.125 58.03125 12.125 58.007812 12.148438 C 57.964844 12.152344 57.921875 12.152344 57.882812 12.152344 C 57.839844 12.152344 57.839844 12.152344 57.796875 12.152344 C 57.769531 12.152344 57.738281 12.152344 57.707031 12.152344 C 57.675781 12.152344 57.640625 12.152344 57.609375 12.152344 C 57.523438 12.152344 57.433594 12.152344 57.347656 12.152344 C 57.257812 12.152344 57.164062 12.152344 57.074219 12.152344 C 56.917969 12.152344 56.765625 12.152344 56.613281 12.152344 C 56.433594 12.152344 56.257812 12.152344 56.082031 12.152344 C 55.929688 12.152344 55.777344 12.152344 55.625 12.152344 C 55.53125 12.152344 55.441406 12.152344 55.351562 12.152344 C 55.265625 12.152344 55.179688 12.152344 55.09375 12.152344 C 55.046875 12.152344 55 12.152344 54.953125 12.152344 C 54.925781 12.152344 54.898438 12.152344 54.871094 12.152344 C 54.847656 12.152344 54.824219 12.152344 54.796875 12.152344 C 54.742188 12.148438 54.742188 12.148438 54.71875 12.125 C 54.71875 12.085938 54.71875 12.042969 54.71875 12.003906 C 54.71875 11.976562 54.71875 11.953125 54.71875 11.925781 C 54.71875 11.902344 54.71875 11.875 54.71875 11.847656 C 54.71875 11.820312 54.71875 11.796875 54.71875 11.769531 C 54.71875 11.703125 54.71875 11.636719 54.71875 11.574219 C 54.8125 11.53125 54.902344 11.507812 55.003906 11.488281 C 55.03125 11.480469 55.0625 11.476562 55.09375 11.46875 C 55.113281 11.464844 55.128906 11.460938 55.144531 11.460938 C 55.191406 11.449219 55.242188 11.441406 55.289062 11.429688 C 55.527344 11.378906 55.527344 11.378906 55.585938 11.378906 C 55.582031 10.90625 55.582031 10.433594 55.578125 9.960938 C 55.578125 9.742188 55.578125 9.523438 55.574219 9.304688 C 55.574219 9.109375 55.574219 8.917969 55.574219 8.726562 C 55.574219 8.625 55.570312 8.527344 55.570312 8.425781 C 55.570312 8.328125 55.570312 8.234375 55.570312 8.136719 C 55.570312 8.101562 55.570312 8.066406 55.570312 8.03125 C 55.570312 7.664062 55.554688 7.199219 55.289062 6.917969 C 55.054688 6.722656 54.742188 6.746094 54.457031 6.761719 C 54.101562 6.800781 53.738281 7.007812 53.464844 7.234375 C 53.425781 7.265625 53.425781 7.265625 53.371094 7.300781 C 53.273438 7.371094 53.214844 7.421875 53.1875 7.539062 C 53.179688 7.640625 53.179688 7.742188 53.183594 7.84375 C 53.183594 7.882812 53.183594 7.921875 53.183594 7.960938 C 53.183594 8.066406 53.183594 8.167969 53.1875 8.273438 C 53.1875 8.386719 53.1875 8.496094 53.1875 8.605469 C 53.1875 8.8125 53.191406 9.023438 53.191406 9.230469 C 53.195312 9.46875 53.195312 9.703125 53.195312 9.941406 C 53.199219 10.429688 53.203125 10.917969 53.207031 11.40625 C 53.238281 11.410156 53.238281 11.410156 53.265625 11.414062 C 53.351562 11.429688 53.4375 11.445312 53.523438 11.464844 C 53.554688 11.46875 53.585938 11.472656 53.613281 11.480469 C 53.644531 11.484375 53.671875 11.492188 53.703125 11.496094 C 53.730469 11.5 53.753906 11.507812 53.78125 11.511719 C 53.847656 11.523438 53.910156 11.535156 53.976562 11.550781 C 53.976562 11.746094 53.976562 11.945312 53.976562 12.148438 C 52.890625 12.148438 51.804688 12.148438 50.6875 12.148438 C 50.6875 11.953125 50.6875 11.753906 50.6875 11.550781 C 50.964844 11.492188 51.242188 11.4375 51.527344 11.378906 C 51.542969 11.160156 51.554688 10.945312 51.554688 10.722656 C 51.554688 10.691406 51.554688 10.660156 51.554688 10.628906 C 51.554688 10.546875 51.558594 10.464844 51.558594 10.378906 C 51.558594 10.289062 51.558594 10.199219 51.558594 10.109375 C 51.558594 9.953125 51.558594 9.796875 51.558594 9.640625 C 51.558594 9.414062 51.558594 9.1875 51.5625 8.960938 C 51.5625 8.59375 51.5625 8.230469 51.5625 7.863281 C 51.566406 7.507812 51.566406 7.152344 51.566406 6.792969 C 51.566406 6.773438 51.566406 6.75 51.566406 6.726562 C 51.566406 6.617188 51.566406 6.507812 51.566406 6.398438 C 51.570312 5.484375 51.574219 4.570312 51.574219 3.65625 C 51.554688 3.65625 51.535156 3.652344 51.515625 3.652344 C 51.476562 3.648438 51.476562 3.648438 51.4375 3.644531 C 51.414062 3.644531 51.386719 3.640625 51.359375 3.640625 C 51.277344 3.632812 51.195312 3.621094 51.113281 3.609375 C 51.082031 3.605469 51.054688 3.601562 51.023438 3.597656 C 50.996094 3.59375 50.964844 3.589844 50.933594 3.582031 C 50.902344 3.578125 50.871094 3.574219 50.839844 3.570312 C 50.765625 3.558594 50.691406 3.546875 50.617188 3.535156 C 50.617188 3.347656 50.617188 3.15625 50.617188 2.960938 C 50.910156 2.875 51.207031 2.796875 51.5 2.722656 C 51.523438 2.714844 51.542969 2.710938 51.5625 2.707031 C 51.671875 2.679688 51.777344 2.652344 51.886719 2.625 C 51.972656 2.601562 52.0625 2.578125 52.152344 2.554688 C 52.257812 2.527344 52.367188 2.5 52.472656 2.472656 C 52.515625 2.460938 52.554688 2.453125 52.597656 2.441406 C 52.652344 2.425781 52.710938 2.410156 52.765625 2.398438 C 52.78125 2.394531 52.800781 2.386719 52.816406 2.382812 C 52.898438 2.363281 52.960938 2.351562 53.039062 2.382812 Z M 53.039062 2.382812 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 99.691406 6.011719 C 100.109375 6.40625 100.234375 7.003906 100.273438 7.554688 C 100.277344 7.667969 100.277344 7.785156 100.277344 7.898438 C 100.277344 7.933594 100.277344 7.964844 100.277344 8 C 100.277344 8.074219 100.277344 8.144531 100.277344 8.21875 C 100.277344 8.332031 100.277344 8.445312 100.277344 8.558594 C 100.28125 8.886719 100.28125 9.210938 100.28125 9.535156 C 100.28125 9.714844 100.28125 9.894531 100.285156 10.074219 C 100.285156 10.171875 100.285156 10.265625 100.285156 10.359375 C 100.285156 10.449219 100.285156 10.539062 100.285156 10.628906 C 100.285156 10.675781 100.285156 10.726562 100.285156 10.773438 C 100.289062 10.964844 100.292969 11.167969 100.417969 11.320312 C 100.53125 11.378906 100.636719 11.398438 100.757812 11.367188 C 100.898438 11.308594 101.003906 11.21875 101.113281 11.117188 C 101.226562 11.199219 101.339844 11.289062 101.449219 11.378906 C 101.394531 11.527344 101.300781 11.640625 101.207031 11.765625 C 101.179688 11.804688 101.179688 11.804688 101.152344 11.84375 C 100.859375 12.152344 100.476562 12.265625 100.058594 12.277344 C 99.699219 12.269531 99.332031 12.164062 99.066406 11.910156 C 98.933594 11.757812 98.761719 11.519531 98.761719 11.308594 C 98.582031 11.449219 98.582031 11.449219 98.417969 11.605469 C 98.289062 11.738281 98.140625 11.847656 97.992188 11.957031 C 97.96875 11.972656 97.949219 11.992188 97.925781 12.007812 C 97.488281 12.3125 96.855469 12.339844 96.34375 12.25 C 95.917969 12.15625 95.527344 11.929688 95.28125 11.558594 C 95.035156 11.136719 94.964844 10.617188 95.082031 10.140625 C 95.289062 9.527344 95.746094 9.175781 96.300781 8.894531 C 96.941406 8.582031 97.644531 8.375 98.328125 8.179688 C 98.34375 8.175781 98.359375 8.171875 98.375 8.167969 C 98.472656 8.140625 98.566406 8.113281 98.664062 8.085938 C 98.695312 7.195312 98.695312 7.195312 98.328125 6.425781 C 98.121094 6.230469 97.828125 6.203125 97.558594 6.203125 C 97.53125 6.203125 97.53125 6.203125 97.503906 6.203125 C 97.339844 6.207031 97.171875 6.21875 97.007812 6.230469 C 97.003906 6.257812 97.003906 6.289062 97 6.316406 C 96.984375 6.46875 96.957031 6.617188 96.925781 6.765625 C 96.917969 6.816406 96.910156 6.863281 96.902344 6.910156 C 96.832031 7.273438 96.738281 7.585938 96.425781 7.808594 C 96.191406 7.933594 95.945312 7.933594 95.6875 7.867188 C 95.515625 7.808594 95.40625 7.707031 95.320312 7.546875 C 95.234375 7.347656 95.238281 7.183594 95.308594 6.980469 C 95.316406 6.957031 95.316406 6.957031 95.324219 6.929688 C 95.421875 6.644531 95.574219 6.441406 95.785156 6.230469 C 95.800781 6.214844 95.816406 6.195312 95.835938 6.179688 C 96.734375 5.308594 98.742188 5.21875 99.691406 6.011719 Z M 98.394531 8.742188 C 98.292969 8.777344 98.1875 8.8125 98.082031 8.847656 C 97.574219 9.007812 97.011719 9.230469 96.746094 9.722656 C 96.582031 10.042969 96.554688 10.355469 96.648438 10.703125 C 96.71875 10.914062 96.816406 11.042969 97.011719 11.152344 C 97.296875 11.292969 97.609375 11.304688 97.910156 11.199219 C 98.058594 11.132812 98.207031 11.050781 98.34375 10.960938 C 98.398438 10.921875 98.398438 10.921875 98.46875 10.890625 C 98.558594 10.839844 98.644531 10.789062 98.679688 10.683594 C 98.703125 10.542969 98.695312 10.402344 98.691406 10.257812 C 98.6875 10.214844 98.6875 10.167969 98.6875 10.121094 C 98.6875 10 98.683594 9.878906 98.683594 9.757812 C 98.679688 9.636719 98.679688 9.511719 98.675781 9.386719 C 98.675781 9.144531 98.667969 8.902344 98.664062 8.660156 C 98.578125 8.660156 98.476562 8.714844 98.394531 8.742188 Z M 98.394531 8.742188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 38.035156 6.242188 C 38.207031 6.40625 38.332031 6.578125 38.449219 6.785156 C 38.460938 6.808594 38.460938 6.808594 38.472656 6.832031 C 38.835938 7.472656 38.875 8.257812 38.761719 8.972656 C 38.734375 9 38.734375 9 38.671875 9 C 38.625 9 38.625 9 38.578125 9 C 38.5625 9 38.546875 9 38.53125 9 C 38.472656 9 38.417969 9 38.363281 9 C 38.324219 9 38.285156 9 38.242188 9 C 38.136719 9 38.027344 9 37.917969 9 C 37.804688 9 37.695312 9 37.582031 9 C 37.367188 9 37.152344 9 36.9375 9 C 36.695312 9 36.453125 9 36.207031 9 C 35.707031 9 35.207031 9 34.703125 9 C 34.714844 9.089844 34.726562 9.183594 34.738281 9.273438 C 34.742188 9.300781 34.742188 9.328125 34.746094 9.351562 C 34.8125 9.898438 35.007812 10.441406 35.4375 10.808594 C 35.933594 11.1875 36.476562 11.269531 37.089844 11.203125 C 37.539062 11.128906 37.90625 10.847656 38.222656 10.535156 C 38.347656 10.417969 38.347656 10.417969 38.425781 10.417969 C 38.464844 10.445312 38.464844 10.445312 38.503906 10.488281 C 38.589844 10.585938 38.683594 10.671875 38.785156 10.753906 C 38.679688 11.046875 38.46875 11.28125 38.257812 11.5 C 38.242188 11.519531 38.222656 11.535156 38.207031 11.554688 C 37.792969 12 37.171875 12.246094 36.574219 12.320312 C 36.554688 12.320312 36.535156 12.324219 36.515625 12.328125 C 35.640625 12.425781 34.773438 12.210938 34.074219 11.671875 C 33.421875 11.125 33.078125 10.363281 32.976562 9.527344 C 32.972656 9.496094 32.972656 9.496094 32.96875 9.460938 C 32.871094 8.5 33.074219 7.515625 33.675781 6.746094 C 33.707031 6.710938 33.738281 6.675781 33.769531 6.640625 C 33.78125 6.621094 33.796875 6.605469 33.8125 6.585938 C 34.316406 5.988281 35.136719 5.640625 35.902344 5.566406 C 36.699219 5.511719 37.429688 5.699219 38.035156 6.242188 Z M 35.226562 6.652344 C 34.949219 7.007812 34.820312 7.386719 34.746094 7.824219 C 34.742188 7.851562 34.738281 7.875 34.734375 7.898438 C 34.730469 7.921875 34.726562 7.949219 34.722656 7.972656 C 34.71875 7.992188 34.714844 8.015625 34.710938 8.035156 C 34.703125 8.097656 34.703125 8.15625 34.703125 8.222656 C 34.703125 8.242188 34.703125 8.261719 34.703125 8.28125 C 34.703125 8.292969 34.703125 8.308594 34.703125 8.324219 C 34.972656 8.328125 35.242188 8.328125 35.507812 8.328125 C 35.632812 8.328125 35.757812 8.328125 35.882812 8.332031 C 36.003906 8.332031 36.125 8.332031 36.246094 8.332031 C 36.289062 8.332031 36.335938 8.332031 36.382812 8.332031 C 36.445312 8.332031 36.511719 8.332031 36.574219 8.332031 C 36.59375 8.332031 36.613281 8.332031 36.632812 8.332031 C 36.800781 8.332031 36.964844 8.304688 37.085938 8.183594 C 37.273438 7.9375 37.277344 7.609375 37.246094 7.3125 C 37.195312 6.96875 37.015625 6.636719 36.730469 6.425781 C 36.226562 6.113281 35.617188 6.195312 35.226562 6.652344 Z M 35.226562 6.652344 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 112.726562 6.085938 C 112.90625 6.242188 113.058594 6.414062 113.183594 6.617188 C 113.199219 6.636719 113.210938 6.65625 113.226562 6.679688 C 113.628906 7.320312 113.699219 8.167969 113.566406 8.902344 C 113.523438 8.945312 113.449219 8.929688 113.386719 8.929688 C 113.371094 8.929688 113.355469 8.929688 113.339844 8.929688 C 113.28125 8.929688 113.226562 8.929688 113.171875 8.929688 C 113.132812 8.929688 113.089844 8.933594 113.050781 8.933594 C 112.945312 8.933594 112.835938 8.933594 112.726562 8.933594 C 112.613281 8.933594 112.5 8.933594 112.386719 8.933594 C 112.175781 8.9375 111.960938 8.9375 111.746094 8.9375 C 111.503906 8.941406 111.257812 8.941406 111.015625 8.941406 C 110.515625 8.945312 110.011719 8.949219 109.511719 8.949219 C 109.519531 9.023438 109.527344 9.097656 109.535156 9.171875 C 109.535156 9.191406 109.539062 9.210938 109.539062 9.230469 C 109.554688 9.378906 109.578125 9.523438 109.613281 9.667969 C 109.621094 9.6875 109.625 9.710938 109.628906 9.730469 C 109.703125 10.011719 109.808594 10.261719 109.992188 10.488281 C 110.003906 10.507812 110.019531 10.527344 110.035156 10.542969 C 110.320312 10.898438 110.765625 11.117188 111.214844 11.164062 C 111.839844 11.203125 112.339844 11.078125 112.820312 10.671875 C 112.9375 10.570312 113.050781 10.457031 113.160156 10.347656 C 113.230469 10.378906 113.28125 10.414062 113.339844 10.46875 C 113.355469 10.480469 113.367188 10.496094 113.382812 10.507812 C 113.398438 10.523438 113.414062 10.539062 113.429688 10.554688 C 113.445312 10.566406 113.460938 10.582031 113.476562 10.597656 C 113.515625 10.632812 113.554688 10.671875 113.59375 10.707031 C 113.324219 11.316406 112.769531 11.816406 112.15625 12.066406 C 112.054688 12.105469 111.953125 12.136719 111.847656 12.171875 C 111.832031 12.175781 111.816406 12.179688 111.800781 12.183594 C 111.507812 12.265625 111.214844 12.28125 110.914062 12.28125 C 110.898438 12.28125 110.878906 12.28125 110.859375 12.28125 C 110.554688 12.277344 110.261719 12.257812 109.96875 12.175781 C 109.941406 12.167969 109.941406 12.167969 109.914062 12.160156 C 109.203125 11.953125 108.628906 11.503906 108.238281 10.875 C 108.230469 10.859375 108.222656 10.847656 108.210938 10.832031 C 107.699219 9.980469 107.648438 8.855469 107.878906 7.90625 C 108.074219 7.136719 108.570312 6.417969 109.253906 6 C 110.304688 5.378906 111.75 5.261719 112.726562 6.085938 Z M 110.105469 6.496094 C 109.710938 6.9375 109.507812 7.546875 109.511719 8.136719 C 109.511719 8.160156 109.511719 8.179688 109.511719 8.203125 C 109.511719 8.21875 109.511719 8.234375 109.511719 8.253906 C 109.78125 8.253906 110.050781 8.253906 110.316406 8.257812 C 110.441406 8.257812 110.566406 8.257812 110.691406 8.257812 C 110.8125 8.257812 110.933594 8.257812 111.054688 8.257812 C 111.097656 8.257812 111.144531 8.261719 111.191406 8.261719 C 111.253906 8.261719 111.320312 8.261719 111.382812 8.261719 C 111.402344 8.261719 111.421875 8.261719 111.441406 8.261719 C 111.59375 8.261719 111.746094 8.234375 111.871094 8.140625 C 112.082031 7.886719 112.078125 7.605469 112.054688 7.289062 C 112.011719 6.949219 111.867188 6.6875 111.625 6.449219 C 111.609375 6.433594 111.59375 6.417969 111.582031 6.40625 C 111.164062 6.015625 110.496094 6.121094 110.105469 6.496094 Z M 110.105469 6.496094 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 119.207031 6.039062 C 119.210938 6.308594 119.203125 6.578125 119.1875 6.847656 C 119.183594 6.910156 119.183594 6.972656 119.179688 7.035156 C 119.175781 7.078125 119.175781 7.117188 119.171875 7.160156 C 119.171875 7.175781 119.171875 7.195312 119.171875 7.214844 C 119.164062 7.308594 119.152344 7.390625 119.136719 7.484375 C 118.835938 7.484375 118.535156 7.484375 118.222656 7.484375 C 118.207031 7.40625 118.191406 7.328125 118.171875 7.246094 C 118.15625 7.171875 118.140625 7.097656 118.121094 7.023438 C 118.109375 6.96875 118.101562 6.917969 118.089844 6.867188 C 118.070312 6.792969 118.054688 6.714844 118.039062 6.640625 C 118.035156 6.617188 118.027344 6.59375 118.023438 6.570312 C 118.019531 6.550781 118.015625 6.527344 118.007812 6.503906 C 118.003906 6.484375 118 6.464844 117.996094 6.445312 C 117.984375 6.398438 117.984375 6.398438 117.960938 6.351562 C 117.902344 6.332031 117.847656 6.316406 117.789062 6.300781 C 117.765625 6.296875 117.765625 6.296875 117.738281 6.289062 C 117.339844 6.1875 116.835938 6.167969 116.464844 6.375 C 116.296875 6.480469 116.203125 6.609375 116.128906 6.789062 C 116.082031 7.042969 116.105469 7.261719 116.234375 7.484375 C 116.496094 7.828125 117.082031 7.953125 117.46875 8.070312 C 118.183594 8.289062 118.960938 8.597656 119.359375 9.277344 C 119.578125 9.714844 119.621094 10.257812 119.496094 10.734375 C 119.316406 11.277344 118.957031 11.703125 118.449219 11.964844 C 117.460938 12.445312 116.246094 12.394531 115.222656 12.054688 C 115.007812 11.972656 114.804688 11.867188 114.601562 11.765625 C 114.570312 11.234375 114.574219 10.707031 114.574219 10.175781 C 114.886719 10.175781 115.195312 10.175781 115.511719 10.175781 C 115.539062 10.304688 115.539062 10.304688 115.5625 10.433594 C 115.582031 10.515625 115.597656 10.597656 115.613281 10.679688 C 115.625 10.734375 115.636719 10.792969 115.648438 10.847656 C 115.664062 10.929688 115.679688 11.011719 115.695312 11.09375 C 115.703125 11.121094 115.707031 11.144531 115.710938 11.171875 C 115.71875 11.195312 115.722656 11.21875 115.726562 11.242188 C 115.730469 11.261719 115.734375 11.285156 115.738281 11.304688 C 115.75 11.355469 115.75 11.355469 115.777344 11.40625 C 116.324219 11.617188 117.03125 11.667969 117.578125 11.4375 C 117.800781 11.332031 117.949219 11.207031 118.039062 10.972656 C 118.089844 10.761719 118.082031 10.527344 117.992188 10.328125 C 117.910156 10.191406 117.820312 10.105469 117.6875 10.023438 C 117.664062 10.003906 117.636719 9.988281 117.609375 9.972656 C 117.265625 9.769531 116.875 9.65625 116.496094 9.527344 C 116.066406 9.386719 115.683594 9.222656 115.320312 8.949219 C 115.296875 8.933594 115.273438 8.917969 115.25 8.898438 C 115.226562 8.875 115.226562 8.875 115.199219 8.855469 C 115.199219 8.839844 115.199219 8.824219 115.199219 8.804688 C 115.1875 8.800781 115.171875 8.796875 115.160156 8.789062 C 114.933594 8.65625 114.792969 8.285156 114.726562 8.046875 C 114.605469 7.507812 114.6875 6.964844 114.984375 6.496094 C 115.347656 5.957031 115.902344 5.671875 116.523438 5.542969 C 117.460938 5.367188 118.386719 5.574219 119.207031 6.039062 Z M 119.207031 6.039062 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 67.945312 6.109375 C 67.96875 6.136719 67.96875 6.136719 67.96875 6.1875 C 67.96875 6.210938 67.96875 6.234375 67.964844 6.257812 C 67.964844 6.285156 67.964844 6.3125 67.964844 6.339844 C 67.960938 6.367188 67.960938 6.398438 67.960938 6.425781 C 67.960938 6.457031 67.957031 6.484375 67.957031 6.515625 C 67.941406 6.863281 67.917969 7.207031 67.894531 7.554688 C 67.59375 7.554688 67.292969 7.554688 66.984375 7.554688 C 66.921875 7.3125 66.863281 7.070312 66.808594 6.828125 C 66.804688 6.796875 66.796875 6.769531 66.789062 6.742188 C 66.785156 6.714844 66.777344 6.6875 66.773438 6.660156 C 66.765625 6.632812 66.761719 6.609375 66.753906 6.585938 C 66.742188 6.519531 66.742188 6.519531 66.742188 6.425781 C 66.707031 6.414062 66.667969 6.402344 66.628906 6.390625 C 66.605469 6.386719 66.585938 6.378906 66.5625 6.371094 C 66.355469 6.320312 66.15625 6.296875 65.941406 6.296875 C 65.917969 6.296875 65.894531 6.296875 65.871094 6.296875 C 65.5625 6.300781 65.296875 6.351562 65.0625 6.566406 C 64.894531 6.742188 64.859375 6.90625 64.863281 7.148438 C 64.867188 7.285156 64.890625 7.390625 64.96875 7.507812 C 64.976562 7.519531 64.984375 7.535156 64.996094 7.550781 C 65.261719 7.921875 65.914062 8.0625 66.328125 8.179688 C 67.054688 8.390625 67.703125 8.726562 68.089844 9.40625 C 68.214844 9.648438 68.289062 9.90625 68.304688 10.175781 C 68.304688 10.199219 68.304688 10.21875 68.308594 10.242188 C 68.324219 10.753906 68.15625 11.1875 67.824219 11.574219 C 67.808594 11.589844 67.796875 11.605469 67.78125 11.621094 C 67.28125 12.164062 66.515625 12.347656 65.808594 12.390625 C 65.144531 12.414062 64.535156 12.34375 63.910156 12.117188 C 63.886719 12.109375 63.886719 12.109375 63.859375 12.097656 C 63.675781 12.03125 63.507812 11.929688 63.335938 11.835938 C 63.335938 11.632812 63.335938 11.429688 63.335938 11.226562 C 63.335938 11.132812 63.335938 11.039062 63.335938 10.945312 C 63.332031 10.851562 63.332031 10.761719 63.332031 10.671875 C 63.332031 10.636719 63.332031 10.601562 63.332031 10.566406 C 63.332031 10.515625 63.332031 10.46875 63.332031 10.421875 C 63.332031 10.390625 63.332031 10.363281 63.332031 10.335938 C 63.335938 10.273438 63.335938 10.273438 63.359375 10.25 C 63.421875 10.246094 63.484375 10.246094 63.550781 10.246094 C 63.570312 10.246094 63.585938 10.246094 63.605469 10.246094 C 63.648438 10.246094 63.6875 10.246094 63.726562 10.246094 C 63.789062 10.246094 63.851562 10.246094 63.914062 10.246094 C 63.953125 10.246094 63.992188 10.246094 64.03125 10.246094 C 64.050781 10.246094 64.066406 10.246094 64.085938 10.246094 C 64.21875 10.246094 64.21875 10.246094 64.273438 10.273438 C 64.285156 10.316406 64.285156 10.316406 64.296875 10.375 C 64.300781 10.394531 64.304688 10.414062 64.308594 10.4375 C 64.316406 10.460938 64.320312 10.484375 64.324219 10.507812 C 64.328125 10.53125 64.332031 10.554688 64.339844 10.578125 C 64.347656 10.628906 64.359375 10.679688 64.367188 10.730469 C 64.382812 10.808594 64.398438 10.882812 64.414062 10.960938 C 64.421875 11.007812 64.433594 11.058594 64.441406 11.105469 C 64.445312 11.128906 64.453125 11.152344 64.457031 11.175781 C 64.476562 11.285156 64.492188 11.386719 64.488281 11.5 C 64.53125 11.511719 64.53125 11.511719 64.578125 11.519531 C 64.691406 11.546875 64.804688 11.574219 64.921875 11.605469 C 65.117188 11.648438 65.308594 11.648438 65.507812 11.652344 C 65.539062 11.652344 65.570312 11.652344 65.601562 11.652344 C 65.964844 11.652344 66.320312 11.59375 66.605469 11.359375 C 66.761719 11.199219 66.820312 11.003906 66.828125 10.789062 C 66.820312 10.566406 66.761719 10.382812 66.601562 10.226562 C 66.214844 9.933594 65.765625 9.789062 65.3125 9.640625 C 64.621094 9.414062 63.949219 9.125 63.59375 8.445312 C 63.378906 8 63.375 7.464844 63.53125 6.996094 C 63.761719 6.410156 64.183594 6.027344 64.753906 5.773438 C 65.792969 5.351562 66.988281 5.59375 67.945312 6.109375 Z M 67.945312 6.109375 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 105.941406 5.769531 C 105.960938 5.777344 105.976562 5.785156 105.996094 5.792969 C 106.1875 5.867188 106.351562 5.964844 106.535156 6.0625 C 106.511719 6.539062 106.488281 7.015625 106.464844 7.507812 C 106.164062 7.507812 105.863281 7.507812 105.550781 7.507812 C 105.445312 7.101562 105.445312 7.101562 105.410156 6.941406 C 105.40625 6.925781 105.402344 6.910156 105.398438 6.890625 C 105.386719 6.839844 105.375 6.789062 105.367188 6.738281 C 105.359375 6.703125 105.351562 6.667969 105.34375 6.632812 C 105.324219 6.546875 105.304688 6.460938 105.289062 6.375 C 105.234375 6.359375 105.183594 6.34375 105.128906 6.328125 C 105.097656 6.320312 105.070312 6.3125 105.039062 6.304688 C 104.859375 6.253906 104.6875 6.25 104.503906 6.25 C 104.464844 6.25 104.464844 6.25 104.421875 6.25 C 104.136719 6.246094 103.90625 6.3125 103.664062 6.464844 C 103.507812 6.621094 103.417969 6.816406 103.414062 7.042969 C 103.425781 7.25 103.492188 7.433594 103.632812 7.585938 C 103.976562 7.886719 104.484375 8.003906 104.910156 8.132812 C 105.628906 8.351562 106.285156 8.667969 106.667969 9.355469 C 106.878906 9.800781 106.9375 10.371094 106.785156 10.84375 C 106.554688 11.417969 106.144531 11.8125 105.585938 12.070312 C 104.601562 12.488281 103.335938 12.402344 102.359375 12.007812 C 102.203125 11.9375 102.046875 11.859375 101.902344 11.765625 C 101.894531 11.699219 101.894531 11.699219 101.894531 11.617188 C 101.894531 11.585938 101.894531 11.554688 101.890625 11.523438 C 101.890625 11.488281 101.890625 11.453125 101.890625 11.417969 C 101.890625 11.382812 101.890625 11.347656 101.890625 11.3125 C 101.890625 11.222656 101.886719 11.128906 101.886719 11.039062 C 101.886719 10.925781 101.886719 10.816406 101.882812 10.707031 C 101.882812 10.539062 101.882812 10.371094 101.878906 10.203125 C 102.1875 10.203125 102.496094 10.203125 102.816406 10.203125 C 102.871094 10.363281 102.871094 10.363281 102.886719 10.449219 C 102.890625 10.46875 102.894531 10.488281 102.898438 10.507812 C 102.902344 10.527344 102.90625 10.546875 102.910156 10.566406 C 102.914062 10.585938 102.917969 10.609375 102.921875 10.628906 C 102.933594 10.671875 102.941406 10.71875 102.949219 10.761719 C 102.964844 10.828125 102.976562 10.894531 102.988281 10.960938 C 103 11.003906 103.007812 11.046875 103.015625 11.089844 C 103.019531 11.109375 103.023438 11.132812 103.027344 11.152344 C 103.046875 11.246094 103.0625 11.332031 103.054688 11.429688 C 103.699219 11.59375 104.421875 11.726562 105.03125 11.386719 C 105.21875 11.265625 105.316406 11.125 105.375 10.914062 C 105.402344 10.691406 105.378906 10.496094 105.273438 10.292969 C 104.921875 9.867188 104.363281 9.730469 103.859375 9.5625 C 103.1875 9.339844 102.511719 9.058594 102.167969 8.398438 C 101.949219 7.929688 101.9375 7.414062 102.097656 6.929688 C 102.101562 6.90625 102.109375 6.886719 102.117188 6.863281 C 102.269531 6.417969 102.628906 6.066406 103.03125 5.847656 C 103.054688 5.832031 103.078125 5.820312 103.101562 5.808594 C 103.382812 5.65625 103.699219 5.574219 104.015625 5.535156 C 104.035156 5.53125 104.054688 5.527344 104.074219 5.527344 C 104.714844 5.449219 105.34375 5.535156 105.941406 5.769531 Z M 105.941406 5.769531 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 59.953125 3.921875 C 60.316406 3.921875 60.679688 3.921875 61.054688 3.921875 C 61.058594 4.292969 61.054688 4.667969 61.046875 5.039062 C 61.042969 5.066406 61.042969 5.066406 61.042969 5.09375 C 61.042969 5.144531 61.042969 5.195312 61.039062 5.246094 C 61.039062 5.277344 61.039062 5.304688 61.035156 5.335938 C 61.03125 5.472656 61.019531 5.613281 61.007812 5.75 C 61.53125 5.75 62.054688 5.75 62.59375 5.75 C 62.59375 6.035156 62.59375 6.320312 62.59375 6.617188 C 62.0625 6.617188 61.53125 6.617188 60.984375 6.617188 C 60.984375 7.128906 60.988281 7.644531 60.988281 8.160156 C 60.992188 8.398438 60.992188 8.636719 60.992188 8.875 C 60.992188 9.082031 60.992188 9.292969 60.996094 9.5 C 60.996094 9.609375 60.996094 9.71875 60.996094 9.832031 C 60.996094 9.933594 60.996094 10.039062 60.996094 10.140625 C 60.996094 10.179688 60.996094 10.21875 60.996094 10.253906 C 60.992188 10.765625 60.992188 10.765625 61.199219 11.210938 C 61.34375 11.347656 61.507812 11.40625 61.703125 11.40625 C 61.941406 11.371094 62.144531 11.289062 62.355469 11.175781 C 62.457031 11.125 62.457031 11.125 62.519531 11.117188 C 62.558594 11.140625 62.558594 11.140625 62.597656 11.183594 C 62.613281 11.195312 62.625 11.210938 62.640625 11.226562 C 62.652344 11.238281 62.667969 11.253906 62.683594 11.269531 C 62.695312 11.285156 62.710938 11.300781 62.726562 11.316406 C 62.761719 11.351562 62.796875 11.390625 62.832031 11.429688 C 62.785156 11.5625 62.707031 11.65625 62.617188 11.765625 C 62.605469 11.78125 62.59375 11.792969 62.578125 11.808594 C 62.375 12.03125 62.085938 12.183594 61.800781 12.269531 C 61.777344 12.277344 61.75 12.285156 61.726562 12.292969 C 61.511719 12.347656 61.296875 12.351562 61.078125 12.351562 C 61.046875 12.351562 61.019531 12.351562 60.988281 12.351562 C 60.523438 12.351562 60.085938 12.210938 59.730469 11.898438 C 59.542969 11.699219 59.425781 11.40625 59.375 11.140625 C 59.371094 11.117188 59.367188 11.097656 59.363281 11.074219 C 59.351562 10.988281 59.347656 10.902344 59.347656 10.8125 C 59.347656 10.792969 59.347656 10.777344 59.347656 10.757812 C 59.347656 10.695312 59.347656 10.636719 59.347656 10.578125 C 59.347656 10.535156 59.347656 10.492188 59.347656 10.449219 C 59.347656 10.332031 59.347656 10.214844 59.347656 10.097656 C 59.351562 9.972656 59.351562 9.851562 59.351562 9.730469 C 59.351562 9.496094 59.351562 9.265625 59.351562 9.035156 C 59.351562 8.769531 59.351562 8.507812 59.351562 8.242188 C 59.351562 7.703125 59.351562 7.160156 59.351562 6.617188 C 59.035156 6.617188 58.71875 6.617188 58.390625 6.617188 C 58.390625 6.371094 58.390625 6.125 58.390625 5.871094 C 58.914062 5.800781 58.914062 5.800781 59.449219 5.726562 C 59.480469 5.601562 59.515625 5.476562 59.550781 5.351562 C 59.574219 5.269531 59.59375 5.191406 59.617188 5.113281 C 59.652344 4.988281 59.6875 4.863281 59.722656 4.738281 C 59.75 4.640625 59.777344 4.539062 59.804688 4.4375 C 59.816406 4.398438 59.824219 4.359375 59.835938 4.324219 C 59.851562 4.269531 59.867188 4.214844 59.882812 4.160156 C 59.886719 4.144531 59.890625 4.128906 59.894531 4.113281 C 59.914062 4.046875 59.929688 3.984375 59.953125 3.921875 Z M 59.953125 3.921875 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 93.351562 5.554688 C 93.40625 5.59375 93.429688 5.617188 93.445312 5.679688 C 93.449219 5.75 93.445312 5.8125 93.441406 5.878906 C 93.441406 5.90625 93.441406 5.929688 93.441406 5.957031 C 93.4375 6.015625 93.4375 6.070312 93.433594 6.128906 C 93.429688 6.273438 93.425781 6.417969 93.421875 6.5625 C 93.417969 6.617188 93.417969 6.671875 93.417969 6.726562 C 93.402344 7.175781 93.40625 7.625 93.40625 8.074219 C 93.40625 8.195312 93.40625 8.3125 93.40625 8.429688 C 93.40625 8.644531 93.40625 8.859375 93.40625 9.074219 C 93.40625 9.320312 93.40625 9.570312 93.40625 9.816406 C 93.40625 10.320312 93.40625 10.828125 93.40625 11.332031 C 93.425781 11.335938 93.449219 11.339844 93.46875 11.34375 C 93.542969 11.355469 93.613281 11.371094 93.6875 11.382812 C 93.734375 11.390625 93.785156 11.398438 93.832031 11.40625 C 93.859375 11.414062 93.890625 11.417969 93.921875 11.425781 C 93.949219 11.429688 93.976562 11.433594 94.003906 11.4375 C 94.070312 11.449219 94.136719 11.464844 94.199219 11.476562 C 94.199219 11.675781 94.199219 11.875 94.199219 12.078125 C 93.105469 12.078125 92.015625 12.078125 90.886719 12.078125 C 90.886719 11.878906 90.886719 11.679688 90.886719 11.476562 C 90.988281 11.457031 91.085938 11.433594 91.1875 11.414062 C 91.222656 11.40625 91.253906 11.402344 91.289062 11.394531 C 91.339844 11.382812 91.386719 11.375 91.4375 11.363281 C 91.480469 11.355469 91.480469 11.355469 91.527344 11.34375 C 91.601562 11.332031 91.675781 11.332031 91.753906 11.332031 C 91.753906 10.894531 91.753906 10.457031 91.753906 10.023438 C 91.753906 9.820312 91.753906 9.617188 91.753906 9.414062 C 91.753906 9.234375 91.753906 9.058594 91.753906 8.882812 C 91.753906 8.789062 91.753906 8.695312 91.753906 8.601562 C 91.753906 8.066406 91.746094 7.535156 91.726562 7 C 91.683594 6.996094 91.683594 6.996094 91.636719 6.988281 C 91.539062 6.976562 91.4375 6.964844 91.339844 6.953125 C 91.296875 6.945312 91.25 6.941406 91.207031 6.933594 C 91.144531 6.925781 91.082031 6.917969 91.019531 6.910156 C 90.988281 6.90625 90.988281 6.90625 90.957031 6.902344 C 90.820312 6.882812 90.820312 6.882812 90.792969 6.855469 C 90.789062 6.816406 90.789062 6.777344 90.789062 6.738281 C 90.789062 6.714844 90.789062 6.691406 90.789062 6.667969 C 90.789062 6.640625 90.789062 6.617188 90.789062 6.589844 C 90.789062 6.566406 90.789062 6.539062 90.789062 6.515625 C 90.792969 6.453125 90.792969 6.390625 90.792969 6.328125 C 90.96875 6.253906 91.148438 6.1875 91.328125 6.125 C 91.355469 6.117188 91.382812 6.105469 91.414062 6.097656 C 91.503906 6.066406 91.59375 6.03125 91.683594 6 C 91.808594 5.957031 91.929688 5.914062 92.054688 5.871094 C 92.070312 5.867188 92.085938 5.859375 92.101562 5.855469 C 92.285156 5.792969 92.46875 5.726562 92.652344 5.660156 C 92.667969 5.652344 92.6875 5.644531 92.703125 5.640625 C 92.78125 5.609375 92.859375 5.582031 92.9375 5.554688 C 92.976562 5.539062 92.976562 5.539062 93.019531 5.523438 C 93.050781 5.511719 93.050781 5.511719 93.082031 5.5 C 93.1875 5.476562 93.261719 5.503906 93.351562 5.554688 Z M 93.351562 5.554688 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 42.214844 5.652344 C 42.214844 7.542969 42.214844 9.433594 42.214844 11.378906 C 42.535156 11.441406 42.535156 11.441406 42.863281 11.5 C 42.917969 11.515625 42.976562 11.53125 43.03125 11.550781 C 43.03125 11.738281 43.03125 11.929688 43.03125 12.125 C 41.929688 12.125 40.832031 12.125 39.695312 12.125 C 39.695312 11.9375 39.695312 11.746094 39.695312 11.550781 C 39.875 11.5 40.054688 11.460938 40.234375 11.425781 C 40.265625 11.417969 40.265625 11.417969 40.296875 11.410156 C 40.316406 11.40625 40.335938 11.402344 40.355469 11.398438 C 40.375 11.394531 40.394531 11.390625 40.410156 11.386719 C 40.46875 11.378906 40.523438 11.378906 40.585938 11.378906 C 40.582031 10.886719 40.578125 10.390625 40.574219 9.898438 C 40.574219 9.667969 40.574219 9.4375 40.570312 9.207031 C 40.570312 9.007812 40.570312 8.808594 40.570312 8.605469 C 40.566406 8.5 40.566406 8.394531 40.566406 8.289062 C 40.566406 8.191406 40.566406 8.089844 40.566406 7.988281 C 40.566406 7.953125 40.566406 7.917969 40.566406 7.878906 C 40.5625 7.683594 40.558594 7.488281 40.550781 7.292969 C 40.546875 7.273438 40.546875 7.253906 40.546875 7.234375 C 40.542969 7.140625 40.542969 7.140625 40.511719 7.050781 C 40.445312 7.035156 40.378906 7.027344 40.308594 7.019531 C 40.289062 7.015625 40.269531 7.011719 40.25 7.011719 C 40.183594 7.003906 40.121094 6.996094 40.054688 6.988281 C 40.011719 6.980469 39.96875 6.976562 39.921875 6.96875 C 39.816406 6.957031 39.707031 6.941406 39.601562 6.929688 C 39.601562 6.746094 39.601562 6.5625 39.601562 6.375 C 39.964844 6.242188 40.328125 6.109375 40.695312 5.980469 C 40.777344 5.953125 40.859375 5.921875 40.945312 5.894531 C 41 5.875 41.054688 5.855469 41.109375 5.835938 C 41.246094 5.789062 41.386719 5.738281 41.523438 5.6875 C 41.550781 5.675781 41.578125 5.667969 41.605469 5.65625 C 41.660156 5.636719 41.710938 5.617188 41.761719 5.597656 C 41.785156 5.589844 41.808594 5.578125 41.835938 5.570312 C 41.863281 5.558594 41.863281 5.558594 41.894531 5.546875 C 42.027344 5.515625 42.09375 5.585938 42.214844 5.652344 Z M 42.214844 5.652344 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.640625 9.261719 C 8.972656 9.519531 9.191406 9.859375 9.277344 10.273438 C 9.328125 10.675781 9.265625 11.089844 9.019531 11.421875 C 8.734375 11.769531 8.371094 12.007812 7.917969 12.058594 C 7.476562 12.09375 7.078125 11.957031 6.742188 11.667969 C 6.71875 11.648438 6.71875 11.648438 6.695312 11.628906 C 6.421875 11.378906 6.261719 10.992188 6.234375 10.628906 C 6.226562 10.179688 6.355469 9.789062 6.664062 9.457031 C 7.191406 8.921875 8.019531 8.84375 8.640625 9.261719 Z M 8.640625 9.261719 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.855469 4.089844 C 2.941406 4.15625 3.019531 4.230469 3.097656 4.308594 C 3.113281 4.324219 3.128906 4.339844 3.148438 4.359375 C 3.414062 4.640625 3.542969 5.027344 3.539062 5.410156 C 3.519531 5.851562 3.332031 6.21875 3.015625 6.527344 C 2.707031 6.792969 2.304688 6.921875 1.898438 6.898438 C 1.578125 6.871094 1.308594 6.769531 1.054688 6.570312 C 1.03125 6.546875 1.03125 6.546875 1.003906 6.527344 C 0.699219 6.277344 0.527344 5.898438 0.484375 5.511719 C 0.453125 5.121094 0.558594 4.730469 0.804688 4.425781 C 1.003906 4.191406 1.226562 4.03125 1.511719 3.921875 C 1.53125 3.914062 1.550781 3.90625 1.570312 3.898438 C 1.988281 3.757812 2.496094 3.84375 2.855469 4.089844 Z M 2.855469 4.089844 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.960938 11.683594 C 3.269531 11.949219 3.492188 12.316406 3.53125 12.726562 C 3.558594 13.152344 3.449219 13.550781 3.171875 13.878906 C 2.875 14.203125 2.519531 14.375 2.082031 14.417969 C 1.671875 14.433594 1.28125 14.28125 0.972656 14.011719 C 0.660156 13.714844 0.488281 13.324219 0.476562 12.890625 C 0.480469 12.53125 0.59375 12.214844 0.816406 11.933594 C 0.828125 11.917969 0.839844 11.902344 0.851562 11.882812 C 1.078125 11.597656 1.433594 11.421875 1.785156 11.363281 C 2.207031 11.316406 2.628906 11.417969 2.960938 11.683594 Z M 2.960938 11.683594 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.449219 4.167969 C 14.507812 4.222656 14.5625 4.273438 14.617188 4.332031 C 14.628906 4.34375 14.640625 4.355469 14.65625 4.367188 C 14.914062 4.632812 15.015625 5.023438 15.03125 5.378906 C 15.019531 5.734375 14.902344 6.046875 14.6875 6.328125 C 14.675781 6.34375 14.664062 6.359375 14.652344 6.378906 C 14.410156 6.679688 14.042969 6.851562 13.664062 6.898438 C 13.242188 6.925781 12.84375 6.816406 12.523438 6.535156 C 12.484375 6.5 12.445312 6.460938 12.40625 6.425781 C 12.394531 6.410156 12.378906 6.394531 12.363281 6.378906 C 12.085938 6.089844 11.988281 5.707031 11.992188 5.316406 C 12.003906 4.914062 12.167969 4.53125 12.457031 4.25 C 13.023438 3.75 13.847656 3.714844 14.449219 4.167969 Z M 14.449219 4.167969 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 42.046875 2.648438 C 42.253906 2.816406 42.375 3.03125 42.40625 3.296875 C 42.433594 3.558594 42.351562 3.808594 42.191406 4.019531 C 42.007812 4.214844 41.785156 4.351562 41.507812 4.363281 C 41.46875 4.363281 41.429688 4.363281 41.390625 4.363281 C 41.371094 4.363281 41.351562 4.363281 41.332031 4.363281 C 41.058594 4.355469 40.832031 4.273438 40.625 4.089844 C 40.476562 3.933594 40.359375 3.734375 40.34375 3.511719 C 40.34375 3.496094 40.339844 3.480469 40.339844 3.460938 C 40.328125 3.230469 40.390625 2.992188 40.542969 2.8125 C 40.554688 2.796875 40.570312 2.78125 40.585938 2.765625 C 40.597656 2.75 40.613281 2.734375 40.632812 2.714844 C 41.019531 2.339844 41.621094 2.332031 42.046875 2.648438 Z M 42.046875 2.648438 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 93.210938 2.566406 C 93.453125 2.757812 93.570312 2.96875 93.609375 3.273438 C 93.621094 3.53125 93.550781 3.773438 93.378906 3.972656 C 93.367188 3.988281 93.351562 4.003906 93.335938 4.019531 C 93.316406 4.039062 93.316406 4.039062 93.296875 4.058594 C 93.066406 4.28125 92.78125 4.316406 92.476562 4.3125 C 92.355469 4.308594 92.25 4.285156 92.136719 4.234375 C 92.117188 4.226562 92.101562 4.21875 92.082031 4.210938 C 91.871094 4.105469 91.703125 3.9375 91.605469 3.722656 C 91.515625 3.449219 91.515625 3.171875 91.632812 2.90625 C 91.773438 2.652344 92 2.484375 92.277344 2.402344 C 92.605469 2.324219 92.933594 2.375 93.210938 2.566406 Z M 93.210938 2.566406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.320312 5.960938 C 8.539062 6.117188 8.664062 6.320312 8.726562 6.582031 C 8.769531 6.839844 8.710938 7.089844 8.574219 7.3125 C 8.410156 7.535156 8.207031 7.65625 7.945312 7.722656 C 7.621094 7.753906 7.355469 7.6875 7.105469 7.484375 C 6.921875 7.3125 6.8125 7.078125 6.792969 6.832031 C 6.789062 6.535156 6.871094 6.28125 7.078125 6.0625 C 7.4375 5.738281 7.914062 5.710938 8.320312 5.960938 Z M 8.320312 5.960938 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.431373%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.09375 0.820312 C 14.289062 0.96875 14.421875 1.179688 14.472656 1.417969 C 14.5 1.714844 14.464844 1.980469 14.273438 2.214844 C 14.082031 2.421875 13.890625 2.558594 13.605469 2.582031 C 13.320312 2.585938 13.078125 2.535156 12.863281 2.332031 C 12.660156 2.128906 12.550781 1.910156 12.542969 1.621094 C 12.546875 1.332031 12.644531 1.117188 12.839844 0.910156 C 13.199219 0.574219 13.6875 0.5625 14.09375 0.820312 Z M 14.09375 0.820312 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.574219 0.808594 C 2.769531 0.972656 2.925781 1.164062 2.976562 1.417969 C 2.996094 1.71875 2.972656 1.976562 2.777344 2.214844 C 2.585938 2.421875 2.394531 2.558594 2.109375 2.582031 C 1.824219 2.585938 1.582031 2.53125 1.367188 2.332031 C 1.226562 2.195312 1.136719 2.066406 1.078125 1.875 C 1.074219 1.863281 1.070312 1.847656 1.066406 1.832031 C 1.015625 1.570312 1.054688 1.3125 1.195312 1.089844 C 1.515625 0.644531 2.101562 0.484375 2.574219 0.808594 Z M 2.574219 0.808594 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.550781 8.316406 C 2.582031 8.34375 2.609375 8.371094 2.640625 8.398438 C 2.65625 8.414062 2.671875 8.429688 2.691406 8.445312 C 2.878906 8.640625 2.960938 8.847656 2.964844 9.121094 C 2.960938 9.398438 2.882812 9.613281 2.6875 9.816406 C 2.5 9.996094 2.257812 10.109375 1.992188 10.105469 C 1.695312 10.085938 1.449219 9.972656 1.246094 9.753906 C 1.074219 9.535156 1.003906 9.277344 1.03125 9 C 1.089844 8.710938 1.214844 8.484375 1.453125 8.3125 C 1.789062 8.105469 2.222656 8.085938 2.550781 8.316406 Z M 2.550781 8.316406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.058594 8.34375 C 14.269531 8.496094 14.425781 8.714844 14.472656 8.972656 C 14.496094 9.300781 14.441406 9.542969 14.238281 9.804688 C 14.148438 9.90625 14.042969 9.972656 13.921875 10.03125 C 13.894531 10.046875 13.894531 10.046875 13.867188 10.058594 C 13.660156 10.144531 13.386719 10.136719 13.175781 10.066406 C 12.929688 9.960938 12.714844 9.769531 12.613281 9.519531 C 12.601562 9.484375 12.585938 9.445312 12.574219 9.40625 C 12.570312 9.390625 12.566406 9.378906 12.5625 9.363281 C 12.511719 9.109375 12.550781 8.855469 12.679688 8.632812 C 12.824219 8.421875 13.003906 8.277344 13.246094 8.203125 C 13.261719 8.199219 13.277344 8.195312 13.292969 8.191406 C 13.570312 8.136719 13.820312 8.195312 14.058594 8.34375 Z M 14.058594 8.34375 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.375 13.523438 C 8.605469 13.730469 8.71875 13.984375 8.742188 14.289062 C 8.734375 14.554688 8.621094 14.789062 8.445312 14.984375 C 8.25 15.164062 7.996094 15.25 7.734375 15.253906 C 7.46875 15.242188 7.25 15.136719 7.0625 14.953125 C 6.863281 14.730469 6.789062 14.488281 6.792969 14.195312 C 6.832031 13.894531 6.964844 13.664062 7.199219 13.472656 C 7.582031 13.230469 8.015625 13.25 8.375 13.523438 Z M 8.375 13.523438 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.027344 12.066406 C 14.25 12.234375 14.421875 12.449219 14.472656 12.726562 C 14.492188 13.019531 14.464844 13.269531 14.273438 13.5 C 14.089844 13.699219 13.886719 13.84375 13.609375 13.863281 C 13.3125 13.867188 13.058594 13.800781 12.832031 13.589844 C 12.730469 13.480469 12.65625 13.371094 12.601562 13.234375 C 12.589844 13.207031 12.582031 13.183594 12.570312 13.15625 C 12.519531 12.886719 12.539062 12.625 12.679688 12.386719 C 12.984375 11.945312 13.558594 11.765625 14.027344 12.066406 Z M 14.027344 12.066406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.269531 2.203125 C 8.492188 2.371094 8.652344 2.574219 8.703125 2.855469 C 8.738281 3.113281 8.695312 3.371094 8.535156 3.582031 C 8.355469 3.796875 8.136719 3.949219 7.851562 3.976562 C 7.539062 3.988281 7.289062 3.894531 7.054688 3.679688 C 6.851562 3.449219 6.796875 3.222656 6.808594 2.914062 C 6.824219 2.671875 6.929688 2.480469 7.105469 2.308594 C 7.445312 2.039062 7.886719 1.964844 8.269531 2.203125 Z M 8.269531 2.203125 "
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "WeaveIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "width": "120px",
+      "height": "16px",
+      "viewBox": "0 0 120 16",
+      "version": "1.1"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "surface1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 20.847656 3.292969 C 20.875 3.292969 20.902344 3.292969 20.933594 3.292969 C 20.949219 3.292969 20.964844 3.292969 20.980469 3.292969 C 21.035156 3.292969 21.089844 3.292969 21.140625 3.292969 C 21.179688 3.292969 21.21875 3.292969 21.253906 3.292969 C 21.359375 3.292969 21.464844 3.292969 21.566406 3.292969 C 21.675781 3.292969 21.78125 3.292969 21.890625 3.292969 C 22.097656 3.292969 22.300781 3.292969 22.507812 3.292969 C 22.738281 3.292969 22.972656 3.292969 23.207031 3.296875 C 23.6875 3.296875 24.167969 3.296875 24.648438 3.296875 C 24.648438 3.519531 24.648438 3.742188 24.648438 3.96875 C 24.113281 4.042969 24.113281 4.042969 23.566406 4.113281 C 23.667969 4.496094 23.769531 4.882812 23.867188 5.265625 C 23.878906 5.308594 23.878906 5.308594 23.890625 5.351562 C 24.128906 6.269531 24.371094 7.183594 24.609375 8.097656 C 24.675781 8.339844 24.738281 8.582031 24.800781 8.824219 C 24.816406 8.878906 24.832031 8.933594 24.84375 8.992188 C 24.867188 9.078125 24.890625 9.167969 24.914062 9.257812 C 24.921875 9.289062 24.933594 9.320312 24.941406 9.355469 C 24.953125 9.398438 24.964844 9.441406 24.976562 9.484375 C 24.984375 9.523438 24.984375 9.523438 24.996094 9.558594 C 25.007812 9.625 25.007812 9.625 25.007812 9.71875 C 25.023438 9.71875 25.039062 9.71875 25.054688 9.71875 C 25.058594 9.707031 25.058594 9.695312 25.0625 9.679688 C 25.097656 9.492188 25.152344 9.3125 25.210938 9.128906 C 25.222656 9.097656 25.234375 9.0625 25.246094 9.027344 C 25.269531 8.953125 25.292969 8.882812 25.316406 8.808594 C 25.355469 8.691406 25.390625 8.574219 25.429688 8.457031 C 25.464844 8.339844 25.503906 8.21875 25.542969 8.097656 C 25.660156 7.738281 25.773438 7.375 25.890625 7.011719 C 25.902344 6.96875 25.917969 6.921875 25.933594 6.875 C 26.226562 5.945312 26.519531 5.019531 26.808594 4.089844 C 26.785156 4.089844 26.765625 4.089844 26.742188 4.085938 C 26.507812 4.074219 26.273438 4.046875 26.042969 4.015625 C 26.007812 4.011719 25.972656 4.007812 25.933594 4.003906 C 25.851562 3.992188 25.765625 3.980469 25.679688 3.96875 C 25.679688 3.746094 25.679688 3.523438 25.679688 3.296875 C 26.175781 3.296875 26.667969 3.296875 27.160156 3.296875 C 27.390625 3.292969 27.621094 3.292969 27.851562 3.292969 C 28.050781 3.292969 28.25 3.292969 28.449219 3.292969 C 28.554688 3.292969 28.660156 3.292969 28.765625 3.292969 C 28.867188 3.292969 28.964844 3.292969 29.066406 3.292969 C 29.101562 3.292969 29.140625 3.292969 29.175781 3.292969 C 29.226562 3.292969 29.273438 3.292969 29.324219 3.292969 C 29.367188 3.292969 29.367188 3.292969 29.410156 3.292969 C 29.472656 3.296875 29.472656 3.296875 29.496094 3.320312 C 29.5 3.367188 29.5 3.417969 29.5 3.464844 C 29.5 3.492188 29.5 3.515625 29.5 3.542969 C 29.496094 3.59375 29.496094 3.59375 29.496094 3.648438 C 29.496094 3.753906 29.496094 3.859375 29.496094 3.96875 C 29.09375 4.015625 28.6875 4.066406 28.273438 4.113281 C 28.679688 5.460938 28.679688 5.460938 29.089844 6.808594 C 29.105469 6.859375 29.121094 6.910156 29.136719 6.960938 C 29.234375 7.292969 29.335938 7.625 29.4375 7.960938 C 29.484375 8.113281 29.53125 8.265625 29.578125 8.417969 C 29.605469 8.507812 29.632812 8.597656 29.660156 8.691406 C 29.878906 9.40625 29.878906 9.40625 29.976562 9.746094 C 30.027344 9.664062 30.046875 9.601562 30.070312 9.507812 C 30.078125 9.484375 30.078125 9.484375 30.085938 9.457031 C 30.101562 9.402344 30.117188 9.34375 30.132812 9.289062 C 30.144531 9.25 30.152344 9.207031 30.164062 9.167969 C 30.1875 9.082031 30.214844 8.992188 30.238281 8.90625 C 30.292969 8.691406 30.351562 8.480469 30.410156 8.269531 C 30.433594 8.191406 30.453125 8.117188 30.472656 8.042969 C 30.621094 7.5 30.769531 6.960938 30.921875 6.421875 C 30.949219 6.324219 30.976562 6.226562 31 6.128906 C 31.066406 5.902344 31.128906 5.675781 31.191406 5.449219 C 31.230469 5.308594 31.269531 5.164062 31.308594 5.023438 C 31.335938 4.925781 31.363281 4.828125 31.390625 4.734375 C 31.402344 4.6875 31.414062 4.640625 31.429688 4.59375 C 31.445312 4.53125 31.464844 4.46875 31.480469 4.40625 C 31.488281 4.386719 31.492188 4.367188 31.496094 4.347656 C 31.515625 4.277344 31.535156 4.207031 31.558594 4.136719 C 31.210938 4.074219 30.855469 4.023438 30.503906 3.96875 C 30.503906 3.746094 30.503906 3.523438 30.503906 3.296875 C 30.878906 3.296875 31.253906 3.296875 31.628906 3.296875 C 31.804688 3.292969 31.976562 3.292969 32.152344 3.292969 C 32.304688 3.292969 32.457031 3.292969 32.605469 3.292969 C 32.6875 3.292969 32.769531 3.292969 32.847656 3.292969 C 32.9375 3.292969 33.027344 3.292969 33.117188 3.292969 C 33.144531 3.292969 33.171875 3.292969 33.199219 3.292969 C 33.222656 3.292969 33.246094 3.292969 33.273438 3.292969 C 33.304688 3.292969 33.304688 3.292969 33.335938 3.292969 C 33.382812 3.296875 33.382812 3.296875 33.40625 3.320312 C 33.410156 3.367188 33.410156 3.414062 33.410156 3.460938 C 33.410156 3.488281 33.410156 3.515625 33.410156 3.542969 C 33.410156 3.574219 33.410156 3.605469 33.410156 3.632812 C 33.410156 3.664062 33.410156 3.695312 33.410156 3.726562 C 33.410156 3.796875 33.410156 3.871094 33.40625 3.945312 C 33.292969 3.964844 33.175781 3.984375 33.0625 4.007812 C 33.023438 4.011719 32.984375 4.019531 32.945312 4.027344 C 32.738281 4.0625 32.535156 4.097656 32.328125 4.113281 C 32.320312 4.144531 32.320312 4.144531 32.3125 4.179688 C 32.238281 4.480469 32.15625 4.78125 32.070312 5.082031 C 32.058594 5.128906 32.042969 5.171875 32.03125 5.21875 C 31.875 5.78125 31.714844 6.347656 31.550781 6.910156 C 31.375 7.535156 31.195312 8.160156 31.019531 8.785156 C 30.992188 8.871094 30.96875 8.957031 30.945312 9.042969 C 30.835938 9.433594 30.722656 9.820312 30.613281 10.210938 C 30.566406 10.378906 30.519531 10.542969 30.472656 10.707031 C 30.445312 10.804688 30.417969 10.902344 30.390625 11 C 30.277344 11.390625 30.167969 11.785156 30.046875 12.175781 C 29.730469 12.175781 29.414062 12.175781 29.089844 12.175781 C 29.03125 12.003906 29.03125 12.003906 28.976562 11.832031 C 28.925781 11.675781 28.878906 11.523438 28.828125 11.367188 C 28.820312 11.347656 28.8125 11.328125 28.808594 11.304688 C 28.632812 10.769531 28.460938 10.230469 28.285156 9.695312 C 28.144531 9.273438 28.007812 8.847656 27.875 8.425781 C 27.695312 7.867188 27.515625 7.308594 27.332031 6.753906 C 27.304688 6.679688 27.28125 6.605469 27.257812 6.53125 C 27.238281 6.476562 27.222656 6.425781 27.207031 6.375 C 27.046875 5.894531 27.046875 5.894531 27.046875 5.796875 C 27.03125 5.796875 27.015625 5.796875 27 5.796875 C 26.996094 5.8125 26.996094 5.828125 26.992188 5.84375 C 26.964844 5.988281 26.925781 6.132812 26.882812 6.273438 C 26.875 6.296875 26.867188 6.316406 26.859375 6.339844 C 26.84375 6.390625 26.828125 6.4375 26.8125 6.488281 C 26.769531 6.625 26.726562 6.761719 26.683594 6.898438 C 26.675781 6.929688 26.664062 6.957031 26.65625 6.988281 C 26.546875 7.328125 26.445312 7.667969 26.339844 8.007812 C 26.316406 8.078125 26.296875 8.144531 26.273438 8.214844 C 26.230469 8.355469 26.1875 8.496094 26.144531 8.636719 C 26.074219 8.863281 26.007812 9.089844 25.9375 9.3125 C 25.933594 9.328125 25.925781 9.347656 25.921875 9.363281 C 25.894531 9.449219 25.871094 9.535156 25.84375 9.617188 C 25.796875 9.769531 25.75 9.921875 25.703125 10.074219 C 25.675781 10.15625 25.652344 10.242188 25.625 10.328125 C 25.613281 10.363281 25.605469 10.394531 25.59375 10.429688 C 25.414062 11.011719 25.234375 11.59375 25.054688 12.175781 C 24.738281 12.175781 24.421875 12.175781 24.097656 12.175781 C 23.816406 11.230469 23.535156 10.285156 23.261719 9.339844 C 23.253906 9.320312 23.25 9.304688 23.246094 9.285156 C 23.195312 9.117188 23.144531 8.949219 23.097656 8.78125 C 22.960938 8.3125 22.824219 7.84375 22.6875 7.375 C 22.664062 7.304688 22.644531 7.234375 22.625 7.164062 C 22.414062 6.449219 22.207031 5.738281 22 5.027344 C 21.976562 4.953125 21.953125 4.878906 21.933594 4.804688 C 21.898438 4.683594 21.859375 4.5625 21.824219 4.441406 C 21.820312 4.421875 21.8125 4.402344 21.808594 4.382812 C 21.796875 4.347656 21.785156 4.3125 21.777344 4.28125 C 21.753906 4.203125 21.742188 4.148438 21.742188 4.066406 C 21.726562 4.066406 21.710938 4.0625 21.691406 4.0625 C 21.382812 4.042969 21.070312 4.003906 20.761719 3.96875 C 20.757812 3.863281 20.757812 3.753906 20.757812 3.648438 C 20.757812 3.617188 20.757812 3.585938 20.757812 3.554688 C 20.757812 3.523438 20.757812 3.496094 20.757812 3.464844 C 20.757812 3.4375 20.757812 3.410156 20.757812 3.382812 C 20.761719 3.296875 20.761719 3.296875 20.847656 3.292969 Z M 20.847656 3.292969 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 82.488281 3.25 C 83.046875 3.246094 83.605469 3.246094 84.167969 3.246094 C 84.425781 3.246094 84.6875 3.246094 84.945312 3.246094 C 85.171875 3.242188 85.398438 3.242188 85.625 3.242188 C 85.746094 3.242188 85.867188 3.242188 85.984375 3.242188 C 88.15625 3.238281 88.15625 3.238281 88.894531 3.898438 C 88.914062 3.914062 88.9375 3.929688 88.957031 3.945312 C 89.191406 4.144531 89.363281 4.402344 89.472656 4.691406 C 89.480469 4.714844 89.492188 4.742188 89.5 4.765625 C 89.65625 5.25 89.601562 5.785156 89.382812 6.234375 C 89.117188 6.753906 88.695312 7.078125 88.152344 7.265625 C 87.984375 7.320312 87.816406 7.367188 87.648438 7.410156 C 87.664062 7.414062 87.679688 7.417969 87.699219 7.421875 C 88.523438 7.605469 89.300781 7.851562 89.78125 8.597656 C 90.0625 9.0625 90.125 9.636719 90.003906 10.164062 C 89.808594 10.804688 89.363281 11.304688 88.78125 11.621094 C 88.324219 11.863281 87.820312 11.988281 87.3125 12.054688 C 87.28125 12.058594 87.253906 12.0625 87.222656 12.066406 C 86.777344 12.121094 86.332031 12.109375 85.882812 12.105469 C 85.765625 12.105469 85.644531 12.105469 85.523438 12.105469 C 85.300781 12.105469 85.074219 12.105469 84.847656 12.105469 C 84.589844 12.105469 84.332031 12.105469 84.074219 12.105469 C 83.546875 12.105469 83.015625 12.101562 82.488281 12.101562 C 82.488281 11.878906 82.488281 11.65625 82.488281 11.429688 C 82.859375 11.390625 83.234375 11.347656 83.617188 11.308594 C 83.617188 8.910156 83.617188 6.511719 83.617188 4.042969 C 83.488281 4.035156 83.363281 4.027344 83.230469 4.019531 C 83.117188 4.007812 83.003906 3.996094 82.890625 3.980469 C 82.863281 3.980469 82.832031 3.976562 82.804688 3.972656 C 82.695312 3.960938 82.59375 3.949219 82.488281 3.921875 C 82.488281 3.699219 82.488281 3.476562 82.488281 3.25 Z M 85.390625 3.96875 C 85.390625 4.242188 85.386719 4.515625 85.382812 4.785156 C 85.382812 4.914062 85.378906 5.039062 85.378906 5.164062 C 85.371094 5.824219 85.367188 6.484375 85.367188 7.144531 C 86.488281 7.183594 86.488281 7.183594 87.457031 6.691406 C 87.796875 6.320312 87.859375 5.832031 87.847656 5.351562 C 87.832031 4.992188 87.71875 4.644531 87.460938 4.378906 C 87 3.96875 86.363281 3.964844 85.78125 3.96875 C 85.742188 3.96875 85.703125 3.96875 85.667969 3.96875 C 85.574219 3.96875 85.484375 3.96875 85.390625 3.96875 Z M 85.390625 7.84375 C 85.390625 9.003906 85.390625 10.160156 85.390625 11.355469 C 86.28125 11.386719 86.28125 11.386719 87.152344 11.21875 C 87.171875 11.214844 87.1875 11.207031 87.207031 11.199219 C 87.578125 11.066406 87.886719 10.824219 88.066406 10.46875 C 88.28125 9.988281 88.289062 9.417969 88.125 8.921875 C 87.960938 8.492188 87.664062 8.234375 87.257812 8.046875 C 86.664062 7.804688 86.023438 7.84375 85.390625 7.84375 Z M 85.390625 7.84375 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 76.167969 3.476562 C 76.367188 3.671875 76.507812 3.917969 76.585938 4.1875 C 76.589844 4.203125 76.59375 4.222656 76.601562 4.242188 C 76.707031 4.675781 76.621094 5.144531 76.414062 5.53125 C 76.34375 5.644531 76.265625 5.746094 76.175781 5.847656 C 76.15625 5.867188 76.136719 5.886719 76.117188 5.910156 C 75.71875 6.332031 75.199219 6.617188 74.6875 6.882812 C 74.707031 6.902344 74.726562 6.921875 74.746094 6.941406 C 74.972656 7.191406 74.972656 7.191406 75.066406 7.296875 C 75.140625 7.382812 75.21875 7.464844 75.300781 7.542969 C 75.351562 7.59375 75.394531 7.640625 75.4375 7.695312 C 75.527344 7.796875 75.621094 7.894531 75.714844 7.992188 C 76.089844 8.394531 76.089844 8.394531 76.253906 8.585938 C 76.351562 8.695312 76.449219 8.800781 76.546875 8.90625 C 76.621094 8.980469 76.691406 9.058594 76.761719 9.136719 C 76.773438 9.152344 76.789062 9.164062 76.800781 9.179688 C 76.824219 9.207031 76.851562 9.234375 76.875 9.261719 C 76.933594 9.324219 76.992188 9.382812 77.0625 9.429688 C 77.070312 9.410156 77.070312 9.410156 77.082031 9.386719 C 77.113281 9.304688 77.152344 9.230469 77.195312 9.15625 C 77.5625 8.476562 77.800781 7.753906 77.976562 7 C 77.953125 7 77.933594 6.996094 77.910156 6.996094 C 77.707031 6.96875 77.5 6.9375 77.296875 6.902344 C 77.273438 6.898438 77.25 6.894531 77.222656 6.890625 C 77.050781 6.859375 77.050781 6.859375 76.96875 6.832031 C 76.960938 6.328125 76.960938 6.328125 77.015625 6.160156 C 77.949219 6.160156 78.886719 6.160156 79.847656 6.160156 C 79.847656 6.367188 79.847656 6.574219 79.847656 6.785156 C 79.53125 6.839844 79.214844 6.894531 78.886719 6.953125 C 78.859375 7.046875 78.832031 7.140625 78.804688 7.234375 C 78.539062 8.09375 78.164062 9.035156 77.601562 9.746094 C 77.5625 9.792969 77.5625 9.792969 77.566406 9.851562 C 77.601562 9.933594 77.648438 9.980469 77.714844 10.039062 C 77.792969 10.113281 77.867188 10.1875 77.9375 10.269531 C 78.027344 10.375 78.125 10.46875 78.222656 10.566406 C 78.308594 10.65625 78.390625 10.742188 78.472656 10.839844 C 78.539062 10.914062 78.601562 10.933594 78.695312 10.949219 C 78.71875 10.953125 78.746094 10.957031 78.769531 10.960938 C 78.796875 10.964844 78.824219 10.96875 78.851562 10.972656 C 78.875 10.980469 78.902344 10.984375 78.933594 10.988281 C 79.019531 11.003906 79.105469 11.019531 79.191406 11.03125 C 79.277344 11.046875 79.363281 11.0625 79.449219 11.078125 C 79.503906 11.085938 79.558594 11.097656 79.613281 11.105469 C 79.648438 11.113281 79.648438 11.113281 79.6875 11.117188 C 79.707031 11.121094 79.730469 11.125 79.75 11.128906 C 79.800781 11.140625 79.800781 11.140625 79.824219 11.164062 C 79.820312 11.421875 79.785156 11.679688 79.753906 11.933594 C 79.691406 11.949219 79.632812 11.964844 79.570312 11.980469 C 79.546875 11.984375 79.546875 11.984375 79.519531 11.992188 C 79.214844 12.066406 78.910156 12.085938 78.597656 12.085938 C 78.539062 12.085938 78.484375 12.085938 78.425781 12.085938 C 77.847656 12.089844 77.332031 11.917969 76.894531 11.523438 C 76.855469 11.484375 76.816406 11.445312 76.777344 11.40625 C 76.71875 11.347656 76.660156 11.296875 76.601562 11.242188 C 76.578125 11.21875 76.578125 11.21875 76.554688 11.195312 C 76.515625 11.160156 76.476562 11.125 76.441406 11.089844 C 76.429688 11.101562 76.417969 11.109375 76.410156 11.117188 C 76.140625 11.351562 75.859375 11.554688 75.542969 11.71875 C 75.511719 11.738281 75.476562 11.757812 75.445312 11.777344 C 75.3125 11.847656 75.179688 11.894531 75.039062 11.9375 C 75.011719 11.945312 75.011719 11.945312 74.984375 11.953125 C 74.632812 12.058594 74.269531 12.089844 73.90625 12.085938 C 73.84375 12.085938 73.785156 12.085938 73.722656 12.089844 C 72.941406 12.089844 72.222656 11.824219 71.652344 11.28125 C 71.203125 10.820312 71.023438 10.246094 71.03125 9.609375 C 71.042969 9.058594 71.230469 8.546875 71.59375 8.132812 C 71.609375 8.113281 71.625 8.09375 71.644531 8.070312 C 71.980469 7.683594 72.398438 7.421875 72.839844 7.171875 C 72.871094 7.152344 72.902344 7.132812 72.9375 7.113281 C 72.960938 7.101562 72.984375 7.085938 73.007812 7.074219 C 72.996094 7.0625 72.988281 7.050781 72.976562 7.042969 C 72.398438 6.425781 72.09375 5.613281 72.113281 4.773438 C 72.128906 4.371094 72.257812 3.988281 72.527344 3.679688 C 72.542969 3.660156 72.558594 3.644531 72.570312 3.625 C 72.917969 3.210938 73.496094 2.996094 74.015625 2.933594 C 74.050781 2.929688 74.050781 2.929688 74.082031 2.925781 C 74.804688 2.847656 75.621094 2.964844 76.167969 3.476562 Z M 73.671875 3.796875 C 73.433594 4.113281 73.414062 4.4375 73.457031 4.820312 C 73.550781 5.460938 73.921875 5.9375 74.328125 6.425781 C 74.398438 6.390625 74.449219 6.355469 74.503906 6.300781 C 74.527344 6.28125 74.527344 6.28125 74.550781 6.257812 C 74.566406 6.242188 74.582031 6.226562 74.597656 6.210938 C 74.613281 6.191406 74.628906 6.175781 74.644531 6.160156 C 74.773438 6.03125 74.890625 5.894531 75 5.75 C 75.019531 5.726562 75.035156 5.699219 75.054688 5.675781 C 75.335938 5.292969 75.5 4.859375 75.457031 4.378906 C 75.40625 4.078125 75.289062 3.820312 75.035156 3.636719 C 74.59375 3.363281 74.03125 3.410156 73.671875 3.796875 Z M 73.046875 7.828125 C 72.664062 8.226562 72.519531 8.789062 72.519531 9.332031 C 72.53125 9.800781 72.71875 10.257812 73.039062 10.601562 C 73.46875 10.996094 73.980469 11.140625 74.550781 11.125 C 74.960938 11.105469 75.339844 11.003906 75.703125 10.8125 C 75.71875 10.804688 75.738281 10.796875 75.753906 10.785156 C 75.84375 10.738281 75.90625 10.699219 75.960938 10.609375 C 75.949219 10.601562 75.941406 10.589844 75.933594 10.582031 C 75.460938 10.074219 75.460938 10.074219 75.25 9.8125 C 75.1875 9.738281 75.125 9.664062 75.0625 9.59375 C 74.972656 9.484375 74.882812 9.375 74.796875 9.265625 C 74.695312 9.132812 74.589844 9.003906 74.480469 8.878906 C 74.390625 8.773438 74.304688 8.667969 74.214844 8.5625 C 74.152344 8.484375 74.085938 8.40625 74.019531 8.328125 C 73.921875 8.214844 73.828125 8.101562 73.734375 7.984375 C 73.726562 7.96875 73.714844 7.957031 73.703125 7.941406 C 73.683594 7.914062 73.660156 7.886719 73.640625 7.859375 C 73.589844 7.792969 73.539062 7.730469 73.488281 7.667969 C 73.460938 7.632812 73.460938 7.632812 73.433594 7.601562 C 73.414062 7.578125 73.414062 7.578125 73.390625 7.554688 C 73.265625 7.554688 73.132812 7.742188 73.046875 7.828125 Z M 73.046875 7.828125 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 49.992188 5.535156 C 50.101562 5.609375 50.101562 5.609375 50.136719 5.679688 C 50.136719 5.746094 50.140625 5.8125 50.140625 5.882812 C 50.140625 5.914062 50.140625 5.914062 50.140625 5.941406 C 50.140625 5.984375 50.140625 6.027344 50.140625 6.070312 C 50.140625 6.136719 50.140625 6.203125 50.140625 6.269531 C 50.140625 6.308594 50.140625 6.351562 50.140625 6.390625 C 50.140625 6.410156 50.140625 6.429688 50.140625 6.453125 C 50.140625 6.589844 50.140625 6.589844 50.113281 6.617188 C 50.074219 6.617188 50.035156 6.621094 49.996094 6.621094 C 49.972656 6.621094 49.949219 6.621094 49.921875 6.621094 C 49.894531 6.621094 49.871094 6.617188 49.84375 6.617188 C 49.816406 6.617188 49.789062 6.617188 49.757812 6.617188 C 49.671875 6.617188 49.585938 6.617188 49.5 6.617188 C 49.441406 6.617188 49.378906 6.617188 49.320312 6.617188 C 49.175781 6.617188 49.03125 6.617188 48.886719 6.617188 C 48.898438 6.640625 48.90625 6.660156 48.917969 6.683594 C 48.929688 6.714844 48.945312 6.746094 48.957031 6.773438 C 48.964844 6.789062 48.96875 6.804688 48.976562 6.820312 C 49.203125 7.339844 49.195312 8 48.988281 8.523438 C 48.75 9.0625 48.355469 9.457031 47.804688 9.671875 C 47.066406 9.941406 46.210938 9.941406 45.457031 9.746094 C 45.277344 10.003906 45.214844 10.273438 45.238281 10.585938 C 45.269531 10.699219 45.316406 10.761719 45.402344 10.835938 C 45.617188 10.945312 45.851562 10.949219 46.089844 10.949219 C 46.113281 10.953125 46.132812 10.953125 46.15625 10.953125 C 46.203125 10.953125 46.25 10.953125 46.292969 10.953125 C 46.367188 10.953125 46.441406 10.953125 46.515625 10.953125 C 46.726562 10.953125 46.9375 10.957031 47.144531 10.957031 C 47.273438 10.957031 47.402344 10.957031 47.53125 10.960938 C 47.582031 10.960938 47.628906 10.960938 47.675781 10.960938 C 48.324219 10.960938 49.039062 11.019531 49.53125 11.492188 C 49.546875 11.511719 49.566406 11.53125 49.585938 11.550781 C 49.601562 11.566406 49.617188 11.582031 49.636719 11.597656 C 49.957031 11.929688 50.0625 12.394531 50.066406 12.84375 C 50.054688 13.351562 49.847656 13.800781 49.511719 14.171875 C 49.496094 14.191406 49.480469 14.207031 49.460938 14.226562 C 48.8125 14.921875 47.769531 15.179688 46.855469 15.210938 C 45.890625 15.234375 44.761719 15.230469 44.015625 14.523438 C 43.738281 14.222656 43.660156 13.886719 43.671875 13.488281 C 43.679688 13.363281 43.699219 13.253906 43.753906 13.136719 C 43.761719 13.117188 43.769531 13.09375 43.78125 13.074219 C 43.996094 12.644531 44.386719 12.410156 44.785156 12.175781 C 44.765625 12.167969 44.746094 12.160156 44.730469 12.152344 C 44.398438 11.996094 44.222656 11.808594 44.089844 11.476562 C 43.988281 11.136719 44.070312 10.757812 44.222656 10.453125 C 44.421875 10.109375 44.695312 9.824219 44.976562 9.550781 C 44.960938 9.542969 44.945312 9.53125 44.925781 9.523438 C 44.757812 9.417969 44.613281 9.304688 44.472656 9.167969 C 44.457031 9.152344 44.441406 9.136719 44.425781 9.121094 C 44.214844 8.902344 44.085938 8.597656 44.015625 8.300781 C 44.011719 8.28125 44.003906 8.257812 44 8.238281 C 43.882812 7.675781 43.964844 7.042969 44.277344 6.558594 C 44.621094 6.070312 45.09375 5.773438 45.671875 5.628906 C 45.6875 5.625 45.703125 5.621094 45.71875 5.617188 C 46.25 5.492188 46.917969 5.496094 47.449219 5.628906 C 47.464844 5.632812 47.480469 5.636719 47.496094 5.640625 C 47.6875 5.691406 47.867188 5.761719 48.046875 5.84375 C 48.0625 5.851562 48.078125 5.859375 48.09375 5.867188 C 48.164062 5.902344 48.226562 5.933594 48.289062 5.980469 C 48.390625 6.066406 48.390625 6.066406 48.515625 6.082031 C 48.582031 6.0625 48.644531 6.035156 48.707031 6.003906 C 48.730469 5.996094 48.753906 5.984375 48.78125 5.976562 C 48.855469 5.941406 48.929688 5.910156 49.003906 5.875 C 49.054688 5.851562 49.101562 5.832031 49.152344 5.808594 C 49.320312 5.738281 49.488281 5.664062 49.652344 5.585938 C 49.679688 5.574219 49.703125 5.566406 49.730469 5.554688 C 49.75 5.542969 49.769531 5.535156 49.789062 5.523438 C 49.867188 5.503906 49.917969 5.515625 49.992188 5.535156 Z M 45.835938 6.507812 C 45.472656 6.984375 45.421875 7.597656 45.492188 8.175781 C 45.550781 8.542969 45.6875 8.890625 45.980469 9.132812 C 46.207031 9.285156 46.46875 9.3125 46.734375 9.277344 C 47.015625 9.21875 47.210938 9.089844 47.375 8.855469 C 47.683594 8.375 47.742188 7.746094 47.640625 7.191406 C 47.5625 6.859375 47.402344 6.507812 47.117188 6.308594 C 46.703125 6.074219 46.152344 6.148438 45.835938 6.507812 Z M 45.238281 12.367188 C 44.957031 12.734375 44.867188 13.113281 44.902344 13.570312 C 44.957031 13.84375 45.09375 14.058594 45.316406 14.226562 C 45.613281 14.417969 46.015625 14.496094 46.367188 14.507812 C 46.394531 14.507812 46.394531 14.507812 46.417969 14.507812 C 47.132812 14.527344 47.90625 14.457031 48.453125 13.945312 C 48.652344 13.738281 48.710938 13.515625 48.703125 13.230469 C 48.683594 12.992188 48.570312 12.800781 48.394531 12.644531 C 48.113281 12.441406 47.726562 12.449219 47.398438 12.449219 C 47.355469 12.449219 47.3125 12.449219 47.269531 12.449219 C 47.15625 12.449219 47.046875 12.449219 46.933594 12.449219 C 46.753906 12.449219 46.574219 12.445312 46.394531 12.445312 C 46.332031 12.445312 46.269531 12.445312 46.210938 12.445312 C 45.882812 12.445312 45.5625 12.414062 45.238281 12.367188 Z M 45.238281 12.367188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 53.039062 2.382812 C 53.0625 2.390625 53.0625 2.390625 53.085938 2.398438 C 53.140625 2.429688 53.171875 2.453125 53.207031 2.503906 C 53.230469 2.617188 53.21875 2.730469 53.214844 2.84375 C 53.210938 2.878906 53.210938 2.914062 53.210938 2.953125 C 53.207031 3.027344 53.203125 3.105469 53.199219 3.183594 C 53.191406 3.371094 53.183594 3.558594 53.179688 3.746094 C 53.175781 3.792969 53.175781 3.835938 53.175781 3.882812 C 53.15625 4.441406 53.15625 5 53.15625 5.5625 C 53.15625 5.640625 53.15625 5.71875 53.15625 5.792969 C 53.15625 6.085938 53.160156 6.375 53.160156 6.664062 C 53.179688 6.644531 53.195312 6.625 53.214844 6.605469 C 53.238281 6.578125 53.261719 6.550781 53.285156 6.523438 C 53.296875 6.511719 53.3125 6.5 53.324219 6.484375 C 53.78125 5.984375 54.445312 5.601562 55.128906 5.550781 C 55.640625 5.535156 56.128906 5.578125 56.527344 5.929688 C 56.566406 5.964844 56.601562 6 56.640625 6.039062 C 56.664062 6.0625 56.664062 6.0625 56.691406 6.089844 C 57.246094 6.660156 57.203125 7.570312 57.203125 8.304688 C 57.203125 8.414062 57.203125 8.523438 57.207031 8.632812 C 57.207031 8.839844 57.207031 9.042969 57.207031 9.25 C 57.207031 9.484375 57.210938 9.722656 57.210938 9.957031 C 57.210938 10.4375 57.214844 10.921875 57.214844 11.40625 C 57.246094 11.410156 57.246094 11.410156 57.28125 11.414062 C 57.308594 11.417969 57.335938 11.421875 57.363281 11.425781 C 57.40625 11.433594 57.40625 11.433594 57.445312 11.441406 C 57.558594 11.457031 57.671875 11.480469 57.785156 11.503906 C 57.808594 11.507812 57.828125 11.511719 57.851562 11.515625 C 57.878906 11.519531 57.878906 11.519531 57.910156 11.527344 C 57.929688 11.53125 57.949219 11.535156 57.964844 11.539062 C 58.007812 11.550781 58.007812 11.550781 58.03125 11.574219 C 58.035156 11.613281 58.035156 11.65625 58.035156 11.695312 C 58.035156 11.71875 58.035156 11.746094 58.035156 11.769531 C 58.035156 11.796875 58.035156 11.824219 58.035156 11.851562 C 58.035156 11.875 58.035156 11.902344 58.035156 11.929688 C 58.035156 11.964844 58.035156 11.964844 58.035156 12.003906 C 58.035156 12.027344 58.035156 12.050781 58.035156 12.074219 C 58.03125 12.125 58.03125 12.125 58.007812 12.148438 C 57.964844 12.152344 57.921875 12.152344 57.882812 12.152344 C 57.839844 12.152344 57.839844 12.152344 57.796875 12.152344 C 57.769531 12.152344 57.738281 12.152344 57.707031 12.152344 C 57.675781 12.152344 57.640625 12.152344 57.609375 12.152344 C 57.523438 12.152344 57.433594 12.152344 57.347656 12.152344 C 57.257812 12.152344 57.164062 12.152344 57.074219 12.152344 C 56.917969 12.152344 56.765625 12.152344 56.613281 12.152344 C 56.433594 12.152344 56.257812 12.152344 56.082031 12.152344 C 55.929688 12.152344 55.777344 12.152344 55.625 12.152344 C 55.53125 12.152344 55.441406 12.152344 55.351562 12.152344 C 55.265625 12.152344 55.179688 12.152344 55.09375 12.152344 C 55.046875 12.152344 55 12.152344 54.953125 12.152344 C 54.925781 12.152344 54.898438 12.152344 54.871094 12.152344 C 54.847656 12.152344 54.824219 12.152344 54.796875 12.152344 C 54.742188 12.148438 54.742188 12.148438 54.71875 12.125 C 54.71875 12.085938 54.71875 12.042969 54.71875 12.003906 C 54.71875 11.976562 54.71875 11.953125 54.71875 11.925781 C 54.71875 11.902344 54.71875 11.875 54.71875 11.847656 C 54.71875 11.820312 54.71875 11.796875 54.71875 11.769531 C 54.71875 11.703125 54.71875 11.636719 54.71875 11.574219 C 54.8125 11.53125 54.902344 11.507812 55.003906 11.488281 C 55.03125 11.480469 55.0625 11.476562 55.09375 11.46875 C 55.113281 11.464844 55.128906 11.460938 55.144531 11.460938 C 55.191406 11.449219 55.242188 11.441406 55.289062 11.429688 C 55.527344 11.378906 55.527344 11.378906 55.585938 11.378906 C 55.582031 10.90625 55.582031 10.433594 55.578125 9.960938 C 55.578125 9.742188 55.578125 9.523438 55.574219 9.304688 C 55.574219 9.109375 55.574219 8.917969 55.574219 8.726562 C 55.574219 8.625 55.570312 8.527344 55.570312 8.425781 C 55.570312 8.328125 55.570312 8.234375 55.570312 8.136719 C 55.570312 8.101562 55.570312 8.066406 55.570312 8.03125 C 55.570312 7.664062 55.554688 7.199219 55.289062 6.917969 C 55.054688 6.722656 54.742188 6.746094 54.457031 6.761719 C 54.101562 6.800781 53.738281 7.007812 53.464844 7.234375 C 53.425781 7.265625 53.425781 7.265625 53.371094 7.300781 C 53.273438 7.371094 53.214844 7.421875 53.1875 7.539062 C 53.179688 7.640625 53.179688 7.742188 53.183594 7.84375 C 53.183594 7.882812 53.183594 7.921875 53.183594 7.960938 C 53.183594 8.066406 53.183594 8.167969 53.1875 8.273438 C 53.1875 8.386719 53.1875 8.496094 53.1875 8.605469 C 53.1875 8.8125 53.191406 9.023438 53.191406 9.230469 C 53.195312 9.46875 53.195312 9.703125 53.195312 9.941406 C 53.199219 10.429688 53.203125 10.917969 53.207031 11.40625 C 53.238281 11.410156 53.238281 11.410156 53.265625 11.414062 C 53.351562 11.429688 53.4375 11.445312 53.523438 11.464844 C 53.554688 11.46875 53.585938 11.472656 53.613281 11.480469 C 53.644531 11.484375 53.671875 11.492188 53.703125 11.496094 C 53.730469 11.5 53.753906 11.507812 53.78125 11.511719 C 53.847656 11.523438 53.910156 11.535156 53.976562 11.550781 C 53.976562 11.746094 53.976562 11.945312 53.976562 12.148438 C 52.890625 12.148438 51.804688 12.148438 50.6875 12.148438 C 50.6875 11.953125 50.6875 11.753906 50.6875 11.550781 C 50.964844 11.492188 51.242188 11.4375 51.527344 11.378906 C 51.542969 11.160156 51.554688 10.945312 51.554688 10.722656 C 51.554688 10.691406 51.554688 10.660156 51.554688 10.628906 C 51.554688 10.546875 51.558594 10.464844 51.558594 10.378906 C 51.558594 10.289062 51.558594 10.199219 51.558594 10.109375 C 51.558594 9.953125 51.558594 9.796875 51.558594 9.640625 C 51.558594 9.414062 51.558594 9.1875 51.5625 8.960938 C 51.5625 8.59375 51.5625 8.230469 51.5625 7.863281 C 51.566406 7.507812 51.566406 7.152344 51.566406 6.792969 C 51.566406 6.773438 51.566406 6.75 51.566406 6.726562 C 51.566406 6.617188 51.566406 6.507812 51.566406 6.398438 C 51.570312 5.484375 51.574219 4.570312 51.574219 3.65625 C 51.554688 3.65625 51.535156 3.652344 51.515625 3.652344 C 51.476562 3.648438 51.476562 3.648438 51.4375 3.644531 C 51.414062 3.644531 51.386719 3.640625 51.359375 3.640625 C 51.277344 3.632812 51.195312 3.621094 51.113281 3.609375 C 51.082031 3.605469 51.054688 3.601562 51.023438 3.597656 C 50.996094 3.59375 50.964844 3.589844 50.933594 3.582031 C 50.902344 3.578125 50.871094 3.574219 50.839844 3.570312 C 50.765625 3.558594 50.691406 3.546875 50.617188 3.535156 C 50.617188 3.347656 50.617188 3.15625 50.617188 2.960938 C 50.910156 2.875 51.207031 2.796875 51.5 2.722656 C 51.523438 2.714844 51.542969 2.710938 51.5625 2.707031 C 51.671875 2.679688 51.777344 2.652344 51.886719 2.625 C 51.972656 2.601562 52.0625 2.578125 52.152344 2.554688 C 52.257812 2.527344 52.367188 2.5 52.472656 2.472656 C 52.515625 2.460938 52.554688 2.453125 52.597656 2.441406 C 52.652344 2.425781 52.710938 2.410156 52.765625 2.398438 C 52.78125 2.394531 52.800781 2.386719 52.816406 2.382812 C 52.898438 2.363281 52.960938 2.351562 53.039062 2.382812 Z M 53.039062 2.382812 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 99.691406 6.011719 C 100.109375 6.40625 100.234375 7.003906 100.273438 7.554688 C 100.277344 7.667969 100.277344 7.785156 100.277344 7.898438 C 100.277344 7.933594 100.277344 7.964844 100.277344 8 C 100.277344 8.074219 100.277344 8.144531 100.277344 8.21875 C 100.277344 8.332031 100.277344 8.445312 100.277344 8.558594 C 100.28125 8.886719 100.28125 9.210938 100.28125 9.535156 C 100.28125 9.714844 100.28125 9.894531 100.285156 10.074219 C 100.285156 10.171875 100.285156 10.265625 100.285156 10.359375 C 100.285156 10.449219 100.285156 10.539062 100.285156 10.628906 C 100.285156 10.675781 100.285156 10.726562 100.285156 10.773438 C 100.289062 10.964844 100.292969 11.167969 100.417969 11.320312 C 100.53125 11.378906 100.636719 11.398438 100.757812 11.367188 C 100.898438 11.308594 101.003906 11.21875 101.113281 11.117188 C 101.226562 11.199219 101.339844 11.289062 101.449219 11.378906 C 101.394531 11.527344 101.300781 11.640625 101.207031 11.765625 C 101.179688 11.804688 101.179688 11.804688 101.152344 11.84375 C 100.859375 12.152344 100.476562 12.265625 100.058594 12.277344 C 99.699219 12.269531 99.332031 12.164062 99.066406 11.910156 C 98.933594 11.757812 98.761719 11.519531 98.761719 11.308594 C 98.582031 11.449219 98.582031 11.449219 98.417969 11.605469 C 98.289062 11.738281 98.140625 11.847656 97.992188 11.957031 C 97.96875 11.972656 97.949219 11.992188 97.925781 12.007812 C 97.488281 12.3125 96.855469 12.339844 96.34375 12.25 C 95.917969 12.15625 95.527344 11.929688 95.28125 11.558594 C 95.035156 11.136719 94.964844 10.617188 95.082031 10.140625 C 95.289062 9.527344 95.746094 9.175781 96.300781 8.894531 C 96.941406 8.582031 97.644531 8.375 98.328125 8.179688 C 98.34375 8.175781 98.359375 8.171875 98.375 8.167969 C 98.472656 8.140625 98.566406 8.113281 98.664062 8.085938 C 98.695312 7.195312 98.695312 7.195312 98.328125 6.425781 C 98.121094 6.230469 97.828125 6.203125 97.558594 6.203125 C 97.53125 6.203125 97.53125 6.203125 97.503906 6.203125 C 97.339844 6.207031 97.171875 6.21875 97.007812 6.230469 C 97.003906 6.257812 97.003906 6.289062 97 6.316406 C 96.984375 6.46875 96.957031 6.617188 96.925781 6.765625 C 96.917969 6.816406 96.910156 6.863281 96.902344 6.910156 C 96.832031 7.273438 96.738281 7.585938 96.425781 7.808594 C 96.191406 7.933594 95.945312 7.933594 95.6875 7.867188 C 95.515625 7.808594 95.40625 7.707031 95.320312 7.546875 C 95.234375 7.347656 95.238281 7.183594 95.308594 6.980469 C 95.316406 6.957031 95.316406 6.957031 95.324219 6.929688 C 95.421875 6.644531 95.574219 6.441406 95.785156 6.230469 C 95.800781 6.214844 95.816406 6.195312 95.835938 6.179688 C 96.734375 5.308594 98.742188 5.21875 99.691406 6.011719 Z M 98.394531 8.742188 C 98.292969 8.777344 98.1875 8.8125 98.082031 8.847656 C 97.574219 9.007812 97.011719 9.230469 96.746094 9.722656 C 96.582031 10.042969 96.554688 10.355469 96.648438 10.703125 C 96.71875 10.914062 96.816406 11.042969 97.011719 11.152344 C 97.296875 11.292969 97.609375 11.304688 97.910156 11.199219 C 98.058594 11.132812 98.207031 11.050781 98.34375 10.960938 C 98.398438 10.921875 98.398438 10.921875 98.46875 10.890625 C 98.558594 10.839844 98.644531 10.789062 98.679688 10.683594 C 98.703125 10.542969 98.695312 10.402344 98.691406 10.257812 C 98.6875 10.214844 98.6875 10.167969 98.6875 10.121094 C 98.6875 10 98.683594 9.878906 98.683594 9.757812 C 98.679688 9.636719 98.679688 9.511719 98.675781 9.386719 C 98.675781 9.144531 98.667969 8.902344 98.664062 8.660156 C 98.578125 8.660156 98.476562 8.714844 98.394531 8.742188 Z M 98.394531 8.742188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 38.035156 6.242188 C 38.207031 6.40625 38.332031 6.578125 38.449219 6.785156 C 38.460938 6.808594 38.460938 6.808594 38.472656 6.832031 C 38.835938 7.472656 38.875 8.257812 38.761719 8.972656 C 38.734375 9 38.734375 9 38.671875 9 C 38.625 9 38.625 9 38.578125 9 C 38.5625 9 38.546875 9 38.53125 9 C 38.472656 9 38.417969 9 38.363281 9 C 38.324219 9 38.285156 9 38.242188 9 C 38.136719 9 38.027344 9 37.917969 9 C 37.804688 9 37.695312 9 37.582031 9 C 37.367188 9 37.152344 9 36.9375 9 C 36.695312 9 36.453125 9 36.207031 9 C 35.707031 9 35.207031 9 34.703125 9 C 34.714844 9.089844 34.726562 9.183594 34.738281 9.273438 C 34.742188 9.300781 34.742188 9.328125 34.746094 9.351562 C 34.8125 9.898438 35.007812 10.441406 35.4375 10.808594 C 35.933594 11.1875 36.476562 11.269531 37.089844 11.203125 C 37.539062 11.128906 37.90625 10.847656 38.222656 10.535156 C 38.347656 10.417969 38.347656 10.417969 38.425781 10.417969 C 38.464844 10.445312 38.464844 10.445312 38.503906 10.488281 C 38.589844 10.585938 38.683594 10.671875 38.785156 10.753906 C 38.679688 11.046875 38.46875 11.28125 38.257812 11.5 C 38.242188 11.519531 38.222656 11.535156 38.207031 11.554688 C 37.792969 12 37.171875 12.246094 36.574219 12.320312 C 36.554688 12.320312 36.535156 12.324219 36.515625 12.328125 C 35.640625 12.425781 34.773438 12.210938 34.074219 11.671875 C 33.421875 11.125 33.078125 10.363281 32.976562 9.527344 C 32.972656 9.496094 32.972656 9.496094 32.96875 9.460938 C 32.871094 8.5 33.074219 7.515625 33.675781 6.746094 C 33.707031 6.710938 33.738281 6.675781 33.769531 6.640625 C 33.78125 6.621094 33.796875 6.605469 33.8125 6.585938 C 34.316406 5.988281 35.136719 5.640625 35.902344 5.566406 C 36.699219 5.511719 37.429688 5.699219 38.035156 6.242188 Z M 35.226562 6.652344 C 34.949219 7.007812 34.820312 7.386719 34.746094 7.824219 C 34.742188 7.851562 34.738281 7.875 34.734375 7.898438 C 34.730469 7.921875 34.726562 7.949219 34.722656 7.972656 C 34.71875 7.992188 34.714844 8.015625 34.710938 8.035156 C 34.703125 8.097656 34.703125 8.15625 34.703125 8.222656 C 34.703125 8.242188 34.703125 8.261719 34.703125 8.28125 C 34.703125 8.292969 34.703125 8.308594 34.703125 8.324219 C 34.972656 8.328125 35.242188 8.328125 35.507812 8.328125 C 35.632812 8.328125 35.757812 8.328125 35.882812 8.332031 C 36.003906 8.332031 36.125 8.332031 36.246094 8.332031 C 36.289062 8.332031 36.335938 8.332031 36.382812 8.332031 C 36.445312 8.332031 36.511719 8.332031 36.574219 8.332031 C 36.59375 8.332031 36.613281 8.332031 36.632812 8.332031 C 36.800781 8.332031 36.964844 8.304688 37.085938 8.183594 C 37.273438 7.9375 37.277344 7.609375 37.246094 7.3125 C 37.195312 6.96875 37.015625 6.636719 36.730469 6.425781 C 36.226562 6.113281 35.617188 6.195312 35.226562 6.652344 Z M 35.226562 6.652344 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 112.726562 6.085938 C 112.90625 6.242188 113.058594 6.414062 113.183594 6.617188 C 113.199219 6.636719 113.210938 6.65625 113.226562 6.679688 C 113.628906 7.320312 113.699219 8.167969 113.566406 8.902344 C 113.523438 8.945312 113.449219 8.929688 113.386719 8.929688 C 113.371094 8.929688 113.355469 8.929688 113.339844 8.929688 C 113.28125 8.929688 113.226562 8.929688 113.171875 8.929688 C 113.132812 8.929688 113.089844 8.933594 113.050781 8.933594 C 112.945312 8.933594 112.835938 8.933594 112.726562 8.933594 C 112.613281 8.933594 112.5 8.933594 112.386719 8.933594 C 112.175781 8.9375 111.960938 8.9375 111.746094 8.9375 C 111.503906 8.941406 111.257812 8.941406 111.015625 8.941406 C 110.515625 8.945312 110.011719 8.949219 109.511719 8.949219 C 109.519531 9.023438 109.527344 9.097656 109.535156 9.171875 C 109.535156 9.191406 109.539062 9.210938 109.539062 9.230469 C 109.554688 9.378906 109.578125 9.523438 109.613281 9.667969 C 109.621094 9.6875 109.625 9.710938 109.628906 9.730469 C 109.703125 10.011719 109.808594 10.261719 109.992188 10.488281 C 110.003906 10.507812 110.019531 10.527344 110.035156 10.542969 C 110.320312 10.898438 110.765625 11.117188 111.214844 11.164062 C 111.839844 11.203125 112.339844 11.078125 112.820312 10.671875 C 112.9375 10.570312 113.050781 10.457031 113.160156 10.347656 C 113.230469 10.378906 113.28125 10.414062 113.339844 10.46875 C 113.355469 10.480469 113.367188 10.496094 113.382812 10.507812 C 113.398438 10.523438 113.414062 10.539062 113.429688 10.554688 C 113.445312 10.566406 113.460938 10.582031 113.476562 10.597656 C 113.515625 10.632812 113.554688 10.671875 113.59375 10.707031 C 113.324219 11.316406 112.769531 11.816406 112.15625 12.066406 C 112.054688 12.105469 111.953125 12.136719 111.847656 12.171875 C 111.832031 12.175781 111.816406 12.179688 111.800781 12.183594 C 111.507812 12.265625 111.214844 12.28125 110.914062 12.28125 C 110.898438 12.28125 110.878906 12.28125 110.859375 12.28125 C 110.554688 12.277344 110.261719 12.257812 109.96875 12.175781 C 109.941406 12.167969 109.941406 12.167969 109.914062 12.160156 C 109.203125 11.953125 108.628906 11.503906 108.238281 10.875 C 108.230469 10.859375 108.222656 10.847656 108.210938 10.832031 C 107.699219 9.980469 107.648438 8.855469 107.878906 7.90625 C 108.074219 7.136719 108.570312 6.417969 109.253906 6 C 110.304688 5.378906 111.75 5.261719 112.726562 6.085938 Z M 110.105469 6.496094 C 109.710938 6.9375 109.507812 7.546875 109.511719 8.136719 C 109.511719 8.160156 109.511719 8.179688 109.511719 8.203125 C 109.511719 8.21875 109.511719 8.234375 109.511719 8.253906 C 109.78125 8.253906 110.050781 8.253906 110.316406 8.257812 C 110.441406 8.257812 110.566406 8.257812 110.691406 8.257812 C 110.8125 8.257812 110.933594 8.257812 111.054688 8.257812 C 111.097656 8.257812 111.144531 8.261719 111.191406 8.261719 C 111.253906 8.261719 111.320312 8.261719 111.382812 8.261719 C 111.402344 8.261719 111.421875 8.261719 111.441406 8.261719 C 111.59375 8.261719 111.746094 8.234375 111.871094 8.140625 C 112.082031 7.886719 112.078125 7.605469 112.054688 7.289062 C 112.011719 6.949219 111.867188 6.6875 111.625 6.449219 C 111.609375 6.433594 111.59375 6.417969 111.582031 6.40625 C 111.164062 6.015625 110.496094 6.121094 110.105469 6.496094 Z M 110.105469 6.496094 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 119.207031 6.039062 C 119.210938 6.308594 119.203125 6.578125 119.1875 6.847656 C 119.183594 6.910156 119.183594 6.972656 119.179688 7.035156 C 119.175781 7.078125 119.175781 7.117188 119.171875 7.160156 C 119.171875 7.175781 119.171875 7.195312 119.171875 7.214844 C 119.164062 7.308594 119.152344 7.390625 119.136719 7.484375 C 118.835938 7.484375 118.535156 7.484375 118.222656 7.484375 C 118.207031 7.40625 118.191406 7.328125 118.171875 7.246094 C 118.15625 7.171875 118.140625 7.097656 118.121094 7.023438 C 118.109375 6.96875 118.101562 6.917969 118.089844 6.867188 C 118.070312 6.792969 118.054688 6.714844 118.039062 6.640625 C 118.035156 6.617188 118.027344 6.59375 118.023438 6.570312 C 118.019531 6.550781 118.015625 6.527344 118.007812 6.503906 C 118.003906 6.484375 118 6.464844 117.996094 6.445312 C 117.984375 6.398438 117.984375 6.398438 117.960938 6.351562 C 117.902344 6.332031 117.847656 6.316406 117.789062 6.300781 C 117.765625 6.296875 117.765625 6.296875 117.738281 6.289062 C 117.339844 6.1875 116.835938 6.167969 116.464844 6.375 C 116.296875 6.480469 116.203125 6.609375 116.128906 6.789062 C 116.082031 7.042969 116.105469 7.261719 116.234375 7.484375 C 116.496094 7.828125 117.082031 7.953125 117.46875 8.070312 C 118.183594 8.289062 118.960938 8.597656 119.359375 9.277344 C 119.578125 9.714844 119.621094 10.257812 119.496094 10.734375 C 119.316406 11.277344 118.957031 11.703125 118.449219 11.964844 C 117.460938 12.445312 116.246094 12.394531 115.222656 12.054688 C 115.007812 11.972656 114.804688 11.867188 114.601562 11.765625 C 114.570312 11.234375 114.574219 10.707031 114.574219 10.175781 C 114.886719 10.175781 115.195312 10.175781 115.511719 10.175781 C 115.539062 10.304688 115.539062 10.304688 115.5625 10.433594 C 115.582031 10.515625 115.597656 10.597656 115.613281 10.679688 C 115.625 10.734375 115.636719 10.792969 115.648438 10.847656 C 115.664062 10.929688 115.679688 11.011719 115.695312 11.09375 C 115.703125 11.121094 115.707031 11.144531 115.710938 11.171875 C 115.71875 11.195312 115.722656 11.21875 115.726562 11.242188 C 115.730469 11.261719 115.734375 11.285156 115.738281 11.304688 C 115.75 11.355469 115.75 11.355469 115.777344 11.40625 C 116.324219 11.617188 117.03125 11.667969 117.578125 11.4375 C 117.800781 11.332031 117.949219 11.207031 118.039062 10.972656 C 118.089844 10.761719 118.082031 10.527344 117.992188 10.328125 C 117.910156 10.191406 117.820312 10.105469 117.6875 10.023438 C 117.664062 10.003906 117.636719 9.988281 117.609375 9.972656 C 117.265625 9.769531 116.875 9.65625 116.496094 9.527344 C 116.066406 9.386719 115.683594 9.222656 115.320312 8.949219 C 115.296875 8.933594 115.273438 8.917969 115.25 8.898438 C 115.226562 8.875 115.226562 8.875 115.199219 8.855469 C 115.199219 8.839844 115.199219 8.824219 115.199219 8.804688 C 115.1875 8.800781 115.171875 8.796875 115.160156 8.789062 C 114.933594 8.65625 114.792969 8.285156 114.726562 8.046875 C 114.605469 7.507812 114.6875 6.964844 114.984375 6.496094 C 115.347656 5.957031 115.902344 5.671875 116.523438 5.542969 C 117.460938 5.367188 118.386719 5.574219 119.207031 6.039062 Z M 119.207031 6.039062 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 67.945312 6.109375 C 67.96875 6.136719 67.96875 6.136719 67.96875 6.1875 C 67.96875 6.210938 67.96875 6.234375 67.964844 6.257812 C 67.964844 6.285156 67.964844 6.3125 67.964844 6.339844 C 67.960938 6.367188 67.960938 6.398438 67.960938 6.425781 C 67.960938 6.457031 67.957031 6.484375 67.957031 6.515625 C 67.941406 6.863281 67.917969 7.207031 67.894531 7.554688 C 67.59375 7.554688 67.292969 7.554688 66.984375 7.554688 C 66.921875 7.3125 66.863281 7.070312 66.808594 6.828125 C 66.804688 6.796875 66.796875 6.769531 66.789062 6.742188 C 66.785156 6.714844 66.777344 6.6875 66.773438 6.660156 C 66.765625 6.632812 66.761719 6.609375 66.753906 6.585938 C 66.742188 6.519531 66.742188 6.519531 66.742188 6.425781 C 66.707031 6.414062 66.667969 6.402344 66.628906 6.390625 C 66.605469 6.386719 66.585938 6.378906 66.5625 6.371094 C 66.355469 6.320312 66.15625 6.296875 65.941406 6.296875 C 65.917969 6.296875 65.894531 6.296875 65.871094 6.296875 C 65.5625 6.300781 65.296875 6.351562 65.0625 6.566406 C 64.894531 6.742188 64.859375 6.90625 64.863281 7.148438 C 64.867188 7.285156 64.890625 7.390625 64.96875 7.507812 C 64.976562 7.519531 64.984375 7.535156 64.996094 7.550781 C 65.261719 7.921875 65.914062 8.0625 66.328125 8.179688 C 67.054688 8.390625 67.703125 8.726562 68.089844 9.40625 C 68.214844 9.648438 68.289062 9.90625 68.304688 10.175781 C 68.304688 10.199219 68.304688 10.21875 68.308594 10.242188 C 68.324219 10.753906 68.15625 11.1875 67.824219 11.574219 C 67.808594 11.589844 67.796875 11.605469 67.78125 11.621094 C 67.28125 12.164062 66.515625 12.347656 65.808594 12.390625 C 65.144531 12.414062 64.535156 12.34375 63.910156 12.117188 C 63.886719 12.109375 63.886719 12.109375 63.859375 12.097656 C 63.675781 12.03125 63.507812 11.929688 63.335938 11.835938 C 63.335938 11.632812 63.335938 11.429688 63.335938 11.226562 C 63.335938 11.132812 63.335938 11.039062 63.335938 10.945312 C 63.332031 10.851562 63.332031 10.761719 63.332031 10.671875 C 63.332031 10.636719 63.332031 10.601562 63.332031 10.566406 C 63.332031 10.515625 63.332031 10.46875 63.332031 10.421875 C 63.332031 10.390625 63.332031 10.363281 63.332031 10.335938 C 63.335938 10.273438 63.335938 10.273438 63.359375 10.25 C 63.421875 10.246094 63.484375 10.246094 63.550781 10.246094 C 63.570312 10.246094 63.585938 10.246094 63.605469 10.246094 C 63.648438 10.246094 63.6875 10.246094 63.726562 10.246094 C 63.789062 10.246094 63.851562 10.246094 63.914062 10.246094 C 63.953125 10.246094 63.992188 10.246094 64.03125 10.246094 C 64.050781 10.246094 64.066406 10.246094 64.085938 10.246094 C 64.21875 10.246094 64.21875 10.246094 64.273438 10.273438 C 64.285156 10.316406 64.285156 10.316406 64.296875 10.375 C 64.300781 10.394531 64.304688 10.414062 64.308594 10.4375 C 64.316406 10.460938 64.320312 10.484375 64.324219 10.507812 C 64.328125 10.53125 64.332031 10.554688 64.339844 10.578125 C 64.347656 10.628906 64.359375 10.679688 64.367188 10.730469 C 64.382812 10.808594 64.398438 10.882812 64.414062 10.960938 C 64.421875 11.007812 64.433594 11.058594 64.441406 11.105469 C 64.445312 11.128906 64.453125 11.152344 64.457031 11.175781 C 64.476562 11.285156 64.492188 11.386719 64.488281 11.5 C 64.53125 11.511719 64.53125 11.511719 64.578125 11.519531 C 64.691406 11.546875 64.804688 11.574219 64.921875 11.605469 C 65.117188 11.648438 65.308594 11.648438 65.507812 11.652344 C 65.539062 11.652344 65.570312 11.652344 65.601562 11.652344 C 65.964844 11.652344 66.320312 11.59375 66.605469 11.359375 C 66.761719 11.199219 66.820312 11.003906 66.828125 10.789062 C 66.820312 10.566406 66.761719 10.382812 66.601562 10.226562 C 66.214844 9.933594 65.765625 9.789062 65.3125 9.640625 C 64.621094 9.414062 63.949219 9.125 63.59375 8.445312 C 63.378906 8 63.375 7.464844 63.53125 6.996094 C 63.761719 6.410156 64.183594 6.027344 64.753906 5.773438 C 65.792969 5.351562 66.988281 5.59375 67.945312 6.109375 Z M 67.945312 6.109375 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 105.941406 5.769531 C 105.960938 5.777344 105.976562 5.785156 105.996094 5.792969 C 106.1875 5.867188 106.351562 5.964844 106.535156 6.0625 C 106.511719 6.539062 106.488281 7.015625 106.464844 7.507812 C 106.164062 7.507812 105.863281 7.507812 105.550781 7.507812 C 105.445312 7.101562 105.445312 7.101562 105.410156 6.941406 C 105.40625 6.925781 105.402344 6.910156 105.398438 6.890625 C 105.386719 6.839844 105.375 6.789062 105.367188 6.738281 C 105.359375 6.703125 105.351562 6.667969 105.34375 6.632812 C 105.324219 6.546875 105.304688 6.460938 105.289062 6.375 C 105.234375 6.359375 105.183594 6.34375 105.128906 6.328125 C 105.097656 6.320312 105.070312 6.3125 105.039062 6.304688 C 104.859375 6.253906 104.6875 6.25 104.503906 6.25 C 104.464844 6.25 104.464844 6.25 104.421875 6.25 C 104.136719 6.246094 103.90625 6.3125 103.664062 6.464844 C 103.507812 6.621094 103.417969 6.816406 103.414062 7.042969 C 103.425781 7.25 103.492188 7.433594 103.632812 7.585938 C 103.976562 7.886719 104.484375 8.003906 104.910156 8.132812 C 105.628906 8.351562 106.285156 8.667969 106.667969 9.355469 C 106.878906 9.800781 106.9375 10.371094 106.785156 10.84375 C 106.554688 11.417969 106.144531 11.8125 105.585938 12.070312 C 104.601562 12.488281 103.335938 12.402344 102.359375 12.007812 C 102.203125 11.9375 102.046875 11.859375 101.902344 11.765625 C 101.894531 11.699219 101.894531 11.699219 101.894531 11.617188 C 101.894531 11.585938 101.894531 11.554688 101.890625 11.523438 C 101.890625 11.488281 101.890625 11.453125 101.890625 11.417969 C 101.890625 11.382812 101.890625 11.347656 101.890625 11.3125 C 101.890625 11.222656 101.886719 11.128906 101.886719 11.039062 C 101.886719 10.925781 101.886719 10.816406 101.882812 10.707031 C 101.882812 10.539062 101.882812 10.371094 101.878906 10.203125 C 102.1875 10.203125 102.496094 10.203125 102.816406 10.203125 C 102.871094 10.363281 102.871094 10.363281 102.886719 10.449219 C 102.890625 10.46875 102.894531 10.488281 102.898438 10.507812 C 102.902344 10.527344 102.90625 10.546875 102.910156 10.566406 C 102.914062 10.585938 102.917969 10.609375 102.921875 10.628906 C 102.933594 10.671875 102.941406 10.71875 102.949219 10.761719 C 102.964844 10.828125 102.976562 10.894531 102.988281 10.960938 C 103 11.003906 103.007812 11.046875 103.015625 11.089844 C 103.019531 11.109375 103.023438 11.132812 103.027344 11.152344 C 103.046875 11.246094 103.0625 11.332031 103.054688 11.429688 C 103.699219 11.59375 104.421875 11.726562 105.03125 11.386719 C 105.21875 11.265625 105.316406 11.125 105.375 10.914062 C 105.402344 10.691406 105.378906 10.496094 105.273438 10.292969 C 104.921875 9.867188 104.363281 9.730469 103.859375 9.5625 C 103.1875 9.339844 102.511719 9.058594 102.167969 8.398438 C 101.949219 7.929688 101.9375 7.414062 102.097656 6.929688 C 102.101562 6.90625 102.109375 6.886719 102.117188 6.863281 C 102.269531 6.417969 102.628906 6.066406 103.03125 5.847656 C 103.054688 5.832031 103.078125 5.820312 103.101562 5.808594 C 103.382812 5.65625 103.699219 5.574219 104.015625 5.535156 C 104.035156 5.53125 104.054688 5.527344 104.074219 5.527344 C 104.714844 5.449219 105.34375 5.535156 105.941406 5.769531 Z M 105.941406 5.769531 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 59.953125 3.921875 C 60.316406 3.921875 60.679688 3.921875 61.054688 3.921875 C 61.058594 4.292969 61.054688 4.667969 61.046875 5.039062 C 61.042969 5.066406 61.042969 5.066406 61.042969 5.09375 C 61.042969 5.144531 61.042969 5.195312 61.039062 5.246094 C 61.039062 5.277344 61.039062 5.304688 61.035156 5.335938 C 61.03125 5.472656 61.019531 5.613281 61.007812 5.75 C 61.53125 5.75 62.054688 5.75 62.59375 5.75 C 62.59375 6.035156 62.59375 6.320312 62.59375 6.617188 C 62.0625 6.617188 61.53125 6.617188 60.984375 6.617188 C 60.984375 7.128906 60.988281 7.644531 60.988281 8.160156 C 60.992188 8.398438 60.992188 8.636719 60.992188 8.875 C 60.992188 9.082031 60.992188 9.292969 60.996094 9.5 C 60.996094 9.609375 60.996094 9.71875 60.996094 9.832031 C 60.996094 9.933594 60.996094 10.039062 60.996094 10.140625 C 60.996094 10.179688 60.996094 10.21875 60.996094 10.253906 C 60.992188 10.765625 60.992188 10.765625 61.199219 11.210938 C 61.34375 11.347656 61.507812 11.40625 61.703125 11.40625 C 61.941406 11.371094 62.144531 11.289062 62.355469 11.175781 C 62.457031 11.125 62.457031 11.125 62.519531 11.117188 C 62.558594 11.140625 62.558594 11.140625 62.597656 11.183594 C 62.613281 11.195312 62.625 11.210938 62.640625 11.226562 C 62.652344 11.238281 62.667969 11.253906 62.683594 11.269531 C 62.695312 11.285156 62.710938 11.300781 62.726562 11.316406 C 62.761719 11.351562 62.796875 11.390625 62.832031 11.429688 C 62.785156 11.5625 62.707031 11.65625 62.617188 11.765625 C 62.605469 11.78125 62.59375 11.792969 62.578125 11.808594 C 62.375 12.03125 62.085938 12.183594 61.800781 12.269531 C 61.777344 12.277344 61.75 12.285156 61.726562 12.292969 C 61.511719 12.347656 61.296875 12.351562 61.078125 12.351562 C 61.046875 12.351562 61.019531 12.351562 60.988281 12.351562 C 60.523438 12.351562 60.085938 12.210938 59.730469 11.898438 C 59.542969 11.699219 59.425781 11.40625 59.375 11.140625 C 59.371094 11.117188 59.367188 11.097656 59.363281 11.074219 C 59.351562 10.988281 59.347656 10.902344 59.347656 10.8125 C 59.347656 10.792969 59.347656 10.777344 59.347656 10.757812 C 59.347656 10.695312 59.347656 10.636719 59.347656 10.578125 C 59.347656 10.535156 59.347656 10.492188 59.347656 10.449219 C 59.347656 10.332031 59.347656 10.214844 59.347656 10.097656 C 59.351562 9.972656 59.351562 9.851562 59.351562 9.730469 C 59.351562 9.496094 59.351562 9.265625 59.351562 9.035156 C 59.351562 8.769531 59.351562 8.507812 59.351562 8.242188 C 59.351562 7.703125 59.351562 7.160156 59.351562 6.617188 C 59.035156 6.617188 58.71875 6.617188 58.390625 6.617188 C 58.390625 6.371094 58.390625 6.125 58.390625 5.871094 C 58.914062 5.800781 58.914062 5.800781 59.449219 5.726562 C 59.480469 5.601562 59.515625 5.476562 59.550781 5.351562 C 59.574219 5.269531 59.59375 5.191406 59.617188 5.113281 C 59.652344 4.988281 59.6875 4.863281 59.722656 4.738281 C 59.75 4.640625 59.777344 4.539062 59.804688 4.4375 C 59.816406 4.398438 59.824219 4.359375 59.835938 4.324219 C 59.851562 4.269531 59.867188 4.214844 59.882812 4.160156 C 59.886719 4.144531 59.890625 4.128906 59.894531 4.113281 C 59.914062 4.046875 59.929688 3.984375 59.953125 3.921875 Z M 59.953125 3.921875 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 93.351562 5.554688 C 93.40625 5.59375 93.429688 5.617188 93.445312 5.679688 C 93.449219 5.75 93.445312 5.8125 93.441406 5.878906 C 93.441406 5.90625 93.441406 5.929688 93.441406 5.957031 C 93.4375 6.015625 93.4375 6.070312 93.433594 6.128906 C 93.429688 6.273438 93.425781 6.417969 93.421875 6.5625 C 93.417969 6.617188 93.417969 6.671875 93.417969 6.726562 C 93.402344 7.175781 93.40625 7.625 93.40625 8.074219 C 93.40625 8.195312 93.40625 8.3125 93.40625 8.429688 C 93.40625 8.644531 93.40625 8.859375 93.40625 9.074219 C 93.40625 9.320312 93.40625 9.570312 93.40625 9.816406 C 93.40625 10.320312 93.40625 10.828125 93.40625 11.332031 C 93.425781 11.335938 93.449219 11.339844 93.46875 11.34375 C 93.542969 11.355469 93.613281 11.371094 93.6875 11.382812 C 93.734375 11.390625 93.785156 11.398438 93.832031 11.40625 C 93.859375 11.414062 93.890625 11.417969 93.921875 11.425781 C 93.949219 11.429688 93.976562 11.433594 94.003906 11.4375 C 94.070312 11.449219 94.136719 11.464844 94.199219 11.476562 C 94.199219 11.675781 94.199219 11.875 94.199219 12.078125 C 93.105469 12.078125 92.015625 12.078125 90.886719 12.078125 C 90.886719 11.878906 90.886719 11.679688 90.886719 11.476562 C 90.988281 11.457031 91.085938 11.433594 91.1875 11.414062 C 91.222656 11.40625 91.253906 11.402344 91.289062 11.394531 C 91.339844 11.382812 91.386719 11.375 91.4375 11.363281 C 91.480469 11.355469 91.480469 11.355469 91.527344 11.34375 C 91.601562 11.332031 91.675781 11.332031 91.753906 11.332031 C 91.753906 10.894531 91.753906 10.457031 91.753906 10.023438 C 91.753906 9.820312 91.753906 9.617188 91.753906 9.414062 C 91.753906 9.234375 91.753906 9.058594 91.753906 8.882812 C 91.753906 8.789062 91.753906 8.695312 91.753906 8.601562 C 91.753906 8.066406 91.746094 7.535156 91.726562 7 C 91.683594 6.996094 91.683594 6.996094 91.636719 6.988281 C 91.539062 6.976562 91.4375 6.964844 91.339844 6.953125 C 91.296875 6.945312 91.25 6.941406 91.207031 6.933594 C 91.144531 6.925781 91.082031 6.917969 91.019531 6.910156 C 90.988281 6.90625 90.988281 6.90625 90.957031 6.902344 C 90.820312 6.882812 90.820312 6.882812 90.792969 6.855469 C 90.789062 6.816406 90.789062 6.777344 90.789062 6.738281 C 90.789062 6.714844 90.789062 6.691406 90.789062 6.667969 C 90.789062 6.640625 90.789062 6.617188 90.789062 6.589844 C 90.789062 6.566406 90.789062 6.539062 90.789062 6.515625 C 90.792969 6.453125 90.792969 6.390625 90.792969 6.328125 C 90.96875 6.253906 91.148438 6.1875 91.328125 6.125 C 91.355469 6.117188 91.382812 6.105469 91.414062 6.097656 C 91.503906 6.066406 91.59375 6.03125 91.683594 6 C 91.808594 5.957031 91.929688 5.914062 92.054688 5.871094 C 92.070312 5.867188 92.085938 5.859375 92.101562 5.855469 C 92.285156 5.792969 92.46875 5.726562 92.652344 5.660156 C 92.667969 5.652344 92.6875 5.644531 92.703125 5.640625 C 92.78125 5.609375 92.859375 5.582031 92.9375 5.554688 C 92.976562 5.539062 92.976562 5.539062 93.019531 5.523438 C 93.050781 5.511719 93.050781 5.511719 93.082031 5.5 C 93.1875 5.476562 93.261719 5.503906 93.351562 5.554688 Z M 93.351562 5.554688 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 42.214844 5.652344 C 42.214844 7.542969 42.214844 9.433594 42.214844 11.378906 C 42.535156 11.441406 42.535156 11.441406 42.863281 11.5 C 42.917969 11.515625 42.976562 11.53125 43.03125 11.550781 C 43.03125 11.738281 43.03125 11.929688 43.03125 12.125 C 41.929688 12.125 40.832031 12.125 39.695312 12.125 C 39.695312 11.9375 39.695312 11.746094 39.695312 11.550781 C 39.875 11.5 40.054688 11.460938 40.234375 11.425781 C 40.265625 11.417969 40.265625 11.417969 40.296875 11.410156 C 40.316406 11.40625 40.335938 11.402344 40.355469 11.398438 C 40.375 11.394531 40.394531 11.390625 40.410156 11.386719 C 40.46875 11.378906 40.523438 11.378906 40.585938 11.378906 C 40.582031 10.886719 40.578125 10.390625 40.574219 9.898438 C 40.574219 9.667969 40.574219 9.4375 40.570312 9.207031 C 40.570312 9.007812 40.570312 8.808594 40.570312 8.605469 C 40.566406 8.5 40.566406 8.394531 40.566406 8.289062 C 40.566406 8.191406 40.566406 8.089844 40.566406 7.988281 C 40.566406 7.953125 40.566406 7.917969 40.566406 7.878906 C 40.5625 7.683594 40.558594 7.488281 40.550781 7.292969 C 40.546875 7.273438 40.546875 7.253906 40.546875 7.234375 C 40.542969 7.140625 40.542969 7.140625 40.511719 7.050781 C 40.445312 7.035156 40.378906 7.027344 40.308594 7.019531 C 40.289062 7.015625 40.269531 7.011719 40.25 7.011719 C 40.183594 7.003906 40.121094 6.996094 40.054688 6.988281 C 40.011719 6.980469 39.96875 6.976562 39.921875 6.96875 C 39.816406 6.957031 39.707031 6.941406 39.601562 6.929688 C 39.601562 6.746094 39.601562 6.5625 39.601562 6.375 C 39.964844 6.242188 40.328125 6.109375 40.695312 5.980469 C 40.777344 5.953125 40.859375 5.921875 40.945312 5.894531 C 41 5.875 41.054688 5.855469 41.109375 5.835938 C 41.246094 5.789062 41.386719 5.738281 41.523438 5.6875 C 41.550781 5.675781 41.578125 5.667969 41.605469 5.65625 C 41.660156 5.636719 41.710938 5.617188 41.761719 5.597656 C 41.785156 5.589844 41.808594 5.578125 41.835938 5.570312 C 41.863281 5.558594 41.863281 5.558594 41.894531 5.546875 C 42.027344 5.515625 42.09375 5.585938 42.214844 5.652344 Z M 42.214844 5.652344 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.640625 9.261719 C 8.972656 9.519531 9.191406 9.859375 9.277344 10.273438 C 9.328125 10.675781 9.265625 11.089844 9.019531 11.421875 C 8.734375 11.769531 8.371094 12.007812 7.917969 12.058594 C 7.476562 12.09375 7.078125 11.957031 6.742188 11.667969 C 6.71875 11.648438 6.71875 11.648438 6.695312 11.628906 C 6.421875 11.378906 6.261719 10.992188 6.234375 10.628906 C 6.226562 10.179688 6.355469 9.789062 6.664062 9.457031 C 7.191406 8.921875 8.019531 8.84375 8.640625 9.261719 Z M 8.640625 9.261719 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.855469 4.089844 C 2.941406 4.15625 3.019531 4.230469 3.097656 4.308594 C 3.113281 4.324219 3.128906 4.339844 3.148438 4.359375 C 3.414062 4.640625 3.542969 5.027344 3.539062 5.410156 C 3.519531 5.851562 3.332031 6.21875 3.015625 6.527344 C 2.707031 6.792969 2.304688 6.921875 1.898438 6.898438 C 1.578125 6.871094 1.308594 6.769531 1.054688 6.570312 C 1.03125 6.546875 1.03125 6.546875 1.003906 6.527344 C 0.699219 6.277344 0.527344 5.898438 0.484375 5.511719 C 0.453125 5.121094 0.558594 4.730469 0.804688 4.425781 C 1.003906 4.191406 1.226562 4.03125 1.511719 3.921875 C 1.53125 3.914062 1.550781 3.90625 1.570312 3.898438 C 1.988281 3.757812 2.496094 3.84375 2.855469 4.089844 Z M 2.855469 4.089844 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.960938 11.683594 C 3.269531 11.949219 3.492188 12.316406 3.53125 12.726562 C 3.558594 13.152344 3.449219 13.550781 3.171875 13.878906 C 2.875 14.203125 2.519531 14.375 2.082031 14.417969 C 1.671875 14.433594 1.28125 14.28125 0.972656 14.011719 C 0.660156 13.714844 0.488281 13.324219 0.476562 12.890625 C 0.480469 12.53125 0.59375 12.214844 0.816406 11.933594 C 0.828125 11.917969 0.839844 11.902344 0.851562 11.882812 C 1.078125 11.597656 1.433594 11.421875 1.785156 11.363281 C 2.207031 11.316406 2.628906 11.417969 2.960938 11.683594 Z M 2.960938 11.683594 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.449219 4.167969 C 14.507812 4.222656 14.5625 4.273438 14.617188 4.332031 C 14.628906 4.34375 14.640625 4.355469 14.65625 4.367188 C 14.914062 4.632812 15.015625 5.023438 15.03125 5.378906 C 15.019531 5.734375 14.902344 6.046875 14.6875 6.328125 C 14.675781 6.34375 14.664062 6.359375 14.652344 6.378906 C 14.410156 6.679688 14.042969 6.851562 13.664062 6.898438 C 13.242188 6.925781 12.84375 6.816406 12.523438 6.535156 C 12.484375 6.5 12.445312 6.460938 12.40625 6.425781 C 12.394531 6.410156 12.378906 6.394531 12.363281 6.378906 C 12.085938 6.089844 11.988281 5.707031 11.992188 5.316406 C 12.003906 4.914062 12.167969 4.53125 12.457031 4.25 C 13.023438 3.75 13.847656 3.714844 14.449219 4.167969 Z M 14.449219 4.167969 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 42.046875 2.648438 C 42.253906 2.816406 42.375 3.03125 42.40625 3.296875 C 42.433594 3.558594 42.351562 3.808594 42.191406 4.019531 C 42.007812 4.214844 41.785156 4.351562 41.507812 4.363281 C 41.46875 4.363281 41.429688 4.363281 41.390625 4.363281 C 41.371094 4.363281 41.351562 4.363281 41.332031 4.363281 C 41.058594 4.355469 40.832031 4.273438 40.625 4.089844 C 40.476562 3.933594 40.359375 3.734375 40.34375 3.511719 C 40.34375 3.496094 40.339844 3.480469 40.339844 3.460938 C 40.328125 3.230469 40.390625 2.992188 40.542969 2.8125 C 40.554688 2.796875 40.570312 2.78125 40.585938 2.765625 C 40.597656 2.75 40.613281 2.734375 40.632812 2.714844 C 41.019531 2.339844 41.621094 2.332031 42.046875 2.648438 Z M 42.046875 2.648438 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 93.210938 2.566406 C 93.453125 2.757812 93.570312 2.96875 93.609375 3.273438 C 93.621094 3.53125 93.550781 3.773438 93.378906 3.972656 C 93.367188 3.988281 93.351562 4.003906 93.335938 4.019531 C 93.316406 4.039062 93.316406 4.039062 93.296875 4.058594 C 93.066406 4.28125 92.78125 4.316406 92.476562 4.3125 C 92.355469 4.308594 92.25 4.285156 92.136719 4.234375 C 92.117188 4.226562 92.101562 4.21875 92.082031 4.210938 C 91.871094 4.105469 91.703125 3.9375 91.605469 3.722656 C 91.515625 3.449219 91.515625 3.171875 91.632812 2.90625 C 91.773438 2.652344 92 2.484375 92.277344 2.402344 C 92.605469 2.324219 92.933594 2.375 93.210938 2.566406 Z M 93.210938 2.566406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.320312 5.960938 C 8.539062 6.117188 8.664062 6.320312 8.726562 6.582031 C 8.769531 6.839844 8.710938 7.089844 8.574219 7.3125 C 8.410156 7.535156 8.207031 7.65625 7.945312 7.722656 C 7.621094 7.753906 7.355469 7.6875 7.105469 7.484375 C 6.921875 7.3125 6.8125 7.078125 6.792969 6.832031 C 6.789062 6.535156 6.871094 6.28125 7.078125 6.0625 C 7.4375 5.738281 7.914062 5.710938 8.320312 5.960938 Z M 8.320312 5.960938 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.431373%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.09375 0.820312 C 14.289062 0.96875 14.421875 1.179688 14.472656 1.417969 C 14.5 1.714844 14.464844 1.980469 14.273438 2.214844 C 14.082031 2.421875 13.890625 2.558594 13.605469 2.582031 C 13.320312 2.585938 13.078125 2.535156 12.863281 2.332031 C 12.660156 2.128906 12.550781 1.910156 12.542969 1.621094 C 12.546875 1.332031 12.644531 1.117188 12.839844 0.910156 C 13.199219 0.574219 13.6875 0.5625 14.09375 0.820312 Z M 14.09375 0.820312 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.574219 0.808594 C 2.769531 0.972656 2.925781 1.164062 2.976562 1.417969 C 2.996094 1.71875 2.972656 1.976562 2.777344 2.214844 C 2.585938 2.421875 2.394531 2.558594 2.109375 2.582031 C 1.824219 2.585938 1.582031 2.53125 1.367188 2.332031 C 1.226562 2.195312 1.136719 2.066406 1.078125 1.875 C 1.074219 1.863281 1.070312 1.847656 1.066406 1.832031 C 1.015625 1.570312 1.054688 1.3125 1.195312 1.089844 C 1.515625 0.644531 2.101562 0.484375 2.574219 0.808594 Z M 2.574219 0.808594 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.550781 8.316406 C 2.582031 8.34375 2.609375 8.371094 2.640625 8.398438 C 2.65625 8.414062 2.671875 8.429688 2.691406 8.445312 C 2.878906 8.640625 2.960938 8.847656 2.964844 9.121094 C 2.960938 9.398438 2.882812 9.613281 2.6875 9.816406 C 2.5 9.996094 2.257812 10.109375 1.992188 10.105469 C 1.695312 10.085938 1.449219 9.972656 1.246094 9.753906 C 1.074219 9.535156 1.003906 9.277344 1.03125 9 C 1.089844 8.710938 1.214844 8.484375 1.453125 8.3125 C 1.789062 8.105469 2.222656 8.085938 2.550781 8.316406 Z M 2.550781 8.316406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.058594 8.34375 C 14.269531 8.496094 14.425781 8.714844 14.472656 8.972656 C 14.496094 9.300781 14.441406 9.542969 14.238281 9.804688 C 14.148438 9.90625 14.042969 9.972656 13.921875 10.03125 C 13.894531 10.046875 13.894531 10.046875 13.867188 10.058594 C 13.660156 10.144531 13.386719 10.136719 13.175781 10.066406 C 12.929688 9.960938 12.714844 9.769531 12.613281 9.519531 C 12.601562 9.484375 12.585938 9.445312 12.574219 9.40625 C 12.570312 9.390625 12.566406 9.378906 12.5625 9.363281 C 12.511719 9.109375 12.550781 8.855469 12.679688 8.632812 C 12.824219 8.421875 13.003906 8.277344 13.246094 8.203125 C 13.261719 8.199219 13.277344 8.195312 13.292969 8.191406 C 13.570312 8.136719 13.820312 8.195312 14.058594 8.34375 Z M 14.058594 8.34375 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.375 13.523438 C 8.605469 13.730469 8.71875 13.984375 8.742188 14.289062 C 8.734375 14.554688 8.621094 14.789062 8.445312 14.984375 C 8.25 15.164062 7.996094 15.25 7.734375 15.253906 C 7.46875 15.242188 7.25 15.136719 7.0625 14.953125 C 6.863281 14.730469 6.789062 14.488281 6.792969 14.195312 C 6.832031 13.894531 6.964844 13.664062 7.199219 13.472656 C 7.582031 13.230469 8.015625 13.25 8.375 13.523438 Z M 8.375 13.523438 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.027344 12.066406 C 14.25 12.234375 14.421875 12.449219 14.472656 12.726562 C 14.492188 13.019531 14.464844 13.269531 14.273438 13.5 C 14.089844 13.699219 13.886719 13.84375 13.609375 13.863281 C 13.3125 13.867188 13.058594 13.800781 12.832031 13.589844 C 12.730469 13.480469 12.65625 13.371094 12.601562 13.234375 C 12.589844 13.207031 12.582031 13.183594 12.570312 13.15625 C 12.519531 12.886719 12.539062 12.625 12.679688 12.386719 C 12.984375 11.945312 13.558594 11.765625 14.027344 12.066406 Z M 14.027344 12.066406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.269531 2.203125 C 8.492188 2.371094 8.652344 2.574219 8.703125 2.855469 C 8.738281 3.113281 8.695312 3.371094 8.535156 3.582031 C 8.355469 3.796875 8.136719 3.949219 7.851562 3.976562 C 7.539062 3.988281 7.289062 3.894531 7.054688 3.679688 C 6.851562 3.449219 6.796875 3.222656 6.808594 2.914062 C 6.824219 2.671875 6.929688 2.480469 7.105469 2.308594 C 7.445312 2.039062 7.886719 1.964844 8.269531 2.203125 Z M 8.269531 2.203125 "
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "WeaveIcon"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/WeaveIcon.tsx b/web/app/components/base/icons/src/public/tracing/WeaveIcon.tsx
index 3c9a1acf0a..ef05c7939f 100644
--- a/web/app/components/base/icons/src/public/tracing/WeaveIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/WeaveIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './WeaveIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './WeaveIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/WeaveIconBig.json b/web/app/components/base/icons/src/public/tracing/WeaveIconBig.json
index 5557e237e0..ac68776650 100644
--- a/web/app/components/base/icons/src/public/tracing/WeaveIconBig.json
+++ b/web/app/components/base/icons/src/public/tracing/WeaveIconBig.json
@@ -1,279 +1,279 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"xmlns:xlink": "http://www.w3.org/1999/xlink",
-			"width": "124px",
-			"height": "16px",
-			"viewBox": "0 0 120 16",
-			"version": "1.1"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "surface1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 20.847656 3.292969 C 20.875 3.292969 20.902344 3.292969 20.933594 3.292969 C 20.949219 3.292969 20.964844 3.292969 20.980469 3.292969 C 21.035156 3.292969 21.089844 3.292969 21.140625 3.292969 C 21.179688 3.292969 21.21875 3.292969 21.253906 3.292969 C 21.359375 3.292969 21.464844 3.292969 21.566406 3.292969 C 21.675781 3.292969 21.78125 3.292969 21.890625 3.292969 C 22.097656 3.292969 22.300781 3.292969 22.507812 3.292969 C 22.738281 3.292969 22.972656 3.292969 23.207031 3.296875 C 23.6875 3.296875 24.167969 3.296875 24.648438 3.296875 C 24.648438 3.519531 24.648438 3.742188 24.648438 3.96875 C 24.113281 4.042969 24.113281 4.042969 23.566406 4.113281 C 23.667969 4.496094 23.769531 4.882812 23.867188 5.265625 C 23.878906 5.308594 23.878906 5.308594 23.890625 5.351562 C 24.128906 6.269531 24.371094 7.183594 24.609375 8.097656 C 24.675781 8.339844 24.738281 8.582031 24.800781 8.824219 C 24.816406 8.878906 24.832031 8.933594 24.84375 8.992188 C 24.867188 9.078125 24.890625 9.167969 24.914062 9.257812 C 24.921875 9.289062 24.933594 9.320312 24.941406 9.355469 C 24.953125 9.398438 24.964844 9.441406 24.976562 9.484375 C 24.984375 9.523438 24.984375 9.523438 24.996094 9.558594 C 25.007812 9.625 25.007812 9.625 25.007812 9.71875 C 25.023438 9.71875 25.039062 9.71875 25.054688 9.71875 C 25.058594 9.707031 25.058594 9.695312 25.0625 9.679688 C 25.097656 9.492188 25.152344 9.3125 25.210938 9.128906 C 25.222656 9.097656 25.234375 9.0625 25.246094 9.027344 C 25.269531 8.953125 25.292969 8.882812 25.316406 8.808594 C 25.355469 8.691406 25.390625 8.574219 25.429688 8.457031 C 25.464844 8.339844 25.503906 8.21875 25.542969 8.097656 C 25.660156 7.738281 25.773438 7.375 25.890625 7.011719 C 25.902344 6.96875 25.917969 6.921875 25.933594 6.875 C 26.226562 5.945312 26.519531 5.019531 26.808594 4.089844 C 26.785156 4.089844 26.765625 4.089844 26.742188 4.085938 C 26.507812 4.074219 26.273438 4.046875 26.042969 4.015625 C 26.007812 4.011719 25.972656 4.007812 25.933594 4.003906 C 25.851562 3.992188 25.765625 3.980469 25.679688 3.96875 C 25.679688 3.746094 25.679688 3.523438 25.679688 3.296875 C 26.175781 3.296875 26.667969 3.296875 27.160156 3.296875 C 27.390625 3.292969 27.621094 3.292969 27.851562 3.292969 C 28.050781 3.292969 28.25 3.292969 28.449219 3.292969 C 28.554688 3.292969 28.660156 3.292969 28.765625 3.292969 C 28.867188 3.292969 28.964844 3.292969 29.066406 3.292969 C 29.101562 3.292969 29.140625 3.292969 29.175781 3.292969 C 29.226562 3.292969 29.273438 3.292969 29.324219 3.292969 C 29.367188 3.292969 29.367188 3.292969 29.410156 3.292969 C 29.472656 3.296875 29.472656 3.296875 29.496094 3.320312 C 29.5 3.367188 29.5 3.417969 29.5 3.464844 C 29.5 3.492188 29.5 3.515625 29.5 3.542969 C 29.496094 3.59375 29.496094 3.59375 29.496094 3.648438 C 29.496094 3.753906 29.496094 3.859375 29.496094 3.96875 C 29.09375 4.015625 28.6875 4.066406 28.273438 4.113281 C 28.679688 5.460938 28.679688 5.460938 29.089844 6.808594 C 29.105469 6.859375 29.121094 6.910156 29.136719 6.960938 C 29.234375 7.292969 29.335938 7.625 29.4375 7.960938 C 29.484375 8.113281 29.53125 8.265625 29.578125 8.417969 C 29.605469 8.507812 29.632812 8.597656 29.660156 8.691406 C 29.878906 9.40625 29.878906 9.40625 29.976562 9.746094 C 30.027344 9.664062 30.046875 9.601562 30.070312 9.507812 C 30.078125 9.484375 30.078125 9.484375 30.085938 9.457031 C 30.101562 9.402344 30.117188 9.34375 30.132812 9.289062 C 30.144531 9.25 30.152344 9.207031 30.164062 9.167969 C 30.1875 9.082031 30.214844 8.992188 30.238281 8.90625 C 30.292969 8.691406 30.351562 8.480469 30.410156 8.269531 C 30.433594 8.191406 30.453125 8.117188 30.472656 8.042969 C 30.621094 7.5 30.769531 6.960938 30.921875 6.421875 C 30.949219 6.324219 30.976562 6.226562 31 6.128906 C 31.066406 5.902344 31.128906 5.675781 31.191406 5.449219 C 31.230469 5.308594 31.269531 5.164062 31.308594 5.023438 C 31.335938 4.925781 31.363281 4.828125 31.390625 4.734375 C 31.402344 4.6875 31.414062 4.640625 31.429688 4.59375 C 31.445312 4.53125 31.464844 4.46875 31.480469 4.40625 C 31.488281 4.386719 31.492188 4.367188 31.496094 4.347656 C 31.515625 4.277344 31.535156 4.207031 31.558594 4.136719 C 31.210938 4.074219 30.855469 4.023438 30.503906 3.96875 C 30.503906 3.746094 30.503906 3.523438 30.503906 3.296875 C 30.878906 3.296875 31.253906 3.296875 31.628906 3.296875 C 31.804688 3.292969 31.976562 3.292969 32.152344 3.292969 C 32.304688 3.292969 32.457031 3.292969 32.605469 3.292969 C 32.6875 3.292969 32.769531 3.292969 32.847656 3.292969 C 32.9375 3.292969 33.027344 3.292969 33.117188 3.292969 C 33.144531 3.292969 33.171875 3.292969 33.199219 3.292969 C 33.222656 3.292969 33.246094 3.292969 33.273438 3.292969 C 33.304688 3.292969 33.304688 3.292969 33.335938 3.292969 C 33.382812 3.296875 33.382812 3.296875 33.40625 3.320312 C 33.410156 3.367188 33.410156 3.414062 33.410156 3.460938 C 33.410156 3.488281 33.410156 3.515625 33.410156 3.542969 C 33.410156 3.574219 33.410156 3.605469 33.410156 3.632812 C 33.410156 3.664062 33.410156 3.695312 33.410156 3.726562 C 33.410156 3.796875 33.410156 3.871094 33.40625 3.945312 C 33.292969 3.964844 33.175781 3.984375 33.0625 4.007812 C 33.023438 4.011719 32.984375 4.019531 32.945312 4.027344 C 32.738281 4.0625 32.535156 4.097656 32.328125 4.113281 C 32.320312 4.144531 32.320312 4.144531 32.3125 4.179688 C 32.238281 4.480469 32.15625 4.78125 32.070312 5.082031 C 32.058594 5.128906 32.042969 5.171875 32.03125 5.21875 C 31.875 5.78125 31.714844 6.347656 31.550781 6.910156 C 31.375 7.535156 31.195312 8.160156 31.019531 8.785156 C 30.992188 8.871094 30.96875 8.957031 30.945312 9.042969 C 30.835938 9.433594 30.722656 9.820312 30.613281 10.210938 C 30.566406 10.378906 30.519531 10.542969 30.472656 10.707031 C 30.445312 10.804688 30.417969 10.902344 30.390625 11 C 30.277344 11.390625 30.167969 11.785156 30.046875 12.175781 C 29.730469 12.175781 29.414062 12.175781 29.089844 12.175781 C 29.03125 12.003906 29.03125 12.003906 28.976562 11.832031 C 28.925781 11.675781 28.878906 11.523438 28.828125 11.367188 C 28.820312 11.347656 28.8125 11.328125 28.808594 11.304688 C 28.632812 10.769531 28.460938 10.230469 28.285156 9.695312 C 28.144531 9.273438 28.007812 8.847656 27.875 8.425781 C 27.695312 7.867188 27.515625 7.308594 27.332031 6.753906 C 27.304688 6.679688 27.28125 6.605469 27.257812 6.53125 C 27.238281 6.476562 27.222656 6.425781 27.207031 6.375 C 27.046875 5.894531 27.046875 5.894531 27.046875 5.796875 C 27.03125 5.796875 27.015625 5.796875 27 5.796875 C 26.996094 5.8125 26.996094 5.828125 26.992188 5.84375 C 26.964844 5.988281 26.925781 6.132812 26.882812 6.273438 C 26.875 6.296875 26.867188 6.316406 26.859375 6.339844 C 26.84375 6.390625 26.828125 6.4375 26.8125 6.488281 C 26.769531 6.625 26.726562 6.761719 26.683594 6.898438 C 26.675781 6.929688 26.664062 6.957031 26.65625 6.988281 C 26.546875 7.328125 26.445312 7.667969 26.339844 8.007812 C 26.316406 8.078125 26.296875 8.144531 26.273438 8.214844 C 26.230469 8.355469 26.1875 8.496094 26.144531 8.636719 C 26.074219 8.863281 26.007812 9.089844 25.9375 9.3125 C 25.933594 9.328125 25.925781 9.347656 25.921875 9.363281 C 25.894531 9.449219 25.871094 9.535156 25.84375 9.617188 C 25.796875 9.769531 25.75 9.921875 25.703125 10.074219 C 25.675781 10.15625 25.652344 10.242188 25.625 10.328125 C 25.613281 10.363281 25.605469 10.394531 25.59375 10.429688 C 25.414062 11.011719 25.234375 11.59375 25.054688 12.175781 C 24.738281 12.175781 24.421875 12.175781 24.097656 12.175781 C 23.816406 11.230469 23.535156 10.285156 23.261719 9.339844 C 23.253906 9.320312 23.25 9.304688 23.246094 9.285156 C 23.195312 9.117188 23.144531 8.949219 23.097656 8.78125 C 22.960938 8.3125 22.824219 7.84375 22.6875 7.375 C 22.664062 7.304688 22.644531 7.234375 22.625 7.164062 C 22.414062 6.449219 22.207031 5.738281 22 5.027344 C 21.976562 4.953125 21.953125 4.878906 21.933594 4.804688 C 21.898438 4.683594 21.859375 4.5625 21.824219 4.441406 C 21.820312 4.421875 21.8125 4.402344 21.808594 4.382812 C 21.796875 4.347656 21.785156 4.3125 21.777344 4.28125 C 21.753906 4.203125 21.742188 4.148438 21.742188 4.066406 C 21.726562 4.066406 21.710938 4.0625 21.691406 4.0625 C 21.382812 4.042969 21.070312 4.003906 20.761719 3.96875 C 20.757812 3.863281 20.757812 3.753906 20.757812 3.648438 C 20.757812 3.617188 20.757812 3.585938 20.757812 3.554688 C 20.757812 3.523438 20.757812 3.496094 20.757812 3.464844 C 20.757812 3.4375 20.757812 3.410156 20.757812 3.382812 C 20.761719 3.296875 20.761719 3.296875 20.847656 3.292969 Z M 20.847656 3.292969 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 82.488281 3.25 C 83.046875 3.246094 83.605469 3.246094 84.167969 3.246094 C 84.425781 3.246094 84.6875 3.246094 84.945312 3.246094 C 85.171875 3.242188 85.398438 3.242188 85.625 3.242188 C 85.746094 3.242188 85.867188 3.242188 85.984375 3.242188 C 88.15625 3.238281 88.15625 3.238281 88.894531 3.898438 C 88.914062 3.914062 88.9375 3.929688 88.957031 3.945312 C 89.191406 4.144531 89.363281 4.402344 89.472656 4.691406 C 89.480469 4.714844 89.492188 4.742188 89.5 4.765625 C 89.65625 5.25 89.601562 5.785156 89.382812 6.234375 C 89.117188 6.753906 88.695312 7.078125 88.152344 7.265625 C 87.984375 7.320312 87.816406 7.367188 87.648438 7.410156 C 87.664062 7.414062 87.679688 7.417969 87.699219 7.421875 C 88.523438 7.605469 89.300781 7.851562 89.78125 8.597656 C 90.0625 9.0625 90.125 9.636719 90.003906 10.164062 C 89.808594 10.804688 89.363281 11.304688 88.78125 11.621094 C 88.324219 11.863281 87.820312 11.988281 87.3125 12.054688 C 87.28125 12.058594 87.253906 12.0625 87.222656 12.066406 C 86.777344 12.121094 86.332031 12.109375 85.882812 12.105469 C 85.765625 12.105469 85.644531 12.105469 85.523438 12.105469 C 85.300781 12.105469 85.074219 12.105469 84.847656 12.105469 C 84.589844 12.105469 84.332031 12.105469 84.074219 12.105469 C 83.546875 12.105469 83.015625 12.101562 82.488281 12.101562 C 82.488281 11.878906 82.488281 11.65625 82.488281 11.429688 C 82.859375 11.390625 83.234375 11.347656 83.617188 11.308594 C 83.617188 8.910156 83.617188 6.511719 83.617188 4.042969 C 83.488281 4.035156 83.363281 4.027344 83.230469 4.019531 C 83.117188 4.007812 83.003906 3.996094 82.890625 3.980469 C 82.863281 3.980469 82.832031 3.976562 82.804688 3.972656 C 82.695312 3.960938 82.59375 3.949219 82.488281 3.921875 C 82.488281 3.699219 82.488281 3.476562 82.488281 3.25 Z M 85.390625 3.96875 C 85.390625 4.242188 85.386719 4.515625 85.382812 4.785156 C 85.382812 4.914062 85.378906 5.039062 85.378906 5.164062 C 85.371094 5.824219 85.367188 6.484375 85.367188 7.144531 C 86.488281 7.183594 86.488281 7.183594 87.457031 6.691406 C 87.796875 6.320312 87.859375 5.832031 87.847656 5.351562 C 87.832031 4.992188 87.71875 4.644531 87.460938 4.378906 C 87 3.96875 86.363281 3.964844 85.78125 3.96875 C 85.742188 3.96875 85.703125 3.96875 85.667969 3.96875 C 85.574219 3.96875 85.484375 3.96875 85.390625 3.96875 Z M 85.390625 7.84375 C 85.390625 9.003906 85.390625 10.160156 85.390625 11.355469 C 86.28125 11.386719 86.28125 11.386719 87.152344 11.21875 C 87.171875 11.214844 87.1875 11.207031 87.207031 11.199219 C 87.578125 11.066406 87.886719 10.824219 88.066406 10.46875 C 88.28125 9.988281 88.289062 9.417969 88.125 8.921875 C 87.960938 8.492188 87.664062 8.234375 87.257812 8.046875 C 86.664062 7.804688 86.023438 7.84375 85.390625 7.84375 Z M 85.390625 7.84375 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 76.167969 3.476562 C 76.367188 3.671875 76.507812 3.917969 76.585938 4.1875 C 76.589844 4.203125 76.59375 4.222656 76.601562 4.242188 C 76.707031 4.675781 76.621094 5.144531 76.414062 5.53125 C 76.34375 5.644531 76.265625 5.746094 76.175781 5.847656 C 76.15625 5.867188 76.136719 5.886719 76.117188 5.910156 C 75.71875 6.332031 75.199219 6.617188 74.6875 6.882812 C 74.707031 6.902344 74.726562 6.921875 74.746094 6.941406 C 74.972656 7.191406 74.972656 7.191406 75.066406 7.296875 C 75.140625 7.382812 75.21875 7.464844 75.300781 7.542969 C 75.351562 7.59375 75.394531 7.640625 75.4375 7.695312 C 75.527344 7.796875 75.621094 7.894531 75.714844 7.992188 C 76.089844 8.394531 76.089844 8.394531 76.253906 8.585938 C 76.351562 8.695312 76.449219 8.800781 76.546875 8.90625 C 76.621094 8.980469 76.691406 9.058594 76.761719 9.136719 C 76.773438 9.152344 76.789062 9.164062 76.800781 9.179688 C 76.824219 9.207031 76.851562 9.234375 76.875 9.261719 C 76.933594 9.324219 76.992188 9.382812 77.0625 9.429688 C 77.070312 9.410156 77.070312 9.410156 77.082031 9.386719 C 77.113281 9.304688 77.152344 9.230469 77.195312 9.15625 C 77.5625 8.476562 77.800781 7.753906 77.976562 7 C 77.953125 7 77.933594 6.996094 77.910156 6.996094 C 77.707031 6.96875 77.5 6.9375 77.296875 6.902344 C 77.273438 6.898438 77.25 6.894531 77.222656 6.890625 C 77.050781 6.859375 77.050781 6.859375 76.96875 6.832031 C 76.960938 6.328125 76.960938 6.328125 77.015625 6.160156 C 77.949219 6.160156 78.886719 6.160156 79.847656 6.160156 C 79.847656 6.367188 79.847656 6.574219 79.847656 6.785156 C 79.53125 6.839844 79.214844 6.894531 78.886719 6.953125 C 78.859375 7.046875 78.832031 7.140625 78.804688 7.234375 C 78.539062 8.09375 78.164062 9.035156 77.601562 9.746094 C 77.5625 9.792969 77.5625 9.792969 77.566406 9.851562 C 77.601562 9.933594 77.648438 9.980469 77.714844 10.039062 C 77.792969 10.113281 77.867188 10.1875 77.9375 10.269531 C 78.027344 10.375 78.125 10.46875 78.222656 10.566406 C 78.308594 10.65625 78.390625 10.742188 78.472656 10.839844 C 78.539062 10.914062 78.601562 10.933594 78.695312 10.949219 C 78.71875 10.953125 78.746094 10.957031 78.769531 10.960938 C 78.796875 10.964844 78.824219 10.96875 78.851562 10.972656 C 78.875 10.980469 78.902344 10.984375 78.933594 10.988281 C 79.019531 11.003906 79.105469 11.019531 79.191406 11.03125 C 79.277344 11.046875 79.363281 11.0625 79.449219 11.078125 C 79.503906 11.085938 79.558594 11.097656 79.613281 11.105469 C 79.648438 11.113281 79.648438 11.113281 79.6875 11.117188 C 79.707031 11.121094 79.730469 11.125 79.75 11.128906 C 79.800781 11.140625 79.800781 11.140625 79.824219 11.164062 C 79.820312 11.421875 79.785156 11.679688 79.753906 11.933594 C 79.691406 11.949219 79.632812 11.964844 79.570312 11.980469 C 79.546875 11.984375 79.546875 11.984375 79.519531 11.992188 C 79.214844 12.066406 78.910156 12.085938 78.597656 12.085938 C 78.539062 12.085938 78.484375 12.085938 78.425781 12.085938 C 77.847656 12.089844 77.332031 11.917969 76.894531 11.523438 C 76.855469 11.484375 76.816406 11.445312 76.777344 11.40625 C 76.71875 11.347656 76.660156 11.296875 76.601562 11.242188 C 76.578125 11.21875 76.578125 11.21875 76.554688 11.195312 C 76.515625 11.160156 76.476562 11.125 76.441406 11.089844 C 76.429688 11.101562 76.417969 11.109375 76.410156 11.117188 C 76.140625 11.351562 75.859375 11.554688 75.542969 11.71875 C 75.511719 11.738281 75.476562 11.757812 75.445312 11.777344 C 75.3125 11.847656 75.179688 11.894531 75.039062 11.9375 C 75.011719 11.945312 75.011719 11.945312 74.984375 11.953125 C 74.632812 12.058594 74.269531 12.089844 73.90625 12.085938 C 73.84375 12.085938 73.785156 12.085938 73.722656 12.089844 C 72.941406 12.089844 72.222656 11.824219 71.652344 11.28125 C 71.203125 10.820312 71.023438 10.246094 71.03125 9.609375 C 71.042969 9.058594 71.230469 8.546875 71.59375 8.132812 C 71.609375 8.113281 71.625 8.09375 71.644531 8.070312 C 71.980469 7.683594 72.398438 7.421875 72.839844 7.171875 C 72.871094 7.152344 72.902344 7.132812 72.9375 7.113281 C 72.960938 7.101562 72.984375 7.085938 73.007812 7.074219 C 72.996094 7.0625 72.988281 7.050781 72.976562 7.042969 C 72.398438 6.425781 72.09375 5.613281 72.113281 4.773438 C 72.128906 4.371094 72.257812 3.988281 72.527344 3.679688 C 72.542969 3.660156 72.558594 3.644531 72.570312 3.625 C 72.917969 3.210938 73.496094 2.996094 74.015625 2.933594 C 74.050781 2.929688 74.050781 2.929688 74.082031 2.925781 C 74.804688 2.847656 75.621094 2.964844 76.167969 3.476562 Z M 73.671875 3.796875 C 73.433594 4.113281 73.414062 4.4375 73.457031 4.820312 C 73.550781 5.460938 73.921875 5.9375 74.328125 6.425781 C 74.398438 6.390625 74.449219 6.355469 74.503906 6.300781 C 74.527344 6.28125 74.527344 6.28125 74.550781 6.257812 C 74.566406 6.242188 74.582031 6.226562 74.597656 6.210938 C 74.613281 6.191406 74.628906 6.175781 74.644531 6.160156 C 74.773438 6.03125 74.890625 5.894531 75 5.75 C 75.019531 5.726562 75.035156 5.699219 75.054688 5.675781 C 75.335938 5.292969 75.5 4.859375 75.457031 4.378906 C 75.40625 4.078125 75.289062 3.820312 75.035156 3.636719 C 74.59375 3.363281 74.03125 3.410156 73.671875 3.796875 Z M 73.046875 7.828125 C 72.664062 8.226562 72.519531 8.789062 72.519531 9.332031 C 72.53125 9.800781 72.71875 10.257812 73.039062 10.601562 C 73.46875 10.996094 73.980469 11.140625 74.550781 11.125 C 74.960938 11.105469 75.339844 11.003906 75.703125 10.8125 C 75.71875 10.804688 75.738281 10.796875 75.753906 10.785156 C 75.84375 10.738281 75.90625 10.699219 75.960938 10.609375 C 75.949219 10.601562 75.941406 10.589844 75.933594 10.582031 C 75.460938 10.074219 75.460938 10.074219 75.25 9.8125 C 75.1875 9.738281 75.125 9.664062 75.0625 9.59375 C 74.972656 9.484375 74.882812 9.375 74.796875 9.265625 C 74.695312 9.132812 74.589844 9.003906 74.480469 8.878906 C 74.390625 8.773438 74.304688 8.667969 74.214844 8.5625 C 74.152344 8.484375 74.085938 8.40625 74.019531 8.328125 C 73.921875 8.214844 73.828125 8.101562 73.734375 7.984375 C 73.726562 7.96875 73.714844 7.957031 73.703125 7.941406 C 73.683594 7.914062 73.660156 7.886719 73.640625 7.859375 C 73.589844 7.792969 73.539062 7.730469 73.488281 7.667969 C 73.460938 7.632812 73.460938 7.632812 73.433594 7.601562 C 73.414062 7.578125 73.414062 7.578125 73.390625 7.554688 C 73.265625 7.554688 73.132812 7.742188 73.046875 7.828125 Z M 73.046875 7.828125 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 49.992188 5.535156 C 50.101562 5.609375 50.101562 5.609375 50.136719 5.679688 C 50.136719 5.746094 50.140625 5.8125 50.140625 5.882812 C 50.140625 5.914062 50.140625 5.914062 50.140625 5.941406 C 50.140625 5.984375 50.140625 6.027344 50.140625 6.070312 C 50.140625 6.136719 50.140625 6.203125 50.140625 6.269531 C 50.140625 6.308594 50.140625 6.351562 50.140625 6.390625 C 50.140625 6.410156 50.140625 6.429688 50.140625 6.453125 C 50.140625 6.589844 50.140625 6.589844 50.113281 6.617188 C 50.074219 6.617188 50.035156 6.621094 49.996094 6.621094 C 49.972656 6.621094 49.949219 6.621094 49.921875 6.621094 C 49.894531 6.621094 49.871094 6.617188 49.84375 6.617188 C 49.816406 6.617188 49.789062 6.617188 49.757812 6.617188 C 49.671875 6.617188 49.585938 6.617188 49.5 6.617188 C 49.441406 6.617188 49.378906 6.617188 49.320312 6.617188 C 49.175781 6.617188 49.03125 6.617188 48.886719 6.617188 C 48.898438 6.640625 48.90625 6.660156 48.917969 6.683594 C 48.929688 6.714844 48.945312 6.746094 48.957031 6.773438 C 48.964844 6.789062 48.96875 6.804688 48.976562 6.820312 C 49.203125 7.339844 49.195312 8 48.988281 8.523438 C 48.75 9.0625 48.355469 9.457031 47.804688 9.671875 C 47.066406 9.941406 46.210938 9.941406 45.457031 9.746094 C 45.277344 10.003906 45.214844 10.273438 45.238281 10.585938 C 45.269531 10.699219 45.316406 10.761719 45.402344 10.835938 C 45.617188 10.945312 45.851562 10.949219 46.089844 10.949219 C 46.113281 10.953125 46.132812 10.953125 46.15625 10.953125 C 46.203125 10.953125 46.25 10.953125 46.292969 10.953125 C 46.367188 10.953125 46.441406 10.953125 46.515625 10.953125 C 46.726562 10.953125 46.9375 10.957031 47.144531 10.957031 C 47.273438 10.957031 47.402344 10.957031 47.53125 10.960938 C 47.582031 10.960938 47.628906 10.960938 47.675781 10.960938 C 48.324219 10.960938 49.039062 11.019531 49.53125 11.492188 C 49.546875 11.511719 49.566406 11.53125 49.585938 11.550781 C 49.601562 11.566406 49.617188 11.582031 49.636719 11.597656 C 49.957031 11.929688 50.0625 12.394531 50.066406 12.84375 C 50.054688 13.351562 49.847656 13.800781 49.511719 14.171875 C 49.496094 14.191406 49.480469 14.207031 49.460938 14.226562 C 48.8125 14.921875 47.769531 15.179688 46.855469 15.210938 C 45.890625 15.234375 44.761719 15.230469 44.015625 14.523438 C 43.738281 14.222656 43.660156 13.886719 43.671875 13.488281 C 43.679688 13.363281 43.699219 13.253906 43.753906 13.136719 C 43.761719 13.117188 43.769531 13.09375 43.78125 13.074219 C 43.996094 12.644531 44.386719 12.410156 44.785156 12.175781 C 44.765625 12.167969 44.746094 12.160156 44.730469 12.152344 C 44.398438 11.996094 44.222656 11.808594 44.089844 11.476562 C 43.988281 11.136719 44.070312 10.757812 44.222656 10.453125 C 44.421875 10.109375 44.695312 9.824219 44.976562 9.550781 C 44.960938 9.542969 44.945312 9.53125 44.925781 9.523438 C 44.757812 9.417969 44.613281 9.304688 44.472656 9.167969 C 44.457031 9.152344 44.441406 9.136719 44.425781 9.121094 C 44.214844 8.902344 44.085938 8.597656 44.015625 8.300781 C 44.011719 8.28125 44.003906 8.257812 44 8.238281 C 43.882812 7.675781 43.964844 7.042969 44.277344 6.558594 C 44.621094 6.070312 45.09375 5.773438 45.671875 5.628906 C 45.6875 5.625 45.703125 5.621094 45.71875 5.617188 C 46.25 5.492188 46.917969 5.496094 47.449219 5.628906 C 47.464844 5.632812 47.480469 5.636719 47.496094 5.640625 C 47.6875 5.691406 47.867188 5.761719 48.046875 5.84375 C 48.0625 5.851562 48.078125 5.859375 48.09375 5.867188 C 48.164062 5.902344 48.226562 5.933594 48.289062 5.980469 C 48.390625 6.066406 48.390625 6.066406 48.515625 6.082031 C 48.582031 6.0625 48.644531 6.035156 48.707031 6.003906 C 48.730469 5.996094 48.753906 5.984375 48.78125 5.976562 C 48.855469 5.941406 48.929688 5.910156 49.003906 5.875 C 49.054688 5.851562 49.101562 5.832031 49.152344 5.808594 C 49.320312 5.738281 49.488281 5.664062 49.652344 5.585938 C 49.679688 5.574219 49.703125 5.566406 49.730469 5.554688 C 49.75 5.542969 49.769531 5.535156 49.789062 5.523438 C 49.867188 5.503906 49.917969 5.515625 49.992188 5.535156 Z M 45.835938 6.507812 C 45.472656 6.984375 45.421875 7.597656 45.492188 8.175781 C 45.550781 8.542969 45.6875 8.890625 45.980469 9.132812 C 46.207031 9.285156 46.46875 9.3125 46.734375 9.277344 C 47.015625 9.21875 47.210938 9.089844 47.375 8.855469 C 47.683594 8.375 47.742188 7.746094 47.640625 7.191406 C 47.5625 6.859375 47.402344 6.507812 47.117188 6.308594 C 46.703125 6.074219 46.152344 6.148438 45.835938 6.507812 Z M 45.238281 12.367188 C 44.957031 12.734375 44.867188 13.113281 44.902344 13.570312 C 44.957031 13.84375 45.09375 14.058594 45.316406 14.226562 C 45.613281 14.417969 46.015625 14.496094 46.367188 14.507812 C 46.394531 14.507812 46.394531 14.507812 46.417969 14.507812 C 47.132812 14.527344 47.90625 14.457031 48.453125 13.945312 C 48.652344 13.738281 48.710938 13.515625 48.703125 13.230469 C 48.683594 12.992188 48.570312 12.800781 48.394531 12.644531 C 48.113281 12.441406 47.726562 12.449219 47.398438 12.449219 C 47.355469 12.449219 47.3125 12.449219 47.269531 12.449219 C 47.15625 12.449219 47.046875 12.449219 46.933594 12.449219 C 46.753906 12.449219 46.574219 12.445312 46.394531 12.445312 C 46.332031 12.445312 46.269531 12.445312 46.210938 12.445312 C 45.882812 12.445312 45.5625 12.414062 45.238281 12.367188 Z M 45.238281 12.367188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 53.039062 2.382812 C 53.0625 2.390625 53.0625 2.390625 53.085938 2.398438 C 53.140625 2.429688 53.171875 2.453125 53.207031 2.503906 C 53.230469 2.617188 53.21875 2.730469 53.214844 2.84375 C 53.210938 2.878906 53.210938 2.914062 53.210938 2.953125 C 53.207031 3.027344 53.203125 3.105469 53.199219 3.183594 C 53.191406 3.371094 53.183594 3.558594 53.179688 3.746094 C 53.175781 3.792969 53.175781 3.835938 53.175781 3.882812 C 53.15625 4.441406 53.15625 5 53.15625 5.5625 C 53.15625 5.640625 53.15625 5.71875 53.15625 5.792969 C 53.15625 6.085938 53.160156 6.375 53.160156 6.664062 C 53.179688 6.644531 53.195312 6.625 53.214844 6.605469 C 53.238281 6.578125 53.261719 6.550781 53.285156 6.523438 C 53.296875 6.511719 53.3125 6.5 53.324219 6.484375 C 53.78125 5.984375 54.445312 5.601562 55.128906 5.550781 C 55.640625 5.535156 56.128906 5.578125 56.527344 5.929688 C 56.566406 5.964844 56.601562 6 56.640625 6.039062 C 56.664062 6.0625 56.664062 6.0625 56.691406 6.089844 C 57.246094 6.660156 57.203125 7.570312 57.203125 8.304688 C 57.203125 8.414062 57.203125 8.523438 57.207031 8.632812 C 57.207031 8.839844 57.207031 9.042969 57.207031 9.25 C 57.207031 9.484375 57.210938 9.722656 57.210938 9.957031 C 57.210938 10.4375 57.214844 10.921875 57.214844 11.40625 C 57.246094 11.410156 57.246094 11.410156 57.28125 11.414062 C 57.308594 11.417969 57.335938 11.421875 57.363281 11.425781 C 57.40625 11.433594 57.40625 11.433594 57.445312 11.441406 C 57.558594 11.457031 57.671875 11.480469 57.785156 11.503906 C 57.808594 11.507812 57.828125 11.511719 57.851562 11.515625 C 57.878906 11.519531 57.878906 11.519531 57.910156 11.527344 C 57.929688 11.53125 57.949219 11.535156 57.964844 11.539062 C 58.007812 11.550781 58.007812 11.550781 58.03125 11.574219 C 58.035156 11.613281 58.035156 11.65625 58.035156 11.695312 C 58.035156 11.71875 58.035156 11.746094 58.035156 11.769531 C 58.035156 11.796875 58.035156 11.824219 58.035156 11.851562 C 58.035156 11.875 58.035156 11.902344 58.035156 11.929688 C 58.035156 11.964844 58.035156 11.964844 58.035156 12.003906 C 58.035156 12.027344 58.035156 12.050781 58.035156 12.074219 C 58.03125 12.125 58.03125 12.125 58.007812 12.148438 C 57.964844 12.152344 57.921875 12.152344 57.882812 12.152344 C 57.839844 12.152344 57.839844 12.152344 57.796875 12.152344 C 57.769531 12.152344 57.738281 12.152344 57.707031 12.152344 C 57.675781 12.152344 57.640625 12.152344 57.609375 12.152344 C 57.523438 12.152344 57.433594 12.152344 57.347656 12.152344 C 57.257812 12.152344 57.164062 12.152344 57.074219 12.152344 C 56.917969 12.152344 56.765625 12.152344 56.613281 12.152344 C 56.433594 12.152344 56.257812 12.152344 56.082031 12.152344 C 55.929688 12.152344 55.777344 12.152344 55.625 12.152344 C 55.53125 12.152344 55.441406 12.152344 55.351562 12.152344 C 55.265625 12.152344 55.179688 12.152344 55.09375 12.152344 C 55.046875 12.152344 55 12.152344 54.953125 12.152344 C 54.925781 12.152344 54.898438 12.152344 54.871094 12.152344 C 54.847656 12.152344 54.824219 12.152344 54.796875 12.152344 C 54.742188 12.148438 54.742188 12.148438 54.71875 12.125 C 54.71875 12.085938 54.71875 12.042969 54.71875 12.003906 C 54.71875 11.976562 54.71875 11.953125 54.71875 11.925781 C 54.71875 11.902344 54.71875 11.875 54.71875 11.847656 C 54.71875 11.820312 54.71875 11.796875 54.71875 11.769531 C 54.71875 11.703125 54.71875 11.636719 54.71875 11.574219 C 54.8125 11.53125 54.902344 11.507812 55.003906 11.488281 C 55.03125 11.480469 55.0625 11.476562 55.09375 11.46875 C 55.113281 11.464844 55.128906 11.460938 55.144531 11.460938 C 55.191406 11.449219 55.242188 11.441406 55.289062 11.429688 C 55.527344 11.378906 55.527344 11.378906 55.585938 11.378906 C 55.582031 10.90625 55.582031 10.433594 55.578125 9.960938 C 55.578125 9.742188 55.578125 9.523438 55.574219 9.304688 C 55.574219 9.109375 55.574219 8.917969 55.574219 8.726562 C 55.574219 8.625 55.570312 8.527344 55.570312 8.425781 C 55.570312 8.328125 55.570312 8.234375 55.570312 8.136719 C 55.570312 8.101562 55.570312 8.066406 55.570312 8.03125 C 55.570312 7.664062 55.554688 7.199219 55.289062 6.917969 C 55.054688 6.722656 54.742188 6.746094 54.457031 6.761719 C 54.101562 6.800781 53.738281 7.007812 53.464844 7.234375 C 53.425781 7.265625 53.425781 7.265625 53.371094 7.300781 C 53.273438 7.371094 53.214844 7.421875 53.1875 7.539062 C 53.179688 7.640625 53.179688 7.742188 53.183594 7.84375 C 53.183594 7.882812 53.183594 7.921875 53.183594 7.960938 C 53.183594 8.066406 53.183594 8.167969 53.1875 8.273438 C 53.1875 8.386719 53.1875 8.496094 53.1875 8.605469 C 53.1875 8.8125 53.191406 9.023438 53.191406 9.230469 C 53.195312 9.46875 53.195312 9.703125 53.195312 9.941406 C 53.199219 10.429688 53.203125 10.917969 53.207031 11.40625 C 53.238281 11.410156 53.238281 11.410156 53.265625 11.414062 C 53.351562 11.429688 53.4375 11.445312 53.523438 11.464844 C 53.554688 11.46875 53.585938 11.472656 53.613281 11.480469 C 53.644531 11.484375 53.671875 11.492188 53.703125 11.496094 C 53.730469 11.5 53.753906 11.507812 53.78125 11.511719 C 53.847656 11.523438 53.910156 11.535156 53.976562 11.550781 C 53.976562 11.746094 53.976562 11.945312 53.976562 12.148438 C 52.890625 12.148438 51.804688 12.148438 50.6875 12.148438 C 50.6875 11.953125 50.6875 11.753906 50.6875 11.550781 C 50.964844 11.492188 51.242188 11.4375 51.527344 11.378906 C 51.542969 11.160156 51.554688 10.945312 51.554688 10.722656 C 51.554688 10.691406 51.554688 10.660156 51.554688 10.628906 C 51.554688 10.546875 51.558594 10.464844 51.558594 10.378906 C 51.558594 10.289062 51.558594 10.199219 51.558594 10.109375 C 51.558594 9.953125 51.558594 9.796875 51.558594 9.640625 C 51.558594 9.414062 51.558594 9.1875 51.5625 8.960938 C 51.5625 8.59375 51.5625 8.230469 51.5625 7.863281 C 51.566406 7.507812 51.566406 7.152344 51.566406 6.792969 C 51.566406 6.773438 51.566406 6.75 51.566406 6.726562 C 51.566406 6.617188 51.566406 6.507812 51.566406 6.398438 C 51.570312 5.484375 51.574219 4.570312 51.574219 3.65625 C 51.554688 3.65625 51.535156 3.652344 51.515625 3.652344 C 51.476562 3.648438 51.476562 3.648438 51.4375 3.644531 C 51.414062 3.644531 51.386719 3.640625 51.359375 3.640625 C 51.277344 3.632812 51.195312 3.621094 51.113281 3.609375 C 51.082031 3.605469 51.054688 3.601562 51.023438 3.597656 C 50.996094 3.59375 50.964844 3.589844 50.933594 3.582031 C 50.902344 3.578125 50.871094 3.574219 50.839844 3.570312 C 50.765625 3.558594 50.691406 3.546875 50.617188 3.535156 C 50.617188 3.347656 50.617188 3.15625 50.617188 2.960938 C 50.910156 2.875 51.207031 2.796875 51.5 2.722656 C 51.523438 2.714844 51.542969 2.710938 51.5625 2.707031 C 51.671875 2.679688 51.777344 2.652344 51.886719 2.625 C 51.972656 2.601562 52.0625 2.578125 52.152344 2.554688 C 52.257812 2.527344 52.367188 2.5 52.472656 2.472656 C 52.515625 2.460938 52.554688 2.453125 52.597656 2.441406 C 52.652344 2.425781 52.710938 2.410156 52.765625 2.398438 C 52.78125 2.394531 52.800781 2.386719 52.816406 2.382812 C 52.898438 2.363281 52.960938 2.351562 53.039062 2.382812 Z M 53.039062 2.382812 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 99.691406 6.011719 C 100.109375 6.40625 100.234375 7.003906 100.273438 7.554688 C 100.277344 7.667969 100.277344 7.785156 100.277344 7.898438 C 100.277344 7.933594 100.277344 7.964844 100.277344 8 C 100.277344 8.074219 100.277344 8.144531 100.277344 8.21875 C 100.277344 8.332031 100.277344 8.445312 100.277344 8.558594 C 100.28125 8.886719 100.28125 9.210938 100.28125 9.535156 C 100.28125 9.714844 100.28125 9.894531 100.285156 10.074219 C 100.285156 10.171875 100.285156 10.265625 100.285156 10.359375 C 100.285156 10.449219 100.285156 10.539062 100.285156 10.628906 C 100.285156 10.675781 100.285156 10.726562 100.285156 10.773438 C 100.289062 10.964844 100.292969 11.167969 100.417969 11.320312 C 100.53125 11.378906 100.636719 11.398438 100.757812 11.367188 C 100.898438 11.308594 101.003906 11.21875 101.113281 11.117188 C 101.226562 11.199219 101.339844 11.289062 101.449219 11.378906 C 101.394531 11.527344 101.300781 11.640625 101.207031 11.765625 C 101.179688 11.804688 101.179688 11.804688 101.152344 11.84375 C 100.859375 12.152344 100.476562 12.265625 100.058594 12.277344 C 99.699219 12.269531 99.332031 12.164062 99.066406 11.910156 C 98.933594 11.757812 98.761719 11.519531 98.761719 11.308594 C 98.582031 11.449219 98.582031 11.449219 98.417969 11.605469 C 98.289062 11.738281 98.140625 11.847656 97.992188 11.957031 C 97.96875 11.972656 97.949219 11.992188 97.925781 12.007812 C 97.488281 12.3125 96.855469 12.339844 96.34375 12.25 C 95.917969 12.15625 95.527344 11.929688 95.28125 11.558594 C 95.035156 11.136719 94.964844 10.617188 95.082031 10.140625 C 95.289062 9.527344 95.746094 9.175781 96.300781 8.894531 C 96.941406 8.582031 97.644531 8.375 98.328125 8.179688 C 98.34375 8.175781 98.359375 8.171875 98.375 8.167969 C 98.472656 8.140625 98.566406 8.113281 98.664062 8.085938 C 98.695312 7.195312 98.695312 7.195312 98.328125 6.425781 C 98.121094 6.230469 97.828125 6.203125 97.558594 6.203125 C 97.53125 6.203125 97.53125 6.203125 97.503906 6.203125 C 97.339844 6.207031 97.171875 6.21875 97.007812 6.230469 C 97.003906 6.257812 97.003906 6.289062 97 6.316406 C 96.984375 6.46875 96.957031 6.617188 96.925781 6.765625 C 96.917969 6.816406 96.910156 6.863281 96.902344 6.910156 C 96.832031 7.273438 96.738281 7.585938 96.425781 7.808594 C 96.191406 7.933594 95.945312 7.933594 95.6875 7.867188 C 95.515625 7.808594 95.40625 7.707031 95.320312 7.546875 C 95.234375 7.347656 95.238281 7.183594 95.308594 6.980469 C 95.316406 6.957031 95.316406 6.957031 95.324219 6.929688 C 95.421875 6.644531 95.574219 6.441406 95.785156 6.230469 C 95.800781 6.214844 95.816406 6.195312 95.835938 6.179688 C 96.734375 5.308594 98.742188 5.21875 99.691406 6.011719 Z M 98.394531 8.742188 C 98.292969 8.777344 98.1875 8.8125 98.082031 8.847656 C 97.574219 9.007812 97.011719 9.230469 96.746094 9.722656 C 96.582031 10.042969 96.554688 10.355469 96.648438 10.703125 C 96.71875 10.914062 96.816406 11.042969 97.011719 11.152344 C 97.296875 11.292969 97.609375 11.304688 97.910156 11.199219 C 98.058594 11.132812 98.207031 11.050781 98.34375 10.960938 C 98.398438 10.921875 98.398438 10.921875 98.46875 10.890625 C 98.558594 10.839844 98.644531 10.789062 98.679688 10.683594 C 98.703125 10.542969 98.695312 10.402344 98.691406 10.257812 C 98.6875 10.214844 98.6875 10.167969 98.6875 10.121094 C 98.6875 10 98.683594 9.878906 98.683594 9.757812 C 98.679688 9.636719 98.679688 9.511719 98.675781 9.386719 C 98.675781 9.144531 98.667969 8.902344 98.664062 8.660156 C 98.578125 8.660156 98.476562 8.714844 98.394531 8.742188 Z M 98.394531 8.742188 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 38.035156 6.242188 C 38.207031 6.40625 38.332031 6.578125 38.449219 6.785156 C 38.460938 6.808594 38.460938 6.808594 38.472656 6.832031 C 38.835938 7.472656 38.875 8.257812 38.761719 8.972656 C 38.734375 9 38.734375 9 38.671875 9 C 38.625 9 38.625 9 38.578125 9 C 38.5625 9 38.546875 9 38.53125 9 C 38.472656 9 38.417969 9 38.363281 9 C 38.324219 9 38.285156 9 38.242188 9 C 38.136719 9 38.027344 9 37.917969 9 C 37.804688 9 37.695312 9 37.582031 9 C 37.367188 9 37.152344 9 36.9375 9 C 36.695312 9 36.453125 9 36.207031 9 C 35.707031 9 35.207031 9 34.703125 9 C 34.714844 9.089844 34.726562 9.183594 34.738281 9.273438 C 34.742188 9.300781 34.742188 9.328125 34.746094 9.351562 C 34.8125 9.898438 35.007812 10.441406 35.4375 10.808594 C 35.933594 11.1875 36.476562 11.269531 37.089844 11.203125 C 37.539062 11.128906 37.90625 10.847656 38.222656 10.535156 C 38.347656 10.417969 38.347656 10.417969 38.425781 10.417969 C 38.464844 10.445312 38.464844 10.445312 38.503906 10.488281 C 38.589844 10.585938 38.683594 10.671875 38.785156 10.753906 C 38.679688 11.046875 38.46875 11.28125 38.257812 11.5 C 38.242188 11.519531 38.222656 11.535156 38.207031 11.554688 C 37.792969 12 37.171875 12.246094 36.574219 12.320312 C 36.554688 12.320312 36.535156 12.324219 36.515625 12.328125 C 35.640625 12.425781 34.773438 12.210938 34.074219 11.671875 C 33.421875 11.125 33.078125 10.363281 32.976562 9.527344 C 32.972656 9.496094 32.972656 9.496094 32.96875 9.460938 C 32.871094 8.5 33.074219 7.515625 33.675781 6.746094 C 33.707031 6.710938 33.738281 6.675781 33.769531 6.640625 C 33.78125 6.621094 33.796875 6.605469 33.8125 6.585938 C 34.316406 5.988281 35.136719 5.640625 35.902344 5.566406 C 36.699219 5.511719 37.429688 5.699219 38.035156 6.242188 Z M 35.226562 6.652344 C 34.949219 7.007812 34.820312 7.386719 34.746094 7.824219 C 34.742188 7.851562 34.738281 7.875 34.734375 7.898438 C 34.730469 7.921875 34.726562 7.949219 34.722656 7.972656 C 34.71875 7.992188 34.714844 8.015625 34.710938 8.035156 C 34.703125 8.097656 34.703125 8.15625 34.703125 8.222656 C 34.703125 8.242188 34.703125 8.261719 34.703125 8.28125 C 34.703125 8.292969 34.703125 8.308594 34.703125 8.324219 C 34.972656 8.328125 35.242188 8.328125 35.507812 8.328125 C 35.632812 8.328125 35.757812 8.328125 35.882812 8.332031 C 36.003906 8.332031 36.125 8.332031 36.246094 8.332031 C 36.289062 8.332031 36.335938 8.332031 36.382812 8.332031 C 36.445312 8.332031 36.511719 8.332031 36.574219 8.332031 C 36.59375 8.332031 36.613281 8.332031 36.632812 8.332031 C 36.800781 8.332031 36.964844 8.304688 37.085938 8.183594 C 37.273438 7.9375 37.277344 7.609375 37.246094 7.3125 C 37.195312 6.96875 37.015625 6.636719 36.730469 6.425781 C 36.226562 6.113281 35.617188 6.195312 35.226562 6.652344 Z M 35.226562 6.652344 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 112.726562 6.085938 C 112.90625 6.242188 113.058594 6.414062 113.183594 6.617188 C 113.199219 6.636719 113.210938 6.65625 113.226562 6.679688 C 113.628906 7.320312 113.699219 8.167969 113.566406 8.902344 C 113.523438 8.945312 113.449219 8.929688 113.386719 8.929688 C 113.371094 8.929688 113.355469 8.929688 113.339844 8.929688 C 113.28125 8.929688 113.226562 8.929688 113.171875 8.929688 C 113.132812 8.929688 113.089844 8.933594 113.050781 8.933594 C 112.945312 8.933594 112.835938 8.933594 112.726562 8.933594 C 112.613281 8.933594 112.5 8.933594 112.386719 8.933594 C 112.175781 8.9375 111.960938 8.9375 111.746094 8.9375 C 111.503906 8.941406 111.257812 8.941406 111.015625 8.941406 C 110.515625 8.945312 110.011719 8.949219 109.511719 8.949219 C 109.519531 9.023438 109.527344 9.097656 109.535156 9.171875 C 109.535156 9.191406 109.539062 9.210938 109.539062 9.230469 C 109.554688 9.378906 109.578125 9.523438 109.613281 9.667969 C 109.621094 9.6875 109.625 9.710938 109.628906 9.730469 C 109.703125 10.011719 109.808594 10.261719 109.992188 10.488281 C 110.003906 10.507812 110.019531 10.527344 110.035156 10.542969 C 110.320312 10.898438 110.765625 11.117188 111.214844 11.164062 C 111.839844 11.203125 112.339844 11.078125 112.820312 10.671875 C 112.9375 10.570312 113.050781 10.457031 113.160156 10.347656 C 113.230469 10.378906 113.28125 10.414062 113.339844 10.46875 C 113.355469 10.480469 113.367188 10.496094 113.382812 10.507812 C 113.398438 10.523438 113.414062 10.539062 113.429688 10.554688 C 113.445312 10.566406 113.460938 10.582031 113.476562 10.597656 C 113.515625 10.632812 113.554688 10.671875 113.59375 10.707031 C 113.324219 11.316406 112.769531 11.816406 112.15625 12.066406 C 112.054688 12.105469 111.953125 12.136719 111.847656 12.171875 C 111.832031 12.175781 111.816406 12.179688 111.800781 12.183594 C 111.507812 12.265625 111.214844 12.28125 110.914062 12.28125 C 110.898438 12.28125 110.878906 12.28125 110.859375 12.28125 C 110.554688 12.277344 110.261719 12.257812 109.96875 12.175781 C 109.941406 12.167969 109.941406 12.167969 109.914062 12.160156 C 109.203125 11.953125 108.628906 11.503906 108.238281 10.875 C 108.230469 10.859375 108.222656 10.847656 108.210938 10.832031 C 107.699219 9.980469 107.648438 8.855469 107.878906 7.90625 C 108.074219 7.136719 108.570312 6.417969 109.253906 6 C 110.304688 5.378906 111.75 5.261719 112.726562 6.085938 Z M 110.105469 6.496094 C 109.710938 6.9375 109.507812 7.546875 109.511719 8.136719 C 109.511719 8.160156 109.511719 8.179688 109.511719 8.203125 C 109.511719 8.21875 109.511719 8.234375 109.511719 8.253906 C 109.78125 8.253906 110.050781 8.253906 110.316406 8.257812 C 110.441406 8.257812 110.566406 8.257812 110.691406 8.257812 C 110.8125 8.257812 110.933594 8.257812 111.054688 8.257812 C 111.097656 8.257812 111.144531 8.261719 111.191406 8.261719 C 111.253906 8.261719 111.320312 8.261719 111.382812 8.261719 C 111.402344 8.261719 111.421875 8.261719 111.441406 8.261719 C 111.59375 8.261719 111.746094 8.234375 111.871094 8.140625 C 112.082031 7.886719 112.078125 7.605469 112.054688 7.289062 C 112.011719 6.949219 111.867188 6.6875 111.625 6.449219 C 111.609375 6.433594 111.59375 6.417969 111.582031 6.40625 C 111.164062 6.015625 110.496094 6.121094 110.105469 6.496094 Z M 110.105469 6.496094 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 119.207031 6.039062 C 119.210938 6.308594 119.203125 6.578125 119.1875 6.847656 C 119.183594 6.910156 119.183594 6.972656 119.179688 7.035156 C 119.175781 7.078125 119.175781 7.117188 119.171875 7.160156 C 119.171875 7.175781 119.171875 7.195312 119.171875 7.214844 C 119.164062 7.308594 119.152344 7.390625 119.136719 7.484375 C 118.835938 7.484375 118.535156 7.484375 118.222656 7.484375 C 118.207031 7.40625 118.191406 7.328125 118.171875 7.246094 C 118.15625 7.171875 118.140625 7.097656 118.121094 7.023438 C 118.109375 6.96875 118.101562 6.917969 118.089844 6.867188 C 118.070312 6.792969 118.054688 6.714844 118.039062 6.640625 C 118.035156 6.617188 118.027344 6.59375 118.023438 6.570312 C 118.019531 6.550781 118.015625 6.527344 118.007812 6.503906 C 118.003906 6.484375 118 6.464844 117.996094 6.445312 C 117.984375 6.398438 117.984375 6.398438 117.960938 6.351562 C 117.902344 6.332031 117.847656 6.316406 117.789062 6.300781 C 117.765625 6.296875 117.765625 6.296875 117.738281 6.289062 C 117.339844 6.1875 116.835938 6.167969 116.464844 6.375 C 116.296875 6.480469 116.203125 6.609375 116.128906 6.789062 C 116.082031 7.042969 116.105469 7.261719 116.234375 7.484375 C 116.496094 7.828125 117.082031 7.953125 117.46875 8.070312 C 118.183594 8.289062 118.960938 8.597656 119.359375 9.277344 C 119.578125 9.714844 119.621094 10.257812 119.496094 10.734375 C 119.316406 11.277344 118.957031 11.703125 118.449219 11.964844 C 117.460938 12.445312 116.246094 12.394531 115.222656 12.054688 C 115.007812 11.972656 114.804688 11.867188 114.601562 11.765625 C 114.570312 11.234375 114.574219 10.707031 114.574219 10.175781 C 114.886719 10.175781 115.195312 10.175781 115.511719 10.175781 C 115.539062 10.304688 115.539062 10.304688 115.5625 10.433594 C 115.582031 10.515625 115.597656 10.597656 115.613281 10.679688 C 115.625 10.734375 115.636719 10.792969 115.648438 10.847656 C 115.664062 10.929688 115.679688 11.011719 115.695312 11.09375 C 115.703125 11.121094 115.707031 11.144531 115.710938 11.171875 C 115.71875 11.195312 115.722656 11.21875 115.726562 11.242188 C 115.730469 11.261719 115.734375 11.285156 115.738281 11.304688 C 115.75 11.355469 115.75 11.355469 115.777344 11.40625 C 116.324219 11.617188 117.03125 11.667969 117.578125 11.4375 C 117.800781 11.332031 117.949219 11.207031 118.039062 10.972656 C 118.089844 10.761719 118.082031 10.527344 117.992188 10.328125 C 117.910156 10.191406 117.820312 10.105469 117.6875 10.023438 C 117.664062 10.003906 117.636719 9.988281 117.609375 9.972656 C 117.265625 9.769531 116.875 9.65625 116.496094 9.527344 C 116.066406 9.386719 115.683594 9.222656 115.320312 8.949219 C 115.296875 8.933594 115.273438 8.917969 115.25 8.898438 C 115.226562 8.875 115.226562 8.875 115.199219 8.855469 C 115.199219 8.839844 115.199219 8.824219 115.199219 8.804688 C 115.1875 8.800781 115.171875 8.796875 115.160156 8.789062 C 114.933594 8.65625 114.792969 8.285156 114.726562 8.046875 C 114.605469 7.507812 114.6875 6.964844 114.984375 6.496094 C 115.347656 5.957031 115.902344 5.671875 116.523438 5.542969 C 117.460938 5.367188 118.386719 5.574219 119.207031 6.039062 Z M 119.207031 6.039062 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 67.945312 6.109375 C 67.96875 6.136719 67.96875 6.136719 67.96875 6.1875 C 67.96875 6.210938 67.96875 6.234375 67.964844 6.257812 C 67.964844 6.285156 67.964844 6.3125 67.964844 6.339844 C 67.960938 6.367188 67.960938 6.398438 67.960938 6.425781 C 67.960938 6.457031 67.957031 6.484375 67.957031 6.515625 C 67.941406 6.863281 67.917969 7.207031 67.894531 7.554688 C 67.59375 7.554688 67.292969 7.554688 66.984375 7.554688 C 66.921875 7.3125 66.863281 7.070312 66.808594 6.828125 C 66.804688 6.796875 66.796875 6.769531 66.789062 6.742188 C 66.785156 6.714844 66.777344 6.6875 66.773438 6.660156 C 66.765625 6.632812 66.761719 6.609375 66.753906 6.585938 C 66.742188 6.519531 66.742188 6.519531 66.742188 6.425781 C 66.707031 6.414062 66.667969 6.402344 66.628906 6.390625 C 66.605469 6.386719 66.585938 6.378906 66.5625 6.371094 C 66.355469 6.320312 66.15625 6.296875 65.941406 6.296875 C 65.917969 6.296875 65.894531 6.296875 65.871094 6.296875 C 65.5625 6.300781 65.296875 6.351562 65.0625 6.566406 C 64.894531 6.742188 64.859375 6.90625 64.863281 7.148438 C 64.867188 7.285156 64.890625 7.390625 64.96875 7.507812 C 64.976562 7.519531 64.984375 7.535156 64.996094 7.550781 C 65.261719 7.921875 65.914062 8.0625 66.328125 8.179688 C 67.054688 8.390625 67.703125 8.726562 68.089844 9.40625 C 68.214844 9.648438 68.289062 9.90625 68.304688 10.175781 C 68.304688 10.199219 68.304688 10.21875 68.308594 10.242188 C 68.324219 10.753906 68.15625 11.1875 67.824219 11.574219 C 67.808594 11.589844 67.796875 11.605469 67.78125 11.621094 C 67.28125 12.164062 66.515625 12.347656 65.808594 12.390625 C 65.144531 12.414062 64.535156 12.34375 63.910156 12.117188 C 63.886719 12.109375 63.886719 12.109375 63.859375 12.097656 C 63.675781 12.03125 63.507812 11.929688 63.335938 11.835938 C 63.335938 11.632812 63.335938 11.429688 63.335938 11.226562 C 63.335938 11.132812 63.335938 11.039062 63.335938 10.945312 C 63.332031 10.851562 63.332031 10.761719 63.332031 10.671875 C 63.332031 10.636719 63.332031 10.601562 63.332031 10.566406 C 63.332031 10.515625 63.332031 10.46875 63.332031 10.421875 C 63.332031 10.390625 63.332031 10.363281 63.332031 10.335938 C 63.335938 10.273438 63.335938 10.273438 63.359375 10.25 C 63.421875 10.246094 63.484375 10.246094 63.550781 10.246094 C 63.570312 10.246094 63.585938 10.246094 63.605469 10.246094 C 63.648438 10.246094 63.6875 10.246094 63.726562 10.246094 C 63.789062 10.246094 63.851562 10.246094 63.914062 10.246094 C 63.953125 10.246094 63.992188 10.246094 64.03125 10.246094 C 64.050781 10.246094 64.066406 10.246094 64.085938 10.246094 C 64.21875 10.246094 64.21875 10.246094 64.273438 10.273438 C 64.285156 10.316406 64.285156 10.316406 64.296875 10.375 C 64.300781 10.394531 64.304688 10.414062 64.308594 10.4375 C 64.316406 10.460938 64.320312 10.484375 64.324219 10.507812 C 64.328125 10.53125 64.332031 10.554688 64.339844 10.578125 C 64.347656 10.628906 64.359375 10.679688 64.367188 10.730469 C 64.382812 10.808594 64.398438 10.882812 64.414062 10.960938 C 64.421875 11.007812 64.433594 11.058594 64.441406 11.105469 C 64.445312 11.128906 64.453125 11.152344 64.457031 11.175781 C 64.476562 11.285156 64.492188 11.386719 64.488281 11.5 C 64.53125 11.511719 64.53125 11.511719 64.578125 11.519531 C 64.691406 11.546875 64.804688 11.574219 64.921875 11.605469 C 65.117188 11.648438 65.308594 11.648438 65.507812 11.652344 C 65.539062 11.652344 65.570312 11.652344 65.601562 11.652344 C 65.964844 11.652344 66.320312 11.59375 66.605469 11.359375 C 66.761719 11.199219 66.820312 11.003906 66.828125 10.789062 C 66.820312 10.566406 66.761719 10.382812 66.601562 10.226562 C 66.214844 9.933594 65.765625 9.789062 65.3125 9.640625 C 64.621094 9.414062 63.949219 9.125 63.59375 8.445312 C 63.378906 8 63.375 7.464844 63.53125 6.996094 C 63.761719 6.410156 64.183594 6.027344 64.753906 5.773438 C 65.792969 5.351562 66.988281 5.59375 67.945312 6.109375 Z M 67.945312 6.109375 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 105.941406 5.769531 C 105.960938 5.777344 105.976562 5.785156 105.996094 5.792969 C 106.1875 5.867188 106.351562 5.964844 106.535156 6.0625 C 106.511719 6.539062 106.488281 7.015625 106.464844 7.507812 C 106.164062 7.507812 105.863281 7.507812 105.550781 7.507812 C 105.445312 7.101562 105.445312 7.101562 105.410156 6.941406 C 105.40625 6.925781 105.402344 6.910156 105.398438 6.890625 C 105.386719 6.839844 105.375 6.789062 105.367188 6.738281 C 105.359375 6.703125 105.351562 6.667969 105.34375 6.632812 C 105.324219 6.546875 105.304688 6.460938 105.289062 6.375 C 105.234375 6.359375 105.183594 6.34375 105.128906 6.328125 C 105.097656 6.320312 105.070312 6.3125 105.039062 6.304688 C 104.859375 6.253906 104.6875 6.25 104.503906 6.25 C 104.464844 6.25 104.464844 6.25 104.421875 6.25 C 104.136719 6.246094 103.90625 6.3125 103.664062 6.464844 C 103.507812 6.621094 103.417969 6.816406 103.414062 7.042969 C 103.425781 7.25 103.492188 7.433594 103.632812 7.585938 C 103.976562 7.886719 104.484375 8.003906 104.910156 8.132812 C 105.628906 8.351562 106.285156 8.667969 106.667969 9.355469 C 106.878906 9.800781 106.9375 10.371094 106.785156 10.84375 C 106.554688 11.417969 106.144531 11.8125 105.585938 12.070312 C 104.601562 12.488281 103.335938 12.402344 102.359375 12.007812 C 102.203125 11.9375 102.046875 11.859375 101.902344 11.765625 C 101.894531 11.699219 101.894531 11.699219 101.894531 11.617188 C 101.894531 11.585938 101.894531 11.554688 101.890625 11.523438 C 101.890625 11.488281 101.890625 11.453125 101.890625 11.417969 C 101.890625 11.382812 101.890625 11.347656 101.890625 11.3125 C 101.890625 11.222656 101.886719 11.128906 101.886719 11.039062 C 101.886719 10.925781 101.886719 10.816406 101.882812 10.707031 C 101.882812 10.539062 101.882812 10.371094 101.878906 10.203125 C 102.1875 10.203125 102.496094 10.203125 102.816406 10.203125 C 102.871094 10.363281 102.871094 10.363281 102.886719 10.449219 C 102.890625 10.46875 102.894531 10.488281 102.898438 10.507812 C 102.902344 10.527344 102.90625 10.546875 102.910156 10.566406 C 102.914062 10.585938 102.917969 10.609375 102.921875 10.628906 C 102.933594 10.671875 102.941406 10.71875 102.949219 10.761719 C 102.964844 10.828125 102.976562 10.894531 102.988281 10.960938 C 103 11.003906 103.007812 11.046875 103.015625 11.089844 C 103.019531 11.109375 103.023438 11.132812 103.027344 11.152344 C 103.046875 11.246094 103.0625 11.332031 103.054688 11.429688 C 103.699219 11.59375 104.421875 11.726562 105.03125 11.386719 C 105.21875 11.265625 105.316406 11.125 105.375 10.914062 C 105.402344 10.691406 105.378906 10.496094 105.273438 10.292969 C 104.921875 9.867188 104.363281 9.730469 103.859375 9.5625 C 103.1875 9.339844 102.511719 9.058594 102.167969 8.398438 C 101.949219 7.929688 101.9375 7.414062 102.097656 6.929688 C 102.101562 6.90625 102.109375 6.886719 102.117188 6.863281 C 102.269531 6.417969 102.628906 6.066406 103.03125 5.847656 C 103.054688 5.832031 103.078125 5.820312 103.101562 5.808594 C 103.382812 5.65625 103.699219 5.574219 104.015625 5.535156 C 104.035156 5.53125 104.054688 5.527344 104.074219 5.527344 C 104.714844 5.449219 105.34375 5.535156 105.941406 5.769531 Z M 105.941406 5.769531 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 59.953125 3.921875 C 60.316406 3.921875 60.679688 3.921875 61.054688 3.921875 C 61.058594 4.292969 61.054688 4.667969 61.046875 5.039062 C 61.042969 5.066406 61.042969 5.066406 61.042969 5.09375 C 61.042969 5.144531 61.042969 5.195312 61.039062 5.246094 C 61.039062 5.277344 61.039062 5.304688 61.035156 5.335938 C 61.03125 5.472656 61.019531 5.613281 61.007812 5.75 C 61.53125 5.75 62.054688 5.75 62.59375 5.75 C 62.59375 6.035156 62.59375 6.320312 62.59375 6.617188 C 62.0625 6.617188 61.53125 6.617188 60.984375 6.617188 C 60.984375 7.128906 60.988281 7.644531 60.988281 8.160156 C 60.992188 8.398438 60.992188 8.636719 60.992188 8.875 C 60.992188 9.082031 60.992188 9.292969 60.996094 9.5 C 60.996094 9.609375 60.996094 9.71875 60.996094 9.832031 C 60.996094 9.933594 60.996094 10.039062 60.996094 10.140625 C 60.996094 10.179688 60.996094 10.21875 60.996094 10.253906 C 60.992188 10.765625 60.992188 10.765625 61.199219 11.210938 C 61.34375 11.347656 61.507812 11.40625 61.703125 11.40625 C 61.941406 11.371094 62.144531 11.289062 62.355469 11.175781 C 62.457031 11.125 62.457031 11.125 62.519531 11.117188 C 62.558594 11.140625 62.558594 11.140625 62.597656 11.183594 C 62.613281 11.195312 62.625 11.210938 62.640625 11.226562 C 62.652344 11.238281 62.667969 11.253906 62.683594 11.269531 C 62.695312 11.285156 62.710938 11.300781 62.726562 11.316406 C 62.761719 11.351562 62.796875 11.390625 62.832031 11.429688 C 62.785156 11.5625 62.707031 11.65625 62.617188 11.765625 C 62.605469 11.78125 62.59375 11.792969 62.578125 11.808594 C 62.375 12.03125 62.085938 12.183594 61.800781 12.269531 C 61.777344 12.277344 61.75 12.285156 61.726562 12.292969 C 61.511719 12.347656 61.296875 12.351562 61.078125 12.351562 C 61.046875 12.351562 61.019531 12.351562 60.988281 12.351562 C 60.523438 12.351562 60.085938 12.210938 59.730469 11.898438 C 59.542969 11.699219 59.425781 11.40625 59.375 11.140625 C 59.371094 11.117188 59.367188 11.097656 59.363281 11.074219 C 59.351562 10.988281 59.347656 10.902344 59.347656 10.8125 C 59.347656 10.792969 59.347656 10.777344 59.347656 10.757812 C 59.347656 10.695312 59.347656 10.636719 59.347656 10.578125 C 59.347656 10.535156 59.347656 10.492188 59.347656 10.449219 C 59.347656 10.332031 59.347656 10.214844 59.347656 10.097656 C 59.351562 9.972656 59.351562 9.851562 59.351562 9.730469 C 59.351562 9.496094 59.351562 9.265625 59.351562 9.035156 C 59.351562 8.769531 59.351562 8.507812 59.351562 8.242188 C 59.351562 7.703125 59.351562 7.160156 59.351562 6.617188 C 59.035156 6.617188 58.71875 6.617188 58.390625 6.617188 C 58.390625 6.371094 58.390625 6.125 58.390625 5.871094 C 58.914062 5.800781 58.914062 5.800781 59.449219 5.726562 C 59.480469 5.601562 59.515625 5.476562 59.550781 5.351562 C 59.574219 5.269531 59.59375 5.191406 59.617188 5.113281 C 59.652344 4.988281 59.6875 4.863281 59.722656 4.738281 C 59.75 4.640625 59.777344 4.539062 59.804688 4.4375 C 59.816406 4.398438 59.824219 4.359375 59.835938 4.324219 C 59.851562 4.269531 59.867188 4.214844 59.882812 4.160156 C 59.886719 4.144531 59.890625 4.128906 59.894531 4.113281 C 59.914062 4.046875 59.929688 3.984375 59.953125 3.921875 Z M 59.953125 3.921875 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 93.351562 5.554688 C 93.40625 5.59375 93.429688 5.617188 93.445312 5.679688 C 93.449219 5.75 93.445312 5.8125 93.441406 5.878906 C 93.441406 5.90625 93.441406 5.929688 93.441406 5.957031 C 93.4375 6.015625 93.4375 6.070312 93.433594 6.128906 C 93.429688 6.273438 93.425781 6.417969 93.421875 6.5625 C 93.417969 6.617188 93.417969 6.671875 93.417969 6.726562 C 93.402344 7.175781 93.40625 7.625 93.40625 8.074219 C 93.40625 8.195312 93.40625 8.3125 93.40625 8.429688 C 93.40625 8.644531 93.40625 8.859375 93.40625 9.074219 C 93.40625 9.320312 93.40625 9.570312 93.40625 9.816406 C 93.40625 10.320312 93.40625 10.828125 93.40625 11.332031 C 93.425781 11.335938 93.449219 11.339844 93.46875 11.34375 C 93.542969 11.355469 93.613281 11.371094 93.6875 11.382812 C 93.734375 11.390625 93.785156 11.398438 93.832031 11.40625 C 93.859375 11.414062 93.890625 11.417969 93.921875 11.425781 C 93.949219 11.429688 93.976562 11.433594 94.003906 11.4375 C 94.070312 11.449219 94.136719 11.464844 94.199219 11.476562 C 94.199219 11.675781 94.199219 11.875 94.199219 12.078125 C 93.105469 12.078125 92.015625 12.078125 90.886719 12.078125 C 90.886719 11.878906 90.886719 11.679688 90.886719 11.476562 C 90.988281 11.457031 91.085938 11.433594 91.1875 11.414062 C 91.222656 11.40625 91.253906 11.402344 91.289062 11.394531 C 91.339844 11.382812 91.386719 11.375 91.4375 11.363281 C 91.480469 11.355469 91.480469 11.355469 91.527344 11.34375 C 91.601562 11.332031 91.675781 11.332031 91.753906 11.332031 C 91.753906 10.894531 91.753906 10.457031 91.753906 10.023438 C 91.753906 9.820312 91.753906 9.617188 91.753906 9.414062 C 91.753906 9.234375 91.753906 9.058594 91.753906 8.882812 C 91.753906 8.789062 91.753906 8.695312 91.753906 8.601562 C 91.753906 8.066406 91.746094 7.535156 91.726562 7 C 91.683594 6.996094 91.683594 6.996094 91.636719 6.988281 C 91.539062 6.976562 91.4375 6.964844 91.339844 6.953125 C 91.296875 6.945312 91.25 6.941406 91.207031 6.933594 C 91.144531 6.925781 91.082031 6.917969 91.019531 6.910156 C 90.988281 6.90625 90.988281 6.90625 90.957031 6.902344 C 90.820312 6.882812 90.820312 6.882812 90.792969 6.855469 C 90.789062 6.816406 90.789062 6.777344 90.789062 6.738281 C 90.789062 6.714844 90.789062 6.691406 90.789062 6.667969 C 90.789062 6.640625 90.789062 6.617188 90.789062 6.589844 C 90.789062 6.566406 90.789062 6.539062 90.789062 6.515625 C 90.792969 6.453125 90.792969 6.390625 90.792969 6.328125 C 90.96875 6.253906 91.148438 6.1875 91.328125 6.125 C 91.355469 6.117188 91.382812 6.105469 91.414062 6.097656 C 91.503906 6.066406 91.59375 6.03125 91.683594 6 C 91.808594 5.957031 91.929688 5.914062 92.054688 5.871094 C 92.070312 5.867188 92.085938 5.859375 92.101562 5.855469 C 92.285156 5.792969 92.46875 5.726562 92.652344 5.660156 C 92.667969 5.652344 92.6875 5.644531 92.703125 5.640625 C 92.78125 5.609375 92.859375 5.582031 92.9375 5.554688 C 92.976562 5.539062 92.976562 5.539062 93.019531 5.523438 C 93.050781 5.511719 93.050781 5.511719 93.082031 5.5 C 93.1875 5.476562 93.261719 5.503906 93.351562 5.554688 Z M 93.351562 5.554688 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 42.214844 5.652344 C 42.214844 7.542969 42.214844 9.433594 42.214844 11.378906 C 42.535156 11.441406 42.535156 11.441406 42.863281 11.5 C 42.917969 11.515625 42.976562 11.53125 43.03125 11.550781 C 43.03125 11.738281 43.03125 11.929688 43.03125 12.125 C 41.929688 12.125 40.832031 12.125 39.695312 12.125 C 39.695312 11.9375 39.695312 11.746094 39.695312 11.550781 C 39.875 11.5 40.054688 11.460938 40.234375 11.425781 C 40.265625 11.417969 40.265625 11.417969 40.296875 11.410156 C 40.316406 11.40625 40.335938 11.402344 40.355469 11.398438 C 40.375 11.394531 40.394531 11.390625 40.410156 11.386719 C 40.46875 11.378906 40.523438 11.378906 40.585938 11.378906 C 40.582031 10.886719 40.578125 10.390625 40.574219 9.898438 C 40.574219 9.667969 40.574219 9.4375 40.570312 9.207031 C 40.570312 9.007812 40.570312 8.808594 40.570312 8.605469 C 40.566406 8.5 40.566406 8.394531 40.566406 8.289062 C 40.566406 8.191406 40.566406 8.089844 40.566406 7.988281 C 40.566406 7.953125 40.566406 7.917969 40.566406 7.878906 C 40.5625 7.683594 40.558594 7.488281 40.550781 7.292969 C 40.546875 7.273438 40.546875 7.253906 40.546875 7.234375 C 40.542969 7.140625 40.542969 7.140625 40.511719 7.050781 C 40.445312 7.035156 40.378906 7.027344 40.308594 7.019531 C 40.289062 7.015625 40.269531 7.011719 40.25 7.011719 C 40.183594 7.003906 40.121094 6.996094 40.054688 6.988281 C 40.011719 6.980469 39.96875 6.976562 39.921875 6.96875 C 39.816406 6.957031 39.707031 6.941406 39.601562 6.929688 C 39.601562 6.746094 39.601562 6.5625 39.601562 6.375 C 39.964844 6.242188 40.328125 6.109375 40.695312 5.980469 C 40.777344 5.953125 40.859375 5.921875 40.945312 5.894531 C 41 5.875 41.054688 5.855469 41.109375 5.835938 C 41.246094 5.789062 41.386719 5.738281 41.523438 5.6875 C 41.550781 5.675781 41.578125 5.667969 41.605469 5.65625 C 41.660156 5.636719 41.710938 5.617188 41.761719 5.597656 C 41.785156 5.589844 41.808594 5.578125 41.835938 5.570312 C 41.863281 5.558594 41.863281 5.558594 41.894531 5.546875 C 42.027344 5.515625 42.09375 5.585938 42.214844 5.652344 Z M 42.214844 5.652344 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.640625 9.261719 C 8.972656 9.519531 9.191406 9.859375 9.277344 10.273438 C 9.328125 10.675781 9.265625 11.089844 9.019531 11.421875 C 8.734375 11.769531 8.371094 12.007812 7.917969 12.058594 C 7.476562 12.09375 7.078125 11.957031 6.742188 11.667969 C 6.71875 11.648438 6.71875 11.648438 6.695312 11.628906 C 6.421875 11.378906 6.261719 10.992188 6.234375 10.628906 C 6.226562 10.179688 6.355469 9.789062 6.664062 9.457031 C 7.191406 8.921875 8.019531 8.84375 8.640625 9.261719 Z M 8.640625 9.261719 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.855469 4.089844 C 2.941406 4.15625 3.019531 4.230469 3.097656 4.308594 C 3.113281 4.324219 3.128906 4.339844 3.148438 4.359375 C 3.414062 4.640625 3.542969 5.027344 3.539062 5.410156 C 3.519531 5.851562 3.332031 6.21875 3.015625 6.527344 C 2.707031 6.792969 2.304688 6.921875 1.898438 6.898438 C 1.578125 6.871094 1.308594 6.769531 1.054688 6.570312 C 1.03125 6.546875 1.03125 6.546875 1.003906 6.527344 C 0.699219 6.277344 0.527344 5.898438 0.484375 5.511719 C 0.453125 5.121094 0.558594 4.730469 0.804688 4.425781 C 1.003906 4.191406 1.226562 4.03125 1.511719 3.921875 C 1.53125 3.914062 1.550781 3.90625 1.570312 3.898438 C 1.988281 3.757812 2.496094 3.84375 2.855469 4.089844 Z M 2.855469 4.089844 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.960938 11.683594 C 3.269531 11.949219 3.492188 12.316406 3.53125 12.726562 C 3.558594 13.152344 3.449219 13.550781 3.171875 13.878906 C 2.875 14.203125 2.519531 14.375 2.082031 14.417969 C 1.671875 14.433594 1.28125 14.28125 0.972656 14.011719 C 0.660156 13.714844 0.488281 13.324219 0.476562 12.890625 C 0.480469 12.53125 0.59375 12.214844 0.816406 11.933594 C 0.828125 11.917969 0.839844 11.902344 0.851562 11.882812 C 1.078125 11.597656 1.433594 11.421875 1.785156 11.363281 C 2.207031 11.316406 2.628906 11.417969 2.960938 11.683594 Z M 2.960938 11.683594 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.449219 4.167969 C 14.507812 4.222656 14.5625 4.273438 14.617188 4.332031 C 14.628906 4.34375 14.640625 4.355469 14.65625 4.367188 C 14.914062 4.632812 15.015625 5.023438 15.03125 5.378906 C 15.019531 5.734375 14.902344 6.046875 14.6875 6.328125 C 14.675781 6.34375 14.664062 6.359375 14.652344 6.378906 C 14.410156 6.679688 14.042969 6.851562 13.664062 6.898438 C 13.242188 6.925781 12.84375 6.816406 12.523438 6.535156 C 12.484375 6.5 12.445312 6.460938 12.40625 6.425781 C 12.394531 6.410156 12.378906 6.394531 12.363281 6.378906 C 12.085938 6.089844 11.988281 5.707031 11.992188 5.316406 C 12.003906 4.914062 12.167969 4.53125 12.457031 4.25 C 13.023438 3.75 13.847656 3.714844 14.449219 4.167969 Z M 14.449219 4.167969 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 42.046875 2.648438 C 42.253906 2.816406 42.375 3.03125 42.40625 3.296875 C 42.433594 3.558594 42.351562 3.808594 42.191406 4.019531 C 42.007812 4.214844 41.785156 4.351562 41.507812 4.363281 C 41.46875 4.363281 41.429688 4.363281 41.390625 4.363281 C 41.371094 4.363281 41.351562 4.363281 41.332031 4.363281 C 41.058594 4.355469 40.832031 4.273438 40.625 4.089844 C 40.476562 3.933594 40.359375 3.734375 40.34375 3.511719 C 40.34375 3.496094 40.339844 3.480469 40.339844 3.460938 C 40.328125 3.230469 40.390625 2.992188 40.542969 2.8125 C 40.554688 2.796875 40.570312 2.78125 40.585938 2.765625 C 40.597656 2.75 40.613281 2.734375 40.632812 2.714844 C 41.019531 2.339844 41.621094 2.332031 42.046875 2.648438 Z M 42.046875 2.648438 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
-							"d": "M 93.210938 2.566406 C 93.453125 2.757812 93.570312 2.96875 93.609375 3.273438 C 93.621094 3.53125 93.550781 3.773438 93.378906 3.972656 C 93.367188 3.988281 93.351562 4.003906 93.335938 4.019531 C 93.316406 4.039062 93.316406 4.039062 93.296875 4.058594 C 93.066406 4.28125 92.78125 4.316406 92.476562 4.3125 C 92.355469 4.308594 92.25 4.285156 92.136719 4.234375 C 92.117188 4.226562 92.101562 4.21875 92.082031 4.210938 C 91.871094 4.105469 91.703125 3.9375 91.605469 3.722656 C 91.515625 3.449219 91.515625 3.171875 91.632812 2.90625 C 91.773438 2.652344 92 2.484375 92.277344 2.402344 C 92.605469 2.324219 92.933594 2.375 93.210938 2.566406 Z M 93.210938 2.566406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.320312 5.960938 C 8.539062 6.117188 8.664062 6.320312 8.726562 6.582031 C 8.769531 6.839844 8.710938 7.089844 8.574219 7.3125 C 8.410156 7.535156 8.207031 7.65625 7.945312 7.722656 C 7.621094 7.753906 7.355469 7.6875 7.105469 7.484375 C 6.921875 7.3125 6.8125 7.078125 6.792969 6.832031 C 6.789062 6.535156 6.871094 6.28125 7.078125 6.0625 C 7.4375 5.738281 7.914062 5.710938 8.320312 5.960938 Z M 8.320312 5.960938 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.431373%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.09375 0.820312 C 14.289062 0.96875 14.421875 1.179688 14.472656 1.417969 C 14.5 1.714844 14.464844 1.980469 14.273438 2.214844 C 14.082031 2.421875 13.890625 2.558594 13.605469 2.582031 C 13.320312 2.585938 13.078125 2.535156 12.863281 2.332031 C 12.660156 2.128906 12.550781 1.910156 12.542969 1.621094 C 12.546875 1.332031 12.644531 1.117188 12.839844 0.910156 C 13.199219 0.574219 13.6875 0.5625 14.09375 0.820312 Z M 14.09375 0.820312 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.574219 0.808594 C 2.769531 0.972656 2.925781 1.164062 2.976562 1.417969 C 2.996094 1.71875 2.972656 1.976562 2.777344 2.214844 C 2.585938 2.421875 2.394531 2.558594 2.109375 2.582031 C 1.824219 2.585938 1.582031 2.53125 1.367188 2.332031 C 1.226562 2.195312 1.136719 2.066406 1.078125 1.875 C 1.074219 1.863281 1.070312 1.847656 1.066406 1.832031 C 1.015625 1.570312 1.054688 1.3125 1.195312 1.089844 C 1.515625 0.644531 2.101562 0.484375 2.574219 0.808594 Z M 2.574219 0.808594 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 2.550781 8.316406 C 2.582031 8.34375 2.609375 8.371094 2.640625 8.398438 C 2.65625 8.414062 2.671875 8.429688 2.691406 8.445312 C 2.878906 8.640625 2.960938 8.847656 2.964844 9.121094 C 2.960938 9.398438 2.882812 9.613281 2.6875 9.816406 C 2.5 9.996094 2.257812 10.109375 1.992188 10.105469 C 1.695312 10.085938 1.449219 9.972656 1.246094 9.753906 C 1.074219 9.535156 1.003906 9.277344 1.03125 9 C 1.089844 8.710938 1.214844 8.484375 1.453125 8.3125 C 1.789062 8.105469 2.222656 8.085938 2.550781 8.316406 Z M 2.550781 8.316406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.058594 8.34375 C 14.269531 8.496094 14.425781 8.714844 14.472656 8.972656 C 14.496094 9.300781 14.441406 9.542969 14.238281 9.804688 C 14.148438 9.90625 14.042969 9.972656 13.921875 10.03125 C 13.894531 10.046875 13.894531 10.046875 13.867188 10.058594 C 13.660156 10.144531 13.386719 10.136719 13.175781 10.066406 C 12.929688 9.960938 12.714844 9.769531 12.613281 9.519531 C 12.601562 9.484375 12.585938 9.445312 12.574219 9.40625 C 12.570312 9.390625 12.566406 9.378906 12.5625 9.363281 C 12.511719 9.109375 12.550781 8.855469 12.679688 8.632812 C 12.824219 8.421875 13.003906 8.277344 13.246094 8.203125 C 13.261719 8.199219 13.277344 8.195312 13.292969 8.191406 C 13.570312 8.136719 13.820312 8.195312 14.058594 8.34375 Z M 14.058594 8.34375 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.375 13.523438 C 8.605469 13.730469 8.71875 13.984375 8.742188 14.289062 C 8.734375 14.554688 8.621094 14.789062 8.445312 14.984375 C 8.25 15.164062 7.996094 15.25 7.734375 15.253906 C 7.46875 15.242188 7.25 15.136719 7.0625 14.953125 C 6.863281 14.730469 6.789062 14.488281 6.792969 14.195312 C 6.832031 13.894531 6.964844 13.664062 7.199219 13.472656 C 7.582031 13.230469 8.015625 13.25 8.375 13.523438 Z M 8.375 13.523438 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 14.027344 12.066406 C 14.25 12.234375 14.421875 12.449219 14.472656 12.726562 C 14.492188 13.019531 14.464844 13.269531 14.273438 13.5 C 14.089844 13.699219 13.886719 13.84375 13.609375 13.863281 C 13.3125 13.867188 13.058594 13.800781 12.832031 13.589844 C 12.730469 13.480469 12.65625 13.371094 12.601562 13.234375 C 12.589844 13.207031 12.582031 13.183594 12.570312 13.15625 C 12.519531 12.886719 12.539062 12.625 12.679688 12.386719 C 12.984375 11.945312 13.558594 11.765625 14.027344 12.066406 Z M 14.027344 12.066406 "
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
-							"d": "M 8.269531 2.203125 C 8.492188 2.371094 8.652344 2.574219 8.703125 2.855469 C 8.738281 3.113281 8.695312 3.371094 8.535156 3.582031 C 8.355469 3.796875 8.136719 3.949219 7.851562 3.976562 C 7.539062 3.988281 7.289062 3.894531 7.054688 3.679688 C 6.851562 3.449219 6.796875 3.222656 6.808594 2.914062 C 6.824219 2.671875 6.929688 2.480469 7.105469 2.308594 C 7.445312 2.039062 7.886719 1.964844 8.269531 2.203125 Z M 8.269531 2.203125 "
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "WeaveIconBig"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      "width": "124px",
+      "height": "16px",
+      "viewBox": "0 0 120 16",
+      "version": "1.1"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "surface1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 20.847656 3.292969 C 20.875 3.292969 20.902344 3.292969 20.933594 3.292969 C 20.949219 3.292969 20.964844 3.292969 20.980469 3.292969 C 21.035156 3.292969 21.089844 3.292969 21.140625 3.292969 C 21.179688 3.292969 21.21875 3.292969 21.253906 3.292969 C 21.359375 3.292969 21.464844 3.292969 21.566406 3.292969 C 21.675781 3.292969 21.78125 3.292969 21.890625 3.292969 C 22.097656 3.292969 22.300781 3.292969 22.507812 3.292969 C 22.738281 3.292969 22.972656 3.292969 23.207031 3.296875 C 23.6875 3.296875 24.167969 3.296875 24.648438 3.296875 C 24.648438 3.519531 24.648438 3.742188 24.648438 3.96875 C 24.113281 4.042969 24.113281 4.042969 23.566406 4.113281 C 23.667969 4.496094 23.769531 4.882812 23.867188 5.265625 C 23.878906 5.308594 23.878906 5.308594 23.890625 5.351562 C 24.128906 6.269531 24.371094 7.183594 24.609375 8.097656 C 24.675781 8.339844 24.738281 8.582031 24.800781 8.824219 C 24.816406 8.878906 24.832031 8.933594 24.84375 8.992188 C 24.867188 9.078125 24.890625 9.167969 24.914062 9.257812 C 24.921875 9.289062 24.933594 9.320312 24.941406 9.355469 C 24.953125 9.398438 24.964844 9.441406 24.976562 9.484375 C 24.984375 9.523438 24.984375 9.523438 24.996094 9.558594 C 25.007812 9.625 25.007812 9.625 25.007812 9.71875 C 25.023438 9.71875 25.039062 9.71875 25.054688 9.71875 C 25.058594 9.707031 25.058594 9.695312 25.0625 9.679688 C 25.097656 9.492188 25.152344 9.3125 25.210938 9.128906 C 25.222656 9.097656 25.234375 9.0625 25.246094 9.027344 C 25.269531 8.953125 25.292969 8.882812 25.316406 8.808594 C 25.355469 8.691406 25.390625 8.574219 25.429688 8.457031 C 25.464844 8.339844 25.503906 8.21875 25.542969 8.097656 C 25.660156 7.738281 25.773438 7.375 25.890625 7.011719 C 25.902344 6.96875 25.917969 6.921875 25.933594 6.875 C 26.226562 5.945312 26.519531 5.019531 26.808594 4.089844 C 26.785156 4.089844 26.765625 4.089844 26.742188 4.085938 C 26.507812 4.074219 26.273438 4.046875 26.042969 4.015625 C 26.007812 4.011719 25.972656 4.007812 25.933594 4.003906 C 25.851562 3.992188 25.765625 3.980469 25.679688 3.96875 C 25.679688 3.746094 25.679688 3.523438 25.679688 3.296875 C 26.175781 3.296875 26.667969 3.296875 27.160156 3.296875 C 27.390625 3.292969 27.621094 3.292969 27.851562 3.292969 C 28.050781 3.292969 28.25 3.292969 28.449219 3.292969 C 28.554688 3.292969 28.660156 3.292969 28.765625 3.292969 C 28.867188 3.292969 28.964844 3.292969 29.066406 3.292969 C 29.101562 3.292969 29.140625 3.292969 29.175781 3.292969 C 29.226562 3.292969 29.273438 3.292969 29.324219 3.292969 C 29.367188 3.292969 29.367188 3.292969 29.410156 3.292969 C 29.472656 3.296875 29.472656 3.296875 29.496094 3.320312 C 29.5 3.367188 29.5 3.417969 29.5 3.464844 C 29.5 3.492188 29.5 3.515625 29.5 3.542969 C 29.496094 3.59375 29.496094 3.59375 29.496094 3.648438 C 29.496094 3.753906 29.496094 3.859375 29.496094 3.96875 C 29.09375 4.015625 28.6875 4.066406 28.273438 4.113281 C 28.679688 5.460938 28.679688 5.460938 29.089844 6.808594 C 29.105469 6.859375 29.121094 6.910156 29.136719 6.960938 C 29.234375 7.292969 29.335938 7.625 29.4375 7.960938 C 29.484375 8.113281 29.53125 8.265625 29.578125 8.417969 C 29.605469 8.507812 29.632812 8.597656 29.660156 8.691406 C 29.878906 9.40625 29.878906 9.40625 29.976562 9.746094 C 30.027344 9.664062 30.046875 9.601562 30.070312 9.507812 C 30.078125 9.484375 30.078125 9.484375 30.085938 9.457031 C 30.101562 9.402344 30.117188 9.34375 30.132812 9.289062 C 30.144531 9.25 30.152344 9.207031 30.164062 9.167969 C 30.1875 9.082031 30.214844 8.992188 30.238281 8.90625 C 30.292969 8.691406 30.351562 8.480469 30.410156 8.269531 C 30.433594 8.191406 30.453125 8.117188 30.472656 8.042969 C 30.621094 7.5 30.769531 6.960938 30.921875 6.421875 C 30.949219 6.324219 30.976562 6.226562 31 6.128906 C 31.066406 5.902344 31.128906 5.675781 31.191406 5.449219 C 31.230469 5.308594 31.269531 5.164062 31.308594 5.023438 C 31.335938 4.925781 31.363281 4.828125 31.390625 4.734375 C 31.402344 4.6875 31.414062 4.640625 31.429688 4.59375 C 31.445312 4.53125 31.464844 4.46875 31.480469 4.40625 C 31.488281 4.386719 31.492188 4.367188 31.496094 4.347656 C 31.515625 4.277344 31.535156 4.207031 31.558594 4.136719 C 31.210938 4.074219 30.855469 4.023438 30.503906 3.96875 C 30.503906 3.746094 30.503906 3.523438 30.503906 3.296875 C 30.878906 3.296875 31.253906 3.296875 31.628906 3.296875 C 31.804688 3.292969 31.976562 3.292969 32.152344 3.292969 C 32.304688 3.292969 32.457031 3.292969 32.605469 3.292969 C 32.6875 3.292969 32.769531 3.292969 32.847656 3.292969 C 32.9375 3.292969 33.027344 3.292969 33.117188 3.292969 C 33.144531 3.292969 33.171875 3.292969 33.199219 3.292969 C 33.222656 3.292969 33.246094 3.292969 33.273438 3.292969 C 33.304688 3.292969 33.304688 3.292969 33.335938 3.292969 C 33.382812 3.296875 33.382812 3.296875 33.40625 3.320312 C 33.410156 3.367188 33.410156 3.414062 33.410156 3.460938 C 33.410156 3.488281 33.410156 3.515625 33.410156 3.542969 C 33.410156 3.574219 33.410156 3.605469 33.410156 3.632812 C 33.410156 3.664062 33.410156 3.695312 33.410156 3.726562 C 33.410156 3.796875 33.410156 3.871094 33.40625 3.945312 C 33.292969 3.964844 33.175781 3.984375 33.0625 4.007812 C 33.023438 4.011719 32.984375 4.019531 32.945312 4.027344 C 32.738281 4.0625 32.535156 4.097656 32.328125 4.113281 C 32.320312 4.144531 32.320312 4.144531 32.3125 4.179688 C 32.238281 4.480469 32.15625 4.78125 32.070312 5.082031 C 32.058594 5.128906 32.042969 5.171875 32.03125 5.21875 C 31.875 5.78125 31.714844 6.347656 31.550781 6.910156 C 31.375 7.535156 31.195312 8.160156 31.019531 8.785156 C 30.992188 8.871094 30.96875 8.957031 30.945312 9.042969 C 30.835938 9.433594 30.722656 9.820312 30.613281 10.210938 C 30.566406 10.378906 30.519531 10.542969 30.472656 10.707031 C 30.445312 10.804688 30.417969 10.902344 30.390625 11 C 30.277344 11.390625 30.167969 11.785156 30.046875 12.175781 C 29.730469 12.175781 29.414062 12.175781 29.089844 12.175781 C 29.03125 12.003906 29.03125 12.003906 28.976562 11.832031 C 28.925781 11.675781 28.878906 11.523438 28.828125 11.367188 C 28.820312 11.347656 28.8125 11.328125 28.808594 11.304688 C 28.632812 10.769531 28.460938 10.230469 28.285156 9.695312 C 28.144531 9.273438 28.007812 8.847656 27.875 8.425781 C 27.695312 7.867188 27.515625 7.308594 27.332031 6.753906 C 27.304688 6.679688 27.28125 6.605469 27.257812 6.53125 C 27.238281 6.476562 27.222656 6.425781 27.207031 6.375 C 27.046875 5.894531 27.046875 5.894531 27.046875 5.796875 C 27.03125 5.796875 27.015625 5.796875 27 5.796875 C 26.996094 5.8125 26.996094 5.828125 26.992188 5.84375 C 26.964844 5.988281 26.925781 6.132812 26.882812 6.273438 C 26.875 6.296875 26.867188 6.316406 26.859375 6.339844 C 26.84375 6.390625 26.828125 6.4375 26.8125 6.488281 C 26.769531 6.625 26.726562 6.761719 26.683594 6.898438 C 26.675781 6.929688 26.664062 6.957031 26.65625 6.988281 C 26.546875 7.328125 26.445312 7.667969 26.339844 8.007812 C 26.316406 8.078125 26.296875 8.144531 26.273438 8.214844 C 26.230469 8.355469 26.1875 8.496094 26.144531 8.636719 C 26.074219 8.863281 26.007812 9.089844 25.9375 9.3125 C 25.933594 9.328125 25.925781 9.347656 25.921875 9.363281 C 25.894531 9.449219 25.871094 9.535156 25.84375 9.617188 C 25.796875 9.769531 25.75 9.921875 25.703125 10.074219 C 25.675781 10.15625 25.652344 10.242188 25.625 10.328125 C 25.613281 10.363281 25.605469 10.394531 25.59375 10.429688 C 25.414062 11.011719 25.234375 11.59375 25.054688 12.175781 C 24.738281 12.175781 24.421875 12.175781 24.097656 12.175781 C 23.816406 11.230469 23.535156 10.285156 23.261719 9.339844 C 23.253906 9.320312 23.25 9.304688 23.246094 9.285156 C 23.195312 9.117188 23.144531 8.949219 23.097656 8.78125 C 22.960938 8.3125 22.824219 7.84375 22.6875 7.375 C 22.664062 7.304688 22.644531 7.234375 22.625 7.164062 C 22.414062 6.449219 22.207031 5.738281 22 5.027344 C 21.976562 4.953125 21.953125 4.878906 21.933594 4.804688 C 21.898438 4.683594 21.859375 4.5625 21.824219 4.441406 C 21.820312 4.421875 21.8125 4.402344 21.808594 4.382812 C 21.796875 4.347656 21.785156 4.3125 21.777344 4.28125 C 21.753906 4.203125 21.742188 4.148438 21.742188 4.066406 C 21.726562 4.066406 21.710938 4.0625 21.691406 4.0625 C 21.382812 4.042969 21.070312 4.003906 20.761719 3.96875 C 20.757812 3.863281 20.757812 3.753906 20.757812 3.648438 C 20.757812 3.617188 20.757812 3.585938 20.757812 3.554688 C 20.757812 3.523438 20.757812 3.496094 20.757812 3.464844 C 20.757812 3.4375 20.757812 3.410156 20.757812 3.382812 C 20.761719 3.296875 20.761719 3.296875 20.847656 3.292969 Z M 20.847656 3.292969 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 82.488281 3.25 C 83.046875 3.246094 83.605469 3.246094 84.167969 3.246094 C 84.425781 3.246094 84.6875 3.246094 84.945312 3.246094 C 85.171875 3.242188 85.398438 3.242188 85.625 3.242188 C 85.746094 3.242188 85.867188 3.242188 85.984375 3.242188 C 88.15625 3.238281 88.15625 3.238281 88.894531 3.898438 C 88.914062 3.914062 88.9375 3.929688 88.957031 3.945312 C 89.191406 4.144531 89.363281 4.402344 89.472656 4.691406 C 89.480469 4.714844 89.492188 4.742188 89.5 4.765625 C 89.65625 5.25 89.601562 5.785156 89.382812 6.234375 C 89.117188 6.753906 88.695312 7.078125 88.152344 7.265625 C 87.984375 7.320312 87.816406 7.367188 87.648438 7.410156 C 87.664062 7.414062 87.679688 7.417969 87.699219 7.421875 C 88.523438 7.605469 89.300781 7.851562 89.78125 8.597656 C 90.0625 9.0625 90.125 9.636719 90.003906 10.164062 C 89.808594 10.804688 89.363281 11.304688 88.78125 11.621094 C 88.324219 11.863281 87.820312 11.988281 87.3125 12.054688 C 87.28125 12.058594 87.253906 12.0625 87.222656 12.066406 C 86.777344 12.121094 86.332031 12.109375 85.882812 12.105469 C 85.765625 12.105469 85.644531 12.105469 85.523438 12.105469 C 85.300781 12.105469 85.074219 12.105469 84.847656 12.105469 C 84.589844 12.105469 84.332031 12.105469 84.074219 12.105469 C 83.546875 12.105469 83.015625 12.101562 82.488281 12.101562 C 82.488281 11.878906 82.488281 11.65625 82.488281 11.429688 C 82.859375 11.390625 83.234375 11.347656 83.617188 11.308594 C 83.617188 8.910156 83.617188 6.511719 83.617188 4.042969 C 83.488281 4.035156 83.363281 4.027344 83.230469 4.019531 C 83.117188 4.007812 83.003906 3.996094 82.890625 3.980469 C 82.863281 3.980469 82.832031 3.976562 82.804688 3.972656 C 82.695312 3.960938 82.59375 3.949219 82.488281 3.921875 C 82.488281 3.699219 82.488281 3.476562 82.488281 3.25 Z M 85.390625 3.96875 C 85.390625 4.242188 85.386719 4.515625 85.382812 4.785156 C 85.382812 4.914062 85.378906 5.039062 85.378906 5.164062 C 85.371094 5.824219 85.367188 6.484375 85.367188 7.144531 C 86.488281 7.183594 86.488281 7.183594 87.457031 6.691406 C 87.796875 6.320312 87.859375 5.832031 87.847656 5.351562 C 87.832031 4.992188 87.71875 4.644531 87.460938 4.378906 C 87 3.96875 86.363281 3.964844 85.78125 3.96875 C 85.742188 3.96875 85.703125 3.96875 85.667969 3.96875 C 85.574219 3.96875 85.484375 3.96875 85.390625 3.96875 Z M 85.390625 7.84375 C 85.390625 9.003906 85.390625 10.160156 85.390625 11.355469 C 86.28125 11.386719 86.28125 11.386719 87.152344 11.21875 C 87.171875 11.214844 87.1875 11.207031 87.207031 11.199219 C 87.578125 11.066406 87.886719 10.824219 88.066406 10.46875 C 88.28125 9.988281 88.289062 9.417969 88.125 8.921875 C 87.960938 8.492188 87.664062 8.234375 87.257812 8.046875 C 86.664062 7.804688 86.023438 7.84375 85.390625 7.84375 Z M 85.390625 7.84375 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 76.167969 3.476562 C 76.367188 3.671875 76.507812 3.917969 76.585938 4.1875 C 76.589844 4.203125 76.59375 4.222656 76.601562 4.242188 C 76.707031 4.675781 76.621094 5.144531 76.414062 5.53125 C 76.34375 5.644531 76.265625 5.746094 76.175781 5.847656 C 76.15625 5.867188 76.136719 5.886719 76.117188 5.910156 C 75.71875 6.332031 75.199219 6.617188 74.6875 6.882812 C 74.707031 6.902344 74.726562 6.921875 74.746094 6.941406 C 74.972656 7.191406 74.972656 7.191406 75.066406 7.296875 C 75.140625 7.382812 75.21875 7.464844 75.300781 7.542969 C 75.351562 7.59375 75.394531 7.640625 75.4375 7.695312 C 75.527344 7.796875 75.621094 7.894531 75.714844 7.992188 C 76.089844 8.394531 76.089844 8.394531 76.253906 8.585938 C 76.351562 8.695312 76.449219 8.800781 76.546875 8.90625 C 76.621094 8.980469 76.691406 9.058594 76.761719 9.136719 C 76.773438 9.152344 76.789062 9.164062 76.800781 9.179688 C 76.824219 9.207031 76.851562 9.234375 76.875 9.261719 C 76.933594 9.324219 76.992188 9.382812 77.0625 9.429688 C 77.070312 9.410156 77.070312 9.410156 77.082031 9.386719 C 77.113281 9.304688 77.152344 9.230469 77.195312 9.15625 C 77.5625 8.476562 77.800781 7.753906 77.976562 7 C 77.953125 7 77.933594 6.996094 77.910156 6.996094 C 77.707031 6.96875 77.5 6.9375 77.296875 6.902344 C 77.273438 6.898438 77.25 6.894531 77.222656 6.890625 C 77.050781 6.859375 77.050781 6.859375 76.96875 6.832031 C 76.960938 6.328125 76.960938 6.328125 77.015625 6.160156 C 77.949219 6.160156 78.886719 6.160156 79.847656 6.160156 C 79.847656 6.367188 79.847656 6.574219 79.847656 6.785156 C 79.53125 6.839844 79.214844 6.894531 78.886719 6.953125 C 78.859375 7.046875 78.832031 7.140625 78.804688 7.234375 C 78.539062 8.09375 78.164062 9.035156 77.601562 9.746094 C 77.5625 9.792969 77.5625 9.792969 77.566406 9.851562 C 77.601562 9.933594 77.648438 9.980469 77.714844 10.039062 C 77.792969 10.113281 77.867188 10.1875 77.9375 10.269531 C 78.027344 10.375 78.125 10.46875 78.222656 10.566406 C 78.308594 10.65625 78.390625 10.742188 78.472656 10.839844 C 78.539062 10.914062 78.601562 10.933594 78.695312 10.949219 C 78.71875 10.953125 78.746094 10.957031 78.769531 10.960938 C 78.796875 10.964844 78.824219 10.96875 78.851562 10.972656 C 78.875 10.980469 78.902344 10.984375 78.933594 10.988281 C 79.019531 11.003906 79.105469 11.019531 79.191406 11.03125 C 79.277344 11.046875 79.363281 11.0625 79.449219 11.078125 C 79.503906 11.085938 79.558594 11.097656 79.613281 11.105469 C 79.648438 11.113281 79.648438 11.113281 79.6875 11.117188 C 79.707031 11.121094 79.730469 11.125 79.75 11.128906 C 79.800781 11.140625 79.800781 11.140625 79.824219 11.164062 C 79.820312 11.421875 79.785156 11.679688 79.753906 11.933594 C 79.691406 11.949219 79.632812 11.964844 79.570312 11.980469 C 79.546875 11.984375 79.546875 11.984375 79.519531 11.992188 C 79.214844 12.066406 78.910156 12.085938 78.597656 12.085938 C 78.539062 12.085938 78.484375 12.085938 78.425781 12.085938 C 77.847656 12.089844 77.332031 11.917969 76.894531 11.523438 C 76.855469 11.484375 76.816406 11.445312 76.777344 11.40625 C 76.71875 11.347656 76.660156 11.296875 76.601562 11.242188 C 76.578125 11.21875 76.578125 11.21875 76.554688 11.195312 C 76.515625 11.160156 76.476562 11.125 76.441406 11.089844 C 76.429688 11.101562 76.417969 11.109375 76.410156 11.117188 C 76.140625 11.351562 75.859375 11.554688 75.542969 11.71875 C 75.511719 11.738281 75.476562 11.757812 75.445312 11.777344 C 75.3125 11.847656 75.179688 11.894531 75.039062 11.9375 C 75.011719 11.945312 75.011719 11.945312 74.984375 11.953125 C 74.632812 12.058594 74.269531 12.089844 73.90625 12.085938 C 73.84375 12.085938 73.785156 12.085938 73.722656 12.089844 C 72.941406 12.089844 72.222656 11.824219 71.652344 11.28125 C 71.203125 10.820312 71.023438 10.246094 71.03125 9.609375 C 71.042969 9.058594 71.230469 8.546875 71.59375 8.132812 C 71.609375 8.113281 71.625 8.09375 71.644531 8.070312 C 71.980469 7.683594 72.398438 7.421875 72.839844 7.171875 C 72.871094 7.152344 72.902344 7.132812 72.9375 7.113281 C 72.960938 7.101562 72.984375 7.085938 73.007812 7.074219 C 72.996094 7.0625 72.988281 7.050781 72.976562 7.042969 C 72.398438 6.425781 72.09375 5.613281 72.113281 4.773438 C 72.128906 4.371094 72.257812 3.988281 72.527344 3.679688 C 72.542969 3.660156 72.558594 3.644531 72.570312 3.625 C 72.917969 3.210938 73.496094 2.996094 74.015625 2.933594 C 74.050781 2.929688 74.050781 2.929688 74.082031 2.925781 C 74.804688 2.847656 75.621094 2.964844 76.167969 3.476562 Z M 73.671875 3.796875 C 73.433594 4.113281 73.414062 4.4375 73.457031 4.820312 C 73.550781 5.460938 73.921875 5.9375 74.328125 6.425781 C 74.398438 6.390625 74.449219 6.355469 74.503906 6.300781 C 74.527344 6.28125 74.527344 6.28125 74.550781 6.257812 C 74.566406 6.242188 74.582031 6.226562 74.597656 6.210938 C 74.613281 6.191406 74.628906 6.175781 74.644531 6.160156 C 74.773438 6.03125 74.890625 5.894531 75 5.75 C 75.019531 5.726562 75.035156 5.699219 75.054688 5.675781 C 75.335938 5.292969 75.5 4.859375 75.457031 4.378906 C 75.40625 4.078125 75.289062 3.820312 75.035156 3.636719 C 74.59375 3.363281 74.03125 3.410156 73.671875 3.796875 Z M 73.046875 7.828125 C 72.664062 8.226562 72.519531 8.789062 72.519531 9.332031 C 72.53125 9.800781 72.71875 10.257812 73.039062 10.601562 C 73.46875 10.996094 73.980469 11.140625 74.550781 11.125 C 74.960938 11.105469 75.339844 11.003906 75.703125 10.8125 C 75.71875 10.804688 75.738281 10.796875 75.753906 10.785156 C 75.84375 10.738281 75.90625 10.699219 75.960938 10.609375 C 75.949219 10.601562 75.941406 10.589844 75.933594 10.582031 C 75.460938 10.074219 75.460938 10.074219 75.25 9.8125 C 75.1875 9.738281 75.125 9.664062 75.0625 9.59375 C 74.972656 9.484375 74.882812 9.375 74.796875 9.265625 C 74.695312 9.132812 74.589844 9.003906 74.480469 8.878906 C 74.390625 8.773438 74.304688 8.667969 74.214844 8.5625 C 74.152344 8.484375 74.085938 8.40625 74.019531 8.328125 C 73.921875 8.214844 73.828125 8.101562 73.734375 7.984375 C 73.726562 7.96875 73.714844 7.957031 73.703125 7.941406 C 73.683594 7.914062 73.660156 7.886719 73.640625 7.859375 C 73.589844 7.792969 73.539062 7.730469 73.488281 7.667969 C 73.460938 7.632812 73.460938 7.632812 73.433594 7.601562 C 73.414062 7.578125 73.414062 7.578125 73.390625 7.554688 C 73.265625 7.554688 73.132812 7.742188 73.046875 7.828125 Z M 73.046875 7.828125 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 49.992188 5.535156 C 50.101562 5.609375 50.101562 5.609375 50.136719 5.679688 C 50.136719 5.746094 50.140625 5.8125 50.140625 5.882812 C 50.140625 5.914062 50.140625 5.914062 50.140625 5.941406 C 50.140625 5.984375 50.140625 6.027344 50.140625 6.070312 C 50.140625 6.136719 50.140625 6.203125 50.140625 6.269531 C 50.140625 6.308594 50.140625 6.351562 50.140625 6.390625 C 50.140625 6.410156 50.140625 6.429688 50.140625 6.453125 C 50.140625 6.589844 50.140625 6.589844 50.113281 6.617188 C 50.074219 6.617188 50.035156 6.621094 49.996094 6.621094 C 49.972656 6.621094 49.949219 6.621094 49.921875 6.621094 C 49.894531 6.621094 49.871094 6.617188 49.84375 6.617188 C 49.816406 6.617188 49.789062 6.617188 49.757812 6.617188 C 49.671875 6.617188 49.585938 6.617188 49.5 6.617188 C 49.441406 6.617188 49.378906 6.617188 49.320312 6.617188 C 49.175781 6.617188 49.03125 6.617188 48.886719 6.617188 C 48.898438 6.640625 48.90625 6.660156 48.917969 6.683594 C 48.929688 6.714844 48.945312 6.746094 48.957031 6.773438 C 48.964844 6.789062 48.96875 6.804688 48.976562 6.820312 C 49.203125 7.339844 49.195312 8 48.988281 8.523438 C 48.75 9.0625 48.355469 9.457031 47.804688 9.671875 C 47.066406 9.941406 46.210938 9.941406 45.457031 9.746094 C 45.277344 10.003906 45.214844 10.273438 45.238281 10.585938 C 45.269531 10.699219 45.316406 10.761719 45.402344 10.835938 C 45.617188 10.945312 45.851562 10.949219 46.089844 10.949219 C 46.113281 10.953125 46.132812 10.953125 46.15625 10.953125 C 46.203125 10.953125 46.25 10.953125 46.292969 10.953125 C 46.367188 10.953125 46.441406 10.953125 46.515625 10.953125 C 46.726562 10.953125 46.9375 10.957031 47.144531 10.957031 C 47.273438 10.957031 47.402344 10.957031 47.53125 10.960938 C 47.582031 10.960938 47.628906 10.960938 47.675781 10.960938 C 48.324219 10.960938 49.039062 11.019531 49.53125 11.492188 C 49.546875 11.511719 49.566406 11.53125 49.585938 11.550781 C 49.601562 11.566406 49.617188 11.582031 49.636719 11.597656 C 49.957031 11.929688 50.0625 12.394531 50.066406 12.84375 C 50.054688 13.351562 49.847656 13.800781 49.511719 14.171875 C 49.496094 14.191406 49.480469 14.207031 49.460938 14.226562 C 48.8125 14.921875 47.769531 15.179688 46.855469 15.210938 C 45.890625 15.234375 44.761719 15.230469 44.015625 14.523438 C 43.738281 14.222656 43.660156 13.886719 43.671875 13.488281 C 43.679688 13.363281 43.699219 13.253906 43.753906 13.136719 C 43.761719 13.117188 43.769531 13.09375 43.78125 13.074219 C 43.996094 12.644531 44.386719 12.410156 44.785156 12.175781 C 44.765625 12.167969 44.746094 12.160156 44.730469 12.152344 C 44.398438 11.996094 44.222656 11.808594 44.089844 11.476562 C 43.988281 11.136719 44.070312 10.757812 44.222656 10.453125 C 44.421875 10.109375 44.695312 9.824219 44.976562 9.550781 C 44.960938 9.542969 44.945312 9.53125 44.925781 9.523438 C 44.757812 9.417969 44.613281 9.304688 44.472656 9.167969 C 44.457031 9.152344 44.441406 9.136719 44.425781 9.121094 C 44.214844 8.902344 44.085938 8.597656 44.015625 8.300781 C 44.011719 8.28125 44.003906 8.257812 44 8.238281 C 43.882812 7.675781 43.964844 7.042969 44.277344 6.558594 C 44.621094 6.070312 45.09375 5.773438 45.671875 5.628906 C 45.6875 5.625 45.703125 5.621094 45.71875 5.617188 C 46.25 5.492188 46.917969 5.496094 47.449219 5.628906 C 47.464844 5.632812 47.480469 5.636719 47.496094 5.640625 C 47.6875 5.691406 47.867188 5.761719 48.046875 5.84375 C 48.0625 5.851562 48.078125 5.859375 48.09375 5.867188 C 48.164062 5.902344 48.226562 5.933594 48.289062 5.980469 C 48.390625 6.066406 48.390625 6.066406 48.515625 6.082031 C 48.582031 6.0625 48.644531 6.035156 48.707031 6.003906 C 48.730469 5.996094 48.753906 5.984375 48.78125 5.976562 C 48.855469 5.941406 48.929688 5.910156 49.003906 5.875 C 49.054688 5.851562 49.101562 5.832031 49.152344 5.808594 C 49.320312 5.738281 49.488281 5.664062 49.652344 5.585938 C 49.679688 5.574219 49.703125 5.566406 49.730469 5.554688 C 49.75 5.542969 49.769531 5.535156 49.789062 5.523438 C 49.867188 5.503906 49.917969 5.515625 49.992188 5.535156 Z M 45.835938 6.507812 C 45.472656 6.984375 45.421875 7.597656 45.492188 8.175781 C 45.550781 8.542969 45.6875 8.890625 45.980469 9.132812 C 46.207031 9.285156 46.46875 9.3125 46.734375 9.277344 C 47.015625 9.21875 47.210938 9.089844 47.375 8.855469 C 47.683594 8.375 47.742188 7.746094 47.640625 7.191406 C 47.5625 6.859375 47.402344 6.507812 47.117188 6.308594 C 46.703125 6.074219 46.152344 6.148438 45.835938 6.507812 Z M 45.238281 12.367188 C 44.957031 12.734375 44.867188 13.113281 44.902344 13.570312 C 44.957031 13.84375 45.09375 14.058594 45.316406 14.226562 C 45.613281 14.417969 46.015625 14.496094 46.367188 14.507812 C 46.394531 14.507812 46.394531 14.507812 46.417969 14.507812 C 47.132812 14.527344 47.90625 14.457031 48.453125 13.945312 C 48.652344 13.738281 48.710938 13.515625 48.703125 13.230469 C 48.683594 12.992188 48.570312 12.800781 48.394531 12.644531 C 48.113281 12.441406 47.726562 12.449219 47.398438 12.449219 C 47.355469 12.449219 47.3125 12.449219 47.269531 12.449219 C 47.15625 12.449219 47.046875 12.449219 46.933594 12.449219 C 46.753906 12.449219 46.574219 12.445312 46.394531 12.445312 C 46.332031 12.445312 46.269531 12.445312 46.210938 12.445312 C 45.882812 12.445312 45.5625 12.414062 45.238281 12.367188 Z M 45.238281 12.367188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 53.039062 2.382812 C 53.0625 2.390625 53.0625 2.390625 53.085938 2.398438 C 53.140625 2.429688 53.171875 2.453125 53.207031 2.503906 C 53.230469 2.617188 53.21875 2.730469 53.214844 2.84375 C 53.210938 2.878906 53.210938 2.914062 53.210938 2.953125 C 53.207031 3.027344 53.203125 3.105469 53.199219 3.183594 C 53.191406 3.371094 53.183594 3.558594 53.179688 3.746094 C 53.175781 3.792969 53.175781 3.835938 53.175781 3.882812 C 53.15625 4.441406 53.15625 5 53.15625 5.5625 C 53.15625 5.640625 53.15625 5.71875 53.15625 5.792969 C 53.15625 6.085938 53.160156 6.375 53.160156 6.664062 C 53.179688 6.644531 53.195312 6.625 53.214844 6.605469 C 53.238281 6.578125 53.261719 6.550781 53.285156 6.523438 C 53.296875 6.511719 53.3125 6.5 53.324219 6.484375 C 53.78125 5.984375 54.445312 5.601562 55.128906 5.550781 C 55.640625 5.535156 56.128906 5.578125 56.527344 5.929688 C 56.566406 5.964844 56.601562 6 56.640625 6.039062 C 56.664062 6.0625 56.664062 6.0625 56.691406 6.089844 C 57.246094 6.660156 57.203125 7.570312 57.203125 8.304688 C 57.203125 8.414062 57.203125 8.523438 57.207031 8.632812 C 57.207031 8.839844 57.207031 9.042969 57.207031 9.25 C 57.207031 9.484375 57.210938 9.722656 57.210938 9.957031 C 57.210938 10.4375 57.214844 10.921875 57.214844 11.40625 C 57.246094 11.410156 57.246094 11.410156 57.28125 11.414062 C 57.308594 11.417969 57.335938 11.421875 57.363281 11.425781 C 57.40625 11.433594 57.40625 11.433594 57.445312 11.441406 C 57.558594 11.457031 57.671875 11.480469 57.785156 11.503906 C 57.808594 11.507812 57.828125 11.511719 57.851562 11.515625 C 57.878906 11.519531 57.878906 11.519531 57.910156 11.527344 C 57.929688 11.53125 57.949219 11.535156 57.964844 11.539062 C 58.007812 11.550781 58.007812 11.550781 58.03125 11.574219 C 58.035156 11.613281 58.035156 11.65625 58.035156 11.695312 C 58.035156 11.71875 58.035156 11.746094 58.035156 11.769531 C 58.035156 11.796875 58.035156 11.824219 58.035156 11.851562 C 58.035156 11.875 58.035156 11.902344 58.035156 11.929688 C 58.035156 11.964844 58.035156 11.964844 58.035156 12.003906 C 58.035156 12.027344 58.035156 12.050781 58.035156 12.074219 C 58.03125 12.125 58.03125 12.125 58.007812 12.148438 C 57.964844 12.152344 57.921875 12.152344 57.882812 12.152344 C 57.839844 12.152344 57.839844 12.152344 57.796875 12.152344 C 57.769531 12.152344 57.738281 12.152344 57.707031 12.152344 C 57.675781 12.152344 57.640625 12.152344 57.609375 12.152344 C 57.523438 12.152344 57.433594 12.152344 57.347656 12.152344 C 57.257812 12.152344 57.164062 12.152344 57.074219 12.152344 C 56.917969 12.152344 56.765625 12.152344 56.613281 12.152344 C 56.433594 12.152344 56.257812 12.152344 56.082031 12.152344 C 55.929688 12.152344 55.777344 12.152344 55.625 12.152344 C 55.53125 12.152344 55.441406 12.152344 55.351562 12.152344 C 55.265625 12.152344 55.179688 12.152344 55.09375 12.152344 C 55.046875 12.152344 55 12.152344 54.953125 12.152344 C 54.925781 12.152344 54.898438 12.152344 54.871094 12.152344 C 54.847656 12.152344 54.824219 12.152344 54.796875 12.152344 C 54.742188 12.148438 54.742188 12.148438 54.71875 12.125 C 54.71875 12.085938 54.71875 12.042969 54.71875 12.003906 C 54.71875 11.976562 54.71875 11.953125 54.71875 11.925781 C 54.71875 11.902344 54.71875 11.875 54.71875 11.847656 C 54.71875 11.820312 54.71875 11.796875 54.71875 11.769531 C 54.71875 11.703125 54.71875 11.636719 54.71875 11.574219 C 54.8125 11.53125 54.902344 11.507812 55.003906 11.488281 C 55.03125 11.480469 55.0625 11.476562 55.09375 11.46875 C 55.113281 11.464844 55.128906 11.460938 55.144531 11.460938 C 55.191406 11.449219 55.242188 11.441406 55.289062 11.429688 C 55.527344 11.378906 55.527344 11.378906 55.585938 11.378906 C 55.582031 10.90625 55.582031 10.433594 55.578125 9.960938 C 55.578125 9.742188 55.578125 9.523438 55.574219 9.304688 C 55.574219 9.109375 55.574219 8.917969 55.574219 8.726562 C 55.574219 8.625 55.570312 8.527344 55.570312 8.425781 C 55.570312 8.328125 55.570312 8.234375 55.570312 8.136719 C 55.570312 8.101562 55.570312 8.066406 55.570312 8.03125 C 55.570312 7.664062 55.554688 7.199219 55.289062 6.917969 C 55.054688 6.722656 54.742188 6.746094 54.457031 6.761719 C 54.101562 6.800781 53.738281 7.007812 53.464844 7.234375 C 53.425781 7.265625 53.425781 7.265625 53.371094 7.300781 C 53.273438 7.371094 53.214844 7.421875 53.1875 7.539062 C 53.179688 7.640625 53.179688 7.742188 53.183594 7.84375 C 53.183594 7.882812 53.183594 7.921875 53.183594 7.960938 C 53.183594 8.066406 53.183594 8.167969 53.1875 8.273438 C 53.1875 8.386719 53.1875 8.496094 53.1875 8.605469 C 53.1875 8.8125 53.191406 9.023438 53.191406 9.230469 C 53.195312 9.46875 53.195312 9.703125 53.195312 9.941406 C 53.199219 10.429688 53.203125 10.917969 53.207031 11.40625 C 53.238281 11.410156 53.238281 11.410156 53.265625 11.414062 C 53.351562 11.429688 53.4375 11.445312 53.523438 11.464844 C 53.554688 11.46875 53.585938 11.472656 53.613281 11.480469 C 53.644531 11.484375 53.671875 11.492188 53.703125 11.496094 C 53.730469 11.5 53.753906 11.507812 53.78125 11.511719 C 53.847656 11.523438 53.910156 11.535156 53.976562 11.550781 C 53.976562 11.746094 53.976562 11.945312 53.976562 12.148438 C 52.890625 12.148438 51.804688 12.148438 50.6875 12.148438 C 50.6875 11.953125 50.6875 11.753906 50.6875 11.550781 C 50.964844 11.492188 51.242188 11.4375 51.527344 11.378906 C 51.542969 11.160156 51.554688 10.945312 51.554688 10.722656 C 51.554688 10.691406 51.554688 10.660156 51.554688 10.628906 C 51.554688 10.546875 51.558594 10.464844 51.558594 10.378906 C 51.558594 10.289062 51.558594 10.199219 51.558594 10.109375 C 51.558594 9.953125 51.558594 9.796875 51.558594 9.640625 C 51.558594 9.414062 51.558594 9.1875 51.5625 8.960938 C 51.5625 8.59375 51.5625 8.230469 51.5625 7.863281 C 51.566406 7.507812 51.566406 7.152344 51.566406 6.792969 C 51.566406 6.773438 51.566406 6.75 51.566406 6.726562 C 51.566406 6.617188 51.566406 6.507812 51.566406 6.398438 C 51.570312 5.484375 51.574219 4.570312 51.574219 3.65625 C 51.554688 3.65625 51.535156 3.652344 51.515625 3.652344 C 51.476562 3.648438 51.476562 3.648438 51.4375 3.644531 C 51.414062 3.644531 51.386719 3.640625 51.359375 3.640625 C 51.277344 3.632812 51.195312 3.621094 51.113281 3.609375 C 51.082031 3.605469 51.054688 3.601562 51.023438 3.597656 C 50.996094 3.59375 50.964844 3.589844 50.933594 3.582031 C 50.902344 3.578125 50.871094 3.574219 50.839844 3.570312 C 50.765625 3.558594 50.691406 3.546875 50.617188 3.535156 C 50.617188 3.347656 50.617188 3.15625 50.617188 2.960938 C 50.910156 2.875 51.207031 2.796875 51.5 2.722656 C 51.523438 2.714844 51.542969 2.710938 51.5625 2.707031 C 51.671875 2.679688 51.777344 2.652344 51.886719 2.625 C 51.972656 2.601562 52.0625 2.578125 52.152344 2.554688 C 52.257812 2.527344 52.367188 2.5 52.472656 2.472656 C 52.515625 2.460938 52.554688 2.453125 52.597656 2.441406 C 52.652344 2.425781 52.710938 2.410156 52.765625 2.398438 C 52.78125 2.394531 52.800781 2.386719 52.816406 2.382812 C 52.898438 2.363281 52.960938 2.351562 53.039062 2.382812 Z M 53.039062 2.382812 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 99.691406 6.011719 C 100.109375 6.40625 100.234375 7.003906 100.273438 7.554688 C 100.277344 7.667969 100.277344 7.785156 100.277344 7.898438 C 100.277344 7.933594 100.277344 7.964844 100.277344 8 C 100.277344 8.074219 100.277344 8.144531 100.277344 8.21875 C 100.277344 8.332031 100.277344 8.445312 100.277344 8.558594 C 100.28125 8.886719 100.28125 9.210938 100.28125 9.535156 C 100.28125 9.714844 100.28125 9.894531 100.285156 10.074219 C 100.285156 10.171875 100.285156 10.265625 100.285156 10.359375 C 100.285156 10.449219 100.285156 10.539062 100.285156 10.628906 C 100.285156 10.675781 100.285156 10.726562 100.285156 10.773438 C 100.289062 10.964844 100.292969 11.167969 100.417969 11.320312 C 100.53125 11.378906 100.636719 11.398438 100.757812 11.367188 C 100.898438 11.308594 101.003906 11.21875 101.113281 11.117188 C 101.226562 11.199219 101.339844 11.289062 101.449219 11.378906 C 101.394531 11.527344 101.300781 11.640625 101.207031 11.765625 C 101.179688 11.804688 101.179688 11.804688 101.152344 11.84375 C 100.859375 12.152344 100.476562 12.265625 100.058594 12.277344 C 99.699219 12.269531 99.332031 12.164062 99.066406 11.910156 C 98.933594 11.757812 98.761719 11.519531 98.761719 11.308594 C 98.582031 11.449219 98.582031 11.449219 98.417969 11.605469 C 98.289062 11.738281 98.140625 11.847656 97.992188 11.957031 C 97.96875 11.972656 97.949219 11.992188 97.925781 12.007812 C 97.488281 12.3125 96.855469 12.339844 96.34375 12.25 C 95.917969 12.15625 95.527344 11.929688 95.28125 11.558594 C 95.035156 11.136719 94.964844 10.617188 95.082031 10.140625 C 95.289062 9.527344 95.746094 9.175781 96.300781 8.894531 C 96.941406 8.582031 97.644531 8.375 98.328125 8.179688 C 98.34375 8.175781 98.359375 8.171875 98.375 8.167969 C 98.472656 8.140625 98.566406 8.113281 98.664062 8.085938 C 98.695312 7.195312 98.695312 7.195312 98.328125 6.425781 C 98.121094 6.230469 97.828125 6.203125 97.558594 6.203125 C 97.53125 6.203125 97.53125 6.203125 97.503906 6.203125 C 97.339844 6.207031 97.171875 6.21875 97.007812 6.230469 C 97.003906 6.257812 97.003906 6.289062 97 6.316406 C 96.984375 6.46875 96.957031 6.617188 96.925781 6.765625 C 96.917969 6.816406 96.910156 6.863281 96.902344 6.910156 C 96.832031 7.273438 96.738281 7.585938 96.425781 7.808594 C 96.191406 7.933594 95.945312 7.933594 95.6875 7.867188 C 95.515625 7.808594 95.40625 7.707031 95.320312 7.546875 C 95.234375 7.347656 95.238281 7.183594 95.308594 6.980469 C 95.316406 6.957031 95.316406 6.957031 95.324219 6.929688 C 95.421875 6.644531 95.574219 6.441406 95.785156 6.230469 C 95.800781 6.214844 95.816406 6.195312 95.835938 6.179688 C 96.734375 5.308594 98.742188 5.21875 99.691406 6.011719 Z M 98.394531 8.742188 C 98.292969 8.777344 98.1875 8.8125 98.082031 8.847656 C 97.574219 9.007812 97.011719 9.230469 96.746094 9.722656 C 96.582031 10.042969 96.554688 10.355469 96.648438 10.703125 C 96.71875 10.914062 96.816406 11.042969 97.011719 11.152344 C 97.296875 11.292969 97.609375 11.304688 97.910156 11.199219 C 98.058594 11.132812 98.207031 11.050781 98.34375 10.960938 C 98.398438 10.921875 98.398438 10.921875 98.46875 10.890625 C 98.558594 10.839844 98.644531 10.789062 98.679688 10.683594 C 98.703125 10.542969 98.695312 10.402344 98.691406 10.257812 C 98.6875 10.214844 98.6875 10.167969 98.6875 10.121094 C 98.6875 10 98.683594 9.878906 98.683594 9.757812 C 98.679688 9.636719 98.679688 9.511719 98.675781 9.386719 C 98.675781 9.144531 98.667969 8.902344 98.664062 8.660156 C 98.578125 8.660156 98.476562 8.714844 98.394531 8.742188 Z M 98.394531 8.742188 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 38.035156 6.242188 C 38.207031 6.40625 38.332031 6.578125 38.449219 6.785156 C 38.460938 6.808594 38.460938 6.808594 38.472656 6.832031 C 38.835938 7.472656 38.875 8.257812 38.761719 8.972656 C 38.734375 9 38.734375 9 38.671875 9 C 38.625 9 38.625 9 38.578125 9 C 38.5625 9 38.546875 9 38.53125 9 C 38.472656 9 38.417969 9 38.363281 9 C 38.324219 9 38.285156 9 38.242188 9 C 38.136719 9 38.027344 9 37.917969 9 C 37.804688 9 37.695312 9 37.582031 9 C 37.367188 9 37.152344 9 36.9375 9 C 36.695312 9 36.453125 9 36.207031 9 C 35.707031 9 35.207031 9 34.703125 9 C 34.714844 9.089844 34.726562 9.183594 34.738281 9.273438 C 34.742188 9.300781 34.742188 9.328125 34.746094 9.351562 C 34.8125 9.898438 35.007812 10.441406 35.4375 10.808594 C 35.933594 11.1875 36.476562 11.269531 37.089844 11.203125 C 37.539062 11.128906 37.90625 10.847656 38.222656 10.535156 C 38.347656 10.417969 38.347656 10.417969 38.425781 10.417969 C 38.464844 10.445312 38.464844 10.445312 38.503906 10.488281 C 38.589844 10.585938 38.683594 10.671875 38.785156 10.753906 C 38.679688 11.046875 38.46875 11.28125 38.257812 11.5 C 38.242188 11.519531 38.222656 11.535156 38.207031 11.554688 C 37.792969 12 37.171875 12.246094 36.574219 12.320312 C 36.554688 12.320312 36.535156 12.324219 36.515625 12.328125 C 35.640625 12.425781 34.773438 12.210938 34.074219 11.671875 C 33.421875 11.125 33.078125 10.363281 32.976562 9.527344 C 32.972656 9.496094 32.972656 9.496094 32.96875 9.460938 C 32.871094 8.5 33.074219 7.515625 33.675781 6.746094 C 33.707031 6.710938 33.738281 6.675781 33.769531 6.640625 C 33.78125 6.621094 33.796875 6.605469 33.8125 6.585938 C 34.316406 5.988281 35.136719 5.640625 35.902344 5.566406 C 36.699219 5.511719 37.429688 5.699219 38.035156 6.242188 Z M 35.226562 6.652344 C 34.949219 7.007812 34.820312 7.386719 34.746094 7.824219 C 34.742188 7.851562 34.738281 7.875 34.734375 7.898438 C 34.730469 7.921875 34.726562 7.949219 34.722656 7.972656 C 34.71875 7.992188 34.714844 8.015625 34.710938 8.035156 C 34.703125 8.097656 34.703125 8.15625 34.703125 8.222656 C 34.703125 8.242188 34.703125 8.261719 34.703125 8.28125 C 34.703125 8.292969 34.703125 8.308594 34.703125 8.324219 C 34.972656 8.328125 35.242188 8.328125 35.507812 8.328125 C 35.632812 8.328125 35.757812 8.328125 35.882812 8.332031 C 36.003906 8.332031 36.125 8.332031 36.246094 8.332031 C 36.289062 8.332031 36.335938 8.332031 36.382812 8.332031 C 36.445312 8.332031 36.511719 8.332031 36.574219 8.332031 C 36.59375 8.332031 36.613281 8.332031 36.632812 8.332031 C 36.800781 8.332031 36.964844 8.304688 37.085938 8.183594 C 37.273438 7.9375 37.277344 7.609375 37.246094 7.3125 C 37.195312 6.96875 37.015625 6.636719 36.730469 6.425781 C 36.226562 6.113281 35.617188 6.195312 35.226562 6.652344 Z M 35.226562 6.652344 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 112.726562 6.085938 C 112.90625 6.242188 113.058594 6.414062 113.183594 6.617188 C 113.199219 6.636719 113.210938 6.65625 113.226562 6.679688 C 113.628906 7.320312 113.699219 8.167969 113.566406 8.902344 C 113.523438 8.945312 113.449219 8.929688 113.386719 8.929688 C 113.371094 8.929688 113.355469 8.929688 113.339844 8.929688 C 113.28125 8.929688 113.226562 8.929688 113.171875 8.929688 C 113.132812 8.929688 113.089844 8.933594 113.050781 8.933594 C 112.945312 8.933594 112.835938 8.933594 112.726562 8.933594 C 112.613281 8.933594 112.5 8.933594 112.386719 8.933594 C 112.175781 8.9375 111.960938 8.9375 111.746094 8.9375 C 111.503906 8.941406 111.257812 8.941406 111.015625 8.941406 C 110.515625 8.945312 110.011719 8.949219 109.511719 8.949219 C 109.519531 9.023438 109.527344 9.097656 109.535156 9.171875 C 109.535156 9.191406 109.539062 9.210938 109.539062 9.230469 C 109.554688 9.378906 109.578125 9.523438 109.613281 9.667969 C 109.621094 9.6875 109.625 9.710938 109.628906 9.730469 C 109.703125 10.011719 109.808594 10.261719 109.992188 10.488281 C 110.003906 10.507812 110.019531 10.527344 110.035156 10.542969 C 110.320312 10.898438 110.765625 11.117188 111.214844 11.164062 C 111.839844 11.203125 112.339844 11.078125 112.820312 10.671875 C 112.9375 10.570312 113.050781 10.457031 113.160156 10.347656 C 113.230469 10.378906 113.28125 10.414062 113.339844 10.46875 C 113.355469 10.480469 113.367188 10.496094 113.382812 10.507812 C 113.398438 10.523438 113.414062 10.539062 113.429688 10.554688 C 113.445312 10.566406 113.460938 10.582031 113.476562 10.597656 C 113.515625 10.632812 113.554688 10.671875 113.59375 10.707031 C 113.324219 11.316406 112.769531 11.816406 112.15625 12.066406 C 112.054688 12.105469 111.953125 12.136719 111.847656 12.171875 C 111.832031 12.175781 111.816406 12.179688 111.800781 12.183594 C 111.507812 12.265625 111.214844 12.28125 110.914062 12.28125 C 110.898438 12.28125 110.878906 12.28125 110.859375 12.28125 C 110.554688 12.277344 110.261719 12.257812 109.96875 12.175781 C 109.941406 12.167969 109.941406 12.167969 109.914062 12.160156 C 109.203125 11.953125 108.628906 11.503906 108.238281 10.875 C 108.230469 10.859375 108.222656 10.847656 108.210938 10.832031 C 107.699219 9.980469 107.648438 8.855469 107.878906 7.90625 C 108.074219 7.136719 108.570312 6.417969 109.253906 6 C 110.304688 5.378906 111.75 5.261719 112.726562 6.085938 Z M 110.105469 6.496094 C 109.710938 6.9375 109.507812 7.546875 109.511719 8.136719 C 109.511719 8.160156 109.511719 8.179688 109.511719 8.203125 C 109.511719 8.21875 109.511719 8.234375 109.511719 8.253906 C 109.78125 8.253906 110.050781 8.253906 110.316406 8.257812 C 110.441406 8.257812 110.566406 8.257812 110.691406 8.257812 C 110.8125 8.257812 110.933594 8.257812 111.054688 8.257812 C 111.097656 8.257812 111.144531 8.261719 111.191406 8.261719 C 111.253906 8.261719 111.320312 8.261719 111.382812 8.261719 C 111.402344 8.261719 111.421875 8.261719 111.441406 8.261719 C 111.59375 8.261719 111.746094 8.234375 111.871094 8.140625 C 112.082031 7.886719 112.078125 7.605469 112.054688 7.289062 C 112.011719 6.949219 111.867188 6.6875 111.625 6.449219 C 111.609375 6.433594 111.59375 6.417969 111.582031 6.40625 C 111.164062 6.015625 110.496094 6.121094 110.105469 6.496094 Z M 110.105469 6.496094 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 119.207031 6.039062 C 119.210938 6.308594 119.203125 6.578125 119.1875 6.847656 C 119.183594 6.910156 119.183594 6.972656 119.179688 7.035156 C 119.175781 7.078125 119.175781 7.117188 119.171875 7.160156 C 119.171875 7.175781 119.171875 7.195312 119.171875 7.214844 C 119.164062 7.308594 119.152344 7.390625 119.136719 7.484375 C 118.835938 7.484375 118.535156 7.484375 118.222656 7.484375 C 118.207031 7.40625 118.191406 7.328125 118.171875 7.246094 C 118.15625 7.171875 118.140625 7.097656 118.121094 7.023438 C 118.109375 6.96875 118.101562 6.917969 118.089844 6.867188 C 118.070312 6.792969 118.054688 6.714844 118.039062 6.640625 C 118.035156 6.617188 118.027344 6.59375 118.023438 6.570312 C 118.019531 6.550781 118.015625 6.527344 118.007812 6.503906 C 118.003906 6.484375 118 6.464844 117.996094 6.445312 C 117.984375 6.398438 117.984375 6.398438 117.960938 6.351562 C 117.902344 6.332031 117.847656 6.316406 117.789062 6.300781 C 117.765625 6.296875 117.765625 6.296875 117.738281 6.289062 C 117.339844 6.1875 116.835938 6.167969 116.464844 6.375 C 116.296875 6.480469 116.203125 6.609375 116.128906 6.789062 C 116.082031 7.042969 116.105469 7.261719 116.234375 7.484375 C 116.496094 7.828125 117.082031 7.953125 117.46875 8.070312 C 118.183594 8.289062 118.960938 8.597656 119.359375 9.277344 C 119.578125 9.714844 119.621094 10.257812 119.496094 10.734375 C 119.316406 11.277344 118.957031 11.703125 118.449219 11.964844 C 117.460938 12.445312 116.246094 12.394531 115.222656 12.054688 C 115.007812 11.972656 114.804688 11.867188 114.601562 11.765625 C 114.570312 11.234375 114.574219 10.707031 114.574219 10.175781 C 114.886719 10.175781 115.195312 10.175781 115.511719 10.175781 C 115.539062 10.304688 115.539062 10.304688 115.5625 10.433594 C 115.582031 10.515625 115.597656 10.597656 115.613281 10.679688 C 115.625 10.734375 115.636719 10.792969 115.648438 10.847656 C 115.664062 10.929688 115.679688 11.011719 115.695312 11.09375 C 115.703125 11.121094 115.707031 11.144531 115.710938 11.171875 C 115.71875 11.195312 115.722656 11.21875 115.726562 11.242188 C 115.730469 11.261719 115.734375 11.285156 115.738281 11.304688 C 115.75 11.355469 115.75 11.355469 115.777344 11.40625 C 116.324219 11.617188 117.03125 11.667969 117.578125 11.4375 C 117.800781 11.332031 117.949219 11.207031 118.039062 10.972656 C 118.089844 10.761719 118.082031 10.527344 117.992188 10.328125 C 117.910156 10.191406 117.820312 10.105469 117.6875 10.023438 C 117.664062 10.003906 117.636719 9.988281 117.609375 9.972656 C 117.265625 9.769531 116.875 9.65625 116.496094 9.527344 C 116.066406 9.386719 115.683594 9.222656 115.320312 8.949219 C 115.296875 8.933594 115.273438 8.917969 115.25 8.898438 C 115.226562 8.875 115.226562 8.875 115.199219 8.855469 C 115.199219 8.839844 115.199219 8.824219 115.199219 8.804688 C 115.1875 8.800781 115.171875 8.796875 115.160156 8.789062 C 114.933594 8.65625 114.792969 8.285156 114.726562 8.046875 C 114.605469 7.507812 114.6875 6.964844 114.984375 6.496094 C 115.347656 5.957031 115.902344 5.671875 116.523438 5.542969 C 117.460938 5.367188 118.386719 5.574219 119.207031 6.039062 Z M 119.207031 6.039062 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 67.945312 6.109375 C 67.96875 6.136719 67.96875 6.136719 67.96875 6.1875 C 67.96875 6.210938 67.96875 6.234375 67.964844 6.257812 C 67.964844 6.285156 67.964844 6.3125 67.964844 6.339844 C 67.960938 6.367188 67.960938 6.398438 67.960938 6.425781 C 67.960938 6.457031 67.957031 6.484375 67.957031 6.515625 C 67.941406 6.863281 67.917969 7.207031 67.894531 7.554688 C 67.59375 7.554688 67.292969 7.554688 66.984375 7.554688 C 66.921875 7.3125 66.863281 7.070312 66.808594 6.828125 C 66.804688 6.796875 66.796875 6.769531 66.789062 6.742188 C 66.785156 6.714844 66.777344 6.6875 66.773438 6.660156 C 66.765625 6.632812 66.761719 6.609375 66.753906 6.585938 C 66.742188 6.519531 66.742188 6.519531 66.742188 6.425781 C 66.707031 6.414062 66.667969 6.402344 66.628906 6.390625 C 66.605469 6.386719 66.585938 6.378906 66.5625 6.371094 C 66.355469 6.320312 66.15625 6.296875 65.941406 6.296875 C 65.917969 6.296875 65.894531 6.296875 65.871094 6.296875 C 65.5625 6.300781 65.296875 6.351562 65.0625 6.566406 C 64.894531 6.742188 64.859375 6.90625 64.863281 7.148438 C 64.867188 7.285156 64.890625 7.390625 64.96875 7.507812 C 64.976562 7.519531 64.984375 7.535156 64.996094 7.550781 C 65.261719 7.921875 65.914062 8.0625 66.328125 8.179688 C 67.054688 8.390625 67.703125 8.726562 68.089844 9.40625 C 68.214844 9.648438 68.289062 9.90625 68.304688 10.175781 C 68.304688 10.199219 68.304688 10.21875 68.308594 10.242188 C 68.324219 10.753906 68.15625 11.1875 67.824219 11.574219 C 67.808594 11.589844 67.796875 11.605469 67.78125 11.621094 C 67.28125 12.164062 66.515625 12.347656 65.808594 12.390625 C 65.144531 12.414062 64.535156 12.34375 63.910156 12.117188 C 63.886719 12.109375 63.886719 12.109375 63.859375 12.097656 C 63.675781 12.03125 63.507812 11.929688 63.335938 11.835938 C 63.335938 11.632812 63.335938 11.429688 63.335938 11.226562 C 63.335938 11.132812 63.335938 11.039062 63.335938 10.945312 C 63.332031 10.851562 63.332031 10.761719 63.332031 10.671875 C 63.332031 10.636719 63.332031 10.601562 63.332031 10.566406 C 63.332031 10.515625 63.332031 10.46875 63.332031 10.421875 C 63.332031 10.390625 63.332031 10.363281 63.332031 10.335938 C 63.335938 10.273438 63.335938 10.273438 63.359375 10.25 C 63.421875 10.246094 63.484375 10.246094 63.550781 10.246094 C 63.570312 10.246094 63.585938 10.246094 63.605469 10.246094 C 63.648438 10.246094 63.6875 10.246094 63.726562 10.246094 C 63.789062 10.246094 63.851562 10.246094 63.914062 10.246094 C 63.953125 10.246094 63.992188 10.246094 64.03125 10.246094 C 64.050781 10.246094 64.066406 10.246094 64.085938 10.246094 C 64.21875 10.246094 64.21875 10.246094 64.273438 10.273438 C 64.285156 10.316406 64.285156 10.316406 64.296875 10.375 C 64.300781 10.394531 64.304688 10.414062 64.308594 10.4375 C 64.316406 10.460938 64.320312 10.484375 64.324219 10.507812 C 64.328125 10.53125 64.332031 10.554688 64.339844 10.578125 C 64.347656 10.628906 64.359375 10.679688 64.367188 10.730469 C 64.382812 10.808594 64.398438 10.882812 64.414062 10.960938 C 64.421875 11.007812 64.433594 11.058594 64.441406 11.105469 C 64.445312 11.128906 64.453125 11.152344 64.457031 11.175781 C 64.476562 11.285156 64.492188 11.386719 64.488281 11.5 C 64.53125 11.511719 64.53125 11.511719 64.578125 11.519531 C 64.691406 11.546875 64.804688 11.574219 64.921875 11.605469 C 65.117188 11.648438 65.308594 11.648438 65.507812 11.652344 C 65.539062 11.652344 65.570312 11.652344 65.601562 11.652344 C 65.964844 11.652344 66.320312 11.59375 66.605469 11.359375 C 66.761719 11.199219 66.820312 11.003906 66.828125 10.789062 C 66.820312 10.566406 66.761719 10.382812 66.601562 10.226562 C 66.214844 9.933594 65.765625 9.789062 65.3125 9.640625 C 64.621094 9.414062 63.949219 9.125 63.59375 8.445312 C 63.378906 8 63.375 7.464844 63.53125 6.996094 C 63.761719 6.410156 64.183594 6.027344 64.753906 5.773438 C 65.792969 5.351562 66.988281 5.59375 67.945312 6.109375 Z M 67.945312 6.109375 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 105.941406 5.769531 C 105.960938 5.777344 105.976562 5.785156 105.996094 5.792969 C 106.1875 5.867188 106.351562 5.964844 106.535156 6.0625 C 106.511719 6.539062 106.488281 7.015625 106.464844 7.507812 C 106.164062 7.507812 105.863281 7.507812 105.550781 7.507812 C 105.445312 7.101562 105.445312 7.101562 105.410156 6.941406 C 105.40625 6.925781 105.402344 6.910156 105.398438 6.890625 C 105.386719 6.839844 105.375 6.789062 105.367188 6.738281 C 105.359375 6.703125 105.351562 6.667969 105.34375 6.632812 C 105.324219 6.546875 105.304688 6.460938 105.289062 6.375 C 105.234375 6.359375 105.183594 6.34375 105.128906 6.328125 C 105.097656 6.320312 105.070312 6.3125 105.039062 6.304688 C 104.859375 6.253906 104.6875 6.25 104.503906 6.25 C 104.464844 6.25 104.464844 6.25 104.421875 6.25 C 104.136719 6.246094 103.90625 6.3125 103.664062 6.464844 C 103.507812 6.621094 103.417969 6.816406 103.414062 7.042969 C 103.425781 7.25 103.492188 7.433594 103.632812 7.585938 C 103.976562 7.886719 104.484375 8.003906 104.910156 8.132812 C 105.628906 8.351562 106.285156 8.667969 106.667969 9.355469 C 106.878906 9.800781 106.9375 10.371094 106.785156 10.84375 C 106.554688 11.417969 106.144531 11.8125 105.585938 12.070312 C 104.601562 12.488281 103.335938 12.402344 102.359375 12.007812 C 102.203125 11.9375 102.046875 11.859375 101.902344 11.765625 C 101.894531 11.699219 101.894531 11.699219 101.894531 11.617188 C 101.894531 11.585938 101.894531 11.554688 101.890625 11.523438 C 101.890625 11.488281 101.890625 11.453125 101.890625 11.417969 C 101.890625 11.382812 101.890625 11.347656 101.890625 11.3125 C 101.890625 11.222656 101.886719 11.128906 101.886719 11.039062 C 101.886719 10.925781 101.886719 10.816406 101.882812 10.707031 C 101.882812 10.539062 101.882812 10.371094 101.878906 10.203125 C 102.1875 10.203125 102.496094 10.203125 102.816406 10.203125 C 102.871094 10.363281 102.871094 10.363281 102.886719 10.449219 C 102.890625 10.46875 102.894531 10.488281 102.898438 10.507812 C 102.902344 10.527344 102.90625 10.546875 102.910156 10.566406 C 102.914062 10.585938 102.917969 10.609375 102.921875 10.628906 C 102.933594 10.671875 102.941406 10.71875 102.949219 10.761719 C 102.964844 10.828125 102.976562 10.894531 102.988281 10.960938 C 103 11.003906 103.007812 11.046875 103.015625 11.089844 C 103.019531 11.109375 103.023438 11.132812 103.027344 11.152344 C 103.046875 11.246094 103.0625 11.332031 103.054688 11.429688 C 103.699219 11.59375 104.421875 11.726562 105.03125 11.386719 C 105.21875 11.265625 105.316406 11.125 105.375 10.914062 C 105.402344 10.691406 105.378906 10.496094 105.273438 10.292969 C 104.921875 9.867188 104.363281 9.730469 103.859375 9.5625 C 103.1875 9.339844 102.511719 9.058594 102.167969 8.398438 C 101.949219 7.929688 101.9375 7.414062 102.097656 6.929688 C 102.101562 6.90625 102.109375 6.886719 102.117188 6.863281 C 102.269531 6.417969 102.628906 6.066406 103.03125 5.847656 C 103.054688 5.832031 103.078125 5.820312 103.101562 5.808594 C 103.382812 5.65625 103.699219 5.574219 104.015625 5.535156 C 104.035156 5.53125 104.054688 5.527344 104.074219 5.527344 C 104.714844 5.449219 105.34375 5.535156 105.941406 5.769531 Z M 105.941406 5.769531 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 59.953125 3.921875 C 60.316406 3.921875 60.679688 3.921875 61.054688 3.921875 C 61.058594 4.292969 61.054688 4.667969 61.046875 5.039062 C 61.042969 5.066406 61.042969 5.066406 61.042969 5.09375 C 61.042969 5.144531 61.042969 5.195312 61.039062 5.246094 C 61.039062 5.277344 61.039062 5.304688 61.035156 5.335938 C 61.03125 5.472656 61.019531 5.613281 61.007812 5.75 C 61.53125 5.75 62.054688 5.75 62.59375 5.75 C 62.59375 6.035156 62.59375 6.320312 62.59375 6.617188 C 62.0625 6.617188 61.53125 6.617188 60.984375 6.617188 C 60.984375 7.128906 60.988281 7.644531 60.988281 8.160156 C 60.992188 8.398438 60.992188 8.636719 60.992188 8.875 C 60.992188 9.082031 60.992188 9.292969 60.996094 9.5 C 60.996094 9.609375 60.996094 9.71875 60.996094 9.832031 C 60.996094 9.933594 60.996094 10.039062 60.996094 10.140625 C 60.996094 10.179688 60.996094 10.21875 60.996094 10.253906 C 60.992188 10.765625 60.992188 10.765625 61.199219 11.210938 C 61.34375 11.347656 61.507812 11.40625 61.703125 11.40625 C 61.941406 11.371094 62.144531 11.289062 62.355469 11.175781 C 62.457031 11.125 62.457031 11.125 62.519531 11.117188 C 62.558594 11.140625 62.558594 11.140625 62.597656 11.183594 C 62.613281 11.195312 62.625 11.210938 62.640625 11.226562 C 62.652344 11.238281 62.667969 11.253906 62.683594 11.269531 C 62.695312 11.285156 62.710938 11.300781 62.726562 11.316406 C 62.761719 11.351562 62.796875 11.390625 62.832031 11.429688 C 62.785156 11.5625 62.707031 11.65625 62.617188 11.765625 C 62.605469 11.78125 62.59375 11.792969 62.578125 11.808594 C 62.375 12.03125 62.085938 12.183594 61.800781 12.269531 C 61.777344 12.277344 61.75 12.285156 61.726562 12.292969 C 61.511719 12.347656 61.296875 12.351562 61.078125 12.351562 C 61.046875 12.351562 61.019531 12.351562 60.988281 12.351562 C 60.523438 12.351562 60.085938 12.210938 59.730469 11.898438 C 59.542969 11.699219 59.425781 11.40625 59.375 11.140625 C 59.371094 11.117188 59.367188 11.097656 59.363281 11.074219 C 59.351562 10.988281 59.347656 10.902344 59.347656 10.8125 C 59.347656 10.792969 59.347656 10.777344 59.347656 10.757812 C 59.347656 10.695312 59.347656 10.636719 59.347656 10.578125 C 59.347656 10.535156 59.347656 10.492188 59.347656 10.449219 C 59.347656 10.332031 59.347656 10.214844 59.347656 10.097656 C 59.351562 9.972656 59.351562 9.851562 59.351562 9.730469 C 59.351562 9.496094 59.351562 9.265625 59.351562 9.035156 C 59.351562 8.769531 59.351562 8.507812 59.351562 8.242188 C 59.351562 7.703125 59.351562 7.160156 59.351562 6.617188 C 59.035156 6.617188 58.71875 6.617188 58.390625 6.617188 C 58.390625 6.371094 58.390625 6.125 58.390625 5.871094 C 58.914062 5.800781 58.914062 5.800781 59.449219 5.726562 C 59.480469 5.601562 59.515625 5.476562 59.550781 5.351562 C 59.574219 5.269531 59.59375 5.191406 59.617188 5.113281 C 59.652344 4.988281 59.6875 4.863281 59.722656 4.738281 C 59.75 4.640625 59.777344 4.539062 59.804688 4.4375 C 59.816406 4.398438 59.824219 4.359375 59.835938 4.324219 C 59.851562 4.269531 59.867188 4.214844 59.882812 4.160156 C 59.886719 4.144531 59.890625 4.128906 59.894531 4.113281 C 59.914062 4.046875 59.929688 3.984375 59.953125 3.921875 Z M 59.953125 3.921875 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 93.351562 5.554688 C 93.40625 5.59375 93.429688 5.617188 93.445312 5.679688 C 93.449219 5.75 93.445312 5.8125 93.441406 5.878906 C 93.441406 5.90625 93.441406 5.929688 93.441406 5.957031 C 93.4375 6.015625 93.4375 6.070312 93.433594 6.128906 C 93.429688 6.273438 93.425781 6.417969 93.421875 6.5625 C 93.417969 6.617188 93.417969 6.671875 93.417969 6.726562 C 93.402344 7.175781 93.40625 7.625 93.40625 8.074219 C 93.40625 8.195312 93.40625 8.3125 93.40625 8.429688 C 93.40625 8.644531 93.40625 8.859375 93.40625 9.074219 C 93.40625 9.320312 93.40625 9.570312 93.40625 9.816406 C 93.40625 10.320312 93.40625 10.828125 93.40625 11.332031 C 93.425781 11.335938 93.449219 11.339844 93.46875 11.34375 C 93.542969 11.355469 93.613281 11.371094 93.6875 11.382812 C 93.734375 11.390625 93.785156 11.398438 93.832031 11.40625 C 93.859375 11.414062 93.890625 11.417969 93.921875 11.425781 C 93.949219 11.429688 93.976562 11.433594 94.003906 11.4375 C 94.070312 11.449219 94.136719 11.464844 94.199219 11.476562 C 94.199219 11.675781 94.199219 11.875 94.199219 12.078125 C 93.105469 12.078125 92.015625 12.078125 90.886719 12.078125 C 90.886719 11.878906 90.886719 11.679688 90.886719 11.476562 C 90.988281 11.457031 91.085938 11.433594 91.1875 11.414062 C 91.222656 11.40625 91.253906 11.402344 91.289062 11.394531 C 91.339844 11.382812 91.386719 11.375 91.4375 11.363281 C 91.480469 11.355469 91.480469 11.355469 91.527344 11.34375 C 91.601562 11.332031 91.675781 11.332031 91.753906 11.332031 C 91.753906 10.894531 91.753906 10.457031 91.753906 10.023438 C 91.753906 9.820312 91.753906 9.617188 91.753906 9.414062 C 91.753906 9.234375 91.753906 9.058594 91.753906 8.882812 C 91.753906 8.789062 91.753906 8.695312 91.753906 8.601562 C 91.753906 8.066406 91.746094 7.535156 91.726562 7 C 91.683594 6.996094 91.683594 6.996094 91.636719 6.988281 C 91.539062 6.976562 91.4375 6.964844 91.339844 6.953125 C 91.296875 6.945312 91.25 6.941406 91.207031 6.933594 C 91.144531 6.925781 91.082031 6.917969 91.019531 6.910156 C 90.988281 6.90625 90.988281 6.90625 90.957031 6.902344 C 90.820312 6.882812 90.820312 6.882812 90.792969 6.855469 C 90.789062 6.816406 90.789062 6.777344 90.789062 6.738281 C 90.789062 6.714844 90.789062 6.691406 90.789062 6.667969 C 90.789062 6.640625 90.789062 6.617188 90.789062 6.589844 C 90.789062 6.566406 90.789062 6.539062 90.789062 6.515625 C 90.792969 6.453125 90.792969 6.390625 90.792969 6.328125 C 90.96875 6.253906 91.148438 6.1875 91.328125 6.125 C 91.355469 6.117188 91.382812 6.105469 91.414062 6.097656 C 91.503906 6.066406 91.59375 6.03125 91.683594 6 C 91.808594 5.957031 91.929688 5.914062 92.054688 5.871094 C 92.070312 5.867188 92.085938 5.859375 92.101562 5.855469 C 92.285156 5.792969 92.46875 5.726562 92.652344 5.660156 C 92.667969 5.652344 92.6875 5.644531 92.703125 5.640625 C 92.78125 5.609375 92.859375 5.582031 92.9375 5.554688 C 92.976562 5.539062 92.976562 5.539062 93.019531 5.523438 C 93.050781 5.511719 93.050781 5.511719 93.082031 5.5 C 93.1875 5.476562 93.261719 5.503906 93.351562 5.554688 Z M 93.351562 5.554688 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 42.214844 5.652344 C 42.214844 7.542969 42.214844 9.433594 42.214844 11.378906 C 42.535156 11.441406 42.535156 11.441406 42.863281 11.5 C 42.917969 11.515625 42.976562 11.53125 43.03125 11.550781 C 43.03125 11.738281 43.03125 11.929688 43.03125 12.125 C 41.929688 12.125 40.832031 12.125 39.695312 12.125 C 39.695312 11.9375 39.695312 11.746094 39.695312 11.550781 C 39.875 11.5 40.054688 11.460938 40.234375 11.425781 C 40.265625 11.417969 40.265625 11.417969 40.296875 11.410156 C 40.316406 11.40625 40.335938 11.402344 40.355469 11.398438 C 40.375 11.394531 40.394531 11.390625 40.410156 11.386719 C 40.46875 11.378906 40.523438 11.378906 40.585938 11.378906 C 40.582031 10.886719 40.578125 10.390625 40.574219 9.898438 C 40.574219 9.667969 40.574219 9.4375 40.570312 9.207031 C 40.570312 9.007812 40.570312 8.808594 40.570312 8.605469 C 40.566406 8.5 40.566406 8.394531 40.566406 8.289062 C 40.566406 8.191406 40.566406 8.089844 40.566406 7.988281 C 40.566406 7.953125 40.566406 7.917969 40.566406 7.878906 C 40.5625 7.683594 40.558594 7.488281 40.550781 7.292969 C 40.546875 7.273438 40.546875 7.253906 40.546875 7.234375 C 40.542969 7.140625 40.542969 7.140625 40.511719 7.050781 C 40.445312 7.035156 40.378906 7.027344 40.308594 7.019531 C 40.289062 7.015625 40.269531 7.011719 40.25 7.011719 C 40.183594 7.003906 40.121094 6.996094 40.054688 6.988281 C 40.011719 6.980469 39.96875 6.976562 39.921875 6.96875 C 39.816406 6.957031 39.707031 6.941406 39.601562 6.929688 C 39.601562 6.746094 39.601562 6.5625 39.601562 6.375 C 39.964844 6.242188 40.328125 6.109375 40.695312 5.980469 C 40.777344 5.953125 40.859375 5.921875 40.945312 5.894531 C 41 5.875 41.054688 5.855469 41.109375 5.835938 C 41.246094 5.789062 41.386719 5.738281 41.523438 5.6875 C 41.550781 5.675781 41.578125 5.667969 41.605469 5.65625 C 41.660156 5.636719 41.710938 5.617188 41.761719 5.597656 C 41.785156 5.589844 41.808594 5.578125 41.835938 5.570312 C 41.863281 5.558594 41.863281 5.558594 41.894531 5.546875 C 42.027344 5.515625 42.09375 5.585938 42.214844 5.652344 Z M 42.214844 5.652344 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.640625 9.261719 C 8.972656 9.519531 9.191406 9.859375 9.277344 10.273438 C 9.328125 10.675781 9.265625 11.089844 9.019531 11.421875 C 8.734375 11.769531 8.371094 12.007812 7.917969 12.058594 C 7.476562 12.09375 7.078125 11.957031 6.742188 11.667969 C 6.71875 11.648438 6.71875 11.648438 6.695312 11.628906 C 6.421875 11.378906 6.261719 10.992188 6.234375 10.628906 C 6.226562 10.179688 6.355469 9.789062 6.664062 9.457031 C 7.191406 8.921875 8.019531 8.84375 8.640625 9.261719 Z M 8.640625 9.261719 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.855469 4.089844 C 2.941406 4.15625 3.019531 4.230469 3.097656 4.308594 C 3.113281 4.324219 3.128906 4.339844 3.148438 4.359375 C 3.414062 4.640625 3.542969 5.027344 3.539062 5.410156 C 3.519531 5.851562 3.332031 6.21875 3.015625 6.527344 C 2.707031 6.792969 2.304688 6.921875 1.898438 6.898438 C 1.578125 6.871094 1.308594 6.769531 1.054688 6.570312 C 1.03125 6.546875 1.03125 6.546875 1.003906 6.527344 C 0.699219 6.277344 0.527344 5.898438 0.484375 5.511719 C 0.453125 5.121094 0.558594 4.730469 0.804688 4.425781 C 1.003906 4.191406 1.226562 4.03125 1.511719 3.921875 C 1.53125 3.914062 1.550781 3.90625 1.570312 3.898438 C 1.988281 3.757812 2.496094 3.84375 2.855469 4.089844 Z M 2.855469 4.089844 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.960938 11.683594 C 3.269531 11.949219 3.492188 12.316406 3.53125 12.726562 C 3.558594 13.152344 3.449219 13.550781 3.171875 13.878906 C 2.875 14.203125 2.519531 14.375 2.082031 14.417969 C 1.671875 14.433594 1.28125 14.28125 0.972656 14.011719 C 0.660156 13.714844 0.488281 13.324219 0.476562 12.890625 C 0.480469 12.53125 0.59375 12.214844 0.816406 11.933594 C 0.828125 11.917969 0.839844 11.902344 0.851562 11.882812 C 1.078125 11.597656 1.433594 11.421875 1.785156 11.363281 C 2.207031 11.316406 2.628906 11.417969 2.960938 11.683594 Z M 2.960938 11.683594 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.449219 4.167969 C 14.507812 4.222656 14.5625 4.273438 14.617188 4.332031 C 14.628906 4.34375 14.640625 4.355469 14.65625 4.367188 C 14.914062 4.632812 15.015625 5.023438 15.03125 5.378906 C 15.019531 5.734375 14.902344 6.046875 14.6875 6.328125 C 14.675781 6.34375 14.664062 6.359375 14.652344 6.378906 C 14.410156 6.679688 14.042969 6.851562 13.664062 6.898438 C 13.242188 6.925781 12.84375 6.816406 12.523438 6.535156 C 12.484375 6.5 12.445312 6.460938 12.40625 6.425781 C 12.394531 6.410156 12.378906 6.394531 12.363281 6.378906 C 12.085938 6.089844 11.988281 5.707031 11.992188 5.316406 C 12.003906 4.914062 12.167969 4.53125 12.457031 4.25 C 13.023438 3.75 13.847656 3.714844 14.449219 4.167969 Z M 14.449219 4.167969 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 42.046875 2.648438 C 42.253906 2.816406 42.375 3.03125 42.40625 3.296875 C 42.433594 3.558594 42.351562 3.808594 42.191406 4.019531 C 42.007812 4.214844 41.785156 4.351562 41.507812 4.363281 C 41.46875 4.363281 41.429688 4.363281 41.390625 4.363281 C 41.371094 4.363281 41.351562 4.363281 41.332031 4.363281 C 41.058594 4.355469 40.832031 4.273438 40.625 4.089844 C 40.476562 3.933594 40.359375 3.734375 40.34375 3.511719 C 40.34375 3.496094 40.339844 3.480469 40.339844 3.460938 C 40.328125 3.230469 40.390625 2.992188 40.542969 2.8125 C 40.554688 2.796875 40.570312 2.78125 40.585938 2.765625 C 40.597656 2.75 40.613281 2.734375 40.632812 2.714844 C 41.019531 2.339844 41.621094 2.332031 42.046875 2.648438 Z M 42.046875 2.648438 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(10.196079%,11.372549%,14.117648%);fill-opacity:1;",
+              "d": "M 93.210938 2.566406 C 93.453125 2.757812 93.570312 2.96875 93.609375 3.273438 C 93.621094 3.53125 93.550781 3.773438 93.378906 3.972656 C 93.367188 3.988281 93.351562 4.003906 93.335938 4.019531 C 93.316406 4.039062 93.316406 4.039062 93.296875 4.058594 C 93.066406 4.28125 92.78125 4.316406 92.476562 4.3125 C 92.355469 4.308594 92.25 4.285156 92.136719 4.234375 C 92.117188 4.226562 92.101562 4.21875 92.082031 4.210938 C 91.871094 4.105469 91.703125 3.9375 91.605469 3.722656 C 91.515625 3.449219 91.515625 3.171875 91.632812 2.90625 C 91.773438 2.652344 92 2.484375 92.277344 2.402344 C 92.605469 2.324219 92.933594 2.375 93.210938 2.566406 Z M 93.210938 2.566406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.320312 5.960938 C 8.539062 6.117188 8.664062 6.320312 8.726562 6.582031 C 8.769531 6.839844 8.710938 7.089844 8.574219 7.3125 C 8.410156 7.535156 8.207031 7.65625 7.945312 7.722656 C 7.621094 7.753906 7.355469 7.6875 7.105469 7.484375 C 6.921875 7.3125 6.8125 7.078125 6.792969 6.832031 C 6.789062 6.535156 6.871094 6.28125 7.078125 6.0625 C 7.4375 5.738281 7.914062 5.710938 8.320312 5.960938 Z M 8.320312 5.960938 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.431373%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.09375 0.820312 C 14.289062 0.96875 14.421875 1.179688 14.472656 1.417969 C 14.5 1.714844 14.464844 1.980469 14.273438 2.214844 C 14.082031 2.421875 13.890625 2.558594 13.605469 2.582031 C 13.320312 2.585938 13.078125 2.535156 12.863281 2.332031 C 12.660156 2.128906 12.550781 1.910156 12.542969 1.621094 C 12.546875 1.332031 12.644531 1.117188 12.839844 0.910156 C 13.199219 0.574219 13.6875 0.5625 14.09375 0.820312 Z M 14.09375 0.820312 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.574219 0.808594 C 2.769531 0.972656 2.925781 1.164062 2.976562 1.417969 C 2.996094 1.71875 2.972656 1.976562 2.777344 2.214844 C 2.585938 2.421875 2.394531 2.558594 2.109375 2.582031 C 1.824219 2.585938 1.582031 2.53125 1.367188 2.332031 C 1.226562 2.195312 1.136719 2.066406 1.078125 1.875 C 1.074219 1.863281 1.070312 1.847656 1.066406 1.832031 C 1.015625 1.570312 1.054688 1.3125 1.195312 1.089844 C 1.515625 0.644531 2.101562 0.484375 2.574219 0.808594 Z M 2.574219 0.808594 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 2.550781 8.316406 C 2.582031 8.34375 2.609375 8.371094 2.640625 8.398438 C 2.65625 8.414062 2.671875 8.429688 2.691406 8.445312 C 2.878906 8.640625 2.960938 8.847656 2.964844 9.121094 C 2.960938 9.398438 2.882812 9.613281 2.6875 9.816406 C 2.5 9.996094 2.257812 10.109375 1.992188 10.105469 C 1.695312 10.085938 1.449219 9.972656 1.246094 9.753906 C 1.074219 9.535156 1.003906 9.277344 1.03125 9 C 1.089844 8.710938 1.214844 8.484375 1.453125 8.3125 C 1.789062 8.105469 2.222656 8.085938 2.550781 8.316406 Z M 2.550781 8.316406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.058594 8.34375 C 14.269531 8.496094 14.425781 8.714844 14.472656 8.972656 C 14.496094 9.300781 14.441406 9.542969 14.238281 9.804688 C 14.148438 9.90625 14.042969 9.972656 13.921875 10.03125 C 13.894531 10.046875 13.894531 10.046875 13.867188 10.058594 C 13.660156 10.144531 13.386719 10.136719 13.175781 10.066406 C 12.929688 9.960938 12.714844 9.769531 12.613281 9.519531 C 12.601562 9.484375 12.585938 9.445312 12.574219 9.40625 C 12.570312 9.390625 12.566406 9.378906 12.5625 9.363281 C 12.511719 9.109375 12.550781 8.855469 12.679688 8.632812 C 12.824219 8.421875 13.003906 8.277344 13.246094 8.203125 C 13.261719 8.199219 13.277344 8.195312 13.292969 8.191406 C 13.570312 8.136719 13.820312 8.195312 14.058594 8.34375 Z M 14.058594 8.34375 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.375 13.523438 C 8.605469 13.730469 8.71875 13.984375 8.742188 14.289062 C 8.734375 14.554688 8.621094 14.789062 8.445312 14.984375 C 8.25 15.164062 7.996094 15.25 7.734375 15.253906 C 7.46875 15.242188 7.25 15.136719 7.0625 14.953125 C 6.863281 14.730469 6.789062 14.488281 6.792969 14.195312 C 6.832031 13.894531 6.964844 13.664062 7.199219 13.472656 C 7.582031 13.230469 8.015625 13.25 8.375 13.523438 Z M 8.375 13.523438 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 14.027344 12.066406 C 14.25 12.234375 14.421875 12.449219 14.472656 12.726562 C 14.492188 13.019531 14.464844 13.269531 14.273438 13.5 C 14.089844 13.699219 13.886719 13.84375 13.609375 13.863281 C 13.3125 13.867188 13.058594 13.800781 12.832031 13.589844 C 12.730469 13.480469 12.65625 13.371094 12.601562 13.234375 C 12.589844 13.207031 12.582031 13.183594 12.570312 13.15625 C 12.519531 12.886719 12.539062 12.625 12.679688 12.386719 C 12.984375 11.945312 13.558594 11.765625 14.027344 12.066406 Z M 14.027344 12.066406 "
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "style": " stroke:none;fill-rule:nonzero;fill:rgb(98.823529%,73.725492%,19.607843%);fill-opacity:1;",
+              "d": "M 8.269531 2.203125 C 8.492188 2.371094 8.652344 2.574219 8.703125 2.855469 C 8.738281 3.113281 8.695312 3.371094 8.535156 3.582031 C 8.355469 3.796875 8.136719 3.949219 7.851562 3.976562 C 7.539062 3.988281 7.289062 3.894531 7.054688 3.679688 C 6.851562 3.449219 6.796875 3.222656 6.808594 2.914062 C 6.824219 2.671875 6.929688 2.480469 7.105469 2.308594 C 7.445312 2.039062 7.886719 1.964844 8.269531 2.203125 Z M 8.269531 2.203125 "
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "WeaveIconBig"
 }
diff --git a/web/app/components/base/icons/src/public/tracing/WeaveIconBig.tsx b/web/app/components/base/icons/src/public/tracing/WeaveIconBig.tsx
index ea2b4f11b4..4774cdea31 100644
--- a/web/app/components/base/icons/src/public/tracing/WeaveIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/WeaveIconBig.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './WeaveIconBig.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './WeaveIconBig.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/public/tracing/index.ts b/web/app/components/base/icons/src/public/tracing/index.ts
index ca92270c95..ba382688a7 100644
--- a/web/app/components/base/icons/src/public/tracing/index.ts
+++ b/web/app/components/base/icons/src/public/tracing/index.ts
@@ -1,21 +1,21 @@
-export { default as AliyunIconBig } from './AliyunIconBig'
 export { default as AliyunIcon } from './AliyunIcon'
-export { default as ArizeIconBig } from './ArizeIconBig'
+export { default as AliyunIconBig } from './AliyunIconBig'
 export { default as ArizeIcon } from './ArizeIcon'
-export { default as DatabricksIconBig } from './DatabricksIconBig'
+export { default as ArizeIconBig } from './ArizeIconBig'
 export { default as DatabricksIcon } from './DatabricksIcon'
-export { default as LangfuseIconBig } from './LangfuseIconBig'
+export { default as DatabricksIconBig } from './DatabricksIconBig'
 export { default as LangfuseIcon } from './LangfuseIcon'
-export { default as LangsmithIconBig } from './LangsmithIconBig'
+export { default as LangfuseIconBig } from './LangfuseIconBig'
 export { default as LangsmithIcon } from './LangsmithIcon'
-export { default as MlflowIconBig } from './MlflowIconBig'
+export { default as LangsmithIconBig } from './LangsmithIconBig'
 export { default as MlflowIcon } from './MlflowIcon'
-export { default as OpikIconBig } from './OpikIconBig'
+export { default as MlflowIconBig } from './MlflowIconBig'
 export { default as OpikIcon } from './OpikIcon'
-export { default as TencentIconBig } from './TencentIconBig'
-export { default as TencentIcon } from './TencentIcon'
-export { default as PhoenixIconBig } from './PhoenixIconBig'
+export { default as OpikIconBig } from './OpikIconBig'
 export { default as PhoenixIcon } from './PhoenixIcon'
+export { default as PhoenixIconBig } from './PhoenixIconBig'
+export { default as TencentIcon } from './TencentIcon'
+export { default as TencentIconBig } from './TencentIconBig'
 export { default as TracingIcon } from './TracingIcon'
-export { default as WeaveIconBig } from './WeaveIconBig'
 export { default as WeaveIcon } from './WeaveIcon'
+export { default as WeaveIconBig } from './WeaveIconBig'
diff --git a/web/app/components/base/icons/src/vender/features/Citations.json b/web/app/components/base/icons/src/vender/features/Citations.json
index 24a77db601..403c08b3c5 100644
--- a/web/app/components/base/icons/src/vender/features/Citations.json
+++ b/web/app/components/base/icons/src/vender/features/Citations.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM7 11.9702V14.958H11.0356V11.2339H8.8125C8.78418 10.8185 8.85498 10.4173 9.0249 10.0303C9.35531 9.29395 10.002 8.77474 10.9648 8.47266V7C9.67155 7.25488 8.68506 7.79297 8.00537 8.61426C7.33512 9.43555 7 10.5542 7 11.9702ZM15.0391 10.0586C15.3695 9.29395 16.0114 8.7653 16.9648 8.47266V7C15.7093 7.25488 14.7323 7.78825 14.0337 8.6001C13.3446 9.41195 13 10.5353 13 11.9702V14.958H17.0356V11.2339H14.8125C14.7747 10.8563 14.8503 10.4645 15.0391 10.0586Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Citations"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM7 11.9702V14.958H11.0356V11.2339H8.8125C8.78418 10.8185 8.85498 10.4173 9.0249 10.0303C9.35531 9.29395 10.002 8.77474 10.9648 8.47266V7C9.67155 7.25488 8.68506 7.79297 8.00537 8.61426C7.33512 9.43555 7 10.5542 7 11.9702ZM15.0391 10.0586C15.3695 9.29395 16.0114 8.7653 16.9648 8.47266V7C15.7093 7.25488 14.7323 7.78825 14.0337 8.6001C13.3446 9.41195 13 10.5353 13 11.9702V14.958H17.0356V11.2339H14.8125C14.7747 10.8563 14.8503 10.4645 15.0391 10.0586Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Citations"
 }
diff --git a/web/app/components/base/icons/src/vender/features/Citations.tsx b/web/app/components/base/icons/src/vender/features/Citations.tsx
index 08a73bf99a..991aedf8e4 100644
--- a/web/app/components/base/icons/src/vender/features/Citations.tsx
+++ b/web/app/components/base/icons/src/vender/features/Citations.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Citations.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Citations.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/ContentModeration.json b/web/app/components/base/icons/src/vender/features/ContentModeration.json
index fc609e0434..a269d4414f 100644
--- a/web/app/components/base/icons/src/vender/features/ContentModeration.json
+++ b/web/app/components/base/icons/src/vender/features/ContentModeration.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M7.16146 3H16.8385C17.3657 2.99998 17.8205 2.99997 18.195 3.03057C18.5904 3.06287 18.9836 3.13419 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C20.8658 5.01641 20.9371 5.40963 20.9694 5.80497C21 6.17954 21 6.6343 21 7.16144V16.8386C21 17.3657 21 17.8205 20.9694 18.195C20.9371 18.5904 20.8658 18.9836 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.9836 20.8658 18.5904 20.9371 18.195 20.9694C17.8205 21 17.3657 21 16.8386 21H7.16144C6.6343 21 6.17954 21 5.80497 20.9694C5.40963 20.9371 5.01641 20.8658 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3.13419 18.9836 3.06287 18.5904 3.03057 18.195C2.99997 17.8205 2.99998 17.3657 3 16.8386V7.16145C2.99998 6.63432 2.99997 6.17954 3.03057 5.80497C3.06287 5.40963 3.13419 5.01641 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.01641 3.13419 5.40963 3.06287 5.80497 3.03057C6.17954 2.99997 6.63432 2.99998 7.16146 3ZM17 9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9V15C15 15.5523 15.4477 16 16 16C16.5523 16 17 15.5523 17 15V9ZM9 12C9 12.5523 8.55229 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55229 11 9 11.4477 9 12ZM12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ContentModeration"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M7.16146 3H16.8385C17.3657 2.99998 17.8205 2.99997 18.195 3.03057C18.5904 3.06287 18.9836 3.13419 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C20.8658 5.01641 20.9371 5.40963 20.9694 5.80497C21 6.17954 21 6.6343 21 7.16144V16.8386C21 17.3657 21 17.8205 20.9694 18.195C20.9371 18.5904 20.8658 18.9836 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.9836 20.8658 18.5904 20.9371 18.195 20.9694C17.8205 21 17.3657 21 16.8386 21H7.16144C6.6343 21 6.17954 21 5.80497 20.9694C5.40963 20.9371 5.01641 20.8658 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3.13419 18.9836 3.06287 18.5904 3.03057 18.195C2.99997 17.8205 2.99998 17.3657 3 16.8386V7.16145C2.99998 6.63432 2.99997 6.17954 3.03057 5.80497C3.06287 5.40963 3.13419 5.01641 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.01641 3.13419 5.40963 3.06287 5.80497 3.03057C6.17954 2.99997 6.63432 2.99998 7.16146 3ZM17 9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9V15C15 15.5523 15.4477 16 16 16C16.5523 16 17 15.5523 17 15V9ZM9 12C9 12.5523 8.55229 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55229 11 9 11.4477 9 12ZM12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ContentModeration"
 }
diff --git a/web/app/components/base/icons/src/vender/features/ContentModeration.tsx b/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
index e08262ad94..6975375acf 100644
--- a/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
+++ b/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ContentModeration.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ContentModeration.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/Document.json b/web/app/components/base/icons/src/vender/features/Document.json
index f0638eecf7..0669166421 100644
--- a/web/app/components/base/icons/src/vender/features/Document.json
+++ b/web/app/components/base/icons/src/vender/features/Document.json
@@ -1,23 +1,23 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"viewBox": "0 0 24 24",
-			"fill": "currentColor"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 6V10H11V6H7ZM7 12V14H17V12H7ZM7 16V18H17V16H7ZM13 7V9H17V7H13Z"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Document"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 24 24",
+      "fill": "currentColor"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 6V10H11V6H7ZM7 12V14H17V12H7ZM7 16V18H17V16H7ZM13 7V9H17V7H13Z"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Document"
 }
diff --git a/web/app/components/base/icons/src/vender/features/Document.tsx b/web/app/components/base/icons/src/vender/features/Document.tsx
index 448493bd5c..10c889f186 100644
--- a/web/app/components/base/icons/src/vender/features/Document.tsx
+++ b/web/app/components/base/icons/src/vender/features/Document.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Document.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Document.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/FolderUpload.json b/web/app/components/base/icons/src/vender/features/FolderUpload.json
index c113da043b..115cbbb1ae 100644
--- a/web/app/components/base/icons/src/vender/features/FolderUpload.json
+++ b/web/app/components/base/icons/src/vender/features/FolderUpload.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2 6C2 4.34315 3.34315 3 5 3H8.92963C9.93269 3 10.8694 3.5013 11.4258 4.3359L12.5352 6H19C20.6569 6 22 7.34315 22 9V17C22 18.6569 20.6569 20 19 20H13V15.4142L13.7929 16.2071C14.1834 16.5976 14.8166 16.5976 15.2071 16.2071C15.5976 15.8166 15.5976 15.1834 15.2071 14.7929L12.7071 12.2929C12.3166 11.9024 11.6834 11.9024 11.2929 12.2929L8.79289 14.7929C8.40237 15.1834 8.40237 15.8166 8.79289 16.2071C9.18342 16.5976 9.81658 16.5976 10.2071 16.2071L11 15.4142V20H5C3.34315 20 2 18.6569 2 17V6Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "FolderUpload"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2 6C2 4.34315 3.34315 3 5 3H8.92963C9.93269 3 10.8694 3.5013 11.4258 4.3359L12.5352 6H19C20.6569 6 22 7.34315 22 9V17C22 18.6569 20.6569 20 19 20H13V15.4142L13.7929 16.2071C14.1834 16.5976 14.8166 16.5976 15.2071 16.2071C15.5976 15.8166 15.5976 15.1834 15.2071 14.7929L12.7071 12.2929C12.3166 11.9024 11.6834 11.9024 11.2929 12.2929L8.79289 14.7929C8.40237 15.1834 8.40237 15.8166 8.79289 16.2071C9.18342 16.5976 9.81658 16.5976 10.2071 16.2071L11 15.4142V20H5C3.34315 20 2 18.6569 2 17V6Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "FolderUpload"
 }
diff --git a/web/app/components/base/icons/src/vender/features/FolderUpload.tsx b/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
index 9e34c438a8..1dbbc89962 100644
--- a/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
+++ b/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FolderUpload.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FolderUpload.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/LoveMessage.json b/web/app/components/base/icons/src/vender/features/LoveMessage.json
index 4874b94944..bb4cce32dd 100644
--- a/web/app/components/base/icons/src/vender/features/LoveMessage.json
+++ b/web/app/components/base/icons/src/vender/features/LoveMessage.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M22 11.3333C22 6.73833 17.5142 3 12 3C6.48583 3 2 6.73833 2 11.3333C2 15.9283 6.48583 19.6667 11.9825 19.6667C12.8404 19.6814 13.6965 19.5839 14.5292 19.3767L19.1858 21.2725C19.2857 21.3127 19.3924 21.3333 19.5 21.3333C19.6175 21.3334 19.7337 21.3086 19.8409 21.2606C19.9481 21.2126 20.044 21.1425 20.1222 21.0548C20.2004 20.9672 20.2592 20.8639 20.2948 20.7519C20.3303 20.64 20.3417 20.5217 20.3283 20.405L19.8742 16.4733C21.1944 15.0821 21.9518 13.2507 22 11.3333ZM15.3917 12.0533L12.0317 15.47C12.0231 15.4784 12.0116 15.4831 11.9996 15.4831C11.9876 15.4831 11.9761 15.4784 11.9675 15.47L8.60917 12.0533C8.18149 11.6398 7.91983 11.0841 7.87347 10.491C7.82712 9.89789 7.99927 9.30831 8.3575 8.83333C8.57837 8.56064 8.85996 8.3434 9.17978 8.19896C9.49959 8.05451 9.84875 7.98687 10.1994 8.00145C10.55 8.01603 10.8923 8.11241 11.199 8.2829C11.5058 8.45339 11.7684 8.69325 11.9658 8.98333C11.9695 8.98883 11.9744 8.99335 11.9803 8.99647C11.9861 8.99959 11.9926 9.00122 11.9992 9.00122C12.0058 9.00122 12.0123 8.99959 12.0181 8.99647C12.0239 8.99335 12.0289 8.98883 12.0325 8.98333C12.23 8.69325 12.4926 8.45339 12.7993 8.2829C13.106 8.11241 13.4484 8.01603 13.799 8.00145C14.1496 7.98687 14.4987 8.05451 14.8186 8.19896C15.1384 8.3434 15.42 8.56064 15.6408 8.83333C15.9997 9.30788 16.1725 9.89736 16.1266 10.4906C16.0807 11.0838 15.8193 11.6397 15.3917 12.0533Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "LoveMessage"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M22 11.3333C22 6.73833 17.5142 3 12 3C6.48583 3 2 6.73833 2 11.3333C2 15.9283 6.48583 19.6667 11.9825 19.6667C12.8404 19.6814 13.6965 19.5839 14.5292 19.3767L19.1858 21.2725C19.2857 21.3127 19.3924 21.3333 19.5 21.3333C19.6175 21.3334 19.7337 21.3086 19.8409 21.2606C19.9481 21.2126 20.044 21.1425 20.1222 21.0548C20.2004 20.9672 20.2592 20.8639 20.2948 20.7519C20.3303 20.64 20.3417 20.5217 20.3283 20.405L19.8742 16.4733C21.1944 15.0821 21.9518 13.2507 22 11.3333ZM15.3917 12.0533L12.0317 15.47C12.0231 15.4784 12.0116 15.4831 11.9996 15.4831C11.9876 15.4831 11.9761 15.4784 11.9675 15.47L8.60917 12.0533C8.18149 11.6398 7.91983 11.0841 7.87347 10.491C7.82712 9.89789 7.99927 9.30831 8.3575 8.83333C8.57837 8.56064 8.85996 8.3434 9.17978 8.19896C9.49959 8.05451 9.84875 7.98687 10.1994 8.00145C10.55 8.01603 10.8923 8.11241 11.199 8.2829C11.5058 8.45339 11.7684 8.69325 11.9658 8.98333C11.9695 8.98883 11.9744 8.99335 11.9803 8.99647C11.9861 8.99959 11.9926 9.00122 11.9992 9.00122C12.0058 9.00122 12.0123 8.99959 12.0181 8.99647C12.0239 8.99335 12.0289 8.98883 12.0325 8.98333C12.23 8.69325 12.4926 8.45339 12.7993 8.2829C13.106 8.11241 13.4484 8.01603 13.799 8.00145C14.1496 7.98687 14.4987 8.05451 14.8186 8.19896C15.1384 8.3434 15.42 8.56064 15.6408 8.83333C15.9997 9.30788 16.1725 9.89736 16.1266 10.4906C16.0807 11.0838 15.8193 11.6397 15.3917 12.0533Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "LoveMessage"
 }
diff --git a/web/app/components/base/icons/src/vender/features/LoveMessage.tsx b/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
index 1a5b4b65a6..484d1fb008 100644
--- a/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
+++ b/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LoveMessage.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LoveMessage.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/MessageFast.json b/web/app/components/base/icons/src/vender/features/MessageFast.json
index b859b1f3f0..07a45c273f 100644
--- a/web/app/components/base/icons/src/vender/features/MessageFast.json
+++ b/web/app/components/base/icons/src/vender/features/MessageFast.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M16.2414 2H7.7588C6.95383 1.99999 6.28946 1.99998 5.74827 2.04419C5.18617 2.09012 4.66947 2.18868 4.18413 2.43598C3.43149 2.81947 2.81956 3.43139 2.43607 4.18404C2.18878 4.66937 2.09022 5.18608 2.04429 5.74818C2.00007 6.28937 2.00008 6.95373 2.0001 7.7587L2.00005 14.1376C1.99962 14.933 1.9993 15.5236 2.13639 16.0353C2.50626 17.4156 3.58445 18.4938 4.96482 18.8637C5.27229 18.9461 5.60829 18.9789 6.0001 18.9918L6.00009 20.371C6.00005 20.6062 6 20.846 6.01785 21.0425C6.03492 21.2305 6.08012 21.5852 6.32778 21.8955C6.61276 22.2525 7.0449 22.4602 7.50172 22.4597C7.8987 22.4593 8.20394 22.273 8.36137 22.1689C8.52597 22.06 8.7132 21.9102 8.89688 21.7632L11.31 19.8327C11.8286 19.4178 11.9826 19.3007 12.1425 19.219C12.303 19.137 12.4738 19.0771 12.6504 19.0408C12.8263 19.0047 13.0197 19 13.6838 19H16.2414C17.0464 19 17.7107 19 18.2519 18.9558C18.814 18.9099 19.3307 18.8113 19.8161 18.564C20.5687 18.1805 21.1806 17.5686 21.5641 16.816C21.8114 16.3306 21.91 15.8139 21.9559 15.2518C22.0001 14.7106 22.0001 14.0463 22.0001 13.2413V7.75868C22.0001 6.95372 22.0001 6.28936 21.9559 5.74818C21.91 5.18608 21.8114 4.66937 21.5641 4.18404C21.1806 3.43139 20.5687 2.81947 19.8161 2.43598C19.3307 2.18868 18.814 2.09012 18.2519 2.04419C17.7107 1.99998 17.0464 1.99999 16.2414 2ZM12.681 5.5349C12.8938 5.61898 13.0218 5.83714 12.9916 6.06386L12.5688 9.23501L14.48 9.23501C14.5899 9.23498 14.7038 9.23496 14.7979 9.24356C14.8905 9.25203 15.0589 9.27446 15.2095 9.39066C15.3851 9.52617 15.4913 9.73269 15.4996 9.95432C15.5066 10.1444 15.427 10.2945 15.38 10.3747C15.3324 10.4563 15.2661 10.549 15.2022 10.6384L11.9072 15.2514C11.7743 15.4375 11.5317 15.5092 11.319 15.4251C11.1063 15.341 10.9782 15.1229 11.0084 14.8961L11.4312 11.725L9.52004 11.725C9.41011 11.725 9.29618 11.725 9.20206 11.7164C9.10948 11.708 8.94106 11.6855 8.79051 11.5693C8.61493 11.4338 8.50866 11.2273 8.50044 11.0057C8.49339 10.8156 8.57303 10.6655 8.61996 10.5853C8.66766 10.5037 8.7339 10.411 8.79781 10.3216L12.0928 5.70858C12.2257 5.52246 12.4683 5.45083 12.681 5.5349Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "MessageFast"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M16.2414 2H7.7588C6.95383 1.99999 6.28946 1.99998 5.74827 2.04419C5.18617 2.09012 4.66947 2.18868 4.18413 2.43598C3.43149 2.81947 2.81956 3.43139 2.43607 4.18404C2.18878 4.66937 2.09022 5.18608 2.04429 5.74818C2.00007 6.28937 2.00008 6.95373 2.0001 7.7587L2.00005 14.1376C1.99962 14.933 1.9993 15.5236 2.13639 16.0353C2.50626 17.4156 3.58445 18.4938 4.96482 18.8637C5.27229 18.9461 5.60829 18.9789 6.0001 18.9918L6.00009 20.371C6.00005 20.6062 6 20.846 6.01785 21.0425C6.03492 21.2305 6.08012 21.5852 6.32778 21.8955C6.61276 22.2525 7.0449 22.4602 7.50172 22.4597C7.8987 22.4593 8.20394 22.273 8.36137 22.1689C8.52597 22.06 8.7132 21.9102 8.89688 21.7632L11.31 19.8327C11.8286 19.4178 11.9826 19.3007 12.1425 19.219C12.303 19.137 12.4738 19.0771 12.6504 19.0408C12.8263 19.0047 13.0197 19 13.6838 19H16.2414C17.0464 19 17.7107 19 18.2519 18.9558C18.814 18.9099 19.3307 18.8113 19.8161 18.564C20.5687 18.1805 21.1806 17.5686 21.5641 16.816C21.8114 16.3306 21.91 15.8139 21.9559 15.2518C22.0001 14.7106 22.0001 14.0463 22.0001 13.2413V7.75868C22.0001 6.95372 22.0001 6.28936 21.9559 5.74818C21.91 5.18608 21.8114 4.66937 21.5641 4.18404C21.1806 3.43139 20.5687 2.81947 19.8161 2.43598C19.3307 2.18868 18.814 2.09012 18.2519 2.04419C17.7107 1.99998 17.0464 1.99999 16.2414 2ZM12.681 5.5349C12.8938 5.61898 13.0218 5.83714 12.9916 6.06386L12.5688 9.23501L14.48 9.23501C14.5899 9.23498 14.7038 9.23496 14.7979 9.24356C14.8905 9.25203 15.0589 9.27446 15.2095 9.39066C15.3851 9.52617 15.4913 9.73269 15.4996 9.95432C15.5066 10.1444 15.427 10.2945 15.38 10.3747C15.3324 10.4563 15.2661 10.549 15.2022 10.6384L11.9072 15.2514C11.7743 15.4375 11.5317 15.5092 11.319 15.4251C11.1063 15.341 10.9782 15.1229 11.0084 14.8961L11.4312 11.725L9.52004 11.725C9.41011 11.725 9.29618 11.725 9.20206 11.7164C9.10948 11.708 8.94106 11.6855 8.79051 11.5693C8.61493 11.4338 8.50866 11.2273 8.50044 11.0057C8.49339 10.8156 8.57303 10.6655 8.61996 10.5853C8.66766 10.5037 8.7339 10.411 8.79781 10.3216L12.0928 5.70858C12.2257 5.52246 12.4683 5.45083 12.681 5.5349Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "MessageFast"
 }
diff --git a/web/app/components/base/icons/src/vender/features/MessageFast.tsx b/web/app/components/base/icons/src/vender/features/MessageFast.tsx
index efa7b15821..1f0374c2dc 100644
--- a/web/app/components/base/icons/src/vender/features/MessageFast.tsx
+++ b/web/app/components/base/icons/src/vender/features/MessageFast.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageFast.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageFast.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/Microphone01.json b/web/app/components/base/icons/src/vender/features/Microphone01.json
index 57545716cf..9d0d04c17c 100644
--- a/web/app/components/base/icons/src/vender/features/Microphone01.json
+++ b/web/app/components/base/icons/src/vender/features/Microphone01.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M12 1C9.79086 1 8 2.79086 8 5V12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V5C16 2.79086 14.2091 1 12 1Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6 10C6 9.44771 5.55228 9 5 9C4.44772 9 4 9.44771 4 10V12C4 16.0803 7.05466 19.4471 11.0019 19.9383C11.0006 19.9587 11 19.9793 11 20V21H8C7.44772 21 7 21.4477 7 22C7 22.5523 7.44772 23 8 23H16C16.5523 23 17 22.5523 17 22C17 21.4477 16.5523 21 16 21H13V20C13 19.9793 12.9994 19.9587 12.9981 19.9383C16.9453 19.4471 20 16.0803 20 12V10C20 9.44771 19.5523 9 19 9C18.4477 9 18 9.44771 18 10V12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12V10Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Microphone01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M12 1C9.79086 1 8 2.79086 8 5V12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V5C16 2.79086 14.2091 1 12 1Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6 10C6 9.44771 5.55228 9 5 9C4.44772 9 4 9.44771 4 10V12C4 16.0803 7.05466 19.4471 11.0019 19.9383C11.0006 19.9587 11 19.9793 11 20V21H8C7.44772 21 7 21.4477 7 22C7 22.5523 7.44772 23 8 23H16C16.5523 23 17 22.5523 17 22C17 21.4477 16.5523 21 16 21H13V20C13 19.9793 12.9994 19.9587 12.9981 19.9383C16.9453 19.4471 20 16.0803 20 12V10C20 9.44771 19.5523 9 19 9C18.4477 9 18 9.44771 18 10V12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12V10Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Microphone01"
 }
diff --git a/web/app/components/base/icons/src/vender/features/Microphone01.tsx b/web/app/components/base/icons/src/vender/features/Microphone01.tsx
index c76cc607e4..3c9dd52a67 100644
--- a/web/app/components/base/icons/src/vender/features/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/features/Microphone01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Microphone01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Microphone01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/TextToAudio.json b/web/app/components/base/icons/src/vender/features/TextToAudio.json
index 4369e0b6f1..dee2407110 100644
--- a/web/app/components/base/icons/src/vender/features/TextToAudio.json
+++ b/web/app/components/base/icons/src/vender/features/TextToAudio.json
@@ -1,77 +1,77 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M1 5.02263C1 3.90973 1.90219 3.00754 3.01509 3.00754H9.06035C10.1733 3.00754 11.0754 3.90973 11.0754 5.02263C11.0754 5.57908 10.6243 6.03017 10.0679 6.03017C9.51144 6.03017 9.06035 5.57908 9.06035 5.02263H7.04526V12.0754C7.60171 12.0754 8.0528 12.5265 8.0528 13.083C8.0528 13.6394 7.60171 14.0905 7.04526 14.0905H5.03017C4.47372 14.0905 4.02263 13.6394 4.02263 13.083C4.02263 12.5265 4.47372 12.0754 5.03017 12.0754V5.02263H3.01509C3.01509 5.57908 2.56399 6.03017 2.00754 6.03017C1.45109 6.03017 1 5.57908 1 5.02263Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.9883 2.15888C19.8823 1.94704 19.58 1.94704 19.4741 2.15888C18.8148 3.47752 18.6898 3.6025 17.3712 4.26182C17.1593 4.36774 17.1593 4.67004 17.3712 4.77596C18.6898 5.43528 18.8148 5.56026 19.4741 6.8789C19.58 7.09074 19.8823 7.09074 19.9883 6.8789C20.6476 5.56026 20.7726 5.43528 22.0912 4.77596C22.303 4.67004 22.303 4.36774 22.0912 4.26182C20.7726 3.6025 20.6476 3.47752 19.9883 2.15888Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.4561 4.17977C14.3463 3.96019 14.033 3.96019 13.9232 4.17977C13.4339 5.15833 13.3178 5.27443 12.3393 5.76371C12.1197 5.8735 12.1197 6.18685 12.3393 6.29664C13.3178 6.78592 13.4339 6.90202 13.9232 7.88058C14.033 8.10016 14.3463 8.10016 14.4561 7.88058C14.9454 6.90202 15.0615 6.78592 16.0401 6.29664C16.2596 6.18685 16.2596 5.8735 16.0401 5.76371C15.0615 5.27443 14.9454 5.15833 14.4561 4.17977Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.78347 16.2645C4.67755 16.0527 4.37525 16.0526 4.26933 16.2645C3.61002 17.5831 3.48505 17.7081 2.16642 18.3674C1.95458 18.4733 1.95458 18.7756 2.16642 18.8815C3.48505 19.5408 3.61002 19.6658 4.26933 20.9844C4.37525 21.1963 4.67755 21.1963 4.78347 20.9844C5.44278 19.6658 5.56776 19.5408 6.88638 18.8815C7.09822 18.7756 7.09822 18.4733 6.88638 18.3674C5.56776 17.7081 5.44278 17.5831 4.78347 16.2645Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M21.1611 12.97C21.4558 12.7644 21.8613 12.8367 22.0668 13.1313C22.655 13.9746 23 15.0008 23 16.1056C23 17.2105 22.655 18.2367 22.0668 19.0799C21.8613 19.3745 21.4558 19.4468 21.1611 19.2413C20.8664 19.0357 20.7942 18.6302 20.9997 18.3355C21.4405 17.7036 21.699 16.9358 21.699 16.1056C21.699 15.2755 21.4405 14.5076 20.9997 13.8757C20.7942 13.581 20.8664 13.1755 21.1611 12.97Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M18.2666 10.0664C18.578 10.0419 18.8823 10.1679 19.0852 10.4054C19.2668 10.6181 19.2957 10.8739 19.3067 10.9981C19.319 11.1373 19.319 11.3102 19.319 11.4861C19.319 11.4942 19.319 11.5022 19.319 11.5103L19.319 20.7312C19.319 20.9071 19.319 21.0799 19.3067 21.2191C19.2957 21.3433 19.2668 21.5991 19.0852 21.8118C18.8823 22.0493 18.578 22.1754 18.2666 22.1509C17.9878 22.1289 17.7865 21.9684 17.6909 21.8884C17.5838 21.7987 17.4615 21.6764 17.3372 21.552L15.2607 19.4756C15.2004 19.4153 15.1702 19.3853 15.1474 19.3645L15.1457 19.3629L15.1433 19.3628C15.1124 19.3614 15.0699 19.3612 14.9847 19.3612L13.8338 19.3612C13.6696 19.3613 13.5097 19.3613 13.3743 19.3502C13.2256 19.3381 13.0502 19.3094 12.8736 19.2194C12.6288 19.0947 12.4297 18.8957 12.305 18.6509C12.215 18.4743 12.1864 18.2988 12.1742 18.1501C12.1632 18.0147 12.1632 17.8548 12.1632 17.6906L12.1632 14.5474C12.1632 14.5404 12.1632 14.5335 12.1632 14.5266C12.1632 14.3624 12.1632 14.2025 12.1742 14.0671C12.1864 13.9184 12.215 13.743 12.305 13.5664C12.4297 13.3216 12.6288 13.1225 12.8736 12.9978C13.0502 12.9078 13.2256 12.8792 13.3743 12.867C13.5097 12.856 13.6696 12.856 13.8338 12.856C13.8407 12.856 13.8476 12.856 13.8546 12.856H14.9847C15.0699 12.856 15.1124 12.8558 15.1433 12.8544L15.1457 12.8543L15.1474 12.8528C15.1702 12.8319 15.2004 12.8019 15.2607 12.7417L17.32 10.6823C17.3258 10.6766 17.3315 10.6709 17.3372 10.6652C17.4615 10.5408 17.5838 10.4185 17.6909 10.3288C17.7865 10.2488 17.9878 10.0883 18.2666 10.0664Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "TextToAudio"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M1 5.02263C1 3.90973 1.90219 3.00754 3.01509 3.00754H9.06035C10.1733 3.00754 11.0754 3.90973 11.0754 5.02263C11.0754 5.57908 10.6243 6.03017 10.0679 6.03017C9.51144 6.03017 9.06035 5.57908 9.06035 5.02263H7.04526V12.0754C7.60171 12.0754 8.0528 12.5265 8.0528 13.083C8.0528 13.6394 7.60171 14.0905 7.04526 14.0905H5.03017C4.47372 14.0905 4.02263 13.6394 4.02263 13.083C4.02263 12.5265 4.47372 12.0754 5.03017 12.0754V5.02263H3.01509C3.01509 5.57908 2.56399 6.03017 2.00754 6.03017C1.45109 6.03017 1 5.57908 1 5.02263Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.9883 2.15888C19.8823 1.94704 19.58 1.94704 19.4741 2.15888C18.8148 3.47752 18.6898 3.6025 17.3712 4.26182C17.1593 4.36774 17.1593 4.67004 17.3712 4.77596C18.6898 5.43528 18.8148 5.56026 19.4741 6.8789C19.58 7.09074 19.8823 7.09074 19.9883 6.8789C20.6476 5.56026 20.7726 5.43528 22.0912 4.77596C22.303 4.67004 22.303 4.36774 22.0912 4.26182C20.7726 3.6025 20.6476 3.47752 19.9883 2.15888Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.4561 4.17977C14.3463 3.96019 14.033 3.96019 13.9232 4.17977C13.4339 5.15833 13.3178 5.27443 12.3393 5.76371C12.1197 5.8735 12.1197 6.18685 12.3393 6.29664C13.3178 6.78592 13.4339 6.90202 13.9232 7.88058C14.033 8.10016 14.3463 8.10016 14.4561 7.88058C14.9454 6.90202 15.0615 6.78592 16.0401 6.29664C16.2596 6.18685 16.2596 5.8735 16.0401 5.76371C15.0615 5.27443 14.9454 5.15833 14.4561 4.17977Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.78347 16.2645C4.67755 16.0527 4.37525 16.0526 4.26933 16.2645C3.61002 17.5831 3.48505 17.7081 2.16642 18.3674C1.95458 18.4733 1.95458 18.7756 2.16642 18.8815C3.48505 19.5408 3.61002 19.6658 4.26933 20.9844C4.37525 21.1963 4.67755 21.1963 4.78347 20.9844C5.44278 19.6658 5.56776 19.5408 6.88638 18.8815C7.09822 18.7756 7.09822 18.4733 6.88638 18.3674C5.56776 17.7081 5.44278 17.5831 4.78347 16.2645Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M21.1611 12.97C21.4558 12.7644 21.8613 12.8367 22.0668 13.1313C22.655 13.9746 23 15.0008 23 16.1056C23 17.2105 22.655 18.2367 22.0668 19.0799C21.8613 19.3745 21.4558 19.4468 21.1611 19.2413C20.8664 19.0357 20.7942 18.6302 20.9997 18.3355C21.4405 17.7036 21.699 16.9358 21.699 16.1056C21.699 15.2755 21.4405 14.5076 20.9997 13.8757C20.7942 13.581 20.8664 13.1755 21.1611 12.97Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M18.2666 10.0664C18.578 10.0419 18.8823 10.1679 19.0852 10.4054C19.2668 10.6181 19.2957 10.8739 19.3067 10.9981C19.319 11.1373 19.319 11.3102 19.319 11.4861C19.319 11.4942 19.319 11.5022 19.319 11.5103L19.319 20.7312C19.319 20.9071 19.319 21.0799 19.3067 21.2191C19.2957 21.3433 19.2668 21.5991 19.0852 21.8118C18.8823 22.0493 18.578 22.1754 18.2666 22.1509C17.9878 22.1289 17.7865 21.9684 17.6909 21.8884C17.5838 21.7987 17.4615 21.6764 17.3372 21.552L15.2607 19.4756C15.2004 19.4153 15.1702 19.3853 15.1474 19.3645L15.1457 19.3629L15.1433 19.3628C15.1124 19.3614 15.0699 19.3612 14.9847 19.3612L13.8338 19.3612C13.6696 19.3613 13.5097 19.3613 13.3743 19.3502C13.2256 19.3381 13.0502 19.3094 12.8736 19.2194C12.6288 19.0947 12.4297 18.8957 12.305 18.6509C12.215 18.4743 12.1864 18.2988 12.1742 18.1501C12.1632 18.0147 12.1632 17.8548 12.1632 17.6906L12.1632 14.5474C12.1632 14.5404 12.1632 14.5335 12.1632 14.5266C12.1632 14.3624 12.1632 14.2025 12.1742 14.0671C12.1864 13.9184 12.215 13.743 12.305 13.5664C12.4297 13.3216 12.6288 13.1225 12.8736 12.9978C13.0502 12.9078 13.2256 12.8792 13.3743 12.867C13.5097 12.856 13.6696 12.856 13.8338 12.856C13.8407 12.856 13.8476 12.856 13.8546 12.856H14.9847C15.0699 12.856 15.1124 12.8558 15.1433 12.8544L15.1457 12.8543L15.1474 12.8528C15.1702 12.8319 15.2004 12.8019 15.2607 12.7417L17.32 10.6823C17.3258 10.6766 17.3315 10.6709 17.3372 10.6652C17.4615 10.5408 17.5838 10.4185 17.6909 10.3288C17.7865 10.2488 17.9878 10.0883 18.2666 10.0664Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "TextToAudio"
 }
diff --git a/web/app/components/base/icons/src/vender/features/TextToAudio.tsx b/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
index 3394009594..bfcfa3031e 100644
--- a/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
+++ b/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TextToAudio.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TextToAudio.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/VirtualAssistant.json b/web/app/components/base/icons/src/vender/features/VirtualAssistant.json
index 3cbeba0ea5..60308d7b87 100644
--- a/web/app/components/base/icons/src/vender/features/VirtualAssistant.json
+++ b/web/app/components/base/icons/src/vender/features/VirtualAssistant.json
@@ -1,35 +1,35 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.1667 7.16667H18.6667V13C18.6667 13.663 18.4033 14.2989 17.9344 14.7678C17.4656 15.2366 16.8297 15.5 16.1667 15.5H11.5L8.5 18H14.095L17.9792 21.2367C18.0549 21.3004 18.151 21.3347 18.25 21.3333C18.311 21.3332 18.3713 21.3198 18.4267 21.2942C18.4984 21.2606 18.5591 21.2072 18.6016 21.1404C18.6441 21.0735 18.6667 20.9959 18.6667 20.9167V18H21.1667C21.3877 18 21.5996 17.9122 21.7559 17.7559C21.9122 17.5996 22 17.3877 22 17.1667V8C22 7.77899 21.9122 7.56703 21.7559 7.41074C21.5996 7.25446 21.3877 7.16667 21.1667 7.16667Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M16.1667 3H2.83333C2.61232 3 2.40036 3.0878 2.24408 3.24408C2.0878 3.40036 2 3.61232 2 3.83333V13C2 13.221 2.0878 13.433 2.24408 13.5893C2.40036 13.7455 2.61232 13.8333 2.83333 13.8333H5.33333V17.5833C5.33331 17.6626 5.35587 17.7402 5.39838 17.807C5.44089 17.8739 5.50158 17.9272 5.57333 17.9608C5.6287 17.9865 5.68897 17.9999 5.75 18C5.84753 18.0004 5.94204 17.9661 6.01667 17.9033L10.9008 13.8333H16.1667C16.3877 13.8333 16.5996 13.7455 16.7559 13.5893C16.9122 13.433 17 13.221 17 13V3.83333C17 3.61232 16.9122 3.40036 16.7559 3.24408C16.5996 3.0878 16.3877 3 16.1667 3Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "VirtualAssistant"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.1667 7.16667H18.6667V13C18.6667 13.663 18.4033 14.2989 17.9344 14.7678C17.4656 15.2366 16.8297 15.5 16.1667 15.5H11.5L8.5 18H14.095L17.9792 21.2367C18.0549 21.3004 18.151 21.3347 18.25 21.3333C18.311 21.3332 18.3713 21.3198 18.4267 21.2942C18.4984 21.2606 18.5591 21.2072 18.6016 21.1404C18.6441 21.0735 18.6667 20.9959 18.6667 20.9167V18H21.1667C21.3877 18 21.5996 17.9122 21.7559 17.7559C21.9122 17.5996 22 17.3877 22 17.1667V8C22 7.77899 21.9122 7.56703 21.7559 7.41074C21.5996 7.25446 21.3877 7.16667 21.1667 7.16667Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M16.1667 3H2.83333C2.61232 3 2.40036 3.0878 2.24408 3.24408C2.0878 3.40036 2 3.61232 2 3.83333V13C2 13.221 2.0878 13.433 2.24408 13.5893C2.40036 13.7455 2.61232 13.8333 2.83333 13.8333H5.33333V17.5833C5.33331 17.6626 5.35587 17.7402 5.39838 17.807C5.44089 17.8739 5.50158 17.9272 5.57333 17.9608C5.6287 17.9865 5.68897 17.9999 5.75 18C5.84753 18.0004 5.94204 17.9661 6.01667 17.9033L10.9008 13.8333H16.1667C16.3877 13.8333 16.5996 13.7455 16.7559 13.5893C16.9122 13.433 17 13.221 17 13V3.83333C17 3.61232 16.9122 3.40036 16.7559 3.24408C16.5996 3.0878 16.3877 3 16.1667 3Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "VirtualAssistant"
 }
diff --git a/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx b/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
index 532fe6d02e..0e1486906a 100644
--- a/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
+++ b/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './VirtualAssistant.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './VirtualAssistant.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/features/Vision.json b/web/app/components/base/icons/src/vender/features/Vision.json
index 6d60e32a29..af25b57f19 100644
--- a/web/app/components/base/icons/src/vender/features/Vision.json
+++ b/web/app/components/base/icons/src/vender/features/Vision.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M22.357 10.5831C19.7908 6.27233 15.952 3.99997 12.0002 4C8.04853 4.00003 4.20967 6.27243 1.64354 10.5832C1.12403 11.4559 1.12403 12.5442 1.64354 13.4169C4.20968 17.7277 8.04854 20 12.0003 20C15.952 20 19.7908 17.7276 22.357 13.4168C22.8765 12.5441 22.8765 11.4558 22.357 10.5831ZM11.5528 8.89443L10.7412 10.5176C10.6928 10.6144 10.6144 10.6928 10.5176 10.7412L8.89443 11.5528C8.5259 11.737 8.5259 12.263 8.89443 12.4472L10.5176 13.2588C10.6144 13.3072 10.6928 13.3856 10.7412 13.4824L11.5528 15.1056C11.737 15.4741 12.263 15.4741 12.4472 15.1056L13.2588 13.4824C13.3072 13.3856 13.3856 13.3072 13.4824 13.2588L15.1056 12.4472C15.4741 12.263 15.4741 11.737 15.1056 11.5528L13.4824 10.7412C13.3856 10.6928 13.3072 10.6144 13.2588 10.5176L12.4472 8.89443C12.263 8.5259 11.737 8.5259 11.5528 8.89443Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Vision"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M22.357 10.5831C19.7908 6.27233 15.952 3.99997 12.0002 4C8.04853 4.00003 4.20967 6.27243 1.64354 10.5832C1.12403 11.4559 1.12403 12.5442 1.64354 13.4169C4.20968 17.7277 8.04854 20 12.0003 20C15.952 20 19.7908 17.7276 22.357 13.4168C22.8765 12.5441 22.8765 11.4558 22.357 10.5831ZM11.5528 8.89443L10.7412 10.5176C10.6928 10.6144 10.6144 10.6928 10.5176 10.7412L8.89443 11.5528C8.5259 11.737 8.5259 12.263 8.89443 12.4472L10.5176 13.2588C10.6144 13.3072 10.6928 13.3856 10.7412 13.4824L11.5528 15.1056C11.737 15.4741 12.263 15.4741 12.4472 15.1056L13.2588 13.4824C13.3072 13.3856 13.3856 13.3072 13.4824 13.2588L15.1056 12.4472C15.4741 12.263 15.4741 11.737 15.1056 11.5528L13.4824 10.7412C13.3856 10.6928 13.3072 10.6144 13.2588 10.5176L12.4472 8.89443C12.263 8.5259 11.737 8.5259 11.5528 8.89443Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Vision"
 }
diff --git a/web/app/components/base/icons/src/vender/features/Vision.tsx b/web/app/components/base/icons/src/vender/features/Vision.tsx
index 6532428973..8f680451b8 100644
--- a/web/app/components/base/icons/src/vender/features/Vision.tsx
+++ b/web/app/components/base/icons/src/vender/features/Vision.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Vision.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Vision.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/AddChunks.json b/web/app/components/base/icons/src/vender/knowledge/AddChunks.json
index 51e1b17fb4..909d3e11b8 100644
--- a/web/app/components/base/icons/src/vender/knowledge/AddChunks.json
+++ b/web/app/components/base/icons/src/vender/knowledge/AddChunks.json
@@ -1,71 +1,71 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.0855 2.50411C10.5056 2.54689 10.8333 2.90198 10.8333 3.33337C10.8333 3.79361 10.4602 4.16671 10 4.16671H6.00017C5.51971 4.16671 5.20926 4.16776 4.97315 4.18705C4.74683 4.20555 4.66278 4.23686 4.62159 4.25785C4.46494 4.33771 4.33768 4.46498 4.25782 4.62162C4.23683 4.66282 4.20551 4.74687 4.18702 4.97319C4.16772 5.2093 4.16667 5.51975 4.16667 6.0002V13.9999C4.16667 14.4803 4.16772 14.7908 4.18702 15.0269C4.20551 15.2532 4.23684 15.3373 4.25782 15.3785C4.33771 15.5351 4.465 15.6624 4.62159 15.7422C4.66278 15.7632 4.74684 15.7945 4.97315 15.813C5.20926 15.8323 5.51971 15.8334 6.00017 15.8334H13.9998C14.4803 15.8334 14.7907 15.8323 15.0269 15.813C15.2532 15.7945 15.3372 15.7632 15.3784 15.7422C15.5351 15.6624 15.6624 15.5351 15.7422 15.3785C15.7632 15.3373 15.7945 15.2532 15.813 15.0269C15.8323 14.7908 15.8333 14.4803 15.8333 13.9999V10C15.8333 9.53981 16.2064 9.16671 16.6667 9.16671C17.1269 9.16671 17.5 9.53981 17.5 10V13.9999C17.5 14.4528 17.5009 14.8431 17.4748 15.1628C17.4478 15.4922 17.388 15.82 17.2274 16.1353C16.9878 16.6055 16.6054 16.9878 16.1353 17.2274C15.82 17.3881 15.4922 17.4479 15.1628 17.4748C14.843 17.5009 14.4528 17.5 13.9998 17.5H6.00017C5.54721 17.5 5.15697 17.5009 4.83724 17.4748C4.50786 17.4479 4.18 17.3881 3.86475 17.2274C3.39449 16.9878 3.01223 16.6054 2.77263 16.1353C2.61199 15.82 2.55216 15.4922 2.52523 15.1628C2.49911 14.8431 2.5 14.4528 2.5 13.9999V6.0002C2.5 5.54725 2.49911 5.15701 2.52523 4.83728C2.55216 4.5079 2.612 4.18003 2.77263 3.86479C3.01227 3.3946 3.39456 3.0123 3.86475 2.77266C4.18 2.61203 4.50786 2.55219 4.83724 2.52527C5.15697 2.49915 5.54721 2.50004 6.00017 2.50004H10L10.0855 2.50411Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.8333 12.5C11.2936 12.5 11.6667 12.8731 11.6667 13.3334C11.6667 13.7936 11.2936 14.1667 10.8333 14.1667H6.66667C6.20643 14.1667 5.83334 13.7936 5.83334 13.3334C5.83334 12.8731 6.20643 12.5 6.66667 12.5H10.8333Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.33334 9.16671C8.79357 9.16671 9.16667 9.5398 9.16667 10C9.16667 10.4603 8.79357 10.8334 8.33334 10.8334H6.66667C6.20643 10.8334 5.83334 10.4603 5.83334 10C5.83334 9.5398 6.20643 9.16671 6.66667 9.16671H8.33334Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M13.3333 9.16671C13.7936 9.16671 14.1667 9.5398 14.1667 10C14.1667 10.4603 13.7936 10.8334 13.3333 10.8334H10.8333C10.3731 10.8334 10 10.4603 10 10C10 9.5398 10.3731 9.16671 10.8333 9.16671H13.3333Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10 5.83337C10.4602 5.83337 10.8333 6.20647 10.8333 6.66671C10.8333 7.12694 10.4602 7.50004 10 7.50004H6.66667C6.20643 7.50004 5.83334 7.12694 5.83334 6.66671C5.83334 6.20647 6.20643 5.83338 6.66667 5.83337H10Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M15.8333 0.833374C16.2936 0.833374 16.6667 1.20647 16.6667 1.66671V3.33337H18.3333C18.7936 3.33337 19.1667 3.70647 19.1667 4.16671C19.1667 4.62694 18.7936 5.00004 18.3333 5.00004H16.6667V6.66671C16.6667 7.12694 16.2936 7.50004 15.8333 7.50004C15.3731 7.50004 15 7.12694 15 6.66671V5.00004H13.3333C12.8731 5.00004 12.5 4.62694 12.5 4.16671C12.5 3.70647 12.8731 3.33338 13.3333 3.33337H15V1.66671C15 1.20647 15.3731 0.833376 15.8333 0.833374Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "AddChunks"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.0855 2.50411C10.5056 2.54689 10.8333 2.90198 10.8333 3.33337C10.8333 3.79361 10.4602 4.16671 10 4.16671H6.00017C5.51971 4.16671 5.20926 4.16776 4.97315 4.18705C4.74683 4.20555 4.66278 4.23686 4.62159 4.25785C4.46494 4.33771 4.33768 4.46498 4.25782 4.62162C4.23683 4.66282 4.20551 4.74687 4.18702 4.97319C4.16772 5.2093 4.16667 5.51975 4.16667 6.0002V13.9999C4.16667 14.4803 4.16772 14.7908 4.18702 15.0269C4.20551 15.2532 4.23684 15.3373 4.25782 15.3785C4.33771 15.5351 4.465 15.6624 4.62159 15.7422C4.66278 15.7632 4.74684 15.7945 4.97315 15.813C5.20926 15.8323 5.51971 15.8334 6.00017 15.8334H13.9998C14.4803 15.8334 14.7907 15.8323 15.0269 15.813C15.2532 15.7945 15.3372 15.7632 15.3784 15.7422C15.5351 15.6624 15.6624 15.5351 15.7422 15.3785C15.7632 15.3373 15.7945 15.2532 15.813 15.0269C15.8323 14.7908 15.8333 14.4803 15.8333 13.9999V10C15.8333 9.53981 16.2064 9.16671 16.6667 9.16671C17.1269 9.16671 17.5 9.53981 17.5 10V13.9999C17.5 14.4528 17.5009 14.8431 17.4748 15.1628C17.4478 15.4922 17.388 15.82 17.2274 16.1353C16.9878 16.6055 16.6054 16.9878 16.1353 17.2274C15.82 17.3881 15.4922 17.4479 15.1628 17.4748C14.843 17.5009 14.4528 17.5 13.9998 17.5H6.00017C5.54721 17.5 5.15697 17.5009 4.83724 17.4748C4.50786 17.4479 4.18 17.3881 3.86475 17.2274C3.39449 16.9878 3.01223 16.6054 2.77263 16.1353C2.61199 15.82 2.55216 15.4922 2.52523 15.1628C2.49911 14.8431 2.5 14.4528 2.5 13.9999V6.0002C2.5 5.54725 2.49911 5.15701 2.52523 4.83728C2.55216 4.5079 2.612 4.18003 2.77263 3.86479C3.01227 3.3946 3.39456 3.0123 3.86475 2.77266C4.18 2.61203 4.50786 2.55219 4.83724 2.52527C5.15697 2.49915 5.54721 2.50004 6.00017 2.50004H10L10.0855 2.50411Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.8333 12.5C11.2936 12.5 11.6667 12.8731 11.6667 13.3334C11.6667 13.7936 11.2936 14.1667 10.8333 14.1667H6.66667C6.20643 14.1667 5.83334 13.7936 5.83334 13.3334C5.83334 12.8731 6.20643 12.5 6.66667 12.5H10.8333Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.33334 9.16671C8.79357 9.16671 9.16667 9.5398 9.16667 10C9.16667 10.4603 8.79357 10.8334 8.33334 10.8334H6.66667C6.20643 10.8334 5.83334 10.4603 5.83334 10C5.83334 9.5398 6.20643 9.16671 6.66667 9.16671H8.33334Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M13.3333 9.16671C13.7936 9.16671 14.1667 9.5398 14.1667 10C14.1667 10.4603 13.7936 10.8334 13.3333 10.8334H10.8333C10.3731 10.8334 10 10.4603 10 10C10 9.5398 10.3731 9.16671 10.8333 9.16671H13.3333Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10 5.83337C10.4602 5.83337 10.8333 6.20647 10.8333 6.66671C10.8333 7.12694 10.4602 7.50004 10 7.50004H6.66667C6.20643 7.50004 5.83334 7.12694 5.83334 6.66671C5.83334 6.20647 6.20643 5.83338 6.66667 5.83337H10Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M15.8333 0.833374C16.2936 0.833374 16.6667 1.20647 16.6667 1.66671V3.33337H18.3333C18.7936 3.33337 19.1667 3.70647 19.1667 4.16671C19.1667 4.62694 18.7936 5.00004 18.3333 5.00004H16.6667V6.66671C16.6667 7.12694 16.2936 7.50004 15.8333 7.50004C15.3731 7.50004 15 7.12694 15 6.66671V5.00004H13.3333C12.8731 5.00004 12.5 4.62694 12.5 4.16671C12.5 3.70647 12.8731 3.33338 13.3333 3.33337H15V1.66671C15 1.20647 15.3731 0.833376 15.8333 0.833374Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "AddChunks"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/AddChunks.tsx b/web/app/components/base/icons/src/vender/knowledge/AddChunks.tsx
index 8068f7113c..0209761c8c 100644
--- a/web/app/components/base/icons/src/vender/knowledge/AddChunks.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/AddChunks.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AddChunks.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AddChunks.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.json b/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.json
index 1057842352..8fbff41d54 100644
--- a/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.json
+++ b/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.92578 11.0094C5.92578 10.0174 5.12163 9.21256 4.12956 9.21256C3.13752 9.2126 2.33333 10.0174 2.33333 11.0094C2.33349 12.0014 3.13762 12.8056 4.12956 12.8057C5.12153 12.8057 5.92562 12.0014 5.92578 11.0094ZM13.6667 11.0094C13.6667 10.0174 12.8625 9.2126 11.8704 9.21256C10.8784 9.21256 10.0742 10.0174 10.0742 11.0094C10.0744 12.0014 10.8785 12.8057 11.8704 12.8057C12.8624 12.8056 13.6665 12.0014 13.6667 11.0094ZM9.79622 4.32389C9.79619 3.33186 8.99205 2.52767 8 2.52767C7.00796 2.52767 6.20382 3.33186 6.20378 4.32389C6.20378 5.31596 7.00793 6.12012 8 6.12012C8.99207 6.12012 9.79622 5.31596 9.79622 4.32389ZM11.1296 4.32389C11.1296 5.82351 10.0748 7.07628 8.66667 7.38184V7.9196L9.74284 8.71387C10.3012 8.19607 11.0489 7.87923 11.8704 7.87923C13.5989 7.87927 15 9.28101 15 11.0094C14.9998 12.7377 13.5988 14.139 11.8704 14.139C10.1421 14.139 8.74104 12.7378 8.74089 11.0094C8.74089 10.5837 8.82585 10.1776 8.97982 9.80762L8 9.08366L7.01953 9.80762C7.17356 10.1777 7.25911 10.5836 7.25911 11.0094C7.25896 12.7378 5.85791 14.139 4.12956 14.139C2.40124 14.139 1.00016 12.7377 1 11.0094C1 9.28101 2.40114 7.87927 4.12956 7.87923C4.95094 7.87923 5.69819 8.19627 6.25651 8.71387L7.33333 7.9196V7.38184C5.92523 7.07628 4.87044 5.82351 4.87044 4.32389C4.87048 2.59548 6.27158 1.19434 8 1.19434C9.72843 1.19434 11.1295 2.59548 11.1296 4.32389Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ApiAggregate"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.92578 11.0094C5.92578 10.0174 5.12163 9.21256 4.12956 9.21256C3.13752 9.2126 2.33333 10.0174 2.33333 11.0094C2.33349 12.0014 3.13762 12.8056 4.12956 12.8057C5.12153 12.8057 5.92562 12.0014 5.92578 11.0094ZM13.6667 11.0094C13.6667 10.0174 12.8625 9.2126 11.8704 9.21256C10.8784 9.21256 10.0742 10.0174 10.0742 11.0094C10.0744 12.0014 10.8785 12.8057 11.8704 12.8057C12.8624 12.8056 13.6665 12.0014 13.6667 11.0094ZM9.79622 4.32389C9.79619 3.33186 8.99205 2.52767 8 2.52767C7.00796 2.52767 6.20382 3.33186 6.20378 4.32389C6.20378 5.31596 7.00793 6.12012 8 6.12012C8.99207 6.12012 9.79622 5.31596 9.79622 4.32389ZM11.1296 4.32389C11.1296 5.82351 10.0748 7.07628 8.66667 7.38184V7.9196L9.74284 8.71387C10.3012 8.19607 11.0489 7.87923 11.8704 7.87923C13.5989 7.87927 15 9.28101 15 11.0094C14.9998 12.7377 13.5988 14.139 11.8704 14.139C10.1421 14.139 8.74104 12.7378 8.74089 11.0094C8.74089 10.5837 8.82585 10.1776 8.97982 9.80762L8 9.08366L7.01953 9.80762C7.17356 10.1777 7.25911 10.5836 7.25911 11.0094C7.25896 12.7378 5.85791 14.139 4.12956 14.139C2.40124 14.139 1.00016 12.7377 1 11.0094C1 9.28101 2.40114 7.87927 4.12956 7.87923C4.95094 7.87923 5.69819 8.19627 6.25651 8.71387L7.33333 7.9196V7.38184C5.92523 7.07628 4.87044 5.82351 4.87044 4.32389C4.87048 2.59548 6.27158 1.19434 8 1.19434C9.72843 1.19434 11.1295 2.59548 11.1296 4.32389Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ApiAggregate"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.tsx b/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.tsx
index 64193e900b..ccc987f423 100644
--- a/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/ApiAggregate.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ApiAggregate.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ApiAggregate.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/ArrowShape.json b/web/app/components/base/icons/src/vender/knowledge/ArrowShape.json
index 5bb77c23b9..f84ff4b521 100644
--- a/web/app/components/base/icons/src/vender/knowledge/ArrowShape.json
+++ b/web/app/components/base/icons/src/vender/knowledge/ArrowShape.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "11",
-			"viewBox": "0 0 24 11",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Arrow Shape",
-					"d": "M9.87868 1.12132C11.0503 -0.0502525 12.9497 -0.0502525 14.1213 1.12132L23.3137 10.3137H0.686292L9.87868 1.12132Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ArrowShape"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "11",
+      "viewBox": "0 0 24 11",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Arrow Shape",
+          "d": "M9.87868 1.12132C11.0503 -0.0502525 12.9497 -0.0502525 14.1213 1.12132L23.3137 10.3137H0.686292L9.87868 1.12132Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ArrowShape"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/ArrowShape.tsx b/web/app/components/base/icons/src/vender/knowledge/ArrowShape.tsx
index b93cd2a325..d32bd130aa 100644
--- a/web/app/components/base/icons/src/vender/knowledge/ArrowShape.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/ArrowShape.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArrowShape.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArrowShape.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/Chunk.json b/web/app/components/base/icons/src/vender/knowledge/Chunk.json
index a90e24df0e..aa9f37a45d 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Chunk.json
+++ b/web/app/components/base/icons/src/vender/knowledge/Chunk.json
@@ -1,116 +1,116 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "10",
-			"height": "10",
-			"viewBox": "0 0 10 10",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M2.5 10H0V7.5H2.5V10Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M6.25 6.25H3.75V3.75H6.25V6.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M2.5 6.25H0V3.75H2.5V6.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M6.25 2.5H3.75V0H6.25V2.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_5",
-							"d": "M2.5 2.5H0V0H2.5V2.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_6",
-							"d": "M10 2.5H7.5V0H10V2.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_7",
-							"d": "M9.58342 7.91663H7.91675V9.58329H9.58342V7.91663Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_8",
-							"d": "M9.58342 4.16663H7.91675V5.83329H9.58342V4.16663Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_9",
-							"d": "M5.83341 7.91663H4.16675V9.58329H5.83341V7.91663Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Chunk"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "10",
+      "height": "10",
+      "viewBox": "0 0 10 10",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M2.5 10H0V7.5H2.5V10Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M6.25 6.25H3.75V3.75H6.25V6.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M2.5 6.25H0V3.75H2.5V6.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M6.25 2.5H3.75V0H6.25V2.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_5",
+              "d": "M2.5 2.5H0V0H2.5V2.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_6",
+              "d": "M10 2.5H7.5V0H10V2.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_7",
+              "d": "M9.58342 7.91663H7.91675V9.58329H9.58342V7.91663Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_8",
+              "d": "M9.58342 4.16663H7.91675V5.83329H9.58342V4.16663Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_9",
+              "d": "M5.83341 7.91663H4.16675V9.58329H5.83341V7.91663Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Chunk"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/Chunk.tsx b/web/app/components/base/icons/src/vender/knowledge/Chunk.tsx
index a16aef2b3d..c9ee9d0e96 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Chunk.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/Chunk.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Chunk.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Chunk.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/Collapse.json b/web/app/components/base/icons/src/vender/knowledge/Collapse.json
index 224133e0b6..4c21f7c058 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Collapse.json
+++ b/web/app/components/base/icons/src/vender/knowledge/Collapse.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon L"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.66602 11.3333H0.666016L3.33268 8.66667L5.99935 11.3333H3.99935L3.99935 14H2.66602L2.66602 11.3333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.66602 4.66667L2.66602 2L3.99935 2L3.99935 4.66667L5.99935 4.66667L3.33268 7.33333L0.666016 4.66667L2.66602 4.66667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.33268 2.66667H13.9993V4H7.33268V2.66667ZM7.33268 12H13.9993V13.3333H7.33268V12ZM5.99935 7.33333H13.9993V8.66667H5.99935V7.33333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Collapse"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon L"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.66602 11.3333H0.666016L3.33268 8.66667L5.99935 11.3333H3.99935L3.99935 14H2.66602L2.66602 11.3333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.66602 4.66667L2.66602 2L3.99935 2L3.99935 4.66667L5.99935 4.66667L3.33268 7.33333L0.666016 4.66667L2.66602 4.66667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.33268 2.66667H13.9993V4H7.33268V2.66667ZM7.33268 12H13.9993V13.3333H7.33268V12ZM5.99935 7.33333H13.9993V8.66667H5.99935V7.33333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Collapse"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/Collapse.tsx b/web/app/components/base/icons/src/vender/knowledge/Collapse.tsx
index 5b77a2eba5..f2cd10f1e7 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Collapse.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/Collapse.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Collapse.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Collapse.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/Divider.json b/web/app/components/base/icons/src/vender/knowledge/Divider.json
index fbc3c9b6b8..bf98c4b7bc 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Divider.json
+++ b/web/app/components/base/icons/src/vender/knowledge/Divider.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "6",
-			"height": "30",
-			"viewBox": "0 0 6 30",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Line 3",
-					"d": "M1.44595 28.7455L5.49125 1.00004",
-					"stroke": "currentColor",
-					"stroke-opacity": "0.08",
-					"stroke-linecap": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Divider"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "6",
+      "height": "30",
+      "viewBox": "0 0 6 30",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Line 3",
+          "d": "M1.44595 28.7455L5.49125 1.00004",
+          "stroke": "currentColor",
+          "stroke-opacity": "0.08",
+          "stroke-linecap": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Divider"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/Divider.tsx b/web/app/components/base/icons/src/vender/knowledge/Divider.tsx
index 8f7537b0db..20fb3d0ab5 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Divider.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/Divider.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Divider.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Divider.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/Economic.json b/web/app/components/base/icons/src/vender/knowledge/Economic.json
index 3d74a48e9b..a6903e821c 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Economic.json
+++ b/web/app/components/base/icons/src/vender/knowledge/Economic.json
@@ -1,55 +1,55 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "piggy-bank-mod"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Union"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.75 1.80737C12.75 3.18809 11.6307 4.30738 10.25 4.30738C8.8693 4.30738 7.74998 3.18809 7.74998 1.80737L12.75 1.80737Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.29769 4.71516C6.27454 4.43606 7.31331 4.77702 7.93687 5.55738H11.8125C14.4013 5.55738 16.5 7.65605 16.5 10.2449C16.5 12.5126 14.8896 14.4043 12.75 14.8386V16.1824H11.5V14.9324H7.12498V16.1824H5.87498V14.8508C5.05321 14.6764 4.30548 14.229 3.76111 13.5695L2.99101 12.6365L1.5 12.0103V8.93745L3.29116 8.46851L4 7.56623V5.08593L5.29769 4.71516ZM7.75 7.43238H12.75V8.68239H7.75V7.43238ZM5.875 8.99489C5.875 9.51264 5.45527 9.93239 4.9375 9.93239C4.41973 9.93239 4 9.51264 4 8.99489C4 8.47714 4.41973 8.05739 4.9375 8.05739C5.45527 8.05739 5.875 8.47714 5.875 8.99489Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Economic"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "piggy-bank-mod"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Union"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.75 1.80737C12.75 3.18809 11.6307 4.30738 10.25 4.30738C8.8693 4.30738 7.74998 3.18809 7.74998 1.80737L12.75 1.80737Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.29769 4.71516C6.27454 4.43606 7.31331 4.77702 7.93687 5.55738H11.8125C14.4013 5.55738 16.5 7.65605 16.5 10.2449C16.5 12.5126 14.8896 14.4043 12.75 14.8386V16.1824H11.5V14.9324H7.12498V16.1824H5.87498V14.8508C5.05321 14.6764 4.30548 14.229 3.76111 13.5695L2.99101 12.6365L1.5 12.0103V8.93745L3.29116 8.46851L4 7.56623V5.08593L5.29769 4.71516ZM7.75 7.43238H12.75V8.68239H7.75V7.43238ZM5.875 8.99489C5.875 9.51264 5.45527 9.93239 4.9375 9.93239C4.41973 9.93239 4 9.51264 4 8.99489C4 8.47714 4.41973 8.05739 4.9375 8.05739C5.45527 8.05739 5.875 8.47714 5.875 8.99489Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Economic"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/Economic.tsx b/web/app/components/base/icons/src/vender/knowledge/Economic.tsx
index 52e2262fc1..c3005912d2 100644
--- a/web/app/components/base/icons/src/vender/knowledge/Economic.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/Economic.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Economic.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Economic.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.json b/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.json
index 78dc390338..35a5fbad2c 100644
--- a/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.json
+++ b/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.json
@@ -1,56 +1,56 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "15",
-			"height": "16",
-			"viewBox": "0 0 15 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M13.008 4.24996H9.62427V0.866211L13.008 4.24996Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M7.18052 12.375H3.06177C2.97889 12.375 2.8994 12.3421 2.8408 12.2835C2.78219 12.2249 2.74927 12.1454 2.74927 12.0625V11.4375C2.74927 11.3546 2.78219 11.2751 2.8408 11.2165C2.8994 11.1579 2.97889 11.125 3.06177 11.125H7.18052C7.29883 10.4268 7.61311 9.7765 8.08677 9.25H3.06177C2.97889 9.25 2.8994 9.21708 2.8408 9.15847C2.78219 9.09987 2.74927 9.02038 2.74927 8.9375V8.3125C2.74927 8.22962 2.78219 8.15013 2.8408 8.09153C2.8994 8.03292 2.97889 8 3.06177 8H10.8743C11.798 8.00025 12.6888 8.34321 13.3743 8.9625V5.5H8.99927C8.83351 5.5 8.67454 5.43415 8.55733 5.31694C8.44011 5.19973 8.37427 5.04076 8.37427 4.875V0.5H1.49927C1.33351 0.5 1.17454 0.565848 1.05733 0.683058C0.940116 0.800269 0.874268 0.95924 0.874268 1.125V14.875C0.874268 15.0408 0.940116 15.1997 1.05733 15.3169C1.17454 15.4342 1.33351 15.5 1.49927 15.5H10.2493C9.46028 15.4015 8.72775 15.0392 8.17066 14.4719C7.61356 13.9046 7.26462 13.1656 7.18052 12.375ZM3.06177 4.875H6.18677C6.26965 4.875 6.34913 4.90792 6.40774 4.96653C6.46634 5.02513 6.49927 5.10462 6.49927 5.1875V5.8125C6.49927 5.89538 6.46634 5.97487 6.40774 6.03347C6.34913 6.09208 6.26965 6.125 6.18677 6.125H3.06177C2.97889 6.125 2.8994 6.09208 2.8408 6.03347C2.78219 5.97487 2.74927 5.89538 2.74927 5.8125V5.1875C2.74927 5.10462 2.78219 5.02513 2.8408 4.96653C2.8994 4.90792 2.97889 4.875 3.06177 4.875Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M14.4411 14.4331L13.0199 13.0119C13.2496 12.6309 13.3721 12.1949 13.3743 11.75C13.3743 11.2555 13.2276 10.7722 12.9529 10.3611C12.6782 9.94995 12.2878 9.62952 11.831 9.4403C11.3742 9.25108 10.8715 9.20157 10.3865 9.29804C9.90159 9.3945 9.45613 9.6326 9.1065 9.98223C8.75687 10.3319 8.51877 10.7773 8.42231 11.2623C8.32584 11.7472 8.37535 12.2499 8.56457 12.7067C8.75379 13.1635 9.07422 13.554 9.48534 13.8287C9.89647 14.1034 10.3798 14.25 10.8743 14.25C11.3192 14.2478 11.7552 14.1254 12.1361 13.8956L13.5574 15.3169C13.6753 15.4307 13.8331 15.4937 13.997 15.4923C14.1609 15.4909 14.3176 15.4251 14.4335 15.3093C14.5494 15.1934 14.6151 15.0366 14.6166 14.8728C14.618 14.7089 14.555 14.551 14.4411 14.4331ZM9.62427 11.75C9.62427 11.5028 9.69758 11.2611 9.83493 11.0555C9.97228 10.85 10.1675 10.6898 10.3959 10.5952C10.6243 10.5005 10.8757 10.4758 11.1181 10.524C11.3606 10.5723 11.5833 10.6913 11.7582 10.8661C11.933 11.0409 12.052 11.2637 12.1003 11.5061C12.1485 11.7486 12.1237 11.9999 12.0291 12.2284C11.9345 12.4568 11.7743 12.652 11.5687 12.7893C11.3632 12.9267 11.1215 13 10.8743 13C10.5427 13 10.2248 12.8683 9.99039 12.6339C9.75597 12.3995 9.62427 12.0815 9.62427 11.75Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FullTextSearch"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "15",
+      "height": "16",
+      "viewBox": "0 0 15 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M13.008 4.24996H9.62427V0.866211L13.008 4.24996Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M7.18052 12.375H3.06177C2.97889 12.375 2.8994 12.3421 2.8408 12.2835C2.78219 12.2249 2.74927 12.1454 2.74927 12.0625V11.4375C2.74927 11.3546 2.78219 11.2751 2.8408 11.2165C2.8994 11.1579 2.97889 11.125 3.06177 11.125H7.18052C7.29883 10.4268 7.61311 9.7765 8.08677 9.25H3.06177C2.97889 9.25 2.8994 9.21708 2.8408 9.15847C2.78219 9.09987 2.74927 9.02038 2.74927 8.9375V8.3125C2.74927 8.22962 2.78219 8.15013 2.8408 8.09153C2.8994 8.03292 2.97889 8 3.06177 8H10.8743C11.798 8.00025 12.6888 8.34321 13.3743 8.9625V5.5H8.99927C8.83351 5.5 8.67454 5.43415 8.55733 5.31694C8.44011 5.19973 8.37427 5.04076 8.37427 4.875V0.5H1.49927C1.33351 0.5 1.17454 0.565848 1.05733 0.683058C0.940116 0.800269 0.874268 0.95924 0.874268 1.125V14.875C0.874268 15.0408 0.940116 15.1997 1.05733 15.3169C1.17454 15.4342 1.33351 15.5 1.49927 15.5H10.2493C9.46028 15.4015 8.72775 15.0392 8.17066 14.4719C7.61356 13.9046 7.26462 13.1656 7.18052 12.375ZM3.06177 4.875H6.18677C6.26965 4.875 6.34913 4.90792 6.40774 4.96653C6.46634 5.02513 6.49927 5.10462 6.49927 5.1875V5.8125C6.49927 5.89538 6.46634 5.97487 6.40774 6.03347C6.34913 6.09208 6.26965 6.125 6.18677 6.125H3.06177C2.97889 6.125 2.8994 6.09208 2.8408 6.03347C2.78219 5.97487 2.74927 5.89538 2.74927 5.8125V5.1875C2.74927 5.10462 2.78219 5.02513 2.8408 4.96653C2.8994 4.90792 2.97889 4.875 3.06177 4.875Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M14.4411 14.4331L13.0199 13.0119C13.2496 12.6309 13.3721 12.1949 13.3743 11.75C13.3743 11.2555 13.2276 10.7722 12.9529 10.3611C12.6782 9.94995 12.2878 9.62952 11.831 9.4403C11.3742 9.25108 10.8715 9.20157 10.3865 9.29804C9.90159 9.3945 9.45613 9.6326 9.1065 9.98223C8.75687 10.3319 8.51877 10.7773 8.42231 11.2623C8.32584 11.7472 8.37535 12.2499 8.56457 12.7067C8.75379 13.1635 9.07422 13.554 9.48534 13.8287C9.89647 14.1034 10.3798 14.25 10.8743 14.25C11.3192 14.2478 11.7552 14.1254 12.1361 13.8956L13.5574 15.3169C13.6753 15.4307 13.8331 15.4937 13.997 15.4923C14.1609 15.4909 14.3176 15.4251 14.4335 15.3093C14.5494 15.1934 14.6151 15.0366 14.6166 14.8728C14.618 14.7089 14.555 14.551 14.4411 14.4331ZM9.62427 11.75C9.62427 11.5028 9.69758 11.2611 9.83493 11.0555C9.97228 10.85 10.1675 10.6898 10.3959 10.5952C10.6243 10.5005 10.8757 10.4758 11.1181 10.524C11.3606 10.5723 11.5833 10.6913 11.7582 10.8661C11.933 11.0409 12.052 11.2637 12.1003 11.5061C12.1485 11.7486 12.1237 11.9999 12.0291 12.2284C11.9345 12.4568 11.7743 12.652 11.5687 12.7893C11.3632 12.9267 11.1215 13 10.8743 13C10.5427 13 10.2248 12.8683 9.99039 12.6339C9.75597 12.3995 9.62427 12.0815 9.62427 11.75Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FullTextSearch"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.tsx b/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.tsx
index 714e63ecc0..401c0835eb 100644
--- a/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/FullTextSearch.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FullTextSearch.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FullTextSearch.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.json b/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.json
index f2cfb314a8..c6f60c7491 100644
--- a/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.json
+++ b/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.json
@@ -1,101 +1,101 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "general"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.375 3.75C12.375 3.12868 12.8787 2.625 13.5 2.625H15.75C16.3713 2.625 16.875 3.12868 16.875 3.75C16.875 4.37132 16.3713 4.875 15.75 4.875H13.5C12.8787 4.875 12.375 4.37132 12.375 3.75Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.125 3.75C1.125 3.12868 1.62868 2.625 2.25 2.625H9.75C10.3713 2.625 10.875 3.12868 10.875 3.75C10.875 4.37132 10.3713 4.875 9.75 4.875H2.25C1.62868 4.875 1.125 4.37132 1.125 3.75Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.125 9C1.125 8.37868 1.62868 7.875 2.25 7.875H4.5C5.12132 7.875 5.625 8.37868 5.625 9C5.625 9.62132 5.12132 10.125 4.5 10.125H2.25C1.62868 10.125 1.125 9.62132 1.125 9Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M7.125 9C7.125 8.37868 7.62868 7.875 8.25 7.875H15.75C16.3713 7.875 16.875 8.37868 16.875 9C16.875 9.62132 16.3713 10.125 15.75 10.125H8.25C7.62868 10.125 7.125 9.62132 7.125 9Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.375 14.25C12.375 13.6287 12.8787 13.125 13.5 13.125H15.75C16.3713 13.125 16.875 13.6287 16.875 14.25C16.875 14.8713 16.3713 15.375 15.75 15.375H13.5C12.8787 15.375 12.375 14.8713 12.375 14.25Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.125 14.25C1.125 13.6287 1.62868 13.125 2.25 13.125H9.75C10.3713 13.125 10.875 13.6287 10.875 14.25C10.875 14.8713 10.3713 15.375 9.75 15.375H2.25C1.62868 15.375 1.125 14.8713 1.125 14.25Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "GeneralChunk"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "general"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.375 3.75C12.375 3.12868 12.8787 2.625 13.5 2.625H15.75C16.3713 2.625 16.875 3.12868 16.875 3.75C16.875 4.37132 16.3713 4.875 15.75 4.875H13.5C12.8787 4.875 12.375 4.37132 12.375 3.75Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.125 3.75C1.125 3.12868 1.62868 2.625 2.25 2.625H9.75C10.3713 2.625 10.875 3.12868 10.875 3.75C10.875 4.37132 10.3713 4.875 9.75 4.875H2.25C1.62868 4.875 1.125 4.37132 1.125 3.75Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.125 9C1.125 8.37868 1.62868 7.875 2.25 7.875H4.5C5.12132 7.875 5.625 8.37868 5.625 9C5.625 9.62132 5.12132 10.125 4.5 10.125H2.25C1.62868 10.125 1.125 9.62132 1.125 9Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M7.125 9C7.125 8.37868 7.62868 7.875 8.25 7.875H15.75C16.3713 7.875 16.875 8.37868 16.875 9C16.875 9.62132 16.3713 10.125 15.75 10.125H8.25C7.62868 10.125 7.125 9.62132 7.125 9Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.375 14.25C12.375 13.6287 12.8787 13.125 13.5 13.125H15.75C16.3713 13.125 16.875 13.6287 16.875 14.25C16.875 14.8713 16.3713 15.375 15.75 15.375H13.5C12.8787 15.375 12.375 14.8713 12.375 14.25Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.125 14.25C1.125 13.6287 1.62868 13.125 2.25 13.125H9.75C10.3713 13.125 10.875 13.6287 10.875 14.25C10.875 14.8713 10.3713 15.375 9.75 15.375H2.25C1.62868 15.375 1.125 14.8713 1.125 14.25Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "GeneralChunk"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.tsx b/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.tsx
index e269f3ad91..f419ee41de 100644
--- a/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/GeneralChunk.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './GeneralChunk.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './GeneralChunk.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/HighQuality.json b/web/app/components/base/icons/src/vender/knowledge/HighQuality.json
index bdd1644f5e..58d69d459c 100644
--- a/web/app/components/base/icons/src/vender/knowledge/HighQuality.json
+++ b/web/app/components/base/icons/src/vender/knowledge/HighQuality.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "gold-coin"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M9 1.5C7.51664 1.5 6.06659 1.93987 4.83323 2.76398C3.59986 3.58809 2.63856 4.75943 2.07091 6.12987C1.50325 7.50032 1.35472 9.00832 1.64411 10.4632C1.9335 11.918 2.64781 13.2544 3.6967 14.3033C4.7456 15.3522 6.08197 16.0665 7.53683 16.3559C8.99168 16.6453 10.4997 16.4967 11.8701 15.9291C13.2406 15.3614 14.4119 14.4001 15.236 13.1668C16.0601 11.9334 16.5 10.4834 16.5 9C16.5 7.01087 15.7098 5.10322 14.3033 3.6967C12.8968 2.29018 10.9891 1.5 9 1.5ZM11.0656 5.09312L11.8006 4.08187C11.8489 4.01543 11.9098 3.95915 11.9798 3.91623C12.0498 3.87332 12.1276 3.84462 12.2087 3.83176C12.2898 3.81891 12.3726 3.82215 12.4525 3.84131C12.5323 3.86047 12.6076 3.89518 12.6741 3.94344C12.7405 3.9917 12.7968 4.05257 12.8397 4.12259C12.8826 4.1926 12.9113 4.27038 12.9242 4.35148C12.937 4.43259 12.9338 4.51543 12.9146 4.59529C12.8955 4.67514 12.8608 4.75043 12.8125 4.81687L12.0775 5.82812C11.98 5.96231 11.8333 6.05228 11.6695 6.07824C11.5057 6.1042 11.3382 6.06403 11.2041 5.96656C11.0699 5.86909 10.9799 5.72232 10.954 5.55851C10.928 5.39471 10.9682 5.22731 11.0656 5.09312ZM5.32625 3.94375C5.39271 3.89519 5.4681 3.86023 5.54811 3.84089C5.62811 3.82154 5.71115 3.81819 5.79245 3.83103C5.87375 3.84386 5.95172 3.87263 6.02187 3.91567C6.09203 3.95872 6.15299 4.0152 6.20125 4.08187L6.9375 5.09312C7.03497 5.22772 7.07498 5.39552 7.04872 5.55962C7.02247 5.72371 6.9321 5.87066 6.7975 5.96812C6.66291 6.06559 6.4951 6.1056 6.33101 6.07934C6.16691 6.05309 6.01997 5.96272 5.9225 5.82812L5.1875 4.81687C5.13927 4.75044 5.10459 4.67515 5.08546 4.59531C5.06632 4.51548 5.06311 4.43265 5.07599 4.35157C5.08888 4.27048 5.11761 4.19274 5.16055 4.12276C5.20349 4.05279 5.2598 3.99196 5.32625 3.94375ZM5.0325 10.9437L3.845 11.33C3.76604 11.3594 3.68196 11.3725 3.5978 11.3686C3.51364 11.3646 3.43114 11.3437 3.35527 11.3071C3.2794 11.2705 3.21171 11.2189 3.15629 11.1554C3.10086 11.092 3.05883 11.018 3.03274 10.9379C3.00664 10.8577 2.997 10.7732 3.00442 10.6893C3.01183 10.6053 3.03613 10.5238 3.07587 10.4495C3.1156 10.3752 3.16995 10.3097 3.23564 10.2569C3.30133 10.2042 3.37701 10.1653 3.45813 10.1425L4.64563 9.75625C4.72467 9.72655 4.80892 9.71317 4.89327 9.71693C4.97763 9.72069 5.06035 9.7415 5.13644 9.77811C5.21253 9.81472 5.28042 9.86637 5.33599 9.92994C5.39157 9.99352 5.43369 10.0677 5.45981 10.148C5.48593 10.2283 5.4955 10.3131 5.48796 10.3972C5.48041 10.4813 5.45591 10.563 5.41591 10.6373C5.37592 10.7117 5.32127 10.7772 5.25527 10.8299C5.18926 10.8825 5.11389 10.9213 5.0325 10.9437ZM9.625 14.625C9.625 14.7908 9.55915 14.9497 9.44194 15.0669C9.32473 15.1841 9.16576 15.25 9 15.25C8.83424 15.25 8.67527 15.1841 8.55806 15.0669C8.44085 14.9497 8.375 14.7908 8.375 14.625V13.375C8.375 13.2092 8.44085 13.0503 8.55806 12.9331C8.67527 12.8158 8.83424 12.75 9 12.75C9.16576 12.75 9.32473 12.8158 9.44194 12.9331C9.55915 13.0503 9.625 13.2092 9.625 13.375V14.625ZM9 11L6.6475 12.2375L7.09688 9.61812L5.19375 7.76312L7.82375 7.38125L9 5L10.1763 7.38125L12.8063 7.76312L10.9031 9.61812L11.3525 12.2375L9 11ZM14.1563 11.3312L12.9688 10.945C12.8874 10.9225 12.8114 10.8838 12.7454 10.8311C12.6794 10.7784 12.6247 10.7129 12.5847 10.6386C12.5447 10.5642 12.5202 10.4825 12.5127 10.3984C12.5051 10.3143 12.5147 10.2295 12.5408 10.1492C12.5669 10.0689 12.6091 9.99477 12.6646 9.9312C12.7202 9.86762 12.7881 9.81597 12.8642 9.77936C12.9403 9.74275 13.023 9.72194 13.1074 9.71818C13.1917 9.71442 13.276 9.7278 13.355 9.7575L14.5425 10.1437C14.6236 10.1665 14.6993 10.2054 14.765 10.2582C14.8307 10.311 14.885 10.3764 14.9248 10.4507C14.9645 10.525 14.9888 10.6066 14.9962 10.6905C15.0036 10.7744 14.994 10.859 14.9679 10.9391C14.9418 11.0192 14.8998 11.0932 14.8443 11.1567C14.7889 11.2201 14.7212 11.2717 14.6454 11.3083C14.5695 11.345 14.487 11.3659 14.4028 11.3698C14.3187 11.3738 14.2352 11.3606 14.1563 11.3312Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "HighQuality"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "gold-coin"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M9 1.5C7.51664 1.5 6.06659 1.93987 4.83323 2.76398C3.59986 3.58809 2.63856 4.75943 2.07091 6.12987C1.50325 7.50032 1.35472 9.00832 1.64411 10.4632C1.9335 11.918 2.64781 13.2544 3.6967 14.3033C4.7456 15.3522 6.08197 16.0665 7.53683 16.3559C8.99168 16.6453 10.4997 16.4967 11.8701 15.9291C13.2406 15.3614 14.4119 14.4001 15.236 13.1668C16.0601 11.9334 16.5 10.4834 16.5 9C16.5 7.01087 15.7098 5.10322 14.3033 3.6967C12.8968 2.29018 10.9891 1.5 9 1.5ZM11.0656 5.09312L11.8006 4.08187C11.8489 4.01543 11.9098 3.95915 11.9798 3.91623C12.0498 3.87332 12.1276 3.84462 12.2087 3.83176C12.2898 3.81891 12.3726 3.82215 12.4525 3.84131C12.5323 3.86047 12.6076 3.89518 12.6741 3.94344C12.7405 3.9917 12.7968 4.05257 12.8397 4.12259C12.8826 4.1926 12.9113 4.27038 12.9242 4.35148C12.937 4.43259 12.9338 4.51543 12.9146 4.59529C12.8955 4.67514 12.8608 4.75043 12.8125 4.81687L12.0775 5.82812C11.98 5.96231 11.8333 6.05228 11.6695 6.07824C11.5057 6.1042 11.3382 6.06403 11.2041 5.96656C11.0699 5.86909 10.9799 5.72232 10.954 5.55851C10.928 5.39471 10.9682 5.22731 11.0656 5.09312ZM5.32625 3.94375C5.39271 3.89519 5.4681 3.86023 5.54811 3.84089C5.62811 3.82154 5.71115 3.81819 5.79245 3.83103C5.87375 3.84386 5.95172 3.87263 6.02187 3.91567C6.09203 3.95872 6.15299 4.0152 6.20125 4.08187L6.9375 5.09312C7.03497 5.22772 7.07498 5.39552 7.04872 5.55962C7.02247 5.72371 6.9321 5.87066 6.7975 5.96812C6.66291 6.06559 6.4951 6.1056 6.33101 6.07934C6.16691 6.05309 6.01997 5.96272 5.9225 5.82812L5.1875 4.81687C5.13927 4.75044 5.10459 4.67515 5.08546 4.59531C5.06632 4.51548 5.06311 4.43265 5.07599 4.35157C5.08888 4.27048 5.11761 4.19274 5.16055 4.12276C5.20349 4.05279 5.2598 3.99196 5.32625 3.94375ZM5.0325 10.9437L3.845 11.33C3.76604 11.3594 3.68196 11.3725 3.5978 11.3686C3.51364 11.3646 3.43114 11.3437 3.35527 11.3071C3.2794 11.2705 3.21171 11.2189 3.15629 11.1554C3.10086 11.092 3.05883 11.018 3.03274 10.9379C3.00664 10.8577 2.997 10.7732 3.00442 10.6893C3.01183 10.6053 3.03613 10.5238 3.07587 10.4495C3.1156 10.3752 3.16995 10.3097 3.23564 10.2569C3.30133 10.2042 3.37701 10.1653 3.45813 10.1425L4.64563 9.75625C4.72467 9.72655 4.80892 9.71317 4.89327 9.71693C4.97763 9.72069 5.06035 9.7415 5.13644 9.77811C5.21253 9.81472 5.28042 9.86637 5.33599 9.92994C5.39157 9.99352 5.43369 10.0677 5.45981 10.148C5.48593 10.2283 5.4955 10.3131 5.48796 10.3972C5.48041 10.4813 5.45591 10.563 5.41591 10.6373C5.37592 10.7117 5.32127 10.7772 5.25527 10.8299C5.18926 10.8825 5.11389 10.9213 5.0325 10.9437ZM9.625 14.625C9.625 14.7908 9.55915 14.9497 9.44194 15.0669C9.32473 15.1841 9.16576 15.25 9 15.25C8.83424 15.25 8.67527 15.1841 8.55806 15.0669C8.44085 14.9497 8.375 14.7908 8.375 14.625V13.375C8.375 13.2092 8.44085 13.0503 8.55806 12.9331C8.67527 12.8158 8.83424 12.75 9 12.75C9.16576 12.75 9.32473 12.8158 9.44194 12.9331C9.55915 13.0503 9.625 13.2092 9.625 13.375V14.625ZM9 11L6.6475 12.2375L7.09688 9.61812L5.19375 7.76312L7.82375 7.38125L9 5L10.1763 7.38125L12.8063 7.76312L10.9031 9.61812L11.3525 12.2375L9 11ZM14.1563 11.3312L12.9688 10.945C12.8874 10.9225 12.8114 10.8838 12.7454 10.8311C12.6794 10.7784 12.6247 10.7129 12.5847 10.6386C12.5447 10.5642 12.5202 10.4825 12.5127 10.3984C12.5051 10.3143 12.5147 10.2295 12.5408 10.1492C12.5669 10.0689 12.6091 9.99477 12.6646 9.9312C12.7202 9.86762 12.7881 9.81597 12.8642 9.77936C12.9403 9.74275 13.023 9.72194 13.1074 9.71818C13.1917 9.71442 13.276 9.7278 13.355 9.7575L14.5425 10.1437C14.6236 10.1665 14.6993 10.2054 14.765 10.2582C14.8307 10.311 14.885 10.3764 14.9248 10.4507C14.9645 10.525 14.9888 10.6066 14.9962 10.6905C15.0036 10.7744 14.994 10.859 14.9679 10.9391C14.9418 11.0192 14.8998 11.0932 14.8443 11.1567C14.7889 11.2201 14.7212 11.2717 14.6454 11.3083C14.5695 11.345 14.487 11.3659 14.4028 11.3698C14.3187 11.3738 14.2352 11.3606 14.1563 11.3312Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "HighQuality"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/HighQuality.tsx b/web/app/components/base/icons/src/vender/knowledge/HighQuality.tsx
index 964e4f1a2b..97ad0dce00 100644
--- a/web/app/components/base/icons/src/vender/knowledge/HighQuality.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/HighQuality.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './HighQuality.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './HighQuality.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/HybridSearch.json b/web/app/components/base/icons/src/vender/knowledge/HybridSearch.json
index cb319fd841..1b0af3a99b 100644
--- a/web/app/components/base/icons/src/vender/knowledge/HybridSearch.json
+++ b/web/app/components/base/icons/src/vender/knowledge/HybridSearch.json
@@ -1,116 +1,116 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M2.54546 15.5001C2.1409 15.5001 1.74544 15.3801 1.40906 15.1554C1.07269 14.9306 0.810517 14.6112 0.655702 14.2374C0.500886 13.8636 0.460379 13.4524 0.539304 13.0556C0.618228 12.6588 0.813039 12.2943 1.0991 12.0083C1.38516 11.7222 1.74963 11.5274 2.14641 11.4485C2.54319 11.3696 2.95446 11.4101 3.32822 11.5649C3.70198 11.7197 4.02143 11.9819 4.24619 12.3182C4.47095 12.6546 4.59091 13.0501 4.59091 13.4546C4.59091 13.9971 4.37541 14.5174 3.99181 14.901C3.60821 15.2846 3.08794 15.5001 2.54546 15.5001Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M8.00005 5.95459C7.59549 5.95459 7.20003 6.07455 6.86365 6.29931C6.52728 6.52407 6.26511 6.84352 6.11029 7.21728C5.95548 7.59104 5.91497 8.00231 5.99389 8.39909C6.07282 8.79587 6.26763 9.16034 6.55369 9.4464C6.83975 9.73246 7.20422 9.92727 7.601 10.0062C7.99778 10.0851 8.40905 10.0446 8.78281 9.8898C9.15656 9.73498 9.47602 9.47281 9.70078 9.13644C9.92554 8.80006 10.0455 8.4046 10.0455 8.00004C10.0455 7.45756 9.83 6.93729 9.4464 6.55369C9.0628 6.17009 8.54253 5.95459 8.00005 5.95459Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M2.54546 0.5C2.1409 0.5 1.74544 0.619964 1.40906 0.844721C1.07269 1.06948 0.810517 1.38893 0.655702 1.76269C0.500886 2.13645 0.460379 2.54772 0.539304 2.9445C0.618228 3.34128 0.813039 3.70575 1.0991 3.99181C1.38516 4.27787 1.74963 4.47268 2.14641 4.55161C2.54319 4.63053 2.95446 4.59002 3.32822 4.43521C3.70198 4.28039 4.02143 4.01822 4.24619 3.68185C4.47095 3.34547 4.59091 2.95001 4.59091 2.54545C4.59091 2.00297 4.37541 1.4827 3.99181 1.0991C3.60821 0.715503 3.08794 0.5 2.54546 0.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M13.4545 0.5C13.05 0.5 12.6545 0.619964 12.3181 0.844721C11.9817 1.06948 11.7196 1.38893 11.5648 1.76269C11.4099 2.13645 11.3694 2.54772 11.4484 2.9445C11.5273 3.34128 11.7221 3.70575 12.0082 3.99181C12.2942 4.27787 12.6587 4.47268 13.0555 4.55161C13.4522 4.63053 13.8635 4.59002 14.2373 4.43521C14.611 4.28039 14.9305 4.01822 15.1552 3.68185C15.38 3.34547 15.5 2.95001 15.5 2.54545C15.5 2.00297 15.2845 1.4827 14.9009 1.0991C14.5173 0.715503 13.997 0.5 13.4545 0.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_5",
-							"d": "M13.4545 11.4092C13.05 11.4092 12.6545 11.5291 12.3181 11.7539C11.9817 11.9787 11.7196 12.2981 11.5648 12.6719C11.4099 13.0456 11.3694 13.4569 11.4484 13.8537C11.5273 14.2505 11.7221 14.6149 12.0082 14.901C12.2942 15.1871 12.6587 15.3819 13.0555 15.4608C13.4522 15.5397 13.8635 15.4992 14.2373 15.3444C14.611 15.1896 14.9305 14.9274 15.1552 14.591C15.38 14.2547 15.5 13.8592 15.5 13.4546C15.5 12.9121 15.2845 12.3919 14.9009 12.0083C14.5173 11.6247 13.997 11.4092 13.4545 11.4092Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_6",
-							"d": "M4.59091 5.95459H0.5V10.0455H4.59091V5.95459Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_7",
-							"d": "M15.5 5.95459H11.4091V10.0455H15.5V5.95459Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_8",
-							"d": "M10.0455 0.5H5.95459V4.59091H10.0455V0.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_9",
-							"d": "M10.0455 11.4092H5.95459V15.5001H10.0455V11.4092Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "HybridSearch"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M2.54546 15.5001C2.1409 15.5001 1.74544 15.3801 1.40906 15.1554C1.07269 14.9306 0.810517 14.6112 0.655702 14.2374C0.500886 13.8636 0.460379 13.4524 0.539304 13.0556C0.618228 12.6588 0.813039 12.2943 1.0991 12.0083C1.38516 11.7222 1.74963 11.5274 2.14641 11.4485C2.54319 11.3696 2.95446 11.4101 3.32822 11.5649C3.70198 11.7197 4.02143 11.9819 4.24619 12.3182C4.47095 12.6546 4.59091 13.0501 4.59091 13.4546C4.59091 13.9971 4.37541 14.5174 3.99181 14.901C3.60821 15.2846 3.08794 15.5001 2.54546 15.5001Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M8.00005 5.95459C7.59549 5.95459 7.20003 6.07455 6.86365 6.29931C6.52728 6.52407 6.26511 6.84352 6.11029 7.21728C5.95548 7.59104 5.91497 8.00231 5.99389 8.39909C6.07282 8.79587 6.26763 9.16034 6.55369 9.4464C6.83975 9.73246 7.20422 9.92727 7.601 10.0062C7.99778 10.0851 8.40905 10.0446 8.78281 9.8898C9.15656 9.73498 9.47602 9.47281 9.70078 9.13644C9.92554 8.80006 10.0455 8.4046 10.0455 8.00004C10.0455 7.45756 9.83 6.93729 9.4464 6.55369C9.0628 6.17009 8.54253 5.95459 8.00005 5.95459Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M2.54546 0.5C2.1409 0.5 1.74544 0.619964 1.40906 0.844721C1.07269 1.06948 0.810517 1.38893 0.655702 1.76269C0.500886 2.13645 0.460379 2.54772 0.539304 2.9445C0.618228 3.34128 0.813039 3.70575 1.0991 3.99181C1.38516 4.27787 1.74963 4.47268 2.14641 4.55161C2.54319 4.63053 2.95446 4.59002 3.32822 4.43521C3.70198 4.28039 4.02143 4.01822 4.24619 3.68185C4.47095 3.34547 4.59091 2.95001 4.59091 2.54545C4.59091 2.00297 4.37541 1.4827 3.99181 1.0991C3.60821 0.715503 3.08794 0.5 2.54546 0.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M13.4545 0.5C13.05 0.5 12.6545 0.619964 12.3181 0.844721C11.9817 1.06948 11.7196 1.38893 11.5648 1.76269C11.4099 2.13645 11.3694 2.54772 11.4484 2.9445C11.5273 3.34128 11.7221 3.70575 12.0082 3.99181C12.2942 4.27787 12.6587 4.47268 13.0555 4.55161C13.4522 4.63053 13.8635 4.59002 14.2373 4.43521C14.611 4.28039 14.9305 4.01822 15.1552 3.68185C15.38 3.34547 15.5 2.95001 15.5 2.54545C15.5 2.00297 15.2845 1.4827 14.9009 1.0991C14.5173 0.715503 13.997 0.5 13.4545 0.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_5",
+              "d": "M13.4545 11.4092C13.05 11.4092 12.6545 11.5291 12.3181 11.7539C11.9817 11.9787 11.7196 12.2981 11.5648 12.6719C11.4099 13.0456 11.3694 13.4569 11.4484 13.8537C11.5273 14.2505 11.7221 14.6149 12.0082 14.901C12.2942 15.1871 12.6587 15.3819 13.0555 15.4608C13.4522 15.5397 13.8635 15.4992 14.2373 15.3444C14.611 15.1896 14.9305 14.9274 15.1552 14.591C15.38 14.2547 15.5 13.8592 15.5 13.4546C15.5 12.9121 15.2845 12.3919 14.9009 12.0083C14.5173 11.6247 13.997 11.4092 13.4545 11.4092Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_6",
+              "d": "M4.59091 5.95459H0.5V10.0455H4.59091V5.95459Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_7",
+              "d": "M15.5 5.95459H11.4091V10.0455H15.5V5.95459Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_8",
+              "d": "M10.0455 0.5H5.95459V4.59091H10.0455V0.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_9",
+              "d": "M10.0455 11.4092H5.95459V15.5001H10.0455V11.4092Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "HybridSearch"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/HybridSearch.tsx b/web/app/components/base/icons/src/vender/knowledge/HybridSearch.tsx
index b9a83245ee..2c9c8b9f07 100644
--- a/web/app/components/base/icons/src/vender/knowledge/HybridSearch.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/HybridSearch.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './HybridSearch.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './HybridSearch.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.json b/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.json
index 2f534cf897..0c535dfb47 100644
--- a/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.json
+++ b/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "parent-child"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.56251 5.8125C6.77063 5.8125 7.75001 4.83312 7.75001 3.625C7.75001 2.41688 6.77063 1.4375 5.56251 1.4375C4.35439 1.4375 3.37501 2.41688 3.37501 3.625C3.37501 4.83312 4.35439 5.8125 5.56251 5.8125Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.4375 5.8125C13.6456 5.8125 14.625 4.83312 14.625 3.625C14.625 2.41688 13.6456 1.4375 12.4375 1.4375C11.2294 1.4375 10.25 2.41688 10.25 3.625C10.25 4.83312 11.2294 5.8125 12.4375 5.8125Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.4375 7.0625C11.7566 7.06326 11.0868 7.23541 10.4899 7.56309C9.89294 7.89077 9.38811 8.36342 9.02188 8.9375C9.51723 8.94327 9.99017 9.14485 10.3374 9.49819C10.6846 9.85154 10.8779 10.3279 10.875 10.8233C10.8721 11.3187 10.6733 11.7928 10.322 12.1421C9.97065 12.4913 9.49539 12.6874 9.00001 12.6874C8.50462 12.6874 8.02937 12.4913 7.67805 12.1421C7.32674 11.7928 7.12793 11.3187 7.12504 10.8233C7.12215 10.3279 7.31542 9.85154 7.66263 9.49819C8.00984 9.14485 8.48278 8.94327 8.97813 8.9375C8.50629 8.1962 7.80649 7.62817 6.984 7.31887C6.16151 7.00957 5.26082 6.97572 4.41744 7.22243C3.57406 7.46914 2.8336 7.98305 2.30746 8.68685C1.78132 9.39065 1.49796 10.2463 1.50001 11.125V15.1875C1.50001 15.3533 1.56586 15.5122 1.68307 15.6294C1.80028 15.7466 1.95925 15.8125 2.12501 15.8125H6.50001V14.25L4.25001 12.5625C4.18435 12.5132 4.12903 12.4515 4.08721 12.3809C4.0454 12.3103 4.0179 12.2321 4.00629 12.1509C3.98285 11.9868 4.02555 11.8201 4.12501 11.6875C4.22447 11.5549 4.37253 11.4672 4.53662 11.4438C4.70072 11.4203 4.8674 11.463 5.00001 11.5625L7.33313 13.3125H10.6669L13 11.5625C13.1326 11.463 13.2993 11.4203 13.4634 11.4438C13.6275 11.4672 13.7755 11.5549 13.875 11.6875C13.9745 11.8201 14.0172 11.9868 13.9937 12.1509C13.9703 12.315 13.8826 12.463 13.75 12.5625L11.5 14.25V15.8125H15.875C16.0408 15.8125 16.1997 15.7466 16.3169 15.6294C16.4342 15.5122 16.5 15.3533 16.5 15.1875V11.125C16.4987 10.048 16.0702 9.01541 15.3087 8.25383C14.5471 7.49226 13.5145 7.06382 12.4375 7.0625Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ParentChildChunk"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "parent-child"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.56251 5.8125C6.77063 5.8125 7.75001 4.83312 7.75001 3.625C7.75001 2.41688 6.77063 1.4375 5.56251 1.4375C4.35439 1.4375 3.37501 2.41688 3.37501 3.625C3.37501 4.83312 4.35439 5.8125 5.56251 5.8125Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.4375 5.8125C13.6456 5.8125 14.625 4.83312 14.625 3.625C14.625 2.41688 13.6456 1.4375 12.4375 1.4375C11.2294 1.4375 10.25 2.41688 10.25 3.625C10.25 4.83312 11.2294 5.8125 12.4375 5.8125Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.4375 7.0625C11.7566 7.06326 11.0868 7.23541 10.4899 7.56309C9.89294 7.89077 9.38811 8.36342 9.02188 8.9375C9.51723 8.94327 9.99017 9.14485 10.3374 9.49819C10.6846 9.85154 10.8779 10.3279 10.875 10.8233C10.8721 11.3187 10.6733 11.7928 10.322 12.1421C9.97065 12.4913 9.49539 12.6874 9.00001 12.6874C8.50462 12.6874 8.02937 12.4913 7.67805 12.1421C7.32674 11.7928 7.12793 11.3187 7.12504 10.8233C7.12215 10.3279 7.31542 9.85154 7.66263 9.49819C8.00984 9.14485 8.48278 8.94327 8.97813 8.9375C8.50629 8.1962 7.80649 7.62817 6.984 7.31887C6.16151 7.00957 5.26082 6.97572 4.41744 7.22243C3.57406 7.46914 2.8336 7.98305 2.30746 8.68685C1.78132 9.39065 1.49796 10.2463 1.50001 11.125V15.1875C1.50001 15.3533 1.56586 15.5122 1.68307 15.6294C1.80028 15.7466 1.95925 15.8125 2.12501 15.8125H6.50001V14.25L4.25001 12.5625C4.18435 12.5132 4.12903 12.4515 4.08721 12.3809C4.0454 12.3103 4.0179 12.2321 4.00629 12.1509C3.98285 11.9868 4.02555 11.8201 4.12501 11.6875C4.22447 11.5549 4.37253 11.4672 4.53662 11.4438C4.70072 11.4203 4.8674 11.463 5.00001 11.5625L7.33313 13.3125H10.6669L13 11.5625C13.1326 11.463 13.2993 11.4203 13.4634 11.4438C13.6275 11.4672 13.7755 11.5549 13.875 11.6875C13.9745 11.8201 14.0172 11.9868 13.9937 12.1509C13.9703 12.315 13.8826 12.463 13.75 12.5625L11.5 14.25V15.8125H15.875C16.0408 15.8125 16.1997 15.7466 16.3169 15.6294C16.4342 15.5122 16.5 15.3533 16.5 15.1875V11.125C16.4987 10.048 16.0702 9.01541 15.3087 8.25383C14.5471 7.49226 13.5145 7.06382 12.4375 7.0625Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ParentChildChunk"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.tsx b/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.tsx
index 87664b706a..631fb68c38 100644
--- a/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/ParentChildChunk.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ParentChildChunk.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ParentChildChunk.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.json b/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.json
index bfb877cb7b..3b39f72ef3 100644
--- a/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.json
+++ b/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "qa"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M16.5015 3.75C16.5015 2.92157 15.8299 2.25 15.0015 2.25H6.00146C5.17304 2.25 4.50146 2.92157 4.50146 3.75V5.25H3.00146C2.17304 5.25 1.50146 5.92157 1.50146 6.75V12.75C1.50146 13.5784 2.17304 14.25 3.00146 14.25H3.75146V15.375C3.75146 15.6407 3.89209 15.8867 4.12112 16.0214C4.35015 16.1562 4.6334 16.1597 4.8657 16.0307L8.07083 14.25H12.0015C12.8299 14.25 13.5015 13.5784 13.5015 12.75V11.25H15.0015C15.8299 11.25 16.5015 10.5785 16.5015 9.75V3.75ZM12.0015 5.25H6.00146V3.75H15.0015V9.75H13.5015V6.75C13.5015 5.92157 12.8299 5.25 12.0015 5.25ZM5.25 7.5C4.83579 7.5 4.5 7.83579 4.5 8.25C4.5 8.66421 4.83579 9 5.25 9H9.75C10.1642 9 10.5 8.66421 10.5 8.25C10.5 7.83579 10.1642 7.5 9.75 7.5H5.25ZM5.25 10.5C4.83579 10.5 4.5 10.8358 4.5 11.25C4.5 11.6642 4.83579 12 5.25 12H7.5C7.91421 12 8.25 11.6642 8.25 11.25C8.25 10.8358 7.91421 10.5 7.5 10.5H5.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "QuestionAndAnswer"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "qa"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M16.5015 3.75C16.5015 2.92157 15.8299 2.25 15.0015 2.25H6.00146C5.17304 2.25 4.50146 2.92157 4.50146 3.75V5.25H3.00146C2.17304 5.25 1.50146 5.92157 1.50146 6.75V12.75C1.50146 13.5784 2.17304 14.25 3.00146 14.25H3.75146V15.375C3.75146 15.6407 3.89209 15.8867 4.12112 16.0214C4.35015 16.1562 4.6334 16.1597 4.8657 16.0307L8.07083 14.25H12.0015C12.8299 14.25 13.5015 13.5784 13.5015 12.75V11.25H15.0015C15.8299 11.25 16.5015 10.5785 16.5015 9.75V3.75ZM12.0015 5.25H6.00146V3.75H15.0015V9.75H13.5015V6.75C13.5015 5.92157 12.8299 5.25 12.0015 5.25ZM5.25 7.5C4.83579 7.5 4.5 7.83579 4.5 8.25C4.5 8.66421 4.83579 9 5.25 9H9.75C10.1642 9 10.5 8.66421 10.5 8.25C10.5 7.83579 10.1642 7.5 9.75 7.5H5.25ZM5.25 10.5C4.83579 10.5 4.5 10.8358 4.5 11.25C4.5 11.6642 4.83579 12 5.25 12H7.5C7.91421 12 8.25 11.6642 8.25 11.25C8.25 10.8358 7.91421 10.5 7.5 10.5H5.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "QuestionAndAnswer"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.tsx b/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.tsx
index 2492e63710..a1f967955e 100644
--- a/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/QuestionAndAnswer.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './QuestionAndAnswer.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './QuestionAndAnswer.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/SearchMenu.json b/web/app/components/base/icons/src/vender/knowledge/SearchMenu.json
index 6b5fdbf922..e609fb1dbe 100644
--- a/web/app/components/base/icons/src/vender/knowledge/SearchMenu.json
+++ b/web/app/components/base/icons/src/vender/knowledge/SearchMenu.json
@@ -1,77 +1,77 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "33",
-			"viewBox": "0 0 32 33",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M28.0049 16.5C28.0049 20.9183 24.4231 24.5 20.0049 24.5C15.5866 24.5 12.0049 20.9183 12.0049 16.5C12.0049 12.0817 15.5866 8.5 20.0049 8.5C24.4231 8.5 28.0049 12.0817 28.0049 16.5Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 16.5H6.67155",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 9.83301H8.00488",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 23.167H8.00488",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M26 22.5L29.3333 25.8333",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "SearchMenu"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "33",
+      "viewBox": "0 0 32 33",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M28.0049 16.5C28.0049 20.9183 24.4231 24.5 20.0049 24.5C15.5866 24.5 12.0049 20.9183 12.0049 16.5C12.0049 12.0817 15.5866 8.5 20.0049 8.5C24.4231 8.5 28.0049 12.0817 28.0049 16.5Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 16.5H6.67155",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 9.83301H8.00488",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 23.167H8.00488",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M26 22.5L29.3333 25.8333",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "SearchMenu"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/SearchMenu.tsx b/web/app/components/base/icons/src/vender/knowledge/SearchMenu.tsx
index 497f24a984..36b3e6ab96 100644
--- a/web/app/components/base/icons/src/vender/knowledge/SearchMenu.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/SearchMenu.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SearchMenu.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SearchMenu.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/knowledge/VectorSearch.json b/web/app/components/base/icons/src/vender/knowledge/VectorSearch.json
index 760e1c02ab..714a4bcfb2 100644
--- a/web/app/components/base/icons/src/vender/knowledge/VectorSearch.json
+++ b/web/app/components/base/icons/src/vender/knowledge/VectorSearch.json
@@ -1,116 +1,116 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M4.25 15.5H0.5V11.75H4.25V15.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M9.875 9.875H6.125V6.125H9.875V9.875Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M4.25 9.875H0.5V6.125H4.25V9.875Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M9.875 4.25H6.125V0.5H9.875V4.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_5",
-							"d": "M4.25 4.25H0.5V0.5H4.25V4.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_6",
-							"d": "M15.5 4.25H11.75V0.5H15.5V4.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_7",
-							"d": "M14.875 12.375H12.375V14.875H14.875V12.375Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_8",
-							"d": "M14.875 6.75H12.375V9.25H14.875V6.75Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_9",
-							"d": "M9.25 12.375H6.75V14.875H9.25V12.375Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "VectorSearch"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M4.25 15.5H0.5V11.75H4.25V15.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M9.875 9.875H6.125V6.125H9.875V9.875Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M4.25 9.875H0.5V6.125H4.25V9.875Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M9.875 4.25H6.125V0.5H9.875V4.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_5",
+              "d": "M4.25 4.25H0.5V0.5H4.25V4.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_6",
+              "d": "M15.5 4.25H11.75V0.5H15.5V4.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_7",
+              "d": "M14.875 12.375H12.375V14.875H14.875V12.375Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_8",
+              "d": "M14.875 6.75H12.375V9.25H14.875V6.75Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_9",
+              "d": "M9.25 12.375H6.75V14.875H9.25V12.375Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "VectorSearch"
 }
diff --git a/web/app/components/base/icons/src/vender/knowledge/VectorSearch.tsx b/web/app/components/base/icons/src/vender/knowledge/VectorSearch.tsx
index fa22a54587..6670ae2edf 100644
--- a/web/app/components/base/icons/src/vender/knowledge/VectorSearch.tsx
+++ b/web/app/components/base/icons/src/vender/knowledge/VectorSearch.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './VectorSearch.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './VectorSearch.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.json b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.json
index 057ecbdfc2..f93f50cd6f 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.json
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "alert-triangle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M7.99977 5.33314V7.99981M7.99977 10.6665H8.00644M6.85977 1.90648L1.2131 11.3331C1.09668 11.5348 1.03508 11.7633 1.03443 11.9962C1.03378 12.229 1.0941 12.4579 1.20939 12.6602C1.32468 12.8624 1.49092 13.031 1.69157 13.149C1.89223 13.2671 2.1203 13.3306 2.3531 13.3331H13.6464C13.8792 13.3306 14.1073 13.2671 14.308 13.149C14.5086 13.031 14.6749 12.8624 14.7902 12.6602C14.9054 12.4579 14.9658 12.229 14.9651 11.9962C14.9645 11.7633 14.9029 11.5348 14.7864 11.3331L9.13977 1.90648C9.02092 1.71055 8.85358 1.54856 8.6539 1.43613C8.45422 1.32371 8.22893 1.26465 7.99977 1.26465C7.77061 1.26465 7.54532 1.32371 7.34564 1.43613C7.14596 1.54856 6.97862 1.71055 6.85977 1.90648Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "AlertTriangle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "alert-triangle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M7.99977 5.33314V7.99981M7.99977 10.6665H8.00644M6.85977 1.90648L1.2131 11.3331C1.09668 11.5348 1.03508 11.7633 1.03443 11.9962C1.03378 12.229 1.0941 12.4579 1.20939 12.6602C1.32468 12.8624 1.49092 13.031 1.69157 13.149C1.89223 13.2671 2.1203 13.3306 2.3531 13.3331H13.6464C13.8792 13.3306 14.1073 13.2671 14.308 13.149C14.5086 13.031 14.6749 12.8624 14.7902 12.6602C14.9054 12.4579 14.9658 12.229 14.9651 11.9962C14.9645 11.7633 14.9029 11.5348 14.7864 11.3331L9.13977 1.90648C9.02092 1.71055 8.85358 1.54856 8.6539 1.43613C8.45422 1.32371 8.22893 1.26465 7.99977 1.26465C7.77061 1.26465 7.54532 1.32371 7.34564 1.43613C7.14596 1.54856 6.97862 1.71055 6.85977 1.90648Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AlertTriangle"
 }
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
index 465c638547..7f07c8b258 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AlertTriangle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AlertTriangle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.json b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.json
index 41877c74bd..d84c5efde8 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.json
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon",
-					"clip-path": "url(#clip0_17340_934)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M11.3333 1.33398V8.66732M14.6666 6.53398V3.46732C14.6666 2.72058 14.6666 2.34721 14.5213 2.062C14.3935 1.81111 14.1895 1.60714 13.9386 1.47931C13.6534 1.33398 13.28 1.33398 12.5333 1.33398H5.41196C4.43764 1.33398 3.95048 1.33398 3.55701 1.51227C3.21022 1.66941 2.91549 1.92227 2.70745 2.24113C2.4714 2.60291 2.39732 3.08441 2.24917 4.0474L1.90045 6.31407C1.70505 7.58419 1.60735 8.21926 1.79582 8.7134C1.96125 9.14711 2.27239 9.50978 2.6759 9.73923C3.13564 10.0007 3.77818 10.0007 5.06324 10.0007H5.59995C5.97332 10.0007 6.16001 10.0007 6.30261 10.0733C6.42806 10.1372 6.53004 10.2392 6.59396 10.3647C6.66662 10.5073 6.66662 10.6939 6.66662 11.0673V13.0234C6.66662 13.9313 7.40262 14.6673 8.31051 14.6673C8.52706 14.6673 8.7233 14.5398 8.81125 14.3419L11.0518 9.30077C11.1537 9.07148 11.2046 8.95684 11.2852 8.87278C11.3563 8.79847 11.4438 8.74165 11.5406 8.70678C11.6501 8.66732 11.7756 8.66732 12.0265 8.66732H12.5333C13.28 8.66732 13.6534 8.66732 13.9386 8.52199C14.1895 8.39416 14.3935 8.19019 14.5213 7.93931C14.6666 7.65409 14.6666 7.28072 14.6666 6.53398Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_17340_934"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ThumbsDown"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon",
+          "clip-path": "url(#clip0_17340_934)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M11.3333 1.33398V8.66732M14.6666 6.53398V3.46732C14.6666 2.72058 14.6666 2.34721 14.5213 2.062C14.3935 1.81111 14.1895 1.60714 13.9386 1.47931C13.6534 1.33398 13.28 1.33398 12.5333 1.33398H5.41196C4.43764 1.33398 3.95048 1.33398 3.55701 1.51227C3.21022 1.66941 2.91549 1.92227 2.70745 2.24113C2.4714 2.60291 2.39732 3.08441 2.24917 4.0474L1.90045 6.31407C1.70505 7.58419 1.60735 8.21926 1.79582 8.7134C1.96125 9.14711 2.27239 9.50978 2.6759 9.73923C3.13564 10.0007 3.77818 10.0007 5.06324 10.0007H5.59995C5.97332 10.0007 6.16001 10.0007 6.30261 10.0733C6.42806 10.1372 6.53004 10.2392 6.59396 10.3647C6.66662 10.5073 6.66662 10.6939 6.66662 11.0673V13.0234C6.66662 13.9313 7.40262 14.6673 8.31051 14.6673C8.52706 14.6673 8.7233 14.5398 8.81125 14.3419L11.0518 9.30077C11.1537 9.07148 11.2046 8.95684 11.2852 8.87278C11.3563 8.79847 11.4438 8.74165 11.5406 8.70678C11.6501 8.66732 11.7756 8.66732 12.0265 8.66732H12.5333C13.28 8.66732 13.6534 8.66732 13.9386 8.52199C14.1895 8.39416 14.3935 8.19019 14.5213 7.93931C14.6666 7.65409 14.6666 7.28072 14.6666 6.53398Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_17340_934"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ThumbsDown"
 }
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
index 6f675fe9d7..ca5076483d 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ThumbsDown.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ThumbsDown.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.json b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.json
index 0ee442871f..db532e1604 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.json
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon",
-					"clip-path": "url(#clip0_17340_931)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M4.66671 14.6673V7.33398M1.33337 8.66732V13.334C1.33337 14.0704 1.93033 14.6673 2.66671 14.6673H11.6175C12.6047 14.6673 13.4442 13.9471 13.5943 12.9714L14.3122 8.30477C14.4986 7.09325 13.5613 6.00065 12.3355 6.00065H10C9.63185 6.00065 9.33337 5.70217 9.33337 5.33398V2.97788C9.33337 2.06998 8.59738 1.33398 7.68948 1.33398C7.47293 1.33398 7.27669 1.46151 7.18875 1.6594L4.84267 6.93808C4.73567 7.17883 4.49692 7.33398 4.23346 7.33398H2.66671C1.93033 7.33398 1.33337 7.93094 1.33337 8.66732Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_17340_931"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ThumbsUp"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon",
+          "clip-path": "url(#clip0_17340_931)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M4.66671 14.6673V7.33398M1.33337 8.66732V13.334C1.33337 14.0704 1.93033 14.6673 2.66671 14.6673H11.6175C12.6047 14.6673 13.4442 13.9471 13.5943 12.9714L14.3122 8.30477C14.4986 7.09325 13.5613 6.00065 12.3355 6.00065H10C9.63185 6.00065 9.33337 5.70217 9.33337 5.33398V2.97788C9.33337 2.06998 8.59738 1.33398 7.68948 1.33398C7.47293 1.33398 7.27669 1.46151 7.18875 1.6594L4.84267 6.93808C4.73567 7.17883 4.49692 7.33398 4.23346 7.33398H2.66671C1.93033 7.33398 1.33337 7.93094 1.33337 8.66732Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_17340_931"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ThumbsUp"
 }
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
index e4cb8ccb72..accfa9589e 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ThumbsUp.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ThumbsUp.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.json b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.json
index e131493a55..9b081a00d6 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.json
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.43295 1.50009L11.1961 9.7501C11.3342 9.98925 11.2523 10.295 11.0131 10.4331C10.9371 10.477 10.8509 10.5001 10.7631 10.5001H1.23682C0.960676 10.5001 0.736816 10.2762 0.736816 10.0001C0.736816 9.9123 0.759921 9.8261 0.803806 9.7501L5.56695 1.50009C5.705 1.26094 6.0108 1.179 6.24995 1.31707C6.32595 1.36096 6.3891 1.42408 6.43295 1.50009ZM5.49995 8.0001V9.0001H6.49995V8.0001H5.49995ZM5.49995 4.50008V7.0001H6.49995V4.50008H5.49995Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Warning"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.43295 1.50009L11.1961 9.7501C11.3342 9.98925 11.2523 10.295 11.0131 10.4331C10.9371 10.477 10.8509 10.5001 10.7631 10.5001H1.23682C0.960676 10.5001 0.736816 10.2762 0.736816 10.0001C0.736816 9.9123 0.759921 9.8261 0.803806 9.7501L5.56695 1.50009C5.705 1.26094 6.0108 1.179 6.24995 1.31707C6.32595 1.36096 6.3891 1.42408 6.43295 1.50009ZM5.49995 8.0001V9.0001H6.49995V8.0001H5.49995ZM5.49995 4.50008V7.0001H6.49995V4.50008H5.49995Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Warning"
 }
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.tsx
index b73363b2c2..5e94cacf8d 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/Warning.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Warning.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Warning.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.json b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.json
index e3f7b5c674..d64b1372df 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M13.3625 8H2.6958M2.6958 8L6.6958 12M2.6958 8L6.6958 4",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ArrowNarrowLeft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M13.3625 8H2.6958M2.6958 8L6.6958 12M2.6958 8L6.6958 4",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ArrowNarrowLeft"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
index 9731f85581..a9feb4a31d 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArrowNarrowLeft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArrowNarrowLeft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.json b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.json
index 621a37afdf..485f7bdf3b 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "arrow-up-right"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M4.08325 9.91665L9.91659 4.08331M9.91659 4.08331H4.08325M9.91659 4.08331V9.91665",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ArrowUpRight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "arrow-up-right"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M4.08325 9.91665L9.91659 4.08331M9.91659 4.08331H4.08325M9.91659 4.08331V9.91665",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ArrowUpRight"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
index f100e54042..02b0201fa6 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArrowUpRight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArrowUpRight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.json b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.json
index 706e13533c..2f9093deb6 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "13",
-			"viewBox": "0 0 12 13",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "chevron-down-double"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M3.5 7L6 9.5L8.5 7M3.5 3.5L6 6L8.5 3.5",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ChevronDownDouble"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "13",
+      "viewBox": "0 0 12 13",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "chevron-down-double"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M3.5 7L6 9.5L8.5 7M3.5 3.5L6 6L8.5 3.5",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChevronDownDouble"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
index a8ee02f1c0..41ebb65ac4 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChevronDownDouble.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChevronDownDouble.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.json b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.json
index e03a2c8dd0..ae51c07863 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "chevron-right"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M5.25 10.5L8.75 7L5.25 3.5",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ChevronRight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "chevron-right"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M5.25 10.5L8.75 7L5.25 3.5",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChevronRight"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
index 95233770c5..6f818af780 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChevronRight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChevronRight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.json b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.json
index 67ff40298d..e2c9c65294 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7 15L12 20L17 15M7 9L12 4L17 9",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ChevronSelectorVertical"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7 15L12 20L17 15M7 9L12 4L17 9",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ChevronSelectorVertical"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
index 50538a81ac..6f0482adfb 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChevronSelectorVertical.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChevronSelectorVertical.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/IconR.json b/web/app/components/base/icons/src/vender/line/arrows/IconR.json
index 31624cf04f..c4c05eb0c8 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/IconR.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/IconR.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.43341 6.41661L6.30441 3.2876L7.12936 2.46265L11.6666 6.99994L7.12936 11.5372L6.30441 10.7122L9.43341 7.58327H2.33331V6.41661H9.43341Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "IconR"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.43341 6.41661L6.30441 3.2876L7.12936 2.46265L11.6666 6.99994L7.12936 11.5372L6.30441 10.7122L9.43341 7.58327H2.33331V6.41661H9.43341Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "IconR"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/IconR.tsx b/web/app/components/base/icons/src/vender/line/arrows/IconR.tsx
index 0546223e95..3b44ed4c2a 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/IconR.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/IconR.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './IconR.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './IconR.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.json b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.json
index 8b3cb0d5a7..98b22dbdcd 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2 10C2 10 4.00498 7.26822 5.63384 5.63824C7.26269 4.00827 9.5136 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.89691 21 4.43511 18.2543 3.35177 14.5M2 10V4M2 10H8",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "RefreshCcw01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2 10C2 10 4.00498 7.26822 5.63384 5.63824C7.26269 4.00827 9.5136 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.89691 21 4.43511 18.2543 3.35177 14.5M2 10V4M2 10H8",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "RefreshCcw01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
index 10bb8c8912..4495b6ab38 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './RefreshCcw01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './RefreshCcw01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.json b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.json
index 1ba0cedfd3..654cc80c1e 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.69773 13.1783C7.29715 13.8879 9.20212 13.8494 10.8334 12.9075C13.5438 11.3427 14.4724 7.87704 12.9076 5.16672L12.7409 4.87804M3.09233 10.8335C1.52752 8.12314 2.45615 4.65746 5.16647 3.09265C6.7978 2.15081 8.70277 2.11227 10.3022 2.82185M1.66226 10.8892L3.48363 11.3773L3.97166 9.5559M12.0284 6.44393L12.5164 4.62256L14.3378 5.1106",
-					"stroke": "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "RefreshCw05"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.69773 13.1783C7.29715 13.8879 9.20212 13.8494 10.8334 12.9075C13.5438 11.3427 14.4724 7.87704 12.9076 5.16672L12.7409 4.87804M3.09233 10.8335C1.52752 8.12314 2.45615 4.65746 5.16647 3.09265C6.7978 2.15081 8.70277 2.11227 10.3022 2.82185M1.66226 10.8892L3.48363 11.3773L3.97166 9.5559M12.0284 6.44393L12.5164 4.62256L14.3378 5.1106",
+          "stroke": "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "RefreshCw05"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
index 49dbf58926..972f205caa 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './RefreshCw05.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './RefreshCw05.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.json b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.json
index b5173968c8..74c027686d 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.json
+++ b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M2.66699 4.66667H9.33366C11.5428 4.66667 13.3337 6.45753 13.3337 8.66667C13.3337 10.8758 11.5428 12.6667 9.33366 12.6667H2.66699M2.66699 4.66667L5.33366 2M2.66699 4.66667L5.33366 7.33333",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ReverseLeft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M2.66699 4.66667H9.33366C11.5428 4.66667 13.3337 6.45753 13.3337 8.66667C13.3337 10.8758 11.5428 12.6667 9.33366 12.6667H2.66699M2.66699 4.66667L5.33366 2M2.66699 4.66667L5.33366 7.33333",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ReverseLeft"
 }
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
index 5656eb5e7c..0d6911f923 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ReverseLeft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ReverseLeft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/index.ts b/web/app/components/base/icons/src/vender/line/arrows/index.ts
index 78554c86f1..174c69bd95 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/index.ts
+++ b/web/app/components/base/icons/src/vender/line/arrows/index.ts
@@ -1,9 +1,9 @@
-export { default as IconR } from './IconR'
 export { default as ArrowNarrowLeft } from './ArrowNarrowLeft'
 export { default as ArrowUpRight } from './ArrowUpRight'
 export { default as ChevronDownDouble } from './ChevronDownDouble'
 export { default as ChevronRight } from './ChevronRight'
 export { default as ChevronSelectorVertical } from './ChevronSelectorVertical'
+export { default as IconR } from './IconR'
 export { default as RefreshCcw01 } from './RefreshCcw01'
 export { default as RefreshCw05 } from './RefreshCw05'
 export { default as ReverseLeft } from './ReverseLeft'
diff --git a/web/app/components/base/icons/src/vender/line/communication/AiText.json b/web/app/components/base/icons/src/vender/line/communication/AiText.json
index 2473c64c22..779da93a99 100644
--- a/web/app/components/base/icons/src/vender/line/communication/AiText.json
+++ b/web/app/components/base/icons/src/vender/line/communication/AiText.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "ai-text"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M2.33301 10.5H4.08301M2.33301 7H5.24967M2.33301 3.5H11.6663M9.91634 5.83333L10.7913 7.875L12.833 8.75L10.7913 9.625L9.91634 11.6667L9.04134 9.625L6.99967 8.75L9.04134 7.875L9.91634 5.83333Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "AiText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "ai-text"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M2.33301 10.5H4.08301M2.33301 7H5.24967M2.33301 3.5H11.6663M9.91634 5.83333L10.7913 7.875L12.833 8.75L10.7913 9.625L9.91634 11.6667L9.04134 9.625L6.99967 8.75L9.04134 7.875L9.91634 5.83333Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AiText"
 }
diff --git a/web/app/components/base/icons/src/vender/line/communication/AiText.tsx b/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
index 7d5a860038..70f2cde4de 100644
--- a/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AiText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AiText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBot.json b/web/app/components/base/icons/src/vender/line/communication/ChatBot.json
index 0e7382d741..13314efc03 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBot.json
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBot.json
@@ -1,93 +1,93 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon",
-					"clip-path": "url(#clip0_3167_27725)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M5.93972 6.47002H2.2276C1.64161 6.47002 1.16699 6.94464 1.16699 7.53063V11.7731C1.16699 12.359 1.64161 12.8337 2.2276 12.8337H9.65184C10.2378 12.8337 10.7124 12.359 10.7124 11.7731V7.53063M3.81851 4.66693V3.2882M3.81851 3.2882C4.11139 3.2882 4.34881 3.05078 4.34881 2.7579C4.34881 2.46502 4.11139 2.2276 3.81851 2.2276C3.52563 2.2276 3.2882 2.46502 3.2882 2.7579C3.2882 3.05078 3.52563 3.2882 3.81851 3.2882ZM8.06093 1.6973C8.06093 1.40457 8.29851 1.16699 8.59123 1.16699H12.3034C12.5961 1.16699 12.8337 1.40457 12.8337 1.6973V4.34881C12.8337 4.64154 12.5961 4.87911 12.3034 4.87911H9.65184L8.06093 5.93972V1.6973Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector_2"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.08354 9.65146C4.52286 9.65146 4.87899 9.29532 4.87899 8.856C4.87899 8.41668 4.52286 8.06055 4.08354 8.06055C3.64422 8.06055 3.28809 8.41668 3.28809 8.856C3.28809 9.29532 3.64422 9.65146 4.08354 9.65146Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.79566 9.65146C8.23498 9.65146 8.59112 9.29532 8.59112 8.856C8.59112 8.41668 8.23498 8.06055 7.79566 8.06055C7.35634 8.06055 7.00021 8.41668 7.00021 8.856C7.00021 9.29532 7.35634 9.65146 7.79566 9.65146Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_3167_27725"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "14",
-									"height": "14",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ChatBot"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon",
+          "clip-path": "url(#clip0_3167_27725)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M5.93972 6.47002H2.2276C1.64161 6.47002 1.16699 6.94464 1.16699 7.53063V11.7731C1.16699 12.359 1.64161 12.8337 2.2276 12.8337H9.65184C10.2378 12.8337 10.7124 12.359 10.7124 11.7731V7.53063M3.81851 4.66693V3.2882M3.81851 3.2882C4.11139 3.2882 4.34881 3.05078 4.34881 2.7579C4.34881 2.46502 4.11139 2.2276 3.81851 2.2276C3.52563 2.2276 3.2882 2.46502 3.2882 2.7579C3.2882 3.05078 3.52563 3.2882 3.81851 3.2882ZM8.06093 1.6973C8.06093 1.40457 8.29851 1.16699 8.59123 1.16699H12.3034C12.5961 1.16699 12.8337 1.40457 12.8337 1.6973V4.34881C12.8337 4.64154 12.5961 4.87911 12.3034 4.87911H9.65184L8.06093 5.93972V1.6973Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector_2"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.08354 9.65146C4.52286 9.65146 4.87899 9.29532 4.87899 8.856C4.87899 8.41668 4.52286 8.06055 4.08354 8.06055C3.64422 8.06055 3.28809 8.41668 3.28809 8.856C3.28809 9.29532 3.64422 9.65146 4.08354 9.65146Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.79566 9.65146C8.23498 9.65146 8.59112 9.29532 8.59112 8.856C8.59112 8.41668 8.23498 8.06055 7.79566 8.06055C7.35634 8.06055 7.00021 8.41668 7.00021 8.856C7.00021 9.29532 7.35634 9.65146 7.79566 9.65146Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_3167_27725"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "14",
+                  "height": "14",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChatBot"
 }
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx b/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
index 6f44bec6d1..391670d718 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChatBot.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChatBot.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.json b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.json
index 9be716acd6..f41ebc6d46 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.json
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.json
@@ -1,68 +1,68 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "48",
-			"height": "48",
-			"viewBox": "0 0 48 48",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "chat-bot"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.0909 11.2727C14.0951 11.2727 14.9091 10.4587 14.9091 9.45455C14.9091 8.45039 14.0951 7.63636 13.0909 7.63636C12.0868 7.63636 11.2727 8.45039 11.2727 9.45455C11.2727 10.4587 12.0868 11.2727 13.0909 11.2727Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M20.3636 22.1818H7.63636C5.62727 22.1818 4 23.8091 4 25.8182V40.3636C4 42.3727 5.62727 44 7.63636 44H33.0909C35.1 44 36.7273 42.3727 36.7273 40.3636V25.8182M13.0909 15.9998V11.2727M13.0909 11.2727C14.0951 11.2727 14.9091 10.4587 14.9091 9.45455C14.9091 8.45039 14.0951 7.63636 13.0909 7.63636C12.0868 7.63636 11.2727 8.45039 11.2727 9.45455C11.2727 10.4587 12.0868 11.2727 13.0909 11.2727ZM27.6364 5.81818C27.6364 4.81455 28.4509 4 29.4545 4H42.1818C43.1855 4 44 4.81455 44 5.81818V14.9091C44 15.9127 43.1855 16.7273 42.1818 16.7273H33.0909L27.6364 20.3636V5.81818Z",
-									"stroke": "currentColor",
-									"stroke-width": "2",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M15.7275 30.364C15.7275 31.3179 14.9542 32.0913 14.0002 32.0913C13.0463 32.0913 12.2729 31.3179 12.2729 30.364C12.2729 29.41 13.0463 28.6367 14.0002 28.6367C14.9542 28.6367 15.7275 29.41 15.7275 30.364ZM28.4548 30.364C28.4548 31.3179 27.6814 32.0913 26.7275 32.0913C25.7735 32.0913 25.0002 31.3179 25.0002 30.364C25.0002 29.41 25.7735 28.6367 26.7275 28.6367C27.6814 28.6367 28.4548 29.41 28.4548 30.364Z",
-							"fill": "currentColor",
-							"stroke": "currentColor",
-							"stroke-width": "2"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ChatBotSlim"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "48",
+      "height": "48",
+      "viewBox": "0 0 48 48",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "chat-bot"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.0909 11.2727C14.0951 11.2727 14.9091 10.4587 14.9091 9.45455C14.9091 8.45039 14.0951 7.63636 13.0909 7.63636C12.0868 7.63636 11.2727 8.45039 11.2727 9.45455C11.2727 10.4587 12.0868 11.2727 13.0909 11.2727Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M20.3636 22.1818H7.63636C5.62727 22.1818 4 23.8091 4 25.8182V40.3636C4 42.3727 5.62727 44 7.63636 44H33.0909C35.1 44 36.7273 42.3727 36.7273 40.3636V25.8182M13.0909 15.9998V11.2727M13.0909 11.2727C14.0951 11.2727 14.9091 10.4587 14.9091 9.45455C14.9091 8.45039 14.0951 7.63636 13.0909 7.63636C12.0868 7.63636 11.2727 8.45039 11.2727 9.45455C11.2727 10.4587 12.0868 11.2727 13.0909 11.2727ZM27.6364 5.81818C27.6364 4.81455 28.4509 4 29.4545 4H42.1818C43.1855 4 44 4.81455 44 5.81818V14.9091C44 15.9127 43.1855 16.7273 42.1818 16.7273H33.0909L27.6364 20.3636V5.81818Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M15.7275 30.364C15.7275 31.3179 14.9542 32.0913 14.0002 32.0913C13.0463 32.0913 12.2729 31.3179 12.2729 30.364C12.2729 29.41 13.0463 28.6367 14.0002 28.6367C14.9542 28.6367 15.7275 29.41 15.7275 30.364ZM28.4548 30.364C28.4548 31.3179 27.6814 32.0913 26.7275 32.0913C25.7735 32.0913 25.0002 31.3179 25.0002 30.364C25.0002 29.41 25.7735 28.6367 26.7275 28.6367C27.6814 28.6367 28.4548 29.41 28.4548 30.364Z",
+              "fill": "currentColor",
+              "stroke": "currentColor",
+              "stroke-width": "2"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChatBotSlim"
 }
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
index 77adb96a74..bcb98575a9 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChatBotSlim.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChatBotSlim.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.json b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.json
index 35596bac9a..35fc1b17a3 100644
--- a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.json
+++ b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "cute-robot"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M6.99967 2.33366H4.08301C3.43868 2.33366 2.91634 2.85599 2.91634 3.50033V6.41699C2.91634 7.06134 3.43868 7.58366 4.08301 7.58366H9.91634C10.5607 7.58366 11.083 7.06134 11.083 6.41699V3.50033C11.083 2.85599 10.5607 2.33366 9.91634 2.33366H6.99967ZM6.99967 2.33366V1.16699M3.49967 8.75033L2.33301 9.91699M3.49967 8.75033C3.49967 10.6833 5.06668 12.2503 6.99967 12.2503C8.93267 12.2503 10.4997 10.6833 10.4997 8.75033M3.49967 8.75033V7.58366M10.4997 8.75033L11.6663 9.91699M10.4997 8.75033V7.58366M5.24967 4.66699V5.25033M8.74967 4.66699V5.25033",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "CuteRobot"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "cute-robot"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M6.99967 2.33366H4.08301C3.43868 2.33366 2.91634 2.85599 2.91634 3.50033V6.41699C2.91634 7.06134 3.43868 7.58366 4.08301 7.58366H9.91634C10.5607 7.58366 11.083 7.06134 11.083 6.41699V3.50033C11.083 2.85599 10.5607 2.33366 9.91634 2.33366H6.99967ZM6.99967 2.33366V1.16699M3.49967 8.75033L2.33301 9.91699M3.49967 8.75033C3.49967 10.6833 5.06668 12.2503 6.99967 12.2503C8.93267 12.2503 10.4997 10.6833 10.4997 8.75033M3.49967 8.75033V7.58366M10.4997 8.75033L11.6663 9.91699M10.4997 8.75033V7.58366M5.24967 4.66699V5.25033M8.74967 4.66699V5.25033",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CuteRobot"
 }
diff --git a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
index 576c73a611..9bba738c69 100644
--- a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CuteRobot.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CuteRobot.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.json b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.json
index 5d4202b2e1..1cbd7fd1a4 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.json
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "message-check-remove"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M15.2 2.99994H7.8C6.11984 2.99994 5.27976 2.99994 4.63803 3.32693C4.07354 3.61455 3.6146 4.07349 3.32698 4.63797C3 5.27971 3 6.11979 3 7.79994V13.9999C3 14.9299 3 15.3949 3.10222 15.7764C3.37962 16.8117 4.18827 17.6203 5.22354 17.8977C5.60504 17.9999 6.07003 17.9999 7 17.9999V20.3354C7 20.8683 7 21.1347 7.10923 21.2716C7.20422 21.3906 7.34827 21.4598 7.50054 21.4596C7.67563 21.4594 7.88367 21.293 8.29976 20.9601L10.6852 19.0518C11.1725 18.6619 11.4162 18.467 11.6875 18.3284C11.9282 18.2054 12.1844 18.1155 12.4492 18.0612C12.7477 17.9999 13.0597 17.9999 13.6837 17.9999H16.2C17.8802 17.9999 18.7202 17.9999 19.362 17.673C19.9265 17.3853 20.3854 16.9264 20.673 16.3619C21 15.7202 21 14.8801 21 13.1999V8.79994M12.3333 13.4999L14 10.4999H10L11.6667 7.49994M19.2322 4.76771L21 2.99994M21 2.99994L22.7678 1.23218M21 2.99994L19.2322 1.23218M21 2.99994L22.7678 4.76771",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MessageCheckRemove"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "message-check-remove"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M15.2 2.99994H7.8C6.11984 2.99994 5.27976 2.99994 4.63803 3.32693C4.07354 3.61455 3.6146 4.07349 3.32698 4.63797C3 5.27971 3 6.11979 3 7.79994V13.9999C3 14.9299 3 15.3949 3.10222 15.7764C3.37962 16.8117 4.18827 17.6203 5.22354 17.8977C5.60504 17.9999 6.07003 17.9999 7 17.9999V20.3354C7 20.8683 7 21.1347 7.10923 21.2716C7.20422 21.3906 7.34827 21.4598 7.50054 21.4596C7.67563 21.4594 7.88367 21.293 8.29976 20.9601L10.6852 19.0518C11.1725 18.6619 11.4162 18.467 11.6875 18.3284C11.9282 18.2054 12.1844 18.1155 12.4492 18.0612C12.7477 17.9999 13.0597 17.9999 13.6837 17.9999H16.2C17.8802 17.9999 18.7202 17.9999 19.362 17.673C19.9265 17.3853 20.3854 16.9264 20.673 16.3619C21 15.7202 21 14.8801 21 13.1999V8.79994M12.3333 13.4999L14 10.4999H10L11.6667 7.49994M19.2322 4.76771L21 2.99994M21 2.99994L22.7678 1.23218M21 2.99994L19.2322 1.23218M21 2.99994L22.7678 4.76771",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MessageCheckRemove"
 }
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
index d68d14fd2b..adf2bc18ba 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageCheckRemove.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageCheckRemove.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.json b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.json
index 988e278325..fde1710bc5 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.json
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M15.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V8.8M12.3333 13.5L14 10.5H10L11.6667 7.5M21 5V3M21 3V1M21 3H19M21 3H23",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "MessageFastPlus"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M15.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V8.8M12.3333 13.5L14 10.5H10L11.6667 7.5M21 5V3M21 3V1M21 3H19M21 3H23",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "MessageFastPlus"
 }
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
index 20a6612c5e..b3411fbb61 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageFastPlus.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageFastPlus.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/index.ts b/web/app/components/base/icons/src/vender/line/communication/index.ts
index 3ab20e8bb4..a6844c2b69 100644
--- a/web/app/components/base/icons/src/vender/line/communication/index.ts
+++ b/web/app/components/base/icons/src/vender/line/communication/index.ts
@@ -1,6 +1,6 @@
 export { default as AiText } from './AiText'
-export { default as ChatBotSlim } from './ChatBotSlim'
 export { default as ChatBot } from './ChatBot'
+export { default as ChatBotSlim } from './ChatBotSlim'
 export { default as CuteRobot } from './CuteRobot'
 export { default as MessageCheckRemove } from './MessageCheckRemove'
 export { default as MessageFastPlus } from './MessageFastPlus'
diff --git a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.json b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.json
index 8bc500ea9b..691e3f1f11 100644
--- a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.json
+++ b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.4542 11.9996H11.9999V13.8177M17.4542 11.9996C17.4542 13.0037 18.2682 13.8177 19.2724 13.8177C20.2765 13.8177 21.0905 13.0037 21.0905 11.9996C21.0905 10.9955 20.2765 10.1815 19.2724 10.1815C18.2682 10.1815 17.4542 10.9955 17.4542 11.9996ZM6.54554 12.9087C5.318 12.9012 4.14258 12.4115 3.27293 11.5451M6.54554 12.9087C6.53904 13.471 6.71172 14.0207 7.03861 14.4783C7.36549 14.936 7.82958 15.2776 8.36365 15.4539M6.54554 12.9087C6.54223 12.5292 6.62185 12.1534 6.77888 11.808C6.9359 11.4625 7.16652 11.1556 7.45459 10.9086M3.27293 11.5451C2.8848 11.7842 2.56415 12.1184 2.34142 12.5161C2.1187 12.9139 2.00125 13.3619 2.00022 13.8177C1.99583 14.2518 2.10201 14.6799 2.30876 15.0616C2.51552 15.4433 2.81603 15.766 3.182 15.9995C3.00399 16.4639 2.91159 16.9567 2.90928 17.454C2.90333 18.0525 3.01683 18.6463 3.24315 19.2004C3.46946 19.7546 3.80404 20.258 4.2273 20.6813C4.65056 21.1045 5.154 21.4391 5.70815 21.6654C6.2623 21.8917 6.85603 22.0052 7.45458 21.9993C8.05314 22.0052 8.64686 21.8917 9.20101 21.6654C9.75516 21.4391 10.2586 21.1045 10.6819 20.6813C11.1051 20.258 11.4397 19.7546 11.666 19.2004C11.8923 18.6463 12.0058 18.0525 11.9999 17.454V16.5449H14.7271L16.1688 17.9867M3.27293 11.5451C2.44984 10.6912 1.9931 9.54938 2.00022 8.36339C1.99427 7.76484 2.10777 7.17111 2.33409 6.61696C2.5604 6.06281 2.89498 5.55937 3.31824 5.13611C3.7415 4.71285 4.24494 4.37827 4.79909 4.15195C5.35324 3.92564 5.94697 3.81214 6.54552 3.81809H6.72733C6.90356 3.28402 7.24525 2.81993 7.70289 2.49304C8.16052 2.16616 8.71035 1.99346 9.2727 1.99997C9.63267 1.99331 9.99029 2.0593 10.3242 2.19399C10.6581 2.32869 10.9614 2.52933 11.2159 2.78391C11.4705 3.03849 11.6712 3.34179 11.8059 3.67567C11.9406 4.00956 12.0065 4.36718 11.9999 4.72715M16.1688 6.0126L14.7271 7.45437H11.9999V9.27249M19.2724 19.2721C19.2724 20.2762 18.4584 21.0902 17.4542 21.0902C16.4501 21.0902 15.6361 20.2762 15.6361 19.2721C15.6361 18.268 16.4501 17.454 17.4542 17.454C18.4584 17.454 19.2724 18.268 19.2724 19.2721ZM19.2724 4.72714C19.2724 5.73126 18.4584 6.54526 17.4542 6.54526C16.4501 6.54526 15.6361 5.73126 15.6361 4.72714C15.6361 3.72302 16.4501 2.90902 17.4542 2.90902C18.4584 2.90902 19.2724 3.72302 19.2724 4.72714Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ArtificialBrain"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.4542 11.9996H11.9999V13.8177M17.4542 11.9996C17.4542 13.0037 18.2682 13.8177 19.2724 13.8177C20.2765 13.8177 21.0905 13.0037 21.0905 11.9996C21.0905 10.9955 20.2765 10.1815 19.2724 10.1815C18.2682 10.1815 17.4542 10.9955 17.4542 11.9996ZM6.54554 12.9087C5.318 12.9012 4.14258 12.4115 3.27293 11.5451M6.54554 12.9087C6.53904 13.471 6.71172 14.0207 7.03861 14.4783C7.36549 14.936 7.82958 15.2776 8.36365 15.4539M6.54554 12.9087C6.54223 12.5292 6.62185 12.1534 6.77888 11.808C6.9359 11.4625 7.16652 11.1556 7.45459 10.9086M3.27293 11.5451C2.8848 11.7842 2.56415 12.1184 2.34142 12.5161C2.1187 12.9139 2.00125 13.3619 2.00022 13.8177C1.99583 14.2518 2.10201 14.6799 2.30876 15.0616C2.51552 15.4433 2.81603 15.766 3.182 15.9995C3.00399 16.4639 2.91159 16.9567 2.90928 17.454C2.90333 18.0525 3.01683 18.6463 3.24315 19.2004C3.46946 19.7546 3.80404 20.258 4.2273 20.6813C4.65056 21.1045 5.154 21.4391 5.70815 21.6654C6.2623 21.8917 6.85603 22.0052 7.45458 21.9993C8.05314 22.0052 8.64686 21.8917 9.20101 21.6654C9.75516 21.4391 10.2586 21.1045 10.6819 20.6813C11.1051 20.258 11.4397 19.7546 11.666 19.2004C11.8923 18.6463 12.0058 18.0525 11.9999 17.454V16.5449H14.7271L16.1688 17.9867M3.27293 11.5451C2.44984 10.6912 1.9931 9.54938 2.00022 8.36339C1.99427 7.76484 2.10777 7.17111 2.33409 6.61696C2.5604 6.06281 2.89498 5.55937 3.31824 5.13611C3.7415 4.71285 4.24494 4.37827 4.79909 4.15195C5.35324 3.92564 5.94697 3.81214 6.54552 3.81809H6.72733C6.90356 3.28402 7.24525 2.81993 7.70289 2.49304C8.16052 2.16616 8.71035 1.99346 9.2727 1.99997C9.63267 1.99331 9.99029 2.0593 10.3242 2.19399C10.6581 2.32869 10.9614 2.52933 11.2159 2.78391C11.4705 3.03849 11.6712 3.34179 11.8059 3.67567C11.9406 4.00956 12.0065 4.36718 11.9999 4.72715M16.1688 6.0126L14.7271 7.45437H11.9999V9.27249M19.2724 19.2721C19.2724 20.2762 18.4584 21.0902 17.4542 21.0902C16.4501 21.0902 15.6361 20.2762 15.6361 19.2721C15.6361 18.268 16.4501 17.454 17.4542 17.454C18.4584 17.454 19.2724 18.268 19.2724 19.2721ZM19.2724 4.72714C19.2724 5.73126 18.4584 6.54526 17.4542 6.54526C16.4501 6.54526 15.6361 5.73126 15.6361 4.72714C15.6361 3.72302 16.4501 2.90902 17.4542 2.90902C18.4584 2.90902 19.2724 3.72302 19.2724 4.72714Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ArtificialBrain"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
index 8c11be610b..ec2c4b0416 100644
--- a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArtificialBrain.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArtificialBrain.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.json b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.json
index ef51cbec7f..3b1630fae5 100644
--- a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.json
+++ b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "bar-chart-square-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M5.33333 10V11.3333M8 7.33333V11.3333M10.6667 4.66667V11.3333M5.2 14H10.8C11.9201 14 12.4802 14 12.908 13.782C13.2843 13.5903 13.5903 13.2843 13.782 12.908C14 12.4802 14 11.9201 14 10.8V5.2C14 4.0799 14 3.51984 13.782 3.09202C13.5903 2.71569 13.2843 2.40973 12.908 2.21799C12.4802 2 11.9201 2 10.8 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.71569 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.0799 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.0799 14 5.2 14Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "BarChartSquare02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "bar-chart-square-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M5.33333 10V11.3333M8 7.33333V11.3333M10.6667 4.66667V11.3333M5.2 14H10.8C11.9201 14 12.4802 14 12.908 13.782C13.2843 13.5903 13.5903 13.2843 13.782 12.908C14 12.4802 14 11.9201 14 10.8V5.2C14 4.0799 14 3.51984 13.782 3.09202C13.5903 2.71569 13.2843 2.40973 12.908 2.21799C12.4802 2 11.9201 2 10.8 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.71569 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.0799 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.0799 14 5.2 14Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BarChartSquare02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
index c19303e0e2..bc3a265d34 100644
--- a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BarChartSquare02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BarChartSquare02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/BracketsX.json b/web/app/components/base/icons/src/vender/line/development/BracketsX.json
index 2287a51073..9946d7cd89 100644
--- a/web/app/components/base/icons/src/vender/line/development/BracketsX.json
+++ b/web/app/components/base/icons/src/vender/line/development/BracketsX.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.5708 20C19.8328 20 20.8568 18.977 20.8568 17.714V13.143L21.9998 12L20.8568 10.857V6.286C20.8568 5.023 19.8338 4 18.5708 4M5.429 4C4.166 4 3.143 5.023 3.143 6.286V10.857L2 12L3.143 13.143V17.714C3.143 18.977 4.166 20 5.429 20M15 9L9 15M9 9L15 15",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "BracketsX"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.5708 20C19.8328 20 20.8568 18.977 20.8568 17.714V13.143L21.9998 12L20.8568 10.857V6.286C20.8568 5.023 19.8338 4 18.5708 4M5.429 4C4.166 4 3.143 5.023 3.143 6.286V10.857L2 12L3.143 13.143V17.714C3.143 18.977 4.166 20 5.429 20M15 9L9 15M9 9L15 15",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "BracketsX"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx b/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
index 5a608baa66..ac8a18a3a4 100644
--- a/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BracketsX.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BracketsX.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.json b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.json
index 7234b42cea..1a4d8ee11a 100644
--- a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.json
+++ b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "code-browser"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M22 9H2M14 17.5L16.5 15L14 12.5M10 12.5L7.5 15L10 17.5M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "CodeBrowser"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "code-browser"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M22 9H2M14 17.5L16.5 15L14 12.5M10 12.5L7.5 15L10 17.5M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CodeBrowser"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
index 94c63a4dcb..57923dafe3 100644
--- a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CodeBrowser.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CodeBrowser.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Container.json b/web/app/components/base/icons/src/vender/line/development/Container.json
index dbedb8aff3..3e7ef10cdc 100644
--- a/web/app/components/base/icons/src/vender/line/development/Container.json
+++ b/web/app/components/base/icons/src/vender/line/development/Container.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M13.6666 4.85185L7.99998 8M7.99998 8L2.33331 4.85185M7.99998 8L8 14.3333M14 10.7057V5.29431C14 5.06588 14 4.95167 13.9663 4.8498C13.9366 4.75969 13.8879 4.67696 13.8236 4.60717C13.7509 4.52828 13.651 4.47281 13.4514 4.36188L8.51802 1.62114C8.32895 1.5161 8.23442 1.46358 8.1343 1.44299C8.0457 1.42477 7.95431 1.42477 7.8657 1.44299C7.76559 1.46358 7.67105 1.5161 7.48198 1.62114L2.54865 4.36188C2.34896 4.47281 2.24912 4.52828 2.17642 4.60717C2.11211 4.67697 2.06343 4.75969 2.03366 4.84981C2 4.95167 2 5.06588 2 5.29431V10.7057C2 10.9341 2 11.0484 2.03366 11.1502C2.06343 11.2403 2.11211 11.3231 2.17642 11.3929C2.24912 11.4718 2.34897 11.5272 2.54865 11.6382L7.48198 14.3789C7.67105 14.4839 7.76559 14.5365 7.8657 14.557C7.95431 14.5753 8.0457 14.5753 8.1343 14.557C8.23442 14.5365 8.32895 14.4839 8.51802 14.3789L13.4514 11.6382C13.651 11.5272 13.7509 11.4718 13.8236 11.3929C13.8879 11.3231 13.9366 11.2403 13.9663 11.1502C14 11.0484 14 10.9341 14 10.7057Z",
-					"stroke": "currentColor",
-					"stroke-width": "1.25",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Container"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M13.6666 4.85185L7.99998 8M7.99998 8L2.33331 4.85185M7.99998 8L8 14.3333M14 10.7057V5.29431C14 5.06588 14 4.95167 13.9663 4.8498C13.9366 4.75969 13.8879 4.67696 13.8236 4.60717C13.7509 4.52828 13.651 4.47281 13.4514 4.36188L8.51802 1.62114C8.32895 1.5161 8.23442 1.46358 8.1343 1.44299C8.0457 1.42477 7.95431 1.42477 7.8657 1.44299C7.76559 1.46358 7.67105 1.5161 7.48198 1.62114L2.54865 4.36188C2.34896 4.47281 2.24912 4.52828 2.17642 4.60717C2.11211 4.67697 2.06343 4.75969 2.03366 4.84981C2 4.95167 2 5.06588 2 5.29431V10.7057C2 10.9341 2 11.0484 2.03366 11.1502C2.06343 11.2403 2.11211 11.3231 2.17642 11.3929C2.24912 11.4718 2.34897 11.5272 2.54865 11.6382L7.48198 14.3789C7.67105 14.4839 7.76559 14.5365 7.8657 14.557C7.95431 14.5753 8.0457 14.5753 8.1343 14.557C8.23442 14.5365 8.32895 14.4839 8.51802 14.3789L13.4514 11.6382C13.651 11.5272 13.7509 11.4718 13.8236 11.3929C13.8879 11.3231 13.9366 11.2403 13.9663 11.1502C14 11.0484 14 10.9341 14 10.7057Z",
+          "stroke": "currentColor",
+          "stroke-width": "1.25",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Container"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/Container.tsx b/web/app/components/base/icons/src/vender/line/development/Container.tsx
index 70e1397c71..6f865feb7c 100644
--- a/web/app/components/base/icons/src/vender/line/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Container.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Container.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Container.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Database01.json b/web/app/components/base/icons/src/vender/line/development/Database01.json
index 2be1974840..66fd0031e9 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database01.json
+++ b/web/app/components/base/icons/src/vender/line/development/Database01.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.5 3.33337C14.5 4.43794 11.8137 5.33337 8.5 5.33337C5.18629 5.33337 2.5 4.43794 2.5 3.33337M14.5 3.33337C14.5 2.2288 11.8137 1.33337 8.5 1.33337C5.18629 1.33337 2.5 2.2288 2.5 3.33337M14.5 3.33337V12.6667C14.5 13.7734 11.8333 14.6667 8.5 14.6667C5.16667 14.6667 2.5 13.7734 2.5 12.6667V3.33337M14.5 8.00004C14.5 9.10671 11.8333 10 8.5 10C5.16667 10 2.5 9.10671 2.5 8.00004",
-					"stroke": "currentColor",
-					"stroke-width": "1.25",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Database01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.5 3.33337C14.5 4.43794 11.8137 5.33337 8.5 5.33337C5.18629 5.33337 2.5 4.43794 2.5 3.33337M14.5 3.33337C14.5 2.2288 11.8137 1.33337 8.5 1.33337C5.18629 1.33337 2.5 2.2288 2.5 3.33337M14.5 3.33337V12.6667C14.5 13.7734 11.8333 14.6667 8.5 14.6667C5.16667 14.6667 2.5 13.7734 2.5 12.6667V3.33337M14.5 8.00004C14.5 9.10671 11.8333 10 8.5 10C5.16667 10 2.5 9.10671 2.5 8.00004",
+          "stroke": "currentColor",
+          "stroke-width": "1.25",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Database01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/Database01.tsx b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
index 6623a75927..f02ab03443 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Database01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Database01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Database03.json b/web/app/components/base/icons/src/vender/line/development/Database03.json
index 24a004afed..42f724f9d3 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database03.json
+++ b/web/app/components/base/icons/src/vender/line/development/Database03.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.33333 13.3333C9.33333 14.0696 8.73638 14.6666 8 14.6666C7.26362 14.6666 6.66667 14.0696 6.66667 13.3333M9.33333 13.3333C9.33333 12.5969 8.73638 11.9999 8 11.9999M9.33333 13.3333H14M6.66667 13.3333C6.66667 12.5969 7.26362 11.9999 8 11.9999M6.66667 13.3333H2M8 11.9999V9.33325M14 3.33325C14 4.43782 11.3137 5.33325 8 5.33325C4.68629 5.33325 2 4.43782 2 3.33325M14 3.33325C14 2.22868 11.3137 1.33325 8 1.33325C4.68629 1.33325 2 2.22868 2 3.33325M14 3.33325V7.33325C14 8.43992 11.3333 9.33325 8 9.33325M2 3.33325V7.33325C2 8.43992 4.66667 9.33325 8 9.33325",
-					"stroke": "currentColor",
-					"stroke-width": "1.25",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Database03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.33333 13.3333C9.33333 14.0696 8.73638 14.6666 8 14.6666C7.26362 14.6666 6.66667 14.0696 6.66667 13.3333M9.33333 13.3333C9.33333 12.5969 8.73638 11.9999 8 11.9999M9.33333 13.3333H14M6.66667 13.3333C6.66667 12.5969 7.26362 11.9999 8 11.9999M6.66667 13.3333H2M8 11.9999V9.33325M14 3.33325C14 4.43782 11.3137 5.33325 8 5.33325C4.68629 5.33325 2 4.43782 2 3.33325M14 3.33325C14 2.22868 11.3137 1.33325 8 1.33325C4.68629 1.33325 2 2.22868 2 3.33325M14 3.33325V7.33325C14 8.43992 11.3333 9.33325 8 9.33325M2 3.33325V7.33325C2 8.43992 4.66667 9.33325 8 9.33325",
+          "stroke": "currentColor",
+          "stroke-width": "1.25",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Database03"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/Database03.tsx b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
index 97e629337b..240fcd9d26 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Database03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Database03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/FileHeart02.json b/web/app/components/base/icons/src/vender/line/development/FileHeart02.json
index 163e64b570..7b1b721084 100644
--- a/web/app/components/base/icons/src/vender/line/development/FileHeart02.json
+++ b/web/app/components/base/icons/src/vender/line/development/FileHeart02.json
@@ -1,52 +1,52 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-heart-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M13.5709 13.9883C13.5108 14.3786 13.175 14.6666 12.7802 14.6666H9.19984C8.90529 14.6666 8.6665 14.4279 8.6665 14.1333V12.2666C8.6665 11.9721 8.90529 11.7333 9.19984 11.7333H9.82654C9.93192 11.7333 10.0274 11.6713 10.0702 11.5749L11.0087 9.46348C11.0438 9.38432 11.1223 9.33331 11.2089 9.33331C11.5721 9.33331 11.8665 9.62771 11.8665 9.99087V10.9333C11.8665 11.0806 11.9859 11.2 12.1332 11.2H13.0673C13.5577 11.2 13.9326 11.637 13.858 12.1216L13.5709 13.9883Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M13.3332 6.66665V4.53331C13.3332 3.41321 13.3332 2.85316 13.1152 2.42533C12.9234 2.04901 12.6175 1.74305 12.2412 1.5513C11.8133 1.33331 11.2533 1.33331 10.1332 1.33331H5.8665C4.7464 1.33331 4.18635 1.33331 3.75852 1.5513C3.3822 1.74305 3.07624 2.04901 2.88449 2.42533C2.6665 2.85316 2.6665 3.41321 2.6665 4.53331V11.3333C2.6665 11.9533 2.6665 12.2633 2.73465 12.5176C2.91959 13.2078 3.45868 13.7469 4.14887 13.9318C4.4032 14 4.71319 14 5.33317 14M8.33317 7.33331H5.33317M5.99984 9.99998H5.33317M10.6665 4.66665H5.33317",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FileHeart02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-heart-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M13.5709 13.9883C13.5108 14.3786 13.175 14.6666 12.7802 14.6666H9.19984C8.90529 14.6666 8.6665 14.4279 8.6665 14.1333V12.2666C8.6665 11.9721 8.90529 11.7333 9.19984 11.7333H9.82654C9.93192 11.7333 10.0274 11.6713 10.0702 11.5749L11.0087 9.46348C11.0438 9.38432 11.1223 9.33331 11.2089 9.33331C11.5721 9.33331 11.8665 9.62771 11.8665 9.99087V10.9333C11.8665 11.0806 11.9859 11.2 12.1332 11.2H13.0673C13.5577 11.2 13.9326 11.637 13.858 12.1216L13.5709 13.9883Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M13.3332 6.66665V4.53331C13.3332 3.41321 13.3332 2.85316 13.1152 2.42533C12.9234 2.04901 12.6175 1.74305 12.2412 1.5513C11.8133 1.33331 11.2533 1.33331 10.1332 1.33331H5.8665C4.7464 1.33331 4.18635 1.33331 3.75852 1.5513C3.3822 1.74305 3.07624 2.04901 2.88449 2.42533C2.6665 2.85316 2.6665 3.41321 2.6665 4.53331V11.3333C2.6665 11.9533 2.6665 12.2633 2.73465 12.5176C2.91959 13.2078 3.45868 13.7469 4.14887 13.9318C4.4032 14 4.71319 14 5.33317 14M8.33317 7.33331H5.33317M5.99984 9.99998H5.33317M10.6665 4.66665H5.33317",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileHeart02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx b/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
index d829b4b85a..6871eec501 100644
--- a/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileHeart02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileHeart02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/GitBranch01.json b/web/app/components/base/icons/src/vender/line/development/GitBranch01.json
index f9d9d00e59..9e92351a2f 100644
--- a/web/app/components/base/icons/src/vender/line/development/GitBranch01.json
+++ b/web/app/components/base/icons/src/vender/line/development/GitBranch01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "git-branch-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M2 2V8.8C2 9.92011 2 10.4802 2.21799 10.908C2.40973 11.2843 2.71569 11.5903 3.09202 11.782C3.51984 12 4.0799 12 5.2 12H10M10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12ZM2 5.33333L10 5.33333M10 5.33333C10 6.4379 10.8954 7.33333 12 7.33333C13.1046 7.33333 14 6.4379 14 5.33333C14 4.22876 13.1046 3.33333 12 3.33333C10.8954 3.33333 10 4.22876 10 5.33333Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "GitBranch01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "git-branch-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M2 2V8.8C2 9.92011 2 10.4802 2.21799 10.908C2.40973 11.2843 2.71569 11.5903 3.09202 11.782C3.51984 12 4.0799 12 5.2 12H10M10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12ZM2 5.33333L10 5.33333M10 5.33333C10 6.4379 10.8954 7.33333 12 7.33333C13.1046 7.33333 14 6.4379 14 5.33333C14 4.22876 13.1046 3.33333 12 3.33333C10.8954 3.33333 10 4.22876 10 5.33333Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "GitBranch01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx b/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
index 572d1b7689..0859c2c174 100644
--- a/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './GitBranch01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './GitBranch01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.json b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.json
index 97ca2e9353..6d72d96486 100644
--- a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.json
+++ b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.json
@@ -1,65 +1,65 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "prompt-engineering"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M14 6V5.2C14 4.0799 14 3.51984 13.782 3.09202C13.5903 2.7157 13.2843 2.40974 12.908 2.21799C12.4802 2 11.9201 2 10.8 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.7157 2.21799 3.09202C2 3.51984 2 4.0799 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.07989 14 5.2 14H6",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M4.6665 4.66669H4.67317M6.6665 4.66669H6.67317M8.6665 4.66669H8.67317",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M11.3333 8L11.5343 8.80399C11.7036 9.48123 11.7883 9.81985 11.9646 10.0954C12.1206 10.3391 12.3275 10.5461 12.5713 10.7021C12.8468 10.8784 13.1854 10.963 13.8627 11.1323L14.6667 11.3333L13.8627 11.5343C13.1854 11.7036 12.8468 11.7883 12.5713 11.9646C12.3275 12.1206 12.1206 12.3275 11.9646 12.5713C11.7883 12.8468 11.7036 13.1854 11.5343 13.8627L11.3333 14.6667L11.1323 13.8627C10.963 13.1854 10.8784 12.8468 10.7021 12.5713C10.5461 12.3275 10.3391 12.1206 10.0954 11.9646C9.81985 11.7883 9.48123 11.7036 8.80399 11.5343L8 11.3333L8.80399 11.1323C9.48123 10.963 9.81985 10.8784 10.0954 10.7021C10.3391 10.5461 10.5461 10.3391 10.7021 10.0954C10.8784 9.81985 10.963 9.48123 11.1323 8.80399L11.3333 8Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "PromptEngineering"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "prompt-engineering"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M14 6V5.2C14 4.0799 14 3.51984 13.782 3.09202C13.5903 2.7157 13.2843 2.40974 12.908 2.21799C12.4802 2 11.9201 2 10.8 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.7157 2.21799 3.09202C2 3.51984 2 4.0799 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.07989 14 5.2 14H6",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M4.6665 4.66669H4.67317M6.6665 4.66669H6.67317M8.6665 4.66669H8.67317",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M11.3333 8L11.5343 8.80399C11.7036 9.48123 11.7883 9.81985 11.9646 10.0954C12.1206 10.3391 12.3275 10.5461 12.5713 10.7021C12.8468 10.8784 13.1854 10.963 13.8627 11.1323L14.6667 11.3333L13.8627 11.5343C13.1854 11.7036 12.8468 11.7883 12.5713 11.9646C12.3275 12.1206 12.1206 12.3275 11.9646 12.5713C11.7883 12.8468 11.7036 13.1854 11.5343 13.8627L11.3333 14.6667L11.1323 13.8627C10.963 13.1854 10.8784 12.8468 10.7021 12.5713C10.5461 12.3275 10.3391 12.1206 10.0954 11.9646C9.81985 11.7883 9.48123 11.7036 8.80399 11.5343L8 11.3333L8.80399 11.1323C9.48123 10.963 9.81985 10.8784 10.0954 10.7021C10.3391 10.5461 10.5461 10.3391 10.7021 10.0954C10.8784 9.81985 10.963 9.48123 11.1323 8.80399L11.3333 8Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PromptEngineering"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
index 57729d4066..89b0e46a60 100644
--- a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PromptEngineering.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PromptEngineering.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.json b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.json
index 672e405ffa..1119bbf410 100644
--- a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.json
+++ b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "puzzle-piece-01",
-					"clip-path": "url(#clip0_6770_9698)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M4.99992 3.00004C4.99992 2.07957 5.74611 1.33337 6.66659 1.33337C7.58706 1.33337 8.33325 2.07957 8.33325 3.00004V4.00004H8.99992C9.9318 4.00004 10.3977 4.00004 10.7653 4.15228C11.2553 4.35527 11.6447 4.74462 11.8477 5.23467C11.9999 5.60222 11.9999 6.06816 11.9999 7.00004H12.9999C13.9204 7.00004 14.6666 7.74623 14.6666 8.66671C14.6666 9.58718 13.9204 10.3334 12.9999 10.3334H11.9999V11.4667C11.9999 12.5868 11.9999 13.1469 11.7819 13.5747C11.5902 13.951 11.2842 14.257 10.9079 14.4487C10.4801 14.6667 9.92002 14.6667 8.79992 14.6667H8.33325V13.5C8.33325 12.6716 7.66168 12 6.83325 12C6.00483 12 5.33325 12.6716 5.33325 13.5V14.6667H4.53325C3.41315 14.6667 2.85309 14.6667 2.42527 14.4487C2.04895 14.257 1.74299 13.951 1.55124 13.5747C1.33325 13.1469 1.33325 12.5868 1.33325 11.4667V10.3334H2.33325C3.25373 10.3334 3.99992 9.58718 3.99992 8.66671C3.99992 7.74623 3.25373 7.00004 2.33325 7.00004H1.33325C1.33325 6.06816 1.33325 5.60222 1.48549 5.23467C1.68848 4.74462 2.07783 4.35527 2.56789 4.15228C2.93543 4.00004 3.40137 4.00004 4.33325 4.00004H4.99992V3.00004Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_6770_9698"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PuzzlePiece01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "puzzle-piece-01",
+          "clip-path": "url(#clip0_6770_9698)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M4.99992 3.00004C4.99992 2.07957 5.74611 1.33337 6.66659 1.33337C7.58706 1.33337 8.33325 2.07957 8.33325 3.00004V4.00004H8.99992C9.9318 4.00004 10.3977 4.00004 10.7653 4.15228C11.2553 4.35527 11.6447 4.74462 11.8477 5.23467C11.9999 5.60222 11.9999 6.06816 11.9999 7.00004H12.9999C13.9204 7.00004 14.6666 7.74623 14.6666 8.66671C14.6666 9.58718 13.9204 10.3334 12.9999 10.3334H11.9999V11.4667C11.9999 12.5868 11.9999 13.1469 11.7819 13.5747C11.5902 13.951 11.2842 14.257 10.9079 14.4487C10.4801 14.6667 9.92002 14.6667 8.79992 14.6667H8.33325V13.5C8.33325 12.6716 7.66168 12 6.83325 12C6.00483 12 5.33325 12.6716 5.33325 13.5V14.6667H4.53325C3.41315 14.6667 2.85309 14.6667 2.42527 14.4487C2.04895 14.257 1.74299 13.951 1.55124 13.5747C1.33325 13.1469 1.33325 12.5868 1.33325 11.4667V10.3334H2.33325C3.25373 10.3334 3.99992 9.58718 3.99992 8.66671C3.99992 7.74623 3.25373 7.00004 2.33325 7.00004H1.33325C1.33325 6.06816 1.33325 5.60222 1.48549 5.23467C1.68848 4.74462 2.07783 4.35527 2.56789 4.15228C2.93543 4.00004 3.40137 4.00004 4.33325 4.00004H4.99992V3.00004Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_6770_9698"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PuzzlePiece01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
index b78592690c..eb1104fe5f 100644
--- a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PuzzlePiece01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PuzzlePiece01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.json b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.json
index 48fb6ce248..bcdf13ac4f 100644
--- a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.json
+++ b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "terminal-square"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M7 15L10 12L7 9M13 15H17M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "TerminalSquare"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "terminal-square"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M7 15L10 12L7 9M13 15H17M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "TerminalSquare"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
index 1add0ad7e4..91cd54a137 100644
--- a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TerminalSquare.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TerminalSquare.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Variable.json b/web/app/components/base/icons/src/vender/line/development/Variable.json
index b366f11a06..bc8afe66c4 100644
--- a/web/app/components/base/icons/src/vender/line/development/Variable.json
+++ b/web/app/components/base/icons/src/vender/line/development/Variable.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "variable"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.8686 1.70487C13.7055 1.37481 13.3056 1.23952 12.9756 1.40268C12.6455 1.56585 12.5102 1.9657 12.6734 2.29576C13.5225 4.01329 14.0003 5.94969 14.0003 8.00031C14.0003 10.0509 13.5225 11.9873 12.6734 13.7049C12.5102 14.0349 12.6455 14.4348 12.9756 14.5979C13.3056 14.7611 13.7055 14.6258 13.8686 14.2958C14.8066 12.3984 15.3336 10.2602 15.3336 8.00031C15.3336 5.74041 14.8066 3.60221 13.8686 1.70487Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.32724 2.29576C3.49041 1.9657 3.35511 1.56585 3.02506 1.40268C2.695 1.23952 2.29515 1.37481 2.13198 1.70487C1.19401 3.60221 0.666992 5.74041 0.666992 8.00031C0.666992 10.2602 1.19401 12.3984 2.13198 14.2958C2.29515 14.6258 2.695 14.7611 3.02506 14.5979C3.35511 14.4348 3.49041 14.0349 3.32724 13.7049C2.47815 11.9873 2.00033 10.0509 2.00033 8.00031C2.00033 5.94969 2.47815 4.01329 3.32724 2.29576Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.33274 5.84142C9.74245 5.36093 10.3415 5.0835 10.973 5.0835H11.0328C11.4009 5.0835 11.6994 5.38197 11.6994 5.75016C11.6994 6.11835 11.4009 6.41683 11.0328 6.41683H10.973C10.7333 6.41683 10.5046 6.52209 10.3473 6.70653L8.78729 8.53612L9.28122 10.2739C9.29182 10.3112 9.32425 10.3335 9.35733 10.3335H10.2867C10.6549 10.3335 10.9534 10.632 10.9534 11.0002C10.9534 11.3684 10.6549 11.6668 10.2867 11.6668H9.35733C8.72419 11.6668 8.17111 11.2451 7.99868 10.6385L7.74768 9.75536L6.7641 10.9089C6.35439 11.3894 5.75537 11.6668 5.12387 11.6668H5.06409C4.6959 11.6668 4.39742 11.3684 4.39742 11.0002C4.39742 10.632 4.6959 10.3335 5.06409 10.3335H5.12387C5.36357 10.3335 5.59225 10.2282 5.74952 10.0438L7.30963 8.21412L6.81573 6.47639C6.80513 6.43909 6.7727 6.41683 6.73962 6.41683H5.81022C5.44203 6.41683 5.14355 6.11835 5.14355 5.75016C5.14355 5.38197 5.44203 5.0835 5.81022 5.0835H6.73962C7.37276 5.0835 7.92584 5.5052 8.09826 6.11186L8.34924 6.99487L9.33274 5.84142Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Variable"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "variable"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.8686 1.70487C13.7055 1.37481 13.3056 1.23952 12.9756 1.40268C12.6455 1.56585 12.5102 1.9657 12.6734 2.29576C13.5225 4.01329 14.0003 5.94969 14.0003 8.00031C14.0003 10.0509 13.5225 11.9873 12.6734 13.7049C12.5102 14.0349 12.6455 14.4348 12.9756 14.5979C13.3056 14.7611 13.7055 14.6258 13.8686 14.2958C14.8066 12.3984 15.3336 10.2602 15.3336 8.00031C15.3336 5.74041 14.8066 3.60221 13.8686 1.70487Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.32724 2.29576C3.49041 1.9657 3.35511 1.56585 3.02506 1.40268C2.695 1.23952 2.29515 1.37481 2.13198 1.70487C1.19401 3.60221 0.666992 5.74041 0.666992 8.00031C0.666992 10.2602 1.19401 12.3984 2.13198 14.2958C2.29515 14.6258 2.695 14.7611 3.02506 14.5979C3.35511 14.4348 3.49041 14.0349 3.32724 13.7049C2.47815 11.9873 2.00033 10.0509 2.00033 8.00031C2.00033 5.94969 2.47815 4.01329 3.32724 2.29576Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.33274 5.84142C9.74245 5.36093 10.3415 5.0835 10.973 5.0835H11.0328C11.4009 5.0835 11.6994 5.38197 11.6994 5.75016C11.6994 6.11835 11.4009 6.41683 11.0328 6.41683H10.973C10.7333 6.41683 10.5046 6.52209 10.3473 6.70653L8.78729 8.53612L9.28122 10.2739C9.29182 10.3112 9.32425 10.3335 9.35733 10.3335H10.2867C10.6549 10.3335 10.9534 10.632 10.9534 11.0002C10.9534 11.3684 10.6549 11.6668 10.2867 11.6668H9.35733C8.72419 11.6668 8.17111 11.2451 7.99868 10.6385L7.74768 9.75536L6.7641 10.9089C6.35439 11.3894 5.75537 11.6668 5.12387 11.6668H5.06409C4.6959 11.6668 4.39742 11.3684 4.39742 11.0002C4.39742 10.632 4.6959 10.3335 5.06409 10.3335H5.12387C5.36357 10.3335 5.59225 10.2282 5.74952 10.0438L7.30963 8.21412L6.81573 6.47639C6.80513 6.43909 6.7727 6.41683 6.73962 6.41683H5.81022C5.44203 6.41683 5.14355 6.11835 5.14355 5.75016C5.14355 5.38197 5.44203 5.0835 5.81022 5.0835H6.73962C7.37276 5.0835 7.92584 5.5052 8.09826 6.11186L8.34924 6.99487L9.33274 5.84142Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Variable"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/Variable.tsx b/web/app/components/base/icons/src/vender/line/development/Variable.tsx
index 5ee57ce909..b04a536c78 100644
--- a/web/app/components/base/icons/src/vender/line/development/Variable.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Variable.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Variable.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Variable.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Webhooks.json b/web/app/components/base/icons/src/vender/line/development/Webhooks.json
index bb9ccf1059..2acc02c286 100644
--- a/web/app/components/base/icons/src/vender/line/development/Webhooks.json
+++ b/web/app/components/base/icons/src/vender/line/development/Webhooks.json
@@ -1,89 +1,89 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "webhooks"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.0007 11.9999C12.5529 11.9999 13.0007 11.5522 13.0007 10.9999C13.0007 10.4476 12.5529 9.99993 12.0007 9.99993C11.4484 9.99993 11.0007 10.4476 11.0007 10.9999C11.0007 11.5522 11.4484 11.9999 12.0007 11.9999Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.00065 5.49993C8.55294 5.49993 9.00065 5.05222 9.00065 4.49993C9.00065 3.94765 8.55294 3.49993 8.00065 3.49993C7.44837 3.49993 7.00065 3.94765 7.00065 4.49993C7.00065 5.05222 7.44837 5.49993 8.00065 5.49993Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.00065 11.9999C4.55294 11.9999 5.00065 11.5522 5.00065 10.9999C5.00065 10.4476 4.55294 9.99993 4.00065 9.99993C3.44837 9.99993 3.00065 10.4476 3.00065 10.9999C3.00065 11.5522 3.44837 11.9999 4.00065 11.9999Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.40065 8.9666C2.6952 9.18751 2.7549 9.60538 2.53398 9.89993C2.35969 10.1323 2.24311 10.4028 2.19386 10.6891C2.14461 10.9754 2.16409 11.2693 2.25071 11.5466C2.33733 11.8239 2.48859 12.0766 2.69205 12.2839C2.8955 12.4913 3.14531 12.6473 3.4209 12.7392C3.69649 12.831 3.98996 12.8561 4.27713 12.8123C4.56431 12.7685 4.83696 12.6571 5.07262 12.4872C5.30828 12.3174 5.50021 12.0939 5.63258 11.8353C5.76495 11.5768 5.83398 11.2904 5.83398 10.9999C5.83398 10.6317 6.13246 10.3333 6.50065 10.3333H12.0007C12.3688 10.3333 12.6673 10.6317 12.6673 10.9999C12.6673 11.3681 12.3688 11.6666 12.0007 11.6666H7.09635C7.03846 11.9354 6.94561 12.1965 6.81944 12.4429C6.5908 12.8896 6.25929 13.2755 5.85223 13.5689C5.44518 13.8623 4.97424 14.0547 4.47821 14.1304C3.98219 14.2061 3.47528 14.1628 2.99926 14.0041C2.52325 13.8454 2.09175 13.5759 1.74033 13.2178C1.38891 12.8596 1.12763 12.4231 0.978025 11.9441C0.828415 11.4652 0.794759 10.9575 0.879828 10.463C0.964898 9.96855 1.16626 9.50134 1.46732 9.09993C1.68823 8.80538 2.1061 8.74568 2.40065 8.9666Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.22821 1.43134C7.70981 1.31005 8.21318 1.30373 8.69767 1.41291C9.18216 1.52208 9.63418 1.74367 10.0172 2.05979C10.4003 2.37591 10.7036 2.77769 10.9027 3.23268C11.0503 3.56999 10.8965 3.96309 10.5592 4.11069C10.2218 4.25828 9.82874 4.10449 9.68115 3.76718C9.56589 3.50377 9.39028 3.27116 9.16852 3.08814C8.94676 2.90512 8.68507 2.77683 8.40458 2.71363C8.12408 2.65042 7.83265 2.65408 7.55383 2.7243C7.27501 2.79452 7.01662 2.92933 6.79952 3.11785C6.58242 3.30637 6.41271 3.54331 6.30409 3.80953C6.19547 4.07575 6.15099 4.36379 6.17424 4.65038C6.19749 4.93696 6.28782 5.21406 6.43794 5.45929C6.58806 5.70452 6.79375 5.911 7.0384 6.06206C7.35127 6.25524 7.44865 6.66527 7.25605 6.9785L4.56855 11.3491C4.37569 11.6628 3.96509 11.7607 3.65145 11.5678C3.33781 11.375 3.2399 10.9644 3.43276 10.6507L5.80875 6.7867C5.61374 6.59953 5.44284 6.38752 5.30076 6.15541C5.04146 5.73184 4.88544 5.25321 4.84527 4.7582C4.80511 4.26319 4.88194 3.76567 5.06956 3.30584C5.25717 2.846 5.55031 2.43674 5.9253 2.11111C6.30029 1.78549 6.74661 1.55262 7.22821 1.43134Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.65145 3.93204C7.96509 3.73918 8.37569 3.83709 8.56855 4.15073L10.944 8.01384C11.1917 7.9264 11.4501 7.86984 11.7135 7.84608C12.2008 7.80211 12.6917 7.87167 13.1476 8.04931C13.6036 8.22695 14.0121 8.50783 14.3413 8.86991C14.6704 9.23199 14.9111 9.66542 15.0446 10.1362C15.1781 10.6069 15.2006 11.1022 15.1105 11.5832C15.0204 12.0641 14.82 12.5176 14.5252 12.9081C14.2303 13.2986 13.849 13.6155 13.4111 13.8338C12.9732 14.0522 12.4907 14.1661 12.0014 14.1666C11.6332 14.167 11.3344 13.8688 11.334 13.5006C11.3336 13.1324 11.6318 12.8337 12 12.8333C12.2832 12.833 12.5626 12.767 12.8161 12.6406C13.0696 12.5142 13.2904 12.3308 13.4611 12.1047C13.6318 11.8786 13.7478 11.616 13.8 11.3376C13.8522 11.0592 13.8391 10.7724 13.7618 10.4999C13.6846 10.2273 13.5452 9.97639 13.3546 9.76676C13.1641 9.55714 12.9276 9.39452 12.6636 9.29168C12.3996 9.18884 12.1154 9.14856 11.8333 9.17402C11.5511 9.19947 11.2787 9.28996 11.0375 9.43839C10.8868 9.53104 10.7056 9.56006 10.5336 9.51905C10.3616 9.47805 10.2129 9.37039 10.1203 9.21975L7.43276 4.84913C7.2399 4.53549 7.33781 4.12489 7.65145 3.93204Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Webhooks"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "webhooks"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.0007 11.9999C12.5529 11.9999 13.0007 11.5522 13.0007 10.9999C13.0007 10.4476 12.5529 9.99993 12.0007 9.99993C11.4484 9.99993 11.0007 10.4476 11.0007 10.9999C11.0007 11.5522 11.4484 11.9999 12.0007 11.9999Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.00065 5.49993C8.55294 5.49993 9.00065 5.05222 9.00065 4.49993C9.00065 3.94765 8.55294 3.49993 8.00065 3.49993C7.44837 3.49993 7.00065 3.94765 7.00065 4.49993C7.00065 5.05222 7.44837 5.49993 8.00065 5.49993Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.00065 11.9999C4.55294 11.9999 5.00065 11.5522 5.00065 10.9999C5.00065 10.4476 4.55294 9.99993 4.00065 9.99993C3.44837 9.99993 3.00065 10.4476 3.00065 10.9999C3.00065 11.5522 3.44837 11.9999 4.00065 11.9999Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.40065 8.9666C2.6952 9.18751 2.7549 9.60538 2.53398 9.89993C2.35969 10.1323 2.24311 10.4028 2.19386 10.6891C2.14461 10.9754 2.16409 11.2693 2.25071 11.5466C2.33733 11.8239 2.48859 12.0766 2.69205 12.2839C2.8955 12.4913 3.14531 12.6473 3.4209 12.7392C3.69649 12.831 3.98996 12.8561 4.27713 12.8123C4.56431 12.7685 4.83696 12.6571 5.07262 12.4872C5.30828 12.3174 5.50021 12.0939 5.63258 11.8353C5.76495 11.5768 5.83398 11.2904 5.83398 10.9999C5.83398 10.6317 6.13246 10.3333 6.50065 10.3333H12.0007C12.3688 10.3333 12.6673 10.6317 12.6673 10.9999C12.6673 11.3681 12.3688 11.6666 12.0007 11.6666H7.09635C7.03846 11.9354 6.94561 12.1965 6.81944 12.4429C6.5908 12.8896 6.25929 13.2755 5.85223 13.5689C5.44518 13.8623 4.97424 14.0547 4.47821 14.1304C3.98219 14.2061 3.47528 14.1628 2.99926 14.0041C2.52325 13.8454 2.09175 13.5759 1.74033 13.2178C1.38891 12.8596 1.12763 12.4231 0.978025 11.9441C0.828415 11.4652 0.794759 10.9575 0.879828 10.463C0.964898 9.96855 1.16626 9.50134 1.46732 9.09993C1.68823 8.80538 2.1061 8.74568 2.40065 8.9666Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.22821 1.43134C7.70981 1.31005 8.21318 1.30373 8.69767 1.41291C9.18216 1.52208 9.63418 1.74367 10.0172 2.05979C10.4003 2.37591 10.7036 2.77769 10.9027 3.23268C11.0503 3.56999 10.8965 3.96309 10.5592 4.11069C10.2218 4.25828 9.82874 4.10449 9.68115 3.76718C9.56589 3.50377 9.39028 3.27116 9.16852 3.08814C8.94676 2.90512 8.68507 2.77683 8.40458 2.71363C8.12408 2.65042 7.83265 2.65408 7.55383 2.7243C7.27501 2.79452 7.01662 2.92933 6.79952 3.11785C6.58242 3.30637 6.41271 3.54331 6.30409 3.80953C6.19547 4.07575 6.15099 4.36379 6.17424 4.65038C6.19749 4.93696 6.28782 5.21406 6.43794 5.45929C6.58806 5.70452 6.79375 5.911 7.0384 6.06206C7.35127 6.25524 7.44865 6.66527 7.25605 6.9785L4.56855 11.3491C4.37569 11.6628 3.96509 11.7607 3.65145 11.5678C3.33781 11.375 3.2399 10.9644 3.43276 10.6507L5.80875 6.7867C5.61374 6.59953 5.44284 6.38752 5.30076 6.15541C5.04146 5.73184 4.88544 5.25321 4.84527 4.7582C4.80511 4.26319 4.88194 3.76567 5.06956 3.30584C5.25717 2.846 5.55031 2.43674 5.9253 2.11111C6.30029 1.78549 6.74661 1.55262 7.22821 1.43134Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.65145 3.93204C7.96509 3.73918 8.37569 3.83709 8.56855 4.15073L10.944 8.01384C11.1917 7.9264 11.4501 7.86984 11.7135 7.84608C12.2008 7.80211 12.6917 7.87167 13.1476 8.04931C13.6036 8.22695 14.0121 8.50783 14.3413 8.86991C14.6704 9.23199 14.9111 9.66542 15.0446 10.1362C15.1781 10.6069 15.2006 11.1022 15.1105 11.5832C15.0204 12.0641 14.82 12.5176 14.5252 12.9081C14.2303 13.2986 13.849 13.6155 13.4111 13.8338C12.9732 14.0522 12.4907 14.1661 12.0014 14.1666C11.6332 14.167 11.3344 13.8688 11.334 13.5006C11.3336 13.1324 11.6318 12.8337 12 12.8333C12.2832 12.833 12.5626 12.767 12.8161 12.6406C13.0696 12.5142 13.2904 12.3308 13.4611 12.1047C13.6318 11.8786 13.7478 11.616 13.8 11.3376C13.8522 11.0592 13.8391 10.7724 13.7618 10.4999C13.6846 10.2273 13.5452 9.97639 13.3546 9.76676C13.1641 9.55714 12.9276 9.39452 12.6636 9.29168C12.3996 9.18884 12.1154 9.14856 11.8333 9.17402C11.5511 9.19947 11.2787 9.28996 11.0375 9.43839C10.8868 9.53104 10.7056 9.56006 10.5336 9.51905C10.3616 9.47805 10.2129 9.37039 10.1203 9.21975L7.43276 4.84913C7.2399 4.53549 7.33781 4.12489 7.65145 3.93204Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Webhooks"
 }
diff --git a/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx b/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
index 966a79a537..031e5bec60 100644
--- a/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Webhooks.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Webhooks.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.json b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.json
index 7ddf4d24c1..afa697d0f0 100644
--- a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.json
+++ b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "align-left"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M16 10H3M20 6H3M20 14H3M16 18H3",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "AlignLeft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "align-left"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M16 10H3M20 6H3M20 14H3M16 18H3",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AlignLeft"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
index 4c1d88eef9..1a430dbb5d 100644
--- a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AlignLeft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AlignLeft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.json b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.json
index 5f76ff1ac3..5be6125653 100644
--- a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.json
+++ b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "bezier-curve-03"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M5.42857 3.5L2.57143 8.5M3 9.5H8.9999M9.42857 8.5L6.57143 3.5M1.8 10.5H2.2C2.48003 10.5 2.62004 10.5 2.727 10.4455C2.82108 10.3976 2.89757 10.3211 2.9455 10.227C3 10.12 3 9.98003 3 9.7V9.3C3 9.01997 3 8.87996 2.9455 8.773C2.89757 8.67892 2.82108 8.60243 2.727 8.5545C2.62004 8.5 2.48003 8.5 2.2 8.5H1.8C1.51997 8.5 1.37996 8.5 1.273 8.5545C1.17892 8.60243 1.10243 8.67892 1.0545 8.773C1 8.87996 1 9.01997 1 9.3V9.7C1 9.98003 1 10.12 1.0545 10.227C1.10243 10.3211 1.17892 10.3976 1.273 10.4455C1.37996 10.5 1.51997 10.5 1.8 10.5ZM9.8 10.5H10.2C10.48 10.5 10.62 10.5 10.727 10.4455C10.8211 10.3976 10.8976 10.3211 10.9455 10.227C11 10.12 11 9.98003 11 9.7V9.3C11 9.01997 11 8.87996 10.9455 8.773C10.8976 8.67892 10.8211 8.60243 10.727 8.5545C10.62 8.5 10.48 8.5 10.2 8.5H9.8C9.51997 8.5 9.37996 8.5 9.273 8.5545C9.17892 8.60243 9.10243 8.67892 9.0545 8.773C9 8.87996 9 9.01997 9 9.3V9.7C9 9.98003 9 10.12 9.0545 10.227C9.10243 10.3211 9.17892 10.3976 9.273 10.4455C9.37996 10.5 9.51997 10.5 9.8 10.5ZM5.8 3.5H6.2C6.48003 3.5 6.62004 3.5 6.727 3.4455C6.82108 3.39757 6.89757 3.32108 6.9455 3.227C7 3.12004 7 2.98003 7 2.7V2.3C7 2.01997 7 1.87996 6.9455 1.773C6.89757 1.67892 6.82108 1.60243 6.727 1.5545C6.62004 1.5 6.48003 1.5 6.2 1.5H5.8C5.51997 1.5 5.37996 1.5 5.273 1.5545C5.17892 1.60243 5.10243 1.67892 5.0545 1.773C5 1.87996 5 2.01997 5 2.3V2.7C5 2.98003 5 3.12004 5.0545 3.227C5.10243 3.32108 5.17892 3.39757 5.273 3.4455C5.37996 3.5 5.51997 3.5 5.8 3.5Z",
-							"stroke": "currentColor",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "BezierCurve03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "bezier-curve-03"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M5.42857 3.5L2.57143 8.5M3 9.5H8.9999M9.42857 8.5L6.57143 3.5M1.8 10.5H2.2C2.48003 10.5 2.62004 10.5 2.727 10.4455C2.82108 10.3976 2.89757 10.3211 2.9455 10.227C3 10.12 3 9.98003 3 9.7V9.3C3 9.01997 3 8.87996 2.9455 8.773C2.89757 8.67892 2.82108 8.60243 2.727 8.5545C2.62004 8.5 2.48003 8.5 2.2 8.5H1.8C1.51997 8.5 1.37996 8.5 1.273 8.5545C1.17892 8.60243 1.10243 8.67892 1.0545 8.773C1 8.87996 1 9.01997 1 9.3V9.7C1 9.98003 1 10.12 1.0545 10.227C1.10243 10.3211 1.17892 10.3976 1.273 10.4455C1.37996 10.5 1.51997 10.5 1.8 10.5ZM9.8 10.5H10.2C10.48 10.5 10.62 10.5 10.727 10.4455C10.8211 10.3976 10.8976 10.3211 10.9455 10.227C11 10.12 11 9.98003 11 9.7V9.3C11 9.01997 11 8.87996 10.9455 8.773C10.8976 8.67892 10.8211 8.60243 10.727 8.5545C10.62 8.5 10.48 8.5 10.2 8.5H9.8C9.51997 8.5 9.37996 8.5 9.273 8.5545C9.17892 8.60243 9.10243 8.67892 9.0545 8.773C9 8.87996 9 9.01997 9 9.3V9.7C9 9.98003 9 10.12 9.0545 10.227C9.10243 10.3211 9.17892 10.3976 9.273 10.4455C9.37996 10.5 9.51997 10.5 9.8 10.5ZM5.8 3.5H6.2C6.48003 3.5 6.62004 3.5 6.727 3.4455C6.82108 3.39757 6.89757 3.32108 6.9455 3.227C7 3.12004 7 2.98003 7 2.7V2.3C7 2.01997 7 1.87996 6.9455 1.773C6.89757 1.67892 6.82108 1.60243 6.727 1.5545C6.62004 1.5 6.48003 1.5 6.2 1.5H5.8C5.51997 1.5 5.37996 1.5 5.273 1.5545C5.17892 1.60243 5.10243 1.67892 5.0545 1.773C5 1.87996 5 2.01997 5 2.3V2.7C5 2.98003 5 3.12004 5.0545 3.227C5.10243 3.32108 5.17892 3.39757 5.273 3.4455C5.37996 3.5 5.51997 3.5 5.8 3.5Z",
+              "stroke": "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BezierCurve03"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
index 7019495437..aee8248859 100644
--- a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BezierCurve03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BezierCurve03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/Collapse.json b/web/app/components/base/icons/src/vender/line/editor/Collapse.json
index 224133e0b6..4c21f7c058 100644
--- a/web/app/components/base/icons/src/vender/line/editor/Collapse.json
+++ b/web/app/components/base/icons/src/vender/line/editor/Collapse.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon L"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.66602 11.3333H0.666016L3.33268 8.66667L5.99935 11.3333H3.99935L3.99935 14H2.66602L2.66602 11.3333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.66602 4.66667L2.66602 2L3.99935 2L3.99935 4.66667L5.99935 4.66667L3.33268 7.33333L0.666016 4.66667L2.66602 4.66667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.33268 2.66667H13.9993V4H7.33268V2.66667ZM7.33268 12H13.9993V13.3333H7.33268V12ZM5.99935 7.33333H13.9993V8.66667H5.99935V7.33333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Collapse"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon L"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.66602 11.3333H0.666016L3.33268 8.66667L5.99935 11.3333H3.99935L3.99935 14H2.66602L2.66602 11.3333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.66602 4.66667L2.66602 2L3.99935 2L3.99935 4.66667L5.99935 4.66667L3.33268 7.33333L0.666016 4.66667L2.66602 4.66667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.33268 2.66667H13.9993V4H7.33268V2.66667ZM7.33268 12H13.9993V13.3333H7.33268V12ZM5.99935 7.33333H13.9993V8.66667H5.99935V7.33333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Collapse"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/Collapse.tsx b/web/app/components/base/icons/src/vender/line/editor/Collapse.tsx
index 5b77a2eba5..f2cd10f1e7 100644
--- a/web/app/components/base/icons/src/vender/line/editor/Collapse.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/Collapse.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Collapse.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Collapse.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/Colors.json b/web/app/components/base/icons/src/vender/line/editor/Colors.json
index 0508092598..236a57876e 100644
--- a/web/app/components/base/icons/src/vender/line/editor/Colors.json
+++ b/web/app/components/base/icons/src/vender/line/editor/Colors.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "colors"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M12 20.4722C13.0615 21.4223 14.4633 22 16 22C19.3137 22 22 19.3137 22 16C22 13.2331 20.1271 10.9036 17.5798 10.2102M6.42018 10.2102C3.87293 10.9036 2 13.2331 2 16C2 19.3137 4.68629 22 8 22C11.3137 22 14 19.3137 14 16C14 15.2195 13.851 14.4738 13.5798 13.7898M18 8C18 11.3137 15.3137 14 12 14C8.68629 14 6 11.3137 6 8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8Z",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Colors"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "colors"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M12 20.4722C13.0615 21.4223 14.4633 22 16 22C19.3137 22 22 19.3137 22 16C22 13.2331 20.1271 10.9036 17.5798 10.2102M6.42018 10.2102C3.87293 10.9036 2 13.2331 2 16C2 19.3137 4.68629 22 8 22C11.3137 22 14 19.3137 14 16C14 15.2195 13.851 14.4738 13.5798 13.7898M18 8C18 11.3137 15.3137 14 12 14C8.68629 14 6 11.3137 6 8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8Z",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Colors"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/Colors.tsx b/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
index ef04c1c5dc..a0fff0474c 100644
--- a/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Colors.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Colors.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.json b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.json
index 33ba61f1c7..f19093529a 100644
--- a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.json
+++ b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "image-indent-left"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M21 9.25H15M21 4H3M21 14.75H15M21 20H3M4.6 16H9.4C9.96005 16 10.2401 16 10.454 15.891C10.6422 15.7951 10.7951 15.6422 10.891 15.454C11 15.2401 11 14.9601 11 14.4V9.6C11 9.03995 11 8.75992 10.891 8.54601C10.7951 8.35785 10.6422 8.20487 10.454 8.10899C10.2401 8 9.96005 8 9.4 8H4.6C4.03995 8 3.75992 8 3.54601 8.10899C3.35785 8.20487 3.20487 8.35785 3.10899 8.54601C3 8.75992 3 9.03995 3 9.6V14.4C3 14.9601 3 15.2401 3.10899 15.454C3.20487 15.6422 3.35785 15.7951 3.54601 15.891C3.75992 16 4.03995 16 4.6 16Z",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ImageIndentLeft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "image-indent-left"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M21 9.25H15M21 4H3M21 14.75H15M21 20H3M4.6 16H9.4C9.96005 16 10.2401 16 10.454 15.891C10.6422 15.7951 10.7951 15.6422 10.891 15.454C11 15.2401 11 14.9601 11 14.4V9.6C11 9.03995 11 8.75992 10.891 8.54601C10.7951 8.35785 10.6422 8.20487 10.454 8.10899C10.2401 8 9.96005 8 9.4 8H4.6C4.03995 8 3.75992 8 3.54601 8.10899C3.35785 8.20487 3.20487 8.35785 3.10899 8.54601C3 8.75992 3 9.03995 3 9.6V14.4C3 14.9601 3 15.2401 3.10899 15.454C3.20487 15.6422 3.35785 15.7951 3.54601 15.891C3.75992 16 4.03995 16 4.6 16Z",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ImageIndentLeft"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
index 63fce72d66..b413063eb5 100644
--- a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ImageIndentLeft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ImageIndentLeft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.json b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.json
index cb77ee97ea..7f0b8f1339 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.json
+++ b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21 9.24995H12M21 3.99995L12 3.99995M21 14.75H3M21 20H3M4.28 2.95995L8.14667 5.85995C8.43616 6.07707 8.5809 6.18563 8.63266 6.31872C8.678 6.43529 8.678 6.56462 8.63266 6.68119C8.5809 6.81427 8.43616 6.92283 8.14667 7.13995L4.28 10.04C3.86802 10.3489 3.66203 10.5034 3.48961 10.4998C3.33956 10.4967 3.19885 10.4264 3.10632 10.3082C3 10.1724 3 9.91493 3 9.39995V3.59995C3 3.08498 3 2.82749 3.10632 2.6917C3.19885 2.57354 3.33956 2.50318 3.48961 2.50006C3.66203 2.49648 3.86802 2.65097 4.28 2.95995Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "LeftIndent02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21 9.24995H12M21 3.99995L12 3.99995M21 14.75H3M21 20H3M4.28 2.95995L8.14667 5.85995C8.43616 6.07707 8.5809 6.18563 8.63266 6.31872C8.678 6.43529 8.678 6.56462 8.63266 6.68119C8.5809 6.81427 8.43616 6.92283 8.14667 7.13995L4.28 10.04C3.86802 10.3489 3.66203 10.5034 3.48961 10.4998C3.33956 10.4967 3.19885 10.4264 3.10632 10.3082C3 10.1724 3 9.91493 3 9.39995V3.59995C3 3.08498 3 2.82749 3.10632 2.6917C3.19885 2.57354 3.33956 2.50318 3.48961 2.50006C3.66203 2.49648 3.86802 2.65097 4.28 2.95995Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "LeftIndent02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
index de16320324..c30c4327da 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LeftIndent02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LeftIndent02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.json b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.json
index e322926aa0..01a17e55ce 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.json
+++ b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "letter-spacing-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M9 13L15 13M7 17L11.2717 7.60225C11.5031 7.09323 11.6188 6.83872 11.7791 6.75976C11.9184 6.69115 12.0816 6.69115 12.2209 6.75976C12.3812 6.83872 12.4969 7.09323 12.7283 7.60225L17 17M21 3V21M3 3L3 21",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "LetterSpacing01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "letter-spacing-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M9 13L15 13M7 17L11.2717 7.60225C11.5031 7.09323 11.6188 6.83872 11.7791 6.75976C11.9184 6.69115 12.0816 6.69115 12.2209 6.75976C12.3812 6.83872 12.4969 7.09323 12.7283 7.60225L17 17M21 3V21M3 3L3 21",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LetterSpacing01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
index 777e056389..40858bd1a5 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LetterSpacing01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LetterSpacing01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.json b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.json
index b381c51420..6d1459c393 100644
--- a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.json
+++ b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "type-square"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M4 3.5H8M6 3.5V8.5M3.9 10.5H8.1C8.94008 10.5 9.36012 10.5 9.68099 10.3365C9.96323 10.1927 10.1927 9.96323 10.3365 9.68099C10.5 9.36012 10.5 8.94008 10.5 8.1V3.9C10.5 3.05992 10.5 2.63988 10.3365 2.31901C10.1927 2.03677 9.96323 1.8073 9.68099 1.66349C9.36012 1.5 8.94008 1.5 8.1 1.5H3.9C3.05992 1.5 2.63988 1.5 2.31901 1.66349C2.03677 1.8073 1.8073 2.03677 1.66349 2.31901C1.5 2.63988 1.5 3.05992 1.5 3.9V8.1C1.5 8.94008 1.5 9.36012 1.66349 9.68099C1.8073 9.96323 2.03677 10.1927 2.31901 10.3365C2.63988 10.5 3.05992 10.5 3.9 10.5Z",
-							"stroke": "currentColor",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "TypeSquare"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "type-square"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M4 3.5H8M6 3.5V8.5M3.9 10.5H8.1C8.94008 10.5 9.36012 10.5 9.68099 10.3365C9.96323 10.1927 10.1927 9.96323 10.3365 9.68099C10.5 9.36012 10.5 8.94008 10.5 8.1V3.9C10.5 3.05992 10.5 2.63988 10.3365 2.31901C10.1927 2.03677 9.96323 1.8073 9.68099 1.66349C9.36012 1.5 8.94008 1.5 8.1 1.5H3.9C3.05992 1.5 2.63988 1.5 2.31901 1.66349C2.03677 1.8073 1.8073 2.03677 1.66349 2.31901C1.5 2.63988 1.5 3.05992 1.5 3.9V8.1C1.5 8.94008 1.5 9.36012 1.66349 9.68099C1.8073 9.96323 2.03677 10.1927 2.31901 10.3365C2.63988 10.5 3.05992 10.5 3.9 10.5Z",
+              "stroke": "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "TypeSquare"
 }
diff --git a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
index a94ab1fe23..77fb4c2d38 100644
--- a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TypeSquare.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TypeSquare.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/education/BookOpen01.json b/web/app/components/base/icons/src/vender/line/education/BookOpen01.json
index 1c6f46b700..62960d749c 100644
--- a/web/app/components/base/icons/src/vender/line/education/BookOpen01.json
+++ b/web/app/components/base/icons/src/vender/line/education/BookOpen01.json
@@ -1,49 +1,49 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "book-open-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Fill",
-							"opacity": "0.12",
-							"d": "M1 3.1C1 2.53995 1 2.25992 1.10899 2.04601C1.20487 1.85785 1.35785 1.70487 1.54601 1.60899C1.75992 1.5 2.03995 1.5 2.6 1.5H2.8C3.9201 1.5 4.48016 1.5 4.90798 1.71799C5.28431 1.90973 5.59027 2.21569 5.78201 2.59202C6 3.01984 6 3.5799 6 4.7V10.5L5.94997 10.425C5.60265 9.90398 5.42899 9.64349 5.19955 9.45491C4.99643 9.28796 4.76238 9.1627 4.5108 9.0863C4.22663 9 3.91355 9 3.28741 9H2.6C2.03995 9 1.75992 9 1.54601 8.89101C1.35785 8.79513 1.20487 8.64215 1.10899 8.45399C1 8.24008 1 7.96005 1 7.4V3.1Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M6 10.5L5.94997 10.425C5.60265 9.90398 5.42899 9.64349 5.19955 9.45491C4.99643 9.28796 4.76238 9.1627 4.5108 9.0863C4.22663 9 3.91355 9 3.28741 9H2.6C2.03995 9 1.75992 9 1.54601 8.89101C1.35785 8.79513 1.20487 8.64215 1.10899 8.45399C1 8.24008 1 7.96005 1 7.4V3.1C1 2.53995 1 2.25992 1.10899 2.04601C1.20487 1.85785 1.35785 1.70487 1.54601 1.60899C1.75992 1.5 2.03995 1.5 2.6 1.5H2.8C3.9201 1.5 4.48016 1.5 4.90798 1.71799C5.28431 1.90973 5.59027 2.21569 5.78201 2.59202C6 3.01984 6 3.5799 6 4.7M6 10.5V4.7M6 10.5L6.05003 10.425C6.39735 9.90398 6.57101 9.64349 6.80045 9.45491C7.00357 9.28796 7.23762 9.1627 7.4892 9.0863C7.77337 9 8.08645 9 8.71259 9H9.4C9.96005 9 10.2401 9 10.454 8.89101C10.6422 8.79513 10.7951 8.64215 10.891 8.45399C11 8.24008 11 7.96005 11 7.4V3.1C11 2.53995 11 2.25992 10.891 2.04601C10.7951 1.85785 10.6422 1.70487 10.454 1.60899C10.2401 1.5 9.96005 1.5 9.4 1.5H9.2C8.07989 1.5 7.51984 1.5 7.09202 1.71799C6.71569 1.90973 6.40973 2.21569 6.21799 2.59202C6 3.01984 6 3.5799 6 4.7",
-							"stroke": "currentColor",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "BookOpen01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "book-open-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Fill",
+              "opacity": "0.12",
+              "d": "M1 3.1C1 2.53995 1 2.25992 1.10899 2.04601C1.20487 1.85785 1.35785 1.70487 1.54601 1.60899C1.75992 1.5 2.03995 1.5 2.6 1.5H2.8C3.9201 1.5 4.48016 1.5 4.90798 1.71799C5.28431 1.90973 5.59027 2.21569 5.78201 2.59202C6 3.01984 6 3.5799 6 4.7V10.5L5.94997 10.425C5.60265 9.90398 5.42899 9.64349 5.19955 9.45491C4.99643 9.28796 4.76238 9.1627 4.5108 9.0863C4.22663 9 3.91355 9 3.28741 9H2.6C2.03995 9 1.75992 9 1.54601 8.89101C1.35785 8.79513 1.20487 8.64215 1.10899 8.45399C1 8.24008 1 7.96005 1 7.4V3.1Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M6 10.5L5.94997 10.425C5.60265 9.90398 5.42899 9.64349 5.19955 9.45491C4.99643 9.28796 4.76238 9.1627 4.5108 9.0863C4.22663 9 3.91355 9 3.28741 9H2.6C2.03995 9 1.75992 9 1.54601 8.89101C1.35785 8.79513 1.20487 8.64215 1.10899 8.45399C1 8.24008 1 7.96005 1 7.4V3.1C1 2.53995 1 2.25992 1.10899 2.04601C1.20487 1.85785 1.35785 1.70487 1.54601 1.60899C1.75992 1.5 2.03995 1.5 2.6 1.5H2.8C3.9201 1.5 4.48016 1.5 4.90798 1.71799C5.28431 1.90973 5.59027 2.21569 5.78201 2.59202C6 3.01984 6 3.5799 6 4.7M6 10.5V4.7M6 10.5L6.05003 10.425C6.39735 9.90398 6.57101 9.64349 6.80045 9.45491C7.00357 9.28796 7.23762 9.1627 7.4892 9.0863C7.77337 9 8.08645 9 8.71259 9H9.4C9.96005 9 10.2401 9 10.454 8.89101C10.6422 8.79513 10.7951 8.64215 10.891 8.45399C11 8.24008 11 7.96005 11 7.4V3.1C11 2.53995 11 2.25992 10.891 2.04601C10.7951 1.85785 10.6422 1.70487 10.454 1.60899C10.2401 1.5 9.96005 1.5 9.4 1.5H9.2C8.07989 1.5 7.51984 1.5 7.09202 1.71799C6.71569 1.90973 6.40973 2.21569 6.21799 2.59202C6 3.01984 6 3.5799 6 4.7",
+              "stroke": "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BookOpen01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx b/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
index 81d40fb689..2d4364482c 100644
--- a/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
+++ b/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BookOpen01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BookOpen01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/Copy.json b/web/app/components/base/icons/src/vender/line/files/Copy.json
index 40489c4559..84c5d31054 100644
--- a/web/app/components/base/icons/src/vender/line/files/Copy.json
+++ b/web/app/components/base/icons/src/vender/line/files/Copy.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.6665 2.66634H11.9998C12.3535 2.66634 12.6926 2.80682 12.9426 3.05687C13.1927 3.30691 13.3332 3.64605 13.3332 3.99967V13.333C13.3332 13.6866 13.1927 14.0258 12.9426 14.2758C12.6926 14.5259 12.3535 14.6663 11.9998 14.6663H3.99984C3.64622 14.6663 3.30708 14.5259 3.05703 14.2758C2.80698 14.0258 2.6665 13.6866 2.6665 13.333V3.99967C2.6665 3.64605 2.80698 3.30691 3.05703 3.05687C3.30708 2.80682 3.64622 2.66634 3.99984 2.66634H5.33317M5.99984 1.33301H9.99984C10.368 1.33301 10.6665 1.63148 10.6665 1.99967V3.33301C10.6665 3.7012 10.368 3.99967 9.99984 3.99967H5.99984C5.63165 3.99967 5.33317 3.7012 5.33317 3.33301V1.99967C5.33317 1.63148 5.63165 1.33301 5.99984 1.33301Z",
-					"stroke": "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Copy"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.6665 2.66634H11.9998C12.3535 2.66634 12.6926 2.80682 12.9426 3.05687C13.1927 3.30691 13.3332 3.64605 13.3332 3.99967V13.333C13.3332 13.6866 13.1927 14.0258 12.9426 14.2758C12.6926 14.5259 12.3535 14.6663 11.9998 14.6663H3.99984C3.64622 14.6663 3.30708 14.5259 3.05703 14.2758C2.80698 14.0258 2.6665 13.6866 2.6665 13.333V3.99967C2.6665 3.64605 2.80698 3.30691 3.05703 3.05687C3.30708 2.80682 3.64622 2.66634 3.99984 2.66634H5.33317M5.99984 1.33301H9.99984C10.368 1.33301 10.6665 1.63148 10.6665 1.99967V3.33301C10.6665 3.7012 10.368 3.99967 9.99984 3.99967H5.99984C5.63165 3.99967 5.33317 3.7012 5.33317 3.33301V1.99967C5.33317 1.63148 5.63165 1.33301 5.99984 1.33301Z",
+          "stroke": "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Copy"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/Copy.tsx b/web/app/components/base/icons/src/vender/line/files/Copy.tsx
index 8d2a4d9f2d..78ca6df539 100644
--- a/web/app/components/base/icons/src/vender/line/files/Copy.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/Copy.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Copy.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Copy.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/CopyCheck.json b/web/app/components/base/icons/src/vender/line/files/CopyCheck.json
index 08e1b16998..a81a07e6b3 100644
--- a/web/app/components/base/icons/src/vender/line/files/CopyCheck.json
+++ b/web/app/components/base/icons/src/vender/line/files/CopyCheck.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.6665 2.66683C11.2865 2.66683 11.5965 2.66683 11.8508 2.73498C12.541 2.91991 13.0801 3.45901 13.265 4.14919C13.3332 4.40352 13.3332 4.71352 13.3332 5.3335V11.4668C13.3332 12.5869 13.3332 13.147 13.1152 13.5748C12.9234 13.9511 12.6175 14.2571 12.2412 14.4488C11.8133 14.6668 11.2533 14.6668 10.1332 14.6668H5.8665C4.7464 14.6668 4.18635 14.6668 3.75852 14.4488C3.3822 14.2571 3.07624 13.9511 2.88449 13.5748C2.6665 13.147 2.6665 12.5869 2.6665 11.4668V5.3335C2.6665 4.71352 2.6665 4.40352 2.73465 4.14919C2.91959 3.45901 3.45868 2.91991 4.14887 2.73498C4.4032 2.66683 4.71319 2.66683 5.33317 2.66683M5.99984 10.0002L7.33317 11.3335L10.3332 8.3335M6.39984 4.00016H9.59984C9.9732 4.00016 10.1599 4.00016 10.3025 3.9275C10.4279 3.86359 10.5299 3.7616 10.5938 3.63616C10.6665 3.49355 10.6665 3.30686 10.6665 2.9335V2.40016C10.6665 2.02679 10.6665 1.84011 10.5938 1.6975C10.5299 1.57206 10.4279 1.47007 10.3025 1.40616C10.1599 1.3335 9.97321 1.3335 9.59984 1.3335H6.39984C6.02647 1.3335 5.83978 1.3335 5.69718 1.40616C5.57174 1.47007 5.46975 1.57206 5.40583 1.6975C5.33317 1.84011 5.33317 2.02679 5.33317 2.40016V2.9335C5.33317 3.30686 5.33317 3.49355 5.40583 3.63616C5.46975 3.7616 5.57174 3.86359 5.69718 3.9275C5.83978 4.00016 6.02647 4.00016 6.39984 4.00016Z",
-					"stroke": "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "CopyCheck"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.6665 2.66683C11.2865 2.66683 11.5965 2.66683 11.8508 2.73498C12.541 2.91991 13.0801 3.45901 13.265 4.14919C13.3332 4.40352 13.3332 4.71352 13.3332 5.3335V11.4668C13.3332 12.5869 13.3332 13.147 13.1152 13.5748C12.9234 13.9511 12.6175 14.2571 12.2412 14.4488C11.8133 14.6668 11.2533 14.6668 10.1332 14.6668H5.8665C4.7464 14.6668 4.18635 14.6668 3.75852 14.4488C3.3822 14.2571 3.07624 13.9511 2.88449 13.5748C2.6665 13.147 2.6665 12.5869 2.6665 11.4668V5.3335C2.6665 4.71352 2.6665 4.40352 2.73465 4.14919C2.91959 3.45901 3.45868 2.91991 4.14887 2.73498C4.4032 2.66683 4.71319 2.66683 5.33317 2.66683M5.99984 10.0002L7.33317 11.3335L10.3332 8.3335M6.39984 4.00016H9.59984C9.9732 4.00016 10.1599 4.00016 10.3025 3.9275C10.4279 3.86359 10.5299 3.7616 10.5938 3.63616C10.6665 3.49355 10.6665 3.30686 10.6665 2.9335V2.40016C10.6665 2.02679 10.6665 1.84011 10.5938 1.6975C10.5299 1.57206 10.4279 1.47007 10.3025 1.40616C10.1599 1.3335 9.97321 1.3335 9.59984 1.3335H6.39984C6.02647 1.3335 5.83978 1.3335 5.69718 1.40616C5.57174 1.47007 5.46975 1.57206 5.40583 1.6975C5.33317 1.84011 5.33317 2.02679 5.33317 2.40016V2.9335C5.33317 3.30686 5.33317 3.49355 5.40583 3.63616C5.46975 3.7616 5.57174 3.86359 5.69718 3.9275C5.83978 4.00016 6.02647 4.00016 6.39984 4.00016Z",
+          "stroke": "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "CopyCheck"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/CopyCheck.tsx b/web/app/components/base/icons/src/vender/line/files/CopyCheck.tsx
index 7939d3f552..d03c728999 100644
--- a/web/app/components/base/icons/src/vender/line/files/CopyCheck.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/CopyCheck.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CopyCheck.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CopyCheck.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/File02.json b/web/app/components/base/icons/src/vender/line/files/File02.json
index 6c0cf176c1..73917bf198 100644
--- a/web/app/components/base/icons/src/vender/line/files/File02.json
+++ b/web/app/components/base/icons/src/vender/line/files/File02.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M9.33366 7.3335H5.33366M6.66699 10.0002H5.33366M10.667 4.66683H5.33366M13.3337 4.5335V11.4668C13.3337 12.5869 13.3337 13.147 13.1157 13.5748C12.9239 13.9511 12.618 14.2571 12.2416 14.4488C11.8138 14.6668 11.2538 14.6668 10.1337 14.6668H5.86699C4.74689 14.6668 4.18683 14.6668 3.75901 14.4488C3.38269 14.2571 3.07673 13.9511 2.88498 13.5748C2.66699 13.147 2.66699 12.5869 2.66699 11.4668V4.5335C2.66699 3.41339 2.66699 2.85334 2.88498 2.42552C3.07673 2.04919 3.38269 1.74323 3.75901 1.55148C4.18683 1.3335 4.74689 1.3335 5.86699 1.3335H10.1337C11.2538 1.3335 11.8138 1.3335 12.2416 1.55148C12.618 1.74323 12.9239 2.04919 13.1157 2.42552C13.3337 2.85334 13.3337 3.41339 13.3337 4.5335Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "File02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M9.33366 7.3335H5.33366M6.66699 10.0002H5.33366M10.667 4.66683H5.33366M13.3337 4.5335V11.4668C13.3337 12.5869 13.3337 13.147 13.1157 13.5748C12.9239 13.9511 12.618 14.2571 12.2416 14.4488C11.8138 14.6668 11.2538 14.6668 10.1337 14.6668H5.86699C4.74689 14.6668 4.18683 14.6668 3.75901 14.4488C3.38269 14.2571 3.07673 13.9511 2.88498 13.5748C2.66699 13.147 2.66699 12.5869 2.66699 11.4668V4.5335C2.66699 3.41339 2.66699 2.85334 2.88498 2.42552C3.07673 2.04919 3.38269 1.74323 3.75901 1.55148C4.18683 1.3335 4.74689 1.3335 5.86699 1.3335H10.1337C11.2538 1.3335 11.8138 1.3335 12.2416 1.55148C12.618 1.74323 12.9239 2.04919 13.1157 2.42552C13.3337 2.85334 13.3337 3.41339 13.3337 4.5335Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "File02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/File02.tsx b/web/app/components/base/icons/src/vender/line/files/File02.tsx
index c51f1d4808..20cf0f566a 100644
--- a/web/app/components/base/icons/src/vender/line/files/File02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/File02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './File02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './File02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileArrow01.json b/web/app/components/base/icons/src/vender/line/files/FileArrow01.json
index ce13dd0f5e..f42c2fcfd5 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileArrow01.json
+++ b/web/app/components/base/icons/src/vender/line/files/FileArrow01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-arrow-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M3.33333 12.333C3.33333 12.6426 3.33333 12.7974 3.35044 12.9274C3.4686 13.8249 4.17481 14.5311 5.07228 14.6492C5.20225 14.6663 5.35705 14.6663 5.66667 14.6663H10.8C11.9201 14.6663 12.4802 14.6663 12.908 14.4484C13.2843 14.2566 13.5903 13.9506 13.782 13.5743C14 13.1465 14 12.5864 14 11.4663V6.65849C14 6.16931 14 5.92472 13.9447 5.69454C13.8957 5.49047 13.8149 5.29538 13.7053 5.11644C13.5816 4.91461 13.4086 4.74165 13.0627 4.39575L10.9373 2.27027C10.5914 1.92436 10.4184 1.75141 10.2166 1.62773C10.0376 1.51807 9.84254 1.43726 9.63846 1.38827C9.40829 1.33301 9.1637 1.33301 8.67452 1.33301H5.66667C5.35705 1.33301 5.20225 1.33301 5.07228 1.35012C4.17481 1.46827 3.4686 2.17449 3.35044 3.07196M5.33333 5.99967L7.33333 7.99967M7.33333 7.99967L5.33333 9.99967M7.33333 7.99967H2",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FileArrow01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-arrow-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M3.33333 12.333C3.33333 12.6426 3.33333 12.7974 3.35044 12.9274C3.4686 13.8249 4.17481 14.5311 5.07228 14.6492C5.20225 14.6663 5.35705 14.6663 5.66667 14.6663H10.8C11.9201 14.6663 12.4802 14.6663 12.908 14.4484C13.2843 14.2566 13.5903 13.9506 13.782 13.5743C14 13.1465 14 12.5864 14 11.4663V6.65849C14 6.16931 14 5.92472 13.9447 5.69454C13.8957 5.49047 13.8149 5.29538 13.7053 5.11644C13.5816 4.91461 13.4086 4.74165 13.0627 4.39575L10.9373 2.27027C10.5914 1.92436 10.4184 1.75141 10.2166 1.62773C10.0376 1.51807 9.84254 1.43726 9.63846 1.38827C9.40829 1.33301 9.1637 1.33301 8.67452 1.33301H5.66667C5.35705 1.33301 5.20225 1.33301 5.07228 1.35012C4.17481 1.46827 3.4686 2.17449 3.35044 3.07196M5.33333 5.99967L7.33333 7.99967M7.33333 7.99967L5.33333 9.99967M7.33333 7.99967H2",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileArrow01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx b/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
index 562b165c9d..d34787502b 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileArrow01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileArrow01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileCheck02.json b/web/app/components/base/icons/src/vender/line/files/FileCheck02.json
index 0b08e61b30..1e59c78f9c 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileCheck02.json
+++ b/web/app/components/base/icons/src/vender/line/files/FileCheck02.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-check-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M13.3337 8.33301V4.53301C13.3337 3.4129 13.3337 2.85285 13.1157 2.42503C12.9239 2.0487 12.618 1.74274 12.2416 1.55099C11.8138 1.33301 11.2538 1.33301 10.1337 1.33301H5.86699C4.74689 1.33301 4.18683 1.33301 3.75901 1.55099C3.38269 1.74274 3.07673 2.0487 2.88498 2.42503C2.66699 2.85285 2.66699 3.4129 2.66699 4.53301V11.4663C2.66699 12.5864 2.66699 13.1465 2.88498 13.5743C3.07673 13.9506 3.38269 14.2566 3.75901 14.4484C4.18683 14.6663 4.74689 14.6663 5.86699 14.6663H8.00033M9.33366 7.33301H5.33366M6.66699 9.99967H5.33366M10.667 4.66634H5.33366M9.66699 12.6663L11.0003 13.9997L14.0003 10.9997",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FileCheck02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-check-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M13.3337 8.33301V4.53301C13.3337 3.4129 13.3337 2.85285 13.1157 2.42503C12.9239 2.0487 12.618 1.74274 12.2416 1.55099C11.8138 1.33301 11.2538 1.33301 10.1337 1.33301H5.86699C4.74689 1.33301 4.18683 1.33301 3.75901 1.55099C3.38269 1.74274 3.07673 2.0487 2.88498 2.42503C2.66699 2.85285 2.66699 3.4129 2.66699 4.53301V11.4663C2.66699 12.5864 2.66699 13.1465 2.88498 13.5743C3.07673 13.9506 3.38269 14.2566 3.75901 14.4484C4.18683 14.6663 4.74689 14.6663 5.86699 14.6663H8.00033M9.33366 7.33301H5.33366M6.66699 9.99967H5.33366M10.667 4.66634H5.33366M9.66699 12.6663L11.0003 13.9997L14.0003 10.9997",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileCheck02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx b/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
index fa32b308e3..1a37be06aa 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileCheck02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileCheck02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileDownload02.json b/web/app/components/base/icons/src/vender/line/files/FileDownload02.json
index 2c439adb31..6d94869904 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileDownload02.json
+++ b/web/app/components/base/icons/src/vender/line/files/FileDownload02.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M20 12.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.1198 22 8.79986 22H12.5M14 11H8M10 15H8M16 7H8M15 19L18 22M18 22L21 19M18 22V16",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "FileDownload02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M20 12.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.1198 22 8.79986 22H12.5M14 11H8M10 15H8M16 7H8M15 19L18 22M18 22L21 19M18 22V16",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "FileDownload02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx b/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
index 7d6528694b..5c0178be11 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileDownload02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileDownload02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus01.json b/web/app/components/base/icons/src/vender/line/files/FilePlus01.json
index 470703abe1..365e40ba6e 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus01.json
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-plus-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M13.3332 6.99967V4.53301C13.3332 3.4129 13.3332 2.85285 13.1152 2.42503C12.9234 2.0487 12.6175 1.74274 12.2412 1.55099C11.8133 1.33301 11.2533 1.33301 10.1332 1.33301H5.8665C4.7464 1.33301 4.18635 1.33301 3.75852 1.55099C3.3822 1.74274 3.07624 2.0487 2.88449 2.42503C2.6665 2.85285 2.6665 3.4129 2.6665 4.53301V11.4663C2.6665 12.5864 2.6665 13.1465 2.88449 13.5743C3.07624 13.9506 3.3822 14.2566 3.75852 14.4484C4.18635 14.6663 4.7464 14.6663 5.8665 14.6663H7.99984M11.9998 13.9997V9.99967M9.99984 11.9997H13.9998",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FilePlus01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-plus-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M13.3332 6.99967V4.53301C13.3332 3.4129 13.3332 2.85285 13.1152 2.42503C12.9234 2.0487 12.6175 1.74274 12.2412 1.55099C11.8133 1.33301 11.2533 1.33301 10.1332 1.33301H5.8665C4.7464 1.33301 4.18635 1.33301 3.75852 1.55099C3.3822 1.74274 3.07624 2.0487 2.88449 2.42503C2.6665 2.85285 2.6665 3.4129 2.6665 4.53301V11.4663C2.6665 12.5864 2.6665 13.1465 2.88449 13.5743C3.07624 13.9506 3.3822 14.2566 3.75852 14.4484C4.18635 14.6663 4.7464 14.6663 5.8665 14.6663H7.99984M11.9998 13.9997V9.99967M9.99984 11.9997H13.9998",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FilePlus01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx b/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
index bce1a388c5..0399762994 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FilePlus01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FilePlus01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus02.json b/web/app/components/base/icons/src/vender/line/files/FilePlus02.json
index cd55cad950..a3d5cee350 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus02.json
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus02.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M13.3333 6.99992V4.53325C13.3333 3.41315 13.3333 2.85309 13.1153 2.42527C12.9236 2.04895 12.6176 1.74299 12.2413 1.55124C11.8135 1.33325 11.2534 1.33325 10.1333 1.33325H5.86666C4.74655 1.33325 4.1865 1.33325 3.75868 1.55124C3.38235 1.74299 3.07639 2.04895 2.88464 2.42527C2.66666 2.85309 2.66666 3.41315 2.66666 4.53325V11.4666C2.66666 12.5867 2.66666 13.1467 2.88464 13.5746C3.07639 13.9509 3.38235 14.2569 3.75868 14.4486C4.1865 14.6666 4.74655 14.6666 5.86666 14.6666H7.99999M9.33332 7.33325H5.33332M6.66666 9.99992H5.33332M10.6667 4.66659H5.33332M12 13.9999V9.99992M9.99999 11.9999H14",
-					"stroke": "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "FilePlus02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M13.3333 6.99992V4.53325C13.3333 3.41315 13.3333 2.85309 13.1153 2.42527C12.9236 2.04895 12.6176 1.74299 12.2413 1.55124C11.8135 1.33325 11.2534 1.33325 10.1333 1.33325H5.86666C4.74655 1.33325 4.1865 1.33325 3.75868 1.55124C3.38235 1.74299 3.07639 2.04895 2.88464 2.42527C2.66666 2.85309 2.66666 3.41315 2.66666 4.53325V11.4666C2.66666 12.5867 2.66666 13.1467 2.88464 13.5746C3.07639 13.9509 3.38235 14.2569 3.75868 14.4486C4.1865 14.6666 4.74655 14.6666 5.86666 14.6666H7.99999M9.33332 7.33325H5.33332M6.66666 9.99992H5.33332M10.6667 4.66659H5.33332M12 13.9999V9.99992M9.99999 11.9999H14",
+          "stroke": "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "FilePlus02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
index 5d4ba8e542..f7d6e78018 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FilePlus02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FilePlus02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileText.json b/web/app/components/base/icons/src/vender/line/files/FileText.json
index 12335ec1c2..062d85985f 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileText.json
+++ b/web/app/components/base/icons/src/vender/line/files/FileText.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-text"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V8H20M16 13H8M16 17H8M10 9H8",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FileText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-text"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V8H20M16 13H8M16 17H8M10 9H8",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileText"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/FileText.tsx b/web/app/components/base/icons/src/vender/line/files/FileText.tsx
index fa2d0f098c..37aec67c3a 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileText.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileUpload.json b/web/app/components/base/icons/src/vender/line/files/FileUpload.json
index 6dfa30a350..8f9ada4d7e 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileUpload.json
+++ b/web/app/components/base/icons/src/vender/line/files/FileUpload.json
@@ -1,52 +1,52 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-upload"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M20 10.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22H12M14 11H8M10 15H8M16 7H8",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M15 18L18 15M18 15L21 18M18 15L18 21",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FileUpload"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-upload"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M20 10.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22H12M14 11H8M10 15H8M16 7H8",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M15 18L18 15M18 15L21 18M18 15L18 21",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileUpload"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx b/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
index 766f19dffb..a91e8ac4b2 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileUpload.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileUpload.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/Folder.json b/web/app/components/base/icons/src/vender/line/files/Folder.json
index 84e3cb9763..76e99c37dc 100644
--- a/web/app/components/base/icons/src/vender/line/files/Folder.json
+++ b/web/app/components/base/icons/src/vender/line/files/Folder.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "folder"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M12.8327 11.0833C12.8327 11.3928 12.7098 11.6895 12.491 11.9083C12.2722 12.1271 11.9754 12.25 11.666 12.25H2.33268C2.02326 12.25 1.72652 12.1271 1.50772 11.9083C1.28893 11.6895 1.16602 11.3928 1.16602 11.0833V2.91667C1.16602 2.60725 1.28893 2.3105 1.50772 2.09171C1.72652 1.87292 2.02326 1.75 2.33268 1.75H5.24935L6.41602 3.5H11.666C11.9754 3.5 12.2722 3.62292 12.491 3.84171C12.7098 4.0605 12.8327 4.35725 12.8327 4.66667V11.0833Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Folder"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "folder"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M12.8327 11.0833C12.8327 11.3928 12.7098 11.6895 12.491 11.9083C12.2722 12.1271 11.9754 12.25 11.666 12.25H2.33268C2.02326 12.25 1.72652 12.1271 1.50772 11.9083C1.28893 11.6895 1.16602 11.3928 1.16602 11.0833V2.91667C1.16602 2.60725 1.28893 2.3105 1.50772 2.09171C1.72652 1.87292 2.02326 1.75 2.33268 1.75H5.24935L6.41602 3.5H11.666C11.9754 3.5 12.2722 3.62292 12.491 3.84171C12.7098 4.0605 12.8327 4.35725 12.8327 4.66667V11.0833Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Folder"
 }
diff --git a/web/app/components/base/icons/src/vender/line/files/Folder.tsx b/web/app/components/base/icons/src/vender/line/files/Folder.tsx
index c5c3ea5b72..5d656dee61 100644
--- a/web/app/components/base/icons/src/vender/line/files/Folder.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/Folder.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Folder.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Folder.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/files/index.ts b/web/app/components/base/icons/src/vender/line/files/index.ts
index 631f7915b0..8455f7b56a 100644
--- a/web/app/components/base/icons/src/vender/line/files/index.ts
+++ b/web/app/components/base/icons/src/vender/line/files/index.ts
@@ -1,5 +1,5 @@
-export { default as CopyCheck } from './CopyCheck'
 export { default as Copy } from './Copy'
+export { default as CopyCheck } from './CopyCheck'
 export { default as File02 } from './File02'
 export { default as FileArrow01 } from './FileArrow01'
 export { default as FileCheck02 } from './FileCheck02'
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.json b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.json
index 79bdc7024d..eb1d2965e3 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.json
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12 3V20M12 20H6.99999M12 20H17M2.99999 6H7.52785C7.83834 6 8.14457 5.92771 8.42228 5.78885L9.5777 5.21115C9.85541 5.07229 10.1616 5 10.4721 5H13.5279C13.8384 5 14.1446 5.07229 14.4223 5.21115L15.5777 5.78885C15.8554 5.92771 16.1616 6 16.4721 6H21M5.49999 6L3.02043 13.4387C2.71807 14.3458 3.08918 15.3834 4.0053 15.657C5.0117 15.9577 5.98828 15.9577 6.99468 15.657C7.9108 15.3834 8.28191 14.3457 7.97955 13.4387L5.49999 6ZM18.5 6L16.0204 13.4387C15.7181 14.3458 16.0892 15.3834 17.0053 15.657C18.0117 15.9577 18.9883 15.9577 19.9947 15.657C20.9108 15.3834 21.2819 14.3457 20.9796 13.4387L18.5 6Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Balance"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12 3V20M12 20H6.99999M12 20H17M2.99999 6H7.52785C7.83834 6 8.14457 5.92771 8.42228 5.78885L9.5777 5.21115C9.85541 5.07229 10.1616 5 10.4721 5H13.5279C13.8384 5 14.1446 5.07229 14.4223 5.21115L15.5777 5.78885C15.8554 5.92771 16.1616 6 16.4721 6H21M5.49999 6L3.02043 13.4387C2.71807 14.3458 3.08918 15.3834 4.0053 15.657C5.0117 15.9577 5.98828 15.9577 6.99468 15.657C7.9108 15.3834 8.28191 14.3457 7.97955 13.4387L5.49999 6ZM18.5 6L16.0204 13.4387C15.7181 14.3458 16.0892 15.3834 17.0053 15.657C18.0117 15.9577 18.9883 15.9577 19.9947 15.657C20.9108 15.3834 21.2819 14.3457 20.9796 13.4387L18.5 6Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Balance"
 }
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
index 2ea9b0c7f1..a2618ecbcb 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Balance.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Balance.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.json b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.json
index 328e38a1ce..089426a179 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.json
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "coins-stacked-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M12 17C12 19.7614 14.2386 22 17 22C19.7614 22 22 19.7614 22 17C22 14.2386 19.7614 12 17 12C14.2386 12 12 14.2386 12 17ZM12 17C12 15.8742 12.3721 14.8353 13 13.9995V5M12 17C12 17.8254 12.2 18.604 12.5541 19.2901C11.7117 20.0018 9.76584 20.5 7.5 20.5C4.46243 20.5 2 19.6046 2 18.5V5M13 5C13 6.10457 10.5376 7 7.5 7C4.46243 7 2 6.10457 2 5M13 5C13 3.89543 10.5376 3 7.5 3C4.46243 3 2 3.89543 2 5M2 14C2 15.1046 4.46243 16 7.5 16C9.689 16 11.5793 15.535 12.4646 14.8618M13 9.5C13 10.6046 10.5376 11.5 7.5 11.5C4.46243 11.5 2 10.6046 2 9.5",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "CoinsStacked01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "coins-stacked-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M12 17C12 19.7614 14.2386 22 17 22C19.7614 22 22 19.7614 22 17C22 14.2386 19.7614 12 17 12C14.2386 12 12 14.2386 12 17ZM12 17C12 15.8742 12.3721 14.8353 13 13.9995V5M12 17C12 17.8254 12.2 18.604 12.5541 19.2901C11.7117 20.0018 9.76584 20.5 7.5 20.5C4.46243 20.5 2 19.6046 2 18.5V5M13 5C13 6.10457 10.5376 7 7.5 7C4.46243 7 2 6.10457 2 5M13 5C13 3.89543 10.5376 3 7.5 3C4.46243 3 2 3.89543 2 5M2 14C2 15.1046 4.46243 16 7.5 16C9.689 16 11.5793 15.535 12.4646 14.8618M13 9.5C13 10.6046 10.5376 11.5 7.5 11.5C4.46243 11.5 2 10.6046 2 9.5",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CoinsStacked01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
index ff094d5f9c..927e3294ff 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CoinsStacked01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CoinsStacked01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.json b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.json
index 7a748bda5a..b9deb1ecca 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.json
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.json
@@ -1,120 +1,120 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_7056_1808)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M8.00003 4.82855L8.93639 6.72613L11.0303 7.03037L9.51518 8.50734L9.87276 10.5928L8.00003 9.60795L6.1273 10.5928L6.48488 8.50734L4.96973 7.03037L7.06367 6.72613L8.00003 4.82855Z",
-							"stroke": "currentColor",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M8.00016 14.6666C11.6821 14.6666 14.6668 11.6819 14.6668 7.99998C14.6668 4.31808 11.6821 1.33331 8.00016 1.33331C4.31826 1.33331 1.3335 4.31808 1.3335 7.99998C1.3335 11.6819 4.31826 14.6666 8.00016 14.6666Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M8.0001 12.8485C8.33482 12.8485 8.60616 12.5771 8.60616 12.2424C8.60616 11.9077 8.33482 11.6364 8.0001 11.6364C7.66539 11.6364 7.39404 11.9077 7.39404 12.2424C7.39404 12.5771 7.66539 12.8485 8.0001 12.8485Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M12.0348 9.91702C12.3695 9.91702 12.6408 9.64567 12.6408 9.31096C12.6408 8.97624 12.3695 8.7049 12.0348 8.7049C11.7001 8.7049 11.4287 8.97624 11.4287 9.31096C11.4287 9.64567 11.7001 9.91702 12.0348 9.91702Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M10.4933 5.17391C10.828 5.17391 11.0993 4.90257 11.0993 4.56785C11.0993 4.23313 10.828 3.96179 10.4933 3.96179C10.1585 3.96179 9.88721 4.23313 9.88721 4.56785C9.88721 4.90257 10.1585 5.17391 10.4933 5.17391Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M5.50645 5.17391C5.84117 5.17391 6.11251 4.90257 6.11251 4.56785C6.11251 4.23313 5.84117 3.96179 5.50645 3.96179C5.17173 3.96179 4.90039 4.23313 4.90039 4.56785C4.90039 4.90257 5.17173 5.17391 5.50645 5.17391Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M3.96544 9.91702C4.30015 9.91702 4.5715 9.64567 4.5715 9.31096C4.5715 8.97624 4.30015 8.7049 3.96544 8.7049C3.63072 8.7049 3.35938 8.97624 3.35938 9.31096C3.35938 9.64567 3.63072 9.91702 3.96544 9.91702Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_7056_1808"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "GoldCoin"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_7056_1808)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M8.00003 4.82855L8.93639 6.72613L11.0303 7.03037L9.51518 8.50734L9.87276 10.5928L8.00003 9.60795L6.1273 10.5928L6.48488 8.50734L4.96973 7.03037L7.06367 6.72613L8.00003 4.82855Z",
+              "stroke": "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M8.00016 14.6666C11.6821 14.6666 14.6668 11.6819 14.6668 7.99998C14.6668 4.31808 11.6821 1.33331 8.00016 1.33331C4.31826 1.33331 1.3335 4.31808 1.3335 7.99998C1.3335 11.6819 4.31826 14.6666 8.00016 14.6666Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M8.0001 12.8485C8.33482 12.8485 8.60616 12.5771 8.60616 12.2424C8.60616 11.9077 8.33482 11.6364 8.0001 11.6364C7.66539 11.6364 7.39404 11.9077 7.39404 12.2424C7.39404 12.5771 7.66539 12.8485 8.0001 12.8485Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M12.0348 9.91702C12.3695 9.91702 12.6408 9.64567 12.6408 9.31096C12.6408 8.97624 12.3695 8.7049 12.0348 8.7049C11.7001 8.7049 11.4287 8.97624 11.4287 9.31096C11.4287 9.64567 11.7001 9.91702 12.0348 9.91702Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M10.4933 5.17391C10.828 5.17391 11.0993 4.90257 11.0993 4.56785C11.0993 4.23313 10.828 3.96179 10.4933 3.96179C10.1585 3.96179 9.88721 4.23313 9.88721 4.56785C9.88721 4.90257 10.1585 5.17391 10.4933 5.17391Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M5.50645 5.17391C5.84117 5.17391 6.11251 4.90257 6.11251 4.56785C6.11251 4.23313 5.84117 3.96179 5.50645 3.96179C5.17173 3.96179 4.90039 4.23313 4.90039 4.56785C4.90039 4.90257 5.17173 5.17391 5.50645 5.17391Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M3.96544 9.91702C4.30015 9.91702 4.5715 9.64567 4.5715 9.31096C4.5715 8.97624 4.30015 8.7049 3.96544 8.7049C3.63072 8.7049 3.35938 8.97624 3.35938 9.31096C3.35938 9.64567 3.63072 9.91702 3.96544 9.91702Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_7056_1808"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "GoldCoin"
 }
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
index c4147aff78..5c766c2902 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './GoldCoin.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './GoldCoin.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.json b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.json
index ac3d3bdfe2..480dbf4f12 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.json
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.55556 8.33333H12M15.5556 8.33333H16.4444M7.55556 11.8889H12M15.5556 11.8889H16.4444M7.55556 15.4444H12M15.5556 15.4444H16.4444M20 21.6667V5C20 3.89543 19.1046 3 18 3H6C4.89543 3 4 3.89543 4 5V21.6667L6.66667 19.8889L9.33333 21.6667L12 19.8889L14.6667 21.6667L17.3333 19.8889L20 21.6667Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ReceiptList"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.55556 8.33333H12M15.5556 8.33333H16.4444M7.55556 11.8889H12M15.5556 11.8889H16.4444M7.55556 15.4444H12M15.5556 15.4444H16.4444M20 21.6667V5C20 3.89543 19.1046 3 18 3H6C4.89543 3 4 3.89543 4 5V21.6667L6.66667 19.8889L9.33333 21.6667L12 19.8889L14.6667 21.6667L17.3333 19.8889L20 21.6667Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ReceiptList"
 }
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
index 637c386911..90ae601007 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ReceiptList.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ReceiptList.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.json b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.json
index 82cd5af5f9..30d5b4984d 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.json
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon",
-					"clip-path": "url(#clip0_17795_9693)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M4.66699 4.6665H4.67283M1.16699 3.03317L1.16699 5.6433C1.16699 5.92866 1.16699 6.07134 1.19923 6.20561C1.22781 6.32465 1.27495 6.43845 1.33891 6.54284C1.41106 6.66057 1.51195 6.76146 1.71373 6.96324L6.18709 11.4366C6.88012 12.1296 7.22664 12.4761 7.62621 12.606C7.97769 12.7202 8.35629 12.7202 8.70777 12.606C9.10735 12.4761 9.45386 12.1296 10.1469 11.4366L11.4371 10.1464C12.1301 9.45337 12.4766 9.10686 12.6065 8.70728C12.7207 8.35581 12.7207 7.9772 12.6065 7.62572C12.4766 7.22615 12.1301 6.87963 11.4371 6.1866L6.96372 1.71324C6.76195 1.51146 6.66106 1.41057 6.54332 1.33842C6.43894 1.27446 6.32514 1.22732 6.20609 1.19874C6.07183 1.1665 5.92915 1.1665 5.64379 1.1665L3.03366 1.1665C2.38026 1.1665 2.05357 1.1665 1.804 1.29366C1.58448 1.40552 1.406 1.58399 1.29415 1.80352C1.16699 2.05308 1.16699 2.37978 1.16699 3.03317ZM4.95866 4.6665C4.95866 4.82759 4.82808 4.95817 4.66699 4.95817C4.50591 4.95817 4.37533 4.82759 4.37533 4.6665C4.37533 4.50542 4.50591 4.37484 4.66699 4.37484C4.82808 4.37484 4.95866 4.50542 4.95866 4.6665Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_17795_9693"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "14",
-									"height": "14",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Tag01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon",
+          "clip-path": "url(#clip0_17795_9693)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M4.66699 4.6665H4.67283M1.16699 3.03317L1.16699 5.6433C1.16699 5.92866 1.16699 6.07134 1.19923 6.20561C1.22781 6.32465 1.27495 6.43845 1.33891 6.54284C1.41106 6.66057 1.51195 6.76146 1.71373 6.96324L6.18709 11.4366C6.88012 12.1296 7.22664 12.4761 7.62621 12.606C7.97769 12.7202 8.35629 12.7202 8.70777 12.606C9.10735 12.4761 9.45386 12.1296 10.1469 11.4366L11.4371 10.1464C12.1301 9.45337 12.4766 9.10686 12.6065 8.70728C12.7207 8.35581 12.7207 7.9772 12.6065 7.62572C12.4766 7.22615 12.1301 6.87963 11.4371 6.1866L6.96372 1.71324C6.76195 1.51146 6.66106 1.41057 6.54332 1.33842C6.43894 1.27446 6.32514 1.22732 6.20609 1.19874C6.07183 1.1665 5.92915 1.1665 5.64379 1.1665L3.03366 1.1665C2.38026 1.1665 2.05357 1.1665 1.804 1.29366C1.58448 1.40552 1.406 1.58399 1.29415 1.80352C1.16699 2.05308 1.16699 2.37978 1.16699 3.03317ZM4.95866 4.6665C4.95866 4.82759 4.82808 4.95817 4.66699 4.95817C4.50591 4.95817 4.37533 4.82759 4.37533 4.6665C4.37533 4.50542 4.50591 4.37484 4.66699 4.37484C4.82808 4.37484 4.95866 4.50542 4.95866 4.6665Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_17795_9693"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "14",
+                  "height": "14",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Tag01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
index cb58ca1e54..90f2e87707 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Tag01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Tag01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.json b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.json
index 2fa00f62f7..4e9e4cb12e 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.json
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "tag-03"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M14 7.3335L8.93726 2.27075C8.59135 1.92485 8.4184 1.7519 8.21657 1.62822C8.03762 1.51856 7.84254 1.43775 7.63846 1.38876C7.40829 1.3335 7.16369 1.3335 6.67452 1.3335L4 1.3335M2 5.80016L2 7.11651C2 7.44263 2 7.60569 2.03684 7.75914C2.0695 7.89519 2.12337 8.02525 2.19648 8.14454C2.27894 8.2791 2.39424 8.3944 2.62484 8.625L7.82484 13.825C8.35286 14.353 8.61687 14.617 8.92131 14.716C9.1891 14.803 9.47757 14.803 9.74536 14.716C10.0498 14.617 10.3138 14.353 10.8418 13.825L12.4915 12.1753C13.0195 11.6473 13.2835 11.3833 13.3825 11.0789C13.4695 10.8111 13.4695 10.5226 13.3825 10.2548C13.2835 9.95037 13.0195 9.68636 12.4915 9.15834L7.62484 4.29167C7.39424 4.06107 7.27894 3.94577 7.14438 3.86331C7.02508 3.7902 6.89502 3.73633 6.75898 3.70367C6.60553 3.66683 6.44247 3.66683 6.11634 3.66683H4.13333C3.3866 3.66683 3.01323 3.66683 2.72801 3.81215C2.47713 3.93999 2.27316 4.14396 2.14532 4.39484C2 4.68006 2 5.05343 2 5.80016Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Tag03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "tag-03"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M14 7.3335L8.93726 2.27075C8.59135 1.92485 8.4184 1.7519 8.21657 1.62822C8.03762 1.51856 7.84254 1.43775 7.63846 1.38876C7.40829 1.3335 7.16369 1.3335 6.67452 1.3335L4 1.3335M2 5.80016L2 7.11651C2 7.44263 2 7.60569 2.03684 7.75914C2.0695 7.89519 2.12337 8.02525 2.19648 8.14454C2.27894 8.2791 2.39424 8.3944 2.62484 8.625L7.82484 13.825C8.35286 14.353 8.61687 14.617 8.92131 14.716C9.1891 14.803 9.47757 14.803 9.74536 14.716C10.0498 14.617 10.3138 14.353 10.8418 13.825L12.4915 12.1753C13.0195 11.6473 13.2835 11.3833 13.3825 11.0789C13.4695 10.8111 13.4695 10.5226 13.3825 10.2548C13.2835 9.95037 13.0195 9.68636 12.4915 9.15834L7.62484 4.29167C7.39424 4.06107 7.27894 3.94577 7.14438 3.86331C7.02508 3.7902 6.89502 3.73633 6.75898 3.70367C6.60553 3.66683 6.44247 3.66683 6.11634 3.66683H4.13333C3.3866 3.66683 3.01323 3.66683 2.72801 3.81215C2.47713 3.93999 2.27316 4.14396 2.14532 4.39484C2 4.68006 2 5.05343 2 5.80016Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Tag03"
 }
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
index c28f6c042f..a792bfebc5 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Tag03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Tag03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/AtSign.json b/web/app/components/base/icons/src/vender/line/general/AtSign.json
index dd6d9cbbc7..96d9efaa6b 100644
--- a/web/app/components/base/icons/src/vender/line/general/AtSign.json
+++ b/web/app/components/base/icons/src/vender/line/general/AtSign.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "at-sign",
-					"clip-path": "url(#clip0_8902_1909)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M10.6666 5.33333V8.66666C10.6666 9.19709 10.8773 9.7058 11.2524 10.0809C11.6275 10.4559 12.1362 10.6667 12.6666 10.6667C13.197 10.6667 13.7057 10.4559 14.0808 10.0809C14.4559 9.7058 14.6666 9.19709 14.6666 8.66666V7.99999C14.6665 6.49535 14.1574 5.03498 13.2221 3.85635C12.2868 2.67772 10.9803 1.85014 9.51502 1.50819C8.04974 1.16624 6.51188 1.33002 5.15149 1.9729C3.7911 2.61579 2.68819 3.69996 2.0221 5.04914C1.356 6.39832 1.1659 7.93315 1.4827 9.40407C1.7995 10.875 2.60458 12.1955 3.76701 13.1508C4.92945 14.1062 6.38088 14.6402 7.8853 14.6661C9.38973 14.692 10.8587 14.2082 12.0533 13.2933M10.6666 7.99999C10.6666 9.47275 9.47269 10.6667 7.99993 10.6667C6.52717 10.6667 5.33326 9.47275 5.33326 7.99999C5.33326 6.52723 6.52717 5.33333 7.99993 5.33333C9.47269 5.33333 10.6666 6.52723 10.6666 7.99999Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_8902_1909"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AtSign"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "at-sign",
+          "clip-path": "url(#clip0_8902_1909)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M10.6666 5.33333V8.66666C10.6666 9.19709 10.8773 9.7058 11.2524 10.0809C11.6275 10.4559 12.1362 10.6667 12.6666 10.6667C13.197 10.6667 13.7057 10.4559 14.0808 10.0809C14.4559 9.7058 14.6666 9.19709 14.6666 8.66666V7.99999C14.6665 6.49535 14.1574 5.03498 13.2221 3.85635C12.2868 2.67772 10.9803 1.85014 9.51502 1.50819C8.04974 1.16624 6.51188 1.33002 5.15149 1.9729C3.7911 2.61579 2.68819 3.69996 2.0221 5.04914C1.356 6.39832 1.1659 7.93315 1.4827 9.40407C1.7995 10.875 2.60458 12.1955 3.76701 13.1508C4.92945 14.1062 6.38088 14.6402 7.8853 14.6661C9.38973 14.692 10.8587 14.2082 12.0533 13.2933M10.6666 7.99999C10.6666 9.47275 9.47269 10.6667 7.99993 10.6667C6.52717 10.6667 5.33326 9.47275 5.33326 7.99999C5.33326 6.52723 6.52717 5.33333 7.99993 5.33333C9.47269 5.33333 10.6666 6.52723 10.6666 7.99999Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_8902_1909"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AtSign"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
index a66020fae9..c055644879 100644
--- a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AtSign.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AtSign.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Bookmark.json b/web/app/components/base/icons/src/vender/line/general/Bookmark.json
index 378bc76be5..3d75db3801 100644
--- a/web/app/components/base/icons/src/vender/line/general/Bookmark.json
+++ b/web/app/components/base/icons/src/vender/line/general/Bookmark.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5 7.8C5 6.11984 5 5.27976 5.32698 4.63803C5.6146 4.07354 6.07354 3.6146 6.63803 3.32698C7.27976 3 8.11984 3 9.8 3H14.2C15.8802 3 16.7202 3 17.362 3.32698C17.9265 3.6146 18.3854 4.07354 18.673 4.63803C19 5.27976 19 6.11984 19 7.8V21L12 17L5 21V7.8Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Bookmark"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5 7.8C5 6.11984 5 5.27976 5.32698 4.63803C5.6146 4.07354 6.07354 3.6146 6.63803 3.32698C7.27976 3 8.11984 3 9.8 3H14.2C15.8802 3 16.7202 3 17.362 3.32698C17.9265 3.6146 18.3854 4.07354 18.673 4.63803C19 5.27976 19 6.11984 19 7.8V21L12 17L5 21V7.8Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Bookmark"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx b/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
index bec0be814e..38b9711599 100644
--- a/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Bookmark.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Bookmark.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Check.json b/web/app/components/base/icons/src/vender/line/general/Check.json
index e3265f8138..6def73566d 100644
--- a/web/app/components/base/icons/src/vender/line/general/Check.json
+++ b/web/app/components/base/icons/src/vender/line/general/Check.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "check"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M13.3334 4L6.00008 11.3333L2.66675 8",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Check"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "check"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M13.3334 4L6.00008 11.3333L2.66675 8",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Check"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Check.tsx b/web/app/components/base/icons/src/vender/line/general/Check.tsx
index 5992a006b5..e4a3fa77f0 100644
--- a/web/app/components/base/icons/src/vender/line/general/Check.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Check.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Check.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Check.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/CheckDone01.json b/web/app/components/base/icons/src/vender/line/general/CheckDone01.json
index ec3894aa00..28deda43cd 100644
--- a/web/app/components/base/icons/src/vender/line/general/CheckDone01.json
+++ b/web/app/components/base/icons/src/vender/line/general/CheckDone01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "check-done-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M6 15L8 17L12.5 12.5M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "CheckDone01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "check-done-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M6 15L8 17L12.5 12.5M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CheckDone01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx b/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
index 0119a7d0a2..ef6536fa4f 100644
--- a/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CheckDone01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CheckDone01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.json b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.json
index 6cf330994a..cba935c922 100644
--- a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.json
+++ b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "32",
-			"viewBox": "0 0 32 32",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "checklist-square"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M9.7823 11.9146C9.32278 11.6082 8.70191 11.7324 8.39554 12.1919C8.08918 12.6514 8.21333 13.2723 8.67285 13.5787L9.7823 11.9146ZM10.9151 13.8717L10.3603 14.7037C10.8019 14.9982 11.3966 14.8963 11.7151 14.4717L10.9151 13.8717ZM14.5226 10.7284C14.8539 10.2865 14.7644 9.65973 14.3225 9.32836C13.8807 8.99699 13.2539 9.08653 12.9225 9.52836L14.5226 10.7284ZM19.3333 11C18.781 11 18.3333 11.4477 18.3333 12C18.3333 12.5523 18.781 13 19.3333 13V11ZM22 13C22.5523 13 23 12.5523 23 12C23 11.4477 22.5523 11 22 11V13ZM19.3333 19C18.781 19 18.3333 19.4477 18.3333 20C18.3333 20.5523 18.781 21 19.3333 21V19ZM22 21C22.5523 21 23 20.5523 23 20C23 19.4477 22.5523 19 22 19V21ZM9.86913 19.9163C9.4096 19.6099 8.78873 19.7341 8.48238 20.1937C8.17602 20.6532 8.3002 21.274 8.75973 21.5804L9.86913 19.9163ZM11.0019 21.8734L10.4472 22.7054C10.8888 22.9998 11.4835 22.8979 11.8019 22.4734L11.0019 21.8734ZM14.6094 18.7301C14.9408 18.2883 14.8512 17.6615 14.4094 17.3301C13.9676 16.9987 13.3408 17.0883 13.0094 17.5301L14.6094 18.7301ZM6.18404 27.564L5.73005 28.455H5.73005L6.18404 27.564ZM4.43597 25.816L3.54497 26.27H3.54497L4.43597 25.816ZM27.564 25.816L28.455 26.27L27.564 25.816ZM25.816 27.564L26.27 28.455L25.816 27.564ZM25.816 4.43597L26.27 3.54497V3.54497L25.816 4.43597ZM27.564 6.18404L28.455 5.73005V5.73005L27.564 6.18404ZM6.18404 4.43597L5.73005 3.54497L6.18404 4.43597ZM4.43597 6.18404L3.54497 5.73005L4.43597 6.18404ZM8.67285 13.5787L10.3603 14.7037L11.4698 13.0397L9.7823 11.9146L8.67285 13.5787ZM11.7151 14.4717L14.5226 10.7284L12.9225 9.52836L10.1151 13.2717L11.7151 14.4717ZM19.3333 13H22V11H19.3333V13ZM19.3333 21H22V19H19.3333V21ZM8.75973 21.5804L10.4472 22.7054L11.5566 21.0413L9.86913 19.9163L8.75973 21.5804ZM11.8019 22.4734L14.6094 18.7301L13.0094 17.5301L10.2019 21.2733L11.8019 22.4734ZM10.4 5H21.6V3H10.4V5ZM27 10.4V21.6H29V10.4H27ZM21.6 27H10.4V29H21.6V27ZM5 21.6V10.4H3V21.6H5ZM10.4 27C9.26339 27 8.47108 26.9992 7.85424 26.9488C7.24907 26.8994 6.90138 26.8072 6.63803 26.673L5.73005 28.455C6.32234 28.7568 6.96253 28.8826 7.69138 28.9422C8.40855 29.0008 9.2964 29 10.4 29V27ZM3 21.6C3 22.7036 2.99922 23.5914 3.05782 24.3086C3.11737 25.0375 3.24318 25.6777 3.54497 26.27L5.32698 25.362C5.19279 25.0986 5.10062 24.7509 5.05118 24.1458C5.00078 23.5289 5 22.7366 5 21.6H3ZM6.63803 26.673C6.07354 26.3854 5.6146 25.9265 5.32698 25.362L3.54497 26.27C4.02433 27.2108 4.78924 27.9757 5.73005 28.455L6.63803 26.673ZM27 21.6C27 22.7366 26.9992 23.5289 26.9488 24.1458C26.8994 24.7509 26.8072 25.0986 26.673 25.362L28.455 26.27C28.7568 25.6777 28.8826 25.0375 28.9422 24.3086C29.0008 23.5914 29 22.7036 29 21.6H27ZM21.6 29C22.7036 29 23.5914 29.0008 24.3086 28.9422C25.0375 28.8826 25.6777 28.7568 26.27 28.455L25.362 26.673C25.0986 26.8072 24.7509 26.8994 24.1458 26.9488C23.5289 26.9992 22.7366 27 21.6 27V29ZM26.673 25.362C26.3854 25.9265 25.9265 26.3854 25.362 26.673L26.27 28.455C27.2108 27.9757 27.9757 27.2108 28.455 26.27L26.673 25.362ZM21.6 5C22.7366 5 23.5289 5.00078 24.1458 5.05118C24.7509 5.10062 25.0986 5.19279 25.362 5.32698L26.27 3.54497C25.6777 3.24318 25.0375 3.11737 24.3086 3.05782C23.5914 2.99922 22.7036 3 21.6 3V5ZM29 10.4C29 9.2964 29.0008 8.40855 28.9422 7.69138C28.8826 6.96253 28.7568 6.32234 28.455 5.73005L26.673 6.63803C26.8072 6.90138 26.8994 7.24907 26.9488 7.85424C26.9992 8.47108 27 9.26339 27 10.4H29ZM25.362 5.32698C25.9265 5.6146 26.3854 6.07354 26.673 6.63803L28.455 5.73005C27.9757 4.78924 27.2108 4.02433 26.27 3.54497L25.362 5.32698ZM10.4 3C9.2964 3 8.40855 2.99922 7.69138 3.05782C6.96253 3.11737 6.32234 3.24318 5.73005 3.54497L6.63803 5.32698C6.90138 5.19279 7.24907 5.10062 7.85424 5.05118C8.47108 5.00078 9.26339 5 10.4 5V3ZM5 10.4C5 9.26339 5.00078 8.47108 5.05118 7.85424C5.10062 7.24907 5.19279 6.90138 5.32698 6.63803L3.54497 5.73005C3.24318 6.32234 3.11737 6.96253 3.05782 7.69138C2.99922 8.40855 3 9.2964 3 10.4H5ZM5.73005 3.54497C4.78924 4.02433 4.02433 4.78924 3.54497 5.73005L5.32698 6.63803C5.6146 6.07354 6.07354 5.6146 6.63803 5.32698L5.73005 3.54497Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ChecklistSquare"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "32",
+      "viewBox": "0 0 32 32",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "checklist-square"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M9.7823 11.9146C9.32278 11.6082 8.70191 11.7324 8.39554 12.1919C8.08918 12.6514 8.21333 13.2723 8.67285 13.5787L9.7823 11.9146ZM10.9151 13.8717L10.3603 14.7037C10.8019 14.9982 11.3966 14.8963 11.7151 14.4717L10.9151 13.8717ZM14.5226 10.7284C14.8539 10.2865 14.7644 9.65973 14.3225 9.32836C13.8807 8.99699 13.2539 9.08653 12.9225 9.52836L14.5226 10.7284ZM19.3333 11C18.781 11 18.3333 11.4477 18.3333 12C18.3333 12.5523 18.781 13 19.3333 13V11ZM22 13C22.5523 13 23 12.5523 23 12C23 11.4477 22.5523 11 22 11V13ZM19.3333 19C18.781 19 18.3333 19.4477 18.3333 20C18.3333 20.5523 18.781 21 19.3333 21V19ZM22 21C22.5523 21 23 20.5523 23 20C23 19.4477 22.5523 19 22 19V21ZM9.86913 19.9163C9.4096 19.6099 8.78873 19.7341 8.48238 20.1937C8.17602 20.6532 8.3002 21.274 8.75973 21.5804L9.86913 19.9163ZM11.0019 21.8734L10.4472 22.7054C10.8888 22.9998 11.4835 22.8979 11.8019 22.4734L11.0019 21.8734ZM14.6094 18.7301C14.9408 18.2883 14.8512 17.6615 14.4094 17.3301C13.9676 16.9987 13.3408 17.0883 13.0094 17.5301L14.6094 18.7301ZM6.18404 27.564L5.73005 28.455H5.73005L6.18404 27.564ZM4.43597 25.816L3.54497 26.27H3.54497L4.43597 25.816ZM27.564 25.816L28.455 26.27L27.564 25.816ZM25.816 27.564L26.27 28.455L25.816 27.564ZM25.816 4.43597L26.27 3.54497V3.54497L25.816 4.43597ZM27.564 6.18404L28.455 5.73005V5.73005L27.564 6.18404ZM6.18404 4.43597L5.73005 3.54497L6.18404 4.43597ZM4.43597 6.18404L3.54497 5.73005L4.43597 6.18404ZM8.67285 13.5787L10.3603 14.7037L11.4698 13.0397L9.7823 11.9146L8.67285 13.5787ZM11.7151 14.4717L14.5226 10.7284L12.9225 9.52836L10.1151 13.2717L11.7151 14.4717ZM19.3333 13H22V11H19.3333V13ZM19.3333 21H22V19H19.3333V21ZM8.75973 21.5804L10.4472 22.7054L11.5566 21.0413L9.86913 19.9163L8.75973 21.5804ZM11.8019 22.4734L14.6094 18.7301L13.0094 17.5301L10.2019 21.2733L11.8019 22.4734ZM10.4 5H21.6V3H10.4V5ZM27 10.4V21.6H29V10.4H27ZM21.6 27H10.4V29H21.6V27ZM5 21.6V10.4H3V21.6H5ZM10.4 27C9.26339 27 8.47108 26.9992 7.85424 26.9488C7.24907 26.8994 6.90138 26.8072 6.63803 26.673L5.73005 28.455C6.32234 28.7568 6.96253 28.8826 7.69138 28.9422C8.40855 29.0008 9.2964 29 10.4 29V27ZM3 21.6C3 22.7036 2.99922 23.5914 3.05782 24.3086C3.11737 25.0375 3.24318 25.6777 3.54497 26.27L5.32698 25.362C5.19279 25.0986 5.10062 24.7509 5.05118 24.1458C5.00078 23.5289 5 22.7366 5 21.6H3ZM6.63803 26.673C6.07354 26.3854 5.6146 25.9265 5.32698 25.362L3.54497 26.27C4.02433 27.2108 4.78924 27.9757 5.73005 28.455L6.63803 26.673ZM27 21.6C27 22.7366 26.9992 23.5289 26.9488 24.1458C26.8994 24.7509 26.8072 25.0986 26.673 25.362L28.455 26.27C28.7568 25.6777 28.8826 25.0375 28.9422 24.3086C29.0008 23.5914 29 22.7036 29 21.6H27ZM21.6 29C22.7036 29 23.5914 29.0008 24.3086 28.9422C25.0375 28.8826 25.6777 28.7568 26.27 28.455L25.362 26.673C25.0986 26.8072 24.7509 26.8994 24.1458 26.9488C23.5289 26.9992 22.7366 27 21.6 27V29ZM26.673 25.362C26.3854 25.9265 25.9265 26.3854 25.362 26.673L26.27 28.455C27.2108 27.9757 27.9757 27.2108 28.455 26.27L26.673 25.362ZM21.6 5C22.7366 5 23.5289 5.00078 24.1458 5.05118C24.7509 5.10062 25.0986 5.19279 25.362 5.32698L26.27 3.54497C25.6777 3.24318 25.0375 3.11737 24.3086 3.05782C23.5914 2.99922 22.7036 3 21.6 3V5ZM29 10.4C29 9.2964 29.0008 8.40855 28.9422 7.69138C28.8826 6.96253 28.7568 6.32234 28.455 5.73005L26.673 6.63803C26.8072 6.90138 26.8994 7.24907 26.9488 7.85424C26.9992 8.47108 27 9.26339 27 10.4H29ZM25.362 5.32698C25.9265 5.6146 26.3854 6.07354 26.673 6.63803L28.455 5.73005C27.9757 4.78924 27.2108 4.02433 26.27 3.54497L25.362 5.32698ZM10.4 3C9.2964 3 8.40855 2.99922 7.69138 3.05782C6.96253 3.11737 6.32234 3.24318 5.73005 3.54497L6.63803 5.32698C6.90138 5.19279 7.24907 5.10062 7.85424 5.05118C8.47108 5.00078 9.26339 5 10.4 5V3ZM5 10.4C5 9.26339 5.00078 8.47108 5.05118 7.85424C5.10062 7.24907 5.19279 6.90138 5.32698 6.63803L3.54497 5.73005C3.24318 6.32234 3.11737 6.96253 3.05782 7.69138C2.99922 8.40855 3 9.2964 3 10.4H5ZM5.73005 3.54497C4.78924 4.02433 4.02433 4.78924 3.54497 5.73005L5.32698 6.63803C5.6146 6.07354 6.07354 5.6146 6.63803 5.32698L5.73005 3.54497Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChecklistSquare"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
index 1f65ce6aba..5487a38eb4 100644
--- a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChecklistSquare.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChecklistSquare.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/CodeAssistant.json b/web/app/components/base/icons/src/vender/line/general/CodeAssistant.json
index 03dca1bd11..5dcca2c2be 100644
--- a/web/app/components/base/icons/src/vender/line/general/CodeAssistant.json
+++ b/web/app/components/base/icons/src/vender/line/general/CodeAssistant.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12 3C12.5523 3 13 3.44772 13 4C13 4.55228 12.5523 5 12 5H5.59962C5.30336 5 5.14096 5.00122 5.02443 5.01074C5.01998 5.01111 5.01573 5.01135 5.01173 5.01172C5.01136 5.01572 5.01112 5.01996 5.01076 5.02441C5.00124 5.14095 5.00001 5.30334 5.00001 5.59961V18.4004C5.00001 18.6967 5.00124 18.8591 5.01076 18.9756C5.01109 18.9797 5.01139 18.9836 5.01173 18.9873C5.01575 18.9877 5.01995 18.9889 5.02443 18.9893C5.14096 18.9988 5.30336 19 5.59962 19H18.4004C18.6967 19 18.8591 18.9988 18.9756 18.9893C18.9797 18.9889 18.9836 18.9876 18.9873 18.9873C18.9877 18.9836 18.9889 18.9797 18.9893 18.9756C18.9988 18.8591 19 18.6967 19 18.4004V12C19 11.4477 19.4477 11 20 11C20.5523 11 21 11.4477 21 12V18.4004C21 18.6638 21.0011 18.9219 20.9834 19.1387C20.9647 19.3672 20.9205 19.6369 20.7822 19.9082C20.5905 20.2845 20.2845 20.5905 19.9082 20.7822C19.6369 20.9205 19.3672 20.9647 19.1387 20.9834C18.9219 21.0011 18.6638 21 18.4004 21H5.59962C5.33625 21 5.07815 21.0011 4.86134 20.9834C4.63284 20.9647 4.36307 20.9204 4.09181 20.7822C3.71579 20.5906 3.40963 20.2847 3.21779 19.9082C3.07958 19.6369 3.03531 19.3672 3.01662 19.1387C2.9989 18.9219 3.00001 18.6638 3.00001 18.4004V5.59961C3.00001 5.33623 2.9989 5.07814 3.01662 4.86133C3.03531 4.63283 3.07958 4.36305 3.21779 4.0918C3.40953 3.71555 3.71557 3.40952 4.09181 3.21777C4.36306 3.07957 4.63285 3.0353 4.86134 3.0166C5.07815 2.99889 5.33624 3 5.59962 3H12Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M13.293 9.29297C13.6835 8.90244 14.3165 8.90244 14.707 9.29297L16.707 11.293C17.0975 11.6835 17.0975 12.3165 16.707 12.707L14.707 14.707C14.3165 15.0975 13.6835 15.0975 13.293 14.707C12.9025 14.3165 12.9025 13.6835 13.293 13.293L14.586 12L13.293 10.707C12.9025 10.3165 12.9025 9.68349 13.293 9.29297Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.29298 9.29297C9.68351 8.90244 10.3165 8.90244 10.707 9.29297C11.0975 9.6835 11.0975 10.3165 10.707 10.707L9.41408 12L10.707 13.293L10.7754 13.3691C11.0957 13.7619 11.0731 14.3409 10.707 14.707C10.341 15.0731 9.76192 15.0957 9.36915 14.7754L9.29298 14.707L7.29298 12.707C6.90246 12.3165 6.90246 11.6835 7.29298 11.293L9.29298 9.29297Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.501 2C18.7487 2.00048 18.9564 2.18654 18.9844 2.43262C19.1561 3.94883 20.0165 4.87694 21.5557 5.01367C21.8075 5.03614 22.0003 5.24816 22 5.50098C21.9995 5.75356 21.8063 5.96437 21.5547 5.98633C20.0372 6.11768 19.1176 7.03726 18.9863 8.55469C18.9644 8.80629 18.7536 8.99948 18.501 9C18.2483 9.00028 18.0362 8.80743 18.0137 8.55566C17.877 7.01647 16.9488 6.15613 15.4326 5.98438C15.1866 5.95634 15.0006 5.74863 15 5.50098C14.9997 5.25311 15.1855 5.04417 15.4317 5.01563C16.9697 4.83823 17.8382 3.96966 18.0156 2.43164C18.0442 2.18545 18.2531 1.99975 18.501 2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "CodeAssistant"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12 3C12.5523 3 13 3.44772 13 4C13 4.55228 12.5523 5 12 5H5.59962C5.30336 5 5.14096 5.00122 5.02443 5.01074C5.01998 5.01111 5.01573 5.01135 5.01173 5.01172C5.01136 5.01572 5.01112 5.01996 5.01076 5.02441C5.00124 5.14095 5.00001 5.30334 5.00001 5.59961V18.4004C5.00001 18.6967 5.00124 18.8591 5.01076 18.9756C5.01109 18.9797 5.01139 18.9836 5.01173 18.9873C5.01575 18.9877 5.01995 18.9889 5.02443 18.9893C5.14096 18.9988 5.30336 19 5.59962 19H18.4004C18.6967 19 18.8591 18.9988 18.9756 18.9893C18.9797 18.9889 18.9836 18.9876 18.9873 18.9873C18.9877 18.9836 18.9889 18.9797 18.9893 18.9756C18.9988 18.8591 19 18.6967 19 18.4004V12C19 11.4477 19.4477 11 20 11C20.5523 11 21 11.4477 21 12V18.4004C21 18.6638 21.0011 18.9219 20.9834 19.1387C20.9647 19.3672 20.9205 19.6369 20.7822 19.9082C20.5905 20.2845 20.2845 20.5905 19.9082 20.7822C19.6369 20.9205 19.3672 20.9647 19.1387 20.9834C18.9219 21.0011 18.6638 21 18.4004 21H5.59962C5.33625 21 5.07815 21.0011 4.86134 20.9834C4.63284 20.9647 4.36307 20.9204 4.09181 20.7822C3.71579 20.5906 3.40963 20.2847 3.21779 19.9082C3.07958 19.6369 3.03531 19.3672 3.01662 19.1387C2.9989 18.9219 3.00001 18.6638 3.00001 18.4004V5.59961C3.00001 5.33623 2.9989 5.07814 3.01662 4.86133C3.03531 4.63283 3.07958 4.36305 3.21779 4.0918C3.40953 3.71555 3.71557 3.40952 4.09181 3.21777C4.36306 3.07957 4.63285 3.0353 4.86134 3.0166C5.07815 2.99889 5.33624 3 5.59962 3H12Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M13.293 9.29297C13.6835 8.90244 14.3165 8.90244 14.707 9.29297L16.707 11.293C17.0975 11.6835 17.0975 12.3165 16.707 12.707L14.707 14.707C14.3165 15.0975 13.6835 15.0975 13.293 14.707C12.9025 14.3165 12.9025 13.6835 13.293 13.293L14.586 12L13.293 10.707C12.9025 10.3165 12.9025 9.68349 13.293 9.29297Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.29298 9.29297C9.68351 8.90244 10.3165 8.90244 10.707 9.29297C11.0975 9.6835 11.0975 10.3165 10.707 10.707L9.41408 12L10.707 13.293L10.7754 13.3691C11.0957 13.7619 11.0731 14.3409 10.707 14.707C10.341 15.0731 9.76192 15.0957 9.36915 14.7754L9.29298 14.707L7.29298 12.707C6.90246 12.3165 6.90246 11.6835 7.29298 11.293L9.29298 9.29297Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.501 2C18.7487 2.00048 18.9564 2.18654 18.9844 2.43262C19.1561 3.94883 20.0165 4.87694 21.5557 5.01367C21.8075 5.03614 22.0003 5.24816 22 5.50098C21.9995 5.75356 21.8063 5.96437 21.5547 5.98633C20.0372 6.11768 19.1176 7.03726 18.9863 8.55469C18.9644 8.80629 18.7536 8.99948 18.501 9C18.2483 9.00028 18.0362 8.80743 18.0137 8.55566C17.877 7.01647 16.9488 6.15613 15.4326 5.98438C15.1866 5.95634 15.0006 5.74863 15 5.50098C14.9997 5.25311 15.1855 5.04417 15.4317 5.01563C16.9697 4.83823 17.8382 3.96966 18.0156 2.43164C18.0442 2.18545 18.2531 1.99975 18.501 2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "CodeAssistant"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/CodeAssistant.tsx b/web/app/components/base/icons/src/vender/line/general/CodeAssistant.tsx
index 0176131569..0243208d0d 100644
--- a/web/app/components/base/icons/src/vender/line/general/CodeAssistant.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/CodeAssistant.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CodeAssistant.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CodeAssistant.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/DotsGrid.json b/web/app/components/base/icons/src/vender/line/general/DotsGrid.json
index 85a24bb14c..c830623311 100644
--- a/web/app/components/base/icons/src/vender/line/general/DotsGrid.json
+++ b/web/app/components/base/icons/src/vender/line/general/DotsGrid.json
@@ -1,134 +1,134 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.83333 2.91667C5.83333 2.27233 6.35567 1.75 7 1.75C7.64433 1.75 8.16667 2.27233 8.16667 2.91667C8.16667 3.561 7.64433 4.08333 7 4.08333C6.35567 4.08333 5.83333 3.561 5.83333 2.91667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.83333 7C5.83333 6.35567 6.35567 5.83333 7 5.83333C7.64433 5.83333 8.16667 6.35567 8.16667 7C8.16667 7.64433 7.64433 8.16667 7 8.16667C6.35567 8.16667 5.83333 7.64433 5.83333 7Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.83333 11.0833C5.83333 10.439 6.35567 9.91667 7 9.91667C7.64433 9.91667 8.16667 10.439 8.16667 11.0833C8.16667 11.7277 7.64433 12.25 7 12.25C6.35567 12.25 5.83333 11.7277 5.83333 11.0833Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.91667 2.91667C9.91667 2.27233 10.439 1.75 11.0833 1.75C11.7277 1.75 12.25 2.27233 12.25 2.91667C12.25 3.561 11.7277 4.08333 11.0833 4.08333C10.439 4.08333 9.91667 3.561 9.91667 2.91667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.91667 7C9.91667 6.35567 10.439 5.83333 11.0833 5.83333C11.7277 5.83333 12.25 6.35567 12.25 7C12.25 7.64433 11.7277 8.16667 11.0833 8.16667C10.439 8.16667 9.91667 7.64433 9.91667 7Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.91667 11.0833C9.91667 10.439 10.439 9.91667 11.0833 9.91667C11.7277 9.91667 12.25 10.439 12.25 11.0833C12.25 11.7277 11.7277 12.25 11.0833 12.25C10.439 12.25 9.91667 11.7277 9.91667 11.0833Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.75 2.91667C1.75 2.27233 2.27233 1.75 2.91667 1.75C3.561 1.75 4.08333 2.27233 4.08333 2.91667C4.08333 3.561 3.561 4.08333 2.91667 4.08333C2.27233 4.08333 1.75 3.561 1.75 2.91667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.75 7C1.75 6.35567 2.27233 5.83333 2.91667 5.83333C3.561 5.83333 4.08333 6.35567 4.08333 7C4.08333 7.64433 3.561 8.16667 2.91667 8.16667C2.27233 8.16667 1.75 7.64433 1.75 7Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.75 11.0833C1.75 10.439 2.27233 9.91667 2.91667 9.91667C3.561 9.91667 4.08333 10.439 4.08333 11.0833C4.08333 11.7277 3.561 12.25 2.91667 12.25C2.27233 12.25 1.75 11.7277 1.75 11.0833Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "DotsGrid"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.83333 2.91667C5.83333 2.27233 6.35567 1.75 7 1.75C7.64433 1.75 8.16667 2.27233 8.16667 2.91667C8.16667 3.561 7.64433 4.08333 7 4.08333C6.35567 4.08333 5.83333 3.561 5.83333 2.91667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.83333 7C5.83333 6.35567 6.35567 5.83333 7 5.83333C7.64433 5.83333 8.16667 6.35567 8.16667 7C8.16667 7.64433 7.64433 8.16667 7 8.16667C6.35567 8.16667 5.83333 7.64433 5.83333 7Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.83333 11.0833C5.83333 10.439 6.35567 9.91667 7 9.91667C7.64433 9.91667 8.16667 10.439 8.16667 11.0833C8.16667 11.7277 7.64433 12.25 7 12.25C6.35567 12.25 5.83333 11.7277 5.83333 11.0833Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.91667 2.91667C9.91667 2.27233 10.439 1.75 11.0833 1.75C11.7277 1.75 12.25 2.27233 12.25 2.91667C12.25 3.561 11.7277 4.08333 11.0833 4.08333C10.439 4.08333 9.91667 3.561 9.91667 2.91667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.91667 7C9.91667 6.35567 10.439 5.83333 11.0833 5.83333C11.7277 5.83333 12.25 6.35567 12.25 7C12.25 7.64433 11.7277 8.16667 11.0833 8.16667C10.439 8.16667 9.91667 7.64433 9.91667 7Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.91667 11.0833C9.91667 10.439 10.439 9.91667 11.0833 9.91667C11.7277 9.91667 12.25 10.439 12.25 11.0833C12.25 11.7277 11.7277 12.25 11.0833 12.25C10.439 12.25 9.91667 11.7277 9.91667 11.0833Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.75 2.91667C1.75 2.27233 2.27233 1.75 2.91667 1.75C3.561 1.75 4.08333 2.27233 4.08333 2.91667C4.08333 3.561 3.561 4.08333 2.91667 4.08333C2.27233 4.08333 1.75 3.561 1.75 2.91667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.75 7C1.75 6.35567 2.27233 5.83333 2.91667 5.83333C3.561 5.83333 4.08333 6.35567 4.08333 7C4.08333 7.64433 3.561 8.16667 2.91667 8.16667C2.27233 8.16667 1.75 7.64433 1.75 7Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.75 11.0833C1.75 10.439 2.27233 9.91667 2.91667 9.91667C3.561 9.91667 4.08333 10.439 4.08333 11.0833C4.08333 11.7277 3.561 12.25 2.91667 12.25C2.27233 12.25 1.75 11.7277 1.75 11.0833Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "DotsGrid"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx b/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
index c5bb38b714..796e270d41 100644
--- a/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DotsGrid.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DotsGrid.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit02.json b/web/app/components/base/icons/src/vender/line/general/Edit02.json
index 2d32d1da94..55c14e1c0a 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit02.json
+++ b/web/app/components/base/icons/src/vender/line/general/Edit02.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Left Icon",
-					"clip-path": "url(#clip0_12284_22440)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M10.5007 5.83319L8.16733 3.49985M1.45898 12.5415L3.4332 12.3222C3.6744 12.2954 3.795 12.282 3.90773 12.2455C4.00774 12.2131 4.10291 12.1673 4.19067 12.1095C4.28958 12.0443 4.37539 11.9585 4.54699 11.7868L12.2507 4.08319C12.895 3.43885 12.895 2.39418 12.2507 1.74985C11.6063 1.10552 10.5617 1.10552 9.91733 1.74985L2.21366 9.45351C2.04205 9.62512 1.95625 9.71092 1.89102 9.80983C1.83315 9.89759 1.78741 9.99277 1.75503 10.0928C1.71854 10.2055 1.70514 10.3261 1.67834 10.5673L1.45898 12.5415Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_12284_22440"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "14",
-									"height": "14",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Edit02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Left Icon",
+          "clip-path": "url(#clip0_12284_22440)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M10.5007 5.83319L8.16733 3.49985M1.45898 12.5415L3.4332 12.3222C3.6744 12.2954 3.795 12.282 3.90773 12.2455C4.00774 12.2131 4.10291 12.1673 4.19067 12.1095C4.28958 12.0443 4.37539 11.9585 4.54699 11.7868L12.2507 4.08319C12.895 3.43885 12.895 2.39418 12.2507 1.74985C11.6063 1.10552 10.5617 1.10552 9.91733 1.74985L2.21366 9.45351C2.04205 9.62512 1.95625 9.71092 1.89102 9.80983C1.83315 9.89759 1.78741 9.99277 1.75503 10.0928C1.71854 10.2055 1.70514 10.3261 1.67834 10.5673L1.45898 12.5415Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_12284_22440"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "14",
+                  "height": "14",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Edit02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit02.tsx b/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
index 7ab863787f..eb97cc0cea 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Edit02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Edit02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit04.json b/web/app/components/base/icons/src/vender/line/general/Edit04.json
index 34be957072..2c32b40ca5 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit04.json
+++ b/web/app/components/base/icons/src/vender/line/general/Edit04.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21 18L19.9999 19.094C19.4695 19.6741 18.7502 20 18.0002 20C17.2501 20 16.5308 19.6741 16.0004 19.094C15.4693 18.5151 14.75 18.1901 14.0002 18.1901C13.2504 18.1901 12.5312 18.5151 12 19.094M3.00003 20H4.67457C5.16376 20 5.40835 20 5.63852 19.9447C5.84259 19.8957 6.03768 19.8149 6.21663 19.7053C6.41846 19.5816 6.59141 19.4086 6.93732 19.0627L19.5001 6.49998C20.3285 5.67156 20.3285 4.32841 19.5001 3.49998C18.6716 2.67156 17.3285 2.67156 16.5001 3.49998L3.93729 16.0627C3.59139 16.4086 3.41843 16.5816 3.29475 16.7834C3.18509 16.9624 3.10428 17.1574 3.05529 17.3615C3.00003 17.5917 3.00003 17.8363 3.00003 18.3255V20Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Edit04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21 18L19.9999 19.094C19.4695 19.6741 18.7502 20 18.0002 20C17.2501 20 16.5308 19.6741 16.0004 19.094C15.4693 18.5151 14.75 18.1901 14.0002 18.1901C13.2504 18.1901 12.5312 18.5151 12 19.094M3.00003 20H4.67457C5.16376 20 5.40835 20 5.63852 19.9447C5.84259 19.8957 6.03768 19.8149 6.21663 19.7053C6.41846 19.5816 6.59141 19.4086 6.93732 19.0627L19.5001 6.49998C20.3285 5.67156 20.3285 4.32841 19.5001 3.49998C18.6716 2.67156 17.3285 2.67156 16.5001 3.49998L3.93729 16.0627C3.59139 16.4086 3.41843 16.5816 3.29475 16.7834C3.18509 16.9624 3.10428 17.1574 3.05529 17.3615C3.00003 17.5917 3.00003 17.8363 3.00003 18.3255V20Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Edit04"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit04.tsx b/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
index 39b598d067..315f5a961f 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Edit04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Edit04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit05.json b/web/app/components/base/icons/src/vender/line/general/Edit05.json
index f1bbf7138e..aa661f9096 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit05.json
+++ b/web/app/components/base/icons/src/vender/line/general/Edit05.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "edit-05",
-					"clip-path": "url(#clip0_17249_52683)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M7.33325 2.66617H4.53325C3.41315 2.66617 2.85309 2.66617 2.42527 2.88415C2.04895 3.0759 1.74299 3.38186 1.55124 3.75819C1.33325 4.18601 1.33325 4.74606 1.33325 5.86617V11.4662C1.33325 12.5863 1.33325 13.1463 1.55124 13.5741C1.74299 13.9505 2.04895 14.2564 2.42527 14.4482C2.85309 14.6662 3.41315 14.6662 4.53325 14.6662H10.1333C11.2534 14.6662 11.8134 14.6662 12.2412 14.4482C12.6176 14.2564 12.9235 13.9505 13.1153 13.5741C13.3333 13.1463 13.3333 12.5863 13.3333 11.4662V8.66617M5.33323 10.6662H6.4496C6.77572 10.6662 6.93878 10.6662 7.09223 10.6293C7.22828 10.5967 7.35834 10.5428 7.47763 10.4697C7.61219 10.3872 7.72749 10.2719 7.95809 10.0413L14.3333 3.66617C14.8855 3.11388 14.8855 2.21845 14.3333 1.66617C13.781 1.11388 12.8855 1.11388 12.3333 1.66617L5.95808 8.04133C5.72747 8.27193 5.61217 8.38723 5.52971 8.52179C5.45661 8.64108 5.40274 8.77114 5.37007 8.90719C5.33323 9.06064 5.33323 9.2237 5.33323 9.54982V10.6662Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_17249_52683"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Edit05"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "edit-05",
+          "clip-path": "url(#clip0_17249_52683)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M7.33325 2.66617H4.53325C3.41315 2.66617 2.85309 2.66617 2.42527 2.88415C2.04895 3.0759 1.74299 3.38186 1.55124 3.75819C1.33325 4.18601 1.33325 4.74606 1.33325 5.86617V11.4662C1.33325 12.5863 1.33325 13.1463 1.55124 13.5741C1.74299 13.9505 2.04895 14.2564 2.42527 14.4482C2.85309 14.6662 3.41315 14.6662 4.53325 14.6662H10.1333C11.2534 14.6662 11.8134 14.6662 12.2412 14.4482C12.6176 14.2564 12.9235 13.9505 13.1153 13.5741C13.3333 13.1463 13.3333 12.5863 13.3333 11.4662V8.66617M5.33323 10.6662H6.4496C6.77572 10.6662 6.93878 10.6662 7.09223 10.6293C7.22828 10.5967 7.35834 10.5428 7.47763 10.4697C7.61219 10.3872 7.72749 10.2719 7.95809 10.0413L14.3333 3.66617C14.8855 3.11388 14.8855 2.21845 14.3333 1.66617C13.781 1.11388 12.8855 1.11388 12.3333 1.66617L5.95808 8.04133C5.72747 8.27193 5.61217 8.38723 5.52971 8.52179C5.45661 8.64108 5.40274 8.77114 5.37007 8.90719C5.33323 9.06064 5.33323 9.2237 5.33323 9.54982V10.6662Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_17249_52683"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Edit05"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit05.tsx b/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
index ddf85758b4..54d02d17f3 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Edit05.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Edit05.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Hash02.json b/web/app/components/base/icons/src/vender/line/general/Hash02.json
index bd140198a1..d4f491df7f 100644
--- a/web/app/components/base/icons/src/vender/line/general/Hash02.json
+++ b/web/app/components/base/icons/src/vender/line/general/Hash02.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "hash-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M4.74999 1.5L3.24999 10.5M8.74998 1.5L7.24998 10.5M10.25 4H1.75M9.75 8H1.25",
-							"stroke": "currentColor",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Hash02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "hash-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M4.74999 1.5L3.24999 10.5M8.74998 1.5L7.24998 10.5M10.25 4H1.75M9.75 8H1.25",
+              "stroke": "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Hash02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
index 1455da0a2f..9482490a01 100644
--- a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Hash02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Hash02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/InfoCircle.json b/web/app/components/base/icons/src/vender/line/general/InfoCircle.json
index 6bc285c86b..4dda5549e9 100644
--- a/web/app/components/base/icons/src/vender/line/general/InfoCircle.json
+++ b/web/app/components/base/icons/src/vender/line/general/InfoCircle.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "info-circle",
-					"clip-path": "url(#clip0_7880_62014)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M6 8V6M6 4H6.005M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_7880_62014"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "InfoCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "info-circle",
+          "clip-path": "url(#clip0_7880_62014)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M6 8V6M6 4H6.005M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_7880_62014"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "InfoCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
index b7c9b61131..db86259521 100644
--- a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './InfoCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './InfoCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Link03.json b/web/app/components/base/icons/src/vender/line/general/Link03.json
index 4728221b60..694583ca09 100644
--- a/web/app/components/base/icons/src/vender/line/general/Link03.json
+++ b/web/app/components/base/icons/src/vender/line/general/Link03.json
@@ -1,57 +1,57 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "link-03"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.01569 1.83378C9.7701 1.10515 10.7805 0.701975 11.8293 0.711089C12.8781 0.720202 13.8813 1.14088 14.623 1.88251C15.3646 2.62414 15.7853 3.62739 15.7944 4.67618C15.8035 5.72497 15.4003 6.73538 14.6717 7.48979L14.6636 7.49805L12.6637 9.49796C12.2581 9.90362 11.7701 10.2173 11.2327 10.4178C10.6953 10.6183 10.1211 10.7008 9.54897 10.6598C8.97686 10.6189 8.42025 10.4553 7.91689 10.1803C7.41354 9.90531 6.97522 9.52527 6.63165 9.06596C6.41112 8.77113 6.47134 8.35334 6.76618 8.1328C7.06101 7.91226 7.4788 7.97249 7.69934 8.26732C7.92838 8.57353 8.2206 8.82689 8.55617 9.01023C8.89174 9.19356 9.26281 9.30259 9.64422 9.3299C10.0256 9.35722 10.4085 9.30219 10.7667 9.16854C11.125 9.0349 11.4503 8.82576 11.7207 8.55532L13.7164 6.55956C14.1998 6.05705 14.4672 5.38513 14.4611 4.68777C14.455 3.98857 14.1746 3.31974 13.6802 2.82532C13.1857 2.3309 12.5169 2.05045 11.8177 2.04437C11.12 2.03831 10.4478 2.30591 9.94526 2.78967L8.80219 3.92609C8.54108 4.18568 8.11898 4.18445 7.85939 3.92334C7.5998 3.66223 7.60103 3.24012 7.86214 2.98053L9.0088 1.84053L9.01569 1.83378Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.76493 5.58217C6.30234 5.3817 6.87657 5.29915 7.44869 5.34012C8.0208 5.3811 8.57741 5.54463 9.08077 5.81964C9.58412 6.09465 10.0224 6.47469 10.366 6.93399C10.5865 7.22882 10.5263 7.64662 10.2315 7.86715C9.93665 8.08769 9.51886 8.02746 9.29832 7.73263C9.06928 7.42643 8.77706 7.17307 8.44149 6.98973C8.10592 6.80639 7.73485 6.69737 7.35344 6.67005C6.97203 6.64274 6.58921 6.69777 6.23094 6.83141C5.87266 6.96506 5.54733 7.17419 5.27699 7.44463L3.28123 9.44039C2.79787 9.94291 2.5305 10.6148 2.53656 11.3122C2.54263 12.0114 2.82309 12.6802 3.31751 13.1746C3.81193 13.6691 4.48076 13.9495 5.17995 13.9556C5.87732 13.9616 6.54923 13.6943 7.05174 13.2109L8.18743 12.0752C8.44777 11.8149 8.86988 11.8149 9.13023 12.0752C9.39058 12.3356 9.39058 12.7577 9.13023 13.018L7.99023 14.158L7.98197 14.1662C7.22756 14.8948 6.21715 15.298 5.16837 15.2889C4.11958 15.2798 3.11633 14.8591 2.3747 14.1174C1.63307 13.3758 1.21239 12.3726 1.20328 11.3238C1.19416 10.275 1.59734 9.26458 2.32597 8.51017L2.33409 8.50191L4.33401 6.50199C4.33398 6.50202 4.33404 6.50196 4.33401 6.50199C4.7395 6.09638 5.22756 5.78262 5.76493 5.58217Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Link03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "link-03"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.01569 1.83378C9.7701 1.10515 10.7805 0.701975 11.8293 0.711089C12.8781 0.720202 13.8813 1.14088 14.623 1.88251C15.3646 2.62414 15.7853 3.62739 15.7944 4.67618C15.8035 5.72497 15.4003 6.73538 14.6717 7.48979L14.6636 7.49805L12.6637 9.49796C12.2581 9.90362 11.7701 10.2173 11.2327 10.4178C10.6953 10.6183 10.1211 10.7008 9.54897 10.6598C8.97686 10.6189 8.42025 10.4553 7.91689 10.1803C7.41354 9.90531 6.97522 9.52527 6.63165 9.06596C6.41112 8.77113 6.47134 8.35334 6.76618 8.1328C7.06101 7.91226 7.4788 7.97249 7.69934 8.26732C7.92838 8.57353 8.2206 8.82689 8.55617 9.01023C8.89174 9.19356 9.26281 9.30259 9.64422 9.3299C10.0256 9.35722 10.4085 9.30219 10.7667 9.16854C11.125 9.0349 11.4503 8.82576 11.7207 8.55532L13.7164 6.55956C14.1998 6.05705 14.4672 5.38513 14.4611 4.68777C14.455 3.98857 14.1746 3.31974 13.6802 2.82532C13.1857 2.3309 12.5169 2.05045 11.8177 2.04437C11.12 2.03831 10.4478 2.30591 9.94526 2.78967L8.80219 3.92609C8.54108 4.18568 8.11898 4.18445 7.85939 3.92334C7.5998 3.66223 7.60103 3.24012 7.86214 2.98053L9.0088 1.84053L9.01569 1.83378Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.76493 5.58217C6.30234 5.3817 6.87657 5.29915 7.44869 5.34012C8.0208 5.3811 8.57741 5.54463 9.08077 5.81964C9.58412 6.09465 10.0224 6.47469 10.366 6.93399C10.5865 7.22882 10.5263 7.64662 10.2315 7.86715C9.93665 8.08769 9.51886 8.02746 9.29832 7.73263C9.06928 7.42643 8.77706 7.17307 8.44149 6.98973C8.10592 6.80639 7.73485 6.69737 7.35344 6.67005C6.97203 6.64274 6.58921 6.69777 6.23094 6.83141C5.87266 6.96506 5.54733 7.17419 5.27699 7.44463L3.28123 9.44039C2.79787 9.94291 2.5305 10.6148 2.53656 11.3122C2.54263 12.0114 2.82309 12.6802 3.31751 13.1746C3.81193 13.6691 4.48076 13.9495 5.17995 13.9556C5.87732 13.9616 6.54923 13.6943 7.05174 13.2109L8.18743 12.0752C8.44777 11.8149 8.86988 11.8149 9.13023 12.0752C9.39058 12.3356 9.39058 12.7577 9.13023 13.018L7.99023 14.158L7.98197 14.1662C7.22756 14.8948 6.21715 15.298 5.16837 15.2889C4.11958 15.2798 3.11633 14.8591 2.3747 14.1174C1.63307 13.3758 1.21239 12.3726 1.20328 11.3238C1.19416 10.275 1.59734 9.26458 2.32597 8.51017L2.33409 8.50191L4.33401 6.50199C4.33398 6.50202 4.33404 6.50196 4.33401 6.50199C4.7395 6.09638 5.22756 5.78262 5.76493 5.58217Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Link03"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Link03.tsx b/web/app/components/base/icons/src/vender/line/general/Link03.tsx
index 98a61acdca..e106a31f4c 100644
--- a/web/app/components/base/icons/src/vender/line/general/Link03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Link03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Link03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Link03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.json b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.json
index 7016dd896f..7d1a16c081 100644
--- a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.json
+++ b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "link-external-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M10.5 4.5L10.5 1.5M10.5 1.5H7.49999M10.5 1.5L6 6M5 1.5H3.9C3.05992 1.5 2.63988 1.5 2.31901 1.66349C2.03677 1.8073 1.8073 2.03677 1.66349 2.31901C1.5 2.63988 1.5 3.05992 1.5 3.9V8.1C1.5 8.94008 1.5 9.36012 1.66349 9.68099C1.8073 9.96323 2.03677 10.1927 2.31901 10.3365C2.63988 10.5 3.05992 10.5 3.9 10.5H8.1C8.94008 10.5 9.36012 10.5 9.68099 10.3365C9.96323 10.1927 10.1927 9.96323 10.3365 9.68099C10.5 9.36012 10.5 8.94008 10.5 8.1V7",
-							"stroke": "currentColor",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "LinkExternal02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "link-external-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M10.5 4.5L10.5 1.5M10.5 1.5H7.49999M10.5 1.5L6 6M5 1.5H3.9C3.05992 1.5 2.63988 1.5 2.31901 1.66349C2.03677 1.8073 1.8073 2.03677 1.66349 2.31901C1.5 2.63988 1.5 3.05992 1.5 3.9V8.1C1.5 8.94008 1.5 9.36012 1.66349 9.68099C1.8073 9.96323 2.03677 10.1927 2.31901 10.3365C2.63988 10.5 3.05992 10.5 3.9 10.5H8.1C8.94008 10.5 9.36012 10.5 9.68099 10.3365C9.96323 10.1927 10.1927 9.96323 10.3365 9.68099C10.5 9.36012 10.5 8.94008 10.5 8.1V7",
+              "stroke": "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LinkExternal02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
index a8d5977a21..c93cfabdf5 100644
--- a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LinkExternal02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LinkExternal02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LogIn04.json b/web/app/components/base/icons/src/vender/line/general/LogIn04.json
index 27808a36a9..7102b0c8ac 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogIn04.json
+++ b/web/app/components/base/icons/src/vender/line/general/LogIn04.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "log-in-04"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.00016 1.99984C5.78015 1.99984 3.84088 3.20518 2.80244 5.00032C2.61808 5.31903 2.21026 5.42794 1.89155 5.24357C1.57285 5.05921 1.46394 4.65139 1.6483 4.33269C2.91526 2.14249 5.28495 0.666504 8.00016 0.666504C12.0502 0.666504 15.3335 3.94975 15.3335 7.99984C15.3335 12.0499 12.0502 15.3332 8.00016 15.3332C5.28495 15.3332 2.91526 13.8572 1.6483 11.667C1.46394 11.3483 1.57285 10.9405 1.89155 10.7561C2.21026 10.5717 2.61808 10.6806 2.80244 10.9994C3.84088 12.7945 5.78015 13.9998 8.00016 13.9998C11.3139 13.9998 14.0002 11.3135 14.0002 7.99984C14.0002 4.68613 11.3139 1.99984 8.00016 1.99984Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.52876 4.86177C7.78911 4.60142 8.21122 4.60142 8.47157 4.86177L11.1382 7.52843C11.3986 7.78878 11.3986 8.21089 11.1382 8.47124L8.47157 11.1379C8.21122 11.3983 7.78911 11.3983 7.52876 11.1379C7.26841 10.8776 7.26841 10.4554 7.52876 10.1951L9.05735 8.6665H2.00016C1.63197 8.6665 1.3335 8.36803 1.3335 7.99984C1.3335 7.63165 1.63197 7.33317 2.00016 7.33317H9.05735L7.52876 5.80457C7.26841 5.54423 7.26841 5.12212 7.52876 4.86177Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "LogIn04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "log-in-04"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.00016 1.99984C5.78015 1.99984 3.84088 3.20518 2.80244 5.00032C2.61808 5.31903 2.21026 5.42794 1.89155 5.24357C1.57285 5.05921 1.46394 4.65139 1.6483 4.33269C2.91526 2.14249 5.28495 0.666504 8.00016 0.666504C12.0502 0.666504 15.3335 3.94975 15.3335 7.99984C15.3335 12.0499 12.0502 15.3332 8.00016 15.3332C5.28495 15.3332 2.91526 13.8572 1.6483 11.667C1.46394 11.3483 1.57285 10.9405 1.89155 10.7561C2.21026 10.5717 2.61808 10.6806 2.80244 10.9994C3.84088 12.7945 5.78015 13.9998 8.00016 13.9998C11.3139 13.9998 14.0002 11.3135 14.0002 7.99984C14.0002 4.68613 11.3139 1.99984 8.00016 1.99984Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.52876 4.86177C7.78911 4.60142 8.21122 4.60142 8.47157 4.86177L11.1382 7.52843C11.3986 7.78878 11.3986 8.21089 11.1382 8.47124L8.47157 11.1379C8.21122 11.3983 7.78911 11.3983 7.52876 11.1379C7.26841 10.8776 7.26841 10.4554 7.52876 10.1951L9.05735 8.6665H2.00016C1.63197 8.6665 1.3335 8.36803 1.3335 7.99984C1.3335 7.63165 1.63197 7.33317 2.00016 7.33317H9.05735L7.52876 5.80457C7.26841 5.54423 7.26841 5.12212 7.52876 4.86177Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LogIn04"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx b/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
index 234cbb6bf2..de4aa15303 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LogIn04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LogIn04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut01.json b/web/app/components/base/icons/src/vender/line/general/LogOut01.json
index d5c89394ef..3cdaee15bc 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut01.json
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "log-out-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M9.33333 9.91667L12.25 7M12.25 7L9.33333 4.08333M12.25 7H5.25M5.25 1.75H4.55C3.56991 1.75 3.07986 1.75 2.70552 1.94074C2.37623 2.10852 2.10852 2.37623 1.94074 2.70552C1.75 3.07986 1.75 3.56991 1.75 4.55V9.45C1.75 10.4301 1.75 10.9201 1.94074 11.2945C2.10852 11.6238 2.37623 11.8915 2.70552 12.0593C3.07986 12.25 3.56991 12.25 4.55 12.25H5.25",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "LogOut01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "log-out-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M9.33333 9.91667L12.25 7M12.25 7L9.33333 4.08333M12.25 7H5.25M5.25 1.75H4.55C3.56991 1.75 3.07986 1.75 2.70552 1.94074C2.37623 2.10852 2.10852 2.37623 1.94074 2.70552C1.75 3.07986 1.75 3.56991 1.75 4.55V9.45C1.75 10.4301 1.75 10.9201 1.94074 11.2945C2.10852 11.6238 2.37623 11.8915 2.70552 12.0593C3.07986 12.25 3.56991 12.25 4.55 12.25H5.25",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LogOut01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
index 8ee8abf076..1cf98e0374 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LogOut01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LogOut01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut04.json b/web/app/components/base/icons/src/vender/line/general/LogOut04.json
index 80a27ecf31..7854e1f6ab 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut04.json
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut04.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "log-out-04"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M0.666504 8.00016C0.666504 4.3422 3.52829 1.3335 7.11095 1.3335C8.28872 1.3335 9.3935 1.66091 10.3431 2.23137C10.6588 2.42097 10.7609 2.83053 10.5713 3.14615C10.3817 3.46177 9.97216 3.56394 9.65654 3.37434C8.90651 2.92378 8.03794 2.66683 7.11095 2.66683C4.31165 2.66683 1.99984 5.03071 1.99984 8.00016C1.99984 10.9696 4.31165 13.3335 7.11095 13.3335C8.03794 13.3335 8.90651 13.0765 9.65654 12.626C9.97216 12.4364 10.3817 12.5386 10.5713 12.8542C10.7609 13.1698 10.6588 13.5794 10.3431 13.769C9.3935 14.3394 8.28872 14.6668 7.11095 14.6668C3.52829 14.6668 0.666504 11.6581 0.666504 8.00016Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.5284 4.86209C11.7888 4.60174 12.2109 4.60174 12.4712 4.86209L15.1379 7.52876C15.3983 7.78911 15.3983 8.21122 15.1379 8.47157L12.4712 11.1382C12.2109 11.3986 11.7888 11.3986 11.5284 11.1382C11.2681 10.8779 11.2681 10.4558 11.5284 10.1954L13.057 8.66683H5.99984C5.63165 8.66683 5.33317 8.36835 5.33317 8.00016C5.33317 7.63197 5.63165 7.3335 5.99984 7.3335H13.057L11.5284 5.8049C11.2681 5.54455 11.2681 5.12244 11.5284 4.86209Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "LogOut04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "log-out-04"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M0.666504 8.00016C0.666504 4.3422 3.52829 1.3335 7.11095 1.3335C8.28872 1.3335 9.3935 1.66091 10.3431 2.23137C10.6588 2.42097 10.7609 2.83053 10.5713 3.14615C10.3817 3.46177 9.97216 3.56394 9.65654 3.37434C8.90651 2.92378 8.03794 2.66683 7.11095 2.66683C4.31165 2.66683 1.99984 5.03071 1.99984 8.00016C1.99984 10.9696 4.31165 13.3335 7.11095 13.3335C8.03794 13.3335 8.90651 13.0765 9.65654 12.626C9.97216 12.4364 10.3817 12.5386 10.5713 12.8542C10.7609 13.1698 10.6588 13.5794 10.3431 13.769C9.3935 14.3394 8.28872 14.6668 7.11095 14.6668C3.52829 14.6668 0.666504 11.6581 0.666504 8.00016Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.5284 4.86209C11.7888 4.60174 12.2109 4.60174 12.4712 4.86209L15.1379 7.52876C15.3983 7.78911 15.3983 8.21122 15.1379 8.47157L12.4712 11.1382C12.2109 11.3986 11.7888 11.3986 11.5284 11.1382C11.2681 10.8779 11.2681 10.4558 11.5284 10.1954L13.057 8.66683H5.99984C5.63165 8.66683 5.33317 8.36835 5.33317 8.00016C5.33317 7.63197 5.63165 7.3335 5.99984 7.3335H13.057L11.5284 5.8049C11.2681 5.54455 11.2681 5.12244 11.5284 4.86209Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LogOut04"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx b/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
index 9adf56d997..57c2810dbd 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LogOut04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LogOut04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/MagicEdit.json b/web/app/components/base/icons/src/vender/line/general/MagicEdit.json
index 3c2be09743..3875b5c92e 100644
--- a/web/app/components/base/icons/src/vender/line/general/MagicEdit.json
+++ b/web/app/components/base/icons/src/vender/line/general/MagicEdit.json
@@ -1,55 +1,55 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M15.3691 3.22448C15.7619 2.90422 16.3409 2.92682 16.707 3.29284L20.707 7.29284C21.0975 7.68334 21.0975 8.31637 20.707 8.7069L8.70703 20.7069C8.5195 20.8944 8.26521 20.9999 8 20.9999H4C3.44771 20.9999 3 20.5522 3 19.9999V15.9999L3.00488 15.9012C3.0276 15.6723 3.12886 15.4569 3.29297 15.2928L15.293 3.29284L15.3691 3.22448ZM5 16.4139V18.9999H7.58593L18.5859 7.99987L16 5.41394L5 16.4139Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.2451 15.1581C18.3502 14.9478 18.6498 14.9478 18.7549 15.1581L19.4082 16.4637C19.4358 16.5189 19.4809 16.5641 19.5361 16.5917L20.8428 17.245C21.0525 17.3502 21.0524 17.6495 20.8428 17.7548L19.5361 18.4081C19.4809 18.4357 19.4358 18.4808 19.4082 18.536L18.7549 19.8426C18.6497 20.0525 18.3503 20.0525 18.2451 19.8426L17.5918 18.536C17.5642 18.4808 17.5191 18.4357 17.4639 18.4081L16.1572 17.7548C15.9476 17.6495 15.9475 17.3502 16.1572 17.245L17.4639 16.5917C17.5191 16.5641 17.5642 16.5189 17.5918 16.4637L18.2451 15.1581Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.24511 5.15808C4.35024 4.94783 4.64975 4.94783 4.75488 5.15808L5.4082 6.46374C5.4358 6.51895 5.48092 6.56406 5.53613 6.59167L6.84277 7.24499C7.05248 7.3502 7.05238 7.64946 6.84277 7.75476L5.53613 8.40808C5.48092 8.43568 5.4358 8.4808 5.4082 8.53601L4.75488 9.84265C4.64966 10.0525 4.35033 10.0525 4.24511 9.84265L3.59179 8.53601C3.56418 8.4808 3.51907 8.43568 3.46386 8.40808L2.15722 7.75476C1.94764 7.64945 1.94755 7.35021 2.15722 7.24499L3.46386 6.59167C3.51907 6.56406 3.56418 6.51895 3.59179 6.46374L4.24511 5.15808Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.73535 2.16394C8.84432 1.94601 9.15568 1.94601 9.26465 2.16394L9.74414 3.12292C9.77275 3.18014 9.81973 3.22712 9.87695 3.25573L10.8369 3.73522C11.0546 3.84424 11.0545 4.15544 10.8369 4.26452L9.87695 4.74401C9.81973 4.77262 9.77275 4.81961 9.74414 4.87683L9.26465 5.83679C9.15565 6.05458 8.84435 6.05457 8.73535 5.83679L8.25586 4.87683C8.22725 4.81961 8.18026 4.77262 8.12304 4.74401L7.16308 4.26452C6.94547 4.15546 6.94539 3.84422 7.16308 3.73522L8.12304 3.25573C8.18026 3.22712 8.22725 3.18014 8.25586 3.12292L8.73535 2.16394Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "MagicEdit"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M15.3691 3.22448C15.7619 2.90422 16.3409 2.92682 16.707 3.29284L20.707 7.29284C21.0975 7.68334 21.0975 8.31637 20.707 8.7069L8.70703 20.7069C8.5195 20.8944 8.26521 20.9999 8 20.9999H4C3.44771 20.9999 3 20.5522 3 19.9999V15.9999L3.00488 15.9012C3.0276 15.6723 3.12886 15.4569 3.29297 15.2928L15.293 3.29284L15.3691 3.22448ZM5 16.4139V18.9999H7.58593L18.5859 7.99987L16 5.41394L5 16.4139Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.2451 15.1581C18.3502 14.9478 18.6498 14.9478 18.7549 15.1581L19.4082 16.4637C19.4358 16.5189 19.4809 16.5641 19.5361 16.5917L20.8428 17.245C21.0525 17.3502 21.0524 17.6495 20.8428 17.7548L19.5361 18.4081C19.4809 18.4357 19.4358 18.4808 19.4082 18.536L18.7549 19.8426C18.6497 20.0525 18.3503 20.0525 18.2451 19.8426L17.5918 18.536C17.5642 18.4808 17.5191 18.4357 17.4639 18.4081L16.1572 17.7548C15.9476 17.6495 15.9475 17.3502 16.1572 17.245L17.4639 16.5917C17.5191 16.5641 17.5642 16.5189 17.5918 16.4637L18.2451 15.1581Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.24511 5.15808C4.35024 4.94783 4.64975 4.94783 4.75488 5.15808L5.4082 6.46374C5.4358 6.51895 5.48092 6.56406 5.53613 6.59167L6.84277 7.24499C7.05248 7.3502 7.05238 7.64946 6.84277 7.75476L5.53613 8.40808C5.48092 8.43568 5.4358 8.4808 5.4082 8.53601L4.75488 9.84265C4.64966 10.0525 4.35033 10.0525 4.24511 9.84265L3.59179 8.53601C3.56418 8.4808 3.51907 8.43568 3.46386 8.40808L2.15722 7.75476C1.94764 7.64945 1.94755 7.35021 2.15722 7.24499L3.46386 6.59167C3.51907 6.56406 3.56418 6.51895 3.59179 6.46374L4.24511 5.15808Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.73535 2.16394C8.84432 1.94601 9.15568 1.94601 9.26465 2.16394L9.74414 3.12292C9.77275 3.18014 9.81973 3.22712 9.87695 3.25573L10.8369 3.73522C11.0546 3.84424 11.0545 4.15544 10.8369 4.26452L9.87695 4.74401C9.81973 4.77262 9.77275 4.81961 9.74414 4.87683L9.26465 5.83679C9.15565 6.05458 8.84435 6.05457 8.73535 5.83679L8.25586 4.87683C8.22725 4.81961 8.18026 4.77262 8.12304 4.74401L7.16308 4.26452C6.94547 4.15546 6.94539 3.84422 7.16308 3.73522L8.12304 3.25573C8.18026 3.22712 8.22725 3.18014 8.25586 3.12292L8.73535 2.16394Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "MagicEdit"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/MagicEdit.tsx b/web/app/components/base/icons/src/vender/line/general/MagicEdit.tsx
index 1bf06a3f69..43d9e8545a 100644
--- a/web/app/components/base/icons/src/vender/line/general/MagicEdit.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/MagicEdit.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MagicEdit.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MagicEdit.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Menu01.json b/web/app/components/base/icons/src/vender/line/general/Menu01.json
index 5dfdebf7cc..a91a6c445d 100644
--- a/web/app/components/base/icons/src/vender/line/general/Menu01.json
+++ b/web/app/components/base/icons/src/vender/line/general/Menu01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "menu-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M2 8H14M2 4H14M2 12H14",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Menu01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "menu-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M2 8H14M2 4H14M2 12H14",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Menu01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Menu01.tsx b/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
index acf84a6cac..d0b8318518 100644
--- a/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Menu01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Menu01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin01.json b/web/app/components/base/icons/src/vender/line/general/Pin01.json
index 3ad6bd8799..8b3ac52cd0 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin01.json
+++ b/web/app/components/base/icons/src/vender/line/general/Pin01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "pin-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M8.00037 10.0007L8.00037 14.6673M5.3337 4.87274V6.29315C5.3337 6.43183 5.3337 6.50117 5.32009 6.56749C5.30801 6.62633 5.28804 6.68327 5.26071 6.73677C5.22991 6.79706 5.18659 6.8512 5.09996 6.95949L4.05344 8.26764C3.60962 8.82242 3.3877 9.09982 3.38745 9.33326C3.38723 9.53629 3.47954 9.72835 3.63822 9.85501C3.82067 10.0007 4.1759 10.0007 4.88637 10.0007H11.1144C11.8248 10.0007 12.1801 10.0007 12.3625 9.85501C12.5212 9.72835 12.6135 9.53629 12.6133 9.33326C12.613 9.09982 12.3911 8.82242 11.9473 8.26764L10.9008 6.95949C10.8141 6.8512 10.7708 6.79706 10.74 6.73677C10.7127 6.68327 10.6927 6.62633 10.6806 6.56749C10.667 6.50117 10.667 6.43183 10.667 6.29315V4.87274C10.667 4.79599 10.667 4.75761 10.6714 4.71977C10.6752 4.68615 10.6816 4.65287 10.6905 4.62023C10.7006 4.58348 10.7148 4.54785 10.7433 4.47659L11.4152 2.7968C11.6113 2.30674 11.7093 2.06171 11.6684 1.86502C11.6327 1.693 11.5305 1.54206 11.384 1.44499C11.2166 1.33398 10.9527 1.33398 10.4249 1.33398H5.57587C5.04806 1.33398 4.78416 1.33398 4.61671 1.44499C4.47027 1.54206 4.36808 1.693 4.33233 1.86502C4.29146 2.06171 4.38947 2.30674 4.58549 2.7968L5.25741 4.47659C5.28591 4.54785 5.30017 4.58348 5.31019 4.62023C5.3191 4.65287 5.32551 4.68615 5.32936 4.71977C5.3337 4.75761 5.3337 4.79599 5.3337 4.87274Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Pin01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "pin-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M8.00037 10.0007L8.00037 14.6673M5.3337 4.87274V6.29315C5.3337 6.43183 5.3337 6.50117 5.32009 6.56749C5.30801 6.62633 5.28804 6.68327 5.26071 6.73677C5.22991 6.79706 5.18659 6.8512 5.09996 6.95949L4.05344 8.26764C3.60962 8.82242 3.3877 9.09982 3.38745 9.33326C3.38723 9.53629 3.47954 9.72835 3.63822 9.85501C3.82067 10.0007 4.1759 10.0007 4.88637 10.0007H11.1144C11.8248 10.0007 12.1801 10.0007 12.3625 9.85501C12.5212 9.72835 12.6135 9.53629 12.6133 9.33326C12.613 9.09982 12.3911 8.82242 11.9473 8.26764L10.9008 6.95949C10.8141 6.8512 10.7708 6.79706 10.74 6.73677C10.7127 6.68327 10.6927 6.62633 10.6806 6.56749C10.667 6.50117 10.667 6.43183 10.667 6.29315V4.87274C10.667 4.79599 10.667 4.75761 10.6714 4.71977C10.6752 4.68615 10.6816 4.65287 10.6905 4.62023C10.7006 4.58348 10.7148 4.54785 10.7433 4.47659L11.4152 2.7968C11.6113 2.30674 11.7093 2.06171 11.6684 1.86502C11.6327 1.693 11.5305 1.54206 11.384 1.44499C11.2166 1.33398 10.9527 1.33398 10.4249 1.33398H5.57587C5.04806 1.33398 4.78416 1.33398 4.61671 1.44499C4.47027 1.54206 4.36808 1.693 4.33233 1.86502C4.29146 2.06171 4.38947 2.30674 4.58549 2.7968L5.25741 4.47659C5.28591 4.54785 5.30017 4.58348 5.31019 4.62023C5.3191 4.65287 5.32551 4.68615 5.32936 4.71977C5.3337 4.75761 5.3337 4.79599 5.3337 4.87274Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Pin01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin01.tsx b/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
index 3fdabb4278..776337c827 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Pin01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Pin01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin02.json b/web/app/components/base/icons/src/vender/line/general/Pin02.json
index 474e7e102f..33c4b21c4e 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin02.json
+++ b/web/app/components/base/icons/src/vender/line/general/Pin02.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.3767 15.6163L2.71985 21.2732M11.6944 6.64181L10.1335 8.2027C10.0062 8.33003 9.94252 8.39369 9.86999 8.44427C9.80561 8.48917 9.73616 8.52634 9.66309 8.555C9.58077 8.58729 9.49249 8.60495 9.31592 8.64026L5.65145 9.37315C4.69915 9.56361 4.223 9.65884 4.00024 9.9099C3.80617 10.1286 3.71755 10.4213 3.75771 10.7109C3.8038 11.0434 4.14715 11.3867 4.83387 12.0735L11.9196 19.1592C12.6063 19.8459 12.9497 20.1893 13.2821 20.2354C13.5718 20.2755 13.8645 20.1869 14.0832 19.9928C14.3342 19.7701 14.4294 19.2939 14.6199 18.3416L15.3528 14.6771C15.3881 14.5006 15.4058 14.4123 15.4381 14.33C15.4667 14.2569 15.5039 14.1875 15.5488 14.1231C15.5994 14.0505 15.663 13.9869 15.7904 13.8596L17.3512 12.2987C17.4326 12.2173 17.4734 12.1766 17.5181 12.141C17.5578 12.1095 17.5999 12.081 17.644 12.0558C17.6936 12.0274 17.7465 12.0048 17.8523 11.9594L20.3467 10.8904C21.0744 10.5785 21.4383 10.4226 21.6035 10.1706C21.7481 9.95025 21.7998 9.68175 21.7474 9.42348C21.6875 9.12813 21.4076 8.84822 20.8478 8.28839L15.7047 3.14526C15.1448 2.58543 14.8649 2.30552 14.5696 2.24565C14.3113 2.19329 14.0428 2.245 13.8225 2.38953C13.5705 2.55481 13.4145 2.91866 13.1027 3.64636L12.0337 6.14071C11.9883 6.24653 11.9656 6.29944 11.9373 6.34905C11.9121 6.39313 11.8836 6.43522 11.852 6.47496C11.8165 6.51971 11.7758 6.56041 11.6944 6.64181Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Pin02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.3767 15.6163L2.71985 21.2732M11.6944 6.64181L10.1335 8.2027C10.0062 8.33003 9.94252 8.39369 9.86999 8.44427C9.80561 8.48917 9.73616 8.52634 9.66309 8.555C9.58077 8.58729 9.49249 8.60495 9.31592 8.64026L5.65145 9.37315C4.69915 9.56361 4.223 9.65884 4.00024 9.9099C3.80617 10.1286 3.71755 10.4213 3.75771 10.7109C3.8038 11.0434 4.14715 11.3867 4.83387 12.0735L11.9196 19.1592C12.6063 19.8459 12.9497 20.1893 13.2821 20.2354C13.5718 20.2755 13.8645 20.1869 14.0832 19.9928C14.3342 19.7701 14.4294 19.2939 14.6199 18.3416L15.3528 14.6771C15.3881 14.5006 15.4058 14.4123 15.4381 14.33C15.4667 14.2569 15.5039 14.1875 15.5488 14.1231C15.5994 14.0505 15.663 13.9869 15.7904 13.8596L17.3512 12.2987C17.4326 12.2173 17.4734 12.1766 17.5181 12.141C17.5578 12.1095 17.5999 12.081 17.644 12.0558C17.6936 12.0274 17.7465 12.0048 17.8523 11.9594L20.3467 10.8904C21.0744 10.5785 21.4383 10.4226 21.6035 10.1706C21.7481 9.95025 21.7998 9.68175 21.7474 9.42348C21.6875 9.12813 21.4076 8.84822 20.8478 8.28839L15.7047 3.14526C15.1448 2.58543 14.8649 2.30552 14.5696 2.24565C14.3113 2.19329 14.0428 2.245 13.8225 2.38953C13.5705 2.55481 13.4145 2.91866 13.1027 3.64636L12.0337 6.14071C11.9883 6.24653 11.9656 6.29944 11.9373 6.34905C11.9121 6.39313 11.8836 6.43522 11.852 6.47496C11.8165 6.51971 11.7758 6.56041 11.6944 6.64181Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Pin02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin02.tsx b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
index 2affb7ec53..fe50ae1939 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Pin02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Pin02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Plus02.json b/web/app/components/base/icons/src/vender/line/general/Plus02.json
index 84b07b4251..27ac3902ca 100644
--- a/web/app/components/base/icons/src/vender/line/general/Plus02.json
+++ b/web/app/components/base/icons/src/vender/line/general/Plus02.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "10",
-			"height": "10",
-			"viewBox": "0 0 10 10",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "plus"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M5.00004 2.08325V7.91659M2.08337 4.99992H7.91671",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Plus02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "10",
+      "height": "10",
+      "viewBox": "0 0 10 10",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "plus"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M5.00004 2.08325V7.91659M2.08337 4.99992H7.91671",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Plus02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Plus02.tsx b/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
index 8242195f60..53dd9d27c6 100644
--- a/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Plus02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Plus02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Refresh.json b/web/app/components/base/icons/src/vender/line/general/Refresh.json
index 693b9ab4f0..4d92684c2b 100644
--- a/web/app/components/base/icons/src/vender/line/general/Refresh.json
+++ b/web/app/components/base/icons/src/vender/line/general/Refresh.json
@@ -1,23 +1,23 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"viewBox": "0 0 24 24",
-			"fill": "currentColor"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Refresh"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 24 24",
+      "fill": "currentColor"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Refresh"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Refresh.tsx b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
index d2b8892e4c..35239db6e1 100644
--- a/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Refresh.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Refresh.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/SearchMenu.json b/web/app/components/base/icons/src/vender/line/general/SearchMenu.json
index 5854f25339..0214572633 100644
--- a/web/app/components/base/icons/src/vender/line/general/SearchMenu.json
+++ b/web/app/components/base/icons/src/vender/line/general/SearchMenu.json
@@ -1,77 +1,77 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "32",
-			"viewBox": "0 0 32 32",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M28.0049 16C28.0049 20.4183 24.4231 24 20.0049 24C15.5866 24 12.0049 20.4183 12.0049 16C12.0049 11.5817 15.5866 8 20.0049 8C24.4231 8 28.0049 11.5817 28.0049 16Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 16H6.67155",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 9.33334H8.00488",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 22.6667H8.00488",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M26 22L29.3333 25.3333",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "SearchMenu"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "32",
+      "viewBox": "0 0 32 32",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M28.0049 16C28.0049 20.4183 24.4231 24 20.0049 24C15.5866 24 12.0049 20.4183 12.0049 16C12.0049 11.5817 15.5866 8 20.0049 8C24.4231 8 28.0049 11.5817 28.0049 16Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 16H6.67155",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 9.33334H8.00488",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 22.6667H8.00488",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M26 22L29.3333 25.3333",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "SearchMenu"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/SearchMenu.tsx b/web/app/components/base/icons/src/vender/line/general/SearchMenu.tsx
index 497f24a984..36b3e6ab96 100644
--- a/web/app/components/base/icons/src/vender/line/general/SearchMenu.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/SearchMenu.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SearchMenu.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SearchMenu.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings01.json b/web/app/components/base/icons/src/vender/line/general/Settings01.json
index ca337d9b20..e703c8fd3d 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings01.json
+++ b/web/app/components/base/icons/src/vender/line/general/Settings01.json
@@ -1,86 +1,86 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Left Icon",
-					"clip-path": "url(#clip0_11961_30603)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Icon"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.99935 8.74984C7.96585 8.74984 8.74935 7.96634 8.74935 6.99984C8.74935 6.03334 7.96585 5.24984 6.99935 5.24984C6.03285 5.24984 5.24935 6.03334 5.24935 6.99984C5.24935 7.96634 6.03285 8.74984 6.99935 8.74984Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M10.9236 8.59075C10.853 8.75069 10.8319 8.92812 10.8631 9.10015C10.8943 9.27218 10.9763 9.43092 11.0986 9.5559L11.1304 9.58772C11.229 9.68622 11.3073 9.80319 11.3606 9.93195C11.414 10.0607 11.4415 10.1987 11.4415 10.3381C11.4415 10.4775 11.414 10.6155 11.3606 10.7442C11.3073 10.873 11.229 10.99 11.1304 11.0885C11.0319 11.1871 10.9149 11.2653 10.7862 11.3187C10.6574 11.3721 10.5194 11.3995 10.38 11.3995C10.2407 11.3995 10.1026 11.3721 9.97388 11.3187C9.84513 11.2653 9.72815 11.1871 9.62965 11.0885L9.59783 11.0567C9.47285 10.9344 9.31411 10.8524 9.14209 10.8212C8.97006 10.79 8.79263 10.8111 8.63268 10.8817C8.47583 10.9489 8.34207 11.0605 8.24785 11.2028C8.15362 11.345 8.10306 11.5118 8.10238 11.6824V11.7726C8.10238 12.0539 7.99064 12.3236 7.79173 12.5225C7.59283 12.7214 7.32306 12.8332 7.04177 12.8332C6.76048 12.8332 6.49071 12.7214 6.29181 12.5225C6.09291 12.3236 5.98117 12.0539 5.98117 11.7726V11.7248C5.97706 11.5493 5.92025 11.3791 5.8181 11.2363C5.71596 11.0935 5.57322 10.9847 5.40844 10.9241C5.24849 10.8535 5.07106 10.8324 4.89904 10.8636C4.72701 10.8948 4.56827 10.9768 4.44329 11.0991L4.41147 11.1309C4.31297 11.2295 4.196 11.3077 4.06724 11.3611C3.93848 11.4145 3.80047 11.442 3.66109 11.442C3.52171 11.442 3.3837 11.4145 3.25494 11.3611C3.12619 11.3077 3.00921 11.2295 2.91071 11.1309C2.8121 11.0324 2.73387 10.9154 2.6805 10.7867C2.62712 10.6579 2.59965 10.5199 2.59965 10.3805C2.59965 10.2411 2.62712 10.1031 2.6805 9.97437C2.73387 9.84561 2.8121 9.72864 2.91071 9.63014L2.94253 9.59832C3.06479 9.47334 3.1468 9.3146 3.17799 9.14257C3.20918 8.97055 3.18812 8.79312 3.11753 8.63317C3.05031 8.47632 2.93869 8.34256 2.79641 8.24833C2.65414 8.15411 2.48742 8.10355 2.31677 8.10287H2.22662C1.94533 8.10287 1.67556 7.99112 1.47666 7.79222C1.27776 7.59332 1.16602 7.32355 1.16602 7.04226C1.16602 6.76097 1.27776 6.4912 1.47666 6.2923C1.67556 6.0934 1.94533 5.98166 2.22662 5.98166H2.27435C2.44988 5.97755 2.62011 5.92073 2.76292 5.81859C2.90572 5.71645 3.0145 5.57371 3.07511 5.40893C3.1457 5.24898 3.16676 5.07155 3.13556 4.89953C3.10437 4.7275 3.02236 4.56876 2.90011 4.44378L2.86829 4.41196C2.76968 4.31346 2.69145 4.19648 2.63807 4.06773C2.5847 3.93897 2.55723 3.80096 2.55723 3.66158C2.55723 3.5222 2.5847 3.38419 2.63807 3.25543C2.69145 3.12668 2.76968 3.0097 2.86829 2.9112C2.96679 2.81259 3.08376 2.73436 3.21252 2.68099C3.34127 2.62761 3.47929 2.60014 3.61867 2.60014C3.75805 2.60014 3.89606 2.62761 4.02482 2.68099C4.15357 2.73436 4.27054 2.81259 4.36905 2.9112L4.40086 2.94302C4.52585 3.06527 4.68458 3.14728 4.85661 3.17848C5.02864 3.20967 5.20607 3.18861 5.36602 3.11802H5.40844C5.56529 3.0508 5.69906 2.93918 5.79328 2.7969C5.8875 2.65463 5.93806 2.48791 5.93874 2.31726V2.22711C5.93874 1.94582 6.05049 1.67605 6.24939 1.47715C6.44829 1.27825 6.71806 1.1665 6.99935 1.1665C7.28064 1.1665 7.55041 1.27825 7.74931 1.47715C7.94821 1.67605 8.05995 1.94582 8.05995 2.22711V2.27484C8.06064 2.44548 8.1112 2.6122 8.20542 2.75448C8.29964 2.89675 8.43341 3.00837 8.59026 3.07559C8.75021 3.14619 8.92763 3.16724 9.09966 3.13605C9.27169 3.10486 9.43043 3.02285 9.55541 2.90059L9.58723 2.86878C9.68573 2.77017 9.8027 2.69194 9.93146 2.63856C10.0602 2.58519 10.1982 2.55772 10.3376 2.55772C10.477 2.55772 10.615 2.58519 10.7438 2.63856C10.8725 2.69194 10.9895 2.77017 11.088 2.86878C11.1866 2.96728 11.2648 3.08425 11.3182 3.21301C11.3716 3.34176 11.399 3.47978 11.399 3.61916C11.399 3.75854 11.3716 3.89655 11.3182 4.0253C11.2648 4.15406 11.1866 4.27103 11.088 4.36953L11.0562 4.40135C10.9339 4.52633 10.8519 4.68507 10.8207 4.8571C10.7895 5.02913 10.8106 5.20656 10.8812 5.3665V5.40893C10.9484 5.56578 11.06 5.69954 11.2023 5.79377C11.3446 5.88799 11.5113 5.93855 11.6819 5.93923H11.7721C12.0534 5.93923 12.3231 6.05097 12.522 6.24988C12.7209 6.44878 12.8327 6.71855 12.8327 6.99984C12.8327 7.28113 12.7209 7.5509 12.522 7.7498C12.3231 7.9487 12.0534 8.06044 11.7721 8.06044H11.7243C11.5537 8.06112 11.387 8.11169 11.2447 8.20591C11.1024 8.30013 10.9908 8.4339 10.9236 8.59075Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_11961_30603"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "14",
-									"height": "14",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Settings01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Left Icon",
+          "clip-path": "url(#clip0_11961_30603)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Icon"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.99935 8.74984C7.96585 8.74984 8.74935 7.96634 8.74935 6.99984C8.74935 6.03334 7.96585 5.24984 6.99935 5.24984C6.03285 5.24984 5.24935 6.03334 5.24935 6.99984C5.24935 7.96634 6.03285 8.74984 6.99935 8.74984Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M10.9236 8.59075C10.853 8.75069 10.8319 8.92812 10.8631 9.10015C10.8943 9.27218 10.9763 9.43092 11.0986 9.5559L11.1304 9.58772C11.229 9.68622 11.3073 9.80319 11.3606 9.93195C11.414 10.0607 11.4415 10.1987 11.4415 10.3381C11.4415 10.4775 11.414 10.6155 11.3606 10.7442C11.3073 10.873 11.229 10.99 11.1304 11.0885C11.0319 11.1871 10.9149 11.2653 10.7862 11.3187C10.6574 11.3721 10.5194 11.3995 10.38 11.3995C10.2407 11.3995 10.1026 11.3721 9.97388 11.3187C9.84513 11.2653 9.72815 11.1871 9.62965 11.0885L9.59783 11.0567C9.47285 10.9344 9.31411 10.8524 9.14209 10.8212C8.97006 10.79 8.79263 10.8111 8.63268 10.8817C8.47583 10.9489 8.34207 11.0605 8.24785 11.2028C8.15362 11.345 8.10306 11.5118 8.10238 11.6824V11.7726C8.10238 12.0539 7.99064 12.3236 7.79173 12.5225C7.59283 12.7214 7.32306 12.8332 7.04177 12.8332C6.76048 12.8332 6.49071 12.7214 6.29181 12.5225C6.09291 12.3236 5.98117 12.0539 5.98117 11.7726V11.7248C5.97706 11.5493 5.92025 11.3791 5.8181 11.2363C5.71596 11.0935 5.57322 10.9847 5.40844 10.9241C5.24849 10.8535 5.07106 10.8324 4.89904 10.8636C4.72701 10.8948 4.56827 10.9768 4.44329 11.0991L4.41147 11.1309C4.31297 11.2295 4.196 11.3077 4.06724 11.3611C3.93848 11.4145 3.80047 11.442 3.66109 11.442C3.52171 11.442 3.3837 11.4145 3.25494 11.3611C3.12619 11.3077 3.00921 11.2295 2.91071 11.1309C2.8121 11.0324 2.73387 10.9154 2.6805 10.7867C2.62712 10.6579 2.59965 10.5199 2.59965 10.3805C2.59965 10.2411 2.62712 10.1031 2.6805 9.97437C2.73387 9.84561 2.8121 9.72864 2.91071 9.63014L2.94253 9.59832C3.06479 9.47334 3.1468 9.3146 3.17799 9.14257C3.20918 8.97055 3.18812 8.79312 3.11753 8.63317C3.05031 8.47632 2.93869 8.34256 2.79641 8.24833C2.65414 8.15411 2.48742 8.10355 2.31677 8.10287H2.22662C1.94533 8.10287 1.67556 7.99112 1.47666 7.79222C1.27776 7.59332 1.16602 7.32355 1.16602 7.04226C1.16602 6.76097 1.27776 6.4912 1.47666 6.2923C1.67556 6.0934 1.94533 5.98166 2.22662 5.98166H2.27435C2.44988 5.97755 2.62011 5.92073 2.76292 5.81859C2.90572 5.71645 3.0145 5.57371 3.07511 5.40893C3.1457 5.24898 3.16676 5.07155 3.13556 4.89953C3.10437 4.7275 3.02236 4.56876 2.90011 4.44378L2.86829 4.41196C2.76968 4.31346 2.69145 4.19648 2.63807 4.06773C2.5847 3.93897 2.55723 3.80096 2.55723 3.66158C2.55723 3.5222 2.5847 3.38419 2.63807 3.25543C2.69145 3.12668 2.76968 3.0097 2.86829 2.9112C2.96679 2.81259 3.08376 2.73436 3.21252 2.68099C3.34127 2.62761 3.47929 2.60014 3.61867 2.60014C3.75805 2.60014 3.89606 2.62761 4.02482 2.68099C4.15357 2.73436 4.27054 2.81259 4.36905 2.9112L4.40086 2.94302C4.52585 3.06527 4.68458 3.14728 4.85661 3.17848C5.02864 3.20967 5.20607 3.18861 5.36602 3.11802H5.40844C5.56529 3.0508 5.69906 2.93918 5.79328 2.7969C5.8875 2.65463 5.93806 2.48791 5.93874 2.31726V2.22711C5.93874 1.94582 6.05049 1.67605 6.24939 1.47715C6.44829 1.27825 6.71806 1.1665 6.99935 1.1665C7.28064 1.1665 7.55041 1.27825 7.74931 1.47715C7.94821 1.67605 8.05995 1.94582 8.05995 2.22711V2.27484C8.06064 2.44548 8.1112 2.6122 8.20542 2.75448C8.29964 2.89675 8.43341 3.00837 8.59026 3.07559C8.75021 3.14619 8.92763 3.16724 9.09966 3.13605C9.27169 3.10486 9.43043 3.02285 9.55541 2.90059L9.58723 2.86878C9.68573 2.77017 9.8027 2.69194 9.93146 2.63856C10.0602 2.58519 10.1982 2.55772 10.3376 2.55772C10.477 2.55772 10.615 2.58519 10.7438 2.63856C10.8725 2.69194 10.9895 2.77017 11.088 2.86878C11.1866 2.96728 11.2648 3.08425 11.3182 3.21301C11.3716 3.34176 11.399 3.47978 11.399 3.61916C11.399 3.75854 11.3716 3.89655 11.3182 4.0253C11.2648 4.15406 11.1866 4.27103 11.088 4.36953L11.0562 4.40135C10.9339 4.52633 10.8519 4.68507 10.8207 4.8571C10.7895 5.02913 10.8106 5.20656 10.8812 5.3665V5.40893C10.9484 5.56578 11.06 5.69954 11.2023 5.79377C11.3446 5.88799 11.5113 5.93855 11.6819 5.93923H11.7721C12.0534 5.93923 12.3231 6.05097 12.522 6.24988C12.7209 6.44878 12.8327 6.71855 12.8327 6.99984C12.8327 7.28113 12.7209 7.5509 12.522 7.7498C12.3231 7.9487 12.0534 8.06044 11.7721 8.06044H11.7243C11.5537 8.06112 11.387 8.11169 11.2447 8.20591C11.1024 8.30013 10.9908 8.4339 10.9236 8.59075Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_11961_30603"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "14",
+                  "height": "14",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Settings01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings01.tsx b/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
index 98199c7540..6d6dbcbf00 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Settings01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Settings01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings04.json b/web/app/components/base/icons/src/vender/line/general/Settings04.json
index 4dd34e68a4..4075fa0326 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings04.json
+++ b/web/app/components/base/icons/src/vender/line/general/Settings04.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Left Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M1.75 4.6665L8.75 4.6665M8.75 4.6665C8.75 5.633 9.5335 6.4165 10.5 6.4165C11.4665 6.4165 12.25 5.633 12.25 4.6665C12.25 3.70001 11.4665 2.9165 10.5 2.9165C9.5335 2.9165 8.75 3.70001 8.75 4.6665ZM5.25 9.33317L12.25 9.33317M5.25 9.33317C5.25 10.2997 4.4665 11.0832 3.5 11.0832C2.5335 11.0832 1.75 10.2997 1.75 9.33317C1.75 8.36667 2.5335 7.58317 3.5 7.58317C4.4665 7.58317 5.25 8.36667 5.25 9.33317Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Settings04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Left Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M1.75 4.6665L8.75 4.6665M8.75 4.6665C8.75 5.633 9.5335 6.4165 10.5 6.4165C11.4665 6.4165 12.25 5.633 12.25 4.6665C12.25 3.70001 11.4665 2.9165 10.5 2.9165C9.5335 2.9165 8.75 3.70001 8.75 4.6665ZM5.25 9.33317L12.25 9.33317M5.25 9.33317C5.25 10.2997 4.4665 11.0832 3.5 11.0832C2.5335 11.0832 1.75 10.2997 1.75 9.33317C1.75 8.36667 2.5335 7.58317 3.5 7.58317C4.4665 7.58317 5.25 8.36667 5.25 9.33317Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Settings04"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings04.tsx b/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
index 0cddfb76f3..617727225a 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Settings04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Settings04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Target04.json b/web/app/components/base/icons/src/vender/line/general/Target04.json
index 731fcc208c..f5b2694b02 100644
--- a/web/app/components/base/icons/src/vender/line/general/Target04.json
+++ b/web/app/components/base/icons/src/vender/line/general/Target04.json
@@ -1,65 +1,65 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Left Icon",
-					"clip-path": "url(#clip0_10386_42171)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M7.99998 4V2.5L9.49998 1L9.99998 2L11 2.5L9.49998 4H7.99998ZM7.99998 4L5.99999 5.99997M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1M8.5 6C8.5 7.38071 7.38071 8.5 6 8.5C4.61929 8.5 3.5 7.38071 3.5 6C3.5 4.61929 4.61929 3.5 6 3.5",
-							"stroke": "currentColor",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_10386_42171"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Target04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Left Icon",
+          "clip-path": "url(#clip0_10386_42171)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M7.99998 4V2.5L9.49998 1L9.99998 2L11 2.5L9.49998 4H7.99998ZM7.99998 4L5.99999 5.99997M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1M8.5 6C8.5 7.38071 7.38071 8.5 6 8.5C4.61929 8.5 3.5 7.38071 3.5 6C3.5 4.61929 4.61929 3.5 6 3.5",
+              "stroke": "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_10386_42171"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Target04"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Target04.tsx b/web/app/components/base/icons/src/vender/line/general/Target04.tsx
index a5c340ff3a..b2025a823e 100644
--- a/web/app/components/base/icons/src/vender/line/general/Target04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Target04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Target04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Target04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Upload03.json b/web/app/components/base/icons/src/vender/line/general/Upload03.json
index bda73041a9..2d3bcc5fb5 100644
--- a/web/app/components/base/icons/src/vender/line/general/Upload03.json
+++ b/web/app/components/base/icons/src/vender/line/general/Upload03.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Left Icon",
-					"clip-path": "url(#clip0_12728_40636)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M10.6654 8.00016L7.9987 5.3335M7.9987 5.3335L5.33203 8.00016M7.9987 5.3335V10.6668M14.6654 8.00016C14.6654 11.6821 11.6806 14.6668 7.9987 14.6668C4.3168 14.6668 1.33203 11.6821 1.33203 8.00016C1.33203 4.31826 4.3168 1.3335 7.9987 1.3335C11.6806 1.3335 14.6654 4.31826 14.6654 8.00016Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_12728_40636"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Upload03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Left Icon",
+          "clip-path": "url(#clip0_12728_40636)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M10.6654 8.00016L7.9987 5.3335M7.9987 5.3335L5.33203 8.00016M7.9987 5.3335V10.6668M14.6654 8.00016C14.6654 11.6821 11.6806 14.6668 7.9987 14.6668C4.3168 14.6668 1.33203 11.6821 1.33203 8.00016C1.33203 4.31826 4.3168 1.3335 7.9987 1.3335C11.6806 1.3335 14.6654 4.31826 14.6654 8.00016Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_12728_40636"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Upload03"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/Upload03.tsx b/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
index ae03806ce0..bec55623be 100644
--- a/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Upload03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Upload03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.json b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.json
index 5e5411c1cf..30a41b92c5 100644
--- a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.json
+++ b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.json
@@ -1,42 +1,42 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.4",
-					"d": "M4 16.2422C2.79401 15.435 2 14.0602 2 12.5C2 10.1564 3.79151 8.23129 6.07974 8.01937C6.54781 5.17213 9.02024 3 12 3C14.9798 3 17.4522 5.17213 17.9203 8.01937C20.2085 8.23129 22 10.1564 22 12.5C22 14.0602 21.206 15.435 20 16.2422",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8 16L12 12M12 12L16 16M12 12L12 21",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "UploadCloud01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.4",
+          "d": "M4 16.2422C2.79401 15.435 2 14.0602 2 12.5C2 10.1564 3.79151 8.23129 6.07974 8.01937C6.54781 5.17213 9.02024 3 12 3C14.9798 3 17.4522 5.17213 17.9203 8.01937C20.2085 8.23129 22 10.1564 22 12.5C22 14.0602 21.206 15.435 20 16.2422",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8 16L12 12M12 12L16 16M12 12L12 21",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "UploadCloud01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
index 8e0e5e266c..17ffee2b01 100644
--- a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './UploadCloud01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './UploadCloud01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/X.json b/web/app/components/base/icons/src/vender/line/general/X.json
index 9c482caa25..5a9dbde4cb 100644
--- a/web/app/components/base/icons/src/vender/line/general/X.json
+++ b/web/app/components/base/icons/src/vender/line/general/X.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "x"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M11.3334 4.66663L4.66675 11.3333M4.66675 4.66663L11.3334 11.3333",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "X"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "x"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M11.3334 4.66663L4.66675 11.3333M4.66675 4.66663L11.3334 11.3333",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "X"
 }
diff --git a/web/app/components/base/icons/src/vender/line/general/X.tsx b/web/app/components/base/icons/src/vender/line/general/X.tsx
index 5160a92150..e9541e9adb 100644
--- a/web/app/components/base/icons/src/vender/line/general/X.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/X.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './X.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './X.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/general/index.ts b/web/app/components/base/icons/src/vender/line/general/index.ts
index c73d7cce05..2409367264 100644
--- a/web/app/components/base/icons/src/vender/line/general/index.ts
+++ b/web/app/components/base/icons/src/vender/line/general/index.ts
@@ -1,7 +1,7 @@
 export { default as AtSign } from './AtSign'
 export { default as Bookmark } from './Bookmark'
-export { default as CheckDone01 } from './CheckDone01'
 export { default as Check } from './Check'
+export { default as CheckDone01 } from './CheckDone01'
 export { default as ChecklistSquare } from './ChecklistSquare'
 export { default as CodeAssistant } from './CodeAssistant'
 export { default as DotsGrid } from './DotsGrid'
diff --git a/web/app/components/base/icons/src/vender/line/images/ImagePlus.json b/web/app/components/base/icons/src/vender/line/images/ImagePlus.json
index ce3073f1c3..32033b502d 100644
--- a/web/app/components/base/icons/src/vender/line/images/ImagePlus.json
+++ b/web/app/components/base/icons/src/vender/line/images/ImagePlus.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "image-plus"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M8.33333 2.00016H5.2C4.0799 2.00016 3.51984 2.00016 3.09202 2.21815C2.71569 2.4099 2.40973 2.71586 2.21799 3.09218C2 3.52001 2 4.08006 2 5.20016V10.8002C2 11.9203 2 12.4803 2.21799 12.9081C2.40973 13.2845 2.71569 13.5904 3.09202 13.7822C3.51984 14.0002 4.07989 14.0002 5.2 14.0002H11.3333C11.9533 14.0002 12.2633 14.0002 12.5176 13.932C13.2078 13.7471 13.7469 13.208 13.9319 12.5178C14 12.2635 14 11.9535 14 11.3335M12.6667 5.3335V1.3335M10.6667 3.3335H14.6667M7 5.66683C7 6.40321 6.40305 7.00016 5.66667 7.00016C4.93029 7.00016 4.33333 6.40321 4.33333 5.66683C4.33333 4.93045 4.93029 4.3335 5.66667 4.3335C6.40305 4.3335 7 4.93045 7 5.66683ZM9.99336 7.94559L4.3541 13.0722C4.03691 13.3605 3.87831 13.5047 3.86429 13.6296C3.85213 13.7379 3.89364 13.8453 3.97546 13.9172C4.06985 14.0002 4.28419 14.0002 4.71286 14.0002H10.9707C11.9301 14.0002 12.4098 14.0002 12.7866 13.839C13.2596 13.6366 13.6365 13.2598 13.8388 12.7868C14 12.41 14 11.9303 14 10.9708C14 10.648 14 10.4866 13.9647 10.3363C13.9204 10.1474 13.8353 9.9704 13.7155 9.81776C13.6202 9.6963 13.4941 9.59546 13.242 9.3938L11.3772 7.90194C11.1249 7.7001 10.9988 7.59919 10.8599 7.56357C10.7374 7.53218 10.6086 7.53624 10.4884 7.57529C10.352 7.61959 10.2324 7.72826 9.99336 7.94559Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ImagePlus"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "image-plus"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M8.33333 2.00016H5.2C4.0799 2.00016 3.51984 2.00016 3.09202 2.21815C2.71569 2.4099 2.40973 2.71586 2.21799 3.09218C2 3.52001 2 4.08006 2 5.20016V10.8002C2 11.9203 2 12.4803 2.21799 12.9081C2.40973 13.2845 2.71569 13.5904 3.09202 13.7822C3.51984 14.0002 4.07989 14.0002 5.2 14.0002H11.3333C11.9533 14.0002 12.2633 14.0002 12.5176 13.932C13.2078 13.7471 13.7469 13.208 13.9319 12.5178C14 12.2635 14 11.9535 14 11.3335M12.6667 5.3335V1.3335M10.6667 3.3335H14.6667M7 5.66683C7 6.40321 6.40305 7.00016 5.66667 7.00016C4.93029 7.00016 4.33333 6.40321 4.33333 5.66683C4.33333 4.93045 4.93029 4.3335 5.66667 4.3335C6.40305 4.3335 7 4.93045 7 5.66683ZM9.99336 7.94559L4.3541 13.0722C4.03691 13.3605 3.87831 13.5047 3.86429 13.6296C3.85213 13.7379 3.89364 13.8453 3.97546 13.9172C4.06985 14.0002 4.28419 14.0002 4.71286 14.0002H10.9707C11.9301 14.0002 12.4098 14.0002 12.7866 13.839C13.2596 13.6366 13.6365 13.2598 13.8388 12.7868C14 12.41 14 11.9303 14 10.9708C14 10.648 14 10.4866 13.9647 10.3363C13.9204 10.1474 13.8353 9.9704 13.7155 9.81776C13.6202 9.6963 13.4941 9.59546 13.242 9.3938L11.3772 7.90194C11.1249 7.7001 10.9988 7.59919 10.8599 7.56357C10.7374 7.53218 10.6086 7.53624 10.4884 7.57529C10.352 7.61959 10.2324 7.72826 9.99336 7.94559Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ImagePlus"
 }
diff --git a/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx b/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
index 10b019adb6..424d2b1b60 100644
--- a/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
+++ b/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ImagePlus.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ImagePlus.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.json b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.json
index 9450fd2403..7fe73ff7d0 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.json
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "align-left-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M3 3V21M21 12H7M7 12L14 19M7 12L14 5",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "AlignLeft01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "align-left-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M3 3V21M21 12H7M7 12L14 19M7 12L14 5",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AlignLeft01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
index 0761e89f56..4df5b7519c 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AlignLeft01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AlignLeft01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.json b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.json
index 05ecc93716..f1fa951293 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.json
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "align-right-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M21 21V3M3 12H17M17 12L10 5M17 12L10 19",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "AlignRight01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "align-right-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M21 21V3M3 12H17M17 12L10 5M17 12L10 19",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AlignRight01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
index ffe1889ff8..e37046e1a3 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AlignRight01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AlignRight01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/Grid01.json b/web/app/components/base/icons/src/vender/line/layout/Grid01.json
index edc374a9cc..3a9008f926 100644
--- a/web/app/components/base/icons/src/vender/line/layout/Grid01.json
+++ b/web/app/components/base/icons/src/vender/line/layout/Grid01.json
@@ -1,83 +1,83 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "grid-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Icon"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.1 2H3.56667C3.1933 2 3.00661 2 2.86401 2.07266C2.73856 2.13658 2.63658 2.23856 2.57266 2.36401C2.5 2.50661 2.5 2.6933 2.5 3.06667V5.6C2.5 5.97337 2.5 6.16005 2.57266 6.30266C2.63658 6.4281 2.73856 6.53009 2.86401 6.594C3.00661 6.66667 3.1933 6.66667 3.56667 6.66667H6.1C6.47337 6.66667 6.66005 6.66667 6.80266 6.594C6.9281 6.53009 7.03009 6.4281 7.094 6.30266C7.16667 6.16005 7.16667 5.97337 7.16667 5.6V3.06667C7.16667 2.6933 7.16667 2.50661 7.094 2.36401C7.03009 2.23856 6.9281 2.13658 6.80266 2.07266C6.66005 2 6.47337 2 6.1 2Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.4333 2H10.9C10.5266 2 10.3399 2 10.1973 2.07266C10.0719 2.13658 9.96991 2.23856 9.906 2.36401C9.83333 2.50661 9.83333 2.6933 9.83333 3.06667V5.6C9.83333 5.97337 9.83333 6.16005 9.906 6.30266C9.96991 6.4281 10.0719 6.53009 10.1973 6.594C10.3399 6.66667 10.5266 6.66667 10.9 6.66667H13.4333C13.8067 6.66667 13.9934 6.66667 14.136 6.594C14.2614 6.53009 14.3634 6.4281 14.4273 6.30266C14.5 6.16005 14.5 5.97337 14.5 5.6V3.06667C14.5 2.6933 14.5 2.50661 14.4273 2.36401C14.3634 2.23856 14.2614 2.13658 14.136 2.07266C13.9934 2 13.8067 2 13.4333 2Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.4333 9.33333H10.9C10.5266 9.33333 10.3399 9.33333 10.1973 9.406C10.0719 9.46991 9.96991 9.5719 9.906 9.69734C9.83333 9.83995 9.83333 10.0266 9.83333 10.4V12.9333C9.83333 13.3067 9.83333 13.4934 9.906 13.636C9.96991 13.7614 10.0719 13.8634 10.1973 13.9273C10.3399 14 10.5266 14 10.9 14H13.4333C13.8067 14 13.9934 14 14.136 13.9273C14.2614 13.8634 14.3634 13.7614 14.4273 13.636C14.5 13.4934 14.5 13.3067 14.5 12.9333V10.4C14.5 10.0266 14.5 9.83995 14.4273 9.69734C14.3634 9.5719 14.2614 9.46991 14.136 9.406C13.9934 9.33333 13.8067 9.33333 13.4333 9.33333Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.1 9.33333H3.56667C3.1933 9.33333 3.00661 9.33333 2.86401 9.406C2.73856 9.46991 2.63658 9.5719 2.57266 9.69734C2.5 9.83995 2.5 10.0266 2.5 10.4V12.9333C2.5 13.3067 2.5 13.4934 2.57266 13.636C2.63658 13.7614 2.73856 13.8634 2.86401 13.9273C3.00661 14 3.1933 14 3.56667 14H6.1C6.47337 14 6.66005 14 6.80266 13.9273C6.9281 13.8634 7.03009 13.7614 7.094 13.636C7.16667 13.4934 7.16667 13.3067 7.16667 12.9333V10.4C7.16667 10.0266 7.16667 9.83995 7.094 9.69734C7.03009 9.5719 6.9281 9.46991 6.80266 9.406C6.66005 9.33333 6.47337 9.33333 6.1 9.33333Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Grid01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "grid-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Icon"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.1 2H3.56667C3.1933 2 3.00661 2 2.86401 2.07266C2.73856 2.13658 2.63658 2.23856 2.57266 2.36401C2.5 2.50661 2.5 2.6933 2.5 3.06667V5.6C2.5 5.97337 2.5 6.16005 2.57266 6.30266C2.63658 6.4281 2.73856 6.53009 2.86401 6.594C3.00661 6.66667 3.1933 6.66667 3.56667 6.66667H6.1C6.47337 6.66667 6.66005 6.66667 6.80266 6.594C6.9281 6.53009 7.03009 6.4281 7.094 6.30266C7.16667 6.16005 7.16667 5.97337 7.16667 5.6V3.06667C7.16667 2.6933 7.16667 2.50661 7.094 2.36401C7.03009 2.23856 6.9281 2.13658 6.80266 2.07266C6.66005 2 6.47337 2 6.1 2Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.4333 2H10.9C10.5266 2 10.3399 2 10.1973 2.07266C10.0719 2.13658 9.96991 2.23856 9.906 2.36401C9.83333 2.50661 9.83333 2.6933 9.83333 3.06667V5.6C9.83333 5.97337 9.83333 6.16005 9.906 6.30266C9.96991 6.4281 10.0719 6.53009 10.1973 6.594C10.3399 6.66667 10.5266 6.66667 10.9 6.66667H13.4333C13.8067 6.66667 13.9934 6.66667 14.136 6.594C14.2614 6.53009 14.3634 6.4281 14.4273 6.30266C14.5 6.16005 14.5 5.97337 14.5 5.6V3.06667C14.5 2.6933 14.5 2.50661 14.4273 2.36401C14.3634 2.23856 14.2614 2.13658 14.136 2.07266C13.9934 2 13.8067 2 13.4333 2Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.4333 9.33333H10.9C10.5266 9.33333 10.3399 9.33333 10.1973 9.406C10.0719 9.46991 9.96991 9.5719 9.906 9.69734C9.83333 9.83995 9.83333 10.0266 9.83333 10.4V12.9333C9.83333 13.3067 9.83333 13.4934 9.906 13.636C9.96991 13.7614 10.0719 13.8634 10.1973 13.9273C10.3399 14 10.5266 14 10.9 14H13.4333C13.8067 14 13.9934 14 14.136 13.9273C14.2614 13.8634 14.3634 13.7614 14.4273 13.636C14.5 13.4934 14.5 13.3067 14.5 12.9333V10.4C14.5 10.0266 14.5 9.83995 14.4273 9.69734C14.3634 9.5719 14.2614 9.46991 14.136 9.406C13.9934 9.33333 13.8067 9.33333 13.4333 9.33333Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.1 9.33333H3.56667C3.1933 9.33333 3.00661 9.33333 2.86401 9.406C2.73856 9.46991 2.63658 9.5719 2.57266 9.69734C2.5 9.83995 2.5 10.0266 2.5 10.4V12.9333C2.5 13.3067 2.5 13.4934 2.57266 13.636C2.63658 13.7614 2.73856 13.8634 2.86401 13.9273C3.00661 14 3.1933 14 3.56667 14H6.1C6.47337 14 6.66005 14 6.80266 13.9273C6.9281 13.8634 7.03009 13.7614 7.094 13.636C7.16667 13.4934 7.16667 13.3067 7.16667 12.9333V10.4C7.16667 10.0266 7.16667 9.83995 7.094 9.69734C7.03009 9.5719 6.9281 9.46991 6.80266 9.406C6.66005 9.33333 6.47337 9.33333 6.1 9.33333Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Grid01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
index bc9b6115be..ab3fd1492e 100644
--- a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Grid01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Grid01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.json b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.json
index a5e5b2479d..067e7db5ea 100644
--- a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.json
+++ b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M3 9H21M3 15H21M12 3V21M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "LayoutGrid02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M3 9H21M3 15H21M12 3V21M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "LayoutGrid02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
index 2b23964d1f..9333a2c699 100644
--- a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LayoutGrid02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LayoutGrid02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.json b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.json
index 193aee5c3b..9c40c0bead 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.json
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "microphone-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M12.6666 6.66732V8.00065C12.6666 10.578 10.5772 12.6673 7.99992 12.6673M3.33325 6.66732V8.00065C3.33325 10.578 5.42259 12.6673 7.99992 12.6673M7.99992 12.6673V14.6673M5.33325 14.6673H10.6666M7.99992 10.0007C6.89535 10.0007 5.99992 9.10522 5.99992 8.00065V3.33398C5.99992 2.22941 6.89535 1.33398 7.99992 1.33398C9.10449 1.33398 9.99992 2.22941 9.99992 3.33398V8.00065C9.99992 9.10522 9.10449 10.0007 7.99992 10.0007Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Microphone01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "microphone-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M12.6666 6.66732V8.00065C12.6666 10.578 10.5772 12.6673 7.99992 12.6673M3.33325 6.66732V8.00065C3.33325 10.578 5.42259 12.6673 7.99992 12.6673M7.99992 12.6673V14.6673M5.33325 14.6673H10.6666M7.99992 10.0007C6.89535 10.0007 5.99992 9.10522 5.99992 8.00065V3.33398C5.99992 2.22941 6.89535 1.33398 7.99992 1.33398C9.10449 1.33398 9.99992 2.22941 9.99992 3.33398V8.00065C9.99992 9.10522 9.10449 10.0007 7.99992 10.0007Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Microphone01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
index c76cc607e4..3c9dd52a67 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Microphone01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Microphone01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.json b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.json
index db313deb88..f57711b50a 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.json
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.json
@@ -1,86 +1,86 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "play-circle",
-					"clip-path": "url(#clip0_3607_26538)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Icon"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.99992 14.6666C11.6818 14.6666 14.6666 11.6819 14.6666 7.99998C14.6666 4.31808 11.6818 1.33331 7.99992 1.33331C4.31802 1.33331 1.33325 4.31808 1.33325 7.99998C1.33325 11.6819 4.31802 14.6666 7.99992 14.6666Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.66659 5.33331L10.6666 7.99998L6.66659 10.6666V5.33331Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.25",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_3607_26538"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PlayCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "play-circle",
+          "clip-path": "url(#clip0_3607_26538)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Icon"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.99992 14.6666C11.6818 14.6666 14.6666 11.6819 14.6666 7.99998C14.6666 4.31808 11.6818 1.33331 7.99992 1.33331C4.31802 1.33331 1.33325 4.31808 1.33325 7.99998C1.33325 11.6819 4.31802 14.6666 7.99992 14.6666Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.66659 5.33331L10.6666 7.99998L6.66659 10.6666V5.33331Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.25",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_3607_26538"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PlayCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
index db2c1fc419..44f5752544 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PlayCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PlayCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.json b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.json
index 4620cb9178..dc45b39401 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.json
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M3 5H9M9 5C9 6.10457 9.89543 7 11 7C12.1046 7 13 6.10457 13 5C13 3.89543 12.1046 3 11 3C9.89543 3 9 3.89543 9 5ZM17 5L21 5M3 12H9M17 12H21M17 12C17 10.8954 16.1046 10 15 10C13.8954 10 13 10.8954 13 12C13 13.1046 13.8954 14 15 14C16.1046 14 17 13.1046 17 12ZM3 19H7M7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 17C7.89543 17 7 17.8954 7 19ZM15 19H21",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "SlidersH"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M3 5H9M9 5C9 6.10457 9.89543 7 11 7C12.1046 7 13 6.10457 13 5C13 3.89543 12.1046 3 11 3C9.89543 3 9 3.89543 9 5ZM17 5L21 5M3 12H9M17 12H21M17 12C17 10.8954 16.1046 10 15 10C13.8954 10 13 10.8954 13 12C13 13.1046 13.8954 14 15 14C16.1046 14 17 13.1046 17 12ZM3 19H7M7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 17C7.89543 17 7 17.8954 7 19ZM15 19H21",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "SlidersH"
 }
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
index 97851a57a0..85065c4202 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SlidersH.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SlidersH.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.json b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.json
index 2cb1df48f8..866143f2ae 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.json
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.json
@@ -1,112 +1,112 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_109_6694)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M0 2.86666C0 2.05664 0.656649 1.39999 1.46667 1.39999H5.86667C6.67668 1.39999 7.33333 2.05664 7.33333 2.86666C7.33333 3.27167 7.00501 3.59999 6.6 3.59999C6.19499 3.59999 5.86667 3.27167 5.86667 2.86666H4.4V7.99999C4.80501 7.99999 5.13333 8.32831 5.13333 8.73332C5.13333 9.13833 4.80501 9.46666 4.4 9.46666H2.93333C2.52832 9.46666 2.2 9.13833 2.2 8.73332C2.2 8.32831 2.52832 7.99999 2.93333 7.99999V2.86666H1.46667C1.46667 3.27167 1.13834 3.59999 0.733333 3.59999C0.328324 3.59999 0 3.27167 0 2.86666Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M13.8205 0.782296C13.7434 0.62811 13.5233 0.62811 13.4462 0.782296C12.9664 1.74206 12.8754 1.83302 11.9156 2.3129C11.7615 2.39 11.7615 2.61003 11.9156 2.68712C12.8754 3.167 12.9664 3.25797 13.4462 4.21773C13.5233 4.37191 13.7434 4.37191 13.8205 4.21773C14.3003 3.25797 14.3913 3.167 15.3511 2.68712C15.5053 2.61003 15.5053 2.39 15.3511 2.3129C14.3913 1.83302 14.3003 1.74206 13.8205 0.782296Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M9.79394 2.25319C9.71404 2.09337 9.48596 2.09337 9.40605 2.25319C9.04994 2.96543 8.96544 3.04993 8.2532 3.40605C8.09338 3.48595 8.09338 3.71402 8.2532 3.79393C8.96544 4.15005 9.04994 4.23455 9.40606 4.94679C9.48596 5.10661 9.71404 5.10661 9.79394 4.94679C10.1501 4.23455 10.2346 4.15005 10.9468 3.79393C11.1066 3.71402 11.1066 3.48595 10.9468 3.40605C10.2346 3.04993 10.1501 2.96543 9.79394 2.25319Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M2.75377 11.049C2.67668 10.8948 2.45665 10.8948 2.37956 11.049C1.89969 12.0087 1.80872 12.0997 0.848971 12.5796C0.694788 12.6566 0.694787 12.8767 0.848971 12.9538C1.80872 13.4336 1.89969 13.5246 2.37956 14.4844C2.45665 14.6385 2.67668 14.6385 2.75377 14.4844C3.23365 13.5246 3.32461 13.4336 4.28436 12.9538C4.43855 12.8767 4.43855 12.6566 4.28436 12.5796C3.32461 12.0997 3.23365 12.0087 2.75377 11.049Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M14.6741 8.65106C14.8886 8.50146 15.1837 8.55405 15.3333 8.76853C15.7614 9.38226 16.0125 10.1292 16.0125 10.9333C16.0125 11.7375 15.7614 12.4844 15.3333 13.0981C15.1837 13.3126 14.8886 13.3652 14.6741 13.2156C14.4596 13.066 14.407 12.7708 14.5567 12.5564C14.8775 12.0964 15.0656 11.5375 15.0656 10.9333C15.0656 10.3291 14.8775 9.77025 14.5567 9.31028C14.407 9.09581 14.4596 8.80066 14.6741 8.65106Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M12.5674 6.53771C12.794 6.51987 13.0155 6.61161 13.1632 6.78449C13.2954 6.93929 13.3164 7.12549 13.3244 7.21587C13.3334 7.31718 13.3334 7.44301 13.3333 7.57103C13.3333 7.57691 13.3333 7.58278 13.3333 7.58866L13.3333 14.3C13.3334 14.428 13.3334 14.5539 13.3244 14.6552C13.3164 14.7455 13.2954 14.9317 13.1632 15.0865C13.0155 15.2594 12.794 15.3512 12.5674 15.3333C12.3644 15.3173 12.2179 15.2005 12.1484 15.1423C12.0704 15.077 11.9814 14.988 11.8909 14.8975L10.3795 13.3861C10.3357 13.3423 10.3137 13.3205 10.2971 13.3053L10.2958 13.3041L10.2941 13.3041C10.2716 13.303 10.2407 13.3029 10.1787 13.3029L9.34101 13.3029C9.22151 13.3029 9.10513 13.3029 9.00657 13.2949C8.89833 13.286 8.77062 13.2652 8.6421 13.1997C8.46392 13.1089 8.31906 12.964 8.22827 12.7859C8.16279 12.6574 8.14192 12.5296 8.13308 12.4214C8.12503 12.3228 8.12504 12.2065 8.12505 12.087V9.79916C8.12505 9.79413 8.12505 9.78909 8.12505 9.78406C8.12504 9.66456 8.12503 9.54819 8.13308 9.44963C8.14192 9.34139 8.16279 9.21368 8.22827 9.08517C8.31906 8.90699 8.46392 8.76212 8.6421 8.67133C8.77062 8.60585 8.89833 8.58498 9.00657 8.57614C9.10512 8.56809 9.2215 8.5681 9.341 8.56812C9.34603 8.56812 9.35106 8.56812 9.3561 8.56812H10.1787C10.2407 8.56812 10.2716 8.56801 10.2941 8.56698L10.2958 8.5669L10.2971 8.56575C10.3137 8.55058 10.3357 8.52877 10.3795 8.48491L11.8784 6.98602C11.8826 6.98186 11.8867 6.97771 11.8909 6.97355C11.9814 6.88302 12.0704 6.79403 12.1484 6.72874C12.2179 6.67049 12.3644 6.55368 12.5674 6.53771Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_109_6694"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Speaker"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_109_6694)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M0 2.86666C0 2.05664 0.656649 1.39999 1.46667 1.39999H5.86667C6.67668 1.39999 7.33333 2.05664 7.33333 2.86666C7.33333 3.27167 7.00501 3.59999 6.6 3.59999C6.19499 3.59999 5.86667 3.27167 5.86667 2.86666H4.4V7.99999C4.80501 7.99999 5.13333 8.32831 5.13333 8.73332C5.13333 9.13833 4.80501 9.46666 4.4 9.46666H2.93333C2.52832 9.46666 2.2 9.13833 2.2 8.73332C2.2 8.32831 2.52832 7.99999 2.93333 7.99999V2.86666H1.46667C1.46667 3.27167 1.13834 3.59999 0.733333 3.59999C0.328324 3.59999 0 3.27167 0 2.86666Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M13.8205 0.782296C13.7434 0.62811 13.5233 0.62811 13.4462 0.782296C12.9664 1.74206 12.8754 1.83302 11.9156 2.3129C11.7615 2.39 11.7615 2.61003 11.9156 2.68712C12.8754 3.167 12.9664 3.25797 13.4462 4.21773C13.5233 4.37191 13.7434 4.37191 13.8205 4.21773C14.3003 3.25797 14.3913 3.167 15.3511 2.68712C15.5053 2.61003 15.5053 2.39 15.3511 2.3129C14.3913 1.83302 14.3003 1.74206 13.8205 0.782296Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M9.79394 2.25319C9.71404 2.09337 9.48596 2.09337 9.40605 2.25319C9.04994 2.96543 8.96544 3.04993 8.2532 3.40605C8.09338 3.48595 8.09338 3.71402 8.2532 3.79393C8.96544 4.15005 9.04994 4.23455 9.40606 4.94679C9.48596 5.10661 9.71404 5.10661 9.79394 4.94679C10.1501 4.23455 10.2346 4.15005 10.9468 3.79393C11.1066 3.71402 11.1066 3.48595 10.9468 3.40605C10.2346 3.04993 10.1501 2.96543 9.79394 2.25319Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M2.75377 11.049C2.67668 10.8948 2.45665 10.8948 2.37956 11.049C1.89969 12.0087 1.80872 12.0997 0.848971 12.5796C0.694788 12.6566 0.694787 12.8767 0.848971 12.9538C1.80872 13.4336 1.89969 13.5246 2.37956 14.4844C2.45665 14.6385 2.67668 14.6385 2.75377 14.4844C3.23365 13.5246 3.32461 13.4336 4.28436 12.9538C4.43855 12.8767 4.43855 12.6566 4.28436 12.5796C3.32461 12.0997 3.23365 12.0087 2.75377 11.049Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M14.6741 8.65106C14.8886 8.50146 15.1837 8.55405 15.3333 8.76853C15.7614 9.38226 16.0125 10.1292 16.0125 10.9333C16.0125 11.7375 15.7614 12.4844 15.3333 13.0981C15.1837 13.3126 14.8886 13.3652 14.6741 13.2156C14.4596 13.066 14.407 12.7708 14.5567 12.5564C14.8775 12.0964 15.0656 11.5375 15.0656 10.9333C15.0656 10.3291 14.8775 9.77025 14.5567 9.31028C14.407 9.09581 14.4596 8.80066 14.6741 8.65106Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M12.5674 6.53771C12.794 6.51987 13.0155 6.61161 13.1632 6.78449C13.2954 6.93929 13.3164 7.12549 13.3244 7.21587C13.3334 7.31718 13.3334 7.44301 13.3333 7.57103C13.3333 7.57691 13.3333 7.58278 13.3333 7.58866L13.3333 14.3C13.3334 14.428 13.3334 14.5539 13.3244 14.6552C13.3164 14.7455 13.2954 14.9317 13.1632 15.0865C13.0155 15.2594 12.794 15.3512 12.5674 15.3333C12.3644 15.3173 12.2179 15.2005 12.1484 15.1423C12.0704 15.077 11.9814 14.988 11.8909 14.8975L10.3795 13.3861C10.3357 13.3423 10.3137 13.3205 10.2971 13.3053L10.2958 13.3041L10.2941 13.3041C10.2716 13.303 10.2407 13.3029 10.1787 13.3029L9.34101 13.3029C9.22151 13.3029 9.10513 13.3029 9.00657 13.2949C8.89833 13.286 8.77062 13.2652 8.6421 13.1997C8.46392 13.1089 8.31906 12.964 8.22827 12.7859C8.16279 12.6574 8.14192 12.5296 8.13308 12.4214C8.12503 12.3228 8.12504 12.2065 8.12505 12.087V9.79916C8.12505 9.79413 8.12505 9.78909 8.12505 9.78406C8.12504 9.66456 8.12503 9.54819 8.13308 9.44963C8.14192 9.34139 8.16279 9.21368 8.22827 9.08517C8.31906 8.90699 8.46392 8.76212 8.6421 8.67133C8.77062 8.60585 8.89833 8.58498 9.00657 8.57614C9.10512 8.56809 9.2215 8.5681 9.341 8.56812C9.34603 8.56812 9.35106 8.56812 9.3561 8.56812H10.1787C10.2407 8.56812 10.2716 8.56801 10.2941 8.56698L10.2958 8.5669L10.2971 8.56575C10.3137 8.55058 10.3357 8.52877 10.3795 8.48491L11.8784 6.98602C11.8826 6.98186 11.8867 6.97771 11.8909 6.97355C11.9814 6.88302 12.0704 6.79403 12.1484 6.72874C12.2179 6.67049 12.3644 6.55368 12.5674 6.53771Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_109_6694"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Speaker"
 }
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
index d17916c05b..b2a626cb3c 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Speaker.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Speaker.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.json b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.json
index b0860433ee..adc811df07 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.json
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon",
-					"clip-path": "url(#clip0_467_1645)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon_2",
-							"d": "M1.5 3.9C1.5 3.05992 1.5 2.63988 1.66349 2.31901C1.8073 2.03677 2.03677 1.8073 2.31901 1.66349C2.63988 1.5 3.05992 1.5 3.9 1.5H8.1C8.94008 1.5 9.36012 1.5 9.68099 1.66349C9.96323 1.8073 10.1927 2.03677 10.3365 2.31901C10.5 2.63988 10.5 3.05992 10.5 3.9V8.1C10.5 8.94008 10.5 9.36012 10.3365 9.68099C10.1927 9.96323 9.96323 10.1927 9.68099 10.3365C9.36012 10.5 8.94008 10.5 8.1 10.5H3.9C3.05992 10.5 2.63988 10.5 2.31901 10.3365C2.03677 10.1927 1.8073 9.96323 1.66349 9.68099C1.5 9.36012 1.5 8.94008 1.5 8.1V3.9Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_467_1645"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "12",
-									"height": "12",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Stop"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon",
+          "clip-path": "url(#clip0_467_1645)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon_2",
+              "d": "M1.5 3.9C1.5 3.05992 1.5 2.63988 1.66349 2.31901C1.8073 2.03677 2.03677 1.8073 2.31901 1.66349C2.63988 1.5 3.05992 1.5 3.9 1.5H8.1C8.94008 1.5 9.36012 1.5 9.68099 1.66349C9.96323 1.8073 10.1927 2.03677 10.3365 2.31901C10.5 2.63988 10.5 3.05992 10.5 3.9V8.1C10.5 8.94008 10.5 9.36012 10.3365 9.68099C10.1927 9.96323 9.96323 10.1927 9.68099 10.3365C9.36012 10.5 8.94008 10.5 8.1 10.5H3.9C3.05992 10.5 2.63988 10.5 2.31901 10.3365C2.03677 10.1927 1.8073 9.96323 1.66349 9.68099C1.5 9.36012 1.5 8.94008 1.5 8.1V3.9Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_467_1645"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "12",
+                  "height": "12",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Stop"
 }
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
index 55e9d67506..0de4ec444a 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Stop.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Stop.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.json b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.json
index 3a211c78ce..43935d67cf 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.json
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.json
@@ -1,59 +1,59 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Icon_2"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.49967 14.6663C12.1816 14.6663 15.1663 11.6816 15.1663 7.99967C15.1663 4.31778 12.1816 1.33301 8.49967 1.33301C4.81778 1.33301 1.83301 4.31778 1.83301 7.99967C1.83301 11.6816 4.81778 14.6663 8.49967 14.6663Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.5",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M10.4997 5.99967H6.49967V9.99967H10.4997V5.99967Z",
-									"stroke": "currentColor",
-									"stroke-width": "1.5",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "StopCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Icon_2"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.49967 14.6663C12.1816 14.6663 15.1663 11.6816 15.1663 7.99967C15.1663 4.31778 12.1816 1.33301 8.49967 1.33301C4.81778 1.33301 1.83301 4.31778 1.83301 7.99967C1.83301 11.6816 4.81778 14.6663 8.49967 14.6663Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M10.4997 5.99967H6.49967V9.99967H10.4997V5.99967Z",
+                  "stroke": "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "StopCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
index 0e99a65359..996fe08104 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './StopCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './StopCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts b/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts
index 662f0fa5ab..163c433ac8 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts
@@ -2,5 +2,5 @@ export { default as Microphone01 } from './Microphone01'
 export { default as PlayCircle } from './PlayCircle'
 export { default as SlidersH } from './SlidersH'
 export { default as Speaker } from './Speaker'
-export { default as StopCircle } from './StopCircle'
 export { default as Stop } from './Stop'
+export { default as StopCircle } from './StopCircle'
diff --git a/web/app/components/base/icons/src/vender/line/others/BubbleX.json b/web/app/components/base/icons/src/vender/line/others/BubbleX.json
index 7991ed4981..a08864e90a 100644
--- a/web/app/components/base/icons/src/vender/line/others/BubbleX.json
+++ b/web/app/components/base/icons/src/vender/line/others/BubbleX.json
@@ -1,57 +1,57 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon L"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M3.33463 3.33333C2.96643 3.33333 2.66796 3.63181 2.66796 4V10.6667C2.66796 11.0349 2.96643 11.3333 3.33463 11.3333H4.66796C5.03615 11.3333 5.33463 11.6318 5.33463 12V12.8225L7.65833 11.4283C7.76194 11.3662 7.8805 11.3333 8.00132 11.3333H12.0013C12.3695 11.3333 12.668 11.0349 12.668 10.6667C12.668 10.2985 12.9665 10 13.3347 10C13.7028 10 14.0013 10.2985 14.0013 10.6667C14.0013 11.7713 13.1058 12.6667 12.0013 12.6667H8.18598L5.01095 14.5717C4.805 14.6952 4.5485 14.6985 4.33949 14.5801C4.13049 14.4618 4.00129 14.2402 4.00129 14V12.6667H3.33463C2.23006 12.6667 1.33463 11.7713 1.33463 10.6667V4C1.33463 2.89543 2.23006 2 3.33463 2H6.66798C7.03617 2 7.33464 2.29848 7.33464 2.66667C7.33464 3.03486 7.03617 3.33333 6.66798 3.33333H3.33463Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M8.74113 2.66667C8.74113 2.29848 9.03961 2 9.4078 2H10.331C10.9721 2 11.5177 2.43571 11.6859 3.04075L11.933 3.93004L12.8986 2.77189C13.3045 2.28508 13.9018 2 14.536 2H14.5954C14.9636 2 15.2621 2.29848 15.2621 2.66667C15.2621 3.03486 14.9636 3.33333 14.5954 3.33333H14.536C14.3048 3.33333 14.08 3.43702 13.9227 3.6257L12.367 5.49165L12.8609 7.2689C12.8746 7.31803 12.9105 7.33333 12.9312 7.33333H13.8543C14.2225 7.33333 14.521 7.63181 14.521 8C14.521 8.36819 14.2225 8.66667 13.8543 8.66667H12.9312C12.29 8.66667 11.7444 8.23095 11.5763 7.62591L11.3291 6.73654L10.3634 7.89478C9.95758 8.38159 9.36022 8.66667 8.72604 8.66667H8.66666C8.29847 8.66667 7.99999 8.36819 7.99999 8C7.99999 7.63181 8.29847 7.33333 8.66666 7.33333H8.72604C8.95723 7.33333 9.18204 7.22965 9.33935 7.04096L10.8951 5.17493L10.4012 3.39777C10.3876 3.34863 10.3516 3.33333 10.331 3.33333H9.4078C9.03961 3.33333 8.74113 3.03486 8.74113 2.66667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "BubbleX"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon L"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M3.33463 3.33333C2.96643 3.33333 2.66796 3.63181 2.66796 4V10.6667C2.66796 11.0349 2.96643 11.3333 3.33463 11.3333H4.66796C5.03615 11.3333 5.33463 11.6318 5.33463 12V12.8225L7.65833 11.4283C7.76194 11.3662 7.8805 11.3333 8.00132 11.3333H12.0013C12.3695 11.3333 12.668 11.0349 12.668 10.6667C12.668 10.2985 12.9665 10 13.3347 10C13.7028 10 14.0013 10.2985 14.0013 10.6667C14.0013 11.7713 13.1058 12.6667 12.0013 12.6667H8.18598L5.01095 14.5717C4.805 14.6952 4.5485 14.6985 4.33949 14.5801C4.13049 14.4618 4.00129 14.2402 4.00129 14V12.6667H3.33463C2.23006 12.6667 1.33463 11.7713 1.33463 10.6667V4C1.33463 2.89543 2.23006 2 3.33463 2H6.66798C7.03617 2 7.33464 2.29848 7.33464 2.66667C7.33464 3.03486 7.03617 3.33333 6.66798 3.33333H3.33463Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M8.74113 2.66667C8.74113 2.29848 9.03961 2 9.4078 2H10.331C10.9721 2 11.5177 2.43571 11.6859 3.04075L11.933 3.93004L12.8986 2.77189C13.3045 2.28508 13.9018 2 14.536 2H14.5954C14.9636 2 15.2621 2.29848 15.2621 2.66667C15.2621 3.03486 14.9636 3.33333 14.5954 3.33333H14.536C14.3048 3.33333 14.08 3.43702 13.9227 3.6257L12.367 5.49165L12.8609 7.2689C12.8746 7.31803 12.9105 7.33333 12.9312 7.33333H13.8543C14.2225 7.33333 14.521 7.63181 14.521 8C14.521 8.36819 14.2225 8.66667 13.8543 8.66667H12.9312C12.29 8.66667 11.7444 8.23095 11.5763 7.62591L11.3291 6.73654L10.3634 7.89478C9.95758 8.38159 9.36022 8.66667 8.72604 8.66667H8.66666C8.29847 8.66667 7.99999 8.36819 7.99999 8C7.99999 7.63181 8.29847 7.33333 8.66666 7.33333H8.72604C8.95723 7.33333 9.18204 7.22965 9.33935 7.04096L10.8951 5.17493L10.4012 3.39777C10.3876 3.34863 10.3516 3.33333 10.331 3.33333H9.4078C9.03961 3.33333 8.74113 3.03486 8.74113 2.66667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BubbleX"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx b/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
index 2d76dc87cb..0ecec0b958 100644
--- a/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BubbleX.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BubbleX.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Colors.json b/web/app/components/base/icons/src/vender/line/others/Colors.json
index 904e39fd18..63a7c92c8b 100644
--- a/web/app/components/base/icons/src/vender/line/others/Colors.json
+++ b/web/app/components/base/icons/src/vender/line/others/Colors.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "colors",
-					"clip-path": "url(#clip0_18499_53582)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M7.00032 11.9422C7.61954 12.4964 8.43724 12.8334 9.33366 12.8334C11.2667 12.8334 12.8337 11.2664 12.8337 9.33342C12.8337 7.71938 11.7411 6.36051 10.2552 5.95602M3.74543 5.95601C2.25954 6.3605 1.16699 7.71937 1.16699 9.33341C1.16699 11.2664 2.734 12.8334 4.66699 12.8334C6.59999 12.8334 8.16699 11.2664 8.16699 9.33341C8.16699 8.87813 8.08006 8.44314 7.92189 8.04415M10.5003 4.66675C10.5003 6.59974 8.93332 8.16675 7.00033 8.16675C5.06733 8.16675 3.50033 6.59974 3.50033 4.66675C3.50033 2.73375 5.06733 1.16675 7.00033 1.16675C8.93332 1.16675 10.5003 2.73375 10.5003 4.66675Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_18499_53582"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "14",
-									"height": "14",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Colors"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "colors",
+          "clip-path": "url(#clip0_18499_53582)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M7.00032 11.9422C7.61954 12.4964 8.43724 12.8334 9.33366 12.8334C11.2667 12.8334 12.8337 11.2664 12.8337 9.33342C12.8337 7.71938 11.7411 6.36051 10.2552 5.95602M3.74543 5.95601C2.25954 6.3605 1.16699 7.71937 1.16699 9.33341C1.16699 11.2664 2.734 12.8334 4.66699 12.8334C6.59999 12.8334 8.16699 11.2664 8.16699 9.33341C8.16699 8.87813 8.08006 8.44314 7.92189 8.04415M10.5003 4.66675C10.5003 6.59974 8.93332 8.16675 7.00033 8.16675C5.06733 8.16675 3.50033 6.59974 3.50033 4.66675C3.50033 2.73375 5.06733 1.16675 7.00033 1.16675C8.93332 1.16675 10.5003 2.73375 10.5003 4.66675Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_18499_53582"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "14",
+                  "height": "14",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Colors"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/Colors.tsx b/web/app/components/base/icons/src/vender/line/others/Colors.tsx
index ef04c1c5dc..a0fff0474c 100644
--- a/web/app/components/base/icons/src/vender/line/others/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Colors.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Colors.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Colors.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/DragHandle.json b/web/app/components/base/icons/src/vender/line/others/DragHandle.json
index ee1803c15c..91c34f4079 100644
--- a/web/app/components/base/icons/src/vender/line/others/DragHandle.json
+++ b/web/app/components/base/icons/src/vender/line/others/DragHandle.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Drag Handle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "drag-handle",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5ZM6 9C6.55228 9 7 8.55228 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9ZM11 4C11 4.55228 10.5523 5 10 5C9.44772 5 9 4.55228 9 4C9 3.44772 9.44772 3 10 3C10.5523 3 11 3.44772 11 4ZM10 9C10.5523 9 11 8.55228 11 8C11 7.44772 10.5523 7 10 7C9.44772 7 9 7.44772 9 8C9 8.55228 9.44772 9 10 9ZM7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12ZM10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44772 11 9 11.4477 9 12C9 12.5523 9.44772 13 10 13Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "DragHandle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Drag Handle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "drag-handle",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5ZM6 9C6.55228 9 7 8.55228 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9ZM11 4C11 4.55228 10.5523 5 10 5C9.44772 5 9 4.55228 9 4C9 3.44772 9.44772 3 10 3C10.5523 3 11 3.44772 11 4ZM10 9C10.5523 9 11 8.55228 11 8C11 7.44772 10.5523 7 10 7C9.44772 7 9 7.44772 9 8C9 8.55228 9.44772 9 10 9ZM7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12ZM10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44772 11 9 11.4477 9 12C9 12.5523 9.44772 13 10 13Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "DragHandle"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx b/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
index 798384ed18..05ad3c1037 100644
--- a/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DragHandle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DragHandle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Env.json b/web/app/components/base/icons/src/vender/line/others/Env.json
index 0cca4da4c4..466803b581 100644
--- a/web/app/components/base/icons/src/vender/line/others/Env.json
+++ b/web/app/components/base/icons/src/vender/line/others/Env.json
@@ -1,90 +1,90 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "env"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.33325 3.33325C1.33325 2.22868 2.22868 1.33325 3.33325 1.33325H12.6666C13.7712 1.33325 14.6666 2.22869 14.6666 3.33325V3.66659C14.6666 4.03478 14.3681 4.33325 13.9999 4.33325C13.6317 4.33325 13.3333 4.03478 13.3333 3.66659V3.33325C13.3333 2.96506 13.0348 2.66659 12.6666 2.66659H3.33325C2.96506 2.66659 2.66659 2.96506 2.66659 3.33325V3.66659C2.66659 4.03478 2.36811 4.33325 1.99992 4.33325C1.63173 4.33325 1.33325 4.03478 1.33325 3.66659V3.33325Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M14.6666 12.6666C14.6666 13.7712 13.7712 14.6666 12.6666 14.6666L3.33325 14.6666C2.22866 14.6666 1.33325 13.7711 1.33325 12.6666L1.33325 12.3333C1.33325 11.9651 1.63173 11.6666 1.99992 11.6666C2.36811 11.6666 2.66659 11.9651 2.66659 12.3333V12.6666C2.66659 13.0348 2.96505 13.3333 3.33325 13.3333L12.6666 13.3333C13.0348 13.3333 13.3333 13.0348 13.3333 12.6666V12.3333C13.3333 11.9651 13.6317 11.6666 13.9999 11.6666C14.3681 11.6666 14.6666 11.9651 14.6666 12.3333V12.6666Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.33325 5.99992C1.33325 5.63173 1.63173 5.33325 1.99992 5.33325H4.33325C4.70144 5.33325 4.99992 5.63173 4.99992 5.99992C4.99992 6.36811 4.70144 6.66658 4.33325 6.66658H2.66659V7.33325H3.99992C4.36811 7.33325 4.66659 7.63173 4.66659 7.99992C4.66659 8.36811 4.36811 8.66658 3.99992 8.66658H2.66659V9.33325H4.33325C4.70144 9.33325 4.99992 9.63173 4.99992 9.99992C4.99992 10.3681 4.70144 10.6666 4.33325 10.6666H1.99992C1.63173 10.6666 1.33325 10.3681 1.33325 9.99992V5.99992Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M6.4734 5.36186C6.75457 5.27673 7.05833 5.38568 7.22129 5.63012L8.66659 7.79807V5.99992C8.66659 5.63173 8.96506 5.33325 9.33325 5.33325C9.70144 5.33325 9.99992 5.63173 9.99992 5.99992V9.99992C9.99992 10.2937 9.80761 10.5528 9.52644 10.638C9.24527 10.7231 8.94151 10.6142 8.77855 10.3697L7.33325 8.20177V9.99992C7.33325 10.3681 7.03478 10.6666 6.66659 10.6666C6.2984 10.6666 5.99992 10.3681 5.99992 9.99992V5.99992C5.99992 5.70614 6.19222 5.44699 6.4734 5.36186Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M11.0768 5.38453C11.4167 5.24292 11.807 5.40364 11.9486 5.74351L12.9999 8.26658L14.0512 5.74351C14.1928 5.40364 14.5831 5.24292 14.923 5.38453C15.2629 5.52614 15.4236 5.91646 15.282 6.25633L13.6153 10.2563C13.5118 10.5048 13.2691 10.6666 12.9999 10.6666C12.7308 10.6666 12.488 10.5048 12.3845 10.2563L10.7179 6.25633C10.5763 5.91646 10.737 5.52614 11.0768 5.38453Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Env"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "env"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.33325 3.33325C1.33325 2.22868 2.22868 1.33325 3.33325 1.33325H12.6666C13.7712 1.33325 14.6666 2.22869 14.6666 3.33325V3.66659C14.6666 4.03478 14.3681 4.33325 13.9999 4.33325C13.6317 4.33325 13.3333 4.03478 13.3333 3.66659V3.33325C13.3333 2.96506 13.0348 2.66659 12.6666 2.66659H3.33325C2.96506 2.66659 2.66659 2.96506 2.66659 3.33325V3.66659C2.66659 4.03478 2.36811 4.33325 1.99992 4.33325C1.63173 4.33325 1.33325 4.03478 1.33325 3.66659V3.33325Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M14.6666 12.6666C14.6666 13.7712 13.7712 14.6666 12.6666 14.6666L3.33325 14.6666C2.22866 14.6666 1.33325 13.7711 1.33325 12.6666L1.33325 12.3333C1.33325 11.9651 1.63173 11.6666 1.99992 11.6666C2.36811 11.6666 2.66659 11.9651 2.66659 12.3333V12.6666C2.66659 13.0348 2.96505 13.3333 3.33325 13.3333L12.6666 13.3333C13.0348 13.3333 13.3333 13.0348 13.3333 12.6666V12.3333C13.3333 11.9651 13.6317 11.6666 13.9999 11.6666C14.3681 11.6666 14.6666 11.9651 14.6666 12.3333V12.6666Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.33325 5.99992C1.33325 5.63173 1.63173 5.33325 1.99992 5.33325H4.33325C4.70144 5.33325 4.99992 5.63173 4.99992 5.99992C4.99992 6.36811 4.70144 6.66658 4.33325 6.66658H2.66659V7.33325H3.99992C4.36811 7.33325 4.66659 7.63173 4.66659 7.99992C4.66659 8.36811 4.36811 8.66658 3.99992 8.66658H2.66659V9.33325H4.33325C4.70144 9.33325 4.99992 9.63173 4.99992 9.99992C4.99992 10.3681 4.70144 10.6666 4.33325 10.6666H1.99992C1.63173 10.6666 1.33325 10.3681 1.33325 9.99992V5.99992Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M6.4734 5.36186C6.75457 5.27673 7.05833 5.38568 7.22129 5.63012L8.66659 7.79807V5.99992C8.66659 5.63173 8.96506 5.33325 9.33325 5.33325C9.70144 5.33325 9.99992 5.63173 9.99992 5.99992V9.99992C9.99992 10.2937 9.80761 10.5528 9.52644 10.638C9.24527 10.7231 8.94151 10.6142 8.77855 10.3697L7.33325 8.20177V9.99992C7.33325 10.3681 7.03478 10.6666 6.66659 10.6666C6.2984 10.6666 5.99992 10.3681 5.99992 9.99992V5.99992C5.99992 5.70614 6.19222 5.44699 6.4734 5.36186Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M11.0768 5.38453C11.4167 5.24292 11.807 5.40364 11.9486 5.74351L12.9999 8.26658L14.0512 5.74351C14.1928 5.40364 14.5831 5.24292 14.923 5.38453C15.2629 5.52614 15.4236 5.91646 15.282 6.25633L13.6153 10.2563C13.5118 10.5048 13.2691 10.6666 12.9999 10.6666C12.7308 10.6666 12.488 10.5048 12.3845 10.2563L10.7179 6.25633C10.5763 5.91646 10.737 5.52614 11.0768 5.38453Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Env"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/Env.tsx b/web/app/components/base/icons/src/vender/line/others/Env.tsx
index 23d0ce3df2..aa4974d947 100644
--- a/web/app/components/base/icons/src/vender/line/others/Env.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Env.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Env.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Env.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.json b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.json
index 600c803f32..5de5aadab8 100644
--- a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.json
+++ b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M6.23814 1.33333H9.76188C10.4844 1.33332 11.0672 1.33332 11.5391 1.37187C12.025 1.41157 12.4518 1.49545 12.8466 1.69664C13.4739 2.01622 13.9838 2.52615 14.3034 3.15336C14.5046 3.54822 14.5884 3.97501 14.6281 4.46091C14.6667 4.93283 14.6667 5.51559 14.6667 6.23811V9.76188C14.6667 10.4844 14.6667 11.0672 14.6281 11.5391C14.5884 12.025 14.5046 12.4518 14.3034 12.8466C13.9838 13.4738 13.4739 13.9838 12.8466 14.3033C12.4518 14.5045 12.025 14.5884 11.5391 14.6281C11.0672 14.6667 10.4844 14.6667 9.7619 14.6667H6.23812C5.51561 14.6667 4.93284 14.6667 4.46093 14.6281C3.97503 14.5884 3.54824 14.5045 3.15338 14.3033C2.52617 13.9838 2.01623 13.4738 1.69666 12.8466C1.49546 12.4518 1.41159 12.025 1.37189 11.5391C1.33333 11.0672 1.33334 10.4844 1.33334 9.76187V6.23812C1.33334 5.5156 1.33333 4.93283 1.37189 4.46091C1.41159 3.97501 1.49546 3.54822 1.69666 3.15336C2.01623 2.52615 2.52617 2.01622 3.15338 1.69664C3.54824 1.49545 3.97503 1.41157 4.46093 1.37187C4.93285 1.33332 5.51561 1.33332 6.23814 1.33333ZM4.5695 2.70078C4.16606 2.73374 3.93427 2.79519 3.7587 2.88465C3.38237 3.0764 3.07641 3.38236 2.88466 3.75868C2.79521 3.93425 2.73376 4.16604 2.70079 4.56949C2.6672 4.98072 2.66668 5.50892 2.66668 6.26666V9.73333C2.66668 10.4911 2.6672 11.0193 2.70079 11.4305C2.73376 11.8339 2.79521 12.0657 2.88466 12.2413C3.07641 12.6176 3.38237 12.9236 3.7587 13.1153C3.93427 13.2048 4.16606 13.2662 4.5695 13.2992C4.98073 13.3328 5.50894 13.3333 6.26668 13.3333H9.73334C10.4911 13.3333 11.0193 13.3328 11.4305 13.2992C11.834 13.2662 12.0658 13.2048 12.2413 13.1153C12.6176 12.9236 12.9236 12.6176 13.1154 12.2413C13.2048 12.0657 13.2663 11.8339 13.2992 11.4305C13.3328 11.0193 13.3333 10.4911 13.3333 9.73333V6.26666C13.3333 5.50892 13.3328 4.98072 13.2992 4.56949C13.2663 4.16604 13.2048 3.93425 13.1154 3.75868C12.9236 3.38236 12.6176 3.0764 12.2413 2.88465C12.0658 2.79519 11.834 2.73374 11.4305 2.70078C11.0193 2.66718 10.4911 2.66666 9.73334 2.66666H6.26668C5.50894 2.66666 4.98073 2.66718 4.5695 2.70078ZM5.08339 5.33333C5.08339 4.96514 5.38187 4.66666 5.75006 4.66666H6.68433C7.324 4.66666 7.87606 5.09677 8.04724 5.70542L8.30138 6.60902L9.2915 5.43554C9.7018 4.94926 10.3035 4.66666 10.9399 4.66666H11C11.3682 4.66666 11.6667 4.96514 11.6667 5.33333C11.6667 5.70152 11.3682 5.99999 11 5.99999H10.9399C10.7005 5.99999 10.4702 6.10616 10.3106 6.29537L8.73751 8.15972L9.23641 9.93357C9.24921 9.97909 9.28574 10 9.31579 10H10.2501C10.6182 10 10.9167 10.2985 10.9167 10.6667C10.9167 11.0349 10.6182 11.3333 10.2501 11.3333H9.31579C8.67612 11.3333 8.12406 10.9032 7.95288 10.2946L7.69871 9.39088L6.70852 10.5644C6.29822 11.0507 5.6965 11.3333 5.06011 11.3333H5.00001C4.63182 11.3333 4.33334 11.0349 4.33334 10.6667C4.33334 10.2985 4.63182 10 5.00001 10H5.06011C5.29949 10 5.52982 9.89383 5.68946 9.70462L7.26258 7.84019L6.76371 6.06642C6.75091 6.0209 6.71438 5.99999 6.68433 5.99999H5.75006C5.38187 5.99999 5.08339 5.70152 5.08339 5.33333Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "GlobalVariable"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M6.23814 1.33333H9.76188C10.4844 1.33332 11.0672 1.33332 11.5391 1.37187C12.025 1.41157 12.4518 1.49545 12.8466 1.69664C13.4739 2.01622 13.9838 2.52615 14.3034 3.15336C14.5046 3.54822 14.5884 3.97501 14.6281 4.46091C14.6667 4.93283 14.6667 5.51559 14.6667 6.23811V9.76188C14.6667 10.4844 14.6667 11.0672 14.6281 11.5391C14.5884 12.025 14.5046 12.4518 14.3034 12.8466C13.9838 13.4738 13.4739 13.9838 12.8466 14.3033C12.4518 14.5045 12.025 14.5884 11.5391 14.6281C11.0672 14.6667 10.4844 14.6667 9.7619 14.6667H6.23812C5.51561 14.6667 4.93284 14.6667 4.46093 14.6281C3.97503 14.5884 3.54824 14.5045 3.15338 14.3033C2.52617 13.9838 2.01623 13.4738 1.69666 12.8466C1.49546 12.4518 1.41159 12.025 1.37189 11.5391C1.33333 11.0672 1.33334 10.4844 1.33334 9.76187V6.23812C1.33334 5.5156 1.33333 4.93283 1.37189 4.46091C1.41159 3.97501 1.49546 3.54822 1.69666 3.15336C2.01623 2.52615 2.52617 2.01622 3.15338 1.69664C3.54824 1.49545 3.97503 1.41157 4.46093 1.37187C4.93285 1.33332 5.51561 1.33332 6.23814 1.33333ZM4.5695 2.70078C4.16606 2.73374 3.93427 2.79519 3.7587 2.88465C3.38237 3.0764 3.07641 3.38236 2.88466 3.75868C2.79521 3.93425 2.73376 4.16604 2.70079 4.56949C2.6672 4.98072 2.66668 5.50892 2.66668 6.26666V9.73333C2.66668 10.4911 2.6672 11.0193 2.70079 11.4305C2.73376 11.8339 2.79521 12.0657 2.88466 12.2413C3.07641 12.6176 3.38237 12.9236 3.7587 13.1153C3.93427 13.2048 4.16606 13.2662 4.5695 13.2992C4.98073 13.3328 5.50894 13.3333 6.26668 13.3333H9.73334C10.4911 13.3333 11.0193 13.3328 11.4305 13.2992C11.834 13.2662 12.0658 13.2048 12.2413 13.1153C12.6176 12.9236 12.9236 12.6176 13.1154 12.2413C13.2048 12.0657 13.2663 11.8339 13.2992 11.4305C13.3328 11.0193 13.3333 10.4911 13.3333 9.73333V6.26666C13.3333 5.50892 13.3328 4.98072 13.2992 4.56949C13.2663 4.16604 13.2048 3.93425 13.1154 3.75868C12.9236 3.38236 12.6176 3.0764 12.2413 2.88465C12.0658 2.79519 11.834 2.73374 11.4305 2.70078C11.0193 2.66718 10.4911 2.66666 9.73334 2.66666H6.26668C5.50894 2.66666 4.98073 2.66718 4.5695 2.70078ZM5.08339 5.33333C5.08339 4.96514 5.38187 4.66666 5.75006 4.66666H6.68433C7.324 4.66666 7.87606 5.09677 8.04724 5.70542L8.30138 6.60902L9.2915 5.43554C9.7018 4.94926 10.3035 4.66666 10.9399 4.66666H11C11.3682 4.66666 11.6667 4.96514 11.6667 5.33333C11.6667 5.70152 11.3682 5.99999 11 5.99999H10.9399C10.7005 5.99999 10.4702 6.10616 10.3106 6.29537L8.73751 8.15972L9.23641 9.93357C9.24921 9.97909 9.28574 10 9.31579 10H10.2501C10.6182 10 10.9167 10.2985 10.9167 10.6667C10.9167 11.0349 10.6182 11.3333 10.2501 11.3333H9.31579C8.67612 11.3333 8.12406 10.9032 7.95288 10.2946L7.69871 9.39088L6.70852 10.5644C6.29822 11.0507 5.6965 11.3333 5.06011 11.3333H5.00001C4.63182 11.3333 4.33334 11.0349 4.33334 10.6667C4.33334 10.2985 4.63182 10 5.00001 10H5.06011C5.29949 10 5.52982 9.89383 5.68946 9.70462L7.26258 7.84019L6.76371 6.06642C6.75091 6.0209 6.71438 5.99999 6.68433 5.99999H5.75006C5.38187 5.99999 5.08339 5.70152 5.08339 5.33333Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "GlobalVariable"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
index 3f28717a84..c263e8ec9d 100644
--- a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './GlobalVariable.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './GlobalVariable.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.json b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.json
index cd56eea903..0358280de1 100644
--- a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.json
+++ b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon-3-dots"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Icon3Dots"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon-3-dots"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Icon3Dots"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
index 7b2390f7c1..bd0bf9d450 100644
--- a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Icon3Dots.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Icon3Dots.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.json b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.json
index 43074803fe..c0d9b9a4fe 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.json
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "21",
-			"height": "8",
-			"viewBox": "0 0 21 8",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M0.646446 3.64645C0.451185 3.84171 0.451185 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646446 3.64645ZM21 3.5L1 3.5V4.5L21 4.5V3.5Z",
-					"fill": "currentColor",
-					"fill-opacity": "0.3"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "LongArrowLeft"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "21",
+      "height": "8",
+      "viewBox": "0 0 21 8",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M0.646446 3.64645C0.451185 3.84171 0.451185 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646446 3.64645ZM21 3.5L1 3.5V4.5L21 4.5V3.5Z",
+          "fill": "currentColor",
+          "fill-opacity": "0.3"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "LongArrowLeft"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
index 73e3fd6710..55997419e4 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LongArrowLeft.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LongArrowLeft.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.json b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.json
index df05126c9a..a6c4865261 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.json
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "26",
-			"height": "8",
-			"viewBox": "0 0 26 8",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M25.3536 4.35355C25.5488 4.15829 25.5488 3.84171 25.3536 3.64644L22.1716 0.464465C21.9763 0.269202 21.6597 0.269202 21.4645 0.464465C21.2692 0.659727 21.2692 0.976309 21.4645 1.17157L24.2929 4L21.4645 6.82843C21.2692 7.02369 21.2692 7.34027 21.4645 7.53553C21.6597 7.73079 21.9763 7.73079 22.1716 7.53553L25.3536 4.35355ZM3.59058e-08 4.5L25 4.5L25 3.5L-3.59058e-08 3.5L3.59058e-08 4.5Z",
-					"fill": "currentColor",
-					"fill-opacity": "0.3"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "LongArrowRight"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "26",
+      "height": "8",
+      "viewBox": "0 0 26 8",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M25.3536 4.35355C25.5488 4.15829 25.5488 3.84171 25.3536 3.64644L22.1716 0.464465C21.9763 0.269202 21.6597 0.269202 21.4645 0.464465C21.2692 0.659727 21.2692 0.976309 21.4645 1.17157L24.2929 4L21.4645 6.82843C21.2692 7.02369 21.2692 7.34027 21.4645 7.53553C21.6597 7.73079 21.9763 7.73079 22.1716 7.53553L25.3536 4.35355ZM3.59058e-08 4.5L25 4.5L25 3.5L-3.59058e-08 3.5L3.59058e-08 4.5Z",
+          "fill": "currentColor",
+          "fill-opacity": "0.3"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "LongArrowRight"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
index e186b10654..6c8bd988fe 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LongArrowRight.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LongArrowRight.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/SearchMenu.json b/web/app/components/base/icons/src/vender/line/others/SearchMenu.json
index 5854f25339..0214572633 100644
--- a/web/app/components/base/icons/src/vender/line/others/SearchMenu.json
+++ b/web/app/components/base/icons/src/vender/line/others/SearchMenu.json
@@ -1,77 +1,77 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "32",
-			"viewBox": "0 0 32 32",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M28.0049 16C28.0049 20.4183 24.4231 24 20.0049 24C15.5866 24 12.0049 20.4183 12.0049 16C12.0049 11.5817 15.5866 8 20.0049 8C24.4231 8 28.0049 11.5817 28.0049 16Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 16H6.67155",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 9.33334H8.00488",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.00488 22.6667H8.00488",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M26 22L29.3333 25.3333",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "SearchMenu"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "32",
+      "viewBox": "0 0 32 32",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M28.0049 16C28.0049 20.4183 24.4231 24 20.0049 24C15.5866 24 12.0049 20.4183 12.0049 16C12.0049 11.5817 15.5866 8 20.0049 8C24.4231 8 28.0049 11.5817 28.0049 16Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 16H6.67155",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 9.33334H8.00488",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.00488 22.6667H8.00488",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M26 22L29.3333 25.3333",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "SearchMenu"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/SearchMenu.tsx b/web/app/components/base/icons/src/vender/line/others/SearchMenu.tsx
index 497f24a984..36b3e6ab96 100644
--- a/web/app/components/base/icons/src/vender/line/others/SearchMenu.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/SearchMenu.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SearchMenu.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SearchMenu.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Tools.json b/web/app/components/base/icons/src/vender/line/others/Tools.json
index 12068ada07..84f4b15b85 100644
--- a/web/app/components/base/icons/src/vender/line/others/Tools.json
+++ b/web/app/components/base/icons/src/vender/line/others/Tools.json
@@ -1,119 +1,119 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "17",
-			"viewBox": "0 0 16 17",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Tools",
-					"clip-path": "url(#clip0_5381_39479)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "vector",
-							"d": "M13.4375 14.4375V6.8125H2.5625V14.4375C2.5625 14.9898 3.01022 15.4375 3.5625 15.4375H12.4375C12.9898 15.4375 13.4375 14.9898 13.4375 14.4375Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "vector_2",
-							"d": "M13.6254 2.875L11.1738 6.47327",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "vector_3",
-							"d": "M6.3125 9.8125H9.6875",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "vector_4",
-							"d": "M8.63355 1.88044L8.75 1.64754L8.86645 1.88044C8.97531 2.09816 9.15184 2.27469 9.36956 2.38355L9.60246 2.5L9.36956 2.61645C9.15184 2.72531 8.97531 2.90184 8.86645 3.11956L8.75 3.35246L8.63355 3.11956C8.52469 2.90184 8.34816 2.72531 8.13044 2.61645L7.89754 2.5L8.13044 2.38355C8.34816 2.27469 8.52469 2.09816 8.63355 1.88044Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "square",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "vector_5",
-							"d": "M4.625 3.14754L4.61865 3.16025C4.51946 3.35862 4.35862 3.51946 4.16025 3.61865L4.14754 3.625L4.16025 3.63135C4.35862 3.73054 4.51946 3.89138 4.61865 4.08975L4.625 4.10246L4.63135 4.08975C4.73054 3.89138 4.89138 3.73054 5.08975 3.63135L5.10246 3.625L5.08975 3.61865C4.89138 3.51946 4.73054 3.35862 4.63135 3.16025L4.625 3.14754ZM4.625 3.14754L4.63135 3.16025L4.625 3.14754Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "square",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_5381_39479"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white",
-									"transform": "translate(0 0.5)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Tools"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "17",
+      "viewBox": "0 0 16 17",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Tools",
+          "clip-path": "url(#clip0_5381_39479)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "vector",
+              "d": "M13.4375 14.4375V6.8125H2.5625V14.4375C2.5625 14.9898 3.01022 15.4375 3.5625 15.4375H12.4375C12.9898 15.4375 13.4375 14.9898 13.4375 14.4375Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "vector_2",
+              "d": "M13.6254 2.875L11.1738 6.47327",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "vector_3",
+              "d": "M6.3125 9.8125H9.6875",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "vector_4",
+              "d": "M8.63355 1.88044L8.75 1.64754L8.86645 1.88044C8.97531 2.09816 9.15184 2.27469 9.36956 2.38355L9.60246 2.5L9.36956 2.61645C9.15184 2.72531 8.97531 2.90184 8.86645 3.11956L8.75 3.35246L8.63355 3.11956C8.52469 2.90184 8.34816 2.72531 8.13044 2.61645L7.89754 2.5L8.13044 2.38355C8.34816 2.27469 8.52469 2.09816 8.63355 1.88044Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "square",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "vector_5",
+              "d": "M4.625 3.14754L4.61865 3.16025C4.51946 3.35862 4.35862 3.51946 4.16025 3.61865L4.14754 3.625L4.16025 3.63135C4.35862 3.73054 4.51946 3.89138 4.61865 4.08975L4.625 4.10246L4.63135 4.08975C4.73054 3.89138 4.89138 3.73054 5.08975 3.63135L5.10246 3.625L5.08975 3.61865C4.89138 3.51946 4.73054 3.35862 4.63135 3.16025L4.625 3.14754ZM4.625 3.14754L4.63135 3.16025L4.625 3.14754Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "square",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_5381_39479"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white",
+                  "transform": "translate(0 0.5)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Tools"
 }
diff --git a/web/app/components/base/icons/src/vender/line/others/Tools.tsx b/web/app/components/base/icons/src/vender/line/others/Tools.tsx
index 018522f519..2f543c2e13 100644
--- a/web/app/components/base/icons/src/vender/line/others/Tools.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Tools.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Tools.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Tools.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.json b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.json
index bfeea58e92..7feabb588c 100644
--- a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.json
+++ b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.json
@@ -1,98 +1,98 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "17",
-			"viewBox": "0 0 16 17",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "cube-outline"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.26865 1.29003C8.09143 1.25358 7.90866 1.25358 7.73144 1.29003C7.52659 1.33216 7.3435 1.43471 7.19794 1.51624L7.15826 1.53841L6.17628 2.08395C5.85443 2.26276 5.73846 2.66863 5.91727 2.99049C6.09608 3.31234 6.50195 3.4283 6.82381 3.24949L7.80579 2.70395C7.90681 2.64782 7.95839 2.61946 7.99686 2.60091L8.00004 2.59938L8.00323 2.60091C8.0417 2.61946 8.09327 2.64782 8.1943 2.70395L9.17628 3.24949C9.49814 3.4283 9.90401 3.31234 10.0828 2.99048C10.2616 2.66863 10.1457 2.26276 9.82381 2.08395L8.84183 1.53841L8.80215 1.51624C8.65659 1.43471 8.4735 1.33216 8.26865 1.29003Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.8238 3.75062C12.5019 3.57181 12.0961 3.68777 11.9173 4.00963C11.7385 4.33148 11.8544 4.73735 12.1763 4.91616L12.6272 5.16668L12.1763 5.41719C11.8545 5.596 11.7385 6.00186 11.9173 6.32372C12.0961 6.64558 12.502 6.76154 12.8238 6.58273L13.3334 6.29966V6.83339C13.3334 7.20158 13.6319 7.50006 14 7.50006C14.3682 7.50006 14.6667 7.20158 14.6667 6.83339V5.79435L14.6668 5.74627C14.6673 5.62441 14.6678 5.48084 14.6452 5.33482C14.6869 5.17472 14.6696 4.99892 14.5829 4.84286C14.4904 4.6764 14.3371 4.56501 14.1662 4.52099C14.0496 4.43038 13.9239 4.36116 13.8173 4.3024L13.7752 4.27915L12.8238 3.75062Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.8238 4.91616C4.14566 4.73735 4.26162 4.33148 4.08281 4.00963C3.90401 3.68777 3.49814 3.57181 3.17628 3.75062L2.22493 4.27915L2.18284 4.3024C2.07615 4.36116 1.95045 4.4304 1.83382 4.52102C1.66295 4.56506 1.50977 4.67643 1.41731 4.84286C1.33065 4.99886 1.31323 5.17459 1.35493 5.33464C1.33229 5.48072 1.33281 5.62436 1.33326 5.74627L1.33338 5.79435V6.83339C1.33338 7.20158 1.63185 7.50006 2.00004 7.50006C2.36823 7.50006 2.66671 7.20158 2.66671 6.83339V6.29961L3.17632 6.58273C3.49817 6.76154 3.90404 6.64558 4.08285 6.32372C4.26166 6.00186 4.1457 5.596 3.82384 5.41719L3.3729 5.16666L3.8238 4.91616Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.66671 10.1667C2.66671 9.79853 2.36823 9.50006 2.00004 9.50006C1.63185 9.50006 1.33338 9.79853 1.33338 10.1667V11.2058L1.33326 11.2538C1.33262 11.4298 1.33181 11.6509 1.40069 11.8594C1.46024 12.0397 1.55759 12.2051 1.68622 12.3447C1.835 12.5061 2.02873 12.6128 2.18281 12.6977L2.22493 12.721L3.17628 13.2495C3.49814 13.4283 3.90401 13.3123 4.08281 12.9905C4.26162 12.6686 4.14566 12.2628 3.8238 12.084L2.87245 11.5554C2.76582 11.4962 2.71137 11.4656 2.67318 11.4413L2.66995 11.4392L2.66971 11.4354C2.66699 11.3902 2.66671 11.3277 2.66671 11.2058V10.1667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M14.6667 10.1667C14.6667 9.79853 14.3682 9.50006 14 9.50006C13.6319 9.50006 13.3334 9.79853 13.3334 10.1667V11.2058C13.3334 11.3277 13.3331 11.3902 13.3304 11.4354L13.3301 11.4392L13.3269 11.4413C13.2887 11.4656 13.2343 11.4962 13.1276 11.5554L12.1763 12.084C11.8544 12.2628 11.7385 12.6686 11.9173 12.9905C12.0961 13.3123 12.5019 13.4283 12.8238 13.2495L13.7752 12.721L13.8172 12.6977C13.9713 12.6128 14.1651 12.5061 14.3139 12.3447C14.4425 12.2051 14.5398 12.0397 14.5994 11.8594C14.6683 11.6509 14.6675 11.4298 14.6668 11.2538L14.6667 11.2058V10.1667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.82381 13.7506C6.50195 13.5718 6.09608 13.6878 5.91727 14.0096C5.73846 14.3315 5.85443 14.7374 6.17628 14.9162L7.15826 15.4617L7.19793 15.4839C7.29819 15.54 7.41625 15.6061 7.54696 15.6556C7.66589 15.7659 7.82512 15.8333 8.00008 15.8333C8.17507 15.8333 8.33431 15.7659 8.45324 15.6556C8.58391 15.6061 8.70193 15.54 8.80215 15.4839L8.84183 15.4617L9.82381 14.9162C10.1457 14.7374 10.2616 14.3315 10.0828 14.0096C9.90401 13.6878 9.49814 13.5718 9.17628 13.7506L8.66675 14.0337V13.5C8.66675 13.1318 8.36827 12.8333 8.00008 12.8333C7.63189 12.8333 7.33341 13.1318 7.33341 13.5V14.0337L6.82381 13.7506Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.82384 7.08385C6.50199 6.90505 6.09612 7.02101 5.91731 7.34286C5.7385 7.66472 5.85446 8.07059 6.17632 8.2494L7.33341 8.89223V10.1666C7.33341 10.5348 7.63189 10.8333 8.00008 10.8333C8.36827 10.8333 8.66675 10.5348 8.66675 10.1666V8.89223L9.82384 8.2494C10.1457 8.07059 10.2617 7.66472 10.0829 7.34286C9.90404 7.02101 9.49817 6.90505 9.17632 7.08385L8.00008 7.73732L6.82384 7.08385Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "CubeOutline"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "17",
+      "viewBox": "0 0 16 17",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "cube-outline"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.26865 1.29003C8.09143 1.25358 7.90866 1.25358 7.73144 1.29003C7.52659 1.33216 7.3435 1.43471 7.19794 1.51624L7.15826 1.53841L6.17628 2.08395C5.85443 2.26276 5.73846 2.66863 5.91727 2.99049C6.09608 3.31234 6.50195 3.4283 6.82381 3.24949L7.80579 2.70395C7.90681 2.64782 7.95839 2.61946 7.99686 2.60091L8.00004 2.59938L8.00323 2.60091C8.0417 2.61946 8.09327 2.64782 8.1943 2.70395L9.17628 3.24949C9.49814 3.4283 9.90401 3.31234 10.0828 2.99048C10.2616 2.66863 10.1457 2.26276 9.82381 2.08395L8.84183 1.53841L8.80215 1.51624C8.65659 1.43471 8.4735 1.33216 8.26865 1.29003Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.8238 3.75062C12.5019 3.57181 12.0961 3.68777 11.9173 4.00963C11.7385 4.33148 11.8544 4.73735 12.1763 4.91616L12.6272 5.16668L12.1763 5.41719C11.8545 5.596 11.7385 6.00186 11.9173 6.32372C12.0961 6.64558 12.502 6.76154 12.8238 6.58273L13.3334 6.29966V6.83339C13.3334 7.20158 13.6319 7.50006 14 7.50006C14.3682 7.50006 14.6667 7.20158 14.6667 6.83339V5.79435L14.6668 5.74627C14.6673 5.62441 14.6678 5.48084 14.6452 5.33482C14.6869 5.17472 14.6696 4.99892 14.5829 4.84286C14.4904 4.6764 14.3371 4.56501 14.1662 4.52099C14.0496 4.43038 13.9239 4.36116 13.8173 4.3024L13.7752 4.27915L12.8238 3.75062Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.8238 4.91616C4.14566 4.73735 4.26162 4.33148 4.08281 4.00963C3.90401 3.68777 3.49814 3.57181 3.17628 3.75062L2.22493 4.27915L2.18284 4.3024C2.07615 4.36116 1.95045 4.4304 1.83382 4.52102C1.66295 4.56506 1.50977 4.67643 1.41731 4.84286C1.33065 4.99886 1.31323 5.17459 1.35493 5.33464C1.33229 5.48072 1.33281 5.62436 1.33326 5.74627L1.33338 5.79435V6.83339C1.33338 7.20158 1.63185 7.50006 2.00004 7.50006C2.36823 7.50006 2.66671 7.20158 2.66671 6.83339V6.29961L3.17632 6.58273C3.49817 6.76154 3.90404 6.64558 4.08285 6.32372C4.26166 6.00186 4.1457 5.596 3.82384 5.41719L3.3729 5.16666L3.8238 4.91616Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.66671 10.1667C2.66671 9.79853 2.36823 9.50006 2.00004 9.50006C1.63185 9.50006 1.33338 9.79853 1.33338 10.1667V11.2058L1.33326 11.2538C1.33262 11.4298 1.33181 11.6509 1.40069 11.8594C1.46024 12.0397 1.55759 12.2051 1.68622 12.3447C1.835 12.5061 2.02873 12.6128 2.18281 12.6977L2.22493 12.721L3.17628 13.2495C3.49814 13.4283 3.90401 13.3123 4.08281 12.9905C4.26162 12.6686 4.14566 12.2628 3.8238 12.084L2.87245 11.5554C2.76582 11.4962 2.71137 11.4656 2.67318 11.4413L2.66995 11.4392L2.66971 11.4354C2.66699 11.3902 2.66671 11.3277 2.66671 11.2058V10.1667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M14.6667 10.1667C14.6667 9.79853 14.3682 9.50006 14 9.50006C13.6319 9.50006 13.3334 9.79853 13.3334 10.1667V11.2058C13.3334 11.3277 13.3331 11.3902 13.3304 11.4354L13.3301 11.4392L13.3269 11.4413C13.2887 11.4656 13.2343 11.4962 13.1276 11.5554L12.1763 12.084C11.8544 12.2628 11.7385 12.6686 11.9173 12.9905C12.0961 13.3123 12.5019 13.4283 12.8238 13.2495L13.7752 12.721L13.8172 12.6977C13.9713 12.6128 14.1651 12.5061 14.3139 12.3447C14.4425 12.2051 14.5398 12.0397 14.5994 11.8594C14.6683 11.6509 14.6675 11.4298 14.6668 11.2538L14.6667 11.2058V10.1667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.82381 13.7506C6.50195 13.5718 6.09608 13.6878 5.91727 14.0096C5.73846 14.3315 5.85443 14.7374 6.17628 14.9162L7.15826 15.4617L7.19793 15.4839C7.29819 15.54 7.41625 15.6061 7.54696 15.6556C7.66589 15.7659 7.82512 15.8333 8.00008 15.8333C8.17507 15.8333 8.33431 15.7659 8.45324 15.6556C8.58391 15.6061 8.70193 15.54 8.80215 15.4839L8.84183 15.4617L9.82381 14.9162C10.1457 14.7374 10.2616 14.3315 10.0828 14.0096C9.90401 13.6878 9.49814 13.5718 9.17628 13.7506L8.66675 14.0337V13.5C8.66675 13.1318 8.36827 12.8333 8.00008 12.8333C7.63189 12.8333 7.33341 13.1318 7.33341 13.5V14.0337L6.82381 13.7506Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.82384 7.08385C6.50199 6.90505 6.09612 7.02101 5.91731 7.34286C5.7385 7.66472 5.85446 8.07059 6.17632 8.2494L7.33341 8.89223V10.1666C7.33341 10.5348 7.63189 10.8333 8.00008 10.8333C8.36827 10.8333 8.66675 10.5348 8.66675 10.1666V8.89223L9.82384 8.2494C10.1457 8.07059 10.2617 7.66472 10.0829 7.34286C9.90404 7.02101 9.49817 6.90505 9.17632 7.08385L8.00008 7.73732L6.82384 7.08385Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CubeOutline"
 }
diff --git a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
index 78f58e9564..98c8e7c846 100644
--- a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
+++ b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CubeOutline.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CubeOutline.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.json b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.json
index 72f2478958..592b012be3 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.json
+++ b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M22.7 11.5L20.7005 13.5L18.7 11.5M20.9451 13C20.9814 12.6717 21 12.338 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C14.8273 21 17.35 19.6963 19 17.6573M12 7V12L15 14",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ClockFastForward"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M22.7 11.5L20.7005 13.5L18.7 11.5M20.9451 13C20.9814 12.6717 21 12.338 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C14.8273 21 17.35 19.6963 19 17.6573M12 7V12L15 14",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ClockFastForward"
 }
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
index db4814bd8e..beee5e3a83 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ClockFastForward.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ClockFastForward.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlay.json b/web/app/components/base/icons/src/vender/line/time/ClockPlay.json
index 4f6739241c..183c61473e 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlay.json
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlay.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon",
-					"clip-path": "url(#clip0_635_10941)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M14.6334 8.66683C14.6552 8.44756 14.6663 8.22516 14.6663 8.00016C14.6663 4.31826 11.6816 1.3335 7.99967 1.3335C4.31778 1.3335 1.33301 4.31826 1.33301 8.00016C1.33301 11.6821 4.31778 14.6668 7.99967 14.6668C8.11145 14.6668 8.22258 14.6641 8.33301 14.6586C8.44487 14.6531 8.556 14.6449 8.66634 14.6339M7.99967 4.00016V8.00016L5.42265 9.25534M11.853 9.97346L14.4308 11.9068C14.6238 12.0515 14.7203 12.1239 14.7548 12.2126C14.785 12.2904 14.785 12.3766 14.7548 12.4543C14.7203 12.543 14.6238 12.6154 14.4308 12.7601L11.853 14.6935C11.5784 14.8995 11.441 15.0024 11.3261 15.0001C11.226 14.998 11.1322 14.9511 11.0706 14.8723C10.9997 14.7818 10.9997 14.6101 10.9997 14.2668V10.4001C10.9997 10.0568 10.9997 9.88516 11.0706 9.79463C11.1322 9.71585 11.226 9.66895 11.3261 9.66687C11.441 9.66448 11.5784 9.76747 11.853 9.97346Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_635_10941"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ClockPlay"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon",
+          "clip-path": "url(#clip0_635_10941)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M14.6334 8.66683C14.6552 8.44756 14.6663 8.22516 14.6663 8.00016C14.6663 4.31826 11.6816 1.3335 7.99967 1.3335C4.31778 1.3335 1.33301 4.31826 1.33301 8.00016C1.33301 11.6821 4.31778 14.6668 7.99967 14.6668C8.11145 14.6668 8.22258 14.6641 8.33301 14.6586C8.44487 14.6531 8.556 14.6449 8.66634 14.6339M7.99967 4.00016V8.00016L5.42265 9.25534M11.853 9.97346L14.4308 11.9068C14.6238 12.0515 14.7203 12.1239 14.7548 12.2126C14.785 12.2904 14.785 12.3766 14.7548 12.4543C14.7203 12.543 14.6238 12.6154 14.4308 12.7601L11.853 14.6935C11.5784 14.8995 11.441 15.0024 11.3261 15.0001C11.226 14.998 11.1322 14.9511 11.0706 14.8723C10.9997 14.7818 10.9997 14.6101 10.9997 14.2668V10.4001C10.9997 10.0568 10.9997 9.88516 11.0706 9.79463C11.1322 9.71585 11.226 9.66895 11.3261 9.66687C11.441 9.66448 11.5784 9.76747 11.853 9.97346Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_635_10941"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ClockPlay"
 }
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx b/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
index 4b7d91c196..df3d365b22 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ClockPlay.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ClockPlay.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.json b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.json
index 6790781864..42579bde6c 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.json
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "32",
-			"height": "32",
-			"viewBox": "0 0 32 32",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M29.2673 17.3332C29.3109 16.8946 29.3332 16.4498 29.3332 15.9998C29.3332 8.63604 23.3636 2.6665 15.9998 2.6665C8.63604 2.6665 2.6665 8.63604 2.6665 15.9998C2.6665 23.3636 8.63604 29.3332 15.9998 29.3332C16.2234 29.3332 16.4457 29.3277 16.6665 29.3168C16.8902 29.3058 17.1125 29.2892 17.3332 29.2673M15.9998 7.99984V15.9998L10.8458 18.5102M23.7065 19.9464L28.8621 23.8131C29.2481 24.1026 29.441 24.2473 29.5101 24.4248C29.5705 24.5802 29.5705 24.7527 29.5101 24.9081C29.441 25.0855 29.2481 25.2303 28.8621 25.5198L23.7065 29.3864C23.1572 29.7984 22.8825 30.0044 22.6526 29.9996C22.4526 29.9955 22.265 29.9017 22.1416 29.7441C21.9998 29.5631 21.9998 29.2197 21.9998 28.5331V20.7998C21.9998 20.1131 21.9998 19.7698 22.1416 19.5888C22.265 19.4312 22.4526 19.3374 22.6526 19.3333C22.8825 19.3285 23.1572 19.5345 23.7065 19.9464Z",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ClockPlaySlim"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "32",
+      "height": "32",
+      "viewBox": "0 0 32 32",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M29.2673 17.3332C29.3109 16.8946 29.3332 16.4498 29.3332 15.9998C29.3332 8.63604 23.3636 2.6665 15.9998 2.6665C8.63604 2.6665 2.6665 8.63604 2.6665 15.9998C2.6665 23.3636 8.63604 29.3332 15.9998 29.3332C16.2234 29.3332 16.4457 29.3277 16.6665 29.3168C16.8902 29.3058 17.1125 29.2892 17.3332 29.2673M15.9998 7.99984V15.9998L10.8458 18.5102M23.7065 19.9464L28.8621 23.8131C29.2481 24.1026 29.441 24.2473 29.5101 24.4248C29.5705 24.5802 29.5705 24.7527 29.5101 24.9081C29.441 25.0855 29.2481 25.2303 28.8621 25.5198L23.7065 29.3864C23.1572 29.7984 22.8825 30.0044 22.6526 29.9996C22.4526 29.9955 22.265 29.9017 22.1416 29.7441C21.9998 29.5631 21.9998 29.2197 21.9998 28.5331V20.7998C21.9998 20.1131 21.9998 19.7698 22.1416 19.5888C22.265 19.4312 22.4526 19.3374 22.6526 19.3333C22.8825 19.3285 23.1572 19.5345 23.7065 19.9464Z",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ClockPlaySlim"
 }
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
index f84b357117..42f6b05b5d 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ClockPlaySlim.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ClockPlaySlim.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.json b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.json
index f0fda2c829..fd8ba9dabf 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.json
+++ b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "clock-refresh"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.76984 2.8375L9.71551 3.04027C8.27602 1.22839 5.68891 0.69459 3.62457 1.88644C2.25681 2.67611 1.43067 4.04369 1.27558 5.50073C1.24636 5.77532 1.44526 6.02161 1.71985 6.05084C1.99444 6.08007 2.24074 5.88116 2.26997 5.60657C2.39268 4.4537 3.04533 3.37556 4.12456 2.75247C5.7025 1.84145 7.66731 2.20754 8.82211 3.53002L8.65016 3.48395C8.38343 3.41248 8.10926 3.57077 8.03779 3.8375C7.96632 4.10424 8.12461 4.37841 8.39134 4.44988L9.75737 4.8159C10.0241 4.88737 10.2983 4.72908 10.3697 4.46235L10.7358 3.09632C10.8072 2.82959 10.6489 2.55542 10.3822 2.48395C10.1155 2.41248 9.84131 2.57077 9.76984 2.8375Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M10.2792 5.94921C10.5538 5.97844 10.7527 6.22473 10.7235 6.49932C10.5684 7.95635 9.74225 9.32394 8.3745 10.1136C6.31011 11.3055 3.72295 10.7716 2.28347 8.95968L2.22918 9.1623C2.15771 9.42903 1.88354 9.58732 1.61681 9.51585C1.35008 9.44438 1.19178 9.17021 1.26325 8.90348L1.62928 7.53746C1.70075 7.27072 1.97492 7.11243 2.24165 7.1839L3.60768 7.54993C3.87441 7.6214 4.0327 7.89557 3.96123 8.1623C3.88976 8.42903 3.61559 8.58732 3.34886 8.51585L3.17668 8.46972C4.33144 9.79246 6.29644 10.1587 7.8745 9.24758C8.95373 8.62449 9.60638 7.54634 9.72909 6.39348C9.75832 6.11889 10.0046 5.91998 10.2792 5.94921Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.49954 3.74997C6.49954 3.47382 6.27568 3.24997 5.99954 3.24997C5.7234 3.24997 5.49954 3.47382 5.49954 3.74997V5.99997C5.49954 6.1756 5.59169 6.33835 5.74229 6.42871L6.99229 7.17871C7.22908 7.32079 7.53621 7.244 7.67828 7.00721C7.82036 6.77042 7.74358 6.46329 7.50679 6.32122L6.49954 5.71687V3.74997Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ClockRefresh"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "clock-refresh"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.76984 2.8375L9.71551 3.04027C8.27602 1.22839 5.68891 0.69459 3.62457 1.88644C2.25681 2.67611 1.43067 4.04369 1.27558 5.50073C1.24636 5.77532 1.44526 6.02161 1.71985 6.05084C1.99444 6.08007 2.24074 5.88116 2.26997 5.60657C2.39268 4.4537 3.04533 3.37556 4.12456 2.75247C5.7025 1.84145 7.66731 2.20754 8.82211 3.53002L8.65016 3.48395C8.38343 3.41248 8.10926 3.57077 8.03779 3.8375C7.96632 4.10424 8.12461 4.37841 8.39134 4.44988L9.75737 4.8159C10.0241 4.88737 10.2983 4.72908 10.3697 4.46235L10.7358 3.09632C10.8072 2.82959 10.6489 2.55542 10.3822 2.48395C10.1155 2.41248 9.84131 2.57077 9.76984 2.8375Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M10.2792 5.94921C10.5538 5.97844 10.7527 6.22473 10.7235 6.49932C10.5684 7.95635 9.74225 9.32394 8.3745 10.1136C6.31011 11.3055 3.72295 10.7716 2.28347 8.95968L2.22918 9.1623C2.15771 9.42903 1.88354 9.58732 1.61681 9.51585C1.35008 9.44438 1.19178 9.17021 1.26325 8.90348L1.62928 7.53746C1.70075 7.27072 1.97492 7.11243 2.24165 7.1839L3.60768 7.54993C3.87441 7.6214 4.0327 7.89557 3.96123 8.1623C3.88976 8.42903 3.61559 8.58732 3.34886 8.51585L3.17668 8.46972C4.33144 9.79246 6.29644 10.1587 7.8745 9.24758C8.95373 8.62449 9.60638 7.54634 9.72909 6.39348C9.75832 6.11889 10.0046 5.91998 10.2792 5.94921Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.49954 3.74997C6.49954 3.47382 6.27568 3.24997 5.99954 3.24997C5.7234 3.24997 5.49954 3.47382 5.49954 3.74997V5.99997C5.49954 6.1756 5.59169 6.33835 5.74229 6.42871L6.99229 7.17871C7.22908 7.32079 7.53621 7.244 7.67828 7.00721C7.82036 6.77042 7.74358 6.46329 7.50679 6.32122L6.49954 5.71687V3.74997Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ClockRefresh"
 }
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
index 991d6a6708..6a2739cfbe 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ClockRefresh.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ClockRefresh.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/time/index.ts b/web/app/components/base/icons/src/vender/line/time/index.ts
index 8e6509ea4d..7fd91f2b2e 100644
--- a/web/app/components/base/icons/src/vender/line/time/index.ts
+++ b/web/app/components/base/icons/src/vender/line/time/index.ts
@@ -1,4 +1,4 @@
 export { default as ClockFastForward } from './ClockFastForward'
-export { default as ClockPlaySlim } from './ClockPlaySlim'
 export { default as ClockPlay } from './ClockPlay'
+export { default as ClockPlaySlim } from './ClockPlaySlim'
 export { default as ClockRefresh } from './ClockRefresh'
diff --git a/web/app/components/base/icons/src/vender/line/users/User01.json b/web/app/components/base/icons/src/vender/line/users/User01.json
index 5b878f8deb..86b2e72622 100644
--- a/web/app/components/base/icons/src/vender/line/users/User01.json
+++ b/web/app/components/base/icons/src/vender/line/users/User01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "user-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M13.3334 14C13.3334 13.0696 13.3334 12.6044 13.2186 12.2259C12.9601 11.3736 12.2931 10.7067 11.4408 10.4482C11.0623 10.3333 10.5971 10.3333 9.66675 10.3333H6.33342C5.40304 10.3333 4.93785 10.3333 4.55932 10.4482C3.70705 10.7067 3.04011 11.3736 2.78157 12.2259C2.66675 12.6044 2.66675 13.0696 2.66675 14M11.0001 5C11.0001 6.65685 9.65694 8 8.00008 8C6.34323 8 5.00008 6.65685 5.00008 5C5.00008 3.34315 6.34323 2 8.00008 2C9.65694 2 11.0001 3.34315 11.0001 5Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "User01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "user-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M13.3334 14C13.3334 13.0696 13.3334 12.6044 13.2186 12.2259C12.9601 11.3736 12.2931 10.7067 11.4408 10.4482C11.0623 10.3333 10.5971 10.3333 9.66675 10.3333H6.33342C5.40304 10.3333 4.93785 10.3333 4.55932 10.4482C3.70705 10.7067 3.04011 11.3736 2.78157 12.2259C2.66675 12.6044 2.66675 13.0696 2.66675 14M11.0001 5C11.0001 6.65685 9.65694 8 8.00008 8C6.34323 8 5.00008 6.65685 5.00008 5C5.00008 3.34315 6.34323 2 8.00008 2C9.65694 2 11.0001 3.34315 11.0001 5Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "User01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/users/User01.tsx b/web/app/components/base/icons/src/vender/line/users/User01.tsx
index 42f2144b97..61d029fdba 100644
--- a/web/app/components/base/icons/src/vender/line/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/User01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './User01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './User01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/users/Users01.json b/web/app/components/base/icons/src/vender/line/users/Users01.json
index 497c258bc5..a1e049c301 100644
--- a/web/app/components/base/icons/src/vender/line/users/Users01.json
+++ b/web/app/components/base/icons/src/vender/line/users/Users01.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "users-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M14.6666 14V12.6667C14.6666 11.4241 13.8167 10.38 12.6666 10.084M10.3333 2.19384C11.3105 2.58943 11.9999 3.54754 11.9999 4.66667C11.9999 5.78579 11.3105 6.7439 10.3333 7.13949M11.3333 14C11.3333 12.7575 11.3333 12.1362 11.1303 11.6462C10.8596 10.9928 10.3405 10.4736 9.68707 10.203C9.19702 10 8.57576 10 7.33325 10H5.33325C4.09074 10 3.46949 10 2.97943 10.203C2.32602 10.4736 1.80689 10.9928 1.53624 11.6462C1.33325 12.1362 1.33325 12.7575 1.33325 14M8.99992 4.66667C8.99992 6.13943 7.80601 7.33333 6.33325 7.33333C4.86049 7.33333 3.66659 6.13943 3.66659 4.66667C3.66659 3.19391 4.86049 2 6.33325 2C7.80601 2 8.99992 3.19391 8.99992 4.66667Z",
-							"stroke": "currentColor",
-							"stroke-width": "1.25",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Users01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "users-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M14.6666 14V12.6667C14.6666 11.4241 13.8167 10.38 12.6666 10.084M10.3333 2.19384C11.3105 2.58943 11.9999 3.54754 11.9999 4.66667C11.9999 5.78579 11.3105 6.7439 10.3333 7.13949M11.3333 14C11.3333 12.7575 11.3333 12.1362 11.1303 11.6462C10.8596 10.9928 10.3405 10.4736 9.68707 10.203C9.19702 10 8.57576 10 7.33325 10H5.33325C4.09074 10 3.46949 10 2.97943 10.203C2.32602 10.4736 1.80689 10.9928 1.53624 11.6462C1.33325 12.1362 1.33325 12.7575 1.33325 14M8.99992 4.66667C8.99992 6.13943 7.80601 7.33333 6.33325 7.33333C4.86049 7.33333 3.66659 6.13943 3.66659 4.66667C3.66659 3.19391 4.86049 2 6.33325 2C7.80601 2 8.99992 3.19391 8.99992 4.66667Z",
+              "stroke": "currentColor",
+              "stroke-width": "1.25",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Users01"
 }
diff --git a/web/app/components/base/icons/src/vender/line/users/Users01.tsx b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
index b63daf7242..7e8b57524e 100644
--- a/web/app/components/base/icons/src/vender/line/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Users01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Users01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/line/weather/Stars02.json b/web/app/components/base/icons/src/vender/line/weather/Stars02.json
index fdb25e6238..0341d5827e 100644
--- a/web/app/components/base/icons/src/vender/line/weather/Stars02.json
+++ b/web/app/components/base/icons/src/vender/line/weather/Stars02.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.5 22V17M4.5 7V2M2 4.5H7M2 19.5H7M13 3L11.2658 7.50886C10.9838 8.24209 10.8428 8.60871 10.6235 8.91709C10.4292 9.1904 10.1904 9.42919 9.91709 9.62353C9.60871 9.8428 9.24209 9.98381 8.50886 10.2658L4 12L8.50886 13.7342C9.24209 14.0162 9.60871 14.1572 9.91709 14.3765C10.1904 14.5708 10.4292 14.8096 10.6235 15.0829C10.8428 15.3913 10.9838 15.7579 11.2658 16.4911L13 21L14.7342 16.4911C15.0162 15.7579 15.1572 15.3913 15.3765 15.0829C15.5708 14.8096 15.8096 14.5708 16.0829 14.3765C16.3913 14.1572 16.7579 14.0162 17.4911 13.7342L22 12L17.4911 10.2658C16.7579 9.98381 16.3913 9.8428 16.0829 9.62353C15.8096 9.42919 15.5708 9.1904 15.3765 8.91709C15.1572 8.60871 15.0162 8.24209 14.7342 7.50886L13 3Z",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Stars02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.5 22V17M4.5 7V2M2 4.5H7M2 19.5H7M13 3L11.2658 7.50886C10.9838 8.24209 10.8428 8.60871 10.6235 8.91709C10.4292 9.1904 10.1904 9.42919 9.91709 9.62353C9.60871 9.8428 9.24209 9.98381 8.50886 10.2658L4 12L8.50886 13.7342C9.24209 14.0162 9.60871 14.1572 9.91709 14.3765C10.1904 14.5708 10.4292 14.8096 10.6235 15.0829C10.8428 15.3913 10.9838 15.7579 11.2658 16.4911L13 21L14.7342 16.4911C15.0162 15.7579 15.1572 15.3913 15.3765 15.0829C15.5708 14.8096 15.8096 14.5708 16.0829 14.3765C16.3913 14.1572 16.7579 14.0162 17.4911 13.7342L22 12L17.4911 10.2658C16.7579 9.98381 16.3913 9.8428 16.0829 9.62353C15.8096 9.42919 15.5708 9.1904 15.3765 8.91709C15.1572 8.60871 15.0162 8.24209 14.7342 7.50886L13 3Z",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Stars02"
 }
diff --git a/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx b/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
index 8a42448c70..5f459ae7f2 100644
--- a/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
+++ b/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Stars02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Stars02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/AnthropicText.json b/web/app/components/base/icons/src/vender/other/AnthropicText.json
index df844dec27..764c71bf63 100644
--- a/web/app/components/base/icons/src/vender/other/AnthropicText.json
+++ b/web/app/components/base/icons/src/vender/other/AnthropicText.json
@@ -1,539 +1,539 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "90",
-			"height": "20",
-			"viewBox": "0 0 90 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_8587_60274)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "mask",
-						"attributes": {
-							"id": "mask0_8587_60274",
-							"style": "mask-type:luminance",
-							"maskUnits": "userSpaceOnUse",
-							"x": "0",
-							"y": "4",
-							"width": "90",
-							"height": "11"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M89.375 4.99805H0V14.998H89.375V4.99805Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"mask": "url(#mask0_8587_60274)"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "mask",
-								"attributes": {
-									"id": "mask1_8587_60274",
-									"style": "mask-type:luminance",
-									"maskUnits": "userSpaceOnUse",
-									"x": "0",
-									"y": "4",
-									"width": "90",
-									"height": "11"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "path",
-										"attributes": {
-											"d": "M0 4.99609H89.375V14.9961H0V4.99609Z",
-											"fill": "currentColor"
-										},
-										"children": []
-									}
-								]
-							},
-							{
-								"type": "element",
-								"name": "g",
-								"attributes": {
-									"mask": "url(#mask1_8587_60274)"
-								},
-								"children": [
-									{
-										"type": "element",
-										"name": "mask",
-										"attributes": {
-											"id": "mask2_8587_60274",
-											"style": "mask-type:luminance",
-											"maskUnits": "userSpaceOnUse",
-											"x": "0",
-											"y": "4",
-											"width": "90",
-											"height": "11"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "path",
-												"attributes": {
-													"d": "M0 4.99414H89.375V14.9941H0V4.99414Z",
-													"fill": "currentColor"
-												},
-												"children": []
-											}
-										]
-									},
-									{
-										"type": "element",
-										"name": "g",
-										"attributes": {
-											"mask": "url(#mask2_8587_60274)"
-										},
-										"children": [
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask3_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask3_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M18.1273 11.9244L13.7773 5.15625H11.4297V14.825H13.4321V8.05688L17.7821 14.825H20.1297V5.15625H18.1273V11.9244Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask4_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask4_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M21.7969 7.02094H25.0423V14.825H27.1139V7.02094H30.3594V5.15625H21.7969V7.02094Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask5_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask5_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M38.6442 9.00994H34.0871V5.15625H32.0156V14.825H34.0871V10.8746H38.6442V14.825H40.7156V5.15625H38.6442V9.00994Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask6_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask6_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M45.3376 7.02094H47.893C48.9152 7.02094 49.4539 7.39387 49.4539 8.09831C49.4539 8.80275 48.9152 9.17569 47.893 9.17569H45.3376V7.02094ZM51.5259 8.09831C51.5259 6.27506 50.186 5.15625 47.9897 5.15625H43.2656V14.825H45.3376V11.0404H47.6443L49.7164 14.825H52.0094L49.715 10.7521C50.8666 10.3094 51.5259 9.37721 51.5259 8.09831Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask7_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask7_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M57.8732 13.0565C56.2438 13.0565 55.2496 11.8963 55.2496 10.004C55.2496 8.08416 56.2438 6.92394 57.8732 6.92394C59.4887 6.92394 60.4691 8.08416 60.4691 10.004C60.4691 11.8963 59.4887 13.0565 57.8732 13.0565ZM57.8732 4.99023C55.0839 4.99023 53.1094 7.06206 53.1094 10.004C53.1094 12.9184 55.0839 14.9902 57.8732 14.9902C60.6486 14.9902 62.6094 12.9184 62.6094 10.004C62.6094 7.06206 60.6486 4.99023 57.8732 4.99023Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask8_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask8_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M69.1794 9.45194H66.6233V7.02094H69.1794C70.2019 7.02094 70.7407 7.43532 70.7407 8.23644C70.7407 9.03756 70.2019 9.45194 69.1794 9.45194ZM69.2762 5.15625H64.5508V14.825H66.6233V11.3166H69.2762C71.473 11.3166 72.8133 10.1564 72.8133 8.23644C72.8133 6.3165 71.473 5.15625 69.2762 5.15625Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask9_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask9_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M86.8413 11.5786C86.4823 12.5179 85.7642 13.0565 84.7837 13.0565C83.1542 13.0565 82.16 11.8963 82.16 10.004C82.16 8.08416 83.1542 6.92394 84.7837 6.92394C85.7642 6.92394 86.4823 7.46261 86.8413 8.40183H89.0369C88.4984 6.33002 86.8827 4.99023 84.7837 4.99023C81.9942 4.99023 80.0195 7.06206 80.0195 10.004C80.0195 12.9184 81.9942 14.9902 84.7837 14.9902C86.8965 14.9902 88.5122 13.6366 89.0508 11.5786H86.8413Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask10_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask10_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M73.6484 5.15625L77.5033 14.825H79.6172L75.7624 5.15625H73.6484Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "mask",
-												"attributes": {
-													"id": "mask11_8587_60274",
-													"style": "mask-type:luminance",
-													"maskUnits": "userSpaceOnUse",
-													"x": "0",
-													"y": "4",
-													"width": "90",
-													"height": "11"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
-															"fill": "currentColor"
-														},
-														"children": []
-													}
-												]
-											},
-											{
-												"type": "element",
-												"name": "g",
-												"attributes": {
-													"mask": "url(#mask11_8587_60274)"
-												},
-												"children": [
-													{
-														"type": "element",
-														"name": "path",
-														"attributes": {
-															"d": "M3.64038 10.9989L4.95938 7.60106L6.27838 10.9989H3.64038ZM3.85422 5.15625L0 14.825H2.15505L2.9433 12.7946H6.97558L7.76371 14.825H9.91875L6.06453 5.15625H3.85422Z",
-															"fill": "currentColor",
-															"fill-opacity": "0.92"
-														},
-														"children": []
-													}
-												]
-											}
-										]
-									}
-								]
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_8587_60274"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "89.375",
-									"height": "10",
-									"fill": "white",
-									"transform": "translate(0 5)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "AnthropicText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "90",
+      "height": "20",
+      "viewBox": "0 0 90 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_8587_60274)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "mask",
+            "attributes": {
+              "id": "mask0_8587_60274",
+              "style": "mask-type:luminance",
+              "maskUnits": "userSpaceOnUse",
+              "x": "0",
+              "y": "4",
+              "width": "90",
+              "height": "11"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M89.375 4.99805H0V14.998H89.375V4.99805Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "mask": "url(#mask0_8587_60274)"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "mask",
+                "attributes": {
+                  "id": "mask1_8587_60274",
+                  "style": "mask-type:luminance",
+                  "maskUnits": "userSpaceOnUse",
+                  "x": "0",
+                  "y": "4",
+                  "width": "90",
+                  "height": "11"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "path",
+                    "attributes": {
+                      "d": "M0 4.99609H89.375V14.9961H0V4.99609Z",
+                      "fill": "currentColor"
+                    },
+                    "children": []
+                  }
+                ]
+              },
+              {
+                "type": "element",
+                "name": "g",
+                "attributes": {
+                  "mask": "url(#mask1_8587_60274)"
+                },
+                "children": [
+                  {
+                    "type": "element",
+                    "name": "mask",
+                    "attributes": {
+                      "id": "mask2_8587_60274",
+                      "style": "mask-type:luminance",
+                      "maskUnits": "userSpaceOnUse",
+                      "x": "0",
+                      "y": "4",
+                      "width": "90",
+                      "height": "11"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "path",
+                        "attributes": {
+                          "d": "M0 4.99414H89.375V14.9941H0V4.99414Z",
+                          "fill": "currentColor"
+                        },
+                        "children": []
+                      }
+                    ]
+                  },
+                  {
+                    "type": "element",
+                    "name": "g",
+                    "attributes": {
+                      "mask": "url(#mask2_8587_60274)"
+                    },
+                    "children": [
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask3_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask3_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M18.1273 11.9244L13.7773 5.15625H11.4297V14.825H13.4321V8.05688L17.7821 14.825H20.1297V5.15625H18.1273V11.9244Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask4_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask4_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M21.7969 7.02094H25.0423V14.825H27.1139V7.02094H30.3594V5.15625H21.7969V7.02094Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask5_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask5_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M38.6442 9.00994H34.0871V5.15625H32.0156V14.825H34.0871V10.8746H38.6442V14.825H40.7156V5.15625H38.6442V9.00994Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask6_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask6_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M45.3376 7.02094H47.893C48.9152 7.02094 49.4539 7.39387 49.4539 8.09831C49.4539 8.80275 48.9152 9.17569 47.893 9.17569H45.3376V7.02094ZM51.5259 8.09831C51.5259 6.27506 50.186 5.15625 47.9897 5.15625H43.2656V14.825H45.3376V11.0404H47.6443L49.7164 14.825H52.0094L49.715 10.7521C50.8666 10.3094 51.5259 9.37721 51.5259 8.09831Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask7_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask7_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M57.8732 13.0565C56.2438 13.0565 55.2496 11.8963 55.2496 10.004C55.2496 8.08416 56.2438 6.92394 57.8732 6.92394C59.4887 6.92394 60.4691 8.08416 60.4691 10.004C60.4691 11.8963 59.4887 13.0565 57.8732 13.0565ZM57.8732 4.99023C55.0839 4.99023 53.1094 7.06206 53.1094 10.004C53.1094 12.9184 55.0839 14.9902 57.8732 14.9902C60.6486 14.9902 62.6094 12.9184 62.6094 10.004C62.6094 7.06206 60.6486 4.99023 57.8732 4.99023Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask8_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask8_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M69.1794 9.45194H66.6233V7.02094H69.1794C70.2019 7.02094 70.7407 7.43532 70.7407 8.23644C70.7407 9.03756 70.2019 9.45194 69.1794 9.45194ZM69.2762 5.15625H64.5508V14.825H66.6233V11.3166H69.2762C71.473 11.3166 72.8133 10.1564 72.8133 8.23644C72.8133 6.3165 71.473 5.15625 69.2762 5.15625Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask9_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask9_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M86.8413 11.5786C86.4823 12.5179 85.7642 13.0565 84.7837 13.0565C83.1542 13.0565 82.16 11.8963 82.16 10.004C82.16 8.08416 83.1542 6.92394 84.7837 6.92394C85.7642 6.92394 86.4823 7.46261 86.8413 8.40183H89.0369C88.4984 6.33002 86.8827 4.99023 84.7837 4.99023C81.9942 4.99023 80.0195 7.06206 80.0195 10.004C80.0195 12.9184 81.9942 14.9902 84.7837 14.9902C86.8965 14.9902 88.5122 13.6366 89.0508 11.5786H86.8413Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask10_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask10_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M73.6484 5.15625L77.5033 14.825H79.6172L75.7624 5.15625H73.6484Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "mask",
+                        "attributes": {
+                          "id": "mask11_8587_60274",
+                          "style": "mask-type:luminance",
+                          "maskUnits": "userSpaceOnUse",
+                          "x": "0",
+                          "y": "4",
+                          "width": "90",
+                          "height": "11"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+                              "fill": "currentColor"
+                            },
+                            "children": []
+                          }
+                        ]
+                      },
+                      {
+                        "type": "element",
+                        "name": "g",
+                        "attributes": {
+                          "mask": "url(#mask11_8587_60274)"
+                        },
+                        "children": [
+                          {
+                            "type": "element",
+                            "name": "path",
+                            "attributes": {
+                              "d": "M3.64038 10.9989L4.95938 7.60106L6.27838 10.9989H3.64038ZM3.85422 5.15625L0 14.825H2.15505L2.9433 12.7946H6.97558L7.76371 14.825H9.91875L6.06453 5.15625H3.85422Z",
+                              "fill": "currentColor",
+                              "fill-opacity": "0.92"
+                            },
+                            "children": []
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_8587_60274"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "89.375",
+                  "height": "10",
+                  "fill": "white",
+                  "transform": "translate(0 5)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AnthropicText"
 }
diff --git a/web/app/components/base/icons/src/vender/other/AnthropicText.tsx b/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
index 62186fb1c3..601bdf7843 100644
--- a/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
+++ b/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AnthropicText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AnthropicText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/Generator.json b/web/app/components/base/icons/src/vender/other/Generator.json
index a72489d190..88bbb87416 100644
--- a/web/app/components/base/icons/src/vender/other/Generator.json
+++ b/web/app/components/base/icons/src/vender/other/Generator.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"opacity": "0.5",
-					"d": "M10.5402 2.95679L10.5402 2.95685C10.4455 3.05146 10.3424 3.13459 10.2314 3.2072C10.3429 3.27923 10.4468 3.36165 10.5422 3.45535L10.5402 2.95679ZM10.5402 2.95679C10.6348 2.86217 10.718 2.75907 10.7906 2.64807C10.8626 2.75955 10.945 2.86339 11.0387 2.95881L11.0388 2.95888C11.1304 3.05224 11.2302 3.13482 11.3377 3.20717C11.2297 3.27895 11.1292 3.36081 11.0367 3.45327L11.0366 3.45333C10.9442 3.5458 10.8623 3.64635 10.7905 3.75431M10.5402 2.95679L10.7905 3.75431M10.7905 3.75431C10.7182 3.64686 10.6356 3.54707 10.5422 3.45538L10.7905 3.75431Z",
-					"stroke": "currentColor",
-					"stroke-width": "1.25"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.99659 2.85105C6.96323 2.55641 6.71414 2.33368 6.41758 2.33337C6.12107 2.33307 5.87146 2.55529 5.83751 2.84987C5.67932 4.2213 5.27205 5.16213 4.6339 5.80028C3.99575 6.43841 3.05492 6.84569 1.68349 7.00389C1.3889 7.03784 1.16669 7.28745 1.16699 7.58396C1.1673 7.88052 1.39002 8.12961 1.68467 8.16297C3.03291 8.31569 3.99517 8.72292 4.64954 9.36546C5.30035 10.0045 5.71535 10.944 5.83593 12.3017C5.86271 12.6029 6.11523 12.8337 6.41763 12.8334C6.72009 12.833 6.97209 12.6016 6.99817 12.3003C7.11367 10.9656 7.52836 10.005 8.18344 9.34982C8.83858 8.69474 9.79922 8.28005 11.1339 8.16455C11.4352 8.13847 11.6666 7.88647 11.667 7.58402C11.6673 7.28162 11.4365 7.02909 11.1353 7.00232C9.77758 6.88174 8.83812 6.46676 8.19908 5.81592C7.55653 5.16155 7.14931 4.19929 6.99659 2.85105Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Generator"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "opacity": "0.5",
+          "d": "M10.5402 2.95679L10.5402 2.95685C10.4455 3.05146 10.3424 3.13459 10.2314 3.2072C10.3429 3.27923 10.4468 3.36165 10.5422 3.45535L10.5402 2.95679ZM10.5402 2.95679C10.6348 2.86217 10.718 2.75907 10.7906 2.64807C10.8626 2.75955 10.945 2.86339 11.0387 2.95881L11.0388 2.95888C11.1304 3.05224 11.2302 3.13482 11.3377 3.20717C11.2297 3.27895 11.1292 3.36081 11.0367 3.45327L11.0366 3.45333C10.9442 3.5458 10.8623 3.64635 10.7905 3.75431M10.5402 2.95679L10.7905 3.75431M10.7905 3.75431C10.7182 3.64686 10.6356 3.54707 10.5422 3.45538L10.7905 3.75431Z",
+          "stroke": "currentColor",
+          "stroke-width": "1.25"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.99659 2.85105C6.96323 2.55641 6.71414 2.33368 6.41758 2.33337C6.12107 2.33307 5.87146 2.55529 5.83751 2.84987C5.67932 4.2213 5.27205 5.16213 4.6339 5.80028C3.99575 6.43841 3.05492 6.84569 1.68349 7.00389C1.3889 7.03784 1.16669 7.28745 1.16699 7.58396C1.1673 7.88052 1.39002 8.12961 1.68467 8.16297C3.03291 8.31569 3.99517 8.72292 4.64954 9.36546C5.30035 10.0045 5.71535 10.944 5.83593 12.3017C5.86271 12.6029 6.11523 12.8337 6.41763 12.8334C6.72009 12.833 6.97209 12.6016 6.99817 12.3003C7.11367 10.9656 7.52836 10.005 8.18344 9.34982C8.83858 8.69474 9.79922 8.28005 11.1339 8.16455C11.4352 8.13847 11.6666 7.88647 11.667 7.58402C11.6673 7.28162 11.4365 7.02909 11.1353 7.00232C9.77758 6.88174 8.83812 6.46676 8.19908 5.81592C7.55653 5.16155 7.14931 4.19929 6.99659 2.85105Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Generator"
 }
diff --git a/web/app/components/base/icons/src/vender/other/Generator.tsx b/web/app/components/base/icons/src/vender/other/Generator.tsx
index 9fdb4277d3..305b49fa20 100644
--- a/web/app/components/base/icons/src/vender/other/Generator.tsx
+++ b/web/app/components/base/icons/src/vender/other/Generator.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Generator.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Generator.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/Group.json b/web/app/components/base/icons/src/vender/other/Group.json
index 5f95dfc364..1cc78dff1c 100644
--- a/web/app/components/base/icons/src/vender/other/Group.json
+++ b/web/app/components/base/icons/src/vender/other/Group.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "16",
-			"viewBox": "0 0 14 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Group"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M5.6475 8.0115L0.333496 5.05884V11.3335C0.333491 11.4524 0.365258 11.569 0.425506 11.6715C0.485754 11.7739 0.572294 11.8584 0.676163 11.9162L6.3335 15.0588V9.17684C6.33344 8.93907 6.26981 8.70565 6.14919 8.50075C6.02857 8.29586 5.85536 8.12694 5.6475 8.0115Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M7.66699 9.17684V15.0588L13.3243 11.9162C13.4282 11.8584 13.5147 11.7739 13.575 11.6715C13.6352 11.569 13.667 11.4524 13.667 11.3335V5.05884L8.35299 8.0115C8.14513 8.12694 7.97192 8.29586 7.8513 8.50075C7.73068 8.70565 7.66705 8.93907 7.66699 9.17684Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M10.1913 2.34351C9.804 3.33351 8.588 4.00017 7 4.00017C5.412 4.00017 4.196 3.33351 3.80867 2.34351L1 3.90417L6.35267 6.87817C6.5507 6.98815 6.77348 7.04586 7 7.04586C7.22652 7.04586 7.4493 6.98815 7.64733 6.87817L13 3.90417L10.1913 2.34351Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M7 2.66675C8.10457 2.66675 9 2.21903 9 1.66675C9 1.11446 8.10457 0.666748 7 0.666748C5.89543 0.666748 5 1.11446 5 1.66675C5 2.21903 5.89543 2.66675 7 2.66675Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Group"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "16",
+      "viewBox": "0 0 14 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Group"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M5.6475 8.0115L0.333496 5.05884V11.3335C0.333491 11.4524 0.365258 11.569 0.425506 11.6715C0.485754 11.7739 0.572294 11.8584 0.676163 11.9162L6.3335 15.0588V9.17684C6.33344 8.93907 6.26981 8.70565 6.14919 8.50075C6.02857 8.29586 5.85536 8.12694 5.6475 8.0115Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M7.66699 9.17684V15.0588L13.3243 11.9162C13.4282 11.8584 13.5147 11.7739 13.575 11.6715C13.6352 11.569 13.667 11.4524 13.667 11.3335V5.05884L8.35299 8.0115C8.14513 8.12694 7.97192 8.29586 7.8513 8.50075C7.73068 8.70565 7.66705 8.93907 7.66699 9.17684Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M10.1913 2.34351C9.804 3.33351 8.588 4.00017 7 4.00017C5.412 4.00017 4.196 3.33351 3.80867 2.34351L1 3.90417L6.35267 6.87817C6.5507 6.98815 6.77348 7.04586 7 7.04586C7.22652 7.04586 7.4493 6.98815 7.64733 6.87817L13 3.90417L10.1913 2.34351Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M7 2.66675C8.10457 2.66675 9 2.21903 9 1.66675C9 1.11446 8.10457 0.666748 7 0.666748C5.89543 0.666748 5 1.11446 5 1.66675C5 2.21903 5.89543 2.66675 7 2.66675Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Group"
 }
diff --git a/web/app/components/base/icons/src/vender/other/Group.tsx b/web/app/components/base/icons/src/vender/other/Group.tsx
index 7fef1b3c4d..c3c09d1a0c 100644
--- a/web/app/components/base/icons/src/vender/other/Group.tsx
+++ b/web/app/components/base/icons/src/vender/other/Group.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Group.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Group.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/HourglassShape.json b/web/app/components/base/icons/src/vender/other/HourglassShape.json
index 27f31bbe28..c662f9b5c4 100644
--- a/web/app/components/base/icons/src/vender/other/HourglassShape.json
+++ b/web/app/components/base/icons/src/vender/other/HourglassShape.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "8",
-			"height": "14",
-			"viewBox": "0 0 8 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8 14C8 11.7909 6.20914 10 4 10C1.79086 10 0 11.7909 0 14V0C8.05332e-08 2.20914 1.79086 4 4 4C6.20914 4 8 2.20914 8 0V14Z",
-					"fill": "currentColor",
-					"fill-opacity": "1"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "HourglassShape"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "8",
+      "height": "14",
+      "viewBox": "0 0 8 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8 14C8 11.7909 6.20914 10 4 10C1.79086 10 0 11.7909 0 14V0C8.05332e-08 2.20914 1.79086 4 4 4C6.20914 4 8 2.20914 8 0V14Z",
+          "fill": "currentColor",
+          "fill-opacity": "1"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "HourglassShape"
 }
diff --git a/web/app/components/base/icons/src/vender/other/HourglassShape.tsx b/web/app/components/base/icons/src/vender/other/HourglassShape.tsx
index a1ef8c8d5f..dd59b88077 100644
--- a/web/app/components/base/icons/src/vender/other/HourglassShape.tsx
+++ b/web/app/components/base/icons/src/vender/other/HourglassShape.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './HourglassShape.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './HourglassShape.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/Mcp.json b/web/app/components/base/icons/src/vender/other/Mcp.json
index c1162e64a1..65465e0a7a 100644
--- a/web/app/components/base/icons/src/vender/other/Mcp.json
+++ b/web/app/components/base/icons/src/vender/other/Mcp.json
@@ -1,35 +1,35 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.20626 1.68651C9.61828 1.68651 10.014 1.8473 10.3093 2.13466C10.4536 2.27516 10.5684 2.44313 10.6468 2.62868C10.7252 2.81422 10.7657 3.01358 10.7659 3.21501C10.7661 3.41645 10.7259 3.61588 10.6478 3.80156C10.5697 3.98723 10.4552 4.1554 10.3111 4.29614L5.86656 8.65516C5.81837 8.70203 5.78006 8.75808 5.7539 8.82001C5.72775 8.88194 5.71427 8.94848 5.71427 9.01571C5.71427 9.08294 5.72775 9.14948 5.7539 9.21141C5.78006 9.27334 5.81837 9.32939 5.86656 9.37626C5.96503 9.47212 6.09703 9.52576 6.23445 9.52576C6.37187 9.52576 6.50387 9.47212 6.60234 9.37626L6.66222 9.31698L6.66345 9.31576L11.0463 5.01725C11.3417 4.73067 11.7372 4.57056 12.1488 4.5709C12.5604 4.57124 12.9556 4.73202 13.2506 5.01908L13.2811 5.04902C13.4256 5.18967 13.5405 5.35786 13.6189 5.54363C13.6973 5.72941 13.7377 5.92903 13.7377 6.13068C13.7377 6.33233 13.6973 6.53195 13.6189 6.71773C13.5405 6.9035 13.4256 7.07169 13.2811 7.21234L7.96082 12.43C7.84828 12.5393 7.75882 12.6701 7.69773 12.8147C7.63664 12.9592 7.60517 13.1145 7.60517 13.2714C7.60517 13.4284 7.63664 13.5837 7.69773 13.7282C7.75882 13.8728 7.84828 14.0036 7.96082 14.1129L9.05348 15.1842C9.15192 15.2799 9.28378 15.3334 9.42106 15.3334C9.55834 15.3334 9.6902 15.2799 9.78864 15.1842C9.83683 15.1373 9.87514 15.0813 9.9013 15.0194C9.92746 14.9574 9.94094 14.8909 9.94094 14.8237C9.94094 14.7564 9.92746 14.6899 9.9013 14.628C9.87514 14.566 9.83683 14.51 9.78864 14.4631L8.69598 13.3912C8.67992 13.3756 8.66716 13.357 8.65844 13.3363C8.64973 13.3157 8.64523 13.2935 8.64523 13.2711C8.64523 13.2488 8.64973 13.2266 8.65844 13.206C8.66716 13.1853 8.67992 13.1667 8.69598 13.1511L14.0163 7.93405C14.2572 7.69971 14.4488 7.41943 14.5796 7.10979C14.7104 6.80014 14.7778 6.46742 14.7778 6.13129C14.7778 5.79516 14.7104 5.46244 14.5796 5.1528C14.4488 4.84315 14.2572 4.56288 14.0163 4.32853L13.9857 4.29797C13.6978 4.01697 13.3493 3.80582 12.9669 3.6808C12.5845 3.55578 12.1785 3.52022 11.7802 3.57687C11.8371 3.1838 11.8001 2.78285 11.6722 2.40684C11.5443 2.03083 11.3292 1.69045 11.0445 1.41356C10.5524 0.93469 9.89288 0.666748 9.20626 0.666748C8.51964 0.666748 7.86012 0.93469 7.36805 1.41356L1.48555 7.18239C1.43735 7.22926 1.39905 7.28532 1.37289 7.34725C1.34673 7.40917 1.33325 7.47572 1.33325 7.54294C1.33325 7.61017 1.34673 7.67672 1.37289 7.73864C1.39905 7.80057 1.43735 7.85663 1.48555 7.9035C1.58399 7.99918 1.71585 8.0527 1.85313 8.0527C1.9904 8.0527 2.12227 7.99918 2.22071 7.9035L8.10321 2.13466C8.39848 1.8473 8.79424 1.68651 9.20626 1.68651Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.68688 3.41201C9.66072 3.47394 9.62241 3.52999 9.57422 3.57686L5.22314 7.8436C5.07864 7.98425 4.96378 8.15243 4.88535 8.33821C4.80693 8.52399 4.76652 8.7236 4.76652 8.92526C4.76652 9.12691 4.80693 9.32652 4.88535 9.5123C4.96378 9.69808 5.07864 9.86626 5.22314 10.0069C5.51841 10.2943 5.91417 10.4551 6.32619 10.4551C6.73821 10.4551 7.13397 10.2943 7.42924 10.0069L11.7797 5.74017C11.8782 5.64431 12.0102 5.59067 12.1476 5.59067C12.285 5.59067 12.417 5.64431 12.5155 5.74017C12.5637 5.78704 12.602 5.8431 12.6281 5.90503C12.6543 5.96696 12.6678 6.0335 12.6678 6.10073C12.6678 6.16795 12.6543 6.2345 12.6281 6.29643C12.602 6.35835 12.5637 6.41441 12.5155 6.46128L8.1644 10.728C7.67225 11.2067 7.01276 11.4746 6.32619 11.4746C5.63962 11.4746 4.98013 11.2067 4.48798 10.728C4.24701 10.4937 4.05547 10.2134 3.92468 9.90375C3.79389 9.59411 3.7265 9.26139 3.7265 8.92526C3.7265 8.58912 3.79389 8.2564 3.92468 7.94676C4.05547 7.63712 4.24701 7.35684 4.48798 7.1225L8.83845 2.85576C8.93691 2.75989 9.06891 2.70625 9.20633 2.70625C9.34375 2.70625 9.47575 2.75989 9.57422 2.85576C9.62241 2.90263 9.66072 2.95868 9.68688 3.02061C9.71304 3.08254 9.72651 3.14908 9.72651 3.21631C9.72651 3.28353 9.71304 3.35008 9.68688 3.41201Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Mcp"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.20626 1.68651C9.61828 1.68651 10.014 1.8473 10.3093 2.13466C10.4536 2.27516 10.5684 2.44313 10.6468 2.62868C10.7252 2.81422 10.7657 3.01358 10.7659 3.21501C10.7661 3.41645 10.7259 3.61588 10.6478 3.80156C10.5697 3.98723 10.4552 4.1554 10.3111 4.29614L5.86656 8.65516C5.81837 8.70203 5.78006 8.75808 5.7539 8.82001C5.72775 8.88194 5.71427 8.94848 5.71427 9.01571C5.71427 9.08294 5.72775 9.14948 5.7539 9.21141C5.78006 9.27334 5.81837 9.32939 5.86656 9.37626C5.96503 9.47212 6.09703 9.52576 6.23445 9.52576C6.37187 9.52576 6.50387 9.47212 6.60234 9.37626L6.66222 9.31698L6.66345 9.31576L11.0463 5.01725C11.3417 4.73067 11.7372 4.57056 12.1488 4.5709C12.5604 4.57124 12.9556 4.73202 13.2506 5.01908L13.2811 5.04902C13.4256 5.18967 13.5405 5.35786 13.6189 5.54363C13.6973 5.72941 13.7377 5.92903 13.7377 6.13068C13.7377 6.33233 13.6973 6.53195 13.6189 6.71773C13.5405 6.9035 13.4256 7.07169 13.2811 7.21234L7.96082 12.43C7.84828 12.5393 7.75882 12.6701 7.69773 12.8147C7.63664 12.9592 7.60517 13.1145 7.60517 13.2714C7.60517 13.4284 7.63664 13.5837 7.69773 13.7282C7.75882 13.8728 7.84828 14.0036 7.96082 14.1129L9.05348 15.1842C9.15192 15.2799 9.28378 15.3334 9.42106 15.3334C9.55834 15.3334 9.6902 15.2799 9.78864 15.1842C9.83683 15.1373 9.87514 15.0813 9.9013 15.0194C9.92746 14.9574 9.94094 14.8909 9.94094 14.8237C9.94094 14.7564 9.92746 14.6899 9.9013 14.628C9.87514 14.566 9.83683 14.51 9.78864 14.4631L8.69598 13.3912C8.67992 13.3756 8.66716 13.357 8.65844 13.3363C8.64973 13.3157 8.64523 13.2935 8.64523 13.2711C8.64523 13.2488 8.64973 13.2266 8.65844 13.206C8.66716 13.1853 8.67992 13.1667 8.69598 13.1511L14.0163 7.93405C14.2572 7.69971 14.4488 7.41943 14.5796 7.10979C14.7104 6.80014 14.7778 6.46742 14.7778 6.13129C14.7778 5.79516 14.7104 5.46244 14.5796 5.1528C14.4488 4.84315 14.2572 4.56288 14.0163 4.32853L13.9857 4.29797C13.6978 4.01697 13.3493 3.80582 12.9669 3.6808C12.5845 3.55578 12.1785 3.52022 11.7802 3.57687C11.8371 3.1838 11.8001 2.78285 11.6722 2.40684C11.5443 2.03083 11.3292 1.69045 11.0445 1.41356C10.5524 0.93469 9.89288 0.666748 9.20626 0.666748C8.51964 0.666748 7.86012 0.93469 7.36805 1.41356L1.48555 7.18239C1.43735 7.22926 1.39905 7.28532 1.37289 7.34725C1.34673 7.40917 1.33325 7.47572 1.33325 7.54294C1.33325 7.61017 1.34673 7.67672 1.37289 7.73864C1.39905 7.80057 1.43735 7.85663 1.48555 7.9035C1.58399 7.99918 1.71585 8.0527 1.85313 8.0527C1.9904 8.0527 2.12227 7.99918 2.22071 7.9035L8.10321 2.13466C8.39848 1.8473 8.79424 1.68651 9.20626 1.68651Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.68688 3.41201C9.66072 3.47394 9.62241 3.52999 9.57422 3.57686L5.22314 7.8436C5.07864 7.98425 4.96378 8.15243 4.88535 8.33821C4.80693 8.52399 4.76652 8.7236 4.76652 8.92526C4.76652 9.12691 4.80693 9.32652 4.88535 9.5123C4.96378 9.69808 5.07864 9.86626 5.22314 10.0069C5.51841 10.2943 5.91417 10.4551 6.32619 10.4551C6.73821 10.4551 7.13397 10.2943 7.42924 10.0069L11.7797 5.74017C11.8782 5.64431 12.0102 5.59067 12.1476 5.59067C12.285 5.59067 12.417 5.64431 12.5155 5.74017C12.5637 5.78704 12.602 5.8431 12.6281 5.90503C12.6543 5.96696 12.6678 6.0335 12.6678 6.10073C12.6678 6.16795 12.6543 6.2345 12.6281 6.29643C12.602 6.35835 12.5637 6.41441 12.5155 6.46128L8.1644 10.728C7.67225 11.2067 7.01276 11.4746 6.32619 11.4746C5.63962 11.4746 4.98013 11.2067 4.48798 10.728C4.24701 10.4937 4.05547 10.2134 3.92468 9.90375C3.79389 9.59411 3.7265 9.26139 3.7265 8.92526C3.7265 8.58912 3.79389 8.2564 3.92468 7.94676C4.05547 7.63712 4.24701 7.35684 4.48798 7.1225L8.83845 2.85576C8.93691 2.75989 9.06891 2.70625 9.20633 2.70625C9.34375 2.70625 9.47575 2.75989 9.57422 2.85576C9.62241 2.90263 9.66072 2.95868 9.68688 3.02061C9.71304 3.08254 9.72651 3.14908 9.72651 3.21631C9.72651 3.28353 9.71304 3.35008 9.68688 3.41201Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Mcp"
 }
diff --git a/web/app/components/base/icons/src/vender/other/Mcp.tsx b/web/app/components/base/icons/src/vender/other/Mcp.tsx
index d16918c725..2873216055 100644
--- a/web/app/components/base/icons/src/vender/other/Mcp.tsx
+++ b/web/app/components/base/icons/src/vender/other/Mcp.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Mcp.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Mcp.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.json b/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.json
index db2c952b1d..e37fff4fae 100644
--- a/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.json
+++ b/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.json
@@ -1,279 +1,279 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "204",
-			"height": "36",
-			"viewBox": "0 0 204 36",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M3.33333 18.3333C3.33333 18.5423 3.64067 18.9056 4.35365 19.2621C5.27603 19.7233 6.58451 20 8 20C9.41547 20 10.7239 19.7233 11.6463 19.2621C12.3593 18.9056 12.6667 18.5423 12.6667 18.3333V16.8858C11.5667 17.5655 9.88487 18 8 18C6.11515 18 4.43331 17.5655 3.33333 16.8858V18.3333ZM12.6667 20.2191C11.5667 20.8988 9.88487 21.3333 8 21.3333C6.11515 21.3333 4.43331 20.8988 3.33333 20.2191V21.6667C3.33333 21.8756 3.64067 22.2389 4.35365 22.5954C5.27603 23.0566 6.58451 23.3333 8 23.3333C9.41547 23.3333 10.7239 23.0566 11.6463 22.5954C12.3593 22.2389 12.6667 21.8756 12.6667 21.6667V20.2191ZM2 21.6667V15C2 13.3431 4.68629 12 8 12C11.3137 12 14 13.3431 14 15V21.6667C14 23.3235 11.3137 24.6667 8 24.6667C4.68629 24.6667 2 23.3235 2 21.6667ZM8 16.6667C9.41547 16.6667 10.7239 16.3899 11.6463 15.9288C12.3593 15.5723 12.6667 15.2089 12.6667 15C12.6667 14.7911 12.3593 14.4277 11.6463 14.0712C10.7239 13.6101 9.41547 13.3333 8 13.3333C6.58451 13.3333 5.27603 13.6101 4.35365 14.0712C3.64067 14.4277 3.33333 14.7911 3.33333 15C3.33333 15.2089 3.64067 15.5723 4.35365 15.9288C5.27603 16.3899 6.58451 16.6667 8 16.6667Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.3"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M41.3337 11.3333C41.7019 11.3333 42.0003 11.6318 42.0003 12V15.3333C42.0003 15.7015 41.7019 16 41.3337 16H38.0003V24.6667C38.0003 25.0349 37.7019 25.3333 37.3337 25.3333H34.667C34.2988 25.3333 34.0003 25.0349 34.0003 24.6667V16H30.3337C29.9655 16 29.667 15.7015 29.667 15.3333V13.7454C29.667 13.4929 29.8097 13.262 30.0355 13.1491L33.667 11.3333H41.3337ZM38.0003 12.6667H33.9818L31.0003 14.1574V14.6667H35.3337V24H36.667V14.6667H38.0003V12.6667ZM40.667 12.6667H39.3337V14.6667H40.667V12.6667Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.6"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M60.6667 13.3333C60.6667 11.8606 61.8606 10.6667 63.3333 10.6667C64.8061 10.6667 66 11.8606 66 13.3333H69.3333C69.7015 13.3333 70 13.6318 70 14V16.7805C70 16.9969 69.8949 17.1998 69.7183 17.3248C69.5415 17.4497 69.3152 17.4811 69.1112 17.409C68.973 17.3602 68.8237 17.3333 68.6667 17.3333C67.9303 17.3333 67.3333 17.9303 67.3333 18.6667C67.3333 19.4031 67.9303 20 68.6667 20C68.8237 20 68.973 19.9731 69.1112 19.9243C69.3152 19.8522 69.5415 19.8836 69.7183 20.0085C69.8949 20.1335 70 20.3365 70 20.5529V23.3333C70 23.7015 69.7015 24 69.3333 24H58.6667C58.2985 24 58 23.7015 58 23.3333V14C58 13.6318 58.2985 13.3333 58.6667 13.3333H60.6667ZM63.3333 12C62.597 12 62 12.5969 62 13.3333C62 13.4903 62.0269 13.6397 62.0757 13.7778C62.1478 13.9819 62.1164 14.2082 61.9915 14.3849C61.8665 14.5616 61.6635 14.6667 61.4471 14.6667H59.3333V22.6667H68.6667V21.3333C67.1939 21.3333 66 20.1394 66 18.6667C66 17.1939 67.1939 16 68.6667 16V14.6667H65.2195C65.0031 14.6667 64.8002 14.5616 64.6752 14.3849C64.5503 14.2082 64.5189 13.9819 64.591 13.7778C64.6398 13.6397 64.6667 13.4904 64.6667 13.3333C64.6667 12.5969 64.0697 12 63.3333 12Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "84.5",
-					"y": "0.5",
-					"width": "35",
-					"height": "35",
-					"rx": "9.5",
-					"stroke": "#101828",
-					"stroke-opacity": "0.04"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M96.167 16.3333H107.834V25.5H96.167V16.3333Z",
-					"stroke": "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M100.333 19.6667H103.666",
-					"stroke": "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M107.833 12.1667L105.583 15.9167",
-					"stroke": "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M97.4888 11.9517C97.5447 11.9238 97.5901 11.8784 97.6181 11.8224L97.9911 11.0765C98.0976 10.8634 98.4017 10.8634 98.5083 11.0765L98.8813 11.8224C98.9092 11.8784 98.9546 11.9238 99.0106 11.9517L99.7565 12.3247C99.9696 12.4313 99.9696 12.7354 99.7565 12.842L99.0106 13.2149C98.9546 13.2429 98.9092 13.2883 98.8813 13.3442L98.5083 14.0902C98.4017 14.3033 98.0976 14.3033 97.9911 14.0902L97.6181 13.3442C97.5901 13.2883 97.5447 13.2429 97.4888 13.2149L96.7429 12.842C96.5297 12.7354 96.5297 12.4313 96.7429 12.3247L97.4888 11.9517Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M101.882 10.5438C101.952 10.5089 102.009 10.4521 102.044 10.3822L102.51 9.4498C102.643 9.1834 103.023 9.1834 103.157 9.4498L103.623 10.3822C103.658 10.4521 103.714 10.5089 103.784 10.5438L104.717 11.0101C104.983 11.1432 104.983 11.5234 104.717 11.6566L103.784 12.1228C103.714 12.1578 103.658 12.2145 103.623 12.2845L103.157 13.2169C103.023 13.4833 102.643 13.4833 102.51 13.2169L102.044 12.2845C102.009 12.2145 101.952 12.1578 101.882 12.1228L100.95 11.6566C100.683 11.5234 100.683 11.1432 100.95 11.0101L101.882 10.5438Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.6",
-					"clip-path": "url(#clip0_9296_51042)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M145.809 14.7521L145.645 15.1292C145.525 15.4053 145.143 15.4053 145.022 15.1292L144.858 14.7521C144.565 14.0796 144.037 13.5443 143.379 13.2514L142.872 13.0261C142.599 12.9044 142.599 12.5059 142.872 12.3841L143.35 12.1714C144.026 11.871 144.563 11.3158 144.851 10.6206L145.02 10.213C145.138 9.92899 145.53 9.92899 145.647 10.213L145.816 10.6206C146.104 11.3158 146.641 11.871 147.317 12.1714L147.795 12.3841C148.069 12.5059 148.069 12.9044 147.795 13.0261L147.289 13.2514C146.63 13.5443 146.102 14.0796 145.809 14.7521ZM138 11.3333C140.712 11.3333 142.951 13.3571 143.289 15.9766L144.79 18.3358C144.889 18.4911 144.869 18.7231 144.64 18.8211L143.334 19.3807V21.3333C143.334 22.0697 142.737 22.6667 142 22.6667H140.668L140.667 24.6667H134.667L134.667 22.2041C134.667 21.4168 134.376 20.6725 133.837 20.0007C133.105 19.0875 132.667 17.9283 132.667 16.6667C132.667 13.7211 135.055 11.3333 138 11.3333ZM138 12.6667C135.791 12.6667 134 14.4575 134 16.6667C134 17.5899 134.312 18.4619 134.878 19.1666C135.607 20.076 136.001 21.1115 136 22.2042L136 23.3333H139.334L139.335 21.3333H142V18.5013L143.033 18.0587L142.005 16.4417L141.967 16.1475C141.711 14.1676 140.017 12.6667 138 12.6667ZM144.993 21.3286L146.103 22.0683C146.88 20.9041 147.334 19.5051 147.334 18.0001C147.334 17.5447 147.292 17.0991 147.213 16.6667L145.917 17C145.972 17.3252 146 17.6593 146 18.0001C146 19.2314 145.629 20.3761 144.993 21.3286Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.3"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M167.149 16.3522L167.251 16.3822L174.224 19.0391L174.317 19.082C174.722 19.308 174.777 19.8792 174.424 20.179L174.341 20.2389L171.817 21.8171L170.239 24.3418C169.962 24.784 169.324 24.7511 169.082 24.3171L169.039 24.2246L166.382 17.2513C166.188 16.742 166.644 16.2421 167.149 16.3522ZM169.812 22.5085L170.767 20.9811L170.811 20.9186C170.858 20.859 170.916 20.8076 170.981 20.7669L172.508 19.8119L168.152 18.1524L169.812 22.5085Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M165.212 20.3978L163.562 22.0475L162.619 21.1048L164.269 19.4551L165.212 20.3978Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M163.666 18H161.333V16.6667H163.666V18Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M165.212 14.2689L164.269 15.2116L162.619 13.5619L163.562 12.6192L165.212 14.2689Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M172.047 13.5619L170.397 15.2116L169.455 14.2689L171.104 12.6192L172.047 13.5619Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M168 13.6667H166.666V11.3333H168V13.6667Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"opacity": "0.1"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M202.666 23.3333V14.6667L201.333 12H190.666L189.333 14.669V23.3333C189.333 23.7015 189.631 24 190 24H202C202.368 24 202.666 23.7015 202.666 23.3333ZM190.666 16H201.333V22.6667H190.666V16ZM191.49 13.3333H200.509L201.176 14.6667H190.824L191.49 13.3333ZM198 17.3333H194V18.6667H198V17.3333Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.3"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_9296_51042"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white",
-									"transform": "translate(132 10)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "NoToolPlaceholder"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "204",
+      "height": "36",
+      "viewBox": "0 0 204 36",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M3.33333 18.3333C3.33333 18.5423 3.64067 18.9056 4.35365 19.2621C5.27603 19.7233 6.58451 20 8 20C9.41547 20 10.7239 19.7233 11.6463 19.2621C12.3593 18.9056 12.6667 18.5423 12.6667 18.3333V16.8858C11.5667 17.5655 9.88487 18 8 18C6.11515 18 4.43331 17.5655 3.33333 16.8858V18.3333ZM12.6667 20.2191C11.5667 20.8988 9.88487 21.3333 8 21.3333C6.11515 21.3333 4.43331 20.8988 3.33333 20.2191V21.6667C3.33333 21.8756 3.64067 22.2389 4.35365 22.5954C5.27603 23.0566 6.58451 23.3333 8 23.3333C9.41547 23.3333 10.7239 23.0566 11.6463 22.5954C12.3593 22.2389 12.6667 21.8756 12.6667 21.6667V20.2191ZM2 21.6667V15C2 13.3431 4.68629 12 8 12C11.3137 12 14 13.3431 14 15V21.6667C14 23.3235 11.3137 24.6667 8 24.6667C4.68629 24.6667 2 23.3235 2 21.6667ZM8 16.6667C9.41547 16.6667 10.7239 16.3899 11.6463 15.9288C12.3593 15.5723 12.6667 15.2089 12.6667 15C12.6667 14.7911 12.3593 14.4277 11.6463 14.0712C10.7239 13.6101 9.41547 13.3333 8 13.3333C6.58451 13.3333 5.27603 13.6101 4.35365 14.0712C3.64067 14.4277 3.33333 14.7911 3.33333 15C3.33333 15.2089 3.64067 15.5723 4.35365 15.9288C5.27603 16.3899 6.58451 16.6667 8 16.6667Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.3"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M41.3337 11.3333C41.7019 11.3333 42.0003 11.6318 42.0003 12V15.3333C42.0003 15.7015 41.7019 16 41.3337 16H38.0003V24.6667C38.0003 25.0349 37.7019 25.3333 37.3337 25.3333H34.667C34.2988 25.3333 34.0003 25.0349 34.0003 24.6667V16H30.3337C29.9655 16 29.667 15.7015 29.667 15.3333V13.7454C29.667 13.4929 29.8097 13.262 30.0355 13.1491L33.667 11.3333H41.3337ZM38.0003 12.6667H33.9818L31.0003 14.1574V14.6667H35.3337V24H36.667V14.6667H38.0003V12.6667ZM40.667 12.6667H39.3337V14.6667H40.667V12.6667Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.6"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M60.6667 13.3333C60.6667 11.8606 61.8606 10.6667 63.3333 10.6667C64.8061 10.6667 66 11.8606 66 13.3333H69.3333C69.7015 13.3333 70 13.6318 70 14V16.7805C70 16.9969 69.8949 17.1998 69.7183 17.3248C69.5415 17.4497 69.3152 17.4811 69.1112 17.409C68.973 17.3602 68.8237 17.3333 68.6667 17.3333C67.9303 17.3333 67.3333 17.9303 67.3333 18.6667C67.3333 19.4031 67.9303 20 68.6667 20C68.8237 20 68.973 19.9731 69.1112 19.9243C69.3152 19.8522 69.5415 19.8836 69.7183 20.0085C69.8949 20.1335 70 20.3365 70 20.5529V23.3333C70 23.7015 69.7015 24 69.3333 24H58.6667C58.2985 24 58 23.7015 58 23.3333V14C58 13.6318 58.2985 13.3333 58.6667 13.3333H60.6667ZM63.3333 12C62.597 12 62 12.5969 62 13.3333C62 13.4903 62.0269 13.6397 62.0757 13.7778C62.1478 13.9819 62.1164 14.2082 61.9915 14.3849C61.8665 14.5616 61.6635 14.6667 61.4471 14.6667H59.3333V22.6667H68.6667V21.3333C67.1939 21.3333 66 20.1394 66 18.6667C66 17.1939 67.1939 16 68.6667 16V14.6667H65.2195C65.0031 14.6667 64.8002 14.5616 64.6752 14.3849C64.5503 14.2082 64.5189 13.9819 64.591 13.7778C64.6398 13.6397 64.6667 13.4904 64.6667 13.3333C64.6667 12.5969 64.0697 12 63.3333 12Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "rect",
+        "attributes": {
+          "x": "84.5",
+          "y": "0.5",
+          "width": "35",
+          "height": "35",
+          "rx": "9.5",
+          "stroke": "#101828",
+          "stroke-opacity": "0.04"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M96.167 16.3333H107.834V25.5H96.167V16.3333Z",
+          "stroke": "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M100.333 19.6667H103.666",
+          "stroke": "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M107.833 12.1667L105.583 15.9167",
+          "stroke": "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M97.4888 11.9517C97.5447 11.9238 97.5901 11.8784 97.6181 11.8224L97.9911 11.0765C98.0976 10.8634 98.4017 10.8634 98.5083 11.0765L98.8813 11.8224C98.9092 11.8784 98.9546 11.9238 99.0106 11.9517L99.7565 12.3247C99.9696 12.4313 99.9696 12.7354 99.7565 12.842L99.0106 13.2149C98.9546 13.2429 98.9092 13.2883 98.8813 13.3442L98.5083 14.0902C98.4017 14.3033 98.0976 14.3033 97.9911 14.0902L97.6181 13.3442C97.5901 13.2883 97.5447 13.2429 97.4888 13.2149L96.7429 12.842C96.5297 12.7354 96.5297 12.4313 96.7429 12.3247L97.4888 11.9517Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M101.882 10.5438C101.952 10.5089 102.009 10.4521 102.044 10.3822L102.51 9.4498C102.643 9.1834 103.023 9.1834 103.157 9.4498L103.623 10.3822C103.658 10.4521 103.714 10.5089 103.784 10.5438L104.717 11.0101C104.983 11.1432 104.983 11.5234 104.717 11.6566L103.784 12.1228C103.714 12.1578 103.658 12.2145 103.623 12.2845L103.157 13.2169C103.023 13.4833 102.643 13.4833 102.51 13.2169L102.044 12.2845C102.009 12.2145 101.952 12.1578 101.882 12.1228L100.95 11.6566C100.683 11.5234 100.683 11.1432 100.95 11.0101L101.882 10.5438Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.6",
+          "clip-path": "url(#clip0_9296_51042)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M145.809 14.7521L145.645 15.1292C145.525 15.4053 145.143 15.4053 145.022 15.1292L144.858 14.7521C144.565 14.0796 144.037 13.5443 143.379 13.2514L142.872 13.0261C142.599 12.9044 142.599 12.5059 142.872 12.3841L143.35 12.1714C144.026 11.871 144.563 11.3158 144.851 10.6206L145.02 10.213C145.138 9.92899 145.53 9.92899 145.647 10.213L145.816 10.6206C146.104 11.3158 146.641 11.871 147.317 12.1714L147.795 12.3841C148.069 12.5059 148.069 12.9044 147.795 13.0261L147.289 13.2514C146.63 13.5443 146.102 14.0796 145.809 14.7521ZM138 11.3333C140.712 11.3333 142.951 13.3571 143.289 15.9766L144.79 18.3358C144.889 18.4911 144.869 18.7231 144.64 18.8211L143.334 19.3807V21.3333C143.334 22.0697 142.737 22.6667 142 22.6667H140.668L140.667 24.6667H134.667L134.667 22.2041C134.667 21.4168 134.376 20.6725 133.837 20.0007C133.105 19.0875 132.667 17.9283 132.667 16.6667C132.667 13.7211 135.055 11.3333 138 11.3333ZM138 12.6667C135.791 12.6667 134 14.4575 134 16.6667C134 17.5899 134.312 18.4619 134.878 19.1666C135.607 20.076 136.001 21.1115 136 22.2042L136 23.3333H139.334L139.335 21.3333H142V18.5013L143.033 18.0587L142.005 16.4417L141.967 16.1475C141.711 14.1676 140.017 12.6667 138 12.6667ZM144.993 21.3286L146.103 22.0683C146.88 20.9041 147.334 19.5051 147.334 18.0001C147.334 17.5447 147.292 17.0991 147.213 16.6667L145.917 17C145.972 17.3252 146 17.6593 146 18.0001C146 19.2314 145.629 20.3761 144.993 21.3286Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.3"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M167.149 16.3522L167.251 16.3822L174.224 19.0391L174.317 19.082C174.722 19.308 174.777 19.8792 174.424 20.179L174.341 20.2389L171.817 21.8171L170.239 24.3418C169.962 24.784 169.324 24.7511 169.082 24.3171L169.039 24.2246L166.382 17.2513C166.188 16.742 166.644 16.2421 167.149 16.3522ZM169.812 22.5085L170.767 20.9811L170.811 20.9186C170.858 20.859 170.916 20.8076 170.981 20.7669L172.508 19.8119L168.152 18.1524L169.812 22.5085Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M165.212 20.3978L163.562 22.0475L162.619 21.1048L164.269 19.4551L165.212 20.3978Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M163.666 18H161.333V16.6667H163.666V18Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M165.212 14.2689L164.269 15.2116L162.619 13.5619L163.562 12.6192L165.212 14.2689Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M172.047 13.5619L170.397 15.2116L169.455 14.2689L171.104 12.6192L172.047 13.5619Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M168 13.6667H166.666V11.3333H168V13.6667Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "opacity": "0.1"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M202.666 23.3333V14.6667L201.333 12H190.666L189.333 14.669V23.3333C189.333 23.7015 189.631 24 190 24H202C202.368 24 202.666 23.7015 202.666 23.3333ZM190.666 16H201.333V22.6667H190.666V16ZM191.49 13.3333H200.509L201.176 14.6667H190.824L191.49 13.3333ZM198 17.3333H194V18.6667H198V17.3333Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.3"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_9296_51042"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white",
+                  "transform": "translate(132 10)"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "NoToolPlaceholder"
 }
diff --git a/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.tsx b/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.tsx
index 0eafd50bf3..a60f57c3e7 100644
--- a/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.tsx
+++ b/web/app/components/base/icons/src/vender/other/NoToolPlaceholder.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './NoToolPlaceholder.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './NoToolPlaceholder.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/Openai.json b/web/app/components/base/icons/src/vender/other/Openai.json
index ddf1243254..c9b976e08a 100644
--- a/web/app/components/base/icons/src/vender/other/Openai.json
+++ b/web/app/components/base/icons/src/vender/other/Openai.json
@@ -1,80 +1,80 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "80",
-			"height": "22",
-			"viewBox": "0 0 80 22",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M25.1152 10.5767C25.1152 14.1738 27.4253 16.6818 30.6264 16.6818C33.8274 16.6818 36.1375 14.1738 36.1375 10.5767C36.1375 6.97961 33.8274 4.47156 30.6264 4.47156C27.4253 4.47156 25.1152 6.97961 25.1152 10.5767ZM34.0254 10.5767C34.0254 13.1507 32.6229 14.8173 30.6264 14.8173C28.6298 14.8173 27.2273 13.1507 27.2273 10.5767C27.2273 8.00263 28.6298 6.3361 30.6264 6.3361C32.6229 6.3361 34.0254 8.00263 34.0254 10.5767Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M42.0868 16.6819C44.5124 16.6819 45.8984 14.6358 45.8984 12.1773C45.8984 9.71871 44.5124 7.67267 42.0868 7.67267C40.9648 7.67267 40.1398 8.11818 39.5953 8.76169V7.83767H37.6152V19.4704H39.5953V15.5928C40.1398 16.2364 40.9648 16.6819 42.0868 16.6819ZM39.5458 11.9298C39.5458 10.2962 40.4698 9.40521 41.6908 9.40521C43.1264 9.40521 43.9019 10.5272 43.9019 12.1773C43.9019 13.8273 43.1264 14.9493 41.6908 14.9493C40.4698 14.9493 39.5458 14.0418 39.5458 12.4413V11.9298Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M51.2545 16.6819C52.987 16.6819 54.3565 15.7743 54.967 14.2563L53.2675 13.6128C53.0035 14.5038 52.228 14.9988 51.2545 14.9988C49.9839 14.9988 49.0929 14.0913 48.9444 12.6063H55.0165V11.9463C55.0165 9.57021 53.68 7.67267 51.172 7.67267C48.6639 7.67267 47.0469 9.63621 47.0469 12.1773C47.0469 14.8503 48.7794 16.6819 51.2545 16.6819ZM51.1555 9.3392C52.4095 9.3392 53.0035 10.1642 53.02 11.1212H49.0434C49.3404 9.94972 50.1324 9.3392 51.1555 9.3392Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M56.5039 16.5004H58.484V11.4182C58.484 10.1807 59.3915 9.52071 60.2825 9.52071C61.3715 9.52071 61.8005 10.2962 61.8005 11.3687V16.5004H63.7806V10.7912C63.7806 8.9267 62.6915 7.67267 60.8765 7.67267C59.7545 7.67267 58.979 8.18418 58.484 8.76169V7.83767H56.5039V16.5004Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M69.5799 4.65308L65.0918 16.5003H67.1873L68.1939 13.7943H73.309L74.332 16.5003H76.4605L71.9724 4.65308H69.5799ZM70.7349 6.99613L72.616 11.9462H68.8869L70.7349 6.99613Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M79.8581 4.6875H77.7461V16.5348H79.8581V4.6875Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M20.2769 9.00436C20.776 7.50627 20.6041 5.86517 19.8059 4.50251C18.6055 2.41247 16.1924 1.3372 13.8356 1.84321C12.7871 0.662057 11.2808 -0.00964523 9.70154 -2.00271e-05C7.29248 -0.00552014 5.155 1.54551 4.41386 3.83769C2.86626 4.15463 1.53042 5.12334 0.748717 6.49631C-0.460621 8.58085 -0.184928 11.2085 1.43073 12.9961C0.931596 14.4942 1.10348 16.1353 1.90168 17.4979C3.10208 19.588 5.51526 20.6632 7.87206 20.1572C8.91983 21.3384 10.4269 22.0101 12.0061 21.9998C14.4165 22.006 16.5547 20.4535 17.2958 18.1593C18.8434 17.8424 20.1793 16.8737 20.961 15.5007C22.1689 13.4161 21.8925 10.7905 20.2776 9.00298L20.2769 9.00436ZM12.0075 20.5622C11.0429 20.5635 10.1085 20.226 9.36809 19.6079C9.40178 19.59 9.46022 19.5577 9.49803 19.5343L13.8789 17.0043C14.103 16.8771 14.2405 16.6385 14.2391 16.3807V10.2048L16.0906 11.2738C16.1105 11.2835 16.1236 11.3027 16.1264 11.3247V16.4391C16.1236 18.7134 14.2818 20.5574 12.0075 20.5622ZM3.14952 16.7788C2.6662 15.9441 2.49225 14.9658 2.65795 14.0163C2.69026 14.0356 2.74732 14.0707 2.78789 14.094L7.16873 16.6241C7.3908 16.754 7.6658 16.754 7.88856 16.6241L13.2367 13.5358V15.6739C13.2381 15.6959 13.2278 15.7173 13.2106 15.731L8.78233 18.2879C6.80985 19.4236 4.29079 18.7485 3.15021 16.7788H3.14952ZM1.99656 7.21613C2.47782 6.38012 3.23752 5.74073 4.14229 5.40866C4.14229 5.44647 4.14023 5.51316 4.14023 5.55991V10.6207C4.13885 10.8778 4.27636 11.1164 4.4998 11.2436L9.84798 14.3312L7.9965 15.4003C7.97794 15.4127 7.95456 15.4147 7.93393 15.4058L3.50496 12.8469C1.53661 11.707 0.86147 9.18861 1.99587 7.21682L1.99656 7.21613ZM17.2085 10.7561L11.8603 7.66783L13.7118 6.59943C13.7304 6.58706 13.7537 6.585 13.7744 6.59393L18.2033 9.1508C20.1751 10.29 20.851 12.8125 19.7118 14.7843C19.2298 15.6189 18.4708 16.2583 17.5667 16.5911V11.379C17.5688 11.1219 17.432 10.884 17.2092 10.7561H17.2085ZM19.0511 7.98271C19.0187 7.96278 18.9617 7.9284 18.9211 7.90502L14.5403 5.37497C14.3182 5.24503 14.0432 5.24503 13.8204 5.37497L8.47226 8.46329V6.32512C8.47088 6.30311 8.4812 6.2818 8.49838 6.26805L12.9267 3.71325C14.8991 2.57541 17.4209 3.25261 18.5581 5.22578C19.0387 6.05905 19.2126 7.03463 19.0497 7.98271H19.0511ZM7.46574 11.7936L5.61357 10.7245C5.59363 10.7149 5.58057 10.6956 5.57782 10.6736V5.55922C5.5792 3.28218 7.42655 1.43689 9.7036 1.43826C10.6668 1.43826 11.5991 1.77652 12.3395 2.39253C12.3058 2.41041 12.2481 2.44272 12.2096 2.46609L7.82874 4.99615C7.60461 5.12334 7.46711 5.36122 7.46849 5.61904L7.46574 11.7922V11.7936ZM8.47157 9.62519L10.8538 8.24947L13.236 9.6245V12.3752L10.8538 13.7503L8.47157 12.3752V9.62519Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Openai"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "80",
+      "height": "22",
+      "viewBox": "0 0 80 22",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M25.1152 10.5767C25.1152 14.1738 27.4253 16.6818 30.6264 16.6818C33.8274 16.6818 36.1375 14.1738 36.1375 10.5767C36.1375 6.97961 33.8274 4.47156 30.6264 4.47156C27.4253 4.47156 25.1152 6.97961 25.1152 10.5767ZM34.0254 10.5767C34.0254 13.1507 32.6229 14.8173 30.6264 14.8173C28.6298 14.8173 27.2273 13.1507 27.2273 10.5767C27.2273 8.00263 28.6298 6.3361 30.6264 6.3361C32.6229 6.3361 34.0254 8.00263 34.0254 10.5767Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M42.0868 16.6819C44.5124 16.6819 45.8984 14.6358 45.8984 12.1773C45.8984 9.71871 44.5124 7.67267 42.0868 7.67267C40.9648 7.67267 40.1398 8.11818 39.5953 8.76169V7.83767H37.6152V19.4704H39.5953V15.5928C40.1398 16.2364 40.9648 16.6819 42.0868 16.6819ZM39.5458 11.9298C39.5458 10.2962 40.4698 9.40521 41.6908 9.40521C43.1264 9.40521 43.9019 10.5272 43.9019 12.1773C43.9019 13.8273 43.1264 14.9493 41.6908 14.9493C40.4698 14.9493 39.5458 14.0418 39.5458 12.4413V11.9298Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M51.2545 16.6819C52.987 16.6819 54.3565 15.7743 54.967 14.2563L53.2675 13.6128C53.0035 14.5038 52.228 14.9988 51.2545 14.9988C49.9839 14.9988 49.0929 14.0913 48.9444 12.6063H55.0165V11.9463C55.0165 9.57021 53.68 7.67267 51.172 7.67267C48.6639 7.67267 47.0469 9.63621 47.0469 12.1773C47.0469 14.8503 48.7794 16.6819 51.2545 16.6819ZM51.1555 9.3392C52.4095 9.3392 53.0035 10.1642 53.02 11.1212H49.0434C49.3404 9.94972 50.1324 9.3392 51.1555 9.3392Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M56.5039 16.5004H58.484V11.4182C58.484 10.1807 59.3915 9.52071 60.2825 9.52071C61.3715 9.52071 61.8005 10.2962 61.8005 11.3687V16.5004H63.7806V10.7912C63.7806 8.9267 62.6915 7.67267 60.8765 7.67267C59.7545 7.67267 58.979 8.18418 58.484 8.76169V7.83767H56.5039V16.5004Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M69.5799 4.65308L65.0918 16.5003H67.1873L68.1939 13.7943H73.309L74.332 16.5003H76.4605L71.9724 4.65308H69.5799ZM70.7349 6.99613L72.616 11.9462H68.8869L70.7349 6.99613Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M79.8581 4.6875H77.7461V16.5348H79.8581V4.6875Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M20.2769 9.00436C20.776 7.50627 20.6041 5.86517 19.8059 4.50251C18.6055 2.41247 16.1924 1.3372 13.8356 1.84321C12.7871 0.662057 11.2808 -0.00964523 9.70154 -2.00271e-05C7.29248 -0.00552014 5.155 1.54551 4.41386 3.83769C2.86626 4.15463 1.53042 5.12334 0.748717 6.49631C-0.460621 8.58085 -0.184928 11.2085 1.43073 12.9961C0.931596 14.4942 1.10348 16.1353 1.90168 17.4979C3.10208 19.588 5.51526 20.6632 7.87206 20.1572C8.91983 21.3384 10.4269 22.0101 12.0061 21.9998C14.4165 22.006 16.5547 20.4535 17.2958 18.1593C18.8434 17.8424 20.1793 16.8737 20.961 15.5007C22.1689 13.4161 21.8925 10.7905 20.2776 9.00298L20.2769 9.00436ZM12.0075 20.5622C11.0429 20.5635 10.1085 20.226 9.36809 19.6079C9.40178 19.59 9.46022 19.5577 9.49803 19.5343L13.8789 17.0043C14.103 16.8771 14.2405 16.6385 14.2391 16.3807V10.2048L16.0906 11.2738C16.1105 11.2835 16.1236 11.3027 16.1264 11.3247V16.4391C16.1236 18.7134 14.2818 20.5574 12.0075 20.5622ZM3.14952 16.7788C2.6662 15.9441 2.49225 14.9658 2.65795 14.0163C2.69026 14.0356 2.74732 14.0707 2.78789 14.094L7.16873 16.6241C7.3908 16.754 7.6658 16.754 7.88856 16.6241L13.2367 13.5358V15.6739C13.2381 15.6959 13.2278 15.7173 13.2106 15.731L8.78233 18.2879C6.80985 19.4236 4.29079 18.7485 3.15021 16.7788H3.14952ZM1.99656 7.21613C2.47782 6.38012 3.23752 5.74073 4.14229 5.40866C4.14229 5.44647 4.14023 5.51316 4.14023 5.55991V10.6207C4.13885 10.8778 4.27636 11.1164 4.4998 11.2436L9.84798 14.3312L7.9965 15.4003C7.97794 15.4127 7.95456 15.4147 7.93393 15.4058L3.50496 12.8469C1.53661 11.707 0.86147 9.18861 1.99587 7.21682L1.99656 7.21613ZM17.2085 10.7561L11.8603 7.66783L13.7118 6.59943C13.7304 6.58706 13.7537 6.585 13.7744 6.59393L18.2033 9.1508C20.1751 10.29 20.851 12.8125 19.7118 14.7843C19.2298 15.6189 18.4708 16.2583 17.5667 16.5911V11.379C17.5688 11.1219 17.432 10.884 17.2092 10.7561H17.2085ZM19.0511 7.98271C19.0187 7.96278 18.9617 7.9284 18.9211 7.90502L14.5403 5.37497C14.3182 5.24503 14.0432 5.24503 13.8204 5.37497L8.47226 8.46329V6.32512C8.47088 6.30311 8.4812 6.2818 8.49838 6.26805L12.9267 3.71325C14.8991 2.57541 17.4209 3.25261 18.5581 5.22578C19.0387 6.05905 19.2126 7.03463 19.0497 7.98271H19.0511ZM7.46574 11.7936L5.61357 10.7245C5.59363 10.7149 5.58057 10.6956 5.57782 10.6736V5.55922C5.5792 3.28218 7.42655 1.43689 9.7036 1.43826C10.6668 1.43826 11.5991 1.77652 12.3395 2.39253C12.3058 2.41041 12.2481 2.44272 12.2096 2.46609L7.82874 4.99615C7.60461 5.12334 7.46711 5.36122 7.46849 5.61904L7.46574 11.7922V11.7936ZM8.47157 9.62519L10.8538 8.24947L13.236 9.6245V12.3752L10.8538 13.7503L8.47157 12.3752V9.62519Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Openai"
 }
diff --git a/web/app/components/base/icons/src/vender/other/Openai.tsx b/web/app/components/base/icons/src/vender/other/Openai.tsx
index af6185320c..953b26bd11 100644
--- a/web/app/components/base/icons/src/vender/other/Openai.tsx
+++ b/web/app/components/base/icons/src/vender/other/Openai.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Openai.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Openai.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/ReplayLine.json b/web/app/components/base/icons/src/vender/other/ReplayLine.json
index 2cc78753fd..f51b1d8d65 100644
--- a/web/app/components/base/icons/src/vender/other/ReplayLine.json
+++ b/web/app/components/base/icons/src/vender/other/ReplayLine.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Retry"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M9.99996 1.66669C14.6023 1.66669 18.3333 5.39765 18.3333 10C18.3333 14.6024 14.6023 18.3334 9.99996 18.3334C5.39758 18.3334 1.66663 14.6024 1.66663 10H3.33329C3.33329 13.6819 6.31806 16.6667 9.99996 16.6667C13.6819 16.6667 16.6666 13.6819 16.6666 10C16.6666 6.31812 13.6819 3.33335 9.99996 3.33335C7.70848 3.33335 5.68702 4.48947 4.48705 6.25022L6.66663 6.25002V7.91669H1.66663V2.91669H3.33329L3.3332 4.99934C4.85358 2.97565 7.2739 1.66669 9.99996 1.66669Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ReplayLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Retry"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M9.99996 1.66669C14.6023 1.66669 18.3333 5.39765 18.3333 10C18.3333 14.6024 14.6023 18.3334 9.99996 18.3334C5.39758 18.3334 1.66663 14.6024 1.66663 10H3.33329C3.33329 13.6819 6.31806 16.6667 9.99996 16.6667C13.6819 16.6667 16.6666 13.6819 16.6666 10C16.6666 6.31812 13.6819 3.33335 9.99996 3.33335C7.70848 3.33335 5.68702 4.48947 4.48705 6.25022L6.66663 6.25002V7.91669H1.66663V2.91669H3.33329L3.3332 4.99934C4.85358 2.97565 7.2739 1.66669 9.99996 1.66669Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ReplayLine"
 }
diff --git a/web/app/components/base/icons/src/vender/other/ReplayLine.tsx b/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
index 1dae257a6d..a6aa654dc4 100644
--- a/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
+++ b/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ReplayLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ReplayLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/other/SquareChecklist.json b/web/app/components/base/icons/src/vender/other/SquareChecklist.json
index 2295cf3599..8fd999c2be 100644
--- a/web/app/components/base/icons/src/vender/other/SquareChecklist.json
+++ b/web/app/components/base/icons/src/vender/other/SquareChecklist.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19 6C19 5.44771 18.5523 5 18 5H6C5.44771 5 5 5.44771 5 6V18C5 18.5523 5.44771 19 6 19H18C18.5523 19 19 18.5523 19 18V6ZM9.73926 13.1533C10.0706 12.7115 10.6978 12.6218 11.1396 12.9531C11.5815 13.2845 11.6712 13.9117 11.3398 14.3535L9.46777 16.8486C9.14935 17.2732 8.55487 17.3754 8.11328 17.0811L6.98828 16.3311C6.52878 16.0247 6.40465 15.4039 6.71094 14.9443C7.01729 14.4848 7.63813 14.3606 8.09766 14.667L8.43457 14.8916L9.73926 13.1533ZM16 14C16.5523 14 17 14.4477 17 15C17 15.5523 16.5523 16 16 16H14C13.4477 16 13 15.5523 13 15C13 14.4477 13.4477 14 14 14H16ZM9.73926 7.15234C10.0706 6.71052 10.6978 6.62079 11.1396 6.95215C11.5815 7.28352 11.6712 7.91071 11.3398 8.35254L9.46777 10.8477C9.14936 11.2722 8.55487 11.3744 8.11328 11.0801L6.98828 10.3301C6.52884 10.0238 6.40476 9.40286 6.71094 8.94336C7.0173 8.48384 7.63814 8.35965 8.09766 8.66602L8.43457 8.89062L9.73926 7.15234ZM16.0576 8C16.6099 8 17.0576 8.44772 17.0576 9C17.0576 9.55228 16.6099 10 16.0576 10H14.0576C13.5055 9.99985 13.0576 9.55219 13.0576 9C13.0576 8.44781 13.5055 8.00015 14.0576 8H16.0576ZM21 18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "SquareChecklist"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19 6C19 5.44771 18.5523 5 18 5H6C5.44771 5 5 5.44771 5 6V18C5 18.5523 5.44771 19 6 19H18C18.5523 19 19 18.5523 19 18V6ZM9.73926 13.1533C10.0706 12.7115 10.6978 12.6218 11.1396 12.9531C11.5815 13.2845 11.6712 13.9117 11.3398 14.3535L9.46777 16.8486C9.14935 17.2732 8.55487 17.3754 8.11328 17.0811L6.98828 16.3311C6.52878 16.0247 6.40465 15.4039 6.71094 14.9443C7.01729 14.4848 7.63813 14.3606 8.09766 14.667L8.43457 14.8916L9.73926 13.1533ZM16 14C16.5523 14 17 14.4477 17 15C17 15.5523 16.5523 16 16 16H14C13.4477 16 13 15.5523 13 15C13 14.4477 13.4477 14 14 14H16ZM9.73926 7.15234C10.0706 6.71052 10.6978 6.62079 11.1396 6.95215C11.5815 7.28352 11.6712 7.91071 11.3398 8.35254L9.46777 10.8477C9.14936 11.2722 8.55487 11.3744 8.11328 11.0801L6.98828 10.3301C6.52884 10.0238 6.40476 9.40286 6.71094 8.94336C7.0173 8.48384 7.63814 8.35965 8.09766 8.66602L8.43457 8.89062L9.73926 7.15234ZM16.0576 8C16.6099 8 17.0576 8.44772 17.0576 9C17.0576 9.55228 16.6099 10 16.0576 10H14.0576C13.5055 9.99985 13.0576 9.55219 13.0576 9C13.0576 8.44781 13.5055 8.00015 14.0576 8H16.0576ZM21 18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "SquareChecklist"
 }
diff --git a/web/app/components/base/icons/src/vender/other/SquareChecklist.tsx b/web/app/components/base/icons/src/vender/other/SquareChecklist.tsx
index f927fa88d2..99403f551b 100644
--- a/web/app/components/base/icons/src/vender/other/SquareChecklist.tsx
+++ b/web/app/components/base/icons/src/vender/other/SquareChecklist.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SquareChecklist.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SquareChecklist.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/pipeline/InputField.json b/web/app/components/base/icons/src/vender/pipeline/InputField.json
index dfa87753ec..0b294ade4f 100644
--- a/web/app/components/base/icons/src/vender/pipeline/InputField.json
+++ b/web/app/components/base/icons/src/vender/pipeline/InputField.json
@@ -1,64 +1,64 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon L"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Subtract"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M11.3333 1.66667C11.3333 1.29848 11.0348 1 10.6666 1C10.2984 1 9.99992 1.29848 9.99992 1.66667V14.3333C9.99992 14.7015 10.2984 15 10.6666 15C11.0348 15 11.3333 14.7015 11.3333 14.3333V13.3333H12.6666C13.7712 13.3333 14.6666 12.4379 14.6666 11.3333V4.66667C14.6666 3.5621 13.7712 2.66667 12.6666 2.66667H11.3333V1.66667ZM12.6666 12H11.3333V4H12.6666C13.0348 4 13.3333 4.29847 13.3333 4.66667V11.3333C13.3333 11.7015 13.0348 12 12.6666 12Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.66658 13.3333V12H3.33325C2.96506 12 2.66659 11.7015 2.66659 11.3333V4.66667C2.66659 4.29848 2.96506 4 3.33325 4H8.66658V2.66667H3.33325C2.22868 2.66667 1.33325 3.5621 1.33325 4.66667V11.3333C1.33325 12.4379 2.22869 13.3333 3.33325 13.3333H8.66658Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.66658 5.24892C8.63219 5.24484 8.59703 5.24339 8.56132 5.24478L8.51461 5.24659C7.98481 5.26717 7.48663 5.51351 7.15247 5.92673L6.57985 6.63483L6.44192 6.22222C6.26445 5.69137 5.75558 5.35376 5.20721 5.37506L4.4811 5.40327C4.11319 5.41756 3.82653 5.7274 3.84082 6.09531C3.85511 6.46322 4.16494 6.74989 4.53286 6.7356L5.19902 6.70972L5.58518 7.86484L4.47727 9.23487C4.38815 9.34509 4.25098 9.41522 4.10014 9.42108L4.05343 9.4229C3.68552 9.43719 3.39885 9.74702 3.41314 10.1149C3.42743 10.4828 3.73727 10.7695 4.10518 10.7552L4.15189 10.7534C4.68169 10.7328 5.17987 10.4865 5.51403 10.0733L6.08671 9.3651L6.22466 9.77778C6.40213 10.3086 6.911 10.6462 7.45937 10.6249C7.46692 10.6246 7.47448 10.6242 7.48202 10.6237L8.66658 10.5372V9.20033L7.46676 9.2879L7.08138 8.13509L8.18923 6.76513C8.27836 6.65491 8.41553 6.58478 8.56637 6.57892L8.61307 6.5771C8.63111 6.5764 8.64896 6.57499 8.66658 6.5729V5.24892Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "InputField"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon L"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Subtract"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M11.3333 1.66667C11.3333 1.29848 11.0348 1 10.6666 1C10.2984 1 9.99992 1.29848 9.99992 1.66667V14.3333C9.99992 14.7015 10.2984 15 10.6666 15C11.0348 15 11.3333 14.7015 11.3333 14.3333V13.3333H12.6666C13.7712 13.3333 14.6666 12.4379 14.6666 11.3333V4.66667C14.6666 3.5621 13.7712 2.66667 12.6666 2.66667H11.3333V1.66667ZM12.6666 12H11.3333V4H12.6666C13.0348 4 13.3333 4.29847 13.3333 4.66667V11.3333C13.3333 11.7015 13.0348 12 12.6666 12Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.66658 13.3333V12H3.33325C2.96506 12 2.66659 11.7015 2.66659 11.3333V4.66667C2.66659 4.29848 2.96506 4 3.33325 4H8.66658V2.66667H3.33325C2.22868 2.66667 1.33325 3.5621 1.33325 4.66667V11.3333C1.33325 12.4379 2.22869 13.3333 3.33325 13.3333H8.66658Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.66658 5.24892C8.63219 5.24484 8.59703 5.24339 8.56132 5.24478L8.51461 5.24659C7.98481 5.26717 7.48663 5.51351 7.15247 5.92673L6.57985 6.63483L6.44192 6.22222C6.26445 5.69137 5.75558 5.35376 5.20721 5.37506L4.4811 5.40327C4.11319 5.41756 3.82653 5.7274 3.84082 6.09531C3.85511 6.46322 4.16494 6.74989 4.53286 6.7356L5.19902 6.70972L5.58518 7.86484L4.47727 9.23487C4.38815 9.34509 4.25098 9.41522 4.10014 9.42108L4.05343 9.4229C3.68552 9.43719 3.39885 9.74702 3.41314 10.1149C3.42743 10.4828 3.73727 10.7695 4.10518 10.7552L4.15189 10.7534C4.68169 10.7328 5.17987 10.4865 5.51403 10.0733L6.08671 9.3651L6.22466 9.77778C6.40213 10.3086 6.911 10.6462 7.45937 10.6249C7.46692 10.6246 7.47448 10.6242 7.48202 10.6237L8.66658 10.5372V9.20033L7.46676 9.2879L7.08138 8.13509L8.18923 6.76513C8.27836 6.65491 8.41553 6.58478 8.56637 6.57892L8.61307 6.5771C8.63111 6.5764 8.64896 6.57499 8.66658 6.5729V5.24892Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "InputField"
 }
diff --git a/web/app/components/base/icons/src/vender/pipeline/InputField.tsx b/web/app/components/base/icons/src/vender/pipeline/InputField.tsx
index 981b2d38d2..dfeebc0077 100644
--- a/web/app/components/base/icons/src/vender/pipeline/InputField.tsx
+++ b/web/app/components/base/icons/src/vender/pipeline/InputField.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './InputField.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './InputField.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/pipeline/PipelineFill.json b/web/app/components/base/icons/src/vender/pipeline/PipelineFill.json
index aecb4f2cdb..a9f0bf7956 100644
--- a/web/app/components/base/icons/src/vender/pipeline/PipelineFill.json
+++ b/web/app/components/base/icons/src/vender/pipeline/PipelineFill.json
@@ -1,80 +1,80 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "pipeline-fill"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.7501 2.56885C2.6835 2.56885 1.81885 3.4335 1.81885 4.5001C1.81885 5.5667 2.6835 6.43135 3.7501 6.43135H6.0001C7.0667 6.43135 7.93135 5.5667 7.93135 4.5001C7.93135 3.4335 7.0667 2.56885 6.0001 2.56885H3.7501Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.2501 7.06885C10.1835 7.06885 9.31885 7.9335 9.31885 9.0001C9.31885 10.0667 10.1835 10.9313 11.2501 10.9313H13.5001C14.5667 10.9313 15.4313 10.0667 15.4313 9.0001C15.4313 7.9335 14.5667 7.06885 13.5001 7.06885H11.2501Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M1.81885 13.5001C1.81885 12.4335 2.6835 11.5688 3.7501 11.5688H6.0001C7.0667 11.5688 7.93135 12.4335 7.93135 13.5001C7.93135 14.5667 7.0667 15.4313 6.0001 15.4313H3.7501C2.6835 15.4313 1.81885 14.5667 1.81885 13.5001Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.75011 5.25011H9.00011V3.75011H9.75011C10.9927 3.75011 12.0001 4.75747 12.0001 6.00011H10.5001C10.5001 5.58589 10.1643 5.25011 9.75011 5.25011Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.0001 12.0001C12.0001 13.2427 10.9927 14.2501 9.75011 14.2501H9.00011V12.7501H9.75011C10.1643 12.7501 10.5001 12.4143 10.5001 12.0001H12.0001Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PipelineFill"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "pipeline-fill"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.7501 2.56885C2.6835 2.56885 1.81885 3.4335 1.81885 4.5001C1.81885 5.5667 2.6835 6.43135 3.7501 6.43135H6.0001C7.0667 6.43135 7.93135 5.5667 7.93135 4.5001C7.93135 3.4335 7.0667 2.56885 6.0001 2.56885H3.7501Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.2501 7.06885C10.1835 7.06885 9.31885 7.9335 9.31885 9.0001C9.31885 10.0667 10.1835 10.9313 11.2501 10.9313H13.5001C14.5667 10.9313 15.4313 10.0667 15.4313 9.0001C15.4313 7.9335 14.5667 7.06885 13.5001 7.06885H11.2501Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M1.81885 13.5001C1.81885 12.4335 2.6835 11.5688 3.7501 11.5688H6.0001C7.0667 11.5688 7.93135 12.4335 7.93135 13.5001C7.93135 14.5667 7.0667 15.4313 6.0001 15.4313H3.7501C2.6835 15.4313 1.81885 14.5667 1.81885 13.5001Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.75011 5.25011H9.00011V3.75011H9.75011C10.9927 3.75011 12.0001 4.75747 12.0001 6.00011H10.5001C10.5001 5.58589 10.1643 5.25011 9.75011 5.25011Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.0001 12.0001C12.0001 13.2427 10.9927 14.2501 9.75011 14.2501H9.00011V12.7501H9.75011C10.1643 12.7501 10.5001 12.4143 10.5001 12.0001H12.0001Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PipelineFill"
 }
diff --git a/web/app/components/base/icons/src/vender/pipeline/PipelineFill.tsx b/web/app/components/base/icons/src/vender/pipeline/PipelineFill.tsx
index 2a31601cb3..ac28c2cc7a 100644
--- a/web/app/components/base/icons/src/vender/pipeline/PipelineFill.tsx
+++ b/web/app/components/base/icons/src/vender/pipeline/PipelineFill.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PipelineFill.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PipelineFill.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/pipeline/PipelineLine.json b/web/app/components/base/icons/src/vender/pipeline/PipelineLine.json
index f6dfcafe90..f406b828c3 100644
--- a/web/app/components/base/icons/src/vender/pipeline/PipelineLine.json
+++ b/web/app/components/base/icons/src/vender/pipeline/PipelineLine.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "18",
-			"viewBox": "0 0 18 18",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "pipeline-line"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M3.75 15.75C2.50733 15.75 1.5 14.7426 1.5 13.5C1.5 12.2574 2.50733 11.25 3.75 11.25H6C6.97943 11.25 7.81268 11.8758 8.12175 12.7493L9 12.75C9.825 12.75 10.5 12.075 10.5 11.25L10.4993 11.1217C9.6258 10.8127 9 9.97942 9 9C9 8.02058 9.6258 7.18732 10.4993 6.87825L10.5 6.75C10.5 5.925 9.825 5.25 9 5.25L8.12197 5.24993C7.81313 6.12383 6.97973 6.75 6 6.75L3.75 6.75C2.50733 6.75 1.5 5.74268 1.5 4.5C1.5 3.25733 2.50732 2.25 3.75 2.25L6 2.25C6.97942 2.25 7.81268 2.8758 8.12175 3.74932L9 3.75C10.6575 3.75 12 5.0925 12 6.75L13.5 6.75C14.7426 6.75 15.75 7.75732 15.75 9C15.75 10.2427 14.7426 11.25 13.5 11.25H12C12 12.9069 10.6569 14.25 9 14.25L8.12198 14.2499C7.81313 15.1239 6.97973 15.75 6 15.75H3.75ZM3.75 5.25L6 5.25C6.41423 5.25 6.75 4.91423 6.75 4.5C6.75 4.08578 6.41423 3.75 6 3.75L3.75 3.75C3.33578 3.75 3 4.08578 3 4.5C3 4.91423 3.33578 5.25 3.75 5.25ZM11.25 9.75H13.5C13.9142 9.75 14.25 9.41422 14.25 9C14.25 8.58577 13.9142 8.25 13.5 8.25L11.25 8.25C10.8358 8.25 10.5 8.58577 10.5 9C10.5 9.41422 10.8358 9.75 11.25 9.75ZM3.75 14.25H6C6.41423 14.25 6.75 13.9142 6.75 13.5C6.75 13.0858 6.41423 12.75 6 12.75H3.75C3.33578 12.75 3 13.0858 3 13.5C3 13.9142 3.33578 14.25 3.75 14.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "PipelineLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "18",
+      "viewBox": "0 0 18 18",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "pipeline-line"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M3.75 15.75C2.50733 15.75 1.5 14.7426 1.5 13.5C1.5 12.2574 2.50733 11.25 3.75 11.25H6C6.97943 11.25 7.81268 11.8758 8.12175 12.7493L9 12.75C9.825 12.75 10.5 12.075 10.5 11.25L10.4993 11.1217C9.6258 10.8127 9 9.97942 9 9C9 8.02058 9.6258 7.18732 10.4993 6.87825L10.5 6.75C10.5 5.925 9.825 5.25 9 5.25L8.12197 5.24993C7.81313 6.12383 6.97973 6.75 6 6.75L3.75 6.75C2.50733 6.75 1.5 5.74268 1.5 4.5C1.5 3.25733 2.50732 2.25 3.75 2.25L6 2.25C6.97942 2.25 7.81268 2.8758 8.12175 3.74932L9 3.75C10.6575 3.75 12 5.0925 12 6.75L13.5 6.75C14.7426 6.75 15.75 7.75732 15.75 9C15.75 10.2427 14.7426 11.25 13.5 11.25H12C12 12.9069 10.6569 14.25 9 14.25L8.12198 14.2499C7.81313 15.1239 6.97973 15.75 6 15.75H3.75ZM3.75 5.25L6 5.25C6.41423 5.25 6.75 4.91423 6.75 4.5C6.75 4.08578 6.41423 3.75 6 3.75L3.75 3.75C3.33578 3.75 3 4.08578 3 4.5C3 4.91423 3.33578 5.25 3.75 5.25ZM11.25 9.75H13.5C13.9142 9.75 14.25 9.41422 14.25 9C14.25 8.58577 13.9142 8.25 13.5 8.25L11.25 8.25C10.8358 8.25 10.5 8.58577 10.5 9C10.5 9.41422 10.8358 9.75 11.25 9.75ZM3.75 14.25H6C6.41423 14.25 6.75 13.9142 6.75 13.5C6.75 13.0858 6.41423 12.75 6 12.75H3.75C3.33578 12.75 3 13.0858 3 13.5C3 13.9142 3.33578 14.25 3.75 14.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PipelineLine"
 }
diff --git a/web/app/components/base/icons/src/vender/pipeline/PipelineLine.tsx b/web/app/components/base/icons/src/vender/pipeline/PipelineLine.tsx
index 5f37828ed5..2a18c6bad7 100644
--- a/web/app/components/base/icons/src/vender/pipeline/PipelineLine.tsx
+++ b/web/app/components/base/icons/src/vender/pipeline/PipelineLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PipelineLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PipelineLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.json b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.json
index 55d7c64620..09272c9b1b 100644
--- a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.json
+++ b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.json
@@ -1,66 +1,66 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M11.3891 2.41987C11.6635 2.58871 11.749 2.94802 11.5802 3.22239L10.3324 5.25H11.0833C11.4055 5.25 11.6667 5.51117 11.6667 5.83334V11.6667C11.6667 12.311 11.1444 12.8333 10.5 12.8333H3.50001C2.85568 12.8333 2.33334 12.311 2.33334 11.6667V5.83334C2.33334 5.51117 2.59451 5.25 2.91668 5.25H8.96252L10.5865 2.61094C10.7554 2.33657 11.1147 2.25102 11.3891 2.41987ZM5.83334 7.58334C5.51118 7.58334 5.25001 7.84449 5.25001 8.16667C5.25001 8.48884 5.51118 8.75 5.83334 8.75H8.16668C8.48885 8.75 8.75001 8.48884 8.75001 8.16667C8.75001 7.84449 8.48885 7.58334 8.16668 7.58334H5.83334Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector_2",
-							"opacity": "0.5"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6.91257 1.79347C6.96898 1.76525 7.01477 1.71948 7.043 1.66303L7.32195 1.10508C7.42946 0.890105 7.73623 0.890105 7.84374 1.10508L8.12269 1.66303C8.15093 1.71948 8.19672 1.76525 8.25313 1.79347L8.81108 2.07245C9.0261 2.17994 9.0261 2.48672 8.81108 2.5942L8.25313 2.87318C8.19672 2.9014 8.15093 2.94717 8.12269 3.00362L7.84374 3.56158C7.73623 3.77655 7.42946 3.77655 7.32195 3.56158L7.043 3.00362C7.01477 2.94717 6.96898 2.9014 6.91257 2.87318L6.35461 2.5942C6.13965 2.48672 6.13965 2.17994 6.35461 2.07245L6.91257 1.79347Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.80145 2.7657C3.85789 2.73748 3.90366 2.69171 3.93189 2.63526L4.11364 2.27174C4.22113 2.05677 4.5279 2.05677 4.63539 2.27174L4.81715 2.63526C4.84537 2.6917 4.89114 2.73748 4.94759 2.7657L5.3111 2.94745C5.52607 3.05494 5.52607 3.36172 5.3111 3.4692L4.94759 3.65096C4.89114 3.67919 4.84537 3.72495 4.81715 3.7814L4.63539 4.14491C4.5279 4.35988 4.22113 4.35988 4.11364 4.14491L3.93189 3.7814C3.90366 3.72495 3.85789 3.67919 3.80145 3.65096L3.43793 3.4692C3.22296 3.36172 3.22296 3.05494 3.43793 2.94745L3.80145 2.7657Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "BoxSparkleFill"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M11.3891 2.41987C11.6635 2.58871 11.749 2.94802 11.5802 3.22239L10.3324 5.25H11.0833C11.4055 5.25 11.6667 5.51117 11.6667 5.83334V11.6667C11.6667 12.311 11.1444 12.8333 10.5 12.8333H3.50001C2.85568 12.8333 2.33334 12.311 2.33334 11.6667V5.83334C2.33334 5.51117 2.59451 5.25 2.91668 5.25H8.96252L10.5865 2.61094C10.7554 2.33657 11.1147 2.25102 11.3891 2.41987ZM5.83334 7.58334C5.51118 7.58334 5.25001 7.84449 5.25001 8.16667C5.25001 8.48884 5.51118 8.75 5.83334 8.75H8.16668C8.48885 8.75 8.75001 8.48884 8.75001 8.16667C8.75001 7.84449 8.48885 7.58334 8.16668 7.58334H5.83334Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector_2",
+              "opacity": "0.5"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6.91257 1.79347C6.96898 1.76525 7.01477 1.71948 7.043 1.66303L7.32195 1.10508C7.42946 0.890105 7.73623 0.890105 7.84374 1.10508L8.12269 1.66303C8.15093 1.71948 8.19672 1.76525 8.25313 1.79347L8.81108 2.07245C9.0261 2.17994 9.0261 2.48672 8.81108 2.5942L8.25313 2.87318C8.19672 2.9014 8.15093 2.94717 8.12269 3.00362L7.84374 3.56158C7.73623 3.77655 7.42946 3.77655 7.32195 3.56158L7.043 3.00362C7.01477 2.94717 6.96898 2.9014 6.91257 2.87318L6.35461 2.5942C6.13965 2.48672 6.13965 2.17994 6.35461 2.07245L6.91257 1.79347Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.80145 2.7657C3.85789 2.73748 3.90366 2.69171 3.93189 2.63526L4.11364 2.27174C4.22113 2.05677 4.5279 2.05677 4.63539 2.27174L4.81715 2.63526C4.84537 2.6917 4.89114 2.73748 4.94759 2.7657L5.3111 2.94745C5.52607 3.05494 5.52607 3.36172 5.3111 3.4692L4.94759 3.65096C4.89114 3.67919 4.84537 3.72495 4.81715 3.7814L4.63539 4.14491C4.5279 4.35988 4.22113 4.35988 4.11364 4.14491L3.93189 3.7814C3.90366 3.72495 3.85789 3.67919 3.80145 3.65096L3.43793 3.4692C3.22296 3.36172 3.22296 3.05494 3.43793 2.94745L3.80145 2.7657Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BoxSparkleFill"
 }
diff --git a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
index 12002c2e24..b37297aa51 100644
--- a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
+++ b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BoxSparkleFill.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BoxSparkleFill.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/plugin/LeftCorner.json b/web/app/components/base/icons/src/vender/plugin/LeftCorner.json
index 2374b1cfd8..f3369d9188 100644
--- a/web/app/components/base/icons/src/vender/plugin/LeftCorner.json
+++ b/web/app/components/base/icons/src/vender/plugin/LeftCorner.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "13",
-			"height": "20",
-			"viewBox": "0 0 13 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Shape",
-					"d": "M0 0H13V20C9.98017 20 7.26458 18.1615 6.14305 15.3576L0 0Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "LeftCorner"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "13",
+      "height": "20",
+      "viewBox": "0 0 13 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Shape",
+          "d": "M0 0H13V20C9.98017 20 7.26458 18.1615 6.14305 15.3576L0 0Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "LeftCorner"
 }
diff --git a/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx b/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
index b25ad9f014..ed2924ec38 100644
--- a/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
+++ b/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LeftCorner.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LeftCorner.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/plugin/Trigger.json b/web/app/components/base/icons/src/vender/plugin/Trigger.json
index 409ef0e478..4ed8923e6c 100644
--- a/web/app/components/base/icons/src/vender/plugin/Trigger.json
+++ b/web/app/components/base/icons/src/vender/plugin/Trigger.json
@@ -1,73 +1,73 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M7.1499 6.35213L7.25146 6.38208L14.2248 9.03898L14.3172 9.08195C14.7224 9.30788 14.778 9.87906 14.424 10.179L14.342 10.2389L11.8172 11.817L10.2391 14.3417C9.96271 14.7839 9.32424 14.751 9.08219 14.317L9.03923 14.2245L6.38232 7.25122C6.18829 6.74188 6.64437 6.24196 7.1499 6.35213ZM9.81201 12.5084L10.7671 10.981L10.8114 10.9185C10.8589 10.8589 10.9163 10.8075 10.9813 10.7668L12.5086 9.81177L8.15251 8.15226L9.81201 12.5084Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.2124 10.3977L3.56266 12.0474L2.61995 11.1047L4.26969 9.455L5.2124 10.3977Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M3.66683 7.99992H1.3335V6.66659H3.66683V7.99992Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.2124 4.2688L4.26969 5.21151L2.61995 3.56177L3.56266 2.61906L5.2124 4.2688Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12.0477 3.56177L10.3979 5.21151L9.45524 4.2688L11.105 2.61906L12.0477 3.56177Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.00016 3.66659H6.66683V1.33325H8.00016V3.66659Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Trigger"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M7.1499 6.35213L7.25146 6.38208L14.2248 9.03898L14.3172 9.08195C14.7224 9.30788 14.778 9.87906 14.424 10.179L14.342 10.2389L11.8172 11.817L10.2391 14.3417C9.96271 14.7839 9.32424 14.751 9.08219 14.317L9.03923 14.2245L6.38232 7.25122C6.18829 6.74188 6.64437 6.24196 7.1499 6.35213ZM9.81201 12.5084L10.7671 10.981L10.8114 10.9185C10.8589 10.8589 10.9163 10.8075 10.9813 10.7668L12.5086 9.81177L8.15251 8.15226L9.81201 12.5084Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.2124 10.3977L3.56266 12.0474L2.61995 11.1047L4.26969 9.455L5.2124 10.3977Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M3.66683 7.99992H1.3335V6.66659H3.66683V7.99992Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.2124 4.2688L4.26969 5.21151L2.61995 3.56177L3.56266 2.61906L5.2124 4.2688Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12.0477 3.56177L10.3979 5.21151L9.45524 4.2688L11.105 2.61906L12.0477 3.56177Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.00016 3.66659H6.66683V1.33325H8.00016V3.66659Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Trigger"
 }
diff --git a/web/app/components/base/icons/src/vender/plugin/Trigger.tsx b/web/app/components/base/icons/src/vender/plugin/Trigger.tsx
index b8f6a56ca7..aa748da66d 100644
--- a/web/app/components/base/icons/src/vender/plugin/Trigger.tsx
+++ b/web/app/components/base/icons/src/vender/plugin/Trigger.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Trigger.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Trigger.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.json b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.json
index 878c1f9f1f..241b042952 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.json
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12 1C9.82441 1 7.69767 1.64514 5.88873 2.85383C4.07979 4.06253 2.66989 5.7805 1.83733 7.79048C1.00477 9.80047 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7886C11.9878 23.2131 14.1995 22.9952 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3023 23 14.1756 23 12C23 9.08262 21.8411 6.28473 19.7782 4.22183C17.7153 2.15893 14.9174 1 12 1ZM15.0296 6.26992L16.1076 4.78675C16.1784 4.6893 16.2677 4.60675 16.3703 4.54381C16.473 4.48087 16.5871 4.43877 16.7061 4.41992C16.825 4.40106 16.9465 4.40582 17.0636 4.43393C17.1807 4.46203 17.2912 4.51293 17.3886 4.58371C17.4861 4.65449 17.5686 4.74377 17.6316 4.84646C17.6945 4.94915 17.7366 5.06322 17.7555 5.18218C17.7743 5.30113 17.7696 5.42264 17.7415 5.53975C17.7134 5.65687 17.6625 5.7673 17.5917 5.86475L16.5137 7.34792C16.3707 7.54472 16.1554 7.67667 15.9152 7.71475C15.675 7.75283 15.4294 7.69391 15.2326 7.55096C15.0358 7.40801 14.9039 7.19273 14.8658 6.95249C14.8277 6.71225 14.8866 6.46672 15.0296 6.26992ZM6.61184 4.58417C6.70931 4.51294 6.81989 4.46167 6.93722 4.4333C7.05456 4.40493 7.17635 4.40002 7.29559 4.41884C7.41484 4.43766 7.52919 4.47985 7.63208 4.54299C7.73497 4.60613 7.82438 4.68897 7.89517 4.78675L8.97501 6.26992C9.11796 6.46733 9.17663 6.71344 9.13813 6.95411C9.09962 7.19478 8.96708 7.4103 8.76967 7.55325C8.57226 7.6962 8.32615 7.75488 8.08548 7.71637C7.84481 7.67786 7.62929 7.54533 7.48634 7.34792L6.40834 5.86475C6.33759 5.76731 6.28673 5.65689 6.25867 5.5398C6.23061 5.4227 6.22589 5.30122 6.24479 5.1823C6.26368 5.06338 6.30583 4.94935 6.36881 4.84672C6.43179 4.74409 6.51437 4.65487 6.61184 4.58417ZM6.18101 14.8508L4.43934 15.4173C4.32353 15.4604 4.2002 15.4797 4.07677 15.4739C3.95333 15.4681 3.83234 15.4375 3.72106 15.3837C3.60978 15.33 3.51051 15.2544 3.42922 15.1613C3.34793 15.0682 3.28629 14.9597 3.24801 14.8422C3.20973 14.7247 3.19561 14.6007 3.20648 14.4776C3.21735 14.3545 3.253 14.2349 3.31128 14.1259C3.36955 14.017 3.44926 13.9209 3.54561 13.8435C3.64195 13.7662 3.75295 13.7091 3.87192 13.6757L5.61359 13.1092C5.72952 13.0656 5.85308 13.046 5.9768 13.0515C6.10053 13.057 6.22185 13.0875 6.33345 13.1412C6.44505 13.1949 6.54461 13.2707 6.62613 13.3639C6.70764 13.4572 6.76941 13.566 6.80772 13.6837C6.84603 13.8015 6.86007 13.9258 6.84901 14.0492C6.83794 14.1725 6.802 14.2923 6.74334 14.4014C6.68468 14.5105 6.60453 14.6065 6.50773 14.6838C6.41092 14.761 6.30038 14.8179 6.18101 14.8508ZM12.9167 20.25C12.9167 20.4931 12.8201 20.7263 12.6482 20.8982C12.4763 21.0701 12.2431 21.1667 12 21.1667C11.7569 21.1667 11.5237 21.0701 11.3518 20.8982C11.1799 20.7263 11.0833 20.4931 11.0833 20.25V18.4167C11.0833 18.1736 11.1799 17.9404 11.3518 17.7685C11.5237 17.5966 11.7569 17.5 12 17.5C12.2431 17.5 12.4763 17.5966 12.6482 17.7685C12.8201 17.9404 12.9167 18.1736 12.9167 18.4167V20.25ZM12 14.9333L8.54967 16.7483L9.20876 12.9066L6.4175 10.1859L10.2748 9.62583L12 6.13333L13.7252 9.62583L17.5825 10.1859L14.7913 12.9066L15.4503 16.7483L12 14.9333ZM19.5625 15.4192L17.8208 14.8527C17.7015 14.8197 17.59 14.7629 17.4932 14.6856C17.3964 14.6084 17.3162 14.5123 17.2576 14.4032C17.1989 14.2942 17.163 14.1743 17.1519 14.051C17.1409 13.9276 17.1549 13.8033 17.1932 13.6856C17.2315 13.5678 17.2933 13.459 17.3748 13.3658C17.4563 13.2725 17.5559 13.1968 17.6675 13.1431C17.7791 13.0894 17.9004 13.0588 18.0241 13.0533C18.1479 13.0478 18.2714 13.0674 18.3873 13.111L20.129 13.6775C20.248 13.7109 20.359 13.768 20.4553 13.8454C20.5517 13.9227 20.6314 14.0188 20.6897 14.1278C20.7479 14.2367 20.7836 14.3563 20.7944 14.4794C20.8053 14.6025 20.7912 14.7265 20.7529 14.844C20.7146 14.9615 20.653 15.0701 20.5717 15.1631C20.4904 15.2562 20.3911 15.3319 20.2799 15.3856C20.1686 15.4393 20.0476 15.47 19.9242 15.4757C19.8007 15.4815 19.6783 15.4623 19.5625 15.4192Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "GoldCoin"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12 1C9.82441 1 7.69767 1.64514 5.88873 2.85383C4.07979 4.06253 2.66989 5.7805 1.83733 7.79048C1.00477 9.80047 0.786929 12.0122 1.21137 14.146C1.6358 16.2798 2.68345 18.2398 4.22183 19.7782C5.76021 21.3166 7.72022 22.3642 9.85401 22.7886C11.9878 23.2131 14.1995 22.9952 16.2095 22.1627C18.2195 21.3301 19.9375 19.9202 21.1462 18.1113C22.3549 16.3023 23 14.1756 23 12C23 9.08262 21.8411 6.28473 19.7782 4.22183C17.7153 2.15893 14.9174 1 12 1ZM15.0296 6.26992L16.1076 4.78675C16.1784 4.6893 16.2677 4.60675 16.3703 4.54381C16.473 4.48087 16.5871 4.43877 16.7061 4.41992C16.825 4.40106 16.9465 4.40582 17.0636 4.43393C17.1807 4.46203 17.2912 4.51293 17.3886 4.58371C17.4861 4.65449 17.5686 4.74377 17.6316 4.84646C17.6945 4.94915 17.7366 5.06322 17.7555 5.18218C17.7743 5.30113 17.7696 5.42264 17.7415 5.53975C17.7134 5.65687 17.6625 5.7673 17.5917 5.86475L16.5137 7.34792C16.3707 7.54472 16.1554 7.67667 15.9152 7.71475C15.675 7.75283 15.4294 7.69391 15.2326 7.55096C15.0358 7.40801 14.9039 7.19273 14.8658 6.95249C14.8277 6.71225 14.8866 6.46672 15.0296 6.26992ZM6.61184 4.58417C6.70931 4.51294 6.81989 4.46167 6.93722 4.4333C7.05456 4.40493 7.17635 4.40002 7.29559 4.41884C7.41484 4.43766 7.52919 4.47985 7.63208 4.54299C7.73497 4.60613 7.82438 4.68897 7.89517 4.78675L8.97501 6.26992C9.11796 6.46733 9.17663 6.71344 9.13813 6.95411C9.09962 7.19478 8.96708 7.4103 8.76967 7.55325C8.57226 7.6962 8.32615 7.75488 8.08548 7.71637C7.84481 7.67786 7.62929 7.54533 7.48634 7.34792L6.40834 5.86475C6.33759 5.76731 6.28673 5.65689 6.25867 5.5398C6.23061 5.4227 6.22589 5.30122 6.24479 5.1823C6.26368 5.06338 6.30583 4.94935 6.36881 4.84672C6.43179 4.74409 6.51437 4.65487 6.61184 4.58417ZM6.18101 14.8508L4.43934 15.4173C4.32353 15.4604 4.2002 15.4797 4.07677 15.4739C3.95333 15.4681 3.83234 15.4375 3.72106 15.3837C3.60978 15.33 3.51051 15.2544 3.42922 15.1613C3.34793 15.0682 3.28629 14.9597 3.24801 14.8422C3.20973 14.7247 3.19561 14.6007 3.20648 14.4776C3.21735 14.3545 3.253 14.2349 3.31128 14.1259C3.36955 14.017 3.44926 13.9209 3.54561 13.8435C3.64195 13.7662 3.75295 13.7091 3.87192 13.6757L5.61359 13.1092C5.72952 13.0656 5.85308 13.046 5.9768 13.0515C6.10053 13.057 6.22185 13.0875 6.33345 13.1412C6.44505 13.1949 6.54461 13.2707 6.62613 13.3639C6.70764 13.4572 6.76941 13.566 6.80772 13.6837C6.84603 13.8015 6.86007 13.9258 6.84901 14.0492C6.83794 14.1725 6.802 14.2923 6.74334 14.4014C6.68468 14.5105 6.60453 14.6065 6.50773 14.6838C6.41092 14.761 6.30038 14.8179 6.18101 14.8508ZM12.9167 20.25C12.9167 20.4931 12.8201 20.7263 12.6482 20.8982C12.4763 21.0701 12.2431 21.1667 12 21.1667C11.7569 21.1667 11.5237 21.0701 11.3518 20.8982C11.1799 20.7263 11.0833 20.4931 11.0833 20.25V18.4167C11.0833 18.1736 11.1799 17.9404 11.3518 17.7685C11.5237 17.5966 11.7569 17.5 12 17.5C12.2431 17.5 12.4763 17.5966 12.6482 17.7685C12.8201 17.9404 12.9167 18.1736 12.9167 18.4167V20.25ZM12 14.9333L8.54967 16.7483L9.20876 12.9066L6.4175 10.1859L10.2748 9.62583L12 6.13333L13.7252 9.62583L17.5825 10.1859L14.7913 12.9066L15.4503 16.7483L12 14.9333ZM19.5625 15.4192L17.8208 14.8527C17.7015 14.8197 17.59 14.7629 17.4932 14.6856C17.3964 14.6084 17.3162 14.5123 17.2576 14.4032C17.1989 14.2942 17.163 14.1743 17.1519 14.051C17.1409 13.9276 17.1549 13.8033 17.1932 13.6856C17.2315 13.5678 17.2933 13.459 17.3748 13.3658C17.4563 13.2725 17.5559 13.1968 17.6675 13.1431C17.7791 13.0894 17.9004 13.0588 18.0241 13.0533C18.1479 13.0478 18.2714 13.0674 18.3873 13.111L20.129 13.6775C20.248 13.7109 20.359 13.768 20.4553 13.8454C20.5517 13.9227 20.6314 14.0188 20.6897 14.1278C20.7479 14.2367 20.7836 14.3563 20.7944 14.4794C20.8053 14.6025 20.7912 14.7265 20.7529 14.844C20.7146 14.9615 20.653 15.0701 20.5717 15.1631C20.4904 15.2562 20.3911 15.3319 20.2799 15.3856C20.1686 15.4393 20.0476 15.47 19.9242 15.4757C19.8007 15.4815 19.6783 15.4623 19.5625 15.4192Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "GoldCoin"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
index c4147aff78..5c766c2902 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './GoldCoin.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './GoldCoin.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.json b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.json
index 3dd4e8908c..f21c83e732 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.json
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.json
@@ -1,48 +1,48 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.64494 5.5L4 5.50001C3.44772 5.50001 3 5.05229 3 4.50001C3 3.94772 3.44771 3.50001 4 3.50001L8.64494 3.5C9.07521 2.05426 10.4145 1 12 1C13.5855 1 14.9248 2.05426 15.3551 3.5L20 3.5C20.5523 3.5 21 3.94772 21 4.5C21 5.05229 20.5523 5.5 20 5.5L15.3551 5.5C15.0191 6.62889 14.1289 7.51909 13 7.85506V20H20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22L4 22C3.44772 22 3 21.5523 3 21C3 20.4477 3.44772 20 4 20H11V7.85506C9.87111 7.51909 8.98091 6.62889 8.64494 5.5Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M5.49998 7C5.83892 7 6.15479 7.17168 6.33914 7.4561L9.34294 12.0905C9.5058 12.3416 9.65261 12.5678 9.77323 12.9247C9.82544 13.0792 9.86232 13.2714 9.88454 13.4092C9.90677 13.5471 9.93212 13.7411 9.93109 13.9042C9.9302 14.0459 9.92522 14.1726 9.90862 14.2966C9.89198 14.421 9.86633 14.5189 9.85041 14.5797L9.84797 14.5891C9.33962 16.5355 7.60137 18 5.49998 18C3.3986 18 1.66034 16.5355 1.152 14.5891L1.14959 14.5798C1.13367 14.5191 1.108 14.421 1.09135 14.2966C1.07475 14.1726 1.06977 14.0459 1.06888 13.9042C1.06785 13.7411 1.0932 13.5471 1.11542 13.4092C1.13765 13.2714 1.17453 13.0792 1.22674 12.9247C1.34736 12.5678 1.49417 12.3416 1.65703 12.0905L4.66083 7.4561C4.84518 7.17168 5.16105 7 5.49998 7ZM5.49998 9.83859L4.09907 12H6.9009L5.49998 9.83859Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M19.3391 7.4561C19.1548 7.17168 18.8389 7 18.5 7C18.161 7 17.8452 7.17168 17.6608 7.4561L14.657 12.0905C14.4942 12.3416 14.3474 12.5678 14.2267 12.9247C14.1745 13.0792 14.1376 13.2714 14.1154 13.4092C14.0932 13.5471 14.0679 13.7411 14.0689 13.9042C14.0698 14.0459 14.0748 14.1726 14.0914 14.2966C14.108 14.421 14.1337 14.519 14.1496 14.5798L14.152 14.5891C14.6603 16.5355 16.3986 18 18.5 18C20.6014 18 22.3396 16.5355 22.848 14.5891L22.8504 14.5798C22.8663 14.5191 22.892 14.421 22.9086 14.2966C22.9252 14.1726 22.9302 14.0459 22.9311 13.9042C22.9321 13.7411 22.9068 13.5471 22.8845 13.4092C22.8623 13.2714 22.8254 13.0792 22.7732 12.9247C22.6526 12.5678 22.5058 12.3416 22.3429 12.0905L19.3391 7.4561ZM17.0991 12L18.5 9.83859L19.9009 12H17.0991Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Scales02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.64494 5.5L4 5.50001C3.44772 5.50001 3 5.05229 3 4.50001C3 3.94772 3.44771 3.50001 4 3.50001L8.64494 3.5C9.07521 2.05426 10.4145 1 12 1C13.5855 1 14.9248 2.05426 15.3551 3.5L20 3.5C20.5523 3.5 21 3.94772 21 4.5C21 5.05229 20.5523 5.5 20 5.5L15.3551 5.5C15.0191 6.62889 14.1289 7.51909 13 7.85506V20H20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22L4 22C3.44772 22 3 21.5523 3 21C3 20.4477 3.44772 20 4 20H11V7.85506C9.87111 7.51909 8.98091 6.62889 8.64494 5.5Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M5.49998 7C5.83892 7 6.15479 7.17168 6.33914 7.4561L9.34294 12.0905C9.5058 12.3416 9.65261 12.5678 9.77323 12.9247C9.82544 13.0792 9.86232 13.2714 9.88454 13.4092C9.90677 13.5471 9.93212 13.7411 9.93109 13.9042C9.9302 14.0459 9.92522 14.1726 9.90862 14.2966C9.89198 14.421 9.86633 14.5189 9.85041 14.5797L9.84797 14.5891C9.33962 16.5355 7.60137 18 5.49998 18C3.3986 18 1.66034 16.5355 1.152 14.5891L1.14959 14.5798C1.13367 14.5191 1.108 14.421 1.09135 14.2966C1.07475 14.1726 1.06977 14.0459 1.06888 13.9042C1.06785 13.7411 1.0932 13.5471 1.11542 13.4092C1.13765 13.2714 1.17453 13.0792 1.22674 12.9247C1.34736 12.5678 1.49417 12.3416 1.65703 12.0905L4.66083 7.4561C4.84518 7.17168 5.16105 7 5.49998 7ZM5.49998 9.83859L4.09907 12H6.9009L5.49998 9.83859Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M19.3391 7.4561C19.1548 7.17168 18.8389 7 18.5 7C18.161 7 17.8452 7.17168 17.6608 7.4561L14.657 12.0905C14.4942 12.3416 14.3474 12.5678 14.2267 12.9247C14.1745 13.0792 14.1376 13.2714 14.1154 13.4092C14.0932 13.5471 14.0679 13.7411 14.0689 13.9042C14.0698 14.0459 14.0748 14.1726 14.0914 14.2966C14.108 14.421 14.1337 14.519 14.1496 14.5798L14.152 14.5891C14.6603 16.5355 16.3986 18 18.5 18C20.6014 18 22.3396 16.5355 22.848 14.5891L22.8504 14.5798C22.8663 14.5191 22.892 14.421 22.9086 14.2966C22.9252 14.1726 22.9302 14.0459 22.9311 13.9042C22.9321 13.7411 22.9068 13.5471 22.8845 13.4092C22.8623 13.2714 22.8254 13.0792 22.7732 12.9247C22.6526 12.5678 22.5058 12.3416 22.3429 12.0905L19.3391 7.4561ZM17.0991 12L18.5 9.83859L19.9009 12H17.0991Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Scales02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
index dc76432b84..f9c6a48778 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Scales02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Scales02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.json b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.json
index 1aa7089b6d..7d77b56ee5 100644
--- a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.json
+++ b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "alert-triangle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M6.40616 0.834185C6.14751 0.719172 5.85222 0.719172 5.59356 0.834185C5.3938 0.923011 5.26403 1.07947 5.17373 1.20696C5.08495 1.3323 4.9899 1.49651 4.88536 1.67711L0.751783 8.81693C0.646828 8.99818 0.551451 9.16289 0.486781 9.30268C0.421056 9.44475 0.349754 9.63572 0.372478 9.85369C0.401884 10.1357 0.549654 10.392 0.779012 10.5588C0.956259 10.6877 1.15726 10.7217 1.31314 10.736C1.46651 10.75 1.65684 10.75 1.86628 10.75H10.1334C10.3429 10.75 10.5332 10.75 10.6866 10.736C10.8425 10.7217 11.0435 10.6877 11.2207 10.5588C11.4501 10.392 11.5978 10.1357 11.6272 9.85369C11.65 9.63572 11.5787 9.44475 11.5129 9.30268C11.4483 9.1629 11.3529 8.9982 11.248 8.81697L7.11436 1.67709C7.00983 1.49651 6.91477 1.3323 6.82599 1.20696C6.73569 1.07947 6.60593 0.923011 6.40616 0.834185ZM6.49988 4.5C6.49988 4.22386 6.27602 4 5.99988 4C5.72374 4 5.49988 4.22386 5.49988 4.5V6.5C5.49988 6.77614 5.72374 7 5.99988 7C6.27602 7 6.49988 6.77614 6.49988 6.5V4.5ZM5.99988 8C5.72374 8 5.49988 8.22386 5.49988 8.5C5.49988 8.77614 5.72374 9 5.99988 9H6.00488C6.28102 9 6.50488 8.77614 6.50488 8.5C6.50488 8.22386 6.28102 8 6.00488 8H5.99988Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "AlertTriangle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "alert-triangle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M6.40616 0.834185C6.14751 0.719172 5.85222 0.719172 5.59356 0.834185C5.3938 0.923011 5.26403 1.07947 5.17373 1.20696C5.08495 1.3323 4.9899 1.49651 4.88536 1.67711L0.751783 8.81693C0.646828 8.99818 0.551451 9.16289 0.486781 9.30268C0.421056 9.44475 0.349754 9.63572 0.372478 9.85369C0.401884 10.1357 0.549654 10.392 0.779012 10.5588C0.956259 10.6877 1.15726 10.7217 1.31314 10.736C1.46651 10.75 1.65684 10.75 1.86628 10.75H10.1334C10.3429 10.75 10.5332 10.75 10.6866 10.736C10.8425 10.7217 11.0435 10.6877 11.2207 10.5588C11.4501 10.392 11.5978 10.1357 11.6272 9.85369C11.65 9.63572 11.5787 9.44475 11.5129 9.30268C11.4483 9.1629 11.3529 8.9982 11.248 8.81697L7.11436 1.67709C7.00983 1.49651 6.91477 1.3323 6.82599 1.20696C6.73569 1.07947 6.60593 0.923011 6.40616 0.834185ZM6.49988 4.5C6.49988 4.22386 6.27602 4 5.99988 4C5.72374 4 5.49988 4.22386 5.49988 4.5V6.5C5.49988 6.77614 5.72374 7 5.99988 7C6.27602 7 6.49988 6.77614 6.49988 6.5V4.5ZM5.99988 8C5.72374 8 5.49988 8.22386 5.49988 8.5C5.49988 8.77614 5.72374 9 5.99988 9H6.00488C6.28102 9 6.50488 8.77614 6.50488 8.5C6.50488 8.22386 6.28102 8 6.00488 8H5.99988Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "AlertTriangle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
index 465c638547..7f07c8b258 100644
--- a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AlertTriangle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AlertTriangle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.json b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.json
index 17bc271b9e..9defbf75e4 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.json
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.00001 12.7761L12.1381 8.63804L11.1953 7.69524L8.00001 10.8905L4.80475 7.69524L3.86194 8.63804L8.00001 12.7761ZM8.00001 9.00951L12.1381 4.87146L11.1953 3.92865L8.00001 7.12391L4.80475 3.92865L3.86194 4.87146L8.00001 9.00951Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ArrowDownDoubleLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.00001 12.7761L12.1381 8.63804L11.1953 7.69524L8.00001 10.8905L4.80475 7.69524L3.86194 8.63804L8.00001 12.7761ZM8.00001 9.00951L12.1381 4.87146L11.1953 3.92865L8.00001 7.12391L4.80475 3.92865L3.86194 4.87146L8.00001 9.00951Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ArrowDownDoubleLine"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.tsx b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.tsx
index 166a5b624b..aef46b4849 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownDoubleLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArrowDownDoubleLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArrowDownDoubleLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.json b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.json
index b150caf879..edd488350c 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.json
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.02888 6.23572C5.08558 6.23572 4.56458 7.33027 5.15943 8.06239L7.13069 10.4885C7.57898 11.0403 8.42124 11.0403 8.86962 10.4885L10.8408 8.06239C11.4357 7.33027 10.9147 6.23572 9.97134 6.23572H6.02888Z",
-					"fill": "currentColor",
-					"fill-opacity": "0.3"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ArrowDownRoundFill"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.02888 6.23572C5.08558 6.23572 4.56458 7.33027 5.15943 8.06239L7.13069 10.4885C7.57898 11.0403 8.42124 11.0403 8.86962 10.4885L10.8408 8.06239C11.4357 7.33027 10.9147 6.23572 9.97134 6.23572H6.02888Z",
+          "fill": "currentColor",
+          "fill-opacity": "0.3"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ArrowDownRoundFill"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.tsx b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.tsx
index 24a1ea53fd..27c0012012 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ArrowDownRoundFill.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArrowDownRoundFill.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArrowDownRoundFill.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.json b/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.json
index b76fc3e80c..d592472eec 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.json
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8 3.22388L3.86194 7.36193L4.80475 8.30473L8 5.10949L11.1953 8.30473L12.1381 7.36193L8 3.22388ZM8 6.99046L3.86194 11.1285L4.80475 12.0713L8 8.87606L11.1953 12.0713L12.1381 11.1285L8 6.99046Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ArrowUpDoubleLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8 3.22388L3.86194 7.36193L4.80475 8.30473L8 5.10949L11.1953 8.30473L12.1381 7.36193L8 3.22388ZM8 6.99046L3.86194 11.1285L4.80475 12.0713L8 8.87606L11.1953 12.0713L12.1381 11.1285L8 6.99046Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ArrowUpDoubleLine"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.tsx b/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.tsx
index 06ba38ec70..40b6539ac1 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ArrowUpDoubleLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArrowUpDoubleLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArrowUpDoubleLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.json b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.json
index b4b6429d9c..de004d9ef1 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.json
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "chevron-down"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"d": "M6 9L12 15L18 9",
-							"stroke": "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ChevronDown"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "chevron-down"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "d": "M6 9L12 15L18 9",
+              "stroke": "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChevronDown"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
index 643ddfbf79..a0b4256e5d 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChevronDown.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChevronDown.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.json b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.json
index 5b66153647..8528b02f70 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.json
+++ b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.01488 2.54553C8.91549 2.45869 8.79321 2.40229 8.66264 2.38306C8.53206 2.36384 8.39872 2.38261 8.27852 2.43712C8.15833 2.49164 8.05636 2.5796 7.98481 2.6905C7.91325 2.8014 7.87513 2.93055 7.875 3.06253V6.50003C6.05164 6.50003 4.30295 7.22436 3.01364 8.51367C1.72433 9.80299 1 11.5517 1 13.375C1 15.1984 1.72433 16.9471 3.01364 18.2364C4.30295 19.5257 6.05164 20.25 7.875 20.25H12C12.3647 20.25 12.7144 20.1052 12.9723 19.8473C13.2301 19.5894 13.375 19.2397 13.375 18.875C13.375 18.5104 13.2301 18.1606 12.9723 17.9028C12.7144 17.6449 12.3647 17.5 12 17.5H7.875C6.78098 17.5 5.73177 17.0654 4.95818 16.2919C4.1846 15.5183 3.75 14.4691 3.75 13.375C3.75 12.281 4.1846 11.2318 4.95818 10.4582C5.73177 9.68463 6.78098 9.25003 7.875 9.25003V12.6875C7.87513 12.8195 7.91325 12.9487 7.98481 13.0596C8.05636 13.1705 8.15833 13.2584 8.27852 13.3129C8.39872 13.3675 8.53206 13.3862 8.66264 13.367C8.79321 13.3478 8.91549 13.2914 9.01488 13.2045L14.5149 8.39203C14.5885 8.32751 14.6475 8.24801 14.6879 8.15885C14.7283 8.06969 14.7492 7.97292 14.7492 7.87503C14.7492 7.77714 14.7283 7.68038 14.6879 7.59122C14.6475 7.50206 14.5885 7.42256 14.5149 7.35803L9.01488 2.54553Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.625 17.5H17.5C17.1353 17.5 16.7856 17.6449 16.5277 17.9028C16.2699 18.1606 16.125 18.5104 16.125 18.875C16.125 19.2397 16.2699 19.5894 16.5277 19.8473C16.7856 20.1052 17.1353 20.25 17.5 20.25H21.625C21.9897 20.25 22.3394 20.1052 22.5973 19.8473C22.8551 19.5894 23 19.2397 23 18.875C23 18.5104 22.8551 18.1606 22.5973 17.9028C22.3394 17.6449 21.9897 17.5 21.625 17.5Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.625 12H17.5C17.1353 12 16.7856 12.1449 16.5277 12.4028C16.2699 12.6606 16.125 13.0104 16.125 13.375C16.125 13.7397 16.2699 14.0894 16.5277 14.3473C16.7856 14.6052 17.1353 14.75 17.5 14.75H21.625C21.9897 14.75 22.3394 14.6052 22.5973 14.3473C22.8551 14.0894 23 13.7397 23 13.375C23 13.0104 22.8551 12.6606 22.5973 12.4028C22.3394 12.1449 21.9897 12 21.625 12Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.5 9.25003H21.625C21.9897 9.25003 22.3394 9.10517 22.5973 8.8473C22.8551 8.58944 23 8.23971 23 7.87503C23 7.51036 22.8551 7.16062 22.5973 6.90276C22.3394 6.6449 21.9897 6.50003 21.625 6.50003H17.5C17.1353 6.50003 16.7856 6.6449 16.5277 6.90276C16.2699 7.16062 16.125 7.51036 16.125 7.87503C16.125 8.23971 16.2699 8.58944 16.5277 8.8473C16.7856 9.10517 17.1353 9.25003 17.5 9.25003Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "HighPriority"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.01488 2.54553C8.91549 2.45869 8.79321 2.40229 8.66264 2.38306C8.53206 2.36384 8.39872 2.38261 8.27852 2.43712C8.15833 2.49164 8.05636 2.5796 7.98481 2.6905C7.91325 2.8014 7.87513 2.93055 7.875 3.06253V6.50003C6.05164 6.50003 4.30295 7.22436 3.01364 8.51367C1.72433 9.80299 1 11.5517 1 13.375C1 15.1984 1.72433 16.9471 3.01364 18.2364C4.30295 19.5257 6.05164 20.25 7.875 20.25H12C12.3647 20.25 12.7144 20.1052 12.9723 19.8473C13.2301 19.5894 13.375 19.2397 13.375 18.875C13.375 18.5104 13.2301 18.1606 12.9723 17.9028C12.7144 17.6449 12.3647 17.5 12 17.5H7.875C6.78098 17.5 5.73177 17.0654 4.95818 16.2919C4.1846 15.5183 3.75 14.4691 3.75 13.375C3.75 12.281 4.1846 11.2318 4.95818 10.4582C5.73177 9.68463 6.78098 9.25003 7.875 9.25003V12.6875C7.87513 12.8195 7.91325 12.9487 7.98481 13.0596C8.05636 13.1705 8.15833 13.2584 8.27852 13.3129C8.39872 13.3675 8.53206 13.3862 8.66264 13.367C8.79321 13.3478 8.91549 13.2914 9.01488 13.2045L14.5149 8.39203C14.5885 8.32751 14.6475 8.24801 14.6879 8.15885C14.7283 8.06969 14.7492 7.97292 14.7492 7.87503C14.7492 7.77714 14.7283 7.68038 14.6879 7.59122C14.6475 7.50206 14.5885 7.42256 14.5149 7.35803L9.01488 2.54553Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.625 17.5H17.5C17.1353 17.5 16.7856 17.6449 16.5277 17.9028C16.2699 18.1606 16.125 18.5104 16.125 18.875C16.125 19.2397 16.2699 19.5894 16.5277 19.8473C16.7856 20.1052 17.1353 20.25 17.5 20.25H21.625C21.9897 20.25 22.3394 20.1052 22.5973 19.8473C22.8551 19.5894 23 19.2397 23 18.875C23 18.5104 22.8551 18.1606 22.5973 17.9028C22.3394 17.6449 21.9897 17.5 21.625 17.5Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.625 12H17.5C17.1353 12 16.7856 12.1449 16.5277 12.4028C16.2699 12.6606 16.125 13.0104 16.125 13.375C16.125 13.7397 16.2699 14.0894 16.5277 14.3473C16.7856 14.6052 17.1353 14.75 17.5 14.75H21.625C21.9897 14.75 22.3394 14.6052 22.5973 14.3473C22.8551 14.0894 23 13.7397 23 13.375C23 13.0104 22.8551 12.6606 22.5973 12.4028C22.3394 12.1449 21.9897 12 21.625 12Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.5 9.25003H21.625C21.9897 9.25003 22.3394 9.10517 22.5973 8.8473C22.8551 8.58944 23 8.23971 23 7.87503C23 7.51036 22.8551 7.16062 22.5973 6.90276C22.3394 6.6449 21.9897 6.50003 21.625 6.50003H17.5C17.1353 6.50003 16.7856 6.6449 16.5277 6.90276C16.2699 7.16062 16.125 7.51036 16.125 7.87503C16.125 8.23971 16.2699 8.58944 16.5277 8.8473C16.7856 9.10517 17.1353 9.25003 17.5 9.25003Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "HighPriority"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
index af6fa05e5c..be17c2e319 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './HighPriority.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './HighPriority.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/AiText.json b/web/app/components/base/icons/src/vender/solid/communication/AiText.json
index 65860e58b9..2545100c45 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/AiText.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/AiText.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 5C3.44772 5 3 5.44772 3 6C3 6.55228 3.44772 7 4 7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.9191 9.60608C17.7616 9.2384 17.4 9 17 9C16.6 9 16.2384 9.2384 16.0809 9.60608L14.7384 12.7384L11.6061 14.0809C11.2384 14.2384 11 14.6 11 15C11 15.4 11.2384 15.7616 11.6061 15.9191L14.7384 17.2616L16.0809 20.3939C16.2384 20.7616 16.6 21 17 21C17.4 21 17.7616 20.7616 17.9191 20.3939L19.2616 17.2616L22.3939 15.9191C22.7616 15.7616 23 15.4 23 15C23 14.6 22.7616 14.2384 22.3939 14.0809L19.2616 12.7384L17.9191 9.60608Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 11C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H9C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11H4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19H7C7.55228 19 8 18.5523 8 18C8 17.4477 7.55228 17 7 17H4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "AiText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 5C3.44772 5 3 5.44772 3 6C3 6.55228 3.44772 7 4 7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.9191 9.60608C17.7616 9.2384 17.4 9 17 9C16.6 9 16.2384 9.2384 16.0809 9.60608L14.7384 12.7384L11.6061 14.0809C11.2384 14.2384 11 14.6 11 15C11 15.4 11.2384 15.7616 11.6061 15.9191L14.7384 17.2616L16.0809 20.3939C16.2384 20.7616 16.6 21 17 21C17.4 21 17.7616 20.7616 17.9191 20.3939L19.2616 17.2616L22.3939 15.9191C22.7616 15.7616 23 15.4 23 15C23 14.6 22.7616 14.2384 22.3939 14.0809L19.2616 12.7384L17.9191 9.60608Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 11C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H9C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11H4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19H7C7.55228 19 8 18.5523 8 18C8 17.4477 7.55228 17 7 17H4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "AiText"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx b/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
index 7d5a860038..70f2cde4de 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AiText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AiText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.json b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.json
index 7b2e964a61..b6fdd36092 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M2 9C2 5.68629 4.68629 3 8 3H16C19.3137 3 22 5.68629 22 9V15C22 18.3137 19.3137 21 16 21H3C2.44772 21 2 20.5523 2 20V9ZM9 9C8.44772 9 8 9.44772 8 10C8 10.5523 8.44772 11 9 11H15C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9H9ZM9 13C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H12C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13H9Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "BubbleTextMod"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M2 9C2 5.68629 4.68629 3 8 3H16C19.3137 3 22 5.68629 22 9V15C22 18.3137 19.3137 21 16 21H3C2.44772 21 2 20.5523 2 20V9ZM9 9C8.44772 9 8 9.44772 8 10C8 10.5523 8.44772 11 9 11H15C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9H9ZM9 13C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H12C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13H9Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "BubbleTextMod"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
index 62502b3598..0f834a05f8 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BubbleTextMod.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BubbleTextMod.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.json b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.json
index 0378d60a53..64f54165bd 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.json
@@ -1,58 +1,58 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "13",
-			"height": "12",
-			"viewBox": "0 0 13 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "chat-bot"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M4.20913 2.76912L4.09542 2.83543L3.98172 2.76912C3.90566 2.72476 3.86328 2.64979 3.86328 2.57101C3.86328 2.44347 3.96789 2.33887 4.09542 2.33887C4.22296 2.33887 4.32757 2.44347 4.32757 2.57101C4.32757 2.64979 4.28519 2.72476 4.20913 2.76912Z",
-							"fill": "currentColor",
-							"stroke": "currentColor",
-							"stroke-width": "1.25"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M10.0174 6.00058C10.0123 5.98686 10.0097 5.97229 10.0046 5.95858C9.81684 5.48158 9.35398 5.14258 8.81056 5.14258H8.66784L7.52484 5.99972C7.33713 6.14029 7.11556 6.21444 6.88284 6.21444C6.29184 6.21444 5.81056 5.73358 5.81056 5.14258H2.81013C2.10127 5.14258 1.52441 5.71944 1.52441 6.42829V9.85686C1.52441 10.5657 2.10127 11.1426 2.81013 11.1426H8.81013C9.51899 11.1426 10.0958 10.5657 10.0958 9.85686V6.42829C10.0958 6.34386 10.0868 6.26158 10.071 6.18186C10.0586 6.11886 10.0384 6.05972 10.0174 6.00058ZM3.88156 8.57115C3.52713 8.57115 3.2387 8.28272 3.2387 7.92829C3.2387 7.57386 3.52713 7.28544 3.88156 7.28544C4.23599 7.28544 4.52441 7.57386 4.52441 7.92829C4.52441 8.28272 4.23599 8.57115 3.88156 8.57115ZM7.7387 8.57115C7.38427 8.57115 7.09584 8.28272 7.09584 7.92829C7.09584 7.57386 7.38427 7.28544 7.7387 7.28544C8.09313 7.28544 8.38156 7.57386 8.38156 7.92829C8.38156 8.28272 8.09313 8.57115 7.7387 8.57115Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M6.66699 5.14314V1.71456C6.66699 1.24099 7.05056 0.857422 7.52413 0.857422H10.9527C11.4263 0.857422 11.8098 1.24099 11.8098 1.71456V3.42885C11.8098 3.90242 11.4263 4.28599 10.9527 4.28599H8.38128L7.00985 5.31456C6.86842 5.42042 6.66699 5.31971 6.66699 5.14314Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ChatBot"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "13",
+      "height": "12",
+      "viewBox": "0 0 13 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "chat-bot"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M4.20913 2.76912L4.09542 2.83543L3.98172 2.76912C3.90566 2.72476 3.86328 2.64979 3.86328 2.57101C3.86328 2.44347 3.96789 2.33887 4.09542 2.33887C4.22296 2.33887 4.32757 2.44347 4.32757 2.57101C4.32757 2.64979 4.28519 2.72476 4.20913 2.76912Z",
+              "fill": "currentColor",
+              "stroke": "currentColor",
+              "stroke-width": "1.25"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M10.0174 6.00058C10.0123 5.98686 10.0097 5.97229 10.0046 5.95858C9.81684 5.48158 9.35398 5.14258 8.81056 5.14258H8.66784L7.52484 5.99972C7.33713 6.14029 7.11556 6.21444 6.88284 6.21444C6.29184 6.21444 5.81056 5.73358 5.81056 5.14258H2.81013C2.10127 5.14258 1.52441 5.71944 1.52441 6.42829V9.85686C1.52441 10.5657 2.10127 11.1426 2.81013 11.1426H8.81013C9.51899 11.1426 10.0958 10.5657 10.0958 9.85686V6.42829C10.0958 6.34386 10.0868 6.26158 10.071 6.18186C10.0586 6.11886 10.0384 6.05972 10.0174 6.00058ZM3.88156 8.57115C3.52713 8.57115 3.2387 8.28272 3.2387 7.92829C3.2387 7.57386 3.52713 7.28544 3.88156 7.28544C4.23599 7.28544 4.52441 7.57386 4.52441 7.92829C4.52441 8.28272 4.23599 8.57115 3.88156 8.57115ZM7.7387 8.57115C7.38427 8.57115 7.09584 8.28272 7.09584 7.92829C7.09584 7.57386 7.38427 7.28544 7.7387 7.28544C8.09313 7.28544 8.38156 7.57386 8.38156 7.92829C8.38156 8.28272 8.09313 8.57115 7.7387 8.57115Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M6.66699 5.14314V1.71456C6.66699 1.24099 7.05056 0.857422 7.52413 0.857422H10.9527C11.4263 0.857422 11.8098 1.24099 11.8098 1.71456V3.42885C11.8098 3.90242 11.4263 4.28599 10.9527 4.28599H8.38128L7.00985 5.31456C6.86842 5.42042 6.66699 5.31971 6.66699 5.14314Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ChatBot"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
index 6f44bec6d1..391670d718 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ChatBot.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ChatBot.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.json b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.json
index fa9786473c..38ad521d22 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "cute-robot"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M12 1C12.5523 1 13 1.44772 13 2V3H17C18.6569 3 20 4.34315 20 6V11C20 11.8885 19.6138 12.6868 19 13.2361V14.5858L20.7071 16.2929C21.0976 16.6834 21.0976 17.3166 20.7071 17.7071C20.3166 18.0976 19.6834 18.0976 19.2929 17.7071L18.681 17.0952C17.7905 19.9377 15.1361 22 12 22C8.8639 22 6.20948 19.9377 5.31897 17.0952L4.70711 17.7071C4.31658 18.0976 3.68342 18.0976 3.29289 17.7071C2.90237 17.3166 2.90237 16.6834 3.29289 16.2929L5 14.5858V13.2361C4.38625 12.6868 4 11.8885 4 11V6C4 4.34315 5.34315 3 7 3H11V2C11 1.44772 11.4477 1 12 1ZM7 5C6.44772 5 6 5.44772 6 6V11C6 11.5523 6.44772 12 7 12H17C17.5523 12 18 11.5523 18 11V6C18 5.44772 17.5523 5 17 5H7ZM9 7C9.55228 7 10 7.44772 10 8V9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9V8C8 7.44772 8.44772 7 9 7ZM15 7C15.5523 7 16 7.44772 16 8V9C16 9.55228 15.5523 10 15 10C14.4477 10 14 9.55228 14 9V8C14 7.44772 14.4477 7 15 7Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "CuteRobot"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "cute-robot"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M12 1C12.5523 1 13 1.44772 13 2V3H17C18.6569 3 20 4.34315 20 6V11C20 11.8885 19.6138 12.6868 19 13.2361V14.5858L20.7071 16.2929C21.0976 16.6834 21.0976 17.3166 20.7071 17.7071C20.3166 18.0976 19.6834 18.0976 19.2929 17.7071L18.681 17.0952C17.7905 19.9377 15.1361 22 12 22C8.8639 22 6.20948 19.9377 5.31897 17.0952L4.70711 17.7071C4.31658 18.0976 3.68342 18.0976 3.29289 17.7071C2.90237 17.3166 2.90237 16.6834 3.29289 16.2929L5 14.5858V13.2361C4.38625 12.6868 4 11.8885 4 11V6C4 4.34315 5.34315 3 7 3H11V2C11 1.44772 11.4477 1 12 1ZM7 5C6.44772 5 6 5.44772 6 6V11C6 11.5523 6.44772 12 7 12H17C17.5523 12 18 11.5523 18 11V6C18 5.44772 17.5523 5 17 5H7ZM9 7C9.55228 7 10 7.44772 10 8V9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9V8C8 7.44772 8.44772 7 9 7ZM15 7C15.5523 7 16 7.44772 16 8V9C16 9.55228 15.5523 10 15 10C14.4477 10 14 9.55228 14 9V8C14 7.44772 14.4477 7 15 7Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CuteRobot"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
index 576c73a611..9bba738c69 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CuteRobot.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CuteRobot.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/EditList.json b/web/app/components/base/icons/src/vender/solid/communication/EditList.json
index 51278466c5..000b2f2f07 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/EditList.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/EditList.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M3.00195 4C3.00195 3.44772 3.44967 3 4.00195 3H20.002C20.5542 3 21.002 3.44772 21.002 4C21.002 4.55228 20.5542 5 20.002 5H4.00195C3.44967 5 3.00195 4.55228 3.00195 4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M3.00195 8C3.00195 7.44772 3.44967 7 4.00195 7H10.502C11.0542 7 11.502 7.44772 11.502 8C11.502 8.55228 11.0542 9 10.502 9H4.00195C3.44967 9 3.00195 8.55228 3.00195 8Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 11C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H7.0022C7.55448 13 8.0022 12.5523 8.0022 12C8.0022 11.4477 7.55448 11 7.0022 11H4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.2584 8.70705C18.0868 7.53548 16.1873 7.53547 15.0158 8.70705L7.29485 16.428C7.10731 16.6155 7.00195 16.8699 7.00195 17.1351V20.9999C7.00195 21.5522 7.44967 21.9999 8.00195 21.9999H11.8668C12.132 21.9999 12.3864 21.8946 12.5739 21.7071L20.2948 13.9861C21.4664 12.8146 21.4664 10.9151 20.2948 9.74349L19.2584 8.70705Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "EditList"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M3.00195 4C3.00195 3.44772 3.44967 3 4.00195 3H20.002C20.5542 3 21.002 3.44772 21.002 4C21.002 4.55228 20.5542 5 20.002 5H4.00195C3.44967 5 3.00195 4.55228 3.00195 4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M3.00195 8C3.00195 7.44772 3.44967 7 4.00195 7H10.502C11.0542 7 11.502 7.44772 11.502 8C11.502 8.55228 11.0542 9 10.502 9H4.00195C3.44967 9 3.00195 8.55228 3.00195 8Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 11C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H7.0022C7.55448 13 8.0022 12.5523 8.0022 12C8.0022 11.4477 7.55448 11 7.0022 11H4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.2584 8.70705C18.0868 7.53548 16.1873 7.53547 15.0158 8.70705L7.29485 16.428C7.10731 16.6155 7.00195 16.8699 7.00195 17.1351V20.9999C7.00195 21.5522 7.44967 21.9999 8.00195 21.9999H11.8668C12.132 21.9999 12.3864 21.8946 12.5739 21.7071L20.2948 13.9861C21.4664 12.8146 21.4664 10.9151 20.2948 9.74349L19.2584 8.70705Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "EditList"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx b/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
index 572d570a82..8ebe74c13a 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './EditList.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './EditList.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.json b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.json
index 160172c88c..9139f23108 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 5C3.44772 5 3 5.44772 3 6C3 6.55228 3.44772 7 4 7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.9191 9.60608C17.7616 9.2384 17.4 9 17 9C16.6 9 16.2384 9.2384 16.0809 9.60608L14.7384 12.7384L11.6061 14.0809C11.2384 14.2384 11 14.6 11 15C11 15.4 11.2384 15.7616 11.6061 15.9191L14.7384 17.2616L16.0809 20.3939C16.2384 20.7616 16.6 21 17 21C17.4 21 17.7616 20.7616 17.9191 20.3939L19.2616 17.2616L22.3939 15.9191C22.7616 15.7616 23 15.4 23 15C23 14.6 22.7616 14.2384 22.3939 14.0809L19.2616 12.7384L17.9191 9.60608Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 11C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H9C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11H4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19H7C7.55228 19 8 18.5523 8 18C8 17.4477 7.55228 17 7 17H4Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ListSparkle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 5C3.44772 5 3 5.44772 3 6C3 6.55228 3.44772 7 4 7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.9191 9.60608C17.7616 9.2384 17.4 9 17 9C16.6 9 16.2384 9.2384 16.0809 9.60608L14.7384 12.7384L11.6061 14.0809C11.2384 14.2384 11 14.6 11 15C11 15.4 11.2384 15.7616 11.6061 15.9191L14.7384 17.2616L16.0809 20.3939C16.2384 20.7616 16.6 21 17 21C17.4 21 17.7616 20.7616 17.9191 20.3939L19.2616 17.2616L22.3939 15.9191C22.7616 15.7616 23 15.4 23 15C23 14.6 22.7616 14.2384 22.3939 14.0809L19.2616 12.7384L17.9191 9.60608Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 11C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H9C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11H4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4 17C3.44772 17 3 17.4477 3 18C3 18.5523 3.44772 19 4 19H7C7.55228 19 8 18.5523 8 18C8 17.4477 7.55228 17 7 17H4Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ListSparkle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
index 86876da056..0ec9f865f5 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ListSparkle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ListSparkle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Logic.json b/web/app/components/base/icons/src/vender/solid/communication/Logic.json
index fa55d1c35b..42c93cec28 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Logic.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/Logic.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "logic"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.9089 11.9999C13.913 11.9999 14.727 11.186 14.727 10.1819C14.727 9.17775 13.913 8.36376 12.9089 8.36376C11.9048 8.36376 11.0908 9.17775 11.0908 10.1819C11.0908 11.186 11.9048 11.9999 12.9089 11.9999Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.2871 1.11229C9.95219 1.3228 7.78275 2.40696 6.21264 4.14796C4.64254 5.88897 3.78749 8.15849 3.81849 10.5027V10.8763L2.09676 14.3207C2.04261 14.4277 2.01016 14.5444 2.00129 14.6639C1.99241 14.7835 2.00729 14.9037 2.04506 15.0175C2.08283 15.1313 2.14275 15.2366 2.22136 15.3271C2.29997 15.4177 2.39573 15.4918 2.50311 15.5452L3.81849 16.1979V18.3632C3.81849 19.0865 4.10581 19.7802 4.61725 20.2916C5.12869 20.803 5.82234 21.0904 6.54562 21.0904H9.27276V22.9084H19.2722V16.6606C20.5995 15.3604 21.496 13.6844 21.8409 11.8588C22.1858 10.0331 21.9625 8.14562 21.2012 6.45084C20.4398 4.75606 19.1769 3.33556 17.583 2.38094C15.989 1.42633 14.1406 0.983541 12.2871 1.11229ZM17.4542 11.0909H16.416C16.3316 11.4163 16.2016 11.7282 16.0297 12.0172L16.7651 12.7526C16.8519 12.8365 16.9212 12.9368 16.9688 13.0477C17.0165 13.1586 17.0415 13.2779 17.0426 13.3986C17.0436 13.5193 17.0206 13.639 16.9749 13.7507C16.9292 13.8624 16.8617 13.9639 16.7764 14.0493C16.691 14.1346 16.5895 14.2021 16.4778 14.2478C16.3661 14.2935 16.2464 14.3165 16.1257 14.3155C16.005 14.3144 15.8857 14.2893 15.7748 14.2417C15.6639 14.1941 15.5636 14.1248 15.4797 14.038L14.7443 13.3026C14.4553 13.4745 14.1434 13.6045 13.818 13.6889V14.727C13.818 14.9681 13.7222 15.1994 13.5517 15.3698C13.3812 15.5403 13.15 15.6361 12.9089 15.6361C12.6678 15.6361 12.4366 15.5403 12.2661 15.3698C12.0957 15.1994 11.9999 14.9681 11.9999 14.727V13.6889C11.6744 13.6045 11.3625 13.4745 11.0736 13.3026L10.3382 14.038C10.1667 14.2036 9.93708 14.2952 9.69873 14.2931C9.46038 14.2911 9.23239 14.1955 9.06384 14.0269C8.8953 13.8584 8.79969 13.6304 8.79762 13.392C8.79555 13.1537 8.88718 12.924 9.05277 12.7526L9.78818 12.0172C9.61629 11.7282 9.48622 11.4163 9.40184 11.0909H8.36371C8.12262 11.0909 7.8914 10.9951 7.72092 10.8246C7.55044 10.6541 7.45467 10.4229 7.45467 10.1818C7.45467 9.94073 7.55044 9.70951 7.72092 9.53903C7.8914 9.36855 8.12262 9.27278 8.36371 9.27278H9.40184C9.48622 8.94731 9.61629 8.63544 9.78818 8.34647L9.05277 7.61105C8.88718 7.4396 8.79555 7.20997 8.79762 6.97163C8.79969 6.73328 8.8953 6.50528 9.06384 6.33673C9.23239 6.16819 9.46038 6.07259 9.69873 6.07052C9.93708 6.06844 10.1667 6.16007 10.3382 6.32566L11.0736 7.06108C11.3625 6.88918 11.6744 6.75911 11.9999 6.67473V5.63661C11.9999 5.39551 12.0957 5.16429 12.2661 4.99381C12.4366 4.82334 12.6678 4.72756 12.9089 4.72756C13.15 4.72756 13.3812 4.82334 13.5517 4.99381C13.7222 5.16429 13.818 5.39551 13.818 5.63661V6.67473C14.1434 6.75911 14.4553 6.88918 14.7443 7.06108L15.4797 6.32566C15.5636 6.23884 15.6639 6.16958 15.7748 6.12194C15.8857 6.0743 16.005 6.04922 16.1257 6.04817C16.2464 6.04713 16.3661 6.07013 16.4778 6.11583C16.5895 6.16154 16.691 6.22904 16.7764 6.31439C16.8617 6.39975 16.9292 6.50124 16.9749 6.61296C17.0206 6.72468 17.0436 6.84438 17.0426 6.96508C17.0415 7.08578 17.0165 7.20507 16.9688 7.31598C16.9212 7.42688 16.8519 7.52719 16.7651 7.61105L16.0297 8.34647C16.2016 8.63544 16.3316 8.94731 16.416 9.27278H17.4542C17.6952 9.27278 17.9265 9.36855 18.0969 9.53903C18.2674 9.70951 18.3632 9.94073 18.3632 10.1818C18.3632 10.4229 18.2674 10.6541 18.0969 10.8246C17.9265 10.9951 17.6952 11.0909 17.4542 11.0909Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Logic"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "logic"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.9089 11.9999C13.913 11.9999 14.727 11.186 14.727 10.1819C14.727 9.17775 13.913 8.36376 12.9089 8.36376C11.9048 8.36376 11.0908 9.17775 11.0908 10.1819C11.0908 11.186 11.9048 11.9999 12.9089 11.9999Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.2871 1.11229C9.95219 1.3228 7.78275 2.40696 6.21264 4.14796C4.64254 5.88897 3.78749 8.15849 3.81849 10.5027V10.8763L2.09676 14.3207C2.04261 14.4277 2.01016 14.5444 2.00129 14.6639C1.99241 14.7835 2.00729 14.9037 2.04506 15.0175C2.08283 15.1313 2.14275 15.2366 2.22136 15.3271C2.29997 15.4177 2.39573 15.4918 2.50311 15.5452L3.81849 16.1979V18.3632C3.81849 19.0865 4.10581 19.7802 4.61725 20.2916C5.12869 20.803 5.82234 21.0904 6.54562 21.0904H9.27276V22.9084H19.2722V16.6606C20.5995 15.3604 21.496 13.6844 21.8409 11.8588C22.1858 10.0331 21.9625 8.14562 21.2012 6.45084C20.4398 4.75606 19.1769 3.33556 17.583 2.38094C15.989 1.42633 14.1406 0.983541 12.2871 1.11229ZM17.4542 11.0909H16.416C16.3316 11.4163 16.2016 11.7282 16.0297 12.0172L16.7651 12.7526C16.8519 12.8365 16.9212 12.9368 16.9688 13.0477C17.0165 13.1586 17.0415 13.2779 17.0426 13.3986C17.0436 13.5193 17.0206 13.639 16.9749 13.7507C16.9292 13.8624 16.8617 13.9639 16.7764 14.0493C16.691 14.1346 16.5895 14.2021 16.4778 14.2478C16.3661 14.2935 16.2464 14.3165 16.1257 14.3155C16.005 14.3144 15.8857 14.2893 15.7748 14.2417C15.6639 14.1941 15.5636 14.1248 15.4797 14.038L14.7443 13.3026C14.4553 13.4745 14.1434 13.6045 13.818 13.6889V14.727C13.818 14.9681 13.7222 15.1994 13.5517 15.3698C13.3812 15.5403 13.15 15.6361 12.9089 15.6361C12.6678 15.6361 12.4366 15.5403 12.2661 15.3698C12.0957 15.1994 11.9999 14.9681 11.9999 14.727V13.6889C11.6744 13.6045 11.3625 13.4745 11.0736 13.3026L10.3382 14.038C10.1667 14.2036 9.93708 14.2952 9.69873 14.2931C9.46038 14.2911 9.23239 14.1955 9.06384 14.0269C8.8953 13.8584 8.79969 13.6304 8.79762 13.392C8.79555 13.1537 8.88718 12.924 9.05277 12.7526L9.78818 12.0172C9.61629 11.7282 9.48622 11.4163 9.40184 11.0909H8.36371C8.12262 11.0909 7.8914 10.9951 7.72092 10.8246C7.55044 10.6541 7.45467 10.4229 7.45467 10.1818C7.45467 9.94073 7.55044 9.70951 7.72092 9.53903C7.8914 9.36855 8.12262 9.27278 8.36371 9.27278H9.40184C9.48622 8.94731 9.61629 8.63544 9.78818 8.34647L9.05277 7.61105C8.88718 7.4396 8.79555 7.20997 8.79762 6.97163C8.79969 6.73328 8.8953 6.50528 9.06384 6.33673C9.23239 6.16819 9.46038 6.07259 9.69873 6.07052C9.93708 6.06844 10.1667 6.16007 10.3382 6.32566L11.0736 7.06108C11.3625 6.88918 11.6744 6.75911 11.9999 6.67473V5.63661C11.9999 5.39551 12.0957 5.16429 12.2661 4.99381C12.4366 4.82334 12.6678 4.72756 12.9089 4.72756C13.15 4.72756 13.3812 4.82334 13.5517 4.99381C13.7222 5.16429 13.818 5.39551 13.818 5.63661V6.67473C14.1434 6.75911 14.4553 6.88918 14.7443 7.06108L15.4797 6.32566C15.5636 6.23884 15.6639 6.16958 15.7748 6.12194C15.8857 6.0743 16.005 6.04922 16.1257 6.04817C16.2464 6.04713 16.3661 6.07013 16.4778 6.11583C16.5895 6.16154 16.691 6.22904 16.7764 6.31439C16.8617 6.39975 16.9292 6.50124 16.9749 6.61296C17.0206 6.72468 17.0436 6.84438 17.0426 6.96508C17.0415 7.08578 17.0165 7.20507 16.9688 7.31598C16.9212 7.42688 16.8519 7.52719 16.7651 7.61105L16.0297 8.34647C16.2016 8.63544 16.3316 8.94731 16.416 9.27278H17.4542C17.6952 9.27278 17.9265 9.36855 18.0969 9.53903C18.2674 9.70951 18.3632 9.94073 18.3632 10.1818C18.3632 10.4229 18.2674 10.6541 18.0969 10.8246C17.9265 10.9951 17.6952 11.0909 17.4542 11.0909Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Logic"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx b/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
index db7d418bf7..85707c0a05 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Logic.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Logic.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.json b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.json
index e4f41f22b4..a0b781a169 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "message-dots-circle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M12 2C6.47715 2 2 6.47715 2 12C2 13.3283 2.25952 14.5985 2.73156 15.7608C2.77419 15.8658 2.79872 15.9264 2.81552 15.9711L2.82063 15.9849L2.82 15.9897C2.815 16.0266 2.80672 16.0769 2.79071 16.173L2.19294 19.7596C2.16612 19.9202 2.13611 20.0999 2.12433 20.256C2.11148 20.4261 2.10701 20.6969 2.22973 20.983C2.38144 21.3367 2.6633 21.6186 3.017 21.7703C3.30312 21.893 3.57386 21.8885 3.74404 21.8757C3.90013 21.8639 4.07985 21.8339 4.24049 21.8071L7.82705 21.2093C7.92309 21.1933 7.97339 21.185 8.0103 21.18L8.01505 21.1794L8.02887 21.1845C8.07362 21.2013 8.13423 21.2258 8.23921 21.2684C9.4015 21.7405 10.6717 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM6 12C6 11.1716 6.67157 10.5 7.5 10.5C8.32843 10.5 9 11.1716 9 12C9 12.8284 8.32843 13.5 7.5 13.5C6.67157 13.5 6 12.8284 6 12ZM10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12ZM16.5 10.5C15.6716 10.5 15 11.1716 15 12C15 12.8284 15.6716 13.5 16.5 13.5C17.3284 13.5 18 12.8284 18 12C18 11.1716 17.3284 10.5 16.5 10.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MessageDotsCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "message-dots-circle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M12 2C6.47715 2 2 6.47715 2 12C2 13.3283 2.25952 14.5985 2.73156 15.7608C2.77419 15.8658 2.79872 15.9264 2.81552 15.9711L2.82063 15.9849L2.82 15.9897C2.815 16.0266 2.80672 16.0769 2.79071 16.173L2.19294 19.7596C2.16612 19.9202 2.13611 20.0999 2.12433 20.256C2.11148 20.4261 2.10701 20.6969 2.22973 20.983C2.38144 21.3367 2.6633 21.6186 3.017 21.7703C3.30312 21.893 3.57386 21.8885 3.74404 21.8757C3.90013 21.8639 4.07985 21.8339 4.24049 21.8071L7.82705 21.2093C7.92309 21.1933 7.97339 21.185 8.0103 21.18L8.01505 21.1794L8.02887 21.1845C8.07362 21.2013 8.13423 21.2258 8.23921 21.2684C9.4015 21.7405 10.6717 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM6 12C6 11.1716 6.67157 10.5 7.5 10.5C8.32843 10.5 9 11.1716 9 12C9 12.8284 8.32843 13.5 7.5 13.5C6.67157 13.5 6 12.8284 6 12ZM10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12ZM16.5 10.5C15.6716 10.5 15 11.1716 15 12C15 12.8284 15.6716 13.5 16.5 13.5C17.3284 13.5 18 12.8284 18 12C18 11.1716 17.3284 10.5 16.5 10.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MessageDotsCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
index 43eca08463..e834cf59af 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageDotsCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageDotsCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.json b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.json
index b859b1f3f0..07a45c273f 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M16.2414 2H7.7588C6.95383 1.99999 6.28946 1.99998 5.74827 2.04419C5.18617 2.09012 4.66947 2.18868 4.18413 2.43598C3.43149 2.81947 2.81956 3.43139 2.43607 4.18404C2.18878 4.66937 2.09022 5.18608 2.04429 5.74818C2.00007 6.28937 2.00008 6.95373 2.0001 7.7587L2.00005 14.1376C1.99962 14.933 1.9993 15.5236 2.13639 16.0353C2.50626 17.4156 3.58445 18.4938 4.96482 18.8637C5.27229 18.9461 5.60829 18.9789 6.0001 18.9918L6.00009 20.371C6.00005 20.6062 6 20.846 6.01785 21.0425C6.03492 21.2305 6.08012 21.5852 6.32778 21.8955C6.61276 22.2525 7.0449 22.4602 7.50172 22.4597C7.8987 22.4593 8.20394 22.273 8.36137 22.1689C8.52597 22.06 8.7132 21.9102 8.89688 21.7632L11.31 19.8327C11.8286 19.4178 11.9826 19.3007 12.1425 19.219C12.303 19.137 12.4738 19.0771 12.6504 19.0408C12.8263 19.0047 13.0197 19 13.6838 19H16.2414C17.0464 19 17.7107 19 18.2519 18.9558C18.814 18.9099 19.3307 18.8113 19.8161 18.564C20.5687 18.1805 21.1806 17.5686 21.5641 16.816C21.8114 16.3306 21.91 15.8139 21.9559 15.2518C22.0001 14.7106 22.0001 14.0463 22.0001 13.2413V7.75868C22.0001 6.95372 22.0001 6.28936 21.9559 5.74818C21.91 5.18608 21.8114 4.66937 21.5641 4.18404C21.1806 3.43139 20.5687 2.81947 19.8161 2.43598C19.3307 2.18868 18.814 2.09012 18.2519 2.04419C17.7107 1.99998 17.0464 1.99999 16.2414 2ZM12.681 5.5349C12.8938 5.61898 13.0218 5.83714 12.9916 6.06386L12.5688 9.23501L14.48 9.23501C14.5899 9.23498 14.7038 9.23496 14.7979 9.24356C14.8905 9.25203 15.0589 9.27446 15.2095 9.39066C15.3851 9.52617 15.4913 9.73269 15.4996 9.95432C15.5066 10.1444 15.427 10.2945 15.38 10.3747C15.3324 10.4563 15.2661 10.549 15.2022 10.6384L11.9072 15.2514C11.7743 15.4375 11.5317 15.5092 11.319 15.4251C11.1063 15.341 10.9782 15.1229 11.0084 14.8961L11.4312 11.725L9.52004 11.725C9.41011 11.725 9.29618 11.725 9.20206 11.7164C9.10948 11.708 8.94106 11.6855 8.79051 11.5693C8.61493 11.4338 8.50866 11.2273 8.50044 11.0057C8.49339 10.8156 8.57303 10.6655 8.61996 10.5853C8.66766 10.5037 8.7339 10.411 8.79781 10.3216L12.0928 5.70858C12.2257 5.52246 12.4683 5.45083 12.681 5.5349Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "MessageFast"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M16.2414 2H7.7588C6.95383 1.99999 6.28946 1.99998 5.74827 2.04419C5.18617 2.09012 4.66947 2.18868 4.18413 2.43598C3.43149 2.81947 2.81956 3.43139 2.43607 4.18404C2.18878 4.66937 2.09022 5.18608 2.04429 5.74818C2.00007 6.28937 2.00008 6.95373 2.0001 7.7587L2.00005 14.1376C1.99962 14.933 1.9993 15.5236 2.13639 16.0353C2.50626 17.4156 3.58445 18.4938 4.96482 18.8637C5.27229 18.9461 5.60829 18.9789 6.0001 18.9918L6.00009 20.371C6.00005 20.6062 6 20.846 6.01785 21.0425C6.03492 21.2305 6.08012 21.5852 6.32778 21.8955C6.61276 22.2525 7.0449 22.4602 7.50172 22.4597C7.8987 22.4593 8.20394 22.273 8.36137 22.1689C8.52597 22.06 8.7132 21.9102 8.89688 21.7632L11.31 19.8327C11.8286 19.4178 11.9826 19.3007 12.1425 19.219C12.303 19.137 12.4738 19.0771 12.6504 19.0408C12.8263 19.0047 13.0197 19 13.6838 19H16.2414C17.0464 19 17.7107 19 18.2519 18.9558C18.814 18.9099 19.3307 18.8113 19.8161 18.564C20.5687 18.1805 21.1806 17.5686 21.5641 16.816C21.8114 16.3306 21.91 15.8139 21.9559 15.2518C22.0001 14.7106 22.0001 14.0463 22.0001 13.2413V7.75868C22.0001 6.95372 22.0001 6.28936 21.9559 5.74818C21.91 5.18608 21.8114 4.66937 21.5641 4.18404C21.1806 3.43139 20.5687 2.81947 19.8161 2.43598C19.3307 2.18868 18.814 2.09012 18.2519 2.04419C17.7107 1.99998 17.0464 1.99999 16.2414 2ZM12.681 5.5349C12.8938 5.61898 13.0218 5.83714 12.9916 6.06386L12.5688 9.23501L14.48 9.23501C14.5899 9.23498 14.7038 9.23496 14.7979 9.24356C14.8905 9.25203 15.0589 9.27446 15.2095 9.39066C15.3851 9.52617 15.4913 9.73269 15.4996 9.95432C15.5066 10.1444 15.427 10.2945 15.38 10.3747C15.3324 10.4563 15.2661 10.549 15.2022 10.6384L11.9072 15.2514C11.7743 15.4375 11.5317 15.5092 11.319 15.4251C11.1063 15.341 10.9782 15.1229 11.0084 14.8961L11.4312 11.725L9.52004 11.725C9.41011 11.725 9.29618 11.725 9.20206 11.7164C9.10948 11.708 8.94106 11.6855 8.79051 11.5693C8.61493 11.4338 8.50866 11.2273 8.50044 11.0057C8.49339 10.8156 8.57303 10.6655 8.61996 10.5853C8.66766 10.5037 8.7339 10.411 8.79781 10.3216L12.0928 5.70858C12.2257 5.52246 12.4683 5.45083 12.681 5.5349Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "MessageFast"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
index efa7b15821..1f0374c2dc 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageFast.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageFast.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.json b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.json
index ede7ecdb8b..f74acdfd4e 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "message-heart-circle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8.33334 1.3335C4.83554 1.3335 2.00001 4.16903 2.00001 7.66683C2.00001 8.3735 2.116 9.05444 2.33051 9.69084C2.36824 9.80278 2.39045 9.86902 2.40488 9.91786L2.40961 9.93431L2.40711 9.93952C2.38997 9.97486 2.36451 10.0223 2.31687 10.1105L1.21562 12.1489C1.14736 12.2751 1.07614 12.4069 1.02717 12.5214C0.978485 12.6353 0.89963 12.8442 0.93843 13.0919C0.983911 13.3822 1.15477 13.6378 1.40562 13.7908C1.61963 13.9213 1.84282 13.9283 1.96665 13.9269C2.09123 13.9254 2.24018 13.91 2.38296 13.8952L5.8196 13.54C5.87464 13.5343 5.90342 13.5314 5.92449 13.5297L5.92721 13.5295L5.93545 13.5325C5.96135 13.5418 5.99648 13.5553 6.05711 13.5786C6.76441 13.8511 7.53226 14.0002 8.33334 14.0002C11.8311 14.0002 14.6667 11.1646 14.6667 7.66683C14.6667 4.16903 11.8311 1.3335 8.33334 1.3335ZM5.97972 5.72165C6.73124 5.08746 7.73145 5.27376 8.33126 5.96633C8.93106 5.27376 9.91836 5.09414 10.6828 5.72165C11.4472 6.34916 11.5401 7.41616 10.9499 8.16621C10.5843 8.63089 9.66661 9.4796 9.02123 10.0581C8.78417 10.2706 8.66564 10.3769 8.52339 10.4197C8.40136 10.4564 8.26116 10.4564 8.13913 10.4197C7.99688 10.3769 7.87835 10.2706 7.64128 10.0581C6.9959 9.4796 6.0782 8.63089 5.71257 8.16621C5.1224 7.41616 5.22821 6.35583 5.97972 5.72165Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MessageHeartCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "message-heart-circle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8.33334 1.3335C4.83554 1.3335 2.00001 4.16903 2.00001 7.66683C2.00001 8.3735 2.116 9.05444 2.33051 9.69084C2.36824 9.80278 2.39045 9.86902 2.40488 9.91786L2.40961 9.93431L2.40711 9.93952C2.38997 9.97486 2.36451 10.0223 2.31687 10.1105L1.21562 12.1489C1.14736 12.2751 1.07614 12.4069 1.02717 12.5214C0.978485 12.6353 0.89963 12.8442 0.93843 13.0919C0.983911 13.3822 1.15477 13.6378 1.40562 13.7908C1.61963 13.9213 1.84282 13.9283 1.96665 13.9269C2.09123 13.9254 2.24018 13.91 2.38296 13.8952L5.8196 13.54C5.87464 13.5343 5.90342 13.5314 5.92449 13.5297L5.92721 13.5295L5.93545 13.5325C5.96135 13.5418 5.99648 13.5553 6.05711 13.5786C6.76441 13.8511 7.53226 14.0002 8.33334 14.0002C11.8311 14.0002 14.6667 11.1646 14.6667 7.66683C14.6667 4.16903 11.8311 1.3335 8.33334 1.3335ZM5.97972 5.72165C6.73124 5.08746 7.73145 5.27376 8.33126 5.96633C8.93106 5.27376 9.91836 5.09414 10.6828 5.72165C11.4472 6.34916 11.5401 7.41616 10.9499 8.16621C10.5843 8.63089 9.66661 9.4796 9.02123 10.0581C8.78417 10.2706 8.66564 10.3769 8.52339 10.4197C8.40136 10.4564 8.26116 10.4564 8.13913 10.4197C7.99688 10.3769 7.87835 10.2706 7.64128 10.0581C6.9959 9.4796 6.0782 8.63089 5.71257 8.16621C5.1224 7.41616 5.22821 6.35583 5.97972 5.72165Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MessageHeartCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
index 547947ea39..2ef4c15b32 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageHeartCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageHeartCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.json b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.json
index 466f1d0207..d30e60c482 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "message-smile-square"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M10.8273 1.33337H5.17221C4.63556 1.33337 4.19265 1.33336 3.83185 1.36284C3.45712 1.39345 3.11265 1.45916 2.7891 1.62402C2.28733 1.87969 1.87938 2.28763 1.62372 2.7894C1.45886 3.11296 1.39315 3.45743 1.36253 3.83216C1.33306 4.19295 1.33306 4.63586 1.33307 5.17251L1.33304 9.42509C1.33275 9.95535 1.33254 10.3491 1.42394 10.6902C1.67052 11.6105 2.38931 12.3293 3.30955 12.5758C3.51453 12.6308 3.73853 12.6526 3.99974 12.6612L3.99974 13.5807C3.99971 13.7375 3.99967 13.8974 4.01157 14.0284C4.02296 14.1537 4.05309 14.3902 4.2182 14.597C4.40818 14.835 4.69628 14.9735 5.00082 14.9732C5.26547 14.9729 5.46897 14.8487 5.57392 14.7793C5.68366 14.7067 5.80847 14.6068 5.93093 14.5088L7.53968 13.2218C7.8854 12.9453 7.98804 12.8672 8.0947 12.8127C8.20168 12.758 8.31556 12.7181 8.43324 12.6939C8.55057 12.6699 8.6795 12.6667 9.12224 12.6667H10.8273C11.3639 12.6667 11.8068 12.6667 12.1676 12.6372C12.5424 12.6066 12.8868 12.5409 13.2104 12.3761C13.7121 12.1204 14.1201 11.7124 14.3758 11.2107C14.5406 10.8871 14.6063 10.5427 14.6369 10.1679C14.6664 9.80713 14.6664 9.36423 14.6664 8.82759V5.17249C14.6664 4.63585 14.6664 4.19295 14.6369 3.83216C14.6063 3.45743 14.5406 3.11296 14.3758 2.7894C14.1201 2.28763 13.7121 1.87969 13.2104 1.62402C12.8868 1.45916 12.5424 1.39345 12.1676 1.36284C11.8068 1.33336 11.3639 1.33337 10.8273 1.33337ZM8.99479 5.00004C8.99479 4.44776 9.44251 4.00004 9.99479 4.00004C10.5471 4.00004 10.9948 4.44776 10.9948 5.00004C10.9948 5.55233 10.5471 6.00004 9.99479 6.00004C9.44251 6.00004 8.99479 5.55233 8.99479 5.00004ZM4.92813 7.80008C5.22175 7.57986 5.63792 7.63849 5.85937 7.93064C5.90047 7.98307 5.94569 8.03241 5.99175 8.08048C6.08995 8.18295 6.23751 8.32196 6.42858 8.46092C6.81329 8.74071 7.34515 9.00008 7.9948 9.00008C8.64444 9.00008 9.17631 8.74071 9.56102 8.46092C9.75209 8.32196 9.89965 8.18295 9.99785 8.08048C10.0439 8.03242 10.0891 7.98306 10.1302 7.93064C10.3517 7.63849 10.7678 7.57986 11.0615 7.80008C11.356 8.02099 11.4157 8.43886 11.1948 8.73341C11.1965 8.73124 11.1925 8.73622 11.1857 8.74479C11.1695 8.76522 11.137 8.8061 11.1259 8.81929C11.0868 8.86587 11.0315 8.92896 10.9605 9.00302C10.8191 9.15055 10.6125 9.34486 10.3452 9.53924C9.81328 9.92612 9.01182 10.3334 7.9948 10.3334C6.97778 10.3334 6.17631 9.92612 5.64435 9.53924C5.37709 9.34486 5.17048 9.15055 5.0291 9.00302C4.95813 8.92896 4.9028 8.86587 4.8637 8.81929C4.84413 8.79597 4.82856 8.77671 4.81707 8.76219C4.58678 8.46467 4.61774 8.03288 4.92813 7.80008ZM5.99479 4.00004C5.44251 4.00004 4.99479 4.44776 4.99479 5.00004C4.99479 5.55233 5.44251 6.00004 5.99479 6.00004C6.54708 6.00004 6.99479 5.55233 6.99479 5.00004C6.99479 4.44776 6.54708 4.00004 5.99479 4.00004Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MessageSmileSquare"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "message-smile-square"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M10.8273 1.33337H5.17221C4.63556 1.33337 4.19265 1.33336 3.83185 1.36284C3.45712 1.39345 3.11265 1.45916 2.7891 1.62402C2.28733 1.87969 1.87938 2.28763 1.62372 2.7894C1.45886 3.11296 1.39315 3.45743 1.36253 3.83216C1.33306 4.19295 1.33306 4.63586 1.33307 5.17251L1.33304 9.42509C1.33275 9.95535 1.33254 10.3491 1.42394 10.6902C1.67052 11.6105 2.38931 12.3293 3.30955 12.5758C3.51453 12.6308 3.73853 12.6526 3.99974 12.6612L3.99974 13.5807C3.99971 13.7375 3.99967 13.8974 4.01157 14.0284C4.02296 14.1537 4.05309 14.3902 4.2182 14.597C4.40818 14.835 4.69628 14.9735 5.00082 14.9732C5.26547 14.9729 5.46897 14.8487 5.57392 14.7793C5.68366 14.7067 5.80847 14.6068 5.93093 14.5088L7.53968 13.2218C7.8854 12.9453 7.98804 12.8672 8.0947 12.8127C8.20168 12.758 8.31556 12.7181 8.43324 12.6939C8.55057 12.6699 8.6795 12.6667 9.12224 12.6667H10.8273C11.3639 12.6667 11.8068 12.6667 12.1676 12.6372C12.5424 12.6066 12.8868 12.5409 13.2104 12.3761C13.7121 12.1204 14.1201 11.7124 14.3758 11.2107C14.5406 10.8871 14.6063 10.5427 14.6369 10.1679C14.6664 9.80713 14.6664 9.36423 14.6664 8.82759V5.17249C14.6664 4.63585 14.6664 4.19295 14.6369 3.83216C14.6063 3.45743 14.5406 3.11296 14.3758 2.7894C14.1201 2.28763 13.7121 1.87969 13.2104 1.62402C12.8868 1.45916 12.5424 1.39345 12.1676 1.36284C11.8068 1.33336 11.3639 1.33337 10.8273 1.33337ZM8.99479 5.00004C8.99479 4.44776 9.44251 4.00004 9.99479 4.00004C10.5471 4.00004 10.9948 4.44776 10.9948 5.00004C10.9948 5.55233 10.5471 6.00004 9.99479 6.00004C9.44251 6.00004 8.99479 5.55233 8.99479 5.00004ZM4.92813 7.80008C5.22175 7.57986 5.63792 7.63849 5.85937 7.93064C5.90047 7.98307 5.94569 8.03241 5.99175 8.08048C6.08995 8.18295 6.23751 8.32196 6.42858 8.46092C6.81329 8.74071 7.34515 9.00008 7.9948 9.00008C8.64444 9.00008 9.17631 8.74071 9.56102 8.46092C9.75209 8.32196 9.89965 8.18295 9.99785 8.08048C10.0439 8.03242 10.0891 7.98306 10.1302 7.93064C10.3517 7.63849 10.7678 7.57986 11.0615 7.80008C11.356 8.02099 11.4157 8.43886 11.1948 8.73341C11.1965 8.73124 11.1925 8.73622 11.1857 8.74479C11.1695 8.76522 11.137 8.8061 11.1259 8.81929C11.0868 8.86587 11.0315 8.92896 10.9605 9.00302C10.8191 9.15055 10.6125 9.34486 10.3452 9.53924C9.81328 9.92612 9.01182 10.3334 7.9948 10.3334C6.97778 10.3334 6.17631 9.92612 5.64435 9.53924C5.37709 9.34486 5.17048 9.15055 5.0291 9.00302C4.95813 8.92896 4.9028 8.86587 4.8637 8.81929C4.84413 8.79597 4.82856 8.77671 4.81707 8.76219C4.58678 8.46467 4.61774 8.03288 4.92813 7.80008ZM5.99479 4.00004C5.44251 4.00004 4.99479 4.44776 4.99479 5.00004C4.99479 5.55233 5.44251 6.00004 5.99479 6.00004C6.54708 6.00004 6.99479 5.55233 6.99479 5.00004C6.99479 4.44776 6.54708 4.00004 5.99479 4.00004Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MessageSmileSquare"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
index ad3df7d9e5..d746ead999 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageSmileSquare.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageSmileSquare.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Send03.json b/web/app/components/base/icons/src/vender/solid/communication/Send03.json
index 8d0373ba7a..a227679d13 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Send03.json
+++ b/web/app/components/base/icons/src/vender/solid/communication/Send03.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "send-03"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"d": "M18.4385 10.5535C18.6111 10.2043 18.6111 9.79465 18.4385 9.44548C18.2865 9.13803 18.0197 8.97682 17.8815 8.89905C17.7327 8.81532 17.542 8.72955 17.3519 8.64403L3.36539 2.35014C3.17087 2.26257 2.97694 2.17526 2.81335 2.11859C2.66315 2.06656 2.36076 1.97151 2.02596 2.06467C1.64761 2.16994 1.34073 2.4469 1.19734 2.81251C1.07045 3.13604 1.13411 3.44656 1.17051 3.60129C1.21017 3.76983 1.27721 3.9717 1.34445 4.17418L2.69818 8.25278C2.80718 8.58118 2.86168 8.74537 2.96302 8.86678C3.05252 8.97399 3.16752 9.05699 3.29746 9.10816C3.44462 9.1661 3.61762 9.1661 3.96363 9.1661H10.0001C10.4603 9.1661 10.8334 9.53919 10.8334 9.99943C10.8334 10.4597 10.4603 10.8328 10.0001 10.8328H3.97939C3.63425 10.8328 3.46168 10.8328 3.3148 10.8905C3.18508 10.9414 3.07022 11.0241 2.98072 11.1309C2.87937 11.2519 2.82459 11.4155 2.71502 11.7428L1.3504 15.8191C1.28243 16.0221 1.21472 16.2242 1.17455 16.3929C1.13773 16.5476 1.07301 16.8587 1.19956 17.1831C1.34245 17.5493 1.64936 17.827 2.02806 17.9327C2.36342 18.0263 2.6665 17.9309 2.81674 17.8789C2.98066 17.8221 3.17507 17.7346 3.37023 17.6467L17.3518 11.355C17.542 11.2695 17.7327 11.1837 17.8815 11.0999C18.0197 11.0222 18.2865 10.861 18.4385 10.5535Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Send03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "send-03"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "d": "M18.4385 10.5535C18.6111 10.2043 18.6111 9.79465 18.4385 9.44548C18.2865 9.13803 18.0197 8.97682 17.8815 8.89905C17.7327 8.81532 17.542 8.72955 17.3519 8.64403L3.36539 2.35014C3.17087 2.26257 2.97694 2.17526 2.81335 2.11859C2.66315 2.06656 2.36076 1.97151 2.02596 2.06467C1.64761 2.16994 1.34073 2.4469 1.19734 2.81251C1.07045 3.13604 1.13411 3.44656 1.17051 3.60129C1.21017 3.76983 1.27721 3.9717 1.34445 4.17418L2.69818 8.25278C2.80718 8.58118 2.86168 8.74537 2.96302 8.86678C3.05252 8.97399 3.16752 9.05699 3.29746 9.10816C3.44462 9.1661 3.61762 9.1661 3.96363 9.1661H10.0001C10.4603 9.1661 10.8334 9.53919 10.8334 9.99943C10.8334 10.4597 10.4603 10.8328 10.0001 10.8328H3.97939C3.63425 10.8328 3.46168 10.8328 3.3148 10.8905C3.18508 10.9414 3.07022 11.0241 2.98072 11.1309C2.87937 11.2519 2.82459 11.4155 2.71502 11.7428L1.3504 15.8191C1.28243 16.0221 1.21472 16.2242 1.17455 16.3929C1.13773 16.5476 1.07301 16.8587 1.19956 17.1831C1.34245 17.5493 1.64936 17.827 2.02806 17.9327C2.36342 18.0263 2.6665 17.9309 2.81674 17.8789C2.98066 17.8221 3.17507 17.7346 3.37023 17.6467L17.3518 11.355C17.542 11.2695 17.7327 11.1837 17.8815 11.0999C18.0197 11.0222 18.2865 10.861 18.4385 10.5535Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Send03"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx b/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
index 030013487f..79365cf2ff 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Send03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Send03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.json b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.json
index 54a052241c..2a8ba977e0 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.json
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "api-connection"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.36364 11.8182C4.36364 7.60073 7.78255 4.18182 12 4.18182C14.8252 4.18182 17.2934 5.71543 18.6154 8.00079C18.9171 8.52231 19.5844 8.70053 20.106 8.39884C20.6275 8.09716 20.8057 7.42982 20.504 6.9083C18.8081 3.97648 15.6355 2 12 2C6.9463 2 2.78441 5.81824 2.24174 10.7273H1.09091C0.488417 10.7273 0 11.2157 0 11.8182C0 12.4207 0.488417 12.9091 1.09091 12.9091H2.24174C2.78441 17.8181 6.9463 21.6364 12 21.6364C15.6355 21.6364 18.8081 19.6599 20.504 16.7281C20.8057 16.2065 20.6275 15.5392 20.106 15.2375C19.5844 14.9358 18.9171 15.1141 18.6154 15.6356C17.2934 17.9209 14.8252 19.4545 12 19.4545C7.78255 19.4545 4.36364 16.0356 4.36364 11.8182Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12 6.36364C8.98754 6.36364 6.54545 8.80572 6.54545 11.8182C6.54545 14.8306 8.98754 17.2727 12 17.2727C14.6389 17.2727 16.84 15.3988 17.3454 12.9091H22.9091C23.5116 12.9091 24 12.4207 24 11.8182C24 11.2157 23.5116 10.7273 22.9091 10.7273H17.3454C16.84 8.23756 14.6389 6.36364 12 6.36364Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ApiConnection"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "api-connection"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.36364 11.8182C4.36364 7.60073 7.78255 4.18182 12 4.18182C14.8252 4.18182 17.2934 5.71543 18.6154 8.00079C18.9171 8.52231 19.5844 8.70053 20.106 8.39884C20.6275 8.09716 20.8057 7.42982 20.504 6.9083C18.8081 3.97648 15.6355 2 12 2C6.9463 2 2.78441 5.81824 2.24174 10.7273H1.09091C0.488417 10.7273 0 11.2157 0 11.8182C0 12.4207 0.488417 12.9091 1.09091 12.9091H2.24174C2.78441 17.8181 6.9463 21.6364 12 21.6364C15.6355 21.6364 18.8081 19.6599 20.504 16.7281C20.8057 16.2065 20.6275 15.5392 20.106 15.2375C19.5844 14.9358 18.9171 15.1141 18.6154 15.6356C17.2934 17.9209 14.8252 19.4545 12 19.4545C7.78255 19.4545 4.36364 16.0356 4.36364 11.8182Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12 6.36364C8.98754 6.36364 6.54545 8.80572 6.54545 11.8182C6.54545 14.8306 8.98754 17.2727 12 17.2727C14.6389 17.2727 16.84 15.3988 17.3454 12.9091H22.9091C23.5116 12.9091 24 12.4207 24 11.8182C24 11.2157 23.5116 10.7273 22.9091 10.7273H17.3454C16.84 8.23756 14.6389 6.36364 12 6.36364Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ApiConnection"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
index 9e8c9ab68d..d341591f1e 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ApiConnection.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ApiConnection.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.json b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.json
index 21efdaa13e..43213a8a3c 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.json
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon L"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M7.99996 3.33333C5.42263 3.33333 3.33329 5.42267 3.33329 8C3.33329 10.5773 5.42263 12.6667 7.99996 12.6667C9.72643 12.6667 11.2348 11.7295 12.0427 10.3329C12.227 10.0141 12.6349 9.90523 12.9536 10.0896C13.2723 10.274 13.3812 10.6818 13.1968 11.0005C12.1604 12.7921 10.2216 14 7.99996 14C4.91159 14 2.36821 11.6666 2.03658 8.66667H1.33329C0.965103 8.66667 0.666626 8.36819 0.666626 8C0.666626 7.63181 0.965103 7.33333 1.33329 7.33333H2.03658C2.36821 4.33337 4.91159 2 7.99996 2C10.2216 2 12.1604 3.20785 13.1968 4.99952C13.3812 5.31823 13.2723 5.72605 12.9536 5.91041C12.6349 6.09477 12.227 5.98585 12.0427 5.66714C11.2348 4.27054 9.72643 3.33333 7.99996 3.33333ZM7.99996 6C6.89539 6 5.99996 6.89543 5.99996 8C5.99996 9.10455 6.89539 10 7.99996 10C9.1045 10 9.99996 9.10454 9.99996 8C9.99996 6.89543 9.10451 6 7.99996 6ZM4.66663 8C4.66663 6.15905 6.15901 4.66667 7.99996 4.66667C9.61257 4.66667 10.9578 5.81184 11.2666 7.33333H14.6666C15.0348 7.33333 15.3333 7.63181 15.3333 8C15.3333 8.36819 15.0348 8.66667 14.6666 8.66667H11.2666C10.9578 10.1881 9.61257 11.3333 7.99996 11.3333C6.159 11.3333 4.66663 9.84092 4.66663 8Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ApiConnectionMod"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon L"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M7.99996 3.33333C5.42263 3.33333 3.33329 5.42267 3.33329 8C3.33329 10.5773 5.42263 12.6667 7.99996 12.6667C9.72643 12.6667 11.2348 11.7295 12.0427 10.3329C12.227 10.0141 12.6349 9.90523 12.9536 10.0896C13.2723 10.274 13.3812 10.6818 13.1968 11.0005C12.1604 12.7921 10.2216 14 7.99996 14C4.91159 14 2.36821 11.6666 2.03658 8.66667H1.33329C0.965103 8.66667 0.666626 8.36819 0.666626 8C0.666626 7.63181 0.965103 7.33333 1.33329 7.33333H2.03658C2.36821 4.33337 4.91159 2 7.99996 2C10.2216 2 12.1604 3.20785 13.1968 4.99952C13.3812 5.31823 13.2723 5.72605 12.9536 5.91041C12.6349 6.09477 12.227 5.98585 12.0427 5.66714C11.2348 4.27054 9.72643 3.33333 7.99996 3.33333ZM7.99996 6C6.89539 6 5.99996 6.89543 5.99996 8C5.99996 9.10455 6.89539 10 7.99996 10C9.1045 10 9.99996 9.10454 9.99996 8C9.99996 6.89543 9.10451 6 7.99996 6ZM4.66663 8C4.66663 6.15905 6.15901 4.66667 7.99996 4.66667C9.61257 4.66667 10.9578 5.81184 11.2666 7.33333H14.6666C15.0348 7.33333 15.3333 7.63181 15.3333 8C15.3333 8.36819 15.0348 8.66667 14.6666 8.66667H11.2666C10.9578 10.1881 9.61257 11.3333 7.99996 11.3333C6.159 11.3333 4.66663 9.84092 4.66663 8Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ApiConnectionMod"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
index be9628ee9f..a8617b2ec0 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ApiConnectionMod.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ApiConnectionMod.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.json b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.json
index 8ae42ed951..8a44d6d6bf 100644
--- a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.json
+++ b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "bar-chart-square-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M11.8925 1.33331H4.1078C3.75638 1.3333 3.45319 1.33329 3.20348 1.35369C2.93992 1.37523 2.67777 1.42277 2.42552 1.5513C2.04919 1.74305 1.74323 2.04901 1.55148 2.42533C1.42296 2.67759 1.37541 2.93973 1.35388 3.2033C1.33348 3.453 1.33349 3.75617 1.3335 4.10759V11.8923C1.33349 12.2438 1.33348 12.547 1.35388 12.7967C1.37541 13.0602 1.42296 13.3224 1.55148 13.5746C1.74323 13.951 2.04919 14.2569 2.42552 14.4487C2.67777 14.5772 2.93992 14.6247 3.20348 14.6463C3.45319 14.6667 3.75636 14.6667 4.10779 14.6666H11.8925C12.244 14.6667 12.5471 14.6667 12.7969 14.6463C13.0604 14.6247 13.3226 14.5772 13.5748 14.4487C13.9511 14.2569 14.2571 13.951 14.4488 13.5746C14.5774 13.3224 14.6249 13.0602 14.6465 12.7967C14.6669 12.547 14.6668 12.2438 14.6668 11.8924V4.1076C14.6668 3.75618 14.6669 3.45301 14.6465 3.2033C14.6249 2.93973 14.5774 2.67759 14.4488 2.42533C14.2571 2.04901 13.9511 1.74305 13.5748 1.5513C13.3226 1.42277 13.0604 1.37523 12.7969 1.35369C12.5471 1.33329 12.2439 1.3333 11.8925 1.33331ZM11.3335 4.66665C11.3335 4.29846 11.035 3.99998 10.6668 3.99998C10.2986 3.99998 10.0002 4.29846 10.0002 4.66665V11.3333C10.0002 11.7015 10.2986 12 10.6668 12C11.035 12 11.3335 11.7015 11.3335 11.3333V4.66665ZM8.00016 6.66665C8.36835 6.66665 8.66683 6.96512 8.66683 7.33331V11.3333C8.66683 11.7015 8.36835 12 8.00016 12C7.63197 12 7.3335 11.7015 7.3335 11.3333V7.33331C7.3335 6.96512 7.63197 6.66665 8.00016 6.66665ZM5.3335 9.33331C5.70169 9.33331 6.00016 9.63179 6.00016 9.99998V11.3333C6.00016 11.7015 5.70169 12 5.3335 12C4.96531 12 4.66683 11.7015 4.66683 11.3333V9.99998C4.66683 9.63179 4.96531 9.33331 5.3335 9.33331Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "BarChartSquare02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "bar-chart-square-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M11.8925 1.33331H4.1078C3.75638 1.3333 3.45319 1.33329 3.20348 1.35369C2.93992 1.37523 2.67777 1.42277 2.42552 1.5513C2.04919 1.74305 1.74323 2.04901 1.55148 2.42533C1.42296 2.67759 1.37541 2.93973 1.35388 3.2033C1.33348 3.453 1.33349 3.75617 1.3335 4.10759V11.8923C1.33349 12.2438 1.33348 12.547 1.35388 12.7967C1.37541 13.0602 1.42296 13.3224 1.55148 13.5746C1.74323 13.951 2.04919 14.2569 2.42552 14.4487C2.67777 14.5772 2.93992 14.6247 3.20348 14.6463C3.45319 14.6667 3.75636 14.6667 4.10779 14.6666H11.8925C12.244 14.6667 12.5471 14.6667 12.7969 14.6463C13.0604 14.6247 13.3226 14.5772 13.5748 14.4487C13.9511 14.2569 14.2571 13.951 14.4488 13.5746C14.5774 13.3224 14.6249 13.0602 14.6465 12.7967C14.6669 12.547 14.6668 12.2438 14.6668 11.8924V4.1076C14.6668 3.75618 14.6669 3.45301 14.6465 3.2033C14.6249 2.93973 14.5774 2.67759 14.4488 2.42533C14.2571 2.04901 13.9511 1.74305 13.5748 1.5513C13.3226 1.42277 13.0604 1.37523 12.7969 1.35369C12.5471 1.33329 12.2439 1.3333 11.8925 1.33331ZM11.3335 4.66665C11.3335 4.29846 11.035 3.99998 10.6668 3.99998C10.2986 3.99998 10.0002 4.29846 10.0002 4.66665V11.3333C10.0002 11.7015 10.2986 12 10.6668 12C11.035 12 11.3335 11.7015 11.3335 11.3333V4.66665ZM8.00016 6.66665C8.36835 6.66665 8.66683 6.96512 8.66683 7.33331V11.3333C8.66683 11.7015 8.36835 12 8.00016 12C7.63197 12 7.3335 11.7015 7.3335 11.3333V7.33331C7.3335 6.96512 7.63197 6.66665 8.00016 6.66665ZM5.3335 9.33331C5.70169 9.33331 6.00016 9.63179 6.00016 9.99998V11.3333C6.00016 11.7015 5.70169 12 5.3335 12C4.96531 12 4.66683 11.7015 4.66683 11.3333V9.99998C4.66683 9.63179 4.96531 9.33331 5.3335 9.33331Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BarChartSquare02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
index c19303e0e2..bc3a265d34 100644
--- a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BarChartSquare02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BarChartSquare02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Container.json b/web/app/components/base/icons/src/vender/solid/development/Container.json
index b0d23fef72..f44cd04f64 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Container.json
+++ b/web/app/components/base/icons/src/vender/solid/development/Container.json
@@ -1,44 +1,44 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.29782 0.790031C8.12061 0.753584 7.93783 0.753584 7.76062 0.790031C7.55577 0.832161 7.37268 0.934712 7.22712 1.01624L7.18744 1.03841C6.01215 1.69134 4.02394 2.79644 2.90301 3.41952C2.63085 3.5708 2.49477 3.64644 2.44929 3.74641C2.40965 3.83357 2.4094 3.93356 2.4486 4.02091C2.49357 4.12111 2.62938 4.19751 2.90101 4.3503L7.76772 7.08785C7.8631 7.1415 7.91079 7.16832 7.96135 7.17884C8.0061 7.18814 8.05229 7.18814 8.09703 7.17884C8.1476 7.16832 8.19529 7.1415 8.29067 7.08785L13.1574 4.35029C13.429 4.1975 13.5649 4.12111 13.6098 4.02091C13.649 3.93355 13.6488 3.83356 13.6091 3.74641C13.5637 3.64644 13.4276 3.57079 13.1554 3.41951C12.0345 2.79644 10.0463 1.69134 8.871 1.03841L8.83132 1.01624C8.68576 0.934713 8.50267 0.832161 8.29782 0.790031Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.6932 5.92676C14.6929 5.62787 14.6928 5.47842 14.6297 5.39117C14.5748 5.31504 14.4902 5.26564 14.3969 5.25511C14.2899 5.24305 14.1594 5.31646 13.8984 5.46329L8.96774 8.23679C8.86877 8.29246 8.81928 8.3203 8.78326 8.35968C8.75139 8.39452 8.72729 8.43573 8.71254 8.48059C8.69588 8.53129 8.69588 8.58807 8.69588 8.70163V14.1518C8.69588 14.4499 8.69588 14.599 8.75856 14.6862C8.81326 14.7623 8.89744 14.8118 8.9905 14.8227C9.09716 14.8352 9.22706 14.763 9.48688 14.6188C10.5978 14.0019 12.6169 12.8807 13.8043 12.221L13.8464 12.1977C14.0005 12.1128 14.1943 12.0061 14.343 11.8447C14.4717 11.7051 14.569 11.5397 14.6286 11.3594C14.6975 11.1509 14.6966 10.9298 14.696 10.7538L14.6959 10.7058C14.6959 9.39704 14.6942 7.17087 14.6932 5.92676Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.57155 14.6187C6.83137 14.763 6.96128 14.8352 7.06793 14.8227C7.16099 14.8118 7.24518 14.7623 7.29987 14.6862C7.36255 14.599 7.36255 14.4499 7.36255 14.1518V8.70166C7.36255 8.5881 7.36255 8.53132 7.34589 8.48062C7.33114 8.43576 7.30704 8.39455 7.27517 8.35971C7.23915 8.32033 7.18966 8.29249 7.09069 8.23682L2.16004 5.4633C1.89902 5.31648 1.76851 5.24306 1.66154 5.25513C1.56823 5.26565 1.48367 5.31506 1.42869 5.39118C1.36566 5.47844 1.36553 5.62789 1.36528 5.92678C1.36424 7.17088 1.36255 9.39704 1.36255 10.7058L1.36243 10.7538C1.36179 10.9298 1.36099 11.1509 1.42986 11.3594C1.48941 11.5397 1.58676 11.7051 1.71539 11.8447C1.86417 12.0061 2.0579 12.1128 2.21199 12.1977L2.2541 12.221C3.44156 12.8807 5.46065 14.0019 6.57155 14.6187Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Container"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.29782 0.790031C8.12061 0.753584 7.93783 0.753584 7.76062 0.790031C7.55577 0.832161 7.37268 0.934712 7.22712 1.01624L7.18744 1.03841C6.01215 1.69134 4.02394 2.79644 2.90301 3.41952C2.63085 3.5708 2.49477 3.64644 2.44929 3.74641C2.40965 3.83357 2.4094 3.93356 2.4486 4.02091C2.49357 4.12111 2.62938 4.19751 2.90101 4.3503L7.76772 7.08785C7.8631 7.1415 7.91079 7.16832 7.96135 7.17884C8.0061 7.18814 8.05229 7.18814 8.09703 7.17884C8.1476 7.16832 8.19529 7.1415 8.29067 7.08785L13.1574 4.35029C13.429 4.1975 13.5649 4.12111 13.6098 4.02091C13.649 3.93355 13.6488 3.83356 13.6091 3.74641C13.5637 3.64644 13.4276 3.57079 13.1554 3.41951C12.0345 2.79644 10.0463 1.69134 8.871 1.03841L8.83132 1.01624C8.68576 0.934713 8.50267 0.832161 8.29782 0.790031Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.6932 5.92676C14.6929 5.62787 14.6928 5.47842 14.6297 5.39117C14.5748 5.31504 14.4902 5.26564 14.3969 5.25511C14.2899 5.24305 14.1594 5.31646 13.8984 5.46329L8.96774 8.23679C8.86877 8.29246 8.81928 8.3203 8.78326 8.35968C8.75139 8.39452 8.72729 8.43573 8.71254 8.48059C8.69588 8.53129 8.69588 8.58807 8.69588 8.70163V14.1518C8.69588 14.4499 8.69588 14.599 8.75856 14.6862C8.81326 14.7623 8.89744 14.8118 8.9905 14.8227C9.09716 14.8352 9.22706 14.763 9.48688 14.6188C10.5978 14.0019 12.6169 12.8807 13.8043 12.221L13.8464 12.1977C14.0005 12.1128 14.1943 12.0061 14.343 11.8447C14.4717 11.7051 14.569 11.5397 14.6286 11.3594C14.6975 11.1509 14.6966 10.9298 14.696 10.7538L14.6959 10.7058C14.6959 9.39704 14.6942 7.17087 14.6932 5.92676Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.57155 14.6187C6.83137 14.763 6.96128 14.8352 7.06793 14.8227C7.16099 14.8118 7.24518 14.7623 7.29987 14.6862C7.36255 14.599 7.36255 14.4499 7.36255 14.1518V8.70166C7.36255 8.5881 7.36255 8.53132 7.34589 8.48062C7.33114 8.43576 7.30704 8.39455 7.27517 8.35971C7.23915 8.32033 7.18966 8.29249 7.09069 8.23682L2.16004 5.4633C1.89902 5.31648 1.76851 5.24306 1.66154 5.25513C1.56823 5.26565 1.48367 5.31506 1.42869 5.39118C1.36566 5.47844 1.36553 5.62789 1.36528 5.92678C1.36424 7.17088 1.36255 9.39704 1.36255 10.7058L1.36243 10.7538C1.36179 10.9298 1.36099 11.1509 1.42986 11.3594C1.48941 11.5397 1.58676 11.7051 1.71539 11.8447C1.86417 12.0061 2.0579 12.1128 2.21199 12.1977L2.2541 12.221C3.44156 12.8807 5.46065 14.0019 6.57155 14.6187Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Container"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/Container.tsx b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
index 70e1397c71..6f865feb7c 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Container.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Container.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database02.json b/web/app/components/base/icons/src/vender/solid/development/Database02.json
index b18d20eaea..4bb8c46af5 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database02.json
+++ b/web/app/components/base/icons/src/vender/solid/development/Database02.json
@@ -1,46 +1,46 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M15.1956 4.66669V3.33335C15.1956 2.76539 14.8497 2.33041 14.4701 2.03126C14.083 1.72618 13.5641 1.48059 12.9824 1.28668C11.812 0.896551 10.2375 0.666687 8.52897 0.666687C6.8204 0.666687 5.24591 0.896551 4.07551 1.28668C3.4938 1.48059 2.97495 1.72618 2.58783 2.03126C2.20823 2.33041 1.8623 2.76539 1.8623 3.33335V4.66669C1.8623 5.23294 2.20443 5.66805 2.58368 5.96857C2.96958 6.27436 3.48705 6.52014 4.06786 6.71405C5.23637 7.10415 6.81113 7.33335 8.52897 7.33335C10.2468 7.33335 11.8216 7.10415 12.9901 6.71405C13.5709 6.52014 14.0884 6.27436 14.4743 5.96857C14.8535 5.66805 15.1956 5.23294 15.1956 4.66669ZM3.19564 3.33353C3.19564 3.33353 3.19576 3.33725 3.19767 3.34355C3.19994 3.35098 3.20552 3.36565 3.21902 3.38764C3.24732 3.43374 3.30502 3.50304 3.41313 3.58824C3.63325 3.76171 3.99308 3.94709 4.49715 4.11511C5.49832 4.44884 6.92383 4.66669 8.52897 4.66669C10.1341 4.66669 11.5596 4.44884 12.5608 4.11511C13.0649 3.94709 13.4247 3.76171 13.6448 3.58824C13.7529 3.50304 13.8106 3.43374 13.8389 3.38764C13.8524 3.36565 13.858 3.35098 13.8603 3.34355C13.8622 3.33716 13.8623 3.33335 13.8623 3.33335C13.8623 3.33335 13.8624 3.33006 13.8603 3.32316C13.858 3.31573 13.8524 3.30105 13.8389 3.27907C13.8106 3.23297 13.7529 3.16367 13.6448 3.07847C13.4247 2.905 13.0649 2.71962 12.5608 2.5516C11.5596 2.21787 10.1341 2.00002 8.52897 2.00002C6.92383 2.00002 5.49832 2.21787 4.49715 2.5516C3.99308 2.71962 3.63325 2.905 3.41313 3.07847C3.30502 3.16367 3.24732 3.23297 3.21902 3.27907C3.20552 3.30105 3.19994 3.31573 3.19767 3.32316C3.19563 3.32988 3.19564 3.33353 3.19564 3.33353Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.9234 7.00002C14.8447 7.00002 14.7705 7.03473 14.7155 7.09102C14.6407 7.16749 14.5613 7.23785 14.4802 7.30206C14.0939 7.60785 13.5759 7.85363 12.9945 8.04753C11.8249 8.43764 10.2485 8.66684 8.52896 8.66684C6.8094 8.66684 5.23307 8.43764 4.06339 8.04753C3.48201 7.85363 2.96401 7.60785 2.57773 7.30206C2.49661 7.23784 2.41719 7.16749 2.34244 7.09101C2.28743 7.03473 2.21322 7.00002 2.13452 7.00002C1.98418 7.00002 1.8623 7.12189 1.8623 7.27223V8.66669C1.8623 9.23294 2.20443 9.66805 2.58368 9.96857C2.96958 10.2744 3.48705 10.5201 4.06786 10.714C5.23637 11.1041 6.81113 11.3334 8.52897 11.3334C10.2468 11.3334 11.8216 11.1041 12.9901 10.714C13.5709 10.5201 14.0884 10.2744 14.4743 9.96857C14.8535 9.66805 15.1956 9.23294 15.1956 8.66669V7.27224C15.1956 7.1219 15.0738 7.00002 14.9234 7.00002Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.9234 11C14.8447 11 14.7705 11.0347 14.7155 11.091C14.6407 11.1675 14.5613 11.2378 14.4802 11.3021C14.0939 11.6079 13.5759 11.8536 12.9945 12.0475C11.8249 12.4376 10.2485 12.6668 8.52896 12.6668C6.8094 12.6668 5.23307 12.4376 4.06339 12.0475C3.48201 11.8536 2.96401 11.6079 2.57773 11.3021C2.49661 11.2378 2.41719 11.1675 2.34244 11.091C2.28743 11.0347 2.21322 11 2.13452 11C1.98418 11 1.8623 11.1219 1.8623 11.2722V12.6667C1.8623 13.2329 2.20443 13.668 2.58368 13.9686C2.96958 14.2744 3.48705 14.5201 4.06786 14.714C5.23637 15.1041 6.81113 15.3334 8.52897 15.3334C10.2468 15.3334 11.8216 15.1041 12.9901 14.714C13.5709 14.5201 14.0884 14.2744 14.4743 13.9686C14.8535 13.668 15.1956 13.2329 15.1956 12.6667V11.2722C15.1956 11.1219 15.0738 11 14.9234 11Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Database02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M15.1956 4.66669V3.33335C15.1956 2.76539 14.8497 2.33041 14.4701 2.03126C14.083 1.72618 13.5641 1.48059 12.9824 1.28668C11.812 0.896551 10.2375 0.666687 8.52897 0.666687C6.8204 0.666687 5.24591 0.896551 4.07551 1.28668C3.4938 1.48059 2.97495 1.72618 2.58783 2.03126C2.20823 2.33041 1.8623 2.76539 1.8623 3.33335V4.66669C1.8623 5.23294 2.20443 5.66805 2.58368 5.96857C2.96958 6.27436 3.48705 6.52014 4.06786 6.71405C5.23637 7.10415 6.81113 7.33335 8.52897 7.33335C10.2468 7.33335 11.8216 7.10415 12.9901 6.71405C13.5709 6.52014 14.0884 6.27436 14.4743 5.96857C14.8535 5.66805 15.1956 5.23294 15.1956 4.66669ZM3.19564 3.33353C3.19564 3.33353 3.19576 3.33725 3.19767 3.34355C3.19994 3.35098 3.20552 3.36565 3.21902 3.38764C3.24732 3.43374 3.30502 3.50304 3.41313 3.58824C3.63325 3.76171 3.99308 3.94709 4.49715 4.11511C5.49832 4.44884 6.92383 4.66669 8.52897 4.66669C10.1341 4.66669 11.5596 4.44884 12.5608 4.11511C13.0649 3.94709 13.4247 3.76171 13.6448 3.58824C13.7529 3.50304 13.8106 3.43374 13.8389 3.38764C13.8524 3.36565 13.858 3.35098 13.8603 3.34355C13.8622 3.33716 13.8623 3.33335 13.8623 3.33335C13.8623 3.33335 13.8624 3.33006 13.8603 3.32316C13.858 3.31573 13.8524 3.30105 13.8389 3.27907C13.8106 3.23297 13.7529 3.16367 13.6448 3.07847C13.4247 2.905 13.0649 2.71962 12.5608 2.5516C11.5596 2.21787 10.1341 2.00002 8.52897 2.00002C6.92383 2.00002 5.49832 2.21787 4.49715 2.5516C3.99308 2.71962 3.63325 2.905 3.41313 3.07847C3.30502 3.16367 3.24732 3.23297 3.21902 3.27907C3.20552 3.30105 3.19994 3.31573 3.19767 3.32316C3.19563 3.32988 3.19564 3.33353 3.19564 3.33353Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.9234 7.00002C14.8447 7.00002 14.7705 7.03473 14.7155 7.09102C14.6407 7.16749 14.5613 7.23785 14.4802 7.30206C14.0939 7.60785 13.5759 7.85363 12.9945 8.04753C11.8249 8.43764 10.2485 8.66684 8.52896 8.66684C6.8094 8.66684 5.23307 8.43764 4.06339 8.04753C3.48201 7.85363 2.96401 7.60785 2.57773 7.30206C2.49661 7.23784 2.41719 7.16749 2.34244 7.09101C2.28743 7.03473 2.21322 7.00002 2.13452 7.00002C1.98418 7.00002 1.8623 7.12189 1.8623 7.27223V8.66669C1.8623 9.23294 2.20443 9.66805 2.58368 9.96857C2.96958 10.2744 3.48705 10.5201 4.06786 10.714C5.23637 11.1041 6.81113 11.3334 8.52897 11.3334C10.2468 11.3334 11.8216 11.1041 12.9901 10.714C13.5709 10.5201 14.0884 10.2744 14.4743 9.96857C14.8535 9.66805 15.1956 9.23294 15.1956 8.66669V7.27224C15.1956 7.1219 15.0738 7.00002 14.9234 7.00002Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.9234 11C14.8447 11 14.7705 11.0347 14.7155 11.091C14.6407 11.1675 14.5613 11.2378 14.4802 11.3021C14.0939 11.6079 13.5759 11.8536 12.9945 12.0475C11.8249 12.4376 10.2485 12.6668 8.52896 12.6668C6.8094 12.6668 5.23307 12.4376 4.06339 12.0475C3.48201 11.8536 2.96401 11.6079 2.57773 11.3021C2.49661 11.2378 2.41719 11.1675 2.34244 11.091C2.28743 11.0347 2.21322 11 2.13452 11C1.98418 11 1.8623 11.1219 1.8623 11.2722V12.6667C1.8623 13.2329 2.20443 13.668 2.58368 13.9686C2.96958 14.2744 3.48705 14.5201 4.06786 14.714C5.23637 15.1041 6.81113 15.3334 8.52897 15.3334C10.2468 15.3334 11.8216 15.1041 12.9901 14.714C13.5709 14.5201 14.0884 14.2744 14.4743 13.9686C14.8535 13.668 15.1956 13.2329 15.1956 12.6667V11.2722C15.1956 11.1219 15.0738 11 14.9234 11Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Database02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
index cd69b7dc34..2a3fb3185d 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Database02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Database02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database03.json b/web/app/components/base/icons/src/vender/solid/development/Database03.json
index b00726139c..6dc96f8935 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database03.json
+++ b/web/app/components/base/icons/src/vender/solid/development/Database03.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M8.66659 9.98845C10.1231 9.93732 11.4455 9.71981 12.461 9.38077C13.0418 9.18687 13.5593 8.94109 13.9452 8.6353C14.3245 8.33478 14.6666 7.89967 14.6666 7.33341V3.33341C14.6666 2.76545 14.3207 2.33047 13.9411 2.03132C13.5539 1.72624 13.0351 1.48065 12.4534 1.28675C11.283 0.896612 9.70849 0.666748 7.99992 0.666748C6.29135 0.666748 4.71686 0.896612 3.54646 1.28675C2.96474 1.48065 2.44589 1.72624 2.05878 2.03132C1.67918 2.33047 1.33325 2.76545 1.33325 3.33341V7.33341C1.33325 7.89967 1.67538 8.33478 2.05463 8.6353C2.44053 8.94109 2.958 9.18687 3.53881 9.38077C4.55435 9.71981 5.87675 9.93732 7.33325 9.98845V11.4472C6.76498 11.6481 6.31458 12.0985 6.11372 12.6667H1.99992C1.63173 12.6667 1.33325 12.9652 1.33325 13.3334C1.33325 13.7016 1.63173 14.0001 1.99992 14.0001H6.11372C6.38828 14.7769 7.12911 15.3334 7.99992 15.3334C8.87073 15.3334 9.61156 14.7769 9.88612 14.0001H13.9999C14.3681 14.0001 14.6666 13.7016 14.6666 13.3334C14.6666 12.9652 14.3681 12.6667 13.9999 12.6667H9.88612C9.68526 12.0985 9.23486 11.6481 8.66659 11.4472V9.98845ZM2.66659 3.33337C2.66659 3.33337 2.66657 3.32994 2.66862 3.32322C2.67089 3.31579 2.67647 3.30111 2.68997 3.27913C2.71827 3.23303 2.77597 3.16373 2.88408 3.07853C3.1042 2.90506 3.46403 2.71968 3.9681 2.55166C4.96927 2.21793 6.39478 2.00008 7.99992 2.00008C9.60506 2.00008 11.0306 2.21793 12.0317 2.55166C12.5358 2.71968 12.8956 2.90506 13.1158 3.07853C13.2239 3.16373 13.2816 3.23303 13.3099 3.27913C13.3234 3.30111 13.329 3.31579 13.3312 3.32322C13.3333 3.32994 13.3333 3.33337 13.3333 3.33337C13.3333 3.33337 13.3332 3.33722 13.3312 3.34361C13.329 3.35104 13.3234 3.36572 13.3099 3.3877C13.2816 3.4338 13.2239 3.5031 13.1158 3.5883C12.8956 3.76177 12.5358 3.94715 12.0317 4.11517C11.0306 4.4489 9.60506 4.66675 7.99992 4.66675C6.39478 4.66675 4.96927 4.4489 3.9681 4.11517C3.46403 3.94715 3.1042 3.76177 2.88408 3.5883C2.77597 3.5031 2.71827 3.4338 2.68997 3.3877C2.67647 3.36572 2.67089 3.35104 2.66862 3.34361C2.6667 3.33731 2.66659 3.33337 2.66659 3.33337Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Database03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M8.66659 9.98845C10.1231 9.93732 11.4455 9.71981 12.461 9.38077C13.0418 9.18687 13.5593 8.94109 13.9452 8.6353C14.3245 8.33478 14.6666 7.89967 14.6666 7.33341V3.33341C14.6666 2.76545 14.3207 2.33047 13.9411 2.03132C13.5539 1.72624 13.0351 1.48065 12.4534 1.28675C11.283 0.896612 9.70849 0.666748 7.99992 0.666748C6.29135 0.666748 4.71686 0.896612 3.54646 1.28675C2.96474 1.48065 2.44589 1.72624 2.05878 2.03132C1.67918 2.33047 1.33325 2.76545 1.33325 3.33341V7.33341C1.33325 7.89967 1.67538 8.33478 2.05463 8.6353C2.44053 8.94109 2.958 9.18687 3.53881 9.38077C4.55435 9.71981 5.87675 9.93732 7.33325 9.98845V11.4472C6.76498 11.6481 6.31458 12.0985 6.11372 12.6667H1.99992C1.63173 12.6667 1.33325 12.9652 1.33325 13.3334C1.33325 13.7016 1.63173 14.0001 1.99992 14.0001H6.11372C6.38828 14.7769 7.12911 15.3334 7.99992 15.3334C8.87073 15.3334 9.61156 14.7769 9.88612 14.0001H13.9999C14.3681 14.0001 14.6666 13.7016 14.6666 13.3334C14.6666 12.9652 14.3681 12.6667 13.9999 12.6667H9.88612C9.68526 12.0985 9.23486 11.6481 8.66659 11.4472V9.98845ZM2.66659 3.33337C2.66659 3.33337 2.66657 3.32994 2.66862 3.32322C2.67089 3.31579 2.67647 3.30111 2.68997 3.27913C2.71827 3.23303 2.77597 3.16373 2.88408 3.07853C3.1042 2.90506 3.46403 2.71968 3.9681 2.55166C4.96927 2.21793 6.39478 2.00008 7.99992 2.00008C9.60506 2.00008 11.0306 2.21793 12.0317 2.55166C12.5358 2.71968 12.8956 2.90506 13.1158 3.07853C13.2239 3.16373 13.2816 3.23303 13.3099 3.27913C13.3234 3.30111 13.329 3.31579 13.3312 3.32322C13.3333 3.32994 13.3333 3.33337 13.3333 3.33337C13.3333 3.33337 13.3332 3.33722 13.3312 3.34361C13.329 3.35104 13.3234 3.36572 13.3099 3.3877C13.2816 3.4338 13.2239 3.5031 13.1158 3.5883C12.8956 3.76177 12.5358 3.94715 12.0317 4.11517C11.0306 4.4489 9.60506 4.66675 7.99992 4.66675C6.39478 4.66675 4.96927 4.4489 3.9681 4.11517C3.46403 3.94715 3.1042 3.76177 2.88408 3.5883C2.77597 3.5031 2.71827 3.4338 2.68997 3.3877C2.67647 3.36572 2.67089 3.35104 2.66862 3.34361C2.6667 3.33731 2.66659 3.33337 2.66659 3.33337Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Database03"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
index 97e629337b..240fcd9d26 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Database03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Database03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.json b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.json
index 681806b16f..e23e5cbfa0 100644
--- a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.json
+++ b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.json
@@ -1,50 +1,50 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-heart-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Subtract",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M5.8392 0.666687H10.1609C10.6976 0.666679 11.1405 0.666673 11.5013 0.696151C11.876 0.726767 12.2205 0.792477 12.544 0.957337C13.0458 1.213 13.4538 1.62095 13.7094 2.12271C13.8743 2.44627 13.94 2.79074 13.9706 3.16547C14.0001 3.52626 14.0001 3.96917 14.0001 4.50581V10.0803C13.7558 9.96135 13.4846 9.88753 13.1964 9.87049C13.1342 8.82702 12.2682 8.00002 11.2091 8.00002C10.5956 8.00002 10.0396 8.36134 9.7904 8.922L9.13298 10.4012C8.13309 10.4365 7.33333 11.2582 7.33333 12.2667V14.1334C7.33333 14.3187 7.36034 14.4977 7.41064 14.6667L5.24168 14.6667C4.71142 14.667 4.31765 14.6672 3.97655 14.5758C3.0563 14.3292 2.33751 13.6104 2.09093 12.6902C1.99953 12.3491 1.99974 11.9553 2.00003 11.4251L2.00006 4.50582C2.00006 3.96918 2.00005 3.52627 2.02953 3.16547C2.06014 2.79074 2.12585 2.44627 2.29071 2.12271C2.54638 1.62095 2.95432 1.213 3.45609 0.957337C3.77965 0.792477 4.12412 0.726767 4.49885 0.696151C4.85964 0.666673 5.30256 0.666679 5.8392 0.666687ZM4.66667 4.66669C4.66667 4.2985 4.96514 4.00002 5.33333 4.00002H10.6667C11.0349 4.00002 11.3333 4.2985 11.3333 4.66669C11.3333 5.03488 11.0349 5.33335 10.6667 5.33335H5.33333C4.96514 5.33335 4.66667 5.03488 4.66667 4.66669ZM4.66667 7.33335C4.66667 6.96516 4.96514 6.66669 5.33333 6.66669H8.33333C8.70152 6.66669 9 6.96516 9 7.33335C9 7.70154 8.70152 8.00002 8.33333 8.00002H5.33333C4.96514 8.00002 4.66667 7.70154 4.66667 7.33335ZM4.66667 10C4.66667 9.63183 4.96514 9.33335 5.33333 9.33335H6C6.36819 9.33335 6.66667 9.63183 6.66667 10C6.66667 10.3682 6.36819 10.6667 6 10.6667H5.33333C4.96514 10.6667 4.66667 10.3682 4.66667 10Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M10.7044 9.32812C10.7931 9.12859 10.9909 9 11.2093 9C11.7565 9 12.2002 9.44364 12.2002 9.99089V10.8667H13.0677C13.7623 10.8667 14.2934 11.4858 14.1878 12.1723L13.9006 14.039C13.8156 14.5919 13.3399 15 12.7805 15H9.20016C8.72152 15 8.3335 14.612 8.3335 14.1333V12.2667C8.3335 11.788 8.72152 11.4 9.20016 11.4H9.78354L10.7044 9.32812Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FileHeart02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-heart-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Subtract",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M5.8392 0.666687H10.1609C10.6976 0.666679 11.1405 0.666673 11.5013 0.696151C11.876 0.726767 12.2205 0.792477 12.544 0.957337C13.0458 1.213 13.4538 1.62095 13.7094 2.12271C13.8743 2.44627 13.94 2.79074 13.9706 3.16547C14.0001 3.52626 14.0001 3.96917 14.0001 4.50581V10.0803C13.7558 9.96135 13.4846 9.88753 13.1964 9.87049C13.1342 8.82702 12.2682 8.00002 11.2091 8.00002C10.5956 8.00002 10.0396 8.36134 9.7904 8.922L9.13298 10.4012C8.13309 10.4365 7.33333 11.2582 7.33333 12.2667V14.1334C7.33333 14.3187 7.36034 14.4977 7.41064 14.6667L5.24168 14.6667C4.71142 14.667 4.31765 14.6672 3.97655 14.5758C3.0563 14.3292 2.33751 13.6104 2.09093 12.6902C1.99953 12.3491 1.99974 11.9553 2.00003 11.4251L2.00006 4.50582C2.00006 3.96918 2.00005 3.52627 2.02953 3.16547C2.06014 2.79074 2.12585 2.44627 2.29071 2.12271C2.54638 1.62095 2.95432 1.213 3.45609 0.957337C3.77965 0.792477 4.12412 0.726767 4.49885 0.696151C4.85964 0.666673 5.30256 0.666679 5.8392 0.666687ZM4.66667 4.66669C4.66667 4.2985 4.96514 4.00002 5.33333 4.00002H10.6667C11.0349 4.00002 11.3333 4.2985 11.3333 4.66669C11.3333 5.03488 11.0349 5.33335 10.6667 5.33335H5.33333C4.96514 5.33335 4.66667 5.03488 4.66667 4.66669ZM4.66667 7.33335C4.66667 6.96516 4.96514 6.66669 5.33333 6.66669H8.33333C8.70152 6.66669 9 6.96516 9 7.33335C9 7.70154 8.70152 8.00002 8.33333 8.00002H5.33333C4.96514 8.00002 4.66667 7.70154 4.66667 7.33335ZM4.66667 10C4.66667 9.63183 4.96514 9.33335 5.33333 9.33335H6C6.36819 9.33335 6.66667 9.63183 6.66667 10C6.66667 10.3682 6.36819 10.6667 6 10.6667H5.33333C4.96514 10.6667 4.66667 10.3682 4.66667 10Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M10.7044 9.32812C10.7931 9.12859 10.9909 9 11.2093 9C11.7565 9 12.2002 9.44364 12.2002 9.99089V10.8667H13.0677C13.7623 10.8667 14.2934 11.4858 14.1878 12.1723L13.9006 14.039C13.8156 14.5919 13.3399 15 12.7805 15H9.20016C8.72152 15 8.3335 14.612 8.3335 14.1333V12.2667C8.3335 11.788 8.72152 11.4 9.20016 11.4H9.78354L10.7044 9.32812Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileHeart02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
index d829b4b85a..6871eec501 100644
--- a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileHeart02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileHeart02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.json b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.json
index 3b05d5ba8c..850cb4fe22 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.json
+++ b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.json
@@ -1,98 +1,98 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.72727 22C4.18787 22 3.66058 21.84 3.21208 21.5404C2.76359 21.2407 2.41402 20.8148 2.2076 20.3164C2.00118 19.8181 1.94717 19.2697 2.05241 18.7407C2.15764 18.2116 2.41739 17.7257 2.7988 17.3443C3.18022 16.9628 3.66617 16.7031 4.19521 16.5979C4.72425 16.4926 5.27261 16.5466 5.77096 16.7531C6.2693 16.9595 6.69524 17.309 6.99492 17.7575C7.2946 18.206 7.45455 18.7333 7.45455 19.2727C7.45455 19.996 7.16721 20.6897 6.65575 21.2012C6.14429 21.7127 5.45059 22 4.72727 22Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12 9.27273C11.4606 9.27273 10.9333 9.43268 10.4848 9.73236C10.0363 10.032 9.68675 10.458 9.48033 10.9563C9.27391 11.4547 9.2199 12.003 9.32513 12.5321C9.43036 13.0611 9.69011 13.5471 10.0715 13.9285C10.4529 14.3099 10.9389 14.5696 11.4679 14.6749C11.997 14.7801 12.5453 14.7261 13.0437 14.5197C13.542 14.3133 13.968 13.9637 14.2676 13.5152C14.5673 13.0667 14.7273 12.5394 14.7273 12C14.7273 11.2767 14.4399 10.583 13.9285 10.0715C13.417 9.56006 12.7233 9.27273 12 9.27273Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M4.72727 2C4.18787 2 3.66058 2.15995 3.21208 2.45963C2.76358 2.7593 2.41402 3.18525 2.2076 3.68359C2.00118 4.18193 1.94717 4.7303 2.05241 5.25934C2.15764 5.78838 2.41738 6.27433 2.7988 6.65575C3.18022 7.03716 3.66617 7.29691 4.19521 7.40214C4.72425 7.50737 5.27261 7.45336 5.77096 7.24694C6.2693 7.04052 6.69524 6.69096 6.99492 6.24246C7.29459 5.79397 7.45455 5.26668 7.45455 4.72727C7.45455 4.00395 7.16721 3.31026 6.65575 2.7988C6.14428 2.28734 5.45059 2 4.72727 2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.2727 2C18.7333 2 18.206 2.15995 17.7575 2.45963C17.309 2.75931 16.9595 3.18525 16.7531 3.68359C16.5466 4.18194 16.4926 4.7303 16.5979 5.25934C16.7031 5.78838 16.9628 6.27433 17.3443 6.65575C17.7257 7.03716 18.2116 7.29691 18.7407 7.40214C19.2697 7.50737 19.8181 7.45337 20.3164 7.24694C20.8148 7.04052 21.2407 6.69096 21.5404 6.24247C21.84 5.79397 22 5.26668 22 4.72727C22 4.00396 21.7127 3.31026 21.2012 2.7988C20.6897 2.28734 19.996 2 19.2727 2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19.2727 16.5455C18.7333 16.5455 18.206 16.7054 17.7575 17.0051C17.309 17.3048 16.9595 17.7307 16.7531 18.229C16.5466 18.7274 16.4926 19.2758 16.5979 19.8048C16.7031 20.3338 16.9628 20.8198 17.3443 21.2012C17.7257 21.5826 18.2116 21.8424 18.7407 21.9476C19.2697 22.0528 19.8181 21.9988 20.3164 21.7924C20.8148 21.586 21.2407 21.2364 21.5404 20.7879C21.84 20.3394 22 19.8121 22 19.2727C22 18.5494 21.7127 17.8557 21.2012 17.3443C20.6897 16.8328 19.996 16.5455 19.2727 16.5455Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.45455 9.27273H2V14.7273H7.45455V9.27273Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M22 9.27273H16.5455V14.7273H22V9.27273Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.7273 2H9.27273V7.45455H14.7273V2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M14.7273 16.5455H9.27273V22H14.7273V16.5455Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "PatternRecognition"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.72727 22C4.18787 22 3.66058 21.84 3.21208 21.5404C2.76359 21.2407 2.41402 20.8148 2.2076 20.3164C2.00118 19.8181 1.94717 19.2697 2.05241 18.7407C2.15764 18.2116 2.41739 17.7257 2.7988 17.3443C3.18022 16.9628 3.66617 16.7031 4.19521 16.5979C4.72425 16.4926 5.27261 16.5466 5.77096 16.7531C6.2693 16.9595 6.69524 17.309 6.99492 17.7575C7.2946 18.206 7.45455 18.7333 7.45455 19.2727C7.45455 19.996 7.16721 20.6897 6.65575 21.2012C6.14429 21.7127 5.45059 22 4.72727 22Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12 9.27273C11.4606 9.27273 10.9333 9.43268 10.4848 9.73236C10.0363 10.032 9.68675 10.458 9.48033 10.9563C9.27391 11.4547 9.2199 12.003 9.32513 12.5321C9.43036 13.0611 9.69011 13.5471 10.0715 13.9285C10.4529 14.3099 10.9389 14.5696 11.4679 14.6749C11.997 14.7801 12.5453 14.7261 13.0437 14.5197C13.542 14.3133 13.968 13.9637 14.2676 13.5152C14.5673 13.0667 14.7273 12.5394 14.7273 12C14.7273 11.2767 14.4399 10.583 13.9285 10.0715C13.417 9.56006 12.7233 9.27273 12 9.27273Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M4.72727 2C4.18787 2 3.66058 2.15995 3.21208 2.45963C2.76358 2.7593 2.41402 3.18525 2.2076 3.68359C2.00118 4.18193 1.94717 4.7303 2.05241 5.25934C2.15764 5.78838 2.41738 6.27433 2.7988 6.65575C3.18022 7.03716 3.66617 7.29691 4.19521 7.40214C4.72425 7.50737 5.27261 7.45336 5.77096 7.24694C6.2693 7.04052 6.69524 6.69096 6.99492 6.24246C7.29459 5.79397 7.45455 5.26668 7.45455 4.72727C7.45455 4.00395 7.16721 3.31026 6.65575 2.7988C6.14428 2.28734 5.45059 2 4.72727 2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.2727 2C18.7333 2 18.206 2.15995 17.7575 2.45963C17.309 2.75931 16.9595 3.18525 16.7531 3.68359C16.5466 4.18194 16.4926 4.7303 16.5979 5.25934C16.7031 5.78838 16.9628 6.27433 17.3443 6.65575C17.7257 7.03716 18.2116 7.29691 18.7407 7.40214C19.2697 7.50737 19.8181 7.45337 20.3164 7.24694C20.8148 7.04052 21.2407 6.69096 21.5404 6.24247C21.84 5.79397 22 5.26668 22 4.72727C22 4.00396 21.7127 3.31026 21.2012 2.7988C20.6897 2.28734 19.996 2 19.2727 2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19.2727 16.5455C18.7333 16.5455 18.206 16.7054 17.7575 17.0051C17.309 17.3048 16.9595 17.7307 16.7531 18.229C16.5466 18.7274 16.4926 19.2758 16.5979 19.8048C16.7031 20.3338 16.9628 20.8198 17.3443 21.2012C17.7257 21.5826 18.2116 21.8424 18.7407 21.9476C19.2697 22.0528 19.8181 21.9988 20.3164 21.7924C20.8148 21.586 21.2407 21.2364 21.5404 20.7879C21.84 20.3394 22 19.8121 22 19.2727C22 18.5494 21.7127 17.8557 21.2012 17.3443C20.6897 16.8328 19.996 16.5455 19.2727 16.5455Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.45455 9.27273H2V14.7273H7.45455V9.27273Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M22 9.27273H16.5455V14.7273H22V9.27273Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.7273 2H9.27273V7.45455H14.7273V2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M14.7273 16.5455H9.27273V22H14.7273V16.5455Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "PatternRecognition"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
index 5c9a3f292b..097b804e0e 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PatternRecognition.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PatternRecognition.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.json b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.json
index a34a3f4fe8..ecff08ef26 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.json
+++ b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "prompt-engineering"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.17263 1.33331H10.8277C11.3643 1.33331 11.8073 1.3333 12.168 1.36278C12.5428 1.39339 12.8872 1.4591 13.2108 1.62396C13.7126 1.87963 14.1205 2.28758 14.3762 2.78934C14.541 3.1129 14.6068 3.45737 14.6374 3.8321C14.6668 4.19289 14.6668 4.63579 14.6668 5.17243V9.61535L14.2671 9.51541C13.9093 9.42597 13.7127 9.37607 13.5686 9.33055C13.506 9.31079 13.4738 9.2979 13.4609 9.29232C13.427 9.26909 13.3977 9.23979 13.3745 9.2059C13.3689 9.19304 13.356 9.16081 13.3363 9.09826C13.2907 8.95416 13.2408 8.7575 13.1514 8.39975L12.9504 7.59575C12.7649 6.85381 12.0983 6.33331 11.3335 6.33331C10.5687 6.33331 9.90208 6.85381 9.71659 7.59576L9.51559 8.39975C9.42616 8.7575 9.37626 8.95416 9.33074 9.09826C9.31097 9.16081 9.29808 9.19303 9.29251 9.2059C9.26927 9.23979 9.23997 9.26909 9.20609 9.29232C9.19322 9.2979 9.16099 9.31079 9.09844 9.33055C8.95434 9.37607 8.75769 9.42597 8.39993 9.51541L7.59594 9.71641C6.85399 9.9019 6.3335 10.5685 6.3335 11.3333C6.3335 12.0981 6.85399 12.7647 7.59594 12.9502L8.39993 13.1512C8.75769 13.2407 8.95434 13.2906 9.09844 13.3361C9.16099 13.3558 9.19322 13.3687 9.20609 13.3743C9.23997 13.3975 9.26927 13.4268 9.29251 13.4607C9.29808 13.4736 9.31098 13.5058 9.33074 13.5684C9.37626 13.7125 9.42616 13.9091 9.51559 14.2669L9.61553 14.6666H5.17268C4.63601 14.6667 4.19309 14.6667 3.83228 14.6372C3.45755 14.6066 3.11308 14.5409 2.78952 14.376C2.28776 14.1203 1.87981 13.7124 1.62415 13.2106C1.45929 12.8871 1.39358 12.5426 1.36296 12.1679C1.33348 11.8071 1.33349 11.3642 1.3335 10.8275V5.17245C1.33349 4.63581 1.33348 4.19289 1.36296 3.8321C1.39358 3.45737 1.45929 3.1129 1.62415 2.78934C1.87981 2.28757 2.28776 1.87963 2.78952 1.62396C3.11308 1.4591 3.45755 1.39339 3.83228 1.36278C4.19307 1.3333 4.636 1.33331 5.17263 1.33331ZM4.66683 3.99998C4.29864 3.99998 4.00016 4.29846 4.00016 4.66665C4.00016 5.03484 4.29864 5.33331 4.66683 5.33331H4.6735C5.04169 5.33331 5.34016 5.03484 5.34016 4.66665C5.34016 4.29846 5.04169 3.99998 4.6735 3.99998H4.66683ZM6.66683 3.99998C6.29864 3.99998 6.00016 4.29846 6.00016 4.66665C6.00016 5.03484 6.29864 5.33331 6.66683 5.33331H6.6735C7.04169 5.33331 7.34016 5.03484 7.34016 4.66665C7.34016 4.29846 7.04169 3.99998 6.6735 3.99998H6.66683ZM8.66683 3.99998C8.29864 3.99998 8.00016 4.29846 8.00016 4.66665C8.00016 5.03484 8.29864 5.33331 8.66683 5.33331H8.6735C9.04169 5.33331 9.34016 5.03484 9.34016 4.66665C9.34016 4.29846 9.04169 3.99998 8.6735 3.99998H8.66683Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M11.3335 7.49998C11.5629 7.49998 11.7629 7.65613 11.8186 7.87871L12.0196 8.68271C12.1974 9.39402 12.2642 9.63563 12.3859 9.82588C12.5029 10.0087 12.6581 10.1639 12.8409 10.2809C13.0312 10.4026 13.2728 10.4694 13.9841 10.6472L14.7881 10.8482C15.0107 10.9039 15.1668 11.1039 15.1668 11.3333C15.1668 11.5627 15.0107 11.7627 14.7881 11.8184L13.9841 12.0194C13.2728 12.1972 13.0312 12.264 12.8409 12.3857C12.6581 12.5027 12.5029 12.658 12.3859 12.8407C12.2642 13.031 12.1974 13.2726 12.0196 13.9839L11.8186 14.7879C11.7629 15.0105 11.5629 15.1666 11.3335 15.1666C11.1041 15.1666 10.9041 15.0105 10.8484 14.7879L10.6474 13.9839C10.4696 13.2726 10.4028 13.031 10.2811 12.8407C10.1641 12.658 10.0089 12.5027 9.82606 12.3857C9.63581 12.264 9.39421 12.1972 8.68289 12.0194L7.8789 11.8184C7.65631 11.7627 7.50016 11.5627 7.50016 11.3333C7.50016 11.1039 7.65631 10.9039 7.8789 10.8482L8.68289 10.6472C9.39421 10.4694 9.63581 10.4026 9.82606 10.2809C10.0089 10.1639 10.1641 10.0087 10.2811 9.82588C10.4028 9.63563 10.4696 9.39402 10.6474 8.6827L10.8484 7.87871C10.9041 7.65613 11.1041 7.49998 11.3335 7.49998Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "PromptEngineering"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "prompt-engineering"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.17263 1.33331H10.8277C11.3643 1.33331 11.8073 1.3333 12.168 1.36278C12.5428 1.39339 12.8872 1.4591 13.2108 1.62396C13.7126 1.87963 14.1205 2.28758 14.3762 2.78934C14.541 3.1129 14.6068 3.45737 14.6374 3.8321C14.6668 4.19289 14.6668 4.63579 14.6668 5.17243V9.61535L14.2671 9.51541C13.9093 9.42597 13.7127 9.37607 13.5686 9.33055C13.506 9.31079 13.4738 9.2979 13.4609 9.29232C13.427 9.26909 13.3977 9.23979 13.3745 9.2059C13.3689 9.19304 13.356 9.16081 13.3363 9.09826C13.2907 8.95416 13.2408 8.7575 13.1514 8.39975L12.9504 7.59575C12.7649 6.85381 12.0983 6.33331 11.3335 6.33331C10.5687 6.33331 9.90208 6.85381 9.71659 7.59576L9.51559 8.39975C9.42616 8.7575 9.37626 8.95416 9.33074 9.09826C9.31097 9.16081 9.29808 9.19303 9.29251 9.2059C9.26927 9.23979 9.23997 9.26909 9.20609 9.29232C9.19322 9.2979 9.16099 9.31079 9.09844 9.33055C8.95434 9.37607 8.75769 9.42597 8.39993 9.51541L7.59594 9.71641C6.85399 9.9019 6.3335 10.5685 6.3335 11.3333C6.3335 12.0981 6.85399 12.7647 7.59594 12.9502L8.39993 13.1512C8.75769 13.2407 8.95434 13.2906 9.09844 13.3361C9.16099 13.3558 9.19322 13.3687 9.20609 13.3743C9.23997 13.3975 9.26927 13.4268 9.29251 13.4607C9.29808 13.4736 9.31098 13.5058 9.33074 13.5684C9.37626 13.7125 9.42616 13.9091 9.51559 14.2669L9.61553 14.6666H5.17268C4.63601 14.6667 4.19309 14.6667 3.83228 14.6372C3.45755 14.6066 3.11308 14.5409 2.78952 14.376C2.28776 14.1203 1.87981 13.7124 1.62415 13.2106C1.45929 12.8871 1.39358 12.5426 1.36296 12.1679C1.33348 11.8071 1.33349 11.3642 1.3335 10.8275V5.17245C1.33349 4.63581 1.33348 4.19289 1.36296 3.8321C1.39358 3.45737 1.45929 3.1129 1.62415 2.78934C1.87981 2.28757 2.28776 1.87963 2.78952 1.62396C3.11308 1.4591 3.45755 1.39339 3.83228 1.36278C4.19307 1.3333 4.636 1.33331 5.17263 1.33331ZM4.66683 3.99998C4.29864 3.99998 4.00016 4.29846 4.00016 4.66665C4.00016 5.03484 4.29864 5.33331 4.66683 5.33331H4.6735C5.04169 5.33331 5.34016 5.03484 5.34016 4.66665C5.34016 4.29846 5.04169 3.99998 4.6735 3.99998H4.66683ZM6.66683 3.99998C6.29864 3.99998 6.00016 4.29846 6.00016 4.66665C6.00016 5.03484 6.29864 5.33331 6.66683 5.33331H6.6735C7.04169 5.33331 7.34016 5.03484 7.34016 4.66665C7.34016 4.29846 7.04169 3.99998 6.6735 3.99998H6.66683ZM8.66683 3.99998C8.29864 3.99998 8.00016 4.29846 8.00016 4.66665C8.00016 5.03484 8.29864 5.33331 8.66683 5.33331H8.6735C9.04169 5.33331 9.34016 5.03484 9.34016 4.66665C9.34016 4.29846 9.04169 3.99998 8.6735 3.99998H8.66683Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M11.3335 7.49998C11.5629 7.49998 11.7629 7.65613 11.8186 7.87871L12.0196 8.68271C12.1974 9.39402 12.2642 9.63563 12.3859 9.82588C12.5029 10.0087 12.6581 10.1639 12.8409 10.2809C13.0312 10.4026 13.2728 10.4694 13.9841 10.6472L14.7881 10.8482C15.0107 10.9039 15.1668 11.1039 15.1668 11.3333C15.1668 11.5627 15.0107 11.7627 14.7881 11.8184L13.9841 12.0194C13.2728 12.1972 13.0312 12.264 12.8409 12.3857C12.6581 12.5027 12.5029 12.658 12.3859 12.8407C12.2642 13.031 12.1974 13.2726 12.0196 13.9839L11.8186 14.7879C11.7629 15.0105 11.5629 15.1666 11.3335 15.1666C11.1041 15.1666 10.9041 15.0105 10.8484 14.7879L10.6474 13.9839C10.4696 13.2726 10.4028 13.031 10.2811 12.8407C10.1641 12.658 10.0089 12.5027 9.82606 12.3857C9.63581 12.264 9.39421 12.1972 8.68289 12.0194L7.8789 11.8184C7.65631 11.7627 7.50016 11.5627 7.50016 11.3333C7.50016 11.1039 7.65631 10.9039 7.8789 10.8482L8.68289 10.6472C9.39421 10.4694 9.63581 10.4026 9.82606 10.2809C10.0089 10.1639 10.1641 10.0087 10.2811 9.82588C10.4028 9.63563 10.4696 9.39402 10.6474 8.6827L10.8484 7.87871C10.9041 7.65613 11.1041 7.49998 11.3335 7.49998Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PromptEngineering"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
index 57729d4066..89b0e46a60 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PromptEngineering.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PromptEngineering.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.json b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.json
index 20e6719fbe..e3c3a8acd4 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.json
+++ b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "17",
-			"height": "16",
-			"viewBox": "0 0 17 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "puzzle-piece-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M4.83333 2.99999C4.83333 1.71133 5.878 0.666656 7.16667 0.666656C8.45533 0.666656 9.5 1.71133 9.5 2.99999V3.33332L9.52285 3.33332C9.96938 3.33332 10.338 3.33331 10.6397 3.3539C10.9525 3.37525 11.2419 3.42093 11.5205 3.53631C12.1739 3.80696 12.693 4.32609 12.9637 4.9795C13.0791 5.25804 13.1247 5.54744 13.1461 5.8603C13.1558 6.0027 13.1609 6.15998 13.1636 6.33332H13.5C14.7887 6.33332 15.8333 7.37799 15.8333 8.66666C15.8333 9.95532 14.7887 11 13.5 11H13.1667V11.4942C13.1667 12.0308 13.1667 12.4737 13.1372 12.8345C13.1066 13.2093 13.0409 13.5537 12.876 13.8773C12.6204 14.3791 12.2124 14.787 11.7106 15.0427C11.3871 15.2075 11.0426 15.2732 10.6679 15.3039C10.3071 15.3333 9.86419 15.3333 9.32755 15.3333H8.83333C8.46514 15.3333 8.16667 15.0348 8.16667 14.6667V13.5C8.16667 13.0398 7.79357 12.6667 7.33333 12.6667C6.8731 12.6667 6.5 13.0398 6.5 13.5V14.6667C6.5 15.0348 6.20152 15.3333 5.83333 15.3333H5.00578C4.46914 15.3333 4.02624 15.3333 3.66545 15.3039C3.29072 15.2732 2.94625 15.2075 2.62269 15.0427C2.12093 14.787 1.71298 14.3791 1.45732 13.8773C1.29246 13.5537 1.22675 13.2093 1.19613 12.8345C1.16665 12.4737 1.16666 12.0308 1.16667 11.4942L1.16667 10.3333C1.16667 9.96513 1.46514 9.66666 1.83333 9.66666H2.83333C3.38562 9.66666 3.83333 9.21894 3.83333 8.66666C3.83333 8.11437 3.38562 7.66666 2.83333 7.66666H1.83333C1.46514 7.66666 1.16667 7.36818 1.16667 6.99999L1.16667 6.97715C1.16666 6.53062 1.16666 6.16204 1.18724 5.8603C1.20859 5.54744 1.25428 5.25804 1.36965 4.9795C1.64031 4.32609 2.15944 3.80696 2.81284 3.53631C3.09139 3.42093 3.38078 3.37525 3.69364 3.3539C3.99538 3.33331 4.36396 3.33332 4.81048 3.33332L4.83333 3.33332L4.83333 2.99999Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "PuzzlePiece01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "17",
+      "height": "16",
+      "viewBox": "0 0 17 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "puzzle-piece-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M4.83333 2.99999C4.83333 1.71133 5.878 0.666656 7.16667 0.666656C8.45533 0.666656 9.5 1.71133 9.5 2.99999V3.33332L9.52285 3.33332C9.96938 3.33332 10.338 3.33331 10.6397 3.3539C10.9525 3.37525 11.2419 3.42093 11.5205 3.53631C12.1739 3.80696 12.693 4.32609 12.9637 4.9795C13.0791 5.25804 13.1247 5.54744 13.1461 5.8603C13.1558 6.0027 13.1609 6.15998 13.1636 6.33332H13.5C14.7887 6.33332 15.8333 7.37799 15.8333 8.66666C15.8333 9.95532 14.7887 11 13.5 11H13.1667V11.4942C13.1667 12.0308 13.1667 12.4737 13.1372 12.8345C13.1066 13.2093 13.0409 13.5537 12.876 13.8773C12.6204 14.3791 12.2124 14.787 11.7106 15.0427C11.3871 15.2075 11.0426 15.2732 10.6679 15.3039C10.3071 15.3333 9.86419 15.3333 9.32755 15.3333H8.83333C8.46514 15.3333 8.16667 15.0348 8.16667 14.6667V13.5C8.16667 13.0398 7.79357 12.6667 7.33333 12.6667C6.8731 12.6667 6.5 13.0398 6.5 13.5V14.6667C6.5 15.0348 6.20152 15.3333 5.83333 15.3333H5.00578C4.46914 15.3333 4.02624 15.3333 3.66545 15.3039C3.29072 15.2732 2.94625 15.2075 2.62269 15.0427C2.12093 14.787 1.71298 14.3791 1.45732 13.8773C1.29246 13.5537 1.22675 13.2093 1.19613 12.8345C1.16665 12.4737 1.16666 12.0308 1.16667 11.4942L1.16667 10.3333C1.16667 9.96513 1.46514 9.66666 1.83333 9.66666H2.83333C3.38562 9.66666 3.83333 9.21894 3.83333 8.66666C3.83333 8.11437 3.38562 7.66666 2.83333 7.66666H1.83333C1.46514 7.66666 1.16667 7.36818 1.16667 6.99999L1.16667 6.97715C1.16666 6.53062 1.16666 6.16204 1.18724 5.8603C1.20859 5.54744 1.25428 5.25804 1.36965 4.9795C1.64031 4.32609 2.15944 3.80696 2.81284 3.53631C3.09139 3.42093 3.38078 3.37525 3.69364 3.3539C3.99538 3.33331 4.36396 3.33332 4.81048 3.33332L4.83333 3.33332L4.83333 2.99999Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PuzzlePiece01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
index b78592690c..eb1104fe5f 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PuzzlePiece01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PuzzlePiece01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Semantic.json b/web/app/components/base/icons/src/vender/solid/development/Semantic.json
index d9f6eeeb7e..a82cecdc85 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Semantic.json
+++ b/web/app/components/base/icons/src/vender/solid/development/Semantic.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M16.5833 12.945C16.4856 13.3276 16.2038 14.272 15.7382 15.7784H17.4432C17.0038 14.3674 16.7569 13.5692 16.7025 13.3841C16.6493 13.1998 16.609 13.0532 16.5833 12.945Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21.1667 9.33333H12C11.5138 9.33333 11.0475 9.52649 10.7036 9.87031C10.3598 10.2141 10.1667 10.6804 10.1667 11.1667V19.4167C10.1667 19.9029 10.3598 20.3692 10.7036 20.713C11.0475 21.0568 11.5138 21.25 12 21.25H17.5L21.1667 24V21.25C21.6529 21.25 22.1192 21.0568 22.463 20.713C22.8068 20.3692 23 19.9029 23 19.4167V11.1667C23 10.6804 22.8068 10.2141 22.463 9.87031C22.1192 9.52649 21.6529 9.33333 21.1667 9.33333ZM18.2507 18.5L17.775 16.9417H15.3917L14.9159 18.5H13.4208L15.7308 11.9293H17.4267L19.7458 18.5H18.2507Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12 2H2.83333C2.3471 2 1.88079 2.19315 1.53697 2.53697C1.19315 2.88079 1 3.3471 1 3.83333V12.0833C1 12.5696 1.19315 13.0359 1.53697 13.3797C1.88079 13.7235 2.3471 13.9167 2.83333 13.9167V16.6667L6.5 13.9167H9.25V11.1667C9.25381 11.0459 9.26606 10.9255 9.28667 10.8064C8.64229 10.5527 8.0315 10.2208 7.468 9.81825C6.5802 10.4316 5.59355 10.8877 4.55117 11.1667C4.394 10.6965 4.15573 10.2575 3.84717 9.86958C4.76378 9.70375 5.64426 9.37861 6.44867 8.90892C6.07755 8.50417 5.75993 8.05346 5.50358 7.56783C5.29175 7.16889 5.12217 6.74892 4.99758 6.31475C4.56583 6.31475 4.3165 6.32942 3.94983 6.35875V5.03233C4.30266 5.0703 4.65741 5.08744 5.01225 5.08367H6.63292V4.64367C6.63379 4.48979 6.61904 4.33623 6.58892 4.18533H8.05833C8.02877 4.33229 8.01403 4.48185 8.01433 4.63175V5.07908H9.756C10.1108 5.08303 10.4656 5.06589 10.8184 5.02775V6.35875C10.4958 6.32942 10.2098 6.31475 9.778 6.31475C9.67623 6.80565 9.51074 7.28115 9.28575 7.72917C9.06864 8.16083 8.79489 8.56159 8.47175 8.92083C8.89523 9.17057 9.34617 9.37051 9.81558 9.51667C10.0695 9.17655 10.399 8.90012 10.7781 8.70922C11.1573 8.51831 11.5755 8.41816 12 8.41667H13.8333V3.83333C13.8333 3.3471 13.6402 2.88079 13.2964 2.53697C12.9525 2.19315 12.4862 2 12 2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.43133 8.0885C7.87722 7.58102 8.19195 6.97201 8.348 6.31475H6.40833C6.59708 6.98164 6.94861 7.59116 7.43133 8.0885Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Semantic"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M16.5833 12.945C16.4856 13.3276 16.2038 14.272 15.7382 15.7784H17.4432C17.0038 14.3674 16.7569 13.5692 16.7025 13.3841C16.6493 13.1998 16.609 13.0532 16.5833 12.945Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21.1667 9.33333H12C11.5138 9.33333 11.0475 9.52649 10.7036 9.87031C10.3598 10.2141 10.1667 10.6804 10.1667 11.1667V19.4167C10.1667 19.9029 10.3598 20.3692 10.7036 20.713C11.0475 21.0568 11.5138 21.25 12 21.25H17.5L21.1667 24V21.25C21.6529 21.25 22.1192 21.0568 22.463 20.713C22.8068 20.3692 23 19.9029 23 19.4167V11.1667C23 10.6804 22.8068 10.2141 22.463 9.87031C22.1192 9.52649 21.6529 9.33333 21.1667 9.33333ZM18.2507 18.5L17.775 16.9417H15.3917L14.9159 18.5H13.4208L15.7308 11.9293H17.4267L19.7458 18.5H18.2507Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12 2H2.83333C2.3471 2 1.88079 2.19315 1.53697 2.53697C1.19315 2.88079 1 3.3471 1 3.83333V12.0833C1 12.5696 1.19315 13.0359 1.53697 13.3797C1.88079 13.7235 2.3471 13.9167 2.83333 13.9167V16.6667L6.5 13.9167H9.25V11.1667C9.25381 11.0459 9.26606 10.9255 9.28667 10.8064C8.64229 10.5527 8.0315 10.2208 7.468 9.81825C6.5802 10.4316 5.59355 10.8877 4.55117 11.1667C4.394 10.6965 4.15573 10.2575 3.84717 9.86958C4.76378 9.70375 5.64426 9.37861 6.44867 8.90892C6.07755 8.50417 5.75993 8.05346 5.50358 7.56783C5.29175 7.16889 5.12217 6.74892 4.99758 6.31475C4.56583 6.31475 4.3165 6.32942 3.94983 6.35875V5.03233C4.30266 5.0703 4.65741 5.08744 5.01225 5.08367H6.63292V4.64367C6.63379 4.48979 6.61904 4.33623 6.58892 4.18533H8.05833C8.02877 4.33229 8.01403 4.48185 8.01433 4.63175V5.07908H9.756C10.1108 5.08303 10.4656 5.06589 10.8184 5.02775V6.35875C10.4958 6.32942 10.2098 6.31475 9.778 6.31475C9.67623 6.80565 9.51074 7.28115 9.28575 7.72917C9.06864 8.16083 8.79489 8.56159 8.47175 8.92083C8.89523 9.17057 9.34617 9.37051 9.81558 9.51667C10.0695 9.17655 10.399 8.90012 10.7781 8.70922C11.1573 8.51831 11.5755 8.41816 12 8.41667H13.8333V3.83333C13.8333 3.3471 13.6402 2.88079 13.2964 2.53697C12.9525 2.19315 12.4862 2 12 2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.43133 8.0885C7.87722 7.58102 8.19195 6.97201 8.348 6.31475H6.40833C6.59708 6.98164 6.94861 7.59116 7.43133 8.0885Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Semantic"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx b/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
index 47eb464d86..5adac675bf 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Semantic.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Semantic.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.json b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.json
index bf3c05a3b9..456b335a94 100644
--- a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.json
+++ b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "terminal-square"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8.91927 1H3.08073C2.81716 0.999992 2.58977 0.999984 2.40249 1.01529C2.20481 1.03144 2.00821 1.06709 1.81902 1.16349C1.53677 1.3073 1.3073 1.53677 1.16349 1.81902C1.06709 2.00821 1.03144 2.20481 1.01529 2.40249C0.999984 2.58977 0.999992 2.81714 1 3.08071V8.91927C0.999992 9.18284 0.999984 9.41023 1.01529 9.59752C1.03144 9.79519 1.06709 9.9918 1.16349 10.181C1.3073 10.4632 1.53677 10.6927 1.81902 10.8365C2.00821 10.9329 2.20481 10.9686 2.40249 10.9847C2.58977 11 2.81715 11 3.08072 11H8.91928C9.18285 11 9.41023 11 9.59752 10.9847C9.79519 10.9686 9.9918 10.9329 10.181 10.8365C10.4632 10.6927 10.6927 10.4632 10.8365 10.181C10.9329 9.9918 10.9686 9.79519 10.9847 9.59752C11 9.41023 11 9.18285 11 8.91928V3.08072C11 2.81715 11 2.58977 10.9847 2.40249C10.9686 2.20481 10.9329 2.00821 10.8365 1.81902C10.6927 1.53677 10.4632 1.3073 10.181 1.16349C9.9918 1.06709 9.79519 1.03144 9.59752 1.01529C9.41023 0.999984 9.18284 0.999992 8.91927 1ZM3.85355 4.14645C3.65829 3.95118 3.34171 3.95118 3.14645 4.14645C2.95118 4.34171 2.95118 4.65829 3.14645 4.85355L4.29289 6L3.14645 7.14645C2.95118 7.34171 2.95118 7.65829 3.14645 7.85355C3.34171 8.04882 3.65829 8.04882 3.85355 7.85355L5.35355 6.35355C5.54882 6.15829 5.54882 5.84171 5.35355 5.64645L3.85355 4.14645ZM6.5 7C6.22386 7 6 7.22386 6 7.5C6 7.77614 6.22386 8 6.5 8H8.5C8.77614 8 9 7.77614 9 7.5C9 7.22386 8.77614 7 8.5 7H6.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "TerminalSquare"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "terminal-square"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8.91927 1H3.08073C2.81716 0.999992 2.58977 0.999984 2.40249 1.01529C2.20481 1.03144 2.00821 1.06709 1.81902 1.16349C1.53677 1.3073 1.3073 1.53677 1.16349 1.81902C1.06709 2.00821 1.03144 2.20481 1.01529 2.40249C0.999984 2.58977 0.999992 2.81714 1 3.08071V8.91927C0.999992 9.18284 0.999984 9.41023 1.01529 9.59752C1.03144 9.79519 1.06709 9.9918 1.16349 10.181C1.3073 10.4632 1.53677 10.6927 1.81902 10.8365C2.00821 10.9329 2.20481 10.9686 2.40249 10.9847C2.58977 11 2.81715 11 3.08072 11H8.91928C9.18285 11 9.41023 11 9.59752 10.9847C9.79519 10.9686 9.9918 10.9329 10.181 10.8365C10.4632 10.6927 10.6927 10.4632 10.8365 10.181C10.9329 9.9918 10.9686 9.79519 10.9847 9.59752C11 9.41023 11 9.18285 11 8.91928V3.08072C11 2.81715 11 2.58977 10.9847 2.40249C10.9686 2.20481 10.9329 2.00821 10.8365 1.81902C10.6927 1.53677 10.4632 1.3073 10.181 1.16349C9.9918 1.06709 9.79519 1.03144 9.59752 1.01529C9.41023 0.999984 9.18284 0.999992 8.91927 1ZM3.85355 4.14645C3.65829 3.95118 3.34171 3.95118 3.14645 4.14645C2.95118 4.34171 2.95118 4.65829 3.14645 4.85355L4.29289 6L3.14645 7.14645C2.95118 7.34171 2.95118 7.65829 3.14645 7.85355C3.34171 8.04882 3.65829 8.04882 3.85355 7.85355L5.35355 6.35355C5.54882 6.15829 5.54882 5.84171 5.35355 5.64645L3.85355 4.14645ZM6.5 7C6.22386 7 6 7.22386 6 7.5C6 7.77614 6.22386 8 6.5 8H8.5C8.77614 8 9 7.77614 9 7.5C9 7.22386 8.77614 7 8.5 7H6.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "TerminalSquare"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
index 1add0ad7e4..91cd54a137 100644
--- a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TerminalSquare.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TerminalSquare.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Variable02.json b/web/app/components/base/icons/src/vender/solid/development/Variable02.json
index d957d38d4e..48c9a876fc 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Variable02.json
+++ b/web/app/components/base/icons/src/vender/solid/development/Variable02.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "variable-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.9986 8.76189C14.6132 8.04115 15.5117 7.625 16.459 7.625H16.5486C17.1009 7.625 17.5486 8.07272 17.5486 8.625C17.5486 9.17728 17.1009 9.625 16.5486 9.625H16.459C16.0994 9.625 15.7564 9.78289 15.5205 10.0595L13.1804 12.8039L13.9213 15.4107C13.9372 15.4666 13.9859 15.5 14.0355 15.5H15.4296C15.9819 15.5 16.4296 15.9477 16.4296 16.5C16.4296 17.0523 15.9819 17.5 15.4296 17.5H14.0355C13.0858 17.5 12.2562 16.8674 11.9975 15.9575L11.621 14.6328L10.1457 16.3631C9.5311 17.0839 8.63257 17.5 7.68532 17.5H7.59564C7.04336 17.5 6.59564 17.0523 6.59564 16.5C6.59564 15.9477 7.04336 15.5 7.59564 15.5H7.68532C8.04487 15.5 8.38789 15.3421 8.62379 15.0655L10.964 12.3209L10.2231 9.71433C10.2072 9.65839 10.1586 9.625 10.1089 9.625H8.71484C8.16256 9.625 7.71484 9.17728 7.71484 8.625C7.71484 8.07272 8.16256 7.625 8.71484 7.625H10.1089C11.0586 7.625 11.8883 8.25756 12.1469 9.16754L12.5234 10.4921L13.9986 8.76189Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.429 3C3.61372 3 2.143 4.47071 2.143 6.286V10.4428L1.29289 11.2929C1.10536 11.4804 1 11.7348 1 12C1 12.2652 1.10536 12.5196 1.29289 12.7071L2.143 13.5572V17.714C2.143 19.5293 3.61372 21 5.429 21C5.98128 21 6.429 20.5523 6.429 20C6.429 19.4477 5.98128 19 5.429 19C4.71828 19 4.143 18.4247 4.143 17.714V13.143C4.143 12.8778 4.03764 12.6234 3.85011 12.4359L3.41421 12L3.85011 11.5641C4.03764 11.3766 4.143 11.1222 4.143 10.857V6.286C4.143 5.57528 4.71828 5 5.429 5C5.98128 5 6.429 4.55228 6.429 4C6.429 3.44772 5.98128 3 5.429 3Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M18.5708 3C18.0185 3 17.5708 3.44772 17.5708 4C17.5708 4.55228 18.0185 5 18.5708 5C19.2815 5 19.8568 5.57529 19.8568 6.286V10.857C19.8568 11.1222 19.9622 11.3766 20.1497 11.5641L20.5856 12L20.1497 12.4359C19.9622 12.6234 19.8568 12.8778 19.8568 13.143V17.714C19.8568 18.4244 19.2808 19 18.5708 19C18.0185 19 17.5708 19.4477 17.5708 20C17.5708 20.5523 18.0185 21 18.5708 21C20.3848 21 21.8568 19.5296 21.8568 17.714V13.5572L22.7069 12.7071C23.0974 12.3166 23.0974 11.6834 22.7069 11.2929L21.8568 10.4428V6.286C21.8568 4.47071 20.3861 3 18.5708 3Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Variable02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "variable-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.9986 8.76189C14.6132 8.04115 15.5117 7.625 16.459 7.625H16.5486C17.1009 7.625 17.5486 8.07272 17.5486 8.625C17.5486 9.17728 17.1009 9.625 16.5486 9.625H16.459C16.0994 9.625 15.7564 9.78289 15.5205 10.0595L13.1804 12.8039L13.9213 15.4107C13.9372 15.4666 13.9859 15.5 14.0355 15.5H15.4296C15.9819 15.5 16.4296 15.9477 16.4296 16.5C16.4296 17.0523 15.9819 17.5 15.4296 17.5H14.0355C13.0858 17.5 12.2562 16.8674 11.9975 15.9575L11.621 14.6328L10.1457 16.3631C9.5311 17.0839 8.63257 17.5 7.68532 17.5H7.59564C7.04336 17.5 6.59564 17.0523 6.59564 16.5C6.59564 15.9477 7.04336 15.5 7.59564 15.5H7.68532C8.04487 15.5 8.38789 15.3421 8.62379 15.0655L10.964 12.3209L10.2231 9.71433C10.2072 9.65839 10.1586 9.625 10.1089 9.625H8.71484C8.16256 9.625 7.71484 9.17728 7.71484 8.625C7.71484 8.07272 8.16256 7.625 8.71484 7.625H10.1089C11.0586 7.625 11.8883 8.25756 12.1469 9.16754L12.5234 10.4921L13.9986 8.76189Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.429 3C3.61372 3 2.143 4.47071 2.143 6.286V10.4428L1.29289 11.2929C1.10536 11.4804 1 11.7348 1 12C1 12.2652 1.10536 12.5196 1.29289 12.7071L2.143 13.5572V17.714C2.143 19.5293 3.61372 21 5.429 21C5.98128 21 6.429 20.5523 6.429 20C6.429 19.4477 5.98128 19 5.429 19C4.71828 19 4.143 18.4247 4.143 17.714V13.143C4.143 12.8778 4.03764 12.6234 3.85011 12.4359L3.41421 12L3.85011 11.5641C4.03764 11.3766 4.143 11.1222 4.143 10.857V6.286C4.143 5.57528 4.71828 5 5.429 5C5.98128 5 6.429 4.55228 6.429 4C6.429 3.44772 5.98128 3 5.429 3Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M18.5708 3C18.0185 3 17.5708 3.44772 17.5708 4C17.5708 4.55228 18.0185 5 18.5708 5C19.2815 5 19.8568 5.57529 19.8568 6.286V10.857C19.8568 11.1222 19.9622 11.3766 20.1497 11.5641L20.5856 12L20.1497 12.4359C19.9622 12.6234 19.8568 12.8778 19.8568 13.143V17.714C19.8568 18.4244 19.2808 19 18.5708 19C18.0185 19 17.5708 19.4477 17.5708 20C17.5708 20.5523 18.0185 21 18.5708 21C20.3848 21 21.8568 19.5296 21.8568 17.714V13.5572L22.7069 12.7071C23.0974 12.3166 23.0974 11.6834 22.7069 11.2929L21.8568 10.4428V6.286C21.8568 4.47071 20.3861 3 18.5708 3Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Variable02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx b/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
index f2b8fb26d9..5a46cee35d 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Variable02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Variable02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/index.ts b/web/app/components/base/icons/src/vender/solid/development/index.ts
index 159a1cbc0b..f67d854beb 100644
--- a/web/app/components/base/icons/src/vender/solid/development/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/development/index.ts
@@ -1,5 +1,5 @@
-export { default as ApiConnectionMod } from './ApiConnectionMod'
 export { default as ApiConnection } from './ApiConnection'
+export { default as ApiConnectionMod } from './ApiConnectionMod'
 export { default as BarChartSquare02 } from './BarChartSquare02'
 export { default as Container } from './Container'
 export { default as Database02 } from './Database02'
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Brush01.json b/web/app/components/base/icons/src/vender/solid/editor/Brush01.json
index 4087091bc0..cf30927893 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Brush01.json
+++ b/web/app/components/base/icons/src/vender/solid/editor/Brush01.json
@@ -1,35 +1,35 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M17.264 2.20765C18.5274 1.0378 20.4895 1.07552 21.707 2.29307C22.9246 3.51061 22.9623 5.47268 21.7924 6.73612L15.4019 13.638C15.008 14.0634 14.811 14.2761 14.579 14.3585C14.3751 14.4309 14.1531 14.4352 13.9465 14.3707C13.7115 14.2973 13.5065 14.0923 13.0965 13.6823L10.3178 10.9036C9.9078 10.4936 9.7028 10.2886 9.62943 10.0536C9.56493 9.84699 9.5692 9.62504 9.6416 9.42107C9.72395 9.18906 9.93667 8.9921 10.3621 8.59817L17.264 2.20765Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.76212 12.1763C8.35165 11.7659 8.14641 11.5606 7.9013 11.4888C7.7037 11.4308 7.43858 11.4436 7.24747 11.5203C7.01041 11.6154 6.86226 11.7953 6.56595 12.1551C6.46827 12.2737 6.37864 12.398 6.30066 12.53C6.03001 12.9883 5.8908 13.5013 5.88405 14.0163C4.608 13.9077 3.29445 14.3416 2.31799 15.318C1.28682 16.3492 1.34471 17.8002 1.38417 18.7893L1.38921 18.9154C1.43381 20.027 1.46675 20.848 1.11009 21.5439C0.951191 21.8539 0.965076 22.2242 1.14673 22.5215C1.32839 22.8187 1.65165 23 2 23C2.27235 23 2.58299 23.0081 2.91511 23.0167C3.66655 23.0362 4.52805 23.0586 5.30424 22.9968C6.44876 22.9057 7.7418 22.6221 8.68195 21.682C9.65838 20.7056 10.0923 19.3921 9.98366 18.1161C10.4987 18.1093 11.0118 17.9701 11.4701 17.6994C11.6021 17.6215 11.7264 17.5318 11.845 17.4341C12.2048 17.1378 12.3847 16.9897 12.4798 16.7526C12.5565 16.5615 12.5693 16.2964 12.5113 16.0988C12.4395 15.8537 12.2342 15.6484 11.8238 15.238L8.76212 12.1763Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Brush01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M17.264 2.20765C18.5274 1.0378 20.4895 1.07552 21.707 2.29307C22.9246 3.51061 22.9623 5.47268 21.7924 6.73612L15.4019 13.638C15.008 14.0634 14.811 14.2761 14.579 14.3585C14.3751 14.4309 14.1531 14.4352 13.9465 14.3707C13.7115 14.2973 13.5065 14.0923 13.0965 13.6823L10.3178 10.9036C9.9078 10.4936 9.7028 10.2886 9.62943 10.0536C9.56493 9.84699 9.5692 9.62504 9.6416 9.42107C9.72395 9.18906 9.93667 8.9921 10.3621 8.59817L17.264 2.20765Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.76212 12.1763C8.35165 11.7659 8.14641 11.5606 7.9013 11.4888C7.7037 11.4308 7.43858 11.4436 7.24747 11.5203C7.01041 11.6154 6.86226 11.7953 6.56595 12.1551C6.46827 12.2737 6.37864 12.398 6.30066 12.53C6.03001 12.9883 5.8908 13.5013 5.88405 14.0163C4.608 13.9077 3.29445 14.3416 2.31799 15.318C1.28682 16.3492 1.34471 17.8002 1.38417 18.7893L1.38921 18.9154C1.43381 20.027 1.46675 20.848 1.11009 21.5439C0.951191 21.8539 0.965076 22.2242 1.14673 22.5215C1.32839 22.8187 1.65165 23 2 23C2.27235 23 2.58299 23.0081 2.91511 23.0167C3.66655 23.0362 4.52805 23.0586 5.30424 22.9968C6.44876 22.9057 7.7418 22.6221 8.68195 21.682C9.65838 20.7056 10.0923 19.3921 9.98366 18.1161C10.4987 18.1093 11.0118 17.9701 11.4701 17.6994C11.6021 17.6215 11.7264 17.5318 11.845 17.4341C12.2048 17.1378 12.3847 16.9897 12.4798 16.7526C12.5565 16.5615 12.5693 16.2964 12.5113 16.0988C12.4395 15.8537 12.2342 15.6484 11.8238 15.238L8.76212 12.1763Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Brush01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
index 4928176b7e..a9c466da4f 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Brush01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Brush01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Citations.json b/web/app/components/base/icons/src/vender/solid/editor/Citations.json
index 1f7aa93794..9c7979944c 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Citations.json
+++ b/web/app/components/base/icons/src/vender/solid/editor/Citations.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "citations"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Subtract",
-							"d": "M0.666992 7.99996C0.666992 3.94987 3.95024 0.666626 8.00033 0.666626C12.0504 0.666626 15.3337 3.94987 15.3337 7.99996C15.3337 12.05 12.0504 15.3333 8.00033 15.3333C3.95024 15.3333 0.666992 12.05 0.666992 7.99996ZM4.66699 7.9801V9.97196H7.35742V7.48922H5.87533C5.85644 7.21231 5.90365 6.94484 6.01693 6.68681C6.2372 6.19592 6.66829 5.84979 7.31022 5.6484V4.66663C6.44803 4.83655 5.79036 5.19527 5.33724 5.7428C4.89041 6.29032 4.66699 7.03609 4.66699 7.9801ZM10.0264 6.70569C10.2466 6.19592 10.6746 5.84349 11.3102 5.6484V4.66663C10.4732 4.83655 9.82183 5.19212 9.35612 5.73336C8.8967 6.27459 8.66699 7.02351 8.66699 7.9801V9.97196H11.3574V7.48922H9.87533C9.85015 7.23748 9.9005 6.9763 10.0264 6.70569Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Citations"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "citations"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Subtract",
+              "d": "M0.666992 7.99996C0.666992 3.94987 3.95024 0.666626 8.00033 0.666626C12.0504 0.666626 15.3337 3.94987 15.3337 7.99996C15.3337 12.05 12.0504 15.3333 8.00033 15.3333C3.95024 15.3333 0.666992 12.05 0.666992 7.99996ZM4.66699 7.9801V9.97196H7.35742V7.48922H5.87533C5.85644 7.21231 5.90365 6.94484 6.01693 6.68681C6.2372 6.19592 6.66829 5.84979 7.31022 5.6484V4.66663C6.44803 4.83655 5.79036 5.19527 5.33724 5.7428C4.89041 6.29032 4.66699 7.03609 4.66699 7.9801ZM10.0264 6.70569C10.2466 6.19592 10.6746 5.84349 11.3102 5.6484V4.66663C10.4732 4.83655 9.82183 5.19212 9.35612 5.73336C8.8967 6.27459 8.66699 7.02351 8.66699 7.9801V9.97196H11.3574V7.48922H9.87533C9.85015 7.23748 9.9005 6.9763 10.0264 6.70569Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Citations"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx b/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
index 08a73bf99a..991aedf8e4 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Citations.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Citations.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Colors.json b/web/app/components/base/icons/src/vender/solid/editor/Colors.json
index 6fc4010c27..f699246736 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Colors.json
+++ b/web/app/components/base/icons/src/vender/solid/editor/Colors.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "colors"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.4494 13.2298C12.9854 13.3409 12.5002 13.3999 12 13.3999C10.2804 13.3999 8.72326 12.6997 7.59953 11.5677C6.4872 10.4471 5.8 8.90382 5.8 7.20007C5.8 3.77586 8.57584 1 12 1C15.4241 1 18.2 3.77586 18.2 7.20007C18.2 8.44569 17.8327 9.60551 17.2005 10.5771C16.3665 11.8588 15.0715 12.8131 13.5506 13.2047C13.517 13.2133 13.4833 13.2217 13.4494 13.2298Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M15.1476 14.7743C16.6646 14.1431 17.9513 13.0695 18.8465 11.7146C19.0004 11.4817 19.0773 11.3652 19.1762 11.3066C19.2615 11.2561 19.3659 11.2312 19.4648 11.2379C19.5795 11.2457 19.6773 11.3015 19.8728 11.4133C21.7413 12.4817 23 14.4946 23 16.7999C23 20.2241 20.2242 23 16.8 23C15.9123 23 15.0689 22.8139 14.3059 22.4782C14.0549 22.3678 13.9294 22.3126 13.8502 22.2049C13.7822 22.1126 13.7468 21.9922 13.7539 21.8777C13.7622 21.7444 13.8565 21.6018 14.045 21.3167C14.8373 20.1184 15.3234 18.6997 15.3917 17.1723C15.3969 17.0566 15.3996 16.9402 15.4 16.8233L15.4 16.7999C15.4 16.1888 15.333 15.5926 15.2057 15.0185C15.1876 14.9366 15.1682 14.8552 15.1476 14.7743Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.12723 11.4133C4.32273 11.3015 4.42049 11.2457 4.53516 11.2379C4.63414 11.2312 4.73848 11.2561 4.82382 11.3066C4.92269 11.3652 4.99964 11.4817 5.15355 11.7146C6.62074 13.9352 9.13929 15.4001 12 15.4001C12.4146 15.4001 12.822 15.3694 13.2201 15.31L13.2263 15.3357C13.3398 15.8045 13.4 16.2947 13.4 16.7999L13.4 16.8214C13.3997 16.9056 13.3977 16.9895 13.3941 17.0728C13.2513 20.3704 10.5327 23 7.2 23C3.77584 23 1 20.2241 1 16.7999C1 14.4946 2.25869 12.4817 4.12723 11.4133Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Colors"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "colors"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.4494 13.2298C12.9854 13.3409 12.5002 13.3999 12 13.3999C10.2804 13.3999 8.72326 12.6997 7.59953 11.5677C6.4872 10.4471 5.8 8.90382 5.8 7.20007C5.8 3.77586 8.57584 1 12 1C15.4241 1 18.2 3.77586 18.2 7.20007C18.2 8.44569 17.8327 9.60551 17.2005 10.5771C16.3665 11.8588 15.0715 12.8131 13.5506 13.2047C13.517 13.2133 13.4833 13.2217 13.4494 13.2298Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M15.1476 14.7743C16.6646 14.1431 17.9513 13.0695 18.8465 11.7146C19.0004 11.4817 19.0773 11.3652 19.1762 11.3066C19.2615 11.2561 19.3659 11.2312 19.4648 11.2379C19.5795 11.2457 19.6773 11.3015 19.8728 11.4133C21.7413 12.4817 23 14.4946 23 16.7999C23 20.2241 20.2242 23 16.8 23C15.9123 23 15.0689 22.8139 14.3059 22.4782C14.0549 22.3678 13.9294 22.3126 13.8502 22.2049C13.7822 22.1126 13.7468 21.9922 13.7539 21.8777C13.7622 21.7444 13.8565 21.6018 14.045 21.3167C14.8373 20.1184 15.3234 18.6997 15.3917 17.1723C15.3969 17.0566 15.3996 16.9402 15.4 16.8233L15.4 16.7999C15.4 16.1888 15.333 15.5926 15.2057 15.0185C15.1876 14.9366 15.1682 14.8552 15.1476 14.7743Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.12723 11.4133C4.32273 11.3015 4.42049 11.2457 4.53516 11.2379C4.63414 11.2312 4.73848 11.2561 4.82382 11.3066C4.92269 11.3652 4.99964 11.4817 5.15355 11.7146C6.62074 13.9352 9.13929 15.4001 12 15.4001C12.4146 15.4001 12.822 15.3694 13.2201 15.31L13.2263 15.3357C13.3398 15.8045 13.4 16.2947 13.4 16.7999L13.4 16.8214C13.3997 16.9056 13.3977 16.9895 13.3941 17.0728C13.2513 20.3704 10.5327 23 7.2 23C3.77584 23 1 20.2241 1 16.7999C1 14.4946 2.25869 12.4817 4.12723 11.4133Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Colors"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx b/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
index ef04c1c5dc..a0fff0474c 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Colors.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Colors.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.json b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.json
index 747f8e50b7..02f8bd7a6f 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.json
+++ b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.json
@@ -1,44 +1,44 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2 6.5C2 5.67157 2.67157 5 3.5 5H20.5C21.3284 5 22 5.67157 22 6.5C22 7.32843 21.3284 8 20.5 8H3.5C2.67157 8 2 7.32843 2 6.5Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2 12.5C2 11.6716 2.67157 11 3.5 11H20.5C21.3284 11 22 11.6716 22 12.5C22 13.3284 21.3284 14 20.5 14H3.5C2.67157 14 2 13.3284 2 12.5Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2 18.5C2 17.6716 2.67157 17 3.5 17H12.5C13.3284 17 14 17.6716 14 18.5C14 19.3284 13.3284 20 12.5 20H3.5C2.67157 20 2 19.3284 2 18.5Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Paragraph"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2 6.5C2 5.67157 2.67157 5 3.5 5H20.5C21.3284 5 22 5.67157 22 6.5C22 7.32843 21.3284 8 20.5 8H3.5C2.67157 8 2 7.32843 2 6.5Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2 12.5C2 11.6716 2.67157 11 3.5 11H20.5C21.3284 11 22 11.6716 22 12.5C22 13.3284 21.3284 14 20.5 14H3.5C2.67157 14 2 13.3284 2 12.5Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2 18.5C2 17.6716 2.67157 17 3.5 17H12.5C13.3284 17 14 17.6716 14 18.5C14 19.3284 13.3284 20 12.5 20H3.5C2.67157 20 2 19.3284 2 18.5Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Paragraph"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
index 2ad40771f6..eb7884b740 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Paragraph.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Paragraph.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.json b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.json
index 9e6c72cf67..ad914daae5 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.json
+++ b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.json
@@ -1,28 +1,28 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M7.7587 2H16.2413C17.0463 1.99999 17.7106 1.99998 18.2518 2.0442C18.8139 2.09012 19.3306 2.18868 19.816 2.43598C20.5686 2.81947 21.1805 3.43139 21.564 4.18404C21.8113 4.66938 21.9099 5.18608 21.9558 5.74818C22 6.28937 22 6.95372 22 7.75868V16.2413C22 17.0463 22 17.7106 21.9558 18.2518C21.9099 18.8139 21.8113 19.3306 21.564 19.816C21.1805 20.5686 20.5686 21.1805 19.816 21.564C19.3306 21.8113 18.8139 21.9099 18.2518 21.9558C17.7106 22 17.0463 22 16.2413 22H7.75868C6.95372 22 6.28937 22 5.74818 21.9558C5.18608 21.9099 4.66938 21.8113 4.18404 21.564C3.43139 21.1805 2.81947 20.5686 2.43598 19.816C2.18868 19.3306 2.09012 18.8139 2.0442 18.2518C1.99998 17.7106 1.99999 17.0463 2 16.2413V7.75869C1.99999 6.95373 1.99998 6.28936 2.0442 5.74818C2.09012 5.18608 2.18868 4.66938 2.43598 4.18404C2.81947 3.43139 3.43139 2.81947 4.18404 2.43598C4.66938 2.18868 5.18608 2.09012 5.74818 2.0442C6.28936 1.99998 6.95375 1.99999 7.7587 2ZM7 7C7 6.44772 7.44772 6 8 6H16C16.5523 6 17 6.44772 17 7C17 7.55229 16.5523 8 16 8H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V8H8C7.44772 8 7 7.55229 7 7Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "TypeSquare"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M7.7587 2H16.2413C17.0463 1.99999 17.7106 1.99998 18.2518 2.0442C18.8139 2.09012 19.3306 2.18868 19.816 2.43598C20.5686 2.81947 21.1805 3.43139 21.564 4.18404C21.8113 4.66938 21.9099 5.18608 21.9558 5.74818C22 6.28937 22 6.95372 22 7.75868V16.2413C22 17.0463 22 17.7106 21.9558 18.2518C21.9099 18.8139 21.8113 19.3306 21.564 19.816C21.1805 20.5686 20.5686 21.1805 19.816 21.564C19.3306 21.8113 18.8139 21.9099 18.2518 21.9558C17.7106 22 17.0463 22 16.2413 22H7.75868C6.95372 22 6.28937 22 5.74818 21.9558C5.18608 21.9099 4.66938 21.8113 4.18404 21.564C3.43139 21.1805 2.81947 20.5686 2.43598 19.816C2.18868 19.3306 2.09012 18.8139 2.0442 18.2518C1.99998 17.7106 1.99999 17.0463 2 16.2413V7.75869C1.99999 6.95373 1.99998 6.28936 2.0442 5.74818C2.09012 5.18608 2.18868 4.66938 2.43598 4.18404C2.81947 3.43139 3.43139 2.81947 4.18404 2.43598C4.66938 2.18868 5.18608 2.09012 5.74818 2.0442C6.28936 1.99998 6.95375 1.99999 7.7587 2ZM7 7C7 6.44772 7.44772 6 8 6H16C16.5523 6 17 6.44772 17 7C17 7.55229 16.5523 8 16 8H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V8H8C7.44772 8 7 7.55229 7 7Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "TypeSquare"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
index a94ab1fe23..77fb4c2d38 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TypeSquare.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TypeSquare.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/Beaker02.json b/web/app/components/base/icons/src/vender/solid/education/Beaker02.json
index b6dfd318ef..fa5e7856d6 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Beaker02.json
+++ b/web/app/components/base/icons/src/vender/solid/education/Beaker02.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "beaker-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M4.13856 0.500003H7.8617C7.92126 0.49998 7.99238 0.499953 8.05504 0.505073C8.12765 0.511005 8.23165 0.526227 8.34062 0.581751C8.48174 0.653656 8.59648 0.768392 8.66838 0.909513C8.72391 1.01849 8.73913 1.12248 8.74506 1.19509C8.75018 1.25775 8.75015 1.32888 8.75013 1.38844V2.61157C8.75015 2.67113 8.75018 2.74226 8.74506 2.80492C8.73913 2.87753 8.72391 2.98153 8.66838 3.0905C8.59648 3.23162 8.48174 3.34636 8.34062 3.41826C8.23165 3.47379 8.12765 3.48901 8.05504 3.49494C8.03725 3.49639 8.01877 3.49743 8.00006 3.49817V5.2506C8.00006 5.55312 8.00408 5.61265 8.01723 5.66153C8.03245 5.71807 8.05747 5.7715 8.09117 5.81939C8.1203 5.86078 8.16346 5.90197 8.39586 6.09564L10.2807 7.66627C10.4566 7.81255 10.6116 7.94145 10.7267 8.10509C10.8278 8.24875 10.9029 8.40904 10.9486 8.57867C11.0005 8.7719 11.0003 8.97351 11.0001 9.2023C11.0001 9.39886 11.0002 9.59542 11.0002 9.79198C11.0003 9.98232 11.0005 10.1463 10.9713 10.2927C10.853 10.8877 10.3878 11.3529 9.7928 11.4712C9.64637 11.5003 9.48246 11.5002 9.29211 11.5001H2.70822C2.51787 11.5002 2.35396 11.5003 2.20753 11.4712C1.98473 11.4269 1.78014 11.334 1.60515 11.2038C1.42854 11.0725 1.28221 10.9034 1.17753 10.7077C1.10892 10.5796 1.05831 10.4401 1.02899 10.2927C0.999862 10.1463 0.999992 9.98233 1.00014 9.79199C1.00014 9.59542 1.00006 9.39886 1.00003 9.20229C0.999794 8.97351 0.999584 8.7719 1.05157 8.57867C1.09721 8.40904 1.17229 8.24875 1.27338 8.10509C1.38855 7.94145 1.54356 7.81255 1.71947 7.66627L3.60427 6.09564C3.83667 5.90197 3.87983 5.86078 3.90896 5.81939C3.94266 5.7715 3.96768 5.71807 3.9829 5.66153C3.99605 5.61265 4.00006 5.55312 4.00006 5.2506V3.49817C3.9814 3.49743 3.96297 3.49639 3.94521 3.49494C3.8726 3.48901 3.76861 3.47379 3.65964 3.41826C3.51851 3.34636 3.40378 3.23162 3.33187 3.0905C3.27635 2.98153 3.26113 2.87753 3.25519 2.80492C3.25008 2.74226 3.2501 2.67113 3.25013 2.61158V1.38844C3.2501 1.32888 3.25008 1.25775 3.25519 1.19509C3.26113 1.12248 3.27635 1.01849 3.33187 0.909513C3.40378 0.768392 3.51851 0.653656 3.65964 0.581751C3.76861 0.526227 3.8726 0.511005 3.94521 0.505073C4.00787 0.499953 4.079 0.49998 4.13856 0.500003ZM9.11909 8.00004H2.88104L4.28066 6.83373C4.45657 6.68745 4.61158 6.55855 4.72675 6.39491C4.82784 6.25125 4.90292 6.09096 4.94856 5.92133C5.00054 5.7281 5.00033 5.52649 5.0001 5.29771L5.00006 3.50001H7.00006L7.00003 5.29771C6.99979 5.52649 6.99958 5.7281 7.05157 5.92133C7.09721 6.09096 7.17229 6.25125 7.27338 6.39491C7.38855 6.55855 7.54356 6.68745 7.71947 6.83373L9.11909 8.00004Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Beaker02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "beaker-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M4.13856 0.500003H7.8617C7.92126 0.49998 7.99238 0.499953 8.05504 0.505073C8.12765 0.511005 8.23165 0.526227 8.34062 0.581751C8.48174 0.653656 8.59648 0.768392 8.66838 0.909513C8.72391 1.01849 8.73913 1.12248 8.74506 1.19509C8.75018 1.25775 8.75015 1.32888 8.75013 1.38844V2.61157C8.75015 2.67113 8.75018 2.74226 8.74506 2.80492C8.73913 2.87753 8.72391 2.98153 8.66838 3.0905C8.59648 3.23162 8.48174 3.34636 8.34062 3.41826C8.23165 3.47379 8.12765 3.48901 8.05504 3.49494C8.03725 3.49639 8.01877 3.49743 8.00006 3.49817V5.2506C8.00006 5.55312 8.00408 5.61265 8.01723 5.66153C8.03245 5.71807 8.05747 5.7715 8.09117 5.81939C8.1203 5.86078 8.16346 5.90197 8.39586 6.09564L10.2807 7.66627C10.4566 7.81255 10.6116 7.94145 10.7267 8.10509C10.8278 8.24875 10.9029 8.40904 10.9486 8.57867C11.0005 8.7719 11.0003 8.97351 11.0001 9.2023C11.0001 9.39886 11.0002 9.59542 11.0002 9.79198C11.0003 9.98232 11.0005 10.1463 10.9713 10.2927C10.853 10.8877 10.3878 11.3529 9.7928 11.4712C9.64637 11.5003 9.48246 11.5002 9.29211 11.5001H2.70822C2.51787 11.5002 2.35396 11.5003 2.20753 11.4712C1.98473 11.4269 1.78014 11.334 1.60515 11.2038C1.42854 11.0725 1.28221 10.9034 1.17753 10.7077C1.10892 10.5796 1.05831 10.4401 1.02899 10.2927C0.999862 10.1463 0.999992 9.98233 1.00014 9.79199C1.00014 9.59542 1.00006 9.39886 1.00003 9.20229C0.999794 8.97351 0.999584 8.7719 1.05157 8.57867C1.09721 8.40904 1.17229 8.24875 1.27338 8.10509C1.38855 7.94145 1.54356 7.81255 1.71947 7.66627L3.60427 6.09564C3.83667 5.90197 3.87983 5.86078 3.90896 5.81939C3.94266 5.7715 3.96768 5.71807 3.9829 5.66153C3.99605 5.61265 4.00006 5.55312 4.00006 5.2506V3.49817C3.9814 3.49743 3.96297 3.49639 3.94521 3.49494C3.8726 3.48901 3.76861 3.47379 3.65964 3.41826C3.51851 3.34636 3.40378 3.23162 3.33187 3.0905C3.27635 2.98153 3.26113 2.87753 3.25519 2.80492C3.25008 2.74226 3.2501 2.67113 3.25013 2.61158V1.38844C3.2501 1.32888 3.25008 1.25775 3.25519 1.19509C3.26113 1.12248 3.27635 1.01849 3.33187 0.909513C3.40378 0.768392 3.51851 0.653656 3.65964 0.581751C3.76861 0.526227 3.8726 0.511005 3.94521 0.505073C4.00787 0.499953 4.079 0.49998 4.13856 0.500003ZM9.11909 8.00004H2.88104L4.28066 6.83373C4.45657 6.68745 4.61158 6.55855 4.72675 6.39491C4.82784 6.25125 4.90292 6.09096 4.94856 5.92133C5.00054 5.7281 5.00033 5.52649 5.0001 5.29771L5.00006 3.50001H7.00006L7.00003 5.29771C6.99979 5.52649 6.99958 5.7281 7.05157 5.92133C7.09721 6.09096 7.17229 6.25125 7.27338 6.39491C7.38855 6.55855 7.54356 6.68745 7.71947 6.83373L9.11909 8.00004Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Beaker02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
index 45ccc843b8..5a2ecf68dc 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Beaker02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Beaker02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/BubbleText.json b/web/app/components/base/icons/src/vender/solid/education/BubbleText.json
index e1b4b54fd2..70b7ffb3d8 100644
--- a/web/app/components/base/icons/src/vender/solid/education/BubbleText.json
+++ b/web/app/components/base/icons/src/vender/solid/education/BubbleText.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "bubble-text"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M2 9C2 5.68629 4.68629 3 8 3H16C19.3137 3 22 5.68629 22 9V15C22 18.3137 19.3137 21 16 21H3C2.44772 21 2 20.5523 2 20V9ZM9 9C8.44772 9 8 9.44772 8 10C8 10.5523 8.44772 11 9 11H15C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9H9ZM9 13C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H12C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13H9Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "BubbleText"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "bubble-text"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M2 9C2 5.68629 4.68629 3 8 3H16C19.3137 3 22 5.68629 22 9V15C22 18.3137 19.3137 21 16 21H3C2.44772 21 2 20.5523 2 20V9ZM9 9C8.44772 9 8 9.44772 8 10C8 10.5523 8.44772 11 9 11H15C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9H9ZM9 13C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H12C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13H9Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "BubbleText"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx b/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
index 6ce256babd..7181fbc5f5 100644
--- a/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './BubbleText.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './BubbleText.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/Heart02.json b/web/app/components/base/icons/src/vender/solid/education/Heart02.json
index 58ffe0c6f7..c9836fd1de 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Heart02.json
+++ b/web/app/components/base/icons/src/vender/solid/education/Heart02.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M12.5836 3.8721C12.3615 3.99329 12.1665 4.11496 12 4.22818C11.8335 4.11496 11.6385 3.99329 11.4164 3.8721C10.6185 3.4369 9.45449 3 8 3C6.48169 3 4.96498 3.60857 3.83296 4.81606C2.69616 6.02865 2 7.78592 2 10C2 13.3448 4.37277 16.1023 6.58187 17.9272C7.71336 18.8619 8.86688 19.6065 9.7917 20.1203C10.2539 20.377 10.6687 20.5816 11.004 20.7253C11.1707 20.7967 11.3289 20.858 11.4705 20.9033C11.5784 20.9378 11.7841 21 12 21C12.2159 21 12.4216 20.9378 12.5295 20.9033C12.6711 20.858 12.8293 20.7967 12.996 20.7253C13.3313 20.5816 13.7461 20.377 14.2083 20.1203C15.1331 19.6065 16.2866 18.8619 17.4181 17.9272C19.6272 16.1023 22 13.3448 22 10C22 7.78592 21.3038 6.02865 20.167 4.81606C19.035 3.60857 17.5183 3 16 3C14.5455 3 13.3815 3.4369 12.5836 3.8721Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Heart02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M12.5836 3.8721C12.3615 3.99329 12.1665 4.11496 12 4.22818C11.8335 4.11496 11.6385 3.99329 11.4164 3.8721C10.6185 3.4369 9.45449 3 8 3C6.48169 3 4.96498 3.60857 3.83296 4.81606C2.69616 6.02865 2 7.78592 2 10C2 13.3448 4.37277 16.1023 6.58187 17.9272C7.71336 18.8619 8.86688 19.6065 9.7917 20.1203C10.2539 20.377 10.6687 20.5816 11.004 20.7253C11.1707 20.7967 11.3289 20.858 11.4705 20.9033C11.5784 20.9378 11.7841 21 12 21C12.2159 21 12.4216 20.9378 12.5295 20.9033C12.6711 20.858 12.8293 20.7967 12.996 20.7253C13.3313 20.5816 13.7461 20.377 14.2083 20.1203C15.1331 19.6065 16.2866 18.8619 17.4181 17.9272C19.6272 16.1023 22 13.3448 22 10C22 7.78592 21.3038 6.02865 20.167 4.81606C19.035 3.60857 17.5183 3 16 3C14.5455 3 13.3815 3.4369 12.5836 3.8721Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Heart02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx b/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
index 7eb509a3d8..fbbf0fe8e7 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Heart02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Heart02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/Unblur.json b/web/app/components/base/icons/src/vender/solid/education/Unblur.json
index 33c43170fe..1833b7476d 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Unblur.json
+++ b/web/app/components/base/icons/src/vender/solid/education/Unblur.json
@@ -1,152 +1,152 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "unblur"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.5 6.25C9.5 6.80228 9.05228 7.25 8.5 7.25C7.94772 7.25 7.5 6.80228 7.5 6.25C7.5 5.69772 7.94772 5.25 8.5 5.25C9.05228 5.25 9.5 5.69772 9.5 6.25Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6 6.25C6 6.80228 5.55228 7.25 5 7.25C4.44772 7.25 4 6.80228 4 6.25C4 5.69772 4.44772 5.25 5 5.25C5.55228 5.25 6 5.69772 6 6.25Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.5 17.75C9.5 18.3023 9.05228 18.75 8.5 18.75C7.94772 18.75 7.5 18.3023 7.5 17.75C7.5 17.1977 7.94772 16.75 8.5 16.75C9.05228 16.75 9.5 17.1977 9.5 17.75Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.25 3.25C9.25 3.66421 8.91421 4 8.5 4C8.08579 4 7.75 3.66421 7.75 3.25C7.75 2.83579 8.08579 2.5 8.5 2.5C8.91421 2.5 9.25 2.83579 9.25 3.25Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3 10C3 10.4142 2.66421 10.75 2.25 10.75C1.83579 10.75 1.5 10.4142 1.5 10C1.5 9.58579 1.83579 9.25 2.25 9.25C2.66421 9.25 3 9.58579 3 10Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3 14C3 14.4142 2.66421 14.75 2.25 14.75C1.83579 14.75 1.5 14.4142 1.5 14C1.5 13.5858 1.83579 13.25 2.25 13.25C2.66421 13.25 3 13.5858 3 14Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.25 20.75C9.25 21.1642 8.91421 21.5 8.5 21.5C8.08579 21.5 7.75 21.1642 7.75 20.75C7.75 20.3358 8.08579 20 8.5 20C8.91421 20 9.25 20.3358 9.25 20.75Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M10 10C10 10.8284 9.32843 11.5 8.5 11.5C7.67157 11.5 7 10.8284 7 10C7 9.17157 7.67157 8.5 8.5 8.5C9.32843 8.5 10 9.17157 10 10Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M10 14C10 14.8284 9.32843 15.5 8.5 15.5C7.67157 15.5 7 14.8284 7 14C7 13.1716 7.67157 12.5 8.5 12.5C9.32843 12.5 10 13.1716 10 14Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6 10C6 10.5523 5.55228 11 5 11C4.44772 11 4 10.5523 4 10C4 9.44772 4.44772 9 5 9C5.55228 9 6 9.44772 6 10Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6 14C6 14.5523 5.55228 15 5 15C4.44772 15 4 14.5523 4 14C4 13.4477 4.44772 13 5 13C5.55228 13 6 13.4477 6 14Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M6 17.75C6 18.3023 5.55228 18.75 5 18.75C4.44772 18.75 4 18.3023 4 17.75C4 17.1977 4.44772 16.75 5 16.75C5.55228 16.75 6 17.1977 6 17.75Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12 2C11.4477 2 11 2.44772 11 3V21C11 21.5523 11.4477 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Unblur"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "unblur"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.5 6.25C9.5 6.80228 9.05228 7.25 8.5 7.25C7.94772 7.25 7.5 6.80228 7.5 6.25C7.5 5.69772 7.94772 5.25 8.5 5.25C9.05228 5.25 9.5 5.69772 9.5 6.25Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6 6.25C6 6.80228 5.55228 7.25 5 7.25C4.44772 7.25 4 6.80228 4 6.25C4 5.69772 4.44772 5.25 5 5.25C5.55228 5.25 6 5.69772 6 6.25Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.5 17.75C9.5 18.3023 9.05228 18.75 8.5 18.75C7.94772 18.75 7.5 18.3023 7.5 17.75C7.5 17.1977 7.94772 16.75 8.5 16.75C9.05228 16.75 9.5 17.1977 9.5 17.75Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.25 3.25C9.25 3.66421 8.91421 4 8.5 4C8.08579 4 7.75 3.66421 7.75 3.25C7.75 2.83579 8.08579 2.5 8.5 2.5C8.91421 2.5 9.25 2.83579 9.25 3.25Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3 10C3 10.4142 2.66421 10.75 2.25 10.75C1.83579 10.75 1.5 10.4142 1.5 10C1.5 9.58579 1.83579 9.25 2.25 9.25C2.66421 9.25 3 9.58579 3 10Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3 14C3 14.4142 2.66421 14.75 2.25 14.75C1.83579 14.75 1.5 14.4142 1.5 14C1.5 13.5858 1.83579 13.25 2.25 13.25C2.66421 13.25 3 13.5858 3 14Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.25 20.75C9.25 21.1642 8.91421 21.5 8.5 21.5C8.08579 21.5 7.75 21.1642 7.75 20.75C7.75 20.3358 8.08579 20 8.5 20C8.91421 20 9.25 20.3358 9.25 20.75Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M10 10C10 10.8284 9.32843 11.5 8.5 11.5C7.67157 11.5 7 10.8284 7 10C7 9.17157 7.67157 8.5 8.5 8.5C9.32843 8.5 10 9.17157 10 10Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M10 14C10 14.8284 9.32843 15.5 8.5 15.5C7.67157 15.5 7 14.8284 7 14C7 13.1716 7.67157 12.5 8.5 12.5C9.32843 12.5 10 13.1716 10 14Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6 10C6 10.5523 5.55228 11 5 11C4.44772 11 4 10.5523 4 10C4 9.44772 4.44772 9 5 9C5.55228 9 6 9.44772 6 10Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6 14C6 14.5523 5.55228 15 5 15C4.44772 15 4 14.5523 4 14C4 13.4477 4.44772 13 5 13C5.55228 13 6 13.4477 6 14Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M6 17.75C6 18.3023 5.55228 18.75 5 18.75C4.44772 18.75 4 18.3023 4 17.75C4 17.1977 4.44772 16.75 5 16.75C5.55228 16.75 6 17.1977 6 17.75Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12 2C11.4477 2 11 2.44772 11 3V21C11 21.5523 11.4477 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Unblur"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx b/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
index 96b718fff9..9db06af4df 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Unblur.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Unblur.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/File05.json b/web/app/components/base/icons/src/vender/solid/files/File05.json
index ead7649bcf..210a5e7d65 100644
--- a/web/app/components/base/icons/src/vender/solid/files/File05.json
+++ b/web/app/components/base/icons/src/vender/solid/files/File05.json
@@ -1,55 +1,55 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-05"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M8.66667 1.34356C8.66667 1.32602 8.66667 1.31725 8.66591 1.30135C8.65018 0.972168 8.3607 0.682824 8.03151 0.667251C8.01562 0.666499 8.0104 0.666501 8.00001 0.666504H5.8391C5.30248 0.666497 4.85957 0.666491 4.49878 0.695968C4.12405 0.726585 3.77958 0.792295 3.45603 0.957155C2.95426 1.21282 2.54631 1.62077 2.29065 2.12253C2.12579 2.44609 2.06008 2.79056 2.02946 3.16529C1.99999 3.52608 1.99999 3.96899 2 4.50562V11.494C1.99999 12.0307 1.99999 12.4736 2.02946 12.8344C2.06008 13.2091 2.12579 13.5536 2.29065 13.8771C2.54631 14.3789 2.95426 14.7869 3.45603 15.0425C3.77958 15.2074 4.12405 15.2731 4.49878 15.3037C4.85958 15.3332 5.30248 15.3332 5.83912 15.3332H10.1609C10.6975 15.3332 11.1404 15.3332 11.5012 15.3037C11.8759 15.2731 12.2204 15.2074 12.544 15.0425C13.0457 14.7869 13.4537 14.3789 13.7093 13.8771C13.8742 13.5536 13.9399 13.2091 13.9705 12.8344C14 12.4736 14 12.0307 14 11.4941V6.66646C14 6.65611 14 6.65093 13.9993 6.63505C13.9837 6.30583 13.6943 6.01631 13.3651 6.0006C13.3492 5.99985 13.3405 5.99985 13.323 5.99985L10.3787 5.99985C10.2105 5.99987 10.0466 5.99989 9.90785 5.98855C9.75545 5.9761 9.57563 5.94672 9.39468 5.85452C9.1438 5.72669 8.93983 5.52272 8.81199 5.27183C8.7198 5.09088 8.69042 4.91106 8.67797 4.75867C8.66663 4.61989 8.66665 4.45603 8.66667 4.28778L8.66667 1.34356ZM5.33333 8.6665C4.96514 8.6665 4.66667 8.96498 4.66667 9.33317C4.66667 9.70136 4.96514 9.99984 5.33333 9.99984H10.6667C11.0349 9.99984 11.3333 9.70136 11.3333 9.33317C11.3333 8.96498 11.0349 8.6665 10.6667 8.6665H5.33333ZM5.33333 11.3332C4.96514 11.3332 4.66667 11.6316 4.66667 11.9998C4.66667 12.368 4.96514 12.6665 5.33333 12.6665H9.33333C9.70152 12.6665 10 12.368 10 11.9998C10 11.6316 9.70152 11.3332 9.33333 11.3332H5.33333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.6053 4.6665C12.8011 4.6665 12.8989 4.6665 12.9791 4.61735C13.0923 4.54794 13.16 4.3844 13.129 4.25526C13.107 4.16382 13.0432 4.10006 12.9155 3.97253L10.694 1.75098C10.5664 1.62333 10.5027 1.5595 10.4112 1.53752C10.2821 1.50648 10.1186 1.57417 10.0492 1.6874C10 1.76757 10 1.86545 10 2.0612L10 4.13315C10 4.31982 10 4.41316 10.0363 4.48446C10.0683 4.54718 10.1193 4.59818 10.182 4.63014C10.2533 4.66647 10.3466 4.66647 10.5333 4.66647L12.6053 4.6665Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "File05"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-05"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M8.66667 1.34356C8.66667 1.32602 8.66667 1.31725 8.66591 1.30135C8.65018 0.972168 8.3607 0.682824 8.03151 0.667251C8.01562 0.666499 8.0104 0.666501 8.00001 0.666504H5.8391C5.30248 0.666497 4.85957 0.666491 4.49878 0.695968C4.12405 0.726585 3.77958 0.792295 3.45603 0.957155C2.95426 1.21282 2.54631 1.62077 2.29065 2.12253C2.12579 2.44609 2.06008 2.79056 2.02946 3.16529C1.99999 3.52608 1.99999 3.96899 2 4.50562V11.494C1.99999 12.0307 1.99999 12.4736 2.02946 12.8344C2.06008 13.2091 2.12579 13.5536 2.29065 13.8771C2.54631 14.3789 2.95426 14.7869 3.45603 15.0425C3.77958 15.2074 4.12405 15.2731 4.49878 15.3037C4.85958 15.3332 5.30248 15.3332 5.83912 15.3332H10.1609C10.6975 15.3332 11.1404 15.3332 11.5012 15.3037C11.8759 15.2731 12.2204 15.2074 12.544 15.0425C13.0457 14.7869 13.4537 14.3789 13.7093 13.8771C13.8742 13.5536 13.9399 13.2091 13.9705 12.8344C14 12.4736 14 12.0307 14 11.4941V6.66646C14 6.65611 14 6.65093 13.9993 6.63505C13.9837 6.30583 13.6943 6.01631 13.3651 6.0006C13.3492 5.99985 13.3405 5.99985 13.323 5.99985L10.3787 5.99985C10.2105 5.99987 10.0466 5.99989 9.90785 5.98855C9.75545 5.9761 9.57563 5.94672 9.39468 5.85452C9.1438 5.72669 8.93983 5.52272 8.81199 5.27183C8.7198 5.09088 8.69042 4.91106 8.67797 4.75867C8.66663 4.61989 8.66665 4.45603 8.66667 4.28778L8.66667 1.34356ZM5.33333 8.6665C4.96514 8.6665 4.66667 8.96498 4.66667 9.33317C4.66667 9.70136 4.96514 9.99984 5.33333 9.99984H10.6667C11.0349 9.99984 11.3333 9.70136 11.3333 9.33317C11.3333 8.96498 11.0349 8.6665 10.6667 8.6665H5.33333ZM5.33333 11.3332C4.96514 11.3332 4.66667 11.6316 4.66667 11.9998C4.66667 12.368 4.96514 12.6665 5.33333 12.6665H9.33333C9.70152 12.6665 10 12.368 10 11.9998C10 11.6316 9.70152 11.3332 9.33333 11.3332H5.33333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.6053 4.6665C12.8011 4.6665 12.8989 4.6665 12.9791 4.61735C13.0923 4.54794 13.16 4.3844 13.129 4.25526C13.107 4.16382 13.0432 4.10006 12.9155 3.97253L10.694 1.75098C10.5664 1.62333 10.5027 1.5595 10.4112 1.53752C10.2821 1.50648 10.1186 1.57417 10.0492 1.6874C10 1.76757 10 1.86545 10 2.0612L10 4.13315C10 4.31982 10 4.41316 10.0363 4.48446C10.0683 4.54718 10.1193 4.59818 10.182 4.63014C10.2533 4.66647 10.3466 4.66647 10.5333 4.66647L12.6053 4.6665Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "File05"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/files/File05.tsx b/web/app/components/base/icons/src/vender/solid/files/File05.tsx
index 0bdeb6f6af..5775bfb830 100644
--- a/web/app/components/base/icons/src/vender/solid/files/File05.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/File05.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './File05.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './File05.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.json b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.json
index e1decb16ac..c5e3223af8 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.json
+++ b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.json
@@ -1,57 +1,57 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "file-search-02"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M10.1609 0.666748H5.83913C5.3025 0.66674 4.85958 0.666734 4.49878 0.696212C4.12405 0.726828 3.77958 0.792538 3.45603 0.957399C2.95426 1.21306 2.54631 1.62101 2.29065 2.12277C2.12579 2.44633 2.06008 2.7908 2.02946 3.16553C1.99999 3.52632 1.99999 3.96924 2 4.50587V11.4943C1.99999 12.0309 1.99999 12.4738 2.02946 12.8346C2.06008 13.2094 2.12579 13.5538 2.29065 13.8774C2.54631 14.3792 2.95426 14.7871 3.45603 15.0428C3.77958 15.2076 4.12405 15.2733 4.49878 15.304C4.85958 15.3334 5.30248 15.3334 5.83912 15.3334H7.75554C8.22798 15.3334 8.4642 15.3334 8.55219 15.2689C8.64172 15.2033 8.67645 15.1421 8.68693 15.0316C8.69724 14.9229 8.55693 14.6879 8.27632 14.2177C7.88913 13.5689 7.66667 12.8105 7.66667 12.0001C7.66667 9.60685 9.60677 7.66675 12 7.66675C12.4106 7.66675 12.8078 7.72385 13.1842 7.83055C13.5061 7.92177 13.667 7.96739 13.7581 7.94138C13.847 7.91602 13.9015 7.87486 13.9501 7.79623C14 7.71563 14 7.56892 14 7.27549V4.50587C14 3.96923 14 3.52633 13.9705 3.16553C13.9399 2.7908 13.8742 2.44633 13.7093 2.12277C13.4537 1.62101 13.0457 1.21306 12.544 0.957399C12.2204 0.792538 11.8759 0.726828 11.5012 0.696212C11.1404 0.666734 10.6975 0.66674 10.1609 0.666748ZM4.66667 3.33342C4.29848 3.33342 4 3.63189 4 4.00008C4 4.36827 4.29848 4.66675 4.66667 4.66675H10.6667C11.0349 4.66675 11.3333 4.36827 11.3333 4.00008C11.3333 3.63189 11.0349 3.33342 10.6667 3.33342H4.66667ZM4 6.66675C4 6.29856 4.29848 6.00008 4.66667 6.00008H8.66667C9.03486 6.00008 9.33333 6.29856 9.33333 6.66675C9.33333 7.03494 9.03486 7.33342 8.66667 7.33342H4.66667C4.29848 7.33342 4 7.03494 4 6.66675ZM4 9.33342C4 8.96523 4.29848 8.66675 4.66667 8.66675H6C6.36819 8.66675 6.66667 8.96523 6.66667 9.33342C6.66667 9.7016 6.36819 10.0001 6 10.0001H4.66667C4.29848 10.0001 4 9.7016 4 9.33342Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9 12.0001C9 10.3432 10.3431 9.00008 12 9.00008C13.6569 9.00008 15 10.3432 15 12.0001C15 12.5871 14.8314 13.1348 14.54 13.5972L15.1381 14.1953C15.3984 14.4557 15.3984 14.8778 15.1381 15.1382C14.8777 15.3985 14.4556 15.3985 14.1953 15.1382L13.5972 14.54C13.1347 14.8315 12.587 15.0001 12 15.0001C10.3431 15.0001 9 13.6569 9 12.0001ZM12 10.3334C11.0795 10.3334 10.3333 11.0796 10.3333 12.0001C10.3333 12.9206 11.0795 13.6667 12 13.6667C12.9205 13.6667 13.6667 12.9206 13.6667 12.0001C13.6667 11.0796 12.9205 10.3334 12 10.3334Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "FileSearch02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "file-search-02"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M10.1609 0.666748H5.83913C5.3025 0.66674 4.85958 0.666734 4.49878 0.696212C4.12405 0.726828 3.77958 0.792538 3.45603 0.957399C2.95426 1.21306 2.54631 1.62101 2.29065 2.12277C2.12579 2.44633 2.06008 2.7908 2.02946 3.16553C1.99999 3.52632 1.99999 3.96924 2 4.50587V11.4943C1.99999 12.0309 1.99999 12.4738 2.02946 12.8346C2.06008 13.2094 2.12579 13.5538 2.29065 13.8774C2.54631 14.3792 2.95426 14.7871 3.45603 15.0428C3.77958 15.2076 4.12405 15.2733 4.49878 15.304C4.85958 15.3334 5.30248 15.3334 5.83912 15.3334H7.75554C8.22798 15.3334 8.4642 15.3334 8.55219 15.2689C8.64172 15.2033 8.67645 15.1421 8.68693 15.0316C8.69724 14.9229 8.55693 14.6879 8.27632 14.2177C7.88913 13.5689 7.66667 12.8105 7.66667 12.0001C7.66667 9.60685 9.60677 7.66675 12 7.66675C12.4106 7.66675 12.8078 7.72385 13.1842 7.83055C13.5061 7.92177 13.667 7.96739 13.7581 7.94138C13.847 7.91602 13.9015 7.87486 13.9501 7.79623C14 7.71563 14 7.56892 14 7.27549V4.50587C14 3.96923 14 3.52633 13.9705 3.16553C13.9399 2.7908 13.8742 2.44633 13.7093 2.12277C13.4537 1.62101 13.0457 1.21306 12.544 0.957399C12.2204 0.792538 11.8759 0.726828 11.5012 0.696212C11.1404 0.666734 10.6975 0.66674 10.1609 0.666748ZM4.66667 3.33342C4.29848 3.33342 4 3.63189 4 4.00008C4 4.36827 4.29848 4.66675 4.66667 4.66675H10.6667C11.0349 4.66675 11.3333 4.36827 11.3333 4.00008C11.3333 3.63189 11.0349 3.33342 10.6667 3.33342H4.66667ZM4 6.66675C4 6.29856 4.29848 6.00008 4.66667 6.00008H8.66667C9.03486 6.00008 9.33333 6.29856 9.33333 6.66675C9.33333 7.03494 9.03486 7.33342 8.66667 7.33342H4.66667C4.29848 7.33342 4 7.03494 4 6.66675ZM4 9.33342C4 8.96523 4.29848 8.66675 4.66667 8.66675H6C6.36819 8.66675 6.66667 8.96523 6.66667 9.33342C6.66667 9.7016 6.36819 10.0001 6 10.0001H4.66667C4.29848 10.0001 4 9.7016 4 9.33342Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9 12.0001C9 10.3432 10.3431 9.00008 12 9.00008C13.6569 9.00008 15 10.3432 15 12.0001C15 12.5871 14.8314 13.1348 14.54 13.5972L15.1381 14.1953C15.3984 14.4557 15.3984 14.8778 15.1381 15.1382C14.8777 15.3985 14.4556 15.3985 14.1953 15.1382L13.5972 14.54C13.1347 14.8315 12.587 15.0001 12 15.0001C10.3431 15.0001 9 13.6569 9 12.0001ZM12 10.3334C11.0795 10.3334 10.3333 11.0796 10.3333 12.0001C10.3333 12.9206 11.0795 13.6667 12 13.6667C12.9205 13.6667 13.6667 12.9206 13.6667 12.0001C13.6667 11.0796 12.9205 10.3334 12 10.3334Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileSearch02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
index d48d779ed4..8ec1260a03 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileSearch02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileSearch02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileZip.json b/web/app/components/base/icons/src/vender/solid/files/FileZip.json
index 3d58745fa8..ed466694d1 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileZip.json
+++ b/web/app/components/base/icons/src/vender/solid/files/FileZip.json
@@ -1,47 +1,47 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M3.99999 1.33325H7.99999V5.33325C7.99999 6.06963 8.59692 6.66659 9.33332 6.66659H13.3333V13.3333C13.3333 14.0697 12.7364 14.6666 12 14.6666H6.66666V13.3333H7.99999V11.9999H6.66666V10.6666H7.99999V9.33325H6.66666V7.99992H5.33332V9.33325H6.66666V10.6666H5.33332V11.9999H6.66666V13.3333H5.33332V14.6666H3.99999C3.26361 14.6666 2.66666 14.0697 2.66666 13.3333V2.66659C2.66666 1.93021 3.26361 1.33325 3.99999 1.33325Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"opacity": "0.5",
-							"d": "M12.9428 4.99993C13.0415 5.09868 13.1232 5.21133 13.1859 5.33327H9.33334V1.48071C9.45528 1.54338 9.56794 1.62504 9.66668 1.72379L12.9428 4.99993Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "FileZip"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M3.99999 1.33325H7.99999V5.33325C7.99999 6.06963 8.59692 6.66659 9.33332 6.66659H13.3333V13.3333C13.3333 14.0697 12.7364 14.6666 12 14.6666H6.66666V13.3333H7.99999V11.9999H6.66666V10.6666H7.99999V9.33325H6.66666V7.99992H5.33332V9.33325H6.66666V10.6666H5.33332V11.9999H6.66666V13.3333H5.33332V14.6666H3.99999C3.26361 14.6666 2.66666 14.0697 2.66666 13.3333V2.66659C2.66666 1.93021 3.26361 1.33325 3.99999 1.33325Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "opacity": "0.5",
+              "d": "M12.9428 4.99993C13.0415 5.09868 13.1232 5.21133 13.1859 5.33327H9.33334V1.48071C9.45528 1.54338 9.56794 1.62504 9.66668 1.72379L12.9428 4.99993Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "FileZip"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx b/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
index c63b59e53d..b404e72130 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './FileZip.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileZip.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/Folder.json b/web/app/components/base/icons/src/vender/solid/files/Folder.json
index 50c483bc92..c6f7c50fed 100644
--- a/web/app/components/base/icons/src/vender/solid/files/Folder.json
+++ b/web/app/components/base/icons/src/vender/solid/files/Folder.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M0.666993 4.10794C0.666981 3.75652 0.666972 3.45333 0.687374 3.20362C0.708908 2.94006 0.756452 2.67791 0.884981 2.42566C1.07673 2.04933 1.38269 1.74337 1.75901 1.55163C2.01127 1.4231 2.27341 1.37555 2.53698 1.35402C2.78669 1.33362 3.08986 1.33363 3.4413 1.33364L6.0981 1.33357C6.4938 1.33304 6.84179 1.33258 7.16176 1.44295C7.44201 1.53961 7.69726 1.69737 7.90905 1.9048C8.15086 2.14164 8.30607 2.45309 8.48257 2.80725L9.07895 4.00016H11.4945C12.0312 4.00015 12.4741 4.00015 12.8349 4.02963C13.2096 4.06024 13.5541 4.12595 13.8776 4.29081C14.3794 4.54648 14.7873 4.95442 15.043 5.45619C15.2079 5.77975 15.2736 6.12421 15.3042 6.49895C15.3337 6.85974 15.3337 7.30264 15.3337 7.83928V10.8277C15.3337 11.3644 15.3337 11.8073 15.3042 12.168C15.2736 12.5428 15.2079 12.8872 15.043 13.2108C14.7873 13.7126 14.3794 14.1205 13.8776 14.3762C13.5541 14.541 13.2096 14.6068 12.8349 14.6374C12.4741 14.6668 12.0312 14.6668 11.4945 14.6668H4.50614C3.9695 14.6668 3.52657 14.6668 3.16578 14.6374C2.79104 14.6068 2.44658 14.541 2.12302 14.3762C1.62125 14.1205 1.2133 13.7126 0.957643 13.2108C0.792782 12.8872 0.727073 12.5428 0.696456 12.168C0.666978 11.8073 0.666985 11.3643 0.666993 10.8277V4.10794ZM6.01519 2.66697C6.54213 2.66697 6.64658 2.67567 6.727 2.70341C6.82041 2.73563 6.9055 2.78822 6.97609 2.85736C7.03687 2.91688 7.09136 3.00642 7.32701 3.47773L7.58823 4.00016L2.00038 4.00016C2.00067 3.69017 2.00271 3.47827 2.01628 3.3122C2.03108 3.13109 2.05619 3.06394 2.07299 3.03098C2.13691 2.90554 2.23889 2.80355 2.36433 2.73964C2.3973 2.72284 2.46444 2.69772 2.64555 2.68292C2.83444 2.66749 3.08263 2.66697 3.46699 2.66697H6.01519Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Folder"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M0.666993 4.10794C0.666981 3.75652 0.666972 3.45333 0.687374 3.20362C0.708908 2.94006 0.756452 2.67791 0.884981 2.42566C1.07673 2.04933 1.38269 1.74337 1.75901 1.55163C2.01127 1.4231 2.27341 1.37555 2.53698 1.35402C2.78669 1.33362 3.08986 1.33363 3.4413 1.33364L6.0981 1.33357C6.4938 1.33304 6.84179 1.33258 7.16176 1.44295C7.44201 1.53961 7.69726 1.69737 7.90905 1.9048C8.15086 2.14164 8.30607 2.45309 8.48257 2.80725L9.07895 4.00016H11.4945C12.0312 4.00015 12.4741 4.00015 12.8349 4.02963C13.2096 4.06024 13.5541 4.12595 13.8776 4.29081C14.3794 4.54648 14.7873 4.95442 15.043 5.45619C15.2079 5.77975 15.2736 6.12421 15.3042 6.49895C15.3337 6.85974 15.3337 7.30264 15.3337 7.83928V10.8277C15.3337 11.3644 15.3337 11.8073 15.3042 12.168C15.2736 12.5428 15.2079 12.8872 15.043 13.2108C14.7873 13.7126 14.3794 14.1205 13.8776 14.3762C13.5541 14.541 13.2096 14.6068 12.8349 14.6374C12.4741 14.6668 12.0312 14.6668 11.4945 14.6668H4.50614C3.9695 14.6668 3.52657 14.6668 3.16578 14.6374C2.79104 14.6068 2.44658 14.541 2.12302 14.3762C1.62125 14.1205 1.2133 13.7126 0.957643 13.2108C0.792782 12.8872 0.727073 12.5428 0.696456 12.168C0.666978 11.8073 0.666985 11.3643 0.666993 10.8277V4.10794ZM6.01519 2.66697C6.54213 2.66697 6.64658 2.67567 6.727 2.70341C6.82041 2.73563 6.9055 2.78822 6.97609 2.85736C7.03687 2.91688 7.09136 3.00642 7.32701 3.47773L7.58823 4.00016L2.00038 4.00016C2.00067 3.69017 2.00271 3.47827 2.01628 3.3122C2.03108 3.13109 2.05619 3.06394 2.07299 3.03098C2.13691 2.90554 2.23889 2.80355 2.36433 2.73964C2.3973 2.72284 2.46444 2.69772 2.64555 2.68292C2.83444 2.66749 3.08263 2.66697 3.46699 2.66697H6.01519Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Folder"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/files/Folder.tsx b/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
index c5c3ea5b72..5d656dee61 100644
--- a/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Folder.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Folder.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.json b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.json
index 030e1efedf..f5312cf177 100644
--- a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.json
+++ b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "8",
-			"height": "12",
-			"viewBox": "0 0 8 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Rectangle 1",
-					"d": "M1.03647 1.5547C0.59343 0.890144 1.06982 0 1.86852 0H8V12L1.03647 1.5547Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "AnswerTriangle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "8",
+      "height": "12",
+      "viewBox": "0 0 8 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Rectangle 1",
+          "d": "M1.03647 1.5547C0.59343 0.890144 1.06982 0 1.86852 0H8V12L1.03647 1.5547Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "AnswerTriangle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
index 638d05e142..bb7d8dafb7 100644
--- a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AnswerTriangle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AnswerTriangle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.json b/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.json
index 8367c942cb..422a2efd43 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.json
+++ b/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "arrow-down-round-fill"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M6.02913 6.23572C5.08582 6.23572 4.56482 7.33027 5.15967 8.06239L7.13093 10.4885C7.57922 11.0403 8.42149 11.0403 8.86986 10.4885L10.8411 8.06239C11.4359 7.33027 10.9149 6.23572 9.97158 6.23572H6.02913Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ArrowDownRoundFill"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "arrow-down-round-fill"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M6.02913 6.23572C5.08582 6.23572 4.56482 7.33027 5.15967 8.06239L7.13093 10.4885C7.57922 11.0403 8.42149 11.0403 8.86986 10.4885L10.8411 8.06239C11.4359 7.33027 10.9149 6.23572 9.97158 6.23572H6.02913Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ArrowDownRoundFill"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.tsx b/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.tsx
index 24a1ea53fd..27c0012012 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/ArrowDownRoundFill.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ArrowDownRoundFill.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ArrowDownRoundFill.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.json b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.json
index 403a5fe1c4..5d8e29dc4f 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.json
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "check-circle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8 0.666626C3.94992 0.666626 0.666672 3.94987 0.666672 7.99996C0.666672 12.05 3.94992 15.3333 8 15.3333C12.0501 15.3333 15.3333 12.05 15.3333 7.99996C15.3333 3.94987 12.0501 0.666626 8 0.666626ZM11.4714 6.47136C11.7318 6.21101 11.7318 5.7889 11.4714 5.52855C11.2111 5.26821 10.7889 5.26821 10.5286 5.52855L7 9.05715L5.47141 7.52855C5.21106 7.2682 4.78895 7.2682 4.5286 7.52855C4.26825 7.7889 4.26825 8.21101 4.5286 8.47136L6.5286 10.4714C6.78895 10.7317 7.21106 10.7317 7.47141 10.4714L11.4714 6.47136Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "CheckCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "check-circle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8 0.666626C3.94992 0.666626 0.666672 3.94987 0.666672 7.99996C0.666672 12.05 3.94992 15.3333 8 15.3333C12.0501 15.3333 15.3333 12.05 15.3333 7.99996C15.3333 3.94987 12.0501 0.666626 8 0.666626ZM11.4714 6.47136C11.7318 6.21101 11.7318 5.7889 11.4714 5.52855C11.2111 5.26821 10.7889 5.26821 10.5286 5.52855L7 9.05715L5.47141 7.52855C5.21106 7.2682 4.78895 7.2682 4.5286 7.52855C4.26825 7.7889 4.26825 8.21101 4.5286 8.47136L6.5286 10.4714C6.78895 10.7317 7.21106 10.7317 7.47141 10.4714L11.4714 6.47136Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "CheckCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
index 9dc2a482cb..cf4d1c6eda 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CheckCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CheckCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.json b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.json
index 57a48650f1..9f76b35e04 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.json
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M12.8385 7H5.16146C4.63433 6.99998 4.17954 6.99997 3.80497 7.03057C3.40963 7.06287 3.01641 7.13419 2.63803 7.32698C2.07354 7.6146 1.6146 8.07354 1.32698 8.63803C1.13419 9.01641 1.06287 9.40963 1.03057 9.80497C0.999969 10.1795 0.999984 10.6343 1 11.1614V18.8385C0.999984 19.3657 0.999969 19.8205 1.03057 20.195C1.06287 20.5904 1.13419 20.9836 1.32698 21.362C1.6146 21.9265 2.07354 22.3854 2.63803 22.673C3.01641 22.8658 3.40963 22.9371 3.80497 22.9694C4.17952 23 4.63425 23 5.16136 23H12.8385C13.3656 23 13.8205 23 14.195 22.9694C14.5904 22.9371 14.9836 22.8658 15.362 22.673C15.9265 22.3854 16.3854 21.9265 16.673 21.362C16.8658 20.9836 16.9371 20.5904 16.9694 20.195C17 19.8205 17 19.3657 17 18.8385V11.1615C17 10.6343 17 10.1796 16.9694 9.80497C16.9371 9.40963 16.8658 9.01641 16.673 8.63803C16.3854 8.07354 15.9265 7.6146 15.362 7.32698C14.9836 7.13419 14.5904 7.06287 14.195 7.03057C13.8205 6.99997 13.3657 6.99998 12.8385 7ZM13.2071 13.2071C13.5976 12.8166 13.5976 12.1834 13.2071 11.7929C12.8166 11.4024 12.1834 11.4024 11.7929 11.7929L8 15.5858L6.70711 14.2929C6.31658 13.9024 5.68342 13.9024 5.29289 14.2929C4.90237 14.6834 4.90237 15.3166 5.29289 15.7071L7.29289 17.7071C7.68342 18.0976 8.31658 18.0976 8.70711 17.7071L13.2071 13.2071Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M18.8385 1H11.1615C10.6343 0.999984 10.1795 0.999969 9.80497 1.03057C9.40963 1.06287 9.01641 1.13419 8.63803 1.32698C8.07354 1.6146 7.6146 2.07354 7.32698 2.63803C7.13419 3.01641 7.06287 3.40963 7.03057 3.80497C7.00314 4.14076 7.00031 4.54098 7.00003 5.00003L12.8809 5.00001C13.3695 4.9999 13.8993 4.99977 14.3579 5.03724C14.8769 5.07964 15.5626 5.1846 16.2699 5.54499C17.2108 6.02436 17.9757 6.78926 18.455 7.73007C18.8154 8.43739 18.9204 9.12311 18.9628 9.64213C19.0003 10.1007 19.0001 10.6305 19 11.1192L19 17C19.459 16.9997 19.8593 16.9969 20.195 16.9694C20.5904 16.9371 20.9836 16.8658 21.362 16.673C21.9265 16.3854 22.3854 15.9265 22.673 15.362C22.8658 14.9836 22.9371 14.5904 22.9694 14.195C23 13.8205 23 13.3658 23 12.8386V5.16148C23 4.63437 23 4.17952 22.9694 3.80497C22.9371 3.40963 22.8658 3.01641 22.673 2.63803C22.3854 2.07354 21.9265 1.6146 21.362 1.32698C20.9836 1.13419 20.5904 1.06287 20.195 1.03057C19.8205 0.999969 19.3657 0.999984 18.8385 1Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "CheckDone01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M12.8385 7H5.16146C4.63433 6.99998 4.17954 6.99997 3.80497 7.03057C3.40963 7.06287 3.01641 7.13419 2.63803 7.32698C2.07354 7.6146 1.6146 8.07354 1.32698 8.63803C1.13419 9.01641 1.06287 9.40963 1.03057 9.80497C0.999969 10.1795 0.999984 10.6343 1 11.1614V18.8385C0.999984 19.3657 0.999969 19.8205 1.03057 20.195C1.06287 20.5904 1.13419 20.9836 1.32698 21.362C1.6146 21.9265 2.07354 22.3854 2.63803 22.673C3.01641 22.8658 3.40963 22.9371 3.80497 22.9694C4.17952 23 4.63425 23 5.16136 23H12.8385C13.3656 23 13.8205 23 14.195 22.9694C14.5904 22.9371 14.9836 22.8658 15.362 22.673C15.9265 22.3854 16.3854 21.9265 16.673 21.362C16.8658 20.9836 16.9371 20.5904 16.9694 20.195C17 19.8205 17 19.3657 17 18.8385V11.1615C17 10.6343 17 10.1796 16.9694 9.80497C16.9371 9.40963 16.8658 9.01641 16.673 8.63803C16.3854 8.07354 15.9265 7.6146 15.362 7.32698C14.9836 7.13419 14.5904 7.06287 14.195 7.03057C13.8205 6.99997 13.3657 6.99998 12.8385 7ZM13.2071 13.2071C13.5976 12.8166 13.5976 12.1834 13.2071 11.7929C12.8166 11.4024 12.1834 11.4024 11.7929 11.7929L8 15.5858L6.70711 14.2929C6.31658 13.9024 5.68342 13.9024 5.29289 14.2929C4.90237 14.6834 4.90237 15.3166 5.29289 15.7071L7.29289 17.7071C7.68342 18.0976 8.31658 18.0976 8.70711 17.7071L13.2071 13.2071Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M18.8385 1H11.1615C10.6343 0.999984 10.1795 0.999969 9.80497 1.03057C9.40963 1.06287 9.01641 1.13419 8.63803 1.32698C8.07354 1.6146 7.6146 2.07354 7.32698 2.63803C7.13419 3.01641 7.06287 3.40963 7.03057 3.80497C7.00314 4.14076 7.00031 4.54098 7.00003 5.00003L12.8809 5.00001C13.3695 4.9999 13.8993 4.99977 14.3579 5.03724C14.8769 5.07964 15.5626 5.1846 16.2699 5.54499C17.2108 6.02436 17.9757 6.78926 18.455 7.73007C18.8154 8.43739 18.9204 9.12311 18.9628 9.64213C19.0003 10.1007 19.0001 10.6305 19 11.1192L19 17C19.459 16.9997 19.8593 16.9969 20.195 16.9694C20.5904 16.9371 20.9836 16.8658 21.362 16.673C21.9265 16.3854 22.3854 15.9265 22.673 15.362C22.8658 14.9836 22.9371 14.5904 22.9694 14.195C23 13.8205 23 13.3658 23 12.8386V5.16148C23 4.63437 23 4.17952 22.9694 3.80497C22.9371 3.40963 22.8658 3.01641 22.673 2.63803C22.3854 2.07354 21.9265 1.6146 21.362 1.32698C20.9836 1.13419 20.5904 1.06287 20.195 1.03057C19.8205 0.999969 19.3657 0.999984 18.8385 1Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "CheckDone01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
index 0119a7d0a2..ef6536fa4f 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CheckDone01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CheckDone01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Download02.json b/web/app/components/base/icons/src/vender/solid/general/Download02.json
index 8afe46c93e..a91fb6d5b0 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Download02.json
+++ b/web/app/components/base/icons/src/vender/solid/general/Download02.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M21 21H3M18 11L12 17M12 17L6 11M12 17V3",
-					"stroke": "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Download02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M21 21H3M18 11L12 17M12 17L6 11M12 17V3",
+          "stroke": "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Download02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
index 38581e6586..2435f87c7a 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Download02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Download02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit03.json b/web/app/components/base/icons/src/vender/solid/general/Edit03.json
index ddf3a0d234..a5b0df1a7a 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit03.json
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit03.json
@@ -1,57 +1,57 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "edit-03"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.50004 10.0001C5.50004 9.72398 5.7239 9.50012 6.00004 9.50012H10.5C10.7762 9.50012 11 9.72398 11 10.0001C11 10.2763 10.7762 10.5001 10.5 10.5001H6.00004C5.7239 10.5001 5.50004 10.2763 5.50004 10.0001Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M7.89651 1.39656C8.50599 0.787085 9.49414 0.787084 10.1036 1.39656C10.7131 2.00604 10.7131 2.99419 10.1036 3.60367L3.82225 9.88504C3.81235 9.89494 3.80254 9.90476 3.79281 9.91451C3.64909 10.0585 3.52237 10.1855 3.3696 10.2791C3.23539 10.3613 3.08907 10.4219 2.93602 10.4587C2.7618 10.5005 2.58242 10.5003 2.37897 10.5001C2.3652 10.5001 2.35132 10.5001 2.33732 10.5001H1.50005C1.22391 10.5001 1.00005 10.2763 1.00005 10.0001V9.16286C1.00005 9.14886 1.00004 9.13497 1.00003 9.1212C0.999836 8.91776 0.999669 8.73838 1.0415 8.56416C1.07824 8.4111 1.13885 8.26479 1.22109 8.13058C1.31471 7.97781 1.44166 7.85109 1.58566 7.70736C1.5954 7.69764 1.60523 7.68783 1.61513 7.67793L7.89651 1.39656Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Edit03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "edit-03"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.50004 10.0001C5.50004 9.72398 5.7239 9.50012 6.00004 9.50012H10.5C10.7762 9.50012 11 9.72398 11 10.0001C11 10.2763 10.7762 10.5001 10.5 10.5001H6.00004C5.7239 10.5001 5.50004 10.2763 5.50004 10.0001Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M7.89651 1.39656C8.50599 0.787085 9.49414 0.787084 10.1036 1.39656C10.7131 2.00604 10.7131 2.99419 10.1036 3.60367L3.82225 9.88504C3.81235 9.89494 3.80254 9.90476 3.79281 9.91451C3.64909 10.0585 3.52237 10.1855 3.3696 10.2791C3.23539 10.3613 3.08907 10.4219 2.93602 10.4587C2.7618 10.5005 2.58242 10.5003 2.37897 10.5001C2.3652 10.5001 2.35132 10.5001 2.33732 10.5001H1.50005C1.22391 10.5001 1.00005 10.2763 1.00005 10.0001V9.16286C1.00005 9.14886 1.00004 9.13497 1.00003 9.1212C0.999836 8.91776 0.999669 8.73838 1.0415 8.56416C1.07824 8.4111 1.13885 8.26479 1.22109 8.13058C1.31471 7.97781 1.44166 7.85109 1.58566 7.70736C1.5954 7.69764 1.60523 7.68783 1.61513 7.67793L7.89651 1.39656Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Edit03"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx b/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
index 9570c9af74..a9d2635e2e 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Edit03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Edit03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit04.json b/web/app/components/base/icons/src/vender/solid/general/Edit04.json
index c254f600a4..9506a9edb9 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit04.json
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit04.json
@@ -1,39 +1,39 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M21.6747 17.2619C22.0824 17.6345 22.1107 18.2671 21.7381 18.6747L20.738 19.7687C20.0284 20.5448 19.0458 21 18.0002 21C16.9549 21 15.9726 20.5452 15.2631 19.7696C14.9112 19.3863 14.4549 19.1901 14.0002 19.1901C13.5454 19.1901 13.0889 19.3864 12.7369 19.7701C12.3635 20.177 11.7309 20.2043 11.324 19.8309C10.917 19.4575 10.8898 18.8249 11.2632 18.418C11.9735 17.6438 12.9555 17.1901 14.0002 17.1901C15.045 17.1901 16.0269 17.6438 16.7373 18.418L16.7384 18.4192C17.0897 18.8034 17.5458 19 18.0002 19C18.4545 19 18.9106 18.8034 19.2618 18.4193L20.2619 17.3253C20.6346 16.9177 21.2671 16.8893 21.6747 17.2619Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M15.793 2.79287C17.0119 1.57393 18.9882 1.57392 20.2072 2.79287C21.4261 4.01183 21.4261 5.98814 20.2072 7.20709L7.64443 19.7698C7.62463 19.7896 7.60502 19.8093 7.58556 19.8288C7.29811 20.1168 7.04467 20.3707 6.73914 20.5579C6.47072 20.7224 6.17809 20.8436 5.87198 20.9171C5.52353 21.0007 5.16478 21.0004 4.75788 21C4.73034 21 4.70258 21 4.67458 21H3.00004C2.44776 21 2.00004 20.5523 2.00004 20V18.3255C2.00004 18.2975 2.00001 18.2697 1.99999 18.2422C1.99961 17.8353 1.99928 17.4765 2.08293 17.1281C2.15642 16.822 2.27763 16.5293 2.44212 16.2609C2.62936 15.9554 2.88327 15.7019 3.17125 15.4145C3.19075 15.395 3.2104 15.3754 3.23019 15.3556L15.793 2.79287Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Edit04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M21.6747 17.2619C22.0824 17.6345 22.1107 18.2671 21.7381 18.6747L20.738 19.7687C20.0284 20.5448 19.0458 21 18.0002 21C16.9549 21 15.9726 20.5452 15.2631 19.7696C14.9112 19.3863 14.4549 19.1901 14.0002 19.1901C13.5454 19.1901 13.0889 19.3864 12.7369 19.7701C12.3635 20.177 11.7309 20.2043 11.324 19.8309C10.917 19.4575 10.8898 18.8249 11.2632 18.418C11.9735 17.6438 12.9555 17.1901 14.0002 17.1901C15.045 17.1901 16.0269 17.6438 16.7373 18.418L16.7384 18.4192C17.0897 18.8034 17.5458 19 18.0002 19C18.4545 19 18.9106 18.8034 19.2618 18.4193L20.2619 17.3253C20.6346 16.9177 21.2671 16.8893 21.6747 17.2619Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M15.793 2.79287C17.0119 1.57393 18.9882 1.57392 20.2072 2.79287C21.4261 4.01183 21.4261 5.98814 20.2072 7.20709L7.64443 19.7698C7.62463 19.7896 7.60502 19.8093 7.58556 19.8288C7.29811 20.1168 7.04467 20.3707 6.73914 20.5579C6.47072 20.7224 6.17809 20.8436 5.87198 20.9171C5.52353 21.0007 5.16478 21.0004 4.75788 21C4.73034 21 4.70258 21 4.67458 21H3.00004C2.44776 21 2.00004 20.5523 2.00004 20V18.3255C2.00004 18.2975 2.00001 18.2697 1.99999 18.2422C1.99961 17.8353 1.99928 17.4765 2.08293 17.1281C2.15642 16.822 2.27763 16.5293 2.44212 16.2609C2.62936 15.9554 2.88327 15.7019 3.17125 15.4145C3.19075 15.395 3.2104 15.3754 3.23019 15.3556L15.793 2.79287Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Edit04"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx b/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
index 39b598d067..315f5a961f 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Edit04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Edit04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Eye.json b/web/app/components/base/icons/src/vender/solid/general/Eye.json
index a76bb81725..a9450d4a9f 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Eye.json
+++ b/web/app/components/base/icons/src/vender/solid/general/Eye.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M12 4C9.13833 4 6.80535 5.26472 5.07675 6.70743C3.3505 8.14818 2.16697 9.81429 1.57422 10.7528L1.55014 10.7908C1.43252 10.976 1.27981 11.2164 1.2026 11.5532C1.14027 11.8251 1.14027 12.1749 1.2026 12.4468C1.2798 12.7836 1.43252 13.024 1.55014 13.2092L1.57423 13.2472C2.16697 14.1857 3.3505 15.8518 5.07675 17.2926C6.80535 18.7353 9.13833 20 12 20C14.8617 20 17.1947 18.7353 18.9233 17.2926C20.6495 15.8518 21.833 14.1857 22.4258 13.2472L22.4499 13.2092C22.5675 13.024 22.7202 12.7837 22.7974 12.4468C22.8597 12.1749 22.8597 11.8251 22.7974 11.5532C22.7202 11.2163 22.5675 10.976 22.4499 10.7908L22.4258 10.7528C21.833 9.81429 20.6495 8.14818 18.9233 6.70743C17.1947 5.26472 14.8617 4 12 4ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Eye"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M12 4C9.13833 4 6.80535 5.26472 5.07675 6.70743C3.3505 8.14818 2.16697 9.81429 1.57422 10.7528L1.55014 10.7908C1.43252 10.976 1.27981 11.2164 1.2026 11.5532C1.14027 11.8251 1.14027 12.1749 1.2026 12.4468C1.2798 12.7836 1.43252 13.024 1.55014 13.2092L1.57423 13.2472C2.16697 14.1857 3.3505 15.8518 5.07675 17.2926C6.80535 18.7353 9.13833 20 12 20C14.8617 20 17.1947 18.7353 18.9233 17.2926C20.6495 15.8518 21.833 14.1857 22.4258 13.2472L22.4499 13.2092C22.5675 13.024 22.7202 12.7837 22.7974 12.4468C22.8597 12.1749 22.8597 11.8251 22.7974 11.5532C22.7202 11.2163 22.5675 10.976 22.4499 10.7908L22.4258 10.7528C21.833 9.81429 20.6495 8.14818 18.9233 6.70743C17.1947 5.26472 14.8617 4 12 4ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Eye"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/Eye.tsx b/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
index 4a0e28e145..bea4a7536e 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Eye.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Eye.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Github.json b/web/app/components/base/icons/src/vender/solid/general/Github.json
index a46c81bfef..3acc07f970 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Github.json
+++ b/web/app/components/base/icons/src/vender/solid/general/Github.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M8 1C4.1325 1 1 4.1325 1 8C1 11.0975 3.00375 13.7137 5.78625 14.6413C6.13625 14.7025 6.2675 14.4925 6.2675 14.3088C6.2675 14.1425 6.25875 13.5913 6.25875 13.005C4.5 13.3288 4.045 12.5763 3.905 12.1825C3.82625 11.9812 3.485 11.36 3.1875 11.1937C2.9425 11.0625 2.5925 10.7387 3.17875 10.73C3.73 10.7212 4.12375 11.2375 4.255 11.4475C4.885 12.5062 5.89125 12.2088 6.29375 12.025C6.355 11.57 6.53875 11.2638 6.74 11.0887C5.1825 10.9137 3.555 10.31 3.555 7.6325C3.555 6.87125 3.82625 6.24125 4.2725 5.75125C4.2025 5.57625 3.9575 4.85875 4.3425 3.89625C4.3425 3.89625 4.92875 3.7125 6.2675 4.61375C6.8275 4.45625 7.4225 4.3775 8.0175 4.3775C8.6125 4.3775 9.2075 4.45625 9.7675 4.61375C11.1063 3.70375 11.6925 3.89625 11.6925 3.89625C12.0775 4.85875 11.8325 5.57625 11.7625 5.75125C12.2087 6.24125 12.48 6.8625 12.48 7.6325C12.48 10.3187 10.8438 10.9137 9.28625 11.0887C9.54 11.3075 9.75875 11.7275 9.75875 12.3837C9.75875 13.32 9.75 14.0725 9.75 14.3088C9.75 14.4925 9.88125 14.7113 10.2312 14.6413C11.6209 14.1721 12.8284 13.279 13.6839 12.0877C14.5393 10.8963 14.9996 9.46668 15 8C15 4.1325 11.8675 1 8 1Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Github"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M8 1C4.1325 1 1 4.1325 1 8C1 11.0975 3.00375 13.7137 5.78625 14.6413C6.13625 14.7025 6.2675 14.4925 6.2675 14.3088C6.2675 14.1425 6.25875 13.5913 6.25875 13.005C4.5 13.3288 4.045 12.5763 3.905 12.1825C3.82625 11.9812 3.485 11.36 3.1875 11.1937C2.9425 11.0625 2.5925 10.7387 3.17875 10.73C3.73 10.7212 4.12375 11.2375 4.255 11.4475C4.885 12.5062 5.89125 12.2088 6.29375 12.025C6.355 11.57 6.53875 11.2638 6.74 11.0887C5.1825 10.9137 3.555 10.31 3.555 7.6325C3.555 6.87125 3.82625 6.24125 4.2725 5.75125C4.2025 5.57625 3.9575 4.85875 4.3425 3.89625C4.3425 3.89625 4.92875 3.7125 6.2675 4.61375C6.8275 4.45625 7.4225 4.3775 8.0175 4.3775C8.6125 4.3775 9.2075 4.45625 9.7675 4.61375C11.1063 3.70375 11.6925 3.89625 11.6925 3.89625C12.0775 4.85875 11.8325 5.57625 11.7625 5.75125C12.2087 6.24125 12.48 6.8625 12.48 7.6325C12.48 10.3187 10.8438 10.9137 9.28625 11.0887C9.54 11.3075 9.75875 11.7275 9.75875 12.3837C9.75875 13.32 9.75 14.0725 9.75 14.3088C9.75 14.4925 9.88125 14.7113 10.2312 14.6413C11.6209 14.1721 12.8284 13.279 13.6839 12.0877C14.5393 10.8963 14.9996 9.46668 15 8C15 4.1325 11.8675 1 8 1Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Github"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/Github.tsx b/web/app/components/base/icons/src/vender/solid/general/Github.tsx
index 26df0683da..a321116efc 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Github.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Github.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Github.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Github.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.json b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.json
index d52347f6d9..27da9538ab 100644
--- a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.json
+++ b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "message-clock-circle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"d": "M1.33301 8.00016C1.33301 4.31826 4.31778 1.3335 7.99967 1.3335C11.6816 1.3335 14.6663 4.31826 14.6663 8.00016C14.6663 11.6821 11.6816 14.6668 7.99967 14.6668C7.11413 14.6668 6.26734 14.4938 5.49248 14.1791C5.42249 14.1507 5.38209 14.1344 5.35225 14.1231L5.34304 14.1197L5.33987 14.1202C5.31527 14.1235 5.28173 14.129 5.21771 14.1397L2.82667 14.5382C2.71958 14.5561 2.59976 14.5761 2.4957 14.5839C2.38225 14.5925 2.20175 14.5955 2.01101 14.5137C1.77521 14.4125 1.5873 14.2246 1.48616 13.9888C1.40435 13.7981 1.40733 13.6176 1.41589 13.5041C1.42375 13.4001 1.44375 13.2803 1.46163 13.1732L1.86015 10.7821C1.87082 10.7181 1.87634 10.6846 1.87967 10.66L1.8801 10.6568L1.87669 10.6476C1.86549 10.6178 1.84914 10.5773 1.82071 10.5074C1.50602 9.7325 1.33301 8.88571 1.33301 8.00016ZM7.99967 5.3335C7.99967 4.96531 7.7012 4.66683 7.33301 4.66683C6.96482 4.66683 6.66634 4.96531 6.66634 5.3335V8.66683C6.66634 9.03502 6.96482 9.3335 7.33301 9.3335H10.6663C11.0345 9.3335 11.333 9.03502 11.333 8.66683C11.333 8.29864 11.0345 8.00016 10.6663 8.00016H7.99967V5.3335Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MessageClockCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "message-clock-circle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "d": "M1.33301 8.00016C1.33301 4.31826 4.31778 1.3335 7.99967 1.3335C11.6816 1.3335 14.6663 4.31826 14.6663 8.00016C14.6663 11.6821 11.6816 14.6668 7.99967 14.6668C7.11413 14.6668 6.26734 14.4938 5.49248 14.1791C5.42249 14.1507 5.38209 14.1344 5.35225 14.1231L5.34304 14.1197L5.33987 14.1202C5.31527 14.1235 5.28173 14.129 5.21771 14.1397L2.82667 14.5382C2.71958 14.5561 2.59976 14.5761 2.4957 14.5839C2.38225 14.5925 2.20175 14.5955 2.01101 14.5137C1.77521 14.4125 1.5873 14.2246 1.48616 13.9888C1.40435 13.7981 1.40733 13.6176 1.41589 13.5041C1.42375 13.4001 1.44375 13.2803 1.46163 13.1732L1.86015 10.7821C1.87082 10.7181 1.87634 10.6846 1.87967 10.66L1.8801 10.6568L1.87669 10.6476C1.86549 10.6178 1.84914 10.5773 1.82071 10.5074C1.50602 9.7325 1.33301 8.88571 1.33301 8.00016ZM7.99967 5.3335C7.99967 4.96531 7.7012 4.66683 7.33301 4.66683C6.96482 4.66683 6.66634 4.96531 6.66634 5.3335V8.66683C6.66634 9.03502 6.96482 9.3335 7.33301 9.3335H10.6663C11.0345 9.3335 11.333 9.03502 11.333 8.66683C11.333 8.29864 11.0345 8.00016 10.6663 8.00016H7.99967V5.3335Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MessageClockCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
index 6829b6c9ba..b397bbfd80 100644
--- a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MessageClockCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MessageClockCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.json b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.json
index e3a86132ec..502ff444bc 100644
--- a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.json
+++ b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "plus-circle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C12.5523 7 13 7.44772 13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H11V8C11 7.44772 11.4477 7 12 7Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "PlusCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "plus-circle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C12.5523 7 13 7.44772 13 8V11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13H8C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H11V8C11 7.44772 11.4477 7 12 7Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "PlusCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
index a70e1b4235..263c4a77a4 100644
--- a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './PlusCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './PlusCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.json b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.json
index 32df4b0cd5..4c1bd27726 100644
--- a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.json
+++ b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.json
@@ -1,45 +1,45 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "8",
-			"height": "12",
-			"viewBox": "0 0 8 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Rectangle 2"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M6.96353 1.5547C7.40657 0.890144 6.93018 0 6.13148 0H0V12L6.96353 1.5547Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M6.96353 1.5547C7.40657 0.890144 6.93018 0 6.13148 0H0V12L6.96353 1.5547Z",
-							"fill": "currentColor",
-							"fill-opacity": "0.5"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "QuestionTriangle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "8",
+      "height": "12",
+      "viewBox": "0 0 8 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Rectangle 2"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M6.96353 1.5547C7.40657 0.890144 6.93018 0 6.13148 0H0V12L6.96353 1.5547Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M6.96353 1.5547C7.40657 0.890144 6.93018 0 6.13148 0H0V12L6.96353 1.5547Z",
+              "fill": "currentColor",
+              "fill-opacity": "0.5"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "QuestionTriangle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
index 8ced9c3063..b8b0ef2149 100644
--- a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './QuestionTriangle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './QuestionTriangle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/SearchMd.json b/web/app/components/base/icons/src/vender/solid/general/SearchMd.json
index 89cf471ca5..d4e7ee5beb 100644
--- a/web/app/components/base/icons/src/vender/solid/general/SearchMd.json
+++ b/web/app/components/base/icons/src/vender/solid/general/SearchMd.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "search-md"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2ZM4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "SearchMd"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "search-md"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2ZM4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "SearchMd"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx b/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
index bc68734aa6..d4b074dbcc 100644
--- a/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './SearchMd.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './SearchMd.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Target04.json b/web/app/components/base/icons/src/vender/solid/general/Target04.json
index 70895ccc00..8259e824b5 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Target04.json
+++ b/web/app/components/base/icons/src/vender/solid/general/Target04.json
@@ -1,46 +1,46 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M19.1601 1.01292C19.4774 1.06441 19.7506 1.26529 19.8944 1.5528L20.7453 3.25466L22.4472 4.10558C22.7347 4.24934 22.9355 4.52254 22.987 4.83983C23.0385 5.15712 22.9343 5.47982 22.707 5.70712L19.707 8.70712C19.5195 8.89466 19.2652 9.00001 18.9999 9.00001H16.4142L12.7071 12.7071C12.3166 13.0976 11.6834 13.0976 11.2929 12.7071C10.9024 12.3166 10.9024 11.6834 11.2929 11.2929L14.9999 7.58585V5.00001C14.9999 4.7348 15.1053 4.48044 15.2928 4.29291L18.2928 1.29291C18.5201 1.06561 18.8428 0.961435 19.1601 1.01292Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M3 12C3 7.02944 7.02944 3 12 3C12.5523 3 13 2.55228 13 2C13 1.44772 12.5523 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 11.4477 22.5523 11 22 11C21.4477 11 21 11.4477 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8 12C8 9.79086 9.79086 8 12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 11.4477 17.5523 11 17 11C16.4477 11 16 11.4477 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Target04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M19.1601 1.01292C19.4774 1.06441 19.7506 1.26529 19.8944 1.5528L20.7453 3.25466L22.4472 4.10558C22.7347 4.24934 22.9355 4.52254 22.987 4.83983C23.0385 5.15712 22.9343 5.47982 22.707 5.70712L19.707 8.70712C19.5195 8.89466 19.2652 9.00001 18.9999 9.00001H16.4142L12.7071 12.7071C12.3166 13.0976 11.6834 13.0976 11.2929 12.7071C10.9024 12.3166 10.9024 11.6834 11.2929 11.2929L14.9999 7.58585V5.00001C14.9999 4.7348 15.1053 4.48044 15.2928 4.29291L18.2928 1.29291C18.5201 1.06561 18.8428 0.961435 19.1601 1.01292Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M3 12C3 7.02944 7.02944 3 12 3C12.5523 3 13 2.55228 13 2C13 1.44772 12.5523 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 11.4477 22.5523 11 22 11C21.4477 11 21 11.4477 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8 12C8 9.79086 9.79086 8 12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 11.4477 17.5523 11 17 11C16.4477 11 16 11.4477 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Target04"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
index a5c340ff3a..b2025a823e 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Target04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Target04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Tool03.json b/web/app/components/base/icons/src/vender/solid/general/Tool03.json
index 843fb36fba..d06ec5a890 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Tool03.json
+++ b/web/app/components/base/icons/src/vender/solid/general/Tool03.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "tool-03"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.10516 6.61092L6.45642 5.41856C6.43816 5.25959 6.43018 5.09961 6.43253 4.93962V4.9285L2.91826 1.41365C2.89245 1.38778 2.86179 1.36725 2.82804 1.35325C2.79429 1.33924 2.75811 1.33203 2.72157 1.33203C2.68503 1.33203 2.64884 1.33924 2.61509 1.35325C2.58134 1.36725 2.55069 1.38778 2.52488 1.41365L1.41365 2.52489C1.38778 2.5507 1.36725 2.58135 1.35325 2.6151C1.33924 2.64885 1.33203 2.68504 1.33203 2.72158C1.33203 2.75812 1.33924 2.7943 1.35325 2.82806C1.36725 2.86181 1.38778 2.89246 1.41365 2.91827L5.10516 6.61092Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M12.5043 9.33348C12.3512 9.3848 12.1956 9.42819 12.0381 9.46349L11.9748 9.47461C11.7112 9.51388 11.4451 9.53375 11.1786 9.53406C10.9848 9.53389 10.7912 9.52314 10.5985 9.50183L8.58942 11.7604L10.8297 14.0007C11.0335 14.2097 11.2767 14.3763 11.5452 14.4907C11.8138 14.6052 12.1024 14.6652 12.3943 14.6674H12.4176C12.8604 14.6643 13.2924 14.5307 13.6596 14.2832C14.0268 14.0356 14.3128 13.6853 14.4818 13.276C14.6508 12.8667 14.6952 12.4167 14.6096 11.9822C14.524 11.5478 14.3122 11.1483 14.0006 10.8337L12.5043 9.33348Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M14.4606 3.79227C14.4443 3.74889 14.4174 3.71027 14.3823 3.67995C14.3472 3.64963 14.3051 3.62857 14.2599 3.61868C14.2146 3.6088 14.1675 3.6104 14.123 3.62335C14.0785 3.6363 14.0379 3.66018 14.005 3.69282L12.4132 5.27745L10.7224 3.5928L12.3132 2.00929C12.3454 1.97739 12.3692 1.93802 12.3825 1.89468C12.3957 1.85134 12.3981 1.80539 12.3893 1.76092C12.3805 1.7159 12.3606 1.67376 12.3315 1.63828C12.3024 1.60279 12.265 1.57506 12.2226 1.55757C11.7685 1.35982 11.2688 1.29063 10.778 1.35754C9.88338 1.43541 9.05173 1.8501 8.45122 2.51777C7.8507 3.18544 7.52615 4.05624 7.54319 4.95408C7.53907 5.24983 7.58317 5.54428 7.67376 5.82584L2.09204 10.7442C1.64427 11.1439 1.3735 11.7051 1.33923 12.3043C1.30495 12.9036 1.50997 13.4919 1.90924 13.9401L1.95703 13.9924C2.35812 14.411 2.90891 14.6533 3.4885 14.6662C4.06809 14.6791 4.62913 14.4616 5.04848 14.0613C5.11213 14.0008 5.17189 13.9364 5.22739 13.8685L10.1801 8.30058C10.7141 8.43272 11.2688 8.45821 11.8126 8.37559C12.4502 8.24485 13.04 7.9423 13.5182 7.50065C13.9964 7.05899 14.3447 6.49503 14.5256 5.86974C14.7321 5.18882 14.7092 4.45895 14.4606 3.79227Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Tool03"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "tool-03"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.10516 6.61092L6.45642 5.41856C6.43816 5.25959 6.43018 5.09961 6.43253 4.93962V4.9285L2.91826 1.41365C2.89245 1.38778 2.86179 1.36725 2.82804 1.35325C2.79429 1.33924 2.75811 1.33203 2.72157 1.33203C2.68503 1.33203 2.64884 1.33924 2.61509 1.35325C2.58134 1.36725 2.55069 1.38778 2.52488 1.41365L1.41365 2.52489C1.38778 2.5507 1.36725 2.58135 1.35325 2.6151C1.33924 2.64885 1.33203 2.68504 1.33203 2.72158C1.33203 2.75812 1.33924 2.7943 1.35325 2.82806C1.36725 2.86181 1.38778 2.89246 1.41365 2.91827L5.10516 6.61092Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M12.5043 9.33348C12.3512 9.3848 12.1956 9.42819 12.0381 9.46349L11.9748 9.47461C11.7112 9.51388 11.4451 9.53375 11.1786 9.53406C10.9848 9.53389 10.7912 9.52314 10.5985 9.50183L8.58942 11.7604L10.8297 14.0007C11.0335 14.2097 11.2767 14.3763 11.5452 14.4907C11.8138 14.6052 12.1024 14.6652 12.3943 14.6674H12.4176C12.8604 14.6643 13.2924 14.5307 13.6596 14.2832C14.0268 14.0356 14.3128 13.6853 14.4818 13.276C14.6508 12.8667 14.6952 12.4167 14.6096 11.9822C14.524 11.5478 14.3122 11.1483 14.0006 10.8337L12.5043 9.33348Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M14.4606 3.79227C14.4443 3.74889 14.4174 3.71027 14.3823 3.67995C14.3472 3.64963 14.3051 3.62857 14.2599 3.61868C14.2146 3.6088 14.1675 3.6104 14.123 3.62335C14.0785 3.6363 14.0379 3.66018 14.005 3.69282L12.4132 5.27745L10.7224 3.5928L12.3132 2.00929C12.3454 1.97739 12.3692 1.93802 12.3825 1.89468C12.3957 1.85134 12.3981 1.80539 12.3893 1.76092C12.3805 1.7159 12.3606 1.67376 12.3315 1.63828C12.3024 1.60279 12.265 1.57506 12.2226 1.55757C11.7685 1.35982 11.2688 1.29063 10.778 1.35754C9.88338 1.43541 9.05173 1.8501 8.45122 2.51777C7.8507 3.18544 7.52615 4.05624 7.54319 4.95408C7.53907 5.24983 7.58317 5.54428 7.67376 5.82584L2.09204 10.7442C1.64427 11.1439 1.3735 11.7051 1.33923 12.3043C1.30495 12.9036 1.50997 13.4919 1.90924 13.9401L1.95703 13.9924C2.35812 14.411 2.90891 14.6533 3.4885 14.6662C4.06809 14.6791 4.62913 14.4616 5.04848 14.0613C5.11213 14.0008 5.17189 13.9364 5.22739 13.8685L10.1801 8.30058C10.7141 8.43272 11.2688 8.45821 11.8126 8.37559C12.4502 8.24485 13.04 7.9423 13.5182 7.50065C13.9964 7.05899 14.3447 6.49503 14.5256 5.86974C14.7321 5.18882 14.7092 4.45895 14.4606 3.79227Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Tool03"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx b/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
index 02807eaae3..0ee0708672 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Tool03.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Tool03.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/XCircle.json b/web/app/components/base/icons/src/vender/solid/general/XCircle.json
index 5e09c5a9e1..5e2169d9b1 100644
--- a/web/app/components/base/icons/src/vender/solid/general/XCircle.json
+++ b/web/app/components/base/icons/src/vender/solid/general/XCircle.json
@@ -1,29 +1,29 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Solid",
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M8.00008 0.666016C3.94999 0.666016 0.666748 3.94926 0.666748 7.99935C0.666748 12.0494 3.94999 15.3327 8.00008 15.3327C12.0502 15.3327 15.3334 12.0494 15.3334 7.99935C15.3334 3.94926 12.0502 0.666016 8.00008 0.666016ZM10.4715 5.52794C10.7318 5.78829 10.7318 6.2104 10.4715 6.47075L8.94289 7.99935L10.4715 9.52794C10.7318 9.78829 10.7318 10.2104 10.4715 10.4708C10.2111 10.7311 9.78903 10.7311 9.52868 10.4708L8.00008 8.94216L6.47149 10.4708C6.21114 10.7311 5.78903 10.7311 5.52868 10.4708C5.26833 10.2104 5.26833 9.78829 5.52868 9.52794L7.05727 7.99935L5.52868 6.47075C5.26833 6.2104 5.26833 5.78829 5.52868 5.52794C5.78903 5.26759 6.21114 5.26759 6.47149 5.52794L8.00008 7.05654L9.52868 5.52794C9.78903 5.26759 10.2111 5.26759 10.4715 5.52794Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "XCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Solid",
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M8.00008 0.666016C3.94999 0.666016 0.666748 3.94926 0.666748 7.99935C0.666748 12.0494 3.94999 15.3327 8.00008 15.3327C12.0502 15.3327 15.3334 12.0494 15.3334 7.99935C15.3334 3.94926 12.0502 0.666016 8.00008 0.666016ZM10.4715 5.52794C10.7318 5.78829 10.7318 6.2104 10.4715 6.47075L8.94289 7.99935L10.4715 9.52794C10.7318 9.78829 10.7318 10.2104 10.4715 10.4708C10.2111 10.7311 9.78903 10.7311 9.52868 10.4708L8.00008 8.94216L6.47149 10.4708C6.21114 10.7311 5.78903 10.7311 5.52868 10.4708C5.26833 10.2104 5.26833 9.78829 5.52868 9.52794L7.05727 7.99935L5.52868 6.47075C5.26833 6.2104 5.26833 5.78829 5.52868 5.52794C5.78903 5.26759 6.21114 5.26759 6.47149 5.52794L8.00008 7.05654L9.52868 5.52794C9.78903 5.26759 10.2111 5.26759 10.4715 5.52794Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "XCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
index 0c9d6b4bdf..158182fc82 100644
--- a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './XCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './XCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapFast.json b/web/app/components/base/icons/src/vender/solid/general/ZapFast.json
index 418a5c0019..8004fa527a 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapFast.json
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapFast.json
@@ -1,79 +1,79 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "zap-fast"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.25 8.75004C1.25 8.4739 1.47386 8.25004 1.75 8.25004H4.5C4.77614 8.25004 5 8.4739 5 8.75004C5 9.02618 4.77614 9.25004 4.5 9.25004H1.75C1.47386 9.25004 1.25 9.02618 1.25 8.75004Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M0.5 6.00004C0.5 5.7239 0.723858 5.50004 1 5.50004H3.25C3.52614 5.50004 3.75 5.7239 3.75 6.00004C3.75 6.27618 3.52614 6.50004 3.25 6.50004H1C0.723858 6.50004 0.5 6.27618 0.5 6.00004Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.5 3.25004C1.5 2.9739 1.72386 2.75004 2 2.75004H4.5C4.77614 2.75004 5 2.9739 5 3.25004C5 3.52618 4.77614 3.75004 4.5 3.75004H2C1.72386 3.75004 1.5 3.52618 1.5 3.25004Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M8.68379 1.03505C8.89736 1.11946 9.02596 1.33849 8.99561 1.56612L8.57109 4.75004H10.4727C10.4785 4.75004 10.4842 4.75004 10.49 4.75004C10.6003 4.75002 10.7147 4.74999 10.8092 4.75863C10.9022 4.76713 11.0713 4.78965 11.2224 4.90631C11.3987 5.04237 11.5054 5.24972 11.5137 5.47225C11.5208 5.66306 11.4408 5.81376 11.3937 5.89434C11.3458 5.97625 11.2793 6.06932 11.2151 6.15912C11.2118 6.16381 11.2084 6.16849 11.2051 6.17316L7.90687 10.7907C7.77339 10.9775 7.52978 11.0495 7.31621 10.965C7.10264 10.8806 6.97404 10.6616 7.00439 10.434L7.42891 7.25004H5.52728C5.52154 7.25004 5.51579 7.25004 5.51003 7.25004C5.39966 7.25007 5.28526 7.25009 5.19077 7.24145C5.09782 7.23296 4.92871 7.21044 4.77755 7.09377C4.60127 6.95771 4.49456 6.75036 4.48631 6.52783C4.47924 6.33702 4.5592 6.18632 4.60631 6.10575C4.65421 6.02383 4.72072 5.93076 4.78489 5.84097C4.78824 5.83628 4.79158 5.8316 4.79492 5.82693L8.09313 1.20942C8.22661 1.02255 8.47022 0.950633 8.68379 1.03505Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "ZapFast"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "zap-fast"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.25 8.75004C1.25 8.4739 1.47386 8.25004 1.75 8.25004H4.5C4.77614 8.25004 5 8.4739 5 8.75004C5 9.02618 4.77614 9.25004 4.5 9.25004H1.75C1.47386 9.25004 1.25 9.02618 1.25 8.75004Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M0.5 6.00004C0.5 5.7239 0.723858 5.50004 1 5.50004H3.25C3.52614 5.50004 3.75 5.7239 3.75 6.00004C3.75 6.27618 3.52614 6.50004 3.25 6.50004H1C0.723858 6.50004 0.5 6.27618 0.5 6.00004Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.5 3.25004C1.5 2.9739 1.72386 2.75004 2 2.75004H4.5C4.77614 2.75004 5 2.9739 5 3.25004C5 3.52618 4.77614 3.75004 4.5 3.75004H2C1.72386 3.75004 1.5 3.52618 1.5 3.25004Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M8.68379 1.03505C8.89736 1.11946 9.02596 1.33849 8.99561 1.56612L8.57109 4.75004H10.4727C10.4785 4.75004 10.4842 4.75004 10.49 4.75004C10.6003 4.75002 10.7147 4.74999 10.8092 4.75863C10.9022 4.76713 11.0713 4.78965 11.2224 4.90631C11.3987 5.04237 11.5054 5.24972 11.5137 5.47225C11.5208 5.66306 11.4408 5.81376 11.3937 5.89434C11.3458 5.97625 11.2793 6.06932 11.2151 6.15912C11.2118 6.16381 11.2084 6.16849 11.2051 6.17316L7.90687 10.7907C7.77339 10.9775 7.52978 11.0495 7.31621 10.965C7.10264 10.8806 6.97404 10.6616 7.00439 10.434L7.42891 7.25004H5.52728C5.52154 7.25004 5.51579 7.25004 5.51003 7.25004C5.39966 7.25007 5.28526 7.25009 5.19077 7.24145C5.09782 7.23296 4.92871 7.21044 4.77755 7.09377C4.60127 6.95771 4.49456 6.75036 4.48631 6.52783C4.47924 6.33702 4.5592 6.18632 4.60631 6.10575C4.65421 6.02383 4.72072 5.93076 4.78489 5.84097C4.78824 5.83628 4.79158 5.8316 4.79492 5.82693L8.09313 1.20942C8.22661 1.02255 8.47022 0.950633 8.68379 1.03505Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ZapFast"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx b/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
index e1660f3c36..b3b2615e62 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ZapFast.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ZapFast.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.json b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.json
index 27a8059fc8..8dc259cb04 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.json
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "zap-narrow"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M6.69792 1.03505C6.91148 1.11946 7.04009 1.33849 7.00974 1.56612L6.58522 4.75004H8.48685C8.49259 4.75004 8.49834 4.75004 8.5041 4.75004C8.61447 4.75002 8.72887 4.74999 8.82336 4.75863C8.91631 4.76713 9.08541 4.78965 9.23657 4.90631C9.41286 5.04237 9.51956 5.24972 9.52781 5.47225C9.53489 5.66306 9.45493 5.81376 9.40781 5.89434C9.35992 5.97625 9.29341 6.06932 9.22924 6.15912C9.22589 6.16381 9.22255 6.16849 9.21921 6.17316L5.92099 10.7907C5.78752 10.9775 5.54391 11.0495 5.33034 10.965C5.11677 10.8806 4.98816 10.6616 5.01851 10.434L5.44304 7.25004H3.5414C3.53567 7.25004 3.52992 7.25004 3.52416 7.25004C3.41378 7.25007 3.29939 7.25009 3.2049 7.24145C3.11194 7.23296 2.94284 7.21044 2.79168 7.09377C2.6154 6.95771 2.50869 6.75036 2.50044 6.52783C2.49336 6.33702 2.57333 6.18632 2.62044 6.10575C2.66833 6.02383 2.73484 5.93076 2.79901 5.84097C2.80236 5.83628 2.80571 5.8316 2.80904 5.82693L6.10726 1.20942C6.24074 1.02255 6.48435 0.950633 6.69792 1.03505Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ZapNarrow"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "zap-narrow"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M6.69792 1.03505C6.91148 1.11946 7.04009 1.33849 7.00974 1.56612L6.58522 4.75004H8.48685C8.49259 4.75004 8.49834 4.75004 8.5041 4.75004C8.61447 4.75002 8.72887 4.74999 8.82336 4.75863C8.91631 4.76713 9.08541 4.78965 9.23657 4.90631C9.41286 5.04237 9.51956 5.24972 9.52781 5.47225C9.53489 5.66306 9.45493 5.81376 9.40781 5.89434C9.35992 5.97625 9.29341 6.06932 9.22924 6.15912C9.22589 6.16381 9.22255 6.16849 9.21921 6.17316L5.92099 10.7907C5.78752 10.9775 5.54391 11.0495 5.33034 10.965C5.11677 10.8806 4.98816 10.6616 5.01851 10.434L5.44304 7.25004H3.5414C3.53567 7.25004 3.52992 7.25004 3.52416 7.25004C3.41378 7.25007 3.29939 7.25009 3.2049 7.24145C3.11194 7.23296 2.94284 7.21044 2.79168 7.09377C2.6154 6.95771 2.50869 6.75036 2.50044 6.52783C2.49336 6.33702 2.57333 6.18632 2.62044 6.10575C2.66833 6.02383 2.73484 5.93076 2.79901 5.84097C2.80236 5.83628 2.80571 5.8316 2.80904 5.82693L6.10726 1.20942C6.24074 1.02255 6.48435 0.950633 6.69792 1.03505Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ZapNarrow"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
index 8f0960f45c..0972613219 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ZapNarrow.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ZapNarrow.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/layout/Grid01.json b/web/app/components/base/icons/src/vender/solid/layout/Grid01.json
index 35d4190237..a8f15533e0 100644
--- a/web/app/components/base/icons/src/vender/solid/layout/Grid01.json
+++ b/web/app/components/base/icons/src/vender/solid/layout/Grid01.json
@@ -1,79 +1,79 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "grid-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M3.04545 1.33338C3.90407 1.33348 4.76437 1.33348 5.62131 1.33338C5.78956 1.33336 5.95343 1.33334 6.0922 1.34467C6.24459 1.35713 6.42442 1.3865 6.60536 1.4787C6.85625 1.60653 7.06022 1.81051 7.18805 2.06139C7.28025 2.24234 7.30963 2.42216 7.32208 2.57456C7.33342 2.71333 7.3334 2.8772 7.33338 3.04546V5.6213C7.3334 5.78956 7.33342 5.95342 7.32208 6.0922C7.30963 6.24459 7.28025 6.42442 7.18805 6.60536C7.06022 6.85625 6.85625 7.06022 6.60536 7.18805C6.42442 7.28025 6.24459 7.30963 6.0922 7.32208C5.95342 7.33342 5.78956 7.3334 5.6213 7.33338H3.04546C2.8772 7.3334 2.71333 7.33342 2.57456 7.32208C2.42216 7.30963 2.24234 7.28025 2.06139 7.18805C1.81051 7.06022 1.60653 6.85625 1.4787 6.60536C1.3865 6.42442 1.35713 6.24459 1.34467 6.0922C1.33334 5.95343 1.33336 5.78956 1.33338 5.62131C1.33338 5.61423 1.33338 5.60714 1.33338 5.60004V3.06671C1.33338 3.05962 1.33338 3.05253 1.33338 3.04545C1.33336 2.87719 1.33334 2.71333 1.34467 2.57456C1.35713 2.42216 1.3865 2.24234 1.4787 2.06139C1.60653 1.81051 1.81051 1.60653 2.06139 1.4787C2.24234 1.3865 2.42216 1.35713 2.57456 1.34467C2.71333 1.33334 2.87719 1.33336 3.04545 1.33338Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M3.04545 8.66671C3.90407 8.66682 4.76437 8.66682 5.62131 8.66671C5.78956 8.66669 5.95343 8.66667 6.0922 8.67801C6.24459 8.69046 6.42442 8.71984 6.60536 8.81204C6.85625 8.93987 7.06022 9.14384 7.18805 9.39472C7.28025 9.57567 7.30963 9.7555 7.32208 9.90789C7.33342 10.0467 7.3334 10.2105 7.33338 10.3788V12.9546C7.3334 13.1229 7.33342 13.2868 7.32208 13.4255C7.30963 13.5779 7.28025 13.7577 7.18805 13.9387C7.06022 14.1896 6.85625 14.3936 6.60536 14.5214C6.42442 14.6136 6.24459 14.643 6.0922 14.6554C5.95342 14.6668 5.78956 14.6667 5.6213 14.6667H3.04546C2.8772 14.6667 2.71333 14.6668 2.57456 14.6554C2.42216 14.643 2.24234 14.6136 2.06139 14.5214C1.81051 14.3936 1.60653 14.1896 1.4787 13.9387C1.3865 13.7577 1.35713 13.5779 1.34467 13.4255C1.33334 13.2868 1.33336 13.1229 1.33338 12.9546C1.33338 12.9476 1.33338 12.9405 1.33338 12.9334V10.4C1.33338 10.3929 1.33338 10.3859 1.33338 10.3788C1.33336 10.2105 1.33334 10.0467 1.34467 9.90789C1.35713 9.7555 1.3865 9.57567 1.4787 9.39472C1.60653 9.14384 1.81051 8.93987 2.06139 8.81204C2.24234 8.71984 2.42216 8.69046 2.57456 8.67801C2.71333 8.66667 2.87719 8.66669 3.04545 8.66671Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M10.3788 1.33338C11.2374 1.33348 12.0977 1.33348 12.9546 1.33338C13.1229 1.33336 13.2868 1.33334 13.4255 1.34467C13.5779 1.35713 13.7577 1.3865 13.9387 1.4787C14.1896 1.60653 14.3936 1.81051 14.5214 2.06139C14.6136 2.24234 14.643 2.42216 14.6554 2.57456C14.6668 2.71333 14.6667 2.8772 14.6667 3.04546V5.6213C14.6667 5.78956 14.6668 5.95342 14.6554 6.0922C14.643 6.24459 14.6136 6.42442 14.5214 6.60536C14.3936 6.85625 14.1896 7.06022 13.9387 7.18805C13.7577 7.28025 13.5779 7.30963 13.4255 7.32208C13.2868 7.33342 13.1229 7.3334 12.9546 7.33338H10.3788C10.2105 7.3334 10.0467 7.33342 9.90789 7.32208C9.7555 7.30963 9.57567 7.28025 9.39472 7.18805C9.14384 7.06022 8.93987 6.85625 8.81204 6.60536C8.71984 6.42442 8.69046 6.24459 8.67801 6.0922C8.66667 5.95343 8.66669 5.78956 8.66671 5.62131C8.66671 5.61423 8.66671 5.60714 8.66671 5.60004V3.06671C8.66671 3.05962 8.66671 3.05253 8.66671 3.04545C8.66669 2.87719 8.66667 2.71333 8.67801 2.57456C8.69046 2.42216 8.71984 2.24234 8.81204 2.06139C8.93987 1.81051 9.14384 1.60653 9.39472 1.4787C9.57567 1.3865 9.7555 1.35713 9.90789 1.34467C10.0467 1.33334 10.2105 1.33336 10.3788 1.33338Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M10.3788 8.66671C11.2374 8.66682 12.0977 8.66682 12.9546 8.66671C13.1229 8.66669 13.2868 8.66667 13.4255 8.67801C13.5779 8.69046 13.7577 8.71984 13.9387 8.81204C14.1896 8.93987 14.3936 9.14384 14.5214 9.39472C14.6136 9.57567 14.643 9.7555 14.6554 9.90789C14.6668 10.0467 14.6667 10.2105 14.6667 10.3788V12.9546C14.6667 13.1229 14.6668 13.2868 14.6554 13.4255C14.643 13.5779 14.6136 13.7577 14.5214 13.9387C14.3936 14.1896 14.1896 14.3936 13.9387 14.5214C13.7577 14.6136 13.5779 14.643 13.4255 14.6554C13.2868 14.6668 13.1229 14.6667 12.9546 14.6667H10.3788C10.2105 14.6667 10.0467 14.6668 9.90789 14.6554C9.7555 14.643 9.57567 14.6136 9.39472 14.5214C9.14384 14.3936 8.93987 14.1896 8.81204 13.9387C8.71984 13.7577 8.69046 13.5779 8.67801 13.4255C8.66667 13.2868 8.66669 13.1229 8.66671 12.9546C8.66671 12.9476 8.66671 12.9405 8.66671 12.9334V10.4C8.66671 10.3929 8.66671 10.3859 8.66671 10.3788C8.66669 10.2105 8.66667 10.0467 8.67801 9.90789C8.69046 9.7555 8.71984 9.57567 8.81204 9.39472C8.93987 9.14384 9.14384 8.93987 9.39472 8.81204C9.57567 8.71984 9.7555 8.69046 9.90789 8.67801C10.0467 8.66667 10.2105 8.66669 10.3788 8.66671Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Grid01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "grid-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M3.04545 1.33338C3.90407 1.33348 4.76437 1.33348 5.62131 1.33338C5.78956 1.33336 5.95343 1.33334 6.0922 1.34467C6.24459 1.35713 6.42442 1.3865 6.60536 1.4787C6.85625 1.60653 7.06022 1.81051 7.18805 2.06139C7.28025 2.24234 7.30963 2.42216 7.32208 2.57456C7.33342 2.71333 7.3334 2.8772 7.33338 3.04546V5.6213C7.3334 5.78956 7.33342 5.95342 7.32208 6.0922C7.30963 6.24459 7.28025 6.42442 7.18805 6.60536C7.06022 6.85625 6.85625 7.06022 6.60536 7.18805C6.42442 7.28025 6.24459 7.30963 6.0922 7.32208C5.95342 7.33342 5.78956 7.3334 5.6213 7.33338H3.04546C2.8772 7.3334 2.71333 7.33342 2.57456 7.32208C2.42216 7.30963 2.24234 7.28025 2.06139 7.18805C1.81051 7.06022 1.60653 6.85625 1.4787 6.60536C1.3865 6.42442 1.35713 6.24459 1.34467 6.0922C1.33334 5.95343 1.33336 5.78956 1.33338 5.62131C1.33338 5.61423 1.33338 5.60714 1.33338 5.60004V3.06671C1.33338 3.05962 1.33338 3.05253 1.33338 3.04545C1.33336 2.87719 1.33334 2.71333 1.34467 2.57456C1.35713 2.42216 1.3865 2.24234 1.4787 2.06139C1.60653 1.81051 1.81051 1.60653 2.06139 1.4787C2.24234 1.3865 2.42216 1.35713 2.57456 1.34467C2.71333 1.33334 2.87719 1.33336 3.04545 1.33338Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M3.04545 8.66671C3.90407 8.66682 4.76437 8.66682 5.62131 8.66671C5.78956 8.66669 5.95343 8.66667 6.0922 8.67801C6.24459 8.69046 6.42442 8.71984 6.60536 8.81204C6.85625 8.93987 7.06022 9.14384 7.18805 9.39472C7.28025 9.57567 7.30963 9.7555 7.32208 9.90789C7.33342 10.0467 7.3334 10.2105 7.33338 10.3788V12.9546C7.3334 13.1229 7.33342 13.2868 7.32208 13.4255C7.30963 13.5779 7.28025 13.7577 7.18805 13.9387C7.06022 14.1896 6.85625 14.3936 6.60536 14.5214C6.42442 14.6136 6.24459 14.643 6.0922 14.6554C5.95342 14.6668 5.78956 14.6667 5.6213 14.6667H3.04546C2.8772 14.6667 2.71333 14.6668 2.57456 14.6554C2.42216 14.643 2.24234 14.6136 2.06139 14.5214C1.81051 14.3936 1.60653 14.1896 1.4787 13.9387C1.3865 13.7577 1.35713 13.5779 1.34467 13.4255C1.33334 13.2868 1.33336 13.1229 1.33338 12.9546C1.33338 12.9476 1.33338 12.9405 1.33338 12.9334V10.4C1.33338 10.3929 1.33338 10.3859 1.33338 10.3788C1.33336 10.2105 1.33334 10.0467 1.34467 9.90789C1.35713 9.7555 1.3865 9.57567 1.4787 9.39472C1.60653 9.14384 1.81051 8.93987 2.06139 8.81204C2.24234 8.71984 2.42216 8.69046 2.57456 8.67801C2.71333 8.66667 2.87719 8.66669 3.04545 8.66671Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M10.3788 1.33338C11.2374 1.33348 12.0977 1.33348 12.9546 1.33338C13.1229 1.33336 13.2868 1.33334 13.4255 1.34467C13.5779 1.35713 13.7577 1.3865 13.9387 1.4787C14.1896 1.60653 14.3936 1.81051 14.5214 2.06139C14.6136 2.24234 14.643 2.42216 14.6554 2.57456C14.6668 2.71333 14.6667 2.8772 14.6667 3.04546V5.6213C14.6667 5.78956 14.6668 5.95342 14.6554 6.0922C14.643 6.24459 14.6136 6.42442 14.5214 6.60536C14.3936 6.85625 14.1896 7.06022 13.9387 7.18805C13.7577 7.28025 13.5779 7.30963 13.4255 7.32208C13.2868 7.33342 13.1229 7.3334 12.9546 7.33338H10.3788C10.2105 7.3334 10.0467 7.33342 9.90789 7.32208C9.7555 7.30963 9.57567 7.28025 9.39472 7.18805C9.14384 7.06022 8.93987 6.85625 8.81204 6.60536C8.71984 6.42442 8.69046 6.24459 8.67801 6.0922C8.66667 5.95343 8.66669 5.78956 8.66671 5.62131C8.66671 5.61423 8.66671 5.60714 8.66671 5.60004V3.06671C8.66671 3.05962 8.66671 3.05253 8.66671 3.04545C8.66669 2.87719 8.66667 2.71333 8.67801 2.57456C8.69046 2.42216 8.71984 2.24234 8.81204 2.06139C8.93987 1.81051 9.14384 1.60653 9.39472 1.4787C9.57567 1.3865 9.7555 1.35713 9.90789 1.34467C10.0467 1.33334 10.2105 1.33336 10.3788 1.33338Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M10.3788 8.66671C11.2374 8.66682 12.0977 8.66682 12.9546 8.66671C13.1229 8.66669 13.2868 8.66667 13.4255 8.67801C13.5779 8.69046 13.7577 8.71984 13.9387 8.81204C14.1896 8.93987 14.3936 9.14384 14.5214 9.39472C14.6136 9.57567 14.643 9.7555 14.6554 9.90789C14.6668 10.0467 14.6667 10.2105 14.6667 10.3788V12.9546C14.6667 13.1229 14.6668 13.2868 14.6554 13.4255C14.643 13.5779 14.6136 13.7577 14.5214 13.9387C14.3936 14.1896 14.1896 14.3936 13.9387 14.5214C13.7577 14.6136 13.5779 14.643 13.4255 14.6554C13.2868 14.6668 13.1229 14.6667 12.9546 14.6667H10.3788C10.2105 14.6667 10.0467 14.6668 9.90789 14.6554C9.7555 14.643 9.57567 14.6136 9.39472 14.5214C9.14384 14.3936 8.93987 14.1896 8.81204 13.9387C8.71984 13.7577 8.69046 13.5779 8.67801 13.4255C8.66667 13.2868 8.66669 13.1229 8.66671 12.9546C8.66671 12.9476 8.66671 12.9405 8.66671 12.9334V10.4C8.66671 10.3929 8.66671 10.3859 8.66671 10.3788C8.66669 10.2105 8.66667 10.0467 8.67801 9.90789C8.69046 9.7555 8.71984 9.57567 8.81204 9.39472C8.93987 9.14384 9.14384 8.93987 9.39472 8.81204C9.57567 8.71984 9.7555 8.69046 9.90789 8.67801C10.0467 8.66667 10.2105 8.66669 10.3788 8.66671Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Grid01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
index bc9b6115be..ab3fd1492e 100644
--- a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Grid01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Grid01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.json
index aaab128672..bacf110aad 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.3567 3.56405L10.2334 3.84689C10.1432 4.05396 9.8568 4.05396 9.76655 3.84689L9.6433 3.56405C9.42355 3.05973 9.02775 2.6582 8.53385 2.43854L8.154 2.26961C7.94865 2.17826 7.94865 1.8794 8.154 1.78806L8.5126 1.62857C9.0192 1.40325 9.4221 0.986865 9.63805 0.465414L9.76465 0.159767C9.8529 -0.0532556 10.1471 -0.0532556 10.2353 0.159767L10.3619 0.465414C10.5779 0.986865 10.9808 1.40325 11.4874 1.62857L11.846 1.78806C12.0514 1.8794 12.0514 2.17826 11.846 2.26961L11.4662 2.43854C10.9723 2.6582 10.5764 3.05973 10.3567 3.56405ZM4.25 3H3.25V9H4.25V3ZM2 5H1V7H2V5ZM6.5 1H5.5V11H6.5V1ZM8.75 4H7.75V9H8.75V4ZM11 5H10V7H11V5Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "AudioSupportIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.3567 3.56405L10.2334 3.84689C10.1432 4.05396 9.8568 4.05396 9.76655 3.84689L9.6433 3.56405C9.42355 3.05973 9.02775 2.6582 8.53385 2.43854L8.154 2.26961C7.94865 2.17826 7.94865 1.8794 8.154 1.78806L8.5126 1.62857C9.0192 1.40325 9.4221 0.986865 9.63805 0.465414L9.76465 0.159767C9.8529 -0.0532556 10.1471 -0.0532556 10.2353 0.159767L10.3619 0.465414C10.5779 0.986865 10.9808 1.40325 11.4874 1.62857L11.846 1.78806C12.0514 1.8794 12.0514 2.17826 11.846 2.26961L11.4662 2.43854C10.9723 2.6582 10.5764 3.05973 10.3567 3.56405ZM4.25 3H3.25V9H4.25V3ZM2 5H1V7H2V5ZM6.5 1H5.5V11H6.5V1ZM8.75 4H7.75V9H8.75V4ZM11 5H10V7H11V5Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "AudioSupportIcon"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
index 607c2d1d52..6ad1f53973 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AudioSupportIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AudioSupportIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.json
index 1047de09e0..cb40796d73 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.5 4V10.4966C10.5 10.7751 10.2776 11 10.0033 11H1.9967C1.72248 11 1.5 10.778 1.5 10.5041V1.4959C1.5 1.22766 1.72435 1 2.00111 1H7.4984L10.5 4ZM9.5 4.5H7V2H2.5V10H9.5V4.5ZM4 3.5H5.5V4.5H4V3.5ZM4 5.5H8V6.5H4V5.5ZM4 7.5H8V8.5H4V7.5Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "DocumentSupportIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.5 4V10.4966C10.5 10.7751 10.2776 11 10.0033 11H1.9967C1.72248 11 1.5 10.778 1.5 10.5041V1.4959C1.5 1.22766 1.72435 1 2.00111 1H7.4984L10.5 4ZM9.5 4.5H7V2H2.5V10H9.5V4.5ZM4 3.5H5.5V4.5H4V3.5ZM4 5.5H8V6.5H4V5.5ZM4 7.5H8V8.5H4V7.5Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "DocumentSupportIcon"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
index a98abfacd2..693d5446a1 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DocumentSupportIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DocumentSupportIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.json
index ee079108c6..f9f87782b1 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.json
@@ -1,64 +1,64 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "box-sparkle, magic box"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Icon"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.76205 2.07424C9.99723 2.21897 10.0706 2.52694 9.92583 2.76212L8.85632 4.50007H9.5C9.77614 4.50007 10 4.72393 10 5.00007V9.00007C10 10.1046 9.10457 11.0001 8 11.0001H4C2.89543 11.0001 2 10.1046 2 9.00007V5.00007C2 4.72393 2.22386 4.50007 2.5 4.50007H7.68214L9.07417 2.23802C9.2189 2.00284 9.52687 1.92952 9.76205 2.07424ZM5 6.50007C4.72386 6.50007 4.5 6.72393 4.5 7.00007C4.5 7.27621 4.72386 7.50007 5 7.50007H7C7.27614 7.50007 7.5 7.27621 7.5 7.00007C7.5 6.72393 7.27614 6.50007 7 6.50007H5Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.92504 1.53733C5.97342 1.51314 6.01265 1.47391 6.03684 1.42553L6.27597 0.947279C6.3681 0.763016 6.63105 0.763017 6.72318 0.947279L6.96231 1.42553C6.9865 1.47391 7.02573 1.51314 7.07411 1.53733L7.55236 1.77646C7.73663 1.86859 7.73663 2.13154 7.55236 2.22367L7.07411 2.4628C7.02573 2.48699 6.9865 2.52622 6.96231 2.5746L6.72318 3.05285C6.63105 3.23711 6.3681 3.23711 6.27597 3.05285L6.03684 2.5746C6.01265 2.52622 5.97342 2.48699 5.92504 2.4628L5.44679 2.22367C5.26253 2.13154 5.26253 1.86859 5.44679 1.77646L5.92504 1.53733Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.25837 2.37067C3.30676 2.34648 3.34599 2.30724 3.37018 2.25886L3.52597 1.94728C3.6181 1.76302 3.88105 1.76302 3.97318 1.94728L4.12898 2.25886C4.15317 2.30724 4.1924 2.34648 4.24078 2.37067L4.55236 2.52646C4.73662 2.61859 4.73663 2.88154 4.55236 2.97367L4.24078 3.12946C4.1924 3.15365 4.15317 3.19289 4.12898 3.24127L3.97318 3.55285C3.88105 3.73711 3.6181 3.73711 3.52597 3.55285L3.37018 3.24127C3.34599 3.19289 3.30676 3.15365 3.25837 3.12946L2.94679 2.97367C2.76253 2.88154 2.76253 2.61859 2.94679 2.52646L3.25837 2.37067Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "MagicBox"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "box-sparkle, magic box"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Icon"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.76205 2.07424C9.99723 2.21897 10.0706 2.52694 9.92583 2.76212L8.85632 4.50007H9.5C9.77614 4.50007 10 4.72393 10 5.00007V9.00007C10 10.1046 9.10457 11.0001 8 11.0001H4C2.89543 11.0001 2 10.1046 2 9.00007V5.00007C2 4.72393 2.22386 4.50007 2.5 4.50007H7.68214L9.07417 2.23802C9.2189 2.00284 9.52687 1.92952 9.76205 2.07424ZM5 6.50007C4.72386 6.50007 4.5 6.72393 4.5 7.00007C4.5 7.27621 4.72386 7.50007 5 7.50007H7C7.27614 7.50007 7.5 7.27621 7.5 7.00007C7.5 6.72393 7.27614 6.50007 7 6.50007H5Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.92504 1.53733C5.97342 1.51314 6.01265 1.47391 6.03684 1.42553L6.27597 0.947279C6.3681 0.763016 6.63105 0.763017 6.72318 0.947279L6.96231 1.42553C6.9865 1.47391 7.02573 1.51314 7.07411 1.53733L7.55236 1.77646C7.73663 1.86859 7.73663 2.13154 7.55236 2.22367L7.07411 2.4628C7.02573 2.48699 6.9865 2.52622 6.96231 2.5746L6.72318 3.05285C6.63105 3.23711 6.3681 3.23711 6.27597 3.05285L6.03684 2.5746C6.01265 2.52622 5.97342 2.48699 5.92504 2.4628L5.44679 2.22367C5.26253 2.13154 5.26253 1.86859 5.44679 1.77646L5.92504 1.53733Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.25837 2.37067C3.30676 2.34648 3.34599 2.30724 3.37018 2.25886L3.52597 1.94728C3.6181 1.76302 3.88105 1.76302 3.97318 1.94728L4.12898 2.25886C4.15317 2.30724 4.1924 2.34648 4.24078 2.37067L4.55236 2.52646C4.73662 2.61859 4.73663 2.88154 4.55236 2.97367L4.24078 3.12946C4.1924 3.15365 4.15317 3.19289 4.12898 3.24127L3.97318 3.55285C3.88105 3.73711 3.6181 3.73711 3.52597 3.55285L3.37018 3.24127C3.34599 3.19289 3.30676 3.15365 3.25837 3.12946L2.94679 2.97367C2.76253 2.88154 2.76253 2.61859 2.94679 2.52646L3.25837 2.37067Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MagicBox"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
index dfc2f9d46c..78049a5346 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MagicBox.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MagicBox.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.json
index e7c0b53bf2..64916ba818 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "eye-sparkle, magic eyes"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M11.0338 5.05688C9.75366 3.05335 7.90203 1.99999 6.00017 2C4.09831 2.00001 2.24669 3.05341 0.966566 5.05693C0.599687 5.63113 0.599686 6.36892 0.966566 6.94312C2.24669 8.94665 4.09832 10 6.00018 10C7.90204 9.99999 9.75366 8.94659 11.0338 6.94307C11.4007 6.36887 11.4007 5.63108 11.0338 5.05688ZM5.77639 4.44721L5.3706 5.2588C5.34641 5.30718 5.30718 5.34641 5.2588 5.3706L4.44721 5.77639C4.26295 5.86852 4.26295 6.13148 4.44721 6.22361L5.2588 6.6294C5.30718 6.65359 5.34641 6.69282 5.3706 6.7412L5.77639 7.55279C5.86852 7.73705 6.13148 7.73705 6.22361 7.55279L6.6294 6.7412C6.65359 6.69282 6.69282 6.65359 6.7412 6.6294L7.55279 6.22361C7.73705 6.13148 7.73705 5.86852 7.55279 5.77639L6.7412 5.3706C6.69282 5.34641 6.65359 5.30718 6.6294 5.2588L6.22361 4.44721C6.13148 4.26295 5.86852 4.26295 5.77639 4.44721Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "MagicEyes"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "eye-sparkle, magic eyes"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M11.0338 5.05688C9.75366 3.05335 7.90203 1.99999 6.00017 2C4.09831 2.00001 2.24669 3.05341 0.966566 5.05693C0.599687 5.63113 0.599686 6.36892 0.966566 6.94312C2.24669 8.94665 4.09832 10 6.00018 10C7.90204 9.99999 9.75366 8.94659 11.0338 6.94307C11.4007 6.36887 11.4007 5.63108 11.0338 5.05688ZM5.77639 4.44721L5.3706 5.2588C5.34641 5.30718 5.30718 5.34641 5.2588 5.3706L4.44721 5.77639C4.26295 5.86852 4.26295 6.13148 4.44721 6.22361L5.2588 6.6294C5.30718 6.65359 5.34641 6.69282 5.3706 6.7412L5.77639 7.55279C5.86852 7.73705 6.13148 7.73705 6.22361 7.55279L6.6294 6.7412C6.65359 6.69282 6.69282 6.65359 6.7412 6.6294L7.55279 6.22361C7.73705 6.13148 7.73705 5.86852 7.55279 5.77639L6.7412 5.3706C6.69282 5.34641 6.65359 5.30718 6.6294 5.2588L6.22361 4.44721C6.13148 4.26295 5.86852 4.26295 5.77639 4.44721Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MagicEyes"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
index 1b13fa52be..763524e295 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MagicEyes.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MagicEyes.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.json
index d9852c839f..073f80579a 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.json
@@ -1,73 +1,73 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "magic-wand-2, magic stick, star"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Icon"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M8.27056 1.77151C8.811 1.23107 9.68723 1.23107 10.2277 1.77151C10.7681 2.31195 10.7681 3.18818 10.2277 3.72862L3.72767 10.2286C3.18723 10.7691 2.31101 10.7691 1.77056 10.2286C1.23012 9.68818 1.23012 8.81195 1.77056 8.27151L8.27056 1.77151ZM9.52056 2.47862C9.37065 2.3287 9.12759 2.3287 8.97767 2.47862L8.08122 3.37506L8.62412 3.91796L9.52056 3.02151C9.67048 2.87159 9.67048 2.62853 9.52056 2.47862Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.92504 1.03733C4.97342 1.01314 5.01265 0.973911 5.03684 0.92553L5.27597 0.447279C5.3681 0.263016 5.63105 0.263017 5.72318 0.447279L5.96231 0.92553C5.9865 0.973911 6.02573 1.01314 6.07411 1.03733L6.55236 1.27646C6.73663 1.36859 6.73663 1.63154 6.55236 1.72367L6.07411 1.9628C6.02573 1.98699 5.9865 2.02622 5.96231 2.0746L5.72318 2.55285C5.63105 2.73711 5.3681 2.73711 5.27597 2.55285L5.03684 2.0746C5.01265 2.02622 4.97342 1.98699 4.92504 1.9628L4.44679 1.72367C4.26253 1.63154 4.26253 1.36859 4.44679 1.27646L4.92504 1.03733Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.42504 6.53733C9.47342 6.51314 9.51265 6.47391 9.53684 6.42553L9.77597 5.94728C9.8681 5.76302 10.1311 5.76302 10.2232 5.94728L10.4623 6.42553C10.4865 6.47391 10.5257 6.51314 10.5741 6.53733L11.0524 6.77646C11.2366 6.86859 11.2366 7.13154 11.0524 7.22367L10.5741 7.4628C10.5257 7.48699 10.4865 7.52622 10.4623 7.5746L10.2232 8.05285C10.1311 8.23711 9.8681 8.23711 9.77597 8.05285L9.53684 7.5746C9.51265 7.52622 9.47342 7.48699 9.42504 7.4628L8.94679 7.22367C8.76253 7.13154 8.76253 6.86859 8.94679 6.77646L9.42504 6.53733Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.42504 3.53733C2.47342 3.51314 2.51265 3.47391 2.53684 3.42553L2.77597 2.94728C2.8681 2.76302 3.13105 2.76302 3.22318 2.94728L3.46231 3.42553C3.4865 3.47391 3.52573 3.51314 3.57411 3.53733L4.05236 3.77646C4.23663 3.86859 4.23663 4.13154 4.05236 4.22367L3.57411 4.4628C3.52573 4.48699 3.4865 4.52622 3.46231 4.5746L3.22318 5.05285C3.13105 5.23711 2.8681 5.23711 2.77597 5.05285L2.53684 4.5746C2.51265 4.52622 2.47342 4.48699 2.42504 4.4628L1.94679 4.22367C1.76253 4.13154 1.76253 3.86859 1.94679 3.77646L2.42504 3.53733Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "MagicWand"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "magic-wand-2, magic stick, star"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Icon"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M8.27056 1.77151C8.811 1.23107 9.68723 1.23107 10.2277 1.77151C10.7681 2.31195 10.7681 3.18818 10.2277 3.72862L3.72767 10.2286C3.18723 10.7691 2.31101 10.7691 1.77056 10.2286C1.23012 9.68818 1.23012 8.81195 1.77056 8.27151L8.27056 1.77151ZM9.52056 2.47862C9.37065 2.3287 9.12759 2.3287 8.97767 2.47862L8.08122 3.37506L8.62412 3.91796L9.52056 3.02151C9.67048 2.87159 9.67048 2.62853 9.52056 2.47862Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.92504 1.03733C4.97342 1.01314 5.01265 0.973911 5.03684 0.92553L5.27597 0.447279C5.3681 0.263016 5.63105 0.263017 5.72318 0.447279L5.96231 0.92553C5.9865 0.973911 6.02573 1.01314 6.07411 1.03733L6.55236 1.27646C6.73663 1.36859 6.73663 1.63154 6.55236 1.72367L6.07411 1.9628C6.02573 1.98699 5.9865 2.02622 5.96231 2.0746L5.72318 2.55285C5.63105 2.73711 5.3681 2.73711 5.27597 2.55285L5.03684 2.0746C5.01265 2.02622 4.97342 1.98699 4.92504 1.9628L4.44679 1.72367C4.26253 1.63154 4.26253 1.36859 4.44679 1.27646L4.92504 1.03733Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.42504 6.53733C9.47342 6.51314 9.51265 6.47391 9.53684 6.42553L9.77597 5.94728C9.8681 5.76302 10.1311 5.76302 10.2232 5.94728L10.4623 6.42553C10.4865 6.47391 10.5257 6.51314 10.5741 6.53733L11.0524 6.77646C11.2366 6.86859 11.2366 7.13154 11.0524 7.22367L10.5741 7.4628C10.5257 7.48699 10.4865 7.52622 10.4623 7.5746L10.2232 8.05285C10.1311 8.23711 9.8681 8.23711 9.77597 8.05285L9.53684 7.5746C9.51265 7.52622 9.47342 7.48699 9.42504 7.4628L8.94679 7.22367C8.76253 7.13154 8.76253 6.86859 8.94679 6.77646L9.42504 6.53733Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.42504 3.53733C2.47342 3.51314 2.51265 3.47391 2.53684 3.42553L2.77597 2.94728C2.8681 2.76302 3.13105 2.76302 3.22318 2.94728L3.46231 3.42553C3.4865 3.47391 3.52573 3.51314 3.57411 3.53733L4.05236 3.77646C4.23663 3.86859 4.23663 4.13154 4.05236 4.22367L3.57411 4.4628C3.52573 4.48699 3.4865 4.52622 3.46231 4.5746L3.22318 5.05285C3.13105 5.23711 2.8681 5.23711 2.77597 5.05285L2.53684 4.5746C2.51265 4.52622 2.47342 4.48699 2.42504 4.4628L1.94679 4.22367C1.76253 4.13154 1.76253 3.86859 1.94679 3.77646L2.42504 3.53733Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "MagicWand"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
index 09f9117a18..414c49e896 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './MagicWand.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './MagicWand.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.json
index 95ff504b07..040aed1c86 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.json
@@ -1,55 +1,55 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "microphone-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M8.00008 0.666016C6.52732 0.666016 5.33341 1.85992 5.33341 3.33268V7.99935C5.33341 9.47211 6.52732 10.666 8.00008 10.666C9.47284 10.666 10.6667 9.47211 10.6667 7.99935V3.33268C10.6667 1.85992 9.47284 0.666016 8.00008 0.666016Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.00008 6.66602C4.00008 6.29783 3.7016 5.99935 3.33341 5.99935C2.96522 5.99935 2.66675 6.29783 2.66675 6.66602V7.99935C2.66675 10.7195 4.70319 12.9641 7.33466 13.2916C7.33384 13.3052 7.33341 13.3189 7.33341 13.3327V13.9993H5.33341C4.96522 13.9993 4.66675 14.2978 4.66675 14.666C4.66675 15.0342 4.96522 15.3327 5.33341 15.3327H10.6667C11.0349 15.3327 11.3334 15.0342 11.3334 14.666C11.3334 14.2978 11.0349 13.9993 10.6667 13.9993H8.66675V13.3327C8.66675 13.3189 8.66633 13.3052 8.6655 13.2916C11.297 12.9641 13.3334 10.7195 13.3334 7.99935V6.66602C13.3334 6.29783 13.0349 5.99935 12.6667 5.99935C12.2986 5.99935 12.0001 6.29783 12.0001 6.66602V7.99935C12.0001 10.2085 10.2092 11.9993 8.00008 11.9993C5.79094 11.9993 4.00008 10.2085 4.00008 7.99935V6.66602Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Microphone01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "microphone-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M8.00008 0.666016C6.52732 0.666016 5.33341 1.85992 5.33341 3.33268V7.99935C5.33341 9.47211 6.52732 10.666 8.00008 10.666C9.47284 10.666 10.6667 9.47211 10.6667 7.99935V3.33268C10.6667 1.85992 9.47284 0.666016 8.00008 0.666016Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.00008 6.66602C4.00008 6.29783 3.7016 5.99935 3.33341 5.99935C2.96522 5.99935 2.66675 6.29783 2.66675 6.66602V7.99935C2.66675 10.7195 4.70319 12.9641 7.33466 13.2916C7.33384 13.3052 7.33341 13.3189 7.33341 13.3327V13.9993H5.33341C4.96522 13.9993 4.66675 14.2978 4.66675 14.666C4.66675 15.0342 4.96522 15.3327 5.33341 15.3327H10.6667C11.0349 15.3327 11.3334 15.0342 11.3334 14.666C11.3334 14.2978 11.0349 13.9993 10.6667 13.9993H8.66675V13.3327C8.66675 13.3189 8.66633 13.3052 8.6655 13.2916C11.297 12.9641 13.3334 10.7195 13.3334 7.99935V6.66602C13.3334 6.29783 13.0349 5.99935 12.6667 5.99935C12.2986 5.99935 12.0001 6.29783 12.0001 6.66602V7.99935C12.0001 10.2085 10.2092 11.9993 8.00008 11.9993C5.79094 11.9993 4.00008 10.2085 4.00008 7.99935V6.66602Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Microphone01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
index c76cc607e4..3c9dd52a67 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Microphone01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Microphone01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.json
index dc3cb6b4c0..250609112e 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "play"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M4.00312 1.40109C4.0091 1.40508 4.0151 1.40907 4.02111 1.41309L9.29548 4.92933C9.44809 5.03105 9.58959 5.12537 9.69827 5.21301C9.81168 5.30448 9.94538 5.43132 10.0223 5.61687C10.124 5.86212 10.124 6.13775 10.0223 6.38301C9.94538 6.56856 9.81168 6.6954 9.69827 6.78686C9.5896 6.8745 9.44811 6.96881 9.2955 7.07053L4.00314 10.5988C3.8166 10.7232 3.64886 10.835 3.50652 10.9121C3.36409 10.9893 3.16859 11.0775 2.9404 11.0639C2.64852 11.0465 2.3789 10.9022 2.20249 10.669C2.06458 10.4867 2.02952 10.2751 2.01474 10.1138C1.99997 9.95254 1.99999 9.75094 2 9.52674L2 2.49475C2 2.48752 2 2.48031 2 2.47313C1.99999 2.24893 1.99997 2.04733 2.01474 1.88612C2.02952 1.72479 2.06458 1.5132 2.20249 1.33089C2.3789 1.0977 2.64852 0.953401 2.9404 0.935973C3.16859 0.922349 3.36409 1.01055 3.50652 1.08774C3.64885 1.16488 3.81659 1.27672 4.00312 1.40109Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Play"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "play"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M4.00312 1.40109C4.0091 1.40508 4.0151 1.40907 4.02111 1.41309L9.29548 4.92933C9.44809 5.03105 9.58959 5.12537 9.69827 5.21301C9.81168 5.30448 9.94538 5.43132 10.0223 5.61687C10.124 5.86212 10.124 6.13775 10.0223 6.38301C9.94538 6.56856 9.81168 6.6954 9.69827 6.78686C9.5896 6.8745 9.44811 6.96881 9.2955 7.07053L4.00314 10.5988C3.8166 10.7232 3.64886 10.835 3.50652 10.9121C3.36409 10.9893 3.16859 11.0775 2.9404 11.0639C2.64852 11.0465 2.3789 10.9022 2.20249 10.669C2.06458 10.4867 2.02952 10.2751 2.01474 10.1138C1.99997 9.95254 1.99999 9.75094 2 9.52674L2 2.49475C2 2.48752 2 2.48031 2 2.47313C1.99999 2.24893 1.99997 2.04733 2.01474 1.88612C2.02952 1.72479 2.06458 1.5132 2.20249 1.33089C2.3789 1.0977 2.64852 0.953401 2.9404 0.935973C3.16859 0.922349 3.36409 1.01055 3.50652 1.08774C3.64885 1.16488 3.81659 1.27672 4.00312 1.40109Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Play"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
index 4ac957cc35..4f3a32e165 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Play.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Play.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.json
index 616821956e..16356c736c 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "robot, bot"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M6 0.5C6.27614 0.5 6.5 0.723858 6.5 1V1.5H8.5C9.32843 1.5 10 2.17157 10 3V5.5C10 5.94425 9.80688 6.34339 9.5 6.61805V7.29289L10.3536 8.14645C10.5488 8.34171 10.5488 8.65829 10.3536 8.85355C10.1583 9.04882 9.84171 9.04882 9.64645 8.85355L9.34052 8.54762C8.89526 9.96884 7.56805 11 6 11C4.43195 11 3.10474 9.96884 2.65948 8.54762L2.35355 8.85355C2.15829 9.04882 1.84171 9.04882 1.64645 8.85355C1.45118 8.65829 1.45118 8.34171 1.64645 8.14645L2.5 7.29289V6.61805C2.19313 6.34339 2 5.94425 2 5.5V3C2 2.17157 2.67157 1.5 3.5 1.5H5.5V1C5.5 0.723858 5.72386 0.5 6 0.5ZM3.5 2.5C3.22386 2.5 3 2.72386 3 3V5.5C3 5.77614 3.22386 6 3.5 6H8.5C8.77614 6 9 5.77614 9 5.5V3C9 2.72386 8.77614 2.5 8.5 2.5H3.5ZM4.5 3.5C4.77614 3.5 5 3.72386 5 4V4.5C5 4.77614 4.77614 5 4.5 5C4.22386 5 4 4.77614 4 4.5V4C4 3.72386 4.22386 3.5 4.5 3.5ZM7.5 3.5C7.77614 3.5 8 3.72386 8 4V4.5C8 4.77614 7.77614 5 7.5 5C7.22386 5 7 4.77614 7 4.5V4C7 3.72386 7.22386 3.5 7.5 3.5Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Robot"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "robot, bot"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M6 0.5C6.27614 0.5 6.5 0.723858 6.5 1V1.5H8.5C9.32843 1.5 10 2.17157 10 3V5.5C10 5.94425 9.80688 6.34339 9.5 6.61805V7.29289L10.3536 8.14645C10.5488 8.34171 10.5488 8.65829 10.3536 8.85355C10.1583 9.04882 9.84171 9.04882 9.64645 8.85355L9.34052 8.54762C8.89526 9.96884 7.56805 11 6 11C4.43195 11 3.10474 9.96884 2.65948 8.54762L2.35355 8.85355C2.15829 9.04882 1.84171 9.04882 1.64645 8.85355C1.45118 8.65829 1.45118 8.34171 1.64645 8.14645L2.5 7.29289V6.61805C2.19313 6.34339 2 5.94425 2 5.5V3C2 2.17157 2.67157 1.5 3.5 1.5H5.5V1C5.5 0.723858 5.72386 0.5 6 0.5ZM3.5 2.5C3.22386 2.5 3 2.72386 3 3V5.5C3 5.77614 3.22386 6 3.5 6H8.5C8.77614 6 9 5.77614 9 5.5V3C9 2.72386 8.77614 2.5 8.5 2.5H3.5ZM4.5 3.5C4.77614 3.5 5 3.72386 5 4V4.5C5 4.77614 4.77614 5 4.5 5C4.22386 5 4 4.77614 4 4.5V4C4 3.72386 4.22386 3.5 4.5 3.5ZM7.5 3.5C7.77614 3.5 8 3.72386 8 4V4.5C8 4.77614 7.77614 5 7.5 5C7.22386 5 7 4.77614 7 4.5V4C7 3.72386 7.22386 3.5 7.5 3.5Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Robot"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
index 31dd7f3efd..eb04731398 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Robot.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Robot.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.json
index 015509fca5..0d5e94e5fd 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.json
@@ -1,77 +1,77 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5 2C5.55228 2 6 2.44772 6 3V7C6 7.55228 5.55228 8 5 8C4.44772 8 4 7.55228 4 7V3C4 2.44772 4.44772 2 5 2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M6 15.8293C7.16519 15.4175 8 14.3062 8 13C8 11.3431 6.65685 10 5 10C3.34315 10 2 11.3431 2 13C2 14.3062 2.83481 15.4175 4 15.8293L4 21C4 21.5523 4.44772 22 5 22C5.55229 22 6 21.5523 6 21L6 15.8293Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V15Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M12 2C12.5523 2 13 2.44772 13 3V6.17071C14.1652 6.58254 15 7.69378 15 9C15 10.6569 13.6569 12 12 12C10.3431 12 9 10.6569 9 9C9 7.69378 9.83481 6.58254 11 6.17071V3C11 2.44772 11.4477 2 12 2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M22 15C22 16.3062 21.1652 17.4175 20 17.8293V21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21V17.8293C16.8348 17.4175 16 16.3062 16 15C16 13.3431 17.3431 12 19 12C20.6569 12 22 13.3431 22 15Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M19 2C19.5523 2 20 2.44772 20 3V9C20 9.55228 19.5523 10 19 10C18.4477 10 18 9.55228 18 9V3C18 2.44772 18.4477 2 19 2Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Sliders02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5 2C5.55228 2 6 2.44772 6 3V7C6 7.55228 5.55228 8 5 8C4.44772 8 4 7.55228 4 7V3C4 2.44772 4.44772 2 5 2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M6 15.8293C7.16519 15.4175 8 14.3062 8 13C8 11.3431 6.65685 10 5 10C3.34315 10 2 11.3431 2 13C2 14.3062 2.83481 15.4175 4 15.8293L4 21C4 21.5523 4.44772 22 5 22C5.55229 22 6 21.5523 6 21L6 15.8293Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V15Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M12 2C12.5523 2 13 2.44772 13 3V6.17071C14.1652 6.58254 15 7.69378 15 9C15 10.6569 13.6569 12 12 12C10.3431 12 9 10.6569 9 9C9 7.69378 9.83481 6.58254 11 6.17071V3C11 2.44772 11.4477 2 12 2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M22 15C22 16.3062 21.1652 17.4175 20 17.8293V21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21V17.8293C16.8348 17.4175 16 16.3062 16 15C16 13.3431 17.3431 12 19 12C20.6569 12 22 13.3431 22 15Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M19 2C19.5523 2 20 2.44772 20 3V9C20 9.55228 19.5523 10 19 10C18.4477 10 18 9.55228 18 9V3C18 2.44772 18.4477 2 19 2Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Sliders02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
index 4a994b35aa..a826b5e8a7 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Sliders02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Sliders02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.json
index 2cb1df48f8..866143f2ae 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.json
@@ -1,112 +1,112 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"clip-path": "url(#clip0_109_6694)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M0 2.86666C0 2.05664 0.656649 1.39999 1.46667 1.39999H5.86667C6.67668 1.39999 7.33333 2.05664 7.33333 2.86666C7.33333 3.27167 7.00501 3.59999 6.6 3.59999C6.19499 3.59999 5.86667 3.27167 5.86667 2.86666H4.4V7.99999C4.80501 7.99999 5.13333 8.32831 5.13333 8.73332C5.13333 9.13833 4.80501 9.46666 4.4 9.46666H2.93333C2.52832 9.46666 2.2 9.13833 2.2 8.73332C2.2 8.32831 2.52832 7.99999 2.93333 7.99999V2.86666H1.46667C1.46667 3.27167 1.13834 3.59999 0.733333 3.59999C0.328324 3.59999 0 3.27167 0 2.86666Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M13.8205 0.782296C13.7434 0.62811 13.5233 0.62811 13.4462 0.782296C12.9664 1.74206 12.8754 1.83302 11.9156 2.3129C11.7615 2.39 11.7615 2.61003 11.9156 2.68712C12.8754 3.167 12.9664 3.25797 13.4462 4.21773C13.5233 4.37191 13.7434 4.37191 13.8205 4.21773C14.3003 3.25797 14.3913 3.167 15.3511 2.68712C15.5053 2.61003 15.5053 2.39 15.3511 2.3129C14.3913 1.83302 14.3003 1.74206 13.8205 0.782296Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M9.79394 2.25319C9.71404 2.09337 9.48596 2.09337 9.40605 2.25319C9.04994 2.96543 8.96544 3.04993 8.2532 3.40605C8.09338 3.48595 8.09338 3.71402 8.2532 3.79393C8.96544 4.15005 9.04994 4.23455 9.40606 4.94679C9.48596 5.10661 9.71404 5.10661 9.79394 4.94679C10.1501 4.23455 10.2346 4.15005 10.9468 3.79393C11.1066 3.71402 11.1066 3.48595 10.9468 3.40605C10.2346 3.04993 10.1501 2.96543 9.79394 2.25319Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M2.75377 11.049C2.67668 10.8948 2.45665 10.8948 2.37956 11.049C1.89969 12.0087 1.80872 12.0997 0.848971 12.5796C0.694788 12.6566 0.694787 12.8767 0.848971 12.9538C1.80872 13.4336 1.89969 13.5246 2.37956 14.4844C2.45665 14.6385 2.67668 14.6385 2.75377 14.4844C3.23365 13.5246 3.32461 13.4336 4.28436 12.9538C4.43855 12.8767 4.43855 12.6566 4.28436 12.5796C3.32461 12.0997 3.23365 12.0087 2.75377 11.049Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M14.6741 8.65106C14.8886 8.50146 15.1837 8.55405 15.3333 8.76853C15.7614 9.38226 16.0125 10.1292 16.0125 10.9333C16.0125 11.7375 15.7614 12.4844 15.3333 13.0981C15.1837 13.3126 14.8886 13.3652 14.6741 13.2156C14.4596 13.066 14.407 12.7708 14.5567 12.5564C14.8775 12.0964 15.0656 11.5375 15.0656 10.9333C15.0656 10.3291 14.8775 9.77025 14.5567 9.31028C14.407 9.09581 14.4596 8.80066 14.6741 8.65106Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M12.5674 6.53771C12.794 6.51987 13.0155 6.61161 13.1632 6.78449C13.2954 6.93929 13.3164 7.12549 13.3244 7.21587C13.3334 7.31718 13.3334 7.44301 13.3333 7.57103C13.3333 7.57691 13.3333 7.58278 13.3333 7.58866L13.3333 14.3C13.3334 14.428 13.3334 14.5539 13.3244 14.6552C13.3164 14.7455 13.2954 14.9317 13.1632 15.0865C13.0155 15.2594 12.794 15.3512 12.5674 15.3333C12.3644 15.3173 12.2179 15.2005 12.1484 15.1423C12.0704 15.077 11.9814 14.988 11.8909 14.8975L10.3795 13.3861C10.3357 13.3423 10.3137 13.3205 10.2971 13.3053L10.2958 13.3041L10.2941 13.3041C10.2716 13.303 10.2407 13.3029 10.1787 13.3029L9.34101 13.3029C9.22151 13.3029 9.10513 13.3029 9.00657 13.2949C8.89833 13.286 8.77062 13.2652 8.6421 13.1997C8.46392 13.1089 8.31906 12.964 8.22827 12.7859C8.16279 12.6574 8.14192 12.5296 8.13308 12.4214C8.12503 12.3228 8.12504 12.2065 8.12505 12.087V9.79916C8.12505 9.79413 8.12505 9.78909 8.12505 9.78406C8.12504 9.66456 8.12503 9.54819 8.13308 9.44963C8.14192 9.34139 8.16279 9.21368 8.22827 9.08517C8.31906 8.90699 8.46392 8.76212 8.6421 8.67133C8.77062 8.60585 8.89833 8.58498 9.00657 8.57614C9.10512 8.56809 9.2215 8.5681 9.341 8.56812C9.34603 8.56812 9.35106 8.56812 9.3561 8.56812H10.1787C10.2407 8.56812 10.2716 8.56801 10.2941 8.56698L10.2958 8.5669L10.2971 8.56575C10.3137 8.55058 10.3357 8.52877 10.3795 8.48491L11.8784 6.98602C11.8826 6.98186 11.8867 6.97771 11.8909 6.97355C11.9814 6.88302 12.0704 6.79403 12.1484 6.72874C12.2179 6.67049 12.3644 6.55368 12.5674 6.53771Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_109_6694"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "16",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Speaker"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "clip-path": "url(#clip0_109_6694)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M0 2.86666C0 2.05664 0.656649 1.39999 1.46667 1.39999H5.86667C6.67668 1.39999 7.33333 2.05664 7.33333 2.86666C7.33333 3.27167 7.00501 3.59999 6.6 3.59999C6.19499 3.59999 5.86667 3.27167 5.86667 2.86666H4.4V7.99999C4.80501 7.99999 5.13333 8.32831 5.13333 8.73332C5.13333 9.13833 4.80501 9.46666 4.4 9.46666H2.93333C2.52832 9.46666 2.2 9.13833 2.2 8.73332C2.2 8.32831 2.52832 7.99999 2.93333 7.99999V2.86666H1.46667C1.46667 3.27167 1.13834 3.59999 0.733333 3.59999C0.328324 3.59999 0 3.27167 0 2.86666Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M13.8205 0.782296C13.7434 0.62811 13.5233 0.62811 13.4462 0.782296C12.9664 1.74206 12.8754 1.83302 11.9156 2.3129C11.7615 2.39 11.7615 2.61003 11.9156 2.68712C12.8754 3.167 12.9664 3.25797 13.4462 4.21773C13.5233 4.37191 13.7434 4.37191 13.8205 4.21773C14.3003 3.25797 14.3913 3.167 15.3511 2.68712C15.5053 2.61003 15.5053 2.39 15.3511 2.3129C14.3913 1.83302 14.3003 1.74206 13.8205 0.782296Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M9.79394 2.25319C9.71404 2.09337 9.48596 2.09337 9.40605 2.25319C9.04994 2.96543 8.96544 3.04993 8.2532 3.40605C8.09338 3.48595 8.09338 3.71402 8.2532 3.79393C8.96544 4.15005 9.04994 4.23455 9.40606 4.94679C9.48596 5.10661 9.71404 5.10661 9.79394 4.94679C10.1501 4.23455 10.2346 4.15005 10.9468 3.79393C11.1066 3.71402 11.1066 3.48595 10.9468 3.40605C10.2346 3.04993 10.1501 2.96543 9.79394 2.25319Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "d": "M2.75377 11.049C2.67668 10.8948 2.45665 10.8948 2.37956 11.049C1.89969 12.0087 1.80872 12.0997 0.848971 12.5796C0.694788 12.6566 0.694787 12.8767 0.848971 12.9538C1.80872 13.4336 1.89969 13.5246 2.37956 14.4844C2.45665 14.6385 2.67668 14.6385 2.75377 14.4844C3.23365 13.5246 3.32461 13.4336 4.28436 12.9538C4.43855 12.8767 4.43855 12.6566 4.28436 12.5796C3.32461 12.0997 3.23365 12.0087 2.75377 11.049Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M14.6741 8.65106C14.8886 8.50146 15.1837 8.55405 15.3333 8.76853C15.7614 9.38226 16.0125 10.1292 16.0125 10.9333C16.0125 11.7375 15.7614 12.4844 15.3333 13.0981C15.1837 13.3126 14.8886 13.3652 14.6741 13.2156C14.4596 13.066 14.407 12.7708 14.5567 12.5564C14.8775 12.0964 15.0656 11.5375 15.0656 10.9333C15.0656 10.3291 14.8775 9.77025 14.5567 9.31028C14.407 9.09581 14.4596 8.80066 14.6741 8.65106Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M12.5674 6.53771C12.794 6.51987 13.0155 6.61161 13.1632 6.78449C13.2954 6.93929 13.3164 7.12549 13.3244 7.21587C13.3334 7.31718 13.3334 7.44301 13.3333 7.57103C13.3333 7.57691 13.3333 7.58278 13.3333 7.58866L13.3333 14.3C13.3334 14.428 13.3334 14.5539 13.3244 14.6552C13.3164 14.7455 13.2954 14.9317 13.1632 15.0865C13.0155 15.2594 12.794 15.3512 12.5674 15.3333C12.3644 15.3173 12.2179 15.2005 12.1484 15.1423C12.0704 15.077 11.9814 14.988 11.8909 14.8975L10.3795 13.3861C10.3357 13.3423 10.3137 13.3205 10.2971 13.3053L10.2958 13.3041L10.2941 13.3041C10.2716 13.303 10.2407 13.3029 10.1787 13.3029L9.34101 13.3029C9.22151 13.3029 9.10513 13.3029 9.00657 13.2949C8.89833 13.286 8.77062 13.2652 8.6421 13.1997C8.46392 13.1089 8.31906 12.964 8.22827 12.7859C8.16279 12.6574 8.14192 12.5296 8.13308 12.4214C8.12503 12.3228 8.12504 12.2065 8.12505 12.087V9.79916C8.12505 9.79413 8.12505 9.78909 8.12505 9.78406C8.12504 9.66456 8.12503 9.54819 8.13308 9.44963C8.14192 9.34139 8.16279 9.21368 8.22827 9.08517C8.31906 8.90699 8.46392 8.76212 8.6421 8.67133C8.77062 8.60585 8.89833 8.58498 9.00657 8.57614C9.10512 8.56809 9.2215 8.5681 9.341 8.56812C9.34603 8.56812 9.35106 8.56812 9.3561 8.56812H10.1787C10.2407 8.56812 10.2716 8.56801 10.2941 8.56698L10.2958 8.5669L10.2971 8.56575C10.3137 8.55058 10.3357 8.52877 10.3795 8.48491L11.8784 6.98602C11.8826 6.98186 11.8867 6.97771 11.8909 6.97355C11.9814 6.88302 12.0704 6.79403 12.1484 6.72874C12.2179 6.67049 12.3644 6.55368 12.5674 6.53771Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_109_6694"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "16",
+                  "height": "16",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Speaker"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
index d17916c05b..b2a626cb3c 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Speaker.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Speaker.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.json
index 62ae331783..06de768d32 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "20",
-			"height": "20",
-			"viewBox": "0 0 20 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "stop-circle"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M9.99992 0.833984C4.93731 0.833984 0.833252 4.93804 0.833252 10.0007C0.833252 15.0633 4.93731 19.1673 9.99992 19.1673C15.0625 19.1673 19.1666 15.0633 19.1666 10.0007C19.1666 4.93804 15.0625 0.833984 9.99992 0.833984ZM6.75741 7.12232C6.66658 7.30058 6.66658 7.53394 6.66658 8.00065V12.0006C6.66658 12.4674 6.66658 12.7007 6.75741 12.879C6.83731 13.0358 6.96479 13.1633 7.12159 13.2432C7.29985 13.334 7.53321 13.334 7.99992 13.334H11.9999C12.4666 13.334 12.7 13.334 12.8782 13.2432C13.035 13.1633 13.1625 13.0358 13.2424 12.879C13.3333 12.7007 13.3333 12.4674 13.3333 12.0006V8.00065C13.3333 7.53394 13.3333 7.30058 13.2424 7.12232C13.1625 6.96552 13.035 6.83804 12.8782 6.75814C12.7 6.66732 12.4666 6.66732 11.9999 6.66732H7.99992C7.53321 6.66732 7.29985 6.66732 7.12159 6.75814C6.96479 6.83804 6.83731 6.96552 6.75741 7.12232Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "StopCircle"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "20",
+      "height": "20",
+      "viewBox": "0 0 20 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "stop-circle"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M9.99992 0.833984C4.93731 0.833984 0.833252 4.93804 0.833252 10.0007C0.833252 15.0633 4.93731 19.1673 9.99992 19.1673C15.0625 19.1673 19.1666 15.0633 19.1666 10.0007C19.1666 4.93804 15.0625 0.833984 9.99992 0.833984ZM6.75741 7.12232C6.66658 7.30058 6.66658 7.53394 6.66658 8.00065V12.0006C6.66658 12.4674 6.66658 12.7007 6.75741 12.879C6.83731 13.0358 6.96479 13.1633 7.12159 13.2432C7.29985 13.334 7.53321 13.334 7.99992 13.334H11.9999C12.4666 13.334 12.7 13.334 12.8782 13.2432C13.035 13.1633 13.1625 13.0358 13.2424 12.879C13.3333 12.7007 13.3333 12.4674 13.3333 12.0006V8.00065C13.3333 7.53394 13.3333 7.30058 13.2424 7.12232C13.1625 6.96552 13.035 6.83804 12.8782 6.75814C12.7 6.66732 12.4666 6.66732 11.9999 6.66732H7.99992C7.53321 6.66732 7.29985 6.66732 7.12159 6.75814C6.96479 6.83804 6.83731 6.96552 6.75741 7.12232Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "StopCircle"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
index 0e99a65359..996fe08104 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './StopCircle.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './StopCircle.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.json
index c801c12c4a..0bc68f0491 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.json
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"xmlns": "http://www.w3.org/2000/svg",
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.2334 4.3469L10.3567 4.06406C10.5764 3.55974 10.9723 3.15821 11.4662 2.93854L11.846 2.76961C12.0514 2.67827 12.0514 2.37941 11.846 2.28806L11.4874 2.12857C10.9808 1.90326 10.5779 1.48687 10.3619 0.965415L10.2353 0.659765C10.1471 0.446745 9.8529 0.446745 9.76465 0.659765L9.63805 0.965415C9.4221 1.48687 9.0192 1.90326 8.5126 2.12857L8.154 2.28806C7.94865 2.37941 7.94865 2.67827 8.154 2.76961L8.53385 2.93854C9.02775 3.15821 9.42355 3.55974 9.6433 4.06406L9.76655 4.3469C9.8568 4.55396 10.1432 4.55396 10.2334 4.3469ZM1.4959 1.5H7V2.5H4V9.5H8V4.5H9V5.5H10H11V10.0033C11 10.2776 10.7723 10.5 10.5041 10.5H1.4959C1.22203 10.5 1 10.2775 1 10.0033V1.9967C1 1.72238 1.22766 1.5 1.4959 1.5ZM2 2.5V3.5H3V2.5H2ZM2 4.5V5.5H3V4.5H2ZM2 6.5V7.5H3V6.5H2ZM9 6.5V7.5H10V6.5H9ZM2 8.5V9.5H3V8.5H2ZM9 8.5V9.5H10V8.5H9Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "VideoSupportIcon"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.2334 4.3469L10.3567 4.06406C10.5764 3.55974 10.9723 3.15821 11.4662 2.93854L11.846 2.76961C12.0514 2.67827 12.0514 2.37941 11.846 2.28806L11.4874 2.12857C10.9808 1.90326 10.5779 1.48687 10.3619 0.965415L10.2353 0.659765C10.1471 0.446745 9.8529 0.446745 9.76465 0.659765L9.63805 0.965415C9.4221 1.48687 9.0192 1.90326 8.5126 2.12857L8.154 2.28806C7.94865 2.37941 7.94865 2.67827 8.154 2.76961L8.53385 2.93854C9.02775 3.15821 9.42355 3.55974 9.6433 4.06406L9.76655 4.3469C9.8568 4.55396 10.1432 4.55396 10.2334 4.3469ZM1.4959 1.5H7V2.5H4V9.5H8V4.5H9V5.5H10H11V10.0033C11 10.2776 10.7723 10.5 10.5041 10.5H1.4959C1.22203 10.5 1 10.2775 1 10.0033V1.9967C1 1.72238 1.22766 1.5 1.4959 1.5ZM2 2.5V3.5H3V2.5H2ZM2 4.5V5.5H3V4.5H2ZM2 6.5V7.5H3V6.5H2ZM9 6.5V7.5H10V6.5H9ZM2 8.5V9.5H3V8.5H2ZM9 8.5V9.5H10V8.5H9Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "VideoSupportIcon"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
index 9d0b9983eb..affb3ae471 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './VideoSupportIcon.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './VideoSupportIcon.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/security/Lock01.json b/web/app/components/base/icons/src/vender/solid/security/Lock01.json
index 080a309f4d..4af6a71324 100644
--- a/web/app/components/base/icons/src/vender/solid/security/Lock01.json
+++ b/web/app/components/base/icons/src/vender/solid/security/Lock01.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "lock-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3 4C3 2.34315 4.34315 1 6 1C7.65685 1 9 2.34315 9 4V4.57516C9.1413 4.60613 9.27693 4.65121 9.40798 4.71799C9.78431 4.90973 10.0903 5.2157 10.282 5.59202C10.4057 5.83469 10.4549 6.09304 10.4779 6.37409C10.5 6.64468 10.5 6.97686 10.5 7.37934V8.12066C10.5 8.52314 10.5 8.85532 10.4779 9.12591C10.4549 9.40696 10.4057 9.66531 10.282 9.90798C10.0903 10.2843 9.78431 10.5903 9.40798 10.782C9.16531 10.9057 8.90696 10.9549 8.62591 10.9779C8.35531 11 8.02313 11 7.62064 11H4.37936C3.97687 11 3.64469 11 3.37409 10.9779C3.09304 10.9549 2.83469 10.9057 2.59202 10.782C2.2157 10.5903 1.90973 10.2843 1.71799 9.90798C1.59434 9.66531 1.54506 9.40696 1.5221 9.12591C1.49999 8.85532 1.49999 8.52314 1.5 8.12066V7.37934C1.49999 6.97687 1.49999 6.64468 1.5221 6.37409C1.54506 6.09304 1.59434 5.83469 1.71799 5.59202C1.90973 5.2157 2.2157 4.90973 2.59202 4.71799C2.72307 4.65121 2.8587 4.60613 3 4.57516V4ZM8 4V4.50081H4V4C4 2.89543 4.89543 2 6 2C7.10457 2 8 2.89543 8 4ZM6.5 7.25C6.5 6.97386 6.27614 6.75 6 6.75C5.72386 6.75 5.5 6.97386 5.5 7.25V8.25C5.5 8.52614 5.72386 8.75 6 8.75C6.27614 8.75 6.5 8.52614 6.5 8.25V7.25Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Lock01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "lock-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3 4C3 2.34315 4.34315 1 6 1C7.65685 1 9 2.34315 9 4V4.57516C9.1413 4.60613 9.27693 4.65121 9.40798 4.71799C9.78431 4.90973 10.0903 5.2157 10.282 5.59202C10.4057 5.83469 10.4549 6.09304 10.4779 6.37409C10.5 6.64468 10.5 6.97686 10.5 7.37934V8.12066C10.5 8.52314 10.5 8.85532 10.4779 9.12591C10.4549 9.40696 10.4057 9.66531 10.282 9.90798C10.0903 10.2843 9.78431 10.5903 9.40798 10.782C9.16531 10.9057 8.90696 10.9549 8.62591 10.9779C8.35531 11 8.02313 11 7.62064 11H4.37936C3.97687 11 3.64469 11 3.37409 10.9779C3.09304 10.9549 2.83469 10.9057 2.59202 10.782C2.2157 10.5903 1.90973 10.2843 1.71799 9.90798C1.59434 9.66531 1.54506 9.40696 1.5221 9.12591C1.49999 8.85532 1.49999 8.52314 1.5 8.12066V7.37934C1.49999 6.97687 1.49999 6.64468 1.5221 6.37409C1.54506 6.09304 1.59434 5.83469 1.71799 5.59202C1.90973 5.2157 2.2157 4.90973 2.59202 4.71799C2.72307 4.65121 2.8587 4.60613 3 4.57516V4ZM8 4V4.50081H4V4C4 2.89543 4.89543 2 6 2C7.10457 2 8 2.89543 8 4ZM6.5 7.25C6.5 6.97386 6.27614 6.75 6 6.75C5.72386 6.75 5.5 6.97386 5.5 7.25V8.25C5.5 8.52614 5.72386 8.75 6 8.75C6.27614 8.75 6.5 8.52614 6.5 8.25V7.25Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Lock01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
index 1519388e11..39c650c666 100644
--- a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Lock01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Lock01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Corner.json b/web/app/components/base/icons/src/vender/solid/shapes/Corner.json
index 23e1194c73..6d808a96ba 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Corner.json
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Corner.json
@@ -1,27 +1,27 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "13",
-			"height": "20",
-			"viewBox": "0 0 13 20",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"id": "Shape",
-					"d": "M0 0H13V20C9.98017 20 7.26458 18.1615 6.14305 15.3576L0 0Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Corner"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "13",
+      "height": "20",
+      "viewBox": "0 0 13 20",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "id": "Shape",
+          "d": "M0 0H13V20C9.98017 20 7.26458 18.1615 6.14305 15.3576L0 0Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Corner"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
index 19fe74ae09..a9916fed5c 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Corner.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Corner.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star04.json b/web/app/components/base/icons/src/vender/solid/shapes/Star04.json
index eba208cca0..398d8d298f 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star04.json
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star04.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "11",
-			"height": "10",
-			"viewBox": "0 0 11 10",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "star-04"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Solid",
-							"d": "M5.88897 0.683596C5.82708 0.522683 5.67249 0.416504 5.50008 0.416504C5.32768 0.416504 5.17308 0.522683 5.11119 0.683596L4.27287 2.86321C4.1477 3.18865 4.10837 3.28243 4.05457 3.35809C4.00059 3.43401 3.93426 3.50034 3.85834 3.55433C3.78267 3.60813 3.68889 3.64746 3.36346 3.77263L1.18384 4.61094C1.02293 4.67283 0.916748 4.82743 0.916748 4.99984C0.916748 5.17224 1.02293 5.32684 1.18384 5.38873L3.36346 6.22705C3.68889 6.35221 3.78267 6.39155 3.85834 6.44535C3.93426 6.49933 4.00059 6.56566 4.05457 6.64158C4.10837 6.71724 4.1477 6.81102 4.27287 7.13646L5.11119 9.31608C5.17308 9.47699 5.32768 9.58317 5.50008 9.58317C5.67249 9.58317 5.82709 9.47699 5.88898 9.31608L6.72729 7.13646C6.85246 6.81102 6.89179 6.71724 6.94559 6.64158C6.99957 6.56566 7.06591 6.49933 7.14183 6.44535C7.21749 6.39155 7.31127 6.35221 7.6367 6.22705L9.81632 5.38873C9.97723 5.32684 10.0834 5.17224 10.0834 4.99984C10.0834 4.82743 9.97723 4.67283 9.81632 4.61094L7.6367 3.77263C7.31127 3.64746 7.21749 3.60813 7.14183 3.55433C7.06591 3.50034 6.99957 3.43401 6.94559 3.35809C6.89179 3.28243 6.85246 3.18865 6.72729 2.86321L5.88897 0.683596Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Star04"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "11",
+      "height": "10",
+      "viewBox": "0 0 11 10",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "star-04"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Solid",
+              "d": "M5.88897 0.683596C5.82708 0.522683 5.67249 0.416504 5.50008 0.416504C5.32768 0.416504 5.17308 0.522683 5.11119 0.683596L4.27287 2.86321C4.1477 3.18865 4.10837 3.28243 4.05457 3.35809C4.00059 3.43401 3.93426 3.50034 3.85834 3.55433C3.78267 3.60813 3.68889 3.64746 3.36346 3.77263L1.18384 4.61094C1.02293 4.67283 0.916748 4.82743 0.916748 4.99984C0.916748 5.17224 1.02293 5.32684 1.18384 5.38873L3.36346 6.22705C3.68889 6.35221 3.78267 6.39155 3.85834 6.44535C3.93426 6.49933 4.00059 6.56566 4.05457 6.64158C4.10837 6.71724 4.1477 6.81102 4.27287 7.13646L5.11119 9.31608C5.17308 9.47699 5.32768 9.58317 5.50008 9.58317C5.67249 9.58317 5.82709 9.47699 5.88898 9.31608L6.72729 7.13646C6.85246 6.81102 6.89179 6.71724 6.94559 6.64158C6.99957 6.56566 7.06591 6.49933 7.14183 6.44535C7.21749 6.39155 7.31127 6.35221 7.6367 6.22705L9.81632 5.38873C9.97723 5.32684 10.0834 5.17224 10.0834 4.99984C10.0834 4.82743 9.97723 4.67283 9.81632 4.61094L7.6367 3.77263C7.31127 3.64746 7.21749 3.60813 7.14183 3.55433C7.06591 3.50034 6.99957 3.43401 6.94559 3.35809C6.89179 3.28243 6.85246 3.18865 6.72729 2.86321L5.88897 0.683596Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Star04"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
index 32d3265c4a..37d6fcd3f4 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Star04.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Star04.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star06.json b/web/app/components/base/icons/src/vender/solid/shapes/Star06.json
index 5baa4d9a02..1af8f96263 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star06.json
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star06.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "star-06"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.66675 1.33268C3.66675 0.964492 3.36827 0.666016 3.00008 0.666016C2.63189 0.666016 2.33341 0.964492 2.33341 1.33268V2.33268H1.33341C0.965225 2.33268 0.666748 2.63116 0.666748 2.99935C0.666748 3.36754 0.965225 3.66602 1.33341 3.66602H2.33341V4.66602C2.33341 5.0342 2.63189 5.33268 3.00008 5.33268C3.36827 5.33268 3.66675 5.0342 3.66675 4.66602V3.66602H4.66675C5.03494 3.66602 5.33341 3.36754 5.33341 2.99935C5.33341 2.63116 5.03494 2.33268 4.66675 2.33268H3.66675V1.33268Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.66675 11.3327C3.66675 10.9645 3.36827 10.666 3.00008 10.666C2.63189 10.666 2.33341 10.9645 2.33341 11.3327V12.3327H1.33341C0.965225 12.3327 0.666748 12.6312 0.666748 12.9993C0.666748 13.3675 0.965225 13.666 1.33341 13.666H2.33341V14.666C2.33341 15.0342 2.63189 15.3327 3.00008 15.3327C3.36827 15.3327 3.66675 15.0342 3.66675 14.666V13.666H4.66675C5.03494 13.666 5.33341 13.3675 5.33341 12.9993C5.33341 12.6312 5.03494 12.3327 4.66675 12.3327H3.66675V11.3327Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.28898 1.76003C9.18995 1.50257 8.94259 1.33268 8.66675 1.33268C8.3909 1.33268 8.14354 1.50257 8.04452 1.76003L6.8884 4.76594C6.68813 5.28663 6.6252 5.43668 6.53912 5.55774C6.45274 5.67921 6.34661 5.78534 6.22514 5.87172C6.10408 5.9578 5.95403 6.02073 5.43334 6.221L2.42743 7.37712C2.16997 7.47614 2.00008 7.7235 2.00008 7.99935C2.00008 8.2752 2.16997 8.52256 2.42743 8.62158L5.43334 9.7777C5.95403 9.97797 6.10408 10.0409 6.22514 10.127C6.34661 10.2134 6.45274 10.3195 6.53912 10.441C6.6252 10.562 6.68813 10.7121 6.8884 11.2328L8.04452 14.2387C8.14354 14.4961 8.3909 14.666 8.66675 14.666C8.9426 14.666 9.18995 14.4961 9.28898 14.2387L10.4451 11.2328C10.6454 10.7121 10.7083 10.562 10.7944 10.441C10.8808 10.3195 10.9869 10.2134 11.1084 10.127C11.2294 10.0409 11.3795 9.97797 11.9002 9.7777L14.9061 8.62158C15.1635 8.52256 15.3334 8.2752 15.3334 7.99935C15.3334 7.7235 15.1635 7.47614 14.9061 7.37712L11.9002 6.221C11.3795 6.02073 11.2294 5.9578 11.1084 5.87172C10.9869 5.78534 10.8808 5.67921 10.7944 5.55774C10.7083 5.43668 10.6454 5.28663 10.4451 4.76594L9.28898 1.76003Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Star06"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "star-06"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.66675 1.33268C3.66675 0.964492 3.36827 0.666016 3.00008 0.666016C2.63189 0.666016 2.33341 0.964492 2.33341 1.33268V2.33268H1.33341C0.965225 2.33268 0.666748 2.63116 0.666748 2.99935C0.666748 3.36754 0.965225 3.66602 1.33341 3.66602H2.33341V4.66602C2.33341 5.0342 2.63189 5.33268 3.00008 5.33268C3.36827 5.33268 3.66675 5.0342 3.66675 4.66602V3.66602H4.66675C5.03494 3.66602 5.33341 3.36754 5.33341 2.99935C5.33341 2.63116 5.03494 2.33268 4.66675 2.33268H3.66675V1.33268Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.66675 11.3327C3.66675 10.9645 3.36827 10.666 3.00008 10.666C2.63189 10.666 2.33341 10.9645 2.33341 11.3327V12.3327H1.33341C0.965225 12.3327 0.666748 12.6312 0.666748 12.9993C0.666748 13.3675 0.965225 13.666 1.33341 13.666H2.33341V14.666C2.33341 15.0342 2.63189 15.3327 3.00008 15.3327C3.36827 15.3327 3.66675 15.0342 3.66675 14.666V13.666H4.66675C5.03494 13.666 5.33341 13.3675 5.33341 12.9993C5.33341 12.6312 5.03494 12.3327 4.66675 12.3327H3.66675V11.3327Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.28898 1.76003C9.18995 1.50257 8.94259 1.33268 8.66675 1.33268C8.3909 1.33268 8.14354 1.50257 8.04452 1.76003L6.8884 4.76594C6.68813 5.28663 6.6252 5.43668 6.53912 5.55774C6.45274 5.67921 6.34661 5.78534 6.22514 5.87172C6.10408 5.9578 5.95403 6.02073 5.43334 6.221L2.42743 7.37712C2.16997 7.47614 2.00008 7.7235 2.00008 7.99935C2.00008 8.2752 2.16997 8.52256 2.42743 8.62158L5.43334 9.7777C5.95403 9.97797 6.10408 10.0409 6.22514 10.127C6.34661 10.2134 6.45274 10.3195 6.53912 10.441C6.6252 10.562 6.68813 10.7121 6.8884 11.2328L8.04452 14.2387C8.14354 14.4961 8.3909 14.666 8.66675 14.666C8.9426 14.666 9.18995 14.4961 9.28898 14.2387L10.4451 11.2328C10.6454 10.7121 10.7083 10.562 10.7944 10.441C10.8808 10.3195 10.9869 10.2134 11.1084 10.127C11.2294 10.0409 11.3795 9.97797 11.9002 9.7777L14.9061 8.62158C15.1635 8.52256 15.3334 8.2752 15.3334 7.99935C15.3334 7.7235 15.1635 7.47614 14.9061 7.37712L11.9002 6.221C11.3795 6.02073 11.2294 5.9578 11.1084 5.87172C10.9869 5.78534 10.8808 5.67921 10.7944 5.55774C10.7083 5.43668 10.6454 5.28663 10.4451 4.76594L9.28898 1.76003Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Star06"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
index b959ad3818..fe540a05bc 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Star06.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Star06.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/User01.json b/web/app/components/base/icons/src/vender/solid/users/User01.json
index 110cb2c020..e977d03730 100644
--- a/web/app/components/base/icons/src/vender/solid/users/User01.json
+++ b/web/app/components/base/icons/src/vender/solid/users/User01.json
@@ -1,57 +1,57 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "user-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.85731 9.66669C7.28575 9.66701 8.71419 9.66701 10.1426 9.66669C10.6271 9.66659 10.9572 9.66652 11.2455 9.71735C12.6255 9.96068 13.706 11.0412 13.9493 12.4212C14.0002 12.7095 14.0001 13.0396 14 13.524C14 13.6296 14.0032 13.7359 13.9848 13.8404C13.9118 14.2544 13.5876 14.5785 13.1736 14.6515C13.0828 14.6675 12.9872 14.667 12.9396 14.6668C9.64686 14.6491 6.35308 14.6491 3.06031 14.6668C3.01274 14.667 2.9171 14.6675 2.82632 14.6515C2.41231 14.5785 2.08816 14.2544 2.01516 13.8404C1.99675 13.7359 1.99998 13.6296 1.99996 13.524C1.99985 13.0396 1.99978 12.7095 2.05061 12.4212C2.29395 11.0412 3.37444 9.96068 4.75447 9.71735C5.04275 9.66652 5.37286 9.66659 5.85731 9.66669Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M4.3333 5.00004C4.3333 2.975 5.97493 1.33337 7.99997 1.33337C10.025 1.33337 11.6666 2.975 11.6666 5.00004C11.6666 7.02508 10.025 8.66671 7.99997 8.66671C5.97493 8.66671 4.3333 7.02508 4.3333 5.00004Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "User01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "user-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.85731 9.66669C7.28575 9.66701 8.71419 9.66701 10.1426 9.66669C10.6271 9.66659 10.9572 9.66652 11.2455 9.71735C12.6255 9.96068 13.706 11.0412 13.9493 12.4212C14.0002 12.7095 14.0001 13.0396 14 13.524C14 13.6296 14.0032 13.7359 13.9848 13.8404C13.9118 14.2544 13.5876 14.5785 13.1736 14.6515C13.0828 14.6675 12.9872 14.667 12.9396 14.6668C9.64686 14.6491 6.35308 14.6491 3.06031 14.6668C3.01274 14.667 2.9171 14.6675 2.82632 14.6515C2.41231 14.5785 2.08816 14.2544 2.01516 13.8404C1.99675 13.7359 1.99998 13.6296 1.99996 13.524C1.99985 13.0396 1.99978 12.7095 2.05061 12.4212C2.29395 11.0412 3.37444 9.96068 4.75447 9.71735C5.04275 9.66652 5.37286 9.66659 5.85731 9.66669Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M4.3333 5.00004C4.3333 2.975 5.97493 1.33337 7.99997 1.33337C10.025 1.33337 11.6666 2.975 11.6666 5.00004C11.6666 7.02508 10.025 8.66671 7.99997 8.66671C5.97493 8.66671 4.3333 7.02508 4.3333 5.00004Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "User01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/users/User01.tsx b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
index 42f2144b97..61d029fdba 100644
--- a/web/app/components/base/icons/src/vender/solid/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './User01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './User01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.json b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.json
index 7040d17ccb..761f7b70bc 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.json
+++ b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.json
@@ -1,92 +1,92 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "user-edit 2",
-					"clip-path": "url(#clip0_10419_49994)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Group"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector",
-									"d": "M5.83333 6.41667C7.60525 6.41667 9.04167 4.98025 9.04167 3.20833C9.04167 1.43642 7.60525 0 5.83333 0C4.06142 0 2.625 1.43642 2.625 3.20833C2.625 4.98025 4.06142 6.41667 5.83333 6.41667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_2",
-									"d": "M5.90917 13.2465L6.78417 10.6221C6.85533 10.4086 6.97725 10.2114 7.1365 10.0522L8.79083 8.39783C7.92225 7.88391 6.91308 7.5835 5.83333 7.5835C2.61683 7.5835 0 10.2003 0 13.4168C0 13.7394 0.261333 14.0002 0.583333 14.0002H5.86717C5.817 13.7546 5.82575 13.4962 5.90917 13.2465Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"id": "Vector_3",
-									"d": "M13.5524 7.44766C12.9562 6.85208 11.9856 6.85208 11.39 7.44766L7.96057 10.8771C7.92849 10.9092 7.90457 10.9482 7.88999 10.9908L7.01499 13.6158C6.97999 13.7208 7.0074 13.8363 7.08557 13.9145C7.14099 13.9705 7.21565 13.9997 7.29207 13.9997C7.32299 13.9997 7.3539 13.9944 7.38424 13.9851L10.0092 13.1101C10.0524 13.0961 10.0915 13.0716 10.123 13.0395L13.5524 9.61008C14.148 9.0145 14.148 8.04383 13.5524 7.44766Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_10419_49994"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "14",
-									"height": "14",
-									"fill": "white"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "UserEdit02"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "user-edit 2",
+          "clip-path": "url(#clip0_10419_49994)"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Group"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector",
+                  "d": "M5.83333 6.41667C7.60525 6.41667 9.04167 4.98025 9.04167 3.20833C9.04167 1.43642 7.60525 0 5.83333 0C4.06142 0 2.625 1.43642 2.625 3.20833C2.625 4.98025 4.06142 6.41667 5.83333 6.41667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_2",
+                  "d": "M5.90917 13.2465L6.78417 10.6221C6.85533 10.4086 6.97725 10.2114 7.1365 10.0522L8.79083 8.39783C7.92225 7.88391 6.91308 7.5835 5.83333 7.5835C2.61683 7.5835 0 10.2003 0 13.4168C0 13.7394 0.261333 14.0002 0.583333 14.0002H5.86717C5.817 13.7546 5.82575 13.4962 5.90917 13.2465Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "id": "Vector_3",
+                  "d": "M13.5524 7.44766C12.9562 6.85208 11.9856 6.85208 11.39 7.44766L7.96057 10.8771C7.92849 10.9092 7.90457 10.9482 7.88999 10.9908L7.01499 13.6158C6.97999 13.7208 7.0074 13.8363 7.08557 13.9145C7.14099 13.9705 7.21565 13.9997 7.29207 13.9997C7.32299 13.9997 7.3539 13.9944 7.38424 13.9851L10.0092 13.1101C10.0524 13.0961 10.0915 13.0716 10.123 13.0395L13.5524 9.61008C14.148 9.0145 14.148 8.04383 13.5524 7.44766Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "element",
+        "name": "defs",
+        "attributes": {},
+        "children": [
+          {
+            "type": "element",
+            "name": "clipPath",
+            "attributes": {
+              "id": "clip0_10419_49994"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "rect",
+                "attributes": {
+                  "width": "14",
+                  "height": "14",
+                  "fill": "white"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "UserEdit02"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
index 7c4f00316b..b6415fa1d3 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './UserEdit02.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './UserEdit02.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/Users01.json b/web/app/components/base/icons/src/vender/solid/users/Users01.json
index 9c78dd5a09..99b1e830c6 100644
--- a/web/app/components/base/icons/src/vender/solid/users/Users01.json
+++ b/web/app/components/base/icons/src/vender/solid/users/Users01.json
@@ -1,79 +1,79 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "users-01"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.0211 9.91782C12.1128 9.56125 12.4763 9.34659 12.8329 9.43837C14.2704 9.80837 15.3334 11.1125 15.3334 12.6666V14C15.3334 14.3682 15.0349 14.6666 14.6667 14.6666C14.2985 14.6666 14 14.3682 14 14V12.6666C14 11.7356 13.3633 10.9517 12.5005 10.7296C12.1439 10.6378 11.9293 10.2744 12.0211 9.91782Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M9.7154 1.94368C9.85355 1.60239 10.2422 1.43771 10.5835 1.57586C11.8039 2.06985 12.6667 3.26669 12.6667 4.66665C12.6667 6.0666 11.8039 7.26344 10.5835 7.75743C10.2422 7.89558 9.85355 7.73091 9.7154 7.38962C9.57725 7.04833 9.74193 6.65967 10.0832 6.52152C10.8174 6.22432 11.3334 5.50494 11.3334 4.66665C11.3334 3.82835 10.8174 3.10897 10.0832 2.81178C9.74193 2.67363 9.57725 2.28496 9.7154 1.94368Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M4.78598 9.33329C5.81757 9.33363 6.84915 9.33363 7.88073 9.33329C8.60781 9.33305 9.10395 9.33289 9.52942 9.44689C10.6797 9.75512 11.5782 10.6536 11.8864 11.8039C12.0399 12.3768 11.9955 12.989 12.0001 13.576C12.0007 13.6473 12.0019 13.7915 11.966 13.9255C11.8735 14.2706 11.6039 14.5401 11.2588 14.6326C11.1248 14.6685 10.9807 14.6673 10.9094 14.6668C7.85941 14.6424 4.80731 14.6424 1.7573 14.6668C1.68602 14.6673 1.54188 14.6685 1.40787 14.6326C1.06278 14.5401 0.793233 14.2706 0.700765 13.9255C0.664858 13.7915 0.666007 13.6473 0.666575 13.576C0.671243 12.9905 0.627014 12.3759 0.780272 11.8039C1.0885 10.6536 1.98699 9.75512 3.13729 9.44689C3.56277 9.33289 4.05891 9.33305 4.78598 9.33329Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M3.00002 4.66665C3.00002 2.8257 4.49241 1.33331 6.33336 1.33331C8.17431 1.33331 9.66669 2.8257 9.66669 4.66665C9.66669 6.5076 8.17431 7.99998 6.33336 7.99998C4.49241 7.99998 3.00002 6.5076 3.00002 4.66665Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Users01"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "users-01"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.0211 9.91782C12.1128 9.56125 12.4763 9.34659 12.8329 9.43837C14.2704 9.80837 15.3334 11.1125 15.3334 12.6666V14C15.3334 14.3682 15.0349 14.6666 14.6667 14.6666C14.2985 14.6666 14 14.3682 14 14V12.6666C14 11.7356 13.3633 10.9517 12.5005 10.7296C12.1439 10.6378 11.9293 10.2744 12.0211 9.91782Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M9.7154 1.94368C9.85355 1.60239 10.2422 1.43771 10.5835 1.57586C11.8039 2.06985 12.6667 3.26669 12.6667 4.66665C12.6667 6.0666 11.8039 7.26344 10.5835 7.75743C10.2422 7.89558 9.85355 7.73091 9.7154 7.38962C9.57725 7.04833 9.74193 6.65967 10.0832 6.52152C10.8174 6.22432 11.3334 5.50494 11.3334 4.66665C11.3334 3.82835 10.8174 3.10897 10.0832 2.81178C9.74193 2.67363 9.57725 2.28496 9.7154 1.94368Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M4.78598 9.33329C5.81757 9.33363 6.84915 9.33363 7.88073 9.33329C8.60781 9.33305 9.10395 9.33289 9.52942 9.44689C10.6797 9.75512 11.5782 10.6536 11.8864 11.8039C12.0399 12.3768 11.9955 12.989 12.0001 13.576C12.0007 13.6473 12.0019 13.7915 11.966 13.9255C11.8735 14.2706 11.6039 14.5401 11.2588 14.6326C11.1248 14.6685 10.9807 14.6673 10.9094 14.6668C7.85941 14.6424 4.80731 14.6424 1.7573 14.6668C1.68602 14.6673 1.54188 14.6685 1.40787 14.6326C1.06278 14.5401 0.793233 14.2706 0.700765 13.9255C0.664858 13.7915 0.666007 13.6473 0.666575 13.576C0.671243 12.9905 0.627014 12.3759 0.780272 11.8039C1.0885 10.6536 1.98699 9.75512 3.13729 9.44689C3.56277 9.33289 4.05891 9.33305 4.78598 9.33329Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M3.00002 4.66665C3.00002 2.8257 4.49241 1.33331 6.33336 1.33331C8.17431 1.33331 9.66669 2.8257 9.66669 4.66665C9.66669 6.5076 8.17431 7.99998 6.33336 7.99998C4.49241 7.99998 3.00002 6.5076 3.00002 4.66665Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Users01"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
index b63daf7242..7e8b57524e 100644
--- a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Users01.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Users01.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.json b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.json
index af8c22709f..44fb7b3633 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.json
+++ b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.json
@@ -1,77 +1,77 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "users-plus"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Solid"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M20 15C20 14.4477 19.5523 14 19 14C18.4477 14 18 14.4477 18 15V17H16C15.4477 17 15 17.4477 15 18C15 18.5523 15.4477 19 16 19H18V21C18 21.5523 18.4477 22 19 22C19.5523 22 20 21.5523 20 21V19H22C22.5523 19 23 18.5523 23 18C23 17.4477 22.5523 17 22 17H20V15Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M12.181 14.1635C12.4632 14.3073 12.6927 14.5368 12.8365 14.819C12.9896 15.1194 13.0001 15.4476 13 15.7769C13 15.7847 13 15.7924 13 15.8C13 17.2744 12.9995 18.7488 13 20.2231C13.0001 20.3422 13.0001 20.4845 12.9899 20.6098C12.978 20.755 12.9476 20.963 12.8365 21.181C12.6927 21.4632 12.4632 21.6927 12.181 21.8365C11.963 21.9476 11.7551 21.978 11.6098 21.9899C11.4845 22.0001 11.3423 22.0001 11.2231 22C8.4077 21.999 5.59226 21.999 2.77682 22C2.65755 22.0001 2.51498 22.0001 2.38936 21.9898C2.24364 21.9778 2.03523 21.9472 1.81695 21.8356C1.53435 21.6911 1.30428 21.46 1.16109 21.1767C1.05079 20.9585 1.02087 20.7506 1.0095 20.6046C0.999737 20.4791 1.00044 20.3369 1.00103 20.2185C1.00619 19.1792 0.975203 18.0653 1.38061 17.0866C1.88808 15.8614 2.86145 14.8881 4.08659 14.3806C4.59629 14.1695 5.13457 14.0819 5.74331 14.0404C6.33532 14 7.06273 14 7.96449 14C9.05071 14 10.1369 14.0004 11.2231 14C11.5524 13.9999 11.8806 14.0104 12.181 14.1635Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M14.5731 2.91554C14.7803 2.40361 15.3633 2.1566 15.8752 2.36382C17.7058 3.10481 19 4.90006 19 7C19 9.09994 17.7058 10.8952 15.8752 11.6362C15.3633 11.8434 14.7803 11.5964 14.5731 11.0845C14.3658 10.5725 14.6129 9.98953 15.1248 9.7823C16.2261 9.33652 17 8.25744 17 7C17 5.74256 16.2261 4.66348 15.1248 4.2177C14.6129 4.01047 14.3658 3.42748 14.5731 2.91554Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M4.50001 7C4.50001 4.23858 6.73858 2 9.50001 2C12.2614 2 14.5 4.23858 14.5 7C14.5 9.76142 12.2614 12 9.50001 12C6.73858 12 4.50001 9.76142 4.50001 7Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "UsersPlus"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "users-plus"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Solid"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M20 15C20 14.4477 19.5523 14 19 14C18.4477 14 18 14.4477 18 15V17H16C15.4477 17 15 17.4477 15 18C15 18.5523 15.4477 19 16 19H18V21C18 21.5523 18.4477 22 19 22C19.5523 22 20 21.5523 20 21V19H22C22.5523 19 23 18.5523 23 18C23 17.4477 22.5523 17 22 17H20V15Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M12.181 14.1635C12.4632 14.3073 12.6927 14.5368 12.8365 14.819C12.9896 15.1194 13.0001 15.4476 13 15.7769C13 15.7847 13 15.7924 13 15.8C13 17.2744 12.9995 18.7488 13 20.2231C13.0001 20.3422 13.0001 20.4845 12.9899 20.6098C12.978 20.755 12.9476 20.963 12.8365 21.181C12.6927 21.4632 12.4632 21.6927 12.181 21.8365C11.963 21.9476 11.7551 21.978 11.6098 21.9899C11.4845 22.0001 11.3423 22.0001 11.2231 22C8.4077 21.999 5.59226 21.999 2.77682 22C2.65755 22.0001 2.51498 22.0001 2.38936 21.9898C2.24364 21.9778 2.03523 21.9472 1.81695 21.8356C1.53435 21.6911 1.30428 21.46 1.16109 21.1767C1.05079 20.9585 1.02087 20.7506 1.0095 20.6046C0.999737 20.4791 1.00044 20.3369 1.00103 20.2185C1.00619 19.1792 0.975203 18.0653 1.38061 17.0866C1.88808 15.8614 2.86145 14.8881 4.08659 14.3806C4.59629 14.1695 5.13457 14.0819 5.74331 14.0404C6.33532 14 7.06273 14 7.96449 14C9.05071 14 10.1369 14.0004 11.2231 14C11.5524 13.9999 11.8806 14.0104 12.181 14.1635Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M14.5731 2.91554C14.7803 2.40361 15.3633 2.1566 15.8752 2.36382C17.7058 3.10481 19 4.90006 19 7C19 9.09994 17.7058 10.8952 15.8752 11.6362C15.3633 11.8434 14.7803 11.5964 14.5731 11.0845C14.3658 10.5725 14.6129 9.98953 15.1248 9.7823C16.2261 9.33652 17 8.25744 17 7C17 5.74256 16.2261 4.66348 15.1248 4.2177C14.6129 4.01047 14.3658 3.42748 14.5731 2.91554Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M4.50001 7C4.50001 4.23858 6.73858 2 9.50001 2C12.2614 2 14.5 4.23858 14.5 7C14.5 9.76142 12.2614 12 9.50001 12C6.73858 12 4.50001 9.76142 4.50001 7Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "UsersPlus"
 }
diff --git a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
index ab4ade9e27..f1a9a4b5e2 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './UsersPlus.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './UsersPlus.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/system/AutoUpdateLine.json b/web/app/components/base/icons/src/vender/system/AutoUpdateLine.json
index 5acc316bdd..ac2c244c12 100644
--- a/web/app/components/base/icons/src/vender/system/AutoUpdateLine.json
+++ b/web/app/components/base/icons/src/vender/system/AutoUpdateLine.json
@@ -1,37 +1,37 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "24",
-			"viewBox": "0 0 24 24",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M16.3308 16H14.2915L13.6249 13.9476H10.3761L9.70846 16H7.66918L10.7759 7H13.2281L16.3308 16ZM10.8595 12.4622H13.1435L12.0378 9.05639H11.9673L10.8595 12.4622Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "AutoUpdateLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M16.3308 16H14.2915L13.6249 13.9476H10.3761L9.70846 16H7.66918L10.7759 7H13.2281L16.3308 16ZM10.8595 12.4622H13.1435L12.0378 9.05639H11.9673L10.8595 12.4622Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "AutoUpdateLine"
 }
diff --git a/web/app/components/base/icons/src/vender/system/AutoUpdateLine.tsx b/web/app/components/base/icons/src/vender/system/AutoUpdateLine.tsx
index 0f783511bb..2f06d1c16a 100644
--- a/web/app/components/base/icons/src/vender/system/AutoUpdateLine.tsx
+++ b/web/app/components/base/icons/src/vender/system/AutoUpdateLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './AutoUpdateLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './AutoUpdateLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Agent.json b/web/app/components/base/icons/src/vender/workflow/Agent.json
index 200475fc44..996040ee09 100644
--- a/web/app/components/base/icons/src/vender/workflow/Agent.json
+++ b/web/app/components/base/icons/src/vender/workflow/Agent.json
@@ -1,53 +1,53 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "agent"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M14.7401 5.80454C14.5765 4.77996 14.1638 3.79808 13.5306 2.97273C12.8973 2.14738 12.0648 1.48568 11.1185 1.06589C10.1722 0.646098 9.12632 0.461106 8.08751 0.546487C7.05582 0.624753 6.04548 0.966277 5.17744 1.53548C4.3094 2.09758 3.58366 2.88024 3.09272 3.79808C2.59466 4.70881 2.33852 5.7405 2.33852 6.7793V7.22756L1.25703 9.3692C1.04357 9.80322 1.22145 10.3368 1.65547 10.5574L2.3314 10.8989V12.3006C2.3314 12.82 2.53063 13.3038 2.90061 13.6738C3.2706 14.0367 3.75442 14.243 4.27382 14.243H6.01702V14.7624C6.01702 15.1538 6.3372 15.4739 6.72853 15.4739C7.11986 15.4739 7.44004 15.1538 7.44004 14.7624V13.7094C7.44004 13.2185 7.04159 12.82 6.55065 12.82H4.27382C4.13864 12.82 4.00345 12.7631 3.91095 12.6706C3.81846 12.5781 3.76154 12.4429 3.76154 12.3077V10.5716C3.76154 10.2301 3.56943 9.92417 3.2706 9.77476L2.77254 9.52573L3.66904 7.73984C3.72596 7.61889 3.76154 7.4837 3.76154 7.34851V6.77219C3.76154 5.96818 3.96076 5.17129 4.34498 4.4669C4.72919 3.76251 5.28417 3.15772 5.9601 2.7237C6.63603 2.28968 7.41158 2.02643 8.20847 1.96239C9.00536 1.89835 9.81648 2.04066 10.5493 2.36795C11.2822 2.69524 11.9225 3.20042 12.4135 3.84077C12.8973 4.47402 13.2246 5.23533 13.3456 6.02511C13.4665 6.81488 13.3954 7.63312 13.125 8.38731C12.8617 9.12017 12.4206 9.78187 11.8585 10.3084C11.6735 10.4792 11.5668 10.7139 11.5668 10.9701V14.7624C11.5668 15.1538 11.887 15.4739 12.2783 15.4739C12.6696 15.4739 12.9898 15.1538 12.9898 14.7624V11.1978C13.6515 10.5432 14.1567 9.73918 14.4697 8.87114C14.8184 7.89637 14.918 6.83623 14.7615 5.81165L14.7401 5.80454Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M10.8055 7.99599C10.8909 7.83234 10.962 7.66158 11.0189 7.4837H11.6522C12.0435 7.4837 12.3637 7.16352 12.3637 6.77219C12.3637 6.38086 12.0435 6.06068 11.6522 6.06068H11.0189C10.9691 5.8828 10.898 5.71204 10.8055 5.54839L11.2537 5.10014C11.5312 4.82266 11.5312 4.3744 11.2537 4.09692C10.9762 3.81943 10.528 3.81943 10.2505 4.09692L9.80225 4.54517C9.6386 4.45267 9.46784 4.38863 9.28996 4.33171V3.69847C9.28996 3.30714 8.96978 2.98696 8.57845 2.98696C8.18712 2.98696 7.86694 3.30714 7.86694 3.69847V4.33171C7.68907 4.38152 7.5183 4.45267 7.35466 4.54517L6.90641 4.09692C6.62892 3.81943 6.18067 3.81943 5.90318 4.09692C5.62569 4.3744 5.62569 4.82266 5.90318 5.10014L6.35143 5.54839C6.26605 5.71204 6.1949 5.8828 6.13798 6.06068H5.50473C5.1134 6.06068 4.79323 6.38086 4.79323 6.77219C4.79323 7.16352 5.1134 7.4837 5.50473 7.4837H6.13798C6.18778 7.66158 6.25893 7.83234 6.35143 7.99599L5.90318 8.44424C5.62569 8.72172 5.62569 9.16997 5.90318 9.44746C6.04548 9.58976 6.22336 9.6538 6.40835 9.6538C6.59334 9.6538 6.77122 9.58265 6.91352 9.44746L7.36177 8.99921C7.52542 9.08459 7.69618 9.15574 7.87406 9.21267V9.84591C7.87406 10.2372 8.19424 10.5574 8.58557 10.5574C8.9769 10.5574 9.29708 10.2372 9.29708 9.84591V9.21267C9.47496 9.16286 9.64572 9.09171 9.80936 8.99921L10.2576 9.44746C10.3999 9.58976 10.5778 9.6538 10.7628 9.6538C10.9478 9.6538 11.1257 9.58265 11.268 9.44746C11.5454 9.16997 11.5454 8.72172 11.268 8.44424L10.8197 7.99599H10.8055ZM7.44004 6.77219C7.44004 6.14606 7.94521 5.64089 8.57134 5.64089C9.19747 5.64089 9.70264 6.14606 9.70264 6.77219C9.70264 7.39832 9.19747 7.90349 8.57134 7.90349C7.94521 7.90349 7.44004 7.39832 7.44004 6.77219Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Agent"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "agent"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M14.7401 5.80454C14.5765 4.77996 14.1638 3.79808 13.5306 2.97273C12.8973 2.14738 12.0648 1.48568 11.1185 1.06589C10.1722 0.646098 9.12632 0.461106 8.08751 0.546487C7.05582 0.624753 6.04548 0.966277 5.17744 1.53548C4.3094 2.09758 3.58366 2.88024 3.09272 3.79808C2.59466 4.70881 2.33852 5.7405 2.33852 6.7793V7.22756L1.25703 9.3692C1.04357 9.80322 1.22145 10.3368 1.65547 10.5574L2.3314 10.8989V12.3006C2.3314 12.82 2.53063 13.3038 2.90061 13.6738C3.2706 14.0367 3.75442 14.243 4.27382 14.243H6.01702V14.7624C6.01702 15.1538 6.3372 15.4739 6.72853 15.4739C7.11986 15.4739 7.44004 15.1538 7.44004 14.7624V13.7094C7.44004 13.2185 7.04159 12.82 6.55065 12.82H4.27382C4.13864 12.82 4.00345 12.7631 3.91095 12.6706C3.81846 12.5781 3.76154 12.4429 3.76154 12.3077V10.5716C3.76154 10.2301 3.56943 9.92417 3.2706 9.77476L2.77254 9.52573L3.66904 7.73984C3.72596 7.61889 3.76154 7.4837 3.76154 7.34851V6.77219C3.76154 5.96818 3.96076 5.17129 4.34498 4.4669C4.72919 3.76251 5.28417 3.15772 5.9601 2.7237C6.63603 2.28968 7.41158 2.02643 8.20847 1.96239C9.00536 1.89835 9.81648 2.04066 10.5493 2.36795C11.2822 2.69524 11.9225 3.20042 12.4135 3.84077C12.8973 4.47402 13.2246 5.23533 13.3456 6.02511C13.4665 6.81488 13.3954 7.63312 13.125 8.38731C12.8617 9.12017 12.4206 9.78187 11.8585 10.3084C11.6735 10.4792 11.5668 10.7139 11.5668 10.9701V14.7624C11.5668 15.1538 11.887 15.4739 12.2783 15.4739C12.6696 15.4739 12.9898 15.1538 12.9898 14.7624V11.1978C13.6515 10.5432 14.1567 9.73918 14.4697 8.87114C14.8184 7.89637 14.918 6.83623 14.7615 5.81165L14.7401 5.80454Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M10.8055 7.99599C10.8909 7.83234 10.962 7.66158 11.0189 7.4837H11.6522C12.0435 7.4837 12.3637 7.16352 12.3637 6.77219C12.3637 6.38086 12.0435 6.06068 11.6522 6.06068H11.0189C10.9691 5.8828 10.898 5.71204 10.8055 5.54839L11.2537 5.10014C11.5312 4.82266 11.5312 4.3744 11.2537 4.09692C10.9762 3.81943 10.528 3.81943 10.2505 4.09692L9.80225 4.54517C9.6386 4.45267 9.46784 4.38863 9.28996 4.33171V3.69847C9.28996 3.30714 8.96978 2.98696 8.57845 2.98696C8.18712 2.98696 7.86694 3.30714 7.86694 3.69847V4.33171C7.68907 4.38152 7.5183 4.45267 7.35466 4.54517L6.90641 4.09692C6.62892 3.81943 6.18067 3.81943 5.90318 4.09692C5.62569 4.3744 5.62569 4.82266 5.90318 5.10014L6.35143 5.54839C6.26605 5.71204 6.1949 5.8828 6.13798 6.06068H5.50473C5.1134 6.06068 4.79323 6.38086 4.79323 6.77219C4.79323 7.16352 5.1134 7.4837 5.50473 7.4837H6.13798C6.18778 7.66158 6.25893 7.83234 6.35143 7.99599L5.90318 8.44424C5.62569 8.72172 5.62569 9.16997 5.90318 9.44746C6.04548 9.58976 6.22336 9.6538 6.40835 9.6538C6.59334 9.6538 6.77122 9.58265 6.91352 9.44746L7.36177 8.99921C7.52542 9.08459 7.69618 9.15574 7.87406 9.21267V9.84591C7.87406 10.2372 8.19424 10.5574 8.58557 10.5574C8.9769 10.5574 9.29708 10.2372 9.29708 9.84591V9.21267C9.47496 9.16286 9.64572 9.09171 9.80936 8.99921L10.2576 9.44746C10.3999 9.58976 10.5778 9.6538 10.7628 9.6538C10.9478 9.6538 11.1257 9.58265 11.268 9.44746C11.5454 9.16997 11.5454 8.72172 11.268 8.44424L10.8197 7.99599H10.8055ZM7.44004 6.77219C7.44004 6.14606 7.94521 5.64089 8.57134 5.64089C9.19747 5.64089 9.70264 6.14606 9.70264 6.77219C9.70264 7.39832 9.19747 7.90349 8.57134 7.90349C7.94521 7.90349 7.44004 7.39832 7.44004 6.77219Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Agent"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Agent.tsx b/web/app/components/base/icons/src/vender/workflow/Agent.tsx
index c9a34c10f3..1a037986ec 100644
--- a/web/app/components/base/icons/src/vender/workflow/Agent.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Agent.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Agent.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Agent.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Answer.json b/web/app/components/base/icons/src/vender/workflow/Answer.json
index b0ad3f87ea..b92f3ab2a2 100644
--- a/web/app/components/base/icons/src/vender/workflow/Answer.json
+++ b/web/app/components/base/icons/src/vender/workflow/Answer.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/answer"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.50114 1.67701L10.5011 1.677C11.5079 1.677 12.3241 2.49311 12.3241 3.49992V9.35414C12.3241 10.3609 11.5079 11.177 10.5012 11.1771H8.9954L7.41734 12.4845C7.17339 12.6866 6.81987 12.6856 6.57708 12.4821L5.02026 11.1771H3.50114C2.49436 11.1771 1.67822 10.3608 1.67822 9.35414V3.49993C1.67822 2.49316 2.49437 1.67701 3.50114 1.67701ZM10.5011 2.9895L3.50114 2.98951C3.21924 2.98951 2.99072 3.21803 2.99072 3.49993V9.35414C2.99072 9.63601 3.21926 9.86455 3.50114 9.86455H5.04675C5.33794 9.86455 5.61984 9.96705 5.84302 10.1541L7.00112 11.1249L8.17831 10.1496C8.40069 9.96537 8.68041 9.86455 8.96916 9.86455H10.5011C10.5011 9.86455 10.5011 9.86455 10.5011 9.86455C10.783 9.8645 11.0116 9.63592 11.0116 9.35414V3.49992C11.0116 3.21806 10.7831 2.9895 10.5011 2.9895ZM9.06809 4.93171C9.32437 5.18799 9.32437 5.60351 9.06809 5.85979L7.02642 7.90146C6.77014 8.15774 6.35464 8.15774 6.09835 7.90146L5.22333 7.02646C4.96704 6.77019 4.96704 6.35467 5.22332 6.09839C5.4796 5.8421 5.89511 5.8421 6.15139 6.09837L6.56238 6.50935L8.14001 4.93171C8.3963 4.67543 8.81181 4.67543 9.06809 4.93171Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Answer"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/answer"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.50114 1.67701L10.5011 1.677C11.5079 1.677 12.3241 2.49311 12.3241 3.49992V9.35414C12.3241 10.3609 11.5079 11.177 10.5012 11.1771H8.9954L7.41734 12.4845C7.17339 12.6866 6.81987 12.6856 6.57708 12.4821L5.02026 11.1771H3.50114C2.49436 11.1771 1.67822 10.3608 1.67822 9.35414V3.49993C1.67822 2.49316 2.49437 1.67701 3.50114 1.67701ZM10.5011 2.9895L3.50114 2.98951C3.21924 2.98951 2.99072 3.21803 2.99072 3.49993V9.35414C2.99072 9.63601 3.21926 9.86455 3.50114 9.86455H5.04675C5.33794 9.86455 5.61984 9.96705 5.84302 10.1541L7.00112 11.1249L8.17831 10.1496C8.40069 9.96537 8.68041 9.86455 8.96916 9.86455H10.5011C10.5011 9.86455 10.5011 9.86455 10.5011 9.86455C10.783 9.8645 11.0116 9.63592 11.0116 9.35414V3.49992C11.0116 3.21806 10.7831 2.9895 10.5011 2.9895ZM9.06809 4.93171C9.32437 5.18799 9.32437 5.60351 9.06809 5.85979L7.02642 7.90146C6.77014 8.15774 6.35464 8.15774 6.09835 7.90146L5.22333 7.02646C4.96704 6.77019 4.96704 6.35467 5.22332 6.09839C5.4796 5.8421 5.89511 5.8421 6.15139 6.09837L6.56238 6.50935L8.14001 4.93171C8.3963 4.67543 8.81181 4.67543 9.06809 4.93171Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Answer"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Answer.tsx b/web/app/components/base/icons/src/vender/workflow/Answer.tsx
index b38008aa02..315d483e61 100644
--- a/web/app/components/base/icons/src/vender/workflow/Answer.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Answer.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Answer.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Answer.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/ApiAggregate.json b/web/app/components/base/icons/src/vender/workflow/ApiAggregate.json
index 1057842352..8fbff41d54 100644
--- a/web/app/components/base/icons/src/vender/workflow/ApiAggregate.json
+++ b/web/app/components/base/icons/src/vender/workflow/ApiAggregate.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.92578 11.0094C5.92578 10.0174 5.12163 9.21256 4.12956 9.21256C3.13752 9.2126 2.33333 10.0174 2.33333 11.0094C2.33349 12.0014 3.13762 12.8056 4.12956 12.8057C5.12153 12.8057 5.92562 12.0014 5.92578 11.0094ZM13.6667 11.0094C13.6667 10.0174 12.8625 9.2126 11.8704 9.21256C10.8784 9.21256 10.0742 10.0174 10.0742 11.0094C10.0744 12.0014 10.8785 12.8057 11.8704 12.8057C12.8624 12.8056 13.6665 12.0014 13.6667 11.0094ZM9.79622 4.32389C9.79619 3.33186 8.99205 2.52767 8 2.52767C7.00796 2.52767 6.20382 3.33186 6.20378 4.32389C6.20378 5.31596 7.00793 6.12012 8 6.12012C8.99207 6.12012 9.79622 5.31596 9.79622 4.32389ZM11.1296 4.32389C11.1296 5.82351 10.0748 7.07628 8.66667 7.38184V7.9196L9.74284 8.71387C10.3012 8.19607 11.0489 7.87923 11.8704 7.87923C13.5989 7.87927 15 9.28101 15 11.0094C14.9998 12.7377 13.5988 14.139 11.8704 14.139C10.1421 14.139 8.74104 12.7378 8.74089 11.0094C8.74089 10.5837 8.82585 10.1776 8.97982 9.80762L8 9.08366L7.01953 9.80762C7.17356 10.1777 7.25911 10.5836 7.25911 11.0094C7.25896 12.7378 5.85791 14.139 4.12956 14.139C2.40124 14.139 1.00016 12.7377 1 11.0094C1 9.28101 2.40114 7.87927 4.12956 7.87923C4.95094 7.87923 5.69819 8.19627 6.25651 8.71387L7.33333 7.9196V7.38184C5.92523 7.07628 4.87044 5.82351 4.87044 4.32389C4.87048 2.59548 6.27158 1.19434 8 1.19434C9.72843 1.19434 11.1295 2.59548 11.1296 4.32389Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "ApiAggregate"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.92578 11.0094C5.92578 10.0174 5.12163 9.21256 4.12956 9.21256C3.13752 9.2126 2.33333 10.0174 2.33333 11.0094C2.33349 12.0014 3.13762 12.8056 4.12956 12.8057C5.12153 12.8057 5.92562 12.0014 5.92578 11.0094ZM13.6667 11.0094C13.6667 10.0174 12.8625 9.2126 11.8704 9.21256C10.8784 9.21256 10.0742 10.0174 10.0742 11.0094C10.0744 12.0014 10.8785 12.8057 11.8704 12.8057C12.8624 12.8056 13.6665 12.0014 13.6667 11.0094ZM9.79622 4.32389C9.79619 3.33186 8.99205 2.52767 8 2.52767C7.00796 2.52767 6.20382 3.33186 6.20378 4.32389C6.20378 5.31596 7.00793 6.12012 8 6.12012C8.99207 6.12012 9.79622 5.31596 9.79622 4.32389ZM11.1296 4.32389C11.1296 5.82351 10.0748 7.07628 8.66667 7.38184V7.9196L9.74284 8.71387C10.3012 8.19607 11.0489 7.87923 11.8704 7.87923C13.5989 7.87927 15 9.28101 15 11.0094C14.9998 12.7377 13.5988 14.139 11.8704 14.139C10.1421 14.139 8.74104 12.7378 8.74089 11.0094C8.74089 10.5837 8.82585 10.1776 8.97982 9.80762L8 9.08366L7.01953 9.80762C7.17356 10.1777 7.25911 10.5836 7.25911 11.0094C7.25896 12.7378 5.85791 14.139 4.12956 14.139C2.40124 14.139 1.00016 12.7377 1 11.0094C1 9.28101 2.40114 7.87927 4.12956 7.87923C4.95094 7.87923 5.69819 8.19627 6.25651 8.71387L7.33333 7.9196V7.38184C5.92523 7.07628 4.87044 5.82351 4.87044 4.32389C4.87048 2.59548 6.27158 1.19434 8 1.19434C9.72843 1.19434 11.1295 2.59548 11.1296 4.32389Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "ApiAggregate"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/ApiAggregate.tsx b/web/app/components/base/icons/src/vender/workflow/ApiAggregate.tsx
index 64193e900b..ccc987f423 100644
--- a/web/app/components/base/icons/src/vender/workflow/ApiAggregate.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/ApiAggregate.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ApiAggregate.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ApiAggregate.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Assigner.json b/web/app/components/base/icons/src/vender/workflow/Assigner.json
index 89e76a9cbe..715a40fcca 100644
--- a/web/app/components/base/icons/src/vender/workflow/Assigner.json
+++ b/web/app/components/base/icons/src/vender/workflow/Assigner.json
@@ -1,68 +1,68 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "variable assigner"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M1.71438 4.42875C1.71438 3.22516 2.68954 2.25 3.89313 2.25C4.30734 2.25 4.64313 2.58579 4.64313 3C4.64313 3.41421 4.30734 3.75 3.89313 3.75C3.51796 3.75 3.21438 4.05359 3.21438 4.42875V7.28563C3.21438 7.48454 3.13536 7.6753 2.9947 7.81596L2.81066 8L2.9947 8.18404C3.13536 8.3247 3.21438 8.51546 3.21438 8.71437V11.5713C3.21438 11.9464 3.51796 12.25 3.89313 12.25C4.30734 12.25 4.64313 12.5858 4.64313 13C4.64313 13.4142 4.30734 13.75 3.89313 13.75C2.68954 13.75 1.71438 12.7748 1.71438 11.5713V9.02503L1.21967 8.53033C1.07902 8.38968 1 8.19891 1 8C1 7.80109 1.07902 7.61032 1.21967 7.46967L1.71438 6.97497V4.42875ZM11.3568 3C11.3568 2.58579 11.6925 2.25 12.1068 2.25C13.3103 2.25 14.2855 3.22516 14.2855 4.42875V6.97497L14.7802 7.46967C14.9209 7.61032 14.9999 7.80109 14.9999 8C14.9999 8.19891 14.9209 8.38968 14.7802 8.53033L14.2855 9.02503V11.5713C14.2855 12.7751 13.3095 13.75 12.1068 13.75C11.6925 13.75 11.3568 13.4142 11.3568 13C11.3568 12.5858 11.6925 12.25 12.1068 12.25C12.4815 12.25 12.7855 11.9462 12.7855 11.5713V8.71437C12.7855 8.51546 12.8645 8.3247 13.0052 8.18404L13.1892 8L13.0052 7.81596C12.8645 7.6753 12.7855 7.48454 12.7855 7.28563V4.42875C12.7855 4.05359 12.4819 3.75 12.1068 3.75C11.6925 3.75 11.3568 3.41421 11.3568 3Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H10C10.4142 5.25 10.75 5.58579 10.75 6C10.75 6.41421 10.4142 6.75 10 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M5.25 10C5.25 9.58579 5.58579 9.25 6 9.25H10C10.4142 9.25 10.75 9.58579 10.75 10C10.75 10.4142 10.4142 10.75 10 10.75H6C5.58579 10.75 5.25 10.4142 5.25 10Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Assigner"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "variable assigner"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M1.71438 4.42875C1.71438 3.22516 2.68954 2.25 3.89313 2.25C4.30734 2.25 4.64313 2.58579 4.64313 3C4.64313 3.41421 4.30734 3.75 3.89313 3.75C3.51796 3.75 3.21438 4.05359 3.21438 4.42875V7.28563C3.21438 7.48454 3.13536 7.6753 2.9947 7.81596L2.81066 8L2.9947 8.18404C3.13536 8.3247 3.21438 8.51546 3.21438 8.71437V11.5713C3.21438 11.9464 3.51796 12.25 3.89313 12.25C4.30734 12.25 4.64313 12.5858 4.64313 13C4.64313 13.4142 4.30734 13.75 3.89313 13.75C2.68954 13.75 1.71438 12.7748 1.71438 11.5713V9.02503L1.21967 8.53033C1.07902 8.38968 1 8.19891 1 8C1 7.80109 1.07902 7.61032 1.21967 7.46967L1.71438 6.97497V4.42875ZM11.3568 3C11.3568 2.58579 11.6925 2.25 12.1068 2.25C13.3103 2.25 14.2855 3.22516 14.2855 4.42875V6.97497L14.7802 7.46967C14.9209 7.61032 14.9999 7.80109 14.9999 8C14.9999 8.19891 14.9209 8.38968 14.7802 8.53033L14.2855 9.02503V11.5713C14.2855 12.7751 13.3095 13.75 12.1068 13.75C11.6925 13.75 11.3568 13.4142 11.3568 13C11.3568 12.5858 11.6925 12.25 12.1068 12.25C12.4815 12.25 12.7855 11.9462 12.7855 11.5713V8.71437C12.7855 8.51546 12.8645 8.3247 13.0052 8.18404L13.1892 8L13.0052 7.81596C12.8645 7.6753 12.7855 7.48454 12.7855 7.28563V4.42875C12.7855 4.05359 12.4819 3.75 12.1068 3.75C11.6925 3.75 11.3568 3.41421 11.3568 3Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H10C10.4142 5.25 10.75 5.58579 10.75 6C10.75 6.41421 10.4142 6.75 10 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M5.25 10C5.25 9.58579 5.58579 9.25 6 9.25H10C10.4142 9.25 10.75 9.58579 10.75 10C10.75 10.4142 10.4142 10.75 10 10.75H6C5.58579 10.75 5.25 10.4142 5.25 10Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Assigner"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Assigner.tsx b/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
index 1af518fd18..cda3abf93e 100644
--- a/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Assigner.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Assigner.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Asterisk.json b/web/app/components/base/icons/src/vender/workflow/Asterisk.json
index d7fa156d99..5cfae9853a 100644
--- a/web/app/components/base/icons/src/vender/workflow/Asterisk.json
+++ b/web/app/components/base/icons/src/vender/workflow/Asterisk.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M7.58325 1.75L7.58314 5.98908L11.2549 3.86982L11.8382 4.88018L8.16705 6.99942L11.8382 9.11983L11.2549 10.1302L7.58314 8.01033L7.58325 12.25H6.41659L6.41647 8.01033L2.74495 10.1302L2.16162 9.11983L5.83254 7L2.16162 4.88018L2.74495 3.86982L6.41647 5.98908L6.41659 1.75H7.58325Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Asterisk"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M7.58325 1.75L7.58314 5.98908L11.2549 3.86982L11.8382 4.88018L8.16705 6.99942L11.8382 9.11983L11.2549 10.1302L7.58314 8.01033L7.58325 12.25H6.41659L6.41647 8.01033L2.74495 10.1302L2.16162 9.11983L5.83254 7L2.16162 4.88018L2.74495 3.86982L6.41647 5.98908L6.41659 1.75H7.58325Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Asterisk"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Asterisk.tsx b/web/app/components/base/icons/src/vender/workflow/Asterisk.tsx
index 916b90429c..ec1a1112dd 100644
--- a/web/app/components/base/icons/src/vender/workflow/Asterisk.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Asterisk.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Asterisk.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Asterisk.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.json b/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.json
index 8f77528653..d3739099d9 100644
--- a/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.json
+++ b/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.24984 0.583252V1.74992H8.74984V0.583252H9.9165V1.74992H12.2498C12.572 1.74992 12.8332 2.01109 12.8332 2.33325V11.6666C12.8332 11.9888 12.572 12.2499 12.2498 12.2499H1.74984C1.42767 12.2499 1.1665 11.9888 1.1665 11.6666V2.33325C1.1665 2.01109 1.42767 1.74992 1.74984 1.74992H4.08317V0.583252H5.24984ZM11.6665 5.83325H2.33317V11.0833H11.6665V5.83325ZM8.77055 6.49592L9.5955 7.32093L6.70817 10.2083L4.64578 8.14588L5.47073 7.32093L6.70817 8.55835L8.77055 6.49592ZM4.08317 2.91659H2.33317V4.66659H11.6665V2.91659H9.9165V3.49992H8.74984V2.91659H5.24984V3.49992H4.08317V2.91659Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "CalendarCheckLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.24984 0.583252V1.74992H8.74984V0.583252H9.9165V1.74992H12.2498C12.572 1.74992 12.8332 2.01109 12.8332 2.33325V11.6666C12.8332 11.9888 12.572 12.2499 12.2498 12.2499H1.74984C1.42767 12.2499 1.1665 11.9888 1.1665 11.6666V2.33325C1.1665 2.01109 1.42767 1.74992 1.74984 1.74992H4.08317V0.583252H5.24984ZM11.6665 5.83325H2.33317V11.0833H11.6665V5.83325ZM8.77055 6.49592L9.5955 7.32093L6.70817 10.2083L4.64578 8.14588L5.47073 7.32093L6.70817 8.55835L8.77055 6.49592ZM4.08317 2.91659H2.33317V4.66659H11.6665V2.91659H9.9165V3.49992H8.74984V2.91659H5.24984V3.49992H4.08317V2.91659Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "CalendarCheckLine"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.tsx b/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.tsx
index e480da2f04..6aec766526 100644
--- a/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/CalendarCheckLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './CalendarCheckLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './CalendarCheckLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Code.json b/web/app/components/base/icons/src/vender/workflow/Code.json
index d72f02e289..047b90d21e 100644
--- a/web/app/components/base/icons/src/vender/workflow/Code.json
+++ b/web/app/components/base/icons/src/vender/workflow/Code.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/code"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8.32593 1.69675C8.67754 1.78466 8.89132 2.14096 8.80342 2.49257L6.47009 11.8259C6.38218 12.1775 6.02588 12.3913 5.67427 12.3034C5.32265 12.2155 5.10887 11.8592 5.19678 11.5076L7.53011 2.17424C7.61801 1.82263 7.97431 1.60885 8.32593 1.69675ZM3.96414 4.20273C4.22042 4.45901 4.22042 4.87453 3.96413 5.13081L2.45578 6.63914C2.45577 6.63915 2.45578 6.63914 2.45578 6.63914C2.25645 6.83851 2.25643 7.16168 2.45575 7.36103C2.45574 7.36103 2.45576 7.36104 2.45575 7.36103L3.96413 8.86936C4.22041 9.12564 4.22042 9.54115 3.96414 9.79744C3.70787 10.0537 3.29235 10.0537 3.03607 9.79745L1.52769 8.28913C0.815811 7.57721 0.815803 6.42302 1.52766 5.7111L3.03606 4.20272C3.29234 3.94644 3.70786 3.94644 3.96414 4.20273ZM10.0361 4.20273C10.2923 3.94644 10.7078 3.94644 10.9641 4.20272L12.4725 5.71108C13.1843 6.423 13.1844 7.57717 12.4725 8.28909L10.9641 9.79745C10.7078 10.0537 10.2923 10.0537 10.036 9.79744C9.77977 9.54115 9.77978 9.12564 10.0361 8.86936L11.5444 7.36107C11.7437 7.16172 11.7438 6.83854 11.5444 6.63917C11.5444 6.63915 11.5445 6.63918 11.5444 6.63917L10.0361 5.13081C9.77978 4.87453 9.77978 4.45901 10.0361 4.20273Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Code"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/code"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8.32593 1.69675C8.67754 1.78466 8.89132 2.14096 8.80342 2.49257L6.47009 11.8259C6.38218 12.1775 6.02588 12.3913 5.67427 12.3034C5.32265 12.2155 5.10887 11.8592 5.19678 11.5076L7.53011 2.17424C7.61801 1.82263 7.97431 1.60885 8.32593 1.69675ZM3.96414 4.20273C4.22042 4.45901 4.22042 4.87453 3.96413 5.13081L2.45578 6.63914C2.45577 6.63915 2.45578 6.63914 2.45578 6.63914C2.25645 6.83851 2.25643 7.16168 2.45575 7.36103C2.45574 7.36103 2.45576 7.36104 2.45575 7.36103L3.96413 8.86936C4.22041 9.12564 4.22042 9.54115 3.96414 9.79744C3.70787 10.0537 3.29235 10.0537 3.03607 9.79745L1.52769 8.28913C0.815811 7.57721 0.815803 6.42302 1.52766 5.7111L3.03606 4.20272C3.29234 3.94644 3.70786 3.94644 3.96414 4.20273ZM10.0361 4.20273C10.2923 3.94644 10.7078 3.94644 10.9641 4.20272L12.4725 5.71108C13.1843 6.423 13.1844 7.57717 12.4725 8.28909L10.9641 9.79745C10.7078 10.0537 10.2923 10.0537 10.036 9.79744C9.77977 9.54115 9.77978 9.12564 10.0361 8.86936L11.5444 7.36107C11.7437 7.16172 11.7438 6.83854 11.5444 6.63917C11.5444 6.63915 11.5445 6.63918 11.5444 6.63917L10.0361 5.13081C9.77978 4.87453 9.77978 4.45901 10.0361 4.20273Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Code"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Code.tsx b/web/app/components/base/icons/src/vender/workflow/Code.tsx
index 9285cb0076..d6cee2ce18 100644
--- a/web/app/components/base/icons/src/vender/workflow/Code.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Code.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Code.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Code.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Datasource.json b/web/app/components/base/icons/src/vender/workflow/Datasource.json
index 4fac0e2534..81869aaa10 100644
--- a/web/app/components/base/icons/src/vender/workflow/Datasource.json
+++ b/web/app/components/base/icons/src/vender/workflow/Datasource.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.99967 1.16675C8.17599 1.16675 9.26631 1.33585 10.0833 1.6276C10.4891 1.77255 10.8588 1.95906 11.1383 2.19499C11.415 2.42869 11.6663 2.76876 11.6663 3.20841V10.7917C11.6663 11.2314 11.415 11.5715 11.1383 11.8052C10.8588 12.0411 10.4891 12.2276 10.0833 12.3726C9.26631 12.6643 8.17599 12.8334 6.99967 12.8334C5.82336 12.8334 4.73304 12.6643 3.9161 12.3726C3.51024 12.2276 3.14054 12.0411 2.86108 11.8052C2.58431 11.5715 2.33301 11.2314 2.33301 10.7917V3.20841C2.33301 2.76876 2.58431 2.42869 2.86108 2.19499C3.14054 1.95906 3.51023 1.77256 3.9161 1.6276C4.73304 1.33585 5.82336 1.16675 6.99967 1.16675ZM10.4997 8.40942C10.367 8.47176 10.2275 8.52936 10.0833 8.58089C9.26631 8.87265 8.17599 9.04175 6.99967 9.04175C5.82336 9.04175 4.73304 8.87265 3.9161 8.58089C3.77181 8.52936 3.6324 8.47176 3.49967 8.40942V10.7815C3.50345 10.7927 3.52369 10.8377 3.61361 10.9137C3.74739 11.0266 3.97559 11.1548 4.30859 11.2737C4.96952 11.5097 5.92091 11.6667 6.99967 11.6667C8.07844 11.6667 9.02984 11.5097 9.69076 11.2737C10.0238 11.1548 10.252 11.0266 10.3857 10.9137C10.4757 10.8377 10.4959 10.7927 10.4997 10.7815V8.40942ZM10.4997 4.61776C10.367 4.68009 10.2275 4.73769 10.0833 4.78923C9.26631 5.08098 8.17599 5.25008 6.99967 5.25008C5.82336 5.25008 4.73304 5.08098 3.9161 4.78923C3.77181 4.73769 3.6324 4.68009 3.49967 4.61776V6.98983C3.50345 7.00103 3.52369 7.04607 3.61361 7.12199C3.74739 7.23495 3.97559 7.36309 4.30859 7.48201C4.96952 7.71804 5.92091 7.87508 6.99967 7.87508C8.07844 7.87508 9.02984 7.71804 9.69076 7.48201C10.0238 7.36309 10.252 7.23495 10.3857 7.12199C10.4757 7.04607 10.4959 7.00103 10.4997 6.98983V4.61776ZM6.99967 2.33341C5.92091 2.33341 4.96951 2.49046 4.30859 2.72648C3.97559 2.84541 3.74739 2.97355 3.61361 3.08651C3.54094 3.14787 3.51356 3.189 3.50366 3.20841C3.51356 3.22783 3.54094 3.26896 3.61361 3.33032C3.74739 3.44328 3.97559 3.57142 4.30859 3.69035C4.96951 3.92637 5.92091 4.08341 6.99967 4.08341C8.07844 4.08341 9.02984 3.92637 9.69076 3.69035C10.0238 3.57142 10.252 3.44328 10.3857 3.33032C10.4581 3.26921 10.4851 3.22792 10.4951 3.20841C10.4851 3.18891 10.4581 3.14762 10.3857 3.08651C10.252 2.97355 10.0238 2.84541 9.69076 2.72648C9.02984 2.49046 8.07844 2.33341 6.99967 2.33341Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Datasource"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.99967 1.16675C8.17599 1.16675 9.26631 1.33585 10.0833 1.6276C10.4891 1.77255 10.8588 1.95906 11.1383 2.19499C11.415 2.42869 11.6663 2.76876 11.6663 3.20841V10.7917C11.6663 11.2314 11.415 11.5715 11.1383 11.8052C10.8588 12.0411 10.4891 12.2276 10.0833 12.3726C9.26631 12.6643 8.17599 12.8334 6.99967 12.8334C5.82336 12.8334 4.73304 12.6643 3.9161 12.3726C3.51024 12.2276 3.14054 12.0411 2.86108 11.8052C2.58431 11.5715 2.33301 11.2314 2.33301 10.7917V3.20841C2.33301 2.76876 2.58431 2.42869 2.86108 2.19499C3.14054 1.95906 3.51023 1.77256 3.9161 1.6276C4.73304 1.33585 5.82336 1.16675 6.99967 1.16675ZM10.4997 8.40942C10.367 8.47176 10.2275 8.52936 10.0833 8.58089C9.26631 8.87265 8.17599 9.04175 6.99967 9.04175C5.82336 9.04175 4.73304 8.87265 3.9161 8.58089C3.77181 8.52936 3.6324 8.47176 3.49967 8.40942V10.7815C3.50345 10.7927 3.52369 10.8377 3.61361 10.9137C3.74739 11.0266 3.97559 11.1548 4.30859 11.2737C4.96952 11.5097 5.92091 11.6667 6.99967 11.6667C8.07844 11.6667 9.02984 11.5097 9.69076 11.2737C10.0238 11.1548 10.252 11.0266 10.3857 10.9137C10.4757 10.8377 10.4959 10.7927 10.4997 10.7815V8.40942ZM10.4997 4.61776C10.367 4.68009 10.2275 4.73769 10.0833 4.78923C9.26631 5.08098 8.17599 5.25008 6.99967 5.25008C5.82336 5.25008 4.73304 5.08098 3.9161 4.78923C3.77181 4.73769 3.6324 4.68009 3.49967 4.61776V6.98983C3.50345 7.00103 3.52369 7.04607 3.61361 7.12199C3.74739 7.23495 3.97559 7.36309 4.30859 7.48201C4.96952 7.71804 5.92091 7.87508 6.99967 7.87508C8.07844 7.87508 9.02984 7.71804 9.69076 7.48201C10.0238 7.36309 10.252 7.23495 10.3857 7.12199C10.4757 7.04607 10.4959 7.00103 10.4997 6.98983V4.61776ZM6.99967 2.33341C5.92091 2.33341 4.96951 2.49046 4.30859 2.72648C3.97559 2.84541 3.74739 2.97355 3.61361 3.08651C3.54094 3.14787 3.51356 3.189 3.50366 3.20841C3.51356 3.22783 3.54094 3.26896 3.61361 3.33032C3.74739 3.44328 3.97559 3.57142 4.30859 3.69035C4.96951 3.92637 5.92091 4.08341 6.99967 4.08341C8.07844 4.08341 9.02984 3.92637 9.69076 3.69035C10.0238 3.57142 10.252 3.44328 10.3857 3.33032C10.4581 3.26921 10.4851 3.22792 10.4951 3.20841C10.4851 3.18891 10.4581 3.14762 10.3857 3.08651C10.252 2.97355 10.0238 2.84541 9.69076 2.72648C9.02984 2.49046 8.07844 2.33341 6.99967 2.33341Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Datasource"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Datasource.tsx b/web/app/components/base/icons/src/vender/workflow/Datasource.tsx
index 6c36b1d733..2c062b7d45 100644
--- a/web/app/components/base/icons/src/vender/workflow/Datasource.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Datasource.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Datasource.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Datasource.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.json b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.json
index 4e43c6c208..80499b8970 100644
--- a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.json
+++ b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.json
@@ -1,64 +1,64 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "docs-extractor"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M2.66663 3.33325C2.66663 2.22869 3.56206 1.33325 4.66663 1.33325H12.6666C13.0348 1.33325 13.3333 1.63173 13.3333 1.99992V13.9999C13.3333 14.3681 13.0348 14.6666 12.6666 14.6666H4.66663C3.56206 14.6666 2.66663 13.7712 2.66663 12.6666V3.33325ZM3.99996 10.7804V3.33325C3.99996 2.96507 4.29844 2.66659 4.66663 2.66659H12V10.6666H4.66663C4.43287 10.6666 4.20848 10.7067 3.99996 10.7804ZM12 11.9999H4.66663C4.29844 11.9999 3.99996 12.2984 3.99996 12.6666C3.99996 13.0348 4.29844 13.3333 4.66663 13.3333H12V11.9999Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M8.12296 4.9385C8.18749 4.90624 8.23983 4.85394 8.27203 4.78942L8.70203 3.92954C8.82483 3.68385 9.17543 3.68385 9.29829 3.92954L9.72823 4.78942C9.76049 4.85394 9.81276 4.90624 9.87729 4.9385L10.7372 5.36844C10.9829 5.49128 10.9829 5.84189 10.7372 5.96473L9.87729 6.39467C9.81276 6.42692 9.76049 6.47923 9.72823 6.54375L9.29829 7.40365C9.17543 7.64932 8.82483 7.64932 8.70203 7.40365L8.27203 6.54375C8.23983 6.47923 8.18749 6.42692 8.12296 6.39467L7.26309 5.96473C7.01743 5.84189 7.01743 5.49128 7.26309 5.36844L8.12296 4.9385Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.71829 7.80752C5.757 7.78819 5.78838 7.75678 5.80773 7.71805L6.15459 7.02438C6.22829 6.87692 6.43865 6.87692 6.51236 7.02438L6.85923 7.71805C6.87856 7.75678 6.90996 7.78819 6.94863 7.80752L7.64236 8.15439C7.78976 8.22805 7.78976 8.43845 7.64236 8.51212L6.94863 8.85898C6.90996 8.87832 6.87856 8.90972 6.85923 8.94845L6.51236 9.64212C6.43865 9.78959 6.22829 9.78959 6.15459 9.64212L5.80773 8.94845C5.78838 8.90972 5.757 8.87832 5.71829 8.85898L5.02458 8.51212C4.87717 8.43845 4.87717 8.22805 5.02458 8.15439L5.71829 7.80752Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "DocsExtractor"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "docs-extractor"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M2.66663 3.33325C2.66663 2.22869 3.56206 1.33325 4.66663 1.33325H12.6666C13.0348 1.33325 13.3333 1.63173 13.3333 1.99992V13.9999C13.3333 14.3681 13.0348 14.6666 12.6666 14.6666H4.66663C3.56206 14.6666 2.66663 13.7712 2.66663 12.6666V3.33325ZM3.99996 10.7804V3.33325C3.99996 2.96507 4.29844 2.66659 4.66663 2.66659H12V10.6666H4.66663C4.43287 10.6666 4.20848 10.7067 3.99996 10.7804ZM12 11.9999H4.66663C4.29844 11.9999 3.99996 12.2984 3.99996 12.6666C3.99996 13.0348 4.29844 13.3333 4.66663 13.3333H12V11.9999Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M8.12296 4.9385C8.18749 4.90624 8.23983 4.85394 8.27203 4.78942L8.70203 3.92954C8.82483 3.68385 9.17543 3.68385 9.29829 3.92954L9.72823 4.78942C9.76049 4.85394 9.81276 4.90624 9.87729 4.9385L10.7372 5.36844C10.9829 5.49128 10.9829 5.84189 10.7372 5.96473L9.87729 6.39467C9.81276 6.42692 9.76049 6.47923 9.72823 6.54375L9.29829 7.40365C9.17543 7.64932 8.82483 7.64932 8.70203 7.40365L8.27203 6.54375C8.23983 6.47923 8.18749 6.42692 8.12296 6.39467L7.26309 5.96473C7.01743 5.84189 7.01743 5.49128 7.26309 5.36844L8.12296 4.9385Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.71829 7.80752C5.757 7.78819 5.78838 7.75678 5.80773 7.71805L6.15459 7.02438C6.22829 6.87692 6.43865 6.87692 6.51236 7.02438L6.85923 7.71805C6.87856 7.75678 6.90996 7.78819 6.94863 7.80752L7.64236 8.15439C7.78976 8.22805 7.78976 8.43845 7.64236 8.51212L6.94863 8.85898C6.90996 8.87832 6.87856 8.90972 6.85923 8.94845L6.51236 9.64212C6.43865 9.78959 6.22829 9.78959 6.15459 9.64212L5.80773 8.94845C5.78838 8.90972 5.757 8.87832 5.71829 8.85898L5.02458 8.51212C4.87717 8.43845 4.87717 8.22805 5.02458 8.15439L5.71829 7.80752Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "DocsExtractor"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
index 421da3902a..fa4c675bac 100644
--- a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './DocsExtractor.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './DocsExtractor.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/End.json b/web/app/components/base/icons/src/vender/workflow/End.json
index 56336efad1..48cdd8b38e 100644
--- a/web/app/components/base/icons/src/vender/workflow/End.json
+++ b/web/app/components/base/icons/src/vender/workflow/End.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/end"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M6.67315 1.18094C6.87691 1.0639 7.12769 1.06475 7.33067 1.18315L10.8307 3.22481C11.0323 3.34242 11.1562 3.55826 11.1562 3.79167C11.1562 4.02507 11.0323 4.24091 10.8307 4.35852L7.65625 6.21026V9.91667C7.65625 10.2791 7.36244 10.5729 7 10.5729C6.63756 10.5729 6.34375 10.2791 6.34375 9.91667V5.84577C6.34361 5.83788 6.34361 5.83 6.34375 5.82213V1.75C6.34375 1.51502 6.46939 1.29797 6.67315 1.18094ZM7.65625 4.69078L9.19758 3.79167L7.65625 2.89256V4.69078ZM5.31099 8.25466C5.37977 8.61051 5.14704 8.95473 4.79119 9.0235C3.97285 9.18165 3.32667 9.41764 2.90374 9.67762C2.45323 9.95454 2.40625 10.1564 2.40625 10.2086C2.40625 10.2448 2.42254 10.3508 2.60674 10.5202C2.79151 10.6901 3.09509 10.8732 3.52555 11.0406C4.38229 11.3738 5.61047 11.594 7 11.594C8.38954 11.594 9.61773 11.3738 10.4745 11.0406C10.9049 10.8732 11.2085 10.6901 11.3933 10.5202C11.5775 10.3508 11.5938 10.2448 11.5938 10.2086C11.5938 10.1564 11.5468 9.95454 11.0963 9.67762C10.6733 9.41764 10.0271 9.18165 9.20881 9.0235C8.85296 8.95473 8.62023 8.61051 8.68901 8.25465C8.75778 7.8988 9.102 7.66608 9.45786 7.73485C10.3682 7.91077 11.1803 8.18867 11.7836 8.55947C12.3592 8.91331 12.9062 9.45912 12.9062 10.2086C12.9062 10.7361 12.6287 11.1672 12.2816 11.4864C11.935 11.805 11.4698 12.0618 10.9502 12.2639C9.90679 12.6696 8.50997 12.9065 7 12.9065C5.49004 12.9065 4.09322 12.6696 3.04983 12.2639C2.53023 12.0618 2.06497 11.805 1.7184 11.4864C1.37128 11.1672 1.09375 10.7361 1.09375 10.2086C1.09375 9.45913 1.64077 8.91332 2.21642 8.55947C2.81966 8.18867 3.63181 7.91077 4.54215 7.73485C4.898 7.66608 5.24222 7.8988 5.31099 8.25466Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "End"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/end"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M6.67315 1.18094C6.87691 1.0639 7.12769 1.06475 7.33067 1.18315L10.8307 3.22481C11.0323 3.34242 11.1562 3.55826 11.1562 3.79167C11.1562 4.02507 11.0323 4.24091 10.8307 4.35852L7.65625 6.21026V9.91667C7.65625 10.2791 7.36244 10.5729 7 10.5729C6.63756 10.5729 6.34375 10.2791 6.34375 9.91667V5.84577C6.34361 5.83788 6.34361 5.83 6.34375 5.82213V1.75C6.34375 1.51502 6.46939 1.29797 6.67315 1.18094ZM7.65625 4.69078L9.19758 3.79167L7.65625 2.89256V4.69078ZM5.31099 8.25466C5.37977 8.61051 5.14704 8.95473 4.79119 9.0235C3.97285 9.18165 3.32667 9.41764 2.90374 9.67762C2.45323 9.95454 2.40625 10.1564 2.40625 10.2086C2.40625 10.2448 2.42254 10.3508 2.60674 10.5202C2.79151 10.6901 3.09509 10.8732 3.52555 11.0406C4.38229 11.3738 5.61047 11.594 7 11.594C8.38954 11.594 9.61773 11.3738 10.4745 11.0406C10.9049 10.8732 11.2085 10.6901 11.3933 10.5202C11.5775 10.3508 11.5938 10.2448 11.5938 10.2086C11.5938 10.1564 11.5468 9.95454 11.0963 9.67762C10.6733 9.41764 10.0271 9.18165 9.20881 9.0235C8.85296 8.95473 8.62023 8.61051 8.68901 8.25465C8.75778 7.8988 9.102 7.66608 9.45786 7.73485C10.3682 7.91077 11.1803 8.18867 11.7836 8.55947C12.3592 8.91331 12.9062 9.45912 12.9062 10.2086C12.9062 10.7361 12.6287 11.1672 12.2816 11.4864C11.935 11.805 11.4698 12.0618 10.9502 12.2639C9.90679 12.6696 8.50997 12.9065 7 12.9065C5.49004 12.9065 4.09322 12.6696 3.04983 12.2639C2.53023 12.0618 2.06497 11.805 1.7184 11.4864C1.37128 11.1672 1.09375 10.7361 1.09375 10.2086C1.09375 9.45913 1.64077 8.91332 2.21642 8.55947C2.81966 8.18867 3.63181 7.91077 4.54215 7.73485C4.898 7.66608 5.24222 7.8988 5.31099 8.25466Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "End"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/End.tsx b/web/app/components/base/icons/src/vender/workflow/End.tsx
index 4f098d45fb..e98b2beaba 100644
--- a/web/app/components/base/icons/src/vender/workflow/End.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/End.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './End.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './End.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Home.json b/web/app/components/base/icons/src/vender/workflow/Home.json
index 982a9db222..868b7bd056 100644
--- a/web/app/components/base/icons/src/vender/workflow/Home.json
+++ b/web/app/components/base/icons/src/vender/workflow/Home.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/home"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M6.99999 2.44562C6.97241 2.46663 6.94086 2.49116 6.90151 2.52177L3.43971 5.21428C3.17896 5.41708 3.15115 5.44593 3.13396 5.46918C3.10759 5.50483 3.08794 5.545 3.07599 5.58771C3.0682 5.61555 3.0625 5.65522 3.0625 5.98554V9.67837C3.0625 9.97506 3.06301 10.1581 3.07422 10.2954C3.08463 10.4228 3.10101 10.4541 3.10219 10.4563C3.13714 10.5249 3.19296 10.5808 3.26156 10.6157C3.2638 10.6169 3.29514 10.6333 3.42254 10.6437C3.55984 10.6549 3.74289 10.6555 4.03958 10.6555H4.8125V7.53462C4.8125 7.52831 4.81249 7.52199 4.81249 7.51565C4.81247 7.38933 4.81245 7.25834 4.82163 7.14594C4.8319 7.02025 4.85685 6.86124 4.93966 6.69872C5.05151 6.4792 5.22998 6.30072 5.44951 6.18886C5.61203 6.10605 5.77104 6.08111 5.89673 6.07084C6.00913 6.06166 6.14012 6.06168 6.26644 6.0617C6.27278 6.0617 6.2791 6.06171 6.28541 6.06171H7.71458C7.72089 6.06171 7.72721 6.0617 7.73355 6.0617C7.85987 6.06168 7.99086 6.06166 8.10326 6.07084C8.22896 6.08111 8.38796 6.10605 8.55049 6.18886C8.77001 6.30072 8.94849 6.4792 9.06034 6.69872C9.14315 6.86124 9.16809 7.02025 9.17836 7.14594C9.18755 7.25834 9.18752 7.38933 9.1875 7.51565C9.1875 7.52199 9.1875 7.52831 9.1875 7.53462V10.6555H9.96041C10.2571 10.6555 10.4402 10.6549 10.5775 10.6437C10.7049 10.6333 10.7361 10.6169 10.7383 10.6158C10.8069 10.5808 10.8628 10.525 10.8978 10.4564C10.8989 10.4541 10.9154 10.4228 10.9258 10.2954C10.937 10.1581 10.9375 9.97506 10.9375 9.67837V5.98554C10.9375 5.65522 10.9318 5.61555 10.924 5.58771C10.912 5.545 10.8924 5.50483 10.866 5.46918C10.8488 5.44593 10.821 5.41708 10.5603 5.21428L7.09848 2.52177C7.05913 2.49116 7.02757 2.46663 6.99999 2.44562ZM9.98433 11.968C10.2497 11.968 10.4871 11.968 10.6843 11.9519C10.8951 11.9346 11.1172 11.8958 11.3343 11.7852C11.6499 11.6244 11.9064 11.3678 12.0672 11.0523C12.1778 10.8351 12.2167 10.6131 12.2339 10.4023C12.25 10.205 12.25 9.96764 12.25 9.70225L12.25 5.98554C12.25 5.9671 12.25 5.94866 12.2501 5.93025C12.2504 5.69307 12.2508 5.45861 12.1879 5.23392C12.1329 5.03748 12.0426 4.85272 11.9213 4.68871C11.7825 4.50112 11.5972 4.35747 11.4098 4.21216C11.3952 4.20087 11.3806 4.18958 11.3661 4.17826L7.90428 1.48574C7.89214 1.4763 7.87933 1.46621 7.86587 1.4556C7.73357 1.35131 7.53852 1.19755 7.3049 1.1343C7.10523 1.08023 6.89477 1.08023 6.69509 1.1343C6.46148 1.19755 6.26642 1.35131 6.13412 1.4556C6.12066 1.46621 6.10785 1.4763 6.09571 1.48574L2.63391 4.17826C2.61935 4.18958 2.60478 4.20088 2.59022 4.21216C2.40278 4.35747 2.21747 4.50112 2.07873 4.68871C1.95742 4.85271 1.86706 5.03748 1.81207 5.23392C1.74918 5.4586 1.74956 5.69307 1.74994 5.93024C1.74997 5.94866 1.75 5.96709 1.75 5.98554L1.75 9.70227C1.74998 9.96765 1.74997 10.205 1.76608 10.4023C1.78331 10.6131 1.82216 10.8351 1.93279 11.0523C2.09357 11.3678 2.35014 11.6244 2.6657 11.7852C2.88282 11.8958 3.10485 11.9346 3.31566 11.9519C3.5129 11.968 3.75029 11.968 4.01566 11.968H9.98433ZM7.875 10.6555V7.53462C7.875 7.47093 7.87498 7.41945 7.87447 7.37473C7.82975 7.37422 7.77828 7.37421 7.71458 7.37421H6.28541C6.22172 7.37421 6.17024 7.37422 6.12553 7.37473C6.12501 7.41945 6.125 7.47093 6.125 7.53462V10.6555H7.875Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Home"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/home"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M6.99999 2.44562C6.97241 2.46663 6.94086 2.49116 6.90151 2.52177L3.43971 5.21428C3.17896 5.41708 3.15115 5.44593 3.13396 5.46918C3.10759 5.50483 3.08794 5.545 3.07599 5.58771C3.0682 5.61555 3.0625 5.65522 3.0625 5.98554V9.67837C3.0625 9.97506 3.06301 10.1581 3.07422 10.2954C3.08463 10.4228 3.10101 10.4541 3.10219 10.4563C3.13714 10.5249 3.19296 10.5808 3.26156 10.6157C3.2638 10.6169 3.29514 10.6333 3.42254 10.6437C3.55984 10.6549 3.74289 10.6555 4.03958 10.6555H4.8125V7.53462C4.8125 7.52831 4.81249 7.52199 4.81249 7.51565C4.81247 7.38933 4.81245 7.25834 4.82163 7.14594C4.8319 7.02025 4.85685 6.86124 4.93966 6.69872C5.05151 6.4792 5.22998 6.30072 5.44951 6.18886C5.61203 6.10605 5.77104 6.08111 5.89673 6.07084C6.00913 6.06166 6.14012 6.06168 6.26644 6.0617C6.27278 6.0617 6.2791 6.06171 6.28541 6.06171H7.71458C7.72089 6.06171 7.72721 6.0617 7.73355 6.0617C7.85987 6.06168 7.99086 6.06166 8.10326 6.07084C8.22896 6.08111 8.38796 6.10605 8.55049 6.18886C8.77001 6.30072 8.94849 6.4792 9.06034 6.69872C9.14315 6.86124 9.16809 7.02025 9.17836 7.14594C9.18755 7.25834 9.18752 7.38933 9.1875 7.51565C9.1875 7.52199 9.1875 7.52831 9.1875 7.53462V10.6555H9.96041C10.2571 10.6555 10.4402 10.6549 10.5775 10.6437C10.7049 10.6333 10.7361 10.6169 10.7383 10.6158C10.8069 10.5808 10.8628 10.525 10.8978 10.4564C10.8989 10.4541 10.9154 10.4228 10.9258 10.2954C10.937 10.1581 10.9375 9.97506 10.9375 9.67837V5.98554C10.9375 5.65522 10.9318 5.61555 10.924 5.58771C10.912 5.545 10.8924 5.50483 10.866 5.46918C10.8488 5.44593 10.821 5.41708 10.5603 5.21428L7.09848 2.52177C7.05913 2.49116 7.02757 2.46663 6.99999 2.44562ZM9.98433 11.968C10.2497 11.968 10.4871 11.968 10.6843 11.9519C10.8951 11.9346 11.1172 11.8958 11.3343 11.7852C11.6499 11.6244 11.9064 11.3678 12.0672 11.0523C12.1778 10.8351 12.2167 10.6131 12.2339 10.4023C12.25 10.205 12.25 9.96764 12.25 9.70225L12.25 5.98554C12.25 5.9671 12.25 5.94866 12.2501 5.93025C12.2504 5.69307 12.2508 5.45861 12.1879 5.23392C12.1329 5.03748 12.0426 4.85272 11.9213 4.68871C11.7825 4.50112 11.5972 4.35747 11.4098 4.21216C11.3952 4.20087 11.3806 4.18958 11.3661 4.17826L7.90428 1.48574C7.89214 1.4763 7.87933 1.46621 7.86587 1.4556C7.73357 1.35131 7.53852 1.19755 7.3049 1.1343C7.10523 1.08023 6.89477 1.08023 6.69509 1.1343C6.46148 1.19755 6.26642 1.35131 6.13412 1.4556C6.12066 1.46621 6.10785 1.4763 6.09571 1.48574L2.63391 4.17826C2.61935 4.18958 2.60478 4.20088 2.59022 4.21216C2.40278 4.35747 2.21747 4.50112 2.07873 4.68871C1.95742 4.85271 1.86706 5.03748 1.81207 5.23392C1.74918 5.4586 1.74956 5.69307 1.74994 5.93024C1.74997 5.94866 1.75 5.96709 1.75 5.98554L1.75 9.70227C1.74998 9.96765 1.74997 10.205 1.76608 10.4023C1.78331 10.6131 1.82216 10.8351 1.93279 11.0523C2.09357 11.3678 2.35014 11.6244 2.6657 11.7852C2.88282 11.8958 3.10485 11.9346 3.31566 11.9519C3.5129 11.968 3.75029 11.968 4.01566 11.968H9.98433ZM7.875 10.6555V7.53462C7.875 7.47093 7.87498 7.41945 7.87447 7.37473C7.82975 7.37422 7.77828 7.37421 7.71458 7.37421H6.28541C6.22172 7.37421 6.17024 7.37422 6.12553 7.37473C6.12501 7.41945 6.125 7.47093 6.125 7.53462V10.6555H7.875Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Home"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Home.tsx b/web/app/components/base/icons/src/vender/workflow/Home.tsx
index 18cc292480..00f84a79f3 100644
--- a/web/app/components/base/icons/src/vender/workflow/Home.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Home.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Home.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Home.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Http.json b/web/app/components/base/icons/src/vender/workflow/Http.json
index 4affe7a5b0..c60615bf40 100644
--- a/web/app/components/base/icons/src/vender/workflow/Http.json
+++ b/web/app/components/base/icons/src/vender/workflow/Http.json
@@ -1,71 +1,71 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/http"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M13.0968 4.66675H10.8387V9.18288H11.7419V7.82804H13.0968C13.3362 7.82772 13.5658 7.73245 13.7351 7.56313C13.9044 7.39382 13.9997 7.16426 14 6.92481V5.56997C13.9997 5.33051 13.9045 5.10093 13.7351 4.9316C13.5658 4.76227 13.3362 4.66702 13.0968 4.66675ZM11.7419 6.92481V5.56997H13.0968L13.0972 6.92481H11.7419Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M4.06452 5.56997H4.96774V9.18288H5.87097V5.56997H6.77419V4.66675H4.06452V5.56997Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M9.93548 4.66675H7.22581V5.56997H8.12903V9.18288H9.03226V5.56997H9.93548V4.66675Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M2.25806 4.66675V6.4732H0.903226V4.66675H0V9.18288H0.903226V7.37643H2.25806V9.18288H3.16129V4.66675H2.25806Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Http"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/http"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M13.0968 4.66675H10.8387V9.18288H11.7419V7.82804H13.0968C13.3362 7.82772 13.5658 7.73245 13.7351 7.56313C13.9044 7.39382 13.9997 7.16426 14 6.92481V5.56997C13.9997 5.33051 13.9045 5.10093 13.7351 4.9316C13.5658 4.76227 13.3362 4.66702 13.0968 4.66675ZM11.7419 6.92481V5.56997H13.0968L13.0972 6.92481H11.7419Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M4.06452 5.56997H4.96774V9.18288H5.87097V5.56997H6.77419V4.66675H4.06452V5.56997Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M9.93548 4.66675H7.22581V5.56997H8.12903V9.18288H9.03226V5.56997H9.93548V4.66675Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M2.25806 4.66675V6.4732H0.903226V4.66675H0V9.18288H0.903226V7.37643H2.25806V9.18288H3.16129V4.66675H2.25806Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Http"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Http.tsx b/web/app/components/base/icons/src/vender/workflow/Http.tsx
index c84a585918..7d1546d37d 100644
--- a/web/app/components/base/icons/src/vender/workflow/Http.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Http.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Http.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Http.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/IfElse.json b/web/app/components/base/icons/src/vender/workflow/IfElse.json
index 359f695c26..e5b7624ea8 100644
--- a/web/app/components/base/icons/src/vender/workflow/IfElse.json
+++ b/web/app/components/base/icons/src/vender/workflow/IfElse.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/if-else"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8.16667 2.98975C7.80423 2.98975 7.51042 2.69593 7.51042 2.3335C7.51042 1.97106 7.80423 1.67725 8.16667 1.67725H11.0833C11.4458 1.67725 11.7396 1.97106 11.7396 2.3335V5.25016C11.7396 5.6126 11.4458 5.90641 11.0833 5.90641C10.7209 5.90641 10.4271 5.6126 10.4271 5.25016V3.91782L7.34474 7.00016L10.4271 10.0825V8.75016C10.4271 8.38773 10.7209 8.09391 11.0833 8.09391C11.4458 8.09391 11.7396 8.38773 11.7396 8.75016V11.6668C11.7396 12.0293 11.4458 12.3231 11.0833 12.3231H8.16667C7.80423 12.3231 7.51042 12.0293 7.51042 11.6668C7.51042 11.3044 7.80423 11.0106 8.16667 11.0106H9.49901L6.14484 7.65641H1.75C1.38756 7.65641 1.09375 7.3626 1.09375 7.00016C1.09375 6.63773 1.38756 6.34391 1.75 6.34391H6.14484L9.49901 2.98975H8.16667Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "IfElse"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/if-else"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8.16667 2.98975C7.80423 2.98975 7.51042 2.69593 7.51042 2.3335C7.51042 1.97106 7.80423 1.67725 8.16667 1.67725H11.0833C11.4458 1.67725 11.7396 1.97106 11.7396 2.3335V5.25016C11.7396 5.6126 11.4458 5.90641 11.0833 5.90641C10.7209 5.90641 10.4271 5.6126 10.4271 5.25016V3.91782L7.34474 7.00016L10.4271 10.0825V8.75016C10.4271 8.38773 10.7209 8.09391 11.0833 8.09391C11.4458 8.09391 11.7396 8.38773 11.7396 8.75016V11.6668C11.7396 12.0293 11.4458 12.3231 11.0833 12.3231H8.16667C7.80423 12.3231 7.51042 12.0293 7.51042 11.6668C7.51042 11.3044 7.80423 11.0106 8.16667 11.0106H9.49901L6.14484 7.65641H1.75C1.38756 7.65641 1.09375 7.3626 1.09375 7.00016C1.09375 6.63773 1.38756 6.34391 1.75 6.34391H6.14484L9.49901 2.98975H8.16667Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "IfElse"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/IfElse.tsx b/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
index e3820b2268..9cd32e977a 100644
--- a/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './IfElse.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './IfElse.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Iteration.json b/web/app/components/base/icons/src/vender/workflow/Iteration.json
index 84148e7bac..a66f76d88f 100644
--- a/web/app/components/base/icons/src/vender/workflow/Iteration.json
+++ b/web/app/components/base/icons/src/vender/workflow/Iteration.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/iteration"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M6.82849 0.754349C6.6007 0.526545 6.23133 0.526545 6.00354 0.754349C5.77573 0.982158 5.77573 1.3515 6.00354 1.57931L6.82849 0.754349ZM8.16602 2.91683L8.57849 3.32931C8.80628 3.1015 8.80628 2.73216 8.57849 2.50435L8.16602 2.91683ZM6.00354 4.25435C5.77573 4.48216 5.77573 4.8515 6.00354 5.07931C6.23133 5.30711 6.6007 5.30711 6.82849 5.07931L6.00354 4.25435ZM7.99516 9.74597C8.22295 9.51818 8.22295 9.14881 7.99516 8.92102C7.76737 8.69323 7.398 8.69323 7.17021 8.92102L7.99516 9.74597ZM5.83268 11.0835L5.4202 10.671C5.1924 10.8988 5.1924 11.2682 5.4202 11.496L5.83268 11.0835ZM7.17021 13.246C7.398 13.4738 7.76737 13.4738 7.99516 13.246C8.22295 13.0182 8.22295 12.6488 7.99516 12.421L7.17021 13.246ZM11.4993 3.73414C11.2738 3.50404 10.9045 3.5003 10.6744 3.72578C10.4443 3.95127 10.4405 4.32059 10.6661 4.55069L11.4993 3.73414ZM7.58268 3.50016C7.90486 3.50016 8.16602 3.23899 8.16602 2.91683C8.16602 2.59467 7.90486 2.3335 7.58268 2.3335L7.58268 3.50016ZM2.49938 10.2662C2.72486 10.4963 3.09419 10.5 3.32429 10.2745C3.55439 10.0491 3.55814 9.6797 3.33266 9.44964L2.49938 10.2662ZM6.00354 1.57931L7.75354 3.32931L8.57849 2.50435L6.82849 0.754349L6.00354 1.57931ZM7.75354 2.50435L6.00354 4.25435L6.82849 5.07931L8.57849 3.32931L7.75354 2.50435ZM7.17021 8.92102L5.4202 10.671L6.24516 11.496L7.99516 9.74597L7.17021 8.92102ZM5.4202 11.496L7.17021 13.246L7.99516 12.421L6.24516 10.671L5.4202 11.496ZM8.16602 10.5002L6.41602 10.5002V11.6668L8.16602 11.6668V10.5002ZM11.666 7.00016C11.666 8.93316 10.099 10.5002 8.16602 10.5002V11.6668C10.7434 11.6668 12.8327 9.57751 12.8327 7.00016H11.666ZM12.8327 7.00016C12.8327 5.72882 12.3235 4.57524 11.4993 3.73414L10.6661 4.55069C11.2852 5.18256 11.666 6.0463 11.666 7.00016H12.8327ZM5.83268 3.50016H7.58268L7.58268 2.3335H5.83268L5.83268 3.50016ZM2.33268 7.00016C2.33268 5.06717 3.89968 3.50016 5.83268 3.50016L5.83268 2.3335C3.25535 2.3335 1.16602 4.42283 1.16602 7.00016H2.33268ZM1.16602 7.00016C1.16602 8.27148 1.67517 9.42508 2.49938 10.2662L3.33266 9.44964C2.71348 8.81777 2.33268 7.95403 2.33268 7.00016H1.16602Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Iteration"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/iteration"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M6.82849 0.754349C6.6007 0.526545 6.23133 0.526545 6.00354 0.754349C5.77573 0.982158 5.77573 1.3515 6.00354 1.57931L6.82849 0.754349ZM8.16602 2.91683L8.57849 3.32931C8.80628 3.1015 8.80628 2.73216 8.57849 2.50435L8.16602 2.91683ZM6.00354 4.25435C5.77573 4.48216 5.77573 4.8515 6.00354 5.07931C6.23133 5.30711 6.6007 5.30711 6.82849 5.07931L6.00354 4.25435ZM7.99516 9.74597C8.22295 9.51818 8.22295 9.14881 7.99516 8.92102C7.76737 8.69323 7.398 8.69323 7.17021 8.92102L7.99516 9.74597ZM5.83268 11.0835L5.4202 10.671C5.1924 10.8988 5.1924 11.2682 5.4202 11.496L5.83268 11.0835ZM7.17021 13.246C7.398 13.4738 7.76737 13.4738 7.99516 13.246C8.22295 13.0182 8.22295 12.6488 7.99516 12.421L7.17021 13.246ZM11.4993 3.73414C11.2738 3.50404 10.9045 3.5003 10.6744 3.72578C10.4443 3.95127 10.4405 4.32059 10.6661 4.55069L11.4993 3.73414ZM7.58268 3.50016C7.90486 3.50016 8.16602 3.23899 8.16602 2.91683C8.16602 2.59467 7.90486 2.3335 7.58268 2.3335L7.58268 3.50016ZM2.49938 10.2662C2.72486 10.4963 3.09419 10.5 3.32429 10.2745C3.55439 10.0491 3.55814 9.6797 3.33266 9.44964L2.49938 10.2662ZM6.00354 1.57931L7.75354 3.32931L8.57849 2.50435L6.82849 0.754349L6.00354 1.57931ZM7.75354 2.50435L6.00354 4.25435L6.82849 5.07931L8.57849 3.32931L7.75354 2.50435ZM7.17021 8.92102L5.4202 10.671L6.24516 11.496L7.99516 9.74597L7.17021 8.92102ZM5.4202 11.496L7.17021 13.246L7.99516 12.421L6.24516 10.671L5.4202 11.496ZM8.16602 10.5002L6.41602 10.5002V11.6668L8.16602 11.6668V10.5002ZM11.666 7.00016C11.666 8.93316 10.099 10.5002 8.16602 10.5002V11.6668C10.7434 11.6668 12.8327 9.57751 12.8327 7.00016H11.666ZM12.8327 7.00016C12.8327 5.72882 12.3235 4.57524 11.4993 3.73414L10.6661 4.55069C11.2852 5.18256 11.666 6.0463 11.666 7.00016H12.8327ZM5.83268 3.50016H7.58268L7.58268 2.3335H5.83268L5.83268 3.50016ZM2.33268 7.00016C2.33268 5.06717 3.89968 3.50016 5.83268 3.50016L5.83268 2.3335C3.25535 2.3335 1.16602 4.42283 1.16602 7.00016H2.33268ZM1.16602 7.00016C1.16602 8.27148 1.67517 9.42508 2.49938 10.2662L3.33266 9.44964C2.71348 8.81777 2.33268 7.95403 2.33268 7.00016H1.16602Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Iteration"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Iteration.tsx b/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
index 0805dcdcf9..5758e540c5 100644
--- a/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Iteration.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Iteration.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/IterationStart.json b/web/app/components/base/icons/src/vender/workflow/IterationStart.json
index cb574b7ea5..86683bd517 100644
--- a/web/app/components/base/icons/src/vender/workflow/IterationStart.json
+++ b/web/app/components/base/icons/src/vender/workflow/IterationStart.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "12",
-			"height": "12",
-			"viewBox": "0 0 12 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/block-start"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M6.8498 1.72732C6.3379 1.3754 5.6621 1.3754 5.1502 1.72732L2.1502 3.78982C1.74317 4.06965 1.5 4.53193 1.5 5.02588V8.99983C1.5 9.82828 2.17158 10.4998 3 10.4998H4.25C4.52614 10.4998 4.75 10.276 4.75 9.99983V8.24983C4.75 7.55948 5.30965 6.99983 6 6.99983C6.69035 6.99983 7.25 7.55948 7.25 8.24983V9.99983C7.25 10.276 7.47385 10.4998 7.75 10.4998H9C9.82845 10.4998 10.5 9.82828 10.5 8.99983V5.02588C10.5 4.53193 10.2568 4.06965 9.8498 3.78982L6.8498 1.72732Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "IterationStart"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "12",
+      "height": "12",
+      "viewBox": "0 0 12 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/block-start"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M6.8498 1.72732C6.3379 1.3754 5.6621 1.3754 5.1502 1.72732L2.1502 3.78982C1.74317 4.06965 1.5 4.53193 1.5 5.02588V8.99983C1.5 9.82828 2.17158 10.4998 3 10.4998H4.25C4.52614 10.4998 4.75 10.276 4.75 9.99983V8.24983C4.75 7.55948 5.30965 6.99983 6 6.99983C6.69035 6.99983 7.25 7.55948 7.25 8.24983V9.99983C7.25 10.276 7.47385 10.4998 7.75 10.4998H9C9.82845 10.4998 10.5 9.82828 10.5 8.99983V5.02588C10.5 4.53193 10.2568 4.06965 9.8498 3.78982L6.8498 1.72732Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "IterationStart"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx b/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
index 13848fd17a..fe82b95ae7 100644
--- a/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './IterationStart.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './IterationStart.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Jinja.json b/web/app/components/base/icons/src/vender/workflow/Jinja.json
index 91eee1534b..7ba4bf7d98 100644
--- a/web/app/components/base/icons/src/vender/workflow/Jinja.json
+++ b/web/app/components/base/icons/src/vender/workflow/Jinja.json
@@ -1,98 +1,98 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "24",
-			"height": "12",
-			"viewBox": "0 0 24 12",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Jinja Icon"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.46013 5.99982C7.46013 4.87982 7.48013 3.92982 7.53013 3.16982V3.06982L6.13013 3.23982L6.15013 3.32982C6.29013 4.03982 6.36013 4.93982 6.36013 5.99982C6.36013 6.93982 6.33013 7.78982 6.28013 8.51982V8.60982H7.55013V8.51982C7.49013 7.72982 7.46013 6.87982 7.46013 5.99982Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.33016 1.31998C3.38016 2.31998 3.38016 5.13998 3.38016 7.00998V7.77998C3.38016 8.21998 3.35016 8.58998 3.28016 8.85998C3.22016 9.12998 3.11016 9.34998 2.96016 9.52998C2.82016 9.70998 2.62016 9.83998 2.37016 9.92998C2.12016 10.01 1.82016 10.06 1.49016 10.06C1.19016 10.06 0.900156 9.99998 0.620156 9.87998L0.520156 9.83998L0.410156 10.83L0.480156 10.85C0.800156 10.93 1.16016 10.97 1.56016 10.97C2.08016 10.97 2.53016 10.9 2.90016 10.77C3.28016 10.64 3.59016 10.43 3.83016 10.15C4.07016 9.87998 4.25016 9.52998 4.36016 9.13998C4.47016 8.74998 4.53016 8.23998 4.53016 7.64998C4.53016 6.78998 4.59016 3.54998 4.59016 3.17998C4.61016 2.47998 4.63016 1.86998 4.66016 1.31998V1.22998H3.33016V1.31998Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M7.08021 0.919922C6.82022 0.919922 6.60021 0.999922 6.45021 1.14992C6.30021 1.29992 6.22021 1.47992 6.22021 1.68992C6.22021 1.87992 6.28021 2.04992 6.41021 2.18992C6.54022 2.31992 6.73022 2.38992 6.96022 2.38992C7.23022 2.38992 7.44021 2.30992 7.59021 2.15992C7.74021 1.99992 7.81021 1.81992 7.81021 1.60992C7.81021 1.42992 7.74021 1.25992 7.61021 1.12992C7.48021 0.989922 7.30021 0.919922 7.08021 0.919922Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M15.6102 3.30981C15.7702 4.07981 15.8502 5.25981 15.8502 6.81981C15.8502 8.26981 15.7902 9.23981 15.6702 9.67981C15.5902 9.96981 15.3802 10.2598 15.0302 10.5198L14.9702 10.5698L15.3502 11.0998H15.4002C16.4302 10.8198 16.9602 10.0598 16.9602 8.83981C16.9602 8.64981 16.9502 8.30981 16.9202 7.80981C16.9002 7.31981 16.8902 6.90981 16.8902 6.59981C16.8902 5.44981 16.9202 4.28981 16.9902 3.15981V3.05981L15.5802 3.21981L15.6002 3.30981H15.6102Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M14.2901 5.77C14.2901 5.7 14.2901 5.56 14.3001 5.36C14.3001 5.15 14.3101 5.01 14.3101 4.94C14.3101 4.22 14.1101 3.71 13.7201 3.43C13.3401 3.15 12.8001 3 12.1101 3C11.4201 3 10.7901 3.24 10.2001 3.71L10.0901 3.06L8.8501 3.22L8.8701 3.31C9.0501 4.11 9.1401 4.95 9.1401 5.8C9.1401 6.36 9.1101 7.27 9.0401 8.52V8.61H10.3101V8.53C10.2901 7.07 10.2801 5.71 10.2801 4.49C10.7401 4.14 11.2501 3.96 11.7901 3.96C12.2401 3.96 12.5801 4.06 12.8201 4.26C13.0501 4.45 13.1701 4.82 13.1701 5.36C13.1701 6.5 13.1301 7.56 13.0401 8.53V8.62H14.3101V8.54C14.2901 7.35 14.2801 6.42 14.2801 5.79L14.2901 5.77Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M16.5302 0.919922C16.2702 0.919922 16.0502 0.999922 15.9002 1.14992C15.7502 1.29992 15.6702 1.47992 15.6702 1.68992C15.6702 1.87992 15.7302 2.04992 15.8602 2.18992C15.9902 2.31992 16.1802 2.38992 16.4102 2.38992C16.6702 2.38992 16.8902 2.30992 17.0302 2.15992C17.1802 1.99992 17.2502 1.81992 17.2502 1.60992C17.2502 1.42992 17.1802 1.25992 17.0502 1.12992C16.9202 0.989922 16.7402 0.919922 16.5202 0.919922H16.5302Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M23.1802 8.51001C23.0702 8.00001 23.0202 7.40001 23.0202 6.73001C23.0202 6.57001 23.0202 6.26001 23.0402 5.83001C23.0602 5.38001 23.0702 5.06001 23.0702 4.88001C23.0702 4.20001 22.8602 3.71001 22.4502 3.43001C22.0402 3.15001 21.4702 3.01001 20.7302 3.01001C19.9402 3.01001 19.2302 3.09001 18.6102 3.25001H18.5602L18.4302 4.20001L18.5502 4.17001C19.1602 4.03001 19.7802 3.96001 20.4102 3.96001C20.9302 3.96001 21.3202 4.03001 21.5702 4.18001C21.8102 4.31001 21.9302 4.59001 21.9302 5.01001C21.9302 5.09001 21.9302 5.16001 21.9302 5.23001C20.5102 5.25001 19.5602 5.44001 19.0302 5.79001C18.4802 6.15001 18.2002 6.63001 18.2002 7.23001C18.2002 7.72001 18.3802 8.10001 18.7402 8.36001C19.0902 8.62001 19.5102 8.75001 19.9902 8.75001C20.8202 8.75001 21.5002 8.55001 22.0102 8.17001C22.0102 8.30001 22.0402 8.44001 22.0802 8.58001L22.1002 8.64001L23.2202 8.60001L23.2002 8.50001L23.1802 8.51001ZM20.2802 6.18001C20.6502 6.08001 21.2002 6.03001 21.9102 6.03001C21.9102 6.45001 21.9202 6.92001 21.9402 7.42001C21.5602 7.69001 21.0502 7.83001 20.4302 7.83001C19.7002 7.83001 19.3502 7.61001 19.3502 7.16001C19.3502 6.68001 19.6602 6.36001 20.2802 6.18001Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "Jinja"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "24",
+      "height": "12",
+      "viewBox": "0 0 24 12",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Jinja Icon"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.46013 5.99982C7.46013 4.87982 7.48013 3.92982 7.53013 3.16982V3.06982L6.13013 3.23982L6.15013 3.32982C6.29013 4.03982 6.36013 4.93982 6.36013 5.99982C6.36013 6.93982 6.33013 7.78982 6.28013 8.51982V8.60982H7.55013V8.51982C7.49013 7.72982 7.46013 6.87982 7.46013 5.99982Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.33016 1.31998C3.38016 2.31998 3.38016 5.13998 3.38016 7.00998V7.77998C3.38016 8.21998 3.35016 8.58998 3.28016 8.85998C3.22016 9.12998 3.11016 9.34998 2.96016 9.52998C2.82016 9.70998 2.62016 9.83998 2.37016 9.92998C2.12016 10.01 1.82016 10.06 1.49016 10.06C1.19016 10.06 0.900156 9.99998 0.620156 9.87998L0.520156 9.83998L0.410156 10.83L0.480156 10.85C0.800156 10.93 1.16016 10.97 1.56016 10.97C2.08016 10.97 2.53016 10.9 2.90016 10.77C3.28016 10.64 3.59016 10.43 3.83016 10.15C4.07016 9.87998 4.25016 9.52998 4.36016 9.13998C4.47016 8.74998 4.53016 8.23998 4.53016 7.64998C4.53016 6.78998 4.59016 3.54998 4.59016 3.17998C4.61016 2.47998 4.63016 1.86998 4.66016 1.31998V1.22998H3.33016V1.31998Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M7.08021 0.919922C6.82022 0.919922 6.60021 0.999922 6.45021 1.14992C6.30021 1.29992 6.22021 1.47992 6.22021 1.68992C6.22021 1.87992 6.28021 2.04992 6.41021 2.18992C6.54022 2.31992 6.73022 2.38992 6.96022 2.38992C7.23022 2.38992 7.44021 2.30992 7.59021 2.15992C7.74021 1.99992 7.81021 1.81992 7.81021 1.60992C7.81021 1.42992 7.74021 1.25992 7.61021 1.12992C7.48021 0.989922 7.30021 0.919922 7.08021 0.919922Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M15.6102 3.30981C15.7702 4.07981 15.8502 5.25981 15.8502 6.81981C15.8502 8.26981 15.7902 9.23981 15.6702 9.67981C15.5902 9.96981 15.3802 10.2598 15.0302 10.5198L14.9702 10.5698L15.3502 11.0998H15.4002C16.4302 10.8198 16.9602 10.0598 16.9602 8.83981C16.9602 8.64981 16.9502 8.30981 16.9202 7.80981C16.9002 7.31981 16.8902 6.90981 16.8902 6.59981C16.8902 5.44981 16.9202 4.28981 16.9902 3.15981V3.05981L15.5802 3.21981L15.6002 3.30981H15.6102Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M14.2901 5.77C14.2901 5.7 14.2901 5.56 14.3001 5.36C14.3001 5.15 14.3101 5.01 14.3101 4.94C14.3101 4.22 14.1101 3.71 13.7201 3.43C13.3401 3.15 12.8001 3 12.1101 3C11.4201 3 10.7901 3.24 10.2001 3.71L10.0901 3.06L8.8501 3.22L8.8701 3.31C9.0501 4.11 9.1401 4.95 9.1401 5.8C9.1401 6.36 9.1101 7.27 9.0401 8.52V8.61H10.3101V8.53C10.2901 7.07 10.2801 5.71 10.2801 4.49C10.7401 4.14 11.2501 3.96 11.7901 3.96C12.2401 3.96 12.5801 4.06 12.8201 4.26C13.0501 4.45 13.1701 4.82 13.1701 5.36C13.1701 6.5 13.1301 7.56 13.0401 8.53V8.62H14.3101V8.54C14.2901 7.35 14.2801 6.42 14.2801 5.79L14.2901 5.77Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M16.5302 0.919922C16.2702 0.919922 16.0502 0.999922 15.9002 1.14992C15.7502 1.29992 15.6702 1.47992 15.6702 1.68992C15.6702 1.87992 15.7302 2.04992 15.8602 2.18992C15.9902 2.31992 16.1802 2.38992 16.4102 2.38992C16.6702 2.38992 16.8902 2.30992 17.0302 2.15992C17.1802 1.99992 17.2502 1.81992 17.2502 1.60992C17.2502 1.42992 17.1802 1.25992 17.0502 1.12992C16.9202 0.989922 16.7402 0.919922 16.5202 0.919922H16.5302Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M23.1802 8.51001C23.0702 8.00001 23.0202 7.40001 23.0202 6.73001C23.0202 6.57001 23.0202 6.26001 23.0402 5.83001C23.0602 5.38001 23.0702 5.06001 23.0702 4.88001C23.0702 4.20001 22.8602 3.71001 22.4502 3.43001C22.0402 3.15001 21.4702 3.01001 20.7302 3.01001C19.9402 3.01001 19.2302 3.09001 18.6102 3.25001H18.5602L18.4302 4.20001L18.5502 4.17001C19.1602 4.03001 19.7802 3.96001 20.4102 3.96001C20.9302 3.96001 21.3202 4.03001 21.5702 4.18001C21.8102 4.31001 21.9302 4.59001 21.9302 5.01001C21.9302 5.09001 21.9302 5.16001 21.9302 5.23001C20.5102 5.25001 19.5602 5.44001 19.0302 5.79001C18.4802 6.15001 18.2002 6.63001 18.2002 7.23001C18.2002 7.72001 18.3802 8.10001 18.7402 8.36001C19.0902 8.62001 19.5102 8.75001 19.9902 8.75001C20.8202 8.75001 21.5002 8.55001 22.0102 8.17001C22.0102 8.30001 22.0402 8.44001 22.0802 8.58001L22.1002 8.64001L23.2202 8.60001L23.2002 8.50001L23.1802 8.51001ZM20.2802 6.18001C20.6502 6.08001 21.2002 6.03001 21.9102 6.03001C21.9102 6.45001 21.9202 6.92001 21.9402 7.42001C21.5602 7.69001 21.0502 7.83001 20.4302 7.83001C19.7002 7.83001 19.3502 7.61001 19.3502 7.16001C19.3502 6.68001 19.6602 6.36001 20.2802 6.18001Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Jinja"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Jinja.tsx b/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
index fc9b0a5fc9..1b5d0d3745 100644
--- a/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Jinja.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Jinja.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.json b/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.json
index 2534df2359..353b302ab4 100644
--- a/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.json
+++ b/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.json
@@ -1,36 +1,36 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "Knowledge Base"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M5.25016 3.49999C4.928 3.49999 4.66683 3.76116 4.66683 4.08332C4.66683 4.40549 4.928 4.66666 5.25016 4.66666V3.49999ZM8.75016 4.66666C9.07234 4.66666 9.3335 4.40549 9.3335 4.08332C9.3335 3.76116 9.07234 3.49999 8.75016 3.49999V4.66666ZM5.25016 5.83332C4.928 5.83332 4.66683 6.09448 4.66683 6.41666C4.66683 6.73883 4.928 6.99999 5.25016 6.99999V5.83332ZM7.00016 6.99999C7.32234 6.99999 7.5835 6.73883 7.5835 6.41666C7.5835 6.09448 7.32234 5.83332 7.00016 5.83332V6.99999ZM4.0835 2.33332H9.91683V1.16666H4.0835V2.33332ZM10.5002 2.91666V11.0833H11.6668V2.91666H10.5002ZM9.91683 11.6667H4.0835V12.8333H9.91683V11.6667ZM3.50016 11.0833V2.91666H2.3335V11.0833H3.50016ZM4.0835 11.6667C3.76133 11.6667 3.50016 11.4055 3.50016 11.0833H2.3335C2.3335 12.0498 3.117 12.8333 4.0835 12.8333V11.6667ZM10.5002 11.0833C10.5002 11.4055 10.239 11.6667 9.91683 11.6667V12.8333C10.8834 12.8333 11.6668 12.0498 11.6668 11.0833H10.5002ZM9.91683 2.33332C10.239 2.33332 10.5002 2.59449 10.5002 2.91666H11.6668C11.6668 1.95016 10.8834 1.16666 9.91683 1.16666V2.33332ZM4.0835 1.16666C3.117 1.16666 2.3335 1.95016 2.3335 2.91666H3.50016C3.50016 2.59449 3.76133 2.33332 4.0835 2.33332V1.16666ZM10.5002 6.99999V8.74999H11.6668V6.99999H10.5002ZM9.91683 9.33332H4.0835V10.5H9.91683V9.33332ZM4.0835 12.8333H5.8335V11.6667H4.0835V12.8333ZM4.0835 9.33332C3.117 9.33332 2.3335 10.1168 2.3335 11.0833H3.50016C3.50016 10.7611 3.76133 10.5 4.0835 10.5V9.33332ZM10.5002 8.74999C10.5002 9.07216 10.239 9.33332 9.91683 9.33332V10.5C10.8834 10.5 11.6668 9.71651 11.6668 8.74999H10.5002ZM5.25016 4.66666H8.75016V3.49999H5.25016V4.66666ZM5.25016 6.99999H7.00016V5.83332H5.25016V6.99999Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "KnowledgeBase"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "Knowledge Base"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M5.25016 3.49999C4.928 3.49999 4.66683 3.76116 4.66683 4.08332C4.66683 4.40549 4.928 4.66666 5.25016 4.66666V3.49999ZM8.75016 4.66666C9.07234 4.66666 9.3335 4.40549 9.3335 4.08332C9.3335 3.76116 9.07234 3.49999 8.75016 3.49999V4.66666ZM5.25016 5.83332C4.928 5.83332 4.66683 6.09448 4.66683 6.41666C4.66683 6.73883 4.928 6.99999 5.25016 6.99999V5.83332ZM7.00016 6.99999C7.32234 6.99999 7.5835 6.73883 7.5835 6.41666C7.5835 6.09448 7.32234 5.83332 7.00016 5.83332V6.99999ZM4.0835 2.33332H9.91683V1.16666H4.0835V2.33332ZM10.5002 2.91666V11.0833H11.6668V2.91666H10.5002ZM9.91683 11.6667H4.0835V12.8333H9.91683V11.6667ZM3.50016 11.0833V2.91666H2.3335V11.0833H3.50016ZM4.0835 11.6667C3.76133 11.6667 3.50016 11.4055 3.50016 11.0833H2.3335C2.3335 12.0498 3.117 12.8333 4.0835 12.8333V11.6667ZM10.5002 11.0833C10.5002 11.4055 10.239 11.6667 9.91683 11.6667V12.8333C10.8834 12.8333 11.6668 12.0498 11.6668 11.0833H10.5002ZM9.91683 2.33332C10.239 2.33332 10.5002 2.59449 10.5002 2.91666H11.6668C11.6668 1.95016 10.8834 1.16666 9.91683 1.16666V2.33332ZM4.0835 1.16666C3.117 1.16666 2.3335 1.95016 2.3335 2.91666H3.50016C3.50016 2.59449 3.76133 2.33332 4.0835 2.33332V1.16666ZM10.5002 6.99999V8.74999H11.6668V6.99999H10.5002ZM9.91683 9.33332H4.0835V10.5H9.91683V9.33332ZM4.0835 12.8333H5.8335V11.6667H4.0835V12.8333ZM4.0835 9.33332C3.117 9.33332 2.3335 10.1168 2.3335 11.0833H3.50016C3.50016 10.7611 3.76133 10.5 4.0835 10.5V9.33332ZM10.5002 8.74999C10.5002 9.07216 10.239 9.33332 9.91683 9.33332V10.5C10.8834 10.5 11.6668 9.71651 11.6668 8.74999H10.5002ZM5.25016 4.66666H8.75016V3.49999H5.25016V4.66666ZM5.25016 6.99999H7.00016V5.83332H5.25016V6.99999Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "KnowledgeBase"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.tsx b/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.tsx
index 4969da3b4a..15aa9097bc 100644
--- a/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/KnowledgeBase.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './KnowledgeBase.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './KnowledgeBase.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.json b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.json
index 69eb10eb83..f8481bc021 100644
--- a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.json
+++ b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/knowledge-retrieval"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M3.78528 2.62834C3.78527 2.62834 3.78528 2.62834 3.78528 2.62834L8 3.56494L12.2147 2.62834C13.5158 2.33921 14.75 3.32924 14.75 4.66206V11.2637C14.75 12.2401 14.0718 13.0855 13.1187 13.2974L8.1627 14.3987C8.05554 14.4225 7.94446 14.4225 7.8373 14.3987L2.88139 13.2974C1.92824 13.0855 1.25 12.2401 1.25 11.2637V4.66206C1.25 3.32925 2.4842 2.33921 3.78528 2.62834ZM7.25 4.93487L3.45988 4.09262C3.09558 4.01166 2.75 4.28887 2.75 4.66206V11.2637C2.75 11.537 2.93986 11.7738 3.20679 11.8331C3.20678 11.8331 3.20681 11.8331 3.20679 11.8331L7.25 12.7316V4.93487ZM8.75 12.7316L12.7932 11.8331C13.0601 11.7738 13.25 11.537 13.25 11.2637V4.66206C13.25 4.28887 12.9044 4.01165 12.5401 4.09262L8.75 4.93487V12.7316Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "KnowledgeRetrieval"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/knowledge-retrieval"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M3.78528 2.62834C3.78527 2.62834 3.78528 2.62834 3.78528 2.62834L8 3.56494L12.2147 2.62834C13.5158 2.33921 14.75 3.32924 14.75 4.66206V11.2637C14.75 12.2401 14.0718 13.0855 13.1187 13.2974L8.1627 14.3987C8.05554 14.4225 7.94446 14.4225 7.8373 14.3987L2.88139 13.2974C1.92824 13.0855 1.25 12.2401 1.25 11.2637V4.66206C1.25 3.32925 2.4842 2.33921 3.78528 2.62834ZM7.25 4.93487L3.45988 4.09262C3.09558 4.01166 2.75 4.28887 2.75 4.66206V11.2637C2.75 11.537 2.93986 11.7738 3.20679 11.8331C3.20678 11.8331 3.20681 11.8331 3.20679 11.8331L7.25 12.7316V4.93487ZM8.75 12.7316L12.7932 11.8331C13.0601 11.7738 13.25 11.537 13.25 11.2637V4.66206C13.25 4.28887 12.9044 4.01165 12.5401 4.09262L8.75 4.93487V12.7316Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "KnowledgeRetrieval"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
index 23141fe53f..2509d6bdd4 100644
--- a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './KnowledgeRetrieval.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './KnowledgeRetrieval.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/ListFilter.json b/web/app/components/base/icons/src/vender/workflow/ListFilter.json
index 6ed383c315..46754ace4a 100644
--- a/web/app/components/base/icons/src/vender/workflow/ListFilter.json
+++ b/web/app/components/base/icons/src/vender/workflow/ListFilter.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "filter"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M2 4C2 2.89543 2.89543 2 4 2L12 2C13.1046 2 14 2.89544 14 4V4.78105C14 5.31148 13.7893 5.82019 13.4142 6.19528L10.1953 9.4142C10.0702 9.53925 10 9.70881 10 9.8856V12.8713C10 13.427 9.65528 13.9246 9.13482 14.1198C9.13479 14.1198 9.13476 14.1198 9.13473 14.1198L7.80153 14.6197C6.92984 14.9467 6 14.3022 6 13.3713L6 9.8856C6 9.70883 5.92978 9.53926 5.80474 9.4142C5.80473 9.4142 5.80473 9.4142 5.80472 9.41419L2.58579 6.19526L3.05004 5.73102L2.58579 6.19526C2.21071 5.82019 2 5.31148 2 4.78105V4ZM4 3.33333C3.63181 3.33333 3.33333 3.63181 3.33333 4L3.33333 4.78105C3.33333 4.95786 3.40357 5.12743 3.5286 5.25246L6.74754 8.47139L6.74756 8.47141C7.12262 8.84649 7.33333 9.35518 7.33333 9.8856L7.33333 13.3713L8.66665 12.8713L8.66667 12.8713L8.66667 9.8856C8.66667 9.35518 8.87737 8.84648 9.25246 8.4714L12.4714 5.25246L12.4714 5.25244C12.5964 5.12742 12.6667 4.95787 12.6667 4.78105V4C12.6667 3.6318 12.3682 3.33333 12 3.33333L4 3.33333Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ListFilter"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "filter"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M2 4C2 2.89543 2.89543 2 4 2L12 2C13.1046 2 14 2.89544 14 4V4.78105C14 5.31148 13.7893 5.82019 13.4142 6.19528L10.1953 9.4142C10.0702 9.53925 10 9.70881 10 9.8856V12.8713C10 13.427 9.65528 13.9246 9.13482 14.1198C9.13479 14.1198 9.13476 14.1198 9.13473 14.1198L7.80153 14.6197C6.92984 14.9467 6 14.3022 6 13.3713L6 9.8856C6 9.70883 5.92978 9.53926 5.80474 9.4142C5.80473 9.4142 5.80473 9.4142 5.80472 9.41419L2.58579 6.19526L3.05004 5.73102L2.58579 6.19526C2.21071 5.82019 2 5.31148 2 4.78105V4ZM4 3.33333C3.63181 3.33333 3.33333 3.63181 3.33333 4L3.33333 4.78105C3.33333 4.95786 3.40357 5.12743 3.5286 5.25246L6.74754 8.47139L6.74756 8.47141C7.12262 8.84649 7.33333 9.35518 7.33333 9.8856L7.33333 13.3713L8.66665 12.8713L8.66667 12.8713L8.66667 9.8856C8.66667 9.35518 8.87737 8.84648 9.25246 8.4714L12.4714 5.25246L12.4714 5.25244C12.5964 5.12742 12.6667 4.95787 12.6667 4.78105V4C12.6667 3.6318 12.3682 3.33333 12 3.33333L4 3.33333Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ListFilter"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx b/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
index 831679eb04..9b1f790759 100644
--- a/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ListFilter.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ListFilter.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Llm.json b/web/app/components/base/icons/src/vender/workflow/Llm.json
index cdf114a490..9253237e0a 100644
--- a/web/app/components/base/icons/src/vender/workflow/Llm.json
+++ b/web/app/components/base/icons/src/vender/workflow/Llm.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/llm"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M5.83333 2.40625C5.04971 2.40625 4.39011 2.94431 4.20689 3.67206C4.13982 3.93846 3.91391 4.1349 3.64078 4.16432C2.94692 4.23906 2.40625 4.82766 2.40625 5.54167C2.40625 5.92943 2.56471 6.27904 2.82212 6.53129C2.94807 6.65472 3.01905 6.82365 3.01905 7C3.01905 7.17635 2.94807 7.34528 2.82212 7.46871C2.56471 7.72096 2.40625 8.07057 2.40625 8.45833C2.40625 9.03652 2.76061 9.53347 3.26651 9.74092C3.45247 9.81717 3.59324 9.97444 3.64849 10.1677C3.8841 10.9917 4.64342 11.5938 5.54167 11.5938C5.82802 11.5938 6.09916 11.533 6.34375 11.4237V9.91667C6.34375 9.31258 5.85409 8.82292 5.25 8.82292C4.88756 8.82292 4.59375 8.5291 4.59375 8.16667C4.59375 7.80423 4.88756 7.51042 5.25 7.51042C5.64385 7.51042 6.0156 7.60503 6.34375 7.77278V2.48514C6.18319 2.43393 6.01183 2.40625 5.83333 2.40625ZM7.65625 2.48514V4.08333C7.65625 4.6874 8.14592 5.17708 8.75 5.17708C9.11244 5.17708 9.40625 5.4709 9.40625 5.83333C9.40625 6.19577 9.11244 6.48958 8.75 6.48958C8.35615 6.48958 7.9844 6.39496 7.65625 6.22722V11.4237C7.90087 11.533 8.17199 11.5938 8.45833 11.5938C9.35657 11.5938 10.1159 10.9917 10.3515 10.1677C10.4068 9.97444 10.5475 9.81717 10.7335 9.74092C11.2394 9.53347 11.5938 9.03652 11.5938 8.45833C11.5938 8.07056 11.4353 7.72096 11.1779 7.46871C11.0519 7.34528 10.981 7.17635 10.981 7C10.981 6.82365 11.0519 6.65472 11.1779 6.53129C11.4353 6.27904 11.5938 5.92944 11.5938 5.54167C11.5938 4.82766 11.0531 4.23906 10.3592 4.16432C10.0861 4.1349 9.86022 3.93847 9.79315 3.67208C9.6099 2.94432 8.95027 2.40625 8.16667 2.40625C7.98817 2.40625 7.81681 2.43393 7.65625 2.48514ZM7.00001 12.565C6.56031 12.7835 6.06472 12.9062 5.54167 12.9062C4.14996 12.9062 2.96198 12.0403 2.48457 10.8188C1.65595 10.3591 1.09375 9.47501 1.09375 8.45833C1.09375 7.9213 1.2511 7.42042 1.52161 7C1.2511 6.57958 1.09375 6.0787 1.09375 5.54167C1.09375 4.30153 1.93005 3.25742 3.06973 2.94157C3.51828 1.85715 4.586 1.09375 5.83333 1.09375C6.24643 1.09375 6.64104 1.17788 7 1.33013C7.35896 1.17788 7.75357 1.09375 8.16667 1.09375C9.41399 1.09375 10.4817 1.85716 10.9303 2.94157C12.0699 3.25742 12.9062 4.30153 12.9062 5.54167C12.9062 6.07869 12.7489 6.57958 12.4784 7C12.7489 7.42043 12.9062 7.92131 12.9062 8.45833C12.9062 9.47502 12.344 10.3591 11.5154 10.8188C11.038 12.0403 9.85003 12.9062 8.45833 12.9062C7.93526 12.9062 7.4397 12.7834 7.00001 12.565Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Llm"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/llm"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M5.83333 2.40625C5.04971 2.40625 4.39011 2.94431 4.20689 3.67206C4.13982 3.93846 3.91391 4.1349 3.64078 4.16432C2.94692 4.23906 2.40625 4.82766 2.40625 5.54167C2.40625 5.92943 2.56471 6.27904 2.82212 6.53129C2.94807 6.65472 3.01905 6.82365 3.01905 7C3.01905 7.17635 2.94807 7.34528 2.82212 7.46871C2.56471 7.72096 2.40625 8.07057 2.40625 8.45833C2.40625 9.03652 2.76061 9.53347 3.26651 9.74092C3.45247 9.81717 3.59324 9.97444 3.64849 10.1677C3.8841 10.9917 4.64342 11.5938 5.54167 11.5938C5.82802 11.5938 6.09916 11.533 6.34375 11.4237V9.91667C6.34375 9.31258 5.85409 8.82292 5.25 8.82292C4.88756 8.82292 4.59375 8.5291 4.59375 8.16667C4.59375 7.80423 4.88756 7.51042 5.25 7.51042C5.64385 7.51042 6.0156 7.60503 6.34375 7.77278V2.48514C6.18319 2.43393 6.01183 2.40625 5.83333 2.40625ZM7.65625 2.48514V4.08333C7.65625 4.6874 8.14592 5.17708 8.75 5.17708C9.11244 5.17708 9.40625 5.4709 9.40625 5.83333C9.40625 6.19577 9.11244 6.48958 8.75 6.48958C8.35615 6.48958 7.9844 6.39496 7.65625 6.22722V11.4237C7.90087 11.533 8.17199 11.5938 8.45833 11.5938C9.35657 11.5938 10.1159 10.9917 10.3515 10.1677C10.4068 9.97444 10.5475 9.81717 10.7335 9.74092C11.2394 9.53347 11.5938 9.03652 11.5938 8.45833C11.5938 8.07056 11.4353 7.72096 11.1779 7.46871C11.0519 7.34528 10.981 7.17635 10.981 7C10.981 6.82365 11.0519 6.65472 11.1779 6.53129C11.4353 6.27904 11.5938 5.92944 11.5938 5.54167C11.5938 4.82766 11.0531 4.23906 10.3592 4.16432C10.0861 4.1349 9.86022 3.93847 9.79315 3.67208C9.6099 2.94432 8.95027 2.40625 8.16667 2.40625C7.98817 2.40625 7.81681 2.43393 7.65625 2.48514ZM7.00001 12.565C6.56031 12.7835 6.06472 12.9062 5.54167 12.9062C4.14996 12.9062 2.96198 12.0403 2.48457 10.8188C1.65595 10.3591 1.09375 9.47501 1.09375 8.45833C1.09375 7.9213 1.2511 7.42042 1.52161 7C1.2511 6.57958 1.09375 6.0787 1.09375 5.54167C1.09375 4.30153 1.93005 3.25742 3.06973 2.94157C3.51828 1.85715 4.586 1.09375 5.83333 1.09375C6.24643 1.09375 6.64104 1.17788 7 1.33013C7.35896 1.17788 7.75357 1.09375 8.16667 1.09375C9.41399 1.09375 10.4817 1.85716 10.9303 2.94157C12.0699 3.25742 12.9062 4.30153 12.9062 5.54167C12.9062 6.07869 12.7489 6.57958 12.4784 7C12.7489 7.42043 12.9062 7.92131 12.9062 8.45833C12.9062 9.47502 12.344 10.3591 11.5154 10.8188C11.038 12.0403 9.85003 12.9062 8.45833 12.9062C7.93526 12.9062 7.4397 12.7834 7.00001 12.565Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Llm"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Llm.tsx b/web/app/components/base/icons/src/vender/workflow/Llm.tsx
index c712d9ecea..543627bdec 100644
--- a/web/app/components/base/icons/src/vender/workflow/Llm.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Llm.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Llm.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Llm.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Loop.json b/web/app/components/base/icons/src/vender/workflow/Loop.json
index b6abd13dfa..77b3ef8fd4 100644
--- a/web/app/components/base/icons/src/vender/workflow/Loop.json
+++ b/web/app/components/base/icons/src/vender/workflow/Loop.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "18",
-			"height": "16",
-			"viewBox": "0 0 18 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "loop"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M2.02915 5.34506C3.50752 3.88498 5.9006 3.88498 7.37896 5.34506L8.99983 6.94588L10.6207 5.34506C12.0991 3.88499 14.4921 3.88498 15.9705 5.34506C17.454 6.81027 17.454 9.18971 15.9705 10.6549C14.4921 12.115 12.0991 12.115 10.6207 10.655L8.99983 9.05413L7.37896 10.655C5.9006 12.115 3.50753 12.115 2.02916 10.655C0.545627 9.18974 0.545611 6.81028 2.02915 5.34506ZM7.93251 8L6.32492 6.4123C5.4308 5.52924 3.97732 5.52923 3.08319 6.4123C2.19426 7.29026 2.19426 8.70975 3.0832 9.58772C3.97733 10.4708 5.4308 10.4707 6.32492 9.58771C6.32492 9.58772 6.32492 9.58771 6.32492 9.58771L7.93251 8ZM10.0671 8L11.6747 9.5877C11.6747 9.58769 11.6747 9.58771 11.6747 9.5877C12.5688 10.4707 14.0223 10.4707 14.9165 9.58773C15.8054 8.70975 15.8054 7.29024 14.9165 6.41229C14.0223 5.52923 12.5689 5.52924 11.6747 6.4123C11.6747 6.4123 11.6747 6.41229 11.6747 6.4123L10.0671 8Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "Loop"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "18",
+      "height": "16",
+      "viewBox": "0 0 18 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "loop"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M2.02915 5.34506C3.50752 3.88498 5.9006 3.88498 7.37896 5.34506L8.99983 6.94588L10.6207 5.34506C12.0991 3.88499 14.4921 3.88498 15.9705 5.34506C17.454 6.81027 17.454 9.18971 15.9705 10.6549C14.4921 12.115 12.0991 12.115 10.6207 10.655L8.99983 9.05413L7.37896 10.655C5.9006 12.115 3.50753 12.115 2.02916 10.655C0.545627 9.18974 0.545611 6.81028 2.02915 5.34506ZM7.93251 8L6.32492 6.4123C5.4308 5.52924 3.97732 5.52923 3.08319 6.4123C2.19426 7.29026 2.19426 8.70975 3.0832 9.58772C3.97733 10.4708 5.4308 10.4707 6.32492 9.58771C6.32492 9.58772 6.32492 9.58771 6.32492 9.58771L7.93251 8ZM10.0671 8L11.6747 9.5877C11.6747 9.58769 11.6747 9.58771 11.6747 9.5877C12.5688 10.4707 14.0223 10.4707 14.9165 9.58773C15.8054 8.70975 15.8054 7.29024 14.9165 6.41229C14.0223 5.52923 12.5689 5.52924 11.6747 6.4123C11.6747 6.4123 11.6747 6.41229 11.6747 6.4123L10.0671 8Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "Loop"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Loop.tsx b/web/app/components/base/icons/src/vender/workflow/Loop.tsx
index 234d1539f2..b72ccec25c 100644
--- a/web/app/components/base/icons/src/vender/workflow/Loop.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Loop.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Loop.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Loop.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/LoopEnd.json b/web/app/components/base/icons/src/vender/workflow/LoopEnd.json
index eea9e717ca..be3429ec15 100644
--- a/web/app/components/base/icons/src/vender/workflow/LoopEnd.json
+++ b/web/app/components/base/icons/src/vender/workflow/LoopEnd.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "ongoing"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M8 2.75C5.10051 2.75 2.75 5.10051 2.75 8C2.75 10.8995 5.1005 13.25 8 13.25C8.41421 13.25 8.75 13.5858 8.75 14C8.75 14.4142 8.41421 14.75 8 14.75C4.27208 14.75 1.25 11.7279 1.25 8C1.25 4.27208 4.27208 1.25 8 1.25C8.41421 1.25 8.75 1.58579 8.75 2C8.75 2.41421 8.41421 2.75 8 2.75ZM10.3508 2.42715C10.5582 2.06861 11.017 1.94608 11.3755 2.15349C11.9971 2.51301 12.5556 2.96859 13.0311 3.49984C13.3073 3.8085 13.281 4.28264 12.9724 4.55887C12.6637 4.8351 12.1896 4.80882 11.9133 4.50016C11.5429 4.08625 11.1079 3.73153 10.6245 3.4519C10.2659 3.2445 10.1434 2.7857 10.3508 2.42715ZM8.13634 5.46967C8.42923 5.17678 8.9041 5.17678 9.197 5.46967L11.197 7.46967C11.4899 7.76256 11.4899 8.23744 11.197 8.53033L9.197 10.5303C8.9041 10.8232 8.42923 10.8232 8.13634 10.5303C7.84344 10.2374 7.84344 9.76256 8.13634 9.46967L8.85601 8.75H5.33333C4.91912 8.75 4.58333 8.41421 4.58333 8C4.58333 7.58579 4.91912 7.25 5.33333 7.25H8.85601L8.13634 6.53033C7.84344 6.23744 7.84344 5.76256 8.13634 5.46967ZM13.7414 6.09691C14.1478 6.01676 14.5422 6.28123 14.6224 6.68762C14.7062 7.1128 14.75 7.55166 14.75 8C14.75 8.44834 14.7062 8.88721 14.6224 9.31234C14.5422 9.71872 14.1478 9.98318 13.7414 9.90302C13.335 9.82287 13.0706 9.42845 13.1507 9.02206C13.2158 8.69213 13.25 8.35046 13.25 8C13.25 7.64954 13.2158 7.30787 13.1507 6.97785C13.0706 6.57146 13.335 6.17705 13.7414 6.09691ZM12.9723 11.4411C13.281 11.7173 13.3073 12.1915 13.0311 12.5002C12.5556 13.0314 11.9971 13.487 11.3756 13.8465C11.017 14.0539 10.5582 13.9314 10.3508 13.5729C10.1434 13.2143 10.2659 12.7556 10.6244 12.5481C11.1079 12.2685 11.5429 11.9138 11.9133 11.4999C12.1895 11.1912 12.6637 11.1649 12.9723 11.4411Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "LoopEnd"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "ongoing"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M8 2.75C5.10051 2.75 2.75 5.10051 2.75 8C2.75 10.8995 5.1005 13.25 8 13.25C8.41421 13.25 8.75 13.5858 8.75 14C8.75 14.4142 8.41421 14.75 8 14.75C4.27208 14.75 1.25 11.7279 1.25 8C1.25 4.27208 4.27208 1.25 8 1.25C8.41421 1.25 8.75 1.58579 8.75 2C8.75 2.41421 8.41421 2.75 8 2.75ZM10.3508 2.42715C10.5582 2.06861 11.017 1.94608 11.3755 2.15349C11.9971 2.51301 12.5556 2.96859 13.0311 3.49984C13.3073 3.8085 13.281 4.28264 12.9724 4.55887C12.6637 4.8351 12.1896 4.80882 11.9133 4.50016C11.5429 4.08625 11.1079 3.73153 10.6245 3.4519C10.2659 3.2445 10.1434 2.7857 10.3508 2.42715ZM8.13634 5.46967C8.42923 5.17678 8.9041 5.17678 9.197 5.46967L11.197 7.46967C11.4899 7.76256 11.4899 8.23744 11.197 8.53033L9.197 10.5303C8.9041 10.8232 8.42923 10.8232 8.13634 10.5303C7.84344 10.2374 7.84344 9.76256 8.13634 9.46967L8.85601 8.75H5.33333C4.91912 8.75 4.58333 8.41421 4.58333 8C4.58333 7.58579 4.91912 7.25 5.33333 7.25H8.85601L8.13634 6.53033C7.84344 6.23744 7.84344 5.76256 8.13634 5.46967ZM13.7414 6.09691C14.1478 6.01676 14.5422 6.28123 14.6224 6.68762C14.7062 7.1128 14.75 7.55166 14.75 8C14.75 8.44834 14.7062 8.88721 14.6224 9.31234C14.5422 9.71872 14.1478 9.98318 13.7414 9.90302C13.335 9.82287 13.0706 9.42845 13.1507 9.02206C13.2158 8.69213 13.25 8.35046 13.25 8C13.25 7.64954 13.2158 7.30787 13.1507 6.97785C13.0706 6.57146 13.335 6.17705 13.7414 6.09691ZM12.9723 11.4411C13.281 11.7173 13.3073 12.1915 13.0311 12.5002C12.5556 13.0314 11.9971 13.487 11.3756 13.8465C11.017 14.0539 10.5582 13.9314 10.3508 13.5729C10.1434 13.2143 10.2659 12.7556 10.6244 12.5481C11.1079 12.2685 11.5429 11.9138 11.9133 11.4999C12.1895 11.1912 12.6637 11.1649 12.9723 11.4411Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "LoopEnd"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/LoopEnd.tsx b/web/app/components/base/icons/src/vender/workflow/LoopEnd.tsx
index 282a93fe6b..b015a86362 100644
--- a/web/app/components/base/icons/src/vender/workflow/LoopEnd.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/LoopEnd.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './LoopEnd.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './LoopEnd.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.json b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.json
index eb66f4846b..4a2ba3b180 100644
--- a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.json
+++ b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.json
@@ -1,266 +1,266 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/parma-extractor"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector",
-							"d": "M7.58398 10.3543C7.58398 10.0322 7.84514 9.771 8.16732 9.771C8.48949 9.771 8.75065 10.0322 8.75065 10.3543C8.75065 10.6765 8.48949 10.9377 8.16732 10.9377C7.84514 10.9377 7.58398 10.6765 7.58398 10.3543Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_2",
-							"d": "M9.625 10.3543C9.625 10.0322 9.88616 9.771 10.2083 9.771C10.5305 9.771 10.7917 10.0322 10.7917 10.3543C10.7917 10.6765 10.5305 10.9377 10.2083 10.9377C9.88616 10.9377 9.625 10.6765 9.625 10.3543Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_3",
-							"d": "M7.58398 3.64583C7.58398 3.32366 7.84514 3.0625 8.16732 3.0625C8.48949 3.0625 8.75065 3.32366 8.75065 3.64583C8.75065 3.968 8.48949 4.22917 8.16732 4.22917C7.84514 4.22917 7.58398 3.968 7.58398 3.64583Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_4",
-							"d": "M7.72852 12.104C7.72852 11.8624 7.9244 11.6665 8.16602 11.6665C8.40763 11.6665 8.60352 11.8624 8.60352 12.104C8.60352 12.3456 8.40763 12.5415 8.16602 12.5415C7.9244 12.5415 7.72852 12.3456 7.72852 12.104Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_5",
-							"d": "M11.375 8.1665C11.375 7.92489 11.5709 7.729 11.8125 7.729C12.0541 7.729 12.25 7.92489 12.25 8.1665C12.25 8.40812 12.0541 8.604 11.8125 8.604C11.5709 8.604 11.375 8.40812 11.375 8.1665Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_6",
-							"d": "M11.375 5.8335C11.375 5.59187 11.5709 5.396 11.8125 5.396C12.0541 5.396 12.25 5.59187 12.25 5.8335C12.25 6.07511 12.0541 6.271 11.8125 6.271C11.5709 6.271 11.375 6.07511 11.375 5.8335Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_7",
-							"d": "M7.72852 1.896C7.72852 1.65437 7.9244 1.4585 8.16602 1.4585C8.40763 1.4585 8.60352 1.65437 8.60352 1.896C8.60352 2.13762 8.40763 2.3335 8.16602 2.3335C7.9244 2.3335 7.72852 2.13762 7.72852 1.896Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_8",
-							"d": "M7.29102 8.1665C7.29102 7.68327 7.68278 7.2915 8.16602 7.2915C8.64925 7.2915 9.04102 7.68327 9.04102 8.1665C9.04102 8.64974 8.64925 9.0415 8.16602 9.0415C7.68278 9.0415 7.29102 8.64974 7.29102 8.1665Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_9",
-							"d": "M7.29102 5.8335C7.29102 5.35025 7.68278 4.9585 8.16602 4.9585C8.64925 4.9585 9.04102 5.35025 9.04102 5.8335C9.04102 6.31673 8.64925 6.7085 8.16602 6.7085C7.68278 6.7085 7.29102 6.31673 7.29102 5.8335Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_10",
-							"d": "M9.625 8.16683C9.625 7.84465 9.88616 7.5835 10.2083 7.5835C10.5305 7.5835 10.7917 7.84465 10.7917 8.16683C10.7917 8.489 10.5305 8.75016 10.2083 8.75016C9.88616 8.75016 9.625 8.489 9.625 8.16683Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_11",
-							"d": "M9.625 5.83333C9.625 5.51116 9.88616 5.25 10.2083 5.25C10.5305 5.25 10.7917 5.51116 10.7917 5.83333C10.7917 6.15551 10.5305 6.41667 10.2083 6.41667C9.88616 6.41667 9.625 6.15551 9.625 5.83333Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_12",
-							"d": "M9.625 3.64583C9.625 3.32366 9.88616 3.0625 10.2083 3.0625C10.5305 3.0625 10.7917 3.32366 10.7917 3.64583C10.7917 3.968 10.5305 4.22917 10.2083 4.22917C9.88616 4.22917 9.625 3.968 9.625 3.64583Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_13",
-							"d": "M6.41667 3.64583C6.41667 3.968 6.15551 4.22917 5.83333 4.22917C5.51117 4.22917 5.25 3.968 5.25 3.64583C5.25 3.32367 5.51117 3.0625 5.83333 3.0625C6.15551 3.0625 6.41667 3.32367 6.41667 3.64583Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_14",
-							"d": "M4.37565 3.64583C4.37565 3.968 4.11448 4.22917 3.79232 4.22917C3.47015 4.22917 3.20898 3.968 3.20898 3.64583C3.20898 3.32367 3.47015 3.0625 3.79232 3.0625C4.11448 3.0625 4.37565 3.32367 4.37565 3.64583Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_15",
-							"d": "M6.41667 10.3543C6.41667 10.6765 6.15551 10.9377 5.83333 10.9377C5.51117 10.9377 5.25 10.6765 5.25 10.3543C5.25 10.0322 5.51117 9.771 5.83333 9.771C6.15551 9.771 6.41667 10.0322 6.41667 10.3543Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_16",
-							"d": "M6.27148 1.896C6.27148 2.13762 6.0756 2.3335 5.83398 2.3335C5.59236 2.3335 5.39648 2.13762 5.39648 1.896C5.39648 1.65437 5.59236 1.4585 5.83398 1.4585C6.0756 1.4585 6.27148 1.65437 6.27148 1.896Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_17",
-							"d": "M2.625 5.8335C2.625 6.07511 2.42912 6.271 2.1875 6.271C1.94588 6.271 1.75 6.07511 1.75 5.8335C1.75 5.59187 1.94588 5.396 2.1875 5.396C2.42912 5.396 2.625 5.59187 2.625 5.8335Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_18",
-							"d": "M2.625 8.1665C2.625 8.40812 2.42912 8.604 2.1875 8.604C1.94588 8.604 1.75 8.40812 1.75 8.1665C1.75 7.92489 1.94588 7.729 2.1875 7.729C2.42912 7.729 2.625 7.92489 2.625 8.1665Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_19",
-							"d": "M6.27148 12.104C6.27148 12.3456 6.0756 12.5415 5.83398 12.5415C5.59236 12.5415 5.39648 12.3456 5.39648 12.104C5.39648 11.8624 5.59236 11.6665 5.83398 11.6665C6.0756 11.6665 6.27148 11.8624 6.27148 12.104Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_20",
-							"d": "M6.70898 5.8335C6.70898 6.31673 6.31722 6.7085 5.83398 6.7085C5.35073 6.7085 4.95898 6.31673 4.95898 5.8335C4.95898 5.35025 5.35073 4.9585 5.83398 4.9585C6.31722 4.9585 6.70898 5.35025 6.70898 5.8335Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_21",
-							"d": "M6.70898 8.1665C6.70898 8.64974 6.31722 9.0415 5.83398 9.0415C5.35073 9.0415 4.95898 8.64974 4.95898 8.1665C4.95898 7.68327 5.35073 7.2915 5.83398 7.2915C6.31722 7.2915 6.70898 7.68327 6.70898 8.1665Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_22",
-							"d": "M4.37565 5.83333C4.37565 6.15551 4.11448 6.41667 3.79232 6.41667C3.47015 6.41667 3.20898 6.15551 3.20898 5.83333C3.20898 5.51117 3.47015 5.25 3.79232 5.25C4.11448 5.25 4.37565 5.51117 4.37565 5.83333Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_23",
-							"d": "M4.37565 8.16683C4.37565 8.489 4.11448 8.75016 3.79232 8.75016C3.47015 8.75016 3.20898 8.489 3.20898 8.16683C3.20898 7.84465 3.47015 7.5835 3.79232 7.5835C4.11448 7.5835 4.37565 7.84465 4.37565 8.16683Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					},
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector_24",
-							"d": "M4.37565 10.3543C4.37565 10.6765 4.11448 10.9377 3.79232 10.9377C3.47015 10.9377 3.20898 10.6765 3.20898 10.3543C3.20898 10.0322 3.47015 9.771 3.79232 9.771C4.11448 9.771 4.37565 10.0322 4.37565 10.3543Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "ParameterExtractor"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/parma-extractor"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector",
+              "d": "M7.58398 10.3543C7.58398 10.0322 7.84514 9.771 8.16732 9.771C8.48949 9.771 8.75065 10.0322 8.75065 10.3543C8.75065 10.6765 8.48949 10.9377 8.16732 10.9377C7.84514 10.9377 7.58398 10.6765 7.58398 10.3543Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_2",
+              "d": "M9.625 10.3543C9.625 10.0322 9.88616 9.771 10.2083 9.771C10.5305 9.771 10.7917 10.0322 10.7917 10.3543C10.7917 10.6765 10.5305 10.9377 10.2083 10.9377C9.88616 10.9377 9.625 10.6765 9.625 10.3543Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_3",
+              "d": "M7.58398 3.64583C7.58398 3.32366 7.84514 3.0625 8.16732 3.0625C8.48949 3.0625 8.75065 3.32366 8.75065 3.64583C8.75065 3.968 8.48949 4.22917 8.16732 4.22917C7.84514 4.22917 7.58398 3.968 7.58398 3.64583Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_4",
+              "d": "M7.72852 12.104C7.72852 11.8624 7.9244 11.6665 8.16602 11.6665C8.40763 11.6665 8.60352 11.8624 8.60352 12.104C8.60352 12.3456 8.40763 12.5415 8.16602 12.5415C7.9244 12.5415 7.72852 12.3456 7.72852 12.104Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_5",
+              "d": "M11.375 8.1665C11.375 7.92489 11.5709 7.729 11.8125 7.729C12.0541 7.729 12.25 7.92489 12.25 8.1665C12.25 8.40812 12.0541 8.604 11.8125 8.604C11.5709 8.604 11.375 8.40812 11.375 8.1665Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_6",
+              "d": "M11.375 5.8335C11.375 5.59187 11.5709 5.396 11.8125 5.396C12.0541 5.396 12.25 5.59187 12.25 5.8335C12.25 6.07511 12.0541 6.271 11.8125 6.271C11.5709 6.271 11.375 6.07511 11.375 5.8335Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_7",
+              "d": "M7.72852 1.896C7.72852 1.65437 7.9244 1.4585 8.16602 1.4585C8.40763 1.4585 8.60352 1.65437 8.60352 1.896C8.60352 2.13762 8.40763 2.3335 8.16602 2.3335C7.9244 2.3335 7.72852 2.13762 7.72852 1.896Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_8",
+              "d": "M7.29102 8.1665C7.29102 7.68327 7.68278 7.2915 8.16602 7.2915C8.64925 7.2915 9.04102 7.68327 9.04102 8.1665C9.04102 8.64974 8.64925 9.0415 8.16602 9.0415C7.68278 9.0415 7.29102 8.64974 7.29102 8.1665Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_9",
+              "d": "M7.29102 5.8335C7.29102 5.35025 7.68278 4.9585 8.16602 4.9585C8.64925 4.9585 9.04102 5.35025 9.04102 5.8335C9.04102 6.31673 8.64925 6.7085 8.16602 6.7085C7.68278 6.7085 7.29102 6.31673 7.29102 5.8335Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_10",
+              "d": "M9.625 8.16683C9.625 7.84465 9.88616 7.5835 10.2083 7.5835C10.5305 7.5835 10.7917 7.84465 10.7917 8.16683C10.7917 8.489 10.5305 8.75016 10.2083 8.75016C9.88616 8.75016 9.625 8.489 9.625 8.16683Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_11",
+              "d": "M9.625 5.83333C9.625 5.51116 9.88616 5.25 10.2083 5.25C10.5305 5.25 10.7917 5.51116 10.7917 5.83333C10.7917 6.15551 10.5305 6.41667 10.2083 6.41667C9.88616 6.41667 9.625 6.15551 9.625 5.83333Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_12",
+              "d": "M9.625 3.64583C9.625 3.32366 9.88616 3.0625 10.2083 3.0625C10.5305 3.0625 10.7917 3.32366 10.7917 3.64583C10.7917 3.968 10.5305 4.22917 10.2083 4.22917C9.88616 4.22917 9.625 3.968 9.625 3.64583Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_13",
+              "d": "M6.41667 3.64583C6.41667 3.968 6.15551 4.22917 5.83333 4.22917C5.51117 4.22917 5.25 3.968 5.25 3.64583C5.25 3.32367 5.51117 3.0625 5.83333 3.0625C6.15551 3.0625 6.41667 3.32367 6.41667 3.64583Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_14",
+              "d": "M4.37565 3.64583C4.37565 3.968 4.11448 4.22917 3.79232 4.22917C3.47015 4.22917 3.20898 3.968 3.20898 3.64583C3.20898 3.32367 3.47015 3.0625 3.79232 3.0625C4.11448 3.0625 4.37565 3.32367 4.37565 3.64583Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_15",
+              "d": "M6.41667 10.3543C6.41667 10.6765 6.15551 10.9377 5.83333 10.9377C5.51117 10.9377 5.25 10.6765 5.25 10.3543C5.25 10.0322 5.51117 9.771 5.83333 9.771C6.15551 9.771 6.41667 10.0322 6.41667 10.3543Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_16",
+              "d": "M6.27148 1.896C6.27148 2.13762 6.0756 2.3335 5.83398 2.3335C5.59236 2.3335 5.39648 2.13762 5.39648 1.896C5.39648 1.65437 5.59236 1.4585 5.83398 1.4585C6.0756 1.4585 6.27148 1.65437 6.27148 1.896Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_17",
+              "d": "M2.625 5.8335C2.625 6.07511 2.42912 6.271 2.1875 6.271C1.94588 6.271 1.75 6.07511 1.75 5.8335C1.75 5.59187 1.94588 5.396 2.1875 5.396C2.42912 5.396 2.625 5.59187 2.625 5.8335Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_18",
+              "d": "M2.625 8.1665C2.625 8.40812 2.42912 8.604 2.1875 8.604C1.94588 8.604 1.75 8.40812 1.75 8.1665C1.75 7.92489 1.94588 7.729 2.1875 7.729C2.42912 7.729 2.625 7.92489 2.625 8.1665Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_19",
+              "d": "M6.27148 12.104C6.27148 12.3456 6.0756 12.5415 5.83398 12.5415C5.59236 12.5415 5.39648 12.3456 5.39648 12.104C5.39648 11.8624 5.59236 11.6665 5.83398 11.6665C6.0756 11.6665 6.27148 11.8624 6.27148 12.104Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_20",
+              "d": "M6.70898 5.8335C6.70898 6.31673 6.31722 6.7085 5.83398 6.7085C5.35073 6.7085 4.95898 6.31673 4.95898 5.8335C4.95898 5.35025 5.35073 4.9585 5.83398 4.9585C6.31722 4.9585 6.70898 5.35025 6.70898 5.8335Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_21",
+              "d": "M6.70898 8.1665C6.70898 8.64974 6.31722 9.0415 5.83398 9.0415C5.35073 9.0415 4.95898 8.64974 4.95898 8.1665C4.95898 7.68327 5.35073 7.2915 5.83398 7.2915C6.31722 7.2915 6.70898 7.68327 6.70898 8.1665Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_22",
+              "d": "M4.37565 5.83333C4.37565 6.15551 4.11448 6.41667 3.79232 6.41667C3.47015 6.41667 3.20898 6.15551 3.20898 5.83333C3.20898 5.51117 3.47015 5.25 3.79232 5.25C4.11448 5.25 4.37565 5.51117 4.37565 5.83333Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_23",
+              "d": "M4.37565 8.16683C4.37565 8.489 4.11448 8.75016 3.79232 8.75016C3.47015 8.75016 3.20898 8.489 3.20898 8.16683C3.20898 7.84465 3.47015 7.5835 3.79232 7.5835C4.11448 7.5835 4.37565 7.84465 4.37565 8.16683Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          },
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector_24",
+              "d": "M4.37565 10.3543C4.37565 10.6765 4.11448 10.9377 3.79232 10.9377C3.47015 10.9377 3.20898 10.6765 3.20898 10.3543C3.20898 10.0322 3.47015 9.771 3.79232 9.771C4.11448 9.771 4.37565 10.0322 4.37565 10.3543Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "ParameterExtractor"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
index 248bb77fed..b027f58f55 100644
--- a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './ParameterExtractor.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './ParameterExtractor.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.json b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.json
index 6bd3dbf096..18b5914595 100644
--- a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.json
+++ b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/question-classifier"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Vector (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M6.34379 3.53597C6.34379 2.35003 7.45832 1.47985 8.60885 1.76749L10.9422 2.35082C11.7537 2.55369 12.323 3.28283 12.323 4.1193V9.88081C12.323 10.7173 11.7537 11.4464 10.9422 11.6493L8.60886 12.2326C7.45832 12.5203 6.34379 11.6501 6.34379 10.4641V3.53597ZM8.29052 3.0408C7.96836 2.96026 7.65629 3.20392 7.65629 3.53597V10.4641C7.65629 10.7962 7.96836 11.0399 8.29051 10.9593L10.6238 10.376C10.6238 10.376 10.6238 10.376 10.6238 10.376C10.8511 10.3192 11.0105 10.115 11.0105 9.88081V4.1193C11.0105 3.88509 10.851 3.68093 10.6239 3.62413L8.29052 3.0408ZM4.66671 2.26048C5.02914 2.26048 5.32296 2.5543 5.32296 2.91673V11.0834C5.32296 11.4458 5.02914 11.7397 4.66671 11.7397C4.30427 11.7397 4.01046 11.4458 4.01046 11.0834V2.91673C4.01046 2.5543 4.30427 2.26048 4.66671 2.26048ZM2.33337 2.84382C2.69581 2.84382 2.98962 3.13763 2.98962 3.50007V10.5001C2.98962 10.8625 2.69581 11.1563 2.33337 11.1563C1.97094 11.1563 1.67712 10.8625 1.67712 10.5001V3.50007C1.67712 3.13763 1.97094 2.84382 2.33337 2.84382Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "QuestionClassifier"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/question-classifier"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Vector (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M6.34379 3.53597C6.34379 2.35003 7.45832 1.47985 8.60885 1.76749L10.9422 2.35082C11.7537 2.55369 12.323 3.28283 12.323 4.1193V9.88081C12.323 10.7173 11.7537 11.4464 10.9422 11.6493L8.60886 12.2326C7.45832 12.5203 6.34379 11.6501 6.34379 10.4641V3.53597ZM8.29052 3.0408C7.96836 2.96026 7.65629 3.20392 7.65629 3.53597V10.4641C7.65629 10.7962 7.96836 11.0399 8.29051 10.9593L10.6238 10.376C10.6238 10.376 10.6238 10.376 10.6238 10.376C10.8511 10.3192 11.0105 10.115 11.0105 9.88081V4.1193C11.0105 3.88509 10.851 3.68093 10.6239 3.62413L8.29052 3.0408ZM4.66671 2.26048C5.02914 2.26048 5.32296 2.5543 5.32296 2.91673V11.0834C5.32296 11.4458 5.02914 11.7397 4.66671 11.7397C4.30427 11.7397 4.01046 11.4458 4.01046 11.0834V2.91673C4.01046 2.5543 4.30427 2.26048 4.66671 2.26048ZM2.33337 2.84382C2.69581 2.84382 2.98962 3.13763 2.98962 3.50007V10.5001C2.98962 10.8625 2.69581 11.1563 2.33337 11.1563C1.97094 11.1563 1.67712 10.8625 1.67712 10.5001V3.50007C1.67712 3.13763 1.97094 2.84382 2.33337 2.84382Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "QuestionClassifier"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
index 3a03d90a65..f1d6af1390 100644
--- a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './QuestionClassifier.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './QuestionClassifier.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Schedule.json b/web/app/components/base/icons/src/vender/workflow/Schedule.json
index 1c2d181dc4..a989036274 100644
--- a/web/app/components/base/icons/src/vender/workflow/Schedule.json
+++ b/web/app/components/base/icons/src/vender/workflow/Schedule.json
@@ -1,46 +1,46 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M11.3333 9.33337C11.7015 9.33337 11.9999 9.63193 12 10V11.0573L12.8047 11.862L12.8503 11.9128C13.0638 12.1746 13.0487 12.5607 12.8047 12.8047C12.5606 13.0488 12.1746 13.0639 11.9128 12.8503L11.862 12.8047L10.862 11.8047C10.7371 11.6798 10.6667 11.5101 10.6667 11.3334V10C10.6668 9.63193 10.9652 9.33337 11.3333 9.33337Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M11.3333 7.33337C13.5425 7.33337 15.3333 9.12424 15.3333 11.3334C15.3333 13.5425 13.5425 15.3334 11.3333 15.3334C9.12419 15.3334 7.33333 13.5425 7.33333 11.3334C7.33333 9.12424 9.12419 7.33337 11.3333 7.33337ZM11.3333 8.66671C9.86057 8.66671 8.66667 9.86061 8.66667 11.3334C8.66667 12.8061 9.86057 14 11.3333 14C12.8061 14 14 12.8061 14 11.3334C14 9.86061 12.8061 8.66671 11.3333 8.66671Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.6667 1.33337C11.0349 1.33337 11.3333 1.63185 11.3333 2.00004V2.66671H12.6667C13.4031 2.66671 14 3.26367 14 4.00004V5.66671C14 6.0349 13.7015 6.33337 13.3333 6.33337C12.9651 6.33337 12.6667 6.0349 12.6667 5.66671V4.00004H3.33333V12.6667H5.66667C6.03486 12.6667 6.33333 12.9652 6.33333 13.3334C6.33333 13.7016 6.03486 14 5.66667 14H3.33333C2.59697 14 2 13.4031 2 12.6667V4.00004C2 3.26366 2.59696 2.66671 3.33333 2.66671H4.66667V2.00004C4.66667 1.63185 4.96514 1.33337 5.33333 1.33337C5.70152 1.33337 6 1.63185 6 2.00004V2.66671H10V2.00004C10 1.63185 10.2985 1.33337 10.6667 1.33337Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "Schedule"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M11.3333 9.33337C11.7015 9.33337 11.9999 9.63193 12 10V11.0573L12.8047 11.862L12.8503 11.9128C13.0638 12.1746 13.0487 12.5607 12.8047 12.8047C12.5606 13.0488 12.1746 13.0639 11.9128 12.8503L11.862 12.8047L10.862 11.8047C10.7371 11.6798 10.6667 11.5101 10.6667 11.3334V10C10.6668 9.63193 10.9652 9.33337 11.3333 9.33337Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M11.3333 7.33337C13.5425 7.33337 15.3333 9.12424 15.3333 11.3334C15.3333 13.5425 13.5425 15.3334 11.3333 15.3334C9.12419 15.3334 7.33333 13.5425 7.33333 11.3334C7.33333 9.12424 9.12419 7.33337 11.3333 7.33337ZM11.3333 8.66671C9.86057 8.66671 8.66667 9.86061 8.66667 11.3334C8.66667 12.8061 9.86057 14 11.3333 14C12.8061 14 14 12.8061 14 11.3334C14 9.86061 12.8061 8.66671 11.3333 8.66671Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.6667 1.33337C11.0349 1.33337 11.3333 1.63185 11.3333 2.00004V2.66671H12.6667C13.4031 2.66671 14 3.26367 14 4.00004V5.66671C14 6.0349 13.7015 6.33337 13.3333 6.33337C12.9651 6.33337 12.6667 6.0349 12.6667 5.66671V4.00004H3.33333V12.6667H5.66667C6.03486 12.6667 6.33333 12.9652 6.33333 13.3334C6.33333 13.7016 6.03486 14 5.66667 14H3.33333C2.59697 14 2 13.4031 2 12.6667V4.00004C2 3.26366 2.59696 2.66671 3.33333 2.66671H4.66667V2.00004C4.66667 1.63185 4.96514 1.33337 5.33333 1.33337C5.70152 1.33337 6 1.63185 6 2.00004V2.66671H10V2.00004C10 1.63185 10.2985 1.33337 10.6667 1.33337Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "Schedule"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/Schedule.tsx b/web/app/components/base/icons/src/vender/workflow/Schedule.tsx
index 71205efd0b..277eacff2b 100644
--- a/web/app/components/base/icons/src/vender/workflow/Schedule.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Schedule.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './Schedule.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './Schedule.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.json b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.json
index 6399208a2d..f3d0fce437 100644
--- a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.json
+++ b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.json
@@ -1,154 +1,154 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/templating-transform"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "g",
-						"attributes": {
-							"id": "Vector"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"fill-rule": "evenodd",
-									"clip-rule": "evenodd",
-									"d": "M6.34375 1.75C6.34375 1.38756 6.63756 1.09375 7 1.09375C10.262 1.09375 12.9062 3.73807 12.9062 7C12.9062 10.262 10.262 12.9062 7 12.9062C6.63756 12.9062 6.34375 12.6124 6.34375 12.25V1.75Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.54167 3.64583C5.54167 3.968 5.2805 4.22917 4.95833 4.22917C4.63617 4.22917 4.375 3.968 4.375 3.64583C4.375 3.32367 4.63617 3.0625 4.95833 3.0625C5.2805 3.0625 5.54167 3.32367 5.54167 3.64583Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.5 3.64583C3.5 3.968 3.23883 4.22917 2.91667 4.22917C2.5945 4.22917 2.33333 3.968 2.33333 3.64583C2.33333 3.32367 2.5945 3.0625 2.91667 3.0625C3.23883 3.0625 3.5 3.32367 3.5 3.64583Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.54167 10.3542C5.54167 10.6763 5.2805 10.9375 4.95833 10.9375C4.63617 10.9375 4.375 10.6763 4.375 10.3542C4.375 10.032 4.63617 9.77083 4.95833 9.77083C5.2805 9.77083 5.54167 10.032 5.54167 10.3542Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.39583 1.89583C5.39583 2.13746 5.19996 2.33333 4.95833 2.33333C4.71671 2.33333 4.52083 2.13746 4.52083 1.89583C4.52083 1.65421 4.71671 1.45833 4.95833 1.45833C5.19996 1.45833 5.39583 1.65421 5.39583 1.89583Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M1.75 5.83333C1.75 6.07495 1.55412 6.27083 1.3125 6.27083C1.07088 6.27083 0.875 6.07495 0.875 5.83333C0.875 5.59171 1.07088 5.39583 1.3125 5.39583C1.55412 5.39583 1.75 5.59171 1.75 5.83333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M1.75 8.16667C1.75 8.40828 1.55412 8.60417 1.3125 8.60417C1.07088 8.60417 0.875 8.40828 0.875 8.16667C0.875 7.92505 1.07088 7.72917 1.3125 7.72917C1.55412 7.72917 1.75 7.92505 1.75 8.16667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.39583 12.1042C5.39583 12.3458 5.19996 12.5417 4.95833 12.5417C4.71671 12.5417 4.52083 12.3458 4.52083 12.1042C4.52083 11.8625 4.71671 11.6667 4.95833 11.6667C5.19996 11.6667 5.39583 11.8625 5.39583 12.1042Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.83333 5.83333C5.83333 6.31657 5.44158 6.70833 4.95833 6.70833C4.47508 6.70833 4.08333 6.31657 4.08333 5.83333C4.08333 5.35008 4.47508 4.95833 4.95833 4.95833C5.44158 4.95833 5.83333 5.35008 5.83333 5.83333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M5.83333 8.16667C5.83333 8.6499 5.44158 9.04167 4.95833 9.04167C4.47508 9.04167 4.08333 8.6499 4.08333 8.16667C4.08333 7.68343 4.47508 7.29167 4.95833 7.29167C5.44158 7.29167 5.83333 7.68343 5.83333 8.16667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.5 5.83333C3.5 6.15551 3.23883 6.41667 2.91667 6.41667C2.5945 6.41667 2.33333 6.15551 2.33333 5.83333C2.33333 5.51117 2.5945 5.25 2.91667 5.25C3.23883 5.25 3.5 5.51117 3.5 5.83333Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.5 8.16667C3.5 8.48884 3.23883 8.75 2.91667 8.75C2.5945 8.75 2.33333 8.48884 2.33333 8.16667C2.33333 7.84449 2.5945 7.58333 2.91667 7.58333C3.23883 7.58333 3.5 7.84449 3.5 8.16667Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							},
-							{
-								"type": "element",
-								"name": "path",
-								"attributes": {
-									"d": "M3.5 10.3542C3.5 10.6763 3.23883 10.9375 2.91667 10.9375C2.5945 10.9375 2.33333 10.6763 2.33333 10.3542C2.33333 10.032 2.5945 9.77083 2.91667 9.77083C3.23883 9.77083 3.5 10.032 3.5 10.3542Z",
-									"fill": "currentColor"
-								},
-								"children": []
-							}
-						]
-					}
-				]
-			}
-		]
-	},
-	"name": "TemplatingTransform"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/templating-transform"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "g",
+            "attributes": {
+              "id": "Vector"
+            },
+            "children": [
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  "d": "M6.34375 1.75C6.34375 1.38756 6.63756 1.09375 7 1.09375C10.262 1.09375 12.9062 3.73807 12.9062 7C12.9062 10.262 10.262 12.9062 7 12.9062C6.63756 12.9062 6.34375 12.6124 6.34375 12.25V1.75Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.54167 3.64583C5.54167 3.968 5.2805 4.22917 4.95833 4.22917C4.63617 4.22917 4.375 3.968 4.375 3.64583C4.375 3.32367 4.63617 3.0625 4.95833 3.0625C5.2805 3.0625 5.54167 3.32367 5.54167 3.64583Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.5 3.64583C3.5 3.968 3.23883 4.22917 2.91667 4.22917C2.5945 4.22917 2.33333 3.968 2.33333 3.64583C2.33333 3.32367 2.5945 3.0625 2.91667 3.0625C3.23883 3.0625 3.5 3.32367 3.5 3.64583Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.54167 10.3542C5.54167 10.6763 5.2805 10.9375 4.95833 10.9375C4.63617 10.9375 4.375 10.6763 4.375 10.3542C4.375 10.032 4.63617 9.77083 4.95833 9.77083C5.2805 9.77083 5.54167 10.032 5.54167 10.3542Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.39583 1.89583C5.39583 2.13746 5.19996 2.33333 4.95833 2.33333C4.71671 2.33333 4.52083 2.13746 4.52083 1.89583C4.52083 1.65421 4.71671 1.45833 4.95833 1.45833C5.19996 1.45833 5.39583 1.65421 5.39583 1.89583Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M1.75 5.83333C1.75 6.07495 1.55412 6.27083 1.3125 6.27083C1.07088 6.27083 0.875 6.07495 0.875 5.83333C0.875 5.59171 1.07088 5.39583 1.3125 5.39583C1.55412 5.39583 1.75 5.59171 1.75 5.83333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M1.75 8.16667C1.75 8.40828 1.55412 8.60417 1.3125 8.60417C1.07088 8.60417 0.875 8.40828 0.875 8.16667C0.875 7.92505 1.07088 7.72917 1.3125 7.72917C1.55412 7.72917 1.75 7.92505 1.75 8.16667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.39583 12.1042C5.39583 12.3458 5.19996 12.5417 4.95833 12.5417C4.71671 12.5417 4.52083 12.3458 4.52083 12.1042C4.52083 11.8625 4.71671 11.6667 4.95833 11.6667C5.19996 11.6667 5.39583 11.8625 5.39583 12.1042Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.83333 5.83333C5.83333 6.31657 5.44158 6.70833 4.95833 6.70833C4.47508 6.70833 4.08333 6.31657 4.08333 5.83333C4.08333 5.35008 4.47508 4.95833 4.95833 4.95833C5.44158 4.95833 5.83333 5.35008 5.83333 5.83333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M5.83333 8.16667C5.83333 8.6499 5.44158 9.04167 4.95833 9.04167C4.47508 9.04167 4.08333 8.6499 4.08333 8.16667C4.08333 7.68343 4.47508 7.29167 4.95833 7.29167C5.44158 7.29167 5.83333 7.68343 5.83333 8.16667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.5 5.83333C3.5 6.15551 3.23883 6.41667 2.91667 6.41667C2.5945 6.41667 2.33333 6.15551 2.33333 5.83333C2.33333 5.51117 2.5945 5.25 2.91667 5.25C3.23883 5.25 3.5 5.51117 3.5 5.83333Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.5 8.16667C3.5 8.48884 3.23883 8.75 2.91667 8.75C2.5945 8.75 2.33333 8.48884 2.33333 8.16667C2.33333 7.84449 2.5945 7.58333 2.91667 7.58333C3.23883 7.58333 3.5 7.84449 3.5 8.16667Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              },
+              {
+                "type": "element",
+                "name": "path",
+                "attributes": {
+                  "d": "M3.5 10.3542C3.5 10.6763 3.23883 10.9375 2.91667 10.9375C2.5945 10.9375 2.33333 10.6763 2.33333 10.3542C2.33333 10.032 2.5945 9.77083 2.91667 9.77083C3.23883 9.77083 3.5 10.032 3.5 10.3542Z",
+                  "fill": "currentColor"
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "name": "TemplatingTransform"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
index c425043e23..5bec3f0c31 100644
--- a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TemplatingTransform.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TemplatingTransform.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/TriggerAll.json b/web/app/components/base/icons/src/vender/workflow/TriggerAll.json
index c324e8be04..50ad0e02b1 100644
--- a/web/app/components/base/icons/src/vender/workflow/TriggerAll.json
+++ b/web/app/components/base/icons/src/vender/workflow/TriggerAll.json
@@ -1,73 +1,73 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"fill-rule": "evenodd",
-					"clip-rule": "evenodd",
-					"d": "M5.34698 6.42505C5.10275 5.79268 5.67045 5.17005 6.29816 5.30916L6.42446 5.34758L13.0846 7.92049L13.1999 7.97518C13.7051 8.26089 13.7647 8.9802 13.3118 9.34432L13.207 9.41659L10.8196 10.8202L9.416 13.2076C9.08465 13.7711 8.28069 13.742 7.97459 13.2004L7.9199 13.0852L5.34698 6.42505ZM8.791 11.6392L9.73631 10.0325L9.73696 10.0318L9.7962 9.94458C9.86055 9.86164 9.94031 9.79125 10.0312 9.73755L10.0319 9.7369L11.6387 8.79159L6.99738 6.99797L8.791 11.6392Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2.79751 8.9257C3.05781 8.66539 3.47985 8.66547 3.74021 8.9257C4.00057 9.18604 4.00056 9.60805 3.74021 9.86841L3.03318 10.5754C2.77283 10.8356 2.35078 10.8357 2.09047 10.5754C1.83032 10.3151 1.83033 9.89305 2.09047 9.63273L2.79751 8.9257Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1.99998 5.66659C2.36817 5.66659 2.66665 5.96506 2.66665 6.33325C2.66665 6.70144 2.36817 6.99992 1.99998 6.99992H0.99998C0.63179 6.99992 0.333313 6.70144 0.333313 6.33325C0.333313 5.96506 0.63179 5.66659 0.99998 5.66659H1.99998Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M9.63279 2.09106C9.8931 1.83077 10.3151 1.83086 10.5755 2.09106C10.8358 2.35142 10.8359 2.77343 10.5755 3.03377L9.86847 3.7408C9.6081 4.00098 9.18605 4.0011 8.92576 3.7408C8.66559 3.4805 8.66562 3.05841 8.92576 2.7981L9.63279 2.09106Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M2.09113 2.09041C2.33521 1.84649 2.72126 1.83132 2.98305 2.04484L3.03383 2.09041L3.74087 2.79744L3.78644 2.84823C3.9999 3.11002 3.98476 3.49609 3.74087 3.74015C3.49682 3.9842 3.11079 3.9992 2.84894 3.78573L2.79816 3.74015L2.09113 3.03312L2.04555 2.98234C1.83199 2.72049 1.84705 2.33449 2.09113 2.09041Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M6.33331 0.333252C6.7015 0.333252 6.99998 0.631729 6.99998 0.999919V1.99992C6.99998 2.36811 6.7015 2.66659 6.33331 2.66659C5.96512 2.66659 5.66665 2.36811 5.66665 1.99992V0.999919C5.66665 0.631729 5.96512 0.333252 6.33331 0.333252Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "TriggerAll"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          "d": "M5.34698 6.42505C5.10275 5.79268 5.67045 5.17005 6.29816 5.30916L6.42446 5.34758L13.0846 7.92049L13.1999 7.97518C13.7051 8.26089 13.7647 8.9802 13.3118 9.34432L13.207 9.41659L10.8196 10.8202L9.416 13.2076C9.08465 13.7711 8.28069 13.742 7.97459 13.2004L7.9199 13.0852L5.34698 6.42505ZM8.791 11.6392L9.73631 10.0325L9.73696 10.0318L9.7962 9.94458C9.86055 9.86164 9.94031 9.79125 10.0312 9.73755L10.0319 9.7369L11.6387 8.79159L6.99738 6.99797L8.791 11.6392Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2.79751 8.9257C3.05781 8.66539 3.47985 8.66547 3.74021 8.9257C4.00057 9.18604 4.00056 9.60805 3.74021 9.86841L3.03318 10.5754C2.77283 10.8356 2.35078 10.8357 2.09047 10.5754C1.83032 10.3151 1.83033 9.89305 2.09047 9.63273L2.79751 8.9257Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1.99998 5.66659C2.36817 5.66659 2.66665 5.96506 2.66665 6.33325C2.66665 6.70144 2.36817 6.99992 1.99998 6.99992H0.99998C0.63179 6.99992 0.333313 6.70144 0.333313 6.33325C0.333313 5.96506 0.63179 5.66659 0.99998 5.66659H1.99998Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M9.63279 2.09106C9.8931 1.83077 10.3151 1.83086 10.5755 2.09106C10.8358 2.35142 10.8359 2.77343 10.5755 3.03377L9.86847 3.7408C9.6081 4.00098 9.18605 4.0011 8.92576 3.7408C8.66559 3.4805 8.66562 3.05841 8.92576 2.7981L9.63279 2.09106Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M2.09113 2.09041C2.33521 1.84649 2.72126 1.83132 2.98305 2.04484L3.03383 2.09041L3.74087 2.79744L3.78644 2.84823C3.9999 3.11002 3.98476 3.49609 3.74087 3.74015C3.49682 3.9842 3.11079 3.9992 2.84894 3.78573L2.79816 3.74015L2.09113 3.03312L2.04555 2.98234C1.83199 2.72049 1.84705 2.33449 2.09113 2.09041Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M6.33331 0.333252C6.7015 0.333252 6.99998 0.631729 6.99998 0.999919V1.99992C6.99998 2.36811 6.7015 2.66659 6.33331 2.66659C5.96512 2.66659 5.66665 2.36811 5.66665 1.99992V0.999919C5.66665 0.631729 5.96512 0.333252 6.33331 0.333252Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "TriggerAll"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/TriggerAll.tsx b/web/app/components/base/icons/src/vender/workflow/TriggerAll.tsx
index 71f2dbdb36..78b3b371fd 100644
--- a/web/app/components/base/icons/src/vender/workflow/TriggerAll.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/TriggerAll.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './TriggerAll.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './TriggerAll.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/VariableX.json b/web/app/components/base/icons/src/vender/workflow/VariableX.json
index a87b000587..0b941e0dab 100644
--- a/web/app/components/base/icons/src/vender/workflow/VariableX.json
+++ b/web/app/components/base/icons/src/vender/workflow/VariableX.json
@@ -1,38 +1,38 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "14",
-			"height": "14",
-			"viewBox": "0 0 14 14",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "g",
-				"attributes": {
-					"id": "icons/variable-x"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"id": "Icon (Stroke)",
-							"fill-rule": "evenodd",
-							"clip-rule": "evenodd",
-							"d": "M0.714375 3.42875C0.714375 2.22516 1.68954 1.25 2.89313 1.25C3.30734 1.25 3.64313 1.58579 3.64313 2C3.64313 2.41421 3.30734 2.75 2.89313 2.75C2.51796 2.75 2.21438 3.05359 2.21438 3.42875V6.28563C2.21438 6.48454 2.13536 6.6753 1.9947 6.81596L1.81066 7L1.9947 7.18404C2.13536 7.3247 2.21438 7.51546 2.21438 7.71437V10.5713C2.21438 10.9464 2.51796 11.25 2.89313 11.25C3.30734 11.25 3.64313 11.5858 3.64313 12C3.64313 12.4142 3.30734 12.75 2.89313 12.75C1.68954 12.75 0.714375 11.7748 0.714375 10.5713V8.02503L0.21967 7.53033C0.0790176 7.38968 0 7.19891 0 7C0 6.80109 0.0790176 6.61032 0.21967 6.46967L0.714375 5.97497V3.42875ZM10.3568 2C10.3568 1.58579 10.6925 1.25 11.1068 1.25C12.3103 1.25 13.2855 2.22516 13.2855 3.42875V5.97497L13.7802 6.46967C13.9209 6.61032 13.9999 6.80109 13.9999 7C13.9999 7.19891 13.9209 7.38968 13.7802 7.53033L13.2855 8.02503V10.5713C13.2855 11.7751 12.3095 12.75 11.1068 12.75C10.6925 12.75 10.3568 12.4142 10.3568 12C10.3568 11.5858 10.6925 11.25 11.1068 11.25C11.4815 11.25 11.7855 10.9462 11.7855 10.5713V7.71437C11.7855 7.51546 11.8645 7.3247 12.0052 7.18404L12.1892 7L12.0052 6.81596C11.8645 6.6753 11.7855 6.48454 11.7855 6.28563V3.42875C11.7855 3.05359 11.4819 2.75 11.1068 2.75C10.6925 2.75 10.3568 2.41421 10.3568 2ZM4.59467 4.59467C4.88756 4.30178 5.36244 4.30178 5.65533 4.59467L7 5.93934L8.34467 4.59467C8.63756 4.30178 9.11244 4.30178 9.40533 4.59467C9.69822 4.88756 9.69822 5.36244 9.40533 5.65533L8.06066 7L9.40533 8.34467C9.69822 8.63756 9.69822 9.11244 9.40533 9.40533C9.11244 9.69822 8.63756 9.69822 8.34467 9.40533L7 8.06066L5.65533 9.40533C5.36244 9.69822 4.88756 9.69822 4.59467 9.40533C4.30178 9.11244 4.30178 8.63756 4.59467 8.34467L5.93934 7L4.59467 5.65533C4.30178 5.36244 4.30178 4.88756 4.59467 4.59467Z",
-							"fill": "currentColor"
-						},
-						"children": []
-					}
-				]
-			}
-		]
-	},
-	"name": "VariableX"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "14",
+      "height": "14",
+      "viewBox": "0 0 14 14",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "g",
+        "attributes": {
+          "id": "icons/variable-x"
+        },
+        "children": [
+          {
+            "type": "element",
+            "name": "path",
+            "attributes": {
+              "id": "Icon (Stroke)",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              "d": "M0.714375 3.42875C0.714375 2.22516 1.68954 1.25 2.89313 1.25C3.30734 1.25 3.64313 1.58579 3.64313 2C3.64313 2.41421 3.30734 2.75 2.89313 2.75C2.51796 2.75 2.21438 3.05359 2.21438 3.42875V6.28563C2.21438 6.48454 2.13536 6.6753 1.9947 6.81596L1.81066 7L1.9947 7.18404C2.13536 7.3247 2.21438 7.51546 2.21438 7.71437V10.5713C2.21438 10.9464 2.51796 11.25 2.89313 11.25C3.30734 11.25 3.64313 11.5858 3.64313 12C3.64313 12.4142 3.30734 12.75 2.89313 12.75C1.68954 12.75 0.714375 11.7748 0.714375 10.5713V8.02503L0.21967 7.53033C0.0790176 7.38968 0 7.19891 0 7C0 6.80109 0.0790176 6.61032 0.21967 6.46967L0.714375 5.97497V3.42875ZM10.3568 2C10.3568 1.58579 10.6925 1.25 11.1068 1.25C12.3103 1.25 13.2855 2.22516 13.2855 3.42875V5.97497L13.7802 6.46967C13.9209 6.61032 13.9999 6.80109 13.9999 7C13.9999 7.19891 13.9209 7.38968 13.7802 7.53033L13.2855 8.02503V10.5713C13.2855 11.7751 12.3095 12.75 11.1068 12.75C10.6925 12.75 10.3568 12.4142 10.3568 12C10.3568 11.5858 10.6925 11.25 11.1068 11.25C11.4815 11.25 11.7855 10.9462 11.7855 10.5713V7.71437C11.7855 7.51546 11.8645 7.3247 12.0052 7.18404L12.1892 7L12.0052 6.81596C11.8645 6.6753 11.7855 6.48454 11.7855 6.28563V3.42875C11.7855 3.05359 11.4819 2.75 11.1068 2.75C10.6925 2.75 10.3568 2.41421 10.3568 2ZM4.59467 4.59467C4.88756 4.30178 5.36244 4.30178 5.65533 4.59467L7 5.93934L8.34467 4.59467C8.63756 4.30178 9.11244 4.30178 9.40533 4.59467C9.69822 4.88756 9.69822 5.36244 9.40533 5.65533L8.06066 7L9.40533 8.34467C9.69822 8.63756 9.69822 9.11244 9.40533 9.40533C9.11244 9.69822 8.63756 9.69822 8.34467 9.40533L7 8.06066L5.65533 9.40533C5.36244 9.69822 4.88756 9.69822 4.59467 9.40533C4.30178 9.11244 4.30178 8.63756 4.59467 8.34467L5.93934 7L4.59467 5.65533C4.30178 5.36244 4.30178 4.88756 4.59467 4.59467Z",
+              "fill": "currentColor"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  "name": "VariableX"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/VariableX.tsx b/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
index 17706d8e0e..08a4e44e14 100644
--- a/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './VariableX.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './VariableX.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/WebhookLine.json b/web/app/components/base/icons/src/vender/workflow/WebhookLine.json
index 8319fd25f3..65ff98f408 100644
--- a/web/app/components/base/icons/src/vender/workflow/WebhookLine.json
+++ b/web/app/components/base/icons/src/vender/workflow/WebhookLine.json
@@ -1,26 +1,26 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.91246 9.42618C5.77036 9.66084 5.70006 9.85191 5.81358 10.1502C6.12696 10.9742 5.68488 11.776 4.85394 11.9937C4.07033 12.199 3.30686 11.684 3.15138 10.8451C3.01362 10.1025 3.58988 9.37451 4.40859 9.25851C4.45305 9.25211 4.49808 9.24938 4.55563 9.24591C4.58692 9.24404 4.62192 9.24191 4.66252 9.23884L5.90792 7.15051C5.12463 6.37166 4.65841 5.46114 4.7616 4.33295C4.83455 3.53543 5.14813 2.84626 5.72135 2.28138C6.81916 1.19968 8.49403 1.02449 9.78663 1.85479C11.0282 2.65232 11.5967 4.20582 11.112 5.53545L9.97403 5.22671C10.1263 4.48748 10.0137 3.82362 9.5151 3.25494C9.1857 2.87947 8.76303 2.68267 8.28236 2.61015C7.31883 2.46458 6.37278 3.08364 6.09207 4.02937C5.77342 5.10275 6.25566 5.97954 7.5735 6.64023C7.0207 7.56944 6.47235 8.50124 5.91246 9.42618ZM9.18916 5.51562C9.5877 6.2187 9.99236 6.93244 10.3934 7.63958C12.4206 7.01244 13.9491 8.13458 14.4974 9.33604C15.1597 10.7873 14.707 12.5062 13.4062 13.4016C12.0711 14.3207 10.3827 14.1636 9.19976 12.983L10.1279 12.2063C11.2962 12.963 12.3181 12.9274 13.0767 12.0314C13.7236 11.2669 13.7096 10.1271 13.0439 9.37871C12.2757 8.51511 11.2467 8.48878 10.0029 9.31784C9.48696 8.40251 8.96196 7.49424 8.46236 6.57234C8.2939 6.2616 8.10783 6.08135 7.72816 6.01558C7.09403 5.90564 6.68463 5.36109 6.66007 4.75099C6.63593 4.14763 6.99136 3.60224 7.54696 3.38974C8.0973 3.17924 8.74316 3.34916 9.11336 3.81707C9.4159 4.19938 9.51203 4.62966 9.35283 5.10116C9.32283 5.19018 9.28689 5.27727 9.2475 5.37261C9.22869 5.418 9.20916 5.46538 9.18916 5.51562ZM7.7013 11.2634H10.1417C10.1757 11.3087 10.2075 11.3536 10.2386 11.3973C10.3034 11.4887 10.3649 11.5755 10.4367 11.6526C10.9536 12.2052 11.8263 12.2326 12.3788 11.7197C12.9514 11.1881 12.9773 10.2951 12.4362 9.74011C11.9068 9.19704 11.0019 9.14518 10.5103 9.72018C10.2117 10.0696 9.9057 10.1107 9.50936 10.1045C8.49423 10.0888 7.47843 10.0994 6.46346 10.0994C6.52934 11.5273 5.98953 12.417 4.9189 12.6283C3.87051 12.8352 2.90496 12.3003 2.56502 11.3243C2.17891 10.2153 2.65641 9.32838 4.0361 8.62444C3.93228 8.24838 3.8274 7.86778 3.72357 7.49071C2.21981 7.81844 1.09162 9.27738 1.20809 10.9187C1.31097 12.3676 2.47975 13.6544 3.90909 13.8849C4.68542 14.0102 5.41485 13.88 6.09157 13.4962C6.96216 13.0022 7.46736 12.2254 7.7013 11.2634Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "WebhookLine"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.91246 9.42618C5.77036 9.66084 5.70006 9.85191 5.81358 10.1502C6.12696 10.9742 5.68488 11.776 4.85394 11.9937C4.07033 12.199 3.30686 11.684 3.15138 10.8451C3.01362 10.1025 3.58988 9.37451 4.40859 9.25851C4.45305 9.25211 4.49808 9.24938 4.55563 9.24591C4.58692 9.24404 4.62192 9.24191 4.66252 9.23884L5.90792 7.15051C5.12463 6.37166 4.65841 5.46114 4.7616 4.33295C4.83455 3.53543 5.14813 2.84626 5.72135 2.28138C6.81916 1.19968 8.49403 1.02449 9.78663 1.85479C11.0282 2.65232 11.5967 4.20582 11.112 5.53545L9.97403 5.22671C10.1263 4.48748 10.0137 3.82362 9.5151 3.25494C9.1857 2.87947 8.76303 2.68267 8.28236 2.61015C7.31883 2.46458 6.37278 3.08364 6.09207 4.02937C5.77342 5.10275 6.25566 5.97954 7.5735 6.64023C7.0207 7.56944 6.47235 8.50124 5.91246 9.42618ZM9.18916 5.51562C9.5877 6.2187 9.99236 6.93244 10.3934 7.63958C12.4206 7.01244 13.9491 8.13458 14.4974 9.33604C15.1597 10.7873 14.707 12.5062 13.4062 13.4016C12.0711 14.3207 10.3827 14.1636 9.19976 12.983L10.1279 12.2063C11.2962 12.963 12.3181 12.9274 13.0767 12.0314C13.7236 11.2669 13.7096 10.1271 13.0439 9.37871C12.2757 8.51511 11.2467 8.48878 10.0029 9.31784C9.48696 8.40251 8.96196 7.49424 8.46236 6.57234C8.2939 6.2616 8.10783 6.08135 7.72816 6.01558C7.09403 5.90564 6.68463 5.36109 6.66007 4.75099C6.63593 4.14763 6.99136 3.60224 7.54696 3.38974C8.0973 3.17924 8.74316 3.34916 9.11336 3.81707C9.4159 4.19938 9.51203 4.62966 9.35283 5.10116C9.32283 5.19018 9.28689 5.27727 9.2475 5.37261C9.22869 5.418 9.20916 5.46538 9.18916 5.51562ZM7.7013 11.2634H10.1417C10.1757 11.3087 10.2075 11.3536 10.2386 11.3973C10.3034 11.4887 10.3649 11.5755 10.4367 11.6526C10.9536 12.2052 11.8263 12.2326 12.3788 11.7197C12.9514 11.1881 12.9773 10.2951 12.4362 9.74011C11.9068 9.19704 11.0019 9.14518 10.5103 9.72018C10.2117 10.0696 9.9057 10.1107 9.50936 10.1045C8.49423 10.0888 7.47843 10.0994 6.46346 10.0994C6.52934 11.5273 5.98953 12.417 4.9189 12.6283C3.87051 12.8352 2.90496 12.3003 2.56502 11.3243C2.17891 10.2153 2.65641 9.32838 4.0361 8.62444C3.93228 8.24838 3.8274 7.86778 3.72357 7.49071C2.21981 7.81844 1.09162 9.27738 1.20809 10.9187C1.31097 12.3676 2.47975 13.6544 3.90909 13.8849C4.68542 14.0102 5.41485 13.88 6.09157 13.4962C6.96216 13.0022 7.46736 12.2254 7.7013 11.2634Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "WebhookLine"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/WebhookLine.tsx b/web/app/components/base/icons/src/vender/workflow/WebhookLine.tsx
index 0379692808..2067946fff 100644
--- a/web/app/components/base/icons/src/vender/workflow/WebhookLine.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/WebhookLine.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './WebhookLine.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './WebhookLine.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/WindowCursor.json b/web/app/components/base/icons/src/vender/workflow/WindowCursor.json
index 66591c1116..8099643a96 100644
--- a/web/app/components/base/icons/src/vender/workflow/WindowCursor.json
+++ b/web/app/components/base/icons/src/vender/workflow/WindowCursor.json
@@ -1,62 +1,62 @@
 {
-	"icon": {
-		"type": "element",
-		"isRootNode": true,
-		"name": "svg",
-		"attributes": {
-			"width": "16",
-			"height": "16",
-			"viewBox": "0 0 16 16",
-			"fill": "none",
-			"xmlns": "http://www.w3.org/2000/svg"
-		},
-		"children": [
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M1.33325 4.66663C1.33325 3.56206 2.22869 2.66663 3.33325 2.66663H12.6666C13.7712 2.66663 14.6666 3.56206 14.6666 4.66663V8.16663C14.6666 8.53483 14.3681 8.83329 13.9999 8.83329C13.6317 8.83329 13.3333 8.53483 13.3333 8.16663V4.66663C13.3333 4.29844 13.0348 3.99996 12.6666 3.99996H3.33325C2.96507 3.99996 2.66659 4.29844 2.66659 4.66663V12C2.66659 12.3682 2.96507 12.6666 3.33325 12.6666H7.99992C8.36812 12.6666 8.66658 12.9651 8.66658 13.3333C8.66658 13.7015 8.36812 14 7.99992 14H3.33325C2.22869 14 1.33325 13.1046 1.33325 12V4.66663Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M3.66659 5.83329C3.66659 6.29353 4.03968 6.66663 4.49992 6.66663C4.96016 6.66663 5.33325 6.29353 5.33325 5.83329C5.33325 5.37305 4.96016 4.99996 4.49992 4.99996C4.03968 4.99996 3.66659 5.37305 3.66659 5.83329Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M5.99992 5.83329C5.99992 6.29353 6.37301 6.66663 6.83325 6.66663C7.29352 6.66663 7.66658 6.29353 7.66658 5.83329C7.66658 5.37305 7.29352 4.99996 6.83325 4.99996C6.37301 4.99996 5.99992 5.37305 5.99992 5.83329Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M8.33325 5.83329C8.33325 6.29353 8.70632 6.66663 9.16658 6.66663C9.62685 6.66663 9.99992 6.29353 9.99992 5.83329C9.99992 5.37305 9.62685 4.99996 9.16658 4.99996C8.70632 4.99996 8.33325 5.37305 8.33325 5.83329Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			},
-			{
-				"type": "element",
-				"name": "path",
-				"attributes": {
-					"d": "M10.5293 9.69609C10.2933 9.62349 10.0365 9.68729 9.86185 9.86189C9.68725 10.0365 9.62345 10.2934 9.69605 10.5294L11.0294 14.8627C11.1095 15.1231 11.3401 15.3086 11.6116 15.331C11.8832 15.3535 12.1411 15.2085 12.2629 14.9648L13.1635 13.1636L14.9647 12.263C15.2085 12.1411 15.3535 11.8832 15.331 11.6116C15.3085 11.3401 15.1231 11.1096 14.8627 11.0294L10.5293 9.69609Z",
-					"fill": "currentColor"
-				},
-				"children": []
-			}
-		]
-	},
-	"name": "WindowCursor"
+  "icon": {
+    "type": "element",
+    "isRootNode": true,
+    "name": "svg",
+    "attributes": {
+      "width": "16",
+      "height": "16",
+      "viewBox": "0 0 16 16",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    },
+    "children": [
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M1.33325 4.66663C1.33325 3.56206 2.22869 2.66663 3.33325 2.66663H12.6666C13.7712 2.66663 14.6666 3.56206 14.6666 4.66663V8.16663C14.6666 8.53483 14.3681 8.83329 13.9999 8.83329C13.6317 8.83329 13.3333 8.53483 13.3333 8.16663V4.66663C13.3333 4.29844 13.0348 3.99996 12.6666 3.99996H3.33325C2.96507 3.99996 2.66659 4.29844 2.66659 4.66663V12C2.66659 12.3682 2.96507 12.6666 3.33325 12.6666H7.99992C8.36812 12.6666 8.66658 12.9651 8.66658 13.3333C8.66658 13.7015 8.36812 14 7.99992 14H3.33325C2.22869 14 1.33325 13.1046 1.33325 12V4.66663Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M3.66659 5.83329C3.66659 6.29353 4.03968 6.66663 4.49992 6.66663C4.96016 6.66663 5.33325 6.29353 5.33325 5.83329C5.33325 5.37305 4.96016 4.99996 4.49992 4.99996C4.03968 4.99996 3.66659 5.37305 3.66659 5.83329Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M5.99992 5.83329C5.99992 6.29353 6.37301 6.66663 6.83325 6.66663C7.29352 6.66663 7.66658 6.29353 7.66658 5.83329C7.66658 5.37305 7.29352 4.99996 6.83325 4.99996C6.37301 4.99996 5.99992 5.37305 5.99992 5.83329Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M8.33325 5.83329C8.33325 6.29353 8.70632 6.66663 9.16658 6.66663C9.62685 6.66663 9.99992 6.29353 9.99992 5.83329C9.99992 5.37305 9.62685 4.99996 9.16658 4.99996C8.70632 4.99996 8.33325 5.37305 8.33325 5.83329Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      },
+      {
+        "type": "element",
+        "name": "path",
+        "attributes": {
+          "d": "M10.5293 9.69609C10.2933 9.62349 10.0365 9.68729 9.86185 9.86189C9.68725 10.0365 9.62345 10.2934 9.69605 10.5294L11.0294 14.8627C11.1095 15.1231 11.3401 15.3086 11.6116 15.331C11.8832 15.3535 12.1411 15.2085 12.2629 14.9648L13.1635 13.1636L14.9647 12.263C15.2085 12.1411 15.3535 11.8832 15.331 11.6116C15.3085 11.3401 15.1231 11.1096 14.8627 11.0294L10.5293 9.69609Z",
+          "fill": "currentColor"
+        },
+        "children": []
+      }
+    ]
+  },
+  "name": "WindowCursor"
 }
diff --git a/web/app/components/base/icons/src/vender/workflow/WindowCursor.tsx b/web/app/components/base/icons/src/vender/workflow/WindowCursor.tsx
index 686e625640..5dadad3e38 100644
--- a/web/app/components/base/icons/src/vender/workflow/WindowCursor.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/WindowCursor.tsx
@@ -1,17 +1,17 @@
 // GENERATE BY script
 // DON NOT EDIT IT MANUALLY
 
-import * as React from 'react'
-import data from './WindowCursor.json'
-import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './WindowCursor.json'
 
 const Icon = (
   {
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>;
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/index.ts b/web/app/components/base/icons/src/vender/workflow/index.ts
index 26ee3e4126..ec8dce100d 100644
--- a/web/app/components/base/icons/src/vender/workflow/index.ts
+++ b/web/app/components/base/icons/src/vender/workflow/index.ts
@@ -11,15 +11,15 @@ export { default as End } from './End'
 export { default as Home } from './Home'
 export { default as Http } from './Http'
 export { default as IfElse } from './IfElse'
-export { default as IterationStart } from './IterationStart'
 export { default as Iteration } from './Iteration'
+export { default as IterationStart } from './IterationStart'
 export { default as Jinja } from './Jinja'
 export { default as KnowledgeBase } from './KnowledgeBase'
 export { default as KnowledgeRetrieval } from './KnowledgeRetrieval'
 export { default as ListFilter } from './ListFilter'
 export { default as Llm } from './Llm'
-export { default as LoopEnd } from './LoopEnd'
 export { default as Loop } from './Loop'
+export { default as LoopEnd } from './LoopEnd'
 export { default as ParameterExtractor } from './ParameterExtractor'
 export { default as QuestionClassifier } from './QuestionClassifier'
 export { default as Schedule } from './Schedule'
diff --git a/web/app/components/base/icons/utils.spec.ts b/web/app/components/base/icons/utils.spec.ts
index ed4100ce5d..356ebcabed 100644
--- a/web/app/components/base/icons/utils.spec.ts
+++ b/web/app/components/base/icons/utils.spec.ts
@@ -1,6 +1,6 @@
 import type { AbstractNode } from './utils'
-import { generate, normalizeAttrs } from './utils'
 import { render } from '@testing-library/react'
+import { generate, normalizeAttrs } from './utils'
 
 describe('generate icon base utils', () => {
   describe('normalizeAttrs', () => {
diff --git a/web/app/components/base/icons/utils.ts b/web/app/components/base/icons/utils.ts
index c00c201bbd..76be8ecc46 100644
--- a/web/app/components/base/icons/utils.ts
+++ b/web/app/components/base/icons/utils.ts
@@ -16,26 +16,28 @@ export function normalizeAttrs(attrs: Attrs = {}): Attrs {
   return Object.keys(attrs).reduce((acc: Attrs, key) => {
     // Filter out editor metadata attributes before processing
     if (key.startsWith('inkscape:')
-        || key.startsWith('sodipodi:')
-        || key.startsWith('xmlns:inkscape')
-        || key.startsWith('xmlns:sodipodi')
-        || key.startsWith('xmlns:svg')
-        || key === 'data-name')
+      || key.startsWith('sodipodi:')
+      || key.startsWith('xmlns:inkscape')
+      || key.startsWith('xmlns:sodipodi')
+      || key.startsWith('xmlns:svg')
+      || key === 'data-name') {
       return acc
+    }
 
     const val = attrs[key]
     if (val === undefined)
       return acc
 
-    key = key.replace(/([-]\w)/g, (g: string) => g[1].toUpperCase())
-    key = key.replace(/([:]\w)/g, (g: string) => g[1].toUpperCase())
+    key = key.replace(/(-\w)/g, (g: string) => g[1].toUpperCase())
+    key = key.replace(/(:\w)/g, (g: string) => g[1].toUpperCase())
 
     // Additional filter after camelCase conversion
     if (key === 'xmlnsInkscape'
-        || key === 'xmlnsSodipodi'
-        || key === 'xmlnsSvg'
-        || key === 'dataName')
+      || key === 'xmlnsSodipodi'
+      || key === 'xmlnsSvg'
+      || key === 'dataName') {
       return acc
+    }
 
     switch (key) {
       case 'class':
@@ -47,7 +49,7 @@ export function normalizeAttrs(attrs: Attrs = {}): Attrs {
           const pairs = next?.split(':')
 
           if (pairs[0] && pairs[1]) {
-            const k = pairs[0].replace(/([-]\w)/g, (g: string) => g[1].toUpperCase())
+            const k = pairs[0].replace(/(-\w)/g, (g: string) => g[1].toUpperCase())
             prev[k] = pairs[1]
           }
 
diff --git a/web/app/components/base/image-gallery/index.tsx b/web/app/components/base/image-gallery/index.tsx
index 6bef84a724..438fcc5b11 100644
--- a/web/app/components/base/image-gallery/index.tsx
+++ b/web/app/components/base/image-gallery/index.tsx
@@ -1,8 +1,8 @@
 'use client'
-import ImagePreview from '@/app/components/base/image-uploader/image-preview'
-import { cn } from '@/utils/classnames'
 import type { FC } from 'react'
 import React, { useState } from 'react'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
+import { cn } from '@/utils/classnames'
 import s from './style.module.css'
 
 type Props = {
@@ -37,22 +37,26 @@ const ImageGallery: FC<Props> = ({
   return (
     <div className={cn(s[`img-${imgNum}`], 'flex flex-wrap')}>
       {srcs.map((src, index) => (
-        !src ? null : <img
-          key={index}
-          className={s.item}
-          style={imgStyle}
-          src={src}
-          alt=''
-          onClick={() => setImagePreviewUrl(src)}
-          onError={e => e.currentTarget.remove()}
-        />
+        !src
+          ? null
+          : (
+              <img
+                key={index}
+                className={s.item}
+                style={imgStyle}
+                src={src}
+                alt=""
+                onClick={() => setImagePreviewUrl(src)}
+                onError={e => e.currentTarget.remove()}
+              />
+            )
       ))}
       {
         imagePreviewUrl && (
           <ImagePreview
             url={imagePreviewUrl}
             onCancel={() => setImagePreviewUrl('')}
-            title={''}
+            title=""
           />
         )
       }
@@ -73,9 +77,9 @@ export const ImageGalleryTest = () => {
     return srcs
   })()
   return (
-    <div className='space-y-2'>
+    <div className="space-y-2">
       {imgGallerySrcs.map((_, index) => (
-        <div key={index} className='rounded-lg bg-[#D1E9FF80] p-4 pb-2'>
+        <div key={index} className="rounded-lg bg-[#D1E9FF80] p-4 pb-2">
           <ImageGallery srcs={imgGallerySrcs.slice(0, index + 1)} />
         </div>
       ))}
diff --git a/web/app/components/base/image-uploader/audio-preview.tsx b/web/app/components/base/image-uploader/audio-preview.tsx
index d1f71f8a96..ce0ea5ca0c 100644
--- a/web/app/components/base/image-uploader/audio-preview.tsx
+++ b/web/app/components/base/image-uploader/audio-preview.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import { createPortal } from 'react-dom'
 import { RiCloseLine } from '@remixicon/react'
+import { createPortal } from 'react-dom'
 
 type AudioPreviewProps = {
   url: string
@@ -13,21 +13,21 @@ const AudioPreview: FC<AudioPreviewProps> = ({
   onCancel,
 }) => {
   return createPortal(
-    <div className='fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8' onClick={e => e.stopPropagation()}>
+    <div className="fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8" onClick={e => e.stopPropagation()}>
       <div>
         <audio controls title={title} autoPlay={false} preload="metadata">
           <source
             type="audio/mpeg"
             src={url}
-            className='max-h-full max-w-full'
+            className="max-h-full max-w-full"
           />
         </audio>
       </div>
       <div
-        className='absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]'
+        className="absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]"
         onClick={onCancel}
       >
-        <RiCloseLine className='h-4 w-4 text-gray-500'/>
+        <RiCloseLine className="h-4 w-4 text-gray-500" />
       </div>
     </div>,
     document.body,
diff --git a/web/app/components/base/image-uploader/chat-image-uploader.tsx b/web/app/components/base/image-uploader/chat-image-uploader.tsx
index 6e2503dfbe..1f97ecb371 100644
--- a/web/app/components/base/image-uploader/chat-image-uploader.tsx
+++ b/web/app/components/base/image-uploader/chat-image-uploader.tsx
@@ -1,18 +1,18 @@
 import type { FC } from 'react'
+import type { ImageFile, VisionSettings } from '@/types/app'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Uploader from './uploader'
-import ImageLinkInput from './image-link-input'
-import { cn } from '@/utils/classnames'
+import { Upload03 } from '@/app/components/base/icons/src/vender/line/general'
 import { ImagePlus } from '@/app/components/base/icons/src/vender/line/images'
-import { TransferMethod } from '@/types/app'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Upload03 } from '@/app/components/base/icons/src/vender/line/general'
-import type { ImageFile, VisionSettings } from '@/types/app'
+import { TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import ImageLinkInput from './image-link-input'
+import Uploader from './uploader'
 
 type UploadOnlyFromLocalProps = {
   onUpload: (imageFile: ImageFile) => void
@@ -134,7 +134,7 @@ const ChatImageUploader: FC<ChatImageUploaderProps> = ({
 }) => {
   const onlyUploadLocal
     = settings.transfer_methods.length === 1
-    && settings.transfer_methods[0] === TransferMethod.local_file
+      && settings.transfer_methods[0] === TransferMethod.local_file
 
   if (onlyUploadLocal) {
     return (
diff --git a/web/app/components/base/image-uploader/hooks.ts b/web/app/components/base/image-uploader/hooks.ts
index 524e86cc1b..065a808d33 100644
--- a/web/app/components/base/image-uploader/hooks.ts
+++ b/web/app/components/base/image-uploader/hooks.ts
@@ -1,11 +1,11 @@
-import { useCallback, useMemo, useRef, useState } from 'react'
 import type { ClipboardEvent } from 'react'
+import type { ImageFile, VisionSettings } from '@/types/app'
 import { useParams } from 'next/navigation'
+import { useCallback, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { getImageUploadErrorMessage, imageUpload } from './utils'
 import { useToastContext } from '@/app/components/base/toast'
 import { ALLOW_FILE_EXTENSIONS, TransferMethod } from '@/types/app'
-import type { ImageFile, VisionSettings } from '@/types/app'
+import { getImageUploadErrorMessage, imageUpload } from './utils'
 
 export const useImageFiles = () => {
   const params = useParams()
@@ -193,8 +193,7 @@ export const useClipboardUploader = ({ visionConfig, onUpload, files }: useClipb
     !visionConfig
     || !visionConfig?.enabled
     || !allowLocalUpload
-    || files.length >= visionConfig.number_limits!,
-  [allowLocalUpload, files.length, visionConfig])
+    || files.length >= visionConfig.number_limits!, [allowLocalUpload, files.length, visionConfig])
   const limit = useMemo(() => visionConfig ? +visionConfig.image_file_size_limit! : 0, [visionConfig])
   const { handleLocalFileUpload } = useLocalFileUploader({ limit, onUpload, disabled })
 
@@ -225,8 +224,7 @@ export const useDraggableUploader = <T extends HTMLElement>({ visionConfig, onUp
     !visionConfig
     || !visionConfig?.enabled
     || !allowLocalUpload
-    || files.length >= visionConfig.number_limits!,
-  [allowLocalUpload, files.length, visionConfig])
+    || files.length >= visionConfig.number_limits!, [allowLocalUpload, files.length, visionConfig])
   const limit = useMemo(() => visionConfig ? +visionConfig.image_file_size_limit! : 0, [visionConfig])
   const { handleLocalFileUpload } = useLocalFileUploader({ disabled, onUpload, limit })
   const [isDragActive, setIsDragActive] = useState(false)
diff --git a/web/app/components/base/image-uploader/image-link-input.tsx b/web/app/components/base/image-uploader/image-link-input.tsx
index a767e0c1f2..27ae33ce86 100644
--- a/web/app/components/base/image-uploader/image-link-input.tsx
+++ b/web/app/components/base/image-uploader/image-link-input.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
+import type { ImageFile } from '@/types/app'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import type { ImageFile } from '@/types/app'
 import { TransferMethod } from '@/types/app'
 
 type ImageLinkInputProps = {
@@ -33,17 +33,17 @@ const ImageLinkInput: FC<ImageLinkInputProps> = ({
   }
 
   return (
-    <div className='flex h-8 items-center rounded-lg border border-components-panel-border bg-components-panel-bg pl-1.5 pr-1 shadow-xs'>
+    <div className="flex h-8 items-center rounded-lg border border-components-panel-border bg-components-panel-bg pl-1.5 pr-1 shadow-xs">
       <input
         type="text"
-        className='mr-0.5 h-[18px] grow appearance-none bg-transparent px-1 text-[13px] text-text-primary outline-none'
+        className="mr-0.5 h-[18px] grow appearance-none bg-transparent px-1 text-[13px] text-text-primary outline-none"
         value={imageLink}
         onChange={e => setImageLink(e.target.value)}
         placeholder={t('common.imageUploader.pasteImageLinkInputPlaceholder') || ''}
       />
       <Button
-        variant='primary'
-        size='small'
+        variant="primary"
+        size="small"
         disabled={!imageLink || disabled}
         onClick={handleClick}
       >
diff --git a/web/app/components/base/image-uploader/image-list.stories.tsx b/web/app/components/base/image-uploader/image-list.stories.tsx
index 530ef69556..eabdb27aab 100644
--- a/web/app/components/base/image-uploader/image-list.stories.tsx
+++ b/web/app/components/base/image-uploader/image-list.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useMemo, useState } from 'react'
-import ImageList from './image-list'
-import ImageLinkInput from './image-link-input'
 import type { ImageFile } from '@/types/app'
+import { useMemo, useState } from 'react'
 import { TransferMethod } from '@/types/app'
+import ImageLinkInput from './image-link-input'
+import ImageList from './image-list'
 
 const SAMPLE_BASE64
   = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsSAAALEgHS3X78AAABbElEQVR4nO3SsQkAIBDARMT+V20sTg6LXhWEATnnMHDx4sWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFu2r/H3n4BG518Gr4AAAAASUVORK5CYII='
diff --git a/web/app/components/base/image-uploader/image-list.tsx b/web/app/components/base/image-uploader/image-list.tsx
index fe88bdc68f..8e4f81125e 100644
--- a/web/app/components/base/image-uploader/image-list.tsx
+++ b/web/app/components/base/image-uploader/image-list.tsx
@@ -1,17 +1,17 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ImageFile } from '@/types/app'
 import {
   RiCloseLine,
   RiLoader2Line,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { RefreshCcw01 } from '@/app/components/base/icons/src/vender/line/arrows'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
-import Tooltip from '@/app/components/base/tooltip'
-import type { ImageFile } from '@/types/app'
-import { TransferMethod } from '@/types/app'
 import ImagePreview from '@/app/components/base/image-uploader/image-preview'
+import Tooltip from '@/app/components/base/tooltip'
+import { TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 type ImageListProps = {
   list: ImageFile[]
@@ -38,8 +38,9 @@ const ImageList: FC<ImageListProps> = ({
       item.type === TransferMethod.remote_url
       && onImageLinkLoadSuccess
       && item.progress !== -1
-    )
+    ) {
       onImageLinkLoadSuccess(item._id)
+    }
   }
   const handleImageLinkLoadError = (item: ImageFile) => {
     if (item.type === TransferMethod.remote_url && onImageLinkLoadError)
@@ -68,7 +69,8 @@ const ImageList: FC<ImageListProps> = ({
               </div>
               {item.progress > -1 && (
                 <span className="absolute left-[50%] top-[50%] z-[1] translate-x-[-50%] translate-y-[-50%] text-sm text-white mix-blend-lighten">
-                  {item.progress}%
+                  {item.progress}
+                  %
                 </span>
               )}
             </>
@@ -111,8 +113,7 @@ const ImageList: FC<ImageListProps> = ({
                 (item.type === TransferMethod.remote_url
                   ? item.url
                   : item.base64Url) as string,
-              )
-            }
+              )}
           />
           {!readonly && (
             <button
@@ -133,7 +134,7 @@ const ImageList: FC<ImageListProps> = ({
         <ImagePreview
           url={imagePreviewUrl}
           onCancel={() => setImagePreviewUrl('')}
-          title=''
+          title=""
         />
       )}
     </div>
diff --git a/web/app/components/base/image-uploader/image-preview.tsx b/web/app/components/base/image-uploader/image-preview.tsx
index 53c22e344f..37170fe1d9 100644
--- a/web/app/components/base/image-uploader/image-preview.tsx
+++ b/web/app/components/base/image-uploader/image-preview.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { t } from 'i18next'
-import { createPortal } from 'react-dom'
 import { RiAddBoxLine, RiCloseLine, RiDownloadCloud2Line, RiFileCopyLine, RiZoomInLine, RiZoomOutLine } from '@remixicon/react'
-import { useHotkeys } from 'react-hotkeys-hook'
-import Tooltip from '@/app/components/base/tooltip'
-import Toast from '@/app/components/base/toast'
+import { t } from 'i18next'
 import { noop } from 'lodash-es'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { useHotkeys } from 'react-hotkeys-hook'
+import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
 
 type ImagePreviewProps = {
   url: string
@@ -203,62 +203,75 @@ const ImagePreview: FC<ImagePreviewProps> = ({
   useHotkeys('right', onNext || noop)
 
   return createPortal(
-    <div className='image-preview-container fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8'
+    <div
+      className="image-preview-container fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8"
       onClick={e => e.stopPropagation()}
       onWheel={handleWheel}
       onMouseDown={handleMouseDown}
       onMouseMove={handleMouseMove}
       onMouseUp={handleMouseUp}
       style={{ cursor: scale > 1 ? 'move' : 'default' }}
-      tabIndex={-1}>
+      tabIndex={-1}
+    >
       { }
       <img
         ref={imgRef}
         alt={title}
         src={isBase64(url) ? `data:image/png;base64,${url}` : url}
-        className='max-h-full max-w-full'
+        className="max-h-full max-w-full"
         style={{
           transform: `scale(${scale}) translate(${position.x}px, ${position.y}px)`,
           transition: isDragging ? 'none' : 'transform 0.2s ease-in-out',
         }}
       />
       <Tooltip popupContent={t('common.operation.copyImage')}>
-        <div className='absolute right-48 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
-          onClick={imageCopy}>
+        <div
+          className="absolute right-48 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
+          onClick={imageCopy}
+        >
           {isCopied
-            ? <RiFileCopyLine className='h-4 w-4 text-green-500' />
-            : <RiFileCopyLine className='h-4 w-4 text-gray-500' />}
+            ? <RiFileCopyLine className="h-4 w-4 text-green-500" />
+            : <RiFileCopyLine className="h-4 w-4 text-gray-500" />}
         </div>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.zoomOut')}>
-        <div className='absolute right-40 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
-          onClick={zoomOut}>
-          <RiZoomOutLine className='h-4 w-4 text-gray-500' />
+        <div
+          className="absolute right-40 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
+          onClick={zoomOut}
+        >
+          <RiZoomOutLine className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.zoomIn')}>
-        <div className='absolute right-32 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
-          onClick={zoomIn}>
-          <RiZoomInLine className='h-4 w-4 text-gray-500' />
+        <div
+          className="absolute right-32 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
+          onClick={zoomIn}
+        >
+          <RiZoomInLine className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.download')}>
-        <div className='absolute right-24 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
-          onClick={downloadImage}>
-          <RiDownloadCloud2Line className='h-4 w-4 text-gray-500' />
+        <div
+          className="absolute right-24 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
+          onClick={downloadImage}
+        >
+          <RiDownloadCloud2Line className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.openInNewTab')}>
-        <div className='absolute right-16 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
-          onClick={openInNewTab}>
-          <RiAddBoxLine className='h-4 w-4 text-gray-500' />
+        <div
+          className="absolute right-16 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
+          onClick={openInNewTab}
+        >
+          <RiAddBoxLine className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.cancel')}>
         <div
-          className='absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/8 backdrop-blur-[2px]'
-          onClick={onCancel}>
-          <RiCloseLine className='h-4 w-4 text-gray-500' />
+          className="absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/8 backdrop-blur-[2px]"
+          onClick={onCancel}
+        >
+          <RiCloseLine className="h-4 w-4 text-gray-500" />
         </div>
       </Tooltip>
     </div>,
diff --git a/web/app/components/base/image-uploader/text-generation-image-uploader.tsx b/web/app/components/base/image-uploader/text-generation-image-uploader.tsx
index 99aef56250..b34b85f35e 100644
--- a/web/app/components/base/image-uploader/text-generation-image-uploader.tsx
+++ b/web/app/components/base/image-uploader/text-generation-image-uploader.tsx
@@ -1,23 +1,23 @@
 import type { FC } from 'react'
+import type { ImageFile, VisionSettings } from '@/types/app'
 import {
   Fragment,
   useEffect,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import Uploader from './uploader'
-import ImageLinkInput from './image-link-input'
-import ImageList from './image-list'
-import { useImageFiles } from './hooks'
-import { ImagePlus } from '@/app/components/base/icons/src/vender/line/images'
 import { Link03 } from '@/app/components/base/icons/src/vender/line/general'
+import { ImagePlus } from '@/app/components/base/icons/src/vender/line/images'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { ImageFile, VisionSettings } from '@/types/app'
 import { TransferMethod } from '@/types/app'
+import { useImageFiles } from './hooks'
+import ImageLinkInput from './image-link-input'
+import ImageList from './image-list'
+import Uploader from './uploader'
 
 type PasteImageLinkButtonProps = {
   onUpload: (imageFile: ImageFile) => void
@@ -46,19 +46,20 @@ const PasteImageLinkButton: FC<PasteImageLinkButtonProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='top-start'
+      placement="top-start"
     >
       <PortalToFollowElemTrigger onClick={handleToggle}>
         <div className={`
           relative flex h-8 items-center justify-center rounded-lg bg-components-button-tertiary-bg px-3 text-xs text-text-tertiary hover:bg-components-button-tertiary-bg-hover
           ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}
-        `}>
-          <Link03 className='mr-2 h-4 w-4' />
+        `}
+        >
+          <Link03 className="mr-2 h-4 w-4" />
           {t('common.imageUploader.pasteImageLink')}
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[320px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-2 shadow-lg'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[320px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-2 shadow-lg">
           <ImageLinkInput onUpload={handleUpload} />
         </div>
       </PortalToFollowElemContent>
@@ -101,8 +102,9 @@ const TextGenerationImageUploader: FC<TextGenerationImageUploaderProps> = ({
             flex h-8 cursor-pointer items-center justify-center rounded-lg
             bg-components-button-tertiary-bg px-3 text-xs text-text-tertiary
             ${hovering && 'hover:bg-components-button-tertiary-bg-hover'}
-          `}>
-            <ImagePlus className='mr-2 h-4 w-4' />
+          `}
+          >
+            <ImagePlus className="mr-2 h-4 w-4" />
             {t('common.imageUploader.uploadFromComputer')}
           </div>
         )
@@ -119,7 +121,7 @@ const TextGenerationImageUploader: FC<TextGenerationImageUploaderProps> = ({
 
   return (
     <div>
-      <div className='mb-1'>
+      <div className="mb-1">
         <ImageList
           list={files}
           onRemove={onRemove}
diff --git a/web/app/components/base/image-uploader/uploader.tsx b/web/app/components/base/image-uploader/uploader.tsx
index 2f922ec511..a02b804c48 100644
--- a/web/app/components/base/image-uploader/uploader.tsx
+++ b/web/app/components/base/image-uploader/uploader.tsx
@@ -1,8 +1,8 @@
 import type { ChangeEvent, FC } from 'react'
-import { useState } from 'react'
-import { useLocalFileUploader } from './hooks'
 import type { ImageFile } from '@/types/app'
+import { useState } from 'react'
 import { ALLOW_FILE_EXTENSIONS } from '@/types/app'
+import { useLocalFileUploader } from './hooks'
 
 type UploaderProps = {
   children: (hovering: boolean) => React.JSX.Element
@@ -38,15 +38,15 @@ const Uploader: FC<UploaderProps> = ({
 
   return (
     <div
-      className='relative'
+      className="relative"
       onMouseEnter={() => setHovering(true)}
       onMouseLeave={() => setHovering(false)}
     >
       {children(hovering)}
       <input
-        className='absolute inset-0 block w-full cursor-pointer text-[0] opacity-0 disabled:cursor-not-allowed'
+        className="absolute inset-0 block w-full cursor-pointer text-[0] opacity-0 disabled:cursor-not-allowed"
         onClick={e => ((e.target as HTMLInputElement).value = '')}
-        type='file'
+        type="file"
         accept={ALLOW_FILE_EXTENSIONS.map(ext => `.${ext}`).join(',')}
         onChange={handleChange}
         disabled={disabled}
diff --git a/web/app/components/base/image-uploader/video-preview.tsx b/web/app/components/base/image-uploader/video-preview.tsx
index 09ca3d8b51..59a439e6c8 100644
--- a/web/app/components/base/image-uploader/video-preview.tsx
+++ b/web/app/components/base/image-uploader/video-preview.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import { createPortal } from 'react-dom'
 import { RiCloseLine } from '@remixicon/react'
+import { createPortal } from 'react-dom'
 
 type VideoPreviewProps = {
   url: string
@@ -13,21 +13,21 @@ const VideoPreview: FC<VideoPreviewProps> = ({
   onCancel,
 }) => {
   return createPortal(
-    <div className='fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8' onClick={e => e.stopPropagation()}>
+    <div className="fixed inset-0 z-[1000] flex items-center justify-center bg-black/80 p-8" onClick={e => e.stopPropagation()}>
       <div>
         <video controls title={title} autoPlay={false} preload="metadata">
           <source
             type="video/mp4"
             src={url}
-            className='max-h-full max-w-full'
+            className="max-h-full max-w-full"
           />
         </video>
       </div>
       <div
-        className='absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]'
+        className="absolute right-6 top-6 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-white/[0.08] backdrop-blur-[2px]"
         onClick={onCancel}
       >
-        <RiCloseLine className='h-4 w-4 text-gray-500'/>
+        <RiCloseLine className="h-4 w-4 text-gray-500" />
       </div>
     </div>,
     document.body,
diff --git a/web/app/components/base/inline-delete-confirm/index.spec.tsx b/web/app/components/base/inline-delete-confirm/index.spec.tsx
index a44009ad78..d42e482775 100644
--- a/web/app/components/base/inline-delete-confirm/index.spec.tsx
+++ b/web/app/components/base/inline-delete-confirm/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { cleanup, fireEvent, render } from '@testing-library/react'
+import React from 'react'
 import InlineDeleteConfirm from './index'
 
 // Mock react-i18next
@@ -21,7 +21,7 @@ afterEach(cleanup)
 
 describe('InlineDeleteConfirm', () => {
   describe('Rendering', () => {
-    test('should render with default text', () => {
+    it('should render with default text', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { getByText } = render(
@@ -33,7 +33,7 @@ describe('InlineDeleteConfirm', () => {
       expect(getByText('Yes')).toBeInTheDocument()
     })
 
-    test('should render with custom text', () => {
+    it('should render with custom text', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { getByText } = render(
@@ -51,7 +51,7 @@ describe('InlineDeleteConfirm', () => {
       expect(getByText('Confirm')).toBeInTheDocument()
     })
 
-    test('should have proper ARIA attributes', () => {
+    it('should have proper ARIA attributes', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { container } = render(
@@ -65,7 +65,7 @@ describe('InlineDeleteConfirm', () => {
   })
 
   describe('Button interactions', () => {
-    test('should call onCancel when cancel button is clicked', () => {
+    it('should call onCancel when cancel button is clicked', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { getByText } = render(
@@ -77,7 +77,7 @@ describe('InlineDeleteConfirm', () => {
       expect(onConfirm).not.toHaveBeenCalled()
     })
 
-    test('should call onConfirm when confirm button is clicked', () => {
+    it('should call onConfirm when confirm button is clicked', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { getByText } = render(
@@ -91,7 +91,7 @@ describe('InlineDeleteConfirm', () => {
   })
 
   describe('Variant prop', () => {
-    test('should render with delete variant by default', () => {
+    it('should render with delete variant by default', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { getByText } = render(
@@ -102,7 +102,7 @@ describe('InlineDeleteConfirm', () => {
       expect(confirmButton?.className).toContain('btn-destructive')
     })
 
-    test('should render without destructive class for warning variant', () => {
+    it('should render without destructive class for warning variant', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { getByText } = render(
@@ -117,7 +117,7 @@ describe('InlineDeleteConfirm', () => {
       expect(confirmButton?.className).not.toContain('btn-destructive')
     })
 
-    test('should render without destructive class for info variant', () => {
+    it('should render without destructive class for info variant', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { getByText } = render(
@@ -134,7 +134,7 @@ describe('InlineDeleteConfirm', () => {
   })
 
   describe('Custom className', () => {
-    test('should apply custom className to wrapper', () => {
+    it('should apply custom className to wrapper', () => {
       const onConfirm = vi.fn()
       const onCancel = vi.fn()
       const { container } = render(
diff --git a/web/app/components/base/inline-delete-confirm/index.stories.tsx b/web/app/components/base/inline-delete-confirm/index.stories.tsx
index e0b0757718..56fa5a9431 100644
--- a/web/app/components/base/inline-delete-confirm/index.stories.tsx
+++ b/web/app/components/base/inline-delete-confirm/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { fn } from 'storybook/test'
 import { useState } from 'react'
+import { fn } from 'storybook/test'
 import InlineDeleteConfirm from '.'
 
 const meta = {
diff --git a/web/app/components/base/input-number/index.stories.tsx b/web/app/components/base/input-number/index.stories.tsx
index 88999af9e0..997003d53f 100644
--- a/web/app/components/base/input-number/index.stories.tsx
+++ b/web/app/components/base/input-number/index.stories.tsx
@@ -74,7 +74,9 @@ const InputNumberDemo = (args: any) => {
         }}
       />
       <div className="mt-3 text-sm text-gray-600">
-        Current value: <span className="font-semibold">{value}</span>
+        Current value:
+        {' '}
+        <span className="font-semibold">{value}</span>
       </div>
     </div>
   )
@@ -249,7 +251,12 @@ const QuantitySelectorDemo = () => {
         <div className="flex items-center justify-between">
           <div>
             <h3 className="text-sm font-semibold text-gray-900">Product Name</h3>
-            <p className="text-sm text-gray-500">${pricePerItem} each</p>
+            <p className="text-sm text-gray-500">
+              $
+              {pricePerItem}
+              {' '}
+              each
+            </p>
           </div>
         </div>
         <div className="flex flex-col gap-2">
@@ -265,7 +272,10 @@ const QuantitySelectorDemo = () => {
         <div className="border-t border-gray-200 pt-4">
           <div className="flex items-center justify-between">
             <span className="text-sm font-medium text-gray-700">Total</span>
-            <span className="text-lg font-semibold text-gray-900">${total}</span>
+            <span className="text-lg font-semibold text-gray-900">
+              $
+              {total}
+            </span>
           </div>
         </div>
       </div>
@@ -322,7 +332,13 @@ const TimerSettingsDemo = () => {
         </div>
         <div className="mt-2 rounded-lg bg-blue-50 p-3">
           <div className="text-sm text-gray-600">
-            Total duration: <span className="font-semibold">{totalSeconds} seconds</span>
+            Total duration:
+            {' '}
+            <span className="font-semibold">
+              {totalSeconds}
+              {' '}
+              seconds
+            </span>
           </div>
         </div>
       </div>
@@ -379,7 +395,15 @@ const AnimationSettingsDemo = () => {
         </div>
         <div className="mt-2 rounded-lg bg-gray-50 p-4">
           <div className="font-mono text-xs text-gray-700">
-            animation: {duration}ms {delay}ms {iterations}
+            animation:
+            {' '}
+            {duration}
+            ms
+            {' '}
+            {delay}
+            ms
+            {' '}
+            {iterations}
           </div>
         </div>
       </div>
@@ -416,11 +440,17 @@ const TemperatureControlDemo = () => {
         <div className="grid grid-cols-2 gap-4 rounded-lg bg-gray-50 p-4">
           <div>
             <div className="text-xs text-gray-500">Celsius</div>
-            <div className="text-2xl font-semibold text-gray-900">{temperature}°C</div>
+            <div className="text-2xl font-semibold text-gray-900">
+              {temperature}
+              °C
+            </div>
           </div>
           <div>
             <div className="text-xs text-gray-500">Fahrenheit</div>
-            <div className="text-2xl font-semibold text-gray-900">{fahrenheit}°F</div>
+            <div className="text-2xl font-semibold text-gray-900">
+              {fahrenheit}
+              °F
+            </div>
           </div>
         </div>
       </div>
diff --git a/web/app/components/base/input-number/index.tsx b/web/app/components/base/input-number/index.tsx
index 5726bb8bbd..f5cdf36780 100644
--- a/web/app/components/base/input-number/index.tsx
+++ b/web/app/components/base/input-number/index.tsx
@@ -1,7 +1,9 @@
-import { type FC, useCallback } from 'react'
+import type { FC } from 'react'
+import type { InputProps } from '../input'
 import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
-import Input, { type InputProps } from '../input'
+import { useCallback } from 'react'
 import { cn } from '@/utils/classnames'
+import Input from '../input'
 
 export type InputNumberProps = {
   unit?: string
@@ -43,7 +45,8 @@ export const InputNumber: FC<InputNumberProps> = (props) => {
   }, [max, min])
 
   const inc = () => {
-    if (disabled) return
+    if (disabled)
+      return
 
     if (value === undefined) {
       onChange(defaultValue ?? 0)
@@ -55,7 +58,8 @@ export const InputNumber: FC<InputNumberProps> = (props) => {
     onChange(newValue)
   }
   const dec = () => {
-    if (disabled) return
+    if (disabled)
+      return
 
     if (value === undefined) {
       onChange(defaultValue ?? 0)
@@ -81,47 +85,41 @@ export const InputNumber: FC<InputNumberProps> = (props) => {
     onChange(parsed)
   }, [isValidValue, onChange])
 
-  return <div className={cn('flex', wrapClassName)}>
-    <Input {...rest}
-      // disable default controller
-      type='number'
-      className={cn('no-spinner rounded-r-none', className)}
-      value={value ?? 0}
-      max={max}
-      min={min}
-      disabled={disabled}
-      onChange={handleInputChange}
-      unit={unit}
-      size={size}
-    />
-    <div className={cn('flex flex-col rounded-r-md border-l border-divider-subtle bg-components-input-bg-normal text-text-tertiary focus:shadow-xs',
-      disabled && 'cursor-not-allowed opacity-50',
-      controlWrapClassName)}
-    >
-      <button
-        type='button'
-        onClick={inc}
+  return (
+    <div className={cn('flex', wrapClassName)}>
+      <Input
+        {...rest}
+        // disable default controller
+        type="number"
+        className={cn('no-spinner rounded-r-none', className)}
+        value={value ?? 0}
+        max={max}
+        min={min}
         disabled={disabled}
-        aria-label='increment'
-        className={cn(size === 'regular' ? 'pt-1' : 'pt-1.5',
-          'px-1.5 hover:bg-components-input-bg-hover',
-          disabled && 'cursor-not-allowed hover:bg-transparent',
-          controlClassName)}
-      >
-        <RiArrowUpSLine className='size-3' />
-      </button>
-      <button
-        type='button'
-        onClick={dec}
-        disabled={disabled}
-        aria-label='decrement'
-        className={cn(size === 'regular' ? 'pb-1' : 'pb-1.5',
-          'px-1.5 hover:bg-components-input-bg-hover',
-          disabled && 'cursor-not-allowed hover:bg-transparent',
-          controlClassName)}
-      >
-        <RiArrowDownSLine className='size-3' />
-      </button>
+        onChange={handleInputChange}
+        unit={unit}
+        size={size}
+      />
+      <div className={cn('flex flex-col rounded-r-md border-l border-divider-subtle bg-components-input-bg-normal text-text-tertiary focus:shadow-xs', disabled && 'cursor-not-allowed opacity-50', controlWrapClassName)}>
+        <button
+          type="button"
+          onClick={inc}
+          disabled={disabled}
+          aria-label="increment"
+          className={cn(size === 'regular' ? 'pt-1' : 'pt-1.5', 'px-1.5 hover:bg-components-input-bg-hover', disabled && 'cursor-not-allowed hover:bg-transparent', controlClassName)}
+        >
+          <RiArrowUpSLine className="size-3" />
+        </button>
+        <button
+          type="button"
+          onClick={dec}
+          disabled={disabled}
+          aria-label="decrement"
+          className={cn(size === 'regular' ? 'pb-1' : 'pb-1.5', 'px-1.5 hover:bg-components-input-bg-hover', disabled && 'cursor-not-allowed hover:bg-transparent', controlClassName)}
+        >
+          <RiArrowDownSLine className="size-3" />
+        </button>
+      </div>
     </div>
-  </div>
+  )
 }
diff --git a/web/app/components/base/input-with-copy/index.spec.tsx b/web/app/components/base/input-with-copy/index.spec.tsx
index d42fb7d7c0..b90e52adb9 100644
--- a/web/app/components/base/input-with-copy/index.spec.tsx
+++ b/web/app/components/base/input-with-copy/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
 import InputWithCopy from './index'
 
 // Create a mock function that we can track using vi.hoisted
diff --git a/web/app/components/base/input-with-copy/index.tsx b/web/app/components/base/input-with-copy/index.tsx
index 6c0c7e45aa..57848cb6bd 100644
--- a/web/app/components/base/input-with-copy/index.tsx
+++ b/web/app/components/base/input-with-copy/index.tsx
@@ -1,13 +1,13 @@
 'use client'
+import type { InputProps } from '../input'
+import { RiClipboardFill, RiClipboardLine } from '@remixicon/react'
+import copy from 'copy-to-clipboard'
+import { debounce } from 'lodash-es'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiClipboardFill, RiClipboardLine } from '@remixicon/react'
-import { debounce } from 'lodash-es'
-import copy from 'copy-to-clipboard'
-import type { InputProps } from '../input'
-import Tooltip from '../tooltip'
-import ActionButton from '../action-button'
 import { cn } from '@/utils/classnames'
+import ActionButton from '../action-button'
+import Tooltip from '../tooltip'
 
 export type InputWithCopyProps = {
   showCopyButton?: boolean
@@ -86,11 +86,13 @@ const InputWithCopy = React.forwardRef<HTMLInputElement, InputWithCopyProps>((
               onClick={onClickCopy}
               className="hover:bg-components-button-ghost-bg-hover"
             >
-              {isCopied ? (
-                <RiClipboardFill className='h-3.5 w-3.5 text-text-tertiary' />
-              ) : (
-                <RiClipboardLine className='h-3.5 w-3.5 text-text-tertiary' />
-              )}
+              {isCopied
+                ? (
+                    <RiClipboardFill className="h-3.5 w-3.5 text-text-tertiary" />
+                  )
+                : (
+                    <RiClipboardLine className="h-3.5 w-3.5 text-text-tertiary" />
+                  )}
             </ActionButton>
           </Tooltip>
         </div>
diff --git a/web/app/components/base/input/index.spec.tsx b/web/app/components/base/input/index.spec.tsx
index e24ea5a22a..7409559df1 100644
--- a/web/app/components/base/input/index.spec.tsx
+++ b/web/app/components/base/input/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import Input, { inputVariants } from './index'
 
 // Mock the i18n hook
diff --git a/web/app/components/base/input/index.stories.tsx b/web/app/components/base/input/index.stories.tsx
index c877579879..59861435ef 100644
--- a/web/app/components/base/input/index.stories.tsx
+++ b/web/app/components/base/input/index.stories.tsx
@@ -292,7 +292,7 @@ const FormExampleDemo = () => {
   })
 
   const validateEmail = (email: string) => {
-    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)
+    return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(email)
   }
 
   return (
@@ -389,7 +389,10 @@ const SearchExampleDemo = () => {
       {searchQuery && (
         <div className="rounded-lg bg-gray-50 p-4">
           <div className="mb-2 text-xs text-gray-500">
-            {filteredItems.length} result{filteredItems.length !== 1 ? 's' : ''}
+            {filteredItems.length}
+            {' '}
+            result
+            {filteredItems.length !== 1 ? 's' : ''}
           </div>
           <div className="flex flex-col gap-1">
             {filteredItems.map(item => (
diff --git a/web/app/components/base/input/index.tsx b/web/app/components/base/input/index.tsx
index 8171b6f9b8..948c15456d 100644
--- a/web/app/components/base/input/index.tsx
+++ b/web/app/components/base/input/index.tsx
@@ -1,10 +1,11 @@
-import { cn } from '@/utils/classnames'
+import type { VariantProps } from 'class-variance-authority'
+import type { ChangeEventHandler, CSSProperties, FocusEventHandler } from 'react'
 import { RiCloseCircleFill, RiErrorWarningLine, RiSearchLine } from '@remixicon/react'
-import { type VariantProps, cva } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 import { noop } from 'lodash-es'
-import type { CSSProperties, ChangeEventHandler, FocusEventHandler } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import { CopyFeedbackNew } from '../copy-feedback'
 
 export const inputVariants = cva(
@@ -110,23 +111,23 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(({
       />
       {showClearIcon && value && !disabled && !destructive && (
         <div className={cn('group absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer p-[1px]')} onClick={onClear}>
-          <RiCloseCircleFill className='h-3.5 w-3.5 cursor-pointer text-text-quaternary group-hover:text-text-tertiary' />
+          <RiCloseCircleFill className="h-3.5 w-3.5 cursor-pointer text-text-quaternary group-hover:text-text-tertiary" />
         </div>
       )}
       {destructive && (
-        <RiErrorWarningLine className='absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 text-text-destructive-secondary' />
+        <RiErrorWarningLine className="absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 text-text-destructive-secondary" />
       )}
       {showCopyIcon && (
         <div className={cn('group absolute right-0 top-1/2 -translate-y-1/2 cursor-pointer')}>
           <CopyFeedbackNew
             content={String(value ?? '')}
-            className='!h-7 !w-7 hover:bg-transparent'
+            className="!h-7 !w-7 hover:bg-transparent"
           />
         </div>
       )}
       {
         unit && (
-          <div className='system-sm-regular absolute right-2 top-1/2 -translate-y-1/2 text-text-tertiary'>
+          <div className="system-sm-regular absolute right-2 top-1/2 -translate-y-1/2 text-text-tertiary">
             {unit}
           </div>
         )
diff --git a/web/app/components/base/linked-apps-panel/index.stories.tsx b/web/app/components/base/linked-apps-panel/index.stories.tsx
index da8abb0677..07787173e0 100644
--- a/web/app/components/base/linked-apps-panel/index.stories.tsx
+++ b/web/app/components/base/linked-apps-panel/index.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import LinkedAppsPanel from '.'
 import type { RelatedApp } from '@/models/datasets'
 import { AppModeEnum } from '@/types/app'
+import LinkedAppsPanel from '.'
 
 const mockRelatedApps: RelatedApp[] = [
   {
diff --git a/web/app/components/base/linked-apps-panel/index.tsx b/web/app/components/base/linked-apps-panel/index.tsx
index 7fa8d9c1e9..00a562046a 100644
--- a/web/app/components/base/linked-apps-panel/index.tsx
+++ b/web/app/components/base/linked-apps-panel/index.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import Link from 'next/link'
-import { RiArrowRightUpLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import AppIcon from '@/app/components/base/app-icon'
 import type { RelatedApp } from '@/models/datasets'
+import { RiArrowRightUpLine } from '@remixicon/react'
+import Link from 'next/link'
+import React from 'react'
+import AppIcon from '@/app/components/base/app-icon'
 import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 type ILikedItemProps = {
   appStatus?: boolean
@@ -28,14 +28,14 @@ const LikedItem = ({
 }: ILikedItemProps) => {
   return (
     <Link className={cn('group/link-item flex h-8 w-full cursor-pointer items-center justify-between rounded-lg px-2 hover:bg-state-base-hover', isMobile && 'justify-center')} href={`/app/${detail?.id}/overview`}>
-      <div className='flex items-center'>
+      <div className="flex items-center">
         <div className={cn('relative h-6 w-6 rounded-md')}>
-          <AppIcon size='tiny' iconType={detail.icon_type} icon={detail.icon} background={detail.icon_background} imageUrl={detail.icon_url} />
+          <AppIcon size="tiny" iconType={detail.icon_type} icon={detail.icon} background={detail.icon_background} imageUrl={detail.icon_url} />
         </div>
         {!isMobile && <div className={cn(' system-sm-medium ml-2 truncate text-text-primary')}>{detail?.name || '--'}</div>}
       </div>
-      <div className='system-2xs-medium-uppercase shrink-0 text-text-tertiary group-hover/link-item:hidden'>{appTypeMap[detail.mode]}</div>
-      <RiArrowRightUpLine className='hidden h-4 w-4 text-text-tertiary group-hover/link-item:block' />
+      <div className="system-2xs-medium-uppercase shrink-0 text-text-tertiary group-hover/link-item:hidden">{appTypeMap[detail.mode]}</div>
+      <RiArrowRightUpLine className="hidden h-4 w-4 text-text-tertiary group-hover/link-item:block" />
     </Link>
   )
 }
@@ -50,7 +50,7 @@ const LinkedAppsPanel: FC<Props> = ({
   isMobile,
 }) => {
   return (
-    <div className='w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]'>
+    <div className="w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]">
       {relatedApps.map((item, index) => (
         <LikedItem key={index} detail={item} isMobile={isMobile} />
       ))}
diff --git a/web/app/components/base/list-empty/horizontal-line.tsx b/web/app/components/base/list-empty/horizontal-line.tsx
index cb8edb8dee..24f17a9cc5 100644
--- a/web/app/components/base/list-empty/horizontal-line.tsx
+++ b/web/app/components/base/list-empty/horizontal-line.tsx
@@ -6,12 +6,12 @@ const HorizontalLine = ({
 }: HorizontalLineProps) => {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" width="240" height="2" viewBox="0 0 240 2" fill="none" className={className}>
-      <path d="M0 1H240" stroke="url(#paint0_linear_8619_59125)"/>
+      <path d="M0 1H240" stroke="url(#paint0_linear_8619_59125)" />
       <defs>
         <linearGradient id="paint0_linear_8619_59125" x1="240" y1="9.99584" x2="3.95539e-05" y2="9.88094" gradientUnits="userSpaceOnUse">
-          <stop stopColor="white" stopOpacity="0.01"/>
-          <stop offset="0.9031" stopColor="#101828" stopOpacity="0.04"/>
-          <stop offset="1" stopColor="white" stopOpacity="0.01"/>
+          <stop stopColor="white" stopOpacity="0.01" />
+          <stop offset="0.9031" stopColor="#101828" stopOpacity="0.04" />
+          <stop offset="1" stopColor="white" stopOpacity="0.01" />
         </linearGradient>
       </defs>
     </svg>
diff --git a/web/app/components/base/list-empty/index.tsx b/web/app/components/base/list-empty/index.tsx
index db3eaffa8d..ab1c968682 100644
--- a/web/app/components/base/list-empty/index.tsx
+++ b/web/app/components/base/list-empty/index.tsx
@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react'
 import React from 'react'
 import { Variable02 } from '../icons/src/vender/solid/development'
-import VerticalLine from './vertical-line'
 import HorizontalLine from './horizontal-line'
+import VerticalLine from './vertical-line'
 
 type ListEmptyProps = {
   title?: string
@@ -16,19 +16,20 @@ const ListEmpty = ({
   icon,
 }: ListEmptyProps) => {
   return (
-    <div className='flex w-[320px] flex-col items-start gap-2 rounded-[10px] bg-workflow-process-bg p-4'>
-      <div className='flex h-10 w-10 items-center justify-center gap-2 rounded-[10px]'>
-        <div className='relative flex grow items-center justify-center gap-2 self-stretch rounded-[10px] border-[0.5px]
-          border-components-card-border bg-components-card-bg p-1 shadow-lg'>
-          {icon || <Variable02 className='h-5 w-5 shrink-0 text-text-accent' />}
-          <VerticalLine className='absolute -right-[1px] top-1/2 -translate-y-1/4'/>
-          <VerticalLine className='absolute -left-[1px] top-1/2 -translate-y-1/4'/>
-          <HorizontalLine className='absolute left-3/4 top-0 -translate-x-1/4 -translate-y-1/2'/>
-          <HorizontalLine className='absolute left-3/4 top-full -translate-x-1/4 -translate-y-1/2' />
+    <div className="flex w-[320px] flex-col items-start gap-2 rounded-[10px] bg-workflow-process-bg p-4">
+      <div className="flex h-10 w-10 items-center justify-center gap-2 rounded-[10px]">
+        <div className="relative flex grow items-center justify-center gap-2 self-stretch rounded-[10px] border-[0.5px]
+          border-components-card-border bg-components-card-bg p-1 shadow-lg"
+        >
+          {icon || <Variable02 className="h-5 w-5 shrink-0 text-text-accent" />}
+          <VerticalLine className="absolute -right-[1px] top-1/2 -translate-y-1/4" />
+          <VerticalLine className="absolute -left-[1px] top-1/2 -translate-y-1/4" />
+          <HorizontalLine className="absolute left-3/4 top-0 -translate-x-1/4 -translate-y-1/2" />
+          <HorizontalLine className="absolute left-3/4 top-full -translate-x-1/4 -translate-y-1/2" />
         </div>
       </div>
-      <div className='flex flex-col items-start gap-1 self-stretch'>
-        <div className='system-sm-medium text-text-secondary'>{title}</div>
+      <div className="flex flex-col items-start gap-1 self-stretch">
+        <div className="system-sm-medium text-text-secondary">{title}</div>
         {description}
       </div>
     </div>
diff --git a/web/app/components/base/list-empty/vertical-line.tsx b/web/app/components/base/list-empty/vertical-line.tsx
index 63e57447bf..3a0ad1b85d 100644
--- a/web/app/components/base/list-empty/vertical-line.tsx
+++ b/web/app/components/base/list-empty/vertical-line.tsx
@@ -6,12 +6,12 @@ const VerticalLine = ({
 }: VerticalLineProps) => {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" width="2" height="132" viewBox="0 0 2 132" fill="none" className={className}>
-      <path d="M1 0L1 132" stroke="url(#paint0_linear_8619_59128)"/>
+      <path d="M1 0L1 132" stroke="url(#paint0_linear_8619_59128)" />
       <defs>
         <linearGradient id="paint0_linear_8619_59128" x1="-7.99584" y1="132" x2="-7.96108" y2="6.4974e-07" gradientUnits="userSpaceOnUse">
-          <stop stopColor="white" stopOpacity="0.01"/>
-          <stop offset="0.877606" stopColor="#101828" stopOpacity="0.04"/>
-          <stop offset="1" stopColor="white" stopOpacity="0.01"/>
+          <stop stopColor="white" stopOpacity="0.01" />
+          <stop offset="0.877606" stopColor="#101828" stopOpacity="0.04" />
+          <stop offset="1" stopColor="white" stopOpacity="0.01" />
         </linearGradient>
       </defs>
     </svg>
diff --git a/web/app/components/base/loading/index.spec.tsx b/web/app/components/base/loading/index.spec.tsx
index 5b9c36a1c1..0003247586 100644
--- a/web/app/components/base/loading/index.spec.tsx
+++ b/web/app/components/base/loading/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import Loading from './index'
 
 describe('Loading Component', () => {
@@ -15,7 +15,7 @@ describe('Loading Component', () => {
   })
 
   it('renders correctly with app type', () => {
-    const { container } = render(<Loading type='app' />)
+    const { container } = render(<Loading type="app" />)
     expect(container.firstChild).toHaveClass('h-full')
   })
 
diff --git a/web/app/components/base/loading/index.tsx b/web/app/components/base/loading/index.tsx
index 0cd268caae..385d59b599 100644
--- a/web/app/components/base/loading/index.tsx
+++ b/web/app/components/base/loading/index.tsx
@@ -4,6 +4,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 import './style.css'
+
 type ILoadingProps = {
   type?: 'area' | 'app'
 }
@@ -15,11 +16,11 @@ const Loading = (
   return (
     <div
       className={`flex w-full items-center justify-center ${type === 'app' ? 'h-full' : ''}`}
-      role='status'
-      aria-live='polite'
+      role="status"
+      aria-live="polite"
       aria-label={t('appApi.loading')}
     >
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className='spin-animation'>
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className="spin-animation">
         <g clipPath="url(#clip0_324_2488)">
           <path d="M15 0H10C9.44772 0 9 0.447715 9 1V6C9 6.55228 9.44772 7 10 7H15C15.5523 7 16 6.55228 16 6V1C16 0.447715 15.5523 0 15 0Z" fill="#1C64F2" />
           <path opacity="0.5" d="M15 9H10C9.44772 9 9 9.44772 9 10V15C9 15.5523 9.44772 16 10 16H15C15.5523 16 16 15.5523 16 15V10C16 9.44772 15.5523 9 15 9Z" fill="#1C64F2" />
diff --git a/web/app/components/base/logo/dify-logo.tsx b/web/app/components/base/logo/dify-logo.tsx
index 765d0fedf7..26718cbbeb 100644
--- a/web/app/components/base/logo/dify-logo.tsx
+++ b/web/app/components/base/logo/dify-logo.tsx
@@ -1,8 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import { cn } from '@/utils/classnames'
 import useTheme from '@/hooks/use-theme'
+import { cn } from '@/utils/classnames'
 import { basePath } from '@/utils/var'
+
 export type LogoStyle = 'default' | 'monochromeWhite'
 
 export const logoPathMap: Record<LogoStyle, string> = {
@@ -36,7 +37,7 @@ const DifyLogo: FC<DifyLogoProps> = ({
     <img
       src={`${basePath}${logoPathMap[themedStyle]}`}
       className={cn('block object-contain', logoSizeMap[size], className)}
-      alt='Dify logo'
+      alt="Dify logo"
     />
   )
 }
diff --git a/web/app/components/base/logo/index.stories.tsx b/web/app/components/base/logo/index.stories.tsx
index 01464b8c13..7bd63151e4 100644
--- a/web/app/components/base/logo/index.stories.tsx
+++ b/web/app/components/base/logo/index.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { ThemeProvider } from 'next-themes'
 import type { ReactNode } from 'react'
+import { ThemeProvider } from 'next-themes'
 import DifyLogo from './dify-logo'
-import LogoSite from './logo-site'
-import LogoEmbeddedChatHeader from './logo-embedded-chat-header'
 import LogoEmbeddedChatAvatar from './logo-embedded-chat-avatar'
+import LogoEmbeddedChatHeader from './logo-embedded-chat-header'
+import LogoSite from './logo-site'
 
 const meta = {
   title: 'Base/General/Logo',
@@ -37,11 +37,11 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-const ThemePreview = ({ theme, children }: { theme: 'light' | 'dark'; children: ReactNode }) => {
+const ThemePreview = ({ theme, children }: { theme: 'light' | 'dark', children: ReactNode }) => {
   return (
     <ThemeProvider attribute="data-theme" forcedTheme={theme} enableSystem={false}>
       <div
-        className={'min-w-[320px] rounded-2xl border border-divider-subtle bg-background-default-subtle p-6 shadow-sm'}
+        className="min-w-[320px] rounded-2xl border border-divider-subtle bg-background-default-subtle p-6 shadow-sm"
       >
         {children}
       </div>
diff --git a/web/app/components/base/logo/logo-embedded-chat-avatar.tsx b/web/app/components/base/logo/logo-embedded-chat-avatar.tsx
index f09a6a03ed..59a77c04e0 100644
--- a/web/app/components/base/logo/logo-embedded-chat-avatar.tsx
+++ b/web/app/components/base/logo/logo-embedded-chat-avatar.tsx
@@ -11,7 +11,7 @@ const LogoEmbeddedChatAvatar: FC<LogoEmbeddedChatAvatarProps> = ({
     <img
       src={`${basePath}/logo/logo-embedded-chat-avatar.png`}
       className={`block h-10 w-10 ${className}`}
-      alt='logo'
+      alt="logo"
     />
   )
 }
diff --git a/web/app/components/base/logo/logo-embedded-chat-header.tsx b/web/app/components/base/logo/logo-embedded-chat-header.tsx
index a580ad944f..845b2f0fc2 100644
--- a/web/app/components/base/logo/logo-embedded-chat-header.tsx
+++ b/web/app/components/base/logo/logo-embedded-chat-header.tsx
@@ -1,5 +1,5 @@
-import { cn } from '@/utils/classnames'
 import type { FC } from 'react'
+import { cn } from '@/utils/classnames'
 import { basePath } from '@/utils/var'
 
 type LogoEmbeddedChatHeaderProps = {
@@ -9,16 +9,18 @@ type LogoEmbeddedChatHeaderProps = {
 const LogoEmbeddedChatHeader: FC<LogoEmbeddedChatHeaderProps> = ({
   className,
 }) => {
-  return <picture>
-    <source media="(resolution: 1x)" srcSet='/logo/logo-embedded-chat-header.png' />
-    <source media="(resolution: 2x)" srcSet='/logo/logo-embedded-chat-header@2x.png' />
-    <source media="(resolution: 3x)" srcSet='/logo/logo-embedded-chat-header@3x.png' />
-    <img
-      src={`${basePath}/logo/logo-embedded-chat-header.png`}
-      alt='logo'
-      className={cn('block h-6 w-auto', className)}
-    />
-  </picture>
+  return (
+    <picture>
+      <source media="(resolution: 1x)" srcSet="/logo/logo-embedded-chat-header.png" />
+      <source media="(resolution: 2x)" srcSet="/logo/logo-embedded-chat-header@2x.png" />
+      <source media="(resolution: 3x)" srcSet="/logo/logo-embedded-chat-header@3x.png" />
+      <img
+        src={`${basePath}/logo/logo-embedded-chat-header.png`}
+        alt="logo"
+        className={cn('block h-6 w-auto', className)}
+      />
+    </picture>
+  )
 }
 
 export default LogoEmbeddedChatHeader
diff --git a/web/app/components/base/logo/logo-site.tsx b/web/app/components/base/logo/logo-site.tsx
index 3795a072c8..edf6045513 100644
--- a/web/app/components/base/logo/logo-site.tsx
+++ b/web/app/components/base/logo/logo-site.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import { basePath } from '@/utils/var'
 import { cn } from '@/utils/classnames'
+import { basePath } from '@/utils/var'
 
 type LogoSiteProps = {
   className?: string
@@ -14,7 +14,7 @@ const LogoSite: FC<LogoSiteProps> = ({
     <img
       src={`${basePath}/logo/logo.png`}
       className={cn('block h-[24.5px] w-[22.651px]', className)}
-      alt='logo'
+      alt="logo"
     />
   )
 }
diff --git a/web/app/components/base/markdown-blocks/button.tsx b/web/app/components/base/markdown-blocks/button.tsx
index 1036315842..a00157aff1 100644
--- a/web/app/components/base/markdown-blocks/button.tsx
+++ b/web/app/components/base/markdown-blocks/button.tsx
@@ -1,7 +1,8 @@
-import { useChatContext } from '@/app/components/base/chat/chat/context'
 import Button from '@/app/components/base/button'
+import { useChatContext } from '@/app/components/base/chat/chat/context'
 import { cn } from '@/utils/classnames'
 import { isValidUrl } from './utils'
+
 const MarkdownButton = ({ node }: any) => {
   const { onSend } = useChatContext()
   const variant = node.properties.dataVariant
@@ -9,22 +10,24 @@ const MarkdownButton = ({ node }: any) => {
   const link = node.properties.dataLink
   const size = node.properties.dataSize
 
-  return <Button
-    variant={variant}
-    size={size}
-    className={cn('!h-auto min-h-8 select-none whitespace-normal !px-3')}
-    onClick={() => {
-      if (link && isValidUrl(link)) {
-        window.open(link, '_blank')
-        return
-      }
-      if(!message)
-        return
-      onSend?.(message)
-    }}
-  >
-    <span className='text-[13px]'>{node.children[0]?.value || ''}</span>
-  </Button>
+  return (
+    <Button
+      variant={variant}
+      size={size}
+      className={cn('!h-auto min-h-8 select-none whitespace-normal !px-3')}
+      onClick={() => {
+        if (link && isValidUrl(link)) {
+          window.open(link, '_blank')
+          return
+        }
+        if (!message)
+          return
+        onSend?.(message)
+      }}
+    >
+      <span className="text-[13px]">{node.children[0]?.value || ''}</span>
+    </Button>
+  )
 }
 MarkdownButton.displayName = 'MarkdownButton'
 
diff --git a/web/app/components/base/markdown-blocks/code-block.tsx b/web/app/components/base/markdown-blocks/code-block.tsx
index bc41c65fd5..79a374e291 100644
--- a/web/app/components/base/markdown-blocks/code-block.tsx
+++ b/web/app/components/base/markdown-blocks/code-block.tsx
@@ -1,5 +1,6 @@
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import ReactEcharts from 'echarts-for-react'
+import dynamic from 'next/dynamic'
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import SyntaxHighlighter from 'react-syntax-highlighter'
 import {
   atelierHeathDark,
@@ -7,13 +8,12 @@ import {
 } from 'react-syntax-highlighter/dist/esm/styles/hljs'
 import ActionButton from '@/app/components/base/action-button'
 import CopyIcon from '@/app/components/base/copy-icon'
-import SVGBtn from '@/app/components/base/svg'
-import { Theme } from '@/types/app'
-import useTheme from '@/hooks/use-theme'
-import SVGRenderer from '../svg-gallery' // Assumes svg-gallery.tsx is in /base directory
 import MarkdownMusic from '@/app/components/base/markdown-blocks/music'
 import ErrorBoundary from '@/app/components/base/markdown/error-boundary'
-import dynamic from 'next/dynamic'
+import SVGBtn from '@/app/components/base/svg'
+import useTheme from '@/hooks/use-theme'
+import { Theme } from '@/types/app'
+import SVGRenderer from '../svg-gallery' // Assumes svg-gallery.tsx is in /base directory
 
 const Flowchart = dynamic(() => import('@/app/components/base/mermaid'), { ssr: false })
 
@@ -66,13 +66,13 @@ const getCorrectCapitalizationLanguageName = (language: string) => {
 
 // Define ECharts event parameter types
 type EChartsEventParams = {
-  type: string;
-  seriesIndex?: number;
-  dataIndex?: number;
-  name?: string;
-  value?: any;
-  currentIndex?: number; // Added for timeline events
-  [key: string]: any;
+  type: string
+  seriesIndex?: number
+  dataIndex?: number
+  name?: string
+  value?: any
+  currentIndex?: number // Added for timeline events
+  [key: string]: any
 }
 
 const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any) => {
@@ -144,7 +144,8 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
 
   // Handle container resize for echarts
   useEffect(() => {
-    if (language !== 'echarts' || !chartInstanceRef.current) return
+    if (language !== 'echarts' || !chartInstanceRef.current)
+      return
 
     const handleResize = () => {
       if (chartInstanceRef.current)
@@ -163,7 +164,8 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
   // Process chart data when content changes
   useEffect(() => {
     // Only process echarts content
-    if (language !== 'echarts') return
+    if (language !== 'echarts')
+      return
 
     // Reset state when new content is detected
     if (!contentRef.current) {
@@ -174,11 +176,13 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
     const newContent = String(children).replace(/\n$/, '')
 
     // Skip if content hasn't changed
-    if (contentRef.current === newContent) return
+    if (contentRef.current === newContent)
+      return
     contentRef.current = newContent
 
     const trimmedContent = newContent.trim()
-    if (!trimmedContent) return
+    if (!trimmedContent)
+      return
 
     // Detect if this is historical data (already complete)
     // Historical data typically comes as a complete code block with complete JSON
@@ -224,14 +228,14 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
     // Check more conditions for streaming data
     const isIncomplete
       = trimmedContent.length < 5
-      || (trimmedContent.startsWith('{')
-        && (!trimmedContent.endsWith('}')
-          || trimmedContent.split('{').length !== trimmedContent.split('}').length))
-      || (trimmedContent.startsWith('[')
-        && (!trimmedContent.endsWith(']')
-          || trimmedContent.split('[').length !== trimmedContent.split('}').length))
-      || (trimmedContent.split('"').length % 2 !== 1)
-      || (trimmedContent.includes('{"') && !trimmedContent.includes('"}'))
+        || (trimmedContent.startsWith('{')
+          && (!trimmedContent.endsWith('}')
+            || trimmedContent.split('{').length !== trimmedContent.split('}').length))
+          || (trimmedContent.startsWith('[')
+            && (!trimmedContent.endsWith(']')
+              || trimmedContent.split('[').length !== trimmedContent.split('}').length))
+            || (trimmedContent.split('"').length % 2 !== 1)
+            || (trimmedContent.includes('{"') && !trimmedContent.includes('"}'))
 
     // Only try to parse streaming data if it looks complete and hasn't been processed
     if (!isIncomplete && !processedRef.current) {
@@ -288,12 +292,14 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
               borderBottomRightRadius: '10px',
               backgroundColor: isDarkMode ? 'var(--color-components-input-bg-normal)' : 'transparent',
               color: 'var(--color-text-secondary)',
-            }}>
+            }}
+            >
               <div style={{
                 marginBottom: '12px',
                 width: '24px',
                 height: '24px',
-              }}>
+              }}
+              >
                 {/* Rotating spinner that works in both light and dark modes */}
                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style={{ animation: 'spin 1.5s linear infinite' }}>
                   <style>
@@ -311,7 +317,10 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
               <div style={{
                 fontFamily: 'var(--font-family)',
                 fontSize: '14px',
-              }}>Chart loading...</div>
+              }}
+              >
+                Chart loading...
+              </div>
             </div>
           )
         }
@@ -330,7 +339,8 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
               borderBottomLeftRadius: '10px',
               borderBottomRightRadius: '10px',
               transition: 'background-color 0.3s ease',
-            }}>
+            }}
+            >
               <ErrorBoundary>
                 <ReactEcharts
                   ref={(e) => {
@@ -369,7 +379,8 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
             borderBottomLeftRadius: '10px',
             borderBottomRightRadius: '10px',
             transition: 'background-color 0.3s ease',
-          }}>
+          }}
+          >
             <ErrorBoundary>
               <ReactEcharts
                 ref={echartsRef}
@@ -423,10 +434,10 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
     return <code {...props} className={className}>{children}</code>
 
   return (
-    <div className='relative'>
-      <div className='flex h-8 items-center justify-between rounded-t-[10px] border-b border-divider-subtle bg-components-input-bg-normal p-1 pl-3'>
-        <div className='system-xs-semibold-uppercase text-text-secondary'>{languageShowName}</div>
-        <div className='flex items-center gap-1'>
+    <div className="relative">
+      <div className="flex h-8 items-center justify-between rounded-t-[10px] border-b border-divider-subtle bg-components-input-bg-normal p-1 pl-3">
+        <div className="system-xs-semibold-uppercase text-text-secondary">{languageShowName}</div>
+        <div className="flex items-center gap-1">
           {language === 'svg' && <SVGBtn isSVG={isSVG} setIsSVG={setIsSVG} />}
           <ActionButton>
             <CopyIcon content={String(children).replace(/\n$/, '')} />
diff --git a/web/app/components/base/markdown-blocks/form.tsx b/web/app/components/base/markdown-blocks/form.tsx
index 5e0b118d36..19872738c7 100644
--- a/web/app/components/base/markdown-blocks/form.tsx
+++ b/web/app/components/base/markdown-blocks/form.tsx
@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react'
 import Button from '@/app/components/base/button'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
+import { useChatContext } from '@/app/components/base/chat/chat/context'
+import Checkbox from '@/app/components/base/checkbox'
 import DatePicker from '@/app/components/base/date-and-time-picker/date-picker'
 import TimePicker from '@/app/components/base/date-and-time-picker/time-picker'
-import Checkbox from '@/app/components/base/checkbox'
-import Select from '@/app/components/base/select'
-import { useChatContext } from '@/app/components/base/chat/chat/context'
 import { formatDateForOutput } from '@/app/components/base/date-and-time-picker/utils/dayjs'
+import Input from '@/app/components/base/input'
+import Select from '@/app/components/base/select'
+import Textarea from '@/app/components/base/textarea'
 
 enum DATA_FORMAT {
   TEXT = 'text',
@@ -56,7 +56,7 @@ const MarkdownForm = ({ node }: any) => {
         let value = formValues[child.properties.name]
 
         if (child.tagName === SUPPORTED_TAGS.INPUT
-            && (child.properties.type === SUPPORTED_TYPES.DATE || child.properties.type === SUPPORTED_TYPES.DATETIME)) {
+          && (child.properties.type === SUPPORTED_TYPES.DATE || child.properties.type === SUPPORTED_TYPES.DATETIME)) {
           if (value && typeof value.format === 'function') {
             // Format date output consistently
             const includeTime = child.properties.type === SUPPORTED_TYPES.DATETIME
@@ -88,7 +88,7 @@ const MarkdownForm = ({ node }: any) => {
   return (
     <form
       autoComplete="off"
-      className='flex flex-col self-stretch'
+      className="flex flex-col self-stretch"
       onSubmit={(e: any) => {
         e.preventDefault()
         e.stopPropagation()
@@ -150,7 +150,7 @@ const MarkdownForm = ({ node }: any) => {
           }
           if (child.properties.type === SUPPORTED_TYPES.CHECKBOX) {
             return (
-              <div className='mt-2 flex h-6 items-center space-x-2' key={index}>
+              <div className="mt-2 flex h-6 items-center space-x-2" key={index}>
                 <Checkbox
                   key={index}
                   checked={formValues[child.properties.name]}
@@ -249,16 +249,21 @@ const MarkdownForm = ({ node }: any) => {
             <Button
               variant={variant}
               size={size}
-              className='mt-4'
+              className="mt-4"
               key={index}
               onClick={onSubmit}
             >
-              <span className='text-[13px]'>{child.children[0]?.value || ''}</span>
+              <span className="text-[13px]">{child.children[0]?.value || ''}</span>
             </Button>
           )
         }
 
-        return <p key={index}>Unsupported tag: {child.tagName}</p>
+        return (
+          <p key={index}>
+            Unsupported tag:
+            {child.tagName}
+          </p>
+        )
       })}
     </form>
   )
diff --git a/web/app/components/base/markdown-blocks/index.ts b/web/app/components/base/markdown-blocks/index.ts
index ab6be2e9e7..7545156baa 100644
--- a/web/app/components/base/markdown-blocks/index.ts
+++ b/web/app/components/base/markdown-blocks/index.ts
@@ -4,17 +4,17 @@
  */
 
 export { default as AudioBlock } from './audio-block'
-export { default as CodeBlock } from './code-block'
-export * from './plugin-img'
-export * from './plugin-paragraph'
-export { default as Img } from './img'
-export { default as Paragraph } from './paragraph'
-export { default as Link } from './link'
-export { default as PreCode } from './pre-code'
-export { default as ScriptBlock } from './script-block'
-export { default as VideoBlock } from './video-block'
-
 // Assuming these are also standalone components in this directory intended for Markdown rendering
 export { default as MarkdownButton } from './button'
+export { default as CodeBlock } from './code-block'
 export { default as MarkdownForm } from './form'
+export { default as Img } from './img'
+export { default as Link } from './link'
+export { default as Paragraph } from './paragraph'
+export * from './plugin-img'
+export * from './plugin-paragraph'
+export { default as PreCode } from './pre-code'
+
+export { default as ScriptBlock } from './script-block'
 export { default as ThinkBlock } from './think-block'
+export { default as VideoBlock } from './video-block'
diff --git a/web/app/components/base/markdown-blocks/link.tsx b/web/app/components/base/markdown-blocks/link.tsx
index 9bf13040a7..ec2518990e 100644
--- a/web/app/components/base/markdown-blocks/link.tsx
+++ b/web/app/components/base/markdown-blocks/link.tsx
@@ -17,7 +17,7 @@ const Link = ({ node, children, ...props }: any) => {
   }
   else {
     const href = props.href || node.properties?.href
-    if (href && /^#[a-zA-Z0-9_-]+$/.test(href.toString())) {
+    if (href && /^#[\w-]+$/.test(href.toString())) {
       const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {
         e.preventDefault()
         // scroll to target element if exists within the answer container
diff --git a/web/app/components/base/markdown-blocks/plugin-img.tsx b/web/app/components/base/markdown-blocks/plugin-img.tsx
index ed1ee8fa0b..486f5900d2 100644
--- a/web/app/components/base/markdown-blocks/plugin-img.tsx
+++ b/web/app/components/base/markdown-blocks/plugin-img.tsx
@@ -1,3 +1,4 @@
+import type { SimplePluginInfo } from '../markdown/react-markdown-wrapper'
 /**
  * @fileoverview Img component for rendering <img> tags in Markdown.
  * Extracted from the main markdown renderer for modularity.
@@ -5,9 +6,8 @@
  */
 import React, { useEffect, useMemo, useState } from 'react'
 import ImageGallery from '@/app/components/base/image-gallery'
-import { getMarkdownImageURL } from './utils'
 import { usePluginReadmeAsset } from '@/service/use-plugins'
-import type { SimplePluginInfo } from '../markdown/react-markdown-wrapper'
+import { getMarkdownImageURL } from './utils'
 
 type ImgProps = {
   src: string
diff --git a/web/app/components/base/markdown-blocks/plugin-paragraph.tsx b/web/app/components/base/markdown-blocks/plugin-paragraph.tsx
index ae1e2d7101..dca4ee52a2 100644
--- a/web/app/components/base/markdown-blocks/plugin-paragraph.tsx
+++ b/web/app/components/base/markdown-blocks/plugin-paragraph.tsx
@@ -1,3 +1,5 @@
+import type { SimplePluginInfo } from '../markdown/react-markdown-wrapper'
+import React, { useEffect, useMemo, useState } from 'react'
 /**
  * @fileoverview Paragraph component for rendering <p> tags in Markdown.
  * Extracted from the main markdown renderer for modularity.
@@ -5,8 +7,6 @@
  */
 import ImageGallery from '@/app/components/base/image-gallery'
 import { usePluginReadmeAsset } from '@/service/use-plugins'
-import React, { useEffect, useMemo, useState } from 'react'
-import type { SimplePluginInfo } from '../markdown/react-markdown-wrapper'
 import { getMarkdownImageURL } from './utils'
 
 type PluginParagraphProps = {
diff --git a/web/app/components/base/markdown-blocks/pre-code.tsx b/web/app/components/base/markdown-blocks/pre-code.tsx
index a9d0cfb9aa..9d10c42d3c 100644
--- a/web/app/components/base/markdown-blocks/pre-code.tsx
+++ b/web/app/components/base/markdown-blocks/pre-code.tsx
@@ -12,7 +12,8 @@ function PreCode(props: { children: any }) {
     <pre ref={ref}>
       <span
         className="copy-code-button"
-      ></span>
+      >
+      </span>
       {props.children}
     </pre>
   )
diff --git a/web/app/components/base/markdown-blocks/think-block.stories.tsx b/web/app/components/base/markdown-blocks/think-block.stories.tsx
index 571959259a..6d5c8dc418 100644
--- a/web/app/components/base/markdown-blocks/think-block.stories.tsx
+++ b/web/app/components/base/markdown-blocks/think-block.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
 import { useState } from 'react'
-import ThinkBlock from './think-block'
 import { ChatContextProvider } from '@/app/components/base/chat/chat/context'
+import ThinkBlock from './think-block'
 
 const THOUGHT_TEXT = `
 Gather docs from knowledge base.
diff --git a/web/app/components/base/markdown-blocks/think-block.tsx b/web/app/components/base/markdown-blocks/think-block.tsx
index b345612ebc..20d2c5cc05 100644
--- a/web/app/components/base/markdown-blocks/think-block.tsx
+++ b/web/app/components/base/markdown-blocks/think-block.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useChatContext } from '../chat/chat/context'
 import { cn } from '@/utils/classnames'
+import { useChatContext } from '../chat/chat/context'
 
 const hasEndThink = (children: any): boolean => {
   if (typeof children === 'string')
@@ -44,7 +44,8 @@ const useThinkTimer = (children: any) => {
   const timerRef = useRef<NodeJS.Timeout | null>(null)
 
   useEffect(() => {
-    if (isComplete) return
+    if (isComplete)
+      return
 
     timerRef.current = setInterval(() => {
       setElapsedTime(Math.floor((Date.now() - startTime) / 100) / 10)
diff --git a/web/app/components/base/markdown-blocks/utils.ts b/web/app/components/base/markdown-blocks/utils.ts
index f7dbe9b7ed..1ae59f5d43 100644
--- a/web/app/components/base/markdown-blocks/utils.ts
+++ b/web/app/components/base/markdown-blocks/utils.ts
@@ -2,7 +2,8 @@ import { ALLOW_UNSAFE_DATA_SCHEME, MARKETPLACE_API_PREFIX } from '@/config'
 
 export const isValidUrl = (url: string): boolean => {
   const validPrefixes = ['http:', 'https:', '//', 'mailto:']
-  if (ALLOW_UNSAFE_DATA_SCHEME) validPrefixes.push('data:')
+  if (ALLOW_UNSAFE_DATA_SCHEME)
+    validPrefixes.push('data:')
   return validPrefixes.some(prefix => url.startsWith(prefix))
 }
 
diff --git a/web/app/components/base/markdown/error-boundary.tsx b/web/app/components/base/markdown/error-boundary.tsx
index 0e6876191a..9347491aea 100644
--- a/web/app/components/base/markdown/error-boundary.tsx
+++ b/web/app/components/base/markdown/error-boundary.tsx
@@ -24,8 +24,15 @@ export default class ErrorBoundary extends Component {
   render() {
     // eslint-disable-next-line ts/ban-ts-comment
     // @ts-expect-error
-    if (this.state.hasError)
-      return <div>Oops! An error occurred. This could be due to an ECharts runtime error or invalid SVG content. <br />(see the browser console for more information)</div>
+    if (this.state.hasError) {
+      return (
+        <div>
+          Oops! An error occurred. This could be due to an ECharts runtime error or invalid SVG content.
+          <br />
+          (see the browser console for more information)
+        </div>
+      )
+    }
     // eslint-disable-next-line ts/ban-ts-comment
     // @ts-expect-error
     return this.props.children
diff --git a/web/app/components/base/markdown/index.tsx b/web/app/components/base/markdown/index.tsx
index 2c881dc2eb..e698f3bebe 100644
--- a/web/app/components/base/markdown/index.tsx
+++ b/web/app/components/base/markdown/index.tsx
@@ -1,9 +1,9 @@
-import dynamic from 'next/dynamic'
-import 'katex/dist/katex.min.css'
+import type { ReactMarkdownWrapperProps, SimplePluginInfo } from './react-markdown-wrapper'
 import { flow } from 'lodash-es'
+import dynamic from 'next/dynamic'
 import { cn } from '@/utils/classnames'
 import { preprocessLaTeX, preprocessThinkTag } from './markdown-utils'
-import type { ReactMarkdownWrapperProps, SimplePluginInfo } from './react-markdown-wrapper'
+import 'katex/dist/katex.min.css'
 
 const ReactMarkdown = dynamic(() => import('./react-markdown-wrapper').then(mod => mod.ReactMarkdownWrapper), { ssr: false })
 
diff --git a/web/app/components/base/markdown/markdown-utils.ts b/web/app/components/base/markdown/markdown-utils.ts
index d02f98b51b..59326a7a19 100644
--- a/web/app/components/base/markdown/markdown-utils.ts
+++ b/web/app/components/base/markdown/markdown-utils.ts
@@ -80,8 +80,9 @@ export const customUrlTransform = (uri: string): string | undefined => {
     (slashIndex !== -1 && colonIndex > slashIndex)
     || (questionMarkIndex !== -1 && colonIndex > questionMarkIndex)
     || (hashIndex !== -1 && colonIndex > hashIndex)
-  )
+  ) {
     return uri
+  }
 
   const scheme = uri.substring(0, colonIndex + 1).toLowerCase()
   if (PERMITTED_SCHEME_REGEX.test(scheme))
diff --git a/web/app/components/base/markdown/react-markdown-wrapper.tsx b/web/app/components/base/markdown/react-markdown-wrapper.tsx
index 22964ec04f..ef735b5e76 100644
--- a/web/app/components/base/markdown/react-markdown-wrapper.tsx
+++ b/web/app/components/base/markdown/react-markdown-wrapper.tsx
@@ -1,13 +1,13 @@
-import { AudioBlock, Img, Link, MarkdownButton, MarkdownForm, Paragraph, PluginImg, PluginParagraph, ScriptBlock, ThinkBlock, VideoBlock } from '@/app/components/base/markdown-blocks'
-import { ENABLE_SINGLE_DOLLAR_LATEX } from '@/config'
-import dynamic from 'next/dynamic'
 import type { FC } from 'react'
+import dynamic from 'next/dynamic'
 import ReactMarkdown from 'react-markdown'
 import RehypeKatex from 'rehype-katex'
 import RehypeRaw from 'rehype-raw'
 import RemarkBreaks from 'remark-breaks'
 import RemarkGfm from 'remark-gfm'
 import RemarkMath from 'remark-math'
+import { AudioBlock, Img, Link, MarkdownButton, MarkdownForm, Paragraph, PluginImg, PluginParagraph, ScriptBlock, ThinkBlock, VideoBlock } from '@/app/components/base/markdown-blocks'
+import { ENABLE_SINGLE_DOLLAR_LATEX } from '@/config'
 import { customUrlTransform } from './markdown-utils'
 
 const CodeBlock = dynamic(() => import('@/app/components/base/markdown-blocks/code-block'), { ssr: false })
diff --git a/web/app/components/base/mermaid/index.tsx b/web/app/components/base/mermaid/index.tsx
index 73709bdc8e..540df44a56 100644
--- a/web/app/components/base/mermaid/index.tsx
+++ b/web/app/components/base/mermaid/index.tsx
@@ -1,8 +1,13 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import mermaid, { type MermaidConfig } from 'mermaid'
-import { useTranslation } from 'react-i18next'
+import type { MermaidConfig } from 'mermaid'
 import { ExclamationTriangleIcon } from '@heroicons/react/24/outline'
 import { MoonIcon, SunIcon } from '@heroicons/react/24/solid'
+import mermaid from 'mermaid'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
+import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import {
   cleanUpSvgCode,
   isMermaidCodeComplete,
@@ -12,10 +17,6 @@ import {
   svgToBase64,
   waitForDOMElement,
 } from './utils'
-import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
-import { cn } from '@/utils/classnames'
-import ImagePreview from '@/app/components/base/image-uploader/image-preview'
-import { Theme } from '@/types/app'
 
 // Global flags and cache for mermaid
 let isMermaidInitialized = false
@@ -503,7 +504,7 @@ const Flowchart = (props: FlowchartProps) => {
         <div className="msh-segmented-group">
           <label className="msh-segmented-item m-2 flex w-[200px] items-center space-x-1">
             <div
-              key='classic'
+              key="classic"
               className={getLookButtonClass('classic')}
               onClick={() => {
                 if (look !== 'classic') {
@@ -516,7 +517,7 @@ const Flowchart = (props: FlowchartProps) => {
               <div className="msh-segmented-item-label">{t('app.mermaid.classic')}</div>
             </div>
             <div
-              key='handDrawn'
+              key="handDrawn"
               className={getLookButtonClass('handDrawn')}
               onClick={() => {
                 if (look !== 'handDrawn') {
@@ -535,8 +536,8 @@ const Flowchart = (props: FlowchartProps) => {
       <div ref={containerRef} style={{ position: 'absolute', visibility: 'hidden', height: 0, overflow: 'hidden' }} />
 
       {isLoading && !svgString && (
-        <div className='px-[26px] py-4'>
-          <LoadingAnim type='text' />
+        <div className="px-[26px] py-4">
+          <LoadingAnim type="text" />
           <div className="mt-2 text-sm text-gray-500">
             {t('common.wait_for_completion', 'Waiting for diagram code to complete...')}
           </div>
@@ -546,7 +547,8 @@ const Flowchart = (props: FlowchartProps) => {
       {svgString && (
         <div className={themeClasses.mermaidDiv} style={{ objectFit: 'cover' }} onClick={handlePreviewClick}>
           <div className="absolute bottom-2 left-2 z-[100]">
-            <button type="button"
+            <button
+              type="button"
               onClick={(e) => {
                 e.stopPropagation()
                 toggleTheme()
@@ -576,7 +578,7 @@ const Flowchart = (props: FlowchartProps) => {
       )}
 
       {imagePreviewUrl && (
-        <ImagePreview title='mermaid_chart' url={imagePreviewUrl} onCancel={() => setImagePreviewUrl('')} />
+        <ImagePreview title="mermaid_chart" url={imagePreviewUrl} onCancel={() => setImagePreviewUrl('')} />
       )}
     </div>
   )
diff --git a/web/app/components/base/mermaid/utils.ts b/web/app/components/base/mermaid/utils.ts
index e4abed3e44..17872e8345 100644
--- a/web/app/components/base/mermaid/utils.ts
+++ b/web/app/components/base/mermaid/utils.ts
@@ -120,10 +120,8 @@ export function processSvgForTheme(
       })
 
       processedSvg = processedSvg
-        .replace(/<path [^>]*stroke="#[a-fA-F0-9]{6}"/g,
-          `<path stroke="${themes.dark.connectionColor}" stroke-width="1.5"`)
-        .replace(/<(line|polyline) [^>]*stroke="#[a-fA-F0-9]{6}"/g,
-          `<$1 stroke="${themes.dark.connectionColor}" stroke-width="1.5"`)
+        .replace(/<path [^>]*stroke="#[a-fA-F0-9]{6}"/g, `<path stroke="${themes.dark.connectionColor}" stroke-width="1.5"`)
+        .replace(/<(line|polyline) [^>]*stroke="#[a-fA-F0-9]{6}"/g, `<$1 stroke="${themes.dark.connectionColor}" stroke-width="1.5"`)
     }
   }
   else {
@@ -143,10 +141,8 @@ export function processSvgForTheme(
       })
 
       processedSvg = processedSvg
-        .replace(/<path [^>]*stroke="#[a-fA-F0-9]{6}"/g,
-          `<path stroke="${themes.light.connectionColor}"`)
-        .replace(/<(line|polyline) [^>]*stroke="#[a-fA-F0-9]{6}"/g,
-          `<$1 stroke="${themes.light.connectionColor}"`)
+        .replace(/<path [^>]*stroke="#[a-fA-F0-9]{6}"/g, `<path stroke="${themes.light.connectionColor}"`)
+        .replace(/<(line|polyline) [^>]*stroke="#[a-fA-F0-9]{6}"/g, `<$1 stroke="${themes.light.connectionColor}"`)
     }
   }
 
@@ -187,9 +183,9 @@ export function isMermaidCodeComplete(code: string): boolean {
 
     // Check for common syntax errors
     const hasNoSyntaxErrors = !trimmedCode.includes('undefined')
-                           && !trimmedCode.includes('[object Object]')
-                           && trimmedCode.split('\n').every(line =>
-                             !(line.includes('-->') && !line.match(/\S+\s*-->\s*\S+/)))
+      && !trimmedCode.includes('[object Object]')
+      && trimmedCode.split('\n').every(line =>
+        !(line.includes('-->') && !line.match(/\S+\s*-->\s*\S+/)))
 
     return hasValidStart && isBalanced && hasNoSyntaxErrors
   }
diff --git a/web/app/components/base/message-log-modal/index.stories.tsx b/web/app/components/base/message-log-modal/index.stories.tsx
index 4173a85ebc..6c29584f7d 100644
--- a/web/app/components/base/message-log-modal/index.stories.tsx
+++ b/web/app/components/base/message-log-modal/index.stories.tsx
@@ -1,12 +1,12 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useEffect } from 'react'
-import MessageLogModal from '.'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
-import { useStore } from '@/app/components/app/store'
 import type { WorkflowRunDetailResponse } from '@/models/log'
 import type { NodeTracing, NodeTracingListResponse } from '@/types/workflow'
-import { BlockEnum } from '@/app/components/workflow/types'
+import { useEffect } from 'react'
+import { useStore } from '@/app/components/app/store'
 import { WorkflowContextProvider } from '@/app/components/workflow/context'
+import { BlockEnum } from '@/app/components/workflow/types'
+import MessageLogModal from '.'
 
 const SAMPLE_APP_DETAIL = {
   id: 'app-demo-1',
diff --git a/web/app/components/base/message-log-modal/index.tsx b/web/app/components/base/message-log-modal/index.tsx
index d57a191953..acb78dd87e 100644
--- a/web/app/components/base/message-log-modal/index.tsx
+++ b/web/app/components/base/message-log-modal/index.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useEffect, useRef, useState } from 'react'
-import { useClickAway } from 'ahooks'
-import { RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
-import Run from '@/app/components/workflow/run'
+import { RiCloseLine } from '@remixicon/react'
+import { useClickAway } from 'ahooks'
+import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useStore } from '@/app/components/app/store'
+import Run from '@/app/components/workflow/run'
+import { cn } from '@/utils/classnames'
 
 type MessageLogModalProps = {
   currentLogItem?: IChatItem
@@ -46,20 +46,20 @@ const MessageLogModal: FC<MessageLogModalProps> = ({
         width: fixedWidth ? width : 480,
         ...(!fixedWidth
           ? {
-            position: 'fixed',
-            top: 56 + 8,
-            left: 8 + (width - 480),
-            bottom: 16,
-          }
+              position: 'fixed',
+              top: 56 + 8,
+              left: 8 + (width - 480),
+              bottom: 16,
+            }
           : {
-            marginRight: 8,
-          }),
+              marginRight: 8,
+            }),
       }}
       ref={ref}
     >
-      <h1 className='system-xl-semibold shrink-0 px-4 py-1 text-text-primary'>{t('appLog.runDetail.title')}</h1>
-      <span className='absolute right-3 top-4 z-20 cursor-pointer p-1' onClick={onCancel}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <h1 className="system-xl-semibold shrink-0 px-4 py-1 text-text-primary">{t('appLog.runDetail.title')}</h1>
+      <span className="absolute right-3 top-4 z-20 cursor-pointer p-1" onClick={onCancel}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </span>
       <Run
         hideResult
diff --git a/web/app/components/base/modal-like-wrap/index.tsx b/web/app/components/base/modal-like-wrap/index.tsx
index ecbcd503d1..65c2873582 100644
--- a/web/app/components/base/modal-like-wrap/index.tsx
+++ b/web/app/components/base/modal-like-wrap/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { cn } from '@/utils/classnames'
-import { useTranslation } from 'react-i18next'
-import Button from '../button'
 import { RiCloseLine } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import Button from '../button'
 
 type Props = {
   title: string
@@ -30,26 +30,31 @@ const ModalLikeWrap: FC<Props> = ({
   return (
     <div className={cn('w-[320px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg px-3 pb-4 pt-3.5 shadow-xl', className)}>
       {beforeHeader || null}
-      <div className='mb-1 flex h-6 items-center justify-between'>
-        <div className='system-xl-semibold text-text-primary'>{title}</div>
+      <div className="mb-1 flex h-6 items-center justify-between">
+        <div className="system-xl-semibold text-text-primary">{title}</div>
         {!hideCloseBtn && (
           <div
-            className='cursor-pointer p-1.5 text-text-tertiary'
+            className="cursor-pointer p-1.5 text-text-tertiary"
             onClick={onClose}
           >
-            <RiCloseLine className='size-4' />
+            <RiCloseLine className="size-4" />
           </div>
         )}
       </div>
-      <div className='mt-2'>{children}</div>
-      <div className='mt-4 flex justify-end'>
+      <div className="mt-2">{children}</div>
+      <div className="mt-4 flex justify-end">
         <Button
-          className='mr-2'
-          onClick={onClose}>{t('common.operation.cancel')}</Button>
+          className="mr-2"
+          onClick={onClose}
+        >
+          {t('common.operation.cancel')}
+        </Button>
         <Button
           onClick={onConfirm}
-          variant='primary'
-        >{t('common.operation.save')}</Button>
+          variant="primary"
+        >
+          {t('common.operation.save')}
+        </Button>
       </div>
     </div>
   )
diff --git a/web/app/components/base/modal/index.tsx b/web/app/components/base/modal/index.tsx
index 6ae1f299a0..1b0ff22873 100644
--- a/web/app/components/base/modal/index.tsx
+++ b/web/app/components/base/modal/index.tsx
@@ -1,8 +1,8 @@
 import { Dialog, DialogPanel, DialogTitle, Transition, TransitionChild } from '@headlessui/react'
-import { Fragment } from 'react'
 import { RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import { noop } from 'lodash-es'
+import { Fragment } from 'react'
+import { cn } from '@/utils/classnames'
 // https://headlessui.com/react/dialog
 
 type IModal = {
@@ -40,11 +40,7 @@ export default function Modal({
     <Transition appear show={isShow} as={Fragment}>
       <Dialog as="div" className={cn('relative', highPriority ? 'z-[1100]' : 'z-[60]', wrapperClassName)} onClose={clickOutsideNotClose ? noop : onClose}>
         <TransitionChild>
-          <div className={cn('fixed inset-0',
-            overlayOpacity ? 'bg-workflow-canvas-canvas-overlay' : 'bg-background-overlay',
-            'duration-300 ease-in data-[closed]:opacity-0',
-            'data-[enter]:opacity-100',
-            'data-[leave]:opacity-0')} />
+          <div className={cn('fixed inset-0', overlayOpacity ? 'bg-workflow-canvas-canvas-overlay' : 'bg-background-overlay', 'duration-300 ease-in data-[closed]:opacity-0', 'data-[enter]:opacity-100', 'data-[leave]:opacity-0')} />
         </TransitionChild>
         <div
           className="fixed inset-0 overflow-y-auto"
@@ -55,30 +51,34 @@ export default function Modal({
         >
           <div className={cn('flex min-h-full items-center justify-center p-4 text-center', containerClassName)}>
             <TransitionChild>
-              <DialogPanel className={cn('relative w-full max-w-[480px] rounded-2xl bg-components-panel-bg p-6 text-left align-middle shadow-xl transition-all',
-                overflowVisible ? 'overflow-visible' : 'overflow-hidden',
-                'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0',
-                'data-[enter]:scale-100 data-[enter]:opacity-100',
-                'data-[enter]:scale-95 data-[leave]:opacity-0',
-                className)}>
-                {title && <DialogTitle
-                  as="h3"
-                  className="title-2xl-semi-bold text-text-primary"
-                >
-                  {title}
-                </DialogTitle>}
-                {description && <div className='body-md-regular mt-2 text-text-secondary'>
-                  {description}
-                </div>}
+              <DialogPanel className={cn('relative w-full max-w-[480px] rounded-2xl bg-components-panel-bg p-6 text-left align-middle shadow-xl transition-all', overflowVisible ? 'overflow-visible' : 'overflow-hidden', 'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0', 'data-[enter]:scale-100 data-[enter]:opacity-100', 'data-[enter]:scale-95 data-[leave]:opacity-0', className)}>
+                {title && (
+                  <DialogTitle
+                    as="h3"
+                    className="title-2xl-semi-bold text-text-primary"
+                  >
+                    {title}
+                  </DialogTitle>
+                )}
+                {description && (
+                  <div className="body-md-regular mt-2 text-text-secondary">
+                    {description}
+                  </div>
+                )}
                 {closable
-                  && <div className='absolute right-6 top-6 z-10 flex h-5 w-5 items-center justify-center rounded-2xl hover:cursor-pointer hover:bg-state-base-hover'>
-                    <RiCloseLine className='h-4 w-4 text-text-tertiary' onClick={
-                      (e) => {
-                        e.stopPropagation()
-                        onClose()
-                      }
-                    } />
-                  </div>}
+                  && (
+                    <div className="absolute right-6 top-6 z-10 flex h-5 w-5 items-center justify-center rounded-2xl hover:cursor-pointer hover:bg-state-base-hover">
+                      <RiCloseLine
+                        className="h-4 w-4 text-text-tertiary"
+                        onClick={
+                          (e) => {
+                            e.stopPropagation()
+                            onClose()
+                          }
+                        }
+                      />
+                    </div>
+                  )}
                 {children}
               </DialogPanel>
             </TransitionChild>
diff --git a/web/app/components/base/modal/modal.tsx b/web/app/components/base/modal/modal.tsx
index cf19bc976f..69bca1ccbb 100644
--- a/web/app/components/base/modal/modal.tsx
+++ b/web/app/components/base/modal/modal.tsx
@@ -1,14 +1,14 @@
 import type { ButtonProps } from '@/app/components/base/button'
+import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
 } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
-import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'lodash-es'
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
 
 type ModalProps = {
   onClose?: () => void
@@ -69,32 +69,32 @@ const Modal = ({
           )}
           onClick={e => e.stopPropagation()}
         >
-          <div className='title-2xl-semi-bold relative shrink-0 p-6 pb-3 pr-14 text-text-primary'>
+          <div className="title-2xl-semi-bold relative shrink-0 p-6 pb-3 pr-14 text-text-primary">
             {title}
             {
               subTitle && (
-                <div className='system-xs-regular mt-1 text-text-tertiary'>
+                <div className="system-xs-regular mt-1 text-text-tertiary">
                   {subTitle}
                 </div>
               )
             }
             <div
-              className='absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg'
+              className="absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg"
               onClick={onClose}
             >
-              <RiCloseLine className='h-5 w-5 text-text-tertiary' />
+              <RiCloseLine className="h-5 w-5 text-text-tertiary" />
             </div>
           </div>
           {
             children && (
-              <div className='min-h-0 flex-1 overflow-y-auto px-6 py-3'>{children}</div>
+              <div className="min-h-0 flex-1 overflow-y-auto px-6 py-3">{children}</div>
             )
           }
-          <div className='flex shrink-0 justify-between p-6 pt-5'>
+          <div className="flex shrink-0 justify-between p-6 pt-5">
             <div>
               {footerSlot}
             </div>
-            <div className='flex items-center'>
+            <div className="flex items-center">
               {
                 showExtraButton && (
                   <>
@@ -105,7 +105,7 @@ const Modal = ({
                     >
                       {extraButtonText || t('common.operation.remove')}
                     </Button>
-                    <div className='mx-3 h-4 w-[1px] bg-divider-regular'></div>
+                    <div className="mx-3 h-4 w-[1px] bg-divider-regular"></div>
                   </>
                 )
               }
@@ -116,8 +116,8 @@ const Modal = ({
                 {cancelButtonText || t('common.operation.cancel')}
               </Button>
               <Button
-                className='ml-2'
-                variant='primary'
+                className="ml-2"
+                variant="primary"
                 onClick={onConfirm}
                 disabled={disabled}
               >
@@ -126,7 +126,7 @@ const Modal = ({
             </div>
           </div>
           {bottomSlot && (
-            <div className='shrink-0'>
+            <div className="shrink-0">
               {bottomSlot}
             </div>
           )}
diff --git a/web/app/components/base/new-audio-button/index.stories.tsx b/web/app/components/base/new-audio-button/index.stories.tsx
index c672392562..0bc8accec1 100644
--- a/web/app/components/base/new-audio-button/index.stories.tsx
+++ b/web/app/components/base/new-audio-button/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useEffect } from 'react'
 import type { ComponentProps } from 'react'
+import { useEffect } from 'react'
 import AudioBtn from '.'
 import { ensureMockAudioManager } from '../../../../.storybook/utils/audio-player-manager.mock'
 
diff --git a/web/app/components/base/new-audio-button/index.tsx b/web/app/components/base/new-audio-button/index.tsx
index 107b53b1dc..e87c03c561 100644
--- a/web/app/components/base/new-audio-button/index.tsx
+++ b/web/app/components/base/new-audio-button/index.tsx
@@ -1,13 +1,13 @@
 'use client'
-import { useState } from 'react'
-import { useParams, usePathname } from 'next/navigation'
 import {
   RiVolumeUpLine,
 } from '@remixicon/react'
 import { t } from 'i18next'
-import Tooltip from '@/app/components/base/tooltip'
-import { AudioPlayerManager } from '@/app/components/base/audio-btn/audio.player.manager'
+import { useParams, usePathname } from 'next/navigation'
+import { useState } from 'react'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import { AudioPlayerManager } from '@/app/components/base/audio-btn/audio.player.manager'
+import Tooltip from '@/app/components/base/tooltip'
 
 type AudioBtnProps = {
   id?: string
@@ -90,7 +90,7 @@ const AudioBtn = ({
         onClick={handleToggle}
         disabled={audioState === 'loading'}
       >
-        <RiVolumeUpLine className='h-4 w-4' />
+        <RiVolumeUpLine className="h-4 w-4" />
       </ActionButton>
     </Tooltip>
   )
diff --git a/web/app/components/base/node-status/index.tsx b/web/app/components/base/node-status/index.tsx
index 03adb8e099..118ab7181a 100644
--- a/web/app/components/base/node-status/index.tsx
+++ b/web/app/components/base/node-status/index.tsx
@@ -1,10 +1,11 @@
 'use client'
+import type { VariantProps } from 'class-variance-authority'
+import type { CSSProperties } from 'react'
+import { RiErrorWarningFill } from '@remixicon/react'
+import { cva } from 'class-variance-authority'
+import React from 'react'
 import AlertTriangle from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle'
 import { cn } from '@/utils/classnames'
-import { RiErrorWarningFill } from '@remixicon/react'
-import { type VariantProps, cva } from 'class-variance-authority'
-import type { CSSProperties } from 'react'
-import React from 'react'
 
 export enum NodeStatusEnum {
   warning = 'warning',
@@ -26,7 +27,7 @@ const nodeStatusVariants = cva(
   },
 )
 
-const StatusIconMap: Record<NodeStatusEnum, { IconComponent: React.ElementType; message: string }> = {
+const StatusIconMap: Record<NodeStatusEnum, { IconComponent: React.ElementType, message: string }> = {
   [NodeStatusEnum.warning]: { IconComponent: AlertTriangle, message: 'Warning' },
   [NodeStatusEnum.error]: { IconComponent: RiErrorWarningFill, message: 'Error' },
 }
@@ -56,8 +57,7 @@ const NodeStatus = ({
       {...props}
     >
       <Icon
-        className={cn('h-3.5 w-3.5 shrink-0',
-          iconClassName)}
+        className={cn('h-3.5 w-3.5 shrink-0', iconClassName)}
       />
       <span>{message ?? defaultMessage}</span>
       {children}
diff --git a/web/app/components/base/notion-connector/index.tsx b/web/app/components/base/notion-connector/index.tsx
index 7635fc2818..48c4b3a584 100644
--- a/web/app/components/base/notion-connector/index.tsx
+++ b/web/app/components/base/notion-connector/index.tsx
@@ -1,8 +1,8 @@
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '../button'
 import { Notion } from '../icons/src/public/common'
 import { Icon3Dots } from '../icons/src/vender/line/others'
-import Button from '../button'
-import React from 'react'
 
 type NotionConnectorProps = {
   onSetting: () => void
@@ -12,18 +12,18 @@ const NotionConnector = ({ onSetting }: NotionConnectorProps) => {
   const { t } = useTranslation()
 
   return (
-    <div className='flex flex-col items-start rounded-2xl bg-workflow-process-bg p-6'>
-      <div className='mb-2 h-12 w-12 rounded-[10px] border-[0.5px] border-components-card-border p-3 shadow-lg shadow-shadow-shadow-5'>
-        <Notion className='size-6' />
+    <div className="flex flex-col items-start rounded-2xl bg-workflow-process-bg p-6">
+      <div className="mb-2 h-12 w-12 rounded-[10px] border-[0.5px] border-components-card-border p-3 shadow-lg shadow-shadow-shadow-5">
+        <Notion className="size-6" />
       </div>
-      <div className='mb-1 flex flex-col gap-y-1 pb-3 pt-1'>
-        <span className='system-md-semibold text-text-secondary'>
+      <div className="mb-1 flex flex-col gap-y-1 pb-3 pt-1">
+        <span className="system-md-semibold text-text-secondary">
           {t('datasetCreation.stepOne.notionSyncTitle')}
-          <Icon3Dots className='relative -left-1.5 -top-2.5 inline h-4 w-4 text-text-secondary' />
+          <Icon3Dots className="relative -left-1.5 -top-2.5 inline h-4 w-4 text-text-secondary" />
         </span>
-        <div className='system-sm-regular text-text-tertiary'>{t('datasetCreation.stepOne.notionSyncTip')}</div>
+        <div className="system-sm-regular text-text-tertiary">{t('datasetCreation.stepOne.notionSyncTip')}</div>
       </div>
-      <Button variant='primary' onClick={onSetting}>{t('datasetCreation.stepOne.connect')}</Button>
+      <Button variant="primary" onClick={onSetting}>{t('datasetCreation.stepOne.connect')}</Button>
     </div>
   )
 }
diff --git a/web/app/components/base/notion-icon/index.tsx b/web/app/components/base/notion-icon/index.tsx
index 9dbb909332..967600fdf1 100644
--- a/web/app/components/base/notion-icon/index.tsx
+++ b/web/app/components/base/notion-icon/index.tsx
@@ -1,6 +1,6 @@
+import type { DataSourceNotionPage } from '@/models/common'
 import { RiFileTextLine } from '@remixicon/react'
 import { cn } from '@/utils/classnames'
-import type { DataSourceNotionPage } from '@/models/common'
 
 type IconTypes = 'workspace' | 'page'
 type NotionIconProps = {
@@ -20,7 +20,7 @@ const NotionIcon = ({
       if (src.startsWith('https://') || src.startsWith('http://')) {
         return (
           <img
-            alt='workspace icon'
+            alt="workspace icon"
             src={src}
             className={cn('block h-5 w-5 object-cover', className)}
           />
@@ -39,7 +39,7 @@ const NotionIcon = ({
     if (src?.type === 'url') {
       return (
         <img
-          alt='page icon'
+          alt="page icon"
           src={src.url || ''}
           className={cn('block h-5 w-5 object-cover', className)}
         />
diff --git a/web/app/components/base/notion-page-selector/base.tsx b/web/app/components/base/notion-page-selector/base.tsx
index ba89be7ef7..9d10ba5033 100644
--- a/web/app/components/base/notion-page-selector/base.tsx
+++ b/web/app/components/base/notion-page-selector/base.tsx
@@ -1,16 +1,16 @@
-import { useCallback, useEffect, useMemo, useState } from 'react'
+import type { DataSourceCredential } from '../../header/account-setting/data-source-page-new/types'
 import type { NotionCredential } from './credential-selector'
-import WorkspaceSelector from './credential-selector'
-import SearchInput from './search-input'
-import PageSelector from './page-selector'
 import type { DataSourceNotionPageMap, DataSourceNotionWorkspace, NotionPage } from '@/models/common'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 import { useModalContextSelector } from '@/context/modal-context'
-import NotionConnector from '../notion-connector'
 import { useInvalidPreImportNotionPages, usePreImportNotionPages } from '@/service/knowledge/use-import'
 import Header from '../../datasets/create/website/base/header'
-import type { DataSourceCredential } from '../../header/account-setting/data-source-page-new/types'
 import Loading from '../loading'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import NotionConnector from '../notion-connector'
+import WorkspaceSelector from './credential-selector'
+import PageSelector from './page-selector'
+import SearchInput from './search-input'
 
 type NotionPageSelectorProps = {
   value?: string[]
@@ -137,17 +137,17 @@ const NotionPageSelector = ({
   }
 
   return (
-    <div className='flex flex-col gap-y-2'>
+    <div className="flex flex-col gap-y-2">
       <Header
         onClickConfiguration={handleConfigureNotion}
-        title={'Choose notion pages'}
-        buttonText={'Configure Notion'}
-        docTitle={'Notion docs'}
-        docLink={'https://www.notion.so/docs'}
+        title="Choose notion pages"
+        buttonText="Configure Notion"
+        docTitle="Notion docs"
+        docLink="https://www.notion.so/docs"
       />
-      <div className='rounded-xl border border-components-panel-border bg-background-default-subtle'>
-        <div className='flex h-12 items-center gap-x-2 rounded-t-xl border-b border-b-divider-regular bg-components-panel-bg p-2'>
-          <div className='flex grow items-center gap-x-1'>
+      <div className="rounded-xl border border-components-panel-border bg-background-default-subtle">
+        <div className="flex h-12 items-center gap-x-2 rounded-t-xl border-b border-b-divider-regular bg-components-panel-bg p-2">
+          <div className="flex grow items-center gap-x-1">
             <WorkspaceSelector
               value={currentCredential.credentialId}
               items={notionCredentials}
@@ -159,24 +159,26 @@ const NotionPageSelector = ({
             onChange={handleSearchValueChange}
           />
         </div>
-        <div className='overflow-hidden rounded-b-xl'>
-          {isFetchingNotionPages ? (
-            <div className='flex h-[296px] items-center justify-center'>
-              <Loading />
-            </div>
-          ) : (
-            <PageSelector
-              value={selectedPagesId}
-              disabledValue={pagesMapAndSelectedPagesId[2]}
-              searchValue={searchValue}
-              list={notionsPages!.notion_info?.[0].pages || []}
-              pagesMap={pagesMapAndSelectedPagesId[0]}
-              onSelect={handleSelectPages}
-              canPreview={canPreview}
-              previewPageId={previewPageId}
-              onPreview={handlePreviewPage}
-            />
-          )}
+        <div className="overflow-hidden rounded-b-xl">
+          {isFetchingNotionPages
+            ? (
+                <div className="flex h-[296px] items-center justify-center">
+                  <Loading />
+                </div>
+              )
+            : (
+                <PageSelector
+                  value={selectedPagesId}
+                  disabledValue={pagesMapAndSelectedPagesId[2]}
+                  searchValue={searchValue}
+                  list={notionsPages!.notion_info?.[0].pages || []}
+                  pagesMap={pagesMapAndSelectedPagesId[0]}
+                  onSelect={handleSelectPages}
+                  canPreview={canPreview}
+                  previewPageId={previewPageId}
+                  onPreview={handlePreviewPage}
+                />
+              )}
         </div>
       </div>
     </div>
diff --git a/web/app/components/base/notion-page-selector/credential-selector/index.tsx b/web/app/components/base/notion-page-selector/credential-selector/index.tsx
index 360a38ba8f..810ec1f4e7 100644
--- a/web/app/components/base/notion-page-selector/credential-selector/index.tsx
+++ b/web/app/components/base/notion-page-selector/credential-selector/index.tsx
@@ -1,7 +1,7 @@
 'use client'
-import React, { Fragment, useMemo } from 'react'
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import { RiArrowDownSLine } from '@remixicon/react'
+import React, { Fragment, useMemo } from 'react'
 import { CredentialIcon } from '@/app/components/datasets/common/credential-icon'
 
 export type NotionCredential = {
@@ -33,57 +33,57 @@ const CredentialSelector = ({
   }, [currentCredential])
 
   return (
-    <Menu as='div' className='relative inline-block text-left'>
+    <Menu as="div" className="relative inline-block text-left">
       {
         ({ open }) => (
           <>
             <MenuButton className={`flex h-7 items-center justify-center rounded-md p-1 pr-2 hover:bg-state-base-hover ${open && 'bg-state-base-hover'} cursor-pointer`}>
               <CredentialIcon
-                className='mr-2'
+                className="mr-2"
                 avatarUrl={currentCredential?.workspaceIcon}
                 name={currentDisplayName}
                 size={20}
               />
               <div
-                className='mr-1 w-[90px] truncate text-left text-sm font-medium text-text-secondary'
+                className="mr-1 w-[90px] truncate text-left text-sm font-medium text-text-secondary"
                 title={currentDisplayName}
               >
                 {currentDisplayName}
               </div>
-              <RiArrowDownSLine className='h-4 w-4 text-text-secondary' />
+              <RiArrowDownSLine className="h-4 w-4 text-text-secondary" />
             </MenuButton>
             <Transition
               as={Fragment}
-              enter='transition ease-out duration-100'
-              enterFrom='transform opacity-0 scale-95'
-              enterTo='transform opacity-100 scale-100'
-              leave='transition ease-in duration-75'
-              leaveFrom='transform opacity-100 scale-100'
-              leaveTo='transform opacity-0 scale-95'
+              enter="transition ease-out duration-100"
+              enterFrom="transform opacity-0 scale-95"
+              enterTo="transform opacity-100 scale-100"
+              leave="transition ease-in duration-75"
+              leaveFrom="transform opacity-100 scale-100"
+              leaveTo="transform opacity-0 scale-95"
             >
               <MenuItems
-                className='absolute left-0 top-8 z-10 w-80
+                className="absolute left-0 top-8 z-10 w-80
                   origin-top-right rounded-lg border-[0.5px]
-                  border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5'
+                  border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5"
               >
-                <div className='max-h-50 overflow-auto p-1'>
+                <div className="max-h-50 overflow-auto p-1">
                   {
                     items.map((item) => {
                       const displayName = getDisplayName(item)
                       return (
                         <MenuItem key={item.credentialId}>
                           <div
-                            className='flex h-9 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover'
+                            className="flex h-9 cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover"
                             onClick={() => onSelect(item.credentialId)}
                           >
                             <CredentialIcon
-                              className='mr-2 shrink-0'
+                              className="mr-2 shrink-0"
                               avatarUrl={item.workspaceIcon}
                               name={displayName}
                               size={20}
                             />
                             <div
-                              className='system-sm-medium mr-2 grow truncate text-text-secondary'
+                              className="system-sm-medium mr-2 grow truncate text-text-secondary"
                               title={displayName}
                             >
                               {displayName}
diff --git a/web/app/components/base/notion-page-selector/index.stories.tsx b/web/app/components/base/notion-page-selector/index.stories.tsx
index 6fdee03adb..9b2c44687a 100644
--- a/web/app/components/base/notion-page-selector/index.stories.tsx
+++ b/web/app/components/base/notion-page-selector/index.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
+import type { DataSourceCredential } from '@/app/components/header/account-setting/data-source-page-new/types'
+import type { NotionPage } from '@/models/common'
 import { useEffect, useMemo, useState } from 'react'
 import { CredentialTypeEnum } from '@/app/components/plugins/plugin-auth/types'
 import { NotionPageSelector } from '.'
-import type { DataSourceCredential } from '@/app/components/header/account-setting/data-source-page-new/types'
-import type { NotionPage } from '@/models/common'
 
 const DATASET_ID = 'dataset-demo'
 const CREDENTIALS: DataSourceCredential[] = [
@@ -171,7 +171,10 @@ const NotionSelectorPreview = () => {
         <div className="mb-2 font-semibold uppercase tracking-[0.18em] text-text-tertiary">
           Debug state
         </div>
-        <p className="mb-1">Active credential: <span className="font-mono">{credentialId || 'None'}</span></p>
+        <p className="mb-1">
+          Active credential:
+          <span className="font-mono">{credentialId || 'None'}</span>
+        </p>
         <pre className="max-h-40 overflow-auto rounded-lg bg-background-default p-3 font-mono text-[11px] leading-relaxed text-text-tertiary">
           {JSON.stringify(selectedPages, null, 2)}
         </pre>
diff --git a/web/app/components/base/notion-page-selector/page-selector/index.tsx b/web/app/components/base/notion-page-selector/page-selector/index.tsx
index c3c5636b0c..e01950a3ff 100644
--- a/web/app/components/base/notion-page-selector/page-selector/index.tsx
+++ b/web/app/components/base/notion-page-selector/page-selector/index.tsx
@@ -1,12 +1,12 @@
+import type { ListChildComponentProps } from 'react-window'
+import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
+import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
 import { memo, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { FixedSizeList as List, areEqual } from 'react-window'
-import type { ListChildComponentProps } from 'react-window'
-import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
+import { areEqual, FixedSizeList as List } from 'react-window'
+import { cn } from '@/utils/classnames'
 import Checkbox from '../../checkbox'
 import NotionIcon from '../../notion-icon'
-import { cn } from '@/utils/classnames'
-import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
 
 type PageSelectorProps = {
   value: Set<string>
@@ -107,14 +107,14 @@ const ItemComponent = ({ index, style, data }: ListChildComponentProps<{
     if (hasChild) {
       return (
         <div
-          className='mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-md hover:bg-components-button-ghost-bg-hover'
+          className="mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-md hover:bg-components-button-ghost-bg-hover"
           style={{ marginLeft: current.depth * 8 }}
           onClick={() => handleToggle(index)}
         >
           {
             current.expand
-              ? <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
-              : <RiArrowRightSLine className='h-4 w-4 text-text-tertiary' />
+              ? <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
+              : <RiArrowRightSLine className="h-4 w-4 text-text-tertiary" />
           }
         </div>
       )
@@ -125,18 +125,17 @@ const ItemComponent = ({ index, style, data }: ListChildComponentProps<{
       )
     }
     return (
-      <div className='mr-1 h-5 w-5 shrink-0' style={{ marginLeft: current.depth * 8 }} />
+      <div className="mr-1 h-5 w-5 shrink-0" style={{ marginLeft: current.depth * 8 }} />
     )
   }
 
   return (
     <div
-      className={cn('group flex cursor-pointer items-center rounded-md pl-2 pr-[2px] hover:bg-state-base-hover',
-        previewPageId === current.page_id && 'bg-state-base-hover')}
+      className={cn('group flex cursor-pointer items-center rounded-md pl-2 pr-[2px] hover:bg-state-base-hover', previewPageId === current.page_id && 'bg-state-base-hover')}
       style={{ ...style, top: style.top as number + 8, left: 8, right: 8, width: 'calc(100% - 16px)' }}
     >
       <Checkbox
-        className='mr-2 shrink-0'
+        className="mr-2 shrink-0"
         checked={checkedIds.has(current.page_id)}
         disabled={disabled}
         onCheck={() => {
@@ -145,12 +144,12 @@ const ItemComponent = ({ index, style, data }: ListChildComponentProps<{
       />
       {!searchValue && renderArrow()}
       <NotionIcon
-        className='mr-1 shrink-0'
-        type='page'
+        className="mr-1 shrink-0"
+        type="page"
         src={current.page_icon}
       />
       <div
-        className='grow truncate text-[13px] font-medium leading-4 text-text-secondary'
+        className="grow truncate text-[13px] font-medium leading-4 text-text-secondary"
         title={current.page_name}
       >
         {current.page_name}
@@ -158,10 +157,11 @@ const ItemComponent = ({ index, style, data }: ListChildComponentProps<{
       {
         canPreview && (
           <div
-            className='ml-1 hidden h-6 shrink-0 cursor-pointer items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-xs
+            className="ml-1 hidden h-6 shrink-0 cursor-pointer items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-xs
             font-medium leading-4 text-components-button-secondary-text shadow-xs shadow-shadow-shadow-3 backdrop-blur-[10px]
-            hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover group-hover:flex'
-            onClick={() => handlePreview(index)}>
+            hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover group-hover:flex"
+            onClick={() => handlePreview(index)}
+          >
             {t('common.dataSource.notion.selector.preview')}
           </div>
         )
@@ -169,7 +169,7 @@ const ItemComponent = ({ index, style, data }: ListChildComponentProps<{
       {
         searchValue && (
           <div
-            className='ml-1 max-w-[120px] shrink-0 truncate text-xs text-text-quaternary'
+            className="ml-1 max-w-[120px] shrink-0 truncate text-xs text-text-quaternary"
             title={breadCrumbs.join(' / ')}
           >
             {breadCrumbs.join(' / ')}
@@ -252,7 +252,8 @@ const PageSelector = ({
           expand: false,
           depth: listMapWithChildrenAndDescendants[item].depth,
         })),
-        ...dataList.slice(index + 1)]
+        ...dataList.slice(index + 1),
+      ]
     }
     setDataList(newDataList)
   }
@@ -295,7 +296,7 @@ const PageSelector = ({
 
   if (!currentDataList.length) {
     return (
-      <div className='flex h-[296px] items-center justify-center text-[13px] text-text-tertiary'>
+      <div className="flex h-[296px] items-center justify-center text-[13px] text-text-tertiary">
         {t('common.dataSource.notion.selector.noSearchResult')}
       </div>
     )
@@ -303,11 +304,11 @@ const PageSelector = ({
 
   return (
     <List
-      className='py-2'
+      className="py-2"
       height={296}
       itemCount={currentDataList.length}
       itemSize={28}
-      width='100%'
+      width="100%"
       itemKey={(index, data) => data.dataList[index].page_id}
       itemData={{
         dataList: currentDataList,
diff --git a/web/app/components/base/notion-page-selector/search-input/index.tsx b/web/app/components/base/notion-page-selector/search-input/index.tsx
index b5035ff483..b981f8083d 100644
--- a/web/app/components/base/notion-page-selector/search-input/index.tsx
+++ b/web/app/components/base/notion-page-selector/search-input/index.tsx
@@ -1,7 +1,7 @@
-import { useCallback } from 'react'
 import type { ChangeEvent } from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiCloseCircleFill, RiSearchLine } from '@remixicon/react'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
 
 type SearchInputProps = {
@@ -20,9 +20,9 @@ const SearchInput = ({
 
   return (
     <div className={cn('flex h-8 w-[200px] items-center rounded-lg bg-components-input-bg-normal p-2')}>
-      <RiSearchLine className={'mr-0.5 h-4 w-4 shrink-0 text-components-input-text-placeholder'} />
+      <RiSearchLine className="mr-0.5 h-4 w-4 shrink-0 text-components-input-text-placeholder" />
       <input
-        className='min-w-0 grow appearance-none border-0 bg-transparent px-1 text-[13px] leading-[16px] text-components-input-text-filled outline-0 placeholder:text-components-input-text-placeholder'
+        className="min-w-0 grow appearance-none border-0 bg-transparent px-1 text-[13px] leading-[16px] text-components-input-text-filled outline-0 placeholder:text-components-input-text-placeholder"
         value={value}
         onChange={(e: ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}
         placeholder={t('common.dataSource.notion.selector.searchPages') || ''}
@@ -30,7 +30,7 @@ const SearchInput = ({
       {
         value && (
           <RiCloseCircleFill
-            className={'h-4 w-4 shrink-0 cursor-pointer text-components-input-text-placeholder'}
+            className="h-4 w-4 shrink-0 cursor-pointer text-components-input-text-placeholder"
             onClick={handleClear}
           />
         )
diff --git a/web/app/components/base/pagination/hook.ts b/web/app/components/base/pagination/hook.ts
index 9b9d86a4ef..366e1db822 100644
--- a/web/app/components/base/pagination/hook.ts
+++ b/web/app/components/base/pagination/hook.ts
@@ -1,5 +1,5 @@
-import React, { useCallback } from 'react'
 import type { IPaginationProps, IUsePagination } from './type'
+import React, { useCallback } from 'react'
 
 const usePagination = ({
   currentPage,
diff --git a/web/app/components/base/pagination/index.tsx b/web/app/components/base/pagination/index.tsx
index 54848b54fc..45aa97c986 100644
--- a/web/app/components/base/pagination/index.tsx
+++ b/web/app/components/base/pagination/index.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiArrowLeftLine, RiArrowRightLine } from '@remixicon/react'
 import { useDebounceFn } from 'ahooks'
-import { Pagination } from './pagination'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import { cn } from '@/utils/classnames'
+import { Pagination } from './pagination'
 
 export type Props = {
   className?: string
@@ -95,31 +95,31 @@ const CustomizedPagination: FC<Props> = ({
       middlePagesSiblingCount={1}
       setCurrentPage={onChange}
       totalPages={totalPages}
-      truncableClassName='flex items-center justify-center w-8 px-1 py-2 system-sm-medium text-text-tertiary'
-      truncableText='...'
+      truncableClassName="flex items-center justify-center w-8 px-1 py-2 system-sm-medium text-text-tertiary"
+      truncableText="..."
     >
-      <div className='flex items-center gap-0.5 rounded-[10px] bg-background-section-burn p-0.5'>
+      <div className="flex items-center gap-0.5 rounded-[10px] bg-background-section-burn p-0.5">
         <Pagination.PrevButton
           as={<div></div>}
           disabled={current === 0}
         >
           <Button
-            variant='secondary'
-            className='h-7 w-7 px-1.5'
+            variant="secondary"
+            className="h-7 w-7 px-1.5"
             disabled={current === 0}
           >
-            <RiArrowLeftLine className='h-4 w-4' />
+            <RiArrowLeftLine className="h-4 w-4" />
           </Button>
         </Pagination.PrevButton>
         {!showInput && (
           <div
             ref={inputRef}
-            className='flex items-center gap-0.5 rounded-lg px-2 py-1.5 hover:cursor-text hover:bg-state-base-hover-alt'
+            className="flex items-center gap-0.5 rounded-lg px-2 py-1.5 hover:cursor-text hover:bg-state-base-hover-alt"
             onClick={() => setShowInput(true)}
           >
-            <div className='system-xs-medium text-text-secondary'>{current + 1}</div>
-            <div className='system-xs-medium text-text-quaternary'>/</div>
-            <div className='system-xs-medium text-text-secondary'>{totalPages}</div>
+            <div className="system-xs-medium text-text-secondary">{current + 1}</div>
+            <div className="system-xs-medium text-text-quaternary">/</div>
+            <div className="system-xs-medium text-text-secondary">{totalPages}</div>
           </div>
         )}
         {showInput && (
@@ -128,7 +128,7 @@ const CustomizedPagination: FC<Props> = ({
               height: '28px',
               width: `${inputRef.current?.clientWidth}px`,
             }}
-            placeholder=''
+            placeholder=""
             autoFocus
             value={inputValue}
             onChange={handleInputChange}
@@ -141,26 +141,26 @@ const CustomizedPagination: FC<Props> = ({
           disabled={current === totalPages - 1}
         >
           <Button
-            variant='secondary'
-            className='h-7 w-7 px-1.5'
+            variant="secondary"
+            className="h-7 w-7 px-1.5"
             disabled={current === totalPages - 1}
           >
-            <RiArrowRightLine className='h-4 w-4' />
+            <RiArrowRightLine className="h-4 w-4" />
           </Button>
         </Pagination.NextButton>
       </div>
       <div className={cn('flex grow list-none items-center justify-center gap-1')}>
         <Pagination.PageButton
-          className='system-sm-medium flex min-w-8 cursor-pointer items-center justify-center rounded-lg px-1 py-2 hover:bg-components-button-ghost-bg-hover'
-          activeClassName='bg-components-button-tertiary-bg text-components-button-tertiary-text hover:bg-components-button-ghost-bg-hover'
-          inactiveClassName='text-text-tertiary'
+          className="system-sm-medium flex min-w-8 cursor-pointer items-center justify-center rounded-lg px-1 py-2 hover:bg-components-button-ghost-bg-hover"
+          activeClassName="bg-components-button-tertiary-bg text-components-button-tertiary-text hover:bg-components-button-ghost-bg-hover"
+          inactiveClassName="text-text-tertiary"
         />
       </div>
       {onLimitChange && (
-        <div className='flex shrink-0 items-center gap-2'>
-          <div className='system-2xs-regular-uppercase w-[51px] shrink-0 text-end text-text-tertiary'>{showPerPageTip ? t('common.pagination.perPage') : ''}</div>
+        <div className="flex shrink-0 items-center gap-2">
+          <div className="system-2xs-regular-uppercase w-[51px] shrink-0 text-end text-text-tertiary">{showPerPageTip ? t('common.pagination.perPage') : ''}</div>
           <div
-            className='flex items-center gap-[1px] rounded-[10px] bg-components-segmented-control-bg-normal p-0.5'
+            className="flex items-center gap-[1px] rounded-[10px] bg-components-segmented-control-bg-normal p-0.5"
             onMouseEnter={() => setShowPerPageTip(true)}
             onMouseLeave={() => setShowPerPageTip(false)}
           >
@@ -170,21 +170,27 @@ const CustomizedPagination: FC<Props> = ({
                 limit === 10 && 'border-components-segmented-control-item-active-border bg-components-segmented-control-item-active-bg text-text-secondary shadow-xs hover:bg-components-segmented-control-item-active-bg',
               )}
               onClick={() => onLimitChange?.(10)}
-            >10</div>
+            >
+              10
+            </div>
             <div
               className={cn(
                 'system-sm-medium cursor-pointer rounded-lg border-[0.5px] border-transparent px-2.5 py-1.5 text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
                 limit === 25 && 'border-components-segmented-control-item-active-border bg-components-segmented-control-item-active-bg text-text-secondary shadow-xs hover:bg-components-segmented-control-item-active-bg',
               )}
               onClick={() => onLimitChange?.(25)}
-            >25</div>
+            >
+              25
+            </div>
             <div
               className={cn(
                 'system-sm-medium cursor-pointer rounded-lg border-[0.5px] border-transparent px-2.5 py-1.5 text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
                 limit === 50 && 'border-components-segmented-control-item-active-border bg-components-segmented-control-item-active-bg text-text-secondary shadow-xs hover:bg-components-segmented-control-item-active-bg',
               )}
               onClick={() => onLimitChange?.(50)}
-            >50</div>
+            >
+              50
+            </div>
           </div>
         </div>
       )}
diff --git a/web/app/components/base/pagination/pagination.tsx b/web/app/components/base/pagination/pagination.tsx
index 733ba5dd82..599df58dc4 100644
--- a/web/app/components/base/pagination/pagination.tsx
+++ b/web/app/components/base/pagination/pagination.tsx
@@ -1,6 +1,3 @@
-import React from 'react'
-import { cn } from '@/utils/classnames'
-import usePagination from './hook'
 import type {
   ButtonProps,
   IPagination,
@@ -8,6 +5,9 @@ import type {
   PageButtonProps,
 } from './type'
 import { noop } from 'lodash-es'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import usePagination from './hook'
 
 const defaultState: IPagination = {
   currentPage: 0,
@@ -112,8 +112,8 @@ const TruncableElement = ({ prev }: ITruncableElementProps) => {
 
   return ((isPreviousTruncable && prev === true) || (isNextTruncable && !prev))
     ? (
-      <li className={truncableClassName || undefined}>{truncableText}</li>
-    )
+        <li className={truncableClassName || undefined}>{truncableText}</li>
+      )
     : null
 }
 
diff --git a/web/app/components/base/pagination/type.ts b/web/app/components/base/pagination/type.ts
index d8b7cf1614..76cffd3057 100644
--- a/web/app/components/base/pagination/type.ts
+++ b/web/app/components/base/pagination/type.ts
@@ -56,9 +56,9 @@ type PageButtonProps = ButtonProps & {
 }
 
 export type {
+  ButtonProps,
+  IPagination,
   IPaginationProps,
   IUsePagination,
-  IPagination,
-  ButtonProps,
   PageButtonProps,
 }
diff --git a/web/app/components/base/param-item/index.stories.tsx b/web/app/components/base/param-item/index.stories.tsx
index a256b56dbf..1b5b233f6d 100644
--- a/web/app/components/base/param-item/index.stories.tsx
+++ b/web/app/components/base/param-item/index.stories.tsx
@@ -45,11 +45,11 @@ const PARAMS: ParamConfig[] = [
 ]
 
 const ParamItemPlayground = () => {
-  const [state, setState] = useState<Record<string, { value: number; enabled: boolean }>>(() => {
+  const [state, setState] = useState<Record<string, { value: number, enabled: boolean }>>(() => {
     return PARAMS.reduce((acc, item) => {
       acc[item.id] = { value: item.value, enabled: true }
       return acc
-    }, {} as Record<string, { value: number; enabled: boolean }>)
+    }, {} as Record<string, { value: number, enabled: boolean }>)
   })
 
   const handleChange = (id: string, value: number) => {
diff --git a/web/app/components/base/param-item/index.tsx b/web/app/components/base/param-item/index.tsx
index ab6d4bf20f..504119bb38 100644
--- a/web/app/components/base/param-item/index.tsx
+++ b/web/app/components/base/param-item/index.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import { InputNumber } from '../input-number'
-import Tooltip from '@/app/components/base/tooltip'
 import Slider from '@/app/components/base/slider'
 import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
+import { InputNumber } from '../input-number'
 
 type Props = {
   className?: string
@@ -24,47 +24,47 @@ type Props = {
 const ParamItem: FC<Props> = ({ className, id, name, noTooltip, tip, step = 0.1, min = 0, max, value, enable, onChange, hasSwitch, onSwitchChange }) => {
   return (
     <div className={className}>
-      <div className='flex items-center justify-between'>
-        <div className='flex h-6 items-center'>
+      <div className="flex items-center justify-between">
+        <div className="flex h-6 items-center">
           {hasSwitch && (
             <Switch
-              size='md'
-              className='mr-2'
+              size="md"
+              className="mr-2"
               defaultValue={enable}
               onChange={async (val) => {
                 onSwitchChange?.(id, val)
               }}
             />
           )}
-          <span className='system-sm-semibold mr-1 text-text-secondary'>{name}</span>
+          <span className="system-sm-semibold mr-1 text-text-secondary">{name}</span>
           {!noTooltip && (
             <Tooltip
-              triggerClassName='w-4 h-4 shrink-0'
-              popupContent={<div className='w-[200px]'>{tip}</div>}
+              triggerClassName="w-4 h-4 shrink-0"
+              popupContent={<div className="w-[200px]">{tip}</div>}
             />
           )}
         </div>
       </div>
-      <div className='mt-1 flex items-center'>
-        <div className='mr-3 flex shrink-0 items-center'>
+      <div className="mt-1 flex items-center">
+        <div className="mr-3 flex shrink-0 items-center">
           <InputNumber
             disabled={!enable}
-            type='number'
+            type="number"
             min={min}
             max={max}
             step={step}
             amount={step}
-            size='regular'
+            size="regular"
             value={value}
             onChange={(value) => {
               onChange(id, value)
             }}
-            className='w-[72px]'
+            className="w-[72px]"
           />
         </div>
-        <div className='flex grow items-center'>
+        <div className="flex grow items-center">
           <Slider
-            className='w-full'
+            className="w-full"
             disabled={!enable}
             value={max < 5 ? value * 100 : value}
             min={min < 1 ? min * 100 : min}
diff --git a/web/app/components/base/param-item/score-threshold-item.tsx b/web/app/components/base/param-item/score-threshold-item.tsx
index 3790a2a074..17feea2678 100644
--- a/web/app/components/base/param-item/score-threshold-item.tsx
+++ b/web/app/components/base/param-item/score-threshold-item.tsx
@@ -38,7 +38,7 @@ const ScoreThresholdItem: FC<Props> = ({
   return (
     <ParamItem
       className={className}
-      id='score_threshold'
+      id="score_threshold"
       name={t('appDebug.datasetConfig.score_threshold')}
       tip={t('appDebug.datasetConfig.score_thresholdTip') as string}
       {...VALUE_LIMIT}
diff --git a/web/app/components/base/param-item/top-k-item.tsx b/web/app/components/base/param-item/top-k-item.tsx
index 0bd552e48d..cfae5cf6a9 100644
--- a/web/app/components/base/param-item/top-k-item.tsx
+++ b/web/app/components/base/param-item/top-k-item.tsx
@@ -40,7 +40,7 @@ const TopKItem: FC<Props> = ({
   return (
     <ParamItem
       className={className}
-      id='top_k'
+      id="top_k"
       name={t('appDebug.datasetConfig.top_k')}
       tip={t('appDebug.datasetConfig.top_kTip') as string}
       {...VALUE_LIMIT}
diff --git a/web/app/components/base/popover/index.stories.tsx b/web/app/components/base/popover/index.stories.tsx
index 1977c89116..ab57bc15cc 100644
--- a/web/app/components/base/popover/index.stories.tsx
+++ b/web/app/components/base/popover/index.stories.tsx
@@ -55,14 +55,14 @@ const Template = ({
           manualClose={manualClose}
           disabled={disabled}
           btnElement={<span className="text-xs font-medium text-text-secondary">Popover trigger</span>}
-          htmlContent={
+          htmlContent={(
             <PopoverContent
               title={trigger === 'hover' ? 'Quick help' : 'More actions'}
               description={trigger === 'hover'
                 ? 'Use hover-triggered popovers for light contextual hints and inline docs.'
                 : 'Click-triggered popovers are ideal for menus that require user decisions.'}
             />
-          }
+          )}
         />
       </div>
     </div>
diff --git a/web/app/components/base/popover/index.tsx b/web/app/components/base/popover/index.tsx
index fb7e86ebce..9abcb4cfb7 100644
--- a/web/app/components/base/popover/index.tsx
+++ b/web/app/components/base/popover/index.tsx
@@ -1,5 +1,5 @@
 import { Popover, PopoverButton, PopoverPanel, Transition } from '@headlessui/react'
-import { Fragment, cloneElement, isValidElement, useRef } from 'react'
+import { cloneElement, Fragment, isValidElement, useRef } from 'react'
 import { cn } from '@/utils/classnames'
 
 export type HtmlContentProps = {
@@ -59,9 +59,9 @@ export default function CustomPopover({
               {...(trigger !== 'hover'
                 ? {}
                 : {
-                  onMouseLeave: () => onMouseLeave(open),
-                  onMouseEnter: () => onMouseEnter(open),
-                })}
+                    onMouseLeave: () => onMouseLeave(open),
+                    onMouseEnter: () => onMouseEnter(open),
+                  })}
             >
               <PopoverButton
                 ref={buttonRef}
@@ -87,9 +87,9 @@ export default function CustomPopover({
                   {...(trigger !== 'hover'
                     ? {}
                     : {
-                      onMouseLeave: () => onMouseLeave(open),
-                      onMouseEnter: () => onMouseEnter(open),
-                    })
+                        onMouseLeave: () => onMouseLeave(open),
+                        onMouseEnter: () => onMouseEnter(open),
+                      })
                   }
                 >
                   {({ close }) => (
@@ -98,21 +98,21 @@ export default function CustomPopover({
                       {...(trigger !== 'hover'
                         ? {}
                         : {
-                          onMouseLeave: () => onMouseLeave(open),
-                          onMouseEnter: () => onMouseEnter(open),
-                        })
+                            onMouseLeave: () => onMouseLeave(open),
+                            onMouseEnter: () => onMouseEnter(open),
+                          })
                       }
                     >
                       {isValidElement(htmlContent)
                         ? cloneElement(htmlContent as React.ReactElement<HtmlContentProps>, {
-                          open,
-                          onClose: close,
-                          ...(manualClose
-                            ? {
-                              onClick: close,
-                            }
-                            : {}),
-                        })
+                            open,
+                            onClose: close,
+                            ...(manualClose
+                              ? {
+                                  onClick: close,
+                                }
+                              : {}),
+                          })
                         : htmlContent}
                     </div>
                   )}
diff --git a/web/app/components/base/portal-to-follow-elem/index.spec.tsx b/web/app/components/base/portal-to-follow-elem/index.spec.tsx
index bd9e151c0d..2b7cb83a53 100644
--- a/web/app/components/base/portal-to-follow-elem/index.spec.tsx
+++ b/web/app/components/base/portal-to-follow-elem/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { cleanup, fireEvent, render } from '@testing-library/react'
+import React from 'react'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '.'
 
 const useFloatingMock = vi.fn()
@@ -19,7 +19,7 @@ afterEach(cleanup)
 
 describe('PortalToFollowElem', () => {
   describe('Context and Provider', () => {
-    test('should throw error when using context outside provider', () => {
+    it('should throw error when using context outside provider', () => {
       // Suppress console.error for this test
       const originalError = console.error
       console.error = vi.fn()
@@ -33,7 +33,7 @@ describe('PortalToFollowElem', () => {
       console.error = originalError
     })
 
-    test('should not throw when used within provider', () => {
+    it('should not throw when used within provider', () => {
       expect(() => {
         render(
           <PortalToFollowElem>
@@ -45,7 +45,7 @@ describe('PortalToFollowElem', () => {
   })
 
   describe('PortalToFollowElemTrigger', () => {
-    test('should render children correctly', () => {
+    it('should render children correctly', () => {
       const { getByText } = render(
         <PortalToFollowElem>
           <PortalToFollowElemTrigger>Trigger Text</PortalToFollowElemTrigger>
@@ -54,10 +54,10 @@ describe('PortalToFollowElem', () => {
       expect(getByText('Trigger Text')).toBeInTheDocument()
     })
 
-    test('should handle asChild prop correctly', () => {
+    it('should handle asChild prop correctly', () => {
       const { getByRole } = render(
         <PortalToFollowElem>
-          <PortalToFollowElemTrigger asChild >
+          <PortalToFollowElemTrigger asChild>
             <button>Button Trigger</button>
           </PortalToFollowElemTrigger>
         </PortalToFollowElem>,
@@ -68,9 +68,9 @@ describe('PortalToFollowElem', () => {
   })
 
   describe('PortalToFollowElemContent', () => {
-    test('should not render content when closed', () => {
+    it('should not render content when closed', () => {
       const { queryByText } = render(
-        <PortalToFollowElem open={false} >
+        <PortalToFollowElem open={false}>
           <PortalToFollowElemTrigger>Trigger</PortalToFollowElemTrigger>
           <PortalToFollowElemContent>Popup Content</PortalToFollowElemContent>
         </PortalToFollowElem>,
@@ -79,9 +79,9 @@ describe('PortalToFollowElem', () => {
       expect(queryByText('Popup Content')).not.toBeInTheDocument()
     })
 
-    test('should render content when open', () => {
+    it('should render content when open', () => {
       const { getByText } = render(
-        <PortalToFollowElem open={true} >
+        <PortalToFollowElem open={true}>
           <PortalToFollowElemTrigger>Trigger </PortalToFollowElemTrigger>
           <PortalToFollowElemContent>Popup Content</PortalToFollowElemContent>
         </PortalToFollowElem>,
@@ -92,11 +92,11 @@ describe('PortalToFollowElem', () => {
   })
 
   describe('Controlled behavior', () => {
-    test('should call onOpenChange when interaction happens', () => {
+    it('should call onOpenChange when interaction happens', () => {
       const handleOpenChange = vi.fn()
 
       const { getByText } = render(
-        <PortalToFollowElem onOpenChange={handleOpenChange} >
+        <PortalToFollowElem onOpenChange={handleOpenChange}>
           <PortalToFollowElemTrigger>Hover Me</PortalToFollowElemTrigger>
           <PortalToFollowElemContent>Content</PortalToFollowElemContent>
         </PortalToFollowElem>,
@@ -111,9 +111,9 @@ describe('PortalToFollowElem', () => {
   })
 
   describe('Configuration options', () => {
-    test('should accept placement prop', () => {
+    it('should accept placement prop', () => {
       render(
-        <PortalToFollowElem placement='top-start' >
+        <PortalToFollowElem placement="top-start">
           <PortalToFollowElemTrigger>Trigger</PortalToFollowElemTrigger>
         </PortalToFollowElem>,
       )
diff --git a/web/app/components/base/portal-to-follow-elem/index.stories.tsx b/web/app/components/base/portal-to-follow-elem/index.stories.tsx
index 44c8e964ce..bbe5e9d206 100644
--- a/web/app/components/base/portal-to-follow-elem/index.stories.tsx
+++ b/web/app/components/base/portal-to-follow-elem/index.stories.tsx
@@ -6,7 +6,7 @@ import {
   PortalToFollowElemTrigger,
 } from '.'
 
-const TooltipCard = ({ title, description }: { title: string; description: string }) => (
+const TooltipCard = ({ title, description }: { title: string, description: string }) => (
   <div className="w-[220px] rounded-lg border border-divider-subtle bg-components-panel-bg px-3 py-2 text-sm text-text-secondary shadow-lg">
     <div className="mb-1 text-xs font-semibold uppercase tracking-[0.14em] text-text-tertiary">
       {title}
diff --git a/web/app/components/base/portal-to-follow-elem/index.tsx b/web/app/components/base/portal-to-follow-elem/index.tsx
index 685ac33a0b..d2964e4c8a 100644
--- a/web/app/components/base/portal-to-follow-elem/index.tsx
+++ b/web/app/components/base/portal-to-follow-elem/index.tsx
@@ -1,9 +1,9 @@
 'use client'
-import React, { useCallback, useState } from 'react'
+import type { OffsetOptions, Placement } from '@floating-ui/react'
 import {
-  FloatingPortal,
   autoUpdate,
   flip,
+  FloatingPortal,
   offset,
   shift,
   size,
@@ -16,8 +16,9 @@ import {
   useRole,
 } from '@floating-ui/react'
 
-import type { OffsetOptions, Placement } from '@floating-ui/react'
+import React, { useCallback, useState } from 'react'
 import { cn } from '@/utils/classnames'
+
 export type PortalToFollowElemOptions = {
   /*
   * top, bottom, left, right
@@ -165,7 +166,7 @@ export const PortalToFollowElemContent = (
     style,
     ...props
   }: React.HTMLProps<HTMLDivElement> & {
-    ref?: React.RefObject<HTMLDivElement | null>;
+    ref?: React.RefObject<HTMLDivElement | null>
   },
 ) => {
   const context = usePortalToFollowElemContext()
diff --git a/web/app/components/base/premium-badge/index.tsx b/web/app/components/base/premium-badge/index.tsx
index c10ed8d0b7..130729e135 100644
--- a/web/app/components/base/premium-badge/index.tsx
+++ b/web/app/components/base/premium-badge/index.tsx
@@ -1,6 +1,7 @@
+import type { VariantProps } from 'class-variance-authority'
 import type { CSSProperties, ReactNode } from 'react'
+import { cva } from 'class-variance-authority'
 import React from 'react'
-import { type VariantProps, cva } from 'class-variance-authority'
 import { Highlight } from '@/app/components/base/icons/src/public/common'
 import { cn } from '@/utils/classnames'
 import './index.css'
@@ -52,15 +53,13 @@ const PremiumBadge: React.FC<PremiumBadgeProps> = ({
 }) => {
   return (
     <div
-      className={cn(PremiumBadgeVariants({ size, color, allowHover, className }),
-        'relative text-nowrap')}
+      className={cn(PremiumBadgeVariants({ size, color, allowHover, className }), 'relative text-nowrap')}
       style={styleCss}
       {...props}
     >
       {children}
       <Highlight
-        className={cn('absolute right-1/2 top-0 translate-x-[20%] opacity-50 transition-all duration-100 ease-out hover:translate-x-[30%] hover:opacity-80',
-          size === 's' ? 'h-[18px] w-12' : 'h-6 w-12')}
+        className={cn('absolute right-1/2 top-0 translate-x-[20%] opacity-50 transition-all duration-100 ease-out hover:translate-x-[30%] hover:opacity-80', size === 's' ? 'h-[18px] w-12' : 'h-6 w-12')}
       />
     </div>
   )
diff --git a/web/app/components/base/progress-bar/progress-circle.stories.tsx b/web/app/components/base/progress-bar/progress-circle.stories.tsx
index a6a21d2695..10f8ce6c28 100644
--- a/web/app/components/base/progress-bar/progress-circle.stories.tsx
+++ b/web/app/components/base/progress-bar/progress-circle.stories.tsx
@@ -16,7 +16,8 @@ const ProgressCircleDemo = ({
       <div className="flex items-center justify-between text-xs uppercase tracking-[0.18em] text-text-tertiary">
         <span>Upload progress</span>
         <span className="rounded-md border border-divider-subtle bg-background-default px-2 py-1 text-[11px] text-text-secondary">
-          {percentage}%
+          {percentage}
+          %
         </span>
       </div>
       <div className="flex items-center gap-4">
diff --git a/web/app/components/base/prompt-editor/constants.tsx b/web/app/components/base/prompt-editor/constants.tsx
index 54e2f1aa21..d6b8e9fcb4 100644
--- a/web/app/components/base/prompt-editor/constants.tsx
+++ b/web/app/components/base/prompt-editor/constants.tsx
@@ -1,4 +1,5 @@
-import { SupportUploadFileTypes, type ValueSelector } from '../../workflow/types'
+import type { ValueSelector } from '../../workflow/types'
+import { SupportUploadFileTypes } from '../../workflow/types'
 
 export const CONTEXT_PLACEHOLDER_TEXT = '{{#context#}}'
 export const HISTORY_PLACEHOLDER_TEXT = '{{#histories#}}'
@@ -37,7 +38,7 @@ export const getInputVars = (text: string): ValueSelector[] => {
   if (!text || typeof text !== 'string')
     return []
 
-  const allVars = text.match(/{{#([^#]*)#}}/g)
+  const allVars = text.match(/\{\{#([^#]*)#\}\}/g)
   if (allVars && allVars?.length > 0) {
     // {{#context#}}, {{#query#}} is not input vars
     const inputVars = allVars
diff --git a/web/app/components/base/prompt-editor/hooks.ts b/web/app/components/base/prompt-editor/hooks.ts
index b3d2b22236..10578e0004 100644
--- a/web/app/components/base/prompt-editor/hooks.ts
+++ b/web/app/components/base/prompt-editor/hooks.ts
@@ -1,16 +1,17 @@
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-} from 'react'
-import type { Dispatch, RefObject, SetStateAction } from 'react'
+import type { EntityMatch } from '@lexical/text'
 import type {
   Klass,
   LexicalCommand,
   LexicalEditor,
   TextNode,
 } from 'lexical'
+import type { Dispatch, RefObject, SetStateAction } from 'react'
+import type { CustomTextNode } from './plugins/custom-text/node'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'
+import {
+  mergeRegister,
+} from '@lexical/utils'
 import {
   $getNodeByKey,
   $getSelection,
@@ -20,19 +21,18 @@ import {
   KEY_BACKSPACE_COMMAND,
   KEY_DELETE_COMMAND,
 } from 'lexical'
-import type { EntityMatch } from '@lexical/text'
 import {
-  mergeRegister,
-} from '@lexical/utils'
-import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { $isContextBlockNode } from './plugins/context-block/node'
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react'
 import { DELETE_CONTEXT_BLOCK_COMMAND } from './plugins/context-block'
-import { $isHistoryBlockNode } from './plugins/history-block/node'
+import { $isContextBlockNode } from './plugins/context-block/node'
 import { DELETE_HISTORY_BLOCK_COMMAND } from './plugins/history-block'
-import { $isQueryBlockNode } from './plugins/query-block/node'
+import { $isHistoryBlockNode } from './plugins/history-block/node'
 import { DELETE_QUERY_BLOCK_COMMAND } from './plugins/query-block'
-import type { CustomTextNode } from './plugins/custom-text/node'
+import { $isQueryBlockNode } from './plugins/query-block/node'
 import { registerLexicalTextEntity } from './utils'
 
 export type UseSelectOrDeleteHandler = (nodeKey: string, command?: LexicalCommand<undefined>) => [RefObject<HTMLDivElement | null>, boolean]
@@ -53,8 +53,9 @@ export const useSelectOrDelete: UseSelectOrDeleteHandler = (nodeKey: string, com
           || ($isHistoryBlockNode(nodes[0]) && command === DELETE_HISTORY_BLOCK_COMMAND)
           || ($isQueryBlockNode(nodes[0]) && command === DELETE_QUERY_BLOCK_COMMAND)
         )
-      )
+      ) {
         editor.dispatchCommand(command, undefined)
+      }
 
       if (isSelected && $isNodeSelection(selection)) {
         event.preventDefault()
@@ -157,16 +158,16 @@ export type TriggerFn = (
 export const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;'
 export function useBasicTypeaheadTriggerMatch(
   trigger: string,
-  { minLength = 1, maxLength = 75 }: { minLength?: number; maxLength?: number },
+  { minLength = 1, maxLength = 75 }: { minLength?: number, maxLength?: number },
 ): TriggerFn {
   return useCallback(
     (text: string) => {
       const validChars = `[${PUNCTUATION}\\s]`
       const TypeaheadTriggerRegex = new RegExp(
         '(.*)('
-          + `[${trigger}]`
-          + `((?:${validChars}){0,${maxLength}})`
-          + ')$',
+        + `[${trigger}]`
+        + `((?:${validChars}){0,${maxLength}})`
+        + ')$',
       )
       const match = TypeaheadTriggerRegex.exec(text)
       if (match !== null) {
diff --git a/web/app/components/base/prompt-editor/index.stories.tsx b/web/app/components/base/prompt-editor/index.stories.tsx
index 35058ac37d..f7b0812ff7 100644
--- a/web/app/components/base/prompt-editor/index.stories.tsx
+++ b/web/app/components/base/prompt-editor/index.stories.tsx
@@ -207,13 +207,17 @@ const MultipleEditorsDemo = () => {
           <div className="whitespace-pre-wrap text-sm text-gray-800">
             {systemPrompt && (
               <>
-                <strong>System:</strong> {systemPrompt}
+                <strong>System:</strong>
+                {' '}
+                {systemPrompt}
                 {userPrompt && '\n\n'}
               </>
             )}
             {userPrompt && (
               <>
-                <strong>User:</strong> {userPrompt}
+                <strong>User:</strong>
+                {' '}
+                {userPrompt}
               </>
             )}
           </div>
@@ -293,7 +297,11 @@ const ChatPromptBuilderDemo = () => {
     <div style={{ width: '700px' }} className="rounded-lg border border-gray-200 bg-white p-6">
       <div className="mb-4 flex items-center justify-between">
         <h3 className="text-lg font-semibold">Chat Prompt Builder</h3>
-        <span className="text-xs text-gray-500">{characterCount} characters</span>
+        <span className="text-xs text-gray-500">
+          {characterCount}
+          {' '}
+          characters
+        </span>
       </div>
       <div className="min-h-[200px] rounded-lg border border-gray-300 bg-gray-50 p-4">
         <PromptEditorMock
@@ -303,7 +311,15 @@ const ChatPromptBuilderDemo = () => {
         />
       </div>
       <div className="mt-4 rounded-lg bg-blue-50 p-3 text-sm text-blue-800">
-        💡 <strong>Tip:</strong> Type <code className="rounded bg-blue-100 px-1 py-0.5">/</code> to insert variables or templates
+        💡
+        {' '}
+        <strong>Tip:</strong>
+        {' '}
+        Type
+        {' '}
+        <code className="rounded bg-blue-100 px-1 py-0.5">/</code>
+        {' '}
+        to insert variables or templates
       </div>
     </div>
   )
diff --git a/web/app/components/base/prompt-editor/index.tsx b/web/app/components/base/prompt-editor/index.tsx
index eb780d90a4..be1b6b79a5 100644
--- a/web/app/components/base/prompt-editor/index.tsx
+++ b/web/app/components/base/prompt-editor/index.tsx
@@ -1,67 +1,9 @@
 'use client'
 
-import type { FC } from 'react'
-import React, { useEffect } from 'react'
 import type {
   EditorState,
 } from 'lexical'
-import {
-  $getRoot,
-  TextNode,
-} from 'lexical'
-import { CodeNode } from '@lexical/code'
-import { LexicalComposer } from '@lexical/react/LexicalComposer'
-import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
-import { ContentEditable } from '@lexical/react/LexicalContentEditable'
-import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'
-import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
-import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'
-// import TreeView from './plugins/tree-view'
-import Placeholder from './plugins/placeholder'
-import ComponentPickerBlock from './plugins/component-picker-block'
-import {
-  ContextBlock,
-  ContextBlockNode,
-  ContextBlockReplacementBlock,
-} from './plugins/context-block'
-import {
-  QueryBlock,
-  QueryBlockNode,
-  QueryBlockReplacementBlock,
-} from './plugins/query-block'
-import {
-  HistoryBlock,
-  HistoryBlockNode,
-  HistoryBlockReplacementBlock,
-} from './plugins/history-block'
-import {
-  WorkflowVariableBlock,
-  WorkflowVariableBlockNode,
-  WorkflowVariableBlockReplacementBlock,
-} from './plugins/workflow-variable-block'
-import {
-  CurrentBlock,
-  CurrentBlockNode,
-  CurrentBlockReplacementBlock,
-} from './plugins/current-block'
-import {
-  ErrorMessageBlock,
-  ErrorMessageBlockNode,
-  ErrorMessageBlockReplacementBlock,
-} from './plugins/error-message-block'
-import {
-  LastRunBlock,
-  LastRunBlockNode,
-  LastRunReplacementBlock,
-} from './plugins/last-run-block'
-
-import VariableBlock from './plugins/variable-block'
-import VariableValueBlock from './plugins/variable-value-block'
-import { VariableValueBlockNode } from './plugins/variable-value-block/node'
-import { CustomTextNode } from './plugins/custom-text/node'
-import OnBlurBlock from './plugins/on-blur-or-focus-block'
-import UpdateBlock from './plugins/update-block'
-import { textToEditorState } from './utils'
+import type { FC } from 'react'
 import type {
   ContextBlockType,
   CurrentBlockType,
@@ -73,12 +15,70 @@ import type {
   VariableBlockType,
   WorkflowVariableBlockType,
 } from './types'
+import { CodeNode } from '@lexical/code'
+import { LexicalComposer } from '@lexical/react/LexicalComposer'
+import { ContentEditable } from '@lexical/react/LexicalContentEditable'
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
+import {
+  $getRoot,
+  TextNode,
+} from 'lexical'
+import React, { useEffect } from 'react'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { cn } from '@/utils/classnames'
 import {
   UPDATE_DATASETS_EVENT_EMITTER,
   UPDATE_HISTORY_EVENT_EMITTER,
 } from './constants'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { cn } from '@/utils/classnames'
+import ComponentPickerBlock from './plugins/component-picker-block'
+import {
+  ContextBlock,
+  ContextBlockNode,
+  ContextBlockReplacementBlock,
+} from './plugins/context-block'
+import {
+  CurrentBlock,
+  CurrentBlockNode,
+  CurrentBlockReplacementBlock,
+} from './plugins/current-block'
+import { CustomTextNode } from './plugins/custom-text/node'
+import {
+  ErrorMessageBlock,
+  ErrorMessageBlockNode,
+  ErrorMessageBlockReplacementBlock,
+} from './plugins/error-message-block'
+
+import {
+  HistoryBlock,
+  HistoryBlockNode,
+  HistoryBlockReplacementBlock,
+} from './plugins/history-block'
+import {
+  LastRunBlock,
+  LastRunBlockNode,
+  LastRunReplacementBlock,
+} from './plugins/last-run-block'
+import OnBlurBlock from './plugins/on-blur-or-focus-block'
+// import TreeView from './plugins/tree-view'
+import Placeholder from './plugins/placeholder'
+import {
+  QueryBlock,
+  QueryBlockNode,
+  QueryBlockReplacementBlock,
+} from './plugins/query-block'
+import UpdateBlock from './plugins/update-block'
+import VariableBlock from './plugins/variable-block'
+import VariableValueBlock from './plugins/variable-value-block'
+import { VariableValueBlockNode } from './plugins/variable-value-block/node'
+import {
+  WorkflowVariableBlock,
+  WorkflowVariableBlockNode,
+  WorkflowVariableBlockReplacementBlock,
+} from './plugins/workflow-variable-block'
+import { textToEditorState } from './utils'
 
 export type PromptEditorProps = {
   instanceId?: string
@@ -179,7 +179,7 @@ const PromptEditor: FC<PromptEditorProps> = ({
     <LexicalComposer initialConfig={{ ...initialConfig, editable }}>
       <div className={cn('relative', wrapperClassName)}>
         <RichTextPlugin
-          contentEditable={
+          contentEditable={(
             <ContentEditable
               className={cn(
                 'text-text-secondary outline-none',
@@ -188,18 +188,18 @@ const PromptEditor: FC<PromptEditorProps> = ({
               )}
               style={style || {}}
             />
-          }
-          placeholder={
+          )}
+          placeholder={(
             <Placeholder
               value={placeholder}
               className={cn('truncate', placeholderClassName)}
               compact={compact}
             />
-          }
+          )}
           ErrorBoundary={LexicalErrorBoundary}
         />
         <ComponentPickerBlock
-          triggerString='/'
+          triggerString="/"
           contextBlock={contextBlock}
           historyBlock={historyBlock}
           queryBlock={queryBlock}
@@ -212,7 +212,7 @@ const PromptEditor: FC<PromptEditorProps> = ({
           isSupportFileVar={isSupportFileVar}
         />
         <ComponentPickerBlock
-          triggerString='{'
+          triggerString="{"
           contextBlock={contextBlock}
           historyBlock={historyBlock}
           queryBlock={queryBlock}
diff --git a/web/app/components/base/prompt-editor/plugins/component-picker-block/hooks.tsx b/web/app/components/base/prompt-editor/plugins/component-picker-block/hooks.tsx
index 2032f22ce9..3a37a7ce4d 100644
--- a/web/app/components/base/prompt-editor/plugins/component-picker-block/hooks.tsx
+++ b/web/app/components/base/prompt-editor/plugins/component-picker-block/hooks.tsx
@@ -1,7 +1,3 @@
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { $insertNodes } from 'lexical'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import type {
   ContextBlockType,
   CurrentBlockType,
@@ -13,24 +9,28 @@ import type {
   VariableBlockType,
   WorkflowVariableBlockType,
 } from '../../types'
-import { INSERT_CONTEXT_BLOCK_COMMAND } from '../context-block'
-import { INSERT_HISTORY_BLOCK_COMMAND } from '../history-block'
-import { INSERT_QUERY_BLOCK_COMMAND } from '../query-block'
-import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '../variable-block'
-import { $createCustomTextNode } from '../custom-text/node'
-import { PromptMenuItem } from './prompt-option'
-import { VariableMenuItem } from './variable-option'
-import { PickerBlockMenuOption } from './menu'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { $insertNodes } from 'lexical'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
+import { ArrowUpRight } from '@/app/components/base/icons/src/vender/line/arrows'
+import { BracketsX } from '@/app/components/base/icons/src/vender/line/development'
 import { File05 } from '@/app/components/base/icons/src/vender/solid/files'
 import {
   MessageClockCircle,
   Tool03,
 } from '@/app/components/base/icons/src/vender/solid/general'
-import { BracketsX } from '@/app/components/base/icons/src/vender/line/development'
 import { UserEdit02 } from '@/app/components/base/icons/src/vender/solid/users'
-import { ArrowUpRight } from '@/app/components/base/icons/src/vender/line/arrows'
-import AppIcon from '@/app/components/base/app-icon'
 import { VarType } from '@/app/components/workflow/types'
+import { INSERT_CONTEXT_BLOCK_COMMAND } from '../context-block'
+import { $createCustomTextNode } from '../custom-text/node'
+import { INSERT_HISTORY_BLOCK_COMMAND } from '../history-block'
+import { INSERT_QUERY_BLOCK_COMMAND } from '../query-block'
+import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '../variable-block'
+import { PickerBlockMenuOption } from './menu'
+import { PromptMenuItem } from './prompt-option'
+import { VariableMenuItem } from './variable-option'
 
 export const usePromptOptions = (
   contextBlock?: ContextBlockType,
@@ -46,14 +46,16 @@ export const usePromptOptions = (
       key: t('common.promptEditor.context.item.title'),
       group: 'prompt context',
       render: ({ isSelected, onSelect, onSetHighlight }) => {
-        return <PromptMenuItem
-          title={t('common.promptEditor.context.item.title')}
-          icon={<File05 className='h-4 w-4 text-[#6938EF]' />}
-          disabled={!contextBlock.selectable}
-          isSelected={isSelected}
-          onClick={onSelect}
-          onMouseEnter={onSetHighlight}
-        />
+        return (
+          <PromptMenuItem
+            title={t('common.promptEditor.context.item.title')}
+            icon={<File05 className="h-4 w-4 text-[#6938EF]" />}
+            disabled={!contextBlock.selectable}
+            isSelected={isSelected}
+            onClick={onSelect}
+            onMouseEnter={onSetHighlight}
+          />
+        )
       },
       onSelect: () => {
         if (!contextBlock?.selectable)
@@ -72,7 +74,7 @@ export const usePromptOptions = (
           return (
             <PromptMenuItem
               title={t('common.promptEditor.query.item.title')}
-              icon={<UserEdit02 className='h-4 w-4 text-[#FD853A]' />}
+              icon={<UserEdit02 className="h-4 w-4 text-[#FD853A]" />}
               disabled={!queryBlock.selectable}
               isSelected={isSelected}
               onClick={onSelect}
@@ -98,9 +100,8 @@ export const usePromptOptions = (
           return (
             <PromptMenuItem
               title={t('common.promptEditor.history.item.title')}
-              icon={<MessageClockCircle className='h-4 w-4 text-[#DD2590]' />}
-              disabled={!historyBlock.selectable
-              }
+              icon={<MessageClockCircle className="h-4 w-4 text-[#DD2590]" />}
+              disabled={!historyBlock.selectable}
               isSelected={isSelected}
               onClick={onSelect}
               onMouseEnter={onSetHighlight}
@@ -137,7 +138,7 @@ export const useVariableOptions = (
           return (
             <VariableMenuItem
               title={item.value}
-              icon={<BracketsX className='h-[14px] w-[14px] text-text-accent' />}
+              icon={<BracketsX className="h-[14px] w-[14px] text-text-accent" />}
               queryString={queryString}
               isSelected={isSelected}
               onClick={onSelect}
@@ -166,7 +167,7 @@ export const useVariableOptions = (
         return (
           <VariableMenuItem
             title={t('common.promptEditor.variable.modal.add')}
-            icon={<BracketsX className='h-[14px] w-[14px] text-text-accent' />}
+            icon={<BracketsX className="h-[14px] w-[14px] text-text-accent" />}
             queryString={queryString}
             isSelected={isSelected}
             onClick={onSelect}
@@ -208,14 +209,14 @@ export const useExternalToolOptions = (
           return (
             <VariableMenuItem
               title={item.name}
-              icon={
+              icon={(
                 <AppIcon
-                  className='!h-[14px] !w-[14px]'
+                  className="!h-[14px] !w-[14px]"
                   icon={item.icon}
                   background={item.icon_background}
                 />
-              }
-              extraElement={<div className='text-xs text-text-tertiary'>{item.variableName}</div>}
+              )}
+              extraElement={<div className="text-xs text-text-tertiary">{item.variableName}</div>}
               queryString={queryString}
               isSelected={isSelected}
               onClick={onSelect}
@@ -244,8 +245,8 @@ export const useExternalToolOptions = (
         return (
           <VariableMenuItem
             title={t('common.promptEditor.variable.modal.addTool')}
-            icon={<Tool03 className='h-[14px] w-[14px] text-text-accent' />}
-            extraElement={< ArrowUpRight className='h-3 w-3 text-text-tertiary' />}
+            icon={<Tool03 className="h-[14px] w-[14px] text-text-accent" />}
+            extraElement={<ArrowUpRight className="h-3 w-3 text-text-tertiary" />}
             queryString={queryString}
             isSelected={isSelected}
             onClick={onSelect}
@@ -284,7 +285,7 @@ export const useOptions = (
     if (!workflowVariableBlockType?.show)
       return []
     const res = workflowVariableBlockType.variables || []
-    if(errorMessageBlockType?.show && res.findIndex(v => v.nodeId === 'error_message') === -1) {
+    if (errorMessageBlockType?.show && res.findIndex(v => v.nodeId === 'error_message') === -1) {
       res.unshift({
         nodeId: 'error_message',
         title: 'error_message',
@@ -297,7 +298,7 @@ export const useOptions = (
         ],
       })
     }
-    if(lastRunBlockType?.show && res.findIndex(v => v.nodeId === 'last_run') === -1) {
+    if (lastRunBlockType?.show && res.findIndex(v => v.nodeId === 'last_run') === -1) {
       res.unshift({
         nodeId: 'last_run',
         title: 'last_run',
@@ -310,7 +311,7 @@ export const useOptions = (
         ],
       })
     }
-    if(currentBlockType?.show && res.findIndex(v => v.nodeId === 'current') === -1) {
+    if (currentBlockType?.show && res.findIndex(v => v.nodeId === 'current') === -1) {
       const title = currentBlockType.generatorType === 'prompt' ? 'current_prompt' : 'current_code'
       res.unshift({
         nodeId: 'current',
diff --git a/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx b/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
index 8d6bc77a13..728ae21a70 100644
--- a/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
@@ -1,20 +1,5 @@
-import {
-  Fragment,
-  memo,
-  useCallback,
-  useState,
-} from 'react'
-import ReactDOM from 'react-dom'
-import {
-  flip,
-  offset,
-  shift,
-  useFloating,
-} from '@floating-ui/react'
-import type { TextNode } from 'lexical'
 import type { MenuRenderFn } from '@lexical/react/LexicalTypeaheadMenuPlugin'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { LexicalTypeaheadMenuPlugin } from '@lexical/react/LexicalTypeaheadMenuPlugin'
+import type { TextNode } from 'lexical'
 import type {
   ContextBlockType,
   CurrentBlockType,
@@ -26,19 +11,34 @@ import type {
   VariableBlockType,
   WorkflowVariableBlockType,
 } from '../../types'
-import { useBasicTypeaheadTriggerMatch } from '../../hooks'
-import { INSERT_WORKFLOW_VARIABLE_BLOCK_COMMAND } from '../workflow-variable-block'
-import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '../variable-block'
-import { $splitNodeContainingQuery } from '../../utils'
-import { useOptions } from './hooks'
 import type { PickerBlockMenuOption } from './menu'
+import {
+  flip,
+  offset,
+  shift,
+  useFloating,
+} from '@floating-ui/react'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { LexicalTypeaheadMenuPlugin } from '@lexical/react/LexicalTypeaheadMenuPlugin'
+import { KEY_ESCAPE_COMMAND } from 'lexical'
+import {
+  Fragment,
+  memo,
+  useCallback,
+  useState,
+} from 'react'
+import ReactDOM from 'react-dom'
+import { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { KEY_ESCAPE_COMMAND } from 'lexical'
+import { useBasicTypeaheadTriggerMatch } from '../../hooks'
+import { $splitNodeContainingQuery } from '../../utils'
 import { INSERT_CURRENT_BLOCK_COMMAND } from '../current-block'
-import { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
 import { INSERT_ERROR_MESSAGE_BLOCK_COMMAND } from '../error-message-block'
 import { INSERT_LAST_RUN_BLOCK_COMMAND } from '../last-run-block'
+import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '../variable-block'
+import { INSERT_WORKFLOW_VARIABLE_BLOCK_COMMAND } from '../workflow-variable-block'
+import { useOptions } from './hooks'
 
 type ComponentPickerProps = {
   triggerString: string
@@ -170,9 +170,9 @@ const ComponentPicker = ({
             // The `LexicalMenu` will try to calculate the position of the floating menu based on the first child.
             // Since we use floating ui, we need to wrap it with a div to prevent the position calculation being affected.
             // See https://github.com/facebook/lexical/blob/ac97dfa9e14a73ea2d6934ff566282d7f758e8bb/packages/lexical-react/src/shared/LexicalMenu.ts#L493
-            <div className='h-0 w-0'>
+            <div className="h-0 w-0">
               <div
-                className='w-[260px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'
+                className="w-[260px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg"
                 style={{
                   ...floatingStyles,
                   visibility: isPositioned ? 'visible' : 'hidden',
@@ -181,14 +181,14 @@ const ComponentPicker = ({
               >
                 {
                   workflowVariableBlock?.show && (
-                    <div className='p-1'>
+                    <div className="p-1">
                       <VarReferenceVars
-                        searchBoxClassName='mt-1'
+                        searchBoxClassName="mt-1"
                         vars={workflowVariableOptions}
                         onChange={(variables: string[]) => {
                           handleSelectWorkflowVariable(variables)
                         }}
-                        maxHeightClass='max-h-[34vh]'
+                        maxHeightClass="max-h-[34vh]"
                         isSupportFileVar={isSupportFileVar}
                         onClose={handleClose}
                         onBlur={handleClose}
@@ -202,7 +202,7 @@ const ComponentPicker = ({
                 }
                 {
                   workflowVariableBlock?.show && !!options.length && (
-                    <div className='my-1 h-px w-full -translate-x-1 bg-divider-subtle'></div>
+                    <div className="my-1 h-px w-full -translate-x-1 bg-divider-subtle"></div>
                   )
                 }
                 <div>
@@ -212,7 +212,7 @@ const ComponentPicker = ({
                         {
                           // Divider
                           index !== 0 && options.at(index - 1)?.group !== option.group && (
-                            <div className='my-1 h-px w-full -translate-x-1 bg-divider-subtle'></div>
+                            <div className="my-1 h-px w-full -translate-x-1 bg-divider-subtle"></div>
                           )
                         }
                         {option.renderMenuOption({
@@ -248,7 +248,7 @@ const ComponentPicker = ({
       //
       // We no need the position function of the `LexicalTypeaheadMenuPlugin`,
       // so the reference anchor should be positioned based on the range of the trigger string, and the menu will be positioned by the floating ui.
-      anchorClassName='z-[999999] translate-y-[calc(-100%-3px)]'
+      anchorClassName="z-[999999] translate-y-[calc(-100%-3px)]"
       menuRenderFn={renderMenu}
       triggerFn={checkForTriggerMatch}
     />
diff --git a/web/app/components/base/prompt-editor/plugins/component-picker-block/prompt-option.tsx b/web/app/components/base/prompt-editor/plugins/component-picker-block/prompt-option.tsx
index f1a4aff3c4..4e99d60d11 100644
--- a/web/app/components/base/prompt-editor/plugins/component-picker-block/prompt-option.tsx
+++ b/web/app/components/base/prompt-editor/plugins/component-picker-block/prompt-option.tsx
@@ -40,9 +40,10 @@ export const PromptMenuItem = memo(({
         if (disabled)
           return
         onClick()
-      }}>
+      }}
+    >
       {icon}
-      <div className='ml-1 text-[13px] text-text-secondary'>{title}</div>
+      <div className="ml-1 text-[13px] text-text-secondary">{title}</div>
     </div>
   )
 })
diff --git a/web/app/components/base/prompt-editor/plugins/component-picker-block/variable-option.tsx b/web/app/components/base/prompt-editor/plugins/component-picker-block/variable-option.tsx
index 57de34a701..b98e8b7e6a 100644
--- a/web/app/components/base/prompt-editor/plugins/component-picker-block/variable-option.tsx
+++ b/web/app/components/base/prompt-editor/plugins/component-picker-block/variable-option.tsx
@@ -48,13 +48,14 @@ export const VariableMenuItem = memo(({
         e.preventDefault()
         e.stopPropagation()
       }}
-      onClick={onClick}>
-      <div className='mr-2'>
+      onClick={onClick}
+    >
+      <div className="mr-2">
         {icon}
       </div>
-      <div className='grow truncate text-[13px] text-text-secondary' title={title}>
+      <div className="grow truncate text-[13px] text-text-secondary" title={title}>
         {before}
-        <span className='text-text-accent'>{middle}</span>
+        <span className="text-text-accent">{middle}</span>
         {after}
       </div>
       {extraElement}
diff --git a/web/app/components/base/prompt-editor/plugins/context-block/component.tsx b/web/app/components/base/prompt-editor/plugins/context-block/component.tsx
index 8396478765..e9980ca1c4 100644
--- a/web/app/components/base/prompt-editor/plugins/context-block/component.tsx
+++ b/web/app/components/base/prompt-editor/plugins/context-block/component.tsx
@@ -1,13 +1,10 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Dataset } from './index'
 import {
   RiAddLine,
 } from '@remixicon/react'
-import { useSelectOrDelete, useTrigger } from '../../hooks'
-import { UPDATE_DATASETS_EVENT_EMITTER } from '../../constants'
-import type { Dataset } from './index'
-import { DELETE_CONTEXT_BLOCK_COMMAND } from './index'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { File05, Folder } from '@/app/components/base/icons/src/vender/solid/files'
 import {
   PortalToFollowElem,
@@ -15,6 +12,9 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { UPDATE_DATASETS_EVENT_EMITTER } from '../../constants'
+import { useSelectOrDelete, useTrigger } from '../../hooks'
+import { DELETE_CONTEXT_BLOCK_COMMAND } from './index'
 
 type ContextBlockComponentProps = {
   nodeKey: string
@@ -41,18 +41,21 @@ const ContextBlockComponent: FC<ContextBlockComponentProps> = ({
   })
 
   return (
-    <div className={`
+    <div
+      className={`
       group inline-flex h-6 items-center rounded-[5px] border border-transparent bg-[#F4F3FF] pl-1 pr-0.5 text-[#6938EF] hover:bg-[#EBE9FE]
       ${open ? 'bg-[#EBE9FE]' : 'bg-[#F4F3FF]'}
       ${isSelected && '!border-[#9B8AFB]'}
-    `} ref={ref}>
-      <File05 className='mr-1 h-[14px] w-[14px]' />
-      <div className='mr-1 text-xs font-medium'>{t('common.promptEditor.context.item.title')}</div>
+    `}
+      ref={ref}
+    >
+      <File05 className="mr-1 h-[14px] w-[14px]" />
+      <div className="mr-1 text-xs font-medium">{t('common.promptEditor.context.item.title')}</div>
       {!canNotAddContext && (
         <PortalToFollowElem
           open={open}
           onOpenChange={setOpen}
-          placement='bottom-end'
+          placement="bottom-end"
           offset={{
             mainAxis: 3,
             alignmentAxis: -147,
@@ -62,34 +65,36 @@ const ContextBlockComponent: FC<ContextBlockComponentProps> = ({
             <div className={`
             flex h-[18px] w-[18px] cursor-pointer items-center justify-center rounded text-[11px] font-semibold
             ${open ? 'bg-[#6938EF] text-white' : 'bg-white/50 group-hover:bg-white group-hover:shadow-xs'}
-          `}>{localDatasets.length}</div>
+          `}>
+              {localDatasets.length}
+            </div>
           </PortalToFollowElemTrigger>
           <PortalToFollowElemContent style={{ zIndex: 100 }}>
-            <div className='w-[360px] rounded-xl bg-white shadow-lg'>
-              <div className='p-4'>
-                <div className='mb-2 text-xs font-medium text-gray-500'>
+            <div className="w-[360px] rounded-xl bg-white shadow-lg">
+              <div className="p-4">
+                <div className="mb-2 text-xs font-medium text-gray-500">
                   {t('common.promptEditor.context.modal.title', { num: localDatasets.length })}
                 </div>
-                <div className='max-h-[270px] overflow-y-auto'>
+                <div className="max-h-[270px] overflow-y-auto">
                   {
                     localDatasets.map(dataset => (
-                      <div key={dataset.id} className='flex h-8 items-center'>
-                        <div className='mr-2 flex h-6 w-6 shrink-0 items-center justify-center rounded-md border-[0.5px] border-[#EAECF5] bg-[#F5F8FF]'>
-                          <Folder className='h-4 w-4 text-[#444CE7]' />
+                      <div key={dataset.id} className="flex h-8 items-center">
+                        <div className="mr-2 flex h-6 w-6 shrink-0 items-center justify-center rounded-md border-[0.5px] border-[#EAECF5] bg-[#F5F8FF]">
+                          <Folder className="h-4 w-4 text-[#444CE7]" />
                         </div>
-                        <div className='truncate text-sm text-gray-800' title=''>{dataset.name}</div>
+                        <div className="truncate text-sm text-gray-800" title="">{dataset.name}</div>
                       </div>
                     ))
                   }
                 </div>
-                <div className='flex h-8 cursor-pointer items-center text-[#155EEF]' onClick={onAddContext}>
-                  <div className='mr-2 flex h-6 w-6 shrink-0 items-center justify-center rounded-md border-[0.5px] border-gray-100'>
-                    <RiAddLine className='h-[14px] w-[14px]' />
+                <div className="flex h-8 cursor-pointer items-center text-[#155EEF]" onClick={onAddContext}>
+                  <div className="mr-2 flex h-6 w-6 shrink-0 items-center justify-center rounded-md border-[0.5px] border-gray-100">
+                    <RiAddLine className="h-[14px] w-[14px]" />
                   </div>
-                  <div className='text-[13px] font-medium' title=''>{t('common.promptEditor.context.modal.add')}</div>
+                  <div className="text-[13px] font-medium" title="">{t('common.promptEditor.context.modal.add')}</div>
                 </div>
               </div>
-              <div className='rounded-b-xl border-t-[0.5px] border-gray-50 bg-gray-50 px-4 py-3 text-xs text-gray-500'>
+              <div className="rounded-b-xl border-t-[0.5px] border-gray-50 bg-gray-50 px-4 py-3 text-xs text-gray-500">
                 {t('common.promptEditor.context.modal.footer')}
               </div>
             </div>
diff --git a/web/app/components/base/prompt-editor/plugins/context-block/context-block-replacement-block.tsx b/web/app/components/base/prompt-editor/plugins/context-block/context-block-replacement-block.tsx
index 7d96827b56..2d2a0b6263 100644
--- a/web/app/components/base/prompt-editor/plugins/context-block/context-block-replacement-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/context-block/context-block-replacement-block.tsx
@@ -1,20 +1,20 @@
+import type { ContextBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import { $applyNodeReplacement } from 'lexical'
+import { noop } from 'lodash-es'
 import {
   memo,
   useCallback,
   useEffect,
 } from 'react'
-import { $applyNodeReplacement } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { decoratorTransform } from '../../utils'
 import { CONTEXT_PLACEHOLDER_TEXT } from '../../constants'
-import type { ContextBlockType } from '../../types'
+import { decoratorTransform } from '../../utils'
 import {
   $createContextBlockNode,
   ContextBlockNode,
 } from '../context-block/node'
 import { CustomTextNode } from '../custom-text/node'
-import { noop } from 'lodash-es'
 
 const REGEX = new RegExp(CONTEXT_PLACEHOLDER_TEXT)
 
diff --git a/web/app/components/base/prompt-editor/plugins/context-block/index.tsx b/web/app/components/base/prompt-editor/plugins/context-block/index.tsx
index c115065f8e..9f2102bc62 100644
--- a/web/app/components/base/prompt-editor/plugins/context-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/context-block/index.tsx
@@ -1,20 +1,20 @@
-import {
-  memo,
-  useEffect,
-} from 'react'
+import type { ContextBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { ContextBlockType } from '../../types'
+import { noop } from 'lodash-es'
+import {
+  memo,
+  useEffect,
+} from 'react'
 import {
   $createContextBlockNode,
   ContextBlockNode,
 } from './node'
-import { noop } from 'lodash-es'
 
 export const INSERT_CONTEXT_BLOCK_COMMAND = createCommand('INSERT_CONTEXT_BLOCK_COMMAND')
 export const DELETE_CONTEXT_BLOCK_COMMAND = createCommand('DELETE_CONTEXT_BLOCK_COMMAND')
@@ -71,5 +71,5 @@ const ContextBlock = memo(({
 ContextBlock.displayName = 'ContextBlock'
 
 export { ContextBlock }
-export { ContextBlockNode } from './node'
 export { default as ContextBlockReplacementBlock } from './context-block-replacement-block'
+export { ContextBlockNode } from './node'
diff --git a/web/app/components/base/prompt-editor/plugins/context-block/node.tsx b/web/app/components/base/prompt-editor/plugins/context-block/node.tsx
index 227043c7ac..231a72ca14 100644
--- a/web/app/components/base/prompt-editor/plugins/context-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/context-block/node.tsx
@@ -1,9 +1,9 @@
 import type { LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical'
+import type { Dataset } from './index'
 import { DecoratorNode } from 'lexical'
 import ContextBlockComponent from './component'
-import type { Dataset } from './index'
 
-export type SerializedNode = SerializedLexicalNode & { datasets: Dataset[]; onAddContext: () => void; canNotAddContext: boolean }
+export type SerializedNode = SerializedLexicalNode & { datasets: Dataset[], onAddContext: () => void, canNotAddContext: boolean }
 
 export class ContextBlockNode extends DecoratorNode<React.JSX.Element> {
   __datasets: Dataset[]
diff --git a/web/app/components/base/prompt-editor/plugins/current-block/component.tsx b/web/app/components/base/prompt-editor/plugins/current-block/component.tsx
index b01fe0626b..01c89f4ddb 100644
--- a/web/app/components/base/prompt-editor/plugins/current-block/component.tsx
+++ b/web/app/components/base/prompt-editor/plugins/current-block/component.tsx
@@ -1,10 +1,11 @@
-import { type FC, useEffect } from 'react'
-import { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
+import type { FC } from 'react'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { useSelectOrDelete } from '../../hooks'
-import { CurrentBlockNode, DELETE_CURRENT_BLOCK_COMMAND } from '.'
+import { useEffect } from 'react'
+import { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
 import { cn } from '@/utils/classnames'
+import { CurrentBlockNode, DELETE_CURRENT_BLOCK_COMMAND } from '.'
 import { CodeAssistant, MagicEdit } from '../../../icons/src/vender/line/general'
+import { useSelectOrDelete } from '../../hooks'
 
 type CurrentBlockComponentProps = {
   nodeKey: string
@@ -35,8 +36,8 @@ const CurrentBlockComponent: FC<CurrentBlockComponentProps> = ({
       }}
       ref={ref}
     >
-      <Icon className='mr-0.5 h-[14px] w-[14px]' />
-      <div className='text-xs font-medium'>{generatorType === GeneratorType.prompt ? 'current_prompt' : 'current_code'}</div>
+      <Icon className="mr-0.5 h-[14px] w-[14px]" />
+      <div className="text-xs font-medium">{generatorType === GeneratorType.prompt ? 'current_prompt' : 'current_code'}</div>
     </div>
   )
 }
diff --git a/web/app/components/base/prompt-editor/plugins/current-block/current-block-replacement-block.tsx b/web/app/components/base/prompt-editor/plugins/current-block/current-block-replacement-block.tsx
index aa56360365..8c62e2171f 100644
--- a/web/app/components/base/prompt-editor/plugins/current-block/current-block-replacement-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/current-block/current-block-replacement-block.tsx
@@ -1,19 +1,19 @@
+import type { CurrentBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import { $applyNodeReplacement } from 'lexical'
 import {
   memo,
   useCallback,
   useEffect,
 } from 'react'
-import { $applyNodeReplacement } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { decoratorTransform } from '../../utils'
 import { CURRENT_PLACEHOLDER_TEXT } from '../../constants'
-import type { CurrentBlockType } from '../../types'
+import { decoratorTransform } from '../../utils'
+import { CustomTextNode } from '../custom-text/node'
 import {
   $createCurrentBlockNode,
   CurrentBlockNode,
 } from './node'
-import { CustomTextNode } from '../custom-text/node'
 
 const REGEX = new RegExp(CURRENT_PLACEHOLDER_TEXT)
 
diff --git a/web/app/components/base/prompt-editor/plugins/current-block/index.tsx b/web/app/components/base/prompt-editor/plugins/current-block/index.tsx
index 0b9ed6c5a4..3fead199aa 100644
--- a/web/app/components/base/prompt-editor/plugins/current-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/current-block/index.tsx
@@ -1,15 +1,15 @@
-import {
-  memo,
-  useEffect,
-} from 'react'
+import type { CurrentBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { CurrentBlockType } from '../../types'
+import {
+  memo,
+  useEffect,
+} from 'react'
 import {
   $createCurrentBlockNode,
   CurrentBlockNode,
@@ -62,5 +62,5 @@ const CurrentBlock = memo(({
 CurrentBlock.displayName = 'CurrentBlock'
 
 export { CurrentBlock }
-export { CurrentBlockNode } from './node'
 export { default as CurrentBlockReplacementBlock } from './current-block-replacement-block'
+export { CurrentBlockNode } from './node'
diff --git a/web/app/components/base/prompt-editor/plugins/current-block/node.tsx b/web/app/components/base/prompt-editor/plugins/current-block/node.tsx
index eb0239f613..554bf1a2e9 100644
--- a/web/app/components/base/prompt-editor/plugins/current-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/current-block/node.tsx
@@ -1,9 +1,9 @@
 import type { LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical'
+import type { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
 import { DecoratorNode } from 'lexical'
 import CurrentBlockComponent from './component'
-import type { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
 
-export type SerializedNode = SerializedLexicalNode & { generatorType: GeneratorType; }
+export type SerializedNode = SerializedLexicalNode & { generatorType: GeneratorType }
 
 export class CurrentBlockNode extends DecoratorNode<React.JSX.Element> {
   __generatorType: GeneratorType
diff --git a/web/app/components/base/prompt-editor/plugins/error-message-block/component.tsx b/web/app/components/base/prompt-editor/plugins/error-message-block/component.tsx
index 1f98c51cb5..97992d2301 100644
--- a/web/app/components/base/prompt-editor/plugins/error-message-block/component.tsx
+++ b/web/app/components/base/prompt-editor/plugins/error-message-block/component.tsx
@@ -1,9 +1,10 @@
-import { type FC, useEffect } from 'react'
+import type { FC } from 'react'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { useSelectOrDelete } from '../../hooks'
-import { DELETE_ERROR_MESSAGE_COMMAND, ErrorMessageBlockNode } from '.'
+import { useEffect } from 'react'
 import { cn } from '@/utils/classnames'
+import { DELETE_ERROR_MESSAGE_COMMAND, ErrorMessageBlockNode } from '.'
 import { Variable02 } from '../../../icons/src/vender/solid/development'
+import { useSelectOrDelete } from '../../hooks'
 
 type Props = {
   nodeKey: string
@@ -31,8 +32,8 @@ const ErrorMessageBlockComponent: FC<Props> = ({
       }}
       ref={ref}
     >
-      <Variable02 className='mr-0.5 h-[14px] w-[14px]' />
-      <div className='text-xs font-medium'>error_message</div>
+      <Variable02 className="mr-0.5 h-[14px] w-[14px]" />
+      <div className="text-xs font-medium">error_message</div>
     </div>
   )
 }
diff --git a/web/app/components/base/prompt-editor/plugins/error-message-block/error-message-block-replacement-block.tsx b/web/app/components/base/prompt-editor/plugins/error-message-block/error-message-block-replacement-block.tsx
index cd8df107ff..8e8497d2a3 100644
--- a/web/app/components/base/prompt-editor/plugins/error-message-block/error-message-block-replacement-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/error-message-block/error-message-block-replacement-block.tsx
@@ -1,19 +1,19 @@
+import type { ErrorMessageBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import { $applyNodeReplacement } from 'lexical'
 import {
   memo,
   useCallback,
   useEffect,
 } from 'react'
-import { $applyNodeReplacement } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { decoratorTransform } from '../../utils'
 import { ERROR_MESSAGE_PLACEHOLDER_TEXT } from '../../constants'
-import type { ErrorMessageBlockType } from '../../types'
+import { decoratorTransform } from '../../utils'
+import { CustomTextNode } from '../custom-text/node'
 import {
   $createErrorMessageBlockNode,
   ErrorMessageBlockNode,
 } from './node'
-import { CustomTextNode } from '../custom-text/node'
 
 const REGEX = new RegExp(ERROR_MESSAGE_PLACEHOLDER_TEXT)
 
diff --git a/web/app/components/base/prompt-editor/plugins/error-message-block/index.tsx b/web/app/components/base/prompt-editor/plugins/error-message-block/index.tsx
index 25bb55c3f0..bb487ece7c 100644
--- a/web/app/components/base/prompt-editor/plugins/error-message-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/error-message-block/index.tsx
@@ -1,15 +1,15 @@
-import {
-  memo,
-  useEffect,
-} from 'react'
+import type { ErrorMessageBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { ErrorMessageBlockType } from '../../types'
+import {
+  memo,
+  useEffect,
+} from 'react'
 import {
   $createErrorMessageBlockNode,
   ErrorMessageBlockNode,
@@ -61,5 +61,5 @@ const ErrorMessageBlock = memo(({
 ErrorMessageBlock.displayName = 'ErrorMessageBlock'
 
 export { ErrorMessageBlock }
-export { ErrorMessageBlockNode } from './node'
 export { default as ErrorMessageBlockReplacementBlock } from './error-message-block-replacement-block'
+export { ErrorMessageBlockNode } from './node'
diff --git a/web/app/components/base/prompt-editor/plugins/history-block/component.tsx b/web/app/components/base/prompt-editor/plugins/history-block/component.tsx
index dc41413ec9..ac3463cd16 100644
--- a/web/app/components/base/prompt-editor/plugins/history-block/component.tsx
+++ b/web/app/components/base/prompt-editor/plugins/history-block/component.tsx
@@ -1,13 +1,10 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { RoleName } from './index'
 import {
   RiMoreFill,
 } from '@remixicon/react'
-import { useSelectOrDelete, useTrigger } from '../../hooks'
-import { UPDATE_HISTORY_EVENT_EMITTER } from '../../constants'
-import type { RoleName } from './index'
-import { DELETE_HISTORY_BLOCK_COMMAND } from './index'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { MessageClockCircle } from '@/app/components/base/icons/src/vender/solid/general'
 import {
   PortalToFollowElem,
@@ -15,6 +12,9 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { UPDATE_HISTORY_EVENT_EMITTER } from '../../constants'
+import { useSelectOrDelete, useTrigger } from '../../hooks'
+import { DELETE_HISTORY_BLOCK_COMMAND } from './index'
 
 type HistoryBlockComponentProps = {
   nodeKey: string
@@ -39,17 +39,20 @@ const HistoryBlockComponent: FC<HistoryBlockComponentProps> = ({
   })
 
   return (
-    <div className={`
+    <div
+      className={`
       group inline-flex h-6 items-center rounded-[5px] border border-transparent pl-1 pr-0.5 text-[#DD2590] hover:bg-[#FCE7F6]
       ${open ? 'bg-[#FCE7F6]' : 'bg-[#FDF2FA]'}
       ${isSelected && '!border-[#F670C7]'}
-    `} ref={ref}>
-      <MessageClockCircle className='mr-1 h-[14px] w-[14px]' />
-      <div className='mr-1 text-xs font-medium'>{t('common.promptEditor.history.item.title')}</div>
+    `}
+      ref={ref}
+    >
+      <MessageClockCircle className="mr-1 h-[14px] w-[14px]" />
+      <div className="mr-1 text-xs font-medium">{t('common.promptEditor.history.item.title')}</div>
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='top-end'
+        placement="top-end"
         offset={{
           mainAxis: 4,
           alignmentAxis: -148,
@@ -59,25 +62,26 @@ const HistoryBlockComponent: FC<HistoryBlockComponentProps> = ({
           <div className={`
             flex h-[18px] w-[18px] cursor-pointer items-center justify-center rounded
             ${open ? 'bg-[#DD2590] text-white' : 'bg-white/50 group-hover:bg-white group-hover:shadow-xs'}
-          `}>
-            <RiMoreFill className='h-3 w-3' />
+          `}
+          >
+            <RiMoreFill className="h-3 w-3" />
           </div>
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent style={{ zIndex: 100 }}>
-          <div className='w-[360px] rounded-xl bg-white shadow-lg'>
-            <div className='p-4'>
-              <div className='mb-2 text-xs font-medium text-gray-500'>{t('common.promptEditor.history.modal.title')}</div>
-              <div className='flex items-center text-sm text-gray-700'>
-                <div className='mr-1 w-20 text-xs font-semibold'>{localRoleName?.user}</div>
+          <div className="w-[360px] rounded-xl bg-white shadow-lg">
+            <div className="p-4">
+              <div className="mb-2 text-xs font-medium text-gray-500">{t('common.promptEditor.history.modal.title')}</div>
+              <div className="flex items-center text-sm text-gray-700">
+                <div className="mr-1 w-20 text-xs font-semibold">{localRoleName?.user}</div>
                 {t('common.promptEditor.history.modal.user')}
               </div>
-              <div className='flex items-center text-sm text-gray-700'>
-                <div className='mr-1 w-20 text-xs font-semibold'>{localRoleName?.assistant}</div>
+              <div className="flex items-center text-sm text-gray-700">
+                <div className="mr-1 w-20 text-xs font-semibold">{localRoleName?.assistant}</div>
                 {t('common.promptEditor.history.modal.assistant')}
               </div>
             </div>
             <div
-              className='cursor-pointer rounded-b-xl border-t border-black/5 px-4 py-3 text-xs text-[#155EEF]'
+              className="cursor-pointer rounded-b-xl border-t border-black/5 px-4 py-3 text-xs text-[#155EEF]"
               onClick={onEditRole}
             >
               {t('common.promptEditor.history.modal.edit')}
diff --git a/web/app/components/base/prompt-editor/plugins/history-block/history-block-replacement-block.tsx b/web/app/components/base/prompt-editor/plugins/history-block/history-block-replacement-block.tsx
index 78459030e1..ba695ec95d 100644
--- a/web/app/components/base/prompt-editor/plugins/history-block/history-block-replacement-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/history-block/history-block-replacement-block.tsx
@@ -1,19 +1,19 @@
+import type { HistoryBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import { $applyNodeReplacement } from 'lexical'
+import { noop } from 'lodash-es'
 import {
   useCallback,
   useEffect,
 } from 'react'
-import { $applyNodeReplacement } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { decoratorTransform } from '../../utils'
 import { HISTORY_PLACEHOLDER_TEXT } from '../../constants'
-import type { HistoryBlockType } from '../../types'
+import { decoratorTransform } from '../../utils'
+import { CustomTextNode } from '../custom-text/node'
 import {
   $createHistoryBlockNode,
   HistoryBlockNode,
 } from '../history-block/node'
-import { CustomTextNode } from '../custom-text/node'
-import { noop } from 'lodash-es'
 
 const REGEX = new RegExp(HISTORY_PLACEHOLDER_TEXT)
 
diff --git a/web/app/components/base/prompt-editor/plugins/history-block/index.tsx b/web/app/components/base/prompt-editor/plugins/history-block/index.tsx
index d51c986719..a853de5162 100644
--- a/web/app/components/base/prompt-editor/plugins/history-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/history-block/index.tsx
@@ -1,20 +1,20 @@
-import {
-  memo,
-  useEffect,
-} from 'react'
+import type { HistoryBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { HistoryBlockType } from '../../types'
+import { noop } from 'lodash-es'
+import {
+  memo,
+  useEffect,
+} from 'react'
 import {
   $createHistoryBlockNode,
   HistoryBlockNode,
 } from './node'
-import { noop } from 'lodash-es'
 
 export const INSERT_HISTORY_BLOCK_COMMAND = createCommand('INSERT_HISTORY_BLOCK_COMMAND')
 export const DELETE_HISTORY_BLOCK_COMMAND = createCommand('DELETE_HISTORY_BLOCK_COMMAND')
@@ -76,5 +76,5 @@ const HistoryBlock = memo(({
 HistoryBlock.displayName = 'HistoryBlock'
 
 export { HistoryBlock }
-export { HistoryBlockNode } from './node'
 export { default as HistoryBlockReplacementBlock } from './history-block-replacement-block'
+export { HistoryBlockNode } from './node'
diff --git a/web/app/components/base/prompt-editor/plugins/history-block/node.tsx b/web/app/components/base/prompt-editor/plugins/history-block/node.tsx
index 1cb33fcc49..85a4de2696 100644
--- a/web/app/components/base/prompt-editor/plugins/history-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/history-block/node.tsx
@@ -1,9 +1,9 @@
 import type { LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical'
+import type { RoleName } from './index'
 import { DecoratorNode } from 'lexical'
 import HistoryBlockComponent from './component'
-import type { RoleName } from './index'
 
-export type SerializedNode = SerializedLexicalNode & { roleName: RoleName; onEditRole: () => void }
+export type SerializedNode = SerializedLexicalNode & { roleName: RoleName, onEditRole: () => void }
 
 export class HistoryBlockNode extends DecoratorNode<React.JSX.Element> {
   __roleName: RoleName
diff --git a/web/app/components/base/prompt-editor/plugins/last-run-block/component.tsx b/web/app/components/base/prompt-editor/plugins/last-run-block/component.tsx
index 3518fb99ef..cbe56d95f9 100644
--- a/web/app/components/base/prompt-editor/plugins/last-run-block/component.tsx
+++ b/web/app/components/base/prompt-editor/plugins/last-run-block/component.tsx
@@ -1,9 +1,10 @@
-import { type FC, useEffect } from 'react'
+import type { FC } from 'react'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { useSelectOrDelete } from '../../hooks'
-import { DELETE_LAST_RUN_COMMAND, LastRunBlockNode } from '.'
+import { useEffect } from 'react'
 import { cn } from '@/utils/classnames'
+import { DELETE_LAST_RUN_COMMAND, LastRunBlockNode } from '.'
 import { Variable02 } from '../../../icons/src/vender/solid/development'
+import { useSelectOrDelete } from '../../hooks'
 
 type Props = {
   nodeKey: string
@@ -31,8 +32,8 @@ const LastRunBlockComponent: FC<Props> = ({
       }}
       ref={ref}
     >
-      <Variable02 className='mr-0.5 h-[14px] w-[14px]' />
-      <div className='text-xs font-medium'>last_run</div>
+      <Variable02 className="mr-0.5 h-[14px] w-[14px]" />
+      <div className="text-xs font-medium">last_run</div>
     </div>
   )
 }
diff --git a/web/app/components/base/prompt-editor/plugins/last-run-block/index.tsx b/web/app/components/base/prompt-editor/plugins/last-run-block/index.tsx
index 8bbbb8d4dd..8dc0e81017 100644
--- a/web/app/components/base/prompt-editor/plugins/last-run-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/last-run-block/index.tsx
@@ -1,15 +1,15 @@
-import {
-  memo,
-  useEffect,
-} from 'react'
+import type { LastRunBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { LastRunBlockType } from '../../types'
+import {
+  memo,
+  useEffect,
+} from 'react'
 import {
   $createLastRunBlockNode,
   LastRunBlockNode,
@@ -61,5 +61,5 @@ const LastRunBlock = memo(({
 LastRunBlock.displayName = 'LastRunBlock'
 
 export { LastRunBlock }
-export { LastRunBlockNode } from './node'
 export { default as LastRunReplacementBlock } from './last-run-block-replacement-block'
+export { LastRunBlockNode } from './node'
diff --git a/web/app/components/base/prompt-editor/plugins/last-run-block/last-run-block-replacement-block.tsx b/web/app/components/base/prompt-editor/plugins/last-run-block/last-run-block-replacement-block.tsx
index 2e5f92e2a1..8fa8e7f1c8 100644
--- a/web/app/components/base/prompt-editor/plugins/last-run-block/last-run-block-replacement-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/last-run-block/last-run-block-replacement-block.tsx
@@ -1,19 +1,19 @@
+import type { LastRunBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import { $applyNodeReplacement } from 'lexical'
 import {
   memo,
   useCallback,
   useEffect,
 } from 'react'
-import { $applyNodeReplacement } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { decoratorTransform } from '../../utils'
 import { LAST_RUN_PLACEHOLDER_TEXT } from '../../constants'
-import type { LastRunBlockType } from '../../types'
+import { decoratorTransform } from '../../utils'
+import { CustomTextNode } from '../custom-text/node'
 import {
   $createLastRunBlockNode,
   LastRunBlockNode,
 } from './node'
-import { CustomTextNode } from '../custom-text/node'
 
 const REGEX = new RegExp(LAST_RUN_PLACEHOLDER_TEXT)
 
diff --git a/web/app/components/base/prompt-editor/plugins/on-blur-or-focus-block.tsx b/web/app/components/base/prompt-editor/plugins/on-blur-or-focus-block.tsx
index 246fd96769..84eacb01ed 100644
--- a/web/app/components/base/prompt-editor/plugins/on-blur-or-focus-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/on-blur-or-focus-block.tsx
@@ -1,13 +1,13 @@
 import type { FC } from 'react'
-import { useEffect, useRef } from 'react'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   BLUR_COMMAND,
   COMMAND_PRIORITY_EDITOR,
   FOCUS_COMMAND,
   KEY_ESCAPE_COMMAND,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { useEffect, useRef } from 'react'
 import { CLEAR_HIDE_MENU_TIMEOUT } from './workflow-variable-block'
 
 type OnBlurBlockProps = {
diff --git a/web/app/components/base/prompt-editor/plugins/placeholder.tsx b/web/app/components/base/prompt-editor/plugins/placeholder.tsx
index 70b338858e..e4b14a80cd 100644
--- a/web/app/components/base/prompt-editor/plugins/placeholder.tsx
+++ b/web/app/components/base/prompt-editor/plugins/placeholder.tsx
@@ -1,5 +1,5 @@
-import { memo } from 'react'
 import type { ReactNode } from 'react'
+import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
 
@@ -19,7 +19,8 @@ const Placeholder = ({
       'pointer-events-none absolute left-0 top-0 h-full w-full select-none text-sm text-components-input-text-placeholder',
       compact ? 'text-[13px] leading-5' : 'text-sm leading-6',
       className,
-    )}>
+    )}
+    >
       {value || t('common.promptEditor.placeholder')}
     </div>
   )
diff --git a/web/app/components/base/prompt-editor/plugins/query-block/component.tsx b/web/app/components/base/prompt-editor/plugins/query-block/component.tsx
index fa46334ed6..7ea68200c7 100644
--- a/web/app/components/base/prompt-editor/plugins/query-block/component.tsx
+++ b/web/app/components/base/prompt-editor/plugins/query-block/component.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
+import { UserEdit02 } from '@/app/components/base/icons/src/vender/solid/users'
 import { useSelectOrDelete } from '../../hooks'
 import { DELETE_QUERY_BLOCK_COMMAND } from './index'
-import { UserEdit02 } from '@/app/components/base/icons/src/vender/solid/users'
 
 type QueryBlockComponentProps = {
   nodeKey: string
@@ -22,10 +22,10 @@ const QueryBlockComponent: FC<QueryBlockComponentProps> = ({
       `}
       ref={ref}
     >
-      <UserEdit02 className='mr-1 h-[14px] w-[14px] text-[#FD853A]' />
-      <div className='text-xs font-medium text-[#EC4A0A] opacity-60'>{'{{'}</div>
-      <div className='text-xs font-medium text-[#EC4A0A]'>{t('common.promptEditor.query.item.title')}</div>
-      <div className='text-xs font-medium text-[#EC4A0A] opacity-60'>{'}}'}</div>
+      <UserEdit02 className="mr-1 h-[14px] w-[14px] text-[#FD853A]" />
+      <div className="text-xs font-medium text-[#EC4A0A] opacity-60">{'{{'}</div>
+      <div className="text-xs font-medium text-[#EC4A0A]">{t('common.promptEditor.query.item.title')}</div>
+      <div className="text-xs font-medium text-[#EC4A0A] opacity-60">{'}}'}</div>
     </div>
   )
 }
diff --git a/web/app/components/base/prompt-editor/plugins/query-block/index.tsx b/web/app/components/base/prompt-editor/plugins/query-block/index.tsx
index 0946153130..d5953d16c4 100644
--- a/web/app/components/base/prompt-editor/plugins/query-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/query-block/index.tsx
@@ -1,15 +1,15 @@
-import {
-  memo,
-  useEffect,
-} from 'react'
+import type { QueryBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { QueryBlockType } from '../../types'
+import {
+  memo,
+  useEffect,
+} from 'react'
 import {
   $createQueryBlockNode,
   QueryBlockNode,
diff --git a/web/app/components/base/prompt-editor/plugins/query-block/query-block-replacement-block.tsx b/web/app/components/base/prompt-editor/plugins/query-block/query-block-replacement-block.tsx
index 484c661947..1a3c23b6a6 100644
--- a/web/app/components/base/prompt-editor/plugins/query-block/query-block-replacement-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/query-block/query-block-replacement-block.tsx
@@ -1,19 +1,19 @@
+import type { QueryBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import { $applyNodeReplacement } from 'lexical'
 import {
   memo,
   useCallback,
   useEffect,
 } from 'react'
-import { $applyNodeReplacement } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { decoratorTransform } from '../../utils'
 import { QUERY_PLACEHOLDER_TEXT } from '../../constants'
-import type { QueryBlockType } from '../../types'
+import { decoratorTransform } from '../../utils'
+import { CustomTextNode } from '../custom-text/node'
 import {
   $createQueryBlockNode,
   QueryBlockNode,
 } from '../query-block/node'
-import { CustomTextNode } from '../custom-text/node'
 
 const REGEX = new RegExp(QUERY_PLACEHOLDER_TEXT)
 
diff --git a/web/app/components/base/prompt-editor/plugins/update-block.tsx b/web/app/components/base/prompt-editor/plugins/update-block.tsx
index 89c93748fb..bf89a259af 100644
--- a/web/app/components/base/prompt-editor/plugins/update-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/update-block.tsx
@@ -1,9 +1,9 @@
-import { $insertNodes } from 'lexical'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { $insertNodes } from 'lexical'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { textToEditorState } from '../utils'
 import { CustomTextNode } from './custom-text/node'
 import { CLEAR_HIDE_MENU_TIMEOUT } from './workflow-variable-block'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
 
 export const PROMPT_EDITOR_UPDATE_VALUE_BY_EVENT_EMITTER = 'PROMPT_EDITOR_UPDATE_VALUE_BY_EVENT_EMITTER'
 export const PROMPT_EDITOR_INSERT_QUICKLY = 'PROMPT_EDITOR_INSERT_QUICKLY'
diff --git a/web/app/components/base/prompt-editor/plugins/variable-block/index.tsx b/web/app/components/base/prompt-editor/plugins/variable-block/index.tsx
index 3c995d59e2..11e12f3a91 100644
--- a/web/app/components/base/prompt-editor/plugins/variable-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/variable-block/index.tsx
@@ -1,11 +1,11 @@
-import { useEffect } from 'react'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { useEffect } from 'react'
 import { CustomTextNode } from '../custom-text/node'
 
 export const INSERT_VARIABLE_BLOCK_COMMAND = createCommand('INSERT_VARIABLE_BLOCK_COMMAND')
diff --git a/web/app/components/base/prompt-editor/plugins/variable-value-block/index.tsx b/web/app/components/base/prompt-editor/plugins/variable-value-block/index.tsx
index e93c0d7f99..4b24a670a9 100644
--- a/web/app/components/base/prompt-editor/plugins/variable-value-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/variable-value-block/index.tsx
@@ -1,9 +1,9 @@
+import type { TextNode } from 'lexical'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import {
   useCallback,
   useEffect,
 } from 'react'
-import type { TextNode } from 'lexical'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { useLexicalTextEntity } from '../../hooks'
 import {
   $createVariableValueBlockNode,
diff --git a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/component.tsx b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/component.tsx
index 2bd67d0ced..72eaf521ec 100644
--- a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/component.tsx
+++ b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/component.tsx
@@ -1,3 +1,10 @@
+import type { WorkflowNodesMap } from './node'
+import type { ValueSelector, Var } from '@/app/components/workflow/types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import {
+  COMMAND_PRIORITY_EDITOR,
+} from 'lexical'
 import {
   memo,
   useCallback,
@@ -6,28 +13,21 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  COMMAND_PRIORITY_EDITOR,
-} from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { useReactFlow, useStoreApi } from 'reactflow'
+import Tooltip from '@/app/components/base/tooltip'
+import { isConversationVar, isENV, isGlobalVar, isRagVariableVar, isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import VarFullPathPanel from '@/app/components/workflow/nodes/_base/components/variable/var-full-path-panel'
+import {
+  VariableLabelInEditor,
+} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { Type } from '@/app/components/workflow/nodes/llm/types'
+import { isExceptionVariable } from '@/app/components/workflow/utils'
 import { useSelectOrDelete } from '../../hooks'
-import type { WorkflowNodesMap } from './node'
-import { WorkflowVariableBlockNode } from './node'
 import {
   DELETE_WORKFLOW_VARIABLE_BLOCK_COMMAND,
   UPDATE_WORKFLOW_NODES_MAP,
 } from './index'
-import { isConversationVar, isENV, isGlobalVar, isRagVariableVar, isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import Tooltip from '@/app/components/base/tooltip'
-import { isExceptionVariable } from '@/app/components/workflow/utils'
-import VarFullPathPanel from '@/app/components/workflow/nodes/_base/components/variable/var-full-path-panel'
-import { Type } from '@/app/components/workflow/nodes/llm/types'
-import type { ValueSelector, Var } from '@/app/components/workflow/types'
-import {
-  VariableLabelInEditor,
-} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { WorkflowVariableBlockNode } from './node'
 
 type WorkflowVariableBlockComponentProps = {
   nodeKey: string
@@ -37,8 +37,8 @@ type WorkflowVariableBlockComponentProps = {
   conversationVariables?: Var[]
   ragVariables?: Var[]
   getVarType?: (payload: {
-    nodeId: string,
-    valueSelector: ValueSelector,
+    nodeId: string
+    valueSelector: ValueSelector
   }) => Type
 }
 
@@ -157,16 +157,19 @@ const WorkflowVariableBlockComponent = ({
   return (
     <Tooltip
       noDecoration
-      popupContent={
+      popupContent={(
         <VarFullPathPanel
           nodeName={node.title}
           path={variables.slice(1)}
-          varType={getVarType ? getVarType({
-            nodeId: variables[0],
-            valueSelector: variables,
-          }) : Type.string}
+          varType={getVarType
+            ? getVarType({
+                nodeId: variables[0],
+                valueSelector: variables,
+              })
+            : Type.string}
           nodeType={node?.type}
-        />}
+        />
+      )}
       disabled={!isShowAPart}
     >
       <div>{Item}</div>
diff --git a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx
index 479dce9615..76b2795803 100644
--- a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx
@@ -1,20 +1,20 @@
-import {
-  memo,
-  useEffect,
-} from 'react'
+import type { GetVarType, WorkflowVariableBlockType } from '../../types'
+import type { Node } from '@/app/components/workflow/types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { GetVarType, WorkflowVariableBlockType } from '../../types'
+import {
+  memo,
+  useEffect,
+} from 'react'
 import {
   $createWorkflowVariableBlockNode,
   WorkflowVariableBlockNode,
 } from './node'
-import type { Node } from '@/app/components/workflow/types'
 
 export const INSERT_WORKFLOW_VARIABLE_BLOCK_COMMAND = createCommand('INSERT_WORKFLOW_VARIABLE_BLOCK_COMMAND')
 export const DELETE_WORKFLOW_VARIABLE_BLOCK_COMMAND = createCommand('DELETE_WORKFLOW_VARIABLE_BLOCK_COMMAND')
diff --git a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx
index bdecb21034..a241e75233 100644
--- a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx
@@ -1,9 +1,8 @@
 import type { LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical'
-import { DecoratorNode } from 'lexical'
-import type { WorkflowVariableBlockType } from '../../types'
-import WorkflowVariableBlockComponent from './component'
-import type { GetVarType } from '../../types'
+import type { GetVarType, WorkflowVariableBlockType } from '../../types'
 import type { Var } from '@/app/components/workflow/types'
+import { DecoratorNode } from 'lexical'
+import WorkflowVariableBlockComponent from './component'
 
 export type WorkflowNodesMap = WorkflowVariableBlockType['workflowNodesMap']
 
diff --git a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/workflow-variable-block-replacement-block.tsx b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/workflow-variable-block-replacement-block.tsx
index 62b9cccb3f..615fa837e1 100644
--- a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/workflow-variable-block-replacement-block.tsx
+++ b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/workflow-variable-block-replacement-block.tsx
@@ -1,18 +1,18 @@
+import type { TextNode } from 'lexical'
+import type { WorkflowVariableBlockType } from '../../types'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
+import { $applyNodeReplacement } from 'lexical'
 import {
   memo,
   useCallback,
   useEffect,
 } from 'react'
-import type { TextNode } from 'lexical'
-import { $applyNodeReplacement } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { decoratorTransform } from '../../utils'
-import type { WorkflowVariableBlockType } from '../../types'
-import { CustomTextNode } from '../custom-text/node'
-import { $createWorkflowVariableBlockNode } from './node'
-import { WorkflowVariableBlockNode } from './index'
 import { VAR_REGEX as REGEX, resetReg } from '@/config'
+import { decoratorTransform } from '../../utils'
+import { CustomTextNode } from '../custom-text/node'
+import { WorkflowVariableBlockNode } from './index'
+import { $createWorkflowVariableBlockNode } from './node'
 
 const WorkflowVariableBlockReplacementBlock = ({
   workflowNodesMap,
diff --git a/web/app/components/base/prompt-editor/types.ts b/web/app/components/base/prompt-editor/types.ts
index 33de014c0a..875f9eab07 100644
--- a/web/app/components/base/prompt-editor/types.ts
+++ b/web/app/components/base/prompt-editor/types.ts
@@ -58,8 +58,8 @@ export type ExternalToolBlockType = {
 }
 
 export type GetVarType = (payload: {
-  nodeId: string,
-  valueSelector: ValueSelector,
+  nodeId: string
+  valueSelector: ValueSelector
 }) => Type
 
 export type WorkflowVariableBlockType = {
diff --git a/web/app/components/base/prompt-editor/utils.ts b/web/app/components/base/prompt-editor/utils.ts
index e665172049..d81820fa16 100644
--- a/web/app/components/base/prompt-editor/utils.ts
+++ b/web/app/components/base/prompt-editor/utils.ts
@@ -1,4 +1,4 @@
-import { $isAtNodeEnd } from '@lexical/selection'
+import type { EntityMatch } from '@lexical/text'
 import type {
   ElementNode,
   Klass,
@@ -7,15 +7,15 @@ import type {
   RangeSelection,
   TextNode,
 } from 'lexical'
+import type { MenuTextMatch } from './types'
+import { $isAtNodeEnd } from '@lexical/selection'
 import {
   $createTextNode,
   $getSelection,
   $isRangeSelection,
   $isTextNode,
 } from 'lexical'
-import type { EntityMatch } from '@lexical/text'
 import { CustomTextNode } from './plugins/custom-text/node'
-import type { MenuTextMatch } from './types'
 
 export function getSelectedNode(
   selection: RangeSelection,
diff --git a/web/app/components/base/prompt-log-modal/card.tsx b/web/app/components/base/prompt-log-modal/card.tsx
index 958a8fa52a..ca03837c6b 100644
--- a/web/app/components/base/prompt-log-modal/card.tsx
+++ b/web/app/components/base/prompt-log-modal/card.tsx
@@ -2,7 +2,7 @@ import type { FC } from 'react'
 import { CopyFeedbackNew } from '@/app/components/base/copy-feedback'
 
 type CardProps = {
-  log: { role: string; text: string }[]
+  log: { role: string, text: string }[]
 }
 const Card: FC<CardProps> = ({
   log,
@@ -11,8 +11,8 @@ const Card: FC<CardProps> = ({
     <>
       {
         log.length === 1 && (
-          <div className='px-4 py-2'>
-            <div className='whitespace-pre-line text-text-secondary'>
+          <div className="px-4 py-2">
+            <div className="whitespace-pre-line text-text-secondary">
               {log[0].text}
             </div>
           </div>
@@ -23,12 +23,12 @@ const Card: FC<CardProps> = ({
           <div>
             {
               log.map((item, index) => (
-                <div key={index} className='group/card mb-2 rounded-xl px-4 pb-4 pt-2 last-of-type:mb-0 hover:bg-state-base-hover'>
-                  <div className='flex h-8 items-center justify-between'>
-                    <div className='font-semibold text-[#2D31A6]'>{item.role.toUpperCase()}</div>
-                    <CopyFeedbackNew className='hidden h-6 w-6 group-hover/card:block' content={item.text} />
+                <div key={index} className="group/card mb-2 rounded-xl px-4 pb-4 pt-2 last-of-type:mb-0 hover:bg-state-base-hover">
+                  <div className="flex h-8 items-center justify-between">
+                    <div className="font-semibold text-[#2D31A6]">{item.role.toUpperCase()}</div>
+                    <CopyFeedbackNew className="hidden h-6 w-6 group-hover/card:block" content={item.text} />
                   </div>
-                  <div className='whitespace-pre-line text-text-secondary'>{item.text}</div>
+                  <div className="whitespace-pre-line text-text-secondary">{item.text}</div>
                 </div>
               ))
             }
diff --git a/web/app/components/base/prompt-log-modal/index.stories.tsx b/web/app/components/base/prompt-log-modal/index.stories.tsx
index 55389874cd..39fab32030 100644
--- a/web/app/components/base/prompt-log-modal/index.stories.tsx
+++ b/web/app/components/base/prompt-log-modal/index.stories.tsx
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useEffect } from 'react'
-import PromptLogModal from '.'
-import { useStore } from '@/app/components/app/store'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import { useEffect } from 'react'
+import { useStore } from '@/app/components/app/store'
+import PromptLogModal from '.'
 
 type PromptLogModalProps = React.ComponentProps<typeof PromptLogModal>
 
diff --git a/web/app/components/base/prompt-log-modal/index.tsx b/web/app/components/base/prompt-log-modal/index.tsx
index bd3097b701..aab75d4989 100644
--- a/web/app/components/base/prompt-log-modal/index.tsx
+++ b/web/app/components/base/prompt-log-modal/index.tsx
@@ -1,10 +1,10 @@
 import type { FC } from 'react'
-import { useEffect, useRef, useState } from 'react'
-import { useClickAway } from 'ahooks'
-import { RiCloseLine } from '@remixicon/react'
-import Card from './card'
-import { CopyFeedbackNew } from '@/app/components/base/copy-feedback'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import { RiCloseLine } from '@remixicon/react'
+import { useClickAway } from 'ahooks'
+import { useEffect, useRef, useState } from 'react'
+import { CopyFeedbackNew } from '@/app/components/base/copy-feedback'
+import Card from './card'
 
 type PromptLogModalProps = {
   currentLogItem?: IChatItem
@@ -33,7 +33,7 @@ const PromptLogModal: FC<PromptLogModalProps> = ({
 
   return (
     <div
-      className='relative z-10 flex flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'
+      className="relative z-10 flex flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl"
       style={{
         width: 480,
         position: 'fixed',
@@ -43,26 +43,26 @@ const PromptLogModal: FC<PromptLogModalProps> = ({
       }}
       ref={ref}
     >
-      <div className='flex h-14 shrink-0 items-center justify-between border-b border-divider-regular pl-6 pr-5'>
-        <div className='text-base font-semibold text-text-primary'>PROMPT LOG</div>
-        <div className='flex items-center'>
+      <div className="flex h-14 shrink-0 items-center justify-between border-b border-divider-regular pl-6 pr-5">
+        <div className="text-base font-semibold text-text-primary">PROMPT LOG</div>
+        <div className="flex items-center">
           {
             currentLogItem.log?.length === 1 && (
               <>
-                <CopyFeedbackNew className='h-6 w-6' content={currentLogItem.log[0].text} />
-                <div className='mx-2.5 h-[14px] w-[1px] bg-divider-regular' />
+                <CopyFeedbackNew className="h-6 w-6" content={currentLogItem.log[0].text} />
+                <div className="mx-2.5 h-[14px] w-[1px] bg-divider-regular" />
               </>
             )
           }
           <div
             onClick={onCancel}
-            className='flex h-6 w-6 cursor-pointer items-center justify-center'
+            className="flex h-6 w-6 cursor-pointer items-center justify-center"
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
-      <div className='grow overflow-y-auto p-2'>
+      <div className="grow overflow-y-auto p-2">
         <Card log={currentLogItem.log} />
       </div>
     </div>
diff --git a/web/app/components/base/qrcode/index.tsx b/web/app/components/base/qrcode/index.tsx
index 278176e48d..6f6752d2ae 100644
--- a/web/app/components/base/qrcode/index.tsx
+++ b/web/app/components/base/qrcode/index.tsx
@@ -1,10 +1,10 @@
 'use client'
-import React, { useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiQrCodeLine,
 } from '@remixicon/react'
 import { QRCodeCanvas as QRCode } from 'qrcode.react'
+import React, { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import Tooltip from '@/app/components/base/tooltip'
 
@@ -54,21 +54,21 @@ const ShareQRCode = ({ content }: Props) => {
     <Tooltip
       popupContent={t(`${prefixEmbedded}`) || ''}
     >
-      <div className='relative h-6 w-6' onClick={toggleQRCode}>
+      <div className="relative h-6 w-6" onClick={toggleQRCode}>
         <ActionButton>
-          <RiQrCodeLine className='h-4 w-4' />
+          <RiQrCodeLine className="h-4 w-4" />
         </ActionButton>
         {isShow && (
           <div
             ref={qrCodeRef}
-            className='absolute -right-8 top-8 z-10 flex w-[232px] flex-col items-center rounded-lg bg-components-panel-bg p-4 shadow-xs'
+            className="absolute -right-8 top-8 z-10 flex w-[232px] flex-col items-center rounded-lg bg-components-panel-bg p-4 shadow-xs"
             onClick={handlePanelClick}
           >
-            <QRCode size={160} value={content} className='mb-2' />
-            <div className='system-xs-regular flex items-center'>
-              <div className='text-text-tertiary'>{t('appOverview.overview.appInfo.qrcode.scan')}</div>
-              <div className='text-text-tertiary'>·</div>
-              <div className='cursor-pointer text-text-accent-secondary' onClick={downloadQR}>{t('appOverview.overview.appInfo.qrcode.download')}</div>
+            <QRCode size={160} value={content} className="mb-2" />
+            <div className="system-xs-regular flex items-center">
+              <div className="text-text-tertiary">{t('appOverview.overview.appInfo.qrcode.scan')}</div>
+              <div className="text-text-tertiary">·</div>
+              <div className="cursor-pointer text-text-accent-secondary" onClick={downloadQR}>{t('appOverview.overview.appInfo.qrcode.download')}</div>
             </div>
           </div>
         )}
diff --git a/web/app/components/base/radio-card/index.stories.tsx b/web/app/components/base/radio-card/index.stories.tsx
index 63dd1ad1ec..3adccfaf0d 100644
--- a/web/app/components/base/radio-card/index.stories.tsx
+++ b/web/app/components/base/radio-card/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useState } from 'react'
 import { RiCloudLine, RiCpuLine, RiDatabase2Line, RiLightbulbLine, RiRocketLine, RiShieldLine } from '@remixicon/react'
+import { useState } from 'react'
 import RadioCard from '.'
 
 const meta = {
@@ -111,7 +111,7 @@ const WithConfigurationDemo = () => {
         description="Store data in a managed database"
         isChosen={isChosen}
         onChosen={() => setIsChosen(!isChosen)}
-        chosenConfig={
+        chosenConfig={(
           <div className="space-y-2">
             <div className="flex items-center gap-2">
               <label className="text-xs text-gray-600">Region:</label>
@@ -130,7 +130,7 @@ const WithConfigurationDemo = () => {
               </select>
             </div>
           </div>
-        }
+        )}
       />
     </div>
   )
@@ -183,7 +183,9 @@ const MultipleCardsDemo = () => {
         />
       ))}
       <div className="mt-4 text-sm text-gray-600">
-        Selected: <span className="font-semibold">{selected}</span>
+        Selected:
+        {' '}
+        <span className="font-semibold">{selected}</span>
       </div>
     </div>
   )
@@ -210,7 +212,7 @@ const CloudProviderSelectionDemo = () => {
           description="Industry-leading cloud infrastructure"
           isChosen={provider === 'aws'}
           onChosen={() => setProvider('aws')}
-          chosenConfig={
+          chosenConfig={(
             <div className="space-y-2">
               <label className="text-xs font-medium text-gray-700">Region</label>
               <select
@@ -224,7 +226,7 @@ const CloudProviderSelectionDemo = () => {
                 <option value="ap-southeast-1">Asia Pacific (Singapore)</option>
               </select>
             </div>
-          }
+          )}
         />
         <RadioCard
           icon={<RiCloudLine className="h-5 w-5 text-blue-600" />}
@@ -268,13 +270,15 @@ const DeploymentStrategyDemo = () => {
           description="Gradually replace instances with zero downtime"
           isChosen={strategy === 'rolling'}
           onChosen={() => setStrategy('rolling')}
-          chosenConfig={
+          chosenConfig={(
             <div className="rounded-lg bg-green-50 p-3 text-xs text-gray-700">
-              ✓ Recommended for production environments<br />
-              ✓ Minimal risk with automatic rollback<br />
+              ✓ Recommended for production environments
+              <br />
+              ✓ Minimal risk with automatic rollback
+              <br />
               ✓ Takes 5-10 minutes
             </div>
-          }
+          )}
         />
         <RadioCard
           icon={<RiCpuLine className="h-5 w-5 text-blue-600" />}
@@ -283,13 +287,15 @@ const DeploymentStrategyDemo = () => {
           description="Switch between two identical environments"
           isChosen={strategy === 'blue-green'}
           onChosen={() => setStrategy('blue-green')}
-          chosenConfig={
+          chosenConfig={(
             <div className="rounded-lg bg-blue-50 p-3 text-xs text-gray-700">
-              ✓ Instant rollback capability<br />
-              ✓ Requires double the resources<br />
+              ✓ Instant rollback capability
+              <br />
+              ✓ Requires double the resources
+              <br />
               ✓ Takes 2-5 minutes
             </div>
-          }
+          )}
         />
         <RadioCard
           icon={<RiLightbulbLine className="h-5 w-5 text-yellow-600" />}
@@ -298,17 +304,23 @@ const DeploymentStrategyDemo = () => {
           description="Test with a small subset of users first"
           isChosen={strategy === 'canary'}
           onChosen={() => setStrategy('canary')}
-          chosenConfig={
+          chosenConfig={(
             <div className="rounded-lg bg-yellow-50 p-3 text-xs text-gray-700">
-              ✓ Test changes with real traffic<br />
-              ✓ Gradual rollout reduces risk<br />
+              ✓ Test changes with real traffic
+              <br />
+              ✓ Gradual rollout reduces risk
+              <br />
               ✓ Takes 15-30 minutes
             </div>
-          }
+          )}
         />
       </div>
       <button className="mt-6 w-full rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700">
-        Deploy with {strategy} strategy
+        Deploy with
+        {' '}
+        {strategy}
+        {' '}
+        strategy
       </button>
     </div>
   )
@@ -364,12 +376,12 @@ const StorageOptionsDemo = () => {
             key={option.value}
             icon={option.icon}
             iconBgClassName={option.iconBg}
-            title={
+            title={(
               <div className="flex items-center justify-between">
                 <span>{option.title}</span>
                 <span className="text-xs font-normal text-gray-500">{option.price}</span>
               </div>
-            }
+            )}
             description={`${option.description} - ${option.speed}`}
             isChosen={storage === option.value}
             onChosen={() => setStorage(option.value)}
@@ -379,10 +391,15 @@ const StorageOptionsDemo = () => {
       {selectedOption && (
         <div className="mt-4 rounded-lg bg-gray-50 p-4">
           <div className="text-sm text-gray-700">
-            <strong>Selected:</strong> {selectedOption.title}
+            <strong>Selected:</strong>
+            {' '}
+            {selectedOption.title}
           </div>
           <div className="mt-1 text-xs text-gray-500">
-            {selectedOption.price} • {selectedOption.speed}
+            {selectedOption.price}
+            {' '}
+            •
+            {selectedOption.speed}
           </div>
         </div>
       )}
@@ -411,7 +428,7 @@ const APIAuthMethodDemo = () => {
           description="Simple authentication using a secret key"
           isChosen={authMethod === 'api_key'}
           onChosen={() => setAuthMethod('api_key')}
-          chosenConfig={
+          chosenConfig={(
             <div className="space-y-2">
               <label className="text-xs font-medium text-gray-700">Your API Key</label>
               <input
@@ -423,7 +440,7 @@ const APIAuthMethodDemo = () => {
               />
               <p className="text-xs text-gray-500">Keep your API key secure and never share it publicly</p>
             </div>
-          }
+          )}
         />
         <RadioCard
           icon={<RiShieldLine className="h-5 w-5 text-green-600" />}
@@ -432,7 +449,7 @@ const APIAuthMethodDemo = () => {
           description="Industry-standard authorization protocol"
           isChosen={authMethod === 'oauth'}
           onChosen={() => setAuthMethod('oauth')}
-          chosenConfig={
+          chosenConfig={(
             <div className="rounded-lg bg-green-50 p-3">
               <p className="mb-2 text-xs text-gray-700">
                 Configure OAuth 2.0 authentication for secure access
@@ -441,7 +458,7 @@ const APIAuthMethodDemo = () => {
                 Configure OAuth Settings →
               </button>
             </div>
-          }
+          )}
         />
         <RadioCard
           icon={<RiShieldLine className="h-5 w-5 text-purple-600" />}
@@ -450,11 +467,11 @@ const APIAuthMethodDemo = () => {
           description="JSON Web Token based authentication"
           isChosen={authMethod === 'jwt'}
           onChosen={() => setAuthMethod('jwt')}
-          chosenConfig={
+          chosenConfig={(
             <div className="rounded-lg bg-purple-50 p-3 text-xs text-gray-700">
               JWT tokens provide stateless authentication with expiration and refresh capabilities
             </div>
-          }
+          )}
         />
       </div>
     </div>
@@ -487,11 +504,11 @@ const PlaygroundDemo = () => {
         description="Second option with different styling"
         isChosen={selected === 'option2'}
         onChosen={() => setSelected('option2')}
-        chosenConfig={
+        chosenConfig={(
           <div className="rounded bg-blue-50 p-2 text-xs text-gray-600">
             Additional configuration appears when selected
           </div>
-        }
+        )}
       />
       <RadioCard
         icon={<RiCloudLine className="h-5 w-5 text-green-600" />}
diff --git a/web/app/components/base/radio-card/index.tsx b/web/app/components/base/radio-card/index.tsx
index 605f3dccc7..7eb84ff2e4 100644
--- a/web/app/components/base/radio-card/index.tsx
+++ b/web/app/components/base/radio-card/index.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
+import { noop } from 'lodash-es'
 import React from 'react'
 import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
 
 type Props = {
   className?: string
@@ -37,26 +37,28 @@ const RadioCard: FC<Props> = ({
         className,
       )}
     >
-      <div className='flex gap-x-2' onClick={onChosen}>
+      <div className="flex gap-x-2" onClick={onChosen}>
         <div className={cn(iconBgClassName, 'flex size-8 shrink-0 items-center justify-center rounded-lg shadow-md')}>
           {icon}
         </div>
-        <div className='grow'>
-          <div className='system-sm-semibold mb-1 text-text-secondary'>{title}</div>
-          <div className='system-xs-regular text-text-tertiary'>{description}</div>
+        <div className="grow">
+          <div className="system-sm-semibold mb-1 text-text-secondary">{title}</div>
+          <div className="system-xs-regular text-text-tertiary">{description}</div>
         </div>
         {!noRadio && (
-          <div className='absolute right-3 top-3'>
+          <div className="absolute right-3 top-3">
             <div className={cn(
               'h-4 w-4 rounded-full border border-components-radio-border bg-components-radio-bg shadow-xs',
               isChosen && 'border-[5px] border-components-radio-border-checked',
-            )}></div>
+            )}
+            >
+            </div>
           </div>
         )}
       </div>
       {((isChosen && chosenConfig) || noRadio) && (
-        <div className='mt-2 flex gap-x-2'>
-          <div className='size-8 shrink-0'></div>
+        <div className="mt-2 flex gap-x-2">
+          <div className="size-8 shrink-0"></div>
           <div className={cn(chosenConfigWrapClassName, 'grow')}>
             {chosenConfig}
           </div>
diff --git a/web/app/components/base/radio-card/simple/index.tsx b/web/app/components/base/radio-card/simple/index.tsx
index fff7fe9c83..3a542599e1 100644
--- a/web/app/components/base/radio-card/simple/index.tsx
+++ b/web/app/components/base/radio-card/simple/index.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import s from './style.module.css'
 import { cn } from '@/utils/classnames'
+import s from './style.module.css'
 
 type Props = {
   className?: string
@@ -28,14 +28,14 @@ const RadioCard: FC<Props> = ({
       className={cn(s.item, isChosen && s.active)}
       onClick={onChosen}
     >
-      <div className='flex px-3 py-2'>
+      <div className="flex px-3 py-2">
         {icon}
         <div>
-          <div className='flex items-center justify-between'>
-            <div className='text-sm font-medium leading-5 text-gray-900'>{title}</div>
+          <div className="flex items-center justify-between">
+            <div className="text-sm font-medium leading-5 text-gray-900">{title}</div>
             <div className={s.radio}></div>
           </div>
-          <div className='text-xs font-normal leading-[18px] text-gray-500'>{description}</div>
+          <div className="text-xs font-normal leading-[18px] text-gray-500">{description}</div>
         </div>
       </div>
       {extra}
diff --git a/web/app/components/base/radio/component/group/index.tsx b/web/app/components/base/radio/component/group/index.tsx
index aa11fdddb7..53ccd5e833 100644
--- a/web/app/components/base/radio/component/group/index.tsx
+++ b/web/app/components/base/radio/component/group/index.tsx
@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react'
+import { cn } from '@/utils/classnames'
 import RadioGroupContext from '../../context'
 import s from '../../style.module.css'
-import { cn } from '@/utils/classnames'
 
 export type TRadioGroupProps = {
   children?: ReactNode | ReactNode[]
diff --git a/web/app/components/base/radio/component/radio/index.tsx b/web/app/components/base/radio/component/radio/index.tsx
index d31507cdd4..6e278f66e3 100644
--- a/web/app/components/base/radio/component/radio/index.tsx
+++ b/web/app/components/base/radio/component/radio/index.tsx
@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react'
 import { useId } from 'react'
 import { useContext } from 'use-context-selector'
+import { cn } from '@/utils/classnames'
 import RadioGroupContext from '../../context'
 import s from '../../style.module.css'
-import { cn } from '@/utils/classnames'
 
 export type IRadioProps = {
   className?: string
@@ -42,19 +42,22 @@ export default function Radio({
   `
 
   return (
-    <div className={cn(
-      s.label,
-      disabled ? s.disabled : '',
-      isChecked ? 'bg-components-option-card-option-bg-hover shadow-xs' : '',
-      divClassName,
-      className)}
-    onClick={() => handleChange(value)}
+    <div
+      className={cn(
+        s.label,
+        disabled ? s.disabled : '',
+        isChecked ? 'bg-components-option-card-option-bg-hover shadow-xs' : '',
+        divClassName,
+        className,
+      )}
+      onClick={() => handleChange(value)}
     >
       {children && (
-        <label className={
-          cn(labelClassName, 'cursor-pointer text-sm')
-        }
-        id={labelId}
+        <label
+          className={
+            cn(labelClassName, 'cursor-pointer text-sm')
+          }
+          id={labelId}
         >
           {children}
         </label>
diff --git a/web/app/components/base/radio/index.stories.tsx b/web/app/components/base/radio/index.stories.tsx
index 699372097f..1f9f7173fd 100644
--- a/web/app/components/base/radio/index.stories.tsx
+++ b/web/app/components/base/radio/index.stories.tsx
@@ -106,7 +106,9 @@ const RadioGroupDemo = () => {
         <Radio value="option3">Option 3</Radio>
       </Radio.Group>
       <div className="mt-4 text-sm text-gray-600">
-        Selected: <span className="font-semibold">{value}</span>
+        Selected:
+        {' '}
+        <span className="font-semibold">{value}</span>
       </div>
     </div>
   )
@@ -223,7 +225,12 @@ const SettingsPanelDemo = () => {
 
       <div className="mt-6 rounded-lg bg-blue-50 p-3">
         <div className="text-xs text-gray-600">
-          <strong>Current settings:</strong> Theme: {theme}, Language: {language}
+          <strong>Current settings:</strong>
+          {' '}
+          Theme:
+          {theme}
+          , Language:
+          {language}
         </div>
       </div>
     </div>
@@ -272,7 +279,9 @@ const PaymentMethodSelectorDemo = () => {
       </Radio.Group>
 
       <button className="mt-6 w-full rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700">
-        Continue with {paymentMethod.replace('_', ' ')}
+        Continue with
+        {' '}
+        {paymentMethod.replace('_', ' ')}
       </button>
     </div>
   )
@@ -302,7 +311,10 @@ const ShippingOptionsDemo = () => {
               <div className="font-medium">Standard Shipping</div>
               <div className="text-xs text-gray-500">5-7 business days</div>
             </div>
-            <div className="font-semibold text-gray-700">${shippingCosts.standard}</div>
+            <div className="font-semibold text-gray-700">
+              $
+              {shippingCosts.standard}
+            </div>
           </div>
         </Radio>
         <Radio value="express">
@@ -311,7 +323,10 @@ const ShippingOptionsDemo = () => {
               <div className="font-medium">Express Shipping</div>
               <div className="text-xs text-gray-500">2-3 business days</div>
             </div>
-            <div className="font-semibold text-gray-700">${shippingCosts.express}</div>
+            <div className="font-semibold text-gray-700">
+              $
+              {shippingCosts.express}
+            </div>
           </div>
         </Radio>
         <Radio value="overnight">
@@ -320,7 +335,10 @@ const ShippingOptionsDemo = () => {
               <div className="font-medium">Overnight Shipping</div>
               <div className="text-xs text-gray-500">Next business day</div>
             </div>
-            <div className="font-semibold text-gray-700">${shippingCosts.overnight}</div>
+            <div className="font-semibold text-gray-700">
+              $
+              {shippingCosts.overnight}
+            </div>
           </div>
         </Radio>
       </Radio.Group>
@@ -329,7 +347,8 @@ const ShippingOptionsDemo = () => {
         <div className="flex items-center justify-between">
           <span className="text-sm text-gray-600">Shipping cost:</span>
           <span className="text-lg font-semibold text-gray-900">
-            ${shippingCosts[shipping as keyof typeof shippingCosts]}
+            $
+            {shippingCosts[shipping as keyof typeof shippingCosts]}
           </span>
         </div>
       </div>
@@ -410,7 +429,9 @@ const PlaygroundDemo = () => {
         <Radio value="option4" disabled>Disabled option</Radio>
       </Radio.Group>
       <div className="mt-4 text-sm text-gray-600">
-        Selected: <span className="font-semibold">{value}</span>
+        Selected:
+        {' '}
+        <span className="font-semibold">{value}</span>
       </div>
     </div>
   )
diff --git a/web/app/components/base/radio/index.tsx b/web/app/components/base/radio/index.tsx
index 9aed85096d..0a07600746 100644
--- a/web/app/components/base/radio/index.tsx
+++ b/web/app/components/base/radio/index.tsx
@@ -1,7 +1,7 @@
 import type React from 'react'
 import type { IRadioProps } from './component/radio'
-import RadioComps from './component/radio'
 import Group from './component/group'
+import RadioComps from './component/radio'
 
 type CompoundedComponent = {
   Group: typeof Group
diff --git a/web/app/components/base/radio/ui.tsx b/web/app/components/base/radio/ui.tsx
index f28fbfb8bd..2b2770c104 100644
--- a/web/app/components/base/radio/ui.tsx
+++ b/web/app/components/base/radio/ui.tsx
@@ -31,7 +31,8 @@ const RadioUI: FC<Props> = ({
         className,
       )}
       onClick={(event) => {
-        if (disabled) return
+        if (disabled)
+          return
         onCheck?.(event)
       }}
     />
diff --git a/web/app/components/base/search-input/index.stories.tsx b/web/app/components/base/search-input/index.stories.tsx
index 6b2326322b..4b5323a8db 100644
--- a/web/app/components/base/search-input/index.stories.tsx
+++ b/web/app/components/base/search-input/index.stories.tsx
@@ -62,7 +62,9 @@ const SearchInputDemo = (args: any) => {
       />
       {value && (
         <div className="mt-3 text-sm text-gray-600">
-          Searching for: <span className="font-semibold">{value}</span>
+          Searching for:
+          {' '}
+          <span className="font-semibold">{value}</span>
         </div>
       )}
     </div>
@@ -139,31 +141,43 @@ const UserListSearchDemo = () => {
         placeholder="Search by name, email, or role..."
       />
       <div className="mt-4 space-y-2">
-        {filteredUsers.length > 0 ? (
-          filteredUsers.map(user => (
-            <div
-              key={user.id}
-              className="rounded-lg border border-gray-200 p-3 hover:bg-gray-50"
-            >
-              <div className="flex items-center justify-between">
-                <div>
-                  <div className="text-sm font-medium">{user.name}</div>
-                  <div className="text-xs text-gray-500">{user.email}</div>
+        {filteredUsers.length > 0
+          ? (
+              filteredUsers.map(user => (
+                <div
+                  key={user.id}
+                  className="rounded-lg border border-gray-200 p-3 hover:bg-gray-50"
+                >
+                  <div className="flex items-center justify-between">
+                    <div>
+                      <div className="text-sm font-medium">{user.name}</div>
+                      <div className="text-xs text-gray-500">{user.email}</div>
+                    </div>
+                    <span className="rounded bg-blue-100 px-2 py-1 text-xs text-blue-700">
+                      {user.role}
+                    </span>
+                  </div>
                 </div>
-                <span className="rounded bg-blue-100 px-2 py-1 text-xs text-blue-700">
-                  {user.role}
-                </span>
+              ))
+            )
+          : (
+              <div className="py-8 text-center text-sm text-gray-500">
+                No users found matching "
+                {searchQuery}
+                "
               </div>
-            </div>
-          ))
-        ) : (
-          <div className="py-8 text-center text-sm text-gray-500">
-            No users found matching "{searchQuery}"
-          </div>
-        )}
+            )}
       </div>
       <div className="mt-4 text-xs text-gray-500">
-        Showing {filteredUsers.length} of {users.length} members
+        Showing
+        {' '}
+        {filteredUsers.length}
+        {' '}
+        of
+        {' '}
+        {users.length}
+        {' '}
+        members
       </div>
     </div>
   )
@@ -202,22 +216,27 @@ const ProductSearchDemo = () => {
         white
       />
       <div className="mt-4 grid grid-cols-2 gap-3">
-        {filteredProducts.length > 0 ? (
-          filteredProducts.map(product => (
-            <div
-              key={product.id}
-              className="rounded-lg border border-gray-200 p-4 transition-shadow hover:shadow-md"
-            >
-              <div className="mb-1 text-sm font-medium">{product.name}</div>
-              <div className="mb-2 text-xs text-gray-500">{product.category}</div>
-              <div className="text-lg font-semibold text-blue-600">${product.price}</div>
-            </div>
-          ))
-        ) : (
-          <div className="col-span-2 py-8 text-center text-sm text-gray-500">
-            No products found
-          </div>
-        )}
+        {filteredProducts.length > 0
+          ? (
+              filteredProducts.map(product => (
+                <div
+                  key={product.id}
+                  className="rounded-lg border border-gray-200 p-4 transition-shadow hover:shadow-md"
+                >
+                  <div className="mb-1 text-sm font-medium">{product.name}</div>
+                  <div className="mb-2 text-xs text-gray-500">{product.category}</div>
+                  <div className="text-lg font-semibold text-blue-600">
+                    $
+                    {product.price}
+                  </div>
+                </div>
+              ))
+            )
+          : (
+              <div className="col-span-2 py-8 text-center text-sm text-gray-500">
+                No products found
+              </div>
+            )}
       </div>
     </div>
   )
@@ -258,29 +277,33 @@ const DocumentationSearchDemo = () => {
         className="!h-10"
       />
       <div className="mt-4 space-y-3">
-        {filteredDocs.length > 0 ? (
-          filteredDocs.map(doc => (
-            <div
-              key={doc.id}
-              className="cursor-pointer rounded-lg border border-gray-200 bg-white p-4 transition-colors hover:border-blue-300"
-            >
-              <div className="mb-2 flex items-start justify-between">
-                <h4 className="text-base font-semibold">{doc.title}</h4>
-                <span className="rounded bg-gray-100 px-2 py-1 text-xs text-gray-600">
-                  {doc.category}
-                </span>
+        {filteredDocs.length > 0
+          ? (
+              filteredDocs.map(doc => (
+                <div
+                  key={doc.id}
+                  className="cursor-pointer rounded-lg border border-gray-200 bg-white p-4 transition-colors hover:border-blue-300"
+                >
+                  <div className="mb-2 flex items-start justify-between">
+                    <h4 className="text-base font-semibold">{doc.title}</h4>
+                    <span className="rounded bg-gray-100 px-2 py-1 text-xs text-gray-600">
+                      {doc.category}
+                    </span>
+                  </div>
+                  <p className="text-sm text-gray-600">{doc.excerpt}</p>
+                </div>
+              ))
+            )
+          : (
+              <div className="py-12 text-center">
+                <div className="mb-2 text-4xl">🔍</div>
+                <div className="text-sm text-gray-500">
+                  No documentation found for "
+                  {searchQuery}
+                  "
+                </div>
               </div>
-              <p className="text-sm text-gray-600">{doc.excerpt}</p>
-            </div>
-          ))
-        ) : (
-          <div className="py-12 text-center">
-            <div className="mb-2 text-4xl">🔍</div>
-            <div className="text-sm text-gray-500">
-              No documentation found for "{searchQuery}"
-            </div>
-          </div>
-        )}
+            )}
       </div>
     </div>
   )
@@ -321,26 +344,28 @@ const CommandPaletteDemo = () => {
         />
       </div>
       <div className="max-h-[400px] overflow-y-auto">
-        {filteredCommands.length > 0 ? (
-          filteredCommands.map(cmd => (
-            <div
-              key={cmd.id}
-              className="flex cursor-pointer items-center justify-between border-b border-gray-100 px-4 py-3 last:border-b-0 hover:bg-gray-100"
-            >
-              <div className="flex items-center gap-3">
-                <span className="text-xl">{cmd.icon}</span>
-                <span className="text-sm">{cmd.name}</span>
+        {filteredCommands.length > 0
+          ? (
+              filteredCommands.map(cmd => (
+                <div
+                  key={cmd.id}
+                  className="flex cursor-pointer items-center justify-between border-b border-gray-100 px-4 py-3 last:border-b-0 hover:bg-gray-100"
+                >
+                  <div className="flex items-center gap-3">
+                    <span className="text-xl">{cmd.icon}</span>
+                    <span className="text-sm">{cmd.name}</span>
+                  </div>
+                  <kbd className="rounded bg-gray-200 px-2 py-1 font-mono text-xs">
+                    {cmd.shortcut}
+                  </kbd>
+                </div>
+              ))
+            )
+          : (
+              <div className="py-8 text-center text-sm text-gray-500">
+                No commands found
               </div>
-              <kbd className="rounded bg-gray-200 px-2 py-1 font-mono text-xs">
-                {cmd.shortcut}
-              </kbd>
-            </div>
-          ))
-        ) : (
-          <div className="py-8 text-center text-sm text-gray-500">
-            No commands found
-          </div>
-        )}
+            )}
       </div>
     </div>
   )
@@ -378,7 +403,10 @@ const LiveSearchWithCountDemo = () => {
         <h3 className="text-lg font-semibold">Learning Resources</h3>
         {searchQuery && (
           <span className="text-sm text-gray-500">
-            {filteredItems.length} result{filteredItems.length !== 1 ? 's' : ''}
+            {filteredItems.length}
+            {' '}
+            result
+            {filteredItems.length !== 1 ? 's' : ''}
           </span>
         )}
       </div>
diff --git a/web/app/components/base/search-input/index.tsx b/web/app/components/base/search-input/index.tsx
index 3b20a8816c..e1d5d351cd 100644
--- a/web/app/components/base/search-input/index.tsx
+++ b/web/app/components/base/search-input/index.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
+import { RiCloseCircleFill, RiSearchLine } from '@remixicon/react'
 import { useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseCircleFill, RiSearchLine } from '@remixicon/react'
 import { cn } from '@/utils/classnames'
 
 type SearchInputProps = {
@@ -30,7 +30,8 @@ const SearchInput: FC<SearchInputProps> = ({
       focus && '!bg-components-input-bg-active',
       white && '!border-gray-300 !bg-white shadow-xs hover:!border-gray-300 hover:!bg-white',
       className,
-    )}>
+    )}
+    >
       <div className="pointer-events-none mr-1.5 flex h-4 w-4 shrink-0 items-center justify-center">
         <RiSearchLine className="h-4 w-4 text-components-input-text-placeholder" aria-hidden="true" />
       </div>
@@ -65,12 +66,12 @@ const SearchInput: FC<SearchInputProps> = ({
       />
       {value && (
         <div
-          className='group/clear flex h-4 w-4 shrink-0 cursor-pointer items-center justify-center'
+          className="group/clear flex h-4 w-4 shrink-0 cursor-pointer items-center justify-center"
           onClick={() => {
             onChange('')
           }}
         >
-          <RiCloseCircleFill className='h-4 w-4 text-text-quaternary group-hover/clear:text-text-tertiary' />
+          <RiCloseCircleFill className="h-4 w-4 text-text-quaternary group-hover/clear:text-text-tertiary" />
         </div>
       )}
     </div>
diff --git a/web/app/components/base/segmented-control/index.spec.tsx b/web/app/components/base/segmented-control/index.spec.tsx
index 9f2b4d9fc9..d83ec58757 100644
--- a/web/app/components/base/segmented-control/index.spec.tsx
+++ b/web/app/components/base/segmented-control/index.spec.tsx
@@ -21,7 +21,7 @@ describe('SegmentedControl', () => {
   })
 
   it('renders all options correctly', () => {
-    render(<SegmentedControl options={options} value='option1' onChange={onSelectMock} />)
+    render(<SegmentedControl options={options} value="option1" onChange={onSelectMock} />)
 
     options.forEach((option) => {
       expect(screen.getByText(option.text)).toBeInTheDocument()
@@ -35,9 +35,9 @@ describe('SegmentedControl', () => {
     render(
       <SegmentedControl
         options={options}
-        value='option1'
+        value="option1"
         onChange={onSelectMock}
-        activeClassName='custom-active-class'
+        activeClassName="custom-active-class"
       />,
     )
 
@@ -46,28 +46,28 @@ describe('SegmentedControl', () => {
   })
 
   it('highlights the selected option', () => {
-    render(<SegmentedControl options={options} value='option2' onChange={onSelectMock} />)
+    render(<SegmentedControl options={options} value="option2" onChange={onSelectMock} />)
 
     const selectedOption = screen.getByText('Option 2').closest('button')
     expect(selectedOption).toHaveClass('active')
   })
 
   it('calls onChange when an option is clicked', () => {
-    render(<SegmentedControl options={options} value='option1' onChange={onSelectMock} />)
+    render(<SegmentedControl options={options} value="option1" onChange={onSelectMock} />)
 
     fireEvent.click(screen.getByText('Option 3'))
     expect(onSelectMock).toHaveBeenCalledWith('option3')
   })
 
   it('does not call onChange when clicking the already selected option', () => {
-    render(<SegmentedControl options={options} value='option1' onChange={onSelectMock} />)
+    render(<SegmentedControl options={options} value="option1" onChange={onSelectMock} />)
 
     fireEvent.click(screen.getByText('Option 1'))
     expect(onSelectMock).not.toHaveBeenCalled()
   })
 
   it('handles disabled state correctly', () => {
-    render(<SegmentedControl options={optionsWithDisabled} value='option1' onChange={onSelectMock} />)
+    render(<SegmentedControl options={optionsWithDisabled} value="option1" onChange={onSelectMock} />)
 
     fireEvent.click(screen.getByText('Option 2'))
     expect(onSelectMock).not.toHaveBeenCalled()
@@ -85,7 +85,7 @@ describe('SegmentedControl', () => {
     render(
       <SegmentedControl
         options={options}
-        value='option1'
+        value="option1"
         onChange={onSelectMock}
         className={customClass}
       />,
diff --git a/web/app/components/base/segmented-control/index.stories.tsx b/web/app/components/base/segmented-control/index.stories.tsx
index c83112bd54..d7b41b3921 100644
--- a/web/app/components/base/segmented-control/index.stories.tsx
+++ b/web/app/components/base/segmented-control/index.stories.tsx
@@ -27,7 +27,9 @@ const SegmentedControlDemo = ({
       <div className="flex items-center justify-between text-xs uppercase tracking-[0.18em] text-text-tertiary">
         <span>Segmented control</span>
         <code className="rounded-md bg-background-default px-2 py-1 text-[11px] text-text-tertiary">
-          value="{value}"
+          value="
+          {value}
+          "
         </code>
       </div>
       <SegmentedControl
diff --git a/web/app/components/base/segmented-control/index.tsx b/web/app/components/base/segmented-control/index.tsx
index 92c4c0c829..b9c749befb 100644
--- a/web/app/components/base/segmented-control/index.tsx
+++ b/web/app/components/base/segmented-control/index.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { cn } from '@/utils/classnames'
 import type { RemixiconComponentType } from '@remixicon/react'
-import Divider from '../divider'
 import type { VariantProps } from 'class-variance-authority'
 import { cva } from 'class-variance-authority'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import Divider from '../divider'
 import './index.css'
 
 type SegmentedControlOption<T> = {
@@ -102,7 +102,8 @@ export const SegmentedControl = <T extends string | number | symbol>({
     <div className={cn(
       SegmentedControlVariants({ size, padding }),
       className,
-    )}>
+    )}
+    >
       {options.map((option, index) => {
         const { Icon, text, count, disabled } = option
         const isSelected = index === selectedOptionIndex
@@ -110,7 +111,7 @@ export const SegmentedControl = <T extends string | number | symbol>({
         const isLast = index === options.length - 1
         return (
           <button
-            type='button'
+            type="button"
             key={String(option.value)}
             className={cn(
               isSelected ? 'active' : 'default',
@@ -125,20 +126,20 @@ export const SegmentedControl = <T extends string | number | symbol>({
             }}
             disabled={disabled}
           >
-            {Icon && <Icon className='size-4 shrink-0' />}
+            {Icon && <Icon className="size-4 shrink-0" />}
             {text && (
               <div className={cn('inline-flex items-center gap-x-1', ItemTextWrapperVariants({ size }))}>
                 <span>{text}</span>
                 {count && size === 'large' && (
-                  <div className='system-2xs-medium-uppercase inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-[5px] text-text-tertiary'>
+                  <div className="system-2xs-medium-uppercase inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-[5px] text-text-tertiary">
                     {count}
                   </div>
                 )}
               </div>
             )}
             {!isLast && !isSelected && !isNextSelected && (
-              <div data-testid={`segmented-control-divider-${index}`} className='absolute right-[-1px] top-0 flex h-full items-center'>
-                <Divider type='vertical' className='mx-0 h-3.5' />
+              <div data-testid={`segmented-control-divider-${index}`} className="absolute right-[-1px] top-0 flex h-full items-center">
+                <Divider type="vertical" className="mx-0 h-3.5" />
               </div>
             )}
           </button>
diff --git a/web/app/components/base/select/custom.tsx b/web/app/components/base/select/custom.tsx
index d17c8c7a7e..880a05bcc5 100644
--- a/web/app/components/base/select/custom.tsx
+++ b/web/app/components/base/select/custom.tsx
@@ -1,20 +1,20 @@
+import type {
+  PortalToFollowElemOptions,
+} from '@/app/components/base/portal-to-follow-elem'
+import {
+  RiArrowDownSLine,
+  RiCheckLine,
+} from '@remixicon/react'
 import {
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiArrowDownSLine,
-  RiCheckLine,
-} from '@remixicon/react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type {
-  PortalToFollowElemOptions,
-} from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
 
 export type Option = {
@@ -32,13 +32,13 @@ export type CustomSelectProps<T extends Option> = {
   }
   triggerProps?: {
     className?: string
-  },
+  }
   popupProps?: {
     wrapperClassName?: string
     className?: string
     itemClassName?: string
     title?: string
-  },
+  }
   CustomTrigger?: (option: T | undefined, open: boolean) => React.JSX.Element
   CustomOption?: (option: T, selected: boolean) => React.JSX.Element
 }
@@ -99,28 +99,31 @@ const CustomSelect = <T extends Option>({
             triggerClassName,
           )}
         >
-          {CustomTrigger ? CustomTrigger(selectedOption, mergedOpen) : (
-            <>
-              <div
-                className='grow'
-                title={triggerText}
-              >
-                {triggerText}
-              </div>
-              <RiArrowDownSLine
-                className={cn(
-                  'h-4 w-4 shrink-0 text-text-quaternary group-hover:text-text-secondary',
-                  mergedOpen && 'text-text-secondary',
-                )}
-              />
-            </>
-          )}
+          {CustomTrigger
+            ? CustomTrigger(selectedOption, mergedOpen)
+            : (
+                <>
+                  <div
+                    className="grow"
+                    title={triggerText}
+                  >
+                    {triggerText}
+                  </div>
+                  <RiArrowDownSLine
+                    className={cn(
+                      'h-4 w-4 shrink-0 text-text-quaternary group-hover:text-text-secondary',
+                      mergedOpen && 'text-text-secondary',
+                    )}
+                  />
+                </>
+              )}
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={cn(
         'z-10',
         popupWrapperClassName,
-      )}>
+      )}
+      >
         <div
           className={cn(
             'rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg shadow-shadow-shadow-5',
@@ -143,16 +146,18 @@ const CustomSelect = <T extends Option>({
                     handleOpenChange(false)
                   }}
                 >
-                  {CustomOption ? CustomOption(option, selected) : (
-                    <>
-                      <div className='mr-1 grow truncate px-1'>
-                        {option.label}
-                      </div>
-                      {
-                        selected && <RiCheckLine className='h-4 w-4 shrink-0 text-text-accent' />
-                      }
-                    </>
-                  )}
+                  {CustomOption
+                    ? CustomOption(option, selected)
+                    : (
+                        <>
+                          <div className="mr-1 grow truncate px-1">
+                            {option.label}
+                          </div>
+                          {
+                            selected && <RiCheckLine className="h-4 w-4 shrink-0 text-text-accent" />
+                          }
+                        </>
+                      )}
                 </div>
               )
             })
diff --git a/web/app/components/base/select/index.stories.tsx b/web/app/components/base/select/index.stories.tsx
index f1b46f2d55..793f21343a 100644
--- a/web/app/components/base/select/index.stories.tsx
+++ b/web/app/components/base/select/index.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
+import type { Item } from '.'
 import { useState } from 'react'
 import Select, { PortalSelect, SimpleSelect } from '.'
-import type { Item } from '.'
 
 const meta = {
   title: 'Base/Data Entry/Select',
@@ -79,7 +79,9 @@ const SimpleSelectDemo = (args: any) => {
       />
       {selected && (
         <div className="mt-3 text-sm text-gray-600">
-          Selected: <span className="font-semibold">{selected}</span>
+          Selected:
+          {' '}
+          <span className="font-semibold">{selected}</span>
         </div>
       )}
     </div>
@@ -155,7 +157,9 @@ const WithSearchDemo = () => {
         allowSearch={true}
       />
       <div className="mt-3 text-sm text-gray-600">
-        Selected: <span className="font-semibold">{selected}</span>
+        Selected:
+        {' '}
+        <span className="font-semibold">{selected}</span>
       </div>
     </div>
   )
@@ -182,7 +186,9 @@ const PortalSelectVariantDemo = () => {
         placeholder="Select a fruit..."
       />
       <div className="mt-3 text-sm text-gray-600">
-        Selected: <span className="font-semibold">{selected}</span>
+        Selected:
+        {' '}
+        <span className="font-semibold">{selected}</span>
       </div>
     </div>
   )
@@ -301,9 +307,21 @@ const FormFieldDemo = () => {
         </div>
       </div>
       <div className="mt-6 rounded-lg bg-gray-50 p-3 text-xs text-gray-700">
-        <div><strong>Country:</strong> {formData.country}</div>
-        <div><strong>Language:</strong> {formData.language}</div>
-        <div><strong>Timezone:</strong> {formData.timezone}</div>
+        <div>
+          <strong>Country:</strong>
+          {' '}
+          {formData.country}
+        </div>
+        <div>
+          <strong>Language:</strong>
+          {' '}
+          {formData.language}
+        </div>
+        <div>
+          <strong>Timezone:</strong>
+          {' '}
+          {formData.timezone}
+        </div>
       </div>
     </div>
   )
@@ -361,10 +379,14 @@ const FilterSelectorDemo = () => {
         <div className="mb-2 font-medium text-gray-700">Active Filters:</div>
         <div className="flex gap-2">
           <span className="rounded bg-blue-200 px-2 py-1 text-xs text-blue-800">
-            Status: {status}
+            Status:
+            {' '}
+            {status}
           </span>
           <span className="rounded bg-blue-200 px-2 py-1 text-xs text-blue-800">
-            Priority: {priority}
+            Priority:
+            {' '}
+            {priority}
           </span>
         </div>
       </div>
@@ -405,7 +427,10 @@ const VersionSelectorDemo = () => {
             ⚠️ Version change detected
           </div>
         )}
-        <div>Current: <strong>{selectedVersion}</strong></div>
+        <div>
+          Current:
+          <strong>{selectedVersion}</strong>
+        </div>
         <div className="mt-1 text-xs text-gray-500">Installed: 2.0.5</div>
       </div>
     </div>
diff --git a/web/app/components/base/select/index.tsx b/web/app/components/base/select/index.tsx
index d42c9fa2b9..8ab8925366 100644
--- a/web/app/components/base/select/index.tsx
+++ b/web/app/components/base/select/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
 import { Combobox, ComboboxButton, ComboboxInput, ComboboxOption, ComboboxOptions, Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/react'
 import { ChevronDownIcon, ChevronUpIcon, XMarkIcon } from '@heroicons/react/20/solid'
-import Badge from '../badge/index'
 import { RiCheckLine, RiLoader4Line } from '@remixicon/react'
+import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
+import Badge from '../badge/index'
 
 const defaultItems = [
   { value: 1, name: 'option1' },
@@ -85,8 +85,8 @@ const Select: FC<ISelectProps> = ({
     = query === ''
       ? items
       : items.filter((item) => {
-        return item.name.toLowerCase().includes(query.toLowerCase())
-      })
+          return item.name.toLowerCase().includes(query.toLowerCase())
+        })
 
   return (
     <Combobox
@@ -100,32 +100,43 @@ const Select: FC<ISelectProps> = ({
           setOpen(false)
           onSelect(value)
         }
-      }}>
+      }}
+    >
       <div className={cn('relative')}>
-        <div className='group text-text-secondary'>
+        <div className="group text-text-secondary">
           {allowSearch
-            ? <ComboboxInput
-              className={`w-full rounded-lg border-0 ${bgClassName} py-1.5 pl-3 pr-10 shadow-sm focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6 ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}`}
-              onChange={(event) => {
-                if (!disabled)
-                  setQuery(event.target.value)
-              }}
-              displayValue={(item: Item) => item?.name}
-            />
-            : <ComboboxButton onClick={
+            ? (
+                <ComboboxInput
+                  className={`w-full rounded-lg border-0 ${bgClassName} py-1.5 pl-3 pr-10 shadow-sm focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6 ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}`}
+                  onChange={(event) => {
+                    if (!disabled)
+                      setQuery(event.target.value)
+                  }}
+                  displayValue={(item: Item) => item?.name}
+                />
+              )
+            : (
+                <ComboboxButton
+                  onClick={
+                    () => {
+                      if (!disabled)
+                        setOpen(!open)
+                    }
+                  }
+                  className={cn(`flex h-9 w-full items-center rounded-lg border-0 ${bgClassName} py-1.5 pl-3 pr-10 shadow-sm focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6`, optionClassName)}
+                >
+                  <div className="w-0 grow truncate text-left" title={selectedItem?.name}>{selectedItem?.name}</div>
+                </ComboboxButton>
+              )}
+          <ComboboxButton
+            className="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"
+            onClick={
               () => {
                 if (!disabled)
                   setOpen(!open)
               }
-            } className={cn(`flex h-9 w-full items-center rounded-lg border-0 ${bgClassName} py-1.5 pl-3 pr-10 shadow-sm focus-visible:bg-state-base-hover focus-visible:outline-none group-hover:bg-state-base-hover sm:text-sm sm:leading-6`, optionClassName)}>
-              <div className='w-0 grow truncate text-left' title={selectedItem?.name}>{selectedItem?.name}</div>
-            </ComboboxButton>}
-          <ComboboxButton className="absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" onClick={
-            () => {
-              if (!disabled)
-                setOpen(!open)
             }
-          }>
+          >
             {open ? <ChevronUpIcon className="h-5 w-5" /> : <ChevronDownIcon className="h-5 w-5" />}
           </ComboboxButton>
         </div>
@@ -137,27 +148,24 @@ const Select: FC<ISelectProps> = ({
                 key={item.value}
                 value={item}
                 className={({ active }: { active: boolean }) =>
-                  cn('relative cursor-default select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover',
-                    active ? 'bg-state-base-hover' : '',
-                    optionClassName)
-                }
+                  cn('relative cursor-default select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover', active ? 'bg-state-base-hover' : '', optionClassName)}
               >
                 {({ /* active, */ selected }) => (
                   <>
                     {renderOption
                       ? renderOption({ item, selected })
                       : (
-                        <>
-                          <span className={cn('block', selected && 'font-normal')}>{item.name}</span>
-                          {selected && (
-                            <span
-                              className={cn('absolute inset-y-0 right-0 flex items-center pr-4 text-text-secondary')}
-                            >
-                              <RiCheckLine className="h-4 w-4" aria-hidden="true" />
-                            </span>
-                          )}
-                        </>
-                      )}
+                          <>
+                            <span className={cn('block', selected && 'font-normal')}>{item.name}</span>
+                            {selected && (
+                              <span
+                                className={cn('absolute inset-y-0 right-0 flex items-center pr-4 text-text-secondary')}
+                              >
+                                <RiCheckLine className="h-4 w-4" aria-hidden="true" />
+                              </span>
+                            )}
+                          </>
+                        )}
                   </>
                 )}
               </ComboboxOption>
@@ -165,7 +173,7 @@ const Select: FC<ISelectProps> = ({
           </ComboboxOptions>
         )}
       </div>
-    </Combobox >
+    </Combobox>
   )
 }
 
@@ -207,7 +215,8 @@ const SimpleSelect: FC<ISelectProps> = ({
   const listboxRef = useRef<HTMLDivElement>(null)
 
   return (
-    <Listbox ref={listboxRef}
+    <Listbox
+      ref={listboxRef}
       value={selectedItem}
       onChange={(value: Item) => {
         if (!disabled) {
@@ -218,39 +227,45 @@ const SimpleSelect: FC<ISelectProps> = ({
     >
       {({ open }) => (
         <div className={cn('group/simple-select relative h-9', wrapperClassName)}>
-          {renderTrigger && <ListboxButton className='w-full'>{renderTrigger(selectedItem, open)}</ListboxButton>}
+          {renderTrigger && <ListboxButton className="w-full">{renderTrigger(selectedItem, open)}</ListboxButton>}
           {!renderTrigger && (
-            <ListboxButton onClick={() => {
-              onOpenChange?.(open)
-            }} className={cn(`flex h-full w-full items-center rounded-lg border-0 bg-components-input-bg-normal pl-3 pr-10 focus-visible:bg-state-base-hover-alt focus-visible:outline-none group-hover/simple-select:bg-state-base-hover-alt sm:text-sm sm:leading-6 ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}`, className)}>
+            <ListboxButton
+              onClick={() => {
+                onOpenChange?.(open)
+              }}
+              className={cn(`flex h-full w-full items-center rounded-lg border-0 bg-components-input-bg-normal pl-3 pr-10 focus-visible:bg-state-base-hover-alt focus-visible:outline-none group-hover/simple-select:bg-state-base-hover-alt sm:text-sm sm:leading-6 ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}`, className)}
+            >
               <span className={cn('system-sm-regular block truncate text-left text-components-input-text-filled', !selectedItem?.name && 'text-components-input-text-placeholder')}>{selectedItem?.name ?? localPlaceholder}</span>
               <span className="absolute inset-y-0 right-0 flex items-center pr-2">
-                {isLoading ? <RiLoader4Line className='h-3.5 w-3.5 animate-spin text-text-secondary' />
+                {isLoading
+                  ? <RiLoader4Line className="h-3.5 w-3.5 animate-spin text-text-secondary" />
                   : (selectedItem && !notClearable)
-                    ? (
-                      <XMarkIcon
-                        onClick={(e) => {
-                          e.stopPropagation()
-                          setSelectedItem(null)
-                          onSelect({ name: '', value: '' })
-                        }}
-                        className="h-4 w-4 cursor-pointer text-text-quaternary"
-                        aria-hidden="false"
-                      />
-                    )
-                    : (
-                      open ? (
-                        <ChevronUpIcon
-                          className="h-4 w-4 text-text-quaternary group-hover/simple-select:text-text-secondary"
-                          aria-hidden="true"
-                        />
-                      ) : (
-                        <ChevronDownIcon
-                          className="h-4 w-4 text-text-quaternary group-hover/simple-select:text-text-secondary"
-                          aria-hidden="true"
-                        />
-                      )
-                    )}
+                      ? (
+                          <XMarkIcon
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              setSelectedItem(null)
+                              onSelect({ name: '', value: '' })
+                            }}
+                            className="h-4 w-4 cursor-pointer text-text-quaternary"
+                            aria-hidden="false"
+                          />
+                        )
+                      : (
+                          open
+                            ? (
+                                <ChevronUpIcon
+                                  className="h-4 w-4 text-text-quaternary group-hover/simple-select:text-text-secondary"
+                                  aria-hidden="true"
+                                />
+                              )
+                            : (
+                                <ChevronDownIcon
+                                  className="h-4 w-4 text-text-quaternary group-hover/simple-select:text-text-secondary"
+                                  aria-hidden="true"
+                                />
+                              )
+                        )}
               </span>
             </ListboxButton>
           )}
@@ -269,8 +284,7 @@ const SimpleSelect: FC<ISelectProps> = ({
                   <ListboxOption
                     key={item.value}
                     className={
-                      cn('relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover',
-                        optionClassName)
+                      cn('relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover', optionClassName)
                     }
                     value={item}
                     disabled={item.disabled || disabled}
@@ -279,16 +293,18 @@ const SimpleSelect: FC<ISelectProps> = ({
                       <>
                         {renderOption
                           ? renderOption({ item, selected })
-                          : (<>
-                            <span className={cn('block', selected && 'font-normal')}>{item.name}</span>
-                            {selected && !hideChecked && (
-                              <span
-                                className={cn('absolute inset-y-0 right-0 flex items-center pr-2 text-text-accent')}
-                              >
-                                <RiCheckLine className="h-4 w-4" aria-hidden="true" />
-                              </span>
+                          : (
+                              <>
+                                <span className={cn('block', selected && 'font-normal')}>{item.name}</span>
+                                {selected && !hideChecked && (
+                                  <span
+                                    className={cn('absolute inset-y-0 right-0 flex items-center pr-2 text-text-accent')}
+                                  >
+                                    <RiCheckLine className="h-4 w-4" aria-hidden="true" />
+                                  </span>
+                                )}
+                              </>
                             )}
-                          </>)}
                       </>
                     )}
                   </ListboxOption>
@@ -339,32 +355,43 @@ const PortalSelect: FC<PortalSelectProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
       triggerPopupSameWidth={true}
     >
-      <PortalToFollowElemTrigger onClick={() => !readonly && setOpen(v => !v)} className='w-full'>
+      <PortalToFollowElemTrigger onClick={() => !readonly && setOpen(v => !v)} className="w-full">
         {renderTrigger
           ? renderTrigger(selectedItem)
           : (
-            <div
-              className={cn(`
+              <div
+                className={cn(`
                           group flex h-9 items-center justify-between rounded-lg border-0 bg-components-input-bg-normal px-2.5 text-sm hover:bg-state-base-hover-alt ${readonly ? 'cursor-not-allowed' : 'cursor-pointer'}
                         `, triggerClassName, triggerClassNameFn?.(open))}
-              title={selectedItem?.name}
-            >
-              <span
-                className={`
+                title={selectedItem?.name}
+              >
+                <span
+                  className={`
               grow truncate text-text-secondary
               ${!selectedItem?.name && 'text-components-input-text-placeholder'}
             `}
-              >
-                {selectedItem?.name ?? localPlaceholder}
-              </span>
-              <div className='mx-0.5'>{installedValue && selectedItem && selectedItem.value !== installedValue && <Badge>{installedValue} {'->'} {selectedItem.value} </Badge>}</div>
-              <ChevronDownIcon className='h-4 w-4 shrink-0 text-text-quaternary group-hover:text-text-secondary' />
-            </div>
-          )}
+                >
+                  {selectedItem?.name ?? localPlaceholder}
+                </span>
+                <div className="mx-0.5">
+                  {installedValue && selectedItem && selectedItem.value !== installedValue && (
+                    <Badge>
+                      {installedValue}
+                      {' '}
+                      {'->'}
+                      {' '}
+                      {selectedItem.value}
+                      {' '}
+                    </Badge>
+                  )}
+                </div>
+                <ChevronDownIcon className="h-4 w-4 shrink-0 text-text-quaternary group-hover:text-text-secondary" />
+              </div>
+            )}
 
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={`z-20 ${popupClassName}`}>
@@ -385,16 +412,16 @@ const PortalSelect: FC<PortalSelectProps> = ({
               }}
             >
               <span
-                className='w-0 grow truncate'
+                className="w-0 grow truncate"
                 title={item.name}
               >
-                <span className='truncate'>{item.name}</span>
+                <span className="truncate">{item.name}</span>
                 {item.value === installedValue && (
-                  <Badge uppercase={true} className='ml-1 shrink-0'>INSTALLED</Badge>
+                  <Badge uppercase={true} className="ml-1 shrink-0">INSTALLED</Badge>
                 )}
               </span>
               {!hideChecked && item.value === value && (
-                <RiCheckLine className='h-4 w-4 shrink-0 text-text-accent' />
+                <RiCheckLine className="h-4 w-4 shrink-0 text-text-accent" />
               )}
               {item.extra}
             </div>
@@ -404,5 +431,5 @@ const PortalSelect: FC<PortalSelectProps> = ({
     </PortalToFollowElem>
   )
 }
-export { SimpleSelect, PortalSelect }
+export { PortalSelect, SimpleSelect }
 export default React.memo(Select)
diff --git a/web/app/components/base/select/locale-signin.tsx b/web/app/components/base/select/locale-signin.tsx
index 2ec491f4bf..02ed469a22 100644
--- a/web/app/components/base/select/locale-signin.tsx
+++ b/web/app/components/base/select/locale-signin.tsx
@@ -1,10 +1,10 @@
 'use client'
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
-import { Fragment } from 'react'
 import { GlobeAltIcon } from '@heroicons/react/24/outline'
+import { Fragment } from 'react'
 
 type ISelectProps = {
-  items: Array<{ value: string; name: string }>
+  items: Array<{ value: string, name: string }>
   value?: string
   className?: string
   onChange?: (value: string) => void
@@ -38,17 +38,20 @@ export default function LocaleSigninSelect({
           <MenuItems className="absolute right-0 z-10 mt-2 w-[200px] origin-top-right divide-y divide-divider-regular rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg focus:outline-none">
             <div className="max-h-96 overflow-y-auto px-1 py-1 [mask-image:linear-gradient(to_bottom,transparent_0px,black_8px,black_calc(100%-8px),transparent_100%)]">
               {items.map((item) => {
-                return <MenuItem key={item.value}>
-                  <button type="button"
-                    className={'group flex w-full items-center rounded-lg px-3 py-2 text-sm text-text-secondary data-[active]:bg-state-base-hover'}
-                    onClick={(evt) => {
-                      evt.preventDefault()
-                      onChange?.(item.value)
-                    }}
-                  >
-                    {item.name}
-                  </button>
-                </MenuItem>
+                return (
+                  <MenuItem key={item.value}>
+                    <button
+                      type="button"
+                      className="group flex w-full items-center rounded-lg px-3 py-2 text-sm text-text-secondary data-[active]:bg-state-base-hover"
+                      onClick={(evt) => {
+                        evt.preventDefault()
+                        onChange?.(item.value)
+                      }}
+                    >
+                      {item.name}
+                    </button>
+                  </MenuItem>
+                )
               })}
 
             </div>
diff --git a/web/app/components/base/select/locale.tsx b/web/app/components/base/select/locale.tsx
index 2033488435..bf64d2c901 100644
--- a/web/app/components/base/select/locale.tsx
+++ b/web/app/components/base/select/locale.tsx
@@ -1,10 +1,10 @@
 'use client'
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
-import { Fragment } from 'react'
 import { GlobeAltIcon } from '@heroicons/react/24/outline'
+import { Fragment } from 'react'
 
 type ISelectProps = {
-  items: Array<{ value: string; name: string }>
+  items: Array<{ value: string, name: string }>
   value?: string
   className?: string
   onChange?: (value: string) => void
@@ -38,17 +38,20 @@ export default function Select({
           <MenuItems className="absolute right-0 z-10 mt-2 w-[200px] origin-top-right divide-y divide-divider-regular rounded-md bg-components-panel-bg shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
             <div className="px-1 py-1 ">
               {items.map((item) => {
-                return <MenuItem key={item.value}>
-                  <button type="button"
-                    className={'group flex w-full items-center rounded-lg px-3 py-2 text-sm text-text-secondary data-[active]:bg-state-base-hover'}
-                    onClick={(evt) => {
-                      evt.preventDefault()
-                      onChange?.(item.value)
-                    }}
-                  >
-                    {item.name}
-                  </button>
-                </MenuItem>
+                return (
+                  <MenuItem key={item.value}>
+                    <button
+                      type="button"
+                      className="group flex w-full items-center rounded-lg px-3 py-2 text-sm text-text-secondary data-[active]:bg-state-base-hover"
+                      onClick={(evt) => {
+                        evt.preventDefault()
+                        onChange?.(item.value)
+                      }}
+                    >
+                      {item.name}
+                    </button>
+                  </MenuItem>
+                )
               })}
 
             </div>
diff --git a/web/app/components/base/select/pure.tsx b/web/app/components/base/select/pure.tsx
index 50008ac3d2..7376bf027d 100644
--- a/web/app/components/base/select/pure.tsx
+++ b/web/app/components/base/select/pure.tsx
@@ -1,21 +1,21 @@
+import type {
+  PortalToFollowElemOptions,
+} from '@/app/components/base/portal-to-follow-elem'
+import {
+  RiArrowDownSLine,
+  RiCheckLine,
+} from '@remixicon/react'
 import {
   useCallback,
   useMemo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiArrowDownSLine,
-  RiCheckLine,
-} from '@remixicon/react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type {
-  PortalToFollowElemOptions,
-} from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
 
 export type Option = {
@@ -31,14 +31,14 @@ type SharedPureSelectProps = {
   }
   triggerProps?: {
     className?: string
-  },
+  }
   popupProps?: {
     wrapperClassName?: string
     className?: string
     itemClassName?: string
     title?: string
     titleClassName?: string
-  },
+  }
   placeholder?: string
   disabled?: boolean
   triggerPopupSameWidth?: boolean
@@ -114,7 +114,8 @@ const PureSelect = (props: PureSelectProps) => {
     >
       <PortalToFollowElemTrigger
         onClick={() => !disabled && handleOpenChange(!mergedOpen)}
-        asChild >
+        asChild
+      >
         <div
           className={cn(
             'system-sm-regular group flex h-8 items-center rounded-lg bg-components-input-bg-normal px-2 text-components-input-text-filled',
@@ -125,7 +126,7 @@ const PureSelect = (props: PureSelectProps) => {
           )}
         >
           <div
-            className='grow'
+            className="grow"
             title={triggerText}
           >
             {triggerText}
@@ -141,7 +142,8 @@ const PureSelect = (props: PureSelectProps) => {
       <PortalToFollowElemContent className={cn(
         'z-[9999]',
         popupWrapperClassName,
-      )}>
+      )}
+      >
         <div
           className={cn(
             'max-h-80 overflow-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg',
@@ -153,7 +155,8 @@ const PureSelect = (props: PureSelectProps) => {
               <div className={cn(
                 'system-xs-medium-uppercase flex h-[22px] items-center px-3 text-text-tertiary',
                 popupTitleClassName,
-              )}>
+              )}
+              >
                 {popupTitle}
               </div>
             )
@@ -168,7 +171,8 @@ const PureSelect = (props: PureSelectProps) => {
                 )}
                 title={option.label}
                 onClick={() => {
-                  if (disabled) return
+                  if (disabled)
+                    return
                   if (multiple) {
                     const currentValues = value ?? []
                     const nextValues = currentValues.includes(option.value)
@@ -181,7 +185,7 @@ const PureSelect = (props: PureSelectProps) => {
                   handleOpenChange(false)
                 }}
               >
-                <div className='mr-1 grow truncate px-1'>
+                <div className="mr-1 grow truncate px-1">
                   {option.label}
                 </div>
                 {
@@ -189,7 +193,7 @@ const PureSelect = (props: PureSelectProps) => {
                     multiple
                       ? (value ?? []).includes(option.value)
                       : value === option.value
-                  ) && <RiCheckLine className='h-4 w-4 shrink-0 text-text-accent' />
+                  ) && <RiCheckLine className="h-4 w-4 shrink-0 text-text-accent" />
                 }
               </div>
             ))
diff --git a/web/app/components/base/simple-pie-chart/index.tsx b/web/app/components/base/simple-pie-chart/index.tsx
index 5a1a148424..0baa785438 100644
--- a/web/app/components/base/simple-pie-chart/index.tsx
+++ b/web/app/components/base/simple-pie-chart/index.tsx
@@ -1,9 +1,9 @@
-import type { CSSProperties } from 'react'
-import { memo, useMemo } from 'react'
-import ReactECharts from 'echarts-for-react'
 import type { EChartsOption } from 'echarts'
-import style from './index.module.css'
+import type { CSSProperties } from 'react'
+import ReactECharts from 'echarts-for-react'
+import { memo, useMemo } from 'react'
 import { cn } from '@/utils/classnames'
+import style from './index.module.css'
 
 export type SimplePieChartProps = {
   percentage?: number
diff --git a/web/app/components/base/slider/index.stories.tsx b/web/app/components/base/slider/index.stories.tsx
index 4d06381d16..7640e06c09 100644
--- a/web/app/components/base/slider/index.stories.tsx
+++ b/web/app/components/base/slider/index.stories.tsx
@@ -61,7 +61,9 @@ const SliderDemo = (args: any) => {
         }}
       />
       <div className="mt-4 text-center text-sm text-gray-600">
-        Value: <span className="text-lg font-semibold">{value}</span>
+        Value:
+        {' '}
+        <span className="text-lg font-semibold">{value}</span>
       </div>
     </div>
   )
@@ -132,9 +134,12 @@ const VolumeControlDemo = () => {
   const [volume, setVolume] = useState(70)
 
   const getVolumeIcon = (vol: number) => {
-    if (vol === 0) return '🔇'
-    if (vol < 33) return '🔈'
-    if (vol < 66) return '🔉'
+    if (vol === 0)
+      return '🔇'
+    if (vol < 33)
+      return '🔈'
+    if (vol < 66)
+      return '🔉'
     return '🔊'
   }
 
@@ -153,7 +158,10 @@ const VolumeControlDemo = () => {
       />
       <div className="mt-4 flex items-center justify-between text-sm text-gray-600">
         <span>Mute</span>
-        <span className="text-lg font-semibold">{volume}%</span>
+        <span className="text-lg font-semibold">
+          {volume}
+          %
+        </span>
         <span>Max</span>
       </div>
     </div>
@@ -184,7 +192,10 @@ const BrightnessControlDemo = () => {
       />
       <div className="mt-4 rounded-lg bg-gray-50 p-4" style={{ opacity: brightness / 100 }}>
         <div className="text-sm text-gray-700">
-          Preview at {brightness}% brightness
+          Preview at
+          {' '}
+          {brightness}
+          % brightness
         </div>
       </div>
     </div>
@@ -217,7 +228,10 @@ const PriceRangeFilterDemo = () => {
       <div className="mb-2">
         <div className="mb-2 flex items-center justify-between text-sm text-gray-600">
           <span>Maximum Price</span>
-          <span className="font-semibold text-gray-900">${maxPrice}</span>
+          <span className="font-semibold text-gray-900">
+            $
+            {maxPrice}
+          </span>
         </div>
         <Slider
           value={maxPrice}
@@ -229,13 +243,24 @@ const PriceRangeFilterDemo = () => {
       </div>
       <div className="mt-6">
         <div className="mb-3 text-sm font-medium text-gray-700">
-          Showing {filteredProducts.length} of {products.length} products
+          Showing
+          {' '}
+          {filteredProducts.length}
+          {' '}
+          of
+          {' '}
+          {products.length}
+          {' '}
+          products
         </div>
         <div className="space-y-2">
           {filteredProducts.map(product => (
             <div key={product.name} className="flex items-center justify-between rounded-lg bg-gray-50 p-3">
               <span className="text-sm">{product.name}</span>
-              <span className="font-semibold text-gray-900">${product.price}</span>
+              <span className="font-semibold text-gray-900">
+                $
+                {product.price}
+              </span>
             </div>
           ))}
         </div>
@@ -269,11 +294,17 @@ const TemperatureSelectorDemo = () => {
       <div className="grid grid-cols-2 gap-4">
         <div className="rounded-lg bg-blue-50 p-4 text-center">
           <div className="mb-1 text-xs text-gray-600">Celsius</div>
-          <div className="text-3xl font-bold text-blue-600">{temperature}°C</div>
+          <div className="text-3xl font-bold text-blue-600">
+            {temperature}
+            °C
+          </div>
         </div>
         <div className="rounded-lg bg-orange-50 p-4 text-center">
           <div className="mb-1 text-xs text-gray-600">Fahrenheit</div>
-          <div className="text-3xl font-bold text-orange-600">{fahrenheit}°F</div>
+          <div className="text-3xl font-bold text-orange-600">
+            {fahrenheit}
+            °F
+          </div>
         </div>
       </div>
       <div className="mt-4 text-center text-xs text-gray-500">
@@ -307,7 +338,10 @@ const ProgressSliderDemo = () => {
       <div className="mt-4">
         <div className="mb-2 flex items-center justify-between">
           <span className="text-sm text-gray-600">Progress</span>
-          <span className="text-lg font-bold text-blue-600">{progress}%</span>
+          <span className="text-lg font-bold text-blue-600">
+            {progress}
+            %
+          </span>
         </div>
         <div className="space-y-2 text-sm">
           <div className="flex items-center gap-2">
@@ -369,7 +403,10 @@ const ZoomControlDemo = () => {
       </div>
       <div className="mt-4 flex items-center justify-between text-sm text-gray-600">
         <span>50%</span>
-        <span className="text-lg font-semibold">{zoom}%</span>
+        <span className="text-lg font-semibold">
+          {zoom}
+          %
+        </span>
         <span>200%</span>
       </div>
       <div className="mt-4 rounded-lg bg-gray-50 p-4 text-center" style={{ transform: `scale(${zoom / 100})`, transformOrigin: 'center' }}>
@@ -446,9 +483,21 @@ const AIModelParametersDemo = () => {
         </div>
       </div>
       <div className="mt-6 rounded-lg bg-blue-50 p-4 text-xs text-gray-700">
-        <div><strong>Temperature:</strong> {temperature}</div>
-        <div><strong>Max Tokens:</strong> {maxTokens}</div>
-        <div><strong>Top P:</strong> {topP}</div>
+        <div>
+          <strong>Temperature:</strong>
+          {' '}
+          {temperature}
+        </div>
+        <div>
+          <strong>Max Tokens:</strong>
+          {' '}
+          {maxTokens}
+        </div>
+        <div>
+          <strong>Top P:</strong>
+          {' '}
+          {topP}
+        </div>
       </div>
     </div>
   )
@@ -464,9 +513,12 @@ const ImageQualitySelectorDemo = () => {
   const [quality, setQuality] = useState(80)
 
   const getQualityLabel = (q: number) => {
-    if (q < 50) return 'Low'
-    if (q < 70) return 'Medium'
-    if (q < 90) return 'High'
+    if (q < 50)
+      return 'Low'
+    if (q < 70)
+      return 'Medium'
+    if (q < 90)
+      return 'High'
     return 'Maximum'
   }
 
@@ -486,11 +538,19 @@ const ImageQualitySelectorDemo = () => {
         <div className="rounded-lg bg-gray-50 p-3">
           <div className="text-xs text-gray-600">Quality</div>
           <div className="text-lg font-semibold">{getQualityLabel(quality)}</div>
-          <div className="text-xs text-gray-500">{quality}%</div>
+          <div className="text-xs text-gray-500">
+            {quality}
+            %
+          </div>
         </div>
         <div className="rounded-lg bg-gray-50 p-3">
           <div className="text-xs text-gray-600">File Size</div>
-          <div className="text-lg font-semibold">~{estimatedSize} MB</div>
+          <div className="text-lg font-semibold">
+            ~
+            {estimatedSize}
+            {' '}
+            MB
+          </div>
           <div className="text-xs text-gray-500">Estimated</div>
         </div>
       </div>
@@ -546,7 +606,8 @@ const MultipleSlidersDemo = () => {
           <div className="mb-1 text-xs text-gray-600">Color Value</div>
           <div className="font-mono text-sm font-semibold">{rgbColor}</div>
           <div className="mt-1 font-mono text-xs text-gray-500">
-            #{red.toString(16).padStart(2, '0')}
+            #
+            {red.toString(16).padStart(2, '0')}
             {green.toString(16).padStart(2, '0')}
             {blue.toString(16).padStart(2, '0')}
           </div>
diff --git a/web/app/components/base/slider/index.tsx b/web/app/components/base/slider/index.tsx
index ea45b3ac7a..4e4656f590 100644
--- a/web/app/components/base/slider/index.tsx
+++ b/web/app/components/base/slider/index.tsx
@@ -25,17 +25,19 @@ const Slider: React.FC<ISliderProps> = ({
   disabled,
   onChange,
 }) => {
-  return <ReactSlider
-    disabled={disabled}
-    value={Number.isNaN(value) ? 0 : value}
-    min={min || 0}
-    max={max || 100}
-    step={step || 1}
-    className={cn('slider relative', className)}
-    thumbClassName={cn('absolute top-[-9px] h-5 w-2 rounded-[3px] border-[0.5px] border-components-slider-knob-border bg-components-slider-knob shadow-sm  focus:outline-none', !disabled && 'cursor-pointer', thumbClassName)}
-    trackClassName={cn('h-0.5 rounded-full', 'slider-track', trackClassName)}
-    onChange={onChange}
-  />
+  return (
+    <ReactSlider
+      disabled={disabled}
+      value={Number.isNaN(value) ? 0 : value}
+      min={min || 0}
+      max={max || 100}
+      step={step || 1}
+      className={cn('slider relative', className)}
+      thumbClassName={cn('absolute top-[-9px] h-5 w-2 rounded-[3px] border-[0.5px] border-components-slider-knob-border bg-components-slider-knob shadow-sm  focus:outline-none', !disabled && 'cursor-pointer', thumbClassName)}
+      trackClassName={cn('h-0.5 rounded-full', 'slider-track', trackClassName)}
+      onChange={onChange}
+    />
+  )
 }
 
 export default Slider
diff --git a/web/app/components/base/sort/index.stories.tsx b/web/app/components/base/sort/index.stories.tsx
index fea21e8edc..3ecf9983a0 100644
--- a/web/app/components/base/sort/index.stories.tsx
+++ b/web/app/components/base/sort/index.stories.tsx
@@ -24,7 +24,9 @@ const SortPlayground = () => {
       <div className="flex items-center justify-between text-xs uppercase tracking-[0.18em] text-text-tertiary">
         <span>Sort control</span>
         <code className="rounded-md bg-background-default px-2 py-1 text-[11px] text-text-tertiary">
-          sort_by="{sortBy}"
+          sort_by="
+          {sortBy}
+          "
         </code>
       </div>
       <Sort
diff --git a/web/app/components/base/sort/index.tsx b/web/app/components/base/sort/index.tsx
index 14f3b0c59e..36260f98bf 100644
--- a/web/app/components/base/sort/index.tsx
+++ b/web/app/components/base/sort/index.tsx
@@ -1,13 +1,13 @@
 import type { FC } from 'react'
+import { RiArrowDownSLine, RiCheckLine, RiSortAsc, RiSortDesc } from '@remixicon/react'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine, RiCheckLine, RiSortAsc, RiSortDesc } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
 
 export type Item = {
   value: number | string
@@ -34,45 +34,46 @@ const Sort: FC<Props> = ({
   }, [items, value])
 
   return (
-    <div className='inline-flex items-center'>
+    <div className="inline-flex items-center">
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='bottom-start'
+        placement="bottom-start"
         offset={4}
       >
-        <div className='relative'>
+        <div className="relative">
           <PortalToFollowElemTrigger
             onClick={() => setOpen(v => !v)}
-            className='block'
+            className="block"
           >
             <div className={cn(
               'flex min-h-8 cursor-pointer items-center rounded-l-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt',
               open && '!bg-state-base-hover-alt hover:bg-state-base-hover-alt',
-            )}>
-              <div className='flex items-center gap-0.5 px-1'>
-                <div className='system-sm-regular text-text-tertiary'>{t('appLog.filter.sortBy')}</div>
+            )}
+            >
+              <div className="flex items-center gap-0.5 px-1">
+                <div className="system-sm-regular text-text-tertiary">{t('appLog.filter.sortBy')}</div>
                 <div className={cn('system-sm-regular text-text-tertiary', !!value && 'text-text-secondary')}>
                   {triggerContent}
                 </div>
               </div>
-              <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
+              <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
             </div>
           </PortalToFollowElemTrigger>
-          <PortalToFollowElemContent className='z-[1002]'>
-            <div className='relative w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
-              <div className='max-h-72 overflow-auto p-1'>
+          <PortalToFollowElemContent className="z-[1002]">
+            <div className="relative w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
+              <div className="max-h-72 overflow-auto p-1">
                 {items.map(item => (
                   <div
                     key={item.value}
-                    className='flex cursor-pointer items-center gap-2 rounded-lg px-2 py-[6px] pl-3 hover:bg-state-base-hover'
+                    className="flex cursor-pointer items-center gap-2 rounded-lg px-2 py-[6px] pl-3 hover:bg-state-base-hover"
                     onClick={() => {
                       onSelect(`${order}${item.value}`)
                       setOpen(false)
                     }}
                   >
-                    <div title={item.name} className='system-sm-medium grow truncate text-text-secondary'>{item.name}</div>
-                    {value === item.value && <RiCheckLine className='h-4 w-4 shrink-0 text-util-colors-blue-light-blue-light-600' />}
+                    <div title={item.name} className="system-sm-medium grow truncate text-text-secondary">{item.name}</div>
+                    {value === item.value && <RiCheckLine className="h-4 w-4 shrink-0 text-util-colors-blue-light-blue-light-600" />}
                   </div>
                 ))}
               </div>
@@ -80,9 +81,9 @@ const Sort: FC<Props> = ({
           </PortalToFollowElemContent>
         </div>
       </PortalToFollowElem>
-      <div className='ml-px cursor-pointer rounded-r-lg bg-components-button-tertiary-bg p-2 hover:bg-components-button-tertiary-bg-hover' onClick={() => onSelect(`${order ? '' : '-'}${value}`)}>
-        {!order && <RiSortAsc className='h-4 w-4 text-components-button-tertiary-text' />}
-        {order && <RiSortDesc className='h-4 w-4 text-components-button-tertiary-text' />}
+      <div className="ml-px cursor-pointer rounded-r-lg bg-components-button-tertiary-bg p-2 hover:bg-components-button-tertiary-bg-hover" onClick={() => onSelect(`${order ? '' : '-'}${value}`)}>
+        {!order && <RiSortAsc className="h-4 w-4 text-components-button-tertiary-text" />}
+        {order && <RiSortDesc className="h-4 w-4 text-components-button-tertiary-text" />}
       </div>
     </div>
 
diff --git a/web/app/components/base/spinner/index.spec.tsx b/web/app/components/base/spinner/index.spec.tsx
index 2f8ff9f378..d6e8fde823 100644
--- a/web/app/components/base/spinner/index.spec.tsx
+++ b/web/app/components/base/spinner/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import Spinner from './index'
 
 describe('Spinner component', () => {
diff --git a/web/app/components/base/spinner/index.stories.tsx b/web/app/components/base/spinner/index.stories.tsx
index 9792b9b2fc..d4a481e55a 100644
--- a/web/app/components/base/spinner/index.stories.tsx
+++ b/web/app/components/base/spinner/index.stories.tsx
@@ -18,7 +18,9 @@ const SpinnerPlayground = ({
         className="rounded-md border border-divider-subtle bg-background-default px-3 py-1 text-xs font-medium text-text-secondary hover:bg-state-base-hover"
         onClick={() => setIsLoading(prev => !prev)}
       >
-        {isLoading ? 'Stop' : 'Start'} loading
+        {isLoading ? 'Stop' : 'Start'}
+        {' '}
+        loading
       </button>
     </div>
   )
diff --git a/web/app/components/base/spinner/index.tsx b/web/app/components/base/spinner/index.tsx
index e1568c279d..f3810f4cff 100644
--- a/web/app/components/base/spinner/index.tsx
+++ b/web/app/components/base/spinner/index.tsx
@@ -15,7 +15,9 @@ const Spinner: FC<Props> = ({ loading = false, children, className }) => {
     >
       <span
         className="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
-      >Loading...</span>
+      >
+        Loading...
+      </span>
       {children}
     </div>
   )
diff --git a/web/app/components/base/svg-gallery/index.tsx b/web/app/components/base/svg-gallery/index.tsx
index b6b2fe9db4..798d690dde 100644
--- a/web/app/components/base/svg-gallery/index.tsx
+++ b/web/app/components/base/svg-gallery/index.tsx
@@ -1,6 +1,6 @@
-import { useEffect, useRef, useState } from 'react'
 import { SVG } from '@svgdotjs/svg.js'
 import DOMPurify from 'dompurify'
+import { useEffect, useRef, useState } from 'react'
 import ImagePreview from '@/app/components/base/image-uploader/image-preview'
 
 const SVGRenderer = ({ content }: { content: string }) => {
@@ -60,17 +60,20 @@ const SVGRenderer = ({ content }: { content: string }) => {
 
   return (
     <>
-      <div ref={svgRef} style={{
-        maxHeight: '80vh',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        cursor: 'pointer',
-        wordBreak: 'break-word',
-        whiteSpace: 'normal',
-        margin: '0 auto',
-      }} />
-      {imagePreview && (<ImagePreview url={imagePreview} title='Preview' onCancel={() => setImagePreview('')} />)}
+      <div
+        ref={svgRef}
+        style={{
+          maxHeight: '80vh',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          cursor: 'pointer',
+          wordBreak: 'break-word',
+          whiteSpace: 'normal',
+          margin: '0 auto',
+        }}
+      />
+      {imagePreview && (<ImagePreview url={imagePreview} title="Preview" onCancel={() => setImagePreview('')} />)}
     </>
   )
 }
diff --git a/web/app/components/base/svg/index.stories.tsx b/web/app/components/base/svg/index.stories.tsx
index 0b7d8d23c9..3c6a7ca0a3 100644
--- a/web/app/components/base/svg/index.stories.tsx
+++ b/web/app/components/base/svg/index.stories.tsx
@@ -10,7 +10,9 @@ const SvgToggleDemo = () => {
       <p className="text-xs uppercase tracking-[0.18em] text-text-tertiary">SVG toggle</p>
       <SVGBtn isSVG={isSVG} setIsSVG={setIsSVG} />
       <span className="text-xs text-text-secondary">
-        Mode: <code className="rounded bg-background-default px-2 py-1 text-[11px]">{isSVG ? 'SVG' : 'PNG'}</code>
+        Mode:
+        {' '}
+        <code className="rounded bg-background-default px-2 py-1 text-[11px]">{isSVG ? 'SVG' : 'PNG'}</code>
       </span>
     </div>
   )
diff --git a/web/app/components/base/svg/index.tsx b/web/app/components/base/svg/index.tsx
index ee4b7efff4..e8e0fad9bd 100644
--- a/web/app/components/base/svg/index.tsx
+++ b/web/app/components/base/svg/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
-import s from './style.module.css'
-import ActionButton from '../action-button'
 import { cn } from '@/utils/classnames'
+import ActionButton from '../action-button'
+import s from './style.module.css'
 
 type ISVGBtnProps = {
   isSVG: boolean
diff --git a/web/app/components/base/switch/index.stories.tsx b/web/app/components/base/switch/index.stories.tsx
index 5b2b6e59c4..941ebaf172 100644
--- a/web/app/components/base/switch/index.stories.tsx
+++ b/web/app/components/base/switch/index.stories.tsx
@@ -515,7 +515,9 @@ const APIAccessControlDemo = () => {
         <div className="flex items-center justify-between rounded-lg bg-green-50 p-3">
           <div>
             <div className="flex items-center gap-2 text-sm font-medium text-gray-900">
-              <span className="text-green-600">✓</span> Read Access
+              <span className="text-green-600">✓</span>
+              {' '}
+              Read Access
             </div>
             <div className="text-xs text-gray-500">View resources and data</div>
           </div>
@@ -529,7 +531,9 @@ const APIAccessControlDemo = () => {
         <div className="flex items-center justify-between rounded-lg bg-blue-50 p-3">
           <div>
             <div className="flex items-center gap-2 text-sm font-medium text-gray-900">
-              <span className="text-blue-600">✎</span> Write Access
+              <span className="text-blue-600">✎</span>
+              {' '}
+              Write Access
             </div>
             <div className="text-xs text-gray-500">Create and update resources</div>
           </div>
@@ -543,7 +547,9 @@ const APIAccessControlDemo = () => {
         <div className="flex items-center justify-between rounded-lg bg-red-50 p-3">
           <div>
             <div className="flex items-center gap-2 text-sm font-medium text-gray-900">
-              <span className="text-red-600">🗑</span> Delete Access
+              <span className="text-red-600">🗑</span>
+              {' '}
+              Delete Access
             </div>
             <div className="text-xs text-gray-500">Remove resources permanently</div>
           </div>
@@ -557,7 +563,9 @@ const APIAccessControlDemo = () => {
         <div className="flex items-center justify-between rounded-lg bg-purple-50 p-3">
           <div>
             <div className="flex items-center gap-2 text-sm font-medium text-gray-900">
-              <span className="text-purple-600">⚡</span> Admin Access
+              <span className="text-purple-600">⚡</span>
+              {' '}
+              Admin Access
             </div>
             <div className="text-xs text-gray-500">Full administrative privileges</div>
           </div>
diff --git a/web/app/components/base/switch/index.tsx b/web/app/components/base/switch/index.tsx
index af96489982..4e32b22440 100644
--- a/web/app/components/base/switch/index.tsx
+++ b/web/app/components/base/switch/index.tsx
@@ -1,6 +1,6 @@
 'use client'
-import React, { useEffect, useState } from 'react'
 import { Switch as OriginalSwitch } from '@headlessui/react'
+import React, { useEffect, useState } from 'react'
 import { cn } from '@/utils/classnames'
 
 type SwitchProps = {
@@ -20,7 +20,7 @@ const Switch = (
     disabled = false,
     className,
   }: SwitchProps & {
-    ref?: React.RefObject<HTMLButtonElement>;
+    ref?: React.RefObject<HTMLButtonElement>
   },
 ) => {
   const [enabled, setEnabled] = useState(defaultValue)
@@ -60,19 +60,11 @@ const Switch = (
         setEnabled(checked)
         onChange?.(checked)
       }}
-      className={cn(wrapStyle[size],
-        enabled ? 'bg-components-toggle-bg' : 'bg-components-toggle-bg-unchecked',
-        'relative inline-flex  shrink-0 cursor-pointer rounded-[5px] border-2 border-transparent transition-colors duration-200 ease-in-out',
-        disabled ? '!cursor-not-allowed !opacity-50' : '',
-        size === 'xs' && 'rounded-sm',
-        className)}
+      className={cn(wrapStyle[size], enabled ? 'bg-components-toggle-bg' : 'bg-components-toggle-bg-unchecked', 'relative inline-flex  shrink-0 cursor-pointer rounded-[5px] border-2 border-transparent transition-colors duration-200 ease-in-out', disabled ? '!cursor-not-allowed !opacity-50' : '', size === 'xs' && 'rounded-sm', className)}
     >
       <span
         aria-hidden="true"
-        className={cn(circleStyle[size],
-          enabled ? translateLeft[size] : 'translate-x-0',
-          size === 'xs' && 'rounded-[1px]',
-          'pointer-events-none inline-block rounded-[3px] bg-components-toggle-knob shadow ring-0 transition duration-200 ease-in-out')}
+        className={cn(circleStyle[size], enabled ? translateLeft[size] : 'translate-x-0', size === 'xs' && 'rounded-[1px]', 'pointer-events-none inline-block rounded-[3px] bg-components-toggle-knob shadow ring-0 transition duration-200 ease-in-out')}
       />
     </OriginalSwitch>
   )
diff --git a/web/app/components/base/tab-header/index.stories.tsx b/web/app/components/base/tab-header/index.stories.tsx
index cb383947d9..3d7f2bf31b 100644
--- a/web/app/components/base/tab-header/index.stories.tsx
+++ b/web/app/components/base/tab-header/index.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
+import type { ITabHeaderProps } from '.'
 import { useState } from 'react'
 import TabHeader from '.'
-import type { ITabHeaderProps } from '.'
 
 const items: ITabHeaderProps['items'] = [
   { id: 'overview', name: 'Overview' },
@@ -23,7 +23,9 @@ const TabHeaderDemo = ({
       <div className="flex items-center justify-between text-xs uppercase tracking-[0.18em] text-text-tertiary">
         <span>Tabs</span>
         <code className="rounded-md bg-background-default px-2 py-1 text-[11px] text-text-tertiary">
-          active="{activeTab}"
+          active="
+          {activeTab}
+          "
         </code>
       </div>
       <TabHeader
diff --git a/web/app/components/base/tab-header/index.tsx b/web/app/components/base/tab-header/index.tsx
index 0d49f84cbf..b4dfd1f526 100644
--- a/web/app/components/base/tab-header/index.tsx
+++ b/web/app/components/base/tab-header/index.tsx
@@ -41,11 +41,11 @@ const TabHeader: FC<ITabHeaderProps> = ({
     </div>
   )
   return (
-    <div className='flex justify-between'>
-      <div className='flex space-x-4'>
+    <div className="flex justify-between">
+      <div className="flex space-x-4">
         {items.filter(item => !item.isRight).map(renderItem)}
       </div>
-      <div className='flex space-x-4'>
+      <div className="flex space-x-4">
         {items.filter(item => item.isRight).map(renderItem)}
       </div>
     </div>
diff --git a/web/app/components/base/tab-slider-new/index.stories.tsx b/web/app/components/base/tab-slider-new/index.stories.tsx
index 669ec9eed9..d0a412732a 100644
--- a/web/app/components/base/tab-slider-new/index.stories.tsx
+++ b/web/app/components/base/tab-slider-new/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useState } from 'react'
 import { RiSparklingFill, RiTerminalBoxLine } from '@remixicon/react'
+import { useState } from 'react'
 import TabSliderNew from '.'
 
 const OPTIONS = [
diff --git a/web/app/components/base/tab-slider-plain/index.tsx b/web/app/components/base/tab-slider-plain/index.tsx
index 85454ab41d..4ef4d916c9 100644
--- a/web/app/components/base/tab-slider-plain/index.tsx
+++ b/web/app/components/base/tab-slider-plain/index.tsx
@@ -35,7 +35,7 @@ const Item: FC<ItemProps> = ({
     >
       <div className={cn(isActive ? 'text-text-primary' : 'text-text-tertiary')}>{option.text}</div>
       {isActive && (
-        <div className='absolute bottom-0 left-0 right-0 h-0.5 bg-util-colors-blue-brand-blue-brand-600'></div>
+        <div className="absolute bottom-0 left-0 right-0 h-0.5 bg-util-colors-blue-brand-blue-brand-600"></div>
       )}
     </div>
   )
diff --git a/web/app/components/base/tab-slider/index.tsx b/web/app/components/base/tab-slider/index.tsx
index 3e1eb69f0f..ceb4322045 100644
--- a/web/app/components/base/tab-slider/index.tsx
+++ b/web/app/components/base/tab-slider/index.tsx
@@ -1,8 +1,9 @@
 import type { FC, ReactNode } from 'react'
 import { useEffect, useState } from 'react'
-import { cn } from '@/utils/classnames'
 import Badge, { BadgeState } from '@/app/components/base/badge/index'
 import { useInstalledPluginList } from '@/service/use-plugins'
+import { cn } from '@/utils/classnames'
+
 type Option = {
   value: string
   text: ReactNode
@@ -73,14 +74,15 @@ const TabSlider: FC<TabSliderProps> = ({
           {/* if no plugin installed, the badge won't show */}
           {option.value === 'plugins'
             && (pluginList?.total ?? 0) > 0
-            && <Badge
-              size='s'
-              uppercase={true}
-              state={BadgeState.Default}
-            >
-              {pluginList?.total}
-            </Badge>
-          }
+            && (
+              <Badge
+                size="s"
+                uppercase={true}
+                state={BadgeState.Default}
+              >
+                {pluginList?.total}
+              </Badge>
+            )}
         </div>
       ))}
     </div>
diff --git a/web/app/components/base/tag-input/index.stories.tsx b/web/app/components/base/tag-input/index.stories.tsx
index 7aae9f2773..cb9551702e 100644
--- a/web/app/components/base/tag-input/index.stories.tsx
+++ b/web/app/components/base/tag-input/index.stories.tsx
@@ -71,7 +71,11 @@ const TagInputDemo = (args: any) => {
       />
       {items.length > 0 && (
         <div className="mt-4 rounded-lg bg-gray-50 p-3">
-          <div className="mb-2 text-xs font-medium text-gray-600">Current Tags ({items.length}):</div>
+          <div className="mb-2 text-xs font-medium text-gray-600">
+            Current Tags (
+            {items.length}
+            ):
+          </div>
           <div className="font-mono text-sm text-gray-800">
             {JSON.stringify(items, null, 2)}
           </div>
@@ -193,7 +197,13 @@ const EmailTagsDemo = () => {
           />
         </div>
         <div className="mt-4 rounded-lg bg-blue-50 p-3 text-sm text-gray-700">
-          <strong>Recipients ({recipients.length}):</strong> {recipients.join(', ')}
+          <strong>
+            Recipients (
+            {recipients.length}
+            ):
+          </strong>
+          {' '}
+          {recipients.join(', ')}
         </div>
       </div>
     </div>
@@ -234,7 +244,13 @@ const SearchFiltersDemo = () => {
       </div>
       <div className="mt-6">
         <div className="mb-3 text-sm font-medium text-gray-700">
-          Results ({filteredResults.length} of {mockResults.length})
+          Results (
+          {filteredResults.length}
+          {' '}
+          of
+          {' '}
+          {mockResults.length}
+          )
         </div>
         <div className="space-y-2">
           {filteredResults.map(item => (
@@ -332,7 +348,9 @@ const KeywordExtractionDemo = () => {
       <div className="mt-6 rounded-lg bg-gray-50 p-4">
         <div className="mb-2 text-xs font-medium text-gray-600">Meta Tag Preview:</div>
         <code className="text-xs text-gray-700">
-          &lt;meta name="keywords" content="{keywords.join(', ')}" /&gt;
+          &lt;meta name="keywords" content="
+          {keywords.join(', ')}
+          " /&gt;
         </code>
       </div>
     </div>
@@ -374,7 +392,9 @@ const TagsWithSuggestionsDemo = () => {
                 className="cursor-pointer rounded bg-gray-100 px-2 py-1 text-xs text-gray-700 hover:bg-gray-200"
                 onClick={() => setTags([...tags, suggestion])}
               >
-                + {suggestion}
+                +
+                {' '}
+                {suggestion}
               </button>
             ))}
         </div>
diff --git a/web/app/components/base/tag-input/index.tsx b/web/app/components/base/tag-input/index.tsx
index d3d43a9c52..3241543565 100644
--- a/web/app/components/base/tag-input/index.tsx
+++ b/web/app/components/base/tag-input/index.tsx
@@ -1,10 +1,10 @@
-import { useCallback, useState } from 'react'
 import type { ChangeEvent, FC, KeyboardEvent } from 'react'
-import { useTranslation } from 'react-i18next'
-import AutosizeInput from 'react-18-input-autosize'
 import { RiAddLine, RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { useCallback, useState } from 'react'
+import AutosizeInput from 'react-18-input-autosize'
+import { useTranslation } from 'react-i18next'
 import { useToastContext } from '@/app/components/base/toast'
+import { cn } from '@/utils/classnames'
 
 type TagInputProps = {
   items: string[]
@@ -95,8 +95,8 @@ const TagInput: FC<TagInputProps> = ({
             {item}
             {
               !disableRemove && (
-                <div className='flex h-4 w-4 cursor-pointer items-center justify-center' onClick={() => handleRemove(index)}>
-                  <RiCloseLine className='ml-0.5 h-3.5 w-3.5 text-text-tertiary' />
+                <div className="flex h-4 w-4 cursor-pointer items-center justify-center" onClick={() => handleRemove(index)}>
+                  <RiCloseLine className="ml-0.5 h-3.5 w-3.5 text-text-tertiary" />
                 </div>
               )
             }
@@ -106,7 +106,7 @@ const TagInput: FC<TagInputProps> = ({
       {
         !disableAdd && (
           <div className={cn('group/tag-add mt-1 flex items-center gap-x-0.5', !isSpecialMode ? 'rounded-md border border-dashed border-divider-deep px-1.5' : '')}>
-            {!isSpecialMode && !focused && <RiAddLine className='h-3.5 w-3.5 text-text-placeholder group-hover/tag-add:text-text-secondary' />}
+            {!isSpecialMode && !focused && <RiAddLine className="h-3.5 w-3.5 text-text-placeholder group-hover/tag-add:text-text-secondary" />}
             <AutosizeInput
               inputClassName={cn(
                 'appearance-none text-text-primary caret-[#295EFF] outline-none placeholder:text-text-placeholder group-hover/tag-add:placeholder:text-text-secondary',
diff --git a/web/app/components/base/tag-management/filter.tsx b/web/app/components/base/tag-management/filter.tsx
index 5f8ab11dda..5b314816c5 100644
--- a/web/app/components/base/tag-management/filter.tsx
+++ b/web/app/components/base/tag-management/filter.tsx
@@ -1,22 +1,22 @@
 import type { FC } from 'react'
+import type { Tag } from '@/app/components/base/tag-management/constant'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useDebounceFn, useMount } from 'ahooks'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDebounceFn, useMount } from 'ahooks'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { useStore as useTagStore } from './store'
-import { cn } from '@/utils/classnames'
+import { Tag01, Tag03 } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
+import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Input from '@/app/components/base/input'
-import { Tag01, Tag03 } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
-import { Check } from '@/app/components/base/icons/src/vender/line/general'
-import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
-import type { Tag } from '@/app/components/base/tag-management/constant'
-
 import { fetchTagList } from '@/service/tag'
+import { cn } from '@/utils/classnames'
+
+import { useStore as useTagStore } from './store'
 
 type TagFilterProps = {
   type: 'knowledge' | 'app'
@@ -70,47 +70,51 @@ const TagFilter: FC<TagFilterProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => setOpen(v => !v)}
-          className='block'
+          className="block"
         >
           <div className={cn(
             'flex h-8 cursor-pointer select-none items-center gap-1 rounded-lg border-[0.5px] border-transparent bg-components-input-bg-normal px-2',
             !open && !!value.length && 'shadow-xs',
             open && !!value.length && 'shadow-xs',
-          )}>
-            <div className='p-[1px]'>
-              <Tag01 className='h-3.5 w-3.5 text-text-tertiary' />
+          )}
+          >
+            <div className="p-[1px]">
+              <Tag01 className="h-3.5 w-3.5 text-text-tertiary" />
             </div>
-            <div className='text-[13px] leading-[18px] text-text-secondary'>
+            <div className="text-[13px] leading-[18px] text-text-secondary">
               {!value.length && t('common.tag.placeholder')}
               {!!value.length && currentTag?.name}
             </div>
             {value.length > 1 && (
-              <div className='text-xs font-medium leading-[18px] text-text-tertiary'>{`+${value.length - 1}`}</div>
+              <div className="text-xs font-medium leading-[18px] text-text-tertiary">{`+${value.length - 1}`}</div>
             )}
             {!value.length && (
-              <div className='p-[1px]'>
-                <RiArrowDownSLine className='h-3.5 w-3.5 text-text-tertiary' />
+              <div className="p-[1px]">
+                <RiArrowDownSLine className="h-3.5 w-3.5 text-text-tertiary" />
               </div>
             )}
             {!!value.length && (
-              <div className='group/clear cursor-pointer p-[1px]' onClick={(e) => {
-                e.stopPropagation()
-                onChange([])
-              }}>
-                <XCircle className='h-3.5 w-3.5 text-text-tertiary group-hover/clear:text-text-secondary' />
+              <div
+                className="group/clear cursor-pointer p-[1px]"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  onChange([])
+                }}
+              >
+                <XCircle className="h-3.5 w-3.5 text-text-tertiary group-hover/clear:text-text-secondary" />
               </div>
             )}
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1002]'>
-          <div className='relative w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]'>
-            <div className='p-2'>
+        <PortalToFollowElemContent className="z-[1002]">
+          <div className="relative w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]">
+            <div className="p-2">
               <Input
                 showLeftIcon
                 showClearIcon
@@ -119,32 +123,35 @@ const TagFilter: FC<TagFilterProps> = ({
                 onClear={() => handleKeywordsChange('')}
               />
             </div>
-            <div className='max-h-72 overflow-auto p-1'>
+            <div className="max-h-72 overflow-auto p-1">
               {filteredTagList.map(tag => (
                 <div
                   key={tag.id}
-                  className='flex cursor-pointer select-none items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-state-base-hover'
+                  className="flex cursor-pointer select-none items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-state-base-hover"
                   onClick={() => selectTag(tag)}
                 >
-                  <div title={tag.name} className='grow truncate text-sm leading-5 text-text-tertiary'>{tag.name}</div>
-                  {value.includes(tag.id) && <Check className='h-4 w-4 shrink-0 text-text-secondary' />}
+                  <div title={tag.name} className="grow truncate text-sm leading-5 text-text-tertiary">{tag.name}</div>
+                  {value.includes(tag.id) && <Check className="h-4 w-4 shrink-0 text-text-secondary" />}
                 </div>
               ))}
               {!filteredTagList.length && (
-                <div className='flex flex-col items-center gap-1 p-3'>
-                  <Tag03 className='h-6 w-6 text-text-tertiary' />
-                  <div className='text-xs leading-[14px] text-text-tertiary'>{t('common.tag.noTag')}</div>
+                <div className="flex flex-col items-center gap-1 p-3">
+                  <Tag03 className="h-6 w-6 text-text-tertiary" />
+                  <div className="text-xs leading-[14px] text-text-tertiary">{t('common.tag.noTag')}</div>
                 </div>
               )}
             </div>
-            <div className='border-t-[0.5px] border-divider-regular' />
-            <div className='p-1'>
-              <div className='flex cursor-pointer select-none items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-state-base-hover' onClick={() => {
-                setShowTagManagementModal(true)
-                setOpen(false)
-              }}>
-                <Tag03 className='h-4 w-4 text-text-tertiary' />
-                <div className='grow truncate text-sm leading-5 text-text-secondary'>
+            <div className="border-t-[0.5px] border-divider-regular" />
+            <div className="p-1">
+              <div
+                className="flex cursor-pointer select-none items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-state-base-hover"
+                onClick={() => {
+                  setShowTagManagementModal(true)
+                  setOpen(false)
+                }}
+              >
+                <Tag03 className="h-4 w-4 text-text-tertiary" />
+                <div className="grow truncate text-sm leading-5 text-text-secondary">
                   {t('common.tag.manageTags')}
                 </div>
               </div>
diff --git a/web/app/components/base/tag-management/index.stories.tsx b/web/app/components/base/tag-management/index.stories.tsx
index 51f4233461..e6a088c267 100644
--- a/web/app/components/base/tag-management/index.stories.tsx
+++ b/web/app/components/base/tag-management/index.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
-import { useEffect, useRef } from 'react'
-import TagManagementModal from '.'
-import { ToastProvider } from '@/app/components/base/toast'
-import { useStore as useTagStore } from './store'
 import type { Tag } from './constant'
+import { useEffect, useRef } from 'react'
+import { ToastProvider } from '@/app/components/base/toast'
+import TagManagementModal from '.'
+import { useStore as useTagStore } from './store'
 
 const INITIAL_TAGS: Tag[] = [
   { id: 'tag-product', name: 'Product', type: 'app', binding_count: 12 },
@@ -48,7 +48,7 @@ const TagManagementPlayground = ({
           })
         }
         if (method === 'POST') {
-          const body = await request.clone().json() as { name: string; type: string }
+          const body = await request.clone().json() as { name: string, type: string }
           const newTag: Tag = {
             id: `tag-${Date.now()}`,
             name: body.name,
diff --git a/web/app/components/base/tag-management/index.tsx b/web/app/components/base/tag-management/index.tsx
index d3c509bdb1..9f6f15056f 100644
--- a/web/app/components/base/tag-management/index.tsx
+++ b/web/app/components/base/tag-management/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 
-import { useEffect, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
 import { RiCloseLine } from '@remixicon/react'
-import { useStore as useTagStore } from './store'
-import TagItemEditor from './tag-item-editor'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import Modal from '@/app/components/base/modal'
 import { ToastContext } from '@/app/components/base/toast'
 import {
   createTag,
   fetchTagList,
 } from '@/service/tag'
+import { useStore as useTagStore } from './store'
+import TagItemEditor from './tag-item-editor'
 
 type TagManagementModalProps = {
   type: 'knowledge' | 'app'
@@ -60,17 +60,17 @@ const TagManagementModal = ({ show, type }: TagManagementModalProps) => {
 
   return (
     <Modal
-      className='!w-[600px] !max-w-[600px] rounded-xl px-8 py-6'
+      className="!w-[600px] !max-w-[600px] rounded-xl px-8 py-6"
       isShow={show}
       onClose={() => setShowTagManagementModal(false)}
     >
-      <div className='relative pb-2 text-xl font-semibold leading-[30px] text-text-primary'>{t('common.tag.manageTags')}</div>
-      <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={() => setShowTagManagementModal(false)}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <div className="relative pb-2 text-xl font-semibold leading-[30px] text-text-primary">{t('common.tag.manageTags')}</div>
+      <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={() => setShowTagManagementModal(false)}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
-      <div className='mt-3 flex flex-wrap gap-2'>
+      <div className="mt-3 flex flex-wrap gap-2">
         <input
-          className='w-[100px] shrink-0 appearance-none rounded-lg border border-dashed border-divider-regular bg-transparent px-2 py-1 text-sm leading-5 text-text-secondary caret-primary-600  outline-none placeholder:text-text-quaternary focus:border-solid'
+          className="w-[100px] shrink-0 appearance-none rounded-lg border border-dashed border-divider-regular bg-transparent px-2 py-1 text-sm leading-5 text-text-secondary caret-primary-600  outline-none placeholder:text-text-quaternary focus:border-solid"
           placeholder={t('common.tag.addNew') || ''}
           autoFocus
           value={name}
diff --git a/web/app/components/base/tag-management/panel.tsx b/web/app/components/base/tag-management/panel.tsx
index 3cfb68fef0..42414e4d3d 100644
--- a/web/app/components/base/tag-management/panel.tsx
+++ b/web/app/components/base/tag-management/panel.tsx
@@ -1,18 +1,18 @@
-import React, { useMemo, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
-import { useUnmount } from 'ahooks'
-import { RiAddLine, RiPriceTag3Line } from '@remixicon/react'
-import { useStore as useTagStore } from './store'
+import type { TagSelectorProps } from './selector'
 import type { HtmlContentProps } from '@/app/components/base/popover'
+import type { Tag } from '@/app/components/base/tag-management/constant'
+import { RiAddLine, RiPriceTag3Line } from '@remixicon/react'
+import { useUnmount } from 'ahooks'
+import { noop } from 'lodash-es'
+import React, { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Checkbox from '@/app/components/base/checkbox'
 import Divider from '@/app/components/base/divider'
 import Input from '@/app/components/base/input'
-import type { Tag } from '@/app/components/base/tag-management/constant'
-import Checkbox from '@/app/components/base/checkbox'
-import { bindTag, createTag, unBindTag } from '@/service/tag'
 import { ToastContext } from '@/app/components/base/toast'
-import { noop } from 'lodash-es'
-import type { TagSelectorProps } from './selector'
+import { bindTag, createTag, unBindTag } from '@/service/tag'
+import { useStore as useTagStore } from './store'
 
 type PanelProps = {
   onCreate: () => void
@@ -115,8 +115,8 @@ const Panel = (props: PanelProps) => {
   })
 
   return (
-    <div className='relative w-full rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur'>
-      <div className='p-2 pb-1'>
+    <div className="relative w-full rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur">
+      <div className="p-2 pb-1">
         <Input
           showLeftIcon
           showClearIcon
@@ -127,38 +127,38 @@ const Panel = (props: PanelProps) => {
         />
       </div>
       {keywords && notExisted && (
-        <div className='p-1'>
+        <div className="p-1">
           <div
-            className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+            className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
             onClick={createNewTag}
           >
-            <RiAddLine className='h-4 w-4 text-text-tertiary' />
-            <div className='system-md-regular grow truncate px-1 text-text-secondary'>
+            <RiAddLine className="h-4 w-4 text-text-tertiary" />
+            <div className="system-md-regular grow truncate px-1 text-text-secondary">
               {`${t('common.tag.create')} `}
-              <span className='system-md-medium'>{`'${keywords}'`}</span>
+              <span className="system-md-medium">{`'${keywords}'`}</span>
             </div>
           </div>
         </div>
       )}
       {keywords && notExisted && filteredTagList.length > 0 && (
-        <Divider type='horizontal' className='my-0 h-px bg-divider-subtle' />
+        <Divider type="horizontal" className="my-0 h-px bg-divider-subtle" />
       )}
       {(filteredTagList.length > 0 || filteredSelectedTagList.length > 0) && (
-        <div className='max-h-[232px] overflow-y-auto p-1'>
+        <div className="max-h-[232px] overflow-y-auto p-1">
           {filteredSelectedTagList.map(tag => (
             <div
               key={tag.id}
-              className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+              className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
               onClick={() => selectTag(tag)}
             >
               <Checkbox
-                className='shrink-0'
+                className="shrink-0"
                 checked={selectedTagIDs.includes(tag.id)}
                 onCheck={noop}
               />
               <div
                 title={tag.name}
-                className='system-md-regular grow truncate px-1 text-text-secondary'
+                className="system-md-regular grow truncate px-1 text-text-secondary"
               >
                 {tag.name}
               </div>
@@ -167,17 +167,17 @@ const Panel = (props: PanelProps) => {
           {filteredTagList.map(tag => (
             <div
               key={tag.id}
-              className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+              className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
               onClick={() => selectTag(tag)}
             >
               <Checkbox
-                className='shrink-0'
+                className="shrink-0"
                 checked={selectedTagIDs.includes(tag.id)}
                 onCheck={noop}
               />
               <div
                 title={tag.name}
-                className='system-md-regular grow truncate px-1 text-text-secondary'
+                className="system-md-regular grow truncate px-1 text-text-secondary"
               >
                 {tag.name}
               </div>
@@ -186,21 +186,21 @@ const Panel = (props: PanelProps) => {
         </div>
       )}
       {!keywords && !filteredTagList.length && !filteredSelectedTagList.length && (
-        <div className='p-1'>
-          <div className='flex flex-col items-center gap-y-1 p-3'>
-            <RiPriceTag3Line className='h-6 w-6 text-text-quaternary' />
-            <div className='system-xs-regular text-text-tertiary'>{t('common.tag.noTag')}</div>
+        <div className="p-1">
+          <div className="flex flex-col items-center gap-y-1 p-3">
+            <RiPriceTag3Line className="h-6 w-6 text-text-quaternary" />
+            <div className="system-xs-regular text-text-tertiary">{t('common.tag.noTag')}</div>
           </div>
         </div>
       )}
-      <Divider type='horizontal' className='my-0 h-px bg-divider-subtle' />
-      <div className='p-1'>
+      <Divider type="horizontal" className="my-0 h-px bg-divider-subtle" />
+      <div className="p-1">
         <div
-          className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+          className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
           onClick={() => setShowTagManagementModal(true)}
         >
-          <RiPriceTag3Line className='h-4 w-4 text-text-tertiary' />
-          <div className='system-md-regular grow truncate px-1 text-text-secondary'>
+          <RiPriceTag3Line className="h-4 w-4 text-text-tertiary" />
+          <div className="system-md-regular grow truncate px-1 text-text-secondary">
             {t('common.tag.manageTags')}
           </div>
         </div>
diff --git a/web/app/components/base/tag-management/selector.tsx b/web/app/components/base/tag-management/selector.tsx
index 150c06688f..4eded30b32 100644
--- a/web/app/components/base/tag-management/selector.tsx
+++ b/web/app/components/base/tag-management/selector.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
-import { useCallback, useMemo } from 'react'
-import { useStore as useTagStore } from './store'
-import { cn } from '@/utils/classnames'
-import CustomPopover from '@/app/components/base/popover'
 import type { Tag } from '@/app/components/base/tag-management/constant'
+import { useCallback, useMemo } from 'react'
+import CustomPopover from '@/app/components/base/popover'
 import { fetchTagList } from '@/service/tag'
-import Trigger from './trigger'
+import { cn } from '@/utils/classnames'
 import Panel from './panel'
+import { useStore as useTagStore } from './store'
+import Trigger from './trigger'
 
 export type TagSelectorProps = {
   targetID: string
@@ -49,7 +49,7 @@ const TagSelector: FC<TagSelectorProps> = ({
     <>
       {isPopover && (
         <CustomPopover
-          htmlContent={
+          htmlContent={(
             <Panel
               type={type}
               targetID={targetID}
@@ -59,18 +59,17 @@ const TagSelector: FC<TagSelectorProps> = ({
               onChange={onChange}
               onCreate={getTagList}
             />
-          }
+          )}
           position={position}
-          trigger='click'
+          trigger="click"
           btnElement={<Trigger tags={tags} />}
           btnClassName={open =>
             cn(
               open ? '!bg-state-base-hover !text-text-secondary' : '!bg-transparent',
               '!w-full !border-0 !p-0 !text-text-tertiary hover:!bg-state-base-hover hover:!text-text-secondary',
-            )
-          }
+            )}
           popupClassName={cn('!w-full !ring-0', minWidth && '!min-w-80')}
-          className={'!z-20 h-fit !w-full'}
+          className="!z-20 h-fit !w-full"
         />
       )}
     </>
diff --git a/web/app/components/base/tag-management/store.ts b/web/app/components/base/tag-management/store.ts
index cb92ae9764..197d31ed7a 100644
--- a/web/app/components/base/tag-management/store.ts
+++ b/web/app/components/base/tag-management/store.ts
@@ -1,5 +1,5 @@
-import { create } from 'zustand'
 import type { Tag } from './constant'
+import { create } from 'zustand'
 
 type State = {
   tagList: Tag[]
diff --git a/web/app/components/base/tag-management/tag-item-editor.tsx b/web/app/components/base/tag-management/tag-item-editor.tsx
index a9b7efa737..055398435d 100644
--- a/web/app/components/base/tag-management/tag-item-editor.tsx
+++ b/web/app/components/base/tag-management/tag-item-editor.tsx
@@ -1,22 +1,22 @@
 import type { FC } from 'react'
-import { useState } from 'react'
+import type { Tag } from '@/app/components/base/tag-management/constant'
 import {
   RiDeleteBinLine,
   RiEditLine,
 } from '@remixicon/react'
 import { useDebounceFn } from 'ahooks'
-import { useContext } from 'use-context-selector'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useStore as useTagStore } from './store'
+import { useContext } from 'use-context-selector'
 import Confirm from '@/app/components/base/confirm'
-import { cn } from '@/utils/classnames'
-import type { Tag } from '@/app/components/base/tag-management/constant'
 import { ToastContext } from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
 import {
   deleteTag,
   updateTag,
 } from '@/service/tag'
+import { cn } from '@/utils/classnames'
+import { useStore as useTagStore } from './store'
 
 type TagItemEditorProps = {
   tag: Tag
@@ -107,7 +107,7 @@ const TagItemEditor: FC<TagItemEditorProps> = ({
       <div className={cn('flex shrink-0 items-center gap-0.5 rounded-lg border border-components-panel-border py-1 pl-2 pr-1 text-sm leading-5 text-text-secondary')}>
         {!isEditing && (
           <>
-            <div className='text-sm leading-5 text-text-secondary'>
+            <div className="text-sm leading-5 text-text-secondary">
               {tag.name}
             </div>
             <Tooltip
@@ -116,24 +116,27 @@ const TagItemEditor: FC<TagItemEditorProps> = ({
               }
               needsDelay
             >
-              <div className='leading-4.5 shrink-0 px-1 text-sm font-medium text-text-tertiary'>{tag.binding_count}</div>
+              <div className="leading-4.5 shrink-0 px-1 text-sm font-medium text-text-tertiary">{tag.binding_count}</div>
             </Tooltip>
-            <div className='group/edit shrink-0 cursor-pointer rounded-md p-1 hover:bg-state-base-hover' onClick={() => setIsEditing(true)}>
-              <RiEditLine className='h-3 w-3 text-text-tertiary group-hover/edit:text-text-secondary' />
+            <div className="group/edit shrink-0 cursor-pointer rounded-md p-1 hover:bg-state-base-hover" onClick={() => setIsEditing(true)}>
+              <RiEditLine className="h-3 w-3 text-text-tertiary group-hover/edit:text-text-secondary" />
             </div>
-            <div className='group/remove shrink-0 cursor-pointer rounded-md p-1 hover:bg-state-base-hover' onClick={() => {
-              if (tag.binding_count)
-                setShowRemoveModal(true)
-              else
-                handleRemove()
-            }}>
-              <RiDeleteBinLine className='h-3 w-3 text-text-tertiary group-hover/remove:text-text-secondary' />
+            <div
+              className="group/remove shrink-0 cursor-pointer rounded-md p-1 hover:bg-state-base-hover"
+              onClick={() => {
+                if (tag.binding_count)
+                  setShowRemoveModal(true)
+                else
+                  handleRemove()
+              }}
+            >
+              <RiDeleteBinLine className="h-3 w-3 text-text-tertiary group-hover/remove:text-text-secondary" />
             </div>
           </>
         )}
         {isEditing && (
           <input
-            className='shrink-0 appearance-none caret-primary-600 outline-none placeholder:text-text-quaternary'
+            className="shrink-0 appearance-none caret-primary-600 outline-none placeholder:text-text-quaternary"
             autoFocus
             value={name}
             onChange={e => setName(e.target.value)}
diff --git a/web/app/components/base/tag-management/tag-remove-modal.tsx b/web/app/components/base/tag-management/tag-remove-modal.tsx
index a41dd98cf3..8e796f8e0f 100644
--- a/web/app/components/base/tag-management/tag-remove-modal.tsx
+++ b/web/app/components/base/tag-management/tag-remove-modal.tsx
@@ -1,13 +1,13 @@
 'use client'
 
-import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
-import Modal from '@/app/components/base/modal'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import type { Tag } from '@/app/components/base/tag-management/constant'
+import { RiCloseLine } from '@remixicon/react'
 import { noop } from 'lodash-es'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import Modal from '@/app/components/base/modal'
+import { cn } from '@/utils/classnames'
 
 type TagRemoveModalProps = {
   show: boolean
@@ -25,22 +25,22 @@ const TagRemoveModal = ({ show, tag, onConfirm, onClose }: TagRemoveModalProps)
       isShow={show}
       onClose={noop}
     >
-      <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onClose}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onClose}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
-      <div className='h-12 w-12 rounded-xl border-[0.5px] border-divider-regular bg-background-default-burn p-3 shadow-xl'>
-        <AlertTriangle className='h-6 w-6 text-[rgb(247,144,9)]' />
+      <div className="h-12 w-12 rounded-xl border-[0.5px] border-divider-regular bg-background-default-burn p-3 shadow-xl">
+        <AlertTriangle className="h-6 w-6 text-[rgb(247,144,9)]" />
       </div>
-      <div className='mt-3 text-xl font-semibold leading-[30px] text-text-primary'>
+      <div className="mt-3 text-xl font-semibold leading-[30px] text-text-primary">
         {`${t('common.tag.delete')} `}
         <span>{`"${tag.name}"`}</span>
       </div>
-      <div className='my-1 text-sm leading-5 text-text-tertiary'>
+      <div className="my-1 text-sm leading-5 text-text-tertiary">
         {t('common.tag.deleteTip')}
       </div>
-      <div className='flex items-center justify-end pt-6'>
-        <Button className='mr-2' onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button className='border-red-700' variant="warning" onClick={onConfirm}>{t('common.operation.delete')}</Button>
+      <div className="flex items-center justify-end pt-6">
+        <Button className="mr-2" onClick={onClose}>{t('common.operation.cancel')}</Button>
+        <Button className="border-red-700" variant="warning" onClick={onConfirm}>{t('common.operation.delete')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/base/tag-management/trigger.tsx b/web/app/components/base/tag-management/trigger.tsx
index e7c3ab110a..84d3af55d3 100644
--- a/web/app/components/base/tag-management/trigger.tsx
+++ b/web/app/components/base/tag-management/trigger.tsx
@@ -12,33 +12,35 @@ const Trigger = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex w-full cursor-pointer items-center gap-1 overflow-hidden rounded-lg p-1 hover:bg-state-base-hover'>
-      {!tags.length ? (
-        <div className='flex items-center gap-x-0.5 rounded-[5px] border border-dashed border-divider-deep bg-components-badge-bg-dimm px-[5px] py-[3px]'>
-          <RiPriceTag3Line className='h-3 w-3 shrink-0 text-text-quaternary' />
-          <div className='system-2xs-medium-uppercase text-nowrap text-text-tertiary'>
-            {t('common.tag.addTag')}
-          </div>
-        </div>
-      ) : (
-        <>
-          {
-            tags.map((content, index) => {
-              return (
-                <div
-                  key={index}
-                  className='flex items-center gap-x-0.5 rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-[5px] py-[3px]'
-                >
-                  <RiPriceTag3Line className='h-3 w-3 shrink-0 text-text-quaternary' />
-                  <div className='system-2xs-medium-uppercase text-nowrap text-text-tertiary'>
-                    {content}
-                  </div>
-                </div>
-              )
-            })
-          }
-        </>
-      )}
+    <div className="flex w-full cursor-pointer items-center gap-1 overflow-hidden rounded-lg p-1 hover:bg-state-base-hover">
+      {!tags.length
+        ? (
+            <div className="flex items-center gap-x-0.5 rounded-[5px] border border-dashed border-divider-deep bg-components-badge-bg-dimm px-[5px] py-[3px]">
+              <RiPriceTag3Line className="h-3 w-3 shrink-0 text-text-quaternary" />
+              <div className="system-2xs-medium-uppercase text-nowrap text-text-tertiary">
+                {t('common.tag.addTag')}
+              </div>
+            </div>
+          )
+        : (
+            <>
+              {
+                tags.map((content, index) => {
+                  return (
+                    <div
+                      key={index}
+                      className="flex items-center gap-x-0.5 rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-[5px] py-[3px]"
+                    >
+                      <RiPriceTag3Line className="h-3 w-3 shrink-0 text-text-quaternary" />
+                      <div className="system-2xs-medium-uppercase text-nowrap text-text-tertiary">
+                        {content}
+                      </div>
+                    </div>
+                  )
+                })
+              }
+            </>
+          )}
     </div>
   )
 }
diff --git a/web/app/components/base/tag/index.tsx b/web/app/components/base/tag/index.tsx
index f85abe372e..38a686fa8e 100644
--- a/web/app/components/base/tag/index.tsx
+++ b/web/app/components/base/tag/index.tsx
@@ -31,11 +31,9 @@ const COLOR_MAP = {
 export default function Tag({ children, color = 'green', className = '', bordered = false, hideBg = false }: ITagProps) {
   return (
     <div className={
-      cn('inline-flex shrink-0 items-center rounded-md px-2.5 py-px text-xs leading-5',
-        COLOR_MAP[color] ? `${COLOR_MAP[color].text} ${COLOR_MAP[color].bg}` : '',
-        bordered ? 'border-[1px]' : '',
-        hideBg ? 'bg-transparent' : '',
-        className)} >
+      cn('inline-flex shrink-0 items-center rounded-md px-2.5 py-px text-xs leading-5', COLOR_MAP[color] ? `${COLOR_MAP[color].text} ${COLOR_MAP[color].bg}` : '', bordered ? 'border-[1px]' : '', hideBg ? 'bg-transparent' : '', className)
+    }
+    >
       {children}
     </div>
   )
diff --git a/web/app/components/base/text-generation/hooks.ts b/web/app/components/base/text-generation/hooks.ts
index 3d1bae9864..e5d42c8271 100644
--- a/web/app/components/base/text-generation/hooks.ts
+++ b/web/app/components/base/text-generation/hooks.ts
@@ -47,7 +47,8 @@ export const useTextGeneration = () => {
         onError() {
           setIsResponding(false)
         },
-      })
+      },
+    )
     return true
   }
 
diff --git a/web/app/components/base/text-generation/types.ts b/web/app/components/base/text-generation/types.ts
index 677a8e7d9b..d7c03ab3eb 100644
--- a/web/app/components/base/text-generation/types.ts
+++ b/web/app/components/base/text-generation/types.ts
@@ -1,9 +1,10 @@
+import type { ExternalDataTool } from '@/models/common'
 import type {
   ModelConfig,
   VisionFile,
   VisionSettings,
 } from '@/types/app'
-import type { ExternalDataTool } from '@/models/common'
+
 export type { VisionFile } from '@/types/app'
 export { TransferMethod } from '@/types/app'
 
diff --git a/web/app/components/base/textarea/index.stories.tsx b/web/app/components/base/textarea/index.stories.tsx
index 41d8bda458..7d584368ef 100644
--- a/web/app/components/base/textarea/index.stories.tsx
+++ b/web/app/components/base/textarea/index.stories.tsx
@@ -62,7 +62,9 @@ const TextareaDemo = (args: any) => {
       />
       {value && (
         <div className="mt-3 text-sm text-gray-600">
-          Character count: <span className="font-semibold">{value.length}</span>
+          Character count:
+          {' '}
+          <span className="font-semibold">{value.length}</span>
         </div>
       )}
     </div>
@@ -240,7 +242,12 @@ const CommentFormDemo = () => {
       />
       <div className="mt-2 flex items-center justify-between">
         <span className="text-xs text-gray-500">
-          {comment.length} / {maxLength} characters
+          {comment.length}
+          {' '}
+          /
+          {maxLength}
+          {' '}
+          characters
         </span>
         <button
           className="rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50"
@@ -399,11 +406,18 @@ const BioEditorDemo = () => {
       />
       <div className="mt-2 flex items-center justify-between text-xs">
         <span className={bio.length > maxLength * 0.9 ? 'text-orange-600' : 'text-gray-500'}>
-          {bio.length} / {maxLength} characters
+          {bio.length}
+          {' '}
+          /
+          {maxLength}
+          {' '}
+          characters
         </span>
         {bio.length > maxLength * 0.9 && (
           <span className="text-orange-600">
-            {maxLength - bio.length} characters remaining
+            {maxLength - bio.length}
+            {' '}
+            characters remaining
           </span>
         )}
       </div>
diff --git a/web/app/components/base/textarea/index.tsx b/web/app/components/base/textarea/index.tsx
index 31a183c6c7..039703d828 100644
--- a/web/app/components/base/textarea/index.tsx
+++ b/web/app/components/base/textarea/index.tsx
@@ -1,6 +1,7 @@
+import type { VariantProps } from 'class-variance-authority'
 import type { CSSProperties } from 'react'
+import { cva } from 'class-variance-authority'
 import React from 'react'
-import { type VariantProps, cva } from 'class-variance-authority'
 import { cn } from '@/utils/classnames'
 
 const textareaVariants = cva(
diff --git a/web/app/components/base/theme-selector.tsx b/web/app/components/base/theme-selector.tsx
index c6978960be..ed4584eca9 100644
--- a/web/app/components/base/theme-selector.tsx
+++ b/web/app/components/base/theme-selector.tsx
@@ -1,14 +1,14 @@
 'use client'
 
-import { useState } from 'react'
 import {
   RiCheckLine,
   RiComputerLine,
   RiMoonLine,
   RiSunLine,
 } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useTheme } from 'next-themes'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import {
   PortalToFollowElem,
@@ -30,9 +30,9 @@ export default function ThemeSelector() {
 
   const getCurrentIcon = () => {
     switch (theme) {
-      case 'light': return <RiSunLine className='h-4 w-4 text-text-tertiary' />
-      case 'dark': return <RiMoonLine className='h-4 w-4 text-text-tertiary' />
-      default: return <RiComputerLine className='h-4 w-4 text-text-tertiary' />
+      case 'light': return <RiSunLine className="h-4 w-4 text-text-tertiary" />
+      case 'dark': return <RiMoonLine className="h-4 w-4 text-text-tertiary" />
+      default: return <RiComputerLine className="h-4 w-4 text-text-tertiary" />
     }
   }
 
@@ -40,7 +40,7 @@ export default function ThemeSelector() {
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{ mainAxis: 6 }}
     >
       <PortalToFollowElemTrigger
@@ -52,43 +52,52 @@ export default function ThemeSelector() {
           {getCurrentIcon()}
         </ActionButton>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='flex w-[144px] flex-col items-start rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
-          <button type="button"
-            className='flex w-full items-center gap-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover'
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="flex w-[144px] flex-col items-start rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
+          <button
+            type="button"
+            className="flex w-full items-center gap-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleThemeChange('light')}
           >
-            <RiSunLine className='h-4 w-4 text-text-tertiary' />
-            <div className='flex grow items-center justify-start px-1'>
-              <span className='system-md-regular'>{t('common.theme.light')}</span>
+            <RiSunLine className="h-4 w-4 text-text-tertiary" />
+            <div className="flex grow items-center justify-start px-1">
+              <span className="system-md-regular">{t('common.theme.light')}</span>
             </div>
-            {theme === 'light' && <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
-              <RiCheckLine className='h-4 w-4 text-text-accent' />
-            </div>}
+            {theme === 'light' && (
+              <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+                <RiCheckLine className="h-4 w-4 text-text-accent" />
+              </div>
+            )}
           </button>
-          <button type="button"
-            className='flex w-full items-center gap-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover'
+          <button
+            type="button"
+            className="flex w-full items-center gap-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleThemeChange('dark')}
           >
-            <RiMoonLine className='h-4 w-4 text-text-tertiary' />
-            <div className='flex grow items-center justify-start px-1'>
-              <span className='system-md-regular'>{t('common.theme.dark')}</span>
+            <RiMoonLine className="h-4 w-4 text-text-tertiary" />
+            <div className="flex grow items-center justify-start px-1">
+              <span className="system-md-regular">{t('common.theme.dark')}</span>
             </div>
-            {theme === 'dark' && <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
-              <RiCheckLine className='h-4 w-4 text-text-accent' />
-            </div>}
+            {theme === 'dark' && (
+              <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+                <RiCheckLine className="h-4 w-4 text-text-accent" />
+              </div>
+            )}
           </button>
-          <button type="button"
-            className='flex w-full items-center gap-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover'
+          <button
+            type="button"
+            className="flex w-full items-center gap-1 rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleThemeChange('system')}
           >
-            <RiComputerLine className='h-4 w-4 text-text-tertiary' />
-            <div className='flex grow items-center justify-start px-1'>
-              <span className='system-md-regular'>{t('common.theme.auto')}</span>
+            <RiComputerLine className="h-4 w-4 text-text-tertiary" />
+            <div className="flex grow items-center justify-start px-1">
+              <span className="system-md-regular">{t('common.theme.auto')}</span>
             </div>
-            {theme === 'system' && <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
-              <RiCheckLine className='h-4 w-4 text-text-accent' />
-            </div>}
+            {theme === 'system' && (
+              <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+                <RiCheckLine className="h-4 w-4 text-text-accent" />
+              </div>
+            )}
           </button>
         </div>
       </PortalToFollowElemContent>
diff --git a/web/app/components/base/theme-switcher.tsx b/web/app/components/base/theme-switcher.tsx
index 29eabfb4aa..d223ff738e 100644
--- a/web/app/components/base/theme-switcher.tsx
+++ b/web/app/components/base/theme-switcher.tsx
@@ -17,7 +17,7 @@ export default function ThemeSwitcher() {
   }
 
   return (
-    <div className='flex items-center rounded-[10px] bg-components-segmented-control-bg-normal p-0.5'>
+    <div className="flex items-center rounded-[10px] bg-components-segmented-control-bg-normal p-0.5">
       <div
         className={cn(
           'rounded-lg px-2 py-1 text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
@@ -25,8 +25,8 @@ export default function ThemeSwitcher() {
         )}
         onClick={() => handleThemeChange('system')}
       >
-        <div className='p-0.5'>
-          <RiComputerLine className='h-4 w-4' />
+        <div className="p-0.5">
+          <RiComputerLine className="h-4 w-4" />
         </div>
       </div>
       <div className={cn('h-[14px] w-px bg-transparent', theme === 'dark' && 'bg-divider-regular')}></div>
@@ -37,8 +37,8 @@ export default function ThemeSwitcher() {
         )}
         onClick={() => handleThemeChange('light')}
       >
-        <div className='p-0.5'>
-          <RiSunLine className='h-4 w-4' />
+        <div className="p-0.5">
+          <RiSunLine className="h-4 w-4" />
         </div>
       </div>
       <div className={cn('h-[14px] w-px bg-transparent', theme === 'system' && 'bg-divider-regular')}></div>
@@ -49,8 +49,8 @@ export default function ThemeSwitcher() {
         )}
         onClick={() => handleThemeChange('dark')}
       >
-        <div className='p-0.5'>
-          <RiMoonLine className='h-4 w-4' />
+        <div className="p-0.5">
+          <RiMoonLine className="h-4 w-4" />
         </div>
       </div>
     </div>
diff --git a/web/app/components/base/timezone-label/__tests__/index.test.tsx b/web/app/components/base/timezone-label/__tests__/index.test.tsx
index 926c60dcd5..9fb1c6127b 100644
--- a/web/app/components/base/timezone-label/__tests__/index.test.tsx
+++ b/web/app/components/base/timezone-label/__tests__/index.test.tsx
@@ -1,11 +1,12 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import TimezoneLabel from '../index'
 
 // Mock the convertTimezoneToOffsetStr function
 vi.mock('@/app/components/base/date-and-time-picker/utils/dayjs', () => ({
   convertTimezoneToOffsetStr: (timezone?: string) => {
-    if (!timezone) return 'UTC+0'
+    if (!timezone)
+      return 'UTC+0'
 
     // Mock implementation matching the actual timezone conversions
     const timezoneOffsets: Record<string, string> = {
diff --git a/web/app/components/base/toast/index.spec.tsx b/web/app/components/base/toast/index.spec.tsx
index b9d855c637..94b3a81d54 100644
--- a/web/app/components/base/toast/index.spec.tsx
+++ b/web/app/components/base/toast/index.spec.tsx
@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react'
-import React from 'react'
 import { act, render, screen, waitFor } from '@testing-library/react'
-import Toast, { ToastProvider, useToastContext } from '.'
 import { noop } from 'lodash-es'
+import React from 'react'
+import Toast, { ToastProvider, useToastContext } from '.'
 
 const TestComponent = () => {
   const { notify, close } = useToastContext()
@@ -28,7 +28,7 @@ describe('Toast', () => {
   })
 
   describe('Toast Component', () => {
-    test('renders toast with correct type and message', () => {
+    it('renders toast with correct type and message', () => {
       render(
         <ToastProvider>
           <Toast type="success" message="Success message" />
@@ -38,7 +38,7 @@ describe('Toast', () => {
       expect(screen.getByText('Success message')).toBeInTheDocument()
     })
 
-    test('renders with different types', () => {
+    it('renders with different types', () => {
       const { rerender } = render(
         <ToastProvider>
           <Toast type="success" message="Success message" />
@@ -56,7 +56,7 @@ describe('Toast', () => {
       expect(document.querySelector('.text-text-destructive')).toBeInTheDocument()
     })
 
-    test('renders with custom component', () => {
+    it('renders with custom component', () => {
       render(
         <ToastProvider>
           <Toast
@@ -69,7 +69,7 @@ describe('Toast', () => {
       expect(screen.getByTestId('custom-component')).toBeInTheDocument()
     })
 
-    test('renders children content', () => {
+    it('renders children content', () => {
       render(
         <ToastProvider>
           <Toast message="Message with children">
@@ -81,7 +81,7 @@ describe('Toast', () => {
       expect(screen.getByText('Additional information')).toBeInTheDocument()
     })
 
-    test('does not render close button when close is undefined', () => {
+    it('does not render close button when close is undefined', () => {
       // Create a modified context where close is undefined
       const CustomToastContext = React.createContext({ notify: noop, close: undefined })
 
@@ -105,7 +105,7 @@ describe('Toast', () => {
   })
 
   describe('ToastProvider and Context', () => {
-    test('shows and hides toast using context', async () => {
+    it('shows and hides toast using context', async () => {
       render(
         <ToastProvider>
           <TestComponent />
@@ -128,7 +128,7 @@ describe('Toast', () => {
       expect(screen.queryByText('Notification message')).not.toBeInTheDocument()
     })
 
-    test('automatically hides toast after duration', async () => {
+    it('automatically hides toast after duration', async () => {
       render(
         <ToastProvider>
           <TestComponent />
@@ -154,7 +154,7 @@ describe('Toast', () => {
   })
 
   describe('Toast.notify static method', () => {
-    test('creates and removes toast from DOM', async () => {
+    it('creates and removes toast from DOM', async () => {
       act(() => {
         // Call the static method
         Toast.notify({ message: 'Static notification', type: 'warning' })
@@ -174,7 +174,7 @@ describe('Toast', () => {
       })
     })
 
-    test('calls onClose callback after duration', async () => {
+    it('calls onClose callback after duration', async () => {
       const onCloseMock = vi.fn()
       act(() => {
         Toast.notify({
diff --git a/web/app/components/base/toast/index.tsx b/web/app/components/base/toast/index.tsx
index e0e282ac50..f120bdeb7c 100644
--- a/web/app/components/base/toast/index.tsx
+++ b/web/app/components/base/toast/index.tsx
@@ -1,7 +1,5 @@
 'use client'
 import type { ReactNode } from 'react'
-import React, { useEffect, useState } from 'react'
-import { createRoot } from 'react-dom/client'
 import {
   RiAlertFill,
   RiCheckboxCircleFill,
@@ -9,10 +7,12 @@ import {
   RiErrorWarningFill,
   RiInformation2Fill,
 } from '@remixicon/react'
+import { noop } from 'lodash-es'
+import React, { useEffect, useState } from 'react'
+import { createRoot } from 'react-dom/client'
 import { createContext, useContext } from 'use-context-selector'
 import ActionButton from '@/app/components/base/action-button'
 import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
 
 export type IToastProps = {
   type?: 'success' | 'error' | 'warning' | 'info'
@@ -48,47 +48,52 @@ const Toast = ({
   if (typeof message !== 'string')
     return null
 
-  return <div className={cn(
-    className,
-    'fixed z-[9999] mx-8 my-4 w-[360px] grow overflow-hidden rounded-xl',
-    'border border-components-panel-border-subtle bg-components-panel-bg-blur shadow-sm',
-    'top-0',
-    'right-0',
-    size === 'md' ? 'p-3' : 'p-2',
-    className,
-  )}>
+  return (
     <div className={cn(
-      'absolute inset-0 -z-10 opacity-40',
-      type === 'success' && 'bg-toast-success-bg',
-      type === 'warning' && 'bg-toast-warning-bg',
-      type === 'error' && 'bg-toast-error-bg',
-      type === 'info' && 'bg-toast-info-bg',
+      className,
+      'fixed z-[9999] mx-8 my-4 w-[360px] grow overflow-hidden rounded-xl',
+      'border border-components-panel-border-subtle bg-components-panel-bg-blur shadow-sm',
+      'top-0',
+      'right-0',
+      size === 'md' ? 'p-3' : 'p-2',
+      className,
     )}
-    />
-    <div className={cn('flex', size === 'md' ? 'gap-1' : 'gap-0.5')}>
-      <div className={cn('flex items-center justify-center', size === 'md' ? 'p-0.5' : 'p-1')}>
-        {type === 'success' && <RiCheckboxCircleFill className={cn('text-text-success', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
-        {type === 'error' && <RiErrorWarningFill className={cn('text-text-destructive', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
-        {type === 'warning' && <RiAlertFill className={cn('text-text-warning-secondary', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
-        {type === 'info' && <RiInformation2Fill className={cn('text-text-accent', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
-      </div>
-      <div className={cn('flex grow flex-col items-start gap-1 py-1', size === 'md' ? 'px-1' : 'px-0.5')}>
-        <div className='flex items-center gap-1'>
-          <div className='system-sm-semibold text-text-primary [word-break:break-word]'>{message}</div>
-          {customComponent}
+    >
+      <div className={cn(
+        'absolute inset-0 -z-10 opacity-40',
+        type === 'success' && 'bg-toast-success-bg',
+        type === 'warning' && 'bg-toast-warning-bg',
+        type === 'error' && 'bg-toast-error-bg',
+        type === 'info' && 'bg-toast-info-bg',
+      )}
+      />
+      <div className={cn('flex', size === 'md' ? 'gap-1' : 'gap-0.5')}>
+        <div className={cn('flex items-center justify-center', size === 'md' ? 'p-0.5' : 'p-1')}>
+          {type === 'success' && <RiCheckboxCircleFill className={cn('text-text-success', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
+          {type === 'error' && <RiErrorWarningFill className={cn('text-text-destructive', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
+          {type === 'warning' && <RiAlertFill className={cn('text-text-warning-secondary', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
+          {type === 'info' && <RiInformation2Fill className={cn('text-text-accent', size === 'md' ? 'h-5 w-5' : 'h-4 w-4')} aria-hidden="true" />}
         </div>
-        {children && <div className='system-xs-regular text-text-secondary'>
-          {children}
+        <div className={cn('flex grow flex-col items-start gap-1 py-1', size === 'md' ? 'px-1' : 'px-0.5')}>
+          <div className="flex items-center gap-1">
+            <div className="system-sm-semibold text-text-primary [word-break:break-word]">{message}</div>
+            {customComponent}
+          </div>
+          {children && (
+            <div className="system-xs-regular text-text-secondary">
+              {children}
+            </div>
+          )}
         </div>
-        }
+        {close
+          && (
+            <ActionButton className="z-[1000]" onClick={close}>
+              <RiCloseLine className="h-4 w-4 shrink-0 text-text-tertiary" />
+            </ActionButton>
+          )}
       </div>
-      {close
-        && (<ActionButton className='z-[1000]' onClick={close}>
-          <RiCloseLine className='h-4 w-4 shrink-0 text-text-tertiary' />
-        </ActionButton>)
-      }
     </div>
-  </div>
+  )
 }
 
 export const ToastProvider = ({
@@ -113,16 +118,19 @@ export const ToastProvider = ({
     }
   }, [defaultDuring, mounted, params.duration])
 
-  return <ToastContext.Provider value={{
-    notify: (props) => {
-      setMounted(true)
-      setParams(props)
-    },
-    close: () => setMounted(false),
-  }}>
-    {mounted && <Toast {...params} />}
-    {children}
-  </ToastContext.Provider>
+  return (
+    <ToastContext.Provider value={{
+      notify: (props) => {
+        setMounted(true)
+        setParams(props)
+      },
+      close: () => setMounted(false),
+    }}
+    >
+      {mounted && <Toast {...params} />}
+      {children}
+    </ToastContext.Provider>
+  )
 }
 
 Toast.notify = ({
@@ -159,7 +167,8 @@ Toast.notify = ({
           }
           onClose?.()
         },
-      }}>
+      }}
+      >
         <Toast type={type} size={size} message={message} duration={duration} className={className} customComponent={customComponent} />
       </ToastContext.Provider>,
     )
diff --git a/web/app/components/base/tooltip/content.tsx b/web/app/components/base/tooltip/content.tsx
index f30940af37..ee52c83869 100644
--- a/web/app/components/base/tooltip/content.tsx
+++ b/web/app/components/base/tooltip/content.tsx
@@ -11,12 +11,12 @@ export const ToolTipContent: FC<ToolTipContentProps> = ({
   children,
 }) => {
   return (
-    <div className='w-[180px]'>
+    <div className="w-[180px]">
       {title && (
-        <div className='mb-1.5 font-semibold text-text-secondary'>{title}</div>
+        <div className="mb-1.5 font-semibold text-text-secondary">{title}</div>
       )}
-      <div className='mb-1.5 text-text-tertiary'>{children}</div>
-      {action && <div className='cursor-pointer text-text-accent'>{action}</div>}
+      <div className="mb-1.5 text-text-tertiary">{children}</div>
+      {action && <div className="cursor-pointer text-text-accent">{action}</div>}
     </div>
   )
 }
diff --git a/web/app/components/base/tooltip/index.spec.tsx b/web/app/components/base/tooltip/index.spec.tsx
index 31c19bb30f..8f77db71f6 100644
--- a/web/app/components/base/tooltip/index.spec.tsx
+++ b/web/app/components/base/tooltip/index.spec.tsx
@@ -1,12 +1,12 @@
-import React from 'react'
 import { act, cleanup, fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import Tooltip from './index'
 
 afterEach(cleanup)
 
 describe('Tooltip', () => {
   describe('Rendering', () => {
-    test('should render default tooltip with question icon', () => {
+    it('should render default tooltip with question icon', () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" triggerClassName={triggerClassName} />)
       const trigger = container.querySelector(`.${triggerClassName}`)
@@ -14,7 +14,7 @@ describe('Tooltip', () => {
       expect(trigger?.querySelector('svg')).not.toBeNull() // question icon
     })
 
-    test('should render with custom children', () => {
+    it('should render with custom children', () => {
       const { getByText } = render(
         <Tooltip popupContent="Tooltip content">
           <button>Hover me</button>
@@ -25,7 +25,7 @@ describe('Tooltip', () => {
   })
 
   describe('Disabled state', () => {
-    test('should not show tooltip when disabled', () => {
+    it('should not show tooltip when disabled', () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" disabled triggerClassName={triggerClassName} />)
       const trigger = container.querySelector(`.${triggerClassName}`)
@@ -37,7 +37,7 @@ describe('Tooltip', () => {
   })
 
   describe('Trigger methods', () => {
-    test('should open on hover when triggerMethod is hover', () => {
+    it('should open on hover when triggerMethod is hover', () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" triggerClassName={triggerClassName} />)
       const trigger = container.querySelector(`.${triggerClassName}`)
@@ -47,7 +47,7 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).toBeInTheDocument()
     })
 
-    test('should close on mouse leave when triggerMethod is hover', () => {
+    it('should close on mouse leave when triggerMethod is hover', () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" triggerClassName={triggerClassName} needsDelay={false} />)
       const trigger = container.querySelector(`.${triggerClassName}`)
@@ -58,7 +58,7 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
     })
 
-    test('should toggle on click when triggerMethod is click', () => {
+    it('should toggle on click when triggerMethod is click', () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" triggerMethod="click" triggerClassName={triggerClassName} />)
       const trigger = container.querySelector(`.${triggerClassName}`)
@@ -68,7 +68,7 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).toBeInTheDocument()
     })
 
-    test('should not close immediately on mouse leave when needsDelay is true', () => {
+    it('should not close immediately on mouse leave when needsDelay is true', () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" triggerMethod="hover" needsDelay triggerClassName={triggerClassName} />)
       const trigger = container.querySelector(`.${triggerClassName}`)
@@ -81,14 +81,14 @@ describe('Tooltip', () => {
   })
 
   describe('Styling and positioning', () => {
-    test('should apply custom trigger className', () => {
+    it('should apply custom trigger className', () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" triggerClassName={triggerClassName} />)
       const trigger = container.querySelector(`.${triggerClassName}`)
       expect(trigger?.className).toContain('custom-trigger')
     })
 
-    test('should apply custom popup className', async () => {
+    it('should apply custom popup className', async () => {
       const triggerClassName = 'custom-trigger'
       const { container } = render(<Tooltip popupContent="Tooltip content" triggerClassName={triggerClassName} popupClassName="custom-popup" />)
       const trigger = container.querySelector(`.${triggerClassName}`)
@@ -98,13 +98,15 @@ describe('Tooltip', () => {
       expect((await screen.findByText('Tooltip content'))?.className).toContain('custom-popup')
     })
 
-    test('should apply noDecoration when specified', async () => {
+    it('should apply noDecoration when specified', async () => {
       const triggerClassName = 'custom-trigger'
-      const { container } = render(<Tooltip
-        popupContent="Tooltip content"
-        triggerClassName={triggerClassName}
-        noDecoration
-      />)
+      const { container } = render(
+        <Tooltip
+          popupContent="Tooltip content"
+          triggerClassName={triggerClassName}
+          noDecoration
+        />,
+      )
       const trigger = container.querySelector(`.${triggerClassName}`)
       act(() => {
         fireEvent.mouseEnter(trigger!)
diff --git a/web/app/components/base/tooltip/index.tsx b/web/app/components/base/tooltip/index.tsx
index 6df7b5c80c..db570ac6ca 100644
--- a/web/app/components/base/tooltip/index.tsx
+++ b/web/app/components/base/tooltip/index.tsx
@@ -1,11 +1,11 @@
 'use client'
-import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
-import { useBoolean } from 'ahooks'
 import type { OffsetOptions, Placement } from '@floating-ui/react'
+import type { FC } from 'react'
 import { RiQuestionLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { useBoolean } from 'ahooks'
+import React, { useEffect, useRef, useState } from 'react'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
 import { tooltipManager } from './TooltipManager'
 
 export type TooltipProps = {
@@ -103,21 +103,23 @@ const Tooltip: FC<TooltipProps> = ({
         asChild={asChild}
         className={!asChild ? triggerClassName : ''}
       >
-        {children || <div data-testid={triggerTestId} className={triggerClassName || 'h-3.5 w-3.5 shrink-0 p-[1px]'}><RiQuestionLine className='h-full w-full text-text-quaternary hover:text-text-tertiary' /></div>}
+        {children || <div data-testid={triggerTestId} className={triggerClassName || 'h-3.5 w-3.5 shrink-0 p-[1px]'}><RiQuestionLine className="h-full w-full text-text-quaternary hover:text-text-tertiary" /></div>}
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent
         className={cn('z-[9999]', portalContentClassName || '')}
       >
-        {popupContent && (<div
-          className={cn(
-            !noDecoration && 'system-xs-regular relative max-w-[300px] break-words rounded-md bg-components-panel-bg px-3 py-2 text-left text-text-tertiary shadow-lg',
-            popupClassName,
-          )}
-          onMouseEnter={() => triggerMethod === 'hover' && setHoverPopup()}
-          onMouseLeave={() => triggerMethod === 'hover' && handleLeave(false)}
-        >
-          {popupContent}
-        </div>)}
+        {popupContent && (
+          <div
+            className={cn(
+              !noDecoration && 'system-xs-regular relative max-w-[300px] break-words rounded-md bg-components-panel-bg px-3 py-2 text-left text-text-tertiary shadow-lg',
+              popupClassName,
+            )}
+            onMouseEnter={() => triggerMethod === 'hover' && setHoverPopup()}
+            onMouseLeave={() => triggerMethod === 'hover' && handleLeave(false)}
+          >
+            {popupContent}
+          </div>
+        )}
       </PortalToFollowElemContent>
     </PortalToFollowElem>
   )
diff --git a/web/app/components/base/video-gallery/VideoPlayer.tsx b/web/app/components/base/video-gallery/VideoPlayer.tsx
index 816107bd8a..f94b97ed90 100644
--- a/web/app/components/base/video-gallery/VideoPlayer.tsx
+++ b/web/app/components/base/video-gallery/VideoPlayer.tsx
@@ -8,31 +8,31 @@ type VideoPlayerProps = {
 
 const PlayIcon = () => (
   <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8 5V19L19 12L8 5Z" fill="currentColor"/>
+    <path d="M8 5V19L19 12L8 5Z" fill="currentColor" />
   </svg>
 )
 
 const PauseIcon = () => (
   <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 19H10V5H6V19ZM14 5V19H18V5H14Z" fill="currentColor"/>
+    <path d="M6 19H10V5H6V19ZM14 5V19H18V5H14Z" fill="currentColor" />
   </svg>
 )
 
 const MuteIcon = () => (
   <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 9V15H7L12 20V4L7 9H3ZM16.5 12C16.5 10.23 15.48 8.71 14 7.97V16.02C15.48 15.29 16.5 13.77 16.5 12ZM14 3.23V5.29C16.89 6.15 19 8.83 19 12C19 15.17 16.89 17.85 14 18.71V20.77C18.01 19.86 21 16.28 21 12C21 7.72 18.01 4.14 14 3.23Z" fill="currentColor"/>
+    <path d="M3 9V15H7L12 20V4L7 9H3ZM16.5 12C16.5 10.23 15.48 8.71 14 7.97V16.02C15.48 15.29 16.5 13.77 16.5 12ZM14 3.23V5.29C16.89 6.15 19 8.83 19 12C19 15.17 16.89 17.85 14 18.71V20.77C18.01 19.86 21 16.28 21 12C21 7.72 18.01 4.14 14 3.23Z" fill="currentColor" />
   </svg>
 )
 
 const UnmuteIcon = () => (
   <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4.34 2.93L2.93 4.34L7.29 8.7L7 9H3V15H7L12 20V13.41L16.18 17.59C15.69 17.96 15.16 18.27 14.58 18.5V20.58C15.94 20.22 17.15 19.56 18.13 18.67L19.66 20.2L21.07 18.79L4.34 2.93ZM10 15.17L7.83 13H5V11H7.83L10 8.83V15.17ZM19 12C19 12.82 18.85 13.61 18.59 14.34L20.12 15.87C20.68 14.7 21 13.39 21 12C21 7.72 18.01 4.14 14 3.23V5.29C16.89 6.15 19 8.83 19 12ZM12 4L10.12 5.88L12 7.76V4ZM16.5 12C16.5 10.23 15.48 8.71 14 7.97V10.18L16.45 12.63C16.48 12.43 16.5 12.22 16.5 12Z" fill="currentColor"/>
+    <path d="M4.34 2.93L2.93 4.34L7.29 8.7L7 9H3V15H7L12 20V13.41L16.18 17.59C15.69 17.96 15.16 18.27 14.58 18.5V20.58C15.94 20.22 17.15 19.56 18.13 18.67L19.66 20.2L21.07 18.79L4.34 2.93ZM10 15.17L7.83 13H5V11H7.83L10 8.83V15.17ZM19 12C19 12.82 18.85 13.61 18.59 14.34L20.12 15.87C20.68 14.7 21 13.39 21 12C21 7.72 18.01 4.14 14 3.23V5.29C16.89 6.15 19 8.83 19 12ZM12 4L10.12 5.88L12 7.76V4ZM16.5 12C16.5 10.23 15.48 8.71 14 7.97V10.18L16.45 12.63C16.48 12.43 16.5 12.22 16.5 12Z" fill="currentColor" />
   </svg>
 )
 
 const FullscreenIcon = () => (
   <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7 14H5V19H10V17H7V14ZM5 10H7V7H10V5H5V10ZM17 17H14V19H19V14H17V17ZM14 5V7H17V10H19V5H14Z" fill="currentColor"/>
+    <path d="M7 14H5V19H10V17H7V14ZM5 10H7V7H10V5H5V10ZM17 17H14V19H19V14H17V17ZM14 5V7H17V10H19V5H14Z" fill="currentColor" />
   </svg>
 )
 
@@ -248,7 +248,15 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ src, srcs }) => {
               <button type="button" className={styles.playPauseButton} onClick={togglePlayPause}>
                 {isPlaying ? <PauseIcon /> : <PlayIcon />}
               </button>
-              {!isSmallSize && (<span className={styles.time}>{formatTime(currentTime)} / {formatTime(duration)}</span>)}
+              {!isSmallSize && (
+                <span className={styles.time}>
+                  {formatTime(currentTime)}
+                  {' '}
+                  /
+                  {' '}
+                  {formatTime(duration)}
+                </span>
+              )}
             </div>
             <div className={styles.rightControls}>
               <button type="button" className={styles.muteButton} onClick={toggleMute}>
diff --git a/web/app/components/base/video-gallery/index.tsx b/web/app/components/base/video-gallery/index.tsx
index 76c5c1b841..87133b94b9 100644
--- a/web/app/components/base/video-gallery/index.tsx
+++ b/web/app/components/base/video-gallery/index.tsx
@@ -7,7 +7,8 @@ type Props = {
 
 const VideoGallery: React.FC<Props> = ({ srcs }) => {
   const validSrcs = srcs.filter(src => src)
-  if (validSrcs.length === 0) return null
+  if (validSrcs.length === 0)
+    return null
 
   return (
     <div className="my-3">
diff --git a/web/app/components/base/voice-input/index.stories.tsx b/web/app/components/base/voice-input/index.stories.tsx
index de6a675ab3..e368f4bd51 100644
--- a/web/app/components/base/voice-input/index.stories.tsx
+++ b/web/app/components/base/voice-input/index.stories.tsx
@@ -200,35 +200,37 @@ const ChatInputWithVoiceDemo = () => {
 
       {/* Input area */}
       <div className="space-y-3">
-        {!isRecording ? (
-          <div className="flex gap-2">
-            <input
-              type="text"
-              className="flex-1 rounded-lg border border-gray-300 px-4 py-3 text-sm"
-              placeholder="Type a message..."
-              value={message}
-              onChange={e => setMessage(e.target.value)}
-            />
-            <button
-              className="rounded-lg bg-gray-100 px-4 py-3 hover:bg-gray-200"
-              onClick={() => setIsRecording(true)}
-              title="Voice input"
-            >
-              🎤
-            </button>
-            <button className="rounded-lg bg-blue-600 px-6 py-3 text-white hover:bg-blue-700">
-              Send
-            </button>
-          </div>
-        ) : (
-          <VoiceInputMock
-            onConverted={(text: string) => {
-              setMessage(text)
-              setIsRecording(false)
-            }}
-            onCancel={() => setIsRecording(false)}
-          />
-        )}
+        {!isRecording
+          ? (
+              <div className="flex gap-2">
+                <input
+                  type="text"
+                  className="flex-1 rounded-lg border border-gray-300 px-4 py-3 text-sm"
+                  placeholder="Type a message..."
+                  value={message}
+                  onChange={e => setMessage(e.target.value)}
+                />
+                <button
+                  className="rounded-lg bg-gray-100 px-4 py-3 hover:bg-gray-200"
+                  onClick={() => setIsRecording(true)}
+                  title="Voice input"
+                >
+                  🎤
+                </button>
+                <button className="rounded-lg bg-blue-600 px-6 py-3 text-white hover:bg-blue-700">
+                  Send
+                </button>
+              </div>
+            )
+          : (
+              <VoiceInputMock
+                onConverted={(text: string) => {
+                  setMessage(text)
+                  setIsRecording(false)
+                }}
+                onCancel={() => setIsRecording(false)}
+              />
+            )}
       </div>
     </div>
   )
@@ -247,41 +249,45 @@ const SearchWithVoiceDemo = () => {
     <div style={{ width: '700px' }} className="rounded-lg border border-gray-200 bg-white p-6">
       <h3 className="mb-4 text-lg font-semibold">Voice Search</h3>
 
-      {!isRecording ? (
-        <div className="flex gap-2">
-          <div className="relative flex-1">
-            <input
-              type="text"
-              className="w-full rounded-lg border border-gray-300 px-4 py-3 pl-10 text-sm"
-              placeholder="Search or use voice..."
-              value={searchQuery}
-              onChange={e => setSearchQuery(e.target.value)}
+      {!isRecording
+        ? (
+            <div className="flex gap-2">
+              <div className="relative flex-1">
+                <input
+                  type="text"
+                  className="w-full rounded-lg border border-gray-300 px-4 py-3 pl-10 text-sm"
+                  placeholder="Search or use voice..."
+                  value={searchQuery}
+                  onChange={e => setSearchQuery(e.target.value)}
+                />
+                <span className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400">
+                  🔍
+                </span>
+              </div>
+              <button
+                className="rounded-lg bg-blue-600 px-4 py-3 text-white hover:bg-blue-700"
+                onClick={() => setIsRecording(true)}
+              >
+                🎤 Voice Search
+              </button>
+            </div>
+          )
+        : (
+            <VoiceInputMock
+              onConverted={(text: string) => {
+                setSearchQuery(text)
+                setIsRecording(false)
+              }}
+              onCancel={() => setIsRecording(false)}
             />
-            <span className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400">
-              🔍
-            </span>
-          </div>
-          <button
-            className="rounded-lg bg-blue-600 px-4 py-3 text-white hover:bg-blue-700"
-            onClick={() => setIsRecording(true)}
-          >
-            🎤 Voice Search
-          </button>
-        </div>
-      ) : (
-        <VoiceInputMock
-          onConverted={(text: string) => {
-            setSearchQuery(text)
-            setIsRecording(false)
-          }}
-          onCancel={() => setIsRecording(false)}
-        />
-      )}
+          )}
 
       {searchQuery && !isRecording && (
         <div className="mt-4 rounded-lg bg-blue-50 p-4">
           <div className="mb-2 text-xs font-medium text-blue-900">
-            Searching for: <strong>{searchQuery}</strong>
+            Searching for:
+            {' '}
+            <strong>{searchQuery}</strong>
           </div>
         </div>
       )}
@@ -302,52 +308,63 @@ const NoteTakingDemo = () => {
     <div style={{ width: '700px' }} className="rounded-lg border border-gray-200 bg-white p-6">
       <div className="mb-4 flex items-center justify-between">
         <h3 className="text-lg font-semibold">Voice Notes</h3>
-        <span className="text-sm text-gray-500">{notes.length} notes</span>
+        <span className="text-sm text-gray-500">
+          {notes.length}
+          {' '}
+          notes
+        </span>
       </div>
 
       <div className="mb-4">
-        {!isRecording ? (
-          <button
-            className="flex w-full items-center justify-center gap-2 rounded-lg bg-red-500 px-4 py-3 font-medium text-white hover:bg-red-600"
-            onClick={() => setIsRecording(true)}
-          >
-            <span className="text-xl">🎤</span>
-            Record Voice Note
-          </button>
-        ) : (
-          <VoiceInputMock
-            onConverted={(text: string) => {
-              setNotes([...notes, text])
-              setIsRecording(false)
-            }}
-            onCancel={() => setIsRecording(false)}
-          />
-        )}
+        {!isRecording
+          ? (
+              <button
+                className="flex w-full items-center justify-center gap-2 rounded-lg bg-red-500 px-4 py-3 font-medium text-white hover:bg-red-600"
+                onClick={() => setIsRecording(true)}
+              >
+                <span className="text-xl">🎤</span>
+                Record Voice Note
+              </button>
+            )
+          : (
+              <VoiceInputMock
+                onConverted={(text: string) => {
+                  setNotes([...notes, text])
+                  setIsRecording(false)
+                }}
+                onCancel={() => setIsRecording(false)}
+              />
+            )}
       </div>
 
       <div className="max-h-80 space-y-2 overflow-y-auto">
-        {notes.length === 0 ? (
-          <div className="py-12 text-center text-gray-400">
-            No notes yet. Click the button above to start recording.
-          </div>
-        ) : (
-          notes.map((note, index) => (
-            <div key={index} className="rounded-lg border border-gray-200 bg-gray-50 p-3">
-              <div className="flex items-start justify-between">
-                <div className="flex-1">
-                  <div className="mb-1 text-xs text-gray-500">Note {index + 1}</div>
-                  <div className="text-sm text-gray-800">{note}</div>
-                </div>
-                <button
-                  className="text-gray-400 hover:text-red-500"
-                  onClick={() => setNotes(notes.filter((_, i) => i !== index))}
-                >
-                  ×
-                </button>
+        {notes.length === 0
+          ? (
+              <div className="py-12 text-center text-gray-400">
+                No notes yet. Click the button above to start recording.
               </div>
-            </div>
-          ))
-        )}
+            )
+          : (
+              notes.map((note, index) => (
+                <div key={index} className="rounded-lg border border-gray-200 bg-gray-50 p-3">
+                  <div className="flex items-start justify-between">
+                    <div className="flex-1">
+                      <div className="mb-1 text-xs text-gray-500">
+                        Note
+                        {index + 1}
+                      </div>
+                      <div className="text-sm text-gray-800">{note}</div>
+                    </div>
+                    <button
+                      className="text-gray-400 hover:text-red-500"
+                      onClick={() => setNotes(notes.filter((_, i) => i !== index))}
+                    >
+                      ×
+                    </button>
+                  </div>
+                </div>
+              ))
+            )}
       </div>
     </div>
   )
@@ -374,62 +391,66 @@ const FormWithVoiceDemo = () => {
           <label className="mb-2 block text-sm font-medium text-gray-700">
             Product Name
           </label>
-          {activeField === 'name' ? (
-            <VoiceInputMock
-              onConverted={(text: string) => {
-                setFormData({ ...formData, name: text })
-                setActiveField(null)
-              }}
-              onCancel={() => setActiveField(null)}
-            />
-          ) : (
-            <div className="flex gap-2">
-              <input
-                type="text"
-                className="flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm"
-                placeholder="Enter product name..."
-                value={formData.name}
-                onChange={e => setFormData({ ...formData, name: e.target.value })}
-              />
-              <button
-                className="rounded-lg bg-gray-100 px-3 py-2 hover:bg-gray-200"
-                onClick={() => setActiveField('name')}
-              >
-                🎤
-              </button>
-            </div>
-          )}
+          {activeField === 'name'
+            ? (
+                <VoiceInputMock
+                  onConverted={(text: string) => {
+                    setFormData({ ...formData, name: text })
+                    setActiveField(null)
+                  }}
+                  onCancel={() => setActiveField(null)}
+                />
+              )
+            : (
+                <div className="flex gap-2">
+                  <input
+                    type="text"
+                    className="flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm"
+                    placeholder="Enter product name..."
+                    value={formData.name}
+                    onChange={e => setFormData({ ...formData, name: e.target.value })}
+                  />
+                  <button
+                    className="rounded-lg bg-gray-100 px-3 py-2 hover:bg-gray-200"
+                    onClick={() => setActiveField('name')}
+                  >
+                    🎤
+                  </button>
+                </div>
+              )}
         </div>
 
         <div>
           <label className="mb-2 block text-sm font-medium text-gray-700">
             Description
           </label>
-          {activeField === 'description' ? (
-            <VoiceInputMock
-              onConverted={(text: string) => {
-                setFormData({ ...formData, description: text })
-                setActiveField(null)
-              }}
-              onCancel={() => setActiveField(null)}
-            />
-          ) : (
-            <div className="space-y-2">
-              <textarea
-                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm"
-                rows={4}
-                placeholder="Enter product description..."
-                value={formData.description}
-                onChange={e => setFormData({ ...formData, description: e.target.value })}
-              />
-              <button
-                className="w-full rounded-lg bg-gray-100 px-3 py-2 text-sm hover:bg-gray-200"
-                onClick={() => setActiveField('description')}
-              >
-                🎤 Use Voice Input
-              </button>
-            </div>
-          )}
+          {activeField === 'description'
+            ? (
+                <VoiceInputMock
+                  onConverted={(text: string) => {
+                    setFormData({ ...formData, description: text })
+                    setActiveField(null)
+                  }}
+                  onCancel={() => setActiveField(null)}
+                />
+              )
+            : (
+                <div className="space-y-2">
+                  <textarea
+                    className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm"
+                    rows={4}
+                    placeholder="Enter product description..."
+                    value={formData.description}
+                    onChange={e => setFormData({ ...formData, description: e.target.value })}
+                  />
+                  <button
+                    className="w-full rounded-lg bg-gray-100 px-3 py-2 text-sm hover:bg-gray-200"
+                    onClick={() => setActiveField('description')}
+                  >
+                    🎤 Use Voice Input
+                  </button>
+                </div>
+              )}
         </div>
 
         <button className="w-full rounded-lg bg-blue-600 px-4 py-2 text-white hover:bg-blue-700">
diff --git a/web/app/components/base/voice-input/index.tsx b/web/app/components/base/voice-input/index.tsx
index 2498467384..d1e78b3126 100644
--- a/web/app/components/base/voice-input/index.tsx
+++ b/web/app/components/base/voice-input/index.tsx
@@ -1,17 +1,17 @@
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useParams, usePathname } from 'next/navigation'
 import {
   RiCloseLine,
   RiLoader2Line,
 } from '@remixicon/react'
-import Recorder from 'js-audio-recorder'
 import { useRafInterval } from 'ahooks'
-import { convertToMp3 } from './utils'
-import s from './index.module.css'
-import { cn } from '@/utils/classnames'
+import Recorder from 'js-audio-recorder'
+import { useParams, usePathname } from 'next/navigation'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { StopCircle } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
 import { audioToText } from '@/service/share'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
+import { convertToMp3 } from './utils'
 
 type VoiceInputTypes = {
   onConverted: (text: string) => void
@@ -167,15 +167,15 @@ const VoiceInput = ({
 
   return (
     <div className={cn(s.wrapper, 'absolute inset-0 rounded-xl')}>
-      <div className='absolute inset-[1.5px] flex items-center overflow-hidden rounded-[10.5px] bg-primary-25 py-[14px] pl-[14.5px] pr-[6.5px]'>
-        <canvas id='voice-input-record' className='absolute bottom-0 left-0 h-4 w-full' />
+      <div className="absolute inset-[1.5px] flex items-center overflow-hidden rounded-[10.5px] bg-primary-25 py-[14px] pl-[14.5px] pr-[6.5px]">
+        <canvas id="voice-input-record" className="absolute bottom-0 left-0 h-4 w-full" />
         {
-          startConvert && <RiLoader2Line className='mr-2 h-4 w-4 animate-spin text-primary-700' />
+          startConvert && <RiLoader2Line className="mr-2 h-4 w-4 animate-spin text-primary-700" />
         }
-        <div className='grow'>
+        <div className="grow">
           {
             startRecord && (
-              <div className='text-sm text-gray-500'>
+              <div className="text-sm text-gray-500">
                 {t('common.voiceInput.speaking')}
               </div>
             )
@@ -191,20 +191,20 @@ const VoiceInput = ({
         {
           startRecord && (
             <div
-              className='mr-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg  hover:bg-primary-100'
+              className="mr-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg  hover:bg-primary-100"
               onClick={handleStopRecorder}
             >
-              <StopCircle className='h-5 w-5 text-primary-600' />
+              <StopCircle className="h-5 w-5 text-primary-600" />
             </div>
           )
         }
         {
           startConvert && (
             <div
-              className='mr-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg  hover:bg-gray-200'
+              className="mr-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg  hover:bg-gray-200"
               onClick={onCancel}
             >
-              <RiCloseLine className='h-4 w-4 text-gray-500' />
+              <RiCloseLine className="h-4 w-4 text-gray-500" />
             </div>
           )
         }
diff --git a/web/app/components/base/voice-input/utils.ts b/web/app/components/base/voice-input/utils.ts
index a8ac9eba03..e2b078935c 100644
--- a/web/app/components/base/voice-input/utils.ts
+++ b/web/app/components/base/voice-input/utils.ts
@@ -1,7 +1,7 @@
 import lamejs from 'lamejs'
-import MPEGMode from 'lamejs/src/js/MPEGMode'
-import Lame from 'lamejs/src/js/Lame'
 import BitStream from 'lamejs/src/js/BitStream'
+import Lame from 'lamejs/src/js/Lame'
+import MPEGMode from 'lamejs/src/js/MPEGMode'
 
 if (globalThis) {
   (globalThis as any).MPEGMode = MPEGMode
diff --git a/web/app/components/base/with-input-validation/index.spec.tsx b/web/app/components/base/with-input-validation/index.spec.tsx
index e9e4120e66..c1a9d55f0a 100644
--- a/web/app/components/base/with-input-validation/index.spec.tsx
+++ b/web/app/components/base/with-input-validation/index.spec.tsx
@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react'
+import { noop } from 'lodash-es'
 import { z } from 'zod'
 import withValidation from '.'
-import { noop } from 'lodash-es'
 
 describe('withValidation HOC', () => {
   // schema for validation
@@ -11,7 +11,13 @@ describe('withValidation HOC', () => {
   }
 
   const TestComponent = ({ name, age }: Props) => (
-    <div>{name} - {age}</div>
+    <div>
+      {name}
+      {' '}
+      -
+      {' '}
+      {age}
+    </div>
   )
   const WrappedComponent = withValidation(TestComponent, schema)
 
@@ -24,12 +30,12 @@ describe('withValidation HOC', () => {
   })
 
   it('renders the component when validation passes', () => {
-    render(<WrappedComponent name='Valid Name' age={30} />)
+    render(<WrappedComponent name="Valid Name" age={30} />)
     expect(screen.getByText('Valid Name - 30')).toBeInTheDocument()
   })
 
   it('renders the component when props is invalid but not in schema ', () => {
-    render(<WrappedComponent name='Valid Name' age={'aaa' as any} />)
+    render(<WrappedComponent name="Valid Name" age={'aaa' as any} />)
     expect(screen.getByText('Valid Name - aaa')).toBeInTheDocument()
   })
 
diff --git a/web/app/components/base/with-input-validation/index.stories.tsx b/web/app/components/base/with-input-validation/index.stories.tsx
index 26fa9747d8..167fa73e84 100644
--- a/web/app/components/base/with-input-validation/index.stories.tsx
+++ b/web/app/components/base/with-input-validation/index.stories.tsx
@@ -15,9 +15,20 @@ const UserCard = ({ name, email, age, role }: UserCardProps) => {
     <div className="rounded-lg border border-gray-200 bg-white p-4">
       <h3 className="mb-2 text-lg font-semibold">{name}</h3>
       <div className="space-y-1 text-sm text-gray-600">
-        <div>Email: {email}</div>
-        <div>Age: {age}</div>
-        {role && <div>Role: {role}</div>}
+        <div>
+          Email:
+          {email}
+        </div>
+        <div>
+          Age:
+          {age}
+        </div>
+        {role && (
+          <div>
+            Role:
+            {role}
+          </div>
+        )}
       </div>
     </div>
   )
@@ -35,8 +46,14 @@ const ProductCard = ({ name, price, category, inStock }: ProductCardProps) => {
     <div className="rounded-lg border border-gray-200 bg-white p-4">
       <h3 className="mb-2 text-lg font-semibold">{name}</h3>
       <div className="space-y-1 text-sm">
-        <div className="text-xl font-bold text-green-600">${price}</div>
-        <div className="text-gray-600">Category: {category}</div>
+        <div className="text-xl font-bold text-green-600">
+          $
+          {price}
+        </div>
+        <div className="text-gray-600">
+          Category:
+          {category}
+        </div>
         <div className={inStock ? 'text-green-600' : 'text-red-600'}>
           {inStock ? '✓ In Stock' : '✗ Out of Stock'}
         </div>
@@ -299,11 +316,15 @@ export const APIResponseValidation: Story = {
           {mockAPIResponses.map((product, index) => (
             <div key={index}>
               <ValidatedProductCard {...product} />
-              {!product.name || product.price <= 0 ? (
-                <div className="mt-2 text-xs text-red-600">
-                  ⚠️ Validation failed for product {index + 1}
-                </div>
-              ) : null}
+              {!product.name || product.price <= 0
+                ? (
+                    <div className="mt-2 text-xs text-red-600">
+                      ⚠️ Validation failed for product
+                      {' '}
+                      {index + 1}
+                    </div>
+                  )
+                : null}
             </div>
           ))}
         </div>
@@ -332,7 +353,10 @@ export const ConfigurationValidation: Story = {
           </div>
           <div className="flex justify-between">
             <span className="text-gray-600">Timeout:</span>
-            <span>{timeout}ms</span>
+            <span>
+              {timeout}
+              ms
+            </span>
           </div>
           <div className="flex justify-between">
             <span className="text-gray-600">Retries:</span>
diff --git a/web/app/components/base/with-input-validation/index.tsx b/web/app/components/base/with-input-validation/index.tsx
index 6036b798e9..f8ea354208 100644
--- a/web/app/components/base/with-input-validation/index.tsx
+++ b/web/app/components/base/with-input-validation/index.tsx
@@ -1,6 +1,6 @@
 'use client'
-import React from 'react'
 import type { ZodSchema } from 'zod'
+import React from 'react'
 
 function withValidation<T extends Record<string, unknown>, K extends keyof T>(
   WrappedComponent: React.ComponentType<T>,
diff --git a/web/app/components/base/zendesk/index.tsx b/web/app/components/base/zendesk/index.tsx
index 031a044c34..dc6ce1e655 100644
--- a/web/app/components/base/zendesk/index.tsx
+++ b/web/app/components/base/zendesk/index.tsx
@@ -1,6 +1,6 @@
-import { memo } from 'react'
 import { headers } from 'next/headers'
 import Script from 'next/script'
+import { memo } from 'react'
 import { IS_CE_EDITION, ZENDESK_WIDGET_KEY } from '@/config'
 
 const Zendesk = async () => {
@@ -16,14 +16,16 @@ const Zendesk = async () => {
         id="ze-snippet"
         src={`https://static.zdassets.com/ekr/snippet.js?key=${ZENDESK_WIDGET_KEY}`}
       />
-      <Script nonce={nonce ?? undefined} id="ze-init">{`
+      <Script nonce={nonce ?? undefined} id="ze-init">
+        {`
         (function () {
           window.addEventListener('load', function () {
             if (window.zE)
               window.zE('messenger', 'hide')
           })
         })()
-      `}</Script>
+      `}
+      </Script>
     </>
   )
 }
diff --git a/web/app/components/base/zendesk/utils.ts b/web/app/components/base/zendesk/utils.ts
index 216499efc4..961f4b96f6 100644
--- a/web/app/components/base/zendesk/utils.ts
+++ b/web/app/components/base/zendesk/utils.ts
@@ -1,8 +1,8 @@
 import { IS_CE_EDITION } from '@/config'
 
 export type ConversationField = {
-  id: string,
-  value: any,
+  id: string
+  value: any
 }
 
 declare global {
@@ -13,7 +13,7 @@ declare global {
       value: string,
       payload?: ConversationField[] | string | string[] | (() => any),
       callback?: () => any,
-    ) => void;
+    ) => void
   }
 }
 
diff --git a/web/app/components/billing/annotation-full/index.spec.tsx b/web/app/components/billing/annotation-full/index.spec.tsx
index 5ea7e6022e..3201eacc49 100644
--- a/web/app/components/billing/annotation-full/index.spec.tsx
+++ b/web/app/components/billing/annotation-full/index.spec.tsx
@@ -5,7 +5,7 @@ vi.mock('./usage', () => ({
   __esModule: true,
   default: (props: { className?: string }) => {
     return (
-      <div data-testid='usage-component' data-classname={props.className ?? ''}>
+      <div data-testid="usage-component" data-classname={props.className ?? ''}>
         usage
       </div>
     )
@@ -16,7 +16,7 @@ vi.mock('../upgrade-btn', () => ({
   __esModule: true,
   default: (props: { loc?: string }) => {
     return (
-      <button type='button' data-testid='upgrade-btn'>
+      <button type="button" data-testid="upgrade-btn">
         {props.loc}
       </button>
     )
diff --git a/web/app/components/billing/annotation-full/index.tsx b/web/app/components/billing/annotation-full/index.tsx
index 9aee529c8c..090e383e22 100644
--- a/web/app/components/billing/annotation-full/index.tsx
+++ b/web/app/components/billing/annotation-full/index.tsx
@@ -2,28 +2,28 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import UpgradeBtn from '../upgrade-btn'
-import Usage from './usage'
-import s from './style.module.css'
-import { cn } from '@/utils/classnames'
 import GridMask from '@/app/components/base/grid-mask'
+import { cn } from '@/utils/classnames'
+import UpgradeBtn from '../upgrade-btn'
+import s from './style.module.css'
+import Usage from './usage'
 
 const AnnotationFull: FC = () => {
   const { t } = useTranslation()
 
   return (
-    <GridMask wrapperClassName='rounded-lg' canvasClassName='rounded-lg' gradientClassName='rounded-lg'>
-      <div className='mt-6 flex cursor-pointer flex-col rounded-lg border-2 border-solid border-transparent px-3.5 py-4 shadow-md transition-all duration-200 ease-in-out'>
-        <div className='flex items-center justify-between'>
+    <GridMask wrapperClassName="rounded-lg" canvasClassName="rounded-lg" gradientClassName="rounded-lg">
+      <div className="mt-6 flex cursor-pointer flex-col rounded-lg border-2 border-solid border-transparent px-3.5 py-4 shadow-md transition-all duration-200 ease-in-out">
+        <div className="flex items-center justify-between">
           <div className={cn(s.textGradient, 'text-base font-semibold leading-[24px]')}>
             <div>{t('billing.annotatedResponse.fullTipLine1')}</div>
             <div>{t('billing.annotatedResponse.fullTipLine2')}</div>
           </div>
-          <div className='flex'>
-            <UpgradeBtn loc={'annotation-create'} />
+          <div className="flex">
+            <UpgradeBtn loc="annotation-create" />
           </div>
         </div>
-        <Usage className='mt-4' />
+        <Usage className="mt-4" />
       </div>
     </GridMask>
   )
diff --git a/web/app/components/billing/annotation-full/modal.spec.tsx b/web/app/components/billing/annotation-full/modal.spec.tsx
index 6a1ce879d1..00ec3a3936 100644
--- a/web/app/components/billing/annotation-full/modal.spec.tsx
+++ b/web/app/components/billing/annotation-full/modal.spec.tsx
@@ -5,7 +5,7 @@ vi.mock('./usage', () => ({
   __esModule: true,
   default: (props: { className?: string }) => {
     return (
-      <div data-testid='usage-component' data-classname={props.className ?? ''}>
+      <div data-testid="usage-component" data-classname={props.className ?? ''}>
         usage
       </div>
     )
@@ -18,7 +18,7 @@ vi.mock('../upgrade-btn', () => ({
   default: (props: { loc?: string }) => {
     mockUpgradeBtnProps = props
     return (
-      <button type='button' data-testid='upgrade-btn'>
+      <button type="button" data-testid="upgrade-btn">
         {props.loc}
       </button>
     )
@@ -33,7 +33,7 @@ type ModalSnapshot = {
 let mockModalProps: ModalSnapshot | null = null
 vi.mock('../../base/modal', () => ({
   __esModule: true,
-  default: ({ isShow, children, onClose, closable, className }: { isShow: boolean; children: React.ReactNode; onClose: () => void; closable?: boolean; className?: string }) => {
+  default: ({ isShow, children, onClose, closable, className }: { isShow: boolean, children: React.ReactNode, onClose: () => void, closable?: boolean, className?: string }) => {
     mockModalProps = {
       isShow,
       closable,
@@ -42,9 +42,9 @@ vi.mock('../../base/modal', () => ({
     if (!isShow)
       return null
     return (
-      <div data-testid='annotation-full-modal' data-classname={className ?? ''}>
+      <div data-testid="annotation-full-modal" data-classname={className ?? ''}>
         {closable && (
-          <button type='button' data-testid='mock-modal-close' onClick={onClose}>
+          <button type="button" data-testid="mock-modal-close" onClick={onClose}>
             close
           </button>
         )}
diff --git a/web/app/components/billing/annotation-full/modal.tsx b/web/app/components/billing/annotation-full/modal.tsx
index a5b04c67b6..0474fc0722 100644
--- a/web/app/components/billing/annotation-full/modal.tsx
+++ b/web/app/components/billing/annotation-full/modal.tsx
@@ -2,12 +2,12 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import UpgradeBtn from '../upgrade-btn'
-import Modal from '../../base/modal'
-import Usage from './usage'
-import s from './style.module.css'
-import { cn } from '@/utils/classnames'
 import GridMask from '@/app/components/base/grid-mask'
+import { cn } from '@/utils/classnames'
+import Modal from '../../base/modal'
+import UpgradeBtn from '../upgrade-btn'
+import s from './style.module.css'
+import Usage from './usage'
 
 type Props = {
   show: boolean
@@ -24,20 +24,20 @@ const AnnotationFullModal: FC<Props> = ({
       isShow={show}
       onClose={onHide}
       closable
-      className='!p-0'
+      className="!p-0"
     >
-      <GridMask wrapperClassName='rounded-lg' canvasClassName='rounded-lg' gradientClassName='rounded-lg'>
-        <div className='mt-6 flex cursor-pointer flex-col rounded-lg border-2 border-solid border-transparent px-7 py-6 shadow-md transition-all duration-200 ease-in-out'>
-          <div className='flex items-center justify-between'>
+      <GridMask wrapperClassName="rounded-lg" canvasClassName="rounded-lg" gradientClassName="rounded-lg">
+        <div className="mt-6 flex cursor-pointer flex-col rounded-lg border-2 border-solid border-transparent px-7 py-6 shadow-md transition-all duration-200 ease-in-out">
+          <div className="flex items-center justify-between">
             <div className={cn(s.textGradient, 'text-[18px] font-semibold leading-[27px]')}>
               <div>{t('billing.annotatedResponse.fullTipLine1')}</div>
               <div>{t('billing.annotatedResponse.fullTipLine2')}</div>
             </div>
 
           </div>
-          <Usage className='mt-4' />
-          <div className='mt-7 flex justify-end'>
-            <UpgradeBtn loc={'annotation-create'} />
+          <Usage className="mt-4" />
+          <div className="mt-7 flex justify-end">
+            <UpgradeBtn loc="annotation-create" />
           </div>
         </div>
       </GridMask>
diff --git a/web/app/components/billing/annotation-full/usage.tsx b/web/app/components/billing/annotation-full/usage.tsx
index 44a97deda5..7ab984d04f 100644
--- a/web/app/components/billing/annotation-full/usage.tsx
+++ b/web/app/components/billing/annotation-full/usage.tsx
@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { useProviderContext } from '@/context/provider-context'
 import { MessageFastPlus } from '../../base/icons/src/vender/line/communication'
 import UsageInfo from '../usage-info'
-import { useProviderContext } from '@/context/provider-context'
 
 type Props = {
   className?: string
diff --git a/web/app/components/billing/apps-full-in-dialog/index.tsx b/web/app/components/billing/apps-full-in-dialog/index.tsx
index 8d06d2a534..dbcbe49081 100644
--- a/web/app/components/billing/apps-full-in-dialog/index.tsx
+++ b/web/app/components/billing/apps-full-in-dialog/index.tsx
@@ -2,20 +2,20 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import UpgradeBtn from '../upgrade-btn'
-import ProgressBar from '@/app/components/billing/progress-bar'
 import Button from '@/app/components/base/button'
-import { mailToSupport } from '@/app/components/header/utils/util'
-import { useProviderContext } from '@/context/provider-context'
-import { useAppContext } from '@/context/app-context'
+import ProgressBar from '@/app/components/billing/progress-bar'
 import { Plan } from '@/app/components/billing/type'
-import s from './style.module.css'
+import { mailToSupport } from '@/app/components/header/utils/util'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
 import { cn } from '@/utils/classnames'
+import UpgradeBtn from '../upgrade-btn'
+import s from './style.module.css'
 
 const LOW = 50
 const MIDDLE = 80
 
-const AppsFull: FC<{ loc: string; className?: string; }> = ({
+const AppsFull: FC<{ loc: string, className?: string }> = ({
   loc,
   className,
 }) => {
@@ -39,14 +39,15 @@ const AppsFull: FC<{ loc: string; className?: string; }> = ({
     <div className={cn(
       'flex flex-col gap-3 rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg p-4 shadow-xs backdrop-blur-sm',
       className,
-    )}>
-      <div className='flex justify-between'>
+    )}
+    >
+      <div className="flex justify-between">
         {!isTeam && (
           <div>
             <div className={cn('title-xl-semi-bold mb-1', s.textGradient)}>
               {t('billing.apps.fullTip1')}
             </div>
-            <div className='system-xs-regular text-text-tertiary'>{t('billing.apps.fullTip1des')}</div>
+            <div className="system-xs-regular text-text-tertiary">{t('billing.apps.fullTip1des')}</div>
           </div>
         )}
         {isTeam && (
@@ -54,24 +55,28 @@ const AppsFull: FC<{ loc: string; className?: string; }> = ({
             <div className={cn('title-xl-semi-bold mb-1', s.textGradient)}>
               {t('billing.apps.fullTip2')}
             </div>
-            <div className='system-xs-regular text-text-tertiary'>{t('billing.apps.fullTip2des')}</div>
+            <div className="system-xs-regular text-text-tertiary">{t('billing.apps.fullTip2des')}</div>
           </div>
         )}
         {(plan.type === Plan.sandbox || plan.type === Plan.professional) && (
           <UpgradeBtn isShort loc={loc} />
         )}
         {plan.type !== Plan.sandbox && plan.type !== Plan.professional && (
-          <Button variant='secondary-accent'>
-            <a target='_blank' rel='noopener noreferrer' href={mailToSupport(userProfile.email, plan.type, langGeniusVersionInfo.current_version)}>
+          <Button variant="secondary-accent">
+            <a target="_blank" rel="noopener noreferrer" href={mailToSupport(userProfile.email, plan.type, langGeniusVersionInfo.current_version)}>
               {t('billing.apps.contactUs')}
             </a>
           </Button>
         )}
       </div>
-      <div className='flex flex-col gap-2'>
-        <div className='system-xs-medium flex items-center justify-between text-text-secondary'>
+      <div className="flex flex-col gap-2">
+        <div className="system-xs-medium flex items-center justify-between text-text-secondary">
           <div>{t('billing.usagePage.buildApps')}</div>
-          <div>{usage}/{total}</div>
+          <div>
+            {usage}
+            /
+            {total}
+          </div>
         </div>
         <ProgressBar
           percent={percent}
diff --git a/web/app/components/billing/billing-page/index.tsx b/web/app/components/billing/billing-page/index.tsx
index 590219c2d5..c754386a3f 100644
--- a/web/app/components/billing/billing-page/index.tsx
+++ b/web/app/components/billing/billing-page/index.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiArrowRightUpLine,
 } from '@remixicon/react'
-import PlanComp from '../plan'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { useAppContext } from '@/context/app-context'
 import { useProviderContext } from '@/context/provider-context'
-import { useBillingUrl } from '@/service/use-billing'
 import { useAsyncWindowOpen } from '@/hooks/use-async-window-open'
+import { useBillingUrl } from '@/service/use-billing'
+import PlanComp from '../plan'
 
 const Billing: FC = () => {
   const { t } = useTranslation()
@@ -35,21 +35,21 @@ const Billing: FC = () => {
 
   return (
     <div>
-      <PlanComp loc={'billing-page'} />
+      <PlanComp loc="billing-page" />
       {enableBilling && isCurrentWorkspaceManager && (
         <button
-          type='button'
-          className='mt-3 flex w-full items-center justify-between rounded-xl bg-background-section-burn px-4 py-3'
+          type="button"
+          className="mt-3 flex w-full items-center justify-between rounded-xl bg-background-section-burn px-4 py-3"
           onClick={handleOpenBilling}
           disabled={isFetching}
         >
-          <div className='flex flex-col gap-0.5 text-left'>
-            <div className='system-md-semibold text-text-primary'>{t('billing.viewBillingTitle')}</div>
-            <div className='system-sm-regular text-text-secondary'>{t('billing.viewBillingDescription')}</div>
+          <div className="flex flex-col gap-0.5 text-left">
+            <div className="system-md-semibold text-text-primary">{t('billing.viewBillingTitle')}</div>
+            <div className="system-sm-regular text-text-secondary">{t('billing.viewBillingDescription')}</div>
           </div>
-          <span className='inline-flex h-8 w-24 items-center justify-center gap-0.5 rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-2 text-saas-dify-blue-accessible shadow-[0_1px_2px_rgba(9,9,11,0.05)] backdrop-blur-[5px]'>
-            <span className='system-sm-medium leading-[1]'>{t('billing.viewBillingAction')}</span>
-            <RiArrowRightUpLine className='h-4 w-4' />
+          <span className="inline-flex h-8 w-24 items-center justify-center gap-0.5 rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-2 text-saas-dify-blue-accessible shadow-[0_1px_2px_rgba(9,9,11,0.05)] backdrop-blur-[5px]">
+            <span className="system-sm-medium leading-[1]">{t('billing.viewBillingAction')}</span>
+            <RiArrowRightUpLine className="h-4 w-4" />
           </span>
         </button>
       )}
diff --git a/web/app/components/billing/config.ts b/web/app/components/billing/config.ts
index 5ab836ad18..5cba2887ac 100644
--- a/web/app/components/billing/config.ts
+++ b/web/app/components/billing/config.ts
@@ -1,5 +1,5 @@
-import type { BasicPlan } from '@/app/components/billing/type'
-import { Plan, type PlanInfo, Priority } from '@/app/components/billing/type'
+import type { BasicPlan, PlanInfo } from '@/app/components/billing/type'
+import { Plan, Priority } from '@/app/components/billing/type'
 
 const supportModelProviders = 'OpenAI/Anthropic/Llama2/Azure OpenAI/Hugging Face/Replicate'
 
diff --git a/web/app/components/billing/header-billing-btn/index.tsx b/web/app/components/billing/header-billing-btn/index.tsx
index aad4d2b9e9..049ee214c0 100644
--- a/web/app/components/billing/header-billing-btn/index.tsx
+++ b/web/app/components/billing/header-billing-btn/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import UpgradeBtn from '../upgrade-btn'
-import { Plan } from '../type'
-import { cn } from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
+import { Plan } from '../type'
+import UpgradeBtn from '../upgrade-btn'
 
 type Props = {
   onClick?: () => void
diff --git a/web/app/components/billing/partner-stack/index.tsx b/web/app/components/billing/partner-stack/index.tsx
index 84a09e260d..06a7905475 100644
--- a/web/app/components/billing/partner-stack/index.tsx
+++ b/web/app/components/billing/partner-stack/index.tsx
@@ -1,7 +1,7 @@
 'use client'
-import { IS_CLOUD_EDITION } from '@/config'
 import type { FC } from 'react'
 import React, { useEffect } from 'react'
+import { IS_CLOUD_EDITION } from '@/config'
 import usePSInfo from './use-ps-info'
 
 const PartnerStack: FC = () => {
diff --git a/web/app/components/billing/partner-stack/use-ps-info.ts b/web/app/components/billing/partner-stack/use-ps-info.ts
index a308f7446e..51d693f358 100644
--- a/web/app/components/billing/partner-stack/use-ps-info.ts
+++ b/web/app/components/billing/partner-stack/use-ps-info.ts
@@ -1,9 +1,9 @@
-import { PARTNER_STACK_CONFIG } from '@/config'
-import { useBindPartnerStackInfo } from '@/service/use-billing'
 import { useBoolean } from 'ahooks'
 import Cookies from 'js-cookie'
 import { useSearchParams } from 'next/navigation'
 import { useCallback } from 'react'
+import { PARTNER_STACK_CONFIG } from '@/config'
+import { useBindPartnerStackInfo } from '@/service/use-billing'
 
 const usePSInfo = () => {
   const searchParams = useSearchParams()
@@ -27,9 +27,9 @@ const usePSInfo = () => {
   const domain = globalThis.location.hostname.replace('cloud', '')
 
   const saveOrUpdate = useCallback(() => {
-    if(!psPartnerKey || !psClickId)
+    if (!psPartnerKey || !psClickId)
       return
-    if(!isPSChanged)
+    if (!isPSChanged)
       return
     Cookies.set(PARTNER_STACK_CONFIG.cookieName, JSON.stringify({
       partnerKey: psPartnerKey,
@@ -52,7 +52,7 @@ const usePSInfo = () => {
         shouldRemoveCookie = true
       }
       catch (error: unknown) {
-        if((error as { status: number })?.status === 400)
+        if ((error as { status: number })?.status === 400)
           shouldRemoveCookie = true
       }
       if (shouldRemoveCookie)
diff --git a/web/app/components/billing/plan-upgrade-modal/index.spec.tsx b/web/app/components/billing/plan-upgrade-modal/index.spec.tsx
index 28b41fa3b1..215218d42a 100644
--- a/web/app/components/billing/plan-upgrade-modal/index.spec.tsx
+++ b/web/app/components/billing/plan-upgrade-modal/index.spec.tsx
@@ -1,12 +1,12 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
 import PlanUpgradeModal from './index'
 
 const mockSetShowPricingModal = vi.fn()
 
 vi.mock('@/app/components/base/modal', () => {
-  const MockModal = ({ isShow, children }: { isShow: boolean; children: React.ReactNode }) => (
+  const MockModal = ({ isShow, children }: { isShow: boolean, children: React.ReactNode }) => (
     isShow ? <div data-testid="plan-upgrade-modal">{children}</div> : null
   )
   return {
diff --git a/web/app/components/billing/plan-upgrade-modal/index.tsx b/web/app/components/billing/plan-upgrade-modal/index.tsx
index f7e19b7621..7bf8c1bb0d 100644
--- a/web/app/components/billing/plan-upgrade-modal/index.tsx
+++ b/web/app/components/billing/plan-upgrade-modal/index.tsx
@@ -2,12 +2,12 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
 import UpgradeBtn from '@/app/components/billing/upgrade-btn'
-import styles from './style.module.css'
-import { SquareChecklist } from '../../base/icons/src/vender/other'
 import { useModalContext } from '@/context/modal-context'
+import { SquareChecklist } from '../../base/icons/src/vender/other'
+import styles from './style.module.css'
 
 type Props = {
   Icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>
@@ -47,20 +47,20 @@ const PlanUpgradeModal: FC<Props> = ({
       clickOutsideNotClose
       className={`${styles.surface} w-[580px] rounded-2xl !p-0`}
     >
-      <div className='relative'>
+      <div className="relative">
         <div
           aria-hidden
           className={`${styles.heroOverlay} pointer-events-none absolute inset-0`}
         />
-        <div className='px-8 pt-8'>
+        <div className="px-8 pt-8">
           <div className={`${styles.icon} flex size-12 items-center justify-center rounded-xl shadow-lg backdrop-blur-[5px]`}>
-            <Icon className='size-6 text-text-primary-on-surface' />
+            <Icon className="size-6 text-text-primary-on-surface" />
           </div>
-          <div className='mt-6 space-y-2'>
+          <div className="mt-6 space-y-2">
             <div className={`${styles.highlight} title-3xl-semi-bold`}>
               {title}
             </div>
-            <div className='system-md-regular text-text-tertiary'>
+            <div className="system-md-regular text-text-tertiary">
               {description}
             </div>
           </div>
@@ -68,19 +68,19 @@ const PlanUpgradeModal: FC<Props> = ({
         </div>
       </div>
 
-      <div className='mb-8 mt-10 flex justify-end space-x-2 px-8'>
+      <div className="mb-8 mt-10 flex justify-end space-x-2 px-8">
         <Button
           onClick={onClose}
         >
           {t('billing.triggerLimitModal.dismiss')}
         </Button>
         <UpgradeBtn
-          size='custom'
+          size="custom"
           isShort
           onClick={handleUpgrade}
-          className='!h-8 !rounded-lg px-2'
-          labelKey='billing.triggerLimitModal.upgrade'
-          loc='trigger-events-limit-modal'
+          className="!h-8 !rounded-lg px-2"
+          labelKey="billing.triggerLimitModal.upgrade"
+          loc="trigger-events-limit-modal"
         />
       </div>
     </Modal>
diff --git a/web/app/components/billing/plan/assets/enterprise.tsx b/web/app/components/billing/plan/assets/enterprise.tsx
index e123f68f5c..c63d7dd55c 100644
--- a/web/app/components/billing/plan/assets/enterprise.tsx
+++ b/web/app/components/billing/plan/assets/enterprise.tsx
@@ -1,87 +1,87 @@
 const Enterprise = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'>
-      <path d='M1 2C1 1.44772 1.44772 1 2 1C2.55228 1 3 1.44772 3 2C3 2.55228 2.55228 3 2 3C1.44772 3 1 2.55228 1 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M4.5 2C4.5 1.44772 4.94772 1 5.5 1C6.05228 1 6.5 1.44772 6.5 2C6.5 2.55228 6.05228 3 5.5 3C4.94772 3 4.5 2.55228 4.5 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M8 2C8 1.44772 8.44772 1 9 1C9.55228 1 10 1.44772 10 2C10 2.55228 9.55228 3 9 3C8.44772 3 8 2.55228 8 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M11.5 2C11.5 1.44772 11.9477 1 12.5 1C13.0523 1 13.5 1.44772 13.5 2C13.5 2.55228 13.0523 3 12.5 3C11.9477 3 11.5 2.55228 11.5 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M15 2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2C17 2.55228 16.5523 3 16 3C15.4477 3 15 2.55228 15 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M18.5 2C18.5 1.44772 18.9477 1 19.5 1C20.0523 1 20.5 1.44772 20.5 2C20.5 2.55228 20.0523 3 19.5 3C18.9477 3 18.5 2.55228 18.5 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M22 2C22 1.44772 22.4477 1 23 1C23.5523 1 24 1.44772 24 2C24 2.55228 23.5523 3 23 3C22.4477 3 22 2.55228 22 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M25.5 2C25.5 1.44772 25.9477 1 26.5 1C27.0523 1 27.5 1.44772 27.5 2C27.5 2.55228 27.0523 3 26.5 3C25.9477 3 25.5 2.55228 25.5 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M29 2C29 1.44772 29.4477 1 30 1C30.5523 1 31 1.44772 31 2C31 2.55228 30.5523 3 30 3C29.4477 3 29 2.55228 29 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 5.5C1 4.94772 1.44772 4.5 2 4.5C2.55228 4.5 3 4.94772 3 5.5C3 6.05228 2.55228 6.5 2 6.5C1.44772 6.5 1 6.05228 1 5.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 5.5C4.5 4.94772 4.94772 4.5 5.5 4.5C6.05228 4.5 6.5 4.94772 6.5 5.5C6.5 6.05228 6.05228 6.5 5.5 6.5C4.94772 6.5 4.5 6.05228 4.5 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 5.5C8 4.94772 8.44772 4.5 9 4.5C9.55228 4.5 10 4.94772 10 5.5C10 6.05228 9.55228 6.5 9 6.5C8.44772 6.5 8 6.05228 8 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 5.5C11.5 4.94772 11.9477 4.5 12.5 4.5C13.0523 4.5 13.5 4.94772 13.5 5.5C13.5 6.05228 13.0523 6.5 12.5 6.5C11.9477 6.5 11.5 6.05228 11.5 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 5.5C15 4.94772 15.4477 4.5 16 4.5C16.5523 4.5 17 4.94772 17 5.5C17 6.05228 16.5523 6.5 16 6.5C15.4477 6.5 15 6.05228 15 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M18.5 5.5C18.5 4.94772 18.9477 4.5 19.5 4.5C20.0523 4.5 20.5 4.94772 20.5 5.5C20.5 6.05228 20.0523 6.5 19.5 6.5C18.9477 6.5 18.5 6.05228 18.5 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M22 5.5C22 4.94772 22.4477 4.5 23 4.5C23.5523 4.5 24 4.94772 24 5.5C24 6.05228 23.5523 6.5 23 6.5C22.4477 6.5 22 6.05228 22 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 5.5C25.5 4.94772 25.9477 4.5 26.5 4.5C27.0523 4.5 27.5 4.94772 27.5 5.5C27.5 6.05228 27.0523 6.5 26.5 6.5C25.9477 6.5 25.5 6.05228 25.5 5.5Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 5.5C29 4.94772 29.4477 4.5 30 4.5C30.5523 4.5 31 4.94772 31 5.5C31 6.05228 30.5523 6.5 30 6.5C29.4477 6.5 29 6.05228 29 5.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 9C4.5 8.44772 4.94772 8 5.5 8C6.05228 8 6.5 8.44772 6.5 9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9Z' fill='var(--color-text-quaternary)' />
-      <path d='M8 9C8 8.44772 8.44772 8 9 8C9.55228 8 10 8.44772 10 9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M11.5 9C11.5 8.44772 11.9477 8 12.5 8C13.0523 8 13.5 8.44772 13.5 9C13.5 9.55228 13.0523 10 12.5 10C11.9477 10 11.5 9.55228 11.5 9Z' fill='var(--color-text-quaternary)' />
-      <path d='M15 9C15 8.44772 15.4477 8 16 8C16.5523 8 17 8.44772 17 9C17 9.55228 16.5523 10 16 10C15.4477 10 15 9.55228 15 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M18.5 9C18.5 8.44772 18.9477 8 19.5 8C20.0523 8 20.5 8.44772 20.5 9C20.5 9.55228 20.0523 10 19.5 10C18.9477 10 18.5 9.55228 18.5 9Z' fill='var(--color-text-quaternary)' />
-      <path d='M22 9C22 8.44772 22.4477 8 23 8C23.5523 8 24 8.44772 24 9C24 9.55228 23.5523 10 23 10C22.4477 10 22 9.55228 22 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M25.5 9C25.5 8.44772 25.9477 8 26.5 8C27.0523 8 27.5 8.44772 27.5 9C27.5 9.55228 27.0523 10 26.5 10C25.9477 10 25.5 9.55228 25.5 9Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 9C29 8.44772 29.4477 8 30 8C30.5523 8 31 8.44772 31 9C31 9.55228 30.5523 10 30 10C29.4477 10 29 9.55228 29 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 12.5C1 11.9477 1.44772 11.5 2 11.5C2.55228 11.5 3 11.9477 3 12.5C3 13.0523 2.55228 13.5 2 13.5C1.44772 13.5 1 13.0523 1 12.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 12.5C4.5 11.9477 4.94772 11.5 5.5 11.5C6.05228 11.5 6.5 11.9477 6.5 12.5C6.5 13.0523 6.05228 13.5 5.5 13.5C4.94772 13.5 4.5 13.0523 4.5 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 12.5C8 11.9477 8.44772 11.5 9 11.5C9.55228 11.5 10 11.9477 10 12.5C10 13.0523 9.55228 13.5 9 13.5C8.44772 13.5 8 13.0523 8 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 12.5C11.5 11.9477 11.9477 11.5 12.5 11.5C13.0523 11.5 13.5 11.9477 13.5 12.5C13.5 13.0523 13.0523 13.5 12.5 13.5C11.9477 13.5 11.5 13.0523 11.5 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 12.5C15 11.9477 15.4477 11.5 16 11.5C16.5523 11.5 17 11.9477 17 12.5C17 13.0523 16.5523 13.5 16 13.5C15.4477 13.5 15 13.0523 15 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M18.5 12.5C18.5 11.9477 18.9477 11.5 19.5 11.5C20.0523 11.5 20.5 11.9477 20.5 12.5C20.5 13.0523 20.0523 13.5 19.5 13.5C18.9477 13.5 18.5 13.0523 18.5 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M22 12.5C22 11.9477 22.4477 11.5 23 11.5C23.5523 11.5 24 11.9477 24 12.5C24 13.0523 23.5523 13.5 23 13.5C22.4477 13.5 22 13.0523 22 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 12.5C25.5 11.9477 25.9477 11.5 26.5 11.5C27.0523 11.5 27.5 11.9477 27.5 12.5C27.5 13.0523 27.0523 13.5 26.5 13.5C25.9477 13.5 25.5 13.0523 25.5 12.5Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 12.5C29 11.9477 29.4477 11.5 30 11.5C30.5523 11.5 31 11.9477 31 12.5C31 13.0523 30.5523 13.5 30 13.5C29.4477 13.5 29 13.0523 29 12.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 16C4.5 15.4477 4.94772 15 5.5 15C6.05228 15 6.5 15.4477 6.5 16C6.5 16.5523 6.05228 17 5.5 17C4.94772 17 4.5 16.5523 4.5 16Z' fill='var(--color-text-quaternary)' />
-      <path d='M8 16C8 15.4477 8.44772 15 9 15C9.55228 15 10 15.4477 10 16C10 16.5523 9.55228 17 9 17C8.44772 17 8 16.5523 8 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M11.5 16C11.5 15.4477 11.9477 15 12.5 15C13.0523 15 13.5 15.4477 13.5 16C13.5 16.5523 13.0523 17 12.5 17C11.9477 17 11.5 16.5523 11.5 16Z' fill='var(--color-text-quaternary)' />
-      <path d='M15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M18.5 16C18.5 15.4477 18.9477 15 19.5 15C20.0523 15 20.5 15.4477 20.5 16C20.5 16.5523 20.0523 17 19.5 17C18.9477 17 18.5 16.5523 18.5 16Z' fill='var(--color-text-quaternary)' />
-      <path d='M22 16C22 15.4477 22.4477 15 23 15C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17C22.4477 17 22 16.5523 22 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M25.5 16C25.5 15.4477 25.9477 15 26.5 15C27.0523 15 27.5 15.4477 27.5 16C27.5 16.5523 27.0523 17 26.5 17C25.9477 17 25.5 16.5523 25.5 16Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 16C29 15.4477 29.4477 15 30 15C30.5523 15 31 15.4477 31 16C31 16.5523 30.5523 17 30 17C29.4477 17 29 16.5523 29 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 19.5C1 18.9477 1.44772 18.5 2 18.5C2.55228 18.5 3 18.9477 3 19.5C3 20.0523 2.55228 20.5 2 20.5C1.44772 20.5 1 20.0523 1 19.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 19.5C4.5 18.9477 4.94772 18.5 5.5 18.5C6.05228 18.5 6.5 18.9477 6.5 19.5C6.5 20.0523 6.05228 20.5 5.5 20.5C4.94772 20.5 4.5 20.0523 4.5 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 19.5C8 18.9477 8.44772 18.5 9 18.5C9.55228 18.5 10 18.9477 10 19.5C10 20.0523 9.55228 20.5 9 20.5C8.44772 20.5 8 20.0523 8 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 19.5C11.5 18.9477 11.9477 18.5 12.5 18.5C13.0523 18.5 13.5 18.9477 13.5 19.5C13.5 20.0523 13.0523 20.5 12.5 20.5C11.9477 20.5 11.5 20.0523 11.5 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 19.5C15 18.9477 15.4477 18.5 16 18.5C16.5523 18.5 17 18.9477 17 19.5C17 20.0523 16.5523 20.5 16 20.5C15.4477 20.5 15 20.0523 15 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M18.5 19.5C18.5 18.9477 18.9477 18.5 19.5 18.5C20.0523 18.5 20.5 18.9477 20.5 19.5C20.5 20.0523 20.0523 20.5 19.5 20.5C18.9477 20.5 18.5 20.0523 18.5 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M22 19.5C22 18.9477 22.4477 18.5 23 18.5C23.5523 18.5 24 18.9477 24 19.5C24 20.0523 23.5523 20.5 23 20.5C22.4477 20.5 22 20.0523 22 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 19.5C25.5 18.9477 25.9477 18.5 26.5 18.5C27.0523 18.5 27.5 18.9477 27.5 19.5C27.5 20.0523 27.0523 20.5 26.5 20.5C25.9477 20.5 25.5 20.0523 25.5 19.5Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 19.5C29 18.9477 29.4477 18.5 30 18.5C30.5523 18.5 31 18.9477 31 19.5C31 20.0523 30.5523 20.5 30 20.5C29.4477 20.5 29 20.0523 29 19.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 23C1 22.4477 1.44772 22 2 22C2.55228 22 3 22.4477 3 23C3 23.5523 2.55228 24 2 24C1.44772 24 1 23.5523 1 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 23C4.5 22.4477 4.94772 22 5.5 22C6.05228 22 6.5 22.4477 6.5 23C6.5 23.5523 6.05228 24 5.5 24C4.94772 24 4.5 23.5523 4.5 23Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 23C8 22.4477 8.44772 22 9 22C9.55228 22 10 22.4477 10 23C10 23.5523 9.55228 24 9 24C8.44772 24 8 23.5523 8 23Z' fill='var(--color-text-quaternary)' />
-      <path d='M11.5 23C11.5 22.4477 11.9477 22 12.5 22C13.0523 22 13.5 22.4477 13.5 23C13.5 23.5523 13.0523 24 12.5 24C11.9477 24 11.5 23.5523 11.5 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M15 23C15 22.4477 15.4477 22 16 22C16.5523 22 17 22.4477 17 23C17 23.5523 16.5523 24 16 24C15.4477 24 15 23.5523 15 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M18.5 23C18.5 22.4477 18.9477 22 19.5 22C20.0523 22 20.5 22.4477 20.5 23C20.5 23.5523 20.0523 24 19.5 24C18.9477 24 18.5 23.5523 18.5 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 23C22 22.4477 22.4477 22 23 22C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 23C25.5 22.4477 25.9477 22 26.5 22C27.0523 22 27.5 22.4477 27.5 23C27.5 23.5523 27.0523 24 26.5 24C25.9477 24 25.5 23.5523 25.5 23Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 23C29 22.4477 29.4477 22 30 22C30.5523 22 31 22.4477 31 23C31 23.5523 30.5523 24 30 24C29.4477 24 29 23.5523 29 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 26.5C1 25.9477 1.44772 25.5 2 25.5C2.55228 25.5 3 25.9477 3 26.5C3 27.0523 2.55228 27.5 2 27.5C1.44772 27.5 1 27.0523 1 26.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 26.5C4.5 25.9477 4.94772 25.5 5.5 25.5C6.05228 25.5 6.5 25.9477 6.5 26.5C6.5 27.0523 6.05228 27.5 5.5 27.5C4.94772 27.5 4.5 27.0523 4.5 26.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 26.5C8 25.9477 8.44772 25.5 9 25.5C9.55228 25.5 10 25.9477 10 26.5C10 27.0523 9.55228 27.5 9 27.5C8.44772 27.5 8 27.0523 8 26.5Z' fill='var(--color-text-quaternary)' />
-      <path d='M11.5 26.5C11.5 25.9477 11.9477 25.5 12.5 25.5C13.0523 25.5 13.5 25.9477 13.5 26.5C13.5 27.0523 13.0523 27.5 12.5 27.5C11.9477 27.5 11.5 27.0523 11.5 26.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M15 26.5C15 25.9477 15.4477 25.5 16 25.5C16.5523 25.5 17 25.9477 17 26.5C17 27.0523 16.5523 27.5 16 27.5C15.4477 27.5 15 27.0523 15 26.5Z' fill='var(--color-text-quaternary)' />
-      <path d='M18.5 26.5C18.5 25.9477 18.9477 25.5 19.5 25.5C20.0523 25.5 20.5 25.9477 20.5 26.5C20.5 27.0523 20.0523 27.5 19.5 27.5C18.9477 27.5 18.5 27.0523 18.5 26.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 26.5C22 25.9477 22.4477 25.5 23 25.5C23.5523 25.5 24 25.9477 24 26.5C24 27.0523 23.5523 27.5 23 27.5C22.4477 27.5 22 27.0523 22 26.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 26.5C25.5 25.9477 25.9477 25.5 26.5 25.5C27.0523 25.5 27.5 25.9477 27.5 26.5C27.5 27.0523 27.0523 27.5 26.5 27.5C25.9477 27.5 25.5 27.0523 25.5 26.5Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 26.5C29 25.9477 29.4477 25.5 30 25.5C30.5523 25.5 31 25.9477 31 26.5C31 27.0523 30.5523 27.5 30 27.5C29.4477 27.5 29 27.0523 29 26.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 30C1 29.4477 1.44772 29 2 29C2.55228 29 3 29.4477 3 30C3 30.5523 2.55228 31 2 31C1.44772 31 1 30.5523 1 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M4.5 30C4.5 29.4477 4.94772 29 5.5 29C6.05228 29 6.5 29.4477 6.5 30C6.5 30.5523 6.05228 31 5.5 31C4.94772 31 4.5 30.5523 4.5 30Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 30C8 29.4477 8.44772 29 9 29C9.55228 29 10 29.4477 10 30C10 30.5523 9.55228 31 9 31C8.44772 31 8 30.5523 8 30Z' fill='var(--color-text-quaternary)' />
-      <path d='M11.5 30C11.5 29.4477 11.9477 29 12.5 29C13.0523 29 13.5 29.4477 13.5 30C13.5 30.5523 13.0523 31 12.5 31C11.9477 31 11.5 30.5523 11.5 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M15 30C15 29.4477 15.4477 29 16 29C16.5523 29 17 29.4477 17 30C17 30.5523 16.5523 31 16 31C15.4477 31 15 30.5523 15 30Z' fill='var(--color-text-quaternary)' />
-      <path d='M18.5 30C18.5 29.4477 18.9477 29 19.5 29C20.0523 29 20.5 29.4477 20.5 30C20.5 30.5523 20.0523 31 19.5 31C18.9477 31 18.5 30.5523 18.5 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 30C22 29.4477 22.4477 29 23 29C23.5523 29 24 29.4477 24 30C24 30.5523 23.5523 31 23 31C22.4477 31 22 30.5523 22 30Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 30C25.5 29.4477 25.9477 29 26.5 29C27.0523 29 27.5 29.4477 27.5 30C27.5 30.5523 27.0523 31 26.5 31C25.9477 31 25.5 30.5523 25.5 30Z' fill='var(--color-text-quaternary)' />
-      <path d='M29 30C29 29.4477 29.4477 29 30 29C30.5523 29 31 29.4477 31 30C31 30.5523 30.5523 31 30 31C29.4477 31 29 30.5523 29 30Z' fill='var(--color-saas-dify-blue-inverted)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+      <path d="M1 2C1 1.44772 1.44772 1 2 1C2.55228 1 3 1.44772 3 2C3 2.55228 2.55228 3 2 3C1.44772 3 1 2.55228 1 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M4.5 2C4.5 1.44772 4.94772 1 5.5 1C6.05228 1 6.5 1.44772 6.5 2C6.5 2.55228 6.05228 3 5.5 3C4.94772 3 4.5 2.55228 4.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M8 2C8 1.44772 8.44772 1 9 1C9.55228 1 10 1.44772 10 2C10 2.55228 9.55228 3 9 3C8.44772 3 8 2.55228 8 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M11.5 2C11.5 1.44772 11.9477 1 12.5 1C13.0523 1 13.5 1.44772 13.5 2C13.5 2.55228 13.0523 3 12.5 3C11.9477 3 11.5 2.55228 11.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M15 2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2C17 2.55228 16.5523 3 16 3C15.4477 3 15 2.55228 15 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M18.5 2C18.5 1.44772 18.9477 1 19.5 1C20.0523 1 20.5 1.44772 20.5 2C20.5 2.55228 20.0523 3 19.5 3C18.9477 3 18.5 2.55228 18.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M22 2C22 1.44772 22.4477 1 23 1C23.5523 1 24 1.44772 24 2C24 2.55228 23.5523 3 23 3C22.4477 3 22 2.55228 22 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M25.5 2C25.5 1.44772 25.9477 1 26.5 1C27.0523 1 27.5 1.44772 27.5 2C27.5 2.55228 27.0523 3 26.5 3C25.9477 3 25.5 2.55228 25.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M29 2C29 1.44772 29.4477 1 30 1C30.5523 1 31 1.44772 31 2C31 2.55228 30.5523 3 30 3C29.4477 3 29 2.55228 29 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 5.5C1 4.94772 1.44772 4.5 2 4.5C2.55228 4.5 3 4.94772 3 5.5C3 6.05228 2.55228 6.5 2 6.5C1.44772 6.5 1 6.05228 1 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 5.5C4.5 4.94772 4.94772 4.5 5.5 4.5C6.05228 4.5 6.5 4.94772 6.5 5.5C6.5 6.05228 6.05228 6.5 5.5 6.5C4.94772 6.5 4.5 6.05228 4.5 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 5.5C8 4.94772 8.44772 4.5 9 4.5C9.55228 4.5 10 4.94772 10 5.5C10 6.05228 9.55228 6.5 9 6.5C8.44772 6.5 8 6.05228 8 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 5.5C11.5 4.94772 11.9477 4.5 12.5 4.5C13.0523 4.5 13.5 4.94772 13.5 5.5C13.5 6.05228 13.0523 6.5 12.5 6.5C11.9477 6.5 11.5 6.05228 11.5 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 5.5C15 4.94772 15.4477 4.5 16 4.5C16.5523 4.5 17 4.94772 17 5.5C17 6.05228 16.5523 6.5 16 6.5C15.4477 6.5 15 6.05228 15 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M18.5 5.5C18.5 4.94772 18.9477 4.5 19.5 4.5C20.0523 4.5 20.5 4.94772 20.5 5.5C20.5 6.05228 20.0523 6.5 19.5 6.5C18.9477 6.5 18.5 6.05228 18.5 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M22 5.5C22 4.94772 22.4477 4.5 23 4.5C23.5523 4.5 24 4.94772 24 5.5C24 6.05228 23.5523 6.5 23 6.5C22.4477 6.5 22 6.05228 22 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 5.5C25.5 4.94772 25.9477 4.5 26.5 4.5C27.0523 4.5 27.5 4.94772 27.5 5.5C27.5 6.05228 27.0523 6.5 26.5 6.5C25.9477 6.5 25.5 6.05228 25.5 5.5Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 5.5C29 4.94772 29.4477 4.5 30 4.5C30.5523 4.5 31 4.94772 31 5.5C31 6.05228 30.5523 6.5 30 6.5C29.4477 6.5 29 6.05228 29 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 9C4.5 8.44772 4.94772 8 5.5 8C6.05228 8 6.5 8.44772 6.5 9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9Z" fill="var(--color-text-quaternary)" />
+      <path d="M8 9C8 8.44772 8.44772 8 9 8C9.55228 8 10 8.44772 10 9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M11.5 9C11.5 8.44772 11.9477 8 12.5 8C13.0523 8 13.5 8.44772 13.5 9C13.5 9.55228 13.0523 10 12.5 10C11.9477 10 11.5 9.55228 11.5 9Z" fill="var(--color-text-quaternary)" />
+      <path d="M15 9C15 8.44772 15.4477 8 16 8C16.5523 8 17 8.44772 17 9C17 9.55228 16.5523 10 16 10C15.4477 10 15 9.55228 15 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M18.5 9C18.5 8.44772 18.9477 8 19.5 8C20.0523 8 20.5 8.44772 20.5 9C20.5 9.55228 20.0523 10 19.5 10C18.9477 10 18.5 9.55228 18.5 9Z" fill="var(--color-text-quaternary)" />
+      <path d="M22 9C22 8.44772 22.4477 8 23 8C23.5523 8 24 8.44772 24 9C24 9.55228 23.5523 10 23 10C22.4477 10 22 9.55228 22 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M25.5 9C25.5 8.44772 25.9477 8 26.5 8C27.0523 8 27.5 8.44772 27.5 9C27.5 9.55228 27.0523 10 26.5 10C25.9477 10 25.5 9.55228 25.5 9Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 9C29 8.44772 29.4477 8 30 8C30.5523 8 31 8.44772 31 9C31 9.55228 30.5523 10 30 10C29.4477 10 29 9.55228 29 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 12.5C1 11.9477 1.44772 11.5 2 11.5C2.55228 11.5 3 11.9477 3 12.5C3 13.0523 2.55228 13.5 2 13.5C1.44772 13.5 1 13.0523 1 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 12.5C4.5 11.9477 4.94772 11.5 5.5 11.5C6.05228 11.5 6.5 11.9477 6.5 12.5C6.5 13.0523 6.05228 13.5 5.5 13.5C4.94772 13.5 4.5 13.0523 4.5 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 12.5C8 11.9477 8.44772 11.5 9 11.5C9.55228 11.5 10 11.9477 10 12.5C10 13.0523 9.55228 13.5 9 13.5C8.44772 13.5 8 13.0523 8 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 12.5C11.5 11.9477 11.9477 11.5 12.5 11.5C13.0523 11.5 13.5 11.9477 13.5 12.5C13.5 13.0523 13.0523 13.5 12.5 13.5C11.9477 13.5 11.5 13.0523 11.5 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 12.5C15 11.9477 15.4477 11.5 16 11.5C16.5523 11.5 17 11.9477 17 12.5C17 13.0523 16.5523 13.5 16 13.5C15.4477 13.5 15 13.0523 15 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M18.5 12.5C18.5 11.9477 18.9477 11.5 19.5 11.5C20.0523 11.5 20.5 11.9477 20.5 12.5C20.5 13.0523 20.0523 13.5 19.5 13.5C18.9477 13.5 18.5 13.0523 18.5 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M22 12.5C22 11.9477 22.4477 11.5 23 11.5C23.5523 11.5 24 11.9477 24 12.5C24 13.0523 23.5523 13.5 23 13.5C22.4477 13.5 22 13.0523 22 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 12.5C25.5 11.9477 25.9477 11.5 26.5 11.5C27.0523 11.5 27.5 11.9477 27.5 12.5C27.5 13.0523 27.0523 13.5 26.5 13.5C25.9477 13.5 25.5 13.0523 25.5 12.5Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 12.5C29 11.9477 29.4477 11.5 30 11.5C30.5523 11.5 31 11.9477 31 12.5C31 13.0523 30.5523 13.5 30 13.5C29.4477 13.5 29 13.0523 29 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 16C4.5 15.4477 4.94772 15 5.5 15C6.05228 15 6.5 15.4477 6.5 16C6.5 16.5523 6.05228 17 5.5 17C4.94772 17 4.5 16.5523 4.5 16Z" fill="var(--color-text-quaternary)" />
+      <path d="M8 16C8 15.4477 8.44772 15 9 15C9.55228 15 10 15.4477 10 16C10 16.5523 9.55228 17 9 17C8.44772 17 8 16.5523 8 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M11.5 16C11.5 15.4477 11.9477 15 12.5 15C13.0523 15 13.5 15.4477 13.5 16C13.5 16.5523 13.0523 17 12.5 17C11.9477 17 11.5 16.5523 11.5 16Z" fill="var(--color-text-quaternary)" />
+      <path d="M15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M18.5 16C18.5 15.4477 18.9477 15 19.5 15C20.0523 15 20.5 15.4477 20.5 16C20.5 16.5523 20.0523 17 19.5 17C18.9477 17 18.5 16.5523 18.5 16Z" fill="var(--color-text-quaternary)" />
+      <path d="M22 16C22 15.4477 22.4477 15 23 15C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17C22.4477 17 22 16.5523 22 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M25.5 16C25.5 15.4477 25.9477 15 26.5 15C27.0523 15 27.5 15.4477 27.5 16C27.5 16.5523 27.0523 17 26.5 17C25.9477 17 25.5 16.5523 25.5 16Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 16C29 15.4477 29.4477 15 30 15C30.5523 15 31 15.4477 31 16C31 16.5523 30.5523 17 30 17C29.4477 17 29 16.5523 29 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 19.5C1 18.9477 1.44772 18.5 2 18.5C2.55228 18.5 3 18.9477 3 19.5C3 20.0523 2.55228 20.5 2 20.5C1.44772 20.5 1 20.0523 1 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 19.5C4.5 18.9477 4.94772 18.5 5.5 18.5C6.05228 18.5 6.5 18.9477 6.5 19.5C6.5 20.0523 6.05228 20.5 5.5 20.5C4.94772 20.5 4.5 20.0523 4.5 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 19.5C8 18.9477 8.44772 18.5 9 18.5C9.55228 18.5 10 18.9477 10 19.5C10 20.0523 9.55228 20.5 9 20.5C8.44772 20.5 8 20.0523 8 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 19.5C11.5 18.9477 11.9477 18.5 12.5 18.5C13.0523 18.5 13.5 18.9477 13.5 19.5C13.5 20.0523 13.0523 20.5 12.5 20.5C11.9477 20.5 11.5 20.0523 11.5 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 19.5C15 18.9477 15.4477 18.5 16 18.5C16.5523 18.5 17 18.9477 17 19.5C17 20.0523 16.5523 20.5 16 20.5C15.4477 20.5 15 20.0523 15 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M18.5 19.5C18.5 18.9477 18.9477 18.5 19.5 18.5C20.0523 18.5 20.5 18.9477 20.5 19.5C20.5 20.0523 20.0523 20.5 19.5 20.5C18.9477 20.5 18.5 20.0523 18.5 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M22 19.5C22 18.9477 22.4477 18.5 23 18.5C23.5523 18.5 24 18.9477 24 19.5C24 20.0523 23.5523 20.5 23 20.5C22.4477 20.5 22 20.0523 22 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 19.5C25.5 18.9477 25.9477 18.5 26.5 18.5C27.0523 18.5 27.5 18.9477 27.5 19.5C27.5 20.0523 27.0523 20.5 26.5 20.5C25.9477 20.5 25.5 20.0523 25.5 19.5Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 19.5C29 18.9477 29.4477 18.5 30 18.5C30.5523 18.5 31 18.9477 31 19.5C31 20.0523 30.5523 20.5 30 20.5C29.4477 20.5 29 20.0523 29 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 23C1 22.4477 1.44772 22 2 22C2.55228 22 3 22.4477 3 23C3 23.5523 2.55228 24 2 24C1.44772 24 1 23.5523 1 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 23C4.5 22.4477 4.94772 22 5.5 22C6.05228 22 6.5 22.4477 6.5 23C6.5 23.5523 6.05228 24 5.5 24C4.94772 24 4.5 23.5523 4.5 23Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 23C8 22.4477 8.44772 22 9 22C9.55228 22 10 22.4477 10 23C10 23.5523 9.55228 24 9 24C8.44772 24 8 23.5523 8 23Z" fill="var(--color-text-quaternary)" />
+      <path d="M11.5 23C11.5 22.4477 11.9477 22 12.5 22C13.0523 22 13.5 22.4477 13.5 23C13.5 23.5523 13.0523 24 12.5 24C11.9477 24 11.5 23.5523 11.5 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M15 23C15 22.4477 15.4477 22 16 22C16.5523 22 17 22.4477 17 23C17 23.5523 16.5523 24 16 24C15.4477 24 15 23.5523 15 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M18.5 23C18.5 22.4477 18.9477 22 19.5 22C20.0523 22 20.5 22.4477 20.5 23C20.5 23.5523 20.0523 24 19.5 24C18.9477 24 18.5 23.5523 18.5 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 23C22 22.4477 22.4477 22 23 22C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 23C25.5 22.4477 25.9477 22 26.5 22C27.0523 22 27.5 22.4477 27.5 23C27.5 23.5523 27.0523 24 26.5 24C25.9477 24 25.5 23.5523 25.5 23Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 23C29 22.4477 29.4477 22 30 22C30.5523 22 31 22.4477 31 23C31 23.5523 30.5523 24 30 24C29.4477 24 29 23.5523 29 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 26.5C1 25.9477 1.44772 25.5 2 25.5C2.55228 25.5 3 25.9477 3 26.5C3 27.0523 2.55228 27.5 2 27.5C1.44772 27.5 1 27.0523 1 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 26.5C4.5 25.9477 4.94772 25.5 5.5 25.5C6.05228 25.5 6.5 25.9477 6.5 26.5C6.5 27.0523 6.05228 27.5 5.5 27.5C4.94772 27.5 4.5 27.0523 4.5 26.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 26.5C8 25.9477 8.44772 25.5 9 25.5C9.55228 25.5 10 25.9477 10 26.5C10 27.0523 9.55228 27.5 9 27.5C8.44772 27.5 8 27.0523 8 26.5Z" fill="var(--color-text-quaternary)" />
+      <path d="M11.5 26.5C11.5 25.9477 11.9477 25.5 12.5 25.5C13.0523 25.5 13.5 25.9477 13.5 26.5C13.5 27.0523 13.0523 27.5 12.5 27.5C11.9477 27.5 11.5 27.0523 11.5 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M15 26.5C15 25.9477 15.4477 25.5 16 25.5C16.5523 25.5 17 25.9477 17 26.5C17 27.0523 16.5523 27.5 16 27.5C15.4477 27.5 15 27.0523 15 26.5Z" fill="var(--color-text-quaternary)" />
+      <path d="M18.5 26.5C18.5 25.9477 18.9477 25.5 19.5 25.5C20.0523 25.5 20.5 25.9477 20.5 26.5C20.5 27.0523 20.0523 27.5 19.5 27.5C18.9477 27.5 18.5 27.0523 18.5 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 26.5C22 25.9477 22.4477 25.5 23 25.5C23.5523 25.5 24 25.9477 24 26.5C24 27.0523 23.5523 27.5 23 27.5C22.4477 27.5 22 27.0523 22 26.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 26.5C25.5 25.9477 25.9477 25.5 26.5 25.5C27.0523 25.5 27.5 25.9477 27.5 26.5C27.5 27.0523 27.0523 27.5 26.5 27.5C25.9477 27.5 25.5 27.0523 25.5 26.5Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 26.5C29 25.9477 29.4477 25.5 30 25.5C30.5523 25.5 31 25.9477 31 26.5C31 27.0523 30.5523 27.5 30 27.5C29.4477 27.5 29 27.0523 29 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 30C1 29.4477 1.44772 29 2 29C2.55228 29 3 29.4477 3 30C3 30.5523 2.55228 31 2 31C1.44772 31 1 30.5523 1 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M4.5 30C4.5 29.4477 4.94772 29 5.5 29C6.05228 29 6.5 29.4477 6.5 30C6.5 30.5523 6.05228 31 5.5 31C4.94772 31 4.5 30.5523 4.5 30Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 30C8 29.4477 8.44772 29 9 29C9.55228 29 10 29.4477 10 30C10 30.5523 9.55228 31 9 31C8.44772 31 8 30.5523 8 30Z" fill="var(--color-text-quaternary)" />
+      <path d="M11.5 30C11.5 29.4477 11.9477 29 12.5 29C13.0523 29 13.5 29.4477 13.5 30C13.5 30.5523 13.0523 31 12.5 31C11.9477 31 11.5 30.5523 11.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M15 30C15 29.4477 15.4477 29 16 29C16.5523 29 17 29.4477 17 30C17 30.5523 16.5523 31 16 31C15.4477 31 15 30.5523 15 30Z" fill="var(--color-text-quaternary)" />
+      <path d="M18.5 30C18.5 29.4477 18.9477 29 19.5 29C20.0523 29 20.5 29.4477 20.5 30C20.5 30.5523 20.0523 31 19.5 31C18.9477 31 18.5 30.5523 18.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 30C22 29.4477 22.4477 29 23 29C23.5523 29 24 29.4477 24 30C24 30.5523 23.5523 31 23 31C22.4477 31 22 30.5523 22 30Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 30C25.5 29.4477 25.9477 29 26.5 29C27.0523 29 27.5 29.4477 27.5 30C27.5 30.5523 27.0523 31 26.5 31C25.9477 31 25.5 30.5523 25.5 30Z" fill="var(--color-text-quaternary)" />
+      <path d="M29 30C29 29.4477 29.4477 29 30 29C30.5523 29 31 29.4477 31 30C31 30.5523 30.5523 31 30 31C29.4477 31 29 30.5523 29 30Z" fill="var(--color-saas-dify-blue-inverted)" />
     </svg>
   )
 }
diff --git a/web/app/components/billing/plan/assets/index.spec.tsx b/web/app/components/billing/plan/assets/index.spec.tsx
index b9b8763fb0..4d44a6e6d1 100644
--- a/web/app/components/billing/plan/assets/index.spec.tsx
+++ b/web/app/components/billing/plan/assets/index.spec.tsx
@@ -1,11 +1,11 @@
 import { render } from '@testing-library/react'
-import { Enterprise, Professional, Sandbox, Team } from './index'
+import EnterpriseDirect from './enterprise'
 
+import { Enterprise, Professional, Sandbox, Team } from './index'
+import ProfessionalDirect from './professional'
 // Import real components for comparison
 import SandboxDirect from './sandbox'
-import ProfessionalDirect from './professional'
 import TeamDirect from './team'
-import EnterpriseDirect from './enterprise'
 
 describe('Billing Plan Assets - Integration Tests', () => {
   describe('Exports', () => {
diff --git a/web/app/components/billing/plan/assets/index.tsx b/web/app/components/billing/plan/assets/index.tsx
index ffe48b3a3b..4b89325eb0 100644
--- a/web/app/components/billing/plan/assets/index.tsx
+++ b/web/app/components/billing/plan/assets/index.tsx
@@ -1,4 +1,4 @@
-export { default as Sandbox } from './sandbox'
-export { default as Professional } from './professional'
-export { default as Team } from './team'
 export { default as Enterprise } from './enterprise'
+export { default as Professional } from './professional'
+export { default as Sandbox } from './sandbox'
+export { default as Team } from './team'
diff --git a/web/app/components/billing/plan/assets/professional.tsx b/web/app/components/billing/plan/assets/professional.tsx
index 9803dd17bb..8cd9744bca 100644
--- a/web/app/components/billing/plan/assets/professional.tsx
+++ b/web/app/components/billing/plan/assets/professional.tsx
@@ -1,87 +1,87 @@
 const Professional = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'>
-      <rect opacity='0.18' x='4.5' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='11.5' y='1' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='15' y='1' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='18.5' y='1' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='22' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='25.5' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='29' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='1' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='4.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='8' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='11.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='22' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='25.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='29' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='1' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='22' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='25.5' y='8' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='29' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='1' y='11.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='8' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='22' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='25.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='4.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='22' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='25.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='29' y='15' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='1' y='18.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='4.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='22' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='25.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='29' y='18.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='1' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='4.5' y='22' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='8' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='22' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='25.5' y='22' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='29' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='1' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='4.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='8' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='11.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='22' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='25.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='29' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='1' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='4.5' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='11.5' y='29' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='15' y='29' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='18.5' y='29' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='22' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='25.5' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='29' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='1' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='1' y='15' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='4.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect x='29' y='11.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='4.5' y='8' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+      <rect opacity="0.18" x="4.5" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="11.5" y="1" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="15" y="1" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="18.5" y="1" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="22" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="25.5" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="29" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="1" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="4.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="8" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="11.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="22" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="25.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="29" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="1" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="22" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="25.5" y="8" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="29" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="1" y="11.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="8" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="22" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="25.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="4.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="22" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="25.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="29" y="15" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="1" y="18.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="4.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="22" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="25.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="29" y="18.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="1" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="4.5" y="22" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="8" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="22" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="25.5" y="22" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="29" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="1" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="4.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="8" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="11.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="22" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="25.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="29" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="1" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="4.5" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="11.5" y="29" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="15" y="29" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="18.5" y="29" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="22" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="25.5" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="29" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="1" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="1" y="15" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="4.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect x="29" y="11.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="4.5" y="8" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
     </svg>
   )
 }
diff --git a/web/app/components/billing/plan/assets/sandbox.tsx b/web/app/components/billing/plan/assets/sandbox.tsx
index f98f423f72..22230f1c3d 100644
--- a/web/app/components/billing/plan/assets/sandbox.tsx
+++ b/web/app/components/billing/plan/assets/sandbox.tsx
@@ -2,88 +2,88 @@ import React from 'react'
 
 const Sandbox = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'>
-      <rect opacity='0.18' x='1' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='4.5' y='1' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M8 2C8 1.44772 8.44772 1 9 1C9.55228 1 10 1.44772 10 2C10 2.55228 9.55228 3 9 3C8.44772 3 8 2.55228 8 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M11.5 2C11.5 1.44772 11.9477 1 12.5 1C13.0523 1 13.5 1.44772 13.5 2C13.5 2.55228 13.0523 3 12.5 3C11.9477 3 11.5 2.55228 11.5 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M15 2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2C17 2.55228 16.5523 3 16 3C15.4477 3 15 2.55228 15 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M18.5 2C18.5 1.44772 18.9477 1 19.5 1C20.0523 1 20.5 1.44772 20.5 2C20.5 2.55228 20.0523 3 19.5 3C18.9477 3 18.5 2.55228 18.5 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M22 2C22 1.44772 22.4477 1 23 1C23.5523 1 24 1.44772 24 2C24 2.55228 23.5523 3 23 3C22.4477 3 22 2.55228 22 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M25.5 2C25.5 1.44772 25.9477 1 26.5 1C27.0523 1 27.5 1.44772 27.5 2C27.5 2.55228 27.0523 3 26.5 3C25.9477 3 25.5 2.55228 25.5 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M29 2C29 1.44772 29.4477 1 30 1C30.5523 1 31 1.44772 31 2C31 2.55228 30.5523 3 30 3C29.4477 3 29 2.55228 29 2Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='1' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M4.5 5.5C4.5 4.94772 4.94772 4.5 5.5 4.5C6.05228 4.5 6.5 4.94772 6.5 5.5C6.5 6.05228 6.05228 6.5 5.5 6.5C4.94772 6.5 4.5 6.05228 4.5 5.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='8' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='22' y='4.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M25.5 5.5C25.5 4.94772 25.9477 4.5 26.5 4.5C27.0523 4.5 27.5 4.94772 27.5 5.5C27.5 6.05228 27.0523 6.5 26.5 6.5C25.9477 6.5 25.5 6.05228 25.5 5.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M29 5.5C29 4.94772 29.4477 4.5 30 4.5C30.5523 4.5 31 4.94772 31 5.5C31 6.05228 30.5523 6.5 30 6.5C29.4477 6.5 29 6.05228 29 5.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M4.5 9C4.5 8.44772 4.94772 8 5.5 8C6.05228 8 6.5 8.44772 6.5 9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M8 9C8 8.44772 8.44772 8 9 8C9.55228 8 10 8.44772 10 9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M11.5 9C11.5 8.44772 11.9477 8 12.5 8C13.0523 8 13.5 8.44772 13.5 9C13.5 9.55228 13.0523 10 12.5 10C11.9477 10 11.5 9.55228 11.5 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M15 9C15 8.44772 15.4477 8 16 8C16.5523 8 17 8.44772 17 9C17 9.55228 16.5523 10 16 10C15.4477 10 15 9.55228 15 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M18.5 9C18.5 8.44772 18.9477 8 19.5 8C20.0523 8 20.5 8.44772 20.5 9C20.5 9.55228 20.0523 10 19.5 10C18.9477 10 18.5 9.55228 18.5 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M22 9C22 8.44772 22.4477 8 23 8C23.5523 8 24 8.44772 24 9C24 9.55228 23.5523 10 23 10C22.4477 10 22 9.55228 22 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='25.5' y='8' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M29 9C29 8.44772 29.4477 8 30 8C30.5523 8 31 8.44772 31 9C31 9.55228 30.5523 10 30 10C29.4477 10 29 9.55228 29 9Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 12.5C1 11.9477 1.44772 11.5 2 11.5C2.55228 11.5 3 11.9477 3 12.5C3 13.0523 2.55228 13.5 2 13.5C1.44772 13.5 1 13.0523 1 12.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='4.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M22 12.5C22 11.9477 22.4477 11.5 23 11.5C23.5523 11.5 24 11.9477 24 12.5C24 13.0523 23.5523 13.5 23 13.5C22.4477 13.5 22 13.0523 22 12.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='25.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M29 12.5C29 11.9477 29.4477 11.5 30 11.5C30.5523 11.5 31 11.9477 31 12.5C31 13.0523 30.5523 13.5 30 13.5C29.4477 13.5 29 13.0523 29 12.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='4.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M22 16C22 15.4477 22.4477 15 23 15C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17C22.4477 17 22 16.5523 22 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='25.5' y='15' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M29 16C29 15.4477 29.4477 15 30 15C30.5523 15 31 15.4477 31 16C31 16.5523 30.5523 17 30 17C29.4477 17 29 16.5523 29 16Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 19.5C1 18.9477 1.44772 18.5 2 18.5C2.55228 18.5 3 18.9477 3 19.5C3 20.0523 2.55228 20.5 2 20.5C1.44772 20.5 1 20.0523 1 19.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='4.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M22 19.5C22 18.9477 22.4477 18.5 23 18.5C23.5523 18.5 24 18.9477 24 19.5C24 20.0523 23.5523 20.5 23 20.5C22.4477 20.5 22 20.0523 22 19.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='25.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M29 19.5C29 18.9477 29.4477 18.5 30 18.5C30.5523 18.5 31 18.9477 31 19.5C31 20.0523 30.5523 20.5 30 20.5C29.4477 20.5 29 20.0523 29 19.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 23C1 22.4477 1.44772 22 2 22C2.55228 22 3 22.4477 3 23C3 23.5523 2.55228 24 2 24C1.44772 24 1 23.5523 1 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='4.5' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M22 23C22 22.4477 22.4477 22 23 22C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='25.5' y='22' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M29 23C29 22.4477 29.4477 22 30 22C30.5523 22 31 22.4477 31 23C31 23.5523 30.5523 24 30 24C29.4477 24 29 23.5523 29 23Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M1 26.5C1 25.9477 1.44772 25.5 2 25.5C2.55228 25.5 3 25.9477 3 26.5C3 27.0523 2.55228 27.5 2 27.5C1.44772 27.5 1 27.0523 1 26.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='4.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='8' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='11.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='15' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='18.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M22 26.5C22 25.9477 22.4477 25.5 23 25.5C23.5523 25.5 24 25.9477 24 26.5C24 27.0523 23.5523 27.5 23 27.5C22.4477 27.5 22 27.0523 22 26.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M25.5 26.5C25.5 25.9477 25.9477 25.5 26.5 25.5C27.0523 25.5 27.5 25.9477 27.5 26.5C27.5 27.0523 27.0523 27.5 26.5 27.5C25.9477 27.5 25.5 27.0523 25.5 26.5Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='29' y='25.5' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <path d='M1 30C1 29.4477 1.44772 29 2 29C2.55228 29 3 29.4477 3 30C3 30.5523 2.55228 31 2 31C1.44772 31 1 30.5523 1 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M4.5 30C4.5 29.4477 4.94772 29 5.5 29C6.05228 29 6.5 29.4477 6.5 30C6.5 30.5523 6.05228 31 5.5 31C4.94772 31 4.5 30.5523 4.5 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M8 30C8 29.4477 8.44772 29 9 29C9.55228 29 10 29.4477 10 30C10 30.5523 9.55228 31 9 31C8.44772 31 8 30.5523 8 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M11.5 30C11.5 29.4477 11.9477 29 12.5 29C13.0523 29 13.5 29.4477 13.5 30C13.5 30.5523 13.0523 31 12.5 31C11.9477 31 11.5 30.5523 11.5 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M15 30C15 29.4477 15.4477 29 16 29C16.5523 29 17 29.4477 17 30C17 30.5523 16.5523 31 16 31C15.4477 31 15 30.5523 15 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M18.5 30C18.5 29.4477 18.9477 29 19.5 29C20.0523 29 20.5 29.4477 20.5 30C20.5 30.5523 20.0523 31 19.5 31C18.9477 31 18.5 30.5523 18.5 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <path d='M22 30C22 29.4477 22.4477 29 23 29C23.5523 29 24 29.4477 24 30C24 30.5523 23.5523 31 23 31C22.4477 31 22 30.5523 22 30Z' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect opacity='0.18' x='25.5' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
-      <rect opacity='0.18' x='29' y='29' width='2' height='2' rx='1' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+      <rect opacity="0.18" x="1" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="4.5" y="1" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M8 2C8 1.44772 8.44772 1 9 1C9.55228 1 10 1.44772 10 2C10 2.55228 9.55228 3 9 3C8.44772 3 8 2.55228 8 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M11.5 2C11.5 1.44772 11.9477 1 12.5 1C13.0523 1 13.5 1.44772 13.5 2C13.5 2.55228 13.0523 3 12.5 3C11.9477 3 11.5 2.55228 11.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M15 2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2C17 2.55228 16.5523 3 16 3C15.4477 3 15 2.55228 15 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M18.5 2C18.5 1.44772 18.9477 1 19.5 1C20.0523 1 20.5 1.44772 20.5 2C20.5 2.55228 20.0523 3 19.5 3C18.9477 3 18.5 2.55228 18.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M22 2C22 1.44772 22.4477 1 23 1C23.5523 1 24 1.44772 24 2C24 2.55228 23.5523 3 23 3C22.4477 3 22 2.55228 22 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M25.5 2C25.5 1.44772 25.9477 1 26.5 1C27.0523 1 27.5 1.44772 27.5 2C27.5 2.55228 27.0523 3 26.5 3C25.9477 3 25.5 2.55228 25.5 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M29 2C29 1.44772 29.4477 1 30 1C30.5523 1 31 1.44772 31 2C31 2.55228 30.5523 3 30 3C29.4477 3 29 2.55228 29 2Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="1" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M4.5 5.5C4.5 4.94772 4.94772 4.5 5.5 4.5C6.05228 4.5 6.5 4.94772 6.5 5.5C6.5 6.05228 6.05228 6.5 5.5 6.5C4.94772 6.5 4.5 6.05228 4.5 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="8" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="22" y="4.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M25.5 5.5C25.5 4.94772 25.9477 4.5 26.5 4.5C27.0523 4.5 27.5 4.94772 27.5 5.5C27.5 6.05228 27.0523 6.5 26.5 6.5C25.9477 6.5 25.5 6.05228 25.5 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M29 5.5C29 4.94772 29.4477 4.5 30 4.5C30.5523 4.5 31 4.94772 31 5.5C31 6.05228 30.5523 6.5 30 6.5C29.4477 6.5 29 6.05228 29 5.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M4.5 9C4.5 8.44772 4.94772 8 5.5 8C6.05228 8 6.5 8.44772 6.5 9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M8 9C8 8.44772 8.44772 8 9 8C9.55228 8 10 8.44772 10 9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M11.5 9C11.5 8.44772 11.9477 8 12.5 8C13.0523 8 13.5 8.44772 13.5 9C13.5 9.55228 13.0523 10 12.5 10C11.9477 10 11.5 9.55228 11.5 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M15 9C15 8.44772 15.4477 8 16 8C16.5523 8 17 8.44772 17 9C17 9.55228 16.5523 10 16 10C15.4477 10 15 9.55228 15 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M18.5 9C18.5 8.44772 18.9477 8 19.5 8C20.0523 8 20.5 8.44772 20.5 9C20.5 9.55228 20.0523 10 19.5 10C18.9477 10 18.5 9.55228 18.5 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M22 9C22 8.44772 22.4477 8 23 8C23.5523 8 24 8.44772 24 9C24 9.55228 23.5523 10 23 10C22.4477 10 22 9.55228 22 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="25.5" y="8" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M29 9C29 8.44772 29.4477 8 30 8C30.5523 8 31 8.44772 31 9C31 9.55228 30.5523 10 30 10C29.4477 10 29 9.55228 29 9Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 12.5C1 11.9477 1.44772 11.5 2 11.5C2.55228 11.5 3 11.9477 3 12.5C3 13.0523 2.55228 13.5 2 13.5C1.44772 13.5 1 13.0523 1 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="4.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M22 12.5C22 11.9477 22.4477 11.5 23 11.5C23.5523 11.5 24 11.9477 24 12.5C24 13.0523 23.5523 13.5 23 13.5C22.4477 13.5 22 13.0523 22 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="25.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M29 12.5C29 11.9477 29.4477 11.5 30 11.5C30.5523 11.5 31 11.9477 31 12.5C31 13.0523 30.5523 13.5 30 13.5C29.4477 13.5 29 13.0523 29 12.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="4.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M22 16C22 15.4477 22.4477 15 23 15C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17C22.4477 17 22 16.5523 22 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="25.5" y="15" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M29 16C29 15.4477 29.4477 15 30 15C30.5523 15 31 15.4477 31 16C31 16.5523 30.5523 17 30 17C29.4477 17 29 16.5523 29 16Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 19.5C1 18.9477 1.44772 18.5 2 18.5C2.55228 18.5 3 18.9477 3 19.5C3 20.0523 2.55228 20.5 2 20.5C1.44772 20.5 1 20.0523 1 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="4.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M22 19.5C22 18.9477 22.4477 18.5 23 18.5C23.5523 18.5 24 18.9477 24 19.5C24 20.0523 23.5523 20.5 23 20.5C22.4477 20.5 22 20.0523 22 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="25.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M29 19.5C29 18.9477 29.4477 18.5 30 18.5C30.5523 18.5 31 18.9477 31 19.5C31 20.0523 30.5523 20.5 30 20.5C29.4477 20.5 29 20.0523 29 19.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 23C1 22.4477 1.44772 22 2 22C2.55228 22 3 22.4477 3 23C3 23.5523 2.55228 24 2 24C1.44772 24 1 23.5523 1 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="4.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M22 23C22 22.4477 22.4477 22 23 22C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="25.5" y="22" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M29 23C29 22.4477 29.4477 22 30 22C30.5523 22 31 22.4477 31 23C31 23.5523 30.5523 24 30 24C29.4477 24 29 23.5523 29 23Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M1 26.5C1 25.9477 1.44772 25.5 2 25.5C2.55228 25.5 3 25.9477 3 26.5C3 27.0523 2.55228 27.5 2 27.5C1.44772 27.5 1 27.0523 1 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="4.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="8" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="11.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="15" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="18.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M22 26.5C22 25.9477 22.4477 25.5 23 25.5C23.5523 25.5 24 25.9477 24 26.5C24 27.0523 23.5523 27.5 23 27.5C22.4477 27.5 22 27.0523 22 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M25.5 26.5C25.5 25.9477 25.9477 25.5 26.5 25.5C27.0523 25.5 27.5 25.9477 27.5 26.5C27.5 27.0523 27.0523 27.5 26.5 27.5C25.9477 27.5 25.5 27.0523 25.5 26.5Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="29" y="25.5" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <path d="M1 30C1 29.4477 1.44772 29 2 29C2.55228 29 3 29.4477 3 30C3 30.5523 2.55228 31 2 31C1.44772 31 1 30.5523 1 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M4.5 30C4.5 29.4477 4.94772 29 5.5 29C6.05228 29 6.5 29.4477 6.5 30C6.5 30.5523 6.05228 31 5.5 31C4.94772 31 4.5 30.5523 4.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M8 30C8 29.4477 8.44772 29 9 29C9.55228 29 10 29.4477 10 30C10 30.5523 9.55228 31 9 31C8.44772 31 8 30.5523 8 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M11.5 30C11.5 29.4477 11.9477 29 12.5 29C13.0523 29 13.5 29.4477 13.5 30C13.5 30.5523 13.0523 31 12.5 31C11.9477 31 11.5 30.5523 11.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M15 30C15 29.4477 15.4477 29 16 29C16.5523 29 17 29.4477 17 30C17 30.5523 16.5523 31 16 31C15.4477 31 15 30.5523 15 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M18.5 30C18.5 29.4477 18.9477 29 19.5 29C20.0523 29 20.5 29.4477 20.5 30C20.5 30.5523 20.0523 31 19.5 31C18.9477 31 18.5 30.5523 18.5 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <path d="M22 30C22 29.4477 22.4477 29 23 29C23.5523 29 24 29.4477 24 30C24 30.5523 23.5523 31 23 31C22.4477 31 22 30.5523 22 30Z" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect opacity="0.18" x="25.5" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
+      <rect opacity="0.18" x="29" y="29" width="2" height="2" rx="1" fill="var(--color-text-quaternary)" />
     </svg>
   )
 }
diff --git a/web/app/components/billing/plan/assets/team.tsx b/web/app/components/billing/plan/assets/team.tsx
index f2d2e04e1c..5d16e0e83a 100644
--- a/web/app/components/billing/plan/assets/team.tsx
+++ b/web/app/components/billing/plan/assets/team.tsx
@@ -1,87 +1,87 @@
 const Team = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'>
-      <rect x='1' y='1' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='4.5' y='1' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='8' y='1' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M11.5 2C11.5 1.44772 11.9477 1 12.5 1C13.0523 1 13.5 1.44772 13.5 2C13.5 2.55228 13.0523 3 12.5 3C11.9477 3 11.5 2.55228 11.5 2Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2C17 2.55228 16.5523 3 16 3C15.4477 3 15 2.55228 15 2Z' fill='var(--color-text-quaternary)' />
-      <rect x='18.5' y='1' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 2C22 1.44772 22.4477 1 23 1C23.5523 1 24 1.44772 24 2C24 2.55228 23.5523 3 23 3C22.4477 3 22 2.55228 22 2Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 2C25.5 1.44772 25.9477 1 26.5 1C27.0523 1 27.5 1.44772 27.5 2C27.5 2.55228 27.0523 3 26.5 3C25.9477 3 25.5 2.55228 25.5 2Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M29 2C29 1.44772 29.4477 1 30 1C30.5523 1 31 1.44772 31 2C31 2.55228 30.5523 3 30 3C29.4477 3 29 2.55228 29 2Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M1 5.5C1 4.94772 1.44772 4.5 2 4.5C2.55228 4.5 3 4.94772 3 5.5C3 6.05228 2.55228 6.5 2 6.5C1.44772 6.5 1 6.05228 1 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M4.5 5.5C4.5 4.94772 4.94772 4.5 5.5 4.5C6.05228 4.5 6.5 4.94772 6.5 5.5C6.5 6.05228 6.05228 6.5 5.5 6.5C4.94772 6.5 4.5 6.05228 4.5 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 5.5C8 4.94772 8.44772 4.5 9 4.5C9.55228 4.5 10 4.94772 10 5.5C10 6.05228 9.55228 6.5 9 6.5C8.44772 6.5 8 6.05228 8 5.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='11.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='15' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M18.5 5.5C18.5 4.94772 18.9477 4.5 19.5 4.5C20.0523 4.5 20.5 4.94772 20.5 5.5C20.5 6.05228 20.0523 6.5 19.5 6.5C18.9477 6.5 18.5 6.05228 18.5 5.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='22' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='25.5' y='4.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M29 5.5C29 4.94772 29.4477 4.5 30 4.5C30.5523 4.5 31 4.94772 31 5.5C31 6.05228 30.5523 6.5 30 6.5C29.4477 6.5 29 6.05228 29 5.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M4.5 9C4.5 8.44772 4.94772 8 5.5 8C6.05228 8 6.5 8.44772 6.5 9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 9C8 8.44772 8.44772 8 9 8C9.55228 8 10 8.44772 10 9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 9C11.5 8.44772 11.9477 8 12.5 8C13.0523 8 13.5 8.44772 13.5 9C13.5 9.55228 13.0523 10 12.5 10C11.9477 10 11.5 9.55228 11.5 9Z' fill='var(--color-text-quaternary)' />
-      <rect x='15' y='8' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M18.5 9C18.5 8.44772 18.9477 8 19.5 8C20.0523 8 20.5 8.44772 20.5 9C20.5 9.55228 20.0523 10 19.5 10C18.9477 10 18.5 9.55228 18.5 9Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M22 9C22 8.44772 22.4477 8 23 8C23.5523 8 24 8.44772 24 9C24 9.55228 23.5523 10 23 10C22.4477 10 22 9.55228 22 9Z' fill='var(--color-text-quaternary)' />
-      <rect x='25.5' y='8' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M29 9C29 8.44772 29.4477 8 30 8C30.5523 8 31 8.44772 31 9C31 9.55228 30.5523 10 30 10C29.4477 10 29 9.55228 29 9Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M1 12.5C1 11.9477 1.44772 11.5 2 11.5C2.55228 11.5 3 11.9477 3 12.5C3 13.0523 2.55228 13.5 2 13.5C1.44772 13.5 1 13.0523 1 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M4.5 12.5C4.5 11.9477 4.94772 11.5 5.5 11.5C6.05228 11.5 6.5 11.9477 6.5 12.5C6.5 13.0523 6.05228 13.5 5.5 13.5C4.94772 13.5 4.5 13.0523 4.5 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 12.5C8 11.9477 8.44772 11.5 9 11.5C9.55228 11.5 10 11.9477 10 12.5C10 13.0523 9.55228 13.5 9 13.5C8.44772 13.5 8 13.0523 8 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 12.5C11.5 11.9477 11.9477 11.5 12.5 11.5C13.0523 11.5 13.5 11.9477 13.5 12.5C13.5 13.0523 13.0523 13.5 12.5 13.5C11.9477 13.5 11.5 13.0523 11.5 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 12.5C15 11.9477 15.4477 11.5 16 11.5C16.5523 11.5 17 11.9477 17 12.5C17 13.0523 16.5523 13.5 16 13.5C15.4477 13.5 15 13.0523 15 12.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='18.5' y='11.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 12.5C22 11.9477 22.4477 11.5 23 11.5C23.5523 11.5 24 11.9477 24 12.5C24 13.0523 23.5523 13.5 23 13.5C22.4477 13.5 22 13.0523 22 12.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 12.5C25.5 11.9477 25.9477 11.5 26.5 11.5C27.0523 11.5 27.5 11.9477 27.5 12.5C27.5 13.0523 27.0523 13.5 26.5 13.5C25.9477 13.5 25.5 13.0523 25.5 12.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='29' y='11.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M4.5 16C4.5 15.4477 4.94772 15 5.5 15C6.05228 15 6.5 15.4477 6.5 16C6.5 16.5523 6.05228 17 5.5 17C4.94772 17 4.5 16.5523 4.5 16Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 16C8 15.4477 8.44772 15 9 15C9.55228 15 10 15.4477 10 16C10 16.5523 9.55228 17 9 17C8.44772 17 8 16.5523 8 16Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 16C11.5 15.4477 11.9477 15 12.5 15C13.0523 15 13.5 15.4477 13.5 16C13.5 16.5523 13.0523 17 12.5 17C11.9477 17 11.5 16.5523 11.5 16Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16Z' fill='var(--color-text-quaternary)' />
-      <rect x='18.5' y='15' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 16C22 15.4477 22.4477 15 23 15C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17C22.4477 17 22 16.5523 22 16Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 16C25.5 15.4477 25.9477 15 26.5 15C27.0523 15 27.5 15.4477 27.5 16C27.5 16.5523 27.0523 17 26.5 17C25.9477 17 25.5 16.5523 25.5 16Z' fill='var(--color-text-quaternary)' />
-      <rect x='29' y='15' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M1 19.5C1 18.9477 1.44772 18.5 2 18.5C2.55228 18.5 3 18.9477 3 19.5C3 20.0523 2.55228 20.5 2 20.5C1.44772 20.5 1 20.0523 1 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M4.5 19.5C4.5 18.9477 4.94772 18.5 5.5 18.5C6.05228 18.5 6.5 18.9477 6.5 19.5C6.5 20.0523 6.05228 20.5 5.5 20.5C4.94772 20.5 4.5 20.0523 4.5 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 19.5C8 18.9477 8.44772 18.5 9 18.5C9.55228 18.5 10 18.9477 10 19.5C10 20.0523 9.55228 20.5 9 20.5C8.44772 20.5 8 20.0523 8 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 19.5C11.5 18.9477 11.9477 18.5 12.5 18.5C13.0523 18.5 13.5 18.9477 13.5 19.5C13.5 20.0523 13.0523 20.5 12.5 20.5C11.9477 20.5 11.5 20.0523 11.5 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 19.5C15 18.9477 15.4477 18.5 16 18.5C16.5523 18.5 17 18.9477 17 19.5C17 20.0523 16.5523 20.5 16 20.5C15.4477 20.5 15 20.0523 15 19.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='18.5' y='18.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 19.5C22 18.9477 22.4477 18.5 23 18.5C23.5523 18.5 24 18.9477 24 19.5C24 20.0523 23.5523 20.5 23 20.5C22.4477 20.5 22 20.0523 22 19.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 19.5C25.5 18.9477 25.9477 18.5 26.5 18.5C27.0523 18.5 27.5 18.9477 27.5 19.5C27.5 20.0523 27.0523 20.5 26.5 20.5C25.9477 20.5 25.5 20.0523 25.5 19.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='29' y='18.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M1 23C1 22.4477 1.44772 22 2 22C2.55228 22 3 22.4477 3 23C3 23.5523 2.55228 24 2 24C1.44772 24 1 23.5523 1 23Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M4.5 23C4.5 22.4477 4.94772 22 5.5 22C6.05228 22 6.5 22.4477 6.5 23C6.5 23.5523 6.05228 24 5.5 24C4.94772 24 4.5 23.5523 4.5 23Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 23C8 22.4477 8.44772 22 9 22C9.55228 22 10 22.4477 10 23C10 23.5523 9.55228 24 9 24C8.44772 24 8 23.5523 8 23Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M11.5 23C11.5 22.4477 11.9477 22 12.5 22C13.0523 22 13.5 22.4477 13.5 23C13.5 23.5523 13.0523 24 12.5 24C11.9477 24 11.5 23.5523 11.5 23Z' fill='var(--color-text-quaternary)' />
-      <rect x='15' y='22' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M18.5 23C18.5 22.4477 18.9477 22 19.5 22C20.0523 22 20.5 22.4477 20.5 23C20.5 23.5523 20.0523 24 19.5 24C18.9477 24 18.5 23.5523 18.5 23Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M22 23C22 22.4477 22.4477 22 23 22C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23Z' fill='var(--color-text-quaternary)' />
-      <rect x='25.5' y='22' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M29 23C29 22.4477 29.4477 22 30 22C30.5523 22 31 22.4477 31 23C31 23.5523 30.5523 24 30 24C29.4477 24 29 23.5523 29 23Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M1 26.5C1 25.9477 1.44772 25.5 2 25.5C2.55228 25.5 3 25.9477 3 26.5C3 27.0523 2.55228 27.5 2 27.5C1.44772 27.5 1 27.0523 1 26.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M4.5 26.5C4.5 25.9477 4.94772 25.5 5.5 25.5C6.05228 25.5 6.5 25.9477 6.5 26.5C6.5 27.0523 6.05228 27.5 5.5 27.5C4.94772 27.5 4.5 27.0523 4.5 26.5Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M8 26.5C8 25.9477 8.44772 25.5 9 25.5C9.55228 25.5 10 25.9477 10 26.5C10 27.0523 9.55228 27.5 9 27.5C8.44772 27.5 8 27.0523 8 26.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='11.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='15' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M18.5 26.5C18.5 25.9477 18.9477 25.5 19.5 25.5C20.0523 25.5 20.5 25.9477 20.5 26.5C20.5 27.0523 20.0523 27.5 19.5 27.5C18.9477 27.5 18.5 27.0523 18.5 26.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='22' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='25.5' y='25.5' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M29 26.5C29 25.9477 29.4477 25.5 30 25.5C30.5523 25.5 31 25.9477 31 26.5C31 27.0523 30.5523 27.5 30 27.5C29.4477 27.5 29 27.0523 29 26.5Z' fill='var(--color-text-quaternary)' />
-      <rect x='1' y='29' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='4.5' y='29' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <rect x='8' y='29' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M11.5 30C11.5 29.4477 11.9477 29 12.5 29C13.0523 29 13.5 29.4477 13.5 30C13.5 30.5523 13.0523 31 12.5 31C11.9477 31 11.5 30.5523 11.5 30Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M15 30C15 29.4477 15.4477 29 16 29C16.5523 29 17 29.4477 17 30C17 30.5523 16.5523 31 16 31C15.4477 31 15 30.5523 15 30Z' fill='var(--color-text-quaternary)' />
-      <rect x='18.5' y='29' width='2' height='2' rx='1' fill='var(--color-saas-dify-blue-inverted)' />
-      <path opacity='0.18' d='M22 30C22 29.4477 22.4477 29 23 29C23.5523 29 24 29.4477 24 30C24 30.5523 23.5523 31 23 31C22.4477 31 22 30.5523 22 30Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M25.5 30C25.5 29.4477 25.9477 29 26.5 29C27.0523 29 27.5 29.4477 27.5 30C27.5 30.5523 27.0523 31 26.5 31C25.9477 31 25.5 30.5523 25.5 30Z' fill='var(--color-text-quaternary)' />
-      <path opacity='0.18' d='M29 30C29 29.4477 29.4477 29 30 29C30.5523 29 31 29.4477 31 30C31 30.5523 30.5523 31 30 31C29.4477 31 29 30.5523 29 30Z' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
+      <rect x="1" y="1" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="4.5" y="1" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="8" y="1" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M11.5 2C11.5 1.44772 11.9477 1 12.5 1C13.0523 1 13.5 1.44772 13.5 2C13.5 2.55228 13.0523 3 12.5 3C11.9477 3 11.5 2.55228 11.5 2Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2C17 2.55228 16.5523 3 16 3C15.4477 3 15 2.55228 15 2Z" fill="var(--color-text-quaternary)" />
+      <rect x="18.5" y="1" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 2C22 1.44772 22.4477 1 23 1C23.5523 1 24 1.44772 24 2C24 2.55228 23.5523 3 23 3C22.4477 3 22 2.55228 22 2Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 2C25.5 1.44772 25.9477 1 26.5 1C27.0523 1 27.5 1.44772 27.5 2C27.5 2.55228 27.0523 3 26.5 3C25.9477 3 25.5 2.55228 25.5 2Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M29 2C29 1.44772 29.4477 1 30 1C30.5523 1 31 1.44772 31 2C31 2.55228 30.5523 3 30 3C29.4477 3 29 2.55228 29 2Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M1 5.5C1 4.94772 1.44772 4.5 2 4.5C2.55228 4.5 3 4.94772 3 5.5C3 6.05228 2.55228 6.5 2 6.5C1.44772 6.5 1 6.05228 1 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M4.5 5.5C4.5 4.94772 4.94772 4.5 5.5 4.5C6.05228 4.5 6.5 4.94772 6.5 5.5C6.5 6.05228 6.05228 6.5 5.5 6.5C4.94772 6.5 4.5 6.05228 4.5 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 5.5C8 4.94772 8.44772 4.5 9 4.5C9.55228 4.5 10 4.94772 10 5.5C10 6.05228 9.55228 6.5 9 6.5C8.44772 6.5 8 6.05228 8 5.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="11.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="15" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M18.5 5.5C18.5 4.94772 18.9477 4.5 19.5 4.5C20.0523 4.5 20.5 4.94772 20.5 5.5C20.5 6.05228 20.0523 6.5 19.5 6.5C18.9477 6.5 18.5 6.05228 18.5 5.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="22" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="25.5" y="4.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M29 5.5C29 4.94772 29.4477 4.5 30 4.5C30.5523 4.5 31 4.94772 31 5.5C31 6.05228 30.5523 6.5 30 6.5C29.4477 6.5 29 6.05228 29 5.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M1 9C1 8.44772 1.44772 8 2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M4.5 9C4.5 8.44772 4.94772 8 5.5 8C6.05228 8 6.5 8.44772 6.5 9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 9C8 8.44772 8.44772 8 9 8C9.55228 8 10 8.44772 10 9C10 9.55228 9.55228 10 9 10C8.44772 10 8 9.55228 8 9Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 9C11.5 8.44772 11.9477 8 12.5 8C13.0523 8 13.5 8.44772 13.5 9C13.5 9.55228 13.0523 10 12.5 10C11.9477 10 11.5 9.55228 11.5 9Z" fill="var(--color-text-quaternary)" />
+      <rect x="15" y="8" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M18.5 9C18.5 8.44772 18.9477 8 19.5 8C20.0523 8 20.5 8.44772 20.5 9C20.5 9.55228 20.0523 10 19.5 10C18.9477 10 18.5 9.55228 18.5 9Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M22 9C22 8.44772 22.4477 8 23 8C23.5523 8 24 8.44772 24 9C24 9.55228 23.5523 10 23 10C22.4477 10 22 9.55228 22 9Z" fill="var(--color-text-quaternary)" />
+      <rect x="25.5" y="8" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M29 9C29 8.44772 29.4477 8 30 8C30.5523 8 31 8.44772 31 9C31 9.55228 30.5523 10 30 10C29.4477 10 29 9.55228 29 9Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M1 12.5C1 11.9477 1.44772 11.5 2 11.5C2.55228 11.5 3 11.9477 3 12.5C3 13.0523 2.55228 13.5 2 13.5C1.44772 13.5 1 13.0523 1 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M4.5 12.5C4.5 11.9477 4.94772 11.5 5.5 11.5C6.05228 11.5 6.5 11.9477 6.5 12.5C6.5 13.0523 6.05228 13.5 5.5 13.5C4.94772 13.5 4.5 13.0523 4.5 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 12.5C8 11.9477 8.44772 11.5 9 11.5C9.55228 11.5 10 11.9477 10 12.5C10 13.0523 9.55228 13.5 9 13.5C8.44772 13.5 8 13.0523 8 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 12.5C11.5 11.9477 11.9477 11.5 12.5 11.5C13.0523 11.5 13.5 11.9477 13.5 12.5C13.5 13.0523 13.0523 13.5 12.5 13.5C11.9477 13.5 11.5 13.0523 11.5 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 12.5C15 11.9477 15.4477 11.5 16 11.5C16.5523 11.5 17 11.9477 17 12.5C17 13.0523 16.5523 13.5 16 13.5C15.4477 13.5 15 13.0523 15 12.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="18.5" y="11.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 12.5C22 11.9477 22.4477 11.5 23 11.5C23.5523 11.5 24 11.9477 24 12.5C24 13.0523 23.5523 13.5 23 13.5C22.4477 13.5 22 13.0523 22 12.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 12.5C25.5 11.9477 25.9477 11.5 26.5 11.5C27.0523 11.5 27.5 11.9477 27.5 12.5C27.5 13.0523 27.0523 13.5 26.5 13.5C25.9477 13.5 25.5 13.0523 25.5 12.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="29" y="11.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M4.5 16C4.5 15.4477 4.94772 15 5.5 15C6.05228 15 6.5 15.4477 6.5 16C6.5 16.5523 6.05228 17 5.5 17C4.94772 17 4.5 16.5523 4.5 16Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 16C8 15.4477 8.44772 15 9 15C9.55228 15 10 15.4477 10 16C10 16.5523 9.55228 17 9 17C8.44772 17 8 16.5523 8 16Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 16C11.5 15.4477 11.9477 15 12.5 15C13.0523 15 13.5 15.4477 13.5 16C13.5 16.5523 13.0523 17 12.5 17C11.9477 17 11.5 16.5523 11.5 16Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16Z" fill="var(--color-text-quaternary)" />
+      <rect x="18.5" y="15" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 16C22 15.4477 22.4477 15 23 15C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17C22.4477 17 22 16.5523 22 16Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 16C25.5 15.4477 25.9477 15 26.5 15C27.0523 15 27.5 15.4477 27.5 16C27.5 16.5523 27.0523 17 26.5 17C25.9477 17 25.5 16.5523 25.5 16Z" fill="var(--color-text-quaternary)" />
+      <rect x="29" y="15" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M1 19.5C1 18.9477 1.44772 18.5 2 18.5C2.55228 18.5 3 18.9477 3 19.5C3 20.0523 2.55228 20.5 2 20.5C1.44772 20.5 1 20.0523 1 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M4.5 19.5C4.5 18.9477 4.94772 18.5 5.5 18.5C6.05228 18.5 6.5 18.9477 6.5 19.5C6.5 20.0523 6.05228 20.5 5.5 20.5C4.94772 20.5 4.5 20.0523 4.5 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 19.5C8 18.9477 8.44772 18.5 9 18.5C9.55228 18.5 10 18.9477 10 19.5C10 20.0523 9.55228 20.5 9 20.5C8.44772 20.5 8 20.0523 8 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 19.5C11.5 18.9477 11.9477 18.5 12.5 18.5C13.0523 18.5 13.5 18.9477 13.5 19.5C13.5 20.0523 13.0523 20.5 12.5 20.5C11.9477 20.5 11.5 20.0523 11.5 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 19.5C15 18.9477 15.4477 18.5 16 18.5C16.5523 18.5 17 18.9477 17 19.5C17 20.0523 16.5523 20.5 16 20.5C15.4477 20.5 15 20.0523 15 19.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="18.5" y="18.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 19.5C22 18.9477 22.4477 18.5 23 18.5C23.5523 18.5 24 18.9477 24 19.5C24 20.0523 23.5523 20.5 23 20.5C22.4477 20.5 22 20.0523 22 19.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 19.5C25.5 18.9477 25.9477 18.5 26.5 18.5C27.0523 18.5 27.5 18.9477 27.5 19.5C27.5 20.0523 27.0523 20.5 26.5 20.5C25.9477 20.5 25.5 20.0523 25.5 19.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="29" y="18.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M1 23C1 22.4477 1.44772 22 2 22C2.55228 22 3 22.4477 3 23C3 23.5523 2.55228 24 2 24C1.44772 24 1 23.5523 1 23Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M4.5 23C4.5 22.4477 4.94772 22 5.5 22C6.05228 22 6.5 22.4477 6.5 23C6.5 23.5523 6.05228 24 5.5 24C4.94772 24 4.5 23.5523 4.5 23Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 23C8 22.4477 8.44772 22 9 22C9.55228 22 10 22.4477 10 23C10 23.5523 9.55228 24 9 24C8.44772 24 8 23.5523 8 23Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M11.5 23C11.5 22.4477 11.9477 22 12.5 22C13.0523 22 13.5 22.4477 13.5 23C13.5 23.5523 13.0523 24 12.5 24C11.9477 24 11.5 23.5523 11.5 23Z" fill="var(--color-text-quaternary)" />
+      <rect x="15" y="22" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M18.5 23C18.5 22.4477 18.9477 22 19.5 22C20.0523 22 20.5 22.4477 20.5 23C20.5 23.5523 20.0523 24 19.5 24C18.9477 24 18.5 23.5523 18.5 23Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M22 23C22 22.4477 22.4477 22 23 22C23.5523 22 24 22.4477 24 23C24 23.5523 23.5523 24 23 24C22.4477 24 22 23.5523 22 23Z" fill="var(--color-text-quaternary)" />
+      <rect x="25.5" y="22" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M29 23C29 22.4477 29.4477 22 30 22C30.5523 22 31 22.4477 31 23C31 23.5523 30.5523 24 30 24C29.4477 24 29 23.5523 29 23Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M1 26.5C1 25.9477 1.44772 25.5 2 25.5C2.55228 25.5 3 25.9477 3 26.5C3 27.0523 2.55228 27.5 2 27.5C1.44772 27.5 1 27.0523 1 26.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M4.5 26.5C4.5 25.9477 4.94772 25.5 5.5 25.5C6.05228 25.5 6.5 25.9477 6.5 26.5C6.5 27.0523 6.05228 27.5 5.5 27.5C4.94772 27.5 4.5 27.0523 4.5 26.5Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M8 26.5C8 25.9477 8.44772 25.5 9 25.5C9.55228 25.5 10 25.9477 10 26.5C10 27.0523 9.55228 27.5 9 27.5C8.44772 27.5 8 27.0523 8 26.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="11.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="15" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M18.5 26.5C18.5 25.9477 18.9477 25.5 19.5 25.5C20.0523 25.5 20.5 25.9477 20.5 26.5C20.5 27.0523 20.0523 27.5 19.5 27.5C18.9477 27.5 18.5 27.0523 18.5 26.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="22" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="25.5" y="25.5" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M29 26.5C29 25.9477 29.4477 25.5 30 25.5C30.5523 25.5 31 25.9477 31 26.5C31 27.0523 30.5523 27.5 30 27.5C29.4477 27.5 29 27.0523 29 26.5Z" fill="var(--color-text-quaternary)" />
+      <rect x="1" y="29" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="4.5" y="29" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <rect x="8" y="29" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M11.5 30C11.5 29.4477 11.9477 29 12.5 29C13.0523 29 13.5 29.4477 13.5 30C13.5 30.5523 13.0523 31 12.5 31C11.9477 31 11.5 30.5523 11.5 30Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M15 30C15 29.4477 15.4477 29 16 29C16.5523 29 17 29.4477 17 30C17 30.5523 16.5523 31 16 31C15.4477 31 15 30.5523 15 30Z" fill="var(--color-text-quaternary)" />
+      <rect x="18.5" y="29" width="2" height="2" rx="1" fill="var(--color-saas-dify-blue-inverted)" />
+      <path opacity="0.18" d="M22 30C22 29.4477 22.4477 29 23 29C23.5523 29 24 29.4477 24 30C24 30.5523 23.5523 31 23 31C22.4477 31 22 30.5523 22 30Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M25.5 30C25.5 29.4477 25.9477 29 26.5 29C27.0523 29 27.5 29.4477 27.5 30C27.5 30.5523 27.0523 31 26.5 31C25.9477 31 25.5 30.5523 25.5 30Z" fill="var(--color-text-quaternary)" />
+      <path opacity="0.18" d="M29 30C29 29.4477 29.4477 29 30 29C30.5523 29 31 29.4477 31 30C31 30.5523 30.5523 31 30 31C29.4477 31 29 30.5523 29 30Z" fill="var(--color-text-quaternary)" />
     </svg>
   )
 }
diff --git a/web/app/components/billing/plan/index.tsx b/web/app/components/billing/plan/index.tsx
index fa76ed7b4d..b08a9037ca 100644
--- a/web/app/components/billing/plan/index.tsx
+++ b/web/app/components/billing/plan/index.tsx
@@ -1,32 +1,32 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect } from 'react'
-import { useTranslation } from 'react-i18next'
-import { usePathname, useRouter } from 'next/navigation'
 import {
   RiBook2Line,
   RiFileEditLine,
   RiGraduationCapLine,
   RiGroupLine,
 } from '@remixicon/react'
-import { Plan, SelfHostedPlan } from '../type'
-import { NUM_INFINITE } from '../config'
-import { getDaysUntilEndOfMonth } from '@/utils/time'
-import VectorSpaceInfo from '../usage-info/vector-space-info'
-import AppsInfo from '../usage-info/apps-info'
-import UpgradeBtn from '../upgrade-btn'
-import { ApiAggregate, TriggerAll } from '@/app/components/base/icons/src/vender/workflow'
-import { useProviderContext } from '@/context/provider-context'
-import { useAppContext } from '@/context/app-context'
-import Button from '@/app/components/base/button'
-import UsageInfo from '@/app/components/billing/usage-info'
-import VerifyStateModal from '@/app/education-apply/verify-state-modal'
-import { EDUCATION_VERIFYING_LOCALSTORAGE_ITEM } from '@/app/education-apply/constants'
-import { useEducationVerify } from '@/service/use-education'
-import { useModalContextSelector } from '@/context/modal-context'
-import { Enterprise, Professional, Sandbox, Team } from './assets'
-import { Loading } from '../../base/icons/src/public/thought'
 import { useUnmountedRef } from 'ahooks'
+import { usePathname, useRouter } from 'next/navigation'
+import React, { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { ApiAggregate, TriggerAll } from '@/app/components/base/icons/src/vender/workflow'
+import UsageInfo from '@/app/components/billing/usage-info'
+import { EDUCATION_VERIFYING_LOCALSTORAGE_ITEM } from '@/app/education-apply/constants'
+import VerifyStateModal from '@/app/education-apply/verify-state-modal'
+import { useAppContext } from '@/context/app-context'
+import { useModalContextSelector } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { useEducationVerify } from '@/service/use-education'
+import { getDaysUntilEndOfMonth } from '@/utils/time'
+import { Loading } from '../../base/icons/src/public/thought'
+import { NUM_INFINITE } from '../config'
+import { Plan, SelfHostedPlan } from '../type'
+import UpgradeBtn from '../upgrade-btn'
+import AppsInfo from '../usage-info/apps-info'
+import VectorSpaceInfo from '../usage-info/vector-space-info'
+import { Enterprise, Professional, Sandbox, Team } from './assets'
 
 type Props = {
   loc: string
@@ -68,10 +68,12 @@ const PlanComp: FC<Props> = ({
   const setShowAccountSettingModal = useModalContextSelector(s => s.setShowAccountSettingModal)
   const unmountedRef = useUnmountedRef()
   const handleVerify = () => {
-    if (isPending) return
+    if (isPending)
+      return
     mutateAsync().then((res) => {
       localStorage.removeItem(EDUCATION_VERIFYING_LOCALSTORAGE_ITEM)
-      if (unmountedRef.current) return
+      if (unmountedRef.current)
+        return
       router.push(`/education-apply?token=${res.token}`)
     }).catch(() => {
       setShowModal(true)
@@ -83,8 +85,8 @@ const PlanComp: FC<Props> = ({
       setShowAccountSettingModal(null)
   }, [path, setShowAccountSettingModal])
   return (
-    <div className='relative rounded-2xl border-[0.5px] border-effects-highlight-lightmode-off bg-background-section-burn'>
-      <div className='p-6 pb-2'>
+    <div className="relative rounded-2xl border-[0.5px] border-effects-highlight-lightmode-off bg-background-section-burn">
+      <div className="p-6 pb-2">
         {plan.type === Plan.sandbox && (
           <Sandbox />
         )}
@@ -97,24 +99,24 @@ const PlanComp: FC<Props> = ({
         {(plan.type as any) === SelfHostedPlan.enterprise && (
           <Enterprise />
         )}
-        <div className='mt-1 flex items-center'>
-          <div className='grow'>
-            <div className='mb-1 flex items-center gap-1'>
-              <div className='system-md-semibold-uppercase text-text-primary'>{t(`billing.plans.${type}.name`)}</div>
+        <div className="mt-1 flex items-center">
+          <div className="grow">
+            <div className="mb-1 flex items-center gap-1">
+              <div className="system-md-semibold-uppercase text-text-primary">{t(`billing.plans.${type}.name`)}</div>
             </div>
-            <div className='system-xs-regular text-util-colors-gray-gray-600'>{t(`billing.plans.${type}.for`)}</div>
+            <div className="system-xs-regular text-util-colors-gray-gray-600">{t(`billing.plans.${type}.for`)}</div>
           </div>
-          <div className='flex shrink-0 items-center gap-1'>
+          <div className="flex shrink-0 items-center gap-1">
             {enableEducationPlan && (!isEducationAccount || isAboutToExpire) && (
-              <Button variant='ghost' onClick={handleVerify} disabled={isPending} >
-                <RiGraduationCapLine className='mr-1 h-4 w-4' />
+              <Button variant="ghost" onClick={handleVerify} disabled={isPending}>
+                <RiGraduationCapLine className="mr-1 h-4 w-4" />
                 {t('education.toVerified')}
-                {isPending && <Loading className='ml-1 animate-spin-slow' />}
+                {isPending && <Loading className="ml-1 animate-spin-slow" />}
               </Button>
             )}
             {(plan.type as any) !== SelfHostedPlan.enterprise && (
               <UpgradeBtn
-                className='shrink-0'
+                className="shrink-0"
                 isPlain={type === Plan.team}
                 isShort
                 loc={loc}
@@ -124,7 +126,7 @@ const PlanComp: FC<Props> = ({
         </div>
       </div>
       {/* Plan detail */}
-      <div className='grid grid-cols-3 content-start gap-1 p-2'>
+      <div className="grid grid-cols-3 content-start gap-1 p-2">
         <AppsInfo />
         <UsageInfo
           Icon={RiGroupLine}
diff --git a/web/app/components/billing/pricing/assets/cloud.tsx b/web/app/components/billing/pricing/assets/cloud.tsx
index a779f8f2b7..2adeca548b 100644
--- a/web/app/components/billing/pricing/assets/cloud.tsx
+++ b/web/app/components/billing/pricing/assets/cloud.tsx
@@ -8,21 +8,21 @@ const Cloud = ({
   const color = isActive ? 'var(--color-saas-dify-blue-accessible)' : 'var(--color-text-primary)'
 
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'>
-      <g clipPath='url(#clip0_1_4630)'>
-        <rect y='0.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' x='6' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='12' y='0.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' y='6.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='6' y='6.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' x='12' y='6.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect y='12.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' x='6' y='12.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='12' y='12.5' width='4' height='4' rx='2' fill={color} />
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+      <g clipPath="url(#clip0_1_4630)">
+        <rect y="0.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" x="6" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="12" y="0.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" y="6.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="6" y="6.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" x="12" y="6.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect y="12.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" x="6" y="12.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="12" y="12.5" width="4" height="4" rx="2" fill={color} />
       </g>
       <defs>
-        <clipPath id='clip0_1_4630'>
-          <rect width='16' height='16' fill='white' transform='translate(0 0.5)' />
+        <clipPath id="clip0_1_4630">
+          <rect width="16" height="16" fill="white" transform="translate(0 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/assets/community.tsx b/web/app/components/billing/pricing/assets/community.tsx
index 7037f63b6c..54f072c900 100644
--- a/web/app/components/billing/pricing/assets/community.tsx
+++ b/web/app/components/billing/pricing/assets/community.tsx
@@ -1,92 +1,92 @@
 const Community = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='60' height='61' viewBox='0 0 60 61' fill='none'>
-      <g clipPath='url(#clip0_1_5128)'>
-        <path opacity='0.18' d='M0 2.5C0 1.39543 0.895431 0.5 2 0.5C3.10457 0.5 4 1.39543 4 2.5C4 3.60457 3.10457 4.5 2 4.5C0.895431 4.5 0 3.60457 0 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7 2.5C7 1.39543 7.89543 0.5 9 0.5C10.1046 0.5 11 1.39543 11 2.5C11 3.60457 10.1046 4.5 9 4.5C7.89543 4.5 7 3.60457 7 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14 2.5C14 1.39543 14.8954 0.5 16 0.5C17.1046 0.5 18 1.39543 18 2.5C18 3.60457 17.1046 4.5 16 4.5C14.8954 4.5 14 3.60457 14 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21 2.5C21 1.39543 21.8954 0.5 23 0.5C24.1046 0.5 25 1.39543 25 2.5C25 3.60457 24.1046 4.5 23 4.5C21.8954 4.5 21 3.60457 21 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 2.5C28 1.39543 28.8954 0.5 30 0.5C31.1046 0.5 32 1.39543 32 2.5C32 3.60457 31.1046 4.5 30 4.5C28.8954 4.5 28 3.60457 28 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35 2.5C35 1.39543 35.8954 0.5 37 0.5C38.1046 0.5 39 1.39543 39 2.5C39 3.60457 38.1046 4.5 37 4.5C35.8954 4.5 35 3.60457 35 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42 2.5C42 1.39543 42.8954 0.5 44 0.5C45.1046 0.5 46 1.39543 46 2.5C46 3.60457 45.1046 4.5 44 4.5C42.8954 4.5 42 3.60457 42 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49 2.5C49 1.39543 49.8954 0.5 51 0.5C52.1046 0.5 53 1.39543 53 2.5C53 3.60457 52.1046 4.5 51 4.5C49.8954 4.5 49 3.60457 49 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56 2.5C56 1.39543 56.8954 0.5 58 0.5C59.1046 0.5 60 1.39543 60 2.5C60 3.60457 59.1046 4.5 58 4.5C56.8954 4.5 56 3.60457 56 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0 9.5C0 8.39543 0.895431 7.5 2 7.5C3.10457 7.5 4 8.39543 4 9.5C4 10.6046 3.10457 11.5 2 11.5C0.895431 11.5 0 10.6046 0 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7 9.5C7 8.39543 7.89543 7.5 9 7.5C10.1046 7.5 11 8.39543 11 9.5C11 10.6046 10.1046 11.5 9 11.5C7.89543 11.5 7 10.6046 7 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14 9.5C14 8.39543 14.8954 7.5 16 7.5C17.1046 7.5 18 8.39543 18 9.5C18 10.6046 17.1046 11.5 16 11.5C14.8954 11.5 14 10.6046 14 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21 9.5C21 8.39543 21.8954 7.5 23 7.5C24.1046 7.5 25 8.39543 25 9.5C25 10.6046 24.1046 11.5 23 11.5C21.8954 11.5 21 10.6046 21 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 9.5C28 8.39543 28.8954 7.5 30 7.5C31.1046 7.5 32 8.39543 32 9.5C32 10.6046 31.1046 11.5 30 11.5C28.8954 11.5 28 10.6046 28 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35 9.5C35 8.39543 35.8954 7.5 37 7.5C38.1046 7.5 39 8.39543 39 9.5C39 10.6046 38.1046 11.5 37 11.5C35.8954 11.5 35 10.6046 35 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42 9.5C42 8.39543 42.8954 7.5 44 7.5C45.1046 7.5 46 8.39543 46 9.5C46 10.6046 45.1046 11.5 44 11.5C42.8954 11.5 42 10.6046 42 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M49 9.5C49 8.39543 49.8954 7.5 51 7.5C52.1046 7.5 53 8.39543 53 9.5C53 10.6046 52.1046 11.5 51 11.5C49.8954 11.5 49 10.6046 49 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56 9.5C56 8.39543 56.8954 7.5 58 7.5C59.1046 7.5 60 8.39543 60 9.5C60 10.6046 59.1046 11.5 58 11.5C56.8954 11.5 56 10.6046 56 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 16.5C0 15.3954 0.895431 14.5 2 14.5C3.10457 14.5 4 15.3954 4 16.5C4 17.6046 3.10457 18.5 2 18.5C0.895431 18.5 0 17.6046 0 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7 16.5C7 15.3954 7.89543 14.5 9 14.5C10.1046 14.5 11 15.3954 11 16.5C11 17.6046 10.1046 18.5 9 18.5C7.89543 18.5 7 17.6046 7 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14 16.5C14 15.3954 14.8954 14.5 16 14.5C17.1046 14.5 18 15.3954 18 16.5C18 17.6046 17.1046 18.5 16 18.5C14.8954 18.5 14 17.6046 14 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21 16.5C21 15.3954 21.8954 14.5 23 14.5C24.1046 14.5 25 15.3954 25 16.5C25 17.6046 24.1046 18.5 23 18.5C21.8954 18.5 21 17.6046 21 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 16.5C28 15.3954 28.8954 14.5 30 14.5C31.1046 14.5 32 15.3954 32 16.5C32 17.6046 31.1046 18.5 30 18.5C28.8954 18.5 28 17.6046 28 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35 16.5C35 15.3954 35.8954 14.5 37 14.5C38.1046 14.5 39 15.3954 39 16.5C39 17.6046 38.1046 18.5 37 18.5C35.8954 18.5 35 17.6046 35 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42 16.5C42 15.3954 42.8954 14.5 44 14.5C45.1046 14.5 46 15.3954 46 16.5C46 17.6046 45.1046 18.5 44 18.5C42.8954 18.5 42 17.6046 42 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M49 16.5C49 15.3954 49.8954 14.5 51 14.5C52.1046 14.5 53 15.3954 53 16.5C53 17.6046 52.1046 18.5 51 18.5C49.8954 18.5 49 17.6046 49 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56 16.5C56 15.3954 56.8954 14.5 58 14.5C59.1046 14.5 60 15.3954 60 16.5C60 17.6046 59.1046 18.5 58 18.5C56.8954 18.5 56 17.6046 56 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 23.5C0 22.3954 0.895431 21.5 2 21.5C3.10457 21.5 4 22.3954 4 23.5C4 24.6046 3.10457 25.5 2 25.5C0.895431 25.5 0 24.6046 0 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7 23.5C7 22.3954 7.89543 21.5 9 21.5C10.1046 21.5 11 22.3954 11 23.5C11 24.6046 10.1046 25.5 9 25.5C7.89543 25.5 7 24.6046 7 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14 23.5C14 22.3954 14.8954 21.5 16 21.5C17.1046 21.5 18 22.3954 18 23.5C18 24.6046 17.1046 25.5 16 25.5C14.8954 25.5 14 24.6046 14 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21 23.5C21 22.3954 21.8954 21.5 23 21.5C24.1046 21.5 25 22.3954 25 23.5C25 24.6046 24.1046 25.5 23 25.5C21.8954 25.5 21 24.6046 21 23.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 23.5C28 22.3954 28.8954 21.5 30 21.5C31.1046 21.5 32 22.3954 32 23.5C32 24.6046 31.1046 25.5 30 25.5C28.8954 25.5 28 24.6046 28 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35 23.5C35 22.3954 35.8954 21.5 37 21.5C38.1046 21.5 39 22.3954 39 23.5C39 24.6046 38.1046 25.5 37 25.5C35.8954 25.5 35 24.6046 35 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42 23.5C42 22.3954 42.8954 21.5 44 21.5C45.1046 21.5 46 22.3954 46 23.5C46 24.6046 45.1046 25.5 44 25.5C42.8954 25.5 42 24.6046 42 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49 23.5C49 22.3954 49.8954 21.5 51 21.5C52.1046 21.5 53 22.3954 53 23.5C53 24.6046 52.1046 25.5 51 25.5C49.8954 25.5 49 24.6046 49 23.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56 23.5C56 22.3954 56.8954 21.5 58 21.5C59.1046 21.5 60 22.3954 60 23.5C60 24.6046 59.1046 25.5 58 25.5C56.8954 25.5 56 24.6046 56 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0 30.5C0 29.3954 0.895431 28.5 2 28.5C3.10457 28.5 4 29.3954 4 30.5C4 31.6046 3.10457 32.5 2 32.5C0.895431 32.5 0 31.6046 0 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7 30.5C7 29.3954 7.89543 28.5 9 28.5C10.1046 28.5 11 29.3954 11 30.5C11 31.6046 10.1046 32.5 9 32.5C7.89543 32.5 7 31.6046 7 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14 30.5C14 29.3954 14.8954 28.5 16 28.5C17.1046 28.5 18 29.3954 18 30.5C18 31.6046 17.1046 32.5 16 32.5C14.8954 32.5 14 31.6046 14 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21 30.5C21 29.3954 21.8954 28.5 23 28.5C24.1046 28.5 25 29.3954 25 30.5C25 31.6046 24.1046 32.5 23 32.5C21.8954 32.5 21 31.6046 21 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 30.5C28 29.3954 28.8954 28.5 30 28.5C31.1046 28.5 32 29.3954 32 30.5C32 31.6046 31.1046 32.5 30 32.5C28.8954 32.5 28 31.6046 28 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35 30.5C35 29.3954 35.8954 28.5 37 28.5C38.1046 28.5 39 29.3954 39 30.5C39 31.6046 38.1046 32.5 37 32.5C35.8954 32.5 35 31.6046 35 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42 30.5C42 29.3954 42.8954 28.5 44 28.5C45.1046 28.5 46 29.3954 46 30.5C46 31.6046 45.1046 32.5 44 32.5C42.8954 32.5 42 31.6046 42 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M49 30.5C49 29.3954 49.8954 28.5 51 28.5C52.1046 28.5 53 29.3954 53 30.5C53 31.6046 52.1046 32.5 51 32.5C49.8954 32.5 49 31.6046 49 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56 30.5C56 29.3954 56.8954 28.5 58 28.5C59.1046 28.5 60 29.3954 60 30.5C60 31.6046 59.1046 32.5 58 32.5C56.8954 32.5 56 31.6046 56 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0 37.5C0 36.3954 0.895431 35.5 2 35.5C3.10457 35.5 4 36.3954 4 37.5C4 38.6046 3.10457 39.5 2 39.5C0.895431 39.5 0 38.6046 0 37.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7 37.5C7 36.3954 7.89543 35.5 9 35.5C10.1046 35.5 11 36.3954 11 37.5C11 38.6046 10.1046 39.5 9 39.5C7.89543 39.5 7 38.6046 7 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14 37.5C14 36.3954 14.8954 35.5 16 35.5C17.1046 35.5 18 36.3954 18 37.5C18 38.6046 17.1046 39.5 16 39.5C14.8954 39.5 14 38.6046 14 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21 37.5C21 36.3954 21.8954 35.5 23 35.5C24.1046 35.5 25 36.3954 25 37.5C25 38.6046 24.1046 39.5 23 39.5C21.8954 39.5 21 38.6046 21 37.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 37.5C28 36.3954 28.8954 35.5 30 35.5C31.1046 35.5 32 36.3954 32 37.5C32 38.6046 31.1046 39.5 30 39.5C28.8954 39.5 28 38.6046 28 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35 37.5C35 36.3954 35.8954 35.5 37 35.5C38.1046 35.5 39 36.3954 39 37.5C39 38.6046 38.1046 39.5 37 39.5C35.8954 39.5 35 38.6046 35 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42 37.5C42 36.3954 42.8954 35.5 44 35.5C45.1046 35.5 46 36.3954 46 37.5C46 38.6046 45.1046 39.5 44 39.5C42.8954 39.5 42 38.6046 42 37.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M49 37.5C49 36.3954 49.8954 35.5 51 35.5C52.1046 35.5 53 36.3954 53 37.5C53 38.6046 52.1046 39.5 51 39.5C49.8954 39.5 49 38.6046 49 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56 37.5C56 36.3954 56.8954 35.5 58 35.5C59.1046 35.5 60 36.3954 60 37.5C60 38.6046 59.1046 39.5 58 39.5C56.8954 39.5 56 38.6046 56 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0 44.5C0 43.3954 0.895431 42.5 2 42.5C3.10457 42.5 4 43.3954 4 44.5C4 45.6046 3.10457 46.5 2 46.5C0.895431 46.5 0 45.6046 0 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7 44.5C7 43.3954 7.89543 42.5 9 42.5C10.1046 42.5 11 43.3954 11 44.5C11 45.6046 10.1046 46.5 9 46.5C7.89543 46.5 7 45.6046 7 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14 44.5C14 43.3954 14.8954 42.5 16 42.5C17.1046 42.5 18 43.3954 18 44.5C18 45.6046 17.1046 46.5 16 46.5C14.8954 46.5 14 45.6046 14 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21 44.5C21 43.3954 21.8954 42.5 23 42.5C24.1046 42.5 25 43.3954 25 44.5C25 45.6046 24.1046 46.5 23 46.5C21.8954 46.5 21 45.6046 21 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 44.5C28 43.3954 28.8954 42.5 30 42.5C31.1046 42.5 32 43.3954 32 44.5C32 45.6046 31.1046 46.5 30 46.5C28.8954 46.5 28 45.6046 28 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35 44.5C35 43.3954 35.8954 42.5 37 42.5C38.1046 42.5 39 43.3954 39 44.5C39 45.6046 38.1046 46.5 37 46.5C35.8954 46.5 35 45.6046 35 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42 44.5C42 43.3954 42.8954 42.5 44 42.5C45.1046 42.5 46 43.3954 46 44.5C46 45.6046 45.1046 46.5 44 46.5C42.8954 46.5 42 45.6046 42 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49 44.5C49 43.3954 49.8954 42.5 51 42.5C52.1046 42.5 53 43.3954 53 44.5C53 45.6046 52.1046 46.5 51 46.5C49.8954 46.5 49 45.6046 49 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56 44.5C56 43.3954 56.8954 42.5 58 42.5C59.1046 42.5 60 43.3954 60 44.5C60 45.6046 59.1046 46.5 58 46.5C56.8954 46.5 56 45.6046 56 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0 51.5C0 50.3954 0.895431 49.5 2 49.5C3.10457 49.5 4 50.3954 4 51.5C4 52.6046 3.10457 53.5 2 53.5C0.895431 53.5 0 52.6046 0 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7 51.5C7 50.3954 7.89543 49.5 9 49.5C10.1046 49.5 11 50.3954 11 51.5C11 52.6046 10.1046 53.5 9 53.5C7.89543 53.5 7 52.6046 7 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14 51.5C14 50.3954 14.8954 49.5 16 49.5C17.1046 49.5 18 50.3954 18 51.5C18 52.6046 17.1046 53.5 16 53.5C14.8954 53.5 14 52.6046 14 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21 51.5C21 50.3954 21.8954 49.5 23 49.5C24.1046 49.5 25 50.3954 25 51.5C25 52.6046 24.1046 53.5 23 53.5C21.8954 53.5 21 52.6046 21 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 51.5C28 50.3954 28.8954 49.5 30 49.5C31.1046 49.5 32 50.3954 32 51.5C32 52.6046 31.1046 53.5 30 53.5C28.8954 53.5 28 52.6046 28 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35 51.5C35 50.3954 35.8954 49.5 37 49.5C38.1046 49.5 39 50.3954 39 51.5C39 52.6046 38.1046 53.5 37 53.5C35.8954 53.5 35 52.6046 35 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42 51.5C42 50.3954 42.8954 49.5 44 49.5C45.1046 49.5 46 50.3954 46 51.5C46 52.6046 45.1046 53.5 44 53.5C42.8954 53.5 42 52.6046 42 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49 51.5C49 50.3954 49.8954 49.5 51 49.5C52.1046 49.5 53 50.3954 53 51.5C53 52.6046 52.1046 53.5 51 53.5C49.8954 53.5 49 52.6046 49 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56 51.5C56 50.3954 56.8954 49.5 58 49.5C59.1046 49.5 60 50.3954 60 51.5C60 52.6046 59.1046 53.5 58 53.5C56.8954 53.5 56 52.6046 56 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0 58.5C0 57.3954 0.895431 56.5 2 56.5C3.10457 56.5 4 57.3954 4 58.5C4 59.6046 3.10457 60.5 2 60.5C0.895431 60.5 0 59.6046 0 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7 58.5C7 57.3954 7.89543 56.5 9 56.5C10.1046 56.5 11 57.3954 11 58.5C11 59.6046 10.1046 60.5 9 60.5C7.89543 60.5 7 59.6046 7 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14 58.5C14 57.3954 14.8954 56.5 16 56.5C17.1046 56.5 18 57.3954 18 58.5C18 59.6046 17.1046 60.5 16 60.5C14.8954 60.5 14 59.6046 14 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21 58.5C21 57.3954 21.8954 56.5 23 56.5C24.1046 56.5 25 57.3954 25 58.5C25 59.6046 24.1046 60.5 23 60.5C21.8954 60.5 21 59.6046 21 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 58.5C28 57.3954 28.8954 56.5 30 56.5C31.1046 56.5 32 57.3954 32 58.5C32 59.6046 31.1046 60.5 30 60.5C28.8954 60.5 28 59.6046 28 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35 58.5C35 57.3954 35.8954 56.5 37 56.5C38.1046 56.5 39 57.3954 39 58.5C39 59.6046 38.1046 60.5 37 60.5C35.8954 60.5 35 59.6046 35 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42 58.5C42 57.3954 42.8954 56.5 44 56.5C45.1046 56.5 46 57.3954 46 58.5C46 59.6046 45.1046 60.5 44 60.5C42.8954 60.5 42 59.6046 42 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49 58.5C49 57.3954 49.8954 56.5 51 56.5C52.1046 56.5 53 57.3954 53 58.5C53 59.6046 52.1046 60.5 51 60.5C49.8954 60.5 49 59.6046 49 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56 58.5C56 57.3954 56.8954 56.5 58 56.5C59.1046 56.5 60 57.3954 60 58.5C60 59.6046 59.1046 60.5 58 60.5C56.8954 60.5 56 59.6046 56 58.5Z' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="60" height="61" viewBox="0 0 60 61" fill="none">
+      <g clipPath="url(#clip0_1_5128)">
+        <path opacity="0.18" d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5C3.10457 0.5 4 1.39543 4 2.5C4 3.60457 3.10457 4.5 2 4.5C0.895431 4.5 0 3.60457 0 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7 2.5C7 1.39543 7.89543 0.5 9 0.5C10.1046 0.5 11 1.39543 11 2.5C11 3.60457 10.1046 4.5 9 4.5C7.89543 4.5 7 3.60457 7 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14 2.5C14 1.39543 14.8954 0.5 16 0.5C17.1046 0.5 18 1.39543 18 2.5C18 3.60457 17.1046 4.5 16 4.5C14.8954 4.5 14 3.60457 14 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21 2.5C21 1.39543 21.8954 0.5 23 0.5C24.1046 0.5 25 1.39543 25 2.5C25 3.60457 24.1046 4.5 23 4.5C21.8954 4.5 21 3.60457 21 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 2.5C28 1.39543 28.8954 0.5 30 0.5C31.1046 0.5 32 1.39543 32 2.5C32 3.60457 31.1046 4.5 30 4.5C28.8954 4.5 28 3.60457 28 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35 2.5C35 1.39543 35.8954 0.5 37 0.5C38.1046 0.5 39 1.39543 39 2.5C39 3.60457 38.1046 4.5 37 4.5C35.8954 4.5 35 3.60457 35 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42 2.5C42 1.39543 42.8954 0.5 44 0.5C45.1046 0.5 46 1.39543 46 2.5C46 3.60457 45.1046 4.5 44 4.5C42.8954 4.5 42 3.60457 42 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49 2.5C49 1.39543 49.8954 0.5 51 0.5C52.1046 0.5 53 1.39543 53 2.5C53 3.60457 52.1046 4.5 51 4.5C49.8954 4.5 49 3.60457 49 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56 2.5C56 1.39543 56.8954 0.5 58 0.5C59.1046 0.5 60 1.39543 60 2.5C60 3.60457 59.1046 4.5 58 4.5C56.8954 4.5 56 3.60457 56 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0 9.5C0 8.39543 0.895431 7.5 2 7.5C3.10457 7.5 4 8.39543 4 9.5C4 10.6046 3.10457 11.5 2 11.5C0.895431 11.5 0 10.6046 0 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7 9.5C7 8.39543 7.89543 7.5 9 7.5C10.1046 7.5 11 8.39543 11 9.5C11 10.6046 10.1046 11.5 9 11.5C7.89543 11.5 7 10.6046 7 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14 9.5C14 8.39543 14.8954 7.5 16 7.5C17.1046 7.5 18 8.39543 18 9.5C18 10.6046 17.1046 11.5 16 11.5C14.8954 11.5 14 10.6046 14 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21 9.5C21 8.39543 21.8954 7.5 23 7.5C24.1046 7.5 25 8.39543 25 9.5C25 10.6046 24.1046 11.5 23 11.5C21.8954 11.5 21 10.6046 21 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 9.5C28 8.39543 28.8954 7.5 30 7.5C31.1046 7.5 32 8.39543 32 9.5C32 10.6046 31.1046 11.5 30 11.5C28.8954 11.5 28 10.6046 28 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35 9.5C35 8.39543 35.8954 7.5 37 7.5C38.1046 7.5 39 8.39543 39 9.5C39 10.6046 38.1046 11.5 37 11.5C35.8954 11.5 35 10.6046 35 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42 9.5C42 8.39543 42.8954 7.5 44 7.5C45.1046 7.5 46 8.39543 46 9.5C46 10.6046 45.1046 11.5 44 11.5C42.8954 11.5 42 10.6046 42 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M49 9.5C49 8.39543 49.8954 7.5 51 7.5C52.1046 7.5 53 8.39543 53 9.5C53 10.6046 52.1046 11.5 51 11.5C49.8954 11.5 49 10.6046 49 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56 9.5C56 8.39543 56.8954 7.5 58 7.5C59.1046 7.5 60 8.39543 60 9.5C60 10.6046 59.1046 11.5 58 11.5C56.8954 11.5 56 10.6046 56 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 16.5C0 15.3954 0.895431 14.5 2 14.5C3.10457 14.5 4 15.3954 4 16.5C4 17.6046 3.10457 18.5 2 18.5C0.895431 18.5 0 17.6046 0 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7 16.5C7 15.3954 7.89543 14.5 9 14.5C10.1046 14.5 11 15.3954 11 16.5C11 17.6046 10.1046 18.5 9 18.5C7.89543 18.5 7 17.6046 7 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14 16.5C14 15.3954 14.8954 14.5 16 14.5C17.1046 14.5 18 15.3954 18 16.5C18 17.6046 17.1046 18.5 16 18.5C14.8954 18.5 14 17.6046 14 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21 16.5C21 15.3954 21.8954 14.5 23 14.5C24.1046 14.5 25 15.3954 25 16.5C25 17.6046 24.1046 18.5 23 18.5C21.8954 18.5 21 17.6046 21 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 16.5C28 15.3954 28.8954 14.5 30 14.5C31.1046 14.5 32 15.3954 32 16.5C32 17.6046 31.1046 18.5 30 18.5C28.8954 18.5 28 17.6046 28 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35 16.5C35 15.3954 35.8954 14.5 37 14.5C38.1046 14.5 39 15.3954 39 16.5C39 17.6046 38.1046 18.5 37 18.5C35.8954 18.5 35 17.6046 35 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42 16.5C42 15.3954 42.8954 14.5 44 14.5C45.1046 14.5 46 15.3954 46 16.5C46 17.6046 45.1046 18.5 44 18.5C42.8954 18.5 42 17.6046 42 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M49 16.5C49 15.3954 49.8954 14.5 51 14.5C52.1046 14.5 53 15.3954 53 16.5C53 17.6046 52.1046 18.5 51 18.5C49.8954 18.5 49 17.6046 49 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56 16.5C56 15.3954 56.8954 14.5 58 14.5C59.1046 14.5 60 15.3954 60 16.5C60 17.6046 59.1046 18.5 58 18.5C56.8954 18.5 56 17.6046 56 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 23.5C0 22.3954 0.895431 21.5 2 21.5C3.10457 21.5 4 22.3954 4 23.5C4 24.6046 3.10457 25.5 2 25.5C0.895431 25.5 0 24.6046 0 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7 23.5C7 22.3954 7.89543 21.5 9 21.5C10.1046 21.5 11 22.3954 11 23.5C11 24.6046 10.1046 25.5 9 25.5C7.89543 25.5 7 24.6046 7 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14 23.5C14 22.3954 14.8954 21.5 16 21.5C17.1046 21.5 18 22.3954 18 23.5C18 24.6046 17.1046 25.5 16 25.5C14.8954 25.5 14 24.6046 14 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21 23.5C21 22.3954 21.8954 21.5 23 21.5C24.1046 21.5 25 22.3954 25 23.5C25 24.6046 24.1046 25.5 23 25.5C21.8954 25.5 21 24.6046 21 23.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 23.5C28 22.3954 28.8954 21.5 30 21.5C31.1046 21.5 32 22.3954 32 23.5C32 24.6046 31.1046 25.5 30 25.5C28.8954 25.5 28 24.6046 28 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35 23.5C35 22.3954 35.8954 21.5 37 21.5C38.1046 21.5 39 22.3954 39 23.5C39 24.6046 38.1046 25.5 37 25.5C35.8954 25.5 35 24.6046 35 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42 23.5C42 22.3954 42.8954 21.5 44 21.5C45.1046 21.5 46 22.3954 46 23.5C46 24.6046 45.1046 25.5 44 25.5C42.8954 25.5 42 24.6046 42 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49 23.5C49 22.3954 49.8954 21.5 51 21.5C52.1046 21.5 53 22.3954 53 23.5C53 24.6046 52.1046 25.5 51 25.5C49.8954 25.5 49 24.6046 49 23.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56 23.5C56 22.3954 56.8954 21.5 58 21.5C59.1046 21.5 60 22.3954 60 23.5C60 24.6046 59.1046 25.5 58 25.5C56.8954 25.5 56 24.6046 56 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0 30.5C0 29.3954 0.895431 28.5 2 28.5C3.10457 28.5 4 29.3954 4 30.5C4 31.6046 3.10457 32.5 2 32.5C0.895431 32.5 0 31.6046 0 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7 30.5C7 29.3954 7.89543 28.5 9 28.5C10.1046 28.5 11 29.3954 11 30.5C11 31.6046 10.1046 32.5 9 32.5C7.89543 32.5 7 31.6046 7 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14 30.5C14 29.3954 14.8954 28.5 16 28.5C17.1046 28.5 18 29.3954 18 30.5C18 31.6046 17.1046 32.5 16 32.5C14.8954 32.5 14 31.6046 14 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21 30.5C21 29.3954 21.8954 28.5 23 28.5C24.1046 28.5 25 29.3954 25 30.5C25 31.6046 24.1046 32.5 23 32.5C21.8954 32.5 21 31.6046 21 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 30.5C28 29.3954 28.8954 28.5 30 28.5C31.1046 28.5 32 29.3954 32 30.5C32 31.6046 31.1046 32.5 30 32.5C28.8954 32.5 28 31.6046 28 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35 30.5C35 29.3954 35.8954 28.5 37 28.5C38.1046 28.5 39 29.3954 39 30.5C39 31.6046 38.1046 32.5 37 32.5C35.8954 32.5 35 31.6046 35 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42 30.5C42 29.3954 42.8954 28.5 44 28.5C45.1046 28.5 46 29.3954 46 30.5C46 31.6046 45.1046 32.5 44 32.5C42.8954 32.5 42 31.6046 42 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M49 30.5C49 29.3954 49.8954 28.5 51 28.5C52.1046 28.5 53 29.3954 53 30.5C53 31.6046 52.1046 32.5 51 32.5C49.8954 32.5 49 31.6046 49 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56 30.5C56 29.3954 56.8954 28.5 58 28.5C59.1046 28.5 60 29.3954 60 30.5C60 31.6046 59.1046 32.5 58 32.5C56.8954 32.5 56 31.6046 56 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0 37.5C0 36.3954 0.895431 35.5 2 35.5C3.10457 35.5 4 36.3954 4 37.5C4 38.6046 3.10457 39.5 2 39.5C0.895431 39.5 0 38.6046 0 37.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7 37.5C7 36.3954 7.89543 35.5 9 35.5C10.1046 35.5 11 36.3954 11 37.5C11 38.6046 10.1046 39.5 9 39.5C7.89543 39.5 7 38.6046 7 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14 37.5C14 36.3954 14.8954 35.5 16 35.5C17.1046 35.5 18 36.3954 18 37.5C18 38.6046 17.1046 39.5 16 39.5C14.8954 39.5 14 38.6046 14 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21 37.5C21 36.3954 21.8954 35.5 23 35.5C24.1046 35.5 25 36.3954 25 37.5C25 38.6046 24.1046 39.5 23 39.5C21.8954 39.5 21 38.6046 21 37.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 37.5C28 36.3954 28.8954 35.5 30 35.5C31.1046 35.5 32 36.3954 32 37.5C32 38.6046 31.1046 39.5 30 39.5C28.8954 39.5 28 38.6046 28 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35 37.5C35 36.3954 35.8954 35.5 37 35.5C38.1046 35.5 39 36.3954 39 37.5C39 38.6046 38.1046 39.5 37 39.5C35.8954 39.5 35 38.6046 35 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42 37.5C42 36.3954 42.8954 35.5 44 35.5C45.1046 35.5 46 36.3954 46 37.5C46 38.6046 45.1046 39.5 44 39.5C42.8954 39.5 42 38.6046 42 37.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M49 37.5C49 36.3954 49.8954 35.5 51 35.5C52.1046 35.5 53 36.3954 53 37.5C53 38.6046 52.1046 39.5 51 39.5C49.8954 39.5 49 38.6046 49 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56 37.5C56 36.3954 56.8954 35.5 58 35.5C59.1046 35.5 60 36.3954 60 37.5C60 38.6046 59.1046 39.5 58 39.5C56.8954 39.5 56 38.6046 56 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0 44.5C0 43.3954 0.895431 42.5 2 42.5C3.10457 42.5 4 43.3954 4 44.5C4 45.6046 3.10457 46.5 2 46.5C0.895431 46.5 0 45.6046 0 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7 44.5C7 43.3954 7.89543 42.5 9 42.5C10.1046 42.5 11 43.3954 11 44.5C11 45.6046 10.1046 46.5 9 46.5C7.89543 46.5 7 45.6046 7 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14 44.5C14 43.3954 14.8954 42.5 16 42.5C17.1046 42.5 18 43.3954 18 44.5C18 45.6046 17.1046 46.5 16 46.5C14.8954 46.5 14 45.6046 14 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21 44.5C21 43.3954 21.8954 42.5 23 42.5C24.1046 42.5 25 43.3954 25 44.5C25 45.6046 24.1046 46.5 23 46.5C21.8954 46.5 21 45.6046 21 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 44.5C28 43.3954 28.8954 42.5 30 42.5C31.1046 42.5 32 43.3954 32 44.5C32 45.6046 31.1046 46.5 30 46.5C28.8954 46.5 28 45.6046 28 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35 44.5C35 43.3954 35.8954 42.5 37 42.5C38.1046 42.5 39 43.3954 39 44.5C39 45.6046 38.1046 46.5 37 46.5C35.8954 46.5 35 45.6046 35 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42 44.5C42 43.3954 42.8954 42.5 44 42.5C45.1046 42.5 46 43.3954 46 44.5C46 45.6046 45.1046 46.5 44 46.5C42.8954 46.5 42 45.6046 42 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49 44.5C49 43.3954 49.8954 42.5 51 42.5C52.1046 42.5 53 43.3954 53 44.5C53 45.6046 52.1046 46.5 51 46.5C49.8954 46.5 49 45.6046 49 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56 44.5C56 43.3954 56.8954 42.5 58 42.5C59.1046 42.5 60 43.3954 60 44.5C60 45.6046 59.1046 46.5 58 46.5C56.8954 46.5 56 45.6046 56 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0 51.5C0 50.3954 0.895431 49.5 2 49.5C3.10457 49.5 4 50.3954 4 51.5C4 52.6046 3.10457 53.5 2 53.5C0.895431 53.5 0 52.6046 0 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7 51.5C7 50.3954 7.89543 49.5 9 49.5C10.1046 49.5 11 50.3954 11 51.5C11 52.6046 10.1046 53.5 9 53.5C7.89543 53.5 7 52.6046 7 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14 51.5C14 50.3954 14.8954 49.5 16 49.5C17.1046 49.5 18 50.3954 18 51.5C18 52.6046 17.1046 53.5 16 53.5C14.8954 53.5 14 52.6046 14 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21 51.5C21 50.3954 21.8954 49.5 23 49.5C24.1046 49.5 25 50.3954 25 51.5C25 52.6046 24.1046 53.5 23 53.5C21.8954 53.5 21 52.6046 21 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 51.5C28 50.3954 28.8954 49.5 30 49.5C31.1046 49.5 32 50.3954 32 51.5C32 52.6046 31.1046 53.5 30 53.5C28.8954 53.5 28 52.6046 28 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35 51.5C35 50.3954 35.8954 49.5 37 49.5C38.1046 49.5 39 50.3954 39 51.5C39 52.6046 38.1046 53.5 37 53.5C35.8954 53.5 35 52.6046 35 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42 51.5C42 50.3954 42.8954 49.5 44 49.5C45.1046 49.5 46 50.3954 46 51.5C46 52.6046 45.1046 53.5 44 53.5C42.8954 53.5 42 52.6046 42 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49 51.5C49 50.3954 49.8954 49.5 51 49.5C52.1046 49.5 53 50.3954 53 51.5C53 52.6046 52.1046 53.5 51 53.5C49.8954 53.5 49 52.6046 49 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56 51.5C56 50.3954 56.8954 49.5 58 49.5C59.1046 49.5 60 50.3954 60 51.5C60 52.6046 59.1046 53.5 58 53.5C56.8954 53.5 56 52.6046 56 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0 58.5C0 57.3954 0.895431 56.5 2 56.5C3.10457 56.5 4 57.3954 4 58.5C4 59.6046 3.10457 60.5 2 60.5C0.895431 60.5 0 59.6046 0 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7 58.5C7 57.3954 7.89543 56.5 9 56.5C10.1046 56.5 11 57.3954 11 58.5C11 59.6046 10.1046 60.5 9 60.5C7.89543 60.5 7 59.6046 7 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14 58.5C14 57.3954 14.8954 56.5 16 56.5C17.1046 56.5 18 57.3954 18 58.5C18 59.6046 17.1046 60.5 16 60.5C14.8954 60.5 14 59.6046 14 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21 58.5C21 57.3954 21.8954 56.5 23 56.5C24.1046 56.5 25 57.3954 25 58.5C25 59.6046 24.1046 60.5 23 60.5C21.8954 60.5 21 59.6046 21 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 58.5C28 57.3954 28.8954 56.5 30 56.5C31.1046 56.5 32 57.3954 32 58.5C32 59.6046 31.1046 60.5 30 60.5C28.8954 60.5 28 59.6046 28 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35 58.5C35 57.3954 35.8954 56.5 37 56.5C38.1046 56.5 39 57.3954 39 58.5C39 59.6046 38.1046 60.5 37 60.5C35.8954 60.5 35 59.6046 35 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42 58.5C42 57.3954 42.8954 56.5 44 56.5C45.1046 56.5 46 57.3954 46 58.5C46 59.6046 45.1046 60.5 44 60.5C42.8954 60.5 42 59.6046 42 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49 58.5C49 57.3954 49.8954 56.5 51 56.5C52.1046 56.5 53 57.3954 53 58.5C53 59.6046 52.1046 60.5 51 60.5C49.8954 60.5 49 59.6046 49 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56 58.5C56 57.3954 56.8954 56.5 58 56.5C59.1046 56.5 60 57.3954 60 58.5C60 59.6046 59.1046 60.5 58 60.5C56.8954 60.5 56 59.6046 56 58.5Z" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <clipPath id='clip0_1_5128'>
-          <rect width='60' height='60' fill='white' transform='translate(0 0.5)' />
+        <clipPath id="clip0_1_5128">
+          <rect width="60" height="60" fill="white" transform="translate(0 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/assets/enterprise-noise.tsx b/web/app/components/billing/pricing/assets/enterprise-noise.tsx
index b6c0e9cd44..3c6e70d1ae 100644
--- a/web/app/components/billing/pricing/assets/enterprise-noise.tsx
+++ b/web/app/components/billing/pricing/assets/enterprise-noise.tsx
@@ -1,17 +1,17 @@
 const EnterpriseNoise = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='100%' height='148' viewBox='0 0 100% 148' fill='none'>
-      <g opacity='0.05' filter='url(#filter0_g_1_5499)'>
-        <rect y='0' width='100%' height='96' fill='var(--color-saas-dify-blue-accessible)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="148" viewBox="0 0 100% 148" fill="none">
+      <g opacity="0.05" filter="url(#filter0_g_1_5499)">
+        <rect y="0" width="100%" height="96" fill="var(--color-saas-dify-blue-accessible)" />
       </g>
       <defs>
-        <filter id='filter0_g_1_5499' x='0' y='0' width='100%' height='296' filterUnits='userSpaceOnUse' colorInterpolationFilters='sRGB'>
-          <feFlood floodOpacity='0' result='BackgroundImageFix' />
-          <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' />
-          <feTurbulence type='fractalNoise' baseFrequency='0.625 0.625' numOctaves='3' seed='5427' />
-          <feDisplacementMap in='shape' scale='200' xChannelSelector='R' yChannelSelector='G' result='displacedImage' width='100%' height='100%' />
-          <feMerge result='effect1_texture_1_5499'>
-            <feMergeNode in='displacedImage' />
+        <filter id="filter0_g_1_5499" x="0" y="0" width="100%" height="296" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feTurbulence type="fractalNoise" baseFrequency="0.625 0.625" numOctaves="3" seed="5427" />
+          <feDisplacementMap in="shape" scale="200" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%" />
+          <feMerge result="effect1_texture_1_5499">
+            <feMergeNode in="displacedImage" />
           </feMerge>
         </filter>
       </defs>
diff --git a/web/app/components/billing/pricing/assets/enterprise.tsx b/web/app/components/billing/pricing/assets/enterprise.tsx
index 70a3520903..70ab08f5a5 100644
--- a/web/app/components/billing/pricing/assets/enterprise.tsx
+++ b/web/app/components/billing/pricing/assets/enterprise.tsx
@@ -1,92 +1,92 @@
 const Enterprise = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='61' height='61' viewBox='0 0 61 61' fill='none'>
-      <g clipPath='url(#clip0_1_5366)'>
-        <path d='M0.333496 2.5C0.333496 1.39543 1.22893 0.5 2.3335 0.5C3.43807 0.5 4.3335 1.39543 4.3335 2.5C4.3335 3.60457 3.43807 4.5 2.3335 4.5C1.22893 4.5 0.333496 3.60457 0.333496 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M7.3335 2.5C7.3335 1.39543 8.22893 0.5 9.3335 0.5C10.4381 0.5 11.3335 1.39543 11.3335 2.5C11.3335 3.60457 10.4381 4.5 9.3335 4.5C8.22893 4.5 7.3335 3.60457 7.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M14.3335 2.5C14.3335 1.39543 15.2289 0.5 16.3335 0.5C17.4381 0.5 18.3335 1.39543 18.3335 2.5C18.3335 3.60457 17.4381 4.5 16.3335 4.5C15.2289 4.5 14.3335 3.60457 14.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M21.3335 2.5C21.3335 1.39543 22.2289 0.5 23.3335 0.5C24.4381 0.5 25.3335 1.39543 25.3335 2.5C25.3335 3.60457 24.4381 4.5 23.3335 4.5C22.2289 4.5 21.3335 3.60457 21.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M28.3335 2.5C28.3335 1.39543 29.2289 0.5 30.3335 0.5C31.4381 0.5 32.3335 1.39543 32.3335 2.5C32.3335 3.60457 31.4381 4.5 30.3335 4.5C29.2289 4.5 28.3335 3.60457 28.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M35.3335 2.5C35.3335 1.39543 36.2289 0.5 37.3335 0.5C38.4381 0.5 39.3335 1.39543 39.3335 2.5C39.3335 3.60457 38.4381 4.5 37.3335 4.5C36.2289 4.5 35.3335 3.60457 35.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M42.3335 2.5C42.3335 1.39543 43.2289 0.5 44.3335 0.5C45.4381 0.5 46.3335 1.39543 46.3335 2.5C46.3335 3.60457 45.4381 4.5 44.3335 4.5C43.2289 4.5 42.3335 3.60457 42.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M49.3335 2.5C49.3335 1.39543 50.2289 0.5 51.3335 0.5C52.4381 0.5 53.3335 1.39543 53.3335 2.5C53.3335 3.60457 52.4381 4.5 51.3335 4.5C50.2289 4.5 49.3335 3.60457 49.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M56.3335 2.5C56.3335 1.39543 57.2289 0.5 58.3335 0.5C59.4381 0.5 60.3335 1.39543 60.3335 2.5C60.3335 3.60457 59.4381 4.5 58.3335 4.5C57.2289 4.5 56.3335 3.60457 56.3335 2.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 9.5C0.333496 8.39543 1.22893 7.5 2.3335 7.5C3.43807 7.5 4.3335 8.39543 4.3335 9.5C4.3335 10.6046 3.43807 11.5 2.3335 11.5C1.22893 11.5 0.333496 10.6046 0.333496 9.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 9.5C7.3335 8.39543 8.22893 7.5 9.3335 7.5C10.4381 7.5 11.3335 8.39543 11.3335 9.5C11.3335 10.6046 10.4381 11.5 9.3335 11.5C8.22893 11.5 7.3335 10.6046 7.3335 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3335 9.5C14.3335 8.39543 15.2289 7.5 16.3335 7.5C17.4381 7.5 18.3335 8.39543 18.3335 9.5C18.3335 10.6046 17.4381 11.5 16.3335 11.5C15.2289 11.5 14.3335 10.6046 14.3335 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3335 9.5C21.3335 8.39543 22.2289 7.5 23.3335 7.5C24.4381 7.5 25.3335 8.39543 25.3335 9.5C25.3335 10.6046 24.4381 11.5 23.3335 11.5C22.2289 11.5 21.3335 10.6046 21.3335 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3335 9.5C28.3335 8.39543 29.2289 7.5 30.3335 7.5C31.4381 7.5 32.3335 8.39543 32.3335 9.5C32.3335 10.6046 31.4381 11.5 30.3335 11.5C29.2289 11.5 28.3335 10.6046 28.3335 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35.3335 9.5C35.3335 8.39543 36.2289 7.5 37.3335 7.5C38.4381 7.5 39.3335 8.39543 39.3335 9.5C39.3335 10.6046 38.4381 11.5 37.3335 11.5C36.2289 11.5 35.3335 10.6046 35.3335 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42.3335 9.5C42.3335 8.39543 43.2289 7.5 44.3335 7.5C45.4381 7.5 46.3335 8.39543 46.3335 9.5C46.3335 10.6046 45.4381 11.5 44.3335 11.5C43.2289 11.5 42.3335 10.6046 42.3335 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3335 9.5C49.3335 8.39543 50.2289 7.5 51.3335 7.5C52.4381 7.5 53.3335 8.39543 53.3335 9.5C53.3335 10.6046 52.4381 11.5 51.3335 11.5C50.2289 11.5 49.3335 10.6046 49.3335 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 9.5C56.3335 8.39543 57.2289 7.5 58.3335 7.5C59.4381 7.5 60.3335 8.39543 60.3335 9.5C60.3335 10.6046 59.4381 11.5 58.3335 11.5C57.2289 11.5 56.3335 10.6046 56.3335 9.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 16.5C0.333496 15.3954 1.22893 14.5 2.3335 14.5C3.43807 14.5 4.3335 15.3954 4.3335 16.5C4.3335 17.6046 3.43807 18.5 2.3335 18.5C1.22893 18.5 0.333496 17.6046 0.333496 16.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 16.5C7.3335 15.3954 8.22893 14.5 9.3335 14.5C10.4381 14.5 11.3335 15.3954 11.3335 16.5C11.3335 17.6046 10.4381 18.5 9.3335 18.5C8.22893 18.5 7.3335 17.6046 7.3335 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14.3335 16.5C14.3335 15.3954 15.2289 14.5 16.3335 14.5C17.4381 14.5 18.3335 15.3954 18.3335 16.5C18.3335 17.6046 17.4381 18.5 16.3335 18.5C15.2289 18.5 14.3335 17.6046 14.3335 16.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M21.3335 16.5C21.3335 15.3954 22.2289 14.5 23.3335 14.5C24.4381 14.5 25.3335 15.3954 25.3335 16.5C25.3335 17.6046 24.4381 18.5 23.3335 18.5C22.2289 18.5 21.3335 17.6046 21.3335 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28.3335 16.5C28.3335 15.3954 29.2289 14.5 30.3335 14.5C31.4381 14.5 32.3335 15.3954 32.3335 16.5C32.3335 17.6046 31.4381 18.5 30.3335 18.5C29.2289 18.5 28.3335 17.6046 28.3335 16.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M35.3335 16.5C35.3335 15.3954 36.2289 14.5 37.3335 14.5C38.4381 14.5 39.3335 15.3954 39.3335 16.5C39.3335 17.6046 38.4381 18.5 37.3335 18.5C36.2289 18.5 35.3335 17.6046 35.3335 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42.3335 16.5C42.3335 15.3954 43.2289 14.5 44.3335 14.5C45.4381 14.5 46.3335 15.3954 46.3335 16.5C46.3335 17.6046 45.4381 18.5 44.3335 18.5C43.2289 18.5 42.3335 17.6046 42.3335 16.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M49.3335 16.5C49.3335 15.3954 50.2289 14.5 51.3335 14.5C52.4381 14.5 53.3335 15.3954 53.3335 16.5C53.3335 17.6046 52.4381 18.5 51.3335 18.5C50.2289 18.5 49.3335 17.6046 49.3335 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 16.5C56.3335 15.3954 57.2289 14.5 58.3335 14.5C59.4381 14.5 60.3335 15.3954 60.3335 16.5C60.3335 17.6046 59.4381 18.5 58.3335 18.5C57.2289 18.5 56.3335 17.6046 56.3335 16.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 23.5C0.333496 22.3954 1.22893 21.5 2.3335 21.5C3.43807 21.5 4.3335 22.3954 4.3335 23.5C4.3335 24.6046 3.43807 25.5 2.3335 25.5C1.22893 25.5 0.333496 24.6046 0.333496 23.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 23.5C7.3335 22.3954 8.22893 21.5 9.3335 21.5C10.4381 21.5 11.3335 22.3954 11.3335 23.5C11.3335 24.6046 10.4381 25.5 9.3335 25.5C8.22893 25.5 7.3335 24.6046 7.3335 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3335 23.5C14.3335 22.3954 15.2289 21.5 16.3335 21.5C17.4381 21.5 18.3335 22.3954 18.3335 23.5C18.3335 24.6046 17.4381 25.5 16.3335 25.5C15.2289 25.5 14.3335 24.6046 14.3335 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3335 23.5C21.3335 22.3954 22.2289 21.5 23.3335 21.5C24.4381 21.5 25.3335 22.3954 25.3335 23.5C25.3335 24.6046 24.4381 25.5 23.3335 25.5C22.2289 25.5 21.3335 24.6046 21.3335 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3335 23.5C28.3335 22.3954 29.2289 21.5 30.3335 21.5C31.4381 21.5 32.3335 22.3954 32.3335 23.5C32.3335 24.6046 31.4381 25.5 30.3335 25.5C29.2289 25.5 28.3335 24.6046 28.3335 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35.3335 23.5C35.3335 22.3954 36.2289 21.5 37.3335 21.5C38.4381 21.5 39.3335 22.3954 39.3335 23.5C39.3335 24.6046 38.4381 25.5 37.3335 25.5C36.2289 25.5 35.3335 24.6046 35.3335 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42.3335 23.5C42.3335 22.3954 43.2289 21.5 44.3335 21.5C45.4381 21.5 46.3335 22.3954 46.3335 23.5C46.3335 24.6046 45.4381 25.5 44.3335 25.5C43.2289 25.5 42.3335 24.6046 42.3335 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3335 23.5C49.3335 22.3954 50.2289 21.5 51.3335 21.5C52.4381 21.5 53.3335 22.3954 53.3335 23.5C53.3335 24.6046 52.4381 25.5 51.3335 25.5C50.2289 25.5 49.3335 24.6046 49.3335 23.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 23.5C56.3335 22.3954 57.2289 21.5 58.3335 21.5C59.4381 21.5 60.3335 22.3954 60.3335 23.5C60.3335 24.6046 59.4381 25.5 58.3335 25.5C57.2289 25.5 56.3335 24.6046 56.3335 23.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 30.5C0.333496 29.3954 1.22893 28.5 2.3335 28.5C3.43807 28.5 4.3335 29.3954 4.3335 30.5C4.3335 31.6046 3.43807 32.5 2.3335 32.5C1.22893 32.5 0.333496 31.6046 0.333496 30.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 30.5C7.3335 29.3954 8.22893 28.5 9.3335 28.5C10.4381 28.5 11.3335 29.3954 11.3335 30.5C11.3335 31.6046 10.4381 32.5 9.3335 32.5C8.22893 32.5 7.3335 31.6046 7.3335 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14.3335 30.5C14.3335 29.3954 15.2289 28.5 16.3335 28.5C17.4381 28.5 18.3335 29.3954 18.3335 30.5C18.3335 31.6046 17.4381 32.5 16.3335 32.5C15.2289 32.5 14.3335 31.6046 14.3335 30.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M21.3335 30.5C21.3335 29.3954 22.2289 28.5 23.3335 28.5C24.4381 28.5 25.3335 29.3954 25.3335 30.5C25.3335 31.6046 24.4381 32.5 23.3335 32.5C22.2289 32.5 21.3335 31.6046 21.3335 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28.3335 30.5C28.3335 29.3954 29.2289 28.5 30.3335 28.5C31.4381 28.5 32.3335 29.3954 32.3335 30.5C32.3335 31.6046 31.4381 32.5 30.3335 32.5C29.2289 32.5 28.3335 31.6046 28.3335 30.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M35.3335 30.5C35.3335 29.3954 36.2289 28.5 37.3335 28.5C38.4381 28.5 39.3335 29.3954 39.3335 30.5C39.3335 31.6046 38.4381 32.5 37.3335 32.5C36.2289 32.5 35.3335 31.6046 35.3335 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42.3335 30.5C42.3335 29.3954 43.2289 28.5 44.3335 28.5C45.4381 28.5 46.3335 29.3954 46.3335 30.5C46.3335 31.6046 45.4381 32.5 44.3335 32.5C43.2289 32.5 42.3335 31.6046 42.3335 30.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M49.3335 30.5C49.3335 29.3954 50.2289 28.5 51.3335 28.5C52.4381 28.5 53.3335 29.3954 53.3335 30.5C53.3335 31.6046 52.4381 32.5 51.3335 32.5C50.2289 32.5 49.3335 31.6046 49.3335 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 30.5C56.3335 29.3954 57.2289 28.5 58.3335 28.5C59.4381 28.5 60.3335 29.3954 60.3335 30.5C60.3335 31.6046 59.4381 32.5 58.3335 32.5C57.2289 32.5 56.3335 31.6046 56.3335 30.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 37.5C0.333496 36.3954 1.22893 35.5 2.3335 35.5C3.43807 35.5 4.3335 36.3954 4.3335 37.5C4.3335 38.6046 3.43807 39.5 2.3335 39.5C1.22893 39.5 0.333496 38.6046 0.333496 37.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 37.5C7.3335 36.3954 8.22893 35.5 9.3335 35.5C10.4381 35.5 11.3335 36.3954 11.3335 37.5C11.3335 38.6046 10.4381 39.5 9.3335 39.5C8.22893 39.5 7.3335 38.6046 7.3335 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3335 37.5C14.3335 36.3954 15.2289 35.5 16.3335 35.5C17.4381 35.5 18.3335 36.3954 18.3335 37.5C18.3335 38.6046 17.4381 39.5 16.3335 39.5C15.2289 39.5 14.3335 38.6046 14.3335 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3335 37.5C21.3335 36.3954 22.2289 35.5 23.3335 35.5C24.4381 35.5 25.3335 36.3954 25.3335 37.5C25.3335 38.6046 24.4381 39.5 23.3335 39.5C22.2289 39.5 21.3335 38.6046 21.3335 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3335 37.5C28.3335 36.3954 29.2289 35.5 30.3335 35.5C31.4381 35.5 32.3335 36.3954 32.3335 37.5C32.3335 38.6046 31.4381 39.5 30.3335 39.5C29.2289 39.5 28.3335 38.6046 28.3335 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M35.3335 37.5C35.3335 36.3954 36.2289 35.5 37.3335 35.5C38.4381 35.5 39.3335 36.3954 39.3335 37.5C39.3335 38.6046 38.4381 39.5 37.3335 39.5C36.2289 39.5 35.3335 38.6046 35.3335 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42.3335 37.5C42.3335 36.3954 43.2289 35.5 44.3335 35.5C45.4381 35.5 46.3335 36.3954 46.3335 37.5C46.3335 38.6046 45.4381 39.5 44.3335 39.5C43.2289 39.5 42.3335 38.6046 42.3335 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3335 37.5C49.3335 36.3954 50.2289 35.5 51.3335 35.5C52.4381 35.5 53.3335 36.3954 53.3335 37.5C53.3335 38.6046 52.4381 39.5 51.3335 39.5C50.2289 39.5 49.3335 38.6046 49.3335 37.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 37.5C56.3335 36.3954 57.2289 35.5 58.3335 35.5C59.4381 35.5 60.3335 36.3954 60.3335 37.5C60.3335 38.6046 59.4381 39.5 58.3335 39.5C57.2289 39.5 56.3335 38.6046 56.3335 37.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 44.5C0.333496 43.3954 1.22893 42.5 2.3335 42.5C3.43807 42.5 4.3335 43.3954 4.3335 44.5C4.3335 45.6046 3.43807 46.5 2.3335 46.5C1.22893 46.5 0.333496 45.6046 0.333496 44.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 44.5C7.3335 43.3954 8.22893 42.5 9.3335 42.5C10.4381 42.5 11.3335 43.3954 11.3335 44.5C11.3335 45.6046 10.4381 46.5 9.3335 46.5C8.22893 46.5 7.3335 45.6046 7.3335 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3335 44.5C14.3335 43.3954 15.2289 42.5 16.3335 42.5C17.4381 42.5 18.3335 43.3954 18.3335 44.5C18.3335 45.6046 17.4381 46.5 16.3335 46.5C15.2289 46.5 14.3335 45.6046 14.3335 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21.3335 44.5C21.3335 43.3954 22.2289 42.5 23.3335 42.5C24.4381 42.5 25.3335 43.3954 25.3335 44.5C25.3335 45.6046 24.4381 46.5 23.3335 46.5C22.2289 46.5 21.3335 45.6046 21.3335 44.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M28.3335 44.5C28.3335 43.3954 29.2289 42.5 30.3335 42.5C31.4381 42.5 32.3335 43.3954 32.3335 44.5C32.3335 45.6046 31.4381 46.5 30.3335 46.5C29.2289 46.5 28.3335 45.6046 28.3335 44.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M35.3335 44.5C35.3335 43.3954 36.2289 42.5 37.3335 42.5C38.4381 42.5 39.3335 43.3954 39.3335 44.5C39.3335 45.6046 38.4381 46.5 37.3335 46.5C36.2289 46.5 35.3335 45.6046 35.3335 44.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M42.3335 44.5C42.3335 43.3954 43.2289 42.5 44.3335 42.5C45.4381 42.5 46.3335 43.3954 46.3335 44.5C46.3335 45.6046 45.4381 46.5 44.3335 46.5C43.2289 46.5 42.3335 45.6046 42.3335 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3335 44.5C49.3335 43.3954 50.2289 42.5 51.3335 42.5C52.4381 42.5 53.3335 43.3954 53.3335 44.5C53.3335 45.6046 52.4381 46.5 51.3335 46.5C50.2289 46.5 49.3335 45.6046 49.3335 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 44.5C56.3335 43.3954 57.2289 42.5 58.3335 42.5C59.4381 42.5 60.3335 43.3954 60.3335 44.5C60.3335 45.6046 59.4381 46.5 58.3335 46.5C57.2289 46.5 56.3335 45.6046 56.3335 44.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 51.5C0.333496 50.3954 1.22893 49.5 2.3335 49.5C3.43807 49.5 4.3335 50.3954 4.3335 51.5C4.3335 52.6046 3.43807 53.5 2.3335 53.5C1.22893 53.5 0.333496 52.6046 0.333496 51.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 51.5C7.3335 50.3954 8.22893 49.5 9.3335 49.5C10.4381 49.5 11.3335 50.3954 11.3335 51.5C11.3335 52.6046 10.4381 53.5 9.3335 53.5C8.22893 53.5 7.3335 52.6046 7.3335 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3335 51.5C14.3335 50.3954 15.2289 49.5 16.3335 49.5C17.4381 49.5 18.3335 50.3954 18.3335 51.5C18.3335 52.6046 17.4381 53.5 16.3335 53.5C15.2289 53.5 14.3335 52.6046 14.3335 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21.3335 51.5C21.3335 50.3954 22.2289 49.5 23.3335 49.5C24.4381 49.5 25.3335 50.3954 25.3335 51.5C25.3335 52.6046 24.4381 53.5 23.3335 53.5C22.2289 53.5 21.3335 52.6046 21.3335 51.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M28.3335 51.5C28.3335 50.3954 29.2289 49.5 30.3335 49.5C31.4381 49.5 32.3335 50.3954 32.3335 51.5C32.3335 52.6046 31.4381 53.5 30.3335 53.5C29.2289 53.5 28.3335 52.6046 28.3335 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.3335 51.5C35.3335 50.3954 36.2289 49.5 37.3335 49.5C38.4381 49.5 39.3335 50.3954 39.3335 51.5C39.3335 52.6046 38.4381 53.5 37.3335 53.5C36.2289 53.5 35.3335 52.6046 35.3335 51.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M42.3335 51.5C42.3335 50.3954 43.2289 49.5 44.3335 49.5C45.4381 49.5 46.3335 50.3954 46.3335 51.5C46.3335 52.6046 45.4381 53.5 44.3335 53.5C43.2289 53.5 42.3335 52.6046 42.3335 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3335 51.5C49.3335 50.3954 50.2289 49.5 51.3335 49.5C52.4381 49.5 53.3335 50.3954 53.3335 51.5C53.3335 52.6046 52.4381 53.5 51.3335 53.5C50.2289 53.5 49.3335 52.6046 49.3335 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 51.5C56.3335 50.3954 57.2289 49.5 58.3335 49.5C59.4381 49.5 60.3335 50.3954 60.3335 51.5C60.3335 52.6046 59.4381 53.5 58.3335 53.5C57.2289 53.5 56.3335 52.6046 56.3335 51.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path d='M0.333496 58.5C0.333496 57.3954 1.22893 56.5 2.3335 56.5C3.43807 56.5 4.3335 57.3954 4.3335 58.5C4.3335 59.6046 3.43807 60.5 2.3335 60.5C1.22893 60.5 0.333496 59.6046 0.333496 58.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M7.3335 58.5C7.3335 57.3954 8.22893 56.5 9.3335 56.5C10.4381 56.5 11.3335 57.3954 11.3335 58.5C11.3335 59.6046 10.4381 60.5 9.3335 60.5C8.22893 60.5 7.3335 59.6046 7.3335 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3335 58.5C14.3335 57.3954 15.2289 56.5 16.3335 56.5C17.4381 56.5 18.3335 57.3954 18.3335 58.5C18.3335 59.6046 17.4381 60.5 16.3335 60.5C15.2289 60.5 14.3335 59.6046 14.3335 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21.3335 58.5C21.3335 57.3954 22.2289 56.5 23.3335 56.5C24.4381 56.5 25.3335 57.3954 25.3335 58.5C25.3335 59.6046 24.4381 60.5 23.3335 60.5C22.2289 60.5 21.3335 59.6046 21.3335 58.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M28.3335 58.5C28.3335 57.3954 29.2289 56.5 30.3335 56.5C31.4381 56.5 32.3335 57.3954 32.3335 58.5C32.3335 59.6046 31.4381 60.5 30.3335 60.5C29.2289 60.5 28.3335 59.6046 28.3335 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.3335 58.5C35.3335 57.3954 36.2289 56.5 37.3335 56.5C38.4381 56.5 39.3335 57.3954 39.3335 58.5C39.3335 59.6046 38.4381 60.5 37.3335 60.5C36.2289 60.5 35.3335 59.6046 35.3335 58.5Z' fill='var(--color-saas-dify-blue-accessible)' />
-        <path opacity='0.18' d='M42.3335 58.5C42.3335 57.3954 43.2289 56.5 44.3335 56.5C45.4381 56.5 46.3335 57.3954 46.3335 58.5C46.3335 59.6046 45.4381 60.5 44.3335 60.5C43.2289 60.5 42.3335 59.6046 42.3335 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3335 58.5C49.3335 57.3954 50.2289 56.5 51.3335 56.5C52.4381 56.5 53.3335 57.3954 53.3335 58.5C53.3335 59.6046 52.4381 60.5 51.3335 60.5C50.2289 60.5 49.3335 59.6046 49.3335 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56.3335 58.5C56.3335 57.3954 57.2289 56.5 58.3335 56.5C59.4381 56.5 60.3335 57.3954 60.3335 58.5C60.3335 59.6046 59.4381 60.5 58.3335 60.5C57.2289 60.5 56.3335 59.6046 56.3335 58.5Z' fill='var(--color-saas-dify-blue-accessible)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="none">
+      <g clipPath="url(#clip0_1_5366)">
+        <path d="M0.333496 2.5C0.333496 1.39543 1.22893 0.5 2.3335 0.5C3.43807 0.5 4.3335 1.39543 4.3335 2.5C4.3335 3.60457 3.43807 4.5 2.3335 4.5C1.22893 4.5 0.333496 3.60457 0.333496 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M7.3335 2.5C7.3335 1.39543 8.22893 0.5 9.3335 0.5C10.4381 0.5 11.3335 1.39543 11.3335 2.5C11.3335 3.60457 10.4381 4.5 9.3335 4.5C8.22893 4.5 7.3335 3.60457 7.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M14.3335 2.5C14.3335 1.39543 15.2289 0.5 16.3335 0.5C17.4381 0.5 18.3335 1.39543 18.3335 2.5C18.3335 3.60457 17.4381 4.5 16.3335 4.5C15.2289 4.5 14.3335 3.60457 14.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M21.3335 2.5C21.3335 1.39543 22.2289 0.5 23.3335 0.5C24.4381 0.5 25.3335 1.39543 25.3335 2.5C25.3335 3.60457 24.4381 4.5 23.3335 4.5C22.2289 4.5 21.3335 3.60457 21.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M28.3335 2.5C28.3335 1.39543 29.2289 0.5 30.3335 0.5C31.4381 0.5 32.3335 1.39543 32.3335 2.5C32.3335 3.60457 31.4381 4.5 30.3335 4.5C29.2289 4.5 28.3335 3.60457 28.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M35.3335 2.5C35.3335 1.39543 36.2289 0.5 37.3335 0.5C38.4381 0.5 39.3335 1.39543 39.3335 2.5C39.3335 3.60457 38.4381 4.5 37.3335 4.5C36.2289 4.5 35.3335 3.60457 35.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M42.3335 2.5C42.3335 1.39543 43.2289 0.5 44.3335 0.5C45.4381 0.5 46.3335 1.39543 46.3335 2.5C46.3335 3.60457 45.4381 4.5 44.3335 4.5C43.2289 4.5 42.3335 3.60457 42.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M49.3335 2.5C49.3335 1.39543 50.2289 0.5 51.3335 0.5C52.4381 0.5 53.3335 1.39543 53.3335 2.5C53.3335 3.60457 52.4381 4.5 51.3335 4.5C50.2289 4.5 49.3335 3.60457 49.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M56.3335 2.5C56.3335 1.39543 57.2289 0.5 58.3335 0.5C59.4381 0.5 60.3335 1.39543 60.3335 2.5C60.3335 3.60457 59.4381 4.5 58.3335 4.5C57.2289 4.5 56.3335 3.60457 56.3335 2.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 9.5C0.333496 8.39543 1.22893 7.5 2.3335 7.5C3.43807 7.5 4.3335 8.39543 4.3335 9.5C4.3335 10.6046 3.43807 11.5 2.3335 11.5C1.22893 11.5 0.333496 10.6046 0.333496 9.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 9.5C7.3335 8.39543 8.22893 7.5 9.3335 7.5C10.4381 7.5 11.3335 8.39543 11.3335 9.5C11.3335 10.6046 10.4381 11.5 9.3335 11.5C8.22893 11.5 7.3335 10.6046 7.3335 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3335 9.5C14.3335 8.39543 15.2289 7.5 16.3335 7.5C17.4381 7.5 18.3335 8.39543 18.3335 9.5C18.3335 10.6046 17.4381 11.5 16.3335 11.5C15.2289 11.5 14.3335 10.6046 14.3335 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3335 9.5C21.3335 8.39543 22.2289 7.5 23.3335 7.5C24.4381 7.5 25.3335 8.39543 25.3335 9.5C25.3335 10.6046 24.4381 11.5 23.3335 11.5C22.2289 11.5 21.3335 10.6046 21.3335 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3335 9.5C28.3335 8.39543 29.2289 7.5 30.3335 7.5C31.4381 7.5 32.3335 8.39543 32.3335 9.5C32.3335 10.6046 31.4381 11.5 30.3335 11.5C29.2289 11.5 28.3335 10.6046 28.3335 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35.3335 9.5C35.3335 8.39543 36.2289 7.5 37.3335 7.5C38.4381 7.5 39.3335 8.39543 39.3335 9.5C39.3335 10.6046 38.4381 11.5 37.3335 11.5C36.2289 11.5 35.3335 10.6046 35.3335 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42.3335 9.5C42.3335 8.39543 43.2289 7.5 44.3335 7.5C45.4381 7.5 46.3335 8.39543 46.3335 9.5C46.3335 10.6046 45.4381 11.5 44.3335 11.5C43.2289 11.5 42.3335 10.6046 42.3335 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3335 9.5C49.3335 8.39543 50.2289 7.5 51.3335 7.5C52.4381 7.5 53.3335 8.39543 53.3335 9.5C53.3335 10.6046 52.4381 11.5 51.3335 11.5C50.2289 11.5 49.3335 10.6046 49.3335 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 9.5C56.3335 8.39543 57.2289 7.5 58.3335 7.5C59.4381 7.5 60.3335 8.39543 60.3335 9.5C60.3335 10.6046 59.4381 11.5 58.3335 11.5C57.2289 11.5 56.3335 10.6046 56.3335 9.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 16.5C0.333496 15.3954 1.22893 14.5 2.3335 14.5C3.43807 14.5 4.3335 15.3954 4.3335 16.5C4.3335 17.6046 3.43807 18.5 2.3335 18.5C1.22893 18.5 0.333496 17.6046 0.333496 16.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 16.5C7.3335 15.3954 8.22893 14.5 9.3335 14.5C10.4381 14.5 11.3335 15.3954 11.3335 16.5C11.3335 17.6046 10.4381 18.5 9.3335 18.5C8.22893 18.5 7.3335 17.6046 7.3335 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14.3335 16.5C14.3335 15.3954 15.2289 14.5 16.3335 14.5C17.4381 14.5 18.3335 15.3954 18.3335 16.5C18.3335 17.6046 17.4381 18.5 16.3335 18.5C15.2289 18.5 14.3335 17.6046 14.3335 16.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M21.3335 16.5C21.3335 15.3954 22.2289 14.5 23.3335 14.5C24.4381 14.5 25.3335 15.3954 25.3335 16.5C25.3335 17.6046 24.4381 18.5 23.3335 18.5C22.2289 18.5 21.3335 17.6046 21.3335 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28.3335 16.5C28.3335 15.3954 29.2289 14.5 30.3335 14.5C31.4381 14.5 32.3335 15.3954 32.3335 16.5C32.3335 17.6046 31.4381 18.5 30.3335 18.5C29.2289 18.5 28.3335 17.6046 28.3335 16.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M35.3335 16.5C35.3335 15.3954 36.2289 14.5 37.3335 14.5C38.4381 14.5 39.3335 15.3954 39.3335 16.5C39.3335 17.6046 38.4381 18.5 37.3335 18.5C36.2289 18.5 35.3335 17.6046 35.3335 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42.3335 16.5C42.3335 15.3954 43.2289 14.5 44.3335 14.5C45.4381 14.5 46.3335 15.3954 46.3335 16.5C46.3335 17.6046 45.4381 18.5 44.3335 18.5C43.2289 18.5 42.3335 17.6046 42.3335 16.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M49.3335 16.5C49.3335 15.3954 50.2289 14.5 51.3335 14.5C52.4381 14.5 53.3335 15.3954 53.3335 16.5C53.3335 17.6046 52.4381 18.5 51.3335 18.5C50.2289 18.5 49.3335 17.6046 49.3335 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 16.5C56.3335 15.3954 57.2289 14.5 58.3335 14.5C59.4381 14.5 60.3335 15.3954 60.3335 16.5C60.3335 17.6046 59.4381 18.5 58.3335 18.5C57.2289 18.5 56.3335 17.6046 56.3335 16.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 23.5C0.333496 22.3954 1.22893 21.5 2.3335 21.5C3.43807 21.5 4.3335 22.3954 4.3335 23.5C4.3335 24.6046 3.43807 25.5 2.3335 25.5C1.22893 25.5 0.333496 24.6046 0.333496 23.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 23.5C7.3335 22.3954 8.22893 21.5 9.3335 21.5C10.4381 21.5 11.3335 22.3954 11.3335 23.5C11.3335 24.6046 10.4381 25.5 9.3335 25.5C8.22893 25.5 7.3335 24.6046 7.3335 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3335 23.5C14.3335 22.3954 15.2289 21.5 16.3335 21.5C17.4381 21.5 18.3335 22.3954 18.3335 23.5C18.3335 24.6046 17.4381 25.5 16.3335 25.5C15.2289 25.5 14.3335 24.6046 14.3335 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3335 23.5C21.3335 22.3954 22.2289 21.5 23.3335 21.5C24.4381 21.5 25.3335 22.3954 25.3335 23.5C25.3335 24.6046 24.4381 25.5 23.3335 25.5C22.2289 25.5 21.3335 24.6046 21.3335 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3335 23.5C28.3335 22.3954 29.2289 21.5 30.3335 21.5C31.4381 21.5 32.3335 22.3954 32.3335 23.5C32.3335 24.6046 31.4381 25.5 30.3335 25.5C29.2289 25.5 28.3335 24.6046 28.3335 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35.3335 23.5C35.3335 22.3954 36.2289 21.5 37.3335 21.5C38.4381 21.5 39.3335 22.3954 39.3335 23.5C39.3335 24.6046 38.4381 25.5 37.3335 25.5C36.2289 25.5 35.3335 24.6046 35.3335 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42.3335 23.5C42.3335 22.3954 43.2289 21.5 44.3335 21.5C45.4381 21.5 46.3335 22.3954 46.3335 23.5C46.3335 24.6046 45.4381 25.5 44.3335 25.5C43.2289 25.5 42.3335 24.6046 42.3335 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3335 23.5C49.3335 22.3954 50.2289 21.5 51.3335 21.5C52.4381 21.5 53.3335 22.3954 53.3335 23.5C53.3335 24.6046 52.4381 25.5 51.3335 25.5C50.2289 25.5 49.3335 24.6046 49.3335 23.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 23.5C56.3335 22.3954 57.2289 21.5 58.3335 21.5C59.4381 21.5 60.3335 22.3954 60.3335 23.5C60.3335 24.6046 59.4381 25.5 58.3335 25.5C57.2289 25.5 56.3335 24.6046 56.3335 23.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 30.5C0.333496 29.3954 1.22893 28.5 2.3335 28.5C3.43807 28.5 4.3335 29.3954 4.3335 30.5C4.3335 31.6046 3.43807 32.5 2.3335 32.5C1.22893 32.5 0.333496 31.6046 0.333496 30.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 30.5C7.3335 29.3954 8.22893 28.5 9.3335 28.5C10.4381 28.5 11.3335 29.3954 11.3335 30.5C11.3335 31.6046 10.4381 32.5 9.3335 32.5C8.22893 32.5 7.3335 31.6046 7.3335 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14.3335 30.5C14.3335 29.3954 15.2289 28.5 16.3335 28.5C17.4381 28.5 18.3335 29.3954 18.3335 30.5C18.3335 31.6046 17.4381 32.5 16.3335 32.5C15.2289 32.5 14.3335 31.6046 14.3335 30.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M21.3335 30.5C21.3335 29.3954 22.2289 28.5 23.3335 28.5C24.4381 28.5 25.3335 29.3954 25.3335 30.5C25.3335 31.6046 24.4381 32.5 23.3335 32.5C22.2289 32.5 21.3335 31.6046 21.3335 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28.3335 30.5C28.3335 29.3954 29.2289 28.5 30.3335 28.5C31.4381 28.5 32.3335 29.3954 32.3335 30.5C32.3335 31.6046 31.4381 32.5 30.3335 32.5C29.2289 32.5 28.3335 31.6046 28.3335 30.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M35.3335 30.5C35.3335 29.3954 36.2289 28.5 37.3335 28.5C38.4381 28.5 39.3335 29.3954 39.3335 30.5C39.3335 31.6046 38.4381 32.5 37.3335 32.5C36.2289 32.5 35.3335 31.6046 35.3335 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42.3335 30.5C42.3335 29.3954 43.2289 28.5 44.3335 28.5C45.4381 28.5 46.3335 29.3954 46.3335 30.5C46.3335 31.6046 45.4381 32.5 44.3335 32.5C43.2289 32.5 42.3335 31.6046 42.3335 30.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M49.3335 30.5C49.3335 29.3954 50.2289 28.5 51.3335 28.5C52.4381 28.5 53.3335 29.3954 53.3335 30.5C53.3335 31.6046 52.4381 32.5 51.3335 32.5C50.2289 32.5 49.3335 31.6046 49.3335 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 30.5C56.3335 29.3954 57.2289 28.5 58.3335 28.5C59.4381 28.5 60.3335 29.3954 60.3335 30.5C60.3335 31.6046 59.4381 32.5 58.3335 32.5C57.2289 32.5 56.3335 31.6046 56.3335 30.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 37.5C0.333496 36.3954 1.22893 35.5 2.3335 35.5C3.43807 35.5 4.3335 36.3954 4.3335 37.5C4.3335 38.6046 3.43807 39.5 2.3335 39.5C1.22893 39.5 0.333496 38.6046 0.333496 37.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 37.5C7.3335 36.3954 8.22893 35.5 9.3335 35.5C10.4381 35.5 11.3335 36.3954 11.3335 37.5C11.3335 38.6046 10.4381 39.5 9.3335 39.5C8.22893 39.5 7.3335 38.6046 7.3335 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3335 37.5C14.3335 36.3954 15.2289 35.5 16.3335 35.5C17.4381 35.5 18.3335 36.3954 18.3335 37.5C18.3335 38.6046 17.4381 39.5 16.3335 39.5C15.2289 39.5 14.3335 38.6046 14.3335 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3335 37.5C21.3335 36.3954 22.2289 35.5 23.3335 35.5C24.4381 35.5 25.3335 36.3954 25.3335 37.5C25.3335 38.6046 24.4381 39.5 23.3335 39.5C22.2289 39.5 21.3335 38.6046 21.3335 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3335 37.5C28.3335 36.3954 29.2289 35.5 30.3335 35.5C31.4381 35.5 32.3335 36.3954 32.3335 37.5C32.3335 38.6046 31.4381 39.5 30.3335 39.5C29.2289 39.5 28.3335 38.6046 28.3335 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M35.3335 37.5C35.3335 36.3954 36.2289 35.5 37.3335 35.5C38.4381 35.5 39.3335 36.3954 39.3335 37.5C39.3335 38.6046 38.4381 39.5 37.3335 39.5C36.2289 39.5 35.3335 38.6046 35.3335 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42.3335 37.5C42.3335 36.3954 43.2289 35.5 44.3335 35.5C45.4381 35.5 46.3335 36.3954 46.3335 37.5C46.3335 38.6046 45.4381 39.5 44.3335 39.5C43.2289 39.5 42.3335 38.6046 42.3335 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3335 37.5C49.3335 36.3954 50.2289 35.5 51.3335 35.5C52.4381 35.5 53.3335 36.3954 53.3335 37.5C53.3335 38.6046 52.4381 39.5 51.3335 39.5C50.2289 39.5 49.3335 38.6046 49.3335 37.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 37.5C56.3335 36.3954 57.2289 35.5 58.3335 35.5C59.4381 35.5 60.3335 36.3954 60.3335 37.5C60.3335 38.6046 59.4381 39.5 58.3335 39.5C57.2289 39.5 56.3335 38.6046 56.3335 37.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 44.5C0.333496 43.3954 1.22893 42.5 2.3335 42.5C3.43807 42.5 4.3335 43.3954 4.3335 44.5C4.3335 45.6046 3.43807 46.5 2.3335 46.5C1.22893 46.5 0.333496 45.6046 0.333496 44.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 44.5C7.3335 43.3954 8.22893 42.5 9.3335 42.5C10.4381 42.5 11.3335 43.3954 11.3335 44.5C11.3335 45.6046 10.4381 46.5 9.3335 46.5C8.22893 46.5 7.3335 45.6046 7.3335 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3335 44.5C14.3335 43.3954 15.2289 42.5 16.3335 42.5C17.4381 42.5 18.3335 43.3954 18.3335 44.5C18.3335 45.6046 17.4381 46.5 16.3335 46.5C15.2289 46.5 14.3335 45.6046 14.3335 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21.3335 44.5C21.3335 43.3954 22.2289 42.5 23.3335 42.5C24.4381 42.5 25.3335 43.3954 25.3335 44.5C25.3335 45.6046 24.4381 46.5 23.3335 46.5C22.2289 46.5 21.3335 45.6046 21.3335 44.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M28.3335 44.5C28.3335 43.3954 29.2289 42.5 30.3335 42.5C31.4381 42.5 32.3335 43.3954 32.3335 44.5C32.3335 45.6046 31.4381 46.5 30.3335 46.5C29.2289 46.5 28.3335 45.6046 28.3335 44.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M35.3335 44.5C35.3335 43.3954 36.2289 42.5 37.3335 42.5C38.4381 42.5 39.3335 43.3954 39.3335 44.5C39.3335 45.6046 38.4381 46.5 37.3335 46.5C36.2289 46.5 35.3335 45.6046 35.3335 44.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M42.3335 44.5C42.3335 43.3954 43.2289 42.5 44.3335 42.5C45.4381 42.5 46.3335 43.3954 46.3335 44.5C46.3335 45.6046 45.4381 46.5 44.3335 46.5C43.2289 46.5 42.3335 45.6046 42.3335 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3335 44.5C49.3335 43.3954 50.2289 42.5 51.3335 42.5C52.4381 42.5 53.3335 43.3954 53.3335 44.5C53.3335 45.6046 52.4381 46.5 51.3335 46.5C50.2289 46.5 49.3335 45.6046 49.3335 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 44.5C56.3335 43.3954 57.2289 42.5 58.3335 42.5C59.4381 42.5 60.3335 43.3954 60.3335 44.5C60.3335 45.6046 59.4381 46.5 58.3335 46.5C57.2289 46.5 56.3335 45.6046 56.3335 44.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 51.5C0.333496 50.3954 1.22893 49.5 2.3335 49.5C3.43807 49.5 4.3335 50.3954 4.3335 51.5C4.3335 52.6046 3.43807 53.5 2.3335 53.5C1.22893 53.5 0.333496 52.6046 0.333496 51.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 51.5C7.3335 50.3954 8.22893 49.5 9.3335 49.5C10.4381 49.5 11.3335 50.3954 11.3335 51.5C11.3335 52.6046 10.4381 53.5 9.3335 53.5C8.22893 53.5 7.3335 52.6046 7.3335 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3335 51.5C14.3335 50.3954 15.2289 49.5 16.3335 49.5C17.4381 49.5 18.3335 50.3954 18.3335 51.5C18.3335 52.6046 17.4381 53.5 16.3335 53.5C15.2289 53.5 14.3335 52.6046 14.3335 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21.3335 51.5C21.3335 50.3954 22.2289 49.5 23.3335 49.5C24.4381 49.5 25.3335 50.3954 25.3335 51.5C25.3335 52.6046 24.4381 53.5 23.3335 53.5C22.2289 53.5 21.3335 52.6046 21.3335 51.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M28.3335 51.5C28.3335 50.3954 29.2289 49.5 30.3335 49.5C31.4381 49.5 32.3335 50.3954 32.3335 51.5C32.3335 52.6046 31.4381 53.5 30.3335 53.5C29.2289 53.5 28.3335 52.6046 28.3335 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.3335 51.5C35.3335 50.3954 36.2289 49.5 37.3335 49.5C38.4381 49.5 39.3335 50.3954 39.3335 51.5C39.3335 52.6046 38.4381 53.5 37.3335 53.5C36.2289 53.5 35.3335 52.6046 35.3335 51.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M42.3335 51.5C42.3335 50.3954 43.2289 49.5 44.3335 49.5C45.4381 49.5 46.3335 50.3954 46.3335 51.5C46.3335 52.6046 45.4381 53.5 44.3335 53.5C43.2289 53.5 42.3335 52.6046 42.3335 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3335 51.5C49.3335 50.3954 50.2289 49.5 51.3335 49.5C52.4381 49.5 53.3335 50.3954 53.3335 51.5C53.3335 52.6046 52.4381 53.5 51.3335 53.5C50.2289 53.5 49.3335 52.6046 49.3335 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 51.5C56.3335 50.3954 57.2289 49.5 58.3335 49.5C59.4381 49.5 60.3335 50.3954 60.3335 51.5C60.3335 52.6046 59.4381 53.5 58.3335 53.5C57.2289 53.5 56.3335 52.6046 56.3335 51.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path d="M0.333496 58.5C0.333496 57.3954 1.22893 56.5 2.3335 56.5C3.43807 56.5 4.3335 57.3954 4.3335 58.5C4.3335 59.6046 3.43807 60.5 2.3335 60.5C1.22893 60.5 0.333496 59.6046 0.333496 58.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M7.3335 58.5C7.3335 57.3954 8.22893 56.5 9.3335 56.5C10.4381 56.5 11.3335 57.3954 11.3335 58.5C11.3335 59.6046 10.4381 60.5 9.3335 60.5C8.22893 60.5 7.3335 59.6046 7.3335 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3335 58.5C14.3335 57.3954 15.2289 56.5 16.3335 56.5C17.4381 56.5 18.3335 57.3954 18.3335 58.5C18.3335 59.6046 17.4381 60.5 16.3335 60.5C15.2289 60.5 14.3335 59.6046 14.3335 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21.3335 58.5C21.3335 57.3954 22.2289 56.5 23.3335 56.5C24.4381 56.5 25.3335 57.3954 25.3335 58.5C25.3335 59.6046 24.4381 60.5 23.3335 60.5C22.2289 60.5 21.3335 59.6046 21.3335 58.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M28.3335 58.5C28.3335 57.3954 29.2289 56.5 30.3335 56.5C31.4381 56.5 32.3335 57.3954 32.3335 58.5C32.3335 59.6046 31.4381 60.5 30.3335 60.5C29.2289 60.5 28.3335 59.6046 28.3335 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.3335 58.5C35.3335 57.3954 36.2289 56.5 37.3335 56.5C38.4381 56.5 39.3335 57.3954 39.3335 58.5C39.3335 59.6046 38.4381 60.5 37.3335 60.5C36.2289 60.5 35.3335 59.6046 35.3335 58.5Z" fill="var(--color-saas-dify-blue-accessible)" />
+        <path opacity="0.18" d="M42.3335 58.5C42.3335 57.3954 43.2289 56.5 44.3335 56.5C45.4381 56.5 46.3335 57.3954 46.3335 58.5C46.3335 59.6046 45.4381 60.5 44.3335 60.5C43.2289 60.5 42.3335 59.6046 42.3335 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3335 58.5C49.3335 57.3954 50.2289 56.5 51.3335 56.5C52.4381 56.5 53.3335 57.3954 53.3335 58.5C53.3335 59.6046 52.4381 60.5 51.3335 60.5C50.2289 60.5 49.3335 59.6046 49.3335 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56.3335 58.5C56.3335 57.3954 57.2289 56.5 58.3335 56.5C59.4381 56.5 60.3335 57.3954 60.3335 58.5C60.3335 59.6046 59.4381 60.5 58.3335 60.5C57.2289 60.5 56.3335 59.6046 56.3335 58.5Z" fill="var(--color-saas-dify-blue-accessible)" />
       </g>
       <defs>
-        <clipPath id='clip0_1_5366'>
-          <rect width='60' height='60' fill='white' transform='translate(0.333496 0.5)' />
+        <clipPath id="clip0_1_5366">
+          <rect width="60" height="60" fill="white" transform="translate(0.333496 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/assets/index.tsx b/web/app/components/billing/pricing/assets/index.tsx
index a4d36c2fc4..0b485eb055 100644
--- a/web/app/components/billing/pricing/assets/index.tsx
+++ b/web/app/components/billing/pricing/assets/index.tsx
@@ -1,12 +1,12 @@
 export { default as Cloud } from './cloud'
-export { default as SelfHosted } from './self-hosted'
-export { default as Sandbox } from './sandbox'
-export { default as Professional } from './professional'
-export { default as Team } from './team'
 export { default as Community } from './community'
-export { default as Premium } from './premium'
 export { default as Enterprise } from './enterprise'
-export { default as NoiseTop } from './noise-top'
-export { default as NoiseBottom } from './noise-bottom'
-export { default as PremiumNoise } from './premium-noise'
 export { default as EnterpriseNoise } from './enterprise-noise'
+export { default as NoiseBottom } from './noise-bottom'
+export { default as NoiseTop } from './noise-top'
+export { default as Premium } from './premium'
+export { default as PremiumNoise } from './premium-noise'
+export { default as Professional } from './professional'
+export { default as Sandbox } from './sandbox'
+export { default as SelfHosted } from './self-hosted'
+export { default as Team } from './team'
diff --git a/web/app/components/billing/pricing/assets/noise-bottom.tsx b/web/app/components/billing/pricing/assets/noise-bottom.tsx
index 24a9de8d7f..a4c1117a2d 100644
--- a/web/app/components/billing/pricing/assets/noise-bottom.tsx
+++ b/web/app/components/billing/pricing/assets/noise-bottom.tsx
@@ -1,17 +1,17 @@
 const NoiseBottom = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='100%' height='148' viewBox='0 0 100% 148' fill='none'>
-      <g opacity='0.1' filter='url(#filter0_g_1_5505)'>
-        <rect y='52' width='100%' height='96' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="148" viewBox="0 0 100% 148" fill="none">
+      <g opacity="0.1" filter="url(#filter0_g_1_5505)">
+        <rect y="52" width="100%" height="96" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <filter id='filter0_g_1_5505' x='0' y='0' width='100%' height='296' filterUnits='userSpaceOnUse' colorInterpolationFilters='sRGB'>
-          <feFlood floodOpacity='0' result='BackgroundImageFix' />
-          <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' />
-          <feTurbulence type='fractalNoise' baseFrequency='0.625 0.625' numOctaves='3' seed='5427' />
-          <feDisplacementMap in='shape' scale='200' xChannelSelector='R' yChannelSelector='G' result='displacedImage' width='100%' height='100%' />
-          <feMerge result='effect1_texture_1_5505'>
-            <feMergeNode in='displacedImage' />
+        <filter id="filter0_g_1_5505" x="0" y="0" width="100%" height="296" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feTurbulence type="fractalNoise" baseFrequency="0.625 0.625" numOctaves="3" seed="5427" />
+          <feDisplacementMap in="shape" scale="200" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%" />
+          <feMerge result="effect1_texture_1_5505">
+            <feMergeNode in="displacedImage" />
           </feMerge>
         </filter>
       </defs>
diff --git a/web/app/components/billing/pricing/assets/noise-top.tsx b/web/app/components/billing/pricing/assets/noise-top.tsx
index af8eb54c8d..fae5cc3da1 100644
--- a/web/app/components/billing/pricing/assets/noise-top.tsx
+++ b/web/app/components/billing/pricing/assets/noise-top.tsx
@@ -1,17 +1,17 @@
 const NoiseTop = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='100%' height='148' viewBox='0 0 100% 148' fill='none'>
-      <g opacity='0.1' filter='url(#filter0_g_2_13388)'>
-        <rect y='0' width='100%' height='96' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="148" viewBox="0 0 100% 148" fill="none">
+      <g opacity="0.1" filter="url(#filter0_g_2_13388)">
+        <rect y="0" width="100%" height="96" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <filter id='filter0_g_2_13388' x='0' y='0' width='100%' height='296' filterUnits='userSpaceOnUse' colorInterpolationFilters='sRGB'>
-          <feFlood floodOpacity='0' result='BackgroundImageFix' />
-          <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' />
-          <feTurbulence type='fractalNoise' baseFrequency='0.625 0.625' numOctaves='3' seed='5427' />
-          <feDisplacementMap in='shape' scale='200' xChannelSelector='R' yChannelSelector='G' result='displacedImage' width='100%' height='100%' />
-          <feMerge result='effect1_texture_2_13388'>
-            <feMergeNode in='displacedImage' />
+        <filter id="filter0_g_2_13388" x="0" y="0" width="100%" height="296" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feTurbulence type="fractalNoise" baseFrequency="0.625 0.625" numOctaves="3" seed="5427" />
+          <feDisplacementMap in="shape" scale="200" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%" />
+          <feMerge result="effect1_texture_2_13388">
+            <feMergeNode in="displacedImage" />
           </feMerge>
         </filter>
       </defs>
diff --git a/web/app/components/billing/pricing/assets/premium-noise.tsx b/web/app/components/billing/pricing/assets/premium-noise.tsx
index 7dacfcbe56..bf15345595 100644
--- a/web/app/components/billing/pricing/assets/premium-noise.tsx
+++ b/web/app/components/billing/pricing/assets/premium-noise.tsx
@@ -1,17 +1,17 @@
 const PremiumNoise = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='100%' height='148' viewBox='0 0 100% 148' fill='none'>
-      <g opacity='0.05' filter='url(#filter0_g_1_5238)'>
-        <rect y='0' width='100%' height='96' fill='var(--color-text-warning)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="148" viewBox="0 0 100% 148" fill="none">
+      <g opacity="0.05" filter="url(#filter0_g_1_5238)">
+        <rect y="0" width="100%" height="96" fill="var(--color-text-warning)" />
       </g>
       <defs>
-        <filter id='filter0_g_1_5238' x='0' y='0' width='100%' height='296' filterUnits='userSpaceOnUse' colorInterpolationFilters='sRGB'>
-          <feFlood floodOpacity='0' result='BackgroundImageFix' />
-          <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' />
-          <feTurbulence type='fractalNoise' baseFrequency='0.625 0.625' numOctaves='3' seed='5427' />
-          <feDisplacementMap in='shape' scale='200' xChannelSelector='R' yChannelSelector='G' result='displacedImage' width='100%' height='100%' />
-          <feMerge result='effect1_texture_1_5238'>
-            <feMergeNode in='displacedImage' />
+        <filter id="filter0_g_1_5238" x="0" y="0" width="100%" height="296" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feTurbulence type="fractalNoise" baseFrequency="0.625 0.625" numOctaves="3" seed="5427" />
+          <feDisplacementMap in="shape" scale="200" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%" />
+          <feMerge result="effect1_texture_1_5238">
+            <feMergeNode in="displacedImage" />
           </feMerge>
         </filter>
       </defs>
diff --git a/web/app/components/billing/pricing/assets/premium.tsx b/web/app/components/billing/pricing/assets/premium.tsx
index dcd04f61ec..909052a339 100644
--- a/web/app/components/billing/pricing/assets/premium.tsx
+++ b/web/app/components/billing/pricing/assets/premium.tsx
@@ -1,92 +1,92 @@
 const Premium = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='61' height='61' viewBox='0 0 61 61' fill='none'>
-      <g clipPath='url(#clip0_1_5240)'>
-        <path opacity='0.18' d='M0.666748 2.5C0.666748 1.39543 1.56218 0.5 2.66675 0.5C3.77132 0.5 4.66675 1.39543 4.66675 2.5C4.66675 3.60457 3.77132 4.5 2.66675 4.5C1.56218 4.5 0.666748 3.60457 0.666748 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7.66675 2.5C7.66675 1.39543 8.56218 0.5 9.66675 0.5C10.7713 0.5 11.6667 1.39543 11.6667 2.5C11.6667 3.60457 10.7713 4.5 9.66675 4.5C8.56218 4.5 7.66675 3.60457 7.66675 2.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M14.6667 2.5C14.6667 1.39543 15.5622 0.5 16.6667 0.5C17.7713 0.5 18.6667 1.39543 18.6667 2.5C18.6667 3.60457 17.7713 4.5 16.6667 4.5C15.5622 4.5 14.6667 3.60457 14.6667 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.6667 2.5C21.6667 1.39543 22.5622 0.5 23.6667 0.5C24.7713 0.5 25.6667 1.39543 25.6667 2.5C25.6667 3.60457 24.7713 4.5 23.6667 4.5C22.5622 4.5 21.6667 3.60457 21.6667 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.6667 2.5C28.6667 1.39543 29.5622 0.5 30.6667 0.5C31.7713 0.5 32.6667 1.39543 32.6667 2.5C32.6667 3.60457 31.7713 4.5 30.6667 4.5C29.5622 4.5 28.6667 3.60457 28.6667 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.6667 2.5C35.6667 1.39543 36.5622 0.5 37.6667 0.5C38.7713 0.5 39.6667 1.39543 39.6667 2.5C39.6667 3.60457 38.7713 4.5 37.6667 4.5C36.5622 4.5 35.6667 3.60457 35.6667 2.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M42.6667 2.5C42.6667 1.39543 43.5622 0.5 44.6667 0.5C45.7713 0.5 46.6667 1.39543 46.6667 2.5C46.6667 3.60457 45.7713 4.5 44.6667 4.5C43.5622 4.5 42.6667 3.60457 42.6667 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.6667 2.5C49.6667 1.39543 50.5622 0.5 51.6667 0.5C52.7713 0.5 53.6667 1.39543 53.6667 2.5C53.6667 3.60457 52.7713 4.5 51.6667 4.5C50.5622 4.5 49.6667 3.60457 49.6667 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 2.5C56.6667 1.39543 57.5622 0.5 58.6667 0.5C59.7713 0.5 60.6667 1.39543 60.6667 2.5C60.6667 3.60457 59.7713 4.5 58.6667 4.5C57.5622 4.5 56.6667 3.60457 56.6667 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0.666748 9.5C0.666748 8.39543 1.56218 7.5 2.66675 7.5C3.77132 7.5 4.66675 8.39543 4.66675 9.5C4.66675 10.6046 3.77132 11.5 2.66675 11.5C1.56218 11.5 0.666748 10.6046 0.666748 9.5Z' fill='var(--color-text-warning)' />
-        <path d='M7.66675 9.5C7.66675 8.39543 8.56218 7.5 9.66675 7.5C10.7713 7.5 11.6667 8.39543 11.6667 9.5C11.6667 10.6046 10.7713 11.5 9.66675 11.5C8.56218 11.5 7.66675 10.6046 7.66675 9.5Z' fill='var(--color-text-warning)' />
-        <path d='M14.6667 9.5C14.6667 8.39543 15.5622 7.5 16.6667 7.5C17.7713 7.5 18.6667 8.39543 18.6667 9.5C18.6667 10.6046 17.7713 11.5 16.6667 11.5C15.5622 11.5 14.6667 10.6046 14.6667 9.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M21.6667 9.5C21.6667 8.39543 22.5622 7.5 23.6667 7.5C24.7713 7.5 25.6667 8.39543 25.6667 9.5C25.6667 10.6046 24.7713 11.5 23.6667 11.5C22.5622 11.5 21.6667 10.6046 21.6667 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.6667 9.5C28.6667 8.39543 29.5622 7.5 30.6667 7.5C31.7713 7.5 32.6667 8.39543 32.6667 9.5C32.6667 10.6046 31.7713 11.5 30.6667 11.5C29.5622 11.5 28.6667 10.6046 28.6667 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.6667 9.5C35.6667 8.39543 36.5622 7.5 37.6667 7.5C38.7713 7.5 39.6667 8.39543 39.6667 9.5C39.6667 10.6046 38.7713 11.5 37.6667 11.5C36.5622 11.5 35.6667 10.6046 35.6667 9.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M42.6667 9.5C42.6667 8.39543 43.5622 7.5 44.6667 7.5C45.7713 7.5 46.6667 8.39543 46.6667 9.5C46.6667 10.6046 45.7713 11.5 44.6667 11.5C43.5622 11.5 42.6667 10.6046 42.6667 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.6667 9.5C49.6667 8.39543 50.5622 7.5 51.6667 7.5C52.7713 7.5 53.6667 8.39543 53.6667 9.5C53.6667 10.6046 52.7713 11.5 51.6667 11.5C50.5622 11.5 49.6667 10.6046 49.6667 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 9.5C56.6667 8.39543 57.5622 7.5 58.6667 7.5C59.7713 7.5 60.6667 8.39543 60.6667 9.5C60.6667 10.6046 59.7713 11.5 58.6667 11.5C57.5622 11.5 56.6667 10.6046 56.6667 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.666748 16.5C0.666748 15.3954 1.56218 14.5 2.66675 14.5C3.77132 14.5 4.66675 15.3954 4.66675 16.5C4.66675 17.6046 3.77132 18.5 2.66675 18.5C1.56218 18.5 0.666748 17.6046 0.666748 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7.66675 16.5C7.66675 15.3954 8.56218 14.5 9.66675 14.5C10.7713 14.5 11.6667 15.3954 11.6667 16.5C11.6667 17.6046 10.7713 18.5 9.66675 18.5C8.56218 18.5 7.66675 17.6046 7.66675 16.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M14.6667 16.5C14.6667 15.3954 15.5622 14.5 16.6667 14.5C17.7713 14.5 18.6667 15.3954 18.6667 16.5C18.6667 17.6046 17.7713 18.5 16.6667 18.5C15.5622 18.5 14.6667 17.6046 14.6667 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.6667 16.5C21.6667 15.3954 22.5622 14.5 23.6667 14.5C24.7713 14.5 25.6667 15.3954 25.6667 16.5C25.6667 17.6046 24.7713 18.5 23.6667 18.5C22.5622 18.5 21.6667 17.6046 21.6667 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28.6667 16.5C28.6667 15.3954 29.5622 14.5 30.6667 14.5C31.7713 14.5 32.6667 15.3954 32.6667 16.5C32.6667 17.6046 31.7713 18.5 30.6667 18.5C29.5622 18.5 28.6667 17.6046 28.6667 16.5Z' fill='var(--color-text-warning)' />
-        <path d='M35.6667 16.5C35.6667 15.3954 36.5622 14.5 37.6667 14.5C38.7713 14.5 39.6667 15.3954 39.6667 16.5C39.6667 17.6046 38.7713 18.5 37.6667 18.5C36.5622 18.5 35.6667 17.6046 35.6667 16.5Z' fill='var(--color-text-warning)' />
-        <path d='M42.6667 16.5C42.6667 15.3954 43.5622 14.5 44.6667 14.5C45.7713 14.5 46.6667 15.3954 46.6667 16.5C46.6667 17.6046 45.7713 18.5 44.6667 18.5C43.5622 18.5 42.6667 17.6046 42.6667 16.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M49.6667 16.5C49.6667 15.3954 50.5622 14.5 51.6667 14.5C52.7713 14.5 53.6667 15.3954 53.6667 16.5C53.6667 17.6046 52.7713 18.5 51.6667 18.5C50.5622 18.5 49.6667 17.6046 49.6667 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 16.5C56.6667 15.3954 57.5622 14.5 58.6667 14.5C59.7713 14.5 60.6667 15.3954 60.6667 16.5C60.6667 17.6046 59.7713 18.5 58.6667 18.5C57.5622 18.5 56.6667 17.6046 56.6667 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.666748 23.5C0.666748 22.3954 1.56218 21.5 2.66675 21.5C3.77132 21.5 4.66675 22.3954 4.66675 23.5C4.66675 24.6046 3.77132 25.5 2.66675 25.5C1.56218 25.5 0.666748 24.6046 0.666748 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.66675 23.5C7.66675 22.3954 8.56218 21.5 9.66675 21.5C10.7713 21.5 11.6667 22.3954 11.6667 23.5C11.6667 24.6046 10.7713 25.5 9.66675 25.5C8.56218 25.5 7.66675 24.6046 7.66675 23.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14.6667 23.5C14.6667 22.3954 15.5622 21.5 16.6667 21.5C17.7713 21.5 18.6667 22.3954 18.6667 23.5C18.6667 24.6046 17.7713 25.5 16.6667 25.5C15.5622 25.5 14.6667 24.6046 14.6667 23.5Z' fill='var(--color-text-warning)' />
-        <path d='M21.6667 23.5C21.6667 22.3954 22.5622 21.5 23.6667 21.5C24.7713 21.5 25.6667 22.3954 25.6667 23.5C25.6667 24.6046 24.7713 25.5 23.6667 25.5C22.5622 25.5 21.6667 24.6046 21.6667 23.5Z' fill='var(--color-text-warning)' />
-        <path d='M28.6667 23.5C28.6667 22.3954 29.5622 21.5 30.6667 21.5C31.7713 21.5 32.6667 22.3954 32.6667 23.5C32.6667 24.6046 31.7713 25.5 30.6667 25.5C29.5622 25.5 28.6667 24.6046 28.6667 23.5Z' fill='var(--color-text-warning)' />
-        <path d='M35.6667 23.5C35.6667 22.3954 36.5622 21.5 37.6667 21.5C38.7713 21.5 39.6667 22.3954 39.6667 23.5C39.6667 24.6046 38.7713 25.5 37.6667 25.5C36.5622 25.5 35.6667 24.6046 35.6667 23.5Z' fill='var(--color-text-warning)' />
-        <path d='M42.6667 23.5C42.6667 22.3954 43.5622 21.5 44.6667 21.5C45.7713 21.5 46.6667 22.3954 46.6667 23.5C46.6667 24.6046 45.7713 25.5 44.6667 25.5C43.5622 25.5 42.6667 24.6046 42.6667 23.5Z' fill='var(--color-text-warning)' />
-        <path d='M49.6667 23.5C49.6667 22.3954 50.5622 21.5 51.6667 21.5C52.7713 21.5 53.6667 22.3954 53.6667 23.5C53.6667 24.6046 52.7713 25.5 51.6667 25.5C50.5622 25.5 49.6667 24.6046 49.6667 23.5Z' fill='var(--color-text-warning)' />
-        <path d='M56.6667 23.5C56.6667 22.3954 57.5622 21.5 58.6667 21.5C59.7713 21.5 60.6667 22.3954 60.6667 23.5C60.6667 24.6046 59.7713 25.5 58.6667 25.5C57.5622 25.5 56.6667 24.6046 56.6667 23.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M0.666748 30.5C0.666748 29.3954 1.56218 28.5 2.66675 28.5C3.77132 28.5 4.66675 29.3954 4.66675 30.5C4.66675 31.6046 3.77132 32.5 2.66675 32.5C1.56218 32.5 0.666748 31.6046 0.666748 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.66675 30.5C7.66675 29.3954 8.56218 28.5 9.66675 28.5C10.7713 28.5 11.6667 29.3954 11.6667 30.5C11.6667 31.6046 10.7713 32.5 9.66675 32.5C8.56218 32.5 7.66675 31.6046 7.66675 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.6667 30.5C14.6667 29.3954 15.5622 28.5 16.6667 28.5C17.7713 28.5 18.6667 29.3954 18.6667 30.5C18.6667 31.6046 17.7713 32.5 16.6667 32.5C15.5622 32.5 14.6667 31.6046 14.6667 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.6667 30.5C21.6667 29.3954 22.5622 28.5 23.6667 28.5C24.7713 28.5 25.6667 29.3954 25.6667 30.5C25.6667 31.6046 24.7713 32.5 23.6667 32.5C22.5622 32.5 21.6667 31.6046 21.6667 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28.6667 30.5C28.6667 29.3954 29.5622 28.5 30.6667 28.5C31.7713 28.5 32.6667 29.3954 32.6667 30.5C32.6667 31.6046 31.7713 32.5 30.6667 32.5C29.5622 32.5 28.6667 31.6046 28.6667 30.5Z' fill='var(--color-text-warning)' />
-        <path d='M35.6667 30.5C35.6667 29.3954 36.5622 28.5 37.6667 28.5C38.7713 28.5 39.6667 29.3954 39.6667 30.5C39.6667 31.6046 38.7713 32.5 37.6667 32.5C36.5622 32.5 35.6667 31.6046 35.6667 30.5Z' fill='var(--color-text-warning)' />
-        <path d='M42.6667 30.5C42.6667 29.3954 43.5622 28.5 44.6667 28.5C45.7713 28.5 46.6667 29.3954 46.6667 30.5C46.6667 31.6046 45.7713 32.5 44.6667 32.5C43.5622 32.5 42.6667 31.6046 42.6667 30.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M49.6667 30.5C49.6667 29.3954 50.5622 28.5 51.6667 28.5C52.7713 28.5 53.6667 29.3954 53.6667 30.5C53.6667 31.6046 52.7713 32.5 51.6667 32.5C50.5622 32.5 49.6667 31.6046 49.6667 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 30.5C56.6667 29.3954 57.5622 28.5 58.6667 28.5C59.7713 28.5 60.6667 29.3954 60.6667 30.5C60.6667 31.6046 59.7713 32.5 58.6667 32.5C57.5622 32.5 56.6667 31.6046 56.6667 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.666748 37.5C0.666748 36.3954 1.56218 35.5 2.66675 35.5C3.77132 35.5 4.66675 36.3954 4.66675 37.5C4.66675 38.6046 3.77132 39.5 2.66675 39.5C1.56218 39.5 0.666748 38.6046 0.666748 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.66675 37.5C7.66675 36.3954 8.56218 35.5 9.66675 35.5C10.7713 35.5 11.6667 36.3954 11.6667 37.5C11.6667 38.6046 10.7713 39.5 9.66675 39.5C8.56218 39.5 7.66675 38.6046 7.66675 37.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14.6667 37.5C14.6667 36.3954 15.5622 35.5 16.6667 35.5C17.7713 35.5 18.6667 36.3954 18.6667 37.5C18.6667 38.6046 17.7713 39.5 16.6667 39.5C15.5622 39.5 14.6667 38.6046 14.6667 37.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M21.6667 37.5C21.6667 36.3954 22.5622 35.5 23.6667 35.5C24.7713 35.5 25.6667 36.3954 25.6667 37.5C25.6667 38.6046 24.7713 39.5 23.6667 39.5C22.5622 39.5 21.6667 38.6046 21.6667 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.6667 37.5C28.6667 36.3954 29.5622 35.5 30.6667 35.5C31.7713 35.5 32.6667 36.3954 32.6667 37.5C32.6667 38.6046 31.7713 39.5 30.6667 39.5C29.5622 39.5 28.6667 38.6046 28.6667 37.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.6667 37.5C35.6667 36.3954 36.5622 35.5 37.6667 35.5C38.7713 35.5 39.6667 36.3954 39.6667 37.5C39.6667 38.6046 38.7713 39.5 37.6667 39.5C36.5622 39.5 35.6667 38.6046 35.6667 37.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M42.6667 37.5C42.6667 36.3954 43.5622 35.5 44.6667 35.5C45.7713 35.5 46.6667 36.3954 46.6667 37.5C46.6667 38.6046 45.7713 39.5 44.6667 39.5C43.5622 39.5 42.6667 38.6046 42.6667 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.6667 37.5C49.6667 36.3954 50.5622 35.5 51.6667 35.5C52.7713 35.5 53.6667 36.3954 53.6667 37.5C53.6667 38.6046 52.7713 39.5 51.6667 39.5C50.5622 39.5 49.6667 38.6046 49.6667 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 37.5C56.6667 36.3954 57.5622 35.5 58.6667 35.5C59.7713 35.5 60.6667 36.3954 60.6667 37.5C60.6667 38.6046 59.7713 39.5 58.6667 39.5C57.5622 39.5 56.6667 38.6046 56.6667 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.666748 44.5C0.666748 43.3954 1.56218 42.5 2.66675 42.5C3.77132 42.5 4.66675 43.3954 4.66675 44.5C4.66675 45.6046 3.77132 46.5 2.66675 46.5C1.56218 46.5 0.666748 45.6046 0.666748 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7.66675 44.5C7.66675 43.3954 8.56218 42.5 9.66675 42.5C10.7713 42.5 11.6667 43.3954 11.6667 44.5C11.6667 45.6046 10.7713 46.5 9.66675 46.5C8.56218 46.5 7.66675 45.6046 7.66675 44.5Z' fill='var(--color-text-warning)' />
-        <path d='M14.6667 44.5C14.6667 43.3954 15.5622 42.5 16.6667 42.5C17.7713 42.5 18.6667 43.3954 18.6667 44.5C18.6667 45.6046 17.7713 46.5 16.6667 46.5C15.5622 46.5 14.6667 45.6046 14.6667 44.5Z' fill='var(--color-text-warning)' />
-        <path d='M21.6667 44.5C21.6667 43.3954 22.5622 42.5 23.6667 42.5C24.7713 42.5 25.6667 43.3954 25.6667 44.5C25.6667 45.6046 24.7713 46.5 23.6667 46.5C22.5622 46.5 21.6667 45.6046 21.6667 44.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M28.6667 44.5C28.6667 43.3954 29.5622 42.5 30.6667 42.5C31.7713 42.5 32.6667 43.3954 32.6667 44.5C32.6667 45.6046 31.7713 46.5 30.6667 46.5C29.5622 46.5 28.6667 45.6046 28.6667 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.6667 44.5C35.6667 43.3954 36.5622 42.5 37.6667 42.5C38.7713 42.5 39.6667 43.3954 39.6667 44.5C39.6667 45.6046 38.7713 46.5 37.6667 46.5C36.5622 46.5 35.6667 45.6046 35.6667 44.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M42.6667 44.5C42.6667 43.3954 43.5622 42.5 44.6667 42.5C45.7713 42.5 46.6667 43.3954 46.6667 44.5C46.6667 45.6046 45.7713 46.5 44.6667 46.5C43.5622 46.5 42.6667 45.6046 42.6667 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.6667 44.5C49.6667 43.3954 50.5622 42.5 51.6667 42.5C52.7713 42.5 53.6667 43.3954 53.6667 44.5C53.6667 45.6046 52.7713 46.5 51.6667 46.5C50.5622 46.5 49.6667 45.6046 49.6667 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 44.5C56.6667 43.3954 57.5622 42.5 58.6667 42.5C59.7713 42.5 60.6667 43.3954 60.6667 44.5C60.6667 45.6046 59.7713 46.5 58.6667 46.5C57.5622 46.5 56.6667 45.6046 56.6667 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.666748 51.5C0.666748 50.3954 1.56218 49.5 2.66675 49.5C3.77132 49.5 4.66675 50.3954 4.66675 51.5C4.66675 52.6046 3.77132 53.5 2.66675 53.5C1.56218 53.5 0.666748 52.6046 0.666748 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.66675 51.5C7.66675 50.3954 8.56218 49.5 9.66675 49.5C10.7713 49.5 11.6667 50.3954 11.6667 51.5C11.6667 52.6046 10.7713 53.5 9.66675 53.5C8.56218 53.5 7.66675 52.6046 7.66675 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14.6667 51.5C14.6667 50.3954 15.5622 49.5 16.6667 49.5C17.7713 49.5 18.6667 50.3954 18.6667 51.5C18.6667 52.6046 17.7713 53.5 16.6667 53.5C15.5622 53.5 14.6667 52.6046 14.6667 51.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M21.6667 51.5C21.6667 50.3954 22.5622 49.5 23.6667 49.5C24.7713 49.5 25.6667 50.3954 25.6667 51.5C25.6667 52.6046 24.7713 53.5 23.6667 53.5C22.5622 53.5 21.6667 52.6046 21.6667 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.6667 51.5C28.6667 50.3954 29.5622 49.5 30.6667 49.5C31.7713 49.5 32.6667 50.3954 32.6667 51.5C32.6667 52.6046 31.7713 53.5 30.6667 53.5C29.5622 53.5 28.6667 52.6046 28.6667 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.6667 51.5C35.6667 50.3954 36.5622 49.5 37.6667 49.5C38.7713 49.5 39.6667 50.3954 39.6667 51.5C39.6667 52.6046 38.7713 53.5 37.6667 53.5C36.5622 53.5 35.6667 52.6046 35.6667 51.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M42.6667 51.5C42.6667 50.3954 43.5622 49.5 44.6667 49.5C45.7713 49.5 46.6667 50.3954 46.6667 51.5C46.6667 52.6046 45.7713 53.5 44.6667 53.5C43.5622 53.5 42.6667 52.6046 42.6667 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.6667 51.5C49.6667 50.3954 50.5622 49.5 51.6667 49.5C52.7713 49.5 53.6667 50.3954 53.6667 51.5C53.6667 52.6046 52.7713 53.5 51.6667 53.5C50.5622 53.5 49.6667 52.6046 49.6667 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 51.5C56.6667 50.3954 57.5622 49.5 58.6667 49.5C59.7713 49.5 60.6667 50.3954 60.6667 51.5C60.6667 52.6046 59.7713 53.5 58.6667 53.5C57.5622 53.5 56.6667 52.6046 56.6667 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.666748 58.5C0.666748 57.3954 1.56218 56.5 2.66675 56.5C3.77132 56.5 4.66675 57.3954 4.66675 58.5C4.66675 59.6046 3.77132 60.5 2.66675 60.5C1.56218 60.5 0.666748 59.6046 0.666748 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.66675 58.5C7.66675 57.3954 8.56218 56.5 9.66675 56.5C10.7713 56.5 11.6667 57.3954 11.6667 58.5C11.6667 59.6046 10.7713 60.5 9.66675 60.5C8.56218 60.5 7.66675 59.6046 7.66675 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14.6667 58.5C14.6667 57.3954 15.5622 56.5 16.6667 56.5C17.7713 56.5 18.6667 57.3954 18.6667 58.5C18.6667 59.6046 17.7713 60.5 16.6667 60.5C15.5622 60.5 14.6667 59.6046 14.6667 58.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M21.6667 58.5C21.6667 57.3954 22.5622 56.5 23.6667 56.5C24.7713 56.5 25.6667 57.3954 25.6667 58.5C25.6667 59.6046 24.7713 60.5 23.6667 60.5C22.5622 60.5 21.6667 59.6046 21.6667 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.6667 58.5C28.6667 57.3954 29.5622 56.5 30.6667 56.5C31.7713 56.5 32.6667 57.3954 32.6667 58.5C32.6667 59.6046 31.7713 60.5 30.6667 60.5C29.5622 60.5 28.6667 59.6046 28.6667 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35.6667 58.5C35.6667 57.3954 36.5622 56.5 37.6667 56.5C38.7713 56.5 39.6667 57.3954 39.6667 58.5C39.6667 59.6046 38.7713 60.5 37.6667 60.5C36.5622 60.5 35.6667 59.6046 35.6667 58.5Z' fill='var(--color-text-warning)' />
-        <path opacity='0.18' d='M42.6667 58.5C42.6667 57.3954 43.5622 56.5 44.6667 56.5C45.7713 56.5 46.6667 57.3954 46.6667 58.5C46.6667 59.6046 45.7713 60.5 44.6667 60.5C43.5622 60.5 42.6667 59.6046 42.6667 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.6667 58.5C49.6667 57.3954 50.5622 56.5 51.6667 56.5C52.7713 56.5 53.6667 57.3954 53.6667 58.5C53.6667 59.6046 52.7713 60.5 51.6667 60.5C50.5622 60.5 49.6667 59.6046 49.6667 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.6667 58.5C56.6667 57.3954 57.5622 56.5 58.6667 56.5C59.7713 56.5 60.6667 57.3954 60.6667 58.5C60.6667 59.6046 59.7713 60.5 58.6667 60.5C57.5622 60.5 56.6667 59.6046 56.6667 58.5Z' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="none">
+      <g clipPath="url(#clip0_1_5240)">
+        <path opacity="0.18" d="M0.666748 2.5C0.666748 1.39543 1.56218 0.5 2.66675 0.5C3.77132 0.5 4.66675 1.39543 4.66675 2.5C4.66675 3.60457 3.77132 4.5 2.66675 4.5C1.56218 4.5 0.666748 3.60457 0.666748 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7.66675 2.5C7.66675 1.39543 8.56218 0.5 9.66675 0.5C10.7713 0.5 11.6667 1.39543 11.6667 2.5C11.6667 3.60457 10.7713 4.5 9.66675 4.5C8.56218 4.5 7.66675 3.60457 7.66675 2.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M14.6667 2.5C14.6667 1.39543 15.5622 0.5 16.6667 0.5C17.7713 0.5 18.6667 1.39543 18.6667 2.5C18.6667 3.60457 17.7713 4.5 16.6667 4.5C15.5622 4.5 14.6667 3.60457 14.6667 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.6667 2.5C21.6667 1.39543 22.5622 0.5 23.6667 0.5C24.7713 0.5 25.6667 1.39543 25.6667 2.5C25.6667 3.60457 24.7713 4.5 23.6667 4.5C22.5622 4.5 21.6667 3.60457 21.6667 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.6667 2.5C28.6667 1.39543 29.5622 0.5 30.6667 0.5C31.7713 0.5 32.6667 1.39543 32.6667 2.5C32.6667 3.60457 31.7713 4.5 30.6667 4.5C29.5622 4.5 28.6667 3.60457 28.6667 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.6667 2.5C35.6667 1.39543 36.5622 0.5 37.6667 0.5C38.7713 0.5 39.6667 1.39543 39.6667 2.5C39.6667 3.60457 38.7713 4.5 37.6667 4.5C36.5622 4.5 35.6667 3.60457 35.6667 2.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M42.6667 2.5C42.6667 1.39543 43.5622 0.5 44.6667 0.5C45.7713 0.5 46.6667 1.39543 46.6667 2.5C46.6667 3.60457 45.7713 4.5 44.6667 4.5C43.5622 4.5 42.6667 3.60457 42.6667 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.6667 2.5C49.6667 1.39543 50.5622 0.5 51.6667 0.5C52.7713 0.5 53.6667 1.39543 53.6667 2.5C53.6667 3.60457 52.7713 4.5 51.6667 4.5C50.5622 4.5 49.6667 3.60457 49.6667 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 2.5C56.6667 1.39543 57.5622 0.5 58.6667 0.5C59.7713 0.5 60.6667 1.39543 60.6667 2.5C60.6667 3.60457 59.7713 4.5 58.6667 4.5C57.5622 4.5 56.6667 3.60457 56.6667 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0.666748 9.5C0.666748 8.39543 1.56218 7.5 2.66675 7.5C3.77132 7.5 4.66675 8.39543 4.66675 9.5C4.66675 10.6046 3.77132 11.5 2.66675 11.5C1.56218 11.5 0.666748 10.6046 0.666748 9.5Z" fill="var(--color-text-warning)" />
+        <path d="M7.66675 9.5C7.66675 8.39543 8.56218 7.5 9.66675 7.5C10.7713 7.5 11.6667 8.39543 11.6667 9.5C11.6667 10.6046 10.7713 11.5 9.66675 11.5C8.56218 11.5 7.66675 10.6046 7.66675 9.5Z" fill="var(--color-text-warning)" />
+        <path d="M14.6667 9.5C14.6667 8.39543 15.5622 7.5 16.6667 7.5C17.7713 7.5 18.6667 8.39543 18.6667 9.5C18.6667 10.6046 17.7713 11.5 16.6667 11.5C15.5622 11.5 14.6667 10.6046 14.6667 9.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M21.6667 9.5C21.6667 8.39543 22.5622 7.5 23.6667 7.5C24.7713 7.5 25.6667 8.39543 25.6667 9.5C25.6667 10.6046 24.7713 11.5 23.6667 11.5C22.5622 11.5 21.6667 10.6046 21.6667 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.6667 9.5C28.6667 8.39543 29.5622 7.5 30.6667 7.5C31.7713 7.5 32.6667 8.39543 32.6667 9.5C32.6667 10.6046 31.7713 11.5 30.6667 11.5C29.5622 11.5 28.6667 10.6046 28.6667 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.6667 9.5C35.6667 8.39543 36.5622 7.5 37.6667 7.5C38.7713 7.5 39.6667 8.39543 39.6667 9.5C39.6667 10.6046 38.7713 11.5 37.6667 11.5C36.5622 11.5 35.6667 10.6046 35.6667 9.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M42.6667 9.5C42.6667 8.39543 43.5622 7.5 44.6667 7.5C45.7713 7.5 46.6667 8.39543 46.6667 9.5C46.6667 10.6046 45.7713 11.5 44.6667 11.5C43.5622 11.5 42.6667 10.6046 42.6667 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.6667 9.5C49.6667 8.39543 50.5622 7.5 51.6667 7.5C52.7713 7.5 53.6667 8.39543 53.6667 9.5C53.6667 10.6046 52.7713 11.5 51.6667 11.5C50.5622 11.5 49.6667 10.6046 49.6667 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 9.5C56.6667 8.39543 57.5622 7.5 58.6667 7.5C59.7713 7.5 60.6667 8.39543 60.6667 9.5C60.6667 10.6046 59.7713 11.5 58.6667 11.5C57.5622 11.5 56.6667 10.6046 56.6667 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.666748 16.5C0.666748 15.3954 1.56218 14.5 2.66675 14.5C3.77132 14.5 4.66675 15.3954 4.66675 16.5C4.66675 17.6046 3.77132 18.5 2.66675 18.5C1.56218 18.5 0.666748 17.6046 0.666748 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7.66675 16.5C7.66675 15.3954 8.56218 14.5 9.66675 14.5C10.7713 14.5 11.6667 15.3954 11.6667 16.5C11.6667 17.6046 10.7713 18.5 9.66675 18.5C8.56218 18.5 7.66675 17.6046 7.66675 16.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M14.6667 16.5C14.6667 15.3954 15.5622 14.5 16.6667 14.5C17.7713 14.5 18.6667 15.3954 18.6667 16.5C18.6667 17.6046 17.7713 18.5 16.6667 18.5C15.5622 18.5 14.6667 17.6046 14.6667 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.6667 16.5C21.6667 15.3954 22.5622 14.5 23.6667 14.5C24.7713 14.5 25.6667 15.3954 25.6667 16.5C25.6667 17.6046 24.7713 18.5 23.6667 18.5C22.5622 18.5 21.6667 17.6046 21.6667 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28.6667 16.5C28.6667 15.3954 29.5622 14.5 30.6667 14.5C31.7713 14.5 32.6667 15.3954 32.6667 16.5C32.6667 17.6046 31.7713 18.5 30.6667 18.5C29.5622 18.5 28.6667 17.6046 28.6667 16.5Z" fill="var(--color-text-warning)" />
+        <path d="M35.6667 16.5C35.6667 15.3954 36.5622 14.5 37.6667 14.5C38.7713 14.5 39.6667 15.3954 39.6667 16.5C39.6667 17.6046 38.7713 18.5 37.6667 18.5C36.5622 18.5 35.6667 17.6046 35.6667 16.5Z" fill="var(--color-text-warning)" />
+        <path d="M42.6667 16.5C42.6667 15.3954 43.5622 14.5 44.6667 14.5C45.7713 14.5 46.6667 15.3954 46.6667 16.5C46.6667 17.6046 45.7713 18.5 44.6667 18.5C43.5622 18.5 42.6667 17.6046 42.6667 16.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M49.6667 16.5C49.6667 15.3954 50.5622 14.5 51.6667 14.5C52.7713 14.5 53.6667 15.3954 53.6667 16.5C53.6667 17.6046 52.7713 18.5 51.6667 18.5C50.5622 18.5 49.6667 17.6046 49.6667 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 16.5C56.6667 15.3954 57.5622 14.5 58.6667 14.5C59.7713 14.5 60.6667 15.3954 60.6667 16.5C60.6667 17.6046 59.7713 18.5 58.6667 18.5C57.5622 18.5 56.6667 17.6046 56.6667 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.666748 23.5C0.666748 22.3954 1.56218 21.5 2.66675 21.5C3.77132 21.5 4.66675 22.3954 4.66675 23.5C4.66675 24.6046 3.77132 25.5 2.66675 25.5C1.56218 25.5 0.666748 24.6046 0.666748 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.66675 23.5C7.66675 22.3954 8.56218 21.5 9.66675 21.5C10.7713 21.5 11.6667 22.3954 11.6667 23.5C11.6667 24.6046 10.7713 25.5 9.66675 25.5C8.56218 25.5 7.66675 24.6046 7.66675 23.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14.6667 23.5C14.6667 22.3954 15.5622 21.5 16.6667 21.5C17.7713 21.5 18.6667 22.3954 18.6667 23.5C18.6667 24.6046 17.7713 25.5 16.6667 25.5C15.5622 25.5 14.6667 24.6046 14.6667 23.5Z" fill="var(--color-text-warning)" />
+        <path d="M21.6667 23.5C21.6667 22.3954 22.5622 21.5 23.6667 21.5C24.7713 21.5 25.6667 22.3954 25.6667 23.5C25.6667 24.6046 24.7713 25.5 23.6667 25.5C22.5622 25.5 21.6667 24.6046 21.6667 23.5Z" fill="var(--color-text-warning)" />
+        <path d="M28.6667 23.5C28.6667 22.3954 29.5622 21.5 30.6667 21.5C31.7713 21.5 32.6667 22.3954 32.6667 23.5C32.6667 24.6046 31.7713 25.5 30.6667 25.5C29.5622 25.5 28.6667 24.6046 28.6667 23.5Z" fill="var(--color-text-warning)" />
+        <path d="M35.6667 23.5C35.6667 22.3954 36.5622 21.5 37.6667 21.5C38.7713 21.5 39.6667 22.3954 39.6667 23.5C39.6667 24.6046 38.7713 25.5 37.6667 25.5C36.5622 25.5 35.6667 24.6046 35.6667 23.5Z" fill="var(--color-text-warning)" />
+        <path d="M42.6667 23.5C42.6667 22.3954 43.5622 21.5 44.6667 21.5C45.7713 21.5 46.6667 22.3954 46.6667 23.5C46.6667 24.6046 45.7713 25.5 44.6667 25.5C43.5622 25.5 42.6667 24.6046 42.6667 23.5Z" fill="var(--color-text-warning)" />
+        <path d="M49.6667 23.5C49.6667 22.3954 50.5622 21.5 51.6667 21.5C52.7713 21.5 53.6667 22.3954 53.6667 23.5C53.6667 24.6046 52.7713 25.5 51.6667 25.5C50.5622 25.5 49.6667 24.6046 49.6667 23.5Z" fill="var(--color-text-warning)" />
+        <path d="M56.6667 23.5C56.6667 22.3954 57.5622 21.5 58.6667 21.5C59.7713 21.5 60.6667 22.3954 60.6667 23.5C60.6667 24.6046 59.7713 25.5 58.6667 25.5C57.5622 25.5 56.6667 24.6046 56.6667 23.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M0.666748 30.5C0.666748 29.3954 1.56218 28.5 2.66675 28.5C3.77132 28.5 4.66675 29.3954 4.66675 30.5C4.66675 31.6046 3.77132 32.5 2.66675 32.5C1.56218 32.5 0.666748 31.6046 0.666748 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.66675 30.5C7.66675 29.3954 8.56218 28.5 9.66675 28.5C10.7713 28.5 11.6667 29.3954 11.6667 30.5C11.6667 31.6046 10.7713 32.5 9.66675 32.5C8.56218 32.5 7.66675 31.6046 7.66675 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.6667 30.5C14.6667 29.3954 15.5622 28.5 16.6667 28.5C17.7713 28.5 18.6667 29.3954 18.6667 30.5C18.6667 31.6046 17.7713 32.5 16.6667 32.5C15.5622 32.5 14.6667 31.6046 14.6667 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.6667 30.5C21.6667 29.3954 22.5622 28.5 23.6667 28.5C24.7713 28.5 25.6667 29.3954 25.6667 30.5C25.6667 31.6046 24.7713 32.5 23.6667 32.5C22.5622 32.5 21.6667 31.6046 21.6667 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28.6667 30.5C28.6667 29.3954 29.5622 28.5 30.6667 28.5C31.7713 28.5 32.6667 29.3954 32.6667 30.5C32.6667 31.6046 31.7713 32.5 30.6667 32.5C29.5622 32.5 28.6667 31.6046 28.6667 30.5Z" fill="var(--color-text-warning)" />
+        <path d="M35.6667 30.5C35.6667 29.3954 36.5622 28.5 37.6667 28.5C38.7713 28.5 39.6667 29.3954 39.6667 30.5C39.6667 31.6046 38.7713 32.5 37.6667 32.5C36.5622 32.5 35.6667 31.6046 35.6667 30.5Z" fill="var(--color-text-warning)" />
+        <path d="M42.6667 30.5C42.6667 29.3954 43.5622 28.5 44.6667 28.5C45.7713 28.5 46.6667 29.3954 46.6667 30.5C46.6667 31.6046 45.7713 32.5 44.6667 32.5C43.5622 32.5 42.6667 31.6046 42.6667 30.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M49.6667 30.5C49.6667 29.3954 50.5622 28.5 51.6667 28.5C52.7713 28.5 53.6667 29.3954 53.6667 30.5C53.6667 31.6046 52.7713 32.5 51.6667 32.5C50.5622 32.5 49.6667 31.6046 49.6667 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 30.5C56.6667 29.3954 57.5622 28.5 58.6667 28.5C59.7713 28.5 60.6667 29.3954 60.6667 30.5C60.6667 31.6046 59.7713 32.5 58.6667 32.5C57.5622 32.5 56.6667 31.6046 56.6667 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.666748 37.5C0.666748 36.3954 1.56218 35.5 2.66675 35.5C3.77132 35.5 4.66675 36.3954 4.66675 37.5C4.66675 38.6046 3.77132 39.5 2.66675 39.5C1.56218 39.5 0.666748 38.6046 0.666748 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.66675 37.5C7.66675 36.3954 8.56218 35.5 9.66675 35.5C10.7713 35.5 11.6667 36.3954 11.6667 37.5C11.6667 38.6046 10.7713 39.5 9.66675 39.5C8.56218 39.5 7.66675 38.6046 7.66675 37.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14.6667 37.5C14.6667 36.3954 15.5622 35.5 16.6667 35.5C17.7713 35.5 18.6667 36.3954 18.6667 37.5C18.6667 38.6046 17.7713 39.5 16.6667 39.5C15.5622 39.5 14.6667 38.6046 14.6667 37.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M21.6667 37.5C21.6667 36.3954 22.5622 35.5 23.6667 35.5C24.7713 35.5 25.6667 36.3954 25.6667 37.5C25.6667 38.6046 24.7713 39.5 23.6667 39.5C22.5622 39.5 21.6667 38.6046 21.6667 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.6667 37.5C28.6667 36.3954 29.5622 35.5 30.6667 35.5C31.7713 35.5 32.6667 36.3954 32.6667 37.5C32.6667 38.6046 31.7713 39.5 30.6667 39.5C29.5622 39.5 28.6667 38.6046 28.6667 37.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.6667 37.5C35.6667 36.3954 36.5622 35.5 37.6667 35.5C38.7713 35.5 39.6667 36.3954 39.6667 37.5C39.6667 38.6046 38.7713 39.5 37.6667 39.5C36.5622 39.5 35.6667 38.6046 35.6667 37.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M42.6667 37.5C42.6667 36.3954 43.5622 35.5 44.6667 35.5C45.7713 35.5 46.6667 36.3954 46.6667 37.5C46.6667 38.6046 45.7713 39.5 44.6667 39.5C43.5622 39.5 42.6667 38.6046 42.6667 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.6667 37.5C49.6667 36.3954 50.5622 35.5 51.6667 35.5C52.7713 35.5 53.6667 36.3954 53.6667 37.5C53.6667 38.6046 52.7713 39.5 51.6667 39.5C50.5622 39.5 49.6667 38.6046 49.6667 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 37.5C56.6667 36.3954 57.5622 35.5 58.6667 35.5C59.7713 35.5 60.6667 36.3954 60.6667 37.5C60.6667 38.6046 59.7713 39.5 58.6667 39.5C57.5622 39.5 56.6667 38.6046 56.6667 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.666748 44.5C0.666748 43.3954 1.56218 42.5 2.66675 42.5C3.77132 42.5 4.66675 43.3954 4.66675 44.5C4.66675 45.6046 3.77132 46.5 2.66675 46.5C1.56218 46.5 0.666748 45.6046 0.666748 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7.66675 44.5C7.66675 43.3954 8.56218 42.5 9.66675 42.5C10.7713 42.5 11.6667 43.3954 11.6667 44.5C11.6667 45.6046 10.7713 46.5 9.66675 46.5C8.56218 46.5 7.66675 45.6046 7.66675 44.5Z" fill="var(--color-text-warning)" />
+        <path d="M14.6667 44.5C14.6667 43.3954 15.5622 42.5 16.6667 42.5C17.7713 42.5 18.6667 43.3954 18.6667 44.5C18.6667 45.6046 17.7713 46.5 16.6667 46.5C15.5622 46.5 14.6667 45.6046 14.6667 44.5Z" fill="var(--color-text-warning)" />
+        <path d="M21.6667 44.5C21.6667 43.3954 22.5622 42.5 23.6667 42.5C24.7713 42.5 25.6667 43.3954 25.6667 44.5C25.6667 45.6046 24.7713 46.5 23.6667 46.5C22.5622 46.5 21.6667 45.6046 21.6667 44.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M28.6667 44.5C28.6667 43.3954 29.5622 42.5 30.6667 42.5C31.7713 42.5 32.6667 43.3954 32.6667 44.5C32.6667 45.6046 31.7713 46.5 30.6667 46.5C29.5622 46.5 28.6667 45.6046 28.6667 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.6667 44.5C35.6667 43.3954 36.5622 42.5 37.6667 42.5C38.7713 42.5 39.6667 43.3954 39.6667 44.5C39.6667 45.6046 38.7713 46.5 37.6667 46.5C36.5622 46.5 35.6667 45.6046 35.6667 44.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M42.6667 44.5C42.6667 43.3954 43.5622 42.5 44.6667 42.5C45.7713 42.5 46.6667 43.3954 46.6667 44.5C46.6667 45.6046 45.7713 46.5 44.6667 46.5C43.5622 46.5 42.6667 45.6046 42.6667 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.6667 44.5C49.6667 43.3954 50.5622 42.5 51.6667 42.5C52.7713 42.5 53.6667 43.3954 53.6667 44.5C53.6667 45.6046 52.7713 46.5 51.6667 46.5C50.5622 46.5 49.6667 45.6046 49.6667 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 44.5C56.6667 43.3954 57.5622 42.5 58.6667 42.5C59.7713 42.5 60.6667 43.3954 60.6667 44.5C60.6667 45.6046 59.7713 46.5 58.6667 46.5C57.5622 46.5 56.6667 45.6046 56.6667 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.666748 51.5C0.666748 50.3954 1.56218 49.5 2.66675 49.5C3.77132 49.5 4.66675 50.3954 4.66675 51.5C4.66675 52.6046 3.77132 53.5 2.66675 53.5C1.56218 53.5 0.666748 52.6046 0.666748 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.66675 51.5C7.66675 50.3954 8.56218 49.5 9.66675 49.5C10.7713 49.5 11.6667 50.3954 11.6667 51.5C11.6667 52.6046 10.7713 53.5 9.66675 53.5C8.56218 53.5 7.66675 52.6046 7.66675 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14.6667 51.5C14.6667 50.3954 15.5622 49.5 16.6667 49.5C17.7713 49.5 18.6667 50.3954 18.6667 51.5C18.6667 52.6046 17.7713 53.5 16.6667 53.5C15.5622 53.5 14.6667 52.6046 14.6667 51.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M21.6667 51.5C21.6667 50.3954 22.5622 49.5 23.6667 49.5C24.7713 49.5 25.6667 50.3954 25.6667 51.5C25.6667 52.6046 24.7713 53.5 23.6667 53.5C22.5622 53.5 21.6667 52.6046 21.6667 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.6667 51.5C28.6667 50.3954 29.5622 49.5 30.6667 49.5C31.7713 49.5 32.6667 50.3954 32.6667 51.5C32.6667 52.6046 31.7713 53.5 30.6667 53.5C29.5622 53.5 28.6667 52.6046 28.6667 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.6667 51.5C35.6667 50.3954 36.5622 49.5 37.6667 49.5C38.7713 49.5 39.6667 50.3954 39.6667 51.5C39.6667 52.6046 38.7713 53.5 37.6667 53.5C36.5622 53.5 35.6667 52.6046 35.6667 51.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M42.6667 51.5C42.6667 50.3954 43.5622 49.5 44.6667 49.5C45.7713 49.5 46.6667 50.3954 46.6667 51.5C46.6667 52.6046 45.7713 53.5 44.6667 53.5C43.5622 53.5 42.6667 52.6046 42.6667 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.6667 51.5C49.6667 50.3954 50.5622 49.5 51.6667 49.5C52.7713 49.5 53.6667 50.3954 53.6667 51.5C53.6667 52.6046 52.7713 53.5 51.6667 53.5C50.5622 53.5 49.6667 52.6046 49.6667 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 51.5C56.6667 50.3954 57.5622 49.5 58.6667 49.5C59.7713 49.5 60.6667 50.3954 60.6667 51.5C60.6667 52.6046 59.7713 53.5 58.6667 53.5C57.5622 53.5 56.6667 52.6046 56.6667 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.666748 58.5C0.666748 57.3954 1.56218 56.5 2.66675 56.5C3.77132 56.5 4.66675 57.3954 4.66675 58.5C4.66675 59.6046 3.77132 60.5 2.66675 60.5C1.56218 60.5 0.666748 59.6046 0.666748 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.66675 58.5C7.66675 57.3954 8.56218 56.5 9.66675 56.5C10.7713 56.5 11.6667 57.3954 11.6667 58.5C11.6667 59.6046 10.7713 60.5 9.66675 60.5C8.56218 60.5 7.66675 59.6046 7.66675 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14.6667 58.5C14.6667 57.3954 15.5622 56.5 16.6667 56.5C17.7713 56.5 18.6667 57.3954 18.6667 58.5C18.6667 59.6046 17.7713 60.5 16.6667 60.5C15.5622 60.5 14.6667 59.6046 14.6667 58.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M21.6667 58.5C21.6667 57.3954 22.5622 56.5 23.6667 56.5C24.7713 56.5 25.6667 57.3954 25.6667 58.5C25.6667 59.6046 24.7713 60.5 23.6667 60.5C22.5622 60.5 21.6667 59.6046 21.6667 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.6667 58.5C28.6667 57.3954 29.5622 56.5 30.6667 56.5C31.7713 56.5 32.6667 57.3954 32.6667 58.5C32.6667 59.6046 31.7713 60.5 30.6667 60.5C29.5622 60.5 28.6667 59.6046 28.6667 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35.6667 58.5C35.6667 57.3954 36.5622 56.5 37.6667 56.5C38.7713 56.5 39.6667 57.3954 39.6667 58.5C39.6667 59.6046 38.7713 60.5 37.6667 60.5C36.5622 60.5 35.6667 59.6046 35.6667 58.5Z" fill="var(--color-text-warning)" />
+        <path opacity="0.18" d="M42.6667 58.5C42.6667 57.3954 43.5622 56.5 44.6667 56.5C45.7713 56.5 46.6667 57.3954 46.6667 58.5C46.6667 59.6046 45.7713 60.5 44.6667 60.5C43.5622 60.5 42.6667 59.6046 42.6667 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.6667 58.5C49.6667 57.3954 50.5622 56.5 51.6667 56.5C52.7713 56.5 53.6667 57.3954 53.6667 58.5C53.6667 59.6046 52.7713 60.5 51.6667 60.5C50.5622 60.5 49.6667 59.6046 49.6667 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.6667 58.5C56.6667 57.3954 57.5622 56.5 58.6667 56.5C59.7713 56.5 60.6667 57.3954 60.6667 58.5C60.6667 59.6046 59.7713 60.5 58.6667 60.5C57.5622 60.5 56.6667 59.6046 56.6667 58.5Z" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <clipPath id='clip0_1_5240'>
-          <rect width='60' height='60' fill='white' transform='translate(0.666748 0.5)' />
+        <clipPath id="clip0_1_5240">
+          <rect width="60" height="60" fill="white" transform="translate(0.666748 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/assets/professional.tsx b/web/app/components/billing/pricing/assets/professional.tsx
index 5cfff9c9a0..7dafc0a3ed 100644
--- a/web/app/components/billing/pricing/assets/professional.tsx
+++ b/web/app/components/billing/pricing/assets/professional.tsx
@@ -1,92 +1,92 @@
 const Professional = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='61' height='61' viewBox='0 0 61 61' fill='none'>
-      <g clipPath='url(#clip0_1_4802)'>
-        <rect opacity='0.18' x='0.666626' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7.66663' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14.6666' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='21.6666' y='0.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='28.6666' y='0.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='35.6666' y='0.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='42.6666' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49.6666' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='56.6666' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='0.666626' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='7.66663' y='7.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='14.6666' y='7.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='21.6666' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28.6666' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35.6666' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='42.6666' y='7.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='49.6666' y='7.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='56.6666' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='0.666626' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='7.66663' y='14.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='14.6666' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21.6666' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28.6666' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35.6666' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='42.6666' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='49.6666' y='14.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='56.6666' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='0.666626' y='21.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='7.66663' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14.6666' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21.6666' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28.6666' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35.6666' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='42.6666' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49.6666' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='56.6666' y='21.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='0.666626' y='28.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='7.66663' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14.6666' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21.6666' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28.6666' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35.6666' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='42.6666' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49.6666' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='56.6666' y='28.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='0.666626' y='35.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='7.66663' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14.6666' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21.6666' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28.6666' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35.6666' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='42.6666' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49.6666' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='56.6666' y='35.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='0.666626' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='7.66663' y='42.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='14.6666' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21.6666' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28.6666' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35.6666' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='42.6666' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='49.6666' y='42.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='56.6666' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='0.666626' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='7.66663' y='49.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='14.6666' y='49.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='21.6666' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28.6666' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35.6666' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='42.6666' y='49.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='49.6666' y='49.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='56.6666' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='0.666626' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7.66663' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14.6666' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='21.6666' y='56.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='28.6666' y='56.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect x='35.6666' y='56.5' width='4' height='4' rx='2' fill='var(--color-saas-dify-blue-accessible)' />
-        <rect opacity='0.18' x='42.6666' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49.6666' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='56.6666' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="none">
+      <g clipPath="url(#clip0_1_4802)">
+        <rect opacity="0.18" x="0.666626" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7.66663" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14.6666" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="21.6666" y="0.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="28.6666" y="0.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="35.6666" y="0.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="42.6666" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49.6666" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="56.6666" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="0.666626" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="7.66663" y="7.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="14.6666" y="7.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="21.6666" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28.6666" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35.6666" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="42.6666" y="7.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="49.6666" y="7.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="56.6666" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="0.666626" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="7.66663" y="14.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="14.6666" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21.6666" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28.6666" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35.6666" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="42.6666" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="49.6666" y="14.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="56.6666" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="0.666626" y="21.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="7.66663" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14.6666" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21.6666" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28.6666" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35.6666" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="42.6666" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49.6666" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="56.6666" y="21.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="0.666626" y="28.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="7.66663" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14.6666" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21.6666" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28.6666" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35.6666" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="42.6666" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49.6666" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="56.6666" y="28.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="0.666626" y="35.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="7.66663" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14.6666" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21.6666" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28.6666" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35.6666" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="42.6666" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49.6666" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="56.6666" y="35.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="0.666626" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="7.66663" y="42.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="14.6666" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21.6666" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28.6666" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35.6666" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="42.6666" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="49.6666" y="42.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="56.6666" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="0.666626" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="7.66663" y="49.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="14.6666" y="49.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="21.6666" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28.6666" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35.6666" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="42.6666" y="49.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="49.6666" y="49.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="56.6666" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="0.666626" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7.66663" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14.6666" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="21.6666" y="56.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="28.6666" y="56.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect x="35.6666" y="56.5" width="4" height="4" rx="2" fill="var(--color-saas-dify-blue-accessible)" />
+        <rect opacity="0.18" x="42.6666" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49.6666" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="56.6666" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <clipPath id='clip0_1_4802'>
-          <rect width='60' height='60' fill='white' transform='translate(0.666626 0.5)' />
+        <clipPath id="clip0_1_4802">
+          <rect width="60" height="60" fill="white" transform="translate(0.666626 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/assets/sandbox.tsx b/web/app/components/billing/pricing/assets/sandbox.tsx
index 4b7f98147d..e972546f42 100644
--- a/web/app/components/billing/pricing/assets/sandbox.tsx
+++ b/web/app/components/billing/pricing/assets/sandbox.tsx
@@ -1,92 +1,92 @@
 const Sandbox = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='60' height='61' viewBox='0 0 60 61' fill='none'>
-      <g clipPath='url(#clip0_1_65915)'>
-        <rect opacity='0.18' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M14 2.5C14 1.39543 14.8954 0.5 16 0.5C17.1046 0.5 18 1.39543 18 2.5C18 3.60457 17.1046 4.5 16 4.5C14.8954 4.5 14 3.60457 14 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21 2.5C21 1.39543 21.8954 0.5 23 0.5C24.1046 0.5 25 1.39543 25 2.5C25 3.60457 24.1046 4.5 23 4.5C21.8954 4.5 21 3.60457 21 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 2.5C28 1.39543 28.8954 0.5 30 0.5C31.1046 0.5 32 1.39543 32 2.5C32 3.60457 31.1046 4.5 30 4.5C28.8954 4.5 28 3.60457 28 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35 2.5C35 1.39543 35.8954 0.5 37 0.5C38.1046 0.5 39 1.39543 39 2.5C39 3.60457 38.1046 4.5 37 4.5C35.8954 4.5 35 3.60457 35 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42 2.5C42 1.39543 42.8954 0.5 44 0.5C45.1046 0.5 46 1.39543 46 2.5C46 3.60457 45.1046 4.5 44 4.5C42.8954 4.5 42 3.60457 42 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M49 2.5C49 1.39543 49.8954 0.5 51 0.5C52.1046 0.5 53 1.39543 53 2.5C53 3.60457 52.1046 4.5 51 4.5C49.8954 4.5 49 3.60457 49 2.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56 2.5C56 1.39543 56.8954 0.5 58 0.5C59.1046 0.5 60 1.39543 60 2.5C60 3.60457 59.1046 4.5 58 4.5C56.8954 4.5 56 3.60457 56 2.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M7 9.5C7 8.39543 7.89543 7.5 9 7.5C10.1046 7.5 11 8.39543 11 9.5C11 10.6046 10.1046 11.5 9 11.5C7.89543 11.5 7 10.6046 7 9.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='42' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M49 9.5C49 8.39543 49.8954 7.5 51 7.5C52.1046 7.5 53 8.39543 53 9.5C53 10.6046 52.1046 11.5 51 11.5C49.8954 11.5 49 10.6046 49 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M56 9.5C56 8.39543 56.8954 7.5 58 7.5C59.1046 7.5 60 8.39543 60 9.5C60 10.6046 59.1046 11.5 58 11.5C56.8954 11.5 56 10.6046 56 9.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 16.5C0 15.3954 0.895431 14.5 2 14.5C3.10457 14.5 4 15.3954 4 16.5C4 17.6046 3.10457 18.5 2 18.5C0.895431 18.5 0 17.6046 0 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7 16.5C7 15.3954 7.89543 14.5 9 14.5C10.1046 14.5 11 15.3954 11 16.5C11 17.6046 10.1046 18.5 9 18.5C7.89543 18.5 7 17.6046 7 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14 16.5C14 15.3954 14.8954 14.5 16 14.5C17.1046 14.5 18 15.3954 18 16.5C18 17.6046 17.1046 18.5 16 18.5C14.8954 18.5 14 17.6046 14 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21 16.5C21 15.3954 21.8954 14.5 23 14.5C24.1046 14.5 25 15.3954 25 16.5C25 17.6046 24.1046 18.5 23 18.5C21.8954 18.5 21 17.6046 21 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 16.5C28 15.3954 28.8954 14.5 30 14.5C31.1046 14.5 32 15.3954 32 16.5C32 17.6046 31.1046 18.5 30 18.5C28.8954 18.5 28 17.6046 28 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35 16.5C35 15.3954 35.8954 14.5 37 14.5C38.1046 14.5 39 15.3954 39 16.5C39 17.6046 38.1046 18.5 37 18.5C35.8954 18.5 35 17.6046 35 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42 16.5C42 15.3954 42.8954 14.5 44 14.5C45.1046 14.5 46 15.3954 46 16.5C46 17.6046 45.1046 18.5 44 18.5C42.8954 18.5 42 17.6046 42 16.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M56 16.5C56 15.3954 56.8954 14.5 58 14.5C59.1046 14.5 60 15.3954 60 16.5C60 17.6046 59.1046 18.5 58 18.5C56.8954 18.5 56 17.6046 56 16.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 23.5C0 22.3954 0.895431 21.5 2 21.5C3.10457 21.5 4 22.3954 4 23.5C4 24.6046 3.10457 25.5 2 25.5C0.895431 25.5 0 24.6046 0 23.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M42 23.5C42 22.3954 42.8954 21.5 44 21.5C45.1046 21.5 46 22.3954 46 23.5C46 24.6046 45.1046 25.5 44 25.5C42.8954 25.5 42 24.6046 42 23.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M56 23.5C56 22.3954 56.8954 21.5 58 21.5C59.1046 21.5 60 22.3954 60 23.5C60 24.6046 59.1046 25.5 58 25.5C56.8954 25.5 56 24.6046 56 23.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 30.5C0 29.3954 0.895431 28.5 2 28.5C3.10457 28.5 4 29.3954 4 30.5C4 31.6046 3.10457 32.5 2 32.5C0.895431 32.5 0 31.6046 0 30.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M42 30.5C42 29.3954 42.8954 28.5 44 28.5C45.1046 28.5 46 29.3954 46 30.5C46 31.6046 45.1046 32.5 44 32.5C42.8954 32.5 42 31.6046 42 30.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M56 30.5C56 29.3954 56.8954 28.5 58 28.5C59.1046 28.5 60 29.3954 60 30.5C60 31.6046 59.1046 32.5 58 32.5C56.8954 32.5 56 31.6046 56 30.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 37.5C0 36.3954 0.895431 35.5 2 35.5C3.10457 35.5 4 36.3954 4 37.5C4 38.6046 3.10457 39.5 2 39.5C0.895431 39.5 0 38.6046 0 37.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M42 37.5C42 36.3954 42.8954 35.5 44 35.5C45.1046 35.5 46 36.3954 46 37.5C46 38.6046 45.1046 39.5 44 39.5C42.8954 39.5 42 38.6046 42 37.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M56 37.5C56 36.3954 56.8954 35.5 58 35.5C59.1046 35.5 60 36.3954 60 37.5C60 38.6046 59.1046 39.5 58 39.5C56.8954 39.5 56 38.6046 56 37.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 44.5C0 43.3954 0.895431 42.5 2 42.5C3.10457 42.5 4 43.3954 4 44.5C4 45.6046 3.10457 46.5 2 46.5C0.895431 46.5 0 45.6046 0 44.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M42 44.5C42 43.3954 42.8954 42.5 44 42.5C45.1046 42.5 46 43.3954 46 44.5C46 45.6046 45.1046 46.5 44 46.5C42.8954 46.5 42 45.6046 42 44.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M56 44.5C56 43.3954 56.8954 42.5 58 42.5C59.1046 42.5 60 43.3954 60 44.5C60 45.6046 59.1046 46.5 58 46.5C56.8954 46.5 56 45.6046 56 44.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M0 51.5C0 50.3954 0.895431 49.5 2 49.5C3.10457 49.5 4 50.3954 4 51.5C4 52.6046 3.10457 53.5 2 53.5C0.895431 53.5 0 52.6046 0 51.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='7' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='14' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='21' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='28' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='35' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M42 51.5C42 50.3954 42.8954 49.5 44 49.5C45.1046 49.5 46 50.3954 46 51.5C46 52.6046 45.1046 53.5 44 53.5C42.8954 53.5 42 52.6046 42 51.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M49 51.5C49 50.3954 49.8954 49.5 51 49.5C52.1046 49.5 53 50.3954 53 51.5C53 52.6046 52.1046 53.5 51 53.5C49.8954 53.5 49 52.6046 49 51.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='56' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <path d='M0 58.5C0 57.3954 0.895431 56.5 2 56.5C3.10457 56.5 4 57.3954 4 58.5C4 59.6046 3.10457 60.5 2 60.5C0.895431 60.5 0 59.6046 0 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M7 58.5C7 57.3954 7.89543 56.5 9 56.5C10.1046 56.5 11 57.3954 11 58.5C11 59.6046 10.1046 60.5 9 60.5C7.89543 60.5 7 59.6046 7 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M14 58.5C14 57.3954 14.8954 56.5 16 56.5C17.1046 56.5 18 57.3954 18 58.5C18 59.6046 17.1046 60.5 16 60.5C14.8954 60.5 14 59.6046 14 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M21 58.5C21 57.3954 21.8954 56.5 23 56.5C24.1046 56.5 25 57.3954 25 58.5C25 59.6046 24.1046 60.5 23 60.5C21.8954 60.5 21 59.6046 21 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M28 58.5C28 57.3954 28.8954 56.5 30 56.5C31.1046 56.5 32 57.3954 32 58.5C32 59.6046 31.1046 60.5 30 60.5C28.8954 60.5 28 59.6046 28 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M35 58.5C35 57.3954 35.8954 56.5 37 56.5C38.1046 56.5 39 57.3954 39 58.5C39 59.6046 38.1046 60.5 37 60.5C35.8954 60.5 35 59.6046 35 58.5Z' fill='var(--color-text-quaternary)' />
-        <path d='M42 58.5C42 57.3954 42.8954 56.5 44 56.5C45.1046 56.5 46 57.3954 46 58.5C46 59.6046 45.1046 60.5 44 60.5C42.8954 60.5 42 59.6046 42 58.5Z' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='49' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect opacity='0.18' x='56' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="60" height="61" viewBox="0 0 60 61" fill="none">
+      <g clipPath="url(#clip0_1_65915)">
+        <rect opacity="0.18" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M14 2.5C14 1.39543 14.8954 0.5 16 0.5C17.1046 0.5 18 1.39543 18 2.5C18 3.60457 17.1046 4.5 16 4.5C14.8954 4.5 14 3.60457 14 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21 2.5C21 1.39543 21.8954 0.5 23 0.5C24.1046 0.5 25 1.39543 25 2.5C25 3.60457 24.1046 4.5 23 4.5C21.8954 4.5 21 3.60457 21 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 2.5C28 1.39543 28.8954 0.5 30 0.5C31.1046 0.5 32 1.39543 32 2.5C32 3.60457 31.1046 4.5 30 4.5C28.8954 4.5 28 3.60457 28 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35 2.5C35 1.39543 35.8954 0.5 37 0.5C38.1046 0.5 39 1.39543 39 2.5C39 3.60457 38.1046 4.5 37 4.5C35.8954 4.5 35 3.60457 35 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42 2.5C42 1.39543 42.8954 0.5 44 0.5C45.1046 0.5 46 1.39543 46 2.5C46 3.60457 45.1046 4.5 44 4.5C42.8954 4.5 42 3.60457 42 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M49 2.5C49 1.39543 49.8954 0.5 51 0.5C52.1046 0.5 53 1.39543 53 2.5C53 3.60457 52.1046 4.5 51 4.5C49.8954 4.5 49 3.60457 49 2.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56 2.5C56 1.39543 56.8954 0.5 58 0.5C59.1046 0.5 60 1.39543 60 2.5C60 3.60457 59.1046 4.5 58 4.5C56.8954 4.5 56 3.60457 56 2.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M7 9.5C7 8.39543 7.89543 7.5 9 7.5C10.1046 7.5 11 8.39543 11 9.5C11 10.6046 10.1046 11.5 9 11.5C7.89543 11.5 7 10.6046 7 9.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="42" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M49 9.5C49 8.39543 49.8954 7.5 51 7.5C52.1046 7.5 53 8.39543 53 9.5C53 10.6046 52.1046 11.5 51 11.5C49.8954 11.5 49 10.6046 49 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M56 9.5C56 8.39543 56.8954 7.5 58 7.5C59.1046 7.5 60 8.39543 60 9.5C60 10.6046 59.1046 11.5 58 11.5C56.8954 11.5 56 10.6046 56 9.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 16.5C0 15.3954 0.895431 14.5 2 14.5C3.10457 14.5 4 15.3954 4 16.5C4 17.6046 3.10457 18.5 2 18.5C0.895431 18.5 0 17.6046 0 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7 16.5C7 15.3954 7.89543 14.5 9 14.5C10.1046 14.5 11 15.3954 11 16.5C11 17.6046 10.1046 18.5 9 18.5C7.89543 18.5 7 17.6046 7 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14 16.5C14 15.3954 14.8954 14.5 16 14.5C17.1046 14.5 18 15.3954 18 16.5C18 17.6046 17.1046 18.5 16 18.5C14.8954 18.5 14 17.6046 14 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21 16.5C21 15.3954 21.8954 14.5 23 14.5C24.1046 14.5 25 15.3954 25 16.5C25 17.6046 24.1046 18.5 23 18.5C21.8954 18.5 21 17.6046 21 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 16.5C28 15.3954 28.8954 14.5 30 14.5C31.1046 14.5 32 15.3954 32 16.5C32 17.6046 31.1046 18.5 30 18.5C28.8954 18.5 28 17.6046 28 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35 16.5C35 15.3954 35.8954 14.5 37 14.5C38.1046 14.5 39 15.3954 39 16.5C39 17.6046 38.1046 18.5 37 18.5C35.8954 18.5 35 17.6046 35 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42 16.5C42 15.3954 42.8954 14.5 44 14.5C45.1046 14.5 46 15.3954 46 16.5C46 17.6046 45.1046 18.5 44 18.5C42.8954 18.5 42 17.6046 42 16.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M56 16.5C56 15.3954 56.8954 14.5 58 14.5C59.1046 14.5 60 15.3954 60 16.5C60 17.6046 59.1046 18.5 58 18.5C56.8954 18.5 56 17.6046 56 16.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 23.5C0 22.3954 0.895431 21.5 2 21.5C3.10457 21.5 4 22.3954 4 23.5C4 24.6046 3.10457 25.5 2 25.5C0.895431 25.5 0 24.6046 0 23.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M42 23.5C42 22.3954 42.8954 21.5 44 21.5C45.1046 21.5 46 22.3954 46 23.5C46 24.6046 45.1046 25.5 44 25.5C42.8954 25.5 42 24.6046 42 23.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M56 23.5C56 22.3954 56.8954 21.5 58 21.5C59.1046 21.5 60 22.3954 60 23.5C60 24.6046 59.1046 25.5 58 25.5C56.8954 25.5 56 24.6046 56 23.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 30.5C0 29.3954 0.895431 28.5 2 28.5C3.10457 28.5 4 29.3954 4 30.5C4 31.6046 3.10457 32.5 2 32.5C0.895431 32.5 0 31.6046 0 30.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M42 30.5C42 29.3954 42.8954 28.5 44 28.5C45.1046 28.5 46 29.3954 46 30.5C46 31.6046 45.1046 32.5 44 32.5C42.8954 32.5 42 31.6046 42 30.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M56 30.5C56 29.3954 56.8954 28.5 58 28.5C59.1046 28.5 60 29.3954 60 30.5C60 31.6046 59.1046 32.5 58 32.5C56.8954 32.5 56 31.6046 56 30.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 37.5C0 36.3954 0.895431 35.5 2 35.5C3.10457 35.5 4 36.3954 4 37.5C4 38.6046 3.10457 39.5 2 39.5C0.895431 39.5 0 38.6046 0 37.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M42 37.5C42 36.3954 42.8954 35.5 44 35.5C45.1046 35.5 46 36.3954 46 37.5C46 38.6046 45.1046 39.5 44 39.5C42.8954 39.5 42 38.6046 42 37.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M56 37.5C56 36.3954 56.8954 35.5 58 35.5C59.1046 35.5 60 36.3954 60 37.5C60 38.6046 59.1046 39.5 58 39.5C56.8954 39.5 56 38.6046 56 37.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 44.5C0 43.3954 0.895431 42.5 2 42.5C3.10457 42.5 4 43.3954 4 44.5C4 45.6046 3.10457 46.5 2 46.5C0.895431 46.5 0 45.6046 0 44.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M42 44.5C42 43.3954 42.8954 42.5 44 42.5C45.1046 42.5 46 43.3954 46 44.5C46 45.6046 45.1046 46.5 44 46.5C42.8954 46.5 42 45.6046 42 44.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M56 44.5C56 43.3954 56.8954 42.5 58 42.5C59.1046 42.5 60 43.3954 60 44.5C60 45.6046 59.1046 46.5 58 46.5C56.8954 46.5 56 45.6046 56 44.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M0 51.5C0 50.3954 0.895431 49.5 2 49.5C3.10457 49.5 4 50.3954 4 51.5C4 52.6046 3.10457 53.5 2 53.5C0.895431 53.5 0 52.6046 0 51.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="7" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="14" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="21" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="28" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="35" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M42 51.5C42 50.3954 42.8954 49.5 44 49.5C45.1046 49.5 46 50.3954 46 51.5C46 52.6046 45.1046 53.5 44 53.5C42.8954 53.5 42 52.6046 42 51.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M49 51.5C49 50.3954 49.8954 49.5 51 49.5C52.1046 49.5 53 50.3954 53 51.5C53 52.6046 52.1046 53.5 51 53.5C49.8954 53.5 49 52.6046 49 51.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="56" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <path d="M0 58.5C0 57.3954 0.895431 56.5 2 56.5C3.10457 56.5 4 57.3954 4 58.5C4 59.6046 3.10457 60.5 2 60.5C0.895431 60.5 0 59.6046 0 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M7 58.5C7 57.3954 7.89543 56.5 9 56.5C10.1046 56.5 11 57.3954 11 58.5C11 59.6046 10.1046 60.5 9 60.5C7.89543 60.5 7 59.6046 7 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M14 58.5C14 57.3954 14.8954 56.5 16 56.5C17.1046 56.5 18 57.3954 18 58.5C18 59.6046 17.1046 60.5 16 60.5C14.8954 60.5 14 59.6046 14 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M21 58.5C21 57.3954 21.8954 56.5 23 56.5C24.1046 56.5 25 57.3954 25 58.5C25 59.6046 24.1046 60.5 23 60.5C21.8954 60.5 21 59.6046 21 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M28 58.5C28 57.3954 28.8954 56.5 30 56.5C31.1046 56.5 32 57.3954 32 58.5C32 59.6046 31.1046 60.5 30 60.5C28.8954 60.5 28 59.6046 28 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M35 58.5C35 57.3954 35.8954 56.5 37 56.5C38.1046 56.5 39 57.3954 39 58.5C39 59.6046 38.1046 60.5 37 60.5C35.8954 60.5 35 59.6046 35 58.5Z" fill="var(--color-text-quaternary)" />
+        <path d="M42 58.5C42 57.3954 42.8954 56.5 44 56.5C45.1046 56.5 46 57.3954 46 58.5C46 59.6046 45.1046 60.5 44 60.5C42.8954 60.5 42 59.6046 42 58.5Z" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="49" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect opacity="0.18" x="56" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <clipPath id='clip0_1_65915'>
-          <rect width='60' height='60' fill='white' transform='translate(0 0.5)' />
+        <clipPath id="clip0_1_65915">
+          <rect width="60" height="60" fill="white" transform="translate(0 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/assets/self-hosted.tsx b/web/app/components/billing/pricing/assets/self-hosted.tsx
index 68a1e1fa37..7fd430957a 100644
--- a/web/app/components/billing/pricing/assets/self-hosted.tsx
+++ b/web/app/components/billing/pricing/assets/self-hosted.tsx
@@ -8,21 +8,21 @@ const SelfHosted = ({
   const color = isActive ? 'var(--color-saas-dify-blue-accessible)' : 'var(--color-text-primary)'
 
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'>
-      <g clipPath='url(#clip0_1_4644)'>
-        <rect opacity='0.18' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='6' y='0.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' x='12' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect y='6.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' x='6' y='6.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='12' y='6.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' y='12.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
-        <rect x='6' y='12.5' width='4' height='4' rx='2' fill={color} />
-        <rect opacity='0.18' x='12' y='12.5' width='4' height='4' rx='2' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+      <g clipPath="url(#clip0_1_4644)">
+        <rect opacity="0.18" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="6" y="0.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" x="12" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect y="6.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" x="6" y="6.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="12" y="6.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" y="12.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
+        <rect x="6" y="12.5" width="4" height="4" rx="2" fill={color} />
+        <rect opacity="0.18" x="12" y="12.5" width="4" height="4" rx="2" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <clipPath id='clip0_1_4644'>
-          <rect width='16' height='16' fill='white' transform='translate(0 0.5)' />
+        <clipPath id="clip0_1_4644">
+          <rect width="16" height="16" fill="white" transform="translate(0 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/assets/team.tsx b/web/app/components/billing/pricing/assets/team.tsx
index 9e46f55ba8..a6dbbdfc94 100644
--- a/web/app/components/billing/pricing/assets/team.tsx
+++ b/web/app/components/billing/pricing/assets/team.tsx
@@ -1,92 +1,92 @@
 const Team = () => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='61' height='61' viewBox='0 0 61 61' fill='none'>
-      <g clipPath='url(#clip0_1_4943)'>
-        <rect x='0.333374' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='7.33337' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='14.3334' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M21.3334 2.5C21.3334 1.39543 22.2288 0.5 23.3334 0.5C24.4379 0.5 25.3334 1.39543 25.3334 2.5C25.3334 3.60457 24.4379 4.5 23.3334 4.5C22.2288 4.5 21.3334 3.60457 21.3334 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3334 2.5C28.3334 1.39543 29.2288 0.5 30.3334 0.5C31.4379 0.5 32.3334 1.39543 32.3334 2.5C32.3334 3.60457 31.4379 4.5 30.3334 4.5C29.2288 4.5 28.3334 3.60457 28.3334 2.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='35.3334' y='0.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M42.3334 2.5C42.3334 1.39543 43.2288 0.5 44.3334 0.5C45.4379 0.5 46.3334 1.39543 46.3334 2.5C46.3334 3.60457 45.4379 4.5 44.3334 4.5C43.2288 4.5 42.3334 3.60457 42.3334 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3334 2.5C49.3334 1.39543 50.2288 0.5 51.3334 0.5C52.4379 0.5 53.3334 1.39543 53.3334 2.5C53.3334 3.60457 52.4379 4.5 51.3334 4.5C50.2288 4.5 49.3334 3.60457 49.3334 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.3334 2.5C56.3334 1.39543 57.2288 0.5 58.3334 0.5C59.4379 0.5 60.3334 1.39543 60.3334 2.5C60.3334 3.60457 59.4379 4.5 58.3334 4.5C57.2288 4.5 56.3334 3.60457 56.3334 2.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.333374 9.5C0.333374 8.39543 1.2288 7.5 2.33337 7.5C3.43794 7.5 4.33337 8.39543 4.33337 9.5C4.33337 10.6046 3.43794 11.5 2.33337 11.5C1.2288 11.5 0.333374 10.6046 0.333374 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.33337 9.5C7.33337 8.39543 8.2288 7.5 9.33337 7.5C10.4379 7.5 11.3334 8.39543 11.3334 9.5C11.3334 10.6046 10.4379 11.5 9.33337 11.5C8.2288 11.5 7.33337 10.6046 7.33337 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3334 9.5C14.3334 8.39543 15.2288 7.5 16.3334 7.5C17.4379 7.5 18.3334 8.39543 18.3334 9.5C18.3334 10.6046 17.4379 11.5 16.3334 11.5C15.2288 11.5 14.3334 10.6046 14.3334 9.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='21.3334' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='28.3334' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M35.3334 9.5C35.3334 8.39543 36.2288 7.5 37.3334 7.5C38.4379 7.5 39.3334 8.39543 39.3334 9.5C39.3334 10.6046 38.4379 11.5 37.3334 11.5C36.2288 11.5 35.3334 10.6046 35.3334 9.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='42.3334' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='49.3334' y='7.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M56.3334 9.5C56.3334 8.39543 57.2288 7.5 58.3334 7.5C59.4379 7.5 60.3334 8.39543 60.3334 9.5C60.3334 10.6046 59.4379 11.5 58.3334 11.5C57.2288 11.5 56.3334 10.6046 56.3334 9.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.333374 16.5C0.333374 15.3954 1.2288 14.5 2.33337 14.5C3.43794 14.5 4.33337 15.3954 4.33337 16.5C4.33337 17.6046 3.43794 18.5 2.33337 18.5C1.2288 18.5 0.333374 17.6046 0.333374 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.33337 16.5C7.33337 15.3954 8.2288 14.5 9.33337 14.5C10.4379 14.5 11.3334 15.3954 11.3334 16.5C11.3334 17.6046 10.4379 18.5 9.33337 18.5C8.2288 18.5 7.33337 17.6046 7.33337 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3334 16.5C14.3334 15.3954 15.2288 14.5 16.3334 14.5C17.4379 14.5 18.3334 15.3954 18.3334 16.5C18.3334 17.6046 17.4379 18.5 16.3334 18.5C15.2288 18.5 14.3334 17.6046 14.3334 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3334 16.5C21.3334 15.3954 22.2288 14.5 23.3334 14.5C24.4379 14.5 25.3334 15.3954 25.3334 16.5C25.3334 17.6046 24.4379 18.5 23.3334 18.5C22.2288 18.5 21.3334 17.6046 21.3334 16.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='28.3334' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M35.3334 16.5C35.3334 15.3954 36.2288 14.5 37.3334 14.5C38.4379 14.5 39.3334 15.3954 39.3334 16.5C39.3334 17.6046 38.4379 18.5 37.3334 18.5C36.2288 18.5 35.3334 17.6046 35.3334 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42.3334 16.5C42.3334 15.3954 43.2288 14.5 44.3334 14.5C45.4379 14.5 46.3334 15.3954 46.3334 16.5C46.3334 17.6046 45.4379 18.5 44.3334 18.5C43.2288 18.5 42.3334 17.6046 42.3334 16.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='49.3334' y='14.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M56.3334 16.5C56.3334 15.3954 57.2288 14.5 58.3334 14.5C59.4379 14.5 60.3334 15.3954 60.3334 16.5C60.3334 17.6046 59.4379 18.5 58.3334 18.5C57.2288 18.5 56.3334 17.6046 56.3334 16.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.333374 23.5C0.333374 22.3954 1.2288 21.5 2.33337 21.5C3.43794 21.5 4.33337 22.3954 4.33337 23.5C4.33337 24.6046 3.43794 25.5 2.33337 25.5C1.2288 25.5 0.333374 24.6046 0.333374 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.33337 23.5C7.33337 22.3954 8.2288 21.5 9.33337 21.5C10.4379 21.5 11.3334 22.3954 11.3334 23.5C11.3334 24.6046 10.4379 25.5 9.33337 25.5C8.2288 25.5 7.33337 24.6046 7.33337 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3334 23.5C14.3334 22.3954 15.2288 21.5 16.3334 21.5C17.4379 21.5 18.3334 22.3954 18.3334 23.5C18.3334 24.6046 17.4379 25.5 16.3334 25.5C15.2288 25.5 14.3334 24.6046 14.3334 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3334 23.5C21.3334 22.3954 22.2288 21.5 23.3334 21.5C24.4379 21.5 25.3334 22.3954 25.3334 23.5C25.3334 24.6046 24.4379 25.5 23.3334 25.5C22.2288 25.5 21.3334 24.6046 21.3334 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3334 23.5C28.3334 22.3954 29.2288 21.5 30.3334 21.5C31.4379 21.5 32.3334 22.3954 32.3334 23.5C32.3334 24.6046 31.4379 25.5 30.3334 25.5C29.2288 25.5 28.3334 24.6046 28.3334 23.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='35.3334' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M42.3334 23.5C42.3334 22.3954 43.2288 21.5 44.3334 21.5C45.4379 21.5 46.3334 22.3954 46.3334 23.5C46.3334 24.6046 45.4379 25.5 44.3334 25.5C43.2288 25.5 42.3334 24.6046 42.3334 23.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3334 23.5C49.3334 22.3954 50.2288 21.5 51.3334 21.5C52.4379 21.5 53.3334 22.3954 53.3334 23.5C53.3334 24.6046 52.4379 25.5 51.3334 25.5C50.2288 25.5 49.3334 24.6046 49.3334 23.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='56.3334' y='21.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M0.333374 30.5C0.333374 29.3954 1.2288 28.5 2.33337 28.5C3.43794 28.5 4.33337 29.3954 4.33337 30.5C4.33337 31.6046 3.43794 32.5 2.33337 32.5C1.2288 32.5 0.333374 31.6046 0.333374 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.33337 30.5C7.33337 29.3954 8.2288 28.5 9.33337 28.5C10.4379 28.5 11.3334 29.3954 11.3334 30.5C11.3334 31.6046 10.4379 32.5 9.33337 32.5C8.2288 32.5 7.33337 31.6046 7.33337 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3334 30.5C14.3334 29.3954 15.2288 28.5 16.3334 28.5C17.4379 28.5 18.3334 29.3954 18.3334 30.5C18.3334 31.6046 17.4379 32.5 16.3334 32.5C15.2288 32.5 14.3334 31.6046 14.3334 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3334 30.5C21.3334 29.3954 22.2288 28.5 23.3334 28.5C24.4379 28.5 25.3334 29.3954 25.3334 30.5C25.3334 31.6046 24.4379 32.5 23.3334 32.5C22.2288 32.5 21.3334 31.6046 21.3334 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3334 30.5C28.3334 29.3954 29.2288 28.5 30.3334 28.5C31.4379 28.5 32.3334 29.3954 32.3334 30.5C32.3334 31.6046 31.4379 32.5 30.3334 32.5C29.2288 32.5 28.3334 31.6046 28.3334 30.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='35.3334' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M42.3334 30.5C42.3334 29.3954 43.2288 28.5 44.3334 28.5C45.4379 28.5 46.3334 29.3954 46.3334 30.5C46.3334 31.6046 45.4379 32.5 44.3334 32.5C43.2288 32.5 42.3334 31.6046 42.3334 30.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3334 30.5C49.3334 29.3954 50.2288 28.5 51.3334 28.5C52.4379 28.5 53.3334 29.3954 53.3334 30.5C53.3334 31.6046 52.4379 32.5 51.3334 32.5C50.2288 32.5 49.3334 31.6046 49.3334 30.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='56.3334' y='28.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M0.333374 37.5C0.333374 36.3954 1.2288 35.5 2.33337 35.5C3.43794 35.5 4.33337 36.3954 4.33337 37.5C4.33337 38.6046 3.43794 39.5 2.33337 39.5C1.2288 39.5 0.333374 38.6046 0.333374 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.33337 37.5C7.33337 36.3954 8.2288 35.5 9.33337 35.5C10.4379 35.5 11.3334 36.3954 11.3334 37.5C11.3334 38.6046 10.4379 39.5 9.33337 39.5C8.2288 39.5 7.33337 38.6046 7.33337 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3334 37.5C14.3334 36.3954 15.2288 35.5 16.3334 35.5C17.4379 35.5 18.3334 36.3954 18.3334 37.5C18.3334 38.6046 17.4379 39.5 16.3334 39.5C15.2288 39.5 14.3334 38.6046 14.3334 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3334 37.5C21.3334 36.3954 22.2288 35.5 23.3334 35.5C24.4379 35.5 25.3334 36.3954 25.3334 37.5C25.3334 38.6046 24.4379 39.5 23.3334 39.5C22.2288 39.5 21.3334 38.6046 21.3334 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3334 37.5C28.3334 36.3954 29.2288 35.5 30.3334 35.5C31.4379 35.5 32.3334 36.3954 32.3334 37.5C32.3334 38.6046 31.4379 39.5 30.3334 39.5C29.2288 39.5 28.3334 38.6046 28.3334 37.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='35.3334' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M42.3334 37.5C42.3334 36.3954 43.2288 35.5 44.3334 35.5C45.4379 35.5 46.3334 36.3954 46.3334 37.5C46.3334 38.6046 45.4379 39.5 44.3334 39.5C43.2288 39.5 42.3334 38.6046 42.3334 37.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3334 37.5C49.3334 36.3954 50.2288 35.5 51.3334 35.5C52.4379 35.5 53.3334 36.3954 53.3334 37.5C53.3334 38.6046 52.4379 39.5 51.3334 39.5C50.2288 39.5 49.3334 38.6046 49.3334 37.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='56.3334' y='35.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M0.333374 44.5C0.333374 43.3954 1.2288 42.5 2.33337 42.5C3.43794 42.5 4.33337 43.3954 4.33337 44.5C4.33337 45.6046 3.43794 46.5 2.33337 46.5C1.2288 46.5 0.333374 45.6046 0.333374 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.33337 44.5C7.33337 43.3954 8.2288 42.5 9.33337 42.5C10.4379 42.5 11.3334 43.3954 11.3334 44.5C11.3334 45.6046 10.4379 46.5 9.33337 46.5C8.2288 46.5 7.33337 45.6046 7.33337 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3334 44.5C14.3334 43.3954 15.2288 42.5 16.3334 42.5C17.4379 42.5 18.3334 43.3954 18.3334 44.5C18.3334 45.6046 17.4379 46.5 16.3334 46.5C15.2288 46.5 14.3334 45.6046 14.3334 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M21.3334 44.5C21.3334 43.3954 22.2288 42.5 23.3334 42.5C24.4379 42.5 25.3334 43.3954 25.3334 44.5C25.3334 45.6046 24.4379 46.5 23.3334 46.5C22.2288 46.5 21.3334 45.6046 21.3334 44.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='28.3334' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M35.3334 44.5C35.3334 43.3954 36.2288 42.5 37.3334 42.5C38.4379 42.5 39.3334 43.3954 39.3334 44.5C39.3334 45.6046 38.4379 46.5 37.3334 46.5C36.2288 46.5 35.3334 45.6046 35.3334 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M42.3334 44.5C42.3334 43.3954 43.2288 42.5 44.3334 42.5C45.4379 42.5 46.3334 43.3954 46.3334 44.5C46.3334 45.6046 45.4379 46.5 44.3334 46.5C43.2288 46.5 42.3334 45.6046 42.3334 44.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='49.3334' y='42.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M56.3334 44.5C56.3334 43.3954 57.2288 42.5 58.3334 42.5C59.4379 42.5 60.3334 43.3954 60.3334 44.5C60.3334 45.6046 59.4379 46.5 58.3334 46.5C57.2288 46.5 56.3334 45.6046 56.3334 44.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M0.333374 51.5C0.333374 50.3954 1.2288 49.5 2.33337 49.5C3.43794 49.5 4.33337 50.3954 4.33337 51.5C4.33337 52.6046 3.43794 53.5 2.33337 53.5C1.2288 53.5 0.333374 52.6046 0.333374 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M7.33337 51.5C7.33337 50.3954 8.2288 49.5 9.33337 49.5C10.4379 49.5 11.3334 50.3954 11.3334 51.5C11.3334 52.6046 10.4379 53.5 9.33337 53.5C8.2288 53.5 7.33337 52.6046 7.33337 51.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M14.3334 51.5C14.3334 50.3954 15.2288 49.5 16.3334 49.5C17.4379 49.5 18.3334 50.3954 18.3334 51.5C18.3334 52.6046 17.4379 53.5 16.3334 53.5C15.2288 53.5 14.3334 52.6046 14.3334 51.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='21.3334' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='28.3334' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M35.3334 51.5C35.3334 50.3954 36.2288 49.5 37.3334 49.5C38.4379 49.5 39.3334 50.3954 39.3334 51.5C39.3334 52.6046 38.4379 53.5 37.3334 53.5C36.2288 53.5 35.3334 52.6046 35.3334 51.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='42.3334' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='49.3334' y='49.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M56.3334 51.5C56.3334 50.3954 57.2288 49.5 58.3334 49.5C59.4379 49.5 60.3334 50.3954 60.3334 51.5C60.3334 52.6046 59.4379 53.5 58.3334 53.5C57.2288 53.5 56.3334 52.6046 56.3334 51.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='0.333374' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='7.33337' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <rect x='14.3334' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M21.3334 58.5C21.3334 57.3954 22.2288 56.5 23.3334 56.5C24.4379 56.5 25.3334 57.3954 25.3334 58.5C25.3334 59.6046 24.4379 60.5 23.3334 60.5C22.2288 60.5 21.3334 59.6046 21.3334 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M28.3334 58.5C28.3334 57.3954 29.2288 56.5 30.3334 56.5C31.4379 56.5 32.3334 57.3954 32.3334 58.5C32.3334 59.6046 31.4379 60.5 30.3334 60.5C29.2288 60.5 28.3334 59.6046 28.3334 58.5Z' fill='var(--color-text-quaternary)' />
-        <rect x='35.3334' y='56.5' width='4' height='4' rx='2' fill='var(--color-text-secondary)' />
-        <path opacity='0.18' d='M42.3334 58.5C42.3334 57.3954 43.2288 56.5 44.3334 56.5C45.4379 56.5 46.3334 57.3954 46.3334 58.5C46.3334 59.6046 45.4379 60.5 44.3334 60.5C43.2288 60.5 42.3334 59.6046 42.3334 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M49.3334 58.5C49.3334 57.3954 50.2288 56.5 51.3334 56.5C52.4379 56.5 53.3334 57.3954 53.3334 58.5C53.3334 59.6046 52.4379 60.5 51.3334 60.5C50.2288 60.5 49.3334 59.6046 49.3334 58.5Z' fill='var(--color-text-quaternary)' />
-        <path opacity='0.18' d='M56.3334 58.5C56.3334 57.3954 57.2288 56.5 58.3334 56.5C59.4379 56.5 60.3334 57.3954 60.3334 58.5C60.3334 59.6046 59.4379 60.5 58.3334 60.5C57.2288 60.5 56.3334 59.6046 56.3334 58.5Z' fill='var(--color-text-quaternary)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="none">
+      <g clipPath="url(#clip0_1_4943)">
+        <rect x="0.333374" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="7.33337" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="14.3334" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M21.3334 2.5C21.3334 1.39543 22.2288 0.5 23.3334 0.5C24.4379 0.5 25.3334 1.39543 25.3334 2.5C25.3334 3.60457 24.4379 4.5 23.3334 4.5C22.2288 4.5 21.3334 3.60457 21.3334 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3334 2.5C28.3334 1.39543 29.2288 0.5 30.3334 0.5C31.4379 0.5 32.3334 1.39543 32.3334 2.5C32.3334 3.60457 31.4379 4.5 30.3334 4.5C29.2288 4.5 28.3334 3.60457 28.3334 2.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="35.3334" y="0.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M42.3334 2.5C42.3334 1.39543 43.2288 0.5 44.3334 0.5C45.4379 0.5 46.3334 1.39543 46.3334 2.5C46.3334 3.60457 45.4379 4.5 44.3334 4.5C43.2288 4.5 42.3334 3.60457 42.3334 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3334 2.5C49.3334 1.39543 50.2288 0.5 51.3334 0.5C52.4379 0.5 53.3334 1.39543 53.3334 2.5C53.3334 3.60457 52.4379 4.5 51.3334 4.5C50.2288 4.5 49.3334 3.60457 49.3334 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.3334 2.5C56.3334 1.39543 57.2288 0.5 58.3334 0.5C59.4379 0.5 60.3334 1.39543 60.3334 2.5C60.3334 3.60457 59.4379 4.5 58.3334 4.5C57.2288 4.5 56.3334 3.60457 56.3334 2.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.333374 9.5C0.333374 8.39543 1.2288 7.5 2.33337 7.5C3.43794 7.5 4.33337 8.39543 4.33337 9.5C4.33337 10.6046 3.43794 11.5 2.33337 11.5C1.2288 11.5 0.333374 10.6046 0.333374 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.33337 9.5C7.33337 8.39543 8.2288 7.5 9.33337 7.5C10.4379 7.5 11.3334 8.39543 11.3334 9.5C11.3334 10.6046 10.4379 11.5 9.33337 11.5C8.2288 11.5 7.33337 10.6046 7.33337 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3334 9.5C14.3334 8.39543 15.2288 7.5 16.3334 7.5C17.4379 7.5 18.3334 8.39543 18.3334 9.5C18.3334 10.6046 17.4379 11.5 16.3334 11.5C15.2288 11.5 14.3334 10.6046 14.3334 9.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="21.3334" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="28.3334" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M35.3334 9.5C35.3334 8.39543 36.2288 7.5 37.3334 7.5C38.4379 7.5 39.3334 8.39543 39.3334 9.5C39.3334 10.6046 38.4379 11.5 37.3334 11.5C36.2288 11.5 35.3334 10.6046 35.3334 9.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="42.3334" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="49.3334" y="7.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M56.3334 9.5C56.3334 8.39543 57.2288 7.5 58.3334 7.5C59.4379 7.5 60.3334 8.39543 60.3334 9.5C60.3334 10.6046 59.4379 11.5 58.3334 11.5C57.2288 11.5 56.3334 10.6046 56.3334 9.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.333374 16.5C0.333374 15.3954 1.2288 14.5 2.33337 14.5C3.43794 14.5 4.33337 15.3954 4.33337 16.5C4.33337 17.6046 3.43794 18.5 2.33337 18.5C1.2288 18.5 0.333374 17.6046 0.333374 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.33337 16.5C7.33337 15.3954 8.2288 14.5 9.33337 14.5C10.4379 14.5 11.3334 15.3954 11.3334 16.5C11.3334 17.6046 10.4379 18.5 9.33337 18.5C8.2288 18.5 7.33337 17.6046 7.33337 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3334 16.5C14.3334 15.3954 15.2288 14.5 16.3334 14.5C17.4379 14.5 18.3334 15.3954 18.3334 16.5C18.3334 17.6046 17.4379 18.5 16.3334 18.5C15.2288 18.5 14.3334 17.6046 14.3334 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3334 16.5C21.3334 15.3954 22.2288 14.5 23.3334 14.5C24.4379 14.5 25.3334 15.3954 25.3334 16.5C25.3334 17.6046 24.4379 18.5 23.3334 18.5C22.2288 18.5 21.3334 17.6046 21.3334 16.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="28.3334" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M35.3334 16.5C35.3334 15.3954 36.2288 14.5 37.3334 14.5C38.4379 14.5 39.3334 15.3954 39.3334 16.5C39.3334 17.6046 38.4379 18.5 37.3334 18.5C36.2288 18.5 35.3334 17.6046 35.3334 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42.3334 16.5C42.3334 15.3954 43.2288 14.5 44.3334 14.5C45.4379 14.5 46.3334 15.3954 46.3334 16.5C46.3334 17.6046 45.4379 18.5 44.3334 18.5C43.2288 18.5 42.3334 17.6046 42.3334 16.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="49.3334" y="14.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M56.3334 16.5C56.3334 15.3954 57.2288 14.5 58.3334 14.5C59.4379 14.5 60.3334 15.3954 60.3334 16.5C60.3334 17.6046 59.4379 18.5 58.3334 18.5C57.2288 18.5 56.3334 17.6046 56.3334 16.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.333374 23.5C0.333374 22.3954 1.2288 21.5 2.33337 21.5C3.43794 21.5 4.33337 22.3954 4.33337 23.5C4.33337 24.6046 3.43794 25.5 2.33337 25.5C1.2288 25.5 0.333374 24.6046 0.333374 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.33337 23.5C7.33337 22.3954 8.2288 21.5 9.33337 21.5C10.4379 21.5 11.3334 22.3954 11.3334 23.5C11.3334 24.6046 10.4379 25.5 9.33337 25.5C8.2288 25.5 7.33337 24.6046 7.33337 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3334 23.5C14.3334 22.3954 15.2288 21.5 16.3334 21.5C17.4379 21.5 18.3334 22.3954 18.3334 23.5C18.3334 24.6046 17.4379 25.5 16.3334 25.5C15.2288 25.5 14.3334 24.6046 14.3334 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3334 23.5C21.3334 22.3954 22.2288 21.5 23.3334 21.5C24.4379 21.5 25.3334 22.3954 25.3334 23.5C25.3334 24.6046 24.4379 25.5 23.3334 25.5C22.2288 25.5 21.3334 24.6046 21.3334 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3334 23.5C28.3334 22.3954 29.2288 21.5 30.3334 21.5C31.4379 21.5 32.3334 22.3954 32.3334 23.5C32.3334 24.6046 31.4379 25.5 30.3334 25.5C29.2288 25.5 28.3334 24.6046 28.3334 23.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="35.3334" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M42.3334 23.5C42.3334 22.3954 43.2288 21.5 44.3334 21.5C45.4379 21.5 46.3334 22.3954 46.3334 23.5C46.3334 24.6046 45.4379 25.5 44.3334 25.5C43.2288 25.5 42.3334 24.6046 42.3334 23.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3334 23.5C49.3334 22.3954 50.2288 21.5 51.3334 21.5C52.4379 21.5 53.3334 22.3954 53.3334 23.5C53.3334 24.6046 52.4379 25.5 51.3334 25.5C50.2288 25.5 49.3334 24.6046 49.3334 23.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="56.3334" y="21.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M0.333374 30.5C0.333374 29.3954 1.2288 28.5 2.33337 28.5C3.43794 28.5 4.33337 29.3954 4.33337 30.5C4.33337 31.6046 3.43794 32.5 2.33337 32.5C1.2288 32.5 0.333374 31.6046 0.333374 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.33337 30.5C7.33337 29.3954 8.2288 28.5 9.33337 28.5C10.4379 28.5 11.3334 29.3954 11.3334 30.5C11.3334 31.6046 10.4379 32.5 9.33337 32.5C8.2288 32.5 7.33337 31.6046 7.33337 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3334 30.5C14.3334 29.3954 15.2288 28.5 16.3334 28.5C17.4379 28.5 18.3334 29.3954 18.3334 30.5C18.3334 31.6046 17.4379 32.5 16.3334 32.5C15.2288 32.5 14.3334 31.6046 14.3334 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3334 30.5C21.3334 29.3954 22.2288 28.5 23.3334 28.5C24.4379 28.5 25.3334 29.3954 25.3334 30.5C25.3334 31.6046 24.4379 32.5 23.3334 32.5C22.2288 32.5 21.3334 31.6046 21.3334 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3334 30.5C28.3334 29.3954 29.2288 28.5 30.3334 28.5C31.4379 28.5 32.3334 29.3954 32.3334 30.5C32.3334 31.6046 31.4379 32.5 30.3334 32.5C29.2288 32.5 28.3334 31.6046 28.3334 30.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="35.3334" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M42.3334 30.5C42.3334 29.3954 43.2288 28.5 44.3334 28.5C45.4379 28.5 46.3334 29.3954 46.3334 30.5C46.3334 31.6046 45.4379 32.5 44.3334 32.5C43.2288 32.5 42.3334 31.6046 42.3334 30.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3334 30.5C49.3334 29.3954 50.2288 28.5 51.3334 28.5C52.4379 28.5 53.3334 29.3954 53.3334 30.5C53.3334 31.6046 52.4379 32.5 51.3334 32.5C50.2288 32.5 49.3334 31.6046 49.3334 30.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="56.3334" y="28.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M0.333374 37.5C0.333374 36.3954 1.2288 35.5 2.33337 35.5C3.43794 35.5 4.33337 36.3954 4.33337 37.5C4.33337 38.6046 3.43794 39.5 2.33337 39.5C1.2288 39.5 0.333374 38.6046 0.333374 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.33337 37.5C7.33337 36.3954 8.2288 35.5 9.33337 35.5C10.4379 35.5 11.3334 36.3954 11.3334 37.5C11.3334 38.6046 10.4379 39.5 9.33337 39.5C8.2288 39.5 7.33337 38.6046 7.33337 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3334 37.5C14.3334 36.3954 15.2288 35.5 16.3334 35.5C17.4379 35.5 18.3334 36.3954 18.3334 37.5C18.3334 38.6046 17.4379 39.5 16.3334 39.5C15.2288 39.5 14.3334 38.6046 14.3334 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3334 37.5C21.3334 36.3954 22.2288 35.5 23.3334 35.5C24.4379 35.5 25.3334 36.3954 25.3334 37.5C25.3334 38.6046 24.4379 39.5 23.3334 39.5C22.2288 39.5 21.3334 38.6046 21.3334 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3334 37.5C28.3334 36.3954 29.2288 35.5 30.3334 35.5C31.4379 35.5 32.3334 36.3954 32.3334 37.5C32.3334 38.6046 31.4379 39.5 30.3334 39.5C29.2288 39.5 28.3334 38.6046 28.3334 37.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="35.3334" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M42.3334 37.5C42.3334 36.3954 43.2288 35.5 44.3334 35.5C45.4379 35.5 46.3334 36.3954 46.3334 37.5C46.3334 38.6046 45.4379 39.5 44.3334 39.5C43.2288 39.5 42.3334 38.6046 42.3334 37.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3334 37.5C49.3334 36.3954 50.2288 35.5 51.3334 35.5C52.4379 35.5 53.3334 36.3954 53.3334 37.5C53.3334 38.6046 52.4379 39.5 51.3334 39.5C50.2288 39.5 49.3334 38.6046 49.3334 37.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="56.3334" y="35.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M0.333374 44.5C0.333374 43.3954 1.2288 42.5 2.33337 42.5C3.43794 42.5 4.33337 43.3954 4.33337 44.5C4.33337 45.6046 3.43794 46.5 2.33337 46.5C1.2288 46.5 0.333374 45.6046 0.333374 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.33337 44.5C7.33337 43.3954 8.2288 42.5 9.33337 42.5C10.4379 42.5 11.3334 43.3954 11.3334 44.5C11.3334 45.6046 10.4379 46.5 9.33337 46.5C8.2288 46.5 7.33337 45.6046 7.33337 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3334 44.5C14.3334 43.3954 15.2288 42.5 16.3334 42.5C17.4379 42.5 18.3334 43.3954 18.3334 44.5C18.3334 45.6046 17.4379 46.5 16.3334 46.5C15.2288 46.5 14.3334 45.6046 14.3334 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M21.3334 44.5C21.3334 43.3954 22.2288 42.5 23.3334 42.5C24.4379 42.5 25.3334 43.3954 25.3334 44.5C25.3334 45.6046 24.4379 46.5 23.3334 46.5C22.2288 46.5 21.3334 45.6046 21.3334 44.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="28.3334" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M35.3334 44.5C35.3334 43.3954 36.2288 42.5 37.3334 42.5C38.4379 42.5 39.3334 43.3954 39.3334 44.5C39.3334 45.6046 38.4379 46.5 37.3334 46.5C36.2288 46.5 35.3334 45.6046 35.3334 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M42.3334 44.5C42.3334 43.3954 43.2288 42.5 44.3334 42.5C45.4379 42.5 46.3334 43.3954 46.3334 44.5C46.3334 45.6046 45.4379 46.5 44.3334 46.5C43.2288 46.5 42.3334 45.6046 42.3334 44.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="49.3334" y="42.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M56.3334 44.5C56.3334 43.3954 57.2288 42.5 58.3334 42.5C59.4379 42.5 60.3334 43.3954 60.3334 44.5C60.3334 45.6046 59.4379 46.5 58.3334 46.5C57.2288 46.5 56.3334 45.6046 56.3334 44.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M0.333374 51.5C0.333374 50.3954 1.2288 49.5 2.33337 49.5C3.43794 49.5 4.33337 50.3954 4.33337 51.5C4.33337 52.6046 3.43794 53.5 2.33337 53.5C1.2288 53.5 0.333374 52.6046 0.333374 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M7.33337 51.5C7.33337 50.3954 8.2288 49.5 9.33337 49.5C10.4379 49.5 11.3334 50.3954 11.3334 51.5C11.3334 52.6046 10.4379 53.5 9.33337 53.5C8.2288 53.5 7.33337 52.6046 7.33337 51.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M14.3334 51.5C14.3334 50.3954 15.2288 49.5 16.3334 49.5C17.4379 49.5 18.3334 50.3954 18.3334 51.5C18.3334 52.6046 17.4379 53.5 16.3334 53.5C15.2288 53.5 14.3334 52.6046 14.3334 51.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="21.3334" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="28.3334" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M35.3334 51.5C35.3334 50.3954 36.2288 49.5 37.3334 49.5C38.4379 49.5 39.3334 50.3954 39.3334 51.5C39.3334 52.6046 38.4379 53.5 37.3334 53.5C36.2288 53.5 35.3334 52.6046 35.3334 51.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="42.3334" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="49.3334" y="49.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M56.3334 51.5C56.3334 50.3954 57.2288 49.5 58.3334 49.5C59.4379 49.5 60.3334 50.3954 60.3334 51.5C60.3334 52.6046 59.4379 53.5 58.3334 53.5C57.2288 53.5 56.3334 52.6046 56.3334 51.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="0.333374" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="7.33337" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <rect x="14.3334" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M21.3334 58.5C21.3334 57.3954 22.2288 56.5 23.3334 56.5C24.4379 56.5 25.3334 57.3954 25.3334 58.5C25.3334 59.6046 24.4379 60.5 23.3334 60.5C22.2288 60.5 21.3334 59.6046 21.3334 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M28.3334 58.5C28.3334 57.3954 29.2288 56.5 30.3334 56.5C31.4379 56.5 32.3334 57.3954 32.3334 58.5C32.3334 59.6046 31.4379 60.5 30.3334 60.5C29.2288 60.5 28.3334 59.6046 28.3334 58.5Z" fill="var(--color-text-quaternary)" />
+        <rect x="35.3334" y="56.5" width="4" height="4" rx="2" fill="var(--color-text-secondary)" />
+        <path opacity="0.18" d="M42.3334 58.5C42.3334 57.3954 43.2288 56.5 44.3334 56.5C45.4379 56.5 46.3334 57.3954 46.3334 58.5C46.3334 59.6046 45.4379 60.5 44.3334 60.5C43.2288 60.5 42.3334 59.6046 42.3334 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M49.3334 58.5C49.3334 57.3954 50.2288 56.5 51.3334 56.5C52.4379 56.5 53.3334 57.3954 53.3334 58.5C53.3334 59.6046 52.4379 60.5 51.3334 60.5C50.2288 60.5 49.3334 59.6046 49.3334 58.5Z" fill="var(--color-text-quaternary)" />
+        <path opacity="0.18" d="M56.3334 58.5C56.3334 57.3954 57.2288 56.5 58.3334 56.5C59.4379 56.5 60.3334 57.3954 60.3334 58.5C60.3334 59.6046 59.4379 60.5 58.3334 60.5C57.2288 60.5 56.3334 59.6046 56.3334 58.5Z" fill="var(--color-text-quaternary)" />
       </g>
       <defs>
-        <clipPath id='clip0_1_4943'>
-          <rect width='60' height='60' fill='white' transform='translate(0.333374 0.5)' />
+        <clipPath id="clip0_1_4943">
+          <rect width="60" height="60" fill="white" transform="translate(0.333374 0.5)" />
         </clipPath>
       </defs>
     </svg>
diff --git a/web/app/components/billing/pricing/footer.tsx b/web/app/components/billing/pricing/footer.tsx
index 4605aad998..f7842327a2 100644
--- a/web/app/components/billing/pricing/footer.tsx
+++ b/web/app/components/billing/pricing/footer.tsx
@@ -1,9 +1,10 @@
-import React from 'react'
-import Link from 'next/link'
-import { useTranslation } from 'react-i18next'
+import type { Category } from '.'
 import { RiArrowRightUpLine } from '@remixicon/react'
-import { type Category, CategoryEnum } from '.'
+import Link from 'next/link'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
+import { CategoryEnum } from '.'
 
 type FooterProps = {
   pricingPageURL: string
@@ -17,23 +18,23 @@ const Footer = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex min-h-16 w-full justify-center border-t border-divider-accent px-10'>
-      <div className={cn('flex max-w-[1680px] grow border-x border-divider-accent p-6', currentCategory === CategoryEnum.CLOUD ? 'justify-between' : 'justify-end') }>
+    <div className="flex min-h-16 w-full justify-center border-t border-divider-accent px-10">
+      <div className={cn('flex max-w-[1680px] grow border-x border-divider-accent p-6', currentCategory === CategoryEnum.CLOUD ? 'justify-between' : 'justify-end')}>
         {currentCategory === CategoryEnum.CLOUD && (
-          <div className='flex flex-col text-text-tertiary'>
-            <span className='system-xs-regular'>{t('billing.plansCommon.taxTip')}</span>
-            <span className='system-xs-regular'>{t('billing.plansCommon.taxTipSecond')}</span>
+          <div className="flex flex-col text-text-tertiary">
+            <span className="system-xs-regular">{t('billing.plansCommon.taxTip')}</span>
+            <span className="system-xs-regular">{t('billing.plansCommon.taxTipSecond')}</span>
           </div>
         )}
-        <span className='flex h-fit items-center gap-x-1 text-saas-dify-blue-accessible'>
+        <span className="flex h-fit items-center gap-x-1 text-saas-dify-blue-accessible">
           <Link
             href={pricingPageURL}
-            className='system-md-regular'
-            target='_blank'
+            className="system-md-regular"
+            target="_blank"
           >
             {t('billing.plansCommon.comparePlanAndFeatures')}
           </Link>
-          <RiArrowRightUpLine className='size-4' />
+          <RiArrowRightUpLine className="size-4" />
         </span>
       </div>
     </div>
diff --git a/web/app/components/billing/pricing/header.tsx b/web/app/components/billing/pricing/header.tsx
index 149bbe467f..55f9960eee 100644
--- a/web/app/components/billing/pricing/header.tsx
+++ b/web/app/components/billing/pricing/header.tsx
@@ -1,8 +1,8 @@
+import { RiCloseLine } from '@remixicon/react'
 import React from 'react'
-import DifyLogo from '../../base/logo/dify-logo'
 import { useTranslation } from 'react-i18next'
 import Button from '../../base/button'
-import { RiCloseLine } from '@remixicon/react'
+import DifyLogo from '../../base/logo/dify-logo'
 
 type HeaderProps = {
   onClose: () => void
@@ -14,25 +14,25 @@ const Header = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex min-h-[105px] w-full justify-center px-10'>
-      <div className='relative flex max-w-[1680px] grow flex-col justify-end gap-y-1 border-x border-divider-accent p-6 pt-8'>
-        <div className='flex items-end'>
-          <div className='py-[5px]'>
-            <DifyLogo className='h-[27px] w-[60px]' />
+    <div className="flex min-h-[105px] w-full justify-center px-10">
+      <div className="relative flex max-w-[1680px] grow flex-col justify-end gap-y-1 border-x border-divider-accent p-6 pt-8">
+        <div className="flex items-end">
+          <div className="py-[5px]">
+            <DifyLogo className="h-[27px] w-[60px]" />
           </div>
-          <span className='bg-billing-plan-title-bg bg-clip-text px-1.5 font-instrument text-[37px] italic leading-[1.2] text-transparent'>
+          <span className="bg-billing-plan-title-bg bg-clip-text px-1.5 font-instrument text-[37px] italic leading-[1.2] text-transparent">
             {t('billing.plansCommon.title.plans')}
           </span>
         </div>
-        <p className='system-sm-regular text-text-tertiary'>
+        <p className="system-sm-regular text-text-tertiary">
           {t('billing.plansCommon.title.description')}
         </p>
         <Button
-          variant='secondary'
-          className='absolute bottom-[40.5px] right-[-18px] z-10 size-9 rounded-full p-2'
+          variant="secondary"
+          className="absolute bottom-[40.5px] right-[-18px] z-10 size-9 rounded-full p-2"
           onClick={onClose}
         >
-          <RiCloseLine className='size-5' />
+          <RiCloseLine className="size-5" />
         </Button>
       </div>
     </div>
diff --git a/web/app/components/billing/pricing/index.tsx b/web/app/components/billing/pricing/index.tsx
index ae8cb2056f..d726fa7256 100644
--- a/web/app/components/billing/pricing/index.tsx
+++ b/web/app/components/billing/pricing/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
+import { useKeyPress } from 'ahooks'
 import React, { useState } from 'react'
 import { createPortal } from 'react-dom'
-import Header from './header'
-import PlanSwitcher from './plan-switcher'
-import Plans from './plans'
-import Footer from './footer'
-import { PlanRange } from './plan-switcher/plan-range-switcher'
-import { useKeyPress } from 'ahooks'
-import { useProviderContext } from '@/context/provider-context'
 import { useAppContext } from '@/context/app-context'
 import { useGetPricingPageLanguage } from '@/context/i18n'
+import { useProviderContext } from '@/context/provider-context'
 import { NoiseBottom, NoiseTop } from './assets'
+import Footer from './footer'
+import Header from './header'
+import PlanSwitcher from './plan-switcher'
+import { PlanRange } from './plan-switcher/plan-range-switcher'
+import Plans from './plans'
 
 export enum CategoryEnum {
   CLOUD = 'cloud',
@@ -41,11 +41,11 @@ const Pricing: FC<PricingProps> = ({
 
   return createPortal(
     <div
-      className='fixed inset-0 bottom-0 left-0 right-0 top-0 z-[1000] overflow-auto bg-saas-background'
+      className="fixed inset-0 bottom-0 left-0 right-0 top-0 z-[1000] overflow-auto bg-saas-background"
       onClick={e => e.stopPropagation()}
     >
-      <div className='relative grid min-h-full min-w-[1200px] grid-rows-[1fr_auto_auto_1fr] overflow-hidden'>
-        <div className='absolute -top-12 left-0 right-0 -z-10'>
+      <div className="relative grid min-h-full min-w-[1200px] grid-rows-[1fr_auto_auto_1fr] overflow-hidden">
+        <div className="absolute -top-12 left-0 right-0 -z-10">
           <NoiseTop />
         </div>
         <Header onClose={onCancel} />
@@ -61,8 +61,8 @@ const Pricing: FC<PricingProps> = ({
           planRange={planRange}
           canPay={canPay}
         />
-        <Footer pricingPageURL={pricingPageURL} currentCategory={currentCategory}/>
-        <div className='absolute -bottom-12 left-0 right-0 -z-10'>
+        <Footer pricingPageURL={pricingPageURL} currentCategory={currentCategory} />
+        <div className="absolute -bottom-12 left-0 right-0 -z-10">
           <NoiseBottom />
         </div>
       </div>
diff --git a/web/app/components/billing/pricing/plan-switcher/index.tsx b/web/app/components/billing/pricing/plan-switcher/index.tsx
index 48d392c223..3a25c2a569 100644
--- a/web/app/components/billing/pricing/plan-switcher/index.tsx
+++ b/web/app/components/billing/pricing/plan-switcher/index.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { Category } from '../index'
-import { useTranslation } from 'react-i18next'
-import { Cloud, SelfHosted } from '../assets'
-import Tab from './tab'
-import Divider from '@/app/components/base/divider'
 import type { PlanRange } from './plan-range-switcher'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
+import { Cloud, SelfHosted } from '../assets'
 import PlanRangeSwitcher from './plan-range-switcher'
+import Tab from './tab'
 
 type PlanSwitcherProps = {
   currentCategory: Category
@@ -38,15 +38,15 @@ const PlanSwitcher: FC<PlanSwitcherProps> = ({
   }
 
   return (
-    <div className='flex w-full justify-center border-t border-divider-accent px-10'>
-      <div className='flex max-w-[1680px] grow items-center justify-between border-x border-divider-accent p-1'>
-        <div className='flex items-center'>
+    <div className="flex w-full justify-center border-t border-divider-accent px-10">
+      <div className="flex max-w-[1680px] grow items-center justify-between border-x border-divider-accent p-1">
+        <div className="flex items-center">
           <Tab<Category>
             {...tabs.cloud}
             isActive={currentCategory === tabs.cloud.value}
             onClick={onChangeCategory}
           />
-          <Divider type='vertical' className='mx-2 h-4 bg-divider-accent' />
+          <Divider type="vertical" className="mx-2 h-4 bg-divider-accent" />
           <Tab<Category>
             {...tabs.self}
             isActive={currentCategory === tabs.self.value}
diff --git a/web/app/components/billing/pricing/plan-switcher/plan-range-switcher.tsx b/web/app/components/billing/pricing/plan-switcher/plan-range-switcher.tsx
index 75276429fb..770a19505b 100644
--- a/web/app/components/billing/pricing/plan-switcher/plan-range-switcher.tsx
+++ b/web/app/components/billing/pricing/plan-switcher/plan-range-switcher.tsx
@@ -21,15 +21,15 @@ const PlanRangeSwitcher: FC<PlanRangeSwitcherProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center justify-end gap-x-3 pr-5'>
+    <div className="flex items-center justify-end gap-x-3 pr-5">
       <Switch
-        size='l'
+        size="l"
         defaultValue={value === PlanRange.yearly}
         onChange={(v) => {
           onChange(v ? PlanRange.yearly : PlanRange.monthly)
         }}
       />
-      <span className='system-md-regular text-text-tertiary'>
+      <span className="system-md-regular text-text-tertiary">
         {t('billing.plansCommon.annualBilling', { percent: 17 })}
       </span>
     </div>
diff --git a/web/app/components/billing/pricing/plan-switcher/tab.tsx b/web/app/components/billing/pricing/plan-switcher/tab.tsx
index 4be0973ead..fab24addf8 100644
--- a/web/app/components/billing/pricing/plan-switcher/tab.tsx
+++ b/web/app/components/billing/pricing/plan-switcher/tab.tsx
@@ -22,7 +22,7 @@ const Tab = <T,>({
 
   return (
     <div
-      className='flex cursor-pointer items-center justify-center gap-x-2 px-5 py-3'
+      className="flex cursor-pointer items-center justify-center gap-x-2 px-5 py-3"
       onClick={handleClick}
     >
       <Icon isActive={isActive} />
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/button.spec.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/button.spec.tsx
index d9f6008580..ed6c7e4efb 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/button.spec.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/button.spec.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
-import Button from './button'
+import React from 'react'
 import { Plan } from '../../../type'
+import Button from './button'
 
 describe('CloudPlanButton', () => {
   describe('Disabled state', () => {
-    test('should disable button and hide arrow when plan is not available', () => {
+    it('should disable button and hide arrow when plan is not available', () => {
       const handleGetPayUrl = vi.fn()
       // Arrange
       render(
@@ -26,7 +26,7 @@ describe('CloudPlanButton', () => {
   })
 
   describe('Enabled state', () => {
-    test('should invoke handler and render arrow when plan is available', () => {
+    it('should invoke handler and render arrow when plan is available', () => {
       const handleGetPayUrl = vi.fn()
       // Arrange
       render(
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/button.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/button.tsx
index e24faab2c9..8cf7351790 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/button.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/button.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import type { BasicPlan } from '../../../type'
-import { Plan } from '../../../type'
-import { cn } from '@/utils/classnames'
 import { RiArrowRightLine } from '@remixicon/react'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import { Plan } from '../../../type'
 
 const BUTTON_CLASSNAME = {
   [Plan.sandbox]: {
@@ -34,7 +34,7 @@ const Button = ({
 }: ButtonProps) => {
   return (
     <button
-      type='button'
+      type="button"
       disabled={isPlanDisabled}
       className={cn(
         'system-xl-semibold flex items-center gap-x-2 py-3 pl-5 pr-4',
@@ -44,8 +44,8 @@ const Button = ({
       )}
       onClick={handleGetPayUrl}
     >
-      <span className='grow text-start'>{btnText}</span>
-      {!isPlanDisabled && <RiArrowRightLine className='size-5 shrink-0' />}
+      <span className="grow text-start">{btnText}</span>
+      {!isPlanDisabled && <RiArrowRightLine className="size-5 shrink-0" />}
     </button>
   )
 }
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/index.spec.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/index.spec.tsx
index df3c1fb67d..c2a17b0d04 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/index.spec.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/index.spec.tsx
@@ -1,14 +1,14 @@
 import type { Mock } from 'vitest'
-import React from 'react'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import CloudPlanItem from './index'
-import { Plan } from '../../../type'
-import { PlanRange } from '../../plan-switcher/plan-range-switcher'
+import React from 'react'
 import { useAppContext } from '@/context/app-context'
 import { useAsyncWindowOpen } from '@/hooks/use-async-window-open'
 import { fetchBillingUrl, fetchSubscriptionUrls } from '@/service/billing'
 import Toast from '../../../../base/toast'
 import { ALL_PLANS } from '../../../config'
+import { Plan } from '../../../type'
+import { PlanRange } from '../../plan-switcher/plan-range-switcher'
+import CloudPlanItem from './index'
 
 vi.mock('../../../../base/toast', () => ({
   __esModule: true,
@@ -78,7 +78,7 @@ beforeEach(() => {
 describe('CloudPlanItem', () => {
   // Static content for each plan
   describe('Rendering', () => {
-    test('should show plan metadata and free label for sandbox plan', () => {
+    it('should show plan metadata and free label for sandbox plan', () => {
       render(
         <CloudPlanItem
           plan={Plan.sandbox}
@@ -94,7 +94,7 @@ describe('CloudPlanItem', () => {
       expect(screen.getByRole('button', { name: 'billing.plansCommon.currentPlan' })).toBeInTheDocument()
     })
 
-    test('should display yearly pricing with discount when planRange is yearly', () => {
+    it('should display yearly pricing with discount when planRange is yearly', () => {
       render(
         <CloudPlanItem
           plan={Plan.professional}
@@ -110,7 +110,7 @@ describe('CloudPlanItem', () => {
       expect(screen.getByText(/billing\.plansCommon\.priceTip.*billing\.plansCommon\.year/)).toBeInTheDocument()
     })
 
-    test('should disable CTA when workspace already on higher tier', () => {
+    it('should disable CTA when workspace already on higher tier', () => {
       render(
         <CloudPlanItem
           plan={Plan.professional}
@@ -127,7 +127,7 @@ describe('CloudPlanItem', () => {
 
   // Payment actions triggered from the CTA
   describe('Plan purchase flow', () => {
-    test('should show toast when non-manager tries to buy a plan', () => {
+    it('should show toast when non-manager tries to buy a plan', () => {
       mockUseAppContext.mockReturnValue({ isCurrentWorkspaceManager: false })
 
       render(
@@ -147,7 +147,7 @@ describe('CloudPlanItem', () => {
       expect(mockFetchBillingUrl).not.toHaveBeenCalled()
     })
 
-    test('should open billing portal when upgrading current paid plan', async () => {
+    it('should open billing portal when upgrading current paid plan', async () => {
       const openWindow = vi.fn(async (cb: () => Promise<string>) => await cb())
       mockUseAsyncWindowOpen.mockReturnValue(openWindow)
 
@@ -168,7 +168,7 @@ describe('CloudPlanItem', () => {
       expect(openWindow).toHaveBeenCalledTimes(1)
     })
 
-    test('should redirect to subscription url when selecting a new paid plan', async () => {
+    it('should redirect to subscription url when selecting a new paid plan', async () => {
       render(
         <CloudPlanItem
           plan={Plan.professional}
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/index.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/index.tsx
index 52c2883b81..e104e9cdd3 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/index.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/index.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
+import type { BasicPlan } from '../../../type'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { BasicPlan } from '../../../type'
-import { Plan } from '../../../type'
-import { ALL_PLANS } from '../../../config'
-import Toast from '../../../../base/toast'
-import { PlanRange } from '../../plan-switcher/plan-range-switcher'
 import { useAppContext } from '@/context/app-context'
-import { fetchBillingUrl, fetchSubscriptionUrls } from '@/service/billing'
 import { useAsyncWindowOpen } from '@/hooks/use-async-window-open'
-import List from './list'
-import Button from './button'
+import { fetchBillingUrl, fetchSubscriptionUrls } from '@/service/billing'
+import Toast from '../../../../base/toast'
+import { ALL_PLANS } from '../../../config'
+import { Plan } from '../../../type'
 import { Professional, Sandbox, Team } from '../../assets'
+import { PlanRange } from '../../plan-switcher/plan-range-switcher'
+import Button from './button'
+import List from './list'
 
 const ICON_MAP = {
   [Plan.sandbox]: <Sandbox />,
@@ -99,36 +99,44 @@ const CloudPlanItem: FC<CloudPlanItemProps> = ({
     }
   }
   return (
-    <div className='flex min-w-0 flex-1 flex-col pb-3'>
-      <div className='flex flex-col px-5 py-4'>
-        <div className='flex flex-col gap-y-6 px-1 pt-10'>
+    <div className="flex min-w-0 flex-1 flex-col pb-3">
+      <div className="flex flex-col px-5 py-4">
+        <div className="flex flex-col gap-y-6 px-1 pt-10">
           {ICON_MAP[plan]}
-          <div className='flex min-h-[104px] flex-col gap-y-2'>
-            <div className='flex items-center gap-x-2.5'>
-              <div className='text-[30px] font-medium leading-[1.2] text-text-primary'>{t(`${i18nPrefix}.name`)}</div>
+          <div className="flex min-h-[104px] flex-col gap-y-2">
+            <div className="flex items-center gap-x-2.5">
+              <div className="text-[30px] font-medium leading-[1.2] text-text-primary">{t(`${i18nPrefix}.name`)}</div>
               {
                 isMostPopularPlan && (
-                  <div className='flex items-center justify-center bg-saas-dify-blue-static px-1.5 py-1'>
-                    <span className='system-2xs-semibold-uppercase text-text-primary-on-surface'>
+                  <div className="flex items-center justify-center bg-saas-dify-blue-static px-1.5 py-1">
+                    <span className="system-2xs-semibold-uppercase text-text-primary-on-surface">
                       {t('billing.plansCommon.mostPopular')}
                     </span>
                   </div>
                 )
               }
             </div>
-            <div className='system-sm-regular text-text-secondary'>{t(`${i18nPrefix}.description`)}</div>
+            <div className="system-sm-regular text-text-secondary">{t(`${i18nPrefix}.description`)}</div>
           </div>
         </div>
         {/* Price */}
-        <div className='flex items-end gap-x-2 px-1 pb-8 pt-4'>
+        <div className="flex items-end gap-x-2 px-1 pb-8 pt-4">
           {isFreePlan && (
-            <span className='title-4xl-semi-bold text-text-primary'>{t('billing.plansCommon.free')}</span>
+            <span className="title-4xl-semi-bold text-text-primary">{t('billing.plansCommon.free')}</span>
           )}
           {!isFreePlan && (
             <>
-              {isYear && <span className='title-4xl-semi-bold text-text-quaternary line-through'>${planInfo.price * 12}</span>}
-              <span className='title-4xl-semi-bold text-text-primary'>${isYear ? planInfo.price * 10 : planInfo.price}</span>
-              <span className='system-md-regular pb-0.5 text-text-tertiary'>
+              {isYear && (
+                <span className="title-4xl-semi-bold text-text-quaternary line-through">
+                  $
+                  {planInfo.price * 12}
+                </span>
+              )}
+              <span className="title-4xl-semi-bold text-text-primary">
+                $
+                {isYear ? planInfo.price * 10 : planInfo.price}
+              </span>
+              <span className="system-md-regular pb-0.5 text-text-tertiary">
                 {t('billing.plansCommon.priceTip')}
                 {t(`billing.plansCommon.${!isYear ? 'month' : 'year'}`)}
               </span>
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.spec.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.spec.tsx
index fa49a6d8cf..5e2ba2a994 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.spec.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.spec.tsx
@@ -1,10 +1,10 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
-import List from './index'
+import React from 'react'
 import { Plan } from '../../../../type'
+import List from './index'
 
 describe('CloudPlanItem/List', () => {
-  test('should show sandbox specific quotas', () => {
+  it('should show sandbox specific quotas', () => {
     render(<List plan={Plan.sandbox} />)
 
     expect(screen.getByText('billing.plansCommon.messageRequest.title:{"count":200}')).toBeInTheDocument()
@@ -12,7 +12,7 @@ describe('CloudPlanItem/List', () => {
     expect(screen.getByText('billing.plansCommon.startNodes.limited:{"count":2}')).toBeInTheDocument()
   })
 
-  test('should show professional monthly quotas and tooltips', () => {
+  it('should show professional monthly quotas and tooltips', () => {
     render(<List plan={Plan.professional} />)
 
     expect(screen.getByText('billing.plansCommon.messageRequest.titlePerMonth:{"count":5000}')).toBeInTheDocument()
@@ -20,7 +20,7 @@ describe('CloudPlanItem/List', () => {
     expect(screen.getByText('billing.plansCommon.workflowExecution.faster')).toBeInTheDocument()
   })
 
-  test('should show unlimited messaging details for team plan', () => {
+  it('should show unlimited messaging details for team plan', () => {
     render(<List plan={Plan.team} />)
 
     expect(screen.getByText('billing.plansCommon.triggerEvents.unlimited')).toBeInTheDocument()
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx
index 7674affc15..600a3c0653 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx
@@ -1,9 +1,10 @@
+import type { BasicPlan } from '../../../../type'
 import React from 'react'
-import { type BasicPlan, Plan } from '../../../../type'
-import Item from './item'
 import { useTranslation } from 'react-i18next'
-import { ALL_PLANS, NUM_INFINITE } from '../../../../config'
 import Divider from '@/app/components/base/divider'
+import { ALL_PLANS, NUM_INFINITE } from '../../../../config'
+import { Plan } from '../../../../type'
+import Item from './item'
 
 type ListProps = {
   plan: BasicPlan
@@ -17,7 +18,7 @@ const List = ({
   const planInfo = ALL_PLANS[plan]
 
   return (
-    <div className='flex flex-col gap-y-2.5 p-6'>
+    <div className="flex flex-col gap-y-2.5 p-6">
       <Item
         label={isFreePlan
           ? t('billing.plansCommon.messageRequest.title', { count: planInfo.messageRequest })
@@ -33,7 +34,7 @@ const List = ({
       <Item
         label={t('billing.plansCommon.buildApps', { count: planInfo.buildApps })}
       />
-      <Divider bgStyle='gradient' />
+      <Divider bgStyle="gradient" />
       <Item
         label={t('billing.plansCommon.documents', { count: planInfo.documents })}
         tooltip={t('billing.plansCommon.documentsTooltip') as string}
@@ -49,7 +50,7 @@ const List = ({
       <Item
         label={[t(`billing.plansCommon.priority.${planInfo.documentProcessingPriority}`), t('billing.plansCommon.documentProcessingPriority')].join('')}
       />
-      <Divider bgStyle='gradient' />
+      <Divider bgStyle="gradient" />
       <Item
         label={
           planInfo.triggerEvents === NUM_INFINITE
@@ -77,7 +78,7 @@ const List = ({
         }
         tooltip={t('billing.plansCommon.workflowExecution.tooltip') as string}
       />
-      <Divider bgStyle='gradient' />
+      <Divider bgStyle="gradient" />
       <Item
         label={t('billing.plansCommon.annotatedResponse.title', { count: planInfo.annotatedResponse })}
         tooltip={t('billing.plansCommon.annotatedResponse.tooltip') as string}
@@ -93,7 +94,7 @@ const List = ({
         }
         tooltip={planInfo.apiRateLimit === NUM_INFINITE ? undefined : t('billing.plansCommon.apiRateLimitTooltip') as string}
       />
-      <Divider bgStyle='gradient' />
+      <Divider bgStyle="gradient" />
       <Item
         label={t('billing.plansCommon.modelProviders')}
       />
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.spec.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.spec.tsx
index a04e3b19f8..d4dc82d71b 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.spec.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.spec.tsx
@@ -42,7 +42,7 @@ describe('Item', () => {
       const label = 'Vector storage'
 
       // Act
-      const { container } = render(<Item label={label} tooltip='' />)
+      const { container } = render(<Item label={label} tooltip="" />)
 
       // Assert
       expect(screen.getByText(label)).toBeInTheDocument()
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.tsx
index a3d8d9592b..95e232fefe 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/index.tsx
@@ -11,8 +11,8 @@ const Item = ({
   tooltip,
 }: ItemProps) => {
   return (
-    <div className='flex items-center'>
-      <span className='system-sm-regular grow text-text-secondary'>{label}</span>
+    <div className="flex items-center">
+      <span className="system-sm-regular grow text-text-secondary">{label}</span>
       {tooltip && (
         <Tooltip
           content={tooltip}
diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/tooltip.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/tooltip.tsx
index cf6517b292..34341ed97a 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/tooltip.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/list/item/tooltip.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { RiInfoI } from '@remixicon/react'
+import React from 'react'
 
 type TooltipProps = {
   content: string
@@ -11,12 +11,12 @@ const Tooltip = ({
   if (!content)
     return null
   return (
-    <div className='group relative z-10 size-[18px] overflow-visible'>
-      <div className='system-xs-regular absolute bottom-0 right-0 -z-10 hidden w-[260px] bg-saas-dify-blue-static px-5 py-[18px] text-text-primary-on-surface group-hover:block'>
+    <div className="group relative z-10 size-[18px] overflow-visible">
+      <div className="system-xs-regular absolute bottom-0 right-0 -z-10 hidden w-[260px] bg-saas-dify-blue-static px-5 py-[18px] text-text-primary-on-surface group-hover:block">
         {content}
       </div>
-      <div className='flex h-full w-full items-center justify-center rounded-[4px] bg-state-base-hover transition-all duration-500 ease-in-out group-hover:rounded-none group-hover:bg-saas-dify-blue-static'>
-        <RiInfoI className='size-3.5 text-text-tertiary group-hover:text-text-primary-on-surface' data-testid="tooltip-icon" />
+      <div className="flex h-full w-full items-center justify-center rounded-[4px] bg-state-base-hover transition-all duration-500 ease-in-out group-hover:rounded-none group-hover:bg-saas-dify-blue-static">
+        <RiInfoI className="size-3.5 text-text-tertiary group-hover:text-text-primary-on-surface" data-testid="tooltip-icon" />
       </div>
     </div>
   )
diff --git a/web/app/components/billing/pricing/plans/index.spec.tsx b/web/app/components/billing/pricing/plans/index.spec.tsx
index 104a8b45e0..166f75e941 100644
--- a/web/app/components/billing/pricing/plans/index.spec.tsx
+++ b/web/app/components/billing/pricing/plans/index.spec.tsx
@@ -1,17 +1,20 @@
-import React from 'react'
+import type { Mock } from 'vitest'
+import type { UsagePlanInfo } from '../../type'
 import { render, screen } from '@testing-library/react'
-import Plans from './index'
-import { Plan, type UsagePlanInfo } from '../../type'
+import React from 'react'
+import { Plan } from '../../type'
 import { PlanRange } from '../plan-switcher/plan-range-switcher'
 import cloudPlanItem from './cloud-plan-item'
+import Plans from './index'
 import selfHostedPlanItem from './self-hosted-plan-item'
-import type { Mock } from 'vitest'
 
 vi.mock('./cloud-plan-item', () => ({
   __esModule: true,
   default: vi.fn(props => (
     <div data-testid={`cloud-plan-${props.plan}`} data-current-plan={props.currentPlan}>
-      Cloud {props.plan}
+      Cloud
+      {' '}
+      {props.plan}
     </div>
   )),
 }))
@@ -20,7 +23,9 @@ vi.mock('./self-hosted-plan-item', () => ({
   __esModule: true,
   default: vi.fn(props => (
     <div data-testid={`self-plan-${props.plan}`}>
-      Self {props.plan}
+      Self
+      {' '}
+      {props.plan}
     </div>
   )),
 }))
@@ -45,7 +50,7 @@ const buildPlan = (type: Plan) => {
 describe('Plans', () => {
   // Cloud plans visible only when currentPlan is cloud
   describe('Cloud plan rendering', () => {
-    test('should render sandbox, professional, and team cloud plans when workspace is cloud', () => {
+    it('should render sandbox, professional, and team cloud plans when workspace is cloud', () => {
       render(
         <Plans
           plan={buildPlan(Plan.enterprise)}
@@ -68,7 +73,7 @@ describe('Plans', () => {
 
   // Self-hosted plans visible for self-managed workspaces
   describe('Self-hosted plan rendering', () => {
-    test('should render all self-hosted plans when workspace type is self-hosted', () => {
+    it('should render all self-hosted plans when workspace type is self-hosted', () => {
       render(
         <Plans
           plan={buildPlan(Plan.sandbox)}
diff --git a/web/app/components/billing/pricing/plans/index.tsx b/web/app/components/billing/pricing/plans/index.tsx
index d648613c8f..7962dfb241 100644
--- a/web/app/components/billing/pricing/plans/index.tsx
+++ b/web/app/components/billing/pricing/plans/index.tsx
@@ -1,7 +1,8 @@
-import Divider from '@/app/components/base/divider'
-import { type BasicPlan, Plan, SelfHostedPlan, type UsagePlanInfo } from '../../type'
-import CloudPlanItem from './cloud-plan-item'
+import type { BasicPlan, UsagePlanInfo } from '../../type'
 import type { PlanRange } from '../plan-switcher/plan-range-switcher'
+import Divider from '@/app/components/base/divider'
+import { Plan, SelfHostedPlan } from '../../type'
+import CloudPlanItem from './cloud-plan-item'
 import SelfHostedPlanItem from './self-hosted-plan-item'
 
 type PlansProps = {
@@ -23,8 +24,8 @@ const Plans = ({
 }: PlansProps) => {
   const currentPlanType: BasicPlan = plan.type === Plan.enterprise ? Plan.team : plan.type
   return (
-    <div className='flex w-full justify-center border-t border-divider-accent px-10'>
-      <div className='flex max-w-[1680px] grow border-x border-divider-accent'>
+    <div className="flex w-full justify-center border-t border-divider-accent px-10">
+      <div className="flex max-w-[1680px] grow border-x border-divider-accent">
         {
           currentPlan === 'cloud' && (
             <>
@@ -34,14 +35,14 @@ const Plans = ({
                 planRange={planRange}
                 canPay={canPay}
               />
-              <Divider type='vertical' className='mx-0 shrink-0 bg-divider-accent' />
+              <Divider type="vertical" className="mx-0 shrink-0 bg-divider-accent" />
               <CloudPlanItem
                 currentPlan={currentPlanType}
                 plan={Plan.professional}
                 planRange={planRange}
                 canPay={canPay}
               />
-              <Divider type='vertical' className='mx-0 shrink-0 bg-divider-accent' />
+              <Divider type="vertical" className="mx-0 shrink-0 bg-divider-accent" />
               <CloudPlanItem
                 currentPlan={currentPlanType}
                 plan={Plan.team}
@@ -52,19 +53,21 @@ const Plans = ({
           )
         }
         {
-          currentPlan === 'self' && <>
-            <SelfHostedPlanItem
-              plan={SelfHostedPlan.community}
-            />
-            <Divider type='vertical' className='mx-0 shrink-0 bg-divider-accent' />
-            <SelfHostedPlanItem
-              plan={SelfHostedPlan.premium}
-            />
-            <Divider type='vertical' className='mx-0 shrink-0 bg-divider-accent' />
-            <SelfHostedPlanItem
-              plan={SelfHostedPlan.enterprise}
-            />
-          </>
+          currentPlan === 'self' && (
+            <>
+              <SelfHostedPlanItem
+                plan={SelfHostedPlan.community}
+              />
+              <Divider type="vertical" className="mx-0 shrink-0 bg-divider-accent" />
+              <SelfHostedPlanItem
+                plan={SelfHostedPlan.premium}
+              />
+              <Divider type="vertical" className="mx-0 shrink-0 bg-divider-accent" />
+              <SelfHostedPlanItem
+                plan={SelfHostedPlan.enterprise}
+              />
+            </>
+          )
         }
       </div>
     </div>
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.spec.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.spec.tsx
index 1e3f28d0c8..193e16be45 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.spec.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.spec.tsx
@@ -1,10 +1,10 @@
 import type { MockedFunction } from 'vitest'
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
-import Button from './button'
-import { SelfHostedPlan } from '../../../type'
+import React from 'react'
 import useTheme from '@/hooks/use-theme'
 import { Theme } from '@/types/app'
+import { SelfHostedPlan } from '../../../type'
+import Button from './button'
 
 vi.mock('@/hooks/use-theme')
 
@@ -16,7 +16,7 @@ beforeEach(() => {
 })
 
 describe('SelfHostedPlanButton', () => {
-  test('should invoke handler when clicked', () => {
+  it('should invoke handler when clicked', () => {
     const handleGetPayUrl = vi.fn()
     render(
       <Button
@@ -29,7 +29,7 @@ describe('SelfHostedPlanButton', () => {
     expect(handleGetPayUrl).toHaveBeenCalledTimes(1)
   })
 
-  test.each([
+  it.each([
     { label: 'light', theme: Theme.light },
     { label: 'dark', theme: Theme.dark },
   ])('should render premium button label when theme is $label', ({ theme }) => {
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.tsx
index f6ebb2cb3f..148420a85a 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/button.tsx
@@ -1,11 +1,11 @@
-import React, { useMemo } from 'react'
-import { SelfHostedPlan } from '../../../type'
-import { AwsMarketplaceDark, AwsMarketplaceLight } from '@/app/components/base/icons/src/public/billing'
 import { RiArrowRightLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
+import { AwsMarketplaceDark, AwsMarketplaceLight } from '@/app/components/base/icons/src/public/billing'
 import useTheme from '@/hooks/use-theme'
 import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { SelfHostedPlan } from '../../../type'
 
 const BUTTON_CLASSNAME = {
   [SelfHostedPlan.community]: 'text-text-primary bg-components-button-tertiary-bg hover:bg-components-button-tertiary-bg-hover',
@@ -31,7 +31,8 @@ const Button = ({
   }, [theme])
 
   return (
-    <button type="button"
+    <button
+      type="button"
       className={cn(
         'system-xl-semibold flex items-center gap-x-2 py-3 pl-5 pr-4',
         BUTTON_CLASSNAME[plan],
@@ -39,15 +40,15 @@ const Button = ({
       )}
       onClick={handleGetPayUrl}
     >
-      <div className='flex grow items-center gap-x-2'>
+      <div className="flex grow items-center gap-x-2">
         <span>{t(`${i18nPrefix}.btnText`)}</span>
         {isPremiumPlan && (
-          <span className='pb-px pt-[7px]'>
-            <AwsMarketplace className='h-6' />
+          <span className="pb-px pt-[7px]">
+            <AwsMarketplace className="h-6" />
           </span>
         )}
       </div>
-      <RiArrowRightLine className='size-5 shrink-0' />
+      <RiArrowRightLine className="size-5 shrink-0" />
     </button>
   )
 }
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.spec.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.spec.tsx
index 5f1fb105bb..aee3b7e8d1 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.spec.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.spec.tsx
@@ -1,11 +1,11 @@
 import type { Mock } from 'vitest'
-import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
-import SelfHostedPlanItem from './index'
-import { SelfHostedPlan } from '../../../type'
-import { contactSalesUrl, getStartedWithCommunityUrl, getWithPremiumUrl } from '../../../config'
+import React from 'react'
 import { useAppContext } from '@/context/app-context'
 import Toast from '../../../../base/toast'
+import { contactSalesUrl, getStartedWithCommunityUrl, getWithPremiumUrl } from '../../../config'
+import { SelfHostedPlan } from '../../../type'
+import SelfHostedPlanItem from './index'
 
 const featuresTranslations: Record<string, string[]> = {
   'billing.plans.community.features': ['community-feature-1', 'community-feature-2'],
@@ -79,7 +79,7 @@ beforeEach(() => {
 describe('SelfHostedPlanItem', () => {
   // Copy rendering for each plan
   describe('Rendering', () => {
-    test('should display community plan info', () => {
+    it('should display community plan info', () => {
       render(<SelfHostedPlanItem plan={SelfHostedPlan.community} />)
 
       expect(screen.getByText('billing.plans.community.name')).toBeInTheDocument()
@@ -89,7 +89,7 @@ describe('SelfHostedPlanItem', () => {
       expect(screen.getByText('community-feature-1')).toBeInTheDocument()
     })
 
-    test('should show premium extras such as cloud provider notice', () => {
+    it('should show premium extras such as cloud provider notice', () => {
       render(<SelfHostedPlanItem plan={SelfHostedPlan.premium} />)
 
       expect(screen.getByText('billing.plans.premium.price')).toBeInTheDocument()
@@ -99,7 +99,7 @@ describe('SelfHostedPlanItem', () => {
 
   // CTA behavior for each plan
   describe('CTA interactions', () => {
-    test('should show toast when non-manager tries to proceed', () => {
+    it('should show toast when non-manager tries to proceed', () => {
       mockUseAppContext.mockReturnValue({ isCurrentWorkspaceManager: false })
 
       render(<SelfHostedPlanItem plan={SelfHostedPlan.premium} />)
@@ -111,21 +111,21 @@ describe('SelfHostedPlanItem', () => {
       }))
     })
 
-    test('should redirect to community url when community plan button clicked', () => {
+    it('should redirect to community url when community plan button clicked', () => {
       render(<SelfHostedPlanItem plan={SelfHostedPlan.community} />)
 
       fireEvent.click(screen.getByRole('button', { name: 'billing.plans.community.btnText' }))
       expect(assignedHref).toBe(getStartedWithCommunityUrl)
     })
 
-    test('should redirect to premium marketplace url when premium button clicked', () => {
+    it('should redirect to premium marketplace url when premium button clicked', () => {
       render(<SelfHostedPlanItem plan={SelfHostedPlan.premium} />)
 
       fireEvent.click(screen.getByRole('button', { name: /billing\.plans\.premium\.btnText/ }))
       expect(assignedHref).toBe(getWithPremiumUrl)
     })
 
-    test('should redirect to contact sales form when enterprise button clicked', () => {
+    it('should redirect to contact sales form when enterprise button clicked', () => {
       render(<SelfHostedPlanItem plan={SelfHostedPlan.enterprise} />)
 
       fireEvent.click(screen.getByRole('button', { name: 'billing.plans.enterprise.btnText' }))
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.tsx
index 2f14365d8f..db1f44b23a 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/index.tsx
@@ -2,15 +2,15 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { SelfHostedPlan } from '../../../type'
-import { contactSalesUrl, getStartedWithCommunityUrl, getWithPremiumUrl } from '../../../config'
-import Toast from '../../../../base/toast'
-import { cn } from '@/utils/classnames'
+import { Azure, GoogleCloud } from '@/app/components/base/icons/src/public/billing'
 import { useAppContext } from '@/context/app-context'
+import { cn } from '@/utils/classnames'
+import Toast from '../../../../base/toast'
+import { contactSalesUrl, getStartedWithCommunityUrl, getWithPremiumUrl } from '../../../config'
+import { SelfHostedPlan } from '../../../type'
+import { Community, Enterprise, EnterpriseNoise, Premium, PremiumNoise } from '../../assets'
 import Button from './button'
 import List from './list'
-import { Azure, GoogleCloud } from '@/app/components/base/icons/src/public/billing'
-import { Community, Enterprise, EnterpriseNoise, Premium, PremiumNoise } from '../../assets'
 
 const STYLE_MAP = {
   [SelfHostedPlan.community]: {
@@ -22,7 +22,7 @@ const STYLE_MAP = {
     icon: <Premium />,
     bg: 'bg-billing-plan-card-premium-bg opacity-10',
     noise: (
-      <div className='absolute -top-12 left-0 right-0 -z-10'>
+      <div className="absolute -top-12 left-0 right-0 -z-10">
         <PremiumNoise />
       </div>
     ),
@@ -31,7 +31,7 @@ const STYLE_MAP = {
     icon: <Enterprise />,
     bg: 'bg-billing-plan-card-enterprise-bg opacity-10',
     noise: (
-      <div className='absolute -top-12 left-0 right-0 -z-10'>
+      <div className="absolute -top-12 left-0 right-0 -z-10">
         <EnterpriseNoise />
       </div>
     ),
@@ -76,23 +76,23 @@ const SelfHostedPlanItem: FC<SelfHostedPlanItemProps> = ({
   }, [isCurrentWorkspaceManager, isFreePlan, isPremiumPlan, isEnterprisePlan, t])
 
   return (
-    <div className='relative flex flex-1 flex-col overflow-hidden'>
+    <div className="relative flex flex-1 flex-col overflow-hidden">
       <div className={cn('absolute inset-0 -z-10', STYLE_MAP[plan].bg)} />
       {/* Noise Effect */}
       {STYLE_MAP[plan].noise}
-      <div className='flex flex-col px-5 py-4'>
-        <div className=' flex flex-col gap-y-6 px-1 pt-10'>
+      <div className="flex flex-col px-5 py-4">
+        <div className=" flex flex-col gap-y-6 px-1 pt-10">
           {STYLE_MAP[plan].icon}
-          <div className='flex min-h-[104px] flex-col gap-y-2'>
-            <div className='text-[30px] font-medium leading-[1.2] text-text-primary'>{t(`${i18nPrefix}.name`)}</div>
-            <div className='system-md-regular line-clamp-2 text-text-secondary'>{t(`${i18nPrefix}.description`)}</div>
+          <div className="flex min-h-[104px] flex-col gap-y-2">
+            <div className="text-[30px] font-medium leading-[1.2] text-text-primary">{t(`${i18nPrefix}.name`)}</div>
+            <div className="system-md-regular line-clamp-2 text-text-secondary">{t(`${i18nPrefix}.description`)}</div>
           </div>
         </div>
         {/* Price */}
-        <div className='flex items-end gap-x-2 px-1 pb-8 pt-4'>
-          <div className='title-4xl-semi-bold shrink-0 text-text-primary'>{t(`${i18nPrefix}.price`)}</div>
+        <div className="flex items-end gap-x-2 px-1 pb-8 pt-4">
+          <div className="title-4xl-semi-bold shrink-0 text-text-primary">{t(`${i18nPrefix}.price`)}</div>
           {!isFreePlan && (
-            <span className='system-md-regular pb-0.5 text-text-tertiary'>
+            <span className="system-md-regular pb-0.5 text-text-tertiary">
               {t(`${i18nPrefix}.priceTip`)}
             </span>
           )}
@@ -104,16 +104,16 @@ const SelfHostedPlanItem: FC<SelfHostedPlanItemProps> = ({
       </div>
       <List plan={plan} />
       {isPremiumPlan && (
-        <div className='flex grow flex-col justify-end gap-y-2 p-6 pt-0'>
-          <div className='flex items-center gap-x-1'>
-            <div className='flex size-8 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default shadow-xs shadow-shadow-shadow-3'>
+        <div className="flex grow flex-col justify-end gap-y-2 p-6 pt-0">
+          <div className="flex items-center gap-x-1">
+            <div className="flex size-8 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default shadow-xs shadow-shadow-shadow-3">
               <Azure />
             </div>
-            <div className='flex size-8 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default shadow-xs shadow-shadow-shadow-3'>
+            <div className="flex size-8 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default shadow-xs shadow-shadow-shadow-3">
               <GoogleCloud />
             </div>
           </div>
-          <span className='system-xs-regular text-text-tertiary'>
+          <span className="system-xs-regular text-text-tertiary">
             {t('billing.plans.premium.comingSoon')}
           </span>
         </div>
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.spec.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.spec.tsx
index 965acefc4e..6188ac3e0a 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.spec.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
-import List from './index'
+import React from 'react'
 import { SelfHostedPlan } from '@/app/components/billing/type'
+import List from './index'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
@@ -15,7 +15,7 @@ vi.mock('react-i18next', () => ({
 }))
 
 describe('SelfHostedPlanItem/List', () => {
-  test('should render plan info', () => {
+  it('should render plan info', () => {
     render(<List plan={SelfHostedPlan.community} />)
 
     expect(screen.getByText('billing.plans.community.includesTitle')).toBeInTheDocument()
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.tsx
index 731f4403ef..137b14db6b 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/index.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import type { SelfHostedPlan } from '@/app/components/billing/type'
+import React from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import Item from './item'
 
@@ -15,18 +15,19 @@ const List = ({
   const features = t(`${i18nPrefix}.features`, { returnObjects: true }) as string[]
 
   return (
-    <div className='flex flex-col gap-y-[10px] p-6'>
-      <div className='system-md-semibold text-text-secondary'>
+    <div className="flex flex-col gap-y-[10px] p-6">
+      <div className="system-md-semibold text-text-secondary">
         <Trans
           i18nKey={t(`${i18nPrefix}.includesTitle`)}
-          components={{ highlight: <span className='text-text-warning'></span> }}
+          components={{ highlight: <span className="text-text-warning"></span> }}
         />
       </div>
-      {features.map(feature =>
+      {features.map(feature => (
         <Item
           key={`${plan}-${feature}`}
           label={feature}
-        />,
+        />
+      ),
       )}
     </div>
   )
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.spec.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.spec.tsx
index 38e14373dc..eda8527445 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.spec.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import Item from './item'
 
 describe('SelfHostedPlanItem/List/Item', () => {
-  test('should display provided feature label', () => {
+  it('should display provided feature label', () => {
     const { container } = render(<Item label="Dedicated support" />)
 
     expect(screen.getByText('Dedicated support')).toBeInTheDocument()
diff --git a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.tsx b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.tsx
index ce708194a9..8d219f30c2 100644
--- a/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.tsx
+++ b/web/app/components/billing/pricing/plans/self-hosted-plan-item/list/item.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { RiCheckLine } from '@remixicon/react'
+import React from 'react'
 
 type ItemProps = {
   label: string
@@ -9,11 +9,11 @@ const Item = ({
   label,
 }: ItemProps) => {
   return (
-    <div className='flex items-center gap-x-1'>
-      <div className='py-px'>
-        <RiCheckLine className='size-4 shrink-0 text-text-tertiary' />
+    <div className="flex items-center gap-x-1">
+      <div className="py-px">
+        <RiCheckLine className="size-4 shrink-0 text-text-tertiary" />
       </div>
-      <span className='system-sm-regular grow text-text-secondary'>{label}</span>
+      <span className="system-sm-regular grow text-text-secondary">{label}</span>
     </div>
   )
 }
diff --git a/web/app/components/billing/priority-label/index.tsx b/web/app/components/billing/priority-label/index.tsx
index 8893263470..e5a6857078 100644
--- a/web/app/components/billing/priority-label/index.tsx
+++ b/web/app/components/billing/priority-label/index.tsx
@@ -1,13 +1,13 @@
+import { RiAedFill } from '@remixicon/react'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
 import {
   DocumentProcessingPriority,
   Plan,
 } from '../type'
-import { cn } from '@/utils/classnames'
-import { useProviderContext } from '@/context/provider-context'
-import Tooltip from '@/app/components/base/tooltip'
-import { RiAedFill } from '@remixicon/react'
 
 type PriorityLabelProps = {
   className?: string
@@ -29,24 +29,26 @@ const PriorityLabel = ({ className }: PriorityLabelProps) => {
   }, [plan])
 
   return (
-    <Tooltip popupContent={
+    <Tooltip popupContent={(
       <div>
-        <div className='mb-1 text-xs font-semibold text-text-primary'>{`${t('billing.plansCommon.documentProcessingPriority')}: ${t(`billing.plansCommon.priority.${priority}`)}`}</div>
+        <div className="mb-1 text-xs font-semibold text-text-primary">{`${t('billing.plansCommon.documentProcessingPriority')}: ${t(`billing.plansCommon.priority.${priority}`)}`}</div>
         {
           priority !== DocumentProcessingPriority.topPriority && (
-            <div className='text-xs text-text-secondary'>{t('billing.plansCommon.documentProcessingPriorityTip')}</div>
+            <div className="text-xs text-text-secondary">{t('billing.plansCommon.documentProcessingPriorityTip')}</div>
           )
         }
       </div>
-    }>
+    )}
+    >
       <div
         className={cn(
           'system-2xs-medium ml-1 inline-flex h-[18px] shrink-0 items-center rounded-[5px] border border-text-accent-secondary bg-components-badge-bg-dimm px-[5px] text-text-accent-secondary',
           className,
-        )}>
+        )}
+      >
         {
           (plan.type === Plan.professional || plan.type === Plan.team || plan.type === Plan.enterprise) && (
-            <RiAedFill className='mr-0.5 size-3' />
+            <RiAedFill className="mr-0.5 size-3" />
           )
         }
         <span>{t(`billing.plansCommon.priority.${priority}`)}</span>
diff --git a/web/app/components/billing/progress-bar/index.tsx b/web/app/components/billing/progress-bar/index.tsx
index 6728fd617c..383b516b61 100644
--- a/web/app/components/billing/progress-bar/index.tsx
+++ b/web/app/components/billing/progress-bar/index.tsx
@@ -10,7 +10,7 @@ const ProgressBar = ({
   color = '#2970FF',
 }: ProgressBarProps) => {
   return (
-    <div className='overflow-hidden rounded-[6px] bg-components-progress-bar-bg'>
+    <div className="overflow-hidden rounded-[6px] bg-components-progress-bar-bg">
       <div
         className={cn('h-1 rounded-[6px]', color)}
         style={{
diff --git a/web/app/components/billing/trigger-events-limit-modal/index.tsx b/web/app/components/billing/trigger-events-limit-modal/index.tsx
index 9176c3d542..35d5e8bf65 100644
--- a/web/app/components/billing/trigger-events-limit-modal/index.tsx
+++ b/web/app/components/billing/trigger-events-limit-modal/index.tsx
@@ -3,8 +3,8 @@ import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { TriggerAll } from '@/app/components/base/icons/src/vender/workflow'
-import UsageInfo from '@/app/components/billing/usage-info'
 import PlanUpgradeModal from '@/app/components/billing/plan-upgrade-modal'
+import UsageInfo from '@/app/components/billing/usage-info'
 
 type Props = {
   show: boolean
@@ -35,7 +35,7 @@ const TriggerEventsLimitModal: FC<Props> = ({
       description={t('billing.triggerLimitModal.description')}
       extraInfo={(
         <UsageInfo
-          className='mt-4 w-full rounded-[12px] bg-components-panel-on-panel-item-bg'
+          className="mt-4 w-full rounded-[12px] bg-components-panel-on-panel-item-bg"
           Icon={TriggerAll}
           name={t('billing.triggerLimitModal.usageTitle')}
           usage={usage}
diff --git a/web/app/components/billing/type.ts b/web/app/components/billing/type.ts
index 53b8b5b352..1522de63b2 100644
--- a/web/app/components/billing/type.ts
+++ b/web/app/components/billing/type.ts
@@ -108,16 +108,16 @@ export type CurrentPlanInfoBackend = {
   education: {
     enabled: boolean
     activated: boolean
-  },
+  }
   webapp_copyright_enabled: boolean
   workspace_members: {
     size: number
     limit: number
-  },
+  }
   is_allow_transfer_workspace: boolean
   knowledge_pipeline: {
     publish_enabled: boolean
-  },
+  }
 }
 
 export type SubscriptionItem = {
diff --git a/web/app/components/billing/upgrade-btn/index.tsx b/web/app/components/billing/upgrade-btn/index.tsx
index b70daeb2e6..10ec04e4de 100644
--- a/web/app/components/billing/upgrade-btn/index.tsx
+++ b/web/app/components/billing/upgrade-btn/index.tsx
@@ -2,10 +2,10 @@
 import type { CSSProperties, FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import PremiumBadge from '../../base/premium-badge'
 import Button from '@/app/components/base/button'
 import { SparklesSoft } from '@/app/components/base/icons/src/public/common'
 import { useModalContext } from '@/context/modal-context'
+import PremiumBadge from '../../base/premium-badge'
 
 type Props = {
   className?: string
@@ -64,15 +64,15 @@ const UpgradeBtn: FC<Props> = ({
   return (
     <PremiumBadge
       size={size}
-      color='blue'
+      color="blue"
       allowHover={true}
       onClick={onClick}
       className={className}
       style={style}
     >
-      <SparklesSoft className='flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0' />
-      <div className='system-xs-medium'>
-        <span className='p-1'>
+      <SparklesSoft className="flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0" />
+      <div className="system-xs-medium">
+        <span className="p-1">
           {label}
         </span>
       </div>
diff --git a/web/app/components/billing/usage-info/apps-info.tsx b/web/app/components/billing/usage-info/apps-info.tsx
index 2601bbccbe..79ebd31a5f 100644
--- a/web/app/components/billing/usage-info/apps-info.tsx
+++ b/web/app/components/billing/usage-info/apps-info.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiApps2Line,
 } from '@remixicon/react'
-import UsageInfo from '../usage-info'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { useProviderContext } from '@/context/provider-context'
+import UsageInfo from '../usage-info'
 
 type Props = {
   className?: string
diff --git a/web/app/components/billing/usage-info/index.tsx b/web/app/components/billing/usage-info/index.tsx
index a8be0aef53..7fa9efab2a 100644
--- a/web/app/components/billing/usage-info/index.tsx
+++ b/web/app/components/billing/usage-info/index.tsx
@@ -2,10 +2,10 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import ProgressBar from '../progress-bar'
-import { NUM_INFINITE } from '../config'
 import Tooltip from '@/app/components/base/tooltip'
 import { cn } from '@/utils/classnames'
+import { NUM_INFINITE } from '../config'
+import ProgressBar from '../progress-bar'
 
 type Props = {
   className?: string
@@ -50,37 +50,37 @@ const UsageInfo: FC<Props> = ({
   const resetText = resetHint ?? (typeof resetInDays === 'number' ? t('billing.usagePage.resetsIn', { count: resetInDays }) : undefined)
   const rightInfo = resetText
     ? (
-      <div className='system-xs-regular ml-auto flex-1 text-right text-text-tertiary'>
-        {resetText}
-      </div>
-    )
+        <div className="system-xs-regular ml-auto flex-1 text-right text-text-tertiary">
+          {resetText}
+        </div>
+      )
     : (showUnit && (
-      <div className='system-xs-medium ml-auto text-text-tertiary'>
-        {unit}
-      </div>
-    ))
+        <div className="system-xs-medium ml-auto text-text-tertiary">
+          {unit}
+        </div>
+      ))
 
   return (
     <div className={cn('flex flex-col gap-2 rounded-xl bg-components-panel-bg p-4', className)}>
       {!hideIcon && Icon && (
-        <Icon className='h-4 w-4 text-text-tertiary' />
+        <Icon className="h-4 w-4 text-text-tertiary" />
       )}
-      <div className='flex items-center gap-1'>
-        <div className='system-xs-medium text-text-tertiary'>{name}</div>
+      <div className="flex items-center gap-1">
+        <div className="system-xs-medium text-text-tertiary">{name}</div>
         {tooltip && (
           <Tooltip
-            popupContent={
-              <div className='w-[180px]'>
+            popupContent={(
+              <div className="w-[180px]">
                 {tooltip}
               </div>
-            }
+            )}
           />
         )}
       </div>
-      <div className='system-md-semibold flex items-center gap-1 text-text-primary'>
-        <div className='flex items-center gap-1'>
+      <div className="system-md-semibold flex items-center gap-1 text-text-primary">
+        <div className="flex items-center gap-1">
           {usage}
-          <div className='system-md-regular text-text-quaternary'>/</div>
+          <div className="system-md-regular text-text-quaternary">/</div>
           <div>{totalDisplay}</div>
         </div>
         {rightInfo}
diff --git a/web/app/components/billing/usage-info/vector-space-info.tsx b/web/app/components/billing/usage-info/vector-space-info.tsx
index 4d5dc55f61..b946a2580f 100644
--- a/web/app/components/billing/usage-info/vector-space-info.tsx
+++ b/web/app/components/billing/usage-info/vector-space-info.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import {
   RiHardDrive3Line,
 } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import UsageInfo from '../usage-info'
 import { useProviderContext } from '@/context/provider-context'
+import UsageInfo from '../usage-info'
 
 type Props = {
   className?: string
@@ -29,8 +29,8 @@ const VectorSpaceInfo: FC<Props> = ({
       tooltip={t('billing.usagePage.vectorSpaceTooltip') as string}
       usage={usage.vectorSpace}
       total={total.vectorSpace}
-      unit='MB'
-      unitPosition='inline'
+      unit="MB"
+      unitPosition="inline"
     />
   )
 }
diff --git a/web/app/components/billing/utils/index.ts b/web/app/components/billing/utils/index.ts
index 724b62e8cb..e7192ec351 100644
--- a/web/app/components/billing/utils/index.ts
+++ b/web/app/components/billing/utils/index.ts
@@ -1,5 +1,5 @@
-import dayjs from 'dayjs'
 import type { BillingQuota, CurrentPlanInfoBackend } from '../type'
+import dayjs from 'dayjs'
 import { ALL_PLANS, NUM_INFINITE } from '@/app/components/billing/config'
 
 const parseLimit = (limit: number) => {
diff --git a/web/app/components/billing/vector-space-full/index.tsx b/web/app/components/billing/vector-space-full/index.tsx
index 026277948e..67d4cd8c34 100644
--- a/web/app/components/billing/vector-space-full/index.tsx
+++ b/web/app/components/billing/vector-space-full/index.tsx
@@ -2,26 +2,26 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import GridMask from '@/app/components/base/grid-mask'
+import { cn } from '@/utils/classnames'
 import UpgradeBtn from '../upgrade-btn'
 import VectorSpaceInfo from '../usage-info/vector-space-info'
 import s from './style.module.css'
-import { cn } from '@/utils/classnames'
-import GridMask from '@/app/components/base/grid-mask'
 
 const VectorSpaceFull: FC = () => {
   const { t } = useTranslation()
 
   return (
-    <GridMask wrapperClassName='border border-gray-200 rounded-xl' canvasClassName='rounded-xl' gradientClassName='rounded-xl'>
-      <div className='px-6 py-5'>
-        <div className='flex items-center justify-between'>
+    <GridMask wrapperClassName="border border-gray-200 rounded-xl" canvasClassName="rounded-xl" gradientClassName="rounded-xl">
+      <div className="px-6 py-5">
+        <div className="flex items-center justify-between">
           <div className={cn(s.textGradient, 'text-base font-semibold leading-[24px]')}>
             <div>{t('billing.vectorSpace.fullTip')}</div>
             <div>{t('billing.vectorSpace.fullSolution')}</div>
           </div>
-          <UpgradeBtn loc='knowledge-add-file' />
+          <UpgradeBtn loc="knowledge-add-file" />
         </div>
-        <VectorSpaceInfo className='pt-4' />
+        <VectorSpaceInfo className="pt-4" />
       </div>
     </GridMask>
   )
diff --git a/web/app/components/custom/custom-page/index.spec.tsx b/web/app/components/custom/custom-page/index.spec.tsx
index 4d974618fb..3fa4479450 100644
--- a/web/app/components/custom/custom-page/index.spec.tsx
+++ b/web/app/components/custom/custom-page/index.spec.tsx
@@ -1,16 +1,16 @@
 import type { Mock } from 'vitest'
-import React from 'react'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import CustomPage from './index'
-import { Plan } from '@/app/components/billing/type'
+import React from 'react'
 import { createMockProviderContextValue } from '@/__mocks__/provider-context'
 import { contactSalesUrl } from '@/app/components/billing/config'
+import { Plan } from '@/app/components/billing/type'
+import { useModalContext } from '@/context/modal-context'
 // Get the mocked functions
 // const { useProviderContext } = vi.requireMock('@/context/provider-context')
 // const { useModalContext } = vi.requireMock('@/context/modal-context')
 import { useProviderContext } from '@/context/provider-context'
-import { useModalContext } from '@/context/modal-context'
+import CustomPage from './index'
 
 // Mock external dependencies only
 vi.mock('@/context/provider-context', () => ({
diff --git a/web/app/components/custom/custom-page/index.tsx b/web/app/components/custom/custom-page/index.tsx
index 90ce16b3ad..3f199c5775 100644
--- a/web/app/components/custom/custom-page/index.tsx
+++ b/web/app/components/custom/custom-page/index.tsx
@@ -1,9 +1,9 @@
 import { useTranslation } from 'react-i18next'
-import CustomWebAppBrand from '../custom-web-app-brand'
-import { useProviderContext } from '@/context/provider-context'
-import { Plan } from '@/app/components/billing/type'
 import { contactSalesUrl } from '@/app/components/billing/config'
+import { Plan } from '@/app/components/billing/type'
 import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import CustomWebAppBrand from '../custom-web-app-brand'
 
 const CustomPage = () => {
   const { t } = useTranslation()
@@ -13,21 +13,21 @@ const CustomPage = () => {
   const showContact = enableBilling && (plan.type === Plan.professional || plan.type === Plan.team)
 
   return (
-    <div className='flex flex-col'>
+    <div className="flex flex-col">
       {showBillingTip && (
-        <div className='mb-1 flex justify-between rounded-xl bg-gradient-to-r from-components-input-border-active-prompt-1 to-components-input-border-active-prompt-2 p-4 pl-6 shadow-lg backdrop-blur-sm'>
-          <div className='space-y-1 text-text-primary-on-surface'>
-            <div className='title-xl-semi-bold'>{t('custom.upgradeTip.title')}</div>
-            <div className='system-sm-regular'>{t('custom.upgradeTip.des')}</div>
+        <div className="mb-1 flex justify-between rounded-xl bg-gradient-to-r from-components-input-border-active-prompt-1 to-components-input-border-active-prompt-2 p-4 pl-6 shadow-lg backdrop-blur-sm">
+          <div className="space-y-1 text-text-primary-on-surface">
+            <div className="title-xl-semi-bold">{t('custom.upgradeTip.title')}</div>
+            <div className="system-sm-regular">{t('custom.upgradeTip.des')}</div>
           </div>
-          <div className='system-md-semibold flex h-10 w-[120px] cursor-pointer items-center justify-center rounded-3xl bg-white text-text-accent shadow-xs hover:opacity-95' onClick={() => setShowPricingModal()}>{t('billing.upgradeBtn.encourageShort')}</div>
+          <div className="system-md-semibold flex h-10 w-[120px] cursor-pointer items-center justify-center rounded-3xl bg-white text-text-accent shadow-xs hover:opacity-95" onClick={() => setShowPricingModal()}>{t('billing.upgradeBtn.encourageShort')}</div>
         </div>
       )}
       <CustomWebAppBrand />
       {showContact && (
-        <div className='absolute bottom-0 h-[50px] text-xs leading-[50px] text-text-quaternary'>
+        <div className="absolute bottom-0 h-[50px] text-xs leading-[50px] text-text-quaternary">
           {t('custom.customize.prefix')}
-          <a className='text-text-accent' href={contactSalesUrl} target='_blank' rel='noopener noreferrer'>{t('custom.customize.contactUs')}</a>
+          <a className="text-text-accent" href={contactSalesUrl} target="_blank" rel="noopener noreferrer">{t('custom.customize.contactUs')}</a>
           {t('custom.customize.suffix')}
         </div>
       )}
diff --git a/web/app/components/custom/custom-web-app-brand/index.tsx b/web/app/components/custom/custom-web-app-brand/index.tsx
index e919144b1e..3c6557dc63 100644
--- a/web/app/components/custom/custom-web-app-brand/index.tsx
+++ b/web/app/components/custom/custom-web-app-brand/index.tsx
@@ -1,6 +1,4 @@
 import type { ChangeEvent } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiEditBoxLine,
   RiEqualizer2Line,
@@ -10,21 +8,23 @@ import {
   RiLoader2Line,
   RiPlayLargeLine,
 } from '@remixicon/react'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
-import Switch from '@/app/components/base/switch'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
-import { useProviderContext } from '@/context/provider-context'
-import { Plan } from '@/app/components/billing/type'
-import { getImageUploadErrorMessage, imageUpload } from '@/app/components/base/image-uploader/utils'
-import { useToastContext } from '@/app/components/base/toast'
 import { BubbleTextMod } from '@/app/components/base/icons/src/vender/solid/communication'
+import { getImageUploadErrorMessage, imageUpload } from '@/app/components/base/image-uploader/utils'
+import DifyLogo from '@/app/components/base/logo/dify-logo'
+import Switch from '@/app/components/base/switch'
+import { useToastContext } from '@/app/components/base/toast'
+import { Plan } from '@/app/components/billing/type'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useProviderContext } from '@/context/provider-context'
 import {
   updateCurrentWorkspace,
 } from '@/service/common'
-import { useAppContext } from '@/context/app-context'
 import { cn } from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 
 const ALLOW_FILE_EXTENSIONS = ['svg', 'png']
 
@@ -115,11 +115,11 @@ const CustomWebAppBrand = () => {
   }
 
   return (
-    <div className='py-4'>
-      <div className='system-md-medium mb-2 flex items-center justify-between rounded-xl bg-background-section-burn p-4 text-text-primary'>
+    <div className="py-4">
+      <div className="system-md-medium mb-2 flex items-center justify-between rounded-xl bg-background-section-burn p-4 text-text-primary">
         {t('custom.webapp.removeBrand')}
         <Switch
-          size='l'
+          size="l"
           defaultValue={webappBrandRemoved}
           disabled={isSandbox || !isCurrentWorkspaceManager}
           onChange={handleSwitch}
@@ -127,29 +127,29 @@ const CustomWebAppBrand = () => {
       </div>
       <div className={cn('flex h-14 items-center justify-between rounded-xl bg-background-section-burn px-4', webappBrandRemoved && 'opacity-30')}>
         <div>
-          <div className='system-md-medium text-text-primary'>{t('custom.webapp.changeLogo')}</div>
-          <div className='system-xs-regular text-text-tertiary'>{t('custom.webapp.changeLogoTip')}</div>
+          <div className="system-md-medium text-text-primary">{t('custom.webapp.changeLogo')}</div>
+          <div className="system-xs-regular text-text-tertiary">{t('custom.webapp.changeLogoTip')}</div>
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           {(!uploadDisabled && webappLogo && !webappBrandRemoved) && (
             <>
               <Button
-                variant='ghost'
+                variant="ghost"
                 disabled={uploadDisabled || (!webappLogo && !webappBrandRemoved)}
                 onClick={handleRestore}
               >
                 {t('custom.restore')}
               </Button>
-              <div className='mx-2 h-5 w-[1px] bg-divider-regular'></div>
+              <div className="mx-2 h-5 w-[1px] bg-divider-regular"></div>
             </>
           )}
           {
             !uploading && (
               <Button
-                className='relative mr-2'
+                className="relative mr-2"
                 disabled={uploadDisabled}
               >
-                <RiImageAddLine className='mr-1 h-4 w-4' />
+                <RiImageAddLine className="mr-1 h-4 w-4" />
                 {
                   (webappLogo || fileId)
                     ? t('custom.change')
@@ -158,7 +158,7 @@ const CustomWebAppBrand = () => {
                 <input
                   className={cn('absolute inset-0 block w-full text-[0] opacity-0', uploadDisabled ? 'cursor-not-allowed' : 'cursor-pointer')}
                   onClick={e => (e.target as HTMLInputElement).value = ''}
-                  type='file'
+                  type="file"
                   accept={ALLOW_FILE_EXTENSIONS.map(ext => `.${ext}`).join(',')}
                   onChange={handleChange}
                   disabled={uploadDisabled}
@@ -169,10 +169,10 @@ const CustomWebAppBrand = () => {
           {
             uploading && (
               <Button
-                className='relative mr-2'
+                className="relative mr-2"
                 disabled={true}
               >
-                <RiLoader2Line className='mr-1 h-4 w-4 animate-spin' />
+                <RiLoader2Line className="mr-1 h-4 w-4 animate-spin" />
                 {t('custom.uploading')}
               </Button>
             )
@@ -181,15 +181,15 @@ const CustomWebAppBrand = () => {
             fileId && (
               <>
                 <Button
-                  className='mr-2'
+                  className="mr-2"
                   onClick={handleCancel}
                   disabled={webappBrandRemoved || !isCurrentWorkspaceManager}
                 >
                   {t('common.operation.cancel')}
                 </Button>
                 <Button
-                  variant='primary'
-                  className='mr-2'
+                  variant="primary"
+                  className="mr-2"
                   onClick={handleApply}
                   disabled={webappBrandRemoved || !isCurrentWorkspaceManager}
                 >
@@ -201,120 +201,120 @@ const CustomWebAppBrand = () => {
         </div>
       </div>
       {uploadProgress === -1 && (
-        <div className='mt-2 text-xs text-[#D92D20]'>{t('custom.uploadedFail')}</div>
+        <div className="mt-2 text-xs text-[#D92D20]">{t('custom.uploadedFail')}</div>
       )}
-      <div className='mb-2 mt-5 flex items-center gap-2'>
-        <div className='system-xs-medium-uppercase shrink-0 text-text-tertiary'>{t('appOverview.overview.appInfo.preview')}</div>
-        <Divider bgStyle='gradient' className='grow' />
+      <div className="mb-2 mt-5 flex items-center gap-2">
+        <div className="system-xs-medium-uppercase shrink-0 text-text-tertiary">{t('appOverview.overview.appInfo.preview')}</div>
+        <Divider bgStyle="gradient" className="grow" />
       </div>
-      <div className='relative mb-2 flex items-center gap-3'>
+      <div className="relative mb-2 flex items-center gap-3">
         {/* chat card */}
-        <div className='flex h-[320px] grow basis-1/2 overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border-subtle bg-background-default-burn'>
-          <div className='flex h-full w-[232px] shrink-0 flex-col p-1 pr-0'>
-            <div className='flex items-center gap-3 p-3 pr-2'>
+        <div className="flex h-[320px] grow basis-1/2 overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border-subtle bg-background-default-burn">
+          <div className="flex h-full w-[232px] shrink-0 flex-col p-1 pr-0">
+            <div className="flex items-center gap-3 p-3 pr-2">
               <div className={cn('inline-flex h-8 w-8 items-center justify-center rounded-lg border border-divider-regular', 'bg-components-icon-bg-blue-light-solid')}>
-                <BubbleTextMod className='h-4 w-4 text-components-avatar-shape-fill-stop-100' />
+                <BubbleTextMod className="h-4 w-4 text-components-avatar-shape-fill-stop-100" />
               </div>
-              <div className='system-md-semibold grow text-text-secondary'>Chatflow App</div>
-              <div className='p-1.5'>
-                <RiLayoutLeft2Line className='h-4 w-4 text-text-tertiary' />
+              <div className="system-md-semibold grow text-text-secondary">Chatflow App</div>
+              <div className="p-1.5">
+                <RiLayoutLeft2Line className="h-4 w-4 text-text-tertiary" />
               </div>
             </div>
-            <div className='shrink-0 px-4 py-3'>
-              <Button variant='secondary-accent' className='w-full justify-center'>
-                <RiEditBoxLine className='mr-1 h-4 w-4' />
-                <div className='p-1 opacity-20'>
-                  <div className='h-2 w-[94px] rounded-sm bg-text-accent-light-mode-only'></div>
+            <div className="shrink-0 px-4 py-3">
+              <Button variant="secondary-accent" className="w-full justify-center">
+                <RiEditBoxLine className="mr-1 h-4 w-4" />
+                <div className="p-1 opacity-20">
+                  <div className="h-2 w-[94px] rounded-sm bg-text-accent-light-mode-only"></div>
                 </div>
               </Button>
             </div>
-            <div className='grow px-3 pt-5'>
-              <div className='flex h-8 items-center px-3 py-1'>
-                <div className='h-2 w-14 rounded-sm bg-text-quaternary opacity-20'></div>
+            <div className="grow px-3 pt-5">
+              <div className="flex h-8 items-center px-3 py-1">
+                <div className="h-2 w-14 rounded-sm bg-text-quaternary opacity-20"></div>
               </div>
-              <div className='flex h-8 items-center px-3 py-1'>
-                <div className='h-2 w-[168px] rounded-sm bg-text-quaternary opacity-20'></div>
+              <div className="flex h-8 items-center px-3 py-1">
+                <div className="h-2 w-[168px] rounded-sm bg-text-quaternary opacity-20"></div>
               </div>
-              <div className='flex h-8 items-center px-3 py-1'>
-                <div className='h-2 w-[128px] rounded-sm bg-text-quaternary opacity-20'></div>
+              <div className="flex h-8 items-center px-3 py-1">
+                <div className="h-2 w-[128px] rounded-sm bg-text-quaternary opacity-20"></div>
               </div>
             </div>
-            <div className='flex shrink-0 items-center justify-between p-3'>
-              <div className='p-1.5'>
-                <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+            <div className="flex shrink-0 items-center justify-between p-3">
+              <div className="p-1.5">
+                <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
               </div>
-              <div className='flex items-center gap-1.5'>
+              <div className="flex items-center gap-1.5">
                 {!webappBrandRemoved && (
                   <>
-                    <div className='system-2xs-medium-uppercase text-text-tertiary'>POWERED BY</div>
+                    <div className="system-2xs-medium-uppercase text-text-tertiary">POWERED BY</div>
                     {
                       systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                        ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
+                        ? <img src={systemFeatures.branding.workspace_logo} alt="logo" className="block h-5 w-auto" />
                         : webappLogo
-                          ? <img src={`${webappLogo}?hash=${imgKey}`} alt='logo' className='block h-5 w-auto' />
-                          : <DifyLogo size='small' />
+                          ? <img src={`${webappLogo}?hash=${imgKey}`} alt="logo" className="block h-5 w-auto" />
+                          : <DifyLogo size="small" />
                     }
                   </>
                 )}
               </div>
             </div>
           </div>
-          <div className='flex w-[138px] grow flex-col justify-between p-2 pr-0'>
-            <div className='flex grow flex-col justify-between rounded-l-2xl border-[0.5px] border-r-0 border-components-panel-border-subtle bg-chatbot-bg pb-4 pl-[22px] pt-16'>
-              <div className='w-[720px] rounded-2xl border border-divider-subtle bg-chat-bubble-bg px-4 py-3'>
-                <div className='body-md-regular mb-1 text-text-primary'>Hello! How can I assist you today?</div>
-                <Button size='small'>
-                  <div className='h-2 w-[144px] rounded-sm bg-text-quaternary opacity-20'></div>
+          <div className="flex w-[138px] grow flex-col justify-between p-2 pr-0">
+            <div className="flex grow flex-col justify-between rounded-l-2xl border-[0.5px] border-r-0 border-components-panel-border-subtle bg-chatbot-bg pb-4 pl-[22px] pt-16">
+              <div className="w-[720px] rounded-2xl border border-divider-subtle bg-chat-bubble-bg px-4 py-3">
+                <div className="body-md-regular mb-1 text-text-primary">Hello! How can I assist you today?</div>
+                <Button size="small">
+                  <div className="h-2 w-[144px] rounded-sm bg-text-quaternary opacity-20"></div>
                 </Button>
               </div>
-              <div className='body-lg-regular flex h-[52px] w-[578px] items-center rounded-xl border border-components-chat-input-border bg-components-panel-bg-blur pl-3.5 text-text-placeholder shadow-md backdrop-blur-sm'>Talk to Dify</div>
+              <div className="body-lg-regular flex h-[52px] w-[578px] items-center rounded-xl border border-components-chat-input-border bg-components-panel-bg-blur pl-3.5 text-text-placeholder shadow-md backdrop-blur-sm">Talk to Dify</div>
             </div>
           </div>
         </div>
         {/* workflow card */}
-        <div className='flex h-[320px] grow basis-1/2 flex-col overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border-subtle bg-background-default-burn'>
-          <div className='w-full border-b-[0.5px] border-divider-subtle p-4 pb-0'>
-            <div className='mb-2 flex items-center gap-3'>
+        <div className="flex h-[320px] grow basis-1/2 flex-col overflow-hidden rounded-2xl border-[0.5px] border-components-panel-border-subtle bg-background-default-burn">
+          <div className="w-full border-b-[0.5px] border-divider-subtle p-4 pb-0">
+            <div className="mb-2 flex items-center gap-3">
               <div className={cn('inline-flex h-8 w-8 items-center justify-center rounded-lg border border-divider-regular', 'bg-components-icon-bg-indigo-solid')}>
-                <RiExchange2Fill className='h-4 w-4 text-components-avatar-shape-fill-stop-100' />
+                <RiExchange2Fill className="h-4 w-4 text-components-avatar-shape-fill-stop-100" />
               </div>
-              <div className='system-md-semibold grow text-text-secondary'>Workflow App</div>
-              <div className='p-1.5'>
-                <RiLayoutLeft2Line className='h-4 w-4 text-text-tertiary' />
+              <div className="system-md-semibold grow text-text-secondary">Workflow App</div>
+              <div className="p-1.5">
+                <RiLayoutLeft2Line className="h-4 w-4 text-text-tertiary" />
               </div>
             </div>
-            <div className='flex items-center gap-4'>
-              <div className='system-md-semibold-uppercase flex h-10 shrink-0 items-center border-b-2 border-components-tab-active text-text-primary'>RUN ONCE</div>
-              <div className='system-md-semibold-uppercase flex h-10 grow items-center border-b-2 border-transparent text-text-tertiary'>RUN BATCH</div>
+            <div className="flex items-center gap-4">
+              <div className="system-md-semibold-uppercase flex h-10 shrink-0 items-center border-b-2 border-components-tab-active text-text-primary">RUN ONCE</div>
+              <div className="system-md-semibold-uppercase flex h-10 grow items-center border-b-2 border-transparent text-text-tertiary">RUN BATCH</div>
             </div>
           </div>
-          <div className='grow bg-components-panel-bg'>
-            <div className='p-4 pb-1'>
-              <div className='mb-1 py-2'>
-                <div className='h-2 w-20 rounded-sm bg-text-quaternary opacity-20'></div>
+          <div className="grow bg-components-panel-bg">
+            <div className="p-4 pb-1">
+              <div className="mb-1 py-2">
+                <div className="h-2 w-20 rounded-sm bg-text-quaternary opacity-20"></div>
               </div>
-              <div className='h-16 w-full rounded-lg bg-components-input-bg-normal '></div>
+              <div className="h-16 w-full rounded-lg bg-components-input-bg-normal "></div>
             </div>
-            <div className='flex items-center justify-between px-4 py-3'>
-              <Button size='small'>
-                <div className='h-2 w-10 rounded-sm bg-text-quaternary opacity-20'></div>
+            <div className="flex items-center justify-between px-4 py-3">
+              <Button size="small">
+                <div className="h-2 w-10 rounded-sm bg-text-quaternary opacity-20"></div>
               </Button>
-              <Button variant='primary' size='small' disabled>
-                <RiPlayLargeLine className='mr-1 h-4 w-4' />
+              <Button variant="primary" size="small" disabled>
+                <RiPlayLargeLine className="mr-1 h-4 w-4" />
                 <span>Execute</span>
               </Button>
             </div>
           </div>
-          <div className='flex h-12 shrink-0 items-center gap-1.5 bg-components-panel-bg p-4 pt-3'>
+          <div className="flex h-12 shrink-0 items-center gap-1.5 bg-components-panel-bg p-4 pt-3">
             {!webappBrandRemoved && (
               <>
-                <div className='system-2xs-medium-uppercase text-text-tertiary'>POWERED BY</div>
+                <div className="system-2xs-medium-uppercase text-text-tertiary">POWERED BY</div>
                 {
                   systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                    ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
+                    ? <img src={systemFeatures.branding.workspace_logo} alt="logo" className="block h-5 w-auto" />
                     : webappLogo
-                      ? <img src={`${webappLogo}?hash=${imgKey}`} alt='logo' className='block h-5 w-auto' />
-                      : <DifyLogo size='small' />
+                      ? <img src={`${webappLogo}?hash=${imgKey}`} alt="logo" className="block h-5 w-auto" />
+                      : <DifyLogo size="small" />
                 }
               </>
             )}
diff --git a/web/app/components/datasets/chunk.tsx b/web/app/components/datasets/chunk.tsx
index eb36c20a62..74184c8d07 100644
--- a/web/app/components/datasets/chunk.tsx
+++ b/web/app/components/datasets/chunk.tsx
@@ -1,6 +1,6 @@
 import type { FC, PropsWithChildren } from 'react'
-import { SelectionMod } from '../base/icons/src/public/knowledge'
 import type { QA } from '@/models/datasets'
+import { SelectionMod } from '../base/icons/src/public/knowledge'
 
 export type ChunkLabelProps = {
   label: string
@@ -9,32 +9,36 @@ export type ChunkLabelProps = {
 
 export const ChunkLabel: FC<ChunkLabelProps> = (props) => {
   const { label, characterCount } = props
-  return <div className='flex items-center text-xs font-medium text-text-tertiary'>
-    <SelectionMod className='size-[10px]' />
-    <p className='ml-0.5 flex gap-2'>
-      <span>
-        {label}
-      </span>
-      <span>
-        ·
-      </span>
-      <span>
-        {`${characterCount} characters`}
-      </span>
-    </p>
-  </div>
+  return (
+    <div className="flex items-center text-xs font-medium text-text-tertiary">
+      <SelectionMod className="size-[10px]" />
+      <p className="ml-0.5 flex gap-2">
+        <span>
+          {label}
+        </span>
+        <span>
+          ·
+        </span>
+        <span>
+          {`${characterCount} characters`}
+        </span>
+      </p>
+    </div>
+  )
 }
 
 export type ChunkContainerProps = ChunkLabelProps & PropsWithChildren
 
 export const ChunkContainer: FC<ChunkContainerProps> = (props) => {
   const { label, characterCount, children } = props
-  return <div className='space-y-2'>
-    <ChunkLabel label={label} characterCount={characterCount} />
-    <div className='body-md-regular text-text-secondary'>
-      {children}
+  return (
+    <div className="space-y-2">
+      <ChunkLabel label={label} characterCount={characterCount} />
+      <div className="body-md-regular text-text-secondary">
+        {children}
+      </div>
     </div>
-  </div>
+  )
 }
 
 export type QAPreviewProps = {
@@ -43,14 +47,16 @@ export type QAPreviewProps = {
 
 export const QAPreview: FC<QAPreviewProps> = (props) => {
   const { qa } = props
-  return <div className='flex flex-col gap-y-2'>
-    <div className='flex gap-x-1'>
-      <label className='shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary'>Q</label>
-      <p className='body-md-regular text-text-secondary'>{qa.question}</p>
+  return (
+    <div className="flex flex-col gap-y-2">
+      <div className="flex gap-x-1">
+        <label className="shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">Q</label>
+        <p className="body-md-regular text-text-secondary">{qa.question}</p>
+      </div>
+      <div className="flex gap-x-1">
+        <label className="shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">A</label>
+        <p className="body-md-regular text-text-secondary">{qa.answer}</p>
+      </div>
     </div>
-    <div className='flex gap-x-1'>
-      <label className='shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary'>A</label>
-      <p className='body-md-regular text-text-secondary'>{qa.answer}</p>
-    </div>
-  </div>
+  )
 }
diff --git a/web/app/components/datasets/common/check-rerank-model.ts b/web/app/components/datasets/common/check-rerank-model.ts
index ccb8c45a09..89c32f0a90 100644
--- a/web/app/components/datasets/common/check-rerank-model.ts
+++ b/web/app/components/datasets/common/check-rerank-model.ts
@@ -1,9 +1,10 @@
-import { RETRIEVE_METHOD, type RetrievalConfig } from '@/types/app'
 import type {
   DefaultModelResponse,
   Model,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { RetrievalConfig } from '@/types/app'
 import { RerankingModeEnum } from '@/models/datasets'
+import { RETRIEVE_METHOD } from '@/types/app'
 
 export const isReRankModelSelected = ({
   retrievalConfig,
@@ -29,15 +30,17 @@ export const isReRankModelSelected = ({
     && ([RETRIEVE_METHOD.semantic, RETRIEVE_METHOD.fullText].includes(retrievalConfig.search_method))
     && retrievalConfig.reranking_enable
     && !rerankModelSelected
-  )
+  ) {
     return false
+  }
 
   if (
     indexMethod === 'high_quality'
     && (retrievalConfig.search_method === RETRIEVE_METHOD.hybrid && retrievalConfig.reranking_mode !== RerankingModeEnum.WeightedScore)
     && !rerankModelSelected
-  )
+  ) {
     return false
+  }
 
   return true
 }
diff --git a/web/app/components/datasets/common/chunking-mode-label.tsx b/web/app/components/datasets/common/chunking-mode-label.tsx
index fb6c4a68c8..5147d44ad8 100644
--- a/web/app/components/datasets/common/chunking-mode-label.tsx
+++ b/web/app/components/datasets/common/chunking-mode-label.tsx
@@ -20,9 +20,9 @@ const ChunkingModeLabel: FC<Props> = ({
 
   return (
     <Badge>
-      <div className='flex h-full items-center space-x-0.5 text-text-tertiary'>
-        <TypeIcon className='h-3 w-3' />
-        <span className='system-2xs-medium-uppercase'>{isGeneralMode ? `${t('dataset.chunkingMode.general')}${generalSuffix}` : t('dataset.chunkingMode.parentChild')}</span>
+      <div className="flex h-full items-center space-x-0.5 text-text-tertiary">
+        <TypeIcon className="h-3 w-3" />
+        <span className="system-2xs-medium-uppercase">{isGeneralMode ? `${t('dataset.chunkingMode.general')}${generalSuffix}` : t('dataset.chunkingMode.parentChild')}</span>
       </div>
     </Badge>
   )
diff --git a/web/app/components/datasets/common/credential-icon.tsx b/web/app/components/datasets/common/credential-icon.tsx
index 041df770a8..27dea86993 100644
--- a/web/app/components/datasets/common/credential-icon.tsx
+++ b/web/app/components/datasets/common/credential-icon.tsx
@@ -1,5 +1,5 @@
-import { cn } from '@/utils/classnames'
 import React, { useCallback, useMemo, useState } from 'react'
+import { cn } from '@/utils/classnames'
 
 type CredentialIconProps = {
   avatarUrl?: string
@@ -42,7 +42,7 @@ export const CredentialIcon: React.FC<CredentialIconProps> = ({
           src={avatarUrl}
           width={size}
           height={size}
-          className='shrink-0 object-contain'
+          className="shrink-0 object-contain"
           onError={onImgLoadError}
         />
       </div>
@@ -58,7 +58,7 @@ export const CredentialIcon: React.FC<CredentialIconProps> = ({
       )}
       style={{ width: `${size}px`, height: `${size}px` }}
     >
-      <span className='bg-gradient-to-b from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text text-[13px] font-semibold leading-[1.2] text-transparent opacity-90'>
+      <span className="bg-gradient-to-b from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text text-[13px] font-semibold leading-[1.2] text-transparent opacity-90">
         {firstLetter}
       </span>
     </div>
diff --git a/web/app/components/datasets/common/document-file-icon.tsx b/web/app/components/datasets/common/document-file-icon.tsx
index dfe28f6624..d4ce8878ba 100644
--- a/web/app/components/datasets/common/document-file-icon.tsx
+++ b/web/app/components/datasets/common/document-file-icon.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import FileTypeIcon from '../../base/file-uploader/file-type-icon'
 import type { FileAppearanceType } from '@/app/components/base/file-uploader/types'
+import React from 'react'
 import { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
+import FileTypeIcon from '../../base/file-uploader/file-type-icon'
 
 const extendToFileTypeMap: { [key: string]: FileAppearanceType } = {
   pdf: FileAppearanceTypeEnum.pdf,
diff --git a/web/app/components/datasets/common/document-picker/document-list.tsx b/web/app/components/datasets/common/document-picker/document-list.tsx
index 2ab6334383..966bc0e4c8 100644
--- a/web/app/components/datasets/common/document-picker/document-list.tsx
+++ b/web/app/components/datasets/common/document-picker/document-list.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import FileIcon from '../document-file-icon'
-import { cn } from '@/utils/classnames'
 import type { DocumentItem } from '@/models/datasets'
+import React, { useCallback } from 'react'
+import { cn } from '@/utils/classnames'
+import FileIcon from '../document-file-icon'
 
 type Props = {
   className?: string
@@ -27,11 +27,11 @@ const DocumentList: FC<Props> = ({
         return (
           <div
             key={id}
-            className='flex h-8 cursor-pointer items-center space-x-2 rounded-lg px-2 hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center space-x-2 rounded-lg px-2 hover:bg-state-base-hover"
             onClick={handleChange(item)}
           >
-            <FileIcon name={item.name} extension={extension} size='lg' />
-            <div className='truncate text-sm text-text-secondary'>{name}</div>
+            <FileIcon name={item.name} extension={extension} size="lg" />
+            <div className="truncate text-sm text-text-secondary">{name}</div>
           </div>
         )
       })}
diff --git a/web/app/components/datasets/common/document-picker/index.spec.tsx b/web/app/components/datasets/common/document-picker/index.spec.tsx
index 4c6a9344ac..d236cf4e62 100644
--- a/web/app/components/datasets/common/document-picker/index.spec.tsx
+++ b/web/app/components/datasets/common/document-picker/index.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
+import type { ParentMode, SimpleDocumentDetail } from '@/models/datasets'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { fireEvent, render, screen } from '@testing-library/react'
-import type { ParentMode, SimpleDocumentDetail } from '@/models/datasets'
+import React from 'react'
 import { ChunkingMode, DataSourceType } from '@/models/datasets'
 import DocumentPicker from './index'
 
@@ -127,8 +127,7 @@ const createMockDocumentList = (count: number): SimpleDocumentDetail[] => {
           extension: 'pdf',
         },
       },
-    }),
-  )
+    }))
 }
 
 // Factory function to create props
@@ -872,7 +871,7 @@ describe('DocumentPicker', () => {
         { mode: ChunkingMode.parentChild, label: 'dataset.chunkingMode.parentChild' },
       ]
 
-      test.each(chunkingModes)(
+      it.each(chunkingModes)(
         'should display correct label for $mode mode',
         ({ mode, label }) => {
           renderComponent({
@@ -890,12 +889,12 @@ describe('DocumentPicker', () => {
     })
 
     describe('value.parentMode variations', () => {
-      const parentModes: Array<{ mode: ParentMode; label: string }> = [
+      const parentModes: Array<{ mode: ParentMode, label: string }> = [
         { mode: 'paragraph', label: 'dataset.parentMode.paragraph' },
         { mode: 'full-doc', label: 'dataset.parentMode.fullDoc' },
       ]
 
-      test.each(parentModes)(
+      it.each(parentModes)(
         'should display correct label for $mode parentMode',
         ({ mode, label }) => {
           renderComponent({
@@ -915,7 +914,7 @@ describe('DocumentPicker', () => {
     describe('value.extension variations', () => {
       const extensions = ['txt', 'pdf', 'docx', 'xlsx', 'csv', 'md', 'html']
 
-      test.each(extensions)('should handle %s extension', (ext) => {
+      it.each(extensions)('should handle %s extension', (ext) => {
         renderComponent({
           value: {
             name: `File.${ext}`,
diff --git a/web/app/components/datasets/common/document-picker/index.tsx b/web/app/components/datasets/common/document-picker/index.tsx
index 5fee49d7db..fe5b96a50b 100644
--- a/web/app/components/datasets/common/document-picker/index.tsx
+++ b/web/app/components/datasets/common/document-picker/index.tsx
@@ -1,23 +1,23 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo, useState } from 'react'
-import { useBoolean } from 'ahooks'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import FileIcon from '../document-file-icon'
-import DocumentList from './document-list'
 import type { DocumentItem, ParentMode, SimpleDocumentDetail } from '@/models/datasets'
-import { ChunkingMode } from '@/models/datasets'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { GeneralChunk, ParentChildChunk } from '@/app/components/base/icons/src/vender/knowledge'
+import Loading from '@/app/components/base/loading'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { cn } from '@/utils/classnames'
 import SearchInput from '@/app/components/base/search-input'
-import { GeneralChunk, ParentChildChunk } from '@/app/components/base/icons/src/vender/knowledge'
+import { ChunkingMode } from '@/models/datasets'
 import { useDocumentList } from '@/service/knowledge/use-document'
-import Loading from '@/app/components/base/loading'
+import { cn } from '@/utils/classnames'
+import FileIcon from '../document-file-icon'
+import DocumentList from './document-list'
 
 type Props = {
   datasetId: string
@@ -79,18 +79,21 @@ const DocumentPicker: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
     >
       <PortalToFollowElemTrigger onClick={togglePopup}>
         <div className={cn('ml-1 flex cursor-pointer select-none items-center rounded-lg px-2 py-0.5 hover:bg-state-base-hover', open && 'bg-state-base-hover')}>
-          <FileIcon name={name} extension={extension} size='xl' />
-          <div className='ml-1 mr-0.5 flex flex-col items-start'>
-            <div className='flex items-center space-x-0.5'>
-              <span className={cn('system-md-semibold text-text-primary')}> {name || '--'}</span>
-              <ArrowIcon className={'h-4 w-4 text-text-primary'} />
+          <FileIcon name={name} extension={extension} size="xl" />
+          <div className="ml-1 mr-0.5 flex flex-col items-start">
+            <div className="flex items-center space-x-0.5">
+              <span className={cn('system-md-semibold text-text-primary')}>
+                {' '}
+                {name || '--'}
+              </span>
+              <ArrowIcon className="h-4 w-4 text-text-primary" />
             </div>
-            <div className='flex h-3 items-center space-x-0.5 text-text-tertiary'>
-              <TypeIcon className='h-3 w-3' />
+            <div className="flex h-3 items-center space-x-0.5 text-text-tertiary">
+              <TypeIcon className="h-3 w-3" />
               <span className={cn('system-2xs-medium-uppercase', isParentChild && 'mt-0.5' /* to icon problem cause not ver align */)}>
                 {isGeneralMode && t('dataset.chunkingMode.general')}
                 {isQAMode && t('dataset.chunkingMode.qa')}
@@ -100,24 +103,26 @@ const DocumentPicker: FC<Props> = ({
           </div>
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
-        <div className='w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 pt-2 shadow-lg backdrop-blur-[5px]'>
-          <SearchInput value={query} onChange={setQuery} className='mx-1' />
+      <PortalToFollowElemContent className="z-[11]">
+        <div className="w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 pt-2 shadow-lg backdrop-blur-[5px]">
+          <SearchInput value={query} onChange={setQuery} className="mx-1" />
           {documentsList
             ? (
-              <DocumentList
-                className='mt-2'
-                list={documentsList.map(d => ({
-                  id: d.id,
-                  name: d.name,
-                  extension: d.data_source_detail_dict?.upload_file?.extension || '',
-                }))}
-                onChange={handleChange}
-              />
-            )
-            : (<div className='mt-2 flex h-[100px] w-[360px] items-center justify-center'>
-              <Loading />
-            </div>)}
+                <DocumentList
+                  className="mt-2"
+                  list={documentsList.map(d => ({
+                    id: d.id,
+                    name: d.name,
+                    extension: d.data_source_detail_dict?.upload_file?.extension || '',
+                  }))}
+                  onChange={handleChange}
+                />
+              )
+            : (
+                <div className="mt-2 flex h-[100px] w-[360px] items-center justify-center">
+                  <Loading />
+                </div>
+              )}
         </div>
 
       </PortalToFollowElemContent>
diff --git a/web/app/components/datasets/common/document-picker/preview-document-picker.spec.tsx b/web/app/components/datasets/common/document-picker/preview-document-picker.spec.tsx
index 5687121fc4..5a70cada88 100644
--- a/web/app/components/datasets/common/document-picker/preview-document-picker.spec.tsx
+++ b/web/app/components/datasets/common/document-picker/preview-document-picker.spec.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
 import type { DocumentItem } from '@/models/datasets'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import PreviewDocumentPicker from './preview-document-picker'
 
 // Override shared i18n mock for custom translations
@@ -76,8 +76,7 @@ const createMockDocumentList = (count: number): DocumentItem[] => {
       id: `doc-${index + 1}`,
       name: `Document ${index + 1}`,
       extension: index % 2 === 0 ? 'pdf' : 'txt',
-    }),
-  )
+    }))
 }
 
 // Factory function to create default props
@@ -502,7 +501,7 @@ describe('PreviewDocumentPicker', () => {
         { ext: 'md', icon: 'file-markdown-icon' },
       ]
 
-      test.each(extensions)('should render correct icon for $ext extension', ({ ext, icon }) => {
+      it.each(extensions)('should render correct icon for $ext extension', ({ ext, icon }) => {
         renderComponent({
           value: createMockDocumentItem({ extension: ext }),
           files: [], // Use empty files to avoid duplicate icons
diff --git a/web/app/components/datasets/common/document-picker/preview-document-picker.tsx b/web/app/components/datasets/common/document-picker/preview-document-picker.tsx
index 907d075893..8b7cf8340b 100644
--- a/web/app/components/datasets/common/document-picker/preview-document-picker.tsx
+++ b/web/app/components/datasets/common/document-picker/preview-document-picker.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { useBoolean } from 'ahooks'
+import type { DocumentItem } from '@/models/datasets'
 import { RiArrowDownSLine } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import FileIcon from '../document-file-icon'
-import DocumentList from './document-list'
+import Loading from '@/app/components/base/loading'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
-import Loading from '@/app/components/base/loading'
-import type { DocumentItem } from '@/models/datasets'
+import FileIcon from '../document-file-icon'
+import DocumentList from './document-list'
 
 type Props = {
   className?: string
@@ -46,33 +46,38 @@ const PreviewDocumentPicker: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
       <PortalToFollowElemTrigger onClick={togglePopup}>
         <div className={cn('flex h-6 select-none items-center rounded-md px-1 hover:bg-state-base-hover', open && 'bg-state-base-hover', className)}>
-          <FileIcon name={name} extension={extension} size='lg' />
-          <div className='ml-1 flex flex-col items-start'>
-            <div className='flex items-center space-x-0.5'>
-              <span className={cn('system-md-semibold max-w-[200px] truncate text-text-primary')}> {name || '--'}</span>
-              <ArrowIcon className={'h-[18px] w-[18px] text-text-primary'} />
+          <FileIcon name={name} extension={extension} size="lg" />
+          <div className="ml-1 flex flex-col items-start">
+            <div className="flex items-center space-x-0.5">
+              <span className={cn('system-md-semibold max-w-[200px] truncate text-text-primary')}>
+                {' '}
+                {name || '--'}
+              </span>
+              <ArrowIcon className="h-[18px] w-[18px] text-text-primary" />
             </div>
           </div>
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
-        <div className='w-[392px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]'>
-          {files?.length > 1 && <div className='system-xs-medium-uppercase flex h-8 items-center pl-2 text-text-tertiary'>{t('dataset.preprocessDocument', { num: files.length })}</div>}
+      <PortalToFollowElemContent className="z-[11]">
+        <div className="w-[392px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]">
+          {files?.length > 1 && <div className="system-xs-medium-uppercase flex h-8 items-center pl-2 text-text-tertiary">{t('dataset.preprocessDocument', { num: files.length })}</div>}
           {files?.length > 0
             ? (
-              <DocumentList
-                list={files}
-                onChange={handleChange}
-              />
-            )
-            : (<div className='mt-2 flex h-[100px] w-[360px] items-center justify-center'>
-              <Loading />
-            </div>)}
+                <DocumentList
+                  list={files}
+                  onChange={handleChange}
+                />
+              )
+            : (
+                <div className="mt-2 flex h-[100px] w-[360px] items-center justify-center">
+                  <Loading />
+                </div>
+              )}
         </div>
 
       </PortalToFollowElemContent>
diff --git a/web/app/components/datasets/common/document-status-with-action/auto-disabled-document.tsx b/web/app/components/datasets/common/document-status-with-action/auto-disabled-document.tsx
index b687c004e5..3fceccb481 100644
--- a/web/app/components/datasets/common/document-status-with-action/auto-disabled-document.tsx
+++ b/web/app/components/datasets/common/document-status-with-action/auto-disabled-document.tsx
@@ -2,9 +2,10 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import StatusWithAction from './status-with-action'
-import { useAutoDisabledDocuments, useDocumentEnable, useInvalidDisabledDocument } from '@/service/knowledge/use-document'
 import Toast from '@/app/components/base/toast'
+import { useAutoDisabledDocuments, useDocumentEnable, useInvalidDisabledDocument } from '@/service/knowledge/use-document'
+import StatusWithAction from './status-with-action'
+
 type Props = {
   datasetId: string
 }
@@ -28,7 +29,7 @@ const AutoDisabledDocument: FC<Props> = ({
 
   return (
     <StatusWithAction
-      type='info'
+      type="info"
       description={t('dataset.documentsDisabled', { num: documentIds?.length })}
       actionText={t('dataset.enable')}
       onAction={handleEnableDocuments}
diff --git a/web/app/components/datasets/common/document-status-with-action/index-failed.tsx b/web/app/components/datasets/common/document-status-with-action/index-failed.tsx
index 4713d944e0..4fafbd8997 100644
--- a/web/app/components/datasets/common/document-status-with-action/index-failed.tsx
+++ b/web/app/components/datasets/common/document-status-with-action/index-failed.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useReducer } from 'react'
-import { useTranslation } from 'react-i18next'
-import StatusWithAction from './status-with-action'
-import { retryErrorDocs } from '@/service/datasets'
 import type { IndexingStatusResponse } from '@/models/datasets'
 import { noop } from 'lodash-es'
+import React, { useEffect, useReducer } from 'react'
+import { useTranslation } from 'react-i18next'
+import { retryErrorDocs } from '@/service/datasets'
 import { useDatasetErrorDocs } from '@/service/knowledge/use-dataset'
+import StatusWithAction from './status-with-action'
 
 type Props = {
   datasetId: string
@@ -62,7 +62,7 @@ const RetryButton: FC<Props> = ({ datasetId }) => {
 
   return (
     <StatusWithAction
-      type='warning'
+      type="warning"
       description={`${errorDocs?.total} ${t('dataset.docsFailedNotice')}`}
       actionText={t('dataset.retry')}
       disabled={indexState.value === 'retry'}
diff --git a/web/app/components/datasets/common/document-status-with-action/status-with-action.tsx b/web/app/components/datasets/common/document-status-with-action/status-with-action.tsx
index 9edad28e65..b4eedd0cfe 100644
--- a/web/app/components/datasets/common/document-status-with-action/status-with-action.tsx
+++ b/web/app/components/datasets/common/document-status-with-action/status-with-action.tsx
@@ -1,9 +1,9 @@
 'use client'
-import { RiAlertFill, RiCheckboxCircleFill, RiErrorWarningFill, RiInformation2Fill } from '@remixicon/react'
 import type { FC } from 'react'
+import { RiAlertFill, RiCheckboxCircleFill, RiErrorWarningFill, RiInformation2Fill } from '@remixicon/react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import Divider from '@/app/components/base/divider'
+import { cn } from '@/utils/classnames'
 
 type Status = 'success' | 'error' | 'warning' | 'info'
 type Props = {
@@ -46,20 +46,21 @@ const StatusAction: FC<Props> = ({
 }) => {
   const { Icon, color } = getIcon(type)
   return (
-    <div className='relative flex h-[34px] items-center rounded-lg border border-components-panel-border bg-components-panel-bg-blur pl-2 pr-3 shadow-xs'>
+    <div className="relative flex h-[34px] items-center rounded-lg border border-components-panel-border bg-components-panel-bg-blur pl-2 pr-3 shadow-xs">
       <div className={
         `absolute inset-0 rounded-lg opacity-40 ${(type === 'success' && 'bg-[linear-gradient(92deg,rgba(23,178,106,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
         || (type === 'warning' && 'bg-[linear-gradient(92deg,rgba(247,144,9,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
         || (type === 'error' && 'bg-[linear-gradient(92deg,rgba(240,68,56,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
         || (type === 'info' && 'bg-[linear-gradient(92deg,rgba(11,165,236,0.25)_0%,rgba(255,255,255,0.00)_100%)]')
-        }`}
+        }`
+      }
       />
-      <div className='relative z-10 flex h-full items-center space-x-2'>
+      <div className="relative z-10 flex h-full items-center space-x-2">
         <Icon className={cn('h-4 w-4', color)} />
-        <div className='text-[13px] font-normal text-text-secondary'>{description}</div>
+        <div className="text-[13px] font-normal text-text-secondary">{description}</div>
         {onAction && (
           <>
-            <Divider type='vertical' className='!h-4' />
+            <Divider type="vertical" className="!h-4" />
             <div onClick={onAction} className={cn('cursor-pointer text-[13px] font-semibold text-text-accent', disabled && 'cursor-not-allowed text-text-disabled')}>{actionText}</div>
           </>
         )}
diff --git a/web/app/components/datasets/common/economical-retrieval-method-config/index.tsx b/web/app/components/datasets/common/economical-retrieval-method-config/index.tsx
index 88f094362e..ec6878cd64 100644
--- a/web/app/components/datasets/common/economical-retrieval-method-config/index.tsx
+++ b/web/app/components/datasets/common/economical-retrieval-method-config/index.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
+import type { RetrievalConfig } from '@/types/app'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import RetrievalParamConfig from '../retrieval-param-config'
-import { RETRIEVE_METHOD } from '@/types/app'
-import type { RetrievalConfig } from '@/types/app'
-import OptionCard from '../../settings/option-card'
 import { VectorSearch } from '@/app/components/base/icons/src/vender/knowledge'
+import { RETRIEVE_METHOD } from '@/types/app'
 import { EffectColor } from '../../settings/chunk-structure/types'
+import OptionCard from '../../settings/option-card'
+import RetrievalParamConfig from '../retrieval-param-config'
 
 type Props = {
   disabled?: boolean
@@ -26,15 +26,15 @@ const EconomicalRetrievalMethodConfig: FC<Props> = ({
     <OptionCard
       id={RETRIEVE_METHOD.keywordSearch}
       disabled={disabled}
-      icon={<VectorSearch className='size-4' />}
-      iconActiveColor='text-util-colors-purple-purple-600'
+      icon={<VectorSearch className="size-4" />}
+      iconActiveColor="text-util-colors-purple-purple-600"
       title={t('dataset.retrieval.keyword_search.title')}
       description={t('dataset.retrieval.keyword_search.description')}
       isActive
       effectColor={EffectColor.purple}
       showEffectColor
       showChildren
-      className='gap-x-2'
+      className="gap-x-2"
     >
       <RetrievalParamConfig
         type={RETRIEVE_METHOD.keywordSearch}
diff --git a/web/app/components/datasets/common/image-list/index.tsx b/web/app/components/datasets/common/image-list/index.tsx
index 8084b6eac6..48a990f94d 100644
--- a/web/app/components/datasets/common/image-list/index.tsx
+++ b/web/app/components/datasets/common/image-list/index.tsx
@@ -1,10 +1,10 @@
-import { useCallback, useMemo, useState } from 'react'
+import type { ImageInfo } from '../image-previewer'
 import type { FileEntity } from '@/app/components/base/file-thumb'
+import { useCallback, useMemo, useState } from 'react'
 import FileThumb from '@/app/components/base/file-thumb'
 import { cn } from '@/utils/classnames'
-import More from './more'
-import type { ImageInfo } from '../image-previewer'
 import ImagePreviewer from '../image-previewer'
+import More from './more'
 
 type Image = {
   name: string
@@ -41,7 +41,8 @@ const ImageList = ({
 
   const handleImageClick = useCallback((file: FileEntity) => {
     const index = limitedImages.findIndex(image => image.sourceUrl === file.sourceUrl)
-    if (index === -1) return
+    if (index === -1)
+      return
     setPreviewIndex(index)
     setPreviewImages(limitedImages.map(image => ({
       url: image.sourceUrl,
diff --git a/web/app/components/datasets/common/image-list/more.tsx b/web/app/components/datasets/common/image-list/more.tsx
index 6da85e6939..6b809ee5c5 100644
--- a/web/app/components/datasets/common/image-list/more.tsx
+++ b/web/app/components/datasets/common/image-list/more.tsx
@@ -23,15 +23,15 @@ const More = ({ count, onClick }: MoreProps) => {
   }, [onClick])
 
   return (
-    <div className='relative size-8 cursor-pointer p-[0.5px]' onClick={handleClick}>
-      <div className='relative z-10 size-full rounded-md border-[1.5px] border-components-panel-bg bg-divider-regular'>
-        <div className='flex size-full items-center justify-center'>
-          <span className='system-xs-regular text-text-tertiary'>
+    <div className="relative size-8 cursor-pointer p-[0.5px]" onClick={handleClick}>
+      <div className="relative z-10 size-full rounded-md border-[1.5px] border-components-panel-bg bg-divider-regular">
+        <div className="flex size-full items-center justify-center">
+          <span className="system-xs-regular text-text-tertiary">
             {`+${formatNumber(count)}`}
           </span>
         </div>
       </div>
-      <div className='absolute -right-0.5 top-1 z-0 h-6 w-1 rounded-r-md bg-divider-regular' />
+      <div className="absolute -right-0.5 top-1 z-0 h-6 w-1 rounded-r-md bg-divider-regular" />
     </div>
   )
 }
diff --git a/web/app/components/datasets/common/image-previewer/index.tsx b/web/app/components/datasets/common/image-previewer/index.tsx
index 14e48d65fc..ec153e874c 100644
--- a/web/app/components/datasets/common/image-previewer/index.tsx
+++ b/web/app/components/datasets/common/image-previewer/index.tsx
@@ -1,10 +1,10 @@
+import { RiArrowLeftLine, RiArrowRightLine, RiCloseLine, RiRefreshLine } from '@remixicon/react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { useHotkeys } from 'react-hotkeys-hook'
 import Button from '@/app/components/base/button'
 import Loading from '@/app/components/base/loading'
 import { formatFileSize } from '@/utils/format'
-import { RiArrowLeftLine, RiArrowRightLine, RiCloseLine, RiRefreshLine } from '@remixicon/react'
-import { createPortal } from 'react-dom'
-import { useHotkeys } from 'react-hotkeys-hook'
 
 type CachedImage = {
   blobUrl?: string
@@ -48,18 +48,21 @@ const ImagePreviewer = ({
   const fetchImage = useCallback(async (image: ImageInfo) => {
     const { url } = image
     // Skip if already cached
-    if (imageCache.has(url)) return
+    if (imageCache.has(url))
+      return
 
     try {
       const res = await fetch(url)
-      if (!res.ok) throw new Error(`Failed to load: ${url}`)
+      if (!res.ok)
+        throw new Error(`Failed to load: ${url}`)
       const blob = await res.blob()
       const blobUrl = URL.createObjectURL(blob)
 
       const img = new Image()
       img.src = blobUrl
       img.onload = () => {
-        if (!isMounted.current) return
+        if (!isMounted.current)
+          return
         imageCache.set(url, {
           blobUrl,
           status: 'loaded',
@@ -148,47 +151,47 @@ const ImagePreviewer = ({
 
   return createPortal(
     <div
-      className='image-previewer fixed inset-0 z-[10000] flex items-center justify-center bg-background-overlay-fullscreen p-5 pb-4 backdrop-blur-[6px]'
+      className="image-previewer fixed inset-0 z-[10000] flex items-center justify-center bg-background-overlay-fullscreen p-5 pb-4 backdrop-blur-[6px]"
       onClick={e => e.stopPropagation()}
       tabIndex={-1}
     >
-      <div className='absolute right-6 top-6 z-10 flex cursor-pointer flex-col items-center gap-y-1'>
+      <div className="absolute right-6 top-6 z-10 flex cursor-pointer flex-col items-center gap-y-1">
         <Button
-          variant='tertiary'
+          variant="tertiary"
           onClick={onClose}
-          className='size-9 rounded-[10px] p-0'
-          size='large'
+          className="size-9 rounded-[10px] p-0"
+          size="large"
         >
-          <RiCloseLine className='size-5' />
+          <RiCloseLine className="size-5" />
         </Button>
-        <span className='system-2xs-medium-uppercase text-text-tertiary'>
+        <span className="system-2xs-medium-uppercase text-text-tertiary">
           Esc
         </span>
       </div>
       {cachedImages[currentImage.url].status === 'loading' && (
-        <Loading type='app' />
+        <Loading type="app" />
       )}
       {cachedImages[currentImage.url].status === 'error' && (
-        <div className='system-sm-regular flex max-w-sm flex-col items-center gap-y-2 text-text-tertiary'>
+        <div className="system-sm-regular flex max-w-sm flex-col items-center gap-y-2 text-text-tertiary">
           <span>{`Failed to load image: ${currentImage.url}. Please try again.`}</span>
           <Button
-            variant='secondary'
+            variant="secondary"
             onClick={() => retryImage(currentImage)}
-            className='size-9 rounded-full p-0'
-            size='large'
+            className="size-9 rounded-full p-0"
+            size="large"
           >
-            <RiRefreshLine className='size-5' />
+            <RiRefreshLine className="size-5" />
           </Button>
         </div>
       )}
       {cachedImages[currentImage.url].status === 'loaded' && (
-        <div className='flex size-full flex-col items-center justify-center gap-y-2'>
+        <div className="flex size-full flex-col items-center justify-center gap-y-2">
           <img
             alt={currentImage.name}
             src={cachedImages[currentImage.url].blobUrl}
-            className='max-h-[calc(100%-2.5rem)] max-w-full object-contain shadow-lg ring-8 ring-effects-image-frame backdrop-blur-[5px]'
+            className="max-h-[calc(100%-2.5rem)] max-w-full object-contain shadow-lg ring-8 ring-effects-image-frame backdrop-blur-[5px]"
           />
-          <div className='system-sm-regular flex shrink-0 gap-x-2 pb-1 pt-3 text-text-tertiary'>
+          <div className="system-sm-regular flex shrink-0 gap-x-2 pb-1 pt-3 text-text-tertiary">
             <span>{currentImage.name}</span>
             <span>·</span>
             <span>{`${cachedImages[currentImage.url].width} ×  ${cachedImages[currentImage.url].height}`}</span>
@@ -198,22 +201,22 @@ const ImagePreviewer = ({
         </div>
       )}
       <Button
-        variant='secondary'
+        variant="secondary"
         onClick={prevImage}
-        className='absolute left-8 top-1/2 z-10 size-9 -translate-y-1/2 rounded-full p-0'
+        className="absolute left-8 top-1/2 z-10 size-9 -translate-y-1/2 rounded-full p-0"
         disabled={currentIndex === 0}
-        size='large'
+        size="large"
       >
-        <RiArrowLeftLine className='size-5' />
+        <RiArrowLeftLine className="size-5" />
       </Button>
       <Button
-        variant='secondary'
+        variant="secondary"
         onClick={nextImage}
-        className='absolute right-8 top-1/2 z-10 size-9 -translate-y-1/2 rounded-full p-0'
+        className="absolute right-8 top-1/2 z-10 size-9 -translate-y-1/2 rounded-full p-0"
         disabled={currentIndex === images.length - 1}
-        size='large'
+        size="large"
       >
-        <RiArrowRightLine className='size-5' />
+        <RiArrowRightLine className="size-5" />
       </Button>
     </div>,
     document.body,
diff --git a/web/app/components/datasets/common/image-uploader/hooks/use-upload.ts b/web/app/components/datasets/common/image-uploader/hooks/use-upload.ts
index aefe48f0cd..7a0868b14c 100644
--- a/web/app/components/datasets/common/image-uploader/hooks/use-upload.ts
+++ b/web/app/components/datasets/common/image-uploader/hooks/use-upload.ts
@@ -1,14 +1,14 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useFileUploadConfig } from '@/service/use-common'
 import type { FileEntity, FileUploadConfig } from '../types'
-import { getFileType, getFileUploadConfig, traverseFileEntry } from '../utils'
-import Toast from '@/app/components/base/toast'
+import { produce } from 'immer'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { v4 as uuid4 } from 'uuid'
+import { fileUpload, getFileUploadErrorMessage } from '@/app/components/base/file-uploader/utils'
+import Toast from '@/app/components/base/toast'
+import { useFileUploadConfig } from '@/service/use-common'
 import { ACCEPT_TYPES } from '../constants'
 import { useFileStore } from '../store'
-import { produce } from 'immer'
-import { fileUpload, getFileUploadErrorMessage } from '@/app/components/base/file-uploader/utils'
-import { v4 as uuid4 } from 'uuid'
+import { getFileType, getFileUploadConfig, traverseFileEntry } from '../utils'
 
 export const useUpload = () => {
   const { t } = useTranslation()
@@ -208,7 +208,8 @@ export const useUpload = () => {
   const handleFileUpload = useCallback((newFiles: File[]) => {
     const { files } = fileStore.getState()
     const { singleChunkAttachmentLimit } = fileUploadConfig
-    if (newFiles.length === 0) return
+    if (newFiles.length === 0)
+      return
     if (files.length + newFiles.length > singleChunkAttachmentLimit) {
       Toast.notify({
         type: 'error',
@@ -231,11 +232,13 @@ export const useUpload = () => {
     e.preventDefault()
     e.stopPropagation()
     setDragging(false)
-    if (!e.dataTransfer) return
+    if (!e.dataTransfer)
+      return
     const nested = await Promise.all(
       Array.from(e.dataTransfer.items).map((it) => {
         const entry = (it as any).webkitGetAsEntry?.()
-        if (entry) return traverseFileEntry(entry)
+        if (entry)
+          return traverseFileEntry(entry)
         const f = it.getAsFile?.()
         return f ? Promise.resolve([f]) : Promise.resolve([])
       }),
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-input.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-input.tsx
index 002ee705ba..e7e198fa86 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-input.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-input.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { cn } from '@/utils/classnames'
 import { RiUploadCloud2Line } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { useUpload } from '../hooks/use-upload'
+import { cn } from '@/utils/classnames'
 import { ACCEPT_TYPES } from '../constants'
+import { useUpload } from '../hooks/use-upload'
 
 const ImageUploader = () => {
   const { t } = useTranslation()
@@ -19,12 +19,12 @@ const ImageUploader = () => {
   } = useUpload()
 
   return (
-    <div className='w-full'>
+    <div className="w-full">
       <input
         ref={uploaderRef}
-        id='fileUploader'
-        className='hidden'
-        type='file'
+        id="fileUploader"
+        className="hidden"
+        type="file"
         multiple
         accept={ACCEPT_TYPES.map(ext => `.${ext}`).join(',')}
         onChange={fileChangeHandle}
@@ -36,26 +36,26 @@ const ImageUploader = () => {
           dragging && 'border-components-dropzone-border-accent bg-components-dropzone-bg-accent',
         )}
       >
-        <div className='system-sm-medium flex items-center justify-center gap-x-2 text-text-secondary'>
-          <RiUploadCloud2Line className='size-5 text-text-tertiary' />
+        <div className="system-sm-medium flex items-center justify-center gap-x-2 text-text-secondary">
+          <RiUploadCloud2Line className="size-5 text-text-tertiary" />
           <div>
             <span>{t('dataset.imageUploader.button')}</span>
             <span
-              className='ml-1 cursor-pointer text-text-accent'
+              className="ml-1 cursor-pointer text-text-accent"
               onClick={selectHandle}
             >
               {t('dataset.imageUploader.browse')}
             </span>
           </div>
         </div>
-        <div className='system-xs-regular'>
+        <div className="system-xs-regular">
           {t('dataset.imageUploader.tip', {
             size: fileUploadConfig.imageFileSizeLimit,
             supportTypes: ACCEPT_TYPES.join(', '),
             batchCount: fileUploadConfig.imageFileBatchLimit,
           })}
         </div>
-        {dragging && <div ref={dragRef} className='absolute inset-0' />}
+        {dragging && <div ref={dragRef} className="absolute inset-0" />}
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-item.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-item.tsx
index a5bfb65fa2..f0c03087b1 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-item.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/image-item.tsx
@@ -1,16 +1,16 @@
+import type { FileEntity } from '../types'
+import {
+  RiCloseLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
-import {
-  RiCloseLine,
-} from '@remixicon/react'
-import FileImageRender from '@/app/components/base/file-uploader/file-image-render'
-import type { FileEntity } from '../types'
-import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
-import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
-import { fileIsUploaded } from '../utils'
 import Button from '@/app/components/base/button'
+import FileImageRender from '@/app/components/base/file-uploader/file-image-render'
+import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
+import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
+import { fileIsUploaded } from '../utils'
 
 type ImageItemProps = {
   file: FileEntity
@@ -48,32 +48,32 @@ const ImageItem = ({
 
   return (
     <div
-      className='group/file-image relative cursor-pointer'
+      className="group/file-image relative cursor-pointer"
       onClick={handlePreview}
     >
       {
         showDeleteAction && (
           <Button
-            className='absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-image:flex'
+            className="absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-image:flex"
             onClick={handleRemove}
           >
-            <RiCloseLine className='h-4 w-4 text-components-button-secondary-text' />
+            <RiCloseLine className="h-4 w-4 text-components-button-secondary-text" />
           </Button>
         )
       }
       <FileImageRender
-        className='h-[68px] w-[68px] shadow-md'
+        className="h-[68px] w-[68px] shadow-md"
         imageUrl={base64Url || sourceUrl || ''}
       />
       {
         progress >= 0 && !fileIsUploaded(file) && (
-          <div className='absolute inset-0 z-10 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt'>
+          <div className="absolute inset-0 z-10 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt">
             <ProgressCircle
               percentage={progress}
               size={12}
-              circleStrokeColor='stroke-components-progress-white-border'
-              circleFillColor='fill-transparent'
-              sectorFillColor='fill-components-progress-white-progress'
+              circleStrokeColor="stroke-components-progress-white-border"
+              circleFillColor="fill-transparent"
+              sectorFillColor="fill-components-progress-white-progress"
             />
           </div>
         )
@@ -81,10 +81,10 @@ const ImageItem = ({
       {
         progress === -1 && (
           <div
-            className='absolute inset-0 z-10 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive'
+            className="absolute inset-0 z-10 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive"
             onClick={handleReUpload}
           >
-            <ReplayLine className='size-5 text-text-primary-on-surface' />
+            <ReplayLine className="size-5 text-text-primary-on-surface" />
           </div>
         )
       }
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx
index 5dc9971fd6..17ff348c64 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx
@@ -1,15 +1,15 @@
+import type { FileEntity } from '../types'
+import type { ImageInfo } from '@/app/components/datasets/common/image-previewer'
+import { useCallback, useState } from 'react'
+import ImagePreviewer from '@/app/components/datasets/common/image-previewer'
+import { cn } from '@/utils/classnames'
+import { useUpload } from '../hooks/use-upload'
 import {
   FileContextProvider,
   useFileStoreWithSelector,
 } from '../store'
-import type { FileEntity } from '../types'
-import FileItem from './image-item'
-import { useUpload } from '../hooks/use-upload'
 import ImageInput from './image-input'
-import { cn } from '@/utils/classnames'
-import { useCallback, useState } from 'react'
-import type { ImageInfo } from '@/app/components/datasets/common/image-previewer'
-import ImagePreviewer from '@/app/components/datasets/common/image-previewer'
+import FileItem from './image-item'
 
 type ImageUploaderInChunkProps = {
   disabled?: boolean
@@ -25,7 +25,8 @@ const ImageUploaderInChunk = ({
 
   const handleImagePreview = useCallback((fileId: string) => {
     const index = files.findIndex(item => item.id === fileId)
-    if (index === -1) return
+    if (index === -1)
+      return
     setPreviewIndex(index)
     setPreviewImages(files.map(item => ({
       url: item.base64Url || item.sourceUrl || '',
@@ -46,7 +47,7 @@ const ImageUploaderInChunk = ({
   return (
     <div className={cn('w-full', className)}>
       {!disabled && <ImageInput />}
-      <div className='flex flex-wrap gap-2 py-1'>
+      <div className="flex flex-wrap gap-2 py-1">
         {
           files.map(file => (
             <FileItem
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-input.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-input.tsx
index 4f230e3957..5525913d3c 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-input.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-input.tsx
@@ -1,10 +1,10 @@
+import { RiImageAddLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { useUpload } from '../hooks/use-upload'
-import { ACCEPT_TYPES } from '../constants'
-import { useFileStoreWithSelector } from '../store'
-import { RiImageAddLine } from '@remixicon/react'
 import Tooltip from '@/app/components/base/tooltip'
+import { ACCEPT_TYPES } from '../constants'
+import { useUpload } from '../hooks/use-upload'
+import { useFileStoreWithSelector } from '../store'
 
 const ImageUploader = () => {
   const { t } = useTranslation()
@@ -21,33 +21,33 @@ const ImageUploader = () => {
     <div>
       <input
         ref={uploaderRef}
-        id='fileUploader'
-        className='hidden'
-        type='file'
+        id="fileUploader"
+        className="hidden"
+        type="file"
         multiple
         accept={ACCEPT_TYPES.map(ext => `.${ext}`).join(',')}
         onChange={fileChangeHandle}
       />
-      <div className='flex flex-wrap gap-1'>
+      <div className="flex flex-wrap gap-1">
         <Tooltip
           popupContent={t('datasetHitTesting.imageUploader.tooltip', {
             size: fileUploadConfig.imageFileSizeLimit,
             batchCount: fileUploadConfig.imageFileBatchLimit,
           })}
-          popupClassName='system-xs-medium p-1.5 rounded-lg text-text-secondary'
-          position='top'
+          popupClassName="system-xs-medium p-1.5 rounded-lg text-text-secondary"
+          position="top"
           offset={4}
           disabled={files.length === 0}
         >
           <div
-            className='group flex cursor-pointer items-center gap-x-2'
+            className="group flex cursor-pointer items-center gap-x-2"
             onClick={selectHandle}
           >
-            <div className='flex size-8 items-center justify-center rounded-lg border-[1px] border-dashed border-components-dropzone-border bg-components-button-tertiary-bg group-hover:bg-components-button-tertiary-bg-hover'>
-              <RiImageAddLine className='size-4 text-text-tertiary' />
+            <div className="flex size-8 items-center justify-center rounded-lg border-[1px] border-dashed border-components-dropzone-border bg-components-button-tertiary-bg group-hover:bg-components-button-tertiary-bg-hover">
+              <RiImageAddLine className="size-4 text-text-tertiary" />
             </div>
             {files.length === 0 && (
-              <span className='system-sm-regular text-text-quaternary group-hover:text-text-tertiary'>
+              <span className="system-sm-regular text-text-quaternary group-hover:text-text-tertiary">
                 {t('datasetHitTesting.imageUploader.tip', {
                   size: fileUploadConfig.imageFileSizeLimit,
                   batchCount: fileUploadConfig.imageFileBatchLimit,
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-item.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-item.tsx
index a47356e560..50f69ac98f 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-item.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/image-item.tsx
@@ -1,16 +1,16 @@
+import type { FileEntity } from '../types'
+import {
+  RiCloseLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
-import {
-  RiCloseLine,
-} from '@remixicon/react'
-import FileImageRender from '@/app/components/base/file-uploader/file-image-render'
-import type { FileEntity } from '../types'
-import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
-import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
-import { fileIsUploaded } from '../utils'
 import Button from '@/app/components/base/button'
+import FileImageRender from '@/app/components/base/file-uploader/file-image-render'
+import { ReplayLine } from '@/app/components/base/icons/src/vender/other'
+import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
+import { fileIsUploaded } from '../utils'
 
 type ImageItemProps = {
   file: FileEntity
@@ -48,32 +48,32 @@ const ImageItem = ({
 
   return (
     <div
-      className='group/file-image relative cursor-pointer'
+      className="group/file-image relative cursor-pointer"
       onClick={handlePreview}
     >
       {
         showDeleteAction && (
           <Button
-            className='absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-image:flex'
+            className="absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-image:flex"
             onClick={handleRemove}
           >
-            <RiCloseLine className='h-4 w-4 text-components-button-secondary-text' />
+            <RiCloseLine className="h-4 w-4 text-components-button-secondary-text" />
           </Button>
         )
       }
       <FileImageRender
-        className='size-20 shadow-md'
+        className="size-20 shadow-md"
         imageUrl={base64Url || sourceUrl || ''}
       />
       {
         progress >= 0 && !fileIsUploaded(file) && (
-          <div className='absolute inset-0 z-10 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt'>
+          <div className="absolute inset-0 z-10 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt">
             <ProgressCircle
               percentage={progress}
               size={12}
-              circleStrokeColor='stroke-components-progress-white-border'
-              circleFillColor='fill-transparent'
-              sectorFillColor='fill-components-progress-white-progress'
+              circleStrokeColor="stroke-components-progress-white-border"
+              circleFillColor="fill-transparent"
+              sectorFillColor="fill-components-progress-white-progress"
             />
           </div>
         )
@@ -81,10 +81,10 @@ const ImageItem = ({
       {
         progress === -1 && (
           <div
-            className='absolute inset-0 z-10 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive'
+            className="absolute inset-0 z-10 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive"
             onClick={handleReUpload}
           >
-            <ReplayLine className='size-5 text-text-primary-on-surface' />
+            <ReplayLine className="size-5 text-text-primary-on-surface" />
           </div>
         )
       }
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx
index 7fa4cca507..62ebaad3bd 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx
@@ -1,19 +1,19 @@
+import type { FileEntity } from '../types'
+import type { ImageInfo } from '@/app/components/datasets/common/image-previewer'
 import {
   useCallback,
   useState,
 } from 'react'
+import { useTranslation } from 'react-i18next'
+import ImagePreviewer from '@/app/components/datasets/common/image-previewer'
+import { cn } from '@/utils/classnames'
+import { useUpload } from '../hooks/use-upload'
 import {
   FileContextProvider,
+  useFileStoreWithSelector,
 } from '../store'
-import type { FileEntity } from '../types'
-import { useUpload } from '../hooks/use-upload'
 import ImageInput from './image-input'
-import { cn } from '@/utils/classnames'
-import { useTranslation } from 'react-i18next'
-import { useFileStoreWithSelector } from '../store'
 import ImageItem from './image-item'
-import type { ImageInfo } from '@/app/components/datasets/common/image-previewer'
-import ImagePreviewer from '@/app/components/datasets/common/image-previewer'
 
 type ImageUploaderInRetrievalTestingProps = {
   textArea: React.ReactNode
@@ -43,7 +43,8 @@ const ImageUploaderInRetrievalTesting = ({
 
   const handleImagePreview = useCallback((fileId: string) => {
     const index = files.findIndex(item => item.id === fileId)
-    if (index === -1) return
+    if (index === -1)
+      return
     setPreviewIndex(index)
     setPreviewImages(files.map(item => ({
       url: item.base64Url || item.sourceUrl || '',
@@ -63,16 +64,16 @@ const ImageUploaderInRetrievalTesting = ({
     >
       {dragging && (
         <div
-          className='absolute inset-0.5 z-10 flex items-center justify-center rounded-lg border-[1.5px] border-dashed border-components-dropzone-border-accent bg-components-dropzone-bg-accent'
+          className="absolute inset-0.5 z-10 flex items-center justify-center rounded-lg border-[1.5px] border-dashed border-components-dropzone-border-accent bg-components-dropzone-bg-accent"
         >
           <div>{t('datasetHitTesting.imageUploader.dropZoneTip')}</div>
-          <div ref={dragRef} className='absolute inset-0' />
+          <div ref={dragRef} className="absolute inset-0" />
         </div>
       )}
       {textArea}
       {
         showUploader && !!files.length && (
-          <div className='flex flex-wrap gap-1 bg-background-default px-4 py-2'>
+          <div className="flex flex-wrap gap-1 bg-background-default px-4 py-2">
             {
               files.map(file => (
                 <ImageItem
@@ -93,7 +94,8 @@ const ImageUploaderInRetrievalTesting = ({
           'flex',
           showUploader ? 'justify-between' : 'justify-end',
           actionAreaClassName,
-        )}>
+        )}
+      >
         {showUploader && <ImageInput />}
         {actionButton}
       </div>
diff --git a/web/app/components/datasets/common/image-uploader/store.tsx b/web/app/components/datasets/common/image-uploader/store.tsx
index e3c9e28a84..93470190a4 100644
--- a/web/app/components/datasets/common/image-uploader/store.tsx
+++ b/web/app/components/datasets/common/image-uploader/store.tsx
@@ -1,3 +1,6 @@
+import type {
+  FileEntity,
+} from './types'
 import {
   createContext,
   useContext,
@@ -7,9 +10,6 @@ import {
   create,
   useStore,
 } from 'zustand'
-import type {
-  FileEntity,
-} from './types'
 
 type Shape = {
   files: FileEntity[]
diff --git a/web/app/components/datasets/common/image-uploader/utils.ts b/web/app/components/datasets/common/image-uploader/utils.ts
index 842b279a98..c2fad83840 100644
--- a/web/app/components/datasets/common/image-uploader/utils.ts
+++ b/web/app/components/datasets/common/image-uploader/utils.ts
@@ -1,5 +1,5 @@
-import type { FileUploadConfigResponse } from '@/models/common'
 import type { FileEntity } from './types'
+import type { FileUploadConfigResponse } from '@/models/common'
 import {
   DEFAULT_IMAGE_FILE_BATCH_LIMIT,
   DEFAULT_IMAGE_FILE_SIZE_LIMIT,
diff --git a/web/app/components/datasets/common/retrieval-method-config/index.spec.tsx b/web/app/components/datasets/common/retrieval-method-config/index.spec.tsx
index 0edaa38da3..da07401d0c 100644
--- a/web/app/components/datasets/common/retrieval-method-config/index.spec.tsx
+++ b/web/app/components/datasets/common/retrieval-method-config/index.spec.tsx
@@ -1,12 +1,12 @@
-import React from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
 import type { RetrievalConfig } from '@/types/app'
-import { RETRIEVE_METHOD } from '@/types/app'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import {
   DEFAULT_WEIGHTED_SCORE,
   RerankingModeEnum,
   WeightedScoreEnum,
 } from '@/models/datasets'
+import { RETRIEVE_METHOD } from '@/types/app'
 import RetrievalMethodConfig from './index'
 
 // Mock provider context with controllable supportRetrievalMethods
@@ -23,7 +23,7 @@ vi.mock('@/context/provider-context', () => ({
 }))
 
 // Mock model hooks with controllable return values
-let mockRerankDefaultModel: { provider: { provider: string }; model: string } | undefined = {
+let mockRerankDefaultModel: { provider: { provider: string }, model: string } | undefined = {
   provider: { provider: 'test-provider' },
   model: 'test-rerank-model',
 }
@@ -819,7 +819,7 @@ describe('RetrievalMethodConfig', () => {
         RETRIEVE_METHOD.hybrid,
       ]
 
-      test.each(methods)('should correctly highlight %s when active', (method) => {
+      it.each(methods)('should correctly highlight %s when active', (method) => {
         renderComponent({
           value: createMockRetrievalConfig({ search_method: method }),
         })
diff --git a/web/app/components/datasets/common/retrieval-method-config/index.tsx b/web/app/components/datasets/common/retrieval-method-config/index.tsx
index c0952ed4a4..cd700f55f1 100644
--- a/web/app/components/datasets/common/retrieval-method-config/index.tsx
+++ b/web/app/components/datasets/common/retrieval-method-config/index.tsx
@@ -1,21 +1,21 @@
 'use client'
 import type { FC } from 'react'
+import type { RetrievalConfig } from '@/types/app'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import RetrievalParamConfig from '../retrieval-param-config'
-import type { RetrievalConfig } from '@/types/app'
-import { RETRIEVE_METHOD } from '@/types/app'
-import { useProviderContext } from '@/context/provider-context'
-import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { FullTextSearch, HybridSearch, VectorSearch } from '@/app/components/base/icons/src/vender/knowledge'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useProviderContext } from '@/context/provider-context'
 import {
   DEFAULT_WEIGHTED_SCORE,
   RerankingModeEnum,
   WeightedScoreEnum,
 } from '@/models/datasets'
-import OptionCard from '../../settings/option-card'
-import { FullTextSearch, HybridSearch, VectorSearch } from '@/app/components/base/icons/src/vender/knowledge'
+import { RETRIEVE_METHOD } from '@/types/app'
 import { EffectColor } from '../../settings/chunk-structure/types'
+import OptionCard from '../../settings/option-card'
+import RetrievalParamConfig from '../retrieval-param-config'
 
 type Props = {
   disabled?: boolean
@@ -44,15 +44,15 @@ const RetrievalMethodConfig: FC<Props> = ({
         search_method: retrieveMethod,
         ...((!value.reranking_model.reranking_model_name || !value.reranking_model.reranking_provider_name)
           ? {
-            reranking_model: {
-              reranking_provider_name: isRerankDefaultModelValid ? rerankDefaultModel?.provider?.provider ?? '' : '',
-              reranking_model_name: isRerankDefaultModelValid ? rerankDefaultModel?.model ?? '' : '',
-            },
-            reranking_enable: !!isRerankDefaultModelValid,
-          }
+              reranking_model: {
+                reranking_provider_name: isRerankDefaultModelValid ? rerankDefaultModel?.provider?.provider ?? '' : '',
+                reranking_model_name: isRerankDefaultModelValid ? rerankDefaultModel?.model ?? '' : '',
+              },
+              reranking_enable: !!isRerankDefaultModelValid,
+            }
           : {
-            reranking_enable: true,
-          }),
+              reranking_enable: true,
+            }),
       })
     }
     if (retrieveMethod === RETRIEVE_METHOD.hybrid) {
@@ -61,44 +61,44 @@ const RetrievalMethodConfig: FC<Props> = ({
         search_method: retrieveMethod,
         ...((!value.reranking_model.reranking_model_name || !value.reranking_model.reranking_provider_name)
           ? {
-            reranking_model: {
-              reranking_provider_name: isRerankDefaultModelValid ? rerankDefaultModel?.provider?.provider ?? '' : '',
-              reranking_model_name: isRerankDefaultModelValid ? rerankDefaultModel?.model ?? '' : '',
-            },
-            reranking_enable: !!isRerankDefaultModelValid,
-            reranking_mode: isRerankDefaultModelValid ? RerankingModeEnum.RerankingModel : RerankingModeEnum.WeightedScore,
-          }
+              reranking_model: {
+                reranking_provider_name: isRerankDefaultModelValid ? rerankDefaultModel?.provider?.provider ?? '' : '',
+                reranking_model_name: isRerankDefaultModelValid ? rerankDefaultModel?.model ?? '' : '',
+              },
+              reranking_enable: !!isRerankDefaultModelValid,
+              reranking_mode: isRerankDefaultModelValid ? RerankingModeEnum.RerankingModel : RerankingModeEnum.WeightedScore,
+            }
           : {
-            reranking_enable: true,
-            reranking_mode: RerankingModeEnum.RerankingModel,
-          }),
+              reranking_enable: true,
+              reranking_mode: RerankingModeEnum.RerankingModel,
+            }),
         ...(!value.weights
           ? {
-            weights: {
-              weight_type: WeightedScoreEnum.Customized,
-              vector_setting: {
-                vector_weight: DEFAULT_WEIGHTED_SCORE.other.semantic,
-                embedding_provider_name: '',
-                embedding_model_name: '',
+              weights: {
+                weight_type: WeightedScoreEnum.Customized,
+                vector_setting: {
+                  vector_weight: DEFAULT_WEIGHTED_SCORE.other.semantic,
+                  embedding_provider_name: '',
+                  embedding_model_name: '',
+                },
+                keyword_setting: {
+                  keyword_weight: DEFAULT_WEIGHTED_SCORE.other.keyword,
+                },
               },
-              keyword_setting: {
-                keyword_weight: DEFAULT_WEIGHTED_SCORE.other.keyword,
-              },
-            },
-          }
+            }
           : {}),
       })
     }
   }, [value, rerankDefaultModel, isRerankDefaultModelValid, onChange])
 
   return (
-    <div className='flex flex-col gap-y-2'>
+    <div className="flex flex-col gap-y-2">
       {supportRetrievalMethods.includes(RETRIEVE_METHOD.semantic) && (
         <OptionCard
           id={RETRIEVE_METHOD.semantic}
           disabled={disabled}
-          icon={<VectorSearch className='size-4' />}
-          iconActiveColor='text-util-colors-purple-purple-600'
+          icon={<VectorSearch className="size-4" />}
+          iconActiveColor="text-util-colors-purple-purple-600"
           title={t('dataset.retrieval.semantic_search.title')}
           description={t('dataset.retrieval.semantic_search.description')}
           isActive={value.search_method === RETRIEVE_METHOD.semantic}
@@ -106,7 +106,7 @@ const RetrievalMethodConfig: FC<Props> = ({
           effectColor={EffectColor.purple}
           showEffectColor
           showChildren={value.search_method === RETRIEVE_METHOD.semantic}
-          className='gap-x-2'
+          className="gap-x-2"
         >
           <RetrievalParamConfig
             type={RETRIEVE_METHOD.semantic}
@@ -120,8 +120,8 @@ const RetrievalMethodConfig: FC<Props> = ({
         <OptionCard
           id={RETRIEVE_METHOD.fullText}
           disabled={disabled}
-          icon={<FullTextSearch className='size-4' />}
-          iconActiveColor='text-util-colors-purple-purple-600'
+          icon={<FullTextSearch className="size-4" />}
+          iconActiveColor="text-util-colors-purple-purple-600"
           title={t('dataset.retrieval.full_text_search.title')}
           description={t('dataset.retrieval.full_text_search.description')}
           isActive={value.search_method === RETRIEVE_METHOD.fullText}
@@ -129,7 +129,7 @@ const RetrievalMethodConfig: FC<Props> = ({
           effectColor={EffectColor.purple}
           showEffectColor
           showChildren={value.search_method === RETRIEVE_METHOD.fullText}
-          className='gap-x-2'
+          className="gap-x-2"
         >
           <RetrievalParamConfig
             type={RETRIEVE_METHOD.fullText}
@@ -143,8 +143,8 @@ const RetrievalMethodConfig: FC<Props> = ({
         <OptionCard
           id={RETRIEVE_METHOD.hybrid}
           disabled={disabled}
-          icon={<HybridSearch className='size-4' />}
-          iconActiveColor='text-util-colors-purple-purple-600'
+          icon={<HybridSearch className="size-4" />}
+          iconActiveColor="text-util-colors-purple-purple-600"
           title={t('dataset.retrieval.hybrid_search.title')}
           description={t('dataset.retrieval.hybrid_search.description')}
           isActive={value.search_method === RETRIEVE_METHOD.hybrid}
@@ -153,7 +153,7 @@ const RetrievalMethodConfig: FC<Props> = ({
           showEffectColor
           isRecommended
           showChildren={value.search_method === RETRIEVE_METHOD.hybrid}
-          className='gap-x-2'
+          className="gap-x-2"
         >
           <RetrievalParamConfig
             type={RETRIEVE_METHOD.hybrid}
diff --git a/web/app/components/datasets/common/retrieval-method-info/index.tsx b/web/app/components/datasets/common/retrieval-method-info/index.tsx
index 066cfd94a3..ee388a9580 100644
--- a/web/app/components/datasets/common/retrieval-method-info/index.tsx
+++ b/web/app/components/datasets/common/retrieval-method-info/index.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { RetrievalConfig } from '@/types/app'
+import Image from 'next/image'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Image from 'next/image'
-import { retrievalIcon } from '../../create/icons'
-import type { RetrievalConfig } from '@/types/app'
-import { RETRIEVE_METHOD } from '@/types/app'
 import RadioCard from '@/app/components/base/radio-card'
+import { RETRIEVE_METHOD } from '@/types/app'
+import { retrievalIcon } from '../../create/icons'
 
 type Props = {
   value: RetrievalConfig
@@ -28,35 +28,35 @@ const EconomicalRetrievalMethodConfig: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   const type = value.search_method
-  const icon = <Image className='size-3.5 text-util-colors-purple-purple-600' src={getIcon(type)} alt='' />
+  const icon = <Image className="size-3.5 text-util-colors-purple-purple-600" src={getIcon(type)} alt="" />
   return (
-    <div className='space-y-2'>
+    <div className="space-y-2">
       <RadioCard
         icon={icon}
         title={t(`dataset.retrieval.${type}.title`)}
         description={t(`dataset.retrieval.${type}.description`)}
         noRadio
-        chosenConfigWrapClassName='!pb-3'
-        chosenConfig={
-          <div className='flex flex-wrap text-xs font-normal leading-[18px]'>
+        chosenConfigWrapClassName="!pb-3"
+        chosenConfig={(
+          <div className="flex flex-wrap text-xs font-normal leading-[18px]">
             {value.reranking_model.reranking_model_name && (
-              <div className='mr-8 flex space-x-1'>
-                <div className='text-gray-500'>{t('common.modelProvider.rerankModel.key')}</div>
-                <div className='font-medium text-gray-800'>{value.reranking_model.reranking_model_name}</div>
+              <div className="mr-8 flex space-x-1">
+                <div className="text-gray-500">{t('common.modelProvider.rerankModel.key')}</div>
+                <div className="font-medium text-gray-800">{value.reranking_model.reranking_model_name}</div>
               </div>
             )}
 
-            <div className='mr-8 flex space-x-1'>
-              <div className='text-gray-500'>{t('appDebug.datasetConfig.top_k')}</div>
-              <div className='font-medium text-gray-800'>{value.top_k}</div>
+            <div className="mr-8 flex space-x-1">
+              <div className="text-gray-500">{t('appDebug.datasetConfig.top_k')}</div>
+              <div className="font-medium text-gray-800">{value.top_k}</div>
             </div>
 
-            <div className='mr-8 flex space-x-1'>
-              <div className='text-gray-500'>{t('appDebug.datasetConfig.score_threshold')}</div>
-              <div className='font-medium text-gray-800'>{value.score_threshold}</div>
+            <div className="mr-8 flex space-x-1">
+              <div className="text-gray-500">{t('appDebug.datasetConfig.score_threshold')}</div>
+              <div className="font-medium text-gray-800">{value.score_threshold}</div>
             </div>
           </div>
-        }
+        )}
       />
     </div>
   )
diff --git a/web/app/components/datasets/common/retrieval-param-config/index.tsx b/web/app/components/datasets/common/retrieval-param-config/index.tsx
index be47ea6b8f..19653ebad7 100644
--- a/web/app/components/datasets/common/retrieval-param-config/index.tsx
+++ b/web/app/components/datasets/common/retrieval-param-config/index.tsx
@@ -1,30 +1,30 @@
 'use client'
 import type { FC } from 'react'
+import type { RetrievalConfig } from '@/types/app'
+import Image from 'next/image'
+
 import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-
-import Image from 'next/image'
-import ProgressIndicator from '../../create/assets/progress-indicator.svg'
-import Reranking from '../../create/assets/rerank.svg'
-import { cn } from '@/utils/classnames'
-import TopKItem from '@/app/components/base/param-item/top-k-item'
+import WeightedScore from '@/app/components/app/configuration/dataset-config/params-config/weighted-score'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import ScoreThresholdItem from '@/app/components/base/param-item/score-threshold-item'
-import { RETRIEVE_METHOD } from '@/types/app'
+import TopKItem from '@/app/components/base/param-item/top-k-item'
+import RadioCard from '@/app/components/base/radio-card'
 import Switch from '@/app/components/base/switch'
+import Toast from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
-import type { RetrievalConfig } from '@/types/app'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import { useCurrentProviderAndModel, useModelListAndDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useCurrentProviderAndModel, useModelListAndDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
 import {
   DEFAULT_WEIGHTED_SCORE,
   RerankingModeEnum,
   WeightedScoreEnum,
 } from '@/models/datasets'
-import WeightedScore from '@/app/components/app/configuration/dataset-config/params-config/weighted-score'
-import Toast from '@/app/components/base/toast'
-import RadioCard from '@/app/components/base/radio-card'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import { RETRIEVE_METHOD } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import ProgressIndicator from '../../create/assets/progress-indicator.svg'
+import Reranking from '../../create/assets/rerank.svg'
 
 type Props = {
   type: RETRIEVE_METHOD
@@ -117,16 +117,16 @@ const RetrievalParamConfig: FC<Props> = ({
     <div>
       {!isEconomical && !isHybridSearch && (
         <div>
-          <div className='mb-2 flex items-center space-x-2'>
+          <div className="mb-2 flex items-center space-x-2">
             {canToggleRerankModalEnable && (
               <Switch
-                size='md'
+                size="md"
                 defaultValue={value.reranking_enable}
                 onChange={handleToggleRerankEnable}
               />
             )}
-            <div className='flex items-center'>
-              <span className='system-sm-semibold mr-0.5 text-text-secondary'>{t('common.modelProvider.rerankModel.key')}</span>
+            <div className="flex items-center">
+              <span className="system-sm-semibold mr-0.5 text-text-secondary">{t('common.modelProvider.rerankModel.key')}</span>
               <Tooltip
                 popupContent={
                   <div className="w-[200px]">{t('common.modelProvider.rerankModel.tip')}</div>
@@ -151,12 +151,12 @@ const RetrievalParamConfig: FC<Props> = ({
                   }}
                 />
                 {showMultiModalTip && (
-                  <div className='mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]'>
-                    <div className='absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40' />
-                    <div className='p-1'>
-                      <AlertTriangle className='size-4 text-text-warning-secondary' />
+                  <div className="mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]">
+                    <div className="absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40" />
+                    <div className="p-1">
+                      <AlertTriangle className="size-4 text-text-warning-secondary" />
                     </div>
-                    <span className='system-xs-medium text-text-primary'>
+                    <span className="system-xs-medium text-text-primary">
                       {t('datasetSettings.form.retrievalSetting.multiModalTip')}
                     </span>
                   </div>
@@ -170,7 +170,7 @@ const RetrievalParamConfig: FC<Props> = ({
         !isHybridSearch && (
           <div className={cn(!isEconomical && 'mt-4', 'space-between flex space-x-4')}>
             <TopKItem
-              className='grow'
+              className="grow"
               value={value.top_k}
               onChange={(_key, v) => {
                 onChange({
@@ -182,7 +182,7 @@ const RetrievalParamConfig: FC<Props> = ({
             />
             {(!isEconomical && !(value.search_method === RETRIEVE_METHOD.fullText && !value.reranking_enable)) && (
               <ScoreThresholdItem
-                className='grow'
+                className="grow"
                 value={value.score_threshold}
                 onChange={(_key, v) => {
                   onChange({
@@ -206,21 +206,26 @@ const RetrievalParamConfig: FC<Props> = ({
       {
         isHybridSearch && (
           <>
-            <div className='mb-4 flex gap-2'>
+            <div className="mb-4 flex gap-2">
               {
                 rerankingModeOptions.map(option => (
                   <RadioCard
                     key={option.value}
                     isChosen={value.reranking_mode === option.value}
                     onChosen={() => handleChangeRerankMode(option.value)}
-                    icon={<Image src={
-                      option.value === RerankingModeEnum.WeightedScore
-                        ? ProgressIndicator
-                        : Reranking
-                    } alt='' />}
+                    icon={(
+                      <Image
+                        src={
+                          option.value === RerankingModeEnum.WeightedScore
+                            ? ProgressIndicator
+                            : Reranking
+                        }
+                        alt=""
+                      />
+                    )}
                     title={option.label}
                     description={option.tips}
-                    className='flex-1'
+                    className="flex-1"
                   />
                 ))
               }
@@ -270,12 +275,12 @@ const RetrievalParamConfig: FC<Props> = ({
                     }}
                   />
                   {showMultiModalTip && (
-                    <div className='mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]'>
-                      <div className='absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40' />
-                      <div className='p-1'>
-                        <AlertTriangle className='size-4 text-text-warning-secondary' />
+                    <div className="mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]">
+                      <div className="absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40" />
+                      <div className="p-1">
+                        <AlertTriangle className="size-4 text-text-warning-secondary" />
                       </div>
-                      <span className='system-xs-medium text-text-primary'>
+                      <span className="system-xs-medium text-text-primary">
                         {t('datasetSettings.form.retrievalSetting.multiModalTip')}
                       </span>
                     </div>
@@ -285,7 +290,7 @@ const RetrievalParamConfig: FC<Props> = ({
             }
             <div className={cn(!isEconomical && 'mt-4', 'space-between flex space-x-6')}>
               <TopKItem
-                className='grow'
+                className="grow"
                 value={value.top_k}
                 onChange={(_key, v) => {
                   onChange({
@@ -296,7 +301,7 @@ const RetrievalParamConfig: FC<Props> = ({
                 enable={true}
               />
               <ScoreThresholdItem
-                className='grow'
+                className="grow"
                 value={value.score_threshold}
                 onChange={(_key, v) => {
                   onChange({
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/dsl-confirm-modal.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/dsl-confirm-modal.tsx
index e6aadaa326..03ca72a885 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/dsl-confirm-modal.tsx
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/dsl-confirm-modal.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
 
 type DSLConfirmModalProps = {
   versions?: {
@@ -23,21 +23,27 @@ const DSLConfirmModal = ({
     <Modal
       isShow
       onClose={() => onCancel()}
-      className='w-[480px]'
+      className="w-[480px]"
     >
-      <div className='flex flex-col items-start gap-2 self-stretch pb-4'>
-        <div className='title-2xl-semi-bold text-text-primary'>{t('app.newApp.appCreateDSLErrorTitle')}</div>
-        <div className='system-md-regular flex grow flex-col text-text-secondary'>
+      <div className="flex flex-col items-start gap-2 self-stretch pb-4">
+        <div className="title-2xl-semi-bold text-text-primary">{t('app.newApp.appCreateDSLErrorTitle')}</div>
+        <div className="system-md-regular flex grow flex-col text-text-secondary">
           <div>{t('app.newApp.appCreateDSLErrorPart1')}</div>
           <div>{t('app.newApp.appCreateDSLErrorPart2')}</div>
           <br />
-          <div>{t('app.newApp.appCreateDSLErrorPart3')}<span className='system-md-medium'>{versions.importedVersion}</span></div>
-          <div>{t('app.newApp.appCreateDSLErrorPart4')}<span className='system-md-medium'>{versions.systemVersion}</span></div>
+          <div>
+            {t('app.newApp.appCreateDSLErrorPart3')}
+            <span className="system-md-medium">{versions.importedVersion}</span>
+          </div>
+          <div>
+            {t('app.newApp.appCreateDSLErrorPart4')}
+            <span className="system-md-medium">{versions.systemVersion}</span>
+          </div>
         </div>
       </div>
-      <div className='flex items-start justify-end gap-2 self-stretch pt-6'>
-        <Button variant='secondary' onClick={() => onCancel()}>{t('app.newApp.Cancel')}</Button>
-        <Button variant='primary' destructive onClick={onConfirm} disabled={confirmDisabled}>{t('app.newApp.Confirm')}</Button>
+      <div className="flex items-start justify-end gap-2 self-stretch pt-6">
+        <Button variant="secondary" onClick={() => onCancel()}>{t('app.newApp.Cancel')}</Button>
+        <Button variant="primary" destructive onClick={onConfirm} disabled={confirmDisabled}>{t('app.newApp.Confirm')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/header.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/header.tsx
index 218691be37..7e36043318 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/header.tsx
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/header.tsx
@@ -12,13 +12,13 @@ const Header = ({
   const { t } = useTranslation()
 
   return (
-    <div className='title-2xl-semi-bold relative flex items-center justify-between pb-3 pl-6 pr-14 pt-6 text-text-primary'>
+    <div className="title-2xl-semi-bold relative flex items-center justify-between pb-3 pl-6 pr-14 pt-6 text-text-primary">
       {t('app.importFromDSL')}
       <div
-        className='absolute right-5 top-5 flex size-8 cursor-pointer items-center'
+        className="absolute right-5 top-5 flex size-8 cursor-pointer items-center"
         onClick={onClose}
       >
-        <RiCloseLine className='size-[18px] text-text-tertiary' />
+        <RiCloseLine className="size-[18px] text-text-tertiary" />
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/index.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/index.tsx
index 4b5ae26c9a..d5955d9bc6 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/index.tsx
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/index.tsx
@@ -1,23 +1,23 @@
 'use client'
-import { useMemo, useRef, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
 import { useDebounceFn, useKeyPress } from 'ahooks'
+import { noop } from 'lodash-es'
+import { useRouter } from 'next/navigation'
+import { useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Modal from '@/app/components/base/modal'
 import { ToastContext } from '@/app/components/base/toast'
+import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
 import {
   DSLImportMode,
   DSLImportStatus,
 } from '@/models/app'
-import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
-import { noop } from 'lodash-es'
-import Uploader from './uploader'
+import { useImportPipelineDSL, useImportPipelineDSLConfirm } from '@/service/use-pipeline'
 import Header from './header'
 import Tab from './tab'
-import { useImportPipelineDSL, useImportPipelineDSLConfirm } from '@/service/use-pipeline'
+import Uploader from './uploader'
 
 type CreateFromDSLModalProps = {
   show: boolean
@@ -47,7 +47,7 @@ const CreateFromDSLModal = ({
   const [currentTab, setCurrentTab] = useState(activeTab)
   const [dslUrlValue, setDslUrlValue] = useState(dslUrl)
   const [showErrorModal, setShowErrorModal] = useState(false)
-  const [versions, setVersions] = useState<{ importedVersion: string; systemVersion: string }>()
+  const [versions, setVersions] = useState<{ importedVersion: string, systemVersion: string }>()
   const [importId, setImportId] = useState<string>()
   const { handleCheckPluginDependencies } = usePluginDependencies()
 
@@ -186,7 +186,7 @@ const CreateFromDSLModal = ({
   return (
     <>
       <Modal
-        className='w-[520px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0 shadow-xl'
+        className="w-[520px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0 shadow-xl"
         isShow={show}
         onClose={noop}
       >
@@ -195,11 +195,11 @@ const CreateFromDSLModal = ({
           currentTab={currentTab}
           setCurrentTab={setCurrentTab}
         />
-        <div className='px-6 py-4'>
+        <div className="px-6 py-4">
           {
             currentTab === CreateFromDSLModalTab.FROM_FILE && (
               <Uploader
-                className='mt-0'
+                className="mt-0"
                 file={currentFile}
                 updateFile={handleFile}
               />
@@ -208,7 +208,7 @@ const CreateFromDSLModal = ({
           {
             currentTab === CreateFromDSLModalTab.FROM_URL && (
               <div>
-                <div className='system-md-semibold leading6 mb-1 text-text-secondary'>
+                <div className="system-md-semibold leading6 mb-1 text-text-secondary">
                   DSL URL
                 </div>
                 <Input
@@ -220,15 +220,15 @@ const CreateFromDSLModal = ({
             )
           }
         </div>
-        <div className='flex justify-end gap-x-2 p-6 pt-5'>
+        <div className="flex justify-end gap-x-2 p-6 pt-5">
           <Button onClick={onClose}>
             {t('app.newApp.Cancel')}
           </Button>
           <Button
             disabled={buttonDisabled}
-            variant='primary'
+            variant="primary"
             onClick={handleCreateApp}
-            className='gap-1'
+            className="gap-1"
           >
             <span>{t('app.newApp.import')}</span>
           </Button>
@@ -237,21 +237,27 @@ const CreateFromDSLModal = ({
       <Modal
         isShow={showErrorModal}
         onClose={() => setShowErrorModal(false)}
-        className='w-[480px]'
+        className="w-[480px]"
       >
-        <div className='flex flex-col items-start gap-2 self-stretch pb-4'>
-          <div className='title-2xl-semi-bold text-text-primary'>{t('app.newApp.appCreateDSLErrorTitle')}</div>
-          <div className='system-md-regular flex grow flex-col text-text-secondary'>
+        <div className="flex flex-col items-start gap-2 self-stretch pb-4">
+          <div className="title-2xl-semi-bold text-text-primary">{t('app.newApp.appCreateDSLErrorTitle')}</div>
+          <div className="system-md-regular flex grow flex-col text-text-secondary">
             <div>{t('app.newApp.appCreateDSLErrorPart1')}</div>
             <div>{t('app.newApp.appCreateDSLErrorPart2')}</div>
             <br />
-            <div>{t('app.newApp.appCreateDSLErrorPart3')}<span className='system-md-medium'>{versions?.importedVersion}</span></div>
-            <div>{t('app.newApp.appCreateDSLErrorPart4')}<span className='system-md-medium'>{versions?.systemVersion}</span></div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart3')}
+              <span className="system-md-medium">{versions?.importedVersion}</span>
+            </div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart4')}
+              <span className="system-md-medium">{versions?.systemVersion}</span>
+            </div>
           </div>
         </div>
-        <div className='flex items-start justify-end gap-2 self-stretch pt-6'>
-          <Button variant='secondary' onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
-          <Button variant='primary' destructive onClick={onDSLConfirm}>{t('app.newApp.Confirm')}</Button>
+        <div className="flex items-start justify-end gap-2 self-stretch pt-6">
+          <Button variant="secondary" onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
+          <Button variant="primary" destructive onClick={onDSLConfirm}>{t('app.newApp.Confirm')}</Button>
         </div>
       </Modal>
     </>
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/index.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/index.tsx
index 46c671e346..c6ec52c0f8 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/index.tsx
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import { CreateFromDSLModalTab } from '@/app/components/app/create-from-dsl-modal'
 import { useTranslation } from 'react-i18next'
+import { CreateFromDSLModalTab } from '@/app/components/app/create-from-dsl-modal'
 import Item from './item'
 
 type TabProps = {
@@ -26,7 +26,7 @@ const Tab = ({
   ]
 
   return (
-    <div className='system-md-semibold flex h-9 items-center gap-x-6 border-b border-divider-subtle px-6 text-text-tertiary'>
+    <div className="system-md-semibold flex h-9 items-center gap-x-6 border-b border-divider-subtle px-6 text-text-tertiary">
       {
         tabs.map(tab => (
           <Item
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/item.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/item.tsx
index 5d95db5f5c..f734e1ab90 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/item.tsx
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/tab/item.tsx
@@ -23,7 +23,7 @@ const Item = ({
       {label}
       {
         isActive && (
-          <div className='absolute bottom-0 h-0.5 w-full bg-util-colors-blue-brand-blue-brand-600' />
+          <div className="absolute bottom-0 h-0.5 w-full bg-util-colors-blue-brand-blue-brand-600" />
         )
       }
     </div>
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx
index 96413e8aed..669068ab6e 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
 import {
   RiDeleteBinLine,
   RiNodeTree,
   RiUploadCloud2Line,
 } from '@remixicon/react'
+import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { formatFileSize } from '@/utils/format'
-import { cn } from '@/utils/classnames'
-import { ToastContext } from '@/app/components/base/toast'
 import ActionButton from '@/app/components/base/action-button'
+import { ToastContext } from '@/app/components/base/toast'
+import { cn } from '@/utils/classnames'
+import { formatFileSize } from '@/utils/format'
 
 export type Props = {
   file: File | undefined
@@ -98,9 +98,9 @@ const Uploader: FC<Props> = ({
       <input
         ref={fileUploader}
         style={{ display: 'none' }}
-        type='file'
-        id='fileUploader'
-        accept='.pipeline'
+        type="file"
+        id="fileUploader"
+        accept=".pipeline"
         onChange={fileChangeHandle}
       />
       <div ref={dropRef}>
@@ -109,40 +109,41 @@ const Uploader: FC<Props> = ({
             className={cn(
               'flex h-12 items-center rounded-[10px] border border-dashed border-components-dropzone-border bg-components-dropzone-bg text-sm font-normal',
               dragging && 'border-components-dropzone-border-accent bg-components-dropzone-bg-accent',
-            )}>
-            <div className='flex w-full items-center justify-center space-x-2'>
-              <RiUploadCloud2Line className='h-6 w-6 text-text-tertiary' />
-              <div className='text-text-tertiary'>
+            )}
+          >
+            <div className="flex w-full items-center justify-center space-x-2">
+              <RiUploadCloud2Line className="h-6 w-6 text-text-tertiary" />
+              <div className="text-text-tertiary">
                 {t('app.dslUploader.button')}
                 <span
-                  className='cursor-pointer pl-1 text-text-accent'
+                  className="cursor-pointer pl-1 text-text-accent"
                   onClick={selectHandle}
                 >
                   {t('app.dslUploader.browse')}
                 </span>
               </div>
             </div>
-            {dragging && <div ref={dragRef} className='absolute left-0 top-0 h-full w-full' />}
+            {dragging && <div ref={dragRef} className="absolute left-0 top-0 h-full w-full" />}
           </div>
         )}
         {file && (
-          <div className='group flex items-center rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg shadow-xs hover:bg-components-panel-on-panel-item-bg-hover'>
-            <div className='flex items-center justify-center p-3'>
-              <RiNodeTree className='h-6 w-6 shrink-0 text-text-secondary' />
+          <div className="group flex items-center rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg shadow-xs hover:bg-components-panel-on-panel-item-bg-hover">
+            <div className="flex items-center justify-center p-3">
+              <RiNodeTree className="h-6 w-6 shrink-0 text-text-secondary" />
             </div>
-            <div className='flex grow flex-col items-start gap-0.5 py-1 pr-2'>
-              <span className='font-inter max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-[12px] font-medium leading-4 text-text-secondary'>
+            <div className="flex grow flex-col items-start gap-0.5 py-1 pr-2">
+              <span className="font-inter max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-[12px] font-medium leading-4 text-text-secondary">
                 {file.name}
               </span>
-              <div className='font-inter flex h-3 items-center gap-1 self-stretch text-[10px] font-medium uppercase leading-3 text-text-tertiary'>
+              <div className="font-inter flex h-3 items-center gap-1 self-stretch text-[10px] font-medium uppercase leading-3 text-text-tertiary">
                 <span>PIPELINE</span>
-                <span className='text-text-quaternary'>·</span>
+                <span className="text-text-quaternary">·</span>
                 <span>{formatFileSize(file.size)}</span>
               </div>
             </div>
-            <div className='hidden items-center pr-3 group-hover:flex'>
+            <div className="hidden items-center pr-3 group-hover:flex">
               <ActionButton onClick={removeFile}>
-                <RiDeleteBinLine className='h-4 w-4 text-text-tertiary' />
+                <RiDeleteBinLine className="h-4 w-4 text-text-tertiary" />
               </ActionButton>
             </div>
           </div>
diff --git a/web/app/components/datasets/create-from-pipeline/footer.tsx b/web/app/components/datasets/create-from-pipeline/footer.tsx
index 477075aac5..df29d06ce5 100644
--- a/web/app/components/datasets/create-from-pipeline/footer.tsx
+++ b/web/app/components/datasets/create-from-pipeline/footer.tsx
@@ -1,10 +1,10 @@
-import React, { useCallback, useMemo, useState } from 'react'
 import { RiFileUploadLine } from '@remixicon/react'
-import Divider from '../../base/divider'
-import { useTranslation } from 'react-i18next'
-import CreateFromDSLModal, { CreateFromDSLModalTab } from './create-options/create-from-dsl-modal'
 import { useRouter, useSearchParams } from 'next/navigation'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
+import Divider from '../../base/divider'
+import CreateFromDSLModal, { CreateFromDSLModalTab } from './create-options/create-from-dsl-modal'
 
 const Footer = () => {
   const { t } = useTranslation()
@@ -38,14 +38,14 @@ const Footer = () => {
   }, [invalidDatasetList])
 
   return (
-    <div className='absolute bottom-0 left-0 right-0 z-10 flex flex-col gap-y-4 bg-knowledge-pipeline-creation-footer-bg px-16 pb-6 backdrop-blur-[6px]'>
-      <Divider type='horizontal' className='my-0 w-8' />
+    <div className="absolute bottom-0 left-0 right-0 z-10 flex flex-col gap-y-4 bg-knowledge-pipeline-creation-footer-bg px-16 pb-6 backdrop-blur-[6px]">
+      <Divider type="horizontal" className="my-0 w-8" />
       <button
-        type='button'
-        className='system-md-medium flex items-center gap-x-3 text-text-accent'
+        type="button"
+        className="system-md-medium flex items-center gap-x-3 text-text-accent"
         onClick={openImportFromDSL}
       >
-        <RiFileUploadLine className='size-5' />
+        <RiFileUploadLine className="size-5" />
         <span>{t('datasetPipeline.creation.importDSL')}</span>
       </button>
       <CreateFromDSLModal
diff --git a/web/app/components/datasets/create-from-pipeline/header.tsx b/web/app/components/datasets/create-from-pipeline/header.tsx
index 9371b04845..dd43998453 100644
--- a/web/app/components/datasets/create-from-pipeline/header.tsx
+++ b/web/app/components/datasets/create-from-pipeline/header.tsx
@@ -1,25 +1,25 @@
-import React from 'react'
 import { RiArrowLeftLine } from '@remixicon/react'
-import Button from '../../base/button'
-import { useTranslation } from 'react-i18next'
 import Link from 'next/link'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '../../base/button'
 
 const Header = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='system-md-semibold relative flex px-16 pb-2 pt-5 text-text-primary'>
+    <div className="system-md-semibold relative flex px-16 pb-2 pt-5 text-text-primary">
       <span>{t('datasetPipeline.creation.backToKnowledge')}</span>
       <Link
-        className='absolute bottom-0 left-5'
-        href={'/datasets'}
+        className="absolute bottom-0 left-5"
+        href="/datasets"
         replace
       >
         <Button
-          variant='secondary-accent'
-          className='size-9 rounded-full p-0'
+          variant="secondary-accent"
+          className="size-9 rounded-full p-0"
         >
-          <RiArrowLeftLine className='size-5 ' />
+          <RiArrowLeftLine className="size-5 " />
         </Button>
       </Link>
     </div>
diff --git a/web/app/components/datasets/create-from-pipeline/index.tsx b/web/app/components/datasets/create-from-pipeline/index.tsx
index c2b88cc50b..0c788f613d 100644
--- a/web/app/components/datasets/create-from-pipeline/index.tsx
+++ b/web/app/components/datasets/create-from-pipeline/index.tsx
@@ -1,15 +1,15 @@
 'use client'
-import Header from './header'
-import List from './list'
 import Effect from '../../base/effect'
 import Footer from './footer'
+import Header from './header'
+import List from './list'
 
 const CreateFromPipeline = () => {
   return (
     <div
-      className='relative flex h-[calc(100vh-56px)] flex-col overflow-hidden rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle'
+      className="relative flex h-[calc(100vh-56px)] flex-col overflow-hidden rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle"
     >
-      <Effect className='left-8 top-[-34px] opacity-20' />
+      <Effect className="left-8 top-[-34px] opacity-20" />
       <Header />
       <List />
       <Footer />
diff --git a/web/app/components/datasets/create-from-pipeline/list/built-in-pipeline-list.tsx b/web/app/components/datasets/create-from-pipeline/list/built-in-pipeline-list.tsx
index 74e565a494..1d99645c67 100644
--- a/web/app/components/datasets/create-from-pipeline/list/built-in-pipeline-list.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/built-in-pipeline-list.tsx
@@ -1,10 +1,10 @@
-import { usePipelineTemplateList } from '@/service/use-pipeline'
-import TemplateCard from './template-card'
-import CreateCard from './create-card'
-import { useI18N } from '@/context/i18n'
 import { useMemo } from 'react'
-import { LanguagesSupported } from '@/i18n-config/language'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useI18N } from '@/context/i18n'
+import { LanguagesSupported } from '@/i18n-config/language'
+import { usePipelineTemplateList } from '@/service/use-pipeline'
+import CreateCard from './create-card'
+import TemplateCard from './template-card'
 
 const BuiltInPipelineList = () => {
   const { locale } = useI18N()
@@ -18,12 +18,12 @@ const BuiltInPipelineList = () => {
   const list = pipelineList?.pipeline_templates || []
 
   return (
-    <div className='grid grid-cols-1 gap-3 py-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
+    <div className="grid grid-cols-1 gap-3 py-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
       <CreateCard />
       {!isLoading && list.map((pipeline, index) => (
         <TemplateCard
           key={index}
-          type='built-in'
+          type="built-in"
           pipeline={pipeline}
           showMoreOperations={false}
         />
diff --git a/web/app/components/datasets/create-from-pipeline/list/create-card.tsx b/web/app/components/datasets/create-from-pipeline/list/create-card.tsx
index 12008b2d4d..144926d97d 100644
--- a/web/app/components/datasets/create-from-pipeline/list/create-card.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/create-card.tsx
@@ -1,11 +1,11 @@
+import { RiAddCircleLine } from '@remixicon/react'
+import { useRouter } from 'next/navigation'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddCircleLine } from '@remixicon/react'
+import { trackEvent } from '@/app/components/base/amplitude'
+import Toast from '@/app/components/base/toast'
 import { useCreatePipelineDataset } from '@/service/knowledge/use-create-dataset'
 import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
-import Toast from '@/app/components/base/toast'
-import { useRouter } from 'next/navigation'
-import { trackEvent } from '@/app/components/base/amplitude'
 
 const CreateCard = () => {
   const { t } = useTranslation()
@@ -41,18 +41,18 @@ const CreateCard = () => {
 
   return (
     <div
-      className='group relative flex h-[132px] cursor-pointer flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg pb-3 shadow-xs shadow-shadow-shadow-3'
+      className="group relative flex h-[132px] cursor-pointer flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg pb-3 shadow-xs shadow-shadow-shadow-3"
       onClick={handleCreate}
     >
-      <div className='flex items-center gap-x-3 p-4 pb-2'>
-        <div className='flex size-10 shrink-0 items-center justify-center rounded-[10px] border border-dashed border-divider-regular bg-background-section group-hover:border-state-accent-hover-alt group-hover:bg-state-accent-hover'>
-          <RiAddCircleLine className='size-5 text-text-quaternary group-hover:text-text-accent' />
+      <div className="flex items-center gap-x-3 p-4 pb-2">
+        <div className="flex size-10 shrink-0 items-center justify-center rounded-[10px] border border-dashed border-divider-regular bg-background-section group-hover:border-state-accent-hover-alt group-hover:bg-state-accent-hover">
+          <RiAddCircleLine className="size-5 text-text-quaternary group-hover:text-text-accent" />
         </div>
-        <div className='system-md-semibold truncate text-text-primary'>
+        <div className="system-md-semibold truncate text-text-primary">
           {t('datasetPipeline.creation.createFromScratch.title')}
         </div>
       </div>
-      <p className='system-xs-regular line-clamp-3 px-4 py-1 text-text-tertiary'>
+      <p className="system-xs-regular line-clamp-3 px-4 py-1 text-text-tertiary">
         {t('datasetPipeline.creation.createFromScratch.description')}
       </p>
     </div>
diff --git a/web/app/components/datasets/create-from-pipeline/list/customized-list.tsx b/web/app/components/datasets/create-from-pipeline/list/customized-list.tsx
index b3ecb8fcf4..d819fd96ae 100644
--- a/web/app/components/datasets/create-from-pipeline/list/customized-list.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/customized-list.tsx
@@ -1,6 +1,6 @@
-import TemplateCard from './template-card'
-import { usePipelineTemplateList } from '@/service/use-pipeline'
 import { useTranslation } from 'react-i18next'
+import { usePipelineTemplateList } from '@/service/use-pipeline'
+import TemplateCard from './template-card'
 
 const CustomizedList = () => {
   const { t } = useTranslation()
@@ -12,12 +12,12 @@ const CustomizedList = () => {
 
   return (
     <>
-      <div className='system-sm-semibold-uppercase pt-2 text-text-tertiary'>{t('datasetPipeline.templates.customized')}</div>
-      <div className='grid grid-cols-1 gap-3 py-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
+      <div className="system-sm-semibold-uppercase pt-2 text-text-tertiary">{t('datasetPipeline.templates.customized')}</div>
+      <div className="grid grid-cols-1 gap-3 py-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
         {list.map((pipeline, index) => (
           <TemplateCard
             key={index}
-            type='customized'
+            type="customized"
             pipeline={pipeline}
           />
         ))}
diff --git a/web/app/components/datasets/create-from-pipeline/list/index.tsx b/web/app/components/datasets/create-from-pipeline/list/index.tsx
index d6593e2ae3..7b56e12b74 100644
--- a/web/app/components/datasets/create-from-pipeline/list/index.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/index.tsx
@@ -3,7 +3,7 @@ import CustomizedList from './customized-list'
 
 const List = () => {
   return (
-    <div className='grow gap-y-1 overflow-y-auto px-16 pb-[60px] pt-1'>
+    <div className="grow gap-y-1 overflow-y-auto px-16 pb-[60px] pt-1">
       <BuiltInPipelineList />
       <CustomizedList />
     </div>
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/actions.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/actions.tsx
index 9beb466c26..c7f1b742a8 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/actions.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/actions.tsx
@@ -1,9 +1,9 @@
-import Button from '@/app/components/base/button'
 import { RiAddLine, RiArrowRightUpLine, RiMoreFill } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Operations from './operations'
+import Button from '@/app/components/base/button'
 import CustomPopover from '@/app/components/base/popover'
+import Operations from './operations'
 
 type ActionsProps = {
   onApplyTemplate: () => void
@@ -25,41 +25,41 @@ const Actions = ({
   const { t } = useTranslation()
 
   return (
-    <div className='absolute bottom-0 left-0 z-10 hidden w-full items-center gap-x-1 bg-pipeline-template-card-hover-bg p-4 pt-8 group-hover:flex'>
+    <div className="absolute bottom-0 left-0 z-10 hidden w-full items-center gap-x-1 bg-pipeline-template-card-hover-bg p-4 pt-8 group-hover:flex">
       <Button
-        variant='primary'
+        variant="primary"
         onClick={onApplyTemplate}
-        className='grow gap-x-0.5'
+        className="grow gap-x-0.5"
       >
-        <RiAddLine className='size-4' />
-        <span className='px-0.5'>{t('datasetPipeline.operations.choose')}</span>
+        <RiAddLine className="size-4" />
+        <span className="px-0.5">{t('datasetPipeline.operations.choose')}</span>
       </Button>
       <Button
-        variant='secondary'
+        variant="secondary"
         onClick={handleShowTemplateDetails}
-        className='grow gap-x-0.5'
+        className="grow gap-x-0.5"
       >
-        <RiArrowRightUpLine className='size-4' />
-        <span className='px-0.5'>{t('datasetPipeline.operations.details')}</span>
+        <RiArrowRightUpLine className="size-4" />
+        <span className="px-0.5">{t('datasetPipeline.operations.details')}</span>
       </Button>
       {
         showMoreOperations && (
           <CustomPopover
-            htmlContent={
+            htmlContent={(
               <Operations
                 openEditModal={openEditModal}
                 onExport={handleExportDSL}
                 onDelete={handleDelete}
               />
-            }
-            className={'z-20 min-w-[160px]'}
-            popupClassName={'rounded-xl bg-none shadow-none ring-0 min-w-[160px]'}
-            position='br'
-            trigger='click'
+            )}
+            className="z-20 min-w-[160px]"
+            popupClassName="rounded-xl bg-none shadow-none ring-0 min-w-[160px]"
+            position="br"
+            trigger="click"
             btnElement={
-              <RiMoreFill className='size-4 text-text-tertiary' />
+              <RiMoreFill className="size-4 text-text-tertiary" />
             }
-            btnClassName='size-8 cursor-pointer justify-center rounded-lg p-0 shadow-xs shadow-shadow-shadow-3'
+            btnClassName="size-8 cursor-pointer justify-center rounded-lg p-0 shadow-xs shadow-shadow-shadow-3"
           />
         )
       }
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/content.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/content.tsx
index 16bf6c93ec..85873d97ca 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/content.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/content.tsx
@@ -1,9 +1,9 @@
-import AppIcon from '@/app/components/base/app-icon'
-import { General } from '@/app/components/base/icons/src/public/knowledge/dataset-card'
 import type { ChunkingMode, IconInfo } from '@/models/datasets'
-import { DOC_FORM_ICON_WITH_BG, DOC_FORM_TEXT } from '@/models/datasets'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
+import { General } from '@/app/components/base/icons/src/public/knowledge/dataset-card'
+import { DOC_FORM_ICON_WITH_BG, DOC_FORM_TEXT } from '@/models/datasets'
 
 type ContentProps = {
   name: string
@@ -23,33 +23,33 @@ const Content = ({
 
   return (
     <>
-      <div className='flex items-center gap-x-3 p-4 pb-2'>
-        <div className='relative shrink-0'>
+      <div className="flex items-center gap-x-3 p-4 pb-2">
+        <div className="relative shrink-0">
           <AppIcon
-            size='large'
+            size="large"
             iconType={iconInfo.icon_type}
             icon={iconInfo.icon}
             background={iconInfo.icon_type === 'image' ? undefined : iconInfo.icon_background}
             imageUrl={iconInfo.icon_type === 'image' ? iconInfo.icon_url : undefined}
           />
-          <div className='absolute -bottom-1 -right-1 z-10'>
-            <Icon className='size-4' />
+          <div className="absolute -bottom-1 -right-1 z-10">
+            <Icon className="size-4" />
           </div>
         </div>
-        <div className='flex grow flex-col gap-y-1 overflow-hidden py-px'>
+        <div className="flex grow flex-col gap-y-1 overflow-hidden py-px">
           <div
-            className='system-md-semibold truncate text-text-secondary'
+            className="system-md-semibold truncate text-text-secondary"
             title={name}
           >
             {name}
           </div>
-          <div className='system-2xs-medium-uppercase text-text-tertiary'>
+          <div className="system-2xs-medium-uppercase text-text-tertiary">
             {t(`dataset.chunkingMode.${DOC_FORM_TEXT[chunkStructure]}`)}
           </div>
         </div>
       </div>
       <p
-        className='system-xs-regular line-clamp-3 grow px-4 py-1 text-text-tertiary'
+        className="system-xs-regular line-clamp-3 grow px-4 py-1 text-text-tertiary"
         title={description}
       >
         {description}
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/details/chunk-structure-card.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/details/chunk-structure-card.tsx
index 5fa80cfe39..39d03ae28d 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/details/chunk-structure-card.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/details/chunk-structure-card.tsx
@@ -1,6 +1,6 @@
+import type { Option } from './types'
 import React from 'react'
 import { cn } from '@/utils/classnames'
-import type { Option } from './types'
 import { EffectColor } from './types'
 
 const HEADER_EFFECT_MAP: Record<EffectColor, string> = {
@@ -32,28 +32,31 @@ const ChunkStructureCard = ({
     <div className={cn(
       'relative flex overflow-hidden rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-bg p-2 shadow-xs shadow-shadow-shadow-3',
       className,
-    )}>
+    )}
+    >
       <div className={cn(
         'absolute -left-1 -top-1 size-14 rounded-full blur-[80px]',
         `${HEADER_EFFECT_MAP[effectColor]}`,
-      )} />
-      <div className='p-1'>
+      )}
+      />
+      <div className="p-1">
         <div className={cn(
           'flex size-6 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-divider-subtle text-text-primary-on-surface shadow-md shadow-shadow-shadow-5',
           `${IconBackgroundColorMap[effectColor]}`,
-        )}>
+        )}
+        >
           {icon}
         </div>
       </div>
-      <div className='flex grow flex-col gap-y-0.5 py-px'>
-        <div className='flex items-center gap-x-1'>
-          <span className='system-sm-medium text-text-secondary'>
+      <div className="flex grow flex-col gap-y-0.5 py-px">
+        <div className="flex items-center gap-x-1">
+          <span className="system-sm-medium text-text-secondary">
             {title}
           </span>
         </div>
         {
           description && (
-            <div className='system-xs-regular text-text-tertiary'>
+            <div className="system-xs-regular text-text-tertiary">
               {description}
             </div>
           )
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/details/hooks.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/details/hooks.tsx
index 8b8e2fd121..a87b4b97f4 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/details/hooks.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/details/hooks.tsx
@@ -1,25 +1,26 @@
-import { GeneralChunk, ParentChildChunk, QuestionAndAnswer } from '@/app/components/base/icons/src/vender/knowledge'
+import type { Option } from './types'
 import { useTranslation } from 'react-i18next'
-import { EffectColor, type Option } from './types'
+import { GeneralChunk, ParentChildChunk, QuestionAndAnswer } from '@/app/components/base/icons/src/vender/knowledge'
 import { ChunkingMode } from '@/models/datasets'
+import { EffectColor } from './types'
 
 export const useChunkStructureConfig = () => {
   const { t } = useTranslation()
 
   const GeneralOption: Option = {
-    icon: <GeneralChunk className='size-4' />,
+    icon: <GeneralChunk className="size-4" />,
     title: 'General',
     description: t('datasetCreation.stepTwo.generalTip'),
     effectColor: EffectColor.indigo,
   }
   const ParentChildOption: Option = {
-    icon: <ParentChildChunk className='size-4' />,
+    icon: <ParentChildChunk className="size-4" />,
     title: 'Parent-Child',
     description: t('datasetCreation.stepTwo.parentChildTip'),
     effectColor: EffectColor.blueLight,
   }
   const QuestionAnswerOption: Option = {
-    icon: <QuestionAndAnswer className='size-4' />,
+    icon: <QuestionAndAnswer className="size-4" />,
     title: 'Q&A',
     description: t('datasetCreation.stepTwo.qaTip'),
     effectColor: EffectColor.green,
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/details/index.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/details/index.tsx
index 0402feae3f..9f0aebf6ff 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/details/index.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/details/index.tsx
@@ -1,15 +1,15 @@
-import React, { useMemo } from 'react'
-import AppIcon from '@/app/components/base/app-icon'
-import { usePipelineTemplateById } from '@/service/use-pipeline'
 import type { AppIconType } from '@/types/app'
 import { RiAddLine, RiCloseLine } from '@remixicon/react'
-import Button from '@/app/components/base/button'
+import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import Tooltip from '@/app/components/base/tooltip'
+import AppIcon from '@/app/components/base/app-icon'
+import Button from '@/app/components/base/button'
 import Loading from '@/app/components/base/loading'
-import { useChunkStructureConfig } from './hooks'
-import ChunkStructureCard from './chunk-structure-card'
+import Tooltip from '@/app/components/base/tooltip'
 import WorkflowPreview from '@/app/components/workflow/workflow-preview'
+import { usePipelineTemplateById } from '@/service/use-pipeline'
+import ChunkStructureCard from './chunk-structure-card'
+import { useChunkStructureConfig } from './hooks'
 
 type DetailsProps = {
   id: string
@@ -43,45 +43,45 @@ const Details = ({
 
   if (!pipelineTemplateInfo) {
     return (
-      <Loading type='app' />
+      <Loading type="app" />
     )
   }
 
   return (
-    <div className='flex h-full'>
-      <div className='flex grow items-center justify-center p-3 pr-0'>
+    <div className="flex h-full">
+      <div className="flex grow items-center justify-center p-3 pr-0">
         <WorkflowPreview
           {...pipelineTemplateInfo.graph}
-          className='overflow-hidden rounded-2xl'
+          className="overflow-hidden rounded-2xl"
         />
       </div>
-      <div className='relative flex w-[360px] shrink-0 flex-col'>
+      <div className="relative flex w-[360px] shrink-0 flex-col">
         <button
-          type='button'
-          className='absolute right-4 top-4 z-10 flex size-8 items-center justify-center'
+          type="button"
+          className="absolute right-4 top-4 z-10 flex size-8 items-center justify-center"
           onClick={onClose}
         >
-          <RiCloseLine className='size-4 text-text-tertiary' />
+          <RiCloseLine className="size-4 text-text-tertiary" />
         </button>
-        <div className='flex items-start gap-x-3 pb-2 pl-4 pr-12 pt-6'>
+        <div className="flex items-start gap-x-3 pb-2 pl-4 pr-12 pt-6">
           <AppIcon
-            size='large'
+            size="large"
             iconType={appIcon.type as AppIconType}
             icon={appIcon.type === 'image' ? appIcon.fileId : appIcon.icon}
             background={appIcon.type === 'image' ? undefined : appIcon.background}
             imageUrl={appIcon.type === 'image' ? appIcon.url : undefined}
             showEditIcon
           />
-          <div className='flex grow flex-col gap-y-1 overflow-hidden py-px'>
+          <div className="flex grow flex-col gap-y-1 overflow-hidden py-px">
             <div
-              className='system-md-semibold truncate text-text-secondary'
+              className="system-md-semibold truncate text-text-secondary"
               title={pipelineTemplateInfo.name}
             >
               {pipelineTemplateInfo.name}
             </div>
             {pipelineTemplateInfo.created_by && (
               <div
-                className='system-2xs-medium-uppercase truncate text-text-tertiary'
+                className="system-2xs-medium-uppercase truncate text-text-tertiary"
                 title={pipelineTemplateInfo.created_by}
               >
                 {t('datasetPipeline.details.createdBy', {
@@ -91,26 +91,26 @@ const Details = ({
             )}
           </div>
         </div>
-        <p className='system-sm-regular px-4 pb-2 pt-1 text-text-secondary'>
+        <p className="system-sm-regular px-4 pb-2 pt-1 text-text-secondary">
           {pipelineTemplateInfo.description}
         </p>
-        <div className='p-3'>
+        <div className="p-3">
           <Button
-            variant='primary'
+            variant="primary"
             onClick={onApplyTemplate}
-            className='w-full gap-x-0.5'
+            className="w-full gap-x-0.5"
           >
-            <RiAddLine className='size-4' />
-            <span className='px-0.5'>{t('datasetPipeline.operations.useTemplate')}</span>
+            <RiAddLine className="size-4" />
+            <span className="px-0.5">{t('datasetPipeline.operations.useTemplate')}</span>
           </Button>
         </div>
-        <div className='flex flex-col gap-y-1 px-4 py-2'>
-          <div className='flex h-6 items-center gap-x-0.5'>
-            <span className='system-sm-semibold-uppercase text-text-secondary'>
+        <div className="flex flex-col gap-y-1 px-4 py-2">
+          <div className="flex h-6 items-center gap-x-0.5">
+            <span className="system-sm-semibold-uppercase text-text-secondary">
               {t('datasetPipeline.details.structure')}
             </span>
             <Tooltip
-              popupClassName='max-w-[240px]'
+              popupClassName="max-w-[240px]"
               popupContent={t('datasetPipeline.details.structureTooltip')}
             />
           </div>
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/edit-pipeline-info.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/edit-pipeline-info.tsx
index 86e0c0d1ce..46d09b8477 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/edit-pipeline-info.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/edit-pipeline-info.tsx
@@ -1,14 +1,14 @@
-import AppIcon from '@/app/components/base/app-icon'
 import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
-import AppIconPicker from '@/app/components/base/app-icon-picker'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
+import type { PipelineTemplate } from '@/models/pipeline'
 import { RiCloseLine } from '@remixicon/react'
 import React, { useCallback, useRef, useState } from 'react'
-import Button from '@/app/components/base/button'
 import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
+import AppIconPicker from '@/app/components/base/app-icon-picker'
+import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
+import Textarea from '@/app/components/base/textarea'
 import Toast from '@/app/components/base/toast'
-import type { PipelineTemplate } from '@/models/pipeline'
 import { useInvalidCustomizedTemplateList, useUpdateTemplateInfo } from '@/service/use-pipeline'
 
 type EditPipelineInfoProps = {
@@ -92,24 +92,25 @@ const EditPipelineInfo = ({
   }, [name, appIcon, description, pipeline.id, updatePipeline, invalidCustomizedTemplateList, onClose])
 
   return (
-    <div className='relative flex flex-col'>
+    <div className="relative flex flex-col">
       {/* Header */}
-      <div className='pb-3 pl-6 pr-14 pt-6'>
-        <span className='title-2xl-semi-bold text-text-primary'>
+      <div className="pb-3 pl-6 pr-14 pt-6">
+        <span className="title-2xl-semi-bold text-text-primary">
           {t('datasetPipeline.editPipelineInfo')}
         </span>
       </div>
-      <button type="button"
-        className='absolute right-5 top-5 flex size-8 items-center justify-center'
+      <button
+        type="button"
+        className="absolute right-5 top-5 flex size-8 items-center justify-center"
         onClick={onClose}
       >
-        <RiCloseLine className='size-5 text-text-tertiary' />
+        <RiCloseLine className="size-5 text-text-tertiary" />
       </button>
       {/* Form */}
-      <div className='flex flex-col gap-y-5 px-6 py-3'>
-        <div className='flex items-end gap-x-3 self-stretch'>
-          <div className='flex grow flex-col gap-y-1 pb-1'>
-            <label className='system-sm-medium flex h-6 items-center text-text-secondary'>
+      <div className="flex flex-col gap-y-5 px-6 py-3">
+        <div className="flex items-end gap-x-3 self-stretch">
+          <div className="flex grow flex-col gap-y-1 pb-1">
+            <label className="system-sm-medium flex h-6 items-center text-text-secondary">
               {t('datasetPipeline.pipelineNameAndIcon')}
             </label>
             <Input
@@ -119,9 +120,9 @@ const EditPipelineInfo = ({
             />
           </div>
           <AppIcon
-            size='xxl'
+            size="xxl"
             onClick={handleOpenAppIconPicker}
-            className='cursor-pointer'
+            className="cursor-pointer"
             iconType={appIcon.type}
             icon={appIcon.type === 'image' ? appIcon.fileId : appIcon.icon}
             background={appIcon.type === 'image' ? undefined : appIcon.background}
@@ -129,8 +130,8 @@ const EditPipelineInfo = ({
             showEditIcon
           />
         </div>
-        <div className='flex flex-col gap-y-1'>
-          <label className='system-sm-medium flex h-6 items-center text-text-secondary'>
+        <div className="flex flex-col gap-y-1">
+          <label className="system-sm-medium flex h-6 items-center text-text-secondary">
             {t('datasetPipeline.knowledgeDescription')}
           </label>
           <Textarea
@@ -141,15 +142,15 @@ const EditPipelineInfo = ({
         </div>
       </div>
       {/* Actions */}
-      <div className='flex items-center justify-end gap-x-2 p-6 pt-5'>
+      <div className="flex items-center justify-end gap-x-2 p-6 pt-5">
         <Button
-          variant='secondary'
+          variant="secondary"
           onClick={onClose}
         >
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
+          variant="primary"
           onClick={handleSave}
         >
           {t('common.operation.save')}
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/index.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/index.tsx
index a2fe3d164b..877e96bd1d 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/index.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/index.tsx
@@ -1,9 +1,14 @@
+import type { PipelineTemplate } from '@/models/pipeline'
+import { useRouter } from 'next/navigation'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal'
-import EditPipelineInfo from './edit-pipeline-info'
-import type { PipelineTemplate } from '@/models/pipeline'
+import { trackEvent } from '@/app/components/base/amplitude'
 import Confirm from '@/app/components/base/confirm'
+import Modal from '@/app/components/base/modal'
+import Toast from '@/app/components/base/toast'
+import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
+import { useCreatePipelineDatasetFromCustomized } from '@/service/knowledge/use-create-dataset'
+import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
 import {
   useDeleteTemplate,
   useExportTemplateDSL,
@@ -11,15 +16,10 @@ import {
   usePipelineTemplateById,
 } from '@/service/use-pipeline'
 import { downloadFile } from '@/utils/format'
-import Toast from '@/app/components/base/toast'
-import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
-import { useRouter } from 'next/navigation'
-import Details from './details'
-import Content from './content'
 import Actions from './actions'
-import { useCreatePipelineDatasetFromCustomized } from '@/service/knowledge/use-create-dataset'
-import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
-import { trackEvent } from '@/app/components/base/amplitude'
+import Content from './content'
+import Details from './details'
+import EditPipelineInfo from './edit-pipeline-info'
 
 type TemplateCardProps = {
   pipeline: PipelineTemplate
@@ -102,7 +102,8 @@ const TemplateCard = ({
   const { mutateAsync: exportPipelineDSL, isPending: isExporting } = useExportTemplateDSL()
 
   const handleExportDSL = useCallback(async () => {
-    if (isExporting) return
+    if (isExporting)
+      return
     await exportPipelineDSL(pipeline.id, {
       onSuccess: (res) => {
         const blob = new Blob([res.data], { type: 'application/yaml' })
@@ -145,7 +146,7 @@ const TemplateCard = ({
   }, [pipeline.id, deletePipeline, invalidCustomizedTemplateList])
 
   return (
-    <div className='group relative flex h-[132px] cursor-pointer flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg pb-3 shadow-xs shadow-shadow-shadow-3'>
+    <div className="group relative flex h-[132px] cursor-pointer flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg pb-3 shadow-xs shadow-shadow-shadow-3">
       <Content
         name={pipeline.name}
         description={pipeline.description}
@@ -164,7 +165,7 @@ const TemplateCard = ({
         <Modal
           isShow={showEditModal}
           onClose={closeEditModal}
-          className='max-w-[520px] p-0'
+          className="max-w-[520px] p-0"
         >
           <EditPipelineInfo
             pipeline={pipeline}
@@ -185,7 +186,7 @@ const TemplateCard = ({
         <Modal
           isShow={showDetailModal}
           onClose={closeDetailsModal}
-          className='h-[calc(100vh-64px)] max-w-[1680px] rounded-3xl p-0'
+          className="h-[calc(100vh-64px)] max-w-[1680px] rounded-3xl p-0"
         >
           <Details
             id={pipeline.id}
diff --git a/web/app/components/datasets/create-from-pipeline/list/template-card/operations.tsx b/web/app/components/datasets/create-from-pipeline/list/template-card/operations.tsx
index b034e5f16d..a6ab47faec 100644
--- a/web/app/components/datasets/create-from-pipeline/list/template-card/operations.tsx
+++ b/web/app/components/datasets/create-from-pipeline/list/template-card/operations.tsx
@@ -1,6 +1,6 @@
-import Divider from '@/app/components/base/divider'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
 
 type OperationsProps = {
   openEditModal: () => void
@@ -34,32 +34,32 @@ const Operations = ({
   }
 
   return (
-    <div className='relative flex w-full flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5'>
-      <div className='flex flex-col p-1'>
+    <div className="relative flex w-full flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5">
+      <div className="flex flex-col p-1">
         <div
-          className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+          className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
           onClick={onClickEdit}
         >
-          <span className='system-md-regular px-1 text-text-secondary'>
+          <span className="system-md-regular px-1 text-text-secondary">
             {t('datasetPipeline.operations.editInfo')}
           </span>
         </div>
         <div
-          className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+          className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
           onClick={onClickExport}
         >
-          <span className='system-md-regular px-1 text-text-secondary'>
+          <span className="system-md-regular px-1 text-text-secondary">
             {t('datasetPipeline.operations.exportPipeline')}
           </span>
         </div>
       </div>
-      <Divider type='horizontal' className='my-0 bg-divider-subtle' />
-      <div className='flex flex-col p-1'>
+      <Divider type="horizontal" className="my-0 bg-divider-subtle" />
+      <div className="flex flex-col p-1">
         <div
-          className='group flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-destructive-hover'
+          className="group flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-destructive-hover"
           onClick={onClickDelete}
         >
-          <span className='system-md-regular px-1 text-text-secondary group-hover:text-text-destructive'>
+          <span className="system-md-regular px-1 text-text-secondary group-hover:text-text-destructive">
             {t('common.operation.delete')}
           </span>
         </div>
diff --git a/web/app/components/datasets/create/embedding-process/index.tsx b/web/app/components/datasets/create/embedding-process/index.tsx
index 22612b19bc..5cc376207f 100644
--- a/web/app/components/datasets/create/embedding-process/index.tsx
+++ b/web/app/components/datasets/create/embedding-process/index.tsx
@@ -1,7 +1,11 @@
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
+import type {
+  DataSourceInfo,
+  FullDocumentDetail,
+  IndexingStatusResponse,
+  LegacyDataSourceInfo,
+  ProcessRuleResponse,
+} from '@/models/datasets'
 import {
   RiArrowRightLine,
   RiCheckboxCircleFill,
@@ -10,35 +14,31 @@ import {
   RiTerminalBoxLine,
 } from '@remixicon/react'
 import Image from 'next/image'
-import { indexMethodIcon, retrievalIcon } from '../icons'
-import { IndexingType } from '../step-two'
-import DocumentFileIcon from '../../common/document-file-icon'
-import { cn } from '@/utils/classnames'
-import { FieldInfo } from '@/app/components/datasets/documents/detail/metadata'
+import Link from 'next/link'
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import type {
-  DataSourceInfo,
-  FullDocumentDetail,
-  IndexingStatusResponse,
-  LegacyDataSourceInfo,
-  ProcessRuleResponse,
-} from '@/models/datasets'
-import { fetchIndexingStatusBatch as doFetchIndexingStatus } from '@/service/datasets'
-import { DataSourceType, ProcessMode } from '@/models/datasets'
+import Divider from '@/app/components/base/divider'
+import { ZapFast } from '@/app/components/base/icons/src/vender/solid/general'
 import NotionIcon from '@/app/components/base/notion-icon'
+import Tooltip from '@/app/components/base/tooltip'
 import PriorityLabel from '@/app/components/billing/priority-label'
 import { Plan } from '@/app/components/billing/type'
-import { ZapFast } from '@/app/components/base/icons/src/vender/solid/general'
 import UpgradeBtn from '@/app/components/billing/upgrade-btn'
+import { FieldInfo } from '@/app/components/datasets/documents/detail/metadata'
 import { useProviderContext } from '@/context/provider-context'
-import { sleep } from '@/utils'
-import { RETRIEVE_METHOD } from '@/types/app'
-import Tooltip from '@/app/components/base/tooltip'
-import { useInvalidDocumentList } from '@/service/knowledge/use-document'
-import Divider from '@/app/components/base/divider'
 import { useDatasetApiAccessUrl } from '@/hooks/use-api-access-url'
-import Link from 'next/link'
+import { DataSourceType, ProcessMode } from '@/models/datasets'
+import { fetchIndexingStatusBatch as doFetchIndexingStatus } from '@/service/datasets'
 import { useProcessRule } from '@/service/knowledge/use-dataset'
+import { useInvalidDocumentList } from '@/service/knowledge/use-document'
+import { RETRIEVE_METHOD } from '@/types/app'
+import { sleep } from '@/utils'
+import { cn } from '@/utils/classnames'
+import DocumentFileIcon from '../../common/document-file-icon'
+import { indexMethodIcon, retrievalIcon } from '../icons'
+import { IndexingType } from '../step-two'
 
 type Props = {
   datasetId: string
@@ -105,54 +105,58 @@ const RuleDetail: FC<{
         value = !sourceData?.mode
           ? value
           : sourceData?.rules?.pre_processing_rules?.filter(rule =>
-            rule.enabled).map(rule => getRuleName(rule.id)).join(',')
+              rule.enabled).map(rule => getRuleName(rule.id)).join(',')
         break
     }
     return value
   }, [sourceData])
 
-  return <div className='flex flex-col gap-1'>
-    {Object.keys(segmentationRuleMap).map((field) => {
-      return <FieldInfo
-        key={field}
-        label={segmentationRuleMap[field as keyof typeof segmentationRuleMap]}
-        displayedValue={String(getValue(field))}
+  return (
+    <div className="flex flex-col gap-1">
+      {Object.keys(segmentationRuleMap).map((field) => {
+        return (
+          <FieldInfo
+            key={field}
+            label={segmentationRuleMap[field as keyof typeof segmentationRuleMap]}
+            displayedValue={String(getValue(field))}
+          />
+        )
+      })}
+      <FieldInfo
+        label={t('datasetCreation.stepTwo.indexMode')}
+        displayedValue={t(`datasetCreation.stepTwo.${indexingType === IndexingType.ECONOMICAL ? 'economical' : 'qualified'}`) as string}
+        valueIcon={(
+          <Image
+            className="size-4"
+            src={
+              indexingType === IndexingType.ECONOMICAL
+                ? indexMethodIcon.economical
+                : indexMethodIcon.high_quality
+            }
+            alt=""
+          />
+        )}
       />
-    })}
-    <FieldInfo
-      label={t('datasetCreation.stepTwo.indexMode')}
-      displayedValue={t(`datasetCreation.stepTwo.${indexingType === IndexingType.ECONOMICAL ? 'economical' : 'qualified'}`) as string}
-      valueIcon={
-        <Image
-          className='size-4'
-          src={
-            indexingType === IndexingType.ECONOMICAL
-              ? indexMethodIcon.economical
-              : indexMethodIcon.high_quality
-          }
-          alt=''
-        />
-      }
-    />
-    <FieldInfo
-      label={t('datasetSettings.form.retrievalSetting.title')}
-      // displayedValue={t(`datasetSettings.form.retrievalSetting.${retrievalMethod}`) as string}
-      displayedValue={t(`dataset.retrieval.${indexingType === IndexingType.ECONOMICAL ? 'keyword_search' : retrievalMethod}.title`) as string}
-      valueIcon={
-        <Image
-          className='size-4'
-          src={
-            retrievalMethod === RETRIEVE_METHOD.fullText
-              ? retrievalIcon.fullText
-              : retrievalMethod === RETRIEVE_METHOD.hybrid
-                ? retrievalIcon.hybrid
-                : retrievalIcon.vector
-          }
-          alt=''
-        />
-      }
-    />
-  </div>
+      <FieldInfo
+        label={t('datasetSettings.form.retrievalSetting.title')}
+        // displayedValue={t(`datasetSettings.form.retrievalSetting.${retrievalMethod}`) as string}
+        displayedValue={t(`dataset.retrieval.${indexingType === IndexingType.ECONOMICAL ? 'keyword_search' : retrievalMethod}.title`) as string}
+        valueIcon={(
+          <Image
+            className="size-4"
+            src={
+              retrievalMethod === RETRIEVE_METHOD.fullText
+                ? retrievalIcon.fullText
+                : retrievalMethod === RETRIEVE_METHOD.hybrid
+                  ? retrievalIcon.hybrid
+                  : retrievalIcon.vector
+            }
+            alt=""
+          />
+        )}
+      />
+    </div>
+  )
 }
 
 const EmbeddingProcess: FC<Props> = ({ datasetId, batchId, documents = [], indexingType, retrievalMethod }) => {
@@ -257,11 +261,11 @@ const EmbeddingProcess: FC<Props> = ({ datasetId, batchId, documents = [], index
 
   return (
     <>
-      <div className='flex flex-col gap-y-3'>
-        <div className='system-md-semibold-uppercase flex items-center gap-x-1 text-text-secondary'>
+      <div className="flex flex-col gap-y-3">
+        <div className="system-md-semibold-uppercase flex items-center gap-x-1 text-text-secondary">
           {isEmbedding && (
             <>
-              <RiLoader2Fill className='size-4 animate-spin' />
+              <RiLoader2Fill className="size-4 animate-spin" />
               <span>{t('datasetDocuments.embedding.processing')}</span>
             </>
           )}
@@ -269,18 +273,18 @@ const EmbeddingProcess: FC<Props> = ({ datasetId, batchId, documents = [], index
         </div>
         {
           enableBilling && plan.type !== Plan.team && (
-            <div className='flex h-14 items-center rounded-xl border-[0.5px] border-black/5 bg-white p-3 shadow-md'>
-              <div className='flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[#FFF6ED]'>
-                <ZapFast className='h-4 w-4 text-[#FB6514]' />
+            <div className="flex h-14 items-center rounded-xl border-[0.5px] border-black/5 bg-white p-3 shadow-md">
+              <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[#FFF6ED]">
+                <ZapFast className="h-4 w-4 text-[#FB6514]" />
               </div>
-              <div className='mx-3 grow text-[13px] font-medium text-gray-700'>
+              <div className="mx-3 grow text-[13px] font-medium text-gray-700">
                 {t('billing.plansCommon.documentProcessingPriorityUpgrade')}
               </div>
-              <UpgradeBtn loc='knowledge-speed-up' />
+              <UpgradeBtn loc="knowledge-speed-up" />
             </div>
           )
         }
-        <div className='flex flex-col gap-0.5 pb-2'>
+        <div className="flex flex-col gap-0.5 pb-2">
           {indexingStatusBatchDetail.map(indexingStatusDetail => (
             <div
               key={indexingStatusDetail.id}
@@ -291,84 +295,84 @@ const EmbeddingProcess: FC<Props> = ({ datasetId, batchId, documents = [], index
             >
               {isSourceEmbedding(indexingStatusDetail) && (
                 <div
-                  className='absolute left-0 top-0 h-full min-w-0.5 border-r-[2px] border-r-components-progress-bar-progress-highlight bg-components-progress-bar-progress'
+                  className="absolute left-0 top-0 h-full min-w-0.5 border-r-[2px] border-r-components-progress-bar-progress-highlight bg-components-progress-bar-progress"
                   style={{ width: `${getSourcePercent(indexingStatusDetail)}%` }}
                 />
               )}
-              <div className='z-[1] flex h-full items-center gap-1 pl-[6px] pr-2'>
+              <div className="z-[1] flex h-full items-center gap-1 pl-[6px] pr-2">
                 {getSourceType(indexingStatusDetail.id) === DataSourceType.FILE && (
                   <DocumentFileIcon
-                    size='sm'
-                    className='shrink-0'
+                    size="sm"
+                    className="shrink-0"
                     name={getSourceName(indexingStatusDetail.id)}
                     extension={getFileType(getSourceName(indexingStatusDetail.id))}
                   />
                 )}
                 {getSourceType(indexingStatusDetail.id) === DataSourceType.NOTION && (
                   <NotionIcon
-                    className='shrink-0'
-                    type='page'
+                    className="shrink-0"
+                    type="page"
                     src={getIcon(indexingStatusDetail.id)}
                   />
                 )}
-                <div className='flex w-0 grow items-center gap-1' title={getSourceName(indexingStatusDetail.id)}>
-                  <div className='system-xs-medium truncate text-text-secondary'>
+                <div className="flex w-0 grow items-center gap-1" title={getSourceName(indexingStatusDetail.id)}>
+                  <div className="system-xs-medium truncate text-text-secondary">
                     {getSourceName(indexingStatusDetail.id)}
                   </div>
                   {
                     enableBilling && (
-                      <PriorityLabel className='ml-0' />
+                      <PriorityLabel className="ml-0" />
                     )
                   }
                 </div>
                 {isSourceEmbedding(indexingStatusDetail) && (
-                  <div className='shrink-0 text-xs text-text-secondary'>{`${getSourcePercent(indexingStatusDetail)}%`}</div>
+                  <div className="shrink-0 text-xs text-text-secondary">{`${getSourcePercent(indexingStatusDetail)}%`}</div>
                 )}
                 {indexingStatusDetail.indexing_status === 'error' && (
                   <Tooltip
-                    popupClassName='px-4 py-[14px] max-w-60 body-xs-regular text-text-secondary border-[0.5px] border-components-panel-border rounded-xl'
+                    popupClassName="px-4 py-[14px] max-w-60 body-xs-regular text-text-secondary border-[0.5px] border-components-panel-border rounded-xl"
                     offset={4}
                     popupContent={indexingStatusDetail.error}
                   >
                     <span>
-                      <RiErrorWarningFill className='size-4 shrink-0 text-text-destructive' />
+                      <RiErrorWarningFill className="size-4 shrink-0 text-text-destructive" />
                     </span>
                   </Tooltip>
                 )}
                 {indexingStatusDetail.indexing_status === 'completed' && (
-                  <RiCheckboxCircleFill className='size-4 shrink-0 text-text-success' />
+                  <RiCheckboxCircleFill className="size-4 shrink-0 text-text-success" />
                 )}
               </div>
             </div>
           ))}
         </div>
-        <Divider type='horizontal' className='my-0 bg-divider-subtle' />
+        <Divider type="horizontal" className="my-0 bg-divider-subtle" />
         <RuleDetail
           sourceData={ruleDetail}
           indexingType={indexingType}
           retrievalMethod={retrievalMethod}
         />
       </div>
-      <div className='mt-6 flex items-center gap-x-2 py-2'>
+      <div className="mt-6 flex items-center gap-x-2 py-2">
         <Link
           href={apiReferenceUrl}
-          target='_blank'
-          rel='noopener noreferrer'
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <Button
-            className='w-fit gap-x-0.5 px-3'
+            className="w-fit gap-x-0.5 px-3"
           >
-            <RiTerminalBoxLine className='size-4' />
-            <span className='px-0.5'>Access the API</span>
+            <RiTerminalBoxLine className="size-4" />
+            <span className="px-0.5">Access the API</span>
           </Button>
         </Link>
         <Button
-          className='w-fit gap-x-0.5 px-3'
-          variant='primary'
+          className="w-fit gap-x-0.5 px-3"
+          variant="primary"
           onClick={navToDocumentList}
         >
-          <span className='px-0.5'>{t('datasetCreation.stepThree.navTo')}</span>
-          <RiArrowRightLine className='size-4 stroke-current stroke-1' />
+          <span className="px-0.5">{t('datasetCreation.stepThree.navTo')}</span>
+          <RiArrowRightLine className="size-4 stroke-current stroke-1" />
         </Button>
       </div>
     </>
diff --git a/web/app/components/datasets/create/empty-dataset-creation-modal/index.spec.tsx b/web/app/components/datasets/create/empty-dataset-creation-modal/index.spec.tsx
index 57d3007366..708ccc4ba3 100644
--- a/web/app/components/datasets/create/empty-dataset-creation-modal/index.spec.tsx
+++ b/web/app/components/datasets/create/empty-dataset-creation-modal/index.spec.tsx
@@ -1,9 +1,9 @@
 import type { MockedFunction } from 'vitest'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import EmptyDatasetCreationModal from './index'
 import { createEmptyDataset } from '@/service/datasets'
 import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
+import EmptyDatasetCreationModal from './index'
 
 // Mock Next.js router
 const mockPush = vi.fn()
@@ -38,7 +38,7 @@ const mockInvalidDatasetList = vi.fn()
 const mockUseInvalidDatasetList = useInvalidDatasetList as MockedFunction<typeof useInvalidDatasetList>
 
 // Test data builder for props
-const createDefaultProps = (overrides?: Partial<{ show: boolean; onHide: () => void }>) => ({
+const createDefaultProps = (overrides?: Partial<{ show: boolean, onHide: () => void }>) => ({
   show: true,
   onHide: vi.fn(),
   ...overrides,
diff --git a/web/app/components/datasets/create/empty-dataset-creation-modal/index.tsx b/web/app/components/datasets/create/empty-dataset-creation-modal/index.tsx
index db5aa8e48d..4427009b06 100644
--- a/web/app/components/datasets/create/empty-dataset-creation-modal/index.tsx
+++ b/web/app/components/datasets/create/empty-dataset-creation-modal/index.tsx
@@ -1,18 +1,18 @@
 'use client'
-import React, { useState } from 'react'
 import { useRouter } from 'next/navigation'
+import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import s from './index.module.css'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
-import Input from '@/app/components/base/input'
+import { trackEvent } from '@/app/components/base/amplitude'
 import Button from '@/app/components/base/button'
-
+import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 import { ToastContext } from '@/app/components/base/toast'
+
 import { createEmptyDataset } from '@/service/datasets'
 import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
-import { trackEvent } from '@/app/components/base/amplitude'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
 
 type IProps = {
   show: boolean
@@ -68,9 +68,9 @@ const EmptyDatasetCreationModal = ({
         <div className={s.label}>{t('datasetCreation.stepOne.modal.input')}</div>
         <Input value={inputValue} placeholder={t('datasetCreation.stepOne.modal.placeholder') || ''} onChange={e => setInputValue(e.target.value)} />
       </div>
-      <div className='flex flex-row-reverse'>
-        <Button className='ml-2 w-24' variant='primary' onClick={submit}>{t('datasetCreation.stepOne.modal.confirmButton')}</Button>
-        <Button className='w-24' onClick={onHide}>{t('datasetCreation.stepOne.modal.cancelButton')}</Button>
+      <div className="flex flex-row-reverse">
+        <Button className="ml-2 w-24" variant="primary" onClick={submit}>{t('datasetCreation.stepOne.modal.confirmButton')}</Button>
+        <Button className="w-24" onClick={onHide}>{t('datasetCreation.stepOne.modal.cancelButton')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/datasets/create/file-preview/index.spec.tsx b/web/app/components/datasets/create/file-preview/index.spec.tsx
index b7353212f9..177975a12e 100644
--- a/web/app/components/datasets/create/file-preview/index.spec.tsx
+++ b/web/app/components/datasets/create/file-preview/index.spec.tsx
@@ -1,8 +1,8 @@
 import type { MockedFunction } from 'vitest'
-import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
-import FilePreview from './index'
 import type { CustomFile as File } from '@/models/datasets'
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { fetchFilePreview } from '@/service/common'
+import FilePreview from './index'
 
 // Mock the fetchFilePreview service
 vi.mock('@/service/common', () => ({
@@ -31,7 +31,7 @@ const createMockFile = (overrides: Partial<File> = {}): File => {
 }
 
 // Helper to render FilePreview with default props
-const renderFilePreview = (props: Partial<{ file?: File; hidePreview: () => void }> = {}) => {
+const renderFilePreview = (props: Partial<{ file?: File, hidePreview: () => void }> = {}) => {
   const defaultProps = {
     file: createMockFile(),
     hidePreview: vi.fn(),
@@ -705,8 +705,7 @@ describe('FilePreview', () => {
     it('should handle rapid file changes', async () => {
       // Arrange
       const files = Array.from({ length: 5 }, (_, i) =>
-        createMockFile({ id: `file-${i}` }),
-      )
+        createMockFile({ id: `file-${i}` }))
 
       // Act
       const { rerender } = render(
diff --git a/web/app/components/datasets/create/file-preview/index.tsx b/web/app/components/datasets/create/file-preview/index.tsx
index 012f3608dc..dd174837c4 100644
--- a/web/app/components/datasets/create/file-preview/index.tsx
+++ b/web/app/components/datasets/create/file-preview/index.tsx
@@ -1,12 +1,12 @@
 'use client'
+import type { CustomFile as File } from '@/models/datasets'
+import { XMarkIcon } from '@heroicons/react/20/solid'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { XMarkIcon } from '@heroicons/react/20/solid'
 import Loading from '@/app/components/base/loading'
-import s from './index.module.css'
-import { cn } from '@/utils/classnames'
-import type { CustomFile as File } from '@/models/datasets'
 import { fetchFilePreview } from '@/service/common'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
 
 type IProps = {
   file?: File
@@ -49,16 +49,20 @@ const FilePreview = ({
       <div className={cn(s.previewHeader)}>
         <div className={cn(s.title, 'title-md-semi-bold')}>
           <span>{t('datasetCreation.stepOne.filePreview')}</span>
-          <div className='flex h-6 w-6 cursor-pointer items-center justify-center' onClick={hidePreview}>
-            <XMarkIcon className='h-4 w-4'></XMarkIcon>
+          <div className="flex h-6 w-6 cursor-pointer items-center justify-center" onClick={hidePreview}>
+            <XMarkIcon className="h-4 w-4"></XMarkIcon>
           </div>
         </div>
         <div className={cn(s.fileName, 'system-xs-medium')}>
-          <span>{getFileName(file)}</span><span className={cn(s.filetype)}>.{file?.extension}</span>
+          <span>{getFileName(file)}</span>
+          <span className={cn(s.filetype)}>
+            .
+            {file?.extension}
+          </span>
         </div>
       </div>
       <div className={cn(s.previewContent)}>
-        {loading && <Loading type='area' />}
+        {loading && <Loading type="area" />}
         {!loading && (
           <div className={cn(s.fileContent, 'body-md-regular')}>{previewContent}</div>
         )}
diff --git a/web/app/components/datasets/create/file-uploader/index.tsx b/web/app/components/datasets/create/file-uploader/index.tsx
index 20c8ea3633..b0680905d1 100644
--- a/web/app/components/datasets/create/file-uploader/index.tsx
+++ b/web/app/components/datasets/create/file-uploader/index.tsx
@@ -1,22 +1,22 @@
 'use client'
+import type { CustomFile as File, FileItem } from '@/models/datasets'
+import { RiDeleteBinLine, RiUploadCloud2Line } from '@remixicon/react'
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { RiDeleteBinLine, RiUploadCloud2Line } from '@remixicon/react'
-import DocumentFileIcon from '../../common/document-file-icon'
-import { cn } from '@/utils/classnames'
-import type { CustomFile as File, FileItem } from '@/models/datasets'
-import { ToastContext } from '@/app/components/base/toast'
+import { getFileUploadErrorMessage } from '@/app/components/base/file-uploader/utils'
 import SimplePieChart from '@/app/components/base/simple-pie-chart'
+import { ToastContext } from '@/app/components/base/toast'
+import { IS_CE_EDITION } from '@/config'
 
+import I18n from '@/context/i18n'
+import useTheme from '@/hooks/use-theme'
+import { LanguagesSupported } from '@/i18n-config/language'
 import { upload } from '@/service/base'
 import { useFileSupportTypes, useFileUploadConfig } from '@/service/use-common'
-import I18n from '@/context/i18n'
-import { LanguagesSupported } from '@/i18n-config/language'
-import { IS_CE_EDITION } from '@/config'
 import { Theme } from '@/types/app'
-import useTheme from '@/hooks/use-theme'
-import { getFileUploadErrorMessage } from '@/app/components/base/file-uploader/utils'
+import { cn } from '@/utils/classnames'
+import DocumentFileIcon from '../../common/document-file-icon'
 
 type IFileUploaderProps = {
   fileList: FileItem[]
@@ -244,17 +244,20 @@ const FileUploader = ({
       e.preventDefault()
       e.stopPropagation()
       setDragging(false)
-      if (!e.dataTransfer) return
+      if (!e.dataTransfer)
+        return
       const nested = await Promise.all(
         Array.from(e.dataTransfer.items).map((it) => {
           const entry = (it as any).webkitGetAsEntry?.()
-          if (entry) return traverseFileEntry(entry)
+          if (entry)
+            return traverseFileEntry(entry)
           const f = it.getAsFile?.()
           return f ? Promise.resolve([f]) : Promise.resolve([])
         }),
       )
       let files = nested.flat()
-      if (!supportBatchUpload) files = files.slice(0, 1)
+      if (!supportBatchUpload)
+        files = files.slice(0, 1)
       files = files.slice(0, fileUploadConfig.batch_count_limit)
       const valid = files.filter(isValid)
       initialUpload(valid)
@@ -314,7 +317,7 @@ const FileUploader = ({
       {!hideUpload && (
         <div ref={dropRef} className={cn('relative mb-2 box-border flex min-h-20 max-w-[640px] flex-col items-center justify-center gap-1 rounded-xl border border-dashed border-components-dropzone-border bg-components-dropzone-bg px-4 py-3 text-xs leading-4 text-text-tertiary', dragging && 'border-components-dropzone-border-accent bg-components-dropzone-bg-accent')}>
           <div className="flex min-h-5 items-center justify-center text-sm leading-4 text-text-secondary">
-            <RiUploadCloud2Line className='mr-2 size-5' />
+            <RiUploadCloud2Line className="mr-2 size-5" />
 
             <span>
               {supportBatchUpload ? t('datasetCreation.stepOne.uploader.button') : t('datasetCreation.stepOne.uploader.buttonSingleFile')}
@@ -323,16 +326,18 @@ const FileUploader = ({
               )}
             </span>
           </div>
-          <div>{t('datasetCreation.stepOne.uploader.tip', {
-            size: fileUploadConfig.file_size_limit,
-            supportTypes: supportTypesShowNames,
-            batchCount: fileUploadConfig.batch_count_limit,
-            totalCount: fileUploadConfig.file_upload_limit,
-          })}</div>
-          {dragging && <div ref={dragRef} className='absolute left-0 top-0 h-full w-full' />}
+          <div>
+            {t('datasetCreation.stepOne.uploader.tip', {
+              size: fileUploadConfig.file_size_limit,
+              supportTypes: supportTypesShowNames,
+              batchCount: fileUploadConfig.batch_count_limit,
+              totalCount: fileUploadConfig.file_upload_limit,
+            })}
+          </div>
+          {dragging && <div ref={dragRef} className="absolute left-0 top-0 h-full w-full" />}
         </div>
       )}
-      <div className='max-w-[640px] cursor-default space-y-1'>
+      <div className="max-w-[640px] cursor-default space-y-1">
 
         {fileList.map((fileItem, index) => (
           <div
@@ -345,19 +350,19 @@ const FileUploader = ({
           >
             <div className="flex w-12 shrink-0 items-center justify-center">
               <DocumentFileIcon
-                size='xl'
+                size="xl"
                 className="shrink-0"
                 name={fileItem.file.name}
                 extension={getFileType(fileItem.file)}
               />
             </div>
             <div className="flex shrink grow flex-col gap-0.5">
-              <div className='flex w-full'>
+              <div className="flex w-full">
                 <div className="w-0 grow truncate text-sm leading-4 text-text-secondary">{fileItem.file.name}</div>
               </div>
               <div className="w-full truncate leading-3 text-text-tertiary">
-                <span className='uppercase'>{getFileType(fileItem.file)}</span>
-                <span className='px-1 text-text-quaternary'>·</span>
+                <span className="uppercase">{getFileType(fileItem.file)}</span>
+                <span className="px-1 text-text-quaternary">·</span>
                 <span>{getFileSize(fileItem.file.size)}</span>
                 {/* <span className='px-1 text-text-quaternary'>·</span>
                   <span>10k characters</span> */}
@@ -371,11 +376,14 @@ const FileUploader = ({
                 // <div className={s.percent}>{`${fileItem.progress}%`}</div>
                 <SimplePieChart percentage={fileItem.progress} stroke={chartColor} fill={chartColor} animationDuration={0} />
               )}
-              <span className="flex h-6 w-6 cursor-pointer items-center justify-center" onClick={(e) => {
-                e.stopPropagation()
-                removeFile(fileItem.fileID)
-              }}>
-                <RiDeleteBinLine className='size-4 text-text-tertiary' />
+              <span
+                className="flex h-6 w-6 cursor-pointer items-center justify-center"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  removeFile(fileItem.fileID)
+                }}
+              >
+                <RiDeleteBinLine className="size-4 text-text-tertiary" />
               </span>
             </div>
           </div>
diff --git a/web/app/components/datasets/create/icons.ts b/web/app/components/datasets/create/icons.ts
index 80c4b6c944..10f3a319dc 100644
--- a/web/app/components/datasets/create/icons.ts
+++ b/web/app/components/datasets/create/icons.ts
@@ -1,8 +1,8 @@
 import GoldIcon from './assets/gold.svg'
-import Piggybank from './assets/piggy-bank-mod.svg'
-import Selection from './assets/selection-mod.svg'
-import Research from './assets/research-mod.svg'
 import PatternRecognition from './assets/pattern-recognition-mod.svg'
+import Piggybank from './assets/piggy-bank-mod.svg'
+import Research from './assets/research-mod.svg'
+import Selection from './assets/selection-mod.svg'
 
 export const indexMethodIcon = {
   high_quality: GoldIcon,
diff --git a/web/app/components/datasets/create/index.spec.tsx b/web/app/components/datasets/create/index.spec.tsx
index 18fe1513ed..a0248d59a1 100644
--- a/web/app/components/datasets/create/index.spec.tsx
+++ b/web/app/components/datasets/create/index.spec.tsx
@@ -1,11 +1,11 @@
+import type { DataSourceAuth } from '@/app/components/header/account-setting/data-source-page-new/types'
+import type { DataSet } from '@/models/datasets'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import DatasetUpdateForm from './index'
-import { ChunkingMode, DataSourceType, DatasetPermission } from '@/models/datasets'
-import type { DataSet } from '@/models/datasets'
 import { DataSourceProvider } from '@/models/common'
-import type { DataSourceAuth } from '@/app/components/header/account-setting/data-source-page-new/types'
+import { ChunkingMode, DatasetPermission, DataSourceType } from '@/models/datasets'
 import { RETRIEVE_METHOD } from '@/types/app'
+import DatasetUpdateForm from './index'
 
 // IndexingType values from step-two (defined here since we mock step-two)
 // Using type assertion to match the expected IndexingType enum from step-two
@@ -27,7 +27,7 @@ vi.mock('react-i18next', () => ({
 
 // Mock next/link
 vi.mock('next/link', () => {
-  return function MockLink({ children, href }: { children: React.ReactNode; href: string }) {
+  return function MockLink({ children, href }: { children: React.ReactNode, href: string }) {
     return <a href={href}>{children}</a>
   }
 })
@@ -55,7 +55,7 @@ vi.mock('@/context/dataset-detail', () => ({
 }))
 
 // Mock useDefaultModel hook
-let mockEmbeddingsDefaultModel: { model: string; provider: string } | undefined
+let mockEmbeddingsDefaultModel: { model: string, provider: string } | undefined
 vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', () => ({
   useDefaultModel: () => ({
     data: mockEmbeddingsDefaultModel,
diff --git a/web/app/components/datasets/create/index.tsx b/web/app/components/datasets/create/index.tsx
index b04bd85530..357b2256fc 100644
--- a/web/app/components/datasets/create/index.tsx
+++ b/web/app/components/datasets/create/index.tsx
@@ -1,22 +1,23 @@
 'use client'
+import type { NotionPage } from '@/models/common'
+import type { CrawlOptions, CrawlResultItem, createDocumentResponse, FileItem } from '@/models/datasets'
+import { produce } from 'immer'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Loading from '@/app/components/base/loading'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useModalContextSelector } from '@/context/modal-context'
+import { DataSourceProvider } from '@/models/common'
+import { DataSourceType } from '@/models/datasets'
+import { useGetDefaultDataSourceListAuth } from '@/service/use-datasource'
 import AppUnavailable from '../../base/app-unavailable'
 import { ModelTypeEnum } from '../../header/account-setting/model-provider-page/declarations'
 import StepOne from './step-one'
-import StepTwo from './step-two'
 import StepThree from './step-three'
+import StepTwo from './step-two'
 import { TopBar } from './top-bar'
-import { DataSourceType } from '@/models/datasets'
-import type { CrawlOptions, CrawlResultItem, FileItem, createDocumentResponse } from '@/models/datasets'
-import { DataSourceProvider, type NotionPage } from '@/models/common'
-import { useModalContextSelector } from '@/context/modal-context'
-import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { useGetDefaultDataSourceListAuth } from '@/service/use-datasource'
-import { produce } from 'immer'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import Loading from '@/app/components/base/loading'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 
 type DatasetUpdateFormProps = {
   datasetId?: string
@@ -104,12 +105,12 @@ const DatasetUpdateForm = ({ datasetId }: DatasetUpdateFormProps) => {
     return <AppUnavailable code={500} unknownReason={t('datasetCreation.error.unavailable') as string} />
 
   return (
-    <div className='flex flex-col overflow-hidden bg-components-panel-bg' style={{ height: 'calc(100vh - 56px)' }}>
+    <div className="flex flex-col overflow-hidden bg-components-panel-bg" style={{ height: 'calc(100vh - 56px)' }}>
       <TopBar activeIndex={step - 1} datasetId={datasetId} />
       <div style={{ height: 'calc(100% - 52px)' }}>
         {
           isLoadingAuthedDataSourceList && (
-            <Loading type='app' />
+            <Loading type="app" />
           )
         }
         {
diff --git a/web/app/components/datasets/create/notion-page-preview/index.spec.tsx b/web/app/components/datasets/create/notion-page-preview/index.spec.tsx
index 6b0ff1ee2e..78b54dc8af 100644
--- a/web/app/components/datasets/create/notion-page-preview/index.spec.tsx
+++ b/web/app/components/datasets/create/notion-page-preview/index.spec.tsx
@@ -1,8 +1,8 @@
 import type { MockedFunction } from 'vitest'
-import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
-import NotionPagePreview from './index'
 import type { NotionPage } from '@/models/common'
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { fetchNotionPagePreview } from '@/service/datasets'
+import NotionPagePreview from './index'
 
 // Mock the fetchNotionPagePreview service
 vi.mock('@/service/datasets', () => ({
@@ -808,8 +808,7 @@ describe('NotionPagePreview', () => {
     it('should handle rapid page changes', async () => {
       // Arrange
       const pages = Array.from({ length: 5 }, (_, i) =>
-        createMockNotionPage({ page_id: `page-${i}` }),
-      )
+        createMockNotionPage({ page_id: `page-${i}` }))
 
       // Act
       const { rerender } = render(
diff --git a/web/app/components/datasets/create/notion-page-preview/index.tsx b/web/app/components/datasets/create/notion-page-preview/index.tsx
index 456b124324..ac590cc0c3 100644
--- a/web/app/components/datasets/create/notion-page-preview/index.tsx
+++ b/web/app/components/datasets/create/notion-page-preview/index.tsx
@@ -1,13 +1,13 @@
 'use client'
+import type { NotionPage } from '@/models/common'
+import { XMarkIcon } from '@heroicons/react/20/solid'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { XMarkIcon } from '@heroicons/react/20/solid'
 import Loading from '@/app/components/base/loading'
-import s from './index.module.css'
-import { cn } from '@/utils/classnames'
-import type { NotionPage } from '@/models/common'
 import NotionIcon from '@/app/components/base/notion-icon'
 import { fetchNotionPagePreview } from '@/service/datasets'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
 
 type IProps = {
   currentPage?: NotionPage
@@ -51,21 +51,21 @@ const NotionPagePreview = ({
       <div className={cn(s.previewHeader)}>
         <div className={cn(s.title, 'title-md-semi-bold')}>
           <span>{t('datasetCreation.stepOne.pagePreview')}</span>
-          <div className='flex h-6 w-6 cursor-pointer items-center justify-center' onClick={hidePreview}>
-            <XMarkIcon className='h-4 w-4'></XMarkIcon>
+          <div className="flex h-6 w-6 cursor-pointer items-center justify-center" onClick={hidePreview}>
+            <XMarkIcon className="h-4 w-4"></XMarkIcon>
           </div>
         </div>
         <div className={cn(s.fileName, 'system-xs-medium')}>
           <NotionIcon
-            className='mr-1 shrink-0'
-            type='page'
+            className="mr-1 shrink-0"
+            type="page"
             src={currentPage?.page_icon}
           />
           {currentPage?.page_name}
         </div>
       </div>
       <div className={cn(s.previewContent, 'body-md-regular')}>
-        {loading && <Loading type='area' />}
+        {loading && <Loading type="area" />}
         {!loading && (
           <div className={cn(s.fileContent, 'body-md-regular')}>{previewContent}</div>
         )}
diff --git a/web/app/components/datasets/create/step-one/index.tsx b/web/app/components/datasets/create/step-one/index.tsx
index e844fd1b8a..ddbfb05e7d 100644
--- a/web/app/components/datasets/create/step-one/index.tsx
+++ b/web/app/components/datasets/create/step-one/index.tsx
@@ -1,29 +1,29 @@
 'use client'
+import type { DataSourceAuth } from '@/app/components/header/account-setting/data-source-page-new/types'
+import type { DataSourceProvider, NotionPage } from '@/models/common'
+import type { CrawlOptions, CrawlResultItem, FileItem } from '@/models/datasets'
+import { RiArrowRightLine, RiFolder6Line } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowRightLine, RiFolder6Line } from '@remixicon/react'
+import Button from '@/app/components/base/button'
+import NotionConnector from '@/app/components/base/notion-connector'
+import { NotionPageSelector } from '@/app/components/base/notion-page-selector'
+import PlanUpgradeModal from '@/app/components/billing/plan-upgrade-modal'
+import { Plan } from '@/app/components/billing/type'
+import VectorSpaceFull from '@/app/components/billing/vector-space-full'
+import { ENABLE_WEBSITE_FIRECRAWL, ENABLE_WEBSITE_JINAREADER, ENABLE_WEBSITE_WATERCRAWL } from '@/config'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useProviderContext } from '@/context/provider-context'
+import { DataSourceType } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
+import EmptyDatasetCreationModal from '../empty-dataset-creation-modal'
 import FilePreview from '../file-preview'
 import FileUploader from '../file-uploader'
 import NotionPagePreview from '../notion-page-preview'
-import EmptyDatasetCreationModal from '../empty-dataset-creation-modal'
 import Website from '../website'
 import WebsitePreview from '../website/preview'
 import s from './index.module.css'
-import type { CrawlOptions, CrawlResultItem, FileItem } from '@/models/datasets'
-import type { DataSourceProvider, NotionPage } from '@/models/common'
-import { DataSourceType } from '@/models/datasets'
-import Button from '@/app/components/base/button'
-import { NotionPageSelector } from '@/app/components/base/notion-page-selector'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import { useProviderContext } from '@/context/provider-context'
-import VectorSpaceFull from '@/app/components/billing/vector-space-full'
-import { cn } from '@/utils/classnames'
-import { ENABLE_WEBSITE_FIRECRAWL, ENABLE_WEBSITE_JINAREADER, ENABLE_WEBSITE_WATERCRAWL } from '@/config'
-import NotionConnector from '@/app/components/base/notion-connector'
-import type { DataSourceAuth } from '@/app/components/header/account-setting/data-source-page-new/types'
-import PlanUpgradeModal from '@/app/components/billing/plan-upgrade-modal'
-import { useBoolean } from 'ahooks'
-import { Plan } from '@/app/components/billing/type'
 import UpgradeCard from './upgrade-card'
 
 type IStepOneProps = {
@@ -149,9 +149,11 @@ const StepOne = ({
   }, [files, isShowVectorSpaceFull])
 
   const isNotionAuthed = useMemo(() => {
-    if (!authedDataSourceList) return false
+    if (!authedDataSourceList)
+      return false
     const notionSource = authedDataSourceList.find(item => item.provider === 'notion_datasource')
-    if (!notionSource) return false
+    if (!notionSource)
+      return false
     return notionSource.credentials_list.length > 0
   }, [authedDataSourceList])
 
@@ -160,10 +162,10 @@ const StepOne = ({
   }, [authedDataSourceList])
 
   return (
-    <div className='h-full w-full overflow-x-auto'>
-      <div className='flex h-full w-full min-w-[1440px]'>
-        <div className='relative h-full w-1/2 overflow-y-auto'>
-          <div className='flex justify-end'>
+    <div className="h-full w-full overflow-x-auto">
+      <div className="flex h-full w-full min-w-[1440px]">
+        <div className="relative h-full w-1/2 overflow-y-auto">
+          <div className="flex justify-end">
             <div className={cn(s.form)}>
               {
                 shouldShowDataSourceTypeList && (
@@ -174,7 +176,7 @@ const StepOne = ({
               }
               {
                 shouldShowDataSourceTypeList && (
-                  <div className='mb-8 grid grid-cols-3 gap-4'>
+                  <div className="mb-8 grid grid-cols-3 gap-4">
                     <div
                       className={cn(
                         s.dataSourceItem,
@@ -193,7 +195,7 @@ const StepOne = ({
                       <span className={cn(s.datasetIcon)} />
                       <span
                         title={t('datasetCreation.stepOne.dataSourceType.file')!}
-                        className='truncate'
+                        className="truncate"
                       >
                         {t('datasetCreation.stepOne.dataSourceType.file')}
                       </span>
@@ -216,7 +218,7 @@ const StepOne = ({
                       <span className={cn(s.datasetIcon, s.notion)} />
                       <span
                         title={t('datasetCreation.stepOne.dataSourceType.notion')!}
-                        className='truncate'
+                        className="truncate"
                       >
                         {t('datasetCreation.stepOne.dataSourceType.notion')}
                       </span>
@@ -240,7 +242,7 @@ const StepOne = ({
                         <span className={cn(s.datasetIcon, s.web)} />
                         <span
                           title={t('datasetCreation.stepOne.dataSourceType.web')!}
-                          className='truncate'
+                          className="truncate"
                         >
                           {t('datasetCreation.stepOne.dataSourceType.web')}
                         </span>
@@ -261,12 +263,12 @@ const StepOne = ({
                     supportBatchUpload={supportBatchUpload}
                   />
                   {isShowVectorSpaceFull && (
-                    <div className='mb-4 max-w-[640px]'>
+                    <div className="mb-4 max-w-[640px]">
                       <VectorSpaceFull />
                     </div>
                   )}
                   <div className="flex max-w-[640px] justify-end gap-2">
-                    <Button disabled={nextDisabled} variant='primary' onClick={onStepChange}>
+                    <Button disabled={nextDisabled} variant="primary" onClick={onStepChange}>
                       <span className="flex gap-0.5 px-[10px]">
                         <span className="px-0.5">{t('datasetCreation.stepOne.button')}</span>
                         <RiArrowRightLine className="size-4" />
@@ -275,8 +277,8 @@ const StepOne = ({
                   </div>
                   {
                     enableBilling && plan.type === Plan.sandbox && files.length > 0 && (
-                      <div className='mt-5'>
-                        <div className='mb-4 h-px bg-divider-subtle'></div>
+                      <div className="mt-5">
+                        <div className="mb-4 h-px bg-divider-subtle"></div>
                         <UpgradeCard />
                       </div>
                     )
@@ -288,7 +290,7 @@ const StepOne = ({
                   {!isNotionAuthed && <NotionConnector onSetting={onSetting} />}
                   {isNotionAuthed && (
                     <>
-                      <div className='mb-8 w-[640px]'>
+                      <div className="mb-8 w-[640px]">
                         <NotionPageSelector
                           value={notionPages.map(page => page.page_id)}
                           onSelect={updateNotionPages}
@@ -299,12 +301,12 @@ const StepOne = ({
                         />
                       </div>
                       {isShowVectorSpaceFull && (
-                        <div className='mb-4 max-w-[640px]'>
+                        <div className="mb-4 max-w-[640px]">
                           <VectorSpaceFull />
                         </div>
                       )}
                       <div className="flex max-w-[640px] justify-end gap-2">
-                        <Button disabled={isShowVectorSpaceFull || !notionPages.length} variant='primary' onClick={onStepChange}>
+                        <Button disabled={isShowVectorSpaceFull || !notionPages.length} variant="primary" onClick={onStepChange}>
                           <span className="flex gap-0.5 px-[10px]">
                             <span className="px-0.5">{t('datasetCreation.stepOne.button')}</span>
                             <RiArrowRightLine className="size-4" />
@@ -330,12 +332,12 @@ const StepOne = ({
                     />
                   </div>
                   {isShowVectorSpaceFull && (
-                    <div className='mb-4 max-w-[640px]'>
+                    <div className="mb-4 max-w-[640px]">
                       <VectorSpaceFull />
                     </div>
                   )}
                   <div className="flex max-w-[640px] justify-end gap-2">
-                    <Button disabled={isShowVectorSpaceFull || !websitePages.length} variant='primary' onClick={onStepChange}>
+                    <Button disabled={isShowVectorSpaceFull || !websitePages.length} variant="primary" onClick={onStepChange}>
                       <span className="flex gap-0.5 px-[10px]">
                         <span className="px-0.5">{t('datasetCreation.stepOne.button')}</span>
                         <RiArrowRightLine className="size-4" />
@@ -346,7 +348,7 @@ const StepOne = ({
               )}
               {!datasetId && (
                 <>
-                  <div className='my-8 h-px max-w-[640px] bg-divider-regular' />
+                  <div className="my-8 h-px max-w-[640px] bg-divider-regular" />
                   <span className="inline-flex cursor-pointer items-center text-[13px] leading-4 text-text-accent" onClick={modalShowHandle}>
                     <RiFolder6Line className="mr-1 size-4" />
                     {t('datasetCreation.stepOne.emptyDatasetCreation')}
@@ -357,7 +359,7 @@ const StepOne = ({
             <EmptyDatasetCreationModal show={showModal} onHide={modalCloseHandle} />
           </div>
         </div>
-        <div className='h-full w-1/2 overflow-y-auto'>
+        <div className="h-full w-1/2 overflow-y-auto">
           {currentFile && <FilePreview file={currentFile} hidePreview={hideFilePreview} />}
           {currentNotionPage && (
             <NotionPagePreview
diff --git a/web/app/components/datasets/create/step-one/upgrade-card.tsx b/web/app/components/datasets/create/step-one/upgrade-card.tsx
index af683d8ace..a4fcca73c0 100644
--- a/web/app/components/datasets/create/step-one/upgrade-card.tsx
+++ b/web/app/components/datasets/create/step-one/upgrade-card.tsx
@@ -1,9 +1,9 @@
 'use client'
-import UpgradeBtn from '@/app/components/billing/upgrade-btn'
-import { useModalContext } from '@/context/modal-context'
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import UpgradeBtn from '@/app/components/billing/upgrade-btn'
+import { useModalContext } from '@/context/modal-context'
 
 const UpgradeCard: FC = () => {
   const { t } = useTranslation()
@@ -14,17 +14,17 @@ const UpgradeCard: FC = () => {
   }, [setShowPricingModal])
 
   return (
-    <div className='flex items-center justify-between rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg py-3 pl-4 pr-3.5 shadow-xs backdrop-blur-[5px] '>
+    <div className="flex items-center justify-between rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg py-3 pl-4 pr-3.5 shadow-xs backdrop-blur-[5px] ">
       <div>
-        <div className='title-md-semi-bold bg-[linear-gradient(92deg,_var(--components-input-border-active-prompt-1,_#0BA5EC)_0%,_var(--components-input-border-active-prompt-2,_#155AEF)_99.21%)] bg-clip-text text-transparent'>{t('billing.upgrade.uploadMultipleFiles.title')}</div>
-        <div className='system-xs-regular text-text-tertiary'>{t('billing.upgrade.uploadMultipleFiles.description')}</div>
+        <div className="title-md-semi-bold bg-[linear-gradient(92deg,_var(--components-input-border-active-prompt-1,_#0BA5EC)_0%,_var(--components-input-border-active-prompt-2,_#155AEF)_99.21%)] bg-clip-text text-transparent">{t('billing.upgrade.uploadMultipleFiles.title')}</div>
+        <div className="system-xs-regular text-text-tertiary">{t('billing.upgrade.uploadMultipleFiles.description')}</div>
       </div>
       <UpgradeBtn
-        size='custom'
+        size="custom"
         isShort
-        className='ml-3 !h-8 !rounded-lg px-2'
-        labelKey='billing.triggerLimitModal.upgrade'
-        loc='upload-multiple-files'
+        className="ml-3 !h-8 !rounded-lg px-2"
+        labelKey="billing.triggerLimitModal.upgrade"
+        loc="upload-multiple-files"
         onClick={handleUpgrade}
       />
     </div>
diff --git a/web/app/components/datasets/create/step-three/index.spec.tsx b/web/app/components/datasets/create/step-three/index.spec.tsx
index 2522431cce..65d20b92d5 100644
--- a/web/app/components/datasets/create/step-three/index.spec.tsx
+++ b/web/app/components/datasets/create/step-three/index.spec.tsx
@@ -1,6 +1,6 @@
+import type { createDocumentResponse, FullDocumentDetail, IconInfo } from '@/models/datasets'
 import { render, screen } from '@testing-library/react'
 import StepThree from './index'
-import type { FullDocumentDetail, IconInfo, createDocumentResponse } from '@/models/datasets'
 
 // Mock the EmbeddingProcess component since it has complex async logic
 vi.mock('../embedding-process', () => ({
diff --git a/web/app/components/datasets/create/step-three/index.tsx b/web/app/components/datasets/create/step-three/index.tsx
index 7498fde7fd..56ff55de84 100644
--- a/web/app/components/datasets/create/step-three/index.tsx
+++ b/web/app/components/datasets/create/step-three/index.tsx
@@ -1,14 +1,14 @@
 'use client'
+import type { createDocumentResponse, FullDocumentDetail } from '@/models/datasets'
+import { RiBookOpenLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiBookOpenLine } from '@remixicon/react'
-import EmbeddingProcess from '../embedding-process'
 
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import type { FullDocumentDetail, createDocumentResponse } from '@/models/datasets'
 import AppIcon from '@/app/components/base/app-icon'
 import Divider from '@/app/components/base/divider'
 import { useDocLink } from '@/context/i18n'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import EmbeddingProcess from '../embedding-process'
 
 type StepThreeProps = {
   datasetId?: string
@@ -32,40 +32,40 @@ const StepThree = ({ datasetId, datasetName, indexingType, creationCache, retrie
   }
 
   return (
-    <div className='flex h-full max-h-full w-full justify-center overflow-y-auto'>
-      <div className='h-full max-w-[960px] shrink-0 grow overflow-y-auto px-14 sm:px-16'>
-        <div className='mx-auto max-w-[640px] pb-8 pt-10'>
+    <div className="flex h-full max-h-full w-full justify-center overflow-y-auto">
+      <div className="h-full max-w-[960px] shrink-0 grow overflow-y-auto px-14 sm:px-16">
+        <div className="mx-auto max-w-[640px] pb-8 pt-10">
           {!datasetId && (
             <>
-              <div className='flex flex-col gap-y-1 pb-3'>
-                <div className='title-2xl-semi-bold text-text-primary'>{t('datasetCreation.stepThree.creationTitle')}</div>
-                <div className='system-sm-regular text-text-tertiary'>{t('datasetCreation.stepThree.creationContent')}</div>
+              <div className="flex flex-col gap-y-1 pb-3">
+                <div className="title-2xl-semi-bold text-text-primary">{t('datasetCreation.stepThree.creationTitle')}</div>
+                <div className="system-sm-regular text-text-tertiary">{t('datasetCreation.stepThree.creationContent')}</div>
               </div>
-              <div className='flex items-center gap-x-4'>
+              <div className="flex items-center gap-x-4">
                 <AppIcon
-                  size='xxl'
+                  size="xxl"
                   iconType={iconInfo.icon_type}
                   icon={iconInfo.icon}
                   background={iconInfo.icon_background}
                   imageUrl={iconInfo.icon_url}
-                  className='shrink-0'
+                  className="shrink-0"
                 />
-                <div className='flex grow flex-col gap-y-1'>
-                  <div className='system-sm-semibold flex h-6 items-center text-text-secondary'>
+                <div className="flex grow flex-col gap-y-1">
+                  <div className="system-sm-semibold flex h-6 items-center text-text-secondary">
                     {t('datasetCreation.stepThree.label')}
                   </div>
-                  <div className='system-sm-regular w-full truncate rounded-lg bg-components-input-bg-normal p-2 text-components-input-text-filled'>
-                    <span className='px-1'>{datasetName || creationCache?.dataset?.name}</span>
+                  <div className="system-sm-regular w-full truncate rounded-lg bg-components-input-bg-normal p-2 text-components-input-text-filled">
+                    <span className="px-1">{datasetName || creationCache?.dataset?.name}</span>
                   </div>
                 </div>
               </div>
-              <Divider type='horizontal' className='my-6 bg-divider-subtle' />
+              <Divider type="horizontal" className="my-6 bg-divider-subtle" />
             </>
           )}
           {datasetId && (
-            <div className='flex flex-col gap-y-1 pb-3'>
-              <div className='title-2xl-semi-bold text-text-primary'>{t('datasetCreation.stepThree.additionTitle')}</div>
-              <div className='system-sm-regular text-text-tertiary'>{`${t('datasetCreation.stepThree.additionP1')} ${datasetName || creationCache?.dataset?.name} ${t('datasetCreation.stepThree.additionP2')}`}</div>
+            <div className="flex flex-col gap-y-1 pb-3">
+              <div className="title-2xl-semi-bold text-text-primary">{t('datasetCreation.stepThree.additionTitle')}</div>
+              <div className="system-sm-regular text-text-tertiary">{`${t('datasetCreation.stepThree.additionP1')} ${datasetName || creationCache?.dataset?.name} ${t('datasetCreation.stepThree.additionP2')}`}</div>
             </div>
           )}
           <EmbeddingProcess
@@ -78,18 +78,18 @@ const StepThree = ({ datasetId, datasetName, indexingType, creationCache, retrie
         </div>
       </div>
       {!isMobile && (
-        <div className='shrink-0 pr-8 pt-[88px] text-xs'>
-          <div className='flex w-[328px] flex-col gap-3 rounded-xl bg-background-section p-6 text-text-tertiary'>
-            <div className='flex size-10 items-center justify-center rounded-[10px] bg-components-card-bg shadow-lg'>
-              <RiBookOpenLine className='size-5 text-text-accent' />
+        <div className="shrink-0 pr-8 pt-[88px] text-xs">
+          <div className="flex w-[328px] flex-col gap-3 rounded-xl bg-background-section p-6 text-text-tertiary">
+            <div className="flex size-10 items-center justify-center rounded-[10px] bg-components-card-bg shadow-lg">
+              <RiBookOpenLine className="size-5 text-text-accent" />
             </div>
-            <div className='text-base font-semibold text-text-secondary'>{t('datasetCreation.stepThree.sideTipTitle')}</div>
-            <div className='text-text-tertiary'>{t('datasetCreation.stepThree.sideTipContent')}</div>
+            <div className="text-base font-semibold text-text-secondary">{t('datasetCreation.stepThree.sideTipTitle')}</div>
+            <div className="text-text-tertiary">{t('datasetCreation.stepThree.sideTipContent')}</div>
             <a
               href={docLink('/guides/knowledge-base/integrate-knowledge-within-application')}
-              target='_blank'
-              rel='noreferrer noopener'
-              className='system-sm-regular text-text-accent'
+              target="_blank"
+              rel="noreferrer noopener"
+              className="system-sm-regular text-text-accent"
             >
               {t('datasetPipeline.addDocuments.stepThree.learnMore')}
             </a>
diff --git a/web/app/components/datasets/create/step-two/index.tsx b/web/app/components/datasets/create/step-two/index.tsx
index cb592aed5d..b2f1a221f6 100644
--- a/web/app/components/datasets/create/step-two/index.tsx
+++ b/web/app/components/datasets/create/step-two/index.tsx
@@ -1,73 +1,72 @@
 'use client'
 import type { FC, PropsWithChildren } from 'react'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
+import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { NotionPage } from '@/models/common'
+import type { CrawlOptions, CrawlResultItem, CreateDocumentReq, createDocumentResponse, CustomFile, DocumentItem, FullDocumentDetail, ParentMode, PreProcessingRule, ProcessRule, Rules } from '@/models/datasets'
+import type { RetrievalConfig } from '@/types/app'
 import {
   RiAlertFill,
   RiArrowLeftLine,
   RiSearchEyeLine,
 } from '@remixicon/react'
-import Link from 'next/link'
-import Image from 'next/image'
-import SettingCog from '../assets/setting-gear-mod.svg'
-import BlueEffect from '../assets/option-card-effect-blue.svg'
-import { ParentChildChunk } from '@/app/components/base/icons/src/vender/knowledge'
-import Note from '../assets/note-mod.svg'
-import FileList from '../assets/file-list-3-fill.svg'
-import { indexMethodIcon } from '../icons'
-import PreviewContainer from '../../preview/container'
-import { ChunkContainer, QAPreview } from '../../chunk'
-import { PreviewHeader } from '../../preview/header'
-import { FormattedText } from '../../formatted-text/formatted'
-import { PreviewSlice } from '../../formatted-text/flavours/preview-slice'
-import PreviewDocumentPicker from '../../common/document-picker/preview-document-picker'
-import s from './index.module.css'
-import unescape from './unescape'
-import escape from './escape'
-import { OptionCard } from './option-card'
-import LanguageSelect from './language-select'
-import { DelimiterInput, MaxLengthInput, OverlapInput } from './inputs'
-import { cn } from '@/utils/classnames'
-import type { CrawlOptions, CrawlResultItem, CreateDocumentReq, CustomFile, DocumentItem, FullDocumentDetail, ParentMode, PreProcessingRule, ProcessRule, Rules, createDocumentResponse } from '@/models/datasets'
-import { ChunkingMode, DataSourceType, ProcessMode } from '@/models/datasets'
-
-import Button from '@/app/components/base/button'
-import FloatRightContainer from '@/app/components/base/float-right-container'
-import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
-import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
-import type { RetrievalConfig } from '@/types/app'
-import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
-import Toast from '@/app/components/base/toast'
-import type { NotionPage } from '@/models/common'
-import { DataSourceProvider } from '@/models/common'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import I18n from '@/context/i18n'
-import { RETRIEVE_METHOD } from '@/types/app'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { useDefaultModel, useModelList, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { LanguagesSupported } from '@/i18n-config/language'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import Checkbox from '@/app/components/base/checkbox'
-import RadioCard from '@/app/components/base/radio-card'
-import { FULL_DOC_PREVIEW_LENGTH, IS_CE_EDITION } from '@/config'
-import Divider from '@/app/components/base/divider'
-import { getNotionInfo, getWebsiteInfo, useCreateDocument, useCreateFirstDocument, useFetchDefaultProcessRule, useFetchFileIndexingEstimateForFile, useFetchFileIndexingEstimateForNotion, useFetchFileIndexingEstimateForWeb } from '@/service/knowledge/use-create-dataset'
-import Badge from '@/app/components/base/badge'
-import { SkeletonContainer, SkeletonPoint, SkeletonRectangle, SkeletonRow } from '@/app/components/base/skeleton'
-import Tooltip from '@/app/components/base/tooltip'
-import CustomDialog from '@/app/components/base/dialog'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import { noop } from 'lodash-es'
-import { useDocLink } from '@/context/i18n'
-import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
-import { checkShowMultiModalTip } from '../../settings/utils'
+import Image from 'next/image'
+import Link from 'next/link'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import { trackEvent } from '@/app/components/base/amplitude'
+import Badge from '@/app/components/base/badge'
+import Button from '@/app/components/base/button'
+import Checkbox from '@/app/components/base/checkbox'
+import CustomDialog from '@/app/components/base/dialog'
+import Divider from '@/app/components/base/divider'
+import FloatRightContainer from '@/app/components/base/float-right-container'
+import { ParentChildChunk } from '@/app/components/base/icons/src/vender/knowledge'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import RadioCard from '@/app/components/base/radio-card'
+import { SkeletonContainer, SkeletonPoint, SkeletonRectangle, SkeletonRow } from '@/app/components/base/skeleton'
+import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
+import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
+import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
+
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useDefaultModel, useModelList, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
+import { FULL_DOC_PREVIEW_LENGTH, IS_CE_EDITION } from '@/config'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import I18n, { useDocLink } from '@/context/i18n'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { LanguagesSupported } from '@/i18n-config/language'
+import { DataSourceProvider } from '@/models/common'
+import { ChunkingMode, DataSourceType, ProcessMode } from '@/models/datasets'
+import { getNotionInfo, getWebsiteInfo, useCreateDocument, useCreateFirstDocument, useFetchDefaultProcessRule, useFetchFileIndexingEstimateForFile, useFetchFileIndexingEstimateForNotion, useFetchFileIndexingEstimateForWeb } from '@/service/knowledge/use-create-dataset'
+import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
+import { RETRIEVE_METHOD } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { ChunkContainer, QAPreview } from '../../chunk'
+import PreviewDocumentPicker from '../../common/document-picker/preview-document-picker'
+import { PreviewSlice } from '../../formatted-text/flavours/preview-slice'
+import { FormattedText } from '../../formatted-text/formatted'
+import PreviewContainer from '../../preview/container'
+import { PreviewHeader } from '../../preview/header'
+import { checkShowMultiModalTip } from '../../settings/utils'
+import FileList from '../assets/file-list-3-fill.svg'
+import Note from '../assets/note-mod.svg'
+import BlueEffect from '../assets/option-card-effect-blue.svg'
+import SettingCog from '../assets/setting-gear-mod.svg'
+import { indexMethodIcon } from '../icons'
+import escape from './escape'
+import s from './index.module.css'
+import { DelimiterInput, MaxLengthInput, OverlapInput } from './inputs'
+import LanguageSelect from './language-select'
+import { OptionCard } from './option-card'
+import unescape from './unescape'
 
 const TextLabel: FC<PropsWithChildren> = (props) => {
-  return <label className='system-sm-semibold text-text-secondary'>{props.children}</label>
+  return <label className="system-sm-semibold text-text-secondary">{props.children}</label>
 }
 
 type StepTwoProps = {
@@ -376,13 +375,13 @@ const StepTwo = ({
   const [embeddingModel, setEmbeddingModel] = useState<DefaultModel>(
     currentDataset?.embedding_model
       ? {
-        provider: currentDataset.embedding_model_provider,
-        model: currentDataset.embedding_model,
-      }
+          provider: currentDataset.embedding_model_provider,
+          model: currentDataset.embedding_model,
+        }
       : {
-        provider: defaultEmbeddingModel?.provider.provider || '',
-        model: defaultEmbeddingModel?.model || '',
-      },
+          provider: defaultEmbeddingModel?.provider.provider || '',
+          model: defaultEmbeddingModel?.model || '',
+        },
   )
   const [retrievalConfig, setRetrievalConfig] = useState(currentDataset?.retrieval_model_dict || {
     search_method: RETRIEVE_METHOD.semantic,
@@ -614,276 +613,297 @@ const StepTwo = ({
   }, [embeddingModel, retrievalConfig.reranking_enable, retrievalConfig.reranking_model, indexType, embeddingModelList, rerankModelList])
 
   return (
-    <div className='flex h-full w-full'>
+    <div className="flex h-full w-full">
       <div className={cn('relative h-full w-1/2 overflow-y-auto py-6', isMobile ? 'px-4' : 'px-12')}>
-        <div className={'system-md-semibold mb-1 text-text-secondary'}>{t('datasetCreation.stepTwo.segmentation')}</div>
+        <div className="system-md-semibold mb-1 text-text-secondary">{t('datasetCreation.stepTwo.segmentation')}</div>
         {((isInUpload && [ChunkingMode.text, ChunkingMode.qa].includes(currentDataset!.doc_form))
           || isUploadInEmptyDataset
           || isInInit)
-          && <OptionCard
-            className='mb-2 bg-background-section'
+        && (
+          <OptionCard
+            className="mb-2 bg-background-section"
             title={t('datasetCreation.stepTwo.general')}
             icon={<Image width={20} height={20} src={SettingCog} alt={t('datasetCreation.stepTwo.general')} />}
-            activeHeaderClassName='bg-dataset-option-card-blue-gradient'
+            activeHeaderClassName="bg-dataset-option-card-blue-gradient"
             description={t('datasetCreation.stepTwo.generalTip')}
             isActive={
               [ChunkingMode.text, ChunkingMode.qa].includes(currentDocForm)
             }
             onSwitched={() =>
-              handleChangeDocform(ChunkingMode.text)
-            }
-            actions={
+              handleChangeDocform(ChunkingMode.text)}
+            actions={(
               <>
-                <Button variant={'secondary-accent'} onClick={() => updatePreview()}>
-                  <RiSearchEyeLine className='mr-0.5 h-4 w-4' />
+                <Button variant="secondary-accent" onClick={() => updatePreview()}>
+                  <RiSearchEyeLine className="mr-0.5 h-4 w-4" />
                   {t('datasetCreation.stepTwo.previewChunk')}
                 </Button>
-                <Button variant={'ghost'} onClick={resetRules}>
+                <Button variant="ghost" onClick={resetRules}>
                   {t('datasetCreation.stepTwo.reset')}
                 </Button>
               </>
-            }
+            )}
             noHighlight={isInUpload && isNotUploadInEmptyDataset}
           >
-            <div className='flex flex-col gap-y-4'>
-              <div className='flex gap-3'>
+            <div className="flex flex-col gap-y-4">
+              <div className="flex gap-3">
                 <DelimiterInput
                   value={segmentIdentifier}
                   onChange={e => setSegmentIdentifier(e.target.value, true)}
                 />
                 <MaxLengthInput
-                  unit='characters'
+                  unit="characters"
                   value={maxChunkLength}
                   onChange={setMaxChunkLength}
                 />
                 <OverlapInput
-                  unit='characters'
+                  unit="characters"
                   value={overlap}
                   min={1}
                   onChange={setOverlap}
                 />
               </div>
-              <div className='flex w-full flex-col'>
-                <div className='flex items-center gap-x-2'>
-                  <div className='inline-flex shrink-0'>
+              <div className="flex w-full flex-col">
+                <div className="flex items-center gap-x-2">
+                  <div className="inline-flex shrink-0">
                     <TextLabel>{t('datasetCreation.stepTwo.rules')}</TextLabel>
                   </div>
-                  <Divider className='grow' bgStyle='gradient' />
+                  <Divider className="grow" bgStyle="gradient" />
                 </div>
-                <div className='mt-1'>
+                <div className="mt-1">
                   {rules.map(rule => (
-                    <div key={rule.id} className={s.ruleItem} onClick={() => {
-                      ruleChangeHandle(rule.id)
-                    }}>
+                    <div
+                      key={rule.id}
+                      className={s.ruleItem}
+                      onClick={() => {
+                        ruleChangeHandle(rule.id)
+                      }}
+                    >
                       <Checkbox
                         checked={rule.enabled}
                       />
                       <label className="system-sm-regular ml-2 cursor-pointer text-text-secondary">{getRuleName(rule.id)}</label>
                     </div>
                   ))}
-                  {IS_CE_EDITION && <>
-                    <Divider type='horizontal' className='my-4 bg-divider-subtle' />
-                    <div className='flex items-center py-0.5'>
-                      <div className='flex items-center' onClick={() => {
-                        if (currentDataset?.doc_form)
-                          return
-                        if (docForm === ChunkingMode.qa)
-                          handleChangeDocform(ChunkingMode.text)
-                        else
-                          handleChangeDocform(ChunkingMode.qa)
-                      }}>
-                        <Checkbox
-                          checked={currentDocForm === ChunkingMode.qa}
-                          disabled={!!currentDataset?.doc_form}
+                  {IS_CE_EDITION && (
+                    <>
+                      <Divider type="horizontal" className="my-4 bg-divider-subtle" />
+                      <div className="flex items-center py-0.5">
+                        <div
+                          className="flex items-center"
+                          onClick={() => {
+                            if (currentDataset?.doc_form)
+                              return
+                            if (docForm === ChunkingMode.qa)
+                              handleChangeDocform(ChunkingMode.text)
+                            else
+                              handleChangeDocform(ChunkingMode.qa)
+                          }}
+                        >
+                          <Checkbox
+                            checked={currentDocForm === ChunkingMode.qa}
+                            disabled={!!currentDataset?.doc_form}
+                          />
+                          <label className="system-sm-regular ml-2 cursor-pointer text-text-secondary">
+                            {t('datasetCreation.stepTwo.useQALanguage')}
+                          </label>
+                        </div>
+                        <LanguageSelect
+                          currentLanguage={docLanguage || locale}
+                          onSelect={setDocLanguage}
+                          disabled={currentDocForm !== ChunkingMode.qa}
                         />
-                        <label className="system-sm-regular ml-2 cursor-pointer text-text-secondary">
-                          {t('datasetCreation.stepTwo.useQALanguage')}
-                        </label>
+                        <Tooltip popupContent={t('datasetCreation.stepTwo.QATip')} />
                       </div>
-                      <LanguageSelect
-                        currentLanguage={docLanguage || locale}
-                        onSelect={setDocLanguage}
-                        disabled={currentDocForm !== ChunkingMode.qa}
-                      />
-                      <Tooltip popupContent={t('datasetCreation.stepTwo.QATip')} />
-                    </div>
-                    {currentDocForm === ChunkingMode.qa && (
-                      <div
-                        style={{
-                          background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.1) 0%, rgba(255, 255, 255, 0.00) 100%)',
-                        }}
-                        className='mt-2 flex h-10 items-center gap-2 rounded-xl border border-components-panel-border px-3 text-xs shadow-xs backdrop-blur-[5px]'
-                      >
-                        <RiAlertFill className='size-4 text-text-warning-secondary' />
-                        <span className='system-xs-medium text-text-primary'>
-                          {t('datasetCreation.stepTwo.QATip')}
-                        </span>
-                      </div>
-                    )}
-                  </>}
+                      {currentDocForm === ChunkingMode.qa && (
+                        <div
+                          style={{
+                            background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.1) 0%, rgba(255, 255, 255, 0.00) 100%)',
+                          }}
+                          className="mt-2 flex h-10 items-center gap-2 rounded-xl border border-components-panel-border px-3 text-xs shadow-xs backdrop-blur-[5px]"
+                        >
+                          <RiAlertFill className="size-4 text-text-warning-secondary" />
+                          <span className="system-xs-medium text-text-primary">
+                            {t('datasetCreation.stepTwo.QATip')}
+                          </span>
+                        </div>
+                      )}
+                    </>
+                  )}
                 </div>
               </div>
             </div>
-          </OptionCard>}
+          </OptionCard>
+        )}
         {
           (
             (isInUpload && currentDataset!.doc_form === ChunkingMode.parentChild)
             || isUploadInEmptyDataset
             || isInInit
           )
-          && <OptionCard
-            title={t('datasetCreation.stepTwo.parentChild')}
-            icon={<ParentChildChunk className='h-[20px] w-[20px]' />}
-            effectImg={BlueEffect.src}
-            className='text-util-colors-blue-light-blue-light-500'
-            activeHeaderClassName='bg-dataset-option-card-blue-gradient'
-            description={t('datasetCreation.stepTwo.parentChildTip')}
-            isActive={currentDocForm === ChunkingMode.parentChild}
-            onSwitched={() => handleChangeDocform(ChunkingMode.parentChild)}
-            actions={
-              <>
-                <Button variant={'secondary-accent'} onClick={() => updatePreview()}>
-                  <RiSearchEyeLine className='mr-0.5 h-4 w-4' />
-                  {t('datasetCreation.stepTwo.previewChunk')}
-                </Button>
-                <Button variant={'ghost'} onClick={resetRules}>
-                  {t('datasetCreation.stepTwo.reset')}
-                </Button>
-              </>
-            }
-            noHighlight={isInUpload && isNotUploadInEmptyDataset}
-          >
-            <div className='flex flex-col gap-4'>
-              <div>
-                <div className='flex items-center gap-x-2'>
-                  <div className='inline-flex shrink-0'>
-                    <TextLabel>{t('datasetCreation.stepTwo.parentChunkForContext')}</TextLabel>
-                  </div>
-                  <Divider className='grow' bgStyle='gradient' />
-                </div>
-                <RadioCard className='mt-1'
-                  icon={<Image src={Note} alt='' />}
-                  title={t('datasetCreation.stepTwo.paragraph')}
-                  description={t('datasetCreation.stepTwo.paragraphTip')}
-                  isChosen={parentChildConfig.chunkForContext === 'paragraph'}
-                  onChosen={() => setParentChildConfig(
-                    {
-                      ...parentChildConfig,
-                      chunkForContext: 'paragraph',
-                    },
-                  )}
-                  chosenConfig={
-                    <div className='flex gap-3'>
-                      <DelimiterInput
-                        value={parentChildConfig.parent.delimiter}
-                        tooltip={t('datasetCreation.stepTwo.parentChildDelimiterTip')!}
-                        onChange={e => setParentChildConfig({
-                          ...parentChildConfig,
-                          parent: {
-                            ...parentChildConfig.parent,
-                            delimiter: e.target.value ? escape(e.target.value) : '',
-                          },
-                        })}
-                      />
-                      <MaxLengthInput
-                        unit='characters'
-                        value={parentChildConfig.parent.maxLength}
-                        onChange={value => setParentChildConfig({
-                          ...parentChildConfig,
-                          parent: {
-                            ...parentChildConfig.parent,
-                            maxLength: value,
-                          },
-                        })}
-                      />
+          && (
+            <OptionCard
+              title={t('datasetCreation.stepTwo.parentChild')}
+              icon={<ParentChildChunk className="h-[20px] w-[20px]" />}
+              effectImg={BlueEffect.src}
+              className="text-util-colors-blue-light-blue-light-500"
+              activeHeaderClassName="bg-dataset-option-card-blue-gradient"
+              description={t('datasetCreation.stepTwo.parentChildTip')}
+              isActive={currentDocForm === ChunkingMode.parentChild}
+              onSwitched={() => handleChangeDocform(ChunkingMode.parentChild)}
+              actions={(
+                <>
+                  <Button variant="secondary-accent" onClick={() => updatePreview()}>
+                    <RiSearchEyeLine className="mr-0.5 h-4 w-4" />
+                    {t('datasetCreation.stepTwo.previewChunk')}
+                  </Button>
+                  <Button variant="ghost" onClick={resetRules}>
+                    {t('datasetCreation.stepTwo.reset')}
+                  </Button>
+                </>
+              )}
+              noHighlight={isInUpload && isNotUploadInEmptyDataset}
+            >
+              <div className="flex flex-col gap-4">
+                <div>
+                  <div className="flex items-center gap-x-2">
+                    <div className="inline-flex shrink-0">
+                      <TextLabel>{t('datasetCreation.stepTwo.parentChunkForContext')}</TextLabel>
                     </div>
-                  }
-                />
-                <RadioCard className='mt-2'
-                  icon={<Image src={FileList} alt='' />}
-                  title={t('datasetCreation.stepTwo.fullDoc')}
-                  description={t('datasetCreation.stepTwo.fullDocTip')}
-                  onChosen={() => setParentChildConfig(
-                    {
-                      ...parentChildConfig,
-                      chunkForContext: 'full-doc',
-                    },
-                  )}
-                  isChosen={parentChildConfig.chunkForContext === 'full-doc'}
-                />
-              </div>
+                    <Divider className="grow" bgStyle="gradient" />
+                  </div>
+                  <RadioCard
+                    className="mt-1"
+                    icon={<Image src={Note} alt="" />}
+                    title={t('datasetCreation.stepTwo.paragraph')}
+                    description={t('datasetCreation.stepTwo.paragraphTip')}
+                    isChosen={parentChildConfig.chunkForContext === 'paragraph'}
+                    onChosen={() => setParentChildConfig(
+                      {
+                        ...parentChildConfig,
+                        chunkForContext: 'paragraph',
+                      },
+                    )}
+                    chosenConfig={(
+                      <div className="flex gap-3">
+                        <DelimiterInput
+                          value={parentChildConfig.parent.delimiter}
+                          tooltip={t('datasetCreation.stepTwo.parentChildDelimiterTip')!}
+                          onChange={e => setParentChildConfig({
+                            ...parentChildConfig,
+                            parent: {
+                              ...parentChildConfig.parent,
+                              delimiter: e.target.value ? escape(e.target.value) : '',
+                            },
+                          })}
+                        />
+                        <MaxLengthInput
+                          unit="characters"
+                          value={parentChildConfig.parent.maxLength}
+                          onChange={value => setParentChildConfig({
+                            ...parentChildConfig,
+                            parent: {
+                              ...parentChildConfig.parent,
+                              maxLength: value,
+                            },
+                          })}
+                        />
+                      </div>
+                    )}
+                  />
+                  <RadioCard
+                    className="mt-2"
+                    icon={<Image src={FileList} alt="" />}
+                    title={t('datasetCreation.stepTwo.fullDoc')}
+                    description={t('datasetCreation.stepTwo.fullDocTip')}
+                    onChosen={() => setParentChildConfig(
+                      {
+                        ...parentChildConfig,
+                        chunkForContext: 'full-doc',
+                      },
+                    )}
+                    isChosen={parentChildConfig.chunkForContext === 'full-doc'}
+                  />
+                </div>
 
-              <div>
-                <div className='flex items-center gap-x-2'>
-                  <div className='inline-flex shrink-0'>
-                    <TextLabel>{t('datasetCreation.stepTwo.childChunkForRetrieval')}</TextLabel>
-                  </div>
-                  <Divider className='grow' bgStyle='gradient' />
-                </div>
-                <div className='mt-1 flex gap-3'>
-                  <DelimiterInput
-                    value={parentChildConfig.child.delimiter}
-                    tooltip={t('datasetCreation.stepTwo.parentChildChunkDelimiterTip')!}
-                    onChange={e => setParentChildConfig({
-                      ...parentChildConfig,
-                      child: {
-                        ...parentChildConfig.child,
-                        delimiter: e.target.value ? escape(e.target.value) : '',
-                      },
-                    })}
-                  />
-                  <MaxLengthInput
-                    unit='characters'
-                    value={parentChildConfig.child.maxLength}
-                    onChange={value => setParentChildConfig({
-                      ...parentChildConfig,
-                      child: {
-                        ...parentChildConfig.child,
-                        maxLength: value,
-                      },
-                    })}
-                  />
-                </div>
-              </div>
-              <div>
-                <div className='flex items-center gap-x-2'>
-                  <div className='inline-flex shrink-0'>
-                    <TextLabel>{t('datasetCreation.stepTwo.rules')}</TextLabel>
-                  </div>
-                  <Divider className='grow' bgStyle='gradient' />
-                </div>
-                <div className='mt-1'>
-                  {rules.map(rule => (
-                    <div key={rule.id} className={s.ruleItem} onClick={() => {
-                      ruleChangeHandle(rule.id)
-                    }}>
-                      <Checkbox
-                        checked={rule.enabled}
-                      />
-                      <label className="system-sm-regular ml-2 cursor-pointer text-text-secondary">{getRuleName(rule.id)}</label>
+                <div>
+                  <div className="flex items-center gap-x-2">
+                    <div className="inline-flex shrink-0">
+                      <TextLabel>{t('datasetCreation.stepTwo.childChunkForRetrieval')}</TextLabel>
                     </div>
-                  ))}
+                    <Divider className="grow" bgStyle="gradient" />
+                  </div>
+                  <div className="mt-1 flex gap-3">
+                    <DelimiterInput
+                      value={parentChildConfig.child.delimiter}
+                      tooltip={t('datasetCreation.stepTwo.parentChildChunkDelimiterTip')!}
+                      onChange={e => setParentChildConfig({
+                        ...parentChildConfig,
+                        child: {
+                          ...parentChildConfig.child,
+                          delimiter: e.target.value ? escape(e.target.value) : '',
+                        },
+                      })}
+                    />
+                    <MaxLengthInput
+                      unit="characters"
+                      value={parentChildConfig.child.maxLength}
+                      onChange={value => setParentChildConfig({
+                        ...parentChildConfig,
+                        child: {
+                          ...parentChildConfig.child,
+                          maxLength: value,
+                        },
+                      })}
+                    />
+                  </div>
+                </div>
+                <div>
+                  <div className="flex items-center gap-x-2">
+                    <div className="inline-flex shrink-0">
+                      <TextLabel>{t('datasetCreation.stepTwo.rules')}</TextLabel>
+                    </div>
+                    <Divider className="grow" bgStyle="gradient" />
+                  </div>
+                  <div className="mt-1">
+                    {rules.map(rule => (
+                      <div
+                        key={rule.id}
+                        className={s.ruleItem}
+                        onClick={() => {
+                          ruleChangeHandle(rule.id)
+                        }}
+                      >
+                        <Checkbox
+                          checked={rule.enabled}
+                        />
+                        <label className="system-sm-regular ml-2 cursor-pointer text-text-secondary">{getRuleName(rule.id)}</label>
+                      </div>
+                    ))}
+                  </div>
                 </div>
               </div>
-            </div>
-          </OptionCard>}
-        <Divider className='my-5' />
-        <div className={'system-md-semibold mb-1 text-text-secondary'}>{t('datasetCreation.stepTwo.indexMode')}</div>
-        <div className='flex items-center gap-2'>
+            </OptionCard>
+          )
+        }
+        <Divider className="my-5" />
+        <div className="system-md-semibold mb-1 text-text-secondary">{t('datasetCreation.stepTwo.indexMode')}</div>
+        <div className="flex items-center gap-2">
           {(!hasSetIndexType || (hasSetIndexType && indexingType === IndexingType.QUALIFIED)) && (
             <OptionCard
-              className='flex-1 self-stretch'
-              title={<div className='flex items-center'>
-                {t('datasetCreation.stepTwo.qualified')}
-                <Badge className={cn('ml-1 h-[18px]', (!hasSetIndexType && indexType === IndexingType.QUALIFIED) ? 'border-text-accent-secondary text-text-accent-secondary' : '')} uppercase>
-                  {t('datasetCreation.stepTwo.recommend')}
-                </Badge>
-                <span className='ml-auto'>
-                  {!hasSetIndexType && <span className={cn(s.radio)} />}
-                </span>
-              </div>}
+              className="flex-1 self-stretch"
+              title={(
+                <div className="flex items-center">
+                  {t('datasetCreation.stepTwo.qualified')}
+                  <Badge className={cn('ml-1 h-[18px]', (!hasSetIndexType && indexType === IndexingType.QUALIFIED) ? 'border-text-accent-secondary text-text-accent-secondary' : '')} uppercase>
+                    {t('datasetCreation.stepTwo.recommend')}
+                  </Badge>
+                  <span className="ml-auto">
+                    {!hasSetIndexType && <span className={cn(s.radio)} />}
+                  </span>
+                </div>
+              )}
               description={t('datasetCreation.stepTwo.qualifiedTip')}
-              icon={<Image src={indexMethodIcon.high_quality} alt='' />}
+              icon={<Image src={indexMethodIcon.high_quality} alt="" />}
               isActive={!hasSetIndexType && indexType === IndexingType.QUALIFIED}
               disabled={hasSetIndexType}
               onSwitched={() => {
@@ -894,50 +914,56 @@ const StepTwo = ({
 
           {(!hasSetIndexType || (hasSetIndexType && indexingType === IndexingType.ECONOMICAL)) && (
             <>
-              <CustomDialog show={isQAConfirmDialogOpen} onClose={() => setIsQAConfirmDialogOpen(false)} className='w-[432px]'>
-                <header className='mb-4 pt-6'>
-                  <h2 className='text-lg font-semibold text-text-primary'>
+              <CustomDialog show={isQAConfirmDialogOpen} onClose={() => setIsQAConfirmDialogOpen(false)} className="w-[432px]">
+                <header className="mb-4 pt-6">
+                  <h2 className="text-lg font-semibold text-text-primary">
                     {t('datasetCreation.stepTwo.qaSwitchHighQualityTipTitle')}
                   </h2>
-                  <p className='mt-2 text-sm font-normal text-text-secondary'>
+                  <p className="mt-2 text-sm font-normal text-text-secondary">
                     {t('datasetCreation.stepTwo.qaSwitchHighQualityTipContent')}
                   </p>
                 </header>
-                <div className='flex gap-2 pb-6'>
-                  <Button className='ml-auto' onClick={() => {
-                    setIsQAConfirmDialogOpen(false)
-                  }}>
+                <div className="flex gap-2 pb-6">
+                  <Button
+                    className="ml-auto"
+                    onClick={() => {
+                      setIsQAConfirmDialogOpen(false)
+                    }}
+                  >
                     {t('datasetCreation.stepTwo.cancel')}
                   </Button>
-                  <Button variant={'primary'} onClick={() => {
-                    setIsQAConfirmDialogOpen(false)
-                    setIndexType(IndexingType.QUALIFIED)
-                    setDocForm(ChunkingMode.qa)
-                  }}>
+                  <Button
+                    variant="primary"
+                    onClick={() => {
+                      setIsQAConfirmDialogOpen(false)
+                      setIndexType(IndexingType.QUALIFIED)
+                      setDocForm(ChunkingMode.qa)
+                    }}
+                  >
                     {t('datasetCreation.stepTwo.switch')}
                   </Button>
                 </div>
               </CustomDialog>
               <Tooltip
-                popupContent={
-                  <div className='rounded-lg border-components-panel-border bg-components-tooltip-bg p-3 text-xs font-medium text-text-secondary shadow-lg'>
+                popupContent={(
+                  <div className="rounded-lg border-components-panel-border bg-components-tooltip-bg p-3 text-xs font-medium text-text-secondary shadow-lg">
                     {
                       docForm === ChunkingMode.qa
                         ? t('datasetCreation.stepTwo.notAvailableForQA')
                         : t('datasetCreation.stepTwo.notAvailableForParentChild')
                     }
                   </div>
-                }
+                )}
                 noDecoration
-                position='top'
+                position="top"
                 asChild={false}
-                triggerClassName='flex-1 self-stretch'
+                triggerClassName="flex-1 self-stretch"
               >
                 <OptionCard
-                  className='h-full'
+                  className="h-full"
                   title={t('datasetCreation.stepTwo.economical')}
                   description={t('datasetCreation.stepTwo.economicalTip')}
-                  icon={<Image src={indexMethodIcon.economical} alt='' />}
+                  icon={<Image src={indexMethodIcon.economical} alt="" />}
                   isActive={!hasSetIndexType && indexType === IndexingType.ECONOMICAL}
                   disabled={hasSetIndexType || docForm !== ChunkingMode.text}
                   onSwitched={() => {
@@ -945,26 +971,27 @@ const StepTwo = ({
                   }}
                 />
               </Tooltip>
-            </>)}
+            </>
+          )}
         </div>
         {!hasSetIndexType && indexType === IndexingType.QUALIFIED && (
-          <div className='mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]'>
-            <div className='absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40'></div>
-            <div className='p-1'>
-              <AlertTriangle className='size-4 text-text-warning-secondary' />
+          <div className="mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]">
+            <div className="absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40"></div>
+            <div className="p-1">
+              <AlertTriangle className="size-4 text-text-warning-secondary" />
             </div>
-            <span className='system-xs-medium text-text-primary'>{t('datasetCreation.stepTwo.highQualityTip')}</span>
+            <span className="system-xs-medium text-text-primary">{t('datasetCreation.stepTwo.highQualityTip')}</span>
           </div>
         )}
         {hasSetIndexType && indexType === IndexingType.ECONOMICAL && (
-          <div className='system-xs-medium mt-2 text-text-tertiary'>
+          <div className="system-xs-medium mt-2 text-text-tertiary">
             {t('datasetCreation.stepTwo.indexSettingTip')}
-            <Link className='text-text-accent' href={`/datasets/${datasetId}/settings`}>{t('datasetCreation.stepTwo.datasetSettingLink')}</Link>
+            <Link className="text-text-accent" href={`/datasets/${datasetId}/settings`}>{t('datasetCreation.stepTwo.datasetSettingLink')}</Link>
           </div>
         )}
         {/* Embedding model */}
         {indexType === IndexingType.QUALIFIED && (
-          <div className='mt-5'>
+          <div className="mt-5">
             <div className={cn('system-md-semibold mb-1 text-text-secondary', datasetId && 'flex items-center justify-between')}>{t('datasetSettings.form.embeddingModel')}</div>
             <ModelSelector
               readonly={isModelAndRetrievalConfigDisabled}
@@ -976,148 +1003,160 @@ const StepTwo = ({
               }}
             />
             {isModelAndRetrievalConfigDisabled && (
-              <div className='system-xs-medium mt-2 text-text-tertiary'>
+              <div className="system-xs-medium mt-2 text-text-tertiary">
                 {t('datasetCreation.stepTwo.indexSettingTip')}
-                <Link className='text-text-accent' href={`/datasets/${datasetId}/settings`}>{t('datasetCreation.stepTwo.datasetSettingLink')}</Link>
+                <Link className="text-text-accent" href={`/datasets/${datasetId}/settings`}>{t('datasetCreation.stepTwo.datasetSettingLink')}</Link>
               </div>
             )}
           </div>
         )}
-        <Divider className='my-5' />
+        <Divider className="my-5" />
         {/* Retrieval Method Config */}
         <div>
           {!isModelAndRetrievalConfigDisabled
             ? (
-              <div className={'mb-1'}>
-                <div className='system-md-semibold mb-0.5 text-text-secondary'>{t('datasetSettings.form.retrievalSetting.title')}</div>
-                <div className='body-xs-regular text-text-tertiary'>
-                  <a target='_blank' rel='noopener noreferrer'
-                    href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents')}
-                    className='text-text-accent'>{t('datasetSettings.form.retrievalSetting.learnMore')}</a>
-                  {t('datasetSettings.form.retrievalSetting.longDescription')}
+                <div className="mb-1">
+                  <div className="system-md-semibold mb-0.5 text-text-secondary">{t('datasetSettings.form.retrievalSetting.title')}</div>
+                  <div className="body-xs-regular text-text-tertiary">
+                    <a
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents')}
+                      className="text-text-accent"
+                    >
+                      {t('datasetSettings.form.retrievalSetting.learnMore')}
+                    </a>
+                    {t('datasetSettings.form.retrievalSetting.longDescription')}
+                  </div>
                 </div>
-              </div>
-            )
+              )
             : (
-              <div className={cn('system-md-semibold mb-0.5 text-text-secondary', 'flex items-center justify-between')}>
-                <div>{t('datasetSettings.form.retrievalSetting.title')}</div>
-              </div>
-            )}
+                <div className={cn('system-md-semibold mb-0.5 text-text-secondary', 'flex items-center justify-between')}>
+                  <div>{t('datasetSettings.form.retrievalSetting.title')}</div>
+                </div>
+              )}
 
-          <div className=''>
+          <div className="">
             {
               getIndexing_technique() === IndexingType.QUALIFIED
                 ? (
-                  <RetrievalMethodConfig
-                    disabled={isModelAndRetrievalConfigDisabled}
-                    value={retrievalConfig}
-                    onChange={setRetrievalConfig}
-                    showMultiModalTip={showMultiModalTip}
-                  />
-                )
+                    <RetrievalMethodConfig
+                      disabled={isModelAndRetrievalConfigDisabled}
+                      value={retrievalConfig}
+                      onChange={setRetrievalConfig}
+                      showMultiModalTip={showMultiModalTip}
+                    />
+                  )
                 : (
-                  <EconomicalRetrievalMethodConfig
-                    disabled={isModelAndRetrievalConfigDisabled}
-                    value={retrievalConfig}
-                    onChange={setRetrievalConfig}
-                  />
-                )
+                    <EconomicalRetrievalMethodConfig
+                      disabled={isModelAndRetrievalConfigDisabled}
+                      value={retrievalConfig}
+                      onChange={setRetrievalConfig}
+                    />
+                  )
             }
           </div>
         </div>
 
         {!isSetting
           ? (
-            <div className='mt-8 flex items-center py-2'>
-              <Button onClick={() => onStepChange?.(-1)}>
-                <RiArrowLeftLine className='mr-1 h-4 w-4' />
-                {t('datasetCreation.stepTwo.previousStep')}
-              </Button>
-              <Button className='ml-auto' loading={isCreating} variant='primary' onClick={createHandle}>{t('datasetCreation.stepTwo.nextStep')}</Button>
-            </div>
-          )
+              <div className="mt-8 flex items-center py-2">
+                <Button onClick={() => onStepChange?.(-1)}>
+                  <RiArrowLeftLine className="mr-1 h-4 w-4" />
+                  {t('datasetCreation.stepTwo.previousStep')}
+                </Button>
+                <Button className="ml-auto" loading={isCreating} variant="primary" onClick={createHandle}>{t('datasetCreation.stepTwo.nextStep')}</Button>
+              </div>
+            )
           : (
-            <div className='mt-8 flex items-center py-2'>
-              <Button loading={isCreating} variant='primary' onClick={createHandle}>{t('datasetCreation.stepTwo.save')}</Button>
-              <Button className='ml-2' onClick={onCancel}>{t('datasetCreation.stepTwo.cancel')}</Button>
-            </div>
-          )}
+              <div className="mt-8 flex items-center py-2">
+                <Button loading={isCreating} variant="primary" onClick={createHandle}>{t('datasetCreation.stepTwo.save')}</Button>
+                <Button className="ml-2" onClick={onCancel}>{t('datasetCreation.stepTwo.cancel')}</Button>
+              </div>
+            )}
       </div>
       <FloatRightContainer isMobile={isMobile} isOpen={true} onClose={noop} footer={null}>
         <PreviewContainer
-          header={<PreviewHeader
-            title={t('datasetCreation.stepTwo.preview')}
-          >
-            <div className='flex items-center gap-1'>
-              {dataSourceType === DataSourceType.FILE
-                && <PreviewDocumentPicker
-                  files={files as Array<Required<CustomFile>>}
-                  onChange={(selected) => {
-                    currentEstimateMutation.reset()
-                    setPreviewFile(selected)
-                    currentEstimateMutation.mutate()
-                  }}
-                  // when it is from setting, it just has one file
-                  value={isSetting ? (files[0]! as Required<CustomFile>) : previewFile}
-                />
-              }
-              {dataSourceType === DataSourceType.NOTION
-                && <PreviewDocumentPicker
-                  files={
-                    notionPages.map(page => ({
-                      id: page.page_id,
-                      name: page.page_name,
-                      extension: 'md',
-                    }))
-                  }
-                  onChange={(selected) => {
-                    currentEstimateMutation.reset()
-                    const selectedPage = notionPages.find(page => page.page_id === selected.id)
-                    setPreviewNotionPage(selectedPage!)
-                    currentEstimateMutation.mutate()
-                  }}
-                  value={{
-                    id: previewNotionPage?.page_id || '',
-                    name: previewNotionPage?.page_name || '',
-                    extension: 'md',
-                  }}
-                />
-              }
-              {dataSourceType === DataSourceType.WEB
-                && <PreviewDocumentPicker
-                  files={
-                    websitePages.map(page => ({
-                      id: page.source_url,
-                      name: page.title,
-                      extension: 'md',
-                    }))
-                  }
-                  onChange={(selected) => {
-                    currentEstimateMutation.reset()
-                    const selectedPage = websitePages.find(page => page.source_url === selected.id)
-                    setPreviewWebsitePage(selectedPage!)
-                    currentEstimateMutation.mutate()
-                  }}
-                  value={
-                    {
-                      id: previewWebsitePage?.source_url || '',
-                      name: previewWebsitePage?.title || '',
-                      extension: 'md',
-                    }
-                  }
-                />
-              }
-              {
-                currentDocForm !== ChunkingMode.qa
-                && <Badge text={t('datasetCreation.stepTwo.previewChunkCount', {
-                  count: estimate?.total_segments || 0,
-                }) as string}
-                />
-              }
-            </div>
-          </PreviewHeader>}
+          header={(
+            <PreviewHeader
+              title={t('datasetCreation.stepTwo.preview')}
+            >
+              <div className="flex items-center gap-1">
+                {dataSourceType === DataSourceType.FILE
+                  && (
+                    <PreviewDocumentPicker
+                      files={files as Array<Required<CustomFile>>}
+                      onChange={(selected) => {
+                        currentEstimateMutation.reset()
+                        setPreviewFile(selected)
+                        currentEstimateMutation.mutate()
+                      }}
+                      // when it is from setting, it just has one file
+                      value={isSetting ? (files[0]! as Required<CustomFile>) : previewFile}
+                    />
+                  )}
+                {dataSourceType === DataSourceType.NOTION
+                  && (
+                    <PreviewDocumentPicker
+                      files={
+                        notionPages.map(page => ({
+                          id: page.page_id,
+                          name: page.page_name,
+                          extension: 'md',
+                        }))
+                      }
+                      onChange={(selected) => {
+                        currentEstimateMutation.reset()
+                        const selectedPage = notionPages.find(page => page.page_id === selected.id)
+                        setPreviewNotionPage(selectedPage!)
+                        currentEstimateMutation.mutate()
+                      }}
+                      value={{
+                        id: previewNotionPage?.page_id || '',
+                        name: previewNotionPage?.page_name || '',
+                        extension: 'md',
+                      }}
+                    />
+                  )}
+                {dataSourceType === DataSourceType.WEB
+                  && (
+                    <PreviewDocumentPicker
+                      files={
+                        websitePages.map(page => ({
+                          id: page.source_url,
+                          name: page.title,
+                          extension: 'md',
+                        }))
+                      }
+                      onChange={(selected) => {
+                        currentEstimateMutation.reset()
+                        const selectedPage = websitePages.find(page => page.source_url === selected.id)
+                        setPreviewWebsitePage(selectedPage!)
+                        currentEstimateMutation.mutate()
+                      }}
+                      value={
+                        {
+                          id: previewWebsitePage?.source_url || '',
+                          name: previewWebsitePage?.title || '',
+                          extension: 'md',
+                        }
+                      }
+                    />
+                  )}
+                {
+                  currentDocForm !== ChunkingMode.qa
+                  && (
+                    <Badge text={t('datasetCreation.stepTwo.previewChunkCount', {
+                      count: estimate?.total_segments || 0,
+                    }) as string}
+                    />
+                  )
+                }
+              </div>
+            </PreviewHeader>
+          )}
           className={cn('relative flex h-full w-1/2 shrink-0 p-4 pr-0', isMobile && 'w-full max-w-[524px]')}
-          mainClassName='space-y-6'
+          mainClassName="space-y-6"
         >
           {currentDocForm === ChunkingMode.qa && estimate?.qa_preview && (
             estimate?.qa_preview.map((item, index) => (
@@ -1162,8 +1201,8 @@ const StepTwo = ({
                           label={`C-${indexForLabel}`}
                           text={child}
                           tooltip={`Child-chunk-${indexForLabel} · ${child.length} Characters`}
-                          labelInnerClassName='text-[10px] font-semibold align-bottom leading-7'
-                          dividerClassName='leading-7'
+                          labelInnerClassName="text-[10px] font-semibold align-bottom leading-7"
+                          dividerClassName="leading-7"
                         />
                       )
                     })}
@@ -1173,17 +1212,17 @@ const StepTwo = ({
             })
           )}
           {currentEstimateMutation.isIdle && (
-            <div className='flex h-full w-full items-center justify-center'>
-              <div className='flex flex-col items-center justify-center gap-3'>
-                <RiSearchEyeLine className='size-10 text-text-empty-state-icon' />
-                <p className='text-sm text-text-tertiary'>
+            <div className="flex h-full w-full items-center justify-center">
+              <div className="flex flex-col items-center justify-center gap-3">
+                <RiSearchEyeLine className="size-10 text-text-empty-state-icon" />
+                <p className="text-sm text-text-tertiary">
                   {t('datasetCreation.stepTwo.previewChunkTip')}
                 </p>
               </div>
             </div>
           )}
           {currentEstimateMutation.isPending && (
-            <div className='space-y-6'>
+            <div className="space-y-6">
               {Array.from({ length: 10 }, (_, i) => (
                 <SkeletonContainer key={i}>
                   <SkeletonRow>
diff --git a/web/app/components/datasets/create/step-two/inputs.tsx b/web/app/components/datasets/create/step-two/inputs.tsx
index d6dc6e9d56..4c11835027 100644
--- a/web/app/components/datasets/create/step-two/inputs.tsx
+++ b/web/app/components/datasets/create/step-two/inputs.tsx
@@ -1,79 +1,96 @@
 import type { FC, PropsWithChildren, ReactNode } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { InputProps } from '@/app/components/base/input'
-import Input from '@/app/components/base/input'
-import Tooltip from '@/app/components/base/tooltip'
 import type { InputNumberProps } from '@/app/components/base/input-number'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
 import { InputNumber } from '@/app/components/base/input-number'
+import Tooltip from '@/app/components/base/tooltip'
 
 const TextLabel: FC<PropsWithChildren> = (props) => {
-  return <label className='text-xs font-semibold leading-none text-text-secondary'>{props.children}</label>
+  return <label className="text-xs font-semibold leading-none text-text-secondary">{props.children}</label>
 }
 
 const FormField: FC<PropsWithChildren<{ label: ReactNode }>> = (props) => {
-  return <div className='flex-1 space-y-2'>
-    <TextLabel>{props.label}</TextLabel>
-    {props.children}
-  </div>
+  return (
+    <div className="flex-1 space-y-2">
+      <TextLabel>{props.label}</TextLabel>
+      {props.children}
+    </div>
+  )
 }
 
 export const DelimiterInput: FC<InputProps & { tooltip?: string }> = (props) => {
   const { t } = useTranslation()
-  return <FormField label={<div className='mb-1 flex items-center'>
-    <span className='system-sm-semibold mr-0.5'>{t('datasetCreation.stepTwo.separator')}</span>
-    <Tooltip
-      popupContent={
-        <div className='max-w-[200px]'>
-          {props.tooltip || t('datasetCreation.stepTwo.separatorTip')}
-        </div>
-      }
-    />
-  </div>}>
-    <Input
-      type="text"
-      className='h-9'
-      placeholder={t('datasetCreation.stepTwo.separatorPlaceholder')!}
-      {...props}
-    />
-  </FormField>
+  return (
+    <FormField label={(
+      <div className="mb-1 flex items-center">
+        <span className="system-sm-semibold mr-0.5">{t('datasetCreation.stepTwo.separator')}</span>
+        <Tooltip
+          popupContent={(
+            <div className="max-w-[200px]">
+              {props.tooltip || t('datasetCreation.stepTwo.separatorTip')}
+            </div>
+          )}
+        />
+      </div>
+    )}
+    >
+      <Input
+        type="text"
+        className="h-9"
+        placeholder={t('datasetCreation.stepTwo.separatorPlaceholder')!}
+        {...props}
+      />
+    </FormField>
+  )
 }
 
 export const MaxLengthInput: FC<InputNumberProps> = (props) => {
   const maxValue = Number.parseInt(globalThis.document?.body?.getAttribute('data-public-indexing-max-segmentation-tokens-length') || '4000', 10)
 
   const { t } = useTranslation()
-  return <FormField label={<div className='system-sm-semibold mb-1'>
-    {t('datasetCreation.stepTwo.maxLength')}
-  </div>}>
-    <InputNumber
-      type="number"
-      size='large'
-      placeholder={`≤ ${maxValue}`}
-      max={maxValue}
-      min={1}
-      {...props}
-    />
-  </FormField>
+  return (
+    <FormField label={(
+      <div className="system-sm-semibold mb-1">
+        {t('datasetCreation.stepTwo.maxLength')}
+      </div>
+    )}
+    >
+      <InputNumber
+        type="number"
+        size="large"
+        placeholder={`≤ ${maxValue}`}
+        max={maxValue}
+        min={1}
+        {...props}
+      />
+    </FormField>
+  )
 }
 
 export const OverlapInput: FC<InputNumberProps> = (props) => {
   const { t } = useTranslation()
-  return <FormField label={<div className='mb-1 flex items-center'>
-    <span className='system-sm-semibold'>{t('datasetCreation.stepTwo.overlap')}</span>
-    <Tooltip
-      popupContent={
-        <div className='max-w-[200px]'>
-          {t('datasetCreation.stepTwo.overlapTip')}
-        </div>
-      }
-    />
-  </div>}>
-    <InputNumber
-      type="number"
-      size='large'
-      placeholder={t('datasetCreation.stepTwo.overlap') || ''}
-      min={1}
-      {...props}
-    />
-  </FormField>
+  return (
+    <FormField label={(
+      <div className="mb-1 flex items-center">
+        <span className="system-sm-semibold">{t('datasetCreation.stepTwo.overlap')}</span>
+        <Tooltip
+          popupContent={(
+            <div className="max-w-[200px]">
+              {t('datasetCreation.stepTwo.overlapTip')}
+            </div>
+          )}
+        />
+      </div>
+    )}
+    >
+      <InputNumber
+        type="number"
+        size="large"
+        placeholder={t('datasetCreation.stepTwo.overlap') || ''}
+        min={1}
+        {...props}
+      />
+    </FormField>
+  )
 }
diff --git a/web/app/components/datasets/create/step-two/language-select/index.spec.tsx b/web/app/components/datasets/create/step-two/language-select/index.spec.tsx
index bf865148b8..ba1097ecb4 100644
--- a/web/app/components/datasets/create/step-two/language-select/index.spec.tsx
+++ b/web/app/components/datasets/create/step-two/language-select/index.spec.tsx
@@ -1,8 +1,8 @@
+import type { ILanguageSelectProps } from './index'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
-import LanguageSelect from './index'
-import type { ILanguageSelectProps } from './index'
 import { languages } from '@/i18n-config/language'
+import LanguageSelect from './index'
 
 // Get supported languages for test assertions
 const supportedLanguages = languages.filter(lang => lang.supported)
diff --git a/web/app/components/datasets/create/step-two/language-select/index.tsx b/web/app/components/datasets/create/step-two/language-select/index.tsx
index da3807b95f..9de71c12b8 100644
--- a/web/app/components/datasets/create/step-two/language-select/index.tsx
+++ b/web/app/components/datasets/create/step-two/language-select/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { RiArrowDownSLine, RiCheckLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import Popover from '@/app/components/base/popover'
 import { languages } from '@/i18n-config/language'
+import { cn } from '@/utils/classnames'
 
 export type ILanguageSelectProps = {
   currentLanguage: string
@@ -20,42 +20,44 @@ const LanguageSelect: FC<ILanguageSelectProps> = ({
   return (
     <Popover
       manualClose
-      trigger='click'
+      trigger="click"
       disabled={disabled}
-      popupClassName='z-20'
-      htmlContent={
-        <div className='w-full p-1'>
+      popupClassName="z-20"
+      htmlContent={(
+        <div className="w-full p-1">
           {languages.filter(language => language.supported).map(({ prompt_name }) => (
             <div
               key={prompt_name}
-              className='inline-flex w-full cursor-pointer items-center justify-between rounded-lg px-3 py-2 hover:bg-state-base-hover'
+              className="inline-flex w-full cursor-pointer items-center justify-between rounded-lg px-3 py-2 hover:bg-state-base-hover"
               onClick={() => onSelect(prompt_name)}
             >
-              <span className='system-sm-medium text-text-secondary'>{prompt_name}</span>
-              {(currentLanguage === prompt_name) && <RiCheckLine className='size-4 text-text-accent' />}
+              <span className="system-sm-medium text-text-secondary">{prompt_name}</span>
+              {(currentLanguage === prompt_name) && <RiCheckLine className="size-4 text-text-accent" />}
             </div>
           ))}
         </div>
-      }
-      btnElement={
+      )}
+      btnElement={(
         <div className={cn('inline-flex items-center gap-x-[1px]', disabled && 'cursor-not-allowed')}>
           <span className={cn(
             'system-xs-semibold px-[3px] text-components-button-tertiary-text',
             disabled ? 'text-components-button-tertiary-text-disabled' : '',
-          )}>
+          )}
+          >
             {currentLanguage}
           </span>
           <RiArrowDownSLine className={cn(
             'size-3.5 text-components-button-tertiary-text',
             disabled ? 'text-components-button-tertiary-text-disabled' : '',
-          )} />
+          )}
+          />
         </div>
-      }
+      )}
       btnClassName={() => cn(
         '!hover:bg-components-button-tertiary-bg !mx-1 rounded-md !border-0 !bg-components-button-tertiary-bg !px-1.5 !py-1',
         disabled ? 'bg-components-button-tertiary-bg-disabled' : '',
       )}
-      className='!left-1 !z-20 h-fit !w-[140px] !translate-x-0'
+      className="!left-1 !z-20 h-fit !w-[140px] !translate-x-0"
     />
   )
 }
diff --git a/web/app/components/datasets/create/step-two/option-card.tsx b/web/app/components/datasets/create/step-two/option-card.tsx
index 9a43513df1..666ae43df9 100644
--- a/web/app/components/datasets/create/step-two/option-card.tsx
+++ b/web/app/components/datasets/create/step-two/option-card.tsx
@@ -20,25 +20,25 @@ type OptionCardHeaderProps = {
 
 export const OptionCardHeader: FC<OptionCardHeaderProps> = (props) => {
   const { icon, title, description, isActive, activeClassName, effectImg, disabled } = props
-  return <div className={cn('relative flex h-full overflow-hidden rounded-t-xl',
-    isActive && activeClassName,
-    !disabled && 'cursor-pointer')}>
-    <div className='relative flex size-14 items-center justify-center overflow-hidden'>
-      {isActive && effectImg && <Image src={effectImg} className='absolute left-0 top-0 h-full w-full' alt='' width={56} height={56} />}
-      <div className='p-1'>
-        <div className='flex size-8 justify-center rounded-lg border border-components-panel-border-subtle bg-background-default-dodge p-1.5 shadow-md'>
-          {icon}
+  return (
+    <div className={cn('relative flex h-full overflow-hidden rounded-t-xl', isActive && activeClassName, !disabled && 'cursor-pointer')}>
+      <div className="relative flex size-14 items-center justify-center overflow-hidden">
+        {isActive && effectImg && <Image src={effectImg} className="absolute left-0 top-0 h-full w-full" alt="" width={56} height={56} />}
+        <div className="p-1">
+          <div className="flex size-8 justify-center rounded-lg border border-components-panel-border-subtle bg-background-default-dodge p-1.5 shadow-md">
+            {icon}
+          </div>
         </div>
       </div>
+      <TriangleArrow
+        className={cn('absolute -bottom-1.5 left-4 text-transparent', isActive && 'text-components-panel-bg')}
+      />
+      <div className="flex-1 space-y-0.5 py-3 pr-4">
+        <div className="system-md-semibold text-text-secondary">{title}</div>
+        <div className="system-xs-regular text-text-tertiary">{description}</div>
+      </div>
     </div>
-    <TriangleArrow
-      className={cn('absolute -bottom-1.5 left-4 text-transparent', isActive && 'text-components-panel-bg')}
-    />
-    <div className='flex-1 space-y-0.5 py-3 pr-4'>
-      <div className='system-md-semibold text-text-secondary'>{title}</div>
-      <div className='system-xs-regular text-text-tertiary'>{description}</div>
-    </div>
-  </div>
+  )
 }
 
 type OptionCardProps = {
@@ -64,12 +64,9 @@ export const OptionCard: FC<OptionCardProps> = (
   const { icon, className, title, description, isActive, children, actions, activeHeaderClassName, style, effectImg, onSwitched, noHighlight, disabled, ...rest } = props
   return (
     <div
-      className={cn('rounded-xl bg-components-option-card-option-bg shadow-xs',
-        (isActive && !noHighlight)
-          ? 'border-[1.5px] border-components-option-card-option-selected-border'
-          : 'border border-components-option-card-option-border',
-        disabled && 'pointer-events-none opacity-50',
-        className)}
+      className={cn('rounded-xl bg-components-option-card-option-bg shadow-xs', (isActive && !noHighlight)
+        ? 'border-[1.5px] border-components-option-card-option-selected-border'
+        : 'border border-components-option-card-option-border', disabled && 'pointer-events-none opacity-50', className)}
       style={{
         ...style,
       }}
@@ -90,13 +87,16 @@ export const OptionCard: FC<OptionCardProps> = (
         disabled={disabled}
       />
       {/** Body */}
-      {isActive && (children || actions) && <div className='rounded-b-xl bg-components-panel-bg px-4 py-3'>
-        {children}
-        {actions && <div className='mt-4 flex gap-2'>
-          {actions}
+      {isActive && (children || actions) && (
+        <div className="rounded-b-xl bg-components-panel-bg px-4 py-3">
+          {children}
+          {actions && (
+            <div className="mt-4 flex gap-2">
+              {actions}
+            </div>
+          )}
         </div>
-        }
-      </div>}
+      )}
     </div>
   )
 }
diff --git a/web/app/components/datasets/create/step-two/preview-item/index.spec.tsx b/web/app/components/datasets/create/step-two/preview-item/index.spec.tsx
index 76471fdde1..911982b7b3 100644
--- a/web/app/components/datasets/create/step-two/preview-item/index.spec.tsx
+++ b/web/app/components/datasets/create/step-two/preview-item/index.spec.tsx
@@ -1,7 +1,7 @@
+import type { IPreviewItemProps } from './index'
 import { render, screen } from '@testing-library/react'
 import React from 'react'
 import PreviewItem, { PreviewType } from './index'
-import type { IPreviewItemProps } from './index'
 
 // Test data builder for props
 const createDefaultProps = (overrides?: Partial<IPreviewItemProps>): IPreviewItemProps => ({
diff --git a/web/app/components/datasets/create/step-two/preview-item/index.tsx b/web/app/components/datasets/create/step-two/preview-item/index.tsx
index 7c6c920378..67706fae4c 100644
--- a/web/app/components/datasets/create/step-two/preview-item/index.tsx
+++ b/web/app/components/datasets/create/step-two/preview-item/index.tsx
@@ -44,29 +44,33 @@ const PreviewItem: FC<IPreviewItemProps> = ({
   const formattedIndex = (() => String(index).padStart(3, '0'))()
 
   return (
-    <div className='rounded-xl bg-gray-50 p-4'>
-      <div className='flex h-5 items-center justify-between text-xs text-gray-500'>
-        <div className='box-border flex h-[18px] items-center space-x-1 rounded-md border border-gray-200 pl-1 pr-1.5 font-medium italic'>
+    <div className="rounded-xl bg-gray-50 p-4">
+      <div className="flex h-5 items-center justify-between text-xs text-gray-500">
+        <div className="box-border flex h-[18px] items-center space-x-1 rounded-md border border-gray-200 pl-1 pr-1.5 font-medium italic">
           {sharpIcon}
           <span>{formattedIndex}</span>
         </div>
-        <div className='flex items-center space-x-1'>
+        <div className="flex items-center space-x-1">
           {textIcon}
-          <span>{charNums} {t('datasetCreation.stepTwo.characters')}</span>
+          <span>
+            {charNums}
+            {' '}
+            {t('datasetCreation.stepTwo.characters')}
+          </span>
         </div>
       </div>
-      <div className='mt-2 line-clamp-6 max-h-[120px] overflow-hidden text-sm text-gray-800'>
+      <div className="mt-2 line-clamp-6 max-h-[120px] overflow-hidden text-sm text-gray-800">
         {type === PreviewType.TEXT && (
           <div style={{ whiteSpace: 'pre-line' }}>{content}</div>
         )}
         {type === PreviewType.QA && (
           <div style={{ whiteSpace: 'pre-line' }}>
-            <div className='flex'>
-              <div className='text-medium mr-2 shrink-0 text-gray-400'>Q</div>
+            <div className="flex">
+              <div className="text-medium mr-2 shrink-0 text-gray-400">Q</div>
               <div style={{ whiteSpace: 'pre-line' }}>{qa?.question}</div>
             </div>
-            <div className='flex'>
-              <div className='text-medium mr-2 shrink-0 text-gray-400'>A</div>
+            <div className="flex">
+              <div className="text-medium mr-2 shrink-0 text-gray-400">A</div>
               <div style={{ whiteSpace: 'pre-line' }}>{qa?.answer}</div>
             </div>
           </div>
diff --git a/web/app/components/datasets/create/stepper/index.spec.tsx b/web/app/components/datasets/create/stepper/index.spec.tsx
index cfd489e7c4..3a66a5f8f4 100644
--- a/web/app/components/datasets/create/stepper/index.spec.tsx
+++ b/web/app/components/datasets/create/stepper/index.spec.tsx
@@ -1,6 +1,8 @@
+import type { StepperProps } from './index'
+import type { Step, StepperStepProps } from './step'
 import { render, screen } from '@testing-library/react'
-import { Stepper, type StepperProps } from './index'
-import { type Step, StepperStep, type StepperStepProps } from './step'
+import { Stepper } from './index'
+import { StepperStep } from './step'
 
 // Test data factory for creating steps
 const createStep = (overrides: Partial<Step> = {}): Step => ({
diff --git a/web/app/components/datasets/create/stepper/index.tsx b/web/app/components/datasets/create/stepper/index.tsx
index 8882ec6e70..918e3b6a42 100644
--- a/web/app/components/datasets/create/stepper/index.tsx
+++ b/web/app/components/datasets/create/stepper/index.tsx
@@ -1,5 +1,6 @@
-import { type FC, Fragment } from 'react'
+import type { FC } from 'react'
 import type { Step } from './step'
+import { Fragment } from 'react'
 import { StepperStep } from './step'
 
 export type StepperProps = {
@@ -9,19 +10,21 @@ export type StepperProps = {
 
 export const Stepper: FC<StepperProps> = (props) => {
   const { steps, activeIndex } = props
-  return <div className='flex items-center gap-3'>
-    {steps.map((step, index) => {
-      const isLast = index === steps.length - 1
-      return (
-        <Fragment key={index}>
-          <StepperStep
-            {...step}
-            activeIndex={activeIndex}
-            index={index}
-          />
-          {!isLast && <div className='h-px w-4 bg-divider-deep' />}
-        </Fragment>
-      )
-    })}
-  </div>
+  return (
+    <div className="flex items-center gap-3">
+      {steps.map((step, index) => {
+        const isLast = index === steps.length - 1
+        return (
+          <Fragment key={index}>
+            <StepperStep
+              {...step}
+              activeIndex={activeIndex}
+              index={index}
+            />
+            {!isLast && <div className="h-px w-4 bg-divider-deep" />}
+          </Fragment>
+        )
+      })}
+    </div>
+  )
 }
diff --git a/web/app/components/datasets/create/stepper/step.tsx b/web/app/components/datasets/create/stepper/step.tsx
index 8169103348..a2a824f737 100644
--- a/web/app/components/datasets/create/stepper/step.tsx
+++ b/web/app/components/datasets/create/stepper/step.tsx
@@ -15,27 +15,31 @@ export const StepperStep: FC<StepperStepProps> = (props) => {
   const isActive = index === activeIndex
   const isDisabled = activeIndex < index
   const label = isActive ? `STEP ${index + 1}` : `${index + 1}`
-  return <div className='flex items-center gap-2'>
-    <div className={cn('inline-flex h-5 flex-col items-center justify-center gap-2 rounded-3xl py-1',
-      isActive
+  return (
+    <div className="flex items-center gap-2">
+      <div className={cn('inline-flex h-5 flex-col items-center justify-center gap-2 rounded-3xl py-1', isActive
         ? 'bg-state-accent-solid px-2'
         : !isDisabled
-          ? 'w-5 border border-text-quaternary'
-          : 'w-5 border border-divider-deep')}>
-      <div className={cn('system-2xs-semibold-uppercase text-center',
-        isActive
+            ? 'w-5 border border-text-quaternary'
+            : 'w-5 border border-divider-deep')}
+      >
+        <div className={cn('system-2xs-semibold-uppercase text-center', isActive
           ? 'text-text-primary-on-surface'
           : !isDisabled
-            ? 'text-text-tertiary'
-            : 'text-text-quaternary')}>
-        {label}
+              ? 'text-text-tertiary'
+              : 'text-text-quaternary')}
+        >
+          {label}
+        </div>
       </div>
-    </div>
-    <div className={cn('system-xs-medium-uppercase',
-      isActive
+      <div className={cn('system-xs-medium-uppercase', isActive
         ? 'system-xs-semibold-uppercase text-text-accent'
         : !isDisabled
-          ? 'text-text-tertiary'
-          : 'text-text-quaternary')}>{name}</div>
-  </div>
+            ? 'text-text-tertiary'
+            : 'text-text-quaternary')}
+      >
+        {name}
+      </div>
+    </div>
+  )
 }
diff --git a/web/app/components/datasets/create/stop-embedding-modal/index.tsx b/web/app/components/datasets/create/stop-embedding-modal/index.tsx
index 8fadf4d135..cb3a572b32 100644
--- a/web/app/components/datasets/create/stop-embedding-modal/index.tsx
+++ b/web/app/components/datasets/create/stop-embedding-modal/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import s from './index.module.css'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
 
 type IProps = {
   show: boolean
@@ -34,9 +34,9 @@ const StopEmbeddingModal = ({
       <span className={s.close} onClick={onHide} />
       <div className={s.title}>{t('datasetCreation.stepThree.modelTitle')}</div>
       <div className={s.content}>{t('datasetCreation.stepThree.modelContent')}</div>
-      <div className='flex flex-row-reverse'>
-        <Button className='ml-2 w-24' variant='primary' onClick={submit}>{t('datasetCreation.stepThree.modelButtonConfirm')}</Button>
-        <Button className='w-24' onClick={onHide}>{t('datasetCreation.stepThree.modelButtonCancel')}</Button>
+      <div className="flex flex-row-reverse">
+        <Button className="ml-2 w-24" variant="primary" onClick={submit}>{t('datasetCreation.stepThree.modelButtonConfirm')}</Button>
+        <Button className="w-24" onClick={onHide}>{t('datasetCreation.stepThree.modelButtonCancel')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/datasets/create/top-bar/index.spec.tsx b/web/app/components/datasets/create/top-bar/index.spec.tsx
index cd909e330a..ec16d7b892 100644
--- a/web/app/components/datasets/create/top-bar/index.spec.tsx
+++ b/web/app/components/datasets/create/top-bar/index.spec.tsx
@@ -1,9 +1,10 @@
+import type { TopBarProps } from './index'
 import { render, screen } from '@testing-library/react'
-import { TopBar, type TopBarProps } from './index'
+import { TopBar } from './index'
 
 // Mock next/link to capture href values
 vi.mock('next/link', () => ({
-  default: ({ children, href, replace, className }: { children: React.ReactNode; href: string; replace?: boolean; className?: string }) => (
+  default: ({ children, href, replace, className }: { children: React.ReactNode, href: string, replace?: boolean, className?: string }) => (
     <a href={href} data-replace={replace} className={className} data-testid="back-link">
       {children}
     </a>
diff --git a/web/app/components/datasets/create/top-bar/index.tsx b/web/app/components/datasets/create/top-bar/index.tsx
index 6d3064c350..3f30d9a8da 100644
--- a/web/app/components/datasets/create/top-bar/index.tsx
+++ b/web/app/components/datasets/create/top-bar/index.tsx
@@ -1,9 +1,11 @@
-import { type FC, useMemo } from 'react'
+import type { FC } from 'react'
+import type { StepperProps } from '../stepper'
 import { RiArrowLeftLine } from '@remixicon/react'
 import Link from 'next/link'
+import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Stepper, type StepperProps } from '../stepper'
 import { cn } from '@/utils/classnames'
+import { Stepper } from '../stepper'
 
 export type TopBarProps = Pick<StepperProps, 'activeIndex'> & {
   className?: string
@@ -24,24 +26,24 @@ export const TopBar: FC<TopBarProps> = (props) => {
     return datasetId ? `/datasets/${datasetId}/documents` : '/datasets'
   }, [datasetId])
 
-  return <div className={cn('relative flex h-[52px] shrink-0 items-center justify-between border-b border-b-divider-subtle', className)}>
-    <Link href={fallbackRoute} replace className="inline-flex h-12 items-center justify-start gap-1 py-2 pl-2 pr-6">
-      <div className='p-2'>
-        <RiArrowLeftLine className='size-4 text-text-primary' />
+  return (
+    <div className={cn('relative flex h-[52px] shrink-0 items-center justify-between border-b border-b-divider-subtle', className)}>
+      <Link href={fallbackRoute} replace className="inline-flex h-12 items-center justify-start gap-1 py-2 pl-2 pr-6">
+        <div className="p-2">
+          <RiArrowLeftLine className="size-4 text-text-primary" />
+        </div>
+        <p className="system-sm-semibold-uppercase text-text-primary">
+          {t('datasetCreation.steps.header.fallbackRoute')}
+        </p>
+      </Link>
+      <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
+        <Stepper
+          steps={Array.from({ length: 3 }, (_, i) => ({
+            name: t(STEP_T_MAP[i + 1]),
+          }))}
+          {...rest}
+        />
       </div>
-      <p className="system-sm-semibold-uppercase text-text-primary">
-        {t('datasetCreation.steps.header.fallbackRoute')}
-      </p>
-    </Link>
-    <div className={
-      'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'
-    }>
-      <Stepper
-        steps={Array.from({ length: 3 }, (_, i) => ({
-          name: t(STEP_T_MAP[i + 1]),
-        }))}
-        {...rest}
-      />
     </div>
-  </div>
+  )
 }
diff --git a/web/app/components/datasets/create/website/base.spec.tsx b/web/app/components/datasets/create/website/base.spec.tsx
index b5f03b17d8..3843aa780c 100644
--- a/web/app/components/datasets/create/website/base.spec.tsx
+++ b/web/app/components/datasets/create/website/base.spec.tsx
@@ -1,10 +1,10 @@
+import type { CrawlResultItem } from '@/models/datasets'
 import { fireEvent, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import Input from './base/input'
-import Header from './base/header'
 import CrawledResult from './base/crawled-result'
 import CrawledResultItem from './base/crawled-result-item'
-import type { CrawlResultItem } from '@/models/datasets'
+import Header from './base/header'
+import Input from './base/input'
 
 // ============================================================================
 // Test Data Factories
diff --git a/web/app/components/datasets/create/website/base/checkbox-with-label.tsx b/web/app/components/datasets/create/website/base/checkbox-with-label.tsx
index 54031a87d4..214cc9dc04 100644
--- a/web/app/components/datasets/create/website/base/checkbox-with-label.tsx
+++ b/web/app/components/datasets/create/website/base/checkbox-with-label.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import Checkbox from '@/app/components/base/checkbox'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -31,9 +31,9 @@ const CheckboxWithLabel: FC<Props> = ({
       {tooltip && (
         <Tooltip
           popupContent={
-            <div className='w-[200px]'>{tooltip}</div>
+            <div className="w-[200px]">{tooltip}</div>
           }
-          triggerClassName='ml-0.5 w-4 h-4'
+          triggerClassName="ml-0.5 w-4 h-4"
         />
       )}
     </label>
diff --git a/web/app/components/datasets/create/website/base/crawled-result-item.tsx b/web/app/components/datasets/create/website/base/crawled-result-item.tsx
index ae546f7757..47fdda193e 100644
--- a/web/app/components/datasets/create/website/base/crawled-result-item.tsx
+++ b/web/app/components/datasets/create/website/base/crawled-result-item.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlResultItem as CrawlResultItemType } from '@/models/datasets'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import type { CrawlResultItem as CrawlResultItemType } from '@/models/datasets'
-import Checkbox from '@/app/components/base/checkbox'
 import Button from '@/app/components/base/button'
+import Checkbox from '@/app/components/base/checkbox'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   payload: CrawlResultItemType
@@ -31,19 +31,19 @@ const CrawledResultItem: FC<Props> = ({
   }, [isChecked, onCheckChange])
   return (
     <div className={cn(isPreview ? 'bg-state-base-active' : 'group hover:bg-state-base-hover', 'cursor-pointer rounded-lg p-2')}>
-      <div className='relative flex'>
-        <div className='flex h-5 items-center'>
-          <Checkbox className='mr-2 shrink-0' checked={isChecked} onCheck={handleCheckChange} id={testId} />
+      <div className="relative flex">
+        <div className="flex h-5 items-center">
+          <Checkbox className="mr-2 shrink-0" checked={isChecked} onCheck={handleCheckChange} id={testId} />
         </div>
-        <div className='flex min-w-0 grow flex-col'>
+        <div className="flex min-w-0 grow flex-col">
           <div
-            className='truncate text-sm font-medium text-text-secondary'
+            className="truncate text-sm font-medium text-text-secondary"
             title={payload.title}
           >
             {payload.title}
           </div>
           <div
-            className='mt-0.5 truncate text-xs text-text-tertiary'
+            className="mt-0.5 truncate text-xs text-text-tertiary"
             title={payload.source_url}
           >
             {payload.source_url}
@@ -51,7 +51,7 @@ const CrawledResultItem: FC<Props> = ({
         </div>
         <Button
           onClick={onPreview}
-          className='right-0 top-0 hidden h-6 px-1.5 text-xs font-medium uppercase group-hover:absolute group-hover:block'
+          className="right-0 top-0 hidden h-6 px-1.5 text-xs font-medium uppercase group-hover:absolute group-hover:block"
         >
           {t('datasetCreation.stepOne.website.preview')}
         </Button>
diff --git a/web/app/components/datasets/create/website/base/crawled-result.tsx b/web/app/components/datasets/create/website/base/crawled-result.tsx
index 34a702445c..987958c5c5 100644
--- a/web/app/components/datasets/create/website/base/crawled-result.tsx
+++ b/web/app/components/datasets/create/website/base/crawled-result.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlResultItem } from '@/models/datasets'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import CheckboxWithLabel from './checkbox-with-label'
 import CrawledResultItem from './crawled-result-item'
-import { cn } from '@/utils/classnames'
-import type { CrawlResultItem } from '@/models/datasets'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -58,22 +58,22 @@ const CrawledResult: FC<Props> = ({
 
   return (
     <div className={cn(className, 'border-t-[0.5px] border-divider-regular shadow-xs shadow-shadow-shadow-3')}>
-      <div className='flex h-[34px] items-center justify-between px-4'>
+      <div className="flex h-[34px] items-center justify-between px-4">
         <CheckboxWithLabel
           isChecked={isCheckAll}
           onChange={handleCheckedAll}
           label={isCheckAll ? t(`${I18N_PREFIX}.resetAll`) : t(`${I18N_PREFIX}.selectAll`)}
-          labelClassName='system-[13px] leading-[16px] font-medium text-text-secondary'
-          testId='select-all'
+          labelClassName="system-[13px] leading-[16px] font-medium text-text-secondary"
+          testId="select-all"
         />
-        <div className='text-xs text-text-tertiary'>
+        <div className="text-xs text-text-tertiary">
           {t(`${I18N_PREFIX}.scrapTimeInfo`, {
             total: list.length,
             time: usedTime.toFixed(1),
           })}
         </div>
       </div>
-      <div className='p-2'>
+      <div className="p-2">
         {list.map((item, index) => (
           <CrawledResultItem
             key={item.source_url}
diff --git a/web/app/components/datasets/create/website/base/crawling.tsx b/web/app/components/datasets/create/website/base/crawling.tsx
index 915f17ddb8..80642ad2f4 100644
--- a/web/app/components/datasets/create/website/base/crawling.tsx
+++ b/web/app/components/datasets/create/website/base/crawling.tsx
@@ -19,15 +19,20 @@ const Crawling: FC<Props> = ({
 
   return (
     <div className={className}>
-      <div className='flex h-[34px] items-center border-y-[0.5px] border-divider-regular px-4
-        text-xs text-text-tertiary shadow-xs shadow-shadow-shadow-3'>
-        {t('datasetCreation.stepOne.website.totalPageScraped')} {crawledNum}/{totalNum}
+      <div className="flex h-[34px] items-center border-y-[0.5px] border-divider-regular px-4
+        text-xs text-text-tertiary shadow-xs shadow-shadow-shadow-3"
+      >
+        {t('datasetCreation.stepOne.website.totalPageScraped')}
+        {' '}
+        {crawledNum}
+        /
+        {totalNum}
       </div>
 
-      <div className='p-2'>
+      <div className="p-2">
         {['', '', '', ''].map((item, index) => (
-          <div className='py-[5px]' key={index}>
-            <RowStruct className='text-text-quaternary' />
+          <div className="py-[5px]" key={index}>
+            <RowStruct className="text-text-quaternary" />
           </div>
         ))}
       </div>
diff --git a/web/app/components/datasets/create/website/base/error-message.tsx b/web/app/components/datasets/create/website/base/error-message.tsx
index 4a88dfe79e..d021d1431c 100644
--- a/web/app/components/datasets/create/website/base/error-message.tsx
+++ b/web/app/components/datasets/create/website/base/error-message.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -17,12 +17,12 @@ const ErrorMessage: FC<Props> = ({
 }) => {
   return (
     <div className={cn(className, 'border-t border-divider-subtle bg-dataset-warning-message-bg px-4 py-2 opacity-40')}>
-      <div className='flex h-5 items-center'>
-        <AlertTriangle className='mr-2 h-4 w-4 text-text-warning-secondary' />
-        <div className='system-md-medium text-text-warning'>{title}</div>
+      <div className="flex h-5 items-center">
+        <AlertTriangle className="mr-2 h-4 w-4 text-text-warning-secondary" />
+        <div className="system-md-medium text-text-warning">{title}</div>
       </div>
       {errorMsg && (
-        <div className='system-xs-regular mt-1 pl-6 text-text-secondary'>{errorMsg}</div>
+        <div className="system-xs-regular mt-1 pl-6 text-text-secondary">{errorMsg}</div>
       )}
     </div>
   )
diff --git a/web/app/components/datasets/create/website/base/field.tsx b/web/app/components/datasets/create/website/base/field.tsx
index 5db048c6b9..76671b65f7 100644
--- a/web/app/components/datasets/create/website/base/field.tsx
+++ b/web/app/components/datasets/create/website/base/field.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import Input from './input'
-import { cn } from '@/utils/classnames'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
+import Input from './input'
 
 type Props = {
   className?: string
@@ -30,15 +30,18 @@ const Field: FC<Props> = ({
 }) => {
   return (
     <div className={cn(className)}>
-      <div className='flex py-[7px]'>
-        <div className={cn(labelClassName, 'flex h-[16px] items-center text-[13px] font-semibold text-text-secondary')}>{label} </div>
-        {isRequired && <span className='ml-0.5 text-xs font-semibold text-text-destructive'>*</span>}
+      <div className="flex py-[7px]">
+        <div className={cn(labelClassName, 'flex h-[16px] items-center text-[13px] font-semibold text-text-secondary')}>
+          {label}
+          {' '}
+        </div>
+        {isRequired && <span className="ml-0.5 text-xs font-semibold text-text-destructive">*</span>}
         {tooltip && (
           <Tooltip
             popupContent={
-              <div className='w-[200px]'>{tooltip}</div>
+              <div className="w-[200px]">{tooltip}</div>
             }
-            triggerClassName='ml-0.5 w-4 h-4'
+            triggerClassName="ml-0.5 w-4 h-4"
           />
         )}
       </div>
diff --git a/web/app/components/datasets/create/website/base/header.tsx b/web/app/components/datasets/create/website/base/header.tsx
index c5aa95189f..92f50a0989 100644
--- a/web/app/components/datasets/create/website/base/header.tsx
+++ b/web/app/components/datasets/create/website/base/header.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
-import Divider from '@/app/components/base/divider'
-import Button from '@/app/components/base/button'
-import { cn } from '@/utils/classnames'
 import { RiBookOpenLine, RiEqualizer2Line } from '@remixicon/react'
+import React from 'react'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { cn } from '@/utils/classnames'
 
 type HeaderProps = {
   isInPipeline?: boolean
@@ -22,37 +22,38 @@ const Header = ({
   docLink,
 }: HeaderProps) => {
   return (
-    <div className='flex items-center gap-x-2'>
-      <div className='flex shrink-0 grow items-center gap-x-1'>
+    <div className="flex items-center gap-x-2">
+      <div className="flex shrink-0 grow items-center gap-x-1">
         <div className={cn(
           'text-text-secondary',
           isInPipeline ? 'system-sm-semibold' : 'system-md-semibold',
-        )}>
+        )}
+        >
           {title}
         </div>
-        <Divider type='vertical' className='mx-1 h-3.5' />
+        <Divider type="vertical" className="mx-1 h-3.5" />
         <Button
-          variant='secondary'
-          size='small'
+          variant="secondary"
+          size="small"
           className={cn(isInPipeline ? 'size-6 px-1' : 'gap-x-0.5 px-1.5')}
           onClick={onClickConfiguration}
         >
-          <RiEqualizer2Line className='size-4' />
+          <RiEqualizer2Line className="size-4" />
           {!isInPipeline && (
-            <span className='system-xs-medium'>
+            <span className="system-xs-medium">
               {buttonText}
             </span>
           )}
         </Button>
       </div>
       <a
-        className='system-xs-medium flex items-center gap-x-1 overflow-hidden text-text-accent'
+        className="system-xs-medium flex items-center gap-x-1 overflow-hidden text-text-accent"
         href={docLink}
-        target='_blank'
-        rel='noopener noreferrer'
+        target="_blank"
+        rel="noopener noreferrer"
       >
-        <RiBookOpenLine className='size-3.5 shrink-0' />
-        <span className='grow truncate' title={docTitle}>{docTitle}</span>
+        <RiBookOpenLine className="size-3.5 shrink-0" />
+        <span className="grow truncate" title={docTitle}>{docTitle}</span>
       </a>
     </div>
   )
diff --git a/web/app/components/datasets/create/website/base/input.tsx b/web/app/components/datasets/create/website/base/input.tsx
index 7bd17074e1..64288f2872 100644
--- a/web/app/components/datasets/create/website/base/input.tsx
+++ b/web/app/components/datasets/create/website/base/input.tsx
@@ -50,12 +50,12 @@ const Input: FC<Props> = ({
       {...otherOption}
       value={value}
       onChange={handleChange}
-      className='system-xs-regular focus:bg-components-inout-border-active flex h-8 w-full rounded-lg border border-transparent
+      className="system-xs-regular focus:bg-components-inout-border-active flex h-8 w-full rounded-lg border border-transparent
       bg-components-input-bg-normal p-2 text-components-input-text-filled
         caret-[#295eff] placeholder:text-components-input-text-placeholder hover:border
         hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border focus:border-components-input-border-active
         focus:shadow-xs focus:shadow-shadow-shadow-3
-        focus-visible:outline-none'
+        focus-visible:outline-none"
       placeholder={placeholder}
     />
   )
diff --git a/web/app/components/datasets/create/website/base/options-wrap.tsx b/web/app/components/datasets/create/website/base/options-wrap.tsx
index 9428782fdb..50701251e1 100644
--- a/web/app/components/datasets/create/website/base/options-wrap.tsx
+++ b/web/app/components/datasets/create/website/base/options-wrap.tsx
@@ -1,11 +1,12 @@
 'use client'
-import { useBoolean } from 'ahooks'
 import type { FC } from 'react'
+import { RiEqualizer2Line } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
 import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiEqualizer2Line } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
+import { cn } from '@/utils/classnames'
+
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
 type Props = {
@@ -33,17 +34,17 @@ const OptionsWrap: FC<Props> = ({
   return (
     <div className={cn(className, !fold ? 'mb-0' : 'mb-3')}>
       <div
-        className='flex h-[26px] cursor-pointer select-none items-center gap-x-1 py-1'
+        className="flex h-[26px] cursor-pointer select-none items-center gap-x-1 py-1"
         onClick={foldToggle}
       >
-        <div className='flex grow items-center'>
-          <RiEqualizer2Line className='mr-1 h-4 w-4 text-text-secondary' />
-          <span className='text-[13px] font-semibold uppercase leading-[16px] text-text-secondary'>{t(`${I18N_PREFIX}.options`)}</span>
+        <div className="flex grow items-center">
+          <RiEqualizer2Line className="mr-1 h-4 w-4 text-text-secondary" />
+          <span className="text-[13px] font-semibold uppercase leading-[16px] text-text-secondary">{t(`${I18N_PREFIX}.options`)}</span>
         </div>
         <ChevronRight className={cn(!fold && 'rotate-90', 'h-4 w-4 shrink-0 text-text-tertiary')} />
       </div>
       {!fold && (
-        <div className='mb-4'>
+        <div className="mb-4">
           {children}
         </div>
       )}
diff --git a/web/app/components/datasets/create/website/base/url-input.tsx b/web/app/components/datasets/create/website/base/url-input.tsx
index ab965bebc3..1137c8d1c4 100644
--- a/web/app/components/datasets/create/website/base/url-input.tsx
+++ b/web/app/components/datasets/create/website/base/url-input.tsx
@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Input from './input'
 import Button from '@/app/components/base/button'
 import { useDocLink } from '@/context/i18n'
+import Input from './input'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -30,17 +30,17 @@ const UrlInput: FC<Props> = ({
   }, [isRunning, onRun, url])
 
   return (
-    <div className='flex items-center justify-between gap-x-2'>
+    <div className="flex items-center justify-between gap-x-2">
       <Input
         value={url}
         onChange={handleUrlChange}
         placeholder={docLink()}
       />
       <Button
-        variant='primary'
+        variant="primary"
         onClick={handleOnRun}
         loading={isRunning}
-        spinnerClassName='!ml-0'
+        spinnerClassName="!ml-0"
       >
         {!isRunning ? t(`${I18N_PREFIX}.run`) : ''}
       </Button>
diff --git a/web/app/components/datasets/create/website/firecrawl/index.tsx b/web/app/components/datasets/create/website/firecrawl/index.tsx
index 17d8d6416e..c1146e8add 100644
--- a/web/app/components/datasets/create/website/firecrawl/index.tsx
+++ b/web/app/components/datasets/create/website/firecrawl/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import UrlInput from '../base/url-input'
-import OptionsWrap from '../base/options-wrap'
+import Toast from '@/app/components/base/toast'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useModalContextSelector } from '@/context/modal-context'
+import { checkFirecrawlTaskStatus, createFirecrawlTask } from '@/service/datasets'
+import { sleep } from '@/utils'
 import CrawledResult from '../base/crawled-result'
 import Crawling from '../base/crawling'
 import ErrorMessage from '../base/error-message'
-import Options from './options'
-import { useModalContextSelector } from '@/context/modal-context'
-import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
-import Toast from '@/app/components/base/toast'
-import { checkFirecrawlTaskStatus, createFirecrawlTask } from '@/service/datasets'
-import { sleep } from '@/utils'
 import Header from '../base/header'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import OptionsWrap from '../base/options-wrap'
+import UrlInput from '../base/url-input'
+import Options from './options'
 
 const ERROR_I18N_PREFIX = 'common.errorMsg'
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
@@ -187,38 +187,41 @@ const FireCrawl: FC<Props> = ({
         title={t(`${I18N_PREFIX}.firecrawlTitle`)}
         buttonText={t(`${I18N_PREFIX}.configureFirecrawl`)}
         docTitle={t(`${I18N_PREFIX}.firecrawlDoc`)}
-        docLink={'https://docs.firecrawl.dev/introduction'}
+        docLink="https://docs.firecrawl.dev/introduction"
       />
-      <div className='mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle p-4 pb-0'>
+      <div className="mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle p-4 pb-0">
         <UrlInput onRun={handleRun} isRunning={isRunning} />
         <OptionsWrap
-          className='mt-4'
+          className="mt-4"
           controlFoldOptions={controlFoldOptions}
         >
-          <Options className='mt-2' payload={crawlOptions} onChange={onCrawlOptionsChange} />
+          <Options className="mt-2" payload={crawlOptions} onChange={onCrawlOptionsChange} />
         </OptionsWrap>
 
         {!isInit && (
-          <div className='relative left-[-16px] mt-3 w-[calc(100%_+_32px)] rounded-b-xl'>
+          <div className="relative left-[-16px] mt-3 w-[calc(100%_+_32px)] rounded-b-xl">
             {isRunning
-              && <Crawling
-                className='mt-2'
-                crawledNum={crawlResult?.current || 0}
-                totalNum={crawlResult?.total || Number.parseFloat(crawlOptions.limit as string) || 0}
-              />}
+              && (
+                <Crawling
+                  className="mt-2"
+                  crawledNum={crawlResult?.current || 0}
+                  totalNum={crawlResult?.total || Number.parseFloat(crawlOptions.limit as string) || 0}
+                />
+              )}
             {showError && (
-              <ErrorMessage className='rounded-b-xl' title={t(`${I18N_PREFIX}.exceptionErrorTitle`)} errorMsg={crawlErrorMessage} />
+              <ErrorMessage className="rounded-b-xl" title={t(`${I18N_PREFIX}.exceptionErrorTitle`)} errorMsg={crawlErrorMessage} />
             )}
             {isCrawlFinished && !showError
-              && <CrawledResult
-                className='mb-2'
-                list={crawlResult?.data || []}
-                checkedList={checkedCrawlResult}
-                onSelectedChange={onCheckedCrawlResultChange}
-                onPreview={onPreview}
-                usedTime={Number.parseFloat(crawlResult?.time_consuming as string) || 0}
-              />
-            }
+              && (
+                <CrawledResult
+                  className="mb-2"
+                  list={crawlResult?.data || []}
+                  checkedList={checkedCrawlResult}
+                  onSelectedChange={onCheckedCrawlResultChange}
+                  onPreview={onPreview}
+                  usedTime={Number.parseFloat(crawlResult?.time_consuming as string) || 0}
+                />
+              )}
           </div>
         )}
       </div>
diff --git a/web/app/components/datasets/create/website/firecrawl/options.tsx b/web/app/components/datasets/create/website/firecrawl/options.tsx
index f31ae93e9d..caf1895e64 100644
--- a/web/app/components/datasets/create/website/firecrawl/options.tsx
+++ b/web/app/components/datasets/create/website/firecrawl/options.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlOptions } from '@/models/datasets'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import CheckboxWithLabel from '../base/checkbox-with-label'
 import Field from '../base/field'
-import { cn } from '@/utils/classnames'
-import type { CrawlOptions } from '@/models/datasets'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -36,11 +36,11 @@ const Options: FC<Props> = ({
         label={t(`${I18N_PREFIX}.crawlSubPage`)}
         isChecked={payload.crawl_sub_pages}
         onChange={handleChange('crawl_sub_pages')}
-        labelClassName='text-[13px] leading-[16px] font-medium text-text-secondary'
+        labelClassName="text-[13px] leading-[16px] font-medium text-text-secondary"
       />
-      <div className='flex justify-between space-x-4'>
+      <div className="flex justify-between space-x-4">
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.limit`)}
           value={payload.limit}
           onChange={handleChange('limit')}
@@ -48,7 +48,7 @@ const Options: FC<Props> = ({
           isRequired
         />
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.maxDepth`)}
           value={payload.max_depth}
           onChange={handleChange('max_depth')}
@@ -57,27 +57,27 @@ const Options: FC<Props> = ({
         />
       </div>
 
-      <div className='flex justify-between space-x-4'>
+      <div className="flex justify-between space-x-4">
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.excludePaths`)}
           value={payload.excludes}
           onChange={handleChange('excludes')}
-          placeholder='blog/*, /about/*'
+          placeholder="blog/*, /about/*"
         />
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.includeOnlyPaths`)}
           value={payload.includes}
           onChange={handleChange('includes')}
-          placeholder='articles/*'
+          placeholder="articles/*"
         />
       </div>
       <CheckboxWithLabel
         label={t(`${I18N_PREFIX}.extractOnlyMainContent`)}
         isChecked={payload.only_main_content}
         onChange={handleChange('only_main_content')}
-        labelClassName='text-[13px] leading-[16px] font-medium text-text-secondary'
+        labelClassName="text-[13px] leading-[16px] font-medium text-text-secondary"
       />
     </div>
   )
diff --git a/web/app/components/datasets/create/website/index.tsx b/web/app/components/datasets/create/website/index.tsx
index 180f6c6bcd..3d0d79dc77 100644
--- a/web/app/components/datasets/create/website/index.tsx
+++ b/web/app/components/datasets/create/website/index.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { DataSourceAuth } from '@/app/components/header/account-setting/data-source-page-new/types'
+import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import s from './index.module.css'
-import NoData from './no-data'
-import Firecrawl from './firecrawl'
-import Watercrawl from './watercrawl'
-import JinaReader from './jina-reader'
-import { cn } from '@/utils/classnames'
-import { useModalContext } from '@/context/modal-context'
-import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
-import { DataSourceProvider } from '@/models/common'
-import { ENABLE_WEBSITE_FIRECRAWL, ENABLE_WEBSITE_JINAREADER, ENABLE_WEBSITE_WATERCRAWL } from '@/config'
-import type { DataSourceAuth } from '@/app/components/header/account-setting/data-source-page-new/types'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { ENABLE_WEBSITE_FIRECRAWL, ENABLE_WEBSITE_JINAREADER, ENABLE_WEBSITE_WATERCRAWL } from '@/config'
+import { useModalContext } from '@/context/modal-context'
+import { DataSourceProvider } from '@/models/common'
+import { cn } from '@/utils/classnames'
+import Firecrawl from './firecrawl'
+import s from './index.module.css'
+import JinaReader from './jina-reader'
+import NoData from './no-data'
+import Watercrawl from './watercrawl'
 
 type Props = {
   onPreview: (payload: CrawlResultItem) => void
@@ -44,7 +44,8 @@ const Website: FC<Props> = ({
     return [
       DataSourceProvider.jinaReader,
       DataSourceProvider.fireCrawl,
-      DataSourceProvider.waterCrawl].includes(item.provider as DataSourceProvider) && item.credentials_list.length > 0
+      DataSourceProvider.waterCrawl,
+    ].includes(item.provider as DataSourceProvider) && item.credentials_list.length > 0
   }), [authedDataSourceList])
 
   const handleOnConfig = useCallback(() => {
@@ -57,55 +58,58 @@ const Website: FC<Props> = ({
 
   return (
     <div>
-      <div className='mb-4'>
-        <div className='system-md-medium mb-2 text-text-secondary'>
+      <div className="mb-4">
+        <div className="system-md-medium mb-2 text-text-secondary">
           {t('datasetCreation.stepOne.website.chooseProvider')}
         </div>
-        <div className='flex space-x-2'>
-          {ENABLE_WEBSITE_JINAREADER && <button type="button"
-            className={cn('flex items-center justify-center rounded-lg px-4 py-2',
-              selectedProvider === DataSourceProvider.jinaReader
+        <div className="flex space-x-2">
+          {ENABLE_WEBSITE_JINAREADER && (
+            <button
+              type="button"
+              className={cn('flex items-center justify-center rounded-lg px-4 py-2', selectedProvider === DataSourceProvider.jinaReader
                 ? 'system-sm-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg text-text-primary'
                 : `system-sm-regular border border-components-option-card-option-border bg-components-option-card-option-bg text-text-secondary
-                hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs hover:shadow-shadow-shadow-3`,
-            )}
-            onClick={() => {
-              setSelectedProvider(DataSourceProvider.jinaReader)
-              onCrawlProviderChange(DataSourceProvider.jinaReader)
-            }}
-          >
-            <span className={cn(s.jinaLogo, 'mr-2')} />
-            <span>Jina Reader</span>
-          </button>}
-          {ENABLE_WEBSITE_FIRECRAWL && <button type="button"
-            className={cn('rounded-lg px-4 py-2',
-              selectedProvider === DataSourceProvider.fireCrawl
+                hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs hover:shadow-shadow-shadow-3`)}
+              onClick={() => {
+                setSelectedProvider(DataSourceProvider.jinaReader)
+                onCrawlProviderChange(DataSourceProvider.jinaReader)
+              }}
+            >
+              <span className={cn(s.jinaLogo, 'mr-2')} />
+              <span>Jina Reader</span>
+            </button>
+          )}
+          {ENABLE_WEBSITE_FIRECRAWL && (
+            <button
+              type="button"
+              className={cn('rounded-lg px-4 py-2', selectedProvider === DataSourceProvider.fireCrawl
                 ? 'system-sm-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg text-text-primary'
                 : `system-sm-regular border border-components-option-card-option-border bg-components-option-card-option-bg text-text-secondary
-                hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs hover:shadow-shadow-shadow-3`,
-            )}
-            onClick={() => {
-              setSelectedProvider(DataSourceProvider.fireCrawl)
-              onCrawlProviderChange(DataSourceProvider.fireCrawl)
-            }}
-          >
-            🔥 Firecrawl
-          </button>}
-          {ENABLE_WEBSITE_WATERCRAWL && <button type="button"
-            className={cn('flex items-center justify-center rounded-lg px-4 py-2',
-              selectedProvider === DataSourceProvider.waterCrawl
+                hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs hover:shadow-shadow-shadow-3`)}
+              onClick={() => {
+                setSelectedProvider(DataSourceProvider.fireCrawl)
+                onCrawlProviderChange(DataSourceProvider.fireCrawl)
+              }}
+            >
+              🔥 Firecrawl
+            </button>
+          )}
+          {ENABLE_WEBSITE_WATERCRAWL && (
+            <button
+              type="button"
+              className={cn('flex items-center justify-center rounded-lg px-4 py-2', selectedProvider === DataSourceProvider.waterCrawl
                 ? 'system-sm-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg text-text-primary'
                 : `system-sm-regular border border-components-option-card-option-border bg-components-option-card-option-bg text-text-secondary
-                hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs hover:shadow-shadow-shadow-3`,
-            )}
-            onClick={() => {
-              setSelectedProvider(DataSourceProvider.waterCrawl)
-              onCrawlProviderChange(DataSourceProvider.waterCrawl)
-            }}
-          >
-            <span className={cn(s.watercrawlLogo, 'mr-2')} />
-            <span>WaterCrawl</span>
-          </button>}
+                hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs hover:shadow-shadow-shadow-3`)}
+              onClick={() => {
+                setSelectedProvider(DataSourceProvider.waterCrawl)
+                onCrawlProviderChange(DataSourceProvider.waterCrawl)
+              }}
+            >
+              <span className={cn(s.watercrawlLogo, 'mr-2')} />
+              <span>WaterCrawl</span>
+            </button>
+          )}
         </div>
       </div>
       {source && selectedProvider === DataSourceProvider.fireCrawl && (
diff --git a/web/app/components/datasets/create/website/jina-reader/base/url-input.tsx b/web/app/components/datasets/create/website/jina-reader/base/url-input.tsx
index 1b30c44a88..0e20a76d1a 100644
--- a/web/app/components/datasets/create/website/jina-reader/base/url-input.tsx
+++ b/web/app/components/datasets/create/website/jina-reader/base/url-input.tsx
@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Input from '../../base/input'
 import Button from '@/app/components/base/button'
 import { useDocLink } from '@/context/i18n'
+import Input from '../../base/input'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -30,18 +30,18 @@ const UrlInput: FC<Props> = ({
   }, [isRunning, onRun, url])
 
   return (
-    <div className='flex items-center justify-between'>
+    <div className="flex items-center justify-between">
       <Input
         value={url}
         onChange={handleUrlChange}
         placeholder={docLink()}
       />
       <Button
-        variant='primary'
+        variant="primary"
         onClick={handleOnRun}
-        className='ml-2'
+        className="ml-2"
         loading={isRunning}
-        data-testid='url-input-run-button'
+        data-testid="url-input-run-button"
       >
         {!isRunning ? t(`${I18N_PREFIX}.run`) : ''}
       </Button>
diff --git a/web/app/components/datasets/create/website/jina-reader/index.spec.tsx b/web/app/components/datasets/create/website/jina-reader/index.spec.tsx
index ba851038c4..565f6660db 100644
--- a/web/app/components/datasets/create/website/jina-reader/index.spec.tsx
+++ b/web/app/components/datasets/create/website/jina-reader/index.spec.tsx
@@ -1,10 +1,10 @@
 import type { Mock } from 'vitest'
+import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import JinaReader from './index'
-import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import { checkJinaReaderTaskStatus, createJinaReaderTask } from '@/service/datasets'
 import { sleep } from '@/utils'
+import JinaReader from './index'
 
 // Mock external dependencies
 vi.mock('@/service/datasets', () => ({
@@ -748,8 +748,7 @@ describe('JinaReader', () => {
         current: 100,
         total: 100,
         data: Array.from({ length: 100 }, (_, i) =>
-          createCrawlResultItem({ source_url: `https://example.com/${i}` }),
-        ),
+          createCrawlResultItem({ source_url: `https://example.com/${i}` })),
       })
 
       const props = createDefaultProps({
diff --git a/web/app/components/datasets/create/website/jina-reader/index.tsx b/web/app/components/datasets/create/website/jina-reader/index.tsx
index 7257e8f7e6..44556a4bcb 100644
--- a/web/app/components/datasets/create/website/jina-reader/index.tsx
+++ b/web/app/components/datasets/create/website/jina-reader/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import UrlInput from '../base/url-input'
-import OptionsWrap from '../base/options-wrap'
+import Toast from '@/app/components/base/toast'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useModalContext } from '@/context/modal-context'
+import { checkJinaReaderTaskStatus, createJinaReaderTask } from '@/service/datasets'
+import { sleep } from '@/utils'
 import CrawledResult from '../base/crawled-result'
 import Crawling from '../base/crawling'
 import ErrorMessage from '../base/error-message'
-import Options from './options'
-import { useModalContext } from '@/context/modal-context'
-import Toast from '@/app/components/base/toast'
-import { checkJinaReaderTaskStatus, createJinaReaderTask } from '@/service/datasets'
-import { sleep } from '@/utils'
-import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import Header from '../base/header'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import OptionsWrap from '../base/options-wrap'
+import UrlInput from '../base/url-input'
+import Options from './options'
 
 const ERROR_I18N_PREFIX = 'common.errorMsg'
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
@@ -197,38 +197,41 @@ const JinaReader: FC<Props> = ({
         title={t(`${I18N_PREFIX}.jinaReaderTitle`)}
         buttonText={t(`${I18N_PREFIX}.configureJinaReader`)}
         docTitle={t(`${I18N_PREFIX}.jinaReaderDoc`)}
-        docLink={'https://jina.ai/reader'}
+        docLink="https://jina.ai/reader"
       />
-      <div className='mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle p-4 pb-0'>
+      <div className="mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle p-4 pb-0">
         <UrlInput onRun={handleRun} isRunning={isRunning} />
         <OptionsWrap
-          className='mt-4'
+          className="mt-4"
           controlFoldOptions={controlFoldOptions}
         >
-          <Options className='mt-2' payload={crawlOptions} onChange={onCrawlOptionsChange} />
+          <Options className="mt-2" payload={crawlOptions} onChange={onCrawlOptionsChange} />
         </OptionsWrap>
 
         {!isInit && (
-          <div className='relative left-[-16px] mt-3 w-[calc(100%_+_32px)] rounded-b-xl'>
+          <div className="relative left-[-16px] mt-3 w-[calc(100%_+_32px)] rounded-b-xl">
             {isRunning
-              && <Crawling
-                className='mt-2'
-                crawledNum={crawlResult?.current || 0}
-                totalNum={crawlResult?.total || Number.parseFloat(crawlOptions.limit as string) || 0}
-              />}
+              && (
+                <Crawling
+                  className="mt-2"
+                  crawledNum={crawlResult?.current || 0}
+                  totalNum={crawlResult?.total || Number.parseFloat(crawlOptions.limit as string) || 0}
+                />
+              )}
             {showError && (
-              <ErrorMessage className='rounded-b-xl' title={t(`${I18N_PREFIX}.exceptionErrorTitle`)} errorMsg={crawlErrorMessage} />
+              <ErrorMessage className="rounded-b-xl" title={t(`${I18N_PREFIX}.exceptionErrorTitle`)} errorMsg={crawlErrorMessage} />
             )}
             {isCrawlFinished && !showError
-              && <CrawledResult
-                className='mb-2'
-                list={crawlResult?.data || []}
-                checkedList={checkedCrawlResult}
-                onSelectedChange={onCheckedCrawlResultChange}
-                onPreview={onPreview}
-                usedTime={Number.parseFloat(crawlResult?.time_consuming as string) || 0}
-              />
-            }
+              && (
+                <CrawledResult
+                  className="mb-2"
+                  list={crawlResult?.data || []}
+                  checkedList={checkedCrawlResult}
+                  onSelectedChange={onCheckedCrawlResultChange}
+                  onPreview={onPreview}
+                  usedTime={Number.parseFloat(crawlResult?.time_consuming as string) || 0}
+                />
+              )}
           </div>
         )}
       </div>
diff --git a/web/app/components/datasets/create/website/jina-reader/options.tsx b/web/app/components/datasets/create/website/jina-reader/options.tsx
index 3b8eab469e..67991055df 100644
--- a/web/app/components/datasets/create/website/jina-reader/options.tsx
+++ b/web/app/components/datasets/create/website/jina-reader/options.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlOptions } from '@/models/datasets'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import CheckboxWithLabel from '../base/checkbox-with-label'
 import Field from '../base/field'
-import { cn } from '@/utils/classnames'
-import type { CrawlOptions } from '@/models/datasets'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -36,20 +36,20 @@ const Options: FC<Props> = ({
         label={t(`${I18N_PREFIX}.crawlSubPage`)}
         isChecked={payload.crawl_sub_pages}
         onChange={handleChange('crawl_sub_pages')}
-        labelClassName='text-[13px] leading-[16px] font-medium text-text-secondary'
-        testId='crawl-sub-pages'
+        labelClassName="text-[13px] leading-[16px] font-medium text-text-secondary"
+        testId="crawl-sub-pages"
       />
       <CheckboxWithLabel
         label={t(`${I18N_PREFIX}.useSitemap`)}
         isChecked={payload.use_sitemap}
         onChange={handleChange('use_sitemap')}
         tooltip={t(`${I18N_PREFIX}.useSitemapTooltip`) as string}
-        labelClassName='text-[13px] leading-[16px] font-medium text-text-secondary'
-        testId='use-sitemap'
+        labelClassName="text-[13px] leading-[16px] font-medium text-text-secondary"
+        testId="use-sitemap"
       />
-      <div className='flex justify-between space-x-4'>
+      <div className="flex justify-between space-x-4">
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.limit`)}
           value={payload.limit}
           onChange={handleChange('limit')}
diff --git a/web/app/components/datasets/create/website/no-data.tsx b/web/app/components/datasets/create/website/no-data.tsx
index dcd557c809..f01ec18f1a 100644
--- a/web/app/components/datasets/create/website/no-data.tsx
+++ b/web/app/components/datasets/create/website/no-data.tsx
@@ -2,11 +2,11 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import s from './index.module.css'
-import { Icon3Dots } from '@/app/components/base/icons/src/vender/line/others'
 import Button from '@/app/components/base/button'
+import { Icon3Dots } from '@/app/components/base/icons/src/vender/line/others'
 import { ENABLE_WEBSITE_FIRECRAWL, ENABLE_WEBSITE_JINAREADER, ENABLE_WEBSITE_WATERCRAWL } from '@/config'
 import { DataSourceProvider } from '@/models/common'
+import s from './index.module.css'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -26,44 +26,52 @@ const NoData: FC<Props> = ({
     title: string
     description: string
   } | null> = {
-    [DataSourceProvider.jinaReader]: ENABLE_WEBSITE_JINAREADER ? {
-      emoji: <span className={s.jinaLogo} />,
-      title: t(`${I18N_PREFIX}.jinaReaderNotConfigured`),
-      description: t(`${I18N_PREFIX}.jinaReaderNotConfiguredDescription`),
-    } : null,
-    [DataSourceProvider.fireCrawl]: ENABLE_WEBSITE_FIRECRAWL ? {
-      emoji: '🔥',
-      title: t(`${I18N_PREFIX}.fireCrawlNotConfigured`),
-      description: t(`${I18N_PREFIX}.fireCrawlNotConfiguredDescription`),
-    } : null,
-    [DataSourceProvider.waterCrawl]: ENABLE_WEBSITE_WATERCRAWL ? {
-      emoji: '💧',
-      title: t(`${I18N_PREFIX}.waterCrawlNotConfigured`),
-      description: t(`${I18N_PREFIX}.waterCrawlNotConfiguredDescription`),
-    } : null,
+    [DataSourceProvider.jinaReader]: ENABLE_WEBSITE_JINAREADER
+      ? {
+          emoji: <span className={s.jinaLogo} />,
+          title: t(`${I18N_PREFIX}.jinaReaderNotConfigured`),
+          description: t(`${I18N_PREFIX}.jinaReaderNotConfiguredDescription`),
+        }
+      : null,
+    [DataSourceProvider.fireCrawl]: ENABLE_WEBSITE_FIRECRAWL
+      ? {
+          emoji: '🔥',
+          title: t(`${I18N_PREFIX}.fireCrawlNotConfigured`),
+          description: t(`${I18N_PREFIX}.fireCrawlNotConfiguredDescription`),
+        }
+      : null,
+    [DataSourceProvider.waterCrawl]: ENABLE_WEBSITE_WATERCRAWL
+      ? {
+          emoji: '💧',
+          title: t(`${I18N_PREFIX}.waterCrawlNotConfigured`),
+          description: t(`${I18N_PREFIX}.waterCrawlNotConfiguredDescription`),
+        }
+      : null,
   }
 
   const currentProvider = providerConfig[provider] || providerConfig.jinareader
 
-  if (!currentProvider) return null
+  if (!currentProvider)
+    return null
 
   return (
     <>
-      <div className='mt-4 max-w-[640px] rounded-2xl bg-workflow-process-bg p-6'>
-        <div className='flex h-12 w-12 items-center justify-center rounded-[10px] border-[0.5px]
-          border-components-card-border bg-components-card-bg shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]'>
+      <div className="mt-4 max-w-[640px] rounded-2xl bg-workflow-process-bg p-6">
+        <div className="flex h-12 w-12 items-center justify-center rounded-[10px] border-[0.5px]
+          border-components-card-border bg-components-card-bg shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]"
+        >
           {currentProvider.emoji}
         </div>
-        <div className='mb-1 mt-2 flex flex-col gap-y-1 pb-3 pt-1'>
-          <span className='system-md-semibold text-text-secondary'>
+        <div className="mb-1 mt-2 flex flex-col gap-y-1 pb-3 pt-1">
+          <span className="system-md-semibold text-text-secondary">
             {currentProvider.title}
-            <Icon3Dots className='relative -left-1.5 -top-2.5 inline' />
+            <Icon3Dots className="relative -left-1.5 -top-2.5 inline" />
           </span>
-          <div className='system-sm-regular text-text-tertiary'>
+          <div className="system-sm-regular text-text-tertiary">
             {currentProvider.description}
           </div>
         </div>
-        <Button variant='primary' onClick={onConfig}>
+        <Button variant="primary" onClick={onConfig}>
           {t(`${I18N_PREFIX}.configure`)}
         </Button>
       </div>
diff --git a/web/app/components/datasets/create/website/preview.tsx b/web/app/components/datasets/create/website/preview.tsx
index ff2ca4ec43..f9213e3c89 100644
--- a/web/app/components/datasets/create/website/preview.tsx
+++ b/web/app/components/datasets/create/website/preview.tsx
@@ -1,10 +1,10 @@
 'use client'
+import type { CrawlResultItem } from '@/models/datasets'
+import { XMarkIcon } from '@heroicons/react/20/solid'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { XMarkIcon } from '@heroicons/react/20/solid'
-import s from '../file-preview/index.module.css'
 import { cn } from '@/utils/classnames'
-import type { CrawlResultItem } from '@/models/datasets'
+import s from '../file-preview/index.module.css'
 
 type IProps = {
   payload: CrawlResultItem
@@ -22,14 +22,14 @@ const WebsitePreview = ({
       <div className={cn(s.previewHeader)}>
         <div className={cn(s.title, 'title-md-semi-bold')}>
           <span>{t('datasetCreation.stepOne.pagePreview')}</span>
-          <div className='flex h-6 w-6 cursor-pointer items-center justify-center' onClick={hidePreview}>
-            <XMarkIcon className='h-4 w-4'></XMarkIcon>
+          <div className="flex h-6 w-6 cursor-pointer items-center justify-center" onClick={hidePreview}>
+            <XMarkIcon className="h-4 w-4"></XMarkIcon>
           </div>
         </div>
-        <div className='title-sm-semi-bold break-words text-text-primary'>
+        <div className="title-sm-semi-bold break-words text-text-primary">
           {payload.title}
         </div>
-        <div className='system-xs-medium truncate text-text-tertiary' title={payload.source_url}>{payload.source_url}</div>
+        <div className="system-xs-medium truncate text-text-tertiary" title={payload.source_url}>{payload.source_url}</div>
       </div>
       <div className={cn(s.previewContent, 'body-md-regular')}>
         <div className={cn(s.fileContent)}>{payload.markdown}</div>
diff --git a/web/app/components/datasets/create/website/watercrawl/index.spec.tsx b/web/app/components/datasets/create/website/watercrawl/index.spec.tsx
index 6c1b27327a..e694537895 100644
--- a/web/app/components/datasets/create/website/watercrawl/index.spec.tsx
+++ b/web/app/components/datasets/create/website/watercrawl/index.spec.tsx
@@ -1,10 +1,10 @@
 import type { Mock } from 'vitest'
+import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import WaterCrawl from './index'
-import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import { checkWatercrawlTaskStatus, createWatercrawlTask } from '@/service/datasets'
 import { sleep } from '@/utils'
+import WaterCrawl from './index'
 
 // Mock external dependencies
 vi.mock('@/service/datasets', () => ({
@@ -759,8 +759,7 @@ describe('WaterCrawl', () => {
         current: 100,
         total: 100,
         data: Array.from({ length: 100 }, (_, i) =>
-          createCrawlResultItem({ source_url: `https://example.com/${i}` }),
-        ),
+          createCrawlResultItem({ source_url: `https://example.com/${i}` })),
       })
 
       const props = createDefaultProps({
@@ -1615,16 +1614,14 @@ describe('WaterCrawl', () => {
           current: 5,
           total: 10,
           data: Array.from({ length: 5 }, (_, i) =>
-            createCrawlResultItem({ source_url: `https://page${i + 1}.com` }),
-          ),
+            createCrawlResultItem({ source_url: `https://page${i + 1}.com` })),
         })
         .mockResolvedValueOnce({
           status: 'completed',
           current: 10,
           total: 10,
           data: Array.from({ length: 10 }, (_, i) =>
-            createCrawlResultItem({ source_url: `https://page${i + 1}.com` }),
-          ),
+            createCrawlResultItem({ source_url: `https://page${i + 1}.com` })),
         })
 
       const props = createDefaultProps({
diff --git a/web/app/components/datasets/create/website/watercrawl/index.tsx b/web/app/components/datasets/create/website/watercrawl/index.tsx
index f1aee37e19..938d1dd813 100644
--- a/web/app/components/datasets/create/website/watercrawl/index.tsx
+++ b/web/app/components/datasets/create/website/watercrawl/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
 import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import UrlInput from '../base/url-input'
-import OptionsWrap from '../base/options-wrap'
+import Toast from '@/app/components/base/toast'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useModalContext } from '@/context/modal-context'
+import { checkWatercrawlTaskStatus, createWatercrawlTask } from '@/service/datasets'
+import { sleep } from '@/utils'
 import CrawledResult from '../base/crawled-result'
 import Crawling from '../base/crawling'
 import ErrorMessage from '../base/error-message'
-import Options from './options'
-import { useModalContext } from '@/context/modal-context'
-import type { CrawlOptions, CrawlResultItem } from '@/models/datasets'
-import Toast from '@/app/components/base/toast'
-import { checkWatercrawlTaskStatus, createWatercrawlTask } from '@/service/datasets'
-import { sleep } from '@/utils'
 import Header from '../base/header'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import OptionsWrap from '../base/options-wrap'
+import UrlInput from '../base/url-input'
+import Options from './options'
 
 const ERROR_I18N_PREFIX = 'common.errorMsg'
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
@@ -183,38 +183,41 @@ const WaterCrawl: FC<Props> = ({
         title={t(`${I18N_PREFIX}.watercrawlTitle`)}
         buttonText={t(`${I18N_PREFIX}.configureWatercrawl`)}
         docTitle={t(`${I18N_PREFIX}.watercrawlDoc`)}
-        docLink={'https://docs.watercrawl.dev/'}
+        docLink="https://docs.watercrawl.dev/"
       />
-      <div className='mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle p-4 pb-0'>
+      <div className="mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle p-4 pb-0">
         <UrlInput onRun={handleRun} isRunning={isRunning} />
         <OptionsWrap
-          className='mt-4'
+          className="mt-4"
           controlFoldOptions={controlFoldOptions}
         >
-          <Options className='mt-2' payload={crawlOptions} onChange={onCrawlOptionsChange} />
+          <Options className="mt-2" payload={crawlOptions} onChange={onCrawlOptionsChange} />
         </OptionsWrap>
 
         {!isInit && (
-          <div className='relative left-[-16px] mt-3 w-[calc(100%_+_32px)] rounded-b-xl'>
+          <div className="relative left-[-16px] mt-3 w-[calc(100%_+_32px)] rounded-b-xl">
             {isRunning
-              && <Crawling
-                className='mt-2'
-                crawledNum={crawlResult?.current || 0}
-                totalNum={crawlResult?.total || Number.parseFloat(crawlOptions.limit as string) || 0}
-              />}
+              && (
+                <Crawling
+                  className="mt-2"
+                  crawledNum={crawlResult?.current || 0}
+                  totalNum={crawlResult?.total || Number.parseFloat(crawlOptions.limit as string) || 0}
+                />
+              )}
             {showError && (
-              <ErrorMessage className='rounded-b-xl' title={t(`${I18N_PREFIX}.exceptionErrorTitle`)} errorMsg={crawlErrorMessage} />
+              <ErrorMessage className="rounded-b-xl" title={t(`${I18N_PREFIX}.exceptionErrorTitle`)} errorMsg={crawlErrorMessage} />
             )}
             {isCrawlFinished && !showError
-              && <CrawledResult
-                className='mb-2'
-                list={crawlResult?.data || []}
-                checkedList={checkedCrawlResult}
-                onSelectedChange={onCheckedCrawlResultChange}
-                onPreview={onPreview}
-                usedTime={Number.parseFloat(crawlResult?.time_consuming as string) || 0}
-              />
-            }
+              && (
+                <CrawledResult
+                  className="mb-2"
+                  list={crawlResult?.data || []}
+                  checkedList={checkedCrawlResult}
+                  onSelectedChange={onCheckedCrawlResultChange}
+                  onPreview={onPreview}
+                  usedTime={Number.parseFloat(crawlResult?.time_consuming as string) || 0}
+                />
+              )}
           </div>
         )}
       </div>
diff --git a/web/app/components/datasets/create/website/watercrawl/options.tsx b/web/app/components/datasets/create/website/watercrawl/options.tsx
index e2e59bfa7d..0858647c60 100644
--- a/web/app/components/datasets/create/website/watercrawl/options.tsx
+++ b/web/app/components/datasets/create/website/watercrawl/options.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { CrawlOptions } from '@/models/datasets'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import CheckboxWithLabel from '../base/checkbox-with-label'
 import Field from '../base/field'
-import { cn } from '@/utils/classnames'
-import type { CrawlOptions } from '@/models/datasets'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -36,12 +36,12 @@ const Options: FC<Props> = ({
         label={t(`${I18N_PREFIX}.crawlSubPage`)}
         isChecked={payload.crawl_sub_pages}
         onChange={handleChange('crawl_sub_pages')}
-        labelClassName='text-[13px] leading-[16px] font-medium text-text-secondary'
-        testId='crawl-sub-pages'
+        labelClassName="text-[13px] leading-[16px] font-medium text-text-secondary"
+        testId="crawl-sub-pages"
       />
-      <div className='flex justify-between space-x-4'>
+      <div className="flex justify-between space-x-4">
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.limit`)}
           value={payload.limit}
           onChange={handleChange('limit')}
@@ -49,7 +49,7 @@ const Options: FC<Props> = ({
           isRequired
         />
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.maxDepth`)}
           value={payload.max_depth}
           onChange={handleChange('max_depth')}
@@ -58,28 +58,28 @@ const Options: FC<Props> = ({
         />
       </div>
 
-      <div className='flex justify-between space-x-4'>
+      <div className="flex justify-between space-x-4">
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.excludePaths`)}
           value={payload.excludes}
           onChange={handleChange('excludes')}
-          placeholder='blog/*, /about/*'
+          placeholder="blog/*, /about/*"
         />
         <Field
-          className='shrink-0 grow'
+          className="shrink-0 grow"
           label={t(`${I18N_PREFIX}.includeOnlyPaths`)}
           value={payload.includes}
           onChange={handleChange('includes')}
-          placeholder='articles/*'
+          placeholder="articles/*"
         />
       </div>
       <CheckboxWithLabel
         label={t(`${I18N_PREFIX}.extractOnlyMainContent`)}
         isChecked={payload.only_main_content}
         onChange={handleChange('only_main_content')}
-        labelClassName='text-[13px] leading-[16px] font-medium text-text-secondary'
-        testId='only-main-content'
+        labelClassName="text-[13px] leading-[16px] font-medium text-text-secondary"
+        testId="only-main-content"
       />
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/actions/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/actions/index.spec.tsx
index c6e6eefab2..077b4fee3a 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/actions/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/actions/index.spec.tsx
@@ -14,7 +14,7 @@ vi.mock('next/navigation', () => ({
 
 // Mock next/link to capture href
 vi.mock('next/link', () => ({
-  default: ({ children, href, replace }: { children: React.ReactNode; href: string; replace?: boolean }) => (
+  default: ({ children, href, replace }: { children: React.ReactNode, href: string, replace?: boolean }) => (
     <a href={href} data-replace={replace}>
       {children}
     </a>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/actions/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/actions/index.tsx
index 5d5512e215..ad860e0f59 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/actions/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/actions/index.tsx
@@ -1,9 +1,9 @@
-import React, { useMemo } from 'react'
-import Button from '@/app/components/base/button'
-import { useTranslation } from 'react-i18next'
-import { useParams } from 'next/navigation'
 import { RiArrowRightLine } from '@remixicon/react'
 import Link from 'next/link'
+import { useParams } from 'next/navigation'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import Checkbox from '@/app/components/base/checkbox'
 
 type ActionsProps = {
@@ -29,58 +29,62 @@ const Actions = ({
   const { datasetId } = useParams()
 
   const indeterminate = useMemo(() => {
-    if (!showSelect) return false
-    if (selectedOptions === undefined || totalOptions === undefined) return false
+    if (!showSelect)
+      return false
+    if (selectedOptions === undefined || totalOptions === undefined)
+      return false
     return selectedOptions > 0 && selectedOptions < totalOptions
   }, [showSelect, selectedOptions, totalOptions])
 
   const checked = useMemo(() => {
-    if (!showSelect) return false
-    if (selectedOptions === undefined || totalOptions === undefined) return false
+    if (!showSelect)
+      return false
+    if (selectedOptions === undefined || totalOptions === undefined)
+      return false
     return selectedOptions > 0 && selectedOptions === totalOptions
   }, [showSelect, selectedOptions, totalOptions])
 
   return (
-    <div className='flex items-center gap-x-2 overflow-hidden'>
+    <div className="flex items-center gap-x-2 overflow-hidden">
       {showSelect && (
         <>
-          <div className='flex shrink-0 items-center gap-x-2 py-[3px] pl-4 pr-2'>
+          <div className="flex shrink-0 items-center gap-x-2 py-[3px] pl-4 pr-2">
             <Checkbox
               onCheck={onSelectAll}
               indeterminate={indeterminate}
               checked={checked}
             />
-            <span className='system-sm-medium text-text-accent'>
+            <span className="system-sm-medium text-text-accent">
               {t('common.operation.selectAll')}
             </span>
           </div>
           {tip && (
-            <div title={tip} className='system-xs-regular max-w-full truncate text-text-tertiary'>
+            <div title={tip} className="system-xs-regular max-w-full truncate text-text-tertiary">
               {tip}
             </div>
           )}
         </>
       )}
-      <div className='flex grow items-center justify-end gap-x-2'>
+      <div className="flex grow items-center justify-end gap-x-2">
         <Link
           href={`/datasets/${datasetId}/documents`}
           replace
         >
           <Button
-            variant='ghost'
-            className='px-3 py-2'
+            variant="ghost"
+            className="px-3 py-2"
           >
             {t('common.operation.cancel')}
           </Button>
         </Link>
         <Button
           disabled={disabled}
-          variant='primary'
+          variant="primary"
           onClick={handleNextStep}
-          className='gap-x-0.5'
+          className="gap-x-0.5"
         >
-          <span className='px-0.5'>{t('datasetCreation.stepOne.button')}</span>
-          <RiArrowRightLine className='size-4' />
+          <span className="px-0.5">{t('datasetCreation.stepOne.button')}</span>
+          <RiArrowRightLine className="size-4" />
         </Button>
       </div>
     </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/datasource-icon.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/datasource-icon.tsx
index 7aef143cc0..d081cabb66 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/datasource-icon.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/datasource-icon.tsx
@@ -25,10 +25,11 @@ const DatasourceIcon: FC<DatasourceIconProps> = ({
         'flex items-center justify-center shadow-none',
         ICON_CONTAINER_CLASSNAME_SIZE_MAP[size],
         className,
-      )}
+      )
+    }
     >
       <div
-        className='h-full w-full shrink-0 rounded-md bg-cover bg-center'
+        className="h-full w-full shrink-0 rounded-md bg-cover bg-center"
         style={{
           backgroundImage: `url(${iconUrl})`,
         }}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/hooks.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/hooks.tsx
index 09a02ce7f4..9d4349ebe4 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/hooks.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/hooks.tsx
@@ -1,14 +1,15 @@
-import { useMemo } from 'react'
 import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import { basePath } from '@/utils/var'
-import { useDataSourceList } from '@/service/use-pipeline'
+import { useMemo } from 'react'
 import { transformDataSourceToTool } from '@/app/components/workflow/block-selector/utils'
+import { useDataSourceList } from '@/service/use-pipeline'
+import { basePath } from '@/utils/var'
 
 export const useDatasourceIcon = (data: DataSourceNodeType) => {
   const { data: dataSourceListData, isSuccess } = useDataSourceList(true)
 
   const datasourceIcon = useMemo(() => {
-    if (!isSuccess) return
+    if (!isSuccess)
+      return
     const dataSourceList = [...(dataSourceListData || [])]
     dataSourceList.forEach((item) => {
       const icon = item.declaration.identity.icon
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.spec.tsx
index e86fb97c87..f5c56995b8 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.spec.tsx
@@ -1,14 +1,14 @@
-import { act, fireEvent, render, screen } from '@testing-library/react'
-import { renderHook } from '@testing-library/react'
+import type { Datasource } from '@/app/components/rag-pipeline/components/panel/test-run/types'
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import type { Node } from '@/app/components/workflow/types'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { act, fireEvent, render, renderHook, screen } from '@testing-library/react'
 import React from 'react'
-import DataSourceOptions from './index'
-import OptionCard from './option-card'
+import { BlockEnum } from '@/app/components/workflow/types'
 import DatasourceIcon from './datasource-icon'
 import { useDatasourceIcon } from './hooks'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import { BlockEnum, type Node } from '@/app/components/workflow/types'
-import type { Datasource } from '@/app/components/rag-pipeline/components/panel/test-run/types'
+import DataSourceOptions from './index'
+import OptionCard from './option-card'
 
 // ==========================================
 // Mock External Dependencies
@@ -75,8 +75,7 @@ const createMockPipelineNodes = (count = 3): Node<DataSourceNodeType>[] => {
         plugin_id: `plugin-${i + 1}`,
         datasource_name: `datasource-${i + 1}`,
       }),
-    }),
-  )
+    }))
 }
 
 const createMockDatasourceOption = (
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.tsx
index f99b0bcf32..8e3a29cfe5 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/index.tsx
@@ -1,9 +1,9 @@
+import type { Datasource } from '@/app/components/rag-pipeline/components/panel/test-run/types'
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import type { Node } from '@/app/components/workflow/types'
 import { useCallback, useEffect } from 'react'
 import { useDatasourceOptions } from '../hooks'
 import OptionCard from './option-card'
-import type { Datasource } from '@/app/components/rag-pipeline/components/panel/test-run/types'
-import type { Node } from '@/app/components/workflow/types'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 
 type DataSourceOptionsProps = {
   pipelineNodes: Node<DataSourceNodeType>[]
@@ -35,7 +35,7 @@ const DataSourceOptions = ({
   }, [])
 
   return (
-    <div className='grid w-full grid-cols-4 gap-1'>
+    <div className="grid w-full grid-cols-4 gap-1">
       {options.map(option => (
         <OptionCard
           key={option.value}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/option-card.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/option-card.tsx
index 2f862ce435..6e8d1d4105 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source-options/option-card.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source-options/option-card.tsx
@@ -1,6 +1,6 @@
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import React from 'react'
 import { cn } from '@/utils/classnames'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import DatasourceIcon from './datasource-icon'
 import { useDatasourceIcon } from './hooks'
 
@@ -29,7 +29,7 @@ const OptionCard = ({
       )}
       onClick={onClick}
     >
-      <div className='flex size-8 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border bg-background-default-dodge p-1.5'>
+      <div className="flex size-8 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border bg-background-default-dodge p-1.5">
         <DatasourceIcon iconUrl={iconUrl} />
       </div>
       <div
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.spec.tsx
index 2012dc5a8a..1477fe71e9 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.spec.tsx
@@ -1,8 +1,8 @@
+import type { CredentialSelectorProps } from './index'
+import type { DataSourceCredential } from '@/types/pipeline'
 import { fireEvent, render, screen, waitFor, within } from '@testing-library/react'
 import React from 'react'
 import CredentialSelector from './index'
-import type { CredentialSelectorProps } from './index'
-import type { DataSourceCredential } from '@/types/pipeline'
 
 // Mock CredentialTypeEnum to avoid deep import chain issues
 enum MockCredentialTypeEnum {
@@ -80,8 +80,7 @@ const createMockCredentials = (count: number = 3): DataSourceCredential[] =>
       name: `Credential ${i + 1}`,
       avatar_url: `https://example.com/avatar-${i + 1}.png`,
       is_default: i === 0,
-    }),
-  )
+    }))
 
 const createDefaultProps = (overrides?: Partial<CredentialSelectorProps>): CredentialSelectorProps => ({
   currentCredentialId: 'cred-1',
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.tsx
index 0e588e4e1d..abeff83ebf 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/index.tsx
@@ -1,13 +1,13 @@
+import type { DataSourceCredential } from '@/types/pipeline'
+import { useBoolean } from 'ahooks'
 import React, { useCallback, useEffect, useMemo } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { DataSourceCredential } from '@/types/pipeline'
-import { useBoolean } from 'ahooks'
-import Trigger from './trigger'
 import List from './list'
+import Trigger from './trigger'
 
 export type CredentialSelectorProps = {
   currentCredentialId: string
@@ -40,18 +40,18 @@ const CredentialSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={toggle}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
       }}
     >
-      <PortalToFollowElemTrigger onClick={toggle} className='grow overflow-hidden'>
+      <PortalToFollowElemTrigger onClick={toggle} className="grow overflow-hidden">
         <Trigger
           currentCredential={currentCredential}
           isOpen={open}
         />
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
+      <PortalToFollowElemContent className="z-10">
         <List
           currentCredentialId={currentCredentialId}
           credentials={credentials}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/item.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/item.tsx
index 9c8368e299..65ea951798 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/item.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/item.tsx
@@ -1,7 +1,7 @@
-import { CredentialIcon } from '@/app/components/datasets/common/credential-icon'
 import type { DataSourceCredential } from '@/types/pipeline'
 import { RiCheckLine } from '@remixicon/react'
 import React, { useCallback } from 'react'
+import { CredentialIcon } from '@/app/components/datasets/common/credential-icon'
 
 type ItemProps = {
   credential: DataSourceCredential
@@ -22,7 +22,7 @@ const Item = ({
 
   return (
     <div
-      className='flex cursor-pointer items-center gap-x-2 rounded-lg p-2 hover:bg-state-base-hover'
+      className="flex cursor-pointer items-center gap-x-2 rounded-lg p-2 hover:bg-state-base-hover"
       onClick={handleCredentialChange}
     >
       <CredentialIcon
@@ -30,12 +30,12 @@ const Item = ({
         name={name}
         size={20}
       />
-      <span className='system-sm-medium grow truncate text-text-secondary'>
+      <span className="system-sm-medium grow truncate text-text-secondary">
         {name}
       </span>
       {
         isSelected && (
-          <RiCheckLine className='size-4 shrink-0 text-text-accent' />
+          <RiCheckLine className="size-4 shrink-0 text-text-accent" />
         )
       }
     </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/list.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/list.tsx
index cdcb2b5af5..d90feaf2c0 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/list.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/list.tsx
@@ -14,7 +14,7 @@ const List = ({
   onCredentialChange,
 }: ListProps) => {
   return (
-    <div className='flex w-[280px] flex-col gap-y-1 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]'>
+    <div className="flex w-[280px] flex-col gap-y-1 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]">
       {
         credentials.map((credential) => {
           const isSelected = credential.id === currentCredentialId
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/trigger.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/trigger.tsx
index 7ab4f25256..7bac6afd35 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/trigger.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/credential-selector/trigger.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import type { DataSourceCredential } from '@/types/pipeline'
 import { RiArrowDownSLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import { CredentialIcon } from '@/app/components/datasets/common/credential-icon'
+import { cn } from '@/utils/classnames'
 
 type TriggerProps = {
   currentCredential: DataSourceCredential | undefined
@@ -30,11 +30,11 @@ const Trigger = ({
         name={name}
         size={20}
       />
-      <div className='flex grow items-center gap-x-1 overflow-hidden'>
-        <span className='system-md-semibold grow truncate text-text-secondary'>
+      <div className="flex grow items-center gap-x-1 overflow-hidden">
+        <span className="system-md-semibold grow truncate text-text-secondary">
           {name}
         </span>
-        <RiArrowDownSLine className='size-4 shrink-0 text-text-secondary' />
+        <RiArrowDownSLine className="size-4 shrink-0 text-text-secondary" />
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.spec.tsx
index c68c11d4f1..cadfbdae0f 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.spec.tsx
@@ -1,7 +1,7 @@
+import type { DataSourceCredential } from '@/types/pipeline'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
 import Header from './header'
-import type { DataSourceCredential } from '@/types/pipeline'
 
 // Mock CredentialTypeEnum to avoid deep import chain issues
 enum MockCredentialTypeEnum {
@@ -74,8 +74,7 @@ const createMockCredentials = (count: number = 3): DataSourceCredential[] =>
       name: `Credential ${i + 1}`,
       avatar_url: `https://example.com/avatar-${i + 1}.png`,
       is_default: i === 0,
-    }),
-  )
+    }))
 
 type HeaderProps = React.ComponentProps<typeof Header>
 
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.tsx
index b826e53d93..cbdd24e5b9 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/base/header.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
-import Divider from '@/app/components/base/divider'
-import Button from '@/app/components/base/button'
-import { RiBookOpenLine, RiEqualizer2Line } from '@remixicon/react'
 import type { CredentialSelectorProps } from './credential-selector'
-import CredentialSelector from './credential-selector'
-import Tooltip from '@/app/components/base/tooltip'
+import { RiBookOpenLine, RiEqualizer2Line } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import Tooltip from '@/app/components/base/tooltip'
+import CredentialSelector from './credential-selector'
 
 type HeaderProps = {
   docTitle: string
@@ -24,35 +24,35 @@ const Header = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center justify-between gap-x-2'>
-      <div className='flex items-center gap-x-1 overflow-hidden'>
+    <div className="flex items-center justify-between gap-x-2">
+      <div className="flex items-center gap-x-1 overflow-hidden">
         <CredentialSelector
           {...rest}
         />
-        <Divider type='vertical' className='mx-1 h-3.5 shrink-0' />
+        <Divider type="vertical" className="mx-1 h-3.5 shrink-0" />
         <Tooltip
           popupContent={t('datasetPipeline.configurationTip', { pluginName })}
-          position='top'
+          position="top"
         >
           <Button
-            variant='ghost'
-            size='small'
-            className='size-6 shrink-0 px-1'
+            variant="ghost"
+            size="small"
+            className="size-6 shrink-0 px-1"
           >
             <RiEqualizer2Line
-              className='h-4 w-4'
+              className="h-4 w-4"
               onClick={onClickConfiguration}
             />
           </Button>
         </Tooltip>
       </div>
       <a
-        className='system-xs-medium flex shrink-0 items-center gap-x-1 text-text-accent'
+        className="system-xs-medium flex shrink-0 items-center gap-x-1 text-text-accent"
         href={docLink}
-        target='_blank'
-        rel='noopener noreferrer'
+        target="_blank"
+        rel="noopener noreferrer"
       >
-        <RiBookOpenLine className='size-3.5 shrink-0' />
+        <RiBookOpenLine className="size-3.5 shrink-0" />
         <span title={docTitle}>{docTitle}</span>
       </a>
     </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx
index cb5899ab28..ffa5ed6bb8 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx
@@ -1,23 +1,23 @@
 'use client'
+import type { CustomFile as File, FileItem } from '@/models/datasets'
+import { RiDeleteBinLine, RiErrorWarningFill, RiUploadCloud2Line } from '@remixicon/react'
+import { produce } from 'immer'
+import dynamic from 'next/dynamic'
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { RiDeleteBinLine, RiErrorWarningFill, RiUploadCloud2Line } from '@remixicon/react'
-import DocumentFileIcon from '@/app/components/datasets/common/document-file-icon'
-import { cn } from '@/utils/classnames'
-import type { CustomFile as File, FileItem } from '@/models/datasets'
-import { ToastContext } from '@/app/components/base/toast'
-import { upload } from '@/service/base'
 import { getFileUploadErrorMessage } from '@/app/components/base/file-uploader/utils'
-import I18n from '@/context/i18n'
-import { LanguagesSupported } from '@/i18n-config/language'
+import { ToastContext } from '@/app/components/base/toast'
+import DocumentFileIcon from '@/app/components/datasets/common/document-file-icon'
 import { IS_CE_EDITION } from '@/config'
-import { Theme } from '@/types/app'
+import I18n from '@/context/i18n'
 import useTheme from '@/hooks/use-theme'
+import { LanguagesSupported } from '@/i18n-config/language'
+import { upload } from '@/service/base'
 import { useFileUploadConfig } from '@/service/use-common'
+import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
-import { produce } from 'immer'
-import dynamic from 'next/dynamic'
 
 const SimplePieChart = dynamic(() => import('@/app/components/base/simple-pie-chart'), { ssr: false })
 
@@ -273,13 +273,13 @@ const LocalFile = ({
   }, [handleDrop])
 
   return (
-    <div className='flex flex-col'>
+    <div className="flex flex-col">
       {!hideUpload && (
         <input
           ref={fileUploader}
-          id='fileUploader'
-          className='hidden'
-          type='file'
+          id="fileUploader"
+          className="hidden"
+          type="file"
           multiple={supportBatchUpload}
           accept={ACCEPTS.join(',')}
           onChange={fileChangeHandle}
@@ -291,28 +291,31 @@ const LocalFile = ({
           className={cn(
             'relative box-border flex min-h-20 flex-col items-center justify-center gap-1 rounded-xl border border-dashed border-components-dropzone-border bg-components-dropzone-bg px-4 py-3 text-xs leading-4 text-text-tertiary',
             dragging && 'border-components-dropzone-border-accent bg-components-dropzone-bg-accent',
-          )}>
-          <div className='flex min-h-5 items-center justify-center text-sm leading-4 text-text-secondary'>
-            <RiUploadCloud2Line className='mr-2 size-5' />
+          )}
+        >
+          <div className="flex min-h-5 items-center justify-center text-sm leading-4 text-text-secondary">
+            <RiUploadCloud2Line className="mr-2 size-5" />
 
             <span>
               {supportBatchUpload ? t('datasetCreation.stepOne.uploader.button') : t('datasetCreation.stepOne.uploader.buttonSingleFile')}
               {allowedExtensions.length > 0 && (
-                <label className='ml-1 cursor-pointer text-text-accent' onClick={selectHandle}>{t('datasetCreation.stepOne.uploader.browse')}</label>
+                <label className="ml-1 cursor-pointer text-text-accent" onClick={selectHandle}>{t('datasetCreation.stepOne.uploader.browse')}</label>
               )}
             </span>
           </div>
-          <div>{t('datasetCreation.stepOne.uploader.tip', {
-            size: fileUploadConfig.file_size_limit,
-            supportTypes: supportTypesShowNames,
-            batchCount: fileUploadConfig.batch_count_limit,
-            totalCount: fileUploadConfig.file_upload_limit,
-          })}</div>
-          {dragging && <div ref={dragRef} className='absolute left-0 top-0 h-full w-full' />}
+          <div>
+            {t('datasetCreation.stepOne.uploader.tip', {
+              size: fileUploadConfig.file_size_limit,
+              supportTypes: supportTypesShowNames,
+              batchCount: fileUploadConfig.batch_count_limit,
+              totalCount: fileUploadConfig.file_upload_limit,
+            })}
+          </div>
+          {dragging && <div ref={dragRef} className="absolute left-0 top-0 h-full w-full" />}
         </div>
       )}
       {localFileList.length > 0 && (
-        <div className='mt-1 flex flex-col gap-y-1'>
+        <div className="mt-1 flex flex-col gap-y-1">
           {localFileList.map((fileItem, index) => {
             const isUploading = fileItem.progress >= 0 && fileItem.progress < 100
             const isError = fileItem.progress === -2
@@ -325,38 +328,41 @@ const LocalFile = ({
                   isError && 'border-state-destructive-border bg-state-destructive-hover',
                 )}
               >
-                <div className='flex w-12 shrink-0 items-center justify-center'>
+                <div className="flex w-12 shrink-0 items-center justify-center">
                   <DocumentFileIcon
-                    size='lg'
-                    className='shrink-0'
+                    size="lg"
+                    className="shrink-0"
                     name={fileItem.file.name}
                     extension={getFileType(fileItem.file)}
                   />
                 </div>
-                <div className='flex shrink grow flex-col gap-0.5'>
-                  <div className='flex w-full'>
-                    <div className='w-0 grow truncate text-xs text-text-secondary'>{fileItem.file.name}</div>
+                <div className="flex shrink grow flex-col gap-0.5">
+                  <div className="flex w-full">
+                    <div className="w-0 grow truncate text-xs text-text-secondary">{fileItem.file.name}</div>
                   </div>
-                  <div className='w-full truncate text-2xs leading-3 text-text-tertiary'>
-                    <span className='uppercase'>{getFileType(fileItem.file)}</span>
-                    <span className='px-1 text-text-quaternary'>·</span>
+                  <div className="w-full truncate text-2xs leading-3 text-text-tertiary">
+                    <span className="uppercase">{getFileType(fileItem.file)}</span>
+                    <span className="px-1 text-text-quaternary">·</span>
                     <span>{getFileSize(fileItem.file.size)}</span>
                   </div>
                 </div>
-                <div className='flex w-16 shrink-0 items-center justify-end gap-1 pr-3'>
+                <div className="flex w-16 shrink-0 items-center justify-end gap-1 pr-3">
                   {isUploading && (
                     <SimplePieChart percentage={fileItem.progress} stroke={chartColor} fill={chartColor} animationDuration={0} />
                   )}
                   {
                     isError && (
-                      <RiErrorWarningFill className='size-4 text-text-destructive' />
+                      <RiErrorWarningFill className="size-4 text-text-destructive" />
                     )
                   }
-                  <span className='flex h-6 w-6 cursor-pointer items-center justify-center' onClick={(e) => {
-                    e.stopPropagation()
-                    removeFile(fileItem.fileID)
-                  }}>
-                    <RiDeleteBinLine className='size-4 text-text-tertiary' />
+                  <span
+                    className="flex h-6 w-6 cursor-pointer items-center justify-center"
+                    onClick={(e) => {
+                      e.stopPropagation()
+                      removeFile(fileItem.fileID)
+                    }}
+                  >
+                    <RiDeleteBinLine className="size-4 text-text-tertiary" />
                   </span>
                 </div>
               </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.spec.tsx
index 62576a75ea..80109c738a 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.spec.tsx
@@ -1,9 +1,9 @@
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import type { DataSourceNotionWorkspace, NotionPage } from '@/models/common'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import OnlineDocuments from './index'
-import type { DataSourceNotionWorkspace, NotionPage } from '@/models/common'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { VarKindType } from '@/app/components/workflow/nodes/_base/types'
+import OnlineDocuments from './index'
 
 // ==========================================
 // Mock Modules
@@ -99,7 +99,7 @@ vi.mock('../base/header', () => ({
 
 // Mock SearchInput component
 vi.mock('@/app/components/base/notion-page-selector/search-input', () => ({
-  default: ({ value, onChange }: { value: string; onChange: (v: string) => void }) => (
+  default: ({ value, onChange }: { value: string, onChange: (v: string) => void }) => (
     <div data-testid="search-input">
       <input
         data-testid="search-input-field"
@@ -179,7 +179,7 @@ const createMockWorkspace = (overrides?: Partial<DataSourceNotionWorkspace>): Da
   ...overrides,
 })
 
-const createMockCredential = (overrides?: Partial<{ id: string; name: string }>) => ({
+const createMockCredential = (overrides?: Partial<{ id: string, name: string }>) => ({
   id: 'cred-1',
   name: 'Test Credential',
   avatar_url: 'https://example.com/avatar.png',
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
index 607e4c17ea..9b0df231bd 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
@@ -1,22 +1,22 @@
-import { useCallback, useEffect, useMemo } from 'react'
-import SearchInput from '@/app/components/base/notion-page-selector/search-input'
-import PageSelector from './page-selector'
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import type { DataSourceNotionPageMap, DataSourceNotionWorkspace } from '@/models/common'
-import Header from '../base/header'
+import type { DataSourceNodeCompletedResponse, DataSourceNodeErrorResponse } from '@/types/pipeline'
+import { useCallback, useEffect, useMemo } from 'react'
+import { useShallow } from 'zustand/react/shallow'
+import Loading from '@/app/components/base/loading'
+import SearchInput from '@/app/components/base/notion-page-selector/search-input'
+import Toast from '@/app/components/base/toast'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useDocLink } from '@/context/i18n'
+import { useModalContextSelector } from '@/context/modal-context'
 import { DatasourceType } from '@/models/pipeline'
 import { ssePost } from '@/service/base'
-import Toast from '@/app/components/base/toast'
-import type { DataSourceNodeCompletedResponse, DataSourceNodeErrorResponse } from '@/types/pipeline'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
-import { useShallow } from 'zustand/react/shallow'
-import { useModalContextSelector } from '@/context/modal-context'
-import Title from './title'
 import { useGetDataSourceAuth } from '@/service/use-datasource'
-import Loading from '@/app/components/base/loading'
-import { useDocLink } from '@/context/i18n'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import Header from '../base/header'
+import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
+import PageSelector from './page-selector'
+import Title from './title'
 
 type OnlineDocumentsProps = {
   nodeId: string
@@ -106,7 +106,8 @@ const OnlineDocuments = ({
   }, [dataSourceStore, datasourceNodeRunURL, nodeData.datasource_parameters])
 
   useEffect(() => {
-    if (!currentCredentialId) return
+    if (!currentCredentialId)
+      return
     getOnlineDocuments()
   }, [currentCredentialId])
 
@@ -134,9 +135,9 @@ const OnlineDocuments = ({
   }, [setShowAccountSettingModal])
 
   return (
-    <div className='flex flex-col gap-y-2'>
+    <div className="flex flex-col gap-y-2">
       <Header
-        docTitle='Docs'
+        docTitle="Docs"
         docLink={docLink('/guides/knowledge-base/knowledge-pipeline/authorize-data-source')}
         onClickConfiguration={handleSetting}
         pluginName={nodeData.datasource_label}
@@ -144,9 +145,9 @@ const OnlineDocuments = ({
         onCredentialChange={onCredentialChange}
         credentials={dataSourceAuth?.result || []}
       />
-      <div className='rounded-xl border border-components-panel-border bg-background-default-subtle'>
-        <div className='flex items-center gap-x-2 rounded-t-xl border-b border-b-divider-regular bg-components-panel-bg p-1 pl-3'>
-          <div className='flex grow items-center'>
+      <div className="rounded-xl border border-components-panel-border bg-background-default-subtle">
+        <div className="flex items-center gap-x-2 rounded-t-xl border-b border-b-divider-regular bg-components-panel-bg p-1 pl-3">
+          <div className="flex grow items-center">
             <Title name={nodeData.datasource_label} />
           </div>
           <SearchInput
@@ -154,25 +155,27 @@ const OnlineDocuments = ({
             onChange={handleSearchValueChange}
           />
         </div>
-        <div className='overflow-hidden rounded-b-xl'>
-          {documentsData?.length ? (
-            <PageSelector
-              checkedIds={selectedPagesId}
-              disabledValue={new Set()}
-              searchValue={searchValue}
-              list={documentsData[0].pages || []}
-              pagesMap={PagesMapAndSelectedPagesId}
-              onSelect={handleSelectPages}
-              canPreview={!isInPipeline}
-              onPreview={handlePreviewPage}
-              isMultipleChoice={supportBatchUpload}
-              currentCredentialId={currentCredentialId}
-            />
-          ) : (
-            <div className='flex h-[296px] items-center justify-center'>
-              <Loading type='app' />
-            </div>
-          )}
+        <div className="overflow-hidden rounded-b-xl">
+          {documentsData?.length
+            ? (
+                <PageSelector
+                  checkedIds={selectedPagesId}
+                  disabledValue={new Set()}
+                  searchValue={searchValue}
+                  list={documentsData[0].pages || []}
+                  pagesMap={PagesMapAndSelectedPagesId}
+                  onSelect={handleSelectPages}
+                  canPreview={!isInPipeline}
+                  onPreview={handlePreviewPage}
+                  isMultipleChoice={supportBatchUpload}
+                  currentCredentialId={currentCredentialId}
+                />
+              )
+            : (
+                <div className="flex h-[296px] items-center justify-center">
+                  <Loading type="app" />
+                </div>
+              )}
         </div>
       </div>
     </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.spec.tsx
index 2d6216607b..c1fe9a8cda 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.spec.tsx
@@ -1,8 +1,8 @@
+import type { NotionPageTreeItem, NotionPageTreeMap } from './index'
+import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
 import PageSelector from './index'
-import type { NotionPageTreeItem, NotionPageTreeMap } from './index'
-import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
 import { recursivePushInParentDescendants } from './utils'
 
 // ==========================================
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx
index e3fc6e2571..3ff897ac5a 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx
@@ -1,7 +1,7 @@
+import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { FixedSizeList as List } from 'react-window'
-import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
 import Item from './item'
 import { recursivePushInParentDescendants } from './utils'
 
@@ -153,7 +153,7 @@ const PageSelector = ({
 
   if (!currentDataList.length) {
     return (
-      <div className='flex h-[296px] items-center justify-center text-[13px] text-text-tertiary'>
+      <div className="flex h-[296px] items-center justify-center text-[13px] text-text-tertiary">
         {t('common.dataSource.notion.selector.noSearchResult')}
       </div>
     )
@@ -161,11 +161,11 @@ const PageSelector = ({
 
   return (
     <List
-      className='py-2'
+      className="py-2"
       height={296}
       itemCount={currentDataList.length}
       itemSize={28}
-      width='100%'
+      width="100%"
       itemKey={(index, data) => data.dataList[index].page_id}
       itemData={{
         dataList: currentDataList,
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx
index fcb390c43c..bc494d93aa 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx
@@ -1,13 +1,13 @@
+import type { ListChildComponentProps } from 'react-window'
+import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
+import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { areEqual } from 'react-window'
-import type { ListChildComponentProps } from 'react-window'
-import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
 import Checkbox from '@/app/components/base/checkbox'
 import NotionIcon from '@/app/components/base/notion-icon'
-import { cn } from '@/utils/classnames'
-import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
 import Radio from '@/app/components/base/radio/ui'
+import { cn } from '@/utils/classnames'
 
 type NotionPageTreeItem = {
   children: Set<string>
@@ -63,14 +63,14 @@ const Item = ({ index, style, data }: ListChildComponentProps<{
     if (hasChild) {
       return (
         <div
-          className='mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-md hover:bg-components-button-ghost-bg-hover'
+          className="mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-md hover:bg-components-button-ghost-bg-hover"
           style={{ marginLeft: current.depth * 8 }}
           onClick={() => handleToggle(index)}
         >
           {
             current.expand
-              ? <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
-              : <RiArrowRightSLine className='h-4 w-4 text-text-tertiary' />
+              ? <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
+              : <RiArrowRightSLine className="h-4 w-4 text-text-tertiary" />
           }
         </div>
       )
@@ -81,42 +81,44 @@ const Item = ({ index, style, data }: ListChildComponentProps<{
       )
     }
     return (
-      <div className='mr-1 h-5 w-5 shrink-0' style={{ marginLeft: current.depth * 8 }} />
+      <div className="mr-1 h-5 w-5 shrink-0" style={{ marginLeft: current.depth * 8 }} />
     )
   }
 
   return (
     <div
-      className={cn('group flex cursor-pointer items-center rounded-md pl-2 pr-[2px] hover:bg-state-base-hover',
-        previewPageId === current.page_id && 'bg-state-base-hover')}
+      className={cn('group flex cursor-pointer items-center rounded-md pl-2 pr-[2px] hover:bg-state-base-hover', previewPageId === current.page_id && 'bg-state-base-hover')}
       style={{ ...style, top: style.top as number + 8, left: 8, right: 8, width: 'calc(100% - 16px)' }}
     >
-      {isMultipleChoice ? (
-        <Checkbox
-          className='mr-2 shrink-0'
-          checked={checkedIds.has(current.page_id)}
-          disabled={disabled}
-          onCheck={() => {
-            handleCheck(index)
-          }}
-        />) : (
-        <Radio
-          className='mr-2 shrink-0'
-          isChecked={checkedIds.has(current.page_id)}
-          disabled={disabled}
-          onCheck={() => {
-            handleCheck(index)
-          }}
-        />
-      )}
+      {isMultipleChoice
+        ? (
+            <Checkbox
+              className="mr-2 shrink-0"
+              checked={checkedIds.has(current.page_id)}
+              disabled={disabled}
+              onCheck={() => {
+                handleCheck(index)
+              }}
+            />
+          )
+        : (
+            <Radio
+              className="mr-2 shrink-0"
+              isChecked={checkedIds.has(current.page_id)}
+              disabled={disabled}
+              onCheck={() => {
+                handleCheck(index)
+              }}
+            />
+          )}
       {!searchValue && renderArrow()}
       <NotionIcon
-        className='mr-1 shrink-0'
-        type='page'
+        className="mr-1 shrink-0"
+        type="page"
         src={current.page_icon}
       />
       <div
-        className='grow truncate text-[13px] font-medium leading-4 text-text-secondary'
+        className="grow truncate text-[13px] font-medium leading-4 text-text-secondary"
         title={current.page_name}
       >
         {current.page_name}
@@ -124,10 +126,11 @@ const Item = ({ index, style, data }: ListChildComponentProps<{
       {
         canPreview && (
           <div
-            className='ml-1 hidden h-6 shrink-0 cursor-pointer items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-xs
+            className="ml-1 hidden h-6 shrink-0 cursor-pointer items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-xs
             font-medium leading-4 text-components-button-secondary-text shadow-xs shadow-shadow-shadow-3 backdrop-blur-[10px]
-            hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover group-hover:flex'
-            onClick={() => handlePreview(index)}>
+            hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover group-hover:flex"
+            onClick={() => handlePreview(index)}
+          >
             {t('common.dataSource.notion.selector.preview')}
           </div>
         )
@@ -135,7 +138,7 @@ const Item = ({ index, style, data }: ListChildComponentProps<{
       {
         searchValue && (
           <div
-            className='ml-1 max-w-[120px] shrink-0 truncate text-xs text-text-quaternary'
+            className="ml-1 max-w-[120px] shrink-0 truncate text-xs text-text-quaternary"
             title={breadCrumbs.join(' / ')}
           >
             {breadCrumbs.join(' / ')}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/utils.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/utils.ts
index 439e2e8b4a..395ef49006 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/utils.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/utils.ts
@@ -1,5 +1,5 @@
-import type { DataSourceNotionPageMap } from '@/models/common'
 import type { NotionPageTreeItem, NotionPageTreeMap } from './index'
+import type { DataSourceNotionPageMap } from '@/models/common'
 
 export const recursivePushInParentDescendants = (
   pagesMap: DataSourceNotionPageMap,
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/title.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/title.tsx
index d7e3d68afc..c9f48d0539 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/title.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/title.tsx
@@ -11,7 +11,7 @@ const Title = ({
   const { t } = useTranslation()
 
   return (
-    <div className='system-sm-medium px-[5px] py-1 text-text-secondary'>
+    <div className="system-sm-medium px-[5px] py-1 text-text-secondary">
       {t('datasetPipeline.onlineDocument.pageSelectorTitle', { name })}
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.spec.tsx
index 962c31f698..174c626243 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.spec.tsx
@@ -1,6 +1,6 @@
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { fireEvent, render, screen } from '@testing-library/react'
 import Connect from './index'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 
 // ==========================================
 // Mock Modules
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.tsx
index 95c0847194..d402cac0a8 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/connect/index.tsx
@@ -1,9 +1,9 @@
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { Icon3Dots } from '@/app/components/base/icons/src/vender/line/others'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import { useToolIcon } from '@/app/components/workflow/hooks'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { BlockEnum } from '@/app/components/workflow/types'
 
 type ConnectProps = {
@@ -19,27 +19,27 @@ const Connect = ({
   const toolIcon = useToolIcon(nodeData)
 
   return (
-    <div className='flex flex-col items-start gap-y-2 rounded-xl bg-workflow-process-bg p-6'>
-      <div className='flex size-12 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg p-1 shadow-lg shadow-shadow-shadow-5'>
+    <div className="flex flex-col items-start gap-y-2 rounded-xl bg-workflow-process-bg p-6">
+      <div className="flex size-12 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg p-1 shadow-lg shadow-shadow-shadow-5">
         <BlockIcon
           type={BlockEnum.DataSource}
           toolIcon={toolIcon}
-          size='md'
+          size="md"
         />
       </div>
-      <div className='flex flex-col gap-y-1'>
-        <div className='flex flex-col gap-y-1 pb-3 pt-1'>
-          <div className='system-md-semibold text-text-secondary'>
-            <span className='relative'>
+      <div className="flex flex-col gap-y-1">
+        <div className="flex flex-col gap-y-1 pb-3 pt-1">
+          <div className="system-md-semibold text-text-secondary">
+            <span className="relative">
               {t('datasetPipeline.onlineDrive.notConnected', { name: nodeData.title })}
-              <Icon3Dots className='absolute -right-2.5 -top-1.5 size-4 text-text-secondary' />
+              <Icon3Dots className="absolute -right-2.5 -top-1.5 size-4 text-text-secondary" />
             </span>
           </div>
-          <div className='system-sm-regular text-text-tertiary'>
+          <div className="system-sm-regular text-text-tertiary">
             {t('datasetPipeline.onlineDrive.notConnectedTip', { name: nodeData.title })}
           </div>
         </div>
-        <Button className='w-fit' variant='primary' onClick={onSetting}>
+        <Button className="w-fit" variant="primary" onClick={onSetting}>
           {t('datasetCreation.stepOne.connect')}
         </Button>
       </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/bucket.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/bucket.tsx
index 291d9088a6..06e4dc8386 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/bucket.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/bucket.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import { BucketsGray } from '@/app/components/base/icons/src/public/knowledge/online-drive'
 import Tooltip from '@/app/components/base/tooltip'
-import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
 
 type BucketProps = {
@@ -33,16 +33,16 @@ const Bucket = ({
         popupContent={t('datasetPipeline.onlineDrive.breadcrumbs.allBuckets')}
       >
         <button
-          type='button'
-          className='flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-md hover:bg-state-base-hover'
+          type="button"
+          className="flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-md hover:bg-state-base-hover"
           onClick={handleBackToBucketList}
         >
           <BucketsGray />
         </button>
       </Tooltip>
-      <span className='system-xs-regular text-divider-deep'>/</span>
+      <span className="system-xs-regular text-divider-deep">/</span>
       <button
-        type='button'
+        type="button"
         className={cn(
           'max-w-full shrink truncate rounded-md px-[5px] py-1',
           isActive ? 'system-sm-medium text-text-secondary' : 'system-sm-regular text-text-tertiary',
@@ -54,7 +54,7 @@ const Bucket = ({
       >
         {bucketName}
       </button>
-      {showSeparator && <span className='system-xs-regular shrink-0 text-divider-deep'>/</span>}
+      {showSeparator && <span className="system-xs-regular shrink-0 text-divider-deep">/</span>}
     </>
   )
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/drive.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/drive.tsx
index 78ba1d56de..91884ac2c8 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/drive.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/drive.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 
 type DriveProps = {
   breadcrumbs: string[]
@@ -16,7 +16,7 @@ const Drive = ({
   return (
     <>
       <button
-        type='button'
+        type="button"
         className={cn(
           'max-w-full shrink truncate rounded-md px-[5px] py-1',
           breadcrumbs.length > 0 && 'system-sm-regular text-text-tertiary hover:bg-state-base-hover',
@@ -27,7 +27,7 @@ const Drive = ({
       >
         {t('datasetPipeline.onlineDrive.breadcrumbs.allFiles')}
       </button>
-      {breadcrumbs.length > 0 && <span className='system-xs-regular text-divider-deep'>/</span>}
+      {breadcrumbs.length > 0 && <span className="system-xs-regular text-divider-deep">/</span>}
     </>
   )
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.spec.tsx
index 8201fe0b9a..174e5f6287 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.spec.tsx
@@ -528,10 +528,13 @@ describe('Dropdown', () => {
       fireEvent.click(screen.getByText('folder'))
 
       // Rerender with different callback
-      rerender(<Dropdown {...createDefaultProps({
-        breadcrumbs: ['folder'],
-        onBreadcrumbClick: mockOnBreadcrumbClick2,
-      })} />)
+      rerender(
+        <Dropdown {...createDefaultProps({
+          breadcrumbs: ['folder'],
+          onBreadcrumbClick: mockOnBreadcrumbClick2,
+        })}
+        />,
+      )
 
       // Open and click with second callback
       fireEvent.click(screen.getByRole('button'))
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.tsx
index 7e03049e6f..5b4948241f 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/index.tsx
@@ -1,10 +1,10 @@
+import { RiMoreFill } from '@remixicon/react'
 import React, { useCallback, useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { RiMoreFill } from '@remixicon/react'
 import { cn } from '@/utils/classnames'
 import Menu from './menu'
 
@@ -34,7 +34,7 @@ const Dropdown = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: -13,
@@ -42,23 +42,23 @@ const Dropdown = ({
     >
       <PortalToFollowElemTrigger onClick={handleTrigger}>
         <button
-          type='button'
+          type="button"
           className={cn(
             'flex size-6 items-center justify-center rounded-md',
             open ? 'bg-state-base-hover' : 'hover:bg-state-base-hover',
           )}
         >
-          <RiMoreFill className='size-4 text-text-tertiary' />
+          <RiMoreFill className="size-4 text-text-tertiary" />
         </button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
+      <PortalToFollowElemContent className="z-[11]">
         <Menu
           breadcrumbs={breadcrumbs}
           startIndex={startIndex}
           onBreadcrumbClick={handleBreadCrumbClick}
         />
       </PortalToFollowElemContent>
-      <span className='system-xs-regular text-divider-deep'>/</span>
+      <span className="system-xs-regular text-divider-deep">/</span>
     </PortalToFollowElem>
   )
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/item.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/item.tsx
index ead587b726..59ad8a6e10 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/item.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/item.tsx
@@ -17,7 +17,7 @@ const Item = ({
 
   return (
     <div
-      className='system-md-regular rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'
+      className="system-md-regular rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover"
       onClick={handleClick}
     >
       {name}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/menu.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/menu.tsx
index b0d8e8d70b..9c5b15cb47 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/menu.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/dropdown/menu.tsx
@@ -13,7 +13,7 @@ const Menu = ({
   onBreadcrumbClick,
 }: MenuProps) => {
   return (
-    <div className='flex w-[136px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]'>
+    <div className="flex w-[136px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]">
       {breadcrumbs.map((breadcrumb, index) => {
         return (
           <Item
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/index.tsx
index ab04b9233a..4657b79c19 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/index.tsx
@@ -2,9 +2,9 @@ import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useDataSourceStore, useDataSourceStoreWithSelector } from '../../../../store'
 import Bucket from './bucket'
-import BreadcrumbItem from './item'
-import Dropdown from './dropdown'
 import Drive from './drive'
+import Dropdown from './dropdown'
+import BreadcrumbItem from './item'
 
 type BreadcrumbsProps = {
   breadcrumbs: string[]
@@ -80,9 +80,9 @@ const Breadcrumbs = ({
   }, [dataSourceStore])
 
   return (
-    <div className='flex grow items-center overflow-hidden'>
+    <div className="flex grow items-center overflow-hidden">
       {showSearchResult && (
-        <div className='system-sm-medium text-test-secondary px-[5px]'>
+        <div className="system-sm-medium text-test-secondary px-[5px]">
           {t('datasetPipeline.onlineDrive.breadcrumbs.searchResult', {
             searchResultsLength,
             folderName: breadcrumbs.length > 0 ? breadcrumbs[breadcrumbs.length - 1] : bucket,
@@ -90,12 +90,12 @@ const Breadcrumbs = ({
         </div>
       )}
       {!showSearchResult && showBucketListTitle && (
-        <div className='system-sm-medium text-test-secondary px-[5px]'>
+        <div className="system-sm-medium text-test-secondary px-[5px]">
           {t('datasetPipeline.onlineDrive.breadcrumbs.allBuckets')}
         </div>
       )}
       {!showSearchResult && !showBucketListTitle && (
-        <div className='flex w-full items-center gap-x-0.5 overflow-hidden'>
+        <div className="flex w-full items-center gap-x-0.5 overflow-hidden">
           {hasBucket && bucket && (
             <Bucket
               bucketName={bucket}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/item.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/item.tsx
index bbdee474ba..fa019642f3 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/item.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/breadcrumbs/item.tsx
@@ -26,7 +26,7 @@ const BreadcrumbItem = ({
   return (
     <>
       <button
-        type='button'
+        type="button"
         className={cn(
           'max-w-full shrink truncate rounded-md px-[5px] py-1',
           isActive ? 'system-sm-medium text-text-secondary' : 'system-sm-regular text-text-tertiary',
@@ -38,7 +38,7 @@ const BreadcrumbItem = ({
       >
         {name}
       </button>
-      {showSeparator && <span className='system-xs-regular shrink-0 text-divider-deep'>/</span>}
+      {showSeparator && <span className="system-xs-regular shrink-0 text-divider-deep">/</span>}
     </>
   )
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/index.tsx
index ea8303f4e4..cda916a4e8 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/header/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
-import Breadcrumbs from './breadcrumbs'
-import Input from '@/app/components/base/input'
 import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import Breadcrumbs from './breadcrumbs'
 
 type HeaderProps = {
   breadcrumbs: string[]
@@ -27,7 +27,7 @@ const Header = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center gap-x-2 bg-components-panel-bg p-1 pl-3'>
+    <div className="flex items-center gap-x-2 bg-components-panel-bg p-1 pl-3">
       <Breadcrumbs
         breadcrumbs={breadcrumbs}
         keywords={keywords}
@@ -42,7 +42,7 @@ const Header = ({
         placeholder={t('datasetPipeline.onlineDrive.breadcrumbs.searchPlaceholder')}
         showLeftIcon
         showClearIcon
-        wrapperClassName='w-[200px] h-8 shrink-0'
+        wrapperClassName="w-[200px] h-8 shrink-0"
       />
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.spec.tsx
index 3219446689..0e69a18574 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.spec.tsx
@@ -1,8 +1,8 @@
+import type { OnlineDriveFile } from '@/models/pipeline'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
-import FileList from './index'
-import type { OnlineDriveFile } from '@/models/pipeline'
 import { OnlineDriveFileType } from '@/models/pipeline'
+import FileList from './index'
 
 // ==========================================
 // Mock Modules
@@ -544,8 +544,7 @@ describe('FileList', () => {
     it('should handle large number of files', () => {
       // Arrange
       const fileList = Array.from({ length: 50 }, (_, i) =>
-        createMockOnlineDriveFile({ id: `file-${i}`, name: `file-${i}.txt` }),
-      )
+        createMockOnlineDriveFile({ id: `file-${i}`, name: `file-${i}.txt` }))
       const props = createDefaultProps({ fileList })
 
       // Act
@@ -598,8 +597,7 @@ describe('FileList', () => {
     ])('should handle $description correctly', ({ isLoading, fileCount }) => {
       // Arrange
       const fileList = Array.from({ length: fileCount }, (_, i) =>
-        createMockOnlineDriveFile({ id: `file-${i}`, name: `file-${i}.txt` }),
-      )
+        createMockOnlineDriveFile({ id: `file-${i}`, name: `file-${i}.txt` }))
       const props = createDefaultProps({ isLoading, fileList })
 
       // Act
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.tsx
index ef63460ef3..056fea14b7 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/index.tsx
@@ -1,8 +1,8 @@
 import type { OnlineDriveFile } from '@/models/pipeline'
+import { useDebounceFn } from 'ahooks'
+import { useState } from 'react'
 import Header from './header'
 import List from './list'
-import { useState } from 'react'
-import { useDebounceFn } from 'ahooks'
 
 type FileListProps = {
   fileList: OnlineDriveFile[]
@@ -56,7 +56,7 @@ const FileList = ({
   }
 
   return (
-    <div className='flex h-[400px] flex-col overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3'>
+    <div className="flex h-[400px] flex-col overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3">
       <Header
         breadcrumbs={breadcrumbs}
         inputValue={inputValue}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-folder.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-folder.tsx
index 18dc63aee1..595e976ba3 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-folder.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-folder.tsx
@@ -5,8 +5,8 @@ const EmptyFolder = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='flex size-full items-center justify-center rounded-[10px] bg-background-section px-1 py-1.5'>
-      <span className='system-xs-regular text-text-tertiary'>{t('datasetPipeline.onlineDrive.emptyFolder')}</span>
+    <div className="flex size-full items-center justify-center rounded-[10px] bg-background-section px-1 py-1.5">
+      <span className="system-xs-regular text-text-tertiary">{t('datasetPipeline.onlineDrive.emptyFolder')}</span>
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-search-result.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-search-result.tsx
index 77c85d624c..d435f38e64 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-search-result.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/empty-search-result.tsx
@@ -1,7 +1,7 @@
-import Button from '@/app/components/base/button'
-import { SearchMenu } from '@/app/components/base/icons/src/vender/knowledge'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { SearchMenu } from '@/app/components/base/icons/src/vender/knowledge'
 
 type EmptySearchResultProps = {
   onResetKeywords: () => void
@@ -15,18 +15,18 @@ const EmptySearchResult = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex size-full flex-col items-center justify-center gap-y-2 rounded-[10px] bg-background-section p-6'>
-      <SearchMenu className='size-8 text-text-tertiary' />
-      <div className='system-sm-regular text-text-secondary'>
+    <div className="flex size-full flex-col items-center justify-center gap-y-2 rounded-[10px] bg-background-section p-6">
+      <SearchMenu className="size-8 text-text-tertiary" />
+      <div className="system-sm-regular text-text-secondary">
         {t('datasetPipeline.onlineDrive.emptySearchResult')}
       </div>
       <Button
-        variant='secondary-accent'
-        size='small'
+        variant="secondary-accent"
+        size="small"
         onClick={onResetKeywords}
-        className='px-1.5'
+        className="px-1.5"
       >
-        <span className='px-[3px]'>{t('datasetPipeline.onlineDrive.resetKeywords')}</span>
+        <span className="px-[3px]">{t('datasetPipeline.onlineDrive.resetKeywords')}</span>
       </Button>
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/file-icon.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/file-icon.tsx
index d4e710b297..1c25532884 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/file-icon.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/file-icon.tsx
@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react'
-import { OnlineDriveFileType } from '@/models/pipeline'
-import { BucketsBlue, Folder } from '@/app/components/base/icons/src/public/knowledge/online-drive'
 import FileTypeIcon from '@/app/components/base/file-uploader/file-type-icon'
-import { getFileType } from './utils'
+import { BucketsBlue, Folder } from '@/app/components/base/icons/src/public/knowledge/online-drive'
+import { OnlineDriveFileType } from '@/models/pipeline'
 import { cn } from '@/utils/classnames'
+import { getFileType } from './utils'
 
 type FileIconProps = {
   type: OnlineDriveFileType
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.spec.tsx
index a1c87be427..29683bcfa9 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.spec.tsx
@@ -1,9 +1,9 @@
 import type { Mock } from 'vitest'
+import type { OnlineDriveFile } from '@/models/pipeline'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import List from './index'
-import type { OnlineDriveFile } from '@/models/pipeline'
 import { OnlineDriveFileType } from '@/models/pipeline'
+import List from './index'
 
 // ==========================================
 // Mock Modules
@@ -1086,35 +1086,34 @@ describe('List', () => {
       { isLoading: false, fileCount: 0, keywords: '', expectedState: 'empty-folder' },
       { isLoading: false, fileCount: 0, keywords: 'search', expectedState: 'empty-search' },
       { isLoading: false, fileCount: 5, keywords: '', expectedState: 'file-list' },
-    ])('should render $expectedState when isLoading=$isLoading, fileCount=$fileCount, keywords=$keywords',
-      ({ isLoading, fileCount, keywords, expectedState }) => {
-        // Arrange
-        const fileList = createMockFileList(fileCount)
-        const props = createDefaultProps({ fileList, isLoading, keywords })
+    ])('should render $expectedState when isLoading=$isLoading, fileCount=$fileCount, keywords=$keywords', ({ isLoading, fileCount, keywords, expectedState }) => {
+      // Arrange
+      const fileList = createMockFileList(fileCount)
+      const props = createDefaultProps({ fileList, isLoading, keywords })
 
-        // Act
-        render(<List {...props} />)
+      // Act
+      render(<List {...props} />)
 
-        // Assert
-        switch (expectedState) {
-          case 'all-loading':
-            expect(screen.getByRole('status')).toBeInTheDocument()
-            break
-          case 'partial-loading':
-            expect(screen.getByRole('status')).toBeInTheDocument()
-            expect(screen.getByTestId('item-file-1')).toBeInTheDocument()
-            break
-          case 'empty-folder':
-            expect(screen.getByTestId('empty-folder')).toBeInTheDocument()
-            break
-          case 'empty-search':
-            expect(screen.getByTestId('empty-search-result')).toBeInTheDocument()
-            break
-          case 'file-list':
-            expect(screen.getByTestId('item-file-1')).toBeInTheDocument()
-            break
-        }
-      })
+      // Assert
+      switch (expectedState) {
+        case 'all-loading':
+          expect(screen.getByRole('status')).toBeInTheDocument()
+          break
+        case 'partial-loading':
+          expect(screen.getByRole('status')).toBeInTheDocument()
+          expect(screen.getByTestId('item-file-1')).toBeInTheDocument()
+          break
+        case 'empty-folder':
+          expect(screen.getByTestId('empty-folder')).toBeInTheDocument()
+          break
+        case 'empty-search':
+          expect(screen.getByTestId('empty-search-result')).toBeInTheDocument()
+          break
+        case 'file-list':
+          expect(screen.getByTestId('item-file-1')).toBeInTheDocument()
+          break
+      }
+    })
 
     it.each([
       { selectedCount: 0, expectedSelected: [] },
@@ -1298,7 +1297,7 @@ describe('EmptySearchResult', () => {
 // ==========================================
 describe('FileIcon', () => {
   // Get real component for testing
-  type FileIconProps = { type: OnlineDriveFileType; fileName: string; size?: 'sm' | 'md' | 'lg' | 'xl'; className?: string }
+  type FileIconProps = { type: OnlineDriveFileType, fileName: string, size?: 'sm' | 'md' | 'lg' | 'xl', className?: string }
   let ActualFileIcon: React.ComponentType<FileIconProps>
 
   beforeAll(async () => {
@@ -1757,7 +1756,7 @@ describe('utils', () => {
   let FileAppearanceTypeEnum: Record<string, string>
 
   beforeAll(async () => {
-    const utils = await vi.importActual<{ getFileExtension: typeof getFileExtension; getFileType: typeof getFileType }>('./utils')
+    const utils = await vi.importActual<{ getFileExtension: typeof getFileExtension, getFileType: typeof getFileType }>('./utils')
     const types = await vi.importActual<{ FileAppearanceTypeEnum: typeof FileAppearanceTypeEnum }>('@/app/components/base/file-uploader/types')
     getFileExtension = utils.getFileExtension
     getFileType = utils.getFileType
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.tsx
index 5c3fefc184..ecf28026d3 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/index.tsx
@@ -1,12 +1,12 @@
+import type { OnlineDriveFile } from '@/models/pipeline'
+import { RiLoader2Line } from '@remixicon/react'
 import React, { useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { OnlineDriveFile } from '@/models/pipeline'
-import Item from './item'
+import Loading from '@/app/components/base/loading'
+import { useDataSourceStore } from '../../../store'
 import EmptyFolder from './empty-folder'
 import EmptySearchResult from './empty-search-result'
-import Loading from '@/app/components/base/loading'
-import { RiLoader2Line } from '@remixicon/react'
-import { useDataSourceStore } from '../../../store'
+import Item from './item'
 
 type FileListProps = {
   fileList: OnlineDriveFile[]
@@ -54,10 +54,10 @@ const List = ({
   const isSearchResultEmpty = !isLoading && fileList.length === 0 && keywords.length > 0
 
   return (
-    <div className='grow overflow-hidden p-1 pt-0'>
+    <div className="grow overflow-hidden p-1 pt-0">
       {
         isAllLoading && (
-          <Loading type='app' />
+          <Loading type="app" />
         )
       }
       {
@@ -71,7 +71,7 @@ const List = ({
         )
       }
       {fileList.length > 0 && (
-        <div className='flex h-full flex-col gap-y-px overflow-y-auto rounded-[10px] bg-background-section px-1 py-1.5'>
+        <div className="flex h-full flex-col gap-y-px overflow-y-auto rounded-[10px] bg-background-section px-1 py-1.5">
           {
             fileList.map((file) => {
               const isSelected = selectedFileIds.includes(file.id)
@@ -90,16 +90,16 @@ const List = ({
           {
             isPartialLoading && (
               <div
-                className='flex items-center justify-center py-2'
-                role='status'
-                aria-live='polite'
+                className="flex items-center justify-center py-2"
+                role="status"
+                aria-live="polite"
                 aria-label={t('appApi.loading')}
               >
-                <RiLoader2Line className='animation-spin size-4 text-text-tertiary' />
+                <RiLoader2Line className="animation-spin size-4 text-text-tertiary" />
               </div>
             )
           }
-          <div ref={anchorRef} className='h-0' />
+          <div ref={anchorRef} className="h-0" />
         </div>
       )}
     </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/item.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/item.tsx
index 8b87718615..8672a1841a 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/item.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/file-list/list/item.tsx
@@ -1,13 +1,13 @@
-import Checkbox from '@/app/components/base/checkbox'
-import Radio from '@/app/components/base/radio/ui'
+import type { Placement } from '@floating-ui/react'
 import type { OnlineDriveFile } from '@/models/pipeline'
 import React, { useCallback } from 'react'
-import FileIcon from './file-icon'
-import { formatFileSize } from '@/utils/format'
-import Tooltip from '@/app/components/base/tooltip'
 import { useTranslation } from 'react-i18next'
+import Checkbox from '@/app/components/base/checkbox'
+import Radio from '@/app/components/base/radio/ui'
+import Tooltip from '@/app/components/base/tooltip'
 import { cn } from '@/utils/classnames'
-import type { Placement } from '@floating-ui/react'
+import { formatFileSize } from '@/utils/format'
+import FileIcon from './file-icon'
 
 type ItemProps = {
   file: OnlineDriveFile
@@ -33,11 +33,13 @@ const Item = ({
   const isFolder = type === 'folder'
 
   const Wrapper = disabled ? Tooltip : React.Fragment
-  const wrapperProps = disabled ? {
-    popupContent: t('datasetPipeline.onlineDrive.notSupportedFileType'),
-    position: 'top-end' as Placement,
-    offset: { mainAxis: 4, crossAxis: -104 },
-  } : {}
+  const wrapperProps = disabled
+    ? {
+        popupContent: t('datasetPipeline.onlineDrive.notSupportedFileType'),
+        position: 'top-end' as Placement,
+        offset: { mainAxis: 4, crossAxis: -104 },
+      }
+    : {}
 
   const handleSelect = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
     e.stopPropagation()
@@ -46,7 +48,8 @@ const Item = ({
 
   const handleClickItem = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
     e.stopPropagation()
-    if (disabled) return
+    if (disabled)
+      return
     if (isBucket || isFolder) {
       onOpen(file)
       return
@@ -56,12 +59,12 @@ const Item = ({
 
   return (
     <div
-      className='flex cursor-pointer items-center gap-2 rounded-md px-2 py-[3px] hover:bg-state-base-hover'
+      className="flex cursor-pointer items-center gap-2 rounded-md px-2 py-[3px] hover:bg-state-base-hover"
       onClick={handleClickItem}
     >
       {!isBucket && isMultipleChoice && (
         <Checkbox
-          className='shrink-0'
+          className="shrink-0"
           disabled={disabled}
           id={id}
           checked={isSelected}
@@ -70,7 +73,7 @@ const Item = ({
       )}
       {!isBucket && !isMultipleChoice && (
         <Radio
-          className='shrink-0'
+          className="shrink-0"
           disabled={disabled}
           isChecked={isSelected}
           onCheck={handleSelect}
@@ -83,16 +86,17 @@ const Item = ({
           className={cn(
             'flex grow items-center gap-x-1 overflow-hidden py-0.5',
             disabled && 'opacity-30',
-          )}>
-          <FileIcon type={type} fileName={name} className='shrink-0 transform-gpu' />
+          )}
+        >
+          <FileIcon type={type} fileName={name} className="shrink-0 transform-gpu" />
           <span
-            className='system-sm-medium grow truncate text-text-secondary'
+            className="system-sm-medium grow truncate text-text-secondary"
             title={name}
           >
             {name}
           </span>
           {!isFolder && typeof size === 'number' && (
-            <span className='system-xs-regular shrink-0 text-text-tertiary'>{formatFileSize(size)}</span>
+            <span className="system-xs-regular shrink-0 text-text-tertiary">{formatFileSize(size)}</span>
           )}
         </div>
       </Wrapper>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/header.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/header.tsx
index 905a2c2492..4092a5b80c 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/header.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/header.tsx
@@ -1,7 +1,7 @@
+import { RiBookOpenLine, RiEqualizer2Line } from '@remixicon/react'
 import React from 'react'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
-import { RiBookOpenLine, RiEqualizer2Line } from '@remixicon/react'
 
 type HeaderProps = {
   onClickConfiguration?: () => void
@@ -15,31 +15,31 @@ const Header = ({
   docLink,
 }: HeaderProps) => {
   return (
-    <div className='flex items-center gap-x-2'>
-      <div className='flex shrink-0 grow items-center gap-x-1'>
-        <div className='w-20 bg-black'>
+    <div className="flex items-center gap-x-2">
+      <div className="flex shrink-0 grow items-center gap-x-1">
+        <div className="w-20 bg-black">
           {/* placeholder */}
         </div>
-        <Divider type='vertical' className='mx-1 h-3.5' />
+        <Divider type="vertical" className="mx-1 h-3.5" />
         <Button
-          variant='ghost'
-          size='small'
-          className='px-1'
+          variant="ghost"
+          size="small"
+          className="px-1"
         >
           <RiEqualizer2Line
-            className='size-4'
+            className="size-4"
             onClick={onClickConfiguration}
           />
         </Button>
       </div>
       <a
-        className='system-xs-medium flex items-center gap-x-1 overflow-hidden text-text-accent'
+        className="system-xs-medium flex items-center gap-x-1 overflow-hidden text-text-accent"
         href={docLink}
-        target='_blank'
-        rel='noopener noreferrer'
+        target="_blank"
+        rel="noopener noreferrer"
       >
-        <RiBookOpenLine className='size-3.5 shrink-0' />
-        <span className='grow truncate' title={docTitle}>{docTitle}</span>
+        <RiBookOpenLine className="size-3.5 shrink-0" />
+        <span className="grow truncate" title={docTitle}>{docTitle}</span>
       </a>
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.spec.tsx
index 51154ae126..ff65ad1385 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.spec.tsx
@@ -1,13 +1,13 @@
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import type { OnlineDriveFile } from '@/models/pipeline'
+import type { OnlineDriveData } from '@/types/pipeline'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import OnlineDrive from './index'
-import Header from './header'
-import { convertOnlineDriveData, isBucketListInitiation, isFile } from './utils'
-import type { OnlineDriveFile } from '@/models/pipeline'
-import { DatasourceType, OnlineDriveFileType } from '@/models/pipeline'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import type { OnlineDriveData } from '@/types/pipeline'
+import { DatasourceType, OnlineDriveFileType } from '@/models/pipeline'
+import Header from './header'
+import OnlineDrive from './index'
+import { convertOnlineDriveData, isBucketListInitiation, isFile } from './utils'
 
 // ==========================================
 // Mock Modules
@@ -198,7 +198,7 @@ const createMockOnlineDriveFile = (overrides?: Partial<OnlineDriveFile>): Online
   ...overrides,
 })
 
-const createMockCredential = (overrides?: Partial<{ id: string; name: string }>) => ({
+const createMockCredential = (overrides?: Partial<{ id: string, name: string }>) => ({
   id: 'cred-1',
   name: 'Test Credential',
   avatar_url: 'https://example.com/avatar.png',
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx
index 1d279e146d..508745aaeb 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx
@@ -1,21 +1,21 @@
 import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import Header from '../base/header'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import FileList from './file-list'
 import type { OnlineDriveFile } from '@/models/pipeline'
-import { DatasourceType, OnlineDriveFileType } from '@/models/pipeline'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import { ssePost } from '@/service/base'
 import type { DataSourceNodeCompletedResponse, DataSourceNodeErrorResponse } from '@/types/pipeline'
-import Toast from '@/app/components/base/toast'
-import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
-import { convertOnlineDriveData } from './utils'
 import { produce } from 'immer'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useShallow } from 'zustand/react/shallow'
-import { useModalContextSelector } from '@/context/modal-context'
-import { useGetDataSourceAuth } from '@/service/use-datasource'
-import { useDocLink } from '@/context/i18n'
+import Toast from '@/app/components/base/toast'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useDocLink } from '@/context/i18n'
+import { useModalContextSelector } from '@/context/modal-context'
+import { DatasourceType, OnlineDriveFileType } from '@/models/pipeline'
+import { ssePost } from '@/service/base'
+import { useGetDataSourceAuth } from '@/service/use-datasource'
+import Header from '../base/header'
+import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
+import FileList from './file-list'
+import { convertOnlineDriveData } from './utils'
 
 type OnlineDriveProps = {
   nodeId: string
@@ -69,7 +69,8 @@ const OnlineDrive = ({
     : `/rag/pipelines/${pipelineId}/workflows/draft/datasource/nodes/${nodeId}/run`
 
   const getOnlineDriveFiles = useCallback(async () => {
-    if (isLoadingRef.current) return
+    if (isLoadingRef.current)
+      return
     const { nextPageParameters, prefix, bucket, onlineDriveFileList, currentCredentialId } = dataSourceStore.getState()
     setIsLoading(true)
     isLoadingRef.current = true
@@ -116,7 +117,8 @@ const OnlineDrive = ({
   }, [dataSourceStore, datasourceNodeRunURL, breadcrumbs])
 
   useEffect(() => {
-    if (!currentCredentialId) return
+    if (!currentCredentialId)
+      return
     if (isInitialMount) {
       // Only fetch files on initial mount if fileList is empty
       if (onlineDriveFileList.length === 0)
@@ -147,14 +149,16 @@ const OnlineDrive = ({
 
   const handleSelectFile = useCallback((file: OnlineDriveFile) => {
     const { selectedFileIds, setSelectedFileIds } = dataSourceStore.getState()
-    if (file.type === OnlineDriveFileType.bucket) return
+    if (file.type === OnlineDriveFileType.bucket)
+      return
     const newSelectedFileList = produce(selectedFileIds, (draft) => {
       if (draft.includes(file.id)) {
         const index = draft.indexOf(file.id)
         draft.splice(index, 1)
       }
       else {
-        if (!supportBatchUpload && draft.length >= 1) return
+        if (!supportBatchUpload && draft.length >= 1)
+          return
         draft.push(file.id)
       }
     })
@@ -163,7 +167,8 @@ const OnlineDrive = ({
 
   const handleOpenFolder = useCallback((file: OnlineDriveFile) => {
     const { breadcrumbs, prefix, setBreadcrumbs, setPrefix, setBucket, setOnlineDriveFileList, setSelectedFileIds } = dataSourceStore.getState()
-    if (file.type === OnlineDriveFileType.file) return
+    if (file.type === OnlineDriveFileType.file)
+      return
     setOnlineDriveFileList([])
     if (file.type === OnlineDriveFileType.bucket) {
       setBucket(file.name)
@@ -188,9 +193,9 @@ const OnlineDrive = ({
   }, [setShowAccountSettingModal])
 
   return (
-    <div className='flex flex-col gap-y-2'>
+    <div className="flex flex-col gap-y-2">
       <Header
-        docTitle='Docs'
+        docTitle="Docs"
         docLink={docLink('/guides/knowledge-base/knowledge-pipeline/authorize-data-source')}
         onClickConfiguration={handleSetting}
         pluginName={nodeData.datasource_label}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/utils.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/utils.ts
index 44de43f213..89b84069fe 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/utils.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/utils.ts
@@ -1,19 +1,21 @@
-import { type OnlineDriveFile, OnlineDriveFileType } from '@/models/pipeline'
+import type { OnlineDriveFile } from '@/models/pipeline'
 import type { OnlineDriveData } from '@/types/pipeline'
+import { OnlineDriveFileType } from '@/models/pipeline'
 
 export const isFile = (type: 'file' | 'folder'): boolean => {
   return type === 'file'
 }
 
 export const isBucketListInitiation = (data: OnlineDriveData[], prefix: string[], bucket: string): boolean => {
-  if (bucket || prefix.length > 0) return false
+  if (bucket || prefix.length > 0)
+    return false
   const hasBucket = data.every(item => !!item.bucket)
   return hasBucket && (data.length > 1 || (data.length === 1 && !!data[0].bucket && data[0].files.length === 0))
 }
 
 export const convertOnlineDriveData = (data: OnlineDriveData[], prefix: string[], bucket: string): {
-  fileList: OnlineDriveFile[],
-  isTruncated: boolean,
+  fileList: OnlineDriveFile[]
+  isTruncated: boolean
   nextPageParameters: Record<string, any>
   hasBucket: boolean
 } => {
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts
index 8ec6a85764..03fa2ed7e3 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts
@@ -1,16 +1,16 @@
+import type { CommonShape } from './slices/common'
+import type { LocalFileSliceShape } from './slices/local-file'
+import type { OnlineDocumentSliceShape } from './slices/online-document'
+import type { OnlineDriveSliceShape } from './slices/online-drive'
+import type { WebsiteCrawlSliceShape } from './slices/website-crawl'
 import { useContext } from 'react'
 import { createStore, useStore } from 'zustand'
 import { DataSourceContext } from './provider'
-import type { CommonShape } from './slices/common'
 import { createCommonSlice } from './slices/common'
-import type { LocalFileSliceShape } from './slices/local-file'
 import { createLocalFileSlice } from './slices/local-file'
-import type { OnlineDocumentSliceShape } from './slices/online-document'
 import { createOnlineDocumentSlice } from './slices/online-document'
-import type { WebsiteCrawlSliceShape } from './slices/website-crawl'
-import { createWebsiteCrawlSlice } from './slices/website-crawl'
-import type { OnlineDriveSliceShape } from './slices/online-drive'
 import { createOnlineDriveSlice } from './slices/online-drive'
+import { createWebsiteCrawlSlice } from './slices/website-crawl'
 
 export type DataSourceShape = CommonShape
   & LocalFileSliceShape
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/checkbox-with-label.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/checkbox-with-label.tsx
index 6ae40f6eed..f109737a41 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/checkbox-with-label.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/checkbox-with-label.tsx
@@ -1,8 +1,8 @@
 'use client'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import Checkbox from '@/app/components/base/checkbox'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 
 type CheckboxWithLabelProps = {
   className?: string
@@ -28,9 +28,9 @@ const CheckboxWithLabel = ({
       {tooltip && (
         <Tooltip
           popupContent={
-            <div className='w-[200px]'>{tooltip}</div>
+            <div className="w-[200px]">{tooltip}</div>
           }
-          triggerClassName='ml-0.5 w-4 h-4'
+          triggerClassName="ml-0.5 w-4 h-4"
         />
       )}
     </label>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result-item.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result-item.tsx
index c0bd4d46ee..871be218b3 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result-item.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result-item.tsx
@@ -1,11 +1,11 @@
 'use client'
-import React, { useCallback } from 'react'
-import { cn } from '@/utils/classnames'
 import type { CrawlResultItem as CrawlResultItemType } from '@/models/datasets'
-import Checkbox from '@/app/components/base/checkbox'
-import Button from '@/app/components/base/button'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Checkbox from '@/app/components/base/checkbox'
 import Radio from '@/app/components/base/radio/ui'
+import { cn } from '@/utils/classnames'
 
 type CrawledResultItemProps = {
   payload: CrawlResultItemType
@@ -36,31 +36,34 @@ const CrawledResultItem = ({
     <div className={cn(
       'relative flex cursor-pointer gap-x-2 rounded-lg p-2',
       isPreview ? 'bg-state-base-active' : 'group hover:bg-state-base-hover',
-    )}>
+    )}
+    >
       {
-        isMultipleChoice ? (
-          <Checkbox
-            className='shrink-0'
-            checked={isChecked}
-            onCheck={handleCheckChange}
-          />
-        ) : (
-          <Radio
-            className='shrink-0'
-            isChecked={isChecked}
-            onCheck={handleCheckChange}
-          />
-        )
+        isMultipleChoice
+          ? (
+              <Checkbox
+                className="shrink-0"
+                checked={isChecked}
+                onCheck={handleCheckChange}
+              />
+            )
+          : (
+              <Radio
+                className="shrink-0"
+                isChecked={isChecked}
+                onCheck={handleCheckChange}
+              />
+            )
       }
-      <div className='flex min-w-0 grow flex-col gap-y-0.5'>
+      <div className="flex min-w-0 grow flex-col gap-y-0.5">
         <div
-          className='system-sm-medium truncate text-text-secondary'
+          className="system-sm-medium truncate text-text-secondary"
           title={payload.title}
         >
           {payload.title}
         </div>
         <div
-          className='system-xs-regular truncate text-text-tertiary'
+          className="system-xs-regular truncate text-text-tertiary"
           title={payload.source_url}
         >
           {payload.source_url}
@@ -68,9 +71,9 @@ const CrawledResultItem = ({
       </div>
       {showPreview && (
         <Button
-          size='small'
+          size="small"
           onClick={onPreview}
-          className='system-xs-medium-uppercase right-2 top-2 hidden px-1.5 group-hover:absolute group-hover:block'
+          className="system-xs-medium-uppercase right-2 top-2 hidden px-1.5 group-hover:absolute group-hover:block"
         >
           {t('datasetCreation.stepOne.website.preview')}
         </Button>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result.tsx
index f898651ef7..ecd5c709b3 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawled-result.tsx
@@ -1,8 +1,8 @@
 'use client'
+import type { CrawlResultItem } from '@/models/datasets'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
-import type { CrawlResultItem } from '@/models/datasets'
 import CheckboxWithLabel from './checkbox-with-label'
 import CrawledResultItem from './crawled-result-item'
 
@@ -56,28 +56,30 @@ const CrawledResult = ({
   }, [checkedList, onSelectedChange, isMultipleChoice])
 
   const handlePreview = useCallback((index: number) => {
-    if (!onPreview) return
+    if (!onPreview)
+      return
     onPreview(list[index], index)
   }, [list, onPreview])
 
   return (
     <div className={cn('flex flex-col gap-y-2', className)}>
-      <div className='system-sm-medium pt-2 text-text-primary'>
+      <div className="system-sm-medium pt-2 text-text-primary">
         {t(`${I18N_PREFIX}.scrapTimeInfo`, {
           total: list.length,
           time: usedTime.toFixed(1),
         })}
       </div>
-      <div className='overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg'>
+      <div className="overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg">
         {isMultipleChoice && (
-          <div className='flex items-center px-4 py-2'>
+          <div className="flex items-center px-4 py-2">
             <CheckboxWithLabel
               isChecked={isCheckAll}
-              onChange={handleCheckedAll} label={isCheckAll ? t(`${I18N_PREFIX}.resetAll`) : t(`${I18N_PREFIX}.selectAll`)}
+              onChange={handleCheckedAll}
+              label={isCheckAll ? t(`${I18N_PREFIX}.resetAll`) : t(`${I18N_PREFIX}.selectAll`)}
             />
           </div>
         )}
-        <div className='flex flex-col gap-y-px border-t border-divider-subtle bg-background-default-subtle p-2'>
+        <div className="flex flex-col gap-y-px border-t border-divider-subtle bg-background-default-subtle p-2">
           {list.map((item, index) => (
             <CrawledResultItem
               key={item.source_url}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawling.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawling.tsx
index 4c3d7edcb8..65eb2b2c76 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawling.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/crawling.tsx
@@ -29,15 +29,15 @@ const Item = React.memo(({
   secondLineWidth,
 }: ItemProps) => {
   return (
-    <div className='flex gap-x-2 px-2 py-[5px]'>
-      <div className='py-0.5'>
-        <Block className='size-4 rounded-[4px]' />
+    <div className="flex gap-x-2 px-2 py-[5px]">
+      <div className="py-0.5">
+        <Block className="size-4 rounded-[4px]" />
       </div>
-      <div className='flex grow flex-col'>
-        <div className='flex h-5 w-full items-center'>
+      <div className="flex grow flex-col">
+        <div className="flex h-5 w-full items-center">
           <Block className={cn('h-2.5 rounded-sm', firstLineWidth)} />
         </div>
-        <div className='flex h-[18px] w-full items-center'>
+        <div className="flex h-[18px] w-full items-center">
           <Block className={cn('h-1.5 rounded-sm', secondLineWidth)} />
         </div>
       </div>
@@ -65,15 +65,19 @@ const Crawling = ({
 
   return (
     <div className={cn('mt-2 flex flex-col gap-y-2 pt-2', className)}>
-      <div className='system-sm-medium text-text-primary'>
-        {t('datasetCreation.stepOne.website.totalPageScraped')} {crawledNum}/{totalNum}
+      <div className="system-sm-medium text-text-primary">
+        {t('datasetCreation.stepOne.website.totalPageScraped')}
+        {' '}
+        {crawledNum}
+        /
+        {totalNum}
       </div>
-      <div className='overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg'>
-        <div className='flex items-center gap-x-2 px-4 py-2'>
-          <Block className='size-4 rounded-[4px]' />
-          <Block className='h-2.5 w-14 rounded-sm' />
+      <div className="overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg">
+        <div className="flex items-center gap-x-2 px-4 py-2">
+          <Block className="size-4 rounded-[4px]" />
+          <Block className="h-2.5 w-14 rounded-sm" />
         </div>
-        <div className='flex flex-col gap-px border-t border-divider-subtle bg-background-default-subtle p-2'>
+        <div className="flex flex-col gap-px border-t border-divider-subtle bg-background-default-subtle p-2">
           {itemsConfig.map((item, index) => (
             <Item
               key={index}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/error-message.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/error-message.tsx
index e7a885db19..1423ab03a6 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/error-message.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/error-message.tsx
@@ -1,6 +1,6 @@
+import { RiErrorWarningFill } from '@remixicon/react'
 import React from 'react'
 import { cn } from '@/utils/classnames'
-import { RiErrorWarningFill } from '@remixicon/react'
 
 type ErrorMessageProps = {
   className?: string
@@ -18,14 +18,15 @@ const ErrorMessage = ({
     <div className={cn(
       'flex gap-x-0.5 rounded-xl border-[0.5px] border-components-panel-border bg-opacity-40 bg-toast-error-bg p-2 shadow-xs shadow-shadow-shadow-3',
       className,
-    )}>
-      <div className='flex size-6 items-center justify-center'>
-        <RiErrorWarningFill className='h-4 w-4 text-text-destructive' />
+    )}
+    >
+      <div className="flex size-6 items-center justify-center">
+        <RiErrorWarningFill className="h-4 w-4 text-text-destructive" />
       </div>
-      <div className='flex flex-col gap-y-0.5 py-1'>
-        <div className='system-xs-medium text-text-primary'>{title}</div>
+      <div className="flex flex-col gap-y-0.5 py-1">
+        <div className="system-xs-medium text-text-primary">{title}</div>
         {errorMsg && (
-          <div className='system-xs-regular text-text-secondary'>{errorMsg}</div>
+          <div className="system-xs-regular text-text-secondary">{errorMsg}</div>
         )}
       </div>
     </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/index.spec.tsx
index ceecaa9ed7..a544d90c39 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/index.spec.tsx
@@ -1,11 +1,11 @@
+import type { CrawlResultItem as CrawlResultItemType } from '@/models/datasets'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
 import CheckboxWithLabel from './checkbox-with-label'
-import CrawledResultItem from './crawled-result-item'
 import CrawledResult from './crawled-result'
+import CrawledResultItem from './crawled-result-item'
 import Crawling from './crawling'
 import ErrorMessage from './error-message'
-import type { CrawlResultItem as CrawlResultItemType } from '@/models/datasets'
 
 // ==========================================
 // Test Data Builders
@@ -24,8 +24,7 @@ const createMockCrawlResultItems = (count = 3): CrawlResultItemType[] => {
     createMockCrawlResultItem({
       source_url: `https://example.com/page${i + 1}`,
       title: `Page ${i + 1}`,
-    }),
-  )
+    }))
 }
 
 // ==========================================
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.spec.tsx
index f36d433a14..4f92d85ec7 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.spec.tsx
@@ -1,12 +1,12 @@
 import type { MockInstance } from 'vitest'
+import type { RAGPipelineVariables } from '@/models/pipeline'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
-import Options from './index'
-import { CrawlStep } from '@/models/datasets'
-import type { RAGPipelineVariables } from '@/models/pipeline'
-import { PipelineInputVarType } from '@/models/pipeline'
-import Toast from '@/app/components/base/toast'
 import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
+import Toast from '@/app/components/base/toast'
+import { CrawlStep } from '@/models/datasets'
+import { PipelineInputVarType } from '@/models/pipeline'
+import Options from './index'
 
 // ==========================================
 // Mock Modules
@@ -88,8 +88,7 @@ const createMockVariables = (count = 1): RAGPipelineVariables => {
     createMockVariable({
       variable: `variable_${i}`,
       label: `Label ${i}`,
-    }),
-  )
+    }))
 }
 
 const createMockConfiguration = (overrides?: Partial<any>): any => ({
@@ -796,8 +795,7 @@ describe('Options', () => {
     it('should handle many configurations', () => {
       // Arrange
       const manyConfigs = Array.from({ length: 10 }, (_, i) =>
-        createMockConfiguration({ variable: `field_${i}`, label: `Field ${i}` }),
-      )
+        createMockConfiguration({ variable: `field_${i}`, label: `Field ${i}` }))
       mockUseConfigurations.mockReturnValue(manyConfigs)
       const props = createDefaultProps()
 
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.tsx
index 118a83185c..c0d477c537 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/base/options/index.tsx
@@ -1,17 +1,17 @@
-import Button from '@/app/components/base/button'
-import { useAppForm } from '@/app/components/base/form'
-import BaseField from '@/app/components/base/form/form-scenarios/base/field'
-import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/general'
-import { cn } from '@/utils/classnames'
+import type { RAGPipelineVariables } from '@/models/pipeline'
 import { RiPlayLargeLine } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import { useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import Toast from '@/app/components/base/toast'
-import type { RAGPipelineVariables } from '@/models/pipeline'
-import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
+import Button from '@/app/components/base/button'
+import { useAppForm } from '@/app/components/base/form'
+import BaseField from '@/app/components/base/form/form-scenarios/base/field'
 import { generateZodSchema } from '@/app/components/base/form/form-scenarios/base/utils'
+import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/general'
+import Toast from '@/app/components/base/toast'
+import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
 import { CrawlStep } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -76,37 +76,37 @@ const Options = ({
 
   return (
     <form
-      className='w-full'
+      className="w-full"
       onSubmit={(e) => {
         e.preventDefault()
         e.stopPropagation()
         form.handleSubmit()
       }}
     >
-      <div className='flex items-center gap-x-1 px-4 py-2'>
+      <div className="flex items-center gap-x-1 px-4 py-2">
         <div
-          className='flex grow cursor-pointer select-none items-center gap-x-0.5'
+          className="flex grow cursor-pointer select-none items-center gap-x-0.5"
           onClick={foldToggle}
         >
-          <span className='system-sm-semibold-uppercase text-text-secondary'>
+          <span className="system-sm-semibold-uppercase text-text-secondary">
             {t(`${I18N_PREFIX}.options`)}
           </span>
           <ArrowDownRoundFill className={cn('h-4 w-4 shrink-0 text-text-quaternary', fold && '-rotate-90')} />
         </div>
         <Button
-          variant='primary'
+          variant="primary"
           onClick={form.handleSubmit}
           disabled={runDisabled || isRunning}
           loading={isRunning}
-          className='shrink-0 gap-x-0.5'
-          spinnerClassName='!ml-0'
+          className="shrink-0 gap-x-0.5"
+          spinnerClassName="!ml-0"
         >
-          <RiPlayLargeLine className='size-4' />
-          <span className='px-0.5'>{!isRunning ? t(`${I18N_PREFIX}.run`) : t(`${I18N_PREFIX}.running`)}</span>
+          <RiPlayLargeLine className="size-4" />
+          <span className="px-0.5">{!isRunning ? t(`${I18N_PREFIX}.run`) : t(`${I18N_PREFIX}.running`)}</span>
         </Button>
       </div>
       {!fold && (
-        <div className='flex flex-col gap-3 border-t border-divider-subtle px-4 py-3'>
+        <div className="flex flex-col gap-3 border-t border-divider-subtle px-4 py-3">
           {configurations.map((config, index) => {
             const FieldComponent = BaseField({
               initialData,
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.spec.tsx
index 201eeb628a..0c38208db9 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.spec.tsx
@@ -1,10 +1,10 @@
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import type { CrawlResultItem } from '@/models/datasets'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import WebsiteCrawl from './index'
-import type { CrawlResultItem } from '@/models/datasets'
-import { CrawlStep } from '@/models/datasets'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { CrawlStep } from '@/models/datasets'
+import WebsiteCrawl from './index'
 
 // ==========================================
 // Mock Modules
@@ -63,7 +63,7 @@ vi.mock('@/service/use-pipeline', () => ({
 
 // Mock store
 const mockStoreState = {
-  crawlResult: undefined as { data: CrawlResultItem[]; time_consuming: number | string } | undefined,
+  crawlResult: undefined as { data: CrawlResultItem[], time_consuming: number | string } | undefined,
   step: CrawlStep.init,
   websitePages: [] as CrawlResultItem[],
   previewIndex: -1,
@@ -188,7 +188,7 @@ const createMockCrawlResultItem = (overrides?: Partial<CrawlResultItem>): CrawlR
   ...overrides,
 })
 
-const createMockCredential = (overrides?: Partial<{ id: string; name: string }>) => ({
+const createMockCredential = (overrides?: Partial<{ id: string, name: string }>) => ({
   id: 'cred-1',
   name: 'Test Credential',
   avatar_url: 'https://example.com/avatar.png',
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
index d9981a4638..30fa81b608 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
@@ -1,32 +1,32 @@
 'use client'
-import React, { useCallback, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import type { CrawlResultItem } from '@/models/datasets'
-import { CrawlStep } from '@/models/datasets'
-import Header from '../base/header'
-import Options from './base/options'
-import Crawling from './base/crawling'
-import ErrorMessage from './base/error-message'
-import CrawledResult from './base/crawled-result'
-import {
-  useDraftPipelinePreProcessingParams,
-  usePublishedPipelinePreProcessingParams,
-} from '@/service/use-pipeline'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import { DatasourceType } from '@/models/pipeline'
-import { ssePost } from '@/service/base'
 import type {
   DataSourceNodeCompletedResponse,
   DataSourceNodeErrorResponse,
   DataSourceNodeProcessingResponse,
 } from '@/types/pipeline'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
+import React, { useCallback, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useShallow } from 'zustand/react/shallow'
-import { useModalContextSelector } from '@/context/modal-context'
-import { useGetDataSourceAuth } from '@/service/use-datasource'
-import { useDocLink } from '@/context/i18n'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useDocLink } from '@/context/i18n'
+import { useModalContextSelector } from '@/context/modal-context'
+import { CrawlStep } from '@/models/datasets'
+import { DatasourceType } from '@/models/pipeline'
+import { ssePost } from '@/service/base'
+import { useGetDataSourceAuth } from '@/service/use-datasource'
+import {
+  useDraftPipelinePreProcessingParams,
+  usePublishedPipelinePreProcessingParams,
+} from '@/service/use-pipeline'
+import Header from '../base/header'
+import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
+import CrawledResult from './base/crawled-result'
+import Crawling from './base/crawling'
+import ErrorMessage from './base/error-message'
+import Options from './base/options'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -154,9 +154,9 @@ const WebsiteCrawl = ({
   }, [onCredentialChange])
 
   return (
-    <div className='flex flex-col'>
+    <div className="flex flex-col">
       <Header
-        docTitle='Docs'
+        docTitle="Docs"
         docLink={docLink('/guides/knowledge-base/knowledge-pipeline/authorize-data-source')}
         onClickConfiguration={handleSetting}
         pluginName={nodeData.datasource_label}
@@ -164,7 +164,7 @@ const WebsiteCrawl = ({
         onCredentialChange={handleCredentialChange}
         credentials={dataSourceAuth?.result || []}
       />
-      <div className='mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle'>
+      <div className="mt-2 rounded-xl border border-components-panel-border bg-background-default-subtle">
         <Options
           variables={paramsConfig?.variables || []}
           step={step}
@@ -173,7 +173,7 @@ const WebsiteCrawl = ({
         />
       </div>
       {!isInit && (
-        <div className='relative flex flex-col'>
+        <div className="relative flex flex-col">
           {isRunning && (
             <Crawling
               crawledNum={crawledNum}
@@ -182,14 +182,14 @@ const WebsiteCrawl = ({
           )}
           {showError && (
             <ErrorMessage
-              className='mt-2'
+              className="mt-2"
               title={t(`${I18N_PREFIX}.exceptionErrorTitle`)}
               errorMsg={crawlErrorMessage}
             />
           )}
           {isCrawlFinished && !showError && (
             <CrawledResult
-              className='mt-2'
+              className="mt-2"
               list={crawlResult?.data || []}
               checkedList={checkedCrawlResult}
               onSelectedChange={handleCheckedCrawlResultChange}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/hooks.ts b/web/app/components/datasets/documents/create-from-pipeline/hooks.ts
index 2018d43910..6990176b9c 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/hooks.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/hooks.ts
@@ -1,13 +1,14 @@
-import { useTranslation } from 'react-i18next'
-import { AddDocumentsStep } from './types'
 import type { DataSourceOption } from '@/app/components/rag-pipeline/components/panel/test-run/types'
-import { useCallback, useMemo, useState } from 'react'
-import { BlockEnum, type Node } from '@/app/components/workflow/types'
 import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import { useDataSourceStore, useDataSourceStoreWithSelector } from './data-source/store'
+import type { Node } from '@/app/components/workflow/types'
 import type { DataSourceNotionPageMap, DataSourceNotionWorkspace } from '@/models/common'
+import { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useShallow } from 'zustand/react/shallow'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { CrawlStep } from '@/models/datasets'
+import { useDataSourceStore, useDataSourceStoreWithSelector } from './data-source/store'
+import { AddDocumentsStep } from './types'
 
 export const useAddDocumentsSteps = () => {
   const { t } = useTranslation()
diff --git a/web/app/components/datasets/documents/create-from-pipeline/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/index.tsx
index eb87c83489..c1fe858658 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/index.tsx
@@ -1,46 +1,46 @@
 'use client'
-import { useCallback, useMemo, useRef, useState } from 'react'
-import DataSourceOptions from './data-source-options'
-import type { CrawlResultItem, DocumentItem, CustomFile as File, FileIndexingEstimateResponse } from '@/models/datasets'
-import LocalFile from '@/app/components/datasets/documents/create-from-pipeline/data-source/local-file'
-import { useProviderContextSelector } from '@/context/provider-context'
-import type { NotionPage } from '@/models/common'
-import OnlineDocuments from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-documents'
-import VectorSpaceFull from '@/app/components/billing/vector-space-full'
-import WebsiteCrawl from '@/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl'
-import OnlineDrive from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-drive'
-import Actions from './actions'
-import { useTranslation } from 'react-i18next'
 import type { Datasource } from '@/app/components/rag-pipeline/components/panel/test-run/types'
-import LeftHeader from './left-header'
-import { usePublishedPipelineInfo, useRunPublishedPipeline } from '@/service/use-pipeline'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import Loading from '@/app/components/base/loading'
-import type { Node } from '@/app/components/workflow/types'
 import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import FilePreview from './preview/file-preview'
-import OnlineDocumentPreview from './preview/online-document-preview'
-import WebsitePreview from './preview/web-preview'
-import ProcessDocuments from './process-documents'
-import ChunkPreview from './preview/chunk-preview'
-import Processing from './processing'
+import type { Node } from '@/app/components/workflow/types'
+import type { NotionPage } from '@/models/common'
+import type { CrawlResultItem, DocumentItem, CustomFile as File, FileIndexingEstimateResponse } from '@/models/datasets'
 import type {
   InitialDocumentDetail,
   OnlineDriveFile,
   PublishedPipelineRunPreviewResponse,
   PublishedPipelineRunResponse,
 } from '@/models/pipeline'
-import { DatasourceType } from '@/models/pipeline'
-import { TransferMethod } from '@/types/app'
-import { useAddDocumentsSteps, useLocalFile, useOnlineDocument, useOnlineDrive, useWebsiteCrawl } from './hooks'
-import DataSourceProvider from './data-source/store/provider'
-import { useDataSourceStore } from './data-source/store'
-import { useFileUploadConfig } from '@/service/use-common'
-import UpgradeCard from '../../create/step-one/upgrade-card'
-import Divider from '@/app/components/base/divider'
 import { useBoolean } from 'ahooks'
-import PlanUpgradeModal from '@/app/components/billing/plan-upgrade-modal'
+import { useCallback, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { trackEvent } from '@/app/components/base/amplitude'
+import Divider from '@/app/components/base/divider'
+import Loading from '@/app/components/base/loading'
+import PlanUpgradeModal from '@/app/components/billing/plan-upgrade-modal'
+import VectorSpaceFull from '@/app/components/billing/vector-space-full'
+import LocalFile from '@/app/components/datasets/documents/create-from-pipeline/data-source/local-file'
+import OnlineDocuments from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-documents'
+import OnlineDrive from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-drive'
+import WebsiteCrawl from '@/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useProviderContextSelector } from '@/context/provider-context'
+import { DatasourceType } from '@/models/pipeline'
+import { useFileUploadConfig } from '@/service/use-common'
+import { usePublishedPipelineInfo, useRunPublishedPipeline } from '@/service/use-pipeline'
+import { TransferMethod } from '@/types/app'
+import UpgradeCard from '../../create/step-one/upgrade-card'
+import Actions from './actions'
+import DataSourceOptions from './data-source-options'
+import { useDataSourceStore } from './data-source/store'
+import DataSourceProvider from './data-source/store/provider'
+import { useAddDocumentsSteps, useLocalFile, useOnlineDocument, useOnlineDrive, useWebsiteCrawl } from './hooks'
+import LeftHeader from './left-header'
+import ChunkPreview from './preview/chunk-preview'
+import FilePreview from './preview/file-preview'
+import OnlineDocumentPreview from './preview/online-document-preview'
+import WebsitePreview from './preview/web-preview'
+import ProcessDocuments from './process-documents'
+import Processing from './processing'
 
 const CreateFormPipeline = () => {
   const { t } = useTranslation()
@@ -137,7 +137,8 @@ const CreateFormPipeline = () => {
   }, [datasourceType, doHandleNextStep, localFileList.length, onlineDocuments.length, selectedFileIds.length, showPlanUpgradeModal, supportBatchUpload, websitePages.length])
 
   const nextBtnDisabled = useMemo(() => {
-    if (!datasource) return true
+    if (!datasource)
+      return true
     if (datasourceType === DatasourceType.localFile)
       return isShowVectorSpaceFull || !localFileList.length || !allFileLoaded
     if (datasourceType === DatasourceType.onlineDocument)
@@ -454,25 +455,25 @@ const CreateFormPipeline = () => {
 
   if (isFetchingPipelineInfo) {
     return (
-      <Loading type='app' />
+      <Loading type="app" />
     )
   }
 
   return (
     <div
-      className='relative flex h-[calc(100vh-56px)] w-full min-w-[1024px] overflow-x-auto rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle'
+      className="relative flex h-[calc(100vh-56px)] w-full min-w-[1024px] overflow-x-auto rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle"
     >
-      <div className='h-full min-w-0 flex-1'>
-        <div className='flex h-full flex-col px-14'>
+      <div className="h-full min-w-0 flex-1">
+        <div className="flex h-full flex-col px-14">
           <LeftHeader
             steps={steps}
             title={t('datasetPipeline.addDocuments.title')}
             currentStep={currentStep}
           />
-          <div className='grow overflow-y-auto'>
+          <div className="grow overflow-y-auto">
             {
               currentStep === 1 && (
-                <div className='flex flex-col gap-y-5 pt-4'>
+                <div className="flex flex-col gap-y-5 pt-4">
                   <DataSourceOptions
                     datasourceNodeId={datasource?.nodeId || ''}
                     onSelect={handleSwitchDataSource}
@@ -520,7 +521,7 @@ const CreateFormPipeline = () => {
                   {
                     !supportBatchUpload && datasourceType === DatasourceType.localFile && localFileList.length > 0 && (
                       <>
-                        <Divider type='horizontal' className='my-4 h-px bg-divider-subtle' />
+                        <Divider type="horizontal" className="my-4 h-px bg-divider-subtle" />
                         <UpgradeCard />
                       </>
                     )
@@ -555,8 +556,8 @@ const CreateFormPipeline = () => {
       {/* Preview */}
       {
         currentStep === 1 && (
-          <div className='h-full min-w-0 flex-1'>
-            <div className='flex h-full flex-col pl-2 pt-2'>
+          <div className="h-full min-w-0 flex-1">
+            <div className="flex h-full flex-col pl-2 pt-2">
               {currentLocalFile && (
                 <FilePreview
                   file={currentLocalFile}
@@ -582,8 +583,8 @@ const CreateFormPipeline = () => {
       }
       {
         currentStep === 2 && (
-          <div className='h-full min-w-0 flex-1'>
-            <div className='flex h-full flex-col pl-2 pt-2'>
+          <div className="h-full min-w-0 flex-1">
+            <div className="flex h-full flex-col pl-2 pt-2">
               <ChunkPreview
                 dataSourceType={datasourceType as DatasourceType}
                 localFiles={localFileList.map(file => file.file)}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/left-header.tsx b/web/app/components/datasets/documents/create-from-pipeline/left-header.tsx
index b115bdc619..1760286b04 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/left-header.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/left-header.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
-import { RiArrowLeftLine } from '@remixicon/react'
-import Button from '@/app/components/base/button'
-import { useParams } from 'next/navigation'
-import Effect from '@/app/components/base/effect'
 import type { Step } from './step-indicator'
-import StepIndicator from './step-indicator'
+import { RiArrowLeftLine } from '@remixicon/react'
 import Link from 'next/link'
+import { useParams } from 'next/navigation'
+import React from 'react'
+import Button from '@/app/components/base/button'
+import Effect from '@/app/components/base/effect'
+import StepIndicator from './step-indicator'
 
 type LeftHeaderProps = {
   steps: Array<Step>
@@ -21,15 +21,15 @@ const LeftHeader = ({
   const { datasetId } = useParams()
 
   return (
-    <div className='relative flex flex-col gap-y-0.5 pb-2 pt-4'>
-      <div className='flex items-center gap-x-2'>
-        <span className='system-2xs-semibold-uppercase bg-pipeline-add-documents-title-bg bg-clip-text text-transparent'>
+    <div className="relative flex flex-col gap-y-0.5 pb-2 pt-4">
+      <div className="flex items-center gap-x-2">
+        <span className="system-2xs-semibold-uppercase bg-pipeline-add-documents-title-bg bg-clip-text text-transparent">
           {title}
         </span>
-        <span className='system-2xs-regular text-divider-regular'>/</span>
+        <span className="system-2xs-regular text-divider-regular">/</span>
         <StepIndicator steps={steps} currentStep={currentStep} />
       </div>
-      <div className='system-md-semibold text-text-primary'>
+      <div className="system-md-semibold text-text-primary">
         {steps[currentStep - 1]?.label}
       </div>
       {currentStep !== steps.length && (
@@ -38,14 +38,14 @@ const LeftHeader = ({
           replace
         >
           <Button
-            variant='secondary-accent'
-            className='absolute -left-11 top-3.5 size-9 rounded-full p-0'
+            variant="secondary-accent"
+            className="absolute -left-11 top-3.5 size-9 rounded-full p-0"
           >
-            <RiArrowLeftLine className='size-5 ' />
+            <RiArrowLeftLine className="size-5 " />
           </Button>
         </Link>
       )}
-      <Effect className='left-8 top-[-34px] opacity-20' />
+      <Effect className="left-8 top-[-34px] opacity-20" />
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.spec.tsx
index 6dfc42f287..29584b5da5 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.spec.tsx
@@ -1,11 +1,11 @@
+import type { NotionPage } from '@/models/common'
+import type { CrawlResultItem, CustomFile, FileIndexingEstimateResponse } from '@/models/datasets'
+import type { OnlineDriveFile } from '@/models/pipeline'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
-import ChunkPreview from './chunk-preview'
 import { ChunkingMode } from '@/models/datasets'
-import type { CrawlResultItem, CustomFile, FileIndexingEstimateResponse } from '@/models/datasets'
-import type { NotionPage } from '@/models/common'
-import type { OnlineDriveFile } from '@/models/pipeline'
 import { DatasourceType, OnlineDriveFileType } from '@/models/pipeline'
+import ChunkPreview from './chunk-preview'
 
 // Uses global react-i18next mock from web/vitest.setup.ts
 
@@ -21,9 +21,9 @@ vi.mock('@/context/dataset-detail', () => ({
 vi.mock('../../../common/document-picker/preview-document-picker', () => ({
   __esModule: true,
   default: ({ files, onChange, value }: {
-    files: Array<{ id: string; name: string; extension: string }>
-    onChange: (selected: { id: string; name: string; extension: string }) => void
-    value: { id: string; name: string; extension: string }
+    files: Array<{ id: string, name: string, extension: string }>
+    onChange: (selected: { id: string, name: string, extension: string }) => void
+    value: { id: string, name: string, extension: string }
   }) => (
     <div data-testid="document-picker">
       <span data-testid="picker-value">{value?.name || 'No selection'}</span>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx
index 397564ad14..d2a28feef9 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/chunk-preview.tsx
@@ -1,21 +1,21 @@
+import type { NotionPage } from '@/models/common'
+import type { CrawlResultItem, CustomFile, DocumentItem, FileIndexingEstimateResponse } from '@/models/datasets'
+import type { OnlineDriveFile } from '@/models/pipeline'
+import { RiSearchEyeLine } from '@remixicon/react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import PreviewContainer from '../../../preview/container'
-import { PreviewHeader } from '../../../preview/header'
-import type { CrawlResultItem, CustomFile, DocumentItem, FileIndexingEstimateResponse } from '@/models/datasets'
-import { ChunkingMode } from '@/models/datasets'
-import type { NotionPage } from '@/models/common'
-import PreviewDocumentPicker from '../../../common/document-picker/preview-document-picker'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import { ChunkContainer, QAPreview } from '../../../chunk'
-import { FormattedText } from '../../../formatted-text/formatted'
-import { PreviewSlice } from '../../../formatted-text/flavours/preview-slice'
-import { SkeletonContainer, SkeletonPoint, SkeletonRectangle, SkeletonRow } from '@/app/components/base/skeleton'
-import { RiSearchEyeLine } from '@remixicon/react'
 import Badge from '@/app/components/base/badge'
 import Button from '@/app/components/base/button'
-import type { OnlineDriveFile } from '@/models/pipeline'
+import { SkeletonContainer, SkeletonPoint, SkeletonRectangle, SkeletonRow } from '@/app/components/base/skeleton'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { ChunkingMode } from '@/models/datasets'
 import { DatasourceType } from '@/models/pipeline'
+import { ChunkContainer, QAPreview } from '../../../chunk'
+import PreviewDocumentPicker from '../../../common/document-picker/preview-document-picker'
+import { PreviewSlice } from '../../../formatted-text/flavours/preview-slice'
+import { FormattedText } from '../../../formatted-text/formatted'
+import PreviewContainer from '../../../preview/container'
+import { PreviewHeader } from '../../../preview/header'
 import { getFileExtension } from '../data-source/online-drive/file-list/list/utils'
 
 type ChunkPreviewProps = {
@@ -59,98 +59,106 @@ const ChunkPreview = ({
 
   return (
     <PreviewContainer
-      header={<PreviewHeader
-        title={t('datasetCreation.stepTwo.preview')}
-      >
-        <div className='flex items-center gap-1'>
-          {dataSourceType === DatasourceType.localFile
-            && <PreviewDocumentPicker
-              files={localFiles as Array<Required<CustomFile>>}
-              onChange={(selected) => {
-                setPreviewFile(selected)
-                handlePreviewFileChange(selected)
-              }}
-              value={previewFile}
-            />
-          }
-          {dataSourceType === DatasourceType.onlineDocument
-            && <PreviewDocumentPicker
-              files={
-                onlineDocuments.map(page => ({
-                  id: page.page_id,
-                  name: page.page_name,
-                  extension: 'md',
-                }))
-              }
-              onChange={(selected) => {
-                const selectedPage = onlineDocuments.find(page => page.page_id === selected.id)
-                setPreviewOnlineDocument(selectedPage!)
-                handlePreviewOnlineDocumentChange(selectedPage!)
-              }}
-              value={{
-                id: previewOnlineDocument?.page_id || '',
-                name: previewOnlineDocument?.page_name || '',
-                extension: 'md',
-              }}
-            />
-          }
-          {dataSourceType === DatasourceType.websiteCrawl
-            && <PreviewDocumentPicker
-              files={
-                websitePages.map(page => ({
-                  id: page.source_url,
-                  name: page.title,
-                  extension: 'md',
-                }))
-              }
-              onChange={(selected) => {
-                const selectedPage = websitePages.find(page => page.source_url === selected.id)
-                setPreviewWebsitePage(selectedPage!)
-                handlePreviewWebsitePageChange(selectedPage!)
-              }}
-              value={
-                {
-                  id: previewWebsitePage?.source_url || '',
-                  name: previewWebsitePage?.title || '',
-                  extension: 'md',
-                }
-              }
-            />
-          }
-          {dataSourceType === DatasourceType.onlineDrive
-            && <PreviewDocumentPicker
-              files={
-                onlineDriveFiles.map(file => ({
-                  id: file.id,
-                  name: file.name,
-                  extension: getFileExtension(previewOnlineDriveFile?.name),
-                }))
-              }
-              onChange={(selected) => {
-                const selectedFile = onlineDriveFiles.find(file => file.id === selected.id)
-                setPreviewOnlineDriveFile(selectedFile!)
-                handlePreviewOnlineDriveFileChange(selectedFile!)
-              }}
-              value={
-                {
-                  id: previewOnlineDriveFile?.id || '',
-                  name: previewOnlineDriveFile?.name || '',
-                  extension: getFileExtension(previewOnlineDriveFile?.name),
-                }
-              }
-            />
-          }
-          {
-            currentDocForm !== ChunkingMode.qa
-            && <Badge text={t('datasetCreation.stepTwo.previewChunkCount', {
-              count: estimateData?.total_segments || 0,
-            }) as string}
-            />
-          }
-        </div>
-      </PreviewHeader>}
-      className='relative flex h-full w-full shrink-0'
-      mainClassName='space-y-6'
+      header={(
+        <PreviewHeader
+          title={t('datasetCreation.stepTwo.preview')}
+        >
+          <div className="flex items-center gap-1">
+            {dataSourceType === DatasourceType.localFile
+              && (
+                <PreviewDocumentPicker
+                  files={localFiles as Array<Required<CustomFile>>}
+                  onChange={(selected) => {
+                    setPreviewFile(selected)
+                    handlePreviewFileChange(selected)
+                  }}
+                  value={previewFile}
+                />
+              )}
+            {dataSourceType === DatasourceType.onlineDocument
+              && (
+                <PreviewDocumentPicker
+                  files={
+                    onlineDocuments.map(page => ({
+                      id: page.page_id,
+                      name: page.page_name,
+                      extension: 'md',
+                    }))
+                  }
+                  onChange={(selected) => {
+                    const selectedPage = onlineDocuments.find(page => page.page_id === selected.id)
+                    setPreviewOnlineDocument(selectedPage!)
+                    handlePreviewOnlineDocumentChange(selectedPage!)
+                  }}
+                  value={{
+                    id: previewOnlineDocument?.page_id || '',
+                    name: previewOnlineDocument?.page_name || '',
+                    extension: 'md',
+                  }}
+                />
+              )}
+            {dataSourceType === DatasourceType.websiteCrawl
+              && (
+                <PreviewDocumentPicker
+                  files={
+                    websitePages.map(page => ({
+                      id: page.source_url,
+                      name: page.title,
+                      extension: 'md',
+                    }))
+                  }
+                  onChange={(selected) => {
+                    const selectedPage = websitePages.find(page => page.source_url === selected.id)
+                    setPreviewWebsitePage(selectedPage!)
+                    handlePreviewWebsitePageChange(selectedPage!)
+                  }}
+                  value={
+                    {
+                      id: previewWebsitePage?.source_url || '',
+                      name: previewWebsitePage?.title || '',
+                      extension: 'md',
+                    }
+                  }
+                />
+              )}
+            {dataSourceType === DatasourceType.onlineDrive
+              && (
+                <PreviewDocumentPicker
+                  files={
+                    onlineDriveFiles.map(file => ({
+                      id: file.id,
+                      name: file.name,
+                      extension: getFileExtension(previewOnlineDriveFile?.name),
+                    }))
+                  }
+                  onChange={(selected) => {
+                    const selectedFile = onlineDriveFiles.find(file => file.id === selected.id)
+                    setPreviewOnlineDriveFile(selectedFile!)
+                    handlePreviewOnlineDriveFileChange(selectedFile!)
+                  }}
+                  value={
+                    {
+                      id: previewOnlineDriveFile?.id || '',
+                      name: previewOnlineDriveFile?.name || '',
+                      extension: getFileExtension(previewOnlineDriveFile?.name),
+                    }
+                  }
+                />
+              )}
+            {
+              currentDocForm !== ChunkingMode.qa
+              && (
+                <Badge text={t('datasetCreation.stepTwo.previewChunkCount', {
+                  count: estimateData?.total_segments || 0,
+                }) as string}
+                />
+              )
+            }
+          </div>
+        </PreviewHeader>
+      )}
+      className="relative flex h-full w-full shrink-0"
+      mainClassName="space-y-6"
     >
       {!isPending && currentDocForm === ChunkingMode.qa && estimateData?.qa_preview && (
         estimateData?.qa_preview.map((item, index) => (
@@ -192,8 +200,8 @@ const ChunkPreview = ({
                       label={`C-${indexForLabel}`}
                       text={child}
                       tooltip={`Child-chunk-${indexForLabel} · ${child.length} Characters`}
-                      labelInnerClassName='text-[10px] font-semibold align-bottom leading-7'
-                      dividerClassName='leading-7'
+                      labelInnerClassName="text-[10px] font-semibold align-bottom leading-7"
+                      dividerClassName="leading-7"
                     />
                   )
                 })}
@@ -203,10 +211,10 @@ const ChunkPreview = ({
         })
       )}
       {isIdle && (
-        <div className='flex h-full w-full items-center justify-center'>
-          <div className='flex flex-col items-center justify-center gap-3 pb-4'>
-            <RiSearchEyeLine className='size-10 text-text-empty-state-icon' />
-            <p className='text-sm text-text-tertiary'>
+        <div className="flex h-full w-full items-center justify-center">
+          <div className="flex flex-col items-center justify-center gap-3 pb-4">
+            <RiSearchEyeLine className="size-10 text-text-empty-state-icon" />
+            <p className="text-sm text-text-tertiary">
               {t('datasetCreation.stepTwo.previewChunkTip')}
             </p>
             <Button onClick={onPreview}>
@@ -216,17 +224,17 @@ const ChunkPreview = ({
         </div>
       )}
       {isPending && (
-        <div className='h-full w-full space-y-6 overflow-hidden'>
+        <div className="h-full w-full space-y-6 overflow-hidden">
           {Array.from({ length: 10 }, (_, i) => (
             <SkeletonContainer key={i}>
               <SkeletonRow>
-                <SkeletonRectangle className='w-20' />
+                <SkeletonRectangle className="w-20" />
                 <SkeletonPoint />
-                <SkeletonRectangle className='w-24' />
+                <SkeletonRectangle className="w-24" />
               </SkeletonRow>
-              <SkeletonRectangle className='w-full' />
-              <SkeletonRectangle className='w-full' />
-              <SkeletonRectangle className='w-[422px]' />
+              <SkeletonRectangle className="w-full" />
+              <SkeletonRectangle className="w-full" />
+              <SkeletonRectangle className="w-[422px]" />
             </SkeletonContainer>
           ))}
         </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.spec.tsx
index 2333da7378..e5aaa27895 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.spec.tsx
@@ -1,7 +1,7 @@
+import type { CustomFile as File } from '@/models/datasets'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
 import FilePreview from './file-preview'
-import type { CustomFile as File } from '@/models/datasets'
 
 // Uses global react-i18next mock from web/vitest.setup.ts
 
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.tsx
index d444b2eb47..6962d63567 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/file-preview.tsx
@@ -1,12 +1,12 @@
 'use client'
-import React, { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import Loading from './loading'
 import type { CustomFile as File } from '@/models/datasets'
 import { RiCloseLine } from '@remixicon/react'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useFilePreview } from '@/service/use-common'
-import DocumentFileIcon from '../../../common/document-file-icon'
 import { formatFileSize, formatNumberAbbreviated } from '@/utils/format'
+import DocumentFileIcon from '../../../common/document-file-icon'
+import Loading from './loading'
 
 type FilePreviewProps = {
   file: File
@@ -28,18 +28,18 @@ const FilePreview = ({
   }, [file])
 
   return (
-    <div className='flex h-full w-full flex-col rounded-t-xl border-l border-t border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5'>
-      <div className='flex gap-x-2 border-b border-divider-subtle pb-3 pl-6 pr-4 pt-4'>
-        <div className='flex grow flex-col gap-y-1'>
-          <div className='system-2xs-semibold-uppercase text-text-accent'>{t('datasetPipeline.addDocuments.stepOne.preview')}</div>
-          <div className='title-md-semi-bold text-tex-primary'>{`${fileName}.${file.extension || ''}`}</div>
-          <div className='system-xs-medium flex items-center gap-x-1 text-text-tertiary'>
+    <div className="flex h-full w-full flex-col rounded-t-xl border-l border-t border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5">
+      <div className="flex gap-x-2 border-b border-divider-subtle pb-3 pl-6 pr-4 pt-4">
+        <div className="flex grow flex-col gap-y-1">
+          <div className="system-2xs-semibold-uppercase text-text-accent">{t('datasetPipeline.addDocuments.stepOne.preview')}</div>
+          <div className="title-md-semi-bold text-tex-primary">{`${fileName}.${file.extension || ''}`}</div>
+          <div className="system-xs-medium flex items-center gap-x-1 text-text-tertiary">
             <DocumentFileIcon
-              className='size-3.5 shrink-0'
+              className="size-3.5 shrink-0"
               name={file.name}
               extension={file.extension}
             />
-            <span className='uppercase'>{file.extension}</span>
+            <span className="uppercase">{file.extension}</span>
             <span>·</span>
             <span>{formatFileSize(file.size)}</span>
             {fileData && (
@@ -51,20 +51,20 @@ const FilePreview = ({
           </div>
         </div>
         <button
-          type='button'
-          className='flex h-8 w-8 shrink-0 items-center justify-center'
+          type="button"
+          className="flex h-8 w-8 shrink-0 items-center justify-center"
           onClick={hidePreview}
         >
-          <RiCloseLine className='size-[18px]' />
+          <RiCloseLine className="size-[18px]" />
         </button>
       </div>
       {isFetching && (
-        <div className='grow'>
+        <div className="grow">
           <Loading />
         </div>
       )}
       {!isFetching && fileData && (
-        <div className='body-md-regular grow overflow-hidden px-6 py-5 text-text-secondary'>
+        <div className="body-md-regular grow overflow-hidden px-6 py-5 text-text-secondary">
           {fileData.content}
         </div>
       )}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/loading.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/loading.tsx
index 92478adc71..a367f3675c 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/loading.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/loading.tsx
@@ -3,47 +3,47 @@ import { SkeletonContainer, SkeletonRectangle } from '@/app/components/base/skel
 
 const Loading = () => {
   return (
-    <div className='flex h-full w-full flex-col gap-y-3 overflow-hidden bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg px-6 py-5'>
-      <SkeletonContainer className='w-full gap-0'>
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-3/5' />
+    <div className="flex h-full w-full flex-col gap-y-3 overflow-hidden bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg px-6 py-5">
+      <SkeletonContainer className="w-full gap-0">
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-3/5" />
       </SkeletonContainer>
-      <SkeletonContainer className='w-full gap-0'>
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-[70%]' />
+      <SkeletonContainer className="w-full gap-0">
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-[70%]" />
       </SkeletonContainer>
-      <SkeletonContainer className='w-full gap-0'>
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-[56%]' />
+      <SkeletonContainer className="w-full gap-0">
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-[56%]" />
       </SkeletonContainer>
-      <SkeletonContainer className='w-full gap-0'>
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-3/5' />
+      <SkeletonContainer className="w-full gap-0">
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-3/5" />
       </SkeletonContainer>
-      <SkeletonContainer className='w-full gap-0'>
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-3/5' />
+      <SkeletonContainer className="w-full gap-0">
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-3/5" />
       </SkeletonContainer>
-      <SkeletonContainer className='w-full gap-0'>
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-full' />
-        <SkeletonRectangle className='my-1.5 w-1/2' />
+      <SkeletonContainer className="w-full gap-0">
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-full" />
+        <SkeletonRectangle className="my-1.5 w-1/2" />
       </SkeletonContainer>
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.spec.tsx
index a3532cb228..cd16ed3bbc 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.spec.tsx
@@ -1,9 +1,8 @@
-import { render, screen, waitFor } from '@testing-library/react'
-import { fireEvent } from '@testing-library/react'
-import React from 'react'
-import OnlineDocumentPreview from './online-document-preview'
 import type { NotionPage } from '@/models/common'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
 import Toast from '@/app/components/base/toast'
+import OnlineDocumentPreview from './online-document-preview'
 
 // Uses global react-i18next mock from web/vitest.setup.ts
 
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.tsx
index a441e57a10..3582eed5df 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/online-document-preview.tsx
@@ -1,16 +1,16 @@
 'use client'
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { NotionPage } from '@/models/common'
 import { RiCloseLine } from '@remixicon/react'
-import { formatNumberAbbreviated } from '@/utils/format'
-import Loading from './loading'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Notion } from '@/app/components/base/icons/src/public/common'
+import { Markdown } from '@/app/components/base/markdown'
+import Toast from '@/app/components/base/toast'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { usePreviewOnlineDocument } from '@/service/use-pipeline'
-import Toast from '@/app/components/base/toast'
-import { Markdown } from '@/app/components/base/markdown'
+import { formatNumberAbbreviated } from '@/utils/format'
 import { useDataSourceStore } from '../data-source/store'
+import Loading from './loading'
 
 type OnlineDocumentPreviewProps = {
   currentPage: NotionPage
@@ -52,33 +52,33 @@ const OnlineDocumentPreview = ({
   }, [currentPage.page_id])
 
   return (
-    <div className='flex h-full w-full flex-col rounded-t-xl border-l border-t border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5'>
-      <div className='flex gap-x-2 border-b border-divider-subtle pb-3 pl-6 pr-4 pt-4'>
-        <div className='flex grow flex-col gap-y-1'>
-          <div className='system-2xs-semibold-uppercase text-text-accent'>{t('datasetPipeline.addDocuments.stepOne.preview')}</div>
-          <div className='title-md-semi-bold text-tex-primary'>{currentPage?.page_name}</div>
-          <div className='system-xs-medium flex items-center gap-x-1 text-text-tertiary'>
-            <Notion className='size-3.5' />
+    <div className="flex h-full w-full flex-col rounded-t-xl border-l border-t border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5">
+      <div className="flex gap-x-2 border-b border-divider-subtle pb-3 pl-6 pr-4 pt-4">
+        <div className="flex grow flex-col gap-y-1">
+          <div className="system-2xs-semibold-uppercase text-text-accent">{t('datasetPipeline.addDocuments.stepOne.preview')}</div>
+          <div className="title-md-semi-bold text-tex-primary">{currentPage?.page_name}</div>
+          <div className="system-xs-medium flex items-center gap-x-1 text-text-tertiary">
+            <Notion className="size-3.5" />
             <span>{currentPage.type}</span>
             <span>·</span>
             <span>{`${formatNumberAbbreviated(content.length)} ${t('datasetPipeline.addDocuments.characters')}`}</span>
           </div>
         </div>
         <button
-          type='button'
-          className='flex h-8 w-8 shrink-0 items-center justify-center'
+          type="button"
+          className="flex h-8 w-8 shrink-0 items-center justify-center"
           onClick={hidePreview}
         >
-          <RiCloseLine className='size-[18px]' />
+          <RiCloseLine className="size-[18px]" />
         </button>
       </div>
       {isPending && (
-        <div className='grow'>
+        <div className="grow">
           <Loading />
         </div>
       )}
       {!isPending && content && (
-        <div className='body-md-regular grow overflow-hidden px-6 py-5 text-text-secondary'>
+        <div className="body-md-regular grow overflow-hidden px-6 py-5 text-text-secondary">
           <Markdown content={content} />
         </div>
       )}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.spec.tsx
index 1b27648269..cfe58de56b 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.spec.tsx
@@ -1,7 +1,7 @@
+import type { CrawlResultItem } from '@/models/datasets'
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
 import WebsitePreview from './web-preview'
-import type { CrawlResultItem } from '@/models/datasets'
 
 // Uses global react-i18next mock from web/vitest.setup.ts
 
diff --git a/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.tsx b/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.tsx
index ce7a5da24c..c68ede7734 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/preview/web-preview.tsx
@@ -1,8 +1,8 @@
 'use client'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import type { CrawlResultItem } from '@/models/datasets'
 import { RiCloseLine, RiGlobalLine } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { formatNumberAbbreviated } from '@/utils/format'
 
 type WebsitePreviewProps = {
@@ -17,28 +17,28 @@ const WebsitePreview = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex h-full w-full flex-col rounded-t-xl border-l border-t border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5'>
-      <div className='flex gap-x-2 border-b border-divider-subtle pb-3 pl-6 pr-4 pt-4'>
-        <div className='flex grow flex-col gap-y-1'>
-          <div className='system-2xs-semibold-uppercase'>{t('datasetPipeline.addDocuments.stepOne.preview')}</div>
-          <div className='title-md-semi-bold text-tex-primary'>{currentWebsite.title}</div>
-          <div className='system-xs-medium flex gap-x-1  text-text-tertiary'>
-            <RiGlobalLine className='size-3.5' />
-            <span className='uppercase' title={currentWebsite.source_url}>{currentWebsite.source_url}</span>
+    <div className="flex h-full w-full flex-col rounded-t-xl border-l border-t border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5">
+      <div className="flex gap-x-2 border-b border-divider-subtle pb-3 pl-6 pr-4 pt-4">
+        <div className="flex grow flex-col gap-y-1">
+          <div className="system-2xs-semibold-uppercase">{t('datasetPipeline.addDocuments.stepOne.preview')}</div>
+          <div className="title-md-semi-bold text-tex-primary">{currentWebsite.title}</div>
+          <div className="system-xs-medium flex gap-x-1  text-text-tertiary">
+            <RiGlobalLine className="size-3.5" />
+            <span className="uppercase" title={currentWebsite.source_url}>{currentWebsite.source_url}</span>
             <span>·</span>
             <span>·</span>
             <span>{`${formatNumberAbbreviated(currentWebsite.markdown.length)} ${t('datasetPipeline.addDocuments.characters')}`}</span>
           </div>
         </div>
         <button
-          type='button'
-          className='flex h-8 w-8 shrink-0 items-center justify-center'
+          type="button"
+          className="flex h-8 w-8 shrink-0 items-center justify-center"
           onClick={hidePreview}
         >
-          <RiCloseLine className='size-[18px]' />
+          <RiCloseLine className="size-[18px]" />
         </button>
       </div>
-      <div className='body-md-regular grow overflow-hidden px-6 py-5 text-text-secondary'>
+      <div className="body-md-regular grow overflow-hidden px-6 py-5 text-text-secondary">
         {currentWebsite.markdown}
       </div>
     </div>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/process-documents/actions.tsx b/web/app/components/datasets/documents/create-from-pipeline/process-documents/actions.tsx
index 301a2d97e7..a49a8e9964 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/process-documents/actions.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/process-documents/actions.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import Button from '@/app/components/base/button'
-import { useTranslation } from 'react-i18next'
 import { RiArrowLeftLine } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 
 type ActionsProps = {
   onBack: () => void
@@ -17,17 +17,17 @@ const Actions = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center justify-between'>
+    <div className="flex items-center justify-between">
       <Button
-        variant='secondary'
+        variant="secondary"
         onClick={onBack}
-        className='gap-x-0.5'
+        className="gap-x-0.5"
       >
-        <RiArrowLeftLine className='size-4' />
-        <span className='px-0.5'>{t('datasetPipeline.operations.dataSource')}</span>
+        <RiArrowLeftLine className="size-4" />
+        <span className="px-0.5">{t('datasetPipeline.operations.dataSource')}</span>
       </Button>
       <Button
-        variant='primary'
+        variant="primary"
         disabled={runDisabled}
         onClick={onProcess}
       >
diff --git a/web/app/components/datasets/documents/create-from-pipeline/process-documents/components.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/process-documents/components.spec.tsx
index 7345fbf1ad..2bd80ea60c 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/process-documents/components.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/process-documents/components.spec.tsx
@@ -1,12 +1,12 @@
+import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import Actions from './actions'
-import Header from './header'
-import Form from './form'
-import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
-import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
 import { z } from 'zod'
+import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
 import Toast from '@/app/components/base/toast'
+import Actions from './actions'
+import Form from './form'
+import Header from './header'
 
 // ==========================================
 // Spy on Toast.notify for validation tests
diff --git a/web/app/components/datasets/documents/create-from-pipeline/process-documents/form.tsx b/web/app/components/datasets/documents/create-from-pipeline/process-documents/form.tsx
index 4bdcaadd4c..4873931e8d 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/process-documents/form.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/process-documents/form.tsx
@@ -1,9 +1,9 @@
+import type { ZodSchema } from 'zod'
+import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
+import { useCallback, useImperativeHandle } from 'react'
 import { useAppForm } from '@/app/components/base/form'
 import BaseField from '@/app/components/base/form/form-scenarios/base/field'
-import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
 import Toast from '@/app/components/base/toast'
-import { useCallback, useImperativeHandle } from 'react'
-import type { ZodSchema } from 'zod'
 import Header from './header'
 
 type OptionsProps = {
@@ -62,7 +62,7 @@ const Form = ({
 
   return (
     <form
-      className='flex w-full flex-col rounded-lg border border-components-panel-border bg-components-panel-bg'
+      className="flex w-full flex-col rounded-lg border border-components-panel-border bg-components-panel-bg"
       onSubmit={(e) => {
         e.preventDefault()
         e.stopPropagation()
@@ -80,7 +80,7 @@ const Form = ({
           />
         )}
       />
-      <div className='flex flex-col gap-3 border-t border-divider-subtle px-4 py-3'>
+      <div className="flex flex-col gap-3 border-t border-divider-subtle px-4 py-3">
         {configurations.map((config, index) => {
           const FieldComponent = BaseField({
             initialData,
diff --git a/web/app/components/datasets/documents/create-from-pipeline/process-documents/header.tsx b/web/app/components/datasets/documents/create-from-pipeline/process-documents/header.tsx
index 04c50249a0..0b6300310a 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/process-documents/header.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/process-documents/header.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import Button from '@/app/components/base/button'
-import { useTranslation } from 'react-i18next'
 import { RiSearchEyeLine } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 
 type HeaderProps = {
   onReset: () => void
@@ -19,21 +19,21 @@ const Header = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center gap-x-1 px-4 py-2'>
-      <div className='system-sm-semibold-uppercase grow text-text-secondary'>
+    <div className="flex items-center gap-x-1 px-4 py-2">
+      <div className="system-sm-semibold-uppercase grow text-text-secondary">
         {t('datasetPipeline.addDocuments.stepTwo.chunkSettings')}
       </div>
-      <Button variant='ghost' disabled={resetDisabled} onClick={onReset}>
+      <Button variant="ghost" disabled={resetDisabled} onClick={onReset}>
         {t('common.operation.reset')}
       </Button>
       <Button
-        variant='secondary-accent'
+        variant="secondary-accent"
         onClick={onPreview}
-        className='gap-x-0.5'
+        className="gap-x-0.5"
         disabled={previewDisabled}
       >
-        <RiSearchEyeLine className='size-4' />
-        <span className='px-0.5'>{t('datasetPipeline.addDocuments.stepTwo.previewChunks')}</span>
+        <RiSearchEyeLine className="size-4" />
+        <span className="px-0.5">{t('datasetPipeline.addDocuments.stepTwo.previewChunks')}</span>
       </Button>
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/process-documents/hooks.ts b/web/app/components/datasets/documents/create-from-pipeline/process-documents/hooks.ts
index 4dcd901f3c..bb4e872ff0 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/process-documents/hooks.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/process-documents/hooks.ts
@@ -1,5 +1,5 @@
-import { usePublishedPipelineProcessingParams } from '@/service/use-pipeline'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { usePublishedPipelineProcessingParams } from '@/service/use-pipeline'
 
 export const useInputVariables = (datasourceNodeId: string) => {
   const pipelineId = useDatasetDetailContextWithSelector(state => state.dataset?.pipeline_id)
diff --git a/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.spec.tsx
index cc53cd4ae2..2b0fd7f0d0 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.spec.tsx
@@ -1,10 +1,10 @@
+import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import ProcessDocuments from './index'
-import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
 import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
-import { useInputVariables } from './hooks'
 import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
+import { useInputVariables } from './hooks'
+import ProcessDocuments from './index'
 
 // ==========================================
 // Mock External Dependencies
diff --git a/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.tsx
index edb74a667c..4556d7ab85 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/process-documents/index.tsx
@@ -1,9 +1,9 @@
 import React from 'react'
 import { generateZodSchema } from '@/app/components/base/form/form-scenarios/base/utils'
-import { useInputVariables } from './hooks'
-import Form from './form'
-import Actions from './actions'
 import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
+import Actions from './actions'
+import Form from './form'
+import { useInputVariables } from './hooks'
 
 type ProcessDocumentsProps = {
   dataSourceNodeId: string
@@ -30,7 +30,7 @@ const ProcessDocuments = ({
   const schema = generateZodSchema(configurations)
 
   return (
-    <div className='flex flex-col gap-y-4 pt-4'>
+    <div className="flex flex-col gap-y-4 pt-4">
       <Form
         ref={ref}
         initialData={initialData}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.spec.tsx
index bf0f988601..1626f4f707 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.spec.tsx
@@ -1,12 +1,13 @@
 import type { Mock } from 'vitest'
+import type { DocumentIndexingStatus, IndexingStatusResponse } from '@/models/datasets'
+import type { InitialDocumentDetail } from '@/models/pipeline'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import React from 'react'
-import EmbeddingProcess from './index'
-import type { DocumentIndexingStatus, IndexingStatusResponse } from '@/models/datasets'
-import { DatasourceType, type InitialDocumentDetail } from '@/models/pipeline'
 import { Plan } from '@/app/components/billing/type'
-import { RETRIEVE_METHOD } from '@/types/app'
 import { IndexingType } from '@/app/components/datasets/create/step-two'
+import { DatasourceType } from '@/models/pipeline'
+import { RETRIEVE_METHOD } from '@/types/app'
+import EmbeddingProcess from './index'
 
 // ==========================================
 // Mock External Dependencies
@@ -22,7 +23,7 @@ vi.mock('next/navigation', () => ({
 
 // Mock next/link
 vi.mock('next/link', () => ({
-  default: function MockLink({ children, href, ...props }: { children: React.ReactNode; href: string }) {
+  default: function MockLink({ children, href, ...props }: { children: React.ReactNode, href: string }) {
     return <a href={href} {...props}>{children}</a>
   },
 }))
diff --git a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.tsx
index e2057ed897..98f83f7458 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/index.tsx
@@ -1,6 +1,7 @@
-import React, { useEffect, useMemo, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
+import type { IndexingType } from '@/app/components/datasets/create/step-two'
+import type { IndexingStatusResponse } from '@/models/datasets'
+import type { InitialDocumentDetail } from '@/models/pipeline'
+import type { RETRIEVE_METHOD } from '@/types/app'
 import {
   RiAedFill,
   RiArrowRightLine,
@@ -9,25 +10,25 @@ import {
   RiLoader2Fill,
   RiTerminalBoxLine,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import Link from 'next/link'
+import { useRouter } from 'next/navigation'
+import React, { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import type { IndexingStatusResponse } from '@/models/datasets'
+import Divider from '@/app/components/base/divider'
 import NotionIcon from '@/app/components/base/notion-icon'
+import Tooltip from '@/app/components/base/tooltip'
 import PriorityLabel from '@/app/components/billing/priority-label'
 import { Plan } from '@/app/components/billing/type'
 import UpgradeBtn from '@/app/components/billing/upgrade-btn'
-import { useProviderContext } from '@/context/provider-context'
-import Tooltip from '@/app/components/base/tooltip'
-import { useInvalidDocumentList } from '@/service/knowledge/use-document'
 import DocumentFileIcon from '@/app/components/datasets/common/document-file-icon'
-import RuleDetail from './rule-detail'
-import type { IndexingType } from '@/app/components/datasets/create/step-two'
-import type { RETRIEVE_METHOD } from '@/types/app'
-import { DatasourceType, type InitialDocumentDetail } from '@/models/pipeline'
-import { useIndexingStatusBatch, useProcessRule } from '@/service/knowledge/use-dataset'
-import Divider from '@/app/components/base/divider'
+import { useProviderContext } from '@/context/provider-context'
 import { useDatasetApiAccessUrl } from '@/hooks/use-api-access-url'
-import Link from 'next/link'
+import { DatasourceType } from '@/models/pipeline'
+import { useIndexingStatusBatch, useProcessRule } from '@/service/knowledge/use-dataset'
+import { useInvalidDocumentList } from '@/service/knowledge/use-document'
+import { cn } from '@/utils/classnames'
+import RuleDetail from './rule-detail'
 
 type EmbeddingProcessProps = {
   datasetId: string
@@ -89,15 +90,18 @@ const EmbeddingProcess = ({
   const apiReferenceUrl = useDatasetApiAccessUrl()
 
   const isEmbeddingWaiting = useMemo(() => {
-    if (!indexingStatusBatchDetail.length) return false
+    if (!indexingStatusBatchDetail.length)
+      return false
     return indexingStatusBatchDetail.every(indexingStatusDetail => ['waiting'].includes(indexingStatusDetail?.indexing_status || ''))
   }, [indexingStatusBatchDetail])
   const isEmbedding = useMemo(() => {
-    if (!indexingStatusBatchDetail.length) return false
+    if (!indexingStatusBatchDetail.length)
+      return false
     return indexingStatusBatchDetail.some(indexingStatusDetail => ['indexing', 'splitting', 'parsing', 'cleaning'].includes(indexingStatusDetail?.indexing_status || ''))
   }, [indexingStatusBatchDetail])
   const isEmbeddingCompleted = useMemo(() => {
-    if (!indexingStatusBatchDetail.length) return false
+    if (!indexingStatusBatchDetail.length)
+      return false
     return indexingStatusBatchDetail.every(indexingStatusDetail => ['completed', 'error', 'paused'].includes(indexingStatusDetail?.indexing_status || ''))
   }, [indexingStatusBatchDetail])
 
@@ -128,11 +132,11 @@ const EmbeddingProcess = ({
 
   return (
     <>
-      <div className='flex flex-col gap-y-3'>
-        <div className='system-md-semibold-uppercase flex items-center gap-x-1 text-text-secondary'>
+      <div className="flex flex-col gap-y-3">
+        <div className="system-md-semibold-uppercase flex items-center gap-x-1 text-text-secondary">
           {(isEmbeddingWaiting || isEmbedding) && (
             <>
-              <RiLoader2Fill className='size-4 animate-spin' />
+              <RiLoader2Fill className="size-4 animate-spin" />
               <span>
                 {isEmbeddingWaiting ? t('datasetDocuments.embedding.waiting') : t('datasetDocuments.embedding.processing')}
               </span>
@@ -142,18 +146,18 @@ const EmbeddingProcess = ({
         </div>
         {
           enableBilling && plan.type !== Plan.team && (
-            <div className='flex h-[52px] items-center gap-x-2 rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg p-2.5 pl-3 shadow-xs shadow-shadow-shadow-3'>
-              <div className='flex shrink-0 items-center justify-center rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 shadow-md shadow-shadow-shadow-5'>
-                <RiAedFill className='size-4 text-text-primary-on-surface' />
+            <div className="flex h-[52px] items-center gap-x-2 rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg p-2.5 pl-3 shadow-xs shadow-shadow-shadow-3">
+              <div className="flex shrink-0 items-center justify-center rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 shadow-md shadow-shadow-shadow-5">
+                <RiAedFill className="size-4 text-text-primary-on-surface" />
               </div>
-              <div className='system-md-medium grow text-text-primary'>
+              <div className="system-md-medium grow text-text-primary">
                 {t('billing.plansCommon.documentProcessingPriorityUpgrade')}
               </div>
-              <UpgradeBtn loc='knowledge-speed-up' />
+              <UpgradeBtn loc="knowledge-speed-up" />
             </div>
           )
         }
-        <div className='flex flex-col gap-0.5 pb-2'>
+        <div className="flex flex-col gap-0.5 pb-2">
           {indexingStatusBatchDetail.map(indexingStatusDetail => (
             <div
               key={indexingStatusDetail.id}
@@ -164,84 +168,84 @@ const EmbeddingProcess = ({
             >
               {isSourceEmbedding(indexingStatusDetail) && (
                 <div
-                  className='absolute left-0 top-0 h-full min-w-0.5 border-r-[2px] border-r-components-progress-bar-progress-highlight bg-components-progress-bar-progress'
+                  className="absolute left-0 top-0 h-full min-w-0.5 border-r-[2px] border-r-components-progress-bar-progress-highlight bg-components-progress-bar-progress"
                   style={{ width: `${getSourcePercent(indexingStatusDetail)}%` }}
                 />
               )}
-              <div className='z-[1] flex h-full items-center gap-1 pl-[6px] pr-2'>
+              <div className="z-[1] flex h-full items-center gap-1 pl-[6px] pr-2">
                 {getSourceType(indexingStatusDetail.id) === DatasourceType.localFile && (
                   <DocumentFileIcon
-                    size='sm'
-                    className='shrink-0'
+                    size="sm"
+                    className="shrink-0"
                     name={getSourceName(indexingStatusDetail.id)}
                     extension={getFileType(getSourceName(indexingStatusDetail.id))}
                   />
                 )}
                 {getSourceType(indexingStatusDetail.id) === DatasourceType.onlineDocument && (
                   <NotionIcon
-                    className='shrink-0'
-                    type='page'
+                    className="shrink-0"
+                    type="page"
                     src={getIcon(indexingStatusDetail.id)}
                   />
                 )}
-                <div className='flex w-0 grow items-center gap-1' title={getSourceName(indexingStatusDetail.id)}>
-                  <div className='system-xs-medium truncate text-text-secondary'>
+                <div className="flex w-0 grow items-center gap-1" title={getSourceName(indexingStatusDetail.id)}>
+                  <div className="system-xs-medium truncate text-text-secondary">
                     {getSourceName(indexingStatusDetail.id)}
                   </div>
                   {
                     enableBilling && (
-                      <PriorityLabel className='ml-0' />
+                      <PriorityLabel className="ml-0" />
                     )
                   }
                 </div>
                 {isSourceEmbedding(indexingStatusDetail) && (
-                  <div className='shrink-0 text-xs text-text-secondary'>{`${getSourcePercent(indexingStatusDetail)}%`}</div>
+                  <div className="shrink-0 text-xs text-text-secondary">{`${getSourcePercent(indexingStatusDetail)}%`}</div>
                 )}
                 {indexingStatusDetail.indexing_status === 'error' && (
                   <Tooltip
-                    popupClassName='px-4 py-[14px] max-w-60 body-xs-regular text-text-secondary border-[0.5px] border-components-panel-border rounded-xl'
+                    popupClassName="px-4 py-[14px] max-w-60 body-xs-regular text-text-secondary border-[0.5px] border-components-panel-border rounded-xl"
                     offset={4}
                     popupContent={indexingStatusDetail.error}
                   >
                     <span>
-                      <RiErrorWarningFill className='size-4 shrink-0 text-text-destructive' />
+                      <RiErrorWarningFill className="size-4 shrink-0 text-text-destructive" />
                     </span>
                   </Tooltip>
                 )}
                 {indexingStatusDetail.indexing_status === 'completed' && (
-                  <RiCheckboxCircleFill className='size-4 shrink-0 text-text-success' />
+                  <RiCheckboxCircleFill className="size-4 shrink-0 text-text-success" />
                 )}
               </div>
             </div>
           ))}
         </div>
-        <Divider type='horizontal' className='my-0 bg-divider-subtle' />
+        <Divider type="horizontal" className="my-0 bg-divider-subtle" />
         <RuleDetail
           sourceData={ruleDetail}
           indexingType={indexingType}
           retrievalMethod={retrievalMethod}
         />
       </div>
-      <div className='mt-6 flex items-center gap-x-2 py-2'>
+      <div className="mt-6 flex items-center gap-x-2 py-2">
         <Link
           href={apiReferenceUrl}
-          target='_blank'
-          rel='noopener noreferrer'
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <Button
-            className='w-fit gap-x-0.5 px-3'
+            className="w-fit gap-x-0.5 px-3"
           >
-            <RiTerminalBoxLine className='size-4' />
-            <span className='px-0.5'>Access the API</span>
+            <RiTerminalBoxLine className="size-4" />
+            <span className="px-0.5">Access the API</span>
           </Button>
         </Link>
         <Button
-          className='w-fit gap-x-0.5 px-3'
-          variant='primary'
+          className="w-fit gap-x-0.5 px-3"
+          variant="primary"
           onClick={navToDocumentList}
         >
-          <span className='px-0.5'>{t('datasetCreation.stepThree.navTo')}</span>
-          <RiArrowRightLine className='size-4 stroke-current stroke-1' />
+          <span className="px-0.5">{t('datasetCreation.stepThree.navTo')}</span>
+          <RiArrowRightLine className="size-4 stroke-current stroke-1" />
         </Button>
       </div>
     </>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.spec.tsx
index 6538e3267f..17d7d8305b 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.spec.tsx
@@ -1,9 +1,10 @@
+import type { ProcessRuleResponse } from '@/models/datasets'
 import { render, screen } from '@testing-library/react'
 import React from 'react'
-import RuleDetail from './rule-detail'
-import { ProcessMode, type ProcessRuleResponse } from '@/models/datasets'
-import { RETRIEVE_METHOD } from '@/types/app'
 import { IndexingType } from '@/app/components/datasets/create/step-two'
+import { ProcessMode } from '@/models/datasets'
+import { RETRIEVE_METHOD } from '@/types/app'
+import RuleDetail from './rule-detail'
 
 // ==========================================
 // Mock External Dependencies
@@ -12,15 +13,15 @@ import { IndexingType } from '@/app/components/datasets/create/step-two'
 // Mock next/image (using img element for simplicity in tests)
 vi.mock('next/image', () => ({
   __esModule: true,
-  default: function MockImage({ src, alt, className }: { src: string; alt: string; className?: string }) {
-    // eslint-disable-next-line @next/next/no-img-element
+  default: function MockImage({ src, alt, className }: { src: string, alt: string, className?: string }) {
+    // eslint-disable-next-line next/no-img-element
     return <img src={src} alt={alt} className={className} data-testid="next-image" />
   },
 }))
 
 // Mock FieldInfo component
 vi.mock('@/app/components/datasets/documents/detail/metadata', () => ({
-  FieldInfo: ({ label, displayedValue, valueIcon }: { label: string; displayedValue: string; valueIcon?: React.ReactNode }) => (
+  FieldInfo: ({ label, displayedValue, valueIcon }: { label: string, displayedValue: string, valueIcon?: React.ReactNode }) => (
     <div data-testid="field-info" data-label={label}>
       <span data-testid="field-label">{label}</span>
       <span data-testid="field-value">{displayedValue}</span>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.tsx b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.tsx
index 39c10761cb..a96a47a569 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/processing/embedding-process/rule-detail.tsx
@@ -1,11 +1,12 @@
-import React, { useCallback } from 'react'
-import { IndexingType } from '@/app/components/datasets/create/step-two'
-import { ProcessMode, type ProcessRuleResponse } from '@/models/datasets'
-import { RETRIEVE_METHOD } from '@/types/app'
-import { useTranslation } from 'react-i18next'
-import { FieldInfo } from '@/app/components/datasets/documents/detail/metadata'
+import type { ProcessRuleResponse } from '@/models/datasets'
 import Image from 'next/image'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import { indexMethodIcon, retrievalIcon } from '@/app/components/datasets/create/icons'
+import { IndexingType } from '@/app/components/datasets/create/step-two'
+import { FieldInfo } from '@/app/components/datasets/documents/detail/metadata'
+import { ProcessMode } from '@/models/datasets'
+import { RETRIEVE_METHOD } from '@/types/app'
 
 type RuleDetailProps = {
   sourceData?: ProcessRuleResponse
@@ -39,7 +40,7 @@ const RuleDetail = ({
   }, [sourceData, t])
 
   return (
-    <div className='flex flex-col gap-1' data-testid='rule-detail'>
+    <div className="flex flex-col gap-1" data-testid="rule-detail">
       <FieldInfo
         label={t('datasetDocuments.embedding.mode')}
         displayedValue={getValue('mode')}
@@ -47,24 +48,24 @@ const RuleDetail = ({
       <FieldInfo
         label={t('datasetCreation.stepTwo.indexMode')}
         displayedValue={t(`datasetCreation.stepTwo.${indexingType === IndexingType.ECONOMICAL ? 'economical' : 'qualified'}`) as string}
-        valueIcon={
+        valueIcon={(
           <Image
-            className='size-4'
+            className="size-4"
             src={
               indexingType === IndexingType.ECONOMICAL
                 ? indexMethodIcon.economical
                 : indexMethodIcon.high_quality
             }
-            alt=''
+            alt=""
           />
-        }
+        )}
       />
       <FieldInfo
         label={t('datasetSettings.form.retrievalSetting.title')}
         displayedValue={t(`dataset.retrieval.${indexingType === IndexingType.ECONOMICAL ? 'keyword_search' : retrievalMethod}.title`) as string}
-        valueIcon={
+        valueIcon={(
           <Image
-            className='size-4'
+            className="size-4"
             src={
               retrievalMethod === RETRIEVE_METHOD.fullText
                 ? retrievalIcon.fullText
@@ -73,9 +74,9 @@ const RuleDetail = ({
                   ? retrievalIcon.hybrid
                   : retrievalIcon.vector
             }
-            alt=''
+            alt=""
           />
-        }
+        )}
       />
     </div>
   )
diff --git a/web/app/components/datasets/documents/create-from-pipeline/processing/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/processing/index.spec.tsx
index 16e9b2189a..948e3ba118 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/processing/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/processing/index.spec.tsx
@@ -1,9 +1,9 @@
+import type { DocumentIndexingStatus } from '@/models/datasets'
+import type { InitialDocumentDetail } from '@/models/pipeline'
 import { render, screen } from '@testing-library/react'
 import React from 'react'
-import Processing from './index'
-import type { InitialDocumentDetail } from '@/models/pipeline'
 import { DatasourceType } from '@/models/pipeline'
-import type { DocumentIndexingStatus } from '@/models/datasets'
+import Processing from './index'
 
 // ==========================================
 // Mock External Dependencies
@@ -86,8 +86,7 @@ const createMockDocuments = (count: number): InitialDocumentDetail[] =>
       id: `doc-${index + 1}`,
       name: `document-${index + 1}.txt`,
       position: index,
-    }),
-  )
+    }))
 
 // ==========================================
 // Test Suite
diff --git a/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx
index f48143948e..c57221f8a4 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx
@@ -1,11 +1,11 @@
 'use client'
+import type { InitialDocumentDetail } from '@/models/pipeline'
+import { RiBookOpenLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiBookOpenLine } from '@remixicon/react'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { useDocLink } from '@/context/i18n'
 import EmbeddingProcess from './embedding-process'
-import type { InitialDocumentDetail } from '@/models/pipeline'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 
 type ProcessingProps = {
   batchId: string
@@ -23,9 +23,9 @@ const Processing = ({
   const retrievalMethod = useDatasetDetailContextWithSelector(s => s.dataset?.retrieval_model_dict?.search_method)
 
   return (
-    <div className='flex h-full w-full justify-center overflow-hidden'>
-      <div className='h-full w-3/5 overflow-y-auto pb-8 pt-10'>
-        <div className='max-w-[640px]'>
+    <div className="flex h-full w-full justify-center overflow-hidden">
+      <div className="h-full w-3/5 overflow-y-auto pb-8 pt-10">
+        <div className="max-w-[640px]">
           <EmbeddingProcess
             datasetId={datasetId!}
             batchId={batchId}
@@ -35,19 +35,19 @@ const Processing = ({
           />
         </div>
       </div>
-      <div className='w-2/5 pr-8 pt-[88px]'>
-        <div className='flex w-[328px] flex-col gap-3 rounded-xl bg-background-section p-6'>
-          <div className='flex size-10 items-center justify-center rounded-[10px] bg-components-card-bg shadow-lg shadow-shadow-shadow-5'>
-            <RiBookOpenLine className='size-5 text-text-accent' />
+      <div className="w-2/5 pr-8 pt-[88px]">
+        <div className="flex w-[328px] flex-col gap-3 rounded-xl bg-background-section p-6">
+          <div className="flex size-10 items-center justify-center rounded-[10px] bg-components-card-bg shadow-lg shadow-shadow-shadow-5">
+            <RiBookOpenLine className="size-5 text-text-accent" />
           </div>
-          <div className='flex flex-col gap-y-2'>
-            <div className='system-xl-semibold text-text-secondary'>{t('datasetCreation.stepThree.sideTipTitle')}</div>
-            <div className='system-sm-regular text-text-tertiary'>{t('datasetCreation.stepThree.sideTipContent')}</div>
+          <div className="flex flex-col gap-y-2">
+            <div className="system-xl-semibold text-text-secondary">{t('datasetCreation.stepThree.sideTipTitle')}</div>
+            <div className="system-sm-regular text-text-tertiary">{t('datasetCreation.stepThree.sideTipContent')}</div>
             <a
               href={docLink('/guides/knowledge-base/integrate-knowledge-within-application')}
-              target='_blank'
-              rel='noreferrer noopener'
-              className='system-sm-regular text-text-accent'
+              target="_blank"
+              rel="noreferrer noopener"
+              className="system-sm-regular text-text-accent"
             >
               {t('datasetPipeline.addDocuments.stepThree.learnMore')}
             </a>
diff --git a/web/app/components/datasets/documents/create-from-pipeline/step-indicator.tsx b/web/app/components/datasets/documents/create-from-pipeline/step-indicator.tsx
index 73e6940837..82bc9e9b31 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/step-indicator.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/step-indicator.tsx
@@ -1,5 +1,5 @@
-import { cn } from '@/utils/classnames'
 import React from 'react'
+import { cn } from '@/utils/classnames'
 
 export type Step = {
   label: string
@@ -16,7 +16,7 @@ const StepIndicator = ({
   steps,
 }: StepIndicatorProps) => {
   return (
-    <div className='flex gap-x-1'>
+    <div className="flex gap-x-1">
       {steps.map((step, index) => {
         const isActive = index === currentStep - 1
         return (
diff --git a/web/app/components/datasets/documents/detail/batch-modal/csv-downloader.tsx b/web/app/components/datasets/documents/detail/batch-modal/csv-downloader.tsx
index 85cdfc0ccf..7cf0890c43 100644
--- a/web/app/components/datasets/documents/detail/batch-modal/csv-downloader.tsx
+++ b/web/app/components/datasets/documents/detail/batch-modal/csv-downloader.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useCSVDownloader,
 } from 'react-papaparse'
-import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import { Download02 as DownloadIcon } from '@/app/components/base/icons/src/vender/solid/general'
-import { ChunkingMode } from '@/models/datasets'
 import I18n from '@/context/i18n'
 import { LanguagesSupported } from '@/i18n-config/language'
+import { ChunkingMode } from '@/models/datasets'
 
 const CSV_TEMPLATE_QA_EN = [
   ['question', 'answer'],
@@ -49,42 +49,66 @@ const CSVDownload: FC<{ docForm: ChunkingMode }> = ({ docForm }) => {
   }
 
   return (
-    <div className='mt-6'>
-      <div className='text-sm font-medium text-text-primary'>{t('share.generation.csvStructureTitle')}</div>
-      <div className='mt-2 max-h-[500px] overflow-auto'>
+    <div className="mt-6">
+      <div className="text-sm font-medium text-text-primary">{t('share.generation.csvStructureTitle')}</div>
+      <div className="mt-2 max-h-[500px] overflow-auto">
         {docForm === ChunkingMode.qa && (
-          <table className='w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-subtle text-xs'>
-            <thead className='text-text-secondary'>
+          <table className="w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-subtle text-xs">
+            <thead className="text-text-secondary">
               <tr>
-                <td className='h-9 border-b border-divider-subtle pl-3 pr-2'>{t('datasetDocuments.list.batchModal.question')}</td>
-                <td className='h-9 border-b border-divider-subtle pl-3 pr-2'>{t('datasetDocuments.list.batchModal.answer')}</td>
+                <td className="h-9 border-b border-divider-subtle pl-3 pr-2">{t('datasetDocuments.list.batchModal.question')}</td>
+                <td className="h-9 border-b border-divider-subtle pl-3 pr-2">{t('datasetDocuments.list.batchModal.answer')}</td>
               </tr>
             </thead>
-            <tbody className='text-text-tertiary'>
+            <tbody className="text-text-tertiary">
               <tr>
-                <td className='h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.question')} 1</td>
-                <td className='h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.answer')} 1</td>
+                <td className="h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]">
+                  {t('datasetDocuments.list.batchModal.question')}
+                  {' '}
+                  1
+                </td>
+                <td className="h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]">
+                  {t('datasetDocuments.list.batchModal.answer')}
+                  {' '}
+                  1
+                </td>
               </tr>
               <tr>
-                <td className='h-9 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.question')} 2</td>
-                <td className='h-9 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.answer')} 2</td>
+                <td className="h-9 pl-3 pr-2 text-[13px]">
+                  {t('datasetDocuments.list.batchModal.question')}
+                  {' '}
+                  2
+                </td>
+                <td className="h-9 pl-3 pr-2 text-[13px]">
+                  {t('datasetDocuments.list.batchModal.answer')}
+                  {' '}
+                  2
+                </td>
               </tr>
             </tbody>
           </table>
         )}
         {docForm === ChunkingMode.text && (
-          <table className='w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-subtle text-xs'>
-            <thead className='text-text-secondary'>
+          <table className="w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-subtle text-xs">
+            <thead className="text-text-secondary">
               <tr>
-                <td className='h-9 border-b border-divider-subtle pl-3 pr-2'>{t('datasetDocuments.list.batchModal.contentTitle')}</td>
+                <td className="h-9 border-b border-divider-subtle pl-3 pr-2">{t('datasetDocuments.list.batchModal.contentTitle')}</td>
               </tr>
             </thead>
-            <tbody className='text-text-tertiary'>
+            <tbody className="text-text-tertiary">
               <tr>
-                <td className='h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.content')} 1</td>
+                <td className="h-9 border-b border-divider-subtle pl-3 pr-2 text-[13px]">
+                  {t('datasetDocuments.list.batchModal.content')}
+                  {' '}
+                  1
+                </td>
               </tr>
               <tr>
-                <td className='h-9 pl-3 pr-2 text-[13px]'>{t('datasetDocuments.list.batchModal.content')} 2</td>
+                <td className="h-9 pl-3 pr-2 text-[13px]">
+                  {t('datasetDocuments.list.batchModal.content')}
+                  {' '}
+                  2
+                </td>
               </tr>
             </tbody>
           </table>
@@ -93,12 +117,12 @@ const CSVDownload: FC<{ docForm: ChunkingMode }> = ({ docForm }) => {
       <CSVDownloader
         className="mt-2 block cursor-pointer"
         type={Type.Link}
-        filename={'template'}
+        filename="template"
         bom={true}
         data={getTemplate()}
       >
-        <div className='flex h-[18px] items-center space-x-1 text-xs font-medium text-text-accent'>
-          <DownloadIcon className='mr-1 h-3 w-3' />
+        <div className="flex h-[18px] items-center space-x-1 text-xs font-medium text-text-accent">
+          <DownloadIcon className="mr-1 h-3 w-3" />
           {t('datasetDocuments.list.batchModal.template')}
         </div>
       </CSVDownloader>
diff --git a/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx b/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx
index e88c5a1044..d127471e28 100644
--- a/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx
+++ b/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import type { FileItem } from '@/models/datasets'
 import {
   RiDeleteBinLine,
 } from '@remixicon/react'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { cn } from '@/utils/classnames'
-import { Csv as CSVIcon } from '@/app/components/base/icons/src/public/files'
-import { ToastContext } from '@/app/components/base/toast'
 import Button from '@/app/components/base/button'
-import type { FileItem } from '@/models/datasets'
-import { upload } from '@/service/base'
 import { getFileUploadErrorMessage } from '@/app/components/base/file-uploader/utils'
+import { Csv as CSVIcon } from '@/app/components/base/icons/src/public/files'
 import SimplePieChart from '@/app/components/base/simple-pie-chart'
-import { Theme } from '@/types/app'
+import { ToastContext } from '@/app/components/base/toast'
 import useTheme from '@/hooks/use-theme'
+import { upload } from '@/service/base'
 import { useFileUploadConfig } from '@/service/use-common'
+import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 export type Props = {
   file: FileItem | undefined
@@ -192,46 +192,46 @@ const CSVUploader: FC<Props> = ({
   }, [])
 
   return (
-    <div className='mt-6'>
+    <div className="mt-6">
       <input
         ref={fileUploader}
         style={{ display: 'none' }}
         type="file"
         id="fileUploader"
-        accept='.csv'
+        accept=".csv"
         onChange={fileChangeHandle}
       />
       <div ref={dropRef}>
         {!file && (
           <div className={cn('flex h-20 items-center rounded-xl border border-dashed border-components-panel-border bg-components-panel-bg-blur text-sm font-normal', dragging && 'border border-divider-subtle  bg-components-panel-on-panel-item-bg-hover')}>
-            <div className='flex w-full items-center justify-center space-x-2'>
+            <div className="flex w-full items-center justify-center space-x-2">
               <CSVIcon className="shrink-0" />
-              <div className='text-text-secondary'>
+              <div className="text-text-secondary">
                 {t('datasetDocuments.list.batchModal.csvUploadTitle')}
-                <span className='cursor-pointer text-text-accent' onClick={selectHandle}>{t('datasetDocuments.list.batchModal.browse')}</span>
+                <span className="cursor-pointer text-text-accent" onClick={selectHandle}>{t('datasetDocuments.list.batchModal.browse')}</span>
               </div>
             </div>
-            {dragging && <div ref={dragRef} className='absolute left-0 top-0 h-full w-full' />}
+            {dragging && <div ref={dragRef} className="absolute left-0 top-0 h-full w-full" />}
           </div>
         )}
         {file && (
           <div className={cn('group flex h-20 items-center rounded-xl border border-components-panel-border bg-components-panel-bg-blur px-6 text-sm font-normal', 'hover:border-divider-subtle hover:bg-components-panel-on-panel-item-bg-hover')}>
             <CSVIcon className="shrink-0" />
-            <div className='ml-2 flex w-0 grow'>
-              <span className='max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-text-primary'>{file.file.name.replace(/.csv$/, '')}</span>
-              <span className='shrink-0 text-text-secondary'>.csv</span>
+            <div className="ml-2 flex w-0 grow">
+              <span className="max-w-[calc(100%_-_30px)] overflow-hidden text-ellipsis whitespace-nowrap text-text-primary">{file.file.name.replace(/.csv$/, '')}</span>
+              <span className="shrink-0 text-text-secondary">.csv</span>
             </div>
-            <div className='hidden items-center group-hover:flex'>
+            <div className="hidden items-center group-hover:flex">
               {(file.progress < 100 && file.progress >= 0) && (
                 <>
-                  <SimplePieChart percentage={file.progress} stroke={chartColor} fill={chartColor} animationDuration={0}/>
-                  <div className='mx-2 h-4 w-px bg-text-secondary'/>
+                  <SimplePieChart percentage={file.progress} stroke={chartColor} fill={chartColor} animationDuration={0} />
+                  <div className="mx-2 h-4 w-px bg-text-secondary" />
                 </>
               )}
               <Button onClick={selectHandle}>{t('datasetCreation.stepOne.uploader.change')}</Button>
-              <div className='mx-2 h-4 w-px bg-text-secondary' />
-              <div className='cursor-pointer p-2' onClick={removeFile}>
-                <RiDeleteBinLine className='h-4 w-4 text-text-secondary' />
+              <div className="mx-2 h-4 w-px bg-text-secondary" />
+              <div className="cursor-pointer p-2" onClick={removeFile}>
+                <RiDeleteBinLine className="h-4 w-4 text-text-secondary" />
               </div>
             </div>
           </div>
diff --git a/web/app/components/datasets/documents/detail/batch-modal/index.tsx b/web/app/components/datasets/documents/detail/batch-modal/index.tsx
index 0952a823b4..cc3e9455d8 100644
--- a/web/app/components/datasets/documents/detail/batch-modal/index.tsx
+++ b/web/app/components/datasets/documents/detail/batch-modal/index.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { ChunkingMode, FileItem } from '@/models/datasets'
+import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import CSVUploader from './csv-uploader'
-import CSVDownloader from './csv-downloader'
 import Button from '@/app/components/base/button'
 import Modal from '@/app/components/base/modal'
-import type { ChunkingMode, FileItem } from '@/models/datasets'
-import { noop } from 'lodash-es'
+import CSVDownloader from './csv-downloader'
+import CSVUploader from './csv-uploader'
 
 export type IBatchModalProps = {
   isShow: boolean
@@ -40,10 +40,10 @@ const BatchModal: FC<IBatchModalProps> = ({
   }, [isShow])
 
   return (
-    <Modal isShow={isShow} onClose={noop} className='!max-w-[520px] !rounded-xl px-8 py-6'>
-      <div className='relative pb-1 text-xl font-medium leading-[30px] text-text-primary'>{t('datasetDocuments.list.batchModal.title')}</div>
-      <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onCancel}>
-        <RiCloseLine className='h-4 w-4 text-text-secondary' />
+    <Modal isShow={isShow} onClose={noop} className="!max-w-[520px] !rounded-xl px-8 py-6">
+      <div className="relative pb-1 text-xl font-medium leading-[30px] text-text-primary">{t('datasetDocuments.list.batchModal.title')}</div>
+      <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onCancel}>
+        <RiCloseLine className="h-4 w-4 text-text-secondary" />
       </div>
       <CSVUploader
         file={currentCSV}
@@ -52,8 +52,8 @@ const BatchModal: FC<IBatchModalProps> = ({
       <CSVDownloader
         docForm={docForm}
       />
-      <div className='mt-[28px] flex justify-end pt-6'>
-        <Button className='mr-2' onClick={onCancel}>
+      <div className="mt-[28px] flex justify-end pt-6">
+        <Button className="mr-2" onClick={onCancel}>
           {t('datasetDocuments.list.batchModal.cancel')}
         </Button>
         <Button variant="primary" onClick={handleSend} disabled={!currentCSV || !currentCSV.file || !currentCSV.file.id}>
diff --git a/web/app/components/datasets/documents/detail/completed/child-segment-detail.tsx b/web/app/components/datasets/documents/detail/completed/child-segment-detail.tsx
index 8f35bfc028..135d791fb3 100644
--- a/web/app/components/datasets/documents/detail/completed/child-segment-detail.tsx
+++ b/web/app/components/datasets/documents/detail/completed/child-segment-detail.tsx
@@ -1,21 +1,22 @@
-import React, { type FC, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FC } from 'react'
+import type { ChildChunkDetail, ChunkingMode } from '@/models/datasets'
 import {
   RiCloseLine,
   RiCollapseDiagonalLine,
   RiExpandDiagonalLine,
 } from '@remixicon/react'
+import React, { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { cn } from '@/utils/classnames'
+import { formatNumber } from '@/utils/format'
+import { formatTime } from '@/utils/time'
 import ActionButtons from './common/action-buttons'
 import ChunkContent from './common/chunk-content'
 import Dot from './common/dot'
 import { SegmentIndexTag } from './common/segment-index-tag'
 import { useSegmentListContext } from './index'
-import type { ChildChunkDetail, ChunkingMode } from '@/models/datasets'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { formatNumber } from '@/utils/format'
-import { cn } from '@/utils/classnames'
-import Divider from '@/app/components/base/divider'
-import { formatTime } from '@/utils/time'
 
 type IChildSegmentDetailProps = {
   chunkId: string
@@ -71,21 +72,21 @@ const ChildSegmentDetail: FC<IChildSegmentDetailProps> = ({
   }, [childChunkInfo?.updated_at])
 
   return (
-    <div className={'flex h-full flex-col'}>
+    <div className="flex h-full flex-col">
       <div className={cn('flex items-center justify-between', fullScreen ? 'border border-divider-subtle py-3 pl-6 pr-4' : 'pl-4 pr-3 pt-3')}>
-        <div className='flex flex-col'>
-          <div className='system-xl-semibold text-text-primary'>{t('datasetDocuments.segment.editChildChunk')}</div>
-          <div className='flex items-center gap-x-2'>
+        <div className="flex flex-col">
+          <div className="system-xl-semibold text-text-primary">{t('datasetDocuments.segment.editChildChunk')}</div>
+          <div className="flex items-center gap-x-2">
             <SegmentIndexTag positionId={childChunkInfo?.position || ''} labelPrefix={t('datasetDocuments.segment.childChunk') as string} />
             <Dot />
-            <span className='system-xs-medium text-text-tertiary'>{wordCountText}</span>
+            <span className="system-xs-medium text-text-tertiary">{wordCountText}</span>
             <Dot />
-            <span className='system-xs-medium text-text-tertiary'>
+            <span className="system-xs-medium text-text-tertiary">
               {EditTimeText}
             </span>
           </div>
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           {fullScreen && (
             <>
               <ActionButtons
@@ -94,14 +95,14 @@ const ChildSegmentDetail: FC<IChildSegmentDetailProps> = ({
                 loading={loading}
                 isChildChunk={true}
               />
-              <Divider type='vertical' className='ml-4 mr-2 h-3.5 bg-divider-regular' />
+              <Divider type="vertical" className="ml-4 mr-2 h-3.5 bg-divider-regular" />
             </>
           )}
-          <div className='mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={toggleFullScreen}>
-            {fullScreen ? <RiCollapseDiagonalLine className='h-4 w-4 text-text-tertiary' /> : <RiExpandDiagonalLine className='h-4 w-4 text-text-tertiary' />}
+          <div className="mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={toggleFullScreen}>
+            {fullScreen ? <RiCollapseDiagonalLine className="h-4 w-4 text-text-tertiary" /> : <RiExpandDiagonalLine className="h-4 w-4 text-text-tertiary" />}
           </div>
-          <div className='flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={onCancel}>
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <div className="flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={onCancel}>
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
@@ -116,7 +117,7 @@ const ChildSegmentDetail: FC<IChildSegmentDetailProps> = ({
         </div>
       </div>
       {!fullScreen && (
-        <div className='flex items-center justify-end border-t-[1px] border-t-divider-subtle p-4 pt-3'>
+        <div className="flex items-center justify-end border-t-[1px] border-t-divider-subtle p-4 pt-3">
           <ActionButtons
             handleCancel={handleCancel}
             handleSave={handleSave}
diff --git a/web/app/components/datasets/documents/detail/completed/child-segment-list.tsx b/web/app/components/datasets/documents/detail/completed/child-segment-list.tsx
index 6dbc539d5b..c13fdc0c63 100644
--- a/web/app/components/datasets/documents/detail/completed/child-segment-list.tsx
+++ b/web/app/components/datasets/documents/detail/completed/child-segment-list.tsx
@@ -1,17 +1,18 @@
-import { type FC, useMemo, useState } from 'react'
-import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { EditSlice } from '../../../formatted-text/flavours/edit-slice'
-import { useDocumentContext } from '../context'
-import { FormattedText } from '../../../formatted-text/formatted'
-import Empty from './common/empty'
-import FullDocListSkeleton from './skeleton/full-doc-list-skeleton'
-import { useSegmentListContext } from './index'
+import type { FC } from 'react'
 import type { ChildChunkDetail } from '@/models/datasets'
+import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
 import Input from '@/app/components/base/input'
 import { cn } from '@/utils/classnames'
-import Divider from '@/app/components/base/divider'
 import { formatNumber } from '@/utils/format'
+import { EditSlice } from '../../../formatted-text/flavours/edit-slice'
+import { FormattedText } from '../../../formatted-text/formatted'
+import { useDocumentContext } from '../context'
+import Empty from './common/empty'
+import { useSegmentListContext } from './index'
+import FullDocListSkeleton from './skeleton/full-doc-list-skeleton'
 
 type IChildSegmentCardProps = {
   childChunks: ChildChunkDetail[]
@@ -69,8 +70,8 @@ const ChildSegmentList: FC<IChildSegmentCardProps> = ({
     if (!isSearch) {
       const text = isFullDocMode
         ? !total
-          ? '--'
-          : formatNumber(total)
+            ? '--'
+            : formatNumber(total)
         : formatNumber(childChunks.length)
       const count = isFullDocMode
         ? text === '--'
@@ -92,8 +93,9 @@ const ChildSegmentList: FC<IChildSegmentCardProps> = ({
       contentOpacity,
       isParagraphMode ? 'pb-2 pt-1' : 'grow px-3',
       (isFullDocMode && isLoading) && 'overflow-y-hidden',
-    )}>
-      {isFullDocMode ? <Divider type='horizontal' className='my-1 h-px bg-divider-subtle' /> : null}
+    )}
+    >
+      {isFullDocMode ? <Divider type="horizontal" className="my-1 h-px bg-divider-subtle" /> : null}
       <div className={cn('flex items-center justify-between', isFullDocMode ? 'sticky -top-2 left-0 bg-background-default pb-3 pt-2' : '')}>
         <div
           className={cn(
@@ -111,15 +113,15 @@ const ChildSegmentList: FC<IChildSegmentCardProps> = ({
             isParagraphMode
               ? collapsed
                 ? (
-                  <RiArrowRightSLine className='mr-0.5 h-4 w-4 text-text-secondary opacity-50' />
-                )
-                : (<RiArrowDownSLine className='mr-0.5 h-4 w-4 text-text-secondary' />)
+                    <RiArrowRightSLine className="mr-0.5 h-4 w-4 text-text-secondary opacity-50" />
+                  )
+                : (<RiArrowDownSLine className="mr-0.5 h-4 w-4 text-text-secondary" />)
               : null
           }
-          <span className='system-sm-semibold-uppercase text-text-secondary'>{totalText}</span>
+          <span className="system-sm-semibold-uppercase text-text-secondary">{totalText}</span>
           <span className={cn('pl-1.5 text-xs font-medium text-text-quaternary', isParagraphMode ? 'hidden group-hover/card:inline-block' : '')}>·</span>
           <button
-            type='button'
+            type="button"
             className={cn(
               'system-xs-semibold-uppercase px-1.5 py-1 text-components-button-secondary-accent-text',
               isParagraphMode ? 'hidden group-hover/card:inline-block' : '',
@@ -135,59 +137,68 @@ const ChildSegmentList: FC<IChildSegmentCardProps> = ({
           </button>
         </div>
         {isFullDocMode
-          ? <Input
-            showLeftIcon
-            showClearIcon
-            wrapperClassName='!w-52'
-            value={inputValue}
-            onChange={e => handleInputChange?.(e.target.value)}
-            onClear={() => handleInputChange?.('')}
-          />
+          ? (
+              <Input
+                showLeftIcon
+                showClearIcon
+                wrapperClassName="!w-52"
+                value={inputValue}
+                onChange={e => handleInputChange?.(e.target.value)}
+                onClear={() => handleInputChange?.('')}
+              />
+            )
           : null}
       </div>
       {isLoading ? <FullDocListSkeleton /> : null}
       {((isFullDocMode && !isLoading) || !collapsed)
-        ? <div className={cn('flex gap-x-0.5', isFullDocMode ? 'mb-6 grow' : 'items-center')}>
-          {isParagraphMode && (
-            <div className='self-stretch'>
-              <Divider type='vertical' className='mx-[7px] w-[2px] bg-text-accent-secondary' />
+        ? (
+            <div className={cn('flex gap-x-0.5', isFullDocMode ? 'mb-6 grow' : 'items-center')}>
+              {isParagraphMode && (
+                <div className="self-stretch">
+                  <Divider type="vertical" className="mx-[7px] w-[2px] bg-text-accent-secondary" />
+                </div>
+              )}
+              {childChunks.length > 0
+                ? (
+                    <FormattedText className={cn('flex w-full flex-col !leading-6', isParagraphMode ? 'gap-y-2' : 'gap-y-3')}>
+                      {childChunks.map((childChunk) => {
+                        const edited = childChunk.updated_at !== childChunk.created_at
+                        const focused = currChildChunk?.childChunkInfo?.id === childChunk.id
+                        return (
+                          <EditSlice
+                            key={childChunk.id}
+                            label={`C-${childChunk.position}${edited ? ` · ${t('datasetDocuments.segment.edited')}` : ''}`}
+                            text={childChunk.content}
+                            onDelete={() => onDelete?.(childChunk.segment_id, childChunk.id)}
+                            className="child-chunk"
+                            labelClassName={focused ? 'bg-state-accent-solid text-text-primary-on-surface' : ''}
+                            labelInnerClassName="text-[10px] font-semibold align-bottom leading-6"
+                            contentClassName={cn('!leading-6', focused ? 'bg-state-accent-hover-alt text-text-primary' : 'text-text-secondary')}
+                            showDivider={false}
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              onClickSlice?.(childChunk)
+                            }}
+                            offsetOptions={({ rects }) => {
+                              return {
+                                mainAxis: isFullDocMode ? -rects.floating.width : 12 - rects.floating.width,
+                                crossAxis: (20 - rects.floating.height) / 2,
+                              }
+                            }}
+                          />
+                        )
+                      })}
+                    </FormattedText>
+                  )
+                : inputValue !== ''
+                  ? (
+                      <div className="h-full w-full">
+                        <Empty onClearFilter={onClearFilter!} />
+                      </div>
+                    )
+                  : null}
             </div>
-          )}
-          {childChunks.length > 0
-            ? <FormattedText className={cn('flex w-full flex-col !leading-6', isParagraphMode ? 'gap-y-2' : 'gap-y-3')}>
-              {childChunks.map((childChunk) => {
-                const edited = childChunk.updated_at !== childChunk.created_at
-                const focused = currChildChunk?.childChunkInfo?.id === childChunk.id
-                return <EditSlice
-                  key={childChunk.id}
-                  label={`C-${childChunk.position}${edited ? ` · ${t('datasetDocuments.segment.edited')}` : ''}`}
-                  text={childChunk.content}
-                  onDelete={() => onDelete?.(childChunk.segment_id, childChunk.id)}
-                  className='child-chunk'
-                  labelClassName={focused ? 'bg-state-accent-solid text-text-primary-on-surface' : ''}
-                  labelInnerClassName={'text-[10px] font-semibold align-bottom leading-6'}
-                  contentClassName={cn('!leading-6', focused ? 'bg-state-accent-hover-alt text-text-primary' : 'text-text-secondary')}
-                  showDivider={false}
-                  onClick={(e) => {
-                    e.stopPropagation()
-                    onClickSlice?.(childChunk)
-                  }}
-                  offsetOptions={({ rects }) => {
-                    return {
-                      mainAxis: isFullDocMode ? -rects.floating.width : 12 - rects.floating.width,
-                      crossAxis: (20 - rects.floating.height) / 2,
-                    }
-                  }}
-                />
-              })}
-            </FormattedText>
-            : inputValue !== ''
-              ? <div className='h-full w-full'>
-                <Empty onClearFilter={onClearFilter!} />
-              </div>
-              : null
-          }
-        </div>
+          )
         : null}
     </div>
   )
diff --git a/web/app/components/datasets/documents/detail/completed/common/action-buttons.tsx b/web/app/components/datasets/documents/detail/completed/common/action-buttons.tsx
index c5d3bf5629..69f7ee7889 100644
--- a/web/app/components/datasets/documents/detail/completed/common/action-buttons.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/action-buttons.tsx
@@ -1,10 +1,11 @@
-import React, { type FC, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FC } from 'react'
 import { useKeyPress } from 'ahooks'
-import { useDocumentContext } from '../../context'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { getKeyboardKeyCodeBySystem, getKeyboardKeyNameBySystem } from '@/app/components/workflow/utils'
 import { ChunkingMode } from '@/models/datasets'
+import { useDocumentContext } from '../../context'
 
 type IActionButtonsProps = {
   handleCancel: () => void
@@ -39,44 +40,44 @@ const ActionButtons: FC<IActionButtonsProps> = ({
     if (loading)
       return
     handleSave()
-  },
-  { exactMatch: true, useCapture: true })
+  }, { exactMatch: true, useCapture: true })
 
   const isParentChildParagraphMode = useMemo(() => {
     return docForm === ChunkingMode.parentChild && parentMode === 'paragraph'
   }, [docForm, parentMode])
 
   return (
-    <div className='flex items-center gap-x-2'>
+    <div className="flex items-center gap-x-2">
       <Button
         onClick={handleCancel}
       >
-        <div className='flex items-center gap-x-1'>
-          <span className='system-sm-medium text-components-button-secondary-text'>{t('common.operation.cancel')}</span>
-          <span className='system-kbd rounded-[4px] bg-components-kbd-bg-gray px-[1px] text-text-tertiary'>ESC</span>
+        <div className="flex items-center gap-x-1">
+          <span className="system-sm-medium text-components-button-secondary-text">{t('common.operation.cancel')}</span>
+          <span className="system-kbd rounded-[4px] bg-components-kbd-bg-gray px-[1px] text-text-tertiary">ESC</span>
         </div>
       </Button>
       {(isParentChildParagraphMode && actionType === 'edit' && !isChildChunk && showRegenerationButton)
-        ? <Button
-          onClick={handleRegeneration}
-          disabled={loading}
-        >
-          <span className='system-sm-medium text-components-button-secondary-text'>
-            {t('common.operation.saveAndRegenerate')}
-          </span>
-        </Button>
-        : null
-      }
+        ? (
+            <Button
+              onClick={handleRegeneration}
+              disabled={loading}
+            >
+              <span className="system-sm-medium text-components-button-secondary-text">
+                {t('common.operation.saveAndRegenerate')}
+              </span>
+            </Button>
+          )
+        : null}
       <Button
-        variant='primary'
+        variant="primary"
         onClick={handleSave}
         disabled={loading}
       >
-        <div className='flex items-center gap-x-1'>
-          <span className='text-components-button-primary-text'>{t('common.operation.save')}</span>
-          <div className='flex items-center gap-x-0.5'>
-            <span className='system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white capitalize text-text-primary-on-surface'>{getKeyboardKeyNameBySystem('ctrl')}</span>
-            <span className='system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white text-text-primary-on-surface'>S</span>
+        <div className="flex items-center gap-x-1">
+          <span className="text-components-button-primary-text">{t('common.operation.save')}</span>
+          <div className="flex items-center gap-x-0.5">
+            <span className="system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white capitalize text-text-primary-on-surface">{getKeyboardKeyNameBySystem('ctrl')}</span>
+            <span className="system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white text-text-primary-on-surface">S</span>
           </div>
         </div>
       </Button>
diff --git a/web/app/components/datasets/documents/detail/completed/common/add-another.tsx b/web/app/components/datasets/documents/detail/completed/common/add-another.tsx
index 0b0cbc8e0a..3c7eb83533 100644
--- a/web/app/components/datasets/documents/detail/completed/common/add-another.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/add-another.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import Checkbox from '@/app/components/base/checkbox'
+import { cn } from '@/utils/classnames'
 
 type AddAnotherProps = {
   className?: string
@@ -19,12 +20,12 @@ const AddAnother: FC<AddAnotherProps> = ({
   return (
     <div className={cn('flex items-center gap-x-1 pl-1', className)}>
       <Checkbox
-        key='add-another-checkbox'
-        className='shrink-0'
+        key="add-another-checkbox"
+        className="shrink-0"
         checked={isChecked}
         onCheck={onCheck}
       />
-      <span className='system-xs-medium text-text-tertiary'>{t('datasetDocuments.segment.addAnother')}</span>
+      <span className="system-xs-medium text-text-tertiary">{t('datasetDocuments.segment.addAnother')}</span>
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/completed/common/batch-action.tsx b/web/app/components/datasets/documents/detail/completed/common/batch-action.tsx
index 4e0fcc7e13..ed8b6ac562 100644
--- a/web/app/components/datasets/documents/detail/completed/common/batch-action.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/batch-action.tsx
@@ -1,11 +1,12 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import { RiArchive2Line, RiCheckboxCircleLine, RiCloseCircleLine, RiDeleteBinLine, RiDraftLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useBoolean } from 'ahooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
 import Divider from '@/app/components/base/divider'
 import { cn } from '@/utils/classnames'
-import Confirm from '@/app/components/base/confirm'
-import Button from '@/app/components/base/button'
 
 const i18nPrefix = 'dataset.batchAction'
 type IBatchActionProps = {
@@ -45,68 +46,68 @@ const BatchAction: FC<IBatchActionProps> = ({
   }
   return (
     <div className={cn('pointer-events-none flex w-full justify-center gap-x-2', className)}>
-      <div className='pointer-events-auto flex items-center gap-x-1 rounded-[10px] border border-components-actionbar-border-accent bg-components-actionbar-bg-accent p-1 shadow-xl shadow-shadow-shadow-5'>
-        <div className='inline-flex items-center gap-x-2 py-1 pl-2 pr-3'>
-          <span className='system-xs-medium flex h-5 w-5 items-center justify-center rounded-md bg-text-accent text-text-primary-on-surface'>
+      <div className="pointer-events-auto flex items-center gap-x-1 rounded-[10px] border border-components-actionbar-border-accent bg-components-actionbar-bg-accent p-1 shadow-xl shadow-shadow-shadow-5">
+        <div className="inline-flex items-center gap-x-2 py-1 pl-2 pr-3">
+          <span className="system-xs-medium flex h-5 w-5 items-center justify-center rounded-md bg-text-accent text-text-primary-on-surface">
             {selectedIds.length}
           </span>
-          <span className='system-sm-semibold text-text-accent'>{t(`${i18nPrefix}.selected`)}</span>
+          <span className="system-sm-semibold text-text-accent">{t(`${i18nPrefix}.selected`)}</span>
         </div>
-        <Divider type='vertical' className='mx-0.5 h-3.5 bg-divider-regular' />
+        <Divider type="vertical" className="mx-0.5 h-3.5 bg-divider-regular" />
         <Button
-          variant='ghost'
-          className='gap-x-0.5 px-3'
+          variant="ghost"
+          className="gap-x-0.5 px-3"
           onClick={onBatchEnable}
         >
-          <RiCheckboxCircleLine className='size-4' />
-          <span className='px-0.5'>{t(`${i18nPrefix}.enable`)}</span>
+          <RiCheckboxCircleLine className="size-4" />
+          <span className="px-0.5">{t(`${i18nPrefix}.enable`)}</span>
         </Button>
         <Button
-          variant='ghost'
-          className='gap-x-0.5 px-3'
+          variant="ghost"
+          className="gap-x-0.5 px-3"
           onClick={onBatchDisable}
         >
-          <RiCloseCircleLine className='size-4' />
-          <span className='px-0.5'>{t(`${i18nPrefix}.disable`)}</span>
+          <RiCloseCircleLine className="size-4" />
+          <span className="px-0.5">{t(`${i18nPrefix}.disable`)}</span>
         </Button>
         {onEditMetadata && (
           <Button
-            variant='ghost'
-            className='gap-x-0.5 px-3'
+            variant="ghost"
+            className="gap-x-0.5 px-3"
             onClick={onEditMetadata}
           >
-            <RiDraftLine className='size-4' />
-            <span className='px-0.5'>{t('dataset.metadata.metadata')}</span>
+            <RiDraftLine className="size-4" />
+            <span className="px-0.5">{t('dataset.metadata.metadata')}</span>
           </Button>
         )}
 
         {onArchive && (
           <Button
-            variant='ghost'
-            className='gap-x-0.5 px-3'
+            variant="ghost"
+            className="gap-x-0.5 px-3"
             onClick={onArchive}
           >
-            <RiArchive2Line className='size-4' />
-            <span className='px-0.5'>{t(`${i18nPrefix}.archive`)}</span>
+            <RiArchive2Line className="size-4" />
+            <span className="px-0.5">{t(`${i18nPrefix}.archive`)}</span>
           </Button>
         )}
         <Button
-          variant='ghost'
+          variant="ghost"
           destructive
-          className='gap-x-0.5 px-3'
+          className="gap-x-0.5 px-3"
           onClick={showDeleteConfirm}
         >
-          <RiDeleteBinLine className='size-4' />
-          <span className='px-0.5'>{t(`${i18nPrefix}.delete`)}</span>
+          <RiDeleteBinLine className="size-4" />
+          <span className="px-0.5">{t(`${i18nPrefix}.delete`)}</span>
         </Button>
 
-        <Divider type='vertical' className='mx-0.5 h-3.5 bg-divider-regular' />
+        <Divider type="vertical" className="mx-0.5 h-3.5 bg-divider-regular" />
         <Button
-          variant='ghost'
-          className='px-3'
+          variant="ghost"
+          className="px-3"
           onClick={onCancel}
         >
-          <span className='px-0.5'>{t(`${i18nPrefix}.cancel`)}</span>
+          <span className="px-0.5">{t(`${i18nPrefix}.cancel`)}</span>
         </Button>
       </div>
       {
diff --git a/web/app/components/datasets/documents/detail/completed/common/chunk-content.tsx b/web/app/components/datasets/documents/detail/completed/common/chunk-content.tsx
index b488c98f67..cb00903016 100644
--- a/web/app/components/datasets/documents/detail/completed/common/chunk-content.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/chunk-content.tsx
@@ -1,9 +1,9 @@
-import React, { useEffect, useRef, useState } from 'react'
 import type { ComponentProps, FC } from 'react'
+import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { Markdown } from '@/app/components/base/markdown'
 import { ChunkingMode } from '@/models/datasets'
 import { cn } from '@/utils/classnames'
-import { Markdown } from '@/app/components/base/markdown'
 
 type IContentProps = ComponentProps<'textarea'>
 
@@ -16,8 +16,7 @@ const Textarea: FC<IContentProps> = React.memo(({
 }) => {
   return (
     <textarea
-      className={cn('inset-0 w-full resize-none appearance-none overflow-y-auto border-none bg-transparent outline-none',
-        className)}
+      className={cn('inset-0 w-full resize-none appearance-none overflow-y-auto border-none bg-transparent outline-none', className)}
       placeholder={placeholder}
       value={value}
       disabled={disabled}
@@ -80,8 +79,7 @@ const AutoResizeTextArea: FC<IAutoResizeTextAreaProps> = React.memo(({
   return (
     <textarea
       ref={textareaRef}
-      className={cn('inset-0 w-full resize-none appearance-none border-none bg-transparent outline-none',
-        className)}
+      className={cn('inset-0 w-full resize-none appearance-none border-none bg-transparent outline-none', className)}
       style={{
         maxHeight,
       }}
@@ -115,10 +113,10 @@ const QATextArea: FC<IQATextAreaProps> = React.memo(({
   const labelRef = useRef<HTMLDivElement>(null)
 
   return (
-    <div ref={containerRef} className='h-full overflow-hidden'>
-      <div ref={labelRef} className='mb-1 text-xs font-medium text-text-tertiary'>QUESTION</div>
+    <div ref={containerRef} className="h-full overflow-hidden">
+      <div ref={labelRef} className="mb-1 text-xs font-medium text-text-tertiary">QUESTION</div>
       <AutoResizeTextArea
-        className='text-sm tracking-[-0.07px] text-text-secondary caret-[#295EFF]'
+        className="text-sm tracking-[-0.07px] text-text-secondary caret-[#295EFF]"
         value={question}
         placeholder={t('datasetDocuments.segment.questionPlaceholder') || ''}
         onChange={e => onQuestionChange(e.target.value)}
@@ -126,9 +124,9 @@ const QATextArea: FC<IQATextAreaProps> = React.memo(({
         containerRef={containerRef}
         labelRef={labelRef}
       />
-      <div className='mb-1 mt-6 text-xs font-medium text-text-tertiary'>ANSWER</div>
+      <div className="mb-1 mt-6 text-xs font-medium text-text-tertiary">ANSWER</div>
       <AutoResizeTextArea
-        className='text-sm tracking-[-0.07px] text-text-secondary caret-[#295EFF]'
+        className="text-sm tracking-[-0.07px] text-text-secondary caret-[#295EFF]"
         value={answer}
         placeholder={t('datasetDocuments.segment.answerPlaceholder') || ''}
         onChange={e => onAnswerChange?.(e.target.value)}
@@ -163,19 +161,21 @@ const ChunkContent: FC<IChunkContentProps> = ({
   const { t } = useTranslation()
 
   if (docForm === ChunkingMode.qa) {
-    return <QATextArea
-      question={question}
-      answer={answer}
-      onQuestionChange={onQuestionChange}
-      onAnswerChange={onAnswerChange}
-      isEditMode={isEditMode}
-    />
+    return (
+      <QATextArea
+        question={question}
+        answer={answer}
+        onQuestionChange={onQuestionChange}
+        onAnswerChange={onAnswerChange}
+        isEditMode={isEditMode}
+      />
+    )
   }
 
   if (!isEditMode) {
     return (
       <Markdown
-        className='h-full w-full !text-text-secondary'
+        className="h-full w-full !text-text-secondary"
         content={question}
         customDisallowedElements={['input']}
       />
@@ -184,7 +184,7 @@ const ChunkContent: FC<IChunkContentProps> = ({
 
   return (
     <Textarea
-      className='body-md-regular h-full w-full pb-6 tracking-[-0.07px] text-text-secondary caret-[#295EFF]'
+      className="body-md-regular h-full w-full pb-6 tracking-[-0.07px] text-text-secondary caret-[#295EFF]"
       value={question}
       placeholder={t('datasetDocuments.segment.contentPlaceholder') || ''}
       onChange={e => onQuestionChange(e.target.value)}
diff --git a/web/app/components/datasets/documents/detail/completed/common/dot.tsx b/web/app/components/datasets/documents/detail/completed/common/dot.tsx
index 2c70f6f0e7..3ec98cb64f 100644
--- a/web/app/components/datasets/documents/detail/completed/common/dot.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/dot.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 const Dot = () => {
   return (
-    <div className='system-xs-medium text-text-quaternary'>·</div>
+    <div className="system-xs-medium text-text-quaternary">·</div>
   )
 }
 
diff --git a/web/app/components/datasets/documents/detail/completed/common/drawer.tsx b/web/app/components/datasets/documents/detail/completed/common/drawer.tsx
index 450f347302..a3f30b0ebd 100644
--- a/web/app/components/datasets/documents/detail/completed/common/drawer.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/drawer.tsx
@@ -1,7 +1,7 @@
+import { useKeyPress } from 'ahooks'
 import React, { useCallback, useEffect, useRef } from 'react'
 import { createPortal } from 'react-dom'
 import { cn } from '@/utils/classnames'
-import { useKeyPress } from 'ahooks'
 import { useSegmentListContext } from '..'
 
 type DrawerProps = {
@@ -32,14 +32,16 @@ const Drawer = ({
   const currChildChunk = useSegmentListContext(s => s.currChildChunk)
 
   useKeyPress('esc', (e) => {
-    if (!open) return
+    if (!open)
+      return
     e.preventDefault()
     onClose()
   }, { exactMatch: true, useCapture: true })
 
   const shouldCloseDrawer = useCallback((target: Node | null) => {
     const panelContent = panelContentRef.current
-    if (!panelContent) return false
+    if (!panelContent)
+      return false
     const chunks = document.querySelectorAll('.chunk-card')
     const childChunks = document.querySelectorAll('.child-chunk')
     const imagePreviewer = document.querySelector('.image-previewer')
@@ -56,9 +58,11 @@ const Drawer = ({
   }, [currSegment, currChildChunk, needCheckChunks])
 
   const onDownCapture = useCallback((e: PointerEvent) => {
-    if (!open || modal) return
+    if (!open || modal)
+      return
     const panelContent = panelContentRef.current
-    if (!panelContent) return
+    if (!panelContent)
+      return
     const target = e.target as Node | null
     if (shouldCloseDrawer(target))
       queueMicrotask(onClose)
@@ -73,22 +77,24 @@ const Drawer = ({
   const isHorizontal = side === 'left' || side === 'right'
 
   const content = (
-    <div className='pointer-events-none fixed inset-0 z-[9999]'>
-      {showOverlay ? (
-        <div
-          onClick={modal ? onClose : undefined}
-          aria-hidden='true'
-          className={cn(
-            'fixed inset-0 bg-black/30 opacity-0 transition-opacity duration-200 ease-in',
-            open && 'opacity-100',
-            modal && open ? 'pointer-events-auto' : 'pointer-events-none',
-          )}
-        />
-      ) : null}
+    <div className="pointer-events-none fixed inset-0 z-[9999]">
+      {showOverlay
+        ? (
+            <div
+              onClick={modal ? onClose : undefined}
+              aria-hidden="true"
+              className={cn(
+                'fixed inset-0 bg-black/30 opacity-0 transition-opacity duration-200 ease-in',
+                open && 'opacity-100',
+                modal && open ? 'pointer-events-auto' : 'pointer-events-none',
+              )}
+            />
+          )
+        : null}
 
       {/* Drawer panel */}
       <div
-        role='dialog'
+        role="dialog"
         aria-modal={modal ? 'true' : 'false'}
         className={cn(
           'pointer-events-auto fixed flex flex-col',
diff --git a/web/app/components/datasets/documents/detail/completed/common/empty.tsx b/web/app/components/datasets/documents/detail/completed/common/empty.tsx
index 93813cfa22..04ce92a693 100644
--- a/web/app/components/datasets/documents/detail/completed/common/empty.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/empty.tsx
@@ -1,5 +1,6 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import { RiFileList2Line } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 type IEmptyProps = {
@@ -8,7 +9,7 @@ type IEmptyProps = {
 
 const EmptyCard = React.memo(() => {
   return (
-    <div className='h-32 w-full shrink-0 rounded-xl bg-background-section-burn opacity-30' />
+    <div className="h-32 w-full shrink-0 rounded-xl bg-background-section-burn opacity-30" />
   )
 })
 
@@ -22,13 +23,13 @@ const Line = React.memo(({
   className,
 }: LineProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='2' height='241' viewBox='0 0 2 241' fill='none' className={className}>
-      <path d='M1 0.5L1 240.5' stroke='url(#paint0_linear_1989_74474)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="2" height="241" viewBox="0 0 2 241" fill="none" className={className}>
+      <path d="M1 0.5L1 240.5" stroke="url(#paint0_linear_1989_74474)" />
       <defs>
-        <linearGradient id='paint0_linear_1989_74474' x1='-7.99584' y1='240.5' x2='-7.88094' y2='0.50004' gradientUnits='userSpaceOnUse'>
-          <stop stopColor='white' stopOpacity='0.01' />
-          <stop offset='0.503965' stopColor='#101828' stopOpacity='0.08' />
-          <stop offset='1' stopColor='white' stopOpacity='0.01' />
+        <linearGradient id="paint0_linear_1989_74474" x1="-7.99584" y1="240.5" x2="-7.88094" y2="0.50004" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white" stopOpacity="0.01" />
+          <stop offset="0.503965" stopColor="#101828" stopOpacity="0.08" />
+          <stop offset="1" stopColor="white" stopOpacity="0.01" />
         </linearGradient>
       </defs>
     </svg>
@@ -43,34 +44,34 @@ const Empty: FC<IEmptyProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className={'relative z-0 flex h-full items-center justify-center'}>
-      <div className='flex flex-col items-center'>
-        <div className='relative z-10 flex h-14 w-14 items-center justify-center rounded-xl border border-divider-subtle bg-components-card-bg shadow-lg shadow-shadow-shadow-5'>
-          <RiFileList2Line className='h-6 w-6 text-text-secondary' />
-          <Line className='absolute -right-px top-1/2 -translate-y-1/2' />
-          <Line className='absolute -left-px top-1/2 -translate-y-1/2' />
-          <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' />
-          <Line className='absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90' />
+    <div className="relative z-0 flex h-full items-center justify-center">
+      <div className="flex flex-col items-center">
+        <div className="relative z-10 flex h-14 w-14 items-center justify-center rounded-xl border border-divider-subtle bg-components-card-bg shadow-lg shadow-shadow-shadow-5">
+          <RiFileList2Line className="h-6 w-6 text-text-secondary" />
+          <Line className="absolute -right-px top-1/2 -translate-y-1/2" />
+          <Line className="absolute -left-px top-1/2 -translate-y-1/2" />
+          <Line className="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90" />
+          <Line className="absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90" />
         </div>
-        <div className='system-md-regular mt-3 text-text-tertiary'>
+        <div className="system-md-regular mt-3 text-text-tertiary">
           {t('datasetDocuments.segment.empty')}
         </div>
         <button
-          type='button'
-          className='system-sm-medium mt-1 text-text-accent'
+          type="button"
+          className="system-sm-medium mt-1 text-text-accent"
           onClick={onClearFilter}
         >
           {t('datasetDocuments.segment.clearFilter')}
         </button>
       </div>
-      <div className='absolute left-0 top-0 -z-20 flex h-full w-full flex-col gap-y-3 overflow-hidden'>
+      <div className="absolute left-0 top-0 -z-20 flex h-full w-full flex-col gap-y-3 overflow-hidden">
         {
           Array.from({ length: 10 }).map((_, i) => (
             <EmptyCard key={i} />
           ))
         }
       </div>
-      <div className='absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-list-mask-bg' />
+      <div className="absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-list-mask-bg" />
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx b/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
index 57b5557d7e..9293dc862d 100644
--- a/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import Drawer from './drawer'
-import { cn } from '@/utils/classnames'
 import { noop } from 'lodash-es'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import Drawer from './drawer'
 
 type IFullScreenDrawerProps = {
   isOpen: boolean
@@ -39,7 +39,8 @@ const FullScreenDrawer = ({
       modal={modal}
     >
       {children}
-    </Drawer>)
+    </Drawer>
+  )
 }
 
 export default FullScreenDrawer
diff --git a/web/app/components/datasets/documents/detail/completed/common/keywords.tsx b/web/app/components/datasets/documents/detail/completed/common/keywords.tsx
index b3a372f75a..be7da98cd9 100644
--- a/web/app/components/datasets/documents/detail/completed/common/keywords.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/keywords.tsx
@@ -1,8 +1,9 @@
-import React, { type FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
+import type { FC } from 'react'
 import type { SegmentDetailModel } from '@/models/datasets'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import TagInput from '@/app/components/base/tag-input'
+import { cn } from '@/utils/classnames'
 
 type IKeywordsProps = {
   segInfo?: Partial<SegmentDetailModel> & { id: string }
@@ -24,19 +25,18 @@ const Keywords: FC<IKeywordsProps> = ({
   const { t } = useTranslation()
   return (
     <div className={cn('flex flex-col', className)}>
-      <div className='system-xs-medium-uppercase text-text-tertiary'>{t('datasetDocuments.segment.keywords')}</div>
-      <div className='flex max-h-[200px] w-full flex-wrap gap-1 overflow-auto text-text-tertiary'>
+      <div className="system-xs-medium-uppercase text-text-tertiary">{t('datasetDocuments.segment.keywords')}</div>
+      <div className="flex max-h-[200px] w-full flex-wrap gap-1 overflow-auto text-text-tertiary">
         {(!segInfo?.keywords?.length && actionType === 'view')
           ? '-'
           : (
-            <TagInput
-              items={keywords}
-              onChange={newKeywords => onKeywordsChange(newKeywords)}
-              disableAdd={!isEditMode}
-              disableRemove={!isEditMode || (keywords.length === 1)}
-            />
-          )
-        }
+              <TagInput
+                items={keywords}
+                onChange={newKeywords => onKeywordsChange(newKeywords)}
+                disableAdd={!isEditMode}
+                disableRemove={!isEditMode || (keywords.length === 1)}
+              />
+            )}
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/documents/detail/completed/common/regeneration-modal.tsx b/web/app/components/datasets/documents/detail/completed/common/regeneration-modal.tsx
index f90fd7ac60..77518b2fe4 100644
--- a/web/app/components/datasets/documents/detail/completed/common/regeneration-modal.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/regeneration-modal.tsx
@@ -1,11 +1,12 @@
-import React, { type FC, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FC } from 'react'
 import { RiLoader2Line } from '@remixicon/react'
 import { useCountDown } from 'ahooks'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { noop } from 'lodash-es'
+import React, { useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 
 type IDefaultContentProps = {
   onCancel: () => void
@@ -20,15 +21,15 @@ const DefaultContent: FC<IDefaultContentProps> = React.memo(({
 
   return (
     <>
-      <div className='pb-4'>
-        <span className='title-2xl-semi-bold text-text-primary'>{t('datasetDocuments.segment.regenerationConfirmTitle')}</span>
-        <p className='system-md-regular text-text-secondary'>{t('datasetDocuments.segment.regenerationConfirmMessage')}</p>
+      <div className="pb-4">
+        <span className="title-2xl-semi-bold text-text-primary">{t('datasetDocuments.segment.regenerationConfirmTitle')}</span>
+        <p className="system-md-regular text-text-secondary">{t('datasetDocuments.segment.regenerationConfirmMessage')}</p>
       </div>
-      <div className='flex justify-end gap-x-2 pt-6'>
+      <div className="flex justify-end gap-x-2 pt-6">
         <Button onClick={onCancel}>
           {t('common.operation.cancel')}
         </Button>
-        <Button variant='warning' destructive onClick={onConfirm}>
+        <Button variant="warning" destructive onClick={onConfirm}>
           {t('common.operation.regenerate')}
         </Button>
       </div>
@@ -43,13 +44,13 @@ const RegeneratingContent: FC = React.memo(() => {
 
   return (
     <>
-      <div className='pb-4'>
-        <span className='title-2xl-semi-bold text-text-primary'>{t('datasetDocuments.segment.regeneratingTitle')}</span>
-        <p className='system-md-regular text-text-secondary'>{t('datasetDocuments.segment.regeneratingMessage')}</p>
+      <div className="pb-4">
+        <span className="title-2xl-semi-bold text-text-primary">{t('datasetDocuments.segment.regeneratingTitle')}</span>
+        <p className="system-md-regular text-text-secondary">{t('datasetDocuments.segment.regeneratingMessage')}</p>
       </div>
-      <div className='flex justify-end pt-6'>
-        <Button variant='warning' destructive disabled className='inline-flex items-center gap-x-0.5'>
-          <RiLoader2Line className='h-4 w-4 animate-spin text-components-button-destructive-primary-text-disabled' />
+      <div className="flex justify-end pt-6">
+        <Button variant="warning" destructive disabled className="inline-flex items-center gap-x-0.5">
+          <RiLoader2Line className="h-4 w-4 animate-spin text-components-button-destructive-primary-text-disabled" />
           <span>{t('common.operation.regenerate')}</span>
         </Button>
       </div>
@@ -77,12 +78,12 @@ const RegenerationCompletedContent: FC<IRegenerationCompletedContentProps> = Rea
 
   return (
     <>
-      <div className='pb-4'>
-        <span className='title-2xl-semi-bold text-text-primary'>{t('datasetDocuments.segment.regenerationSuccessTitle')}</span>
-        <p className='system-md-regular text-text-secondary'>{t('datasetDocuments.segment.regenerationSuccessMessage')}</p>
+      <div className="pb-4">
+        <span className="title-2xl-semi-bold text-text-primary">{t('datasetDocuments.segment.regenerationSuccessTitle')}</span>
+        <p className="system-md-regular text-text-secondary">{t('datasetDocuments.segment.regenerationSuccessMessage')}</p>
       </div>
-      <div className='flex justify-end pt-6'>
-        <Button variant='primary' onClick={onClose}>
+      <div className="flex justify-end pt-6">
+        <Button variant="primary" onClick={onClose}>
           {`${t('common.operation.close')}${countdown === 0 ? '' : `(${Math.round(countdown / 1000)})`}`}
         </Button>
       </div>
@@ -121,7 +122,7 @@ const RegenerationModal: FC<IRegenerationModalProps> = ({
   })
 
   return (
-    <Modal isShow={isShow} onClose={noop} className='!max-w-[480px] !rounded-2xl' wrapperClassName='!z-[10000]'>
+    <Modal isShow={isShow} onClose={noop} className="!max-w-[480px] !rounded-2xl" wrapperClassName="!z-[10000]">
       {!loading && !updateSucceeded && <DefaultContent onCancel={onCancel} onConfirm={onConfirm} />}
       {loading && !updateSucceeded && <RegeneratingContent />}
       {!loading && updateSucceeded && <RegenerationCompletedContent onClose={onClose} />}
diff --git a/web/app/components/datasets/documents/detail/completed/common/segment-index-tag.tsx b/web/app/components/datasets/documents/detail/completed/common/segment-index-tag.tsx
index 306502955a..2a837f66a7 100644
--- a/web/app/components/datasets/documents/detail/completed/common/segment-index-tag.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/segment-index-tag.tsx
@@ -1,4 +1,5 @@
-import React, { type FC, useMemo } from 'react'
+import type { FC } from 'react'
+import React, { useMemo } from 'react'
 import { Chunk } from '@/app/components/base/icons/src/vender/knowledge'
 import { cn } from '@/utils/classnames'
 
diff --git a/web/app/components/datasets/documents/detail/completed/common/tag.tsx b/web/app/components/datasets/documents/detail/completed/common/tag.tsx
index 49bc759a16..66bc0bbeaf 100644
--- a/web/app/components/datasets/documents/detail/completed/common/tag.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/tag.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import { cn } from '@/utils/classnames'
 
-const Tag = ({ text, className }: { text: string; className?: string }) => {
+const Tag = ({ text, className }: { text: string, className?: string }) => {
   return (
     <div className={cn('inline-flex items-center gap-x-0.5', className)}>
-      <span className='text-xs font-medium text-text-quaternary'>#</span>
-      <span className='max-w-12 shrink-0 truncate text-xs text-text-tertiary'>{text}</span>
+      <span className="text-xs font-medium text-text-quaternary">#</span>
+      <span className="max-w-12 shrink-0 truncate text-xs text-text-tertiary">{text}</span>
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/completed/display-toggle.tsx b/web/app/components/datasets/documents/detail/completed/display-toggle.tsx
index 0283e4a0d6..2f1212acdf 100644
--- a/web/app/components/datasets/documents/detail/completed/display-toggle.tsx
+++ b/web/app/components/datasets/documents/detail/completed/display-toggle.tsx
@@ -1,8 +1,9 @@
-import React, { type FC } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FC } from 'react'
 import { RiLineHeight } from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { Collapse } from '@/app/components/base/icons/src/vender/knowledge'
+import Tooltip from '@/app/components/base/tooltip'
 
 type DisplayToggleProps = {
   isCollapsed: boolean
@@ -18,18 +19,18 @@ const DisplayToggle: FC<DisplayToggleProps> = ({
   return (
     <Tooltip
       popupContent={isCollapsed ? t('datasetDocuments.segment.expandChunks') : t('datasetDocuments.segment.collapseChunks')}
-      popupClassName='text-text-secondary system-xs-medium border-[0.5px] border-components-panel-border'
+      popupClassName="text-text-secondary system-xs-medium border-[0.5px] border-components-panel-border"
     >
       <button
-        type='button'
-        className='flex items-center justify-center rounded-lg border-[0.5px] border-components-button-secondary-border
-        bg-components-button-secondary-bg p-2 shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'
+        type="button"
+        className="flex items-center justify-center rounded-lg border-[0.5px] border-components-button-secondary-border
+        bg-components-button-secondary-bg p-2 shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]"
         onClick={toggleCollapsed}
       >
         {
           isCollapsed
-            ? <RiLineHeight className='h-4 w-4 text-components-button-secondary-text' />
-            : <Collapse className='h-4 w-4 text-components-button-secondary-text' />
+            ? <RiLineHeight className="h-4 w-4 text-components-button-secondary-text" />
+            : <Collapse className="h-4 w-4 text-components-button-secondary-text" />
         }
       </button>
 
diff --git a/web/app/components/datasets/documents/detail/completed/index.tsx b/web/app/components/datasets/documents/detail/completed/index.tsx
index 475ef86777..8c2587969d 100644
--- a/web/app/components/datasets/documents/detail/completed/index.tsx
+++ b/web/app/components/datasets/documents/detail/completed/index.tsx
@@ -1,35 +1,23 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import type { Item } from '@/app/components/base/select'
+import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
+import type { ChildChunkDetail, SegmentDetailModel, SegmentUpdater } from '@/models/datasets'
 import { useDebounceFn } from 'ahooks'
+import { noop } from 'lodash-es'
+import { usePathname } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import { usePathname } from 'next/navigation'
-import { useDocumentContext } from '../context'
-import { ProcessStatus } from '../segment-add'
-import s from './style.module.css'
-import SegmentList from './segment-list'
-import DisplayToggle from './display-toggle'
-import BatchAction from './common/batch-action'
-import SegmentDetail from './segment-detail'
-import SegmentCard from './segment-card'
-import ChildSegmentList from './child-segment-list'
-import NewChildSegment from './new-child-segment'
-import FullScreenDrawer from './common/full-screen-drawer'
-import ChildSegmentDetail from './child-segment-detail'
-import StatusItem from './status-item'
-import Pagination from '@/app/components/base/pagination'
-import { cn } from '@/utils/classnames'
-import { formatNumber } from '@/utils/format'
+import Checkbox from '@/app/components/base/checkbox'
 import Divider from '@/app/components/base/divider'
 import Input from '@/app/components/base/input'
-import { ToastContext } from '@/app/components/base/toast'
-import type { Item } from '@/app/components/base/select'
+import Pagination from '@/app/components/base/pagination'
 import { SimpleSelect } from '@/app/components/base/select'
-import { type ChildChunkDetail, ChunkingMode, type SegmentDetailModel, type SegmentUpdater } from '@/models/datasets'
+import { ToastContext } from '@/app/components/base/toast'
 import NewSegment from '@/app/components/datasets/documents/detail/new-segment'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
-import Checkbox from '@/app/components/base/checkbox'
+import { ChunkingMode } from '@/models/datasets'
 import {
   useChildSegmentList,
   useChildSegmentListKey,
@@ -46,8 +34,21 @@ import {
   useUpdateSegment,
 } from '@/service/knowledge/use-segment'
 import { useInvalid } from '@/service/use-base'
-import { noop } from 'lodash-es'
-import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
+import { cn } from '@/utils/classnames'
+import { formatNumber } from '@/utils/format'
+import { useDocumentContext } from '../context'
+import { ProcessStatus } from '../segment-add'
+import ChildSegmentDetail from './child-segment-detail'
+import ChildSegmentList from './child-segment-list'
+import BatchAction from './common/batch-action'
+import FullScreenDrawer from './common/full-screen-drawer'
+import DisplayToggle from './display-toggle'
+import NewChildSegment from './new-child-segment'
+import SegmentCard from './segment-card'
+import SegmentDetail from './segment-detail'
+import SegmentList from './segment-list'
+import StatusItem from './status-item'
+import s from './style.module.css'
 
 const DEFAULT_LIMIT = 10
 
@@ -583,88 +584,96 @@ const Completed: FC<ICompletedProps> = ({
       toggleFullScreen,
       currSegment,
       currChildChunk,
-    }}>
+    }}
+    >
       {/* Menu Bar */}
-      {!isFullDocMode && <div className={s.docSearchWrapper}>
-        <Checkbox
-          className='shrink-0'
-          checked={isAllSelected}
-          indeterminate={!isAllSelected && isSomeSelected}
-          onCheck={onSelectedAll}
-          disabled={isLoadingSegmentList}
-        />
-        <div className={'system-sm-semibold-uppercase flex-1 pl-5 text-text-secondary'}>{totalText}</div>
-        <SimpleSelect
-          onSelect={onChangeStatus}
-          items={statusList.current}
-          defaultValue={selectDefaultValue}
-          className={s.select}
-          wrapperClassName='h-fit mr-2'
-          optionWrapClassName='w-[160px]'
-          optionClassName='p-0'
-          renderOption={({ item, selected }) => <StatusItem item={item} selected={selected} />}
-          notClearable
-        />
-        <Input
-          showLeftIcon
-          showClearIcon
-          wrapperClassName='!w-52'
-          value={inputValue}
-          onChange={e => handleInputChange(e.target.value)}
-          onClear={() => handleInputChange('')}
-        />
-        <Divider type='vertical' className='mx-3 h-3.5' />
-        <DisplayToggle isCollapsed={isCollapsed} toggleCollapsed={() => setIsCollapsed(!isCollapsed)} />
-      </div>}
+      {!isFullDocMode && (
+        <div className={s.docSearchWrapper}>
+          <Checkbox
+            className="shrink-0"
+            checked={isAllSelected}
+            indeterminate={!isAllSelected && isSomeSelected}
+            onCheck={onSelectedAll}
+            disabled={isLoadingSegmentList}
+          />
+          <div className="system-sm-semibold-uppercase flex-1 pl-5 text-text-secondary">{totalText}</div>
+          <SimpleSelect
+            onSelect={onChangeStatus}
+            items={statusList.current}
+            defaultValue={selectDefaultValue}
+            className={s.select}
+            wrapperClassName="h-fit mr-2"
+            optionWrapClassName="w-[160px]"
+            optionClassName="p-0"
+            renderOption={({ item, selected }) => <StatusItem item={item} selected={selected} />}
+            notClearable
+          />
+          <Input
+            showLeftIcon
+            showClearIcon
+            wrapperClassName="!w-52"
+            value={inputValue}
+            onChange={e => handleInputChange(e.target.value)}
+            onClear={() => handleInputChange('')}
+          />
+          <Divider type="vertical" className="mx-3 h-3.5" />
+          <DisplayToggle isCollapsed={isCollapsed} toggleCollapsed={() => setIsCollapsed(!isCollapsed)} />
+        </div>
+      )}
       {/* Segment list */}
       {
         isFullDocMode
-          ? <div className={cn(
-            'flex grow flex-col overflow-x-hidden',
-            (isLoadingSegmentList || isLoadingChildSegmentList) ? 'overflow-y-hidden' : 'overflow-y-auto',
-          )}>
-            <SegmentCard
-              detail={segments[0]}
-              onClick={() => onClickCard(segments[0])}
-              loading={isLoadingSegmentList}
-              focused={{
-                segmentIndex: currSegment?.segInfo?.id === segments[0]?.id,
-                segmentContent: currSegment?.segInfo?.id === segments[0]?.id,
-              }}
-            />
-            <ChildSegmentList
-              parentChunkId={segments[0]?.id}
-              onDelete={onDeleteChildChunk}
-              childChunks={childSegments}
-              handleInputChange={handleInputChange}
-              handleAddNewChildChunk={handleAddNewChildChunk}
-              onClickSlice={onClickSlice}
-              enabled={!archived}
-              total={childChunkListData?.total || 0}
-              inputValue={inputValue}
-              onClearFilter={onClearFilter}
-              isLoading={isLoadingSegmentList || isLoadingChildSegmentList}
-            />
-          </div>
-          : <SegmentList
-            ref={segmentListRef}
-            embeddingAvailable={embeddingAvailable}
-            isLoading={isLoadingSegmentList}
-            items={segments}
-            selectedSegmentIds={selectedSegmentIds}
-            onSelected={onSelected}
-            onChangeSwitch={onChangeSwitch}
-            onDelete={onDelete}
-            onClick={onClickCard}
-            archived={archived}
-            onDeleteChildChunk={onDeleteChildChunk}
-            handleAddNewChildChunk={handleAddNewChildChunk}
-            onClickSlice={onClickSlice}
-            onClearFilter={onClearFilter}
-          />
+          ? (
+              <div className={cn(
+                'flex grow flex-col overflow-x-hidden',
+                (isLoadingSegmentList || isLoadingChildSegmentList) ? 'overflow-y-hidden' : 'overflow-y-auto',
+              )}
+              >
+                <SegmentCard
+                  detail={segments[0]}
+                  onClick={() => onClickCard(segments[0])}
+                  loading={isLoadingSegmentList}
+                  focused={{
+                    segmentIndex: currSegment?.segInfo?.id === segments[0]?.id,
+                    segmentContent: currSegment?.segInfo?.id === segments[0]?.id,
+                  }}
+                />
+                <ChildSegmentList
+                  parentChunkId={segments[0]?.id}
+                  onDelete={onDeleteChildChunk}
+                  childChunks={childSegments}
+                  handleInputChange={handleInputChange}
+                  handleAddNewChildChunk={handleAddNewChildChunk}
+                  onClickSlice={onClickSlice}
+                  enabled={!archived}
+                  total={childChunkListData?.total || 0}
+                  inputValue={inputValue}
+                  onClearFilter={onClearFilter}
+                  isLoading={isLoadingSegmentList || isLoadingChildSegmentList}
+                />
+              </div>
+            )
+          : (
+              <SegmentList
+                ref={segmentListRef}
+                embeddingAvailable={embeddingAvailable}
+                isLoading={isLoadingSegmentList}
+                items={segments}
+                selectedSegmentIds={selectedSegmentIds}
+                onSelected={onSelected}
+                onChangeSwitch={onChangeSwitch}
+                onDelete={onDelete}
+                onClick={onClickCard}
+                archived={archived}
+                onDeleteChildChunk={onDeleteChildChunk}
+                handleAddNewChildChunk={handleAddNewChildChunk}
+                onClickSlice={onClickSlice}
+                onClearFilter={onClearFilter}
+              />
+            )
       }
       {/* Pagination */}
-      <Divider type='horizontal' className='mx-6 my-0 h-px w-auto bg-divider-subtle' />
+      <Divider type="horizontal" className="mx-6 my-0 h-px w-auto bg-divider-subtle" />
       <Pagination
         current={currentPage - 1}
         onChange={cur => setCurrentPage(cur + 1)}
@@ -740,7 +749,7 @@ const Completed: FC<ICompletedProps> = ({
       {/* Batch Action Buttons */}
       {selectedSegmentIds.length > 0 && (
         <BatchAction
-          className='absolute bottom-16 left-0 z-20'
+          className="absolute bottom-16 left-0 z-20"
           selectedIds={selectedSegmentIds}
           onBatchEnable={onChangeSwitch.bind(null, true, '')}
           onBatchDisable={onChangeSwitch.bind(null, false, '')}
diff --git a/web/app/components/datasets/documents/detail/completed/new-child-segment.tsx b/web/app/components/datasets/documents/detail/completed/new-child-segment.tsx
index 959b72aa1f..52660227b0 100644
--- a/web/app/components/datasets/documents/detail/completed/new-child-segment.tsx
+++ b/web/app/components/datasets/documents/detail/completed/new-child-segment.tsx
@@ -1,24 +1,25 @@
-import { memo, useMemo, useRef, useState } from 'react'
 import type { FC } from 'react'
+import type { ChildChunkDetail, SegmentUpdater } from '@/models/datasets'
+import { RiCloseLine, RiExpandDiagonalLine } from '@remixicon/react'
+import { useParams } from 'next/navigation'
+import { memo, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { useParams } from 'next/navigation'
-import { RiCloseLine, RiExpandDiagonalLine } from '@remixicon/react'
 import { useShallow } from 'zustand/react/shallow'
-import { useDocumentContext } from '../context'
-import { SegmentIndexTag } from './common/segment-index-tag'
-import ActionButtons from './common/action-buttons'
-import ChunkContent from './common/chunk-content'
-import AddAnother from './common/add-another'
-import Dot from './common/dot'
-import { useSegmentListContext } from './index'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import Divider from '@/app/components/base/divider'
 import { ToastContext } from '@/app/components/base/toast'
-import { type ChildChunkDetail, ChunkingMode, type SegmentUpdater } from '@/models/datasets'
+import { ChunkingMode } from '@/models/datasets'
+import { useAddChildSegment } from '@/service/knowledge/use-segment'
 import { cn } from '@/utils/classnames'
 import { formatNumber } from '@/utils/format'
-import Divider from '@/app/components/base/divider'
-import { useAddChildSegment } from '@/service/knowledge/use-segment'
+import { useDocumentContext } from '../context'
+import ActionButtons from './common/action-buttons'
+import AddAnother from './common/add-another'
+import ChunkContent from './common/chunk-content'
+import Dot from './common/dot'
+import { SegmentIndexTag } from './common/segment-index-tag'
+import { useSegmentListContext } from './index'
 
 type NewChildSegmentModalProps = {
   chunkId: string
@@ -36,7 +37,7 @@ const NewChildSegmentModal: FC<NewChildSegmentModalProps> = ({
   const { t } = useTranslation()
   const { notify } = useContext(ToastContext)
   const [content, setContent] = useState('')
-  const { datasetId, documentId } = useParams<{ datasetId: string; documentId: string }>()
+  const { datasetId, documentId } = useParams<{ datasetId: string, documentId: string }>()
   const [loading, setLoading] = useState(false)
   const [addAnother, setAddAnother] = useState(true)
   const fullScreen = useSegmentListContext(s => s.fullScreen)
@@ -52,18 +53,21 @@ const NewChildSegmentModal: FC<NewChildSegmentModalProps> = ({
     return parentMode === 'full-doc'
   }, [parentMode])
 
-  const CustomButton = <>
-    <Divider type='vertical' className='mx-1 h-3 bg-divider-regular' />
-    <button
-      type='button'
-      className='system-xs-semibold text-text-accent'
-      onClick={() => {
-        clearTimeout(refreshTimer.current)
-        viewNewlyAddedChildChunk?.()
-      }}>
-      {t('common.operation.view')}
-    </button>
-  </>
+  const CustomButton = (
+    <>
+      <Divider type="vertical" className="mx-1 h-3 bg-divider-regular" />
+      <button
+        type="button"
+        className="system-xs-semibold text-text-accent"
+        onClick={() => {
+          clearTimeout(refreshTimer.current)
+          viewNewlyAddedChildChunk?.()
+        }}
+      >
+        {t('common.operation.view')}
+      </button>
+    </>
+  )
 
   const handleCancel = (actionType: 'esc' | 'add' = 'esc') => {
     if (actionType === 'esc' || !addAnother)
@@ -113,35 +117,35 @@ const NewChildSegmentModal: FC<NewChildSegmentModalProps> = ({
   }, [content.length])
 
   return (
-    <div className={'flex h-full flex-col'}>
+    <div className="flex h-full flex-col">
       <div className={cn('flex items-center justify-between', fullScreen ? 'border border-divider-subtle py-3 pl-6 pr-4' : 'pl-4 pr-3 pt-3')}>
-        <div className='flex flex-col'>
-          <div className='system-xl-semibold text-text-primary'>{t('datasetDocuments.segment.addChildChunk')}</div>
-          <div className='flex items-center gap-x-2'>
+        <div className="flex flex-col">
+          <div className="system-xl-semibold text-text-primary">{t('datasetDocuments.segment.addChildChunk')}</div>
+          <div className="flex items-center gap-x-2">
             <SegmentIndexTag label={t('datasetDocuments.segment.newChildChunk') as string} />
             <Dot />
-            <span className='system-xs-medium text-text-tertiary'>{wordCountText}</span>
+            <span className="system-xs-medium text-text-tertiary">{wordCountText}</span>
           </div>
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           {fullScreen && (
             <>
-              <AddAnother className='mr-3' isChecked={addAnother} onCheck={() => setAddAnother(!addAnother)} />
+              <AddAnother className="mr-3" isChecked={addAnother} onCheck={() => setAddAnother(!addAnother)} />
               <ActionButtons
                 handleCancel={handleCancel.bind(null, 'esc')}
                 handleSave={handleSave}
                 loading={loading}
-                actionType='add'
+                actionType="add"
                 isChildChunk={true}
               />
-              <Divider type='vertical' className='ml-4 mr-2 h-3.5 bg-divider-regular' />
+              <Divider type="vertical" className="ml-4 mr-2 h-3.5 bg-divider-regular" />
             </>
           )}
-          <div className='mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={toggleFullScreen}>
-            <RiExpandDiagonalLine className='h-4 w-4 text-text-tertiary' />
+          <div className="mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={toggleFullScreen}>
+            <RiExpandDiagonalLine className="h-4 w-4 text-text-tertiary" />
           </div>
-          <div className='flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={handleCancel.bind(null, 'esc')}>
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <div className="flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={handleCancel.bind(null, 'esc')}>
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
@@ -156,13 +160,13 @@ const NewChildSegmentModal: FC<NewChildSegmentModalProps> = ({
         </div>
       </div>
       {!fullScreen && (
-        <div className='flex items-center justify-between border-t-[1px] border-t-divider-subtle p-4 pt-3'>
+        <div className="flex items-center justify-between border-t-[1px] border-t-divider-subtle p-4 pt-3">
           <AddAnother isChecked={addAnother} onCheck={() => setAddAnother(!addAnother)} />
           <ActionButtons
             handleCancel={handleCancel.bind(null, 'esc')}
             handleSave={handleSave}
             loading={loading}
-            actionType='add'
+            actionType="add"
             isChildChunk={true}
           />
         </div>
diff --git a/web/app/components/datasets/documents/detail/completed/segment-card/chunk-content.tsx b/web/app/components/datasets/documents/detail/completed/segment-card/chunk-content.tsx
index 9079bca954..11c73349de 100644
--- a/web/app/components/datasets/documents/detail/completed/segment-card/chunk-content.tsx
+++ b/web/app/components/datasets/documents/detail/completed/segment-card/chunk-content.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
+import React from 'react'
+import { Markdown } from '@/app/components/base/markdown'
 import { cn } from '@/utils/classnames'
 import { useSegmentListContext } from '..'
-import { Markdown } from '@/app/components/base/markdown'
 
 type ChunkContentProps = {
   detail: {
@@ -24,22 +25,18 @@ const ChunkContent: FC<ChunkContentProps> = ({
   if (answer) {
     return (
       <div className={className}>
-        <div className='flex gap-x-1'>
-          <div className='w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary'>Q</div>
+        <div className="flex gap-x-1">
+          <div className="w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">Q</div>
           <Markdown
-            className={cn('body-md-regular text-text-secondary',
-              isCollapsed ? 'line-clamp-2' : 'line-clamp-20',
-            )}
+            className={cn('body-md-regular text-text-secondary', isCollapsed ? 'line-clamp-2' : 'line-clamp-20')}
             content={content}
             customDisallowedElements={['input']}
           />
         </div>
-        <div className='flex gap-x-1'>
-          <div className='w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary'>A</div>
+        <div className="flex gap-x-1">
+          <div className="w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">A</div>
           <Markdown
-            className={cn('body-md-regular text-text-secondary',
-              isCollapsed ? 'line-clamp-2' : 'line-clamp-20',
-            )}
+            className={cn('body-md-regular text-text-secondary', isCollapsed ? 'line-clamp-2' : 'line-clamp-20')}
             content={answer}
             customDisallowedElements={['input']}
           />
@@ -49,10 +46,7 @@ const ChunkContent: FC<ChunkContentProps> = ({
   }
   return (
     <Markdown
-      className={cn('!mt-0.5 !text-text-secondary',
-        isFullDocMode ? 'line-clamp-3' : isCollapsed ? 'line-clamp-2' : 'line-clamp-20',
-        className,
-      )}
+      className={cn('!mt-0.5 !text-text-secondary', isFullDocMode ? 'line-clamp-3' : isCollapsed ? 'line-clamp-2' : 'line-clamp-20', className)}
       content={sign_content || content || ''}
       customDisallowedElements={['input']}
     />
diff --git a/web/app/components/datasets/documents/detail/completed/segment-card/index.spec.tsx b/web/app/components/datasets/documents/detail/completed/segment-card/index.spec.tsx
index 3e9f07969b..31f2e45ab4 100644
--- a/web/app/components/datasets/documents/detail/completed/segment-card/index.spec.tsx
+++ b/web/app/components/datasets/documents/detail/completed/segment-card/index.spec.tsx
@@ -1,9 +1,10 @@
-import React from 'react'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import SegmentCard from './index'
-import { type Attachment, type ChildChunkDetail, ChunkingMode, type ParentMode, type SegmentDetailModel } from '@/models/datasets'
-import type { DocumentContextValue } from '@/app/components/datasets/documents/detail/context'
 import type { SegmentListContextValue } from '@/app/components/datasets/documents/detail/completed'
+import type { DocumentContextValue } from '@/app/components/datasets/documents/detail/context'
+import type { Attachment, ChildChunkDetail, ParentMode, SegmentDetailModel } from '@/models/datasets'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
+import { ChunkingMode } from '@/models/datasets'
+import SegmentCard from './index'
 
 // Mock react-i18next - external dependency
 vi.mock('react-i18next', () => ({
@@ -58,9 +59,11 @@ vi.mock('../index', () => ({
 // StatusItem uses React Query hooks which require QueryClientProvider
 vi.mock('../../../status-item', () => ({
   __esModule: true,
-  default: ({ status, reverse, textCls }: { status: string; reverse?: boolean; textCls?: string }) => (
+  default: ({ status, reverse, textCls }: { status: string, reverse?: boolean, textCls?: string }) => (
     <div data-testid="status-item" data-status={status} data-reverse={reverse} className={textCls}>
-      Status: {status}
+      Status:
+      {' '}
+      {status}
     </div>
   ),
 }))
@@ -68,7 +71,7 @@ vi.mock('../../../status-item', () => ({
 // ImageList has deep dependency: FileThumb → file-uploader → react-pdf-highlighter (ESM)
 vi.mock('@/app/components/datasets/common/image-list', () => ({
   __esModule: true,
-  default: ({ images, size, className }: { images: Array<{ sourceUrl: string; name: string }>; size?: string; className?: string }) => (
+  default: ({ images, size, className }: { images: Array<{ sourceUrl: string, name: string }>, size?: string, className?: string }) => (
     <div data-testid="image-list" data-image-count={images.length} data-size={size} className={className}>
       {images.map((img, idx: number) => (
         <img key={idx} src={img.sourceUrl} alt={img.name} />
@@ -80,7 +83,7 @@ vi.mock('@/app/components/datasets/common/image-list', () => ({
 // Markdown uses next/dynamic and react-syntax-highlighter (ESM)
 vi.mock('@/app/components/base/markdown', () => ({
   __esModule: true,
-  Markdown: ({ content, className }: { content: string; className?: string }) => (
+  Markdown: ({ content, className }: { content: string, className?: string }) => (
     <div data-testid="markdown" className={`markdown-body ${className || ''}`}>{content}</div>
   ),
 }))
diff --git a/web/app/components/datasets/documents/detail/completed/segment-card/index.tsx b/web/app/components/datasets/documents/detail/completed/segment-card/index.tsx
index 56ead7b864..f0f24ec372 100644
--- a/web/app/components/datasets/documents/detail/completed/segment-card/index.tsx
+++ b/web/app/components/datasets/documents/detail/completed/segment-card/index.tsx
@@ -1,24 +1,26 @@
-import React, { type FC, useCallback, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FC } from 'react'
+import type { ChildChunkDetail, SegmentDetailModel } from '@/models/datasets'
 import { RiDeleteBinLine, RiEditLine } from '@remixicon/react'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Badge from '@/app/components/base/badge'
+import Confirm from '@/app/components/base/confirm'
+import Divider from '@/app/components/base/divider'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
+import ImageList from '@/app/components/datasets/common/image-list'
+import { ChunkingMode } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
+import { formatNumber } from '@/utils/format'
+import { isAfter } from '@/utils/time'
 import StatusItem from '../../../status-item'
 import { useDocumentContext } from '../../context'
 import ChildSegmentList from '../child-segment-list'
-import Tag from '../common/tag'
 import Dot from '../common/dot'
 import { SegmentIndexTag } from '../common/segment-index-tag'
+import Tag from '../common/tag'
 import ParentChunkCardSkeleton from '../skeleton/parent-chunk-card-skeleton'
-import { type ChildChunkDetail, ChunkingMode, type SegmentDetailModel } from '@/models/datasets'
-import Switch from '@/app/components/base/switch'
-import Divider from '@/app/components/base/divider'
-import { formatNumber } from '@/utils/format'
-import Confirm from '@/app/components/base/confirm'
-import { cn } from '@/utils/classnames'
-import Badge from '@/app/components/base/badge'
-import { isAfter } from '@/utils/time'
-import Tooltip from '@/app/components/base/tooltip'
 import ChunkContent from './chunk-content'
-import ImageList from '@/app/components/datasets/common/image-list'
 
 type ISegmentCardProps = {
   loading: boolean
@@ -138,9 +140,9 @@ const SegmentCard: FC<ISegmentCardProps> = ({
       )}
       onClick={handleClickCard}
     >
-      <div className='relative flex h-5 items-center justify-between'>
+      <div className="relative flex h-5 items-center justify-between">
         <>
-          <div className='flex items-center gap-x-2'>
+          <div className="flex items-center gap-x-2">
             <SegmentIndexTag
               className={cn(contentOpacity)}
               iconClassName={focused.segmentIndex ? 'text-text-accent' : ''}
@@ -161,63 +163,66 @@ const SegmentCard: FC<ISegmentCardProps> = ({
             )}
           </div>
           {!isFullDocMode
-            ? <div className='flex items-center'>
-              <StatusItem status={enabled ? 'enabled' : 'disabled'} reverse textCls="text-text-tertiary system-xs-regular" />
-              {embeddingAvailable && (
-                <div className="absolute -right-2.5 -top-2 z-20 hidden items-center gap-x-0.5 rounded-[10px] border-[0.5px]
-                      border-components-actionbar-border bg-components-actionbar-bg p-1 shadow-md backdrop-blur-[5px] group-hover/card:flex">
-                  {!archived && (
-                    <>
-                      <Tooltip
-                        popupContent='Edit'
-                        popupClassName='text-text-secondary system-xs-medium'
+            ? (
+                <div className="flex items-center">
+                  <StatusItem status={enabled ? 'enabled' : 'disabled'} reverse textCls="text-text-tertiary system-xs-regular" />
+                  {embeddingAvailable && (
+                    <div className="absolute -right-2.5 -top-2 z-20 hidden items-center gap-x-0.5 rounded-[10px] border-[0.5px]
+                      border-components-actionbar-border bg-components-actionbar-bg p-1 shadow-md backdrop-blur-[5px] group-hover/card:flex"
+                    >
+                      {!archived && (
+                        <>
+                          <Tooltip
+                            popupContent="Edit"
+                            popupClassName="text-text-secondary system-xs-medium"
+                          >
+                            <div
+                              data-testid="segment-edit-button"
+                              className="flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg hover:bg-state-base-hover"
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                onClickEdit?.()
+                              }}
+                            >
+                              <RiEditLine className="h-4 w-4 text-text-tertiary" />
+                            </div>
+                          </Tooltip>
+                          <Tooltip
+                            popupContent="Delete"
+                            popupClassName="text-text-secondary system-xs-medium"
+                          >
+                            <div
+                              data-testid="segment-delete-button"
+                              className="group/delete flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg hover:bg-state-destructive-hover"
+                              onClick={(e) => {
+                                e.stopPropagation()
+                                setShowModal(true)
+                              }}
+                            >
+                              <RiDeleteBinLine className="h-4 w-4 text-text-tertiary group-hover/delete:text-text-destructive" />
+                            </div>
+                          </Tooltip>
+                          <Divider type="vertical" className="h-3.5 bg-divider-regular" />
+                        </>
+                      )}
+                      <div
+                        onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) =>
+                          e.stopPropagation()}
+                        className="flex items-center"
                       >
-                        <div
-                          data-testid="segment-edit-button"
-                          className='flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg hover:bg-state-base-hover'
-                          onClick={(e) => {
-                            e.stopPropagation()
-                            onClickEdit?.()
-                          }}>
-                          <RiEditLine className='h-4 w-4 text-text-tertiary' />
-                        </div>
-                      </Tooltip>
-                      <Tooltip
-                        popupContent='Delete'
-                        popupClassName='text-text-secondary system-xs-medium'
-                      >
-                        <div
-                          data-testid="segment-delete-button"
-                          className='group/delete flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg hover:bg-state-destructive-hover'
-                          onClick={(e) => {
-                            e.stopPropagation()
-                            setShowModal(true)
-                          }
-                          }>
-                          <RiDeleteBinLine className='h-4 w-4 text-text-tertiary group-hover/delete:text-text-destructive' />
-                        </div>
-                      </Tooltip>
-                      <Divider type="vertical" className="h-3.5 bg-divider-regular" />
-                    </>
+                        <Switch
+                          size="md"
+                          disabled={archived || detail?.status !== 'completed'}
+                          defaultValue={enabled}
+                          onChange={async (val) => {
+                            await onChangeSwitch?.(val, id)
+                          }}
+                        />
+                      </div>
+                    </div>
                   )}
-                  <div
-                    onClick={(e: React.MouseEvent<HTMLDivElement, MouseEvent>) =>
-                      e.stopPropagation()
-                    }
-                    className="flex items-center"
-                  >
-                    <Switch
-                      size='md'
-                      disabled={archived || detail?.status !== 'completed'}
-                      defaultValue={enabled}
-                      onChange={async (val) => {
-                        await onChangeSwitch?.(val, id)
-                      }}
-                    />
-                  </div>
                 </div>
-              )}
-            </div>
+              )
             : null}
         </>
       </div>
@@ -230,40 +235,49 @@ const SegmentCard: FC<ISegmentCardProps> = ({
         isFullDocMode={isFullDocMode}
         className={contentOpacity}
       />
-      {images.length > 0 && <ImageList images={images} size='md' className='py-1' />}
-      {isGeneralMode && <div className={cn('flex flex-wrap items-center gap-2 py-1.5', contentOpacity)}>
-        {keywords?.map(keyword => <Tag key={keyword} text={keyword} />)}
-      </div>}
+      {images.length > 0 && <ImageList images={images} size="md" className="py-1" />}
+      {isGeneralMode && (
+        <div className={cn('flex flex-wrap items-center gap-2 py-1.5', contentOpacity)}>
+          {keywords?.map(keyword => <Tag key={keyword} text={keyword} />)}
+        </div>
+      )}
       {
         isFullDocMode
-          ? <button
-            type='button'
-            className='system-xs-semibold-uppercase mb-2 mt-0.5 text-text-accent'
-            onClick={() => onClick?.()}
-          >{t('common.operation.viewMore')}</button>
+          ? (
+              <button
+                type="button"
+                className="system-xs-semibold-uppercase mb-2 mt-0.5 text-text-accent"
+                onClick={() => onClick?.()}
+              >
+                {t('common.operation.viewMore')}
+              </button>
+            )
           : null
       }
       {
         isParagraphMode && child_chunks.length > 0
-        && <ChildSegmentList
-          parentChunkId={id}
-          childChunks={child_chunks}
-          enabled={enabled}
-          onDelete={onDeleteChildChunk!}
-          handleAddNewChildChunk={handleAddNewChildChunk}
-          onClickSlice={onClickSlice}
-          focused={focused.segmentContent}
-        />
+        && (
+          <ChildSegmentList
+            parentChunkId={id}
+            childChunks={child_chunks}
+            enabled={enabled}
+            onDelete={onDeleteChildChunk!}
+            handleAddNewChildChunk={handleAddNewChildChunk}
+            onClickSlice={onClickSlice}
+            focused={focused.segmentContent}
+          />
+        )
       }
       {showModal
-        && <Confirm
-          isShow={showModal}
-          title={t('datasetDocuments.segment.delete')}
-          confirmText={t('common.operation.sure')}
-          onConfirm={async () => { await onDelete?.(id) }}
-          onCancel={() => setShowModal(false)}
-        />
-      }
+        && (
+          <Confirm
+            isShow={showModal}
+            title={t('datasetDocuments.segment.delete')}
+            confirmText={t('common.operation.sure')}
+            onConfirm={async () => { await onDelete?.(id) }}
+            onCancel={() => setShowModal(false)}
+          />
+        )}
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/completed/segment-detail.tsx b/web/app/components/datasets/documents/detail/completed/segment-detail.tsx
index a584c42cab..175c08133d 100644
--- a/web/app/components/datasets/documents/detail/completed/segment-detail.tsx
+++ b/web/app/components/datasets/documents/detail/completed/segment-detail.tsx
@@ -1,28 +1,30 @@
-import React, { type FC, useCallback, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FC } from 'react'
+import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
+import type { SegmentDetailModel } from '@/models/datasets'
 import {
   RiCloseLine,
   RiCollapseDiagonalLine,
   RiExpandDiagonalLine,
 } from '@remixicon/react'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { v4 as uuid4 } from 'uuid'
+import Divider from '@/app/components/base/divider'
+import ImageUploaderInChunk from '@/app/components/datasets/common/image-uploader/image-uploader-in-chunk'
+import { IndexingType } from '@/app/components/datasets/create/step-two'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { ChunkingMode } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
+import { formatNumber } from '@/utils/format'
 import { useDocumentContext } from '../context'
 import ActionButtons from './common/action-buttons'
 import ChunkContent from './common/chunk-content'
+import Dot from './common/dot'
 import Keywords from './common/keywords'
 import RegenerationModal from './common/regeneration-modal'
 import { SegmentIndexTag } from './common/segment-index-tag'
-import Dot from './common/dot'
 import { useSegmentListContext } from './index'
-import { ChunkingMode, type SegmentDetailModel } from '@/models/datasets'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { formatNumber } from '@/utils/format'
-import { cn } from '@/utils/classnames'
-import Divider from '@/app/components/base/divider'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import { IndexingType } from '@/app/components/datasets/create/step-two'
-import ImageUploaderInChunk from '@/app/components/datasets/common/image-uploader/image-uploader-in-chunk'
-import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
-import { v4 as uuid4 } from 'uuid'
 
 type ISegmentDetailProps = {
   segInfo?: Partial<SegmentDetailModel> & { id: string }
@@ -128,20 +130,21 @@ const SegmentDetail: FC<ISegmentDetailProps> = ({
   const isECOIndexing = indexingTechnique === IndexingType.ECONOMICAL
 
   return (
-    <div className={'flex h-full flex-col'}>
+    <div className="flex h-full flex-col">
       <div className={cn(
         'flex shrink-0 items-center justify-between',
         fullScreen ? 'border border-divider-subtle py-3 pl-6 pr-4' : 'pl-4 pr-3 pt-3',
-      )}>
-        <div className='flex flex-col'>
-          <div className='system-xl-semibold text-text-primary'>{titleText}</div>
-          <div className='flex items-center gap-x-2'>
+      )}
+      >
+        <div className="flex flex-col">
+          <div className="system-xl-semibold text-text-primary">{titleText}</div>
+          <div className="flex items-center gap-x-2">
             <SegmentIndexTag positionId={segInfo?.position || ''} label={isFullDocMode ? labelPrefix : ''} labelPrefix={labelPrefix} />
             <Dot />
-            <span className='system-xs-medium text-text-tertiary'>{wordCountText}</span>
+            <span className="system-xs-medium text-text-tertiary">{wordCountText}</span>
           </div>
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           {isEditMode && fullScreen && (
             <>
               <ActionButtons
@@ -151,18 +154,18 @@ const SegmentDetail: FC<ISegmentDetailProps> = ({
                 loading={loading}
                 showRegenerationButton={runtimeMode === 'general'}
               />
-              <Divider type='vertical' className='ml-4 mr-2 h-3.5 bg-divider-regular' />
+              <Divider type="vertical" className="ml-4 mr-2 h-3.5 bg-divider-regular" />
             </>
           )}
-          <div className='mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={toggleFullScreen}>
+          <div className="mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={toggleFullScreen}>
             {
               fullScreen
-                ? <RiCollapseDiagonalLine className='h-4 w-4 text-text-tertiary' />
-                : <RiExpandDiagonalLine className='h-4 w-4 text-text-tertiary' />
+                ? <RiCollapseDiagonalLine className="h-4 w-4 text-text-tertiary" />
+                : <RiExpandDiagonalLine className="h-4 w-4 text-text-tertiary" />
             }
           </div>
-          <div className='flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={onCancel}>
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <div className="flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={onCancel}>
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
@@ -170,11 +173,13 @@ const SegmentDetail: FC<ISegmentDetailProps> = ({
         'flex h-0 grow',
         fullScreen ? 'w-full flex-row justify-center gap-x-8 px-6 pt-6' : 'flex-col gap-y-1 px-4 py-3',
         !isEditMode && 'pb-0',
-      )}>
+      )}
+      >
         <div className={cn(
           isEditMode ? 'overflow-hidden whitespace-pre-line break-all' : 'overflow-y-auto',
           fullScreen ? 'w-1/2' : 'h-0 grow',
-        )}>
+        )}
+        >
           <ChunkContent
             docForm={docForm}
             question={question}
@@ -193,7 +198,7 @@ const SegmentDetail: FC<ISegmentDetailProps> = ({
           />
           {isECOIndexing && (
             <Keywords
-              className='w-full'
+              className="w-full"
               actionType={isEditMode ? 'edit' : 'view'}
               segInfo={segInfo}
               keywords={keywords}
@@ -204,7 +209,7 @@ const SegmentDetail: FC<ISegmentDetailProps> = ({
         </div>
       </div>
       {isEditMode && !fullScreen && (
-        <div className='flex items-center justify-end border-t-[1px] border-t-divider-subtle p-4 pt-3'>
+        <div className="flex items-center justify-end border-t-[1px] border-t-divider-subtle p-4 pt-3">
           <ActionButtons
             handleCancel={handleCancel}
             handleRegeneration={handleRegeneration}
diff --git a/web/app/components/datasets/documents/detail/completed/segment-list.tsx b/web/app/components/datasets/documents/detail/completed/segment-list.tsx
index 9029140803..a0153ae76c 100644
--- a/web/app/components/datasets/documents/detail/completed/segment-list.tsx
+++ b/web/app/components/datasets/documents/detail/completed/segment-list.tsx
@@ -1,13 +1,14 @@
+import type { ChildChunkDetail, SegmentDetailModel } from '@/models/datasets'
 import React, { useMemo } from 'react'
-import { useDocumentContext } from '../context'
-import SegmentCard from './segment-card'
-import Empty from './common/empty'
-import GeneralListSkeleton from './skeleton/general-list-skeleton'
-import ParagraphListSkeleton from './skeleton/paragraph-list-skeleton'
-import { useSegmentListContext } from './index'
-import { type ChildChunkDetail, ChunkingMode, type SegmentDetailModel } from '@/models/datasets'
 import Checkbox from '@/app/components/base/checkbox'
 import Divider from '@/app/components/base/divider'
+import { ChunkingMode } from '@/models/datasets'
+import { useDocumentContext } from '../context'
+import Empty from './common/empty'
+import { useSegmentListContext } from './index'
+import SegmentCard from './segment-card'
+import GeneralListSkeleton from './skeleton/general-list-skeleton'
+import ParagraphListSkeleton from './skeleton/paragraph-list-skeleton'
 
 type ISegmentListProps = {
   isLoading: boolean
@@ -60,30 +61,30 @@ const SegmentList = (
   // Search result is empty
   if (items.length === 0) {
     return (
-      <div className='h-full pl-6'>
+      <div className="h-full pl-6">
         <Empty onClearFilter={onClearFilter} />
       </div>
     )
   }
   return (
-    <div ref={ref} className={'flex grow flex-col overflow-y-auto'}>
+    <div ref={ref} className="flex grow flex-col overflow-y-auto">
       {
         items.map((segItem) => {
           const isLast = items[items.length - 1].id === segItem.id
           const segmentIndexFocused
             = currSegment?.segInfo?.id === segItem.id
-            || (!currSegment && currChildChunk?.childChunkInfo?.segment_id === segItem.id)
+              || (!currSegment && currChildChunk?.childChunkInfo?.segment_id === segItem.id)
           const segmentContentFocused = currSegment?.segInfo?.id === segItem.id
             || currChildChunk?.childChunkInfo?.segment_id === segItem.id
           return (
-            <div key={segItem.id} className='flex items-start gap-x-2'>
+            <div key={segItem.id} className="flex items-start gap-x-2">
               <Checkbox
                 key={`${segItem.id}-checkbox`}
-                className='mt-3.5 shrink-0'
+                className="mt-3.5 shrink-0"
                 checked={selectedSegmentIds.includes(segItem.id)}
                 onCheck={() => onSelected(segItem.id)}
               />
-              <div className='min-w-0 grow'>
+              <div className="min-w-0 grow">
                 <SegmentCard
                   key={`${segItem.id}-card`}
                   detail={segItem}
@@ -102,9 +103,11 @@ const SegmentList = (
                     segmentContent: segmentContentFocused,
                   }}
                 />
-                {!isLast && <div className='w-full px-3'>
-                  <Divider type='horizontal' className='my-1 bg-divider-subtle' />
-                </div>}
+                {!isLast && (
+                  <div className="w-full px-3">
+                    <Divider type="horizontal" className="my-1 bg-divider-subtle" />
+                  </div>
+                )}
               </div>
             </div>
           )
diff --git a/web/app/components/datasets/documents/detail/completed/skeleton/full-doc-list-skeleton.tsx b/web/app/components/datasets/documents/detail/completed/skeleton/full-doc-list-skeleton.tsx
index 9697e05ee8..e1d7231214 100644
--- a/web/app/components/datasets/documents/detail/completed/skeleton/full-doc-list-skeleton.tsx
+++ b/web/app/components/datasets/documents/detail/completed/skeleton/full-doc-list-skeleton.tsx
@@ -2,11 +2,11 @@ import React from 'react'
 
 const Slice = React.memo(() => {
   return (
-    <div className='flex flex-col gap-y-1'>
-      <div className='flex h-5 w-full items-center bg-state-base-hover'>
-        <span className='h-5 w-[30px] bg-state-base-hover-alt' />
+    <div className="flex flex-col gap-y-1">
+      <div className="flex h-5 w-full items-center bg-state-base-hover">
+        <span className="h-5 w-[30px] bg-state-base-hover-alt" />
       </div>
-      <div className='h-5 w-2/3 bg-state-base-hover' />
+      <div className="h-5 w-2/3 bg-state-base-hover" />
     </div>
   )
 })
@@ -15,8 +15,8 @@ Slice.displayName = 'Slice'
 
 const FullDocListSkeleton = () => {
   return (
-    <div className='relative z-10 flex w-full grow flex-col gap-y-3 overflow-y-hidden'>
-      <div className='absolute bottom-14 left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg' />
+    <div className="relative z-10 flex w-full grow flex-col gap-y-3 overflow-y-hidden">
+      <div className="absolute bottom-14 left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg" />
       {Array.from({ length: 15 }).map((_, index) => <Slice key={index} />)}
     </div>
   )
diff --git a/web/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx b/web/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx
index 12256b05bc..416a5e15d5 100644
--- a/web/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx
+++ b/web/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx
@@ -1,43 +1,43 @@
 import React from 'react'
+import Checkbox from '@/app/components/base/checkbox'
+import Divider from '@/app/components/base/divider'
 import {
   SkeletonContainer,
   SkeletonPoint,
   SkeletonRectangle,
   SkeletonRow,
 } from '@/app/components/base/skeleton'
-import Checkbox from '@/app/components/base/checkbox'
-import Divider from '@/app/components/base/divider'
 
 export const CardSkelton = React.memo(() => {
   return (
-    <SkeletonContainer className='gap-y-0 p-1 pb-2'>
-      <SkeletonContainer className='gap-y-0.5 px-2 pt-1.5'>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-[72px] bg-text-quaternary' />
-          <SkeletonPoint className='opacity-20' />
-          <SkeletonRectangle className='w-24 bg-text-quaternary' />
-          <SkeletonPoint className='opacity-20' />
-          <SkeletonRectangle className='w-24 bg-text-quaternary' />
-          <SkeletonRow className='grow justify-end gap-1'>
-            <SkeletonRectangle className='w-12 bg-text-quaternary' />
-            <SkeletonRectangle className='mx-1 w-2 bg-text-quaternary' />
+    <SkeletonContainer className="gap-y-0 p-1 pb-2">
+      <SkeletonContainer className="gap-y-0.5 px-2 pt-1.5">
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-[72px] bg-text-quaternary" />
+          <SkeletonPoint className="opacity-20" />
+          <SkeletonRectangle className="w-24 bg-text-quaternary" />
+          <SkeletonPoint className="opacity-20" />
+          <SkeletonRectangle className="w-24 bg-text-quaternary" />
+          <SkeletonRow className="grow justify-end gap-1">
+            <SkeletonRectangle className="w-12 bg-text-quaternary" />
+            <SkeletonRectangle className="mx-1 w-2 bg-text-quaternary" />
           </SkeletonRow>
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-full bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-full bg-text-quaternary" />
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-full bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-full bg-text-quaternary" />
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-2/3 bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-2/3 bg-text-quaternary" />
         </SkeletonRow>
       </SkeletonContainer>
-      <SkeletonContainer className='px-2 py-1.5'>
+      <SkeletonContainer className="px-2 py-1.5">
         <SkeletonRow>
-          <SkeletonRectangle className='w-14 bg-text-quaternary' />
-          <SkeletonRectangle className='w-[88px] bg-text-quaternary' />
-          <SkeletonRectangle className='w-14 bg-text-quaternary' />
+          <SkeletonRectangle className="w-14 bg-text-quaternary" />
+          <SkeletonRectangle className="w-[88px] bg-text-quaternary" />
+          <SkeletonRectangle className="w-14 bg-text-quaternary" />
         </SkeletonRow>
       </SkeletonContainer>
     </SkeletonContainer>
@@ -48,21 +48,23 @@ CardSkelton.displayName = 'CardSkelton'
 
 const GeneralListSkeleton = () => {
   return (
-    <div className='relative z-10 flex grow flex-col overflow-y-hidden'>
-      <div className='absolute left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg' />
+    <div className="relative z-10 flex grow flex-col overflow-y-hidden">
+      <div className="absolute left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg" />
       {Array.from({ length: 10 }).map((_, index) => {
         return (
-          <div key={index} className='flex items-start gap-x-2'>
+          <div key={index} className="flex items-start gap-x-2">
             <Checkbox
               key={`${index}-checkbox`}
-              className='mt-3.5 shrink-0'
+              className="mt-3.5 shrink-0"
               disabled
             />
-            <div className='grow'>
+            <div className="grow">
               <CardSkelton />
-              {index !== 9 && <div className='w-full px-3'>
-                <Divider type='horizontal' className='my-1 bg-divider-subtle' />
-              </div>}
+              {index !== 9 && (
+                <div className="w-full px-3">
+                  <Divider type="horizontal" className="my-1 bg-divider-subtle" />
+                </div>
+              )}
             </div>
           </div>
         )
diff --git a/web/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx b/web/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx
index ee4d1a1d87..aa33bfbf17 100644
--- a/web/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx
+++ b/web/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx
@@ -1,44 +1,44 @@
-import React from 'react'
 import { RiArrowRightSLine } from '@remixicon/react'
+import React from 'react'
+import Checkbox from '@/app/components/base/checkbox'
+import Divider from '@/app/components/base/divider'
 import {
   SkeletonContainer,
   SkeletonPoint,
   SkeletonRectangle,
   SkeletonRow,
 } from '@/app/components/base/skeleton'
-import Checkbox from '@/app/components/base/checkbox'
-import Divider from '@/app/components/base/divider'
 
 const CardSkelton = React.memo(() => {
   return (
-    <SkeletonContainer className='gap-y-0 p-1 pb-2'>
-      <SkeletonContainer className='gap-y-0.5 px-2 pt-1.5'>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-[72px] bg-text-quaternary' />
-          <SkeletonPoint className='opacity-20' />
-          <SkeletonRectangle className='w-24 bg-text-quaternary' />
-          <SkeletonPoint className='opacity-20' />
-          <SkeletonRectangle className='w-24 bg-text-quaternary' />
-          <SkeletonRow className='grow justify-end gap-1'>
-            <SkeletonRectangle className='w-12 bg-text-quaternary' />
-            <SkeletonRectangle className='mx-1 w-2 bg-text-quaternary' />
+    <SkeletonContainer className="gap-y-0 p-1 pb-2">
+      <SkeletonContainer className="gap-y-0.5 px-2 pt-1.5">
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-[72px] bg-text-quaternary" />
+          <SkeletonPoint className="opacity-20" />
+          <SkeletonRectangle className="w-24 bg-text-quaternary" />
+          <SkeletonPoint className="opacity-20" />
+          <SkeletonRectangle className="w-24 bg-text-quaternary" />
+          <SkeletonRow className="grow justify-end gap-1">
+            <SkeletonRectangle className="w-12 bg-text-quaternary" />
+            <SkeletonRectangle className="mx-1 w-2 bg-text-quaternary" />
           </SkeletonRow>
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-full bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-full bg-text-quaternary" />
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-full bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-full bg-text-quaternary" />
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-2/3 bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-2/3 bg-text-quaternary" />
         </SkeletonRow>
       </SkeletonContainer>
-      <SkeletonContainer className='p-1 pb-2'>
+      <SkeletonContainer className="p-1 pb-2">
         <SkeletonRow>
-          <SkeletonRow className='h-7 gap-x-0.5 rounded-lg bg-dataset-child-chunk-expand-btn-bg pl-1 pr-3'>
-            <RiArrowRightSLine className='h-4 w-4 text-text-secondary opacity-20' />
-            <SkeletonRectangle className='w-32 bg-text-quaternary' />
+          <SkeletonRow className="h-7 gap-x-0.5 rounded-lg bg-dataset-child-chunk-expand-btn-bg pl-1 pr-3">
+            <RiArrowRightSLine className="h-4 w-4 text-text-secondary opacity-20" />
+            <SkeletonRectangle className="w-32 bg-text-quaternary" />
           </SkeletonRow>
         </SkeletonRow>
       </SkeletonContainer>
@@ -50,21 +50,23 @@ CardSkelton.displayName = 'CardSkelton'
 
 const ParagraphListSkeleton = () => {
   return (
-    <div className='relative z-10 flex h-full flex-col overflow-y-hidden'>
-      <div className='absolute left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg' />
+    <div className="relative z-10 flex h-full flex-col overflow-y-hidden">
+      <div className="absolute left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg" />
       {Array.from({ length: 10 }).map((_, index) => {
         return (
-          <div key={index} className='flex items-start gap-x-2'>
+          <div key={index} className="flex items-start gap-x-2">
             <Checkbox
               key={`${index}-checkbox`}
-              className='mt-3.5 shrink-0'
+              className="mt-3.5 shrink-0"
               disabled
             />
-            <div className='grow'>
+            <div className="grow">
               <CardSkelton />
-              {index !== 9 && <div className='w-full px-3'>
-                <Divider type='horizontal' className='my-1 bg-divider-subtle' />
-              </div>}
+              {index !== 9 && (
+                <div className="w-full px-3">
+                  <Divider type="horizontal" className="my-1 bg-divider-subtle" />
+                </div>
+              )}
             </div>
           </div>
         )
diff --git a/web/app/components/datasets/documents/detail/completed/skeleton/parent-chunk-card-skeleton.tsx b/web/app/components/datasets/documents/detail/completed/skeleton/parent-chunk-card-skeleton.tsx
index b013d952a7..4495547edb 100644
--- a/web/app/components/datasets/documents/detail/completed/skeleton/parent-chunk-card-skeleton.tsx
+++ b/web/app/components/datasets/documents/detail/completed/skeleton/parent-chunk-card-skeleton.tsx
@@ -10,29 +10,29 @@ import {
 const ParentChunkCardSkelton = () => {
   const { t } = useTranslation()
   return (
-    <div data-testid='parent-chunk-card-skeleton' className='flex flex-col pb-2'>
-      <SkeletonContainer className='gap-y-0 p-1 pb-0'>
-        <SkeletonContainer className='gap-y-0.5 px-2 pt-1.5'>
-          <SkeletonRow className='py-0.5'>
-            <SkeletonRectangle className='w-[72px] bg-text-quaternary' />
-            <SkeletonPoint className='opacity-20' />
-            <SkeletonRectangle className='w-24 bg-text-quaternary' />
-            <SkeletonPoint className='opacity-20' />
-            <SkeletonRectangle className='w-24 bg-text-quaternary' />
+    <div data-testid="parent-chunk-card-skeleton" className="flex flex-col pb-2">
+      <SkeletonContainer className="gap-y-0 p-1 pb-0">
+        <SkeletonContainer className="gap-y-0.5 px-2 pt-1.5">
+          <SkeletonRow className="py-0.5">
+            <SkeletonRectangle className="w-[72px] bg-text-quaternary" />
+            <SkeletonPoint className="opacity-20" />
+            <SkeletonRectangle className="w-24 bg-text-quaternary" />
+            <SkeletonPoint className="opacity-20" />
+            <SkeletonRectangle className="w-24 bg-text-quaternary" />
           </SkeletonRow>
-          <SkeletonRow className='py-0.5'>
-            <SkeletonRectangle className='w-full bg-text-quaternary' />
+          <SkeletonRow className="py-0.5">
+            <SkeletonRectangle className="w-full bg-text-quaternary" />
           </SkeletonRow>
-          <SkeletonRow className='py-0.5'>
-            <SkeletonRectangle className='w-full bg-text-quaternary' />
+          <SkeletonRow className="py-0.5">
+            <SkeletonRectangle className="w-full bg-text-quaternary" />
           </SkeletonRow>
-          <SkeletonRow className='py-0.5'>
-            <SkeletonRectangle className='w-2/3 bg-text-quaternary' />
+          <SkeletonRow className="py-0.5">
+            <SkeletonRectangle className="w-2/3 bg-text-quaternary" />
           </SkeletonRow>
         </SkeletonContainer>
       </SkeletonContainer>
-      <div className='mt-0.5 flex items-center px-3'>
-        <button type='button' className='system-xs-semibold-uppercase pt-0.5 text-components-button-secondary-accent-text-disabled' disabled>
+      <div className="mt-0.5 flex items-center px-3">
+        <button type="button" className="system-xs-semibold-uppercase pt-0.5 text-components-button-secondary-accent-text-disabled" disabled>
           {t('common.operation.viewMore')}
         </button>
       </div>
diff --git a/web/app/components/datasets/documents/detail/completed/status-item.tsx b/web/app/components/datasets/documents/detail/completed/status-item.tsx
index 04fbea3e2a..ce038742ff 100644
--- a/web/app/components/datasets/documents/detail/completed/status-item.tsx
+++ b/web/app/components/datasets/documents/detail/completed/status-item.tsx
@@ -1,6 +1,7 @@
-import React, { type FC } from 'react'
-import { RiCheckLine } from '@remixicon/react'
+import type { FC } from 'react'
 import type { Item } from '@/app/components/base/select'
+import { RiCheckLine } from '@remixicon/react'
+import React from 'react'
 
 type IStatusItemProps = {
   item: Item
@@ -12,9 +13,9 @@ const StatusItem: FC<IStatusItemProps> = ({
   selected,
 }) => {
   return (
-    <div className='flex items-center justify-between px-2 py-1.5'>
-      <span className='system-md-regular'>{item.name}</span>
-      {selected && <RiCheckLine className='h-4 w-4 text-text-accent' />}
+    <div className="flex items-center justify-between px-2 py-1.5">
+      <span className="system-md-regular">{item.name}</span>
+      {selected && <RiCheckLine className="h-4 w-4 text-text-accent" />}
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/document-title.tsx b/web/app/components/datasets/documents/detail/document-title.tsx
index 922cad7a50..ec44e3ea97 100644
--- a/web/app/components/datasets/documents/detail/document-title.tsx
+++ b/web/app/components/datasets/documents/detail/document-title.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
 import type { ChunkingMode, ParentMode } from '@/models/datasets'
 import { useRouter } from 'next/navigation'
-import DocumentPicker from '../../common/document-picker'
 import { cn } from '@/utils/classnames'
+import DocumentPicker from '../../common/document-picker'
 
 type DocumentTitleProps = {
   datasetId: string
diff --git a/web/app/components/datasets/documents/detail/embedding/index.tsx b/web/app/components/datasets/documents/detail/embedding/index.tsx
index 298777cf35..8eb5d197cb 100644
--- a/web/app/components/datasets/documents/detail/embedding/index.tsx
+++ b/web/app/components/datasets/documents/detail/embedding/index.tsx
@@ -1,28 +1,28 @@
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
+import type { CommonResponse } from '@/models/common'
+import type { IndexingStatusResponse, ProcessRuleResponse } from '@/models/datasets'
 import { RiLoader2Line, RiPauseCircleLine, RiPlayCircleLine } from '@remixicon/react'
 import Image from 'next/image'
-import { FieldInfo } from '../metadata'
-import { useDocumentContext } from '../context'
-import { IndexingType } from '../../../create/step-two'
-import { indexMethodIcon, retrievalIcon } from '../../../create/icons'
-import EmbeddingSkeleton from './skeleton'
-import { RETRIEVE_METHOD } from '@/types/app'
-import { cn } from '@/utils/classnames'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import Divider from '@/app/components/base/divider'
 import { ToastContext } from '@/app/components/base/toast'
-import type { IndexingStatusResponse } from '@/models/datasets'
-import { ProcessMode, type ProcessRuleResponse } from '@/models/datasets'
-import type { CommonResponse } from '@/models/common'
-import { asyncRunSafe, sleep } from '@/utils'
+import { ProcessMode } from '@/models/datasets'
 import {
   fetchIndexingStatus as doFetchIndexingStatus,
   pauseDocIndexing,
   resumeDocIndexing,
 } from '@/service/datasets'
 import { useProcessRule } from '@/service/knowledge/use-dataset'
+import { RETRIEVE_METHOD } from '@/types/app'
+import { asyncRunSafe, sleep } from '@/utils'
+import { cn } from '@/utils/classnames'
+import { indexMethodIcon, retrievalIcon } from '../../../create/icons'
+import { IndexingType } from '../../../create/step-two'
+import { useDocumentContext } from '../context'
+import { FieldInfo } from '../metadata'
+import EmbeddingSkeleton from './skeleton'
 
 type IEmbeddingDetailProps = {
   datasetId?: string
@@ -95,56 +95,60 @@ const RuleDetail: FC<IRuleDetailProps> = React.memo(({
         value = !sourceData?.mode
           ? value
           : sourceData?.rules?.pre_processing_rules?.filter(rule =>
-            rule.enabled).map(rule => getRuleName(rule.id)).join(',')
+              rule.enabled).map(rule => getRuleName(rule.id)).join(',')
         break
     }
     return value
   }, [sourceData])
 
-  return <div className='py-3'>
-    <div className='flex flex-col gap-y-1'>
-      {Object.keys(segmentationRuleMap).map((field) => {
-        return <FieldInfo
-          key={field}
-          label={segmentationRuleMap[field as keyof typeof segmentationRuleMap]}
-          displayedValue={String(getValue(field))}
-        />
-      })}
+  return (
+    <div className="py-3">
+      <div className="flex flex-col gap-y-1">
+        {Object.keys(segmentationRuleMap).map((field) => {
+          return (
+            <FieldInfo
+              key={field}
+              label={segmentationRuleMap[field as keyof typeof segmentationRuleMap]}
+              displayedValue={String(getValue(field))}
+            />
+          )
+        })}
+      </div>
+      <Divider type="horizontal" className="bg-divider-subtle" />
+      <FieldInfo
+        label={t('datasetCreation.stepTwo.indexMode')}
+        displayedValue={t(`datasetCreation.stepTwo.${indexingType === IndexingType.ECONOMICAL ? 'economical' : 'qualified'}`) as string}
+        valueIcon={(
+          <Image
+            className="size-4"
+            src={
+              indexingType === IndexingType.ECONOMICAL
+                ? indexMethodIcon.economical
+                : indexMethodIcon.high_quality
+            }
+            alt=""
+          />
+        )}
+      />
+      <FieldInfo
+        label={t('datasetSettings.form.retrievalSetting.title')}
+        displayedValue={t(`dataset.retrieval.${indexingType === IndexingType.ECONOMICAL ? 'keyword_search' : retrievalMethod}.title`) as string}
+        valueIcon={(
+          <Image
+            className="size-4"
+            src={
+              retrievalMethod === RETRIEVE_METHOD.fullText
+                ? retrievalIcon.fullText
+                : retrievalMethod === RETRIEVE_METHOD.hybrid
+                  ? retrievalIcon.hybrid
+                  : retrievalIcon.vector
+            }
+            alt=""
+          />
+        )}
+      />
     </div>
-    <Divider type='horizontal' className='bg-divider-subtle' />
-    <FieldInfo
-      label={t('datasetCreation.stepTwo.indexMode')}
-      displayedValue={t(`datasetCreation.stepTwo.${indexingType === IndexingType.ECONOMICAL ? 'economical' : 'qualified'}`) as string}
-      valueIcon={
-        <Image
-          className='size-4'
-          src={
-            indexingType === IndexingType.ECONOMICAL
-              ? indexMethodIcon.economical
-              : indexMethodIcon.high_quality
-          }
-          alt=''
-        />
-      }
-    />
-    <FieldInfo
-      label={t('datasetSettings.form.retrievalSetting.title')}
-      displayedValue={t(`dataset.retrieval.${indexingType === IndexingType.ECONOMICAL ? 'keyword_search' : retrievalMethod}.title`) as string}
-      valueIcon={
-        <Image
-          className='size-4'
-          src={
-            retrievalMethod === RETRIEVE_METHOD.fullText
-              ? retrievalIcon.fullText
-              : retrievalMethod === RETRIEVE_METHOD.hybrid
-                ? retrievalIcon.hybrid
-                : retrievalIcon.vector
-          }
-          alt=''
-        />
-      }
-    />
-  </div>
+  )
 })
 
 RuleDetail.displayName = 'RuleDetail'
@@ -240,10 +244,10 @@ const EmbeddingDetail: FC<IEmbeddingDetailProps> = ({
 
   return (
     <>
-      <div className='flex flex-col gap-y-2 px-16 py-12'>
-        <div className='flex h-6 items-center gap-x-1'>
-          {isEmbedding && <RiLoader2Line className='h-4 w-4 animate-spin text-text-secondary' />}
-          <span className='system-md-semibold-uppercase grow text-text-secondary'>
+      <div className="flex flex-col gap-y-2 px-16 py-12">
+        <div className="flex h-6 items-center gap-x-1">
+          {isEmbedding && <RiLoader2Line className="h-4 w-4 animate-spin text-text-secondary" />}
+          <span className="system-md-semibold-uppercase grow text-text-secondary">
             {isEmbedding && t('datasetDocuments.embedding.processing')}
             {isEmbeddingCompleted && t('datasetDocuments.embedding.completed')}
             {isEmbeddingPaused && t('datasetDocuments.embedding.paused')}
@@ -251,26 +255,26 @@ const EmbeddingDetail: FC<IEmbeddingDetailProps> = ({
           </span>
           {isEmbedding && (
             <button
-              type='button'
+              type="button"
               className={`flex items-center gap-x-1 rounded-md border-[0.5px]
               border-components-button-secondary-border bg-components-button-secondary-bg px-1.5 py-1 shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]`}
               onClick={handleSwitch}
             >
-              <RiPauseCircleLine className='h-3.5 w-3.5 text-components-button-secondary-text' />
-              <span className='system-xs-medium pr-[3px] text-components-button-secondary-text'>
+              <RiPauseCircleLine className="h-3.5 w-3.5 text-components-button-secondary-text" />
+              <span className="system-xs-medium pr-[3px] text-components-button-secondary-text">
                 {t('datasetDocuments.embedding.pause')}
               </span>
             </button>
           )}
           {isEmbeddingPaused && (
             <button
-              type='button'
+              type="button"
               className={`flex items-center gap-x-1 rounded-md border-[0.5px]
               border-components-button-secondary-border bg-components-button-secondary-bg px-1.5 py-1 shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]`}
               onClick={handleSwitch}
             >
-              <RiPlayCircleLine className='h-3.5 w-3.5 text-components-button-secondary-text' />
-              <span className='system-xs-medium pr-[3px] text-components-button-secondary-text'>
+              <RiPlayCircleLine className="h-3.5 w-3.5 text-components-button-secondary-text" />
+              <span className="system-xs-medium pr-[3px] text-components-button-secondary-text">
                 {t('datasetDocuments.embedding.resume')}
               </span>
             </button>
@@ -280,7 +284,8 @@ const EmbeddingDetail: FC<IEmbeddingDetailProps> = ({
         <div className={cn(
           'flex h-2 w-full items-center overflow-hidden rounded-md border border-components-progress-bar-border',
           isEmbedding ? 'bg-components-progress-bar-bg/50' : 'bg-components-progress-bar-bg',
-        )}>
+        )}
+        >
           <div
             className={cn(
               'h-full',
@@ -290,8 +295,8 @@ const EmbeddingDetail: FC<IEmbeddingDetailProps> = ({
             style={{ width: `${percent}%` }}
           />
         </div>
-        <div className={'flex w-full items-center'}>
-          <span className='system-xs-medium text-text-secondary'>
+        <div className="flex w-full items-center">
+          <span className="system-xs-medium text-text-secondary">
             {`${t('datasetDocuments.embedding.segments')} ${indexingStatusDetail?.completed_segments || '--'}/${indexingStatusDetail?.total_segments || '--'} · ${percent}%`}
           </span>
         </div>
diff --git a/web/app/components/datasets/documents/detail/embedding/skeleton/index.tsx b/web/app/components/datasets/documents/detail/embedding/skeleton/index.tsx
index 4d92aaf949..eda512f38e 100644
--- a/web/app/components/datasets/documents/detail/embedding/skeleton/index.tsx
+++ b/web/app/components/datasets/documents/detail/embedding/skeleton/index.tsx
@@ -1,42 +1,42 @@
 import React from 'react'
+import Divider from '@/app/components/base/divider'
 import {
   SkeletonContainer,
   SkeletonPoint,
   SkeletonRectangle,
   SkeletonRow,
 } from '@/app/components/base/skeleton'
-import Divider from '@/app/components/base/divider'
 
 const CardSkelton = React.memo(() => {
   return (
-    <SkeletonContainer className='gap-y-0 p-1 pb-2'>
-      <SkeletonContainer className='gap-y-0.5 px-2 pt-1.5'>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-[72px] bg-text-quaternary' />
-          <SkeletonPoint className='opacity-20' />
-          <SkeletonRectangle className='w-24 bg-text-quaternary' />
-          <SkeletonPoint className='opacity-20' />
-          <SkeletonRectangle className='w-24 bg-text-quaternary' />
-          <SkeletonRow className='grow justify-end gap-1'>
-            <SkeletonRectangle className='w-12 bg-text-quaternary' />
-            <SkeletonRectangle className='mx-1 w-2 bg-text-quaternary' />
+    <SkeletonContainer className="gap-y-0 p-1 pb-2">
+      <SkeletonContainer className="gap-y-0.5 px-2 pt-1.5">
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-[72px] bg-text-quaternary" />
+          <SkeletonPoint className="opacity-20" />
+          <SkeletonRectangle className="w-24 bg-text-quaternary" />
+          <SkeletonPoint className="opacity-20" />
+          <SkeletonRectangle className="w-24 bg-text-quaternary" />
+          <SkeletonRow className="grow justify-end gap-1">
+            <SkeletonRectangle className="w-12 bg-text-quaternary" />
+            <SkeletonRectangle className="mx-1 w-2 bg-text-quaternary" />
           </SkeletonRow>
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-full bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-full bg-text-quaternary" />
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-full bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-full bg-text-quaternary" />
         </SkeletonRow>
-        <SkeletonRow className='py-0.5'>
-          <SkeletonRectangle className='w-2/3 bg-text-quaternary' />
+        <SkeletonRow className="py-0.5">
+          <SkeletonRectangle className="w-2/3 bg-text-quaternary" />
         </SkeletonRow>
       </SkeletonContainer>
-      <SkeletonContainer className='px-2 py-1.5'>
+      <SkeletonContainer className="px-2 py-1.5">
         <SkeletonRow>
-          <SkeletonRectangle className='w-14 bg-text-quaternary' />
-          <SkeletonRectangle className='w-[88px] bg-text-quaternary' />
-          <SkeletonRectangle className='w-14 bg-text-quaternary' />
+          <SkeletonRectangle className="w-14 bg-text-quaternary" />
+          <SkeletonRectangle className="w-[88px] bg-text-quaternary" />
+          <SkeletonRectangle className="w-14 bg-text-quaternary" />
         </SkeletonRow>
       </SkeletonContainer>
     </SkeletonContainer>
@@ -47,15 +47,17 @@ CardSkelton.displayName = 'CardSkelton'
 
 const EmbeddingSkeleton = () => {
   return (
-    <div className='relative z-10 flex grow flex-col overflow-y-hidden'>
-      <div className='absolute left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg' />
+    <div className="relative z-10 flex grow flex-col overflow-y-hidden">
+      <div className="absolute left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg" />
       {Array.from({ length: 5 }).map((_, index) => {
         return (
-          <div key={index} className='w-full px-11'>
+          <div key={index} className="w-full px-11">
             <CardSkelton />
-            {index !== 9 && <div className='w-full px-3'>
-              <Divider type='horizontal' className='my-1 bg-divider-subtle' />
-            </div>}
+            {index !== 9 && (
+              <div className="w-full px-3">
+                <Divider type="horizontal" className="my-1 bg-divider-subtle" />
+              </div>
+            )}
           </div>
         )
       })}
diff --git a/web/app/components/datasets/documents/detail/index.tsx b/web/app/components/datasets/documents/detail/index.tsx
index 0c2f229f88..88b9fb5153 100644
--- a/web/app/components/datasets/documents/detail/index.tsx
+++ b/web/app/components/datasets/documents/detail/index.tsx
@@ -1,31 +1,31 @@
 'use client'
 import type { FC } from 'react'
+import type { DataSourceInfo, FileItem, LegacyDataSourceInfo } from '@/models/datasets'
+import { RiArrowLeftLine, RiLayoutLeft2Line, RiLayoutRight2Line } from '@remixicon/react'
+import { useRouter } from 'next/navigation'
 import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-import { RiArrowLeftLine, RiLayoutLeft2Line, RiLayoutRight2Line } from '@remixicon/react'
-import Operations from '../operations'
-import StatusItem from '../status-item'
-import Completed from './completed'
-import Embedding from './embedding'
-import Metadata from '@/app/components/datasets/metadata/metadata-document'
-import SegmentAdd, { ProcessStatus } from './segment-add'
-import BatchModal from './batch-modal'
-import style from './style.module.css'
-import { cn } from '@/utils/classnames'
 import Divider from '@/app/components/base/divider'
+import FloatRightContainer from '@/app/components/base/float-right-container'
 import Loading from '@/app/components/base/loading'
 import Toast from '@/app/components/base/toast'
-import { ChunkingMode } from '@/models/datasets'
-import type { DataSourceInfo, FileItem, LegacyDataSourceInfo } from '@/models/datasets'
+import Metadata from '@/app/components/datasets/metadata/metadata-document'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import FloatRightContainer from '@/app/components/base/float-right-container'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { useCheckSegmentBatchImportProgress, useChildSegmentListKey, useSegmentBatchImport, useSegmentListKey } from '@/service/knowledge/use-segment'
+import { ChunkingMode } from '@/models/datasets'
 import { useDocumentDetail, useDocumentMetadata, useInvalidDocumentList } from '@/service/knowledge/use-document'
+import { useCheckSegmentBatchImportProgress, useChildSegmentListKey, useSegmentBatchImport, useSegmentListKey } from '@/service/knowledge/use-segment'
 import { useInvalid } from '@/service/use-base'
+import { cn } from '@/utils/classnames'
+import Operations from '../operations'
+import StatusItem from '../status-item'
+import BatchModal from './batch-modal'
+import Completed from './completed'
 import { DocumentContext } from './context'
 import { DocumentTitle } from './document-title'
+import Embedding from './embedding'
+import SegmentAdd, { ProcessStatus } from './segment-add'
+import style from './style.module.css'
 
 type DocumentDetailProps = {
   datasetId: string
@@ -157,21 +157,22 @@ const DocumentDetail: FC<DocumentDetailProps> = ({ datasetId, documentId }) => {
       documentId,
       docForm: documentDetail?.doc_form as ChunkingMode,
       parentMode,
-    }}>
-      <div className='flex h-full flex-col bg-background-default'>
-        <div className='flex min-h-16 flex-wrap items-center justify-between border-b border-b-divider-subtle py-2.5 pl-3 pr-4'>
-          <div onClick={backToPrev} className={'flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-full hover:bg-components-button-tertiary-bg'}>
-            <RiArrowLeftLine className='h-4 w-4 text-components-button-ghost-text hover:text-text-tertiary' />
+    }}
+    >
+      <div className="flex h-full flex-col bg-background-default">
+        <div className="flex min-h-16 flex-wrap items-center justify-between border-b border-b-divider-subtle py-2.5 pl-3 pr-4">
+          <div onClick={backToPrev} className="flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-full hover:bg-components-button-tertiary-bg">
+            <RiArrowLeftLine className="h-4 w-4 text-components-button-ghost-text hover:text-text-tertiary" />
           </div>
           <DocumentTitle
             datasetId={datasetId}
             extension={documentUploadFile?.extension}
             name={documentDetail?.name}
-            wrapperCls='mr-2'
+            wrapperCls="mr-2"
             parent_mode={parentMode}
             chunkingMode={documentDetail?.doc_form as ChunkingMode}
           />
-          <div className='flex flex-wrap items-center'>
+          <div className="flex flex-wrap items-center">
             {embeddingAvailable && documentDetail && !documentDetail.archived && !isFullDocMode && (
               <>
                 <SegmentAdd
@@ -181,14 +182,14 @@ const DocumentDetail: FC<DocumentDetailProps> = ({ datasetId, documentId }) => {
                   showBatchModal={showBatchModal}
                   embedding={embedding}
                 />
-                <Divider type='vertical' className='!mx-3 !h-[14px] !bg-divider-regular' />
+                <Divider type="vertical" className="!mx-3 !h-[14px] !bg-divider-regular" />
               </>
             )}
             <StatusItem
               status={documentDetail?.display_status || 'available'}
-              scene='detail'
+              scene="detail"
               errorMessage={documentDetail?.error || ''}
-              textCls='font-semibold text-xs uppercase'
+              textCls="font-semibold text-xs uppercase"
               detail={{
                 enabled: documentDetail?.enabled || false,
                 archived: documentDetail?.archived || false,
@@ -198,7 +199,7 @@ const DocumentDetail: FC<DocumentDetailProps> = ({ datasetId, documentId }) => {
               onUpdate={handleOperate}
             />
             <Operations
-              scene='detail'
+              scene="detail"
               embeddingAvailable={embeddingAvailable}
               detail={{
                 name: documentDetail?.name || '',
@@ -210,46 +211,48 @@ const DocumentDetail: FC<DocumentDetailProps> = ({ datasetId, documentId }) => {
               }}
               datasetId={datasetId}
               onUpdate={handleOperate}
-              className='!w-[200px]'
+              className="!w-[200px]"
             />
-            <button type="button"
+            <button
+              type="button"
               className={style.layoutRightIcon}
               onClick={() => setShowMetadata(!showMetadata)}
             >
               {
                 showMetadata
-                  ? <RiLayoutLeft2Line className='h-4 w-4 text-components-button-secondary-text' />
-                  : <RiLayoutRight2Line className='h-4 w-4 text-components-button-secondary-text' />
+                  ? <RiLayoutLeft2Line className="h-4 w-4 text-components-button-secondary-text" />
+                  : <RiLayoutRight2Line className="h-4 w-4 text-components-button-secondary-text" />
               }
             </button>
           </div>
         </div>
-        <div className='flex flex-1 flex-row' style={{ height: 'calc(100% - 4rem)' }}>
+        <div className="flex flex-1 flex-row" style={{ height: 'calc(100% - 4rem)' }}>
           {isDetailLoading
-            ? <Loading type='app' />
-            : <div className={cn('flex h-full min-w-0 grow flex-col',
-              !embedding && isFullDocMode && 'relative pl-11 pr-11 pt-4',
-              !embedding && !isFullDocMode && 'relative pl-5 pr-11 pt-3',
-            )}>
-              {embedding
-                ? <Embedding
-                  detailUpdate={detailMutate}
-                  indexingType={dataset?.indexing_technique}
-                  retrievalMethod={dataset?.retrieval_model_dict?.search_method}
-                />
-                : <Completed
-                  embeddingAvailable={embeddingAvailable}
-                  showNewSegmentModal={newSegmentModalVisible}
-                  onNewSegmentModalChange={setNewSegmentModalVisible}
-                  importStatus={importStatus}
-                  archived={documentDetail?.archived}
-                />
-              }
-            </div>
-          }
-          <FloatRightContainer showClose isOpen={showMetadata} onClose={() => setShowMetadata(false)} isMobile={isMobile} panelClassName='!justify-start' footer={null}>
+            ? <Loading type="app" />
+            : (
+                <div className={cn('flex h-full min-w-0 grow flex-col', !embedding && isFullDocMode && 'relative pl-11 pr-11 pt-4', !embedding && !isFullDocMode && 'relative pl-5 pr-11 pt-3')}>
+                  {embedding
+                    ? (
+                        <Embedding
+                          detailUpdate={detailMutate}
+                          indexingType={dataset?.indexing_technique}
+                          retrievalMethod={dataset?.retrieval_model_dict?.search_method}
+                        />
+                      )
+                    : (
+                        <Completed
+                          embeddingAvailable={embeddingAvailable}
+                          showNewSegmentModal={newSegmentModalVisible}
+                          onNewSegmentModalChange={setNewSegmentModalVisible}
+                          importStatus={importStatus}
+                          archived={documentDetail?.archived}
+                        />
+                      )}
+                </div>
+              )}
+          <FloatRightContainer showClose isOpen={showMetadata} onClose={() => setShowMetadata(false)} isMobile={isMobile} panelClassName="!justify-start" footer={null}>
             <Metadata
-              className='mr-2 mt-3'
+              className="mr-2 mt-3"
               datasetId={datasetId}
               documentId={documentId}
               docDetail={{ ...documentDetail, ...documentMetadata, doc_type: documentMetadata?.doc_type === 'others' ? '' : documentMetadata?.doc_type } as any}
diff --git a/web/app/components/datasets/documents/detail/metadata/index.tsx b/web/app/components/datasets/documents/detail/metadata/index.tsx
index 1e15f3e5d1..73e8357e10 100644
--- a/web/app/components/datasets/documents/detail/metadata/index.tsx
+++ b/web/app/components/datasets/documents/detail/metadata/index.tsx
@@ -1,29 +1,29 @@
 'use client'
 import type { FC, ReactNode } from 'react'
-import React, { useEffect, useState } from 'react'
-import { PencilIcon } from '@heroicons/react/24/outline'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import { get } from 'lodash-es'
-import { useDocumentContext } from '../context'
-import s from './style.module.css'
-import { cn } from '@/utils/classnames'
-import Input from '@/app/components/base/input'
-import Button from '@/app/components/base/button'
-import Tooltip from '@/app/components/base/tooltip'
-import Radio from '@/app/components/base/radio'
-import Divider from '@/app/components/base/divider'
-import { ToastContext } from '@/app/components/base/toast'
-import { SimpleSelect } from '@/app/components/base/select'
-import Loading from '@/app/components/base/loading'
-import AutoHeightTextarea from '@/app/components/base/auto-height-textarea'
-import { asyncRunSafe, getTextWidthWithCanvas } from '@/utils'
-import { modifyDocMetadata } from '@/service/datasets'
+import type { inputType, metadataType } from '@/hooks/use-metadata'
 import type { CommonResponse } from '@/models/common'
 import type { DocType, FullDocumentDetail } from '@/models/datasets'
-import { CUSTOMIZABLE_DOC_TYPES } from '@/models/datasets'
-import type { inputType, metadataType } from '@/hooks/use-metadata'
+import { PencilIcon } from '@heroicons/react/24/outline'
+import { get } from 'lodash-es'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import AutoHeightTextarea from '@/app/components/base/auto-height-textarea'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import Input from '@/app/components/base/input'
+import Loading from '@/app/components/base/loading'
+import Radio from '@/app/components/base/radio'
+import { SimpleSelect } from '@/app/components/base/select'
+import { ToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
 import { useBookCategories, useBusinessDocCategories, useLanguages, useMetadataMap, usePersonalDocCategories } from '@/hooks/use-metadata'
+import { CUSTOMIZABLE_DOC_TYPES } from '@/models/datasets'
+import { modifyDocMetadata } from '@/service/datasets'
+import { asyncRunSafe, getTextWidthWithCanvas } from '@/utils'
+import { cn } from '@/utils/classnames'
+import { useDocumentContext } from '../context'
+import s from './style.module.css'
 
 const map2Options = (map: { [key: string]: string }) => {
   return Object.keys(map).map(key => ({ value: key, name: map[key] }))
@@ -37,7 +37,7 @@ type IFieldInfoProps = {
   defaultValue?: string
   showEdit?: boolean
   inputType?: inputType
-  selectOptions?: Array<{ value: string; name: string }>
+  selectOptions?: Array<{ value: string, name: string }>
   onUpdate?: (v: any) => void
 }
 
@@ -62,31 +62,37 @@ export const FieldInfo: FC<IFieldInfoProps> = ({
       return displayedValue
 
     if (inputType === 'select') {
-      return <SimpleSelect
-        onSelect={({ value }) => onUpdate?.(value as string)}
-        items={selectOptions}
-        defaultValue={value}
-        className={s.select}
-        wrapperClassName={s.selectWrapper}
-        placeholder={`${t('datasetDocuments.metadata.placeholder.select')}${label}`}
-      />
+      return (
+        <SimpleSelect
+          onSelect={({ value }) => onUpdate?.(value as string)}
+          items={selectOptions}
+          defaultValue={value}
+          className={s.select}
+          wrapperClassName={s.selectWrapper}
+          placeholder={`${t('datasetDocuments.metadata.placeholder.select')}${label}`}
+        />
+      )
     }
 
     if (inputType === 'textarea') {
-      return <AutoHeightTextarea
-        onChange={e => onUpdate?.(e.target.value)}
-        value={value}
-        className={s.textArea}
-        placeholder={`${t('datasetDocuments.metadata.placeholder.add')}${label}`}
-      />
+      return (
+        <AutoHeightTextarea
+          onChange={e => onUpdate?.(e.target.value)}
+          value={value}
+          className={s.textArea}
+          placeholder={`${t('datasetDocuments.metadata.placeholder.add')}${label}`}
+        />
+      )
     }
 
-    return <Input
-      onChange={e => onUpdate?.(e.target.value)}
-      value={value}
-      defaultValue={defaultValue}
-      placeholder={`${t('datasetDocuments.metadata.placeholder.add')}${label}`}
-    />
+    return (
+      <Input
+        onChange={e => onUpdate?.(e.target.value)}
+        value={value}
+        defaultValue={defaultValue}
+        placeholder={`${t('datasetDocuments.metadata.placeholder.add')}${label}`}
+      />
+    )
   }
 
   return (
@@ -100,9 +106,10 @@ export const FieldInfo: FC<IFieldInfoProps> = ({
   )
 }
 
-const TypeIcon: FC<{ iconName: string; className?: string }> = ({ iconName, className = '' }) => {
-  return <div className={cn(s.commonIcon, s[`${iconName}Icon`], className)}
-  />
+const TypeIcon: FC<{ iconName: string, className?: string }> = ({ iconName, className = '' }) => {
+  return (
+    <div className={cn(s.commonIcon, s[`${iconName}Icon`], className)} />
+  )
 }
 
 const IconButton: FC<{
@@ -152,9 +159,9 @@ const Metadata: FC<IMetadataProps> = ({ docDetail, loading, onUpdate }) => {
   const [metadataParams, setMetadataParams] = useState<MetadataState>(
     doc_type
       ? {
-        documentType: doc_type as DocType,
-        metadata: (doc_metadata || {}) as Record<string, string>,
-      }
+          documentType: doc_type as DocType,
+          metadata: (doc_metadata || {}) as Record<string, string>,
+        }
       : { metadata: {} },
   )
   const [showDocTypes, setShowDocTypes] = useState(!doc_type) // whether show doc types
@@ -202,47 +209,58 @@ const Metadata: FC<IMetadataProps> = ({ docDetail, loading, onUpdate }) => {
 
     return (
       <>
-        {!doc_type && !documentType && <>
-          <div className={s.desc}>{t('datasetDocuments.metadata.desc')}</div>
-        </>}
+        {!doc_type && !documentType && (
+          <>
+            <div className={s.desc}>{t('datasetDocuments.metadata.desc')}</div>
+          </>
+        )}
         <div className={s.operationWrapper}>
-          {!doc_type && !documentType && <>
-            <span className={s.title}>{t('datasetDocuments.metadata.docTypeSelectTitle')}</span>
-          </>}
-          {documentType && <>
-            <span className={s.title}>{t('datasetDocuments.metadata.docTypeChangeTitle')}</span>
-            <span className={s.changeTip}>{t('datasetDocuments.metadata.docTypeSelectWarning')}</span>
-          </>}
+          {!doc_type && !documentType && (
+            <>
+              <span className={s.title}>{t('datasetDocuments.metadata.docTypeSelectTitle')}</span>
+            </>
+          )}
+          {documentType && (
+            <>
+              <span className={s.title}>{t('datasetDocuments.metadata.docTypeChangeTitle')}</span>
+              <span className={s.changeTip}>{t('datasetDocuments.metadata.docTypeSelectWarning')}</span>
+            </>
+          )}
           <Radio.Group value={tempDocType ?? documentType ?? ''} onChange={setTempDocType} className={s.radioGroup}>
             {CUSTOMIZABLE_DOC_TYPES.map((type, index) => {
               const currValue = tempDocType ?? documentType
-              return <Radio key={index} value={type} className={`${s.radio} ${currValue === type ? 'shadow-none' : ''}`}>
-                <IconButton
-                  type={type}
-                  isChecked={currValue === type}
-                />
-              </Radio>
+              return (
+                <Radio key={index} value={type} className={`${s.radio} ${currValue === type ? 'shadow-none' : ''}`}>
+                  <IconButton
+                    type={type}
+                    isChecked={currValue === type}
+                  />
+                </Radio>
+              )
             })}
           </Radio.Group>
           {!doc_type && !documentType && (
-            <Button variant='primary'
+            <Button
+              variant="primary"
               onClick={confirmDocType}
               disabled={!tempDocType}
             >
               {t('datasetDocuments.metadata.firstMetaAction')}
             </Button>
           )}
-          {documentType && <div className={s.opBtnWrapper}>
-            <Button onClick={confirmDocType} className={`${s.opBtn} ${s.opSaveBtn}`} variant='primary' >{t('common.operation.save')}</Button>
-            <Button onClick={cancelDocType} className={`${s.opBtn} ${s.opCancelBtn}`}>{t('common.operation.cancel')}</Button>
-          </div>}
-        </div >
+          {documentType && (
+            <div className={s.opBtnWrapper}>
+              <Button onClick={confirmDocType} className={`${s.opBtn} ${s.opSaveBtn}`} variant="primary">{t('common.operation.save')}</Button>
+              <Button onClick={cancelDocType} className={`${s.opBtn} ${s.opCancelBtn}`}>{t('common.operation.cancel')}</Button>
+            </div>
+          )}
+        </div>
       </>
     )
   }
 
   // show metadata info and edit
-  const renderFieldInfos = ({ mainField = 'book', canEdit }: { mainField?: metadataType | ''; canEdit?: boolean }) => {
+  const renderFieldInfos = ({ mainField = 'book', canEdit }: { mainField?: metadataType | '', canEdit?: boolean }) => {
     if (!mainField)
       return null
     const fieldMap = metadataMap[mainField]?.subFieldsMap
@@ -274,22 +292,26 @@ const Metadata: FC<IMetadataProps> = ({ docDetail, loading, onUpdate }) => {
       return val
     }
 
-    return <div className='flex flex-col gap-1'>
-      {Object.keys(fieldMap).map((field) => {
-        return <FieldInfo
-          key={fieldMap[field]?.label}
-          label={fieldMap[field]?.label}
-          displayedValue={getTargetValue(field)}
-          value={get(sourceData, field, '')}
-          inputType={fieldMap[field]?.inputType || 'input'}
-          showEdit={canEdit}
-          onUpdate={(val) => {
-            setMetadataParams(pre => ({ ...pre, metadata: { ...pre.metadata, [field]: val } }))
-          }}
-          selectOptions={map2Options(getTargetMap(field))}
-        />
-      })}
-    </div>
+    return (
+      <div className="flex flex-col gap-1">
+        {Object.keys(fieldMap).map((field) => {
+          return (
+            <FieldInfo
+              key={fieldMap[field]?.label}
+              label={fieldMap[field]?.label}
+              displayedValue={getTargetValue(field)}
+              value={get(sourceData, field, '')}
+              inputType={fieldMap[field]?.inputType || 'input'}
+              showEdit={canEdit}
+              onUpdate={(val) => {
+                setMetadataParams(pre => ({ ...pre, metadata: { ...pre.metadata, [field]: val } }))
+              }}
+              selectOptions={map2Options(getTargetMap(field))}
+            />
+          )
+        })}
+      </div>
+    )
   }
 
   const enabledEdit = () => {
@@ -325,63 +347,75 @@ const Metadata: FC<IMetadataProps> = ({ docDetail, loading, onUpdate }) => {
   return (
     <div className={`${s.main} ${editStatus ? 'bg-white' : 'bg-gray-25'}`}>
       {loading
-        ? (<Loading type='app' />)
+        ? (<Loading type="app" />)
         : (
-          <>
-            <div className={s.titleWrapper}>
-              <span className={s.title}>{t('datasetDocuments.metadata.title')}</span>
+            <>
+              <div className={s.titleWrapper}>
+                <span className={s.title}>{t('datasetDocuments.metadata.title')}</span>
+                {!editStatus
+                  ? (
+                      <Button onClick={enabledEdit} className={`${s.opBtn} ${s.opEditBtn}`}>
+                        <PencilIcon className={s.opIcon} />
+                        {t('common.operation.edit')}
+                      </Button>
+                    )
+                  : showDocTypes
+                    ? null
+                    : (
+                        <div className={s.opBtnWrapper}>
+                          <Button onClick={onCancel} className={`${s.opBtn} ${s.opCancelBtn}`}>{t('common.operation.cancel')}</Button>
+                          <Button
+                            onClick={onSave}
+                            className={`${s.opBtn} ${s.opSaveBtn}`}
+                            variant="primary"
+                            loading={saveLoading}
+                          >
+                            {t('common.operation.save')}
+                          </Button>
+                        </div>
+                      )}
+              </div>
+              {/* show selected doc type and changing entry */}
               {!editStatus
-                ? <Button onClick={enabledEdit} className={`${s.opBtn} ${s.opEditBtn}`}>
-                  <PencilIcon className={s.opIcon} />
-                  {t('common.operation.edit')}
-                </Button>
+                ? (
+                    <div className={s.documentTypeShow}>
+                      <TypeIcon iconName={metadataMap[doc_type || 'book']?.iconName || ''} className={s.iconShow} />
+                      {metadataMap[doc_type || 'book'].text}
+                    </div>
+                  )
                 : showDocTypes
                   ? null
-                  : <div className={s.opBtnWrapper}>
-                    <Button onClick={onCancel} className={`${s.opBtn} ${s.opCancelBtn}`}>{t('common.operation.cancel')}</Button>
-                    <Button onClick={onSave}
-                      className={`${s.opBtn} ${s.opSaveBtn}`}
-                      variant='primary'
-                      loading={saveLoading}
-                    >
-                      {t('common.operation.save')}
-                    </Button>
-                  </div>}
-            </div>
-            {/* show selected doc type and changing entry */}
-            {!editStatus
-              ? <div className={s.documentTypeShow}>
-                <TypeIcon iconName={metadataMap[doc_type || 'book']?.iconName || ''} className={s.iconShow} />
-                {metadataMap[doc_type || 'book'].text}
-              </div>
-              : showDocTypes
-                ? null
-                : <div className={s.documentTypeShow}>
-                  {metadataParams.documentType && <>
-                    <TypeIcon iconName={metadataMap[metadataParams.documentType || 'book'].iconName || ''} className={s.iconShow} />
-                    {metadataMap[metadataParams.documentType || 'book'].text}
-                    {editStatus && <div className='ml-1 inline-flex items-center gap-1'>
-                      ·
-                      <div
-                        onClick={() => { setShowDocTypes(true) }}
-                        className='cursor-pointer hover:text-text-accent'
-                      >
-                        {t('common.operation.change')}
+                  : (
+                      <div className={s.documentTypeShow}>
+                        {metadataParams.documentType && (
+                          <>
+                            <TypeIcon iconName={metadataMap[metadataParams.documentType || 'book'].iconName || ''} className={s.iconShow} />
+                            {metadataMap[metadataParams.documentType || 'book'].text}
+                            {editStatus && (
+                              <div className="ml-1 inline-flex items-center gap-1">
+                                ·
+                                <div
+                                  onClick={() => { setShowDocTypes(true) }}
+                                  className="cursor-pointer hover:text-text-accent"
+                                >
+                                  {t('common.operation.change')}
+                                </div>
+                              </div>
+                            )}
+                          </>
+                        )}
                       </div>
-                    </div>}
-                  </>}
-                </div>
-            }
-            {(!doc_type && showDocTypes) ? null : <Divider />}
-            {showDocTypes ? renderSelectDocType() : renderFieldInfos({ mainField: metadataParams.documentType, canEdit: editStatus })}
-            {/* show fixed fields */}
-            <Divider />
-            {renderFieldInfos({ mainField: 'originInfo', canEdit: false })}
-            <div className={`${s.title} mt-8`}>{metadataMap.technicalParameters.text}</div>
-            <Divider />
-            {renderFieldInfos({ mainField: 'technicalParameters', canEdit: false })}
-          </>
-        )}
+                    )}
+              {(!doc_type && showDocTypes) ? null : <Divider />}
+              {showDocTypes ? renderSelectDocType() : renderFieldInfos({ mainField: metadataParams.documentType, canEdit: editStatus })}
+              {/* show fixed fields */}
+              <Divider />
+              {renderFieldInfos({ mainField: 'originInfo', canEdit: false })}
+              <div className={`${s.title} mt-8`}>{metadataMap.technicalParameters.text}</div>
+              <Divider />
+              {renderFieldInfos({ mainField: 'technicalParameters', canEdit: false })}
+            </>
+          )}
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/new-segment.tsx b/web/app/components/datasets/documents/detail/new-segment.tsx
index d6fc1f8654..c5aa12036e 100644
--- a/web/app/components/datasets/documents/detail/new-segment.tsx
+++ b/web/app/components/datasets/documents/detail/new-segment.tsx
@@ -1,28 +1,29 @@
-import { memo, useCallback, useMemo, useRef, useState } from 'react'
 import type { FC } from 'react'
+import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
+import type { SegmentUpdater } from '@/models/datasets'
+import { RiCloseLine, RiExpandDiagonalLine } from '@remixicon/react'
+import { useParams } from 'next/navigation'
+import { memo, useCallback, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { useParams } from 'next/navigation'
-import { RiCloseLine, RiExpandDiagonalLine } from '@remixicon/react'
 import { useShallow } from 'zustand/react/shallow'
-import { useSegmentListContext } from './completed'
-import { SegmentIndexTag } from './completed/common/segment-index-tag'
-import ActionButtons from './completed/common/action-buttons'
-import Keywords from './completed/common/keywords'
-import ChunkContent from './completed/common/chunk-content'
-import AddAnother from './completed/common/add-another'
-import Dot from './completed/common/dot'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import Divider from '@/app/components/base/divider'
 import { ToastContext } from '@/app/components/base/toast'
-import { ChunkingMode, type SegmentUpdater } from '@/models/datasets'
+import ImageUploaderInChunk from '@/app/components/datasets/common/image-uploader/image-uploader-in-chunk'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { ChunkingMode } from '@/models/datasets'
+import { useAddSegment } from '@/service/knowledge/use-segment'
 import { cn } from '@/utils/classnames'
 import { formatNumber } from '@/utils/format'
-import Divider from '@/app/components/base/divider'
-import { useAddSegment } from '@/service/knowledge/use-segment'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { IndexingType } from '../../create/step-two'
-import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
-import ImageUploaderInChunk from '@/app/components/datasets/common/image-uploader/image-uploader-in-chunk'
+import { useSegmentListContext } from './completed'
+import ActionButtons from './completed/common/action-buttons'
+import AddAnother from './completed/common/add-another'
+import ChunkContent from './completed/common/chunk-content'
+import Dot from './completed/common/dot'
+import Keywords from './completed/common/keywords'
+import { SegmentIndexTag } from './completed/common/segment-index-tag'
 
 type NewSegmentModalProps = {
   onCancel: () => void
@@ -42,7 +43,7 @@ const NewSegmentModal: FC<NewSegmentModalProps> = ({
   const [question, setQuestion] = useState('')
   const [answer, setAnswer] = useState('')
   const [attachments, setAttachments] = useState<FileEntity[]>([])
-  const { datasetId, documentId } = useParams<{ datasetId: string; documentId: string }>()
+  const { datasetId, documentId } = useParams<{ datasetId: string, documentId: string }>()
   const [keywords, setKeywords] = useState<string[]>([])
   const [loading, setLoading] = useState(false)
   const [addAnother, setAddAnother] = useState(true)
@@ -57,14 +58,15 @@ const NewSegmentModal: FC<NewSegmentModalProps> = ({
 
   const CustomButton = useMemo(() => (
     <>
-      <Divider type='vertical' className='mx-1 h-3 bg-divider-regular' />
+      <Divider type="vertical" className="mx-1 h-3 bg-divider-regular" />
       <button
-        type='button'
-        className='system-xs-semibold text-text-accent'
+        type="button"
+        className="system-xs-semibold text-text-accent"
         onClick={() => {
           clearTimeout(refreshTimer.current)
           viewNewlyAddedChunk()
-        }}>
+        }}
+      >
         {t('common.operation.view')}
       </button>
     </>
@@ -151,39 +153,38 @@ const NewSegmentModal: FC<NewSegmentModalProps> = ({
   const isECOIndexing = indexingTechnique === IndexingType.ECONOMICAL
 
   return (
-    <div className={'flex h-full flex-col'}>
+    <div className="flex h-full flex-col">
       <div
-        className={cn('flex items-center justify-between',
-          fullScreen ? 'border border-divider-subtle py-3 pl-6 pr-4' : 'pl-4 pr-3 pt-3')}
+        className={cn('flex items-center justify-between', fullScreen ? 'border border-divider-subtle py-3 pl-6 pr-4' : 'pl-4 pr-3 pt-3')}
       >
-        <div className='flex flex-col'>
-          <div className='system-xl-semibold text-text-primary'>
+        <div className="flex flex-col">
+          <div className="system-xl-semibold text-text-primary">
             {t('datasetDocuments.segment.addChunk')}
           </div>
-          <div className='flex items-center gap-x-2'>
+          <div className="flex items-center gap-x-2">
             <SegmentIndexTag label={t('datasetDocuments.segment.newChunk')!} />
             <Dot />
-            <span className='system-xs-medium text-text-tertiary'>{wordCountText}</span>
+            <span className="system-xs-medium text-text-tertiary">{wordCountText}</span>
           </div>
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           {fullScreen && (
             <>
-              <AddAnother className='mr-3' isChecked={addAnother} onCheck={() => setAddAnother(!addAnother)} />
+              <AddAnother className="mr-3" isChecked={addAnother} onCheck={() => setAddAnother(!addAnother)} />
               <ActionButtons
                 handleCancel={handleCancel.bind(null, 'esc')}
                 handleSave={handleSave}
                 loading={loading}
-                actionType='add'
+                actionType="add"
               />
-              <Divider type='vertical' className='ml-4 mr-2 h-3.5 bg-divider-regular' />
+              <Divider type="vertical" className="ml-4 mr-2 h-3.5 bg-divider-regular" />
             </>
           )}
-          <div className='mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={toggleFullScreen}>
-            <RiExpandDiagonalLine className='h-4 w-4 text-text-tertiary' />
+          <div className="mr-1 flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={toggleFullScreen}>
+            <RiExpandDiagonalLine className="h-4 w-4 text-text-tertiary" />
           </div>
-          <div className='flex h-8 w-8 cursor-pointer items-center justify-center p-1.5' onClick={handleCancel.bind(null, 'esc')}>
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <div className="flex h-8 w-8 cursor-pointer items-center justify-center p-1.5" onClick={handleCancel.bind(null, 'esc')}>
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
@@ -207,7 +208,7 @@ const NewSegmentModal: FC<NewSegmentModalProps> = ({
           {isECOIndexing && (
             <Keywords
               className={fullScreen ? 'w-1/5' : ''}
-              actionType='add'
+              actionType="add"
               keywords={keywords}
               isEditMode={true}
               onKeywordsChange={keywords => setKeywords(keywords)}
@@ -216,13 +217,13 @@ const NewSegmentModal: FC<NewSegmentModalProps> = ({
         </div>
       </div>
       {!fullScreen && (
-        <div className='flex items-center justify-between border-t-[1px] border-t-divider-subtle p-4 pt-3'>
+        <div className="flex items-center justify-between border-t-[1px] border-t-divider-subtle p-4 pt-3">
           <AddAnother isChecked={addAnother} onCheck={() => setAddAnother(!addAnother)} />
           <ActionButtons
             handleCancel={handleCancel.bind(null, 'esc')}
             handleSave={handleSave}
             loading={loading}
-            actionType='add'
+            actionType="add"
           />
         </div>
       )}
diff --git a/web/app/components/datasets/documents/detail/segment-add/index.tsx b/web/app/components/datasets/documents/detail/segment-add/index.tsx
index 7d6519054b..eed48eac6a 100644
--- a/web/app/components/datasets/documents/detail/segment-add/index.tsx
+++ b/web/app/components/datasets/documents/detail/segment-add/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
   RiArrowDownSLine,
   RiErrorWarningFill,
   RiLoader2Line,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { useBoolean } from 'ahooks'
+import React, { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { CheckCircle } from '@/app/components/base/icons/src/vender/solid/general'
 import Popover from '@/app/components/base/popover'
-import { useBoolean } from 'ahooks'
-import { useProviderContext } from '@/context/provider-context'
 import PlanUpgradeModal from '@/app/components/billing/plan-upgrade-modal'
 import { Plan } from '@/app/components/billing/type'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
 
 export type ISegmentAddProps = {
   importStatus: ProcessStatus | string | undefined
@@ -66,36 +66,37 @@ const SegmentAdd: FC<ISegmentAddProps> = ({
     return (
       <>
         {(importStatus === ProcessStatus.WAITING || importStatus === ProcessStatus.PROCESSING) && (
-          <div className='relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-progress-bar-border
+          <div className="relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-progress-bar-border
             bg-components-progress-bar-border px-2.5 py-2 text-components-button-secondary-accent-text
-            shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'>
+            shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]"
+          >
             <div className={cn('absolute left-0 top-0 z-0 h-full border-r-[1.5px] border-r-components-progress-bar-progress-highlight bg-components-progress-bar-progress', importStatus === ProcessStatus.WAITING ? 'w-3/12' : 'w-2/3')} />
-            <RiLoader2Line className='mr-1 h-4 w-4 animate-spin' />
-            <span className='system-sm-medium z-10 pr-0.5'>{t('datasetDocuments.list.batchModal.processing')}</span>
+            <RiLoader2Line className="mr-1 h-4 w-4 animate-spin" />
+            <span className="system-sm-medium z-10 pr-0.5">{t('datasetDocuments.list.batchModal.processing')}</span>
           </div>
         )}
         {importStatus === ProcessStatus.COMPLETED && (
-          <div className='relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'>
-            <div className='inline-flex items-center border-r border-r-divider-subtle px-2.5 py-2 text-text-success'>
-              <CheckCircle className='mr-1 h-4 w-4' />
-              <span className='system-sm-medium pr-0.5'>{t('datasetDocuments.list.batchModal.completed')}</span>
+          <div className="relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]">
+            <div className="inline-flex items-center border-r border-r-divider-subtle px-2.5 py-2 text-text-success">
+              <CheckCircle className="mr-1 h-4 w-4" />
+              <span className="system-sm-medium pr-0.5">{t('datasetDocuments.list.batchModal.completed')}</span>
             </div>
-            <div className='m-1 inline-flex items-center'>
-              <span className='system-xs-medium cursor-pointer rounded-md px-1.5 py-1 text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover' onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span>
+            <div className="m-1 inline-flex items-center">
+              <span className="system-xs-medium cursor-pointer rounded-md px-1.5 py-1 text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover" onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span>
             </div>
-            <div className='absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-process-success-bg opacity-40' />
+            <div className="absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-process-success-bg opacity-40" />
           </div>
         )}
         {importStatus === ProcessStatus.ERROR && (
-          <div className='relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'>
-            <div className='inline-flex items-center border-r border-r-divider-subtle px-2.5 py-2 text-text-destructive'>
-              <RiErrorWarningFill className='mr-1 h-4 w-4' />
-              <span className='system-sm-medium pr-0.5'>{t('datasetDocuments.list.batchModal.error')}</span>
+          <div className="relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]">
+            <div className="inline-flex items-center border-r border-r-divider-subtle px-2.5 py-2 text-text-destructive">
+              <RiErrorWarningFill className="mr-1 h-4 w-4" />
+              <span className="system-sm-medium pr-0.5">{t('datasetDocuments.list.batchModal.error')}</span>
             </div>
-            <div className='m-1 inline-flex items-center'>
-              <span className='system-xs-medium cursor-pointer rounded-md px-1.5 py-1 text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover' onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span>
+            <div className="m-1 inline-flex items-center">
+              <span className="system-xs-medium cursor-pointer rounded-md px-1.5 py-1 text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover" onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span>
             </div>
-            <div className='absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-process-error-bg opacity-40' />
+            <div className="absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-process-error-bg opacity-40" />
           </div>
         )}
       </>
@@ -106,9 +107,10 @@ const SegmentAdd: FC<ISegmentAddProps> = ({
     <div className={cn(
       'relative z-20 flex items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]',
       embedding && 'border-components-button-secondary-border-disabled bg-components-button-secondary-bg-disabled',
-    )}>
+    )}
+    >
       <button
-        type='button'
+        type="button"
         className={`inline-flex items-center rounded-l-lg border-r-[1px] border-r-divider-subtle px-2.5 py-2
           hover:bg-state-base-hover disabled:cursor-not-allowed disabled:hover:bg-transparent`}
         onClick={withNeedUpgradeCheck(showNewSegmentModal)}
@@ -120,34 +122,34 @@ const SegmentAdd: FC<ISegmentAddProps> = ({
         </span>
       </button>
       <Popover
-        position='br'
+        position="br"
         manualClose
-        trigger='click'
-        htmlContent={
+        trigger="click"
+        htmlContent={(
           // need to wrapper the button with div when manualClose is true
-          <div className='w-full p-1'>
+          <div className="w-full p-1">
             <button
-              type='button'
-              className='system-md-regular flex w-full items-center rounded-lg px-2 py-1.5 text-text-secondary'
+              type="button"
+              className="system-md-regular flex w-full items-center rounded-lg px-2 py-1.5 text-text-secondary"
               onClick={withNeedUpgradeCheck(showBatchModal)}
             >
               {t('datasetDocuments.list.action.batchAdd')}
             </button>
           </div>
-        }
-        btnElement={
-          <div className='flex items-center justify-center' >
+        )}
+        btnElement={(
+          <div className="flex items-center justify-center">
             <RiArrowDownSLine className={cn('h-4 w-4', textColor)} />
           </div>
-        }
+        )}
         btnClassName={open => cn(
           `!hover:bg-state-base-hover !rounded-l-none !rounded-r-lg !border-0 !p-2 backdrop-blur-[5px]
           disabled:cursor-not-allowed disabled:bg-transparent disabled:hover:bg-transparent`,
           open ? '!bg-state-base-hover' : '',
         )}
-        popupClassName='!min-w-[128px] !bg-components-panel-bg-blur !rounded-xl border-[0.5px] !ring-0
-          border-components-panel-border !shadow-xl !shadow-shadow-shadow-5 backdrop-blur-[5px]'
-        className='h-fit min-w-[128px]'
+        popupClassName="!min-w-[128px] !bg-components-panel-bg-blur !rounded-xl border-[0.5px] !ring-0
+          border-components-panel-border !shadow-xl !shadow-shadow-shadow-5 backdrop-blur-[5px]"
+        className="h-fit min-w-[128px]"
         disabled={embedding}
       />
       {isShowPlanUpgradeModal && (
diff --git a/web/app/components/datasets/documents/detail/settings/document-settings.tsx b/web/app/components/datasets/documents/detail/settings/document-settings.tsx
index 16c90c925f..96ac687d7a 100644
--- a/web/app/components/datasets/documents/detail/settings/document-settings.tsx
+++ b/web/app/components/datasets/documents/detail/settings/document-settings.tsx
@@ -1,9 +1,4 @@
-import React, { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import { useContext } from 'use-context-selector'
-import { useRouter } from 'next/navigation'
-import DatasetDetailContext from '@/context/dataset-detail'
+import type { DataSourceProvider, NotionPage } from '@/models/common'
 import type {
   CrawlOptions,
   CustomFile,
@@ -14,14 +9,18 @@ import type {
   OnlineDocumentInfo,
   WebsiteCrawlInfo,
 } from '@/models/datasets'
-import type { DataSourceProvider } from '@/models/common'
+import { useBoolean } from 'ahooks'
+import { useRouter } from 'next/navigation'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import AppUnavailable from '@/app/components/base/app-unavailable'
 import Loading from '@/app/components/base/loading'
 import StepTwo from '@/app/components/datasets/create/step-two'
 import AccountSetting from '@/app/components/header/account-setting'
-import AppUnavailable from '@/app/components/base/app-unavailable'
-import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { NotionPage } from '@/models/common'
+import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import DatasetDetailContext from '@/context/dataset-detail'
 import { useDocumentDetail, useInvalidDocumentDetail, useInvalidDocumentList } from '@/service/knowledge/use-document'
 
 type DocumentSettingsProps = {
@@ -129,9 +128,9 @@ const DocumentSettings = ({ datasetId, documentId }: DocumentSettingsProps) => {
     return <AppUnavailable code={500} unknownReason={t('datasetCreation.error.unavailable') as string} />
 
   return (
-    <div className='flex' style={{ height: 'calc(100vh - 56px)' }}>
-      <div className='grow'>
-        {!documentDetail && <Loading type='app' />}
+    <div className="flex" style={{ height: 'calc(100vh - 56px)' }}>
+      <div className="grow">
+        {!documentDetail && <Loading type="app" />}
         {dataset && documentDetail && (
           <StepTwo
             isAPIKeySet={!!embeddingsDefaultModel}
@@ -153,9 +152,14 @@ const DocumentSettings = ({ datasetId, documentId }: DocumentSettingsProps) => {
           />
         )}
       </div>
-      {isShowSetAPIKey && <AccountSetting activeTab='provider' onCancel={async () => {
-        hideSetAPIkey()
-      }} />}
+      {isShowSetAPIKey && (
+        <AccountSetting
+          activeTab="provider"
+          onCancel={async () => {
+            hideSetAPIkey()
+          }}
+        />
+      )}
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.spec.tsx b/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.spec.tsx
index e7c8077c69..efec45be0b 100644
--- a/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.spec.tsx
+++ b/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.spec.tsx
@@ -1,8 +1,8 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import PipelineSettings from './index'
-import { DatasourceType } from '@/models/pipeline'
 import type { PipelineExecutionLogResponse } from '@/models/pipeline'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { DatasourceType } from '@/models/pipeline'
+import PipelineSettings from './index'
 
 // Mock Next.js router
 const mockPush = vi.fn()
@@ -17,7 +17,7 @@ vi.mock('next/navigation', () => ({
 // Mock dataset detail context
 const mockPipelineId = 'pipeline-123'
 vi.mock('@/context/dataset-detail', () => ({
-  useDatasetDetailContextWithSelector: (selector: (state: { dataset: { pipeline_id: string; doc_form: string } }) => unknown) =>
+  useDatasetDetailContextWithSelector: (selector: (state: { dataset: { pipeline_id: string, doc_form: string } }) => unknown) =>
     selector({ dataset: { pipeline_id: mockPipelineId, doc_form: 'text_model' } }),
 }))
 
@@ -26,7 +26,7 @@ const mockUsePipelineExecutionLog = vi.fn()
 const mockMutateAsync = vi.fn()
 const mockUseRunPublishedPipeline = vi.fn()
 vi.mock('@/service/use-pipeline', () => ({
-  usePipelineExecutionLog: (params: { dataset_id: string; document_id: string }) => mockUsePipelineExecutionLog(params),
+  usePipelineExecutionLog: (params: { dataset_id: string, document_id: string }) => mockUsePipelineExecutionLog(params),
   useRunPublishedPipeline: () => mockUseRunPublishedPipeline(),
   // For ProcessDocuments component
   usePublishedPipelineProcessingParams: () => ({
@@ -55,7 +55,7 @@ vi.mock('../../../create-from-pipeline/process-documents/form', () => ({
   }: {
     ref: React.RefObject<{ submit: () => void }>
     initialData: Record<string, unknown>
-    configurations: Array<{ variable: string; label: string; type: string }>
+    configurations: Array<{ variable: string, label: string, type: string }>
     schema: unknown
     onSubmit: (data: Record<string, unknown>) => void
     onPreview: () => void
diff --git a/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.tsx b/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.tsx
index 0381222415..2d71fa9e7d 100644
--- a/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.tsx
+++ b/web/app/components/datasets/documents/detail/settings/pipeline-settings/index.tsx
@@ -1,19 +1,19 @@
-import { useCallback, useMemo, useRef, useState } from 'react'
-import type { CrawlResultItem, CustomFile, FileIndexingEstimateResponse } from '@/models/datasets'
 import type { NotionPage } from '@/models/common'
+import type { CrawlResultItem, CustomFile, FileIndexingEstimateResponse } from '@/models/datasets'
+import type { OnlineDriveFile, PublishedPipelineRunPreviewResponse } from '@/models/pipeline'
+import { noop } from 'lodash-es'
+import { useRouter } from 'next/navigation'
+import { useCallback, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import AppUnavailable from '@/app/components/base/app-unavailable'
-import ChunkPreview from '../../../create-from-pipeline/preview/chunk-preview'
 import Loading from '@/app/components/base/loading'
-import ProcessDocuments from './process-documents'
-import LeftHeader from './left-header'
-import { usePipelineExecutionLog, useRunPublishedPipeline } from '@/service/use-pipeline'
-import type { OnlineDriveFile, PublishedPipelineRunPreviewResponse } from '@/models/pipeline'
-import { DatasourceType } from '@/models/pipeline'
-import { noop } from 'lodash-es'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import { useRouter } from 'next/navigation'
+import { DatasourceType } from '@/models/pipeline'
 import { useInvalidDocumentDetail, useInvalidDocumentList } from '@/service/knowledge/use-document'
+import { usePipelineExecutionLog, useRunPublishedPipeline } from '@/service/use-pipeline'
+import ChunkPreview from '../../../create-from-pipeline/preview/chunk-preview'
+import LeftHeader from './left-header'
+import ProcessDocuments from './process-documents'
 
 type PipelineSettingsProps = {
   datasetId: string
@@ -156,7 +156,7 @@ const PipelineSettings = ({
 
   if (isFetchingLastRunData) {
     return (
-      <Loading type='app' />
+      <Loading type="app" />
     )
   }
 
@@ -165,12 +165,12 @@ const PipelineSettings = ({
 
   return (
     <div
-      className='relative flex h-[calc(100vh-56px)] min-w-[1024px] overflow-x-auto rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle'
+      className="relative flex h-[calc(100vh-56px)] min-w-[1024px] overflow-x-auto rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle"
     >
-      <div className='h-full min-w-0 flex-1'>
-        <div className='flex h-full flex-col px-14'>
+      <div className="h-full min-w-0 flex-1">
+        <div className="flex h-full flex-col px-14">
           <LeftHeader title={t('datasetPipeline.documentSettings.title')} />
-          <div className='grow overflow-y-auto'>
+          <div className="grow overflow-y-auto">
             <ProcessDocuments
               ref={formRef}
               lastRunInputData={lastRunData!.input_data}
@@ -184,8 +184,8 @@ const PipelineSettings = ({
         </div>
       </div>
       {/* Preview */}
-      <div className='h-full min-w-0 flex-1'>
-        <div className='flex h-full flex-col pl-2 pt-2'>
+      <div className="h-full min-w-0 flex-1">
+        <div className="flex h-full flex-col pl-2 pt-2">
           <ChunkPreview
             dataSourceType={lastRunData!.datasource_type}
             localFiles={files}
diff --git a/web/app/components/datasets/documents/detail/settings/pipeline-settings/left-header.tsx b/web/app/components/datasets/documents/detail/settings/pipeline-settings/left-header.tsx
index b5660259a8..fb7d1356c1 100644
--- a/web/app/components/datasets/documents/detail/settings/pipeline-settings/left-header.tsx
+++ b/web/app/components/datasets/documents/detail/settings/pipeline-settings/left-header.tsx
@@ -1,9 +1,9 @@
-import React, { useCallback } from 'react'
 import { RiArrowLeftLine } from '@remixicon/react'
-import Button from '@/app/components/base/button'
 import { useRouter } from 'next/navigation'
-import Effect from '@/app/components/base/effect'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Effect from '@/app/components/base/effect'
 
 type LeftHeaderProps = {
   title: string
@@ -20,22 +20,22 @@ const LeftHeader = ({
   }, [back])
 
   return (
-    <div className='relative flex flex-col gap-y-0.5 pb-2 pt-4'>
-      <div className='system-2xs-semibold-uppercase bg-pipeline-add-documents-title-bg bg-clip-text text-transparent'>
+    <div className="relative flex flex-col gap-y-0.5 pb-2 pt-4">
+      <div className="system-2xs-semibold-uppercase bg-pipeline-add-documents-title-bg bg-clip-text text-transparent">
         {title}
       </div>
-      <div className='system-md-semibold text-text-primary'>
+      <div className="system-md-semibold text-text-primary">
         {t('datasetPipeline.addDocuments.steps.processDocuments')}
       </div>
       <Button
-        variant='secondary-accent'
-        className='absolute -left-11 top-3.5 size-9 rounded-full p-0'
+        variant="secondary-accent"
+        className="absolute -left-11 top-3.5 size-9 rounded-full p-0"
         onClick={navigateBack}
         aria-label={t('common.operation.back')}
       >
-        <RiArrowLeftLine className='size-5 ' />
+        <RiArrowLeftLine className="size-5 " />
       </Button>
-      <Effect className='left-8 top-[-34px] opacity-20' />
+      <Effect className="left-8 top-[-34px] opacity-20" />
     </div>
   )
 }
diff --git a/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/actions.tsx b/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/actions.tsx
index 6505566b89..c14a722ade 100644
--- a/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/actions.tsx
+++ b/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/actions.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import Button from '@/app/components/base/button'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 
 type ActionsProps = {
   runDisabled?: boolean
@@ -14,9 +14,9 @@ const Actions = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center justify-end'>
+    <div className="flex items-center justify-end">
       <Button
-        variant='primary'
+        variant="primary"
         onClick={onProcess}
         disabled={runDisabled}
       >
diff --git a/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.spec.tsx b/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.spec.tsx
index f59d16f6d3..d0d8da43cf 100644
--- a/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.spec.tsx
+++ b/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.spec.tsx
@@ -1,8 +1,8 @@
-import { fireEvent, render, screen } from '@testing-library/react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import ProcessDocuments from './index'
-import { PipelineInputVarType } from '@/models/pipeline'
 import type { RAGPipelineVariable } from '@/models/pipeline'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { PipelineInputVarType } from '@/models/pipeline'
+import ProcessDocuments from './index'
 
 // Mock dataset detail context - required for useInputVariables hook
 const mockPipelineId = 'pipeline-123'
@@ -33,7 +33,7 @@ vi.mock('../../../../create-from-pipeline/process-documents/form', () => ({
   }: {
     ref: React.RefObject<{ submit: () => void }>
     initialData: Record<string, unknown>
-    configurations: Array<{ variable: string; label: string; type: string }>
+    configurations: Array<{ variable: string, label: string, type: string }>
     schema: unknown
     onSubmit: (data: Record<string, unknown>) => void
     onPreview: () => void
diff --git a/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.tsx b/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.tsx
index f53ddd3cc0..6f892216d8 100644
--- a/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.tsx
+++ b/web/app/components/datasets/documents/detail/settings/pipeline-settings/process-documents/index.tsx
@@ -1,8 +1,8 @@
 import { generateZodSchema } from '@/app/components/base/form/form-scenarios/base/utils'
-import { useInputVariables } from './hooks'
-import Actions from './actions'
-import Form from '../../../../create-from-pipeline/process-documents/form'
 import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
+import Form from '../../../../create-from-pipeline/process-documents/form'
+import Actions from './actions'
+import { useInputVariables } from './hooks'
 
 type ProcessDocumentsProps = {
   datasourceNodeId: string
@@ -29,7 +29,7 @@ const ProcessDocuments = ({
   const schema = generateZodSchema(configurations)
 
   return (
-    <div className='flex flex-col gap-y-4 pt-4'>
+    <div className="flex flex-col gap-y-4 pt-4">
       <Form
         ref={ref}
         initialData={initialData}
diff --git a/web/app/components/datasets/documents/hooks/use-document-list-query-state.ts b/web/app/components/datasets/documents/hooks/use-document-list-query-state.ts
index f2a251d99d..505f15efc0 100644
--- a/web/app/components/datasets/documents/hooks/use-document-list-query-state.ts
+++ b/web/app/components/datasets/documents/hooks/use-document-list-query-state.ts
@@ -1,7 +1,8 @@
-import { type ReadonlyURLSearchParams, usePathname, useRouter, useSearchParams } from 'next/navigation'
+import type { ReadonlyURLSearchParams } from 'next/navigation'
+import type { SortType } from '@/service/datasets'
+import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { useCallback, useMemo } from 'react'
 import { sanitizeStatusValue } from '../status-filter'
-import type { SortType } from '@/service/datasets'
 
 const ALLOWED_SORT_VALUES: SortType[] = ['-created_at', 'created_at', '-hit_count', 'hit_count']
 
diff --git a/web/app/components/datasets/documents/index.tsx b/web/app/components/datasets/documents/index.tsx
index c6808dbfaf..6a8a8ca563 100644
--- a/web/app/components/datasets/documents/index.tsx
+++ b/web/app/components/datasets/documents/index.tsx
@@ -1,80 +1,94 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-import { useDebounce, useDebounceFn } from 'ahooks'
+import type { Item } from '@/app/components/base/select'
+import type { SortType } from '@/service/datasets'
 import { PlusIcon } from '@heroicons/react/24/solid'
 import { RiDraftLine, RiExternalLinkLine } from '@remixicon/react'
-import AutoDisabledDocument from '../common/document-status-with-action/auto-disabled-document'
-import List from './list'
-import s from './style.module.css'
-import Loading from '@/app/components/base/loading'
+import { useDebounce, useDebounceFn } from 'ahooks'
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import { DataSourceType } from '@/models/datasets'
+import Loading from '@/app/components/base/loading'
 import IndexFailed from '@/app/components/datasets/common/document-status-with-action/index-failed'
-import { useProviderContext } from '@/context/provider-context'
-import { cn } from '@/utils/classnames'
-import { useDocumentList, useInvalidDocumentDetail, useInvalidDocumentList } from '@/service/knowledge/use-document'
-import { useInvalid } from '@/service/use-base'
-import { useChildSegmentListKey, useSegmentListKey } from '@/service/knowledge/use-segment'
-import useDocumentListQueryState from './hooks/use-document-list-query-state'
-import useEditDocumentMetadata from '../metadata/hooks/use-edit-dataset-metadata'
-import DatasetMetadataDrawer from '../metadata/metadata-dataset/dataset-metadata-drawer'
-import StatusWithAction from '../common/document-status-with-action/status-with-action'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { useDocLink } from '@/context/i18n'
+import { useProviderContext } from '@/context/provider-context'
+import { DataSourceType } from '@/models/datasets'
+import { useDocumentList, useInvalidDocumentDetail, useInvalidDocumentList } from '@/service/knowledge/use-document'
+import { useChildSegmentListKey, useSegmentListKey } from '@/service/knowledge/use-segment'
+import { useInvalid } from '@/service/use-base'
+import { cn } from '@/utils/classnames'
 import Chip from '../../base/chip'
 import Sort from '../../base/sort'
-import type { SortType } from '@/service/datasets'
-import type { Item } from '@/app/components/base/select'
-import { useIndexStatus } from './status-item/hooks'
+import AutoDisabledDocument from '../common/document-status-with-action/auto-disabled-document'
+import StatusWithAction from '../common/document-status-with-action/status-with-action'
+import useEditDocumentMetadata from '../metadata/hooks/use-edit-dataset-metadata'
+import DatasetMetadataDrawer from '../metadata/metadata-dataset/dataset-metadata-drawer'
+import useDocumentListQueryState from './hooks/use-document-list-query-state'
+import List from './list'
 import { normalizeStatusForQuery, sanitizeStatusValue } from './status-filter'
+import { useIndexStatus } from './status-item/hooks'
+import s from './style.module.css'
 
 const FolderPlusIcon = ({ className }: React.SVGProps<SVGElement>) => {
-  return <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
-    <path d="M10.8332 5.83333L9.90355 3.9741C9.63601 3.439 9.50222 3.17144 9.30265 2.97597C9.12615 2.80311 8.91344 2.67164 8.6799 2.59109C8.41581 2.5 8.11668 2.5 7.51841 2.5H4.33317C3.39975 2.5 2.93304 2.5 2.57652 2.68166C2.26292 2.84144 2.00795 3.09641 1.84816 3.41002C1.6665 3.76654 1.6665 4.23325 1.6665 5.16667V5.83333M1.6665 5.83333H14.3332C15.7333 5.83333 16.4334 5.83333 16.9681 6.10582C17.4386 6.3455 17.821 6.72795 18.0607 7.19836C18.3332 7.73314 18.3332 8.4332 18.3332 9.83333V13.5C18.3332 14.9001 18.3332 15.6002 18.0607 16.135C17.821 16.6054 17.4386 16.9878 16.9681 17.2275C16.4334 17.5 15.7333 17.5 14.3332 17.5H5.6665C4.26637 17.5 3.56631 17.5 3.03153 17.2275C2.56112 16.9878 2.17867 16.6054 1.93899 16.135C1.6665 15.6002 1.6665 14.9001 1.6665 13.5V5.83333ZM9.99984 14.1667V9.16667M7.49984 11.6667H12.4998" stroke="#667085" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+  return (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
+      <path d="M10.8332 5.83333L9.90355 3.9741C9.63601 3.439 9.50222 3.17144 9.30265 2.97597C9.12615 2.80311 8.91344 2.67164 8.6799 2.59109C8.41581 2.5 8.11668 2.5 7.51841 2.5H4.33317C3.39975 2.5 2.93304 2.5 2.57652 2.68166C2.26292 2.84144 2.00795 3.09641 1.84816 3.41002C1.6665 3.76654 1.6665 4.23325 1.6665 5.16667V5.83333M1.6665 5.83333H14.3332C15.7333 5.83333 16.4334 5.83333 16.9681 6.10582C17.4386 6.3455 17.821 6.72795 18.0607 7.19836C18.3332 7.73314 18.3332 8.4332 18.3332 9.83333V13.5C18.3332 14.9001 18.3332 15.6002 18.0607 16.135C17.821 16.6054 17.4386 16.9878 16.9681 17.2275C16.4334 17.5 15.7333 17.5 14.3332 17.5H5.6665C4.26637 17.5 3.56631 17.5 3.03153 17.2275C2.56112 16.9878 2.17867 16.6054 1.93899 16.135C1.6665 15.6002 1.6665 14.9001 1.6665 13.5V5.83333ZM9.99984 14.1667V9.16667M7.49984 11.6667H12.4998" stroke="#667085" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
 }
 
 const ThreeDotsIcon = ({ className }: React.SVGProps<SVGElement>) => {
-  return <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
-    <path d="M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103" stroke="#374151" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+  return (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
+      <path d="M5 6.5V5M8.93934 7.56066L10 6.5M10.0103 11.5H11.5103" stroke="#374151" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
 }
 
 const NotionIcon = ({ className }: React.SVGProps<SVGElement>) => {
-  return <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
-    <g clipPath="url(#clip0_2164_11263)">
-      <path fillRule="evenodd" clipRule="evenodd" d="M3.5725 18.2611L1.4229 15.5832C0.905706 14.9389 0.625 14.1466 0.625 13.3312V3.63437C0.625 2.4129 1.60224 1.39936 2.86295 1.31328L12.8326 0.632614C13.5569 0.583164 14.2768 0.775682 14.8717 1.17794L18.3745 3.5462C19.0015 3.97012 19.375 4.66312 19.375 5.40266V16.427C19.375 17.6223 18.4141 18.6121 17.1798 18.688L6.11458 19.3692C5.12958 19.4298 4.17749 19.0148 3.5725 18.2611Z" fill="white" />
-      <path d="M7.03006 8.48669V8.35974C7.03006 8.03794 7.28779 7.77104 7.61997 7.74886L10.0396 7.58733L13.3857 12.5147V8.19009L12.5244 8.07528V8.01498C12.5244 7.68939 12.788 7.42074 13.1244 7.4035L15.326 7.29073V7.60755C15.326 7.75628 15.2154 7.88349 15.0638 7.90913L14.534 7.99874V15.0023L13.8691 15.231C13.3136 15.422 12.6952 15.2175 12.3772 14.7377L9.12879 9.83574V14.5144L10.1287 14.7057L10.1147 14.7985C10.0711 15.089 9.82028 15.3087 9.51687 15.3222L7.03006 15.4329C6.99718 15.1205 7.23132 14.841 7.55431 14.807L7.88143 14.7727V8.53453L7.03006 8.48669Z" fill="black" />
-      <path fillRule="evenodd" clipRule="evenodd" d="M12.9218 1.85424L2.95217 2.53491C2.35499 2.57568 1.89209 3.05578 1.89209 3.63437V13.3312C1.89209 13.8748 2.07923 14.403 2.42402 14.8325L4.57362 17.5104C4.92117 17.9434 5.46812 18.1818 6.03397 18.147L17.0991 17.4658C17.6663 17.4309 18.1078 16.9762 18.1078 16.427V5.40266C18.1078 5.06287 17.9362 4.74447 17.6481 4.54969L14.1453 2.18143C13.7883 1.94008 13.3564 1.82457 12.9218 1.85424ZM3.44654 3.78562C3.30788 3.68296 3.37387 3.46909 3.54806 3.4566L12.9889 2.77944C13.2897 2.75787 13.5886 2.8407 13.8318 3.01305L15.7261 4.35508C15.798 4.40603 15.7642 4.51602 15.6752 4.52086L5.67742 5.0646C5.37485 5.08106 5.0762 4.99217 4.83563 4.81406L3.44654 3.78562ZM5.20848 6.76919C5.20848 6.4444 5.47088 6.1761 5.80642 6.15783L16.3769 5.58216C16.7039 5.56435 16.9792 5.81583 16.9792 6.13239V15.6783C16.9792 16.0025 16.7177 16.2705 16.3829 16.2896L5.8793 16.8872C5.51537 16.9079 5.20848 16.6283 5.20848 16.2759V6.76919Z" fill="black" />
-    </g>
-    <defs>
-      <clipPath id="clip0_2164_11263">
-        <rect width="20" height="20" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+  return (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" className={className ?? ''}>
+      <g clipPath="url(#clip0_2164_11263)">
+        <path fillRule="evenodd" clipRule="evenodd" d="M3.5725 18.2611L1.4229 15.5832C0.905706 14.9389 0.625 14.1466 0.625 13.3312V3.63437C0.625 2.4129 1.60224 1.39936 2.86295 1.31328L12.8326 0.632614C13.5569 0.583164 14.2768 0.775682 14.8717 1.17794L18.3745 3.5462C19.0015 3.97012 19.375 4.66312 19.375 5.40266V16.427C19.375 17.6223 18.4141 18.6121 17.1798 18.688L6.11458 19.3692C5.12958 19.4298 4.17749 19.0148 3.5725 18.2611Z" fill="white" />
+        <path d="M7.03006 8.48669V8.35974C7.03006 8.03794 7.28779 7.77104 7.61997 7.74886L10.0396 7.58733L13.3857 12.5147V8.19009L12.5244 8.07528V8.01498C12.5244 7.68939 12.788 7.42074 13.1244 7.4035L15.326 7.29073V7.60755C15.326 7.75628 15.2154 7.88349 15.0638 7.90913L14.534 7.99874V15.0023L13.8691 15.231C13.3136 15.422 12.6952 15.2175 12.3772 14.7377L9.12879 9.83574V14.5144L10.1287 14.7057L10.1147 14.7985C10.0711 15.089 9.82028 15.3087 9.51687 15.3222L7.03006 15.4329C6.99718 15.1205 7.23132 14.841 7.55431 14.807L7.88143 14.7727V8.53453L7.03006 8.48669Z" fill="black" />
+        <path fillRule="evenodd" clipRule="evenodd" d="M12.9218 1.85424L2.95217 2.53491C2.35499 2.57568 1.89209 3.05578 1.89209 3.63437V13.3312C1.89209 13.8748 2.07923 14.403 2.42402 14.8325L4.57362 17.5104C4.92117 17.9434 5.46812 18.1818 6.03397 18.147L17.0991 17.4658C17.6663 17.4309 18.1078 16.9762 18.1078 16.427V5.40266C18.1078 5.06287 17.9362 4.74447 17.6481 4.54969L14.1453 2.18143C13.7883 1.94008 13.3564 1.82457 12.9218 1.85424ZM3.44654 3.78562C3.30788 3.68296 3.37387 3.46909 3.54806 3.4566L12.9889 2.77944C13.2897 2.75787 13.5886 2.8407 13.8318 3.01305L15.7261 4.35508C15.798 4.40603 15.7642 4.51602 15.6752 4.52086L5.67742 5.0646C5.37485 5.08106 5.0762 4.99217 4.83563 4.81406L3.44654 3.78562ZM5.20848 6.76919C5.20848 6.4444 5.47088 6.1761 5.80642 6.15783L16.3769 5.58216C16.7039 5.56435 16.9792 5.81583 16.9792 6.13239V15.6783C16.9792 16.0025 16.7177 16.2705 16.3829 16.2896L5.8793 16.8872C5.51537 16.9079 5.20848 16.6283 5.20848 16.2759V6.76919Z" fill="black" />
+      </g>
+      <defs>
+        <clipPath id="clip0_2164_11263">
+          <rect width="20" height="20" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
 }
 
-const EmptyElement: FC<{ canAdd: boolean; onClick: () => void; type?: 'upload' | 'sync' }> = ({ canAdd = true, onClick, type = 'upload' }) => {
+const EmptyElement: FC<{ canAdd: boolean, onClick: () => void, type?: 'upload' | 'sync' }> = ({ canAdd = true, onClick, type = 'upload' }) => {
   const { t } = useTranslation()
-  return <div className={s.emptyWrapper}>
-    <div className={s.emptyElement}>
-      <div className={s.emptySymbolIconWrapper}>
-        {type === 'upload' ? <FolderPlusIcon /> : <NotionIcon />}
+  return (
+    <div className={s.emptyWrapper}>
+      <div className={s.emptyElement}>
+        <div className={s.emptySymbolIconWrapper}>
+          {type === 'upload' ? <FolderPlusIcon /> : <NotionIcon />}
+        </div>
+        <span className={s.emptyTitle}>
+          {t('datasetDocuments.list.empty.title')}
+          <ThreeDotsIcon className="relative -left-1.5 -top-3 inline" />
+        </span>
+        <div className={s.emptyTip}>
+          {t(`datasetDocuments.list.empty.${type}.tip`)}
+        </div>
+        {type === 'upload' && canAdd && (
+          <Button onClick={onClick} className={s.addFileBtn} variant="secondary-accent">
+            <PlusIcon className={s.plusIcon} />
+            {t('datasetDocuments.list.addFile')}
+          </Button>
+        )}
       </div>
-      <span className={s.emptyTitle}>{t('datasetDocuments.list.empty.title')}<ThreeDotsIcon className='relative -left-1.5 -top-3 inline' /></span>
-      <div className={s.emptyTip}>
-        {t(`datasetDocuments.list.empty.${type}.tip`)}
-      </div>
-      {type === 'upload' && canAdd && <Button onClick={onClick} className={s.addFileBtn} variant='secondary-accent'>
-        <PlusIcon className={s.plusIcon} />{t('datasetDocuments.list.addFile')}
-      </Button>}
     </div>
-  </div>
+  )
 }
 
 type IDocumentsProps = {
@@ -283,26 +297,26 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
   })
 
   return (
-    <div className='flex h-full flex-col'>
-      <div className='flex flex-col justify-center gap-1 px-6 pt-4'>
-        <h1 className='text-base font-semibold text-text-primary'>{t('datasetDocuments.list.title')}</h1>
-        <div className='flex items-center space-x-0.5 text-sm font-normal text-text-tertiary'>
+    <div className="flex h-full flex-col">
+      <div className="flex flex-col justify-center gap-1 px-6 pt-4">
+        <h1 className="text-base font-semibold text-text-primary">{t('datasetDocuments.list.title')}</h1>
+        <div className="flex items-center space-x-0.5 text-sm font-normal text-text-tertiary">
           <span>{t('datasetDocuments.list.desc')}</span>
           <a
-            className='flex items-center text-text-accent'
-            target='_blank'
+            className="flex items-center text-text-accent"
+            target="_blank"
             href={docLink('/guides/knowledge-base/integrate-knowledge-within-application')}
           >
             <span>{t('datasetDocuments.list.learnMore')}</span>
-            <RiExternalLinkLine className='h-3 w-3' />
+            <RiExternalLinkLine className="h-3 w-3" />
           </a>
         </div>
       </div>
-      <div className='flex h-0 grow flex-col px-6 pt-4'>
-        <div className='flex flex-wrap items-center justify-between'>
-          <div className='flex items-center gap-2'>
+      <div className="flex h-0 grow flex-col px-6 pt-4">
+        <div className="flex flex-wrap items-center justify-between">
+          <div className="flex items-center gap-2">
             <Chip
-              className='w-[160px]'
+              className="w-[160px]"
               showLeftIcon={false}
               value={statusFilterValue}
               items={statusFilterItems}
@@ -323,12 +337,12 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
             <Input
               showLeftIcon
               showClearIcon
-              wrapperClassName='!w-[200px]'
+              wrapperClassName="!w-[200px]"
               value={inputValue}
               onChange={e => handleInputChange(e.target.value)}
               onClear={() => handleInputChange('')}
             />
-            <div className='h-3.5 w-px bg-divider-regular'></div>
+            <div className="h-3.5 w-px bg-divider-regular"></div>
             <Sort
               order={sortValue.startsWith('-') ? '-' : ''}
               value={sortValue.replace('-', '')}
@@ -343,13 +357,13 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
               }}
             />
           </div>
-          <div className='flex !h-8 items-center justify-center gap-2'>
+          <div className="flex !h-8 items-center justify-center gap-2">
             {!isFreePlan && <AutoDisabledDocument datasetId={datasetId} />}
             <IndexFailed datasetId={datasetId} />
-            {!embeddingAvailable && <StatusWithAction type='warning' description={t('dataset.embeddingModelNotAvailable')} />}
+            {!embeddingAvailable && <StatusWithAction type="warning" description={t('dataset.embeddingModelNotAvailable')} />}
             {embeddingAvailable && (
-              <Button variant='secondary' className='shrink-0' onClick={showEditMetadataModal}>
-                <RiDraftLine className='mr-1 size-4' />
+              <Button variant="secondary" className="shrink-0" onClick={showEditMetadataModal}>
+                <RiDraftLine className="mr-1 size-4" />
                 {t('dataset.metadata.metadata')}
               </Button>
             )}
@@ -366,7 +380,7 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
               />
             )}
             {embeddingAvailable && (
-              <Button variant='primary' onClick={routeToDocCreate} className='shrink-0'>
+              <Button variant="primary" onClick={routeToDocCreate} className="shrink-0">
                 <PlusIcon className={cn('mr-2 h-4 w-4 stroke-current')} />
                 {isDataSourceNotion && t('datasetDocuments.list.addPages')}
                 {isDataSourceWeb && t('datasetDocuments.list.addUrl')}
@@ -376,37 +390,36 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
           </div>
         </div>
         {isListLoading
-          ? <Loading type='app' />
+          ? <Loading type="app" />
           // eslint-disable-next-line sonarjs/no-nested-conditional
           : total > 0
             ? (
-              <List
-                embeddingAvailable={embeddingAvailable}
-                documents={documentsList || []}
-                datasetId={datasetId}
-                onUpdate={handleUpdate}
-                selectedIds={selectedIds}
-                onSelectedIdChange={setSelectedIds}
-                statusFilterValue={normalizedStatusFilterValue}
-                remoteSortValue={sortValue}
-                pagination={{
-                  total,
-                  limit,
-                  onLimitChange: handleLimitChange,
-                  current: currPage,
-                  onChange: handlePageChange,
-                }}
-                onManageMetadata={showEditMetadataModal}
-              />
-            )
+                <List
+                  embeddingAvailable={embeddingAvailable}
+                  documents={documentsList || []}
+                  datasetId={datasetId}
+                  onUpdate={handleUpdate}
+                  selectedIds={selectedIds}
+                  onSelectedIdChange={setSelectedIds}
+                  statusFilterValue={normalizedStatusFilterValue}
+                  remoteSortValue={sortValue}
+                  pagination={{
+                    total,
+                    limit,
+                    onLimitChange: handleLimitChange,
+                    current: currPage,
+                    onChange: handlePageChange,
+                  }}
+                  onManageMetadata={showEditMetadataModal}
+                />
+              )
             : (
-              <EmptyElement
-                canAdd={embeddingAvailable}
-                onClick={routeToDocCreate}
-                type={isDataSourceNotion ? 'sync' : 'upload'}
-              />
-            )
-        }
+                <EmptyElement
+                  canAdd={embeddingAvailable}
+                  onClick={routeToDocCreate}
+                  type={isDataSourceNotion ? 'sync' : 'upload'}
+                />
+              )}
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/documents/list.tsx b/web/app/components/datasets/documents/list.tsx
index c93649fcc0..3c95874c46 100644
--- a/web/app/components/datasets/documents/list.tsx
+++ b/web/app/components/datasets/documents/list.tsx
@@ -1,42 +1,42 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useBoolean } from 'ahooks'
-import { pick, uniq } from 'lodash-es'
+import type { Props as PaginationProps } from '@/app/components/base/pagination'
+import type { CommonResponse } from '@/models/common'
+import type { LegacyDataSourceInfo, LocalFileInfo, OnlineDocumentInfo, OnlineDriveInfo, SimpleDocumentDetail } from '@/models/datasets'
 import {
   RiArrowDownLine,
   RiEditLine,
   RiGlobalLine,
 } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { pick, uniq } from 'lodash-es'
 import { useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import ChunkingModeLabel from '../common/chunking-mode-label'
-import FileTypeIcon from '../../base/file-uploader/file-type-icon'
-import s from './style.module.css'
-import RenameModal from './rename-modal'
-import BatchAction from './detail/completed/common/batch-action'
-import { cn } from '@/utils/classnames'
-import Tooltip from '@/app/components/base/tooltip'
-import Toast from '@/app/components/base/toast'
-import { asyncRunSafe } from '@/utils'
-import { formatNumber } from '@/utils/format'
-import NotionIcon from '@/app/components/base/notion-icon'
-import type { LegacyDataSourceInfo, LocalFileInfo, OnlineDocumentInfo, OnlineDriveInfo } from '@/models/datasets'
-import { ChunkingMode, DataSourceType, DocumentActionType, type SimpleDocumentDetail } from '@/models/datasets'
-import type { CommonResponse } from '@/models/common'
-import useTimestamp from '@/hooks/use-timestamp'
-import { useDatasetDetailContextWithSelector as useDatasetDetailContext } from '@/context/dataset-detail'
-import type { Props as PaginationProps } from '@/app/components/base/pagination'
-import Pagination from '@/app/components/base/pagination'
 import Checkbox from '@/app/components/base/checkbox'
-import { useDocumentArchive, useDocumentDelete, useDocumentDisable, useDocumentEnable } from '@/service/knowledge/use-document'
-import { extensionToFileType } from '@/app/components/datasets/hit-testing/utils/extension-to-file-type'
-import useBatchEditDocumentMetadata from '../metadata/hooks/use-batch-edit-document-metadata'
-import EditMetadataBatchModal from '@/app/components/datasets/metadata/edit-metadata-batch/modal'
-import StatusItem from './status-item'
-import Operations from './operations'
-import { DatasourceType } from '@/models/pipeline'
+import NotionIcon from '@/app/components/base/notion-icon'
+import Pagination from '@/app/components/base/pagination'
+import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
 import { normalizeStatusForQuery } from '@/app/components/datasets/documents/status-filter'
+import { extensionToFileType } from '@/app/components/datasets/hit-testing/utils/extension-to-file-type'
+import EditMetadataBatchModal from '@/app/components/datasets/metadata/edit-metadata-batch/modal'
+import { useDatasetDetailContextWithSelector as useDatasetDetailContext } from '@/context/dataset-detail'
+import useTimestamp from '@/hooks/use-timestamp'
+import { ChunkingMode, DataSourceType, DocumentActionType } from '@/models/datasets'
+import { DatasourceType } from '@/models/pipeline'
+import { useDocumentArchive, useDocumentDelete, useDocumentDisable, useDocumentEnable } from '@/service/knowledge/use-document'
+import { asyncRunSafe } from '@/utils'
+import { cn } from '@/utils/classnames'
+import { formatNumber } from '@/utils/format'
+import FileTypeIcon from '../../base/file-uploader/file-type-icon'
+import ChunkingModeLabel from '../common/chunking-mode-label'
+import useBatchEditDocumentMetadata from '../metadata/hooks/use-batch-edit-document-metadata'
+import BatchAction from './detail/completed/common/batch-action'
+import Operations from './operations'
+import RenameModal from './rename-modal'
+import StatusItem from './status-item'
+import s from './style.module.css'
 
 export const renderTdValue = (value: string | number | null, isEmptyStyle = false) => {
   return (
@@ -179,13 +179,10 @@ const DocumentList: FC<IDocumentListProps> = ({
     const isDesc = isActive && sortOrder === 'desc'
 
     return (
-      <div className='flex cursor-pointer items-center hover:text-text-secondary' onClick={() => handleSort(field)}>
+      <div className="flex cursor-pointer items-center hover:text-text-secondary" onClick={() => handleSort(field)}>
         {label}
         <RiArrowDownLine
-          className={cn('ml-0.5 h-3 w-3 transition-all',
-            isActive ? 'text-text-tertiary' : 'text-text-disabled',
-            isActive && !isDesc ? 'rotate-180' : '',
-          )}
+          className={cn('ml-0.5 h-3 w-3 transition-all', isActive ? 'text-text-tertiary' : 'text-text-disabled', isActive && !isDesc ? 'rotate-180' : '')}
         />
       </div>
     )
@@ -285,16 +282,16 @@ const DocumentList: FC<IDocumentListProps> = ({
   }, [])
 
   return (
-    <div className='relative mt-3 flex h-full w-full flex-col'>
-      <div className='relative h-0 grow overflow-x-auto'>
+    <div className="relative mt-3 flex h-full w-full flex-col">
+      <div className="relative h-0 grow overflow-x-auto">
         <table className={`w-full min-w-[700px] max-w-full border-collapse border-0 text-sm ${s.documentTable}`}>
           <thead className="h-8 border-b border-divider-subtle text-xs font-medium uppercase leading-8 text-text-tertiary">
             <tr>
-              <td className='w-12'>
-                <div className='flex items-center' onClick={e => e.stopPropagation()}>
+              <td className="w-12">
+                <div className="flex items-center" onClick={e => e.stopPropagation()}>
                   {embeddingAvailable && (
                     <Checkbox
-                      className='mr-2 shrink-0'
+                      className="mr-2 shrink-0"
                       checked={isAllSelected}
                       indeterminate={!isAllSelected && isSomeSelected}
                       onCheck={onSelectedAll}
@@ -306,140 +303,143 @@ const DocumentList: FC<IDocumentListProps> = ({
               <td>
                 {renderSortHeader('name', t('datasetDocuments.list.table.header.fileName'))}
               </td>
-              <td className='w-[130px]'>{t('datasetDocuments.list.table.header.chunkingMode')}</td>
-              <td className='w-24'>
+              <td className="w-[130px]">{t('datasetDocuments.list.table.header.chunkingMode')}</td>
+              <td className="w-24">
                 {renderSortHeader('word_count', t('datasetDocuments.list.table.header.words'))}
               </td>
-              <td className='w-44'>
+              <td className="w-44">
                 {renderSortHeader('hit_count', t('datasetDocuments.list.table.header.hitCount'))}
               </td>
-              <td className='w-44'>
+              <td className="w-44">
                 {renderSortHeader('created_at', t('datasetDocuments.list.table.header.uploadTime'))}
               </td>
-              <td className='w-40'>{t('datasetDocuments.list.table.header.status')}</td>
-              <td className='w-20'>{t('datasetDocuments.list.table.header.action')}</td>
+              <td className="w-40">{t('datasetDocuments.list.table.header.status')}</td>
+              <td className="w-20">{t('datasetDocuments.list.table.header.action')}</td>
             </tr>
           </thead>
           <tbody className="text-text-secondary">
             {localDocs.map((doc, index) => {
               const isFile = isLocalFile(doc.data_source_type)
               const fileType = isFile ? doc.data_source_detail_dict?.upload_file?.extension : ''
-              return <tr
-                key={doc.id}
-                className={'h-8 cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover'}
-                onClick={() => {
-                  router.push(`/datasets/${datasetId}/documents/${doc.id}`)
-                }}>
-                <td className='text-left align-middle text-xs text-text-tertiary'>
-                  <div className='flex items-center' onClick={e => e.stopPropagation()}>
-                    <Checkbox
-                      className='mr-2 shrink-0'
-                      checked={selectedIds.includes(doc.id)}
-                      onCheck={() => {
-                        onSelectedIdChange(
-                          selectedIds.includes(doc.id)
-                            ? selectedIds.filter(id => id !== doc.id)
-                            : [...selectedIds, doc.id],
-                        )
-                      }}
-                    />
-                    {index + 1}
-                  </div>
-                </td>
-                <td>
-                  <div className={'group mr-6 flex max-w-[460px] items-center hover:mr-0'}>
-                    <div className='flex shrink-0 items-center'>
-                      {isOnlineDocument(doc.data_source_type) && (
-                        <NotionIcon
-                          className='mr-1.5'
-                          type='page'
-                          src={
-                            isCreateFromRAGPipeline(doc.created_from)
-                              ? (doc.data_source_info as OnlineDocumentInfo).page.page_icon
-                              : (doc.data_source_info as LegacyDataSourceInfo).notion_page_icon
-                          }
-                        />
-                      )}
-                      {isLocalFile(doc.data_source_type) && (
-                        <FileTypeIcon
-                          type={
-                            extensionToFileType(
+              return (
+                <tr
+                  key={doc.id}
+                  className="h-8 cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover"
+                  onClick={() => {
+                    router.push(`/datasets/${datasetId}/documents/${doc.id}`)
+                  }}
+                >
+                  <td className="text-left align-middle text-xs text-text-tertiary">
+                    <div className="flex items-center" onClick={e => e.stopPropagation()}>
+                      <Checkbox
+                        className="mr-2 shrink-0"
+                        checked={selectedIds.includes(doc.id)}
+                        onCheck={() => {
+                          onSelectedIdChange(
+                            selectedIds.includes(doc.id)
+                              ? selectedIds.filter(id => id !== doc.id)
+                              : [...selectedIds, doc.id],
+                          )
+                        }}
+                      />
+                      {index + 1}
+                    </div>
+                  </td>
+                  <td>
+                    <div className="group mr-6 flex max-w-[460px] items-center hover:mr-0">
+                      <div className="flex shrink-0 items-center">
+                        {isOnlineDocument(doc.data_source_type) && (
+                          <NotionIcon
+                            className="mr-1.5"
+                            type="page"
+                            src={
                               isCreateFromRAGPipeline(doc.created_from)
-                                ? (doc?.data_source_info as LocalFileInfo)?.extension
-                                : ((doc?.data_source_info as LegacyDataSourceInfo)?.upload_file?.extension ?? fileType),
-                            )
-                          }
-                          className='mr-1.5'
-                        />
-                      )}
-                      {isOnlineDrive(doc.data_source_type) && (
-                        <FileTypeIcon
-                          type={
-                            extensionToFileType(
-                              getFileExtension((doc?.data_source_info as unknown as OnlineDriveInfo)?.name),
-                            )
-                          }
-                          className='mr-1.5'
-                        />
-                      )}
-                      {isWebsiteCrawl(doc.data_source_type) && (
-                        <RiGlobalLine className='mr-1.5 size-4' />
-                      )}
-                    </div>
-                    <Tooltip
-                      popupContent={doc.name}
-                    >
-                      <span className='grow-1 truncate text-sm'>{doc.name}</span>
-                    </Tooltip>
-                    <div className='hidden shrink-0 group-hover:ml-auto group-hover:flex'>
+                                ? (doc.data_source_info as OnlineDocumentInfo).page.page_icon
+                                : (doc.data_source_info as LegacyDataSourceInfo).notion_page_icon
+                            }
+                          />
+                        )}
+                        {isLocalFile(doc.data_source_type) && (
+                          <FileTypeIcon
+                            type={
+                              extensionToFileType(
+                                isCreateFromRAGPipeline(doc.created_from)
+                                  ? (doc?.data_source_info as LocalFileInfo)?.extension
+                                  : ((doc?.data_source_info as LegacyDataSourceInfo)?.upload_file?.extension ?? fileType),
+                              )
+                            }
+                            className="mr-1.5"
+                          />
+                        )}
+                        {isOnlineDrive(doc.data_source_type) && (
+                          <FileTypeIcon
+                            type={
+                              extensionToFileType(
+                                getFileExtension((doc?.data_source_info as unknown as OnlineDriveInfo)?.name),
+                              )
+                            }
+                            className="mr-1.5"
+                          />
+                        )}
+                        {isWebsiteCrawl(doc.data_source_type) && (
+                          <RiGlobalLine className="mr-1.5 size-4" />
+                        )}
+                      </div>
                       <Tooltip
-                        popupContent={t('datasetDocuments.list.table.rename')}
+                        popupContent={doc.name}
                       >
-                        <div
-                          className='cursor-pointer rounded-md p-1 hover:bg-state-base-hover'
-                          onClick={(e) => {
-                            e.stopPropagation()
-                            handleShowRenameModal(doc)
-                          }}
-                        >
-                          <RiEditLine className='h-4 w-4 text-text-tertiary' />
-                        </div>
+                        <span className="grow-1 truncate text-sm">{doc.name}</span>
                       </Tooltip>
+                      <div className="hidden shrink-0 group-hover:ml-auto group-hover:flex">
+                        <Tooltip
+                          popupContent={t('datasetDocuments.list.table.rename')}
+                        >
+                          <div
+                            className="cursor-pointer rounded-md p-1 hover:bg-state-base-hover"
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              handleShowRenameModal(doc)
+                            }}
+                          >
+                            <RiEditLine className="h-4 w-4 text-text-tertiary" />
+                          </div>
+                        </Tooltip>
+                      </div>
                     </div>
-                  </div>
-                </td>
-                <td>
-                  <ChunkingModeLabel
-                    isGeneralMode={isGeneralMode}
-                    isQAMode={isQAMode}
-                  />
-                </td>
-                <td>{renderCount(doc.word_count)}</td>
-                <td>{renderCount(doc.hit_count)}</td>
-                <td className='text-[13px] text-text-secondary'>
-                  {formatTime(doc.created_at, t('datasetHitTesting.dateTimeFormat') as string)}
-                </td>
-                <td>
-                  <StatusItem status={doc.display_status} />
-                </td>
-                <td>
-                  <Operations
-                    selectedIds={selectedIds}
-                    onSelectedIdChange={onSelectedIdChange}
-                    embeddingAvailable={embeddingAvailable}
-                    datasetId={datasetId}
-                    detail={pick(doc, ['name', 'enabled', 'archived', 'id', 'data_source_type', 'doc_form', 'display_status'])}
-                    onUpdate={onUpdate}
-                  />
-                </td>
-              </tr>
+                  </td>
+                  <td>
+                    <ChunkingModeLabel
+                      isGeneralMode={isGeneralMode}
+                      isQAMode={isQAMode}
+                    />
+                  </td>
+                  <td>{renderCount(doc.word_count)}</td>
+                  <td>{renderCount(doc.hit_count)}</td>
+                  <td className="text-[13px] text-text-secondary">
+                    {formatTime(doc.created_at, t('datasetHitTesting.dateTimeFormat') as string)}
+                  </td>
+                  <td>
+                    <StatusItem status={doc.display_status} />
+                  </td>
+                  <td>
+                    <Operations
+                      selectedIds={selectedIds}
+                      onSelectedIdChange={onSelectedIdChange}
+                      embeddingAvailable={embeddingAvailable}
+                      datasetId={datasetId}
+                      detail={pick(doc, ['name', 'enabled', 'archived', 'id', 'data_source_type', 'doc_form', 'display_status'])}
+                      onUpdate={onUpdate}
+                    />
+                  </td>
+                </tr>
+              )
             })}
           </tbody>
         </table>
       </div>
       {(selectedIds.length > 0) && (
         <BatchAction
-          className='absolute bottom-16 left-0 z-20'
+          className="absolute bottom-16 left-0 z-20"
           selectedIds={selectedIds}
           onArchive={handleAction(DocumentActionType.archive)}
           onBatchEnable={handleAction(DocumentActionType.enable)}
@@ -455,7 +455,7 @@ const DocumentList: FC<IDocumentListProps> = ({
       {pagination.total && (
         <Pagination
           {...pagination}
-          className='w-full shrink-0'
+          className="w-full shrink-0"
         />
       )}
 
diff --git a/web/app/components/datasets/documents/operations.tsx b/web/app/components/datasets/documents/operations.tsx
index 47ba72e4b1..561771dc89 100644
--- a/web/app/components/datasets/documents/operations.tsx
+++ b/web/app/components/datasets/documents/operations.tsx
@@ -1,8 +1,22 @@
-import React, { useCallback, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { ToastContext } from '../../base/toast'
-import { useTranslation } from 'react-i18next'
+import type { OperationName } from './types'
+import type { CommonResponse } from '@/models/common'
+import {
+  RiArchive2Line,
+  RiDeleteBinLine,
+  RiEditLine,
+  RiEqualizer2Line,
+  RiLoopLeftLine,
+  RiMoreFill,
+  RiPauseCircleLine,
+  RiPlayCircleLine,
+} from '@remixicon/react'
+import { useBoolean, useDebounceFn } from 'ahooks'
+import { noop } from 'lodash-es'
 import { useRouter } from 'next/navigation'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { DataSourceType, DocumentActionType } from '@/models/datasets'
 import {
   useDocumentArchive,
   useDocumentDelete,
@@ -14,30 +28,16 @@ import {
   useSyncDocument,
   useSyncWebsite,
 } from '@/service/knowledge/use-document'
-import type { OperationName } from './types'
 import { asyncRunSafe } from '@/utils'
-import type { CommonResponse } from '@/models/common'
-import { useBoolean, useDebounceFn } from 'ahooks'
-import Switch from '../../base/switch'
-import { noop } from 'lodash-es'
-import Tooltip from '../../base/tooltip'
-import Divider from '../../base/divider'
 import { cn } from '@/utils/classnames'
-import {
-  RiArchive2Line,
-  RiDeleteBinLine,
-  RiEditLine,
-  RiEqualizer2Line,
-  RiLoopLeftLine,
-  RiMoreFill,
-  RiPauseCircleLine,
-  RiPlayCircleLine,
-} from '@remixicon/react'
-import CustomPopover from '../../base/popover'
-import s from './style.module.css'
-import { DataSourceType, DocumentActionType } from '@/models/datasets'
 import Confirm from '../../base/confirm'
+import Divider from '../../base/divider'
+import CustomPopover from '../../base/popover'
+import Switch from '../../base/switch'
+import { ToastContext } from '../../base/toast'
+import Tooltip from '../../base/tooltip'
 import RenameModal from './rename-modal'
+import s from './style.module.css'
 
 type OperationsProps = {
   embeddingAvailable: boolean
@@ -157,129 +157,139 @@ const Operations = ({
     onUpdate()
   }, [onUpdate])
 
-  return <div className='flex items-center' onClick={e => e.stopPropagation()}>
-    {isListScene && !embeddingAvailable && (
-      <Switch defaultValue={false} onChange={noop} disabled={true} size='md' />
-    )}
-    {isListScene && embeddingAvailable && (
-      <>
-        {archived
-          ? <Tooltip
-            popupContent={t('datasetDocuments.list.action.enableWarning')}
-            popupClassName='!font-semibold'
+  return (
+    <div className="flex items-center" onClick={e => e.stopPropagation()}>
+      {isListScene && !embeddingAvailable && (
+        <Switch defaultValue={false} onChange={noop} disabled={true} size="md" />
+      )}
+      {isListScene && embeddingAvailable && (
+        <>
+          {archived
+            ? (
+                <Tooltip
+                  popupContent={t('datasetDocuments.list.action.enableWarning')}
+                  popupClassName="!font-semibold"
+                >
+                  <div>
+                    <Switch defaultValue={false} onChange={noop} disabled={true} size="md" />
+                  </div>
+                </Tooltip>
+              )
+            : <Switch defaultValue={enabled} onChange={v => handleSwitch(v ? 'enable' : 'disable')} size="md" />}
+          <Divider className="!ml-4 !mr-2 !h-3" type="vertical" />
+        </>
+      )}
+      {embeddingAvailable && (
+        <>
+          <Tooltip
+            popupContent={t('datasetDocuments.list.action.settings')}
+            popupClassName="text-text-secondary system-xs-medium"
+            needsDelay={false}
           >
-            <div>
-              <Switch defaultValue={false} onChange={noop} disabled={true} size='md' />
-            </div>
-          </Tooltip>
-          : <Switch defaultValue={enabled} onChange={v => handleSwitch(v ? 'enable' : 'disable')} size='md' />
-        }
-        <Divider className='!ml-4 !mr-2 !h-3' type='vertical' />
-      </>
-    )}
-    {embeddingAvailable && (
-      <>
-        <Tooltip
-          popupContent={t('datasetDocuments.list.action.settings')}
-          popupClassName='text-text-secondary system-xs-medium'
-          needsDelay={false}
-        >
-          <button type="button"
-            className={cn('mr-2 cursor-pointer rounded-lg',
-              !isListScene
+            <button
+              type="button"
+              className={cn('mr-2 cursor-pointer rounded-lg', !isListScene
                 ? 'border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg p-2 shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px] hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover'
                 : 'p-0.5 hover:bg-state-base-hover')}
-            onClick={() => router.push(`/datasets/${datasetId}/documents/${detail.id}/settings`)}>
-            <RiEqualizer2Line className='h-4 w-4 text-components-button-secondary-text' />
-          </button>
-        </Tooltip>
-        <CustomPopover
-          htmlContent={
-            <div className='w-full py-1'>
-              {!archived && (
-                <>
-                  <div className={s.actionItem} onClick={() => {
-                    handleShowRenameModal({
-                      id: detail.id,
-                      name: detail.name,
-                    })
-                  }}>
-                    <RiEditLine className='h-4 w-4 text-text-tertiary' />
-                    <span className={s.actionName}>{t('datasetDocuments.list.table.rename')}</span>
-                  </div>
-                  {['notion_import', DataSourceType.WEB].includes(data_source_type) && (
-                    <div className={s.actionItem} onClick={() => onOperate('sync')}>
-                      <RiLoopLeftLine className='h-4 w-4 text-text-tertiary' />
-                      <span className={s.actionName}>{t('datasetDocuments.list.action.sync')}</span>
+              onClick={() => router.push(`/datasets/${datasetId}/documents/${detail.id}/settings`)}
+            >
+              <RiEqualizer2Line className="h-4 w-4 text-components-button-secondary-text" />
+            </button>
+          </Tooltip>
+          <CustomPopover
+            htmlContent={(
+              <div className="w-full py-1">
+                {!archived && (
+                  <>
+                    <div
+                      className={s.actionItem}
+                      onClick={() => {
+                        handleShowRenameModal({
+                          id: detail.id,
+                          name: detail.name,
+                        })
+                      }}
+                    >
+                      <RiEditLine className="h-4 w-4 text-text-tertiary" />
+                      <span className={s.actionName}>{t('datasetDocuments.list.table.rename')}</span>
                     </div>
-                  )}
-                  <Divider className='my-1' />
-                </>
-              )}
-              {!archived && display_status?.toLowerCase() === 'indexing' && (
-                <div className={s.actionItem} onClick={() => onOperate('pause')}>
-                  <RiPauseCircleLine className='h-4 w-4 text-text-tertiary' />
-                  <span className={s.actionName}>{t('datasetDocuments.list.action.pause')}</span>
+                    {['notion_import', DataSourceType.WEB].includes(data_source_type) && (
+                      <div className={s.actionItem} onClick={() => onOperate('sync')}>
+                        <RiLoopLeftLine className="h-4 w-4 text-text-tertiary" />
+                        <span className={s.actionName}>{t('datasetDocuments.list.action.sync')}</span>
+                      </div>
+                    )}
+                    <Divider className="my-1" />
+                  </>
+                )}
+                {!archived && display_status?.toLowerCase() === 'indexing' && (
+                  <div className={s.actionItem} onClick={() => onOperate('pause')}>
+                    <RiPauseCircleLine className="h-4 w-4 text-text-tertiary" />
+                    <span className={s.actionName}>{t('datasetDocuments.list.action.pause')}</span>
+                  </div>
+                )}
+                {!archived && display_status?.toLowerCase() === 'paused' && (
+                  <div className={s.actionItem} onClick={() => onOperate('resume')}>
+                    <RiPlayCircleLine className="h-4 w-4 text-text-tertiary" />
+                    <span className={s.actionName}>{t('datasetDocuments.list.action.resume')}</span>
+                  </div>
+                )}
+                {!archived && (
+                  <div className={s.actionItem} onClick={() => onOperate('archive')}>
+                    <RiArchive2Line className="h-4 w-4 text-text-tertiary" />
+                    <span className={s.actionName}>{t('datasetDocuments.list.action.archive')}</span>
+                  </div>
+                )}
+                {archived && (
+                  <div className={s.actionItem} onClick={() => onOperate('un_archive')}>
+                    <RiArchive2Line className="h-4 w-4 text-text-tertiary" />
+                    <span className={s.actionName}>{t('datasetDocuments.list.action.unarchive')}</span>
+                  </div>
+                )}
+                <div className={cn(s.actionItem, s.deleteActionItem, 'group')} onClick={() => setShowModal(true)}>
+                  <RiDeleteBinLine className="h-4 w-4 text-text-tertiary group-hover:text-text-destructive" />
+                  <span className={cn(s.actionName, 'group-hover:text-text-destructive')}>{t('datasetDocuments.list.action.delete')}</span>
                 </div>
-              )}
-              {!archived && display_status?.toLowerCase() === 'paused' && (
-                <div className={s.actionItem} onClick={() => onOperate('resume')}>
-                  <RiPlayCircleLine className='h-4 w-4 text-text-tertiary' />
-                  <span className={s.actionName}>{t('datasetDocuments.list.action.resume')}</span>
-                </div>
-              )}
-              {!archived && <div className={s.actionItem} onClick={() => onOperate('archive')}>
-                <RiArchive2Line className='h-4 w-4 text-text-tertiary' />
-                <span className={s.actionName}>{t('datasetDocuments.list.action.archive')}</span>
-              </div>}
-              {archived && (
-                <div className={s.actionItem} onClick={() => onOperate('un_archive')}>
-                  <RiArchive2Line className='h-4 w-4 text-text-tertiary' />
-                  <span className={s.actionName}>{t('datasetDocuments.list.action.unarchive')}</span>
-                </div>
-              )}
-              <div className={cn(s.actionItem, s.deleteActionItem, 'group')} onClick={() => setShowModal(true)}>
-                <RiDeleteBinLine className={'h-4 w-4 text-text-tertiary group-hover:text-text-destructive'} />
-                <span className={cn(s.actionName, 'group-hover:text-text-destructive')}>{t('datasetDocuments.list.action.delete')}</span>
               </div>
-            </div>
-          }
-          trigger='click'
-          position='br'
-          btnElement={
-            <div className={cn(s.commonIcon)}>
-              <RiMoreFill className='h-4 w-4 text-components-button-secondary-text' />
-            </div>
-          }
-          btnClassName={open => cn(isListScene ? s.actionIconWrapperList : s.actionIconWrapperDetail, open ? '!hover:bg-state-base-hover !shadow-none' : '!bg-transparent')}
-          popupClassName='!w-full'
-          className={`!z-20 flex h-fit !w-[200px] justify-end ${className}`}
-        />
-      </>
-    )}
-    {showModal
-      && <Confirm
-        isShow={showModal}
-        isLoading={deleting}
-        isDisabled={deleting}
-        title={t('datasetDocuments.list.delete.title')}
-        content={t('datasetDocuments.list.delete.content')}
-        confirmText={t('common.operation.sure')}
-        onConfirm={() => onOperate('delete')}
-        onCancel={() => setShowModal(false)}
-      />
-    }
+            )}
+            trigger="click"
+            position="br"
+            btnElement={(
+              <div className={cn(s.commonIcon)}>
+                <RiMoreFill className="h-4 w-4 text-components-button-secondary-text" />
+              </div>
+            )}
+            btnClassName={open => cn(isListScene ? s.actionIconWrapperList : s.actionIconWrapperDetail, open ? '!hover:bg-state-base-hover !shadow-none' : '!bg-transparent')}
+            popupClassName="!w-full"
+            className={`!z-20 flex h-fit !w-[200px] justify-end ${className}`}
+          />
+        </>
+      )}
+      {showModal
+        && (
+          <Confirm
+            isShow={showModal}
+            isLoading={deleting}
+            isDisabled={deleting}
+            title={t('datasetDocuments.list.delete.title')}
+            content={t('datasetDocuments.list.delete.content')}
+            confirmText={t('common.operation.sure')}
+            onConfirm={() => onOperate('delete')}
+            onCancel={() => setShowModal(false)}
+          />
+        )}
 
-    {isShowRenameModal && currDocument && (
-      <RenameModal
-        datasetId={datasetId}
-        documentId={currDocument.id}
-        name={currDocument.name}
-        onClose={setShowRenameModalFalse}
-        onSaved={handleRenamed}
-      />
-    )}
-  </div>
+      {isShowRenameModal && currDocument && (
+        <RenameModal
+          datasetId={datasetId}
+          documentId={currDocument.id}
+          name={currDocument.name}
+          onClose={setShowRenameModalFalse}
+          onSaved={handleRenamed}
+        />
+      )}
+    </div>
+  )
 }
 
 export default React.memo(Operations)
diff --git a/web/app/components/datasets/documents/rename-modal.tsx b/web/app/components/datasets/documents/rename-modal.tsx
index ff5047941f..ee1b7a5a82 100644
--- a/web/app/components/datasets/documents/rename-modal.tsx
+++ b/web/app/components/datasets/documents/rename-modal.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
+import { useBoolean } from 'ahooks'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import Toast from '../../base/toast'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 import { renameDocumentName } from '@/service/datasets'
+import Toast from '../../base/toast'
 
 type Props = {
   datasetId: string
@@ -59,16 +59,16 @@ const RenameModal: FC<Props> = ({
       isShow
       onClose={onClose}
     >
-      <div className={'mt-6 text-sm font-medium leading-[21px] text-text-primary'}>{t('datasetDocuments.list.table.name')}</div>
+      <div className="mt-6 text-sm font-medium leading-[21px] text-text-primary">{t('datasetDocuments.list.table.name')}</div>
       <Input
-        className='mt-2 h-10'
+        className="mt-2 h-10"
         value={newName}
         onChange={e => setNewName(e.target.value)}
       />
 
-      <div className='mt-10 flex justify-end'>
-        <Button className='mr-2 shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button variant='primary' className='shrink-0' onClick={handleSave} loading={saveLoading}>{t('common.operation.save')}</Button>
+      <div className="mt-10 flex justify-end">
+        <Button className="mr-2 shrink-0" onClick={onClose}>{t('common.operation.cancel')}</Button>
+        <Button variant="primary" className="shrink-0" onClick={handleSave} loading={saveLoading}>{t('common.operation.save')}</Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/datasets/documents/status-item/index.spec.tsx b/web/app/components/datasets/documents/status-item/index.spec.tsx
index c705178d28..6321d03709 100644
--- a/web/app/components/datasets/documents/status-item/index.spec.tsx
+++ b/web/app/components/datasets/documents/status-item/index.spec.tsx
@@ -1,7 +1,7 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import StatusItem from './index'
 import type { DocumentDisplayStatus } from '@/models/datasets'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import StatusItem from './index'
 
 // Mock ToastContext - required to verify notifications
 const mockNotify = vi.fn()
@@ -831,8 +831,14 @@ describe('StatusItem', () => {
     it('should handle all status types in sequence', () => {
       // Arrange
       const statuses: DocumentDisplayStatus[] = [
-        'queuing', 'indexing', 'paused', 'error',
-        'available', 'enabled', 'disabled', 'archived',
+        'queuing',
+        'indexing',
+        'paused',
+        'error',
+        'available',
+        'enabled',
+        'disabled',
+        'archived',
       ]
 
       // Act & Assert
diff --git a/web/app/components/datasets/documents/status-item/index.tsx b/web/app/components/datasets/documents/status-item/index.tsx
index 4dc062afe4..f152e498ad 100644
--- a/web/app/components/datasets/documents/status-item/index.tsx
+++ b/web/app/components/datasets/documents/status-item/index.tsx
@@ -1,20 +1,20 @@
-import React, { useMemo } from 'react'
-import type { ColorMap, IndicatorProps } from '@/app/components/header/indicator'
-import Indicator from '@/app/components/header/indicator'
-import type { DocumentDisplayStatus } from '@/models/datasets'
-import { useContext } from 'use-context-selector'
-import { useIndexStatus } from './hooks'
-import { ToastContext } from '@/app/components/base/toast'
-import { useTranslation } from 'react-i18next'
-import { useDocumentDelete, useDocumentDisable, useDocumentEnable } from '@/service/knowledge/use-document'
-import type { CommonResponse } from '@/models/common'
-import { asyncRunSafe } from '@/utils'
-import { useDebounceFn } from 'ahooks'
-import s from '../style.module.css'
-import { cn } from '@/utils/classnames'
-import Tooltip from '@/app/components/base/tooltip'
-import Switch from '@/app/components/base/switch'
 import type { OperationName } from '../types'
+import type { ColorMap, IndicatorProps } from '@/app/components/header/indicator'
+import type { CommonResponse } from '@/models/common'
+import type { DocumentDisplayStatus } from '@/models/datasets'
+import { useDebounceFn } from 'ahooks'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Switch from '@/app/components/base/switch'
+import { ToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import Indicator from '@/app/components/header/indicator'
+import { useDocumentDelete, useDocumentDisable, useDocumentEnable } from '@/service/knowledge/use-document'
+import { asyncRunSafe } from '@/utils'
+import { cn } from '@/utils/classnames'
+import s from '../style.module.css'
+import { useIndexStatus } from './hooks'
 
 const STATUS_TEXT_COLOR_MAP: ColorMap = {
   green: 'text-util-colors-green-green-600',
@@ -89,45 +89,46 @@ const StatusItem = ({
     return ['queuing', 'indexing', 'paused'].includes(localStatus)
   }, [localStatus])
 
-  return <div className={
-    cn('flex items-center',
-      reverse ? 'flex-row-reverse' : '',
-      scene === 'detail' ? s.statusItemDetail : '')
-  }>
-    <Indicator color={DOC_INDEX_STATUS_MAP[localStatus]?.color as IndicatorProps['color']} className={reverse ? 'ml-2' : 'mr-2'} />
-    <span className={cn(`${STATUS_TEXT_COLOR_MAP[DOC_INDEX_STATUS_MAP[localStatus].color as keyof typeof STATUS_TEXT_COLOR_MAP]} text-sm`, textCls)}>
-      {DOC_INDEX_STATUS_MAP[localStatus]?.text}
-    </span>
-    {
-      errorMessage && (
-        <Tooltip
-          popupContent={
-            <div className='max-w-[260px] break-all'>{errorMessage}</div>
-          }
-          triggerClassName='ml-1 w-4 h-4'
-          triggerTestId='error-tooltip-trigger'
-        />
-      )
+  return (
+    <div className={
+      cn('flex items-center', reverse ? 'flex-row-reverse' : '', scene === 'detail' ? s.statusItemDetail : '')
     }
-    {
-      scene === 'detail' && (
-        <div className='ml-1.5 flex items-center justify-between'>
+    >
+      <Indicator color={DOC_INDEX_STATUS_MAP[localStatus]?.color as IndicatorProps['color']} className={reverse ? 'ml-2' : 'mr-2'} />
+      <span className={cn(`${STATUS_TEXT_COLOR_MAP[DOC_INDEX_STATUS_MAP[localStatus].color as keyof typeof STATUS_TEXT_COLOR_MAP]} text-sm`, textCls)}>
+        {DOC_INDEX_STATUS_MAP[localStatus]?.text}
+      </span>
+      {
+        errorMessage && (
           <Tooltip
-            popupContent={t('datasetDocuments.list.action.enableWarning')}
-            popupClassName='text-text-secondary system-xs-medium'
-            disabled={!archived}
-          >
-            <Switch
-              defaultValue={archived ? false : enabled}
-              onChange={v => !archived && handleSwitch(v ? 'enable' : 'disable')}
-              disabled={embedding || archived}
-              size='md'
-            />
-          </Tooltip>
-        </div>
-      )
-    }
-  </div>
+            popupContent={
+              <div className="max-w-[260px] break-all">{errorMessage}</div>
+            }
+            triggerClassName="ml-1 w-4 h-4"
+            triggerTestId="error-tooltip-trigger"
+          />
+        )
+      }
+      {
+        scene === 'detail' && (
+          <div className="ml-1.5 flex items-center justify-between">
+            <Tooltip
+              popupContent={t('datasetDocuments.list.action.enableWarning')}
+              popupClassName="text-text-secondary system-xs-medium"
+              disabled={!archived}
+            >
+              <Switch
+                defaultValue={archived ? false : enabled}
+                onChange={v => !archived && handleSwitch(v ? 'enable' : 'disable')}
+                disabled={embedding || archived}
+                size="md"
+              />
+            </Tooltip>
+          </div>
+        )
+      }
+    </div>
+  )
 }
 
 export default React.memo(StatusItem)
diff --git a/web/app/components/datasets/external-api/external-api-modal/Form.tsx b/web/app/components/datasets/external-api/external-api-modal/Form.tsx
index 9807dbf41a..875475f3e4 100644
--- a/web/app/components/datasets/external-api/external-api-modal/Form.tsx
+++ b/web/app/components/datasets/external-api/external-api-modal/Form.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiBookOpenLine } from '@remixicon/react'
 import type { CreateExternalAPIReq, FormSchema } from '../declarations'
+import { RiBookOpenLine } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Input from '@/app/components/base/input'
-import { cn } from '@/utils/classnames'
 import { useDocLink } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
 
 type FormProps = {
   className?: string
@@ -53,16 +53,16 @@ const Form: FC<FormProps> = React.memo(({
         <div className="flex w-full items-center justify-between">
           <label className={cn(fieldLabelClassName, 'system-sm-semibold text-text-secondary')} htmlFor={variable}>
             {label[i18n.language] || label.en_US}
-            {required && <span className='ml-1 text-red-500'>*</span>}
+            {required && <span className="ml-1 text-red-500">*</span>}
           </label>
           {variable === 'endpoint' && (
             <a
               href={docLink('/guides/knowledge-base/connect-external-knowledge-base') || '/'}
-              target='_blank'
-              rel='noopener noreferrer'
-              className='body-xs-regular flex items-center text-text-accent'
+              target="_blank"
+              rel="noopener noreferrer"
+              className="body-xs-regular flex items-center text-text-accent"
             >
-              <RiBookOpenLine className='mr-1 h-3 w-3 text-text-accent' />
+              <RiBookOpenLine className="mr-1 h-3 w-3 text-text-accent" />
               {t('dataset.externalAPIPanelDocumentation')}
             </a>
           )}
diff --git a/web/app/components/datasets/external-api/external-api-modal/index.tsx b/web/app/components/datasets/external-api/external-api-modal/index.tsx
index 861466419a..589e97636b 100644
--- a/web/app/components/datasets/external-api/external-api-modal/index.tsx
+++ b/web/app/components/datasets/external-api/external-api-modal/index.tsx
@@ -1,35 +1,35 @@
 import type { FC } from 'react'
-import {
-  memo,
-  useEffect,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
+import type { CreateExternalAPIReq, FormSchema } from '../declarations'
 import {
   RiBook2Line,
   RiCloseLine,
   RiInformation2Line,
   RiLock2Fill,
 } from '@remixicon/react'
-import type { CreateExternalAPIReq, FormSchema } from '../declarations'
-import Form from './Form'
+import {
+  memo,
+  useEffect,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
 import Confirm from '@/app/components/base/confirm'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
 } from '@/app/components/base/portal-to-follow-elem'
-import { createExternalAPI } from '@/service/datasets'
 import { useToastContext } from '@/app/components/base/toast'
-import Button from '@/app/components/base/button'
 import Tooltip from '@/app/components/base/tooltip'
+import { createExternalAPI } from '@/service/datasets'
+import Form from './Form'
 
 type AddExternalAPIModalProps = {
   data?: CreateExternalAPIReq
   onSave: (formValue: CreateExternalAPIReq) => void
   onCancel: () => void
   onEdit?: (formValue: CreateExternalAPIReq) => Promise<void>
-  datasetBindings?: { id: string; name: string }[]
+  datasetBindings?: { id: string, name: string }[]
   isEditMode: boolean
 }
 
@@ -116,60 +116,64 @@ const AddExternalAPIModal: FC<AddExternalAPIModalProps> = ({ data, onSave, onCan
 
   return (
     <PortalToFollowElem open>
-      <PortalToFollowElemContent className='z-[60] h-full w-full'>
-        <div className='fixed inset-0 flex items-center justify-center bg-black/[.25]'>
-          <div className='shadows-shadow-xl relative flex w-[480px] flex-col items-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg'>
-            <div className='flex flex-col items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6'>
-              <div className='title-2xl-semi-bold grow self-stretch text-text-primary'>
+      <PortalToFollowElemContent className="z-[60] h-full w-full">
+        <div className="fixed inset-0 flex items-center justify-center bg-black/[.25]">
+          <div className="shadows-shadow-xl relative flex w-[480px] flex-col items-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg">
+            <div className="flex flex-col items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6">
+              <div className="title-2xl-semi-bold grow self-stretch text-text-primary">
                 {
                   isEditMode ? t('dataset.editExternalAPIFormTitle') : t('dataset.createExternalAPI')
                 }
               </div>
               {isEditMode && (datasetBindings?.length ?? 0) > 0 && (
-                <div className='system-xs-regular flex items-center text-text-tertiary'>
+                <div className="system-xs-regular flex items-center text-text-tertiary">
                   {t('dataset.editExternalAPIFormWarning.front')}
-                  <span className='flex cursor-pointer items-center text-text-accent'>
-                    &nbsp;{datasetBindings?.length} {t('dataset.editExternalAPIFormWarning.end')}&nbsp;
+                  <span className="flex cursor-pointer items-center text-text-accent">
+                    &nbsp;
+                    {datasetBindings?.length}
+                    {' '}
+                    {t('dataset.editExternalAPIFormWarning.end')}
+&nbsp;
                     <Tooltip
-                      popupClassName='flex items-center self-stretch w-[320px]'
-                      popupContent={
-                        <div className='p-1'>
-                          <div className='flex items-start self-stretch pb-0.5 pl-2 pr-3 pt-1'>
-                            <div className='system-xs-medium-uppercase text-text-tertiary'>{`${datasetBindings?.length} ${t('dataset.editExternalAPITooltipTitle')}`}</div>
+                      popupClassName="flex items-center self-stretch w-[320px]"
+                      popupContent={(
+                        <div className="p-1">
+                          <div className="flex items-start self-stretch pb-0.5 pl-2 pr-3 pt-1">
+                            <div className="system-xs-medium-uppercase text-text-tertiary">{`${datasetBindings?.length} ${t('dataset.editExternalAPITooltipTitle')}`}</div>
                           </div>
                           {datasetBindings?.map(binding => (
-                            <div key={binding.id} className='flex items-center gap-1 self-stretch px-2 py-1'>
-                              <RiBook2Line className='h-4 w-4 text-text-secondary' />
-                              <div className='system-sm-medium text-text-secondary'>{binding.name}</div>
+                            <div key={binding.id} className="flex items-center gap-1 self-stretch px-2 py-1">
+                              <RiBook2Line className="h-4 w-4 text-text-secondary" />
+                              <div className="system-sm-medium text-text-secondary">{binding.name}</div>
                             </div>
                           ))}
                         </div>
-                      }
+                      )}
                       asChild={false}
-                      position='bottom'
+                      position="bottom"
                     >
-                      <RiInformation2Line className='h-3.5 w-3.5' />
+                      <RiInformation2Line className="h-3.5 w-3.5" />
                     </Tooltip>
                   </span>
                 </div>
               )}
             </div>
-            <ActionButton className='absolute right-5 top-5' onClick={onCancel}>
-              <RiCloseLine className='h-[18px] w-[18px] shrink-0 text-text-tertiary' />
+            <ActionButton className="absolute right-5 top-5" onClick={onCancel}>
+              <RiCloseLine className="h-[18px] w-[18px] shrink-0 text-text-tertiary" />
             </ActionButton>
             <Form
               value={formData}
               onChange={handleDataChange}
               formSchemas={formSchemas}
-              className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'
+              className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3"
             />
-            <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
-              <Button type='button' variant='secondary' onClick={onCancel}>
+            <div className="flex items-center justify-end gap-2 self-stretch p-6 pt-5">
+              <Button type="button" variant="secondary" onClick={onCancel}>
                 {t('dataset.externalAPIForm.cancel')}
               </Button>
               <Button
-                type='submit'
-                variant='primary'
+                type="submit"
+                variant="primary"
                 onClick={() => {
                   if (isEditMode && (datasetBindings?.length ?? 0) > 0)
                     setShowConfirm(true)
@@ -184,15 +188,16 @@ const AddExternalAPIModal: FC<AddExternalAPIModalProps> = ({ data, onSave, onCan
                 {t('dataset.externalAPIForm.save')}
               </Button>
             </div>
-            <div className='system-xs-regular flex items-center justify-center gap-1 self-stretch rounded-b-2xl border-t-[0.5px]
-              border-divider-subtle bg-background-soft px-2 py-3 text-text-tertiary'
+            <div className="system-xs-regular flex items-center justify-center gap-1 self-stretch rounded-b-2xl border-t-[0.5px]
+              border-divider-subtle bg-background-soft px-2 py-3 text-text-tertiary"
             >
-              <RiLock2Fill className='h-3 w-3 text-text-quaternary' />
+              <RiLock2Fill className="h-3 w-3 text-text-quaternary" />
               {t('dataset.externalAPIForm.encrypted.front')}
               <a
-                className='text-text-accent'
-                target='_blank' rel='noopener noreferrer'
-                href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+                className="text-text-accent"
+                target="_blank"
+                rel="noopener noreferrer"
+                href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
               >
                 PKCS1_OAEP
               </a>
@@ -202,8 +207,8 @@ const AddExternalAPIModal: FC<AddExternalAPIModalProps> = ({ data, onSave, onCan
           {showConfirm && (datasetBindings?.length ?? 0) > 0 && (
             <Confirm
               isShow={showConfirm}
-              type='warning'
-              title='Warning'
+              type="warning"
+              title="Warning"
               content={`${t('dataset.editExternalAPIConfirmWarningContent.front')} ${datasetBindings?.length} ${t('dataset.editExternalAPIConfirmWarningContent.end')}`}
               onCancel={() => setShowConfirm(false)}
               onConfirm={handleSave}
diff --git a/web/app/components/datasets/external-api/external-api-panel/index.tsx b/web/app/components/datasets/external-api/external-api-panel/index.tsx
index 2b12417c1b..def26fe00b 100644
--- a/web/app/components/datasets/external-api/external-api-panel/index.tsx
+++ b/web/app/components/datasets/external-api/external-api-panel/index.tsx
@@ -1,18 +1,18 @@
-import React from 'react'
 import {
   RiAddLine,
   RiBookOpenLine,
   RiCloseLine,
 } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import ExternalKnowledgeAPICard from '../external-knowledge-api-card'
-import { cn } from '@/utils/classnames'
-import { useExternalKnowledgeApi } from '@/context/external-knowledge-api-context'
 import ActionButton from '@/app/components/base/action-button'
 import Button from '@/app/components/base/button'
 import Loading from '@/app/components/base/loading'
-import { useModalContext } from '@/context/modal-context'
+import { useExternalKnowledgeApi } from '@/context/external-knowledge-api-context'
 import { useDocLink } from '@/context/i18n'
+import { useModalContext } from '@/context/modal-context'
+import { cn } from '@/utils/classnames'
+import ExternalKnowledgeAPICard from '../external-knowledge-api-card'
 
 type ExternalAPIPanelProps = {
   onClose: () => void
@@ -48,42 +48,45 @@ const ExternalAPIPanel: React.FC<ExternalAPIPanelProps> = ({ onClose }) => {
           'relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg-alt',
         )}
       >
-        <div className='flex items-start self-stretch p-4 pb-0'>
-          <div className='flex grow flex-col items-start gap-1'>
-            <div className='system-xl-semibold self-stretch text-text-primary'>{t('dataset.externalAPIPanelTitle')}</div>
-            <div className='body-xs-regular self-stretch text-text-tertiary'>{t('dataset.externalAPIPanelDescription')}</div>
-            <a className='flex cursor-pointer items-center justify-center gap-1 self-stretch'
-              href={docLink('/guides/knowledge-base/connect-external-knowledge-base')} target='_blank'>
-              <RiBookOpenLine className='h-3 w-3 text-text-accent' />
-              <div className='body-xs-regular grow text-text-accent'>{t('dataset.externalAPIPanelDocumentation')}</div>
+        <div className="flex items-start self-stretch p-4 pb-0">
+          <div className="flex grow flex-col items-start gap-1">
+            <div className="system-xl-semibold self-stretch text-text-primary">{t('dataset.externalAPIPanelTitle')}</div>
+            <div className="body-xs-regular self-stretch text-text-tertiary">{t('dataset.externalAPIPanelDescription')}</div>
+            <a
+              className="flex cursor-pointer items-center justify-center gap-1 self-stretch"
+              href={docLink('/guides/knowledge-base/connect-external-knowledge-base')}
+              target="_blank"
+            >
+              <RiBookOpenLine className="h-3 w-3 text-text-accent" />
+              <div className="body-xs-regular grow text-text-accent">{t('dataset.externalAPIPanelDocumentation')}</div>
             </a>
           </div>
-          <div className='flex items-center'>
+          <div className="flex items-center">
             <ActionButton onClick={() => onClose()}>
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </ActionButton>
           </div>
         </div>
-        <div className='flex flex-col items-start justify-center gap-2 self-stretch px-4 py-3'>
+        <div className="flex flex-col items-start justify-center gap-2 self-stretch px-4 py-3">
           <Button
-            variant={'primary'}
-            className='flex items-center justify-center gap-0.5 px-3 py-2'
+            variant="primary"
+            className="flex items-center justify-center gap-0.5 px-3 py-2"
             onClick={handleOpenExternalAPIModal}
           >
-            <RiAddLine className='h-4 w-4 text-components-button-primary-text' />
-            <div className='system-sm-medium text-components-button-primary-text'>{t('dataset.createExternalAPI')}</div>
+            <RiAddLine className="h-4 w-4 text-components-button-primary-text" />
+            <div className="system-sm-medium text-components-button-primary-text">{t('dataset.createExternalAPI')}</div>
           </Button>
         </div>
-        <div className='flex grow flex-col items-start gap-1 self-stretch px-4 py-0'>
+        <div className="flex grow flex-col items-start gap-1 self-stretch px-4 py-0">
           {isLoading
             ? (
-              <Loading />
-            )
+                <Loading />
+              )
             : (
-              externalKnowledgeApiList.map(api => (
-                <ExternalKnowledgeAPICard key={api.id} api={api} />
-              ))
-            )}
+                externalKnowledgeApiList.map(api => (
+                  <ExternalKnowledgeAPICard key={api.id} api={api} />
+                ))
+              )}
         </div>
       </div>
     </div>
diff --git a/web/app/components/datasets/external-api/external-knowledge-api-card/index.tsx b/web/app/components/datasets/external-api/external-knowledge-api-card/index.tsx
index bb506316c6..af95e6771a 100644
--- a/web/app/components/datasets/external-api/external-knowledge-api-card/index.tsx
+++ b/web/app/components/datasets/external-api/external-knowledge-api-card/index.tsx
@@ -1,17 +1,17 @@
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { CreateExternalAPIReq } from '../declarations'
+import type { ExternalAPIItem } from '@/models/datasets'
 import {
   RiDeleteBinLine,
   RiEditLine,
 } from '@remixicon/react'
-import type { CreateExternalAPIReq } from '../declarations'
-import type { ExternalAPIItem } from '@/models/datasets'
-import { checkUsageExternalAPI, deleteExternalAPI, fetchExternalAPI, updateExternalAPI } from '@/service/datasets'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import Confirm from '@/app/components/base/confirm'
 import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
 import { useExternalKnowledgeApi } from '@/context/external-knowledge-api-context'
 import { useModalContext } from '@/context/modal-context'
-import ActionButton from '@/app/components/base/action-button'
-import Confirm from '@/app/components/base/confirm'
+import { checkUsageExternalAPI, deleteExternalAPI, fetchExternalAPI, updateExternalAPI } from '@/service/datasets'
 
 type ExternalKnowledgeAPICardProps = {
   api: ExternalAPIItem
@@ -109,24 +109,24 @@ const ExternalKnowledgeAPICard: React.FC<ExternalKnowledgeAPICardProps> = ({ api
         bg-components-panel-on-panel-item-bg p-2
         pl-3 ${isHovered ? 'border-state-destructive-border bg-state-destructive-hover' : ''}`}
       >
-        <div className='flex grow flex-col items-start justify-center gap-1.5 py-1'>
-          <div className='flex items-center gap-1 self-stretch text-text-secondary'>
-            <ApiConnectionMod className='h-4 w-4' />
-            <div className='system-sm-medium'>{api.name}</div>
+        <div className="flex grow flex-col items-start justify-center gap-1.5 py-1">
+          <div className="flex items-center gap-1 self-stretch text-text-secondary">
+            <ApiConnectionMod className="h-4 w-4" />
+            <div className="system-sm-medium">{api.name}</div>
           </div>
-          <div className='system-xs-regular self-stretch text-text-tertiary'>{api.settings.endpoint}</div>
+          <div className="system-xs-regular self-stretch text-text-tertiary">{api.settings.endpoint}</div>
         </div>
-        <div className='flex items-start gap-1'>
+        <div className="flex items-start gap-1">
           <ActionButton onClick={handleEditClick}>
-            <RiEditLine className='h-4 w-4 text-text-tertiary hover:text-text-secondary' />
+            <RiEditLine className="h-4 w-4 text-text-tertiary hover:text-text-secondary" />
           </ActionButton>
           <ActionButton
-            className='hover:bg-state-destructive-hover'
+            className="hover:bg-state-destructive-hover"
             onClick={handleDeleteClick}
             onMouseEnter={() => setIsHovered(true)}
             onMouseLeave={() => setIsHovered(false)}
           >
-            <RiDeleteBinLine className='h-4 w-4 text-text-tertiary hover:text-text-destructive' />
+            <RiDeleteBinLine className="h-4 w-4 text-text-tertiary hover:text-text-destructive" />
           </ActionButton>
         </div>
       </div>
@@ -139,7 +139,7 @@ const ExternalKnowledgeAPICard: React.FC<ExternalKnowledgeAPICardProps> = ({ api
               ? `${t('dataset.deleteExternalAPIConfirmWarningContent.content.front')} ${usageCount} ${t('dataset.deleteExternalAPIConfirmWarningContent.content.end')}`
               : t('dataset.deleteExternalAPIConfirmWarningContent.noConnectionContent')
           }
-          type='warning'
+          type="warning"
           onConfirm={handleConfirmDelete}
           onCancel={() => setShowConfirm(false)}
         />
diff --git a/web/app/components/datasets/external-knowledge-base/connector/index.spec.tsx b/web/app/components/datasets/external-knowledge-base/connector/index.spec.tsx
index 011dd5797f..ffb86336f9 100644
--- a/web/app/components/datasets/external-knowledge-base/connector/index.spec.tsx
+++ b/web/app/components/datasets/external-knowledge-base/connector/index.spec.tsx
@@ -1,9 +1,9 @@
 import type { Mock } from 'vitest'
+import type { ExternalAPIItem } from '@/models/datasets'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import type { ExternalAPIItem } from '@/models/datasets'
-import ExternalKnowledgeBaseConnector from './index'
 import { createExternalKnowledgeBase } from '@/service/datasets'
+import ExternalKnowledgeBaseConnector from './index'
 
 // Mock next/navigation
 const mockRouterBack = vi.fn()
diff --git a/web/app/components/datasets/external-knowledge-base/connector/index.tsx b/web/app/components/datasets/external-knowledge-base/connector/index.tsx
index ec055a049f..5184bdd888 100644
--- a/web/app/components/datasets/external-knowledge-base/connector/index.tsx
+++ b/web/app/components/datasets/external-knowledge-base/connector/index.tsx
@@ -1,12 +1,12 @@
 'use client'
 
-import React, { useState } from 'react'
+import type { CreateKnowledgeBaseReq } from '@/app/components/datasets/external-knowledge-base/create/declarations'
 import { useRouter } from 'next/navigation'
+import React, { useState } from 'react'
+import { trackEvent } from '@/app/components/base/amplitude'
 import { useToastContext } from '@/app/components/base/toast'
 import ExternalKnowledgeBaseCreate from '@/app/components/datasets/external-knowledge-base/create'
-import type { CreateKnowledgeBaseReq } from '@/app/components/datasets/external-knowledge-base/create/declarations'
 import { createExternalKnowledgeBase } from '@/service/datasets'
-import { trackEvent } from '@/app/components/base/amplitude'
 
 const ExternalKnowledgeBaseConnector = () => {
   const { notify } = useToastContext()
diff --git a/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx b/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx
index d4590616d9..2035f6709a 100644
--- a/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx
+++ b/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelect.tsx
@@ -1,13 +1,13 @@
-import React, { useEffect, useState } from 'react'
 import {
   RiAddLine,
   RiArrowDownSLine,
 } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useRouter } from 'next/navigation'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
-import { useModalContext } from '@/context/modal-context'
 import { useExternalKnowledgeApi } from '@/context/external-knowledge-api-context'
+import { useModalContext } from '@/context/modal-context'
 
 type ApiItem = {
   value: string
@@ -65,16 +65,16 @@ const ExternalApiSelect: React.FC<ExternalApiSelectProps> = ({ items, value, onS
       >
         {selectedItem
           ? (
-            <div className="flex items-center gap-2 self-stretch rounded-lg p-1">
-              <ApiConnectionMod className='h-4 w-4 text-text-secondary' />
-              <div className='flex grow items-center'>
-                <span className='system-sm-regular overflow-hidden text-ellipsis text-components-input-text-filled'>{selectedItem.name}</span>
+              <div className="flex items-center gap-2 self-stretch rounded-lg p-1">
+                <ApiConnectionMod className="h-4 w-4 text-text-secondary" />
+                <div className="flex grow items-center">
+                  <span className="system-sm-regular overflow-hidden text-ellipsis text-components-input-text-filled">{selectedItem.name}</span>
+                </div>
               </div>
-            </div>
-          )
+            )
           : (
-            <span className='system-sm-regular text-components-input-text-placeholder'>{t('dataset.selectExternalKnowledgeAPI.placeholder')}</span>
-          )}
+              <span className="system-sm-regular text-components-input-text-placeholder">{t('dataset.selectExternalKnowledgeAPI.placeholder')}</span>
+            )}
         <RiArrowDownSLine className={`h-4 w-4 text-text-quaternary transition-transform ${isOpen ? 'text-text-secondary' : ''}`} />
       </div>
       {isOpen && (
@@ -86,19 +86,19 @@ const ExternalApiSelect: React.FC<ExternalApiSelectProps> = ({ items, value, onS
               onClick={() => handleSelect(item)}
             >
               <div className="flex w-full items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover">
-                <ApiConnectionMod className='h-4 w-4 text-text-secondary' />
-                <span className='system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary'>{item.name}</span>
-                <span className='system-xs-regular overflow-hidden text-ellipsis text-right text-text-tertiary'>{item.url}</span>
+                <ApiConnectionMod className="h-4 w-4 text-text-secondary" />
+                <span className="system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary">{item.name}</span>
+                <span className="system-xs-regular overflow-hidden text-ellipsis text-right text-text-tertiary">{item.url}</span>
               </div>
             </div>
           ))}
-          <div className='flex flex-col items-start self-stretch p-1'>
+          <div className="flex flex-col items-start self-stretch p-1">
             <div
-              className='flex cursor-pointer items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover'
+              className="flex cursor-pointer items-center gap-2 self-stretch rounded-lg p-2 hover:bg-state-base-hover"
               onClick={handleAddNewAPI}
             >
-              <RiAddLine className='h-4 w-4 text-text-secondary' />
-              <span className='system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary'>{t('dataset.createNewExternalAPI')}</span>
+              <RiAddLine className="h-4 w-4 text-text-secondary" />
+              <span className="system-sm-medium grow overflow-hidden text-ellipsis text-text-secondary">{t('dataset.createNewExternalAPI')}</span>
             </div>
           </div>
         </div>
diff --git a/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelection.tsx b/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelection.tsx
index d70f6128c5..68231b46d4 100644
--- a/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelection.tsx
+++ b/web/app/components/datasets/external-knowledge-base/create/ExternalApiSelection.tsx
@@ -1,19 +1,19 @@
 'use client'
 
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiAddLine } from '@remixicon/react'
 import { useRouter } from 'next/navigation'
-import ExternalApiSelect from './ExternalApiSelect'
-import Input from '@/app/components/base/input'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import { useModalContext } from '@/context/modal-context'
+import Input from '@/app/components/base/input'
 import { useExternalKnowledgeApi } from '@/context/external-knowledge-api-context'
+import { useModalContext } from '@/context/modal-context'
+import ExternalApiSelect from './ExternalApiSelect'
 
 type ExternalApiSelectionProps = {
   external_knowledge_api_id: string
   external_knowledge_id: string
-  onChange: (data: { external_knowledge_api_id?: string; external_knowledge_id?: string }) => void
+  onChange: (data: { external_knowledge_api_id?: string, external_knowledge_id?: string }) => void
 }
 
 const ExternalApiSelection: React.FC<ExternalApiSelectionProps> = ({ external_knowledge_api_id, external_knowledge_id, onChange }) => {
@@ -59,29 +59,32 @@ const ExternalApiSelection: React.FC<ExternalApiSelectionProps> = ({ external_kn
   }, [])
 
   return (
-    <form className='flex flex-col gap-4 self-stretch'>
-      <div className='flex flex-col gap-1 self-stretch'>
-        <div className='flex flex-col self-stretch'>
-          <label className='system-sm-semibold text-text-secondary'>{t('dataset.externalAPIPanelTitle')}</label>
+    <form className="flex flex-col gap-4 self-stretch">
+      <div className="flex flex-col gap-1 self-stretch">
+        <div className="flex flex-col self-stretch">
+          <label className="system-sm-semibold text-text-secondary">{t('dataset.externalAPIPanelTitle')}</label>
         </div>
         {apiItems.length > 0
-          ? <ExternalApiSelect
-            items={apiItems}
-            value={selectedApiId}
-            onSelect={(e) => {
-              setSelectedApiId(e.value)
-              onChange({ external_knowledge_api_id: e.value, external_knowledge_id })
-            }}
-          />
-          : <Button variant={'tertiary'} onClick={handleAddNewAPI} className='justify-start gap-0.5'>
-            <RiAddLine className='h-4 w-4 text-text-tertiary' />
-            <span className='system-sm-regular text-text-tertiary'>{t('dataset.noExternalKnowledge')}</span>
-          </Button>
-        }
+          ? (
+              <ExternalApiSelect
+                items={apiItems}
+                value={selectedApiId}
+                onSelect={(e) => {
+                  setSelectedApiId(e.value)
+                  onChange({ external_knowledge_api_id: e.value, external_knowledge_id })
+                }}
+              />
+            )
+          : (
+              <Button variant="tertiary" onClick={handleAddNewAPI} className="justify-start gap-0.5">
+                <RiAddLine className="h-4 w-4 text-text-tertiary" />
+                <span className="system-sm-regular text-text-tertiary">{t('dataset.noExternalKnowledge')}</span>
+              </Button>
+            )}
       </div>
-      <div className='flex flex-col gap-1 self-stretch'>
-        <div className='flex flex-col self-stretch'>
-          <label className='system-sm-semibold text-text-secondary'>{t('dataset.externalKnowledgeId')}</label>
+      <div className="flex flex-col gap-1 self-stretch">
+        <div className="flex flex-col self-stretch">
+          <label className="system-sm-semibold text-text-secondary">{t('dataset.externalKnowledgeId')}</label>
         </div>
         <Input
           value={external_knowledge_id}
diff --git a/web/app/components/datasets/external-knowledge-base/create/InfoPanel.tsx b/web/app/components/datasets/external-knowledge-base/create/InfoPanel.tsx
index 8e37c5d1b8..be21a9eb94 100644
--- a/web/app/components/datasets/external-knowledge-base/create/InfoPanel.tsx
+++ b/web/app/components/datasets/external-knowledge-base/create/InfoPanel.tsx
@@ -7,26 +7,28 @@ const InfoPanel = () => {
   const docLink = useDocLink()
 
   return (
-    <div className='flex w-[360px] flex-col items-start pb-2 pr-8 pt-[108px]'>
-      <div className='flex w-full min-w-[240px] flex-col items-start gap-3 self-stretch rounded-xl bg-background-section p-6'>
-        <div className='flex h-10 w-10 grow items-center justify-center gap-2 self-stretch rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg p-1'>
-          <RiBookOpenLine className='h-5 w-5 text-text-accent' />
+    <div className="flex w-[360px] flex-col items-start pb-2 pr-8 pt-[108px]">
+      <div className="flex w-full min-w-[240px] flex-col items-start gap-3 self-stretch rounded-xl bg-background-section p-6">
+        <div className="flex h-10 w-10 grow items-center justify-center gap-2 self-stretch rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg p-1">
+          <RiBookOpenLine className="h-5 w-5 text-text-accent" />
         </div>
-        <p className='flex flex-col items-start gap-2 self-stretch'>
-          <span className='system-xl-semibold self-stretch text-text-secondary'>
+        <p className="flex flex-col items-start gap-2 self-stretch">
+          <span className="system-xl-semibold self-stretch text-text-secondary">
             {t('dataset.connectDatasetIntro.title')}
           </span>
-          <span className='system-sm-regular text-text-tertiary'>
+          <span className="system-sm-regular text-text-tertiary">
             {t('dataset.connectDatasetIntro.content.front')}
-            <a className='system-sm-regular ml-1 text-text-accent' href={docLink('/guides/knowledge-base/external-knowledge-api')} target='_blank' rel="noopener noreferrer">
+            <a className="system-sm-regular ml-1 text-text-accent" href={docLink('/guides/knowledge-base/external-knowledge-api')} target="_blank" rel="noopener noreferrer">
               {t('dataset.connectDatasetIntro.content.link')}
             </a>
             {t('dataset.connectDatasetIntro.content.end')}
           </span>
-          <a className='system-sm-regular self-stretch text-text-accent'
+          <a
+            className="system-sm-regular self-stretch text-text-accent"
             href={docLink('/guides/knowledge-base/connect-external-knowledge-base')}
-            target='_blank'
-            rel="noopener noreferrer">
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             {t('dataset.connectDatasetIntro.learnMore')}
           </a>
         </p>
diff --git a/web/app/components/datasets/external-knowledge-base/create/KnowledgeBaseInfo.tsx b/web/app/components/datasets/external-knowledge-base/create/KnowledgeBaseInfo.tsx
index 4261208c6c..280e8ac864 100644
--- a/web/app/components/datasets/external-knowledge-base/create/KnowledgeBaseInfo.tsx
+++ b/web/app/components/datasets/external-knowledge-base/create/KnowledgeBaseInfo.tsx
@@ -5,7 +5,7 @@ import Input from '@/app/components/base/input'
 type KnowledgeBaseInfoProps = {
   name: string
   description?: string
-  onChange: (data: { name?: string; description?: string }) => void
+  onChange: (data: { name?: string, description?: string }) => void
 }
 
 const KnowledgeBaseInfo: React.FC<KnowledgeBaseInfoProps> = ({ name, description, onChange }) => {
@@ -20,11 +20,11 @@ const KnowledgeBaseInfo: React.FC<KnowledgeBaseInfoProps> = ({ name, description
   }
 
   return (
-    <form className='flex flex-col gap-4 self-stretch'>
-      <div className='flex flex-col gap-4 self-stretch'>
-        <div className='flex flex-col gap-1 self-stretch'>
-          <div className='flex flex-col justify-center self-stretch'>
-            <label className='system-sm-semibold text-text-secondary'>{t('dataset.externalKnowledgeName')}</label>
+    <form className="flex flex-col gap-4 self-stretch">
+      <div className="flex flex-col gap-4 self-stretch">
+        <div className="flex flex-col gap-1 self-stretch">
+          <div className="flex flex-col justify-center self-stretch">
+            <label className="system-sm-semibold text-text-secondary">{t('dataset.externalKnowledgeName')}</label>
           </div>
           <Input
             value={name}
@@ -32,14 +32,14 @@ const KnowledgeBaseInfo: React.FC<KnowledgeBaseInfoProps> = ({ name, description
             placeholder={t('dataset.externalKnowledgeNamePlaceholder') ?? ''}
           />
         </div>
-        <div className='flex flex-col gap-1 self-stretch'>
-          <div className='flex flex-col justify-center self-stretch'>
-            <label className='system-sm-semibold text-text-secondary'>{t('dataset.externalKnowledgeDescription')}</label>
+        <div className="flex flex-col gap-1 self-stretch">
+          <div className="flex flex-col justify-center self-stretch">
+            <label className="system-sm-semibold text-text-secondary">{t('dataset.externalKnowledgeDescription')}</label>
           </div>
-          <div className='flex flex-col gap-1 self-stretch'>
+          <div className="flex flex-col gap-1 self-stretch">
             <textarea
               value={description}
-              onChange={ e => handleDescriptionChange(e)}
+              onChange={e => handleDescriptionChange(e)}
               placeholder={t('dataset.externalKnowledgeDescriptionPlaceholder') ?? ''}
               className={`flex h-20 items-start self-stretch rounded-lg bg-components-input-bg-normal p-3 py-2 ${description ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder'} system-sm-regular`}
             />
diff --git a/web/app/components/datasets/external-knowledge-base/create/RetrievalSettings.tsx b/web/app/components/datasets/external-knowledge-base/create/RetrievalSettings.tsx
index a24105bfd3..a7de114a2d 100644
--- a/web/app/components/datasets/external-knowledge-base/create/RetrievalSettings.tsx
+++ b/web/app/components/datasets/external-knowledge-base/create/RetrievalSettings.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import TopKItem from '@/app/components/base/param-item/top-k-item'
 import ScoreThresholdItem from '@/app/components/base/param-item/score-threshold-item'
+import TopKItem from '@/app/components/base/param-item/top-k-item'
 import { cn } from '@/utils/classnames'
 
 type RetrievalSettingsProps = {
@@ -11,7 +11,7 @@ type RetrievalSettingsProps = {
   scoreThresholdEnabled: boolean
   isInHitTesting?: boolean
   isInRetrievalSetting?: boolean
-  onChange: (data: { top_k?: number; score_threshold?: number; score_threshold_enabled?: boolean }) => void
+  onChange: (data: { top_k?: number, score_threshold?: number, score_threshold_enabled?: boolean }) => void
 }
 
 const RetrievalSettings: FC<RetrievalSettingsProps> = ({
@@ -30,9 +30,11 @@ const RetrievalSettings: FC<RetrievalSettingsProps> = ({
 
   return (
     <div className={cn('flex flex-col gap-2 self-stretch', isInRetrievalSetting && 'w-full max-w-[480px]')}>
-      {!isInHitTesting && !isInRetrievalSetting && <div className='flex h-7 flex-col gap-2 self-stretch pt-1'>
-        <label className='system-sm-semibold text-text-secondary'>{t('dataset.retrievalSettings')}</label>
-      </div>}
+      {!isInHitTesting && !isInRetrievalSetting && (
+        <div className="flex h-7 flex-col gap-2 self-stretch pt-1">
+          <label className="system-sm-semibold text-text-secondary">{t('dataset.retrievalSettings')}</label>
+        </div>
+      )}
       <div className={cn(
         'flex gap-4 self-stretch',
         {
@@ -40,18 +42,19 @@ const RetrievalSettings: FC<RetrievalSettingsProps> = ({
           'flex-row': isInRetrievalSetting,
           'flex-col sm:flex-row': !isInHitTesting && !isInRetrievalSetting,
         },
-      )}>
-        <div className='flex grow flex-col gap-1'>
+      )}
+      >
+        <div className="flex grow flex-col gap-1">
           <TopKItem
-            className='grow'
+            className="grow"
             value={topK}
             onChange={(_key, v) => onChange({ top_k: v })}
             enable={true}
           />
         </div>
-        <div className='flex grow flex-col gap-1'>
+        <div className="flex grow flex-col gap-1">
           <ScoreThresholdItem
-            className='grow'
+            className="grow"
             value={scoreThreshold}
             onChange={(_key, v) => onChange({ score_threshold: v })}
             enable={scoreThresholdEnabled}
diff --git a/web/app/components/datasets/external-knowledge-base/create/index.spec.tsx b/web/app/components/datasets/external-knowledge-base/create/index.spec.tsx
index 73ca6ef42d..0284a924c0 100644
--- a/web/app/components/datasets/external-knowledge-base/create/index.spec.tsx
+++ b/web/app/components/datasets/external-knowledge-base/create/index.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
+import type { ExternalAPIItem } from '@/models/datasets'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import type { ExternalAPIItem } from '@/models/datasets'
+import React from 'react'
 import ExternalKnowledgeBaseCreate from './index'
 import RetrievalSettings from './RetrievalSettings'
 
diff --git a/web/app/components/datasets/external-knowledge-base/create/index.tsx b/web/app/components/datasets/external-knowledge-base/create/index.tsx
index e7e8b99c2c..831754e547 100644
--- a/web/app/components/datasets/external-knowledge-base/create/index.tsx
+++ b/web/app/components/datasets/external-knowledge-base/create/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 
-import { useCallback, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { RiArrowLeftLine, RiArrowRightLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import KnowledgeBaseInfo from './KnowledgeBaseInfo'
-import ExternalApiSelection from './ExternalApiSelection'
-import RetrievalSettings from './RetrievalSettings'
-import InfoPanel from './InfoPanel'
 import type { CreateKnowledgeBaseReq } from './declarations'
-import Divider from '@/app/components/base/divider'
+import { RiArrowLeftLine, RiArrowRightLine } from '@remixicon/react'
+import { useRouter } from 'next/navigation'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
 import { useDocLink } from '@/context/i18n'
+import ExternalApiSelection from './ExternalApiSelection'
+import InfoPanel from './InfoPanel'
+import KnowledgeBaseInfo from './KnowledgeBaseInfo'
+import RetrievalSettings from './RetrievalSettings'
 
 type ExternalKnowledgeBaseCreateProps = {
   onConnect: (formValue: CreateKnowledgeBaseReq) => void
@@ -51,27 +51,30 @@ const ExternalKnowledgeBaseCreate: React.FC<ExternalKnowledgeBaseCreateProps> =
     && formData.external_retrieval_model.score_threshold !== undefined
 
   return (
-    <div className='flex grow flex-col self-stretch rounded-t-2xl border-t border-effects-highlight bg-components-panel-bg'>
-      <div className='flex grow justify-center self-stretch'>
-        <div className='flex w-full max-w-[960px] flex-col items-center px-14 py-0'>
-          <div className='flex w-full max-w-[640px] grow flex-col items-center gap-4 pb-8 pt-6'>
-            <div className='relative flex flex-col items-center gap-[2px] self-stretch py-2'>
-              <div className='system-xl-semibold grow self-stretch text-text-primary'>{t('dataset.connectDataset')}</div>
-              <p className='system-sm-regular text-text-tertiary'>
+    <div className="flex grow flex-col self-stretch rounded-t-2xl border-t border-effects-highlight bg-components-panel-bg">
+      <div className="flex grow justify-center self-stretch">
+        <div className="flex w-full max-w-[960px] flex-col items-center px-14 py-0">
+          <div className="flex w-full max-w-[640px] grow flex-col items-center gap-4 pb-8 pt-6">
+            <div className="relative flex flex-col items-center gap-[2px] self-stretch py-2">
+              <div className="system-xl-semibold grow self-stretch text-text-primary">{t('dataset.connectDataset')}</div>
+              <p className="system-sm-regular text-text-tertiary">
                 <span>{t('dataset.connectHelper.helper1')}</span>
-                <span className='system-sm-medium text-text-secondary'>{t('dataset.connectHelper.helper2')}</span>
+                <span className="system-sm-medium text-text-secondary">{t('dataset.connectHelper.helper2')}</span>
                 <span>{t('dataset.connectHelper.helper3')}</span>
-                <a className='system-sm-regular self-stretch text-text-accent' href={docLink('/guides/knowledge-base/connect-external-knowledge-base')} target='_blank' rel="noopener noreferrer">
+                <a className="system-sm-regular self-stretch text-text-accent" href={docLink('/guides/knowledge-base/connect-external-knowledge-base')} target="_blank" rel="noopener noreferrer">
                   {t('dataset.connectHelper.helper4')}
                 </a>
-                <span>{t('dataset.connectHelper.helper5')} </span>
+                <span>
+                  {t('dataset.connectHelper.helper5')}
+                  {' '}
+                </span>
               </p>
               <Button
-                className='absolute left-[-44px] top-1 flex h-8 w-8 items-center justify-center rounded-full p-2'
-                variant='tertiary'
+                className="absolute left-[-44px] top-1 flex h-8 w-8 items-center justify-center rounded-full p-2"
+                variant="tertiary"
                 onClick={navBackHandle}
               >
-                <RiArrowLeftLine className='h-4 w-4 text-text-tertiary' />
+                <RiArrowLeftLine className="h-4 w-4 text-text-tertiary" />
               </Button>
             </div>
             <KnowledgeBaseInfo
@@ -103,20 +106,20 @@ const ExternalKnowledgeBaseCreate: React.FC<ExternalKnowledgeBaseCreateProps> =
                 },
               })}
             />
-            <div className='flex items-center justify-end gap-2 self-stretch py-2'>
-              <Button variant='secondary' onClick={navBackHandle}>
-                <div className='system-sm-medium text-components-button-secondary-text'>{t('dataset.externalKnowledgeForm.cancel')}</div>
+            <div className="flex items-center justify-end gap-2 self-stretch py-2">
+              <Button variant="secondary" onClick={navBackHandle}>
+                <div className="system-sm-medium text-components-button-secondary-text">{t('dataset.externalKnowledgeForm.cancel')}</div>
               </Button>
               <Button
-                variant='primary'
+                variant="primary"
                 onClick={() => {
                   onConnect(formData)
                 }}
                 disabled={!isFormValid}
                 loading={loading}
               >
-                <div className='system-sm-medium text-components-button-primary-text'>{t('dataset.externalKnowledgeForm.connect')}</div>
-                <RiArrowRightLine className='h-4 w-4 text-components-button-primary-text' />
+                <div className="system-sm-medium text-components-button-primary-text">{t('dataset.externalKnowledgeForm.connect')}</div>
+                <RiArrowRightLine className="h-4 w-4 text-components-button-primary-text" />
               </Button>
             </div>
           </div>
diff --git a/web/app/components/datasets/extra-info/index.tsx b/web/app/components/datasets/extra-info/index.tsx
index 5a801fd79f..5b46c92798 100644
--- a/web/app/components/datasets/extra-info/index.tsx
+++ b/web/app/components/datasets/extra-info/index.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
 import type { RelatedAppResponse } from '@/models/datasets'
-import Statistics from './statistics'
-import ServiceApi from './service-api'
-import { useDatasetApiBaseUrl } from '@/service/knowledge/use-dataset'
+import React from 'react'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useDatasetApiBaseUrl } from '@/service/knowledge/use-dataset'
+import ServiceApi from './service-api'
+import Statistics from './statistics'
 
 type IExtraInfoProps = {
   relatedApps?: RelatedAppResponse
diff --git a/web/app/components/datasets/extra-info/service-api/card.tsx b/web/app/components/datasets/extra-info/service-api/card.tsx
index 7d8376f850..0452ee4da1 100644
--- a/web/app/components/datasets/extra-info/service-api/card.tsx
+++ b/web/app/components/datasets/extra-info/service-api/card.tsx
@@ -1,18 +1,18 @@
+import { RiBookOpenLine, RiKey2Line } from '@remixicon/react'
+import Link from 'next/link'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ApiAggregate } from '@/app/components/base/icons/src/vender/knowledge'
-import Indicator from '@/app/components/header/indicator'
-import Switch from '@/app/components/base/switch'
-import { useSelector as useAppContextSelector } from '@/context/app-context'
-import { cn } from '@/utils/classnames'
-import CopyFeedback from '@/app/components/base/copy-feedback'
 import Button from '@/app/components/base/button'
-import { RiBookOpenLine, RiKey2Line } from '@remixicon/react'
-import { useDisableDatasetServiceApi, useEnableDatasetServiceApi } from '@/service/knowledge/use-dataset'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import Link from 'next/link'
+import CopyFeedback from '@/app/components/base/copy-feedback'
+import { ApiAggregate } from '@/app/components/base/icons/src/vender/knowledge'
+import Switch from '@/app/components/base/switch'
 import SecretKeyModal from '@/app/components/develop/secret-key/secret-key-modal'
+import Indicator from '@/app/components/header/indicator'
+import { useSelector as useAppContextSelector } from '@/context/app-context'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { useDatasetApiAccessUrl } from '@/hooks/use-api-access-url'
+import { useDisableDatasetServiceApi, useEnableDatasetServiceApi } from '@/service/knowledge/use-dataset'
+import { cn } from '@/utils/classnames'
 
 type CardProps = {
   apiEnabled: boolean
@@ -53,20 +53,20 @@ const Card = ({
   }, [])
 
   return (
-    <div className='flex w-[360px] flex-col rounded-xl border border-components-panel-border bg-components-panel-bg shadow-lg shadow-shadow-shadow-1'>
-      <div className='flex flex-col gap-y-3 p-4'>
-        <div className='flex items-center gap-x-3'>
-          <div className='flex grow items-center gap-x-2'>
-            <div className='flex size-6 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 shadow-md shadow-shadow-shadow-5'>
-              <ApiAggregate className='size-4 text-text-primary-on-surface' />
+    <div className="flex w-[360px] flex-col rounded-xl border border-components-panel-border bg-components-panel-bg shadow-lg shadow-shadow-shadow-1">
+      <div className="flex flex-col gap-y-3 p-4">
+        <div className="flex items-center gap-x-3">
+          <div className="flex grow items-center gap-x-2">
+            <div className="flex size-6 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 shadow-md shadow-shadow-shadow-5">
+              <ApiAggregate className="size-4 text-text-primary-on-surface" />
             </div>
-            <div className='system-sm-semibold grow truncate text-text-secondary'>
+            <div className="system-sm-semibold grow truncate text-text-secondary">
               {t('dataset.serviceApi.card.title')}
             </div>
           </div>
-          <div className='flex items-center gap-x-1'>
+          <div className="flex items-center gap-x-1">
             <Indicator
-              className='shrink-0'
+              className="shrink-0"
               color={apiEnabled ? 'green' : 'yellow'}
             />
             <div
@@ -86,13 +86,13 @@ const Card = ({
             disabled={!isCurrentWorkspaceManager}
           />
         </div>
-        <div className='flex flex-col'>
-          <div className='system-xs-regular leading-6 text-text-tertiary'>
+        <div className="flex flex-col">
+          <div className="system-xs-regular leading-6 text-text-tertiary">
             {t('dataset.serviceApi.card.endpoint')}
           </div>
-          <div className='flex h-8 items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 pl-2'>
-            <div className='flex h-4 min-w-0 flex-1 items-start justify-start gap-2 px-1'>
-              <div className='system-xs-medium truncate text-text-secondary'>
+          <div className="flex h-8 items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 pl-2">
+            <div className="flex h-4 min-w-0 flex-1 items-start justify-start gap-2 px-1">
+              <div className="system-xs-medium truncate text-text-secondary">
                 {apiBaseUrl}
               </div>
             </div>
@@ -103,30 +103,30 @@ const Card = ({
         </div>
       </div>
       {/* Actions */}
-      <div className='flex gap-x-1 border-t-[0.5px] border-divider-subtle p-4'>
+      <div className="flex gap-x-1 border-t-[0.5px] border-divider-subtle p-4">
         <Button
-          variant='ghost'
-          size='small'
-          className='gap-x-px text-text-tertiary'
+          variant="ghost"
+          size="small"
+          className="gap-x-px text-text-tertiary"
           onClick={handleOpenSecretKeyModal}
         >
-          <RiKey2Line className='size-3.5 shrink-0' />
-          <span className='system-xs-medium px-[3px]'>
+          <RiKey2Line className="size-3.5 shrink-0" />
+          <span className="system-xs-medium px-[3px]">
             {t('dataset.serviceApi.card.apiKey')}
           </span>
         </Button>
         <Link
           href={apiReferenceUrl}
-          target='_blank'
-          rel='noopener noreferrer'
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <Button
-            variant='ghost'
-            size='small'
-            className='gap-x-px text-text-tertiary'
+            variant="ghost"
+            size="small"
+            className="gap-x-px text-text-tertiary"
           >
-            <RiBookOpenLine className='size-3.5 shrink-0' />
-            <span className='system-xs-medium px-[3px]'>
+            <RiBookOpenLine className="size-3.5 shrink-0" />
+            <span className="system-xs-medium px-[3px]">
               {t('dataset.serviceApi.card.apiReference')}
             </span>
           </Button>
diff --git a/web/app/components/datasets/extra-info/service-api/index.tsx b/web/app/components/datasets/extra-info/service-api/index.tsx
index cd0bdef47e..c653f2cc70 100644
--- a/web/app/components/datasets/extra-info/service-api/index.tsx
+++ b/web/app/components/datasets/extra-info/service-api/index.tsx
@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { ApiAggregate } from '@/app/components/base/icons/src/vender/knowledge'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import Card from './card'
 
 type ServiceApiProps = {
@@ -25,34 +25,35 @@ const ServiceApi = ({
   }
 
   return (
-    <div className='p-3 pt-2'>
+    <div className="p-3 pt-2">
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='top-start'
+        placement="top-start"
         offset={{
           mainAxis: 4,
           crossAxis: -4,
         }}
       >
         <PortalToFollowElemTrigger
-          className='w-full'
+          className="w-full"
           onClick={handleToggle}
         >
           <div className={cn(
             'relative flex h-8 cursor-pointer items-center gap-2 rounded-lg border border-components-panel-border px-3',
             !expand && 'w-8 justify-center',
             open ? 'bg-state-base-hover' : 'hover:bg-state-base-hover',
-          )}>
-            <ApiAggregate className='size-4 shrink-0 text-text-secondary' />
-            {expand && <div className='system-sm-medium grow text-text-secondary'>{t('dataset.serviceApi.title')}</div>}
+          )}
+          >
+            <ApiAggregate className="size-4 shrink-0 text-text-secondary" />
+            {expand && <div className="system-sm-medium grow text-text-secondary">{t('dataset.serviceApi.title')}</div>}
             <Indicator
               className={cn('shrink-0', !expand && 'absolute -right-px -top-px')}
               color={apiEnabled ? 'green' : 'yellow'}
             />
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[10]'>
+        <PortalToFollowElemContent className="z-[10]">
           <Card
             apiEnabled={apiEnabled}
             apiBaseUrl={apiBaseUrl}
diff --git a/web/app/components/datasets/extra-info/statistics.tsx b/web/app/components/datasets/extra-info/statistics.tsx
index a5f8c4f9e5..c867bade83 100644
--- a/web/app/components/datasets/extra-info/statistics.tsx
+++ b/web/app/components/datasets/extra-info/statistics.tsx
@@ -1,11 +1,11 @@
+import type { RelatedAppResponse } from '@/models/datasets'
+import { RiInformation2Line } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Divider from '@/app/components/base/divider'
-import Tooltip from '@/app/components/base/tooltip'
 import LinkedAppsPanel from '@/app/components/base/linked-apps-panel'
+import Tooltip from '@/app/components/base/tooltip'
 import NoLinkedAppsPanel from '../no-linked-apps-panel'
-import { RiInformation2Line } from '@remixicon/react'
-import type { RelatedAppResponse } from '@/models/datasets'
 
 type StatisticsProps = {
   expand: boolean
@@ -24,38 +24,40 @@ const Statistics = ({
   const hasRelatedApps = relatedApps?.data && relatedApps.data.length > 0
 
   return (
-    <div className='flex items-center gap-x-0.5 p-2 pb-0'>
-      <div className='flex grow flex-col px-2 pb-1.5 pt-1'>
-        <div className='system-md-semibold-uppercase text-text-secondary'>
+    <div className="flex items-center gap-x-0.5 p-2 pb-0">
+      <div className="flex grow flex-col px-2 pb-1.5 pt-1">
+        <div className="system-md-semibold-uppercase text-text-secondary">
           {documentCount ?? '--'}
         </div>
-        <div className='system-2xs-medium-uppercase text-text-tertiary'>
+        <div className="system-2xs-medium-uppercase text-text-tertiary">
           {t('common.datasetMenus.documents')}
         </div>
       </div>
-      <div className='py-2 pl-0.5 pr-1.5'>
-        <Divider className='text-test-divider-regular h-full w-fit' />
+      <div className="py-2 pl-0.5 pr-1.5">
+        <Divider className="text-test-divider-regular h-full w-fit" />
       </div>
-      <div className='flex grow flex-col px-2 pb-1.5 pt-1'>
-        <div className='system-md-semibold-uppercase text-text-secondary'>
+      <div className="flex grow flex-col px-2 pb-1.5 pt-1">
+        <div className="system-md-semibold-uppercase text-text-secondary">
           {relatedAppsTotal ?? '--'}
         </div>
         <Tooltip
-          position='top-start'
+          position="top-start"
           noDecoration
           needsDelay
           popupContent={
-            hasRelatedApps ? (
-              <LinkedAppsPanel
-                relatedApps={relatedApps.data}
-                isMobile={!expand}
-              />
-            ) : <NoLinkedAppsPanel />
+            hasRelatedApps
+              ? (
+                  <LinkedAppsPanel
+                    relatedApps={relatedApps.data}
+                    isMobile={!expand}
+                  />
+                )
+              : <NoLinkedAppsPanel />
           }
         >
-          <div className='system-2xs-medium-uppercase flex cursor-pointer items-center gap-x-0.5 text-text-tertiary'>
+          <div className="system-2xs-medium-uppercase flex cursor-pointer items-center gap-x-0.5 text-text-tertiary">
             <span>{t('common.datasetMenus.relatedApp')}</span>
-            <RiInformation2Line className='size-3' />
+            <RiInformation2Line className="size-3" />
           </div>
         </Tooltip>
       </div>
diff --git a/web/app/components/datasets/formatted-text/flavours/edit-slice.tsx b/web/app/components/datasets/formatted-text/flavours/edit-slice.tsx
index 17d5203e7d..3ae95ec531 100644
--- a/web/app/components/datasets/formatted-text/flavours/edit-slice.tsx
+++ b/web/app/components/datasets/formatted-text/flavours/edit-slice.tsx
@@ -1,13 +1,14 @@
-import { useState } from 'react'
+import type { OffsetOptions } from '@floating-ui/react'
 import type { FC, ReactNode } from 'react'
-import { FloatingFocusManager, type OffsetOptions, autoUpdate, flip, offset, shift, useDismiss, useFloating, useHover, useInteractions, useRole } from '@floating-ui/react'
+import type { SliceProps } from './type'
+import { autoUpdate, flip, FloatingFocusManager, offset, shift, useDismiss, useFloating, useHover, useInteractions, useRole } from '@floating-ui/react'
 import { RiDeleteBinLine } from '@remixicon/react'
 // @ts-expect-error no types available
 import lineClamp from 'line-clamp'
-import type { SliceProps } from './type'
-import { SliceContainer, SliceContent, SliceDivider, SliceLabel } from './shared'
-import { cn } from '@/utils/classnames'
+import { useState } from 'react'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import { cn } from '@/utils/classnames'
+import { SliceContainer, SliceContent, SliceDivider, SliceLabel } from './shared'
 
 type EditSliceProps = SliceProps<{
   label: ReactNode
@@ -55,7 +56,8 @@ export const EditSlice: FC<EditSliceProps> = (props) => {
 
   return (
     <>
-      <SliceContainer {...rest}
+      <SliceContainer
+        {...rest}
         className={cn('mr-0 block', className)}
         ref={(ref) => {
           refs.setReference(ref)
@@ -65,44 +67,46 @@ export const EditSlice: FC<EditSliceProps> = (props) => {
         {...getReferenceProps()}
       >
         <SliceLabel
-          className={cn(isDestructive && '!bg-state-destructive-solid !text-text-primary-on-surface',
-            labelClassName)}
+          className={cn(isDestructive && '!bg-state-destructive-solid !text-text-primary-on-surface', labelClassName)}
           labelInnerClassName={labelInnerClassName}
         >
           {label}
         </SliceLabel>
         <SliceContent
-          className={cn(isDestructive && '!bg-state-destructive-hover-alt',
-            contentClassName)}
+          className={cn(isDestructive && '!bg-state-destructive-hover-alt', contentClassName)}
         >
           {text}
         </SliceContent>
-        {showDivider && <SliceDivider
-          className={cn(isDestructive && '!bg-state-destructive-hover-alt')}
-        />}
-        {delBtnShow && <FloatingFocusManager
-          context={context}
-        >
-          <span
-            ref={refs.setFloating}
-            style={floatingStyles}
-            {...getFloatingProps()}
-            className='inline-flex items-center justify-center rounded-lg bg-components-actionbar-bg p-1 shadow'
-            onMouseEnter={() => setDelBtnHover(true)}
-            onMouseLeave={() => setDelBtnHover(false)}
+        {showDivider && (
+          <SliceDivider
+            className={cn(isDestructive && '!bg-state-destructive-hover-alt')}
+          />
+        )}
+        {delBtnShow && (
+          <FloatingFocusManager
+            context={context}
           >
-            <ActionButton
-              onClick={(e) => {
-                e.stopPropagation()
-                onDelete()
-                setDelBtnShow(false)
-              }}
-              state={ActionButtonState.Destructive}
+            <span
+              ref={refs.setFloating}
+              style={floatingStyles}
+              {...getFloatingProps()}
+              className="inline-flex items-center justify-center rounded-lg bg-components-actionbar-bg p-1 shadow"
+              onMouseEnter={() => setDelBtnHover(true)}
+              onMouseLeave={() => setDelBtnHover(false)}
             >
-              <RiDeleteBinLine className='h-4 w-4' />
-            </ActionButton>
-          </span>
-        </FloatingFocusManager>}
+              <ActionButton
+                onClick={(e) => {
+                  e.stopPropagation()
+                  onDelete()
+                  setDelBtnShow(false)
+                }}
+                state={ActionButtonState.Destructive}
+              >
+                <RiDeleteBinLine className="h-4 w-4" />
+              </ActionButton>
+            </span>
+          </FloatingFocusManager>
+        )}
       </SliceContainer>
     </>
   )
diff --git a/web/app/components/datasets/formatted-text/flavours/preview-slice.tsx b/web/app/components/datasets/formatted-text/flavours/preview-slice.tsx
index d3fa1f4386..99ef8816ef 100644
--- a/web/app/components/datasets/formatted-text/flavours/preview-slice.tsx
+++ b/web/app/components/datasets/formatted-text/flavours/preview-slice.tsx
@@ -1,7 +1,7 @@
-import { useState } from 'react'
 import type { FC, ReactNode } from 'react'
-import { autoUpdate, flip, inline, shift, useDismiss, useFloating, useHover, useInteractions, useRole } from '@floating-ui/react'
 import type { SliceProps } from './type'
+import { autoUpdate, flip, inline, shift, useDismiss, useFloating, useHover, useInteractions, useRole } from '@floating-ui/react'
+import { useState } from 'react'
 import { SliceContainer, SliceContent, SliceDivider, SliceLabel } from './shared'
 
 type PreviewSliceProps = SliceProps<{
@@ -34,7 +34,8 @@ export const PreviewSlice: FC<PreviewSliceProps> = (props) => {
   const { getReferenceProps, getFloatingProps } = useInteractions([hover, dismiss, role])
   return (
     <>
-      <SliceContainer {...rest}
+      <SliceContainer
+        {...rest}
         className={className}
         ref={refs.setReference}
         {...getReferenceProps()}
@@ -43,14 +44,16 @@ export const PreviewSlice: FC<PreviewSliceProps> = (props) => {
         <SliceContent>{text}</SliceContent>
         <SliceDivider className={dividerClassName} />
       </SliceContainer>
-      {tooltipOpen && <span
-        ref={refs.setFloating}
-        style={floatingStyles}
-        {...getFloatingProps()}
-        className='rounded-md border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-2 text-xs leading-4 text-text-secondary shadow shadow-shadow-shadow-5 backdrop-blur-[5px]'
-      >
-        {tooltip}
-      </span>}
+      {tooltipOpen && (
+        <span
+          ref={refs.setFloating}
+          style={floatingStyles}
+          {...getFloatingProps()}
+          className="rounded-md border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-2 text-xs leading-4 text-text-secondary shadow shadow-shadow-shadow-5 backdrop-blur-[5px]"
+        >
+          {tooltip}
+        </span>
+      )}
     </>
   )
 }
diff --git a/web/app/components/datasets/formatted-text/flavours/shared.tsx b/web/app/components/datasets/formatted-text/flavours/shared.tsx
index e4ace4c1df..2ef0a1c003 100644
--- a/web/app/components/datasets/formatted-text/flavours/shared.tsx
+++ b/web/app/components/datasets/formatted-text/flavours/shared.tsx
@@ -12,8 +12,13 @@ export const SliceContainer: FC<SliceContainerProps> = (
   },
 ) => {
   const { className, ...rest } = props
-  return <span {...rest} ref={ref} className={cn('group mr-1 select-none align-bottom text-sm',
-    className)} />
+  return (
+    <span
+      {...rest}
+      ref={ref}
+      className={cn('group mr-1 select-none align-bottom text-sm', className)}
+    />
+  )
 }
 SliceContainer.displayName = 'SliceContainer'
 
@@ -26,13 +31,17 @@ export const SliceLabel: FC<SliceLabelProps> = (
   },
 ) => {
   const { className, children, labelInnerClassName, ...rest } = props
-  return <span {...rest} ref={ref} className={cn(baseStyle,
-    'bg-state-base-hover-alt px-1 uppercase text-text-tertiary group-hover:bg-state-accent-solid group-hover:text-text-primary-on-surface',
-    className)}>
-    <span className={cn('text-nowrap', labelInnerClassName)}>
-      {children}
+  return (
+    <span
+      {...rest}
+      ref={ref}
+      className={cn(baseStyle, 'bg-state-base-hover-alt px-1 uppercase text-text-tertiary group-hover:bg-state-accent-solid group-hover:text-text-primary-on-surface', className)}
+    >
+      <span className={cn('text-nowrap', labelInnerClassName)}>
+        {children}
+      </span>
     </span>
-  </span>
+  )
 }
 SliceLabel.displayName = 'SliceLabel'
 
@@ -45,11 +54,15 @@ export const SliceContent: FC<SliceContentProps> = (
   },
 ) => {
   const { className, children, ...rest } = props
-  return <span {...rest} ref={ref} className={cn(baseStyle,
-    'whitespace-pre-line break-all bg-state-base-hover px-1 leading-7 group-hover:bg-state-accent-hover-alt group-hover:text-text-primary',
-    className)}>
-    {children}
-  </span>
+  return (
+    <span
+      {...rest}
+      ref={ref}
+      className={cn(baseStyle, 'whitespace-pre-line break-all bg-state-base-hover px-1 leading-7 group-hover:bg-state-accent-hover-alt group-hover:text-text-primary', className)}
+    >
+      {children}
+    </span>
+  )
 }
 SliceContent.displayName = 'SliceContent'
 
@@ -62,11 +75,15 @@ export const SliceDivider: FC<SliceDividerProps> = (
   },
 ) => {
   const { className, ...rest } = props
-  return <span {...rest} ref={ref} className={cn(baseStyle,
-    'bg-state-base-active px-[1px] text-sm group-hover:bg-state-accent-solid',
-    className)}>
-    {/* use a zero-width space to make the hover area bigger */}
-    &#8203;
-  </span>
+  return (
+    <span
+      {...rest}
+      ref={ref}
+      className={cn(baseStyle, 'bg-state-base-active px-[1px] text-sm group-hover:bg-state-accent-solid', className)}
+    >
+      {/* use a zero-width space to make the hover area bigger */}
+      &#8203;
+    </span>
+  )
 }
 SliceDivider.displayName = 'SliceDivider'
diff --git a/web/app/components/datasets/formatted-text/formatted.tsx b/web/app/components/datasets/formatted-text/formatted.tsx
index 8021b7090c..0c1aad6d21 100644
--- a/web/app/components/datasets/formatted-text/formatted.tsx
+++ b/web/app/components/datasets/formatted-text/formatted.tsx
@@ -5,8 +5,12 @@ export type FormattedTextProps = ComponentProps<'p'>
 
 export const FormattedText: FC<FormattedTextProps> = (props) => {
   const { className, ...rest } = props
-  return <p
-    {...rest}
-    className={cn('leading-7', className)}
-  >{props.children}</p>
+  return (
+    <p
+      {...rest}
+      className={cn('leading-7', className)}
+    >
+      {props.children}
+    </p>
+  )
 }
diff --git a/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx b/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
index 3ccd638ccc..680e848185 100644
--- a/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
+++ b/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
+import type { HitTestingChildChunk } from '@/models/datasets'
 import React from 'react'
 import { SliceContent } from '../../formatted-text/flavours/shared'
 import Score from './score'
-import type { HitTestingChildChunk } from '@/models/datasets'
 
 type Props = {
   payload: HitTestingChildChunk
@@ -19,11 +19,14 @@ const ChildChunks: FC<Props> = ({
     <div
       className={!isShowAll ? 'line-clamp-2 break-all' : ''}
     >
-      <div className='relative top-[-2px] inline-flex items-center'>
-        <div className='system-2xs-semibold-uppercase flex h-[20.5px] items-center  bg-state-accent-solid px-1 text-text-primary-on-surface'>C-{position}</div>
+      <div className="relative top-[-2px] inline-flex items-center">
+        <div className="system-2xs-semibold-uppercase flex h-[20.5px] items-center  bg-state-accent-solid px-1 text-text-primary-on-surface">
+          C-
+          {position}
+        </div>
         <Score value={score} besideChunkName />
       </div>
-      <SliceContent className='bg-state-accent-hover py-0.5 text-sm font-normal text-text-secondary group-hover:bg-state-accent-hover'>{content}</SliceContent>
+      <SliceContent className="bg-state-accent-hover py-0.5 text-sm font-normal text-text-secondary group-hover:bg-state-accent-hover">{content}</SliceContent>
     </div>
   )
 }
diff --git a/web/app/components/datasets/hit-testing/components/chunk-detail-modal.tsx b/web/app/components/datasets/hit-testing/components/chunk-detail-modal.tsx
index 95070ba01f..b7468ee08c 100644
--- a/web/app/components/datasets/hit-testing/components/chunk-detail-modal.tsx
+++ b/web/app/components/datasets/hit-testing/components/chunk-detail-modal.tsx
@@ -1,19 +1,19 @@
 'use client'
+import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
+import type { HitTesting } from '@/models/datasets'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { SegmentIndexTag } from '../../documents/detail/completed/common/segment-index-tag'
-import Dot from '../../documents/detail/completed/common/dot'
-import Score from './score'
-import ChildChunksItem from './child-chunks-item'
-import Modal from '@/app/components/base/modal'
-import type { HitTesting } from '@/models/datasets'
 import FileIcon from '@/app/components/base/file-uploader/file-type-icon'
-import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
-import { cn } from '@/utils/classnames'
-import Tag from '@/app/components/datasets/documents/detail/completed/common/tag'
 import { Markdown } from '@/app/components/base/markdown'
+import Modal from '@/app/components/base/modal'
+import Tag from '@/app/components/datasets/documents/detail/completed/common/tag'
+import { cn } from '@/utils/classnames'
 import ImageList from '../../common/image-list'
+import Dot from '../../documents/detail/completed/common/dot'
+import { SegmentIndexTag } from '../../documents/detail/completed/common/segment-index-tag'
+import ChildChunksItem from './child-chunks-item'
 import Mask from './mask'
+import Score from './score'
 
 const i18nPrefix = 'datasetHitTesting'
 
@@ -35,7 +35,8 @@ const ChunkDetailModal = ({
   const labelPrefix = isParentChildRetrieval ? t('datasetDocuments.segment.parentChunk') : t('datasetDocuments.segment.chunk')
 
   const images = useMemo(() => {
-    if (!files) return []
+    if (!files)
+      return []
     return files.map(file => ({
       name: file.name,
       mimeType: file.mime_type,
@@ -56,26 +57,26 @@ const ChunkDetailModal = ({
       onClose={onHide}
       className={cn(isParentChildRetrieval ? '!min-w-[1200px]' : '!min-w-[800px]')}
     >
-      <div className='mt-4 flex'>
+      <div className="mt-4 flex">
         <div className={cn('flex-1', isParentChildRetrieval && 'pr-6')}>
           {/* Meta info */}
-          <div className='flex items-center justify-between'>
-            <div className='flex grow items-center space-x-2'>
+          <div className="flex items-center justify-between">
+            <div className="flex grow items-center space-x-2">
               <SegmentIndexTag
                 labelPrefix={labelPrefix}
                 positionId={position}
                 className={cn('w-fit group-hover:opacity-100')}
               />
               <Dot />
-              <div className='flex grow items-center space-x-1'>
-                <FileIcon type={extension} size='sm' />
-                <span className='w-0 grow truncate text-[13px] font-normal text-text-secondary'>{document.name}</span>
+              <div className="flex grow items-center space-x-1">
+                <FileIcon type={extension} size="sm" />
+                <span className="w-0 grow truncate text-[13px] font-normal text-text-secondary">{document.name}</span>
               </div>
             </div>
             <Score value={score} />
           </div>
           {/* Content */}
-          <div className='relative'>
+          <div className="relative">
             {!answer && (
               <Markdown
                 className={cn('!mt-2 !text-text-secondary', heighClassName)}
@@ -84,15 +85,15 @@ const ChunkDetailModal = ({
               />
             )}
             {answer && (
-              <div className='break-all'>
-                <div className='flex gap-x-1'>
-                  <div className='w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary'>Q</div>
+              <div className="break-all">
+                <div className="flex gap-x-1">
+                  <div className="w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">Q</div>
                   <div className={cn('body-md-regular line-clamp-20 text-text-secondary')}>
                     {content}
                   </div>
                 </div>
-                <div className='flex gap-x-1'>
-                  <div className='w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary'>A</div>
+                <div className="flex gap-x-1">
+                  <div className="w-4 shrink-0 text-[13px] font-medium leading-[20px] text-text-tertiary">A</div>
                   <div className={cn('body-md-regular line-clamp-20 text-text-secondary')}>
                     {answer}
                   </div>
@@ -100,17 +101,17 @@ const ChunkDetailModal = ({
               </div>
             )}
             {/* Mask */}
-            <Mask className='absolute inset-x-0 bottom-0' />
+            <Mask className="absolute inset-x-0 bottom-0" />
           </div>
           {(showImages || showKeywords) && (
-            <div className='flex flex-col gap-y-3 pt-3'>
+            <div className="flex flex-col gap-y-3 pt-3">
               {showImages && (
-                <ImageList images={images} size='md' className='py-1' />
+                <ImageList images={images} size="md" className="py-1" />
               )}
               {showKeywords && (
-                <div className='flex flex-col gap-y-1'>
-                  <div className='text-xs font-medium uppercase text-text-tertiary'>{t(`${i18nPrefix}.keyword`)}</div>
-                  <div className='flex flex-wrap gap-x-2'>
+                <div className="flex flex-col gap-y-1">
+                  <div className="text-xs font-medium uppercase text-text-tertiary">{t(`${i18nPrefix}.keyword`)}</div>
+                  <div className="flex flex-wrap gap-x-2">
                     {keywords.map(keyword => (
                       <Tag key={keyword} text={keyword} />
                     ))}
@@ -122,8 +123,8 @@ const ChunkDetailModal = ({
         </div>
 
         {isParentChildRetrieval && (
-          <div className='flex-1 pb-6 pl-6'>
-            <div className='system-xs-semibold-uppercase text-text-secondary'>{t(`${i18nPrefix}.hitChunks`, { num: child_chunks.length })}</div>
+          <div className="flex-1 pb-6 pl-6">
+            <div className="system-xs-semibold-uppercase text-text-secondary">{t(`${i18nPrefix}.hitChunks`, { num: child_chunks.length })}</div>
             <div className={cn('mt-1 space-y-2', heighClassName)}>
               {child_chunks.map(item => (
                 <ChildChunksItem key={item.id} payload={item} isShowAll />
diff --git a/web/app/components/datasets/hit-testing/components/empty-records.tsx b/web/app/components/datasets/hit-testing/components/empty-records.tsx
index db7d724b17..1a93439e73 100644
--- a/web/app/components/datasets/hit-testing/components/empty-records.tsx
+++ b/web/app/components/datasets/hit-testing/components/empty-records.tsx
@@ -4,12 +4,14 @@ import { useTranslation } from 'react-i18next'
 
 const EmptyRecords = () => {
   const { t } = useTranslation()
-  return <div className='rounded-2xl bg-workflow-process-bg p-5'>
-    <div className='flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg p-1 shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]'>
-      <RiHistoryLine className='h-5 w-5 text-text-tertiary' />
+  return (
+    <div className="rounded-2xl bg-workflow-process-bg p-5">
+      <div className="flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg p-1 shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]">
+        <RiHistoryLine className="h-5 w-5 text-text-tertiary" />
+      </div>
+      <div className="my-2 text-[13px] font-medium leading-4 text-text-tertiary">{t('datasetHitTesting.noRecentTip')}</div>
     </div>
-    <div className='my-2 text-[13px] font-medium leading-4 text-text-tertiary'>{t('datasetHitTesting.noRecentTip')}</div>
-  </div>
+  )
 }
 
 export default React.memo(EmptyRecords)
diff --git a/web/app/components/datasets/hit-testing/components/mask.tsx b/web/app/components/datasets/hit-testing/components/mask.tsx
index 6f382d035a..0bf329a3ff 100644
--- a/web/app/components/datasets/hit-testing/components/mask.tsx
+++ b/web/app/components/datasets/hit-testing/components/mask.tsx
@@ -12,7 +12,8 @@ export const Mask = ({
     <div className={cn(
       'h-12 bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg',
       className,
-    )} />
+    )}
+    />
   )
 }
 
diff --git a/web/app/components/datasets/hit-testing/components/query-input/index.tsx b/web/app/components/datasets/hit-testing/components/query-input/index.tsx
index fcacbe5a7e..abaed302c8 100644
--- a/web/app/components/datasets/hit-testing/components/query-input/index.tsx
+++ b/web/app/components/datasets/hit-testing/components/query-input/index.tsx
@@ -1,15 +1,6 @@
+import type { UseMutateAsyncFunction } from '@tanstack/react-query'
 import type { ChangeEvent } from 'react'
-import React, { useCallback, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  RiEqualizer2Line,
-  RiPlayCircleLine,
-} from '@remixicon/react'
-import Image from 'next/image'
-import Button from '@/app/components/base/button'
-import { getIcon } from '@/app/components/datasets/common/retrieval-method-info'
-import ModifyExternalRetrievalModal from '@/app/components/datasets/hit-testing/modify-external-retrieval-modal'
-import { cn } from '@/utils/classnames'
+import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
 import type {
   Attachment,
   ExternalKnowledgeBaseHitTestingRequest,
@@ -18,13 +9,23 @@ import type {
   HitTestingResponse,
   Query,
 } from '@/models/datasets'
-import { RETRIEVE_METHOD, type RetrievalConfig } from '@/types/app'
-import type { UseMutateAsyncFunction } from '@tanstack/react-query'
-import ImageUploaderInRetrievalTesting from '@/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing'
-import Textarea from './textarea'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import type { FileEntity } from '@/app/components/datasets/common/image-uploader/types'
+import type { RetrievalConfig } from '@/types/app'
+import {
+  RiEqualizer2Line,
+  RiPlayCircleLine,
+} from '@remixicon/react'
+import Image from 'next/image'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { v4 as uuid4 } from 'uuid'
+import Button from '@/app/components/base/button'
+import ImageUploaderInRetrievalTesting from '@/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing'
+import { getIcon } from '@/app/components/datasets/common/retrieval-method-info'
+import ModifyExternalRetrievalModal from '@/app/components/datasets/hit-testing/modify-external-retrieval-modal'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { RETRIEVE_METHOD } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import Textarea from './textarea'
 
 type QueryInputProps = {
   onUpdateList: () => void
@@ -176,7 +177,7 @@ const QueryInput = ({
   }, [text, externalRetrievalSettings, externalKnowledgeBaseHitTestingMutation, onUpdateList, setExternalHitResult])
 
   const retrievalMethod = isEconomy ? RETRIEVE_METHOD.keywordSearch : retrievalConfig.search_method
-  const icon = <Image className='size-3.5 text-util-colors-purple-purple-600' src={getIcon(retrievalMethod)} alt='' />
+  const icon = <Image className="size-3.5 text-util-colors-purple-purple-600" src={getIcon(retrievalMethod)} alt="" />
   const TextAreaComp = useMemo(() => {
     return (
       <Textarea
@@ -189,12 +190,12 @@ const QueryInput = ({
     return (
       <Button
         onClick={isExternal ? externalRetrievalTestingOnSubmit : onSubmit}
-        variant='primary'
+        variant="primary"
         loading={loading}
         disabled={(text.length === 0 && images.length === 0) || text.length > 200 || (images.length > 0 && !isAllUploaded)}
-        className='w-[88px]'
+        className="w-[88px]"
       >
-        <RiPlayCircleLine className='mr-1 size-4' />
+        <RiPlayCircleLine className="mr-1 size-4" />
         {t('datasetHitTesting.input.testing')}
       </Button>
     )
@@ -202,32 +203,34 @@ const QueryInput = ({
 
   return (
     <div className={cn('relative flex h-80 shrink-0 flex-col overflow-hidden rounded-xl bg-gradient-to-r from-components-input-border-active-prompt-1 to-components-input-border-active-prompt-2 p-0.5 shadow-xs')}>
-      <div className='flex h-full flex-col overflow-hidden rounded-[10px] bg-background-section-burn'>
-        <div className='relative flex shrink-0 items-center justify-between p-1.5 pb-1 pl-3'>
-          <span className='system-sm-semibold-uppercase text-text-secondary'>
+      <div className="flex h-full flex-col overflow-hidden rounded-[10px] bg-background-section-burn">
+        <div className="relative flex shrink-0 items-center justify-between p-1.5 pb-1 pl-3">
+          <span className="system-sm-semibold-uppercase text-text-secondary">
             {t('datasetHitTesting.input.title')}
           </span>
-          {isExternal ? (
-            <Button
-              variant='secondary'
-              size='small'
-              onClick={() => setIsSettingsOpen(!isSettingsOpen)}
-            >
-              <RiEqualizer2Line className='h-3.5 w-3.5 text-components-button-secondary-text' />
-              <div className='flex items-center justify-center gap-1 px-[3px]'>
-                <span className='system-xs-medium text-components-button-secondary-text'>{t('datasetHitTesting.settingTitle')}</span>
-              </div>
-            </Button>
-          ) : (
-            <div
-              onClick={onClickRetrievalMethod}
-              className='flex h-7 cursor-pointer items-center space-x-0.5 rounded-lg border-[0.5px] border-components-button-secondary-bg bg-components-button-secondary-bg px-1.5 shadow-xs backdrop-blur-[5px] hover:bg-components-button-secondary-bg-hover'
-            >
-              {icon}
-              <div className='text-xs font-medium uppercase text-text-secondary'>{t(`dataset.retrieval.${retrievalMethod}.title`)}</div>
-              <RiEqualizer2Line className='size-4 text-components-menu-item-text'></RiEqualizer2Line>
-            </div>
-          )}
+          {isExternal
+            ? (
+                <Button
+                  variant="secondary"
+                  size="small"
+                  onClick={() => setIsSettingsOpen(!isSettingsOpen)}
+                >
+                  <RiEqualizer2Line className="h-3.5 w-3.5 text-components-button-secondary-text" />
+                  <div className="flex items-center justify-center gap-1 px-[3px]">
+                    <span className="system-xs-medium text-components-button-secondary-text">{t('datasetHitTesting.settingTitle')}</span>
+                  </div>
+                </Button>
+              )
+            : (
+                <div
+                  onClick={onClickRetrievalMethod}
+                  className="flex h-7 cursor-pointer items-center space-x-0.5 rounded-lg border-[0.5px] border-components-button-secondary-bg bg-components-button-secondary-bg px-1.5 shadow-xs backdrop-blur-[5px] hover:bg-components-button-secondary-bg-hover"
+                >
+                  {icon}
+                  <div className="text-xs font-medium uppercase text-text-secondary">{t(`dataset.retrieval.${retrievalMethod}.title`)}</div>
+                  <RiEqualizer2Line className="size-4 text-components-menu-item-text"></RiEqualizer2Line>
+                </div>
+              )}
           {
             isSettingsOpen && (
               <ModifyExternalRetrievalModal
@@ -246,8 +249,8 @@ const QueryInput = ({
           onChange={handleImageChange}
           value={images}
           showUploader={isMultimodal}
-          className='grow'
-          actionAreaClassName='px-4 py-2 shrink-0 bg-background-default'
+          className="grow"
+          actionAreaClassName="px-4 py-2 shrink-0 bg-background-default"
         />
       </div>
     </div>
diff --git a/web/app/components/datasets/hit-testing/components/query-input/textarea.tsx b/web/app/components/datasets/hit-testing/components/query-input/textarea.tsx
index ca48770a6a..a3478d5deb 100644
--- a/web/app/components/datasets/hit-testing/components/query-input/textarea.tsx
+++ b/web/app/components/datasets/hit-testing/components/query-input/textarea.tsx
@@ -1,9 +1,9 @@
 import type { ChangeEvent } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import { Corner } from '@/app/components/base/icons/src/vender/solid/shapes'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 
 type TextareaProps = {
   text: string
@@ -20,39 +20,41 @@ const Textarea = ({
     <div className={cn(
       'relative flex-1 overflow-hidden rounded-t-[10px] border-t-[0.5px] border-components-panel-border-subtle bg-background-default px-4 pb-0 pt-3',
       text.length > 200 && 'border-state-destructive-active',
-    )}>
+    )}
+    >
       <textarea
-        className='system-md-regular h-full w-full resize-none border-none bg-transparent text-text-secondary caret-[#295EFF] placeholder:text-components-input-text-placeholder focus-visible:outline-none'
+        className="system-md-regular h-full w-full resize-none border-none bg-transparent text-text-secondary caret-[#295EFF] placeholder:text-components-input-text-placeholder focus-visible:outline-none"
         value={text}
         onChange={handleTextChange}
         placeholder={t('datasetHitTesting.input.placeholder') as string}
       />
-      <div className='absolute right-0 top-0 flex items-center'>
+      <div className="absolute right-0 top-0 flex items-center">
         <Corner className={cn(
           'text-background-section-burn',
           text.length > 200 && 'text-util-colors-red-red-100',
-        )} />
+        )}
+        />
         {text.length > 200
           ? (
-            <Tooltip
-              popupContent={t('datasetHitTesting.input.countWarning')}
-            >
+              <Tooltip
+                popupContent={t('datasetHitTesting.input.countWarning')}
+              >
+                <div
+                  className={cn('system-2xs-medium-uppercase bg-util-colors-red-red-100 py-1 pr-2 text-util-colors-red-red-600')}
+                >
+                  {`${text.length}/200`}
+                </div>
+              </Tooltip>
+            )
+          : (
               <div
-                className={cn('system-2xs-medium-uppercase bg-util-colors-red-red-100 py-1 pr-2 text-util-colors-red-red-600')}
+                className={cn(
+                  'system-2xs-medium-uppercase bg-background-section-burn py-1 pr-2 text-text-tertiary',
+                )}
               >
                 {`${text.length}/200`}
               </div>
-            </Tooltip>
-          )
-          : (
-            <div
-              className={cn(
-                'system-2xs-medium-uppercase bg-background-section-burn py-1 pr-2 text-text-tertiary',
-              )}
-            >
-              {`${text.length}/200`}
-            </div>
-          )}
+            )}
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/hit-testing/components/records.tsx b/web/app/components/datasets/hit-testing/components/records.tsx
index 5e8facf7b3..37eea71625 100644
--- a/web/app/components/datasets/hit-testing/components/records.tsx
+++ b/web/app/components/datasets/hit-testing/components/records.tsx
@@ -1,10 +1,10 @@
-import React, { useCallback, useMemo, useState } from 'react'
-import useTimestamp from '@/hooks/use-timestamp'
 import type { Attachment, HitTestingRecord, Query } from '@/models/datasets'
 import { RiApps2Line, RiArrowDownLine, RiFocus2Line } from '@remixicon/react'
+import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import ImageList from '../../common/image-list'
+import useTimestamp from '@/hooks/use-timestamp'
 import { cn } from '@/utils/classnames'
+import ImageList from '../../common/image-list'
 
 type RecordsProps = {
   records: HitTestingRecord[]
@@ -45,15 +45,15 @@ const Records = ({
   }
 
   return (
-    <div className='grow overflow-y-auto'>
-      <table className={'w-full border-collapse border-0 text-[13px] leading-4 text-text-secondary '}>
-        <thead className='sticky top-0 h-7 text-xs  font-medium uppercase leading-7 text-text-tertiary backdrop-blur-[5px]'>
+    <div className="grow overflow-y-auto">
+      <table className="w-full border-collapse border-0 text-[13px] leading-4 text-text-secondary ">
+        <thead className="sticky top-0 h-7 text-xs  font-medium uppercase leading-7 text-text-tertiary backdrop-blur-[5px]">
           <tr>
-            <td className='rounded-l-lg bg-background-section-burn pl-3'>{t('datasetHitTesting.table.header.queryContent')}</td>
-            <td className='w-[128px]  bg-background-section-burn pl-3'>{t('datasetHitTesting.table.header.source')}</td>
-            <td className='w-48 rounded-r-lg bg-background-section-burn pl-3'>
+            <td className="rounded-l-lg bg-background-section-burn pl-3">{t('datasetHitTesting.table.header.queryContent')}</td>
+            <td className="w-[128px]  bg-background-section-burn pl-3">{t('datasetHitTesting.table.header.source')}</td>
+            <td className="w-48 rounded-r-lg bg-background-section-burn pl-3">
               <div
-                className='flex cursor-pointer items-center'
+                className="flex cursor-pointer items-center"
                 onClick={handleSortTime}
               >
                 {t('datasetHitTesting.table.header.time')}
@@ -76,33 +76,33 @@ const Records = ({
             return (
               <tr
                 key={id}
-                className='group cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover'
+                className="group cursor-pointer border-b border-divider-subtle hover:bg-background-default-hover"
                 onClick={() => onClickRecord(record)}
               >
-                <td className='max-w-xs p-3 pr-2'>
-                  <div className='flex flex-col gap-y-1'>
+                <td className="max-w-xs p-3 pr-2">
+                  <div className="flex flex-col gap-y-1">
                     {content && (
-                      <div className='line-clamp-2'>
+                      <div className="line-clamp-2">
                         {content}
                       </div>
                     )}
                     {images.length > 0 && (
                       <ImageList
                         images={images}
-                        size='md'
-                        className='py-1'
+                        size="md"
+                        className="py-1"
                         limit={5}
                       />
                     )}
                   </div>
                 </td>
-                <td className='w-[128px] p-3 pr-2'>
-                  <div className='flex items-center'>
-                    <SourceIcon className='mr-1 size-4 text-text-tertiary' />
-                    <span className='capitalize'>{source.replace('_', ' ').replace('hit testing', 'retrieval test')}</span>
+                <td className="w-[128px] p-3 pr-2">
+                  <div className="flex items-center">
+                    <SourceIcon className="mr-1 size-4 text-text-tertiary" />
+                    <span className="capitalize">{source.replace('_', ' ').replace('hit testing', 'retrieval test')}</span>
                   </div>
                 </td>
-                <td className='w-48 p-3 pr-2'>
+                <td className="w-48 p-3 pr-2">
                   {formatTime(created_at, t('datasetHitTesting.dateTimeFormat') as string)}
                 </td>
               </tr>
diff --git a/web/app/components/datasets/hit-testing/components/result-item-external.tsx b/web/app/components/datasets/hit-testing/components/result-item-external.tsx
index 9fa1701cd6..43d0709994 100644
--- a/web/app/components/datasets/hit-testing/components/result-item-external.tsx
+++ b/web/app/components/datasets/hit-testing/components/result-item-external.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { ExternalKnowledgeBaseHitTesting } from '@/models/datasets'
+import { useBoolean } from 'ahooks'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import ResultItemMeta from './result-item-meta'
-import ResultItemFooter from './result-item-footer'
-import type { ExternalKnowledgeBaseHitTesting } from '@/models/datasets'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
 import { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
+import Modal from '@/app/components/base/modal'
+import { cn } from '@/utils/classnames'
+import ResultItemFooter from './result-item-footer'
+import ResultItemMeta from './result-item-meta'
 
 const i18nPrefix = 'datasetHitTesting'
 type Props = {
@@ -27,11 +27,11 @@ const ResultItemExternal: FC<Props> = ({ payload, positionId }) => {
   return (
     <div className={cn('cursor-pointer rounded-xl bg-chat-bubble-bg pt-3 hover:shadow-lg')} onClick={showDetailModal}>
       {/* Meta info */}
-      <ResultItemMeta className='px-3' labelPrefix={'Chunk'} positionId={positionId} wordCount={content.length} score={score} />
+      <ResultItemMeta className="px-3" labelPrefix="Chunk" positionId={positionId} wordCount={content.length} score={score} />
 
       {/* Main */}
-      <div className='mt-1 px-3'>
-        <div className='body-md-regular line-clamp-2 break-all text-text-primary'>{content}</div>
+      <div className="mt-1 px-3">
+        <div className="body-md-regular line-clamp-2 break-all text-text-primary">{content}</div>
       </div>
 
       {/* Foot */}
@@ -40,13 +40,13 @@ const ResultItemExternal: FC<Props> = ({ payload, positionId }) => {
       {isShowDetailModal && (
         <Modal
           title={t(`${i18nPrefix}.chunkDetail`)}
-          className={'!min-w-[800px]'}
+          className="!min-w-[800px]"
           closable
           onClose={hideDetailModal}
           isShow={isShowDetailModal}
         >
-          <div className='mt-4 flex-1'>
-            <ResultItemMeta labelPrefix={'Chunk'} positionId={positionId} wordCount={content.length} score={score} />
+          <div className="mt-4 flex-1">
+            <ResultItemMeta labelPrefix="Chunk" positionId={positionId} wordCount={content.length} score={score} />
             <div className={cn('body-md-regular mt-2 break-all text-text-secondary', 'h-[min(539px,_80vh)] overflow-y-auto')}>
               {content}
             </div>
diff --git a/web/app/components/datasets/hit-testing/components/result-item-footer.tsx b/web/app/components/datasets/hit-testing/components/result-item-footer.tsx
index c06c5aa1a9..ad2d07d98e 100644
--- a/web/app/components/datasets/hit-testing/components/result-item-footer.tsx
+++ b/web/app/components/datasets/hit-testing/components/result-item-footer.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
+import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
+import { RiArrowRightUpLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowRightUpLine } from '@remixicon/react'
 import FileIcon from '@/app/components/base/file-uploader/file-type-icon'
-import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
 
 type Props = {
   docType: FileAppearanceTypeEnum
diff --git a/web/app/components/datasets/hit-testing/components/result-item-meta.tsx b/web/app/components/datasets/hit-testing/components/result-item-meta.tsx
index 0406ceb033..558333a103 100644
--- a/web/app/components/datasets/hit-testing/components/result-item-meta.tsx
+++ b/web/app/components/datasets/hit-testing/components/result-item-meta.tsx
@@ -2,10 +2,10 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { SegmentIndexTag } from '../../documents/detail/completed/common/segment-index-tag'
-import Dot from '../../documents/detail/completed/common/dot'
-import Score from './score'
 import { cn } from '@/utils/classnames'
+import Dot from '../../documents/detail/completed/common/dot'
+import { SegmentIndexTag } from '../../documents/detail/completed/common/segment-index-tag'
+import Score from './score'
 
 type Props = {
   labelPrefix: string
@@ -34,7 +34,9 @@ const ResultItemMeta: FC<Props> = ({
         />
         <Dot />
         <div className="system-xs-medium text-text-tertiary">
-          {wordCount} {t('datasetDocuments.segment.characters', { count: wordCount })}
+          {wordCount}
+          {' '}
+          {t('datasetDocuments.segment.characters', { count: wordCount })}
         </div>
       </div>
       <Score value={score} />
diff --git a/web/app/components/datasets/hit-testing/components/result-item.tsx b/web/app/components/datasets/hit-testing/components/result-item.tsx
index a6ccd45bb6..65ea47f348 100644
--- a/web/app/components/datasets/hit-testing/components/result-item.tsx
+++ b/web/app/components/datasets/hit-testing/components/result-item.tsx
@@ -1,19 +1,19 @@
 'use client'
-import React, { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
+import type { HitTesting } from '@/models/datasets'
 import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import ChildChunkItem from './child-chunks-item'
-import ChunkDetailModal from './chunk-detail-modal'
-import ResultItemMeta from './result-item-meta'
-import ResultItemFooter from './result-item-footer'
-import type { HitTesting } from '@/models/datasets'
-import { cn } from '@/utils/classnames'
-import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Markdown } from '@/app/components/base/markdown'
 import Tag from '@/app/components/datasets/documents/detail/completed/common/tag'
 import { extensionToFileType } from '@/app/components/datasets/hit-testing/utils/extension-to-file-type'
-import { Markdown } from '@/app/components/base/markdown'
+import { cn } from '@/utils/classnames'
 import ImageList from '../../common/image-list'
+import ChildChunkItem from './child-chunks-item'
+import ChunkDetailModal from './chunk-detail-modal'
+import ResultItemFooter from './result-item-footer'
+import ResultItemMeta from './result-item-meta'
 
 const i18nPrefix = 'datasetHitTesting'
 type ResultItemProps = {
@@ -41,7 +41,8 @@ const ResultItem = ({
   }] = useBoolean(false)
 
   const images = useMemo(() => {
-    if (!files) return []
+    if (!files)
+      return []
     return files.map(file => ({
       name: file.name,
       mimeType: file.mime_type,
@@ -54,20 +55,20 @@ const ResultItem = ({
   return (
     <div className={cn('cursor-pointer rounded-xl bg-chat-bubble-bg pt-3 hover:shadow-lg')} onClick={showDetailModal}>
       {/* Meta info */}
-      <ResultItemMeta className='px-3' labelPrefix={`${isParentChildRetrieval ? 'Parent-' : ''}Chunk`} positionId={position} wordCount={word_count} score={score} />
+      <ResultItemMeta className="px-3" labelPrefix={`${isParentChildRetrieval ? 'Parent-' : ''}Chunk`} positionId={position} wordCount={word_count} score={score} />
 
       {/* Main */}
-      <div className='mt-1 px-3'>
-        {<Markdown
-          className='line-clamp-2'
+      <div className="mt-1 px-3">
+        <Markdown
+          className="line-clamp-2"
           content={sign_content || content}
           customDisallowedElements={['input']}
-        />}
+        />
         {images.length > 0 && (
-          <ImageList images={images} size='md' className='py-1' />
+          <ImageList images={images} size="md" className="py-1" />
         )}
         {isParentChildRetrieval && (
-          <div className='mt-1'>
+          <div className="mt-1">
             <div
               className={cn('inline-flex h-6 cursor-pointer select-none items-center space-x-0.5 rounded-lg text-text-secondary', isFold && 'bg-workflow-process-bg pl-1')}
               onClick={(e) => {
@@ -76,12 +77,12 @@ const ResultItem = ({
               }}
             >
               <Icon className={cn('h-4 w-4', isFold && 'opacity-50')} />
-              <div className='text-xs font-semibold uppercase'>{t(`${i18nPrefix}.hitChunks`, { num: child_chunks.length })}</div>
+              <div className="text-xs font-semibold uppercase">{t(`${i18nPrefix}.hitChunks`, { num: child_chunks.length })}</div>
             </div>
             {!isFold && (
-              <div className='space-y-2'>
+              <div className="space-y-2">
                 {child_chunks.map(item => (
-                  <div key={item.id} className='ml-[7px] border-l-[2px] border-text-accent-secondary pl-[7px]'>
+                  <div key={item.id} className="ml-[7px] border-l-[2px] border-text-accent-secondary pl-[7px]">
                     <ChildChunkItem payload={item} isShowAll={false} />
                   </div>
                 ))}
@@ -90,9 +91,9 @@ const ResultItem = ({
           </div>
         )}
         {!isParentChildRetrieval && keywords && keywords.length > 0 && (
-          <div className='mt-2 flex flex-wrap'>
+          <div className="mt-2 flex flex-wrap">
             {keywords.map(keyword => (
-              <Tag key={keyword} text={keyword} className='mr-2' />
+              <Tag key={keyword} text={keyword} className="mr-2" />
             ))}
           </div>
         )}
@@ -108,7 +109,7 @@ const ResultItem = ({
           />
         )
       }
-    </div >
+    </div>
   )
 }
 export default React.memo(ResultItem)
diff --git a/web/app/components/datasets/hit-testing/components/score.tsx b/web/app/components/datasets/hit-testing/components/score.tsx
index 008fb3a9be..20113a403e 100644
--- a/web/app/components/datasets/hit-testing/components/score.tsx
+++ b/web/app/components/datasets/hit-testing/components/score.tsx
@@ -15,12 +15,11 @@ const Score: FC<Props> = ({
   if (!value || isNaN(value))
     return null
   return (
-    <div className={cn('relative items-center overflow-hidden border border-components-progress-bar-border px-[5px]',
-      besideChunkName ? 'h-[20.5px] border-l-0' : 'h-[20px] rounded-md')}>
+    <div className={cn('relative items-center overflow-hidden border border-components-progress-bar-border px-[5px]', besideChunkName ? 'h-[20.5px] border-l-0' : 'h-[20px] rounded-md')}>
       <div className={cn('absolute left-0 top-0 h-full border-r-[1.5px] border-components-progress-brand-progress bg-util-colors-blue-brand-blue-brand-100', value === 1 && 'border-r-0')} style={{ width: `${value * 100}%` }} />
       <div className={cn('relative flex h-full items-center space-x-0.5 text-util-colors-blue-brand-blue-brand-700')}>
-        <div className='system-2xs-medium-uppercase'>score</div>
-        <div className='system-xs-semibold'>{value?.toFixed(2)}</div>
+        <div className="system-2xs-medium-uppercase">score</div>
+        <div className="system-xs-semibold">{value?.toFixed(2)}</div>
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/hit-testing/index.tsx b/web/app/components/datasets/hit-testing/index.tsx
index f3fedcd37c..2ae5e303e2 100644
--- a/web/app/components/datasets/hit-testing/index.tsx
+++ b/web/app/components/datasets/hit-testing/index.tsx
@@ -1,15 +1,5 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import { useContext } from 'use-context-selector'
-import QueryInput from './components/query-input'
-import s from './style.module.css'
-import ModifyRetrievalModal from './modify-retrieval-modal'
-import ResultItem from './components/result-item'
-import ResultItemExternal from './components/result-item-external'
-import { cn } from '@/utils/classnames'
 import type {
   ExternalKnowledgeBaseHitTesting,
   ExternalKnowledgeBaseHitTestingResponse,
@@ -18,22 +8,32 @@ import type {
   HitTestingResponse,
   Query,
 } from '@/models/datasets'
-import Loading from '@/app/components/base/loading'
-import Drawer from '@/app/components/base/drawer'
-import Pagination from '@/app/components/base/pagination'
-import FloatRightContainer from '@/app/components/base/float-right-container'
-import DatasetDetailContext from '@/context/dataset-detail'
 import type { RetrievalConfig } from '@/types/app'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { useBoolean } from 'ahooks'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Drawer from '@/app/components/base/drawer'
+import FloatRightContainer from '@/app/components/base/float-right-container'
+import Loading from '@/app/components/base/loading'
+import Pagination from '@/app/components/base/pagination'
 import docStyle from '@/app/components/datasets/documents/detail/completed/style.module.css'
-import { CardSkelton } from '../documents/detail/completed/skeleton/general-list-skeleton'
-import EmptyRecords from './components/empty-records'
-import Records from './components/records'
+import DatasetDetailContext from '@/context/dataset-detail'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { useDatasetTestingRecords } from '@/service/knowledge/use-dataset'
 import {
   useExternalKnowledgeBaseHitTesting,
   useHitTesting,
 } from '@/service/knowledge/use-hit-testing'
-import { useDatasetTestingRecords } from '@/service/knowledge/use-dataset'
+import { cn } from '@/utils/classnames'
+import { CardSkelton } from '../documents/detail/completed/skeleton/general-list-skeleton'
+import EmptyRecords from './components/empty-records'
+import QueryInput from './components/query-input'
+import Records from './components/records'
+import ResultItem from './components/result-item'
+import ResultItemExternal from './components/result-item-external'
+import ModifyRetrievalModal from './modify-retrieval-modal'
+import s from './style.module.css'
 
 const limit = 10
 
@@ -73,32 +73,32 @@ const HitTestingPage: FC<Props> = ({ datasetId }: Props) => {
   const isRetrievalLoading = isHitTestingPending || isExternalKnowledgeBaseHitTestingPending
 
   const renderHitResults = (results: HitTesting[] | ExternalKnowledgeBaseHitTesting[]) => (
-    <div className='flex h-full flex-col rounded-tl-2xl bg-background-body px-4 py-3'>
-      <div className='mb-2 shrink-0 pl-2 font-semibold leading-6 text-text-primary'>
+    <div className="flex h-full flex-col rounded-tl-2xl bg-background-body px-4 py-3">
+      <div className="mb-2 shrink-0 pl-2 font-semibold leading-6 text-text-primary">
         {t('datasetHitTesting.hit.title', { num: results.length })}
       </div>
-      <div className='grow space-y-2 overflow-y-auto'>
+      <div className="grow space-y-2 overflow-y-auto">
         {results.map((record, idx) =>
           isExternal
             ? (
-              <ResultItemExternal
-                key={idx}
-                positionId={idx + 1}
-                payload={record as ExternalKnowledgeBaseHitTesting}
-              />
-            )
+                <ResultItemExternal
+                  key={idx}
+                  positionId={idx + 1}
+                  payload={record as ExternalKnowledgeBaseHitTesting}
+                />
+              )
             : (
-              <ResultItem key={idx} payload={record as HitTesting} />
-            ),
+                <ResultItem key={idx} payload={record as HitTesting} />
+              ),
         )}
       </div>
     </div>
   )
 
   const renderEmptyState = () => (
-    <div className='flex h-full flex-col items-center justify-center rounded-tl-2xl bg-background-body px-4 py-3'>
+    <div className="flex h-full flex-col items-center justify-center rounded-tl-2xl bg-background-body px-4 py-3">
       <div className={cn(docStyle.commonIcon, docStyle.targetIcon, '!h-14 !w-14 !bg-text-quaternary')} />
-      <div className='mt-3 text-[13px] text-text-quaternary'>
+      <div className="mt-3 text-[13px] text-text-quaternary">
         {t('datasetHitTesting.hit.emptyTip')}
       </div>
     </div>
@@ -115,10 +115,10 @@ const HitTestingPage: FC<Props> = ({ datasetId }: Props) => {
 
   return (
     <div className={s.container}>
-      <div className='flex flex-col px-6 py-3'>
-        <div className='mb-4 flex flex-col justify-center'>
-          <h1 className='text-base font-semibold text-text-primary'>{t('datasetHitTesting.title')}</h1>
-          <p className='mt-0.5 text-[13px] font-normal leading-4 text-text-tertiary'>{t('datasetHitTesting.desc')}</p>
+      <div className="flex flex-col px-6 py-3">
+        <div className="mb-4 flex flex-col justify-center">
+          <h1 className="text-base font-semibold text-text-primary">{t('datasetHitTesting.title')}</h1>
+          <p className="mt-0.5 text-[13px] font-normal leading-4 text-text-tertiary">{t('datasetHitTesting.desc')}</p>
         </div>
         <QueryInput
           key={queryInputKey}
@@ -136,13 +136,13 @@ const HitTestingPage: FC<Props> = ({ datasetId }: Props) => {
           hitTestingMutation={hitTestingMutation}
           externalKnowledgeBaseHitTestingMutation={externalKnowledgeBaseHitTestingMutation}
         />
-        <div className='mb-3 mt-6 text-base font-semibold text-text-primary'>{t('datasetHitTesting.records')}</div>
+        <div className="mb-3 mt-6 text-base font-semibold text-text-primary">{t('datasetHitTesting.records')}</div>
         {isRecordsLoading && (
-          <div className='flex-1'><Loading type='app' /></div>
+          <div className="flex-1"><Loading type="app" /></div>
         )}
         {!isRecordsLoading && recordsRes?.data && recordsRes.data.length > 0 && (
           <>
-            <Records records={recordsRes?.data} onClickRecord={handleClickRecord}/>
+            <Records records={recordsRes?.data} onClickRecord={handleClickRecord} />
             {(total && total > limit)
               ? <Pagination current={currPage} onChange={setCurrPage} total={total} limit={limit} />
               : null}
@@ -153,30 +153,31 @@ const HitTestingPage: FC<Props> = ({ datasetId }: Props) => {
         )}
       </div>
       <FloatRightContainer
-        panelClassName='!justify-start !overflow-y-auto'
+        panelClassName="!justify-start !overflow-y-auto"
         showClose
         isMobile={isMobile}
         isOpen={isShowRightPanel}
         onClose={hideRightPanel}
         footer={null}
       >
-        <div className='flex flex-col pt-3'>
+        <div className="flex flex-col pt-3">
           {isRetrievalLoading
-            ? <div className='flex h-full flex-col rounded-tl-2xl bg-background-body px-4 py-3'>
-              <CardSkelton />
-            </div>
+            ? (
+                <div className="flex h-full flex-col rounded-tl-2xl bg-background-body px-4 py-3">
+                  <CardSkelton />
+                </div>
+              )
             : (
-              (() => {
-                if (!hitResult?.records.length && !externalHitResult?.records.length)
-                  return renderEmptyState()
+                (() => {
+                  if (!hitResult?.records.length && !externalHitResult?.records.length)
+                    return renderEmptyState()
 
-                if (hitResult?.records.length)
-                  return renderHitResults(hitResult.records)
+                  if (hitResult?.records.length)
+                    return renderHitResults(hitResult.records)
 
-                return renderHitResults(externalHitResult?.records || [])
-              })()
-            )
-          }
+                  return renderHitResults(externalHitResult?.records || [])
+                })()
+              )}
         </div>
       </FloatRightContainer>
       <Drawer
@@ -185,7 +186,7 @@ const HitTestingPage: FC<Props> = ({ datasetId }: Props) => {
         onClose={() => setIsShowModifyRetrievalModal(false)}
         footer={null}
         mask={isMobile}
-        panelClassName='mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[640px] rounded-xl'
+        panelClassName="mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[640px] rounded-xl"
       >
         <ModifyRetrievalModal
           indexMethod={currentDataset?.indexing_technique || ''}
diff --git a/web/app/components/datasets/hit-testing/modify-external-retrieval-modal.tsx b/web/app/components/datasets/hit-testing/modify-external-retrieval-modal.tsx
index db06dc050d..1de753d879 100644
--- a/web/app/components/datasets/hit-testing/modify-external-retrieval-modal.tsx
+++ b/web/app/components/datasets/hit-testing/modify-external-retrieval-modal.tsx
@@ -1,15 +1,15 @@
-import { useState } from 'react'
 import {
   RiCloseLine,
 } from '@remixicon/react'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import RetrievalSettings from '../external-knowledge-base/create/RetrievalSettings'
-import Button from '@/app/components/base/button'
 import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
+import RetrievalSettings from '../external-knowledge-base/create/RetrievalSettings'
 
 type ModifyExternalRetrievalModalProps = {
   onClose: () => void
-  onSave: (data: { top_k: number; score_threshold: number; score_threshold_enabled: boolean }) => void
+  onSave: (data: { top_k: number, score_threshold: number, score_threshold_enabled: boolean }) => void
   initialTopK: number
   initialScoreThreshold: number
   initialScoreThresholdEnabled: boolean
@@ -27,7 +27,7 @@ const ModifyExternalRetrievalModal: React.FC<ModifyExternalRetrievalModalProps>
   const [scoreThreshold, setScoreThreshold] = useState(initialScoreThreshold)
   const [scoreThresholdEnabled, setScoreThresholdEnabled] = useState(initialScoreThresholdEnabled)
 
-  const handleSettingsChange = (data: { top_k?: number; score_threshold?: number; score_threshold_enabled?: boolean }) => {
+  const handleSettingsChange = (data: { top_k?: number, score_threshold?: number, score_threshold_enabled?: boolean }) => {
     if (data.top_k !== undefined)
       setTopK(data.top_k)
     if (data.score_threshold !== undefined)
@@ -42,16 +42,16 @@ const ModifyExternalRetrievalModal: React.FC<ModifyExternalRetrievalModalProps>
   }
 
   return (
-    <div className='shadows-shadow-2xl absolute right-[14px] top-[36px] z-10 flex w-[320px] flex-col items-start rounded-2xl
-      border-[0.5px] border-components-panel-border bg-components-panel-bg'
+    <div className="shadows-shadow-2xl absolute right-[14px] top-[36px] z-10 flex w-[320px] flex-col items-start rounded-2xl
+      border-[0.5px] border-components-panel-border bg-components-panel-bg"
     >
-      <div className='flex items-center justify-between self-stretch p-4 pb-2'>
-        <div className='system-xl-semibold grow text-text-primary'>{t('datasetHitTesting.settingTitle')}</div>
-        <ActionButton className='ml-auto' onClick={onClose}>
-          <RiCloseLine className='h-4 w-4 shrink-0' />
+      <div className="flex items-center justify-between self-stretch p-4 pb-2">
+        <div className="system-xl-semibold grow text-text-primary">{t('datasetHitTesting.settingTitle')}</div>
+        <ActionButton className="ml-auto" onClick={onClose}>
+          <RiCloseLine className="h-4 w-4 shrink-0" />
         </ActionButton>
       </div>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch p-4 pt-2'>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch p-4 pt-2">
         <RetrievalSettings
           topK={topK}
           scoreThreshold={scoreThreshold}
@@ -60,9 +60,9 @@ const ModifyExternalRetrievalModal: React.FC<ModifyExternalRetrievalModalProps>
           isInHitTesting={true}
         />
       </div>
-      <div className='flex w-full items-end justify-end gap-1 p-4 pt-2'>
-        <Button className='min-w-[72px] shrink-0' onClick={onClose}>{t('common.operation.cancel')}</Button>
-        <Button variant='primary' className='min-w-[72px] shrink-0' onClick={handleSave}>{t('common.operation.save')}</Button>
+      <div className="flex w-full items-end justify-end gap-1 p-4 pt-2">
+        <Button className="min-w-[72px] shrink-0" onClick={onClose}>{t('common.operation.cancel')}</Button>
+        <Button variant="primary" className="min-w-[72px] shrink-0" onClick={handleSave}>{t('common.operation.save')}</Button>
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/hit-testing/modify-retrieval-modal.tsx b/web/app/components/datasets/hit-testing/modify-retrieval-modal.tsx
index ec7dc215ce..801b62340c 100644
--- a/web/app/components/datasets/hit-testing/modify-retrieval-modal.tsx
+++ b/web/app/components/datasets/hit-testing/modify-retrieval-modal.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { IndexingType } from '../create/step-two'
+import type { RetrievalConfig } from '@/types/app'
+import { RiCloseLine } from '@remixicon/react'
 import React, { useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import Toast from '../../base/toast'
-import { ModelTypeEnum } from '../../header/account-setting/model-provider-page/declarations'
-import type { RetrievalConfig } from '@/types/app'
-import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
-import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
 import Button from '@/app/components/base/button'
 import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
+import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
+import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
 import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { useDocLink } from '@/context/i18n'
-import { checkShowMultiModalTip } from '../settings/utils'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import type { IndexingType } from '../create/step-two'
+import { useDocLink } from '@/context/i18n'
+import Toast from '../../base/toast'
+import { ModelTypeEnum } from '../../header/account-setting/model-provider-page/declarations'
+import { checkShowMultiModalTip } from '../settings/utils'
 
 type Props = {
   indexMethod: string
@@ -82,62 +82,62 @@ const ModifyRetrievalModal: FC<Props> = ({
 
   return (
     <div
-      className='flex w-full flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9'
+      className="flex w-full flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9"
       style={{
         height: 'calc(100vh - 72px)',
       }}
       ref={ref}
     >
-      <div className='h-15 flex shrink-0 justify-between px-3 pb-1 pt-3.5'>
-        <div className='text-base font-semibold text-text-primary'>
+      <div className="h-15 flex shrink-0 justify-between px-3 pb-1 pt-3.5">
+        <div className="text-base font-semibold text-text-primary">
           <div>{t('datasetSettings.form.retrievalSetting.title')}</div>
-          <div className='text-xs font-normal leading-[18px] text-text-tertiary'>
+          <div className="text-xs font-normal leading-[18px] text-text-tertiary">
             <a
-              target='_blank'
-              rel='noopener noreferrer'
+              target="_blank"
+              rel="noopener noreferrer"
               href={docLink('/guides/knowledge-base/retrieval-test-and-citation#modify-text-retrieval-setting', {
                 'zh-Hans': '/guides/knowledge-base/retrieval-test-and-citation#修改文本检索方式',
                 'ja-JP': '/guides/knowledge-base/retrieval-test-and-citation',
               })}
-              className='text-text-accent'
+              className="text-text-accent"
             >
               {t('datasetSettings.form.retrievalSetting.learnMore')}
             </a>
             {t('datasetSettings.form.retrievalSetting.description')}
           </div>
         </div>
-        <div className='flex'>
+        <div className="flex">
           <div
             onClick={onHide}
-            className='flex h-8 w-8 cursor-pointer items-center justify-center'
+            className="flex h-8 w-8 cursor-pointer items-center justify-center"
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
 
-      <div className='px-4 py-2'>
-        <div className='mb-1 text-[13px] font-semibold leading-6 text-text-secondary'>
+      <div className="px-4 py-2">
+        <div className="mb-1 text-[13px] font-semibold leading-6 text-text-secondary">
           {t('datasetSettings.form.retrievalSetting.method')}
         </div>
         {indexMethod === 'high_quality'
           ? (
-            <RetrievalMethodConfig
-              value={retrievalConfig}
-              onChange={setRetrievalConfig}
-              showMultiModalTip={showMultiModalTip}
-            />
-          )
+              <RetrievalMethodConfig
+                value={retrievalConfig}
+                onChange={setRetrievalConfig}
+                showMultiModalTip={showMultiModalTip}
+              />
+            )
           : (
-            <EconomicalRetrievalMethodConfig
-              value={retrievalConfig}
-              onChange={setRetrievalConfig}
-            />
-          )}
+              <EconomicalRetrievalMethodConfig
+                value={retrievalConfig}
+                onChange={setRetrievalConfig}
+              />
+            )}
       </div>
-      <div className='flex justify-end p-4 pt-2'>
-        <Button className='mr-2 shrink-0' onClick={onHide}>{t('common.operation.cancel')}</Button>
-        <Button variant='primary' className='shrink-0' onClick={handleSave} >{t('common.operation.save')}</Button>
+      <div className="flex justify-end p-4 pt-2">
+        <Button className="mr-2 shrink-0" onClick={onHide}>{t('common.operation.cancel')}</Button>
+        <Button variant="primary" className="shrink-0" onClick={handleSave}>{t('common.operation.save')}</Button>
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/list/dataset-card/index.tsx b/web/app/components/datasets/list/dataset-card/index.tsx
index a4b3ec7d64..4da265b43c 100644
--- a/web/app/components/datasets/list/dataset-card/index.tsx
+++ b/web/app/components/datasets/list/dataset-card/index.tsx
@@ -1,27 +1,27 @@
 'use client'
-import { useRouter } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
-import type { DataSet } from '@/models/datasets'
-import { useSelector as useAppContextWithSelector } from '@/context/app-context'
-import { useKnowledge } from '@/hooks/use-knowledge'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import type { Tag } from '@/app/components/base/tag-management/constant'
-import TagSelector from '@/app/components/base/tag-management/selector'
-import { cn } from '@/utils/classnames'
-import { useHover } from 'ahooks'
+import type { DataSet } from '@/models/datasets'
 import { RiFileTextFill, RiMoreFill, RiRobot2Fill } from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
-import { checkIsUsedInApp, deleteDataset } from '@/service/datasets'
-import RenameDatasetModal from '../../rename-modal'
-import Confirm from '@/app/components/base/confirm'
-import Toast from '@/app/components/base/toast'
-import CustomPopover from '@/app/components/base/popover'
-import Operations from './operations'
+import { useHover } from 'ahooks'
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import AppIcon from '@/app/components/base/app-icon'
+import Confirm from '@/app/components/base/confirm'
 import CornerLabel from '@/app/components/base/corner-label'
-import { DOC_FORM_ICON_WITH_BG, DOC_FORM_TEXT } from '@/models/datasets'
-import { useExportPipelineDSL } from '@/service/use-pipeline'
+import CustomPopover from '@/app/components/base/popover'
+import TagSelector from '@/app/components/base/tag-management/selector'
+import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import { useSelector as useAppContextWithSelector } from '@/context/app-context'
 import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
+import { useKnowledge } from '@/hooks/use-knowledge'
+import { DOC_FORM_ICON_WITH_BG, DOC_FORM_TEXT } from '@/models/datasets'
+import { checkIsUsedInApp, deleteDataset } from '@/service/datasets'
+import { useExportPipelineDSL } from '@/service/use-pipeline'
+import { cn } from '@/utils/classnames'
+import RenameDatasetModal from '../../rename-modal'
+import Operations from './operations'
 
 const EXTERNAL_PROVIDER = 'external'
 
@@ -156,7 +156,7 @@ const DatasetCard = ({
   return (
     <>
       <div
-        className='group relative col-span-1 flex h-[190px] cursor-pointer flex-col rounded-xl border-[0.5px] border-solid border-components-card-border bg-components-card-bg shadow-xs shadow-shadow-shadow-3 transition-all duration-200 ease-in-out hover:bg-components-card-bg-alt hover:shadow-md hover:shadow-shadow-shadow-5'
+        className="group relative col-span-1 flex h-[190px] cursor-pointer flex-col rounded-xl border-[0.5px] border-solid border-components-card-border bg-components-card-bg shadow-xs shadow-shadow-shadow-3 transition-all duration-200 ease-in-out hover:bg-components-card-bg-alt hover:shadow-md hover:shadow-shadow-shadow-5"
         data-disable-nprogress={true}
         onClick={(e) => {
           e.preventDefault()
@@ -171,49 +171,51 @@ const DatasetCard = ({
         {!dataset.embedding_available && (
           <CornerLabel
             label={t('dataset.cornerLabel.unavailable')}
-            className='absolute right-0 top-0 z-10'
-            labelClassName='rounded-tr-xl' />
+            className="absolute right-0 top-0 z-10"
+            labelClassName="rounded-tr-xl"
+          />
         )}
         {dataset.embedding_available && dataset.runtime_mode === 'rag_pipeline' && (
           <CornerLabel
             label={t('dataset.cornerLabel.pipeline')}
-            className='absolute right-0 top-0 z-10'
-            labelClassName='rounded-tr-xl' />
+            className="absolute right-0 top-0 z-10"
+            labelClassName="rounded-tr-xl"
+          />
         )}
         <div className={cn('flex items-center gap-x-3 px-4 pb-2 pt-4', !dataset.embedding_available && 'opacity-30')}>
-          <div className='relative shrink-0'>
+          <div className="relative shrink-0">
             <AppIcon
-              size='large'
+              size="large"
               iconType={iconInfo.icon_type}
               icon={iconInfo.icon}
               background={iconInfo.icon_type === 'image' ? undefined : iconInfo.icon_background}
               imageUrl={iconInfo.icon_type === 'image' ? iconInfo.icon_url : undefined}
             />
             {(isShowChunkingModeIcon || isExternalProvider) && (
-              <div className='absolute -bottom-1 -right-1 z-[5]'>
-                <Icon className='size-4' />
+              <div className="absolute -bottom-1 -right-1 z-[5]">
+                <Icon className="size-4" />
               </div>
             )}
           </div>
-          <div className='flex grow flex-col gap-y-1 overflow-hidden py-px'>
+          <div className="flex grow flex-col gap-y-1 overflow-hidden py-px">
             <div
-              className='system-md-semibold truncate text-text-secondary'
+              className="system-md-semibold truncate text-text-secondary"
               title={dataset.name}
             >
               {dataset.name}
             </div>
-            <div className='flex items-center gap-1 text-[10px] font-medium leading-[18px] text-text-tertiary'>
-              <div className='truncate' title={dataset.author_name}>{dataset.author_name}</div>
+            <div className="flex items-center gap-1 text-[10px] font-medium leading-[18px] text-text-tertiary">
+              <div className="truncate" title={dataset.author_name}>{dataset.author_name}</div>
               <div>·</div>
-              <div className='truncate' title={editTimeText}>{editTimeText}</div>
+              <div className="truncate" title={editTimeText}>{editTimeText}</div>
             </div>
-            <div className='system-2xs-medium-uppercase flex items-center gap-x-3 text-text-tertiary'>
+            <div className="system-2xs-medium-uppercase flex items-center gap-x-3 text-text-tertiary">
               {isExternalProvider && <span>{t('dataset.externalKnowledgeBase')}</span>}
               {!isExternalProvider && isShowDocModeInfo && (
                 <>
                   {dataset.doc_form && (
                     <span
-                      className='min-w-0 max-w-full truncate'
+                      className="min-w-0 max-w-full truncate"
                       title={t(`dataset.chunkingMode.${DOC_FORM_TEXT[dataset.doc_form]}`)}
                     >
                       {t(`dataset.chunkingMode.${DOC_FORM_TEXT[dataset.doc_form]}`)}
@@ -221,7 +223,7 @@ const DatasetCard = ({
                   )}
                   {dataset.indexing_technique && (
                     <span
-                      className='min-w-0 max-w-full truncate'
+                      className="min-w-0 max-w-full truncate"
                       title={formatIndexingTechniqueAndMethod(dataset.indexing_technique, dataset.retrieval_model_dict?.search_method)}
                     >
                       {formatIndexingTechniqueAndMethod(dataset.indexing_technique, dataset.retrieval_model_dict?.search_method)}
@@ -229,7 +231,7 @@ const DatasetCard = ({
                   )}
                   {dataset.is_multimodal && (
                     <span
-                      className='min-w-0 max-w-full truncate'
+                      className="min-w-0 max-w-full truncate"
                       title={t('dataset.multimodal')}
                     >
                       {t('dataset.multimodal')}
@@ -261,8 +263,8 @@ const DatasetCard = ({
             )}
           >
             <TagSelector
-              position='bl'
-              type='knowledge'
+              position="bl"
+              type="knowledge"
               targetID={dataset.id}
               value={tags.map(tag => tag.id)}
               selectedTags={tags}
@@ -284,26 +286,26 @@ const DatasetCard = ({
             !dataset.embedding_available && 'opacity-30',
           )}
         >
-          <Tooltip popupContent={documentCountTooltip} >
-            <div className='flex items-center gap-x-1'>
-              <RiFileTextFill className='size-3 text-text-quaternary' />
-              <span className='system-xs-medium'>{documentCount}</span>
+          <Tooltip popupContent={documentCountTooltip}>
+            <div className="flex items-center gap-x-1">
+              <RiFileTextFill className="size-3 text-text-quaternary" />
+              <span className="system-xs-medium">{documentCount}</span>
             </div>
           </Tooltip>
           {!isExternalProvider && (
             <Tooltip popupContent={`${dataset.app_count} ${t('dataset.appCount')}`}>
-              <div className='flex items-center gap-x-1'>
-                <RiRobot2Fill className='size-3 text-text-quaternary' />
-                <span className='system-xs-medium'>{dataset.app_count}</span>
+              <div className="flex items-center gap-x-1">
+                <RiRobot2Fill className="size-3 text-text-quaternary" />
+                <span className="system-xs-medium">{dataset.app_count}</span>
               </div>
             </Tooltip>
           )}
-          <span className='system-xs-regular text-divider-deep'>/</span>
-          <span className='system-xs-regular'>{`${t('dataset.updated')} ${formatTimeFromNow(dataset.updated_at * 1000)}`}</span>
+          <span className="system-xs-regular text-divider-deep">/</span>
+          <span className="system-xs-regular">{`${t('dataset.updated')} ${formatTimeFromNow(dataset.updated_at * 1000)}`}</span>
         </div>
-        <div className='absolute right-2 top-2 z-[15] hidden group-hover:block'>
+        <div className="absolute right-2 top-2 z-[15] hidden group-hover:block">
           <CustomPopover
-            htmlContent={
+            htmlContent={(
               <Operations
                 showDelete={!isCurrentWorkspaceDatasetOperator}
                 showExportPipeline={dataset.runtime_mode === 'rag_pipeline'}
@@ -311,22 +313,21 @@ const DatasetCard = ({
                 handleExportPipeline={handleExportPipeline}
                 detectIsUsedByApp={detectIsUsedByApp}
               />
-            }
-            className={'z-20 min-w-[186px]'}
-            popupClassName={'rounded-xl bg-none shadow-none ring-0 min-w-[186px]'}
-            position='br'
-            trigger='click'
-            btnElement={
-              <div className='flex size-8 items-center justify-center rounded-[10px] hover:bg-state-base-hover'>
-                <RiMoreFill className='h-5 w-5 text-text-tertiary' />
+            )}
+            className="z-20 min-w-[186px]"
+            popupClassName="rounded-xl bg-none shadow-none ring-0 min-w-[186px]"
+            position="br"
+            trigger="click"
+            btnElement={(
+              <div className="flex size-8 items-center justify-center rounded-[10px] hover:bg-state-base-hover">
+                <RiMoreFill className="h-5 w-5 text-text-tertiary" />
               </div>
-            }
+            )}
             btnClassName={open =>
               cn(
                 'size-9 cursor-pointer justify-center rounded-[10px] border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0 shadow-lg shadow-shadow-shadow-5 ring-[2px] ring-inset ring-components-actionbar-bg hover:border-components-actionbar-border',
                 open ? 'border-components-actionbar-border bg-state-base-hover' : '',
-              )
-            }
+              )}
           />
         </div>
       </div>
diff --git a/web/app/components/datasets/list/dataset-card/operation-item.tsx b/web/app/components/datasets/list/dataset-card/operation-item.tsx
index 8a0eb86ec0..c5c11afe45 100644
--- a/web/app/components/datasets/list/dataset-card/operation-item.tsx
+++ b/web/app/components/datasets/list/dataset-card/operation-item.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import type { RemixiconComponentType } from '@remixicon/react'
+import React from 'react'
 
 type OperationItemProps = {
   Icon: RemixiconComponentType
@@ -14,15 +14,15 @@ const OperationItem = ({
 }: OperationItemProps) => {
   return (
     <div
-      className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+      className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
       onClick={(e) => {
         e.preventDefault()
         e.stopPropagation()
         handleClick?.()
       }}
     >
-      <Icon className='size-4 text-text-tertiary' />
-      <span className='system-md-regular px-1 text-text-secondary'>
+      <Icon className="size-4 text-text-tertiary" />
+      <span className="system-md-regular px-1 text-text-secondary">
         {name}
       </span>
     </div>
diff --git a/web/app/components/datasets/list/dataset-card/operations.tsx b/web/app/components/datasets/list/dataset-card/operations.tsx
index e8a795ef34..e6ecbf76b9 100644
--- a/web/app/components/datasets/list/dataset-card/operations.tsx
+++ b/web/app/components/datasets/list/dataset-card/operations.tsx
@@ -1,7 +1,7 @@
-import Divider from '@/app/components/base/divider'
+import { RiDeleteBinLine, RiEditLine, RiFileDownloadLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiDeleteBinLine, RiEditLine, RiFileDownloadLine } from '@remixicon/react'
+import Divider from '@/app/components/base/divider'
 import OperationItem from './operation-item'
 
 type OperationsProps = {
@@ -22,8 +22,8 @@ const Operations = ({
   const { t } = useTranslation()
 
   return (
-    <div className='relative flex w-full flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5'>
-      <div className='flex flex-col p-1'>
+    <div className="relative flex w-full flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5">
+      <div className="flex flex-col p-1">
         <OperationItem
           Icon={RiEditLine}
           name={t('common.operation.edit')}
@@ -39,8 +39,8 @@ const Operations = ({
       </div>
       {showDelete && (
         <>
-          <Divider type='horizontal' className='my-0 bg-divider-subtle' />
-          <div className='flex flex-col p-1'>
+          <Divider type="horizontal" className="my-0 bg-divider-subtle" />
+          <div className="flex flex-col p-1">
             <OperationItem
               Icon={RiDeleteBinLine}
               name={t('common.operation.delete')}
diff --git a/web/app/components/datasets/list/dataset-footer/index.tsx b/web/app/components/datasets/list/dataset-footer/index.tsx
index 76d99a6491..425ca0df26 100644
--- a/web/app/components/datasets/list/dataset-footer/index.tsx
+++ b/web/app/components/datasets/list/dataset-footer/index.tsx
@@ -7,11 +7,16 @@ const DatasetFooter = () => {
   const { t } = useTranslation()
 
   return (
-    <footer className='shrink-0 px-12 py-6'>
-      <h3 className='text-gradient text-xl font-semibold leading-tight'>{t('dataset.didYouKnow')}</h3>
-      <p className='mt-1 text-sm font-normal leading-tight text-text-secondary'>
-        {t('dataset.intro1')}<span className='inline-flex items-center gap-1 text-text-accent'>{t('dataset.intro2')}</span>{t('dataset.intro3')}<br />
-        {t('dataset.intro4')}<span className='inline-flex items-center gap-1 text-text-accent'>{t('dataset.intro5')}</span>{t('dataset.intro6')}
+    <footer className="shrink-0 px-12 py-6">
+      <h3 className="text-gradient text-xl font-semibold leading-tight">{t('dataset.didYouKnow')}</h3>
+      <p className="mt-1 text-sm font-normal leading-tight text-text-secondary">
+        {t('dataset.intro1')}
+        <span className="inline-flex items-center gap-1 text-text-accent">{t('dataset.intro2')}</span>
+        {t('dataset.intro3')}
+        <br />
+        {t('dataset.intro4')}
+        <span className="inline-flex items-center gap-1 text-text-accent">{t('dataset.intro5')}</span>
+        {t('dataset.intro6')}
       </p>
     </footer>
   )
diff --git a/web/app/components/datasets/list/datasets.tsx b/web/app/components/datasets/list/datasets.tsx
index 69ea395795..0dff38319b 100644
--- a/web/app/components/datasets/list/datasets.tsx
+++ b/web/app/components/datasets/list/datasets.tsx
@@ -2,10 +2,10 @@
 
 import { useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import NewDatasetCard from './new-dataset-card'
-import DatasetCard from './dataset-card'
 import { useSelector as useAppContextWithSelector } from '@/context/app-context'
 import { useDatasetList, useInvalidDatasetList } from '@/service/knowledge/use-dataset'
+import DatasetCard from './dataset-card'
+import NewDatasetCard from './new-dataset-card'
 
 type Props = {
   tags: string[]
@@ -55,12 +55,12 @@ const Datasets = ({
 
   return (
     <>
-      <nav className='grid grow grid-cols-1 content-start gap-3 px-12 pt-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
+      <nav className="grid grow grid-cols-1 content-start gap-3 px-12 pt-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
         {isCurrentWorkspaceEditor && <NewDatasetCard />}
         {datasetList?.pages.map(({ data: datasets }) => datasets.map(dataset => (
           <DatasetCard key={dataset.id} dataset={dataset} onSuccess={invalidDatasetList} />),
         ))}
-        <div ref={anchorRef} className='h-0' />
+        <div ref={anchorRef} className="h-0" />
       </nav>
     </>
   )
diff --git a/web/app/components/datasets/list/index.tsx b/web/app/components/datasets/list/index.tsx
index a8ed0ea315..1d7ac04ae2 100644
--- a/web/app/components/datasets/list/index.tsx
+++ b/web/app/components/datasets/list/index.tsx
@@ -1,28 +1,28 @@
 'use client'
 
+import { useBoolean, useDebounceFn } from 'ahooks'
+import { useRouter } from 'next/navigation'
 // Libraries
 import { useEffect, useState } from 'react'
-import { useRouter } from 'next/navigation'
 import { useTranslation } from 'react-i18next'
-import { useBoolean, useDebounceFn } from 'ahooks'
 
-// Components
-import ExternalAPIPanel from '../external-api/external-api-panel'
-import Datasets from './datasets'
-import DatasetFooter from './dataset-footer'
+import Button from '@/app/components/base/button'
+import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
+import Input from '@/app/components/base/input'
 import TagManagementModal from '@/app/components/base/tag-management'
 import TagFilter from '@/app/components/base/tag-management/filter'
-import Button from '@/app/components/base/button'
-import Input from '@/app/components/base/input'
-import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
-import CheckboxWithLabel from '@/app/components/datasets/create/website/base/checkbox-with-label'
-
 // Hooks
 import { useStore as useTagStore } from '@/app/components/base/tag-management/store'
+import CheckboxWithLabel from '@/app/components/datasets/create/website/base/checkbox-with-label'
 import { useAppContext } from '@/context/app-context'
 import { useExternalApiPanel } from '@/context/external-api-panel-context'
+
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import useDocumentTitle from '@/hooks/use-document-title'
+// Components
+import ExternalAPIPanel from '../external-api/external-api-panel'
+import DatasetFooter from './dataset-footer'
+import Datasets from './datasets'
 
 const List = () => {
   const { t } = useTranslation()
@@ -59,42 +59,42 @@ const List = () => {
   }, [currentWorkspace, router])
 
   return (
-    <div className='scroll-container relative flex grow flex-col overflow-y-auto bg-background-body'>
-      <div className='sticky top-0 z-10 flex items-center justify-end gap-x-1 bg-background-body px-12 pb-2 pt-4'>
-        <div className='flex items-center justify-center gap-2'>
+    <div className="scroll-container relative flex grow flex-col overflow-y-auto bg-background-body">
+      <div className="sticky top-0 z-10 flex items-center justify-end gap-x-1 bg-background-body px-12 pb-2 pt-4">
+        <div className="flex items-center justify-center gap-2">
           {isCurrentWorkspaceOwner && (
             <CheckboxWithLabel
               isChecked={includeAll}
               onChange={toggleIncludeAll}
               label={t('dataset.allKnowledge')}
-              labelClassName='system-md-regular text-text-secondary'
-              className='mr-2'
+              labelClassName="system-md-regular text-text-secondary"
+              className="mr-2"
               tooltip={t('dataset.allKnowledgeDescription') as string}
             />
           )}
-          <TagFilter type='knowledge' value={tagFilterValue} onChange={handleTagsChange} />
+          <TagFilter type="knowledge" value={tagFilterValue} onChange={handleTagsChange} />
           <Input
             showLeftIcon
             showClearIcon
-            wrapperClassName='w-[200px]'
+            wrapperClassName="w-[200px]"
             value={keywords}
             onChange={e => handleKeywordsChange(e.target.value)}
             onClear={() => handleKeywordsChange('')}
           />
-          <div className='h-4 w-[1px] bg-divider-regular' />
+          <div className="h-4 w-[1px] bg-divider-regular" />
           <Button
-            className='shadows-shadow-xs gap-0.5'
+            className="shadows-shadow-xs gap-0.5"
             onClick={() => setShowExternalApiPanel(true)}
           >
-            <ApiConnectionMod className='h-4 w-4 text-components-button-secondary-text' />
-            <div className='system-sm-medium flex items-center justify-center gap-1 px-0.5 text-components-button-secondary-text'>{t('dataset.externalAPIPanelTitle')}</div>
+            <ApiConnectionMod className="h-4 w-4 text-components-button-secondary-text" />
+            <div className="system-sm-medium flex items-center justify-center gap-1 px-0.5 text-components-button-secondary-text">{t('dataset.externalAPIPanelTitle')}</div>
           </Button>
         </div>
       </div>
       <Datasets tags={tagIDs} keywords={searchKeywords} includeAll={includeAll} />
       {!systemFeatures.branding.enabled && <DatasetFooter />}
       {showTagManagementModal && (
-        <TagManagementModal type='knowledge' show={showTagManagementModal} />
+        <TagManagementModal type="knowledge" show={showTagManagementModal} />
       )}
 
       {showExternalApiPanel && <ExternalAPIPanel onClose={() => setShowExternalApiPanel(false)} />}
diff --git a/web/app/components/datasets/list/new-dataset-card/index.tsx b/web/app/components/datasets/list/new-dataset-card/index.tsx
index 2b84b6774c..edc05e9919 100644
--- a/web/app/components/datasets/list/new-dataset-card/index.tsx
+++ b/web/app/components/datasets/list/new-dataset-card/index.tsx
@@ -1,33 +1,33 @@
 'use client'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
   RiFunctionAddLine,
 } from '@remixicon/react'
-import Option from './option'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
+import Option from './option'
 
 const CreateAppCard = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='flex h-[190px] flex-col gap-y-0.5 rounded-xl bg-background-default-dimmed'>
-      <div className='flex grow flex-col items-center justify-center p-2'>
+    <div className="flex h-[190px] flex-col gap-y-0.5 rounded-xl bg-background-default-dimmed">
+      <div className="flex grow flex-col items-center justify-center p-2">
         <Option
-          href={'/datasets/create'}
+          href="/datasets/create"
           Icon={RiAddLine}
           text={t('dataset.createDataset')}
         />
         <Option
-          href={'/datasets/create-from-pipeline'}
+          href="/datasets/create-from-pipeline"
           Icon={RiFunctionAddLine}
           text={t('dataset.createFromPipeline')}
         />
       </div>
-      <div className='border-t-[0.5px] border-divider-subtle p-2'>
+      <div className="border-t-[0.5px] border-divider-subtle p-2">
         <Option
-          href={'/datasets/connect'}
+          href="/datasets/connect"
           Icon={ApiConnectionMod}
           text={t('dataset.connectDataset')}
         />
diff --git a/web/app/components/datasets/list/new-dataset-card/option.tsx b/web/app/components/datasets/list/new-dataset-card/option.tsx
index dfef389f4d..97a9e88b16 100644
--- a/web/app/components/datasets/list/new-dataset-card/option.tsx
+++ b/web/app/components/datasets/list/new-dataset-card/option.tsx
@@ -14,12 +14,12 @@ const Option = ({
 }: OptionProps) => {
   return (
     <Link
-      type='button'
-      className='flex w-full items-center gap-x-2 rounded-lg bg-transparent px-4 py-2 text-text-tertiary shadow-shadow-shadow-3 hover:bg-background-default-dodge hover:text-text-secondary hover:shadow-xs'
+      type="button"
+      className="flex w-full items-center gap-x-2 rounded-lg bg-transparent px-4 py-2 text-text-tertiary shadow-shadow-shadow-3 hover:bg-background-default-dodge hover:text-text-secondary hover:shadow-xs"
       href={href}
     >
-      <Icon className='h-4 w-4 shrink-0' />
-      <span className='system-sm-medium grow text-left'>{text}</span>
+      <Icon className="h-4 w-4 shrink-0" />
+      <span className="system-sm-medium grow text-left">{text}</span>
     </Link>
   )
 }
diff --git a/web/app/components/datasets/metadata/add-metadata-button.tsx b/web/app/components/datasets/metadata/add-metadata-button.tsx
index c196d77e24..3908c8935e 100644
--- a/web/app/components/datasets/metadata/add-metadata-button.tsx
+++ b/web/app/components/datasets/metadata/add-metadata-button.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import Button from '../../base/button'
 import { RiAddLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import Button from '../../base/button'
 
 type Props = {
   className?: string
@@ -19,11 +19,11 @@ const AddedMetadataButton: FC<Props> = ({
   return (
     <Button
       className={cn('flex w-full items-center', className)}
-      size='small'
-      variant='tertiary'
+      size="small"
+      variant="tertiary"
       onClick={onClick}
     >
-      <RiAddLine className='mr-1 size-3.5' />
+      <RiAddLine className="mr-1 size-3.5" />
       <div>{t('dataset.metadata.addMetadata')}</div>
     </Button>
   )
diff --git a/web/app/components/datasets/metadata/base/date-picker.tsx b/web/app/components/datasets/metadata/base/date-picker.tsx
index 045847c014..0fb350fe3c 100644
--- a/web/app/components/datasets/metadata/base/date-picker.tsx
+++ b/web/app/components/datasets/metadata/base/date-picker.tsx
@@ -1,14 +1,14 @@
-import { useCallback } from 'react'
-import dayjs from 'dayjs'
+import type { TriggerProps } from '@/app/components/base/date-and-time-picker/types'
 import {
   RiCalendarLine,
   RiCloseCircleFill,
 } from '@remixicon/react'
-import DatePicker from '@/app/components/base/date-and-time-picker/date-picker'
-import { cn } from '@/utils/classnames'
-import type { TriggerProps } from '@/app/components/base/date-and-time-picker/types'
-import useTimestamp from '@/hooks/use-timestamp'
+import dayjs from 'dayjs'
+import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import DatePicker from '@/app/components/base/date-and-time-picker/date-picker'
+import useTimestamp from '@/hooks/use-timestamp'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -67,8 +67,8 @@ const WrappedDatePicker = ({
       onChange={handleDateChange}
       onClear={handleDateChange}
       renderTrigger={renderTrigger}
-      triggerWrapClassName='w-full'
-      popupZIndexClassname='z-[1000]'
+      triggerWrapClassName="w-full"
+      popupZIndexClassname="z-[1000]"
     />
   )
 }
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/add-row.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/add-row.tsx
index be5122e10d..f3a05fb22d 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/add-row.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/add-row.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { MetadataItemWithEdit } from '../types'
-import { cn } from '@/utils/classnames'
-import Label from './label'
-import InputCombined from './input-combined'
 import { RiIndeterminateCircleLine } from '@remixicon/react'
+import React from 'react'
+import { cn } from '@/utils/classnames'
+import InputCombined from './input-combined'
+import Label from './label'
 
 type Props = {
   className?: string
@@ -36,7 +36,7 @@ const AddRow: FC<Props> = ({
         }
         onClick={onRemove}
       >
-        <RiIndeterminateCircleLine className='size-4' />
+        <RiIndeterminateCircleLine className="size-4" />
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/edit-row.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/edit-row.tsx
index c02d2afb25..907ff127fb 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/edit-row.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/edit-row.tsx
@@ -1,13 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { type MetadataItemWithEdit, UpdateType } from '../types'
-import Label from './label'
+import type { MetadataItemWithEdit } from '../types'
 import { RiDeleteBinLine } from '@remixicon/react'
+import React from 'react'
 import { cn } from '@/utils/classnames'
-import InputHasSetMultipleValue from './input-has-set-multiple-value'
-import InputCombined from './input-combined'
+import { UpdateType } from '../types'
 import EditedBeacon from './edited-beacon'
+import InputCombined from './input-combined'
+import InputHasSetMultipleValue from './input-has-set-multiple-value'
+import Label from './label'
 
 type Props = {
   payload: MetadataItemWithEdit
@@ -25,30 +26,35 @@ const EditMetadatabatchItem: FC<Props> = ({
   const isUpdated = payload.isUpdated
   const isDeleted = payload.updateType === UpdateType.delete
   return (
-    <div className='flex h-6 items-center space-x-0.5'>
-      {isUpdated ? <EditedBeacon onReset={() => onReset(payload.id)} /> : <div className='size-4 shrink-0' />}
+    <div className="flex h-6 items-center space-x-0.5">
+      {isUpdated ? <EditedBeacon onReset={() => onReset(payload.id)} /> : <div className="size-4 shrink-0" />}
       <Label text={payload.name} isDeleted={isDeleted} />
       {payload.isMultipleValue
-        ? <InputHasSetMultipleValue
-          onClear={() => onChange({ ...payload, value: null, isMultipleValue: false })}
-          readOnly={isDeleted}
-        />
-        : <InputCombined
-          type={payload.type}
-          value={payload.value}
-          onChange={v => onChange({ ...payload, value: v as string })}
-          readOnly={isDeleted}
-        />}
+        ? (
+            <InputHasSetMultipleValue
+              onClear={() => onChange({ ...payload, value: null, isMultipleValue: false })}
+              readOnly={isDeleted}
+            />
+          )
+        : (
+            <InputCombined
+              type={payload.type}
+              value={payload.value}
+              onChange={v => onChange({ ...payload, value: v as string })}
+              readOnly={isDeleted}
+            />
+          )}
 
       <div
         className={
           cn(
             'cursor-pointer rounded-md p-1 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive',
-            isDeleted && 'cursor-default bg-state-destructive-hover  text-text-destructive')
+            isDeleted && 'cursor-default bg-state-destructive-hover  text-text-destructive',
+          )
         }
         onClick={() => onRemove(payload.id)}
       >
-        <RiDeleteBinLine className='size-4' />
+        <RiDeleteBinLine className="size-4" />
       </div>
     </div>
   )
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/edited-beacon.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/edited-beacon.tsx
index ba419182b7..34f4e43a33 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/edited-beacon.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/edited-beacon.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React, { useRef } from 'react'
-import { useHover } from 'ahooks'
 import { RiResetLeftLine } from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
+import { useHover } from 'ahooks'
+import React, { useRef } from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
 
 type Props = {
   onReset: () => void
@@ -18,18 +18,20 @@ const EditedBeacon: FC<Props> = ({
   const isHovering = useHover(ref)
 
   return (
-    <div ref={ref} className='size-4 cursor-pointer'>
-      {isHovering ? (
-        <Tooltip popupContent={t('common.operation.reset')}>
-          <div className='flex size-4 items-center justify-center rounded-full bg-text-accent-secondary' onClick={onReset}>
-            <RiResetLeftLine className='size-[10px] text-text-primary-on-surface' />
-          </div>
-        </Tooltip>
-      ) : (
-        <div className='flex size-4 items-center justify-center'>
-          <div className='size-1 rounded-full bg-text-accent-secondary'></div>
-        </div>
-      )}
+    <div ref={ref} className="size-4 cursor-pointer">
+      {isHovering
+        ? (
+            <Tooltip popupContent={t('common.operation.reset')}>
+              <div className="flex size-4 items-center justify-center rounded-full bg-text-accent-secondary" onClick={onReset}>
+                <RiResetLeftLine className="size-[10px] text-text-primary-on-surface" />
+              </div>
+            </Tooltip>
+          )
+        : (
+            <div className="flex size-4 items-center justify-center">
+              <div className="size-1 rounded-full bg-text-accent-secondary"></div>
+            </div>
+          )}
     </div>
   )
 }
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/input-combined.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/input-combined.tsx
index 5d07571cd1..51dd81b1fa 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/input-combined.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/input-combined.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { DataType } from '../types'
 import Input from '@/app/components/base/input'
 import { InputNumber } from '@/app/components/base/input-number'
 import { cn } from '@/utils/classnames'
 import Datepicker from '../base/date-picker'
+import { DataType } from '../types'
 
 type Props = {
   className?: string
@@ -35,14 +35,14 @@ const InputCombined: FC<Props> = ({
 
   if (type === DataType.number) {
     return (
-      <div className='grow text-[0]'>
+      <div className="grow text-[0]">
         <InputNumber
           className={cn(className, 'rounded-l-md')}
           value={value}
           onChange={onChange}
-          size='regular'
-          controlWrapClassName='overflow-hidden'
-          controlClassName='pt-0 pb-0'
+          size="regular"
+          controlWrapClassName="overflow-hidden"
+          controlClassName="pt-0 pb-0"
           readOnly={readOnly}
         />
       </div>
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/input-has-set-multiple-value.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/input-has-set-multiple-value.tsx
index 4eb03fee38..412ef419e9 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/input-has-set-multiple-value.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/input-has-set-multiple-value.tsx
@@ -1,6 +1,6 @@
 'use client'
-import { RiCloseLine } from '@remixicon/react'
 import type { FC } from 'react'
+import { RiCloseLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
@@ -16,13 +16,13 @@ const InputHasSetMultipleValue: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='h-6 grow rounded-md bg-components-input-bg-normal p-0.5 text-[0]'>
+    <div className="h-6 grow rounded-md bg-components-input-bg-normal p-0.5 text-[0]">
       <div className={cn('inline-flex h-5 items-center space-x-0.5 rounded-[5px] border-[0.5px] border-components-panel-border bg-components-badge-white-to-dark pl-1.5 pr-0.5 shadow-xs', readOnly && 'pr-1.5')}>
-        <div className='system-xs-regular text-text-secondary'>{t('dataset.metadata.batchEditMetadata.multipleValue')}</div>
+        <div className="system-xs-regular text-text-secondary">{t('dataset.metadata.batchEditMetadata.multipleValue')}</div>
         {!readOnly && (
-          <div className='cursor-pointer rounded-[4px] p-px text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary'>
+          <div className="cursor-pointer rounded-[4px] p-px text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary">
             <RiCloseLine
-              className='size-3.5 '
+              className="size-3.5 "
               onClick={onClear}
             />
           </div>
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/label.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/label.tsx
index c73ea1262b..009b61f0b8 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/label.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/label.tsx
@@ -4,8 +4,8 @@ import React from 'react'
 import { cn } from '@/utils/classnames'
 
 type Props = {
-  isDeleted?: boolean,
-  className?: string,
+  isDeleted?: boolean
+  className?: string
   text: string
 }
 
@@ -19,7 +19,8 @@ const Label: FC<Props> = ({
       'system-xs-medium w-[136px] shrink-0 truncate text-text-tertiary',
       isDeleted && 'text-text-quaternary line-through',
       className,
-    )}>
+    )}
+    >
       {text}
     </div>
   )
diff --git a/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx b/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx
index 69eb969ebf..8cec39b1d2 100644
--- a/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx
+++ b/web/app/components/datasets/metadata/edit-metadata-batch/modal.tsx
@@ -1,28 +1,28 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import Modal from '../../../base/modal'
-import type { BuiltInMetadataItem, MetadataItemInBatchEdit } from '../types'
-import { type MetadataItemWithEdit, UpdateType } from '../types'
-import EditMetadataBatchItem from './edit-row'
-import AddedMetadataItem from './add-row'
-import Button from '../../../base/button'
-import { useTranslation } from 'react-i18next'
-import Checkbox from '../../../base/checkbox'
-import Tooltip from '../../../base/tooltip'
-import SelectMetadataModal from '../metadata-dataset/select-metadata-modal'
+import type { BuiltInMetadataItem, MetadataItemInBatchEdit, MetadataItemWithEdit } from '../types'
 import { RiQuestionLine } from '@remixicon/react'
-import Divider from '@/app/components/base/divider'
-import AddMetadataButton from '../add-metadata-button'
 import { produce } from 'immer'
-import useCheckMetadataName from '../hooks/use-check-metadata-name'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
 import Toast from '@/app/components/base/toast'
 import { useCreateMetaData } from '@/service/knowledge/use-metadata'
+import Button from '../../../base/button'
+import Checkbox from '../../../base/checkbox'
+import Modal from '../../../base/modal'
+import Tooltip from '../../../base/tooltip'
+import AddMetadataButton from '../add-metadata-button'
+import useCheckMetadataName from '../hooks/use-check-metadata-name'
+import SelectMetadataModal from '../metadata-dataset/select-metadata-modal'
+import { UpdateType } from '../types'
+import AddedMetadataItem from './add-row'
+import EditMetadataBatchItem from './edit-row'
 
 const i18nPrefix = 'dataset.metadata.batchEditMetadata'
 
 type Props = {
-  datasetId: string,
+  datasetId: string
   documentNum: number
   list: MetadataItemInBatchEdit[]
   onSave: (editedList: MetadataItemInBatchEdit[], addedList: MetadataItemInBatchEdit[], isApplyToAllSelectDocument: boolean) => void
@@ -48,8 +48,7 @@ const EditMetadataBatchModal: FC<Props> = ({
         draft[index].isUpdated = true
         draft[index].updateType = UpdateType.changeValue
       }
-    },
-    )
+    })
     setTempleList(newTempleList)
   }, [templeList])
   const handleTempleItemRemove = useCallback((id: string) => {
@@ -116,11 +115,11 @@ const EditMetadataBatchModal: FC<Props> = ({
       isShow
       closable
       onClose={onHide}
-      className='!max-w-[640px]'
+      className="!max-w-[640px]"
     >
-      <div className='system-xs-medium mt-1 text-text-accent'>{t(`${i18nPrefix}.editDocumentsNum`, { num: documentNum })}</div>
-      <div className='max-h-[305px] overflow-y-auto overflow-x-hidden'>
-        <div className='mt-4 space-y-2'>
+      <div className="system-xs-medium mt-1 text-text-accent">{t(`${i18nPrefix}.editDocumentsNum`, { num: documentNum })}</div>
+      <div className="max-h-[305px] overflow-y-auto overflow-x-hidden">
+        <div className="mt-4 space-y-2">
           {templeList.map(item => (
             <EditMetadataBatchItem
               key={item.id}
@@ -131,12 +130,12 @@ const EditMetadataBatchModal: FC<Props> = ({
             />
           ))}
         </div>
-        <div className='mt-4 pl-[18px]'>
-          <div className='flex items-center'>
-            <div className='system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary'>{t('dataset.metadata.createMetadata.title')}</div>
-            <Divider bgStyle='gradient' />
+        <div className="mt-4 pl-[18px]">
+          <div className="flex items-center">
+            <div className="system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary">{t('dataset.metadata.createMetadata.title')}</div>
+            <Divider bgStyle="gradient" />
           </div>
-          <div className='mt-2 space-y-2'>
+          <div className="mt-2 space-y-2">
             {addedList.map((item, i) => (
               <AddedMetadataItem
                 key={i}
@@ -146,10 +145,10 @@ const EditMetadataBatchModal: FC<Props> = ({
               />
             ))}
           </div>
-          <div className='mt-3'>
+          <div className="mt-3">
             <SelectMetadataModal
               datasetId={datasetId}
-              popupPlacement='top-start'
+              popupPlacement="top-start"
               popupOffset={{ mainAxis: 4, crossAxis: 0 }}
               trigger={
                 <AddMetadataButton />
@@ -162,25 +161,31 @@ const EditMetadataBatchModal: FC<Props> = ({
         </div>
       </div>
 
-      <div className='mt-4 flex items-center justify-between'>
-        <div className='flex select-none items-center'>
+      <div className="mt-4 flex items-center justify-between">
+        <div className="flex select-none items-center">
           <Checkbox checked={isApplyToAllSelectDocument} onCheck={() => setIsApplyToAllSelectDocument(!isApplyToAllSelectDocument)} />
-          <div className='system-xs-medium ml-2 mr-1 text-text-secondary'>{t(`${i18nPrefix}.applyToAllSelectDocument`)}</div>
+          <div className="system-xs-medium ml-2 mr-1 text-text-secondary">{t(`${i18nPrefix}.applyToAllSelectDocument`)}</div>
           <Tooltip popupContent={
-            <div className='max-w-[240px]'>{t(`${i18nPrefix}.applyToAllSelectDocumentTip`)}</div>
-          } >
-            <div className='cursor-pointer p-px'>
-              <RiQuestionLine className='size-3.5 text-text-tertiary' />
+            <div className="max-w-[240px]">{t(`${i18nPrefix}.applyToAllSelectDocumentTip`)}</div>
+          }
+          >
+            <div className="cursor-pointer p-px">
+              <RiQuestionLine className="size-3.5 text-text-tertiary" />
             </div>
           </Tooltip>
         </div>
-        <div className='flex items-center space-x-2'>
+        <div className="flex items-center space-x-2">
           <Button
-            onClick={onHide}>{t('common.operation.cancel')}</Button>
+            onClick={onHide}
+          >
+            {t('common.operation.cancel')}
+          </Button>
           <Button
             onClick={handleSave}
-            variant='primary'
-          >{t('common.operation.save')}</Button>
+            variant="primary"
+          >
+            {t('common.operation.save')}
+          </Button>
         </div>
       </div>
     </Modal>
diff --git a/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts b/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts
index 0f07b3de60..972129bdf0 100644
--- a/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts
+++ b/web/app/components/datasets/metadata/hooks/use-batch-edit-document-metadata.ts
@@ -1,10 +1,11 @@
-import { useBoolean } from 'ahooks'
-import { type MetadataBatchEditToServer, type MetadataItemInBatchEdit, type MetadataItemWithEdit, type MetadataItemWithValue, UpdateType } from '../types'
+import type { MetadataBatchEditToServer, MetadataItemInBatchEdit, MetadataItemWithEdit, MetadataItemWithValue } from '../types'
 import type { SimpleDocumentDetail } from '@/models/datasets'
-import { useMemo } from 'react'
-import { useBatchUpdateDocMetadata } from '@/service/knowledge/use-metadata'
-import Toast from '@/app/components/base/toast'
+import { useBoolean } from 'ahooks'
 import { t } from 'i18next'
+import { useMemo } from 'react'
+import Toast from '@/app/components/base/toast'
+import { useBatchUpdateDocMetadata } from '@/service/knowledge/use-metadata'
+import { UpdateType } from '../types'
 
 type Props = {
   datasetId: string
diff --git a/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts b/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts
index 779cd05e19..e6f6c5ad3d 100644
--- a/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts
+++ b/web/app/components/datasets/metadata/hooks/use-edit-dataset-metadata.ts
@@ -1,19 +1,20 @@
-import { useBoolean } from 'ahooks'
-import { useBuiltInMetaDataFields, useCreateMetaData, useDatasetMetaData, useDeleteMetaData, useRenameMeta, useUpdateBuiltInStatus } from '@/service/knowledge/use-metadata'
+import type { BuiltInMetadataItem, MetadataItemWithValueLength } from '../types'
 import type { DataSet } from '@/models/datasets'
+import { useBoolean } from 'ahooks'
 import { useCallback, useEffect, useState } from 'react'
-import { type BuiltInMetadataItem, type MetadataItemWithValueLength, isShowManageMetadataLocalStorageKey } from '../types'
-import useCheckMetadataName from './use-check-metadata-name'
-import Toast from '@/app/components/base/toast'
 import { useTranslation } from 'react-i18next'
+import Toast from '@/app/components/base/toast'
+import { useBuiltInMetaDataFields, useCreateMetaData, useDatasetMetaData, useDeleteMetaData, useRenameMeta, useUpdateBuiltInStatus } from '@/service/knowledge/use-metadata'
+import { isShowManageMetadataLocalStorageKey } from '../types'
+import useCheckMetadataName from './use-check-metadata-name'
 
 const useEditDatasetMetadata = ({
   datasetId,
   // dataset,
   onUpdateDocList,
 }: {
-  datasetId: string,
-  dataset?: DataSet,
+  datasetId: string
+  dataset?: DataSet
   onUpdateDocList: () => void
 }) => {
   const { t } = useTranslation()
diff --git a/web/app/components/datasets/metadata/hooks/use-metadata-document.ts b/web/app/components/datasets/metadata/hooks/use-metadata-document.ts
index f52806ef8d..66dfc0384f 100644
--- a/web/app/components/datasets/metadata/hooks/use-metadata-document.ts
+++ b/web/app/components/datasets/metadata/hooks/use-metadata-document.ts
@@ -1,14 +1,13 @@
-import { useBatchUpdateDocMetadata, useDatasetMetaData, useDocumentMetaData } from '@/service/knowledge/use-metadata'
-import { useDatasetDetailContext } from '@/context/dataset-detail'
-import type { BuiltInMetadataItem } from '../types'
-import { DataType, type MetadataItemWithValue } from '../types'
-import { useCallback, useState } from 'react'
-import Toast from '@/app/components/base/toast'
+import type { BuiltInMetadataItem, MetadataItemWithValue } from '../types'
 import type { FullDocumentDetail } from '@/models/datasets'
-import { useTranslation } from 'react-i18next'
-import { useLanguages, useMetadataMap } from '@/hooks/use-metadata'
 import { get } from 'lodash-es'
-import { useCreateMetaData } from '@/service/knowledge/use-metadata'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Toast from '@/app/components/base/toast'
+import { useDatasetDetailContext } from '@/context/dataset-detail'
+import { useLanguages, useMetadataMap } from '@/hooks/use-metadata'
+import { useBatchUpdateDocMetadata, useCreateMetaData, useDatasetMetaData, useDocumentMetaData } from '@/service/knowledge/use-metadata'
+import { DataType } from '../types'
 import useCheckMetadataName from './use-check-metadata-name'
 
 type Props = {
diff --git a/web/app/components/datasets/metadata/metadata-dataset/create-content.tsx b/web/app/components/datasets/metadata/metadata-dataset/create-content.tsx
index 3ac1a046ff..f2eba083fb 100644
--- a/web/app/components/datasets/metadata/metadata-dataset/create-content.tsx
+++ b/web/app/components/datasets/metadata/metadata-dataset/create-content.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { DataType } from '../types'
-import ModalLikeWrap from '../../../base/modal-like-wrap'
-import Field from './field'
-import OptionCard from '../../../workflow/nodes/_base/components/option-card'
-import Input from '@/app/components/base/input'
 import { RiArrowLeftLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { noop } from 'lodash-es'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import ModalLikeWrap from '../../../base/modal-like-wrap'
+import OptionCard from '../../../workflow/nodes/_base/components/option-card'
+import { DataType } from '../types'
+import Field from './field'
 
 const i18nPrefix = 'dataset.metadata.createMetadata'
 
@@ -50,27 +50,27 @@ const CreateContent: FC<Props> = ({
       onConfirm={handleSave}
       hideCloseBtn={hasBack}
       beforeHeader={hasBack && (
-        <div className='relative left-[-4px] mb-1 flex cursor-pointer items-center space-x-1 py-1 text-text-accent' onClick={onBack}>
-          <RiArrowLeftLine className='size-4' />
-          <div className='system-xs-semibold-uppercase'>{t(`${i18nPrefix}.back`)}</div>
+        <div className="relative left-[-4px] mb-1 flex cursor-pointer items-center space-x-1 py-1 text-text-accent" onClick={onBack}>
+          <RiArrowLeftLine className="size-4" />
+          <div className="system-xs-semibold-uppercase">{t(`${i18nPrefix}.back`)}</div>
         </div>
       )}
     >
-      <div className='space-y-3'>
+      <div className="space-y-3">
         <Field label={t(`${i18nPrefix}.type`)}>
-          <div className='grid grid-cols-3 gap-2'>
+          <div className="grid grid-cols-3 gap-2">
             <OptionCard
-              title='String'
+              title="String"
               selected={type === DataType.string}
               onSelect={handleTypeChange(DataType.string)}
             />
             <OptionCard
-              title='Number'
+              title="Number"
               selected={type === DataType.number}
               onSelect={handleTypeChange(DataType.number)}
             />
             <OptionCard
-              title='Time'
+              title="Time"
               selected={type === DataType.time}
               onSelect={handleTypeChange(DataType.time)}
             />
diff --git a/web/app/components/datasets/metadata/metadata-dataset/create-metadata-modal.tsx b/web/app/components/datasets/metadata/metadata-dataset/create-metadata-modal.tsx
index 6e00aa4b2c..9ee326fd53 100644
--- a/web/app/components/datasets/metadata/metadata-dataset/create-metadata-modal.tsx
+++ b/web/app/components/datasets/metadata/metadata-dataset/create-metadata-modal.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { Props as CreateContentProps } from './create-content'
-import CreateContent from './create-content'
+import React from 'react'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../../../base/portal-to-follow-elem'
+import CreateContent from './create-content'
 
 type Props = {
   open: boolean
@@ -24,7 +24,7 @@ const CreateMetadataModal: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='left-start'
+      placement="left-start"
       offset={{
         mainAxis: popupLeft,
         crossAxis: -38,
@@ -35,10 +35,10 @@ const CreateMetadataModal: FC<Props> = ({
       >
         {trigger}
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
+      <PortalToFollowElemContent className="z-[1000]">
         <CreateContent {...createContentProps} onClose={() => setOpen(false)} onBack={() => setOpen(false)} />
       </PortalToFollowElemContent>
-    </PortalToFollowElem >
+    </PortalToFollowElem>
 
   )
 }
diff --git a/web/app/components/datasets/metadata/metadata-dataset/dataset-metadata-drawer.tsx b/web/app/components/datasets/metadata/metadata-dataset/dataset-metadata-drawer.tsx
index 50cbfa1338..bfdda3dd65 100644
--- a/web/app/components/datasets/metadata/metadata-dataset/dataset-metadata-drawer.tsx
+++ b/web/app/components/datasets/metadata/metadata-dataset/dataset-metadata-drawer.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useRef, useState } from 'react'
 import type { BuiltInMetadataItem, MetadataItemWithValueLength } from '../types'
-import Drawer from '@/app/components/base/drawer'
-import Button from '@/app/components/base/button'
 import { RiAddLine, RiDeleteBinLine, RiEditLine } from '@remixicon/react'
-import { getIcon } from '../utils/get-icon'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
-import Field from './field'
-import Input from '@/app/components/base/input'
+import { useBoolean, useHover } from 'ahooks'
+import React, { useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import Drawer from '@/app/components/base/drawer'
+import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 import Switch from '@/app/components/base/switch'
+import Toast from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
 import CreateModal from '@/app/components/datasets/metadata/metadata-dataset/create-metadata-modal'
-import { useBoolean, useHover } from 'ahooks'
-import Confirm from '@/app/components/base/confirm'
-import Toast from '@/app/components/base/toast'
+import { cn } from '@/utils/classnames'
+import { getIcon } from '../utils/get-icon'
+import Field from './field'
 
 const i18nPrefix = 'dataset.metadata.datasetMetadata'
 
@@ -78,26 +78,26 @@ const Item: FC<ItemProps> = ({
           disabled && 'opacity-30', // not include border and bg
         )}
       >
-        <div className='flex h-full items-center space-x-1 text-text-tertiary'>
-          <Icon className='size-4 shrink-0' />
-          <div className='system-sm-medium max-w-[250px] truncate text-text-primary'>{payload.name}</div>
-          <div className='system-xs-regular shrink-0'>{payload.type}</div>
+        <div className="flex h-full items-center space-x-1 text-text-tertiary">
+          <Icon className="size-4 shrink-0" />
+          <div className="system-sm-medium max-w-[250px] truncate text-text-primary">{payload.name}</div>
+          <div className="system-xs-regular shrink-0">{payload.type}</div>
         </div>
         {(!readonly || disabled) && (
-          <div className='system-xs-regular ml-2 shrink-0 text-text-tertiary group-hover/item:hidden'>
+          <div className="system-xs-regular ml-2 shrink-0 text-text-tertiary group-hover/item:hidden">
             {disabled ? t(`${i18nPrefix}.disabled`) : t(`${i18nPrefix}.values`, { num: payload.count || 0 })}
           </div>
         )}
-        <div className='ml-2 hidden items-center space-x-1 text-text-tertiary group-hover/item:flex'>
-          <RiEditLine className='size-4 cursor-pointer' onClick={handleRename} />
-          <div ref={deleteBtnRef} className='hover:text-text-destructive'>
-            <RiDeleteBinLine className='size-4 cursor-pointer' onClick={showDeleteConfirm} />
+        <div className="ml-2 hidden items-center space-x-1 text-text-tertiary group-hover/item:flex">
+          <RiEditLine className="size-4 cursor-pointer" onClick={handleRename} />
+          <div ref={deleteBtnRef} className="hover:text-text-destructive">
+            <RiDeleteBinLine className="size-4 cursor-pointer" onClick={showDeleteConfirm} />
           </div>
         </div>
         {isShowDeleteConfirm && (
           <Confirm
             isShow
-            type='warning'
+            type="warning"
             title={t('dataset.metadata.datasetMetadata.deleteTitle')}
             content={t('dataset.metadata.datasetMetadata.deleteContent', { name: payload.name })}
             onConfirm={handleDelete}
@@ -173,20 +173,24 @@ const DatasetMetadataDrawer: FC<Props> = ({
       showClose
       title={t('dataset.metadata.metadata')}
       footer={null}
-      panelClassName='px-4 block !max-w-[420px] my-2 rounded-l-2xl'
+      panelClassName="px-4 block !max-w-[420px] my-2 rounded-l-2xl"
     >
-      <div className='h-full overflow-y-auto'>
-        <div className='system-sm-regular text-text-tertiary'>{t(`${i18nPrefix}.description`)}</div>
+      <div className="h-full overflow-y-auto">
+        <div className="system-sm-regular text-text-tertiary">{t(`${i18nPrefix}.description`)}</div>
         <CreateModal
           open={open}
           setOpen={setOpen}
-          trigger={<Button variant='primary' className='mt-3'>
-            <RiAddLine className='mr-1' />
-            {t(`${i18nPrefix}.addMetaData`)}
-          </Button>} hasBack onSave={handleAdd}
+          trigger={(
+            <Button variant="primary" className="mt-3">
+              <RiAddLine className="mr-1" />
+              {t(`${i18nPrefix}.addMetaData`)}
+            </Button>
+          )}
+          hasBack
+          onSave={handleAdd}
         />
 
-        <div className='mt-3 space-y-1'>
+        <div className="mt-3 space-y-1">
           {userMetadata.map(payload => (
             <Item
               key={payload.id}
@@ -197,16 +201,16 @@ const DatasetMetadataDrawer: FC<Props> = ({
           ))}
         </div>
 
-        <div className='mt-3 flex h-6 items-center'>
+        <div className="mt-3 flex h-6 items-center">
           <Switch
             defaultValue={isBuiltInEnabled}
             onChange={onIsBuiltInEnabledChange}
           />
-          <div className='system-sm-semibold ml-2 mr-0.5 text-text-secondary'>{t(`${i18nPrefix}.builtIn`)}</div>
-          <Tooltip popupContent={<div className='max-w-[100px]'>{t(`${i18nPrefix}.builtInDescription`)}</div>} />
+          <div className="system-sm-semibold ml-2 mr-0.5 text-text-secondary">{t(`${i18nPrefix}.builtIn`)}</div>
+          <Tooltip popupContent={<div className="max-w-[100px]">{t(`${i18nPrefix}.builtInDescription`)}</div>} />
         </div>
 
-        <div className='mt-1 space-y-1'>
+        <div className="mt-1 space-y-1">
           {builtInMetadata.map(payload => (
             <Item
               key={payload.name}
@@ -219,25 +223,30 @@ const DatasetMetadataDrawer: FC<Props> = ({
 
         {isShowRenameModal && (
           <Modal isShow title={t(`${i18nPrefix}.rename`)} onClose={() => setIsShowRenameModal(false)}>
-            <Field label={t(`${i18nPrefix}.name`)} className='mt-4'>
+            <Field label={t(`${i18nPrefix}.name`)} className="mt-4">
               <Input
                 value={templeName}
                 onChange={e => setTempleName(e.target.value)}
                 placeholder={t(`${i18nPrefix}.namePlaceholder`)}
               />
             </Field>
-            <div className='mt-4 flex justify-end'>
+            <div className="mt-4 flex justify-end">
               <Button
-                className='mr-2'
+                className="mr-2"
                 onClick={() => {
                   setIsShowRenameModal(false)
                   setTempleName(currPayload!.name)
-                }}>{t('common.operation.cancel')}</Button>
+                }}
+              >
+                {t('common.operation.cancel')}
+              </Button>
               <Button
                 onClick={handleRenamed}
-                variant='primary'
+                variant="primary"
                 disabled={!templeName}
-              >{t('common.operation.save')}</Button>
+              >
+                {t('common.operation.save')}
+              </Button>
             </div>
           </Modal>
         )}
diff --git a/web/app/components/datasets/metadata/metadata-dataset/field.tsx b/web/app/components/datasets/metadata/metadata-dataset/field.tsx
index d7f0e47396..8fb57bac34 100644
--- a/web/app/components/datasets/metadata/metadata-dataset/field.tsx
+++ b/web/app/components/datasets/metadata/metadata-dataset/field.tsx
@@ -15,8 +15,8 @@ const Field: FC<Props> = ({
 }) => {
   return (
     <div className={className}>
-      <div className='system-sm-semibold py-1 text-text-secondary'>{label}</div>
-      <div className='mt-1'>{children}</div>
+      <div className="system-sm-semibold py-1 text-text-secondary">{label}</div>
+      <div className="mt-1">{children}</div>
     </div>
   )
 }
diff --git a/web/app/components/datasets/metadata/metadata-dataset/select-metadata-modal.tsx b/web/app/components/datasets/metadata/metadata-dataset/select-metadata-modal.tsx
index 91c97156f4..be0fbe9fab 100644
--- a/web/app/components/datasets/metadata/metadata-dataset/select-metadata-modal.tsx
+++ b/web/app/components/datasets/metadata/metadata-dataset/select-metadata-modal.tsx
@@ -1,13 +1,13 @@
 'use client'
+import type { Placement } from '@floating-ui/react'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
+import type { MetadataItem } from '../types'
 import type { Props as CreateContentProps } from './create-content'
+import React, { useCallback, useState } from 'react'
+import { useDatasetMetaData } from '@/service/knowledge/use-metadata'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../../../base/portal-to-follow-elem'
 import CreateContent from './create-content'
 import SelectMetadata from './select-metadata'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '../../../base/portal-to-follow-elem'
-import type { MetadataItem } from '../types'
-import type { Placement } from '@floating-ui/react'
-import { useDatasetMetaData } from '@/service/knowledge/use-metadata'
 
 type Props = {
   datasetId: string
@@ -51,31 +51,33 @@ const SelectMetadataModal: FC<Props> = ({
     >
       <PortalToFollowElemTrigger
         onClick={() => setOpen(!open)}
-        className='block'
+        className="block"
       >
         {trigger}
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        {step === Step.select ? (
-          <SelectMetadata
-            onSelect={(data) => {
-              onSelect(data)
-              setOpen(false)
-            }}
-            list={datasetMetaData?.doc_metadata || []}
-            onNew={() => setStep(Step.create)}
-            onManage={onManage}
-          />
-        ) : (
-          <CreateContent
-            onSave={handleSave}
-            hasBack
-            onBack={() => setStep(Step.select)}
-            onClose={() => setStep(Step.select)}
-          />
-        )}
+      <PortalToFollowElemContent className="z-[1000]">
+        {step === Step.select
+          ? (
+              <SelectMetadata
+                onSelect={(data) => {
+                  onSelect(data)
+                  setOpen(false)
+                }}
+                list={datasetMetaData?.doc_metadata || []}
+                onNew={() => setStep(Step.create)}
+                onManage={onManage}
+              />
+            )
+          : (
+              <CreateContent
+                onSave={handleSave}
+                hasBack
+                onBack={() => setStep(Step.select)}
+                onClose={() => setStep(Step.select)}
+              />
+            )}
       </PortalToFollowElemContent>
-    </PortalToFollowElem >
+    </PortalToFollowElem>
 
   )
 }
diff --git a/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx b/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx
index d3580cf5b3..3540939205 100644
--- a/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx
+++ b/web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React, { useMemo, useState } from 'react'
 import type { MetadataItem } from '../types'
-import SearchInput from '@/app/components/base/search-input'
 import { RiAddLine, RiArrowRightUpLine } from '@remixicon/react'
+import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import SearchInput from '@/app/components/base/search-input'
 import { getIcon } from '../utils/get-icon'
 
 const i18nPrefix = 'dataset.metadata.selectMetadata'
@@ -26,53 +26,54 @@ const SelectMetadata: FC<Props> = ({
 
   const [query, setQuery] = useState('')
   const list = useMemo(() => {
-    if (!query) return notFilteredList
+    if (!query)
+      return notFilteredList
     return notFilteredList.filter((item) => {
       return item.name.toLowerCase().includes(query.toLowerCase())
     })
   }, [query, notFilteredList])
   return (
-    <div className='w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-0 pt-2 shadow-lg backdrop-blur-[5px]'>
+    <div className="w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-0 pt-2 shadow-lg backdrop-blur-[5px]">
       <SearchInput
-        className='mx-2'
+        className="mx-2"
         value={query}
         onChange={setQuery}
         placeholder={t(`${i18nPrefix}.search`)}
       />
-      <div className='mt-2'>
+      <div className="mt-2">
         {list.map((item) => {
           const Icon = getIcon(item.type)
           return (
             <div
               key={item.id}
-              className='mx-1 flex h-6 cursor-pointer  items-center justify-between rounded-md px-3 hover:bg-state-base-hover'
+              className="mx-1 flex h-6 cursor-pointer  items-center justify-between rounded-md px-3 hover:bg-state-base-hover"
               onClick={() => onSelect({
                 id: item.id,
                 name: item.name,
                 type: item.type,
               })}
             >
-              <div className='flex h-full w-0 grow items-center text-text-secondary'>
-                <Icon className='mr-[5px] size-3.5 shrink-0' />
-                <div className='system-sm-medium w-0 grow truncate'>{item.name}</div>
+              <div className="flex h-full w-0 grow items-center text-text-secondary">
+                <Icon className="mr-[5px] size-3.5 shrink-0" />
+                <div className="system-sm-medium w-0 grow truncate">{item.name}</div>
               </div>
-              <div className='system-xs-regular ml-1 shrink-0 text-text-tertiary'>
+              <div className="system-xs-regular ml-1 shrink-0 text-text-tertiary">
                 {item.type}
               </div>
             </div>
           )
         })}
       </div>
-      <div className='mt-1 flex justify-between border-t border-divider-subtle p-1'>
-        <div className='flex h-6 cursor-pointer items-center space-x-1 rounded-md px-3 text-text-secondary hover:bg-state-base-hover' onClick={onNew}>
-          <RiAddLine className='size-3.5' />
-          <div className='system-sm-medium'>{t(`${i18nPrefix}.newAction`)}</div>
+      <div className="mt-1 flex justify-between border-t border-divider-subtle p-1">
+        <div className="flex h-6 cursor-pointer items-center space-x-1 rounded-md px-3 text-text-secondary hover:bg-state-base-hover" onClick={onNew}>
+          <RiAddLine className="size-3.5" />
+          <div className="system-sm-medium">{t(`${i18nPrefix}.newAction`)}</div>
         </div>
-        <div className='flex h-6 items-center text-text-secondary '>
-          <div className='mr-[3px] h-3 w-px bg-divider-regular'></div>
-          <div className='flex h-full cursor-pointer items-center rounded-md px-1.5 hover:bg-state-base-hover' onClick={onManage}>
-            <div className='system-sm-medium mr-1'>{t(`${i18nPrefix}.manageAction`)}</div>
-            <RiArrowRightUpLine className='size-3.5' />
+        <div className="flex h-6 items-center text-text-secondary ">
+          <div className="mr-[3px] h-3 w-px bg-divider-regular"></div>
+          <div className="flex h-full cursor-pointer items-center rounded-md px-1.5 hover:bg-state-base-hover" onClick={onManage}>
+            <div className="system-sm-medium mr-1">{t(`${i18nPrefix}.manageAction`)}</div>
+            <RiArrowRightUpLine className="size-3.5" />
           </div>
         </div>
       </div>
diff --git a/web/app/components/datasets/metadata/metadata-document/field.tsx b/web/app/components/datasets/metadata/metadata-document/field.tsx
index 1ef1d7c727..46c7598d5d 100644
--- a/web/app/components/datasets/metadata/metadata-document/field.tsx
+++ b/web/app/components/datasets/metadata/metadata-document/field.tsx
@@ -12,11 +12,11 @@ const Field: FC<Props> = ({
   children,
 }) => {
   return (
-    <div className='flex items-start space-x-2'>
-      <div className='system-xs-medium w-[128px] shrink-0 items-center truncate py-1 text-text-tertiary'>
+    <div className="flex items-start space-x-2">
+      <div className="system-xs-medium w-[128px] shrink-0 items-center truncate py-1 text-text-tertiary">
         {label}
       </div>
-      <div className='w-[244px] shrink-0'>
+      <div className="w-[244px] shrink-0">
         {children}
       </div>
     </div>
diff --git a/web/app/components/datasets/metadata/metadata-document/index.tsx b/web/app/components/datasets/metadata/metadata-document/index.tsx
index 136be625d4..beb88a8b82 100644
--- a/web/app/components/datasets/metadata/metadata-document/index.tsx
+++ b/web/app/components/datasets/metadata/metadata-document/index.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { FullDocumentDetail } from '@/models/datasets'
+import { RiEditLine } from '@remixicon/react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { cn } from '@/utils/classnames'
+import useMetadataDocument from '../hooks/use-metadata-document'
 import InfoGroup from './info-group'
 import NoData from './no-data'
-import Button from '@/app/components/base/button'
-import { RiEditLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import Divider from '@/app/components/base/divider'
-import useMetadataDocument from '../hooks/use-metadata-document'
-import type { FullDocumentDetail } from '@/models/datasets'
-import { cn } from '@/utils/classnames'
 
 const i18nPrefix = 'dataset.metadata.documentMetadata'
 
@@ -48,52 +48,56 @@ const MetadataDocument: FC<Props> = ({
 
   return (
     <div className={cn('w-[388px] space-y-4', className)}>
-      {(hasData || isEdit) ? (
-        <div className='pl-2'>
-          <InfoGroup
-            title={t('dataset.metadata.metadata')}
-            uppercaseTitle={false}
-            titleTooltip={t(`${i18nPrefix}.metadataToolTip`)}
-            list={isEdit ? tempList : list}
-            dataSetId={datasetId}
-            headerRight={embeddingAvailable && (isEdit ? (
-              <div className='flex space-x-1'>
-                <Button variant='ghost' size='small' onClick={handleCancel}>
-                  <div>{t('common.operation.cancel')}</div>
-                </Button>
-                <Button variant='primary' size='small' onClick={handleSave}>
-                  <div>{t('common.operation.save')}</div>
-                </Button>
-              </div>
-            ) : (
-              <Button variant='ghost' size='small' onClick={startToEdit}>
-                <RiEditLine className='mr-1 size-3.5 cursor-pointer text-text-tertiary' />
-                <div>{t('common.operation.edit')}</div>
-              </Button>
-            ))}
-            isEdit={isEdit}
-            contentClassName='mt-5'
-            onChange={(item) => {
-              const newList = tempList.map(i => (i.name === item.name ? item : i))
-              setTempList(newList)
-            }}
-            onDelete={(item) => {
-              const newList = tempList.filter(i => i.name !== item.name)
-              setTempList(newList)
-            }}
-            onAdd={handleAddMetaData}
-            onSelect={handleSelectMetaData}
-          />
-        </div>
-      ) : (
-        embeddingAvailable && <NoData onStart={() => setIsEdit(true)} />
-      )}
+      {(hasData || isEdit)
+        ? (
+            <div className="pl-2">
+              <InfoGroup
+                title={t('dataset.metadata.metadata')}
+                uppercaseTitle={false}
+                titleTooltip={t(`${i18nPrefix}.metadataToolTip`)}
+                list={isEdit ? tempList : list}
+                dataSetId={datasetId}
+                headerRight={embeddingAvailable && (isEdit
+                  ? (
+                      <div className="flex space-x-1">
+                        <Button variant="ghost" size="small" onClick={handleCancel}>
+                          <div>{t('common.operation.cancel')}</div>
+                        </Button>
+                        <Button variant="primary" size="small" onClick={handleSave}>
+                          <div>{t('common.operation.save')}</div>
+                        </Button>
+                      </div>
+                    )
+                  : (
+                      <Button variant="ghost" size="small" onClick={startToEdit}>
+                        <RiEditLine className="mr-1 size-3.5 cursor-pointer text-text-tertiary" />
+                        <div>{t('common.operation.edit')}</div>
+                      </Button>
+                    ))}
+                isEdit={isEdit}
+                contentClassName="mt-5"
+                onChange={(item) => {
+                  const newList = tempList.map(i => (i.name === item.name ? item : i))
+                  setTempList(newList)
+                }}
+                onDelete={(item) => {
+                  const newList = tempList.filter(i => i.name !== item.name)
+                  setTempList(newList)
+                }}
+                onAdd={handleAddMetaData}
+                onSelect={handleSelectMetaData}
+              />
+            </div>
+          )
+        : (
+            embeddingAvailable && <NoData onStart={() => setIsEdit(true)} />
+          )}
       {builtInEnabled && (
-        <div className='pl-2'>
-          <Divider className='my-3' bgStyle='gradient' />
+        <div className="pl-2">
+          <Divider className="my-3" bgStyle="gradient" />
           <InfoGroup
             noHeader
-            titleTooltip='Built-in metadata is system-generated metadata that is automatically added to the document. You can enable or disable built-in metadata here.'
+            titleTooltip="Built-in metadata is system-generated metadata that is automatically added to the document. You can enable or disable built-in metadata here."
             list={builtList}
             dataSetId={datasetId}
           />
@@ -102,13 +106,13 @@ const MetadataDocument: FC<Props> = ({
 
       {/* Old Metadata */}
       <InfoGroup
-        className='pl-2'
+        className="pl-2"
         title={t(`${i18nPrefix}.documentInformation`)}
         list={originInfo}
         dataSetId={datasetId}
       />
       <InfoGroup
-        className='pl-2'
+        className="pl-2"
         title={t(`${i18nPrefix}.technicalParameters`)}
         list={technicalParameters}
         dataSetId={datasetId}
diff --git a/web/app/components/datasets/metadata/metadata-document/info-group.tsx b/web/app/components/datasets/metadata/metadata-document/info-group.tsx
index 1b82505f43..afa490c344 100644
--- a/web/app/components/datasets/metadata/metadata-document/info-group.tsx
+++ b/web/app/components/datasets/metadata/metadata-document/info-group.tsx
@@ -1,18 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useRouter } from 'next/navigation'
-import { DataType, type MetadataItemWithValue, isShowManageMetadataLocalStorageKey } from '../types'
-import Field from './field'
-import InputCombined from '../edit-metadata-batch/input-combined'
+import type { MetadataItemWithValue } from '../types'
 import { RiDeleteBinLine, RiQuestionLine } from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
-import Divider from '@/app/components/base/divider'
-import SelectMetadataModal from '../metadata-dataset/select-metadata-modal'
-import AddMetadataButton from '../add-metadata-button'
-import useTimestamp from '@/hooks/use-timestamp'
+import { useRouter } from 'next/navigation'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
+import Tooltip from '@/app/components/base/tooltip'
+import useTimestamp from '@/hooks/use-timestamp'
+import { cn } from '@/utils/classnames'
+import AddMetadataButton from '../add-metadata-button'
+import InputCombined from '../edit-metadata-batch/input-combined'
+import SelectMetadataModal from '../metadata-dataset/select-metadata-modal'
+import { DataType, isShowManageMetadataLocalStorageKey } from '../types'
+import Field from './field'
 
 type Props = {
   dataSetId: string
@@ -59,12 +60,12 @@ const InfoGroup: FC<Props> = ({
   return (
     <div className={cn(className)}>
       {!noHeader && (
-        <div className='flex items-center justify-between'>
-          <div className='flex items-center space-x-1'>
+        <div className="flex items-center justify-between">
+          <div className="flex items-center space-x-1">
             <div className={cn('text-text-secondary', uppercaseTitle ? 'system-xs-semibold-uppercase' : 'system-md-semibold')}>{title}</div>
             {titleTooltip && (
-              <Tooltip popupContent={<div className='max-w-[240px]'>{titleTooltip}</div>}>
-                <div><RiQuestionLine className='size-3.5 text-text-tertiary' /></div>
+              <Tooltip popupContent={<div className="max-w-[240px]">{titleTooltip}</div>}>
+                <div><RiQuestionLine className="size-3.5 text-text-tertiary" /></div>
               </Tooltip>
             )}
           </div>
@@ -84,24 +85,26 @@ const InfoGroup: FC<Props> = ({
               onSave={data => onAdd?.(data)}
               onManage={handleMangeMetadata}
             />
-            {list.length > 0 && <Divider className='my-3 ' bgStyle='gradient' />}
+            {list.length > 0 && <Divider className="my-3 " bgStyle="gradient" />}
           </div>
         )}
         {list.map((item, i) => (
           <Field key={(item.id && item.id !== 'built-in') ? item.id : `${i}`} label={item.name}>
-            {isEdit ? (
-              <div className='flex items-center space-x-0.5'>
-                <InputCombined
-                  className='h-6'
-                  type={item.type}
-                  value={item.value}
-                  onChange={value => onChange?.({ ...item, value })}
-                />
-                <div className='shrink-0 cursor-pointer rounded-md p-1  text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'>
-                  <RiDeleteBinLine className='size-4' onClick={() => onDelete?.(item)} />
-                </div>
-              </div>
-            ) : (<div className='system-xs-regular py-1 text-text-secondary'>{(item.value && item.type === DataType.time) ? formatTimestamp((item.value as number), t('datasetDocuments.metadata.dateTimeFormat')) : item.value}</div>)}
+            {isEdit
+              ? (
+                  <div className="flex items-center space-x-0.5">
+                    <InputCombined
+                      className="h-6"
+                      type={item.type}
+                      value={item.value}
+                      onChange={value => onChange?.({ ...item, value })}
+                    />
+                    <div className="shrink-0 cursor-pointer rounded-md p-1  text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive">
+                      <RiDeleteBinLine className="size-4" onClick={() => onDelete?.(item)} />
+                    </div>
+                  </div>
+                )
+              : (<div className="system-xs-regular py-1 text-text-secondary">{(item.value && item.type === DataType.time) ? formatTimestamp((item.value as number), t('datasetDocuments.metadata.dateTimeFormat')) : item.value}</div>)}
           </Field>
         ))}
       </div>
diff --git a/web/app/components/datasets/metadata/metadata-document/no-data.tsx b/web/app/components/datasets/metadata/metadata-document/no-data.tsx
index 624abf366f..e52f69b590 100644
--- a/web/app/components/datasets/metadata/metadata-document/no-data.tsx
+++ b/web/app/components/datasets/metadata/metadata-document/no-data.tsx
@@ -1,9 +1,9 @@
 'use client'
-import Button from '@/app/components/base/button'
-import { RiArrowRightLine } from '@remixicon/react'
 import type { FC } from 'react'
+import { RiArrowRightLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 
 type Props = {
   onStart: () => void
@@ -14,12 +14,12 @@ const NoData: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='rounded-xl bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4 pt-3'>
-      <div className='text-xs font-semibold leading-5 text-text-secondary'>{t('dataset.metadata.metadata')}</div>
-      <div className='system-xs-regular mt-1 text-text-tertiary'>{t('dataset.metadata.documentMetadata.metadataToolTip')}</div>
-      <Button variant='primary' className='mt-2' onClick={onStart}>
+    <div className="rounded-xl bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4 pt-3">
+      <div className="text-xs font-semibold leading-5 text-text-secondary">{t('dataset.metadata.metadata')}</div>
+      <div className="system-xs-regular mt-1 text-text-tertiary">{t('dataset.metadata.documentMetadata.metadataToolTip')}</div>
+      <Button variant="primary" className="mt-2" onClick={onStart}>
         <div>{t('dataset.metadata.documentMetadata.startLabeling')}</div>
-        <RiArrowRightLine className='ml-1 size-4' />
+        <RiArrowRightLine className="ml-1 size-4" />
       </Button>
     </div>
   )
diff --git a/web/app/components/datasets/metadata/utils/get-icon.ts b/web/app/components/datasets/metadata/utils/get-icon.ts
index 69b9bb18dc..2d446e5eed 100644
--- a/web/app/components/datasets/metadata/utils/get-icon.ts
+++ b/web/app/components/datasets/metadata/utils/get-icon.ts
@@ -1,5 +1,5 @@
-import { DataType } from '../types'
 import { RiHashtag, RiTextSnippet, RiTimeLine } from '@remixicon/react'
+import { DataType } from '../types'
 
 export const getIcon = (type: DataType) => {
   return ({
diff --git a/web/app/components/datasets/no-linked-apps-panel.tsx b/web/app/components/datasets/no-linked-apps-panel.tsx
index 2e014a5b81..5ab9689a12 100644
--- a/web/app/components/datasets/no-linked-apps-panel.tsx
+++ b/web/app/components/datasets/no-linked-apps-panel.tsx
@@ -1,24 +1,25 @@
-import { useDocLink } from '@/context/i18n'
 import { RiApps2AddLine, RiBookOpenLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { useDocLink } from '@/context/i18n'
 
 const NoLinkedAppsPanel = () => {
   const { t } = useTranslation()
   const docLink = useDocLink()
 
   return (
-    <div className='w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-4'>
-      <div className='inline-flex rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-subtle p-2'>
-        <RiApps2AddLine className='size-4 text-text-tertiary' />
+    <div className="w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-4">
+      <div className="inline-flex rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-subtle p-2">
+        <RiApps2AddLine className="size-4 text-text-tertiary" />
       </div>
-      <div className='my-2 text-xs text-text-tertiary'>{t('common.datasetMenus.emptyTip')}</div>
+      <div className="my-2 text-xs text-text-tertiary">{t('common.datasetMenus.emptyTip')}</div>
       <a
-        className='mt-2 inline-flex cursor-pointer items-center text-xs text-text-accent'
+        className="mt-2 inline-flex cursor-pointer items-center text-xs text-text-accent"
         href={docLink('/guides/knowledge-base/integrate-knowledge-within-application')}
-        target='_blank' rel='noopener noreferrer'
+        target="_blank"
+        rel="noopener noreferrer"
       >
-        <RiBookOpenLine className='mr-1 size-4 text-text-accent' />
+        <RiBookOpenLine className="mr-1 size-4 text-text-accent" />
         {t('common.datasetMenus.viewDoc')}
       </a>
     </div>
diff --git a/web/app/components/datasets/preview/container.tsx b/web/app/components/datasets/preview/container.tsx
index f850930a25..9bba6054a9 100644
--- a/web/app/components/datasets/preview/container.tsx
+++ b/web/app/components/datasets/preview/container.tsx
@@ -9,20 +9,22 @@ export type PreviewContainerProps = ComponentProps<'div'> & {
 
 const PreviewContainer: FC<PreviewContainerProps> = (props) => {
   const { children, className, header, mainClassName, ref, ...rest } = props
-  return <div className={className}>
-    <div
-      {...rest}
-      ref={ref}
-      className={cn('flex h-full w-full flex-col rounded-tl-xl border-l-[0.5px] border-t-[0.5px] border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5')}
-    >
-      <header className='border-b border-divider-subtle pb-3 pl-5 pr-4 pt-4'>
-        {header}
-      </header>
-      <main className={cn('w-full grow overflow-y-auto px-6 py-5', mainClassName)}>
-        {children}
-      </main>
+  return (
+    <div className={className}>
+      <div
+        {...rest}
+        ref={ref}
+        className={cn('flex h-full w-full flex-col rounded-tl-xl border-l-[0.5px] border-t-[0.5px] border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5')}
+      >
+        <header className="border-b border-divider-subtle pb-3 pl-5 pr-4 pt-4">
+          {header}
+        </header>
+        <main className={cn('w-full grow overflow-y-auto px-6 py-5', mainClassName)}>
+          {children}
+        </main>
+      </div>
     </div>
-  </div>
+  )
 }
 PreviewContainer.displayName = 'PreviewContainer'
 
diff --git a/web/app/components/datasets/preview/header.tsx b/web/app/components/datasets/preview/header.tsx
index cb938bba9a..0124d03e88 100644
--- a/web/app/components/datasets/preview/header.tsx
+++ b/web/app/components/datasets/preview/header.tsx
@@ -7,15 +7,17 @@ export type PreviewHeaderProps = Omit<ComponentProps<'div'>, 'title'> & {
 
 export const PreviewHeader: FC<PreviewHeaderProps> = (props) => {
   const { title, className, children, ...rest } = props
-  return <div
-    {...rest}
-    className={cn(className)}
-  >
+  return (
     <div
-      className='system-2xs-semibold-uppercase mb-1 px-1 uppercase text-text-accent'
+      {...rest}
+      className={cn(className)}
     >
-      {title}
+      <div
+        className="system-2xs-semibold-uppercase mb-1 px-1 uppercase text-text-accent"
+      >
+        {title}
+      </div>
+      {children}
     </div>
-    {children}
-  </div>
+  )
 }
diff --git a/web/app/components/datasets/rename-modal/index.tsx b/web/app/components/datasets/rename-modal/index.tsx
index dd5d4b775b..8b152b8f02 100644
--- a/web/app/components/datasets/rename-modal/index.tsx
+++ b/web/app/components/datasets/rename-modal/index.tsx
@@ -1,19 +1,19 @@
 'use client'
 
 import type { MouseEventHandler } from 'react'
-import { useCallback, useRef, useState } from 'react'
+import type { AppIconSelection } from '../../base/app-icon-picker'
+import type { DataSet } from '@/models/datasets'
 import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
+import { useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
 import Modal from '@/app/components/base/modal'
-import type { DataSet } from '@/models/datasets'
+import Textarea from '@/app/components/base/textarea'
 import { updateDatasetSetting } from '@/service/datasets'
-import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
 import AppIcon from '../../base/app-icon'
-import type { AppIconSelection } from '../../base/app-icon-picker'
 import AppIconPicker from '../../base/app-icon-picker'
 import Toast from '../../base/toast'
 
@@ -65,7 +65,7 @@ const RenameDatasetModal = ({ show, dataset, onSuccess, onClose }: RenameDataset
     }
     try {
       setLoading(true)
-      const body: Partial<DataSet> & { external_knowledge_id?: string; external_knowledge_api_id?: string } = {
+      const body: Partial<DataSet> & { external_knowledge_id?: string, external_knowledge_api_id?: string } = {
         name,
         description,
         icon_info: {
@@ -98,26 +98,26 @@ const RenameDatasetModal = ({ show, dataset, onSuccess, onClose }: RenameDataset
 
   return (
     <Modal
-      className='w-[520px] max-w-[520px] rounded-xl px-8 py-6'
+      className="w-[520px] max-w-[520px] rounded-xl px-8 py-6"
       isShow={show}
       onClose={noop}
     >
-      <div className='flex items-center justify-between pb-2'>
-        <div className='text-xl font-medium leading-[30px] text-text-primary'>{t('datasetSettings.title')}</div>
-        <div className='cursor-pointer p-2' onClick={onClose}>
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <div className="flex items-center justify-between pb-2">
+        <div className="text-xl font-medium leading-[30px] text-text-primary">{t('datasetSettings.title')}</div>
+        <div className="cursor-pointer p-2" onClick={onClose}>
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
       </div>
       <div>
         <div className={cn('flex flex-col py-4')}>
-          <div className='shrink-0 py-2 text-sm font-medium leading-[20px] text-text-primary'>
+          <div className="shrink-0 py-2 text-sm font-medium leading-[20px] text-text-primary">
             {t('datasetSettings.form.name')}
           </div>
-          <div className='flex items-center gap-x-2'>
+          <div className="flex items-center gap-x-2">
             <AppIcon
-              size='medium'
+              size="medium"
               onClick={handleOpenAppIconPicker}
-              className='cursor-pointer'
+              className="cursor-pointer"
               iconType={appIcon.type}
               icon={appIcon.type === 'image' ? appIcon.fileId : appIcon.icon}
               background={appIcon.type === 'image' ? undefined : appIcon.background}
@@ -127,27 +127,27 @@ const RenameDatasetModal = ({ show, dataset, onSuccess, onClose }: RenameDataset
             <Input
               value={name}
               onChange={e => setName(e.target.value)}
-              className='h-9 grow'
+              className="h-9 grow"
               placeholder={t('datasetSettings.form.namePlaceholder') || ''}
             />
           </div>
         </div>
         <div className={cn('flex flex-col py-4')}>
-          <div className='shrink-0 py-2 text-sm font-medium leading-[20px] text-text-primary'>
+          <div className="shrink-0 py-2 text-sm font-medium leading-[20px] text-text-primary">
             {t('datasetSettings.form.desc')}
           </div>
-          <div className='w-full'>
+          <div className="w-full">
             <Textarea
               value={description}
               onChange={e => setDescription(e.target.value)}
-              className='resize-none'
+              className="resize-none"
               placeholder={t('datasetSettings.form.descPlaceholder') || ''}
             />
           </div>
         </div>
       </div>
-      <div className='flex justify-end pt-6'>
-        <Button className='mr-2' onClick={onClose}>{t('common.operation.cancel')}</Button>
+      <div className="flex justify-end pt-6">
+        <Button className="mr-2" onClick={onClose}>{t('common.operation.cancel')}</Button>
         <Button disabled={loading} variant="primary" onClick={onConfirm}>{t('common.operation.save')}</Button>
       </div>
       {showAppIconPicker && (
diff --git a/web/app/components/datasets/settings/chunk-structure/hooks.tsx b/web/app/components/datasets/settings/chunk-structure/hooks.tsx
index 8be66c7f98..793788b15b 100644
--- a/web/app/components/datasets/settings/chunk-structure/hooks.tsx
+++ b/web/app/components/datasets/settings/chunk-structure/hooks.tsx
@@ -1,18 +1,19 @@
+import type { Option } from './types'
+import { useTranslation } from 'react-i18next'
 import {
   GeneralChunk,
   ParentChildChunk,
   QuestionAndAnswer,
 } from '@/app/components/base/icons/src/vender/knowledge'
-import { EffectColor, type Option } from './types'
 import { ChunkingMode } from '@/models/datasets'
-import { useTranslation } from 'react-i18next'
+import { EffectColor } from './types'
 
 export const useChunkStructure = () => {
   const { t } = useTranslation()
 
   const GeneralOption: Option = {
     id: ChunkingMode.text,
-    icon: <GeneralChunk className='size-[18px]' />,
+    icon: <GeneralChunk className="size-[18px]" />,
     iconActiveColor: 'text-util-colors-indigo-indigo-600',
     title: 'General',
     description: t('datasetCreation.stepTwo.generalTip'),
@@ -21,7 +22,7 @@ export const useChunkStructure = () => {
   }
   const ParentChildOption: Option = {
     id: ChunkingMode.parentChild,
-    icon: <ParentChildChunk className='size-[18px]' />,
+    icon: <ParentChildChunk className="size-[18px]" />,
     iconActiveColor: 'text-util-colors-blue-light-blue-light-500',
     title: 'Parent-Child',
     description: t('datasetCreation.stepTwo.parentChildTip'),
@@ -30,7 +31,7 @@ export const useChunkStructure = () => {
   }
   const QuestionAnswerOption: Option = {
     id: ChunkingMode.qa,
-    icon: <QuestionAndAnswer className='size-[18px]' />,
+    icon: <QuestionAndAnswer className="size-[18px]" />,
     title: 'Q&A',
     description: t('datasetCreation.stepTwo.qaTip'),
   }
diff --git a/web/app/components/datasets/settings/chunk-structure/index.tsx b/web/app/components/datasets/settings/chunk-structure/index.tsx
index 4cc6d75b4c..2b9073672e 100644
--- a/web/app/components/datasets/settings/chunk-structure/index.tsx
+++ b/web/app/components/datasets/settings/chunk-structure/index.tsx
@@ -1,7 +1,7 @@
 import type { ChunkingMode } from '@/models/datasets'
 import React from 'react'
-import { useChunkStructure } from './hooks'
 import OptionCard from '../option-card'
+import { useChunkStructure } from './hooks'
 
 type ChunkStructureProps = {
   chunkStructure: ChunkingMode
@@ -15,7 +15,7 @@ const ChunkStructure = ({
   } = useChunkStructure()
 
   return (
-    <div className='flex flex-col gap-y-1'>
+    <div className="flex flex-col gap-y-1">
       {
         options.map(option => (
           <OptionCard
@@ -28,7 +28,7 @@ const ChunkStructure = ({
             isActive={chunkStructure === option.id}
             effectColor={option.effectColor}
             showEffectColor
-            className='gap-x-1.5 p-3 pr-4'
+            className="gap-x-1.5 p-3 pr-4"
             disabled
           />
         ))
diff --git a/web/app/components/datasets/settings/form/index.tsx b/web/app/components/datasets/settings/form/index.tsx
index 24942e6249..b4d5d1bb8f 100644
--- a/web/app/components/datasets/settings/form/index.tsx
+++ b/web/app/components/datasets/settings/form/index.tsx
@@ -1,38 +1,38 @@
 'use client'
+import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
+import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Member } from '@/models/common'
+import type { IconInfo } from '@/models/datasets'
+import type { AppIconType, RetrievalConfig } from '@/types/app'
+import { RiAlertFill } from '@remixicon/react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import PermissionSelector from '../permission-selector'
-import IndexMethod from '../index-method'
-import RetrievalSettings from '../../external-knowledge-base/create/RetrievalSettings'
-import { IndexingType } from '../../create/step-two'
-import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
-import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
+import AppIcon from '@/app/components/base/app-icon'
+import AppIconPicker from '@/app/components/base/app-icon-picker'
 import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
-import { ApiConnectionMod } from '@/app/components/base/icons/src/vender/solid/development'
-import { updateDatasetSetting } from '@/service/datasets'
-import type { IconInfo } from '@/models/datasets'
-import { ChunkingMode, DatasetPermission } from '@/models/datasets'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
-import type { AppIconType, RetrievalConfig } from '@/types/app'
-import { useSelector as useAppContextWithSelector } from '@/context/app-context'
-import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Member } from '@/models/common'
-import AppIcon from '@/app/components/base/app-icon'
-import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
-import AppIconPicker from '@/app/components/base/app-icon-picker'
-import Divider from '@/app/components/base/divider'
-import ChunkStructure from '../chunk-structure'
 import Toast from '@/app/components/base/toast'
-import { RiAlertFill } from '@remixicon/react'
+import { isReRankModelSelected } from '@/app/components/datasets/common/check-rerank-model'
+import EconomicalRetrievalMethodConfig from '@/app/components/datasets/common/economical-retrieval-method-config'
+import RetrievalMethodConfig from '@/app/components/datasets/common/retrieval-method-config'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
+import { useSelector as useAppContextWithSelector } from '@/context/app-context'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { useDocLink } from '@/context/i18n'
+import { ChunkingMode, DatasetPermission } from '@/models/datasets'
+import { updateDatasetSetting } from '@/service/datasets'
 import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
 import { useMembers } from '@/service/use-common'
+import { IndexingType } from '../../create/step-two'
+import RetrievalSettings from '../../external-knowledge-base/create/RetrievalSettings'
+import ChunkStructure from '../chunk-structure'
+import IndexMethod from '../index-method'
+import PermissionSelector from '../permission-selector'
 import { checkShowMultiModalTip } from '../utils'
 
 const rowClass = 'flex gap-x-1'
@@ -68,13 +68,13 @@ const Form = () => {
   const [embeddingModel, setEmbeddingModel] = useState<DefaultModel>(
     currentDataset?.embedding_model
       ? {
-        provider: currentDataset.embedding_model_provider,
-        model: currentDataset.embedding_model,
-      }
+          provider: currentDataset.embedding_model_provider,
+          model: currentDataset.embedding_model,
+        }
       : {
-        provider: '',
-        model: '',
-      },
+          provider: '',
+          model: '',
+        },
   )
   const { data: rerankModelList } = useModelList(ModelTypeEnum.rerank)
   const { data: embeddingModelList } = useModelList(ModelTypeEnum.textEmbedding)
@@ -102,7 +102,7 @@ const Form = () => {
     setShowAppIconPicker(false)
   }, [])
 
-  const handleSettingsChange = useCallback((data: { top_k?: number; score_threshold?: number; score_threshold_enabled?: boolean }) => {
+  const handleSettingsChange = useCallback((data: { top_k?: number, score_threshold?: number, score_threshold_enabled?: boolean }) => {
     if (data.top_k !== undefined)
       setTopK(data.top_k)
     if (data.score_threshold !== undefined)
@@ -209,17 +209,17 @@ const Form = () => {
   }, [embeddingModel, rerankModelList, retrievalConfig.reranking_enable, retrievalConfig.reranking_model, embeddingModelList, indexMethod])
 
   return (
-    <div className='flex w-full flex-col gap-y-4 px-20 py-8 sm:w-[960px]'>
+    <div className="flex w-full flex-col gap-y-4 px-20 py-8 sm:w-[960px]">
       {/* Dataset name and icon */}
       <div className={rowClass}>
         <div className={labelClass}>
-          <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.nameAndIcon')}</div>
+          <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.nameAndIcon')}</div>
         </div>
-        <div className='flex grow items-center gap-x-2'>
+        <div className="flex grow items-center gap-x-2">
           <AppIcon
-            size='small'
+            size="small"
             onClick={handleOpenAppIconPicker}
-            className='cursor-pointer'
+            className="cursor-pointer"
             iconType={iconInfo.icon_type as AppIconType}
             icon={iconInfo.icon}
             background={iconInfo.icon_background}
@@ -236,12 +236,12 @@ const Form = () => {
       {/* Dataset description */}
       <div className={rowClass}>
         <div className={labelClass}>
-          <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.desc')}</div>
+          <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.desc')}</div>
         </div>
-        <div className='grow'>
+        <div className="grow">
           <Textarea
             disabled={!currentDataset?.embedding_available}
-            className='resize-none'
+            className="resize-none"
             placeholder={t('datasetSettings.form.descPlaceholder') || ''}
             value={description}
             onChange={e => setDescription(e.target.value)}
@@ -251,9 +251,9 @@ const Form = () => {
       {/* Permissions */}
       <div className={rowClass}>
         <div className={labelClass}>
-          <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.permissions')}</div>
+          <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.permissions')}</div>
         </div>
-        <div className='grow'>
+        <div className="grow">
           <PermissionSelector
             disabled={!currentDataset?.embedding_available || isCurrentWorkspaceDatasetOperator}
             permission={permission}
@@ -268,28 +268,28 @@ const Form = () => {
         currentDataset?.doc_form && (
           <>
             <Divider
-              type='horizontal'
-              className='my-1 h-px bg-divider-subtle'
+              type="horizontal"
+              className="my-1 h-px bg-divider-subtle"
             />
             {/* Chunk Structure */}
             <div className={rowClass}>
-              <div className='flex w-[180px] shrink-0 flex-col'>
-                <div className='system-sm-semibold flex h-8 items-center text-text-secondary'>
+              <div className="flex w-[180px] shrink-0 flex-col">
+                <div className="system-sm-semibold flex h-8 items-center text-text-secondary">
                   {t('datasetSettings.form.chunkStructure.title')}
                 </div>
-                <div className='body-xs-regular text-text-tertiary'>
+                <div className="body-xs-regular text-text-tertiary">
                   <a
-                    target='_blank'
-                    rel='noopener noreferrer'
+                    target="_blank"
+                    rel="noopener noreferrer"
                     href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents/chunking-and-cleaning-text')}
-                    className='text-text-accent'
+                    className="text-text-accent"
                   >
                     {t('datasetSettings.form.chunkStructure.learnMore')}
                   </a>
                   {t('datasetSettings.form.chunkStructure.description')}
                 </div>
               </div>
-              <div className='grow'>
+              <div className="grow">
                 <ChunkStructure
                   chunkStructure={currentDataset?.doc_form}
                 />
@@ -300,16 +300,16 @@ const Form = () => {
       }
       {(isShowIndexMethod || indexMethod === 'high_quality') && (
         <Divider
-          type='horizontal'
-          className='my-1 h-px bg-divider-subtle'
+          type="horizontal"
+          className="my-1 h-px bg-divider-subtle"
         />
       )}
       {isShowIndexMethod && (
         <div className={rowClass}>
           <div className={labelClass}>
-            <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.indexMethod')}</div>
+            <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.indexMethod')}</div>
           </div>
-          <div className='grow'>
+          <div className="grow">
             <IndexMethod
               value={indexMethod}
               disabled={!currentDataset?.embedding_available}
@@ -319,12 +319,12 @@ const Form = () => {
               onKeywordNumberChange={setKeywordNumber}
             />
             {currentDataset.indexing_technique === IndexingType.ECONOMICAL && indexMethod === IndexingType.QUALIFIED && (
-              <div className='relative mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur px-2 shadow-xs shadow-shadow-shadow-3'>
-                <div className='absolute left-0 top-0 flex h-full w-full items-center bg-toast-warning-bg opacity-40' />
-                <div className='p-1'>
-                  <RiAlertFill className='size-4 text-text-warning-secondary' />
+              <div className="relative mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur px-2 shadow-xs shadow-shadow-shadow-3">
+                <div className="absolute left-0 top-0 flex h-full w-full items-center bg-toast-warning-bg opacity-40" />
+                <div className="p-1">
+                  <RiAlertFill className="size-4 text-text-warning-secondary" />
                 </div>
-                <span className='system-xs-medium text-text-primary'>
+                <span className="system-xs-medium text-text-primary">
                   {t('datasetSettings.form.upgradeHighQualityTip')}
                 </span>
               </div>
@@ -335,11 +335,11 @@ const Form = () => {
       {indexMethod === IndexingType.QUALIFIED && (
         <div className={rowClass}>
           <div className={labelClass}>
-            <div className='system-sm-semibold text-text-secondary'>
+            <div className="system-sm-semibold text-text-secondary">
               {t('datasetSettings.form.embeddingModel')}
             </div>
           </div>
-          <div className='grow'>
+          <div className="grow">
             <ModelSelector
               defaultModel={embeddingModel}
               modelList={embeddingModelList}
@@ -351,119 +351,118 @@ const Form = () => {
       {/* Retrieval Method Config */}
       {currentDataset?.provider === 'external'
         ? (
-          <>
-            <Divider
-              type='horizontal'
-              className='my-1 h-px bg-divider-subtle'
-            />
-            <div className={rowClass}>
-              <div className={labelClass}>
-                <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.retrievalSetting.title')}</div>
-              </div>
-              <RetrievalSettings
-                topK={topK}
-                scoreThreshold={scoreThreshold}
-                scoreThresholdEnabled={scoreThresholdEnabled}
-                onChange={handleSettingsChange}
-                isInRetrievalSetting={true}
-              />
-            </div>
-            <Divider
-              type='horizontal'
-              className='my-1 h-px bg-divider-subtle'
-            />
-            <div className={rowClass}>
-              <div className={labelClass}>
-                <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.externalKnowledgeAPI')}</div>
-              </div>
-              <div className='w-full'>
-                <div className='flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2'>
-                  <ApiConnectionMod className='h-4 w-4 text-text-secondary' />
-                  <div className='system-sm-medium overflow-hidden text-ellipsis text-text-secondary'>
-                    {currentDataset?.external_knowledge_info.external_knowledge_api_name}
-                  </div>
-                  <div className='system-xs-regular text-text-tertiary'>·</div>
-                  <div className='system-xs-regular text-text-tertiary'>
-                    {currentDataset?.external_knowledge_info.external_knowledge_api_endpoint}
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className={rowClass}>
-              <div className={labelClass}>
-                <div className='system-sm-semibold text-text-secondary'>{t('datasetSettings.form.externalKnowledgeID')}</div>
-              </div>
-              <div className='w-full'>
-                <div className='flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2'>
-                  <div className='system-xs-regular text-text-tertiary'>
-                    {currentDataset?.external_knowledge_info.external_knowledge_id}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </>
-        )
-        // eslint-disable-next-line sonarjs/no-nested-conditional
-        : indexMethod
-          ? (
             <>
               <Divider
-                type='horizontal'
-                className='my-1 h-px bg-divider-subtle'
+                type="horizontal"
+                className="my-1 h-px bg-divider-subtle"
               />
               <div className={rowClass}>
                 <div className={labelClass}>
-                  <div className='flex w-[180px] shrink-0 flex-col'>
-                    <div className='system-sm-semibold flex h-7 items-center pt-1 text-text-secondary'>
-                      {t('datasetSettings.form.retrievalSetting.title')}
+                  <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.retrievalSetting.title')}</div>
+                </div>
+                <RetrievalSettings
+                  topK={topK}
+                  scoreThreshold={scoreThreshold}
+                  scoreThresholdEnabled={scoreThresholdEnabled}
+                  onChange={handleSettingsChange}
+                  isInRetrievalSetting={true}
+                />
+              </div>
+              <Divider
+                type="horizontal"
+                className="my-1 h-px bg-divider-subtle"
+              />
+              <div className={rowClass}>
+                <div className={labelClass}>
+                  <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.externalKnowledgeAPI')}</div>
+                </div>
+                <div className="w-full">
+                  <div className="flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2">
+                    <ApiConnectionMod className="h-4 w-4 text-text-secondary" />
+                    <div className="system-sm-medium overflow-hidden text-ellipsis text-text-secondary">
+                      {currentDataset?.external_knowledge_info.external_knowledge_api_name}
                     </div>
-                    <div className='body-xs-regular text-text-tertiary'>
-                      <a
-                        target='_blank'
-                        rel='noopener noreferrer'
-                        href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#setting-the-retrieval-setting', {
-                          'zh-Hans': '/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#指定检索方式',
-                          'ja-JP': '/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#検索方法の指定',
-                        })}
-                        className='text-text-accent'
-                      >
-                        {t('datasetSettings.form.retrievalSetting.learnMore')}
-                      </a>
-                      {t('datasetSettings.form.retrievalSetting.description')}
+                    <div className="system-xs-regular text-text-tertiary">·</div>
+                    <div className="system-xs-regular text-text-tertiary">
+                      {currentDataset?.external_knowledge_info.external_knowledge_api_endpoint}
                     </div>
                   </div>
                 </div>
-                <div className='grow'>
-                  {indexMethod === IndexingType.QUALIFIED
-                    ? (
-                      <RetrievalMethodConfig
-                        value={retrievalConfig}
-                        onChange={setRetrievalConfig}
-                        showMultiModalTip={showMultiModalTip}
-                      />
-                    )
-                    : (
-                      <EconomicalRetrievalMethodConfig
-                        value={retrievalConfig}
-                        onChange={setRetrievalConfig}
-                      />
-                    )}
+              </div>
+              <div className={rowClass}>
+                <div className={labelClass}>
+                  <div className="system-sm-semibold text-text-secondary">{t('datasetSettings.form.externalKnowledgeID')}</div>
+                </div>
+                <div className="w-full">
+                  <div className="flex h-full items-center gap-1 rounded-lg bg-components-input-bg-normal px-3 py-2">
+                    <div className="system-xs-regular text-text-tertiary">
+                      {currentDataset?.external_knowledge_info.external_knowledge_id}
+                    </div>
+                  </div>
                 </div>
               </div>
             </>
           )
-          : null
-      }
+        // eslint-disable-next-line sonarjs/no-nested-conditional
+        : indexMethod
+          ? (
+              <>
+                <Divider
+                  type="horizontal"
+                  className="my-1 h-px bg-divider-subtle"
+                />
+                <div className={rowClass}>
+                  <div className={labelClass}>
+                    <div className="flex w-[180px] shrink-0 flex-col">
+                      <div className="system-sm-semibold flex h-7 items-center pt-1 text-text-secondary">
+                        {t('datasetSettings.form.retrievalSetting.title')}
+                      </div>
+                      <div className="body-xs-regular text-text-tertiary">
+                        <a
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#setting-the-retrieval-setting', {
+                            'zh-Hans': '/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#指定检索方式',
+                            'ja-JP': '/guides/knowledge-base/create-knowledge-and-upload-documents/setting-indexing-methods#検索方法の指定',
+                          })}
+                          className="text-text-accent"
+                        >
+                          {t('datasetSettings.form.retrievalSetting.learnMore')}
+                        </a>
+                        {t('datasetSettings.form.retrievalSetting.description')}
+                      </div>
+                    </div>
+                  </div>
+                  <div className="grow">
+                    {indexMethod === IndexingType.QUALIFIED
+                      ? (
+                          <RetrievalMethodConfig
+                            value={retrievalConfig}
+                            onChange={setRetrievalConfig}
+                            showMultiModalTip={showMultiModalTip}
+                          />
+                        )
+                      : (
+                          <EconomicalRetrievalMethodConfig
+                            value={retrievalConfig}
+                            onChange={setRetrievalConfig}
+                          />
+                        )}
+                  </div>
+                </div>
+              </>
+            )
+          : null}
       <Divider
-        type='horizontal'
-        className='my-1 h-px bg-divider-subtle'
+        type="horizontal"
+        className="my-1 h-px bg-divider-subtle"
       />
       <div className={rowClass}>
         <div className={labelClass} />
-        <div className='grow'>
+        <div className="grow">
           <Button
-            className='min-w-24'
-            variant='primary'
+            className="min-w-24"
+            variant="primary"
             loading={loading}
             disabled={loading}
             onClick={handleSave}
diff --git a/web/app/components/datasets/settings/index-method/index.tsx b/web/app/components/datasets/settings/index-method/index.tsx
index d5f8411dec..1be738f582 100644
--- a/web/app/components/datasets/settings/index-method/index.tsx
+++ b/web/app/components/datasets/settings/index-method/index.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { useRef } from 'react'
 import { useHover } from 'ahooks'
-import { IndexingType } from '../../create/step-two'
-import { cn } from '@/utils/classnames'
+import { useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Economic, HighQuality } from '@/app/components/base/icons/src/vender/knowledge'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Economic, HighQuality } from '@/app/components/base/icons/src/vender/knowledge'
+import { cn } from '@/utils/classnames'
+import { IndexingType } from '../../create/step-two'
 import { EffectColor } from '../chunk-structure/types'
 import OptionCard from '../option-card'
 import KeywordNumber from './keyword-number'
@@ -43,21 +43,21 @@ const IndexMethod = ({
         id={IndexingType.QUALIFIED}
         isActive={value === IndexingType.QUALIFIED}
         onClick={onChange}
-        icon={<HighQuality className='size-[18px]' />}
-        iconActiveColor='text-util-colors-orange-orange-500'
+        icon={<HighQuality className="size-[18px]" />}
+        iconActiveColor="text-util-colors-orange-orange-500"
         title={t('datasetCreation.stepTwo.qualified')}
         description={t('datasetSettings.form.indexMethodHighQualityTip')}
         disabled={disabled}
         isRecommended
         effectColor={EffectColor.orange}
         showEffectColor
-        className='gap-x-2'
+        className="gap-x-2"
       />
       {/* Economy */}
       <PortalToFollowElem
         open={isHoveringEconomy}
         offset={4}
-        placement={'right'}
+        placement="right"
       >
         <PortalToFollowElemTrigger>
           <OptionCard
@@ -65,15 +65,15 @@ const IndexMethod = ({
             id={IndexingType.ECONOMICAL}
             isActive={value === IndexingType.ECONOMICAL}
             onClick={onChange}
-            icon={<Economic className='size-[18px]' />}
-            iconActiveColor='text-util-colors-indigo-indigo-600'
+            icon={<Economic className="size-[18px]" />}
+            iconActiveColor="text-util-colors-indigo-indigo-600"
             title={t('datasetSettings.form.indexMethodEconomy')}
             description={t('datasetSettings.form.indexMethodEconomyTip', { count: keywordNumber })}
             disabled={disabled || isEconomyDisabled}
             effectColor={EffectColor.indigo}
             showEffectColor
             showChildren
-            className='gap-x-2'
+            className="gap-x-2"
           >
             <KeywordNumber
               keywordNumber={keywordNumber}
@@ -82,7 +82,7 @@ const IndexMethod = ({
           </OptionCard>
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent style={{ zIndex: 60 }}>
-          <div className='rounded-lg border-components-panel-border bg-components-tooltip-bg p-3 text-xs font-medium text-text-secondary shadow-lg'>
+          <div className="rounded-lg border-components-panel-border bg-components-tooltip-bg p-3 text-xs font-medium text-text-secondary shadow-lg">
             {t('datasetSettings.form.indexMethodChangeToEconomyDisabledTip')}
           </div>
         </PortalToFollowElemContent>
diff --git a/web/app/components/datasets/settings/index-method/keyword-number.tsx b/web/app/components/datasets/settings/index-method/keyword-number.tsx
index 24878f305c..c754c2a48c 100644
--- a/web/app/components/datasets/settings/index-method/keyword-number.tsx
+++ b/web/app/components/datasets/settings/index-method/keyword-number.tsx
@@ -1,9 +1,9 @@
-import { InputNumber } from '@/app/components/base/input-number'
-import Slider from '@/app/components/base/slider'
-import Tooltip from '@/app/components/base/tooltip'
 import { RiQuestionLine } from '@remixicon/react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { InputNumber } from '@/app/components/base/input-number'
+import Slider from '@/app/components/base/slider'
+import Tooltip from '@/app/components/base/tooltip'
 
 type KeyWordNumberProps = {
   keywordNumber: number
@@ -22,26 +22,26 @@ const KeyWordNumber = ({
   }, [onKeywordNumberChange])
 
   return (
-    <div className='flex items-center gap-x-1'>
-      <div className='flex grow items-center gap-x-0.5'>
-        <div className='system-xs-medium truncate text-text-secondary'>
+    <div className="flex items-center gap-x-1">
+      <div className="flex grow items-center gap-x-0.5">
+        <div className="system-xs-medium truncate text-text-secondary">
           {t('datasetSettings.form.numberOfKeywords')}
         </div>
         <Tooltip
-          popupContent='number of keywords'
+          popupContent="number of keywords"
         >
-          <RiQuestionLine className='h-3.5 w-3.5 text-text-quaternary' />
+          <RiQuestionLine className="h-3.5 w-3.5 text-text-quaternary" />
         </Tooltip>
       </div>
       <Slider
-        className='mr-3 w-[206px] shrink-0'
+        className="mr-3 w-[206px] shrink-0"
         value={keywordNumber}
         max={50}
         onChange={onKeywordNumberChange}
       />
       <InputNumber
-        wrapperClassName='shrink-0 w-12'
-        type='number'
+        wrapperClassName="shrink-0 w-12"
+        type="number"
         value={keywordNumber}
         onChange={handleInputChange}
       />
diff --git a/web/app/components/datasets/settings/option-card.tsx b/web/app/components/datasets/settings/option-card.tsx
index 59e1fbaf9e..8aa255746f 100644
--- a/web/app/components/datasets/settings/option-card.tsx
+++ b/web/app/components/datasets/settings/option-card.tsx
@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
-import Badge from '@/app/components/base/badge'
 import { useTranslation } from 'react-i18next'
-import { EffectColor } from './chunk-structure/types'
+import Badge from '@/app/components/base/badge'
+import { cn } from '@/utils/classnames'
 import { ArrowShape } from '../../base/icons/src/vender/knowledge'
+import { EffectColor } from './chunk-structure/types'
 
 const HEADER_EFFECT_MAP: Record<EffectColor, string> = {
   [EffectColor.indigo]: 'bg-util-colors-indigo-indigo-600 opacity-50',
@@ -57,20 +57,23 @@ const OptionCard = <T,>({
         disabled && 'cursor-not-allowed opacity-50',
       )}
       onClick={() => {
-        if (isActive || disabled) return
+        if (isActive || disabled)
+          return
         onClick?.(id)
       }}
     >
       <div className={cn(
         'relative flex rounded-t-xl p-2',
         className,
-      )}>
+      )}
+      >
         {
           effectColor && showEffectColor && (
             <div className={cn(
               'absolute left-[-2px] top-[-2px] h-14 w-14 rounded-full blur-[80px]',
               `${HEADER_EFFECT_MAP[effectColor]}`,
-            )} />
+            )}
+            />
           )
         }
         {
@@ -78,19 +81,20 @@ const OptionCard = <T,>({
             <div className={cn(
               'flex size-6 shrink-0 items-center justify-center text-text-tertiary',
               isActive && iconActiveColor,
-            )}>
+            )}
+            >
               {icon}
             </div>
           )
         }
-        <div className='flex grow flex-col gap-y-0.5 py-px'>
-          <div className='flex items-center gap-x-1'>
-            <span className='system-sm-medium text-text-secondary'>
+        <div className="flex grow flex-col gap-y-0.5 py-px">
+          <div className="flex items-center gap-x-1">
+            <span className="system-sm-medium text-text-secondary">
               {title}
             </span>
             {
               isRecommended && (
-                <Badge className='h-[18px] border-text-accent-secondary text-text-accent-secondary'>
+                <Badge className="h-[18px] border-text-accent-secondary text-text-accent-secondary">
                   {t('datasetCreation.stepTwo.recommend')}
                 </Badge>
               )
@@ -98,7 +102,7 @@ const OptionCard = <T,>({
           </div>
           {
             description && (
-              <div className='system-xs-regular text-text-tertiary'>
+              <div className="system-xs-regular text-text-tertiary">
                 {description}
               </div>
             )
@@ -107,8 +111,8 @@ const OptionCard = <T,>({
       </div>
       {
         children && showChildren && (
-          <div className='relative rounded-b-xl bg-components-panel-bg p-4'>
-            <ArrowShape className='absolute left-[14px] top-[-11px] size-4 text-components-panel-bg' />
+          <div className="relative rounded-b-xl bg-components-panel-bg p-4">
+            <ArrowShape className="absolute left-[14px] top-[-11px] size-4 text-components-panel-bg" />
             {children}
           </div>
         )
diff --git a/web/app/components/datasets/settings/permission-selector/index.tsx b/web/app/components/datasets/settings/permission-selector/index.tsx
index 28049542f6..85c69a46a6 100644
--- a/web/app/components/datasets/settings/permission-selector/index.tsx
+++ b/web/app/components/datasets/settings/permission-selector/index.tsx
@@ -1,20 +1,20 @@
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import React, { useCallback, useMemo, useState } from 'react'
-import { useDebounceFn } from 'ahooks'
+import type { Member } from '@/models/common'
 import { RiArrowDownSLine, RiGroup2Line, RiLock2Line } from '@remixicon/react'
+import { useDebounceFn } from 'ahooks'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Avatar from '@/app/components/base/avatar'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Avatar from '@/app/components/base/avatar'
-import Input from '@/app/components/base/input'
-import { DatasetPermission } from '@/models/datasets'
 import { useSelector as useAppContextWithSelector } from '@/context/app-context'
-import type { Member } from '@/models/common'
-import Item from './permission-item'
+import { DatasetPermission } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
 import MemberItem from './member-item'
+import Item from './permission-item'
 
 export type RoleSelectorProps = {
   disabled?: boolean
@@ -92,25 +92,22 @@ const PermissionSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => !disabled && setOpen(v => !v)}
-          className='block'
+          className="block"
         >
-          <div className={cn('flex cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt',
-            open && 'bg-state-base-hover-alt',
-            disabled && '!cursor-not-allowed !bg-components-input-bg-disabled hover:!bg-components-input-bg-disabled',
-          )}>
+          <div className={cn('flex cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt', open && 'bg-state-base-hover-alt', disabled && '!cursor-not-allowed !bg-components-input-bg-disabled hover:!bg-components-input-bg-disabled')}>
             {
               isOnlyMe && (
                 <>
-                  <div className='flex size-6 shrink-0 items-center justify-center'>
+                  <div className="flex size-6 shrink-0 items-center justify-center">
                     <Avatar avatar={userProfile.avatar_url} name={userProfile.name} size={20} />
                   </div>
-                  <div className='system-sm-regular grow p-1 text-components-input-text-filled'>
+                  <div className="system-sm-regular grow p-1 text-components-input-text-filled">
                     {t('datasetSettings.form.permissionsOnlyMe')}
                   </div>
                 </>
@@ -119,10 +116,10 @@ const PermissionSelector = ({
             {
               isAllTeamMembers && (
                 <>
-                  <div className='flex size-6 shrink-0 items-center justify-center'>
-                    <RiGroup2Line className='size-4 text-text-secondary' />
+                  <div className="flex size-6 shrink-0 items-center justify-center">
+                    <RiGroup2Line className="size-4 text-text-secondary" />
                   </div>
-                  <div className='system-sm-regular grow p-1 text-components-input-text-filled'>
+                  <div className="system-sm-regular grow p-1 text-components-input-text-filled">
                     {t('datasetSettings.form.permissionsAllMember')}
                   </div>
                 </>
@@ -131,7 +128,7 @@ const PermissionSelector = ({
             {
               isPartialMembers && (
                 <>
-                  <div className='relative flex size-6 shrink-0 items-center justify-center'>
+                  <div className="relative flex size-6 shrink-0 items-center justify-center">
                     {
                       selectedMembers.length === 1 && (
                         <Avatar
@@ -147,13 +144,13 @@ const PermissionSelector = ({
                           <Avatar
                             avatar={selectedMembers[0].avatar_url}
                             name={selectedMembers[0].name}
-                            className='absolute left-0 top-0 z-0'
+                            className="absolute left-0 top-0 z-0"
                             size={16}
                           />
                           <Avatar
                             avatar={selectedMembers[1].avatar_url}
                             name={selectedMembers[1].name}
-                            className='absolute bottom-0 right-0 z-10'
+                            className="absolute bottom-0 right-0 z-10"
                             size={16}
                           />
                         </>
@@ -162,7 +159,7 @@ const PermissionSelector = ({
                   </div>
                   <div
                     title={selectedMemberNames}
-                    className='system-sm-regular grow truncate p-1 text-components-input-text-filled'
+                    className="system-sm-regular grow truncate p-1 text-components-input-text-filled"
                   >
                     {selectedMemberNames}
                   </div>
@@ -178,13 +175,13 @@ const PermissionSelector = ({
             />
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1002]'>
-          <div className='relative w-[480px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5'>
-            <div className='p-1'>
+        <PortalToFollowElemContent className="z-[1002]">
+          <div className="relative w-[480px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5">
+            <div className="p-1">
               {/* Only me */}
               <Item
                 leftIcon={
-                  <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className='shrink-0' size={24} />
+                  <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className="shrink-0" size={24} />
                 }
                 text={t('datasetSettings.form.permissionsOnlyMe')}
                 onClick={onSelectOnlyMe}
@@ -192,30 +189,30 @@ const PermissionSelector = ({
               />
               {/* All team members */}
               <Item
-                leftIcon={
-                  <div className='flex size-6 shrink-0 items-center justify-center'>
-                    <RiGroup2Line className='size-4 text-text-secondary' />
+                leftIcon={(
+                  <div className="flex size-6 shrink-0 items-center justify-center">
+                    <RiGroup2Line className="size-4 text-text-secondary" />
                   </div>
-                }
+                )}
                 text={t('datasetSettings.form.permissionsAllMember')}
                 onClick={onSelectAllMembers}
                 isSelected={isAllTeamMembers}
               />
               {/* Partial members */}
               <Item
-                leftIcon={
-                  <div className='flex size-6 shrink-0 items-center justify-center'>
-                    <RiLock2Line className='size-4 text-text-secondary' />
+                leftIcon={(
+                  <div className="flex size-6 shrink-0 items-center justify-center">
+                    <RiLock2Line className="size-4 text-text-secondary" />
                   </div>
-                }
+                )}
                 text={t('datasetSettings.form.permissionsInvitedMembers')}
                 onClick={onSelectPartialMembers}
                 isSelected={isPartialMembers}
               />
             </div>
             {isPartialMembers && (
-              <div className='max-h-[360px] overflow-y-auto border-t-[1px] border-divider-regular pb-1 pl-1 pr-1'>
-                <div className='sticky left-0 top-0 z-10 bg-components-panel-on-panel-item-bg p-2 pb-1'>
+              <div className="max-h-[360px] overflow-y-auto border-t-[1px] border-divider-regular pb-1 pl-1 pr-1">
+                <div className="sticky left-0 top-0 z-10 bg-components-panel-on-panel-item-bg p-2 pb-1">
                   <Input
                     showLeftIcon
                     showClearIcon
@@ -224,11 +221,11 @@ const PermissionSelector = ({
                     onClear={() => handleKeywordsChange('')}
                   />
                 </div>
-                <div className='flex flex-col p-1'>
+                <div className="flex flex-col p-1">
                   {showMe && (
                     <MemberItem
                       leftIcon={
-                        <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className='shrink-0' size={24} />
+                        <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className="shrink-0" size={24} />
                       }
                       name={userProfile.name}
                       email={userProfile.email}
@@ -239,7 +236,7 @@ const PermissionSelector = ({
                   {filteredMemberList.map(member => (
                     <MemberItem
                       leftIcon={
-                        <Avatar avatar={member.avatar_url} name={member.name} className='shrink-0' size={24} />
+                        <Avatar avatar={member.avatar_url} name={member.name} className="shrink-0" size={24} />
                       }
                       name={member.name}
                       email={member.email}
@@ -249,7 +246,7 @@ const PermissionSelector = ({
                   ))}
                   {
                     !showMe && filteredMemberList.length === 0 && (
-                      <div className='system-xs-regular flex items-center justify-center whitespace-pre-wrap px-1 py-6 text-center text-text-tertiary'>
+                      <div className="system-xs-regular flex items-center justify-center whitespace-pre-wrap px-1 py-6 text-center text-text-tertiary">
                         {t('datasetSettings.form.onSearchResults')}
                       </div>
                     )
diff --git a/web/app/components/datasets/settings/permission-selector/member-item.tsx b/web/app/components/datasets/settings/permission-selector/member-item.tsx
index 38ba54b935..f70faa3553 100644
--- a/web/app/components/datasets/settings/permission-selector/member-item.tsx
+++ b/web/app/components/datasets/settings/permission-selector/member-item.tsx
@@ -1,7 +1,7 @@
-import { cn } from '@/utils/classnames'
 import { RiCheckLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 
 type MemberItemProps = {
   leftIcon: React.ReactNode
@@ -24,18 +24,20 @@ const MemberItem = ({
 
   return (
     <div
-      className='flex cursor-pointer items-center gap-2 rounded-lg py-1 pl-2 pr-[10px] hover:bg-state-base-hover'
+      className="flex cursor-pointer items-center gap-2 rounded-lg py-1 pl-2 pr-[10px] hover:bg-state-base-hover"
       onClick={onClick}
     >
       {leftIcon}
-      <div className='grow'>
-        <div className='system-sm-medium truncate text-text-secondary'>
+      <div className="grow">
+        <div className="system-sm-medium truncate text-text-secondary">
           {name}
-          {isMe && <span className='system-xs-regular text-text-tertiary'>
-            {t('datasetSettings.form.me')}
-          </span>}
+          {isMe && (
+            <span className="system-xs-regular text-text-tertiary">
+              {t('datasetSettings.form.me')}
+            </span>
+          )}
         </div>
-        <div className='system-xs-regular truncate text-text-tertiary'>{email}</div>
+        <div className="system-xs-regular truncate text-text-tertiary">{email}</div>
       </div>
       {isSelected && <RiCheckLine className={cn('size-4 shrink-0 text-text-accent', isMe && 'opacity-30')} />}
     </div>
diff --git a/web/app/components/datasets/settings/permission-selector/permission-item.tsx b/web/app/components/datasets/settings/permission-selector/permission-item.tsx
index f917dce5b5..f926e8287c 100644
--- a/web/app/components/datasets/settings/permission-selector/permission-item.tsx
+++ b/web/app/components/datasets/settings/permission-selector/permission-item.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { RiCheckLine } from '@remixicon/react'
+import React from 'react'
 
 type PermissionItemProps = {
   leftIcon: React.ReactNode
@@ -16,14 +16,14 @@ const PermissionItem = ({
 }: PermissionItemProps) => {
   return (
     <div
-      className='flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1 hover:bg-state-base-hover'
+      className="flex cursor-pointer items-center gap-x-1 rounded-lg px-2 py-1 hover:bg-state-base-hover"
       onClick={onClick}
     >
       {leftIcon}
-      <div className='system-md-regular grow px-1 text-text-secondary'>
+      <div className="system-md-regular grow px-1 text-text-secondary">
         {text}
       </div>
-      {isSelected && <RiCheckLine className='size-4 text-text-accent' />}
+      {isSelected && <RiCheckLine className="size-4 text-text-accent" />}
     </div>
   )
 }
diff --git a/web/app/components/datasets/settings/utils/index.tsx b/web/app/components/datasets/settings/utils/index.tsx
index e0fcd90497..dcf591aae9 100644
--- a/web/app/components/datasets/settings/utils/index.tsx
+++ b/web/app/components/datasets/settings/utils/index.tsx
@@ -1,4 +1,5 @@
-import { type DefaultModel, type Model, ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { DefaultModel, Model } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { IndexingType } from '../../create/step-two'
 
 type ShowMultiModalTipProps = {
diff --git a/web/app/components/develop/ApiServer.tsx b/web/app/components/develop/ApiServer.tsx
index 9f2c9cf7f4..e84d168789 100644
--- a/web/app/components/develop/ApiServer.tsx
+++ b/web/app/components/develop/ApiServer.tsx
@@ -16,18 +16,19 @@ const ApiServer: FC<ApiServerProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex flex-wrap items-center gap-y-2'>
-      <div className='mr-2 flex h-8 items-center rounded-lg border-[0.5px] border-components-input-border-active bg-components-input-bg-normal pl-1.5 pr-1 leading-5'>
-        <div className='mr-0.5 h-5 shrink-0 rounded-md border border-divider-subtle px-1.5 text-[11px] text-text-tertiary'>{t('appApi.apiServer')}</div>
-        <div className='w-fit truncate px-1 text-[13px] font-medium text-text-secondary sm:w-[248px]'>{apiBaseUrl}</div>
-        <div className='mx-1 h-[14px] w-[1px] bg-divider-regular'></div>
-        <CopyFeedback content={apiBaseUrl}/>
+    <div className="flex flex-wrap items-center gap-y-2">
+      <div className="mr-2 flex h-8 items-center rounded-lg border-[0.5px] border-components-input-border-active bg-components-input-bg-normal pl-1.5 pr-1 leading-5">
+        <div className="mr-0.5 h-5 shrink-0 rounded-md border border-divider-subtle px-1.5 text-[11px] text-text-tertiary">{t('appApi.apiServer')}</div>
+        <div className="w-fit truncate px-1 text-[13px] font-medium text-text-secondary sm:w-[248px]">{apiBaseUrl}</div>
+        <div className="mx-1 h-[14px] w-[1px] bg-divider-regular"></div>
+        <CopyFeedback content={apiBaseUrl} />
       </div>
-      <div className='mr-2 flex h-8 items-center rounded-lg border-[0.5px] border-[#D1FADF] bg-[#ECFDF3] px-3 text-xs font-semibold text-[#039855]'>
+      <div className="mr-2 flex h-8 items-center rounded-lg border-[0.5px] border-[#D1FADF] bg-[#ECFDF3] px-3 text-xs font-semibold text-[#039855]">
         {t('appApi.ok')}
       </div>
       <SecretKeyButton
-        className='!h-8 shrink-0' appId={appId}
+        className="!h-8 shrink-0"
+        appId={appId}
       />
     </div>
   )
diff --git a/web/app/components/develop/code.tsx b/web/app/components/develop/code.tsx
index d9e89b8864..7acbe4849c 100644
--- a/web/app/components/develop/code.tsx
+++ b/web/app/components/develop/code.tsx
@@ -1,4 +1,6 @@
 'use client'
+import type { PropsWithChildren, ReactElement, ReactNode } from 'react'
+import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
 import {
   Children,
   createContext,
@@ -7,11 +9,9 @@ import {
   useRef,
   useState,
 } from 'react'
-import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
-import { Tag } from './tag'
 import { cn } from '@/utils/classnames'
 import { writeTextToClipboard } from '@/utils/clipboard'
-import type { PropsWithChildren, ReactElement, ReactNode } from 'react'
+import { Tag } from './tag'
 
 type IChildrenProps = {
   children: React.ReactNode
@@ -50,10 +50,9 @@ function CopyButton({ code }: { code: string }) {
   return (
     <button
       type="button"
-      className={cn('group/button absolute right-4 top-1.5 overflow-hidden rounded-full py-1 pl-2 pr-3 text-2xs font-medium opacity-0 backdrop-blur transition focus:opacity-100 group-hover:opacity-100',
-        copied
-          ? 'bg-emerald-400/10 ring-1 ring-inset ring-emerald-400/20'
-          : 'hover:bg-white/7.5 dark:bg-white/2.5 bg-white/5 dark:hover:bg-white/5')}
+      className={cn('group/button absolute right-4 top-1.5 overflow-hidden rounded-full py-1 pl-2 pr-3 text-2xs font-medium opacity-0 backdrop-blur transition focus:opacity-100 group-hover:opacity-100', copied
+        ? 'bg-emerald-400/10 ring-1 ring-inset ring-emerald-400/20'
+        : 'hover:bg-white/7.5 dark:bg-white/2.5 bg-white/5 dark:hover:bg-white/5')}
       onClick={() => {
         writeTextToClipboard(code).then(() => {
           setCopyCount(count => count + 1)
@@ -62,16 +61,14 @@ function CopyButton({ code }: { code: string }) {
     >
       <span
         aria-hidden={copied}
-        className={cn('pointer-events-none flex items-center gap-0.5 text-zinc-400 transition duration-300',
-          copied && '-translate-y-1.5 opacity-0')}
+        className={cn('pointer-events-none flex items-center gap-0.5 text-zinc-400 transition duration-300', copied && '-translate-y-1.5 opacity-0')}
       >
         <ClipboardIcon className="h-5 w-5 fill-zinc-500/20 stroke-zinc-500 transition-colors group-hover/button:stroke-zinc-400" />
         Copy
       </span>
       <span
         aria-hidden={!copied}
-        className={cn('pointer-events-none absolute inset-0 flex items-center justify-center text-emerald-400 transition duration-300',
-          !copied && 'translate-y-1.5 opacity-0')}
+        className={cn('pointer-events-none absolute inset-0 flex items-center justify-center text-emerald-400 transition duration-300', !copied && 'translate-y-1.5 opacity-0')}
       >
         Copied!
       </span>
@@ -79,7 +76,7 @@ function CopyButton({ code }: { code: string }) {
   )
 }
 
-function CodePanelHeader({ tag, label }: { tag?: string; label?: string }) {
+function CodePanelHeader({ tag, label }: { tag?: string, label?: string }) {
   if (!tag && !label)
     return null
 
@@ -129,11 +126,13 @@ function CodePanel({ tag, label, children, targetCode }: ICodePanelProps) {
         {/* <CopyButton code={child.props.code ?? code} /> */}
         {/* <CopyButton code={child.props.children.props.children} /> */}
         <pre className="overflow-x-auto p-4 text-xs text-white">
-          {targetCode?.code ? (
-            <code>{targetCode?.code}</code>
-          ) : (
-            child
-          )}
+          {targetCode?.code
+            ? (
+                <code>{targetCode?.code}</code>
+              )
+            : (
+                child
+              )}
         </pre>
         <CopyButton code={targetCode?.code ?? child.props.children.props.children} />
       </div>
@@ -162,10 +161,9 @@ function CodeGroupHeader({ title, tabTitles, selectedIndex }: CodeGroupHeaderPro
           {tabTitles!.map((tabTitle, tabIndex) => (
             <Tab
               key={tabIndex}
-              className={cn('border-b py-3 transition focus:[&:not(:focus-visible)]:outline-none',
-                tabIndex === selectedIndex
-                  ? 'border-emerald-500 text-emerald-400'
-                  : 'border-transparent text-zinc-400 hover:text-zinc-300')}
+              className={cn('border-b py-3 transition focus:[&:not(:focus-visible)]:outline-none', tabIndex === selectedIndex
+                ? 'border-emerald-500 text-emerald-400'
+                : 'border-transparent text-zinc-400 hover:text-zinc-300')}
             >
               {tabTitle}
             </Tab>
diff --git a/web/app/components/develop/doc.tsx b/web/app/components/develop/doc.tsx
index 2815cdaf79..baea46e452 100644
--- a/web/app/components/develop/doc.tsx
+++ b/web/app/components/develop/doc.tsx
@@ -1,25 +1,25 @@
 'use client'
-import { useEffect, useMemo, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
 import { RiCloseLine, RiListUnordered } from '@remixicon/react'
-import TemplateEn from './template/template.en.mdx'
-import TemplateZh from './template/template.zh.mdx'
-import TemplateJa from './template/template.ja.mdx'
-import TemplateAdvancedChatEn from './template/template_advanced_chat.en.mdx'
-import TemplateAdvancedChatZh from './template/template_advanced_chat.zh.mdx'
-import TemplateAdvancedChatJa from './template/template_advanced_chat.ja.mdx'
-import TemplateWorkflowEn from './template/template_workflow.en.mdx'
-import TemplateWorkflowZh from './template/template_workflow.zh.mdx'
-import TemplateWorkflowJa from './template/template_workflow.ja.mdx'
-import TemplateChatEn from './template/template_chat.en.mdx'
-import TemplateChatZh from './template/template_chat.zh.mdx'
-import TemplateChatJa from './template/template_chat.ja.mdx'
+import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import I18n from '@/context/i18n'
-import { LanguagesSupported } from '@/i18n-config/language'
 import useTheme from '@/hooks/use-theme'
+import { LanguagesSupported } from '@/i18n-config/language'
 import { AppModeEnum, Theme } from '@/types/app'
 import { cn } from '@/utils/classnames'
+import TemplateEn from './template/template.en.mdx'
+import TemplateJa from './template/template.ja.mdx'
+import TemplateZh from './template/template.zh.mdx'
+import TemplateAdvancedChatEn from './template/template_advanced_chat.en.mdx'
+import TemplateAdvancedChatJa from './template/template_advanced_chat.ja.mdx'
+import TemplateAdvancedChatZh from './template/template_advanced_chat.zh.mdx'
+import TemplateChatEn from './template/template_chat.en.mdx'
+import TemplateChatJa from './template/template_chat.ja.mdx'
+import TemplateChatZh from './template/template_chat.zh.mdx'
+import TemplateWorkflowEn from './template/template_workflow.en.mdx'
+import TemplateWorkflowJa from './template/template_workflow.ja.mdx'
+import TemplateWorkflowZh from './template/template_workflow.zh.mdx'
 
 type IDocProps = {
   appDetail: any
@@ -28,7 +28,7 @@ type IDocProps = {
 const Doc = ({ appDetail }: IDocProps) => {
   const { locale } = useContext(I18n)
   const { t } = useTranslation()
-  const [toc, setToc] = useState<Array<{ href: string; text: string }>>([])
+  const [toc, setToc] = useState<Array<{ href: string, text: string }>>([])
   const [isTocExpanded, setIsTocExpanded] = useState(false)
   const [activeSection, setActiveSection] = useState<string>('')
   const { theme } = useTheme()
@@ -58,7 +58,7 @@ const Doc = ({ appDetail }: IDocProps) => {
             }
           }
           return null
-        }).filter((item): item is { href: string; text: string } => item !== null)
+        }).filter((item): item is { href: string, text: string } => item !== null)
         setToc(tocItems)
         if (tocItems.length > 0)
           setActiveSection(tocItems[0].href.replace('#', ''))
@@ -97,7 +97,7 @@ const Doc = ({ appDetail }: IDocProps) => {
     }
   }, [toc, activeSection])
 
-  const handleTocClick = (e: React.MouseEvent<HTMLAnchorElement>, item: { href: string; text: string }) => {
+  const handleTocClick = (e: React.MouseEvent<HTMLAnchorElement>, item: { href: string, text: string }) => {
     e.preventDefault()
     const targetId = item.href.replace('#', '')
     const element = document.getElementById(targetId)
@@ -163,75 +163,79 @@ const Doc = ({ appDetail }: IDocProps) => {
       <div className={`fixed right-20 top-32 z-10 transition-all duration-150 ease-out ${isTocExpanded ? 'w-[280px]' : 'w-11'}`}>
         {isTocExpanded
           ? (
-            <nav className="toc flex max-h-[calc(100vh-150px)] w-full flex-col overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-background-default-hover shadow-xl">
-              <div className="relative z-10 flex items-center justify-between border-b border-components-panel-border-subtle bg-background-default-hover px-4 py-2.5">
-                <span className="text-xs font-medium uppercase tracking-wide text-text-tertiary">
-                  {t('appApi.develop.toc')}
-                </span>
-                <button type="button"
-                  onClick={() => setIsTocExpanded(false)}
-                  className="group flex h-6 w-6 items-center justify-center rounded-md transition-colors hover:bg-state-base-hover"
-                  aria-label="Close"
-                >
-                  <RiCloseLine className="h-3 w-3 text-text-quaternary transition-colors group-hover:text-text-secondary" />
-                </button>
-              </div>
+              <nav className="toc flex max-h-[calc(100vh-150px)] w-full flex-col overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-background-default-hover shadow-xl">
+                <div className="relative z-10 flex items-center justify-between border-b border-components-panel-border-subtle bg-background-default-hover px-4 py-2.5">
+                  <span className="text-xs font-medium uppercase tracking-wide text-text-tertiary">
+                    {t('appApi.develop.toc')}
+                  </span>
+                  <button
+                    type="button"
+                    onClick={() => setIsTocExpanded(false)}
+                    className="group flex h-6 w-6 items-center justify-center rounded-md transition-colors hover:bg-state-base-hover"
+                    aria-label="Close"
+                  >
+                    <RiCloseLine className="h-3 w-3 text-text-quaternary transition-colors group-hover:text-text-secondary" />
+                  </button>
+                </div>
 
-              <div className="from-components-panel-border-subtle/20 pointer-events-none absolute left-0 right-0 top-[41px] z-10 h-2 bg-gradient-to-b to-transparent"></div>
-              <div className="pointer-events-none absolute left-0 right-0 top-[43px] z-10 h-3 bg-gradient-to-b from-background-default-hover to-transparent"></div>
+                <div className="from-components-panel-border-subtle/20 pointer-events-none absolute left-0 right-0 top-[41px] z-10 h-2 bg-gradient-to-b to-transparent"></div>
+                <div className="pointer-events-none absolute left-0 right-0 top-[43px] z-10 h-3 bg-gradient-to-b from-background-default-hover to-transparent"></div>
 
-              <div className="relative flex-1 overflow-y-auto px-3 py-3 pt-1">
-                {toc.length === 0 ? (
-                  <div className="px-2 py-8 text-center text-xs text-text-quaternary">
-                    {t('appApi.develop.noContent')}
-                  </div>
-                ) : (
-                  <ul className="space-y-0.5">
-                    {toc.map((item, index) => {
-                      const isActive = activeSection === item.href.replace('#', '')
-                      return (
-                        <li key={index}>
-                          <a
-                            href={item.href}
-                            onClick={e => handleTocClick(e, item)}
-                            className={cn(
-                              'group relative flex items-center rounded-md px-3 py-2 text-[13px] transition-all duration-200',
-                              isActive
-                                ? 'bg-state-base-hover font-medium text-text-primary'
-                                : 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
-                            )}
-                          >
-                            <span
-                              className={cn(
-                                'mr-2 h-1.5 w-1.5 rounded-full transition-all duration-200',
-                                isActive
-                                  ? 'scale-100 bg-text-accent'
-                                  : 'scale-75 bg-components-panel-border',
-                              )}
-                            />
-                            <span className="flex-1 truncate">
-                              {item.text}
-                            </span>
-                          </a>
-                        </li>
+                <div className="relative flex-1 overflow-y-auto px-3 py-3 pt-1">
+                  {toc.length === 0
+                    ? (
+                        <div className="px-2 py-8 text-center text-xs text-text-quaternary">
+                          {t('appApi.develop.noContent')}
+                        </div>
                       )
-                    })}
-                  </ul>
-                )}
-              </div>
+                    : (
+                        <ul className="space-y-0.5">
+                          {toc.map((item, index) => {
+                            const isActive = activeSection === item.href.replace('#', '')
+                            return (
+                              <li key={index}>
+                                <a
+                                  href={item.href}
+                                  onClick={e => handleTocClick(e, item)}
+                                  className={cn(
+                                    'group relative flex items-center rounded-md px-3 py-2 text-[13px] transition-all duration-200',
+                                    isActive
+                                      ? 'bg-state-base-hover font-medium text-text-primary'
+                                      : 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
+                                  )}
+                                >
+                                  <span
+                                    className={cn(
+                                      'mr-2 h-1.5 w-1.5 rounded-full transition-all duration-200',
+                                      isActive
+                                        ? 'scale-100 bg-text-accent'
+                                        : 'scale-75 bg-components-panel-border',
+                                    )}
+                                  />
+                                  <span className="flex-1 truncate">
+                                    {item.text}
+                                  </span>
+                                </a>
+                              </li>
+                            )
+                          })}
+                        </ul>
+                      )}
+                </div>
 
-              <div className="pointer-events-none absolute bottom-0 left-0 right-0 z-10 h-4 rounded-b-xl bg-gradient-to-t from-background-default-hover to-transparent"></div>
-            </nav>
-          )
+                <div className="pointer-events-none absolute bottom-0 left-0 right-0 z-10 h-4 rounded-b-xl bg-gradient-to-t from-background-default-hover to-transparent"></div>
+              </nav>
+            )
           : (
-            <button type="button"
-              onClick={() => setIsTocExpanded(true)}
-              className="group flex h-11 w-11 items-center justify-center rounded-full border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg transition-all duration-150 hover:bg-background-default-hover hover:shadow-xl"
-              aria-label="Open table of contents"
-            >
-              <RiListUnordered className="h-5 w-5 text-text-tertiary transition-colors group-hover:text-text-secondary" />
-            </button>
-          )}
+              <button
+                type="button"
+                onClick={() => setIsTocExpanded(true)}
+                className="group flex h-11 w-11 items-center justify-center rounded-full border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg transition-all duration-150 hover:bg-background-default-hover hover:shadow-xl"
+                aria-label="Open table of contents"
+              >
+                <RiListUnordered className="h-5 w-5 text-text-tertiary transition-colors group-hover:text-text-secondary" />
+              </button>
+            )}
       </div>
       <article className={cn('prose-xl prose', theme === Theme.dark && 'prose-invert')}>
         {Template}
diff --git a/web/app/components/develop/index.tsx b/web/app/components/develop/index.tsx
index c3f88a15f8..70b84640fb 100644
--- a/web/app/components/develop/index.tsx
+++ b/web/app/components/develop/index.tsx
@@ -1,8 +1,8 @@
 'use client'
-import Doc from '@/app/components/develop/doc'
+import { useStore as useAppStore } from '@/app/components/app/store'
 import Loading from '@/app/components/base/loading'
 import ApiServer from '@/app/components/develop/ApiServer'
-import { useStore as useAppStore } from '@/app/components/app/store'
+import Doc from '@/app/components/develop/doc'
 
 type IDevelopMainProps = {
   appId: string
@@ -13,19 +13,19 @@ const DevelopMain = ({ appId }: IDevelopMainProps) => {
 
   if (!appDetail) {
     return (
-      <div className='flex h-full items-center justify-center bg-background-default'>
+      <div className="flex h-full items-center justify-center bg-background-default">
         <Loading />
       </div>
     )
   }
 
   return (
-    <div className='relative flex h-full flex-col overflow-hidden'>
-      <div className='flex shrink-0 items-center justify-between border-b border-solid border-b-divider-regular px-6 py-2'>
-        <div className='text-lg font-medium text-text-primary'></div>
+    <div className="relative flex h-full flex-col overflow-hidden">
+      <div className="flex shrink-0 items-center justify-between border-b border-solid border-b-divider-regular px-6 py-2">
+        <div className="text-lg font-medium text-text-primary"></div>
         <ApiServer apiBaseUrl={appDetail.api_base_url} appId={appId} />
       </div>
-      <div className='grow overflow-auto px-4 py-4 sm:px-10'>
+      <div className="grow overflow-auto px-4 py-4 sm:px-10">
         <Doc appDetail={appDetail} />
       </div>
     </div>
diff --git a/web/app/components/develop/md.tsx b/web/app/components/develop/md.tsx
index c9594ace15..83ea59868e 100644
--- a/web/app/components/develop/md.tsx
+++ b/web/app/components/develop/md.tsx
@@ -43,14 +43,14 @@ export const Heading = function H2({
   }
   return (
     <>
-      <span id={name?.replace(/^#/, '')} className='relative -top-28' />
-      <div className="flex items-center gap-x-3" >
+      <span id={name?.replace(/^#/, '')} className="relative -top-28" />
+      <div className="flex items-center gap-x-3">
         <span className={`rounded-lg px-1.5 font-mono text-[0.625rem] font-semibold leading-6 ring-1 ring-inset ${style}`}>{method}</span>
         {/* <span className="h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600"></span> */}
         <span className="font-mono text-xs text-zinc-400">{url}</span>
       </div>
-      <h2 className='mt-2 scroll-mt-32'>
-        <a href={name} className='group text-inherit no-underline hover:text-inherit'>{title}</a>
+      <h2 className="mt-2 scroll-mt-32">
+        <a href={name} className="group text-inherit no-underline hover:text-inherit">{title}</a>
       </h2>
     </>
 
@@ -71,8 +71,7 @@ type IColProps = IChildrenProps & {
 export function Col({ children, sticky = false }: IColProps) {
   return (
     <div
-      className={cn('[&>:first-child]:mt-0 [&>:last-child]:mb-0',
-        sticky && 'xl:sticky xl:top-24')}
+      className={cn('[&>:first-child]:mt-0 [&>:last-child]:mb-0', sticky && 'xl:sticky xl:top-24')}
     >
       {children}
     </div>
diff --git a/web/app/components/develop/secret-key/input-copy.tsx b/web/app/components/develop/secret-key/input-copy.tsx
index 982c63f620..af7edea3c5 100644
--- a/web/app/components/develop/secret-key/input-copy.tsx
+++ b/web/app/components/develop/secret-key/input-copy.tsx
@@ -1,9 +1,9 @@
 'use client'
-import React, { useEffect, useState } from 'react'
 import copy from 'copy-to-clipboard'
 import { t } from 'i18next'
-import Tooltip from '@/app/components/base/tooltip'
+import React, { useEffect, useState } from 'react'
 import CopyFeedback from '@/app/components/base/copy-feedback'
+import Tooltip from '@/app/components/base/tooltip'
 
 type IInputCopyProps = {
   value?: string
@@ -34,21 +34,24 @@ const InputCopy = ({
     <div className={`flex items-center rounded-lg bg-components-input-bg-normal py-2 hover:bg-state-base-hover ${className}`}>
       <div className="flex h-5 grow items-center">
         {children}
-        <div className='relative h-full grow text-[13px]'>
-          <div className='r-0 absolute left-0 top-0 w-full cursor-pointer truncate pl-2 pr-2' onClick={() => {
-            copy(value)
-            setIsCopied(true)
-          }}>
+        <div className="relative h-full grow text-[13px]">
+          <div
+            className="r-0 absolute left-0 top-0 w-full cursor-pointer truncate pl-2 pr-2"
+            onClick={() => {
+              copy(value)
+              setIsCopied(true)
+            }}
+          >
             <Tooltip
               popupContent={isCopied ? `${t('appApi.copied')}` : `${t('appApi.copy')}`}
-              position='bottom'
+              position="bottom"
             >
-              <span className='text-text-secondary'>{value}</span>
+              <span className="text-text-secondary">{value}</span>
             </Tooltip>
           </div>
         </div>
         <div className="h-4 w-px shrink-0 bg-divider-regular" />
-        <div className='mx-1'><CopyFeedback content={value} /></div>
+        <div className="mx-1"><CopyFeedback content={value} /></div>
       </div>
     </div>
   )
diff --git a/web/app/components/develop/secret-key/secret-key-button.tsx b/web/app/components/develop/secret-key/secret-key-button.tsx
index 7d27c01d21..28efdf2e06 100644
--- a/web/app/components/develop/secret-key/secret-key-button.tsx
+++ b/web/app/components/develop/secret-key/secret-key-button.tsx
@@ -1,7 +1,7 @@
 'use client'
+import { RiKey2Line } from '@remixicon/react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiKey2Line } from '@remixicon/react'
 import Button from '@/app/components/base/button'
 import SecretKeyModal from '@/app/components/develop/secret-key/secret-key-modal'
 
@@ -19,11 +19,11 @@ const SecretKeyButton = ({ className, appId, textCls }: ISecretKeyButtonProps) =
       <Button
         className={`px-3 ${className}`}
         onClick={() => setVisible(true)}
-        size='small'
-        variant='ghost'
+        size="small"
+        variant="ghost"
       >
-        <div className={'flex h-3.5 w-3.5 items-center justify-center'}>
-          <RiKey2Line className='h-3.5 w-3.5 text-text-tertiary' />
+        <div className="flex h-3.5 w-3.5 items-center justify-center">
+          <RiKey2Line className="h-3.5 w-3.5 text-text-tertiary" />
         </div>
         <div className={`system-xs-medium px-[3px] text-text-tertiary ${textCls}`}>{t('appApi.apiKey')}</div>
       </Button>
diff --git a/web/app/components/develop/secret-key/secret-key-generate.tsx b/web/app/components/develop/secret-key/secret-key-generate.tsx
index 4ec6f52b3f..006247f4db 100644
--- a/web/app/components/develop/secret-key/secret-key-generate.tsx
+++ b/web/app/components/develop/secret-key/secret-key-generate.tsx
@@ -1,11 +1,11 @@
 'use client'
-import { useTranslation } from 'react-i18next'
+import type { CreateApiKeyResponse } from '@/models/app'
 import { XMarkIcon } from '@heroicons/react/20/solid'
-import InputCopy from './input-copy'
-import s from './style.module.css'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Modal from '@/app/components/base/modal'
-import type { CreateApiKeyResponse } from '@/models/app'
+import InputCopy from './input-copy'
+import s from './style.module.css'
 
 type ISecretKeyGenerateModalProps = {
   isShow: boolean
@@ -26,17 +26,17 @@ const SecretKeyGenerateModal = ({
       <div className="-mr-2 -mt-6 mb-4 flex justify-end">
         <XMarkIcon className="h-6 w-6 cursor-pointer text-text-tertiary" onClick={onClose} />
       </div>
-      <p className='mt-1 text-[13px] font-normal leading-5 text-text-tertiary'>{t('appApi.apiKeyModal.generateTips')}</p>
-      <div className='my-4'>
-        <InputCopy className='w-full' value={newKey?.token} />
+      <p className="mt-1 text-[13px] font-normal leading-5 text-text-tertiary">{t('appApi.apiKeyModal.generateTips')}</p>
+      <div className="my-4">
+        <InputCopy className="w-full" value={newKey?.token} />
       </div>
-      <div className='my-4 flex justify-end'>
+      <div className="my-4 flex justify-end">
         <Button className={`shrink-0 ${s.w64}`} onClick={onClose}>
-          <span className='text-xs font-medium text-text-secondary'>{t('appApi.actionMsg.ok')}</span>
+          <span className="text-xs font-medium text-text-secondary">{t('appApi.actionMsg.ok')}</span>
         </Button>
       </div>
 
-    </Modal >
+    </Modal>
   )
 }
 
diff --git a/web/app/components/develop/secret-key/secret-key-modal.tsx b/web/app/components/develop/secret-key/secret-key-modal.tsx
index 24935b5b98..a03ca6e267 100644
--- a/web/app/components/develop/secret-key/secret-key-modal.tsx
+++ b/web/app/components/develop/secret-key/secret-key-modal.tsx
@@ -1,16 +1,19 @@
 'use client'
+import type { CreateApiKeyResponse } from '@/models/app'
+import { PlusIcon, XMarkIcon } from '@heroicons/react/20/solid'
+import { RiDeleteBinLine } from '@remixicon/react'
 import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiDeleteBinLine } from '@remixicon/react'
-import { PlusIcon, XMarkIcon } from '@heroicons/react/20/solid'
-import SecretKeyGenerateModal from './secret-key-generate'
-import s from './style.module.css'
 import ActionButton from '@/app/components/base/action-button'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
 import CopyFeedback from '@/app/components/base/copy-feedback'
+import Loading from '@/app/components/base/loading'
+import Modal from '@/app/components/base/modal'
+import { useAppContext } from '@/context/app-context'
+import useTimestamp from '@/hooks/use-timestamp'
 import {
   createApikey as createAppApikey,
   delApikey as delAppApikey,
@@ -19,13 +22,10 @@ import {
   createApikey as createDatasetApikey,
   delApikey as delDatasetApikey,
 } from '@/service/datasets'
-import type { CreateApiKeyResponse } from '@/models/app'
-import Loading from '@/app/components/base/loading'
-import Confirm from '@/app/components/base/confirm'
-import useTimestamp from '@/hooks/use-timestamp'
-import { useAppContext } from '@/context/app-context'
-import { useAppApiKeys, useInvalidateAppApiKeys } from '@/service/use-apps'
 import { useDatasetApiKeys, useInvalidateDatasetApiKeys } from '@/service/knowledge/use-dataset'
+import { useAppApiKeys, useInvalidateAppApiKeys } from '@/service/use-apps'
+import SecretKeyGenerateModal from './secret-key-generate'
+import s from './style.module.css'
 
 type ISecretKeyModalProps = {
   isShow: boolean
@@ -92,24 +92,24 @@ const SecretKeyModal = ({
       <div className="-mr-2 -mt-6 mb-4 flex justify-end">
         <XMarkIcon className="h-6 w-6 cursor-pointer text-text-tertiary" onClick={onClose} />
       </div>
-      <p className='mt-1 shrink-0 text-[13px] font-normal leading-5 text-text-tertiary'>{t('appApi.apiKeyModal.apiSecretKeyTips')}</p>
-      {isApiKeysLoading && <div className='mt-4'><Loading /></div>}
+      <p className="mt-1 shrink-0 text-[13px] font-normal leading-5 text-text-tertiary">{t('appApi.apiKeyModal.apiSecretKeyTips')}</p>
+      {isApiKeysLoading && <div className="mt-4"><Loading /></div>}
       {
         !!apiKeysList?.data?.length && (
-          <div className='mt-4 flex grow flex-col overflow-hidden'>
-            <div className='flex h-9 shrink-0 items-center border-b border-divider-regular text-xs font-semibold text-text-tertiary'>
-              <div className='w-64 shrink-0 px-3'>{t('appApi.apiKeyModal.secretKey')}</div>
-              <div className='w-[200px] shrink-0 px-3'>{t('appApi.apiKeyModal.created')}</div>
-              <div className='w-[200px] shrink-0 px-3'>{t('appApi.apiKeyModal.lastUsed')}</div>
-              <div className='grow px-3'></div>
+          <div className="mt-4 flex grow flex-col overflow-hidden">
+            <div className="flex h-9 shrink-0 items-center border-b border-divider-regular text-xs font-semibold text-text-tertiary">
+              <div className="w-64 shrink-0 px-3">{t('appApi.apiKeyModal.secretKey')}</div>
+              <div className="w-[200px] shrink-0 px-3">{t('appApi.apiKeyModal.created')}</div>
+              <div className="w-[200px] shrink-0 px-3">{t('appApi.apiKeyModal.lastUsed')}</div>
+              <div className="grow px-3"></div>
             </div>
-            <div className='grow overflow-auto'>
+            <div className="grow overflow-auto">
               {apiKeysList.data.map(api => (
-                <div className='flex h-9 items-center border-b border-divider-regular text-sm font-normal text-text-secondary' key={api.id}>
-                  <div className='w-64 shrink-0 truncate px-3 font-mono'>{generateToken(api.token)}</div>
-                  <div className='w-[200px] shrink-0 truncate px-3'>{formatTime(Number(api.created_at), t('appLog.dateTimeFormat') as string)}</div>
-                  <div className='w-[200px] shrink-0 truncate px-3'>{api.last_used_at ? formatTime(Number(api.last_used_at), t('appLog.dateTimeFormat') as string) : t('appApi.never')}</div>
-                  <div className='flex grow space-x-2 px-3'>
+                <div className="flex h-9 items-center border-b border-divider-regular text-sm font-normal text-text-secondary" key={api.id}>
+                  <div className="w-64 shrink-0 truncate px-3 font-mono">{generateToken(api.token)}</div>
+                  <div className="w-[200px] shrink-0 truncate px-3">{formatTime(Number(api.created_at), t('appLog.dateTimeFormat') as string)}</div>
+                  <div className="w-[200px] shrink-0 truncate px-3">{api.last_used_at ? formatTime(Number(api.last_used_at), t('appLog.dateTimeFormat') as string) : t('appApi.never')}</div>
+                  <div className="flex grow space-x-2 px-3">
                     <CopyFeedback content={api.token} />
                     {isCurrentWorkspaceManager && (
                       <ActionButton
@@ -118,7 +118,7 @@ const SecretKeyModal = ({
                           setShowConfirmDelete(true)
                         }}
                       >
-                        <RiDeleteBinLine className='h-4 w-4' />
+                        <RiDeleteBinLine className="h-4 w-4" />
                       </ActionButton>
                     )}
                   </div>
@@ -128,13 +128,13 @@ const SecretKeyModal = ({
           </div>
         )
       }
-      <div className='flex'>
+      <div className="flex">
         <Button className={`mt-4 flex shrink-0 ${s.autoWidth}`} onClick={onCreate} disabled={!currentWorkspace || !isCurrentWorkspaceEditor}>
-          <PlusIcon className='mr-1 flex h-4 w-4 shrink-0' />
-          <div className='text-xs font-medium text-text-secondary'>{t('appApi.apiKeyModal.createNewSecretKey')}</div>
+          <PlusIcon className="mr-1 flex h-4 w-4 shrink-0" />
+          <div className="text-xs font-medium text-text-secondary">{t('appApi.apiKeyModal.createNewSecretKey')}</div>
         </Button>
       </div>
-      <SecretKeyGenerateModal className='shrink-0' isShow={isVisible} onClose={() => setVisible(false)} newKey={newKey} />
+      <SecretKeyGenerateModal className="shrink-0" isShow={isVisible} onClose={() => setVisible(false)} newKey={newKey} />
       {showConfirmDelete && (
         <Confirm
           title={`${t('appApi.actionMsg.deleteConfirmTitle')}`}
@@ -147,7 +147,7 @@ const SecretKeyModal = ({
           }}
         />
       )}
-    </Modal >
+    </Modal>
   )
 }
 
diff --git a/web/app/components/develop/tag.tsx b/web/app/components/develop/tag.tsx
index ddec76b163..a0d7b3088c 100644
--- a/web/app/components/develop/tag.tsx
+++ b/web/app/components/develop/tag.tsx
@@ -53,9 +53,7 @@ export function Tag({
 }: ITagProps) {
   return (
     <span
-      className={cn('font-mono text-[0.625rem] font-semibold leading-6',
-        variantStyles[variant],
-        colorStyles[color][variant])}
+      className={cn('font-mono text-[0.625rem] font-semibold leading-6', variantStyles[variant], colorStyles[color][variant])}
     >
       {children}
     </span>
diff --git a/web/app/components/explore/app-card/index.spec.tsx b/web/app/components/explore/app-card/index.spec.tsx
index cd6472d302..6247e8adc7 100644
--- a/web/app/components/explore/app-card/index.spec.tsx
+++ b/web/app/components/explore/app-card/index.spec.tsx
@@ -1,8 +1,9 @@
-import React from 'react'
-import { fireEvent, render, screen } from '@testing-library/react'
-import AppCard, { type AppCardProps } from './index'
+import type { AppCardProps } from './index'
 import type { App } from '@/models/explore'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import { AppModeEnum } from '@/types/app'
+import AppCard from './index'
 
 vi.mock('../../app/type-selector', () => ({
   AppTypeIcon: ({ type }: any) => <div data-testid="app-type-icon">{type}</div>,
diff --git a/web/app/components/explore/app-card/index.tsx b/web/app/components/explore/app-card/index.tsx
index 9528fbc954..40a3981030 100644
--- a/web/app/components/explore/app-card/index.tsx
+++ b/web/app/components/explore/app-card/index.tsx
@@ -1,12 +1,13 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { PlusIcon } from '@heroicons/react/20/solid'
-import Button from '../../base/button'
-import { cn } from '@/utils/classnames'
 import type { App } from '@/models/explore'
+import { PlusIcon } from '@heroicons/react/20/solid'
+import { useTranslation } from 'react-i18next'
 import AppIcon from '@/app/components/base/app-icon'
-import { AppTypeIcon } from '../../app/type-selector'
 import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { AppTypeIcon } from '../../app/type-selector'
+import Button from '../../base/button'
+
 export type AppCardProps = {
   app: App
   canCreate: boolean
@@ -24,42 +25,45 @@ const AppCard = ({
   const { app: appBasicInfo } = app
   return (
     <div className={cn('group relative col-span-1 flex cursor-pointer flex-col overflow-hidden rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg pb-2 shadow-sm transition-all duration-200 ease-in-out hover:shadow-lg')}>
-      <div className='flex h-[66px] shrink-0 grow-0 items-center gap-3 px-[14px] pb-3 pt-[14px]'>
-        <div className='relative shrink-0'>
+      <div className="flex h-[66px] shrink-0 grow-0 items-center gap-3 px-[14px] pb-3 pt-[14px]">
+        <div className="relative shrink-0">
           <AppIcon
-            size='large'
+            size="large"
             iconType={appBasicInfo.icon_type}
             icon={appBasicInfo.icon}
             background={appBasicInfo.icon_background}
             imageUrl={appBasicInfo.icon_url}
           />
-          <AppTypeIcon wrapperClassName='absolute -bottom-0.5 -right-0.5 w-4 h-4 shadow-sm'
-            className='h-3 w-3' type={appBasicInfo.mode} />
+          <AppTypeIcon
+            wrapperClassName="absolute -bottom-0.5 -right-0.5 w-4 h-4 shadow-sm"
+            className="h-3 w-3"
+            type={appBasicInfo.mode}
+          />
         </div>
-        <div className='w-0 grow py-[1px]'>
-          <div className='flex items-center text-sm font-semibold leading-5 text-text-secondary'>
-            <div className='truncate' title={appBasicInfo.name}>{appBasicInfo.name}</div>
+        <div className="w-0 grow py-[1px]">
+          <div className="flex items-center text-sm font-semibold leading-5 text-text-secondary">
+            <div className="truncate" title={appBasicInfo.name}>{appBasicInfo.name}</div>
           </div>
-          <div className='flex items-center text-[10px] font-medium leading-[18px] text-text-tertiary'>
-            {appBasicInfo.mode === AppModeEnum.ADVANCED_CHAT && <div className='truncate'>{t('app.types.advanced').toUpperCase()}</div>}
-            {appBasicInfo.mode === AppModeEnum.CHAT && <div className='truncate'>{t('app.types.chatbot').toUpperCase()}</div>}
-            {appBasicInfo.mode === AppModeEnum.AGENT_CHAT && <div className='truncate'>{t('app.types.agent').toUpperCase()}</div>}
-            {appBasicInfo.mode === AppModeEnum.WORKFLOW && <div className='truncate'>{t('app.types.workflow').toUpperCase()}</div>}
-            {appBasicInfo.mode === AppModeEnum.COMPLETION && <div className='truncate'>{t('app.types.completion').toUpperCase()}</div>}
+          <div className="flex items-center text-[10px] font-medium leading-[18px] text-text-tertiary">
+            {appBasicInfo.mode === AppModeEnum.ADVANCED_CHAT && <div className="truncate">{t('app.types.advanced').toUpperCase()}</div>}
+            {appBasicInfo.mode === AppModeEnum.CHAT && <div className="truncate">{t('app.types.chatbot').toUpperCase()}</div>}
+            {appBasicInfo.mode === AppModeEnum.AGENT_CHAT && <div className="truncate">{t('app.types.agent').toUpperCase()}</div>}
+            {appBasicInfo.mode === AppModeEnum.WORKFLOW && <div className="truncate">{t('app.types.workflow').toUpperCase()}</div>}
+            {appBasicInfo.mode === AppModeEnum.COMPLETION && <div className="truncate">{t('app.types.completion').toUpperCase()}</div>}
           </div>
         </div>
       </div>
       <div className="description-wrapper system-xs-regular h-[90px] px-[14px] text-text-tertiary">
-        <div className='line-clamp-4 group-hover:line-clamp-2'>
+        <div className="line-clamp-4 group-hover:line-clamp-2">
           {app.description}
         </div>
       </div>
       {isExplore && canCreate && (
         <div className={cn('absolute bottom-0 left-0 right-0 hidden bg-gradient-to-t from-components-panel-gradient-2 from-[60.27%] to-transparent p-4 pt-8 group-hover:flex')}>
           <div className={cn('flex h-8 w-full items-center space-x-2')}>
-            <Button variant='primary' className='h-7 grow' onClick={() => onCreate()}>
-              <PlusIcon className='mr-1 h-4 w-4' />
-              <span className='text-xs'>{t('explore.appCard.addToWorkspace')}</span>
+            <Button variant="primary" className="h-7 grow" onClick={() => onCreate()}>
+              <PlusIcon className="mr-1 h-4 w-4" />
+              <span className="text-xs">{t('explore.appCard.addToWorkspace')}</span>
             </Button>
           </div>
         </div>
diff --git a/web/app/components/explore/app-list/index.tsx b/web/app/components/explore/app-list/index.tsx
index 968822a7b8..859a4c081d 100644
--- a/web/app/components/explore/app-list/index.tsx
+++ b/web/app/components/explore/app-list/index.tsx
@@ -1,27 +1,27 @@
 'use client'
 
+import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
+import type { App } from '@/models/explore'
+import { useDebounceFn } from 'ahooks'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
 import useSWR from 'swr'
-import { useDebounceFn } from 'ahooks'
-import s from './style.module.css'
-import { cn } from '@/utils/classnames'
-import ExploreContext from '@/context/explore-context'
-import type { App } from '@/models/explore'
-import Category from '@/app/components/explore/category'
-import AppCard from '@/app/components/explore/app-card'
-import { fetchAppDetail, fetchAppList } from '@/service/explore'
-import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
-import CreateAppModal from '@/app/components/explore/create-app-modal'
-import type { CreateAppModalProps } from '@/app/components/explore/create-app-modal'
-import Loading from '@/app/components/base/loading'
+import { useContext } from 'use-context-selector'
+import DSLConfirmModal from '@/app/components/app/create-from-dsl-modal/dsl-confirm-modal'
 import Input from '@/app/components/base/input'
+import Loading from '@/app/components/base/loading'
+import AppCard from '@/app/components/explore/app-card'
+import Category from '@/app/components/explore/category'
+import CreateAppModal from '@/app/components/explore/create-app-modal'
+import ExploreContext from '@/context/explore-context'
+import { useImportDSL } from '@/hooks/use-import-dsl'
+import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
 import {
   DSLImportMode,
 } from '@/models/app'
-import { useImportDSL } from '@/hooks/use-import-dsl'
-import DSLConfirmModal from '@/app/components/app/create-from-dsl-modal/dsl-confirm-modal'
+import { fetchAppDetail, fetchAppList } from '@/service/explore'
+import { cn } from '@/utils/classnames'
+import s from './style.module.css'
 
 type AppsProps = {
   onSuccess?: () => void
@@ -142,16 +142,18 @@ const Apps = ({
   return (
     <div className={cn(
       'flex h-full flex-col border-l-[0.5px] border-divider-regular',
-    )}>
+    )}
+    >
 
-      <div className='shrink-0 px-12 pt-6'>
+      <div className="shrink-0 px-12 pt-6">
         <div className={`mb-1 ${s.textGradient} text-xl font-semibold`}>{t('explore.apps.title')}</div>
-        <div className='text-sm text-text-tertiary'>{t('explore.apps.description')}</div>
+        <div className="text-sm text-text-tertiary">{t('explore.apps.description')}</div>
       </div>
 
       <div className={cn(
         'mt-6 flex items-center justify-between px-12',
-      )}>
+      )}
+      >
         <Category
           list={categories}
           value={currCategory}
@@ -161,7 +163,7 @@ const Apps = ({
         <Input
           showLeftIcon
           showClearIcon
-          wrapperClassName='w-[200px] self-start'
+          wrapperClassName="w-[200px] self-start"
           value={keywords}
           onChange={e => handleKeywordsChange(e.target.value)}
           onClear={() => handleKeywordsChange('')}
@@ -170,12 +172,14 @@ const Apps = ({
 
       <div className={cn(
         'relative mt-4 flex flex-1 shrink-0 grow flex-col overflow-auto pb-6',
-      )}>
+      )}
+      >
         <nav
           className={cn(
             s.appList,
             'grid shrink-0 content-start gap-4 px-6 sm:px-12',
-          )}>
+          )}
+        >
           {searchFilteredList.map(app => (
             <AppCard
               key={app.app_id}
diff --git a/web/app/components/explore/category.tsx b/web/app/components/explore/category.tsx
index 0014dd88d8..6d44c9f46b 100644
--- a/web/app/components/explore/category.tsx
+++ b/web/app/components/explore/category.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { AppCategory } from '@/models/explore'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import exploreI18n from '@/i18n/en-US/explore'
-import type { AppCategory } from '@/models/explore'
 import { ThumbsUp } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
+import exploreI18n from '@/i18n/en-US/explore'
+import { cn } from '@/utils/classnames'
 
 const categoryI18n = exploreI18n.category
 
@@ -41,7 +41,7 @@ const Category: FC<ICategoryProps> = ({
         className={itemClassName(isAllCategories)}
         onClick={() => onChange(allCategoriesEn)}
       >
-        <ThumbsUp className='mr-1 h-3.5 w-3.5' />
+        <ThumbsUp className="mr-1 h-3.5 w-3.5" />
         {t('explore.apps.allCategories')}
       </div>
       {list.filter(name => name !== allCategoriesEn).map(name => (
diff --git a/web/app/components/explore/create-app-modal/index.spec.tsx b/web/app/components/explore/create-app-modal/index.spec.tsx
index 96a5e9df6b..55ee7f9064 100644
--- a/web/app/components/explore/create-app-modal/index.spec.tsx
+++ b/web/app/components/explore/create-app-modal/index.spec.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
-import { act, fireEvent, render, screen } from '@testing-library/react'
+import type { CreateAppModalProps } from './index'
 import type { UsagePlanInfo } from '@/app/components/billing/type'
-import { Plan } from '@/app/components/billing/type'
+import { act, fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
 import { createMockPlan, createMockPlanTotal, createMockPlanUsage } from '@/__mocks__/provider-context'
+import { Plan } from '@/app/components/billing/type'
 import { AppModeEnum } from '@/types/app'
 import CreateAppModal from './index'
-import type { CreateAppModalProps } from './index'
 
 let mockTranslationOverrides: Record<string, string | undefined> = {}
 
@@ -131,7 +131,7 @@ describe('CreateAppModal', () => {
 
   // The title and form sections vary based on the modal mode (create vs edit).
   describe('Rendering', () => {
-    test('should render create title and actions when creating', () => {
+    it('should render create title and actions when creating', () => {
       setup({ appName: 'My App', isEditModal: false })
 
       expect(screen.getByText('explore.appCustomize.title:{"name":"My App"}')).toBeInTheDocument()
@@ -139,7 +139,7 @@ describe('CreateAppModal', () => {
       expect(screen.getByRole('button', { name: 'common.operation.cancel' })).toBeInTheDocument()
     })
 
-    test('should render edit-only fields when editing a chat app', () => {
+    it('should render edit-only fields when editing a chat app', () => {
       setup({ isEditModal: true, appMode: AppModeEnum.CHAT, max_active_requests: 5 })
 
       expect(screen.getByText('app.editAppTitle')).toBeInTheDocument()
@@ -148,19 +148,19 @@ describe('CreateAppModal', () => {
       expect((screen.getByRole('spinbutton') as HTMLInputElement).value).toBe('5')
     })
 
-    test.each([AppModeEnum.ADVANCED_CHAT, AppModeEnum.AGENT_CHAT])('should render answer icon switch when editing %s app', (mode) => {
+    it.each([AppModeEnum.ADVANCED_CHAT, AppModeEnum.AGENT_CHAT])('should render answer icon switch when editing %s app', (mode) => {
       setup({ isEditModal: true, appMode: mode })
 
       expect(screen.getByRole('switch')).toBeInTheDocument()
     })
 
-    test('should not render answer icon switch when editing a non-chat app', () => {
+    it('should not render answer icon switch when editing a non-chat app', () => {
       setup({ isEditModal: true, appMode: AppModeEnum.COMPLETION })
 
       expect(screen.queryByRole('switch')).not.toBeInTheDocument()
     })
 
-    test('should not render modal content when hidden', () => {
+    it('should not render modal content when hidden', () => {
       setup({ show: false })
 
       expect(screen.queryByRole('button', { name: 'common.operation.create' })).not.toBeInTheDocument()
@@ -169,13 +169,13 @@ describe('CreateAppModal', () => {
 
   // Disabled states prevent submission and reflect parent-driven props.
   describe('Props', () => {
-    test('should disable confirm action when confirmDisabled is true', () => {
+    it('should disable confirm action when confirmDisabled is true', () => {
       setup({ confirmDisabled: true })
 
       expect(screen.getByRole('button', { name: 'common.operation.create' })).toBeDisabled()
     })
 
-    test('should disable confirm action when appName is empty', () => {
+    it('should disable confirm action when appName is empty', () => {
       setup({ appName: '   ' })
 
       expect(screen.getByRole('button', { name: 'common.operation.create' })).toBeDisabled()
@@ -184,13 +184,13 @@ describe('CreateAppModal', () => {
 
   // Defensive coverage for falsy input values and translation edge cases.
   describe('Edge Cases', () => {
-    test('should default description to empty string when appDescription is empty', () => {
+    it('should default description to empty string when appDescription is empty', () => {
       setup({ appDescription: '' })
 
       expect((screen.getByPlaceholderText('app.newApp.appDescriptionPlaceholder') as HTMLTextAreaElement).value).toBe('')
     })
 
-    test('should fall back to empty placeholders when translations return empty string', () => {
+    it('should fall back to empty placeholders when translations return empty string', () => {
       mockTranslationOverrides = {
         'app.newApp.appNamePlaceholder': '',
         'app.newApp.appDescriptionPlaceholder': '',
@@ -205,7 +205,7 @@ describe('CreateAppModal', () => {
 
   // The modal should close from user-initiated cancellation actions.
   describe('User Interactions', () => {
-    test('should call onHide when cancel button is clicked', () => {
+    it('should call onHide when cancel button is clicked', () => {
       const { onConfirm, onHide } = setup()
 
       fireEvent.click(screen.getByRole('button', { name: 'common.operation.cancel' }))
@@ -214,7 +214,7 @@ describe('CreateAppModal', () => {
       expect(onConfirm).not.toHaveBeenCalled()
     })
 
-    test('should call onHide when pressing Escape while visible', () => {
+    it('should call onHide when pressing Escape while visible', () => {
       const { onHide } = setup()
 
       fireEvent.keyDown(window, { key: 'Escape', keyCode: 27 })
@@ -222,7 +222,7 @@ describe('CreateAppModal', () => {
       expect(onHide).toHaveBeenCalledTimes(1)
     })
 
-    test('should not call onHide when pressing Escape while hidden', () => {
+    it('should not call onHide when pressing Escape while hidden', () => {
       const { onHide } = setup({ show: false })
 
       fireEvent.keyDown(window, { key: 'Escape', keyCode: 27 })
@@ -233,7 +233,7 @@ describe('CreateAppModal', () => {
 
   // When billing limits are reached, the modal blocks app creation and shows quota guidance.
   describe('Quota Gating', () => {
-    test('should show AppsFull and disable create when apps quota is reached', () => {
+    it('should show AppsFull and disable create when apps quota is reached', () => {
       mockEnableBilling = true
       mockPlanType = Plan.team
       mockUsagePlanInfo = createPlanInfo(10)
@@ -245,7 +245,7 @@ describe('CreateAppModal', () => {
       expect(screen.getByRole('button', { name: 'common.operation.create' })).toBeDisabled()
     })
 
-    test('should allow saving when apps quota is reached in edit mode', () => {
+    it('should allow saving when apps quota is reached in edit mode', () => {
       mockEnableBilling = true
       mockPlanType = Plan.team
       mockUsagePlanInfo = createPlanInfo(10)
@@ -268,7 +268,7 @@ describe('CreateAppModal', () => {
       vi.useRealTimers()
     })
 
-    test.each([
+    it.each([
       ['meta+enter', { metaKey: true }],
       ['ctrl+enter', { ctrlKey: true }],
     ])('should submit when %s is pressed while visible', (_, modifier) => {
@@ -283,7 +283,7 @@ describe('CreateAppModal', () => {
       expect(onHide).toHaveBeenCalledTimes(1)
     })
 
-    test('should not submit when modal is hidden', () => {
+    it('should not submit when modal is hidden', () => {
       const { onConfirm, onHide } = setup({ show: false })
 
       fireEvent.keyDown(window, { key: 'Enter', keyCode: 13, metaKey: true })
@@ -295,7 +295,7 @@ describe('CreateAppModal', () => {
       expect(onHide).not.toHaveBeenCalled()
     })
 
-    test('should not submit when apps quota is reached in create mode', () => {
+    it('should not submit when apps quota is reached in create mode', () => {
       mockEnableBilling = true
       mockPlanType = Plan.team
       mockUsagePlanInfo = createPlanInfo(10)
@@ -312,7 +312,7 @@ describe('CreateAppModal', () => {
       expect(onHide).not.toHaveBeenCalled()
     })
 
-    test('should submit when apps quota is reached in edit mode', () => {
+    it('should submit when apps quota is reached in edit mode', () => {
       mockEnableBilling = true
       mockPlanType = Plan.team
       mockUsagePlanInfo = createPlanInfo(10)
@@ -329,7 +329,7 @@ describe('CreateAppModal', () => {
       expect(onHide).toHaveBeenCalledTimes(1)
     })
 
-    test('should not submit when name is empty', () => {
+    it('should not submit when name is empty', () => {
       const { onConfirm, onHide } = setup({ appName: '   ' })
 
       fireEvent.keyDown(window, { key: 'Enter', keyCode: 13, metaKey: true })
@@ -344,7 +344,7 @@ describe('CreateAppModal', () => {
 
   // The app icon picker is a key user flow for customizing metadata.
   describe('App Icon Picker', () => {
-    test('should open and close the picker when cancel is clicked', () => {
+    it('should open and close the picker when cancel is clicked', () => {
       setup({
         appIconType: 'image',
         appIcon: 'file-123',
@@ -360,7 +360,7 @@ describe('CreateAppModal', () => {
       expect(screen.queryByRole('button', { name: 'app.iconPicker.cancel' })).not.toBeInTheDocument()
     })
 
-    test('should update icon payload when selecting emoji and confirming', () => {
+    it('should update icon payload when selecting emoji and confirming', () => {
       vi.useFakeTimers()
       try {
         const { onConfirm } = setup({
@@ -399,7 +399,7 @@ describe('CreateAppModal', () => {
       }
     })
 
-    test('should reset emoji icon to initial props when picker is cancelled', () => {
+    it('should reset emoji icon to initial props when picker is cancelled', () => {
       vi.useFakeTimers()
       try {
         const { onConfirm } = setup({
@@ -459,7 +459,7 @@ describe('CreateAppModal', () => {
       vi.useRealTimers()
     })
 
-    test('should call onConfirm with emoji payload and hide when create is clicked', () => {
+    it('should call onConfirm with emoji payload and hide when create is clicked', () => {
       const { onConfirm, onHide } = setup({
         appName: 'My App',
         appDescription: 'My description',
@@ -488,7 +488,7 @@ describe('CreateAppModal', () => {
       expect(payload).not.toHaveProperty('max_active_requests')
     })
 
-    test('should include updated description when textarea is changed before submitting', () => {
+    it('should include updated description when textarea is changed before submitting', () => {
       const { onConfirm } = setup({ appDescription: 'Old description' })
 
       fireEvent.change(screen.getByPlaceholderText('app.newApp.appDescriptionPlaceholder'), { target: { value: 'Updated description' } })
@@ -501,7 +501,7 @@ describe('CreateAppModal', () => {
       expect(onConfirm.mock.calls[0][0]).toMatchObject({ description: 'Updated description' })
     })
 
-    test('should omit icon_background when submitting with image icon', () => {
+    it('should omit icon_background when submitting with image icon', () => {
       const { onConfirm } = setup({
         appIconType: 'image',
         appIcon: 'file-123',
@@ -522,7 +522,7 @@ describe('CreateAppModal', () => {
       expect(payload.icon_background).toBeUndefined()
     })
 
-    test('should include max_active_requests and updated answer icon when saving', () => {
+    it('should include max_active_requests and updated answer icon when saving', () => {
       const { onConfirm } = setup({
         isEditModal: true,
         appMode: AppModeEnum.CHAT,
@@ -545,7 +545,7 @@ describe('CreateAppModal', () => {
       })
     })
 
-    test('should omit max_active_requests when input is empty', () => {
+    it('should omit max_active_requests when input is empty', () => {
       const { onConfirm } = setup({ isEditModal: true, max_active_requests: null })
 
       fireEvent.click(screen.getByRole('button', { name: 'common.operation.save' }))
@@ -557,7 +557,7 @@ describe('CreateAppModal', () => {
       expect(payload.max_active_requests).toBeUndefined()
     })
 
-    test('should omit max_active_requests when input is not a number', () => {
+    it('should omit max_active_requests when input is not a number', () => {
       const { onConfirm } = setup({ isEditModal: true, max_active_requests: null })
 
       fireEvent.change(screen.getByRole('spinbutton'), { target: { value: 'abc' } })
@@ -570,7 +570,7 @@ describe('CreateAppModal', () => {
       expect(payload.max_active_requests).toBeUndefined()
     })
 
-    test('should show toast error and not submit when name becomes empty before debounced submit runs', () => {
+    it('should show toast error and not submit when name becomes empty before debounced submit runs', () => {
       const { onConfirm, onHide } = setup({ appName: 'My App' })
 
       fireEvent.click(screen.getByRole('button', { name: 'common.operation.create' }))
diff --git a/web/app/components/explore/create-app-modal/index.tsx b/web/app/components/explore/create-app-modal/index.tsx
index 84621858be..ccd1280201 100644
--- a/web/app/components/explore/create-app-modal/index.tsx
+++ b/web/app/components/explore/create-app-modal/index.tsx
@@ -1,20 +1,21 @@
 'use client'
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { AppIconType } from '@/types/app'
 import { RiCloseLine, RiCommandLine, RiCornerDownLeftLine } from '@remixicon/react'
 import { useDebounceFn, useKeyPress } from 'ahooks'
-import AppIconPicker from '../../base/app-icon-picker'
-import Modal from '@/app/components/base/modal'
+import { noop } from 'lodash-es'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
+import Modal from '@/app/components/base/modal'
 import Switch from '@/app/components/base/switch'
+import Textarea from '@/app/components/base/textarea'
 import Toast from '@/app/components/base/toast'
-import AppIcon from '@/app/components/base/app-icon'
-import { useProviderContext } from '@/context/provider-context'
 import AppsFull from '@/app/components/billing/apps-full-in-dialog'
-import { type AppIconType, AppModeEnum } from '@/types/app'
-import { noop } from 'lodash-es'
+import { useProviderContext } from '@/context/provider-context'
+import { AppModeEnum } from '@/types/app'
+import AppIconPicker from '../../base/app-icon-picker'
 
 export type CreateAppModalProps = {
   show: boolean
@@ -114,26 +115,26 @@ const CreateAppModal = ({
       <Modal
         isShow={show}
         onClose={noop}
-        className='relative !max-w-[480px] px-8'
+        className="relative !max-w-[480px] px-8"
       >
-        <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onHide}>
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+        <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onHide}>
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
         {isEditModal && (
-          <div className='mb-9 text-xl font-semibold leading-[30px] text-text-primary'>{t('app.editAppTitle')}</div>
+          <div className="mb-9 text-xl font-semibold leading-[30px] text-text-primary">{t('app.editAppTitle')}</div>
         )}
         {!isEditModal && (
-          <div className='mb-9 text-xl font-semibold leading-[30px] text-text-primary'>{t('explore.appCustomize.title', { name: appName })}</div>
+          <div className="mb-9 text-xl font-semibold leading-[30px] text-text-primary">{t('explore.appCustomize.title', { name: appName })}</div>
         )}
-        <div className='mb-9'>
+        <div className="mb-9">
           {/* icon & name */}
-          <div className='pt-2'>
-            <div className='py-2 text-sm font-medium leading-[20px] text-text-primary'>{t('app.newApp.captionName')}</div>
-            <div className='flex items-center justify-between space-x-2'>
+          <div className="pt-2">
+            <div className="py-2 text-sm font-medium leading-[20px] text-text-primary">{t('app.newApp.captionName')}</div>
+            <div className="flex items-center justify-between space-x-2">
               <AppIcon
-                size='large'
+                size="large"
                 onClick={() => { setShowAppIconPicker(true) }}
-                className='cursor-pointer'
+                className="cursor-pointer"
                 iconType={appIcon.type}
                 icon={appIcon.type === 'image' ? appIcon.fileId : appIcon.icon}
                 background={appIcon.type === 'image' ? undefined : appIcon.background}
@@ -143,15 +144,15 @@ const CreateAppModal = ({
                 value={name}
                 onChange={e => setName(e.target.value)}
                 placeholder={t('app.newApp.appNamePlaceholder') || ''}
-                className='h-10 grow'
+                className="h-10 grow"
               />
             </div>
           </div>
           {/* description */}
-          <div className='pt-2'>
-            <div className='py-2 text-sm font-medium leading-[20px] text-text-primary'>{t('app.newApp.captionDescription')}</div>
+          <div className="pt-2">
+            <div className="py-2 text-sm font-medium leading-[20px] text-text-primary">{t('app.newApp.captionDescription')}</div>
             <Textarea
-              className='resize-none'
+              className="resize-none"
               placeholder={t('app.newApp.appDescriptionPlaceholder') || ''}
               value={description}
               onChange={e => setDescription(e.target.value)}
@@ -159,63 +160,65 @@ const CreateAppModal = ({
           </div>
           {/* answer icon */}
           {isEditModal && (appMode === AppModeEnum.CHAT || appMode === AppModeEnum.ADVANCED_CHAT || appMode === AppModeEnum.AGENT_CHAT) && (
-            <div className='pt-2'>
-              <div className='flex items-center justify-between'>
-                <div className='py-2 text-sm font-medium leading-[20px] text-text-primary'>{t('app.answerIcon.title')}</div>
+            <div className="pt-2">
+              <div className="flex items-center justify-between">
+                <div className="py-2 text-sm font-medium leading-[20px] text-text-primary">{t('app.answerIcon.title')}</div>
                 <Switch
                   defaultValue={useIconAsAnswerIcon}
                   onChange={v => setUseIconAsAnswerIcon(v)}
                 />
               </div>
-              <p className='body-xs-regular text-text-tertiary'>{t('app.answerIcon.descriptionInExplore')}</p>
+              <p className="body-xs-regular text-text-tertiary">{t('app.answerIcon.descriptionInExplore')}</p>
             </div>
           )}
           {isEditModal && (
-            <div className='pt-2'>
-              <div className='mb-2 mt-2 text-sm font-medium leading-[20px] text-text-primary'>{t('app.maxActiveRequests')}</div>
+            <div className="pt-2">
+              <div className="mb-2 mt-2 text-sm font-medium leading-[20px] text-text-primary">{t('app.maxActiveRequests')}</div>
               <Input
-                type='number'
+                type="number"
                 min={1}
                 placeholder={t('app.maxActiveRequestsPlaceholder')}
                 value={maxActiveRequestsInput}
                 onChange={(e) => {
                   setMaxActiveRequestsInput(e.target.value)
                 }}
-                className='h-10 w-full'
+                className="h-10 w-full"
               />
-              <p className='body-xs-regular mb-0 mt-2 text-text-tertiary'>{t('app.maxActiveRequestsTip')}</p>
+              <p className="body-xs-regular mb-0 mt-2 text-text-tertiary">{t('app.maxActiveRequestsTip')}</p>
             </div>
           )}
-          {!isEditModal && isAppsFull && <AppsFull className='mt-4' loc='app-explore-create' />}
+          {!isEditModal && isAppsFull && <AppsFull className="mt-4" loc="app-explore-create" />}
         </div>
-        <div className='flex flex-row-reverse'>
+        <div className="flex flex-row-reverse">
           <Button
             disabled={(!isEditModal && isAppsFull) || !name.trim() || confirmDisabled}
-            className='ml-2 w-24 gap-1'
-            variant='primary'
+            className="ml-2 w-24 gap-1"
+            variant="primary"
             onClick={handleSubmit}
           >
             <span>{!isEditModal ? t('common.operation.create') : t('common.operation.save')}</span>
-            <div className='flex gap-0.5'>
-              <RiCommandLine size={14} className='system-kbd rounded-sm bg-components-kbd-bg-white p-0.5' />
-              <RiCornerDownLeftLine size={14} className='system-kbd rounded-sm bg-components-kbd-bg-white p-0.5' />
+            <div className="flex gap-0.5">
+              <RiCommandLine size={14} className="system-kbd rounded-sm bg-components-kbd-bg-white p-0.5" />
+              <RiCornerDownLeftLine size={14} className="system-kbd rounded-sm bg-components-kbd-bg-white p-0.5" />
             </div>
           </Button>
-          <Button className='w-24' onClick={onHide}>{t('common.operation.cancel')}</Button>
+          <Button className="w-24" onClick={onHide}>{t('common.operation.cancel')}</Button>
         </div>
       </Modal>
-      {showAppIconPicker && <AppIconPicker
-        onSelect={(payload) => {
-          setAppIcon(payload)
-          setShowAppIconPicker(false)
-        }}
-        onClose={() => {
-          setAppIcon(appIconType === 'image'
-            ? { type: 'image' as const, url: appIconUrl, fileId: _appIcon }
-            : { type: 'emoji' as const, icon: _appIcon, background: appIconBackground })
-          setShowAppIconPicker(false)
-        }}
-      />}
+      {showAppIconPicker && (
+        <AppIconPicker
+          onSelect={(payload) => {
+            setAppIcon(payload)
+            setShowAppIconPicker(false)
+          }}
+          onClose={() => {
+            setAppIcon(appIconType === 'image'
+              ? { type: 'image' as const, url: appIconUrl, fileId: _appIcon }
+              : { type: 'emoji' as const, icon: _appIcon, background: appIconBackground })
+            setShowAppIconPicker(false)
+          }}
+        />
+      )}
     </>
   )
 }
diff --git a/web/app/components/explore/index.tsx b/web/app/components/explore/index.tsx
index b9460f8135..d9919e90d9 100644
--- a/web/app/components/explore/index.tsx
+++ b/web/app/components/explore/index.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useState } from 'react'
+import type { InstalledApp } from '@/models/explore'
 import { useRouter } from 'next/navigation'
-import ExploreContext from '@/context/explore-context'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Sidebar from '@/app/components/explore/sidebar'
 import { useAppContext } from '@/context/app-context'
-import type { InstalledApp } from '@/models/explore'
-import { useTranslation } from 'react-i18next'
+import ExploreContext from '@/context/explore-context'
 import useDocumentTitle from '@/hooks/use-document-title'
 import { useMembers } from '@/service/use-common'
 
@@ -41,7 +41,7 @@ const Explore: FC<IExploreProps> = ({
   }, [isCurrentWorkspaceDatasetOperator])
 
   return (
-    <div className='flex h-full overflow-hidden border-t border-divider-regular bg-background-body'>
+    <div className="flex h-full overflow-hidden border-t border-divider-regular bg-background-body">
       <ExploreContext.Provider
         value={
           {
@@ -56,7 +56,7 @@ const Explore: FC<IExploreProps> = ({
         }
       >
         <Sidebar controlUpdateInstalledApps={controlUpdateInstalledApps} />
-        <div className='w-0 grow'>
+        <div className="w-0 grow">
           {children}
         </div>
       </ExploreContext.Provider>
diff --git a/web/app/components/explore/installed-app/index.spec.tsx b/web/app/components/explore/installed-app/index.spec.tsx
index 9065e05afb..bb0fd63db6 100644
--- a/web/app/components/explore/installed-app/index.spec.tsx
+++ b/web/app/components/explore/installed-app/index.spec.tsx
@@ -1,7 +1,14 @@
 import type { Mock } from 'vitest'
+import type { InstalledApp as InstalledAppType } from '@/models/explore'
 import { render, screen, waitFor } from '@testing-library/react'
-import { AppModeEnum } from '@/types/app'
+import { useContext } from 'use-context-selector'
+
+import { useWebAppStore } from '@/context/web-app-context'
 import { AccessMode } from '@/models/access-control'
+import { useGetUserCanAccessApp } from '@/service/access-control'
+import { useGetInstalledAppAccessModeByAppId, useGetInstalledAppMeta, useGetInstalledAppParams } from '@/service/use-explore'
+import { AppModeEnum } from '@/types/app'
+import InstalledApp from './index'
 
 // Mock external dependencies BEFORE imports
 vi.mock('use-context-selector', () => ({
@@ -20,13 +27,6 @@ vi.mock('@/service/use-explore', () => ({
   useGetInstalledAppMeta: vi.fn(),
 }))
 
-import { useContext } from 'use-context-selector'
-import InstalledApp from './index'
-import { useWebAppStore } from '@/context/web-app-context'
-import { useGetUserCanAccessApp } from '@/service/access-control'
-import { useGetInstalledAppAccessModeByAppId, useGetInstalledAppMeta, useGetInstalledAppParams } from '@/service/use-explore'
-import type { InstalledApp as InstalledAppType } from '@/models/explore'
-
 /**
  * Mock child components for unit testing
  *
@@ -69,7 +69,9 @@ vi.mock('@/app/components/base/chat/chat-with-history', () => ({
     className?: string
   }) => (
     <div data-testid="chat-with-history" className={className}>
-      Chat With History - {installedAppInfo?.id}
+      Chat With History -
+      {' '}
+      {installedAppInfo?.id}
     </div>
   ),
 }))
diff --git a/web/app/components/explore/installed-app/index.tsx b/web/app/components/explore/installed-app/index.tsx
index 18aab337d2..cd8bc468fb 100644
--- a/web/app/components/explore/installed-app/index.tsx
+++ b/web/app/components/explore/installed-app/index.tsx
@@ -1,18 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import { useEffect } from 'react'
-import React from 'react'
+import type { AppData } from '@/models/share'
+import React, { useEffect } from 'react'
 import { useContext } from 'use-context-selector'
-import ExploreContext from '@/context/explore-context'
-import TextGenerationApp from '@/app/components/share/text-generation'
-import Loading from '@/app/components/base/loading'
 import ChatWithHistory from '@/app/components/base/chat/chat-with-history'
+import Loading from '@/app/components/base/loading'
+import TextGenerationApp from '@/app/components/share/text-generation'
+import ExploreContext from '@/context/explore-context'
 import { useWebAppStore } from '@/context/web-app-context'
-import AppUnavailable from '../../base/app-unavailable'
 import { useGetUserCanAccessApp } from '@/service/access-control'
 import { useGetInstalledAppAccessModeByAppId, useGetInstalledAppMeta, useGetInstalledAppParams } from '@/service/use-explore'
-import type { AppData } from '@/models/share'
 import { AppModeEnum } from '@/types/app'
+import AppUnavailable from '../../base/app-unavailable'
 
 export type IInstalledAppProps = {
   id: string
@@ -67,44 +66,58 @@ const InstalledApp: FC<IInstalledAppProps> = ({
   }, [installedApp, appMeta, appParams, updateAppInfo, updateAppParams, updateUserCanAccessApp, updateWebAppMeta, userCanAccessApp, webAppAccessMode, updateWebAppAccessMode])
 
   if (appParamsError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={appParamsError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={appParamsError.message} />
+      </div>
+    )
   }
   if (appMetaError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={appMetaError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={appMetaError.message} />
+      </div>
+    )
   }
   if (useCanAccessAppError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={useCanAccessAppError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={useCanAccessAppError.message} />
+      </div>
+    )
   }
   if (webAppAccessModeError) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable unknownReason={webAppAccessModeError.message} />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable unknownReason={webAppAccessModeError.message} />
+      </div>
+    )
   }
   if (userCanAccessApp && !userCanAccessApp.result) {
-    return <div className='flex h-full flex-col items-center justify-center gap-y-2'>
-      <AppUnavailable className='h-auto w-auto' code={403} unknownReason='no permission.' />
-    </div>
+    return (
+      <div className="flex h-full flex-col items-center justify-center gap-y-2">
+        <AppUnavailable className="h-auto w-auto" code={403} unknownReason="no permission." />
+      </div>
+    )
   }
   if (isFetchingAppParams || isFetchingAppMeta || isFetchingWebAppAccessMode || isFetchingInstalledApps) {
-    return <div className='flex h-full items-center justify-center'>
-      <Loading />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <Loading />
+      </div>
+    )
   }
   if (!installedApp) {
-    return <div className='flex h-full items-center justify-center'>
-      <AppUnavailable code={404} isUnknownReason />
-    </div>
+    return (
+      <div className="flex h-full items-center justify-center">
+        <AppUnavailable code={404} isUnknownReason />
+      </div>
+    )
   }
   return (
-    <div className='h-full bg-background-default py-2 pl-0 pr-2 sm:p-2'>
+    <div className="h-full bg-background-default py-2 pl-0 pr-2 sm:p-2">
       {installedApp?.app.mode !== AppModeEnum.COMPLETION && installedApp?.app.mode !== AppModeEnum.WORKFLOW && (
-        <ChatWithHistory installedAppInfo={installedApp} className='overflow-hidden rounded-2xl shadow-md' />
+        <ChatWithHistory installedAppInfo={installedApp} className="overflow-hidden rounded-2xl shadow-md" />
       )}
       {installedApp?.app.mode === AppModeEnum.COMPLETION && (
         <TextGenerationApp isInstalledApp installedAppInfo={installedApp} />
diff --git a/web/app/components/explore/item-operation/index.tsx b/web/app/components/explore/item-operation/index.tsx
index a1b4dfcd7c..bc145a633a 100644
--- a/web/app/components/explore/item-operation/index.tsx
+++ b/web/app/components/explore/item-operation/index.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
 import {
   RiDeleteBinLine,
   RiEditLine,
 } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useBoolean } from 'ahooks'
-import { Pin02 } from '../../base/icons/src/vender/line/general'
-
-import s from './style.module.css'
-import { cn } from '@/utils/classnames'
+import React, { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 
+import { cn } from '@/utils/classnames'
+import { Pin02 } from '../../base/icons/src/vender/line/general'
+import s from './style.module.css'
+
 export type IItemOperationProps = {
   className?: string
   isItemHovering?: boolean
@@ -46,7 +46,7 @@ const ItemOperation: FC<IItemOperationProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={4}
     >
       <PortalToFollowElemTrigger
@@ -59,7 +59,7 @@ const ItemOperation: FC<IItemOperationProps> = ({
       >
         <div
           ref={ref}
-          className={'min-w-[120px] rounded-lg border border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]'}
+          className="min-w-[120px] rounded-lg border border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-[5px]"
           onMouseEnter={setIsHovering}
           onMouseLeave={setNotHovering}
           onClick={(e) => {
@@ -67,17 +67,17 @@ const ItemOperation: FC<IItemOperationProps> = ({
           }}
         >
           <div className={cn(s.actionItem, 'group hover:bg-state-base-hover')} onClick={togglePin}>
-            <Pin02 className='h-4 w-4 shrink-0 text-text-secondary' />
+            <Pin02 className="h-4 w-4 shrink-0 text-text-secondary" />
             <span className={s.actionName}>{isPinned ? t('explore.sidebar.action.unpin') : t('explore.sidebar.action.pin')}</span>
           </div>
           {isShowRenameConversation && (
             <div className={cn(s.actionItem, 'group hover:bg-state-base-hover')} onClick={onRenameConversation}>
-              <RiEditLine className='h-4 w-4 shrink-0 text-text-secondary' />
+              <RiEditLine className="h-4 w-4 shrink-0 text-text-secondary" />
               <span className={s.actionName}>{t('explore.sidebar.action.rename')}</span>
             </div>
           )}
           {isShowDelete && (
-            <div className={cn(s.actionItem, s.deleteActionItem, 'group hover:bg-state-base-hover')} onClick={onDelete} >
+            <div className={cn(s.actionItem, s.deleteActionItem, 'group hover:bg-state-base-hover')} onClick={onDelete}>
               <RiDeleteBinLine className={cn(s.deleteActionItemChild, 'h-4 w-4 shrink-0 stroke-current stroke-2 text-text-secondary')} />
               <span className={cn(s.actionName, s.deleteActionItemChild)}>{t('explore.sidebar.action.delete')}</span>
             </div>
diff --git a/web/app/components/explore/sidebar/app-nav-item/index.tsx b/web/app/components/explore/sidebar/app-nav-item/index.tsx
index 9420152b0e..37163de42a 100644
--- a/web/app/components/explore/sidebar/app-nav-item/index.tsx
+++ b/web/app/components/explore/sidebar/app-nav-item/index.tsx
@@ -1,13 +1,13 @@
 'use client'
-import React, { useRef } from 'react'
-
-import { useRouter } from 'next/navigation'
-import { useHover } from 'ahooks'
-import { cn } from '@/utils/classnames'
-import ItemOperation from '@/app/components/explore/item-operation'
-import AppIcon from '@/app/components/base/app-icon'
 import type { AppIconType } from '@/types/app'
 
+import { useHover } from 'ahooks'
+import { useRouter } from 'next/navigation'
+import React, { useRef } from 'react'
+import AppIcon from '@/app/components/base/app-icon'
+import ItemOperation from '@/app/components/explore/item-operation'
+import { cn } from '@/utils/classnames'
+
 export type IAppNavItemProps = {
   isMobile: boolean
   name: string
@@ -45,21 +45,19 @@ export default function AppNavItem({
     <div
       ref={ref}
       key={id}
-      className={cn('system-sm-medium flex h-8 items-center justify-between rounded-lg px-2 text-sm font-normal text-components-menu-item-text mobile:justify-center mobile:px-1',
-        isSelected ? 'bg-state-base-active text-components-menu-item-text-active' : 'hover:bg-state-base-hover hover:text-components-menu-item-text-hover',
-      )}
+      className={cn('system-sm-medium flex h-8 items-center justify-between rounded-lg px-2 text-sm font-normal text-components-menu-item-text mobile:justify-center mobile:px-1', isSelected ? 'bg-state-base-active text-components-menu-item-text-active' : 'hover:bg-state-base-hover hover:text-components-menu-item-text-hover')}
       onClick={() => {
         router.push(url) // use Link causes popup item always trigger jump. Can not be solved by e.stopPropagation().
       }}
     >
-      {isMobile && <AppIcon size='tiny' iconType={icon_type} icon={icon} background={icon_background} imageUrl={icon_url} />}
+      {isMobile && <AppIcon size="tiny" iconType={icon_type} icon={icon} background={icon_background} imageUrl={icon_url} />}
       {!isMobile && (
         <>
-          <div className='flex w-0 grow items-center space-x-2'>
-            <AppIcon size='tiny' iconType={icon_type} icon={icon} background={icon_background} imageUrl={icon_url} />
-            <div className='overflow-hidden text-ellipsis whitespace-nowrap' title={name}>{name}</div>
+          <div className="flex w-0 grow items-center space-x-2">
+            <AppIcon size="tiny" iconType={icon_type} icon={icon} background={icon_background} imageUrl={icon_url} />
+            <div className="overflow-hidden text-ellipsis whitespace-nowrap" title={name}>{name}</div>
           </div>
-          <div className='h-6 shrink-0' onClick={e => e.stopPropagation()}>
+          <div className="h-6 shrink-0" onClick={e => e.stopPropagation()}>
             <ItemOperation
               isPinned={isPinned}
               isItemHovering={isHovering}
diff --git a/web/app/components/explore/sidebar/index.tsx b/web/app/components/explore/sidebar/index.tsx
index 8fa94030ff..d178e65cbe 100644
--- a/web/app/components/explore/sidebar/index.tsx
+++ b/web/app/components/explore/sidebar/index.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
+import Link from 'next/link'
+import { useSelectedLayoutSegments } from 'next/navigation'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { useSelectedLayoutSegments } from 'next/navigation'
-import Link from 'next/link'
-import Toast from '../../base/toast'
-import Item from './app-nav-item'
-import { cn } from '@/utils/classnames'
-import ExploreContext from '@/context/explore-context'
 import Confirm from '@/app/components/base/confirm'
 import Divider from '@/app/components/base/divider'
+import ExploreContext from '@/context/explore-context'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import { useGetInstalledApps, useUninstallApp, useUpdateAppPinStatus } from '@/service/use-explore'
+import { cn } from '@/utils/classnames'
+import Toast from '../../base/toast'
+import Item from './app-nav-item'
 
 const SelectedDiscoveryIcon = () => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="current" xmlns="http://www.w3.org/2000/svg">
@@ -83,22 +83,22 @@ const SideBar: FC<IExploreSideBarProps> = ({
 
   const pinnedAppsCount = installedApps.filter(({ is_pinned }) => is_pinned).length
   return (
-    <div className='w-fit shrink-0 cursor-pointer border-r border-divider-burn px-4 pt-6 sm:w-[216px]'>
+    <div className="w-fit shrink-0 cursor-pointer border-r border-divider-burn px-4 pt-6 sm:w-[216px]">
       <div className={cn(isDiscoverySelected ? 'text-text-accent' : 'text-text-tertiary')}>
         <Link
-          href='/explore/apps'
-          className={cn(isDiscoverySelected ? ' bg-components-main-nav-nav-button-bg-active' : 'font-medium hover:bg-state-base-hover',
-            'flex h-9 items-center gap-2 rounded-lg px-3 mobile:w-fit mobile:justify-center mobile:px-2 pc:w-full pc:justify-start')}
+          href="/explore/apps"
+          className={cn(isDiscoverySelected ? ' bg-components-main-nav-nav-button-bg-active' : 'font-medium hover:bg-state-base-hover', 'flex h-9 items-center gap-2 rounded-lg px-3 mobile:w-fit mobile:justify-center mobile:px-2 pc:w-full pc:justify-start')}
           style={isDiscoverySelected ? { boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)' } : {}}
         >
           {isDiscoverySelected ? <SelectedDiscoveryIcon /> : <DiscoveryIcon />}
-          {!isMobile && <div className='text-sm'>{t('explore.sidebar.discovery')}</div>}
+          {!isMobile && <div className="text-sm">{t('explore.sidebar.discovery')}</div>}
         </Link>
       </div>
       {installedApps.length > 0 && (
-        <div className='mt-10'>
-          <p className='break-all pl-2 text-xs font-medium uppercase text-text-tertiary mobile:px-0'>{t('explore.sidebar.workspace')}</p>
-          <div className='mt-3 space-y-1 overflow-y-auto overflow-x-hidden'
+        <div className="mt-10">
+          <p className="break-all pl-2 text-xs font-medium uppercase text-text-tertiary mobile:px-0">{t('explore.sidebar.workspace')}</p>
+          <div
+            className="mt-3 space-y-1 overflow-y-auto overflow-x-hidden"
             style={{
               height: 'calc(100vh - 250px)',
             }}
diff --git a/web/app/components/goto-anything/actions/app.tsx b/web/app/components/goto-anything/actions/app.tsx
index 6fcefd3534..496475eacb 100644
--- a/web/app/components/goto-anything/actions/app.tsx
+++ b/web/app/components/goto-anything/actions/app.tsx
@@ -1,9 +1,9 @@
 import type { ActionItem, AppSearchResult } from './types'
 import type { App } from '@/types/app'
 import { fetchAppList } from '@/service/apps'
-import AppIcon from '../../base/app-icon'
-import { AppTypeIcon } from '../../app/type-selector'
 import { getRedirectionPath } from '@/utils/app-redirection'
+import { AppTypeIcon } from '../../app/type-selector'
+import AppIcon from '../../base/app-icon'
 
 const parser = (apps: App[]): AppSearchResult[] => {
   return apps.map(app => ({
@@ -16,16 +16,19 @@ const parser = (apps: App[]): AppSearchResult[] => {
       mode: app.mode,
     }),
     icon: (
-      <div className='relative shrink-0'>
+      <div className="relative shrink-0">
         <AppIcon
-          size='large'
+          size="large"
           iconType={app.icon_type}
           icon={app.icon}
           background={app.icon_background}
           imageUrl={app.icon_url}
         />
-        <AppTypeIcon wrapperClassName='absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[4px] border border-divider-regular outline outline-components-panel-on-panel-item-bg'
-          className='h-3 w-3' type={app.mode} />
+        <AppTypeIcon
+          wrapperClassName="absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[4px] border border-divider-regular outline outline-components-panel-on-panel-item-bg"
+          className="h-3 w-3"
+          type={app.mode}
+        />
       </div>
     ),
     data: app,
diff --git a/web/app/components/goto-anything/actions/commands/account.tsx b/web/app/components/goto-anything/actions/commands/account.tsx
index 65fadb54c8..82fc24ccb9 100644
--- a/web/app/components/goto-anything/actions/commands/account.tsx
+++ b/web/app/components/goto-anything/actions/commands/account.tsx
@@ -1,6 +1,6 @@
 import type { SlashCommandHandler } from './types'
-import React from 'react'
 import { RiUser3Line } from '@remixicon/react'
+import React from 'react'
 import i18n from '@/i18n-config/i18next-config'
 import { registerCommands, unregisterCommands } from './command-bus'
 
@@ -27,8 +27,8 @@ export const accountCommand: SlashCommandHandler<AccountDeps> = {
       description: i18n.t('app.gotoAnything.actions.accountDesc', { lng: locale }),
       type: 'command' as const,
       icon: (
-        <div className='flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg'>
-          <RiUser3Line className='h-4 w-4 text-text-tertiary' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg">
+          <RiUser3Line className="h-4 w-4 text-text-tertiary" />
         </div>
       ),
       data: { command: 'navigation.account', args: {} },
diff --git a/web/app/components/goto-anything/actions/commands/community.tsx b/web/app/components/goto-anything/actions/commands/community.tsx
index af59fd1127..3327c44c20 100644
--- a/web/app/components/goto-anything/actions/commands/community.tsx
+++ b/web/app/components/goto-anything/actions/commands/community.tsx
@@ -1,6 +1,6 @@
 import type { SlashCommandHandler } from './types'
-import React from 'react'
 import { RiDiscordLine } from '@remixicon/react'
+import React from 'react'
 import i18n from '@/i18n-config/i18next-config'
 import { registerCommands, unregisterCommands } from './command-bus'
 
@@ -28,8 +28,8 @@ export const communityCommand: SlashCommandHandler<CommunityDeps> = {
       description: i18n.t('app.gotoAnything.actions.communityDesc', { lng: locale }) || 'Open Discord community',
       type: 'command' as const,
       icon: (
-        <div className='flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg'>
-          <RiDiscordLine className='h-4 w-4 text-text-tertiary' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg">
+          <RiDiscordLine className="h-4 w-4 text-text-tertiary" />
         </div>
       ),
       data: { command: 'navigation.community', args: { url: 'https://discord.gg/5AEfbxcd9k' } },
diff --git a/web/app/components/goto-anything/actions/commands/docs.tsx b/web/app/components/goto-anything/actions/commands/docs.tsx
index 2939481348..d802379570 100644
--- a/web/app/components/goto-anything/actions/commands/docs.tsx
+++ b/web/app/components/goto-anything/actions/commands/docs.tsx
@@ -1,10 +1,10 @@
 import type { SlashCommandHandler } from './types'
-import React from 'react'
 import { RiBookOpenLine } from '@remixicon/react'
-import i18n from '@/i18n-config/i18next-config'
-import { registerCommands, unregisterCommands } from './command-bus'
+import React from 'react'
 import { defaultDocBaseUrl } from '@/context/i18n'
+import i18n from '@/i18n-config/i18next-config'
 import { getDocLanguage } from '@/i18n-config/language'
+import { registerCommands, unregisterCommands } from './command-bus'
 
 // Documentation command dependency types - no external dependencies needed
 type DocDeps = Record<string, never>
@@ -32,8 +32,8 @@ export const docsCommand: SlashCommandHandler<DocDeps> = {
       description: i18n.t('app.gotoAnything.actions.docDesc', { lng: locale }) || 'Open help documentation',
       type: 'command' as const,
       icon: (
-        <div className='flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg'>
-          <RiBookOpenLine className='h-4 w-4 text-text-tertiary' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg">
+          <RiBookOpenLine className="h-4 w-4 text-text-tertiary" />
         </div>
       ),
       data: { command: 'navigation.doc', args: {} },
diff --git a/web/app/components/goto-anything/actions/commands/forum.tsx b/web/app/components/goto-anything/actions/commands/forum.tsx
index 66237cb348..50fc55211c 100644
--- a/web/app/components/goto-anything/actions/commands/forum.tsx
+++ b/web/app/components/goto-anything/actions/commands/forum.tsx
@@ -1,6 +1,6 @@
 import type { SlashCommandHandler } from './types'
-import React from 'react'
 import { RiFeedbackLine } from '@remixicon/react'
+import React from 'react'
 import i18n from '@/i18n-config/i18next-config'
 import { registerCommands, unregisterCommands } from './command-bus'
 
@@ -28,8 +28,8 @@ export const forumCommand: SlashCommandHandler<ForumDeps> = {
       description: i18n.t('app.gotoAnything.actions.feedbackDesc', { lng: locale }) || 'Open community feedback discussions',
       type: 'command' as const,
       icon: (
-        <div className='flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg'>
-          <RiFeedbackLine className='h-4 w-4 text-text-tertiary' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg">
+          <RiFeedbackLine className="h-4 w-4 text-text-tertiary" />
         </div>
       ),
       data: { command: 'navigation.forum', args: { url: 'https://forum.dify.ai' } },
diff --git a/web/app/components/goto-anything/actions/commands/index.ts b/web/app/components/goto-anything/actions/commands/index.ts
index c708fc391e..72388f6565 100644
--- a/web/app/components/goto-anything/actions/commands/index.ts
+++ b/web/app/components/goto-anything/actions/commands/index.ts
@@ -1,15 +1,15 @@
-// Command system exports
-export { slashAction } from './slash'
-export { registerSlashCommands, unregisterSlashCommands, SlashCommandProvider } from './slash'
-
-// Command registry system (for extending with custom commands)
-export { slashCommandRegistry, SlashCommandRegistry } from './registry'
-export type { SlashCommandHandler } from './types'
-
 // Command bus (for extending with custom commands)
 export {
+  type CommandHandler,
   executeCommand,
   registerCommands,
   unregisterCommands,
-  type CommandHandler,
 } from './command-bus'
+// Command registry system (for extending with custom commands)
+export { slashCommandRegistry, SlashCommandRegistry } from './registry'
+
+// Command system exports
+export { slashAction } from './slash'
+export { registerSlashCommands, SlashCommandProvider, unregisterSlashCommands } from './slash'
+
+export type { SlashCommandHandler } from './types'
diff --git a/web/app/components/goto-anything/actions/commands/language.tsx b/web/app/components/goto-anything/actions/commands/language.tsx
index 9af378ceef..f5644a0518 100644
--- a/web/app/components/goto-anything/actions/commands/language.tsx
+++ b/web/app/components/goto-anything/actions/commands/language.tsx
@@ -1,7 +1,7 @@
-import type { SlashCommandHandler } from './types'
 import type { CommandSearchResult } from '../types'
-import { languages } from '@/i18n-config/language'
+import type { SlashCommandHandler } from './types'
 import i18n from '@/i18n-config/i18next-config'
+import { languages } from '@/i18n-config/language'
 import { registerCommands, unregisterCommands } from './command-bus'
 
 // Language dependency types
diff --git a/web/app/components/goto-anything/actions/commands/registry.ts b/web/app/components/goto-anything/actions/commands/registry.ts
index d78e778480..51beef4c0b 100644
--- a/web/app/components/goto-anything/actions/commands/registry.ts
+++ b/web/app/components/goto-anything/actions/commands/registry.ts
@@ -1,5 +1,5 @@
-import type { SlashCommandHandler } from './types'
 import type { CommandSearchResult } from '../types'
+import type { SlashCommandHandler } from './types'
 
 /**
  * Slash Command Registry System
diff --git a/web/app/components/goto-anything/actions/commands/slash.tsx b/web/app/components/goto-anything/actions/commands/slash.tsx
index 35fdf40e7d..4c43b5b61e 100644
--- a/web/app/components/goto-anything/actions/commands/slash.tsx
+++ b/web/app/components/goto-anything/actions/commands/slash.tsx
@@ -1,18 +1,18 @@
 'use client'
-import { useEffect } from 'react'
 import type { ActionItem } from '../types'
-import { slashCommandRegistry } from './registry'
-import { executeCommand } from './command-bus'
 import { useTheme } from 'next-themes'
+import { useEffect } from 'react'
 import { setLocaleOnClient } from '@/i18n-config'
-import { themeCommand } from './theme'
-import { languageCommand } from './language'
-import { forumCommand } from './forum'
-import { docsCommand } from './docs'
-import { communityCommand } from './community'
-import { accountCommand } from './account'
-import { zenCommand } from './zen'
 import i18n from '@/i18n-config/i18next-config'
+import { accountCommand } from './account'
+import { executeCommand } from './command-bus'
+import { communityCommand } from './community'
+import { docsCommand } from './docs'
+import { forumCommand } from './forum'
+import { languageCommand } from './language'
+import { slashCommandRegistry } from './registry'
+import { themeCommand } from './theme'
+import { zenCommand } from './zen'
 
 export const slashAction: ActionItem = {
   key: '/',
@@ -20,7 +20,8 @@ export const slashAction: ActionItem = {
   title: i18n.t('app.gotoAnything.actions.slashTitle'),
   description: i18n.t('app.gotoAnything.actions.slashDesc'),
   action: (result) => {
-    if (result.type !== 'command') return
+    if (result.type !== 'command')
+      return
     const { command, args } = result.data
     executeCommand(command, args)
   },
diff --git a/web/app/components/goto-anything/actions/commands/theme.tsx b/web/app/components/goto-anything/actions/commands/theme.tsx
index ccba50f57d..c70e4378d6 100644
--- a/web/app/components/goto-anything/actions/commands/theme.tsx
+++ b/web/app/components/goto-anything/actions/commands/theme.tsx
@@ -1,8 +1,8 @@
-import type { SlashCommandHandler } from './types'
-import type { CommandSearchResult } from '../types'
 import type { ReactNode } from 'react'
-import React from 'react'
+import type { CommandSearchResult } from '../types'
+import type { SlashCommandHandler } from './types'
 import { RiComputerLine, RiMoonLine, RiSunLine } from '@remixicon/react'
+import React from 'react'
 import i18n from '@/i18n-config/i18next-config'
 import { registerCommands, unregisterCommands } from './command-bus'
 
@@ -11,24 +11,24 @@ type ThemeDeps = {
   setTheme?: (value: 'light' | 'dark' | 'system') => void
 }
 
-const THEME_ITEMS: { id: 'light' | 'dark' | 'system'; titleKey: string; descKey: string; icon: ReactNode }[] = [
+const THEME_ITEMS: { id: 'light' | 'dark' | 'system', titleKey: string, descKey: string, icon: ReactNode }[] = [
   {
     id: 'system',
     titleKey: 'app.gotoAnything.actions.themeSystem',
     descKey: 'app.gotoAnything.actions.themeSystemDesc',
-    icon: <RiComputerLine className='h-4 w-4 text-text-tertiary' />,
+    icon: <RiComputerLine className="h-4 w-4 text-text-tertiary" />,
   },
   {
     id: 'light',
     titleKey: 'app.gotoAnything.actions.themeLight',
     descKey: 'app.gotoAnything.actions.themeLightDesc',
-    icon: <RiSunLine className='h-4 w-4 text-text-tertiary' />,
+    icon: <RiSunLine className="h-4 w-4 text-text-tertiary" />,
   },
   {
     id: 'dark',
     titleKey: 'app.gotoAnything.actions.themeDark',
     descKey: 'app.gotoAnything.actions.themeDarkDesc',
-    icon: <RiMoonLine className='h-4 w-4 text-text-tertiary' />,
+    icon: <RiMoonLine className="h-4 w-4 text-text-tertiary" />,
   },
 ]
 
@@ -45,7 +45,7 @@ const buildThemeCommands = (query: string, locale?: string): CommandSearchResult
     description: i18n.t(item.descKey, { lng: locale }),
     type: 'command' as const,
     icon: (
-      <div className='flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg'>
+      <div className="flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg">
         {item.icon}
       </div>
     ),
diff --git a/web/app/components/goto-anything/actions/commands/zen.tsx b/web/app/components/goto-anything/actions/commands/zen.tsx
index 729f5c8639..e8ee4c8087 100644
--- a/web/app/components/goto-anything/actions/commands/zen.tsx
+++ b/web/app/components/goto-anything/actions/commands/zen.tsx
@@ -1,9 +1,9 @@
 import type { SlashCommandHandler } from './types'
-import React from 'react'
 import { RiFullscreenLine } from '@remixicon/react'
+import React from 'react'
+import { isInWorkflowPage } from '@/app/components/workflow/constants'
 import i18n from '@/i18n-config/i18next-config'
 import { registerCommands, unregisterCommands } from './command-bus'
-import { isInWorkflowPage } from '@/app/components/workflow/constants'
 
 // Zen command dependency types - no external dependencies needed
 type ZenDeps = Record<string, never>
@@ -38,8 +38,8 @@ export const zenCommand: SlashCommandHandler<ZenDeps> = {
       description: i18n.t('app.gotoAnything.actions.zenDesc', { lng: locale }) || 'Toggle canvas focus mode',
       type: 'command' as const,
       icon: (
-        <div className='flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg'>
-          <RiFullscreenLine className='h-4 w-4 text-text-tertiary' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-divider-regular bg-components-panel-bg">
+          <RiFullscreenLine className="h-4 w-4 text-text-tertiary" />
         </div>
       ),
       data: { command: 'workflow.zen', args: {} },
diff --git a/web/app/components/goto-anything/actions/index.ts b/web/app/components/goto-anything/actions/index.ts
index 6f8bb9564c..a038ef1a6c 100644
--- a/web/app/components/goto-anything/actions/index.ts
+++ b/web/app/components/goto-anything/actions/index.ts
@@ -163,14 +163,14 @@
  * - `/` - Execute slash commands (theme, language, etc.)
  */
 
-import { appAction } from './app'
-import { knowledgeAction } from './knowledge'
-import { pluginAction } from './plugin'
-import { workflowNodesAction } from './workflow-nodes'
-import { ragPipelineNodesAction } from './rag-pipeline-nodes'
 import type { ActionItem, SearchResult } from './types'
+import { appAction } from './app'
 import { slashAction } from './commands'
 import { slashCommandRegistry } from './commands/registry'
+import { knowledgeAction } from './knowledge'
+import { pluginAction } from './plugin'
+import { ragPipelineNodesAction } from './rag-pipeline-nodes'
+import { workflowNodesAction } from './workflow-nodes'
 
 // Create dynamic Actions based on context
 export const createActions = (isWorkflowPage: boolean, isRagPipelinePage: boolean) => {
@@ -294,6 +294,6 @@ export const matchAction = (query: string, actions: Record<string, ActionItem>)
   })
 }
 
-export * from './types'
 export * from './commands'
+export * from './types'
 export { appAction, knowledgeAction, pluginAction, workflowNodesAction }
diff --git a/web/app/components/goto-anything/actions/knowledge.tsx b/web/app/components/goto-anything/actions/knowledge.tsx
index 8c1be9a3ef..9531a3551f 100644
--- a/web/app/components/goto-anything/actions/knowledge.tsx
+++ b/web/app/components/goto-anything/actions/knowledge.tsx
@@ -1,8 +1,8 @@
 import type { ActionItem, KnowledgeSearchResult } from './types'
 import type { DataSet } from '@/models/datasets'
 import { fetchDatasets } from '@/service/datasets'
-import { Folder } from '../../base/icons/src/vender/solid/files'
 import { cn } from '@/utils/classnames'
+import { Folder } from '../../base/icons/src/vender/solid/files'
 
 const EXTERNAL_PROVIDER = 'external' as const
 const isExternalProvider = (provider: string): boolean => provider === EXTERNAL_PROVIDER
@@ -20,8 +20,9 @@ const parser = (datasets: DataSet[]): KnowledgeSearchResult[] => {
         <div className={cn(
           'flex shrink-0 items-center justify-center rounded-md border-[0.5px] border-[#E0EAFF] bg-[#F5F8FF] p-2.5',
           !dataset.embedding_available && 'opacity-50 hover:opacity-100',
-        )}>
-          <Folder className='h-5 w-5 text-[#444CE7]' />
+        )}
+        >
+          <Folder className="h-5 w-5 text-[#444CE7]" />
         </div>
       ),
       data: dataset,
diff --git a/web/app/components/goto-anything/actions/plugin.tsx b/web/app/components/goto-anything/actions/plugin.tsx
index 69edbc3cc0..07197b8198 100644
--- a/web/app/components/goto-anything/actions/plugin.tsx
+++ b/web/app/components/goto-anything/actions/plugin.tsx
@@ -1,8 +1,8 @@
+import type { Plugin, PluginsFromMarketplaceResponse } from '../../plugins/types'
 import type { ActionItem, PluginSearchResult } from './types'
 import { renderI18nObject } from '@/i18n-config'
-import Icon from '../../plugins/card/base/card-icon'
 import { postMarketplace } from '@/service/base'
-import type { Plugin, PluginsFromMarketplaceResponse } from '../../plugins/types'
+import Icon from '../../plugins/card/base/card-icon'
 import { getPluginIconInMarketplace } from '../../plugins/marketplace/utils'
 
 const parser = (plugins: Plugin[], locale: string): PluginSearchResult[] => {
diff --git a/web/app/components/goto-anything/actions/types.ts b/web/app/components/goto-anything/actions/types.ts
index 883d7cdf7d..838195ad85 100644
--- a/web/app/components/goto-anything/actions/types.ts
+++ b/web/app/components/goto-anything/actions/types.ts
@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react'
 import type { TypeWithI18N } from '../../base/form/types'
-import type { App } from '@/types/app'
 import type { Plugin } from '../../plugins/types'
-import type { DataSet } from '@/models/datasets'
 import type { CommonNodeType } from '../../workflow/types'
+import type { DataSet } from '@/models/datasets'
+import type { App } from '@/types/app'
 
 export type SearchResultType = 'app' | 'knowledge' | 'plugin' | 'workflow-node' | 'command'
 
@@ -39,7 +39,7 @@ export type WorkflowNodeSearchResult = {
 
 export type CommandSearchResult = {
   type: 'command'
-} & BaseSearchResult<{ command: string; args?: Record<string, any> }>
+} & BaseSearchResult<{ command: string, args?: Record<string, any> }>
 
 export type SearchResult = AppSearchResult | PluginSearchResult | KnowledgeSearchResult | WorkflowNodeSearchResult | CommandSearchResult
 
diff --git a/web/app/components/goto-anything/command-selector.spec.tsx b/web/app/components/goto-anything/command-selector.spec.tsx
index 4203ec07e0..40e67789cb 100644
--- a/web/app/components/goto-anything/command-selector.spec.tsx
+++ b/web/app/components/goto-anything/command-selector.spec.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
+import type { ActionItem } from './actions/types'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { Command } from 'cmdk'
+import React from 'react'
 import CommandSelector from './command-selector'
-import type { ActionItem } from './actions/types'
 
 vi.mock('next/navigation', () => ({
   usePathname: () => '/app',
@@ -40,7 +40,7 @@ const createActions = (): Record<string, ActionItem> => ({
 })
 
 describe('CommandSelector', () => {
-  test('should list contextual search actions and notify selection', async () => {
+  it('should list contextual search actions and notify selection', async () => {
     const actions = createActions()
     const onSelect = vi.fn()
 
@@ -49,8 +49,8 @@ describe('CommandSelector', () => {
         <CommandSelector
           actions={actions}
           onCommandSelect={onSelect}
-          searchFilter='app'
-          originalQuery='@app'
+          searchFilter="app"
+          originalQuery="@app"
         />
       </Command>,
     )
@@ -61,7 +61,7 @@ describe('CommandSelector', () => {
     expect(onSelect).toHaveBeenCalledWith('@app')
   })
 
-  test('should render slash commands when query starts with slash', async () => {
+  it('should render slash commands when query starts with slash', async () => {
     const actions = createActions()
     const onSelect = vi.fn()
 
@@ -70,8 +70,8 @@ describe('CommandSelector', () => {
         <CommandSelector
           actions={actions}
           onCommandSelect={onSelect}
-          searchFilter='zen'
-          originalQuery='/zen'
+          searchFilter="zen"
+          originalQuery="/zen"
         />
       </Command>,
     )
diff --git a/web/app/components/goto-anything/command-selector.tsx b/web/app/components/goto-anything/command-selector.tsx
index b17d508520..0d89669ec8 100644
--- a/web/app/components/goto-anything/command-selector.tsx
+++ b/web/app/components/goto-anything/command-selector.tsx
@@ -1,9 +1,9 @@
 import type { FC } from 'react'
-import { useEffect, useMemo } from 'react'
-import { usePathname } from 'next/navigation'
-import { Command } from 'cmdk'
-import { useTranslation } from 'react-i18next'
 import type { ActionItem } from './actions/types'
+import { Command } from 'cmdk'
+import { usePathname } from 'next/navigation'
+import { useEffect, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { slashCommandRegistry } from './actions/commands/registry'
 
 type Props = {
@@ -25,13 +25,15 @@ const CommandSelector: FC<Props> = ({ actions, onCommandSelect, searchFilter, co
   // Get slash commands from registry
   // Note: pathname is included in deps because some commands (like /zen) check isAvailable based on current route
   const slashCommands = useMemo(() => {
-    if (!isSlashMode) return []
+    if (!isSlashMode)
+      return []
 
     const availableCommands = slashCommandRegistry.getAvailableCommands()
     const filter = searchFilter?.toLowerCase() || '' // searchFilter already has '/' removed
 
     return availableCommands.filter((cmd) => {
-      if (!filter) return true
+      if (!filter)
+        return true
       return cmd.name.toLowerCase().includes(filter)
     }).map(cmd => ({
       key: `/${cmd.name}`,
@@ -42,11 +44,13 @@ const CommandSelector: FC<Props> = ({ actions, onCommandSelect, searchFilter, co
   }, [isSlashMode, searchFilter, pathname])
 
   const filteredActions = useMemo(() => {
-    if (isSlashMode) return []
+    if (isSlashMode)
+      return []
 
     return Object.values(actions).filter((action) => {
       // Exclude slash action when in @ mode
-      if (action.key === '/') return false
+      if (action.key === '/')
+        return false
       if (!searchFilter)
         return true
       const filterLower = searchFilter.toLowerCase()
@@ -101,30 +105,32 @@ const CommandSelector: FC<Props> = ({ actions, onCommandSelect, searchFilter, co
               {item.shortcut}
             </span>
             <span className="ml-3 text-sm text-text-secondary">
-              {isSlashMode ? (
-                (() => {
-                  const slashKeyMap: Record<string, string> = {
-                    '/theme': 'app.gotoAnything.actions.themeCategoryDesc',
-                    '/language': 'app.gotoAnything.actions.languageChangeDesc',
-                    '/account': 'app.gotoAnything.actions.accountDesc',
-                    '/feedback': 'app.gotoAnything.actions.feedbackDesc',
-                    '/docs': 'app.gotoAnything.actions.docDesc',
-                    '/community': 'app.gotoAnything.actions.communityDesc',
-                    '/zen': 'app.gotoAnything.actions.zenDesc',
-                  }
-                  return t(slashKeyMap[item.key] || item.description)
-                })()
-              ) : (
-                (() => {
-                  const keyMap: Record<string, string> = {
-                    '@app': 'app.gotoAnything.actions.searchApplicationsDesc',
-                    '@plugin': 'app.gotoAnything.actions.searchPluginsDesc',
-                    '@knowledge': 'app.gotoAnything.actions.searchKnowledgeBasesDesc',
-                    '@node': 'app.gotoAnything.actions.searchWorkflowNodesDesc',
-                  }
-                  return t(keyMap[item.key])
-                })()
-              )}
+              {isSlashMode
+                ? (
+                    (() => {
+                      const slashKeyMap: Record<string, string> = {
+                        '/theme': 'app.gotoAnything.actions.themeCategoryDesc',
+                        '/language': 'app.gotoAnything.actions.languageChangeDesc',
+                        '/account': 'app.gotoAnything.actions.accountDesc',
+                        '/feedback': 'app.gotoAnything.actions.feedbackDesc',
+                        '/docs': 'app.gotoAnything.actions.docDesc',
+                        '/community': 'app.gotoAnything.actions.communityDesc',
+                        '/zen': 'app.gotoAnything.actions.zenDesc',
+                      }
+                      return t(slashKeyMap[item.key] || item.description)
+                    })()
+                  )
+                : (
+                    (() => {
+                      const keyMap: Record<string, string> = {
+                        '@app': 'app.gotoAnything.actions.searchApplicationsDesc',
+                        '@plugin': 'app.gotoAnything.actions.searchPluginsDesc',
+                        '@knowledge': 'app.gotoAnything.actions.searchKnowledgeBasesDesc',
+                        '@node': 'app.gotoAnything.actions.searchWorkflowNodesDesc',
+                      }
+                      return t(keyMap[item.key])
+                    })()
+                  )}
             </span>
           </Command.Item>
         ))}
diff --git a/web/app/components/goto-anything/context.spec.tsx b/web/app/components/goto-anything/context.spec.tsx
index 02f72edfd7..6922e83af1 100644
--- a/web/app/components/goto-anything/context.spec.tsx
+++ b/web/app/components/goto-anything/context.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
 import { GotoAnythingProvider, useGotoAnythingContext } from './context'
 
 let pathnameMock = '/'
@@ -16,7 +16,9 @@ const ContextConsumer = () => {
   const { isWorkflowPage, isRagPipelinePage } = useGotoAnythingContext()
   return (
     <div data-testid="status">
-      {String(isWorkflowPage)}|{String(isRagPipelinePage)}
+      {String(isWorkflowPage)}
+      |
+      {String(isRagPipelinePage)}
     </div>
   )
 }
@@ -27,7 +29,7 @@ describe('GotoAnythingProvider', () => {
     pathnameMock = '/'
   })
 
-  test('should set workflow page flag when workflow path detected', async () => {
+  it('should set workflow page flag when workflow path detected', async () => {
     isWorkflowPageMock = true
     pathnameMock = '/app/123/workflow'
 
@@ -42,7 +44,7 @@ describe('GotoAnythingProvider', () => {
     })
   })
 
-  test('should detect RAG pipeline path based on pathname', async () => {
+  it('should detect RAG pipeline path based on pathname', async () => {
     pathnameMock = '/datasets/abc/pipeline'
 
     render(
diff --git a/web/app/components/goto-anything/context.tsx b/web/app/components/goto-anything/context.tsx
index 25fe2ddf96..e0802d07c5 100644
--- a/web/app/components/goto-anything/context.tsx
+++ b/web/app/components/goto-anything/context.tsx
@@ -1,8 +1,8 @@
 'use client'
 
 import type { ReactNode } from 'react'
-import React, { createContext, useContext, useEffect, useState } from 'react'
 import { usePathname } from 'next/navigation'
+import React, { createContext, useContext, useEffect, useState } from 'react'
 import { isInWorkflowPage } from '../workflow/constants'
 
 /**
diff --git a/web/app/components/goto-anything/index.spec.tsx b/web/app/components/goto-anything/index.spec.tsx
index e1e98944b0..29f6a6be99 100644
--- a/web/app/components/goto-anything/index.spec.tsx
+++ b/web/app/components/goto-anything/index.spec.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
+import type { ActionItem, SearchResult } from './actions/types'
 import { act, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
 import GotoAnything from './index'
-import type { ActionItem, SearchResult } from './actions/types'
 
 const routerPush = vi.fn()
 vi.mock('next/navigation', () => ({
diff --git a/web/app/components/goto-anything/index.tsx b/web/app/components/goto-anything/index.tsx
index 50eddd1a43..1c61cb9516 100644
--- a/web/app/components/goto-anything/index.tsx
+++ b/web/app/components/goto-anything/index.tsx
@@ -1,25 +1,26 @@
 'use client'
 
 import type { FC } from 'react'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import Modal from '@/app/components/base/modal'
-import Input from '@/app/components/base/input'
+import type { Plugin } from '../plugins/types'
+import type { SearchResult } from './actions'
+import { RiSearchLine } from '@remixicon/react'
+import { useQuery } from '@tanstack/react-query'
 import { useDebounce, useKeyPress } from 'ahooks'
+import { Command } from 'cmdk'
+import { useRouter } from 'next/navigation'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 import { getKeyboardKeyCodeBySystem, isEventTargetInputArea, isMac } from '@/app/components/workflow/utils/common'
 import { selectWorkflowNode } from '@/app/components/workflow/utils/node-navigation'
-import { RiSearchLine } from '@remixicon/react'
-import { type SearchResult, createActions, matchAction, searchAnything } from './actions'
-import { GotoAnythingProvider, useGotoAnythingContext } from './context'
-import { slashCommandRegistry } from './actions/commands/registry'
-import { useQuery } from '@tanstack/react-query'
 import { useGetLanguage } from '@/context/i18n'
-import { useTranslation } from 'react-i18next'
 import InstallFromMarketplace from '../plugins/install-plugin/install-from-marketplace'
-import type { Plugin } from '../plugins/types'
-import { Command } from 'cmdk'
-import CommandSelector from './command-selector'
+import { createActions, matchAction, searchAnything } from './actions'
 import { SlashCommandProvider } from './actions/commands'
+import { slashCommandRegistry } from './actions/commands/registry'
+import CommandSelector from './command-selector'
+import { GotoAnythingProvider, useGotoAnythingContext } from './context'
 
 type Props = {
   onHide?: () => void
@@ -195,8 +196,7 @@ const GotoAnything: FC<Props> = ({
 
     acc[result.type].push(result)
     return acc
-  }, {} as { [key: string]: SearchResult[] }),
-  [dedupedResults])
+  }, {} as { [key: string]: SearchResult[] }), [dedupedResults])
 
   useEffect(() => {
     if (isCommandsMode)
@@ -222,8 +222,8 @@ const GotoAnything: FC<Props> = ({
       return (
         <div className="flex items-center justify-center py-8 text-center text-text-tertiary">
           <div>
-            <div className='text-sm font-medium text-red-500'>{t('app.gotoAnything.searchTemporarilyUnavailable')}</div>
-            <div className='mt-1 text-xs text-text-quaternary'>
+            <div className="text-sm font-medium text-red-500">{t('app.gotoAnything.searchTemporarilyUnavailable')}</div>
+            <div className="mt-1 text-xs text-text-quaternary">
               {t('app.gotoAnything.servicesUnavailableMessage')}
             </div>
           </div>
@@ -234,25 +234,23 @@ const GotoAnything: FC<Props> = ({
     return (
       <div className="flex items-center justify-center py-8 text-center text-text-tertiary">
         <div>
-          <div className='text-sm font-medium'>
+          <div className="text-sm font-medium">
             {isCommandSearch
               ? (() => {
-                const keyMap: Record<string, string> = {
-                  app: 'app.gotoAnything.emptyState.noAppsFound',
-                  plugin: 'app.gotoAnything.emptyState.noPluginsFound',
-                  knowledge: 'app.gotoAnything.emptyState.noKnowledgeBasesFound',
-                  node: 'app.gotoAnything.emptyState.noWorkflowNodesFound',
-                }
-                return t(keyMap[commandType] || 'app.gotoAnything.noResults')
-              })()
-              : t('app.gotoAnything.noResults')
-            }
+                  const keyMap: Record<string, string> = {
+                    app: 'app.gotoAnything.emptyState.noAppsFound',
+                    plugin: 'app.gotoAnything.emptyState.noPluginsFound',
+                    knowledge: 'app.gotoAnything.emptyState.noKnowledgeBasesFound',
+                    node: 'app.gotoAnything.emptyState.noWorkflowNodesFound',
+                  }
+                  return t(keyMap[commandType] || 'app.gotoAnything.noResults')
+                })()
+              : t('app.gotoAnything.noResults')}
           </div>
-          <div className='mt-1 text-xs text-text-quaternary'>
+          <div className="mt-1 text-xs text-text-quaternary">
             {isCommandSearch
               ? t('app.gotoAnything.emptyState.tryDifferentTerm')
-              : t('app.gotoAnything.emptyState.trySpecificSearch', { shortcuts: Object.values(Actions).map(action => action.shortcut).join(', ') })
-            }
+              : t('app.gotoAnything.emptyState.trySpecificSearch', { shortcuts: Object.values(Actions).map(action => action.shortcut).join(', ') })}
           </div>
         </div>
       </div>
@@ -263,16 +261,18 @@ const GotoAnything: FC<Props> = ({
     if (searchQuery.trim())
       return null
 
-    return (<div className="flex items-center justify-center py-8 text-center text-text-tertiary">
-      <div>
-        <div className='text-sm font-medium'>{t('app.gotoAnything.searchTitle')}</div>
-        <div className='mt-3 space-y-1 text-xs text-text-quaternary'>
-          <div>{t('app.gotoAnything.searchHint')}</div>
-          <div>{t('app.gotoAnything.commandHint')}</div>
-          <div>{t('app.gotoAnything.slashHint')}</div>
+    return (
+      <div className="flex items-center justify-center py-8 text-center text-text-tertiary">
+        <div>
+          <div className="text-sm font-medium">{t('app.gotoAnything.searchTitle')}</div>
+          <div className="mt-3 space-y-1 text-xs text-text-quaternary">
+            <div>{t('app.gotoAnything.searchHint')}</div>
+            <div>{t('app.gotoAnything.commandHint')}</div>
+            <div>{t('app.gotoAnything.slashHint')}</div>
+          </div>
         </div>
       </div>
-    </div>)
+    )
   }, [searchQuery, Actions])
 
   useEffect(() => {
@@ -295,20 +295,20 @@ const GotoAnything: FC<Props> = ({
           onHide?.()
         }}
         closable={false}
-        className='!w-[480px] !p-0'
+        className="!w-[480px] !p-0"
         highPriority={true}
       >
-        <div className='flex flex-col rounded-2xl border border-components-panel-border bg-components-panel-bg shadow-xl'>
+        <div className="flex flex-col rounded-2xl border border-components-panel-border bg-components-panel-bg shadow-xl">
           <Command
-            className='outline-none'
+            className="outline-none"
             value={cmdVal}
             onValueChange={setCmdVal}
             disablePointerSelection
             loop
           >
-            <div className='flex items-center gap-3 border-b border-divider-subtle bg-components-panel-bg-blur px-4 py-3'>
-              <RiSearchLine className='h-4 w-4 text-text-quaternary' />
-              <div className='flex flex-1 items-center gap-2'>
+            <div className="flex items-center gap-3 border-b border-divider-subtle bg-components-panel-bg-blur px-4 py-3">
+              <RiSearchLine className="h-4 w-4 text-text-quaternary" />
+              <div className="flex flex-1 items-center gap-2">
                 <Input
                   ref={inputRef}
                   value={searchQuery}
@@ -337,34 +337,36 @@ const GotoAnything: FC<Props> = ({
                       }
                     }
                   }}
-                  className='flex-1 !border-0 !bg-transparent !shadow-none'
-                  wrapperClassName='flex-1 !border-0 !bg-transparent'
+                  className="flex-1 !border-0 !bg-transparent !shadow-none"
+                  wrapperClassName="flex-1 !border-0 !bg-transparent"
                   autoFocus
                 />
                 {searchMode !== 'general' && (
-                  <div className='flex items-center gap-1 rounded bg-gray-100 px-2 py-[2px] text-xs font-medium text-gray-700 dark:bg-gray-800 dark:text-gray-300'>
-                    <span>{(() => {
-                      if (searchMode === 'scopes')
-                        return 'SCOPES'
-                      else if (searchMode === 'commands')
-                        return 'COMMANDS'
-                      else
-                        return searchMode.replace('@', '').toUpperCase()
-                    })()}</span>
+                  <div className="flex items-center gap-1 rounded bg-gray-100 px-2 py-[2px] text-xs font-medium text-gray-700 dark:bg-gray-800 dark:text-gray-300">
+                    <span>
+                      {(() => {
+                        if (searchMode === 'scopes')
+                          return 'SCOPES'
+                        else if (searchMode === 'commands')
+                          return 'COMMANDS'
+                        else
+                          return searchMode.replace('@', '').toUpperCase()
+                      })()}
+                    </span>
                   </div>
                 )}
               </div>
-              <div className='text-xs text-text-quaternary'>
-                <span className='system-kbd rounded bg-gray-200 px-1 py-[2px] font-mono text-gray-700 dark:bg-gray-800 dark:text-gray-100'>
+              <div className="text-xs text-text-quaternary">
+                <span className="system-kbd rounded bg-gray-200 px-1 py-[2px] font-mono text-gray-700 dark:bg-gray-800 dark:text-gray-100">
                   {isMac() ? '⌘' : 'Ctrl'}
                 </span>
-                <span className='system-kbd ml-1 rounded bg-gray-200 px-1 py-[2px] font-mono text-gray-700 dark:bg-gray-800 dark:text-gray-100'>
+                <span className="system-kbd ml-1 rounded bg-gray-200 px-1 py-[2px] font-mono text-gray-700 dark:bg-gray-800 dark:text-gray-100">
                   K
                 </span>
               </div>
             </div>
 
-            <Command.List className='h-[240px] overflow-y-auto'>
+            <Command.List className="h-[240px] overflow-y-auto">
               {isLoading && (
                 <div className="flex items-center justify-center py-8 text-center text-text-tertiary">
                   <div className="flex items-center gap-2">
@@ -385,53 +387,59 @@ const GotoAnything: FC<Props> = ({
               )}
               {!isLoading && !isError && (
                 <>
-                  {isCommandsMode ? (
-                    <CommandSelector
-                      actions={Actions}
-                      onCommandSelect={handleCommandSelect}
-                      searchFilter={searchQuery.trim().substring(1)}
-                      commandValue={cmdVal}
-                      onCommandValueChange={setCmdVal}
-                      originalQuery={searchQuery.trim()}
-                    />
-                  ) : (
-                    Object.entries(groupedResults).map(([type, results], groupIndex) => (
-                      <Command.Group key={groupIndex} heading={(() => {
-                        const typeMap: Record<string, string> = {
-                          'app': 'app.gotoAnything.groups.apps',
-                          'plugin': 'app.gotoAnything.groups.plugins',
-                          'knowledge': 'app.gotoAnything.groups.knowledgeBases',
-                          'workflow-node': 'app.gotoAnything.groups.workflowNodes',
-                          'command': 'app.gotoAnything.groups.commands',
-                        }
-                        return t(typeMap[type] || `${type}s`)
-                      })()} className='p-2 capitalize text-text-secondary'>
-                        {results.map(result => (
-                          <Command.Item
-                            key={`${result.type}-${result.id}`}
-                            value={`${result.type}-${result.id}`}
-                            className='flex cursor-pointer items-center gap-3 rounded-md p-3 will-change-[background-color] hover:bg-state-base-hover aria-[selected=true]:bg-state-base-hover-alt data-[selected=true]:bg-state-base-hover-alt'
-                            onSelect={() => handleNavigate(result)}
+                  {isCommandsMode
+                    ? (
+                        <CommandSelector
+                          actions={Actions}
+                          onCommandSelect={handleCommandSelect}
+                          searchFilter={searchQuery.trim().substring(1)}
+                          commandValue={cmdVal}
+                          onCommandValueChange={setCmdVal}
+                          originalQuery={searchQuery.trim()}
+                        />
+                      )
+                    : (
+                        Object.entries(groupedResults).map(([type, results], groupIndex) => (
+                          <Command.Group
+                            key={groupIndex}
+                            heading={(() => {
+                              const typeMap: Record<string, string> = {
+                                'app': 'app.gotoAnything.groups.apps',
+                                'plugin': 'app.gotoAnything.groups.plugins',
+                                'knowledge': 'app.gotoAnything.groups.knowledgeBases',
+                                'workflow-node': 'app.gotoAnything.groups.workflowNodes',
+                                'command': 'app.gotoAnything.groups.commands',
+                              }
+                              return t(typeMap[type] || `${type}s`)
+                            })()}
+                            className="p-2 capitalize text-text-secondary"
                           >
-                            {result.icon}
-                            <div className='min-w-0 flex-1'>
-                              <div className='truncate font-medium text-text-secondary'>
-                                {result.title}
-                              </div>
-                              {result.description && (
-                                <div className='mt-0.5 truncate text-xs text-text-quaternary'>
-                                  {result.description}
+                            {results.map(result => (
+                              <Command.Item
+                                key={`${result.type}-${result.id}`}
+                                value={`${result.type}-${result.id}`}
+                                className="flex cursor-pointer items-center gap-3 rounded-md p-3 will-change-[background-color] hover:bg-state-base-hover aria-[selected=true]:bg-state-base-hover-alt data-[selected=true]:bg-state-base-hover-alt"
+                                onSelect={() => handleNavigate(result)}
+                              >
+                                {result.icon}
+                                <div className="min-w-0 flex-1">
+                                  <div className="truncate font-medium text-text-secondary">
+                                    {result.title}
+                                  </div>
+                                  {result.description && (
+                                    <div className="mt-0.5 truncate text-xs text-text-quaternary">
+                                      {result.description}
+                                    </div>
+                                  )}
                                 </div>
-                              )}
-                            </div>
-                            <div className='text-xs capitalize text-text-quaternary'>
-                              {result.type}
-                            </div>
-                          </Command.Item>
-                        ))}
-                      </Command.Group>
-                    ))
-                  )}
+                                <div className="text-xs capitalize text-text-quaternary">
+                                  {result.type}
+                                </div>
+                              </Command.Item>
+                            ))}
+                          </Command.Group>
+                        ))
+                      )}
                   {!isCommandsMode && emptyResult}
                   {!isCommandsMode && defaultUI}
                 </>
@@ -439,51 +447,54 @@ const GotoAnything: FC<Props> = ({
             </Command.List>
 
             {/* Always show footer to prevent height jumping */}
-            <div className='border-t border-divider-subtle bg-components-panel-bg-blur px-4 py-2 text-xs text-text-tertiary'>
-              <div className='flex min-h-[16px] items-center justify-between'>
-                {(!!dedupedResults.length || isError) ? (
-                  <>
-                    <span>
-                      {isError ? (
-                        <span className='text-red-500'>{t('app.gotoAnything.someServicesUnavailable')}</span>
-                      ) : (
-                        <>
-                          {t('app.gotoAnything.resultCount', { count: dedupedResults.length })}
-                          {searchMode !== 'general' && (
-                            <span className='ml-2 opacity-60'>
-                              {t('app.gotoAnything.inScope', { scope: searchMode.replace('@', '') })}
-                            </span>
-                          )}
-                        </>
-                      )}
-                    </span>
-                    <span className='opacity-60'>
-                      {searchMode !== 'general'
-                        ? t('app.gotoAnything.clearToSearchAll')
-                        : t('app.gotoAnything.useAtForSpecific')
-                      }
-                    </span>
-                  </>
-                ) : (
-                  <>
-                    <span className='opacity-60'>
-                      {(() => {
-                        if (isCommandsMode)
-                          return t('app.gotoAnything.selectToNavigate')
+            <div className="border-t border-divider-subtle bg-components-panel-bg-blur px-4 py-2 text-xs text-text-tertiary">
+              <div className="flex min-h-[16px] items-center justify-between">
+                {(!!dedupedResults.length || isError)
+                  ? (
+                      <>
+                        <span>
+                          {isError
+                            ? (
+                                <span className="text-red-500">{t('app.gotoAnything.someServicesUnavailable')}</span>
+                              )
+                            : (
+                                <>
+                                  {t('app.gotoAnything.resultCount', { count: dedupedResults.length })}
+                                  {searchMode !== 'general' && (
+                                    <span className="ml-2 opacity-60">
+                                      {t('app.gotoAnything.inScope', { scope: searchMode.replace('@', '') })}
+                                    </span>
+                                  )}
+                                </>
+                              )}
+                        </span>
+                        <span className="opacity-60">
+                          {searchMode !== 'general'
+                            ? t('app.gotoAnything.clearToSearchAll')
+                            : t('app.gotoAnything.useAtForSpecific')}
+                        </span>
+                      </>
+                    )
+                  : (
+                      <>
+                        <span className="opacity-60">
+                          {(() => {
+                            if (isCommandsMode)
+                              return t('app.gotoAnything.selectToNavigate')
 
-                        if (searchQuery.trim())
-                          return t('app.gotoAnything.searching')
+                            if (searchQuery.trim())
+                              return t('app.gotoAnything.searching')
 
-                        return t('app.gotoAnything.startTyping')
-                      })()}
-                    </span>
-                    <span className='opacity-60'>
-                      {searchQuery.trim() || isCommandsMode
-                        ? t('app.gotoAnything.tips')
-                        : t('app.gotoAnything.pressEscToClose')}
-                    </span>
-                  </>
-                )}
+                            return t('app.gotoAnything.startTyping')
+                          })()}
+                        </span>
+                        <span className="opacity-60">
+                          {searchQuery.trim() || isCommandsMode
+                            ? t('app.gotoAnything.tips')
+                            : t('app.gotoAnything.pressEscToClose')}
+                        </span>
+                      </>
+                    )}
               </div>
             </div>
           </Command>
diff --git a/web/app/components/header/account-about/index.tsx b/web/app/components/header/account-about/index.tsx
index 975558cae7..ae63b85fda 100644
--- a/web/app/components/header/account-about/index.tsx
+++ b/web/app/components/header/account-about/index.tsx
@@ -1,13 +1,13 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import dayjs from 'dayjs'
-import { RiCloseLine } from '@remixicon/react'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
 import type { LangGeniusVersionResponse } from '@/models/common'
-import { IS_CE_EDITION } from '@/config'
+import { RiCloseLine } from '@remixicon/react'
+import dayjs from 'dayjs'
+import Link from 'next/link'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import DifyLogo from '@/app/components/base/logo/dify-logo'
+import Modal from '@/app/components/base/modal'
+import { IS_CE_EDITION } from '@/config'
 
 import { useGlobalPublicStore } from '@/context/global-public-context'
 
@@ -28,60 +28,75 @@ export default function AccountAbout({
     <Modal
       isShow
       onClose={onCancel}
-      className='!w-[480px] !max-w-[480px] !px-6 !py-4'
+      className="!w-[480px] !max-w-[480px] !px-6 !py-4"
     >
-      <div className='relative'>
-        <div className='absolute right-0 top-0 flex h-8 w-8 cursor-pointer items-center justify-center' onClick={onCancel}>
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <div className="relative">
+        <div className="absolute right-0 top-0 flex h-8 w-8 cursor-pointer items-center justify-center" onClick={onCancel}>
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
-        <div className='flex flex-col items-center gap-4 py-8'>
+        <div className="flex flex-col items-center gap-4 py-8">
           {systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-            ? <img
-              src={systemFeatures.branding.workspace_logo}
-              className='block h-7 w-auto object-contain'
-              alt='logo'
-            />
-            : <DifyLogo size='large' className='mx-auto' />}
+            ? (
+                <img
+                  src={systemFeatures.branding.workspace_logo}
+                  className="block h-7 w-auto object-contain"
+                  alt="logo"
+                />
+              )
+            : <DifyLogo size="large" className="mx-auto" />}
 
-          <div className='text-center text-xs font-normal text-text-tertiary'>Version {langGeniusVersionInfo?.current_version}</div>
-          <div className='flex flex-col items-center gap-2 text-center text-xs font-normal text-text-secondary'>
-            <div>© {dayjs().year()} LangGenius, Inc., Contributors.</div>
-            <div className='text-text-accent'>
+          <div className="text-center text-xs font-normal text-text-tertiary">
+            Version
+            {langGeniusVersionInfo?.current_version}
+          </div>
+          <div className="flex flex-col items-center gap-2 text-center text-xs font-normal text-text-secondary">
+            <div>
+              ©
+              {dayjs().year()}
+              {' '}
+              LangGenius, Inc., Contributors.
+            </div>
+            <div className="text-text-accent">
               {
                 IS_CE_EDITION
-                  ? <Link href={'https://github.com/langgenius/dify/blob/main/LICENSE'} target='_blank' rel='noopener noreferrer'>Open Source License</Link>
-                  : <>
-                    <Link href='https://dify.ai/privacy' target='_blank' rel='noopener noreferrer'>Privacy Policy</Link>,&nbsp;
-                    <Link href='https://dify.ai/terms' target='_blank' rel='noopener noreferrer'>Terms of Service</Link>
-                  </>
+                  ? <Link href="https://github.com/langgenius/dify/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">Open Source License</Link>
+                  : (
+                      <>
+                        <Link href="https://dify.ai/privacy" target="_blank" rel="noopener noreferrer">Privacy Policy</Link>
+                        ,&nbsp;
+                        <Link href="https://dify.ai/terms" target="_blank" rel="noopener noreferrer">Terms of Service</Link>
+                      </>
+                    )
               }
             </div>
           </div>
         </div>
-        <div className='-mx-8 mb-4 h-[0.5px] bg-divider-regular' />
-        <div className='flex items-center justify-between'>
-          <div className='text-xs font-medium text-text-tertiary'>
+        <div className="-mx-8 mb-4 h-[0.5px] bg-divider-regular" />
+        <div className="flex items-center justify-between">
+          <div className="text-xs font-medium text-text-tertiary">
             {
               isLatest
                 ? t('common.about.latestAvailable', { version: langGeniusVersionInfo.latest_version })
                 : t('common.about.nowAvailable', { version: langGeniusVersionInfo.latest_version })
             }
           </div>
-          <div className='flex items-center'>
-            <Button className='mr-2' size='small'>
+          <div className="flex items-center">
+            <Button className="mr-2" size="small">
               <Link
-                href={'https://github.com/langgenius/dify/releases'}
-                target='_blank' rel='noopener noreferrer'
+                href="https://github.com/langgenius/dify/releases"
+                target="_blank"
+                rel="noopener noreferrer"
               >
                 {t('common.about.changeLog')}
               </Link>
             </Button>
             {
               !isLatest && !IS_CE_EDITION && (
-                <Button variant='primary' size='small'>
+                <Button variant="primary" size="small">
                   <Link
                     href={langGeniusVersionInfo.release_notes}
-                    target='_blank' rel='noopener noreferrer'
+                    target="_blank"
+                    rel="noopener noreferrer"
                   >
                     {t('common.about.updateNow')}
                   </Link>
diff --git a/web/app/components/header/account-dropdown/compliance.tsx b/web/app/components/header/account-dropdown/compliance.tsx
index 28a4477e34..c6a8c0e2f9 100644
--- a/web/app/components/header/account-dropdown/compliance.tsx
+++ b/web/app/components/header/account-dropdown/compliance.tsx
@@ -1,23 +1,23 @@
+import type { FC, MouseEvent } from 'react'
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import { RiArrowDownCircleLine, RiArrowRightSLine, RiVerifiedBadgeLine } from '@remixicon/react'
-import type { FC, MouseEvent } from 'react'
+import { useMutation } from '@tanstack/react-query'
 import { Fragment, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useMutation } from '@tanstack/react-query'
-import PremiumBadge from '../../base/premium-badge'
-import SparklesSoft from '../../base/icons/src/public/common/SparklesSoft'
+import { Plan } from '@/app/components/billing/type'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { getDocDownloadUrl } from '@/service/common'
+import { cn } from '@/utils/classnames'
 import Button from '../../base/button'
-import Soc2 from '../../base/icons/src/public/common/Soc2'
-import Iso from '../../base/icons/src/public/common/Iso'
 import Gdpr from '../../base/icons/src/public/common/Gdpr'
+import Iso from '../../base/icons/src/public/common/Iso'
+import Soc2 from '../../base/icons/src/public/common/Soc2'
+import SparklesSoft from '../../base/icons/src/public/common/SparklesSoft'
+import PremiumBadge from '../../base/premium-badge'
 import Toast from '../../base/toast'
 import Tooltip from '../../base/tooltip'
-import { cn } from '@/utils/classnames'
-import { useProviderContext } from '@/context/provider-context'
-import { Plan } from '@/app/components/billing/type'
-import { useModalContext } from '@/context/modal-context'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import { getDocDownloadUrl } from '@/service/common'
 
 enum DocName {
   SOC2_Type_I = 'SOC2_Type_I',
@@ -77,10 +77,12 @@ const UpgradeOrDownload: FC<UpgradeOrDownloadProps> = ({ doc_name }) => {
     downloadCompliance()
   }, [downloadCompliance])
   if (isCurrentPlanCanDownload) {
-    return <Button loading={isPending} disabled={isPending} size='small' variant='secondary' className='flex items-center gap-[1px]' onClick={handleDownloadClick}>
-      <RiArrowDownCircleLine className='size-[14px] text-components-button-secondary-text-disabled' />
-      <span className='system-xs-medium px-[3px] text-components-button-secondary-text'>{t('common.operation.download')}</span>
-    </Button>
+    return (
+      <Button loading={isPending} disabled={isPending} size="small" variant="secondary" className="flex items-center gap-[1px]" onClick={handleDownloadClick}>
+        <RiArrowDownCircleLine className="size-[14px] text-components-button-secondary-text-disabled" />
+        <span className="system-xs-medium px-[3px] text-components-button-secondary-text">{t('common.operation.download')}</span>
+      </Button>
+    )
   }
   const upgradeTooltip: Record<Plan, string> = {
     [Plan.sandbox]: t('common.compliance.sandboxUpgradeTooltip'),
@@ -88,16 +90,18 @@ const UpgradeOrDownload: FC<UpgradeOrDownloadProps> = ({ doc_name }) => {
     [Plan.team]: '',
     [Plan.enterprise]: '',
   }
-  return <Tooltip asChild={false} popupContent={upgradeTooltip[plan.type]}>
-    <PremiumBadge color='blue' allowHover={true} onClick={handlePlanClick}>
-      <SparklesSoft className='flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0' />
-      <div className='system-xs-medium'>
-        <span className='p-1'>
-          {t('billing.upgradeBtn.encourageShort')}
-        </span>
-      </div>
-    </PremiumBadge>
-  </Tooltip>
+  return (
+    <Tooltip asChild={false} popupContent={upgradeTooltip[plan.type]}>
+      <PremiumBadge color="blue" allowHover={true} onClick={handlePlanClick}>
+        <SparklesSoft className="flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0" />
+        <div className="system-xs-medium">
+          <span className="p-1">
+            {t('billing.upgradeBtn.encourageShort')}
+          </span>
+        </div>
+      </PremiumBadge>
+    </Tooltip>
+  )
 }
 
 export default function Compliance() {
@@ -107,80 +111,78 @@ export default function Compliance() {
 `
   const { t } = useTranslation()
 
-  return <Menu as="div" className="relative h-full w-full">
-    {
-      ({ open }) => (
-        <>
-          <MenuButton className={
-            cn('group flex h-9 w-full items-center gap-1 rounded-lg py-2 pl-3 pr-2 hover:bg-state-base-hover',
-              open && 'bg-state-base-hover',
-            )}>
-            <RiVerifiedBadgeLine className='size-4 shrink-0 text-text-tertiary' />
-            <div className='system-md-regular grow px-1 text-left text-text-secondary'>{t('common.userProfile.compliance')}</div>
-            <RiArrowRightSLine className='size-[14px] shrink-0 text-text-tertiary' />
-          </MenuButton>
-          <Transition
-            as={Fragment}
-            enter="transition ease-out duration-100"
-            enterFrom="transform opacity-0 scale-95"
-            enterTo="transform opacity-100 scale-100"
-            leave="transition ease-in duration-75"
-            leaveFrom="transform opacity-100 scale-100"
-            leaveTo="transform opacity-0 scale-95"
-          >
-            <MenuItems
-              className={cn(
-                `absolute top-[1px] z-10 max-h-[70vh] w-[337px] origin-top-right -translate-x-full divide-y divide-divider-subtle overflow-y-scroll
+  return (
+    <Menu as="div" className="relative h-full w-full">
+      {
+        ({ open }) => (
+          <>
+            <MenuButton className={
+              cn('group flex h-9 w-full items-center gap-1 rounded-lg py-2 pl-3 pr-2 hover:bg-state-base-hover', open && 'bg-state-base-hover')
+            }
+            >
+              <RiVerifiedBadgeLine className="size-4 shrink-0 text-text-tertiary" />
+              <div className="system-md-regular grow px-1 text-left text-text-secondary">{t('common.userProfile.compliance')}</div>
+              <RiArrowRightSLine className="size-[14px] shrink-0 text-text-tertiary" />
+            </MenuButton>
+            <Transition
+              as={Fragment}
+              enter="transition ease-out duration-100"
+              enterFrom="transform opacity-0 scale-95"
+              enterTo="transform opacity-100 scale-100"
+              leave="transition ease-in duration-75"
+              leaveFrom="transform opacity-100 scale-100"
+              leaveTo="transform opacity-0 scale-95"
+            >
+              <MenuItems
+                className={cn(
+                  `absolute top-[1px] z-10 max-h-[70vh] w-[337px] origin-top-right -translate-x-full divide-y divide-divider-subtle overflow-y-scroll
                 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px] focus:outline-none
               `,
-              )}
-            >
-              <div className="px-1 py-1">
-                <MenuItem>
-                  <div
-                    className={cn(itemClassName, 'group justify-between',
-                      'data-[active]:bg-state-base-hover',
-                    )}>
-                    <Soc2 className='size-7 shrink-0' />
-                    <div className='system-md-regular grow truncate px-1 text-text-secondary'>{t('common.compliance.soc2Type1')}</div>
-                    <UpgradeOrDownload doc_name={DocName.SOC2_Type_I} />
-                  </div>
-                </MenuItem>
-                <MenuItem>
-                  <div
-                    className={cn(itemClassName, 'group justify-between',
-                      'data-[active]:bg-state-base-hover',
-                    )}>
-                    <Soc2 className='size-7 shrink-0' />
-                    <div className='system-md-regular grow truncate px-1 text-text-secondary'>{t('common.compliance.soc2Type2')}</div>
-                    <UpgradeOrDownload doc_name={DocName.SOC2_Type_II} />
-                  </div>
-                </MenuItem>
-                <MenuItem>
-                  <div
-                    className={cn(itemClassName, 'group justify-between',
-                      'data-[active]:bg-state-base-hover',
-                    )}>
-                    <Iso className='size-7 shrink-0' />
-                    <div className='system-md-regular grow truncate px-1 text-text-secondary'>{t('common.compliance.iso27001')}</div>
-                    <UpgradeOrDownload doc_name={DocName.ISO_27001} />
-                  </div>
-                </MenuItem>
-                <MenuItem>
-                  <div
-                    className={cn(itemClassName, 'group justify-between',
-                      'data-[active]:bg-state-base-hover',
-                    )}>
-                    <Gdpr className='size-7 shrink-0' />
-                    <div className='system-md-regular grow truncate px-1 text-text-secondary'>{t('common.compliance.gdpr')}</div>
-                    <UpgradeOrDownload doc_name={DocName.GDPR} />
-                  </div>
-                </MenuItem>
-              </div>
-            </MenuItems>
-          </Transition>
-        </>
-      )
-    }
-  </Menu>
+                )}
+              >
+                <div className="px-1 py-1">
+                  <MenuItem>
+                    <div
+                      className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                    >
+                      <Soc2 className="size-7 shrink-0" />
+                      <div className="system-md-regular grow truncate px-1 text-text-secondary">{t('common.compliance.soc2Type1')}</div>
+                      <UpgradeOrDownload doc_name={DocName.SOC2_Type_I} />
+                    </div>
+                  </MenuItem>
+                  <MenuItem>
+                    <div
+                      className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                    >
+                      <Soc2 className="size-7 shrink-0" />
+                      <div className="system-md-regular grow truncate px-1 text-text-secondary">{t('common.compliance.soc2Type2')}</div>
+                      <UpgradeOrDownload doc_name={DocName.SOC2_Type_II} />
+                    </div>
+                  </MenuItem>
+                  <MenuItem>
+                    <div
+                      className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                    >
+                      <Iso className="size-7 shrink-0" />
+                      <div className="system-md-regular grow truncate px-1 text-text-secondary">{t('common.compliance.iso27001')}</div>
+                      <UpgradeOrDownload doc_name={DocName.ISO_27001} />
+                    </div>
+                  </MenuItem>
+                  <MenuItem>
+                    <div
+                      className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                    >
+                      <Gdpr className="size-7 shrink-0" />
+                      <div className="system-md-regular grow truncate px-1 text-text-secondary">{t('common.compliance.gdpr')}</div>
+                      <UpgradeOrDownload doc_name={DocName.GDPR} />
+                    </div>
+                  </MenuItem>
+                </div>
+              </MenuItems>
+            </Transition>
+          </>
+        )
+      }
+    </Menu>
+  )
 }
diff --git a/web/app/components/header/account-dropdown/index.tsx b/web/app/components/header/account-dropdown/index.tsx
index 23d112b6cb..2b9f7f66ca 100644
--- a/web/app/components/header/account-dropdown/index.tsx
+++ b/web/app/components/header/account-dropdown/index.tsx
@@ -1,7 +1,5 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { Fragment, useState } from 'react'
-import { useRouter } from 'next/navigation'
+import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import {
   RiAccountCircleLine,
   RiArrowRightUpLine,
@@ -16,25 +14,27 @@ import {
   RiTShirt2Line,
 } from '@remixicon/react'
 import Link from 'next/link'
-import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
-import Indicator from '../indicator'
-import AccountAbout from '../account-about'
-import GithubStar from '../github-star'
-import Support from './support'
-import Compliance from './compliance'
-import PremiumBadge from '@/app/components/base/premium-badge'
+import { useRouter } from 'next/navigation'
+import { Fragment, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { resetUser } from '@/app/components/base/amplitude/utils'
 import Avatar from '@/app/components/base/avatar'
+import PremiumBadge from '@/app/components/base/premium-badge'
 import ThemeSwitcher from '@/app/components/base/theme-switcher'
-import { useAppContext } from '@/context/app-context'
-import { useProviderContext } from '@/context/provider-context'
-import { useModalContext } from '@/context/modal-context'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 import { IS_CLOUD_EDITION } from '@/config'
-import { cn } from '@/utils/classnames'
+import { useAppContext } from '@/context/app-context'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useDocLink } from '@/context/i18n'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
 import { useLogout } from '@/service/use-common'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import { resetUser } from '@/app/components/base/amplitude/utils'
+import { cn } from '@/utils/classnames'
+import AccountAbout from '../account-about'
+import GithubStar from '../github-star'
+import Indicator from '../indicator'
+import Compliance from './compliance'
+import Support from './support'
 
 export default function AppSelector() {
   const itemClassName = `
@@ -93,124 +93,126 @@ export default function AppSelector() {
                 >
                   <div className="px-1 py-1">
                     <MenuItem disabled>
-                      <div className='flex flex-nowrap items-center py-2 pl-3 pr-2'>
-                        <div className='grow'>
-                          <div className='system-md-medium break-all text-text-primary'>
+                      <div className="flex flex-nowrap items-center py-2 pl-3 pr-2">
+                        <div className="grow">
+                          <div className="system-md-medium break-all text-text-primary">
                             {userProfile.name}
                             {isEducationAccount && (
-                              <PremiumBadge size='s' color='blue' className='ml-1 !px-2'>
-                                <RiGraduationCapFill className='mr-1 h-3 w-3' />
-                                <span className='system-2xs-medium'>EDU</span>
+                              <PremiumBadge size="s" color="blue" className="ml-1 !px-2">
+                                <RiGraduationCapFill className="mr-1 h-3 w-3" />
+                                <span className="system-2xs-medium">EDU</span>
                               </PremiumBadge>
                             )}
                           </div>
-                          <div className='system-xs-regular break-all text-text-tertiary'>{userProfile.email}</div>
+                          <div className="system-xs-regular break-all text-text-tertiary">{userProfile.email}</div>
                         </div>
                         <Avatar avatar={userProfile.avatar_url} name={userProfile.name} size={36} />
                       </div>
                     </MenuItem>
                     <MenuItem>
                       <Link
-                        className={cn(itemClassName, 'group',
-                          'data-[active]:bg-state-base-hover',
-                        )}
-                        href='/account'
-                        target='_self' rel='noopener noreferrer'>
-                        <RiAccountCircleLine className='size-4 shrink-0 text-text-tertiary' />
-                        <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.account.account')}</div>
-                        <RiArrowRightUpLine className='size-[14px] shrink-0 text-text-tertiary' />
+                        className={cn(itemClassName, 'group', 'data-[active]:bg-state-base-hover')}
+                        href="/account"
+                        target="_self"
+                        rel="noopener noreferrer"
+                      >
+                        <RiAccountCircleLine className="size-4 shrink-0 text-text-tertiary" />
+                        <div className="system-md-regular grow px-1 text-text-secondary">{t('common.account.account')}</div>
+                        <RiArrowRightUpLine className="size-[14px] shrink-0 text-text-tertiary" />
                       </Link>
                     </MenuItem>
                     <MenuItem>
-                      <div className={cn(itemClassName,
-                        'data-[active]:bg-state-base-hover',
-                      )} onClick={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.MEMBERS })}>
-                        <RiSettings3Line className='size-4 shrink-0 text-text-tertiary' />
-                        <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.settings')}</div>
+                      <div
+                        className={cn(itemClassName, 'data-[active]:bg-state-base-hover')}
+                        onClick={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.MEMBERS })}
+                      >
+                        <RiSettings3Line className="size-4 shrink-0 text-text-tertiary" />
+                        <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.settings')}</div>
                       </div>
                     </MenuItem>
                   </div>
-                  {!systemFeatures.branding.enabled && <>
-                    <div className='p-1'>
-                      <MenuItem>
-                        <Link
-                          className={cn(itemClassName, 'group justify-between',
-                            'data-[active]:bg-state-base-hover',
-                          )}
-                          href={docLink('/introduction')}
-                          target='_blank' rel='noopener noreferrer'>
-                          <RiBookOpenLine className='size-4 shrink-0 text-text-tertiary' />
-                          <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.helpCenter')}</div>
-                          <RiArrowRightUpLine className='size-[14px] shrink-0 text-text-tertiary' />
-                        </Link>
-                      </MenuItem>
-                      <Support closeAccountDropdown={close} />
-                      {IS_CLOUD_EDITION && isCurrentWorkspaceOwner && <Compliance />}
-                    </div>
-                    <div className='p-1'>
-                      <MenuItem>
-                        <Link
-                          className={cn(itemClassName, 'group justify-between',
-                            'data-[active]:bg-state-base-hover',
-                          )}
-                          href='https://roadmap.dify.ai'
-                          target='_blank' rel='noopener noreferrer'>
-                          <RiMap2Line className='size-4 shrink-0 text-text-tertiary' />
-                          <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.roadmap')}</div>
-                          <RiArrowRightUpLine className='size-[14px] shrink-0 text-text-tertiary' />
-                        </Link>
-                      </MenuItem>
-                      <MenuItem>
-                        <Link
-                          className={cn(itemClassName, 'group justify-between',
-                            'data-[active]:bg-state-base-hover',
-                          )}
-                          href='https://github.com/langgenius/dify'
-                          target='_blank' rel='noopener noreferrer'>
-                          <RiGithubLine className='size-4 shrink-0 text-text-tertiary' />
-                          <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.github')}</div>
-                          <div className='flex items-center gap-0.5 rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-[5px] py-[3px]'>
-                            <RiStarLine className='size-3 shrink-0 text-text-tertiary' />
-                            <GithubStar className='system-2xs-medium-uppercase text-text-tertiary' />
-                          </div>
-                        </Link>
-                      </MenuItem>
-                      {
-                        document?.body?.getAttribute('data-public-site-about') !== 'hide' && (
-                          <MenuItem>
-                            <div className={cn(itemClassName, 'justify-between',
-                              'data-[active]:bg-state-base-hover',
-                            )} onClick={() => setAboutVisible(true)}>
-                              <RiInformation2Line className='size-4 shrink-0 text-text-tertiary' />
-                              <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.about')}</div>
-                              <div className='flex shrink-0 items-center'>
-                                <div className='system-xs-regular mr-2 text-text-tertiary'>{langGeniusVersionInfo.current_version}</div>
-                                <Indicator color={langGeniusVersionInfo.current_version === langGeniusVersionInfo.latest_version ? 'green' : 'orange'} />
-                              </div>
+                  {!systemFeatures.branding.enabled && (
+                    <>
+                      <div className="p-1">
+                        <MenuItem>
+                          <Link
+                            className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                            href={docLink('/introduction')}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                          >
+                            <RiBookOpenLine className="size-4 shrink-0 text-text-tertiary" />
+                            <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.helpCenter')}</div>
+                            <RiArrowRightUpLine className="size-[14px] shrink-0 text-text-tertiary" />
+                          </Link>
+                        </MenuItem>
+                        <Support closeAccountDropdown={close} />
+                        {IS_CLOUD_EDITION && isCurrentWorkspaceOwner && <Compliance />}
+                      </div>
+                      <div className="p-1">
+                        <MenuItem>
+                          <Link
+                            className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                            href="https://roadmap.dify.ai"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                          >
+                            <RiMap2Line className="size-4 shrink-0 text-text-tertiary" />
+                            <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.roadmap')}</div>
+                            <RiArrowRightUpLine className="size-[14px] shrink-0 text-text-tertiary" />
+                          </Link>
+                        </MenuItem>
+                        <MenuItem>
+                          <Link
+                            className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                            href="https://github.com/langgenius/dify"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                          >
+                            <RiGithubLine className="size-4 shrink-0 text-text-tertiary" />
+                            <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.github')}</div>
+                            <div className="flex items-center gap-0.5 rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-[5px] py-[3px]">
+                              <RiStarLine className="size-3 shrink-0 text-text-tertiary" />
+                              <GithubStar className="system-2xs-medium-uppercase text-text-tertiary" />
                             </div>
-                          </MenuItem>
-                        )
-                      }
-                    </div>
-                  </>}
+                          </Link>
+                        </MenuItem>
+                        {
+                          document?.body?.getAttribute('data-public-site-about') !== 'hide' && (
+                            <MenuItem>
+                              <div
+                                className={cn(itemClassName, 'justify-between', 'data-[active]:bg-state-base-hover')}
+                                onClick={() => setAboutVisible(true)}
+                              >
+                                <RiInformation2Line className="size-4 shrink-0 text-text-tertiary" />
+                                <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.about')}</div>
+                                <div className="flex shrink-0 items-center">
+                                  <div className="system-xs-regular mr-2 text-text-tertiary">{langGeniusVersionInfo.current_version}</div>
+                                  <Indicator color={langGeniusVersionInfo.current_version === langGeniusVersionInfo.latest_version ? 'green' : 'orange'} />
+                                </div>
+                              </div>
+                            </MenuItem>
+                          )
+                        }
+                      </div>
+                    </>
+                  )}
                   <MenuItem disabled>
-                    <div className='p-1'>
+                    <div className="p-1">
                       <div className={cn(itemClassName, 'hover:bg-transparent')}>
-                        <RiTShirt2Line className='size-4 shrink-0 text-text-tertiary' />
-                        <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.theme.theme')}</div>
+                        <RiTShirt2Line className="size-4 shrink-0 text-text-tertiary" />
+                        <div className="system-md-regular grow px-1 text-text-secondary">{t('common.theme.theme')}</div>
                         <ThemeSwitcher />
                       </div>
                     </div>
                   </MenuItem>
                   <MenuItem>
-                    <div className='p-1' onClick={() => handleLogout()}>
+                    <div className="p-1" onClick={() => handleLogout()}>
                       <div
-                        className={cn(itemClassName, 'group justify-between',
-                          'data-[active]:bg-state-base-hover',
-                        )}
+                        className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
                       >
-                        <RiLogoutBoxRLine className='size-4 shrink-0 text-text-tertiary' />
-                        <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.logout')}</div>
+                        <RiLogoutBoxRLine className="size-4 shrink-0 text-text-tertiary" />
+                        <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.logout')}</div>
                       </div>
                     </div>
                   </MenuItem>
@@ -223,6 +225,6 @@ export default function AppSelector() {
       {
         aboutVisible && <AccountAbout onCancel={() => setAboutVisible(false)} langGeniusVersionInfo={langGeniusVersionInfo} />
       }
-    </div >
+    </div>
   )
 }
diff --git a/web/app/components/header/account-dropdown/support.tsx b/web/app/components/header/account-dropdown/support.tsx
index 2dd0376238..9558cfcc96 100644
--- a/web/app/components/header/account-dropdown/support.tsx
+++ b/web/app/components/header/account-dropdown/support.tsx
@@ -1,15 +1,15 @@
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import { RiArrowRightSLine, RiArrowRightUpLine, RiChatSmile2Line, RiDiscordLine, RiDiscussLine, RiMailSendLine, RiQuestionLine } from '@remixicon/react'
-import { Fragment } from 'react'
 import Link from 'next/link'
+import { Fragment } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import { useProviderContext } from '@/context/provider-context'
-import { Plan } from '@/app/components/billing/type'
 import { toggleZendeskWindow } from '@/app/components/base/zendesk/utils'
-import { mailToSupport } from '../utils/util'
-import { useAppContext } from '@/context/app-context'
+import { Plan } from '@/app/components/billing/type'
 import { ZENDESK_WIDGET_KEY } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
+import { mailToSupport } from '../utils/util'
 
 type SupportProps = {
   closeAccountDropdown: () => void
@@ -25,91 +25,95 @@ export default function Support({ closeAccountDropdown }: SupportProps) {
   const { userProfile, langGeniusVersionInfo } = useAppContext()
   const hasDedicatedChannel = plan.type !== Plan.sandbox
 
-  return <Menu as="div" className="relative h-full w-full">
-    {
-      ({ open }) => (
-        <>
-          <MenuButton className={
-            cn('group flex h-9 w-full items-center gap-1 rounded-lg py-2 pl-3 pr-2 hover:bg-state-base-hover',
-              open && 'bg-state-base-hover',
-            )}>
-            <RiQuestionLine className='size-4 shrink-0 text-text-tertiary' />
-            <div className='system-md-regular grow px-1 text-left text-text-secondary'>{t('common.userProfile.support')}</div>
-            <RiArrowRightSLine className='size-[14px] shrink-0 text-text-tertiary' />
-          </MenuButton>
-          <Transition
-            as={Fragment}
-            enter="transition ease-out duration-100"
-            enterFrom="transform opacity-0 scale-95"
-            enterTo="transform opacity-100 scale-100"
-            leave="transition ease-in duration-75"
-            leaveFrom="transform opacity-100 scale-100"
-            leaveTo="transform opacity-0 scale-95"
-          >
-            <MenuItems
-              className={cn(
-                `absolute top-[1px] z-10 max-h-[70vh] w-[216px] origin-top-right -translate-x-full divide-y divide-divider-subtle overflow-y-auto
+  return (
+    <Menu as="div" className="relative h-full w-full">
+      {
+        ({ open }) => (
+          <>
+            <MenuButton className={
+              cn('group flex h-9 w-full items-center gap-1 rounded-lg py-2 pl-3 pr-2 hover:bg-state-base-hover', open && 'bg-state-base-hover')
+            }
+            >
+              <RiQuestionLine className="size-4 shrink-0 text-text-tertiary" />
+              <div className="system-md-regular grow px-1 text-left text-text-secondary">{t('common.userProfile.support')}</div>
+              <RiArrowRightSLine className="size-[14px] shrink-0 text-text-tertiary" />
+            </MenuButton>
+            <Transition
+              as={Fragment}
+              enter="transition ease-out duration-100"
+              enterFrom="transform opacity-0 scale-95"
+              enterTo="transform opacity-100 scale-100"
+              leave="transition ease-in duration-75"
+              leaveFrom="transform opacity-100 scale-100"
+              leaveTo="transform opacity-0 scale-95"
+            >
+              <MenuItems
+                className={cn(
+                  `absolute top-[1px] z-10 max-h-[70vh] w-[216px] origin-top-right -translate-x-full divide-y divide-divider-subtle overflow-y-auto
                 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px] focus:outline-none
               `,
-              )}
-            >
-              <div className="px-1 py-1">
-                {hasDedicatedChannel && (
-                  <MenuItem>
-                    {ZENDESK_WIDGET_KEY && ZENDESK_WIDGET_KEY.trim() !== '' ? (
-                      <button
-                        className={cn(itemClassName, 'group justify-between text-left data-[active]:bg-state-base-hover')}
-                        onClick={() => {
-                          toggleZendeskWindow(true)
-                          closeAccountDropdown()
-                        }}
-                      >
-                        <RiChatSmile2Line className='size-4 shrink-0 text-text-tertiary' />
-                        <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.contactUs')}</div>
-                      </button>
-                    ) : (
-                      <a
-                        className={cn(itemClassName, 'group justify-between',
-                          'data-[active]:bg-state-base-hover',
-                        )}
-                        href={mailToSupport(userProfile.email, plan.type, langGeniusVersionInfo?.current_version)}
-                        target='_blank' rel='noopener noreferrer'>
-                        <RiMailSendLine className='size-4 shrink-0 text-text-tertiary' />
-                        <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.emailSupport')}</div>
-                        <RiArrowRightUpLine className='size-[14px] shrink-0 text-text-tertiary' />
-                      </a>
-                    )}
-                  </MenuItem>
                 )}
-                <MenuItem>
-                  <Link
-                    className={cn(itemClassName, 'group justify-between',
-                      'data-[active]:bg-state-base-hover',
-                    )}
-                    href='https://forum.dify.ai/'
-                    target='_blank' rel='noopener noreferrer'>
-                    <RiDiscussLine className='size-4 shrink-0 text-text-tertiary' />
-                    <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.forum')}</div>
-                    <RiArrowRightUpLine className='size-[14px] shrink-0 text-text-tertiary' />
-                  </Link>
-                </MenuItem>
-                <MenuItem>
-                  <Link
-                    className={cn(itemClassName, 'group justify-between',
-                      'data-[active]:bg-state-base-hover',
-                    )}
-                    href='https://discord.gg/5AEfbxcd9k'
-                    target='_blank' rel='noopener noreferrer'>
-                    <RiDiscordLine className='size-4 shrink-0 text-text-tertiary' />
-                    <div className='system-md-regular grow px-1 text-text-secondary'>{t('common.userProfile.community')}</div>
-                    <RiArrowRightUpLine className='size-[14px] shrink-0 text-text-tertiary' />
-                  </Link>
-                </MenuItem>
-              </div>
-            </MenuItems>
-          </Transition>
-        </>
-      )
-    }
-  </Menu>
+              >
+                <div className="px-1 py-1">
+                  {hasDedicatedChannel && (
+                    <MenuItem>
+                      {ZENDESK_WIDGET_KEY && ZENDESK_WIDGET_KEY.trim() !== ''
+                        ? (
+                            <button
+                              className={cn(itemClassName, 'group justify-between text-left data-[active]:bg-state-base-hover')}
+                              onClick={() => {
+                                toggleZendeskWindow(true)
+                                closeAccountDropdown()
+                              }}
+                            >
+                              <RiChatSmile2Line className="size-4 shrink-0 text-text-tertiary" />
+                              <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.contactUs')}</div>
+                            </button>
+                          )
+                        : (
+                            <a
+                              className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                              href={mailToSupport(userProfile.email, plan.type, langGeniusVersionInfo?.current_version)}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                            >
+                              <RiMailSendLine className="size-4 shrink-0 text-text-tertiary" />
+                              <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.emailSupport')}</div>
+                              <RiArrowRightUpLine className="size-[14px] shrink-0 text-text-tertiary" />
+                            </a>
+                          )}
+                    </MenuItem>
+                  )}
+                  <MenuItem>
+                    <Link
+                      className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                      href="https://forum.dify.ai/"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      <RiDiscussLine className="size-4 shrink-0 text-text-tertiary" />
+                      <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.forum')}</div>
+                      <RiArrowRightUpLine className="size-[14px] shrink-0 text-text-tertiary" />
+                    </Link>
+                  </MenuItem>
+                  <MenuItem>
+                    <Link
+                      className={cn(itemClassName, 'group justify-between', 'data-[active]:bg-state-base-hover')}
+                      href="https://discord.gg/5AEfbxcd9k"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      <RiDiscordLine className="size-4 shrink-0 text-text-tertiary" />
+                      <div className="system-md-regular grow px-1 text-text-secondary">{t('common.userProfile.community')}</div>
+                      <RiArrowRightUpLine className="size-[14px] shrink-0 text-text-tertiary" />
+                    </Link>
+                  </MenuItem>
+                </div>
+              </MenuItems>
+            </Transition>
+          </>
+        )
+      }
+    </Menu>
+  )
 }
diff --git a/web/app/components/header/account-dropdown/workplace-selector/index.tsx b/web/app/components/header/account-dropdown/workplace-selector/index.tsx
index d0b24dd7a9..809ee5b151 100644
--- a/web/app/components/header/account-dropdown/workplace-selector/index.tsx
+++ b/web/app/components/header/account-dropdown/workplace-selector/index.tsx
@@ -1,15 +1,15 @@
-import { Fragment } from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
+import type { Plan } from '@/app/components/billing/type'
 import { Menu, MenuButton, MenuItems, Transition } from '@headlessui/react'
 import { RiArrowDownSLine } from '@remixicon/react'
+import { Fragment } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { ToastContext } from '@/app/components/base/toast'
+import PlanBadge from '@/app/components/header/plan-badge'
+import { useWorkspacesContext } from '@/context/workspace-context'
+import { switchWorkspace } from '@/service/common'
 import { cn } from '@/utils/classnames'
 import { basePath } from '@/utils/var'
-import PlanBadge from '@/app/components/header/plan-badge'
-import { switchWorkspace } from '@/service/common'
-import { useWorkspacesContext } from '@/context/workspace-context'
-import { ToastContext } from '@/app/components/base/toast'
-import type { Plan } from '@/app/components/billing/type'
 
 const WorkplaceSelector = () => {
   const { t } = useTranslation()
@@ -40,13 +40,14 @@ const WorkplaceSelector = () => {
                 group flex w-full cursor-pointer items-center
                 p-0.5 hover:bg-state-base-hover ${open && 'bg-state-base-hover'} rounded-[10px]
               `,
-            )}>
-              <div className='mr-1.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-components-icon-bg-blue-solid text-[13px] max-[800px]:mr-0'>
-                <span className='h-6 bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text align-middle font-semibold uppercase leading-6 text-shadow-shadow-1 opacity-90'>{currentWorkspace?.name[0]?.toLocaleUpperCase()}</span>
+            )}
+            >
+              <div className="mr-1.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-components-icon-bg-blue-solid text-[13px] max-[800px]:mr-0">
+                <span className="h-6 bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text align-middle font-semibold uppercase leading-6 text-shadow-shadow-1 opacity-90">{currentWorkspace?.name[0]?.toLocaleUpperCase()}</span>
               </div>
-              <div className='flex min-w-0 items-center'>
-                <div className={'system-sm-medium min-w-0  max-w-[149px] truncate text-text-secondary max-[800px]:hidden'}>{currentWorkspace?.name}</div>
-                <RiArrowDownSLine className='h-4 w-4 shrink-0 text-text-secondary' />
+              <div className="flex min-w-0 items-center">
+                <div className="system-sm-medium min-w-0  max-w-[149px] truncate text-text-secondary max-[800px]:hidden">{currentWorkspace?.name}</div>
+                <RiArrowDownSLine className="h-4 w-4 shrink-0 text-text-secondary" />
               </div>
             </MenuButton>
             <Transition
@@ -68,16 +69,16 @@ const WorkplaceSelector = () => {
                 )}
               >
                 <div className="flex w-full flex-col items-start self-stretch rounded-xl border-[0.5px] border-components-panel-border p-1 pb-2 shadow-lg ">
-                  <div className='flex items-start self-stretch px-3 pb-0.5 pt-1'>
-                    <span className='system-xs-medium-uppercase flex-1 text-text-tertiary'>{t('common.userProfile.workspace')}</span>
+                  <div className="flex items-start self-stretch px-3 pb-0.5 pt-1">
+                    <span className="system-xs-medium-uppercase flex-1 text-text-tertiary">{t('common.userProfile.workspace')}</span>
                   </div>
                   {
                     workspaces.map(workspace => (
-                      <div className='flex items-center gap-2 self-stretch rounded-lg py-1 pl-3 pr-2 hover:bg-state-base-hover' key={workspace.id} onClick={() => handleSwitchWorkspace(workspace.id)}>
-                        <div className='flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-components-icon-bg-blue-solid text-[13px]'>
-                          <span className='h-6 bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text align-middle font-semibold uppercase leading-6 text-shadow-shadow-1 opacity-90'>{workspace?.name[0]?.toLocaleUpperCase()}</span>
+                      <div className="flex items-center gap-2 self-stretch rounded-lg py-1 pl-3 pr-2 hover:bg-state-base-hover" key={workspace.id} onClick={() => handleSwitchWorkspace(workspace.id)}>
+                        <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-components-icon-bg-blue-solid text-[13px]">
+                          <span className="h-6 bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text align-middle font-semibold uppercase leading-6 text-shadow-shadow-1 opacity-90">{workspace?.name[0]?.toLocaleUpperCase()}</span>
                         </div>
-                        <div className='system-md-regular line-clamp-1 grow cursor-pointer overflow-hidden text-ellipsis text-text-secondary'>{workspace.name}</div>
+                        <div className="system-md-regular line-clamp-1 grow cursor-pointer overflow-hidden text-ellipsis text-text-secondary">{workspace.name}</div>
                         <PlanBadge plan={workspace.plan as Plan} />
                       </div>
                     ))
diff --git a/web/app/components/header/account-setting/Integrations-page/index.tsx b/web/app/components/header/account-setting/Integrations-page/index.tsx
index 460cc2ed5a..a96fc3b99a 100644
--- a/web/app/components/header/account-setting/Integrations-page/index.tsx
+++ b/web/app/components/header/account-setting/Integrations-page/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 
-import { useTranslation } from 'react-i18next'
 import Link from 'next/link'
-import s from './index.module.css'
-import { cn } from '@/utils/classnames'
+import { useTranslation } from 'react-i18next'
 import { useAccountIntegrates } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
 
 const titleClassName = `
   mb-2 text-sm font-medium text-gray-900
@@ -29,7 +29,7 @@ export default function IntegrationsPage() {
 
   return (
     <>
-      <div className='mb-8'>
+      <div className="mb-8">
         <div className={titleClassName}>{t('common.integrations.connected')}</div>
         {
           integrates.map((integrate) => {
@@ -37,18 +37,20 @@ export default function IntegrationsPage() {
             if (!info)
               return null
             return (
-              <div key={integrate.provider} className='mb-2 flex items-center rounded-lg border-[0.5px] border-gray-200 bg-gray-50 px-3 py-2'>
+              <div key={integrate.provider} className="mb-2 flex items-center rounded-lg border-[0.5px] border-gray-200 bg-gray-50 px-3 py-2">
                 <div className={cn('mr-3 h-8 w-8 rounded-lg border border-gray-100 bg-white', s[`${integrate.provider}-icon`])} />
-                <div className='grow'>
-                  <div className='text-sm font-medium leading-[21px] text-gray-800'>{info.name}</div>
-                  <div className='text-xs font-normal leading-[18px] text-gray-500'>{info.description}</div>
+                <div className="grow">
+                  <div className="text-sm font-medium leading-[21px] text-gray-800">{info.name}</div>
+                  <div className="text-xs font-normal leading-[18px] text-gray-500">{info.description}</div>
                 </div>
                 {
                   !integrate.is_bound && (
                     <Link
-                      className='flex h-8 cursor-pointer items-center rounded-lg border border-gray-200 bg-white px-[7px] text-xs font-medium text-gray-700'
+                      className="flex h-8 cursor-pointer items-center rounded-lg border border-gray-200 bg-white px-[7px] text-xs font-medium text-gray-700"
                       href={integrate.link}
-                      target='_blank' rel='noopener noreferrer'>
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
                       {t('common.integrations.connect')}
                     </Link>
                   )
diff --git a/web/app/components/header/account-setting/api-based-extension-page/empty.tsx b/web/app/components/header/account-setting/api-based-extension-page/empty.tsx
index c95e8d8d0c..7612788ce8 100644
--- a/web/app/components/header/account-setting/api-based-extension-page/empty.tsx
+++ b/web/app/components/header/account-setting/api-based-extension-page/empty.tsx
@@ -1,8 +1,8 @@
-import { useTranslation } from 'react-i18next'
 import {
   RiExternalLinkLine,
   RiPuzzle2Line,
 } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 import { useDocLink } from '@/context/i18n'
 
 const Empty = () => {
@@ -10,18 +10,19 @@ const Empty = () => {
   const docLink = useDocLink()
 
   return (
-    <div className='mb-2 rounded-xl bg-background-section p-6'>
-      <div className='mb-3 flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg-alt shadow-lg backdrop-blur-sm'>
-        <RiPuzzle2Line className='h-5 w-5 text-text-accent' />
+    <div className="mb-2 rounded-xl bg-background-section p-6">
+      <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg-alt shadow-lg backdrop-blur-sm">
+        <RiPuzzle2Line className="h-5 w-5 text-text-accent" />
       </div>
-      <div className='system-sm-medium mb-1 text-text-secondary'>{t('common.apiBasedExtension.title')}</div>
+      <div className="system-sm-medium mb-1 text-text-secondary">{t('common.apiBasedExtension.title')}</div>
       <a
-        className='system-xs-regular flex items-center text-text-accent'
+        className="system-xs-regular flex items-center text-text-accent"
         href={docLink('/guides/extension/api-based-extension/README')}
-        target='_blank' rel='noopener noreferrer'
+        target="_blank"
+        rel="noopener noreferrer"
       >
         {t('common.apiBasedExtension.link')}
-        <RiExternalLinkLine className='ml-1 h-3 w-3' />
+        <RiExternalLinkLine className="ml-1 h-3 w-3" />
       </a>
     </div>
   )
diff --git a/web/app/components/header/account-setting/api-based-extension-page/index.tsx b/web/app/components/header/account-setting/api-based-extension-page/index.tsx
index 24dfce5b90..db33338cbc 100644
--- a/web/app/components/header/account-setting/api-based-extension-page/index.tsx
+++ b/web/app/components/header/account-setting/api-based-extension-page/index.tsx
@@ -1,12 +1,12 @@
-import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
 } from '@remixicon/react'
-import Item from './item'
-import Empty from './empty'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { useModalContext } from '@/context/modal-context'
 import { useApiBasedExtensions } from '@/service/use-common'
+import Empty from './empty'
+import Item from './item'
 
 const ApiBasedExtensionPage = () => {
   const { t } = useTranslation()
@@ -39,11 +39,11 @@ const ApiBasedExtensionPage = () => {
         )
       }
       <Button
-        variant='secondary'
-        className='w-full'
+        variant="secondary"
+        className="w-full"
         onClick={handleOpenApiBasedExtensionModal}
       >
-        <RiAddLine className='mr-1 h-4 w-4' />
+        <RiAddLine className="mr-1 h-4 w-4" />
         {t('common.apiBasedExtension.add')}
       </Button>
     </div>
diff --git a/web/app/components/header/account-setting/api-based-extension-page/item.tsx b/web/app/components/header/account-setting/api-based-extension-page/item.tsx
index 5a9ed24c5c..03e030022f 100644
--- a/web/app/components/header/account-setting/api-based-extension-page/item.tsx
+++ b/web/app/components/header/account-setting/api-based-extension-page/item.tsx
@@ -1,15 +1,15 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ApiBasedExtension } from '@/models/common'
 import {
   RiDeleteBinLine,
   RiEditLine,
 } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import type { ApiBasedExtension } from '@/models/common'
+import Confirm from '@/app/components/base/confirm'
 import { useModalContext } from '@/context/modal-context'
 import { deleteApiBasedExtension } from '@/service/common'
-import Confirm from '@/app/components/base/confirm'
 
 type ItemProps = {
   data: ApiBasedExtension
@@ -37,35 +37,37 @@ const Item: FC<ItemProps> = ({
   }
 
   return (
-    <div className='group mb-2 flex items-center rounded-xl border-[0.5px] border-transparent bg-components-input-bg-normal px-4 py-2 hover:border-components-input-border-active hover:shadow-xs'>
-      <div className='grow'>
-        <div className='mb-0.5 text-[13px] font-medium text-text-secondary'>{data.name}</div>
-        <div className='text-xs text-text-tertiary'>{data.api_endpoint}</div>
+    <div className="group mb-2 flex items-center rounded-xl border-[0.5px] border-transparent bg-components-input-bg-normal px-4 py-2 hover:border-components-input-border-active hover:shadow-xs">
+      <div className="grow">
+        <div className="mb-0.5 text-[13px] font-medium text-text-secondary">{data.name}</div>
+        <div className="text-xs text-text-tertiary">{data.api_endpoint}</div>
       </div>
-      <div className='hidden items-center group-hover:flex'>
+      <div className="hidden items-center group-hover:flex">
         <Button
-          className='mr-1'
+          className="mr-1"
           onClick={handleOpenApiBasedExtensionModal}
         >
-          <RiEditLine className='mr-1 h-4 w-4' />
+          <RiEditLine className="mr-1 h-4 w-4" />
           {t('common.operation.edit')}
         </Button>
         <Button
           onClick={() => setShowDeleteConfirm(true)}
         >
-          <RiDeleteBinLine className='mr-1 h-4 w-4' />
+          <RiDeleteBinLine className="mr-1 h-4 w-4" />
           {t('common.operation.delete')}
         </Button>
       </div>
       {
         showDeleteConfirm
-          && <Confirm
+        && (
+          <Confirm
             isShow={showDeleteConfirm}
             onCancel={() => setShowDeleteConfirm(false)}
             title={`${t('common.operation.delete')} “${data.name}”?`}
             onConfirm={handleDeleteApiBasedExtension}
             confirmText={t('common.operation.delete') || ''}
           />
+        )
       }
     </div>
   )
diff --git a/web/app/components/header/account-setting/api-based-extension-page/modal.tsx b/web/app/components/header/account-setting/api-based-extension-page/modal.tsx
index f6c0d93db0..d1f64f0d59 100644
--- a/web/app/components/header/account-setting/api-based-extension-page/modal.tsx
+++ b/web/app/components/header/account-setting/api-based-extension-page/modal.tsx
@@ -1,17 +1,17 @@
 import type { FC } from 'react'
+import type { ApiBasedExtension } from '@/models/common'
+import { noop } from 'lodash-es'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDocLink } from '@/context/i18n'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
 import { BookOpen01 } from '@/app/components/base/icons/src/vender/line/education'
-import type { ApiBasedExtension } from '@/models/common'
+import Modal from '@/app/components/base/modal'
+import { useToastContext } from '@/app/components/base/toast'
+import { useDocLink } from '@/context/i18n'
 import {
   addApiBasedExtension,
   updateApiBasedExtension,
 } from '@/service/common'
-import { useToastContext } from '@/app/components/base/toast'
-import { noop } from 'lodash-es'
 
 export type ApiBasedExtensionData = {
   name?: string
@@ -78,67 +78,68 @@ const ApiBasedExtensionModal: FC<ApiBasedExtensionModalProps> = ({
     <Modal
       isShow
       onClose={noop}
-      className='!w-[640px] !max-w-none !p-8 !pb-6'
+      className="!w-[640px] !max-w-none !p-8 !pb-6"
     >
-      <div className='mb-2 text-xl font-semibold text-text-primary'>
+      <div className="mb-2 text-xl font-semibold text-text-primary">
         {
           data.name
             ? t('common.apiBasedExtension.modal.editTitle')
             : t('common.apiBasedExtension.modal.title')
         }
       </div>
-      <div className='py-2'>
-        <div className='text-sm font-medium leading-9 text-text-primary'>
+      <div className="py-2">
+        <div className="text-sm font-medium leading-9 text-text-primary">
           {t('common.apiBasedExtension.modal.name.title')}
         </div>
         <input
           value={localeData.name || ''}
           onChange={e => handleDataChange('name', e.target.value)}
-          className='block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none'
+          className="block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none"
           placeholder={t('common.apiBasedExtension.modal.name.placeholder') || ''}
         />
       </div>
-      <div className='py-2'>
-        <div className='flex h-9 items-center justify-between text-sm font-medium text-text-primary'>
+      <div className="py-2">
+        <div className="flex h-9 items-center justify-between text-sm font-medium text-text-primary">
           {t('common.apiBasedExtension.modal.apiEndpoint.title')}
           <a
             href={docLink('/guides/extension/api-based-extension/README')}
-            target='_blank' rel='noopener noreferrer'
-            className='group flex items-center text-xs font-normal text-text-accent'
+            target="_blank"
+            rel="noopener noreferrer"
+            className="group flex items-center text-xs font-normal text-text-accent"
           >
-            <BookOpen01 className='mr-1 h-3 w-3' />
+            <BookOpen01 className="mr-1 h-3 w-3" />
             {t('common.apiBasedExtension.link')}
           </a>
         </div>
         <input
           value={localeData.api_endpoint || ''}
           onChange={e => handleDataChange('api_endpoint', e.target.value)}
-          className='block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none'
+          className="block h-9 w-full appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none"
           placeholder={t('common.apiBasedExtension.modal.apiEndpoint.placeholder') || ''}
         />
       </div>
-      <div className='py-2'>
-        <div className='text-sm font-medium leading-9 text-text-primary'>
+      <div className="py-2">
+        <div className="text-sm font-medium leading-9 text-text-primary">
           {t('common.apiBasedExtension.modal.apiKey.title')}
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <input
             value={localeData.api_key || ''}
             onChange={e => handleDataChange('api_key', e.target.value)}
-            className='mr-2 block h-9 grow appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none'
+            className="mr-2 block h-9 grow appearance-none rounded-lg bg-components-input-bg-normal px-3 text-sm text-text-primary outline-none"
             placeholder={t('common.apiBasedExtension.modal.apiKey.placeholder') || ''}
           />
         </div>
       </div>
-      <div className='mt-6 flex items-center justify-end'>
+      <div className="mt-6 flex items-center justify-end">
         <Button
           onClick={onCancel}
-          className='mr-2'
+          className="mr-2"
         >
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
+          variant="primary"
           disabled={!localeData.name || !localeData.api_endpoint || !localeData.api_key || loading}
           onClick={handleSave}
         >
diff --git a/web/app/components/header/account-setting/api-based-extension-page/selector.tsx b/web/app/components/header/account-setting/api-based-extension-page/selector.tsx
index 9da3745f2f..97d6058e47 100644
--- a/web/app/components/header/account-setting/api-based-extension-page/selector.tsx
+++ b/web/app/components/header/account-setting/api-based-extension-page/selector.tsx
@@ -1,20 +1,20 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
   RiArrowDownSLine,
 } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  ArrowUpRight,
+} from '@/app/components/base/icons/src/vender/line/arrows'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import {
-  ArrowUpRight,
-} from '@/app/components/base/icons/src/vender/line/arrows'
-import { useModalContext } from '@/context/modal-context'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useModalContext } from '@/context/modal-context'
 import { useApiBasedExtensions } from '@/service/use-common'
 
 type ApiBasedExtensionSelectorProps = {
@@ -44,74 +44,74 @@ const ApiBasedExtensionSelector: FC<ApiBasedExtensionSelectorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)} className='w-full'>
+      <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)} className="w-full">
         {
           currentItem
             ? (
-              <div className='flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2.5'>
-                <div className='text-sm text-text-primary'>{currentItem.name}</div>
-                <div className='flex items-center'>
-                  <div className='mr-1.5 w-[270px] truncate text-right text-xs text-text-quaternary'>
-                    {currentItem.api_endpoint}
+                <div className="flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2.5">
+                  <div className="text-sm text-text-primary">{currentItem.name}</div>
+                  <div className="flex items-center">
+                    <div className="mr-1.5 w-[270px] truncate text-right text-xs text-text-quaternary">
+                      {currentItem.api_endpoint}
+                    </div>
+                    <RiArrowDownSLine className={`h-4 w-4 text-text-secondary ${!open && 'opacity-60'}`} />
                   </div>
+                </div>
+              )
+            : (
+                <div className="flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2.5 text-sm text-text-quaternary">
+                  {t('common.apiBasedExtension.selector.placeholder')}
                   <RiArrowDownSLine className={`h-4 w-4 text-text-secondary ${!open && 'opacity-60'}`} />
                 </div>
-              </div>
-            )
-            : (
-              <div className='flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2.5 text-sm text-text-quaternary'>
-                {t('common.apiBasedExtension.selector.placeholder')}
-                <RiArrowDownSLine className={`h-4 w-4 text-text-secondary ${!open && 'opacity-60'}`} />
-              </div>
-            )
+              )
         }
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[102] w-[calc(100%-32px)] max-w-[576px]'>
-        <div className='z-10 w-full rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'>
-          <div className='p-1'>
-            <div className='flex items-center justify-between px-3 pb-1 pt-2'>
-              <div className='text-xs font-medium text-text-tertiary'>
+      <PortalToFollowElemContent className="z-[102] w-[calc(100%-32px)] max-w-[576px]">
+        <div className="z-10 w-full rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg">
+          <div className="p-1">
+            <div className="flex items-center justify-between px-3 pb-1 pt-2">
+              <div className="text-xs font-medium text-text-tertiary">
                 {t('common.apiBasedExtension.selector.title')}
               </div>
               <div
-                className='flex cursor-pointer items-center text-xs text-text-accent'
+                className="flex cursor-pointer items-center text-xs text-text-accent"
                 onClick={() => {
                   setOpen(false)
                   setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.API_BASED_EXTENSION })
                 }}
               >
                 {t('common.apiBasedExtension.selector.manage')}
-                <ArrowUpRight className='ml-0.5 h-3 w-3' />
+                <ArrowUpRight className="ml-0.5 h-3 w-3" />
               </div>
             </div>
-            <div className='max-h-[250px] overflow-y-auto'>
+            <div className="max-h-[250px] overflow-y-auto">
               {
                 data?.map(item => (
                   <div
                     key={item.id}
-                    className='w-full cursor-pointer rounded-md px-3 py-1.5 text-left hover:stroke-state-base-hover'
+                    className="w-full cursor-pointer rounded-md px-3 py-1.5 text-left hover:stroke-state-base-hover"
                     onClick={() => handleSelect(item.id!)}
                   >
-                    <div className='text-sm text-text-primary'>{item.name}</div>
-                    <div className='text-xs text-text-tertiary'>{item.api_endpoint}</div>
+                    <div className="text-sm text-text-primary">{item.name}</div>
+                    <div className="text-xs text-text-tertiary">{item.api_endpoint}</div>
                   </div>
                 ))
               }
             </div>
           </div>
-          <div className='h-px bg-divider-regular' />
-          <div className='p-1'>
+          <div className="h-px bg-divider-regular" />
+          <div className="p-1">
             <div
-              className='flex h-8 cursor-pointer items-center px-3 text-sm text-text-accent'
+              className="flex h-8 cursor-pointer items-center px-3 text-sm text-text-accent"
               onClick={() => {
                 setOpen(false)
                 setShowApiBasedExtensionModal({ payload: {}, onSaveCallback: () => mutate() })
               }}
             >
-              <RiAddLine className='mr-2 h-4 w-4' />
+              <RiAddLine className="mr-2 h-4 w-4" />
               {t('common.operation.add')}
             </div>
           </div>
diff --git a/web/app/components/header/account-setting/collapse/index.tsx b/web/app/components/header/account-setting/collapse/index.tsx
index 94ebbd5a78..7c66256fe5 100644
--- a/web/app/components/header/account-setting/collapse/index.tsx
+++ b/web/app/components/header/account-setting/collapse/index.tsx
@@ -1,5 +1,5 @@
-import { useState } from 'react'
 import { ChevronDownIcon, ChevronRightIcon } from '@heroicons/react/24/outline'
+import { useState } from 'react'
 import { cn } from '@/utils/classnames'
 
 export type IItem = {
@@ -26,17 +26,17 @@ const Collapse = ({
 
   return (
     <div className={cn('overflow-hidden rounded-xl bg-background-section-burn', wrapperClassName)}>
-      <div className='flex cursor-pointer items-center justify-between px-3 py-2 text-xs font-medium leading-[18px] text-text-secondary' onClick={toggle}>
+      <div className="flex cursor-pointer items-center justify-between px-3 py-2 text-xs font-medium leading-[18px] text-text-secondary" onClick={toggle}>
         {title}
         {
           open
-            ? <ChevronDownIcon className='h-3 w-3 text-components-button-tertiary-text' />
-            : <ChevronRightIcon className='h-3 w-3 text-components-button-tertiary-text' />
+            ? <ChevronDownIcon className="h-3 w-3 text-components-button-tertiary-text" />
+            : <ChevronRightIcon className="h-3 w-3 text-components-button-tertiary-text" />
         }
       </div>
       {
         open && (
-          <div className='mx-1 mb-1 rounded-lg border-t border-divider-subtle bg-components-panel-on-panel-item-bg py-1'>
+          <div className="mx-1 mb-1 rounded-lg border-t border-divider-subtle bg-components-panel-on-panel-item-bg py-1">
             {
               items.map(item => (
                 <div key={item.key} onClick={() => onSelect?.(item)}>
diff --git a/web/app/components/header/account-setting/data-source-page-new/card.tsx b/web/app/components/header/account-setting/data-source-page-new/card.tsx
index 1e2e60bb7a..aba3d429fa 100644
--- a/web/app/components/header/account-setting/data-source-page-new/card.tsx
+++ b/web/app/components/header/account-setting/data-source-page-new/card.tsx
@@ -1,26 +1,26 @@
+import type {
+  DataSourceAuth,
+  DataSourceCredential,
+} from './types'
 import {
   memo,
   useCallback,
   useRef,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import Item from './item'
-import Configure from './configure'
-import type {
-  DataSourceAuth,
-  DataSourceCredential,
-} from './types'
-import { useRenderI18nObject } from '@/hooks/use-i18n'
-import { AuthCategory } from '@/app/components/plugins/plugin-auth/types'
+import Confirm from '@/app/components/base/confirm'
 import {
   ApiKeyModal,
   usePluginAuthAction,
 } from '@/app/components/plugins/plugin-auth'
-import { useDataSourceAuthUpdate } from './hooks'
-import Confirm from '@/app/components/base/confirm'
-import { useGetDataSourceOAuthUrl } from '@/service/use-datasource'
-import { openOAuthPopup } from '@/hooks/use-oauth'
+import { AuthCategory } from '@/app/components/plugins/plugin-auth/types'
 import { CollectionType } from '@/app/components/tools/types'
+import { useRenderI18nObject } from '@/hooks/use-i18n'
+import { openOAuthPopup } from '@/hooks/use-oauth'
+import { useGetDataSourceOAuthUrl } from '@/service/use-datasource'
+import Configure from './configure'
+import { useDataSourceAuthUpdate } from './hooks'
+import Item from './item'
 
 type CardProps = {
   item: DataSourceAuth
@@ -113,19 +113,19 @@ const Card = ({
   ])
 
   return (
-    <div className='rounded-xl bg-background-section-burn'>
-      <div className='flex items-center p-3 pb-2'>
+    <div className="rounded-xl bg-background-section-burn">
+      <div className="flex items-center p-3 pb-2">
         <img
           src={icon}
-          className='mr-3 flex h-10 w-10 shrink-0 items-center justify-center'
+          className="mr-3 flex h-10 w-10 shrink-0 items-center justify-center"
         />
-        <div className='grow'>
-          <div className='system-md-semibold text-text-primary'>
+        <div className="grow">
+          <div className="system-md-semibold text-text-primary">
             {renderI18nObject(label)}
           </div>
-          <div className='system-xs-regular flex h-4 items-center text-text-tertiary'>
+          <div className="system-xs-regular flex h-4 items-center text-text-tertiary">
             {author}
-            <div className='mx-0.5 text-text-quaternary'>/</div>
+            <div className="mx-0.5 text-text-quaternary">/</div>
             {name}
           </div>
         </div>
@@ -135,13 +135,13 @@ const Card = ({
           onUpdate={handleAuthUpdate}
         />
       </div>
-      <div className='system-xs-medium flex h-4 items-center pl-3 text-text-tertiary'>
+      <div className="system-xs-medium flex h-4 items-center pl-3 text-text-tertiary">
         {t('plugin.auth.connectedWorkspace')}
-        <div className='ml-3 h-[1px] grow bg-divider-subtle'></div>
+        <div className="ml-3 h-[1px] grow bg-divider-subtle"></div>
       </div>
       {
         !!credentials_list.length && (
-          <div className='space-y-1 p-3 pt-2'>
+          <div className="space-y-1 p-3 pt-2">
             {
               credentials_list.map(credentialItem => (
                 <Item
@@ -156,8 +156,8 @@ const Card = ({
       }
       {
         !credentials_list.length && (
-          <div className='p-3 pt-1'>
-            <div className='system-xs-regular flex h-10 items-center justify-center rounded-[10px] bg-background-section text-text-tertiary'>
+          <div className="p-3 pt-1">
+            <div className="system-xs-regular flex h-10 items-center justify-center rounded-[10px] bg-background-section text-text-tertiary">
               {t('plugin.auth.emptyAuth')}
             </div>
           </div>
diff --git a/web/app/components/header/account-setting/data-source-page-new/configure.tsx b/web/app/components/header/account-setting/data-source-page-new/configure.tsx
index e597efe14f..b4b0c6de0b 100644
--- a/web/app/components/header/account-setting/data-source-page-new/configure.tsx
+++ b/web/app/components/header/account-setting/data-source-page-new/configure.tsx
@@ -1,29 +1,29 @@
-import {
-  memo,
-  useCallback,
-  useMemo,
-  useState,
-} from 'react'
-import {
-  RiAddLine,
-} from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-  PortalToFollowElemTrigger,
-} from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import {
-  AddApiKeyButton,
-  AddOAuthButton,
-} from '@/app/components/plugins/plugin-auth'
 import type { DataSourceAuth } from './types'
 import type {
   AddApiKeyButtonProps,
   AddOAuthButtonProps,
   PluginPayload,
 } from '@/app/components/plugins/plugin-auth/types'
+import {
+  RiAddLine,
+} from '@remixicon/react'
+import {
+  memo,
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+  PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+import {
+  AddApiKeyButton,
+  AddOAuthButton,
+} from '@/app/components/plugins/plugin-auth'
 
 type ConfigureProps = {
   item: DataSourceAuth
@@ -70,7 +70,7 @@ const Configure = ({
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='bottom-end'
+        placement="bottom-end"
         offset={{
           mainAxis: 4,
           crossAxis: -4,
@@ -78,14 +78,14 @@ const Configure = ({
       >
         <PortalToFollowElemTrigger onClick={handleToggle}>
           <Button
-            variant='secondary-accent'
+            variant="secondary-accent"
           >
-            <RiAddLine className='h-4 w-4' />
+            <RiAddLine className="h-4 w-4" />
             {t('common.dataSource.configure')}
           </Button>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[61]'>
-          <div className='w-[240px] space-y-1.5 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-lg'>
+        <PortalToFollowElemContent className="z-[61]">
+          <div className="w-[240px] space-y-1.5 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-lg">
             {
               !!canOAuth && (
                 <AddOAuthButton
@@ -104,10 +104,10 @@ const Configure = ({
             }
             {
               !!canApiKey && !!canOAuth && (
-                <div className='system-2xs-medium-uppercase flex h-4 items-center p-2 text-text-quaternary'>
-                  <div className='mr-2 h-[1px] grow bg-gradient-to-l from-[rgba(16,24,40,0.08)]' />
+                <div className="system-2xs-medium-uppercase flex h-4 items-center p-2 text-text-quaternary">
+                  <div className="mr-2 h-[1px] grow bg-gradient-to-l from-[rgba(16,24,40,0.08)]" />
                   OR
-                  <div className='ml-2 h-[1px] grow bg-gradient-to-r from-[rgba(16,24,40,0.08)]' />
+                  <div className="ml-2 h-[1px] grow bg-gradient-to-r from-[rgba(16,24,40,0.08)]" />
                 </div>
               )
             }
diff --git a/web/app/components/header/account-setting/data-source-page-new/hooks/index.ts b/web/app/components/header/account-setting/data-source-page-new/hooks/index.ts
index 8ba0b234fd..991c6e2189 100644
--- a/web/app/components/header/account-setting/data-source-page-new/hooks/index.ts
+++ b/web/app/components/header/account-setting/data-source-page-new/hooks/index.ts
@@ -1,2 +1,2 @@
-export * from './use-marketplace-all-plugins'
 export * from './use-data-source-auth-update'
+export * from './use-marketplace-all-plugins'
diff --git a/web/app/components/header/account-setting/data-source-page-new/hooks/use-data-source-auth-update.ts b/web/app/components/header/account-setting/data-source-page-new/hooks/use-data-source-auth-update.ts
index d2b3797b76..48916ad1c7 100644
--- a/web/app/components/header/account-setting/data-source-page-new/hooks/use-data-source-auth-update.ts
+++ b/web/app/components/header/account-setting/data-source-page-new/hooks/use-data-source-auth-update.ts
@@ -1,6 +1,5 @@
 import { useCallback } from 'react'
-import { useInvalidDataSourceAuth, useInvalidDataSourceListAuth } from '@/service/use-datasource'
-import { useInvalidDefaultDataSourceListAuth } from '@/service/use-datasource'
+import { useInvalidDataSourceAuth, useInvalidDataSourceListAuth, useInvalidDefaultDataSourceListAuth } from '@/service/use-datasource'
 import { useInvalidDataSourceList } from '@/service/use-pipeline'
 
 export const useDataSourceAuthUpdate = ({
diff --git a/web/app/components/header/account-setting/data-source-page-new/index.tsx b/web/app/components/header/account-setting/data-source-page-new/index.tsx
index 0264721721..e7884cc2db 100644
--- a/web/app/components/header/account-setting/data-source-page-new/index.tsx
+++ b/web/app/components/header/account-setting/data-source-page-new/index.tsx
@@ -1,8 +1,8 @@
 import { memo } from 'react'
-import Card from './card'
-import InstallFromMarketplace from './install-from-marketplace'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useGetDataSourceListAuth } from '@/service/use-datasource'
+import Card from './card'
+import InstallFromMarketplace from './install-from-marketplace'
 
 const DataSourcePage = () => {
   const { enable_marketplace } = useGlobalPublicStore(s => s.systemFeatures)
@@ -10,7 +10,7 @@ const DataSourcePage = () => {
 
   return (
     <div>
-      <div className='space-y-2'>
+      <div className="space-y-2">
         {
           data?.result.map(item => (
             <Card
@@ -24,7 +24,7 @@ const DataSourcePage = () => {
         enable_marketplace && (
           <InstallFromMarketplace
             providers={data?.result || []}
-            searchText={''}
+            searchText=""
           />
         )
       }
diff --git a/web/app/components/header/account-setting/data-source-page-new/install-from-marketplace.tsx b/web/app/components/header/account-setting/data-source-page-new/install-from-marketplace.tsx
index 9056b96299..82cc4ed0e3 100644
--- a/web/app/components/header/account-setting/data-source-page-new/install-from-marketplace.tsx
+++ b/web/app/components/header/account-setting/data-source-page-new/install-from-marketplace.tsx
@@ -1,26 +1,26 @@
+import type { Plugin } from '@/app/components/plugins/types'
+import {
+  RiArrowDownSLine,
+  RiArrowRightUpLine,
+} from '@remixicon/react'
+import { useTheme } from 'next-themes'
+import Link from 'next/link'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
-import { useTheme } from 'next-themes'
 import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import {
-  RiArrowDownSLine,
-  RiArrowRightUpLine,
-} from '@remixicon/react'
+import Divider from '@/app/components/base/divider'
+import Loading from '@/app/components/base/loading'
+import List from '@/app/components/plugins/marketplace/list'
+import ProviderCard from '@/app/components/plugins/provider-card'
+import { getLocaleOnClient } from '@/i18n-config'
+import { cn } from '@/utils/classnames'
+import { getMarketplaceUrl } from '@/utils/var'
 import {
   useMarketplaceAllPlugins,
 } from './hooks'
-import Divider from '@/app/components/base/divider'
-import Loading from '@/app/components/base/loading'
-import ProviderCard from '@/app/components/plugins/provider-card'
-import List from '@/app/components/plugins/marketplace/list'
-import type { Plugin } from '@/app/components/plugins/types'
-import { cn } from '@/utils/classnames'
-import { getLocaleOnClient } from '@/i18n-config'
-import { getMarketplaceUrl } from '@/utils/var'
 
 type InstallFromMarketplaceProps = {
   providers: any[]
@@ -47,22 +47,22 @@ const InstallFromMarketplace = ({
   }, [])
 
   return (
-    <div className='mb-2'>
-      <Divider className='!mt-4 h-px' />
-      <div className='flex items-center justify-between'>
-        <div className='system-md-semibold flex cursor-pointer items-center gap-1 text-text-primary' onClick={() => setCollapse(!collapse)}>
+    <div className="mb-2">
+      <Divider className="!mt-4 h-px" />
+      <div className="flex items-center justify-between">
+        <div className="system-md-semibold flex cursor-pointer items-center gap-1 text-text-primary" onClick={() => setCollapse(!collapse)}>
           <RiArrowDownSLine className={cn('h-4 w-4', collapse && '-rotate-90')} />
           {t('common.modelProvider.installDataSourceProvider')}
         </div>
-        <div className='mb-2 flex items-center pt-2'>
-          <span className='system-sm-regular pr-1 text-text-tertiary'>{t('common.modelProvider.discoverMore')}</span>
-          <Link target="_blank" href={getMarketplaceUrl('', { theme })} className='system-sm-medium inline-flex items-center text-text-accent'>
+        <div className="mb-2 flex items-center pt-2">
+          <span className="system-sm-regular pr-1 text-text-tertiary">{t('common.modelProvider.discoverMore')}</span>
+          <Link target="_blank" href={getMarketplaceUrl('', { theme })} className="system-sm-medium inline-flex items-center text-text-accent">
             {t('plugin.marketplace.difyMarketplace')}
-            <RiArrowRightUpLine className='h-4 w-4' />
+            <RiArrowRightUpLine className="h-4 w-4" />
           </Link>
         </div>
       </div>
-      {!collapse && isAllPluginsLoading && <Loading type='area' />}
+      {!collapse && isAllPluginsLoading && <Loading type="area" />}
       {
         !isAllPluginsLoading && !collapse && (
           <List
@@ -71,9 +71,9 @@ const InstallFromMarketplace = ({
             plugins={allPlugins}
             showInstallButton
             locale={locale}
-            cardContainerClassName='grid grid-cols-2 gap-2'
+            cardContainerClassName="grid grid-cols-2 gap-2"
             cardRender={cardRender}
-            emptyClassName='h-auto'
+            emptyClassName="h-auto"
           />
         )
       }
diff --git a/web/app/components/header/account-setting/data-source-page-new/item.tsx b/web/app/components/header/account-setting/data-source-page-new/item.tsx
index 76206a4037..3327765b69 100644
--- a/web/app/components/header/account-setting/data-source-page-new/item.tsx
+++ b/web/app/components/header/account-setting/data-source-page-new/item.tsx
@@ -1,15 +1,15 @@
+import type {
+  DataSourceCredential,
+} from './types'
 import {
   memo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
 import Indicator from '@/app/components/header/indicator'
 import Operator from './operator'
-import type {
-  DataSourceCredential,
-} from './types'
-import Input from '@/app/components/base/input'
-import Button from '@/app/components/base/button'
 
 type ItemProps = {
   credentialItem: DataSourceCredential
@@ -24,22 +24,22 @@ const Item = ({
   const [renameValue, setRenameValue] = useState(credentialItem.name)
 
   return (
-    <div className='flex h-10 items-center rounded-lg bg-components-panel-on-panel-item-bg pl-3 pr-1'>
+    <div className="flex h-10 items-center rounded-lg bg-components-panel-on-panel-item-bg pl-3 pr-1">
       {/* <div className='mr-2 h-5 w-5 shrink-0'></div> */}
       {
         renaming && (
-          <div className='flex w-full items-center space-x-1'>
+          <div className="flex w-full items-center space-x-1">
             <Input
-              wrapperClassName='grow rounded-[6px]'
-              className='h-6'
+              wrapperClassName="grow rounded-[6px]"
+              className="h-6"
               value={renameValue}
               onChange={e => setRenameValue(e.target.value)}
               placeholder={t('common.placeholder.input')}
               onClick={e => e.stopPropagation()}
             />
             <Button
-              size='small'
-              variant='primary'
+              size="small"
+              variant="primary"
               onClick={(e) => {
                 e.stopPropagation()
                 onAction?.(
@@ -56,7 +56,7 @@ const Item = ({
               {t('common.operation.save')}
             </Button>
             <Button
-              size='small'
+              size="small"
               onClick={(e) => {
                 e.stopPropagation()
                 setRenaming(false)
@@ -69,20 +69,20 @@ const Item = ({
       }
       {
         !renaming && (
-          <div className='system-sm-medium grow text-text-secondary'>
+          <div className="system-sm-medium grow text-text-secondary">
             {credentialItem.name}
           </div>
         )
       }
-      <div className='flex shrink-0 items-center'>
-        <div className='mr-1 flex h-3 w-3 items-center justify-center'>
-          <Indicator color='green' />
+      <div className="flex shrink-0 items-center">
+        <div className="mr-1 flex h-3 w-3 items-center justify-center">
+          <Indicator color="green" />
         </div>
-        <div className='system-xs-semibold-uppercase text-util-colors-green-green-600'>
+        <div className="system-xs-semibold-uppercase text-util-colors-green-green-600">
           connected
         </div>
       </div>
-      <div className='ml-3 mr-2 h-3 w-[1px] bg-divider-regular'></div>
+      <div className="ml-3 mr-2 h-3 w-[1px] bg-divider-regular"></div>
       <Operator
         credentialItem={credentialItem}
         onAction={onAction}
diff --git a/web/app/components/header/account-setting/data-source-page-new/operator.tsx b/web/app/components/header/account-setting/data-source-page-new/operator.tsx
index 60dd32f904..4958e6f400 100644
--- a/web/app/components/header/account-setting/data-source-page-new/operator.tsx
+++ b/web/app/components/header/account-setting/data-source-page-new/operator.tsx
@@ -1,9 +1,7 @@
-import {
-  memo,
-  useCallback,
-  useMemo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
+import type {
+  DataSourceCredential,
+} from './types'
+import type { Item } from '@/app/components/base/dropdown'
 import {
   RiDeleteBinLine,
   RiEditLine,
@@ -11,11 +9,13 @@ import {
   RiHome9Line,
   RiStickyNoteAddLine,
 } from '@remixicon/react'
+import {
+  memo,
+  useCallback,
+  useMemo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import Dropdown from '@/app/components/base/dropdown'
-import type { Item } from '@/app/components/base/dropdown'
-import type {
-  DataSourceCredential,
-} from './types'
 import { CredentialTypeEnum } from '@/app/components/plugins/plugin-auth/types'
 
 type OperatorProps = {
@@ -37,40 +37,40 @@ const Operator = ({
       {
         value: 'setDefault',
         text: (
-          <div className='flex items-center'>
-            <RiHome9Line className='mr-2 h-4 w-4 text-text-tertiary' />
-            <div className='system-sm-semibold text-text-secondary'>{t('plugin.auth.setDefault')}</div>
+          <div className="flex items-center">
+            <RiHome9Line className="mr-2 h-4 w-4 text-text-tertiary" />
+            <div className="system-sm-semibold text-text-secondary">{t('plugin.auth.setDefault')}</div>
           </div>
         ),
       },
       ...(
         type === CredentialTypeEnum.OAUTH2
           ? [
-            {
-              value: 'rename',
-              text: (
-                <div className='flex items-center'>
-                  <RiEditLine className='mr-2 h-4 w-4 text-text-tertiary' />
-                  <div className='system-sm-semibold text-text-secondary'>{t('common.operation.rename')}</div>
-                </div>
-              ),
-            },
-          ]
+              {
+                value: 'rename',
+                text: (
+                  <div className="flex items-center">
+                    <RiEditLine className="mr-2 h-4 w-4 text-text-tertiary" />
+                    <div className="system-sm-semibold text-text-secondary">{t('common.operation.rename')}</div>
+                  </div>
+                ),
+              },
+            ]
           : []
       ),
       ...(
         type === CredentialTypeEnum.API_KEY
           ? [
-            {
-              value: 'edit',
-              text: (
-                <div className='flex items-center'>
-                  <RiEqualizer2Line className='mr-2 h-4 w-4 text-text-tertiary' />
-                  <div className='system-sm-semibold text-text-secondary'>{t('common.operation.edit')}</div>
-                </div>
-              ),
-            },
-          ]
+              {
+                value: 'edit',
+                text: (
+                  <div className="flex items-center">
+                    <RiEqualizer2Line className="mr-2 h-4 w-4 text-text-tertiary" />
+                    <div className="system-sm-semibold text-text-secondary">{t('common.operation.edit')}</div>
+                  </div>
+                ),
+              },
+            ]
           : []
       ),
     ]
@@ -79,9 +79,9 @@ const Operator = ({
         {
           value: 'change',
           text: (
-            <div className='flex items-center'>
-              <RiStickyNoteAddLine className='mr-2 h-4 w-4 text-text-tertiary' />
-              <div className='system-sm-semibold mb-1 text-text-secondary'>{t('common.dataSource.notion.changeAuthorizedPages')}</div>
+            <div className="flex items-center">
+              <RiStickyNoteAddLine className="mr-2 h-4 w-4 text-text-tertiary" />
+              <div className="system-sm-semibold mb-1 text-text-secondary">{t('common.dataSource.notion.changeAuthorizedPages')}</div>
             </div>
           ),
         },
@@ -96,9 +96,9 @@ const Operator = ({
       {
         value: 'delete',
         text: (
-          <div className='flex items-center'>
-            <RiDeleteBinLine className='mr-2 h-4 w-4 text-text-tertiary' />
-            <div className='system-sm-semibold text-text-secondary'>
+          <div className="flex items-center">
+            <RiDeleteBinLine className="mr-2 h-4 w-4 text-text-tertiary" />
+            <div className="system-sm-semibold text-text-secondary">
               {t('common.operation.remove')}
             </div>
           </div>
@@ -122,12 +122,12 @@ const Operator = ({
       items={items}
       secondItems={secondItems}
       onSelect={handleSelect}
-      popupClassName='z-[61]'
+      popupClassName="z-[61]"
       triggerProps={{
         size: 'l',
       }}
-      itemClassName='py-2 h-auto hover:bg-state-base-hover'
-      secondItemClassName='py-2 h-auto hover:bg-state-base-hover'
+      itemClassName="py-2 h-auto hover:bg-state-base-hover"
+      secondItemClassName="py-2 h-auto hover:bg-state-base-hover"
     />
   )
 }
diff --git a/web/app/components/header/account-setting/data-source-page/data-source-notion/index.tsx b/web/app/components/header/account-setting/data-source-page/data-source-notion/index.tsx
index 68fd52d0a4..7897e6da94 100644
--- a/web/app/components/header/account-setting/data-source-page/data-source-notion/index.tsx
+++ b/web/app/components/header/account-setting/data-source-page/data-source-notion/index.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { DataSourceNotion as TDataSourceNotion } from '@/models/common'
+import { noop } from 'lodash-es'
 import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import NotionIcon from '@/app/components/base/notion-icon'
+import Toast from '@/app/components/base/toast'
+import { useAppContext } from '@/context/app-context'
+import { useDataSourceIntegrates, useNotionConnection } from '@/service/use-common'
 import Panel from '../panel'
 import { DataSourceType } from '../panel/types'
-import type { DataSourceNotion as TDataSourceNotion } from '@/models/common'
-import { useAppContext } from '@/context/app-context'
-import NotionIcon from '@/app/components/base/notion-icon'
-import { noop } from 'lodash-es'
-import { useTranslation } from 'react-i18next'
-import Toast from '@/app/components/base/toast'
-import { useDataSourceIntegrates, useNotionConnection } from '@/service/use-common'
 
 const Icon: FC<{
   src: string
@@ -84,7 +84,8 @@ const DataSourceNotion: FC<Props> = ({
             src={workspace.source_info.workspace_icon!}
             name={workspace.source_info.workspace_name}
             className={className}
-          />),
+          />
+        ),
         name: workspace.source_info.workspace_name,
         isActive: workspace.is_bound,
         notionConfig: {
diff --git a/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx b/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx
index 61db976dbb..956bf35aed 100644
--- a/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx
+++ b/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx
@@ -1,16 +1,16 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { Fragment } from 'react'
+import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import {
   RiDeleteBinLine,
   RiLoopLeftLine,
   RiMoreFill,
   RiStickyNoteAddLine,
 } from '@remixicon/react'
-import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
+import { Fragment } from 'react'
+import { useTranslation } from 'react-i18next'
+import Toast from '@/app/components/base/toast'
 import { syncDataSourceNotion, updateDataSourceNotionAction } from '@/service/common'
 import { useInvalidDataSourceIntegrates } from '@/service/use-common'
-import Toast from '@/app/components/base/toast'
 import { cn } from '@/utils/classnames'
 
 type OperateProps = {
@@ -49,7 +49,7 @@ export default function Operate({
         ({ open }) => (
           <>
             <MenuButton className={cn('flex h-8 w-8 items-center justify-center rounded-lg hover:bg-state-base-hover', open && 'bg-state-base-hover')}>
-              <RiMoreFill className='h-4 w-4 text-text-secondary' />
+              <RiMoreFill className="h-4 w-4 text-text-secondary" />
             </MenuButton>
             <Transition
               as={Fragment}
@@ -64,30 +64,32 @@ export default function Operate({
                 <div className="px-1 py-1">
                   <MenuItem>
                     <div
-                      className='flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover'
+                      className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover"
                       onClick={onAuthAgain}
                     >
-                      <RiStickyNoteAddLine className='mr-2 mt-[2px] h-4 w-4 text-text-tertiary' />
+                      <RiStickyNoteAddLine className="mr-2 mt-[2px] h-4 w-4 text-text-tertiary" />
                       <div>
-                        <div className='system-sm-semibold text-text-secondary'>{t('common.dataSource.notion.changeAuthorizedPages')}</div>
-                        <div className='system-xs-regular text-text-tertiary'>
-                          {payload.total} {t('common.dataSource.notion.pagesAuthorized')}
+                        <div className="system-sm-semibold text-text-secondary">{t('common.dataSource.notion.changeAuthorizedPages')}</div>
+                        <div className="system-xs-regular text-text-tertiary">
+                          {payload.total}
+                          {' '}
+                          {t('common.dataSource.notion.pagesAuthorized')}
                         </div>
                       </div>
                     </div>
                   </MenuItem>
                   <MenuItem>
-                    <div className='flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover' onClick={handleSync}>
-                      <RiLoopLeftLine className='mr-2 mt-[2px] h-4 w-4 text-text-tertiary' />
-                      <div className='system-sm-semibold text-text-secondary'>{t('common.dataSource.notion.sync')}</div>
+                    <div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={handleSync}>
+                      <RiLoopLeftLine className="mr-2 mt-[2px] h-4 w-4 text-text-tertiary" />
+                      <div className="system-sm-semibold text-text-secondary">{t('common.dataSource.notion.sync')}</div>
                     </div>
                   </MenuItem>
                 </div>
                 <MenuItem>
-                  <div className='border-t border-divider-subtle p-1'>
-                    <div className='flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover' onClick={handleRemove}>
-                      <RiDeleteBinLine className='mr-2 mt-[2px] h-4 w-4 text-text-tertiary' />
-                      <div className='system-sm-semibold text-text-secondary'>{t('common.dataSource.notion.remove')}</div>
+                  <div className="border-t border-divider-subtle p-1">
+                    <div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={handleRemove}>
+                      <RiDeleteBinLine className="mr-2 mt-[2px] h-4 w-4 text-text-tertiary" />
+                      <div className="system-sm-semibold text-text-secondary">{t('common.dataSource.notion.remove')}</div>
                     </div>
                   </div>
                 </MenuItem>
diff --git a/web/app/components/header/account-setting/data-source-page/data-source-website/config-firecrawl-modal.tsx b/web/app/components/header/account-setting/data-source-page/data-source-website/config-firecrawl-modal.tsx
index 81ee35a6fa..0d30ed1d85 100644
--- a/web/app/components/header/account-setting/data-source-page/data-source-website/config-firecrawl-modal.tsx
+++ b/web/app/components/header/account-setting/data-source-page/data-source-website/config-firecrawl-modal.tsx
@@ -1,18 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { FirecrawlConfig } from '@/models/common'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
-import Button from '@/app/components/base/button'
-import type { FirecrawlConfig } from '@/models/common'
-import Field from '@/app/components/datasets/create/website/base/field'
 import Toast from '@/app/components/base/toast'
+import Field from '@/app/components/datasets/create/website/base/field'
 import { createDataSourceApiKeyBinding } from '@/service/datasets'
-import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+
 type Props = {
   onCancel: () => void
   onSaved: () => void
@@ -88,47 +89,47 @@ const ConfigFirecrawlModal: FC<Props> = ({
 
   return (
     <PortalToFollowElem open>
-      <PortalToFollowElemContent className='z-[60] h-full w-full'>
-        <div className='fixed inset-0 flex items-center justify-center bg-background-overlay'>
-          <div className='mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl'>
-            <div className='px-8 pt-8'>
-              <div className='mb-4 flex items-center justify-between'>
-                <div className='system-xl-semibold text-text-primary'>{t(`${I18N_PREFIX}.configFirecrawl`)}</div>
+      <PortalToFollowElemContent className="z-[60] h-full w-full">
+        <div className="fixed inset-0 flex items-center justify-center bg-background-overlay">
+          <div className="mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl">
+            <div className="px-8 pt-8">
+              <div className="mb-4 flex items-center justify-between">
+                <div className="system-xl-semibold text-text-primary">{t(`${I18N_PREFIX}.configFirecrawl`)}</div>
               </div>
 
-              <div className='space-y-4'>
+              <div className="space-y-4">
                 <Field
-                  label='API Key'
-                  labelClassName='!text-sm'
+                  label="API Key"
+                  labelClassName="!text-sm"
                   isRequired
                   value={config.api_key}
                   onChange={handleConfigChange('api_key')}
                   placeholder={t(`${I18N_PREFIX}.apiKeyPlaceholder`)!}
                 />
                 <Field
-                  label='Base URL'
-                  labelClassName='!text-sm'
+                  label="Base URL"
+                  labelClassName="!text-sm"
                   value={config.base_url}
                   onChange={handleConfigChange('base_url')}
                   placeholder={DEFAULT_BASE_URL}
                 />
               </div>
-              <div className='my-8 flex h-8 items-center justify-between'>
-                <a className='flex items-center space-x-1 text-xs font-normal leading-[18px] text-text-accent' target='_blank' href='https://www.firecrawl.dev/account'>
+              <div className="my-8 flex h-8 items-center justify-between">
+                <a className="flex items-center space-x-1 text-xs font-normal leading-[18px] text-text-accent" target="_blank" href="https://www.firecrawl.dev/account">
                   <span>{t(`${I18N_PREFIX}.getApiKeyLinkText`)}</span>
-                  <LinkExternal02 className='h-3 w-3' />
+                  <LinkExternal02 className="h-3 w-3" />
                 </a>
-                <div className='flex'>
+                <div className="flex">
                   <Button
-                    size='large'
-                    className='mr-2'
+                    size="large"
+                    className="mr-2"
                     onClick={onCancel}
                   >
                     {t('common.operation.cancel')}
                   </Button>
                   <Button
-                    variant='primary'
-                    size='large'
+                    variant="primary"
+                    size="large"
                     onClick={handleSave}
                     loading={isSaving}
                   >
@@ -138,14 +139,15 @@ const ConfigFirecrawlModal: FC<Props> = ({
 
               </div>
             </div>
-            <div className='border-t-[0.5px] border-t-divider-regular'>
-              <div className='flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary'>
-                <Lock01 className='mr-1 h-3 w-3 text-text-tertiary' />
+            <div className="border-t-[0.5px] border-t-divider-regular">
+              <div className="flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary">
+                <Lock01 className="mr-1 h-3 w-3 text-text-tertiary" />
                 {t('common.modelProvider.encrypted.front')}
                 <a
-                  className='mx-1 text-text-accent'
-                  target='_blank' rel='noopener noreferrer'
-                  href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+                  className="mx-1 text-text-accent"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
                 >
                   PKCS1_OAEP
                 </a>
diff --git a/web/app/components/header/account-setting/data-source-page/data-source-website/config-jina-reader-modal.tsx b/web/app/components/header/account-setting/data-source-page/data-source-website/config-jina-reader-modal.tsx
index 1e57e2fc37..e02a49e5e1 100644
--- a/web/app/components/header/account-setting/data-source-page/data-source-website/config-jina-reader-modal.tsx
+++ b/web/app/components/header/account-setting/data-source-page/data-source-website/config-jina-reader-modal.tsx
@@ -2,17 +2,18 @@
 import type { FC } from 'react'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
-import Button from '@/app/components/base/button'
-import { DataSourceProvider } from '@/models/common'
-import Field from '@/app/components/datasets/create/website/base/field'
 import Toast from '@/app/components/base/toast'
+import Field from '@/app/components/datasets/create/website/base/field'
+import { DataSourceProvider } from '@/models/common'
 import { createDataSourceApiKeyBinding } from '@/service/datasets'
-import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+
 type Props = {
   onCancel: () => void
   onSaved: () => void
@@ -74,40 +75,40 @@ const ConfigJinaReaderModal: FC<Props> = ({
 
   return (
     <PortalToFollowElem open>
-      <PortalToFollowElemContent className='z-[60] h-full w-full'>
-        <div className='fixed inset-0 flex items-center justify-center bg-background-overlay'>
-          <div className='mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl'>
-            <div className='px-8 pt-8'>
-              <div className='mb-4 flex items-center justify-between'>
-                <div className='system-xl-semibold text-text-primary'>{t(`${I18N_PREFIX}.configJinaReader`)}</div>
+      <PortalToFollowElemContent className="z-[60] h-full w-full">
+        <div className="fixed inset-0 flex items-center justify-center bg-background-overlay">
+          <div className="mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl">
+            <div className="px-8 pt-8">
+              <div className="mb-4 flex items-center justify-between">
+                <div className="system-xl-semibold text-text-primary">{t(`${I18N_PREFIX}.configJinaReader`)}</div>
               </div>
 
-              <div className='space-y-4'>
+              <div className="space-y-4">
                 <Field
-                  label='API Key'
-                  labelClassName='!text-sm'
+                  label="API Key"
+                  labelClassName="!text-sm"
                   isRequired
                   value={apiKey}
                   onChange={(value: string | number) => setApiKey(value as string)}
                   placeholder={t(`${I18N_PREFIX}.apiKeyPlaceholder`)!}
                 />
               </div>
-              <div className='my-8 flex h-8 items-center justify-between'>
-                <a className='flex items-center space-x-1 text-xs font-normal leading-[18px] text-text-accent' target='_blank' href='https://jina.ai/reader/'>
+              <div className="my-8 flex h-8 items-center justify-between">
+                <a className="flex items-center space-x-1 text-xs font-normal leading-[18px] text-text-accent" target="_blank" href="https://jina.ai/reader/">
                   <span>{t(`${I18N_PREFIX}.getApiKeyLinkText`)}</span>
-                  <LinkExternal02 className='h-3 w-3' />
+                  <LinkExternal02 className="h-3 w-3" />
                 </a>
-                <div className='flex'>
+                <div className="flex">
                   <Button
-                    size='large'
-                    className='mr-2'
+                    size="large"
+                    className="mr-2"
                     onClick={onCancel}
                   >
                     {t('common.operation.cancel')}
                   </Button>
                   <Button
-                    variant='primary'
-                    size='large'
+                    variant="primary"
+                    size="large"
                     onClick={handleSave}
                     loading={isSaving}
                   >
@@ -117,14 +118,15 @@ const ConfigJinaReaderModal: FC<Props> = ({
 
               </div>
             </div>
-            <div className='border-t-[0.5px] border-t-divider-regular'>
-              <div className='flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary'>
-                <Lock01 className='mr-1 h-3 w-3 text-text-tertiary' />
+            <div className="border-t-[0.5px] border-t-divider-regular">
+              <div className="flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary">
+                <Lock01 className="mr-1 h-3 w-3 text-text-tertiary" />
                 {t('common.modelProvider.encrypted.front')}
                 <a
-                  className='mx-1 text-text-accent'
-                  target='_blank' rel='noopener noreferrer'
-                  href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+                  className="mx-1 text-text-accent"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
                 >
                   PKCS1_OAEP
                 </a>
diff --git a/web/app/components/header/account-setting/data-source-page/data-source-website/config-watercrawl-modal.tsx b/web/app/components/header/account-setting/data-source-page/data-source-website/config-watercrawl-modal.tsx
index ff853534ed..7405991f83 100644
--- a/web/app/components/header/account-setting/data-source-page/data-source-website/config-watercrawl-modal.tsx
+++ b/web/app/components/header/account-setting/data-source-page/data-source-website/config-watercrawl-modal.tsx
@@ -1,18 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { WatercrawlConfig } from '@/models/common'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
-import Button from '@/app/components/base/button'
-import type { WatercrawlConfig } from '@/models/common'
-import Field from '@/app/components/datasets/create/website/base/field'
 import Toast from '@/app/components/base/toast'
+import Field from '@/app/components/datasets/create/website/base/field'
 import { createDataSourceApiKeyBinding } from '@/service/datasets'
-import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+
 type Props = {
   onCancel: () => void
   onSaved: () => void
@@ -88,47 +89,47 @@ const ConfigWatercrawlModal: FC<Props> = ({
 
   return (
     <PortalToFollowElem open>
-      <PortalToFollowElemContent className='z-[60] h-full w-full'>
-        <div className='fixed inset-0 flex items-center justify-center bg-background-overlay'>
-          <div className='mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl'>
-            <div className='px-8 pt-8'>
-              <div className='mb-4 flex items-center justify-between'>
-                <div className='system-xl-semibold text-text-primary'>{t(`${I18N_PREFIX}.configWatercrawl`)}</div>
+      <PortalToFollowElemContent className="z-[60] h-full w-full">
+        <div className="fixed inset-0 flex items-center justify-center bg-background-overlay">
+          <div className="mx-2 max-h-[calc(100vh-120px)] w-[640px] overflow-y-auto rounded-2xl bg-components-panel-bg shadow-xl">
+            <div className="px-8 pt-8">
+              <div className="mb-4 flex items-center justify-between">
+                <div className="system-xl-semibold text-text-primary">{t(`${I18N_PREFIX}.configWatercrawl`)}</div>
               </div>
 
-              <div className='space-y-4'>
+              <div className="space-y-4">
                 <Field
-                  label='API Key'
-                  labelClassName='!text-sm'
+                  label="API Key"
+                  labelClassName="!text-sm"
                   isRequired
                   value={config.api_key}
                   onChange={handleConfigChange('api_key')}
                   placeholder={t(`${I18N_PREFIX}.apiKeyPlaceholder`)!}
                 />
                 <Field
-                  label='Base URL'
-                  labelClassName='!text-sm'
+                  label="Base URL"
+                  labelClassName="!text-sm"
                   value={config.base_url}
                   onChange={handleConfigChange('base_url')}
                   placeholder={DEFAULT_BASE_URL}
                 />
               </div>
-              <div className='my-8 flex h-8 items-center justify-between'>
-                <a className='flex items-center space-x-1 text-xs font-normal leading-[18px] text-text-accent' target='_blank' href='https://app.watercrawl.dev/'>
+              <div className="my-8 flex h-8 items-center justify-between">
+                <a className="flex items-center space-x-1 text-xs font-normal leading-[18px] text-text-accent" target="_blank" href="https://app.watercrawl.dev/">
                   <span>{t(`${I18N_PREFIX}.getApiKeyLinkText`)}</span>
-                  <LinkExternal02 className='h-3 w-3' />
+                  <LinkExternal02 className="h-3 w-3" />
                 </a>
-                <div className='flex'>
+                <div className="flex">
                   <Button
-                    size='large'
-                    className='mr-2'
+                    size="large"
+                    className="mr-2"
                     onClick={onCancel}
                   >
                     {t('common.operation.cancel')}
                   </Button>
                   <Button
-                    variant='primary'
-                    size='large'
+                    variant="primary"
+                    size="large"
                     onClick={handleSave}
                     loading={isSaving}
                   >
@@ -138,14 +139,15 @@ const ConfigWatercrawlModal: FC<Props> = ({
 
               </div>
             </div>
-            <div className='border-t-[0.5px] border-t-divider-regular'>
-              <div className='flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary'>
-                <Lock01 className='mr-1 h-3 w-3 text-text-tertiary' />
+            <div className="border-t-[0.5px] border-t-divider-regular">
+              <div className="flex items-center justify-center bg-background-section-burn py-3 text-xs text-text-tertiary">
+                <Lock01 className="mr-1 h-3 w-3 text-text-tertiary" />
                 {t('common.modelProvider.encrypted.front')}
                 <a
-                  className='mx-1 text-text-accent'
-                  target='_blank' rel='noopener noreferrer'
-                  href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+                  className="mx-1 text-text-accent"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
                 >
                   PKCS1_OAEP
                 </a>
diff --git a/web/app/components/header/account-setting/data-source-page/data-source-website/index.tsx b/web/app/components/header/account-setting/data-source-page/data-source-website/index.tsx
index a2762add44..4fccd064f9 100644
--- a/web/app/components/header/account-setting/data-source-page/data-source-website/index.tsx
+++ b/web/app/components/header/account-setting/data-source-page/data-source-website/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { DataSourceItem } from '@/models/common'
 import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Toast from '@/app/components/base/toast'
+import s from '@/app/components/datasets/create/website/index.module.css'
+import { useAppContext } from '@/context/app-context'
+import { DataSourceProvider } from '@/models/common'
+import { fetchDataSources, removeDataSourceApiKeyBinding } from '@/service/datasets'
+import { cn } from '@/utils/classnames'
 import Panel from '../panel'
+
 import { DataSourceType } from '../panel/types'
 import ConfigFirecrawlModal from './config-firecrawl-modal'
-import ConfigWatercrawlModal from './config-watercrawl-modal'
 import ConfigJinaReaderModal from './config-jina-reader-modal'
-import { cn } from '@/utils/classnames'
-import s from '@/app/components/datasets/create/website/index.module.css'
-import { fetchDataSources, removeDataSourceApiKeyBinding } from '@/service/datasets'
-
-import type { DataSourceItem } from '@/models/common'
-import { DataSourceProvider } from '@/models/common'
-import { useAppContext } from '@/context/app-context'
-import Toast from '@/app/components/base/toast'
+import ConfigWatercrawlModal from './config-watercrawl-modal'
 
 type Props = {
   provider: DataSourceProvider
@@ -91,22 +91,27 @@ const DataSourceWebsite: FC<Props> = ({ provider }) => {
             if (item.provider === DataSourceProvider.fireCrawl) {
               return (
                 <div
-                  className={cn(className, 'ml-3 flex h-5 w-5 items-center justify-center rounded border border-divider-subtle !bg-background-default text-xs font-medium text-text-tertiary')}>🔥</div>
+                  className={cn(className, 'ml-3 flex h-5 w-5 items-center justify-center rounded border border-divider-subtle !bg-background-default text-xs font-medium text-text-tertiary')}
+                >
+                  🔥
+                </div>
               )
             }
 
             if (item.provider === DataSourceProvider.waterCrawl) {
               return (
                 <div
-                  className={cn(className, 'ml-3 flex h-5 w-5 items-center justify-center rounded border border-divider-subtle !bg-background-default text-xs font-medium text-text-tertiary')}>
-                  <span className={s.watercrawlLogo}/>
+                  className={cn(className, 'ml-3 flex h-5 w-5 items-center justify-center rounded border border-divider-subtle !bg-background-default text-xs font-medium text-text-tertiary')}
+                >
+                  <span className={s.watercrawlLogo} />
                 </div>
               )
             }
             return (
               <div
-                className={cn(className, 'ml-3 flex h-5 w-5 items-center justify-center rounded border border-divider-subtle !bg-background-default text-xs font-medium text-text-tertiary')}>
-                <span className={s.jinaLogo}/>
+                className={cn(className, 'ml-3 flex h-5 w-5 items-center justify-center rounded border border-divider-subtle !bg-background-default text-xs font-medium text-text-tertiary')}
+              >
+                <span className={s.jinaLogo} />
               </div>
             )
           },
@@ -116,13 +121,13 @@ const DataSourceWebsite: FC<Props> = ({ provider }) => {
         onRemove={handleRemove(provider)}
       />
       {configTarget === DataSourceProvider.fireCrawl && (
-        <ConfigFirecrawlModal onSaved={handleAdded} onCancel={hideConfig}/>
+        <ConfigFirecrawlModal onSaved={handleAdded} onCancel={hideConfig} />
       )}
       {configTarget === DataSourceProvider.waterCrawl && (
-        <ConfigWatercrawlModal onSaved={handleAdded} onCancel={hideConfig}/>
+        <ConfigWatercrawlModal onSaved={handleAdded} onCancel={hideConfig} />
       )}
       {configTarget === DataSourceProvider.jinaReader && (
-        <ConfigJinaReaderModal onSaved={handleAdded} onCancel={hideConfig}/>
+        <ConfigJinaReaderModal onSaved={handleAdded} onCancel={hideConfig} />
       )}
     </>
 
diff --git a/web/app/components/header/account-setting/data-source-page/panel/config-item.tsx b/web/app/components/header/account-setting/data-source-page/panel/config-item.tsx
index 5a9cbb4c40..a6bcb3adbb 100644
--- a/web/app/components/header/account-setting/data-source-page/panel/config-item.tsx
+++ b/web/app/components/header/account-setting/data-source-page/panel/config-item.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiDeleteBinLine,
 } from '@remixicon/react'
+import { noop } from 'lodash-es'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import Indicator from '../../../indicator'
 import Operate from '../data-source-notion/operate'
-import { DataSourceType } from './types'
 import s from './style.module.css'
-import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
+import { DataSourceType } from './types'
 
 export type ConfigItemType = {
   id: string
@@ -46,12 +46,12 @@ const ConfigItem: FC<Props> = ({
 
   return (
     <div className={cn(s['workspace-item'], 'mb-1 flex items-center rounded-lg bg-components-panel-on-panel-item-bg py-1 pr-1')} key={payload.id}>
-      <payload.logo className='ml-3 mr-1.5' />
-      <div className='system-sm-medium grow truncate py-[7px] text-text-secondary' title={payload.name}>{payload.name}</div>
+      <payload.logo className="ml-3 mr-1.5" />
+      <div className="system-sm-medium grow truncate py-[7px] text-text-secondary" title={payload.name}>{payload.name}</div>
       {
         payload.isActive
-          ? <Indicator className='mr-[6px] shrink-0' color='green' />
-          : <Indicator className='mr-[6px] shrink-0' color='yellow' />
+          ? <Indicator className="mr-[6px] shrink-0" color="green" />
+          : <Indicator className="mr-[6px] shrink-0" color="yellow" />
       }
       <div className={`system-xs-semibold-uppercase mr-3 shrink-0 ${payload.isActive ? 'text-util-colors-green-green-600' : 'text-util-colors-warning-warning-600'}`}>
         {
@@ -60,19 +60,21 @@ const ConfigItem: FC<Props> = ({
             : t(isNotion ? 'common.dataSource.notion.disconnected' : 'common.dataSource.website.inactive')
         }
       </div>
-      <div className='mr-2 h-3 w-[1px] bg-divider-regular' />
+      <div className="mr-2 h-3 w-[1px] bg-divider-regular" />
       {isNotion && (
-        <Operate payload={{
-          id: payload.id,
-          total: payload.notionConfig?.total || 0,
-        }} onAuthAgain={onChangeAuthorizedPage}
+        <Operate
+          payload={{
+            id: payload.id,
+            total: payload.notionConfig?.total || 0,
+          }}
+          onAuthAgain={onChangeAuthorizedPage}
         />
       )}
 
       {
         isWebsite && !readOnly && (
-          <div className='cursor-pointer rounded-md p-2 text-text-tertiary hover:bg-state-base-hover' onClick={onRemove} >
-            <RiDeleteBinLine className='h-4 w-4' />
+          <div className="cursor-pointer rounded-md p-2 text-text-tertiary hover:bg-state-base-hover" onClick={onRemove}>
+            <RiDeleteBinLine className="h-4 w-4" />
           </div>
         )
       }
diff --git a/web/app/components/header/account-setting/data-source-page/panel/index.tsx b/web/app/components/header/account-setting/data-source-page/panel/index.tsx
index f644853339..0cdaadbd30 100644
--- a/web/app/components/header/account-setting/data-source-page/panel/index.tsx
+++ b/web/app/components/header/account-setting/data-source-page/panel/index.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
+import type { ConfigItemType } from './config-item'
+import { RiAddLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddLine } from '@remixicon/react'
-import type { ConfigItemType } from './config-item'
-import ConfigItem from './config-item'
-
-import s from './style.module.css'
-import { DataSourceType } from './types'
 import Button from '@/app/components/base/button'
+
 import { DataSourceProvider } from '@/models/common'
 import { cn } from '@/utils/classnames'
+import ConfigItem from './config-item'
+import s from './style.module.css'
+import { DataSourceType } from './types'
 
 type Props = {
   type: DataSourceType
@@ -42,27 +42,31 @@ const Panel: FC<Props> = ({
   const isWebsite = type === DataSourceType.website
 
   const getProviderName = (): string => {
-    if (provider === DataSourceProvider.fireCrawl) return '🔥 Firecrawl'
-    if (provider === DataSourceProvider.waterCrawl) return 'WaterCrawl'
+    if (provider === DataSourceProvider.fireCrawl)
+      return '🔥 Firecrawl'
+    if (provider === DataSourceProvider.waterCrawl)
+      return 'WaterCrawl'
     return 'Jina Reader'
   }
 
   return (
-    <div className='mb-2 rounded-xl bg-background-section-burn'>
-      <div className='flex items-center px-3 py-[9px]'>
+    <div className="mb-2 rounded-xl bg-background-section-burn">
+      <div className="flex items-center px-3 py-[9px]">
         <div className={cn(s[`${type}-icon`], 'mr-3 h-8 w-8 rounded-lg border border-divider-subtle !bg-background-default')} />
-        <div className='grow'>
-          <div className='flex h-5 items-center'>
-            <div className='text-sm font-medium text-text-primary'>{t(`common.dataSource.${type}.title`)}</div>
+        <div className="grow">
+          <div className="flex h-5 items-center">
+            <div className="text-sm font-medium text-text-primary">{t(`common.dataSource.${type}.title`)}</div>
             {isWebsite && (
-              <div className='ml-1 rounded-md bg-components-badge-white-to-dark px-1.5 text-xs font-medium leading-[18px] text-text-secondary'>
-                <span className='text-text-tertiary'>{t('common.dataSource.website.with')}</span> {getProviderName()}
+              <div className="ml-1 rounded-md bg-components-badge-white-to-dark px-1.5 text-xs font-medium leading-[18px] text-text-secondary">
+                <span className="text-text-tertiary">{t('common.dataSource.website.with')}</span>
+                {' '}
+                {getProviderName()}
               </div>
             )}
           </div>
           {
             !isConfigured && (
-              <div className='system-xs-medium text-text-tertiary'>
+              <div className="system-xs-medium text-text-tertiary">
                 {t(`common.dataSource.${type}.description`)}
               </div>
             )
@@ -73,28 +77,30 @@ const Panel: FC<Props> = ({
             {
               isConfigured
                 ? (
-                  <Button
-                    disabled={readOnly}
-                    className='ml-3'
-                    onClick={onConfigure}
-                  >
-                    {t('common.dataSource.configure')}
-                  </Button>
-                )
-                : (
-                  <>
-                    {isSupportList && <div
-                      className={
-                        `system-sm-medium flex min-h-7 items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-1 text-components-button-secondary-accent-text
-                  ${!readOnly ? 'cursor-pointer' : 'cursor-default opacity-50 grayscale'}`
-                      }
+                    <Button
+                      disabled={readOnly}
+                      className="ml-3"
                       onClick={onConfigure}
                     >
-                      <RiAddLine className='mr-[5px] h-4 w-4 text-components-button-secondary-accent-text' />
-                      {t('common.dataSource.connect')}
-                    </div>}
-                  </>
-                )
+                      {t('common.dataSource.configure')}
+                    </Button>
+                  )
+                : (
+                    <>
+                      {isSupportList && (
+                        <div
+                          className={
+                            `system-sm-medium flex min-h-7 items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-1 text-components-button-secondary-accent-text
+                  ${!readOnly ? 'cursor-pointer' : 'cursor-default opacity-50 grayscale'}`
+                          }
+                          onClick={onConfigure}
+                        >
+                          <RiAddLine className="mr-[5px] h-4 w-4 text-components-button-secondary-accent-text" />
+                          {t('common.dataSource.connect')}
+                        </div>
+                      )}
+                    </>
+                  )
             }
           </>
         )}
@@ -116,13 +122,13 @@ const Panel: FC<Props> = ({
       {
         isConfigured && (
           <>
-            <div className='flex h-[18px] items-center px-3'>
-              <div className='system-xs-medium text-text-tertiary'>
+            <div className="flex h-[18px] items-center px-3">
+              <div className="system-xs-medium text-text-tertiary">
                 {isNotion ? t('common.dataSource.notion.connectedWorkspace') : t('common.dataSource.website.configuredCrawlers')}
               </div>
-              <div className='ml-3 grow border-t border-t-divider-subtle' />
+              <div className="ml-3 grow border-t border-t-divider-subtle" />
             </div>
-            <div className='px-3 pb-3 pt-2'>
+            <div className="px-3 pb-3 pt-2">
               {
                 configuredList.map(item => (
                   <ConfigItem
diff --git a/web/app/components/header/account-setting/index.tsx b/web/app/components/header/account-setting/index.tsx
index c51aa1bc30..3cc0694563 100644
--- a/web/app/components/header/account-setting/index.tsx
+++ b/web/app/components/header/account-setting/index.tsx
@@ -1,6 +1,5 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { useEffect, useRef, useState } from 'react'
+import type { AccountSettingTab } from '@/app/components/header/account-setting/constants'
 import {
   RiBrain2Fill,
   RiBrain2Line,
@@ -17,24 +16,26 @@ import {
   RiPuzzle2Line,
   RiTranslate2,
 } from '@remixicon/react'
-import Button from '../../base/button'
-import MembersPage from './members-page'
-import LanguagePage from './language-page'
-import ApiBasedExtensionPage from './api-based-extension-page'
-import DataSourcePage from './data-source-page-new'
-import ModelProviderPage from './model-provider-page'
-import { cn } from '@/utils/classnames'
+import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
 import BillingPage from '@/app/components/billing/billing-page'
 import CustomPage from '@/app/components/custom/custom-page'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { useProviderContext } from '@/context/provider-context'
-import { useAppContext } from '@/context/app-context'
-import MenuDialog from '@/app/components/header/account-setting/menu-dialog'
-import Input from '@/app/components/base/input'
 import {
   ACCOUNT_SETTING_TAB,
-  type AccountSettingTab,
+
 } from '@/app/components/header/account-setting/constants'
+import MenuDialog from '@/app/components/header/account-setting/menu-dialog'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { cn } from '@/utils/classnames'
+import Button from '../../base/button'
+import ApiBasedExtensionPage from './api-based-extension-page'
+import DataSourcePage from './data-source-page-new'
+import LanguagePage from './language-page'
+import MembersPage from './members-page'
+import ModelProviderPage from './model-provider-page'
 
 const iconClassName = `
   w-5 h-5 mr-2
@@ -168,15 +169,15 @@ export default function AccountSetting({
       show
       onClose={onCancel}
     >
-      <div className='mx-auto flex h-[100vh] max-w-[1048px]'>
-        <div className='flex w-[44px] flex-col border-r border-divider-burn pl-4 pr-6 sm:w-[224px]'>
-          <div className='title-2xl-semi-bold mb-8 mt-6 px-3 py-2 text-text-primary'>{t('common.userProfile.settings')}</div>
-          <div className='w-full'>
+      <div className="mx-auto flex h-[100vh] max-w-[1048px]">
+        <div className="flex w-[44px] flex-col border-r border-divider-burn pl-4 pr-6 sm:w-[224px]">
+          <div className="title-2xl-semi-bold mb-8 mt-6 px-3 py-2 text-text-primary">{t('common.userProfile.settings')}</div>
+          <div className="w-full">
             {
               menuItems.map(menuItem => (
-                <div key={menuItem.key} className='mb-2'>
+                <div key={menuItem.key} className="mb-2">
                   {!isCurrentWorkspaceDatasetOperator && (
-                    <div className='system-xs-medium-uppercase mb-0.5 py-2 pb-1 pl-3 text-text-tertiary'>{menuItem.name}</div>
+                    <div className="system-xs-medium-uppercase mb-0.5 py-2 pb-1 pl-3 text-text-tertiary">{menuItem.name}</div>
                   )}
                   <div>
                     {
@@ -185,7 +186,8 @@ export default function AccountSetting({
                           key={item.key}
                           className={cn(
                             'mb-0.5 flex h-[37px] cursor-pointer items-center rounded-lg p-1 pl-3 text-sm',
-                            activeMenu === item.key ? 'system-sm-semibold bg-state-base-active text-components-menu-item-text-active' : 'system-sm-medium text-components-menu-item-text')}
+                            activeMenu === item.key ? 'system-sm-semibold bg-state-base-active text-components-menu-item-text-active' : 'system-sm-medium text-components-menu-item-text',
+                          )}
                           title={item.name}
                           onClick={() => {
                             setActiveMenu(item.key)
@@ -193,7 +195,7 @@ export default function AccountSetting({
                           }}
                         >
                           {activeMenu === item.key ? item.activeIcon : item.icon}
-                          {!isMobile && <div className='truncate'>{item.name}</div>}
+                          {!isMobile && <div className="truncate">{item.name}</div>}
                         </div>
                       ))
                     }
@@ -203,39 +205,39 @@ export default function AccountSetting({
             }
           </div>
         </div>
-        <div className='relative flex w-[824px]'>
-          <div className='fixed right-6 top-6 z-[9999] flex flex-col items-center'>
+        <div className="relative flex w-[824px]">
+          <div className="fixed right-6 top-6 z-[9999] flex flex-col items-center">
             <Button
-              variant='tertiary'
-              size='large'
-              className='px-2'
+              variant="tertiary"
+              size="large"
+              className="px-2"
               onClick={onCancel}
             >
-              <RiCloseLine className='h-5 w-5' />
+              <RiCloseLine className="h-5 w-5" />
             </Button>
-            <div className='system-2xs-medium-uppercase mt-1 text-text-tertiary'>ESC</div>
+            <div className="system-2xs-medium-uppercase mt-1 text-text-tertiary">ESC</div>
           </div>
-          <div ref={scrollRef} className='w-full overflow-y-auto bg-components-panel-bg pb-4'>
+          <div ref={scrollRef} className="w-full overflow-y-auto bg-components-panel-bg pb-4">
             <div className={cn('sticky top-0 z-20 mx-8 mb-[18px] flex items-center bg-components-panel-bg pb-2 pt-[27px]', scrolled && 'border-b border-divider-regular')}>
-              <div className='title-2xl-semi-bold shrink-0 text-text-primary'>
+              <div className="title-2xl-semi-bold shrink-0 text-text-primary">
                 {activeItem?.name}
                 {activeItem?.description && (
-                  <div className='system-sm-regular mt-1 text-text-tertiary'>{activeItem?.description}</div>
+                  <div className="system-sm-regular mt-1 text-text-tertiary">{activeItem?.description}</div>
                 )}
               </div>
               {activeItem?.key === 'provider' && (
-                <div className='flex grow justify-end'>
+                <div className="flex grow justify-end">
                   <Input
                     showLeftIcon
-                    wrapperClassName='!w-[200px]'
-                    className='!h-8 !text-[13px]'
+                    wrapperClassName="!w-[200px]"
+                    className="!h-8 !text-[13px]"
                     onChange={e => setSearchValue(e.target.value)}
                     value={searchValue}
                   />
                 </div>
               )}
             </div>
-            <div className='px-4 pt-2 sm:px-8'>
+            <div className="px-4 pt-2 sm:px-8">
               {activeMenu === 'provider' && <ModelProviderPage searchText={searchValue} />}
               {activeMenu === 'members' && <MembersPage />}
               {activeMenu === 'billing' && <BillingPage />}
diff --git a/web/app/components/header/account-setting/key-validator/KeyInput.tsx b/web/app/components/header/account-setting/key-validator/KeyInput.tsx
index 414f4f2ad8..4bc4f54652 100644
--- a/web/app/components/header/account-setting/key-validator/KeyInput.tsx
+++ b/web/app/components/header/account-setting/key-validator/KeyInput.tsx
@@ -1,12 +1,12 @@
 import type { ChangeEvent } from 'react'
+import type { ValidatedStatusState } from './declarations'
+import { ValidatedStatus } from './declarations'
 import {
   ValidatedErrorIcon,
   ValidatedErrorMessage,
   ValidatedSuccessIcon,
   ValidatingTip,
 } from './ValidateStatus'
-import { ValidatedStatus } from './declarations'
-import type { ValidatedStatusState } from './declarations'
 
 type KeyInputProps = {
   value?: string
@@ -52,16 +52,17 @@ const KeyInput = ({
   return (
     <div className={className}>
       <div className="mb-2 text-[13px] font-medium text-gray-800">{name}</div>
-      <div className='
+      <div className="
         flex items-center rounded-lg bg-white px-3
         shadow-xs
-      '>
+      "
+      >
         <input
-          className='
+          className="
             mr-2 w-full appearance-none
             bg-transparent py-[9px] text-xs font-medium
             leading-[18px] text-gray-700 outline-none
-          '
+          "
           value={value}
           placeholder={placeholder}
           onChange={handleChange}
diff --git a/web/app/components/header/account-setting/key-validator/Operate.tsx b/web/app/components/header/account-setting/key-validator/Operate.tsx
index c3cfd1d053..53069699c1 100644
--- a/web/app/components/header/account-setting/key-validator/Operate.tsx
+++ b/web/app/components/header/account-setting/key-validator/Operate.tsx
@@ -1,6 +1,6 @@
+import type { Status } from './declarations'
 import { useTranslation } from 'react-i18next'
 import Indicator from '../../indicator'
-import type { Status } from './declarations'
 
 type OperateProps = {
   isOpen: boolean
@@ -25,19 +25,25 @@ const Operate = ({
 
   if (isOpen) {
     return (
-      <div className='flex items-center'>
-        <div className='
+      <div className="flex items-center">
+        <div
+          className="
           mr-[5px] flex
           h-7 cursor-pointer items-center rounded-md px-3
           text-xs font-medium text-gray-700
-        ' onClick={onCancel} >
+        "
+          onClick={onCancel}
+        >
           {t('common.operation.cancel')}
         </div>
-        <div className='
+        <div
+          className="
           flex h-7
           cursor-pointer items-center rounded-md bg-primary-700 px-3
           text-xs font-medium text-white
-        ' onClick={onSave}>
+        "
+          onClick={onSave}
+        >
           {t('common.operation.save')}
         </div>
       </div>
@@ -46,10 +52,13 @@ const Operate = ({
 
   if (status === 'add') {
     return (
-      <div className={
-        `flex h-[28px] cursor-pointer items-center rounded-md border border-gray-200
+      <div
+        className={
+          `flex h-[28px] cursor-pointer items-center rounded-md border border-gray-200
         bg-white px-3 text-xs font-medium text-gray-700 ${disabled && 'cursor-default opacity-50'}}`
-      } onClick={() => !disabled && onAdd()}>
+        }
+        onClick={() => !disabled && onAdd()}
+      >
         {t('common.provider.addKey')}
       </div>
     )
@@ -57,24 +66,27 @@ const Operate = ({
 
   if (status === 'fail' || status === 'success') {
     return (
-      <div className='flex items-center'>
+      <div className="flex items-center">
         {
           status === 'fail' && (
-            <div className='mr-4 flex items-center'>
-              <div className='text-xs text-[#D92D20]'>{t('common.provider.invalidApiKey')}</div>
-              <Indicator color='red' className='ml-2' />
+            <div className="mr-4 flex items-center">
+              <div className="text-xs text-[#D92D20]">{t('common.provider.invalidApiKey')}</div>
+              <Indicator color="red" className="ml-2" />
             </div>
           )
         }
         {
           status === 'success' && (
-            <Indicator color='green' className='mr-4' />
+            <Indicator color="green" className="mr-4" />
           )
         }
-        <div className={
-          `flex h-[28px] cursor-pointer items-center rounded-md border border-gray-200
+        <div
+          className={
+            `flex h-[28px] cursor-pointer items-center rounded-md border border-gray-200
           bg-white px-3 text-xs font-medium text-gray-700 ${disabled && 'cursor-default opacity-50'}}`
-        } onClick={() => !disabled && onEdit()}>
+          }
+          onClick={() => !disabled && onEdit()}
+        >
           {t('common.provider.editKey')}
         </div>
       </div>
diff --git a/web/app/components/header/account-setting/key-validator/ValidateStatus.tsx b/web/app/components/header/account-setting/key-validator/ValidateStatus.tsx
index 4abbb5c9bb..2dd8fe156f 100644
--- a/web/app/components/header/account-setting/key-validator/ValidateStatus.tsx
+++ b/web/app/components/header/account-setting/key-validator/ValidateStatus.tsx
@@ -1,21 +1,21 @@
-import { useTranslation } from 'react-i18next'
 import {
   RiErrorWarningFill,
 } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 import { CheckCircle } from '@/app/components/base/icons/src/vender/solid/general'
 
 export const ValidatedErrorIcon = () => {
-  return <RiErrorWarningFill className='h-4 w-4 text-[#D92D20]' />
+  return <RiErrorWarningFill className="h-4 w-4 text-[#D92D20]" />
 }
 
 export const ValidatedSuccessIcon = () => {
-  return <CheckCircle className='h-4 w-4 text-[#039855]' />
+  return <CheckCircle className="h-4 w-4 text-[#039855]" />
 }
 
 export const ValidatingTip = () => {
   const { t } = useTranslation()
   return (
-    <div className={'mt-2 text-xs font-normal text-primary-600'}>
+    <div className="mt-2 text-xs font-normal text-primary-600">
       {t('common.provider.validating')}
     </div>
   )
@@ -25,8 +25,9 @@ export const ValidatedErrorMessage = ({ errorMessage }: { errorMessage: string }
   const { t } = useTranslation()
 
   return (
-    <div className={'mt-2 text-xs font-normal text-[#D92D20]'}>
-      {t('common.provider.validatedError')}{errorMessage}
+    <div className="mt-2 text-xs font-normal text-[#D92D20]">
+      {t('common.provider.validatedError')}
+      {errorMessage}
     </div>
   )
 }
diff --git a/web/app/components/header/account-setting/key-validator/hooks.ts b/web/app/components/header/account-setting/key-validator/hooks.ts
index d03f85c176..eeb7b63955 100644
--- a/web/app/components/header/account-setting/key-validator/hooks.ts
+++ b/web/app/components/header/account-setting/key-validator/hooks.ts
@@ -1,8 +1,8 @@
-import { useState } from 'react'
-import { useDebounceFn } from 'ahooks'
 import type { DebouncedFunc } from 'lodash-es'
+import type { ValidateCallback, ValidatedStatusState, ValidateValue } from './declarations'
+import { useDebounceFn } from 'ahooks'
+import { useState } from 'react'
 import { ValidatedStatus } from './declarations'
-import type { ValidateCallback, ValidateValue, ValidatedStatusState } from './declarations'
 
 export const useValidate: (value: ValidateValue) => [DebouncedFunc<(validateCallback: ValidateCallback) => Promise<void>>, boolean, ValidatedStatusState] = (value) => {
   const [validating, setValidating] = useState(false)
@@ -21,7 +21,8 @@ export const useValidate: (value: ValidateValue) => [DebouncedFunc<(validateCall
       setValidatedStatus(
         res.status === 'success'
           ? { status: ValidatedStatus.Success }
-          : { status: ValidatedStatus.Error, message: res.message })
+          : { status: ValidatedStatus.Error, message: res.message },
+      )
 
       setValidating(false)
     }
diff --git a/web/app/components/header/account-setting/key-validator/index.tsx b/web/app/components/header/account-setting/key-validator/index.tsx
index 798477a6b6..f97802feb0 100644
--- a/web/app/components/header/account-setting/key-validator/index.tsx
+++ b/web/app/components/header/account-setting/key-validator/index.tsx
@@ -1,10 +1,10 @@
-import { useState } from 'react'
-import Operate from './Operate'
-import KeyInput from './KeyInput'
-import { useValidate } from './hooks'
 import type { Form, KeyFrom, Status, ValidateValue } from './declarations'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useState } from 'react'
 import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useValidate } from './hooks'
+import KeyInput from './KeyInput'
+import Operate from './Operate'
 
 export type KeyValidatorProps = {
   type: string
@@ -75,10 +75,11 @@ const KeyValidator = ({
   }
 
   return (
-    <div className='mb-2 rounded-md border-[0.5px] border-gray-200 bg-gray-50'>
+    <div className="mb-2 rounded-md border-[0.5px] border-gray-200 bg-gray-50">
       <div className={
         `flex h-[52px] cursor-pointer items-center justify-between px-4 ${isOpen && 'border-b-[0.5px] border-b-gray-200'}`
-      }>
+      }
+      >
         {title}
         <Operate
           isOpen={isOpen}
@@ -92,12 +93,12 @@ const KeyValidator = ({
       </div>
       {
         isOpen && !disabled && (
-          <div className='px-4 py-3'>
+          <div className="px-4 py-3">
             {
               forms.map(form => (
                 <KeyInput
                   key={form.key}
-                  className='mb-4'
+                  className="mb-4"
                   name={form.title}
                   placeholder={form.placeholder}
                   value={value[form.key] as string || ''}
@@ -108,9 +109,9 @@ const KeyValidator = ({
                 />
               ))
             }
-            <a className="flex cursor-pointer items-center text-xs text-primary-600" href={keyFrom.link} target='_blank' rel='noopener noreferrer'>
+            <a className="flex cursor-pointer items-center text-xs text-primary-600" href={keyFrom.link} target="_blank" rel="noopener noreferrer">
               {keyFrom.text}
-              <LinkExternal02 className='ml-1 h-3 w-3 text-primary-600' />
+              <LinkExternal02 className="ml-1 h-3 w-3 text-primary-600" />
             </a>
           </div>
         )
diff --git a/web/app/components/header/account-setting/language-page/index.tsx b/web/app/components/header/account-setting/language-page/index.tsx
index f51b265412..00db4dbbaf 100644
--- a/web/app/components/header/account-setting/language-page/index.tsx
+++ b/web/app/components/header/account-setting/language-page/index.tsx
@@ -1,16 +1,16 @@
 'use client'
 
+import type { Item } from '@/app/components/base/select'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { useAppContext } from '@/context/app-context'
 import { SimpleSelect } from '@/app/components/base/select'
-import type { Item } from '@/app/components/base/select'
-import { updateUserProfile } from '@/service/common'
 import { ToastContext } from '@/app/components/base/toast'
+import { useAppContext } from '@/context/app-context'
 import I18n from '@/context/i18n'
-import { timezones } from '@/utils/timezone'
 import { languages } from '@/i18n-config/language'
+import { updateUserProfile } from '@/service/common'
+import { timezones } from '@/utils/timezone'
 
 const titleClassName = `
   mb-2 system-sm-semibold text-text-secondary
@@ -63,7 +63,7 @@ export default function LanguagePage() {
 
   return (
     <>
-      <div className='mb-8'>
+      <div className="mb-8">
         <div className={titleClassName}>{t('common.language.displayLanguage')}</div>
         <SimpleSelect
           defaultValue={locale || userProfile.interface_language}
@@ -73,7 +73,7 @@ export default function LanguagePage() {
           notClearable={true}
         />
       </div>
-      <div className='mb-8'>
+      <div className="mb-8">
         <div className={titleClassName}>{t('common.language.timezone')}</div>
         <SimpleSelect
           defaultValue={userProfile.timezone}
diff --git a/web/app/components/header/account-setting/members-page/edit-workspace-modal/index.tsx b/web/app/components/header/account-setting/members-page/edit-workspace-modal/index.tsx
index 56965214c5..7d609dba68 100644
--- a/web/app/components/header/account-setting/members-page/edit-workspace-modal/index.tsx
+++ b/web/app/components/header/account-setting/members-page/edit-workspace-modal/index.tsx
@@ -1,17 +1,17 @@
 'use client'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
-import Input from '@/app/components/base/input'
-import { useTranslation } from 'react-i18next'
-import { useState } from 'react'
-import { useContext } from 'use-context-selector'
-import s from './index.module.css'
-import Button from '@/app/components/base/button'
 import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
+import { ToastContext } from '@/app/components/base/toast'
 import { useAppContext } from '@/context/app-context'
 import { updateWorkspaceInfo } from '@/service/common'
-import { ToastContext } from '@/app/components/base/toast'
-import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
 
 type IEditWorkspaceModalProps = {
   onCancel: () => void
@@ -43,14 +43,14 @@ const EditWorkspaceModal = ({
   return (
     <div className={cn(s.wrap)}>
       <Modal overflowVisible isShow onClose={noop} className={cn(s.modal)}>
-        <div className='mb-2 flex justify-between'>
-          <div className='text-xl font-semibold text-text-primary'>{t('common.account.editWorkspaceInfo')}</div>
-          <RiCloseLine className='h-4 w-4 cursor-pointer text-text-tertiary' onClick={onCancel} />
+        <div className="mb-2 flex justify-between">
+          <div className="text-xl font-semibold text-text-primary">{t('common.account.editWorkspaceInfo')}</div>
+          <RiCloseLine className="h-4 w-4 cursor-pointer text-text-tertiary" onClick={onCancel} />
         </div>
         <div>
-          <div className='mb-2 text-sm font-medium text-text-primary'>{t('common.account.workspaceName')}</div>
+          <div className="mb-2 text-sm font-medium text-text-primary">{t('common.account.workspaceName')}</div>
           <Input
-            className='mb-2'
+            className="mb-2"
             value={name}
             placeholder={t('common.account.workspaceNamePlaceholder')}
             onChange={(e) => {
@@ -61,16 +61,16 @@ const EditWorkspaceModal = ({
             }}
           />
 
-          <div className='sticky bottom-0 -mx-2 mt-2 flex flex-wrap items-center justify-end gap-x-2 bg-components-panel-bg px-2 pt-4'>
+          <div className="sticky bottom-0 -mx-2 mt-2 flex flex-wrap items-center justify-end gap-x-2 bg-components-panel-bg px-2 pt-4">
             <Button
-              size='large'
+              size="large"
               onClick={onCancel}
             >
               {t('common.operation.cancel')}
             </Button>
             <Button
-              size='large'
-              variant='primary'
+              size="large"
+              variant="primary"
               onClick={() => {
                 changeWorkspaceInfo(name)
                 onCancel()
diff --git a/web/app/components/header/account-setting/members-page/index.tsx b/web/app/components/header/account-setting/members-page/index.tsx
index e951e5b85a..3f9a860cb0 100644
--- a/web/app/components/header/account-setting/members-page/index.tsx
+++ b/web/app/components/header/account-setting/members-page/index.tsx
@@ -1,30 +1,29 @@
 'use client'
+import type { InvitationResult } from '@/models/common'
+import { RiPencilLine, RiUserAddLine } from '@remixicon/react'
 import { useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { RiUserAddLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Avatar from '@/app/components/base/avatar'
+import Button from '@/app/components/base/button'
+import Tooltip from '@/app/components/base/tooltip'
+import { NUM_INFINITE } from '@/app/components/billing/config'
+import { Plan } from '@/app/components/billing/type'
+import UpgradeBtn from '@/app/components/billing/upgrade-btn'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import I18n from '@/context/i18n'
+import { useProviderContext } from '@/context/provider-context'
+import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
+import { LanguagesSupported } from '@/i18n-config/language'
+import { useMembers } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
+import EditWorkspaceModal from './edit-workspace-modal'
 import InviteModal from './invite-modal'
 import InvitedModal from './invited-modal'
-import EditWorkspaceModal from './edit-workspace-modal'
-import TransferOwnershipModal from './transfer-ownership-modal'
 import Operation from './operation'
 import TransferOwnership from './operation/transfer-ownership'
-import I18n from '@/context/i18n'
-import { useAppContext } from '@/context/app-context'
-import Avatar from '@/app/components/base/avatar'
-import type { InvitationResult } from '@/models/common'
-import { useProviderContext } from '@/context/provider-context'
-import { Plan } from '@/app/components/billing/type'
-import Button from '@/app/components/base/button'
-import UpgradeBtn from '@/app/components/billing/upgrade-btn'
-import { NUM_INFINITE } from '@/app/components/billing/config'
-import { LanguagesSupported } from '@/i18n-config/language'
-import { cn } from '@/utils/classnames'
-import Tooltip from '@/app/components/base/tooltip'
-import { RiPencilLine } from '@remixicon/react'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
-import { useMembers } from '@/service/use-common'
+import TransferOwnershipModal from './transfer-ownership-modal'
 
 const MembersPage = () => {
   const { t } = useTranslation()
@@ -53,90 +52,98 @@ const MembersPage = () => {
 
   return (
     <>
-      <div className='flex flex-col'>
-        <div className='mb-4 flex items-center gap-3 rounded-xl border-l-[0.5px] border-t-[0.5px] border-divider-subtle bg-gradient-to-r from-background-gradient-bg-fill-chat-bg-2 to-background-gradient-bg-fill-chat-bg-1 p-3 pr-5'>
-          <div className='flex h-12 w-12 items-center justify-center rounded-xl bg-components-icon-bg-blue-solid text-[20px]'>
-            <span className='bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text font-semibold uppercase text-shadow-shadow-1 opacity-90'>{currentWorkspace?.name[0]?.toLocaleUpperCase()}</span>
+      <div className="flex flex-col">
+        <div className="mb-4 flex items-center gap-3 rounded-xl border-l-[0.5px] border-t-[0.5px] border-divider-subtle bg-gradient-to-r from-background-gradient-bg-fill-chat-bg-2 to-background-gradient-bg-fill-chat-bg-1 p-3 pr-5">
+          <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-components-icon-bg-blue-solid text-[20px]">
+            <span className="bg-gradient-to-r from-components-avatar-shape-fill-stop-0 to-components-avatar-shape-fill-stop-100 bg-clip-text font-semibold uppercase text-shadow-shadow-1 opacity-90">{currentWorkspace?.name[0]?.toLocaleUpperCase()}</span>
           </div>
-          <div className='grow'>
-            <div className='system-md-semibold flex items-center gap-1 text-text-secondary'>
+          <div className="grow">
+            <div className="system-md-semibold flex items-center gap-1 text-text-secondary">
               <span>{currentWorkspace?.name}</span>
-              {isCurrentWorkspaceOwner && <span>
-                <Tooltip
-                  popupContent={t('common.account.editWorkspaceInfo')}
-                >
-                  <div
-                    className='cursor-pointer rounded-md p-1 hover:bg-black/5'
-                    onClick={() => {
-                      setEditWorkspaceModalVisible(true)
-                    }}
+              {isCurrentWorkspaceOwner && (
+                <span>
+                  <Tooltip
+                    popupContent={t('common.account.editWorkspaceInfo')}
                   >
-                    <RiPencilLine className='h-4 w-4 text-text-tertiary' />
-                  </div>
-                </Tooltip>
-              </span>}
+                    <div
+                      className="cursor-pointer rounded-md p-1 hover:bg-black/5"
+                      onClick={() => {
+                        setEditWorkspaceModalVisible(true)
+                      }}
+                    >
+                      <RiPencilLine className="h-4 w-4 text-text-tertiary" />
+                    </div>
+                  </Tooltip>
+                </span>
+              )}
             </div>
-            <div className='system-xs-medium mt-1 text-text-tertiary'>
+            <div className="system-xs-medium mt-1 text-text-tertiary">
               {enableBilling && isNotUnlimitedMemberPlan
                 ? (
-                  <div className='flex space-x-1'>
-                    <div>{t('billing.plansCommon.member')}{locale !== LanguagesSupported[1] && accounts.length > 1 && 's'}</div>
-                    <div className=''>{accounts.length}</div>
-                    <div>/</div>
-                    <div>{plan.total.teamMembers === NUM_INFINITE ? t('billing.plansCommon.unlimited') : plan.total.teamMembers}</div>
-                  </div>
-                )
+                    <div className="flex space-x-1">
+                      <div>
+                        {t('billing.plansCommon.member')}
+                        {locale !== LanguagesSupported[1] && accounts.length > 1 && 's'}
+                      </div>
+                      <div className="">{accounts.length}</div>
+                      <div>/</div>
+                      <div>{plan.total.teamMembers === NUM_INFINITE ? t('billing.plansCommon.unlimited') : plan.total.teamMembers}</div>
+                    </div>
+                  )
                 : (
-                  <div className='flex space-x-1'>
-                    <div>{accounts.length}</div>
-                    <div>{t('billing.plansCommon.memberAfter')}{locale !== LanguagesSupported[1] && accounts.length > 1 && 's'}</div>
-                  </div>
-                )}
+                    <div className="flex space-x-1">
+                      <div>{accounts.length}</div>
+                      <div>
+                        {t('billing.plansCommon.memberAfter')}
+                        {locale !== LanguagesSupported[1] && accounts.length > 1 && 's'}
+                      </div>
+                    </div>
+                  )}
             </div>
 
           </div>
           {isMemberFull && (
-            <UpgradeBtn className='mr-2' loc='member-invite' />
+            <UpgradeBtn className="mr-2" loc="member-invite" />
           )}
-          <Button variant='primary' className={cn('shrink-0')} disabled={!isCurrentWorkspaceManager || isMemberFull} onClick={() => setInviteModalVisible(true)}>
-            <RiUserAddLine className='mr-1 h-4 w-4' />
+          <Button variant="primary" className={cn('shrink-0')} disabled={!isCurrentWorkspaceManager || isMemberFull} onClick={() => setInviteModalVisible(true)}>
+            <RiUserAddLine className="mr-1 h-4 w-4" />
             {t('common.members.invite')}
           </Button>
         </div>
-        <div className='overflow-visible lg:overflow-visible'>
-          <div className='flex min-w-[480px] items-center border-b border-divider-regular py-[7px]'>
-            <div className='system-xs-medium-uppercase grow px-3 text-text-tertiary'>{t('common.members.name')}</div>
-            <div className='system-xs-medium-uppercase w-[104px] shrink-0 text-text-tertiary'>{t('common.members.lastActive')}</div>
-            <div className='system-xs-medium-uppercase w-[96px] shrink-0 px-3 text-text-tertiary'>{t('common.members.role')}</div>
+        <div className="overflow-visible lg:overflow-visible">
+          <div className="flex min-w-[480px] items-center border-b border-divider-regular py-[7px]">
+            <div className="system-xs-medium-uppercase grow px-3 text-text-tertiary">{t('common.members.name')}</div>
+            <div className="system-xs-medium-uppercase w-[104px] shrink-0 text-text-tertiary">{t('common.members.lastActive')}</div>
+            <div className="system-xs-medium-uppercase w-[96px] shrink-0 px-3 text-text-tertiary">{t('common.members.role')}</div>
           </div>
-          <div className='relative min-w-[480px]'>
+          <div className="relative min-w-[480px]">
             {
               accounts.map(account => (
-                <div key={account.id} className='flex border-b border-divider-subtle'>
-                  <div className='flex grow items-center px-3 py-2'>
-                    <Avatar avatar={account.avatar_url} size={24} className='mr-2' name={account.name} />
-                    <div className=''>
-                      <div className='system-sm-medium text-text-secondary'>
+                <div key={account.id} className="flex border-b border-divider-subtle">
+                  <div className="flex grow items-center px-3 py-2">
+                    <Avatar avatar={account.avatar_url} size={24} className="mr-2" name={account.name} />
+                    <div className="">
+                      <div className="system-sm-medium text-text-secondary">
                         {account.name}
-                        {account.status === 'pending' && <span className='system-xs-medium ml-1 text-text-warning'>{t('common.members.pending')}</span>}
-                        {userProfile.email === account.email && <span className='system-xs-regular text-text-tertiary'>{t('common.members.you')}</span>}
+                        {account.status === 'pending' && <span className="system-xs-medium ml-1 text-text-warning">{t('common.members.pending')}</span>}
+                        {userProfile.email === account.email && <span className="system-xs-regular text-text-tertiary">{t('common.members.you')}</span>}
                       </div>
-                      <div className='system-xs-regular text-text-tertiary'>{account.email}</div>
+                      <div className="system-xs-regular text-text-tertiary">{account.email}</div>
                     </div>
                   </div>
-                  <div className='system-sm-regular flex w-[104px] shrink-0 items-center py-2 text-text-secondary'>{formatTimeFromNow(Number((account.last_active_at || account.created_at)) * 1000)}</div>
-                  <div className='flex w-[96px] shrink-0 items-center'>
+                  <div className="system-sm-regular flex w-[104px] shrink-0 items-center py-2 text-text-secondary">{formatTimeFromNow(Number((account.last_active_at || account.created_at)) * 1000)}</div>
+                  <div className="flex w-[96px] shrink-0 items-center">
                     {isCurrentWorkspaceOwner && account.role === 'owner' && isAllowTransferWorkspace && (
                       <TransferOwnership onOperate={() => setShowTransferOwnershipModal(true)}></TransferOwnership>
                     )}
                     {isCurrentWorkspaceOwner && account.role === 'owner' && !isAllowTransferWorkspace && (
-                      <div className='system-sm-regular px-3 text-text-secondary'>{RoleMap[account.role] || RoleMap.normal}</div>
+                      <div className="system-sm-regular px-3 text-text-secondary">{RoleMap[account.role] || RoleMap.normal}</div>
                     )}
                     {isCurrentWorkspaceOwner && account.role !== 'owner' && (
                       <Operation member={account} operatorRole={currentWorkspace.role} onOperate={refetch} />
                     )}
                     {!isCurrentWorkspaceOwner && (
-                      <div className='system-sm-regular px-3 text-text-secondary'>{RoleMap[account.role] || RoleMap.normal}</div>
+                      <div className="system-sm-regular px-3 text-text-secondary">{RoleMap[account.role] || RoleMap.normal}</div>
                     )}
                   </div>
                 </div>
diff --git a/web/app/components/header/account-setting/members-page/invite-modal/index.tsx b/web/app/components/header/account-setting/members-page/invite-modal/index.tsx
index ae18e23097..9b80cd343d 100644
--- a/web/app/components/header/account-setting/members-page/invite-modal/index.tsx
+++ b/web/app/components/header/account-setting/members-page/invite-modal/index.tsx
@@ -1,24 +1,23 @@
 'use client'
+import type { InvitationResult } from '@/models/common'
+import { RiCloseLine, RiErrorWarningFill } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { noop } from 'lodash-es'
 import { useCallback, useEffect, useState } from 'react'
-import { useContext } from 'use-context-selector'
-import { RiCloseLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import { ReactMultiEmail } from 'react-multi-email'
-import { RiErrorWarningFill } from '@remixicon/react'
-import RoleSelector from './role-selector'
-import s from './index.module.css'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
+import { useContext } from 'use-context-selector'
 import Button from '@/app/components/base/button'
-import { inviteMember } from '@/service/common'
-import { emailRegex } from '@/config'
+import Modal from '@/app/components/base/modal'
 import { ToastContext } from '@/app/components/base/toast'
-import type { InvitationResult } from '@/models/common'
+import { emailRegex } from '@/config'
 import I18n from '@/context/i18n'
-import 'react-multi-email/dist/style.css'
-import { noop } from 'lodash-es'
 import { useProviderContextSelector } from '@/context/provider-context'
-import { useBoolean } from 'ahooks'
+import { inviteMember } from '@/service/common'
+import { cn } from '@/utils/classnames'
+import s from './index.module.css'
+import RoleSelector from './role-selector'
+import 'react-multi-email/dist/style.css'
 
 type IInviteModalProps = {
   isEmailSetup: boolean
@@ -83,20 +82,20 @@ const InviteModal = ({
   return (
     <div className={cn(s.wrap)}>
       <Modal overflowVisible isShow onClose={noop} className={cn(s.modal)}>
-        <div className='mb-2 flex justify-between'>
-          <div className='text-xl font-semibold text-text-primary'>{t('common.members.inviteTeamMember')}</div>
-          <RiCloseLine className='h-4 w-4 cursor-pointer text-text-tertiary' onClick={onCancel} />
+        <div className="mb-2 flex justify-between">
+          <div className="text-xl font-semibold text-text-primary">{t('common.members.inviteTeamMember')}</div>
+          <RiCloseLine className="h-4 w-4 cursor-pointer text-text-tertiary" onClick={onCancel} />
         </div>
-        <div className='mb-3 text-[13px] text-text-tertiary'>{t('common.members.inviteTeamMemberTip')}</div>
+        <div className="mb-3 text-[13px] text-text-tertiary">{t('common.members.inviteTeamMemberTip')}</div>
         {!isEmailSetup && (
-          <div className='grow basis-0 overflow-y-auto pb-4'>
-            <div className='relative mb-1 rounded-xl border border-components-panel-border p-2 shadow-xs'>
-              <div className='absolute left-0 top-0 h-full w-full rounded-xl opacity-40' style={{ background: 'linear-gradient(92deg, rgba(255, 171, 0, 0.25) 18.12%, rgba(255, 255, 255, 0.00) 167.31%)' }}></div>
-              <div className='relative flex h-full w-full items-start'>
-                <div className='mr-0.5 shrink-0 p-0.5'>
-                  <RiErrorWarningFill className='h-5 w-5 text-text-warning' />
+          <div className="grow basis-0 overflow-y-auto pb-4">
+            <div className="relative mb-1 rounded-xl border border-components-panel-border p-2 shadow-xs">
+              <div className="absolute left-0 top-0 h-full w-full rounded-xl opacity-40" style={{ background: 'linear-gradient(92deg, rgba(255, 171, 0, 0.25) 18.12%, rgba(255, 255, 255, 0.00) 167.31%)' }}></div>
+              <div className="relative flex h-full w-full items-start">
+                <div className="mr-0.5 shrink-0 p-0.5">
+                  <RiErrorWarningFill className="h-5 w-5 text-text-warning" />
                 </div>
-                <div className='system-xs-medium text-text-primary'>
+                <div className="system-xs-medium text-text-primary">
                   <span>{t('common.members.emailNotSetup')}</span>
                 </div>
               </div>
@@ -105,44 +104,42 @@ const InviteModal = ({
         )}
 
         <div>
-          <div className='mb-2 text-sm font-medium text-text-primary'>{t('common.members.email')}</div>
-          <div className='mb-8 flex h-36 flex-col items-stretch'>
+          <div className="mb-2 text-sm font-medium text-text-primary">{t('common.members.email')}</div>
+          <div className="mb-8 flex h-36 flex-col items-stretch">
             <ReactMultiEmail
-              className={cn('h-full w-full border-components-input-border-active !bg-components-input-bg-normal px-3 pt-2 outline-none',
-                'appearance-none overflow-y-auto rounded-lg text-sm !text-text-primary',
-              )}
+              className={cn('h-full w-full border-components-input-border-active !bg-components-input-bg-normal px-3 pt-2 outline-none', 'appearance-none overflow-y-auto rounded-lg text-sm !text-text-primary')}
               autoFocus
               emails={emails}
-              inputClassName='bg-transparent'
+              inputClassName="bg-transparent"
               onChange={setEmails}
-              getLabel={(email, index, removeEmail) =>
+              getLabel={(email, index, removeEmail) => (
                 <div data-tag key={index} className={cn('!bg-components-button-secondary-bg')}>
                   <div data-tag-item>{email}</div>
                   <span data-tag-handle onClick={() => removeEmail(index)}>
                     ×
                   </span>
                 </div>
-              }
+              )}
               placeholder={t('common.members.emailPlaceholder') || ''}
             />
             <div className={
-              cn('system-xs-regular flex items-center justify-end text-text-tertiary',
-                (isLimited && usedSize > licenseLimit.workspace_members.limit) ? 'text-text-destructive' : '')}
+              cn('system-xs-regular flex items-center justify-end text-text-tertiary', (isLimited && usedSize > licenseLimit.workspace_members.limit) ? 'text-text-destructive' : '')
+            }
             >
               <span>{usedSize}</span>
               <span>/</span>
               <span>{isLimited ? licenseLimit.workspace_members.limit : t('common.license.unlimited')}</span>
             </div>
           </div>
-          <div className='mb-6'>
+          <div className="mb-6">
             <RoleSelector value={role} onChange={setRole} />
           </div>
           <Button
             tabIndex={0}
-            className='w-full'
+            className="w-full"
             onClick={handleSend}
             disabled={!emails.length || isLimitExceeded || isSubmitting}
-            variant='primary'
+            variant="primary"
           >
             {t('common.members.sendInvite')}
           </Button>
diff --git a/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx b/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx
index 19305eb763..cee4e2b466 100644
--- a/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx
+++ b/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx
@@ -1,14 +1,14 @@
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import React, { useState } from 'react'
 import { RiArrowDownSLine } from '@remixicon/react'
-import { useProviderContext } from '@/context/provider-context'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Check } from '@/app/components/base/icons/src/vender/line/general'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
 
 export type RoleSelectorProps = {
   value: string
@@ -26,61 +26,73 @@ const RoleSelector = ({ value, onChange }: RoleSelectorProps) => {
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => setOpen(v => !v)}
-          className='block'
+          className="block"
         >
           <div className={cn('flex cursor-pointer items-center rounded-lg bg-components-input-bg-normal px-3 py-2 hover:bg-state-base-hover', open && 'bg-state-base-hover')}>
-            <div className='mr-2 grow text-sm leading-5 text-text-primary'>{t('common.members.invitedAsRole', { role: t(`common.members.${toHump(value)}`) })}</div>
-            <RiArrowDownSLine className='h-4 w-4 shrink-0 text-text-secondary' />
+            <div className="mr-2 grow text-sm leading-5 text-text-primary">{t('common.members.invitedAsRole', { role: t(`common.members.${toHump(value)}`) })}</div>
+            <RiArrowDownSLine className="h-4 w-4 shrink-0 text-text-secondary" />
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1002]'>
-          <div className='relative w-[336px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'>
-            <div className='p-1'>
-              <div className='cursor-pointer rounded-lg p-2 hover:bg-state-base-hover' onClick={() => {
-                onChange('normal')
-                setOpen(false)
-              }}>
-                <div className='relative pl-5'>
-                  <div className='text-sm leading-5 text-text-secondary'>{t('common.members.normal')}</div>
-                  <div className='text-xs leading-[18px] text-text-tertiary'>{t('common.members.normalTip')}</div>
-                  {value === 'normal' && <Check className='absolute left-0 top-0.5 h-4 w-4 text-text-accent'/>}
+        <PortalToFollowElemContent className="z-[1002]">
+          <div className="relative w-[336px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg">
+            <div className="p-1">
+              <div
+                className="cursor-pointer rounded-lg p-2 hover:bg-state-base-hover"
+                onClick={() => {
+                  onChange('normal')
+                  setOpen(false)
+                }}
+              >
+                <div className="relative pl-5">
+                  <div className="text-sm leading-5 text-text-secondary">{t('common.members.normal')}</div>
+                  <div className="text-xs leading-[18px] text-text-tertiary">{t('common.members.normalTip')}</div>
+                  {value === 'normal' && <Check className="absolute left-0 top-0.5 h-4 w-4 text-text-accent" />}
                 </div>
               </div>
-              <div className='cursor-pointer rounded-lg p-2 hover:bg-state-base-hover' onClick={() => {
-                onChange('editor')
-                setOpen(false)
-              }}>
-                <div className='relative pl-5'>
-                  <div className='text-sm leading-5 text-text-secondary'>{t('common.members.editor')}</div>
-                  <div className='text-xs leading-[18px] text-text-tertiary'>{t('common.members.editorTip')}</div>
-                  {value === 'editor' && <Check className='absolute left-0 top-0.5 h-4 w-4 text-text-accent'/>}
+              <div
+                className="cursor-pointer rounded-lg p-2 hover:bg-state-base-hover"
+                onClick={() => {
+                  onChange('editor')
+                  setOpen(false)
+                }}
+              >
+                <div className="relative pl-5">
+                  <div className="text-sm leading-5 text-text-secondary">{t('common.members.editor')}</div>
+                  <div className="text-xs leading-[18px] text-text-tertiary">{t('common.members.editorTip')}</div>
+                  {value === 'editor' && <Check className="absolute left-0 top-0.5 h-4 w-4 text-text-accent" />}
                 </div>
               </div>
-              <div className='cursor-pointer rounded-lg p-2 hover:bg-state-base-hover' onClick={() => {
-                onChange('admin')
-                setOpen(false)
-              }}>
-                <div className='relative pl-5'>
-                  <div className='text-sm leading-5 text-text-secondary'>{t('common.members.admin')}</div>
-                  <div className='text-xs leading-[18px] text-text-tertiary'>{t('common.members.adminTip')}</div>
-                  {value === 'admin' && <Check className='absolute left-0 top-0.5 h-4 w-4 text-text-accent'/>}
+              <div
+                className="cursor-pointer rounded-lg p-2 hover:bg-state-base-hover"
+                onClick={() => {
+                  onChange('admin')
+                  setOpen(false)
+                }}
+              >
+                <div className="relative pl-5">
+                  <div className="text-sm leading-5 text-text-secondary">{t('common.members.admin')}</div>
+                  <div className="text-xs leading-[18px] text-text-tertiary">{t('common.members.adminTip')}</div>
+                  {value === 'admin' && <Check className="absolute left-0 top-0.5 h-4 w-4 text-text-accent" />}
                 </div>
               </div>
               {datasetOperatorEnabled && (
-                <div className='cursor-pointer rounded-lg p-2 hover:bg-state-base-hover' onClick={() => {
-                  onChange('dataset_operator')
-                  setOpen(false)
-                }}>
-                  <div className='relative pl-5'>
-                    <div className='text-sm leading-5 text-text-secondary'>{t('common.members.datasetOperator')}</div>
-                    <div className='text-xs leading-[18px] text-text-tertiary'>{t('common.members.datasetOperatorTip')}</div>
-                    {value === 'dataset_operator' && <Check className='absolute left-0 top-0.5 h-4 w-4 text-text-accent'/>}
+                <div
+                  className="cursor-pointer rounded-lg p-2 hover:bg-state-base-hover"
+                  onClick={() => {
+                    onChange('dataset_operator')
+                    setOpen(false)
+                  }}
+                >
+                  <div className="relative pl-5">
+                    <div className="text-sm leading-5 text-text-secondary">{t('common.members.datasetOperator')}</div>
+                    <div className="text-xs leading-[18px] text-text-tertiary">{t('common.members.datasetOperatorTip')}</div>
+                    {value === 'dataset_operator' && <Check className="absolute left-0 top-0.5 h-4 w-4 text-text-accent" />}
                   </div>
                 </div>
               )}
diff --git a/web/app/components/header/account-setting/members-page/invited-modal/index.tsx b/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
index 2719708672..5fb6c410c4 100644
--- a/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
+++ b/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
@@ -1,16 +1,16 @@
-import { CheckCircleIcon } from '@heroicons/react/24/solid'
-import { XMarkIcon } from '@heroicons/react/24/outline'
-import { RiQuestionLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useMemo } from 'react'
-import InvitationLink from './invitation-link'
-import s from './index.module.css'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import { IS_CE_EDITION } from '@/config'
 import type { InvitationResult } from '@/models/common'
-import Tooltip from '@/app/components/base/tooltip'
+import { XMarkIcon } from '@heroicons/react/24/outline'
+import { CheckCircleIcon } from '@heroicons/react/24/solid'
+import { RiQuestionLine } from '@remixicon/react'
 import { noop } from 'lodash-es'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+import Tooltip from '@/app/components/base/tooltip'
+import { IS_CE_EDITION } from '@/config'
+import s from './index.module.css'
+import InvitationLink from './invitation-link'
 
 export type SuccessInvitationResult = Extract<InvitationResult, { status: 'success' }>
 export type FailedInvitationResult = Extract<InvitationResult, { status: 'failed' }>
@@ -31,62 +31,68 @@ const InvitedModal = ({
   return (
     <div className={s.wrap}>
       <Modal isShow onClose={noop} className={s.modal}>
-        <div className='mb-3 flex justify-between'>
-          <div className='
+        <div className="mb-3 flex justify-between">
+          <div className="
             flex h-12 w-12 items-center justify-center rounded-xl
             border-[0.5px] border-components-panel-border bg-background-section-burn
             shadow-xl
-          '>
-            <CheckCircleIcon className='h-[22px] w-[22px] text-[#039855]' />
+          "
+          >
+            <CheckCircleIcon className="h-[22px] w-[22px] text-[#039855]" />
           </div>
-          <XMarkIcon className='h-4 w-4 cursor-pointer' onClick={onCancel} />
+          <XMarkIcon className="h-4 w-4 cursor-pointer" onClick={onCancel} />
         </div>
-        <div className='mb-1 text-xl font-semibold text-text-primary'>{t('common.members.invitationSent')}</div>
+        <div className="mb-1 text-xl font-semibold text-text-primary">{t('common.members.invitationSent')}</div>
         {!IS_CE_EDITION && (
-          <div className='mb-10 text-sm text-text-tertiary'>{t('common.members.invitationSentTip')}</div>
+          <div className="mb-10 text-sm text-text-tertiary">{t('common.members.invitationSentTip')}</div>
         )}
         {IS_CE_EDITION && (
           <>
-            <div className='mb-5 text-sm text-text-tertiary'>{t('common.members.invitationSentTip')}</div>
-            <div className='mb-9 flex flex-col gap-2'>
+            <div className="mb-5 text-sm text-text-tertiary">{t('common.members.invitationSentTip')}</div>
+            <div className="mb-9 flex flex-col gap-2">
               {
                 !!successInvitationResults.length
-                && <>
-                  <div className='font-Medium py-2 text-sm text-text-primary'>{t('common.members.invitationLink')}</div>
-                  {successInvitationResults.map(item =>
-                    <InvitationLink key={item.email} value={item} />)}
-                </>
+                && (
+                  <>
+                    <div className="font-Medium py-2 text-sm text-text-primary">{t('common.members.invitationLink')}</div>
+                    {successInvitationResults.map(item =>
+                      <InvitationLink key={item.email} value={item} />)}
+                  </>
+                )
               }
               {
                 !!failedInvitationResults.length
-                && <>
-                  <div className='font-Medium py-2 text-sm text-text-primary'>{t('common.members.failedInvitationEmails')}</div>
-                  <div className='flex flex-wrap justify-between gap-y-1'>
-                    {
-                      failedInvitationResults.map(item =>
-                        <div key={item.email} className='flex justify-center rounded-md border border-red-300 bg-orange-50 px-1'>
-                          <Tooltip
-                            popupContent={item.message}
-                          >
-                            <div className='flex items-center justify-center gap-1 text-sm'>
-                              {item.email}
-                              <RiQuestionLine className='h-4 w-4 text-red-300' />
-                            </div>
-                          </Tooltip>
-                        </div>,
-                      )
-                    }
-                  </div>
-                </>
+                && (
+                  <>
+                    <div className="font-Medium py-2 text-sm text-text-primary">{t('common.members.failedInvitationEmails')}</div>
+                    <div className="flex flex-wrap justify-between gap-y-1">
+                      {
+                        failedInvitationResults.map(item => (
+                          <div key={item.email} className="flex justify-center rounded-md border border-red-300 bg-orange-50 px-1">
+                            <Tooltip
+                              popupContent={item.message}
+                            >
+                              <div className="flex items-center justify-center gap-1 text-sm">
+                                {item.email}
+                                <RiQuestionLine className="h-4 w-4 text-red-300" />
+                              </div>
+                            </Tooltip>
+                          </div>
+                        ),
+                        )
+                      }
+                    </div>
+                  </>
+                )
               }
             </div>
           </>
         )}
-        <div className='flex justify-end'>
+        <div className="flex justify-end">
           <Button
-            className='w-[96px]'
+            className="w-[96px]"
             onClick={onCancel}
-            variant='primary'
+            variant="primary"
           >
             {t('common.members.ok')}
           </Button>
diff --git a/web/app/components/header/account-setting/members-page/invited-modal/invitation-link.tsx b/web/app/components/header/account-setting/members-page/invited-modal/invitation-link.tsx
index a94ef4584f..48776cdfef 100644
--- a/web/app/components/header/account-setting/members-page/invited-modal/invitation-link.tsx
+++ b/web/app/components/header/account-setting/members-page/invited-modal/invitation-link.tsx
@@ -1,10 +1,10 @@
 'use client'
-import React, { useCallback, useEffect, useState } from 'react'
-import { t } from 'i18next'
-import copy from 'copy-to-clipboard'
-import s from './index.module.css'
 import type { SuccessInvitationResult } from '.'
+import copy from 'copy-to-clipboard'
+import { t } from 'i18next'
+import React, { useCallback, useEffect, useState } from 'react'
 import Tooltip from '@/app/components/base/tooltip'
+import s from './index.module.css'
 
 type IInvitationLinkProps = {
   value: SuccessInvitationResult
@@ -34,13 +34,13 @@ const InvitationLink = ({
   }, [isCopied])
 
   return (
-    <div className='flex items-center rounded-lg border border-components-input-border-active bg-components-input-bg-normal py-2 hover:bg-state-base-hover'>
+    <div className="flex items-center rounded-lg border border-components-input-border-active bg-components-input-bg-normal py-2 hover:bg-state-base-hover">
       <div className="flex h-5 grow items-center">
-        <div className='relative h-full grow text-[13px]'>
+        <div className="relative h-full grow text-[13px]">
           <Tooltip
             popupContent={isCopied ? `${t('appApi.copied')}` : `${t('appApi.copy')}`}
           >
-            <div className='r-0 absolute left-0 top-0 w-full cursor-pointer truncate pl-2 pr-2 text-text-primary' onClick={copyHandle}>{value.url}</div>
+            <div className="r-0 absolute left-0 top-0 w-full cursor-pointer truncate pl-2 pr-2 text-text-primary" onClick={copyHandle}>{value.url}</div>
           </Tooltip>
         </div>
         <div className="h-4 shrink-0 border bg-divider-regular" />
diff --git a/web/app/components/header/account-setting/members-page/operation/index.tsx b/web/app/components/header/account-setting/members-page/operation/index.tsx
index f393be5717..2b3c9e350a 100644
--- a/web/app/components/header/account-setting/members-page/operation/index.tsx
+++ b/web/app/components/header/account-setting/members-page/operation/index.tsx
@@ -1,14 +1,14 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { Fragment, useMemo } from 'react'
-import { useContext } from 'use-context-selector'
+import type { Member } from '@/models/common'
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import { CheckIcon, ChevronDownIcon } from '@heroicons/react/24/outline'
-import { useProviderContext } from '@/context/provider-context'
-import { cn } from '@/utils/classnames'
-import type { Member } from '@/models/common'
-import { deleteMemberOrCancelInvitation, updateMemberRole } from '@/service/common'
+import { Fragment, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import { ToastContext } from '@/app/components/base/toast'
+import { useProviderContext } from '@/context/provider-context'
+import { deleteMemberOrCancelInvitation, updateMemberRole } from '@/service/common'
+import { cn } from '@/utils/classnames'
 
 type IOperationProps = {
   member: Member
@@ -33,13 +33,16 @@ const Operation = ({
   const roleList = useMemo(() => {
     if (operatorRole === 'owner') {
       return [
-        'admin', 'editor', 'normal',
+        'admin',
+        'editor',
+        'normal',
         ...(datasetOperatorEnabled ? ['dataset_operator'] : []),
       ]
     }
     if (operatorRole === 'admin') {
       return [
-        'editor', 'normal',
+        'editor',
+        'normal',
         ...(datasetOperatorEnabled ? ['dataset_operator'] : []),
       ]
     }
@@ -96,15 +99,15 @@ const Operation = ({
                   {
                     roleList.map(role => (
                       <MenuItem key={role}>
-                        <div className='flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover' onClick={() => handleUpdateMemberRole(role)}>
+                        <div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={() => handleUpdateMemberRole(role)}>
                           {
                             role === member.role
-                              ? <CheckIcon className='mr-1 mt-[2px] h-4 w-4 text-text-accent' />
-                              : <div className='mr-1 mt-[2px] h-4 w-4 text-text-accent' />
+                              ? <CheckIcon className="mr-1 mt-[2px] h-4 w-4 text-text-accent" />
+                              : <div className="mr-1 mt-[2px] h-4 w-4 text-text-accent" />
                           }
                           <div>
-                            <div className='system-sm-semibold whitespace-nowrap text-text-secondary'>{t(`common.members.${toHump(role)}`)}</div>
-                            <div className='system-xs-regular whitespace-nowrap text-text-tertiary'>{t(`common.members.${toHump(role)}Tip`)}</div>
+                            <div className="system-sm-semibold whitespace-nowrap text-text-secondary">{t(`common.members.${toHump(role)}`)}</div>
+                            <div className="system-xs-regular whitespace-nowrap text-text-tertiary">{t(`common.members.${toHump(role)}Tip`)}</div>
                           </div>
                         </div>
                       </MenuItem>
@@ -112,12 +115,12 @@ const Operation = ({
                   }
                 </div>
                 <MenuItem>
-                  <div className='border-t border-divider-subtle p-1'>
-                    <div className='flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover' onClick={handleDeleteMemberOrCancelInvitation}>
-                      <div className='mr-1 mt-[2px] h-4 w-4 text-text-accent' />
+                  <div className="border-t border-divider-subtle p-1">
+                    <div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={handleDeleteMemberOrCancelInvitation}>
+                      <div className="mr-1 mt-[2px] h-4 w-4 text-text-accent" />
                       <div>
-                        <div className='system-sm-semibold whitespace-nowrap text-text-secondary'>{t('common.members.removeFromTeam')}</div>
-                        <div className='system-xs-regular whitespace-nowrap text-text-tertiary'>{t('common.members.removeFromTeamTip')}</div>
+                        <div className="system-sm-semibold whitespace-nowrap text-text-secondary">{t('common.members.removeFromTeam')}</div>
+                        <div className="system-xs-regular whitespace-nowrap text-text-tertiary">{t('common.members.removeFromTeamTip')}</div>
                       </div>
                     </div>
                   </div>
diff --git a/web/app/components/header/account-setting/members-page/operation/transfer-ownership.tsx b/web/app/components/header/account-setting/members-page/operation/transfer-ownership.tsx
index 61ed7fb337..5b6313f478 100644
--- a/web/app/components/header/account-setting/members-page/operation/transfer-ownership.tsx
+++ b/web/app/components/header/account-setting/members-page/operation/transfer-ownership.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { Fragment } from 'react'
-import { useTranslation } from 'react-i18next'
+import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import {
   RiArrowDownSLine,
 } from '@remixicon/react'
-import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
+import { Fragment } from 'react'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -37,8 +37,8 @@ const TransferOwnership = ({ onOperate }: Props) => {
               >
                 <div className="p-1">
                   <MenuItem>
-                    <div className='flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover' onClick={onOperate}>
-                      <div className='system-md-regular whitespace-nowrap text-text-secondary'>{t('common.members.transferOwnership')}</div>
+                    <div className="flex cursor-pointer rounded-lg px-3 py-2 hover:bg-state-base-hover" onClick={onOperate}>
+                      <div className="system-md-regular whitespace-nowrap text-text-secondary">{t('common.members.transferOwnership')}</div>
                     </div>
                   </MenuItem>
                 </div>
diff --git a/web/app/components/header/account-setting/members-page/transfer-ownership-modal/index.tsx b/web/app/components/header/account-setting/members-page/transfer-ownership-modal/index.tsx
index 9809e5003c..6ad18d3830 100644
--- a/web/app/components/header/account-setting/members-page/transfer-ownership-modal/index.tsx
+++ b/web/app/components/header/account-setting/members-page/transfer-ownership-modal/index.tsx
@@ -1,19 +1,19 @@
+import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import React, { useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { RiCloseLine } from '@remixicon/react'
-import { useAppContext } from '@/context/app-context'
-import { ToastContext } from '@/app/components/base/toast'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
-import MemberSelector from './member-selector'
+import Modal from '@/app/components/base/modal'
+import { ToastContext } from '@/app/components/base/toast'
+import { useAppContext } from '@/context/app-context'
 import {
   ownershipTransfer,
   sendOwnerEmail,
   verifyOwnerEmail,
 } from '@/service/common'
-import { noop } from 'lodash-es'
+import MemberSelector from './member-selector'
 
 type Props = {
   show: boolean
@@ -126,36 +126,36 @@ const TransferOwnershipModal = ({ onClose, show }: Props) => {
     <Modal
       isShow={show}
       onClose={noop}
-      className='!w-[420px] !p-6'
+      className="!w-[420px] !p-6"
     >
-      <div className='absolute right-5 top-5 cursor-pointer p-1.5' onClick={onClose}>
-        <RiCloseLine className='h-5 w-5 text-text-tertiary' />
+      <div className="absolute right-5 top-5 cursor-pointer p-1.5" onClick={onClose}>
+        <RiCloseLine className="h-5 w-5 text-text-tertiary" />
       </div>
       {step === STEP.start && (
         <>
-          <div className='title-2xl-semi-bold pb-3 text-text-primary'>{t('common.members.transferModal.title')}</div>
-          <div className='space-y-1 pb-2 pt-1'>
-            <div className='body-md-medium text-text-destructive'>{t('common.members.transferModal.warning', { workspace: currentWorkspace.name.replace(/'/g, '’') })}</div>
-            <div className='body-md-regular text-text-secondary'>{t('common.members.transferModal.warningTip')}</div>
-            <div className='body-md-regular text-text-secondary'>
+          <div className="title-2xl-semi-bold pb-3 text-text-primary">{t('common.members.transferModal.title')}</div>
+          <div className="space-y-1 pb-2 pt-1">
+            <div className="body-md-medium text-text-destructive">{t('common.members.transferModal.warning', { workspace: currentWorkspace.name.replace(/'/g, '’') })}</div>
+            <div className="body-md-regular text-text-secondary">{t('common.members.transferModal.warningTip')}</div>
+            <div className="body-md-regular text-text-secondary">
               <Trans
                 i18nKey="common.members.transferModal.sendTip"
-                components={{ email: <span className='body-md-medium text-text-primary'></span> }}
+                components={{ email: <span className="body-md-medium text-text-primary"></span> }}
                 values={{ email: userProfile.email }}
               />
             </div>
           </div>
-          <div className='pt-3'></div>
-          <div className='space-y-2'>
+          <div className="pt-3"></div>
+          <div className="space-y-2">
             <Button
-              className='!w-full'
-              variant='primary'
+              className="!w-full"
+              variant="primary"
               onClick={sendCodeToOriginEmail}
             >
               {t('common.members.transferModal.sendVerifyCode')}
             </Button>
             <Button
-              className='!w-full'
+              className="!w-full"
               onClick={onClose}
             >
               {t('common.operation.cancel')}
@@ -165,80 +165,80 @@ const TransferOwnershipModal = ({ onClose, show }: Props) => {
       )}
       {step === STEP.verify && (
         <>
-          <div className='title-2xl-semi-bold pb-3 text-text-primary'>{t('common.members.transferModal.verifyEmail')}</div>
-          <div className='pb-2 pt-1'>
-            <div className='body-md-regular text-text-secondary'>
+          <div className="title-2xl-semi-bold pb-3 text-text-primary">{t('common.members.transferModal.verifyEmail')}</div>
+          <div className="pb-2 pt-1">
+            <div className="body-md-regular text-text-secondary">
               <Trans
                 i18nKey="common.members.transferModal.verifyContent"
-                components={{ email: <span className='body-md-medium text-text-primary'></span> }}
+                components={{ email: <span className="body-md-medium text-text-primary"></span> }}
                 values={{ email: userProfile.email }}
               />
             </div>
-            <div className='body-md-regular text-text-secondary'>{t('common.members.transferModal.verifyContent2')}</div>
+            <div className="body-md-regular text-text-secondary">{t('common.members.transferModal.verifyContent2')}</div>
           </div>
-          <div className='pt-3'>
-            <div className='system-sm-medium mb-1 flex h-6 items-center text-text-secondary'>{t('common.members.transferModal.codeLabel')}</div>
+          <div className="pt-3">
+            <div className="system-sm-medium mb-1 flex h-6 items-center text-text-secondary">{t('common.members.transferModal.codeLabel')}</div>
             <Input
-              className='!w-full'
+              className="!w-full"
               placeholder={t('common.members.transferModal.codePlaceholder')}
               value={code}
               onChange={e => setCode(e.target.value)}
               maxLength={6}
             />
           </div>
-          <div className='mt-3 space-y-2'>
+          <div className="mt-3 space-y-2">
             <Button
               disabled={code.length !== 6}
-              className='!w-full'
-              variant='primary'
+              className="!w-full"
+              variant="primary"
               onClick={handleVerifyOriginEmail}
             >
               {t('common.members.transferModal.continue')}
             </Button>
             <Button
-              className='!w-full'
+              className="!w-full"
               onClick={onClose}
             >
               {t('common.operation.cancel')}
             </Button>
           </div>
-          <div className='system-xs-regular mt-3 flex items-center gap-1 text-text-tertiary'>
+          <div className="system-xs-regular mt-3 flex items-center gap-1 text-text-tertiary">
             <span>{t('common.members.transferModal.resendTip')}</span>
             {time > 0 && (
               <span>{t('common.members.transferModal.resendCount', { count: time })}</span>
             )}
             {!time && (
-              <span onClick={sendCodeToOriginEmail} className='system-xs-medium cursor-pointer text-text-accent-secondary'>{t('common.members.transferModal.resend')}</span>
+              <span onClick={sendCodeToOriginEmail} className="system-xs-medium cursor-pointer text-text-accent-secondary">{t('common.members.transferModal.resend')}</span>
             )}
           </div>
         </>
       )}
       {step === STEP.transfer && (
         <>
-          <div className='title-2xl-semi-bold pb-3 text-text-primary'>{t('common.members.transferModal.title')}</div>
-          <div className='space-y-1 pb-2 pt-1'>
-            <div className='body-md-medium text-text-destructive'>{t('common.members.transferModal.warning', { workspace: currentWorkspace.name.replace(/'/g, '’') })}</div>
-            <div className='body-md-regular text-text-secondary'>{t('common.members.transferModal.warningTip')}</div>
+          <div className="title-2xl-semi-bold pb-3 text-text-primary">{t('common.members.transferModal.title')}</div>
+          <div className="space-y-1 pb-2 pt-1">
+            <div className="body-md-medium text-text-destructive">{t('common.members.transferModal.warning', { workspace: currentWorkspace.name.replace(/'/g, '’') })}</div>
+            <div className="body-md-regular text-text-secondary">{t('common.members.transferModal.warningTip')}</div>
           </div>
-          <div className='pt-3'>
-            <div className='system-sm-medium mb-1 flex h-6 items-center text-text-secondary'>{t('common.members.transferModal.transferLabel')}</div>
+          <div className="pt-3">
+            <div className="system-sm-medium mb-1 flex h-6 items-center text-text-secondary">{t('common.members.transferModal.transferLabel')}</div>
             <MemberSelector
               exclude={[userProfile.id]}
               value={newOwner}
               onSelect={setNewOwner}
             />
           </div>
-          <div className='mt-4 space-y-2'>
+          <div className="mt-4 space-y-2">
             <Button
               disabled={!newOwner || isTransfer}
-              className='!w-full'
-              variant='warning'
+              className="!w-full"
+              variant="warning"
               onClick={handleTransfer}
             >
               {t('common.members.transferModal.transfer')}
             </Button>
             <Button
-              className='!w-full'
+              className="!w-full"
               onClick={onClose}
             >
               {t('common.operation.cancel')}
diff --git a/web/app/components/header/account-setting/members-page/transfer-ownership-modal/member-selector.tsx b/web/app/components/header/account-setting/members-page/transfer-ownership-modal/member-selector.tsx
index 70c8e300f0..dae7731799 100644
--- a/web/app/components/header/account-setting/members-page/transfer-ownership-modal/member-selector.tsx
+++ b/web/app/components/header/account-setting/members-page/transfer-ownership-modal/member-selector.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
-import React, { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiArrowDownSLine,
 } from '@remixicon/react'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import React, { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Avatar from '@/app/components/base/avatar'
 import Input from '@/app/components/base/input'
-import { cn } from '@/utils/classnames'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import { useMembers } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   value?: any
@@ -29,16 +29,20 @@ const MemberSelector: FC<Props> = ({
   const { data } = useMembers()
 
   const currentValue = useMemo(() => {
-    if (!data?.accounts) return null
+    if (!data?.accounts)
+      return null
     const accounts = data.accounts || []
-    if (!value) return null
+    if (!value)
+      return null
     return accounts.find(account => account.id === value)
   }, [data, value])
 
   const filteredList = useMemo(() => {
-    if (!data?.accounts) return []
+    if (!data?.accounts)
+      return []
     const accounts = data.accounts
-    if (!searchValue) return accounts.filter(account => !exclude.includes(account.id))
+    if (!searchValue)
+      return accounts.filter(account => !exclude.includes(account.id))
     return accounts.filter((account) => {
       const name = account.name || ''
       const email = account.email || ''
@@ -51,49 +55,49 @@ const MemberSelector: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom'
+      placement="bottom"
       offset={4}
     >
       <PortalToFollowElemTrigger
-        className='w-full'
+        className="w-full"
         onClick={() => setOpen(v => !v)}
       >
         <div className={cn('group flex cursor-pointer items-center gap-1.5 rounded-lg bg-components-input-bg-normal px-2 py-1 hover:bg-state-base-hover-alt', open && 'bg-state-base-hover-alt')}>
           {!currentValue && (
-            <div className='system-sm-regular grow p-1 text-components-input-text-placeholder'>{t('common.members.transferModal.transferPlaceholder')}</div>
+            <div className="system-sm-regular grow p-1 text-components-input-text-placeholder">{t('common.members.transferModal.transferPlaceholder')}</div>
           )}
           {currentValue && (
             <>
               <Avatar avatar={currentValue.avatar_url} size={24} name={currentValue.name} />
-              <div className='system-sm-medium grow truncate text-text-secondary'>{currentValue.name}</div>
-              <div className='system-xs-regular text-text-quaternary'>{currentValue.email}</div>
+              <div className="system-sm-medium grow truncate text-text-secondary">{currentValue.name}</div>
+              <div className="system-xs-regular text-text-quaternary">{currentValue.email}</div>
             </>
           )}
           <RiArrowDownSLine className={cn('h-4 w-4 text-text-quaternary group-hover:text-text-secondary', open && 'text-text-secondary')} />
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='min-w-[372px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm'>
-          <div className='p-2 pb-1'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="min-w-[372px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
+          <div className="p-2 pb-1">
             <Input
               showLeftIcon
               value={searchValue}
               onChange={e => setSearchValue(e.target.value)}
             />
           </div>
-          <div className='p-1'>
+          <div className="p-1">
             {filteredList.map(account => (
               <div
                 key={account.id}
-                className='flex cursor-pointer items-center gap-2 rounded-lg py-1 pl-2 pr-3 hover:bg-state-base-hover'
+                className="flex cursor-pointer items-center gap-2 rounded-lg py-1 pl-2 pr-3 hover:bg-state-base-hover"
                 onClick={() => {
                   onSelect(account.id)
                   setOpen(false)
                 }}
               >
                 <Avatar avatar={account.avatar_url} size={24} name={account.name} />
-                <div className='system-sm-medium grow truncate text-text-secondary'>{account.name}</div>
-                <div className='system-xs-regular text-text-quaternary'>{account.email}</div>
+                <div className="system-sm-medium grow truncate text-text-secondary">{account.name}</div>
+                <div className="system-xs-regular text-text-quaternary">{account.email}</div>
               </div>
             ))}
           </div>
diff --git a/web/app/components/header/account-setting/menu-dialog.tsx b/web/app/components/header/account-setting/menu-dialog.tsx
index abed5d2bed..0b2d2208cd 100644
--- a/web/app/components/header/account-setting/menu-dialog.tsx
+++ b/web/app/components/header/account-setting/menu-dialog.tsx
@@ -1,8 +1,8 @@
-import { Fragment, useCallback, useEffect } from 'react'
 import type { ReactNode } from 'react'
 import { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react'
-import { cn } from '@/utils/classnames'
 import { noop } from 'lodash-es'
+import { Fragment, useCallback, useEffect } from 'react'
+import { cn } from '@/utils/classnames'
 
 type DialogProps = {
   className?: string
@@ -45,15 +45,16 @@ const MenuDialog = ({
                 'data-[enter]:scale-100 data-[enter]:opacity-100',
                 'data-[enter]:scale-95 data-[leave]:opacity-0',
                 className,
-              )}>
-                <div className='absolute right-0 top-0 h-full w-1/2 bg-components-panel-bg' />
+              )}
+              >
+                <div className="absolute right-0 top-0 h-full w-1/2 bg-components-panel-bg" />
                 {children}
               </DialogPanel>
             </TransitionChild>
           </div>
         </div>
       </Dialog>
-    </Transition >
+    </Transition>
   )
 }
 
diff --git a/web/app/components/header/account-setting/model-provider-page/declarations.ts b/web/app/components/header/account-setting/model-provider-page/declarations.ts
index 9a3c45cace..a5dd46b59f 100644
--- a/web/app/components/header/account-setting/model-provider-page/declarations.ts
+++ b/web/app/components/header/account-setting/model-provider-page/declarations.ts
@@ -130,17 +130,17 @@ export type CredentialFormSchemaBase = {
 }
 
 export type CredentialFormSchemaTextInput = CredentialFormSchemaBase & {
-  max_length?: number;
-  placeholder?: TypeWithI18N,
+  max_length?: number
+  placeholder?: TypeWithI18N
   template?: {
     enabled: boolean
-  },
+  }
   auto_generate?: {
     type: string
   }
 }
-export type CredentialFormSchemaNumberInput = CredentialFormSchemaBase & { min?: number; max?: number; placeholder?: TypeWithI18N }
-export type CredentialFormSchemaSelect = CredentialFormSchemaBase & { options: FormOption[]; placeholder?: TypeWithI18N }
+export type CredentialFormSchemaNumberInput = CredentialFormSchemaBase & { min?: number, max?: number, placeholder?: TypeWithI18N }
+export type CredentialFormSchemaSelect = CredentialFormSchemaBase & { options: FormOption[], placeholder?: TypeWithI18N }
 export type CredentialFormSchemaRadio = CredentialFormSchemaBase & { options: FormOption[] }
 export type CredentialFormSchemaSecretInput = CredentialFormSchemaBase & { placeholder?: TypeWithI18N }
 export type CredentialFormSchema = CredentialFormSchemaTextInput | CredentialFormSchemaSelect | CredentialFormSchemaRadio | CredentialFormSchemaSecretInput
diff --git a/web/app/components/header/account-setting/model-provider-page/hooks.spec.ts b/web/app/components/header/account-setting/model-provider-page/hooks.spec.ts
index 003b9a6846..0c124f55d1 100644
--- a/web/app/components/header/account-setting/model-provider-page/hooks.spec.ts
+++ b/web/app/components/header/account-setting/model-provider-page/hooks.spec.ts
@@ -1,7 +1,7 @@
 import type { Mock } from 'vitest'
 import { renderHook } from '@testing-library/react'
-import { useLanguage } from './hooks'
 import { useContext } from 'use-context-selector'
+import { useLanguage } from './hooks'
 
 vi.mock('@tanstack/react-query', () => ({
   useQuery: vi.fn(),
diff --git a/web/app/components/header/account-setting/model-provider-page/hooks.ts b/web/app/components/header/account-setting/model-provider-page/hooks.ts
index ff5899f01c..8bf5ad05ba 100644
--- a/web/app/components/header/account-setting/model-provider-page/hooks.ts
+++ b/web/app/components/header/account-setting/model-provider-page/hooks.ts
@@ -1,11 +1,3 @@
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
-import { useContext } from 'use-context-selector'
 import type {
   Credential,
   CustomConfigurationModelFixedFields,
@@ -17,12 +9,23 @@ import type {
   ModelProvider,
   ModelTypeEnum,
 } from './declarations'
+import { useQuery, useQueryClient } from '@tanstack/react-query'
 import {
-  ConfigurationMethodEnum,
-  CustomConfigurationStatusEnum,
-  ModelStatusEnum,
-} from './declarations'
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { useContext } from 'use-context-selector'
+import {
+  useMarketplacePlugins,
+  useMarketplacePluginsByCollectionId,
+} from '@/app/components/plugins/marketplace/hooks'
+import { PluginCategoryEnum } from '@/app/components/plugins/types'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import I18n from '@/context/i18n'
+import { useModalContextSelector } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
 import {
   fetchDefaultModal,
   fetchModelList,
@@ -30,14 +33,11 @@ import {
   getPayUrl,
 } from '@/service/common'
 import { commonQueryKeys } from '@/service/use-common'
-import { useProviderContext } from '@/context/provider-context'
 import {
-  useMarketplacePlugins,
-  useMarketplacePluginsByCollectionId,
-} from '@/app/components/plugins/marketplace/hooks'
-import { PluginCategoryEnum } from '@/app/components/plugins/types'
-import { useModalContextSelector } from '@/context/modal-context'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
+  ConfigurationMethodEnum,
+  CustomConfigurationStatusEnum,
+  ModelStatusEnum,
+} from './declarations'
 import { UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST } from './provider-added-card'
 
 type UseDefaultModelAndModelList = (
@@ -105,9 +105,9 @@ export const useProviderCredentialsAndLoadBalancing = (
       ? predefinedFormSchemasValue?.credentials
       : customFormSchemasValue?.credentials
         ? {
-          ...customFormSchemasValue?.credentials,
-          ...currentCustomConfigurationModelFixedFields,
-        }
+            ...customFormSchemasValue?.credentials,
+            ...currentCustomConfigurationModelFixedFields,
+          }
         : undefined
   }, [
     configurationMethod,
@@ -353,11 +353,11 @@ export const useModelModalHandler = () => {
     configurationMethod: ConfigurationMethodEnum,
     CustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields,
     extra: {
-      isModelCredential?: boolean,
-      credential?: Credential,
-      model?: CustomModel,
-      onUpdate?: (newPayload: any, formValues?: Record<string, any>) => void,
-      mode?: ModelModalModeEnum,
+      isModelCredential?: boolean
+      credential?: Credential
+      model?: CustomModel
+      onUpdate?: (newPayload: any, formValues?: Record<string, any>) => void
+      mode?: ModelModalModeEnum
     } = {},
   ) => {
     setShowModelModal({
diff --git a/web/app/components/header/account-setting/model-provider-page/index.tsx b/web/app/components/header/account-setting/model-provider-page/index.tsx
index 7467b1bb66..6ada988f7c 100644
--- a/web/app/components/header/account-setting/model-provider-page/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/index.tsx
@@ -1,15 +1,16 @@
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useDebounce } from 'ahooks'
+import type {
+  ModelProvider,
+} from './declarations'
 import {
   RiAlertFill,
   RiBrainLine,
 } from '@remixicon/react'
-import SystemModelSelector from './system-model-selector'
-import ProviderAddedCard from './provider-added-card'
-import type {
-  ModelProvider,
-} from './declarations'
+import { useDebounce } from 'ahooks'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
 import {
   CustomConfigurationStatusEnum,
   ModelTypeEnum,
@@ -18,9 +19,8 @@ import {
   useDefaultModel,
 } from './hooks'
 import InstallFromMarketplace from './install-from-marketplace'
-import { useProviderContext } from '@/context/provider-context'
-import { cn } from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+import ProviderAddedCard from './provider-added-card'
+import SystemModelSelector from './system-model-selector'
 
 type Props = {
   searchText: string
@@ -50,10 +50,12 @@ const ModelProviderPage = ({ searchText }: Props) => {
           provider.system_configuration.enabled === true
           && provider.system_configuration.quota_configurations.find(item => item.quota_type === provider.system_configuration.current_quota_type)
         )
-      )
+      ) {
         configuredProviders.push(provider)
-      else
+      }
+      else {
         notConfiguredProviders.push(provider)
+      }
     })
 
     configuredProviders.sort((a, b) => {
@@ -82,18 +84,19 @@ const ModelProviderPage = ({ searchText }: Props) => {
   }, [configuredProviders, debouncedSearchText, notConfiguredProviders])
 
   return (
-    <div className='relative -mt-2 pt-1'>
+    <div className="relative -mt-2 pt-1">
       <div className={cn('mb-2 flex items-center')}>
-        <div className='system-md-semibold grow text-text-primary'>{t('common.modelProvider.models')}</div>
+        <div className="system-md-semibold grow text-text-primary">{t('common.modelProvider.models')}</div>
         <div className={cn(
           'relative flex shrink-0 items-center justify-end gap-2 rounded-lg border border-transparent p-px',
           defaultModelNotConfigured && 'border-components-panel-border bg-components-panel-bg-blur pl-2 shadow-xs',
-        )}>
-          {defaultModelNotConfigured && <div className='absolute bottom-0 left-0 right-0 top-0 opacity-40' style={{ background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)' }} />}
+        )}
+        >
+          {defaultModelNotConfigured && <div className="absolute bottom-0 left-0 right-0 top-0 opacity-40" style={{ background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)' }} />}
           {defaultModelNotConfigured && (
-            <div className='system-xs-medium flex items-center gap-1 text-text-primary'>
-              <RiAlertFill className='h-4 w-4 text-text-warning-secondary' />
-              <span className='max-w-[460px] truncate' title={t('common.modelProvider.notConfigured')}>{t('common.modelProvider.notConfigured')}</span>
+            <div className="system-xs-medium flex items-center gap-1 text-text-primary">
+              <RiAlertFill className="h-4 w-4 text-text-warning-secondary" />
+              <span className="max-w-[460px] truncate" title={t('common.modelProvider.notConfigured')}>{t('common.modelProvider.notConfigured')}</span>
             </div>
           )}
           <SystemModelSelector
@@ -107,16 +110,16 @@ const ModelProviderPage = ({ searchText }: Props) => {
         </div>
       </div>
       {!filteredConfiguredProviders?.length && (
-        <div className='mb-2 rounded-[10px] bg-workflow-process-bg p-4'>
-          <div className='flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg backdrop-blur'>
-            <RiBrainLine className='h-5 w-5 text-text-primary' />
+        <div className="mb-2 rounded-[10px] bg-workflow-process-bg p-4">
+          <div className="flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg backdrop-blur">
+            <RiBrainLine className="h-5 w-5 text-text-primary" />
           </div>
-          <div className='system-sm-medium mt-2 text-text-secondary'>{t('common.modelProvider.emptyProviderTitle')}</div>
-          <div className='system-xs-regular mt-1 text-text-tertiary'>{t('common.modelProvider.emptyProviderTip')}</div>
+          <div className="system-sm-medium mt-2 text-text-secondary">{t('common.modelProvider.emptyProviderTitle')}</div>
+          <div className="system-xs-regular mt-1 text-text-tertiary">{t('common.modelProvider.emptyProviderTip')}</div>
         </div>
       )}
       {!!filteredConfiguredProviders?.length && (
-        <div className='relative'>
+        <div className="relative">
           {filteredConfiguredProviders?.map(provider => (
             <ProviderAddedCard
               key={provider.provider}
@@ -127,8 +130,8 @@ const ModelProviderPage = ({ searchText }: Props) => {
       )}
       {!!filteredNotConfiguredProviders?.length && (
         <>
-          <div className='system-md-semibold mb-2 flex items-center pt-2 text-text-primary'>{t('common.modelProvider.toBeConfigured')}</div>
-          <div className='relative'>
+          <div className="system-md-semibold mb-2 flex items-center pt-2 text-text-primary">{t('common.modelProvider.toBeConfigured')}</div>
+          <div className="relative">
             {filteredNotConfiguredProviders?.map(provider => (
               <ProviderAddedCard
                 notConfigured
diff --git a/web/app/components/header/account-setting/model-provider-page/install-from-marketplace.tsx b/web/app/components/header/account-setting/model-provider-page/install-from-marketplace.tsx
index cb8f1464bb..e590bef38c 100644
--- a/web/app/components/header/account-setting/model-provider-page/install-from-marketplace.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/install-from-marketplace.tsx
@@ -1,25 +1,25 @@
-import { useCallback, useState } from 'react'
-import { useTheme } from 'next-themes'
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
+import type {
+  ModelProvider,
+} from './declarations'
+import type { Plugin } from '@/app/components/plugins/types'
 import {
   RiArrowDownSLine,
   RiArrowRightUpLine,
 } from '@remixicon/react'
-import type {
-  ModelProvider,
-} from './declarations'
+import { useTheme } from 'next-themes'
+import Link from 'next/link'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Divider from '@/app/components/base/divider'
+import Loading from '@/app/components/base/loading'
+import List from '@/app/components/plugins/marketplace/list'
+import ProviderCard from '@/app/components/plugins/provider-card'
+import { getLocaleOnClient } from '@/i18n-config'
+import { cn } from '@/utils/classnames'
+import { getMarketplaceUrl } from '@/utils/var'
 import {
   useMarketplaceAllPlugins,
 } from './hooks'
-import Divider from '@/app/components/base/divider'
-import Loading from '@/app/components/base/loading'
-import ProviderCard from '@/app/components/plugins/provider-card'
-import List from '@/app/components/plugins/marketplace/list'
-import type { Plugin } from '@/app/components/plugins/types'
-import { cn } from '@/utils/classnames'
-import { getLocaleOnClient } from '@/i18n-config'
-import { getMarketplaceUrl } from '@/utils/var'
 
 type InstallFromMarketplaceProps = {
   providers: ModelProvider[]
@@ -46,22 +46,22 @@ const InstallFromMarketplace = ({
   }, [])
 
   return (
-    <div className='mb-2'>
-      <Divider className='!mt-4 h-px' />
-      <div className='flex items-center justify-between'>
-        <div className='system-md-semibold flex cursor-pointer items-center gap-1 text-text-primary' onClick={() => setCollapse(!collapse)}>
+    <div className="mb-2">
+      <Divider className="!mt-4 h-px" />
+      <div className="flex items-center justify-between">
+        <div className="system-md-semibold flex cursor-pointer items-center gap-1 text-text-primary" onClick={() => setCollapse(!collapse)}>
           <RiArrowDownSLine className={cn('h-4 w-4', collapse && '-rotate-90')} />
           {t('common.modelProvider.installProvider')}
         </div>
-        <div className='mb-2 flex items-center pt-2'>
-          <span className='system-sm-regular pr-1 text-text-tertiary'>{t('common.modelProvider.discoverMore')}</span>
-          <Link target="_blank" href={getMarketplaceUrl('', { theme })} className='system-sm-medium inline-flex items-center text-text-accent'>
+        <div className="mb-2 flex items-center pt-2">
+          <span className="system-sm-regular pr-1 text-text-tertiary">{t('common.modelProvider.discoverMore')}</span>
+          <Link target="_blank" href={getMarketplaceUrl('', { theme })} className="system-sm-medium inline-flex items-center text-text-accent">
             {t('plugin.marketplace.difyMarketplace')}
-            <RiArrowRightUpLine className='h-4 w-4' />
+            <RiArrowRightUpLine className="h-4 w-4" />
           </Link>
         </div>
       </div>
-      {!collapse && isAllPluginsLoading && <Loading type='area' />}
+      {!collapse && isAllPluginsLoading && <Loading type="area" />}
       {
         !isAllPluginsLoading && !collapse && (
           <List
@@ -70,9 +70,9 @@ const InstallFromMarketplace = ({
             plugins={allPlugins}
             showInstallButton
             locale={locale}
-            cardContainerClassName='grid grid-cols-2 gap-2'
+            cardContainerClassName="grid grid-cols-2 gap-2"
             cardRender={cardRender}
-            emptyClassName='h-auto'
+            emptyClassName="h-auto"
           />
         )
       }
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/add-credential-in-load-balancing.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/add-credential-in-load-balancing.tsx
index b4c2628416..aca084f409 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/add-credential-in-load-balancing.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/add-credential-in-load-balancing.tsx
@@ -1,11 +1,3 @@
-import {
-  memo,
-  useCallback,
-} from 'react'
-import { RiAddLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { Authorized } from '@/app/components/header/account-setting/model-provider-page/model-auth'
-import { cn } from '@/utils/classnames'
 import type {
   Credential,
   CustomConfigurationModelFixedFields,
@@ -13,7 +5,15 @@ import type {
   ModelCredential,
   ModelProvider,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { RiAddLine } from '@remixicon/react'
+import {
+  memo,
+  useCallback,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import { ConfigurationMethodEnum, ModelModalModeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { Authorized } from '@/app/components/header/account-setting/model-provider-page/model-auth'
+import { cn } from '@/utils/classnames'
 
 type AddCredentialInLoadBalancingProps = {
   provider: ModelProvider
@@ -49,8 +49,9 @@ const AddCredentialInLoadBalancing = ({
       <div className={cn(
         'system-sm-medium flex h-8 items-center rounded-lg px-3 text-text-accent hover:bg-state-base-hover',
         open && 'bg-state-base-hover',
-      )}>
-        <RiAddLine className='mr-2 h-4 w-4' />
+      )}
+      >
+        <RiAddLine className="mr-2 h-4 w-4" />
         {t('common.modelProvider.auth.addCredential')}
       </div>
     )
@@ -78,12 +79,14 @@ const AddCredentialInLoadBalancing = ({
       ]}
       showModelTitle={!isCustomModel}
       configurationMethod={configurationMethod}
-      currentCustomConfigurationModelFixedFields={isCustomModel ? {
-        __model_name: model.model,
-        __model_type: model.model_type,
-      } : undefined}
+      currentCustomConfigurationModelFixedFields={isCustomModel
+        ? {
+            __model_name: model.model,
+            __model_type: model.model_type,
+          }
+        : undefined}
       onItemClick={onSelectCredential}
-      placement='bottom-start'
+      placement="bottom-start"
       popupTitle={isCustomModel ? t('common.modelProvider.auth.modelCredentials') : ''}
     />
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/add-custom-model.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/add-custom-model.tsx
index def83f7238..7a229a90be 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/add-custom-model.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/add-custom-model.tsx
@@ -1,37 +1,37 @@
+import type {
+  ConfigurationMethodEnum,
+  CustomConfigurationModelFixedFields,
+  ModelProvider,
+} from '@/app/components/header/account-setting/model-provider-page/declarations'
+import {
+  RiAddCircleFill,
+  RiAddLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiAddCircleFill,
-  RiAddLine,
-} from '@remixicon/react'
 import {
   Button,
 } from '@/app/components/base/button'
-import type {
-  ConfigurationMethodEnum,
-  CustomConfigurationModelFixedFields,
-  ModelProvider,
-} from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { ModelModalModeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { cn } from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import ModelIcon from '../model-icon'
-import { useCanAddedModels } from './hooks/use-custom-models'
-import { useAuth } from './hooks/use-auth'
 import Tooltip from '@/app/components/base/tooltip'
+import { ModelModalModeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { cn } from '@/utils/classnames'
+import ModelIcon from '../model-icon'
+import { useAuth } from './hooks/use-auth'
+import { useCanAddedModels } from './hooks/use-custom-models'
 
 type AddCustomModelProps = {
-  provider: ModelProvider,
-  configurationMethod: ConfigurationMethodEnum,
-  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields,
+  provider: ModelProvider
+  configurationMethod: ConfigurationMethodEnum
+  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields
   open?: boolean
   onOpenChange?: (open: boolean) => void
 }
@@ -71,15 +71,15 @@ const AddCustomModel = ({
   const renderTrigger = useCallback((open?: boolean) => {
     const Item = (
       <Button
-        variant='ghost'
-        size='small'
+        variant="ghost"
+        size="small"
         className={cn(
           'text-text-tertiary',
           open && 'bg-components-button-ghost-bg-hover',
           notAllowCustomCredential && !!noModels && 'cursor-not-allowed opacity-50',
         )}
       >
-        <RiAddCircleFill className='mr-1 h-3.5 w-3.5' />
+        <RiAddCircleFill className="mr-1 h-3.5 w-3.5" />
         {t('common.modelProvider.addModel')}
       </Button>
     )
@@ -97,7 +97,7 @@ const AddCustomModel = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -112,30 +112,31 @@ const AddCustomModel = ({
         }
 
         setOpen(prev => !prev)
-      }}>
+      }}
+      >
         {renderTrigger(open)}
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[100]'>
-        <div className='w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
-          <div className='max-h-[304px] overflow-y-auto p-1'>
+      <PortalToFollowElemContent className="z-[100]">
+        <div className="w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
+          <div className="max-h-[304px] overflow-y-auto p-1">
             {
               canAddedModels.map(model => (
                 <div
                   key={model.model}
-                  className='flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                  className="flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                   onClick={() => {
                     handleOpenModalForAddCustomModelToModelList(undefined, model)
                     setOpen(false)
                   }}
                 >
                   <ModelIcon
-                    className='mr-1 h-5 w-5 shrink-0'
-                    iconClassName='h-5 w-5'
+                    className="mr-1 h-5 w-5 shrink-0"
+                    iconClassName="h-5 w-5"
                     provider={provider}
                     modelName={model.model}
                   />
                   <div
-                    className='system-md-regular grow truncate text-text-primary'
+                    className="system-md-regular grow truncate text-text-primary"
                     title={model.model}
                   >
                     {model.model}
@@ -147,13 +148,13 @@ const AddCustomModel = ({
           {
             !notAllowCustomCredential && (
               <div
-                className='system-xs-medium flex cursor-pointer items-center border-t border-t-divider-subtle p-3 text-text-accent-light-mode-only'
+                className="system-xs-medium flex cursor-pointer items-center border-t border-t-divider-subtle p-3 text-text-accent-light-mode-only"
                 onClick={() => {
                   handleOpenModalForAddNewCustomModel()
                   setOpen(false)
                 }}
               >
-                <RiAddLine className='mr-1 h-4 w-4' />
+                <RiAddLine className="mr-1 h-4 w-4" />
                 {t('common.modelProvider.auth.addNewModel')}
               </div>
             )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/authorized-item.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/authorized-item.tsx
index 10dc48585c..1910e74f33 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/authorized-item.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/authorized-item.tsx
@@ -1,15 +1,15 @@
-import {
-  memo,
-  useCallback,
-} from 'react'
-import CredentialItem from './credential-item'
 import type {
   Credential,
   CustomModel,
   CustomModelCredential,
   ModelProvider,
 } from '../../declarations'
+import {
+  memo,
+  useCallback,
+} from 'react'
 import ModelIcon from '../../model-icon'
+import CredentialItem from './credential-item'
 
 type AuthorizedItemProps = {
   provider: ModelProvider
@@ -54,23 +54,23 @@ export const AuthorizedItem = ({
   }, [onItemClick, model])
 
   return (
-    <div className='p-1'>
+    <div className="p-1">
       {
         showModelTitle && (
           <div
-            className='flex h-9 items-center px-2'
+            className="flex h-9 items-center px-2"
           >
             {
               model?.model && (
                 <ModelIcon
-                  className='mr-1 h-5 w-5 shrink-0'
+                  className="mr-1 h-5 w-5 shrink-0"
                   provider={provider}
                   modelName={model.model}
                 />
               )
             }
             <div
-              className='system-md-medium mx-1 grow truncate text-text-primary'
+              className="system-md-medium mx-1 grow truncate text-text-primary"
               title={title ?? model?.model}
             >
               {title ?? model?.model}
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/credential-item.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/credential-item.tsx
index ceb67a057e..2c9a3d5502 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/credential-item.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/credential-item.tsx
@@ -1,19 +1,19 @@
-import {
-  memo,
-  useMemo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Credential } from '../../declarations'
 import {
   RiCheckLine,
   RiDeleteBinLine,
   RiEqualizer2Line,
 } from '@remixicon/react'
-import Indicator from '@/app/components/header/indicator'
+import {
+  memo,
+  useMemo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
-import type { Credential } from '../../declarations'
 import Badge from '@/app/components/base/badge'
+import Tooltip from '@/app/components/base/tooltip'
+import Indicator from '@/app/components/header/indicator'
+import { cn } from '@/utils/classnames'
 
 type CredentialItemProps = {
   credential: Credential
@@ -64,21 +64,21 @@ const CredentialItem = ({
         onItemClick?.(credential)
       }}
     >
-      <div className='flex w-0 grow items-center space-x-1.5'>
+      <div className="flex w-0 grow items-center space-x-1.5">
         {
           showSelectedIcon && (
-            <div className='h-4 w-4'>
+            <div className="h-4 w-4">
               {
                 selectedCredentialId === credential.credential_id && (
-                  <RiCheckLine className='h-4 w-4 text-text-accent' />
+                  <RiCheckLine className="h-4 w-4 text-text-accent" />
                 )
               }
             </div>
           )
         }
-        <Indicator className='ml-2 mr-1.5 shrink-0' />
+        <Indicator className="ml-2 mr-1.5 shrink-0" />
         <div
-          className='system-md-regular truncate text-text-secondary'
+          className="system-md-regular truncate text-text-secondary"
           title={credential.credential_name}
         >
           {credential.credential_name}
@@ -86,14 +86,14 @@ const CredentialItem = ({
       </div>
       {
         credential.from_enterprise && (
-          <Badge className='shrink-0'>
+          <Badge className="shrink-0">
             Enterprise
           </Badge>
         )
       }
       {
         showAction && !credential.from_enterprise && (
-          <div className='ml-2 hidden shrink-0 items-center group-hover:flex'>
+          <div className="ml-2 hidden shrink-0 items-center group-hover:flex">
             {
               !disableEdit && !credential.not_allowed_to_use && (
                 <Tooltip popupContent={t('common.operation.edit')}>
@@ -104,7 +104,7 @@ const CredentialItem = ({
                       onEdit?.(credential)
                     }}
                   >
-                    <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+                    <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
                   </ActionButton>
                 </Tooltip>
               )
@@ -113,7 +113,7 @@ const CredentialItem = ({
               !disableDelete && (
                 <Tooltip popupContent={disableDeleteWhenSelected ? disableDeleteTip : t('common.operation.delete')}>
                   <ActionButton
-                    className='hover:bg-transparent'
+                    className="hover:bg-transparent"
                     onClick={(e) => {
                       if (disabled || disableDeleteWhenSelected)
                         return
@@ -125,7 +125,8 @@ const CredentialItem = ({
                       'h-4 w-4 text-text-tertiary',
                       !disableDeleteWhenSelected && 'hover:text-text-destructive',
                       disableDeleteWhenSelected && 'opacity-50',
-                    )} />
+                    )}
+                    />
                   </ActionButton>
                 </Tooltip>
               )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/index.tsx
index 572d5b8a40..c14de5acda 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/authorized/index.tsx
@@ -1,24 +1,3 @@
-import {
-  Fragment,
-  memo,
-  useCallback,
-  useState,
-} from 'react'
-import {
-  RiAddLine,
-} from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-  PortalToFollowElemTrigger,
-} from '@/app/components/base/portal-to-follow-elem'
-import type {
-  PortalToFollowElemOptions,
-} from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import { cn } from '@/utils/classnames'
-import Confirm from '@/app/components/base/confirm'
 import type {
   ConfigurationMethodEnum,
   Credential,
@@ -27,13 +6,34 @@ import type {
   ModelModalModeEnum,
   ModelProvider,
 } from '../../declarations'
+import type {
+  PortalToFollowElemOptions,
+} from '@/app/components/base/portal-to-follow-elem'
+import {
+  RiAddLine,
+} from '@remixicon/react'
+import {
+  Fragment,
+  memo,
+  useCallback,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+  PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
 import { useAuth } from '../hooks'
 import AuthorizedItem from './authorized-item'
 
 type AuthorizedProps = {
-  provider: ModelProvider,
-  configurationMethod: ConfigurationMethodEnum,
-  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields,
+  provider: ModelProvider
+  configurationMethod: ConfigurationMethodEnum
+  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields
   authParams?: {
     isModelCredential?: boolean
     onUpdate?: (newPayload?: any, formValues?: Record<string, any>) => void
@@ -164,19 +164,20 @@ const Authorized = ({
         >
           {renderTrigger(mergedIsOpen)}
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[100]'>
+        <PortalToFollowElemContent className="z-[100]">
           <div className={cn(
             'w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]',
             popupClassName,
-          )}>
+          )}
+          >
             {
               popupTitle && (
-                <div className='system-xs-medium px-3 pb-0.5 pt-[10px] text-text-tertiary'>
+                <div className="system-xs-medium px-3 pb-0.5 pt-[10px] text-text-tertiary">
                   {popupTitle}
                 </div>
               )
             }
-            <div className='max-h-[304px] overflow-y-auto'>
+            <div className="max-h-[304px] overflow-y-auto">
               {
                 items.map((item, index) => (
                   <Fragment key={index}>
@@ -197,14 +198,14 @@ const Authorized = ({
                     />
                     {
                       index !== items.length - 1 && (
-                        <div className='h-[1px] bg-divider-subtle'></div>
+                        <div className="h-[1px] bg-divider-subtle"></div>
                       )
                     }
                   </Fragment>
                 ))
               }
             </div>
-            <div className='h-[1px] bg-divider-subtle'></div>
+            <div className="h-[1px] bg-divider-subtle"></div>
             {
               isModelCredential && !notAllowCustomCredential && !hideAddAction && (
                 <div
@@ -212,24 +213,24 @@ const Authorized = ({
                     undefined,
                     currentCustomConfigurationModelFixedFields
                       ? {
-                        model: currentCustomConfigurationModelFixedFields.__model_name,
-                        model_type: currentCustomConfigurationModelFixedFields.__model_type,
-                      }
+                          model: currentCustomConfigurationModelFixedFields.__model_name,
+                          model_type: currentCustomConfigurationModelFixedFields.__model_type,
+                        }
                       : undefined,
                   )}
-                  className='system-xs-medium flex h-[40px] cursor-pointer items-center px-3 text-text-accent-light-mode-only'
+                  className="system-xs-medium flex h-[40px] cursor-pointer items-center px-3 text-text-accent-light-mode-only"
                 >
-                  <RiAddLine className='mr-1 h-4 w-4' />
+                  <RiAddLine className="mr-1 h-4 w-4" />
                   {t('common.modelProvider.auth.addModelCredential')}
                 </div>
               )
             }
             {
               !isModelCredential && !notAllowCustomCredential && !hideAddAction && (
-                <div className='p-2'>
+                <div className="p-2">
                   <Button
                     onClick={() => handleEdit()}
-                    className='w-full'
+                    className="w-full"
                   >
                     {t('common.modelProvider.auth.addApiKey')}
                   </Button>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/config-model.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/config-model.tsx
index 22ba289078..5d8166bad5 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/config-model.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/config-model.tsx
@@ -1,8 +1,8 @@
-import { memo } from 'react'
 import {
   RiEqualizer2Line,
   RiScales3Line,
 } from '@remixicon/react'
+import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Indicator from '@/app/components/header/indicator'
@@ -25,20 +25,20 @@ const ConfigModel = ({
   if (loadBalancingInvalid) {
     return (
       <div
-        className='system-2xs-medium-uppercase relative flex h-[18px] cursor-pointer items-center rounded-[5px] border border-text-warning bg-components-badge-bg-dimm px-1.5 text-text-warning'
+        className="system-2xs-medium-uppercase relative flex h-[18px] cursor-pointer items-center rounded-[5px] border border-text-warning bg-components-badge-bg-dimm px-1.5 text-text-warning"
         onClick={onClick}
       >
-        <RiScales3Line className='mr-0.5 h-3 w-3' />
+        <RiScales3Line className="mr-0.5 h-3 w-3" />
         {t('common.modelProvider.auth.authorizationError')}
-        <Indicator color='orange' className='absolute right-[-1px] top-[-1px] h-1.5 w-1.5' />
+        <Indicator color="orange" className="absolute right-[-1px] top-[-1px] h-1.5 w-1.5" />
       </div>
     )
   }
 
   return (
     <Button
-      variant='secondary'
-      size='small'
+      variant="secondary"
+      size="small"
       className={cn(
         'hidden shrink-0 group-hover:flex',
         credentialRemoved && 'flex',
@@ -49,14 +49,14 @@ const ConfigModel = ({
         credentialRemoved && (
           <>
             {t('common.modelProvider.auth.credentialRemoved')}
-            <Indicator color='red' className='ml-2' />
+            <Indicator color="red" className="ml-2" />
           </>
         )
       }
       {
         !loadBalancingEnabled && !credentialRemoved && !loadBalancingInvalid && (
           <>
-            <RiEqualizer2Line className='mr-1 h-4 w-4' />
+            <RiEqualizer2Line className="mr-1 h-4 w-4" />
             {t('common.operation.config')}
           </>
         )
@@ -64,7 +64,7 @@ const ConfigModel = ({
       {
         loadBalancingEnabled && !credentialRemoved && !loadBalancingInvalid && (
           <>
-            <RiScales3Line className='mr-1 h-4 w-4' />
+            <RiScales3Line className="mr-1 h-4 w-4" />
             {t('common.modelProvider.auth.configLoadBalancing')}
           </>
         )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/config-provider.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/config-provider.tsx
index 7ad23a3f96..b06abcd57c 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/config-provider.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/config-provider.tsx
@@ -1,26 +1,26 @@
+import type {
+  CustomConfigurationModelFixedFields,
+  ModelProvider,
+} from '@/app/components/header/account-setting/model-provider-page/declarations'
+import {
+  RiEqualizer2Line,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiEqualizer2Line,
-} from '@remixicon/react'
 import {
   Button,
 } from '@/app/components/base/button'
-import type {
-  CustomConfigurationModelFixedFields,
-  ModelProvider,
-} from '@/app/components/header/account-setting/model-provider-page/declarations'
+import Tooltip from '@/app/components/base/tooltip'
 import { ConfigurationMethodEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import Authorized from './authorized'
 import { useCredentialStatus } from './hooks'
-import Tooltip from '@/app/components/base/tooltip'
 
 type ConfigProviderProps = {
-  provider: ModelProvider,
-  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields,
+  provider: ModelProvider
+  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields
 }
 const ConfigProvider = ({
   provider,
@@ -40,13 +40,13 @@ const ConfigProvider = ({
     const text = hasCredential ? t('common.operation.config') : t('common.operation.setup')
     const Item = (
       <Button
-        className='flex grow'
-        size='small'
+        className="flex grow"
+        size="small"
         variant={!authorized ? 'secondary-accent' : 'secondary'}
         title={text}
       >
-        <RiEqualizer2Line className='mr-1 h-3.5 w-3.5 shrink-0' />
-        <span className='w-0 grow truncate text-left'>
+        <RiEqualizer2Line className="mr-1 h-3.5 w-3.5 shrink-0" />
+        <span className="w-0 grow truncate text-left">
           {text}
         </span>
       </Button>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/credential-selector.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/credential-selector.tsx
index ef0a9a9be5..99e244f536 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/credential-selector.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/credential-selector.tsx
@@ -1,22 +1,22 @@
+import type { Credential } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import {
+  RiAddLine,
+  RiArrowDownSLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiAddLine,
-  RiArrowDownSLine,
-} from '@remixicon/react'
+import Badge from '@/app/components/base/badge'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { Credential } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import CredentialItem from './authorized/credential-item'
-import Badge from '@/app/components/base/badge'
 import Indicator from '@/app/components/header/indicator'
+import CredentialItem from './authorized/credential-item'
 
 type CredentialSelectorProps = {
   selectedCredential?: Credential & { addNewCredential?: boolean }
@@ -53,17 +53,17 @@ const CredentialSelector = ({
       triggerPopupSameWidth
     >
       <PortalToFollowElemTrigger asChild onClick={() => !disabled && setOpen(v => !v)}>
-        <div className='system-sm-regular flex h-8 w-full items-center justify-between rounded-lg bg-components-input-bg-normal px-2'>
+        <div className="system-sm-regular flex h-8 w-full items-center justify-between rounded-lg bg-components-input-bg-normal px-2">
           {
             selectedCredential && (
-              <div className='flex items-center'>
+              <div className="flex items-center">
                 {
-                  !selectedCredential.addNewCredential && <Indicator className='ml-1 mr-2 shrink-0' />
+                  !selectedCredential.addNewCredential && <Indicator className="ml-1 mr-2 shrink-0" />
                 }
-                <div className='system-sm-regular truncate text-components-input-text-filled' title={selectedCredential.credential_name}>{selectedCredential.credential_name}</div>
+                <div className="system-sm-regular truncate text-components-input-text-filled" title={selectedCredential.credential_name}>{selectedCredential.credential_name}</div>
                 {
                   selectedCredential.from_enterprise && (
-                    <Badge className='shrink-0'>Enterprise</Badge>
+                    <Badge className="shrink-0">Enterprise</Badge>
                   )
                 }
               </div>
@@ -71,15 +71,15 @@ const CredentialSelector = ({
           }
           {
             !selectedCredential && (
-              <div className='system-sm-regular grow truncate text-components-input-text-placeholder'>{t('common.modelProvider.auth.selectModelCredential')}</div>
+              <div className="system-sm-regular grow truncate text-components-input-text-placeholder">{t('common.modelProvider.auth.selectModelCredential')}</div>
             )
           }
-          <RiArrowDownSLine className='h-4 w-4 text-text-quaternary' />
+          <RiArrowDownSLine className="h-4 w-4 text-text-quaternary" />
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[100]'>
-        <div className='border-ccomponents-panel-border rounded-xl border-[0.5px] bg-components-panel-bg-blur shadow-lg'>
-          <div className='max-h-[320px] overflow-y-auto p-1'>
+      <PortalToFollowElemContent className="z-[100]">
+        <div className="border-ccomponents-panel-border rounded-xl border-[0.5px] bg-components-panel-bg-blur shadow-lg">
+          <div className="max-h-[320px] overflow-y-auto p-1">
             {
               credentials.map(credential => (
                 <CredentialItem
@@ -98,10 +98,10 @@ const CredentialSelector = ({
           {
             !notAllowAddNewCredential && (
               <div
-                className='system-xs-medium flex h-10 cursor-pointer items-center border-t border-t-divider-subtle px-7 text-text-accent-light-mode-only'
+                className="system-xs-medium flex h-10 cursor-pointer items-center border-t border-t-divider-subtle px-7 text-text-accent-light-mode-only"
                 onClick={handleAddNewCredential}
               >
-                <RiAddLine className='mr-1 h-4 w-4' />
+                <RiAddLine className="mr-1 h-4 w-4" />
                 {t('common.modelProvider.auth.addNewModelCredential')}
               </div>
             )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/index.ts b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/index.ts
index fd0bee512f..4d0698e102 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/index.ts
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/index.ts
@@ -1,6 +1,6 @@
-export * from './use-model-form-schemas'
-export * from './use-credential-status'
-export * from './use-custom-models'
 export * from './use-auth'
 export * from './use-auth-service'
 export * from './use-credential-data'
+export * from './use-credential-status'
+export * from './use-custom-models'
+export * from './use-model-form-schemas'
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth-service.ts b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth-service.ts
index 6de1333ea4..a05e8627e0 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth-service.ts
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth-service.ts
@@ -1,3 +1,6 @@
+import type {
+  CustomModel,
+} from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { useCallback } from 'react'
 import {
   useActiveModelCredential,
@@ -11,9 +14,6 @@ import {
   useGetModelCredential,
   useGetProviderCredential,
 } from '@/service/use-models'
-import type {
-  CustomModel,
-} from '@/app/components/header/account-setting/model-provider-page/declarations'
 
 export const useGetCredential = (provider: string, isModelCredential?: boolean, credentialId?: string, model?: CustomModel, configFrom?: string) => {
   const providerData = useGetProviderCredential(!isModelCredential && !!credentialId, provider, credentialId)
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth.ts b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth.ts
index 3136a70563..45d9abf7b5 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth.ts
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-auth.ts
@@ -1,11 +1,3 @@
-import {
-  useCallback,
-  useRef,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { useToastContext } from '@/app/components/base/toast'
-import { useAuthService } from './use-auth-service'
 import type {
   ConfigurationMethodEnum,
   Credential,
@@ -14,21 +6,29 @@ import type {
   ModelModalModeEnum,
   ModelProvider,
 } from '../../declarations'
+import {
+  useCallback,
+  useRef,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { useToastContext } from '@/app/components/base/toast'
 import {
   useModelModalHandler,
   useRefreshModel,
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { useDeleteModel } from '@/service/use-models'
+import { useAuthService } from './use-auth-service'
 
 export const useAuth = (
   provider: ModelProvider,
   configurationMethod: ConfigurationMethodEnum,
   currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields,
   extra: {
-    isModelCredential?: boolean,
-    onUpdate?: (newPayload?: any, formValues?: Record<string, any>) => void,
-    onRemove?: (credentialId: string) => void,
-    mode?: ModelModalModeEnum,
+    isModelCredential?: boolean
+    onUpdate?: (newPayload?: any, formValues?: Record<string, any>) => void
+    onRemove?: (credentialId: string) => void
+    mode?: ModelModalModeEnum
   } = {},
 ) => {
   const {
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-data.ts b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-data.ts
index 2fbc8b1033..48e23f5841 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-data.ts
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-data.ts
@@ -1,10 +1,10 @@
-import { useMemo } from 'react'
-import { useGetCredential } from './use-auth-service'
 import type {
   Credential,
   CustomModelCredential,
   ModelProvider,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useMemo } from 'react'
+import { useGetCredential } from './use-auth-service'
 
 export const useCredentialData = (provider: ModelProvider, providerFormSchemaPredefined: boolean, isModelCredential?: boolean, credential?: Credential, model?: CustomModelCredential) => {
   const configFrom = useMemo(() => {
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-status.ts b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-status.ts
index 3fa3877b3f..263940afcb 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-status.ts
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-credential-status.ts
@@ -1,7 +1,7 @@
-import { useMemo } from 'react'
 import type {
   ModelProvider,
 } from '../../declarations'
+import { useMemo } from 'react'
 
 export const useCredentialStatus = (provider: ModelProvider) => {
   const {
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-model-form-schemas.ts b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-model-form-schemas.ts
index 1cbe8f20b1..edf0197c89 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-model-form-schemas.ts
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/hooks/use-model-form-schemas.ts
@@ -1,15 +1,15 @@
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
 import type {
   Credential,
   CustomModelCredential,
   ModelProvider,
 } from '../../declarations'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { FormTypeEnum } from '@/app/components/base/form/types'
 import {
   genModelNameFormSchema,
   genModelTypeFormSchema,
 } from '../../utils'
-import { FormTypeEnum } from '@/app/components/base/form/types'
 
 export const useModelFormSchemas = (
   provider: ModelProvider,
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx
index f9708607a7..a33cfcc36b 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx
@@ -1,8 +1,8 @@
-export { default as Authorized } from './authorized'
-export { default as SwitchCredentialInLoadBalancing } from './switch-credential-in-load-balancing'
 export { default as AddCredentialInLoadBalancing } from './add-credential-in-load-balancing'
 export { default as AddCustomModel } from './add-custom-model'
-export { default as ConfigProvider } from './config-provider'
+export { default as Authorized } from './authorized'
 export { default as ConfigModel } from './config-model'
-export { default as ManageCustomModelCredentials } from './manage-custom-model-credentials'
+export { default as ConfigProvider } from './config-provider'
 export { default as CredentialSelector } from './credential-selector'
+export { default as ManageCustomModelCredentials } from './manage-custom-model-credentials'
+export { default as SwitchCredentialInLoadBalancing } from './switch-credential-in-load-balancing'
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/manage-custom-model-credentials.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/manage-custom-model-credentials.tsx
index 3ccb42faf4..38906dfd9f 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/manage-custom-model-credentials.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/manage-custom-model-credentials.tsx
@@ -1,3 +1,7 @@
+import type {
+  CustomConfigurationModelFixedFields,
+  ModelProvider,
+} from '@/app/components/header/account-setting/model-provider-page/declarations'
 import {
   memo,
   useCallback,
@@ -6,23 +10,19 @@ import { useTranslation } from 'react-i18next'
 import {
   Button,
 } from '@/app/components/base/button'
-import type {
-  CustomConfigurationModelFixedFields,
-  ModelProvider,
-} from '@/app/components/header/account-setting/model-provider-page/declarations'
 import {
   ConfigurationMethodEnum,
   ModelModalModeEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { cn } from '@/utils/classnames'
 import Authorized from './authorized'
 import {
   useCustomModels,
 } from './hooks'
-import { cn } from '@/utils/classnames'
 
 type ManageCustomModelCredentialsProps = {
-  provider: ModelProvider,
-  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields,
+  provider: ModelProvider
+  currentCustomConfigurationModelFixedFields?: CustomConfigurationModelFixedFields
 }
 const ManageCustomModelCredentials = ({
   provider,
@@ -35,8 +35,8 @@ const ManageCustomModelCredentials = ({
   const renderTrigger = useCallback((open?: boolean) => {
     const Item = (
       <Button
-        variant='ghost'
-        size='small'
+        variant="ghost"
+        size="small"
         className={cn(
           'mr-0.5 text-text-tertiary',
           open && 'bg-components-button-ghost-bg-hover',
@@ -59,10 +59,12 @@ const ManageCustomModelCredentials = ({
       items={customModels.map(model => ({
         model,
         credentials: model.available_model_credentials ?? [],
-        selectedCredential: model.current_credential_id ? {
-          credential_id: model.current_credential_id,
-          credential_name: model.current_credential_name,
-        } : undefined,
+        selectedCredential: model.current_credential_id
+          ? {
+              credential_id: model.current_credential_id,
+              credential_name: model.current_credential_name,
+            }
+          : undefined,
       }))}
       renderTrigger={renderTrigger}
       authParams={{
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/switch-credential-in-load-balancing.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/switch-credential-in-load-balancing.tsx
index 9a0f2c1702..c9ad53a4f7 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/switch-credential-in-load-balancing.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/switch-credential-in-load-balancing.tsx
@@ -1,22 +1,22 @@
 import type { Dispatch, SetStateAction } from 'react'
-import {
-  memo,
-  useCallback,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import Button from '@/app/components/base/button'
-import Indicator from '@/app/components/header/indicator'
-import Authorized from './authorized'
 import type {
   Credential,
   CustomModel,
   ModelProvider,
 } from '../declarations'
-import { ConfigurationMethodEnum, ModelModalModeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { cn } from '@/utils/classnames'
-import Tooltip from '@/app/components/base/tooltip'
+import { RiArrowDownSLine } from '@remixicon/react'
+import {
+  memo,
+  useCallback,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import Badge from '@/app/components/base/badge'
+import Button from '@/app/components/base/button'
+import Tooltip from '@/app/components/base/tooltip'
+import { ConfigurationMethodEnum, ModelModalModeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import Indicator from '@/app/components/header/indicator'
+import { cn } from '@/utils/classnames'
+import Authorized from './authorized'
 
 type SwitchCredentialInLoadBalancingProps = {
   provider: ModelProvider
@@ -55,7 +55,7 @@ const SwitchCredentialInLoadBalancing = ({
 
     const Item = (
       <Button
-        variant='secondary'
+        variant="secondary"
         className={cn(
           'shrink-0 space-x-1',
           (authRemoved || unavailable) && 'text-components-button-destructive-secondary-text',
@@ -65,7 +65,7 @@ const SwitchCredentialInLoadBalancing = ({
         {
           !empty && (
             <Indicator
-              className='mr-2'
+              className="mr-2"
               color={color as any}
             />
           )
@@ -81,10 +81,10 @@ const SwitchCredentialInLoadBalancing = ({
         }
         {
           currentCredential?.from_enterprise && (
-            <Badge className='ml-2'>Enterprise</Badge>
+            <Badge className="ml-2">Enterprise</Badge>
           )
         }
-        <RiArrowDownSLine className='h-4 w-4' />
+        <RiArrowDownSLine className="h-4 w-4" />
       </Button>
     )
     if (empty && notAllowCustomCredential) {
@@ -104,10 +104,12 @@ const SwitchCredentialInLoadBalancing = ({
     <Authorized
       provider={provider}
       configurationMethod={ConfigurationMethodEnum.customizableModel}
-      currentCustomConfigurationModelFixedFields={model ? {
-        __model_name: model.model,
-        __model_type: model.model_type,
-      } : undefined}
+      currentCustomConfigurationModelFixedFields={model
+        ? {
+            __model_name: model.model,
+            __model_type: model.model_type,
+          }
+        : undefined}
       authParams={{
         isModelCredential: true,
         mode: ModelModalModeEnum.configModelCredential,
@@ -118,10 +120,12 @@ const SwitchCredentialInLoadBalancing = ({
         {
           model,
           credentials: credentials || [],
-          selectedCredential: customModelCredential ? {
-            credential_id: customModelCredential?.credential_id || '',
-            credential_name: customModelCredential?.credential_name || '',
-          } : undefined,
+          selectedCredential: customModelCredential
+            ? {
+                credential_id: customModelCredential?.credential_id || '',
+                credential_name: customModelCredential?.credential_name || '',
+              }
+            : undefined,
         },
       ]}
       renderTrigger={renderTrigger}
diff --git a/web/app/components/header/account-setting/model-provider-page/model-badge/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-badge/index.tsx
index 53b135ab1e..29da08dc22 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-badge/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-badge/index.tsx
@@ -10,8 +10,7 @@ const ModelBadge: FC<ModelBadgeProps> = ({
   children,
 }) => {
   return (
-    <div className={cn('system-2xs-medium-uppercase flex h-[18px] cursor-default items-center rounded-[5px] border border-divider-deep px-1 text-text-tertiary',
-      className)}>
+    <div className={cn('system-2xs-medium-uppercase flex h-[18px] cursor-default items-center rounded-[5px] border border-divider-deep px-1 text-text-tertiary', className)}>
       {children}
     </div>
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-icon/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-icon/index.tsx
index 2f3f11d7e8..fb047b3983 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-icon/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-icon/index.tsx
@@ -3,13 +3,13 @@ import type {
   Model,
   ModelProvider,
 } from '../declarations'
-import { useLanguage } from '../hooks'
-import { Group } from '@/app/components/base/icons/src/vender/other'
 import { OpenaiBlue, OpenaiTeal, OpenaiViolet, OpenaiYellow } from '@/app/components/base/icons/src/public/llm'
+import { Group } from '@/app/components/base/icons/src/vender/other'
+import useTheme from '@/hooks/use-theme'
 import { renderI18nObject } from '@/i18n-config'
 import { Theme } from '@/types/app'
 import { cn } from '@/utils/classnames'
-import useTheme from '@/hooks/use-theme'
+import { useLanguage } from '../hooks'
 
 type ModelIconProps = {
   provider?: Model | ModelProvider
@@ -28,19 +28,19 @@ const ModelIcon: FC<ModelIconProps> = ({
   const { theme } = useTheme()
   const language = useLanguage()
   if (provider?.provider && ['openai', 'langgenius/openai/openai'].includes(provider.provider) && modelName?.startsWith('o'))
-    return <div className='flex items-center justify-center'><OpenaiYellow className={cn('h-5 w-5', className)} /></div>
+    return <div className="flex items-center justify-center"><OpenaiYellow className={cn('h-5 w-5', className)} /></div>
   if (provider?.provider && ['openai', 'langgenius/openai/openai'].includes(provider.provider) && modelName?.includes('gpt-4.1'))
-    return <div className='flex items-center justify-center'><OpenaiTeal className={cn('h-5 w-5', className)} /></div>
+    return <div className="flex items-center justify-center"><OpenaiTeal className={cn('h-5 w-5', className)} /></div>
   if (provider?.provider && ['openai', 'langgenius/openai/openai'].includes(provider.provider) && modelName?.includes('gpt-4o'))
-    return <div className='flex items-center justify-center'><OpenaiBlue className={cn('h-5 w-5', className)} /></div>
+    return <div className="flex items-center justify-center"><OpenaiBlue className={cn('h-5 w-5', className)} /></div>
   if (provider?.provider && ['openai', 'langgenius/openai/openai'].includes(provider.provider) && modelName?.startsWith('gpt-4'))
-    return <div className='flex items-center justify-center'><OpenaiViolet className={cn('h-5 w-5', className)} /></div>
+    return <div className="flex items-center justify-center"><OpenaiViolet className={cn('h-5 w-5', className)} /></div>
 
   if (provider?.icon_small) {
     return (
       <div className={cn('flex h-5 w-5 items-center justify-center', isDeprecated && 'opacity-50', className)}>
         <img
-          alt='model-icon'
+          alt="model-icon"
           src={renderI18nObject(
             theme === Theme.dark && provider.icon_small_dark
               ? provider.icon_small_dark
@@ -57,9 +57,10 @@ const ModelIcon: FC<ModelIconProps> = ({
     <div className={cn(
       'flex h-5 w-5 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-subtle',
       className,
-    )}>
+    )}
+    >
       <div className={cn('flex h-5 w-5 items-center justify-center opacity-35', iconClassName)}>
-        <Group className='h-3 w-3 text-text-tertiary' />
+        <Group className="h-3 w-3 text-text-tertiary" />
       </div>
     </div>
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx b/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
index 7ce27397a9..5d0a1e5dd1 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
@@ -1,6 +1,5 @@
-import { useCallback, useState } from 'react'
 import type { ReactNode } from 'react'
-import { ValidatingTip } from '../../key-validator/ValidateStatus'
+import type { Node } from 'reactflow'
 import type {
   CredentialFormSchema,
   CredentialFormSchemaNumberInput,
@@ -10,23 +9,24 @@ import type {
   CredentialFormSchemaTextInput,
   FormValue,
 } from '../declarations'
-import { FormTypeEnum } from '../declarations'
-import { useLanguage } from '../hooks'
-import Input from './Input'
-import { cn } from '@/utils/classnames'
-import { SimpleSelect } from '@/app/components/base/select'
-import Tooltip from '@/app/components/base/tooltip'
-import Radio from '@/app/components/base/radio'
-import ModelParameterModal from '@/app/components/plugins/plugin-detail-panel/model-selector'
-import ToolSelector from '@/app/components/plugins/plugin-detail-panel/tool-selector'
-import MultipleToolSelector from '@/app/components/plugins/plugin-detail-panel/multiple-tool-selector'
-import AppSelector from '@/app/components/plugins/plugin-detail-panel/app-selector'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
-import RadioE from '@/app/components/base/radio/ui'
 import type {
   NodeOutPutVar,
 } from '@/app/components/workflow/types'
-import type { Node } from 'reactflow'
+import { useCallback, useState } from 'react'
+import Radio from '@/app/components/base/radio'
+import RadioE from '@/app/components/base/radio/ui'
+import { SimpleSelect } from '@/app/components/base/select'
+import Tooltip from '@/app/components/base/tooltip'
+import AppSelector from '@/app/components/plugins/plugin-detail-panel/app-selector'
+import ModelParameterModal from '@/app/components/plugins/plugin-detail-panel/model-selector'
+import MultipleToolSelector from '@/app/components/plugins/plugin-detail-panel/multiple-tool-selector'
+import ToolSelector from '@/app/components/plugins/plugin-detail-panel/tool-selector'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import { cn } from '@/utils/classnames'
+import { ValidatingTip } from '../../key-validator/ValidateStatus'
+import { FormTypeEnum } from '../declarations'
+import { useLanguage } from '../hooks'
+import Input from './Input'
 
 type FormProps<
   CustomFormSchema extends Omit<CredentialFormSchema, 'type'> & { type: string } = never,
@@ -49,12 +49,12 @@ type FormProps<
   customRenderField?: (
     formSchema: CustomFormSchema,
     props: Omit<FormProps<CustomFormSchema>, 'override' | 'customRenderField'>,
-  ) => ReactNode,
+  ) => ReactNode
   // If return falsy value, this field will fallback to default render
   override?: [Array<FormTypeEnum>, (formSchema: CredentialFormSchema, props: Omit<FormProps<CustomFormSchema>, 'override' | 'customRenderField'>) => ReactNode]
   nodeId?: string
-  nodeOutputVars?: NodeOutPutVar[],
-  availableNodes?: Node[],
+  nodeOutputVars?: NodeOutPutVar[]
+  availableNodes?: Node[]
   canChooseMCPTool?: boolean
 }
 
@@ -130,11 +130,14 @@ function Form<
     const tooltip = formSchema.tooltip
     const tooltipContent = (tooltip && (
       <Tooltip
-        popupContent={<div className='w-[200px]'>
-          {tooltip[language] || tooltip.en_US}
-        </div>}
-        triggerClassName='ml-1 w-4 h-4'
-        asChild={false} />
+        popupContent={(
+          <div className="w-[200px]">
+            {tooltip[language] || tooltip.en_US}
+          </div>
+        )}
+        triggerClassName="ml-1 w-4 h-4"
+        asChild={false}
+      />
     ))
     if (override) {
       const [overrideTypes, overrideRender] = override
@@ -147,7 +150,11 @@ function Form<
 
     if (formSchema.type === FormTypeEnum.textInput || formSchema.type === FormTypeEnum.secretInput || formSchema.type === FormTypeEnum.textNumber) {
       const {
-        variable, label, placeholder, required, show_on,
+        variable,
+        label,
+        placeholder,
+        required,
+        show_on,
       } = formSchema as (CredentialFormSchemaTextInput | CredentialFormSchemaSecretInput)
 
       if (show_on.length && !show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value))
@@ -159,7 +166,7 @@ function Form<
           <div className={cn(fieldLabelClassName, 'system-sm-semibold flex items-center py-2 text-text-secondary')}>
             {label[language] || label.en_US}
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
           </div>
@@ -170,10 +177,13 @@ function Form<
             validated={validatedSuccess}
             placeholder={placeholder?.[language] || placeholder?.en_US}
             disabled={disabled}
-            type={formSchema.type === FormTypeEnum.secretInput ? 'password'
-              : formSchema.type === FormTypeEnum.textNumber ? 'number'
+            type={formSchema.type === FormTypeEnum.secretInput
+              ? 'password'
+              : formSchema.type === FormTypeEnum.textNumber
+                ? 'number'
                 : 'text'}
-            {...(formSchema.type === FormTypeEnum.textNumber ? { min: (formSchema as CredentialFormSchemaNumberInput).min, max: (formSchema as CredentialFormSchemaNumberInput).max } : {})} />
+            {...(formSchema.type === FormTypeEnum.textNumber ? { min: (formSchema as CredentialFormSchemaNumberInput).min, max: (formSchema as CredentialFormSchemaNumberInput).max } : {})}
+          />
           {fieldMoreInfo?.(formSchema)}
           {validating && changeKey === variable && <ValidatingTip />}
         </div>
@@ -182,7 +192,11 @@ function Form<
 
     if (formSchema.type === FormTypeEnum.radio) {
       const {
-        options, variable, label, show_on, required,
+        options,
+        variable,
+        label,
+        show_on,
+        required,
       } = formSchema as CredentialFormSchemaRadio
 
       if (show_on.length && !show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value))
@@ -195,7 +209,7 @@ function Form<
           <div className={cn(fieldLabelClassName, 'system-sm-semibold flex items-center py-2 text-text-secondary')}>
             {label[language] || label.en_US}
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
           </div>
@@ -217,7 +231,7 @@ function Form<
               >
                 <RadioE isChecked={value[variable] === option.value} />
 
-                <div className='system-sm-regular text-text-secondary'>{option.label[language] || option.label.en_US}</div>
+                <div className="system-sm-regular text-text-secondary">{option.label[language] || option.label.en_US}</div>
               </div>
             ))}
           </div>
@@ -229,7 +243,12 @@ function Form<
 
     if (formSchema.type === FormTypeEnum.select) {
       const {
-        options, variable, label, show_on, required, placeholder,
+        options,
+        variable,
+        label,
+        show_on,
+        required,
+        placeholder,
       } = formSchema as CredentialFormSchemaSelect
 
       if (show_on.length && !show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value))
@@ -241,12 +260,12 @@ function Form<
             {label[language] || label.en_US}
 
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
           </div>
           <SimpleSelect
-            wrapperClassName='h-8'
+            wrapperClassName="h-8"
             className={cn(inputClassName)}
             disabled={readonly}
             defaultValue={(isShowDefaultValue && ((value[variable] as string) === '' || value[variable] === undefined || value[variable] === null)) ? formSchema.default : value[variable]}
@@ -257,7 +276,8 @@ function Form<
               return true
             }).map(option => ({ value: option.value, name: option.label[language] || option.label.en_US }))}
             onSelect={item => handleFormChange(variable, item.value as string)}
-            placeholder={placeholder?.[language] || placeholder?.en_US} />
+            placeholder={placeholder?.[language] || placeholder?.en_US}
+          />
           {fieldMoreInfo?.(formSchema)}
           {validating && changeKey === variable && <ValidatingTip />}
         </div>
@@ -266,7 +286,10 @@ function Form<
 
     if (formSchema.type === FormTypeEnum.checkbox) {
       const {
-        variable, label, show_on, required,
+        variable,
+        label,
+        show_on,
+        required,
       } = formSchema as CredentialFormSchemaRadio
 
       if (show_on.length && !show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value))
@@ -274,20 +297,20 @@ function Form<
 
       return (
         <div key={variable} className={cn(itemClassName, 'py-3')}>
-          <div className='system-sm-semibold flex items-center justify-between py-2 text-text-secondary'>
-            <div className='flex items-center space-x-2'>
+          <div className="system-sm-semibold flex items-center justify-between py-2 text-text-secondary">
+            <div className="flex items-center space-x-2">
               <span className={cn(fieldLabelClassName, 'system-sm-semibold flex items-center py-2 text-text-secondary')}>{label[language] || label.en_US}</span>
               {required && (
-                <span className='ml-1 text-red-500'>*</span>
+                <span className="ml-1 text-red-500">*</span>
               )}
               {tooltipContent}
             </div>
             <Radio.Group
-              className='flex items-center'
+              className="flex items-center"
               value={value[variable]}
               onChange={val => handleFormChange(variable, val)}
             >
-              <Radio value={true} className='!mr-1'>True</Radio>
+              <Radio value={true} className="!mr-1">True</Radio>
               <Radio value={false}>False</Radio>
             </Radio.Group>
           </div>
@@ -298,26 +321,30 @@ function Form<
 
     if (formSchema.type === FormTypeEnum.modelSelector) {
       const {
-        variable, label, required, scope,
+        variable,
+        label,
+        required,
+        scope,
       } = formSchema as (CredentialFormSchemaTextInput | CredentialFormSchemaSecretInput)
       return (
         <div key={variable} className={cn(itemClassName, 'py-3')}>
           <div className={cn(fieldLabelClassName, 'system-sm-semibold flex items-center py-2 text-text-secondary')}>
             {label[language] || label.en_US}
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
           </div>
           <ModelParameterModal
-            popupClassName='!w-[387px]'
+            popupClassName="!w-[387px]"
             isAdvancedMode
             isInWorkflow
             isAgentStrategy={isAgentStrategy}
             value={value[variable]}
             setModel={model => handleModelChanged(variable, model)}
             readonly={readonly}
-            scope={scope} />
+            scope={scope}
+          />
           {fieldMoreInfo?.(formSchema)}
           {validating && changeKey === variable && <ValidatingTip />}
         </div>
@@ -336,7 +363,7 @@ function Form<
           <div className={cn(fieldLabelClassName, 'system-sm-semibold flex items-center py-2 text-text-secondary')}>
             {label[language] || label.en_US}
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
           </div>
@@ -390,7 +417,10 @@ function Form<
 
     if (formSchema.type === FormTypeEnum.appSelector) {
       const {
-        variable, label, required, scope,
+        variable,
+        label,
+        required,
+        scope,
       } = formSchema as (CredentialFormSchemaTextInput | CredentialFormSchemaSecretInput)
 
       return (
@@ -398,7 +428,7 @@ function Form<
           <div className={cn(fieldLabelClassName, 'system-sm-semibold flex items-center py-2 text-text-secondary')}>
             {label[language] || label.en_US}
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
           </div>
@@ -406,7 +436,8 @@ function Form<
             disabled={readonly}
             scope={scope}
             value={value[variable]}
-            onSelect={item => handleFormChange(variable, { ...item, type: FormTypeEnum.appSelector } as any)} />
+            onSelect={item => handleFormChange(variable, { ...item, type: FormTypeEnum.appSelector } as any)}
+          />
           {fieldMoreInfo?.(formSchema)}
           {validating && changeKey === variable && <ValidatingTip />}
         </div>
@@ -415,7 +446,10 @@ function Form<
 
     if (formSchema.type === FormTypeEnum.any) {
       const {
-        variable, label, required, scope,
+        variable,
+        label,
+        required,
+        scope,
       } = formSchema as (CredentialFormSchemaTextInput | CredentialFormSchemaSecretInput)
 
       return (
@@ -423,7 +457,7 @@ function Form<
           <div className={cn(fieldLabelClassName, 'system-sm-semibold flex items-center py-2 text-text-secondary')}>
             {label[language] || label.en_US}
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
           </div>
@@ -435,7 +469,8 @@ function Form<
             value={value[variable] || []}
             onChange={item => handleFormChange(variable, item as any)}
             filterVar={(varPayload) => {
-              if (!scope) return true
+              if (!scope)
+                return true
               return scope.split('&').includes(varPayload.type)
             }}
           />
diff --git a/web/app/components/header/account-setting/model-provider-page/model-modal/Input.test.tsx b/web/app/components/header/account-setting/model-provider-page/model-modal/Input.test.tsx
index a588edf8a1..9772be79b4 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-modal/Input.test.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-modal/Input.test.tsx
@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react'
 import Input from './Input'
 
-test('Input renders correctly as password type with no autocomplete', () => {
+it('Input renders correctly as password type with no autocomplete', () => {
   const { asFragment, getByPlaceholderText } = render(
     <Input
       type="password"
diff --git a/web/app/components/header/account-setting/model-provider-page/model-modal/Input.tsx b/web/app/components/header/account-setting/model-provider-page/model-modal/Input.tsx
index 8340faa0c3..c8c897d365 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-modal/Input.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-modal/Input.tsx
@@ -38,7 +38,7 @@ const Input: FC<InputProps> = ({
   }
 
   return (
-    <div className='relative'>
+    <div className="relative">
       <input
         tabIndex={0}
         // Do not set autoComplete for security - prevents browser from storing sensitive API keys
@@ -62,8 +62,8 @@ const Input: FC<InputProps> = ({
         max={max}
       />
       {validated && (
-        <div className='absolute right-2.5 top-2.5'>
-          <CheckCircle className='h-4 w-4 text-[#039855]' />
+        <div className="absolute right-2.5 top-2.5">
+          <CheckCircle className="h-4 w-4 text-[#039855]" />
         </div>
       )}
     </div>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-modal/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-modal/index.tsx
index 9916fbbf04..a9fca9b74e 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-modal/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-modal/index.tsx
@@ -1,4 +1,15 @@
 import type { FC } from 'react'
+import type {
+  Credential,
+  CustomConfigurationModelFixedFields,
+  CustomModel,
+  ModelProvider,
+} from '../declarations'
+import type {
+  FormRefObject,
+  FormSchema,
+} from '@/app/components/base/form/types'
+import { RiCloseLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
@@ -7,12 +18,25 @@ import {
   useRef,
   useState,
 } from 'react'
-import { RiCloseLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import type {
-  CustomConfigurationModelFixedFields,
-  ModelProvider,
-} from '../declarations'
+import Badge from '@/app/components/base/badge'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import AuthForm from '@/app/components/base/form/form-scenarios/auth'
+import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
+import Loading from '@/app/components/base/loading'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+} from '@/app/components/base/portal-to-follow-elem'
+import {
+  useAuth,
+  useCredentialData,
+} from '@/app/components/header/account-setting/model-provider-page/model-auth/hooks'
+import ModelIcon from '@/app/components/header/account-setting/model-provider-page/model-icon'
+import { useAppContext } from '@/context/app-context'
+import { useRenderI18nObject } from '@/hooks/use-i18n'
 import {
   ConfigurationMethodEnum,
   FormTypeEnum,
@@ -21,34 +45,8 @@ import {
 import {
   useLanguage,
 } from '../hooks'
-import Button from '@/app/components/base/button'
-import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
-import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-} from '@/app/components/base/portal-to-follow-elem'
-import Confirm from '@/app/components/base/confirm'
-import { useAppContext } from '@/context/app-context'
-import AuthForm from '@/app/components/base/form/form-scenarios/auth'
-import type {
-  FormRefObject,
-  FormSchema,
-} from '@/app/components/base/form/types'
-import { useModelFormSchemas } from '../model-auth/hooks'
-import type {
-  Credential,
-  CustomModel,
-} from '../declarations'
-import Loading from '@/app/components/base/loading'
-import {
-  useAuth,
-  useCredentialData,
-} from '@/app/components/header/account-setting/model-provider-page/model-auth/hooks'
-import ModelIcon from '@/app/components/header/account-setting/model-provider-page/model-icon'
-import Badge from '@/app/components/base/badge'
-import { useRenderI18nObject } from '@/hooks/use-i18n'
 import { CredentialSelector } from '../model-auth'
+import { useModelFormSchemas } from '../model-auth/hooks'
 
 type ModelModalProps = {
   provider: ModelProvider
@@ -199,7 +197,7 @@ const ModelModal: FC<ModelModalProps> = ({
     }
 
     return (
-      <div className='title-2xl-semi-bold text-text-primary'>
+      <div className="title-2xl-semi-bold text-text-primary">
         {label}
       </div>
     )
@@ -208,7 +206,7 @@ const ModelModal: FC<ModelModalProps> = ({
   const modalDesc = useMemo(() => {
     if (providerFormSchemaPredefined) {
       return (
-        <div className='system-xs-regular mt-1 text-text-tertiary'>
+        <div className="system-xs-regular mt-1 text-text-tertiary">
           {t('common.modelProvider.auth.apiKeyModal.desc')}
         </div>
       )
@@ -220,24 +218,24 @@ const ModelModal: FC<ModelModalProps> = ({
   const modalModel = useMemo(() => {
     if (mode === ModelModalModeEnum.configCustomModel) {
       return (
-        <div className='mt-2 flex items-center'>
+        <div className="mt-2 flex items-center">
           <ModelIcon
-            className='mr-2 h-4 w-4 shrink-0'
+            className="mr-2 h-4 w-4 shrink-0"
             provider={provider}
           />
-          <div className='system-md-regular mr-1 text-text-secondary'>{renderI18nObject(provider.label)}</div>
+          <div className="system-md-regular mr-1 text-text-secondary">{renderI18nObject(provider.label)}</div>
         </div>
       )
     }
     if (model && (mode === ModelModalModeEnum.configModelCredential || mode === ModelModalModeEnum.addCustomModelToModelList)) {
       return (
-        <div className='mt-2 flex items-center'>
+        <div className="mt-2 flex items-center">
           <ModelIcon
-            className='mr-2 h-4 w-4 shrink-0'
+            className="mr-2 h-4 w-4 shrink-0"
             provider={provider}
             modelName={model.model}
           />
-          <div className='system-md-regular mr-1 text-text-secondary'>{model.model}</div>
+          <div className="system-md-regular mr-1 text-text-secondary">{model.model}</div>
           <Badge>{model.model_type}</Badge>
         </div>
       )
@@ -293,21 +291,21 @@ const ModelModal: FC<ModelModalProps> = ({
 
   return (
     <PortalToFollowElem open>
-      <PortalToFollowElemContent className='z-[60] h-full w-full'>
-        <div className='fixed inset-0 flex items-center justify-center bg-black/[.25]'>
-          <div className='relative w-[640px] rounded-2xl bg-components-panel-bg shadow-xl'>
+      <PortalToFollowElemContent className="z-[60] h-full w-full">
+        <div className="fixed inset-0 flex items-center justify-center bg-black/[.25]">
+          <div className="relative w-[640px] rounded-2xl bg-components-panel-bg shadow-xl">
             <div
-              className='absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center'
+              className="absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center"
               onClick={onCancel}
             >
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </div>
-            <div className='p-6 pb-3'>
+            <div className="p-6 pb-3">
               {modalTitle}
               {modalDesc}
               {modalModel}
             </div>
-            <div className='max-h-[calc(100vh-320px)] overflow-y-auto px-6 py-3'>
+            <div className="max-h-[calc(100vh-320px)] overflow-y-auto px-6 py-3">
               {
                 mode === ModelModalModeEnum.configCustomModel && (
                   <AuthForm
@@ -318,7 +316,7 @@ const ModelModal: FC<ModelModalProps> = ({
                       }
                     }) as FormSchema[]}
                     defaultValues={modelNameAndTypeFormValues}
-                    inputClassName='justify-start'
+                    inputClassName="justify-start"
                     ref={formRef1}
                     onChange={handleModelNameAndTypeChange}
                   />
@@ -337,15 +335,15 @@ const ModelModal: FC<ModelModalProps> = ({
               }
               {
                 showCredentialLabel && (
-                  <div className='system-xs-medium-uppercase mb-3 mt-6 flex items-center text-text-tertiary'>
+                  <div className="system-xs-medium-uppercase mb-3 mt-6 flex items-center text-text-tertiary">
                     {t('common.modelProvider.auth.modelCredential')}
-                    <div className='ml-2 h-px grow bg-gradient-to-r from-divider-regular to-background-gradient-mask-transparent' />
+                    <div className="ml-2 h-px grow bg-gradient-to-r from-divider-regular to-background-gradient-mask-transparent" />
                   </div>
                 )
               }
               {
                 isLoading && (
-                  <div className='mt-3 flex items-center justify-center'>
+                  <div className="mt-3 flex items-center justify-center">
                     <Loading />
                   </div>
                 )
@@ -363,33 +361,34 @@ const ModelModal: FC<ModelModalProps> = ({
                       }
                     }) as FormSchema[]}
                     defaultValues={formValues}
-                    inputClassName='justify-start'
+                    inputClassName="justify-start"
                     ref={formRef2}
                   />
                 )
               }
             </div>
-            <div className='flex justify-between p-6 pt-5'>
+            <div className="flex justify-between p-6 pt-5">
               {
                 (provider.help && (provider.help.title || provider.help.url))
                   ? (
-                    <a
-                      href={provider.help?.url[language] || provider.help?.url.en_US}
-                      target='_blank' rel='noopener noreferrer'
-                      className='system-xs-regular mt-2 inline-block  align-middle text-text-accent'
-                      onClick={e => !provider.help.url && e.preventDefault()}
-                    >
-                      {provider.help.title?.[language] || provider.help.url[language] || provider.help.title?.en_US || provider.help.url.en_US}
-                      <LinkExternal02 className='ml-1 mt-[-2px] inline-block h-3 w-3' />
-                    </a>
-                  )
+                      <a
+                        href={provider.help?.url[language] || provider.help?.url.en_US}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="system-xs-regular mt-2 inline-block  align-middle text-text-accent"
+                        onClick={e => !provider.help.url && e.preventDefault()}
+                      >
+                        {provider.help.title?.[language] || provider.help.url[language] || provider.help.title?.en_US || provider.help.url.en_US}
+                        <LinkExternal02 className="ml-1 mt-[-2px] inline-block h-3 w-3" />
+                      </a>
+                    )
                   : <div />
               }
-              <div className='ml-2 flex items-center justify-end space-x-2'>
+              <div className="ml-2 flex items-center justify-end space-x-2">
                 {
                   isEditMode && (
                     <Button
-                      variant='warning'
+                      variant="warning"
                       onClick={() => openConfirmDelete(credential, model)}
                     >
                       {t('common.operation.remove')}
@@ -402,7 +401,7 @@ const ModelModal: FC<ModelModalProps> = ({
                   {t('common.operation.cancel')}
                 </Button>
                 <Button
-                  variant='primary'
+                  variant="primary"
                   onClick={handleSave}
                   disabled={isLoading || doingAction}
                 >
@@ -412,14 +411,15 @@ const ModelModal: FC<ModelModalProps> = ({
             </div>
             {
               (mode === ModelModalModeEnum.configCustomModel || mode === ModelModalModeEnum.configProviderCredential) && (
-                <div className='border-t-[0.5px] border-t-divider-regular'>
-                  <div className='flex items-center justify-center rounded-b-2xl bg-background-section-burn py-3 text-xs text-text-tertiary'>
-                    <Lock01 className='mr-1 h-3 w-3 text-text-tertiary' />
+                <div className="border-t-[0.5px] border-t-divider-regular">
+                  <div className="flex items-center justify-center rounded-b-2xl bg-background-section-burn py-3 text-xs text-text-tertiary">
+                    <Lock01 className="mr-1 h-3 w-3 text-text-tertiary" />
                     {t('common.modelProvider.encrypted.front')}
                     <a
-                      className='mx-1 text-text-accent'
-                      target='_blank' rel='noopener noreferrer'
-                      href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+                      className="mx-1 text-text-accent"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
                     >
                       PKCS1_OAEP
                     </a>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-name/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-name/index.tsx
index 1ea198a04a..b7cca82bc0 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-name/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-name/index.tsx
@@ -1,13 +1,13 @@
 import type { FC, PropsWithChildren } from 'react'
+import type { ModelItem } from '../declarations'
+import { cn } from '@/utils/classnames'
+import { useLanguage } from '../hooks'
+import ModelBadge from '../model-badge'
+import FeatureIcon from '../model-selector/feature-icon'
 import {
   modelTypeFormat,
   sizeFormat,
 } from '../utils'
-import { useLanguage } from '../hooks'
-import type { ModelItem } from '../declarations'
-import ModelBadge from '../model-badge'
-import FeatureIcon from '../model-selector/feature-icon'
-import { cn } from '@/utils/classnames'
 
 type ModelNameProps = PropsWithChildren<{
   modelItem: ModelItem
@@ -41,12 +41,12 @@ const ModelName: FC<ModelNameProps> = ({
   return (
     <div className={cn('system-sm-regular flex items-center gap-0.5 overflow-hidden truncate text-ellipsis text-components-input-text-filled', className)}>
       <div
-        className='truncate'
+        className="truncate"
         title={modelItem.label[language] || modelItem.label.en_US}
       >
         {modelItem.label[language] || modelItem.label.en_US}
       </div>
-      <div className='flex items-center gap-0.5'>
+      <div className="flex items-center gap-0.5">
         {
           showModelType && modelItem.model_type && (
             <ModelBadge className={modelTypeClassName}>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx
index 85bf772305..c2c6dd9732 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx
@@ -1,30 +1,29 @@
 import type { FC } from 'react'
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type {
   ModelItem,
   ModelProvider,
 } from '../declarations'
+import { RiEqualizer2Line } from '@remixicon/react'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Loading from '@/app/components/base/loading'
+import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
+import { useProviderContext } from '@/context/provider-context'
+import { useInvalidateInstalledPluginList, useModelInList, usePluginInfo } from '@/service/use-plugins'
+import { cn } from '@/utils/classnames'
 import {
   CustomConfigurationStatusEnum,
   ModelTypeEnum,
 } from '../declarations'
-import { useInvalidateInstalledPluginList } from '@/service/use-plugins'
-import ConfigurationButton from './configuration-button'
-import Loading from '@/app/components/base/loading'
 import {
   useModelModalHandler,
   useUpdateModelList,
   useUpdateModelProviders,
 } from '../hooks'
 import ModelIcon from '../model-icon'
+import ConfigurationButton from './configuration-button'
 import ModelDisplay from './model-display'
-import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
 import StatusIndicators from './status-indicators'
-import { cn } from '@/utils/classnames'
-import { useProviderContext } from '@/context/provider-context'
-import { RiEqualizer2Line } from '@remixicon/react'
-import { useModelInList, usePluginInfo } from '@/service/use-plugins'
 
 export type AgentModelTriggerProps = {
   open?: boolean
@@ -79,74 +78,76 @@ const AgentModelTrigger: FC<AgentModelTriggerProps> = ({
         'group relative flex grow cursor-pointer items-center gap-[2px] rounded-lg bg-components-input-bg-normal p-1 hover:bg-state-base-hover-alt',
       )}
     >
-      {modelId ? (
-        <>
-          <ModelIcon
-            className='p-0.5'
-            provider={currentProvider || modelProvider}
-            modelName={currentModel?.model || modelId}
-            isDeprecated={hasDeprecated}
-          />
-          <ModelDisplay
-            currentModel={currentModel}
-            modelId={modelId}
-          />
-          {needsConfiguration && (
-            <ConfigurationButton
-              modelProvider={modelProvider}
-              handleOpenModal={handleOpenModal}
-            />
+      {modelId
+        ? (
+            <>
+              <ModelIcon
+                className="p-0.5"
+                provider={currentProvider || modelProvider}
+                modelName={currentModel?.model || modelId}
+                isDeprecated={hasDeprecated}
+              />
+              <ModelDisplay
+                currentModel={currentModel}
+                modelId={modelId}
+              />
+              {needsConfiguration && (
+                <ConfigurationButton
+                  modelProvider={modelProvider}
+                  handleOpenModal={handleOpenModal}
+                />
+              )}
+              <StatusIndicators
+                needsConfiguration={needsConfiguration}
+                modelProvider={!!modelProvider}
+                inModelList={inModelList}
+                disabled={!!disabled}
+                pluginInfo={pluginInfo}
+                t={t}
+              />
+              {!installed && !modelProvider && pluginInfo && (
+                <InstallPluginButton
+                  onClick={e => e.stopPropagation()}
+                  size="small"
+                  uniqueIdentifier={pluginInfo.latest_package_identifier}
+                  onSuccess={() => {
+                    [
+                      ModelTypeEnum.textGeneration,
+                      ModelTypeEnum.textEmbedding,
+                      ModelTypeEnum.rerank,
+                      ModelTypeEnum.moderation,
+                      ModelTypeEnum.speech2text,
+                      ModelTypeEnum.tts,
+                    ].forEach((type: ModelTypeEnum) => {
+                      if (scope?.includes(type))
+                        updateModelList(type)
+                    },
+                    )
+                    updateModelProviders()
+                    invalidateInstalledPluginList()
+                    setInstalled(true)
+                  }}
+                />
+              )}
+              {modelProvider && !disabled && !needsConfiguration && (
+                <div className="flex items-center pr-1">
+                  <RiEqualizer2Line className="h-4 w-4 text-text-tertiary group-hover:text-text-secondary" />
+                </div>
+              )}
+            </>
+          )
+        : (
+            <>
+              <div className="flex grow items-center gap-1 p-1 pl-2">
+                <span className="system-sm-regular overflow-hidden text-ellipsis whitespace-nowrap text-components-input-text-placeholder">
+                  {t('workflow.nodes.agent.configureModel')}
+                </span>
+              </div>
+              <div className="flex items-center pr-1">
+                <RiEqualizer2Line className="h-4 w-4 text-text-tertiary group-hover:text-text-secondary" />
+              </div>
+            </>
           )}
-          <StatusIndicators
-            needsConfiguration={needsConfiguration}
-            modelProvider={!!modelProvider}
-            inModelList={inModelList}
-            disabled={!!disabled}
-            pluginInfo={pluginInfo}
-            t={t}
-          />
-          {!installed && !modelProvider && pluginInfo && (
-            <InstallPluginButton
-              onClick={e => e.stopPropagation()}
-              size={'small'}
-              uniqueIdentifier={pluginInfo.latest_package_identifier}
-              onSuccess={() => {
-                [
-                  ModelTypeEnum.textGeneration,
-                  ModelTypeEnum.textEmbedding,
-                  ModelTypeEnum.rerank,
-                  ModelTypeEnum.moderation,
-                  ModelTypeEnum.speech2text,
-                  ModelTypeEnum.tts,
-                ].forEach((type: ModelTypeEnum) => {
-                  if (scope?.includes(type))
-                    updateModelList(type)
-                },
-                )
-                updateModelProviders()
-                invalidateInstalledPluginList()
-                setInstalled(true)
-              }}
-            />
-          )}
-          {modelProvider && !disabled && !needsConfiguration && (
-            <div className="flex items-center pr-1">
-              <RiEqualizer2Line className="h-4 w-4 text-text-tertiary group-hover:text-text-secondary" />
-            </div>
-          )}
-        </>
-      ) : (
-        <>
-          <div className="flex grow items-center gap-1 p-1 pl-2">
-            <span className="system-sm-regular overflow-hidden text-ellipsis whitespace-nowrap text-components-input-text-placeholder">
-              {t('workflow.nodes.agent.configureModel')}
-            </span>
-          </div>
-          <div className="flex items-center pr-1">
-            <RiEqualizer2Line className="h-4 w-4 text-text-tertiary group-hover:text-text-secondary" />
-          </div>
-        </>
-      )}
     </div>
   )
 }
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/configuration-button.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/configuration-button.tsx
index 4dcc045c36..6d49e3f093 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/configuration-button.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/configuration-button.tsx
@@ -1,6 +1,6 @@
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { ConfigurationMethodEnum } from '../declarations'
-import { useTranslation } from 'react-i18next'
 
 type ConfigurationButtonProps = {
   modelProvider: any
@@ -23,7 +23,8 @@ const ConfigurationButton = ({ modelProvider, handleOpenModal }: ConfigurationBu
       </div>
       <div className="flex h-[14px] w-[14px] items-center justify-center">
         <div className="h-2 w-2 shrink-0 rounded-[3px] border border-components-badge-status-light-warning-border-inner
-          bg-components-badge-status-light-warning-bg shadow-components-badge-status-light-warning-halo" />
+          bg-components-badge-status-light-warning-bg shadow-components-badge-status-light-warning-halo"
+        />
       </div>
     </Button>
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/index.tsx
index e7323c86e6..41a46c81ec 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/index.tsx
@@ -2,34 +2,34 @@ import type {
   FC,
   ReactNode,
 } from 'react'
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type {
   DefaultModel,
   FormValue,
   ModelParameterRule,
 } from '../declarations'
-import { ModelStatusEnum } from '../declarations'
-import ModelSelector from '../model-selector'
-import {
-  useTextGenerationCurrentProviderAndModelAndModelList,
-} from '../hooks'
-import ParameterItem from './parameter-item'
 import type { ParameterValue } from './parameter-item'
-import Trigger from './trigger'
 import type { TriggerProps } from './trigger'
-import PresetsParameter from './presets-parameter'
-import { cn } from '@/utils/classnames'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { ArrowNarrowLeft } from '@/app/components/base/icons/src/vender/line/arrows'
+import Loading from '@/app/components/base/loading'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Loading from '@/app/components/base/loading'
-import { useProviderContext } from '@/context/provider-context'
 import { PROVIDER_WITH_PRESET_TONE, STOP_PARAMETER_RULE, TONE_LIST } from '@/config'
-import { ArrowNarrowLeft } from '@/app/components/base/icons/src/vender/line/arrows'
+import { useProviderContext } from '@/context/provider-context'
 import { useModelParameterRules } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
+import { ModelStatusEnum } from '../declarations'
+import {
+  useTextGenerationCurrentProviderAndModelAndModelList,
+} from '../hooks'
+import ModelSelector from '../model-selector'
+import ParameterItem from './parameter-item'
+import PresetsParameter from './presets-parameter'
+import Trigger from './trigger'
 
 export type ModelParameterModalProps = {
   popupClassName?: string
@@ -37,7 +37,7 @@ export type ModelParameterModalProps = {
   isAdvancedMode: boolean
   modelId: string
   provider: string
-  setModel: (model: { modelId: string; provider: string; mode?: string; features?: string[] }) => void
+  setModel: (model: { modelId: string, provider: string, mode?: string, features?: string[] }) => void
   completionParams: FormValue
   onCompletionParamsChange: (newParams: FormValue) => void
   hideDebugWithMultipleModel?: boolean
@@ -135,45 +135,45 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
       placement={isInWorkflow ? 'left' : 'bottom-end'}
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => {
             if (readonly)
               return
             setOpen(v => !v)
           }}
-          className='block'
+          className="block"
         >
           {
             renderTrigger
               ? renderTrigger({
-                open,
-                disabled,
-                modelDisabled,
-                hasDeprecated,
-                currentProvider,
-                currentModel,
-                providerName: provider,
-                modelId,
-              })
+                  open,
+                  disabled,
+                  modelDisabled,
+                  hasDeprecated,
+                  currentProvider,
+                  currentModel,
+                  providerName: provider,
+                  modelId,
+                })
               : (
-                <Trigger
-                  disabled={disabled}
-                  isInWorkflow={isInWorkflow}
-                  modelDisabled={modelDisabled}
-                  hasDeprecated={hasDeprecated}
-                  currentProvider={currentProvider}
-                  currentModel={currentModel}
-                  providerName={provider}
-                  modelId={modelId}
-                />
-              )
+                  <Trigger
+                    disabled={disabled}
+                    isInWorkflow={isInWorkflow}
+                    modelDisabled={modelDisabled}
+                    hasDeprecated={hasDeprecated}
+                    currentProvider={currentProvider}
+                    currentModel={currentModel}
+                    providerName={provider}
+                    modelId={modelId}
+                  />
+                )
           }
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent className={cn('z-[60]', portalToFollowElemContentClassName)}>
           <div className={cn(popupClassName, 'w-[389px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg')}>
             <div className={cn('max-h-[420px] overflow-y-auto p-4 pt-3')}>
-              <div className='relative'>
+              <div className="relative">
                 <div className={cn('system-sm-semibold mb-1 flex h-6 items-center text-text-secondary')}>
                   {t('common.modelProvider.model').toLocaleUpperCase()}
                 </div>
@@ -185,17 +185,17 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
               </div>
               {
                 !!parameterRules.length && (
-                  <div className='my-3 h-px bg-divider-subtle' />
+                  <div className="my-3 h-px bg-divider-subtle" />
                 )
               }
               {
                 isLoading && (
-                  <div className='mt-5'><Loading /></div>
+                  <div className="mt-5"><Loading /></div>
                 )
               }
               {
                 !isLoading && !!parameterRules.length && (
-                  <div className='mb-2 flex items-center justify-between'>
+                  <div className="mb-2 flex items-center justify-between">
                     <div className={cn('system-sm-semibold flex h-6 items-center text-text-secondary')}>{t('common.modelProvider.parameters')}</div>
                     {
                       PROVIDER_WITH_PRESET_TONE.includes(provider) && (
@@ -225,7 +225,7 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
             </div>
             {!hideDebugWithMultipleModel && (
               <div
-                className='bg-components-section-burn system-sm-regular flex h-[50px] cursor-pointer items-center justify-between rounded-b-xl border-t border-t-divider-subtle px-4 text-text-accent'
+                className="bg-components-section-burn system-sm-regular flex h-[50px] cursor-pointer items-center justify-between rounded-b-xl border-t border-t-divider-subtle px-4 text-text-accent"
                 onClick={() => onDebugWithMultipleModelChange?.()}
               >
                 {
@@ -233,7 +233,7 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
                     ? t('appDebug.debugAsSingleModel')
                     : t('appDebug.debugAsMultipleModel')
                 }
-                <ArrowNarrowLeft className='h-3 w-3 rotate-180' />
+                <ArrowNarrowLeft className="h-3 w-3 rotate-180" />
               </div>
             )}
           </div>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
index 650496629b..b10634873a 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx
@@ -1,15 +1,15 @@
 import type { FC } from 'react'
-import { useEffect, useRef, useState } from 'react'
 import type { ModelParameterRule } from '../declarations'
-import { useLanguage } from '../hooks'
-import { isNullOrUndefined } from '../utils'
-import { cn } from '@/utils/classnames'
-import Switch from '@/app/components/base/switch'
-import Tooltip from '@/app/components/base/tooltip'
-import Slider from '@/app/components/base/slider'
+import { useEffect, useRef, useState } from 'react'
 import Radio from '@/app/components/base/radio'
 import { SimpleSelect } from '@/app/components/base/select'
+import Slider from '@/app/components/base/slider'
+import Switch from '@/app/components/base/switch'
 import TagInput from '@/app/components/base/tag-input'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
+import { useLanguage } from '../hooks'
+import { isNullOrUndefined } from '../utils'
 
 export type ParameterValue = number | string | string[] | boolean | undefined
 
@@ -99,7 +99,7 @@ const ParameterItem: FC<ParameterItemProps> = ({
     handleInputChange(e.target.value)
   }
 
-  const handleSelect = (option: { value: string | number; name: string }) => {
+  const handleSelect = (option: { value: string | number, name: string }) => {
     handleInputChange(option.value)
   }
 
@@ -136,18 +136,20 @@ const ParameterItem: FC<ParameterItemProps> = ({
 
       return (
         <>
-          {numberInputWithSlide && <Slider
-            className='w-[120px]'
-            value={renderValue as number}
-            min={parameterRule.min}
-            max={parameterRule.max}
-            step={step}
-            onChange={handleSlideChange}
-          />}
+          {numberInputWithSlide && (
+            <Slider
+              className="w-[120px]"
+              value={renderValue as number}
+              min={parameterRule.min}
+              max={parameterRule.max}
+              step={step}
+              onChange={handleSlideChange}
+            />
+          )}
           <input
             ref={numberInputRef}
-            className='system-sm-regular ml-4 block h-8 w-16 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-components-input-text-filled outline-none'
-            type='number'
+            className="system-sm-regular ml-4 block h-8 w-16 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-components-input-text-filled outline-none"
+            type="number"
             max={parameterRule.max}
             min={parameterRule.min}
             step={numberInputWithSlide ? step : +`0.${parameterRule.precision || 0}`}
@@ -161,18 +163,20 @@ const ParameterItem: FC<ParameterItemProps> = ({
     if (parameterRule.type === 'float') {
       return (
         <>
-          {numberInputWithSlide && <Slider
-            className='w-[120px]'
-            value={renderValue as number}
-            min={parameterRule.min}
-            max={parameterRule.max}
-            step={0.1}
-            onChange={handleSlideChange}
-          />}
+          {numberInputWithSlide && (
+            <Slider
+              className="w-[120px]"
+              value={renderValue as number}
+              min={parameterRule.min}
+              max={parameterRule.max}
+              step={0.1}
+              onChange={handleSlideChange}
+            />
+          )}
           <input
             ref={numberInputRef}
-            className='system-sm-regular ml-4 block h-8 w-16 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-components-input-text-filled outline-none'
-            type='number'
+            className="system-sm-regular ml-4 block h-8 w-16 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-components-input-text-filled outline-none"
+            type="number"
             max={parameterRule.max}
             min={parameterRule.min}
             step={numberInputWithSlide ? 0.1 : +`0.${parameterRule.precision || 0}`}
@@ -186,12 +190,12 @@ const ParameterItem: FC<ParameterItemProps> = ({
     if (parameterRule.type === 'boolean') {
       return (
         <Radio.Group
-          className='flex w-[150px] items-center'
+          className="flex w-[150px] items-center"
           value={renderValue as boolean}
           onChange={handleRadioChange}
         >
-          <Radio value={true} className='w-[70px] px-[18px]'>True</Radio>
-          <Radio value={false} className='w-[70px] px-[18px]'>False</Radio>
+          <Radio value={true} className="w-[70px] px-[18px]">True</Radio>
+          <Radio value={false} className="w-[70px] px-[18px]">False</Radio>
         </Radio.Group>
       )
     }
@@ -209,7 +213,7 @@ const ParameterItem: FC<ParameterItemProps> = ({
     if (parameterRule.type === 'text') {
       return (
         <textarea
-          className='system-sm-regular ml-4 h-20 w-full rounded-lg bg-components-input-bg-normal px-1 text-components-input-text-filled'
+          className="system-sm-regular ml-4 h-20 w-full rounded-lg bg-components-input-bg-normal px-1 text-components-input-text-filled"
           value={renderValue as string}
           onChange={handleStringInputChange}
         />
@@ -219,7 +223,7 @@ const ParameterItem: FC<ParameterItemProps> = ({
     if (parameterRule.type === 'string' && !!parameterRule?.options?.length) {
       return (
         <SimpleSelect
-          className='!py-0'
+          className="!py-0"
           wrapperClassName={cn('!h-8 w-full')}
           defaultValue={renderValue as string}
           onSelect={handleSelect}
@@ -234,7 +238,7 @@ const ParameterItem: FC<ParameterItemProps> = ({
           <TagInput
             items={renderValue as string[]}
             onChange={handleTagChange}
-            customizedConfirmKey='Tab'
+            customizedConfirmKey="Tab"
             isInWorkflow={isInWorkflow}
             required={parameterRule.required}
           />
@@ -246,22 +250,22 @@ const ParameterItem: FC<ParameterItemProps> = ({
   }
 
   return (
-    <div className='mb-2 flex items-center justify-between'>
-      <div className='shrink-0 basis-1/2'>
+    <div className="mb-2 flex items-center justify-between">
+      <div className="shrink-0 basis-1/2">
         <div className={cn('flex w-full shrink-0 items-center')}>
           {
             !parameterRule.required && parameterRule.name !== 'stop' && (
-              <div className='mr-2 w-7'>
+              <div className="mr-2 w-7">
                 <Switch
                   defaultValue={!isNullOrUndefined(value)}
                   onChange={handleSwitch}
-                  size='md'
+                  size="md"
                 />
               </div>
             )
           }
           <div
-            className='system-xs-regular mr-0.5 truncate text-text-secondary'
+            className="system-xs-regular mr-0.5 truncate text-text-secondary"
             title={parameterRule.label[language] || parameterRule.label.en_US}
           >
             {parameterRule.label[language] || parameterRule.label.en_US}
@@ -270,10 +274,10 @@ const ParameterItem: FC<ParameterItemProps> = ({
             parameterRule.help && (
               <Tooltip
                 popupContent={(
-                  <div className='w-[150px] whitespace-pre-wrap'>{parameterRule.help[language] || parameterRule.help.en_US}</div>
+                  <div className="w-[150px] whitespace-pre-wrap">{parameterRule.help[language] || parameterRule.help.en_US}</div>
                 )}
-                popupClassName='mr-1'
-                triggerClassName='mr-1 w-4 h-4 shrink-0'
+                popupClassName="mr-1"
+                triggerClassName="mr-1 w-4 h-4 shrink-0"
               />
             )
           }
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx
index 02f001ef0c..d53467028c 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
+import { RiArrowDownSLine } from '@remixicon/react'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
 import Button from '@/app/components/base/button'
 import Dropdown from '@/app/components/base/dropdown'
 import { Brush01 } from '@/app/components/base/icons/src/vender/solid/editor'
@@ -20,12 +20,12 @@ const PresetsParameter: FC<PresetsParameterProps> = ({
   const renderTrigger = useCallback((open: boolean) => {
     return (
       <Button
-        size={'small'}
-        variant={'secondary'}
+        size="small"
+        variant="secondary"
         className={cn(open && 'bg-state-base-hover')}
       >
         {t('common.modelProvider.loadPresets')}
-        <RiArrowDownSLine className='ml-0.5 h-3.5 w-3.5' />
+        <RiArrowDownSLine className="ml-0.5 h-3.5 w-3.5" />
       </Button>
     )
   }, [t])
@@ -42,7 +42,7 @@ const PresetsParameter: FC<PresetsParameterProps> = ({
     return {
       value: tone.id,
       text: (
-        <div className='flex h-full items-center'>
+        <div className="flex h-full items-center">
           {getToneIcon(tone.id)}
           {t(`common.model.tone.${tone.name}`) as string}
         </div>
@@ -55,7 +55,7 @@ const PresetsParameter: FC<PresetsParameterProps> = ({
       renderTrigger={renderTrigger}
       items={options}
       onSelect={item => onSelect(item.value as number)}
-      popupClassName='z-[1003]'
+      popupClassName="z-[1003]"
     />
   )
 }
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/status-indicators.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/status-indicators.tsx
index 259a686d6f..193fde8e26 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/status-indicators.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/status-indicators.tsx
@@ -1,8 +1,8 @@
-import Tooltip from '@/app/components/base/tooltip'
+import { RiErrorWarningFill } from '@remixicon/react'
 import Link from 'next/link'
+import Tooltip from '@/app/components/base/tooltip'
 import { SwitchPluginVersion } from '@/app/components/workflow/nodes/_base/components/switch-plugin-version'
 import { useInstalledPluginList } from '@/service/use-plugins'
-import { RiErrorWarningFill } from '@remixicon/react'
 
 type StatusIndicatorsProps = {
   needsConfiguration: boolean
@@ -17,15 +17,15 @@ const StatusIndicators = ({ needsConfiguration, modelProvider, inModelList, disa
   const { data: pluginList } = useInstalledPluginList()
   const renderTooltipContent = (title: string, description?: string, linkText?: string, linkHref?: string) => {
     return (
-      <div className='flex w-[240px] max-w-[240px] flex-col gap-1 px-1 py-1.5' onClick={e => e.stopPropagation()}>
-        <div className='title-xs-semi-bold text-text-primary'>{title}</div>
+      <div className="flex w-[240px] max-w-[240px] flex-col gap-1 px-1 py-1.5" onClick={e => e.stopPropagation()}>
+        <div className="title-xs-semi-bold text-text-primary">{title}</div>
         {description && (
-          <div className='body-xs-regular min-w-[200px] text-text-secondary'>
+          <div className="body-xs-regular min-w-[200px] text-text-secondary">
             {description}
           </div>
         )}
         {linkText && linkHref && (
-          <div className='body-xs-regular z-[100] cursor-pointer text-text-accent'>
+          <div className="body-xs-regular z-[100] cursor-pointer text-text-accent">
             <Link
               href={linkHref}
               onClick={(e) => {
@@ -46,35 +46,39 @@ const StatusIndicators = ({ needsConfiguration, modelProvider, inModelList, disa
       {/* plugin installed from github/local and model is not in model list */}
       {!needsConfiguration && modelProvider && disabled && (
         <>
-          {inModelList ? (
-            <Tooltip
-              popupContent={t('workflow.nodes.agent.modelSelectorTooltips.deprecated')}
-              asChild={false}
-              needsDelay={false}
-            >
-              <RiErrorWarningFill className='h-4 w-4 text-text-destructive' />
-            </Tooltip>
-          ) : !pluginInfo ? (
-            <Tooltip
-              popupContent={renderTooltipContent(
-                t('workflow.nodes.agent.modelNotSupport.title'),
-                t('workflow.nodes.agent.modelNotSupport.desc'),
-                t('workflow.nodes.agent.linkToPlugin'),
-                '/plugins',
-              )}
-              asChild={false}
-            >
-              <RiErrorWarningFill className='h-4 w-4 text-text-destructive' />
-            </Tooltip>
-          ) : (
-            <SwitchPluginVersion
-              tooltip={renderTooltipContent(
-                t('workflow.nodes.agent.modelNotSupport.title'),
-                t('workflow.nodes.agent.modelNotSupport.descForVersionSwitch'),
-              )}
-              uniqueIdentifier={pluginList?.plugins.find(plugin => plugin.name === pluginInfo.name)?.plugin_unique_identifier ?? ''}
-            />
-          )}
+          {inModelList
+            ? (
+                <Tooltip
+                  popupContent={t('workflow.nodes.agent.modelSelectorTooltips.deprecated')}
+                  asChild={false}
+                  needsDelay={false}
+                >
+                  <RiErrorWarningFill className="h-4 w-4 text-text-destructive" />
+                </Tooltip>
+              )
+            : !pluginInfo
+                ? (
+                    <Tooltip
+                      popupContent={renderTooltipContent(
+                        t('workflow.nodes.agent.modelNotSupport.title'),
+                        t('workflow.nodes.agent.modelNotSupport.desc'),
+                        t('workflow.nodes.agent.linkToPlugin'),
+                        '/plugins',
+                      )}
+                      asChild={false}
+                    >
+                      <RiErrorWarningFill className="h-4 w-4 text-text-destructive" />
+                    </Tooltip>
+                  )
+                : (
+                    <SwitchPluginVersion
+                      tooltip={renderTooltipContent(
+                        t('workflow.nodes.agent.modelNotSupport.title'),
+                        t('workflow.nodes.agent.modelNotSupport.descForVersionSwitch'),
+                      )}
+                      uniqueIdentifier={pluginList?.plugins.find(plugin => plugin.name === pluginInfo.name)?.plugin_unique_identifier ?? ''}
+                    />
+                  )}
         </>
       )}
       {!modelProvider && !pluginInfo && (
@@ -87,7 +91,7 @@ const StatusIndicators = ({ needsConfiguration, modelProvider, inModelList, disa
           )}
           asChild={false}
         >
-          <RiErrorWarningFill className='h-4 w-4 text-text-destructive' />
+          <RiErrorWarningFill className="h-4 w-4 text-text-destructive" />
         </Tooltip>
       )}
     </>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger.tsx
index ab16aed48f..2d2879abed 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger.tsx
@@ -1,20 +1,20 @@
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
 import type {
   Model,
   ModelItem,
   ModelProvider,
 } from '../declarations'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
+import { SlidersH } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
+import Tooltip from '@/app/components/base/tooltip'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
 import { MODEL_STATUS_TEXT } from '../declarations'
 import { useLanguage } from '../hooks'
 import ModelIcon from '../model-icon'
 import ModelName from '../model-name'
-import { cn } from '@/utils/classnames'
-import { useProviderContext } from '@/context/provider-context'
-import { SlidersH } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
-import Tooltip from '@/app/components/base/tooltip'
 
 export type TriggerProps = {
   open?: boolean
@@ -53,7 +53,7 @@ const Trigger: FC<TriggerProps> = ({
       {
         currentProvider && (
           <ModelIcon
-            className='mr-1.5 !h-5 !w-5'
+            className="mr-1.5 !h-5 !w-5"
             provider={currentProvider}
             modelName={currentModel?.model}
           />
@@ -62,7 +62,7 @@ const Trigger: FC<TriggerProps> = ({
       {
         !currentProvider && (
           <ModelIcon
-            className='mr-1.5 !h-5 !w-5'
+            className="mr-1.5 !h-5 !w-5"
             provider={modelProviders.find(item => item.provider === providerName)}
             modelName={modelId}
           />
@@ -71,7 +71,7 @@ const Trigger: FC<TriggerProps> = ({
       {
         currentModel && (
           <ModelName
-            className='mr-1.5 text-text-primary'
+            className="mr-1.5 text-text-primary"
             modelItem={currentModel}
             showMode
             showFeatures
@@ -80,7 +80,7 @@ const Trigger: FC<TriggerProps> = ({
       }
       {
         !currentModel && (
-          <div className='mr-1 truncate text-[13px] font-medium text-text-primary'>
+          <div className="mr-1 truncate text-[13px] font-medium text-text-primary">
             {modelId}
           </div>
         )
@@ -88,23 +88,23 @@ const Trigger: FC<TriggerProps> = ({
       {
         disabled
           ? (
-            <Tooltip
-              popupContent={
-                hasDeprecated
-                  ? t('common.modelProvider.deprecated')
-                  : (modelDisabled && currentModel)
-                    ? MODEL_STATUS_TEXT[currentModel.status as string][language]
-                    : ''
-              }
-            >
-              <AlertTriangle className='h-4 w-4 text-[#F79009]' />
-            </Tooltip>
-          )
+              <Tooltip
+                popupContent={
+                  hasDeprecated
+                    ? t('common.modelProvider.deprecated')
+                    : (modelDisabled && currentModel)
+                        ? MODEL_STATUS_TEXT[currentModel.status as string][language]
+                        : ''
+                }
+              >
+                <AlertTriangle className="h-4 w-4 text-[#F79009]" />
+              </Tooltip>
+            )
           : (
-            <SlidersH className={cn(!isInWorkflow ? 'text-indigo-600' : 'text-text-tertiary', 'h-4 w-4 shrink-0')} />
-          )
+              <SlidersH className={cn(!isInWorkflow ? 'text-indigo-600' : 'text-text-tertiary', 'h-4 w-4 shrink-0')} />
+            )
       }
-      {isInWorkflow && (<RiArrowDownSLine className='absolute right-2 top-[9px] h-3.5 w-3.5 text-text-tertiary' />)}
+      {isInWorkflow && (<RiArrowDownSLine className="absolute right-2 top-[9px] h-3.5 w-3.5 text-text-tertiary" />)}
     </div>
   )
 }
diff --git a/web/app/components/header/account-setting/model-provider-page/model-selector/deprecated-model-trigger.tsx b/web/app/components/header/account-setting/model-provider-page/model-selector/deprecated-model-trigger.tsx
index d27a616319..fc0ab366b7 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-selector/deprecated-model-trigger.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-selector/deprecated-model-trigger.tsx
@@ -1,10 +1,10 @@
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import ModelIcon from '../model-icon'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
-import { useProviderContext } from '@/context/provider-context'
 import Tooltip from '@/app/components/base/tooltip'
+import { useProviderContext } from '@/context/provider-context'
 import { cn } from '@/utils/classnames'
+import ModelIcon from '../model-icon'
 
 type ModelTriggerProps = {
   modelName: string
@@ -29,20 +29,20 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
       className={cn('group box-content flex h-8 grow cursor-pointer items-center gap-1 rounded-lg bg-components-input-bg-disabled p-[3px] pl-1', className)}
     >
       <div className={cn('flex w-full items-center', contentClassName)}>
-        <div className='flex min-w-0 flex-1 items-center gap-1 py-[1px]'>
+        <div className="flex min-w-0 flex-1 items-center gap-1 py-[1px]">
           <ModelIcon
             className="h-4 w-4"
             provider={currentProvider}
             modelName={modelName}
           />
-          <div className='system-sm-regular truncate text-components-input-text-filled'>
+          <div className="system-sm-regular truncate text-components-input-text-filled">
             {modelName}
           </div>
         </div>
-        <div className='flex shrink-0 items-center justify-center'>
+        <div className="flex shrink-0 items-center justify-center">
           {showWarnIcon && (
             <Tooltip popupContent={t('common.modelProvider.deprecated')}>
-              <AlertTriangle className='h-4 w-4 text-text-warning-secondary' />
+              <AlertTriangle className="h-4 w-4 text-text-warning-secondary" />
             </Tooltip>
           )}
         </div>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-selector/empty-trigger.tsx b/web/app/components/header/account-setting/model-provider-page/model-selector/empty-trigger.tsx
index 95a2f060d0..ef7dfc1be2 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-selector/empty-trigger.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-selector/empty-trigger.tsx
@@ -1,8 +1,9 @@
 import type { FC } from 'react'
 import { RiEqualizer2Line } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 import { CubeOutline } from '@/app/components/base/icons/src/vender/line/shapes'
 import { cn } from '@/utils/classnames'
-import { useTranslation } from 'react-i18next'
+
 type ModelTriggerProps = {
   open: boolean
   className?: string
@@ -15,23 +16,24 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
   return (
     <div
       className={cn(
-        'flex cursor-pointer items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 hover:bg-components-input-bg-hover', open && 'bg-components-input-bg-hover',
+        'flex cursor-pointer items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 hover:bg-components-input-bg-hover',
+        open && 'bg-components-input-bg-hover',
         className,
       )}
     >
-      <div className='flex grow items-center'>
-        <div className='mr-1.5 flex h-4 w-4 items-center justify-center rounded-[5px] border border-dashed border-divider-regular'>
-          <CubeOutline className='h-3 w-3 text-text-quaternary' />
+      <div className="flex grow items-center">
+        <div className="mr-1.5 flex h-4 w-4 items-center justify-center rounded-[5px] border border-dashed border-divider-regular">
+          <CubeOutline className="h-3 w-3 text-text-quaternary" />
         </div>
         <div
-          className='truncate text-[13px] text-text-tertiary'
-          title='Configure model'
+          className="truncate text-[13px] text-text-tertiary"
+          title="Configure model"
         >
           {t('plugin.detailPanel.configureModel')}
         </div>
       </div>
-      <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
-        <RiEqualizer2Line className='h-3.5 w-3.5 text-text-tertiary' />
+      <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+        <RiEqualizer2Line className="h-3.5 w-3.5 text-text-tertiary" />
       </div>
     </div>
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/model-selector/feature-icon.tsx b/web/app/components/header/account-setting/model-provider-page/model-selector/feature-icon.tsx
index 97d2253f55..e7f5c47b7e 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-selector/feature-icon.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-selector/feature-icon.tsx
@@ -1,18 +1,18 @@
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import ModelBadge from '../model-badge'
-import {
-  ModelFeatureEnum,
-  ModelFeatureTextEnum,
-} from '../declarations'
-import Tooltip from '@/app/components/base/tooltip'
 import {
   RiFileTextLine,
   RiFilmAiLine,
   RiImageCircleAiLine,
   RiVoiceAiFill,
 } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
 import { cn } from '@/utils/classnames'
+import {
+  ModelFeatureEnum,
+  ModelFeatureTextEnum,
+} from '../declarations'
+import ModelBadge from '../model-badge'
 
 type FeatureIconProps = {
   feature: ModelFeatureEnum
@@ -68,7 +68,7 @@ const FeatureIcon: FC<FeatureIconProps> = ({
         <ModelBadge
           className={cn('gap-x-0.5', className)}
         >
-          <RiImageCircleAiLine className='size-3' />
+          <RiImageCircleAiLine className="size-3" />
           <span>{ModelFeatureTextEnum.vision}</span>
         </ModelBadge>
       )
@@ -78,14 +78,14 @@ const FeatureIcon: FC<FeatureIconProps> = ({
       <Tooltip
         popupContent={t('common.modelProvider.featureSupported', { feature: ModelFeatureTextEnum.vision })}
       >
-        <div className='inline-block cursor-help'>
+        <div className="inline-block cursor-help">
           <ModelBadge
             className={cn(
               'w-[18px] justify-center !px-0',
               className,
             )}
           >
-            <RiImageCircleAiLine className='size-3' />
+            <RiImageCircleAiLine className="size-3" />
           </ModelBadge>
         </div>
       </Tooltip>
@@ -98,7 +98,7 @@ const FeatureIcon: FC<FeatureIconProps> = ({
         <ModelBadge
           className={cn('gap-x-0.5', className)}
         >
-          <RiFileTextLine className='size-3' />
+          <RiFileTextLine className="size-3" />
           <span>{ModelFeatureTextEnum.document}</span>
         </ModelBadge>
       )
@@ -108,14 +108,14 @@ const FeatureIcon: FC<FeatureIconProps> = ({
       <Tooltip
         popupContent={t('common.modelProvider.featureSupported', { feature: ModelFeatureTextEnum.document })}
       >
-        <div className='inline-block cursor-help'>
+        <div className="inline-block cursor-help">
           <ModelBadge
             className={cn(
               'w-[18px] justify-center !px-0',
               className,
             )}
           >
-            <RiFileTextLine className='size-3' />
+            <RiFileTextLine className="size-3" />
           </ModelBadge>
         </div>
       </Tooltip>
@@ -128,7 +128,7 @@ const FeatureIcon: FC<FeatureIconProps> = ({
         <ModelBadge
           className={cn('gap-x-0.5', className)}
         >
-          <RiVoiceAiFill className='size-3' />
+          <RiVoiceAiFill className="size-3" />
           <span>{ModelFeatureTextEnum.audio}</span>
         </ModelBadge>
       )
@@ -138,14 +138,14 @@ const FeatureIcon: FC<FeatureIconProps> = ({
       <Tooltip
         popupContent={t('common.modelProvider.featureSupported', { feature: ModelFeatureTextEnum.audio })}
       >
-        <div className='inline-block cursor-help'>
+        <div className="inline-block cursor-help">
           <ModelBadge
             className={cn(
               'w-[18px] justify-center !px-0',
               className,
             )}
           >
-            <RiVoiceAiFill className='size-3' />
+            <RiVoiceAiFill className="size-3" />
           </ModelBadge>
         </div>
       </Tooltip>
@@ -158,7 +158,7 @@ const FeatureIcon: FC<FeatureIconProps> = ({
         <ModelBadge
           className={cn('gap-x-0.5', className)}
         >
-          <RiFilmAiLine className='size-3' />
+          <RiFilmAiLine className="size-3" />
           <span>{ModelFeatureTextEnum.video}</span>
         </ModelBadge>
       )
@@ -168,14 +168,14 @@ const FeatureIcon: FC<FeatureIconProps> = ({
       <Tooltip
         popupContent={t('common.modelProvider.featureSupported', { feature: ModelFeatureTextEnum.video })}
       >
-        <div className='inline-block cursor-help'>
+        <div className="inline-block cursor-help">
           <ModelBadge
             className={cn(
               'w-[18px] justify-center !px-0',
               className,
             )}
           >
-            <RiFilmAiLine className='size-3' />
+            <RiFilmAiLine className="size-3" />
           </ModelBadge>
         </div>
       </Tooltip>
diff --git a/web/app/components/header/account-setting/model-provider-page/model-selector/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-selector/index.tsx
index a1872aac9b..50b56826eb 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-selector/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-selector/index.tsx
@@ -1,22 +1,22 @@
 import type { FC } from 'react'
-import { useState } from 'react'
 import type {
   DefaultModel,
   Model,
+  ModelFeatureEnum,
   ModelItem,
 } from '../declarations'
-import type { ModelFeatureEnum } from '../declarations'
-import { useCurrentProviderAndModel } from '../hooks'
-import ModelTrigger from './model-trigger'
-import EmptyTrigger from './empty-trigger'
-import DeprecatedModelTrigger from './deprecated-model-trigger'
-import Popup from './popup'
+import { useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
+import { useCurrentProviderAndModel } from '../hooks'
+import DeprecatedModelTrigger from './deprecated-model-trigger'
+import EmptyTrigger from './empty-trigger'
+import ModelTrigger from './model-trigger'
+import Popup from './popup'
 
 type ModelSelectorProps = {
   defaultModel?: DefaultModel
@@ -67,13 +67,13 @@ const ModelSelector: FC<ModelSelectorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
       <div className={cn('relative')}>
         <PortalToFollowElemTrigger
           onClick={handleToggle}
-          className='block'
+          className="block"
         >
           {
             currentModel && currentProvider && (
diff --git a/web/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx b/web/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx
index a7f37805a8..b44dbfefb1 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx
@@ -1,9 +1,12 @@
 import type { FC } from 'react'
-import { RiArrowDownSLine } from '@remixicon/react'
 import type {
   Model,
   ModelItem,
 } from '../declarations'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 import {
   MODEL_STATUS_TEXT,
   ModelStatusEnum,
@@ -11,9 +14,6 @@ import {
 import { useLanguage } from '../hooks'
 import ModelIcon from '../model-icon'
 import ModelName from '../model-name'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
-import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
 
 type ModelTriggerProps = {
   open: boolean
@@ -42,31 +42,31 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
       )}
     >
       <ModelIcon
-        className='p-0.5'
+        className="p-0.5"
         provider={provider}
         modelName={model.model}
       />
-      <div className='flex grow items-center gap-1 truncate px-1 py-[3px]'>
+      <div className="flex grow items-center gap-1 truncate px-1 py-[3px]">
         <ModelName
-          className='grow'
+          className="grow"
           modelItem={model}
           showMode
           showFeatures
         />
         {!readonly && (
-          <div className='flex h-4 w-4 shrink-0 items-center justify-center'>
+          <div className="flex h-4 w-4 shrink-0 items-center justify-center">
             {
               model.status !== ModelStatusEnum.active
                 ? (
-                  <Tooltip popupContent={MODEL_STATUS_TEXT[model.status][language]}>
-                    <AlertTriangle className='h-4 w-4 text-text-warning-secondary' />
-                  </Tooltip>
-                )
+                    <Tooltip popupContent={MODEL_STATUS_TEXT[model.status][language]}>
+                      <AlertTriangle className="h-4 w-4 text-text-warning-secondary" />
+                    </Tooltip>
+                  )
                 : (
-                  <RiArrowDownSLine
-                    className='h-3.5 w-3.5 text-text-tertiary'
-                  />
-                )
+                    <RiArrowDownSLine
+                      className="h-3.5 w-3.5 text-text-tertiary"
+                    />
+                  )
             }
           </div>
         )}
diff --git a/web/app/components/header/account-setting/model-provider-page/model-selector/popup-item.tsx b/web/app/components/header/account-setting/model-provider-page/model-selector/popup-item.tsx
index b5c4b72395..1547683d8a 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-selector/popup-item.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-selector/popup-item.tsx
@@ -1,36 +1,34 @@
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-
 import type {
   DefaultModel,
   Model,
   ModelItem,
 } from '../declarations'
+
+import { useTranslation } from 'react-i18next'
+import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import Tooltip from '@/app/components/base/tooltip'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
 import {
+  ConfigurationMethodEnum,
   ModelFeatureEnum,
+  ModelStatusEnum,
   ModelTypeEnum,
 } from '../declarations'
-import {
-  modelTypeFormat,
-  sizeFormat,
-} from '../utils'
 import {
   useLanguage,
   useUpdateModelList,
   useUpdateModelProviders,
 } from '../hooks'
+import ModelBadge from '../model-badge'
 import ModelIcon from '../model-icon'
 import ModelName from '../model-name'
-import ModelBadge from '../model-badge'
 import {
-  ConfigurationMethodEnum,
-  ModelStatusEnum,
-} from '../declarations'
-import { Check } from '@/app/components/base/icons/src/vender/line/general'
-import { useModalContext } from '@/context/modal-context'
-import { useProviderContext } from '@/context/provider-context'
-import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
+  modelTypeFormat,
+  sizeFormat,
+} from '../utils'
 import FeatureIcon from './feature-icon'
 
 type PopupItemProps = {
@@ -74,30 +72,30 @@ const PopupItem: FC<PopupItemProps> = ({
   }
 
   return (
-    <div className='mb-1'>
-      <div className='flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary'>
+    <div className="mb-1">
+      <div className="flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary">
         {model.label[language] || model.label.en_US}
       </div>
       {
         model.models.map(modelItem => (
           <Tooltip
             key={modelItem.model}
-            position='right'
-            popupClassName='p-3 !w-[206px] bg-components-panel-bg-blur backdrop-blur-sm border-[0.5px] border-components-panel-border rounded-xl'
-            popupContent={
-              <div className='flex flex-col gap-1'>
-                <div className='flex flex-col items-start gap-2'>
+            position="right"
+            popupClassName="p-3 !w-[206px] bg-components-panel-bg-blur backdrop-blur-sm border-[0.5px] border-components-panel-border rounded-xl"
+            popupContent={(
+              <div className="flex flex-col gap-1">
+                <div className="flex flex-col items-start gap-2">
                   <ModelIcon
                     className={cn('h-5 w-5 shrink-0')}
                     provider={model}
                     modelName={modelItem.model}
                   />
-                  <div className='system-md-medium text-wrap break-words text-text-primary'>{modelItem.label[language] || modelItem.label.en_US}</div>
+                  <div className="system-md-medium text-wrap break-words text-text-primary">{modelItem.label[language] || modelItem.label.en_US}</div>
                 </div>
                 {/* {currentProvider?.description && (
                   <div className='text-text-tertiary system-xs-regular'>{currentProvider?.description?.[language] || currentProvider?.description?.en_US}</div>
                 )} */}
-                <div className='flex flex-wrap gap-1'>
+                <div className="flex flex-wrap gap-1">
                   {modelItem.model_type && (
                     <ModelBadge>
                       {modelTypeFormat(modelItem.model_type)}
@@ -117,29 +115,28 @@ const PopupItem: FC<PopupItemProps> = ({
                 {[ModelTypeEnum.textGeneration, ModelTypeEnum.textEmbedding, ModelTypeEnum.rerank].includes(modelItem.model_type as ModelTypeEnum)
                   && modelItem.features?.some(feature => [ModelFeatureEnum.vision, ModelFeatureEnum.audio, ModelFeatureEnum.video, ModelFeatureEnum.document].includes(feature))
                   && (
-                    <div className='pt-2'>
-                      <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t('common.model.capabilities')}</div>
-                      <div className='flex flex-wrap gap-1'>
+                    <div className="pt-2">
+                      <div className="system-2xs-medium-uppercase mb-1 text-text-tertiary">{t('common.model.capabilities')}</div>
+                      <div className="flex flex-wrap gap-1">
                         {modelItem.features?.map(feature => (
                           <FeatureIcon
                             key={feature}
                             feature={feature}
                             showFeaturesLabel
                           />
-                        ))
-                        }
+                        ))}
                       </div>
                     </div>
                   )}
               </div>
-            }
+            )}
           >
             <div
               key={modelItem.model}
               className={cn('group relative flex h-8 items-center gap-1 rounded-lg px-3 py-1.5', modelItem.status === ModelStatusEnum.active ? 'cursor-pointer hover:bg-state-base-hover' : 'cursor-not-allowed hover:bg-state-base-hover-alt')}
               onClick={() => handleSelect(model.provider, modelItem)}
             >
-              <div className='flex items-center gap-2'>
+              <div className="flex items-center gap-2">
                 <ModelIcon
                   className={cn('h-5 w-5 shrink-0')}
                   provider={model}
@@ -152,13 +149,13 @@ const PopupItem: FC<PopupItemProps> = ({
               </div>
               {
                 defaultModel?.model === modelItem.model && defaultModel.provider === currentProvider.provider && (
-                  <Check className='h-4 w-4 shrink-0 text-text-accent' />
+                  <Check className="h-4 w-4 shrink-0 text-text-accent" />
                 )
               }
               {
                 modelItem.status === ModelStatusEnum.noConfigure && (
                   <div
-                    className='hidden cursor-pointer text-xs font-medium text-text-accent group-hover:block'
+                    className="hidden cursor-pointer text-xs font-medium text-text-accent group-hover:block"
                     onClick={handleOpenModelModal}
                   >
                     {t('common.operation.add').toLocaleUpperCase()}
diff --git a/web/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx b/web/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx
index ae7d863d91..4e666462ca 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-selector/popup.tsx
@@ -1,23 +1,23 @@
 import type { FC } from 'react'
-import { useEffect, useMemo, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  RiArrowRightUpLine,
-  RiSearchLine,
-} from '@remixicon/react'
 import type {
   DefaultModel,
   Model,
   ModelItem,
 } from '../declarations'
+import {
+  RiArrowRightUpLine,
+  RiSearchLine,
+} from '@remixicon/react'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
+import { tooltipManager } from '@/app/components/base/tooltip/TooltipManager'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useModalContext } from '@/context/modal-context'
+import { supportFunctionCall } from '@/utils/tool-call'
 import { ModelFeatureEnum } from '../declarations'
 import { useLanguage } from '../hooks'
 import PopupItem from './popup-item'
-import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
-import { useModalContext } from '@/context/modal-context'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import { supportFunctionCall } from '@/utils/tool-call'
-import { tooltipManager } from '@/app/components/base/tooltip/TooltipManager'
 
 type PopupProps = {
   defaultModel?: DefaultModel
@@ -47,7 +47,8 @@ const Popup: FC<PopupProps> = ({
     }
 
     const scrollContainer = scrollRef.current
-    if (!scrollContainer) return
+    if (!scrollContainer)
+      return
 
     // Use passive listener for better performance since we don't prevent default
     scrollContainer.addEventListener('scroll', handleTooltipCloseOnScroll, { passive: true })
@@ -81,12 +82,13 @@ const Popup: FC<PopupProps> = ({
   }, [language, modelList, scopeFeatures, searchText])
 
   return (
-    <div ref={scrollRef} className='max-h-[480px] w-[320px] overflow-y-auto rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'>
-      <div className='sticky top-0 z-10 bg-components-panel-bg pb-1 pl-3 pr-2 pt-3'>
+    <div ref={scrollRef} className="max-h-[480px] w-[320px] overflow-y-auto rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg">
+      <div className="sticky top-0 z-10 bg-components-panel-bg pb-1 pl-3 pr-2 pt-3">
         <div className={`
           flex h-8 items-center rounded-lg border pl-[9px] pr-[10px]
           ${searchText ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-transparent bg-components-input-bg-normal'}
-        `}>
+        `}
+        >
           <RiSearchLine
             className={`
               mr-[7px] h-[14px] w-[14px] shrink-0
@@ -94,7 +96,7 @@ const Popup: FC<PopupProps> = ({
             `}
           />
           <input
-            className='block h-[18px] grow appearance-none bg-transparent text-[13px] text-text-primary outline-none'
+            className="block h-[18px] grow appearance-none bg-transparent text-[13px] text-text-primary outline-none"
             placeholder={t('datasetSettings.form.searchModel') || ''}
             value={searchText}
             onChange={e => setSearchText(e.target.value)}
@@ -102,14 +104,14 @@ const Popup: FC<PopupProps> = ({
           {
             searchText && (
               <XCircle
-                className='ml-1.5 h-[14px] w-[14px] shrink-0 cursor-pointer text-text-quaternary'
+                className="ml-1.5 h-[14px] w-[14px] shrink-0 cursor-pointer text-text-quaternary"
                 onClick={() => setSearchText('')}
               />
             )
           }
         </div>
       </div>
-      <div className='p-1'>
+      <div className="p-1">
         {
           filteredModelList.map(model => (
             <PopupItem
@@ -122,18 +124,21 @@ const Popup: FC<PopupProps> = ({
         }
         {
           !filteredModelList.length && (
-            <div className='break-all px-3 py-1.5 text-center text-xs leading-[18px] text-text-tertiary'>
+            <div className="break-all px-3 py-1.5 text-center text-xs leading-[18px] text-text-tertiary">
               {`No model found for “${searchText}”`}
             </div>
           )
         }
       </div>
-      <div className='sticky bottom-0 flex cursor-pointer items-center rounded-b-lg border-t border-divider-subtle bg-components-panel-bg px-4 py-2 text-text-accent-light-mode-only' onClick={() => {
-        onHide()
-        setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })
-      }}>
-        <span className='system-xs-medium'>{t('common.model.settingsLink')}</span>
-        <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />
+      <div
+        className="sticky bottom-0 flex cursor-pointer items-center rounded-b-lg border-t border-divider-subtle bg-components-panel-bg px-4 py-2 text-text-accent-light-mode-only"
+        onClick={() => {
+          onHide()
+          setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })
+        }}
+      >
+        <span className="system-xs-medium">{t('common.model.settingsLink')}</span>
+        <RiArrowRightUpLine className="ml-0.5 h-3 w-3" />
       </div>
     </div>
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/add-model-button.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/add-model-button.tsx
index f8dcf61686..43202b83db 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/add-model-button.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/add-model-button.tsx
@@ -18,7 +18,7 @@ const AddModelButton: FC<AddModelButtonProps> = ({
       className={cn('system-xs-medium flex h-6 shrink-0 cursor-pointer items-center rounded-md px-1.5 text-text-tertiary hover:bg-components-button-ghost-bg-hover hover:text-components-button-ghost-text', className)}
       onClick={onClick}
     >
-      <PlusCircle className='mr-1 h-3 w-3' />
+      <PlusCircle className="mr-1 h-3 w-3" />
       {t('common.modelProvider.addModel')}
     </span>
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx
index dea3200749..c3cd39ce96 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx
@@ -1,6 +1,6 @@
+import { useLatest } from 'ahooks'
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useLatest } from 'ahooks'
 import SimplePieChart from '@/app/components/base/simple-pie-chart'
 import Tooltip from '@/app/components/base/tooltip'
 
@@ -54,10 +54,10 @@ const CooldownTimer = ({ secondsRemaining, onFinish }: CooldownTimerProps) => {
 
   return displayTime
     ? (
-      <Tooltip popupContent={t('common.modelProvider.apiKeyRateLimit', { seconds: displayTime })}>
-        <SimplePieChart percentage={Math.round(displayTime / 60 * 100)} className='h-3 w-3' />
-      </Tooltip>
-    )
+        <Tooltip popupContent={t('common.modelProvider.apiKeyRateLimit', { seconds: displayTime })}>
+          <SimplePieChart percentage={Math.round(displayTime / 60 * 100)} className="h-3 w-3" />
+        </Tooltip>
+      )
     : null
 }
 
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx
index a980a996db..9155f25abb 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx
@@ -1,8 +1,15 @@
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
 import type {
   ModelProvider,
 } from '../declarations'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useToastContext } from '@/app/components/base/toast'
+import { ConfigProvider } from '@/app/components/header/account-setting/model-provider-page/model-auth'
+import { useCredentialStatus } from '@/app/components/header/account-setting/model-provider-page/model-auth/hooks'
+import Indicator from '@/app/components/header/indicator'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { changeModelProviderPriority } from '@/service/common'
+import { cn } from '@/utils/classnames'
 import {
   ConfigurationMethodEnum,
   CustomConfigurationStatusEnum,
@@ -12,16 +19,9 @@ import {
   useUpdateModelList,
   useUpdateModelProviders,
 } from '../hooks'
+import { UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST } from './index'
 import PrioritySelector from './priority-selector'
 import PriorityUseTip from './priority-use-tip'
-import { UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST } from './index'
-import Indicator from '@/app/components/header/indicator'
-import { changeModelProviderPriority } from '@/service/common'
-import { useToastContext } from '@/app/components/base/toast'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { cn } from '@/utils/classnames'
-import { useCredentialStatus } from '@/app/components/header/account-setting/model-provider-page/model-auth/hooks'
-import { ConfigProvider } from '@/app/components/header/account-setting/model-provider-page/model-auth'
 
 type CredentialPanelProps = {
   provider: ModelProvider
@@ -95,8 +95,9 @@ const CredentialPanel = ({
           <div className={cn(
             'relative ml-1 w-[120px] shrink-0 rounded-lg border-[0.5px] border-components-panel-border bg-white/[0.18] p-1',
             authRemoved && 'border-state-destructive-border bg-state-destructive-hover',
-          )}>
-            <div className='system-xs-medium mb-1 flex h-5 items-center justify-between pl-2 pr-[7px] pt-1 text-text-tertiary'>
+          )}
+          >
+            <div className="system-xs-medium mb-1 flex h-5 items-center justify-between pl-2 pr-[7px] pt-1 text-text-tertiary">
               <div
                 className={cn(
                   'grow truncate',
@@ -106,9 +107,9 @@ const CredentialPanel = ({
               >
                 {credentialLabel}
               </div>
-              <Indicator className='shrink-0' color={color} />
+              <Indicator className="shrink-0" color={color} />
             </div>
-            <div className='flex items-center gap-0.5'>
+            <div className="flex items-center gap-0.5">
               <ConfigProvider
                 provider={provider}
               />
@@ -131,7 +132,7 @@ const CredentialPanel = ({
       }
       {
         systemConfig.enabled && isCustomConfigured && !provider.provider_credential_schema && (
-          <div className='ml-1'>
+          <div className="ml-1">
             <PrioritySelector
               value={priorityUseType}
               onSelect={handleChangePriority}
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/index.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/index.tsx
index 543273591c..452cebbe71 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/index.tsx
@@ -1,34 +1,34 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type {
+  ModelItem,
+  ModelProvider,
+} from '../declarations'
 import {
   RiArrowRightSLine,
   RiInformation2Fill,
   RiLoader2Line,
 } from '@remixicon/react'
-import type {
-  ModelItem,
-  ModelProvider,
-} from '../declarations'
-import { ConfigurationMethodEnum } from '../declarations'
-import {
-  MODEL_PROVIDER_QUOTA_GET_PAID,
-  modelTypeFormat,
-} from '../utils'
-import ProviderIcon from '../provider-icon'
-import ModelBadge from '../model-badge'
-import CredentialPanel from './credential-panel'
-import QuotaPanel from './quota-panel'
-import ModelList from './model-list'
-import { fetchModelProviderModelList } from '@/service/common'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { IS_CE_EDITION } from '@/config'
-import { useAppContext } from '@/context/app-context'
-import { cn } from '@/utils/classnames'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   AddCustomModel,
   ManageCustomModelCredentials,
 } from '@/app/components/header/account-setting/model-provider-page/model-auth'
+import { IS_CE_EDITION } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { fetchModelProviderModelList } from '@/service/common'
+import { cn } from '@/utils/classnames'
+import { ConfigurationMethodEnum } from '../declarations'
+import ModelBadge from '../model-badge'
+import ProviderIcon from '../provider-icon'
+import {
+  MODEL_PROVIDER_QUOTA_GET_PAID,
+  modelTypeFormat,
+} from '../utils'
+import CredentialPanel from './credential-panel'
+import ModelList from './model-list'
+import QuotaPanel from './quota-panel'
 
 export const UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST = 'UPDATE_MODEL_PROVIDER_CUSTOM_MODEL_LIST'
 type ProviderAddedCardProps = {
@@ -88,13 +88,13 @@ const ProviderAddedCard: FC<ProviderAddedCardProps> = ({
         provider.provider === 'langgenius/anthropic/anthropic' && 'bg-third-party-model-bg-anthropic',
       )}
     >
-      <div className='flex rounded-t-xl py-2 pl-3 pr-2'>
-        <div className='grow px-1 pb-0.5 pt-1'>
+      <div className="flex rounded-t-xl py-2 pl-3 pr-2">
+        <div className="grow px-1 pb-0.5 pt-1">
           <ProviderIcon
-            className='mb-2'
+            className="mb-2"
             provider={provider}
           />
-          <div className='flex gap-0.5'>
+          <div className="flex gap-0.5">
             {
               provider.supported_model_types.map(modelType => (
                 <ModelBadge key={modelType}>
@@ -121,19 +121,19 @@ const ProviderAddedCard: FC<ProviderAddedCardProps> = ({
       </div>
       {
         collapsed && (
-          <div className='system-xs-medium group flex items-center justify-between border-t border-t-divider-subtle py-1.5 pl-2 pr-[11px] text-text-tertiary'>
+          <div className="system-xs-medium group flex items-center justify-between border-t border-t-divider-subtle py-1.5 pl-2 pr-[11px] text-text-tertiary">
             {(showQuota || !notConfigured) && (
               <>
-                <div className='flex h-6 items-center pl-1 pr-1.5 leading-6 group-hover:hidden'>
+                <div className="flex h-6 items-center pl-1 pr-1.5 leading-6 group-hover:hidden">
                   {
                     hasModelList
                       ? t('common.modelProvider.modelsNum', { num: modelList.length })
                       : t('common.modelProvider.showModels')
                   }
-                  {!loading && <RiArrowRightSLine className='h-4 w-4' />}
+                  {!loading && <RiArrowRightSLine className="h-4 w-4" />}
                 </div>
                 <div
-                  className='hidden h-6 cursor-pointer items-center rounded-lg pl-1 pr-1.5 hover:bg-components-button-ghost-bg-hover group-hover:flex'
+                  className="hidden h-6 cursor-pointer items-center rounded-lg pl-1 pr-1.5 hover:bg-components-button-ghost-bg-hover group-hover:flex"
                   onClick={handleOpenModelList}
                 >
                   {
@@ -141,24 +141,24 @@ const ProviderAddedCard: FC<ProviderAddedCardProps> = ({
                       ? t('common.modelProvider.showModelsNum', { num: modelList.length })
                       : t('common.modelProvider.showModels')
                   }
-                  {!loading && <RiArrowRightSLine className='h-4 w-4' />}
+                  {!loading && <RiArrowRightSLine className="h-4 w-4" />}
                   {
                     loading && (
-                      <RiLoader2Line className='ml-0.5 h-3 w-3 animate-spin' />
+                      <RiLoader2Line className="ml-0.5 h-3 w-3 animate-spin" />
                     )
                   }
                 </div>
               </>
             )}
             {!showQuota && notConfigured && (
-              <div className='flex h-6 items-center pl-1 pr-1.5'>
-                <RiInformation2Fill className='mr-1 h-4 w-4 text-text-accent' />
-                <span className='system-xs-medium text-text-secondary'>{t('common.modelProvider.configureTip')}</span>
+              <div className="flex h-6 items-center pl-1 pr-1.5">
+                <RiInformation2Fill className="mr-1 h-4 w-4 text-text-accent" />
+                <span className="system-xs-medium text-text-secondary">{t('common.modelProvider.configureTip')}</span>
               </div>
             )}
             {
               configurationMethods.includes(ConfigurationMethodEnum.customizableModel) && isCurrentWorkspaceManager && (
-                <div className='flex grow justify-end'>
+                <div className="flex grow justify-end">
                   <ManageCustomModelCredentials
                     provider={provider}
                     currentCustomConfigurationModelFixedFields={undefined}
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx
index 911485edf6..eeaba4acec 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx
@@ -1,21 +1,21 @@
+import type { ModelItem, ModelProvider } from '../declarations'
+import { useDebounceFn } from 'ahooks'
 import { memo, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDebounceFn } from 'ahooks'
-import type { ModelItem, ModelProvider } from '../declarations'
-import { ModelStatusEnum } from '../declarations'
-import ModelIcon from '../model-icon'
-import ModelName from '../model-name'
-import { useUpdateModelList } from '../hooks'
-import { cn } from '@/utils/classnames'
+import Badge from '@/app/components/base/badge'
 import { Balance } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
 import Switch from '@/app/components/base/switch'
 import Tooltip from '@/app/components/base/tooltip'
-import { useProviderContext, useProviderContextSelector } from '@/context/provider-context'
-import { disableModel, enableModel } from '@/service/common'
 import { Plan } from '@/app/components/billing/type'
 import { useAppContext } from '@/context/app-context'
+import { useProviderContext, useProviderContextSelector } from '@/context/provider-context'
+import { disableModel, enableModel } from '@/service/common'
+import { cn } from '@/utils/classnames'
+import { ModelStatusEnum } from '../declarations'
+import { useUpdateModelList } from '../hooks'
 import { ConfigModel } from '../model-auth'
-import Badge from '@/app/components/base/badge'
+import ModelIcon from '../model-icon'
+import ModelName from '../model-name'
 
 export type ModelListItemProps = {
   model: ModelItem
@@ -50,17 +50,15 @@ const ModelListItem = ({ model, provider, isConfigurable, onChange, onModifyLoad
   return (
     <div
       key={`${model.model}-${model.fetch_from}`}
-      className={cn('group flex h-8 items-center rounded-lg pl-2 pr-2.5',
-        isConfigurable && 'hover:bg-components-panel-on-panel-item-bg-hover',
-        model.deprecated && 'opacity-60')}
+      className={cn('group flex h-8 items-center rounded-lg pl-2 pr-2.5', isConfigurable && 'hover:bg-components-panel-on-panel-item-bg-hover', model.deprecated && 'opacity-60')}
     >
       <ModelIcon
-        className='mr-2 shrink-0'
+        className="mr-2 shrink-0"
         provider={provider}
         modelName={model.model}
       />
       <ModelName
-        className='system-md-regular grow text-text-secondary'
+        className="system-md-regular grow text-text-secondary"
         modelItem={model}
         showModelType
         showMode
@@ -69,10 +67,10 @@ const ModelListItem = ({ model, provider, isConfigurable, onChange, onModifyLoad
         showFeaturesLabel
       >
       </ModelName>
-      <div className='flex shrink-0 items-center'>
+      <div className="flex shrink-0 items-center">
         {modelLoadBalancingEnabled && !model.deprecated && model.load_balancing_enabled && !model.has_invalid_load_balancing_configs && (
-          <Badge className='mr-1 h-[18px] w-[18px] items-center justify-center border-text-accent-secondary p-0'>
-            <Balance className='h-3 w-3 text-text-accent-secondary' />
+          <Badge className="mr-1 h-[18px] w-[18px] items-center justify-center border-text-accent-secondary p-0">
+            <Balance className="h-3 w-3 text-text-accent-secondary" />
           </Badge>
         )}
         {
@@ -88,23 +86,24 @@ const ModelListItem = ({ model, provider, isConfigurable, onChange, onModifyLoad
         {
           model.deprecated
             ? (
-              <Tooltip
-                popupContent={
-                  <span className='font-semibold'>{t('common.modelProvider.modelHasBeenDeprecated')}</span>} offset={{ mainAxis: 4 }
-                }
-              >
-                <Switch defaultValue={false} disabled size='md' />
-              </Tooltip>
-            )
+                <Tooltip
+                  popupContent={
+                    <span className="font-semibold">{t('common.modelProvider.modelHasBeenDeprecated')}</span>
+                  }
+                  offset={{ mainAxis: 4 }}
+                >
+                  <Switch defaultValue={false} disabled size="md" />
+                </Tooltip>
+              )
             : (isCurrentWorkspaceManager && (
-              <Switch
-                className='ml-2'
-                defaultValue={model?.status === ModelStatusEnum.active}
-                disabled={![ModelStatusEnum.active, ModelStatusEnum.disabled].includes(model.status)}
-                size='md'
-                onChange={onEnablingStateChange}
-              />
-            ))
+                <Switch
+                  className="ml-2"
+                  defaultValue={model?.status === ModelStatusEnum.active}
+                  disabled={![ModelStatusEnum.active, ModelStatusEnum.disabled].includes(model.status)}
+                  size="md"
+                  onChange={onEnablingStateChange}
+                />
+              ))
         }
       </div>
     </div>
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list.tsx
index 1efa9628ac..81dbf3fe38 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list.tsx
@@ -1,25 +1,25 @@
 import type { FC } from 'react'
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  RiArrowRightSLine,
-} from '@remixicon/react'
 import type {
   Credential,
   ModelItem,
   ModelProvider,
 } from '../declarations'
 import {
-  ConfigurationMethodEnum,
-} from '../declarations'
-// import Tab from './tab'
-import ModelListItem from './model-list-item'
-import { useModalContextSelector } from '@/context/modal-context'
-import { useAppContext } from '@/context/app-context'
+  RiArrowRightSLine,
+} from '@remixicon/react'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   AddCustomModel,
   ManageCustomModelCredentials,
 } from '@/app/components/header/account-setting/model-provider-page/model-auth'
+import { useAppContext } from '@/context/app-context'
+import { useModalContextSelector } from '@/context/modal-context'
+import {
+  ConfigurationMethodEnum,
+} from '../declarations'
+// import Tab from './tab'
+import ModelListItem from './model-list-item'
 
 type ModelListProps = {
   provider: ModelProvider
@@ -51,25 +51,25 @@ const ModelList: FC<ModelListProps> = ({
   }, [onChange, provider, setShowModelLoadBalancingModal])
 
   return (
-    <div className='rounded-b-xl px-2 pb-2'>
-      <div className='rounded-lg bg-components-panel-bg py-1'>
-        <div className='flex items-center pl-1 pr-[3px]'>
-          <span className='group mr-2 flex shrink-0 items-center'>
-            <span className='system-xs-medium inline-flex h-6 items-center pl-1 pr-1.5 text-text-tertiary group-hover:hidden'>
+    <div className="rounded-b-xl px-2 pb-2">
+      <div className="rounded-lg bg-components-panel-bg py-1">
+        <div className="flex items-center pl-1 pr-[3px]">
+          <span className="group mr-2 flex shrink-0 items-center">
+            <span className="system-xs-medium inline-flex h-6 items-center pl-1 pr-1.5 text-text-tertiary group-hover:hidden">
               {t('common.modelProvider.modelsNum', { num: models.length })}
-              <RiArrowRightSLine className='mr-0.5 h-4 w-4 rotate-90' />
+              <RiArrowRightSLine className="mr-0.5 h-4 w-4 rotate-90" />
             </span>
             <span
-              className='system-xs-medium hidden h-6 cursor-pointer items-center rounded-lg bg-state-base-hover pl-1 pr-1.5 text-text-tertiary group-hover:inline-flex'
+              className="system-xs-medium hidden h-6 cursor-pointer items-center rounded-lg bg-state-base-hover pl-1 pr-1.5 text-text-tertiary group-hover:inline-flex"
               onClick={() => onCollapse()}
             >
               {t('common.modelProvider.modelsNum', { num: models.length })}
-              <RiArrowRightSLine className='mr-0.5 h-4 w-4 rotate-90' />
+              <RiArrowRightSLine className="mr-0.5 h-4 w-4 rotate-90" />
             </span>
           </span>
           {
             isConfigurable && isCurrentWorkspaceManager && (
-              <div className='flex grow justify-end'>
+              <div className="flex grow justify-end">
                 <ManageCustomModelCredentials
                   provider={provider}
                   currentCustomConfigurationModelFixedFields={undefined}
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx
index 78882257b5..8b3d7068b3 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx
@@ -1,9 +1,4 @@
 import type { Dispatch, SetStateAction } from 'react'
-import { useCallback, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  RiIndeterminateCircleLine,
-} from '@remixicon/react'
 import type {
   Credential,
   CustomConfigurationModelFixedFields,
@@ -13,21 +8,26 @@ import type {
   ModelLoadBalancingConfigEntry,
   ModelProvider,
 } from '../declarations'
-import { ConfigurationMethodEnum } from '../declarations'
-import Indicator from '../../../indicator'
-import CooldownTimer from './cooldown-timer'
-import { cn } from '@/utils/classnames'
-import Tooltip from '@/app/components/base/tooltip'
-import Switch from '@/app/components/base/switch'
+import {
+  RiIndeterminateCircleLine,
+} from '@remixicon/react'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Badge from '@/app/components/base/badge/index'
+import GridMask from '@/app/components/base/grid-mask'
 import { Balance } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
 import UpgradeBtn from '@/app/components/billing/upgrade-btn'
 import s from '@/app/components/custom/style.module.css'
-import GridMask from '@/app/components/base/grid-mask'
-import { useProviderContextSelector } from '@/context/provider-context'
-import { IS_CE_EDITION } from '@/config'
 import { AddCredentialInLoadBalancing } from '@/app/components/header/account-setting/model-provider-page/model-auth'
-import Badge from '@/app/components/base/badge/index'
+import { IS_CE_EDITION } from '@/config'
+import { useProviderContextSelector } from '@/context/provider-context'
+import { cn } from '@/utils/classnames'
+import Indicator from '../../../indicator'
+import { ConfigurationMethodEnum } from '../declarations'
+import CooldownTimer from './cooldown-timer'
 
 export type ModelLoadBalancingConfigsProps = {
   draftConfig?: ModelLoadBalancingConfig
@@ -146,33 +146,30 @@ const ModelLoadBalancingConfigs = ({
   return (
     <>
       <div
-        className={cn('min-h-16 rounded-xl border bg-components-panel-bg transition-colors',
-          (withSwitch || !draftConfig.enabled) ? 'border-components-panel-border' : 'border-util-colors-blue-blue-600',
-          (withSwitch || draftConfig.enabled) ? 'cursor-default' : 'cursor-pointer',
-          className)}
+        className={cn('min-h-16 rounded-xl border bg-components-panel-bg transition-colors', (withSwitch || !draftConfig.enabled) ? 'border-components-panel-border' : 'border-util-colors-blue-blue-600', (withSwitch || draftConfig.enabled) ? 'cursor-default' : 'cursor-pointer', className)}
         onClick={(!withSwitch && !draftConfig.enabled) ? () => toggleModalBalancing(true) : undefined}
       >
-        <div className='flex select-none items-center gap-2 px-[15px] py-3'>
-          <div className='flex h-8 w-8 shrink-0 grow-0 items-center justify-center rounded-lg border border-util-colors-indigo-indigo-100 bg-util-colors-indigo-indigo-50 text-util-colors-blue-blue-600'>
-            <Balance className='h-4 w-4' />
+        <div className="flex select-none items-center gap-2 px-[15px] py-3">
+          <div className="flex h-8 w-8 shrink-0 grow-0 items-center justify-center rounded-lg border border-util-colors-indigo-indigo-100 bg-util-colors-indigo-indigo-50 text-util-colors-blue-blue-600">
+            <Balance className="h-4 w-4" />
           </div>
-          <div className='grow'>
-            <div className='flex items-center gap-1 text-sm text-text-primary'>
+          <div className="grow">
+            <div className="flex items-center gap-1 text-sm text-text-primary">
               {t('common.modelProvider.loadBalancing')}
               <Tooltip
                 popupContent={t('common.modelProvider.loadBalancingInfo')}
-                popupClassName='max-w-[300px]'
-                triggerClassName='w-3 h-3'
+                popupClassName="max-w-[300px]"
+                triggerClassName="w-3 h-3"
               />
             </div>
-            <div className='text-xs text-text-tertiary'>{t('common.modelProvider.loadBalancingDescription')}</div>
+            <div className="text-xs text-text-tertiary">{t('common.modelProvider.loadBalancingDescription')}</div>
           </div>
           {
             withSwitch && (
               <Switch
                 defaultValue={Boolean(draftConfig.enabled)}
-                size='l'
-                className='ml-3 justify-self-end'
+                size="l"
+                className="ml-3 justify-self-end"
                 disabled={!modelLoadBalancingEnabled && !draftConfig.enabled}
                 onChange={value => toggleModalBalancing(value)}
               />
@@ -180,46 +177,46 @@ const ModelLoadBalancingConfigs = ({
           }
         </div>
         {draftConfig.enabled && (
-          <div className='flex flex-col gap-1 px-3 pb-3'>
+          <div className="flex flex-col gap-1 px-3 pb-3">
             {validDraftConfigList.map((config, index) => {
               const isProviderManaged = config.name === '__inherit__'
               const credential = modelCredential.available_credentials.find(c => c.credential_id === config.credential_id)
               return (
-                <div key={config.id || index} className='group flex h-10 items-center rounded-lg border border-components-panel-border bg-components-panel-on-panel-item-bg px-3 shadow-xs'>
-                  <div className='flex grow items-center'>
-                    <div className='mr-2 flex h-3 w-3 items-center justify-center'>
+                <div key={config.id || index} className="group flex h-10 items-center rounded-lg border border-components-panel-border bg-components-panel-on-panel-item-bg px-3 shadow-xs">
+                  <div className="flex grow items-center">
+                    <div className="mr-2 flex h-3 w-3 items-center justify-center">
                       {(config.in_cooldown && Boolean(config.ttl))
                         ? (
-                          <CooldownTimer secondsRemaining={config.ttl} onFinish={() => clearCountdown(index)} />
-                        )
+                            <CooldownTimer secondsRemaining={config.ttl} onFinish={() => clearCountdown(index)} />
+                          )
                         : (
-                          <Tooltip popupContent={t('common.modelProvider.apiKeyStatusNormal')}>
-                            <Indicator color={credential?.not_allowed_to_use ? 'gray' : 'green'} />
-                          </Tooltip>
-                        )}
+                            <Tooltip popupContent={t('common.modelProvider.apiKeyStatusNormal')}>
+                              <Indicator color={credential?.not_allowed_to_use ? 'gray' : 'green'} />
+                            </Tooltip>
+                          )}
                     </div>
-                    <div className='mr-1 text-[13px] text-text-secondary'>
+                    <div className="mr-1 text-[13px] text-text-secondary">
                       {isProviderManaged ? t('common.modelProvider.defaultConfig') : config.name}
                     </div>
                     {isProviderManaged && providerFormSchemaPredefined && (
-                      <Badge className='ml-2'>{t('common.modelProvider.providerManaged')}</Badge>
+                      <Badge className="ml-2">{t('common.modelProvider.providerManaged')}</Badge>
                     )}
                     {
                       credential?.from_enterprise && (
-                        <Badge className='ml-2'>Enterprise</Badge>
+                        <Badge className="ml-2">Enterprise</Badge>
                       )
                     }
                   </div>
-                  <div className='flex items-center gap-1'>
+                  <div className="flex items-center gap-1">
                     {!isProviderManaged && (
                       <>
-                        <div className='flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100'>
+                        <div className="flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100">
                           <Tooltip popupContent={t('common.operation.remove')}>
                             <span
-                              className='flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-components-button-secondary-bg text-text-tertiary transition-colors hover:bg-components-button-secondary-bg-hover'
+                              className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-components-button-secondary-bg text-text-tertiary transition-colors hover:bg-components-button-secondary-bg-hover"
                               onClick={() => updateConfigEntry(index, () => undefined)}
                             >
-                              <RiIndeterminateCircleLine className='h-4 w-4' />
+                              <RiIndeterminateCircleLine className="h-4 w-4" />
                             </span>
                           </Tooltip>
                         </div>
@@ -228,11 +225,11 @@ const ModelLoadBalancingConfigs = ({
                     {
                       (config.credential_id || config.name === '__inherit__') && (
                         <>
-                          <span className='mr-2 h-3 border-r border-r-divider-subtle' />
+                          <span className="mr-2 h-3 border-r border-r-divider-subtle" />
                           <Switch
                             defaultValue={credential?.not_allowed_to_use ? false : Boolean(config.enabled)}
-                            size='md'
-                            className='justify-self-end'
+                            size="md"
+                            className="justify-self-end"
                             onChange={value => toggleConfigEntryEnabled(index, value)}
                             disabled={credential?.not_allowed_to_use}
                           />
@@ -256,8 +253,8 @@ const ModelLoadBalancingConfigs = ({
         )}
         {
           draftConfig.enabled && validDraftConfigList.length < 2 && (
-            <div className='flex h-[34px] items-center rounded-b-xl border-t border-t-divider-subtle bg-components-panel-bg px-6 text-xs text-text-secondary'>
-              <AlertTriangle className='mr-1 h-3 w-3 text-[#f79009]' />
+            <div className="flex h-[34px] items-center rounded-b-xl border-t border-t-divider-subtle bg-components-panel-bg px-6 text-xs text-text-secondary">
+              <AlertTriangle className="mr-1 h-3 w-3 text-[#f79009]" />
               {t('common.modelProvider.loadBalancingLeastKeyWarning')}
             </div>
           )
@@ -265,8 +262,8 @@ const ModelLoadBalancingConfigs = ({
       </div>
 
       {!modelLoadBalancingEnabled && !IS_CE_EDITION && (
-        <GridMask canvasClassName='!rounded-xl'>
-          <div className='mt-2 flex h-14 items-center justify-between rounded-xl border-[0.5px] border-components-panel-border px-4 shadow-md'>
+        <GridMask canvasClassName="!rounded-xl">
+          <div className="mt-2 flex h-14 items-center justify-between rounded-xl border-[0.5px] border-components-panel-border px-4 shadow-md">
             <div
               className={cn('text-gradient text-sm font-semibold leading-tight', s.textGradient)}
             >
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal.tsx
index 6206267149..2e31164100 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal.tsx
@@ -1,5 +1,3 @@
-import { memo, useCallback, useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type {
   Credential,
   CustomConfigurationModelFixedFields,
@@ -8,26 +6,28 @@ import type {
   ModelLoadBalancingConfigEntry,
   ModelProvider,
 } from '../declarations'
-import {
-  ConfigurationMethodEnum,
-  FormTypeEnum,
-} from '../declarations'
-import ModelIcon from '../model-icon'
-import ModelName from '../model-name'
-import ModelLoadBalancingConfigs from './model-load-balancing-configs'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
+import { memo, useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
 import Loading from '@/app/components/base/loading'
+import Modal from '@/app/components/base/modal'
 import { useToastContext } from '@/app/components/base/toast'
 import { SwitchCredentialInLoadBalancing } from '@/app/components/header/account-setting/model-provider-page/model-auth'
 import {
   useGetModelCredential,
   useUpdateModelLoadBalancingConfig,
 } from '@/service/use-models'
-import { useAuth } from '../model-auth/hooks/use-auth'
-import Confirm from '@/app/components/base/confirm'
+import { cn } from '@/utils/classnames'
+import {
+  ConfigurationMethodEnum,
+  FormTypeEnum,
+} from '../declarations'
 import { useRefreshModel } from '../hooks'
+import { useAuth } from '../model-auth/hooks/use-auth'
+import ModelIcon from '../model-icon'
+import ModelName from '../model-name'
+import ModelLoadBalancingConfigs from './model-load-balancing-configs'
 
 export type ModelLoadBalancingModalProps = {
   provider: ModelProvider
@@ -232,23 +232,25 @@ const ModelLoadBalancingModal = ({
       <Modal
         isShow={Boolean(model) && open}
         onClose={onClose}
-        className='w-[640px] max-w-none px-8 pt-8'
-        title={
-          <div className='pb-3 font-semibold'>
-            <div className='h-[30px]'>{
-              draftConfig?.enabled
-                ? t('common.modelProvider.auth.configLoadBalancing')
-                : t('common.modelProvider.auth.configModel')
-            }</div>
+        className="w-[640px] max-w-none px-8 pt-8"
+        title={(
+          <div className="pb-3 font-semibold">
+            <div className="h-[30px]">
+              {
+                draftConfig?.enabled
+                  ? t('common.modelProvider.auth.configLoadBalancing')
+                  : t('common.modelProvider.auth.configModel')
+              }
+            </div>
             {Boolean(model) && (
-              <div className='flex h-5 items-center'>
+              <div className="flex h-5 items-center">
                 <ModelIcon
-                  className='mr-2 shrink-0'
+                  className="mr-2 shrink-0"
                   provider={provider}
                   modelName={model!.model}
                 />
                 <ModelName
-                  className='system-md-regular grow text-text-secondary'
+                  className="system-md-regular grow text-text-secondary"
                   modelItem={model!}
                   showModelType
                   showMode
@@ -257,105 +259,110 @@ const ModelLoadBalancingModal = ({
               </div>
             )}
           </div>
-        }
+        )}
       >
         {!draftConfig
-          ? <Loading type='area' />
+          ? <Loading type="area" />
           : (
-            <>
-              <div className='py-2'>
-                <div
-                  className={cn('min-h-16 rounded-xl border bg-components-panel-bg transition-colors',
-                    draftConfig.enabled ? 'cursor-pointer border-components-panel-border' : 'cursor-default border-util-colors-blue-blue-600')}
-                  onClick={draftConfig.enabled ? () => toggleModalBalancing(false) : undefined}
-                >
-                  <div className='flex select-none items-center gap-2 px-[15px] py-3'>
-                    <div className='flex h-8 w-8 shrink-0 grow-0 items-center justify-center rounded-lg border border-components-card-border bg-components-card-bg'>
-                      {Boolean(model) && (
-                        <ModelIcon className='shrink-0' provider={provider} modelName={model!.model} />
-                      )}
+              <>
+                <div className="py-2">
+                  <div
+                    className={cn('min-h-16 rounded-xl border bg-components-panel-bg transition-colors', draftConfig.enabled ? 'cursor-pointer border-components-panel-border' : 'cursor-default border-util-colors-blue-blue-600')}
+                    onClick={draftConfig.enabled ? () => toggleModalBalancing(false) : undefined}
+                  >
+                    <div className="flex select-none items-center gap-2 px-[15px] py-3">
+                      <div className="flex h-8 w-8 shrink-0 grow-0 items-center justify-center rounded-lg border border-components-card-border bg-components-card-bg">
+                        {Boolean(model) && (
+                          <ModelIcon className="shrink-0" provider={provider} modelName={model!.model} />
+                        )}
+                      </div>
+                      <div className="grow">
+                        <div className="text-sm text-text-secondary">
+                          {
+                            providerFormSchemaPredefined
+                              ? t('common.modelProvider.auth.providerManaged')
+                              : t('common.modelProvider.auth.specifyModelCredential')
+                          }
+                        </div>
+                        <div className="text-xs text-text-tertiary">
+                          {
+                            providerFormSchemaPredefined
+                              ? t('common.modelProvider.auth.providerManagedTip')
+                              : t('common.modelProvider.auth.specifyModelCredentialTip')
+                          }
+                        </div>
+                      </div>
+                      {
+                        !providerFormSchemaPredefined && (
+                          <SwitchCredentialInLoadBalancing
+                            provider={provider}
+                            customModelCredential={customModelCredential ?? initialCustomModelCredential}
+                            setCustomModelCredential={setCustomModelCredential}
+                            model={model}
+                            credentials={available_credentials}
+                            onUpdate={handleUpdateWhenSwitchCredential}
+                            onRemove={handleUpdateWhenSwitchCredential}
+                          />
+                        )
+                      }
                     </div>
-                    <div className='grow'>
-                      <div className='text-sm text-text-secondary'>{
-                        providerFormSchemaPredefined
-                          ? t('common.modelProvider.auth.providerManaged')
-                          : t('common.modelProvider.auth.specifyModelCredential')
-                      }</div>
-                      <div className='text-xs text-text-tertiary'>{
-                        providerFormSchemaPredefined
-                          ? t('common.modelProvider.auth.providerManagedTip')
-                          : t('common.modelProvider.auth.specifyModelCredentialTip')
-                      }</div>
-                    </div>
-                    {
-                      !providerFormSchemaPredefined && (
-                        <SwitchCredentialInLoadBalancing
-                          provider={provider}
-                          customModelCredential={customModelCredential ?? initialCustomModelCredential}
-                          setCustomModelCredential={setCustomModelCredential}
-                          model={model}
-                          credentials={available_credentials}
-                          onUpdate={handleUpdateWhenSwitchCredential}
-                          onRemove={handleUpdateWhenSwitchCredential}
-                        />
-                      )
-                    }
                   </div>
-                </div>
-                {
-                  modelCredential && (
-                    <ModelLoadBalancingConfigs {...{
-                      draftConfig,
-                      setDraftConfig,
-                      provider,
-                      currentCustomConfigurationModelFixedFields: {
-                        __model_name: model.model,
-                        __model_type: model.model_type,
-                      },
-                      configurationMethod: model.fetch_from,
-                      className: 'mt-2',
-                      modelCredential,
-                      onUpdate: handleUpdate,
-                      onRemove: handleUpdateWhenSwitchCredential,
-                      model: {
-                        model: model.model,
-                        model_type: model.model_type,
-                      },
-                    }} />
-                  )
-                }
-              </div>
-
-              <div className='mt-6 flex items-center justify-between gap-2'>
-                <div>
                   {
-                    !providerFormSchemaPredefined && (
-                      <Button
-                        onClick={() => openConfirmDelete(undefined, { model: model.model, model_type: model.model_type })}
-                        className='text-components-button-destructive-secondary-text'
-                      >
-                        {t('common.modelProvider.auth.removeModel')}
-                      </Button>
+                    modelCredential && (
+                      <ModelLoadBalancingConfigs {...{
+                        draftConfig,
+                        setDraftConfig,
+                        provider,
+                        currentCustomConfigurationModelFixedFields: {
+                          __model_name: model.model,
+                          __model_type: model.model_type,
+                        },
+                        configurationMethod: model.fetch_from,
+                        className: 'mt-2',
+                        modelCredential,
+                        onUpdate: handleUpdate,
+                        onRemove: handleUpdateWhenSwitchCredential,
+                        model: {
+                          model: model.model,
+                          model_type: model.model_type,
+                        },
+                      }}
+                      />
                     )
                   }
                 </div>
-                <div className='space-x-2'>
-                  <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
-                  <Button
-                    variant='primary'
-                    onClick={handleSave}
-                    disabled={
-                      loading
-                      || (draftConfig?.enabled && (draftConfig?.configs.filter(config => config.enabled).length ?? 0) < 2)
-                      || isLoading
+
+                <div className="mt-6 flex items-center justify-between gap-2">
+                  <div>
+                    {
+                      !providerFormSchemaPredefined && (
+                        <Button
+                          onClick={() => openConfirmDelete(undefined, { model: model.model, model_type: model.model_type })}
+                          className="text-components-button-destructive-secondary-text"
+                        >
+                          {t('common.modelProvider.auth.removeModel')}
+                        </Button>
+                      )
                     }
-                  >{t('common.operation.save')}</Button>
+                  </div>
+                  <div className="space-x-2">
+                    <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
+                    <Button
+                      variant="primary"
+                      onClick={handleSave}
+                      disabled={
+                        loading
+                        || (draftConfig?.enabled && (draftConfig?.configs.filter(config => config.enabled).length ?? 0) < 2)
+                        || isLoading
+                      }
+                    >
+                      {t('common.operation.save')}
+                    </Button>
+                  </div>
                 </div>
-              </div>
-            </>
-          )
-        }
-      </Modal >
+              </>
+            )}
+      </Modal>
       {
         deleteModel && (
           <Confirm
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx
index 10d94d55b7..2edabc4d28 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-selector.tsx
@@ -1,14 +1,14 @@
-import { Fragment } from 'react'
 import type { FC } from 'react'
 import { Popover, PopoverButton, PopoverPanel, Transition } from '@headlessui/react'
-import { useTranslation } from 'react-i18next'
 import {
   RiCheckLine,
   RiMoreFill,
 } from '@remixicon/react'
-import { PreferredProviderTypeEnum } from '../declarations'
+import { Fragment } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
+import { PreferredProviderTypeEnum } from '../declarations'
 
 type SelectorProps = {
   value?: string
@@ -31,37 +31,38 @@ const Selector: FC<SelectorProps> = ({
   ]
 
   return (
-    <Popover className='relative'>
-      <PopoverButton as='div'>
+    <Popover className="relative">
+      <PopoverButton as="div">
         {
           ({ open }) => (
             <Button className={cn(
               'h-6 w-6 rounded-md px-0',
               open && 'bg-components-button-secondary-bg-hover',
-            )}>
-              <RiMoreFill className='h-3 w-3' />
+            )}
+            >
+              <RiMoreFill className="h-3 w-3" />
             </Button>
           )
         }
       </PopoverButton>
       <Transition
         as={Fragment}
-        leave='transition ease-in duration-100'
-        leaveFrom='opacity-100'
-        leaveTo='opacity-0'
+        leave="transition ease-in duration-100"
+        leaveFrom="opacity-100"
+        leaveTo="opacity-0"
       >
-        <PopoverPanel className='absolute right-0 top-7 z-10 w-[144px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'>
-          <div className='p-1'>
-            <div className='px-3 pb-1 pt-2 text-sm font-medium text-text-secondary'>{t('common.modelProvider.card.priorityUse')}</div>
+        <PopoverPanel className="absolute right-0 top-7 z-10 w-[144px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg">
+          <div className="p-1">
+            <div className="px-3 pb-1 pt-2 text-sm font-medium text-text-secondary">{t('common.modelProvider.card.priorityUse')}</div>
             {
               options.map(option => (
                 <PopoverButton as={Fragment} key={option.key}>
                   <div
-                    className='flex h-9 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-components-panel-on-panel-item-bg-hover'
+                    className="flex h-9 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-components-panel-on-panel-item-bg-hover"
                     onClick={() => onSelect(option.key)}
                   >
-                    <div className='grow'>{option.text}</div>
-                    {value === option.key && <RiCheckLine className='h-4 w-4 text-text-accent' />}
+                    <div className="grow">{option.text}</div>
+                    {value === option.key && <RiCheckLine className="h-4 w-4 text-text-accent" />}
                   </div>
                 </PopoverButton>
               ))
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-use-tip.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-use-tip.tsx
index 9bb898f7d5..48704d5dfc 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-use-tip.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/priority-use-tip.tsx
@@ -9,8 +9,8 @@ const PriorityUseTip = () => {
     <Tooltip
       popupContent={t('common.modelProvider.priorityUsing') || ''}
     >
-      <div className='absolute -right-[5px] -top-[5px] cursor-pointer rounded-[5px] border-[0.5px] border-components-panel-border-subtle bg-util-colors-indigo-indigo-50 shadow-xs'>
-        <ChevronDownDouble className='h-3 w-3 rotate-180 text-util-colors-indigo-indigo-600' />
+      <div className="absolute -right-[5px] -top-[5px] cursor-pointer rounded-[5px] border-[0.5px] border-components-panel-border-subtle bg-util-colors-indigo-indigo-50 shadow-xs">
+        <ChevronDownDouble className="h-3 w-3 rotate-180 text-util-colors-indigo-indigo-600" />
       </div>
     </Tooltip>
   )
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.tsx
index b3e871e5f9..9cf4cfc714 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.tsx
@@ -1,6 +1,8 @@
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { ModelProvider } from '../declarations'
+import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import { formatNumber } from '@/utils/format'
 import {
   CustomConfigurationStatusEnum,
   PreferredProviderTypeEnum,
@@ -10,8 +12,6 @@ import {
   MODEL_PROVIDER_QUOTA_GET_PAID,
 } from '../utils'
 import PriorityUseTip from './priority-use-tip'
-import Tooltip from '@/app/components/base/tooltip'
-import { formatNumber } from '@/utils/format'
 
 type QuotaPanelProps = {
   provider: ModelProvider
@@ -28,8 +28,8 @@ const QuotaPanel: FC<QuotaPanelProps> = ({
   const openaiOrAnthropic = MODEL_PROVIDER_QUOTA_GET_PAID.includes(provider.provider)
 
   return (
-    <div className='group relative min-w-[112px] shrink-0 rounded-lg border-[0.5px] border-components-panel-border bg-white/[0.18] px-3 py-2 shadow-xs'>
-      <div className='system-xs-medium-uppercase mb-2 flex h-4 items-center text-text-tertiary'>
+    <div className="group relative min-w-[112px] shrink-0 rounded-lg border-[0.5px] border-components-panel-border bg-white/[0.18] px-3 py-2 shadow-xs">
+      <div className="system-xs-medium-uppercase mb-2 flex h-4 items-center text-text-tertiary">
         {t('common.modelProvider.quota')}
         <Tooltip popupContent={
           openaiOrAnthropic
@@ -40,8 +40,8 @@ const QuotaPanel: FC<QuotaPanelProps> = ({
       </div>
       {
         currentQuota && (
-          <div className='flex h-4 items-center text-xs text-text-tertiary'>
-            <span className='system-md-semibold-uppercase mr-0.5 text-text-secondary'>{formatNumber(Math.max((currentQuota?.quota_limit || 0) - (currentQuota?.quota_used || 0), 0))}</span>
+          <div className="flex h-4 items-center text-xs text-text-tertiary">
+            <span className="system-md-semibold-uppercase mr-0.5 text-text-secondary">{formatNumber(Math.max((currentQuota?.quota_limit || 0) - (currentQuota?.quota_used || 0), 0))}</span>
             {
               currentQuota?.quota_unit === QuotaUnitEnum.tokens && 'Tokens'
             }
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-icon/index.tsx b/web/app/components/header/account-setting/model-provider-page/provider-icon/index.tsx
index 2c56a1c347..199e6c931c 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-icon/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-icon/index.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
 import type { ModelProvider } from '../declarations'
-import { useLanguage } from '../hooks'
-import { Openai } from '@/app/components/base/icons/src/vender/other'
 import { AnthropicDark, AnthropicLight } from '@/app/components/base/icons/src/public/llm'
+import { Openai } from '@/app/components/base/icons/src/vender/other'
+import useTheme from '@/hooks/use-theme'
 import { renderI18nObject } from '@/i18n-config'
 import { Theme } from '@/types/app'
 import { cn } from '@/utils/classnames'
-import useTheme from '@/hooks/use-theme'
+import { useLanguage } from '../hooks'
 
 type ProviderIconProps = {
   provider: ModelProvider
@@ -21,17 +21,17 @@ const ProviderIcon: FC<ProviderIconProps> = ({
 
   if (provider.provider === 'langgenius/anthropic/anthropic') {
     return (
-      <div className='mb-2 py-[7px]'>
-        {theme === Theme.dark && <AnthropicLight className='h-2.5 w-[90px]' />}
-        {theme === Theme.light && <AnthropicDark className='h-2.5 w-[90px]' />}
+      <div className="mb-2 py-[7px]">
+        {theme === Theme.dark && <AnthropicLight className="h-2.5 w-[90px]" />}
+        {theme === Theme.light && <AnthropicDark className="h-2.5 w-[90px]" />}
       </div>
     )
   }
 
   if (provider.provider === 'langgenius/openai/openai') {
     return (
-      <div className='mb-2'>
-        <Openai className='h-6 w-auto text-text-inverted-dimmed' />
+      <div className="mb-2">
+        <Openai className="h-6 w-auto text-text-inverted-dimmed" />
       </div>
     )
   }
@@ -39,16 +39,16 @@ const ProviderIcon: FC<ProviderIconProps> = ({
   return (
     <div className={cn('inline-flex items-center gap-2', className)}>
       <img
-        alt='provider-icon'
+        alt="provider-icon"
         src={renderI18nObject(
           theme === Theme.dark && provider.icon_small_dark
             ? provider.icon_small_dark
             : provider.icon_small,
           language,
         )}
-        className='h-6 w-6'
+        className="h-6 w-6"
       />
-      <div className='system-md-semibold text-text-primary'>
+      <div className="system-md-semibold text-text-primary">
         {renderI18nObject(provider.label, language)}
       </div>
     </div>
diff --git a/web/app/components/header/account-setting/model-provider-page/system-model-selector/index.tsx b/web/app/components/header/account-setting/model-provider-page/system-model-selector/index.tsx
index 30ba47587b..53dcdc223e 100644
--- a/web/app/components/header/account-setting/model-provider-page/system-model-selector/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/system-model-selector/index.tsx
@@ -1,29 +1,29 @@
 import type { FC } from 'react'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiEqualizer2Line } from '@remixicon/react'
-import ModelSelector from '../model-selector'
-import {
-  useModelList,
-  useSystemDefaultModelAndModelList,
-  useUpdateModelList,
-} from '../hooks'
 import type {
   DefaultModel,
   DefaultModelResponse,
 } from '../declarations'
-import { ModelTypeEnum } from '../declarations'
-import Tooltip from '@/app/components/base/tooltip'
+import { RiEqualizer2Line } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
+import { useToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import { useAppContext } from '@/context/app-context'
 import { useProviderContext } from '@/context/provider-context'
 import { updateDefaultModel } from '@/service/common'
-import { useToastContext } from '@/app/components/base/toast'
-import { useAppContext } from '@/context/app-context'
+import { ModelTypeEnum } from '../declarations'
+import {
+  useModelList,
+  useSystemDefaultModelAndModelList,
+  useUpdateModelList,
+} from '../hooks'
+import ModelSelector from '../model-selector'
 
 type SystemModelSelectorProps = {
   textGenerationDefaultModel: DefaultModelResponse | undefined
@@ -123,7 +123,7 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 8,
@@ -131,26 +131,26 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
         <Button
-          className='relative'
+          className="relative"
           variant={notConfigured ? 'primary' : 'secondary'}
-          size='small'
+          size="small"
         >
-          <RiEqualizer2Line className='mr-1 h-3.5 w-3.5' />
+          <RiEqualizer2Line className="mr-1 h-3.5 w-3.5" />
           {t('common.modelProvider.systemModelSettings')}
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[60]'>
-        <div className='w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg pt-4 shadow-xl'>
-          <div className='px-6 py-1'>
-            <div className='flex h-8 items-center text-[13px] font-medium text-text-primary'>
+      <PortalToFollowElemContent className="z-[60]">
+        <div className="w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg pt-4 shadow-xl">
+          <div className="px-6 py-1">
+            <div className="flex h-8 items-center text-[13px] font-medium text-text-primary">
               {t('common.modelProvider.systemReasoningModel.key')}
               <Tooltip
-                popupContent={
-                  <div className='w-[261px] text-text-tertiary'>
+                popupContent={(
+                  <div className="w-[261px] text-text-tertiary">
                     {t('common.modelProvider.systemReasoningModel.tip')}
                   </div>
-                }
-                triggerClassName='ml-0.5 w-4 h-4 shrink-0'
+                )}
+                triggerClassName="ml-0.5 w-4 h-4 shrink-0"
               />
             </div>
             <div>
@@ -161,16 +161,16 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
               />
             </div>
           </div>
-          <div className='px-6 py-1'>
-            <div className='flex h-8 items-center text-[13px] font-medium text-text-primary'>
+          <div className="px-6 py-1">
+            <div className="flex h-8 items-center text-[13px] font-medium text-text-primary">
               {t('common.modelProvider.embeddingModel.key')}
               <Tooltip
-                popupContent={
-                  <div className='w-[261px] text-text-tertiary'>
+                popupContent={(
+                  <div className="w-[261px] text-text-tertiary">
                     {t('common.modelProvider.embeddingModel.tip')}
                   </div>
-                }
-                triggerClassName='ml-0.5 w-4 h-4 shrink-0'
+                )}
+                triggerClassName="ml-0.5 w-4 h-4 shrink-0"
               />
             </div>
             <div>
@@ -181,16 +181,16 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
               />
             </div>
           </div>
-          <div className='px-6 py-1'>
-            <div className='flex h-8 items-center text-[13px] font-medium text-text-primary'>
+          <div className="px-6 py-1">
+            <div className="flex h-8 items-center text-[13px] font-medium text-text-primary">
               {t('common.modelProvider.rerankModel.key')}
               <Tooltip
-                popupContent={
-                  <div className='w-[261px] text-text-tertiary'>
+                popupContent={(
+                  <div className="w-[261px] text-text-tertiary">
                     {t('common.modelProvider.rerankModel.tip')}
                   </div>
-                }
-                triggerClassName='ml-0.5 w-4 h-4 shrink-0'
+                )}
+                triggerClassName="ml-0.5 w-4 h-4 shrink-0"
               />
             </div>
             <div>
@@ -201,16 +201,16 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
               />
             </div>
           </div>
-          <div className='px-6 py-1'>
-            <div className='flex h-8 items-center text-[13px] font-medium text-text-primary'>
+          <div className="px-6 py-1">
+            <div className="flex h-8 items-center text-[13px] font-medium text-text-primary">
               {t('common.modelProvider.speechToTextModel.key')}
               <Tooltip
-                popupContent={
-                  <div className='w-[261px] text-text-tertiary'>
+                popupContent={(
+                  <div className="w-[261px] text-text-tertiary">
                     {t('common.modelProvider.speechToTextModel.tip')}
                   </div>
-                }
-                triggerClassName='ml-0.5 w-4 h-4 shrink-0'
+                )}
+                triggerClassName="ml-0.5 w-4 h-4 shrink-0"
               />
             </div>
             <div>
@@ -221,16 +221,16 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
               />
             </div>
           </div>
-          <div className='px-6 py-1'>
-            <div className='flex h-8 items-center text-[13px] font-medium text-text-primary'>
+          <div className="px-6 py-1">
+            <div className="flex h-8 items-center text-[13px] font-medium text-text-primary">
               {t('common.modelProvider.ttsModel.key')}
               <Tooltip
-                popupContent={
-                  <div className='w-[261px] text-text-tertiary'>
+                popupContent={(
+                  <div className="w-[261px] text-text-tertiary">
                     {t('common.modelProvider.ttsModel.tip')}
                   </div>
-                }
-                triggerClassName='ml-0.5 w-4 h-4 shrink-0'
+                )}
+                triggerClassName="ml-0.5 w-4 h-4 shrink-0"
               />
             </div>
             <div>
@@ -241,15 +241,15 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
               />
             </div>
           </div>
-          <div className='flex items-center justify-end px-6 py-4'>
+          <div className="flex items-center justify-end px-6 py-4">
             <Button
               onClick={() => setOpen(false)}
             >
               {t('common.operation.cancel')}
             </Button>
             <Button
-              className='ml-2'
-              variant='primary'
+              className="ml-2"
+              variant="primary"
               onClick={handleSave}
               disabled={!isCurrentWorkspaceManager}
             >
diff --git a/web/app/components/header/account-setting/model-provider-page/utils.ts b/web/app/components/header/account-setting/model-provider-page/utils.ts
index f19999cc1f..b60d6a0c7b 100644
--- a/web/app/components/header/account-setting/model-provider-page/utils.ts
+++ b/web/app/components/header/account-setting/model-provider-page/utils.ts
@@ -1,21 +1,21 @@
-import { ValidatedStatus } from '../key-validator/declarations'
 import type {
   CredentialFormSchemaTextInput,
   FormValue,
   ModelLoadBalancingConfig,
 } from './declarations'
-import {
-  ConfigurationMethodEnum,
-  FormTypeEnum,
-  MODEL_TYPE_TEXT,
-  ModelTypeEnum,
-} from './declarations'
 import {
   deleteModelProvider,
   setModelProvider,
   validateModelLoadBalancingCredentials,
   validateModelProvider,
 } from '@/service/common'
+import { ValidatedStatus } from '../key-validator/declarations'
+import {
+  ConfigurationMethodEnum,
+  FormTypeEnum,
+  MODEL_TYPE_TEXT,
+  ModelTypeEnum,
+} from './declarations'
 
 export const MODEL_PROVIDER_QUOTA_GET_PAID = ['langgenius/anthropic/anthropic', 'langgenius/openai/openai', 'langgenius/azure_openai/azure_openai']
 
diff --git a/web/app/components/header/account-setting/plugin-page/SerpapiPlugin.tsx b/web/app/components/header/account-setting/plugin-page/SerpapiPlugin.tsx
index 86b7db0370..0009a694ec 100644
--- a/web/app/components/header/account-setting/plugin-page/SerpapiPlugin.tsx
+++ b/web/app/components/header/account-setting/plugin-page/SerpapiPlugin.tsx
@@ -1,12 +1,12 @@
-import { useTranslation } from 'react-i18next'
+import type { Form, ValidateValue } from '../key-validator/declarations'
+import type { PluginProvider } from '@/models/common'
 import Image from 'next/image'
+import { useTranslation } from 'react-i18next'
+import { useToastContext } from '@/app/components/base/toast'
+import { useAppContext } from '@/context/app-context'
 import SerpapiLogo from '../../assets/serpapi.png'
 import KeyValidator from '../key-validator'
-import type { Form, ValidateValue } from '../key-validator/declarations'
 import { updatePluginKey, validatePluginKey } from './utils'
-import { useToastContext } from '@/app/components/base/toast'
-import type { PluginProvider } from '@/models/common'
-import { useAppContext } from '@/context/app-context'
 
 type SerpapiPluginProps = {
   plugin: PluginProvider
@@ -63,8 +63,8 @@ const SerpapiPlugin = ({
 
   return (
     <KeyValidator
-      type='serpapi'
-      title={<Image alt='serpapi logo' src={SerpapiLogo} width={64} />}
+      type="serpapi"
+      title={<Image alt="serpapi logo" src={SerpapiLogo} width={64} />}
       status={plugin.credentials?.api_key ? 'success' : 'add'}
       forms={forms}
       keyFrom={{
diff --git a/web/app/components/header/account-setting/plugin-page/index.tsx b/web/app/components/header/account-setting/plugin-page/index.tsx
index 5195ca9501..14a5fcd74b 100644
--- a/web/app/components/header/account-setting/plugin-page/index.tsx
+++ b/web/app/components/header/account-setting/plugin-page/index.tsx
@@ -1,30 +1,31 @@
-import { LockClosedIcon } from '@heroicons/react/24/solid'
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import SerpapiPlugin from './SerpapiPlugin'
 import type { PluginProvider } from '@/models/common'
+import { LockClosedIcon } from '@heroicons/react/24/solid'
+import Link from 'next/link'
+import { useTranslation } from 'react-i18next'
 import { usePluginProviders } from '@/service/use-common'
+import SerpapiPlugin from './SerpapiPlugin'
 
 const PluginPage = () => {
   const { t } = useTranslation()
   const { data: plugins, refetch: mutate } = usePluginProviders()
 
   const Plugin_MAP: Record<string, (plugin: PluginProvider) => React.JSX.Element> = {
-    serpapi: (plugin: PluginProvider) => <SerpapiPlugin key='serpapi' plugin={plugin} onUpdate={() => mutate()} />,
+    serpapi: (plugin: PluginProvider) => <SerpapiPlugin key="serpapi" plugin={plugin} onUpdate={() => mutate()} />,
   }
 
   return (
-    <div className='pb-7'>
+    <div className="pb-7">
       <div>
         {plugins?.map(plugin => Plugin_MAP[plugin.tool_name](plugin))}
       </div>
-      <div className='fixed bottom-0 flex h-[42px] w-[472px] items-center bg-white text-xs text-gray-500'>
-        <LockClosedIcon className='mr-1 h-3 w-3' />
+      <div className="fixed bottom-0 flex h-[42px] w-[472px] items-center bg-white text-xs text-gray-500">
+        <LockClosedIcon className="mr-1 h-3 w-3" />
         {t('common.provider.encrypted.front')}
         <Link
-          className='mx-1 text-primary-600'
-          target='_blank' rel='noopener noreferrer'
-          href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+          className="mx-1 text-primary-600"
+          target="_blank"
+          rel="noopener noreferrer"
+          href="https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html"
         >
           PKCS1_OAEP
         </Link>
diff --git a/web/app/components/header/account-setting/plugin-page/utils.ts b/web/app/components/header/account-setting/plugin-page/utils.ts
index cb9e25a093..385ef31cab 100644
--- a/web/app/components/header/account-setting/plugin-page/utils.ts
+++ b/web/app/components/header/account-setting/plugin-page/utils.ts
@@ -1,5 +1,5 @@
-import { ValidatedStatus } from '../key-validator/declarations'
 import { updatePluginProviderAIKey, validatePluginProviderKey } from '@/service/common'
+import { ValidatedStatus } from '../key-validator/declarations'
 
 export const validatePluginKey = async (pluginType: string, body: any) => {
   try {
diff --git a/web/app/components/header/app-back/index.tsx b/web/app/components/header/app-back/index.tsx
index 5e6d38b049..716a37b94e 100644
--- a/web/app/components/header/app-back/index.tsx
+++ b/web/app/components/header/app-back/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 
+import type { AppDetailResponse } from '@/models/app'
+import { ArrowLeftIcon, Squares2X2Icon } from '@heroicons/react/24/solid'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ArrowLeftIcon, Squares2X2Icon } from '@heroicons/react/24/solid'
 import { cn } from '@/utils/classnames'
-import type { AppDetailResponse } from '@/models/app'
 
 type IAppBackProps = {
   curApp: AppDetailResponse
@@ -27,8 +27,8 @@ export default function AppBack({ curApp }: IAppBackProps) {
     >
       {
         (hovered && curApp)
-          ? <ArrowLeftIcon className='mr-1 h-[18px] w-[18px]' />
-          : <Squares2X2Icon className='mr-1 h-[18px] w-[18px]' />
+          ? <ArrowLeftIcon className="mr-1 h-[18px] w-[18px]" />
+          : <Squares2X2Icon className="mr-1 h-[18px] w-[18px]" />
       }
       {t('common.menus.apps')}
     </div>
diff --git a/web/app/components/header/app-nav/index.tsx b/web/app/components/header/app-nav/index.tsx
index 1fd5c6e29d..ab567540d4 100644
--- a/web/app/components/header/app-nav/index.tsx
+++ b/web/app/components/header/app-nav/index.tsx
@@ -1,23 +1,23 @@
 'use client'
 
-import { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useParams } from 'next/navigation'
-import { flatten } from 'lodash-es'
-import { produce } from 'immer'
+import type { NavItem } from '../nav/nav-selector'
 import {
   RiRobot2Fill,
   RiRobot2Line,
 } from '@remixicon/react'
-import Nav from '../nav'
-import type { NavItem } from '../nav/nav-selector'
+import { produce } from 'immer'
+import { flatten } from 'lodash-es'
+import { useParams } from 'next/navigation'
+import { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import CreateAppTemplateDialog from '@/app/components/app/create-app-dialog'
 import CreateAppModal from '@/app/components/app/create-app-modal'
 import CreateFromDSLModal from '@/app/components/app/create-from-dsl-modal'
-import { useAppContext } from '@/context/app-context'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import { AppModeEnum } from '@/types/app'
+import { useAppContext } from '@/context/app-context'
 import { useInfiniteAppList } from '@/service/use-apps'
+import { AppModeEnum } from '@/types/app'
+import Nav from '../nav'
 
 const AppNav = () => {
   const { t } = useTranslation()
@@ -101,11 +101,11 @@ const AppNav = () => {
     <>
       <Nav
         isApp
-        icon={<RiRobot2Line className='h-4 w-4' />}
-        activeIcon={<RiRobot2Fill className='h-4 w-4' />}
+        icon={<RiRobot2Line className="h-4 w-4" />}
+        activeIcon={<RiRobot2Fill className="h-4 w-4" />}
         text={t('common.menus.apps')}
         activeSegment={['apps', 'app']}
-        link='/apps'
+        link="/apps"
         curNav={appDetail}
         navigationItems={navItems}
         createText={t('common.menus.newApp')}
diff --git a/web/app/components/header/app-selector/index.tsx b/web/app/components/header/app-selector/index.tsx
index 1c0dbc55d6..c15ed3e79c 100644
--- a/web/app/components/header/app-selector/index.tsx
+++ b/web/app/components/header/app-selector/index.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { Fragment, useState } from 'react'
-import { ChevronDownIcon, PlusIcon } from '@heroicons/react/24/solid'
-import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
-import { useRouter } from 'next/navigation'
-import Indicator from '../indicator'
 import type { AppDetailResponse } from '@/models/app'
+import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
+import { ChevronDownIcon, PlusIcon } from '@heroicons/react/24/solid'
+import { noop } from 'lodash-es'
+import { useRouter } from 'next/navigation'
+import { Fragment, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import CreateAppDialog from '@/app/components/app/create-app-dialog'
 import AppIcon from '@/app/components/base/app-icon'
 import { useAppContext } from '@/context/app-context'
-import { noop } from 'lodash-es'
+import Indicator from '../indicator'
 
 type IAppSelectorProps = {
   appItems: AppDetailResponse[]
@@ -61,44 +61,49 @@ export default function AppSelector({ appItems, curApp }: IAppSelectorProps) {
               shadow-lg
             "
           >
-            {!!appItems.length && (<div className="overflow-auto px-1 py-1" style={{ maxHeight: '50vh' }}>
-              {
-                appItems.map((app: AppDetailResponse) => (
-                  <MenuItem key={app.id}>
-                    <div className={itemClassName} onClick={() =>
-                      router.push(`/app/${app.id}/${isCurrentWorkspaceEditor ? 'configuration' : 'overview'}`)
-                    }>
-                      <div className='relative mr-2 h-6 w-6 rounded-[6px] bg-[#D5F5F6]'>
-                        <AppIcon size='tiny' />
-                        <div className='absolute -bottom-0.5 -right-0.5 flex h-2.5 w-2.5 items-center justify-center rounded bg-white'>
-                          <Indicator />
+            {!!appItems.length && (
+              <div className="overflow-auto px-1 py-1" style={{ maxHeight: '50vh' }}>
+                {
+                  appItems.map((app: AppDetailResponse) => (
+                    <MenuItem key={app.id}>
+                      <div
+                        className={itemClassName}
+                        onClick={() =>
+                          router.push(`/app/${app.id}/${isCurrentWorkspaceEditor ? 'configuration' : 'overview'}`)}
+                      >
+                        <div className="relative mr-2 h-6 w-6 rounded-[6px] bg-[#D5F5F6]">
+                          <AppIcon size="tiny" />
+                          <div className="absolute -bottom-0.5 -right-0.5 flex h-2.5 w-2.5 items-center justify-center rounded bg-white">
+                            <Indicator />
+                          </div>
                         </div>
+                        {app.name}
                       </div>
-                      {app.name}
-                    </div>
-                  </MenuItem>
-                ))
-              }
-            </div>)}
-            {isCurrentWorkspaceEditor && <MenuItem>
-              <div className='p-1' onClick={() => setShowNewAppDialog(true)}>
-                <div
-                  className='flex h-12 cursor-pointer items-center rounded-lg hover:bg-gray-100'
-                >
+                    </MenuItem>
+                  ))
+                }
+              </div>
+            )}
+            {isCurrentWorkspaceEditor && (
+              <MenuItem>
+                <div className="p-1" onClick={() => setShowNewAppDialog(true)}>
                   <div
-                    className='
+                    className="flex h-12 cursor-pointer items-center rounded-lg hover:bg-gray-100"
+                  >
+                    <div
+                      className="
                       ml-4 mr-2 flex
                       h-6 w-6 items-center justify-center rounded-[6px] border-[0.5px]
                       border-dashed border-gray-200 bg-gray-100
-                    '
-                  >
-                    <PlusIcon className='h-4 w-4 text-gray-500' />
+                    "
+                    >
+                      <PlusIcon className="h-4 w-4 text-gray-500" />
+                    </div>
+                    <div className="text-[14px] font-normal text-gray-700">{t('common.menus.newApp')}</div>
                   </div>
-                  <div className='text-[14px] font-normal text-gray-700'>{t('common.menus.newApp')}</div>
                 </div>
-              </div>
-            </MenuItem>
-            }
+              </MenuItem>
+            )}
           </MenuItems>
         </Transition>
       </Menu>
diff --git a/web/app/components/header/dataset-nav/index.tsx b/web/app/components/header/dataset-nav/index.tsx
index c7ae169de1..e1943a4ec2 100644
--- a/web/app/components/header/dataset-nav/index.tsx
+++ b/web/app/components/header/dataset-nav/index.tsx
@@ -1,18 +1,18 @@
 'use client'
 
-import { useCallback, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useParams, useRouter } from 'next/navigation'
+import type { NavItem } from '../nav/nav-selector'
+import type { DataSet } from '@/models/datasets'
 import {
   RiBook2Fill,
   RiBook2Line,
 } from '@remixicon/react'
 import { flatten } from 'lodash-es'
-import Nav from '../nav'
-import type { NavItem } from '../nav/nav-selector'
-import { basePath } from '@/utils/var'
+import { useParams, useRouter } from 'next/navigation'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useDatasetDetail, useDatasetList } from '@/service/knowledge/use-dataset'
-import type { DataSet } from '@/models/datasets'
+import { basePath } from '@/utils/var'
+import Nav from '../nav'
 
 const DatasetNav = () => {
   const { t } = useTranslation()
@@ -30,7 +30,8 @@ const DatasetNav = () => {
   const datasetItems = flatten(datasetList?.pages.map(datasetData => datasetData.data))
 
   const curNav = useMemo(() => {
-    if (!currentDataset) return
+    if (!currentDataset)
+      return
     return {
       id: currentDataset.id,
       name: currentDataset.name,
@@ -82,11 +83,11 @@ const DatasetNav = () => {
   return (
     <Nav
       isApp={false}
-      icon={<RiBook2Line className='h-4 w-4' />}
-      activeIcon={<RiBook2Fill className='h-4 w-4' />}
+      icon={<RiBook2Line className="h-4 w-4" />}
+      activeIcon={<RiBook2Fill className="h-4 w-4" />}
       text={t('common.menus.datasets')}
-      activeSegment='datasets'
-      link='/datasets'
+      activeSegment="datasets"
+      link="/datasets"
       curNav={curNav}
       navigationItems={navigationItems}
       createText={t('common.menus.newDataset')}
diff --git a/web/app/components/header/env-nav/index.tsx b/web/app/components/header/env-nav/index.tsx
index e7535c69f0..275277ad46 100644
--- a/web/app/components/header/env-nav/index.tsx
+++ b/web/app/components/header/env-nav/index.tsx
@@ -1,9 +1,9 @@
 'use client'
 
 import { useTranslation } from 'react-i18next'
-import { useAppContext } from '@/context/app-context'
-import { Beaker02 } from '@/app/components/base/icons/src/vender/solid/education'
 import { TerminalSquare } from '@/app/components/base/icons/src/vender/solid/development'
+import { Beaker02 } from '@/app/components/base/icons/src/vender/solid/education'
+import { useAppContext } from '@/context/app-context'
 
 const headerEnvClassName: { [k: string]: string } = {
   DEVELOPMENT: 'bg-[#FEC84B] border-[#FDB022] text-[#93370D]',
@@ -22,20 +22,21 @@ const EnvNav = () => {
     <div className={`
       mr-1 flex h-[22px] items-center rounded-md border px-2 text-xs font-medium
       ${headerEnvClassName[langGeniusVersionInfo.current_env]}
-    `}>
+    `}
+    >
       {
         langGeniusVersionInfo.current_env === 'TESTING' && (
           <>
-            <Beaker02 className='h-3 w-3' />
-            <div className='ml-1 max-[1280px]:hidden'>{t('common.environment.testing')}</div>
+            <Beaker02 className="h-3 w-3" />
+            <div className="ml-1 max-[1280px]:hidden">{t('common.environment.testing')}</div>
           </>
         )
       }
       {
         langGeniusVersionInfo.current_env === 'DEVELOPMENT' && (
           <>
-            <TerminalSquare className='h-3 w-3' />
-            <div className='ml-1 max-[1280px]:hidden'>{t('common.environment.development')}</div>
+            <TerminalSquare className="h-3 w-3" />
+            <div className="ml-1 max-[1280px]:hidden">{t('common.environment.development')}</div>
           </>
         )
       }
diff --git a/web/app/components/header/explore-nav/index.tsx b/web/app/components/header/explore-nav/index.tsx
index 9d37fc741d..1d3ad952d1 100644
--- a/web/app/components/header/explore-nav/index.tsx
+++ b/web/app/components/header/explore-nav/index.tsx
@@ -1,13 +1,14 @@
 'use client'
 
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import { useSelectedLayoutSegment } from 'next/navigation'
 import {
   RiPlanetFill,
   RiPlanetLine,
 } from '@remixicon/react'
+import Link from 'next/link'
+import { useSelectedLayoutSegment } from 'next/navigation'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
+
 type ExploreNavProps = {
   className?: string
 }
@@ -20,15 +21,16 @@ const ExploreNav = ({
   const activated = selectedSegment === 'explore'
 
   return (
-    <Link href="/explore/apps" className={cn(className, 'group',
-      activated && 'bg-components-main-nav-nav-button-bg-active shadow-md',
-      activated ? 'text-components-main-nav-nav-button-text-active' : 'text-components-main-nav-nav-button-text hover:bg-components-main-nav-nav-button-bg-hover')}>
+    <Link
+      href="/explore/apps"
+      className={cn(className, 'group', activated && 'bg-components-main-nav-nav-button-bg-active shadow-md', activated ? 'text-components-main-nav-nav-button-text-active' : 'text-components-main-nav-nav-button-text hover:bg-components-main-nav-nav-button-bg-hover')}
+    >
       {
         activated
-          ? <RiPlanetFill className='h-4 w-4' />
-          : <RiPlanetLine className='h-4 w-4' />
+          ? <RiPlanetFill className="h-4 w-4" />
+          : <RiPlanetLine className="h-4 w-4" />
       }
-      <div className='ml-2 max-[1024px]:hidden'>
+      <div className="ml-2 max-[1024px]:hidden">
         {t('common.menus.explore')}
       </div>
     </Link>
diff --git a/web/app/components/header/github-star/index.spec.tsx b/web/app/components/header/github-star/index.spec.tsx
index b218604788..78a0017b03 100644
--- a/web/app/components/header/github-star/index.spec.tsx
+++ b/web/app/components/header/github-star/index.spec.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { render, screen, waitFor } from '@testing-library/react'
 import nock from 'nock'
+import React from 'react'
 import GithubStar from './index'
 
 const GITHUB_HOST = 'https://api.github.com'
@@ -13,7 +13,7 @@ const renderWithQueryClient = () => {
   })
   return render(
     <QueryClientProvider client={queryClient}>
-      <GithubStar className='test-class' />
+      <GithubStar className="test-class" />
     </QueryClientProvider>,
   )
 }
diff --git a/web/app/components/header/github-star/index.tsx b/web/app/components/header/github-star/index.tsx
index 6d87328c25..01f30fba31 100644
--- a/web/app/components/header/github-star/index.tsx
+++ b/web/app/components/header/github-star/index.tsx
@@ -1,8 +1,8 @@
 'use client'
-import { useQuery } from '@tanstack/react-query'
 import type { FC } from 'react'
 import type { GithubRepo } from '@/models/common'
 import { RiLoader2Line } from '@remixicon/react'
+import { useQuery } from '@tanstack/react-query'
 
 const defaultData = {
   stargazers_count: 110918,
@@ -27,7 +27,7 @@ const GithubStar: FC<{ className: string }> = (props) => {
   })
 
   if (isFetching)
-    return <RiLoader2Line className='size-3 shrink-0 animate-spin text-text-tertiary' />
+    return <RiLoader2Line className="size-3 shrink-0 animate-spin text-text-tertiary" />
 
   if (isError)
     return <span {...props}>{defaultData.stargazers_count.toLocaleString()}</span>
diff --git a/web/app/components/header/header-wrapper.tsx b/web/app/components/header/header-wrapper.tsx
index efa96ce4bd..69d9e1d421 100644
--- a/web/app/components/header/header-wrapper.tsx
+++ b/web/app/components/header/header-wrapper.tsx
@@ -1,9 +1,9 @@
 'use client'
-import React, { useState } from 'react'
 import { usePathname } from 'next/navigation'
-import s from './index.module.css'
+import React, { useState } from 'react'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { cn } from '@/utils/classnames'
+import s from './index.module.css'
 
 type HeaderWrapperProps = {
   children: React.ReactNode
@@ -27,11 +27,7 @@ const HeaderWrapper = ({
   })
 
   return (
-    <div className={cn('sticky left-0 right-0 top-0 z-[30] flex min-h-[56px] shrink-0 grow-0 basis-auto flex-col',
-      s.header,
-      isBordered ? 'border-b border-divider-regular' : '',
-      hideHeader && (inWorkflowCanvas || isPipelineCanvas) && 'hidden')}
-    >
+    <div className={cn('sticky left-0 right-0 top-0 z-[30] flex min-h-[56px] shrink-0 grow-0 basis-auto flex-col', s.header, isBordered ? 'border-b border-divider-regular' : '', hideHeader && (inWorkflowCanvas || isPipelineCanvas) && 'hidden')}>
       {children}
     </div>
   )
diff --git a/web/app/components/header/index.tsx b/web/app/components/header/index.tsx
index 77d2258c48..210c62b660 100644
--- a/web/app/components/header/index.tsx
+++ b/web/app/components/header/index.tsx
@@ -1,25 +1,25 @@
 'use client'
-import { useCallback } from 'react'
 import Link from 'next/link'
+import { useCallback } from 'react'
+import DifyLogo from '@/app/components/base/logo/dify-logo'
+import WorkplaceSelector from '@/app/components/header/account-dropdown/workplace-selector'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { WorkspaceProvider } from '@/context/workspace-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { Plan } from '../billing/type'
 import AccountDropdown from './account-dropdown'
 import AppNav from './app-nav'
 import DatasetNav from './dataset-nav'
 import EnvNav from './env-nav'
-import PluginsNav from './plugins-nav'
 import ExploreNav from './explore-nav'
-import ToolsNav from './tools-nav'
-import { WorkspaceProvider } from '@/context/workspace-context'
-import { useAppContext } from '@/context/app-context'
-import DifyLogo from '@/app/components/base/logo/dify-logo'
-import WorkplaceSelector from '@/app/components/header/account-dropdown/workplace-selector'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { useProviderContext } from '@/context/provider-context'
-import { useModalContext } from '@/context/modal-context'
-import PlanBadge from './plan-badge'
 import LicenseNav from './license-env'
-import { Plan } from '../billing/type'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import PlanBadge from './plan-badge'
+import PluginsNav from './plugins-nav'
+import ToolsNav from './tools-nav'
 
 const navClassName = `
   flex items-center relative px-3 h-8 rounded-xl
@@ -45,14 +45,16 @@ const Header = () => {
 
   const renderLogo = () => (
     <h1>
-      <Link href="/apps" className='flex h-8 shrink-0 items-center justify-center overflow-hidden whitespace-nowrap px-0.5 indent-[-9999px]'>
+      <Link href="/apps" className="flex h-8 shrink-0 items-center justify-center overflow-hidden whitespace-nowrap px-0.5 indent-[-9999px]">
         {isBrandingEnabled && systemFeatures.branding.application_title ? systemFeatures.branding.application_title : 'Dify'}
         {systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-          ? <img
-            src={systemFeatures.branding.workspace_logo}
-            className='block h-[22px] w-auto object-contain'
-            alt='logo'
-          />
+          ? (
+              <img
+                src={systemFeatures.branding.workspace_logo}
+                className="block h-[22px] w-auto object-contain"
+                alt="logo"
+              />
+            )
           : <DifyLogo />}
       </Link>
     </h1>
@@ -60,24 +62,24 @@ const Header = () => {
 
   if (isMobile) {
     return (
-      <div className=''>
-        <div className='flex items-center justify-between px-2'>
-          <div className='flex items-center'>
+      <div className="">
+        <div className="flex items-center justify-between px-2">
+          <div className="flex items-center">
             {renderLogo()}
-            <div className='mx-1.5 shrink-0 font-light text-divider-deep'>/</div>
+            <div className="mx-1.5 shrink-0 font-light text-divider-deep">/</div>
             <WorkspaceProvider>
               <WorkplaceSelector />
             </WorkspaceProvider>
             {enableBilling ? <PlanBadge allowHover sandboxAsUpgrade plan={plan.type} onClick={handlePlanClick} /> : <LicenseNav />}
           </div>
-          <div className='flex items-center'>
-            <div className='mr-2'>
+          <div className="flex items-center">
+            <div className="mr-2">
               <PluginsNav />
             </div>
             <AccountDropdown />
           </div>
         </div>
-        <div className='my-1 flex items-center justify-center space-x-1'>
+        <div className="my-1 flex items-center justify-center space-x-1">
           {!isCurrentWorkspaceDatasetOperator && <ExploreNav className={navClassName} />}
           {!isCurrentWorkspaceDatasetOperator && <AppNav />}
           {(isCurrentWorkspaceEditor || isCurrentWorkspaceDatasetOperator) && <DatasetNav />}
@@ -88,24 +90,24 @@ const Header = () => {
   }
 
   return (
-    <div className='flex h-[56px] items-center'>
-      <div className='flex min-w-0 flex-[1]  items-center pl-3 pr-2 min-[1280px]:pr-3'>
+    <div className="flex h-[56px] items-center">
+      <div className="flex min-w-0 flex-[1]  items-center pl-3 pr-2 min-[1280px]:pr-3">
         {renderLogo()}
-        <div className='mx-1.5 shrink-0 font-light text-divider-deep'>/</div>
+        <div className="mx-1.5 shrink-0 font-light text-divider-deep">/</div>
         <WorkspaceProvider>
           <WorkplaceSelector />
         </WorkspaceProvider>
         {enableBilling ? <PlanBadge allowHover sandboxAsUpgrade plan={plan.type} onClick={handlePlanClick} /> : <LicenseNav />}
       </div>
-      <div className='flex items-center space-x-2'>
+      <div className="flex items-center space-x-2">
         {!isCurrentWorkspaceDatasetOperator && <ExploreNav className={navClassName} />}
         {!isCurrentWorkspaceDatasetOperator && <AppNav />}
         {(isCurrentWorkspaceEditor || isCurrentWorkspaceDatasetOperator) && <DatasetNav />}
         {!isCurrentWorkspaceDatasetOperator && <ToolsNav className={navClassName} />}
       </div>
-      <div className='flex min-w-0 flex-[1] items-center justify-end pl-2 pr-3 min-[1280px]:pl-3'>
+      <div className="flex min-w-0 flex-[1] items-center justify-end pl-2 pr-3 min-[1280px]:pl-3">
         <EnvNav />
-        <div className='mr-2'>
+        <div className="mr-2">
           <PluginsNav />
         </div>
         <AccountDropdown />
diff --git a/web/app/components/header/indicator/index.tsx b/web/app/components/header/indicator/index.tsx
index c48f8c4d7b..6495a1137b 100644
--- a/web/app/components/header/indicator/index.tsx
+++ b/web/app/components/header/indicator/index.tsx
@@ -48,11 +48,7 @@ export default function Indicator({
   return (
     <div
       data-testid="status-indicator"
-      className={cn('h-2 w-2 rounded-[3px] border border-solid',
-        BACKGROUND_MAP[color],
-        BORDER_MAP[color],
-        SHADOW_MAP[color],
-        className)}
+      className={cn('h-2 w-2 rounded-[3px] border border-solid', BACKGROUND_MAP[color], BORDER_MAP[color], SHADOW_MAP[color], className)}
     />
   )
 }
diff --git a/web/app/components/header/license-env/index.tsx b/web/app/components/header/license-env/index.tsx
index 8946143415..23634142f6 100644
--- a/web/app/components/header/license-env/index.tsx
+++ b/web/app/components/header/license-env/index.tsx
@@ -1,11 +1,11 @@
 'use client'
 
-import { LicenseStatus } from '@/types/feature'
-import { useTranslation } from 'react-i18next'
-import dayjs from 'dayjs'
-import PremiumBadge from '../../base/premium-badge'
 import { RiHourglass2Fill } from '@remixicon/react'
+import dayjs from 'dayjs'
+import { useTranslation } from 'react-i18next'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { LicenseStatus } from '@/types/feature'
+import PremiumBadge from '../../base/premium-badge'
 
 const LicenseNav = () => {
   const { t } = useTranslation()
@@ -14,16 +14,20 @@ const LicenseNav = () => {
   if (systemFeatures.license?.status === LicenseStatus.EXPIRING) {
     const expiredAt = systemFeatures.license?.expired_at
     const count = dayjs(expiredAt).diff(dayjs(), 'days')
-    return <PremiumBadge color='orange' className='select-none'>
-      <RiHourglass2Fill className='flex size-3 items-center pl-0.5 text-components-premium-badge-indigo-text-stop-0' />
-      {count <= 1 && <span className='system-xs-medium px-0.5'>{t('common.license.expiring', { count })}</span>}
-      {count > 1 && <span className='system-xs-medium px-0.5'>{t('common.license.expiring_plural', { count })}</span>}
-    </PremiumBadge>
+    return (
+      <PremiumBadge color="orange" className="select-none">
+        <RiHourglass2Fill className="flex size-3 items-center pl-0.5 text-components-premium-badge-indigo-text-stop-0" />
+        {count <= 1 && <span className="system-xs-medium px-0.5">{t('common.license.expiring', { count })}</span>}
+        {count > 1 && <span className="system-xs-medium px-0.5">{t('common.license.expiring_plural', { count })}</span>}
+      </PremiumBadge>
+    )
   }
   if (systemFeatures.license.status === LicenseStatus.ACTIVE) {
-    return <PremiumBadge color="indigo" className='select-none'>
-      <span className='system-xs-medium px-1'>Enterprise</span>
-    </PremiumBadge>
+    return (
+      <PremiumBadge color="indigo" className="select-none">
+        <span className="system-xs-medium px-1">Enterprise</span>
+      </PremiumBadge>
+    )
   }
   return null
 }
diff --git a/web/app/components/header/maintenance-notice.tsx b/web/app/components/header/maintenance-notice.tsx
index bcbb344b2c..4df7108177 100644
--- a/web/app/components/header/maintenance-notice.tsx
+++ b/web/app/components/header/maintenance-notice.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import { X } from '@/app/components/base/icons/src/vender/line/general'
-import { NOTICE_I18N } from '@/i18n-config/language'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { NOTICE_I18N } from '@/i18n-config/language'
 
 const MaintenanceNotice = () => {
   const locale = useLanguage()
@@ -23,14 +23,14 @@ const MaintenanceNotice = () => {
     return null
 
   return (
-    <div className='z-20 flex h-[38px] shrink-0 items-center border-[0.5px] border-b border-b-[#FEF0C7] bg-[#FFFAEB] px-4'>
-      <div className='mr-2 flex h-[22px] shrink-0 items-center rounded-xl bg-[#F79009] px-2 text-[11px] font-medium text-white'>{titleByLocale[locale]}</div>
+    <div className="z-20 flex h-[38px] shrink-0 items-center border-[0.5px] border-b border-b-[#FEF0C7] bg-[#FFFAEB] px-4">
+      <div className="mr-2 flex h-[22px] shrink-0 items-center rounded-xl bg-[#F79009] px-2 text-[11px] font-medium text-white">{titleByLocale[locale]}</div>
       {
         (NOTICE_I18N.href && NOTICE_I18N.href !== '#')
-          ? <div className='grow cursor-pointer text-xs font-medium text-gray-700' onClick={handleJumpNotice}>{descByLocale[locale]}</div>
-          : <div className='grow text-xs font-medium text-gray-700'>{descByLocale[locale]}</div>
+          ? <div className="grow cursor-pointer text-xs font-medium text-gray-700" onClick={handleJumpNotice}>{descByLocale[locale]}</div>
+          : <div className="grow text-xs font-medium text-gray-700">{descByLocale[locale]}</div>
       }
-      <X className='h-4 w-4 shrink-0 cursor-pointer text-gray-500' onClick={handleCloseNotice} />
+      <X className="h-4 w-4 shrink-0 cursor-pointer text-gray-500" onClick={handleCloseNotice} />
     </div>
   )
 }
diff --git a/web/app/components/header/nav/index.tsx b/web/app/components/header/nav/index.tsx
index 5ffdf3899e..a3820fcc49 100644
--- a/web/app/components/header/nav/index.tsx
+++ b/web/app/components/header/nav/index.tsx
@@ -1,13 +1,13 @@
 'use client'
 
-import React, { useEffect, useState } from 'react'
+import type { INavSelectorProps } from './nav-selector'
 import Link from 'next/link'
 import { usePathname, useSearchParams, useSelectedLayoutSegment } from 'next/navigation'
-import type { INavSelectorProps } from './nav-selector'
-import NavSelector from './nav-selector'
-import { cn } from '@/utils/classnames'
-import { ArrowNarrowLeft } from '@/app/components/base/icons/src/vender/line/arrows'
+import React, { useEffect, useState } from 'react'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import { ArrowNarrowLeft } from '@/app/components/base/icons/src/vender/line/arrows'
+import { cn } from '@/utils/classnames'
+import NavSelector from './nav-selector'
 
 type INavProps = {
   icon: React.ReactNode
@@ -49,7 +49,8 @@ const Nav = ({
       flex h-8 max-w-[670px] shrink-0 items-center rounded-xl px-0.5 text-sm font-medium max-[1024px]:max-w-[400px]
       ${isActivated && 'bg-components-main-nav-nav-button-bg-active font-semibold shadow-md'}
       ${!curNav && !isActivated && 'hover:bg-components-main-nav-nav-button-bg-hover'}
-    `}>
+    `}
+    >
       <Link href={link + (linkLastSearchParams && `?${linkLastSearchParams}`)}>
         <div
           onClick={(e) => {
@@ -58,22 +59,20 @@ const Nav = ({
               return
             setAppDetail()
           }}
-          className={cn('flex h-7 cursor-pointer items-center rounded-[10px] px-2.5',
-            isActivated ? 'text-components-main-nav-nav-button-text-active' : 'text-components-main-nav-nav-button-text',
-            curNav && isActivated && 'hover:bg-components-main-nav-nav-button-bg-active-hover')}
+          className={cn('flex h-7 cursor-pointer items-center rounded-[10px] px-2.5', isActivated ? 'text-components-main-nav-nav-button-text-active' : 'text-components-main-nav-nav-button-text', curNav && isActivated && 'hover:bg-components-main-nav-nav-button-bg-active-hover')}
           onMouseEnter={() => setHovered(true)}
           onMouseLeave={() => setHovered(false)}
         >
           <div>
             {
               (hovered && curNav)
-                ? <ArrowNarrowLeft className='h-4 w-4' />
+                ? <ArrowNarrowLeft className="h-4 w-4" />
                 : isActivated
                   ? activeIcon
                   : icon
             }
           </div>
-          <div className='ml-2 max-[1024px]:hidden'>
+          <div className="ml-2 max-[1024px]:hidden">
             {text}
           </div>
         </div>
@@ -81,7 +80,7 @@ const Nav = ({
       {
         curNav && isActivated && (
           <>
-            <div className='font-light text-divider-deep'>/</div>
+            <div className="font-light text-divider-deep">/</div>
             <NavSelector
               isApp={isApp}
               curNav={curNav}
diff --git a/web/app/components/header/nav/nav-selector/index.tsx b/web/app/components/header/nav/nav-selector/index.tsx
index 934d7e7fff..905597f021 100644
--- a/web/app/components/header/nav/nav-selector/index.tsx
+++ b/web/app/components/header/nav/nav-selector/index.tsx
@@ -1,21 +1,21 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { Fragment, useCallback } from 'react'
+import type { AppIconType, AppModeEnum } from '@/types/app'
+import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import {
   RiAddLine,
   RiArrowDownSLine,
   RiArrowRightSLine,
 } from '@remixicon/react'
-import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
-import { useRouter } from 'next/navigation'
 import { debounce } from 'lodash-es'
-import { cn } from '@/utils/classnames'
-import AppIcon from '@/app/components/base/app-icon'
-import { AppTypeIcon } from '@/app/components/app/type-selector'
-import { useAppContext } from '@/context/app-context'
+import { useRouter } from 'next/navigation'
+import { Fragment, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import { AppTypeIcon } from '@/app/components/app/type-selector'
+import AppIcon from '@/app/components/base/app-icon'
 import { FileArrow01, FilePlus01, FilePlus02 } from '@/app/components/base/icons/src/vender/line/files'
-import type { AppIconType, AppModeEnum } from '@/types/app'
+import { useAppContext } from '@/context/app-context'
+import { cn } from '@/utils/classnames'
 
 export type NavItem = {
   id: string
@@ -58,8 +58,9 @@ const NavSelector = ({ curNav, navigationItems, createText, isApp, onCreate, onL
           <MenuButton className={cn(
             'hover:hover:bg-components-main-nav-nav-button-bg-active-hover group inline-flex h-7 w-full items-center justify-center rounded-[10px] pl-2 pr-2.5 text-[14px] font-semibold text-components-main-nav-nav-button-text-active',
             open && 'bg-components-main-nav-nav-button-bg-active',
-          )}>
-            <div className='max-w-[157px] truncate' title={curNav?.name}>{curNav?.name}</div>
+          )}
+          >
+            <div className="max-w-[157px] truncate" title={curNav?.name}>{curNav?.name}</div>
             <RiArrowDownSLine
               className={cn('ml-1 h-3 w-3 shrink-0 opacity-50 group-hover:opacity-100', open && '!opacity-100')}
               aria-hidden="true"
@@ -76,25 +77,29 @@ const NavSelector = ({ curNav, navigationItems, createText, isApp, onCreate, onL
               {
                 navigationItems.map(nav => (
                   <MenuItem key={nav.id}>
-                    <div className='flex w-full cursor-pointer items-center truncate rounded-lg px-3 py-[6px] text-[14px] font-normal text-text-secondary hover:bg-state-base-hover' onClick={() => {
-                      if (curNav?.id === nav.id)
-                        return
-                      setAppDetail()
-                      router.push(nav.link)
-                    }} title={nav.name}>
-                      <div className='relative mr-2 h-6 w-6 rounded-md'>
+                    <div
+                      className="flex w-full cursor-pointer items-center truncate rounded-lg px-3 py-[6px] text-[14px] font-normal text-text-secondary hover:bg-state-base-hover"
+                      onClick={() => {
+                        if (curNav?.id === nav.id)
+                          return
+                        setAppDetail()
+                        router.push(nav.link)
+                      }}
+                      title={nav.name}
+                    >
+                      <div className="relative mr-2 h-6 w-6 rounded-md">
                         <AppIcon
-                          size='tiny'
+                          size="tiny"
                           iconType={nav.icon_type}
                           icon={nav.icon}
                           background={nav.icon_background}
                           imageUrl={nav.icon_url}
                         />
                         {!!nav.mode && (
-                          <AppTypeIcon type={nav.mode} wrapperClassName='absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 shadow-sm' className='h-2.5 w-2.5' />
+                          <AppTypeIcon type={nav.mode} wrapperClassName="absolute -bottom-0.5 -right-0.5 h-3.5 w-3.5 shadow-sm" className="h-2.5 w-2.5" />
                         )}
                       </div>
-                      <div className='truncate'>
+                      <div className="truncate">
                         {nav.name}
                       </div>
                     </div>
@@ -103,14 +108,17 @@ const NavSelector = ({ curNav, navigationItems, createText, isApp, onCreate, onL
               }
             </div>
             {!isApp && isCurrentWorkspaceEditor && (
-              <MenuItem as="div" className='w-full p-1'>
-                <div onClick={() => onCreate('')} className={cn(
-                  'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-[6px] hover:bg-state-base-hover ',
-                )}>
-                  <div className='flex h-6 w-6 shrink-0 items-center justify-center rounded-[6px] border-[0.5px] border-divider-regular bg-background-default'>
-                    <RiAddLine className='h-4 w-4 text-text-primary' />
+              <MenuItem as="div" className="w-full p-1">
+                <div
+                  onClick={() => onCreate('')}
+                  className={cn(
+                    'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-[6px] hover:bg-state-base-hover ',
+                  )}
+                >
+                  <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-[6px] border-[0.5px] border-divider-regular bg-background-default">
+                    <RiAddLine className="h-4 w-4 text-text-primary" />
                   </div>
-                  <div className='grow text-left text-[14px] font-normal text-text-secondary'>{createText}</div>
+                  <div className="grow text-left text-[14px] font-normal text-text-secondary">{createText}</div>
                 </div>
               </MenuItem>
             )}
@@ -118,16 +126,17 @@ const NavSelector = ({ curNav, navigationItems, createText, isApp, onCreate, onL
               <Menu as="div" className="relative h-full w-full">
                 {({ open }) => (
                   <>
-                    <MenuButton className='w-full p-1'>
+                    <MenuButton className="w-full p-1">
                       <div className={cn(
                         'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-[6px] hover:bg-state-base-hover',
                         open && '!bg-state-base-hover',
-                      )}>
-                        <div className='flex h-6 w-6 shrink-0 items-center justify-center rounded-[6px] border-[0.5px] border-divider-regular bg-background-default'>
-                          <RiAddLine className='h-4 w-4 text-text-primary' />
+                      )}
+                      >
+                        <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-[6px] border-[0.5px] border-divider-regular bg-background-default">
+                          <RiAddLine className="h-4 w-4 text-text-primary" />
                         </div>
-                        <div className='grow text-left text-[14px] font-normal text-text-secondary'>{createText}</div>
-                        <RiArrowRightSLine className='h-3.5 w-3.5 shrink-0 text-text-primary' />
+                        <div className="grow text-left text-[14px] font-normal text-text-secondary">{createText}</div>
+                        <RiArrowRightSLine className="h-3.5 w-3.5 shrink-0 text-text-primary" />
                       </div>
                     </MenuButton>
                     <Transition
@@ -141,20 +150,21 @@ const NavSelector = ({ curNav, navigationItems, createText, isApp, onCreate, onL
                     >
                       <MenuItems className={cn(
                         'absolute right-[-198px] top-[3px] z-10 min-w-[200px] rounded-lg bg-components-panel-bg-blur shadow-lg',
-                      )}>
-                        <div className='p-1'>
+                      )}
+                      >
+                        <div className="p-1">
                           <div className={cn('flex cursor-pointer items-center rounded-lg px-3 py-[6px] font-normal text-text-secondary hover:bg-state-base-hover')} onClick={() => onCreate('blank')}>
-                            <FilePlus01 className='mr-2 h-4 w-4 shrink-0 text-text-secondary' />
+                            <FilePlus01 className="mr-2 h-4 w-4 shrink-0 text-text-secondary" />
                             {t('app.newApp.startFromBlank')}
                           </div>
                           <div className={cn('flex cursor-pointer items-center rounded-lg px-3 py-[6px] font-normal text-text-secondary hover:bg-state-base-hover')} onClick={() => onCreate('template')}>
-                            <FilePlus02 className='mr-2 h-4 w-4 shrink-0 text-text-secondary' />
+                            <FilePlus02 className="mr-2 h-4 w-4 shrink-0 text-text-secondary" />
                             {t('app.newApp.startFromTemplate')}
                           </div>
                         </div>
-                        <div className='border-t border-divider-regular p-1'>
+                        <div className="border-t border-divider-regular p-1">
                           <div className={cn('flex cursor-pointer items-center rounded-lg px-3 py-[6px] font-normal text-text-secondary hover:bg-state-base-hover')} onClick={() => onCreate('dsl')}>
-                            <FileArrow01 className='mr-2 h-4 w-4 shrink-0 text-text-secondary' />
+                            <FileArrow01 className="mr-2 h-4 w-4 shrink-0 text-text-secondary" />
                             {t('app.importDSL')}
                           </div>
                         </div>
diff --git a/web/app/components/header/plan-badge/index.tsx b/web/app/components/header/plan-badge/index.tsx
index 292025caeb..4f9cf88e16 100644
--- a/web/app/components/header/plan-badge/index.tsx
+++ b/web/app/components/header/plan-badge/index.tsx
@@ -1,9 +1,9 @@
-import { useProviderContext } from '@/context/provider-context'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiGraduationCapFill,
 } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import { useProviderContext } from '@/context/provider-context'
 import { SparklesSoft } from '../../base/icons/src/public/common'
 import PremiumBadge from '../../base/premium-badge'
 import { Plan } from '../../billing/type'
@@ -19,44 +19,53 @@ const PlanBadge: FC<PlanBadgeProps> = ({ plan, allowHover, sandboxAsUpgrade = fa
   const { isFetchedPlan, isEducationWorkspace } = useProviderContext()
   const { t } = useTranslation()
 
-  if (!isFetchedPlan) return null
+  if (!isFetchedPlan)
+    return null
   if (plan === Plan.sandbox && sandboxAsUpgrade) {
-    return <PremiumBadge className='select-none' color='blue' allowHover={allowHover} onClick={onClick}>
-      <SparklesSoft className='flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0' />
-      <div className='system-xs-medium'>
-        <span className='whitespace-nowrap p-1'>
-          {t('billing.upgradeBtn.encourageShort')}
-        </span>
-      </div>
-    </PremiumBadge>
+    return (
+      <PremiumBadge className="select-none" color="blue" allowHover={allowHover} onClick={onClick}>
+        <SparklesSoft className="flex h-3.5 w-3.5 items-center py-[1px] pl-[3px] text-components-premium-badge-indigo-text-stop-0" />
+        <div className="system-xs-medium">
+          <span className="whitespace-nowrap p-1">
+            {t('billing.upgradeBtn.encourageShort')}
+          </span>
+        </div>
+      </PremiumBadge>
+    )
   }
   if (plan === Plan.sandbox) {
-    return <PremiumBadge className='select-none' size='s' color='gray' allowHover={allowHover} onClick={onClick}>
-      <div className='system-2xs-medium-uppercase'>
-        <span className='p-1'>
-          {plan}
-        </span>
-      </div>
-    </PremiumBadge>
+    return (
+      <PremiumBadge className="select-none" size="s" color="gray" allowHover={allowHover} onClick={onClick}>
+        <div className="system-2xs-medium-uppercase">
+          <span className="p-1">
+            {plan}
+          </span>
+        </div>
+      </PremiumBadge>
+    )
   }
   if (plan === Plan.professional) {
-    return <PremiumBadge className='select-none' size='s' color='blue' allowHover={allowHover} onClick={onClick}>
-      <div className='system-2xs-medium-uppercase'>
-        <span className='inline-flex items-center gap-1 p-1'>
-          {isEducationWorkspace && <RiGraduationCapFill className='h-3 w-3' />}
-          pro
-        </span>
-      </div>
-    </PremiumBadge>
+    return (
+      <PremiumBadge className="select-none" size="s" color="blue" allowHover={allowHover} onClick={onClick}>
+        <div className="system-2xs-medium-uppercase">
+          <span className="inline-flex items-center gap-1 p-1">
+            {isEducationWorkspace && <RiGraduationCapFill className="h-3 w-3" />}
+            pro
+          </span>
+        </div>
+      </PremiumBadge>
+    )
   }
   if (plan === Plan.team) {
-    return <PremiumBadge className='select-none' size='s' color='indigo' allowHover={allowHover} onClick={onClick}>
-      <div className='system-2xs-medium-uppercase'>
-        <span className='p-1'>
-          {plan}
-        </span>
-      </div>
-    </PremiumBadge>
+    return (
+      <PremiumBadge className="select-none" size="s" color="indigo" allowHover={allowHover} onClick={onClick}>
+        <div className="system-2xs-medium-uppercase">
+          <span className="p-1">
+            {plan}
+          </span>
+        </div>
+      </PremiumBadge>
+    )
   }
   return null
 }
diff --git a/web/app/components/header/plugins-nav/downloading-icon.tsx b/web/app/components/header/plugins-nav/downloading-icon.tsx
index d3fc486445..32cb27efdd 100644
--- a/web/app/components/header/plugins-nav/downloading-icon.tsx
+++ b/web/app/components/header/plugins-nav/downloading-icon.tsx
@@ -5,9 +5,9 @@ const DownloadingIcon = () => {
     <div className="inline-flex text-components-button-secondary-text">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="install-icon">
         <g id="install-line">
-          <path d="M8 2V4H5L4.999 14H18.999L19 4H16V2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H8ZM18.999 16H4.999L5 20H19L18.999 16Z" fill="currentColor"/>
-          <path id={s.downloadingIconLight} d="M17 19V17H15V19H17Z"/>
-          <path id={s.downloadingIconArrow} d="M13 2V7H16L12 11L8 7H11V2H13Z" fill="currentColor"/>
+          <path d="M8 2V4H5L4.999 14H18.999L19 4H16V2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H8ZM18.999 16H4.999L5 20H19L18.999 16Z" fill="currentColor" />
+          <path id={s.downloadingIconLight} d="M17 19V17H15V19H17Z" />
+          <path id={s.downloadingIconArrow} d="M13 2V7H16L12 11L8 7H11V2H13Z" fill="currentColor" />
         </g>
       </svg>
     </div>
diff --git a/web/app/components/header/plugins-nav/index.tsx b/web/app/components/header/plugins-nav/index.tsx
index a0d1c7038f..34457ee769 100644
--- a/web/app/components/header/plugins-nav/index.tsx
+++ b/web/app/components/header/plugins-nav/index.tsx
@@ -1,13 +1,13 @@
 'use client'
 
-import { useTranslation } from 'react-i18next'
 import Link from 'next/link'
-import { cn } from '@/utils/classnames'
-import { Group } from '@/app/components/base/icons/src/vender/other'
 import { useSelectedLayoutSegment } from 'next/navigation'
-import DownloadingIcon from './downloading-icon'
-import { usePluginTaskStatus } from '@/app/components/plugins/plugin-page/plugin-tasks/hooks'
+import { useTranslation } from 'react-i18next'
+import { Group } from '@/app/components/base/icons/src/vender/other'
 import Indicator from '@/app/components/header/indicator'
+import { usePluginTaskStatus } from '@/app/components/plugins/plugin-page/plugin-tasks/hooks'
+import { cn } from '@/utils/classnames'
+import DownloadingIcon from './downloading-icon'
 
 type PluginsNavProps = {
   className?: string
@@ -26,27 +26,27 @@ const PluginsNav = ({
   } = usePluginTaskStatus()
 
   return (
-    <Link href="/plugins" className={cn(className, 'group', 'plugins-nav-button',
-       // used for use-fold-anim-into.ts
-    )}>
+    <Link
+      href="/plugins"
+      className={cn(className, 'group', 'plugins-nav-button',
+      // used for use-fold-anim-into.ts
+      )}
+    >
       <div
-        className={cn('system-sm-medium relative flex h-8 flex-row items-center justify-center gap-0.5 rounded-xl border border-transparent p-1.5',
-          activated && 'border-components-main-nav-nav-button-border bg-components-main-nav-nav-button-bg-active text-components-main-nav-nav-button-text shadow-md',
-          !activated && 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
-          (isInstallingWithError || isFailed) && !activated && 'border-components-panel-border-subtle')}
+        className={cn('system-sm-medium relative flex h-8 flex-row items-center justify-center gap-0.5 rounded-xl border border-transparent p-1.5', activated && 'border-components-main-nav-nav-button-border bg-components-main-nav-nav-button-bg-active text-components-main-nav-nav-button-text shadow-md', !activated && 'text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary', (isInstallingWithError || isFailed) && !activated && 'border-components-panel-border-subtle')}
       >
         {
           (isFailed || isInstallingWithError) && !activated && (
             <Indicator
-              color='red'
-              className='absolute left-[-1px] top-[-1px]'
+              color="red"
+              className="absolute left-[-1px] top-[-1px]"
             />
           )
         }
-        <div className='mr-0.5 flex h-5 w-5 items-center justify-center'>
+        <div className="mr-0.5 flex h-5 w-5 items-center justify-center">
           {
             (!(isInstalling || isInstallingWithError) || activated) && (
-              <Group className='h-4 w-4' />
+              <Group className="h-4 w-4" />
             )
           }
           {
@@ -55,7 +55,7 @@ const PluginsNav = ({
             )
           }
         </div>
-        <span className='px-0.5'>{t('common.menus.plugins')}</span>
+        <span className="px-0.5">{t('common.menus.plugins')}</span>
       </div>
     </Link>
   )
diff --git a/web/app/components/header/tools-nav/index.tsx b/web/app/components/header/tools-nav/index.tsx
index 8a3bb4e27f..3a86d10f2e 100644
--- a/web/app/components/header/tools-nav/index.tsx
+++ b/web/app/components/header/tools-nav/index.tsx
@@ -1,13 +1,14 @@
 'use client'
 
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import { useSelectedLayoutSegment } from 'next/navigation'
 import {
   RiHammerFill,
   RiHammerLine,
 } from '@remixicon/react'
+import Link from 'next/link'
+import { useSelectedLayoutSegment } from 'next/navigation'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
+
 type ToolsNavProps = {
   className?: string
 }
@@ -20,16 +21,16 @@ const ToolsNav = ({
   const activated = selectedSegment === 'tools'
 
   return (
-    <Link href="/tools" className={cn('group text-sm font-medium',
-      activated && 'hover:bg-components-main-nav-nav-button-bg-active-hover bg-components-main-nav-nav-button-bg-active font-semibold shadow-md',
-      activated ? 'text-components-main-nav-nav-button-text-active' : 'text-components-main-nav-nav-button-text hover:bg-components-main-nav-nav-button-bg-hover',
-      className)}>
+    <Link
+      href="/tools"
+      className={cn('group text-sm font-medium', activated && 'hover:bg-components-main-nav-nav-button-bg-active-hover bg-components-main-nav-nav-button-bg-active font-semibold shadow-md', activated ? 'text-components-main-nav-nav-button-text-active' : 'text-components-main-nav-nav-button-text hover:bg-components-main-nav-nav-button-bg-hover', className)}
+    >
       {
         activated
-          ? <RiHammerFill className='h-4 w-4' />
-          : <RiHammerLine className='h-4 w-4' />
+          ? <RiHammerFill className="h-4 w-4" />
+          : <RiHammerLine className="h-4 w-4" />
       }
-      <div className='ml-2 max-[1024px]:hidden'>
+      <div className="ml-2 max-[1024px]:hidden">
         {t('common.menus.tools')}
       </div>
     </Link>
diff --git a/web/app/components/i18n-server.tsx b/web/app/components/i18n-server.tsx
index b3ec42dd81..a81d137c59 100644
--- a/web/app/components/i18n-server.tsx
+++ b/web/app/components/i18n-server.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
-import I18N from './i18n'
-import { ToastProvider } from './base/toast'
 import { getLocaleOnServer } from '@/i18n-config/server'
+import { ToastProvider } from './base/toast'
+import I18N from './i18n'
 
 export type II18NServerProps = {
   children: React.ReactNode
diff --git a/web/app/components/i18n.tsx b/web/app/components/i18n.tsx
index 10ae66da43..5bd9de617e 100644
--- a/web/app/components/i18n.tsx
+++ b/web/app/components/i18n.tsx
@@ -1,13 +1,13 @@
 'use client'
 
 import type { FC } from 'react'
+import type { Locale } from '@/i18n-config'
+import { usePrefetchQuery } from '@tanstack/react-query'
 import React, { useEffect, useState } from 'react'
 import I18NContext from '@/context/i18n'
-import type { Locale } from '@/i18n-config'
 import { setLocaleOnClient } from '@/i18n-config'
-import Loading from './base/loading'
-import { usePrefetchQuery } from '@tanstack/react-query'
 import { getSystemFeatures } from '@/service/common'
+import Loading from './base/loading'
 
 export type II18nProps = {
   locale: Locale
@@ -31,14 +31,15 @@ const I18n: FC<II18nProps> = ({
   }, [locale])
 
   if (loading)
-    return <div className='flex h-screen w-screen items-center justify-center'><Loading type='app' /></div>
+    return <div className="flex h-screen w-screen items-center justify-center"><Loading type="app" /></div>
 
   return (
     <I18NContext.Provider value={{
       locale,
       i18n: {},
       setLocaleOnClient,
-    }}>
+    }}
+    >
       {children}
     </I18NContext.Provider>
   )
diff --git a/web/app/components/plugins/base/badges/icon-with-tooltip.tsx b/web/app/components/plugins/base/badges/icon-with-tooltip.tsx
index d22ba02298..0a75334b5f 100644
--- a/web/app/components/plugins/base/badges/icon-with-tooltip.tsx
+++ b/web/app/components/plugins/base/badges/icon-with-tooltip.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
-import { cn } from '@/utils/classnames'
+import type { FC } from 'react'
+import React from 'react'
 import Tooltip from '@/app/components/base/tooltip'
 import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 type IconWithTooltipProps = {
   className?: string
@@ -24,10 +25,10 @@ const IconWithTooltip: FC<IconWithTooltipProps> = ({
 
   return (
     <Tooltip
-      popupClassName='p-1.5 border-[0.5px] border-[0.5px] border-components-panel-border bg-components-tooltip-bg text-text-secondary system-xs-medium'
+      popupClassName="p-1.5 border-[0.5px] border-[0.5px] border-components-panel-border bg-components-tooltip-bg text-text-secondary system-xs-medium"
       popupContent={popupContent}
     >
-      <div className='flex shrink-0 items-center justify-center'>
+      <div className="flex shrink-0 items-center justify-center">
         <Icon className={iconClassName} />
       </div>
     </Tooltip>
diff --git a/web/app/components/plugins/base/badges/partner.tsx b/web/app/components/plugins/base/badges/partner.tsx
index 8e649c5c0e..32fea3c030 100644
--- a/web/app/components/plugins/base/badges/partner.tsx
+++ b/web/app/components/plugins/base/badges/partner.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
-import IconWithTooltip from './icon-with-tooltip'
 import PartnerDark from '@/app/components/base/icons/src/public/plugins/PartnerDark'
 import PartnerLight from '@/app/components/base/icons/src/public/plugins/PartnerLight'
 import useTheme from '@/hooks/use-theme'
+import IconWithTooltip from './icon-with-tooltip'
 
 type PartnerProps = {
   className?: string
diff --git a/web/app/components/plugins/base/badges/verified.tsx b/web/app/components/plugins/base/badges/verified.tsx
index bea45c03ed..3c46b68e43 100644
--- a/web/app/components/plugins/base/badges/verified.tsx
+++ b/web/app/components/plugins/base/badges/verified.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
-import IconWithTooltip from './icon-with-tooltip'
 import VerifiedDark from '@/app/components/base/icons/src/public/plugins/VerifiedDark'
 import VerifiedLight from '@/app/components/base/icons/src/public/plugins/VerifiedLight'
 import useTheme from '@/hooks/use-theme'
+import IconWithTooltip from './icon-with-tooltip'
 
 type VerifiedProps = {
   className?: string
diff --git a/web/app/components/plugins/base/deprecation-notice.tsx b/web/app/components/plugins/base/deprecation-notice.tsx
index ae6ded10fc..3359474669 100644
--- a/web/app/components/plugins/base/deprecation-notice.tsx
+++ b/web/app/components/plugins/base/deprecation-notice.tsx
@@ -1,11 +1,11 @@
-import React, { useMemo } from 'react'
 import type { FC } from 'react'
-import Link from 'next/link'
-import { cn } from '@/utils/classnames'
 import { RiAlertFill } from '@remixicon/react'
-import { Trans } from 'react-i18next'
-import { useMixedTranslation } from '../marketplace/hooks'
 import { camelCase } from 'lodash-es'
+import Link from 'next/link'
+import React, { useMemo } from 'react'
+import { Trans } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import { useMixedTranslation } from '../marketplace/hooks'
 
 type DeprecationNoticeProps = {
   status: 'deleted' | 'active'
@@ -35,13 +35,15 @@ const DeprecationNotice: FC<DeprecationNoticeProps> = ({
   const { t } = useMixedTranslation(locale)
 
   const deprecatedReasonKey = useMemo(() => {
-    if (!deprecatedReason) return ''
+    if (!deprecatedReason)
+      return ''
     return camelCase(deprecatedReason)
   }, [deprecatedReason])
 
   // Check if the deprecatedReasonKey exists in i18n
   const hasValidDeprecatedReason = useMemo(() => {
-    if (!deprecatedReason || !deprecatedReasonKey) return false
+    if (!deprecatedReason || !deprecatedReasonKey)
+      return false
 
     // Define valid reason keys that exist in i18n
     const validReasonKeys = ['businessAdjustments', 'ownershipTransferred', 'noMaintainer']
@@ -56,10 +58,11 @@ const DeprecationNotice: FC<DeprecationNoticeProps> = ({
       <div className={cn(
         'relative flex items-start gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]',
         innerWrapperClassName,
-      )}>
-        <div className='absolute left-0 top-0 -z-10 h-full w-full bg-toast-warning-bg opacity-40' />
+      )}
+      >
+        <div className="absolute left-0 top-0 -z-10 h-full w-full bg-toast-warning-bg opacity-40" />
         <div className={cn('flex size-6 shrink-0 items-center justify-center', iconWrapperClassName)}>
-          <RiAlertFill className='size-4 text-text-warning-secondary' />
+          <RiAlertFill className="size-4 text-text-warning-secondary" />
         </div>
         <div className={cn('system-xs-regular grow py-1 text-text-primary', textClassName)}>
           {
@@ -71,9 +74,9 @@ const DeprecationNotice: FC<DeprecationNoticeProps> = ({
                   CustomLink: (
                     <Link
                       href={alternativePluginURL}
-                      target='_blank'
-                      rel='noopener noreferrer'
-                      className='underline'
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="underline"
                     />
                   ),
                 }}
diff --git a/web/app/components/plugins/base/key-value-item.tsx b/web/app/components/plugins/base/key-value-item.tsx
index 8a9c045b96..07f5193773 100644
--- a/web/app/components/plugins/base/key-value-item.tsx
+++ b/web/app/components/plugins/base/key-value-item.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
-import copy from 'copy-to-clipboard'
 import {
   RiClipboardLine,
 } from '@remixicon/react'
+import copy from 'copy-to-clipboard'
+import React, { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import { cn } from '@/utils/classnames'
 import { CopyCheck } from '../../base/icons/src/vender/line/files'
 import Tooltip from '../../base/tooltip'
-import { cn } from '@/utils/classnames'
-import ActionButton from '@/app/components/base/action-button'
 
 type Props = {
   label: string
@@ -47,15 +47,15 @@ const KeyValueItem: FC<Props> = ({
   const CopyIcon = isCopied ? CopyCheck : RiClipboardLine
 
   return (
-    <div className='flex items-center gap-1'>
+    <div className="flex items-center gap-1">
       <span className={cn('system-xs-medium flex flex-col items-start justify-center text-text-tertiary', labelWidthClassName)}>{label}</span>
-      <div className='flex items-center justify-center gap-0.5'>
+      <div className="flex items-center justify-center gap-0.5">
         <span className={cn(valueMaxWidthClassName, ' system-xs-medium truncate text-text-secondary')}>
           {maskedValue || value}
         </span>
-        <Tooltip popupContent={t(`common.operation.${isCopied ? 'copied' : 'copy'}`)} position='top'>
+        <Tooltip popupContent={t(`common.operation.${isCopied ? 'copied' : 'copy'}`)} position="top">
           <ActionButton onClick={handleCopy}>
-            <CopyIcon className='h-3.5 w-3.5 shrink-0 text-text-tertiary' />
+            <CopyIcon className="h-3.5 w-3.5 shrink-0 text-text-tertiary" />
           </ActionButton>
         </Tooltip>
       </div>
diff --git a/web/app/components/plugins/card/base/card-icon.tsx b/web/app/components/plugins/card/base/card-icon.tsx
index 740834b7a4..55b6e8cc62 100644
--- a/web/app/components/plugins/card/base/card-icon.tsx
+++ b/web/app/components/plugins/card/base/card-icon.tsx
@@ -1,6 +1,6 @@
 import { RiCheckLine, RiCloseLine } from '@remixicon/react'
-import { Mcp } from '@/app/components/base/icons/src/vender/other'
 import AppIcon from '@/app/components/base/app-icon'
+import { Mcp } from '@/app/components/base/icons/src/vender/other'
 import { cn } from '@/utils/classnames'
 import { shouldUseMcpIcon } from '@/utils/mcp'
 
@@ -33,11 +33,11 @@ const Icon = ({
       <div className={cn('relative', className)}>
         <AppIcon
           size={size}
-          iconType={'emoji'}
+          iconType="emoji"
           icon={src.content}
           background={src.background}
-          className='rounded-md'
-          innerIcon={shouldUseMcpIcon(src) ? <Mcp className='h-8 w-8 text-text-primary-on-surface' /> : undefined}
+          className="rounded-md"
+          innerIcon={shouldUseMcpIcon(src) ? <Mcp className="h-8 w-8 text-text-primary-on-surface" /> : undefined}
         />
       </div>
     )
@@ -52,15 +52,19 @@ const Icon = ({
     >
       {
         installed
-        && <div className={cn(iconClassName, 'bg-state-success-solid')}>
-          <RiCheckLine className='h-3 w-3 text-text-primary-on-surface' />
-        </div>
+        && (
+          <div className={cn(iconClassName, 'bg-state-success-solid')}>
+            <RiCheckLine className="h-3 w-3 text-text-primary-on-surface" />
+          </div>
+        )
       }
       {
         installFailed
-        && <div className={cn(iconClassName, 'bg-state-destructive-solid')}>
-          <RiCloseLine className='h-3 w-3 text-text-primary-on-surface' />
-        </div>
+        && (
+          <div className={cn(iconClassName, 'bg-state-destructive-solid')}>
+            <RiCloseLine className="h-3 w-3 text-text-primary-on-surface" />
+          </div>
+        )
       }
     </div>
   )
diff --git a/web/app/components/plugins/card/base/corner-mark.tsx b/web/app/components/plugins/card/base/corner-mark.tsx
index 43c515d49c..bead0fd254 100644
--- a/web/app/components/plugins/card/base/corner-mark.tsx
+++ b/web/app/components/plugins/card/base/corner-mark.tsx
@@ -2,7 +2,7 @@ import { LeftCorner } from '../../../base/icons/src/vender/plugin'
 
 const CornerMark = ({ text }: { text: string }) => {
   return (
-    <div className='absolute right-0 top-0 flex pl-[13px] '>
+    <div className="absolute right-0 top-0 flex pl-[13px] ">
       <LeftCorner className="text-background-section" />
       <div className="system-2xs-medium-uppercase h-5 rounded-tr-xl bg-background-section pr-2 leading-5 text-text-tertiary">{text}</div>
     </div>
diff --git a/web/app/components/plugins/card/base/download-count.tsx b/web/app/components/plugins/card/base/download-count.tsx
index 016a976777..653b595dde 100644
--- a/web/app/components/plugins/card/base/download-count.tsx
+++ b/web/app/components/plugins/card/base/download-count.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { RiInstallLine } from '@remixicon/react'
+import React from 'react'
 import { formatNumber } from '@/utils/format'
 
 type Props = {
diff --git a/web/app/components/plugins/card/base/org-info.tsx b/web/app/components/plugins/card/base/org-info.tsx
index cdecca8dd4..475b877198 100644
--- a/web/app/components/plugins/card/base/org-info.tsx
+++ b/web/app/components/plugins/card/base/org-info.tsx
@@ -1,4 +1,5 @@
 import { cn } from '@/utils/classnames'
+
 type Props = {
   className?: string
   orgName?: string
@@ -16,8 +17,8 @@ const OrgInfo = ({
     <div className={cn('flex h-4 items-center space-x-0.5', className)}>
       {orgName && (
         <>
-          <span className='system-xs-regular shrink-0 text-text-tertiary'>{orgName}</span>
-          <span className='system-xs-regular shrink-0 text-text-quaternary'>/</span>
+          <span className="system-xs-regular shrink-0 text-text-tertiary">{orgName}</span>
+          <span className="system-xs-regular shrink-0 text-text-quaternary">/</span>
         </>
       )}
       <span className={cn('system-xs-regular w-0 shrink-0 grow truncate text-text-tertiary', packageNameClassName)}>
diff --git a/web/app/components/plugins/card/base/placeholder.tsx b/web/app/components/plugins/card/base/placeholder.tsx
index 480f878a87..54919a9d89 100644
--- a/web/app/components/plugins/card/base/placeholder.tsx
+++ b/web/app/components/plugins/card/base/placeholder.tsx
@@ -1,7 +1,7 @@
-import { Group } from '../../../base/icons/src/vender/other'
-import Title from './title'
 import { SkeletonContainer, SkeletonPoint, SkeletonRectangle, SkeletonRow } from '@/app/components/base/skeleton'
 import { cn } from '@/utils/classnames'
+import { Group } from '../../../base/icons/src/vender/other'
+import Title from './title'
 
 type Props = {
   wrapClassName: string
@@ -20,20 +20,23 @@ const Placeholder = ({
     <div className={wrapClassName}>
       <SkeletonRow>
         <div
-          className='flex h-10 w-10 items-center justify-center gap-2 rounded-[10px] border-[0.5px]
-              border-components-panel-border bg-background-default p-1 backdrop-blur-sm'>
-          <div className='flex h-5 w-5 items-center justify-center'>
-            <Group className='text-text-tertiary' />
+          className="flex h-10 w-10 items-center justify-center gap-2 rounded-[10px] border-[0.5px]
+              border-components-panel-border bg-background-default p-1 backdrop-blur-sm"
+        >
+          <div className="flex h-5 w-5 items-center justify-center">
+            <Group className="text-text-tertiary" />
           </div>
         </div>
         <div className="grow">
           <SkeletonContainer>
             <div className="flex h-5 items-center">
-              {loadingFileName ? (
-                <Title title={loadingFileName} />
-              ) : (
-                <SkeletonRectangle className="w-[260px]" />
-              )}
+              {loadingFileName
+                ? (
+                    <Title title={loadingFileName} />
+                  )
+                : (
+                    <SkeletonRectangle className="w-[260px]" />
+                  )}
             </div>
             <SkeletonRow className="h-4">
               <SkeletonRectangle className="w-[41px]" />
diff --git a/web/app/components/plugins/card/base/title.tsx b/web/app/components/plugins/card/base/title.tsx
index 41e66e7ff3..c9270c81b8 100644
--- a/web/app/components/plugins/card/base/title.tsx
+++ b/web/app/components/plugins/card/base/title.tsx
@@ -4,7 +4,7 @@ const Title = ({
   title: string
 }) => {
   return (
-    <div className='system-md-semibold truncate text-text-secondary'>
+    <div className="system-md-semibold truncate text-text-secondary">
       {title}
     </div>
   )
diff --git a/web/app/components/plugins/card/index.tsx b/web/app/components/plugins/card/index.tsx
index 805132c036..af3468629e 100644
--- a/web/app/components/plugins/card/index.tsx
+++ b/web/app/components/plugins/card/index.tsx
@@ -1,18 +1,18 @@
 'use client'
-import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
-import { useGetLanguage } from '@/context/i18n'
-import { renderI18nObject } from '@/i18n-config'
-import { getLanguage } from '@/i18n-config/language'
-import { cn } from '@/utils/classnames'
+import type { Plugin } from '../types'
 import { RiAlertFill } from '@remixicon/react'
 import React from 'react'
+import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
+import { useGetLanguage } from '@/context/i18n'
 import useTheme from '@/hooks/use-theme'
+import { renderI18nObject } from '@/i18n-config'
+import { getLanguage } from '@/i18n-config/language'
 import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import Partner from '../base/badges/partner'
 import Verified from '../base/badges/verified'
 import Icon from '../card/base/card-icon'
 import { useCategories } from '../hooks'
-import type { Plugin } from '../types'
 import CornerMark from './base/corner-mark'
 import Description from './base/description'
 import OrgInfo from './base/org-info'
@@ -79,9 +79,11 @@ const Card = ({
           <div className="ml-3 w-0 grow">
             <div className="flex h-5 items-center">
               <Title title={getLocalizedText(label)} />
-              {isPartner && <Partner className='ml-0.5 h-4 w-4' text={t('plugin.marketplace.partnerTip')} />}
-              {verified && <Verified className='ml-0.5 h-4 w-4' text={t('plugin.marketplace.verifiedTip')} />}
-              {titleLeft} {/* This can be version badge */}
+              {isPartner && <Partner className="ml-0.5 h-4 w-4" text={t('plugin.marketplace.partnerTip')} />}
+              {verified && <Verified className="ml-0.5 h-4 w-4" text={t('plugin.marketplace.verifiedTip')} />}
+              {titleLeft}
+              {' '}
+              {/* This can be version badge */}
             </div>
             <OrgInfo
               className="mt-0.5"
@@ -98,12 +100,14 @@ const Card = ({
         {footer && <div>{footer}</div>}
       </div>
       {limitedInstall
-        && <div className='relative flex h-8 items-center gap-x-2 px-3 after:absolute after:bottom-0 after:left-0 after:right-0 after:top-0 after:bg-toast-warning-bg after:opacity-40'>
-          <RiAlertFill className='h-3 w-3 shrink-0 text-text-warning-secondary' />
-          <p className='system-xs-regular z-10 grow text-text-secondary'>
-            {t('plugin.installModal.installWarning')}
-          </p>
-        </div>}
+        && (
+          <div className="relative flex h-8 items-center gap-x-2 px-3 after:absolute after:bottom-0 after:left-0 after:right-0 after:top-0 after:bg-toast-warning-bg after:opacity-40">
+            <RiAlertFill className="h-3 w-3 shrink-0 text-text-warning-secondary" />
+            <p className="system-xs-regular z-10 grow text-text-secondary">
+              {t('plugin.installModal.installWarning')}
+            </p>
+          </div>
+        )}
     </div>
   )
 }
diff --git a/web/app/components/plugins/install-plugin/base/check-task-status.ts b/web/app/components/plugins/install-plugin/base/check-task-status.ts
index 320f50d70a..374f430a24 100644
--- a/web/app/components/plugins/install-plugin/base/check-task-status.ts
+++ b/web/app/components/plugins/install-plugin/base/check-task-status.ts
@@ -1,7 +1,7 @@
-import { checkTaskStatus as fetchCheckTaskStatus } from '@/service/plugins'
 import type { PluginStatus } from '../../types'
-import { TaskStatus } from '../../types'
+import { checkTaskStatus as fetchCheckTaskStatus } from '@/service/plugins'
 import { sleep } from '@/utils'
+import { TaskStatus } from '../../types'
 
 const INTERVAL = 10 * 1000 // 10 seconds
 
diff --git a/web/app/components/plugins/install-plugin/base/installed.tsx b/web/app/components/plugins/install-plugin/base/installed.tsx
index 4da06efe29..aa4ca7c982 100644
--- a/web/app/components/plugins/install-plugin/base/installed.tsx
+++ b/web/app/components/plugins/install-plugin/base/installed.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { Plugin, PluginDeclaration, PluginManifestInMarket } from '../../types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Card from '../../card'
-import Button from '@/app/components/base/button'
-import type { Plugin, PluginDeclaration, PluginManifestInMarket } from '../../types'
-import { pluginManifestInMarketToPluginProps, pluginManifestToCardPluginProps } from '../utils'
 import Badge, { BadgeState } from '@/app/components/base/badge/index'
+import Button from '@/app/components/base/button'
+import Card from '../../card'
+import { pluginManifestInMarketToPluginProps, pluginManifestToCardPluginProps } from '../utils'
 
 type Props = {
   payload?: Plugin | PluginDeclaration | PluginManifestInMarket | null
@@ -30,25 +30,25 @@ const Installed: FC<Props> = ({
   }
   return (
     <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
-        <p className='system-md-regular text-text-secondary'>{(isFailed && errMsg) ? errMsg : t(`plugin.installModal.${isFailed ? 'installFailedDesc' : 'installedSuccessfullyDesc'}`)}</p>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
+        <p className="system-md-regular text-text-secondary">{(isFailed && errMsg) ? errMsg : t(`plugin.installModal.${isFailed ? 'installFailedDesc' : 'installedSuccessfullyDesc'}`)}</p>
         {payload && (
-          <div className='flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+          <div className="flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2">
             <Card
-              className='w-full'
+              className="w-full"
               payload={isMarketPayload ? pluginManifestInMarketToPluginProps(payload as PluginManifestInMarket) : pluginManifestToCardPluginProps(payload as PluginDeclaration)}
               installed={!isFailed}
               installFailed={isFailed}
-              titleLeft={<Badge className='mx-1' size="s" state={BadgeState.Default}>{(payload as PluginDeclaration).version || (payload as PluginManifestInMarket).latest_version}</Badge>}
+              titleLeft={<Badge className="mx-1" size="s" state={BadgeState.Default}>{(payload as PluginDeclaration).version || (payload as PluginManifestInMarket).latest_version}</Badge>}
             />
           </div>
         )}
       </div>
       {/* Action Buttons */}
-      <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
+      <div className="flex items-center justify-end gap-2 self-stretch p-6 pt-5">
         <Button
-          variant='primary'
-          className='min-w-[72px]'
+          variant="primary"
+          className="min-w-[72px]"
           onClick={handleClose}
         >
           {t('common.operation.close')}
diff --git a/web/app/components/plugins/install-plugin/base/loading-error.tsx b/web/app/components/plugins/install-plugin/base/loading-error.tsx
index a79a381bd3..f0067ed4fd 100644
--- a/web/app/components/plugins/install-plugin/base/loading-error.tsx
+++ b/web/app/components/plugins/install-plugin/base/loading-error.tsx
@@ -1,38 +1,39 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { Group } from '../../../base/icons/src/vender/other'
-import { LoadingPlaceholder } from '@/app/components/plugins/card/base/placeholder'
-import Checkbox from '@/app/components/base/checkbox'
 import { RiCloseLine } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Checkbox from '@/app/components/base/checkbox'
+import { LoadingPlaceholder } from '@/app/components/plugins/card/base/placeholder'
+import { Group } from '../../../base/icons/src/vender/other'
 
 const LoadingError: FC = () => {
   const { t } = useTranslation()
   return (
-    <div className='flex items-center space-x-2'>
+    <div className="flex items-center space-x-2">
       <Checkbox
-        className='shrink-0'
+        className="shrink-0"
         checked={false}
         disabled
       />
-      <div className='hover-bg-components-panel-on-panel-item-bg relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs'>
+      <div className="hover-bg-components-panel-on-panel-item-bg relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
         <div className="flex">
           <div
-            className='relative flex h-10 w-10 items-center justify-center gap-2 rounded-[10px] border-[0.5px]
-              border-state-destructive-border bg-state-destructive-hover p-1 backdrop-blur-sm'>
-            <div className='flex h-5 w-5 items-center justify-center'>
-              <Group className='text-text-quaternary' />
+            className="relative flex h-10 w-10 items-center justify-center gap-2 rounded-[10px] border-[0.5px]
+              border-state-destructive-border bg-state-destructive-hover p-1 backdrop-blur-sm"
+          >
+            <div className="flex h-5 w-5 items-center justify-center">
+              <Group className="text-text-quaternary" />
             </div>
-            <div className='absolute bottom-[-4px] right-[-4px] rounded-full border-[2px] border-components-panel-bg bg-state-destructive-solid'>
-              <RiCloseLine className='h-3 w-3 text-text-primary-on-surface' />
+            <div className="absolute bottom-[-4px] right-[-4px] rounded-full border-[2px] border-components-panel-bg bg-state-destructive-solid">
+              <RiCloseLine className="h-3 w-3 text-text-primary-on-surface" />
             </div>
           </div>
           <div className="ml-3 grow">
             <div className="system-md-semibold flex h-5 items-center text-text-destructive">
               {t('plugin.installModal.pluginLoadError')}
             </div>
-            <div className='system-xs-regular mt-0.5 text-text-tertiary'>
+            <div className="system-xs-regular mt-0.5 text-text-tertiary">
               {t('plugin.installModal.pluginLoadErrorDesc')}
             </div>
           </div>
diff --git a/web/app/components/plugins/install-plugin/base/loading.tsx b/web/app/components/plugins/install-plugin/base/loading.tsx
index 61a91cbb45..973b574c8f 100644
--- a/web/app/components/plugins/install-plugin/base/loading.tsx
+++ b/web/app/components/plugins/install-plugin/base/loading.tsx
@@ -1,19 +1,19 @@
 'use client'
 import React from 'react'
-import Placeholder from '../../card/base/placeholder'
 import Checkbox from '@/app/components/base/checkbox'
+import Placeholder from '../../card/base/placeholder'
 
 const Loading = () => {
   return (
-    <div className='flex items-center space-x-2'>
+    <div className="flex items-center space-x-2">
       <Checkbox
-        className='shrink-0'
+        className="shrink-0"
         checked={false}
         disabled
       />
-      <div className='hover-bg-components-panel-on-panel-item-bg relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs'>
+      <div className="hover-bg-components-panel-on-panel-item-bg relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
         <Placeholder
-          wrapClassName='w-full'
+          wrapClassName="w-full"
         />
       </div>
     </div>
diff --git a/web/app/components/plugins/install-plugin/base/version.tsx b/web/app/components/plugins/install-plugin/base/version.tsx
index 67bbc8ed2e..ad91c91af7 100644
--- a/web/app/components/plugins/install-plugin/base/version.tsx
+++ b/web/app/components/plugins/install-plugin/base/version.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
+import type { VersionProps } from '../../types'
 import React from 'react'
 import Badge, { BadgeState } from '@/app/components/base/badge/index'
-import type { VersionProps } from '../../types'
 
 const Version: FC<VersionProps> = ({
   hasInstalled,
@@ -14,19 +14,19 @@ const Version: FC<VersionProps> = ({
       {
         !hasInstalled
           ? (
-            <Badge className='mx-1' size="s" state={BadgeState.Default}>{toInstallVersion}</Badge>
-          )
+              <Badge className="mx-1" size="s" state={BadgeState.Default}>{toInstallVersion}</Badge>
+            )
           : (
-            <>
-              <Badge className='mx-1' size="s" state={BadgeState.Warning}>
-                {`${installedVersion} -> ${toInstallVersion}`}
-              </Badge>
-              {/* <div className='flex px-0.5 justify-center items-center gap-0.5'>
+              <>
+                <Badge className="mx-1" size="s" state={BadgeState.Warning}>
+                  {`${installedVersion} -> ${toInstallVersion}`}
+                </Badge>
+                {/* <div className='flex px-0.5 justify-center items-center gap-0.5'>
               <div className='text-text-warning system-xs-medium'>Used in 3 apps</div>
               <RiInformation2Line className='w-4 h-4 text-text-tertiary' />
             </div> */}
-            </>
-          )
+              </>
+            )
       }
     </>
   )
diff --git a/web/app/components/plugins/install-plugin/hooks.ts b/web/app/components/plugins/install-plugin/hooks.ts
index 5da4c75c51..2addba4a04 100644
--- a/web/app/components/plugins/install-plugin/hooks.ts
+++ b/web/app/components/plugins/install-plugin/hooks.ts
@@ -1,8 +1,9 @@
-import Toast, { type IToastProps } from '@/app/components/base/toast'
+import type { GitHubRepoReleaseResponse } from '../types'
+import type { IToastProps } from '@/app/components/base/toast'
+import Toast from '@/app/components/base/toast'
+import { GITHUB_ACCESS_TOKEN } from '@/config'
 import { uploadGitHub } from '@/service/plugins'
 import { compareVersion, getLatestVersion } from '@/utils/semver'
-import type { GitHubRepoReleaseResponse } from '../types'
-import { GITHUB_ACCESS_TOKEN } from '@/config'
 
 const formatReleases = (releases: any) => {
   return releases.map((release: any) => ({
@@ -20,7 +21,8 @@ export const useGitHubReleases = () => {
       if (!GITHUB_ACCESS_TOKEN) {
         // Fetch releases without authentication from client
         const res = await fetch(`https://api.github.com/repos/${owner}/${repo}/releases`)
-        if (!res.ok) throw new Error('Failed to fetch repository releases')
+        if (!res.ok)
+          throw new Error('Failed to fetch repository releases')
         const data = await res.json()
         return formatReleases(data)
       }
@@ -28,7 +30,8 @@ export const useGitHubReleases = () => {
         // Fetch releases with authentication from server
         const res = await fetch(`/repos/${owner}/${repo}/releases`)
         const bodyJson = await res.json()
-        if (bodyJson.status !== 200) throw new Error(bodyJson.data.message)
+        if (bodyJson.status !== 200)
+          throw new Error(bodyJson.data.message)
         return formatReleases(bodyJson.data)
       }
     }
@@ -83,7 +86,7 @@ export const useGitHubUpload = () => {
     repoUrl: string,
     selectedVersion: string,
     selectedPackage: string,
-    onSuccess?: (GitHubPackage: { manifest: any; unique_identifier: string }) => void,
+    onSuccess?: (GitHubPackage: { manifest: any, unique_identifier: string }) => void,
   ) => {
     try {
       const response = await uploadGitHub(repoUrl, selectedVersion, selectedPackage)
@@ -91,7 +94,8 @@ export const useGitHubUpload = () => {
         manifest: response.manifest,
         unique_identifier: response.unique_identifier,
       }
-      if (onSuccess) onSuccess(GitHubPackage)
+      if (onSuccess)
+        onSuccess(GitHubPackage)
       return GitHubPackage
     }
     catch (error) {
diff --git a/web/app/components/plugins/install-plugin/hooks/use-check-installed.tsx b/web/app/components/plugins/install-plugin/hooks/use-check-installed.tsx
index e9d83c8c87..a90620dbc6 100644
--- a/web/app/components/plugins/install-plugin/hooks/use-check-installed.tsx
+++ b/web/app/components/plugins/install-plugin/hooks/use-check-installed.tsx
@@ -1,9 +1,10 @@
-import { useCheckInstalled as useDoCheckInstalled } from '@/service/use-plugins'
+import type { VersionInfo } from '../../types'
 
 import { useMemo } from 'react'
-import type { VersionInfo } from '../../types'
+import { useCheckInstalled as useDoCheckInstalled } from '@/service/use-plugins'
+
 type Props = {
-  pluginIds: string[],
+  pluginIds: string[]
   enabled: boolean
 }
 const useCheckInstalled = (props: Props) => {
diff --git a/web/app/components/plugins/install-plugin/hooks/use-install-plugin-limit.tsx b/web/app/components/plugins/install-plugin/hooks/use-install-plugin-limit.tsx
index d668cb3d12..227c572a77 100644
--- a/web/app/components/plugins/install-plugin/hooks/use-install-plugin-limit.tsx
+++ b/web/app/components/plugins/install-plugin/hooks/use-install-plugin-limit.tsx
@@ -1,7 +1,7 @@
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import type { SystemFeatures } from '@/types/feature'
-import { InstallationScope } from '@/types/feature'
 import type { Plugin, PluginManifestInMarket } from '../../types'
+import type { SystemFeatures } from '@/types/feature'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { InstallationScope } from '@/types/feature'
 
 type PluginProps = (Plugin | PluginManifestInMarket) & { from: 'github' | 'marketplace' | 'package' }
 
diff --git a/web/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list.tsx b/web/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list.tsx
index b9413afcdd..d5e1399457 100644
--- a/web/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list.tsx
+++ b/web/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list.tsx
@@ -1,14 +1,14 @@
-import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useProviderContext } from '@/context/provider-context'
-import { useInvalidateInstalledPluginList } from '@/service/use-plugins'
-import { useInvalidateAllBuiltInTools, useInvalidateAllToolProviders, useInvalidateRAGRecommendedPlugins } from '@/service/use-tools'
-import { useInvalidateStrategyProviders } from '@/service/use-strategy'
 import type { Plugin, PluginDeclaration, PluginManifestInMarket } from '../../types'
-import { PluginCategoryEnum } from '../../types'
-import { useInvalidDataSourceList } from '@/service/use-pipeline'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useProviderContext } from '@/context/provider-context'
 import { useInvalidDataSourceListAuth } from '@/service/use-datasource'
+import { useInvalidDataSourceList } from '@/service/use-pipeline'
+import { useInvalidateInstalledPluginList } from '@/service/use-plugins'
+import { useInvalidateStrategyProviders } from '@/service/use-strategy'
+import { useInvalidateAllBuiltInTools, useInvalidateAllToolProviders, useInvalidateRAGRecommendedPlugins } from '@/service/use-tools'
 import { useInvalidateAllTriggerPlugins } from '@/service/use-triggers'
+import { PluginCategoryEnum } from '../../types'
 
 const useRefreshPluginList = () => {
   const invalidateInstalledPluginList = useInvalidateInstalledPluginList()
diff --git a/web/app/components/plugins/install-plugin/install-bundle/index.tsx b/web/app/components/plugins/install-plugin/install-bundle/index.tsx
index 0a7059a52d..0e32ea7164 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/index.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/index.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import Modal from '@/app/components/base/modal'
-import React, { useCallback, useState } from 'react'
-import { InstallStep } from '../../types'
 import type { Dependency } from '../../types'
-import ReadyToInstall from './ready-to-install'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import useHideLogic from '../hooks/use-hide-logic'
+import Modal from '@/app/components/base/modal'
 import { cn } from '@/utils/classnames'
+import { InstallStep } from '../../types'
+import useHideLogic from '../hooks/use-hide-logic'
+import ReadyToInstall from './ready-to-install'
 
 const i18nPrefix = 'plugin.installModal'
 
@@ -55,8 +55,8 @@ const InstallBundle: FC<Props> = ({
       className={cn(modalClassName, 'shadows-shadow-xl flex min-w-[560px] flex-col items-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0')}
       closable
     >
-      <div className='flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6'>
-        <div className='title-2xl-semi-bold self-stretch text-text-primary'>
+      <div className="flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6">
+        <div className="title-2xl-semi-bold self-stretch text-text-primary">
           {getTitle()}
         </div>
       </div>
diff --git a/web/app/components/plugins/install-plugin/install-bundle/item/github-item.tsx b/web/app/components/plugins/install-plugin/install-bundle/item/github-item.tsx
index a298909a7f..382f5473ca 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/item/github-item.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/item/github-item.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect } from 'react'
 import type { GitHubItemAndMarketPlaceDependency, Plugin } from '../../../types'
-import { pluginManifestToCardPluginProps } from '../../utils'
+import type { VersionProps } from '@/app/components/plugins/types'
+import React, { useEffect } from 'react'
 import { useUploadGitHub } from '@/service/use-plugins'
 import Loading from '../../base/loading'
+import { pluginManifestToCardPluginProps } from '../../utils'
 import LoadedItem from './loaded-item'
-import type { VersionProps } from '@/app/components/plugins/types'
 
 type Props = {
   checked: boolean
@@ -46,7 +46,8 @@ const Item: FC<Props> = ({
     if (error)
       onFetchError()
   }, [error])
-  if (!payload) return <Loading />
+  if (!payload)
+    return <Loading />
   return (
     <LoadedItem
       payload={payload}
diff --git a/web/app/components/plugins/install-plugin/install-bundle/item/loaded-item.tsx b/web/app/components/plugins/install-plugin/install-bundle/item/loaded-item.tsx
index cf336ae682..22c48cf55c 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/item/loaded-item.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/item/loaded-item.tsx
@@ -1,13 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { Plugin, VersionProps } from '../../../types'
 import React from 'react'
-import type { Plugin } from '../../../types'
-import Card from '../../../card'
 import Checkbox from '@/app/components/base/checkbox'
-import useGetIcon from '../../base/use-get-icon'
 import { MARKETPLACE_API_PREFIX } from '@/config'
+import Card from '../../../card'
+import useGetIcon from '../../base/use-get-icon'
 import Version from '../../base/version'
-import type { VersionProps } from '../../../types'
 import usePluginInstallLimit from '../../hooks/use-install-plugin-limit'
 
 type Props = {
@@ -32,15 +31,15 @@ const LoadedItem: FC<Props> = ({
   }
   const { canInstall } = usePluginInstallLimit(payload)
   return (
-    <div className='flex items-center space-x-2'>
+    <div className="flex items-center space-x-2">
       <Checkbox
         disabled={!canInstall}
-        className='shrink-0'
+        className="shrink-0"
         checked={checked}
         onCheck={() => onCheckedChange(payload)}
       />
       <Card
-        className='grow'
+        className="grow"
         payload={{
           ...payload,
           icon: isFromMarketPlace ? `${MARKETPLACE_API_PREFIX}/plugins/${payload.org}/${payload.name}/icon` : getIconUrl(payload.icon),
diff --git a/web/app/components/plugins/install-plugin/install-bundle/item/marketplace-item.tsx b/web/app/components/plugins/install-plugin/install-bundle/item/marketplace-item.tsx
index 3389bdb0ad..1502fd0d65 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/item/marketplace-item.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/item/marketplace-item.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { Plugin } from '../../../types'
+import type { VersionProps } from '@/app/components/plugins/types'
+import React from 'react'
 import Loading from '../../base/loading'
 import LoadedItem from './loaded-item'
-import type { VersionProps } from '@/app/components/plugins/types'
 
 type Props = {
   checked: boolean
@@ -21,7 +21,8 @@ const MarketPlaceItem: FC<Props> = ({
   version,
   versionInfo,
 }) => {
-  if (!payload) return <Loading />
+  if (!payload)
+    return <Loading />
   return (
     <LoadedItem
       checked={checked}
diff --git a/web/app/components/plugins/install-plugin/install-bundle/item/package-item.tsx b/web/app/components/plugins/install-plugin/install-bundle/item/package-item.tsx
index eac03011ad..84cee52ccc 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/item/package-item.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/item/package-item.tsx
@@ -1,12 +1,11 @@
 'use client'
 import type { FC } from 'react'
+import type { PackageDependency, Plugin } from '../../../types'
+import type { VersionProps } from '@/app/components/plugins/types'
 import React from 'react'
-import type { Plugin } from '../../../types'
-import type { PackageDependency } from '../../../types'
+import LoadingError from '../../base/loading-error'
 import { pluginManifestToCardPluginProps } from '../../utils'
 import LoadedItem from './loaded-item'
-import LoadingError from '../../base/loading-error'
-import type { VersionProps } from '@/app/components/plugins/types'
 
 type Props = {
   checked: boolean
diff --git a/web/app/components/plugins/install-plugin/install-bundle/ready-to-install.tsx b/web/app/components/plugins/install-plugin/install-bundle/ready-to-install.tsx
index b2b0aefb9b..f10556924c 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/ready-to-install.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/ready-to-install.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { Dependency, InstallStatus, Plugin } from '../../types'
 import React, { useCallback, useState } from 'react'
 import { InstallStep } from '../../types'
 import Install from './steps/install'
 import Installed from './steps/installed'
-import type { Dependency, InstallStatus, Plugin } from '../../types'
 
 type Props = {
   step: InstallStep
-  onStepChange: (step: InstallStep) => void,
+  onStepChange: (step: InstallStep) => void
   onStartToInstall: () => void
   setIsInstalling: (isInstalling: boolean) => void
   allPlugins: Dependency[]
diff --git a/web/app/components/plugins/install-plugin/install-bundle/steps/install-multi.tsx b/web/app/components/plugins/install-plugin/install-bundle/steps/install-multi.tsx
index 62bb9c07e1..f908b4f1c1 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/steps/install-multi.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/steps/install-multi.tsx
@@ -1,16 +1,15 @@
 'use client'
-import { useImperativeHandle } from 'react'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import type { Dependency, GitHubItemAndMarketPlaceDependency, PackageDependency, Plugin, VersionInfo } from '../../../types'
-import MarketplaceItem from '../item/marketplace-item'
-import GithubItem from '../item/github-item'
-import { useFetchPluginsInMarketPlaceByInfo } from '@/service/use-plugins'
-import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
 import { produce } from 'immer'
-import PackageItem from '../item/package-item'
-import LoadingError from '../../base/loading-error'
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react'
+import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useFetchPluginsInMarketPlaceByInfo } from '@/service/use-plugins'
+import LoadingError from '../../base/loading-error'
 import { pluginInstallLimit } from '../../hooks/use-install-plugin-limit'
+import GithubItem from '../item/github-item'
+import MarketplaceItem from '../item/marketplace-item'
+import PackageItem from '../item/package-item'
 
 type Props = {
   allPlugins: Dependency[]
@@ -229,15 +228,17 @@ const InstallByDSLList = ({
         }
         const plugin = plugins[index]
         if (d.type === 'github') {
-          return (<GithubItem
-            key={index}
-            checked={!!selectedPlugins.find(p => p.plugin_id === plugins[index]?.plugin_id)}
-            onCheckedChange={handleSelect(index)}
-            dependency={d as GitHubItemAndMarketPlaceDependency}
-            onFetchedPayload={handleGitHubPluginFetched(index)}
-            onFetchError={handleGitHubPluginFetchError(index)}
-            versionInfo={getVersionInfo(`${plugin?.org || plugin?.author}/${plugin?.name}`)}
-          />)
+          return (
+            <GithubItem
+              key={index}
+              checked={!!selectedPlugins.find(p => p.plugin_id === plugins[index]?.plugin_id)}
+              onCheckedChange={handleSelect(index)}
+              dependency={d as GitHubItemAndMarketPlaceDependency}
+              onFetchedPayload={handleGitHubPluginFetched(index)}
+              onFetchError={handleGitHubPluginFetchError(index)}
+              versionInfo={getVersionInfo(`${plugin?.org || plugin?.author}/${plugin?.name}`)}
+            />
+          )
         }
 
         if (d.type === 'marketplace') {
@@ -264,8 +265,7 @@ const InstallByDSLList = ({
             versionInfo={getVersionInfo(`${plugin?.org || plugin?.author}/${plugin?.name}`)}
           />
         )
-      })
-      }
+      })}
     </>
   )
 }
diff --git a/web/app/components/plugins/install-plugin/install-bundle/steps/install.tsx b/web/app/components/plugins/install-plugin/install-bundle/steps/install.tsx
index a717e0a24a..67c3bde8bc 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/steps/install.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/steps/install.tsx
@@ -1,26 +1,24 @@
 'use client'
 import type { FC } from 'react'
-import { useRef } from 'react'
-import React, { useCallback, useState } from 'react'
-import {
-  type Dependency,
-  type InstallStatus,
-  type InstallStatusResponse,
-  type Plugin,
-  TaskStatus,
-  type VersionInfo,
-} from '../../../types'
-import Button from '@/app/components/base/button'
-import { RiLoader2Line } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
+import type { Dependency, InstallStatus, InstallStatusResponse, Plugin, VersionInfo } from '../../../types'
 import type { ExposeRefs } from './install-multi'
-import InstallMulti from './install-multi'
-import { useInstallOrUpdate, usePluginTaskList } from '@/service/use-plugins'
-import useRefreshPluginList from '../../hooks/use-refresh-plugin-list'
+import { RiLoader2Line } from '@remixicon/react'
+import React, { useCallback, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Checkbox from '@/app/components/base/checkbox'
 import { useCanInstallPluginFromMarketplace } from '@/app/components/plugins/plugin-page/use-reference-setting'
 import { useMittContextSelector } from '@/context/mitt-context'
-import Checkbox from '@/app/components/base/checkbox'
+import { useInstallOrUpdate, usePluginTaskList } from '@/service/use-plugins'
+import {
+
+  TaskStatus,
+
+} from '../../../types'
 import checkTaskStatus from '../../base/check-task-status'
+import useRefreshPluginList from '../../hooks/use-refresh-plugin-list'
+import InstallMulti from './install-multi'
+
 const i18nPrefix = 'plugin.installModal'
 
 type Props = {
@@ -172,11 +170,11 @@ const Install: FC<Props> = ({
   const { canInstallPluginFromMarketplace } = useCanInstallPluginFromMarketplace()
   return (
     <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
-        <div className='system-md-regular text-text-secondary'>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
+        <div className="system-md-regular text-text-secondary">
           <p>{t(`${i18nPrefix}.${selectedPluginsNum > 1 ? 'readyToInstallPackages' : 'readyToInstallPackage'}`, { num: selectedPluginsNum })}</p>
         </div>
-        <div className='w-full space-y-1 rounded-2xl bg-background-section-burn p-2'>
+        <div className="w-full space-y-1 rounded-2xl bg-background-section-burn p-2">
           <InstallMulti
             ref={installMultiRef}
             allPlugins={allPlugins}
@@ -191,26 +189,28 @@ const Install: FC<Props> = ({
       </div>
       {/* Action Buttons */}
       {!isHideButton && (
-        <div className='flex items-center justify-between gap-2 self-stretch p-6 pt-5'>
-          <div className='px-2'>
-            {canInstall && <div className='flex items-center gap-x-2' onClick={handleClickSelectAll}>
-              <Checkbox checked={isSelectAll} indeterminate={isIndeterminate} />
-              <p className='system-sm-medium cursor-pointer text-text-secondary'>{isSelectAll ? t('common.operation.deSelectAll') : t('common.operation.selectAll')}</p>
-            </div>}
+        <div className="flex items-center justify-between gap-2 self-stretch p-6 pt-5">
+          <div className="px-2">
+            {canInstall && (
+              <div className="flex items-center gap-x-2" onClick={handleClickSelectAll}>
+                <Checkbox checked={isSelectAll} indeterminate={isIndeterminate} />
+                <p className="system-sm-medium cursor-pointer text-text-secondary">{isSelectAll ? t('common.operation.deSelectAll') : t('common.operation.selectAll')}</p>
+              </div>
+            )}
           </div>
-          <div className='flex items-center justify-end gap-2 self-stretch'>
+          <div className="flex items-center justify-end gap-2 self-stretch">
             {!canInstall && (
-              <Button variant='secondary' className='min-w-[72px]' onClick={handleCancel}>
+              <Button variant="secondary" className="min-w-[72px]" onClick={handleCancel}>
                 {t('common.operation.cancel')}
               </Button>
             )}
             <Button
-              variant='primary'
-              className='flex min-w-[72px] space-x-0.5'
+              variant="primary"
+              className="flex min-w-[72px] space-x-0.5"
               disabled={!canInstall || isInstalling || selectedPlugins.length === 0 || !canInstallPluginFromMarketplace}
               onClick={handleInstall}
             >
-              {isInstalling && <RiLoader2Line className='h-4 w-4 animate-spin-slow' />}
+              {isInstalling && <RiLoader2Line className="h-4 w-4 animate-spin-slow" />}
               <span>{t(`${i18nPrefix}.${isInstalling ? 'installing' : 'install'}`)}</span>
             </Button>
           </div>
diff --git a/web/app/components/plugins/install-plugin/install-bundle/steps/installed.tsx b/web/app/components/plugins/install-plugin/install-bundle/steps/installed.tsx
index f787882211..2fb7aab9d2 100644
--- a/web/app/components/plugins/install-plugin/install-bundle/steps/installed.tsx
+++ b/web/app/components/plugins/install-plugin/install-bundle/steps/installed.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { InstallStatus, Plugin } from '../../../types'
-import Card from '@/app/components/plugins/card'
-import Button from '@/app/components/base/button'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Badge, { BadgeState } from '@/app/components/base/badge/index'
-import useGetIcon from '../../base/use-get-icon'
+import Button from '@/app/components/base/button'
+import Card from '@/app/components/plugins/card'
 import { MARKETPLACE_API_PREFIX } from '@/config'
+import useGetIcon from '../../base/use-get-icon'
 
 type Props = {
   list: Plugin[]
@@ -26,21 +26,21 @@ const Installed: FC<Props> = ({
   const { getIconUrl } = useGetIcon()
   return (
     <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
         {/* <p className='text-text-secondary system-md-regular'>{(isFailed && errMsg) ? errMsg : t(`plugin.installModal.${isFailed ? 'installFailedDesc' : 'installedSuccessfullyDesc'}`)}</p> */}
-        <div className='flex flex-wrap content-start items-start gap-1 space-y-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+        <div className="flex flex-wrap content-start items-start gap-1 space-y-1 self-stretch rounded-2xl bg-background-section-burn p-2">
           {list.map((plugin, index) => {
             return (
               <Card
                 key={plugin.plugin_id}
-                className='w-full'
+                className="w-full"
                 payload={{
                   ...plugin,
                   icon: installStatus[index].isFromMarketPlace ? `${MARKETPLACE_API_PREFIX}/plugins/${plugin.org}/${plugin.name}/icon` : getIconUrl(plugin.icon),
                 }}
                 installed={installStatus[index].success}
                 installFailed={!installStatus[index].success}
-                titleLeft={plugin.version ? <Badge className='mx-1' size="s" state={BadgeState.Default}>{plugin.version}</Badge> : null}
+                titleLeft={plugin.version ? <Badge className="mx-1" size="s" state={BadgeState.Default}>{plugin.version}</Badge> : null}
               />
             )
           })}
@@ -48,10 +48,10 @@ const Installed: FC<Props> = ({
       </div>
       {/* Action Buttons */}
       {!isHideButton && (
-        <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
+        <div className="flex items-center justify-end gap-2 self-stretch p-6 pt-5">
           <Button
-            variant='primary'
-            className='min-w-[72px]'
+            variant="primary"
+            className="min-w-[72px]"
             onClick={onCancel}
           >
             {t('common.operation.close')}
diff --git a/web/app/components/plugins/install-plugin/install-from-github/index.tsx b/web/app/components/plugins/install-plugin/install-from-github/index.tsx
index fcdc8510bc..291e5d4eca 100644
--- a/web/app/components/plugins/install-plugin/install-from-github/index.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-github/index.tsx
@@ -1,23 +1,23 @@
 'use client'
 
-import React, { useCallback, useState } from 'react'
-import Modal from '@/app/components/base/modal'
+import type { PluginDeclaration, UpdateFromGitHubPayload } from '../../types'
 import type { Item } from '@/app/components/base/select'
 import type { InstallState } from '@/app/components/plugins/types'
-import { useGitHubReleases } from '../hooks'
-import { convertRepoToUrl, parseGitHubUrl } from '../utils'
-import type { PluginDeclaration, UpdateFromGitHubPayload } from '../../types'
-import { InstallStepFromGitHub } from '../../types'
-import Toast from '@/app/components/base/toast'
-import SetURL from './steps/setURL'
-import SelectPackage from './steps/selectPackage'
-import Installed from '../base/installed'
-import Loaded from './steps/loaded'
-import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import useRefreshPluginList from '../hooks/use-refresh-plugin-list'
+import Modal from '@/app/components/base/modal'
+import Toast from '@/app/components/base/toast'
+import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
 import { cn } from '@/utils/classnames'
+import { InstallStepFromGitHub } from '../../types'
+import Installed from '../base/installed'
+import { useGitHubReleases } from '../hooks'
 import useHideLogic from '../hooks/use-hide-logic'
+import useRefreshPluginList from '../hooks/use-refresh-plugin-list'
+import { convertRepoToUrl, parseGitHubUrl } from '../utils'
+import Loaded from './steps/loaded'
+import SelectPackage from './steps/selectPackage'
+import SetURL from './steps/setURL'
 
 const i18nPrefix = 'plugin.installFromGitHub'
 
@@ -60,12 +60,12 @@ const InstallFromGitHub: React.FC<InstallFromGitHubProps> = ({ updatePayload, on
 
   const packages: Item[] = state.selectedVersion
     ? (state.releases
-      .find(release => release.tag_name === state.selectedVersion)
-      ?.assets
-      .map(asset => ({
-        value: asset.name,
-        name: asset.name,
-      })) || [])
+        .find(release => release.tag_name === state.selectedVersion)
+        ?.assets
+        .map(asset => ({
+          value: asset.name,
+          name: asset.name,
+        })) || [])
     : []
 
   const getTitle = useCallback(() => {
@@ -172,62 +172,66 @@ const InstallFromGitHub: React.FC<InstallFromGitHubProps> = ({ updatePayload, on
         border-components-panel-border bg-components-panel-bg p-0`)}
       closable
     >
-      <div className='flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6'>
-        <div className='flex grow flex-col items-start gap-1'>
-          <div className='title-2xl-semi-bold self-stretch text-text-primary'>
+      <div className="flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6">
+        <div className="flex grow flex-col items-start gap-1">
+          <div className="title-2xl-semi-bold self-stretch text-text-primary">
             {getTitle()}
           </div>
-          <div className='system-xs-regular self-stretch text-text-tertiary'>
+          <div className="system-xs-regular self-stretch text-text-tertiary">
             {!([InstallStepFromGitHub.uploadFailed, InstallStepFromGitHub.installed, InstallStepFromGitHub.installFailed].includes(state.step)) && t('plugin.installFromGitHub.installNote')}
           </div>
         </div>
       </div>
       {([InstallStepFromGitHub.uploadFailed, InstallStepFromGitHub.installed, InstallStepFromGitHub.installFailed].includes(state.step))
-        ? <Installed
-          payload={manifest}
-          isFailed={[InstallStepFromGitHub.uploadFailed, InstallStepFromGitHub.installFailed].includes(state.step)}
-          errMsg={errorMsg}
-          onCancel={onClose}
-        />
-        : <div className={`flex flex-col items-start justify-center self-stretch px-6 py-3 ${state.step === InstallStepFromGitHub.installed ? 'gap-2' : 'gap-4'}`}>
-          {state.step === InstallStepFromGitHub.setUrl && (
-            <SetURL
-              repoUrl={state.repoUrl}
-              onChange={value => setState(prevState => ({ ...prevState, repoUrl: value }))}
-              onNext={handleUrlSubmit}
+        ? (
+            <Installed
+              payload={manifest}
+              isFailed={[InstallStepFromGitHub.uploadFailed, InstallStepFromGitHub.installFailed].includes(state.step)}
+              errMsg={errorMsg}
               onCancel={onClose}
             />
+          )
+        : (
+            <div className={`flex flex-col items-start justify-center self-stretch px-6 py-3 ${state.step === InstallStepFromGitHub.installed ? 'gap-2' : 'gap-4'}`}>
+              {state.step === InstallStepFromGitHub.setUrl && (
+                <SetURL
+                  repoUrl={state.repoUrl}
+                  onChange={value => setState(prevState => ({ ...prevState, repoUrl: value }))}
+                  onNext={handleUrlSubmit}
+                  onCancel={onClose}
+                />
+              )}
+              {state.step === InstallStepFromGitHub.selectPackage && (
+                <SelectPackage
+                  updatePayload={updatePayload!}
+                  repoUrl={state.repoUrl}
+                  selectedVersion={state.selectedVersion}
+                  versions={versions}
+                  onSelectVersion={item => setState(prevState => ({ ...prevState, selectedVersion: item.value as string }))}
+                  selectedPackage={state.selectedPackage}
+                  packages={packages}
+                  onSelectPackage={item => setState(prevState => ({ ...prevState, selectedPackage: item.value as string }))}
+                  onUploaded={handleUploaded}
+                  onFailed={handleUploadFail}
+                  onBack={handleBack}
+                />
+              )}
+              {state.step === InstallStepFromGitHub.readyToInstall && (
+                <Loaded
+                  updatePayload={updatePayload!}
+                  uniqueIdentifier={uniqueIdentifier!}
+                  payload={manifest as any}
+                  repoUrl={state.repoUrl}
+                  selectedVersion={state.selectedVersion}
+                  selectedPackage={state.selectedPackage}
+                  onBack={handleBack}
+                  onStartToInstall={handleStartToInstall}
+                  onInstalled={handleInstalled}
+                  onFailed={handleFailed}
+                />
+              )}
+            </div>
           )}
-          {state.step === InstallStepFromGitHub.selectPackage && (
-            <SelectPackage
-              updatePayload={updatePayload!}
-              repoUrl={state.repoUrl}
-              selectedVersion={state.selectedVersion}
-              versions={versions}
-              onSelectVersion={item => setState(prevState => ({ ...prevState, selectedVersion: item.value as string }))}
-              selectedPackage={state.selectedPackage}
-              packages={packages}
-              onSelectPackage={item => setState(prevState => ({ ...prevState, selectedPackage: item.value as string }))}
-              onUploaded={handleUploaded}
-              onFailed={handleUploadFail}
-              onBack={handleBack}
-            />
-          )}
-          {state.step === InstallStepFromGitHub.readyToInstall && (
-            <Loaded
-              updatePayload={updatePayload!}
-              uniqueIdentifier={uniqueIdentifier!}
-              payload={manifest as any}
-              repoUrl={state.repoUrl}
-              selectedVersion={state.selectedVersion}
-              selectedPackage={state.selectedPackage}
-              onBack={handleBack}
-              onStartToInstall={handleStartToInstall}
-              onInstalled={handleInstalled}
-              onFailed={handleFailed}
-            />
-          )}
-        </div>}
     </Modal>
   )
 }
diff --git a/web/app/components/plugins/install-plugin/install-from-github/steps/loaded.tsx b/web/app/components/plugins/install-plugin/install-from-github/steps/loaded.tsx
index c544d5dc90..27cc8b7498 100644
--- a/web/app/components/plugins/install-plugin/install-from-github/steps/loaded.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-github/steps/loaded.tsx
@@ -1,19 +1,18 @@
 'use client'
 
-import React, { useEffect } from 'react'
-import Button from '@/app/components/base/button'
-import { type Plugin, type PluginDeclaration, TaskStatus, type UpdateFromGitHubPayload } from '../../../types'
-import Card from '../../../card'
-import { pluginManifestToCardPluginProps } from '../../utils'
-import { useTranslation } from 'react-i18next'
-import { updateFromGitHub } from '@/service/plugins'
-import { useInstallPackageFromGitHub } from '@/service/use-plugins'
+import type { Plugin, PluginDeclaration, UpdateFromGitHubPayload } from '../../../types'
 import { RiLoader2Line } from '@remixicon/react'
-import { usePluginTaskList } from '@/service/use-plugins'
-import checkTaskStatus from '../../base/check-task-status'
+import React, { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
-import { parseGitHubUrl } from '../../utils'
+import { updateFromGitHub } from '@/service/plugins'
+import { useInstallPackageFromGitHub, usePluginTaskList } from '@/service/use-plugins'
+import Card from '../../../card'
+import { TaskStatus } from '../../../types'
+import checkTaskStatus from '../../base/check-task-status'
 import Version from '../../base/version'
+import { parseGitHubUrl, pluginManifestToCardPluginProps } from '../../utils'
 
 type LoadedProps = {
   updatePayload: UpdateFromGitHubPayload
@@ -64,7 +63,8 @@ const Loaded: React.FC<LoadedProps> = ({
   }, [hasInstalled])
 
   const handleInstall = async () => {
-    if (isInstalling) return
+    if (isInstalling)
+      return
     setIsInstalling(true)
     onStartToInstall?.()
 
@@ -142,33 +142,35 @@ const Loaded: React.FC<LoadedProps> = ({
 
   return (
     <>
-      <div className='system-md-regular text-text-secondary'>
+      <div className="system-md-regular text-text-secondary">
         <p>{t(`${i18nPrefix}.readyToInstall`)}</p>
       </div>
-      <div className='flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+      <div className="flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2">
         <Card
-          className='w-full'
+          className="w-full"
           payload={pluginManifestToCardPluginProps(payload as PluginDeclaration)}
-          titleLeft={!isLoading && <Version
-            hasInstalled={hasInstalled}
-            installedVersion={installedVersion}
-            toInstallVersion={toInstallVersion}
-          />}
+          titleLeft={!isLoading && (
+            <Version
+              hasInstalled={hasInstalled}
+              installedVersion={installedVersion}
+              toInstallVersion={toInstallVersion}
+            />
+          )}
         />
       </div>
-      <div className='mt-4 flex items-center justify-end gap-2 self-stretch'>
+      <div className="mt-4 flex items-center justify-end gap-2 self-stretch">
         {!isInstalling && (
-          <Button variant='secondary' className='min-w-[72px]' onClick={onBack}>
+          <Button variant="secondary" className="min-w-[72px]" onClick={onBack}>
             {t('plugin.installModal.back')}
           </Button>
         )}
         <Button
-          variant='primary'
-          className='flex min-w-[72px] space-x-0.5'
+          variant="primary"
+          className="flex min-w-[72px] space-x-0.5"
           onClick={handleInstall}
           disabled={isInstalling || isLoading}
         >
-          {isInstalling && <RiLoader2Line className='h-4 w-4 animate-spin-slow' />}
+          {isInstalling && <RiLoader2Line className="h-4 w-4 animate-spin-slow" />}
           <span>{t(`${i18nPrefix}.${isInstalling ? 'installing' : 'install'}`)}</span>
         </Button>
       </div>
diff --git a/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx b/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx
index c77d0d0a70..8fdd0c8b8a 100644
--- a/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx
@@ -1,11 +1,11 @@
 'use client'
 
-import React from 'react'
-import type { Item } from '@/app/components/base/select'
-import { PortalSelect } from '@/app/components/base/select'
-import Button from '@/app/components/base/button'
 import type { PluginDeclaration, UpdateFromGitHubPayload } from '../../../types'
+import type { Item } from '@/app/components/base/select'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { PortalSelect } from '@/app/components/base/select'
 import { useGitHubUpload } from '../../hooks'
 
 const i18nPrefix = 'plugin.installFromGitHub'
@@ -46,7 +46,8 @@ const SelectPackage: React.FC<SelectPackageProps> = ({
   const { handleUpload } = useGitHubUpload()
 
   const handleUploadPackage = async () => {
-    if (isUploading) return
+    if (isUploading)
+      return
     setIsUploading(true)
     try {
       const repo = repoUrl.replace('https://github.com/', '')
@@ -71,10 +72,10 @@ const SelectPackage: React.FC<SelectPackageProps> = ({
   return (
     <>
       <label
-        htmlFor='version'
-        className='flex flex-col items-start justify-center self-stretch text-text-secondary'
+        htmlFor="version"
+        className="flex flex-col items-start justify-center self-stretch text-text-secondary"
       >
-        <span className='system-sm-semibold'>{t(`${i18nPrefix}.selectVersion`)}</span>
+        <span className="system-sm-semibold">{t(`${i18nPrefix}.selectVersion`)}</span>
       </label>
       <PortalSelect
         value={selectedVersion}
@@ -82,14 +83,14 @@ const SelectPackage: React.FC<SelectPackageProps> = ({
         items={versions}
         installedValue={updatePayload?.originalPackageInfo.version}
         placeholder={t(`${i18nPrefix}.selectVersionPlaceholder`) || ''}
-        popupClassName='w-[512px] z-[1001]'
-        triggerClassName='text-components-input-text-filled'
+        popupClassName="w-[512px] z-[1001]"
+        triggerClassName="text-components-input-text-filled"
       />
       <label
-        htmlFor='package'
-        className='flex flex-col items-start justify-center self-stretch text-text-secondary'
+        htmlFor="package"
+        className="flex flex-col items-start justify-center self-stretch text-text-secondary"
       >
-        <span className='system-sm-semibold'>{t(`${i18nPrefix}.selectPackage`)}</span>
+        <span className="system-sm-semibold">{t(`${i18nPrefix}.selectPackage`)}</span>
       </label>
       <PortalSelect
         value={selectedPackage}
@@ -97,23 +98,24 @@ const SelectPackage: React.FC<SelectPackageProps> = ({
         items={packages}
         readonly={!selectedVersion}
         placeholder={t(`${i18nPrefix}.selectPackagePlaceholder`) || ''}
-        popupClassName='w-[512px] z-[1001]'
-        triggerClassName='text-components-input-text-filled'
+        popupClassName="w-[512px] z-[1001]"
+        triggerClassName="text-components-input-text-filled"
       />
-      <div className='mt-4 flex items-center justify-end gap-2 self-stretch'>
+      <div className="mt-4 flex items-center justify-end gap-2 self-stretch">
         {!isEdit
-          && <Button
-            variant='secondary'
-            className='min-w-[72px]'
-            onClick={onBack}
-            disabled={isUploading}
-          >
-            {t('plugin.installModal.back')}
-          </Button>
-        }
+          && (
+            <Button
+              variant="secondary"
+              className="min-w-[72px]"
+              onClick={onBack}
+              disabled={isUploading}
+            >
+              {t('plugin.installModal.back')}
+            </Button>
+          )}
         <Button
-          variant='primary'
-          className='min-w-[72px]'
+          variant="primary"
+          className="min-w-[72px]"
           onClick={handleUploadPackage}
           disabled={!selectedVersion || !selectedPackage || isUploading}
         >
diff --git a/web/app/components/plugins/install-plugin/install-from-github/steps/setURL.tsx b/web/app/components/plugins/install-plugin/install-from-github/steps/setURL.tsx
index be8ac67ab6..f07005a253 100644
--- a/web/app/components/plugins/install-plugin/install-from-github/steps/setURL.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-github/steps/setURL.tsx
@@ -1,8 +1,8 @@
 'use client'
 
 import React from 'react'
-import Button from '@/app/components/base/button'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 
 type SetURLProps = {
   repoUrl: string
@@ -16,33 +16,33 @@ const SetURL: React.FC<SetURLProps> = ({ repoUrl, onChange, onNext, onCancel })
   return (
     <>
       <label
-        htmlFor='repoUrl'
-        className='flex flex-col items-start justify-center self-stretch text-text-secondary'
+        htmlFor="repoUrl"
+        className="flex flex-col items-start justify-center self-stretch text-text-secondary"
       >
-        <span className='system-sm-semibold'>{t('plugin.installFromGitHub.gitHubRepo')}</span>
+        <span className="system-sm-semibold">{t('plugin.installFromGitHub.gitHubRepo')}</span>
       </label>
       <input
-        type='url'
-        id='repoUrl'
-        name='repoUrl'
+        type="url"
+        id="repoUrl"
+        name="repoUrl"
         value={repoUrl}
         onChange={e => onChange(e.target.value)}
-        className='shadows-shadow-xs system-sm-regular flex grow items-center gap-[2px]
+        className="shadows-shadow-xs system-sm-regular flex grow items-center gap-[2px]
           self-stretch overflow-hidden text-ellipsis rounded-lg border border-components-input-border-active
-          bg-components-input-bg-active p-2 text-components-input-text-filled'
-        placeholder='Please enter GitHub repo URL'
+          bg-components-input-bg-active p-2 text-components-input-text-filled"
+        placeholder="Please enter GitHub repo URL"
       />
-      <div className='mt-4 flex items-center justify-end gap-2 self-stretch'>
+      <div className="mt-4 flex items-center justify-end gap-2 self-stretch">
         <Button
-          variant='secondary'
-          className='min-w-[72px]'
+          variant="secondary"
+          className="min-w-[72px]"
           onClick={onCancel}
         >
           {t('plugin.installModal.cancel')}
         </Button>
         <Button
-          variant='primary'
-          className='min-w-[72px]'
+          variant="primary"
+          className="min-w-[72px]"
           onClick={onNext}
           disabled={!repoUrl.trim()}
         >
diff --git a/web/app/components/plugins/install-plugin/install-from-local-package/index.tsx b/web/app/components/plugins/install-plugin/install-from-local-package/index.tsx
index fa5c29aa24..4c0f26a2b9 100644
--- a/web/app/components/plugins/install-plugin/install-from-local-package/index.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-local-package/index.tsx
@@ -1,16 +1,16 @@
 'use client'
 
-import React, { useCallback, useState } from 'react'
-import Modal from '@/app/components/base/modal'
 import type { Dependency, PluginDeclaration } from '../../types'
-import { InstallStep } from '../../types'
-import Uploading from './steps/uploading'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Modal from '@/app/components/base/modal'
 import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
-import ReadyToInstallPackage from './ready-to-install'
-import ReadyToInstallBundle from '../install-bundle/ready-to-install'
-import useHideLogic from '../hooks/use-hide-logic'
 import { cn } from '@/utils/classnames'
+import { InstallStep } from '../../types'
+import useHideLogic from '../hooks/use-hide-logic'
+import ReadyToInstallBundle from '../install-bundle/ready-to-install'
+import ReadyToInstallPackage from './ready-to-install'
+import Uploading from './steps/uploading'
 
 const i18nPrefix = 'plugin.installModal'
 
@@ -91,8 +91,8 @@ const InstallFromLocalPackage: React.FC<InstallFromLocalPackageProps> = ({
       className={cn(modalClassName, 'shadows-shadow-xl flex min-w-[560px] flex-col items-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0')}
       closable
     >
-      <div className='flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6'>
-        <div className='title-2xl-semi-bold self-stretch text-text-primary'>
+      <div className="flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6">
+        <div className="title-2xl-semi-bold self-stretch text-text-primary">
           {getTitle()}
         </div>
       </div>
@@ -106,28 +106,30 @@ const InstallFromLocalPackage: React.FC<InstallFromLocalPackageProps> = ({
           onFailed={handleUploadFail}
         />
       )}
-      {isBundle ? (
-        <ReadyToInstallBundle
-          step={step}
-          onStepChange={setStep}
-          onStartToInstall={handleStartToInstall}
-          setIsInstalling={setIsInstalling}
-          onClose={onClose}
-          allPlugins={dependencies}
-        />
-      ) : (
-        <ReadyToInstallPackage
-          step={step}
-          onStepChange={setStep}
-          onStartToInstall={handleStartToInstall}
-          setIsInstalling={setIsInstalling}
-          onClose={onClose}
-          uniqueIdentifier={uniqueIdentifier}
-          manifest={manifest}
-          errorMsg={errorMsg}
-          onError={setErrorMsg}
-        />
-      )}
+      {isBundle
+        ? (
+            <ReadyToInstallBundle
+              step={step}
+              onStepChange={setStep}
+              onStartToInstall={handleStartToInstall}
+              setIsInstalling={setIsInstalling}
+              onClose={onClose}
+              allPlugins={dependencies}
+            />
+          )
+        : (
+            <ReadyToInstallPackage
+              step={step}
+              onStepChange={setStep}
+              onStartToInstall={handleStartToInstall}
+              setIsInstalling={setIsInstalling}
+              onClose={onClose}
+              uniqueIdentifier={uniqueIdentifier}
+              manifest={manifest}
+              errorMsg={errorMsg}
+              onError={setErrorMsg}
+            />
+          )}
     </Modal>
   )
 }
diff --git a/web/app/components/plugins/install-plugin/install-from-local-package/ready-to-install.tsx b/web/app/components/plugins/install-plugin/install-from-local-package/ready-to-install.tsx
index f85cde1e2a..5afe9ccf90 100644
--- a/web/app/components/plugins/install-plugin/install-from-local-package/ready-to-install.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-local-package/ready-to-install.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import type { PluginDeclaration } from '../../types'
+import React, { useCallback } from 'react'
 import { InstallStep } from '../../types'
-import Install from './steps/install'
 import Installed from '../base/installed'
 import useRefreshPluginList from '../hooks/use-refresh-plugin-list'
+import Install from './steps/install'
 
 type Props = {
   step: InstallStep
-  onStepChange: (step: InstallStep) => void,
+  onStepChange: (step: InstallStep) => void
   onStartToInstall: () => void
   setIsInstalling: (isInstalling: boolean) => void
   onClose: () => void
-  uniqueIdentifier: string | null,
-  manifest: PluginDeclaration | null,
-  errorMsg: string | null,
-  onError: (errorMsg: string) => void,
+  uniqueIdentifier: string | null
+  manifest: PluginDeclaration | null
+  errorMsg: string | null
+  onError: (errorMsg: string) => void
 }
 
 const ReadyToInstall: FC<Props> = ({
diff --git a/web/app/components/plugins/install-plugin/install-from-local-package/steps/install.tsx b/web/app/components/plugins/install-plugin/install-from-local-package/steps/install.tsx
index ff4bb8de90..b8a6891d64 100644
--- a/web/app/components/plugins/install-plugin/install-from-local-package/steps/install.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-local-package/steps/install.tsx
@@ -1,19 +1,20 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useMemo } from 'react'
-import { type PluginDeclaration, TaskStatus } from '../../../types'
-import Card from '../../../card'
-import { pluginManifestToCardPluginProps } from '../../utils'
-import Button from '@/app/components/base/button'
-import { Trans, useTranslation } from 'react-i18next'
+import type { PluginDeclaration } from '../../../types'
 import { RiLoader2Line } from '@remixicon/react'
-import checkTaskStatus from '../../base/check-task-status'
-import { useInstallPackageFromLocal, usePluginTaskList } from '@/service/use-plugins'
-import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
-import { uninstallPlugin } from '@/service/plugins'
-import Version from '../../base/version'
-import { useAppContext } from '@/context/app-context'
+import React, { useEffect, useMemo } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
 import { gte } from 'semver'
+import Button from '@/app/components/base/button'
+import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
+import { useAppContext } from '@/context/app-context'
+import { uninstallPlugin } from '@/service/plugins'
+import { useInstallPackageFromLocal, usePluginTaskList } from '@/service/use-plugins'
+import Card from '../../../card'
+import { TaskStatus } from '../../../types'
+import checkTaskStatus from '../../base/check-task-status'
+import Version from '../../base/version'
+import { pluginManifestToCardPluginProps } from '../../utils'
 
 const i18nPrefix = 'plugin.installModal'
 
@@ -65,7 +66,8 @@ const Installed: FC<Props> = ({
 
   const { handleRefetch } = usePluginTaskList(payload.category)
   const handleInstall = async () => {
-    if (isInstalling) return
+    if (isInstalling)
+      return
     setIsInstalling(true)
     onStartToInstall?.()
 
@@ -113,47 +115,49 @@ const Installed: FC<Props> = ({
 
   return (
     <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
-        <div className='system-md-regular text-text-secondary'>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
+        <div className="system-md-regular text-text-secondary">
           <p>{t(`${i18nPrefix}.readyToInstall`)}</p>
           <p>
             <Trans
               i18nKey={`${i18nPrefix}.fromTrustSource`}
-              components={{ trustSource: <span className='system-md-semibold' /> }}
+              components={{ trustSource: <span className="system-md-semibold" /> }}
             />
           </p>
           {!isDifyVersionCompatible && (
-            <p className='system-md-regular flex items-center gap-1 text-text-warning'>
+            <p className="system-md-regular flex items-center gap-1 text-text-warning">
               {t('plugin.difyVersionNotCompatible', { minimalDifyVersion: payload.meta.minimum_dify_version })}
             </p>
           )}
         </div>
-        <div className='flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+        <div className="flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2">
           <Card
-            className='w-full'
+            className="w-full"
             payload={pluginManifestToCardPluginProps(payload)}
-            titleLeft={!isLoading && <Version
-              hasInstalled={hasInstalled}
-              installedVersion={installedVersion}
-              toInstallVersion={toInstallVersion}
-            />}
+            titleLeft={!isLoading && (
+              <Version
+                hasInstalled={hasInstalled}
+                installedVersion={installedVersion}
+                toInstallVersion={toInstallVersion}
+              />
+            )}
           />
         </div>
       </div>
       {/* Action Buttons */}
-      <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
+      <div className="flex items-center justify-end gap-2 self-stretch p-6 pt-5">
         {!isInstalling && (
-          <Button variant='secondary' className='min-w-[72px]' onClick={handleCancel}>
+          <Button variant="secondary" className="min-w-[72px]" onClick={handleCancel}>
             {t('common.operation.cancel')}
           </Button>
         )}
         <Button
-          variant='primary'
-          className='flex min-w-[72px] space-x-0.5'
+          variant="primary"
+          className="flex min-w-[72px] space-x-0.5"
           disabled={isInstalling || isLoading}
           onClick={handleInstall}
         >
-          {isInstalling && <RiLoader2Line className='h-4 w-4 animate-spin-slow' />}
+          {isInstalling && <RiLoader2Line className="h-4 w-4 animate-spin-slow" />}
           <span>{t(`${i18nPrefix}.${isInstalling ? 'installing' : 'install'}`)}</span>
         </Button>
       </div>
diff --git a/web/app/components/plugins/install-plugin/install-from-local-package/steps/uploading.tsx b/web/app/components/plugins/install-plugin/install-from-local-package/steps/uploading.tsx
index a72b40bb27..fb591064ed 100644
--- a/web/app/components/plugins/install-plugin/install-from-local-package/steps/uploading.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-local-package/steps/uploading.tsx
@@ -1,12 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { RiLoader2Line } from '@remixicon/react'
-import Card from '../../../card'
 import type { Dependency, PluginDeclaration } from '../../../types'
-import Button from '@/app/components/base/button'
+import { RiLoader2Line } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import { uploadFile } from '@/service/plugins'
+import Card from '../../../card'
+
 const i18nPrefix = 'plugin.installModal'
 
 type Props = {
@@ -58,18 +59,18 @@ const Uploading: FC<Props> = ({
   }, [])
   return (
     <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
-        <div className='flex items-center gap-1 self-stretch'>
-          <RiLoader2Line className='h-4 w-4 animate-spin-slow text-text-accent' />
-          <div className='system-md-regular text-text-secondary'>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
+        <div className="flex items-center gap-1 self-stretch">
+          <RiLoader2Line className="h-4 w-4 animate-spin-slow text-text-accent" />
+          <div className="system-md-regular text-text-secondary">
             {t(`${i18nPrefix}.uploadingPackage`, {
               packageName: fileName,
             })}
           </div>
         </div>
-        <div className='flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+        <div className="flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2">
           <Card
-            className='w-full'
+            className="w-full"
             payload={{ name: fileName } as any}
             isLoading
             loadingFileName={fileName}
@@ -79,13 +80,13 @@ const Uploading: FC<Props> = ({
       </div>
 
       {/* Action Buttons */}
-      <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
-        <Button variant='secondary' className='min-w-[72px]' onClick={onCancel}>
+      <div className="flex items-center justify-end gap-2 self-stretch p-6 pt-5">
+        <Button variant="secondary" className="min-w-[72px]" onClick={onCancel}>
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
-          className='min-w-[72px]'
+          variant="primary"
+          className="min-w-[72px]"
           disabled
         >
           {t(`${i18nPrefix}.install`)}
diff --git a/web/app/components/plugins/install-plugin/install-from-marketplace/index.tsx b/web/app/components/plugins/install-plugin/install-from-marketplace/index.tsx
index 44f3c1bee7..72ec874d6f 100644
--- a/web/app/components/plugins/install-plugin/install-from-marketplace/index.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-marketplace/index.tsx
@@ -1,16 +1,16 @@
 'use client'
 
-import React, { useCallback, useState } from 'react'
-import Modal from '@/app/components/base/modal'
 import type { Dependency, Plugin, PluginManifestInMarket } from '../../types'
-import { InstallStep } from '../../types'
-import Install from './steps/install'
-import Installed from '../base/installed'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Modal from '@/app/components/base/modal'
+import { cn } from '@/utils/classnames'
+import { InstallStep } from '../../types'
+import Installed from '../base/installed'
+import useHideLogic from '../hooks/use-hide-logic'
 import useRefreshPluginList from '../hooks/use-refresh-plugin-list'
 import ReadyToInstallBundle from '../install-bundle/ready-to-install'
-import { cn } from '@/utils/classnames'
-import useHideLogic from '../hooks/use-hide-logic'
+import Install from './steps/install'
 
 const i18nPrefix = 'plugin.installModal'
 
@@ -72,53 +72,57 @@ const InstallFromMarketplace: React.FC<InstallFromMarketplaceProps> = ({
     <Modal
       isShow={true}
       onClose={foldAnimInto}
-      wrapperClassName='z-[9999]'
+      wrapperClassName="z-[9999]"
       className={cn(modalClassName, 'shadows-shadow-xl flex min-w-[560px] flex-col items-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0')}
       closable
     >
-      <div className='flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6'>
-        <div className='title-2xl-semi-bold self-stretch text-text-primary'>
+      <div className="flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6">
+        <div className="title-2xl-semi-bold self-stretch text-text-primary">
           {getTitle()}
         </div>
       </div>
       {
-        isBundle ? (
-          <ReadyToInstallBundle
-            step={step}
-            onStepChange={setStep}
-            onStartToInstall={handleStartToInstall}
-            setIsInstalling={setIsInstalling}
-            onClose={onClose}
-            allPlugins={dependencies!}
-            isFromMarketPlace
-          />
-        ) : (<>
-          {
-            step === InstallStep.readyToInstall && (
-              <Install
-                uniqueIdentifier={uniqueIdentifier}
-                payload={manifest!}
-                onCancel={onClose}
-                onInstalled={handleInstalled}
-                onFailed={handleFailed}
+        isBundle
+          ? (
+              <ReadyToInstallBundle
+                step={step}
+                onStepChange={setStep}
                 onStartToInstall={handleStartToInstall}
-              />
-            )}
-          {
-            [InstallStep.installed, InstallStep.installFailed].includes(step) && (
-              <Installed
-                payload={manifest!}
-                isMarketPayload
-                isFailed={step === InstallStep.installFailed}
-                errMsg={errorMsg}
-                onCancel={onSuccess}
+                setIsInstalling={setIsInstalling}
+                onClose={onClose}
+                allPlugins={dependencies!}
+                isFromMarketPlace
               />
             )
-          }
-        </>
-        )
+          : (
+              <>
+                {
+                  step === InstallStep.readyToInstall && (
+                    <Install
+                      uniqueIdentifier={uniqueIdentifier}
+                      payload={manifest!}
+                      onCancel={onClose}
+                      onInstalled={handleInstalled}
+                      onFailed={handleFailed}
+                      onStartToInstall={handleStartToInstall}
+                    />
+                  )
+                }
+                {
+                  [InstallStep.installed, InstallStep.installFailed].includes(step) && (
+                    <Installed
+                      payload={manifest!}
+                      isMarketPayload
+                      isFailed={step === InstallStep.installFailed}
+                      errMsg={errorMsg}
+                      onCancel={onSuccess}
+                    />
+                  )
+                }
+              </>
+            )
       }
-    </Modal >
+    </Modal>
   )
 }
 
diff --git a/web/app/components/plugins/install-plugin/install-from-marketplace/steps/install.tsx b/web/app/components/plugins/install-plugin/install-from-marketplace/steps/install.tsx
index 3bbf8c9a39..8a8af380c3 100644
--- a/web/app/components/plugins/install-plugin/install-from-marketplace/steps/install.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-marketplace/steps/install.tsx
@@ -1,21 +1,21 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useMemo } from 'react'
-// import { RiInformation2Line } from '@remixicon/react'
-import { type Plugin, type PluginManifestInMarket, TaskStatus } from '../../../types'
-import Card from '../../../card'
-import { pluginManifestInMarketToPluginProps } from '../../utils'
-import Button from '@/app/components/base/button'
-import { useTranslation } from 'react-i18next'
+import type { Plugin, PluginManifestInMarket } from '../../../types'
 import { RiLoader2Line } from '@remixicon/react'
-import { useInstallPackageFromMarketPlace, usePluginDeclarationFromMarketPlace, useUpdatePackageFromMarketPlace } from '@/service/use-plugins'
-import checkTaskStatus from '../../base/check-task-status'
-import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
-import Version from '../../base/version'
-import { usePluginTaskList } from '@/service/use-plugins'
+import React, { useEffect, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { gte } from 'semver'
+import Button from '@/app/components/base/button'
+import useCheckInstalled from '@/app/components/plugins/install-plugin/hooks/use-check-installed'
 import { useAppContext } from '@/context/app-context'
+import { useInstallPackageFromMarketPlace, usePluginDeclarationFromMarketPlace, usePluginTaskList, useUpdatePackageFromMarketPlace } from '@/service/use-plugins'
+import Card from '../../../card'
+// import { RiInformation2Line } from '@remixicon/react'
+import { TaskStatus } from '../../../types'
+import checkTaskStatus from '../../base/check-task-status'
+import Version from '../../base/version'
 import useInstallPluginLimit from '../../hooks/use-install-plugin-limit'
+import { pluginManifestInMarketToPluginProps } from '../../utils'
 
 const i18nPrefix = 'plugin.installModal'
 
@@ -67,7 +67,8 @@ const Installed: FC<Props> = ({
   }
 
   const handleInstall = async () => {
-    if (isInstalling) return
+    if (isInstalling)
+      return
     onStartToInstall?.()
     setIsInstalling(true)
     try {
@@ -122,49 +123,52 @@ const Installed: FC<Props> = ({
   const { langGeniusVersionInfo } = useAppContext()
   const { data: pluginDeclaration } = usePluginDeclarationFromMarketPlace(uniqueIdentifier)
   const isDifyVersionCompatible = useMemo(() => {
-    if (!pluginDeclaration || !langGeniusVersionInfo.current_version) return true
+    if (!pluginDeclaration || !langGeniusVersionInfo.current_version)
+      return true
     return gte(langGeniusVersionInfo.current_version, pluginDeclaration?.manifest.meta.minimum_dify_version ?? '0.0.0')
   }, [langGeniusVersionInfo.current_version, pluginDeclaration])
 
   const { canInstall } = useInstallPluginLimit({ ...payload, from: 'marketplace' })
   return (
     <>
-      <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
-        <div className='system-md-regular text-text-secondary'>
+      <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
+        <div className="system-md-regular text-text-secondary">
           <p>{t(`${i18nPrefix}.readyToInstall`)}</p>
           {!isDifyVersionCompatible && (
-            <p className='system-md-regular text-text-warning'>
+            <p className="system-md-regular text-text-warning">
               {t('plugin.difyVersionNotCompatible', { minimalDifyVersion: pluginDeclaration?.manifest.meta.minimum_dify_version })}
             </p>
           )}
         </div>
-        <div className='flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+        <div className="flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2">
           <Card
-            className='w-full'
+            className="w-full"
             payload={pluginManifestInMarketToPluginProps(payload as PluginManifestInMarket)}
-            titleLeft={!isLoading && <Version
-              hasInstalled={hasInstalled}
-              installedVersion={installedVersion}
-              toInstallVersion={toInstallVersion}
-            />}
+            titleLeft={!isLoading && (
+              <Version
+                hasInstalled={hasInstalled}
+                installedVersion={installedVersion}
+                toInstallVersion={toInstallVersion}
+              />
+            )}
             limitedInstall={!canInstall}
           />
         </div>
       </div>
       {/* Action Buttons */}
-      <div className='flex items-center justify-end gap-2 self-stretch p-6 pt-5'>
+      <div className="flex items-center justify-end gap-2 self-stretch p-6 pt-5">
         {!isInstalling && (
-          <Button variant='secondary' className='min-w-[72px]' onClick={handleCancel}>
+          <Button variant="secondary" className="min-w-[72px]" onClick={handleCancel}>
             {t('common.operation.cancel')}
           </Button>
         )}
         <Button
-          variant='primary'
-          className='flex min-w-[72px] space-x-0.5'
+          variant="primary"
+          className="flex min-w-[72px] space-x-0.5"
           disabled={isInstalling || isLoading || !canInstall}
           onClick={handleInstall}
         >
-          {isInstalling && <RiLoader2Line className='h-4 w-4 animate-spin-slow' />}
+          {isInstalling && <RiLoader2Line className="h-4 w-4 animate-spin-slow" />}
           <span>{t(`${i18nPrefix}.${isInstalling ? 'installing' : 'install'}`)}</span>
         </Button>
       </div>
diff --git a/web/app/components/plugins/marketplace/context.tsx b/web/app/components/plugins/marketplace/context.tsx
index 78f452452a..ec76d3440f 100644
--- a/web/app/components/plugins/marketplace/context.tsx
+++ b/web/app/components/plugins/marketplace/context.tsx
@@ -3,6 +3,14 @@
 import type {
   ReactNode,
 } from 'react'
+import type { Plugin } from '../types'
+import type {
+  MarketplaceCollection,
+  PluginsSort,
+  SearchParams,
+  SearchParamsFromCollection,
+} from './types'
+import { debounce, noop } from 'lodash-es'
 import {
   useCallback,
   useEffect,
@@ -14,31 +22,23 @@ import {
   createContext,
   useContextSelector,
 } from 'use-context-selector'
-import { PLUGIN_TYPE_SEARCH_MAP } from './plugin-type-switch'
-import type { Plugin } from '../types'
+import { useInstalledPluginList } from '@/service/use-plugins'
 import {
   getValidCategoryKeys,
   getValidTagKeys,
 } from '../utils'
-import type {
-  MarketplaceCollection,
-  PluginsSort,
-  SearchParams,
-  SearchParamsFromCollection,
-} from './types'
 import { DEFAULT_SORT } from './constants'
 import {
   useMarketplaceCollectionsAndPlugins,
   useMarketplaceContainerScroll,
   useMarketplacePlugins,
 } from './hooks'
+import { PLUGIN_TYPE_SEARCH_MAP } from './plugin-type-switch'
 import {
   getMarketplaceListCondition,
   getMarketplaceListFilterType,
   updateSearchParams,
 } from './utils'
-import { useInstalledPluginList } from '@/service/use-plugins'
-import { debounce, noop } from 'lodash-es'
 
 export type MarketplaceContextValue = {
   searchPluginText: string
diff --git a/web/app/components/plugins/marketplace/description/index.tsx b/web/app/components/plugins/marketplace/description/index.tsx
index db27f6bae4..5b1ac6bb09 100644
--- a/web/app/components/plugins/marketplace/description/index.tsx
+++ b/web/app/components/plugins/marketplace/description/index.tsx
@@ -16,14 +16,14 @@ const Description = async ({
 
   return (
     <>
-      <h1 className='title-4xl-semi-bold mb-2 shrink-0 text-center text-text-primary'>
+      <h1 className="title-4xl-semi-bold mb-2 shrink-0 text-center text-text-primary">
         {t('marketplace.empower')}
       </h1>
-      <h2 className='body-md-regular flex shrink-0 items-center justify-center text-center text-text-tertiary'>
+      <h2 className="body-md-regular flex shrink-0 items-center justify-center text-center text-text-tertiary">
         {
           isZhHans && (
             <>
-              <span className='mr-1'>{tCommon('operation.in')}</span>
+              <span className="mr-1">{tCommon('operation.in')}</span>
               {t('marketplace.difyMarketplace')}
               {t('marketplace.discover')}
             </>
@@ -66,7 +66,7 @@ const Description = async ({
         {
           !isZhHans && (
             <>
-              <span className='mr-1'>{tCommon('operation.in')}</span>
+              <span className="mr-1">{tCommon('operation.in')}</span>
               {t('marketplace.difyMarketplace')}
             </>
           )
diff --git a/web/app/components/plugins/marketplace/empty/index.tsx b/web/app/components/plugins/marketplace/empty/index.tsx
index a26cf3c3b7..5e5d4a6c6c 100644
--- a/web/app/components/plugins/marketplace/empty/index.tsx
+++ b/web/app/components/plugins/marketplace/empty/index.tsx
@@ -1,8 +1,8 @@
 'use client'
 import { Group } from '@/app/components/base/icons/src/vender/other'
-import Line from './line'
-import { cn } from '@/utils/classnames'
 import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
+import { cn } from '@/utils/classnames'
+import Line from './line'
 
 type Props = {
   text?: string
@@ -40,19 +40,20 @@ const Empty = ({
       {
         !lightCard && (
           <div
-            className='absolute inset-0 z-[1] bg-marketplace-plugin-empty'
-          ></div>
+            className="absolute inset-0 z-[1] bg-marketplace-plugin-empty"
+          >
+          </div>
         )
       }
-      <div className='absolute left-1/2 top-1/2 z-[2] flex -translate-x-1/2 -translate-y-1/2 flex-col items-center'>
-        <div className='relative mb-3 flex h-14 w-14 items-center justify-center rounded-xl border border-dashed border-divider-deep bg-components-card-bg shadow-lg'>
-          <Group className='h-5 w-5 text-text-primary' />
-          <Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' />
-          <Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' />
-          <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' />
-          <Line className='absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90' />
+      <div className="absolute left-1/2 top-1/2 z-[2] flex -translate-x-1/2 -translate-y-1/2 flex-col items-center">
+        <div className="relative mb-3 flex h-14 w-14 items-center justify-center rounded-xl border border-dashed border-divider-deep bg-components-card-bg shadow-lg">
+          <Group className="h-5 w-5 text-text-primary" />
+          <Line className="absolute right-[-1px] top-1/2 -translate-y-1/2" />
+          <Line className="absolute left-[-1px] top-1/2 -translate-y-1/2" />
+          <Line className="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90" />
+          <Line className="absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90" />
         </div>
-        <div className='system-md-regular text-center text-text-tertiary'>
+        <div className="system-md-regular text-center text-text-tertiary">
           {text || t('plugin.marketplace.noPluginFound')}
         </div>
       </div>
diff --git a/web/app/components/plugins/marketplace/empty/line.tsx b/web/app/components/plugins/marketplace/empty/line.tsx
index 35afcc0d03..9c47155443 100644
--- a/web/app/components/plugins/marketplace/empty/line.tsx
+++ b/web/app/components/plugins/marketplace/empty/line.tsx
@@ -13,13 +13,13 @@ const Line = ({
 
   if (isDarkMode) {
     return (
-      <svg xmlns='http://www.w3.org/2000/svg' width='2' height='240' viewBox='0 0 2 240' fill='none' className={className}>
-        <path d='M1 0L1 240' stroke='url(#paint0_linear_6295_52176)' />
+      <svg xmlns="http://www.w3.org/2000/svg" width="2" height="240" viewBox="0 0 2 240" fill="none" className={className}>
+        <path d="M1 0L1 240" stroke="url(#paint0_linear_6295_52176)" />
         <defs>
-          <linearGradient id='paint0_linear_6295_52176' x1='-7.99584' y1='240' x2='-7.88094' y2='3.95539e-05' gradientUnits='userSpaceOnUse'>
-            <stop stopOpacity='0.01' />
-            <stop offset='0.503965' stopColor='#C8CEDA' stopOpacity='0.14' />
-            <stop offset='1' stopOpacity='0.01' />
+          <linearGradient id="paint0_linear_6295_52176" x1="-7.99584" y1="240" x2="-7.88094" y2="3.95539e-05" gradientUnits="userSpaceOnUse">
+            <stop stopOpacity="0.01" />
+            <stop offset="0.503965" stopColor="#C8CEDA" stopOpacity="0.14" />
+            <stop offset="1" stopOpacity="0.01" />
           </linearGradient>
         </defs>
       </svg>
@@ -27,13 +27,13 @@ const Line = ({
   }
 
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='2' height='241' viewBox='0 0 2 241' fill='none' className={className}>
-      <path d='M1 0.5L1 240.5' stroke='url(#paint0_linear_1989_74474)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="2" height="241" viewBox="0 0 2 241" fill="none" className={className}>
+      <path d="M1 0.5L1 240.5" stroke="url(#paint0_linear_1989_74474)" />
       <defs>
-        <linearGradient id='paint0_linear_1989_74474' x1='-7.99584' y1='240.5' x2='-7.88094' y2='0.50004' gradientUnits='userSpaceOnUse'>
-          <stop stopColor='white' stopOpacity='0.01' />
-          <stop offset='0.503965' stopColor='#101828' stopOpacity='0.08' />
-          <stop offset='1' stopColor='white' stopOpacity='0.01' />
+        <linearGradient id="paint0_linear_1989_74474" x1="-7.99584" y1="240.5" x2="-7.88094" y2="0.50004" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white" stopOpacity="0.01" />
+          <stop offset="0.503965" stopColor="#101828" stopOpacity="0.08" />
+          <stop offset="1" stopColor="white" stopOpacity="0.01" />
         </linearGradient>
       </defs>
     </svg>
diff --git a/web/app/components/plugins/marketplace/hooks.ts b/web/app/components/plugins/marketplace/hooks.ts
index 93891511e4..5dc03be2b7 100644
--- a/web/app/components/plugins/marketplace/hooks.ts
+++ b/web/app/components/plugins/marketplace/hooks.ts
@@ -1,15 +1,3 @@
-import {
-  useCallback,
-  useEffect,
-  useState,
-} from 'react'
-import {
-  useInfiniteQuery,
-  useQuery,
-  useQueryClient,
-} from '@tanstack/react-query'
-import { useTranslation } from 'react-i18next'
-import { useDebounceFn } from 'ahooks'
 import type {
   Plugin,
 } from '../types'
@@ -18,15 +6,27 @@ import type {
   MarketplaceCollection,
   PluginsSearchParams,
 } from './types'
+import type { PluginsFromMarketplaceResponse } from '@/app/components/plugins/types'
+import {
+  useInfiniteQuery,
+  useQuery,
+  useQueryClient,
+} from '@tanstack/react-query'
+import { useDebounceFn } from 'ahooks'
+import {
+  useCallback,
+  useEffect,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import i18n from '@/i18n-config/i18next-config'
+import { postMarketplace } from '@/service/base'
+import { SCROLL_BOTTOM_THRESHOLD } from './constants'
 import {
   getFormattedPlugin,
   getMarketplaceCollectionsAndPlugins,
   getMarketplacePluginsByCollectionId,
 } from './utils'
-import { SCROLL_BOTTOM_THRESHOLD } from './constants'
-import i18n from '@/i18n-config/i18next-config'
-import { postMarketplace } from '@/service/base'
-import type { PluginsFromMarketplaceResponse } from '@/app/components/plugins/types'
 
 export const useMarketplaceCollectionsAndPlugins = () => {
   const [queryParams, setQueryParams] = useState<CollectionsAndPluginsSearchParams>()
diff --git a/web/app/components/plugins/marketplace/index.tsx b/web/app/components/plugins/marketplace/index.tsx
index 952a9db90f..47acb840e4 100644
--- a/web/app/components/plugins/marketplace/index.tsx
+++ b/web/app/components/plugins/marketplace/index.tsx
@@ -1,11 +1,11 @@
-import { MarketplaceContextProvider } from './context'
-import Description from './description'
-import StickySearchAndSwitchWrapper from './sticky-search-and-switch-wrapper'
-import ListWrapper from './list/list-wrapper'
 import type { MarketplaceCollection, SearchParams } from './types'
 import type { Plugin } from '@/app/components/plugins/types'
-import { getMarketplaceCollectionsAndPlugins } from './utils'
 import { TanstackQueryInitializer } from '@/context/query-client'
+import { MarketplaceContextProvider } from './context'
+import Description from './description'
+import ListWrapper from './list/list-wrapper'
+import StickySearchAndSwitchWrapper from './sticky-search-and-switch-wrapper'
+import { getMarketplaceCollectionsAndPlugins } from './utils'
 
 type MarketplaceProps = {
   locale: string
diff --git a/web/app/components/plugins/marketplace/list/card-wrapper.tsx b/web/app/components/plugins/marketplace/list/card-wrapper.tsx
index 785718e697..9ca005fe52 100644
--- a/web/app/components/plugins/marketplace/list/card-wrapper.tsx
+++ b/web/app/components/plugins/marketplace/list/card-wrapper.tsx
@@ -1,17 +1,17 @@
 'use client'
-import React, { useMemo } from 'react'
-import { useTheme } from 'next-themes'
+import type { Plugin } from '@/app/components/plugins/types'
 import { RiArrowRightUpLine } from '@remixicon/react'
-import { getPluginDetailLinkInMarketplace, getPluginLinkInMarketplace } from '../utils'
+import { useBoolean } from 'ahooks'
+import { useTheme } from 'next-themes'
+import React, { useMemo } from 'react'
+import Button from '@/app/components/base/button'
 import Card from '@/app/components/plugins/card'
 import CardMoreInfo from '@/app/components/plugins/card/card-more-info'
-import type { Plugin } from '@/app/components/plugins/types'
-import Button from '@/app/components/base/button'
-import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
-import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
-import { useBoolean } from 'ahooks'
-import { useI18N } from '@/context/i18n'
 import { useTags } from '@/app/components/plugins/hooks'
+import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
+import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
+import { useI18N } from '@/context/i18n'
+import { getPluginDetailLinkInMarketplace, getPluginLinkInMarketplace } from '../utils'
 
 type CardWrapperProps = {
   plugin: Plugin
@@ -40,45 +40,41 @@ const CardWrapperComponent = ({
 
   // Memoize tag labels to prevent recreating array on every render
   const tagLabels = useMemo(() =>
-    plugin.tags.map(tag => getTagLabel(tag.name)),
-  [plugin.tags, getTagLabel],
-  )
+    plugin.tags.map(tag => getTagLabel(tag.name)), [plugin.tags, getTagLabel])
 
   if (showInstallButton) {
     return (
       <div
-        className='group relative cursor-pointer rounded-xl  hover:bg-components-panel-on-panel-item-bg-hover'
+        className="group relative cursor-pointer rounded-xl  hover:bg-components-panel-on-panel-item-bg-hover"
       >
         <Card
           key={plugin.name}
           payload={plugin}
           locale={locale}
-          footer={
+          footer={(
             <CardMoreInfo
               downloadCount={plugin.install_count}
               tags={tagLabels}
             />
-          }
+          )}
         />
-        {
-          <div className='absolute bottom-0 hidden w-full items-center space-x-2 rounded-b-xl bg-gradient-to-tr from-components-panel-on-panel-item-bg to-background-gradient-mask-transparent px-4 pb-4 pt-4 group-hover:flex'>
+        <div className="absolute bottom-0 hidden w-full items-center space-x-2 rounded-b-xl bg-gradient-to-tr from-components-panel-on-panel-item-bg to-background-gradient-mask-transparent px-4 pb-4 pt-4 group-hover:flex">
+          <Button
+            variant="primary"
+            className="w-[calc(50%-4px)]"
+            onClick={showInstallFromMarketplace}
+          >
+            {t('plugin.detailPanel.operation.install')}
+          </Button>
+          <a href={getPluginLinkInMarketplace(plugin, marketplaceLinkParams)} target="_blank" className="block w-[calc(50%-4px)] flex-1 shrink-0">
             <Button
-              variant='primary'
-              className='w-[calc(50%-4px)]'
-              onClick={showInstallFromMarketplace}
+              className="w-full gap-0.5"
             >
-              {t('plugin.detailPanel.operation.install')}
+              {t('plugin.detailPanel.operation.detail')}
+              <RiArrowRightUpLine className="ml-1 h-4 w-4" />
             </Button>
-            <a href={getPluginLinkInMarketplace(plugin, marketplaceLinkParams)} target='_blank' className='block w-[calc(50%-4px)] flex-1 shrink-0'>
-              <Button
-                className='w-full gap-0.5'
-              >
-                {t('plugin.detailPanel.operation.detail')}
-                <RiArrowRightUpLine className='ml-1 h-4 w-4' />
-              </Button>
-            </a>
-          </div>
-        }
+          </a>
+        </div>
         {
           isShowInstallFromMarketplace && (
             <InstallFromMarketplace
@@ -95,19 +91,19 @@ const CardWrapperComponent = ({
 
   return (
     <a
-      className='group relative inline-block cursor-pointer rounded-xl'
+      className="group relative inline-block cursor-pointer rounded-xl"
       href={getPluginDetailLinkInMarketplace(plugin)}
     >
       <Card
         key={plugin.name}
         payload={plugin}
         locale={locale}
-        footer={
+        footer={(
           <CardMoreInfo
             downloadCount={plugin.install_count}
             tags={tagLabels}
           />
-        }
+        )}
       />
     </a>
   )
diff --git a/web/app/components/plugins/marketplace/list/index.tsx b/web/app/components/plugins/marketplace/list/index.tsx
index 4d4438fec0..95f7cb37a8 100644
--- a/web/app/components/plugins/marketplace/list/index.tsx
+++ b/web/app/components/plugins/marketplace/list/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { Plugin } from '../../types'
 import type { MarketplaceCollection } from '../types'
-import ListWithCollection from './list-with-collection'
-import CardWrapper from './card-wrapper'
-import Empty from '../empty'
 import { cn } from '@/utils/classnames'
+import Empty from '../empty'
+import CardWrapper from './card-wrapper'
+import ListWithCollection from './list-with-collection'
 
 type ListProps = {
   marketplaceCollections: MarketplaceCollection[]
@@ -48,7 +48,8 @@ const List = ({
           <div className={cn(
             'grid grid-cols-4 gap-3',
             cardContainerClassName,
-          )}>
+          )}
+          >
             {
               plugins.map((plugin) => {
                 if (cardRender)
diff --git a/web/app/components/plugins/marketplace/list/list-with-collection.tsx b/web/app/components/plugins/marketplace/list/list-with-collection.tsx
index bef4a6787a..c401fbe3b9 100644
--- a/web/app/components/plugins/marketplace/list/list-with-collection.tsx
+++ b/web/app/components/plugins/marketplace/list/list-with-collection.tsx
@@ -1,13 +1,13 @@
 'use client'
 
-import { RiArrowRightSLine } from '@remixicon/react'
 import type { MarketplaceCollection } from '../types'
-import CardWrapper from './card-wrapper'
+import type { SearchParamsFromCollection } from '@/app/components/plugins/marketplace/types'
 import type { Plugin } from '@/app/components/plugins/types'
+import { RiArrowRightSLine } from '@remixicon/react'
+import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
 import { getLanguage } from '@/i18n-config/language'
 import { cn } from '@/utils/classnames'
-import type { SearchParamsFromCollection } from '@/app/components/plugins/marketplace/types'
-import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
+import CardWrapper from './card-wrapper'
 
 type ListWithCollectionProps = {
   marketplaceCollections: MarketplaceCollection[]
@@ -37,21 +37,21 @@ const ListWithCollection = ({
         }).map(collection => (
           <div
             key={collection.name}
-            className='py-3'
+            className="py-3"
           >
-            <div className='flex items-end justify-between'>
+            <div className="flex items-end justify-between">
               <div>
-                <div className='title-xl-semi-bold text-text-primary'>{collection.label[getLanguage(locale)]}</div>
-                <div className='system-xs-regular text-text-tertiary'>{collection.description[getLanguage(locale)]}</div>
+                <div className="title-xl-semi-bold text-text-primary">{collection.label[getLanguage(locale)]}</div>
+                <div className="system-xs-regular text-text-tertiary">{collection.description[getLanguage(locale)]}</div>
               </div>
               {
                 collection.searchable && onMoreClick && (
                   <div
-                    className='system-xs-medium flex cursor-pointer items-center text-text-accent '
+                    className="system-xs-medium flex cursor-pointer items-center text-text-accent "
                     onClick={() => onMoreClick?.(collection.search_params)}
                   >
                     {t('plugin.marketplace.viewMore')}
-                    <RiArrowRightSLine className='h-4 w-4' />
+                    <RiArrowRightSLine className="h-4 w-4" />
                   </div>
                 )
               }
@@ -59,7 +59,8 @@ const ListWithCollection = ({
             <div className={cn(
               'mt-2 grid grid-cols-4 gap-3',
               cardContainerClassName,
-            )}>
+            )}
+            >
               {
                 marketplaceCollectionPluginsMap[collection.name].map((plugin) => {
                   if (cardRender)
diff --git a/web/app/components/plugins/marketplace/list/list-wrapper.tsx b/web/app/components/plugins/marketplace/list/list-wrapper.tsx
index 908c9c4406..f2fbd085f0 100644
--- a/web/app/components/plugins/marketplace/list/list-wrapper.tsx
+++ b/web/app/components/plugins/marketplace/list/list-wrapper.tsx
@@ -1,12 +1,12 @@
 'use client'
-import { useEffect } from 'react'
 import type { Plugin } from '../../types'
 import type { MarketplaceCollection } from '../types'
-import { useMarketplaceContext } from '../context'
-import List from './index'
-import SortDropdown from '../sort-dropdown'
+import { useEffect } from 'react'
 import Loading from '@/app/components/base/loading'
 import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
+import { useMarketplaceContext } from '../context'
+import SortDropdown from '../sort-dropdown'
+import List from './index'
 
 type ListWrapperProps = {
   marketplaceCollections: MarketplaceCollection[]
@@ -39,26 +39,28 @@ const ListWrapper = ({
       && isSuccessCollections
       && !searchPluginText
       && !filterPluginTags.length
-    )
+    ) {
       handleQueryPlugins()
+    }
   }, [handleQueryPlugins, marketplaceCollections, marketplaceCollectionsFromClient, isSuccessCollections, searchPluginText, filterPluginTags])
 
   return (
     <div
       style={{ scrollbarGutter: 'stable' }}
-      className='relative flex grow flex-col bg-background-default-subtle px-12 py-2'>
+      className="relative flex grow flex-col bg-background-default-subtle px-12 py-2"
+    >
       {
         plugins && (
-          <div className='mb-4 flex items-center pt-3'>
-            <div className='title-xl-semi-bold text-text-primary'>{t('plugin.marketplace.pluginsResult', { num: pluginsTotal })}</div>
-            <div className='mx-3 h-3.5 w-[1px] bg-divider-regular'></div>
+          <div className="mb-4 flex items-center pt-3">
+            <div className="title-xl-semi-bold text-text-primary">{t('plugin.marketplace.pluginsResult', { num: pluginsTotal })}</div>
+            <div className="mx-3 h-3.5 w-[1px] bg-divider-regular"></div>
             <SortDropdown locale={locale} />
           </div>
         )
       }
       {
         isLoading && page === 1 && (
-          <div className='absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'>
+          <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
             <Loading />
           </div>
         )
diff --git a/web/app/components/plugins/marketplace/plugin-type-switch.tsx b/web/app/components/plugins/marketplace/plugin-type-switch.tsx
index c00dce19a1..963a7de9a9 100644
--- a/web/app/components/plugins/marketplace/plugin-type-switch.tsx
+++ b/web/app/components/plugins/marketplace/plugin-type-switch.tsx
@@ -1,6 +1,4 @@
 'use client'
-import { Trigger as TriggerIcon } from '@/app/components/base/icons/src/vender/plugin'
-import { cn } from '@/utils/classnames'
 import {
   RiArchive2Line,
   RiBrain2Line,
@@ -10,6 +8,8 @@ import {
   RiSpeakAiLine,
 } from '@remixicon/react'
 import { useCallback, useEffect } from 'react'
+import { Trigger as TriggerIcon } from '@/app/components/base/icons/src/vender/plugin'
+import { cn } from '@/utils/classnames'
 import { PluginCategoryEnum } from '../types'
 import { useMarketplaceContext } from './context'
 import { useMixedTranslation } from './hooks'
@@ -47,37 +47,37 @@ const PluginTypeSwitch = ({
     {
       value: PLUGIN_TYPE_SEARCH_MAP.model,
       text: t('plugin.category.models'),
-      icon: <RiBrain2Line className='mr-1.5 h-4 w-4' />,
+      icon: <RiBrain2Line className="mr-1.5 h-4 w-4" />,
     },
     {
       value: PLUGIN_TYPE_SEARCH_MAP.tool,
       text: t('plugin.category.tools'),
-      icon: <RiHammerLine className='mr-1.5 h-4 w-4' />,
+      icon: <RiHammerLine className="mr-1.5 h-4 w-4" />,
     },
     {
       value: PLUGIN_TYPE_SEARCH_MAP.datasource,
       text: t('plugin.category.datasources'),
-      icon: <RiDatabase2Line className='mr-1.5 h-4 w-4' />,
+      icon: <RiDatabase2Line className="mr-1.5 h-4 w-4" />,
     },
     {
       value: PLUGIN_TYPE_SEARCH_MAP.trigger,
       text: t('plugin.category.triggers'),
-      icon: <TriggerIcon className='mr-1.5 h-4 w-4' />,
+      icon: <TriggerIcon className="mr-1.5 h-4 w-4" />,
     },
     {
       value: PLUGIN_TYPE_SEARCH_MAP.agent,
       text: t('plugin.category.agents'),
-      icon: <RiSpeakAiLine className='mr-1.5 h-4 w-4' />,
+      icon: <RiSpeakAiLine className="mr-1.5 h-4 w-4" />,
     },
     {
       value: PLUGIN_TYPE_SEARCH_MAP.extension,
       text: t('plugin.category.extensions'),
-      icon: <RiPuzzle2Line className='mr-1.5 h-4 w-4' />,
+      icon: <RiPuzzle2Line className="mr-1.5 h-4 w-4" />,
     },
     {
       value: PLUGIN_TYPE_SEARCH_MAP.bundle,
       text: t('plugin.category.bundles'),
-      icon: <RiArchive2Line className='mr-1.5 h-4 w-4' />,
+      icon: <RiArchive2Line className="mr-1.5 h-4 w-4" />,
     },
   ]
 
@@ -100,7 +100,8 @@ const PluginTypeSwitch = ({
     <div className={cn(
       'flex shrink-0 items-center justify-center space-x-2 bg-background-body py-3',
       className,
-    )}>
+    )}
+    >
       {
         options.map(option => (
           <div
diff --git a/web/app/components/plugins/marketplace/search-box/index.tsx b/web/app/components/plugins/marketplace/search-box/index.tsx
index 4369520f7f..05f98782b9 100644
--- a/web/app/components/plugins/marketplace/search-box/index.tsx
+++ b/web/app/components/plugins/marketplace/search-box/index.tsx
@@ -1,10 +1,9 @@
 'use client'
-import { RiCloseLine, RiSearchLine } from '@remixicon/react'
-import TagsFilter from './tags-filter'
+import { RiAddLine, RiCloseLine, RiSearchLine } from '@remixicon/react'
 import ActionButton from '@/app/components/base/action-button'
-import { cn } from '@/utils/classnames'
-import { RiAddLine } from '@remixicon/react'
 import Divider from '@/app/components/base/divider'
+import { cn } from '@/utils/classnames'
+import TagsFilter from './tags-filter'
 
 type SearchBoxProps = {
   search: string
@@ -40,12 +39,9 @@ const SearchBox = ({
       className={cn('z-[11] flex items-center', wrapperClassName)}
     >
       <div className={
-        cn('flex items-center',
-          usedInMarketplace && 'rounded-xl border border-components-chat-input-border bg-components-panel-bg-blur p-1.5 shadow-md',
-          !usedInMarketplace && 'radius-md border border-transparent bg-components-input-bg-normal focus-within:border-components-input-border-active hover:border-components-input-border-hover',
-          inputClassName,
-        )
-      }>
+        cn('flex items-center', usedInMarketplace && 'rounded-xl border border-components-chat-input-border bg-components-panel-bg-blur p-1.5 shadow-md', !usedInMarketplace && 'radius-md border border-transparent bg-components-input-bg-normal focus-within:border-components-input-border-active hover:border-components-input-border-hover', inputClassName)
+      }
+      >
         {
           usedInMarketplace && (
             <>
@@ -55,8 +51,8 @@ const SearchBox = ({
                 usedInMarketplace
                 locale={locale}
               />
-              <Divider type='vertical' className='mx-1 h-3.5' />
-              <div className='flex grow items-center gap-x-2 p-1'>
+              <Divider type="vertical" className="mx-1 h-3.5" />
+              <div className="flex grow items-center gap-x-2 p-1">
                 <input
                   className={cn(
                     'body-md-medium inline-block grow appearance-none bg-transparent text-text-secondary outline-none',
@@ -71,9 +67,9 @@ const SearchBox = ({
                   search && (
                     <ActionButton
                       onClick={() => onSearchChange('')}
-                      className='shrink-0'
+                      className="shrink-0"
                     >
-                      <RiCloseLine className='size-4' />
+                      <RiCloseLine className="size-4" />
                     </ActionButton>
                   )
                 }
@@ -84,8 +80,8 @@ const SearchBox = ({
         {
           !usedInMarketplace && (
             <>
-              <div className='flex grow items-center py-[7px] pl-2 pr-3'>
-                <RiSearchLine className='size-4 text-components-input-text-placeholder' />
+              <div className="flex grow items-center py-[7px] pl-2 pr-3">
+                <RiSearchLine className="size-4 text-components-input-text-placeholder" />
                 <input
                   autoFocus={autoFocus}
                   className={cn(
@@ -102,14 +98,14 @@ const SearchBox = ({
                   search && (
                     <ActionButton
                       onClick={() => onSearchChange('')}
-                      className='shrink-0'
+                      className="shrink-0"
                     >
-                      <RiCloseLine className='size-4' />
+                      <RiCloseLine className="size-4" />
                     </ActionButton>
                   )
                 }
               </div>
-              <Divider type='vertical' className='mx-0 mr-0.5 h-3.5' />
+              <Divider type="vertical" className="mx-0 mr-0.5 h-3.5" />
               <TagsFilter
                 tags={tags}
                 onTagsChange={onTagsChange}
@@ -120,12 +116,12 @@ const SearchBox = ({
         }
       </div>
       {supportAddCustomTool && (
-        <div className='flex shrink-0 items-center'>
+        <div className="flex shrink-0 items-center">
           <ActionButton
-            className='ml-2 rounded-full bg-components-button-primary-bg text-components-button-primary-text hover:bg-components-button-primary-bg hover:text-components-button-primary-text'
+            className="ml-2 rounded-full bg-components-button-primary-bg text-components-button-primary-text hover:bg-components-button-primary-bg hover:text-components-button-primary-text"
             onClick={onShowAddCustomCollectionModal}
           >
-            <RiAddLine className='h-4 w-4' />
+            <RiAddLine className="h-4 w-4" />
           </ActionButton>
         </div>
       )}
diff --git a/web/app/components/plugins/marketplace/search-box/search-box-wrapper.tsx b/web/app/components/plugins/marketplace/search-box/search-box-wrapper.tsx
index cca72f657a..c3c2ca1ae5 100644
--- a/web/app/components/plugins/marketplace/search-box/search-box-wrapper.tsx
+++ b/web/app/components/plugins/marketplace/search-box/search-box-wrapper.tsx
@@ -18,8 +18,8 @@ const SearchBoxWrapper = ({
 
   return (
     <SearchBox
-      wrapperClassName='z-[11] mx-auto w-[640px] shrink-0'
-      inputClassName='w-full'
+      wrapperClassName="z-[11] mx-auto w-[640px] shrink-0"
+      inputClassName="w-full"
       search={searchPluginText}
       onSearchChange={handleSearchPluginTextChange}
       tags={filterPluginTags}
diff --git a/web/app/components/plugins/marketplace/search-box/tags-filter.tsx b/web/app/components/plugins/marketplace/search-box/tags-filter.tsx
index 22c49b2280..b0bf77c086 100644
--- a/web/app/components/plugins/marketplace/search-box/tags-filter.tsx
+++ b/web/app/components/plugins/marketplace/search-box/tags-filter.tsx
@@ -1,13 +1,13 @@
 'use client'
 
 import { useState } from 'react'
+import Checkbox from '@/app/components/base/checkbox'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Checkbox from '@/app/components/base/checkbox'
-import Input from '@/app/components/base/input'
 import { useTags } from '@/app/components/plugins/hooks'
 import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
 import MarketplaceTrigger from './trigger/marketplace'
@@ -40,7 +40,7 @@ const TagsFilter = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: -6,
@@ -49,7 +49,7 @@ const TagsFilter = ({
       onOpenChange={setOpen}
     >
       <PortalToFollowElemTrigger
-        className='shrink-0'
+        className="shrink-0"
         onClick={() => setOpen(v => !v)}
       >
         {
@@ -76,9 +76,9 @@ const TagsFilter = ({
           )
         }
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm'>
-          <div className='p-2 pb-1'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
+          <div className="p-2 pb-1">
             <Input
               showLeftIcon
               value={searchText}
@@ -86,19 +86,19 @@ const TagsFilter = ({
               placeholder={t('pluginTags.searchTags') || ''}
             />
           </div>
-          <div className='max-h-[448px] overflow-y-auto p-1'>
+          <div className="max-h-[448px] overflow-y-auto p-1">
             {
               filteredOptions.map(option => (
                 <div
                   key={option.name}
-                  className='flex h-7 cursor-pointer select-none items-center rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+                  className="flex h-7 cursor-pointer select-none items-center rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
                   onClick={() => handleCheck(option.name)}
                 >
                   <Checkbox
-                    className='mr-1'
+                    className="mr-1"
                     checked={tags.includes(option.name)}
                   />
-                  <div className='system-sm-medium px-1 text-text-secondary'>
+                  <div className="system-sm-medium px-1 text-text-secondary">
                     {option.label}
                   </div>
                 </div>
diff --git a/web/app/components/plugins/marketplace/search-box/trigger/marketplace.tsx b/web/app/components/plugins/marketplace/search-box/trigger/marketplace.tsx
index d962a52bb6..2cc12614ee 100644
--- a/web/app/components/plugins/marketplace/search-box/trigger/marketplace.tsx
+++ b/web/app/components/plugins/marketplace/search-box/trigger/marketplace.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
-import { RiArrowDownSLine, RiCloseCircleFill, RiFilter3Line } from '@remixicon/react'
 import type { Tag } from '../../../hooks'
+import { RiArrowDownSLine, RiCloseCircleFill, RiFilter3Line } from '@remixicon/react'
+import React from 'react'
 import { cn } from '@/utils/classnames'
 import { useMixedTranslation } from '../../hooks'
 
@@ -31,24 +31,25 @@ const MarketplaceTrigger = ({
         open && !selectedTagsLength && 'bg-state-base-hover',
       )}
     >
-      <div className='p-0.5'>
+      <div className="p-0.5">
         <RiFilter3Line className={cn('size-4', !!selectedTagsLength && 'text-text-secondary')} />
       </div>
-      <div className='system-sm-medium flex items-center gap-x-1 p-1'>
+      <div className="system-sm-medium flex items-center gap-x-1 p-1">
         {
           !selectedTagsLength && <span>{t('pluginTags.allTags')}</span>
         }
         {
           !!selectedTagsLength && (
-            <span className='text-text-secondary'>
+            <span className="text-text-secondary">
               {tags.map(tag => tagsMap[tag].label).slice(0, 2).join(',')}
             </span>
           )
         }
         {
           selectedTagsLength > 2 && (
-            <div className='system-xs-medium text-text-tertiary'>
-              +{selectedTagsLength - 2}
+            <div className="system-xs-medium text-text-tertiary">
+              +
+              {selectedTagsLength - 2}
             </div>
           )
         }
@@ -56,15 +57,15 @@ const MarketplaceTrigger = ({
       {
         !!selectedTagsLength && (
           <RiCloseCircleFill
-            className='size-4 text-text-quaternary'
+            className="size-4 text-text-quaternary"
             onClick={() => onTagsChange([])}
           />
         )
       }
       {
         !selectedTagsLength && (
-          <div className='p-0.5'>
-            <RiArrowDownSLine className='size-4 text-text-tertiary' />
+          <div className="p-0.5">
+            <RiArrowDownSLine className="size-4 text-text-tertiary" />
           </div>
         )
       }
diff --git a/web/app/components/plugins/marketplace/search-box/trigger/tool-selector.tsx b/web/app/components/plugins/marketplace/search-box/trigger/tool-selector.tsx
index 96f321f75e..762a31a4fd 100644
--- a/web/app/components/plugins/marketplace/search-box/trigger/tool-selector.tsx
+++ b/web/app/components/plugins/marketplace/search-box/trigger/tool-selector.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import type { Tag } from '../../../hooks'
-import { cn } from '@/utils/classnames'
 import { RiCloseCircleFill, RiPriceTag3Line } from '@remixicon/react'
+import React from 'react'
+import { cn } from '@/utils/classnames'
 
 type ToolSelectorTriggerProps = {
   selectedTagsLength: number
@@ -26,19 +26,20 @@ const ToolSelectorTrigger = ({
       open && !selectedTagsLength && 'bg-state-base-hover',
     )}
     >
-      <div className='p-0.5'>
+      <div className="p-0.5">
         <RiPriceTag3Line className={cn('size-4', !!selectedTagsLength && 'text-text-secondary')} />
       </div>
       {
         !!selectedTagsLength && (
-          <div className='system-sm-medium flex items-center gap-x-0.5 px-0.5 py-1'>
-            <span className='text-text-secondary'>
+          <div className="system-sm-medium flex items-center gap-x-0.5 px-0.5 py-1">
+            <span className="text-text-secondary">
               {tags.map(tag => tagsMap[tag].label).slice(0, 2).join(',')}
             </span>
             {
               selectedTagsLength > 2 && (
-                <div className='system-xs-medium text-text-tertiary'>
-                  +{selectedTagsLength - 2}
+                <div className="system-xs-medium text-text-tertiary">
+                  +
+                  {selectedTagsLength - 2}
                 </div>
               )
             }
@@ -48,7 +49,7 @@ const ToolSelectorTrigger = ({
       {
         !!selectedTagsLength && (
           <RiCloseCircleFill
-            className='size-4 text-text-quaternary'
+            className="size-4 text-text-quaternary"
             onClick={(e) => {
               e.stopPropagation()
               onTagsChange([])
diff --git a/web/app/components/plugins/marketplace/sort-dropdown/index.tsx b/web/app/components/plugins/marketplace/sort-dropdown/index.tsx
index f78c506275..9525c1ae2d 100644
--- a/web/app/components/plugins/marketplace/sort-dropdown/index.tsx
+++ b/web/app/components/plugins/marketplace/sort-dropdown/index.tsx
@@ -1,16 +1,16 @@
 'use client'
-import { useState } from 'react'
 import {
   RiArrowDownSLine,
   RiCheckLine,
 } from '@remixicon/react'
-import { useMarketplaceContext } from '../context'
+import { useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { useMixedTranslation } from '@/app/components/plugins/marketplace/hooks'
+import { useMarketplaceContext } from '../context'
 
 type SortDropdownProps = {
   locale?: string
@@ -48,7 +48,7 @@ const SortDropdown = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -57,29 +57,29 @@ const SortDropdown = ({
       onOpenChange={setOpen}
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
-        <div className='flex h-8 cursor-pointer items-center rounded-lg bg-state-base-hover-alt px-2 pr-3'>
-          <span className='system-sm-regular mr-1 text-text-secondary'>
+        <div className="flex h-8 cursor-pointer items-center rounded-lg bg-state-base-hover-alt px-2 pr-3">
+          <span className="system-sm-regular mr-1 text-text-secondary">
             {t('plugin.marketplace.sortBy')}
           </span>
-          <span className='system-sm-medium mr-1 text-text-primary'>
+          <span className="system-sm-medium mr-1 text-text-primary">
             {selectedOption.text}
           </span>
-          <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
+          <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent>
-        <div className='rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm'>
+        <div className="rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm">
           {
             options.map(option => (
               <div
                 key={`${option.value}-${option.order}`}
-                className='system-md-regular flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 pr-2 text-text-primary hover:bg-components-panel-on-panel-item-bg-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 pr-2 text-text-primary hover:bg-components-panel-on-panel-item-bg-hover"
                 onClick={() => handleSortChange({ sortBy: option.value, sortOrder: option.order })}
               >
                 {option.text}
                 {
                   sort.sortBy === option.value && sort.sortOrder === option.order && (
-                    <RiCheckLine className='ml-2 h-4 w-4 text-text-accent' />
+                    <RiCheckLine className="ml-2 h-4 w-4 text-text-accent" />
                   )
                 }
               </div>
diff --git a/web/app/components/plugins/marketplace/sticky-search-and-switch-wrapper.tsx b/web/app/components/plugins/marketplace/sticky-search-and-switch-wrapper.tsx
index 891f0803d5..602a1e9af2 100644
--- a/web/app/components/plugins/marketplace/sticky-search-and-switch-wrapper.tsx
+++ b/web/app/components/plugins/marketplace/sticky-search-and-switch-wrapper.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import SearchBoxWrapper from './search-box/search-box-wrapper'
-import PluginTypeSwitch from './plugin-type-switch'
 import { cn } from '@/utils/classnames'
+import PluginTypeSwitch from './plugin-type-switch'
+import SearchBoxWrapper from './search-box/search-box-wrapper'
 
 type StickySearchAndSwitchWrapperProps = {
   locale?: string
diff --git a/web/app/components/plugins/marketplace/utils.ts b/web/app/components/plugins/marketplace/utils.ts
index e12cadf070..82af4b65c8 100644
--- a/web/app/components/plugins/marketplace/utils.ts
+++ b/web/app/components/plugins/marketplace/utils.ts
@@ -1,17 +1,17 @@
-import { PLUGIN_TYPE_SEARCH_MAP } from './plugin-type-switch'
-import type { Plugin } from '@/app/components/plugins/types'
-import { PluginCategoryEnum } from '@/app/components/plugins/types'
 import type {
   CollectionsAndPluginsSearchParams,
   MarketplaceCollection,
   PluginsSearchParams,
 } from '@/app/components/plugins/marketplace/types'
+import type { Plugin } from '@/app/components/plugins/types'
+import { PluginCategoryEnum } from '@/app/components/plugins/types'
 import {
   APP_VERSION,
   IS_MARKETPLACE,
   MARKETPLACE_API_PREFIX,
 } from '@/config'
 import { getMarketplaceUrl } from '@/utils/var'
+import { PLUGIN_TYPE_SEARCH_MAP } from './plugin-type-switch'
 
 type MarketplaceFetchOptions = {
   signal?: AbortSignal
diff --git a/web/app/components/plugins/plugin-auth/authorize/add-api-key-button.tsx b/web/app/components/plugins/plugin-auth/authorize/add-api-key-button.tsx
index 19f85b3c38..0f9ac84bf9 100644
--- a/web/app/components/plugins/plugin-auth/authorize/add-api-key-button.tsx
+++ b/web/app/components/plugins/plugin-auth/authorize/add-api-key-button.tsx
@@ -1,12 +1,12 @@
+import type { PluginPayload } from '../types'
+import type { ButtonProps } from '@/app/components/base/button'
+import type { FormSchema } from '@/app/components/base/form/types'
 import {
   memo,
   useState,
 } from 'react'
 import Button from '@/app/components/base/button'
-import type { ButtonProps } from '@/app/components/base/button'
 import ApiKeyModal from './api-key-modal'
-import type { PluginPayload } from '../types'
-import type { FormSchema } from '@/app/components/base/form/types'
 
 export type AddApiKeyButtonProps = {
   pluginPayload: PluginPayload
@@ -29,7 +29,7 @@ const AddApiKeyButton = ({
   return (
     <>
       <Button
-        className='w-full'
+        className="w-full"
         variant={buttonVariant}
         onClick={() => setIsApiKeyModalOpen(true)}
         disabled={disabled}
diff --git a/web/app/components/plugins/plugin-auth/authorize/add-oauth-button.tsx b/web/app/components/plugins/plugin-auth/authorize/add-oauth-button.tsx
index cd64531ecc..caf5a3efaf 100644
--- a/web/app/components/plugins/plugin-auth/authorize/add-oauth-button.tsx
+++ b/web/app/components/plugins/plugin-auth/authorize/add-oauth-button.tsx
@@ -1,3 +1,11 @@
+import type { PluginPayload } from '../types'
+import type { ButtonProps } from '@/app/components/base/button'
+import type { FormSchema } from '@/app/components/base/form/types'
+import {
+  RiClipboardLine,
+  RiEqualizer2Line,
+  RiInformation2Fill,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
@@ -5,26 +13,18 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiClipboardLine,
-  RiEqualizer2Line,
-  RiInformation2Fill,
-} from '@remixicon/react'
-import Button from '@/app/components/base/button'
-import type { ButtonProps } from '@/app/components/base/button'
-import OAuthClientSettings from './oauth-client-settings'
-import { cn } from '@/utils/classnames'
-import type { PluginPayload } from '../types'
-import { openOAuthPopup } from '@/hooks/use-oauth'
+import ActionButton from '@/app/components/base/action-button'
 import Badge from '@/app/components/base/badge'
+import Button from '@/app/components/base/button'
+import { FormTypeEnum } from '@/app/components/base/form/types'
+import { useRenderI18nObject } from '@/hooks/use-i18n'
+import { openOAuthPopup } from '@/hooks/use-oauth'
+import { cn } from '@/utils/classnames'
 import {
   useGetPluginOAuthClientSchemaHook,
   useGetPluginOAuthUrlHook,
 } from '../hooks/use-credential'
-import type { FormSchema } from '@/app/components/base/form/types'
-import { FormTypeEnum } from '@/app/components/base/form/types'
-import ActionButton from '@/app/components/base/action-button'
-import { useRenderI18nObject } from '@/hooks/use-i18n'
+import OAuthClientSettings from './oauth-client-settings'
 
 export type AddOAuthButtonProps = {
   pluginPayload: PluginPayload
@@ -88,37 +88,37 @@ const AddOAuthButton = ({
 
   const renderCustomLabel = useCallback((item: FormSchema) => {
     return (
-      <div className='w-full'>
-        <div className='mb-4 flex rounded-xl bg-background-section-burn p-4'>
-          <div className='mr-3 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg'>
-            <RiInformation2Fill className='h-5 w-5 text-text-accent' />
+      <div className="w-full">
+        <div className="mb-4 flex rounded-xl bg-background-section-burn p-4">
+          <div className="mr-3 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg">
+            <RiInformation2Fill className="h-5 w-5 text-text-accent" />
           </div>
-          <div className='w-0 grow'>
-            <div className='system-sm-regular mb-1.5'>
+          <div className="w-0 grow">
+            <div className="system-sm-regular mb-1.5">
               {t('plugin.auth.clientInfo')}
             </div>
             {
               redirect_uri && (
-                <div className='system-sm-medium flex w-full py-0.5'>
-                  <div className='w-0 grow break-words break-all'>{redirect_uri}</div>
+                <div className="system-sm-medium flex w-full py-0.5">
+                  <div className="w-0 grow break-words break-all">{redirect_uri}</div>
                   <ActionButton
-                    className='shrink-0'
+                    className="shrink-0"
                     onClick={() => {
                       navigator.clipboard.writeText(redirect_uri || '')
                     }}
                   >
-                    <RiClipboardLine className='h-4 w-4' />
+                    <RiClipboardLine className="h-4 w-4" />
                   </ActionButton>
                 </div>
               )
             }
           </div>
         </div>
-        <div className='system-sm-medium flex h-6 items-center text-text-secondary'>
+        <div className="system-sm-medium flex h-6 items-center text-text-secondary">
           {renderI18nObject(item.label as Record<string, string>)}
           {
             item.required && (
-              <span className='ml-1 text-text-destructive-secondary'>*</span>
+              <span className="ml-1 text-text-destructive-secondary">*</span>
             )
           }
         </div>
@@ -197,9 +197,10 @@ const AddOAuthButton = ({
             <div className={cn(
               'flex h-full w-0 grow items-center justify-center rounded-l-lg pl-0.5 hover:bg-components-button-primary-bg-hover',
               buttonLeftClassName,
-            )}>
+            )}
+            >
               <div
-                className='truncate'
+                className="truncate"
                 title={buttonText}
               >
                 {buttonText}
@@ -220,7 +221,9 @@ const AddOAuthButton = ({
             <div className={cn(
               'h-4 w-[1px] shrink-0 bg-text-primary-on-surface opacity-[0.15]',
               dividerClassName,
-            )}></div>
+            )}
+            >
+            </div>
             <div
               className={cn(
                 'flex h-full w-8 shrink-0 items-center justify-center rounded-r-lg hover:bg-components-button-primary-bg-hover',
@@ -231,7 +234,7 @@ const AddOAuthButton = ({
                 setIsOAuthSettingsOpen(true)
               }}
             >
-              <RiEqualizer2Line className='h-4 w-4' />
+              <RiEqualizer2Line className="h-4 w-4" />
             </div>
           </Button>
         )
@@ -242,9 +245,9 @@ const AddOAuthButton = ({
             variant={buttonVariant}
             onClick={() => setIsOAuthSettingsOpen(true)}
             disabled={disabled}
-            className='w-full'
+            className="w-full"
           >
-            <RiEqualizer2Line className='mr-0.5 h-4 w-4' />
+            <RiEqualizer2Line className="mr-0.5 h-4 w-4" />
             {t('plugin.auth.setupOAuth')}
           </Button>
         )
diff --git a/web/app/components/plugins/plugin-auth/authorize/api-key-modal.tsx b/web/app/components/plugins/plugin-auth/authorize/api-key-modal.tsx
index cb90b075b0..f6133cf855 100644
--- a/web/app/components/plugins/plugin-auth/authorize/api-key-modal.tsx
+++ b/web/app/components/plugins/plugin-auth/authorize/api-key-modal.tsx
@@ -1,3 +1,8 @@
+import type { PluginPayload } from '../types'
+import type {
+  FormRefObject,
+  FormSchema,
+} from '@/app/components/base/form/types'
 import {
   memo,
   useCallback,
@@ -6,25 +11,20 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal/modal'
-import { CredentialTypeEnum } from '../types'
+import { EncryptedBottom } from '@/app/components/base/encrypted-bottom'
 import AuthForm from '@/app/components/base/form/form-scenarios/auth'
-import type {
-  FormRefObject,
-  FormSchema,
-} from '@/app/components/base/form/types'
 import { FormTypeEnum } from '@/app/components/base/form/types'
-import { useToastContext } from '@/app/components/base/toast'
 import Loading from '@/app/components/base/loading'
-import type { PluginPayload } from '../types'
+import Modal from '@/app/components/base/modal/modal'
+import { useToastContext } from '@/app/components/base/toast'
+import { ReadmeEntrance } from '../../readme-panel/entrance'
+import { ReadmeShowType } from '../../readme-panel/store'
 import {
   useAddPluginCredentialHook,
   useGetPluginCredentialSchemaHook,
   useUpdatePluginCredentialHook,
 } from '../hooks/use-credential'
-import { ReadmeEntrance } from '../../readme-panel/entrance'
-import { ReadmeShowType } from '../../readme-panel/store'
-import { EncryptedBottom } from '@/app/components/base/encrypted-bottom'
+import { CredentialTypeEnum } from '../types'
 
 export type ApiKeyModalProps = {
   pluginPayload: PluginPayload
@@ -128,7 +128,7 @@ const ApiKeyModal = ({
 
   return (
     <Modal
-      size='md'
+      size="md"
       title={t('plugin.auth.useApiAuth')}
       subTitle={t('plugin.auth.useApiAuthDesc')}
       onClose={onClose}
@@ -142,14 +142,14 @@ const ApiKeyModal = ({
       onExtraButtonClick={onRemove}
       disabled={disabled || isLoading || doingAction}
       clickOutsideNotClose={true}
-      wrapperClassName='!z-[101]'
+      wrapperClassName="!z-[101]"
     >
       {pluginPayload.detail && (
         <ReadmeEntrance pluginDetail={pluginPayload.detail} showType={ReadmeShowType.modal} />
       )}
       {
         isLoading && (
-          <div className='flex h-40 items-center justify-center'>
+          <div className="flex h-40 items-center justify-center">
             <Loading />
           </div>
         )
diff --git a/web/app/components/plugins/plugin-auth/authorize/index.tsx b/web/app/components/plugins/plugin-auth/authorize/index.tsx
index 245d1a177f..71b068c961 100644
--- a/web/app/components/plugins/plugin-auth/authorize/index.tsx
+++ b/web/app/components/plugins/plugin-auth/authorize/index.tsx
@@ -1,15 +1,15 @@
+import type { PluginPayload } from '../types'
+import type { AddApiKeyButtonProps } from './add-api-key-button'
+import type { AddOAuthButtonProps } from './add-oauth-button'
 import {
   memo,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import AddOAuthButton from './add-oauth-button'
-import type { AddOAuthButtonProps } from './add-oauth-button'
-import AddApiKeyButton from './add-api-key-button'
-import type { AddApiKeyButtonProps } from './add-api-key-button'
-import type { PluginPayload } from '../types'
-import { cn } from '@/utils/classnames'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
+import AddApiKeyButton from './add-api-key-button'
+import AddOAuthButton from './add-oauth-button'
 
 type AuthorizeProps = {
   pluginPayload: PluginPayload
@@ -110,7 +110,7 @@ const Authorize = ({
 
   return (
     <>
-      <div className='flex items-center space-x-1.5'>
+      <div className="flex items-center space-x-1.5">
         {
           canOAuth && (
             OAuthButton
@@ -118,10 +118,10 @@ const Authorize = ({
         }
         {
           showDivider && canOAuth && canApiKey && (
-            <div className='system-2xs-medium-uppercase flex shrink-0 flex-col items-center justify-between text-text-tertiary'>
-              <div className='h-2 w-[1px] bg-divider-subtle'></div>
+            <div className="system-2xs-medium-uppercase flex shrink-0 flex-col items-center justify-between text-text-tertiary">
+              <div className="h-2 w-[1px] bg-divider-subtle"></div>
               or
-              <div className='h-2 w-[1px] bg-divider-subtle'></div>
+              <div className="h-2 w-[1px] bg-divider-subtle"></div>
             </div>
           )
         }
diff --git a/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx b/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx
index 256f6d0f4b..d736fa89a4 100644
--- a/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx
+++ b/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx
@@ -1,30 +1,30 @@
+import type { PluginPayload } from '../types'
+import type {
+  FormRefObject,
+  FormSchema,
+} from '@/app/components/base/form/types'
+import {
+  useForm,
+  useStore,
+} from '@tanstack/react-form'
 import {
   memo,
   useCallback,
   useRef,
   useState,
 } from 'react'
-import {
-  useForm,
-  useStore,
-} from '@tanstack/react-form'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import AuthForm from '@/app/components/base/form/form-scenarios/auth'
 import Modal from '@/app/components/base/modal/modal'
+import { useToastContext } from '@/app/components/base/toast'
+import { ReadmeEntrance } from '../../readme-panel/entrance'
+import { ReadmeShowType } from '../../readme-panel/store'
 import {
   useDeletePluginOAuthCustomClientHook,
   useInvalidPluginOAuthClientSchemaHook,
   useSetPluginOAuthCustomClientHook,
 } from '../hooks/use-credential'
-import type { PluginPayload } from '../types'
-import AuthForm from '@/app/components/base/form/form-scenarios/auth'
-import type {
-  FormRefObject,
-  FormSchema,
-} from '@/app/components/base/form/types'
-import { useToastContext } from '@/app/components/base/toast'
-import Button from '@/app/components/base/button'
-import { ReadmeEntrance } from '../../readme-panel/entrance'
-import { ReadmeShowType } from '../../readme-panel/store'
 
 type OAuthClientSettingsProps = {
   pluginPayload: PluginPayload
@@ -136,7 +136,7 @@ const OAuthClientSettings = ({
       cancelButtonText={t('plugin.auth.saveOnly')}
       extraButtonText={t('common.operation.cancel')}
       showExtraButton
-      extraButtonVariant='secondary'
+      extraButtonVariant="secondary"
       onExtraButtonClick={onClose}
       onClose={onClose}
       onCancel={handleConfirm}
@@ -144,10 +144,10 @@ const OAuthClientSettings = ({
       disabled={disabled || doingAction}
       footerSlot={
         __oauth_client__ === 'custom' && hasOriginalClientParams && (
-          <div className='grow'>
+          <div className="grow">
             <Button
-              variant='secondary'
-              className='text-components-button-destructive-secondary-text'
+              variant="secondary"
+              className="text-components-button-destructive-secondary-text"
               disabled={disabled || doingAction || !editValues}
               onClick={handleRemove}
             >
@@ -156,8 +156,8 @@ const OAuthClientSettings = ({
           </div>
         )
       }
-      containerClassName='pt-0'
-      wrapperClassName='!z-[101]'
+      containerClassName="pt-0"
+      wrapperClassName="!z-[101]"
       clickOutsideNotClose={true}
     >
       {pluginPayload.detail && (
diff --git a/web/app/components/plugins/plugin-auth/authorized-in-data-source-node.tsx b/web/app/components/plugins/plugin-auth/authorized-in-data-source-node.tsx
index ae5687c298..6b1d9984c2 100644
--- a/web/app/components/plugins/plugin-auth/authorized-in-data-source-node.tsx
+++ b/web/app/components/plugins/plugin-auth/authorized-in-data-source-node.tsx
@@ -1,8 +1,8 @@
+import { RiEqualizer2Line } from '@remixicon/react'
 import {
   memo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiEqualizer2Line } from '@remixicon/react'
 import Button from '@/app/components/base/button'
 import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
@@ -19,12 +19,12 @@ const AuthorizedInDataSourceNode = ({
 
   return (
     <Button
-      size='small'
+      size="small"
       onClick={onJumpToDataSourcePage}
     >
       <Indicator
-        className='mr-1.5'
-        color='green'
+        className="mr-1.5"
+        color="green"
       />
       {
         authorizationsNum > 1
diff --git a/web/app/components/plugins/plugin-auth/authorized-in-node.tsx b/web/app/components/plugins/plugin-auth/authorized-in-node.tsx
index 2f615e5fdc..9821ad1862 100644
--- a/web/app/components/plugins/plugin-auth/authorized-in-node.tsx
+++ b/web/app/components/plugins/plugin-auth/authorized-in-node.tsx
@@ -1,17 +1,17 @@
+import type {
+  Credential,
+  PluginPayload,
+} from './types'
+import { RiArrowDownSLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
 import Button from '@/app/components/base/button'
 import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
-import type {
-  Credential,
-  PluginPayload,
-} from './types'
 import {
   Authorized,
   usePluginAuth,
@@ -66,7 +66,7 @@ const AuthorizedInNode = ({
     }
     return (
       <Button
-        size='small'
+        size="small"
         className={cn(
           open && !removed && 'bg-components-button-ghost-bg-hover',
           removed && 'bg-transparent text-text-destructive',
@@ -74,7 +74,7 @@ const AuthorizedInNode = ({
         variant={(defaultUnavailable || unavailable) ? 'ghost' : 'secondary'}
       >
         <Indicator
-          className='mr-1.5'
+          className="mr-1.5"
           color={color as any}
         />
         {label}
@@ -124,9 +124,9 @@ const AuthorizedInNode = ({
       isOpen={isOpen}
       onOpenChange={setIsOpen}
       offset={4}
-      placement='bottom-end'
+      placement="bottom-end"
       triggerPopupSameWidth={false}
-      popupClassName='w-[360px]'
+      popupClassName="w-[360px]"
       disabled={disabled}
       disableSetDefault
       onItemClick={handleAuthorizationItemClick}
diff --git a/web/app/components/plugins/plugin-auth/authorized/index.tsx b/web/app/components/plugins/plugin-auth/authorized/index.tsx
index bfc446e6a9..5cd30968bf 100644
--- a/web/app/components/plugins/plugin-auth/authorized/index.tsx
+++ b/web/app/components/plugins/plugin-auth/authorized/index.tsx
@@ -1,37 +1,36 @@
+import type { Credential, PluginPayload } from '../types'
+import type {
+  PortalToFollowElemOptions,
+} from '@/app/components/base/portal-to-follow-elem'
+import {
+  RiArrowDownSLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
   useRef,
   useState,
 } from 'react'
-import {
-  RiArrowDownSLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type {
-  PortalToFollowElemOptions,
-} from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
+import { useToastContext } from '@/app/components/base/toast'
 import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
-import Confirm from '@/app/components/base/confirm'
 import Authorize from '../authorize'
-import type { Credential } from '../types'
-import { CredentialTypeEnum } from '../types'
 import ApiKeyModal from '../authorize/api-key-modal'
-import Item from './item'
-import { useToastContext } from '@/app/components/base/toast'
-import type { PluginPayload } from '../types'
 import {
   useDeletePluginCredentialHook,
   useSetPluginDefaultCredentialHook,
   useUpdatePluginCredentialHook,
 } from '../hooks/use-credential'
+import { CredentialTypeEnum } from '../types'
+import Item from './item'
 
 type AuthorizedProps = {
   pluginPayload: PluginPayload
@@ -193,37 +192,40 @@ const Authorized = ({
             renderTrigger
               ? renderTrigger(mergedIsOpen)
               : (
-                <Button
-                  className={cn(
-                    'w-full',
-                    isOpen && 'bg-components-button-secondary-bg-hover',
-                  )}>
-                  <Indicator className='mr-2' color={unavailableCredential ? 'gray' : 'green'} />
-                  {credentials.length}&nbsp;
-                  {
-                    credentials.length > 1
-                      ? t('plugin.auth.authorizations')
-                      : t('plugin.auth.authorization')
-                  }
-                  {
-                    !!unavailableCredentials.length && (
-                      ` (${unavailableCredentials.length} ${t('plugin.auth.unavailable')})`
-                    )
-                  }
-                  <RiArrowDownSLine className='ml-0.5 h-4 w-4' />
-                </Button>
-              )
+                  <Button
+                    className={cn(
+                      'w-full',
+                      isOpen && 'bg-components-button-secondary-bg-hover',
+                    )}
+                  >
+                    <Indicator className="mr-2" color={unavailableCredential ? 'gray' : 'green'} />
+                    {credentials.length}
+&nbsp;
+                    {
+                      credentials.length > 1
+                        ? t('plugin.auth.authorizations')
+                        : t('plugin.auth.authorization')
+                    }
+                    {
+                      !!unavailableCredentials.length && (
+                        ` (${unavailableCredentials.length} ${t('plugin.auth.unavailable')})`
+                      )
+                    }
+                    <RiArrowDownSLine className="ml-0.5 h-4 w-4" />
+                  </Button>
+                )
           }
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[100]'>
+        <PortalToFollowElemContent className="z-[100]">
           <div className={cn(
             'max-h-[360px] overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg',
             popupClassName,
-          )}>
-            <div className='py-1'>
+          )}
+          >
+            <div className="py-1">
               {
                 !!extraAuthorizationItems?.length && (
-                  <div className='p-1'>
+                  <div className="p-1">
                     {
                       extraAuthorizationItems.map(credential => (
                         <Item
@@ -245,11 +247,12 @@ const Authorized = ({
               }
               {
                 !!oAuthCredentials.length && (
-                  <div className='p-1'>
+                  <div className="p-1">
                     <div className={cn(
                       'system-xs-medium px-3 pb-0.5 pt-1 text-text-tertiary',
                       showItemSelectedIcon && 'pl-7',
-                    )}>
+                    )}
+                    >
                       OAuth
                     </div>
                     {
@@ -274,11 +277,12 @@ const Authorized = ({
               }
               {
                 !!apiKeyCredentials.length && (
-                  <div className='p-1'>
+                  <div className="p-1">
                     <div className={cn(
                       'system-xs-medium px-3 pb-0.5 pt-1 text-text-tertiary',
                       showItemSelectedIcon && 'pl-7',
-                    )}>
+                    )}
+                    >
                       API Keys
                     </div>
                     {
@@ -306,11 +310,11 @@ const Authorized = ({
             {
               !notAllowCustomCredential && (
                 <>
-                  <div className='h-[1px] bg-divider-subtle'></div>
-                  <div className='p-2'>
+                  <div className="h-[1px] bg-divider-subtle"></div>
+                  <div className="p-2">
                     <Authorize
                       pluginPayload={pluginPayload}
-                      theme='secondary'
+                      theme="secondary"
                       showDivider={false}
                       canOAuth={canOAuth}
                       canApiKey={canApiKey}
diff --git a/web/app/components/plugins/plugin-auth/authorized/item.tsx b/web/app/components/plugins/plugin-auth/authorized/item.tsx
index fd1fb41ed5..b086e24556 100644
--- a/web/app/components/plugins/plugin-auth/authorized/item.tsx
+++ b/web/app/components/plugins/plugin-auth/authorized/item.tsx
@@ -1,23 +1,23 @@
-import {
-  memo,
-  useMemo,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Credential } from '../types'
 import {
   RiCheckLine,
   RiDeleteBinLine,
   RiEditLine,
   RiEqualizer2Line,
 } from '@remixicon/react'
-import Indicator from '@/app/components/header/indicator'
-import Badge from '@/app/components/base/badge'
+import {
+  memo,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
+import Badge from '@/app/components/base/badge'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import Tooltip from '@/app/components/base/tooltip'
+import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
-import type { Credential } from '../types'
 import { CredentialTypeEnum } from '../types'
 
 type ItemProps = {
@@ -77,18 +77,18 @@ const Item = ({
     >
       {
         renaming && (
-          <div className='flex w-full items-center space-x-1'>
+          <div className="flex w-full items-center space-x-1">
             <Input
-              wrapperClassName='grow rounded-[6px]'
-              className='h-6'
+              wrapperClassName="grow rounded-[6px]"
+              className="h-6"
               value={renameValue}
               onChange={e => setRenameValue(e.target.value)}
               placeholder={t('common.placeholder.input')}
               onClick={e => e.stopPropagation()}
             />
             <Button
-              size='small'
-              variant='primary'
+              size="small"
+              variant="primary"
               onClick={(e) => {
                 e.stopPropagation()
                 onRename?.({
@@ -101,7 +101,7 @@ const Item = ({
               {t('common.operation.save')}
             </Button>
             <Button
-              size='small'
+              size="small"
               onClick={(e) => {
                 e.stopPropagation()
                 setRenaming(false)
@@ -114,31 +114,31 @@ const Item = ({
       }
       {
         !renaming && (
-          <div className='flex w-0 grow items-center space-x-1.5'>
+          <div className="flex w-0 grow items-center space-x-1.5">
             {
               showSelectedIcon && (
-                <div className='h-4 w-4'>
+                <div className="h-4 w-4">
                   {
                     selectedCredentialId === credential.id && (
-                      <RiCheckLine className='h-4 w-4 text-text-accent' />
+                      <RiCheckLine className="h-4 w-4 text-text-accent" />
                     )
                   }
                 </div>
               )
             }
             <Indicator
-              className='ml-2 mr-1.5 shrink-0'
+              className="ml-2 mr-1.5 shrink-0"
               color={credential.not_allowed_to_use ? 'gray' : 'green'}
             />
             <div
-              className='system-md-regular truncate text-text-secondary'
+              className="system-md-regular truncate text-text-secondary"
               title={credential.name}
             >
               {credential.name}
             </div>
             {
               credential.is_default && (
-                <Badge className='shrink-0'>
+                <Badge className="shrink-0">
                   {t('plugin.auth.default')}
                 </Badge>
               )
@@ -148,18 +148,18 @@ const Item = ({
       }
       {
         credential.from_enterprise && (
-          <Badge className='shrink-0'>
+          <Badge className="shrink-0">
             Enterprise
           </Badge>
         )
       }
       {
         showAction && !renaming && (
-          <div className='ml-2 hidden shrink-0 items-center group-hover:flex'>
+          <div className="ml-2 hidden shrink-0 items-center group-hover:flex">
             {
               !credential.is_default && !disableSetDefault && !credential.not_allowed_to_use && (
                 <Button
-                  size='small'
+                  size="small"
                   disabled={disabled}
                   onClick={(e) => {
                     e.stopPropagation()
@@ -181,7 +181,7 @@ const Item = ({
                       setRenameValue(credential.name)
                     }}
                   >
-                    <RiEditLine className='h-4 w-4 text-text-tertiary' />
+                    <RiEditLine className="h-4 w-4 text-text-tertiary" />
                   </ActionButton>
                 </Tooltip>
               )
@@ -203,7 +203,7 @@ const Item = ({
                       )
                     }}
                   >
-                    <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
+                    <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
                   </ActionButton>
                 </Tooltip>
               )
@@ -212,14 +212,14 @@ const Item = ({
               !disableDelete && !credential.from_enterprise && (
                 <Tooltip popupContent={t('common.operation.delete')}>
                   <ActionButton
-                    className='hover:bg-transparent'
+                    className="hover:bg-transparent"
                     disabled={disabled}
                     onClick={(e) => {
                       e.stopPropagation()
                       onDelete?.(credential.id)
                     }}
                   >
-                    <RiDeleteBinLine className='h-4 w-4 text-text-tertiary hover:text-text-destructive' />
+                    <RiDeleteBinLine className="h-4 w-4 text-text-tertiary hover:text-text-destructive" />
                   </ActionButton>
                 </Tooltip>
               )
diff --git a/web/app/components/plugins/plugin-auth/hooks/use-credential.ts b/web/app/components/plugins/plugin-auth/hooks/use-credential.ts
index 9c342f2ced..dadcb32764 100644
--- a/web/app/components/plugins/plugin-auth/hooks/use-credential.ts
+++ b/web/app/components/plugins/plugin-auth/hooks/use-credential.ts
@@ -1,3 +1,4 @@
+import type { CredentialTypeEnum, PluginPayload } from '../types'
 import {
   useAddPluginCredential,
   useDeletePluginCredential,
@@ -12,10 +13,8 @@ import {
   useSetPluginOAuthCustomClient,
   useUpdatePluginCredential,
 } from '@/service/use-plugins-auth'
-import { useGetApi } from './use-get-api'
-import type { PluginPayload } from '../types'
-import type { CredentialTypeEnum } from '../types'
 import { useInvalidToolsByType } from '@/service/use-tools'
+import { useGetApi } from './use-get-api'
 
 export const useGetPluginCredentialInfoHook = (pluginPayload: PluginPayload, enable?: boolean) => {
   const apiMap = useGetApi(pluginPayload)
diff --git a/web/app/components/plugins/plugin-auth/hooks/use-get-api.ts b/web/app/components/plugins/plugin-auth/hooks/use-get-api.ts
index fa0a21dcc1..0e36e0049b 100644
--- a/web/app/components/plugins/plugin-auth/hooks/use-get-api.ts
+++ b/web/app/components/plugins/plugin-auth/hooks/use-get-api.ts
@@ -1,10 +1,10 @@
-import {
-  AuthCategory,
-} from '../types'
 import type {
   CredentialTypeEnum,
   PluginPayload,
 } from '../types'
+import {
+  AuthCategory,
+} from '../types'
 
 export const useGetApi = ({ category = AuthCategory.tool, provider }: PluginPayload) => {
   if (category === AuthCategory.tool) {
diff --git a/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth-action.ts b/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth-action.ts
index 878597f4ba..bee5377a3a 100644
--- a/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth-action.ts
+++ b/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth-action.ts
@@ -1,3 +1,4 @@
+import type { PluginPayload } from '../types'
 import {
   useCallback,
   useRef,
@@ -5,7 +6,6 @@ import {
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useToastContext } from '@/app/components/base/toast'
-import type { PluginPayload } from '../types'
 import {
   useDeletePluginCredentialHook,
   useSetPluginDefaultCredentialHook,
diff --git a/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth.ts b/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth.ts
index 6d0c0496b6..92064c62e5 100644
--- a/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth.ts
+++ b/web/app/components/plugins/plugin-auth/hooks/use-plugin-auth.ts
@@ -1,10 +1,10 @@
+import type { PluginPayload } from '../types'
 import { useAppContext } from '@/context/app-context'
+import { CredentialTypeEnum } from '../types'
 import {
   useGetPluginCredentialInfoHook,
   useInvalidPluginCredentialInfoHook,
 } from './use-credential'
-import { CredentialTypeEnum } from '../types'
-import type { PluginPayload } from '../types'
 
 export const usePluginAuth = (pluginPayload: PluginPayload, enable?: boolean) => {
   const { data } = useGetPluginCredentialInfoHook(pluginPayload, enable)
diff --git a/web/app/components/plugins/plugin-auth/index.tsx b/web/app/components/plugins/plugin-auth/index.tsx
index ee6f839590..9fbc8f99d0 100644
--- a/web/app/components/plugins/plugin-auth/index.tsx
+++ b/web/app/components/plugins/plugin-auth/index.tsx
@@ -1,12 +1,12 @@
-export { default as PluginAuth } from './plugin-auth'
-export { default as Authorized } from './authorized'
-export { default as AuthorizedInNode } from './authorized-in-node'
-export { default as PluginAuthInAgent } from './plugin-auth-in-agent'
-export { usePluginAuth } from './hooks/use-plugin-auth'
-export { default as PluginAuthInDataSourceNode } from './plugin-auth-in-datasource-node'
-export { default as AuthorizedInDataSourceNode } from './authorized-in-data-source-node'
-export { default as AddOAuthButton } from './authorize/add-oauth-button'
 export { default as AddApiKeyButton } from './authorize/add-api-key-button'
+export { default as AddOAuthButton } from './authorize/add-oauth-button'
 export { default as ApiKeyModal } from './authorize/api-key-modal'
+export { default as Authorized } from './authorized'
+export { default as AuthorizedInDataSourceNode } from './authorized-in-data-source-node'
+export { default as AuthorizedInNode } from './authorized-in-node'
+export { usePluginAuth } from './hooks/use-plugin-auth'
 export * from './hooks/use-plugin-auth-action'
+export { default as PluginAuth } from './plugin-auth'
+export { default as PluginAuthInAgent } from './plugin-auth-in-agent'
+export { default as PluginAuthInDataSourceNode } from './plugin-auth-in-datasource-node'
 export * from './types'
diff --git a/web/app/components/plugins/plugin-auth/plugin-auth-in-agent.tsx b/web/app/components/plugins/plugin-auth/plugin-auth-in-agent.tsx
index a22dea2d09..78a8e9a54e 100644
--- a/web/app/components/plugins/plugin-auth/plugin-auth-in-agent.tsx
+++ b/web/app/components/plugins/plugin-auth/plugin-auth-in-agent.tsx
@@ -1,20 +1,20 @@
+import type {
+  Credential,
+  PluginPayload,
+} from './types'
+import { RiArrowDownSLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
-import { RiArrowDownSLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import Authorize from './authorize'
-import Authorized from './authorized'
-import type {
-  Credential,
-  PluginPayload,
-} from './types'
-import { usePluginAuth } from './hooks/use-plugin-auth'
 import Button from '@/app/components/base/button'
 import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
+import Authorize from './authorize'
+import Authorized from './authorized'
+import { usePluginAuth } from './hooks/use-plugin-auth'
 
 type PluginAuthInAgentProps = {
   pluginPayload: PluginPayload
@@ -80,16 +80,17 @@ const PluginAuthInAgent = ({
           'w-full',
           isOpen && 'bg-components-button-secondary-bg-hover',
           removed && 'text-text-destructive',
-        )}>
+        )}
+      >
         <Indicator
-          className='mr-2'
+          className="mr-2"
           color={color as any}
         />
         {label}
         {
           unavailable && t('plugin.auth.unavailable')
         }
-        <RiArrowDownSLine className='ml-0.5 h-4 w-4' />
+        <RiArrowDownSLine className="ml-0.5 h-4 w-4" />
       </Button>
     )
   }, [credentialId, credentials, t])
diff --git a/web/app/components/plugins/plugin-auth/plugin-auth-in-datasource-node.tsx b/web/app/components/plugins/plugin-auth/plugin-auth-in-datasource-node.tsx
index b592a377e4..b98e664c51 100644
--- a/web/app/components/plugins/plugin-auth/plugin-auth-in-datasource-node.tsx
+++ b/web/app/components/plugins/plugin-auth/plugin-auth-in-datasource-node.tsx
@@ -1,7 +1,7 @@
-import { memo } from 'react'
 import type { ReactNode } from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiAddLine } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 
 type PluginAuthInDataSourceNodeProps = {
@@ -19,13 +19,13 @@ const PluginAuthInDataSourceNode = ({
     <>
       {
         !isAuthorized && (
-          <div className='px-4 pb-2'>
+          <div className="px-4 pb-2">
             <Button
-              className='w-full'
-              variant='primary'
+              className="w-full"
+              variant="primary"
               onClick={onJumpToDataSourcePage}
             >
-              <RiAddLine className='mr-1 h-4 w-4' />
+              <RiAddLine className="mr-1 h-4 w-4" />
               {t('common.integrations.connect')}
             </Button>
           </div>
diff --git a/web/app/components/plugins/plugin-auth/plugin-auth.tsx b/web/app/components/plugins/plugin-auth/plugin-auth.tsx
index ab782505d5..23834d3078 100644
--- a/web/app/components/plugins/plugin-auth/plugin-auth.tsx
+++ b/web/app/components/plugins/plugin-auth/plugin-auth.tsx
@@ -1,9 +1,9 @@
+import type { PluginPayload } from './types'
 import { memo } from 'react'
+import { cn } from '@/utils/classnames'
 import Authorize from './authorize'
 import Authorized from './authorized'
-import type { PluginPayload } from './types'
 import { usePluginAuth } from './hooks/use-plugin-auth'
-import { cn } from '@/utils/classnames'
 
 type PluginAuthProps = {
   pluginPayload: PluginPayload
diff --git a/web/app/components/plugins/plugin-detail-panel/action-list.tsx b/web/app/components/plugins/plugin-detail-panel/action-list.tsx
index a6a4544216..96e25bbc54 100644
--- a/web/app/components/plugins/plugin-detail-panel/action-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/action-list.tsx
@@ -1,3 +1,4 @@
+import type { PluginDetail } from '@/app/components/plugins/types'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import ToolItem from '@/app/components/tools/provider/tool-item'
@@ -5,7 +6,6 @@ import {
   useAllToolProviders,
   useBuiltinTools,
 } from '@/service/use-tools'
-import type { PluginDetail } from '@/app/components/plugins/types'
 
 type Props = {
   detail: PluginDetail
@@ -27,13 +27,13 @@ const ActionList = ({
     return null
 
   return (
-    <div className='px-4 pb-4 pt-2'>
-      <div className='mb-1 py-1'>
-        <div className='system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary'>
+    <div className="px-4 pb-4 pt-2">
+      <div className="mb-1 py-1">
+        <div className="system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary">
           {t('plugin.detailPanel.actionNum', { num: data.length, action: data.length > 1 ? 'actions' : 'action' })}
         </div>
       </div>
-      <div className='flex flex-col gap-2'>
+      <div className="flex flex-col gap-2">
         {data.map(tool => (
           <ToolItem
             key={`${detail.plugin_id}${tool.name}`}
diff --git a/web/app/components/plugins/plugin-detail-panel/agent-strategy-list.tsx b/web/app/components/plugins/plugin-detail-panel/agent-strategy-list.tsx
index 4c5153de5d..afc75226ea 100644
--- a/web/app/components/plugins/plugin-detail-panel/agent-strategy-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/agent-strategy-list.tsx
@@ -1,10 +1,10 @@
+import type { PluginDetail } from '@/app/components/plugins/types'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import StrategyItem from '@/app/components/plugins/plugin-detail-panel/strategy-item'
 import {
   useStrategyProviderDetail,
 } from '@/service/use-strategy'
-import type { PluginDetail } from '@/app/components/plugins/types'
 
 type Props = {
   detail: PluginDetail
@@ -36,13 +36,13 @@ const AgentStrategyList = ({
     return null
 
   return (
-    <div className='px-4 pb-4 pt-2'>
-      <div className='mb-1 py-1'>
-        <div className='system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary'>
+    <div className="px-4 pb-4 pt-2">
+      <div className="mb-1 py-1">
+        <div className="system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary">
           {t('plugin.detailPanel.strategyNum', { num: strategyList.length, strategy: strategyList.length > 1 ? 'strategies' : 'strategy' })}
         </div>
       </div>
-      <div className='flex flex-col gap-2'>
+      <div className="flex flex-col gap-2">
         {strategyList.map(strategyDetail => (
           <StrategyItem
             key={`${strategyDetail.identity.provider}${strategyDetail.identity.name}`}
diff --git a/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-form.tsx b/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-form.tsx
index edab6482c1..3cd558fb3f 100644
--- a/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-form.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-form.tsx
@@ -1,10 +1,10 @@
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
-import { PortalSelect } from '@/app/components/base/select'
-import { InputVarType } from '@/app/components/workflow/types'
 import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
+import Input from '@/app/components/base/input'
+import { PortalSelect } from '@/app/components/base/select'
+import Textarea from '@/app/components/base/textarea'
+import { InputVarType } from '@/app/components/workflow/types'
 
 type Props = {
   inputsForms: any[]
@@ -108,12 +108,12 @@ const AppInputsForm = ({
     return null
 
   return (
-    <div className='flex flex-col gap-4 px-4 py-2'>
+    <div className="flex flex-col gap-4 px-4 py-2">
       {inputsForms.map(form => (
         <div key={form.variable}>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary'>
-            <div className='truncate'>{form.label}</div>
-            {!form.required && <span className='system-xs-regular text-text-tertiary'>{t('workflow.panel.optional')}</span>}
+          <div className="system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary">
+            <div className="truncate">{form.label}</div>
+            {!form.required && <span className="system-xs-regular text-text-tertiary">{t('workflow.panel.optional')}</span>}
           </div>
           {renderField(form)}
         </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-panel.tsx b/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-panel.tsx
index f54a3c6027..2fc94bd00d 100644
--- a/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-panel.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-panel.tsx
@@ -1,16 +1,16 @@
 'use client'
+import type { FileUpload } from '@/app/components/base/features/types'
+import type { App } from '@/types/app'
 import React, { useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import Loading from '@/app/components/base/loading'
-import AppInputsForm from '@/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-form'
-import { useAppDetail } from '@/service/use-apps'
-import { useAppWorkflow } from '@/service/use-workflow'
-import { useFileUploadConfig } from '@/service/use-common'
-import { AppModeEnum, Resolution } from '@/types/app'
 import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
-import type { App } from '@/types/app'
-import type { FileUpload } from '@/app/components/base/features/types'
+import AppInputsForm from '@/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-form'
 import { BlockEnum, InputVarType, SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { useAppDetail } from '@/service/use-apps'
+import { useFileUploadConfig } from '@/service/use-common'
+import { useAppWorkflow } from '@/service/use-workflow'
+import { AppModeEnum, Resolution } from '@/types/app'
 
 import { cn } from '@/utils/classnames'
 
@@ -168,17 +168,17 @@ const AppInputsPanel = ({
 
   return (
     <div className={cn('flex max-h-[240px] flex-col rounded-b-2xl border-t border-divider-subtle pb-4')}>
-      {isLoading && <div className='pt-3'><Loading type='app' /></div>}
+      {isLoading && <div className="pt-3"><Loading type="app" /></div>}
       {!isLoading && (
-        <div className='system-sm-semibold mb-2 mt-3 flex h-6 shrink-0 items-center px-4 text-text-secondary'>{t('app.appSelector.params')}</div>
+        <div className="system-sm-semibold mb-2 mt-3 flex h-6 shrink-0 items-center px-4 text-text-secondary">{t('app.appSelector.params')}</div>
       )}
       {!isLoading && !inputFormSchema.length && (
-        <div className='flex h-16 flex-col items-center justify-center'>
-          <div className='system-sm-regular text-text-tertiary'>{t('app.appSelector.noParams')}</div>
+        <div className="flex h-16 flex-col items-center justify-center">
+          <div className="system-sm-regular text-text-tertiary">{t('app.appSelector.noParams')}</div>
         </div>
       )}
       {!isLoading && !!inputFormSchema.length && (
-        <div className='grow overflow-y-auto'>
+        <div className="grow overflow-y-auto">
           <AppInputsForm
             inputs={value?.inputs || {}}
             inputsRef={inputsRef}
diff --git a/web/app/components/plugins/plugin-detail-panel/app-selector/app-picker.tsx b/web/app/components/plugins/plugin-detail-panel/app-selector/app-picker.tsx
index 43fb4b30e0..ca916cf662 100644
--- a/web/app/components/plugins/plugin-detail-panel/app-selector/app-picker.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/app-selector/app-picker.tsx
@@ -1,19 +1,20 @@
 'use client'
+import type {
+  OffsetOptions,
+  Placement,
+} from '@floating-ui/react'
 import type { FC } from 'react'
+import type { App } from '@/types/app'
 import React, { useCallback, useEffect, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type {
-  OffsetOptions,
-  Placement,
-} from '@floating-ui/react'
-import Input from '@/app/components/base/input'
-import AppIcon from '@/app/components/base/app-icon'
-import { type App, AppModeEnum } from '@/types/app'
-import { useTranslation } from 'react-i18next'
+import { AppModeEnum } from '@/types/app'
 
 type Props = {
   scope: string
@@ -55,7 +56,8 @@ const AppPicker: FC<Props> = ({
 
   const handleIntersection = useCallback((entries: IntersectionObserverEntry[]) => {
     const target = entries[0]
-    if (!target.isIntersecting || loadingRef.current || !hasMore || isLoading) return
+    if (!target.isIntersecting || loadingRef.current || !hasMore || isLoading)
+      return
 
     loadingRef.current = true
     onLoadMore()
@@ -77,7 +79,8 @@ const AppPicker: FC<Props> = ({
     let mutationObserver: MutationObserver | null = null
 
     const setupIntersectionObserver = () => {
-      if (!observerTarget.current) return
+      if (!observerTarget.current)
+        return
 
       // Create new observer
       observerRef.current = new IntersectionObserver(handleIntersection, {
@@ -132,7 +135,8 @@ const AppPicker: FC<Props> = ({
   }
 
   const handleTriggerClick = () => {
-    if (disabled) return
+    if (disabled)
+      return
     onShowChange(true)
   }
 
@@ -149,9 +153,9 @@ const AppPicker: FC<Props> = ({
         {trigger}
       </PortalToFollowElemTrigger>
 
-      <PortalToFollowElemContent className='z-[1000]'>
+      <PortalToFollowElemContent className="z-[1000]">
         <div className="relative flex max-h-[400px] min-h-20 w-[356px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
-          <div className='p-2 pb-1'>
+          <div className="p-2 pb-1">
             <Input
               showLeftIcon
               showClearIcon
@@ -160,29 +164,29 @@ const AppPicker: FC<Props> = ({
               onClear={() => onSearchChange('')}
             />
           </div>
-          <div className='min-h-0 flex-1 overflow-y-auto p-1'>
+          <div className="min-h-0 flex-1 overflow-y-auto p-1">
             {apps.map(app => (
               <div
                 key={app.id}
-                className='flex cursor-pointer items-center gap-3 rounded-lg py-1 pl-2 pr-3 hover:bg-state-base-hover'
+                className="flex cursor-pointer items-center gap-3 rounded-lg py-1 pl-2 pr-3 hover:bg-state-base-hover"
                 onClick={() => onSelect(app)}
               >
                 <AppIcon
-                  className='shrink-0'
-                  size='xs'
+                  className="shrink-0"
+                  size="xs"
                   iconType={app.icon_type}
                   icon={app.icon}
                   background={app.icon_background}
                   imageUrl={app.icon_url}
                 />
-                <div title={app.name} className='system-sm-medium grow text-components-input-text-filled'>{app.name}</div>
-                <div className='system-2xs-medium-uppercase shrink-0 text-text-tertiary'>{getAppType(app)}</div>
+                <div title={app.name} className="system-sm-medium grow text-components-input-text-filled">{app.name}</div>
+                <div className="system-2xs-medium-uppercase shrink-0 text-text-tertiary">{getAppType(app)}</div>
               </div>
             ))}
-            <div ref={observerTarget} className='h-4 w-full'>
+            <div ref={observerTarget} className="h-4 w-full">
               {isLoading && (
-                <div className='flex justify-center py-2'>
-                  <div className='text-sm text-gray-500'>{t('common.loading')}</div>
+                <div className="flex justify-center py-2">
+                  <div className="text-sm text-gray-500">{t('common.loading')}</div>
                 </div>
               )}
             </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/app-selector/app-trigger.tsx b/web/app/components/plugins/plugin-detail-panel/app-selector/app-trigger.tsx
index 5030c804d7..54dc1562fd 100644
--- a/web/app/components/plugins/plugin-detail-panel/app-selector/app-trigger.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/app-selector/app-trigger.tsx
@@ -1,11 +1,11 @@
 'use client'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import type { App } from '@/types/app'
 import {
   RiArrowDownSLine,
 } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import AppIcon from '@/app/components/base/app-icon'
-import type { App } from '@/types/app'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -23,11 +23,12 @@ const AppTrigger = ({
       'group flex cursor-pointer items-center rounded-lg bg-components-input-bg-normal p-2 pl-3 hover:bg-state-base-hover-alt',
       open && 'bg-state-base-hover-alt',
       appDetail && 'py-1.5 pl-1.5',
-    )}>
+    )}
+    >
       {appDetail && (
         <AppIcon
-          className='mr-2'
-          size='xs'
+          className="mr-2"
+          size="xs"
           iconType={appDetail.icon_type}
           icon={appDetail.icon}
           background={appDetail.icon_background}
@@ -35,10 +36,10 @@ const AppTrigger = ({
         />
       )}
       {appDetail && (
-        <div title={appDetail.name} className='system-sm-medium grow text-components-input-text-filled'>{appDetail.name}</div>
+        <div title={appDetail.name} className="system-sm-medium grow text-components-input-text-filled">{appDetail.name}</div>
       )}
       {!appDetail && (
-        <div className='system-sm-regular grow truncate text-components-input-text-placeholder'>{t('app.appSelector.placeholder')}</div>
+        <div className="system-sm-regular grow truncate text-components-input-text-placeholder">{t('app.appSelector.placeholder')}</div>
       )}
       <RiArrowDownSLine className={cn('ml-0.5 h-4 w-4 shrink-0 text-text-quaternary group-hover:text-text-secondary', open && 'text-text-secondary')} />
     </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/app-selector/index.tsx b/web/app/components/plugins/plugin-detail-panel/app-selector/index.tsx
index 0f7ab60bd3..965ae4e47a 100644
--- a/web/app/components/plugins/plugin-detail-panel/app-selector/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/app-selector/index.tsx
@@ -1,5 +1,10 @@
 'use client'
+import type {
+  OffsetOptions,
+  Placement,
+} from '@floating-ui/react'
 import type { FC } from 'react'
+import type { App } from '@/types/app'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import {
@@ -7,14 +12,9 @@ import {
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import AppTrigger from '@/app/components/plugins/plugin-detail-panel/app-selector/app-trigger'
-import AppPicker from '@/app/components/plugins/plugin-detail-panel/app-selector/app-picker'
 import AppInputsPanel from '@/app/components/plugins/plugin-detail-panel/app-selector/app-inputs-panel'
-import type { App } from '@/types/app'
-import type {
-  OffsetOptions,
-  Placement,
-} from '@floating-ui/react'
+import AppPicker from '@/app/components/plugins/plugin-detail-panel/app-selector/app-picker'
+import AppTrigger from '@/app/components/plugins/plugin-detail-panel/app-selector/app-trigger'
 import { useInfiniteAppList } from '@/service/use-apps'
 
 const PAGE_SIZE = 20
@@ -64,14 +64,16 @@ const AppSelector: FC<Props> = ({
 
   const pages = data?.pages ?? []
   const displayedApps = useMemo(() => {
-    if (!pages.length) return []
+    if (!pages.length)
+      return []
     return pages.flatMap(({ data: apps }) => apps)
   }, [pages])
 
   const hasMore = hasNextPage ?? true
 
   const handleLoadMore = useCallback(async () => {
-    if (isLoadingMore || isFetchingNextPage || !hasMore) return
+    if (isLoadingMore || isFetchingNextPage || !hasMore)
+      return
 
     setIsLoadingMore(true)
     try {
@@ -86,7 +88,8 @@ const AppSelector: FC<Props> = ({
   }, [isLoadingMore, isFetchingNextPage, hasMore, fetchNextPage])
 
   const handleTriggerClick = () => {
-    if (disabled) return
+    if (disabled)
+      return
     onShowChange(true)
   }
 
@@ -138,7 +141,7 @@ const AppSelector: FC<Props> = ({
         onOpenChange={onShowChange}
       >
         <PortalToFollowElemTrigger
-          className='w-full'
+          className="w-full"
           onClick={handleTriggerClick}
         >
           <AppTrigger
@@ -146,19 +149,19 @@ const AppSelector: FC<Props> = ({
             appDetail={currentAppInfo}
           />
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1000]'>
+        <PortalToFollowElemContent className="z-[1000]">
           <div className="relative min-h-20 w-[389px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
-            <div className='flex flex-col gap-1 px-4 py-3'>
-              <div className='system-sm-semibold flex h-6 items-center text-text-secondary'>{t('app.appSelector.label')}</div>
+            <div className="flex flex-col gap-1 px-4 py-3">
+              <div className="system-sm-semibold flex h-6 items-center text-text-secondary">{t('app.appSelector.label')}</div>
               <AppPicker
-                placement='bottom'
+                placement="bottom"
                 offset={offset}
-                trigger={
+                trigger={(
                   <AppTrigger
                     open={isShowChooseApp}
                     appDetail={currentAppInfo}
                   />
-                }
+                )}
                 isShow={isShowChooseApp}
                 onShowChange={setIsShowChooseApp}
                 disabled={false}
diff --git a/web/app/components/plugins/plugin-detail-panel/datasource-action-list.tsx b/web/app/components/plugins/plugin-detail-panel/datasource-action-list.tsx
index 5565f05b11..003829b9ff 100644
--- a/web/app/components/plugins/plugin-detail-panel/datasource-action-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/datasource-action-list.tsx
@@ -1,5 +1,3 @@
-import React, { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
 // import { useAppContext } from '@/context/app-context'
 // import Button from '@/app/components/base/button'
 // import Toast from '@/app/components/base/toast'
@@ -7,8 +5,10 @@ import { useTranslation } from 'react-i18next'
 // import ToolItem from '@/app/components/tools/provider/tool-item'
 // import ConfigCredential from '@/app/components/tools/setting/build-in/config-credentials'
 import type { PluginDetail } from '@/app/components/plugins/types'
-import { useDataSourceList } from '@/service/use-pipeline'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { transformDataSourceToTool } from '@/app/components/workflow/block-selector/utils'
+import { useDataSourceList } from '@/service/use-pipeline'
 
 type Props = {
   detail: PluginDetail
@@ -53,9 +53,9 @@ const ActionList = ({
     return null
 
   return (
-    <div className='px-4 pb-4 pt-2'>
-      <div className='mb-1 py-1'>
-        <div className='system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary'>
+    <div className="px-4 pb-4 pt-2">
+      <div className="mb-1 py-1">
+        <div className="system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary">
           {t('plugin.detailPanel.actionNum', { num: data.length, action: data.length > 1 ? 'actions' : 'action' })}
           {/* {provider.is_team_authorization && provider.allow_delete && (
             <Button
diff --git a/web/app/components/plugins/plugin-detail-panel/detail-header.tsx b/web/app/components/plugins/plugin-detail-panel/detail-header.tsx
index 66c352caa0..6fe439b631 100644
--- a/web/app/components/plugins/plugin-detail-panel/detail-header.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/detail-header.tsx
@@ -1,4 +1,15 @@
+import type { PluginDetail } from '../types'
+import {
+  RiArrowLeftRightLine,
+  RiBugLine,
+  RiCloseLine,
+  RiHardDrive3Line,
+} from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
+import { trackEvent } from '@/app/components/base/amplitude'
 import Badge from '@/app/components/base/badge'
 import Button from '@/app/components/base/button'
 import Confirm from '@/app/components/base/confirm'
@@ -17,22 +28,13 @@ import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useGetLanguage, useI18N } from '@/context/i18n'
 import { useModalContext } from '@/context/modal-context'
 import { useProviderContext } from '@/context/provider-context'
+import useTheme from '@/hooks/use-theme'
 import { uninstallPlugin } from '@/service/plugins'
 import { useAllToolProviders, useInvalidateAllToolProviders } from '@/service/use-tools'
 import { cn } from '@/utils/classnames'
 import { getMarketplaceUrl } from '@/utils/var'
-import {
-  RiArrowLeftRightLine,
-  RiBugLine,
-  RiCloseLine,
-  RiHardDrive3Line,
-} from '@remixicon/react'
-import { useBoolean } from 'ahooks'
-import React, { useCallback, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import useTheme from '@/hooks/use-theme'
-import Verified from '../base/badges/verified'
 import { AutoUpdateLine } from '../../base/icons/src/vender/system'
+import Verified from '../base/badges/verified'
 import DeprecationNotice from '../base/deprecation-notice'
 import Icon from '../card/base/card-icon'
 import Description from '../card/base/description'
@@ -42,9 +44,7 @@ import { useGitHubReleases } from '../install-plugin/hooks'
 import useReferenceSetting from '../plugin-page/use-reference-setting'
 import { AUTO_UPDATE_MODE } from '../reference-setting-modal/auto-update-setting/types'
 import { convertUTCDaySecondsToLocalSeconds, timeOfDayToDayjs } from '../reference-setting-modal/auto-update-setting/utils'
-import type { PluginDetail } from '../types'
 import { PluginCategoryEnum, PluginSource } from '../types'
-import { trackEvent } from '@/app/components/base/amplitude'
 
 const i18nPrefix = 'plugin.action'
 
@@ -157,7 +157,8 @@ const DetailHeader = ({
     const owner = meta!.repo.split('/')[0] || author
     const repo = meta!.repo.split('/')[1] || name
     const fetchedReleases = await fetchReleases(owner, repo)
-    if (fetchedReleases.length === 0) return
+    if (fetchedReleases.length === 0)
+      return
     const { needUpdate, toastProps } = checkForUpdates(fetchedReleases, meta!.version)
     Toast.notify(toastProps)
     if (needUpdate) {
@@ -226,94 +227,105 @@ const DetailHeader = ({
         <div className="ml-3 w-0 grow">
           <div className="flex h-5 items-center">
             <Title title={label[locale]} />
-            {verified && !isReadmeView && <Verified className='ml-0.5 h-4 w-4' text={t('plugin.marketplace.verifiedTip')} />}
-            {version && <PluginVersionPicker
-              disabled={!isFromMarketplace || isReadmeView}
-              isShow={isShow}
-              onShowChange={setIsShow}
-              pluginID={plugin_id}
-              currentVersion={version}
-              onSelect={(state) => {
-                setTargetVersion(state)
-                handleUpdate(state.isDowngrade)
-              }}
-              trigger={
-                <Badge
-                  className={cn(
-                    'mx-1',
-                    isShow && 'bg-state-base-hover',
-                    (isShow || isFromMarketplace) && 'hover:bg-state-base-hover',
-                  )}
-                  uppercase={false}
-                  text={
-                    <>
-                      <div>{isFromGitHub ? meta!.version : version}</div>
-                      {isFromMarketplace && !isReadmeView && <RiArrowLeftRightLine className='ml-1 h-3 w-3 text-text-tertiary' />}
-                    </>
-                  }
-                  hasRedCornerMark={hasNewVersion}
-                />
-              }
-            />}
+            {verified && !isReadmeView && <Verified className="ml-0.5 h-4 w-4" text={t('plugin.marketplace.verifiedTip')} />}
+            {version && (
+              <PluginVersionPicker
+                disabled={!isFromMarketplace || isReadmeView}
+                isShow={isShow}
+                onShowChange={setIsShow}
+                pluginID={plugin_id}
+                currentVersion={version}
+                onSelect={(state) => {
+                  setTargetVersion(state)
+                  handleUpdate(state.isDowngrade)
+                }}
+                trigger={(
+                  <Badge
+                    className={cn(
+                      'mx-1',
+                      isShow && 'bg-state-base-hover',
+                      (isShow || isFromMarketplace) && 'hover:bg-state-base-hover',
+                    )}
+                    uppercase={false}
+                    text={(
+                      <>
+                        <div>{isFromGitHub ? meta!.version : version}</div>
+                        {isFromMarketplace && !isReadmeView && <RiArrowLeftRightLine className="ml-1 h-3 w-3 text-text-tertiary" />}
+                      </>
+                    )}
+                    hasRedCornerMark={hasNewVersion}
+                  />
+                )}
+              />
+            )}
             {/* Auto update info */}
             {isAutoUpgradeEnabled && !isReadmeView && (
               <Tooltip popupContent={t('plugin.autoUpdate.nextUpdateTime', { time: timeOfDayToDayjs(convertUTCDaySecondsToLocalSeconds(autoUpgradeInfo?.upgrade_time_of_day || 0, timezone!)).format('hh:mm A') })}>
                 {/* add a a div to fix tooltip hover not show problem */}
                 <div>
-                  <Badge className='mr-1 cursor-pointer px-1'>
-                    <AutoUpdateLine className='size-3' />
+                  <Badge className="mr-1 cursor-pointer px-1">
+                    <AutoUpdateLine className="size-3" />
                   </Badge>
                 </div>
               </Tooltip>
             )}
 
             {(hasNewVersion || isFromGitHub) && (
-              <Button variant='secondary-accent' size='small' className='!h-5' onClick={() => {
-                if (isFromMarketplace) {
-                  setTargetVersion({
-                    version: latest_version,
-                    unique_identifier: latest_unique_identifier,
-                  })
-                }
-                handleUpdate()
-              }}>{t('plugin.detailPanel.operation.update')}</Button>
+              <Button
+                variant="secondary-accent"
+                size="small"
+                className="!h-5"
+                onClick={() => {
+                  if (isFromMarketplace) {
+                    setTargetVersion({
+                      version: latest_version,
+                      unique_identifier: latest_unique_identifier,
+                    })
+                  }
+                  handleUpdate()
+                }}
+              >
+                {t('plugin.detailPanel.operation.update')}
+              </Button>
             )}
           </div>
-          <div className='mb-1 flex h-4 items-center justify-between'>
-            <div className='mt-0.5 flex items-center'>
+          <div className="mb-1 flex h-4 items-center justify-between">
+            <div className="mt-0.5 flex items-center">
               <OrgInfo
-                packageNameClassName='w-auto'
+                packageNameClassName="w-auto"
                 orgName={author}
                 packageName={name?.includes('/') ? (name.split('/').pop() || '') : name}
               />
-              {source && <>
-                <div className='system-xs-regular ml-1 mr-0.5 text-text-quaternary'>·</div>
-                {source === PluginSource.marketplace && (
-                  <Tooltip popupContent={t('plugin.detailPanel.categoryTip.marketplace')} >
-                    <div><BoxSparkleFill className='h-3.5 w-3.5 text-text-tertiary hover:text-text-accent' /></div>
-                  </Tooltip>
-                )}
-                {source === PluginSource.github && (
-                  <Tooltip popupContent={t('plugin.detailPanel.categoryTip.github')} >
-                    <div><Github className='h-3.5 w-3.5 text-text-secondary hover:text-text-primary' /></div>
-                  </Tooltip>
-                )}
-                {source === PluginSource.local && (
-                  <Tooltip popupContent={t('plugin.detailPanel.categoryTip.local')} >
-                    <div><RiHardDrive3Line className='h-3.5 w-3.5 text-text-tertiary' /></div>
-                  </Tooltip>
-                )}
-                {source === PluginSource.debugging && (
-                  <Tooltip popupContent={t('plugin.detailPanel.categoryTip.debugging')} >
-                    <div><RiBugLine className='h-3.5 w-3.5 text-text-tertiary hover:text-text-warning' /></div>
-                  </Tooltip>
-                )}
-              </>}
+              {source && (
+                <>
+                  <div className="system-xs-regular ml-1 mr-0.5 text-text-quaternary">·</div>
+                  {source === PluginSource.marketplace && (
+                    <Tooltip popupContent={t('plugin.detailPanel.categoryTip.marketplace')}>
+                      <div><BoxSparkleFill className="h-3.5 w-3.5 text-text-tertiary hover:text-text-accent" /></div>
+                    </Tooltip>
+                  )}
+                  {source === PluginSource.github && (
+                    <Tooltip popupContent={t('plugin.detailPanel.categoryTip.github')}>
+                      <div><Github className="h-3.5 w-3.5 text-text-secondary hover:text-text-primary" /></div>
+                    </Tooltip>
+                  )}
+                  {source === PluginSource.local && (
+                    <Tooltip popupContent={t('plugin.detailPanel.categoryTip.local')}>
+                      <div><RiHardDrive3Line className="h-3.5 w-3.5 text-text-tertiary" /></div>
+                    </Tooltip>
+                  )}
+                  {source === PluginSource.debugging && (
+                    <Tooltip popupContent={t('plugin.detailPanel.categoryTip.debugging')}>
+                      <div><RiBugLine className="h-3.5 w-3.5 text-text-tertiary hover:text-text-warning" /></div>
+                    </Tooltip>
+                  )}
+                </>
+              )}
             </div>
           </div>
         </div>
         {!isReadmeView && (
-          <div className='flex gap-1'>
+          <div className="flex gap-1">
             <OperationDropdown
               source={source}
               onInfo={showPluginInfo}
@@ -322,9 +334,10 @@ const DetailHeader = ({
               detailUrl={detailUrl}
             />
             <ActionButton onClick={onHide}>
-              <RiCloseLine className='h-4 w-4' />
+              <RiCloseLine className="h-4 w-4" />
             </ActionButton>
-          </div>)}
+          </div>
+        )}
       </div>
       {isFromMarketplace && (
         <DeprecationNotice
@@ -332,10 +345,10 @@ const DetailHeader = ({
           deprecatedReason={deprecated_reason}
           alternativePluginId={alternative_plugin_id}
           alternativePluginURL={getMarketplaceUrl(`/plugins/${alternative_plugin_id}`, { language: currentLocale, theme })}
-          className='mt-3'
+          className="mt-3"
         />
       )}
-      {!isReadmeView && <Description className='mb-2 mt-3 h-auto' text={description[locale]} descriptionLineRows={2}></Description>}
+      {!isReadmeView && <Description className="mb-2 mt-3 h-auto" text={description[locale]} descriptionLineRows={2}></Description>}
       {
         category === PluginCategoryEnum.tool && !isReadmeView && (
           <PluginAuth
@@ -360,11 +373,14 @@ const DetailHeader = ({
         <Confirm
           isShow
           title={t(`${i18nPrefix}.delete`)}
-          content={
+          content={(
             <div>
-              {t(`${i18nPrefix}.deleteContentLeft`)}<span className='system-md-semibold'>{label[locale]}</span>{t(`${i18nPrefix}.deleteContentRight`)}<br />
+              {t(`${i18nPrefix}.deleteContentLeft`)}
+              <span className="system-md-semibold">{label[locale]}</span>
+              {t(`${i18nPrefix}.deleteContentRight`)}
+              <br />
             </div>
-          }
+          )}
           onCancel={hideDeleteConfirm}
           onConfirm={handleDelete}
           isLoading={deleting}
diff --git a/web/app/components/plugins/plugin-detail-panel/endpoint-card.tsx b/web/app/components/plugins/plugin-detail-panel/endpoint-card.tsx
index 9c3765def3..ba4d26d3dd 100644
--- a/web/app/components/plugins/plugin-detail-panel/endpoint-card.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/endpoint-card.tsx
@@ -1,25 +1,25 @@
-import React, { useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { EndpointListItem, PluginDetail } from '../types'
+import { RiClipboardLine, RiDeleteBinLine, RiEditLine, RiLoginCircleLine } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import copy from 'copy-to-clipboard'
-import { RiClipboardLine, RiDeleteBinLine, RiEditLine, RiLoginCircleLine } from '@remixicon/react'
-import type { EndpointListItem, PluginDetail } from '../types'
-import EndpointModal from './endpoint-modal'
-import { NAME_FIELD } from './utils'
-import { addDefaultValue, toolCredentialToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
-import { CopyCheck } from '@/app/components/base/icons/src/vender/line/files'
+import React, { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import Confirm from '@/app/components/base/confirm'
-import Indicator from '@/app/components/header/indicator'
+import { CopyCheck } from '@/app/components/base/icons/src/vender/line/files'
 import Switch from '@/app/components/base/switch'
 import Toast from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
+import Indicator from '@/app/components/header/indicator'
+import { addDefaultValue, toolCredentialToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
 import {
   useDeleteEndpoint,
   useDisableEndpoint,
   useEnableEndpoint,
   useUpdateEndpoint,
 } from '@/service/use-endpoints'
+import EndpointModal from './endpoint-modal'
+import { NAME_FIELD } from './utils'
 
 type Props = {
   pluginDetail: PluginDetail
@@ -135,54 +135,54 @@ const EndpointCard = ({
   const CopyIcon = isCopied ? CopyCheck : RiClipboardLine
 
   return (
-    <div className='rounded-xl bg-background-section-burn p-0.5'>
-      <div className='group rounded-[10px] border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-2.5 pl-3'>
-        <div className='flex items-center'>
-          <div className='system-md-semibold mb-1 flex h-6 grow items-center gap-1 text-text-secondary'>
-            <RiLoginCircleLine className='h-4 w-4' />
+    <div className="rounded-xl bg-background-section-burn p-0.5">
+      <div className="group rounded-[10px] border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-2.5 pl-3">
+        <div className="flex items-center">
+          <div className="system-md-semibold mb-1 flex h-6 grow items-center gap-1 text-text-secondary">
+            <RiLoginCircleLine className="h-4 w-4" />
             <div>{data.name}</div>
           </div>
-          <div className='hidden items-center group-hover:flex'>
+          <div className="hidden items-center group-hover:flex">
             <ActionButton onClick={showEndpointModalConfirm}>
-              <RiEditLine className='h-4 w-4' />
+              <RiEditLine className="h-4 w-4" />
             </ActionButton>
-            <ActionButton onClick={showDeleteConfirm} className='text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'>
-              <RiDeleteBinLine className='h-4 w-4' />
+            <ActionButton onClick={showDeleteConfirm} className="text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive">
+              <RiDeleteBinLine className="h-4 w-4" />
             </ActionButton>
           </div>
         </div>
         {data.declaration.endpoints.filter(endpoint => !endpoint.hidden).map((endpoint, index) => (
-          <div key={index} className='flex h-6 items-center'>
-            <div className='system-xs-regular w-12 shrink-0 text-text-tertiary'>{endpoint.method}</div>
-            <div className='group/item system-xs-regular flex grow items-center truncate text-text-secondary'>
-              <div title={`${data.url}${endpoint.path}`} className='truncate'>{`${data.url}${endpoint.path}`}</div>
-              <Tooltip popupContent={t(`common.operation.${isCopied ? 'copied' : 'copy'}`)} position='top'>
-                <ActionButton className='ml-2 hidden shrink-0 group-hover/item:flex' onClick={() => handleCopy(`${data.url}${endpoint.path}`)}>
-                  <CopyIcon className='h-3.5 w-3.5 text-text-tertiary' />
+          <div key={index} className="flex h-6 items-center">
+            <div className="system-xs-regular w-12 shrink-0 text-text-tertiary">{endpoint.method}</div>
+            <div className="group/item system-xs-regular flex grow items-center truncate text-text-secondary">
+              <div title={`${data.url}${endpoint.path}`} className="truncate">{`${data.url}${endpoint.path}`}</div>
+              <Tooltip popupContent={t(`common.operation.${isCopied ? 'copied' : 'copy'}`)} position="top">
+                <ActionButton className="ml-2 hidden shrink-0 group-hover/item:flex" onClick={() => handleCopy(`${data.url}${endpoint.path}`)}>
+                  <CopyIcon className="h-3.5 w-3.5 text-text-tertiary" />
                 </ActionButton>
               </Tooltip>
             </div>
           </div>
         ))}
       </div>
-      <div className='flex items-center justify-between p-2 pl-3'>
+      <div className="flex items-center justify-between p-2 pl-3">
         {active && (
-          <div className='system-xs-semibold-uppercase flex items-center gap-1 text-util-colors-green-green-600'>
-            <Indicator color='green' />
+          <div className="system-xs-semibold-uppercase flex items-center gap-1 text-util-colors-green-green-600">
+            <Indicator color="green" />
             {t('plugin.detailPanel.serviceOk')}
           </div>
         )}
         {!active && (
-          <div className='system-xs-semibold-uppercase flex items-center gap-1 text-text-tertiary'>
-            <Indicator color='gray' />
+          <div className="system-xs-semibold-uppercase flex items-center gap-1 text-text-tertiary">
+            <Indicator color="gray" />
             {t('plugin.detailPanel.disabled')}
           </div>
         )}
         <Switch
-          className='ml-3'
+          className="ml-3"
           defaultValue={active}
           onChange={handleSwitch}
-          size='sm'
+          size="sm"
         />
       </div>
       {isShowDisableConfirm && (
diff --git a/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx b/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx
index 74c034e2ee..a1ccbcd446 100644
--- a/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx
@@ -1,26 +1,26 @@
-import React, { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useDocLink } from '@/context/i18n'
-import { useBoolean } from 'ahooks'
+import type { PluginDetail } from '@/app/components/plugins/types'
 import {
   RiAddLine,
   RiApps2AddLine,
   RiBookOpenLine,
 } from '@remixicon/react'
-import EndpointModal from './endpoint-modal'
-import EndpointCard from './endpoint-card'
-import { NAME_FIELD } from './utils'
-import { toolCredentialToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
+import { useBoolean } from 'ahooks'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
 import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import { toolCredentialToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
+import { useDocLink } from '@/context/i18n'
 import {
   useCreateEndpoint,
   useEndpointList,
   useInvalidateEndpointList,
 } from '@/service/use-endpoints'
-import type { PluginDetail } from '@/app/components/plugins/types'
 import { cn } from '@/utils/classnames'
+import EndpointCard from './endpoint-card'
+import EndpointModal from './endpoint-modal'
+import { NAME_FIELD } from './utils'
 
 type Props = {
   detail: PluginDetail
@@ -63,40 +63,40 @@ const EndpointList = ({ detail }: Props) => {
 
   return (
     <div className={cn('border-divider-subtle px-4 py-2', showTopBorder && 'border-t')}>
-      <div className='system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary'>
-        <div className='flex items-center gap-0.5'>
+      <div className="system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary">
+        <div className="flex items-center gap-0.5">
           {t('plugin.detailPanel.endpoints')}
           <Tooltip
-            position='right'
-            popupClassName='w-[240px] p-4 rounded-xl bg-components-panel-bg-blur border-[0.5px] border-components-panel-border'
-            popupContent={
-              <div className='flex flex-col gap-2'>
-                <div className='flex h-8 w-8 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-subtle'>
-                  <RiApps2AddLine className='h-4 w-4 text-text-tertiary' />
+            position="right"
+            popupClassName="w-[240px] p-4 rounded-xl bg-components-panel-bg-blur border-[0.5px] border-components-panel-border"
+            popupContent={(
+              <div className="flex flex-col gap-2">
+                <div className="flex h-8 w-8 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-subtle">
+                  <RiApps2AddLine className="h-4 w-4 text-text-tertiary" />
                 </div>
-                <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.endpointsTip')}</div>
+                <div className="system-xs-regular text-text-tertiary">{t('plugin.detailPanel.endpointsTip')}</div>
                 <a
                   href={docLink('/plugins/schema-definition/endpoint')}
-                  target='_blank'
-                  rel='noopener noreferrer'
+                  target="_blank"
+                  rel="noopener noreferrer"
                 >
-                  <div className='system-xs-regular inline-flex cursor-pointer items-center gap-1 text-text-accent'>
-                    <RiBookOpenLine className='h-3 w-3' />
+                  <div className="system-xs-regular inline-flex cursor-pointer items-center gap-1 text-text-accent">
+                    <RiBookOpenLine className="h-3 w-3" />
                     {t('plugin.detailPanel.endpointsDocLink')}
                   </div>
                 </a>
               </div>
-            }
+            )}
           />
         </div>
         <ActionButton onClick={showEndpointModal}>
-          <RiAddLine className='h-4 w-4' />
+          <RiAddLine className="h-4 w-4" />
         </ActionButton>
       </div>
       {data.endpoints.length === 0 && (
-        <div className='system-xs-regular mb-1 flex justify-center rounded-[10px] bg-background-section p-3 text-text-tertiary'>{t('plugin.detailPanel.endpointsEmpty')}</div>
+        <div className="system-xs-regular mb-1 flex justify-center rounded-[10px] bg-background-section p-3 text-text-tertiary">{t('plugin.detailPanel.endpointsEmpty')}</div>
       )}
-      <div className='flex flex-col gap-2'>
+      <div className="flex flex-col gap-2">
         {data.endpoints.map((item, index) => (
           <EndpointCard
             key={index}
diff --git a/web/app/components/plugins/plugin-detail-panel/endpoint-modal.tsx b/web/app/components/plugins/plugin-detail-panel/endpoint-modal.tsx
index 2c0738efcc..e2d7da6257 100644
--- a/web/app/components/plugins/plugin-detail-panel/endpoint-modal.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/endpoint-modal.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
+import type { FormSchema } from '../../base/form/types'
+import type { PluginDetail } from '../types'
+import { RiArrowRightUpLine, RiCloseLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowRightUpLine, RiCloseLine } from '@remixicon/react'
 import ActionButton from '@/app/components/base/action-button'
 import Button from '@/app/components/base/button'
 import Drawer from '@/app/components/base/drawer'
-import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
 import Toast from '@/app/components/base/toast'
+import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
 import { useRenderI18nObject } from '@/hooks/use-i18n'
 import { cn } from '@/utils/classnames'
 import { ReadmeEntrance } from '../readme-panel/entrance'
-import type { PluginDetail } from '../types'
-import type { FormSchema } from '../../base/form/types'
 
 type Props = {
   formSchemas: FormSchema[]
@@ -81,18 +81,18 @@ const EndpointModal: FC<Props> = ({
       panelClassName={cn('mb-2 mr-2 mt-[64px] !w-[420px] !max-w-[420px] justify-start rounded-2xl border-[0.5px] border-components-panel-border !bg-components-panel-bg !p-0 shadow-xl')}
     >
       <>
-        <div className='p-4 pb-2'>
-          <div className='flex items-center justify-between'>
-            <div className='system-xl-semibold text-text-primary'>{t('plugin.detailPanel.endpointModalTitle')}</div>
+        <div className="p-4 pb-2">
+          <div className="flex items-center justify-between">
+            <div className="system-xl-semibold text-text-primary">{t('plugin.detailPanel.endpointModalTitle')}</div>
             <ActionButton onClick={onCancel}>
-              <RiCloseLine className='h-4 w-4' />
+              <RiCloseLine className="h-4 w-4" />
             </ActionButton>
           </div>
-          <div className='system-xs-regular mt-0.5 text-text-tertiary'>{t('plugin.detailPanel.endpointModalDesc')}</div>
-          <ReadmeEntrance pluginDetail={pluginDetail} className='px-0 pt-3' />
+          <div className="system-xs-regular mt-0.5 text-text-tertiary">{t('plugin.detailPanel.endpointModalDesc')}</div>
+          <ReadmeEntrance pluginDetail={pluginDetail} className="px-0 pt-3" />
         </div>
-        <div className='grow overflow-y-auto'>
-          <div className='px-4 py-2'>
+        <div className="grow overflow-y-auto">
+          <div className="px-4 py-2">
             <Form
               value={tempCredential}
               onChange={(v) => {
@@ -102,23 +102,26 @@ const EndpointModal: FC<Props> = ({
               isEditMode={true}
               showOnVariableMap={{}}
               validating={false}
-              inputClassName='bg-components-input-bg-normal hover:bg-components-input-bg-hover'
+              inputClassName="bg-components-input-bg-normal hover:bg-components-input-bg-hover"
               fieldMoreInfo={item => item.url
-                ? (<a
-                  href={item.url}
-                  target='_blank' rel='noopener noreferrer'
-                  className='body-xs-regular inline-flex items-center text-text-accent-secondary'
-                >
-                  {t('tools.howToGet')}
-                  <RiArrowRightUpLine className='ml-1 h-3 w-3' />
-                </a>)
+                ? (
+                    <a
+                      href={item.url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="body-xs-regular inline-flex items-center text-text-accent-secondary"
+                    >
+                      {t('tools.howToGet')}
+                      <RiArrowRightUpLine className="ml-1 h-3 w-3" />
+                    </a>
+                  )
                 : null}
             />
           </div>
-          <div className={cn('flex justify-end p-4 pt-0')} >
-            <div className='flex gap-2'>
+          <div className={cn('flex justify-end p-4 pt-0')}>
+            <div className="flex gap-2">
               <Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
-              <Button variant='primary' onClick={handleSave}>{t('common.operation.save')}</Button>
+              <Button variant="primary" onClick={handleSave}>{t('common.operation.save')}</Button>
             </div>
           </div>
         </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/index.tsx b/web/app/components/plugins/plugin-detail-panel/index.tsx
index 3fcd660f37..142c781579 100644
--- a/web/app/components/plugins/plugin-detail-panel/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/index.tsx
@@ -1,19 +1,20 @@
 'use client'
-import Drawer from '@/app/components/base/drawer'
-import { PluginCategoryEnum, type PluginDetail } from '@/app/components/plugins/types'
-import { cn } from '@/utils/classnames'
 import type { FC } from 'react'
+import type { PluginDetail } from '@/app/components/plugins/types'
 import { useCallback, useEffect } from 'react'
+import Drawer from '@/app/components/base/drawer'
+import { PluginCategoryEnum } from '@/app/components/plugins/types'
+import { cn } from '@/utils/classnames'
+import { ReadmeEntrance } from '../readme-panel/entrance'
 import ActionList from './action-list'
 import AgentStrategyList from './agent-strategy-list'
 import DatasourceActionList from './datasource-action-list'
 import DetailHeader from './detail-header'
 import EndpointList from './endpoint-list'
 import ModelList from './model-list'
-import { SubscriptionList } from './subscription-list'
 import { usePluginStore } from './store'
+import { SubscriptionList } from './subscription-list'
 import { TriggerEventsList } from './trigger/event-list'
-import { ReadmeEntrance } from '../readme-panel/entrance'
 
 type Props = {
   detail?: PluginDetail
@@ -35,14 +36,16 @@ const PluginDetailPanel: FC<Props> = ({
   const { setDetail } = usePluginStore()
 
   useEffect(() => {
-    setDetail(!detail ? undefined : {
-      plugin_id: detail.plugin_id,
-      provider: `${detail.plugin_id}/${detail.declaration.name}`,
-      plugin_unique_identifier: detail.plugin_unique_identifier || '',
-      declaration: detail.declaration,
-      name: detail.name,
-      id: detail.id,
-    })
+    setDetail(!detail
+      ? undefined
+      : {
+          plugin_id: detail.plugin_id,
+          provider: `${detail.plugin_id}/${detail.declaration.name}`,
+          plugin_unique_identifier: detail.plugin_unique_identifier || '',
+          declaration: detail.declaration,
+          name: detail.name,
+          id: detail.id,
+        })
   }, [detail])
 
   if (!detail)
@@ -61,9 +64,9 @@ const PluginDetailPanel: FC<Props> = ({
       {detail && (
         <>
           <DetailHeader detail={detail} onUpdate={handleUpdate} onHide={onHide} />
-          <div className='grow overflow-y-auto'>
-            <div className='flex min-h-full flex-col'>
-              <div className='flex-1'>
+          <div className="grow overflow-y-auto">
+            <div className="flex min-h-full flex-col">
+              <div className="flex-1">
                 {detail.declaration.category === PluginCategoryEnum.trigger && (
                   <>
                     <SubscriptionList />
@@ -76,7 +79,7 @@ const PluginDetailPanel: FC<Props> = ({
                 {!!detail.declaration.model && <ModelList detail={detail} />}
                 {!!detail.declaration.datasource && <DatasourceActionList detail={detail} />}
               </div>
-              <ReadmeEntrance pluginDetail={detail} className='mt-auto' />
+              <ReadmeEntrance pluginDetail={detail} className="mt-auto" />
             </div>
           </div>
         </>
diff --git a/web/app/components/plugins/plugin-detail-panel/model-list.tsx b/web/app/components/plugins/plugin-detail-panel/model-list.tsx
index 251859e3a2..385c128b86 100644
--- a/web/app/components/plugins/plugin-detail-panel/model-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/model-list.tsx
@@ -1,9 +1,9 @@
+import type { PluginDetail } from '@/app/components/plugins/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import ModelIcon from '@/app/components/header/account-setting/model-provider-page/model-icon'
 import ModelName from '@/app/components/header/account-setting/model-provider-page/model-name'
 import { useModelProviderModelList } from '@/service/use-models'
-import type { PluginDetail } from '@/app/components/plugins/types'
 
 type Props = {
   detail: PluginDetail
@@ -19,18 +19,18 @@ const ModelList = ({
     return null
 
   return (
-    <div className='px-4 py-2'>
-      <div className='system-sm-semibold-uppercase mb-1 flex h-6 items-center text-text-secondary'>{t('plugin.detailPanel.modelNum', { num: res.data.length })}</div>
-      <div className='flex flex-col'>
+    <div className="px-4 py-2">
+      <div className="system-sm-semibold-uppercase mb-1 flex h-6 items-center text-text-secondary">{t('plugin.detailPanel.modelNum', { num: res.data.length })}</div>
+      <div className="flex flex-col">
         {res.data.map(model => (
-          <div key={model.model} className='flex h-6 items-center py-1'>
+          <div key={model.model} className="flex h-6 items-center py-1">
             <ModelIcon
-              className='mr-2 shrink-0'
+              className="mr-2 shrink-0"
               provider={(model as any).provider}
               modelName={model.model}
             />
             <ModelName
-              className='system-md-regular grow text-text-secondary'
+              className="system-md-regular grow text-text-secondary"
               modelItem={model}
               showModelType
               showMode
diff --git a/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx b/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx
index 7b516eb8ea..1893dbfeb5 100644
--- a/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx
@@ -2,32 +2,32 @@ import type {
   FC,
   ReactNode,
 } from 'react'
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type {
   DefaultModel,
   FormValue,
   ModelFeatureEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { ModelStatusEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import {
-  useModelList,
-} from '@/app/components/header/account-setting/model-provider-page/hooks'
-import AgentModelTrigger from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger'
-import Trigger from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger'
 import type { TriggerProps } from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import LLMParamsPanel from './llm-params-panel'
-import TTSParamsPanel from './tts-params-panel'
+import Toast from '@/app/components/base/toast'
+import { ModelStatusEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import {
+  useModelList,
+} from '@/app/components/header/account-setting/model-provider-page/hooks'
+import AgentModelTrigger from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger'
+import Trigger from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
 import { useProviderContext } from '@/context/provider-context'
 import { cn } from '@/utils/classnames'
-import Toast from '@/app/components/base/toast'
 import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
+import LLMParamsPanel from './llm-params-panel'
+import TTSParamsPanel from './tts-params-panel'
 
 export type ModelParameterModalProps = {
   popupClassName?: string
@@ -158,10 +158,12 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
       provider,
       model,
       model_type,
-      ...(model_type === ModelTypeEnum.textGeneration ? {
-        mode: targetModelItem?.model_properties.mode as string,
-        completion_params: nextCompletionParams,
-      } : {}),
+      ...(model_type === ModelTypeEnum.textGeneration
+        ? {
+            mode: targetModelItem?.model_properties.mode as string,
+            completion_params: nextCompletionParams,
+          }
+        : {}),
     })
   }
 
@@ -191,54 +193,58 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
       placement={isInWorkflow ? 'left' : 'bottom-end'}
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => {
             if (readonly)
               return
             setOpen(v => !v)
           }}
-          className='block'
+          className="block"
         >
           {
             renderTrigger
               ? renderTrigger({
-                open,
-                disabled,
-                modelDisabled,
-                hasDeprecated,
-                currentProvider,
-                currentModel,
-                providerName: value?.provider,
-                modelId: value?.model,
-              })
+                  open,
+                  disabled,
+                  modelDisabled,
+                  hasDeprecated,
+                  currentProvider,
+                  currentModel,
+                  providerName: value?.provider,
+                  modelId: value?.model,
+                })
               : (isAgentStrategy
-                ? <AgentModelTrigger
-                  disabled={disabled}
-                  hasDeprecated={hasDeprecated}
-                  currentProvider={currentProvider}
-                  currentModel={currentModel}
-                  providerName={value?.provider}
-                  modelId={value?.model}
-                  scope={scope}
-                />
-                : <Trigger
-                  disabled={disabled}
-                  isInWorkflow={isInWorkflow}
-                  modelDisabled={modelDisabled}
-                  hasDeprecated={hasDeprecated}
-                  currentProvider={currentProvider}
-                  currentModel={currentModel}
-                  providerName={value?.provider}
-                  modelId={value?.model}
-                />
-              )
+                  ? (
+                      <AgentModelTrigger
+                        disabled={disabled}
+                        hasDeprecated={hasDeprecated}
+                        currentProvider={currentProvider}
+                        currentModel={currentModel}
+                        providerName={value?.provider}
+                        modelId={value?.model}
+                        scope={scope}
+                      />
+                    )
+                  : (
+                      <Trigger
+                        disabled={disabled}
+                        isInWorkflow={isInWorkflow}
+                        modelDisabled={modelDisabled}
+                        hasDeprecated={hasDeprecated}
+                        currentProvider={currentProvider}
+                        currentModel={currentModel}
+                        providerName={value?.provider}
+                        modelId={value?.model}
+                      />
+                    )
+                )
           }
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent className={cn('z-50', portalToFollowElemContentClassName)}>
           <div className={cn(popupClassName, 'w-[389px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg')}>
             <div className={cn('max-h-[420px] overflow-y-auto p-4 pt-3')}>
-              <div className='relative'>
+              <div className="relative">
                 <div className={cn('system-sm-semibold mb-1 flex h-6 items-center text-text-secondary')}>
                   {t('common.modelProvider.model').toLocaleUpperCase()}
                 </div>
@@ -250,7 +256,7 @@ const ModelParameterModal: FC<ModelParameterModalProps> = ({
                 />
               </div>
               {(currentModel?.model_type === ModelTypeEnum.textGeneration || currentModel?.model_type === ModelTypeEnum.tts) && (
-                <div className='my-3 h-px bg-divider-subtle' />
+                <div className="my-3 h-px bg-divider-subtle" />
               )}
               {currentModel?.model_type === ModelTypeEnum.textGeneration && (
                 <LLMParamsPanel
diff --git a/web/app/components/plugins/plugin-detail-panel/model-selector/llm-params-panel.tsx b/web/app/components/plugins/plugin-detail-panel/model-selector/llm-params-panel.tsx
index e741ec1772..3b26b40fb6 100644
--- a/web/app/components/plugins/plugin-detail-panel/model-selector/llm-params-panel.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/model-selector/llm-params-panel.tsx
@@ -1,16 +1,16 @@
-import React, { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import PresetsParameter from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter'
-import ParameterItem from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item'
-import Loading from '@/app/components/base/loading'
 import type {
   FormValue,
   ModelParameterRule,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { ParameterValue } from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Loading from '@/app/components/base/loading'
+import ParameterItem from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item'
+import PresetsParameter from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal/presets-parameter'
 import { PROVIDER_WITH_PRESET_TONE, STOP_PARAMETER_RULE, TONE_LIST } from '@/config'
-import { cn } from '@/utils/classnames'
 import { useModelParameterRules } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   isAdvancedMode: boolean
@@ -66,13 +66,13 @@ const LLMParamsPanel = ({
 
   if (isLoading) {
     return (
-      <div className='mt-5'><Loading /></div>
+      <div className="mt-5"><Loading /></div>
     )
   }
 
   return (
     <>
-      <div className='mb-2 flex items-center justify-between'>
+      <div className="mb-2 flex items-center justify-between">
         <div className={cn('system-sm-semibold flex h-6 items-center text-text-secondary')}>{t('common.modelProvider.parameters')}</div>
         {
           PROVIDER_WITH_PRESET_TONE.includes(provider) && (
diff --git a/web/app/components/plugins/plugin-detail-panel/model-selector/tts-params-panel.tsx b/web/app/components/plugins/plugin-detail-panel/model-selector/tts-params-panel.tsx
index 33b803060a..db208d349e 100644
--- a/web/app/components/plugins/plugin-detail-panel/model-selector/tts-params-panel.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/model-selector/tts-params-panel.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { languages } from '@/i18n-config/language'
 import { PortalSelect } from '@/app/components/base/select'
+import { languages } from '@/i18n-config/language'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -34,12 +34,12 @@ const TTSParamsPanel = ({
   }
   return (
     <>
-      <div className='mb-3'>
-        <div className='system-sm-semibold mb-1 flex items-center py-1 text-text-secondary'>
+      <div className="mb-3">
+        <div className="system-sm-semibold mb-1 flex items-center py-1 text-text-secondary">
           {t('appDebug.voice.voiceSettings.language')}
         </div>
         <PortalSelect
-          triggerClassName='h-8'
+          triggerClassName="h-8"
           popupClassName={cn('z-[1000]')}
           popupInnerClassName={cn('w-[354px]')}
           value={language}
@@ -47,12 +47,12 @@ const TTSParamsPanel = ({
           onSelect={item => setLanguage(item.value as string)}
         />
       </div>
-      <div className='mb-3'>
-        <div className='system-sm-semibold mb-1 flex items-center py-1 text-text-secondary'>
+      <div className="mb-3">
+        <div className="system-sm-semibold mb-1 flex items-center py-1 text-text-secondary">
           {t('appDebug.voice.voiceSettings.voice')}
         </div>
         <PortalSelect
-          triggerClassName='h-8'
+          triggerClassName="h-8"
           popupClassName={cn('z-[1000]')}
           popupInnerClassName={cn('w-[354px]')}
           value={voice}
diff --git a/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx b/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx
index f809cb2e7c..e0013089b0 100644
--- a/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx
@@ -1,19 +1,19 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Node } from 'reactflow'
+import type { ToolValue } from '@/app/components/workflow/block-selector/types'
+import type { NodeOutPutVar } from '@/app/components/workflow/types'
 import {
   RiAddLine,
   RiQuestionLine,
 } from '@remixicon/react'
-import ToolSelector from '@/app/components/plugins/plugin-detail-panel/tool-selector'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
 import Divider from '@/app/components/base/divider'
-import type { ToolValue } from '@/app/components/workflow/block-selector/types'
-import type { Node } from 'reactflow'
-import type { NodeOutPutVar } from '@/app/components/workflow/types'
-import { cn } from '@/utils/classnames'
 import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/general'
+import Tooltip from '@/app/components/base/tooltip'
+import ToolSelector from '@/app/components/plugins/plugin-detail-panel/tool-selector'
 import { useAllMCPTools } from '@/service/use-tools'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   disabled?: boolean
@@ -24,8 +24,8 @@ type Props = {
   supportCollapse?: boolean
   scope?: string
   onChange: (value: ToolValue[]) => void
-  nodeOutputVars: NodeOutPutVar[],
-  availableNodes: Node[],
+  nodeOutputVars: NodeOutPutVar[]
+  availableNodes: Node[]
   nodeId?: string
   canChooseMCPTool?: boolean
 }
@@ -48,7 +48,7 @@ const MultipleToolSelector = ({
   const { data: mcpTools } = useAllMCPTools()
   const enabledCount = value.filter((item) => {
     const isMCPTool = mcpTools?.find(tool => tool.id === item.provider_name)
-    if(isMCPTool)
+    if (isMCPTool)
       return item.enabled && canChooseMCPTool
     return item.enabled
   }).length
@@ -104,18 +104,18 @@ const MultipleToolSelector = ({
 
   return (
     <>
-      <div className='mb-1 flex items-center'>
+      <div className="mb-1 flex items-center">
         <div
           className={cn('relative flex grow items-center gap-0.5', supportCollapse && 'cursor-pointer')}
           onClick={handleCollapse}
         >
-          <div className='system-sm-semibold-uppercase flex h-6 items-center text-text-secondary'>{label}</div>
-          {required && <div className='text-red-500'>*</div>}
+          <div className="system-sm-semibold-uppercase flex h-6 items-center text-text-secondary">{label}</div>
+          {required && <div className="text-red-500">*</div>}
           {tooltip && (
             <Tooltip
               popupContent={tooltip}
             >
-              <div><RiQuestionLine className='h-3.5 w-3.5 text-text-quaternary hover:text-text-tertiary' /></div>
+              <div><RiQuestionLine className="h-3.5 w-3.5 text-text-quaternary hover:text-text-tertiary" /></div>
             </Tooltip>
           )}
           {supportCollapse && (
@@ -129,30 +129,33 @@ const MultipleToolSelector = ({
         </div>
         {value.length > 0 && (
           <>
-            <div className='system-xs-medium flex items-center gap-1 text-text-tertiary'>
+            <div className="system-xs-medium flex items-center gap-1 text-text-tertiary">
               <span>{`${enabledCount}/${value.length}`}</span>
               <span>{t('appDebug.agent.tools.enabled')}</span>
             </div>
-            <Divider type='vertical' className='ml-3 mr-1 h-3' />
+            <Divider type="vertical" className="ml-3 mr-1 h-3" />
           </>
         )}
         {!disabled && (
-          <ActionButton className='mx-1' onClick={() => {
-            setCollapse(false)
-            setOpen(!open)
-            setPanelShowState(true)
-          }}>
-            <RiAddLine className='h-4 w-4' />
+          <ActionButton
+            className="mx-1"
+            onClick={() => {
+              setCollapse(false)
+              setOpen(!open)
+              setPanelShowState(true)
+            }}
+          >
+            <RiAddLine className="h-4 w-4" />
           </ActionButton>
         )}
       </div>
       {!collapse && (
         <>
           {value.length === 0 && (
-            <div className='system-xs-regular flex justify-center rounded-[10px] bg-background-section p-3 text-text-tertiary'>{t('plugin.detailPanel.toolSelector.empty')}</div>
+            <div className="system-xs-regular flex justify-center rounded-[10px] bg-background-section p-3 text-text-tertiary">{t('plugin.detailPanel.toolSelector.empty')}</div>
           )}
           {value.length > 0 && value.map((item, index) => (
-            <div className='mb-1' key={index}>
+            <div className="mb-1" key={index}>
               <ToolSelector
                 nodeId={nodeId}
                 nodeOutputVars={nodeOutputVars}
@@ -182,7 +185,7 @@ const MultipleToolSelector = ({
         controlledState={open}
         onControlledStateChange={setOpen}
         trigger={
-          <div className=''></div>
+          <div className=""></div>
         }
         panelShowState={panelShowState}
         onPanelShowStateChange={setPanelShowState}
diff --git a/web/app/components/plugins/plugin-detail-panel/operation-dropdown.tsx b/web/app/components/plugins/plugin-detail-panel/operation-dropdown.tsx
index 356cf3c21a..e9d794964d 100644
--- a/web/app/components/plugins/plugin-detail-panel/operation-dropdown.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/operation-dropdown.tsx
@@ -1,9 +1,8 @@
 'use client'
 import type { FC } from 'react'
+import { RiArrowRightUpLine, RiMoreFill } from '@remixicon/react'
 import React, { useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { PluginSource } from '../types'
-import { RiArrowRightUpLine, RiMoreFill } from '@remixicon/react'
 import ActionButton from '@/app/components/base/action-button'
 // import Button from '@/app/components/base/button'
 import {
@@ -11,8 +10,9 @@ import {
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { cn } from '@/utils/classnames'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { cn } from '@/utils/classnames'
+import { PluginSource } from '../types'
 
 type Props = {
   source: PluginSource
@@ -47,7 +47,7 @@ const OperationDropdown: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: -12,
         crossAxis: 36,
@@ -56,20 +56,22 @@ const OperationDropdown: FC<Props> = ({
       <PortalToFollowElemTrigger onClick={handleTrigger}>
         <div>
           <ActionButton className={cn(open && 'bg-state-base-hover')}>
-            <RiMoreFill className='h-4 w-4' />
+            <RiMoreFill className="h-4 w-4" />
           </ActionButton>
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-50'>
-        <div className='w-[160px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-50">
+        <div className="w-[160px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {source === PluginSource.github && (
             <div
               onClick={() => {
                 onInfo()
                 handleTrigger()
               }}
-              className='system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'
-            >{t('plugin.detailPanel.operation.info')}</div>
+              className="system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover"
+            >
+              {t('plugin.detailPanel.operation.info')}
+            </div>
           )}
           {source === PluginSource.github && (
             <div
@@ -77,25 +79,29 @@ const OperationDropdown: FC<Props> = ({
                 onCheckVersion()
                 handleTrigger()
               }}
-              className='system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'
-            >{t('plugin.detailPanel.operation.checkUpdate')}</div>
+              className="system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover"
+            >
+              {t('plugin.detailPanel.operation.checkUpdate')}
+            </div>
           )}
           {(source === PluginSource.marketplace || source === PluginSource.github) && enable_marketplace && (
-            <a href={detailUrl} target='_blank' className='system-md-regular flex cursor-pointer items-center rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'>
-              <span className='grow'>{t('plugin.detailPanel.operation.viewDetail')}</span>
-              <RiArrowRightUpLine className='h-3.5 w-3.5 shrink-0 text-text-tertiary' />
+            <a href={detailUrl} target="_blank" className="system-md-regular flex cursor-pointer items-center rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover">
+              <span className="grow">{t('plugin.detailPanel.operation.viewDetail')}</span>
+              <RiArrowRightUpLine className="h-3.5 w-3.5 shrink-0 text-text-tertiary" />
             </a>
           )}
           {(source === PluginSource.marketplace || source === PluginSource.github) && enable_marketplace && (
-            <div className='my-1 h-px bg-divider-subtle'></div>
+            <div className="my-1 h-px bg-divider-subtle"></div>
           )}
           <div
             onClick={() => {
               onRemove()
               handleTrigger()
             }}
-            className='system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive'
-          >{t('plugin.detailPanel.operation.remove')}</div>
+            className="system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive"
+          >
+            {t('plugin.detailPanel.operation.remove')}
+          </div>
         </div>
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/plugins/plugin-detail-panel/store.ts b/web/app/components/plugins/plugin-detail-panel/store.ts
index 931b08215d..132fc8b140 100644
--- a/web/app/components/plugins/plugin-detail-panel/store.ts
+++ b/web/app/components/plugins/plugin-detail-panel/store.ts
@@ -1,10 +1,10 @@
-import { create } from 'zustand'
 import type {
   ParametersSchema,
   PluginDeclaration,
   PluginDetail,
   PluginTriggerSubscriptionConstructor,
 } from '../types'
+import { create } from 'zustand'
 
 type TriggerDeclarationSummary = {
   subscription_schema?: ParametersSchema[]
diff --git a/web/app/components/plugins/plugin-detail-panel/strategy-detail.tsx b/web/app/components/plugins/plugin-detail-panel/strategy-detail.tsx
index 750b5e5780..061e44d208 100644
--- a/web/app/components/plugins/plugin-detail-panel/strategy-detail.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/strategy-detail.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  RiArrowLeftLine,
-  RiCloseLine,
-} from '@remixicon/react'
-import Drawer from '@/app/components/base/drawer'
-import ActionButton from '@/app/components/base/action-button'
-import Icon from '@/app/components/plugins/card/base/card-icon'
-import Description from '@/app/components/plugins/card/base/description'
-import Divider from '@/app/components/base/divider'
 import type {
   StrategyDetail as StrategyDetailType,
 } from '@/app/components/plugins/types'
 import type { Locale } from '@/i18n-config'
-import { useRenderI18nObject } from '@/hooks/use-i18n'
+import {
+  RiArrowLeftLine,
+  RiCloseLine,
+} from '@remixicon/react'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import Divider from '@/app/components/base/divider'
+import Drawer from '@/app/components/base/drawer'
+import Icon from '@/app/components/plugins/card/base/card-icon'
+import Description from '@/app/components/plugins/card/base/description'
 import { API_PREFIX } from '@/config'
+import { useRenderI18nObject } from '@/hooks/use-i18n'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -84,46 +84,46 @@ const StrategyDetail: FC<Props> = ({
     >
       <>
         {/* header */}
-        <div className='relative border-b border-divider-subtle p-4 pb-3'>
-          <div className='absolute right-3 top-3'>
+        <div className="relative border-b border-divider-subtle p-4 pb-3">
+          <div className="absolute right-3 top-3">
             <ActionButton onClick={onHide}>
-              <RiCloseLine className='h-4 w-4' />
+              <RiCloseLine className="h-4 w-4" />
             </ActionButton>
           </div>
           <div
-            className='system-xs-semibold-uppercase mb-2 flex cursor-pointer items-center gap-1 text-text-accent-secondary'
+            className="system-xs-semibold-uppercase mb-2 flex cursor-pointer items-center gap-1 text-text-accent-secondary"
             onClick={onHide}
           >
-            <RiArrowLeftLine className='h-4 w-4' />
+            <RiArrowLeftLine className="h-4 w-4" />
             BACK
           </div>
-          <div className='flex items-center gap-1'>
-            <Icon size='tiny' className='h-6 w-6' src={`${API_PREFIX}/workspaces/current/plugin/icon?tenant_id=${provider.tenant_id}&filename=${provider.icon}`} />
-            <div className=''>{getValueFromI18nObject(provider.label)}</div>
+          <div className="flex items-center gap-1">
+            <Icon size="tiny" className="h-6 w-6" src={`${API_PREFIX}/workspaces/current/plugin/icon?tenant_id=${provider.tenant_id}&filename=${provider.icon}`} />
+            <div className="">{getValueFromI18nObject(provider.label)}</div>
           </div>
-          <div className='system-md-semibold mt-1 text-text-primary'>{getValueFromI18nObject(detail.identity.label)}</div>
-          <Description className='mt-3' text={getValueFromI18nObject(detail.description)} descriptionLineRows={2}></Description>
+          <div className="system-md-semibold mt-1 text-text-primary">{getValueFromI18nObject(detail.identity.label)}</div>
+          <Description className="mt-3" text={getValueFromI18nObject(detail.description)} descriptionLineRows={2}></Description>
         </div>
         {/* form */}
-        <div className='h-full'>
-          <div className='flex h-full flex-col overflow-y-auto'>
-            <div className='system-sm-semibold-uppercase p-4 pb-1 text-text-primary'>{t('tools.setBuiltInTools.parameters')}</div>
-            <div className='px-4'>
+        <div className="h-full">
+          <div className="flex h-full flex-col overflow-y-auto">
+            <div className="system-sm-semibold-uppercase p-4 pb-1 text-text-primary">{t('tools.setBuiltInTools.parameters')}</div>
+            <div className="px-4">
               {detail.parameters.length > 0 && (
-                <div className='space-y-1 py-2'>
+                <div className="space-y-1 py-2">
                   {detail.parameters.map((item: any, index) => (
-                    <div key={index} className='py-1'>
-                      <div className='flex items-center gap-2'>
-                        <div className='code-sm-semibold text-text-secondary'>{getValueFromI18nObject(item.label)}</div>
-                        <div className='system-xs-regular text-text-tertiary'>
+                    <div key={index} className="py-1">
+                      <div className="flex items-center gap-2">
+                        <div className="code-sm-semibold text-text-secondary">{getValueFromI18nObject(item.label)}</div>
+                        <div className="system-xs-regular text-text-tertiary">
                           {getType(item.type)}
                         </div>
                         {item.required && (
-                          <div className='system-xs-medium text-text-warning-secondary'>{t('tools.setBuiltInTools.required')}</div>
+                          <div className="system-xs-medium text-text-warning-secondary">{t('tools.setBuiltInTools.required')}</div>
                         )}
                       </div>
                       {item.human_description && (
-                        <div className='system-xs-regular mt-0.5 text-text-tertiary'>
+                        <div className="system-xs-regular mt-0.5 text-text-tertiary">
                           {getValueFromI18nObject(item.human_description)}
                         </div>
                       )}
@@ -134,20 +134,20 @@ const StrategyDetail: FC<Props> = ({
             </div>
             {detail.output_schema && (
               <>
-                <div className='px-4'>
+                <div className="px-4">
                   <Divider className="!mt-2" />
                 </div>
-                <div className='system-sm-semibold-uppercase p-4 pb-1 text-text-primary'>OUTPUT</div>
+                <div className="system-sm-semibold-uppercase p-4 pb-1 text-text-primary">OUTPUT</div>
                 {outputSchema.length > 0 && (
-                  <div className='space-y-1 px-4 py-2'>
+                  <div className="space-y-1 px-4 py-2">
                     {outputSchema.map((outputItem, index) => (
-                      <div key={index} className='py-1'>
-                        <div className='flex items-center gap-2'>
-                          <div className='code-sm-semibold text-text-secondary'>{outputItem.name}</div>
-                          <div className='system-xs-regular text-text-tertiary'>{outputItem.type}</div>
+                      <div key={index} className="py-1">
+                        <div className="flex items-center gap-2">
+                          <div className="code-sm-semibold text-text-secondary">{outputItem.name}</div>
+                          <div className="system-xs-regular text-text-tertiary">{outputItem.type}</div>
                         </div>
                         {outputItem.description && (
-                          <div className='system-xs-regular mt-0.5 text-text-tertiary'>
+                          <div className="system-xs-regular mt-0.5 text-text-tertiary">
                             {outputItem.description}
                           </div>
                         )}
diff --git a/web/app/components/plugins/plugin-detail-panel/strategy-item.tsx b/web/app/components/plugins/plugin-detail-panel/strategy-item.tsx
index 2635f843db..19adbd707d 100644
--- a/web/app/components/plugins/plugin-detail-panel/strategy-item.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/strategy-item.tsx
@@ -1,12 +1,12 @@
 'use client'
-import React, { useState } from 'react'
-import StrategyDetailPanel from './strategy-detail'
 import type {
   StrategyDetail,
 } from '@/app/components/plugins/types'
 import type { Locale } from '@/i18n-config'
+import React, { useState } from 'react'
 import { useRenderI18nObject } from '@/hooks/use-i18n'
 import { cn } from '@/utils/classnames'
+import StrategyDetailPanel from './strategy-detail'
 
 type Props = {
   provider: {
@@ -34,8 +34,8 @@ const StrategyItem = ({
         className={cn('bg-components-panel-item-bg mb-2 cursor-pointer rounded-xl border-[0.5px] border-components-panel-border-subtle px-4 py-3 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover')}
         onClick={() => setShowDetail(true)}
       >
-        <div className='system-md-semibold pb-0.5 text-text-secondary'>{getValueFromI18nObject(detail.identity.label)}</div>
-        <div className='system-xs-regular line-clamp-2 text-text-tertiary' title={getValueFromI18nObject(detail.description)}>{getValueFromI18nObject(detail.description)}</div>
+        <div className="system-md-semibold pb-0.5 text-text-secondary">{getValueFromI18nObject(detail.identity.label)}</div>
+        <div className="system-xs-regular line-clamp-2 text-text-tertiary" title={getValueFromI18nObject(detail.description)}>{getValueFromI18nObject(detail.description)}</div>
       </div>
       {showDetail && (
         <StrategyDetailPanel
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/common-modal.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/common-modal.tsx
index 3bd82d59c1..51b661d2ba 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/common-modal.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/common-modal.tsx
@@ -1,15 +1,19 @@
 'use client'
+import type { FormRefObject } from '@/app/components/base/form/types'
+import type { TriggerSubscriptionBuilder } from '@/app/components/workflow/block-selector/types'
+import type { BuildTriggerSubscriptionPayload } from '@/service/use-triggers'
+import { RiLoader2Line } from '@remixicon/react'
+import { debounce } from 'lodash-es'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 // import { CopyFeedbackNew } from '@/app/components/base/copy-feedback'
 import { EncryptedBottom } from '@/app/components/base/encrypted-bottom'
 import { BaseForm } from '@/app/components/base/form/components/base'
-import type { FormRefObject } from '@/app/components/base/form/types'
 import { FormTypeEnum } from '@/app/components/base/form/types'
 import Modal from '@/app/components/base/modal/modal'
 import Toast from '@/app/components/base/toast'
 import { SupportedCreationMethods } from '@/app/components/plugins/types'
-import type { TriggerSubscriptionBuilder } from '@/app/components/workflow/block-selector/types'
 import { TriggerCredentialTypeEnum } from '@/app/components/workflow/block-selector/types'
-import type { BuildTriggerSubscriptionPayload } from '@/service/use-triggers'
 import {
   useBuildTriggerSubscription,
   useCreateTriggerSubscriptionBuilder,
@@ -19,12 +23,8 @@ import {
 } from '@/service/use-triggers'
 import { parsePluginErrorMessage } from '@/utils/error-parser'
 import { isPrivateOrLocalAddress } from '@/utils/urlValidation'
-import { RiLoader2Line } from '@remixicon/react'
-import { debounce } from 'lodash-es'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import LogViewer from '../log-viewer'
 import { usePluginStore } from '../../store'
+import LogViewer from '../log-viewer'
 import { useSubscriptionList } from '../use-subscription-list'
 
 type Props = {
@@ -68,24 +68,29 @@ const normalizeFormType = (type: FormTypeEnum | string): FormTypeEnum => {
 }
 
 const StatusStep = ({ isActive, text }: { isActive: boolean, text: string }) => {
-  return <div className={`system-2xs-semibold-uppercase flex items-center gap-1 ${isActive
-    ? 'text-state-accent-solid'
-    : 'text-text-tertiary'}`}>
-    {/* Active indicator dot */}
-    {isActive && (
-      <div className='h-1 w-1 rounded-full bg-state-accent-solid'></div>
-    )}
-    {text}
-  </div>
+  return (
+    <div className={`system-2xs-semibold-uppercase flex items-center gap-1 ${isActive
+      ? 'text-state-accent-solid'
+      : 'text-text-tertiary'}`}
+    >
+      {/* Active indicator dot */}
+      {isActive && (
+        <div className="h-1 w-1 rounded-full bg-state-accent-solid"></div>
+      )}
+      {text}
+    </div>
+  )
 }
 
 const MultiSteps = ({ currentStep }: { currentStep: ApiKeyStep }) => {
   const { t } = useTranslation()
-  return <div className='mb-6 flex w-1/3 items-center gap-2'>
-    <StatusStep isActive={currentStep === ApiKeyStep.Verify} text={t('pluginTrigger.modal.steps.verify')} />
-    <div className='h-px w-3 shrink-0 bg-divider-deep'></div>
-    <StatusStep isActive={currentStep === ApiKeyStep.Configuration} text={t('pluginTrigger.modal.steps.configuration')} />
-  </div>
+  return (
+    <div className="mb-6 flex w-1/3 items-center gap-2">
+      <StatusStep isActive={currentStep === ApiKeyStep.Verify} text={t('pluginTrigger.modal.steps.verify')} />
+      <div className="h-px w-3 shrink-0 bg-divider-deep"></div>
+      <StatusStep isActive={currentStep === ApiKeyStep.Configuration} text={t('pluginTrigger.modal.steps.configuration')} />
+    </div>
+  )
 }
 
 export const CommonCreateModal = ({ onClose, createType, builder }: Props) => {
@@ -336,114 +341,120 @@ export const CommonCreateModal = ({ onClose, createType, builder }: Props) => {
       disabled={isVerifyingCredentials || isBuilding}
       bottomSlot={currentStep === ApiKeyStep.Verify ? <EncryptedBottom /> : null}
       size={createType === SupportedCreationMethods.MANUAL ? 'md' : 'sm'}
-      containerClassName='min-h-[360px]'
+      containerClassName="min-h-[360px]"
       clickOutsideNotClose
     >
       {createType === SupportedCreationMethods.APIKEY && <MultiSteps currentStep={currentStep} />}
       {currentStep === ApiKeyStep.Verify && (
         <>
           {apiKeyCredentialsSchema.length > 0 && (
-            <div className='mb-4'>
+            <div className="mb-4">
               <BaseForm
                 formSchemas={apiKeyCredentialsSchema}
                 ref={apiKeyCredentialsFormRef}
-                labelClassName='system-sm-medium mb-2 flex items-center gap-1 text-text-primary'
+                labelClassName="system-sm-medium mb-2 flex items-center gap-1 text-text-primary"
                 preventDefaultSubmit={true}
-                formClassName='space-y-4'
+                formClassName="space-y-4"
                 onChange={handleApiKeyCredentialsChange}
               />
             </div>
           )}
         </>
       )}
-      {currentStep === ApiKeyStep.Configuration && <div className='max-h-[70vh]'>
-        <BaseForm
-          formSchemas={[
-            {
-              name: 'subscription_name',
-              label: t('pluginTrigger.modal.form.subscriptionName.label'),
-              placeholder: t('pluginTrigger.modal.form.subscriptionName.placeholder'),
-              type: FormTypeEnum.textInput,
-              required: true,
-            },
-            {
-              name: 'callback_url',
-              label: t('pluginTrigger.modal.form.callbackUrl.label'),
-              placeholder: t('pluginTrigger.modal.form.callbackUrl.placeholder'),
-              type: FormTypeEnum.textInput,
-              required: false,
-              default: subscriptionBuilder?.endpoint || '',
-              disabled: true,
-              tooltip: t('pluginTrigger.modal.form.callbackUrl.tooltip'),
-              showCopy: true,
-            },
-          ]}
-          ref={subscriptionFormRef}
-          labelClassName='system-sm-medium mb-2 flex items-center gap-1 text-text-primary'
-          formClassName='space-y-4 mb-4'
-        />
-        {/* <div className='system-xs-regular mb-6 mt-[-1rem] text-text-tertiary'>
+      {currentStep === ApiKeyStep.Configuration && (
+        <div className="max-h-[70vh]">
+          <BaseForm
+            formSchemas={[
+              {
+                name: 'subscription_name',
+                label: t('pluginTrigger.modal.form.subscriptionName.label'),
+                placeholder: t('pluginTrigger.modal.form.subscriptionName.placeholder'),
+                type: FormTypeEnum.textInput,
+                required: true,
+              },
+              {
+                name: 'callback_url',
+                label: t('pluginTrigger.modal.form.callbackUrl.label'),
+                placeholder: t('pluginTrigger.modal.form.callbackUrl.placeholder'),
+                type: FormTypeEnum.textInput,
+                required: false,
+                default: subscriptionBuilder?.endpoint || '',
+                disabled: true,
+                tooltip: t('pluginTrigger.modal.form.callbackUrl.tooltip'),
+                showCopy: true,
+              },
+            ]}
+            ref={subscriptionFormRef}
+            labelClassName="system-sm-medium mb-2 flex items-center gap-1 text-text-primary"
+            formClassName="space-y-4 mb-4"
+          />
+          {/* <div className='system-xs-regular mb-6 mt-[-1rem] text-text-tertiary'>
           {t('pluginTrigger.modal.form.callbackUrl.description')}
         </div> */}
-        {createType !== SupportedCreationMethods.MANUAL && autoCommonParametersSchema.length > 0 && (
-          <BaseForm
-            formSchemas={autoCommonParametersSchema.map((schema) => {
-              const normalizedType = normalizeFormType(schema.type as FormTypeEnum | string)
-              return {
-                ...schema,
-                tooltip: schema.description,
-                type: normalizedType,
-                dynamicSelectParams: normalizedType === FormTypeEnum.dynamicSelect ? {
-                  plugin_id: detail?.plugin_id || '',
-                  provider: detail?.provider || '',
-                  action: 'provider',
-                  parameter: schema.name,
-                  credential_id: subscriptionBuilder?.id || '',
-                } : undefined,
-                fieldClassName: schema.type === FormTypeEnum.boolean ? 'flex items-center justify-between' : undefined,
-                labelClassName: schema.type === FormTypeEnum.boolean ? 'mb-0' : undefined,
-              }
-            })}
-            ref={autoCommonParametersFormRef}
-            labelClassName='system-sm-medium mb-2 flex items-center gap-1 text-text-primary'
-            formClassName='space-y-4'
-          />
-        )}
-        {createType === SupportedCreationMethods.MANUAL && <>
-          {manualPropertiesSchema.length > 0 && (
-            <div className='mb-6'>
-              <BaseForm
-                formSchemas={manualPropertiesSchema.map(schema => ({
+          {createType !== SupportedCreationMethods.MANUAL && autoCommonParametersSchema.length > 0 && (
+            <BaseForm
+              formSchemas={autoCommonParametersSchema.map((schema) => {
+                const normalizedType = normalizeFormType(schema.type as FormTypeEnum | string)
+                return {
                   ...schema,
                   tooltip: schema.description,
-                }))}
-                ref={manualPropertiesFormRef}
-                labelClassName='system-sm-medium mb-2 flex items-center gap-1 text-text-primary'
-                formClassName='space-y-4'
-                onChange={handleManualPropertiesChange}
-              />
-            </div>
+                  type: normalizedType,
+                  dynamicSelectParams: normalizedType === FormTypeEnum.dynamicSelect
+                    ? {
+                        plugin_id: detail?.plugin_id || '',
+                        provider: detail?.provider || '',
+                        action: 'provider',
+                        parameter: schema.name,
+                        credential_id: subscriptionBuilder?.id || '',
+                      }
+                    : undefined,
+                  fieldClassName: schema.type === FormTypeEnum.boolean ? 'flex items-center justify-between' : undefined,
+                  labelClassName: schema.type === FormTypeEnum.boolean ? 'mb-0' : undefined,
+                }
+              })}
+              ref={autoCommonParametersFormRef}
+              labelClassName="system-sm-medium mb-2 flex items-center gap-1 text-text-primary"
+              formClassName="space-y-4"
+            />
           )}
-          <div className='mb-6'>
-            <div className='mb-3 flex items-center gap-2'>
-              <div className='system-xs-medium-uppercase text-text-tertiary'>
-                {t('pluginTrigger.modal.manual.logs.title')}
-              </div>
-              <div className='h-px flex-1 bg-gradient-to-r from-divider-regular to-transparent' />
-            </div>
+          {createType === SupportedCreationMethods.MANUAL && (
+            <>
+              {manualPropertiesSchema.length > 0 && (
+                <div className="mb-6">
+                  <BaseForm
+                    formSchemas={manualPropertiesSchema.map(schema => ({
+                      ...schema,
+                      tooltip: schema.description,
+                    }))}
+                    ref={manualPropertiesFormRef}
+                    labelClassName="system-sm-medium mb-2 flex items-center gap-1 text-text-primary"
+                    formClassName="space-y-4"
+                    onChange={handleManualPropertiesChange}
+                  />
+                </div>
+              )}
+              <div className="mb-6">
+                <div className="mb-3 flex items-center gap-2">
+                  <div className="system-xs-medium-uppercase text-text-tertiary">
+                    {t('pluginTrigger.modal.manual.logs.title')}
+                  </div>
+                  <div className="h-px flex-1 bg-gradient-to-r from-divider-regular to-transparent" />
+                </div>
 
-            <div className='mb-1 flex items-center justify-center gap-1 rounded-lg bg-background-section p-3'>
-              <div className='h-3.5 w-3.5'>
-                <RiLoader2Line className='h-full w-full animate-spin' />
+                <div className="mb-1 flex items-center justify-center gap-1 rounded-lg bg-background-section p-3">
+                  <div className="h-3.5 w-3.5">
+                    <RiLoader2Line className="h-full w-full animate-spin" />
+                  </div>
+                  <div className="system-xs-regular text-text-tertiary">
+                    {t('pluginTrigger.modal.manual.logs.loading', { pluginName: detail?.name || '' })}
+                  </div>
+                </div>
+                <LogViewer logs={logData?.logs || []} />
               </div>
-              <div className='system-xs-regular text-text-tertiary'>
-                {t('pluginTrigger.modal.manual.logs.loading', { pluginName: detail?.name || '' })}
-              </div>
-            </div>
-            <LogViewer logs={logData?.logs || []} />
-          </div>
-        </>}
-      </div>}
+            </>
+          )}
+        </div>
+      )}
     </Modal>
   )
 }
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/index.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/index.tsx
index 56483ead9c..39a5a99a46 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/index.tsx
@@ -1,18 +1,18 @@
-import { ActionButton, ActionButtonState } from '@/app/components/base/action-button'
-import Badge from '@/app/components/base/badge'
-import { Button } from '@/app/components/base/button'
 import type { Option } from '@/app/components/base/select/custom'
-import CustomSelect from '@/app/components/base/select/custom'
-import Toast from '@/app/components/base/toast'
-import Tooltip from '@/app/components/base/tooltip'
 import type { TriggerSubscriptionBuilder } from '@/app/components/workflow/block-selector/types'
-import { openOAuthPopup } from '@/hooks/use-oauth'
-import { useInitiateTriggerOAuth, useTriggerOAuthConfig, useTriggerProviderInfo } from '@/service/use-triggers'
-import { cn } from '@/utils/classnames'
 import { RiAddLine, RiEqualizer2Line } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { ActionButton, ActionButtonState } from '@/app/components/base/action-button'
+import Badge from '@/app/components/base/badge'
+import { Button } from '@/app/components/base/button'
+import CustomSelect from '@/app/components/base/select/custom'
+import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import { openOAuthPopup } from '@/hooks/use-oauth'
+import { useInitiateTriggerOAuth, useTriggerOAuthConfig, useTriggerProviderInfo } from '@/service/use-triggers'
+import { cn } from '@/utils/classnames'
 import { SupportedCreationMethods } from '../../../types'
 import { usePluginStore } from '../../store'
 import { useSubscriptionList } from '../use-subscription-list'
@@ -76,14 +76,20 @@ export const CreateSubscriptionButton = ({ buttonType = CreateButtonType.FULL_BU
       {
         value: SupportedCreationMethods.OAUTH,
         label: t('pluginTrigger.subscription.addType.options.oauth.title'),
-        tag: !showCustomBadge ? null : <Badge className='ml-1 mr-0.5'>
-          {t('plugin.auth.custom')}
-        </Badge>,
-        extra: <Tooltip popupContent={t('pluginTrigger.subscription.addType.options.oauth.clientSettings')}>
-          <ActionButton onClick={onClickClientSettings}>
-            <RiEqualizer2Line className='h-4 w-4 text-text-tertiary' />
-          </ActionButton>
-        </Tooltip>,
+        tag: !showCustomBadge
+          ? null
+          : (
+              <Badge className="ml-1 mr-0.5">
+                {t('plugin.auth.custom')}
+              </Badge>
+            ),
+        extra: (
+          <Tooltip popupContent={t('pluginTrigger.subscription.addType.options.oauth.clientSettings')}>
+            <ActionButton onClick={onClickClientSettings}>
+              <RiEqualizer2Line className="h-4 w-4 text-text-tertiary" />
+            </ActionButton>
+          </Tooltip>
+        ),
         show: supportedMethods.includes(SupportedCreationMethods.OAUTH),
       },
       {
@@ -149,94 +155,102 @@ export const CreateSubscriptionButton = ({ buttonType = CreateButtonType.FULL_BU
   if (!supportedMethods.length)
     return null
 
-  return <>
-    <CustomSelect<Option & { show: boolean; extra?: React.ReactNode; tag?: React.ReactNode }>
-      options={allOptions.filter(option => option.show)}
-      value={methodType}
-      onChange={value => onChooseCreateType(value as any)}
-      containerProps={{
-        open: (methodType === DEFAULT_METHOD || (methodType === SupportedCreationMethods.OAUTH && supportedMethods.length === 1)) ? undefined : false,
-        placement: 'bottom-start',
-        offset: 4,
-        triggerPopupSameWidth: buttonType === CreateButtonType.FULL_BUTTON,
-      }}
-      triggerProps={{
-        className: cn('h-8 bg-transparent px-0 hover:bg-transparent', methodType !== DEFAULT_METHOD && supportedMethods.length > 1 && 'pointer-events-none', buttonType === CreateButtonType.FULL_BUTTON && 'grow'),
-      }}
-      popupProps={{
-        wrapperClassName: 'z-[1000]',
-      }}
-      CustomTrigger={() => {
-        return buttonType === CreateButtonType.FULL_BUTTON ? (
-          <Button
-            variant='primary'
-            size='medium'
-            className='flex w-full items-center justify-between px-0'
-            onClick={onClickCreate}
-          >
-            <div className='flex flex-1 items-center justify-center'>
-              <RiAddLine className='mr-2 size-4' />
-              {buttonTextMap[methodType]}
-              {methodType === SupportedCreationMethods.OAUTH && oauthConfig?.custom_enabled && oauthConfig?.custom_configured && <Badge
-                className='ml-1 mr-0.5 border-text-primary-on-surface bg-components-badge-bg-dimm text-text-primary-on-surface'
-              >
-                {t('plugin.auth.custom')}
-              </Badge>}
-            </div>
-            {methodType === SupportedCreationMethods.OAUTH
-              && <div className='ml-auto flex items-center'>
-                <div className="h-4 w-px bg-text-primary-on-surface opacity-15" />
-                <Tooltip popupContent={t('pluginTrigger.subscription.addType.options.oauth.clientSettings')}>
-                  <div onClick={onClickClientSettings} className='p-2'>
-                    <RiEqualizer2Line className='size-4 text-components-button-primary-text' />
-                  </div>
-                </Tooltip>
-              </div>
-            }
-          </Button>
-        ) : (
-          <Tooltip
-            popupContent={subscriptionCount >= MAX_COUNT ? t('pluginTrigger.subscription.maxCount', { num: MAX_COUNT }) : t(`pluginTrigger.subscription.addType.options.${methodType.toLowerCase()}.description`)}
-            disabled={!(supportedMethods?.length === 1 || subscriptionCount >= MAX_COUNT)}>
-            <ActionButton
-              onClick={onClickCreate}
-              className={cn(
-                'float-right',
-                shape === 'circle' && '!rounded-full border-[0.5px] border-components-button-secondary-border-hover bg-components-button-secondary-bg-hover text-components-button-secondary-accent-text shadow-xs hover:border-components-button-secondary-border-disabled hover:bg-components-button-secondary-bg-disabled hover:text-components-button-secondary-accent-text-disabled',
-              )}
-              state={subscriptionCount >= MAX_COUNT ? ActionButtonState.Disabled : ActionButtonState.Default}
-            >
-              <RiAddLine className='size-4' />
-            </ActionButton>
-          </Tooltip>
-        )
-      }}
-      CustomOption={option => (
-        <>
-          <div className='mr-8 flex grow items-center gap-1 truncate px-1'>
-            {option.label}
-            {option.tag}
-          </div>
-          {option.extra}
-        </>
-      )}
-    />
-    {selectedCreateInfo && (
-      <CommonCreateModal
-        createType={selectedCreateInfo.type}
-        builder={selectedCreateInfo.builder}
-        onClose={() => setSelectedCreateInfo(null)}
-      />
-    )}
-    {isShowClientSettingsModal && (
-      <OAuthClientSettingsModal
-        oauthConfig={oauthConfig}
-        onClose={() => {
-          hideClientSettingsModal()
-          refetchOAuthConfig()
+  return (
+    <>
+      <CustomSelect<Option & { show: boolean, extra?: React.ReactNode, tag?: React.ReactNode }>
+        options={allOptions.filter(option => option.show)}
+        value={methodType}
+        onChange={value => onChooseCreateType(value as any)}
+        containerProps={{
+          open: (methodType === DEFAULT_METHOD || (methodType === SupportedCreationMethods.OAUTH && supportedMethods.length === 1)) ? undefined : false,
+          placement: 'bottom-start',
+          offset: 4,
+          triggerPopupSameWidth: buttonType === CreateButtonType.FULL_BUTTON,
         }}
-        showOAuthCreateModal={builder => setSelectedCreateInfo({ type: SupportedCreationMethods.OAUTH, builder })}
+        triggerProps={{
+          className: cn('h-8 bg-transparent px-0 hover:bg-transparent', methodType !== DEFAULT_METHOD && supportedMethods.length > 1 && 'pointer-events-none', buttonType === CreateButtonType.FULL_BUTTON && 'grow'),
+        }}
+        popupProps={{
+          wrapperClassName: 'z-[1000]',
+        }}
+        CustomTrigger={() => {
+          return buttonType === CreateButtonType.FULL_BUTTON
+            ? (
+                <Button
+                  variant="primary"
+                  size="medium"
+                  className="flex w-full items-center justify-between px-0"
+                  onClick={onClickCreate}
+                >
+                  <div className="flex flex-1 items-center justify-center">
+                    <RiAddLine className="mr-2 size-4" />
+                    {buttonTextMap[methodType]}
+                    {methodType === SupportedCreationMethods.OAUTH && oauthConfig?.custom_enabled && oauthConfig?.custom_configured && (
+                      <Badge
+                        className="ml-1 mr-0.5 border-text-primary-on-surface bg-components-badge-bg-dimm text-text-primary-on-surface"
+                      >
+                        {t('plugin.auth.custom')}
+                      </Badge>
+                    )}
+                  </div>
+                  {methodType === SupportedCreationMethods.OAUTH
+                    && (
+                      <div className="ml-auto flex items-center">
+                        <div className="h-4 w-px bg-text-primary-on-surface opacity-15" />
+                        <Tooltip popupContent={t('pluginTrigger.subscription.addType.options.oauth.clientSettings')}>
+                          <div onClick={onClickClientSettings} className="p-2">
+                            <RiEqualizer2Line className="size-4 text-components-button-primary-text" />
+                          </div>
+                        </Tooltip>
+                      </div>
+                    )}
+                </Button>
+              )
+            : (
+                <Tooltip
+                  popupContent={subscriptionCount >= MAX_COUNT ? t('pluginTrigger.subscription.maxCount', { num: MAX_COUNT }) : t(`pluginTrigger.subscription.addType.options.${methodType.toLowerCase()}.description`)}
+                  disabled={!(supportedMethods?.length === 1 || subscriptionCount >= MAX_COUNT)}
+                >
+                  <ActionButton
+                    onClick={onClickCreate}
+                    className={cn(
+                      'float-right',
+                      shape === 'circle' && '!rounded-full border-[0.5px] border-components-button-secondary-border-hover bg-components-button-secondary-bg-hover text-components-button-secondary-accent-text shadow-xs hover:border-components-button-secondary-border-disabled hover:bg-components-button-secondary-bg-disabled hover:text-components-button-secondary-accent-text-disabled',
+                    )}
+                    state={subscriptionCount >= MAX_COUNT ? ActionButtonState.Disabled : ActionButtonState.Default}
+                  >
+                    <RiAddLine className="size-4" />
+                  </ActionButton>
+                </Tooltip>
+              )
+        }}
+        CustomOption={option => (
+          <>
+            <div className="mr-8 flex grow items-center gap-1 truncate px-1">
+              {option.label}
+              {option.tag}
+            </div>
+            {option.extra}
+          </>
+        )}
       />
-    )}
-  </>
+      {selectedCreateInfo && (
+        <CommonCreateModal
+          createType={selectedCreateInfo.type}
+          builder={selectedCreateInfo.builder}
+          onClose={() => setSelectedCreateInfo(null)}
+        />
+      )}
+      {isShowClientSettingsModal && (
+        <OAuthClientSettingsModal
+          oauthConfig={oauthConfig}
+          onClose={() => {
+            hideClientSettingsModal()
+            refetchOAuthConfig()
+          }}
+          showOAuthCreateModal={builder => setSelectedCreateInfo({ type: SupportedCreationMethods.OAUTH, builder })}
+        />
+      )}
+    </>
+  )
 }
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/oauth-client.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/oauth-client.tsx
index ef182a70aa..d4c1b79c16 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/oauth-client.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/oauth-client.tsx
@@ -1,25 +1,25 @@
 'use client'
-import Button from '@/app/components/base/button'
-import { BaseForm } from '@/app/components/base/form/components/base'
 import type { FormRefObject } from '@/app/components/base/form/types'
-import Modal from '@/app/components/base/modal/modal'
-import Toast from '@/app/components/base/toast'
 import type { TriggerOAuthClientParams, TriggerOAuthConfig, TriggerSubscriptionBuilder } from '@/app/components/workflow/block-selector/types'
-import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
-import { openOAuthPopup } from '@/hooks/use-oauth'
 import type { ConfigureTriggerOAuthPayload } from '@/service/use-triggers'
-import {
-  useConfigureTriggerOAuth,
-  useDeleteTriggerOAuth,
-  useInitiateTriggerOAuth,
-  useVerifyTriggerSubscriptionBuilder,
-} from '@/service/use-triggers'
 import {
   RiClipboardLine,
   RiInformation2Fill,
 } from '@remixicon/react'
 import React, { useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { BaseForm } from '@/app/components/base/form/components/base'
+import Modal from '@/app/components/base/modal/modal'
+import Toast from '@/app/components/base/toast'
+import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
+import { openOAuthPopup } from '@/hooks/use-oauth'
+import {
+  useConfigureTriggerOAuth,
+  useDeleteTriggerOAuth,
+  useInitiateTriggerOAuth,
+  useVerifyTriggerSubscriptionBuilder,
+} from '@/service/use-triggers'
 import { usePluginStore } from '../../store'
 
 type Props = {
@@ -178,23 +178,24 @@ export const OAuthClientSettingsModal = ({ oauthConfig, onClose, showOAuthCreate
   return (
     <Modal
       title={t('pluginTrigger.modal.oauth.title')}
-      confirmButtonText={authorizationStatus === AuthorizationStatusEnum.Pending ? t('pluginTrigger.modal.common.authorizing')
+      confirmButtonText={authorizationStatus === AuthorizationStatusEnum.Pending
+        ? t('pluginTrigger.modal.common.authorizing')
         : authorizationStatus === AuthorizationStatusEnum.Success ? t('pluginTrigger.modal.oauth.authorization.waitingJump') : t('plugin.auth.saveAndAuth')}
       cancelButtonText={t('plugin.auth.saveOnly')}
       extraButtonText={t('common.operation.cancel')}
       showExtraButton
       clickOutsideNotClose
-      extraButtonVariant='secondary'
+      extraButtonVariant="secondary"
       onExtraButtonClick={onClose}
       onClose={onClose}
       onCancel={() => handleSave(false)}
       onConfirm={() => handleSave(true)}
       footerSlot={
         oauthConfig?.custom_enabled && oauthConfig?.params && clientType === ClientTypeEnum.Custom && (
-          <div className='grow'>
+          <div className="grow">
             <Button
-              variant='secondary'
-              className='text-components-button-destructive-secondary-text'
+              variant="secondary"
+              className="text-components-button-destructive-secondary-text"
               // disabled={disabled || doingAction || !editValues}
               onClick={handleRemove}
             >
@@ -204,41 +205,44 @@ export const OAuthClientSettingsModal = ({ oauthConfig, onClose, showOAuthCreate
         )
       }
     >
-      <div className='system-sm-medium mb-2 text-text-secondary'>{t('pluginTrigger.subscription.addType.options.oauth.clientTitle')}</div>
-      {oauthConfig?.system_configured && <div className='mb-4 flex w-full items-start justify-between gap-2'>
-        {[ClientTypeEnum.Default, ClientTypeEnum.Custom].map(option => (
-          <OptionCard
-            key={option}
-            title={t(`pluginTrigger.subscription.addType.options.oauth.${option}`)}
-            onSelect={() => setClientType(option)}
-            selected={clientType === option}
-            className="flex-1"
-          />
-        ))}
-      </div>}
+      <div className="system-sm-medium mb-2 text-text-secondary">{t('pluginTrigger.subscription.addType.options.oauth.clientTitle')}</div>
+      {oauthConfig?.system_configured && (
+        <div className="mb-4 flex w-full items-start justify-between gap-2">
+          {[ClientTypeEnum.Default, ClientTypeEnum.Custom].map(option => (
+            <OptionCard
+              key={option}
+              title={t(`pluginTrigger.subscription.addType.options.oauth.${option}`)}
+              onSelect={() => setClientType(option)}
+              selected={clientType === option}
+              className="flex-1"
+            />
+          ))}
+        </div>
+      )}
       {clientType === ClientTypeEnum.Custom && oauthConfig?.redirect_uri && (
-        <div className='mb-4 flex items-start gap-3 rounded-xl bg-background-section-burn p-4'>
-          <div className='rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg p-2 shadow-xs shadow-shadow-shadow-3'>
-            <RiInformation2Fill className='h-5 w-5 shrink-0 text-text-accent' />
+        <div className="mb-4 flex items-start gap-3 rounded-xl bg-background-section-burn p-4">
+          <div className="rounded-lg border-[0.5px] border-components-card-border bg-components-card-bg p-2 shadow-xs shadow-shadow-shadow-3">
+            <RiInformation2Fill className="h-5 w-5 shrink-0 text-text-accent" />
           </div>
-          <div className='flex-1 text-text-secondary'>
-            <div className='system-sm-regular whitespace-pre-wrap leading-4'>
+          <div className="flex-1 text-text-secondary">
+            <div className="system-sm-regular whitespace-pre-wrap leading-4">
               {t('pluginTrigger.modal.oauthRedirectInfo')}
             </div>
-            <div className='system-sm-medium my-1.5 break-all leading-4'>
+            <div className="system-sm-medium my-1.5 break-all leading-4">
               {oauthConfig.redirect_uri}
             </div>
             <Button
-              variant='secondary'
-              size='small'
+              variant="secondary"
+              size="small"
               onClick={() => {
                 navigator.clipboard.writeText(oauthConfig.redirect_uri)
                 Toast.notify({
                   type: 'success',
                   message: t('common.actionMsg.copySuccessfully'),
                 })
-              }}>
-              <RiClipboardLine className='mr-1 h-[14px] w-[14px]' />
+              }}
+            >
+              <RiClipboardLine className="mr-1 h-[14px] w-[14px]" />
               {t('common.operation.copy')}
             </Button>
           </div>
@@ -248,10 +252,10 @@ export const OAuthClientSettingsModal = ({ oauthConfig, onClose, showOAuthCreate
         <BaseForm
           formSchemas={oauthClientSchema}
           ref={clientFormRef}
-          labelClassName='system-sm-medium mb-2 block text-text-secondary'
-          formClassName='space-y-4'
+          labelClassName="system-sm-medium mb-2 block text-text-secondary"
+          formClassName="space-y-4"
         />
       )}
-    </Modal >
+    </Modal>
   )
 }
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/delete-confirm.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/delete-confirm.tsx
index 5f4e8a2cbf..10de4d118e 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/delete-confirm.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/delete-confirm.tsx
@@ -1,9 +1,9 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Confirm from '@/app/components/base/confirm'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
 import { useDeleteTriggerSubscription } from '@/service/use-triggers'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useSubscriptionList } from './use-subscription-list'
 
 type Props = {
@@ -52,24 +52,29 @@ export const DeleteConfirm = (props: Props) => {
       },
     })
   }
-  return <Confirm
-    title={t(`${tPrefix}.title`, { name: currentName })}
-    confirmText={t(`${tPrefix}.confirm`)}
-    content={workflowsInUse > 0 ? <>
-      {t(`${tPrefix}.contentWithApps`, { count: workflowsInUse })}
-      <div className='system-sm-medium mb-2 mt-6 text-text-secondary'>{t(`${tPrefix}.confirmInputTip`, { name: currentName })}</div>
-      <Input
-        value={inputName}
-        onChange={e => setInputName(e.target.value)}
-        placeholder={t(`${tPrefix}.confirmInputPlaceholder`, { name: currentName })}
-      />
-    </>
-      : t(`${tPrefix}.content`)}
-    isShow={isShow}
-    isLoading={isDeleting}
-    isDisabled={isDeleting}
-    onConfirm={onConfirm}
-    onCancel={() => onClose(false)}
-    maskClosable={false}
-  />
+  return (
+    <Confirm
+      title={t(`${tPrefix}.title`, { name: currentName })}
+      confirmText={t(`${tPrefix}.confirm`)}
+      content={workflowsInUse > 0
+        ? (
+            <>
+              {t(`${tPrefix}.contentWithApps`, { count: workflowsInUse })}
+              <div className="system-sm-medium mb-2 mt-6 text-text-secondary">{t(`${tPrefix}.confirmInputTip`, { name: currentName })}</div>
+              <Input
+                value={inputName}
+                onChange={e => setInputName(e.target.value)}
+                placeholder={t(`${tPrefix}.confirmInputPlaceholder`, { name: currentName })}
+              />
+            </>
+          )
+        : t(`${tPrefix}.content`)}
+      isShow={isShow}
+      isLoading={isDeleting}
+      isDisabled={isDeleting}
+      onConfirm={onConfirm}
+      onCancel={() => onClose(false)}
+      maskClosable={false}
+    />
+  )
 }
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx
index 8acb8f40df..9b7bcc461a 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx
@@ -10,7 +10,7 @@ export enum SubscriptionListMode {
 }
 
 export type SimpleSubscription = {
-  id: string,
+  id: string
   name: string
 }
 
@@ -30,7 +30,7 @@ export const SubscriptionList = withErrorBoundary(({
   const { isLoading, refetch } = useSubscriptionList()
   if (isLoading) {
     return (
-      <div className='flex items-center justify-center py-4'>
+      <div className="flex items-center justify-center py-4">
         <Loading />
       </div>
     )
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/list-view.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/list-view.tsx
index 27ce4d796d..fd007409a4 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/list-view.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/list-view.tsx
@@ -1,8 +1,8 @@
 'use client'
-import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 import { CreateButtonType, CreateSubscriptionButton } from './create'
 import SubscriptionCard from './subscription-card'
 import { useSubscriptionList } from './use-subscription-list'
@@ -21,10 +21,10 @@ export const SubscriptionListView: React.FC<SubscriptionListViewProps> = ({
 
   return (
     <div className={cn('border-divider-subtle px-4 py-2', showTopBorder && 'border-t')}>
-      <div className='relative flex items-center justify-between'>
+      <div className="relative flex items-center justify-between">
         {subscriptionCount > 0 && (
-          <div className='flex h-8 shrink-0 items-center gap-1'>
-            <span className='system-sm-semibold-uppercase text-text-secondary'>
+          <div className="flex h-8 shrink-0 items-center gap-1">
+            <span className="system-sm-semibold-uppercase text-text-secondary">
               {t('pluginTrigger.subscription.listNum', { num: subscriptionCount })}
             </span>
             <Tooltip popupContent={t('pluginTrigger.subscription.list.tip')} />
@@ -36,7 +36,7 @@ export const SubscriptionListView: React.FC<SubscriptionListViewProps> = ({
       </div>
 
       {subscriptionCount > 0 && (
-        <div className='flex flex-col gap-1'>
+        <div className="flex flex-col gap-1">
           {subscriptions?.map(subscription => (
             <SubscriptionCard
               key={subscription.id}
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/log-viewer.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/log-viewer.tsx
index 295923e900..d042653a1b 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/log-viewer.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/log-viewer.tsx
@@ -1,6 +1,5 @@
 'use client'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { TriggerLogEntity } from '@/app/components/workflow/block-selector/types'
 import {
   RiArrowDownSLine,
   RiArrowRightSLine,
@@ -8,12 +7,13 @@ import {
   RiErrorWarningFill,
   RiFileCopyLine,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import dayjs from 'dayjs'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Toast from '@/app/components/base/toast'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import type { TriggerLogEntity } from '@/app/components/workflow/block-selector/types'
-import dayjs from 'dayjs'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   logs: TriggerLogEntity[]
@@ -79,9 +79,9 @@ const LogViewer = ({ logs, className }: Props) => {
     }
 
     return (
-      <div className='rounded-md bg-components-input-bg-normal'>
-        <div className='flex items-center justify-between px-2 py-1'>
-          <div className='system-xs-semibold-uppercase text-text-secondary'>
+      <div className="rounded-md bg-components-input-bg-normal">
+        <div className="flex items-center justify-between px-2 py-1">
+          <div className="system-xs-semibold-uppercase text-text-secondary">
             {title}
           </div>
           <button
@@ -93,13 +93,13 @@ const LogViewer = ({ logs, className }: Props) => {
                 message: t('common.actionMsg.copySuccessfully'),
               })
             }}
-            className='rounded-md p-0.5 hover:bg-components-panel-border'
+            className="rounded-md p-0.5 hover:bg-components-panel-border"
           >
-            <RiFileCopyLine className='h-4 w-4 text-text-tertiary' />
+            <RiFileCopyLine className="h-4 w-4 text-text-tertiary" />
           </button>
         </div>
-        <div className='px-2 pb-2 pt-1'>
-          <pre className='code-xs-regular whitespace-pre-wrap break-all text-text-secondary'>
+        <div className="px-2 pb-2 pt-1">
+          <pre className="code-xs-regular whitespace-pre-wrap break-all text-text-secondary">
             {String(parsedData)}
           </pre>
         </div>
@@ -129,8 +129,8 @@ const LogViewer = ({ logs, className }: Props) => {
             )}
           >
             {isError && (
-              <div className='pointer-events-none absolute left-0 top-0 h-7 w-[179px]'>
-                <svg xmlns="http://www.w3.org/2000/svg" width="179" height="28" viewBox="0 0 179 28" fill="none" className='h-full w-full'>
+              <div className="pointer-events-none absolute left-0 top-0 h-7 w-[179px]">
+                <svg xmlns="http://www.w3.org/2000/svg" width="179" height="28" viewBox="0 0 179 28" fill="none" className="h-full w-full">
                   <g filter="url(#filter0_f_error_glow)">
                     <circle cx="27" cy="14" r="32" fill="#F04438" fillOpacity="0.25" />
                   </g>
@@ -152,33 +152,40 @@ const LogViewer = ({ logs, className }: Props) => {
                 isExpanded ? 'pb-1 pt-2' : 'min-h-7',
               )}
             >
-              <div className='flex items-center gap-0'>
-                {isExpanded ? (
-                  <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
-                ) : (
-                  <RiArrowRightSLine className='h-4 w-4 text-text-tertiary' />
-                )}
-                <div className='system-xs-semibold-uppercase text-text-secondary'>
-                  {t(`pluginTrigger.modal.manual.logs.${LogTypeEnum.REQUEST}`)} #{index + 1}
+              <div className="flex items-center gap-0">
+                {isExpanded
+                  ? (
+                      <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
+                    )
+                  : (
+                      <RiArrowRightSLine className="h-4 w-4 text-text-tertiary" />
+                    )}
+                <div className="system-xs-semibold-uppercase text-text-secondary">
+                  {t(`pluginTrigger.modal.manual.logs.${LogTypeEnum.REQUEST}`)}
+                  {' '}
+                  #
+                  {index + 1}
                 </div>
               </div>
 
-              <div className='flex items-center gap-1'>
-                <div className='system-xs-regular text-text-tertiary'>
+              <div className="flex items-center gap-1">
+                <div className="system-xs-regular text-text-tertiary">
                   {dayjs(log.created_at).format('HH:mm:ss')}
                 </div>
-                <div className='h-3.5 w-3.5'>
-                  {isSuccess ? (
-                    <RiCheckboxCircleFill className='h-full w-full text-text-success' />
-                  ) : (
-                    <RiErrorWarningFill className='h-full w-full text-text-destructive' />
-                  )}
+                <div className="h-3.5 w-3.5">
+                  {isSuccess
+                    ? (
+                        <RiCheckboxCircleFill className="h-full w-full text-text-success" />
+                      )
+                    : (
+                        <RiErrorWarningFill className="h-full w-full text-text-destructive" />
+                      )}
                 </div>
               </div>
             </button>
 
             {isExpanded && (
-              <div className='flex flex-col gap-1 px-1 pb-1'>
+              <div className="flex flex-col gap-1 px-1 pb-1">
                 {renderJsonContent(log.request, LogTypeEnum.REQUEST)}
                 {renderJsonContent(log.response, LogTypeEnum.RESPONSE)}
               </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-entry.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-entry.tsx
index 7f6dade12b..a52e25e1d3 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-entry.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-entry.tsx
@@ -1,15 +1,15 @@
 'use client'
+import type { SimpleSubscription } from '@/app/components/plugins/plugin-detail-panel/subscription-list'
+import { RiArrowDownSLine, RiWebhookLine } from '@remixicon/react'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { SimpleSubscription } from '@/app/components/plugins/plugin-detail-panel/subscription-list'
 import { SubscriptionList, SubscriptionListMode } from '@/app/components/plugins/plugin-detail-panel/subscription-list'
 import { cn } from '@/utils/classnames'
-import { RiArrowDownSLine, RiWebhookLine } from '@remixicon/react'
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useSubscriptionList } from './use-subscription-list'
 
 type SubscriptionTriggerButtonProps = {
@@ -90,37 +90,39 @@ const SubscriptionTriggerButton: React.FC<SubscriptionTriggerButtonProps> = ({
 }
 
 export const SubscriptionSelectorEntry = ({ selectedId, onSelect }: {
-  selectedId?: string,
+  selectedId?: string
   onSelect: (v: SimpleSubscription, callback?: () => void) => void
 }) => {
   const [isOpen, setIsOpen] = useState(false)
 
-  return <PortalToFollowElem
-    placement='bottom-start'
-    offset={4}
-    open={isOpen}
-    onOpenChange={setIsOpen}
-  >
-    <PortalToFollowElemTrigger asChild>
-      <div>
-        <SubscriptionTriggerButton
-          selectedId={selectedId}
-          onClick={() => setIsOpen(!isOpen)}
-          isOpen={isOpen}
-        />
-      </div>
-    </PortalToFollowElemTrigger>
-    <PortalToFollowElemContent className='z-[11]'>
-      <div className='rounded-xl border border-components-panel-border bg-components-panel-bg shadow-lg'>
-        <SubscriptionList
-          mode={SubscriptionListMode.SELECTOR}
-          selectedId={selectedId}
-          onSelect={(...args) => {
-            onSelect(...args)
-            setIsOpen(false)
-          }}
-        />
-      </div>
-    </PortalToFollowElemContent>
-  </PortalToFollowElem>
+  return (
+    <PortalToFollowElem
+      placement="bottom-start"
+      offset={4}
+      open={isOpen}
+      onOpenChange={setIsOpen}
+    >
+      <PortalToFollowElemTrigger asChild>
+        <div>
+          <SubscriptionTriggerButton
+            selectedId={selectedId}
+            onClick={() => setIsOpen(!isOpen)}
+            isOpen={isOpen}
+          />
+        </div>
+      </PortalToFollowElemTrigger>
+      <PortalToFollowElemContent className="z-[11]">
+        <div className="rounded-xl border border-components-panel-border bg-components-panel-bg shadow-lg">
+          <SubscriptionList
+            mode={SubscriptionListMode.SELECTOR}
+            selectedId={selectedId}
+            onSelect={(...args) => {
+              onSelect(...args)
+              setIsOpen(false)
+            }}
+          />
+        </div>
+      </PortalToFollowElemContent>
+    </PortalToFollowElem>
+  )
 }
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-view.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-view.tsx
index 7e2cd933e9..b98b8cc202 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-view.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/selector-view.tsx
@@ -1,11 +1,11 @@
 'use client'
-import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
 import type { TriggerSubscription } from '@/app/components/workflow/block-selector/types'
-import { cn } from '@/utils/classnames'
 import { RiCheckLine, RiDeleteBinLine, RiWebhookLine } from '@remixicon/react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 import { CreateButtonType, CreateSubscriptionButton } from './create'
 import { DeleteConfirm } from './delete-confirm'
 import { useSubscriptionList } from './use-subscription-list'
@@ -25,20 +25,22 @@ export const SubscriptionSelectorView: React.FC<SubscriptionSelectorProps> = ({
   const subscriptionCount = subscriptions?.length || 0
 
   return (
-    <div className='w-[320px] p-1'>
-      {subscriptionCount > 0 && <div className='ml-7 mr-1.5 flex h-8 items-center justify-between'>
-        <div className='flex shrink-0 items-center gap-1'>
-          <span className='system-sm-semibold-uppercase text-text-secondary'>
-            {t('pluginTrigger.subscription.listNum', { num: subscriptionCount })}
-          </span>
-          <Tooltip popupContent={t('pluginTrigger.subscription.list.tip')} />
+    <div className="w-[320px] p-1">
+      {subscriptionCount > 0 && (
+        <div className="ml-7 mr-1.5 flex h-8 items-center justify-between">
+          <div className="flex shrink-0 items-center gap-1">
+            <span className="system-sm-semibold-uppercase text-text-secondary">
+              {t('pluginTrigger.subscription.listNum', { num: subscriptionCount })}
+            </span>
+            <Tooltip popupContent={t('pluginTrigger.subscription.list.tip')} />
+          </div>
+          <CreateSubscriptionButton
+            buttonType={CreateButtonType.ICON_BUTTON}
+            shape="circle"
+          />
         </div>
-        <CreateSubscriptionButton
-          buttonType={CreateButtonType.ICON_BUTTON}
-          shape='circle'
-        />
-      </div>}
-      <div className='max-h-[320px] overflow-y-auto'>
+      )}
+      <div className="max-h-[320px] overflow-y-auto">
         {subscriptions?.map(subscription => (
           <div
             key={subscription.id}
@@ -49,25 +51,28 @@ export const SubscriptionSelectorView: React.FC<SubscriptionSelectorProps> = ({
             )}
           >
             <button
-              type='button'
-              className='flex flex-1 items-center text-left'
+              type="button"
+              className="flex flex-1 items-center text-left"
               onClick={() => onSelect?.(subscription)}
             >
-              <div className='flex items-center'>
+              <div className="flex items-center">
                 {selectedId === subscription.id && (
-                  <RiCheckLine className='mr-2 h-4 w-4 shrink-0 text-text-accent' />
+                  <RiCheckLine className="mr-2 h-4 w-4 shrink-0 text-text-accent" />
                 )}
                 <RiWebhookLine className={cn('mr-1.5 h-3.5 w-3.5 text-text-secondary', selectedId !== subscription.id && 'ml-6')} />
-                <span className='system-md-regular leading-6 text-text-secondary'>
+                <span className="system-md-regular leading-6 text-text-secondary">
                   {subscription.name}
                 </span>
               </div>
             </button>
-            <ActionButton onClick={(e) => {
-              e.stopPropagation()
-              setDeletedSubscription(subscription)
-            }} className='subscription-delete-btn hidden shrink-0 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive group-hover:flex'>
-              <RiDeleteBinLine className='size-4' />
+            <ActionButton
+              onClick={(e) => {
+                e.stopPropagation()
+                setDeletedSubscription(subscription)
+              }}
+              className="subscription-delete-btn hidden shrink-0 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive group-hover:flex"
+            >
+              <RiDeleteBinLine className="size-4" />
             </ActionButton>
           </div>
         ))}
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/subscription-card.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/subscription-card.tsx
index 1d877adbf5..af2ac50abf 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/subscription-card.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/subscription-card.tsx
@@ -1,14 +1,14 @@
 'use client'
-import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
 import type { TriggerSubscription } from '@/app/components/workflow/block-selector/types'
-import { cn } from '@/utils/classnames'
 import {
   RiDeleteBinLine,
   RiWebhookLine,
 } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 import { DeleteConfirm } from './delete-confirm'
 
 type Props = {
@@ -32,38 +32,38 @@ const SubscriptionCard = ({ data }: Props) => {
           'has-[.subscription-delete-btn:hover]:!border-state-destructive-border has-[.subscription-delete-btn:hover]:!bg-state-destructive-hover',
         )}
       >
-        <div className='flex items-center justify-between'>
-          <div className='flex h-6 items-center gap-1'>
-            <RiWebhookLine className='h-4 w-4 text-text-secondary' />
-            <span className='system-md-semibold text-text-secondary'>
+        <div className="flex items-center justify-between">
+          <div className="flex h-6 items-center gap-1">
+            <RiWebhookLine className="h-4 w-4 text-text-secondary" />
+            <span className="system-md-semibold text-text-secondary">
               {data.name}
             </span>
           </div>
 
           <ActionButton
             onClick={showDeleteModal}
-            className='subscription-delete-btn hidden transition-colors hover:bg-state-destructive-hover hover:text-text-destructive group-hover:block'
+            className="subscription-delete-btn hidden transition-colors hover:bg-state-destructive-hover hover:text-text-destructive group-hover:block"
           >
-            <RiDeleteBinLine className='h-4 w-4' />
+            <RiDeleteBinLine className="h-4 w-4" />
           </ActionButton>
         </div>
 
-        <div className='mt-1 flex items-center justify-between'>
+        <div className="mt-1 flex items-center justify-between">
           <Tooltip
             disabled={!data.endpoint}
             popupContent={data.endpoint && (
-              <div className='max-w-[320px] break-all'>
+              <div className="max-w-[320px] break-all">
                 {data.endpoint}
               </div>
             )}
-            position='left'
+            position="left"
           >
-            <div className='system-xs-regular flex-1 truncate text-text-tertiary'>
+            <div className="system-xs-regular flex-1 truncate text-text-tertiary">
               {data.endpoint}
             </div>
           </Tooltip>
           <div className="mx-2 text-xs text-text-tertiary opacity-30">·</div>
-          <div className='system-xs-regular shrink-0 text-text-tertiary'>
+          <div className="system-xs-regular shrink-0 text-text-tertiary">
             {data.workflows_in_use > 0 ? t('pluginTrigger.subscription.list.item.usedByNum', { num: data.workflows_in_use }) : t('pluginTrigger.subscription.list.item.noUsed')}
           </div>
         </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx
index e7ed1410b3..bbfcc1fa09 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx
@@ -1,22 +1,37 @@
 'use client'
+import type {
+  OffsetOptions,
+  Placement,
+} from '@floating-ui/react'
 import type { FC } from 'react'
+import type { Node } from 'reactflow'
+import type { ToolDefaultValue, ToolValue } from '@/app/components/workflow/block-selector/types'
+import type { NodeOutPutVar } from '@/app/components/workflow/types'
+import Link from 'next/link'
 import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
+import Divider from '@/app/components/base/divider'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import ToolTrigger from '@/app/components/plugins/plugin-detail-panel/tool-selector/tool-trigger'
+import TabSlider from '@/app/components/base/tab-slider-plain'
+import Textarea from '@/app/components/base/textarea'
+import {
+  AuthCategory,
+  PluginAuthInAgent,
+} from '@/app/components/plugins/plugin-auth'
+import { usePluginInstalledCheck } from '@/app/components/plugins/plugin-detail-panel/tool-selector/hooks'
+import ReasoningConfigForm from '@/app/components/plugins/plugin-detail-panel/tool-selector/reasoning-config-form'
 import ToolItem from '@/app/components/plugins/plugin-detail-panel/tool-selector/tool-item'
+import ToolTrigger from '@/app/components/plugins/plugin-detail-panel/tool-selector/tool-trigger'
+import { CollectionType } from '@/app/components/tools/types'
+import { generateFormValue, getPlainValue, getStructureValue, toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
 import ToolPicker from '@/app/components/workflow/block-selector/tool-picker'
 import ToolForm from '@/app/components/workflow/nodes/tool/components/tool-form'
-import Textarea from '@/app/components/base/textarea'
-import Divider from '@/app/components/base/divider'
-import TabSlider from '@/app/components/base/tab-slider-plain'
-import ReasoningConfigForm from '@/app/components/plugins/plugin-detail-panel/tool-selector/reasoning-config-form'
-import { generateFormValue, getPlainValue, getStructureValue, toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
+import { MARKETPLACE_API_PREFIX } from '@/config'
+import { useInvalidateInstalledPluginList } from '@/service/use-plugins'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
@@ -24,22 +39,7 @@ import {
   useAllWorkflowTools,
   useInvalidateAllBuiltInTools,
 } from '@/service/use-tools'
-import { useInvalidateInstalledPluginList } from '@/service/use-plugins'
-import { usePluginInstalledCheck } from '@/app/components/plugins/plugin-detail-panel/tool-selector/hooks'
-import { CollectionType } from '@/app/components/tools/types'
-import type { ToolDefaultValue, ToolValue } from '@/app/components/workflow/block-selector/types'
-import type {
-  OffsetOptions,
-  Placement,
-} from '@floating-ui/react'
-import { MARKETPLACE_API_PREFIX } from '@/config'
-import type { Node } from 'reactflow'
-import type { NodeOutPutVar } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
-import {
-  AuthCategory,
-  PluginAuthInAgent,
-} from '@/app/components/plugins/plugin-auth'
 import { ReadmeEntrance } from '../../readme-panel/entrance'
 
 type Props = {
@@ -60,10 +60,10 @@ type Props = {
   onControlledStateChange?: (state: boolean) => void
   panelShowState?: boolean
   onPanelShowStateChange?: (state: boolean) => void
-  nodeOutputVars: NodeOutPutVar[],
-  availableNodes: Node[],
-  nodeId?: string,
-  canChooseMCPTool?: boolean,
+  nodeOutputVars: NodeOutPutVar[]
+  availableNodes: Node[]
+  nodeId?: string
+  canChooseMCPTool?: boolean
 }
 const ToolSelector: FC<Props> = ({
   value,
@@ -90,7 +90,8 @@ const ToolSelector: FC<Props> = ({
   const { t } = useTranslation()
   const [isShow, onShowChange] = useState(false)
   const handleTriggerClick = () => {
-    if (disabled) return
+    if (disabled)
+      return
     onShowChange(true)
   }
 
@@ -153,11 +154,13 @@ const ToolSelector: FC<Props> = ({
 
   // tool settings & params
   const currentToolSettings = useMemo(() => {
-    if (!currentProvider) return []
+    if (!currentProvider)
+      return []
     return currentProvider.tools.find(tool => tool.name === value?.tool_name)?.parameters.filter(param => param.form !== 'llm') || []
   }, [currentProvider, value])
   const currentToolParams = useMemo(() => {
-    if (!currentProvider) return []
+    if (!currentProvider)
+      return []
     return currentProvider.tools.find(tool => tool.name === value?.tool_name)?.parameters.filter(param => param.form === 'llm') || []
   }, [currentProvider, value])
   const [currType, setCurrType] = useState('settings')
@@ -220,9 +223,10 @@ const ToolSelector: FC<Props> = ({
         onOpenChange={trigger ? onControlledStateChange : onShowChange}
       >
         <PortalToFollowElemTrigger
-          className='w-full'
+          className="w-full"
           onClick={() => {
-            if (!currentProvider || !currentTool) return
+            if (!currentProvider || !currentTool)
+              return
             handleTriggerClick()
           }}
         >
@@ -253,40 +257,40 @@ const ToolSelector: FC<Props> = ({
               installInfo={manifest?.latest_package_identifier}
               onInstall={() => handleInstall()}
               isError={(!currentProvider || !currentTool) && !inMarketPlace}
-              errorTip={
-                <div className='max-w-[240px] space-y-1 text-xs'>
-                  <h3 className='font-semibold text-text-primary'>{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledTitle') : t('plugin.detailPanel.toolSelector.unsupportedTitle')}</h3>
-                  <p className='tracking-tight text-text-secondary'>{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledContent') : t('plugin.detailPanel.toolSelector.unsupportedContent')}</p>
+              errorTip={(
+                <div className="max-w-[240px] space-y-1 text-xs">
+                  <h3 className="font-semibold text-text-primary">{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledTitle') : t('plugin.detailPanel.toolSelector.unsupportedTitle')}</h3>
+                  <p className="tracking-tight text-text-secondary">{currentTool ? t('plugin.detailPanel.toolSelector.uninstalledContent') : t('plugin.detailPanel.toolSelector.unsupportedContent')}</p>
                   <p>
-                    <Link href={'/plugins'} className='tracking-tight text-text-accent'>{t('plugin.detailPanel.toolSelector.uninstalledLink')}</Link>
+                    <Link href="/plugins" className="tracking-tight text-text-accent">{t('plugin.detailPanel.toolSelector.uninstalledLink')}</Link>
                   </p>
                 </div>
-              }
+              )}
               canChooseMCPTool={canChooseMCPTool}
             />
           )}
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-10'>
+        <PortalToFollowElemContent className="z-10">
           <div className={cn('relative max-h-[642px] min-h-20 w-[361px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-4 shadow-lg backdrop-blur-sm', 'overflow-y-auto pb-2')}>
             <>
-              <div className='system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary'>{t(`plugin.detailPanel.toolSelector.${isEdit ? 'toolSetting' : 'title'}`)}</div>
+              <div className="system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary">{t(`plugin.detailPanel.toolSelector.${isEdit ? 'toolSetting' : 'title'}`)}</div>
               {/* base form */}
-              <div className='flex flex-col gap-3 px-4 py-2'>
-                <div className='flex flex-col gap-1'>
-                  <div className='system-sm-semibold flex h-6 items-center justify-between text-text-secondary'>
+              <div className="flex flex-col gap-3 px-4 py-2">
+                <div className="flex flex-col gap-1">
+                  <div className="system-sm-semibold flex h-6 items-center justify-between text-text-secondary">
                     {t('plugin.detailPanel.toolSelector.toolLabel')}
-                    <ReadmeEntrance pluginDetail={currentProvider as any} showShortTip className='pb-0' />
+                    <ReadmeEntrance pluginDetail={currentProvider as any} showShortTip className="pb-0" />
                   </div>
                   <ToolPicker
-                    placement='bottom'
+                    placement="bottom"
                     offset={offset}
-                    trigger={
+                    trigger={(
                       <ToolTrigger
                         open={panelShowState || isShowChooseTool}
                         value={value}
                         provider={currentProvider}
                       />
-                    }
+                    )}
                     isShow={panelShowState || isShowChooseTool}
                     onShowChange={trigger ? onPanelShowStateChange as any : setIsShowChooseTool}
                     disabled={false}
@@ -298,10 +302,10 @@ const ToolSelector: FC<Props> = ({
                     canChooseMCPTool={canChooseMCPTool}
                   />
                 </div>
-                <div className='flex flex-col gap-1'>
-                  <div className='system-sm-semibold flex h-6 items-center text-text-secondary'>{t('plugin.detailPanel.toolSelector.descriptionLabel')}</div>
+                <div className="flex flex-col gap-1">
+                  <div className="system-sm-semibold flex h-6 items-center text-text-secondary">{t('plugin.detailPanel.toolSelector.descriptionLabel')}</div>
                   <Textarea
-                    className='resize-none'
+                    className="resize-none"
                     placeholder={t('plugin.detailPanel.toolSelector.descriptionPlaceholder')}
                     value={value?.extra?.description || ''}
                     onChange={handleDescriptionChange}
@@ -312,8 +316,8 @@ const ToolSelector: FC<Props> = ({
               {/* authorization */}
               {currentProvider && currentProvider.type === CollectionType.builtIn && currentProvider.allow_delete && (
                 <>
-                  <Divider className='my-1 w-full' />
-                  <div className='px-4 py-2'>
+                  <Divider className="my-1 w-full" />
+                  <div className="px-4 py-2">
                     <PluginAuthInAgent
                       pluginPayload={{
                         provider: currentProvider.name,
@@ -330,12 +334,12 @@ const ToolSelector: FC<Props> = ({
               {/* tool settings */}
               {(currentToolSettings.length > 0 || currentToolParams.length > 0) && currentProvider?.is_team_authorization && (
                 <>
-                  <Divider className='my-1 w-full' />
+                  <Divider className="my-1 w-full" />
                   {/* tabs */}
                   {nodeId && showTabSlider && (
                     <TabSlider
-                      className='mt-1 shrink-0 px-4'
-                      itemClassName='py-3'
+                      className="mt-1 shrink-0 px-4"
+                      itemClassName="py-3"
                       noBorderBottom
                       smallItem
                       value={currType}
@@ -349,30 +353,30 @@ const ToolSelector: FC<Props> = ({
                     />
                   )}
                   {nodeId && showTabSlider && currType === 'params' && (
-                    <div className='px-4 py-2'>
-                      <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip1')}</div>
-                      <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip2')}</div>
+                    <div className="px-4 py-2">
+                      <div className="system-xs-regular text-text-tertiary">{t('plugin.detailPanel.toolSelector.paramsTip1')}</div>
+                      <div className="system-xs-regular text-text-tertiary">{t('plugin.detailPanel.toolSelector.paramsTip2')}</div>
                     </div>
                   )}
                   {/* user settings only */}
                   {userSettingsOnly && (
-                    <div className='p-4 pb-1'>
-                      <div className='system-sm-semibold-uppercase text-text-primary'>{t('plugin.detailPanel.toolSelector.settings')}</div>
+                    <div className="p-4 pb-1">
+                      <div className="system-sm-semibold-uppercase text-text-primary">{t('plugin.detailPanel.toolSelector.settings')}</div>
                     </div>
                   )}
                   {/* reasoning config only */}
                   {nodeId && reasoningConfigOnly && (
-                    <div className='mb-1 p-4 pb-1'>
-                      <div className='system-sm-semibold-uppercase text-text-primary'>{t('plugin.detailPanel.toolSelector.params')}</div>
-                      <div className='pb-1'>
-                        <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip1')}</div>
-                        <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.toolSelector.paramsTip2')}</div>
+                    <div className="mb-1 p-4 pb-1">
+                      <div className="system-sm-semibold-uppercase text-text-primary">{t('plugin.detailPanel.toolSelector.params')}</div>
+                      <div className="pb-1">
+                        <div className="system-xs-regular text-text-tertiary">{t('plugin.detailPanel.toolSelector.paramsTip1')}</div>
+                        <div className="system-xs-regular text-text-tertiary">{t('plugin.detailPanel.toolSelector.paramsTip2')}</div>
                       </div>
                     </div>
                   )}
                   {/* user settings form */}
                   {(currType === 'settings' || userSettingsOnly) && (
-                    <div className='px-4 py-2'>
+                    <div className="px-4 py-2">
                       <ToolForm
                         inPanel
                         readOnly={false}
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/reasoning-config-form.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/reasoning-config-form.tsx
index 37cdadb59f..50f5691b70 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/reasoning-config-form.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/reasoning-config-form.tsx
@@ -1,43 +1,43 @@
-import { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import {
-  RiArrowRightUpLine,
-  RiBracesLine,
-} from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
-import Switch from '@/app/components/base/switch'
-import MixedVariableTextInput from '@/app/components/workflow/nodes/tool/components/mixed-variable-text-input'
-import Input from '@/app/components/base/input'
-import FormInputTypeSwitch from '@/app/components/workflow/nodes/_base/components/form-input-type-switch'
-import FormInputBoolean from '@/app/components/workflow/nodes/_base/components/form-input-boolean'
-import { SimpleSelect } from '@/app/components/base/select'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
-import AppSelector from '@/app/components/plugins/plugin-detail-panel/app-selector'
-import ModelParameterModal from '@/app/components/plugins/plugin-detail-panel/model-selector'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { Node } from 'reactflow'
+import type { SchemaRoot } from '@/app/components/workflow/nodes/llm/types'
+import type { ToolVarInputs } from '@/app/components/workflow/nodes/tool/types'
 import type {
   NodeOutPutVar,
   ValueSelector,
 } from '@/app/components/workflow/types'
-import type { ToolVarInputs } from '@/app/components/workflow/nodes/tool/types'
+import {
+  RiArrowRightUpLine,
+  RiBracesLine,
+} from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import { SimpleSelect } from '@/app/components/base/select'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
+import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import AppSelector from '@/app/components/plugins/plugin-detail-panel/app-selector'
+import ModelParameterModal from '@/app/components/plugins/plugin-detail-panel/model-selector'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import FormInputBoolean from '@/app/components/workflow/nodes/_base/components/form-input-boolean'
+import FormInputTypeSwitch from '@/app/components/workflow/nodes/_base/components/form-input-type-switch'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import MixedVariableTextInput from '@/app/components/workflow/nodes/tool/components/mixed-variable-text-input'
 import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 import { VarType } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
-import { useBoolean } from 'ahooks'
 import SchemaModal from './schema-modal'
-import type { SchemaRoot } from '@/app/components/workflow/nodes/llm/types'
 
 type Props = {
   value: Record<string, any>
   onChange: (val: Record<string, any>) => void
   schemas: any[]
-  nodeOutputVars: NodeOutPutVar[],
-  availableNodes: Node[],
+  nodeOutputVars: NodeOutPutVar[]
+  availableNodes: Node[]
   nodeId: string
 }
 
@@ -151,11 +151,14 @@ const ReasoningConfigForm: React.FC<Props> = ({
     const auto = value[variable]?.auto
     const tooltipContent = (tooltip && (
       <Tooltip
-        popupContent={<div className='w-[200px]'>
-          {tooltip[language] || tooltip.en_US}
-        </div>}
-        triggerClassName='ml-0.5 w-4 h-4'
-        asChild={false} />
+        popupContent={(
+          <div className="w-[200px]">
+            {tooltip[language] || tooltip.en_US}
+          </div>
+        )}
+        triggerClassName="ml-0.5 w-4 h-4"
+        asChild={false}
+      />
     ))
     const varInput = value[variable].value
     const isString = type === FormTypeEnum.textInput || type === FormTypeEnum.secretInput
@@ -206,36 +209,39 @@ const ReasoningConfigForm: React.FC<Props> = ({
     }
 
     return (
-      <div key={variable} className='space-y-0.5'>
-        <div className='system-sm-semibold flex items-center justify-between py-2 text-text-secondary'>
-          <div className='flex items-center'>
+      <div key={variable} className="space-y-0.5">
+        <div className="system-sm-semibold flex items-center justify-between py-2 text-text-secondary">
+          <div className="flex items-center">
             <span className={cn('code-sm-semibold max-w-[140px] truncate text-text-secondary')} title={label[language] || label.en_US}>{label[language] || label.en_US}</span>
             {required && (
-              <span className='ml-1 text-red-500'>*</span>
+              <span className="ml-1 text-red-500">*</span>
             )}
             {tooltipContent}
-            <span className='system-xs-regular mx-1 text-text-quaternary'>·</span>
-            <span className='system-xs-regular text-text-tertiary'>{targetVarType()}</span>
+            <span className="system-xs-regular mx-1 text-text-quaternary">·</span>
+            <span className="system-xs-regular text-text-tertiary">{targetVarType()}</span>
             {isShowJSONEditor && (
               <Tooltip
-                popupContent={<div className='system-xs-medium text-text-secondary'>
-                  {t('workflow.nodes.agent.clickToViewParameterSchema')}
-                </div>}
-                asChild={false}>
+                popupContent={(
+                  <div className="system-xs-medium text-text-secondary">
+                    {t('workflow.nodes.agent.clickToViewParameterSchema')}
+                  </div>
+                )}
+                asChild={false}
+              >
                 <div
-                  className='ml-0.5 cursor-pointer rounded-[4px] p-px text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary'
+                  className="ml-0.5 cursor-pointer rounded-[4px] p-px text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary"
                   onClick={() => showSchema(input_schema as SchemaRoot, label[language] || label.en_US)}
                 >
-                  <RiBracesLine className='size-3.5'/>
+                  <RiBracesLine className="size-3.5" />
                 </div>
               </Tooltip>
             )}
 
           </div>
-          <div className='flex cursor-pointer items-center gap-1 rounded-[6px] border border-divider-subtle bg-background-default-lighter px-2 py-1 hover:bg-state-base-hover' onClick={() => handleAutomatic(variable, !auto, type)}>
-            <span className='system-xs-medium text-text-secondary'>{t('plugin.detailPanel.toolSelector.auto')}</span>
+          <div className="flex cursor-pointer items-center gap-1 rounded-[6px] border border-divider-subtle bg-background-default-lighter px-2 py-1 hover:bg-state-base-hover" onClick={() => handleAutomatic(variable, !auto, type)}>
+            <span className="system-xs-medium text-text-secondary">{t('plugin.detailPanel.toolSelector.auto')}</span>
             <Switch
-              size='xs'
+              size="xs"
               defaultValue={!!auto}
               onChange={val => handleAutomatic(variable, val, type)}
             />
@@ -244,7 +250,7 @@ const ReasoningConfigForm: React.FC<Props> = ({
         {auto === 0 && (
           <div className={cn('gap-1', !(isShowJSONEditor && isConstant) && 'flex')}>
             {showTypeSwitch && (
-              <FormInputTypeSwitch value={varInput?.type || VarKindType.constant} onChange={handleTypeChange(variable, defaultValue)}/>
+              <FormInputTypeSwitch value={varInput?.type || VarKindType.constant} onChange={handleTypeChange(variable, defaultValue)} />
             )}
             {isString && (
               <MixedVariableTextInput
@@ -256,8 +262,8 @@ const ReasoningConfigForm: React.FC<Props> = ({
             )}
             {isNumber && isConstant && (
               <Input
-                className='h-8 grow'
-                type='number'
+                className="h-8 grow"
+                type="number"
                 value={varInput?.value || ''}
                 onChange={e => handleValueChange(variable, type)(e.target.value)}
                 placeholder={placeholder?.[language] || placeholder?.en_US}
@@ -271,30 +277,30 @@ const ReasoningConfigForm: React.FC<Props> = ({
             )}
             {isSelect && (
               <SimpleSelect
-                wrapperClassName='h-8 grow'
+                wrapperClassName="h-8 grow"
                 defaultValue={varInput?.value}
                 items={options.filter((option: { show_on: any[] }) => {
                   if (option.show_on.length)
                     return option.show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value)
 
                   return true
-                }).map((option: { value: any; label: { [x: string]: any; en_US: any } }) => ({ value: option.value, name: option.label[language] || option.label.en_US }))}
+                }).map((option: { value: any, label: { [x: string]: any, en_US: any } }) => ({ value: option.value, name: option.label[language] || option.label.en_US }))}
                 onSelect={item => handleValueChange(variable, type)(item.value as string)}
                 placeholder={placeholder?.[language] || placeholder?.en_US}
               />
             )}
             {isShowJSONEditor && isConstant && (
-              <div className='mt-1 w-full'>
+              <div className="mt-1 w-full">
                 <CodeEditor
-                  title='JSON'
+                  title="JSON"
                   value={varInput?.value as any}
                   isExpand
                   isInNode
                   height={100}
                   language={CodeLanguage.json}
                   onChange={handleValueChange(variable, type)}
-                  className='w-full'
-                  placeholder={<div className='whitespace-pre'>{placeholder?.[language] || placeholder?.en_US}</div>}
+                  className="w-full"
+                  placeholder={<div className="whitespace-pre">{placeholder?.[language] || placeholder?.en_US}</div>}
                 />
               </div>
             )}
@@ -308,7 +314,7 @@ const ReasoningConfigForm: React.FC<Props> = ({
             )}
             {isModelSelector && (
               <ModelParameterModal
-                popupClassName='!w-[387px]'
+                popupClassName="!w-[387px]"
                 isAdvancedMode
                 isInWorkflow
                 value={varInput}
@@ -319,7 +325,7 @@ const ReasoningConfigForm: React.FC<Props> = ({
             {showVariableSelector && (
               <VarReferencePicker
                 zIndex={1001}
-                className='h-8 grow'
+                className="h-8 grow"
                 readonly={false}
                 isShowNodeName
                 nodeId={nodeId}
@@ -335,18 +341,19 @@ const ReasoningConfigForm: React.FC<Props> = ({
         {url && (
           <a
             href={url}
-            target='_blank' rel='noopener noreferrer'
-            className='inline-flex items-center text-xs text-text-accent'
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center text-xs text-text-accent"
           >
             {t('tools.howToGet')}
-            <RiArrowRightUpLine className='ml-1 h-3 w-3' />
+            <RiArrowRightUpLine className="ml-1 h-3 w-3" />
           </a>
         )}
       </div>
     )
   }
   return (
-    <div className='space-y-3 px-4 py-2'>
+    <div className="space-y-3 px-4 py-2">
       {!isShowSchema && schemas.map(schema => renderField(schema, (s: SchemaRoot, rootName: string) => {
         setSchema(s)
         setSchemaRootName(rootName)
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx
index cd4cf71bac..6801a6df88 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { SchemaRoot } from '@/app/components/workflow/nodes/llm/types'
+import { RiCloseLine } from '@remixicon/react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Modal from '@/app/components/base/modal'
 import VisualEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor'
-import type { SchemaRoot } from '@/app/components/workflow/nodes/llm/types'
 import { MittProvider, VisualEditorContextProvider } from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context'
-import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
 
 type Props = {
   isShow: boolean
@@ -26,29 +26,30 @@ const SchemaModal: FC<Props> = ({
     <Modal
       isShow={isShow}
       onClose={onClose}
-      className='max-w-[960px] p-0'
-      wrapperClassName='z-[9999]'
+      className="max-w-[960px] p-0"
+      wrapperClassName="z-[9999]"
     >
-      <div className='pb-6'>
+      <div className="pb-6">
         {/* Header */}
-        <div className='relative flex p-6 pb-3 pr-14'>
-          <div className='title-2xl-semi-bold grow truncate text-text-primary'>
+        <div className="relative flex p-6 pb-3 pr-14">
+          <div className="title-2xl-semi-bold grow truncate text-text-primary">
             {t('workflow.nodes.agent.parameterSchema')}
           </div>
-          <div className='absolute right-5 top-5 flex h-8 w-8 items-center justify-center p-1.5' onClick={onClose}>
-            <RiCloseLine className='h-[18px] w-[18px] text-text-tertiary' />
+          <div className="absolute right-5 top-5 flex h-8 w-8 items-center justify-center p-1.5" onClick={onClose}>
+            <RiCloseLine className="h-[18px] w-[18px] text-text-tertiary" />
           </div>
         </div>
         {/* Content */}
-        <div className='flex max-h-[700px] overflow-y-auto px-6 py-2'>
+        <div className="flex max-h-[700px] overflow-y-auto px-6 py-2">
           <MittProvider>
             <VisualEditorContextProvider>
               <VisualEditor
-                className='w-full'
+                className="w-full"
                 schema={schema}
                 rootName={rootName}
                 readOnly
-              ></VisualEditor>
+              >
+              </VisualEditor>
             </VisualEditorContextProvider>
           </MittProvider>
         </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-credentials-form.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-credentials-form.tsx
index 299a5cd594..342d91a084 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-credentials-form.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-credentials-form.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Collection } from '@/app/components/tools/types'
 import {
   RiArrowRightUpLine,
 } from '@remixicon/react'
-import { addDefaultValue, toolCredentialToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
-import type { Collection } from '@/app/components/tools/types'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import Toast from '@/app/components/base/toast'
-import { fetchBuiltInToolCredential, fetchBuiltInToolCredentialSchema } from '@/service/tools'
 import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
 import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
+import { addDefaultValue, toolCredentialToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
 import { useRenderI18nObject } from '@/hooks/use-i18n'
+import { fetchBuiltInToolCredential, fetchBuiltInToolCredentialSchema } from '@/service/tools'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -55,41 +55,43 @@ const ToolCredentialForm: FC<Props> = ({
   return (
     <>
       {!credentialSchema
-        ? <div className='pt-3'><Loading type='app' /></div>
+        ? <div className="pt-3"><Loading type="app" /></div>
         : (
-          <>
-            <div className='max-h-[464px] overflow-y-auto px-4'>
-              <Form
-                value={tempCredential}
-                onChange={(v) => {
-                  setTempCredential(v)
-                }}
-                formSchemas={credentialSchema}
-                isEditMode={true}
-                showOnVariableMap={{}}
-                validating={false}
-                inputClassName='bg-components-input-bg-normal hover:bg-components-input-bg-hover'
-                fieldMoreInfo={item => item.url
-                  ? (<a
-                    href={item.url}
-                    target='_blank' rel='noopener noreferrer'
-                    className='inline-flex items-center text-xs text-text-accent'
-                  >
-                    {t('tools.howToGet')}
-                    <RiArrowRightUpLine className='ml-1 h-3 w-3' />
-                  </a>)
-                  : null}
-              />
-            </div>
-            <div className={cn('mt-1 flex justify-end px-4')} >
-              <div className='flex space-x-2'>
-                <Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
-                <Button variant='primary' onClick={handleSave}>{t('common.operation.save')}</Button>
+            <>
+              <div className="max-h-[464px] overflow-y-auto px-4">
+                <Form
+                  value={tempCredential}
+                  onChange={(v) => {
+                    setTempCredential(v)
+                  }}
+                  formSchemas={credentialSchema}
+                  isEditMode={true}
+                  showOnVariableMap={{}}
+                  validating={false}
+                  inputClassName="bg-components-input-bg-normal hover:bg-components-input-bg-hover"
+                  fieldMoreInfo={item => item.url
+                    ? (
+                        <a
+                          href={item.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="inline-flex items-center text-xs text-text-accent"
+                        >
+                          {t('tools.howToGet')}
+                          <RiArrowRightUpLine className="ml-1 h-3 w-3" />
+                        </a>
+                      )
+                    : null}
+                />
               </div>
-            </div>
-          </>
-        )
-      }
+              <div className={cn('mt-1 flex justify-end px-4')}>
+                <div className="flex space-x-2">
+                  <Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
+                  <Button variant="primary" onClick={handleSave}>{t('common.operation.save')}</Button>
+                </div>
+              </div>
+            </>
+          )}
 
     </>
   )
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-item.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-item.tsx
index 09b74bbb02..09d0eb898f 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-item.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-item.tsx
@@ -1,23 +1,23 @@
 'use client'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiDeleteBinLine,
   RiEqualizer2Line,
   RiErrorWarningFill,
 } from '@remixicon/react'
-import { Group } from '@/app/components/base/icons/src/vender/other'
-import AppIcon from '@/app/components/base/app-icon'
-import Switch from '@/app/components/base/switch'
-import Button from '@/app/components/base/button'
-import Indicator from '@/app/components/header/indicator'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
+import AppIcon from '@/app/components/base/app-icon'
+import Button from '@/app/components/base/button'
+import { Group } from '@/app/components/base/icons/src/vender/other'
+import Switch from '@/app/components/base/switch'
 import Tooltip from '@/app/components/base/tooltip'
 import { ToolTipContent } from '@/app/components/base/tooltip/content'
+import Indicator from '@/app/components/header/indicator'
 import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
+import McpToolNotSupportTooltip from '@/app/components/workflow/nodes/_base/components/mcp-tool-not-support-tooltip'
 import { SwitchPluginVersion } from '@/app/components/workflow/nodes/_base/components/switch-plugin-version'
 import { cn } from '@/utils/classnames'
-import McpToolNotSupportTooltip from '@/app/components/workflow/nodes/_base/components/mcp-tool-not-support-tooltip'
 
 type Props = {
   icon?: any
@@ -38,7 +38,7 @@ type Props = {
   versionMismatch?: boolean
   open: boolean
   authRemoved?: boolean
-  canChooseMCPTool?: boolean,
+  canChooseMCPTool?: boolean
 }
 
 const ToolItem = ({
@@ -73,35 +73,38 @@ const ToolItem = ({
       'group flex cursor-default items-center gap-1 rounded-lg border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg p-1.5 pr-2 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover hover:shadow-sm',
       open && 'bg-components-panel-on-panel-item-bg-hover shadow-sm',
       isDeleting && 'border-state-destructive-border shadow-xs hover:bg-state-destructive-hover',
-    )}>
+    )}
+    >
       {icon && (
         <div className={cn('shrink-0', isTransparent && 'opacity-50', isShowCanNotChooseMCPTip && 'opacity-30')}>
-          {typeof icon === 'string' && <div className='h-7 w-7 rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge bg-cover bg-center' style={{ backgroundImage: `url(${icon})` }} />}
-          {typeof icon !== 'string' && <AppIcon className='h-7 w-7 rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge' size='xs' icon={icon?.content} background={icon?.background} />}
+          {typeof icon === 'string' && <div className="h-7 w-7 rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge bg-cover bg-center" style={{ backgroundImage: `url(${icon})` }} />}
+          {typeof icon !== 'string' && <AppIcon className="h-7 w-7 rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge" size="xs" icon={icon?.content} background={icon?.background} />}
         </div>
       )}
       {!icon && (
         <div className={cn(
           'flex h-7 w-7 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-subtle',
-          isTransparent && 'opacity-50', isShowCanNotChooseMCPTip && 'opacity-30',
-        )}>
-          <div className='flex h-5 w-5 items-center justify-center opacity-35'>
-            <Group className='text-text-tertiary' />
+          isTransparent && 'opacity-50',
+          isShowCanNotChooseMCPTip && 'opacity-30',
+        )}
+        >
+          <div className="flex h-5 w-5 items-center justify-center opacity-35">
+            <Group className="text-text-tertiary" />
           </div>
         </div>
       )}
       <div className={cn('grow truncate pl-0.5', isTransparent && 'opacity-50', isShowCanNotChooseMCPTip && 'opacity-30')}>
-        <div className='system-2xs-medium-uppercase text-text-tertiary'>{providerNameText}</div>
-        <div className='system-xs-medium text-text-secondary'>{toolLabel}</div>
+        <div className="system-2xs-medium-uppercase text-text-tertiary">{providerNameText}</div>
+        <div className="system-xs-medium text-text-secondary">{toolLabel}</div>
       </div>
-      <div className='hidden items-center gap-1 group-hover:flex'>
+      <div className="hidden items-center gap-1 group-hover:flex">
         {!noAuth && !isError && !uninstalled && !versionMismatch && !isShowCanNotChooseMCPTip && (
           <ActionButton>
-            <RiEqualizer2Line className='h-4 w-4' />
+            <RiEqualizer2Line className="h-4 w-4" />
           </ActionButton>
         )}
         <div
-          className='cursor-pointer rounded-md p-1 text-text-tertiary hover:text-text-destructive'
+          className="cursor-pointer rounded-md p-1 text-text-tertiary hover:text-text-destructive"
           onClick={(e) => {
             e.stopPropagation()
             onDelete?.()
@@ -109,13 +112,13 @@ const ToolItem = ({
           onMouseOver={() => setIsDeleting(true)}
           onMouseLeave={() => setIsDeleting(false)}
         >
-          <RiDeleteBinLine className='h-4 w-4' />
+          <RiDeleteBinLine className="h-4 w-4" />
         </div>
       </div>
       {!isError && !uninstalled && !noAuth && !versionMismatch && !isShowCanNotChooseMCPTip && showSwitch && (
-        <div className='mr-1' onClick={e => e.stopPropagation()}>
+        <div className="mr-1" onClick={e => e.stopPropagation()}>
           <Switch
-            size='md'
+            size="md"
             defaultValue={switchValue}
             onChange={onSwitchChange}
           />
@@ -125,29 +128,29 @@ const ToolItem = ({
         <McpToolNotSupportTooltip />
       )}
       {!isError && !uninstalled && !versionMismatch && noAuth && (
-        <Button variant='secondary' size='small'>
+        <Button variant="secondary" size="small">
           {t('tools.notAuthorized')}
-          <Indicator className='ml-2' color='orange' />
+          <Indicator className="ml-2" color="orange" />
         </Button>
       )}
       {!isError && !uninstalled && !versionMismatch && authRemoved && (
-        <Button variant='secondary' size='small'>
+        <Button variant="secondary" size="small">
           {t('plugin.auth.authRemoved')}
-          <Indicator className='ml-2' color='red' />
+          <Indicator className="ml-2" color="red" />
         </Button>
       )}
       {!isError && !uninstalled && versionMismatch && installInfo && (
         <div onClick={e => e.stopPropagation()}>
           <SwitchPluginVersion
-            className='-mt-1'
+            className="-mt-1"
             uniqueIdentifier={installInfo}
-            tooltip={
+            tooltip={(
               <ToolTipContent
                 title={t('plugin.detailPanel.toolSelector.unsupportedTitle')}
               >
                 {`${t('plugin.detailPanel.toolSelector.unsupportedContent')} ${t('plugin.detailPanel.toolSelector.unsupportedContent2')}`}
               </ToolTipContent>
-            }
+            )}
             onChange={() => {
               onInstall?.()
             }}
@@ -157,7 +160,7 @@ const ToolItem = ({
       {!isError && uninstalled && installInfo && (
         <InstallPluginButton
           onClick={e => e.stopPropagation()}
-          size={'small'}
+          size="small"
           uniqueIdentifier={installInfo}
           onSuccess={() => {
             onInstall?.()
@@ -169,7 +172,7 @@ const ToolItem = ({
           popupContent={errorTip}
         >
           <div>
-            <RiErrorWarningFill className='h-4 w-4 text-text-destructive' />
+            <RiErrorWarningFill className="h-4 w-4 text-text-destructive" />
           </div>
         </Tooltip>
       )}
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-trigger.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-trigger.tsx
index ba62b9be5b..bfad698fff 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-trigger.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/tool-trigger.tsx
@@ -1,13 +1,13 @@
 'use client'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
 import {
   RiArrowDownSLine,
   RiEqualizer2Line,
 } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import { BlockEnum } from '@/app/components/workflow/types'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -32,21 +32,22 @@ const ToolTrigger = ({
       'group flex cursor-pointer items-center rounded-lg bg-components-input-bg-normal p-2 pl-3 hover:bg-state-base-hover-alt',
       open && 'bg-state-base-hover-alt',
       value?.provider_name && 'py-1.5 pl-1.5',
-    )}>
+    )}
+    >
       {value?.provider_name && provider && (
-        <div className='mr-1 shrink-0 rounded-lg border border-components-panel-border bg-components-panel-bg p-px'>
+        <div className="mr-1 shrink-0 rounded-lg border border-components-panel-border bg-components-panel-bg p-px">
           <BlockIcon
-            className='!h-4 !w-4'
+            className="!h-4 !w-4"
             type={BlockEnum.Tool}
             toolIcon={provider.icon}
           />
         </div>
       )}
       {value?.tool_name && (
-        <div className='system-sm-medium grow text-components-input-text-filled'>{value.tool_name}</div>
+        <div className="system-sm-medium grow text-components-input-text-filled">{value.tool_name}</div>
       )}
       {!value?.provider_name && (
-        <div className='system-sm-regular grow text-components-input-text-placeholder'>
+        <div className="system-sm-regular grow text-components-input-text-placeholder">
           {!isConfigure ? t('plugin.detailPanel.toolSelector.placeholder') : t('plugin.detailPanel.configureTool')}
         </div>
       )}
diff --git a/web/app/components/plugins/plugin-detail-panel/trigger/event-detail-drawer.tsx b/web/app/components/plugins/plugin-detail-panel/trigger/event-detail-drawer.tsx
index 718878ae20..c6df87764c 100644
--- a/web/app/components/plugins/plugin-detail-panel/trigger/event-detail-drawer.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/trigger/event-detail-drawer.tsx
@@ -1,4 +1,13 @@
 'use client'
+import type { TFunction } from 'i18next'
+import type { FC } from 'react'
+import type { TriggerEvent } from '@/app/components/plugins/types'
+import type { TriggerProviderApiEntity } from '@/app/components/workflow/block-selector/types'
+import {
+  RiArrowLeftLine,
+  RiCloseLine,
+} from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import Divider from '@/app/components/base/divider'
 import Drawer from '@/app/components/base/drawer'
@@ -7,17 +16,8 @@ import Icon from '@/app/components/plugins/card/base/card-icon'
 import Description from '@/app/components/plugins/card/base/description'
 import OrgInfo from '@/app/components/plugins/card/base/org-info'
 import { triggerEventParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
-import type { TriggerProviderApiEntity } from '@/app/components/workflow/block-selector/types'
 import Field from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/field'
 import { cn } from '@/utils/classnames'
-import {
-  RiArrowLeftLine,
-  RiCloseLine,
-} from '@remixicon/react'
-import type { TFunction } from 'i18next'
-import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import type { TriggerEvent } from '@/app/components/plugins/types'
 
 type EventDetailDrawerProps = {
   eventInfo: TriggerEvent
@@ -74,10 +74,10 @@ export const EventDetailDrawer: FC<EventDetailDrawerProps> = (props) => {
   // Convert output_schema properties to array for direct rendering
   const outputFields = eventInfo.output_schema?.properties
     ? Object.entries(eventInfo.output_schema.properties).map(([name, schema]: [string, any]) => ({
-      name,
-      field: convertSchemaToField(schema),
-      required: eventInfo.output_schema.required?.includes(name) || false,
-    }))
+        name,
+        field: convertSchemaToField(schema),
+        required: eventInfo.output_schema.required?.includes(name) || false,
+      }))
     : []
 
   return (
@@ -90,63 +90,65 @@ export const EventDetailDrawer: FC<EventDetailDrawerProps> = (props) => {
       positionCenter={false}
       panelClassName={cn('mb-2 mr-2 mt-[64px] !w-[420px] !max-w-[420px] justify-start rounded-2xl border-[0.5px] border-components-panel-border !bg-components-panel-bg !p-0 shadow-xl')}
     >
-      <div className='relative border-b border-divider-subtle p-4 pb-3'>
-        <div className='absolute right-3 top-3'>
+      <div className="relative border-b border-divider-subtle p-4 pb-3">
+        <div className="absolute right-3 top-3">
           <ActionButton onClick={onClose}>
-            <RiCloseLine className='h-4 w-4' />
+            <RiCloseLine className="h-4 w-4" />
           </ActionButton>
         </div>
         <div
-          className='system-xs-semibold-uppercase mb-2 flex cursor-pointer items-center gap-1 text-text-accent-secondary'
+          className="system-xs-semibold-uppercase mb-2 flex cursor-pointer items-center gap-1 text-text-accent-secondary"
           onClick={onClose}
         >
-          <RiArrowLeftLine className='h-4 w-4' />
+          <RiArrowLeftLine className="h-4 w-4" />
           {t('plugin.detailPanel.operation.back')}
         </div>
-        <div className='flex items-center gap-1'>
-          <Icon size='tiny' className='h-6 w-6' src={providerInfo.icon!} />
+        <div className="flex items-center gap-1">
+          <Icon size="tiny" className="h-6 w-6" src={providerInfo.icon!} />
           <OrgInfo
-            packageNameClassName='w-auto'
+            packageNameClassName="w-auto"
             orgName={providerInfo.author}
             packageName={providerInfo.name.split('/').pop() || ''}
           />
         </div>
-        <div className='system-md-semibold mt-1 text-text-primary'>{eventInfo?.identity?.label[language]}</div>
-        <Description className='mb-2 mt-3 h-auto' text={eventInfo.description[language]} descriptionLineRows={2}></Description>
+        <div className="system-md-semibold mt-1 text-text-primary">{eventInfo?.identity?.label[language]}</div>
+        <Description className="mb-2 mt-3 h-auto" text={eventInfo.description[language]} descriptionLineRows={2}></Description>
       </div>
-      <div className='flex h-full flex-col gap-2 overflow-y-auto px-4 pb-2 pt-4'>
-        <div className='system-sm-semibold-uppercase text-text-secondary'>{t('tools.setBuiltInTools.parameters')}</div>
-        {parametersSchemas.length > 0 ? (
-          parametersSchemas.map((item, index) => (
-            <div key={index} className='py-1'>
-              <div className='flex items-center gap-2'>
-                <div className='code-sm-semibold text-text-secondary'>{item.label[language]}</div>
-                <div className='system-xs-regular text-text-tertiary'>
-                  {getType(item.type, t)}
+      <div className="flex h-full flex-col gap-2 overflow-y-auto px-4 pb-2 pt-4">
+        <div className="system-sm-semibold-uppercase text-text-secondary">{t('tools.setBuiltInTools.parameters')}</div>
+        {parametersSchemas.length > 0
+          ? (
+              parametersSchemas.map((item, index) => (
+                <div key={index} className="py-1">
+                  <div className="flex items-center gap-2">
+                    <div className="code-sm-semibold text-text-secondary">{item.label[language]}</div>
+                    <div className="system-xs-regular text-text-tertiary">
+                      {getType(item.type, t)}
+                    </div>
+                    {item.required && (
+                      <div className="system-xs-medium text-text-warning-secondary">{t('tools.setBuiltInTools.required')}</div>
+                    )}
+                  </div>
+                  {item.description && (
+                    <div className="system-xs-regular mt-0.5 text-text-tertiary">
+                      {item.description?.[language]}
+                    </div>
+                  )}
                 </div>
-                {item.required && (
-                  <div className='system-xs-medium text-text-warning-secondary'>{t('tools.setBuiltInTools.required')}</div>
-                )}
-              </div>
-              {item.description && (
-                <div className='system-xs-regular mt-0.5 text-text-tertiary'>
-                  {item.description?.[language]}
-                </div>
-              )}
-            </div>
-          ))
-        ) : <div className='system-xs-regular text-text-tertiary'>{t('pluginTrigger.events.item.noParameters')}</div>}
-        <Divider className='mb-2 mt-1 h-px' />
-        <div className='flex flex-col gap-2'>
-          <div className='system-sm-semibold-uppercase text-text-secondary'>{t('pluginTrigger.events.output')}</div>
-          <div className='relative left-[-7px]'>
+              ))
+            )
+          : <div className="system-xs-regular text-text-tertiary">{t('pluginTrigger.events.item.noParameters')}</div>}
+        <Divider className="mb-2 mt-1 h-px" />
+        <div className="flex flex-col gap-2">
+          <div className="system-sm-semibold-uppercase text-text-secondary">{t('pluginTrigger.events.output')}</div>
+          <div className="relative left-[-7px]">
             {outputFields.map(item => (
               <Field
                 key={item.name}
                 name={item.name}
                 payload={item.field}
                 required={item.required}
-                rootClassName='code-sm-semibold text-text-secondary'
+                rootClassName="code-sm-semibold text-text-secondary"
               />
             ))}
           </div>
diff --git a/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx b/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx
index 2c8ab28ad9..0573265a3f 100644
--- a/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx
@@ -1,10 +1,10 @@
-import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import type { TriggerEvent } from '@/app/components/plugins/types'
 import type { TriggerProviderApiEntity } from '@/app/components/workflow/block-selector/types'
-import { useTriggerProviderInfo } from '@/service/use-triggers'
-import { cn } from '@/utils/classnames'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useTriggerProviderInfo } from '@/service/use-triggers'
+import { cn } from '@/utils/classnames'
 import { usePluginStore } from '../store'
 import { EventDetailDrawer } from './event-detail-drawer'
 
@@ -25,8 +25,8 @@ const TriggerEventCard = ({ eventInfo, providerInfo }: TriggerEventCardProps) =>
         className={cn('bg-components-panel-item-bg cursor-pointer rounded-xl border-[0.5px] border-components-panel-border-subtle px-4 py-3 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover')}
         onClick={() => setShowDetail(true)}
       >
-        <div className='system-md-semibold pb-0.5 text-text-secondary'>{title}</div>
-        <div className='system-xs-regular line-clamp-2 text-text-tertiary' title={descriptionText}>{descriptionText}</div>
+        <div className="system-md-semibold pb-0.5 text-text-secondary">{title}</div>
+        <div className="system-xs-regular line-clamp-2 text-text-tertiary" title={descriptionText}>{descriptionText}</div>
       </div>
       {showDetail && (
         <EventDetailDrawer
@@ -50,20 +50,21 @@ export const TriggerEventsList = () => {
     return null
 
   return (
-    <div className='px-4 pb-4 pt-2'>
-      <div className='mb-1 py-1'>
-        <div className='system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary'>
+    <div className="px-4 pb-4 pt-2">
+      <div className="mb-1 py-1">
+        <div className="system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary">
           {t('pluginTrigger.events.actionNum', { num: triggerEvents.length, event: t(`pluginTrigger.events.${triggerEvents.length > 1 ? 'events' : 'event'}`) })}
         </div>
       </div>
-      <div className='flex flex-col gap-2'>
+      <div className="flex flex-col gap-2">
         {
           triggerEvents.map((triggerEvent: TriggerEvent) => (
             <TriggerEventCard
               key={`${detail?.plugin_id}${triggerEvent.identity?.name || ''}`}
               eventInfo={triggerEvent}
               providerInfo={providerInfo}
-            />))
+            />
+          ))
         }
       </div>
     </div>
diff --git a/web/app/components/plugins/plugin-item/action.tsx b/web/app/components/plugins/plugin-item/action.tsx
index 80dfd78f12..87830a745b 100644
--- a/web/app/components/plugins/plugin-item/action.tsx
+++ b/web/app/components/plugins/plugin-item/action.tsx
@@ -1,20 +1,21 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { type MetaData, PluginSource } from '../types'
+import type { MetaData } from '../types'
+import type { PluginCategoryEnum } from '@/app/components/plugins/types'
 import { RiDeleteBinLine, RiInformation2Line, RiLoopLeftLine } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import PluginInfo from '../plugin-page/plugin-info'
-import ActionButton from '../../base/action-button'
-import Tooltip from '../../base/tooltip'
-import Confirm from '../../base/confirm'
-import { uninstallPlugin } from '@/service/plugins'
-import { useGitHubReleases } from '../install-plugin/hooks'
 import Toast from '@/app/components/base/toast'
 import { useModalContext } from '@/context/modal-context'
+import { uninstallPlugin } from '@/service/plugins'
 import { useInvalidateInstalledPluginList } from '@/service/use-plugins'
-import type { PluginCategoryEnum } from '@/app/components/plugins/types'
+import ActionButton from '../../base/action-button'
+import Confirm from '../../base/confirm'
+import Tooltip from '../../base/tooltip'
+import { useGitHubReleases } from '../install-plugin/hooks'
+import PluginInfo from '../plugin-page/plugin-info'
+import { PluginSource } from '../types'
 
 const i18nPrefix = 'plugin.action'
 
@@ -60,7 +61,8 @@ const Action: FC<Props> = ({
     const owner = meta!.repo.split('/')[0] || author
     const repo = meta!.repo.split('/')[1] || pluginName
     const fetchedReleases = await fetchReleases(owner, repo)
-    if (fetchedReleases.length === 0) return
+    if (fetchedReleases.length === 0)
+      return
     const { needUpdate, toastProps } = checkForUpdates(fetchedReleases, meta!.version)
     Toast.notify(toastProps)
     if (needUpdate) {
@@ -92,7 +94,7 @@ const Action: FC<Props> = ({
 
   const handleDelete = useCallback(async () => {
     showDeleting()
-    try{
+    try {
       const res = await uninstallPlugin(installationId)
       if (res.success) {
         hideDeleteConfirm()
@@ -107,23 +109,22 @@ const Action: FC<Props> = ({
     }
   }, [installationId, onDelete])
   return (
-    <div className='flex space-x-1'>
+    <div className="flex space-x-1">
       {/* Only plugin installed from GitHub need to check if it's the new version  */}
       {isShowFetchNewVersion
         && (
           <Tooltip popupContent={t(`${i18nPrefix}.checkForUpdates`)}>
             <ActionButton onClick={handleFetchNewVersion}>
-              <RiLoopLeftLine className='h-4 w-4 text-text-tertiary' />
+              <RiLoopLeftLine className="h-4 w-4 text-text-tertiary" />
             </ActionButton>
           </Tooltip>
-        )
-      }
+        )}
       {
         isShowInfo
         && (
           <Tooltip popupContent={t(`${i18nPrefix}.pluginInfo`)}>
             <ActionButton onClick={showPluginInfo}>
-              <RiInformation2Line className='h-4 w-4 text-text-tertiary' />
+              <RiInformation2Line className="h-4 w-4 text-text-tertiary" />
             </ActionButton>
           </Tooltip>
         )
@@ -133,10 +134,10 @@ const Action: FC<Props> = ({
         && (
           <Tooltip popupContent={t(`${i18nPrefix}.delete`)}>
             <ActionButton
-              className='text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
+              className="text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive"
               onClick={showDeleteConfirm}
             >
-              <RiDeleteBinLine className='h-4 w-4' />
+              <RiDeleteBinLine className="h-4 w-4" />
             </ActionButton>
           </Tooltip>
         )
@@ -153,13 +154,16 @@ const Action: FC<Props> = ({
       <Confirm
         isShow={isShowDeleteConfirm}
         title={t(`${i18nPrefix}.delete`)}
-        content={
+        content={(
           <div>
-            {t(`${i18nPrefix}.deleteContentLeft`)}<span className='system-md-semibold'>{pluginName}</span>{t(`${i18nPrefix}.deleteContentRight`)}<br />
+            {t(`${i18nPrefix}.deleteContentLeft`)}
+            <span className="system-md-semibold">{pluginName}</span>
+            {t(`${i18nPrefix}.deleteContentRight`)}
+            <br />
             {/* // todo: add usedInApps */}
             {/* {usedInApps > 0 && t(`${i18nPrefix}.usedInApps`, { num: usedInApps })} */}
           </div>
-        }
+        )}
         onCancel={hideDeleteConfirm}
         onConfirm={handleDelete}
         isLoading={deleting}
diff --git a/web/app/components/plugins/plugin-item/index.tsx b/web/app/components/plugins/plugin-item/index.tsx
index 09c1f7f951..fe884f69b2 100644
--- a/web/app/components/plugins/plugin-item/index.tsx
+++ b/web/app/components/plugins/plugin-item/index.tsx
@@ -1,12 +1,6 @@
 'use client'
-import Tooltip from '@/app/components/base/tooltip'
-import useRefreshPluginList from '@/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list'
-import { API_PREFIX } from '@/config'
-import { useAppContext } from '@/context/app-context'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { useRenderI18nObject } from '@/hooks/use-i18n'
-import { cn } from '@/utils/classnames'
-import { getMarketplaceUrl } from '@/utils/var'
+import type { FC } from 'react'
+import type { PluginDetail } from '../types'
 import {
   RiArrowRightUpLine,
   RiBugLine,
@@ -14,21 +8,28 @@ import {
   RiHardDrive3Line,
   RiLoginCircleLine,
 } from '@remixicon/react'
-import type { FC } from 'react'
 import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { gte } from 'semver'
+import Tooltip from '@/app/components/base/tooltip'
+import useRefreshPluginList from '@/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list'
+import { API_PREFIX } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useRenderI18nObject } from '@/hooks/use-i18n'
 import useTheme from '@/hooks/use-theme'
-import Verified from '../base/badges/verified'
+import { cn } from '@/utils/classnames'
+import { getMarketplaceUrl } from '@/utils/var'
 import Badge from '../../base/badge'
 import { Github } from '../../base/icons/src/public/common'
+import Verified from '../base/badges/verified'
 import CornerMark from '../card/base/corner-mark'
 import Description from '../card/base/description'
 import OrgInfo from '../card/base/org-info'
 import Title from '../card/base/title'
 import { useCategories } from '../hooks'
 import { usePluginPageContext } from '../plugin-page/context'
-import { PluginCategoryEnum, type PluginDetail, PluginSource } from '../types'
+import { PluginCategoryEnum, PluginSource } from '../types'
 import Action from './action'
 
 type Props = {
@@ -105,27 +106,33 @@ const PluginItem: FC<Props> = ({
       <div className={cn('hover-bg-components-panel-on-panel-item-bg relative z-10 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs', className)}>
         <CornerMark text={categoriesMap[category].label} />
         {/* Header */}
-        <div className='flex'>
-          <div className='flex h-10 w-10 items-center justify-center overflow-hidden rounded-xl border-[1px] border-components-panel-border-subtle'>
+        <div className="flex">
+          <div className="flex h-10 w-10 items-center justify-center overflow-hidden rounded-xl border-[1px] border-components-panel-border-subtle">
             <img
-              className='h-full w-full'
+              className="h-full w-full"
               src={iconSrc}
               alt={`plugin-${plugin_unique_identifier}-logo`}
             />
           </div>
-          <div className='ml-3 w-0 grow'>
-            <div className='flex h-5 items-center'>
+          <div className="ml-3 w-0 grow">
+            <div className="flex h-5 items-center">
               <Title title={title} />
-              {verified && <Verified className='ml-0.5 h-4 w-4' text={t('plugin.marketplace.verifiedTip')} />}
-              {!isDifyVersionCompatible && <Tooltip popupContent={
-                t('plugin.difyVersionNotCompatible', { minimalDifyVersion: declarationMeta.minimum_dify_version })
-              }><RiErrorWarningLine color='red' className='ml-0.5 h-4 w-4 shrink-0 text-text-accent' /></Tooltip>}
-              <Badge className='ml-1 shrink-0'
+              {verified && <Verified className="ml-0.5 h-4 w-4" text={t('plugin.marketplace.verifiedTip')} />}
+              {!isDifyVersionCompatible && (
+                <Tooltip popupContent={
+                  t('plugin.difyVersionNotCompatible', { minimalDifyVersion: declarationMeta.minimum_dify_version })
+                }
+                >
+                  <RiErrorWarningLine color="red" className="ml-0.5 h-4 w-4 shrink-0 text-text-accent" />
+                </Tooltip>
+              )}
+              <Badge
+                className="ml-1 shrink-0"
                 text={source === PluginSource.github ? plugin.meta!.version : plugin.version}
                 hasRedCornerMark={(source === PluginSource.marketplace) && !!plugin.latest_version && plugin.latest_version !== plugin.version}
               />
             </div>
-            <div className='flex items-center justify-between'>
+            <div className="flex items-center justify-between">
               <Description text={descriptionText} descriptionLineRows={1}></Description>
               <div onClick={e => e.stopPropagation()}>
                 <Action
@@ -146,21 +153,21 @@ const PluginItem: FC<Props> = ({
           </div>
         </div>
       </div>
-      <div className='mb-1 mt-1.5 flex h-4 items-center gap-x-2 px-4'>
+      <div className="mb-1 mt-1.5 flex h-4 items-center gap-x-2 px-4">
         {/* Organization & Name */}
-        <div className='flex grow items-center overflow-hidden'>
+        <div className="flex grow items-center overflow-hidden">
           <OrgInfo
             orgName={orgName}
             packageName={name}
-            packageNameClassName='w-auto max-w-[150px]'
+            packageNameClassName="w-auto max-w-[150px]"
           />
           {category === PluginCategoryEnum.extension && (
             <>
-              <div className='system-xs-regular mx-2 text-text-quaternary'>·</div>
-              <div className='system-xs-regular flex items-center gap-x-1 overflow-hidden text-text-tertiary'>
-                <RiLoginCircleLine className='size-3 shrink-0' />
+              <div className="system-xs-regular mx-2 text-text-quaternary">·</div>
+              <div className="system-xs-regular flex items-center gap-x-1 overflow-hidden text-text-tertiary">
+                <RiLoginCircleLine className="size-3 shrink-0" />
                 <span
-                  className='truncate'
+                  className="truncate"
                   title={t('plugin.endpointsEnabled', { num: endpoints_active })}
                 >
                   {t('plugin.endpointsEnabled', { num: endpoints_active })}
@@ -170,49 +177,57 @@ const PluginItem: FC<Props> = ({
           )}
         </div>
         {/* Source */}
-        <div className='flex shrink-0 items-center'>
+        <div className="flex shrink-0 items-center">
           {source === PluginSource.github
-            && <>
-              <a href={`https://github.com/${meta!.repo}`} target='_blank' className='flex items-center gap-1'>
-                <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('plugin.from')}</div>
-                <div className='flex items-center space-x-0.5 text-text-secondary'>
-                  <Github className='h-3 w-3' />
-                  <div className='system-2xs-semibold-uppercase'>GitHub</div>
-                  <RiArrowRightUpLine className='h-3 w-3' />
-                </div>
-              </a>
-            </>
-          }
+            && (
+              <>
+                <a href={`https://github.com/${meta!.repo}`} target="_blank" className="flex items-center gap-1">
+                  <div className="system-2xs-medium-uppercase text-text-tertiary">{t('plugin.from')}</div>
+                  <div className="flex items-center space-x-0.5 text-text-secondary">
+                    <Github className="h-3 w-3" />
+                    <div className="system-2xs-semibold-uppercase">GitHub</div>
+                    <RiArrowRightUpLine className="h-3 w-3" />
+                  </div>
+                </a>
+              </>
+            )}
           {source === PluginSource.marketplace && enable_marketplace
-            && <>
-              <a href={getMarketplaceUrl(`/plugins/${author}/${name}`, { theme })} target='_blank' className='flex items-center gap-0.5'>
-                <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('plugin.from')} <span className='text-text-secondary'>marketplace</span></div>
-                <RiArrowRightUpLine className='h-3 w-3 text-text-secondary' />
-              </a>
-            </>
-          }
+            && (
+              <>
+                <a href={getMarketplaceUrl(`/plugins/${author}/${name}`, { theme })} target="_blank" className="flex items-center gap-0.5">
+                  <div className="system-2xs-medium-uppercase text-text-tertiary">
+                    {t('plugin.from')}
+                    {' '}
+                    <span className="text-text-secondary">marketplace</span>
+                  </div>
+                  <RiArrowRightUpLine className="h-3 w-3 text-text-secondary" />
+                </a>
+              </>
+            )}
           {source === PluginSource.local
-            && <>
-              <div className='flex items-center gap-1'>
-                <RiHardDrive3Line className='h-3 w-3 text-text-tertiary' />
-                <div className='system-2xs-medium-uppercase text-text-tertiary'>Local Plugin</div>
-              </div>
-            </>
-          }
+            && (
+              <>
+                <div className="flex items-center gap-1">
+                  <RiHardDrive3Line className="h-3 w-3 text-text-tertiary" />
+                  <div className="system-2xs-medium-uppercase text-text-tertiary">Local Plugin</div>
+                </div>
+              </>
+            )}
           {source === PluginSource.debugging
-            && <>
-              <div className='flex items-center gap-1'>
-                <RiBugLine className='h-3 w-3 text-text-warning' />
-                <div className='system-2xs-medium-uppercase text-text-warning'>Debugging Plugin</div>
-              </div>
-            </>
-          }
+            && (
+              <>
+                <div className="flex items-center gap-1">
+                  <RiBugLine className="h-3 w-3 text-text-warning" />
+                  <div className="system-2xs-medium-uppercase text-text-warning">Debugging Plugin</div>
+                </div>
+              </>
+            )}
         </div>
         {/* Deprecated */}
         {source === PluginSource.marketplace && enable_marketplace && isDeprecated && (
-          <div className='system-2xs-medium-uppercase flex shrink-0 items-center gap-x-2'>
-            <span className='text-text-tertiary'>·</span>
-            <span className='text-text-warning'>
+          <div className="system-2xs-medium-uppercase flex shrink-0 items-center gap-x-2">
+            <span className="text-text-tertiary">·</span>
+            <span className="text-text-warning">
               {t('plugin.deprecated')}
             </span>
           </div>
@@ -220,7 +235,7 @@ const PluginItem: FC<Props> = ({
       </div>
       {/* BG Effect for Deprecated Plugin */}
       {source === PluginSource.marketplace && enable_marketplace && isDeprecated && (
-        <div className='absolute bottom-[-71px] right-[-45px] z-0 size-40 bg-components-badge-status-light-warning-halo opacity-60 blur-[120px]' />
+        <div className="absolute bottom-[-71px] right-[-45px] z-0 size-40 bg-components-badge-status-light-warning-halo opacity-60 blur-[120px]" />
       )}
     </div>
   )
diff --git a/web/app/components/plugins/plugin-mutation-model/index.tsx b/web/app/components/plugins/plugin-mutation-model/index.tsx
index 8b6d8a2737..09eb72a656 100644
--- a/web/app/components/plugins/plugin-mutation-model/index.tsx
+++ b/web/app/components/plugins/plugin-mutation-model/index.tsx
@@ -1,10 +1,10 @@
-import type { FC, ReactNode } from 'react'
-import React, { memo } from 'react'
-import Card from '@/app/components/plugins/card'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import type { Plugin } from '../types'
 import type { UseMutationResult } from '@tanstack/react-query'
+import type { FC, ReactNode } from 'react'
+import type { Plugin } from '../types'
+import React, { memo } from 'react'
+import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+import Card from '@/app/components/plugins/card'
 
 type Props = {
   plugin: Plugin
@@ -35,33 +35,33 @@ const PluginMutationModal: FC<Props> = ({
     <Modal
       isShow={true}
       onClose={onCancel}
-      className='min-w-[560px]'
+      className="min-w-[560px]"
       closable
       title={modelTitle}
     >
-      <div className='system-md-regular mb-2 mt-3 text-text-secondary'>
+      <div className="system-md-regular mb-2 mt-3 text-text-secondary">
         {description}
       </div>
-      <div className='flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+      <div className="flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2">
         <Card
           installed={mutation.isSuccess}
           payload={plugin}
-          className='w-full'
+          className="w-full"
           titleLeft={cardTitleLeft}
         />
       </div>
-      <div className='flex items-center gap-2 self-stretch pt-5'>
+      <div className="flex items-center gap-2 self-stretch pt-5">
         <div>
           {modalBottomLeft}
         </div>
-        <div className='ml-auto flex gap-2'>
+        <div className="ml-auto flex gap-2">
           {!mutation.isPending && (
             <Button onClick={onCancel}>
               {cancelButtonText}
             </Button>
           )}
           <Button
-            variant='primary'
+            variant="primary"
             loading={mutation.isPending}
             onClick={mutate}
             disabled={mutation.isPending}
diff --git a/web/app/components/plugins/plugin-page/context.tsx b/web/app/components/plugins/plugin-page/context.tsx
index cdf81af396..8a560ac90a 100644
--- a/web/app/components/plugins/plugin-page/context.tsx
+++ b/web/app/components/plugins/plugin-page/context.tsx
@@ -1,6 +1,8 @@
 'use client'
 
 import type { ReactNode, RefObject } from 'react'
+import type { FilterState } from './filter-management'
+import { noop } from 'lodash-es'
 import {
   useMemo,
   useRef,
@@ -10,11 +12,9 @@ import {
   createContext,
   useContextSelector,
 } from 'use-context-selector'
-import type { FilterState } from './filter-management'
-import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
-import { noop } from 'lodash-es'
-import { PLUGIN_PAGE_TABS_MAP, usePluginPageTabs } from '../hooks'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
+import { PLUGIN_PAGE_TABS_MAP, usePluginPageTabs } from '../hooks'
 
 export type PluginPageContextValue = {
   containerRef: RefObject<HTMLDivElement | null>
diff --git a/web/app/components/plugins/plugin-page/debug-info.tsx b/web/app/components/plugins/plugin-page/debug-info.tsx
index 28b8a7fc49..69b22001c9 100644
--- a/web/app/components/plugins/plugin-page/debug-info.tsx
+++ b/web/app/components/plugins/plugin-page/debug-info.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useContext } from 'use-context-selector'
-import I18n from '@/context/i18n'
 import {
   RiArrowRightUpLine,
   RiBugLine,
 } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import KeyValueItem from '../base/key-value-item'
-import Tooltip from '@/app/components/base/tooltip'
+import { useContext } from 'use-context-selector'
 import Button from '@/app/components/base/button'
+import Tooltip from '@/app/components/base/tooltip'
 import { getDocsUrl } from '@/app/components/plugins/utils'
+import I18n from '@/context/i18n'
 import { useDebugKey } from '@/service/use-plugins'
+import KeyValueItem from '../base/key-value-item'
 
 const i18nPrefix = 'plugin.debugInfo'
 
@@ -24,41 +24,42 @@ const DebugInfo: FC = () => {
   // info.key likes 4580bdb7-b878-471c-a8a4-bfd760263a53 mask the middle part using *.
   const maskedKey = info?.key?.replace(/(.{8})(.*)(.{8})/, '$1********$3')
 
-  if (isLoading) return null
+  if (isLoading)
+    return null
 
   return (
     <Tooltip
-      triggerMethod='click'
+      triggerMethod="click"
       disabled={!info}
-      popupContent={
+      popupContent={(
         <>
-          <div className='flex items-center gap-1 self-stretch'>
-            <span className='system-sm-semibold flex shrink-0 grow basis-0 flex-col items-start justify-center text-text-secondary'>{t(`${i18nPrefix}.title`)}</span>
-            <a href={getDocsUrl(locale, '/plugins/quick-start/debug-plugin')} target='_blank' className='flex cursor-pointer items-center gap-0.5 text-text-accent-light-mode-only'>
-              <span className='system-xs-medium'>{t(`${i18nPrefix}.viewDocs`)}</span>
-              <RiArrowRightUpLine className='h-3 w-3' />
+          <div className="flex items-center gap-1 self-stretch">
+            <span className="system-sm-semibold flex shrink-0 grow basis-0 flex-col items-start justify-center text-text-secondary">{t(`${i18nPrefix}.title`)}</span>
+            <a href={getDocsUrl(locale, '/plugins/quick-start/debug-plugin')} target="_blank" className="flex cursor-pointer items-center gap-0.5 text-text-accent-light-mode-only">
+              <span className="system-xs-medium">{t(`${i18nPrefix}.viewDocs`)}</span>
+              <RiArrowRightUpLine className="h-3 w-3" />
             </a>
           </div>
-          <div className='space-y-0.5'>
+          <div className="space-y-0.5">
             <KeyValueItem
-              label={'URL'}
+              label="URL"
               value={`${info?.host}:${info?.port}`}
             />
             <KeyValueItem
-              label={'Key'}
+              label="Key"
               value={info?.key || ''}
               maskedValue={maskedKey}
             />
           </div>
         </>
-      }
-      popupClassName='flex flex-col items-start w-[256px] px-4 py-3.5 gap-1 border border-components-panel-border
-        rounded-xl bg-components-tooltip-bg shadows-shadow-lg z-50'
+      )}
+      popupClassName="flex flex-col items-start w-[256px] px-4 py-3.5 gap-1 border border-components-panel-border
+        rounded-xl bg-components-tooltip-bg shadows-shadow-lg z-50"
       asChild={false}
-      position='bottom'
+      position="bottom"
     >
-      <Button className='h-full w-full p-2 text-components-button-secondary-text'>
-        <RiBugLine className='h-4 w-4' />
+      <Button className="h-full w-full p-2 text-components-button-secondary-text">
+        <RiBugLine className="h-4 w-4" />
       </Button>
     </Tooltip>
   )
diff --git a/web/app/components/plugins/plugin-page/empty/index.tsx b/web/app/components/plugins/plugin-page/empty/index.tsx
index a84427eca4..83b67c2320 100644
--- a/web/app/components/plugins/plugin-page/empty/index.tsx
+++ b/web/app/components/plugins/plugin-page/empty/index.tsx
@@ -1,19 +1,19 @@
 'use client'
+import { noop } from 'lodash-es'
 import React, { useEffect, useMemo, useRef, useState } from 'react'
-import { MagicBox } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { Group } from '@/app/components/base/icons/src/vender/other'
 import { FileZip } from '@/app/components/base/icons/src/vender/solid/files'
 import { Github } from '@/app/components/base/icons/src/vender/solid/general'
+import { MagicBox } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
 import InstallFromGitHub from '@/app/components/plugins/install-plugin/install-from-github'
 import InstallFromLocalPackage from '@/app/components/plugins/install-plugin/install-from-local-package'
-import { usePluginPageContext } from '../context'
-import { Group } from '@/app/components/base/icons/src/vender/other'
-import Line from '../../marketplace/empty/line'
-import { useInstalledPluginList } from '@/service/use-plugins'
-import { useTranslation } from 'react-i18next'
 import { SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS } from '@/config'
-import { noop } from 'lodash-es'
 import { useGlobalPublicStore } from '@/context/global-public-context'
-import Button from '@/app/components/base/button'
+import { useInstalledPluginList } from '@/service/use-plugins'
+import Line from '../../marketplace/empty/line'
+import { usePluginPageContext } from '../context'
 
 type InstallMethod = {
   icon: React.FC<{ className?: string }>
@@ -63,41 +63,42 @@ const Empty = () => {
   }, [plugin_installation_permission, enable_marketplace, t])
 
   return (
-    <div className='relative z-0 w-full grow'>
+    <div className="relative z-0 w-full grow">
       {/* skeleton */}
-      <div className='absolute top-0 z-10 grid h-full w-full grid-cols-2 gap-2 overflow-hidden px-12'>
+      <div className="absolute top-0 z-10 grid h-full w-full grid-cols-2 gap-2 overflow-hidden px-12">
         {Array.from({ length: 20 }).fill(0).map((_, i) => (
-          <div key={i} className='h-24 rounded-xl bg-components-card-bg' />
+          <div key={i} className="h-24 rounded-xl bg-components-card-bg" />
         ))}
       </div>
       {/* mask */}
-      <div className='absolute z-20 h-full w-full bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg' />
-      <div className='relative z-30 flex h-full items-center justify-center'>
-        <div className='flex flex-col items-center gap-y-3'>
-          <div className='relative -z-10 flex size-14 items-center justify-center rounded-xl
-          border-[1px] border-dashed border-divider-deep bg-components-card-bg shadow-xl shadow-shadow-shadow-5'>
-            <Group className='h-5 w-5 text-text-tertiary' />
-            <Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' />
-            <Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' />
-            <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' />
-            <Line className='absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90' />
+      <div className="absolute z-20 h-full w-full bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg" />
+      <div className="relative z-30 flex h-full items-center justify-center">
+        <div className="flex flex-col items-center gap-y-3">
+          <div className="relative -z-10 flex size-14 items-center justify-center rounded-xl
+          border-[1px] border-dashed border-divider-deep bg-components-card-bg shadow-xl shadow-shadow-shadow-5"
+          >
+            <Group className="h-5 w-5 text-text-tertiary" />
+            <Line className="absolute right-[-1px] top-1/2 -translate-y-1/2" />
+            <Line className="absolute left-[-1px] top-1/2 -translate-y-1/2" />
+            <Line className="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90" />
+            <Line className="absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90" />
           </div>
-          <div className='system-md-regular text-text-tertiary'>
+          <div className="system-md-regular text-text-tertiary">
             {text}
           </div>
-          <div className='flex w-[236px] flex-col'>
+          <div className="flex w-[236px] flex-col">
             <input
-              type='file'
+              type="file"
               ref={fileInputRef}
               style={{ display: 'none' }}
               onChange={handleFileChange}
               accept={SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS}
             />
-            <div className='flex w-full flex-col gap-y-1'>
+            <div className="flex w-full flex-col gap-y-1">
               {installMethods.map(({ icon: Icon, text, action }) => (
                 <Button
                   key={action}
-                  className='justify-start gap-x-0.5 px-3'
+                  className="justify-start gap-x-0.5 px-3"
                   onClick={() => {
                     if (action === 'local')
                       fileInputRef.current?.click()
@@ -107,25 +108,27 @@ const Empty = () => {
                       setSelectedAction(action)
                   }}
                 >
-                  <Icon className='size-4' />
-                  <span className='px-0.5'>{text}</span>
+                  <Icon className="size-4" />
+                  <span className="px-0.5">{text}</span>
                 </Button>
               ))}
             </div>
           </div>
         </div>
-        {selectedAction === 'github' && <InstallFromGitHub
-          onSuccess={noop}
-          onClose={() => setSelectedAction(null)}
-        />}
-        {selectedAction === 'local' && selectedFile
-          && (<InstallFromLocalPackage
-            file={selectedFile}
-            onClose={() => setSelectedAction(null)}
+        {selectedAction === 'github' && (
+          <InstallFromGitHub
             onSuccess={noop}
+            onClose={() => setSelectedAction(null)}
           />
-          )
-        }
+        )}
+        {selectedAction === 'local' && selectedFile
+          && (
+            <InstallFromLocalPackage
+              file={selectedFile}
+              onClose={() => setSelectedAction(null)}
+              onSuccess={noop}
+            />
+          )}
       </div>
     </div>
   )
diff --git a/web/app/components/plugins/plugin-page/filter-management/category-filter.tsx b/web/app/components/plugins/plugin-page/filter-management/category-filter.tsx
index dd36ff6ca8..b6c320db03 100644
--- a/web/app/components/plugins/plugin-page/filter-management/category-filter.tsx
+++ b/web/app/components/plugins/plugin-page/filter-management/category-filter.tsx
@@ -1,20 +1,20 @@
 'use client'
 
-import { useState } from 'react'
 import {
   RiArrowDownSLine,
   RiCloseCircleFill,
 } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Checkbox from '@/app/components/base/checkbox'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Checkbox from '@/app/components/base/checkbox'
 import { cn } from '@/utils/classnames'
-import Input from '@/app/components/base/input'
 import { useCategories } from '../../hooks'
-import { useTranslation } from 'react-i18next'
 
 type CategoriesFilterProps = {
   value: string[]
@@ -39,7 +39,7 @@ const CategoriesFilter = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
       }}
@@ -51,10 +51,12 @@ const CategoriesFilter = ({
           'flex h-8 cursor-pointer items-center rounded-lg bg-components-input-bg-normal px-2 py-1 text-text-tertiary hover:bg-state-base-hover-alt',
           selectedTagsLength && 'text-text-secondary',
           open && 'bg-state-base-hover',
-        )}>
+        )}
+        >
           <div className={cn(
             'system-sm-medium flex items-center p-1',
-          )}>
+          )}
+          >
             {
               !selectedTagsLength && t('plugin.allCategories')
             }
@@ -63,8 +65,9 @@ const CategoriesFilter = ({
             }
             {
               selectedTagsLength > 2 && (
-                <div className='system-xs-medium ml-1 text-text-tertiary'>
-                  +{selectedTagsLength - 2}
+                <div className="system-xs-medium ml-1 text-text-tertiary">
+                  +
+                  {selectedTagsLength - 2}
                 </div>
               )
             }
@@ -72,7 +75,7 @@ const CategoriesFilter = ({
           {
             !!selectedTagsLength && (
               <RiCloseCircleFill
-                className='h-4 w-4 cursor-pointer text-text-quaternary'
+                className="h-4 w-4 cursor-pointer text-text-quaternary"
                 onClick={
                   (e) => {
                     e.stopPropagation()
@@ -84,14 +87,14 @@ const CategoriesFilter = ({
           }
           {
             !selectedTagsLength && (
-              <RiArrowDownSLine className='h-4 w-4' />
+              <RiArrowDownSLine className="h-4 w-4" />
             )
           }
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm'>
-          <div className='p-2 pb-1'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
+          <div className="p-2 pb-1">
             <Input
               showLeftIcon
               value={searchText}
@@ -99,19 +102,19 @@ const CategoriesFilter = ({
               placeholder={t('plugin.searchCategories')}
             />
           </div>
-          <div className='max-h-[448px] overflow-y-auto p-1'>
+          <div className="max-h-[448px] overflow-y-auto p-1">
             {
               filteredOptions.map(option => (
                 <div
                   key={option.name}
-                  className='flex h-7 cursor-pointer items-center rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+                  className="flex h-7 cursor-pointer items-center rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
                   onClick={() => handleCheck(option.name)}
                 >
                   <Checkbox
-                    className='mr-1'
+                    className="mr-1"
                     checked={value.includes(option.name)}
                   />
-                  <div className='system-sm-medium px-1 text-text-secondary'>
+                  <div className="system-sm-medium px-1 text-text-secondary">
                     {option.label}
                   </div>
                 </div>
diff --git a/web/app/components/plugins/plugin-page/filter-management/index.tsx b/web/app/components/plugins/plugin-page/filter-management/index.tsx
index c7a0bc7cd9..cc4d64759e 100644
--- a/web/app/components/plugins/plugin-page/filter-management/index.tsx
+++ b/web/app/components/plugins/plugin-page/filter-management/index.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
-import CategoriesFilter from './category-filter'
-import TagFilter from './tag-filter'
-import SearchBox from './search-box'
 import { usePluginPageContext } from '../context'
+import CategoriesFilter from './category-filter'
+import SearchBox from './search-box'
+import TagFilter from './tag-filter'
 
 export type FilterState = {
   categories: string[]
@@ -25,7 +25,7 @@ const FilterManagement: React.FC<FilterManagementProps> = ({ onFilterChange }) =
   }
 
   return (
-    <div className='flex items-center gap-2 self-stretch'>
+    <div className="flex items-center gap-2 self-stretch">
       <CategoriesFilter
         value={filters.categories}
         onChange={categories => updateFilters({ categories })}
diff --git a/web/app/components/plugins/plugin-page/filter-management/search-box.tsx b/web/app/components/plugins/plugin-page/filter-management/search-box.tsx
index ad3547e89b..4ab721ef0b 100644
--- a/web/app/components/plugins/plugin-page/filter-management/search-box.tsx
+++ b/web/app/components/plugins/plugin-page/filter-management/search-box.tsx
@@ -1,7 +1,8 @@
 'use client'
 
-import Input from '@/app/components/base/input'
 import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+
 type SearchBoxProps = {
   searchQuery: string
   onChange: (query: string) => void
@@ -15,8 +16,8 @@ const SearchBox: React.FC<SearchBoxProps> = ({
 
   return (
     <Input
-      wrapperClassName='flex w-[200px] items-center rounded-lg'
-      className='bg-components-input-bg-normal'
+      wrapperClassName="flex w-[200px] items-center rounded-lg"
+      className="bg-components-input-bg-normal"
       showLeftIcon
       value={searchQuery}
       placeholder={t('plugin.search')}
diff --git a/web/app/components/plugins/plugin-page/filter-management/store.ts b/web/app/components/plugins/plugin-page/filter-management/store.ts
index 4b55bf2681..ccc5af97fd 100644
--- a/web/app/components/plugins/plugin-page/filter-management/store.ts
+++ b/web/app/components/plugins/plugin-page/filter-management/store.ts
@@ -1,5 +1,5 @@
-import { create } from 'zustand'
 import type { Category, Tag } from './constant'
+import { create } from 'zustand'
 
 type State = {
   tagList: Tag[]
diff --git a/web/app/components/plugins/plugin-page/filter-management/tag-filter.tsx b/web/app/components/plugins/plugin-page/filter-management/tag-filter.tsx
index c8db5e1f17..a004f3aaa5 100644
--- a/web/app/components/plugins/plugin-page/filter-management/tag-filter.tsx
+++ b/web/app/components/plugins/plugin-page/filter-management/tag-filter.tsx
@@ -1,20 +1,20 @@
 'use client'
 
-import { useState } from 'react'
 import {
   RiArrowDownSLine,
   RiCloseCircleFill,
 } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Checkbox from '@/app/components/base/checkbox'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Checkbox from '@/app/components/base/checkbox'
 import { cn } from '@/utils/classnames'
-import Input from '@/app/components/base/input'
 import { useTags } from '../../hooks'
-import { useTranslation } from 'react-i18next'
 
 type TagsFilterProps = {
   value: string[]
@@ -39,7 +39,7 @@ const TagsFilter = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
       }}
@@ -51,10 +51,12 @@ const TagsFilter = ({
           'flex h-8 cursor-pointer select-none items-center rounded-lg bg-components-input-bg-normal px-2 py-1 text-text-tertiary hover:bg-state-base-hover-alt',
           selectedTagsLength && 'text-text-secondary',
           open && 'bg-state-base-hover',
-        )}>
+        )}
+        >
           <div className={cn(
             'system-sm-medium flex items-center p-1',
-          )}>
+          )}
+          >
             {
               !selectedTagsLength && t('pluginTags.allTags')
             }
@@ -63,8 +65,9 @@ const TagsFilter = ({
             }
             {
               selectedTagsLength > 2 && (
-                <div className='system-xs-medium ml-1 text-text-tertiary'>
-                  +{selectedTagsLength - 2}
+                <div className="system-xs-medium ml-1 text-text-tertiary">
+                  +
+                  {selectedTagsLength - 2}
                 </div>
               )
             }
@@ -72,21 +75,21 @@ const TagsFilter = ({
           {
             !!selectedTagsLength && (
               <RiCloseCircleFill
-                className='h-4 w-4 cursor-pointer text-text-quaternary'
+                className="h-4 w-4 cursor-pointer text-text-quaternary"
                 onClick={() => onChange([])}
               />
             )
           }
           {
             !selectedTagsLength && (
-              <RiArrowDownSLine className='h-4 w-4' />
+              <RiArrowDownSLine className="h-4 w-4" />
             )
           }
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm'>
-          <div className='p-2 pb-1'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
+          <div className="p-2 pb-1">
             <Input
               showLeftIcon
               value={searchText}
@@ -94,19 +97,19 @@ const TagsFilter = ({
               placeholder={t('pluginTags.searchTags')}
             />
           </div>
-          <div className='max-h-[448px] overflow-y-auto p-1'>
+          <div className="max-h-[448px] overflow-y-auto p-1">
             {
               filteredOptions.map(option => (
                 <div
                   key={option.name}
-                  className='flex h-7 cursor-pointer select-none items-center rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+                  className="flex h-7 cursor-pointer select-none items-center rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
                   onClick={() => handleCheck(option.name)}
                 >
                   <Checkbox
-                    className='mr-1'
+                    className="mr-1"
                     checked={value.includes(option.name)}
                   />
-                  <div className='system-sm-medium px-1 text-text-secondary'>
+                  <div className="system-sm-medium px-1 text-text-secondary">
                     {option.label}
                   </div>
                 </div>
diff --git a/web/app/components/plugins/plugin-page/index.tsx b/web/app/components/plugins/plugin-page/index.tsx
index feec66eb8b..2c6f90caa5 100644
--- a/web/app/components/plugins/plugin-page/index.tsx
+++ b/web/app/components/plugins/plugin-page/index.tsx
@@ -1,48 +1,46 @@
 'use client'
 
-import { useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import Link from 'next/link'
+import type { Dependency, PluginDeclaration, PluginManifestInMarket } from '../types'
 import {
   RiBookOpenLine,
   RiDragDropLine,
   RiEqualizer2Line,
 } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import InstallFromLocalPackage from '../install-plugin/install-from-local-package'
-import {
-  PluginPageContextProvider,
-  usePluginPageContext,
-} from './context'
-import InstallPluginDropdown from './install-plugin-dropdown'
-import { useUploader } from './use-uploader'
-import useReferenceSetting from './use-reference-setting'
-import DebugInfo from './debug-info'
-import PluginTasks from './plugin-tasks'
-import Button from '@/app/components/base/button'
-import TabSlider from '@/app/components/base/tab-slider'
-import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
-import ReferenceSettingModal from '@/app/components/plugins/reference-setting-modal/modal'
-import InstallFromMarketplace from '../install-plugin/install-from-marketplace'
+import { noop } from 'lodash-es'
+import Link from 'next/link'
 import {
   useRouter,
   useSearchParams,
 } from 'next/navigation'
-import type { Dependency } from '../types'
-import type { PluginDeclaration, PluginManifestInMarket } from '../types'
-import { sleep } from '@/utils'
+import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Button from '@/app/components/base/button'
+import TabSlider from '@/app/components/base/tab-slider'
+import Tooltip from '@/app/components/base/tooltip'
+import ReferenceSettingModal from '@/app/components/plugins/reference-setting-modal/modal'
 import { getDocsUrl } from '@/app/components/plugins/utils'
-import { fetchBundleInfoFromMarketPlace, fetchManifestFromMarketPlace } from '@/service/plugins'
-import { MARKETPLACE_API_PREFIX } from '@/config'
-import { SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS } from '@/config'
-import I18n from '@/context/i18n'
-import { noop } from 'lodash-es'
-import { PLUGIN_TYPE_SEARCH_MAP } from '../marketplace/plugin-type-switch'
-import { PLUGIN_PAGE_TABS_MAP } from '../hooks'
+import { MARKETPLACE_API_PREFIX, SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS } from '@/config'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import I18n from '@/context/i18n'
 import useDocumentTitle from '@/hooks/use-document-title'
+import { fetchBundleInfoFromMarketPlace, fetchManifestFromMarketPlace } from '@/service/plugins'
+import { sleep } from '@/utils'
+import { cn } from '@/utils/classnames'
+import { PLUGIN_PAGE_TABS_MAP } from '../hooks'
+import InstallFromLocalPackage from '../install-plugin/install-from-local-package'
+import InstallFromMarketplace from '../install-plugin/install-from-marketplace'
+import { PLUGIN_TYPE_SEARCH_MAP } from '../marketplace/plugin-type-switch'
+import {
+  PluginPageContextProvider,
+  usePluginPageContext,
+} from './context'
+import DebugInfo from './debug-info'
+import InstallPluginDropdown from './install-plugin-dropdown'
+import PluginTasks from './plugin-tasks'
+import useReferenceSetting from './use-reference-setting'
+import { useUploader } from './use-uploader'
 
 const PACKAGE_IDS_KEY = 'package-ids'
 const BUNDLE_INFO_KEY = 'bundle-info'
@@ -164,55 +162,55 @@ const PluginPage = ({
   const { dragging, fileUploader, fileChangeHandle, removeFile } = uploaderProps
   return (
     <div
-      id='marketplace-container'
+      id="marketplace-container"
       ref={containerRef}
       style={{ scrollbarGutter: 'stable' }}
       className={cn('relative flex grow flex-col overflow-y-auto border-t border-divider-subtle', isPluginsTab
         ? 'rounded-t-xl bg-components-panel-bg'
-        : 'bg-background-body',
-      )}
+        : 'bg-background-body')}
     >
       <div
         className={cn(
-          'sticky top-0 z-10 flex min-h-[60px] items-center gap-1 self-stretch bg-components-panel-bg px-12 pb-2 pt-4', isExploringMarketplace && 'bg-background-body',
+          'sticky top-0 z-10 flex min-h-[60px] items-center gap-1 self-stretch bg-components-panel-bg px-12 pb-2 pt-4',
+          isExploringMarketplace && 'bg-background-body',
         )}
       >
-        <div className='flex w-full items-center justify-between'>
-          <div className='flex-1'>
+        <div className="flex w-full items-center justify-between">
+          <div className="flex-1">
             <TabSlider
               value={isPluginsTab ? PLUGIN_PAGE_TABS_MAP.plugins : PLUGIN_PAGE_TABS_MAP.marketplace}
               onChange={setActiveTab}
               options={options}
             />
           </div>
-          <div className='flex shrink-0 items-center gap-1'>
+          <div className="flex shrink-0 items-center gap-1">
             {
               isExploringMarketplace && (
                 <>
                   <Link
-                    href='https://github.com/langgenius/dify-plugins/issues/new?template=plugin_request.yaml'
-                    target='_blank'
+                    href="https://github.com/langgenius/dify-plugins/issues/new?template=plugin_request.yaml"
+                    target="_blank"
                   >
                     <Button
-                      variant='ghost'
-                      className='text-text-tertiary'
+                      variant="ghost"
+                      className="text-text-tertiary"
                     >
                       {t('plugin.requestAPlugin')}
                     </Button>
                   </Link>
                   <Link
                     href={getDocsUrl(locale, '/plugins/publish-plugins/publish-to-dify-marketplace/README')}
-                    target='_blank'
+                    target="_blank"
                   >
                     <Button
-                      className='px-3'
-                      variant='secondary-accent'
+                      className="px-3"
+                      variant="secondary-accent"
                     >
-                      <RiBookOpenLine className='mr-1 h-4 w-4' />
+                      <RiBookOpenLine className="mr-1 h-4 w-4" />
                       {t('plugin.publishPlugins')}
                     </Button>
                   </Link>
-                  <div className='mx-1 h-3.5 w-[1px] shrink-0 bg-divider-regular'></div>
+                  <div className="mx-1 h-3.5 w-[1px] shrink-0 bg-divider-regular"></div>
                 </>
               )
             }
@@ -233,10 +231,10 @@ const PluginPage = ({
                   popupContent={t('plugin.privilege.title')}
                 >
                   <Button
-                    className='group h-full w-full p-2 text-components-button-secondary-text'
+                    className="group h-full w-full p-2 text-components-button-secondary-text"
                     onClick={setShowPluginSettingModal}
                   >
-                    <RiEqualizer2Line className='h-4 w-4' />
+                    <RiEqualizer2Line className="h-4 w-4" />
                   </Button>
                 </Tooltip>
               )
@@ -250,7 +248,8 @@ const PluginPage = ({
           {dragging && (
             <div
               className="absolute inset-0 m-0.5 rounded-2xl border-2 border-dashed border-components-dropzone-border-accent
-                  bg-[rgba(21,90,239,0.14)] p-2">
+                  bg-[rgba(21,90,239,0.14)] p-2"
+            >
             </div>
           )}
           <div className={`flex items-center justify-center gap-2 py-4 ${dragging ? 'text-text-accent' : 'text-text-quaternary'}`}>
diff --git a/web/app/components/plugins/plugin-page/install-plugin-dropdown.tsx b/web/app/components/plugins/plugin-page/install-plugin-dropdown.tsx
index ecacc16c8f..60c18dca12 100644
--- a/web/app/components/plugins/plugin-page/install-plugin-dropdown.tsx
+++ b/web/app/components/plugins/plugin-page/install-plugin-dropdown.tsx
@@ -1,23 +1,23 @@
 'use client'
 
-import { useEffect, useRef, useState } from 'react'
 import { RiAddLine, RiArrowDownSLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
+import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import { MagicBox } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
 import { FileZip } from '@/app/components/base/icons/src/vender/solid/files'
 import { Github } from '@/app/components/base/icons/src/vender/solid/general'
-import InstallFromGitHub from '@/app/components/plugins/install-plugin/install-from-github'
-import InstallFromLocalPackage from '@/app/components/plugins/install-plugin/install-from-local-package'
-import { cn } from '@/utils/classnames'
+import { MagicBox } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { useTranslation } from 'react-i18next'
+import InstallFromGitHub from '@/app/components/plugins/install-plugin/install-from-github'
+import InstallFromLocalPackage from '@/app/components/plugins/install-plugin/install-from-local-package'
 import { SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS } from '@/config'
-import { noop } from 'lodash-es'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   onSwitchToMarketplaceTab: () => void
@@ -81,7 +81,7 @@ const InstallPluginDropdown = ({
     <PortalToFollowElem
       open={isMenuOpen}
       onOpenChange={setIsMenuOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
       <div className="relative">
@@ -89,28 +89,28 @@ const InstallPluginDropdown = ({
           <Button
             className={cn('h-full w-full p-2 text-components-button-secondary-text', isMenuOpen && 'bg-state-base-hover')}
           >
-            <RiAddLine className='h-4 w-4' />
-            <span className='pl-1'>{t('plugin.installPlugin')}</span>
-            <RiArrowDownSLine className='ml-1 h-4 w-4' />
+            <RiAddLine className="h-4 w-4" />
+            <span className="pl-1">{t('plugin.installPlugin')}</span>
+            <RiArrowDownSLine className="ml-1 h-4 w-4" />
           </Button>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1002]'>
-          <div className='shadows-shadow-lg flex w-[200px] flex-col items-start rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-1 pb-2'>
-            <span className='system-xs-medium-uppercase flex items-start self-stretch pb-0.5 pl-2 pr-3 pt-1 text-text-tertiary'>
+        <PortalToFollowElemContent className="z-[1002]">
+          <div className="shadows-shadow-lg flex w-[200px] flex-col items-start rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-1 pb-2">
+            <span className="system-xs-medium-uppercase flex items-start self-stretch pb-0.5 pl-2 pr-3 pt-1 text-text-tertiary">
               {t('plugin.installFrom')}
             </span>
             <input
-              type='file'
+              type="file"
               ref={fileInputRef}
               style={{ display: 'none' }}
               onChange={handleFileChange}
               accept={SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS}
             />
-            <div className='w-full'>
+            <div className="w-full">
               {installMethods.map(({ icon: Icon, text, action }) => (
                 <div
                   key={action}
-                  className='flex w-full !cursor-pointer items-center gap-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+                  className="flex w-full !cursor-pointer items-center gap-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
                   onClick={() => {
                     if (action === 'local') {
                       fileInputRef.current?.click()
@@ -126,25 +126,27 @@ const InstallPluginDropdown = ({
                   }}
                 >
                   <Icon className="h-4 w-4 text-text-tertiary" />
-                  <span className='system-md-regular px-1 text-text-secondary'>{text}</span>
+                  <span className="system-md-regular px-1 text-text-secondary">{text}</span>
                 </div>
               ))}
             </div>
           </div>
         </PortalToFollowElemContent>
       </div>
-      {selectedAction === 'github' && <InstallFromGitHub
-        onSuccess={noop}
-        onClose={() => setSelectedAction(null)}
-      />}
-      {selectedAction === 'local' && selectedFile
-        && (<InstallFromLocalPackage
-          file={selectedFile}
-          onClose={() => setSelectedAction(null)}
+      {selectedAction === 'github' && (
+        <InstallFromGitHub
           onSuccess={noop}
+          onClose={() => setSelectedAction(null)}
         />
-        )
-      }
+      )}
+      {selectedAction === 'local' && selectedFile
+        && (
+          <InstallFromLocalPackage
+            file={selectedFile}
+            onClose={() => setSelectedAction(null)}
+            onSuccess={noop}
+          />
+        )}
       {/* {pluginLists.map((item: any) => (
         <div key={item.id} onClick={() => handleUninstall(item.id)}>{item.name} 卸载</div>
       ))} */}
diff --git a/web/app/components/plugins/plugin-page/list/index.tsx b/web/app/components/plugins/plugin-page/list/index.tsx
index 9e9cf00c9f..63709267a0 100644
--- a/web/app/components/plugins/plugin-page/list/index.tsx
+++ b/web/app/components/plugins/plugin-page/list/index.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import PluginItem from '../../plugin-item'
 import type { PluginDetail } from '../../types'
+import PluginItem from '../../plugin-item'
 
 type IPluginListProps = {
   pluginList: PluginDetail[]
@@ -8,8 +8,8 @@ type IPluginListProps = {
 
 const PluginList: FC<IPluginListProps> = ({ pluginList }) => {
   return (
-    <div className='pb-3'>
-      <div className='grid grid-cols-2 gap-3'>
+    <div className="pb-3">
+      <div className="grid grid-cols-2 gap-3">
         {pluginList.map(plugin => (
           <PluginItem
             key={plugin.plugin_id}
diff --git a/web/app/components/plugins/plugin-page/plugin-info.tsx b/web/app/components/plugins/plugin-page/plugin-info.tsx
index abd297905a..cc41fb88b8 100644
--- a/web/app/components/plugins/plugin-page/plugin-info.tsx
+++ b/web/app/components/plugins/plugin-page/plugin-info.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import KeyValueItem from '../base/key-value-item'
 import Modal from '../../base/modal'
+import KeyValueItem from '../base/key-value-item'
 import { convertRepoToUrl } from '../install-plugin/utils'
 
 const i18nPrefix = 'plugin.pluginInfoModal'
@@ -25,13 +25,13 @@ const PlugInfo: FC<Props> = ({
   return (
     <Modal
       title={t(`${i18nPrefix}.title`)}
-      className='w-[480px]'
+      className="w-[480px]"
       isShow
       onClose={onHide}
       closable
     >
-      <div className='mt-5 space-y-3'>
-        {repository && <KeyValueItem label={t(`${i18nPrefix}.repository`)} labelWidthClassName={labelWidthClassName} value={`${convertRepoToUrl(repository)}`} valueMaxWidthClassName='max-w-[190px]' />}
+      <div className="mt-5 space-y-3">
+        {repository && <KeyValueItem label={t(`${i18nPrefix}.repository`)} labelWidthClassName={labelWidthClassName} value={`${convertRepoToUrl(repository)}`} valueMaxWidthClassName="max-w-[190px]" />}
         {release && <KeyValueItem label={t(`${i18nPrefix}.release`)} labelWidthClassName={labelWidthClassName} value={release} />}
         {packageName && <KeyValueItem label={t(`${i18nPrefix}.packageName`)} labelWidthClassName={labelWidthClassName} value={packageName} />}
       </div>
diff --git a/web/app/components/plugins/plugin-page/plugin-tasks/hooks.ts b/web/app/components/plugins/plugin-page/plugin-tasks/hooks.ts
index 7b9e7953c6..e780072904 100644
--- a/web/app/components/plugins/plugin-page/plugin-tasks/hooks.ts
+++ b/web/app/components/plugins/plugin-page/plugin-tasks/hooks.ts
@@ -1,8 +1,8 @@
+import type { PluginStatus } from '@/app/components/plugins/types'
 import {
   useCallback,
 } from 'react'
 import { TaskStatus } from '@/app/components/plugins/types'
-import type { PluginStatus } from '@/app/components/plugins/types'
 import {
   useMutationClearTaskPlugin,
   usePluginTaskList,
diff --git a/web/app/components/plugins/plugin-page/plugin-tasks/index.tsx b/web/app/components/plugins/plugin-page/plugin-tasks/index.tsx
index e1d1df0321..b4c1692533 100644
--- a/web/app/components/plugins/plugin-page/plugin-tasks/index.tsx
+++ b/web/app/components/plugins/plugin-page/plugin-tasks/index.tsx
@@ -1,29 +1,29 @@
-import {
-  useCallback,
-  useMemo,
-  useState,
-} from 'react'
 import {
   RiCheckboxCircleFill,
   RiErrorWarningFill,
   RiInstallLine,
   RiLoaderLine,
 } from '@remixicon/react'
+import {
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
 import { useTranslation } from 'react-i18next'
-import { usePluginTaskStatus } from './hooks'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
 import ProgressCircle from '@/app/components/base/progress-bar/progress-circle'
-import CardIcon from '@/app/components/plugins/card/base/card-icon'
-import { cn } from '@/utils/classnames'
-import { useGetLanguage } from '@/context/i18n'
-import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
-import DownloadingIcon from '@/app/components/header/plugins-nav/downloading-icon'
 import Tooltip from '@/app/components/base/tooltip'
+import DownloadingIcon from '@/app/components/header/plugins-nav/downloading-icon'
+import CardIcon from '@/app/components/plugins/card/base/card-icon'
+import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
+import { useGetLanguage } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
+import { usePluginTaskStatus } from './hooks'
 
 const PluginTasks = () => {
   const { t } = useTranslation()
@@ -105,11 +105,11 @@ const PluginTasks = () => {
     return null
 
   return (
-    <div className='flex items-center'>
+    <div className="flex items-center">
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='bottom-start'
+        placement="bottom-start"
         offset={{
           mainAxis: 4,
           crossAxis: 79,
@@ -149,12 +149,12 @@ const PluginTasks = () => {
                   />
                 )
               }
-              <div className='absolute -right-1 -top-1'>
+              <div className="absolute -right-1 -top-1">
                 {
                   (isInstalling || isInstallingWithSuccess) && (
                     <ProgressCircle
                       percentage={successPluginsLength / totalPluginsLength * 100}
-                      circleFillColor='fill-components-progress-brand-bg'
+                      circleFillColor="fill-components-progress-brand-bg"
                     />
                   )
                 }
@@ -162,52 +162,56 @@ const PluginTasks = () => {
                   isInstallingWithError && (
                     <ProgressCircle
                       percentage={runningPluginsLength / totalPluginsLength * 100}
-                      circleFillColor='fill-components-progress-brand-bg'
-                      sectorFillColor='fill-components-progress-error-border'
-                      circleStrokeColor='stroke-components-progress-error-border'
+                      circleFillColor="fill-components-progress-brand-bg"
+                      sectorFillColor="fill-components-progress-error-border"
+                      circleStrokeColor="stroke-components-progress-error-border"
                     />
                   )
                 }
                 {
                   (isSuccess || (successPluginsLength > 0 && runningPluginsLength === 0 && errorPluginsLength === 0)) && (
-                    <RiCheckboxCircleFill className='h-3.5 w-3.5 text-text-success' />
+                    <RiCheckboxCircleFill className="h-3.5 w-3.5 text-text-success" />
                   )
                 }
                 {
                   isFailed && (
-                    <RiErrorWarningFill className='h-3.5 w-3.5 text-text-destructive' />
+                    <RiErrorWarningFill className="h-3.5 w-3.5 text-text-destructive" />
                   )
                 }
               </div>
             </div>
           </Tooltip>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[11]'>
-          <div className='w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+        <PortalToFollowElemContent className="z-[11]">
+          <div className="w-[360px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
             {/* Running Plugins */}
             {runningPlugins.length > 0 && (
               <>
-                <div className='system-sm-semibold-uppercase sticky top-0 flex h-7 items-center justify-between px-2 pt-1 text-text-secondary'>
-                  {t('plugin.task.installing')} ({runningPlugins.length})
+                <div className="system-sm-semibold-uppercase sticky top-0 flex h-7 items-center justify-between px-2 pt-1 text-text-secondary">
+                  {t('plugin.task.installing')}
+                  {' '}
+                  (
+                  {runningPlugins.length}
+                  )
                 </div>
-                <div className='max-h-[200px] overflow-y-auto'>
+                <div className="max-h-[200px] overflow-y-auto">
                   {runningPlugins.map(runningPlugin => (
                     <div
                       key={runningPlugin.plugin_unique_identifier}
-                      className='flex items-center rounded-lg p-2 hover:bg-state-base-hover'
+                      className="flex items-center rounded-lg p-2 hover:bg-state-base-hover"
                     >
-                      <div className='relative mr-2 flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge'>
-                        <RiLoaderLine className='absolute -bottom-0.5 -right-0.5 z-10 h-3 w-3 animate-spin text-text-accent' />
+                      <div className="relative mr-2 flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge">
+                        <RiLoaderLine className="absolute -bottom-0.5 -right-0.5 z-10 h-3 w-3 animate-spin text-text-accent" />
                         <CardIcon
-                          size='tiny'
+                          size="tiny"
                           src={getIconUrl(runningPlugin.icon)}
                         />
                       </div>
-                      <div className='grow'>
-                        <div className='system-md-regular truncate text-text-secondary'>
+                      <div className="grow">
+                        <div className="system-md-regular truncate text-text-secondary">
                           {runningPlugin.labels[language]}
                         </div>
-                        <div className='system-xs-regular text-text-tertiary'>
+                        <div className="system-xs-regular text-text-tertiary">
                           {t('plugin.task.installing')}
                         </div>
                       </div>
@@ -220,35 +224,39 @@ const PluginTasks = () => {
             {/* Success Plugins */}
             {successPlugins.length > 0 && (
               <>
-                <div className='system-sm-semibold-uppercase sticky top-0 flex h-7 items-center justify-between px-2 pt-1 text-text-secondary'>
-                  {t('plugin.task.installed')} ({successPlugins.length})
+                <div className="system-sm-semibold-uppercase sticky top-0 flex h-7 items-center justify-between px-2 pt-1 text-text-secondary">
+                  {t('plugin.task.installed')}
+                  {' '}
+                  (
+                  {successPlugins.length}
+                  )
                   <Button
-                    className='shrink-0'
-                    size='small'
-                    variant='ghost'
+                    className="shrink-0"
+                    size="small"
+                    variant="ghost"
                     onClick={() => handleClearAllWithModal()}
                   >
                     {t('plugin.task.clearAll')}
                   </Button>
                 </div>
-                <div className='max-h-[200px] overflow-y-auto'>
+                <div className="max-h-[200px] overflow-y-auto">
                   {successPlugins.map(successPlugin => (
                     <div
                       key={successPlugin.plugin_unique_identifier}
-                      className='flex items-center rounded-lg p-2 hover:bg-state-base-hover'
+                      className="flex items-center rounded-lg p-2 hover:bg-state-base-hover"
                     >
-                      <div className='relative mr-2 flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge'>
-                        <RiCheckboxCircleFill className='absolute -bottom-0.5 -right-0.5 z-10 h-3 w-3 text-text-success' />
+                      <div className="relative mr-2 flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge">
+                        <RiCheckboxCircleFill className="absolute -bottom-0.5 -right-0.5 z-10 h-3 w-3 text-text-success" />
                         <CardIcon
-                          size='tiny'
+                          size="tiny"
                           src={getIconUrl(successPlugin.icon)}
                         />
                       </div>
-                      <div className='grow'>
-                        <div className='system-md-regular truncate text-text-secondary'>
+                      <div className="grow">
+                        <div className="system-md-regular truncate text-text-secondary">
                           {successPlugin.labels[language]}
                         </div>
-                        <div className='system-xs-regular text-text-success'>
+                        <div className="system-xs-regular text-text-success">
                           {successPlugin.message || t('plugin.task.installed')}
                         </div>
                       </div>
@@ -261,42 +269,42 @@ const PluginTasks = () => {
             {/* Error Plugins */}
             {errorPlugins.length > 0 && (
               <>
-                <div className='system-sm-semibold-uppercase sticky top-0 flex h-7 items-center justify-between px-2 pt-1 text-text-secondary'>
+                <div className="system-sm-semibold-uppercase sticky top-0 flex h-7 items-center justify-between px-2 pt-1 text-text-secondary">
                   {t('plugin.task.installError', { errorLength: errorPlugins.length })}
                   <Button
-                    className='shrink-0'
-                    size='small'
-                    variant='ghost'
+                    className="shrink-0"
+                    size="small"
+                    variant="ghost"
                     onClick={() => handleClearErrorsWithModal()}
                   >
                     {t('plugin.task.clearAll')}
                   </Button>
                 </div>
-                <div className='max-h-[200px] overflow-y-auto'>
+                <div className="max-h-[200px] overflow-y-auto">
                   {errorPlugins.map(errorPlugin => (
                     <div
                       key={errorPlugin.plugin_unique_identifier}
-                      className='flex items-center rounded-lg p-2 hover:bg-state-base-hover'
+                      className="flex items-center rounded-lg p-2 hover:bg-state-base-hover"
                     >
-                      <div className='relative mr-2 flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge'>
-                        <RiErrorWarningFill className='absolute -bottom-0.5 -right-0.5 z-10 h-3 w-3 text-text-destructive' />
+                      <div className="relative mr-2 flex h-6 w-6 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge">
+                        <RiErrorWarningFill className="absolute -bottom-0.5 -right-0.5 z-10 h-3 w-3 text-text-destructive" />
                         <CardIcon
-                          size='tiny'
+                          size="tiny"
                           src={getIconUrl(errorPlugin.icon)}
                         />
                       </div>
-                      <div className='grow'>
-                        <div className='system-md-regular truncate text-text-secondary'>
+                      <div className="grow">
+                        <div className="system-md-regular truncate text-text-secondary">
                           {errorPlugin.labels[language]}
                         </div>
-                        <div className='system-xs-regular break-all text-text-destructive'>
+                        <div className="system-xs-regular break-all text-text-destructive">
                           {errorPlugin.message}
                         </div>
                       </div>
                       <Button
-                        className='shrink-0'
-                        size='small'
-                        variant='ghost'
+                        className="shrink-0"
+                        size="small"
+                        variant="ghost"
                         onClick={() => handleClearSingleWithModal(errorPlugin.taskId, errorPlugin.plugin_unique_identifier)}
                       >
                         {t('common.operation.clear')}
diff --git a/web/app/components/plugins/plugin-page/plugins-panel.tsx b/web/app/components/plugins/plugin-page/plugins-panel.tsx
index 47ca35c7ed..f0acf3fa0f 100644
--- a/web/app/components/plugins/plugin-page/plugins-panel.tsx
+++ b/web/app/components/plugins/plugin-page/plugins-panel.tsx
@@ -1,17 +1,17 @@
 'use client'
+import type { FilterState } from './filter-management'
+import { useDebounceFn } from 'ahooks'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { FilterState } from './filter-management'
-import FilterManagement from './filter-management'
-import List from './list'
-import { useInstalledLatestVersion, useInstalledPluginList, useInvalidateInstalledPluginList } from '@/service/use-plugins'
-import PluginDetailPanel from '@/app/components/plugins/plugin-detail-panel'
-import { usePluginPageContext } from './context'
-import { useDebounceFn } from 'ahooks'
 import Button from '@/app/components/base/button'
-import Empty from './empty'
+import PluginDetailPanel from '@/app/components/plugins/plugin-detail-panel'
+import { useInstalledLatestVersion, useInstalledPluginList, useInvalidateInstalledPluginList } from '@/service/use-plugins'
 import Loading from '../../base/loading'
 import { PluginSource } from '../types'
+import { usePluginPageContext } from './context'
+import Empty from './empty'
+import FilterManagement from './filter-management'
+import List from './list'
 
 const PluginsPanel = () => {
   const { t } = useTranslation()
@@ -63,30 +63,32 @@ const PluginsPanel = () => {
 
   return (
     <>
-      <div className='flex flex-col items-start justify-center gap-3 self-stretch px-12 pb-3 pt-1'>
-        <div className='h-px self-stretch bg-divider-subtle'></div>
+      <div className="flex flex-col items-start justify-center gap-3 self-stretch px-12 pb-3 pt-1">
+        <div className="h-px self-stretch bg-divider-subtle"></div>
         <FilterManagement
           onFilterChange={handleFilterChange}
         />
       </div>
-      {isPluginListLoading && <Loading type='app' />}
+      {isPluginListLoading && <Loading type="app" />}
       {!isPluginListLoading && (
         <>
-          {(filteredList?.length ?? 0) > 0 ? (
-            <div className='flex grow flex-wrap content-start items-start justify-center gap-2 self-stretch overflow-y-auto px-12'>
-              <div className='w-full'>
-                <List pluginList={filteredList || []} />
-              </div>
-              {!isLastPage && !isFetching && (
-                <Button onClick={loadNextPage}>
-                  {t('workflow.common.loadMore')}
-                </Button>
+          {(filteredList?.length ?? 0) > 0
+            ? (
+                <div className="flex grow flex-wrap content-start items-start justify-center gap-2 self-stretch overflow-y-auto px-12">
+                  <div className="w-full">
+                    <List pluginList={filteredList || []} />
+                  </div>
+                  {!isLastPage && !isFetching && (
+                    <Button onClick={loadNextPage}>
+                      {t('workflow.common.loadMore')}
+                    </Button>
+                  )}
+                  {isFetching && <div className="system-md-semibold text-text-secondary">{t('appLog.detail.loading')}</div>}
+                </div>
+              )
+            : (
+                <Empty />
               )}
-              {isFetching && <div className='system-md-semibold text-text-secondary'>{t('appLog.detail.loading')}</div>}
-            </div>
-          ) : (
-            <Empty />
-          )}
         </>
       )}
       <PluginDetailPanel
diff --git a/web/app/components/plugins/plugin-page/use-reference-setting.ts b/web/app/components/plugins/plugin-page/use-reference-setting.ts
index dbf5097c07..08c3f26dbd 100644
--- a/web/app/components/plugins/plugin-page/use-reference-setting.ts
+++ b/web/app/components/plugins/plugin-page/use-reference-setting.ts
@@ -1,10 +1,10 @@
-import { PermissionType } from '../types'
-import { useAppContext } from '@/context/app-context'
-import Toast from '../../base/toast'
-import { useTranslation } from 'react-i18next'
-import { useInvalidateReferenceSettings, useMutationReferenceSettings, useReferenceSettings } from '@/service/use-plugins'
 import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useAppContext } from '@/context/app-context'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useInvalidateReferenceSettings, useMutationReferenceSettings, useReferenceSettings } from '@/service/use-plugins'
+import Toast from '../../base/toast'
+import { PermissionType } from '../types'
 
 const hasPermission = (permission: PermissionType | undefined, isAdmin: boolean) => {
   if (!permission)
diff --git a/web/app/components/plugins/plugin-page/use-uploader.ts b/web/app/components/plugins/plugin-page/use-uploader.ts
index 8ccaef6a13..8c8b4a68c2 100644
--- a/web/app/components/plugins/plugin-page/use-uploader.ts
+++ b/web/app/components/plugins/plugin-page/use-uploader.ts
@@ -1,5 +1,5 @@
-import { useEffect, useRef, useState } from 'react'
 import type { RefObject } from 'react'
+import { useEffect, useRef, useState } from 'react'
 
 type UploaderHookProps = {
   onFileChange: (file: File | null) => void
@@ -43,18 +43,18 @@ export const useUploader = ({ onFileChange, containerRef, enabled = true }: Uplo
 
   const fileChangeHandle = enabled
     ? (e: React.ChangeEvent<HTMLInputElement>) => {
-      const file = e.target.files?.[0] || null
-      onFileChange(file)
-    }
+        const file = e.target.files?.[0] || null
+        onFileChange(file)
+      }
     : null
 
   const removeFile = enabled
     ? () => {
-      if (fileUploader.current)
-        fileUploader.current.value = ''
+        if (fileUploader.current)
+          fileUploader.current.value = ''
 
-      onFileChange(null)
-    }
+        onFileChange(null)
+      }
     : null
 
   useEffect(() => {
diff --git a/web/app/components/plugins/provider-card.tsx b/web/app/components/plugins/provider-card.tsx
index c1e1f49f22..ad3f0f005d 100644
--- a/web/app/components/plugins/provider-card.tsx
+++ b/web/app/components/plugins/provider-card.tsx
@@ -1,22 +1,22 @@
 'use client'
-import React, { useMemo } from 'react'
 import type { FC } from 'react'
-import { useTheme } from 'next-themes'
-import { useTranslation } from 'react-i18next'
-import { RiArrowRightUpLine } from '@remixicon/react'
-import Badge from '../base/badge'
 import type { Plugin } from './types'
-import Description from './card/base/description'
-import Icon from './card/base/card-icon'
-import Title from './card/base/title'
-import DownloadCount from './card/base/download-count'
+import { RiArrowRightUpLine } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { useTheme } from 'next-themes'
+import React, { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
-import { cn } from '@/utils/classnames'
-import { useBoolean } from 'ahooks'
 import { getPluginLinkInMarketplace } from '@/app/components/plugins/marketplace/utils'
 import { useI18N } from '@/context/i18n'
 import { useRenderI18nObject } from '@/hooks/use-i18n'
+import { cn } from '@/utils/classnames'
+import Badge from '../base/badge'
+import Icon from './card/base/card-icon'
+import Description from './card/base/description'
+import DownloadCount from './card/base/download-count'
+import Title from './card/base/title'
 
 type Props = {
   className?: string
@@ -50,38 +50,38 @@ const ProviderCardComponent: FC<Props> = ({
             <Title title={getValueFromI18nObject(label)} />
             {/* <RiVerifiedBadgeLine className="shrink-0 ml-0.5 w-4 h-4 text-text-accent" /> */}
           </div>
-          <div className='mb-1 flex h-4 items-center justify-between'>
-            <div className='flex items-center'>
-              <div className='system-xs-regular text-text-tertiary'>{org}</div>
-              <div className='system-xs-regular mx-2 text-text-quaternary'>·</div>
+          <div className="mb-1 flex h-4 items-center justify-between">
+            <div className="flex items-center">
+              <div className="system-xs-regular text-text-tertiary">{org}</div>
+              <div className="system-xs-regular mx-2 text-text-quaternary">·</div>
               <DownloadCount downloadCount={payload.install_count || 0} />
             </div>
           </div>
         </div>
       </div>
-      <Description className='mt-3' text={getValueFromI18nObject(payload.brief)} descriptionLineRows={2}></Description>
-      <div className='mt-3 flex space-x-0.5'>
+      <Description className="mt-3" text={getValueFromI18nObject(payload.brief)} descriptionLineRows={2}></Description>
+      <div className="mt-3 flex space-x-0.5">
         {payload.tags.map(tag => (
           <Badge key={tag.name} text={tag.name} />
         ))}
       </div>
       <div
-        className='absolute bottom-0 left-0 right-0 hidden items-center gap-2 rounded-xl bg-gradient-to-tr from-components-panel-on-panel-item-bg to-background-gradient-mask-transparent p-4 pt-4 group-hover:flex'
+        className="absolute bottom-0 left-0 right-0 hidden items-center gap-2 rounded-xl bg-gradient-to-tr from-components-panel-on-panel-item-bg to-background-gradient-mask-transparent p-4 pt-4 group-hover:flex"
       >
         <Button
-          className='grow'
-          variant='primary'
+          className="grow"
+          variant="primary"
           onClick={showInstallFromMarketplace}
         >
           {t('plugin.detailPanel.operation.install')}
         </Button>
         <Button
-          className='grow'
-          variant='secondary'
+          className="grow"
+          variant="secondary"
         >
-          <a href={getPluginLinkInMarketplace(payload, marketplaceLinkParams)} target='_blank' className='flex items-center gap-0.5'>
+          <a href={getPluginLinkInMarketplace(payload, marketplaceLinkParams)} target="_blank" className="flex items-center gap-0.5">
             {t('plugin.detailPanel.operation.detail')}
-            <RiArrowRightUpLine className='h-4 w-4' />
+            <RiArrowRightUpLine className="h-4 w-4" />
           </a>
         </Button>
       </div>
diff --git a/web/app/components/plugins/readme-panel/entrance.tsx b/web/app/components/plugins/readme-panel/entrance.tsx
index fbde01ecaa..611796d70d 100644
--- a/web/app/components/plugins/readme-panel/entrance.tsx
+++ b/web/app/components/plugins/readme-panel/entrance.tsx
@@ -1,10 +1,10 @@
+import type { PluginDetail } from '../types'
+import { RiBookReadLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiBookReadLine } from '@remixicon/react'
 import { cn } from '@/utils/classnames'
-import { ReadmeShowType, useReadmePanelStore } from './store'
 import { BUILTIN_TOOLS_ARRAY } from './constants'
-import type { PluginDetail } from '../types'
+import { ReadmeShowType, useReadmePanelStore } from './store'
 
 export const ReadmeEntrance = ({
   pluginDetail,
@@ -29,9 +29,11 @@ export const ReadmeEntrance = ({
 
   return (
     <div className={cn('flex flex-col items-start justify-center gap-2 pb-4 pt-0', showType === ReadmeShowType.drawer && 'px-4', className)}>
-      {!showShortTip && <div className="relative h-1 w-8 shrink-0">
-        <div className="h-px w-full bg-divider-regular"></div>
-      </div>}
+      {!showShortTip && (
+        <div className="relative h-1 w-8 shrink-0">
+          <div className="h-px w-full bg-divider-regular"></div>
+        </div>
+      )}
 
       <button
         onClick={handleReadmeClick}
diff --git a/web/app/components/plugins/readme-panel/index.tsx b/web/app/components/plugins/readme-panel/index.tsx
index 2b146de4b5..51590f6880 100644
--- a/web/app/components/plugins/readme-panel/index.tsx
+++ b/web/app/components/plugins/readme-panel/index.tsx
@@ -1,14 +1,14 @@
 'use client'
+import type { FC } from 'react'
+import { RiBookReadLine, RiCloseLine } from '@remixicon/react'
+import { createPortal } from 'react-dom'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import Loading from '@/app/components/base/loading'
 import { Markdown } from '@/app/components/base/markdown'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { usePluginReadme } from '@/service/use-plugins'
 import { cn } from '@/utils/classnames'
-import { RiBookReadLine, RiCloseLine } from '@remixicon/react'
-import type { FC } from 'react'
-import { createPortal } from 'react-dom'
-import { useTranslation } from 'react-i18next'
 import DetailHeader from '../plugin-detail-panel/detail-header'
 import { ReadmeShowType, useReadmePanelStore } from './store'
 
@@ -28,7 +28,8 @@ const ReadmePanel: FC = () => {
     setCurrentPluginDetail()
   }
 
-  if (!detail) return null
+  if (!detail)
+    return null
 
   const children = (
     <div className="flex h-full w-full flex-col overflow-hidden">
@@ -41,7 +42,7 @@ const ReadmePanel: FC = () => {
             </span>
           </div>
           <ActionButton onClick={onClose}>
-            <RiCloseLine className='h-4 w-4' />
+            <RiCloseLine className="h-4 w-4" />
           </ActionButton>
         </div>
         <DetailHeader detail={detail} isReadmeView={true} />
@@ -86,33 +87,33 @@ const ReadmePanel: FC = () => {
 
   const portalContent = showType === ReadmeShowType.drawer
     ? (
-      <div className='fixed inset-0 z-[999] flex justify-start' onClick={onClose}>
-        <div
-          className={cn(
-            'pointer-events-auto mb-2 ml-2 mr-2 mt-16 w-[600px] max-w-[600px] justify-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0 shadow-xl',
-          )}
-          onClick={(event) => {
-            event.stopPropagation()
-          }}
-        >
-          {children}
+        <div className="fixed inset-0 z-[999] flex justify-start" onClick={onClose}>
+          <div
+            className={cn(
+              'pointer-events-auto mb-2 ml-2 mr-2 mt-16 w-[600px] max-w-[600px] justify-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0 shadow-xl',
+            )}
+            onClick={(event) => {
+              event.stopPropagation()
+            }}
+          >
+            {children}
+          </div>
         </div>
-      </div>
-    )
+      )
     : (
-      <div className='fixed inset-0 z-[999] flex items-center justify-center p-2' onClick={onClose}>
-        <div
-          className={cn(
-            'pointer-events-auto relative h-[calc(100vh-16px)] w-full max-w-[800px] rounded-2xl bg-components-panel-bg p-0 shadow-xl',
-          )}
-          onClick={(event) => {
-            event.stopPropagation()
-          }}
-        >
-          {children}
+        <div className="fixed inset-0 z-[999] flex items-center justify-center p-2" onClick={onClose}>
+          <div
+            className={cn(
+              'pointer-events-auto relative h-[calc(100vh-16px)] w-full max-w-[800px] rounded-2xl bg-components-panel-bg p-0 shadow-xl',
+            )}
+            onClick={(event) => {
+              event.stopPropagation()
+            }}
+          >
+            {children}
+          </div>
         </div>
-      </div>
-    )
+      )
 
   return createPortal(
     portalContent,
diff --git a/web/app/components/plugins/readme-panel/store.ts b/web/app/components/plugins/readme-panel/store.ts
index 29c989db10..3bbd92b632 100644
--- a/web/app/components/plugins/readme-panel/store.ts
+++ b/web/app/components/plugins/readme-panel/store.ts
@@ -1,5 +1,5 @@
-import { create } from 'zustand'
 import type { PluginDetail } from '@/app/components/plugins/types'
+import { create } from 'zustand'
 
 export enum ReadmeShowType {
   drawer = 'drawer',
@@ -17,9 +17,11 @@ type Shape = {
 export const useReadmePanelStore = create<Shape>(set => ({
   currentPluginDetail: undefined,
   setCurrentPluginDetail: (detail?: PluginDetail, showType?: ReadmeShowType) => set({
-    currentPluginDetail: !detail ? undefined : {
-      detail,
-      showType: showType ?? ReadmeShowType.drawer,
-    },
+    currentPluginDetail: !detail
+      ? undefined
+      : {
+          detail,
+          showType: showType ?? ReadmeShowType.drawer,
+        },
   }),
 }))
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/config.ts b/web/app/components/plugins/reference-setting-modal/auto-update-setting/config.ts
index 084dfc9731..b9b6dd7e9d 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/config.ts
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/config.ts
@@ -1,5 +1,6 @@
 import type { AutoUpdateConfig } from './types'
 import { AUTO_UPDATE_MODE, AUTO_UPDATE_STRATEGY } from './types'
+
 export const defaultValue: AutoUpdateConfig = {
   strategy_setting: AUTO_UPDATE_STRATEGY.disabled,
   upgrade_time_of_day: 0,
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/index.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/index.tsx
index f43e496a97..05b826f22d 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/index.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/index.tsx
@@ -1,21 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { AUTO_UPDATE_MODE, AUTO_UPDATE_STRATEGY, type AutoUpdateConfig } from './types'
-import Label from '../label'
-import StrategyPicker from './strategy-picker'
-import { Trans, useTranslation } from 'react-i18next'
-import TimePicker from '@/app/components/base/date-and-time-picker/time-picker'
-import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
-import PluginsPicker from './plugins-picker'
-import { convertLocalSecondsToUTCDaySeconds, convertUTCDaySecondsToLocalSeconds, dayjsToTimeOfDay, timeOfDayToDayjs } from './utils'
-import { useAppContext } from '@/context/app-context'
+import type { AutoUpdateConfig } from './types'
 import type { TriggerParams } from '@/app/components/base/date-and-time-picker/types'
 import { RiTimeLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React, { useCallback, useMemo } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import TimePicker from '@/app/components/base/date-and-time-picker/time-picker'
 import { convertTimezoneToOffsetStr } from '@/app/components/base/date-and-time-picker/utils/dayjs'
-import { useModalContextSelector } from '@/context/modal-context'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
+import { useAppContext } from '@/context/app-context'
+import { useModalContextSelector } from '@/context/modal-context'
+import { cn } from '@/utils/classnames'
+import Label from '../label'
+import PluginsPicker from './plugins-picker'
+import StrategyPicker from './strategy-picker'
+import { AUTO_UPDATE_MODE, AUTO_UPDATE_STRATEGY } from './types'
+import { convertLocalSecondsToUTCDaySeconds, convertUTCDaySecondsToLocalSeconds, dayjsToTimeOfDay, timeOfDayToDayjs } from './utils'
 
 const i18nPrefix = 'plugin.autoUpdate'
 
@@ -31,7 +32,7 @@ const SettingTimeZone: FC<{
 }) => {
   const setShowAccountSettingModal = useModalContextSelector(s => s.setShowAccountSettingModal)
   return (
-    <span className='body-xs-regular cursor-pointer text-text-accent' onClick={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.LANGUAGE })} >{children}</span>
+    <span className="body-xs-regular cursor-pointer text-text-accent" onClick={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.LANGUAGE })}>{children}</span>
   )
 }
 const AutoUpdateSetting: FC<Props> = ({
@@ -103,50 +104,51 @@ const AutoUpdateSetting: FC<Props> = ({
   const renderTimePickerTrigger = useCallback(({ inputElem, onClick, isOpen }: TriggerParams) => {
     return (
       <div
-        className='group float-right flex h-8 w-[160px] cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal px-2 hover:bg-state-base-hover-alt'
+        className="group float-right flex h-8 w-[160px] cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal px-2 hover:bg-state-base-hover-alt"
         onClick={onClick}
       >
-        <div className='flex w-0 grow items-center gap-x-1'>
+        <div className="flex w-0 grow items-center gap-x-1">
           <RiTimeLine className={cn(
             'h-4 w-4 shrink-0 text-text-tertiary',
             isOpen ? 'text-text-secondary' : 'group-hover:text-text-secondary',
-          )} />
+          )}
+          />
           {inputElem}
         </div>
-        <div className='system-sm-regular text-text-tertiary'>{convertTimezoneToOffsetStr(timezone)}</div>
+        <div className="system-sm-regular text-text-tertiary">{convertTimezoneToOffsetStr(timezone)}</div>
       </div>
     )
   }, [timezone])
 
   return (
-    <div className='self-stretch px-6'>
-      <div className='my-3 flex items-center'>
-        <div className='system-xs-medium-uppercase text-text-tertiary'>{t(`${i18nPrefix}.updateSettings`)}</div>
-        <div className='ml-2 h-px grow bg-divider-subtle'></div>
+    <div className="self-stretch px-6">
+      <div className="my-3 flex items-center">
+        <div className="system-xs-medium-uppercase text-text-tertiary">{t(`${i18nPrefix}.updateSettings`)}</div>
+        <div className="ml-2 h-px grow bg-divider-subtle"></div>
       </div>
 
-      <div className='space-y-4'>
-        <div className='flex items-center justify-between'>
+      <div className="space-y-4">
+        <div className="flex items-center justify-between">
           <Label label={t(`${i18nPrefix}.automaticUpdates`)} description={strategyDescription} />
           <StrategyPicker value={strategy_setting} onChange={handleChange('strategy_setting')} />
         </div>
         {strategy_setting !== AUTO_UPDATE_STRATEGY.disabled && (
           <>
-            <div className='flex items-center justify-between'>
+            <div className="flex items-center justify-between">
               <Label label={t(`${i18nPrefix}.updateTime`)} />
-              <div className='flex flex-col justify-start'>
+              <div className="flex flex-col justify-start">
                 <TimePicker
                   value={timeOfDayToDayjs(convertUTCDaySecondsToLocalSeconds(upgrade_time_of_day, timezone!))}
                   timezone={timezone}
                   onChange={v => handleChange('upgrade_time_of_day')(convertLocalSecondsToUTCDaySeconds(dayjsToTimeOfDay(v), timezone!))}
                   onClear={() => handleChange('upgrade_time_of_day')(convertLocalSecondsToUTCDaySeconds(0, timezone!))}
-                  popupClassName='z-[99]'
+                  popupClassName="z-[99]"
                   title={t(`${i18nPrefix}.updateTime`)}
                   minuteFilter={minuteFilter}
                   renderTrigger={renderTimePickerTrigger}
-                  placement='bottom-end'
+                  placement="bottom-end"
                 />
-                <div className='body-xs-regular mt-1 text-right text-text-tertiary'>
+                <div className="body-xs-regular mt-1 text-right text-text-tertiary">
                   <Trans
                     i18nKey={`${i18nPrefix}.changeTimezone`}
                     components={{
@@ -158,7 +160,7 @@ const AutoUpdateSetting: FC<Props> = ({
             </div>
             <div>
               <Label label={t(`${i18nPrefix}.specifyPluginsToUpdate`)} />
-              <div className='mt-1 flex w-full items-start justify-between gap-2'>
+              <div className="mt-1 flex w-full items-start justify-between gap-2">
                 {[AUTO_UPDATE_MODE.update_all, AUTO_UPDATE_MODE.exclude, AUTO_UPDATE_MODE.partial].map(option => (
                   <OptionCard
                     key={option}
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-data-placeholder.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-data-placeholder.tsx
index 5a190184a4..8e2b00dab7 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-data-placeholder.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-data-placeholder.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
-import { Group } from '@/app/components/base/icons/src/vender/other'
-import { SearchMenu } from '@/app/components/base/icons/src/vender/line/general'
 import { useTranslation } from 'react-i18next'
+import { SearchMenu } from '@/app/components/base/icons/src/vender/line/general'
+import { Group } from '@/app/components/base/icons/src/vender/other'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className: string
@@ -16,13 +16,13 @@ const NoDataPlaceholder: FC<Props> = ({
   noPlugins,
 }) => {
   const { t } = useTranslation()
-  const icon = noPlugins ? (<Group className='size-6 text-text-quaternary' />) : (<SearchMenu className='size-8 text-text-tertiary' />)
+  const icon = noPlugins ? (<Group className="size-6 text-text-quaternary" />) : (<SearchMenu className="size-8 text-text-tertiary" />)
   const text = t(`plugin.autoUpdate.noPluginPlaceholder.${noPlugins ? 'noInstalled' : 'noFound'}`)
   return (
     <div className={cn('flex items-center justify-center', className)}>
-      <div className='flex flex-col items-center'>
+      <div className="flex flex-col items-center">
         {icon}
-        <div className='system-sm-regular mt-2 text-text-tertiary'>{text}</div>
+        <div className="system-sm-regular mt-2 text-text-tertiary">{text}</div>
       </div>
     </div>
   )
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-plugin-selected.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-plugin-selected.tsx
index 2338014232..4e1301e92f 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-plugin-selected.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/no-plugin-selected.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { AUTO_UPDATE_MODE } from './types'
 import { useTranslation } from 'react-i18next'
+import { AUTO_UPDATE_MODE } from './types'
 
 type Props = {
   updateMode: AUTO_UPDATE_MODE
@@ -14,7 +14,7 @@ const NoPluginSelected: FC<Props> = ({
   const { t } = useTranslation()
   const text = `${t(`plugin.autoUpdate.upgradeModePlaceholder.${updateMode === AUTO_UPDATE_MODE.partial ? 'partial' : 'exclude'}`)}`
   return (
-    <div className='system-xs-regular rounded-[10px] border border-components-option-card-option-border bg-background-section p-3 text-center text-text-tertiary'>
+    <div className="system-xs-regular rounded-[10px] border border-components-option-card-option-border bg-background-section p-3 text-center text-text-tertiary">
       {text}
     </div>
   )
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-picker.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-picker.tsx
index 097592c1c0..7a3f864ac4 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-picker.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-picker.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import NoPluginSelected from './no-plugin-selected'
-import { AUTO_UPDATE_MODE } from './types'
-import PluginsSelected from './plugins-selected'
-import Button from '@/app/components/base/button'
 import { RiAddLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useBoolean } from 'ahooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import NoPluginSelected from './no-plugin-selected'
+import PluginsSelected from './plugins-selected'
 import ToolPicker from './tool-picker'
+import { AUTO_UPDATE_MODE } from './types'
 
 const i18nPrefix = 'plugin.autoUpdate'
 
@@ -34,30 +34,32 @@ const PluginsPicker: FC<Props> = ({
     set: setToolPicker,
   }] = useBoolean(false)
   return (
-    <div className='mt-2 rounded-[10px] bg-background-section-burn p-2.5'>
-      {hasSelected ? (
-        <div className='flex justify-between text-text-tertiary'>
-          <div className='system-xs-medium'>{t(`${i18nPrefix}.${isExcludeMode ? 'excludeUpdate' : 'partialUPdate'}`, { num: value.length })}</div>
-          <div className='system-xs-medium cursor-pointer' onClick={handleClear}>{t(`${i18nPrefix}.operation.clearAll`)}</div>
-        </div>
-      ) : (
-        <NoPluginSelected updateMode={updateMode} />
-      )}
+    <div className="mt-2 rounded-[10px] bg-background-section-burn p-2.5">
+      {hasSelected
+        ? (
+            <div className="flex justify-between text-text-tertiary">
+              <div className="system-xs-medium">{t(`${i18nPrefix}.${isExcludeMode ? 'excludeUpdate' : 'partialUPdate'}`, { num: value.length })}</div>
+              <div className="system-xs-medium cursor-pointer" onClick={handleClear}>{t(`${i18nPrefix}.operation.clearAll`)}</div>
+            </div>
+          )
+        : (
+            <NoPluginSelected updateMode={updateMode} />
+          )}
 
       {hasSelected && (
         <PluginsSelected
-          className='mt-2'
+          className="mt-2"
           plugins={value}
         />
       )}
 
       <ToolPicker
-        trigger={
-          <Button className='mt-2 w-full' size='small' variant='secondary-accent'>
-            <RiAddLine className='size-3.5' />
+        trigger={(
+          <Button className="mt-2 w-full" size="small" variant="secondary-accent">
+            <RiAddLine className="size-3.5" />
             {t(`${i18nPrefix}.operation.select`)}
           </Button>
-        }
+        )}
         value={value}
         onChange={onChange}
         isShow={isShowToolPicker}
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-selected.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-selected.tsx
index 0245256b18..72b5b7398a 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-selected.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/plugins-selected.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
-import { MARKETPLACE_API_PREFIX } from '@/config'
 import Icon from '@/app/components/plugins/card/base/card-icon'
+import { MARKETPLACE_API_PREFIX } from '@/config'
+import { cn } from '@/utils/classnames'
 
 const MAX_DISPLAY_COUNT = 14
 type Props = {
@@ -20,9 +20,14 @@ const PluginsSelected: FC<Props> = ({
   return (
     <div className={cn('flex items-center space-x-1', className)}>
       {displayPlugins.map(plugin => (
-        <Icon key={plugin} size='tiny' src={`${MARKETPLACE_API_PREFIX}/plugins/${plugin}/icon`} />
+        <Icon key={plugin} size="tiny" src={`${MARKETPLACE_API_PREFIX}/plugins/${plugin}/icon`} />
       ))}
-      {!isShowAll && <div className='system-xs-medium text-text-tertiary'>+{plugins.length - MAX_DISPLAY_COUNT}</div>}
+      {!isShowAll && (
+        <div className="system-xs-medium text-text-tertiary">
+          +
+          {plugins.length - MAX_DISPLAY_COUNT}
+        </div>
+      )}
     </div>
   )
 }
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/strategy-picker.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/strategy-picker.tsx
index c8227520f3..26571a6860 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/strategy-picker.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/strategy-picker.tsx
@@ -1,16 +1,17 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiArrowDownSLine,
   RiCheckLine,
 } from '@remixicon/react'
-import { AUTO_UPDATE_STRATEGY } from './types'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
+import { AUTO_UPDATE_STRATEGY } from './types'
+
 const i18nPrefix = 'plugin.autoUpdate.strategy'
 
 type Props = {
@@ -46,28 +47,29 @@ const StrategyPicker = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='top-end'
+      placement="top-end"
       offset={4}
     >
       <PortalToFollowElemTrigger onClick={(e) => {
         e.stopPropagation()
         e.nativeEvent.stopImmediatePropagation()
         setOpen(v => !v)
-      }}>
+      }}
+      >
         <Button
-          size='small'
+          size="small"
         >
           {selectedOption?.label}
-          <RiArrowDownSLine className='h-3.5 w-3.5' />
+          <RiArrowDownSLine className="h-3.5 w-3.5" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[99]'>
-        <div className='w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-[99]">
+        <div className="w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
                 key={option.value}
-                className='flex cursor-pointer rounded-lg p-2 pr-3 hover:bg-state-base-hover'
+                className="flex cursor-pointer rounded-lg p-2 pr-3 hover:bg-state-base-hover"
                 onClick={(e) => {
                   e.stopPropagation()
                   e.nativeEvent.stopImmediatePropagation()
@@ -75,16 +77,16 @@ const StrategyPicker = ({
                   setOpen(false)
                 }}
               >
-                <div className='mr-1 w-4 shrink-0'>
+                <div className="mr-1 w-4 shrink-0">
                   {
                     value === option.value && (
-                      <RiCheckLine className='h-4 w-4 text-text-accent' />
+                      <RiCheckLine className="h-4 w-4 text-text-accent" />
                     )
                   }
                 </div>
-                <div className='grow'>
-                  <div className='system-sm-semibold mb-0.5 text-text-secondary'>{option.label}</div>
-                  <div className='system-xs-regular text-text-tertiary'>{option.description}</div>
+                <div className="grow">
+                  <div className="system-sm-semibold mb-0.5 text-text-secondary">{option.label}</div>
+                  <div className="system-xs-regular text-text-tertiary">{option.description}</div>
                 </div>
               </div>
             ))
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-item.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-item.tsx
index a5accf52e6..48f7ff37ab 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-item.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-item.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { PluginDetail } from '@/app/components/plugins/types'
-import Icon from '@/app/components/plugins/card/base/card-icon'
-import { renderI18nObject } from '@/i18n-config'
-import { useGetLanguage } from '@/context/i18n'
-import { MARKETPLACE_API_PREFIX } from '@/config'
+import React from 'react'
 import Checkbox from '@/app/components/base/checkbox'
+import Icon from '@/app/components/plugins/card/base/card-icon'
+import { MARKETPLACE_API_PREFIX } from '@/config'
+import { useGetLanguage } from '@/context/i18n'
+import { renderI18nObject } from '@/i18n-config'
 
 type Props = {
   payload: PluginDetail
@@ -24,19 +24,19 @@ const ToolItem: FC<Props> = ({
   const { plugin_id, declaration } = payload
   const { label, author: org } = declaration
   return (
-    <div className='p-1'>
+    <div className="p-1">
       <div
-        className='flex w-full select-none items-center rounded-lg pr-2 hover:bg-state-base-hover'
+        className="flex w-full select-none items-center rounded-lg pr-2 hover:bg-state-base-hover"
       >
-        <div className='flex h-8 grow items-center space-x-2 pl-3 pr-2'>
-          <Icon size='tiny' src={`${MARKETPLACE_API_PREFIX}/plugins/${plugin_id}/icon`} />
-          <div className='system-sm-medium max-w-[150px] shrink-0 truncate text-text-primary'>{renderI18nObject(label, language)}</div>
-          <div className='system-xs-regular max-w-[150px] shrink-0  truncate text-text-quaternary'>{org}</div>
+        <div className="flex h-8 grow items-center space-x-2 pl-3 pr-2">
+          <Icon size="tiny" src={`${MARKETPLACE_API_PREFIX}/plugins/${plugin_id}/icon`} />
+          <div className="system-sm-medium max-w-[150px] shrink-0 truncate text-text-primary">{renderI18nObject(label, language)}</div>
+          <div className="system-xs-regular max-w-[150px] shrink-0  truncate text-text-quaternary">{org}</div>
         </div>
         <Checkbox
           checked={isChecked}
           onCheck={onCheckChange}
-          className='shrink-0'
+          className="shrink-0"
         />
       </div>
     </div>
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-picker.tsx b/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-picker.tsx
index c2b24f0bb9..3020bd96f1 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-picker.tsx
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/tool-picker.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
 import React, { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Loading from '@/app/components/base/loading'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { useInstalledPluginList } from '@/service/use-plugins'
-import { PLUGIN_TYPE_SEARCH_MAP } from '../../marketplace/plugin-type-switch'
 import SearchBox from '@/app/components/plugins/marketplace/search-box'
-import { useTranslation } from 'react-i18next'
+import { useInstalledPluginList } from '@/service/use-plugins'
 import { cn } from '@/utils/classnames'
-import ToolItem from './tool-item'
-import Loading from '@/app/components/base/loading'
-import NoDataPlaceholder from './no-data-placeholder'
+import { PLUGIN_TYPE_SEARCH_MAP } from '../../marketplace/plugin-type-switch'
 import { PluginSource } from '../../types'
+import NoDataPlaceholder from './no-data-placeholder'
+import ToolItem from './tool-item'
 
 type Props = {
   trigger: React.ReactNode
@@ -97,7 +97,7 @@ const ToolPicker: FC<Props> = ({
   }, [onChange, value])
 
   const listContent = (
-    <div className='max-h-[396px] overflow-y-auto'>
+    <div className="max-h-[396px] overflow-y-auto">
       {filteredList.map(item => (
         <ToolItem
           key={item.plugin_id}
@@ -110,42 +110,42 @@ const ToolPicker: FC<Props> = ({
   )
 
   const loadingContent = (
-    <div className='flex h-[396px] items-center justify-center'>
+    <div className="flex h-[396px] items-center justify-center">
       <Loading />
     </div>
   )
 
   const noData = (
-    <NoDataPlaceholder className='h-[396px]' noPlugins={!query} />
+    <NoDataPlaceholder className="h-[396px]" noPlugins={!query} />
   )
 
   return (
     <PortalToFollowElem
-      placement='top'
+      placement="top"
       offset={0}
       open={isShow}
       onOpenChange={onShowChange}
     >
       <PortalToFollowElemTrigger
-        className='block w-full'
+        className="block w-full"
         onClick={toggleShowPopup}
       >
         {trigger}
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
+      <PortalToFollowElemContent className="z-[1000]">
         <div className={cn('relative min-h-20 w-full rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-2 shadow-lg backdrop-blur-sm')}>
-          <div className='p-2 pb-1'>
+          <div className="p-2 pb-1">
             <SearchBox
               search={query}
               onSearchChange={setQuery}
               tags={tags}
               onTagsChange={setTags}
               placeholder={t('plugin.searchTools')!}
-              inputClassName='w-full'
+              inputClassName="w-full"
             />
           </div>
-          <div className='flex items-center justify-between border-b-[0.5px] border-divider-subtle bg-background-default-hover px-3 shadow-xs'>
-            <div className='flex h-8 items-center space-x-1'>
+          <div className="flex items-center justify-between border-b-[0.5px] border-divider-subtle bg-background-default-hover px-3 shadow-xs">
+            <div className="flex h-8 items-center space-x-1">
               {
                 tabs.map(tab => (
                   <div
diff --git a/web/app/components/plugins/reference-setting-modal/auto-update-setting/utils.ts b/web/app/components/plugins/reference-setting-modal/auto-update-setting/utils.ts
index 3c677dfeef..e6a8ebee59 100644
--- a/web/app/components/plugins/reference-setting-modal/auto-update-setting/utils.ts
+++ b/web/app/components/plugins/reference-setting-modal/auto-update-setting/utils.ts
@@ -1,7 +1,7 @@
 import type { Dayjs } from 'dayjs'
 import dayjs from 'dayjs'
-import utc from 'dayjs/plugin/utc'
 import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
 
 dayjs.extend(utc)
 dayjs.extend(timezone)
@@ -23,7 +23,8 @@ export const convertLocalSecondsToUTCDaySeconds = (secondsInDay: number, localTi
 }
 
 export const dayjsToTimeOfDay = (date?: Dayjs): number => {
-  if (!date) return 0
+  if (!date)
+    return 0
   return date.hour() * 3600 + date.minute() * 60
 }
 
diff --git a/web/app/components/plugins/reference-setting-modal/label.tsx b/web/app/components/plugins/reference-setting-modal/label.tsx
index df66aea94a..dc39c12b28 100644
--- a/web/app/components/plugins/reference-setting-modal/label.tsx
+++ b/web/app/components/plugins/reference-setting-modal/label.tsx
@@ -15,10 +15,10 @@ const Label: FC<Props> = ({
   return (
     <div>
       <div className={cn('flex h-6 items-center', description && 'h-4')}>
-        <span className='system-sm-semibold text-text-secondary'>{label}</span>
+        <span className="system-sm-semibold text-text-secondary">{label}</span>
       </div>
       {description && (
-        <div className='body-xs-regular mt-1 text-text-tertiary'>
+        <div className="body-xs-regular mt-1 text-text-tertiary">
           {description}
         </div>
       )}
diff --git a/web/app/components/plugins/reference-setting-modal/modal.tsx b/web/app/components/plugins/reference-setting-modal/modal.tsx
index f50f9cdd49..7c6ff5df8d 100644
--- a/web/app/components/plugins/reference-setting-modal/modal.tsx
+++ b/web/app/components/plugins/reference-setting-modal/modal.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
+import type { AutoUpdateConfig } from './auto-update-setting/types'
+import type { Permissions, ReferenceSetting } from '@/app/components/plugins/types'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Modal from '@/app/components/base/modal'
-import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
 import Button from '@/app/components/base/button'
-import type { Permissions, ReferenceSetting } from '@/app/components/plugins/types'
+import Modal from '@/app/components/base/modal'
 import { PermissionType } from '@/app/components/plugins/types'
-import type { AutoUpdateConfig } from './auto-update-setting/types'
+import OptionCard from '@/app/components/workflow/nodes/_base/components/option-card'
+import { useGlobalPublicStore } from '@/context/global-public-context'
 import AutoUpdateSetting from './auto-update-setting'
 import { defaultValue as autoUpdateDefaultValue } from './auto-update-setting/config'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 import Label from './label'
 
 const i18nPrefix = 'plugin.privilege'
@@ -52,20 +52,20 @@ const PluginSettingModal: FC<Props> = ({
       isShow
       onClose={onHide}
       closable
-      className='w-[620px] max-w-[620px] !p-0'
+      className="w-[620px] max-w-[620px] !p-0"
     >
-      <div className='shadows-shadow-xl flex w-full flex-col items-start rounded-2xl border border-components-panel-border bg-components-panel-bg'>
-        <div className='flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6'>
-          <span className='title-2xl-semi-bold self-stretch text-text-primary'>{t(`${i18nPrefix}.title`)}</span>
+      <div className="shadows-shadow-xl flex w-full flex-col items-start rounded-2xl border border-components-panel-border bg-components-panel-bg">
+        <div className="flex items-start gap-2 self-stretch pb-3 pl-6 pr-14 pt-6">
+          <span className="title-2xl-semi-bold self-stretch text-text-primary">{t(`${i18nPrefix}.title`)}</span>
         </div>
-        <div className='flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3'>
+        <div className="flex flex-col items-start justify-center gap-4 self-stretch px-6 py-3">
           {[
             { title: t(`${i18nPrefix}.whoCanInstall`), key: 'install_permission', value: tempPrivilege?.install_permission || PermissionType.noOne },
             { title: t(`${i18nPrefix}.whoCanDebug`), key: 'debug_permission', value: tempPrivilege?.debug_permission || PermissionType.noOne },
           ].map(({ title, key, value }) => (
-            <div key={key} className='flex flex-col items-start gap-1 self-stretch'>
+            <div key={key} className="flex flex-col items-start gap-1 self-stretch">
               <Label label={title} />
-              <div className='flex w-full items-start justify-between gap-2'>
+              <div className="flex w-full items-start justify-between gap-2">
                 {[PermissionType.everyone, PermissionType.admin, PermissionType.noOne].map(option => (
                   <OptionCard
                     key={option}
@@ -84,16 +84,16 @@ const PluginSettingModal: FC<Props> = ({
             <AutoUpdateSetting payload={tempAutoUpdateConfig} onChange={setTempAutoUpdateConfig} />
           )
         }
-        <div className='flex h-[76px] items-center justify-end gap-2 self-stretch p-6 pt-5'>
+        <div className="flex h-[76px] items-center justify-end gap-2 self-stretch p-6 pt-5">
           <Button
-            className='min-w-[72px]'
+            className="min-w-[72px]"
             onClick={onHide}
           >
             {t('common.operation.cancel')}
           </Button>
           <Button
-            className='min-w-[72px]'
-            variant={'primary'}
+            className="min-w-[72px]"
+            variant="primary"
             onClick={handleSave}
           >
             {t('common.operation.save')}
diff --git a/web/app/components/plugins/types.ts b/web/app/components/plugins/types.ts
index 667e2ed668..b50fdd2425 100644
--- a/web/app/components/plugins/types.ts
+++ b/web/app/components/plugins/types.ts
@@ -1,10 +1,10 @@
-import type { CredentialFormSchemaBase } from '../header/account-setting/model-provider-page/declarations'
-import type { ToolCredential } from '@/app/components/tools/types'
-import type { Locale } from '@/i18n-config'
-import type { AgentFeature } from '@/app/components/workflow/nodes/agent/types'
-import type { AutoUpdateConfig } from './reference-setting-modal/auto-update-setting/types'
 import type { FormTypeEnum } from '../base/form/types'
+import type { CredentialFormSchemaBase } from '../header/account-setting/model-provider-page/declarations'
+import type { AutoUpdateConfig } from './reference-setting-modal/auto-update-setting/types'
 import type { TypeWithI18N } from '@/app/components/base/form/types'
+import type { ToolCredential } from '@/app/components/tools/types'
+import type { AgentFeature } from '@/app/components/workflow/nodes/agent/types'
+import type { Locale } from '@/i18n-config'
 
 export enum PluginCategoryEnum {
   tool = 'tool',
@@ -207,10 +207,10 @@ export type PluginManifestInMarket = {
   introduction: string
   verified: boolean
   install_count: number
-  badges: string[],
+  badges: string[]
   verification: {
     authorized_category: 'langgenius' | 'partner' | 'community'
-  },
+  }
   from: Dependency['type']
 }
 
@@ -272,10 +272,10 @@ export type Plugin = {
     settings: CredentialFormSchemaBase[]
   }
   tags: { name: string }[]
-  badges: string[],
+  badges: string[]
   verification: {
     authorized_category: 'langgenius' | 'partner' | 'community'
-  },
+  }
   from: Dependency['type']
 }
 
@@ -300,7 +300,7 @@ export type UpdateFromMarketPlacePayload = {
   originalPackageInfo: {
     id: string
     payload: PluginDeclaration
-  },
+  }
   targetPackageInfo: {
     id: string
     version: string
@@ -397,13 +397,13 @@ export type InstallPackageResponse = {
 }
 
 export type InstallStatusResponse = {
-  status: TaskStatus,
-  taskId: string,
-  uniqueIdentifier: string,
+  status: TaskStatus
+  taskId: string
+  uniqueIdentifier: string
 }
 
 export type InstallStatus = {
-  success: boolean,
+  success: boolean
   isFromMarketPlace?: boolean
 }
 
@@ -543,8 +543,8 @@ export type VersionListResponse = {
 }
 
 export type VersionInfo = {
-  installedId: string, // use to uninstall
-  installedVersion: string,
+  installedId: string // use to uninstall
+  installedVersion: string
   uniqueIdentifier: string
 }
 
@@ -566,7 +566,7 @@ export type StrategyParamItem = {
   options: any[]
   template: {
     enabled: boolean
-  },
+  }
   auto_generate: {
     type: string
   }
@@ -579,7 +579,7 @@ export type StrategyDetail = {
     icon: string
     label: Record<Locale, string>
     provider: string
-  },
+  }
   parameters: StrategyParamItem[]
   description: Record<Locale, string>
   output_schema: Record<string, any>
@@ -597,7 +597,7 @@ export type Identity = {
 }
 
 export type StrategyDeclaration = {
-  identity: Identity,
+  identity: Identity
   plugin_id: string
   strategies: StrategyDetail[]
 }
diff --git a/web/app/components/plugins/update-plugin/downgrade-warning.tsx b/web/app/components/plugins/update-plugin/downgrade-warning.tsx
index beb64793a0..c95f81ae1b 100644
--- a/web/app/components/plugins/update-plugin/downgrade-warning.tsx
+++ b/web/app/components/plugins/update-plugin/downgrade-warning.tsx
@@ -17,16 +17,16 @@ const DowngradeWarningModal = ({
 
   return (
     <>
-      <div className='flex flex-col items-start gap-2 self-stretch'>
-        <div className='title-2xl-semi-bold text-text-primary'>{t(`${i18nPrefix}.title`)}</div>
-        <div className='system-md-regular text-text-secondary'>
+      <div className="flex flex-col items-start gap-2 self-stretch">
+        <div className="title-2xl-semi-bold text-text-primary">{t(`${i18nPrefix}.title`)}</div>
+        <div className="system-md-regular text-text-secondary">
           {t(`${i18nPrefix}.description`)}
         </div>
       </div>
-      <div className='mt-9 flex items-start justify-end space-x-2 self-stretch'>
-        <Button variant='secondary' onClick={() => onCancel()}>{t('app.newApp.Cancel')}</Button>
-        <Button variant='secondary' destructive onClick={onJustDowngrade}>{t(`${i18nPrefix}.downgrade`)}</Button>
-        <Button variant='primary' onClick={onExcludeAndDowngrade}>{t(`${i18nPrefix}.exclude`)}</Button>
+      <div className="mt-9 flex items-start justify-end space-x-2 self-stretch">
+        <Button variant="secondary" onClick={() => onCancel()}>{t('app.newApp.Cancel')}</Button>
+        <Button variant="secondary" destructive onClick={onJustDowngrade}>{t(`${i18nPrefix}.downgrade`)}</Button>
+        <Button variant="primary" onClick={onExcludeAndDowngrade}>{t(`${i18nPrefix}.exclude`)}</Button>
       </div>
     </>
   )
diff --git a/web/app/components/plugins/update-plugin/from-github.tsx b/web/app/components/plugins/update-plugin/from-github.tsx
index 9bc2f2ad3e..437837d8d9 100644
--- a/web/app/components/plugins/update-plugin/from-github.tsx
+++ b/web/app/components/plugins/update-plugin/from-github.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { UpdateFromGitHubPayload } from '../types'
+import React from 'react'
 import InstallFromGitHub from '../install-plugin/install-from-github'
 
 type Props = {
diff --git a/web/app/components/plugins/update-plugin/from-market-place.tsx b/web/app/components/plugins/update-plugin/from-market-place.tsx
index 75be70ae6c..d2802db54d 100644
--- a/web/app/components/plugins/update-plugin/from-market-place.tsx
+++ b/web/app/components/plugins/update-plugin/from-market-place.tsx
@@ -1,21 +1,21 @@
 'use client'
 import type { FC } from 'react'
+import type { UpdateFromMarketPlacePayload } from '../types'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Card from '@/app/components/plugins/card'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
 import Badge, { BadgeState } from '@/app/components/base/badge/index'
-import { TaskStatus, type UpdateFromMarketPlacePayload } from '../types'
-import { pluginManifestToCardPluginProps } from '@/app/components/plugins/install-plugin/utils'
-import useGetIcon from '../install-plugin/base/use-get-icon'
-import { updateFromMarketPlace } from '@/service/plugins'
+import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+import Card from '@/app/components/plugins/card'
 import checkTaskStatus from '@/app/components/plugins/install-plugin/base/check-task-status'
-import { usePluginTaskList } from '@/service/use-plugins'
-import Toast from '../../base/toast'
-import DowngradeWarningModal from './downgrade-warning'
-import { useInvalidateReferenceSettings, useRemoveAutoUpgrade } from '@/service/use-plugins'
+import { pluginManifestToCardPluginProps } from '@/app/components/plugins/install-plugin/utils'
+import { updateFromMarketPlace } from '@/service/plugins'
+import { useInvalidateReferenceSettings, usePluginTaskList, useRemoveAutoUpgrade } from '@/service/use-plugins'
 import { cn } from '@/utils/classnames'
+import Toast from '../../base/toast'
+import useGetIcon from '../install-plugin/base/use-get-icon'
+import { TaskStatus } from '../types'
+import DowngradeWarningModal from './downgrade-warning'
 
 const i18nPrefix = 'plugin.upgrade'
 
@@ -140,27 +140,27 @@ const UpdatePluginModal: FC<Props> = ({
       )}
       {!doShowDowngradeWarningModal && (
         <>
-          <div className='system-md-regular mb-2 mt-3 text-text-secondary'>
+          <div className="system-md-regular mb-2 mt-3 text-text-secondary">
             {t(`${i18nPrefix}.description`)}
           </div>
-          <div className='flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2'>
+          <div className="flex flex-wrap content-start items-start gap-1 self-stretch rounded-2xl bg-background-section-burn p-2">
             <Card
               installed={uploadStep === UploadStep.installed}
               payload={pluginManifestToCardPluginProps({
                 ...originalPackageInfo.payload,
                 icon: icon!,
               })}
-              className='w-full'
-              titleLeft={
+              className="w-full"
+              titleLeft={(
                 <>
-                  <Badge className='mx-1' size="s" state={BadgeState.Warning}>
+                  <Badge className="mx-1" size="s" state={BadgeState.Warning}>
                     {`${originalPackageInfo.payload.version} -> ${targetPackageInfo.version}`}
                   </Badge>
                 </>
-              }
+              )}
             />
           </div>
-          <div className='flex items-center justify-end gap-2 self-stretch pt-5'>
+          <div className="flex items-center justify-end gap-2 self-stretch pt-5">
             {uploadStep === UploadStep.notStarted && (
               <Button
                 onClick={handleCancel}
@@ -169,7 +169,7 @@ const UpdatePluginModal: FC<Props> = ({
               </Button>
             )}
             <Button
-              variant='primary'
+              variant="primary"
               loading={uploadStep === UploadStep.upgrading}
               onClick={handleConfirm}
               disabled={uploadStep === UploadStep.upgrading}
diff --git a/web/app/components/plugins/update-plugin/index.tsx b/web/app/components/plugins/update-plugin/index.tsx
index f9b49a6073..2ed3cef9e4 100644
--- a/web/app/components/plugins/update-plugin/index.tsx
+++ b/web/app/components/plugins/update-plugin/index.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { UpdatePluginModalType } from '../types'
+import React from 'react'
 import { PluginSource } from '../types'
 import UpdateFromGitHub from './from-github'
 import UpdateFromMarketplace from './from-market-place'
diff --git a/web/app/components/plugins/update-plugin/plugin-version-picker.tsx b/web/app/components/plugins/update-plugin/plugin-version-picker.tsx
index 04044f9143..3c18d7fc0b 100644
--- a/web/app/components/plugins/update-plugin/plugin-version-picker.tsx
+++ b/web/app/components/plugins/update-plugin/plugin-version-picker.tsx
@@ -1,21 +1,21 @@
 'use client'
+import type {
+  OffsetOptions,
+  Placement,
+} from '@floating-ui/react'
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { lt } from 'semver'
+import Badge from '@/app/components/base/badge'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Badge from '@/app/components/base/badge'
-import type {
-  OffsetOptions,
-  Placement,
-} from '@floating-ui/react'
-import { useVersionListOfPlugin } from '@/service/use-plugins'
 import useTimestamp from '@/hooks/use-timestamp'
+import { useVersionListOfPlugin } from '@/service/use-plugins'
 import { cn } from '@/utils/classnames'
-import { lt } from 'semver'
 
 type Props = {
   disabled?: boolean
@@ -56,7 +56,8 @@ const PluginVersionPicker: FC<Props> = ({
   const { formatDate } = useTimestamp()
 
   const handleTriggerClick = () => {
-    if (disabled) return
+    if (disabled)
+      return
     onShowChange(true)
   }
 
@@ -87,12 +88,12 @@ const PluginVersionPicker: FC<Props> = ({
         {trigger}
       </PortalToFollowElemTrigger>
 
-      <PortalToFollowElemContent className='z-[1000]'>
+      <PortalToFollowElemContent className="z-[1000]">
         <div className="relative w-[209px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm">
-          <div className='system-xs-medium-uppercase px-3 pb-0.5 pt-1 text-text-tertiary'>
+          <div className="system-xs-medium-uppercase px-3 pb-0.5 pt-1 text-text-tertiary">
             {t('plugin.detailPanel.switchVersion')}
           </div>
-          <div className='relative'>
+          <div className="relative">
             {res?.data.versions.map(version => (
               <div
                 key={version.unique_identifier}
@@ -106,11 +107,11 @@ const PluginVersionPicker: FC<Props> = ({
                   isDowngrade: lt(version.version, currentVersion),
                 })}
               >
-                <div className='flex grow items-center'>
-                  <div className='system-sm-medium text-text-secondary'>{version.version}</div>
-                  {currentVersion === version.version && <Badge className='ml-1' text='CURRENT'/>}
+                <div className="flex grow items-center">
+                  <div className="system-sm-medium text-text-secondary">{version.version}</div>
+                  {currentVersion === version.version && <Badge className="ml-1" text="CURRENT" />}
                 </div>
-                <div className='system-xs-regular shrink-0 text-text-tertiary'>{formatDate(version.created_at, format)}</div>
+                <div className="system-xs-regular shrink-0 text-text-tertiary">{formatDate(version.created_at, format)}</div>
               </div>
             ))}
           </div>
diff --git a/web/app/components/rag-pipeline/components/chunk-card-list/chunk-card.tsx b/web/app/components/rag-pipeline/components/chunk-card-list/chunk-card.tsx
index 15ac117b3b..62e90dbf1c 100644
--- a/web/app/components/rag-pipeline/components/chunk-card-list/chunk-card.tsx
+++ b/web/app/components/rag-pipeline/components/chunk-card-list/chunk-card.tsx
@@ -1,13 +1,14 @@
+import type { QAChunk } from './types'
+import type { ParentMode } from '@/models/datasets'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { QAChunk } from './types'
-import { QAItemType } from './types'
-import { PreviewSlice } from '@/app/components/datasets/formatted-text/flavours/preview-slice'
-import SegmentIndexTag from '@/app/components/datasets/documents/detail/completed/common/segment-index-tag'
 import Dot from '@/app/components/datasets/documents/detail/completed/common/dot'
+import SegmentIndexTag from '@/app/components/datasets/documents/detail/completed/common/segment-index-tag'
+import { PreviewSlice } from '@/app/components/datasets/formatted-text/flavours/preview-slice'
+import { ChunkingMode } from '@/models/datasets'
 import { formatNumber } from '@/utils/format'
 import QAItem from './q-a-item'
-import { ChunkingMode, type ParentMode } from '@/models/datasets'
+import { QAItemType } from './types'
 
 type ChunkCardProps = {
   chunkType: ChunkingMode
@@ -39,8 +40,8 @@ const ChunkCard = (props: ChunkCardProps) => {
             label={`C-${indexForLabel}`}
             text={child}
             tooltip={`Child-chunk-${indexForLabel} · ${child.length} Characters`}
-            labelInnerClassName='text-[10px] font-semibold align-bottom leading-7'
-            dividerClassName='leading-7'
+            labelInnerClassName="text-[10px] font-semibold align-bottom leading-7"
+            dividerClassName="leading-7"
           />
         )
       })
@@ -48,7 +49,7 @@ const ChunkCard = (props: ChunkCardProps) => {
 
     if (chunkType === ChunkingMode.qa) {
       return (
-        <div className='flex flex-col gap-2'>
+        <div className="flex flex-col gap-2">
           <QAItem type={QAItemType.Question} text={(content as QAChunk).question} />
           <QAItem type={QAItemType.Answer} text={(content as QAChunk).answer} />
         </div>
@@ -59,18 +60,18 @@ const ChunkCard = (props: ChunkCardProps) => {
   }, [content, chunkType])
 
   return (
-    <div className='flex flex-col gap-1 rounded-lg bg-components-panel-bg px-3 py-2.5'>
+    <div className="flex flex-col gap-1 rounded-lg bg-components-panel-bg px-3 py-2.5">
       {!isFullDoc && (
-        <div className='inline-flex items-center justify-start gap-2'>
+        <div className="inline-flex items-center justify-start gap-2">
           <SegmentIndexTag
             positionId={positionId}
             labelPrefix={isParagraph ? 'Parent-Chunk' : 'Chunk'}
           />
           <Dot />
-          <div className='system-xs-medium text-text-tertiary'>{`${formatNumber(wordCount)} ${t('datasetDocuments.segment.characters', { count: wordCount })}`}</div>
+          <div className="system-xs-medium text-text-tertiary">{`${formatNumber(wordCount)} ${t('datasetDocuments.segment.characters', { count: wordCount })}`}</div>
         </div>
       )}
-      <div className='body-md-regular text-text-secondary'>{contentElement}</div>
+      <div className="body-md-regular text-text-secondary">{contentElement}</div>
     </div>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/chunk-card-list/index.tsx b/web/app/components/rag-pipeline/components/chunk-card-list/index.tsx
index 753a9a53be..3b1f2533b4 100644
--- a/web/app/components/rag-pipeline/components/chunk-card-list/index.tsx
+++ b/web/app/components/rag-pipeline/components/chunk-card-list/index.tsx
@@ -1,7 +1,8 @@
-import { useMemo } from 'react'
-import { cn } from '@/utils/classnames'
 import type { ChunkInfo, GeneralChunks, ParentChildChunk, ParentChildChunks, QAChunk, QAChunks } from './types'
-import { ChunkingMode, type ParentMode } from '@/models/datasets'
+import type { ParentMode } from '@/models/datasets'
+import { useMemo } from 'react'
+import { ChunkingMode } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
 import ChunkCard from './chunk-card'
 
 type ChunkCardListProps = {
diff --git a/web/app/components/rag-pipeline/components/chunk-card-list/q-a-item.tsx b/web/app/components/rag-pipeline/components/chunk-card-list/q-a-item.tsx
index d256c9203a..4a34222e1d 100644
--- a/web/app/components/rag-pipeline/components/chunk-card-list/q-a-item.tsx
+++ b/web/app/components/rag-pipeline/components/chunk-card-list/q-a-item.tsx
@@ -9,9 +9,9 @@ type QAItemProps = {
 const QAItem = (props: QAItemProps) => {
   const { type, text } = props
   return (
-    <div className='inline-flex items-start justify-start gap-1 self-stretch'>
-      <div className='w-4 text-[13px] font-medium leading-5 text-text-tertiary'>{type === QAItemType.Question ? 'Q' : 'A'}</div>
-      <div className='body-md-regular flex-1 text-text-secondary'>{text}</div>
+    <div className="inline-flex items-start justify-start gap-1 self-stretch">
+      <div className="w-4 text-[13px] font-medium leading-5 text-text-tertiary">{type === QAItemType.Question ? 'Q' : 'A'}</div>
+      <div className="body-md-regular flex-1 text-text-secondary">{text}</div>
     </div>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/conversion.tsx b/web/app/components/rag-pipeline/components/conversion.tsx
index e50ecc56fd..3e55350d4c 100644
--- a/web/app/components/rag-pipeline/components/conversion.tsx
+++ b/web/app/components/rag-pipeline/components/conversion.tsx
@@ -1,13 +1,13 @@
+import { useParams } from 'next/navigation'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import PipelineScreenShot from './screenshot'
 import Confirm from '@/app/components/base/confirm'
-import { useConvertDatasetToPipeline } from '@/service/use-pipeline'
-import { useParams } from 'next/navigation'
-import { useInvalid } from '@/service/use-base'
-import { datasetDetailQueryKeyPrefix } from '@/service/knowledge/use-dataset'
 import Toast from '@/app/components/base/toast'
+import { datasetDetailQueryKeyPrefix } from '@/service/knowledge/use-dataset'
+import { useInvalid } from '@/service/use-base'
+import { useConvertDatasetToPipeline } from '@/service/use-pipeline'
+import PipelineScreenShot from './screenshot'
 
 const Conversion = () => {
   const { t } = useTranslation()
@@ -52,34 +52,34 @@ const Conversion = () => {
   }, [])
 
   return (
-    <div className='flex h-full w-full items-center justify-center bg-background-body p-6 pb-16'>
-      <div className='flex rounded-2xl border-[0.5px] border-components-card-border bg-components-card-bg shadow-sm shadow-shadow-shadow-4'>
-        <div className='flex max-w-[480px] flex-col justify-between p-10'>
-          <div className='flex flex-col gap-y-2.5'>
-            <div className='title-4xl-semi-bold text-text-primary'>
+    <div className="flex h-full w-full items-center justify-center bg-background-body p-6 pb-16">
+      <div className="flex rounded-2xl border-[0.5px] border-components-card-border bg-components-card-bg shadow-sm shadow-shadow-shadow-4">
+        <div className="flex max-w-[480px] flex-col justify-between p-10">
+          <div className="flex flex-col gap-y-2.5">
+            <div className="title-4xl-semi-bold text-text-primary">
               {t('datasetPipeline.conversion.title')}
             </div>
-            <div className='body-md-medium'>
-              <span className='text-text-secondary'>{t('datasetPipeline.conversion.descriptionChunk1')}</span>
-              <span className='text-text-tertiary'>{t('datasetPipeline.conversion.descriptionChunk2')}</span>
+            <div className="body-md-medium">
+              <span className="text-text-secondary">{t('datasetPipeline.conversion.descriptionChunk1')}</span>
+              <span className="text-text-tertiary">{t('datasetPipeline.conversion.descriptionChunk2')}</span>
             </div>
           </div>
-          <div className='flex items-center gap-x-4'>
+          <div className="flex items-center gap-x-4">
             <Button
-              variant='primary'
-              className='w-32'
+              variant="primary"
+              className="w-32"
               onClick={handleShowConfirmModal}
             >
               {t('datasetPipeline.operations.convert')}
             </Button>
-            <span className='system-xs-regular text-text-warning'>
+            <span className="system-xs-regular text-text-warning">
               {t('datasetPipeline.conversion.warning')}
             </span>
           </div>
         </div>
-        <div className='pb-8 pl-[25px] pr-0 pt-6'>
-          <div className='rounded-l-xl border border-effects-highlight bg-background-default p-1 shadow-md shadow-shadow-shadow-5 backdrop-blur-[5px]'>
-            <div className='overflow-hidden rounded-l-lg'>
+        <div className="pb-8 pl-[25px] pr-0 pt-6">
+          <div className="rounded-l-xl border border-effects-highlight bg-background-default p-1 shadow-md shadow-shadow-shadow-5 backdrop-blur-[5px]">
+            <div className="overflow-hidden rounded-l-lg">
               <PipelineScreenShot />
             </div>
           </div>
diff --git a/web/app/components/rag-pipeline/components/panel/index.tsx b/web/app/components/rag-pipeline/components/panel/index.tsx
index 793248e3eb..e39b62eb49 100644
--- a/web/app/components/rag-pipeline/components/panel/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/index.tsx
@@ -1,11 +1,11 @@
+import type { PanelProps } from '@/app/components/workflow/panel'
+import dynamic from 'next/dynamic'
 import {
   memo,
   useMemo,
 } from 'react'
-import type { PanelProps } from '@/app/components/workflow/panel'
 import Panel from '@/app/components/workflow/panel'
 import { useStore } from '@/app/components/workflow/store'
-import dynamic from 'next/dynamic'
 
 const Record = dynamic(() => import('@/app/components/workflow/panel/record'), {
   ssr: false,
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hidden-fields.tsx b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hidden-fields.tsx
index f95ca7b4dd..4d052f39cd 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hidden-fields.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hidden-fields.tsx
@@ -1,7 +1,7 @@
+import { useStore } from '@tanstack/react-form'
 import React from 'react'
 import { withForm } from '@/app/components/base/form'
 import InputField from '@/app/components/base/form/form-scenarios/input-field/field'
-import { useStore } from '@tanstack/react-form'
 import { useHiddenConfigurations } from './hooks'
 
 type HiddenFieldsProps = {
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hooks.ts b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hooks.ts
index 87d4e9ce42..4fc1282556 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hooks.ts
+++ b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/hooks.ts
@@ -1,16 +1,16 @@
-import { useTranslation } from 'react-i18next'
-import { useCallback, useMemo } from 'react'
-import type { InputFieldConfiguration } from '@/app/components/base/form/form-scenarios/input-field/types'
-import { InputFieldType } from '@/app/components/base/form/form-scenarios/input-field/types'
 import type { DeepKeys } from '@tanstack/react-form'
-import { useFileUploadConfig } from '@/service/use-common'
+import type { FormData } from './types'
+import type { InputFieldConfiguration } from '@/app/components/base/form/form-scenarios/input-field/types'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useFileSizeLimit } from '@/app/components/base/file-uploader/hooks'
-import { formatFileSize } from '@/utils/format'
+import { InputFieldType } from '@/app/components/base/form/form-scenarios/input-field/types'
 import { DEFAULT_FILE_UPLOAD_SETTING } from '@/app/components/workflow/constants'
 import { DEFAULT_VALUE_MAX_LEN } from '@/config'
-import type { FormData } from './types'
-import { TEXT_MAX_LENGTH } from './schema'
 import { PipelineInputVarType } from '@/models/pipeline'
+import { useFileUploadConfig } from '@/service/use-common'
+import { formatFileSize } from '@/utils/format'
+import { TEXT_MAX_LENGTH } from './schema'
 
 export const useHiddenFieldNames = (type: PipelineInputVarType) => {
   const { t } = useTranslation()
@@ -70,8 +70,8 @@ export const useHiddenFieldNames = (type: PipelineInputVarType) => {
 }
 
 export const useConfigurations = (props: {
-  getFieldValue: (fieldName: DeepKeys<FormData>) => any,
-  setFieldValue: (fieldName: DeepKeys<FormData>, value: any) => void,
+  getFieldValue: (fieldName: DeepKeys<FormData>) => any
+  setFieldValue: (fieldName: DeepKeys<FormData>, value: any) => void
   supportFile: boolean
 }) => {
   const { t } = useTranslation()
@@ -186,7 +186,7 @@ export const useConfigurations = (props: {
 }
 
 export const useHiddenConfigurations = (props: {
-  options: string[] | undefined,
+  options: string[] | undefined
 }) => {
   const { t } = useTranslation()
 
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/index.tsx b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/index.tsx
index 61254e35e4..d267d042eb 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/index.tsx
@@ -1,18 +1,18 @@
-import { useTranslation } from 'react-i18next'
-import { useCallback, useState } from 'react'
+import type { FormData, InputFieldFormProps } from './types'
 import type { MoreInfo } from '@/app/components/workflow/types'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { useFileSizeLimit } from '@/app/components/base/file-uploader/hooks'
+import { useAppForm } from '@/app/components/base/form'
+import Toast from '@/app/components/base/toast'
 import { ChangeType } from '@/app/components/workflow/types'
 import { useFileUploadConfig } from '@/service/use-common'
-import type { FormData, InputFieldFormProps } from './types'
-import { useAppForm } from '@/app/components/base/form'
-import { createInputFieldSchema } from './schema'
-import Toast from '@/app/components/base/toast'
-import { useFileSizeLimit } from '@/app/components/base/file-uploader/hooks'
-import Divider from '@/app/components/base/divider'
-import ShowAllSettings from './show-all-settings'
-import Button from '@/app/components/base/button'
-import InitialFields from './initial-fields'
 import HiddenFields from './hidden-fields'
+import InitialFields from './initial-fields'
+import { createInputFieldSchema } from './schema'
+import ShowAllSettings from './show-all-settings'
 
 const InputFieldForm = ({
   initialData,
@@ -81,16 +81,16 @@ const InputFieldForm = ({
 
   return (
     <form
-      className='w-full'
+      className="w-full"
       onSubmit={(e) => {
         e.preventDefault()
         e.stopPropagation()
         inputFieldForm.handleSubmit()
       }}
     >
-      <div className='flex flex-col gap-4 px-4 py-2'>
+      <div className="flex flex-col gap-4 px-4 py-2">
         <InitialFieldsComp form={inputFieldForm} />
-        <Divider type='horizontal' />
+        <Divider type="horizontal" />
         {!showAllSettings && (
           <ShowAllSettingComp form={inputFieldForm} />
         )}
@@ -98,8 +98,8 @@ const InputFieldForm = ({
           <HiddenFieldsComp form={inputFieldForm} />
         )}
       </div>
-      <div className='flex items-center justify-end gap-x-2 p-4 pt-2'>
-        <Button variant='secondary' onClick={onCancel}>
+      <div className="flex items-center justify-end gap-x-2 p-4 pt-2">
+        <Button variant="secondary" onClick={onCancel}>
           {t('common.operation.cancel')}
         </Button>
         <inputFieldForm.AppForm>
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/schema.ts b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/schema.ts
index 13c707ea31..f2c31d234c 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/schema.ts
+++ b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/schema.ts
@@ -1,9 +1,9 @@
-import { MAX_VAR_KEY_LENGTH } from '@/config'
 import type { TFunction } from 'i18next'
-import { z } from 'zod'
 import type { SchemaOptions } from './types'
-import { PipelineInputVarType } from '@/models/pipeline'
+import { z } from 'zod'
 import { InputTypeEnum } from '@/app/components/base/form/components/field/input-type-select/types'
+import { MAX_VAR_KEY_LENGTH } from '@/config'
+import { PipelineInputVarType } from '@/models/pipeline'
 
 export const TEXT_MAX_LENGTH = 256
 
@@ -31,7 +31,7 @@ export const createInputFieldSchema = (type: PipelineInputVarType, t: TFunction,
       message: t('appDebug.varKeyError.tooLong', { key: t('appDebug.variableConfig.varName') }),
     }).regex(/^(?!\d)\w+/, {
       message: t('appDebug.varKeyError.notStartWithNumber', { key: t('appDebug.variableConfig.varName') }),
-    }).regex(/^[a-zA-Z_]\w{0,29}$/, {
+    }).regex(/^[a-z_]\w{0,29}$/i, {
       message: t('appDebug.varKeyError.notValid', { key: t('appDebug.variableConfig.varName') }),
     }),
     label: z.string().nonempty({
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/show-all-settings.tsx b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/show-all-settings.tsx
index 2c66fcbcca..2a27710cd0 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/editor/form/show-all-settings.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/editor/form/show-all-settings.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { withForm } from '@/app/components/base/form'
-import { useStore } from '@tanstack/react-form'
-import { useHiddenFieldNames } from './hooks'
-import { useTranslation } from 'react-i18next'
 import { RiArrowRightSLine } from '@remixicon/react'
+import { useStore } from '@tanstack/react-form'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { withForm } from '@/app/components/base/form'
+import { useHiddenFieldNames } from './hooks'
 
 type ShowAllSettingsProps = {
   initialData?: Record<string, any>
@@ -24,16 +24,16 @@ const ShowAllSettings = ({
     const hiddenFieldNames = useHiddenFieldNames(type)
 
     return (
-      <div className='flex cursor-pointer items-center gap-x-4' onClick={handleShowAllSettings}>
-        <div className='flex grow flex-col'>
-          <span className='system-sm-medium flex min-h-6 items-center text-text-secondary'>
+      <div className="flex cursor-pointer items-center gap-x-4" onClick={handleShowAllSettings}>
+        <div className="flex grow flex-col">
+          <span className="system-sm-medium flex min-h-6 items-center text-text-secondary">
             {t('appDebug.variableConfig.showAllSettings')}
           </span>
-          <span className='body-xs-regular pb-0.5 text-text-tertiary first-letter:capitalize'>
+          <span className="body-xs-regular pb-0.5 text-text-tertiary first-letter:capitalize">
             {hiddenFieldNames}
           </span>
         </div>
-        <RiArrowRightSLine className='h-4 w-4 shrink-0 text-text-secondary' />
+        <RiArrowRightSLine className="h-4 w-4 shrink-0 text-text-secondary" />
       </div>
     )
   },
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/editor/index.tsx b/web/app/components/rag-pipeline/components/panel/input-field/editor/index.tsx
index 85bf5debf8..1c52ba39e1 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/editor/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/editor/index.tsx
@@ -1,13 +1,13 @@
-import { RiCloseLine } from '@remixicon/react'
-import InputFieldForm from './form'
-import { convertFormDataToINputField, convertToInputFieldFormData } from './utils'
-import { useCallback, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import type { InputVar } from '@/models/pipeline'
 import type { FormData } from './form/types'
 import type { MoreInfo } from '@/app/components/workflow/types'
-import { useFloatingRight } from '../hooks'
+import type { InputVar } from '@/models/pipeline'
+import { RiCloseLine } from '@remixicon/react'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
+import { useFloatingRight } from '../hooks'
+import InputFieldForm from './form'
+import { convertFormDataToINputField, convertToInputFieldFormData } from './utils'
 
 export type InputFieldEditorProps = {
   onClose: () => void
@@ -44,15 +44,15 @@ const InputFieldEditorPanel = ({
         width: `${floatingRightWidth}px`,
       }}
     >
-      <div className='system-xl-semibold flex items-center pb-1 pl-4 pr-11 pt-3.5 text-text-primary'>
+      <div className="system-xl-semibold flex items-center pb-1 pl-4 pr-11 pt-3.5 text-text-primary">
         {initialData ? t('datasetPipeline.inputFieldPanel.editInputField') : t('datasetPipeline.inputFieldPanel.addInputField')}
       </div>
       <button
-        type='button'
-        className='absolute right-2.5 top-2.5 flex size-8 items-center justify-center'
+        type="button"
+        className="absolute right-2.5 top-2.5 flex size-8 items-center justify-center"
         onClick={onClose}
       >
-        <RiCloseLine className='size-4 text-text-tertiary' />
+        <RiCloseLine className="size-4 text-text-tertiary" />
       </button>
       <InputFieldForm
         initialData={formData}
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/editor/utils.ts b/web/app/components/rag-pipeline/components/panel/input-field/editor/utils.ts
index 528718cb01..366ad79893 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/editor/utils.ts
+++ b/web/app/components/rag-pipeline/components/panel/input-field/editor/utils.ts
@@ -1,5 +1,5 @@
-import type { InputVar } from '@/models/pipeline'
 import type { FormData } from './form/types'
+import type { InputVar } from '@/models/pipeline'
 import { VAR_ITEM_TEMPLATE_IN_PIPELINE } from '@/config'
 
 const getNewInputVarInRagPipeline = (): InputVar => {
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-item.tsx b/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-item.tsx
index adbfe2ba2c..a76a4db7ba 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-item.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-item.tsx
@@ -1,19 +1,19 @@
 'use client'
-import React, { useCallback, useRef } from 'react'
-import { useHover } from 'ahooks'
-import { useTranslation } from 'react-i18next'
+import type { InputVarType } from '@/app/components/workflow/types'
+import type { InputVar } from '@/models/pipeline'
 import {
   RiDeleteBinLine,
   RiDraggable,
   RiEditLine,
 } from '@remixicon/react'
+import { useHover } from 'ahooks'
+import React, { useCallback, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import Badge from '@/app/components/base/badge'
 import { InputField } from '@/app/components/base/icons/src/vender/pipeline'
 import InputVarTypeIcon from '@/app/components/workflow/nodes/_base/components/input-var-type-icon'
 import { cn } from '@/utils/classnames'
-import Badge from '@/app/components/base/badge'
-import type { InputVar } from '@/models/pipeline'
-import type { InputVarType } from '@/app/components/workflow/types'
-import ActionButton from '@/app/components/base/action-button'
 
 type FieldItemProps = {
   readonly?: boolean
@@ -37,13 +37,15 @@ const FieldItem = ({
 
   const handleOnClickEdit = useCallback((e: React.MouseEvent) => {
     e.stopPropagation()
-    if (readonly) return
+    if (readonly)
+      return
     onClickEdit(payload.variable)
   }, [onClickEdit, payload.variable, readonly])
 
   const handleRemove = useCallback((e: React.MouseEvent) => {
     e.stopPropagation()
-    if (readonly) return
+    if (readonly)
+      return
     onRemove(index)
   }, [index, onRemove, readonly])
 
@@ -57,24 +59,24 @@ const FieldItem = ({
       )}
     // onClick={handleOnClickEdit}
     >
-      <div className='flex grow basis-0 items-center gap-x-1 overflow-hidden'>
+      <div className="flex grow basis-0 items-center gap-x-1 overflow-hidden">
         {
           (isHovering && !readonly)
-            ? <RiDraggable className='size-4 shrink-0 text-text-quaternary' />
-            : <InputField className='size-4 shrink-0 text-text-accent' />
+            ? <RiDraggable className="size-4 shrink-0 text-text-quaternary" />
+            : <InputField className="size-4 shrink-0 text-text-accent" />
         }
         <div
           title={payload.variable}
-          className='system-sm-medium max-w-[130px] shrink-0 truncate text-text-secondary'
+          className="system-sm-medium max-w-[130px] shrink-0 truncate text-text-secondary"
         >
           {payload.variable}
         </div>
         {payload.label && (
           <>
-            <div className='system-xs-regular shrink-0 text-text-quaternary'>·</div>
+            <div className="system-xs-regular shrink-0 text-text-quaternary">·</div>
             <div
               title={payload.label}
-              className='system-xs-medium grow truncate text-text-tertiary'
+              className="system-xs-medium grow truncate text-text-tertiary"
             >
               {payload.label}
             </div>
@@ -83,29 +85,28 @@ const FieldItem = ({
       </div>
       {(isHovering && !readonly)
         ? (
-          <div className='flex shrink-0 items-center gap-x-1'>
-            <ActionButton
-              className='mr-1'
-              onClick={handleOnClickEdit}
-            >
-              <RiEditLine className='size-4 text-text-tertiary' />
-            </ActionButton>
-            <ActionButton
-              onClick={handleRemove}
-            >
-              <RiDeleteBinLine className='size-4 text-text-tertiary group-hover:text-text-destructive' />
-            </ActionButton>
-          </div>
-        )
+            <div className="flex shrink-0 items-center gap-x-1">
+              <ActionButton
+                className="mr-1"
+                onClick={handleOnClickEdit}
+              >
+                <RiEditLine className="size-4 text-text-tertiary" />
+              </ActionButton>
+              <ActionButton
+                onClick={handleRemove}
+              >
+                <RiDeleteBinLine className="size-4 text-text-tertiary group-hover:text-text-destructive" />
+              </ActionButton>
+            </div>
+          )
         : (
-          <div className='flex shrink-0 items-center gap-x-2'>
-            {payload.required && (
-              <Badge>{t('workflow.nodes.start.required')}</Badge>
-            )}
-            <InputVarTypeIcon type={payload.type as unknown as InputVarType} className='h-3 w-3 text-text-tertiary' />
-          </div>
-        )
-      }
+            <div className="flex shrink-0 items-center gap-x-2">
+              {payload.required && (
+                <Badge>{t('workflow.nodes.start.required')}</Badge>
+              )}
+              <InputVarTypeIcon type={payload.type as unknown as InputVarType} className="h-3 w-3 text-text-tertiary" />
+            </div>
+          )}
     </div>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-list-container.tsx b/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-list-container.tsx
index 056d58b040..3c4faad439 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-list-container.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/field-list/field-list-container.tsx
@@ -1,3 +1,6 @@
+import type { SortableItem } from './types'
+import type { InputVar } from '@/models/pipeline'
+import { isEqual } from 'lodash-es'
 import {
   memo,
   useCallback,
@@ -5,10 +8,7 @@ import {
 } from 'react'
 import { ReactSortable } from 'react-sortablejs'
 import { cn } from '@/utils/classnames'
-import type { InputVar } from '@/models/pipeline'
 import FieldItem from './field-item'
-import type { SortableItem } from './types'
-import { isEqual } from 'lodash-es'
 
 type FieldListContainerProps = {
   className?: string
@@ -48,8 +48,8 @@ const FieldListContainer = ({
       className={cn(className)}
       list={list}
       setList={handleListSortChange}
-      handle='.handle'
-      ghostClass='opacity-50'
+      handle=".handle"
+      ghostClass="opacity-50"
       animation={150}
       disabled={readonly}
     >
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/field-list/hooks.ts b/web/app/components/rag-pipeline/components/panel/input-field/field-list/hooks.ts
index 376894b1bb..6bc0900849 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/field-list/hooks.ts
+++ b/web/app/components/rag-pipeline/components/panel/input-field/field-list/hooks.ts
@@ -1,26 +1,26 @@
+import type { SortableItem } from './types'
+import type { MoreInfo, ValueSelector } from '@/app/components/workflow/types'
+import type { InputVar } from '@/models/pipeline'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
 import {
   useCallback,
   useRef,
   useState,
 } from 'react'
-import { produce } from 'immer'
-import type { InputVar } from '@/models/pipeline'
-import type { SortableItem } from './types'
-import type { MoreInfo, ValueSelector } from '@/app/components/workflow/types'
-import { ChangeType } from '@/app/components/workflow/types'
-import { useBoolean } from 'ahooks'
-import Toast from '@/app/components/base/toast'
-import { usePipeline } from '../../../../hooks/use-pipeline'
 import { useTranslation } from 'react-i18next'
+import Toast from '@/app/components/base/toast'
 import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
+import { ChangeType } from '@/app/components/workflow/types'
+import { usePipeline } from '../../../../hooks/use-pipeline'
 
 const VARIABLE_PREFIX = 'rag'
 
 type useFieldListProps = {
-  initialInputFields: InputVar[],
-  onInputFieldsChange: (value: InputVar[]) => void,
-  nodeId: string,
-  allVariableNames: string[],
+  initialInputFields: InputVar[]
+  onInputFieldsChange: (value: InputVar[]) => void
+  nodeId: string
+  allVariableNames: string[]
 }
 
 export const useFieldList = ({
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/field-list/index.tsx b/web/app/components/rag-pipeline/components/panel/input-field/field-list/index.tsx
index 5b9e992041..30d05bef40 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/field-list/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/field-list/index.tsx
@@ -1,11 +1,11 @@
-import React, { useCallback } from 'react'
-import { RiAddLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import type { InputVar } from '@/models/pipeline'
+import { RiAddLine } from '@remixicon/react'
+import React, { useCallback } from 'react'
 import ActionButton from '@/app/components/base/action-button'
-import { useFieldList } from './hooks'
-import FieldListContainer from './field-list-container'
 import RemoveEffectVarConfirm from '@/app/components/workflow/nodes/_base/components/remove-effect-var-confirm'
+import { cn } from '@/utils/classnames'
+import FieldListContainer from './field-list-container'
+import { useFieldList } from './hooks'
 
 type FieldListProps = {
   nodeId: string
@@ -46,9 +46,9 @@ const FieldList = ({
   })
 
   return (
-    <div className='flex flex-col'>
+    <div className="flex flex-col">
       <div className={cn('flex items-center gap-x-2 px-4', labelClassName)}>
-        <div className='grow'>
+        <div className="grow">
           {LabelRightContent}
         </div>
         <ActionButton
@@ -56,11 +56,11 @@ const FieldList = ({
           disabled={readonly}
           className={cn(readonly && 'cursor-not-allowed')}
         >
-          <RiAddLine className='h-4 w-4 text-text-tertiary' />
+          <RiAddLine className="h-4 w-4 text-text-tertiary" />
         </ActionButton>
       </div>
       <FieldListContainer
-        className='flex flex-col gap-y-1 px-4 pb-1'
+        className="flex flex-col gap-y-1 px-4 pb-1"
         inputFields={inputFields}
         onEditField={handleOpenInputFieldEditor}
         onRemoveField={handleRemoveField}
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/field-list/types.ts b/web/app/components/rag-pipeline/components/panel/input-field/field-list/types.ts
index 7f41599bce..d73da73b99 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/field-list/types.ts
+++ b/web/app/components/rag-pipeline/components/panel/input-field/field-list/types.ts
@@ -2,6 +2,6 @@ import type { InputVar } from '@/models/pipeline'
 
 export type SortableItem = {
   id: string
-  chosen: boolean,
-  selected: boolean,
+  chosen: boolean
+  selected: boolean
 } & InputVar
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/footer-tip.tsx b/web/app/components/rag-pipeline/components/panel/input-field/footer-tip.tsx
index 1a8d75489d..a173f36230 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/footer-tip.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/footer-tip.tsx
@@ -1,11 +1,11 @@
-import React from 'react'
 import { RiDragDropLine } from '@remixicon/react'
+import React from 'react'
 
 const FooterTip = () => {
   return (
-    <div className='flex shrink-0 items-center justify-center gap-x-2 py-4 text-text-quaternary'>
-      <RiDragDropLine className='size-4' />
-      <span className='system-xs-regular'>Drag to adjust grouping</span>
+    <div className="flex shrink-0 items-center justify-center gap-x-2 py-4 text-text-quaternary">
+      <RiDragDropLine className="size-4" />
+      <span className="system-xs-regular">Drag to adjust grouping</span>
     </div>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/hooks.ts b/web/app/components/rag-pipeline/components/panel/input-field/hooks.ts
index 174d8741ee..1f35e55b99 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/hooks.ts
+++ b/web/app/components/rag-pipeline/components/panel/input-field/hooks.ts
@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from 'react'
-import { useStore } from '@/app/components/workflow/store'
 import { useStore as useReactflow } from 'reactflow'
 import { useShallow } from 'zustand/react/shallow'
+import { useStore } from '@/app/components/workflow/store'
 
 export const useFloatingRight = (targetElementWidth: number) => {
   const [floatingRight, setFloatingRight] = useState(false)
@@ -27,7 +27,8 @@ export const useFloatingRight = (targetElementWidth: number) => {
   }, [workflowCanvasWidth, nodePanelWidth, otherPanelWidth, selectedNodeId, targetElementWidth])
 
   const floatingRightWidth = useMemo(() => {
-    if (!floatingRight) return targetElementWidth
+    if (!floatingRight)
+      return targetElementWidth
     const width = Math.min(targetElementWidth, (selectedNodeId ? nodePanelWidth : 0) + otherPanelWidth)
     return width
   }, [floatingRight, selectedNodeId, nodePanelWidth, otherPanelWidth, targetElementWidth])
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/index.tsx b/web/app/components/rag-pipeline/components/panel/input-field/index.tsx
index 2c97a0931b..098b140522 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/index.tsx
@@ -1,27 +1,27 @@
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import type { Node } from '@/app/components/workflow/types'
+import type { InputVar, RAGPipelineVariables } from '@/models/pipeline'
+import { RiCloseLine, RiEyeLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useMemo,
   useRef,
 } from 'react'
-import { useStore } from '@/app/components/workflow/store'
-import { RiCloseLine, RiEyeLine } from '@remixicon/react'
-import type { Node } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
-import FieldList from './field-list'
-import FooterTip from './footer-tip'
-import GlobalInputs from './label-right-content/global-inputs'
-import Datasource from './label-right-content/datasource'
-import { useNodes } from 'reactflow'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { useTranslation } from 'react-i18next'
-import { useNodesSyncDraft } from '@/app/components/workflow/hooks'
-import type { InputVar, RAGPipelineVariables } from '@/models/pipeline'
+import { useNodes } from 'reactflow'
 import Button from '@/app/components/base/button'
 import Divider from '@/app/components/base/divider'
 import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
 import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
+import { useNodesSyncDraft } from '@/app/components/workflow/hooks'
+import { useStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import FieldList from './field-list'
+import FooterTip from './footer-tip'
+import Datasource from './label-right-content/datasource'
+import GlobalInputs from './label-right-content/global-inputs'
 
 const InputFieldPanel = () => {
   const { t } = useTranslation()
@@ -100,14 +100,14 @@ const InputFieldPanel = () => {
   }, [ragPipelineVariables])
 
   return (
-    <div className='mr-1 flex h-full w-[400px] flex-col rounded-2xl border-y-[0.5px] border-l-[0.5px] border-components-panel-border bg-components-panel-bg-alt shadow-xl shadow-shadow-shadow-5'>
-      <div className='flex shrink-0 items-center p-4 pb-0'>
-        <div className='system-xl-semibold grow text-text-primary'>
+    <div className="mr-1 flex h-full w-[400px] flex-col rounded-2xl border-y-[0.5px] border-l-[0.5px] border-components-panel-border bg-components-panel-bg-alt shadow-xl shadow-shadow-shadow-5">
+      <div className="flex shrink-0 items-center p-4 pb-0">
+        <div className="system-xl-semibold grow text-text-primary">
           {t('datasetPipeline.inputFieldPanel.title')}
         </div>
         <Button
-          variant={'ghost'}
-          size='small'
+          variant="ghost"
+          size="small"
           className={cn(
             'shrink-0 gap-x-px px-1.5',
             isPreviewing && 'bg-state-accent-active text-text-accent',
@@ -115,33 +115,33 @@ const InputFieldPanel = () => {
           onClick={togglePreviewPanel}
           disabled={isEditing}
         >
-          <RiEyeLine className='size-3.5' />
-          <span className='px-[3px]'>{t('datasetPipeline.operations.preview')}</span>
+          <RiEyeLine className="size-3.5" />
+          <span className="px-[3px]">{t('datasetPipeline.operations.preview')}</span>
         </Button>
-        <Divider type='vertical' className='mx-1 h-3' />
+        <Divider type="vertical" className="mx-1 h-3" />
         <button
-          type='button'
-          className='flex size-6 shrink-0 items-center justify-center p-0.5'
+          type="button"
+          className="flex size-6 shrink-0 items-center justify-center p-0.5"
           onClick={closePanel}
         >
-          <RiCloseLine className='size-4 text-text-tertiary' />
+          <RiCloseLine className="size-4 text-text-tertiary" />
         </button>
       </div>
-      <div className='system-sm-regular shrink-0 px-4 pb-2 pt-1 text-text-tertiary'>
+      <div className="system-sm-regular shrink-0 px-4 pb-2 pt-1 text-text-tertiary">
         {t('datasetPipeline.inputFieldPanel.description')}
       </div>
-      <div className='flex grow flex-col overflow-y-auto'>
+      <div className="flex grow flex-col overflow-y-auto">
         {/* Unique Inputs for Each Entrance */}
-        <div className='flex h-6 items-center gap-x-0.5 px-4 pt-2'>
-          <span className='system-sm-semibold-uppercase text-text-secondary'>
+        <div className="flex h-6 items-center gap-x-0.5 px-4 pt-2">
+          <span className="system-sm-semibold-uppercase text-text-secondary">
             {t('datasetPipeline.inputFieldPanel.uniqueInputs.title')}
           </span>
           <Tooltip
             popupContent={t('datasetPipeline.inputFieldPanel.uniqueInputs.tooltip')}
-            popupClassName='max-w-[240px]'
+            popupClassName="max-w-[240px]"
           />
         </div>
-        <div className='flex flex-col gap-y-1 py-1'>
+        <div className="flex flex-col gap-y-1 py-1">
           {
             Object.keys(datasourceNodeDataMap).map((key) => {
               const inputFields = inputFieldsMap.current[key] || []
@@ -152,7 +152,7 @@ const InputFieldPanel = () => {
                   LabelRightContent={<Datasource nodeData={datasourceNodeDataMap[key]} />}
                   inputFields={inputFields}
                   readonly={isPreviewing || isEditing}
-                  labelClassName='pt-1 pb-1'
+                  labelClassName="pt-1 pb-1"
                   handleInputFieldsChange={updateInputFields}
                   allVariableNames={allVariableNames}
                 />
@@ -162,11 +162,11 @@ const InputFieldPanel = () => {
         </div>
         {/* Global Inputs */}
         <FieldList
-          nodeId='shared'
+          nodeId="shared"
           LabelRightContent={<GlobalInputs />}
           inputFields={inputFieldsMap.current.shared || []}
           readonly={isPreviewing || isEditing}
-          labelClassName='pt-2 pb-1'
+          labelClassName="pt-2 pb-1"
           handleInputFieldsChange={updateInputFields}
           allVariableNames={allVariableNames}
         />
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/datasource.tsx b/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/datasource.tsx
index e35388c5d1..3f3481b511 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/datasource.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/datasource.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import { useToolIcon } from '@/app/components/workflow/hooks'
+import React from 'react'
 import BlockIcon from '@/app/components/workflow/block-icon'
+import { useToolIcon } from '@/app/components/workflow/hooks'
 import { BlockEnum } from '@/app/components/workflow/types'
 
 type DatasourceProps = {
@@ -14,15 +14,15 @@ const Datasource = ({
   const toolIcon = useToolIcon(nodeData)
 
   return (
-    <div className='flex items-center gap-x-1.5'>
-      <div className='flex size-5 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default'>
+    <div className="flex items-center gap-x-1.5">
+      <div className="flex size-5 items-center justify-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default">
         <BlockIcon
-          className='size-3.5'
+          className="size-3.5"
           type={BlockEnum.DataSource}
           toolIcon={toolIcon}
         />
       </div>
-      <span className='system-sm-medium text-text-secondary'>{nodeData.title}</span>
+      <span className="system-sm-medium text-text-secondary">{nodeData.title}</span>
     </div>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/global-inputs.tsx b/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/global-inputs.tsx
index a0731b9223..ead0f3c851 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/global-inputs.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/label-right-content/global-inputs.tsx
@@ -1,18 +1,18 @@
-import Tooltip from '@/app/components/base/tooltip'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
 
 const GlobalInputs = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center gap-x-1'>
-      <span className='system-sm-semibold-uppercase text-text-secondary'>
+    <div className="flex items-center gap-x-1">
+      <span className="system-sm-semibold-uppercase text-text-secondary">
         {t('datasetPipeline.inputFieldPanel.globalInputs.title')}
       </span>
       <Tooltip
         popupContent={t('datasetPipeline.inputFieldPanel.globalInputs.tooltip')}
-        popupClassName='w-[240px]'
+        popupClassName="w-[240px]"
       />
     </div>
   )
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/preview/data-source.tsx b/web/app/components/rag-pipeline/components/panel/input-field/preview/data-source.tsx
index ba22a37820..cc216a6aaa 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/preview/data-source.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/preview/data-source.tsx
@@ -1,10 +1,10 @@
+import type { Datasource } from '../../test-run/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import DataSourceOptions from '../../test-run/preparation/data-source-options'
-import Form from './form'
-import type { Datasource } from '../../test-run/types'
 import { useStore } from '@/app/components/workflow/store'
 import { useDraftPipelinePreProcessingParams } from '@/service/use-pipeline'
+import DataSourceOptions from '../../test-run/preparation/data-source-options'
+import Form from './form'
 
 type DatasourceProps = {
   onSelect: (dataSource: Datasource) => void
@@ -23,11 +23,11 @@ const DataSource = ({
   }, !!pipelineId && !!dataSourceNodeId)
 
   return (
-    <div className='flex flex-col'>
-      <div className='system-sm-semibold-uppercase px-4 pt-2 text-text-secondary'>
+    <div className="flex flex-col">
+      <div className="system-sm-semibold-uppercase px-4 pt-2 text-text-secondary">
         {t('datasetPipeline.inputFieldPanel.preview.stepOneTitle')}
       </div>
-      <div className='px-4 py-2'>
+      <div className="px-4 py-2">
         <DataSourceOptions
           onSelect={setDatasource}
           dataSourceNodeId={dataSourceNodeId}
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/preview/form.tsx b/web/app/components/rag-pipeline/components/panel/input-field/preview/form.tsx
index 8420f6b7e3..4d7a9b92be 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/preview/form.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/preview/form.tsx
@@ -1,6 +1,6 @@
+import type { RAGPipelineVariables } from '@/models/pipeline'
 import { useAppForm } from '@/app/components/base/form'
 import BaseField from '@/app/components/base/form/form-scenarios/base/field'
-import type { RAGPipelineVariables } from '@/models/pipeline'
 import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
 
 type FormProps = {
@@ -19,13 +19,13 @@ const Form = ({
 
   return (
     <form
-      className='w-full'
+      className="w-full"
       onSubmit={(e) => {
         e.preventDefault()
         e.stopPropagation()
       }}
     >
-      <div className='flex flex-col gap-y-3 px-4 py-3'>
+      <div className="flex flex-col gap-y-3 px-4 py-3">
         {configurations.map((config, index) => {
           const FieldComponent = BaseField({
             initialData,
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/preview/index.tsx b/web/app/components/rag-pipeline/components/panel/input-field/preview/index.tsx
index 1bc8a04a20..b83034323f 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/preview/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/preview/index.tsx
@@ -1,14 +1,14 @@
-import { useCallback, useState } from 'react'
+import type { Datasource } from '../../test-run/types'
 import { RiCloseLine } from '@remixicon/react'
+import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Badge from '@/app/components/base/badge'
-import DataSource from './data-source'
 import Divider from '@/app/components/base/divider'
-import ProcessDocuments from './process-documents'
-import type { Datasource } from '../../test-run/types'
 import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
 import { cn } from '@/utils/classnames'
 import { useFloatingRight } from '../hooks'
+import DataSource from './data-source'
+import ProcessDocuments from './process-documents'
 
 const PreviewPanel = () => {
   const { t } = useTranslation()
@@ -32,18 +32,18 @@ const PreviewPanel = () => {
         width: `${floatingRightWidth}px`,
       }}
     >
-      <div className='flex items-center gap-x-2 px-4 pt-1'>
-        <div className='grow py-1'>
-          <Badge className='border-text-accent-secondary bg-components-badge-bg-dimm text-text-accent-secondary'>
+      <div className="flex items-center gap-x-2 px-4 pt-1">
+        <div className="grow py-1">
+          <Badge className="border-text-accent-secondary bg-components-badge-bg-dimm text-text-accent-secondary">
             {t('datasetPipeline.operations.preview')}
           </Badge>
         </div>
         <button
-          type='button'
-          className='flex size-6 shrink-0 items-center justify-center'
+          type="button"
+          className="flex size-6 shrink-0 items-center justify-center"
           onClick={handleClosePreviewPanel}
         >
-          <RiCloseLine className='size-4 text-text-tertiary' />
+          <RiCloseLine className="size-4 text-text-tertiary" />
         </button>
       </div>
       {/* Data source form Preview */}
@@ -51,8 +51,8 @@ const PreviewPanel = () => {
         onSelect={setDatasource}
         dataSourceNodeId={datasource?.nodeId || ''}
       />
-      <div className='px-4 py-2'>
-        <Divider type='horizontal' className='bg-divider-subtle' />
+      <div className="px-4 py-2">
+        <Divider type="horizontal" className="bg-divider-subtle" />
       </div>
       {/* Process documents form Preview */}
       <ProcessDocuments dataSourceNodeId={datasource?.nodeId || ''} />
diff --git a/web/app/components/rag-pipeline/components/panel/input-field/preview/process-documents.tsx b/web/app/components/rag-pipeline/components/panel/input-field/preview/process-documents.tsx
index caabf4bde6..c473e13add 100644
--- a/web/app/components/rag-pipeline/components/panel/input-field/preview/process-documents.tsx
+++ b/web/app/components/rag-pipeline/components/panel/input-field/preview/process-documents.tsx
@@ -19,8 +19,8 @@ const ProcessDocuments = ({
   }, !!pipelineId && !!dataSourceNodeId)
 
   return (
-    <div className='flex flex-col'>
-      <div className='system-sm-semibold-uppercase px-4 pt-2 text-text-secondary'>
+    <div className="flex flex-col">
+      <div className="system-sm-semibold-uppercase px-4 pt-2 text-text-secondary">
         {t('datasetPipeline.inputFieldPanel.preview.stepTwoTitle')}
       </div>
       <Form variables={paramsConfig?.variables || []} />
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/header.tsx b/web/app/components/rag-pipeline/components/panel/test-run/header.tsx
index a536f66137..a7949dd68f 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/header.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/header.tsx
@@ -1,8 +1,8 @@
+import { RiCloseLine } from '@remixicon/react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useWorkflowStore } from '@/app/components/workflow/store'
 import { useWorkflowInteractions } from '@/app/components/workflow/hooks'
-import { RiCloseLine } from '@remixicon/react'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 
 const Header = () => {
   const workflowStore = useWorkflowStore()
@@ -21,16 +21,16 @@ const Header = () => {
   }, [workflowStore])
 
   return (
-    <div className='flex items-center gap-x-2 pl-4 pr-3 pt-4'>
-      <div className='system-xl-semibold grow pl-1 pr-8 text-text-primary'>
+    <div className="flex items-center gap-x-2 pl-4 pr-3 pt-4">
+      <div className="system-xl-semibold grow pl-1 pr-8 text-text-primary">
         {t('datasetPipeline.testRun.title')}
       </div>
       <button
-        type='button'
-        className='flex size-8 shrink-0 items-center justify-center p-1.5'
+        type="button"
+        className="flex size-8 shrink-0 items-center justify-center p-1.5"
         onClick={handleClose}
       >
-        <RiCloseLine className='size-4 text-text-tertiary' />
+        <RiCloseLine className="size-4 text-text-tertiary" />
       </button>
     </div>
   )
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/index.tsx
index 2620adca52..8a8cb88222 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/index.tsx
@@ -1,24 +1,26 @@
-import { useStore } from '@/app/components/workflow/store'
 import DataSourceProvider from '@/app/components/datasets/documents/create-from-pipeline/data-source/store/provider'
+import { useStore } from '@/app/components/workflow/store'
+import Header from './header'
 import Preparation from './preparation'
 import Result from './result'
-import Header from './header'
 
 const TestRunPanel = () => {
   const isPreparingDataSource = useStore(state => state.isPreparingDataSource)
 
   return (
     <div
-      className='relative flex h-full w-[480px] flex-col rounded-l-2xl border-y-[0.5px] border-l-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-1'
+      className="relative flex h-full w-[480px] flex-col rounded-l-2xl border-y-[0.5px] border-l-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-1"
     >
       <Header />
-      {isPreparingDataSource ? (
-        <DataSourceProvider>
-          <Preparation />
-        </DataSourceProvider>
-      ) : (
-        <Result />
-      )}
+      {isPreparingDataSource
+        ? (
+            <DataSourceProvider>
+              <Preparation />
+            </DataSourceProvider>
+          )
+        : (
+            <Result />
+          )}
     </div>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/actions/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/actions/index.tsx
index 3bf14aefc0..2e4e97c665 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/actions/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/actions/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import Button from '@/app/components/base/button'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 
 type ActionsProps = {
   disabled?: boolean
@@ -14,9 +14,9 @@ const Actions = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex justify-end p-4 pt-2'>
-      <Button disabled={disabled} variant='primary' onClick={handleNextStep}>
-        <span className='px-0.5'>{t('datasetCreation.stepOne.button')}</span>
+    <div className="flex justify-end p-4 pt-2">
+      <Button disabled={disabled} variant="primary" onClick={handleNextStep}>
+        <span className="px-0.5">{t('datasetCreation.stepOne.button')}</span>
       </Button>
     </div>
   )
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/index.tsx
index 4742b5bb23..159887a825 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/index.tsx
@@ -1,7 +1,7 @@
+import type { Datasource } from '../../types'
 import { useCallback, useEffect } from 'react'
 import { useDatasourceOptions } from '../hooks'
 import OptionCard from './option-card'
-import type { Datasource } from '../../types'
 
 type DataSourceOptionsProps = {
   dataSourceNodeId: string
@@ -31,7 +31,7 @@ const DataSourceOptions = ({
   }, [])
 
   return (
-    <div className='grid w-full grid-cols-4 gap-1'>
+    <div className="grid w-full grid-cols-4 gap-1">
       {options.map(option => (
         <OptionCard
           key={option.value}
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/option-card.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/option-card.tsx
index bd433d19dc..1074276552 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/option-card.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/data-source-options/option-card.tsx
@@ -1,9 +1,9 @@
-import React, { useCallback } from 'react'
-import { cn } from '@/utils/classnames'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import React, { useCallback } from 'react'
+import BlockIcon from '@/app/components/workflow/block-icon'
 import { useToolIcon } from '@/app/components/workflow/hooks'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 
 type OptionCardProps = {
   label: string
@@ -36,7 +36,7 @@ const OptionCard = ({
       )}
       onClick={handleClickCard}
     >
-      <div className='flex size-7 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border bg-background-default-dodge p-1'>
+      <div className="flex size-7 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-components-panel-border bg-background-default-dodge p-1">
         <BlockIcon
           type={BlockEnum.DataSource}
           toolIcon={toolIcon}
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/actions.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/actions.tsx
index b5e16bd3c7..47f06557d4 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/actions.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/actions.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
-import Button from '@/app/components/base/button'
-import { useTranslation } from 'react-i18next'
 import type { CustomActionsProps } from '@/app/components/base/form/components/form/actions'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import { useStore } from '@/app/components/workflow/store'
 import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 
@@ -22,15 +22,15 @@ const Actions = ({
   const isRunning = workflowRunningData?.result.status === WorkflowRunningStatus.Running
 
   return (
-    <div className='flex items-center justify-end gap-x-2 p-4 pt-2'>
+    <div className="flex items-center justify-end gap-x-2 p-4 pt-2">
       <Button
-        variant='secondary'
+        variant="secondary"
         onClick={onBack}
       >
         {t('datasetPipeline.operations.backToDataSource')}
       </Button>
       <Button
-        variant='primary'
+        variant="primary"
         onClick={() => {
           form.handleSubmit()
         }}
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/index.tsx
index f102f35fc4..c4ad280dce 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/index.tsx
@@ -1,10 +1,10 @@
+import type { CustomActionsProps } from '@/app/components/base/form/components/form/actions'
 import React, { useCallback } from 'react'
 import { generateZodSchema } from '@/app/components/base/form/form-scenarios/base/utils'
+import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
+import Actions from './actions'
 import { useInputVariables } from './hooks'
 import Options from './options'
-import Actions from './actions'
-import type { CustomActionsProps } from '@/app/components/base/form/components/form/actions'
-import { useConfigurations, useInitialData } from '@/app/components/rag-pipeline/hooks/use-input-fields'
 
 type DocumentProcessingProps = {
   dataSourceNodeId: string
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/options.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/options.tsx
index b14d44c723..d5d4a7c6c6 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/options.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/document-processing/options.tsx
@@ -1,9 +1,9 @@
-import { useAppForm } from '@/app/components/base/form'
-import type { CustomActionsProps } from '@/app/components/base/form/components/form/actions'
-import BaseField from '@/app/components/base/form/form-scenarios/base/field'
-import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
-import Toast from '@/app/components/base/toast'
 import type { ZodSchema } from 'zod'
+import type { CustomActionsProps } from '@/app/components/base/form/components/form/actions'
+import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
+import { useAppForm } from '@/app/components/base/form'
+import BaseField from '@/app/components/base/form/form-scenarios/base/field'
+import Toast from '@/app/components/base/toast'
 
 type OptionsProps = {
   initialData: Record<string, any>
@@ -45,14 +45,14 @@ const Options = ({
 
   return (
     <form
-      className='w-full'
+      className="w-full"
       onSubmit={(e) => {
         e.preventDefault()
         e.stopPropagation()
         form.handleSubmit()
       }}
     >
-      <div className='flex flex-col gap-3 px-4 pb-6 pt-3'>
+      <div className="flex flex-col gap-3 px-4 pb-6 pt-3">
         {configurations.map((config, index) => {
           const FieldComponent = BaseField({
             initialData,
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/footer-tips.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/footer-tips.tsx
index f12847675d..58ea748994 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/footer-tips.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/footer-tips.tsx
@@ -5,7 +5,7 @@ const FooterTips = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='system-xs-regular flex grow flex-col justify-end p-4 pt-2 text-text-tertiary'>
+    <div className="system-xs-regular flex grow flex-col justify-end p-4 pt-2 text-text-tertiary">
       {t('datasetPipeline.testRun.tooltip')}
     </div>
   )
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/hooks.ts b/web/app/components/rag-pipeline/components/panel/test-run/preparation/hooks.ts
index 3f2f49f455..dd93e57dfe 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/hooks.ts
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/hooks.ts
@@ -1,12 +1,12 @@
-import { useTranslation } from 'react-i18next'
 import type { DataSourceOption } from '../types'
-import { TestRunStep } from '../types'
-import { useNodes } from 'reactflow'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
 import { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes } from 'reactflow'
 import { useDataSourceStore } from '@/app/components/datasets/documents/create-from-pipeline/data-source/store'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { CrawlStep } from '@/models/datasets'
+import { TestRunStep } from '../types'
 
 export const useTestRunSteps = () => {
   const { t } = useTranslation()
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/index.tsx
index 8a1d33b202..b5ec39d985 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/index.tsx
@@ -1,27 +1,27 @@
+import type { Datasource } from '../types'
 import React, { useCallback, useMemo, useState } from 'react'
+import { useShallow } from 'zustand/react/shallow'
+import { trackEvent } from '@/app/components/base/amplitude'
+import LocalFile from '@/app/components/datasets/documents/create-from-pipeline/data-source/local-file'
+import OnlineDocuments from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-documents'
+import OnlineDrive from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-drive'
+import { useDataSourceStore, useDataSourceStoreWithSelector } from '@/app/components/datasets/documents/create-from-pipeline/data-source/store'
+import WebsiteCrawl from '@/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl'
+import { useWorkflowRun } from '@/app/components/workflow/hooks'
+import { useWorkflowStore } from '@/app/components/workflow/store'
+import { DatasourceType } from '@/models/pipeline'
+import { TransferMethod } from '@/types/app'
+import Actions from './actions'
+import DataSourceOptions from './data-source-options'
+import DocumentProcessing from './document-processing'
+import FooterTips from './footer-tips'
 import {
   useOnlineDocument,
   useOnlineDrive,
   useTestRunSteps,
   useWebsiteCrawl,
 } from './hooks'
-import DataSourceOptions from './data-source-options'
-import LocalFile from '@/app/components/datasets/documents/create-from-pipeline/data-source/local-file'
-import OnlineDocuments from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-documents'
-import WebsiteCrawl from '@/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl'
-import OnlineDrive from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-drive'
-import Actions from './actions'
-import DocumentProcessing from './document-processing'
-import { useWorkflowRun } from '@/app/components/workflow/hooks'
-import type { Datasource } from '../types'
-import { DatasourceType } from '@/models/pipeline'
-import { TransferMethod } from '@/types/app'
-import FooterTips from './footer-tips'
-import { useDataSourceStore, useDataSourceStoreWithSelector } from '@/app/components/datasets/documents/create-from-pipeline/data-source/store'
-import { useShallow } from 'zustand/react/shallow'
-import { useWorkflowStore } from '@/app/components/workflow/store'
 import StepIndicator from './step-indicator'
-import { trackEvent } from '@/app/components/base/amplitude'
 
 const Preparation = () => {
   const {
@@ -53,7 +53,8 @@ const Preparation = () => {
   const datasourceType = datasource?.nodeData.provider_type
 
   const nextBtnDisabled = useMemo(() => {
-    if (!datasource) return true
+    if (!datasource)
+      return true
     if (datasourceType === DatasourceType.localFile)
       return !localFileList.length || localFileList.some(file => !file.file.id)
     if (datasourceType === DatasourceType.onlineDocument)
@@ -154,11 +155,11 @@ const Preparation = () => {
   return (
     <>
       <StepIndicator steps={steps} currentStep={currentStep} />
-      <div className='flex grow flex-col overflow-y-auto'>
+      <div className="flex grow flex-col overflow-y-auto">
         {
           currentStep === 1 && (
             <>
-              <div className='flex flex-col gap-y-4 px-4 py-2'>
+              <div className="flex flex-col gap-y-4 px-4 py-2">
                 <DataSourceOptions
                   dataSourceNodeId={datasource?.nodeId || ''}
                   onSelect={handleSwitchDataSource}
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/preparation/step-indicator.tsx b/web/app/components/rag-pipeline/components/panel/test-run/preparation/step-indicator.tsx
index 4abb49406a..9ab7015e07 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/preparation/step-indicator.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/preparation/step-indicator.tsx
@@ -1,6 +1,6 @@
+import React from 'react'
 import Divider from '@/app/components/base/divider'
 import { cn } from '@/utils/classnames'
-import React from 'react'
 
 type Step = {
   label: string
@@ -17,21 +17,21 @@ const StepIndicator = ({
   steps,
 }: StepIndicatorProps) => {
   return (
-    <div className='flex items-center gap-x-2 px-4 pb-2'>
+    <div className="flex items-center gap-x-2 px-4 pb-2">
       {steps.map((step, index) => {
         const isCurrentStep = index === currentStep - 1
         const isLastStep = index === steps.length - 1
         return (
-          <div key={index} className='flex items-center gap-x-2'>
+          <div key={index} className="flex items-center gap-x-2">
             <div
               className={cn('flex items-center gap-x-1', isCurrentStep ? 'text-state-accent-solid' : 'text-text-tertiary')}
             >
-              {isCurrentStep && <div className='size-1 rounded-full bg-state-accent-solid' />}
-              <span className='system-2xs-semibold-uppercase'>{step.label}</span>
+              {isCurrentStep && <div className="size-1 rounded-full bg-state-accent-solid" />}
+              <span className="system-2xs-semibold-uppercase">{step.label}</span>
             </div>
             {!isLastStep && (
-              <div className='flex items-center'>
-                <Divider type='horizontal' className='h-px w-3 bg-divider-deep' />
+              <div className="flex items-center">
+                <Divider type="horizontal" className="h-px w-3 bg-divider-deep" />
               </div>
             )}
           </div>
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/result/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/result/index.tsx
index 51a36c6f3c..c8c2fbebce 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/result/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/result/index.tsx
@@ -2,15 +2,15 @@ import {
   memo,
   useState,
 } from 'react'
+import Loading from '@/app/components/base/loading'
 import ResultPanel from '@/app/components/workflow/run/result-panel'
 import TracingPanel from '@/app/components/workflow/run/tracing-panel'
 import { useStore } from '@/app/components/workflow/store'
 import {
   WorkflowRunningStatus,
 } from '@/app/components/workflow/types'
-import Loading from '@/app/components/base/loading'
-import Tabs from './tabs'
 import ResultPreview from './result-preview'
+import Tabs from './tabs'
 
 const Result = () => {
   const workflowRunningData = useStore(s => s.workflowRunningData)
@@ -21,9 +21,9 @@ const Result = () => {
   }
 
   return (
-    <div className='flex grow flex-col'>
+    <div className="flex grow flex-col">
       <Tabs currentTab={currentTab} workflowRunningData={workflowRunningData} switchTab={switchTab} />
-      <div className='flex h-0 grow flex-col overflow-y-auto'>
+      <div className="flex h-0 grow flex-col overflow-y-auto">
         {currentTab === 'RESULT' && (
           <ResultPreview
             isRunning={!workflowRunningData?.result || workflowRunningData?.result.status === WorkflowRunningStatus.Running}
@@ -47,18 +47,18 @@ const Result = () => {
           />
         )}
         {currentTab === 'DETAIL' && !workflowRunningData?.result && (
-          <div className='flex grow items-center justify-center'>
+          <div className="flex grow items-center justify-center">
             <Loading />
           </div>
         )}
         {currentTab === 'TRACING' && (
           <TracingPanel
-            className='bg-background-section-burn'
+            className="bg-background-section-burn"
             list={workflowRunningData?.tracing || []}
           />
         )}
         {currentTab === 'TRACING' && !workflowRunningData?.tracing?.length && (
-          <div className='flex grow items-center justify-center'>
+          <div className="flex grow items-center justify-center">
             <Loading />
           </div>
         )}
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/index.tsx
index da56ada4dd..395fdc09e9 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/index.tsx
@@ -1,9 +1,9 @@
-import Button from '@/app/components/base/button'
 import { RiLoader2Line } from '@remixicon/react'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ChunkCardList } from '../../../../chunk-card-list'
+import Button from '@/app/components/base/button'
 import { RAG_PIPELINE_PREVIEW_CHUNK_NUM } from '@/config'
+import { ChunkCardList } from '../../../../chunk-card-list'
 import { formatPreviewChunks } from './utils'
 
 type ResultTextProps = {
@@ -28,28 +28,28 @@ const ResultPreview = ({
   return (
     <>
       {isRunning && !outputs && (
-        <div className='flex grow flex-col items-center justify-center gap-y-2 pb-20'>
-          <RiLoader2Line className='size-4 animate-spin text-text-tertiary' />
-          <div className='system-sm-regular text-text-tertiary'>{t('pipeline.result.resultPreview.loading')}</div>
+        <div className="flex grow flex-col items-center justify-center gap-y-2 pb-20">
+          <RiLoader2Line className="size-4 animate-spin text-text-tertiary" />
+          <div className="system-sm-regular text-text-tertiary">{t('pipeline.result.resultPreview.loading')}</div>
         </div>
       )}
       {!isRunning && error && (
-        <div className='flex grow flex-col items-center justify-center gap-y-2 pb-20'>
-          <div className='system-sm-regular text-text-tertiary'>{t('pipeline.result.resultPreview.error')}</div>
+        <div className="flex grow flex-col items-center justify-center gap-y-2 pb-20">
+          <div className="system-sm-regular text-text-tertiary">{t('pipeline.result.resultPreview.error')}</div>
           <Button onClick={onSwitchToDetail}>
             {t('pipeline.result.resultPreview.viewDetails')}
           </Button>
         </div>
       )}
       {outputs && previewChunks && (
-        <div className='flex grow flex-col bg-background-body p-1'>
+        <div className="flex grow flex-col bg-background-body p-1">
           <ChunkCardList chunkType={outputs.chunk_structure} chunkInfo={previewChunks} />
-          <div className='system-xs-regular mt-1 flex items-center gap-x-2 text-text-tertiary'>
-            <div className='h-px flex-1 bg-gradient-to-r from-background-gradient-mask-transparent to-divider-regular' />
-            <span className='shrink-0truncate' title={t('pipeline.result.resultPreview.footerTip', { count: RAG_PIPELINE_PREVIEW_CHUNK_NUM })}>
+          <div className="system-xs-regular mt-1 flex items-center gap-x-2 text-text-tertiary">
+            <div className="h-px flex-1 bg-gradient-to-r from-background-gradient-mask-transparent to-divider-regular" />
+            <span className="shrink-0truncate" title={t('pipeline.result.resultPreview.footerTip', { count: RAG_PIPELINE_PREVIEW_CHUNK_NUM })}>
               {t('pipeline.result.resultPreview.footerTip', { count: RAG_PIPELINE_PREVIEW_CHUNK_NUM })}
             </span>
-            <div className='h-px flex-1 bg-gradient-to-l from-background-gradient-mask-transparent to-divider-regular' />
+            <div className="h-px flex-1 bg-gradient-to-l from-background-gradient-mask-transparent to-divider-regular" />
           </div>
         </div>
       )}
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/utils.ts b/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/utils.ts
index 2efe5f452f..9ac0de4d48 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/utils.ts
+++ b/web/app/components/rag-pipeline/components/panel/test-run/result/result-preview/utils.ts
@@ -1,6 +1,6 @@
-import { RAG_PIPELINE_PREVIEW_CHUNK_NUM } from '@/config'
 import type { ChunkInfo, GeneralChunks, ParentChildChunks, QAChunks } from '../../../../chunk-card-list/types'
 import type { ParentMode } from '@/models/datasets'
+import { RAG_PIPELINE_PREVIEW_CHUNK_NUM } from '@/config'
 import { ChunkingMode } from '@/models/datasets'
 
 type GeneralChunkPreview = {
@@ -70,7 +70,8 @@ const formatQAChunks = (outputs: any) => {
 }
 
 export const formatPreviewChunks = (outputs: any): ChunkInfo | undefined => {
-  if (!outputs) return undefined
+  if (!outputs)
+    return undefined
 
   const chunkingMode = outputs.chunk_structure
   const parentMode = outputs.parent_mode
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/index.tsx b/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/index.tsx
index b968446497..4e4d51eb02 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/index.tsx
@@ -1,6 +1,6 @@
+import type { WorkflowRunningData } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { WorkflowRunningData } from '@/app/components/workflow/types'
 import Tab from './tab'
 
 type TabsProps = {
@@ -16,25 +16,25 @@ const Tabs = ({
 }: TabsProps) => {
   const { t } = useTranslation()
   return (
-    <div className='flex shrink-0 items-center gap-x-6 border-b-[0.5px] border-divider-subtle px-4'>
+    <div className="flex shrink-0 items-center gap-x-6 border-b-[0.5px] border-divider-subtle px-4">
       <Tab
         isActive={currentTab === 'RESULT'}
         label={t('runLog.result')}
-        value='RESULT'
+        value="RESULT"
         workflowRunningData={workflowRunningData}
         onClick={switchTab}
       />
       <Tab
         isActive={currentTab === 'DETAIL'}
         label={t('runLog.detail')}
-        value='DETAIL'
+        value="DETAIL"
         workflowRunningData={workflowRunningData}
         onClick={switchTab}
       />
       <Tab
         isActive={currentTab === 'TRACING'}
         label={t('runLog.tracing')}
-        value='TRACING'
+        value="TRACING"
         workflowRunningData={workflowRunningData}
         onClick={switchTab}
       />
diff --git a/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/tab.tsx b/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/tab.tsx
index 548680f8f4..640a3feb17 100644
--- a/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/tab.tsx
+++ b/web/app/components/rag-pipeline/components/panel/test-run/result/tabs/tab.tsx
@@ -1,6 +1,6 @@
+import type { WorkflowRunningData } from '@/app/components/workflow/types'
 import React, { useCallback } from 'react'
 import { cn } from '@/utils/classnames'
-import type { WorkflowRunningData } from '@/app/components/workflow/types'
 
 type TabProps = {
   isActive: boolean
@@ -17,7 +17,7 @@ const Tab = ({ isActive, label, value, workflowRunningData, onClick }: TabProps)
 
   return (
     <button
-      type='button'
+      type="button"
       className={cn(
         'system-sm-semibold-uppercase cursor-pointer border-b-2 border-transparent py-3 text-text-tertiary',
         isActive && 'border-util-colors-blue-brand-blue-brand-600 text-text-primary',
diff --git a/web/app/components/rag-pipeline/components/publish-as-knowledge-pipeline-modal.tsx b/web/app/components/rag-pipeline/components/publish-as-knowledge-pipeline-modal.tsx
index 7471ead7dc..b11bae2449 100644
--- a/web/app/components/rag-pipeline/components/publish-as-knowledge-pipeline-modal.tsx
+++ b/web/app/components/rag-pipeline/components/publish-as-knowledge-pipeline-modal.tsx
@@ -1,17 +1,17 @@
 'use client'
+import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
+import type { IconInfo } from '@/models/datasets'
+import { RiCloseLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
+import AppIcon from '@/app/components/base/app-icon'
 import AppIconPicker from '@/app/components/base/app-icon-picker'
-import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
 import Textarea from '@/app/components/base/textarea'
-import AppIcon from '@/app/components/base/app-icon'
-import { noop } from 'lodash-es'
 import { useStore } from '@/app/components/workflow/store'
-import type { IconInfo } from '@/models/datasets'
 
 type PublishAsKnowledgePipelineModalProps = {
   confirmDisabled?: boolean
@@ -81,18 +81,18 @@ const PublishAsKnowledgePipelineModal = ({
       <Modal
         isShow
         onClose={noop}
-        className='relative !w-[520px] !p-0'
+        className="relative !w-[520px] !p-0"
       >
-        <div className='title-2xl-semi-bold relative flex items-center p-6 pb-3 pr-14 text-text-primary'>
+        <div className="title-2xl-semi-bold relative flex items-center p-6 pb-3 pr-14 text-text-primary">
           {t('pipeline.common.publishAs')}
-          <div className='absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center' onClick={onCancel}>
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <div className="absolute right-5 top-5 flex h-8 w-8 cursor-pointer items-center justify-center" onClick={onCancel}>
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
-        <div className='px-6 py-3'>
-          <div className='mb-5 flex'>
-            <div className='mr-3 grow'>
-              <div className='system-sm-medium mb-1 flex h-6 items-center text-text-secondary'>
+        <div className="px-6 py-3">
+          <div className="mb-5 flex">
+            <div className="mr-3 grow">
+              <div className="system-sm-medium mb-1 flex h-6 items-center text-text-secondary">
                 {t('pipeline.common.publishAsPipeline.name')}
               </div>
               <Input
@@ -102,9 +102,9 @@ const PublishAsKnowledgePipelineModal = ({
               />
             </div>
             <AppIcon
-              size='xxl'
+              size="xxl"
               onClick={() => { setShowAppIconPicker(true) }}
-              className='mt-2 shrink-0 cursor-pointer'
+              className="mt-2 shrink-0 cursor-pointer"
               iconType={pipelineIcon?.icon_type}
               icon={pipelineIcon?.icon}
               background={pipelineIcon?.icon_background}
@@ -112,37 +112,39 @@ const PublishAsKnowledgePipelineModal = ({
             />
           </div>
           <div>
-            <div className='system-sm-medium mb-1 flex h-6 items-center text-text-secondary '>
+            <div className="system-sm-medium mb-1 flex h-6 items-center text-text-secondary ">
               {t('pipeline.common.publishAsPipeline.description')}
             </div>
             <Textarea
-              className='resize-none'
+              className="resize-none"
               placeholder={t('pipeline.common.publishAsPipeline.descriptionPlaceholder') || ''}
               value={description}
               onChange={e => setDescription(e.target.value)}
             />
           </div>
         </div>
-        <div className='flex items-center justify-end px-6 py-5'>
+        <div className="flex items-center justify-end px-6 py-5">
           <Button
-            className='mr-2'
+            className="mr-2"
             onClick={onCancel}
           >
             {t('common.operation.cancel')}
           </Button>
           <Button
             disabled={!pipelineName?.trim() || confirmDisabled}
-            variant='primary'
+            variant="primary"
             onClick={() => handleConfirm()}
           >
             {t('workflow.common.publish')}
           </Button>
         </div>
       </Modal>
-      {showAppIconPicker && <AppIconPicker
-        onSelect={handleSelectIcon}
-        onClose={handleCloseIconPicker}
-      />}
+      {showAppIconPicker && (
+        <AppIconPicker
+          onSelect={handleSelectIcon}
+          onClose={handleCloseIconPicker}
+        />
+      )}
     </>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/publish-toast.tsx b/web/app/components/rag-pipeline/components/publish-toast.tsx
index 10f1e5f79a..5ab6218ee3 100644
--- a/web/app/components/rag-pipeline/components/publish-toast.tsx
+++ b/web/app/components/rag-pipeline/components/publish-toast.tsx
@@ -1,12 +1,12 @@
+import {
+  RiCloseLine,
+  RiInformation2Fill,
+} from '@remixicon/react'
 import {
   memo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiCloseLine,
-  RiInformation2Fill,
-} from '@remixicon/react'
 import { useStore } from '@/app/components/workflow/store'
 
 const PublishToast = () => {
@@ -18,26 +18,26 @@ const PublishToast = () => {
     return null
 
   return (
-    <div className='pointer-events-none absolute bottom-[45px] left-0 right-0 z-10 flex justify-center'>
+    <div className="pointer-events-none absolute bottom-[45px] left-0 right-0 z-10 flex justify-center">
       <div
-        className='relative flex w-[420px] space-x-1 overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-3 shadow-lg'
+        className="relative flex w-[420px] space-x-1 overflow-hidden rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-3 shadow-lg"
       >
-        <div className='pointer-events-none absolute inset-0 bg-gradient-to-r from-components-badge-status-light-normal-halo to-background-gradient-mask-transparent opacity-[0.4]'>
+        <div className="pointer-events-none absolute inset-0 bg-gradient-to-r from-components-badge-status-light-normal-halo to-background-gradient-mask-transparent opacity-[0.4]">
         </div>
-        <div className='flex h-6 w-6 items-center justify-center'>
-          <RiInformation2Fill className='text-text-accent' />
+        <div className="flex h-6 w-6 items-center justify-center">
+          <RiInformation2Fill className="text-text-accent" />
         </div>
-        <div className='p-1'>
-          <div className='system-sm-semibold mb-1 text-text-primary'>{t('pipeline.publishToast.title')}</div>
-          <div className='system-xs-regular text-text-secondary'>
+        <div className="p-1">
+          <div className="system-sm-semibold mb-1 text-text-primary">{t('pipeline.publishToast.title')}</div>
+          <div className="system-xs-regular text-text-secondary">
             {t('pipeline.publishToast.desc')}
           </div>
         </div>
         <div
-          className='pointer-events-auto flex h-6 w-6 cursor-pointer items-center justify-center'
+          className="pointer-events-auto flex h-6 w-6 cursor-pointer items-center justify-center"
           onClick={() => setHideToast(true)}
         >
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
       </div>
     </div>
diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx
index 09e97d414f..3ce17737aa 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-children.tsx
@@ -1,22 +1,22 @@
+import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import {
   memo,
   useState,
 } from 'react'
-import { useStore } from '../../workflow/store'
-import PluginDependency from '../../workflow/plugin-dependency'
-import RagPipelinePanel from './panel'
-import RagPipelineHeader from './rag-pipeline-header'
-import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import { DSL_EXPORT_CHECK } from '@/app/components/workflow/constants'
-import UpdateDSLModal from './update-dsl-modal'
 import DSLExportConfirmModal from '@/app/components/workflow/dsl-export-confirm-modal'
 import {
   useDSL,
   usePanelInteractions,
 } from '@/app/components/workflow/hooks'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
-import PublishToast from './publish-toast'
+import PluginDependency from '../../workflow/plugin-dependency'
+import { useStore } from '../../workflow/store'
 import { useRagPipelineSearch } from '../hooks/use-rag-pipeline-search'
+import RagPipelinePanel from './panel'
+import PublishToast from './publish-toast'
+import RagPipelineHeader from './rag-pipeline-header'
+import UpdateDSLModal from './update-dsl-modal'
 
 const RagPipelineChildren = () => {
   const { eventEmitter } = useEventEmitterContextContext()
diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-header/index.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-header/index.tsx
index 74af61c603..fff720469c 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-header/index.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-header/index.tsx
@@ -1,14 +1,14 @@
+import type { HeaderProps } from '@/app/components/workflow/header'
 import {
   memo,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { HeaderProps } from '@/app/components/workflow/header'
 import Header from '@/app/components/workflow/header'
-import { fetchWorkflowRunHistory } from '@/service/workflow'
 import {
   useStore,
 } from '@/app/components/workflow/store'
+import { fetchWorkflowRunHistory } from '@/service/workflow'
 import InputFieldButton from './input-field-button'
 import Publisher from './publisher'
 import RunMode from './run-mode'
diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-header/input-field-button.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-header/input-field-button.tsx
index a5008f9d71..94dacebdd1 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-header/input-field-button.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-header/input-field-button.tsx
@@ -1,8 +1,8 @@
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { InputField } from '@/app/components/base/icons/src/vender/pipeline'
 import { useStore } from '@/app/components/workflow/store'
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
 
 const InputFieldButton = () => {
   const { t } = useTranslation()
@@ -15,12 +15,12 @@ const InputFieldButton = () => {
 
   return (
     <Button
-      variant='secondary'
-      className='flex gap-x-0.5'
+      variant="secondary"
+      className="flex gap-x-0.5"
       onClick={handleClick}
     >
-      <InputField className='h-4 w-4' />
-      <span className='px-0.5'>{t('datasetPipeline.inputField')}</span>
+      <InputField className="h-4 w-4" />
+      <span className="px-0.5">{t('datasetPipeline.inputField')}</span>
     </Button>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/index.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/index.tsx
index 06f0610dfd..ac9537ee8e 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/index.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/index.tsx
@@ -1,10 +1,10 @@
+import { RiArrowDownSLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
@@ -29,7 +29,7 @@ const Publisher = () => {
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 40,
@@ -37,14 +37,14 @@ const Publisher = () => {
     >
       <PortalToFollowElemTrigger onClick={() => handleOpenChange(!open)}>
         <Button
-          className='px-2'
-          variant='primary'
+          className="px-2"
+          variant="primary"
         >
-          <span className='pl-1'>{t('workflow.common.publish')}</span>
-          <RiArrowDownSLine className='h-4 w-4' />
+          <span className="pl-1">{t('workflow.common.publish')}</span>
+          <RiArrowDownSLine className="h-4 w-4" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
+      <PortalToFollowElemContent className="z-[11]">
         <Popup />
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/popup.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/popup.tsx
index ca8d67476c..b61a118208 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/popup.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/popup.tsx
@@ -1,8 +1,5 @@
-import {
-  memo,
-  useCallback,
-  useState,
-} from 'react'
+import type { IconInfo } from '@/models/datasets'
+import type { PublishWorkflowParams } from '@/types/workflow'
 import {
   RiArrowRightUpLine,
   RiHammerLine,
@@ -13,41 +10,44 @@ import {
   useBoolean,
   useKeyPress,
 } from 'ahooks'
+import Link from 'next/link'
+import { useParams, useRouter } from 'next/navigation'
+import {
+  memo,
+  useCallback,
+  useState,
+} from 'react'
 import { Trans, useTranslation } from 'react-i18next'
+import { trackEvent } from '@/app/components/base/amplitude'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import Divider from '@/app/components/base/divider'
+import { SparklesSoft } from '@/app/components/base/icons/src/public/common'
+import PremiumBadge from '@/app/components/base/premium-badge'
+import { useToastContext } from '@/app/components/base/toast'
+import {
+  useChecklistBeforePublish,
+} from '@/app/components/workflow/hooks'
 import {
   useStore,
   useWorkflowStore,
 } from '@/app/components/workflow/store'
-import Button from '@/app/components/base/button'
-import {
-  useChecklistBeforePublish,
-} from '@/app/components/workflow/hooks'
-import Divider from '@/app/components/base/divider'
 import { getKeyboardKeyCodeBySystem, getKeyboardKeyNameBySystem } from '@/app/components/workflow/utils'
-import { usePublishWorkflow } from '@/service/use-workflow'
-import type { PublishWorkflowParams } from '@/types/workflow'
-import { useToastContext } from '@/app/components/base/toast'
-import { useParams, useRouter } from 'next/navigation'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
+import { useModalContextSelector } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { useDatasetApiAccessUrl } from '@/hooks/use-api-access-url'
+import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
+import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
 import { useInvalid } from '@/service/use-base'
 import {
   publishedPipelineInfoQueryKeyPrefix,
   useInvalidCustomizedTemplateList,
   usePublishAsCustomizedPipeline,
 } from '@/service/use-pipeline'
-import Confirm from '@/app/components/base/confirm'
-import PublishAsKnowledgePipelineModal from '../../publish-as-knowledge-pipeline-modal'
-import type { IconInfo } from '@/models/datasets'
-import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
-import { useProviderContext } from '@/context/provider-context'
+import { usePublishWorkflow } from '@/service/use-workflow'
 import { cn } from '@/utils/classnames'
-import PremiumBadge from '@/app/components/base/premium-badge'
-import { SparklesSoft } from '@/app/components/base/icons/src/public/common'
-import { useModalContextSelector } from '@/context/modal-context'
-import Link from 'next/link'
-import { useDatasetApiAccessUrl } from '@/hooks/use-api-access-url'
-import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
-import { trackEvent } from '@/app/components/base/amplitude'
+import PublishAsKnowledgePipelineModal from '../../publish-as-knowledge-pipeline-modal'
 
 const PUBLISH_SHORTCUT = ['ctrl', '⇧', 'P']
 
@@ -116,13 +116,13 @@ const Popup = () => {
             type: 'success',
             message: t('datasetPipeline.publishPipeline.success.message'),
             children: (
-              <div className='system-xs-regular text-text-secondary'>
+              <div className="system-xs-regular text-text-secondary">
                 <Trans
-                  i18nKey='datasetPipeline.publishPipeline.success.tip'
+                  i18nKey="datasetPipeline.publishPipeline.success.tip"
                   components={{
                     CustomLink: (
                       <Link
-                        className='system-xs-medium text-text-accent'
+                        className="system-xs-medium text-text-accent"
                         href={`/datasets/${datasetId}/documents`}
                       >
                       </Link>
@@ -180,14 +180,14 @@ const Popup = () => {
         type: 'success',
         message: t('datasetPipeline.publishTemplate.success.message'),
         children: (
-          <div className='flex flex-col gap-y-1'>
-            <span className='system-xs-regular text-text-secondary'>
+          <div className="flex flex-col gap-y-1">
+            <span className="system-xs-regular text-text-secondary">
               {t('datasetPipeline.publishTemplate.success.tip')}
             </span>
             <Link
-              href='https://docs.dify.ai'
-              target='_blank'
-              className='system-xs-medium-uppercase inline-block text-text-accent'
+              href="https://docs.dify.ai"
+              target="_blank"
+              className="system-xs-medium-uppercase inline-block text-text-accent"
             >
               {t('datasetPipeline.publishTemplate.success.learnMore')}
             </Link>
@@ -221,30 +221,34 @@ const Popup = () => {
   }, [isAllowPublishAsCustomKnowledgePipelineTemplate, setShowPublishAsKnowledgePipelineModal, setShowPricingModal])
 
   return (
-    <div className={cn('rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5',
-      isAllowPublishAsCustomKnowledgePipelineTemplate ? 'w-[360px]' : 'w-[400px]')}>
-      <div className='p-4 pt-3'>
-        <div className='system-xs-medium-uppercase flex h-6 items-center text-text-tertiary'>
+    <div className={cn('rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5', isAllowPublishAsCustomKnowledgePipelineTemplate ? 'w-[360px]' : 'w-[400px]')}>
+      <div className="p-4 pt-3">
+        <div className="system-xs-medium-uppercase flex h-6 items-center text-text-tertiary">
           {publishedAt ? t('workflow.common.latestPublished') : t('workflow.common.currentDraftUnpublished')}
         </div>
         {
           publishedAt
             ? (
-              <div className='flex items-center justify-between'>
-                <div className='system-sm-medium flex items-center text-text-secondary'>
-                  {t('workflow.common.publishedAt')} {formatTimeFromNow(publishedAt)}
+                <div className="flex items-center justify-between">
+                  <div className="system-sm-medium flex items-center text-text-secondary">
+                    {t('workflow.common.publishedAt')}
+                    {' '}
+                    {formatTimeFromNow(publishedAt)}
+                  </div>
                 </div>
-              </div>
-            )
+              )
             : (
-              <div className='system-sm-medium flex items-center text-text-secondary'>
-                {t('workflow.common.autoSaved')} · {Boolean(draftUpdatedAt) && formatTimeFromNow(draftUpdatedAt!)}
-              </div>
-            )
+                <div className="system-sm-medium flex items-center text-text-secondary">
+                  {t('workflow.common.autoSaved')}
+                  {' '}
+                  ·
+                  {Boolean(draftUpdatedAt) && formatTimeFromNow(draftUpdatedAt!)}
+                </div>
+              )
         }
         <Button
-          variant='primary'
-          className='mt-3 w-full'
+          variant="primary"
+          className="mt-3 w-full"
           onClick={() => handlePublish()}
           disabled={published || publishing}
         >
@@ -252,66 +256,66 @@ const Popup = () => {
             published
               ? t('workflow.common.published')
               : (
-                <div className='flex gap-1'>
-                  <span>{t('workflow.common.publishUpdate')}</span>
-                  <div className='flex gap-0.5'>
-                    {PUBLISH_SHORTCUT.map(key => (
-                      <span key={key} className='system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white text-text-primary-on-surface'>
-                        {getKeyboardKeyNameBySystem(key)}
-                      </span>
-                    ))}
+                  <div className="flex gap-1">
+                    <span>{t('workflow.common.publishUpdate')}</span>
+                    <div className="flex gap-0.5">
+                      {PUBLISH_SHORTCUT.map(key => (
+                        <span key={key} className="system-kbd h-4 w-4 rounded-[4px] bg-components-kbd-bg-white text-text-primary-on-surface">
+                          {getKeyboardKeyNameBySystem(key)}
+                        </span>
+                      ))}
+                    </div>
                   </div>
-                </div>
-              )
+                )
           }
         </Button>
       </div>
-      <div className='border-t-[0.5px] border-t-divider-regular p-4 pt-3'>
+      <div className="border-t-[0.5px] border-t-divider-regular p-4 pt-3">
         <Button
-          className='mb-1 w-full hover:bg-state-accent-hover hover:text-text-accent'
-          variant='tertiary'
+          className="mb-1 w-full hover:bg-state-accent-hover hover:text-text-accent"
+          variant="tertiary"
           onClick={goToAddDocuments}
           disabled={!publishedAt}
         >
-          <div className='flex grow items-center'>
-            <RiPlayCircleLine className='mr-2 h-4 w-4' />
+          <div className="flex grow items-center">
+            <RiPlayCircleLine className="mr-2 h-4 w-4" />
             {t('pipeline.common.goToAddDocuments')}
           </div>
-          <RiArrowRightUpLine className='ml-2 h-4 w-4 shrink-0' />
+          <RiArrowRightUpLine className="ml-2 h-4 w-4 shrink-0" />
         </Button>
         <Link
           href={apiReferenceUrl}
-          target='_blank'
-          rel='noopener noreferrer'
+          target="_blank"
+          rel="noopener noreferrer"
         >
           <Button
-            className='w-full hover:bg-state-accent-hover hover:text-text-accent'
-            variant='tertiary'
+            className="w-full hover:bg-state-accent-hover hover:text-text-accent"
+            variant="tertiary"
             disabled={!publishedAt}
           >
-            <div className='flex grow items-center'>
-              <RiTerminalBoxLine className='mr-2 h-4 w-4' />
+            <div className="flex grow items-center">
+              <RiTerminalBoxLine className="mr-2 h-4 w-4" />
               {t('workflow.common.accessAPIReference')}
             </div>
-            <RiArrowRightUpLine className='ml-2 h-4 w-4 shrink-0' />
+            <RiArrowRightUpLine className="ml-2 h-4 w-4 shrink-0" />
           </Button>
         </Link>
-        <Divider className='my-2' />
+        <Divider className="my-2" />
         <Button
-          className='w-full hover:bg-state-accent-hover hover:text-text-accent'
-          variant='tertiary'
+          className="w-full hover:bg-state-accent-hover hover:text-text-accent"
+          variant="tertiary"
           onClick={handleClickPublishAsKnowledgePipeline}
           disabled={!publishedAt || isPublishingAsCustomizedPipeline}
         >
-          <div className='flex grow items-center gap-x-2 overflow-hidden'>
-            <RiHammerLine className='h-4 w-4 shrink-0' />
-            <span className='grow truncate text-left' title={t('pipeline.common.publishAs')}>
+          <div className="flex grow items-center gap-x-2 overflow-hidden">
+            <RiHammerLine className="h-4 w-4 shrink-0" />
+            <span className="grow truncate text-left" title={t('pipeline.common.publishAs')}>
               {t('pipeline.common.publishAs')}
             </span>
             {!isAllowPublishAsCustomKnowledgePipelineTemplate && (
-              <PremiumBadge className='shrink-0 cursor-pointer select-none' size='s' color='indigo'>
-                <SparklesSoft className='flex size-3 items-center text-components-premium-badge-indigo-text-stop-0' />
-                <span className='system-2xs-medium p-0.5'>
+              <PremiumBadge className="shrink-0 cursor-pointer select-none" size="s" color="indigo">
+                <SparklesSoft className="flex size-3 items-center text-components-premium-badge-indigo-text-stop-0" />
+                <span className="system-2xs-medium p-0.5">
                   {t('billing.upgradeBtn.encourageShort')}
                 </span>
               </PremiumBadge>
diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-header/run-mode.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-header/run-mode.tsx
index b32749bfee..4d5066a285 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-header/run-mode.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-header/run-mode.tsx
@@ -1,14 +1,14 @@
+import { RiCloseLine, RiDatabase2Line, RiLoader2Line, RiPlayLargeLine } from '@remixicon/react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { StopCircle } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
 import { useWorkflowRun, useWorkflowStartRun } from '@/app/components/workflow/hooks'
 import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
 import { WorkflowRunningStatus } from '@/app/components/workflow/types'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
 import { getKeyboardKeyNameBySystem } from '@/app/components/workflow/utils'
+import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { cn } from '@/utils/classnames'
-import { RiCloseLine, RiDatabase2Line, RiLoader2Line, RiPlayLargeLine } from '@remixicon/react'
-import { StopCircle } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
 
 type RunModeProps = {
   text?: string
@@ -44,9 +44,9 @@ const RunMode = ({
   })
 
   return (
-    <div className='flex items-center gap-x-px'>
+    <div className="flex items-center gap-x-px">
       <button
-        type='button'
+        type="button"
         className={cn(
           'system-xs-medium flex h-7 items-center gap-x-1 px-1.5 text-text-accent hover:bg-state-accent-hover',
           isDisabled && 'cursor-not-allowed bg-state-accent-hover',
@@ -59,29 +59,29 @@ const RunMode = ({
       >
         {!isDisabled && (
           <>
-            <RiPlayLargeLine className='mr-1 size-4' />
+            <RiPlayLargeLine className="mr-1 size-4" />
             {workflowRunningData ? t('pipeline.common.reRun') : (text ?? t('pipeline.common.testRun'))}
           </>
         )}
         {isRunning && (
           <>
-            <RiLoader2Line className='mr-1 size-4 animate-spin' />
+            <RiLoader2Line className="mr-1 size-4 animate-spin" />
             {t('pipeline.common.processing')}
           </>
         )}
         {isPreparingDataSource && (
           <>
-            <RiDatabase2Line className='mr-1 size-4' />
+            <RiDatabase2Line className="mr-1 size-4" />
             {t('pipeline.common.preparingDataSource')}
           </>
         )}
         {
           !isDisabled && (
-            <div className='system-kbd flex items-center gap-x-0.5 text-text-tertiary'>
-              <div className='flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray'>
+            <div className="system-kbd flex items-center gap-x-0.5 text-text-tertiary">
+              <div className="flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray">
                 {getKeyboardKeyNameBySystem('alt')}
               </div>
-              <div className='flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray'>
+              <div className="flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray">
                 R
               </div>
             </div>
@@ -90,24 +90,24 @@ const RunMode = ({
       </button>
       {isRunning && (
         <button
-          type='button'
+          type="button"
           className={cn(
             'flex size-7 items-center justify-center rounded-r-md bg-state-accent-active',
           )}
           onClick={handleStop}
         >
-          <StopCircle className='size-4 text-text-accent' />
+          <StopCircle className="size-4 text-text-accent" />
         </button>
       )}
       {isPreparingDataSource && (
         <button
-          type='button'
+          type="button"
           className={cn(
             'flex size-7 items-center justify-center rounded-r-md bg-state-accent-active',
           )}
           onClick={handleCancelPreparingDataSource}
         >
-          <RiCloseLine className='size-4 text-text-accent' />
+          <RiCloseLine className="size-4 text-text-accent" />
         </button>
       )}
     </div>
diff --git a/web/app/components/rag-pipeline/components/rag-pipeline-main.tsx b/web/app/components/rag-pipeline/components/rag-pipeline-main.tsx
index 137352f947..7175b0675e 100644
--- a/web/app/components/rag-pipeline/components/rag-pipeline-main.tsx
+++ b/web/app/components/rag-pipeline/components/rag-pipeline-main.tsx
@@ -1,10 +1,11 @@
+import type { WorkflowProps } from '@/app/components/workflow'
 import {
   useCallback,
   useMemo,
 } from 'react'
 import { WorkflowWithInnerContext } from '@/app/components/workflow'
-import type { WorkflowProps } from '@/app/components/workflow'
-import RagPipelineChildren from './rag-pipeline-children'
+import { useSetWorkflowVarsWithValue } from '@/app/components/workflow/hooks/use-fetch-workflow-inspect-vars'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 import {
   useAvailableNodesMetaData,
   useDSL,
@@ -14,10 +15,9 @@ import {
   usePipelineRun,
   usePipelineStartRun,
 } from '../hooks'
-import { useWorkflowStore } from '@/app/components/workflow/store'
 import { useConfigsMap } from '../hooks/use-configs-map'
-import { useSetWorkflowVarsWithValue } from '@/app/components/workflow/hooks/use-fetch-workflow-inspect-vars'
 import { useInspectVarsCrud } from '../hooks/use-inspect-vars-crud'
+import RagPipelineChildren from './rag-pipeline-children'
 
 type RagPipelineMainProps = Pick<WorkflowProps, 'nodes' | 'edges' | 'viewport'>
 const RagPipelineMain = ({
diff --git a/web/app/components/rag-pipeline/components/screenshot.tsx b/web/app/components/rag-pipeline/components/screenshot.tsx
index b434a03f34..dae6f04161 100644
--- a/web/app/components/rag-pipeline/components/screenshot.tsx
+++ b/web/app/components/rag-pipeline/components/screenshot.tsx
@@ -1,7 +1,7 @@
+import Image from 'next/image'
 import React from 'react'
 import useTheme from '@/hooks/use-theme'
 import { basePath } from '@/utils/var'
-import Image from 'next/image'
 
 const PipelineScreenShot = () => {
   const { theme } = useTheme()
@@ -13,8 +13,10 @@ const PipelineScreenShot = () => {
       <source media="(resolution: 3x)" srcSet={`${basePath}/screenshots/${theme}/Pipeline@3x.png`} />
       <Image
         src={`${basePath}/screenshots/${theme}/Pipeline.png`}
-        alt='Pipeline Screenshot'
-        width={692} height={456} />
+        alt="Pipeline Screenshot"
+        width={692}
+        height={456}
+      />
     </picture>
   )
 }
diff --git a/web/app/components/rag-pipeline/components/update-dsl-modal.tsx b/web/app/components/rag-pipeline/components/update-dsl-modal.tsx
index 6afa367fff..c81582dac6 100644
--- a/web/app/components/rag-pipeline/components/update-dsl-modal.tsx
+++ b/web/app/components/rag-pipeline/components/update-dsl-modal.tsx
@@ -1,40 +1,40 @@
 'use client'
 
 import type { MouseEventHandler } from 'react'
+import {
+  RiAlertFill,
+  RiCloseLine,
+  RiFileDownloadLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
   useRef,
   useState,
 } from 'react'
-import { useContext } from 'use-context-selector'
 import { useTranslation } from 'react-i18next'
-import {
-  RiAlertFill,
-  RiCloseLine,
-  RiFileDownloadLine,
-} from '@remixicon/react'
+import { useContext } from 'use-context-selector'
+import Uploader from '@/app/components/app/create-from-dsl-modal/uploader'
+import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+import { ToastContext } from '@/app/components/base/toast'
 import { WORKFLOW_DATA_UPDATE } from '@/app/components/workflow/constants'
+import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 import {
   initialEdges,
   initialNodes,
 } from '@/app/components/workflow/utils'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import {
+  DSLImportMode,
+  DSLImportStatus,
+} from '@/models/app'
 import {
   useImportPipelineDSL,
   useImportPipelineDSLConfirm,
 } from '@/service/use-pipeline'
 import { fetchWorkflowDraft } from '@/service/workflow'
-import {
-  DSLImportMode,
-  DSLImportStatus,
-} from '@/models/app'
-import Uploader from '@/app/components/app/create-from-dsl-modal/uploader'
-import Button from '@/app/components/base/button'
-import Modal from '@/app/components/base/modal'
-import { ToastContext } from '@/app/components/base/toast'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
-import { useWorkflowStore } from '@/app/components/workflow/store'
 
 type UpdateDSLModalProps = {
   onCancel: () => void
@@ -55,7 +55,7 @@ const UpdateDSLModal = ({
   const { eventEmitter } = useEventEmitterContextContext()
   const [show, setShow] = useState(true)
   const [showErrorModal, setShowErrorModal] = useState(false)
-  const [versions, setVersions] = useState<{ importedVersion: string; systemVersion: string }>()
+  const [versions, setVersions] = useState<{ importedVersion: string, systemVersion: string }>()
   const [importId, setImportId] = useState<string>()
   const { handleCheckPluginDependencies } = usePluginDependencies()
   const { mutateAsync: importDSL } = useImportPipelineDSL()
@@ -192,32 +192,32 @@ const UpdateDSLModal = ({
   return (
     <>
       <Modal
-        className='w-[520px] rounded-2xl p-6'
+        className="w-[520px] rounded-2xl p-6"
         isShow={show}
         onClose={onCancel}
       >
-        <div className='mb-3 flex items-center justify-between'>
-          <div className='title-2xl-semi-bold text-text-primary'>{t('workflow.common.importDSL')}</div>
-          <div className='flex h-[22px] w-[22px] cursor-pointer items-center justify-center' onClick={onCancel}>
-            <RiCloseLine className='h-[18px] w-[18px] text-text-tertiary' />
+        <div className="mb-3 flex items-center justify-between">
+          <div className="title-2xl-semi-bold text-text-primary">{t('workflow.common.importDSL')}</div>
+          <div className="flex h-[22px] w-[22px] cursor-pointer items-center justify-center" onClick={onCancel}>
+            <RiCloseLine className="h-[18px] w-[18px] text-text-tertiary" />
           </div>
         </div>
-        <div className='relative mb-2 flex grow gap-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs'>
-          <div className='absolute left-0 top-0 h-full w-full bg-toast-warning-bg opacity-40' />
-          <div className='flex items-start justify-center p-1'>
-            <RiAlertFill className='h-4 w-4 shrink-0 text-text-warning-secondary' />
+        <div className="relative mb-2 flex grow gap-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs">
+          <div className="absolute left-0 top-0 h-full w-full bg-toast-warning-bg opacity-40" />
+          <div className="flex items-start justify-center p-1">
+            <RiAlertFill className="h-4 w-4 shrink-0 text-text-warning-secondary" />
           </div>
-          <div className='flex grow flex-col items-start gap-0.5 py-1'>
-            <div className='system-xs-medium whitespace-pre-line text-text-primary'>{t('workflow.common.importDSLTip')}</div>
-            <div className='flex items-start gap-1 self-stretch pb-0.5 pt-1'>
+          <div className="flex grow flex-col items-start gap-0.5 py-1">
+            <div className="system-xs-medium whitespace-pre-line text-text-primary">{t('workflow.common.importDSLTip')}</div>
+            <div className="flex items-start gap-1 self-stretch pb-0.5 pt-1">
               <Button
-                size='small'
-                variant='secondary'
-                className='z-[1000]'
+                size="small"
+                variant="secondary"
+                className="z-[1000]"
                 onClick={onBackup}
               >
-                <RiFileDownloadLine className='h-3.5 w-3.5 text-components-button-secondary-text' />
-                <div className='flex items-center justify-center gap-1 px-[3px]'>
+                <RiFileDownloadLine className="h-3.5 w-3.5 text-components-button-secondary-text" />
+                <div className="flex items-center justify-center gap-1 px-[3px]">
                   {t('workflow.common.backupCurrentDraft')}
                 </div>
               </Button>
@@ -225,24 +225,24 @@ const UpdateDSLModal = ({
           </div>
         </div>
         <div>
-          <div className='system-md-semibold pt-2 text-text-primary'>
+          <div className="system-md-semibold pt-2 text-text-primary">
             {t('workflow.common.chooseDSL')}
           </div>
-          <div className='flex w-full flex-col items-start justify-center gap-4 self-stretch py-4'>
+          <div className="flex w-full flex-col items-start justify-center gap-4 self-stretch py-4">
             <Uploader
               file={currentFile}
               updateFile={handleFile}
-              className='!mt-0 w-full'
-              accept='.pipeline'
-              displayName='PIPELINE'
+              className="!mt-0 w-full"
+              accept=".pipeline"
+              displayName="PIPELINE"
             />
           </div>
         </div>
-        <div className='flex items-center justify-end gap-2 self-stretch pt-5'>
+        <div className="flex items-center justify-end gap-2 self-stretch pt-5">
           <Button onClick={onCancel}>{t('app.newApp.Cancel')}</Button>
           <Button
             disabled={!currentFile || loading}
-            variant='warning'
+            variant="warning"
             onClick={handleImport}
             loading={loading}
           >
@@ -253,21 +253,27 @@ const UpdateDSLModal = ({
       <Modal
         isShow={showErrorModal}
         onClose={() => setShowErrorModal(false)}
-        className='w-[480px]'
+        className="w-[480px]"
       >
-        <div className='flex flex-col items-start gap-2 self-stretch pb-4'>
-          <div className='title-2xl-semi-bold text-text-primary'>{t('app.newApp.appCreateDSLErrorTitle')}</div>
-          <div className='system-md-regular flex grow flex-col text-text-secondary'>
+        <div className="flex flex-col items-start gap-2 self-stretch pb-4">
+          <div className="title-2xl-semi-bold text-text-primary">{t('app.newApp.appCreateDSLErrorTitle')}</div>
+          <div className="system-md-regular flex grow flex-col text-text-secondary">
             <div>{t('app.newApp.appCreateDSLErrorPart1')}</div>
             <div>{t('app.newApp.appCreateDSLErrorPart2')}</div>
             <br />
-            <div>{t('app.newApp.appCreateDSLErrorPart3')}<span className='system-md-medium'>{versions?.importedVersion}</span></div>
-            <div>{t('app.newApp.appCreateDSLErrorPart4')}<span className='system-md-medium'>{versions?.systemVersion}</span></div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart3')}
+              <span className="system-md-medium">{versions?.importedVersion}</span>
+            </div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart4')}
+              <span className="system-md-medium">{versions?.systemVersion}</span>
+            </div>
           </div>
         </div>
-        <div className='flex items-start justify-end gap-2 self-stretch pt-6'>
-          <Button variant='secondary' onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
-          <Button variant='primary' destructive onClick={onUpdateDSLConfirm}>{t('app.newApp.Confirm')}</Button>
+        <div className="flex items-start justify-end gap-2 self-stretch pt-6">
+          <Button variant="secondary" onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
+          <Button variant="primary" destructive onClick={onUpdateDSLConfirm}>{t('app.newApp.Confirm')}</Button>
         </div>
       </Modal>
     </>
diff --git a/web/app/components/rag-pipeline/hooks/index.ts b/web/app/components/rag-pipeline/hooks/index.ts
index 534de9f8c9..c7ad7f6f92 100644
--- a/web/app/components/rag-pipeline/hooks/index.ts
+++ b/web/app/components/rag-pipeline/hooks/index.ts
@@ -1,9 +1,9 @@
 export * from './use-available-nodes-meta-data'
-export * from './use-pipeline-refresh-draft'
+export * from './use-DSL'
+export * from './use-get-run-and-trace-url'
+export * from './use-input-field-panel'
 export * from './use-nodes-sync-draft'
+export * from './use-pipeline-init'
+export * from './use-pipeline-refresh-draft'
 export * from './use-pipeline-run'
 export * from './use-pipeline-start-run'
-export * from './use-pipeline-init'
-export * from './use-get-run-and-trace-url'
-export * from './use-DSL'
-export * from './use-input-field-panel'
diff --git a/web/app/components/rag-pipeline/hooks/use-DSL.ts b/web/app/components/rag-pipeline/hooks/use-DSL.ts
index d4cfebd5b0..c22f94d4e5 100644
--- a/web/app/components/rag-pipeline/hooks/use-DSL.ts
+++ b/web/app/components/rag-pipeline/hooks/use-DSL.ts
@@ -3,15 +3,15 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useToastContext } from '@/app/components/base/toast'
 import {
   DSL_EXPORT_CHECK,
 } from '@/app/components/workflow/constants'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { fetchWorkflowDraft } from '@/service/workflow'
-import { useToastContext } from '@/app/components/base/toast'
 import { useWorkflowStore } from '@/app/components/workflow/store'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { useExportPipelineDSL } from '@/service/use-pipeline'
+import { fetchWorkflowDraft } from '@/service/workflow'
+import { useNodesSyncDraft } from './use-nodes-sync-draft'
 
 export const useDSL = () => {
   const { t } = useTranslation()
diff --git a/web/app/components/rag-pipeline/hooks/use-available-nodes-meta-data.ts b/web/app/components/rag-pipeline/hooks/use-available-nodes-meta-data.ts
index cd7a877adf..6464534c83 100644
--- a/web/app/components/rag-pipeline/hooks/use-available-nodes-meta-data.ts
+++ b/web/app/components/rag-pipeline/hooks/use-available-nodes-meta-data.ts
@@ -1,12 +1,12 @@
+import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store/store'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useGetLanguage } from '@/context/i18n'
-import knowledgeBaseDefault from '@/app/components/workflow/nodes/knowledge-base/default'
-import dataSourceDefault from '@/app/components/workflow/nodes/data-source/default'
-import dataSourceEmptyDefault from '@/app/components/workflow/nodes/data-source-empty/default'
 import { WORKFLOW_COMMON_NODES } from '@/app/components/workflow/constants/node'
-import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store/store'
+import dataSourceEmptyDefault from '@/app/components/workflow/nodes/data-source-empty/default'
+import dataSourceDefault from '@/app/components/workflow/nodes/data-source/default'
+import knowledgeBaseDefault from '@/app/components/workflow/nodes/knowledge-base/default'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { useGetLanguage } from '@/context/i18n'
 
 export const useAvailableNodesMetaData = () => {
   const { t } = useTranslation()
diff --git a/web/app/components/rag-pipeline/hooks/use-configs-map.ts b/web/app/components/rag-pipeline/hooks/use-configs-map.ts
index c628cedd7d..aa76dbf6ca 100644
--- a/web/app/components/rag-pipeline/hooks/use-configs-map.ts
+++ b/web/app/components/rag-pipeline/hooks/use-configs-map.ts
@@ -1,7 +1,7 @@
 import { useMemo } from 'react'
 import { useStore } from '@/app/components/workflow/store'
-import { FlowType } from '@/types/common'
 import { Resolution, TransferMethod } from '@/types/app'
+import { FlowType } from '@/types/common'
 
 export const useConfigsMap = () => {
   const pipelineId = useStore(s => s.pipelineId)
diff --git a/web/app/components/rag-pipeline/hooks/use-input-field-panel.ts b/web/app/components/rag-pipeline/hooks/use-input-field-panel.ts
index a0d9654b23..c6f43caffd 100644
--- a/web/app/components/rag-pipeline/hooks/use-input-field-panel.ts
+++ b/web/app/components/rag-pipeline/hooks/use-input-field-panel.ts
@@ -1,6 +1,6 @@
+import type { InputFieldEditorProps } from '../components/panel/input-field/editor'
 import { useCallback, useMemo } from 'react'
 import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
-import type { InputFieldEditorProps } from '../components/panel/input-field/editor'
 
 export const useInputFieldPanel = () => {
   const workflowStore = useWorkflowStore()
diff --git a/web/app/components/rag-pipeline/hooks/use-input-fields.ts b/web/app/components/rag-pipeline/hooks/use-input-fields.ts
index 275d49a4ed..09ca5e3887 100644
--- a/web/app/components/rag-pipeline/hooks/use-input-fields.ts
+++ b/web/app/components/rag-pipeline/hooks/use-input-fields.ts
@@ -1,7 +1,8 @@
-import { useMemo } from 'react'
 import type { BaseConfiguration } from '@/app/components/base/form/form-scenarios/base/types'
-import { type RAGPipelineVariables, VAR_TYPE_MAP } from '@/models/pipeline'
+import type { RAGPipelineVariables } from '@/models/pipeline'
+import { useMemo } from 'react'
 import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
+import { VAR_TYPE_MAP } from '@/models/pipeline'
 
 export const useInitialData = (variables: RAGPipelineVariables, lastRunInputData?: Record<string, any>) => {
   const initialData = useMemo(() => {
diff --git a/web/app/components/rag-pipeline/hooks/use-nodes-sync-draft.ts b/web/app/components/rag-pipeline/hooks/use-nodes-sync-draft.ts
index b70a2e6a34..f30e22cc23 100644
--- a/web/app/components/rag-pipeline/hooks/use-nodes-sync-draft.ts
+++ b/web/app/components/rag-pipeline/hooks/use-nodes-sync-draft.ts
@@ -1,13 +1,13 @@
-import { useCallback } from 'react'
 import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import {
-  useWorkflowStore,
-} from '@/app/components/workflow/store'
+import { useSerialAsyncCallback } from '@/app/components/workflow/hooks/use-serial-async-callback'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks/use-workflow'
-import { useSerialAsyncCallback } from '@/app/components/workflow/hooks/use-serial-async-callback'
+import {
+  useWorkflowStore,
+} from '@/app/components/workflow/store'
 import { API_PREFIX } from '@/config'
 import { syncWorkflowDraft } from '@/service/workflow'
 import { usePipelineRefreshDraft } from '.'
diff --git a/web/app/components/rag-pipeline/hooks/use-pipeline-config.ts b/web/app/components/rag-pipeline/hooks/use-pipeline-config.ts
index 38168d1e93..1d1b214624 100644
--- a/web/app/components/rag-pipeline/hooks/use-pipeline-config.ts
+++ b/web/app/components/rag-pipeline/hooks/use-pipeline-config.ts
@@ -1,14 +1,14 @@
+import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
+import type { FileUploadConfigResponse } from '@/models/common'
+import type { FetchWorkflowDraftResponse } from '@/types/workflow'
 import { useCallback } from 'react'
 import {
   useStore,
   useWorkflowStore,
 } from '@/app/components/workflow/store'
-import { useWorkflowConfig } from '@/service/use-workflow'
-import type { FetchWorkflowDraftResponse } from '@/types/workflow'
 import { useDataSourceList } from '@/service/use-pipeline'
-import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
+import { useWorkflowConfig } from '@/service/use-workflow'
 import { basePath } from '@/utils/var'
-import type { FileUploadConfigResponse } from '@/models/common'
 
 export const usePipelineConfig = () => {
   const pipelineId = useStore(s => s.pipelineId)
diff --git a/web/app/components/rag-pipeline/hooks/use-pipeline-init.ts b/web/app/components/rag-pipeline/hooks/use-pipeline-init.ts
index 6af72bee05..db5eb95fca 100644
--- a/web/app/components/rag-pipeline/hooks/use-pipeline-init.ts
+++ b/web/app/components/rag-pipeline/hooks/use-pipeline-init.ts
@@ -1,3 +1,4 @@
+import type { FetchWorkflowDraftResponse } from '@/types/workflow'
 import {
   useCallback,
   useEffect,
@@ -6,14 +7,13 @@ import {
 import {
   useWorkflowStore,
 } from '@/app/components/workflow/store'
-import { usePipelineTemplate } from './use-pipeline-template'
+import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import {
   fetchWorkflowDraft,
   syncWorkflowDraft,
 } from '@/service/workflow'
-import type { FetchWorkflowDraftResponse } from '@/types/workflow'
-import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import { usePipelineConfig } from './use-pipeline-config'
+import { usePipelineTemplate } from './use-pipeline-template'
 
 export const usePipelineInit = () => {
   const workflowStore = useWorkflowStore()
diff --git a/web/app/components/rag-pipeline/hooks/use-pipeline-refresh-draft.ts b/web/app/components/rag-pipeline/hooks/use-pipeline-refresh-draft.ts
index 1da09fdc28..8909af4c4c 100644
--- a/web/app/components/rag-pipeline/hooks/use-pipeline-refresh-draft.ts
+++ b/web/app/components/rag-pipeline/hooks/use-pipeline-refresh-draft.ts
@@ -1,8 +1,8 @@
+import type { WorkflowDataUpdater } from '@/app/components/workflow/types'
 import { useCallback } from 'react'
+import { useWorkflowUpdate } from '@/app/components/workflow/hooks'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import { fetchWorkflowDraft } from '@/service/workflow'
-import type { WorkflowDataUpdater } from '@/app/components/workflow/types'
-import { useWorkflowUpdate } from '@/app/components/workflow/hooks'
 import { processNodesWithoutDataSource } from '../utils'
 
 export const usePipelineRefreshDraft = () => {
diff --git a/web/app/components/rag-pipeline/hooks/use-pipeline-run.ts b/web/app/components/rag-pipeline/hooks/use-pipeline-run.ts
index 57d79d89bb..1f53262482 100644
--- a/web/app/components/rag-pipeline/hooks/use-pipeline-run.ts
+++ b/web/app/components/rag-pipeline/hooks/use-pipeline-run.ts
@@ -1,21 +1,21 @@
+import type { IOtherOptions } from '@/service/base'
+import type { VersionHistory } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import { produce } from 'immer'
-import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import { useSetWorkflowVarsWithValue } from '@/app/components/workflow/hooks/use-fetch-workflow-inspect-vars'
 import { useWorkflowUpdate } from '@/app/components/workflow/hooks/use-workflow-interactions'
 import { useWorkflowRunEvent } from '@/app/components/workflow/hooks/use-workflow-run-event/use-workflow-run-event'
-import type { IOtherOptions } from '@/service/base'
+import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
+import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import { ssePost } from '@/service/base'
-import { stopWorkflowRun } from '@/service/workflow'
-import type { VersionHistory } from '@/types/workflow'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
-import { useSetWorkflowVarsWithValue } from '@/app/components/workflow/hooks/use-fetch-workflow-inspect-vars'
 import { useInvalidAllLastRun } from '@/service/use-workflow'
+import { stopWorkflowRun } from '@/service/workflow'
 import { FlowType } from '@/types/common'
+import { useNodesSyncDraft } from './use-nodes-sync-draft'
 
 export const usePipelineRun = () => {
   const store = useStoreApi()
@@ -286,8 +286,7 @@ export const usePipelineRun = () => {
     handleWorkflowTextChunk,
     handleWorkflowTextReplace,
     handleWorkflowAgentLog,
-  ],
-  )
+  ])
 
   const handleStopRun = useCallback((taskId: string) => {
     const { pipelineId } = workflowStore.getState()
diff --git a/web/app/components/rag-pipeline/hooks/use-pipeline-start-run.tsx b/web/app/components/rag-pipeline/hooks/use-pipeline-start-run.tsx
index 9f9e6d0f2b..ca57aefeb0 100644
--- a/web/app/components/rag-pipeline/hooks/use-pipeline-start-run.tsx
+++ b/web/app/components/rag-pipeline/hooks/use-pipeline-start-run.tsx
@@ -1,9 +1,9 @@
 import { useCallback } from 'react'
+import { useWorkflowInteractions } from '@/app/components/workflow/hooks'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import {
   WorkflowRunningStatus,
 } from '@/app/components/workflow/types'
-import { useWorkflowInteractions } from '@/app/components/workflow/hooks'
 import {
   useInputFieldPanel,
   useNodesSyncDraft,
diff --git a/web/app/components/rag-pipeline/hooks/use-pipeline-template.ts b/web/app/components/rag-pipeline/hooks/use-pipeline-template.ts
index 2695fc74aa..5955ee5c45 100644
--- a/web/app/components/rag-pipeline/hooks/use-pipeline-template.ts
+++ b/web/app/components/rag-pipeline/hooks/use-pipeline-template.ts
@@ -1,10 +1,10 @@
+import type { KnowledgeBaseNodeType } from '@/app/components/workflow/nodes/knowledge-base/types'
 import { useTranslation } from 'react-i18next'
-import { generateNewNode } from '@/app/components/workflow/utils'
 import {
   START_INITIAL_POSITION,
 } from '@/app/components/workflow/constants'
-import type { KnowledgeBaseNodeType } from '@/app/components/workflow/nodes/knowledge-base/types'
 import knowledgeBaseDefault from '@/app/components/workflow/nodes/knowledge-base/default'
+import { generateNewNode } from '@/app/components/workflow/utils'
 
 export const usePipelineTemplate = () => {
   const { t } = useTranslation()
diff --git a/web/app/components/rag-pipeline/hooks/use-pipeline.tsx b/web/app/components/rag-pipeline/hooks/use-pipeline.tsx
index 8ac73b7342..779a38df99 100644
--- a/web/app/components/rag-pipeline/hooks/use-pipeline.tsx
+++ b/web/app/components/rag-pipeline/hooks/use-pipeline.tsx
@@ -1,9 +1,10 @@
+import type { DataSourceNodeType } from '../../workflow/nodes/data-source/types'
+import type { Node, ValueSelector } from '../../workflow/types'
+import { uniqBy } from 'lodash-es'
 import { useCallback } from 'react'
 import { getOutgoers, useStoreApi } from 'reactflow'
-import { BlockEnum, type Node, type ValueSelector } from '../../workflow/types'
-import { uniqBy } from 'lodash-es'
 import { findUsedVarNodes, updateNodeVars } from '../../workflow/nodes/_base/components/variable/utils'
-import type { DataSourceNodeType } from '../../workflow/nodes/data-source/types'
+import { BlockEnum } from '../../workflow/types'
 
 export const usePipeline = () => {
   const store = useStoreApi()
diff --git a/web/app/components/rag-pipeline/hooks/use-rag-pipeline-search.tsx b/web/app/components/rag-pipeline/hooks/use-rag-pipeline-search.tsx
index 4b0e1f1973..b999f5ccc8 100644
--- a/web/app/components/rag-pipeline/hooks/use-rag-pipeline-search.tsx
+++ b/web/app/components/rag-pipeline/hooks/use-rag-pipeline-search.tsx
@@ -1,17 +1,17 @@
 'use client'
 
-import { useCallback, useEffect, useMemo } from 'react'
-import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
-import { useNodesInteractions } from '@/app/components/workflow/hooks/use-nodes-interactions'
-import type { CommonNodeType } from '@/app/components/workflow/types'
-import { ragPipelineNodesAction } from '@/app/components/goto-anything/actions/rag-pipeline-nodes'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import { setupNodeSelectionListener } from '@/app/components/workflow/utils/node-navigation'
-import { BlockEnum } from '@/app/components/workflow/types'
+import type { KnowledgeRetrievalNodeType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import type { LLMNodeType } from '@/app/components/workflow/nodes/llm/types'
 import type { ToolNodeType } from '@/app/components/workflow/nodes/tool/types'
-import type { KnowledgeRetrievalNodeType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import type { CommonNodeType } from '@/app/components/workflow/types'
+import { useCallback, useEffect, useMemo } from 'react'
+import { ragPipelineNodesAction } from '@/app/components/goto-anything/actions/rag-pipeline-nodes'
+import BlockIcon from '@/app/components/workflow/block-icon'
+import { useNodesInteractions } from '@/app/components/workflow/hooks/use-nodes-interactions'
 import { useGetToolIcon } from '@/app/components/workflow/hooks/use-tool-icon'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { setupNodeSelectionListener } from '@/app/components/workflow/utils/node-navigation'
 
 /**
  * Hook to register RAG pipeline nodes search functionality
@@ -55,27 +55,30 @@ export const useRagPipelineSearch = () => {
         blockType: nodeData.type,
         nodeData,
         toolIcon: getToolIcon(nodeData),
-        modelInfo: nodeData.type === BlockEnum.LLM ? {
-          provider: (nodeData as LLMNodeType).model?.provider,
-          name: (nodeData as LLMNodeType).model?.name,
-          mode: (nodeData as LLMNodeType).model?.mode,
-        } : {
-          provider: undefined,
-          name: undefined,
-          mode: undefined,
-        },
+        modelInfo: nodeData.type === BlockEnum.LLM
+          ? {
+              provider: (nodeData as LLMNodeType).model?.provider,
+              name: (nodeData as LLMNodeType).model?.name,
+              mode: (nodeData as LLMNodeType).model?.mode,
+            }
+          : {
+              provider: undefined,
+              name: undefined,
+              mode: undefined,
+            },
       }
     })
   }, [nodes, getToolIcon])
 
   // Calculate relevance score for search results
   const calculateScore = useCallback((node: {
-    title: string;
-    type: string;
-    desc: string;
-    modelInfo: { provider?: string; name?: string; mode?: string }
+    title: string
+    type: string
+    desc: string
+    modelInfo: { provider?: string, name?: string, mode?: string }
   }, searchTerm: string): number => {
-    if (!searchTerm) return 1
+    if (!searchTerm)
+      return 1
 
     let score = 0
     const term = searchTerm.toLowerCase()
@@ -105,7 +108,8 @@ export const useRagPipelineSearch = () => {
 
   // Create search function for RAG pipeline nodes
   const searchRagPipelineNodes = useCallback((query: string) => {
-    if (!searchableNodes.length) return []
+    if (!searchableNodes.length)
+      return []
 
     const searchTerm = query.toLowerCase().trim()
 
@@ -113,32 +117,35 @@ export const useRagPipelineSearch = () => {
       .map((node) => {
         const score = calculateScore(node, searchTerm)
 
-        return score > 0 ? {
-          id: node.id,
-          title: node.title,
-          description: node.desc || node.type,
-          type: 'workflow-node' as const,
-          path: `#${node.id}`,
-          icon: (
-            <BlockIcon
-              type={node.blockType}
-              className="shrink-0"
-              size="sm"
-              toolIcon={node.toolIcon}
-            />
-          ),
-          metadata: {
-            nodeId: node.id,
-            nodeData: node.nodeData,
-          },
-          data: node.nodeData,
-          score,
-        } : null
+        return score > 0
+          ? {
+              id: node.id,
+              title: node.title,
+              description: node.desc || node.type,
+              type: 'workflow-node' as const,
+              path: `#${node.id}`,
+              icon: (
+                <BlockIcon
+                  type={node.blockType}
+                  className="shrink-0"
+                  size="sm"
+                  toolIcon={node.toolIcon}
+                />
+              ),
+              metadata: {
+                nodeId: node.id,
+                nodeData: node.nodeData,
+              },
+              data: node.nodeData,
+              score,
+            }
+          : null
       })
       .filter((node): node is NonNullable<typeof node> => node !== null)
       .sort((a, b) => {
         // If no search term, sort alphabetically
-        if (!searchTerm) return a.title.localeCompare(b.title)
+        if (!searchTerm)
+          return a.title.localeCompare(b.title)
         // Sort by relevance score (higher score first)
         return (b.score || 0) - (a.score || 0)
       })
diff --git a/web/app/components/rag-pipeline/index.tsx b/web/app/components/rag-pipeline/index.tsx
index d124e67ce4..ddada91bf2 100644
--- a/web/app/components/rag-pipeline/index.tsx
+++ b/web/app/components/rag-pipeline/index.tsx
@@ -1,19 +1,19 @@
+import type { InjectWorkflowStoreSliceFn } from '@/app/components/workflow/store'
 import { useMemo } from 'react'
+import Loading from '@/app/components/base/loading'
 import WorkflowWithDefaultContext from '@/app/components/workflow'
 import {
   WorkflowContextProvider,
 } from '@/app/components/workflow/context'
-import type { InjectWorkflowStoreSliceFn } from '@/app/components/workflow/store'
 import {
   initialEdges,
   initialNodes,
 } from '@/app/components/workflow/utils'
-import Loading from '@/app/components/base/loading'
-import { createRagPipelineSliceSlice } from './store'
-import RagPipelineMain from './components/rag-pipeline-main'
-import { usePipelineInit } from './hooks'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
 import Conversion from './components/conversion'
+import RagPipelineMain from './components/rag-pipeline-main'
+import { usePipelineInit } from './hooks'
+import { createRagPipelineSliceSlice } from './store'
 import { processNodesWithoutDataSource } from './utils'
 
 const RagPipeline = () => {
@@ -36,7 +36,7 @@ const RagPipeline = () => {
 
   if (!data || isLoading) {
     return (
-      <div className='relative flex h-full w-full items-center justify-center'>
+      <div className="relative flex h-full w-full items-center justify-center">
         <Loading />
       </div>
     )
diff --git a/web/app/components/rag-pipeline/store/index.ts b/web/app/components/rag-pipeline/store/index.ts
index 0e7f46fa4b..4840e1ddd1 100644
--- a/web/app/components/rag-pipeline/store/index.ts
+++ b/web/app/components/rag-pipeline/store/index.ts
@@ -1,12 +1,12 @@
-import type { RAGPipelineVariables } from '@/models/pipeline'
 import type { StateCreator } from 'zustand'
+import type { InputFieldEditorProps } from '../components/panel/input-field/editor'
+import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
 import type {
   ToolWithProvider,
 } from '@/app/components/workflow/types'
-import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
-import { transformDataSourceToTool } from '@/app/components/workflow/block-selector/utils'
 import type { IconInfo } from '@/models/datasets'
-import type { InputFieldEditorProps } from '../components/panel/input-field/editor'
+import type { RAGPipelineVariables } from '@/models/pipeline'
+import { transformDataSourceToTool } from '@/app/components/workflow/block-selector/utils'
 
 export type RagPipelineSliceShape = {
   pipelineId: string
diff --git a/web/app/components/rag-pipeline/utils/nodes.ts b/web/app/components/rag-pipeline/utils/nodes.ts
index 439ffcfa71..001c14dd3c 100644
--- a/web/app/components/rag-pipeline/utils/nodes.ts
+++ b/web/app/components/rag-pipeline/utils/nodes.ts
@@ -1,16 +1,16 @@
 import type { Viewport } from 'reactflow'
-import type { Node } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
-import { generateNewNode } from '@/app/components/workflow/utils'
-import { CUSTOM_DATA_SOURCE_EMPTY_NODE } from '@/app/components/workflow/nodes/data-source-empty/constants'
-import { CUSTOM_NOTE_NODE } from '@/app/components/workflow/note-node/constants'
-import { NoteTheme } from '@/app/components/workflow/note-node/types'
 import type { NoteNodeType } from '@/app/components/workflow/note-node/types'
+import type { Node } from '@/app/components/workflow/types'
 import {
   CUSTOM_NODE,
   NODE_WIDTH_X_OFFSET,
   START_INITIAL_POSITION,
 } from '@/app/components/workflow/constants'
+import { CUSTOM_DATA_SOURCE_EMPTY_NODE } from '@/app/components/workflow/nodes/data-source-empty/constants'
+import { CUSTOM_NOTE_NODE } from '@/app/components/workflow/note-node/constants'
+import { NoteTheme } from '@/app/components/workflow/note-node/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { generateNewNode } from '@/app/components/workflow/utils'
 
 export const processNodesWithoutDataSource = (nodes: Node[], viewport?: Viewport) => {
   let leftNode
diff --git a/web/app/components/react-scan.tsx b/web/app/components/react-scan.tsx
index 03577b7d2b..f1d9f3de20 100644
--- a/web/app/components/react-scan.tsx
+++ b/web/app/components/react-scan.tsx
@@ -1,7 +1,7 @@
 'use client'
 
-import { scan } from 'react-scan'
 import { useEffect } from 'react'
+import { scan } from 'react-scan'
 import { IS_DEV } from '@/config'
 
 export function ReactScan() {
diff --git a/web/app/components/sentry-initializer.tsx b/web/app/components/sentry-initializer.tsx
index 10c056f21b..e88de2d699 100644
--- a/web/app/components/sentry-initializer.tsx
+++ b/web/app/components/sentry-initializer.tsx
@@ -1,7 +1,7 @@
 'use client'
 
-import { useEffect } from 'react'
 import * as Sentry from '@sentry/react'
+import { useEffect } from 'react'
 
 const isDevelopment = process.env.NODE_ENV === 'development'
 
diff --git a/web/app/components/share/text-generation/index.tsx b/web/app/components/share/text-generation/index.tsx
index 8e3b7e1780..5c58635e0f 100644
--- a/web/app/components/share/text-generation/index.tsx
+++ b/web/app/components/share/text-generation/index.tsx
@@ -1,46 +1,46 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  RiBookmark3Line,
-  RiErrorWarningFill,
-} from '@remixicon/react'
-import { useBoolean } from 'ahooks'
-import { useSearchParams } from 'next/navigation'
-import TabHeader from '../../base/tab-header'
-import MenuDropdown from './menu-dropdown'
-import RunBatch from './run-batch'
-import ResDownload from './run-batch/res-download'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import RunOnce from '@/app/components/share/text-generation/run-once'
-import { fetchSavedMessage as doFetchSavedMessage, removeMessage, saveMessage } from '@/service/share'
-import type { SiteInfo } from '@/models/share'
 import type {
   MoreLikeThisConfig,
   PromptConfig,
   SavedMessage,
   TextToSpeechConfig,
 } from '@/models/debug'
+import type { InstalledApp } from '@/models/explore'
+import type { SiteInfo } from '@/models/share'
+import type { VisionFile, VisionSettings } from '@/types/app'
+import {
+  RiBookmark3Line,
+  RiErrorWarningFill,
+} from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { useSearchParams } from 'next/navigation'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import SavedItems from '@/app/components/app/text-generate/saved-items'
 import AppIcon from '@/app/components/base/app-icon'
 import Badge from '@/app/components/base/badge'
-import { changeLanguage } from '@/i18n-config/i18next-config'
 import Loading from '@/app/components/base/loading'
-import { userInputsFormToPromptVariables } from '@/utils/model-config'
-import Res from '@/app/components/share/text-generation/result'
-import SavedItems from '@/app/components/app/text-generate/saved-items'
-import type { InstalledApp } from '@/models/explore'
-import { DEFAULT_VALUE_MAX_LEN, appDefaultIconBackground } from '@/config'
-import Toast from '@/app/components/base/toast'
-import type { VisionFile, VisionSettings } from '@/types/app'
-import { Resolution, TransferMethod } from '@/types/app'
-import { useAppFavicon } from '@/hooks/use-app-favicon'
 import DifyLogo from '@/app/components/base/logo/dify-logo'
-import { cn } from '@/utils/classnames'
-import { AccessMode } from '@/models/access-control'
+import Toast from '@/app/components/base/toast'
+import Res from '@/app/components/share/text-generation/result'
+import RunOnce from '@/app/components/share/text-generation/run-once'
+import { appDefaultIconBackground, DEFAULT_VALUE_MAX_LEN } from '@/config'
 import { useGlobalPublicStore } from '@/context/global-public-context'
-import useDocumentTitle from '@/hooks/use-document-title'
 import { useWebAppStore } from '@/context/web-app-context'
+import { useAppFavicon } from '@/hooks/use-app-favicon'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { changeLanguage } from '@/i18n-config/i18next-config'
+import { AccessMode } from '@/models/access-control'
+import { fetchSavedMessage as doFetchSavedMessage, removeMessage, saveMessage } from '@/service/share'
+import { Resolution, TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { userInputsFormToPromptVariables } from '@/utils/model-config'
+import TabHeader from '../../base/tab-header'
+import MenuDropdown from './menu-dropdown'
+import RunBatch from './run-batch'
+import ResDownload from './run-batch/res-download'
 
 const GROUP_SIZE = 5 // to avoid RPM(Request per minute) limit. The group task finished then the next group.
 enum TaskStatus {
@@ -125,7 +125,7 @@ const TextGeneration: FC<IMainProps> = ({
     transfer_methods: [TransferMethod.local_file],
   })
   const [completionFiles, setCompletionFiles] = useState<VisionFile[]>([])
-  const [runControl, setRunControl] = useState<{ onStop: () => Promise<void> | void; isStopping: boolean } | null>(null)
+  const [runControl, setRunControl] = useState<{ onStop: () => Promise<void> | void, isStopping: boolean } | null>(null)
 
   useEffect(() => {
     if (isCallBatchAPI)
@@ -416,34 +416,36 @@ const TextGeneration: FC<IMainProps> = ({
   }
   const [resultExisted, setResultExisted] = useState(false)
 
-  const renderRes = (task?: Task) => (<Res
-    key={task?.id}
-    isWorkflow={isWorkflow}
-    isCallBatchAPI={isCallBatchAPI}
-    isPC={isPC}
-    isMobile={!isPC}
-    isInstalledApp={isInstalledApp}
-    appId={appId}
-    installedAppInfo={installedAppInfo}
-    isError={task?.status === TaskStatus.failed}
-    promptConfig={promptConfig}
-    moreLikeThisEnabled={!!moreLikeThisConfig?.enabled}
-    inputs={isCallBatchAPI ? (task as Task).params.inputs : inputs}
-    controlSend={controlSend}
-    controlRetry={task?.status === TaskStatus.failed ? controlRetry : 0}
-    controlStopResponding={controlStopResponding}
-    onShowRes={showResultPanel}
-    handleSaveMessage={handleSaveMessage}
-    taskId={task?.id}
-    onCompleted={handleCompleted}
-    visionConfig={visionConfig}
-    completionFiles={completionFiles}
-    isShowTextToSpeech={!!textToSpeechConfig?.enabled}
-    siteInfo={siteInfo}
-    onRunStart={() => setResultExisted(true)}
-    onRunControlChange={!isCallBatchAPI ? setRunControl : undefined}
-    hideInlineStopButton={!isCallBatchAPI}
-  />)
+  const renderRes = (task?: Task) => (
+    <Res
+      key={task?.id}
+      isWorkflow={isWorkflow}
+      isCallBatchAPI={isCallBatchAPI}
+      isPC={isPC}
+      isMobile={!isPC}
+      isInstalledApp={isInstalledApp}
+      appId={appId}
+      installedAppInfo={installedAppInfo}
+      isError={task?.status === TaskStatus.failed}
+      promptConfig={promptConfig}
+      moreLikeThisEnabled={!!moreLikeThisConfig?.enabled}
+      inputs={isCallBatchAPI ? (task as Task).params.inputs : inputs}
+      controlSend={controlSend}
+      controlRetry={task?.status === TaskStatus.failed ? controlRetry : 0}
+      controlStopResponding={controlStopResponding}
+      onShowRes={showResultPanel}
+      handleSaveMessage={handleSaveMessage}
+      taskId={task?.id}
+      onCompleted={handleCompleted}
+      visionConfig={visionConfig}
+      completionFiles={completionFiles}
+      isShowTextToSpeech={!!textToSpeechConfig?.enabled}
+      siteInfo={siteInfo}
+      onRunStart={() => setResultExisted(true)}
+      onRunControlChange={!isCallBatchAPI ? setRunControl : undefined}
+      hideInlineStopButton={!isCallBatchAPI}
+    />
+  )
 
   const renderBatchRes = () => {
     return (showTaskList.map(task => renderRes(task)))
@@ -465,8 +467,9 @@ const TextGeneration: FC<IMainProps> = ({
         <div className={cn(
           'flex shrink-0 items-center justify-between px-14 pb-2 pt-9',
           !isPC && 'px-4 pb-1 pt-3',
-        )}>
-          <div className='system-md-semibold-uppercase text-text-primary'>{t('share.generation.executions', { num: allTaskList.length })}</div>
+        )}
+        >
+          <div className="system-md-semibold-uppercase text-text-primary">{t('share.generation.executions', { num: allTaskList.length })}</div>
           {allSuccessTaskList.length > 0 && (
             <ResDownload
               isMobile={!isPC}
@@ -480,20 +483,21 @@ const TextGeneration: FC<IMainProps> = ({
         isPC && 'px-14 py-8',
         isPC && isCallBatchAPI && 'pt-0',
         !isPC && 'p-0 pb-2',
-      )}>
+      )}
+      >
         {!isCallBatchAPI ? renderRes() : renderBatchRes()}
         {!noPendingTask && (
-          <div className='mt-4'>
-            <Loading type='area' />
+          <div className="mt-4">
+            <Loading type="area" />
           </div>
         )}
       </div>
       {isCallBatchAPI && allFailedTaskList.length > 0 && (
-        <div className='absolute bottom-6 left-1/2 z-10 flex -translate-x-1/2 items-center gap-2 rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-3 shadow-lg backdrop-blur-sm'>
-          <RiErrorWarningFill className='h-4 w-4 text-text-destructive' />
-          <div className='system-sm-medium text-text-secondary'>{t('share.generation.batchFailed.info', { num: allFailedTaskList.length })}</div>
-          <div className='h-3.5 w-px bg-divider-regular'></div>
-          <div onClick={handleRetryAllFailedTask} className='system-sm-semibold-uppercase cursor-pointer text-text-accent'>{t('share.generation.batchFailed.retry')}</div>
+        <div className="absolute bottom-6 left-1/2 z-10 flex -translate-x-1/2 items-center gap-2 rounded-xl border border-components-panel-border bg-components-panel-bg-blur p-3 shadow-lg backdrop-blur-sm">
+          <RiErrorWarningFill className="h-4 w-4 text-text-destructive" />
+          <div className="system-sm-medium text-text-secondary">{t('share.generation.batchFailed.info', { num: allFailedTaskList.length })}</div>
+          <div className="h-3.5 w-px bg-divider-regular"></div>
+          <div onClick={handleRetryAllFailedTask} className="system-sm-semibold-uppercase cursor-pointer text-text-accent">{t('share.generation.batchFailed.retry')}</div>
         </div>
       )}
     </div>
@@ -501,9 +505,10 @@ const TextGeneration: FC<IMainProps> = ({
 
   if (!appId || !siteInfo || !promptConfig) {
     return (
-      <div className='flex h-screen items-center'>
-        <Loading type='app' />
-      </div>)
+      <div className="flex h-screen items-center">
+        <Loading type="app" />
+      </div>
+    )
   }
   return (
     <div className={cn(
@@ -511,16 +516,18 @@ const TextGeneration: FC<IMainProps> = ({
       isPC && 'flex',
       !isPC && 'flex-col',
       isInstalledApp ? 'h-full rounded-2xl shadow-md' : 'h-screen',
-    )}>
+    )}
+    >
       {/* Left */}
       <div className={cn(
         'relative flex h-full shrink-0 flex-col',
         isPC ? 'w-[600px] max-w-[50%]' : resultExisted ? 'h-[calc(100%_-_64px)]' : '',
         isInstalledApp && 'rounded-l-2xl',
-      )}>
+      )}
+      >
         {/* header */}
         <div className={cn('shrink-0 space-y-4 border-b border-divider-subtle', isPC ? 'bg-components-panel-bg p-8 pb-0' : 'p-4 pb-0')}>
-          <div className='flex items-center gap-3'>
+          <div className="flex items-center gap-3">
             <AppIcon
               size={isPC ? 'large' : 'small'}
               iconType={siteInfo.icon_type}
@@ -528,11 +535,11 @@ const TextGeneration: FC<IMainProps> = ({
               background={siteInfo.icon_background || appDefaultIconBackground}
               imageUrl={siteInfo.icon_url}
             />
-            <div className='system-md-semibold grow truncate text-text-secondary'>{siteInfo.title}</div>
+            <div className="system-md-semibold grow truncate text-text-secondary">{siteInfo.title}</div>
             <MenuDropdown hideLogout={isInstalledApp || accessMode === AccessMode.PUBLIC} data={siteInfo} />
           </div>
           {siteInfo.description && (
-            <div className='system-xs-regular text-text-tertiary'>{siteInfo.description}</div>
+            <div className="system-xs-regular text-text-tertiary">{siteInfo.description}</div>
           )}
           <TabHeader
             items={[
@@ -540,18 +547,18 @@ const TextGeneration: FC<IMainProps> = ({
               { id: 'batch', name: t('share.generation.tabs.batch') },
               ...(!isWorkflow
                 ? [{
-                  id: 'saved',
-                  name: t('share.generation.tabs.saved'),
-                  isRight: true,
-                  icon: <RiBookmark3Line className='h-4 w-4' />,
-                  extra: savedMessages.length > 0
-                    ? (
-                      <Badge className='ml-1'>
-                        {savedMessages.length}
-                      </Badge>
-                    )
-                    : null,
-                }]
+                    id: 'saved',
+                    name: t('share.generation.tabs.saved'),
+                    isRight: true,
+                    icon: <RiBookmark3Line className="h-4 w-4" />,
+                    extra: savedMessages.length > 0
+                      ? (
+                          <Badge className="ml-1">
+                            {savedMessages.length}
+                          </Badge>
+                        )
+                      : null,
+                  }]
                 : []),
             ]}
             value={currentTab}
@@ -563,7 +570,8 @@ const TextGeneration: FC<IMainProps> = ({
           'h-0 grow overflow-y-auto bg-components-panel-bg',
           isPC ? 'px-8' : 'px-4',
           !isPC && resultExisted && customConfig?.remove_webapp_brand && 'rounded-b-2xl border-b-[0.5px] border-divider-regular',
-        )}>
+        )}
+        >
           <div className={cn(currentTab === 'create' ? 'block' : 'hidden')}>
             <RunOnce
               siteInfo={siteInfo}
@@ -600,14 +608,15 @@ const TextGeneration: FC<IMainProps> = ({
             'flex shrink-0 items-center gap-1.5 bg-components-panel-bg py-3',
             isPC ? 'px-8' : 'px-4',
             !isPC && resultExisted && 'rounded-b-2xl border-b-[0.5px] border-divider-regular',
-          )}>
-            <div className='system-2xs-medium-uppercase text-text-tertiary'>{t('share.chat.poweredBy')}</div>
+          )}
+          >
+            <div className="system-2xs-medium-uppercase text-text-tertiary">{t('share.chat.poweredBy')}</div>
             {
               systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo
-                ? <img src={systemFeatures.branding.workspace_logo} alt='logo' className='block h-5 w-auto' />
+                ? <img src={systemFeatures.branding.workspace_logo} alt="logo" className="block h-5 w-auto" />
                 : customConfig?.replace_webapp_logo
-                  ? <img src={`${customConfig?.replace_webapp_logo}`} alt='logo' className='block h-5 w-auto' />
-                  : <DifyLogo size='small' />
+                  ? <img src={`${customConfig?.replace_webapp_logo}`} alt="logo" className="block h-5 w-auto" />
+                  : <DifyLogo size="small" />
             }
           </div>
         )}
@@ -621,7 +630,8 @@ const TextGeneration: FC<IMainProps> = ({
             : resultExisted
               ? 'relative h-16 shrink-0 overflow-hidden bg-background-default-burn pt-2.5'
               : '',
-      )}>
+      )}
+      >
         {!isPC && (
           <div
             className={cn(
@@ -636,7 +646,7 @@ const TextGeneration: FC<IMainProps> = ({
                 showResultPanel()
             }}
           >
-            <div className='h-1 w-8 cursor-grab rounded bg-divider-solid' />
+            <div className="h-1 w-8 cursor-grab rounded bg-divider-solid" />
           </div>
         )}
         {renderResWrap}
diff --git a/web/app/components/share/text-generation/info-modal.tsx b/web/app/components/share/text-generation/info-modal.tsx
index 1593f16509..e206e6d6c9 100644
--- a/web/app/components/share/text-generation/info-modal.tsx
+++ b/web/app/components/share/text-generation/info-modal.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { cn } from '@/utils/classnames'
-import Modal from '@/app/components/base/modal'
-import AppIcon from '@/app/components/base/app-icon'
 import type { SiteInfo } from '@/models/share'
+import React from 'react'
+import AppIcon from '@/app/components/base/app-icon'
+import Modal from '@/app/components/base/modal'
 import { appDefaultIconBackground } from '@/config'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   data?: SiteInfo
@@ -20,25 +20,30 @@ const InfoModal = ({
     <Modal
       isShow={isShow}
       onClose={onClose}
-      className='min-w-[400px] max-w-[400px] !p-0'
+      className="min-w-[400px] max-w-[400px] !p-0"
       closable
     >
       <div className={cn('flex flex-col items-center gap-4 px-4 pb-8 pt-10')}>
         <AppIcon
-          size='xxl'
+          size="xxl"
           iconType={data?.icon_type}
           icon={data?.icon}
           background={data?.icon_background || appDefaultIconBackground}
           imageUrl={data?.icon_url}
         />
-        <div className='system-xl-semibold text-text-secondary'>{data?.title}</div>
-        <div className='system-xs-regular text-text-tertiary'>
+        <div className="system-xl-semibold text-text-secondary">{data?.title}</div>
+        <div className="system-xs-regular text-text-tertiary">
           {/* copyright */}
           {data?.copyright && (
-            <div>© {(new Date()).getFullYear()} {data?.copyright}</div>
+            <div>
+              ©
+              {(new Date()).getFullYear()}
+              {' '}
+              {data?.copyright}
+            </div>
           )}
           {data?.custom_disclaimer && (
-            <div className='mt-2'>{data.custom_disclaimer}</div>
+            <div className="mt-2">{data.custom_disclaimer}</div>
           )}
         </div>
       </div>
diff --git a/web/app/components/share/text-generation/menu-dropdown.tsx b/web/app/components/share/text-generation/menu-dropdown.tsx
index 251edc7a35..270789f2c6 100644
--- a/web/app/components/share/text-generation/menu-dropdown.tsx
+++ b/web/app/components/share/text-generation/menu-dropdown.tsx
@@ -1,14 +1,13 @@
 'use client'
-import type { FC } from 'react'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { Placement } from '@floating-ui/react'
+import type { FC } from 'react'
+import type { SiteInfo } from '@/models/share'
 import {
   RiEqualizer2Line,
 } from '@remixicon/react'
 import { usePathname, useRouter } from 'next/navigation'
-import Divider from '../../base/divider'
-import InfoModal from './info-modal'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import {
   PortalToFollowElem,
@@ -16,11 +15,12 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import ThemeSwitcher from '@/app/components/base/theme-switcher'
-import type { SiteInfo } from '@/models/share'
-import { cn } from '@/utils/classnames'
-import { AccessMode } from '@/models/access-control'
 import { useWebAppStore } from '@/context/web-app-context'
+import { AccessMode } from '@/models/access-control'
 import { webAppLogout } from '@/service/webapp-auth'
+import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
+import InfoModal from './info-modal'
 
 type Props = {
   data?: SiteInfo
@@ -76,24 +76,24 @@ const MenuDropdown: FC<Props> = ({
       >
         <PortalToFollowElemTrigger onClick={handleTrigger}>
           <div>
-            <ActionButton size='l' className={cn(open && 'bg-state-base-hover')}>
-              <RiEqualizer2Line className='h-[18px] w-[18px]' />
+            <ActionButton size="l" className={cn(open && 'bg-state-base-hover')}>
+              <RiEqualizer2Line className="h-[18px] w-[18px]" />
             </ActionButton>
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-50'>
-          <div className='w-[224px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm'>
-            <div className='p-1'>
+        <PortalToFollowElemContent className="z-50">
+          <div className="w-[224px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm">
+            <div className="p-1">
               <div className={cn('system-md-regular flex cursor-pointer items-center rounded-lg py-1.5 pl-3 pr-2 text-text-secondary')}>
-                <div className='grow'>{t('common.theme.theme')}</div>
+                <div className="grow">{t('common.theme.theme')}</div>
                 <ThemeSwitcher />
               </div>
             </div>
-            <Divider type='horizontal' className='my-0' />
-            <div className='p-1'>
+            <Divider type="horizontal" className="my-0" />
+            <div className="p-1">
               {data?.privacy_policy && (
-                <a href={data.privacy_policy} target='_blank' className='system-md-regular flex cursor-pointer items-center rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'>
-                  <span className='grow'>{t('share.chat.privacyPolicyMiddle')}</span>
+                <a href={data.privacy_policy} target="_blank" className="system-md-regular flex cursor-pointer items-center rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover">
+                  <span className="grow">{t('share.chat.privacyPolicyMiddle')}</span>
                 </a>
               )}
               <div
@@ -101,14 +101,16 @@ const MenuDropdown: FC<Props> = ({
                   handleTrigger()
                   setShow(true)
                 }}
-                className='system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'
-              >{t('common.userProfile.about')}</div>
+                className="system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover"
+              >
+                {t('common.userProfile.about')}
+              </div>
             </div>
             {!(hideLogout || webAppAccessMode === AccessMode.EXTERNAL_MEMBERS || webAppAccessMode === AccessMode.PUBLIC) && (
-              <div className='p-1'>
+              <div className="p-1">
                 <div
                   onClick={handleLogout}
-                  className='system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'
+                  className="system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover"
                 >
                   {t('common.userProfile.logout')}
                 </div>
diff --git a/web/app/components/share/text-generation/no-data/index.spec.tsx b/web/app/components/share/text-generation/no-data/index.spec.tsx
index b7529fbd93..14a86a3c1b 100644
--- a/web/app/components/share/text-generation/no-data/index.spec.tsx
+++ b/web/app/components/share/text-generation/no-data/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import NoData from './index'
 
 describe('NoData', () => {
diff --git a/web/app/components/share/text-generation/no-data/index.tsx b/web/app/components/share/text-generation/no-data/index.tsx
index b24ca712d4..5e10c821f8 100644
--- a/web/app/components/share/text-generation/no-data/index.tsx
+++ b/web/app/components/share/text-generation/no-data/index.tsx
@@ -1,18 +1,18 @@
 import type { FC } from 'react'
-import React from 'react'
 import {
   RiSparklingFill,
 } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 export type INoDataProps = {}
 const NoData: FC<INoDataProps> = () => {
   const { t } = useTranslation()
   return (
-    <div className='flex h-full w-full flex-col items-center justify-center'>
-      <RiSparklingFill className='h-12 w-12 text-text-empty-state-icon' />
+    <div className="flex h-full w-full flex-col items-center justify-center">
+      <RiSparklingFill className="h-12 w-12 text-text-empty-state-icon" />
       <div
-        className='system-sm-regular mt-2 text-text-quaternary'
+        className="system-sm-regular mt-2 text-text-quaternary"
       >
         {t('share.generation.noData')}
       </div>
diff --git a/web/app/components/share/text-generation/result/content.tsx b/web/app/components/share/text-generation/result/content.tsx
index f294b1218e..ec7c439ea9 100644
--- a/web/app/components/share/text-generation/result/content.tsx
+++ b/web/app/components/share/text-generation/result/content.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
-import React from 'react'
-import Header from './header'
 import type { FeedbackType } from '@/app/components/base/chat/chat/type'
+import React from 'react'
 import { format } from '@/service/base'
+import Header from './header'
 
 export type IResultProps = {
   content: string
@@ -17,17 +17,18 @@ const Result: FC<IResultProps> = ({
   onFeedback,
 }) => {
   return (
-    <div className='h-max basis-3/4'>
+    <div className="h-max basis-3/4">
       <Header result={content} showFeedback={showFeedback} feedback={feedback} onFeedback={onFeedback} />
       <div
-        className='mt-4 flex w-full overflow-scroll text-sm font-normal leading-5 text-gray-900'
+        className="mt-4 flex w-full overflow-scroll text-sm font-normal leading-5 text-gray-900"
         style={{
           maxHeight: '70vh',
         }}
         dangerouslySetInnerHTML={{
           __html: format(content),
         }}
-      ></div>
+      >
+      </div>
     </div>
   )
 }
diff --git a/web/app/components/share/text-generation/result/header.tsx b/web/app/components/share/text-generation/result/header.tsx
index 351b500136..b2cacfc3c5 100644
--- a/web/app/components/share/text-generation/result/header.tsx
+++ b/web/app/components/share/text-generation/result/header.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FeedbackType } from '@/app/components/base/chat/chat/type'
 import { ClipboardDocumentIcon, HandThumbDownIcon, HandThumbUpIcon } from '@heroicons/react/24/outline'
 import copy from 'copy-to-clipboard'
-import type { FeedbackType } from '@/app/components/base/chat/chat/type'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Toast from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
@@ -24,19 +24,19 @@ const Header: FC<IResultHeaderProps> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='flex w-full items-center justify-between '>
-      <div className='text-2xl font-normal leading-4 text-gray-800'>{t('share.generation.resultTitle')}</div>
-      <div className='flex items-center space-x-2'>
+    <div className="flex w-full items-center justify-between ">
+      <div className="text-2xl font-normal leading-4 text-gray-800">{t('share.generation.resultTitle')}</div>
+      <div className="flex items-center space-x-2">
         <Button
-          className='h-7 p-[2px] pr-2'
+          className="h-7 p-[2px] pr-2"
           onClick={() => {
             copy(result)
             Toast.notify({ type: 'success', message: 'copied' })
           }}
         >
           <>
-            <ClipboardDocumentIcon className='mr-1 h-3 w-4 text-gray-500' />
-            <span className='text-xs leading-3 text-gray-500'>{t('share.generation.copy')}</span>
+            <ClipboardDocumentIcon className="mr-1 h-3 w-4 text-gray-500" />
+            <span className="text-xs leading-3 text-gray-500">{t('share.generation.copy')}</span>
           </>
         </Button>
 
@@ -50,7 +50,8 @@ const Header: FC<IResultHeaderProps> = ({
                   rating: null,
                 })
               }}
-              className='flex h-7 w-7 cursor-pointer items-center justify-center rounded-md  border border-primary-200 bg-primary-100 !text-primary-600 hover:border-primary-300 hover:bg-primary-200'>
+              className="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md  border border-primary-200 bg-primary-100 !text-primary-600 hover:border-primary-300 hover:bg-primary-200"
+            >
               <HandThumbUpIcon width={16} height={16} />
             </div>
           </Tooltip>
@@ -66,14 +67,15 @@ const Header: FC<IResultHeaderProps> = ({
                   rating: null,
                 })
               }}
-              className='flex h-7 w-7 cursor-pointer items-center justify-center rounded-md  border border-red-200 bg-red-100 !text-red-600 hover:border-red-300 hover:bg-red-200'>
+              className="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md  border border-red-200 bg-red-100 !text-red-600 hover:border-red-300 hover:bg-red-200"
+            >
               <HandThumbDownIcon width={16} height={16} />
             </div>
           </Tooltip>
         )}
 
         {showFeedback && !feedback.rating && (
-          <div className='flex space-x-1 rounded-lg border border-gray-200 p-[1px]'>
+          <div className="flex space-x-1 rounded-lg border border-gray-200 p-[1px]">
             <Tooltip
               popupContent="Great Rating"
               needsDelay={false}
@@ -84,7 +86,8 @@ const Header: FC<IResultHeaderProps> = ({
                     rating: 'like',
                   })
                 }}
-                className='flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-gray-100'>
+                className="flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-gray-100"
+              >
                 <HandThumbUpIcon width={16} height={16} />
               </div>
             </Tooltip>
@@ -98,7 +101,8 @@ const Header: FC<IResultHeaderProps> = ({
                     rating: 'dislike',
                   })
                 }}
-                className='flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-gray-100'>
+                className="flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-gray-100"
+              >
                 <HandThumbDownIcon width={16} height={16} />
               </div>
             </Tooltip>
diff --git a/web/app/components/share/text-generation/result/index.tsx b/web/app/components/share/text-generation/result/index.tsx
index 8cf5494bc9..1b40b48d45 100644
--- a/web/app/components/share/text-generation/result/index.tsx
+++ b/web/app/components/share/text-generation/result/index.tsx
@@ -1,31 +1,32 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
+import type { FeedbackType } from '@/app/components/base/chat/chat/type'
+import type { WorkflowProcess } from '@/app/components/base/chat/types'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { PromptConfig } from '@/models/debug'
+import type { InstalledApp } from '@/models/explore'
+import type { SiteInfo } from '@/models/share'
+import type { VisionFile, VisionSettings } from '@/types/app'
+import { RiLoader2Line } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import { t } from 'i18next'
 import { produce } from 'immer'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 import TextGenerationRes from '@/app/components/app/text-generate/item'
-import NoData from '@/app/components/share/text-generation/no-data'
-import Toast from '@/app/components/base/toast'
 import Button from '@/app/components/base/button'
-import { StopCircle } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
-import { RiLoader2Line } from '@remixicon/react'
-import { sendCompletionMessage, sendWorkflowMessage, stopChatMessageResponding, stopWorkflowMessage, updateFeedback } from '@/service/share'
-import type { FeedbackType } from '@/app/components/base/chat/chat/type'
-import Loading from '@/app/components/base/loading'
-import type { PromptConfig } from '@/models/debug'
-import type { InstalledApp } from '@/models/explore'
-import { TransferMethod, type VisionFile, type VisionSettings } from '@/types/app'
-import { NodeRunningStatus, WorkflowRunningStatus } from '@/app/components/workflow/types'
-import type { WorkflowProcess } from '@/app/components/base/chat/types'
-import { sleep } from '@/utils'
-import type { SiteInfo } from '@/models/share'
-import { TEXT_GENERATION_TIMEOUT_MS } from '@/config'
 import {
   getFilesInLogs,
   getProcessedFiles,
 } from '@/app/components/base/file-uploader/utils'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import { StopCircle } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
+import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
+import NoData from '@/app/components/share/text-generation/no-data'
+import { NodeRunningStatus, WorkflowRunningStatus } from '@/app/components/workflow/types'
+import { TEXT_GENERATION_TIMEOUT_MS } from '@/config'
+import { sendCompletionMessage, sendWorkflowMessage, stopChatMessageResponding, stopWorkflowMessage, updateFeedback } from '@/service/share'
+import { TransferMethod } from '@/types/app'
+import { sleep } from '@/utils'
 import { formatBooleanInputs } from '@/utils/model-config'
 
 export type IResultProps = {
@@ -52,7 +53,7 @@ export type IResultProps = {
   completionFiles: VisionFile[]
   siteInfo: SiteInfo | null
   onRunStart: () => void
-  onRunControlChange?: (control: { onStop: () => Promise<void> | void; isStopping: boolean } | null) => void
+  onRunControlChange?: (control: { onStop: () => Promise<void> | void, isStopping: boolean } | null) => void
   hideInlineStopButton?: boolean
 }
 
@@ -189,7 +190,7 @@ const Result: FC<IResultProps> = ({
 
     let hasEmptyInput = ''
     const requiredVars = prompt_variables?.filter(({ key, name, required, type }) => {
-      if(type === 'boolean' || type === 'checkbox')
+      if (type === 'boolean' || type === 'checkbox')
         return false // boolean/checkbox input is not required
       const res = (!key || !key.trim()) || (!name || !name.trim()) || (required || required === undefined || required === null)
       return res
@@ -534,16 +535,16 @@ const Result: FC<IResultProps> = ({
       {!hideInlineStopButton && isResponding && currentTaskId && (
         <div className={`mb-3 flex ${isPC ? 'justify-end' : 'justify-center'}`}>
           <Button
-            variant='secondary'
+            variant="secondary"
             disabled={isStopping}
             onClick={handleStop}
           >
             {
               isStopping
-                ? <RiLoader2Line className='mr-[5px] h-3.5 w-3.5 animate-spin' />
-                : <StopCircle className='mr-[5px] h-3.5 w-3.5' />
+                ? <RiLoader2Line className="mr-[5px] h-3.5 w-3.5 animate-spin" />
+                : <StopCircle className="mr-[5px] h-3.5 w-3.5" />
             }
-            <span className='text-xs font-normal'>{t('appDebug.operation.stopResponding')}</span>
+            <span className="text-xs font-normal">{t('appDebug.operation.stopResponding')}</span>
           </Button>
         </div>
       )}
@@ -577,28 +578,28 @@ const Result: FC<IResultProps> = ({
       {!isCallBatchAPI && !isWorkflow && (
         (isResponding && !completionRes)
           ? (
-            <div className='flex h-full w-full items-center justify-center'>
-              <Loading type='area' />
-            </div>)
+              <div className="flex h-full w-full items-center justify-center">
+                <Loading type="area" />
+              </div>
+            )
           : (
-            <>
-              {(isNoData)
-                ? <NoData />
-                : renderTextGenerationRes()
-              }
-            </>
-          )
+              <>
+                {(isNoData)
+                  ? <NoData />
+                  : renderTextGenerationRes()}
+              </>
+            )
       )}
       {!isCallBatchAPI && isWorkflow && (
         (isResponding && !workflowProcessData)
           ? (
-            <div className='flex h-full w-full items-center justify-center'>
-              <Loading type='area' />
-            </div>
-          )
+              <div className="flex h-full w-full items-center justify-center">
+                <Loading type="area" />
+              </div>
+            )
           : !workflowProcessData
-            ? <NoData />
-            : renderTextGenerationRes()
+              ? <NoData />
+              : renderTextGenerationRes()
       )}
       {isCallBatchAPI && renderTextGenerationRes()}
     </>
diff --git a/web/app/components/share/text-generation/run-batch/csv-download/index.spec.tsx b/web/app/components/share/text-generation/run-batch/csv-download/index.spec.tsx
index 559e568931..385ccb91df 100644
--- a/web/app/components/share/text-generation/run-batch/csv-download/index.spec.tsx
+++ b/web/app/components/share/text-generation/run-batch/csv-download/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import CSVDownload from './index'
 
 const mockType = { Link: 'mock-link' }
@@ -26,7 +26,7 @@ describe('CSVDownload', () => {
     vi.clearAllMocks()
   })
 
-  test('should render table headers and sample row for each variable', () => {
+  it('should render table headers and sample row for each variable', () => {
     render(<CSVDownload vars={vars} />)
 
     expect(screen.getByText('share.generation.csvStructureTitle')).toBeInTheDocument()
@@ -35,7 +35,7 @@ describe('CSVDownload', () => {
     expect(screen.getByText('context share.generation.field')).toBeInTheDocument()
   })
 
-  test('should configure CSV downloader with template data', () => {
+  it('should configure CSV downloader with template data', () => {
     render(<CSVDownload vars={vars} />)
 
     expect(capturedProps?.filename).toBe('template')
diff --git a/web/app/components/share/text-generation/run-batch/csv-download/index.tsx b/web/app/components/share/text-generation/run-batch/csv-download/index.tsx
index 54a5a6d52a..a7e6d5bf2c 100644
--- a/web/app/components/share/text-generation/run-batch/csv-download/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/csv-download/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useCSVDownloader,
 } from 'react-papaparse'
-import { useTranslation } from 'react-i18next'
 import { Download02 as DownloadIcon } from '@/app/components/base/icons/src/vender/solid/general'
 
 export type ICSVDownloadProps = {
@@ -26,21 +26,25 @@ const CSVDownload: FC<ICSVDownloadProps> = ({
   })()
 
   return (
-    <div className='mt-6'>
-      <div className='system-sm-medium text-text-primary'>{t('share.generation.csvStructureTitle')}</div>
-      <div className='mt-2 max-h-[500px] overflow-auto'>
-        <table className='w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-regular text-xs'>
-          <thead className='text-text-tertiary'>
+    <div className="mt-6">
+      <div className="system-sm-medium text-text-primary">{t('share.generation.csvStructureTitle')}</div>
+      <div className="mt-2 max-h-[500px] overflow-auto">
+        <table className="w-full table-fixed border-separate border-spacing-0 rounded-lg border border-divider-regular text-xs">
+          <thead className="text-text-tertiary">
             <tr>
               {addQueryContentVars.map((item, i) => (
-                <td key={i} className='h-9 border-b border-divider-regular pl-3 pr-2'>{item.name}</td>
+                <td key={i} className="h-9 border-b border-divider-regular pl-3 pr-2">{item.name}</td>
               ))}
             </tr>
           </thead>
-          <tbody className='text-text-secondary'>
+          <tbody className="text-text-secondary">
             <tr>
               {addQueryContentVars.map((item, i) => (
-                <td key={i} className='h-9 pl-4'>{item.name} {t('share.generation.field')}</td>
+                <td key={i} className="h-9 pl-4">
+                  {item.name}
+                  {' '}
+                  {t('share.generation.field')}
+                </td>
               ))}
             </tr>
           </tbody>
@@ -49,7 +53,7 @@ const CSVDownload: FC<ICSVDownloadProps> = ({
       <CSVDownloader
         className="mt-2 block cursor-pointer"
         type={Type.Link}
-        filename={'template'}
+        filename="template"
         bom={true}
         config={{
           // delimiter: ';',
@@ -58,8 +62,8 @@ const CSVDownload: FC<ICSVDownloadProps> = ({
           template,
         ]}
       >
-        <div className='system-xs-medium flex h-[18px] items-center space-x-1 text-text-accent'>
-          <DownloadIcon className='h-3 w-3' />
+        <div className="system-xs-medium flex h-[18px] items-center space-x-1 text-text-accent">
+          <DownloadIcon className="h-3 w-3" />
           <span>{t('share.generation.downloadTemplate')}</span>
         </div>
       </CSVDownloader>
diff --git a/web/app/components/share/text-generation/run-batch/csv-reader/index.spec.tsx b/web/app/components/share/text-generation/run-batch/csv-reader/index.spec.tsx
index a88131851d..1b93e7b9f9 100644
--- a/web/app/components/share/text-generation/run-batch/csv-reader/index.spec.tsx
+++ b/web/app/components/share/text-generation/run-batch/csv-reader/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { act, render, screen, waitFor } from '@testing-library/react'
+import React from 'react'
 import CSVReader from './index'
 
 let mockAcceptedFile: { name: string } | null = null
@@ -28,7 +28,7 @@ describe('CSVReader', () => {
     vi.clearAllMocks()
   })
 
-  test('should display upload instructions when no file selected', async () => {
+  it('should display upload instructions when no file selected', async () => {
     const onParsed = vi.fn()
     render(<CSVReader onParsed={onParsed} />)
 
@@ -41,7 +41,7 @@ describe('CSVReader', () => {
     expect(onParsed).toHaveBeenCalledWith([['row1']])
   })
 
-  test('should show accepted file name without extension', () => {
+  it('should show accepted file name without extension', () => {
     mockAcceptedFile = { name: 'batch.csv' }
     render(<CSVReader onParsed={vi.fn()} />)
 
@@ -49,7 +49,7 @@ describe('CSVReader', () => {
     expect(screen.getByText('.csv')).toBeInTheDocument()
   })
 
-  test('should toggle hover styling on drag events', async () => {
+  it('should toggle hover styling on drag events', async () => {
     render(<CSVReader onParsed={vi.fn()} />)
     const dragEvent = { preventDefault: vi.fn() } as unknown as DragEvent
 
diff --git a/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx b/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx
index 9c37c3846b..895d472297 100644
--- a/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
 import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useCSVReader,
 } from 'react-papaparse'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import { Csv as CSVIcon } from '@/app/components/base/icons/src/public/files'
+import { cn } from '@/utils/classnames'
 
 export type Props = {
   onParsed: (data: string[][]) => void
@@ -49,20 +49,24 @@ const CSVReader: FC<Props> = ({
             {
               acceptedFile
                 ? (
-                  <div className='flex w-full items-center space-x-2'>
-                    <CSVIcon className="shrink-0" />
-                    <div className='flex w-0 grow'>
-                      <span className='max-w-[calc(100%_-_30px)] truncate text-text-secondary'>{acceptedFile.name.replace(/.csv$/, '')}</span>
-                      <span className='shrink-0 text-text-tertiary'>.csv</span>
+                    <div className="flex w-full items-center space-x-2">
+                      <CSVIcon className="shrink-0" />
+                      <div className="flex w-0 grow">
+                        <span className="max-w-[calc(100%_-_30px)] truncate text-text-secondary">{acceptedFile.name.replace(/.csv$/, '')}</span>
+                        <span className="shrink-0 text-text-tertiary">.csv</span>
+                      </div>
                     </div>
-                  </div>
-                )
+                  )
                 : (
-                  <div className='flex w-full items-center justify-center space-x-2'>
-                    <CSVIcon className="shrink-0" />
-                    <div className='text-text-tertiary'>{t('share.generation.csvUploadTitle')}<span className='cursor-pointer text-text-accent'>{t('share.generation.browse')}</span></div>
-                  </div>
-                )}
+                    <div className="flex w-full items-center justify-center space-x-2">
+                      <CSVIcon className="shrink-0" />
+                      <div className="text-text-tertiary">
+                        {t('share.generation.csvUploadTitle')}
+                        <span className="cursor-pointer text-text-accent">{t('share.generation.browse')}</span>
+                      </div>
+                    </div>
+                  )
+            }
           </div>
         </>
       )}
diff --git a/web/app/components/share/text-generation/run-batch/index.spec.tsx b/web/app/components/share/text-generation/run-batch/index.spec.tsx
index 445330b677..a3c3bbfd40 100644
--- a/web/app/components/share/text-generation/run-batch/index.spec.tsx
+++ b/web/app/components/share/text-generation/run-batch/index.spec.tsx
@@ -1,8 +1,8 @@
 import type { Mock } from 'vitest'
-import React from 'react'
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
-import RunBatch from './index'
+import React from 'react'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import RunBatch from './index'
 
 vi.mock('@/hooks/use-breakpoints', async (importOriginal) => {
   const actual = await importOriginal<typeof import('@/hooks/use-breakpoints')>()
@@ -42,7 +42,7 @@ describe('RunBatch', () => {
     vi.clearAllMocks()
   })
 
-  test('should enable run button after CSV parsed and send data', async () => {
+  it('should enable run button after CSV parsed and send data', async () => {
     const onSend = vi.fn()
     render(
       <RunBatch
@@ -66,7 +66,7 @@ describe('RunBatch', () => {
     expect(onSend).toHaveBeenCalledWith([['row1']])
   })
 
-  test('should keep button disabled and show spinner when results still running on mobile', async () => {
+  it('should keep button disabled and show spinner when results still running on mobile', async () => {
     mockUseBreakpoints.mockReturnValue(MediaType.mobile)
     const onSend = vi.fn()
     const { container } = render(
diff --git a/web/app/components/share/text-generation/run-batch/index.tsx b/web/app/components/share/text-generation/run-batch/index.tsx
index 258aed4b8d..74e77e6165 100644
--- a/web/app/components/share/text-generation/run-batch/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/index.tsx
@@ -1,16 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiLoader2Line,
   RiPlayLargeLine,
 } from '@remixicon/react'
-import CSVReader from './csv-reader'
-import CSVDownload from './csv-download'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import { cn } from '@/utils/classnames'
+import CSVDownload from './csv-download'
+import CSVReader from './csv-reader'
+
 export type IRunBatchProps = {
   vars: { name: string }[]
   onSend: (data: string[][]) => void
@@ -39,10 +40,10 @@ const RunBatch: FC<IRunBatchProps> = ({
   }
   const Icon = isAllFinished ? RiPlayLargeLine : RiLoader2Line
   return (
-    <div className='pt-4'>
+    <div className="pt-4">
       <CSVReader onParsed={handleParsed} />
       <CSVDownload vars={vars} />
-      <div className='flex justify-end'>
+      <div className="flex justify-end">
         <Button
           variant="primary"
           className={cn('mt-4 pl-3 pr-4', !isPC && 'grow')}
@@ -50,7 +51,7 @@ const RunBatch: FC<IRunBatchProps> = ({
           disabled={!isParsed || !isAllFinished}
         >
           <Icon className={cn(!isAllFinished && 'animate-spin', 'mr-1 h-4 w-4 shrink-0')} aria-hidden="true" />
-          <span className='text-[13px] uppercase'>{t('share.generation.run')}</span>
+          <span className="text-[13px] uppercase">{t('share.generation.run')}</span>
         </Button>
       </div>
     </div>
diff --git a/web/app/components/share/text-generation/run-batch/res-download/index.spec.tsx b/web/app/components/share/text-generation/run-batch/res-download/index.spec.tsx
index c0be174bf7..2a4ec0b3c1 100644
--- a/web/app/components/share/text-generation/run-batch/res-download/index.spec.tsx
+++ b/web/app/components/share/text-generation/run-batch/res-download/index.spec.tsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
 import ResDownload from './index'
 
 const mockType = { Link: 'mock-link' }
diff --git a/web/app/components/share/text-generation/run-batch/res-download/index.tsx b/web/app/components/share/text-generation/run-batch/res-download/index.tsx
index 50853fab48..cdc2b8f41b 100644
--- a/web/app/components/share/text-generation/run-batch/res-download/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/res-download/index.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { RiDownloadLine } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useCSVDownloader,
 } from 'react-papaparse'
-import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
@@ -26,7 +26,7 @@ const ResDownload: FC<IResDownloadProps> = ({
     <CSVDownloader
       className="block cursor-pointer"
       type={Type.Link}
-      filename={'result'}
+      filename="result"
       bom={true}
       config={{
         // delimiter: ';',
@@ -35,12 +35,12 @@ const ResDownload: FC<IResDownloadProps> = ({
     >
       {isMobile && (
         <ActionButton>
-          <RiDownloadLine className='h-4 w-4' />
+          <RiDownloadLine className="h-4 w-4" />
         </ActionButton>
       )}
       {!isMobile && (
         <Button className={cn('space-x-1')}>
-          <RiDownloadLine className='h-4 w-4' />
+          <RiDownloadLine className="h-4 w-4" />
           <span>{t('common.operation.download')}</span>
         </Button>
       )}
diff --git a/web/app/components/share/text-generation/run-once/index.spec.tsx b/web/app/components/share/text-generation/run-once/index.spec.tsx
index 463aa52c14..4283409c1b 100644
--- a/web/app/components/share/text-generation/run-once/index.spec.tsx
+++ b/web/app/components/share/text-generation/run-once/index.spec.tsx
@@ -1,10 +1,10 @@
-import React, { useEffect, useRef, useState } from 'react'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import RunOnce from './index'
 import type { PromptConfig, PromptVariable } from '@/models/debug'
 import type { SiteInfo } from '@/models/share'
 import type { VisionSettings } from '@/types/app'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import React, { useEffect, useRef, useState } from 'react'
 import { Resolution, TransferMethod } from '@/types/app'
+import RunOnce from './index'
 
 vi.mock('@/hooks/use-breakpoints', () => {
   const MediaType = {
@@ -22,7 +22,7 @@ vi.mock('@/hooks/use-breakpoints', () => {
 
 vi.mock('@/app/components/workflow/nodes/_base/components/editor/code-editor', () => ({
   __esModule: true,
-  default: ({ value, onChange }: { value?: string; onChange?: (val: string) => void }) => (
+  default: ({ value, onChange }: { value?: string, onChange?: (val: string) => void }) => (
     <textarea data-testid="code-editor-mock" value={value} onChange={e => onChange?.(e.target.value)} />
   ),
 }))
diff --git a/web/app/components/share/text-generation/run-once/index.tsx b/web/app/components/share/text-generation/run-once/index.tsx
index 51c8df0335..09bd4872cb 100644
--- a/web/app/components/share/text-generation/run-once/index.tsx
+++ b/web/app/components/share/text-generation/run-once/index.tsx
@@ -1,27 +1,26 @@
 import type { ChangeEvent, FC, FormEvent } from 'react'
-import { useEffect, useState } from 'react'
-import React, { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { PromptConfig } from '@/models/debug'
+import type { SiteInfo } from '@/models/share'
+import type { VisionFile, VisionSettings } from '@/types/app'
 import {
   RiLoader2Line,
   RiPlayLargeLine,
 } from '@remixicon/react'
-import Select from '@/app/components/base/select'
-import type { SiteInfo } from '@/models/share'
-import type { PromptConfig } from '@/models/debug'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import Textarea from '@/app/components/base/textarea'
-import Input from '@/app/components/base/input'
-import { DEFAULT_VALUE_MAX_LEN } from '@/config'
-import TextGenerationImageUploader from '@/app/components/base/image-uploader/text-generation-image-uploader'
-import type { VisionFile, VisionSettings } from '@/types/app'
 import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { cn } from '@/utils/classnames'
+import { StopCircle } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
+import TextGenerationImageUploader from '@/app/components/base/image-uploader/text-generation-image-uploader'
+import Input from '@/app/components/base/input'
+import Select from '@/app/components/base/select'
+import Textarea from '@/app/components/base/textarea'
 import BoolInput from '@/app/components/workflow/nodes/_base/components/before-run-form/bool-input'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import { StopCircle } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
+import { DEFAULT_VALUE_MAX_LEN } from '@/config'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { cn } from '@/utils/classnames'
 
 export type IRunOnceProps = {
   siteInfo: SiteInfo
@@ -86,7 +85,8 @@ const RunOnce: FC<IRunOnceProps> = ({
   }, [onInputsChange, inputsRef])
 
   useEffect(() => {
-    if (isInitialized) return
+    if (isInitialized)
+      return
     const newInputs: Record<string, any> = {}
     promptConfig.prompt_variables.forEach((item) => {
       if (item.type === 'select')
@@ -113,98 +113,99 @@ const RunOnce: FC<IRunOnceProps> = ({
       <section>
         {/* input form */}
         <form onSubmit={onSubmit}>
-          {(inputs === null || inputs === undefined || Object.keys(inputs).length === 0) || !isInitialized ? null
+          {(inputs === null || inputs === undefined || Object.keys(inputs).length === 0) || !isInitialized
+            ? null
             : promptConfig.prompt_variables.filter(item => item.hide !== true).map(item => (
-              <div className='mt-4 w-full' key={item.key}>
-                {item.type !== 'checkbox' && (
-                  <div className='system-md-semibold flex h-6 items-center gap-1 text-text-secondary'>
-                    <div className='truncate'>{item.name}</div>
-                    {!item.required && <span className='system-xs-regular text-text-tertiary'>{t('workflow.panel.optional')}</span>}
+                <div className="mt-4 w-full" key={item.key}>
+                  {item.type !== 'checkbox' && (
+                    <div className="system-md-semibold flex h-6 items-center gap-1 text-text-secondary">
+                      <div className="truncate">{item.name}</div>
+                      {!item.required && <span className="system-xs-regular text-text-tertiary">{t('workflow.panel.optional')}</span>}
+                    </div>
+                  )}
+                  <div className="mt-1">
+                    {item.type === 'select' && (
+                      <Select
+                        className="w-full"
+                        defaultValue={inputs[item.key]}
+                        onSelect={(i) => { handleInputsChange({ ...inputsRef.current, [item.key]: i.value }) }}
+                        items={(item.options || []).map(i => ({ name: i, value: i }))}
+                        allowSearch={false}
+                      />
+                    )}
+                    {item.type === 'string' && (
+                      <Input
+                        type="text"
+                        placeholder={item.name}
+                        value={inputs[item.key]}
+                        onChange={(e: ChangeEvent<HTMLInputElement>) => { handleInputsChange({ ...inputsRef.current, [item.key]: e.target.value }) }}
+                        maxLength={item.max_length || DEFAULT_VALUE_MAX_LEN}
+                      />
+                    )}
+                    {item.type === 'paragraph' && (
+                      <Textarea
+                        className="h-[104px] sm:text-xs"
+                        placeholder={item.name}
+                        value={inputs[item.key]}
+                        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => { handleInputsChange({ ...inputsRef.current, [item.key]: e.target.value }) }}
+                      />
+                    )}
+                    {item.type === 'number' && (
+                      <Input
+                        type="number"
+                        placeholder={item.name}
+                        value={inputs[item.key]}
+                        onChange={(e: ChangeEvent<HTMLInputElement>) => { handleInputsChange({ ...inputsRef.current, [item.key]: e.target.value }) }}
+                      />
+                    )}
+                    {item.type === 'checkbox' && (
+                      <BoolInput
+                        name={item.name || item.key}
+                        value={!!inputs[item.key]}
+                        required={item.required}
+                        onChange={(value) => { handleInputsChange({ ...inputsRef.current, [item.key]: value }) }}
+                      />
+                    )}
+                    {item.type === 'file' && (
+                      <FileUploaderInAttachmentWrapper
+                        value={(inputs[item.key] && typeof inputs[item.key] === 'object') ? [inputs[item.key]] : []}
+                        onChange={(files) => { handleInputsChange({ ...inputsRef.current, [item.key]: files[0] }) }}
+                        fileConfig={{
+                          ...item.config,
+                          fileUploadConfig: (visionConfig as any).fileUploadConfig,
+                        }}
+                      />
+                    )}
+                    {item.type === 'file-list' && (
+                      <FileUploaderInAttachmentWrapper
+                        value={Array.isArray(inputs[item.key]) ? inputs[item.key] : []}
+                        onChange={(files) => { handleInputsChange({ ...inputsRef.current, [item.key]: files }) }}
+                        fileConfig={{
+                          ...item.config,
+                          fileUploadConfig: (visionConfig as any).fileUploadConfig,
+                        }}
+                      />
+                    )}
+                    {item.type === 'json_object' && (
+                      <CodeEditor
+                        language={CodeLanguage.json}
+                        value={inputs[item.key]}
+                        onChange={(value) => { handleInputsChange({ ...inputsRef.current, [item.key]: value }) }}
+                        noWrapper
+                        className="bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1"
+                        placeholder={
+                          <div className="whitespace-pre">{item.json_schema}</div>
+                        }
+                      />
+                    )}
                   </div>
-                )}
-                <div className='mt-1'>
-                  {item.type === 'select' && (
-                    <Select
-                      className='w-full'
-                      defaultValue={inputs[item.key]}
-                      onSelect={(i) => { handleInputsChange({ ...inputsRef.current, [item.key]: i.value }) }}
-                      items={(item.options || []).map(i => ({ name: i, value: i }))}
-                      allowSearch={false}
-                    />
-                  )}
-                  {item.type === 'string' && (
-                    <Input
-                      type="text"
-                      placeholder={item.name}
-                      value={inputs[item.key]}
-                      onChange={(e: ChangeEvent<HTMLInputElement>) => { handleInputsChange({ ...inputsRef.current, [item.key]: e.target.value }) }}
-                      maxLength={item.max_length || DEFAULT_VALUE_MAX_LEN}
-                    />
-                  )}
-                  {item.type === 'paragraph' && (
-                    <Textarea
-                      className='h-[104px] sm:text-xs'
-                      placeholder={item.name}
-                      value={inputs[item.key]}
-                      onChange={(e: ChangeEvent<HTMLTextAreaElement>) => { handleInputsChange({ ...inputsRef.current, [item.key]: e.target.value }) }}
-                    />
-                  )}
-                  {item.type === 'number' && (
-                    <Input
-                      type="number"
-                      placeholder={item.name}
-                      value={inputs[item.key]}
-                      onChange={(e: ChangeEvent<HTMLInputElement>) => { handleInputsChange({ ...inputsRef.current, [item.key]: e.target.value }) }}
-                    />
-                  )}
-                  {item.type === 'checkbox' && (
-                    <BoolInput
-                      name={item.name || item.key}
-                      value={!!inputs[item.key]}
-                      required={item.required}
-                      onChange={(value) => { handleInputsChange({ ...inputsRef.current, [item.key]: value }) }}
-                    />
-                  )}
-                  {item.type === 'file' && (
-                    <FileUploaderInAttachmentWrapper
-                      value={(inputs[item.key] && typeof inputs[item.key] === 'object') ? [inputs[item.key]] : []}
-                      onChange={(files) => { handleInputsChange({ ...inputsRef.current, [item.key]: files[0] }) }}
-                      fileConfig={{
-                        ...item.config,
-                        fileUploadConfig: (visionConfig as any).fileUploadConfig,
-                      }}
-                    />
-                  )}
-                  {item.type === 'file-list' && (
-                    <FileUploaderInAttachmentWrapper
-                      value={Array.isArray(inputs[item.key]) ? inputs[item.key] : []}
-                      onChange={(files) => { handleInputsChange({ ...inputsRef.current, [item.key]: files }) }}
-                      fileConfig={{
-                        ...item.config,
-                        fileUploadConfig: (visionConfig as any).fileUploadConfig,
-                      }}
-                    />
-                  )}
-                  {item.type === 'json_object' && (
-                    <CodeEditor
-                      language={CodeLanguage.json}
-                      value={inputs[item.key]}
-                      onChange={(value) => { handleInputsChange({ ...inputsRef.current, [item.key]: value }) }}
-                      noWrapper
-                      className='bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1'
-                      placeholder={
-                        <div className='whitespace-pre'>{item.json_schema}</div>
-                      }
-                    />
-                  )}
                 </div>
-              </div>
-            ))}
+              ))}
           {
             visionConfig?.enabled && (
               <div className="mt-4 w-full">
                 <div className="system-md-semibold flex h-6 items-center text-text-secondary">{t('common.imageUploader.imageUpload')}</div>
-                <div className='mt-1'>
+                <div className="mt-1">
                   <TextGenerationImageUploader
                     settings={visionConfig}
                     onFilesChange={files => onVisionFilesChange(files.filter(file => file.progress !== -1).map(fileItem => ({
@@ -218,13 +219,13 @@ const RunOnce: FC<IRunOnceProps> = ({
               </div>
             )
           }
-          <div className='mb-3 mt-6 w-full'>
+          <div className="mb-3 mt-6 w-full">
             <div className="flex items-center justify-between gap-2">
               <Button
                 onClick={onClear}
                 disabled={false}
               >
-                <span className='text-[13px]'>{t('common.operation.clear')}</span>
+                <span className="text-[13px]">{t('common.operation.clear')}</span>
               </Button>
               <Button
                 className={cn(!isPC && 'grow')}
@@ -234,20 +235,21 @@ const RunOnce: FC<IRunOnceProps> = ({
                 onClick={handlePrimaryClick}
                 data-testid={isRunning ? 'stop-button' : 'run-button'}
               >
-                {isRunning ? (
-                  <>
-                    {runControl?.isStopping
-                      ? <RiLoader2Line className='mr-1 h-4 w-4 shrink-0 animate-spin' aria-hidden="true" />
-                      : <StopCircle className='mr-1 h-4 w-4 shrink-0' aria-hidden="true" />
-                    }
-                    <span className='text-[13px]'>{stopLabel}</span>
-                  </>
-                ) : (
-                  <>
-                    <RiPlayLargeLine className="mr-1 h-4 w-4 shrink-0" aria-hidden="true" />
-                    <span className='text-[13px]'>{t('share.generation.run')}</span>
-                  </>
-                )}
+                {isRunning
+                  ? (
+                      <>
+                        {runControl?.isStopping
+                          ? <RiLoader2Line className="mr-1 h-4 w-4 shrink-0 animate-spin" aria-hidden="true" />
+                          : <StopCircle className="mr-1 h-4 w-4 shrink-0" aria-hidden="true" />}
+                        <span className="text-[13px]">{stopLabel}</span>
+                      </>
+                    )
+                  : (
+                      <>
+                        <RiPlayLargeLine className="mr-1 h-4 w-4 shrink-0" aria-hidden="true" />
+                        <span className="text-[13px]">{t('share.generation.run')}</span>
+                      </>
+                    )}
               </Button>
             </div>
           </div>
diff --git a/web/app/components/signin/countdown.tsx b/web/app/components/signin/countdown.tsx
index c16bd46fe4..53e165d7f8 100644
--- a/web/app/components/signin/countdown.tsx
+++ b/web/app/components/signin/countdown.tsx
@@ -31,11 +31,18 @@ export default function Countdown({ onResend }: CountdownProps) {
     localStorage.setItem(COUNT_DOWN_KEY, `${time}`)
   }, [time])
 
-  return <p className='system-xs-regular text-text-tertiary'>
-    <span>{t('login.checkCode.didNotReceiveCode')}</span>
-    {time > 0 && <span>{Math.round(time / 1000)}s</span>}
-    {
-      time <= 0 && <span className='system-xs-medium cursor-pointer text-text-accent-secondary' onClick={resend}>{t('login.checkCode.resend')}</span>
-    }
-  </p>
+  return (
+    <p className="system-xs-regular text-text-tertiary">
+      <span>{t('login.checkCode.didNotReceiveCode')}</span>
+      {time > 0 && (
+        <span>
+          {Math.round(time / 1000)}
+          s
+        </span>
+      )}
+      {
+        time <= 0 && <span className="system-xs-medium cursor-pointer text-text-accent-secondary" onClick={resend}>{t('login.checkCode.resend')}</span>
+      }
+    </p>
+  )
 }
diff --git a/web/app/components/splash.tsx b/web/app/components/splash.tsx
index 22e3217f01..031b9b3230 100644
--- a/web/app/components/splash.tsx
+++ b/web/app/components/splash.tsx
@@ -11,7 +11,7 @@ const Splash: FC<PropsWithChildren> = () => {
 
   if (isLoading || !isLoggedIn) {
     return (
-      <div className='fixed inset-0 z-[9999999] flex h-full items-center justify-center bg-background-body'>
+      <div className="fixed inset-0 z-[9999999] flex h-full items-center justify-center bg-background-body">
         <Loading />
       </div>
     )
diff --git a/web/app/components/swr-initializer.tsx b/web/app/components/swr-initializer.tsx
index b7cd767c7a..31be6d62b5 100644
--- a/web/app/components/swr-initializer.tsx
+++ b/web/app/components/swr-initializer.tsx
@@ -1,14 +1,14 @@
 'use client'
 
-import { SWRConfig } from 'swr'
-import { useCallback, useEffect, useState } from 'react'
 import type { ReactNode } from 'react'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
-import { fetchSetupStatus } from '@/service/common'
+import { useCallback, useEffect, useState } from 'react'
+import { SWRConfig } from 'swr'
 import {
-  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
   EDUCATION_VERIFY_URL_SEARCHPARAMS_ACTION,
+  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
 } from '@/app/education-apply/constants'
+import { fetchSetupStatus } from '@/service/common'
 import { resolvePostLoginRedirect } from '../signin/utils/post-login-redirect'
 
 type SwrInitializerProps = {
@@ -71,16 +71,17 @@ const SwrInitializer = ({
 
   return init
     ? (
-      <SWRConfig value={{
-        shouldRetryOnError: false,
-        revalidateOnFocus: false,
-        dedupingInterval: 60000,
-        focusThrottleInterval: 5000,
-        provider: () => new Map(),
-      }}>
-        {children}
-      </SWRConfig>
-    )
+        <SWRConfig value={{
+          shouldRetryOnError: false,
+          revalidateOnFocus: false,
+          dedupingInterval: 60000,
+          focusThrottleInterval: 5000,
+          provider: () => new Map(),
+        }}
+        >
+          {children}
+        </SWRConfig>
+      )
     : null
 }
 
diff --git a/web/app/components/tools/edit-custom-collection-modal/config-credentials.tsx b/web/app/components/tools/edit-custom-collection-modal/config-credentials.tsx
index 7d7a1d5555..19fa90fc25 100644
--- a/web/app/components/tools/edit-custom-collection-modal/config-credentials.tsx
+++ b/web/app/components/tools/edit-custom-collection-modal/config-credentials.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { Credential } from '@/app/components/tools/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Tooltip from '@/app/components/base/tooltip'
-import { cn } from '@/utils/classnames'
-import type { Credential } from '@/app/components/tools/types'
-import Input from '@/app/components/base/input'
-import Drawer from '@/app/components/base/drawer-plus'
 import Button from '@/app/components/base/button'
+import Drawer from '@/app/components/base/drawer-plus'
+import Input from '@/app/components/base/input'
 import Radio from '@/app/components/base/radio/ui'
+import Tooltip from '@/app/components/base/tooltip'
 import { AuthHeaderPrefix, AuthType } from '@/app/components/tools/types'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   positionCenter?: boolean
@@ -32,7 +32,7 @@ const SelectItem: FC<ItemProps> = ({ text, value, isChecked, onClick }) => {
       onClick={() => onClick(value)}
     >
       <Radio isChecked={isChecked} />
-      <div className='system-sm-regular text-text-primary'>{text}</div>
+      <div className="system-sm-regular text-text-primary">{text}</div>
     </div>
   )
 }
@@ -52,18 +52,18 @@ const ConfigCredential: FC<Props> = ({
       positionCenter={positionCenter}
       onHide={onHide}
       title={t('tools.createTool.authMethod.title')!}
-      dialogClassName='z-[60]'
-      dialogBackdropClassName='z-[70]'
-      panelClassName='mt-2 !w-[520px] h-fit z-[80]'
-      maxWidthClassName='!max-w-[520px]'
-      height={'fit-content'}
-      headerClassName='!border-b-divider-regular'
-      body={
-        <div className='px-6 pt-2'>
-          <div className='space-y-4'>
+      dialogClassName="z-[60]"
+      dialogBackdropClassName="z-[70]"
+      panelClassName="mt-2 !w-[520px] h-fit z-[80]"
+      maxWidthClassName="!max-w-[520px]"
+      height="fit-content"
+      headerClassName="!border-b-divider-regular"
+      body={(
+        <div className="px-6 pt-2">
+          <div className="space-y-4">
             <div>
-              <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.authMethod.type')}</div>
-              <div className='flex space-x-3'>
+              <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.authMethod.type')}</div>
+              <div className="flex space-x-3">
                 <SelectItem
                   text={t('tools.createTool.authMethod.types.none')}
                   value={AuthType.none}
@@ -98,8 +98,8 @@ const ConfigCredential: FC<Props> = ({
             {tempCredential.auth_type === AuthType.apiKeyHeader && (
               <>
                 <div>
-                  <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.authHeaderPrefix.title')}</div>
-                  <div className='flex space-x-3'>
+                  <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.authHeaderPrefix.title')}</div>
+                  <div className="flex space-x-3">
                     <SelectItem
                       text={t('tools.createTool.authHeaderPrefix.types.basic')}
                       value={AuthHeaderPrefix.basic}
@@ -121,15 +121,15 @@ const ConfigCredential: FC<Props> = ({
                   </div>
                 </div>
                 <div>
-                  <div className='system-sm-medium flex items-center py-2 text-text-primary'>
+                  <div className="system-sm-medium flex items-center py-2 text-text-primary">
                     {t('tools.createTool.authMethod.key')}
                     <Tooltip
-                      popupContent={
-                        <div className='w-[261px] text-text-tertiary'>
+                      popupContent={(
+                        <div className="w-[261px] text-text-tertiary">
                           {t('tools.createTool.authMethod.keyTooltip')}
                         </div>
-                      }
-                      triggerClassName='ml-0.5 w-4 h-4'
+                      )}
+                      triggerClassName="ml-0.5 w-4 h-4"
                     />
                   </div>
                   <Input
@@ -139,26 +139,27 @@ const ConfigCredential: FC<Props> = ({
                   />
                 </div>
                 <div>
-                  <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.authMethod.value')}</div>
+                  <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.authMethod.value')}</div>
                   <Input
                     value={tempCredential.api_key_value}
                     onChange={e => setTempCredential({ ...tempCredential, api_key_value: e.target.value })}
                     placeholder={t('tools.createTool.authMethod.types.apiValuePlaceholder')!}
                   />
                 </div>
-              </>)}
+              </>
+            )}
             {tempCredential.auth_type === AuthType.apiKeyQuery && (
               <>
                 <div>
-                  <div className='system-sm-medium flex items-center py-2 text-text-primary'>
+                  <div className="system-sm-medium flex items-center py-2 text-text-primary">
                     {t('tools.createTool.authMethod.queryParam')}
                     <Tooltip
-                      popupContent={
-                        <div className='w-[261px] text-text-tertiary'>
+                      popupContent={(
+                        <div className="w-[261px] text-text-tertiary">
                           {t('tools.createTool.authMethod.queryParamTooltip')}
                         </div>
-                      }
-                      triggerClassName='ml-0.5 w-4 h-4'
+                      )}
+                      triggerClassName="ml-0.5 w-4 h-4"
                     />
                   </div>
                   <Input
@@ -168,26 +169,32 @@ const ConfigCredential: FC<Props> = ({
                   />
                 </div>
                 <div>
-                  <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.authMethod.value')}</div>
+                  <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.authMethod.value')}</div>
                   <Input
                     value={tempCredential.api_key_value}
                     onChange={e => setTempCredential({ ...tempCredential, api_key_value: e.target.value })}
                     placeholder={t('tools.createTool.authMethod.types.apiValuePlaceholder')!}
                   />
                 </div>
-              </>)}
+              </>
+            )}
 
           </div>
 
-          <div className='mt-4 flex shrink-0 justify-end space-x-2 py-4'>
+          <div className="mt-4 flex shrink-0 justify-end space-x-2 py-4">
             <Button onClick={onHide}>{t('common.operation.cancel')}</Button>
-            <Button variant='primary' onClick={() => {
-              onChange(tempCredential)
-              onHide()
-            }}>{t('common.operation.save')}</Button>
+            <Button
+              variant="primary"
+              onClick={() => {
+                onChange(tempCredential)
+                onHide()
+              }}
+            >
+              {t('common.operation.save')}
+            </Button>
           </div>
         </div>
-      }
+      )}
     />
   )
 }
diff --git a/web/app/components/tools/edit-custom-collection-modal/get-schema.tsx b/web/app/components/tools/edit-custom-collection-modal/get-schema.tsx
index 1d67dc76a1..fa4f45e75f 100644
--- a/web/app/components/tools/edit-custom-collection-modal/get-schema.tsx
+++ b/web/app/components/tools/edit-custom-collection-modal/get-schema.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useClickAway } from 'ahooks'
 import {
   RiAddLine,
   RiArrowDownSLine,
 } from '@remixicon/react'
-import Toast from '../../base/toast'
-import examples from './examples'
+import { useClickAway } from 'ahooks'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import { importSchemaFromURL } from '@/service/tools'
+import Toast from '../../base/toast'
+import examples from './examples'
 
 type Props = {
   onChange: (value: string) => void
@@ -56,30 +56,30 @@ const GetSchema: FC<Props> = ({
   }, showExamplesRef)
 
   return (
-    <div className='relative flex w-[224px] justify-end space-x-1'>
+    <div className="relative flex w-[224px] justify-end space-x-1">
       <div ref={importURLRef}>
         <Button
-          size='small'
-          className='space-x-1 '
+          size="small"
+          className="space-x-1 "
           onClick={() => { setShowImportFromUrl(!showImportFromUrl) }}
         >
-          <RiAddLine className='h-3 w-3' />
-          <div className='system-xs-medium text-text-secondary'>{t('tools.createTool.importFromUrl')}</div>
+          <RiAddLine className="h-3 w-3" />
+          <div className="system-xs-medium text-text-secondary">{t('tools.createTool.importFromUrl')}</div>
         </Button>
         {showImportFromUrl && (
-          <div className=' absolute left-[-35px] top-[26px] rounded-lg border border-components-panel-border bg-components-panel-bg p-2 shadow-lg'>
-            <div className='relative'>
+          <div className=" absolute left-[-35px] top-[26px] rounded-lg border border-components-panel-border bg-components-panel-bg p-2 shadow-lg">
+            <div className="relative">
               <Input
-                type='text'
-                className='w-[244px]'
+                type="text"
+                className="w-[244px]"
                 placeholder={t('tools.createTool.importFromUrlPlaceHolder')!}
                 value={importUrl}
                 onChange={e => setImportUrl(e.target.value)}
               />
               <Button
-                className='absolute right-1 top-1'
-                size='small'
-                variant='primary'
+                className="absolute right-1 top-1"
+                size="small"
+                variant="primary"
                 disabled={!importUrl}
                 onClick={handleImportFromUrl}
                 loading={isParsing}
@@ -90,17 +90,17 @@ const GetSchema: FC<Props> = ({
           </div>
         )}
       </div>
-      <div className='relative -mt-0.5' ref={showExamplesRef}>
+      <div className="relative -mt-0.5" ref={showExamplesRef}>
         <Button
-          size='small'
-          className='space-x-1'
+          size="small"
+          className="space-x-1"
           onClick={() => { setShowExamples(!showExamples) }}
         >
-          <div className='system-xs-medium text-text-secondary'>{t('tools.createTool.examples')}</div>
-          <RiArrowDownSLine className='h-3 w-3' />
+          <div className="system-xs-medium text-text-secondary">{t('tools.createTool.examples')}</div>
+          <RiArrowDownSLine className="h-3 w-3" />
         </Button>
         {showExamples && (
-          <div className='absolute right-0 top-7 rounded-lg bg-components-panel-bg p-1 shadow-sm'>
+          <div className="absolute right-0 top-7 rounded-lg bg-components-panel-bg p-1 shadow-sm">
             {examples.map(item => (
               <div
                 key={item.key}
@@ -108,7 +108,7 @@ const GetSchema: FC<Props> = ({
                   onChange(item.content)
                   setShowExamples(false)
                 }}
-                className='system-sm-regular cursor-pointer whitespace-nowrap rounded-lg px-3 py-1.5 leading-5 text-text-secondary hover:bg-components-panel-on-panel-item-bg-hover'
+                className="system-sm-regular cursor-pointer whitespace-nowrap rounded-lg px-3 py-1.5 leading-5 text-text-secondary hover:bg-components-panel-on-panel-item-bg-hover"
               >
                 {t(`tools.createTool.exampleOptions.${item.key}`)}
               </div>
diff --git a/web/app/components/tools/edit-custom-collection-modal/index.tsx b/web/app/components/tools/edit-custom-collection-modal/index.tsx
index 32239e15b1..276230aa1b 100644
--- a/web/app/components/tools/edit-custom-collection-modal/index.tsx
+++ b/web/app/components/tools/edit-custom-collection-modal/index.tsx
@@ -1,26 +1,26 @@
 'use client'
 import type { FC } from 'react'
+import type { Credential, CustomCollectionBackend, CustomParamSchema, Emoji } from '../types'
+import { RiSettings2Line } from '@remixicon/react'
+import { useDebounce, useGetState } from 'ahooks'
+import { produce } from 'immer'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDebounce, useGetState } from 'ahooks'
-import { RiSettings2Line } from '@remixicon/react'
-import { produce } from 'immer'
-import { LinkExternal02 } from '../../base/icons/src/vender/line/general'
-import type { Credential, CustomCollectionBackend, CustomParamSchema, Emoji } from '../types'
-import { AuthHeaderPrefix, AuthType } from '../types'
-import GetSchema from './get-schema'
-import ConfigCredentials from './config-credentials'
-import TestApi from './test-api'
-import { cn } from '@/utils/classnames'
-import Drawer from '@/app/components/base/drawer-plus'
+import AppIcon from '@/app/components/base/app-icon'
 import Button from '@/app/components/base/button'
+import Drawer from '@/app/components/base/drawer-plus'
+import EmojiPicker from '@/app/components/base/emoji-picker'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
-import EmojiPicker from '@/app/components/base/emoji-picker'
-import AppIcon from '@/app/components/base/app-icon'
-import { parseParamsSchema } from '@/service/tools'
-import LabelSelector from '@/app/components/tools/labels/selector'
 import Toast from '@/app/components/base/toast'
+import LabelSelector from '@/app/components/tools/labels/selector'
+import { parseParamsSchema } from '@/service/tools'
+import { cn } from '@/utils/classnames'
+import { LinkExternal02 } from '../../base/icons/src/vender/line/general'
+import { AuthHeaderPrefix, AuthType } from '../types'
+import ConfigCredentials from './config-credentials'
+import GetSchema from './get-schema'
+import TestApi from './test-api'
 
 type Props = {
   positionLeft?: boolean
@@ -49,19 +49,19 @@ const EditCustomCollectionModal: FC<Props> = ({
   const [paramsSchemas, setParamsSchemas] = useState<CustomParamSchema[]>(payload?.tools || [])
   const [customCollection, setCustomCollection, getCustomCollection] = useGetState<CustomCollectionBackend>(isAdd
     ? {
-      provider: '',
-      credentials: {
-        auth_type: AuthType.none,
-        api_key_header: 'Authorization',
-        api_key_header_prefix: AuthHeaderPrefix.basic,
-      },
-      icon: {
-        content: '🕵️',
-        background: '#FEF7C3',
-      },
-      schema_type: '',
-      schema: '',
-    }
+        provider: '',
+        credentials: {
+          auth_type: AuthType.none,
+          api_key_header: 'Authorization',
+          api_key_header_prefix: AuthHeaderPrefix.basic,
+        },
+        icon: {
+          content: '🕵️',
+          background: '#FEF7C3',
+        },
+        schema_type: '',
+        schema: '',
+      }
     : payload)
 
   const originalProvider = isEdit ? payload.provider : ''
@@ -189,19 +189,24 @@ const EditCustomCollectionModal: FC<Props> = ({
         onHide={onHide}
         title={t(`tools.createTool.${isAdd ? 'title' : 'editTitle'}`)!}
         dialogClassName={dialogClassName}
-        panelClassName='mt-2 !w-[640px]'
-        maxWidthClassName='!max-w-[640px]'
-        height='calc(100vh - 16px)'
-        headerClassName='!border-b-divider-regular'
-        body={
-          <div className='flex h-full flex-col'>
-            <div className='h-0 grow space-y-4 overflow-y-auto px-6 py-3'>
+        panelClassName="mt-2 !w-[640px]"
+        maxWidthClassName="!max-w-[640px]"
+        height="calc(100vh - 16px)"
+        headerClassName="!border-b-divider-regular"
+        body={(
+          <div className="flex h-full flex-col">
+            <div className="h-0 grow space-y-4 overflow-y-auto px-6 py-3">
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.name')} <span className='ml-1 text-red-500'>*</span></div>
-                <div className='flex items-center justify-between gap-3'>
-                  <AppIcon size='large' onClick={() => { setShowEmojiPicker(true) }} className='cursor-pointer' icon={emoji.content} background={emoji.background} />
+                <div className="system-sm-medium py-2 text-text-primary">
+                  {t('tools.createTool.name')}
+                  {' '}
+                  <span className="ml-1 text-red-500">*</span>
+                </div>
+                <div className="flex items-center justify-between gap-3">
+                  <AppIcon size="large" onClick={() => { setShowEmojiPicker(true) }} className="cursor-pointer" icon={emoji.content} background={emoji.background} />
                   <Input
-                    className='h-10 grow' placeholder={t('tools.createTool.toolNamePlaceHolder')!}
+                    className="h-10 grow"
+                    placeholder={t('tools.createTool.toolNamePlaceHolder')!}
                     value={customCollection.provider}
                     onChange={(e) => {
                       const newCollection = produce(customCollection, (draft) => {
@@ -214,25 +219,29 @@ const EditCustomCollectionModal: FC<Props> = ({
               </div>
 
               {/* Schema */}
-              <div className='select-none'>
-                <div className='flex items-center justify-between'>
-                  <div className='flex items-center'>
-                    <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.schema')}<span className='ml-1 text-red-500'>*</span></div>
-                    <div className='mx-2 h-3 w-px bg-divider-regular'></div>
+              <div className="select-none">
+                <div className="flex items-center justify-between">
+                  <div className="flex items-center">
+                    <div className="system-sm-medium py-2 text-text-primary">
+                      {t('tools.createTool.schema')}
+                      <span className="ml-1 text-red-500">*</span>
+                    </div>
+                    <div className="mx-2 h-3 w-px bg-divider-regular"></div>
                     <a
                       href="https://swagger.io/specification/"
-                      target='_blank' rel='noopener noreferrer'
-                      className='flex h-[18px] items-center space-x-1  text-text-accent'
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="flex h-[18px] items-center space-x-1  text-text-accent"
                     >
-                      <div className='text-xs font-normal'>{t('tools.createTool.viewSchemaSpec')}</div>
-                      <LinkExternal02 className='h-3 w-3' />
+                      <div className="text-xs font-normal">{t('tools.createTool.viewSchemaSpec')}</div>
+                      <LinkExternal02 className="h-3 w-3" />
                     </a>
                   </div>
                   <GetSchema onChange={setSchema} />
 
                 </div>
                 <Textarea
-                  className='h-[240px] resize-none'
+                  className="h-[240px] resize-none"
                   value={schema}
                   onChange={e => setSchema(e.target.value)}
                   placeholder={t('tools.createTool.schemaPlaceHolder')!}
@@ -241,10 +250,10 @@ const EditCustomCollectionModal: FC<Props> = ({
 
               {/* Available Tools  */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.availableTools.title')}</div>
-                <div className='w-full overflow-x-auto rounded-lg border border-divider-regular'>
-                  <table className='system-xs-regular w-full text-text-secondary'>
-                    <thead className='uppercase text-text-tertiary'>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.availableTools.title')}</div>
+                <div className="w-full overflow-x-auto rounded-lg border border-divider-regular">
+                  <table className="system-xs-regular w-full text-text-secondary">
+                    <thead className="uppercase text-text-tertiary">
                       <tr className={cn(paramsSchemas.length > 0 && 'border-b', 'border-divider-regular')}>
                         <th className="p-2 pl-3 font-medium">{t('tools.createTool.availableTools.name')}</th>
                         <th className="w-[236px] p-2 pl-3 font-medium">{t('tools.createTool.availableTools.description')}</th>
@@ -255,14 +264,14 @@ const EditCustomCollectionModal: FC<Props> = ({
                     </thead>
                     <tbody>
                       {paramsSchemas.map((item, index) => (
-                        <tr key={index} className='border-b border-divider-regular last:border-0'>
+                        <tr key={index} className="border-b border-divider-regular last:border-0">
                           <td className="p-2 pl-3">{item.operation_id}</td>
                           <td className="w-[236px] p-2 pl-3">{item.summary}</td>
                           <td className="p-2 pl-3">{item.method}</td>
                           <td className="p-2 pl-3">{getPath(item.server_url)}</td>
                           <td className="w-[62px] p-2 pl-3">
                             <Button
-                              size='small'
+                              size="small"
                               onClick={() => {
                                 setCurrTool(item)
                                 setIsShowTestApi(true)
@@ -280,22 +289,22 @@ const EditCustomCollectionModal: FC<Props> = ({
 
               {/* Authorization method */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.authMethod.title')}</div>
-                <div className='flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal px-2.5' onClick={() => setCredentialsModalShow(true)}>
-                  <div className='system-xs-regular text-text-primary'>{t(`tools.createTool.authMethod.types.${credential.auth_type}`)}</div>
-                  <RiSettings2Line className='h-4 w-4 text-text-secondary' />
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.authMethod.title')}</div>
+                <div className="flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal px-2.5" onClick={() => setCredentialsModalShow(true)}>
+                  <div className="system-xs-regular text-text-primary">{t(`tools.createTool.authMethod.types.${credential.auth_type}`)}</div>
+                  <RiSettings2Line className="h-4 w-4 text-text-secondary" />
                 </div>
               </div>
 
               {/* Labels */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.toolInput.label')}</div>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.toolInput.label')}</div>
                 <LabelSelector value={labels} onChange={handleLabelSelect} />
               </div>
 
               {/* Privacy Policy */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.privacyPolicy')}</div>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.privacyPolicy')}</div>
                 <Input
                   value={customCollection.privacy_policy}
                   onChange={(e) => {
@@ -304,11 +313,13 @@ const EditCustomCollectionModal: FC<Props> = ({
                     })
                     setCustomCollection(newCollection)
                   }}
-                  className='h-10 grow' placeholder={t('tools.createTool.privacyPolicyPlaceholder') || ''} />
+                  className="h-10 grow"
+                  placeholder={t('tools.createTool.privacyPolicyPlaceholder') || ''}
+                />
               </div>
 
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.customDisclaimer')}</div>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.customDisclaimer')}</div>
                 <Input
                   value={customCollection.custom_disclaimer}
                   onChange={(e) => {
@@ -317,38 +328,42 @@ const EditCustomCollectionModal: FC<Props> = ({
                     })
                     setCustomCollection(newCollection)
                   }}
-                  className='h-10 grow' placeholder={t('tools.createTool.customDisclaimerPlaceholder') || ''} />
+                  className="h-10 grow"
+                  placeholder={t('tools.createTool.customDisclaimerPlaceholder') || ''}
+                />
               </div>
 
             </div>
-            <div className={cn(isEdit ? 'justify-between' : 'justify-end', 'mt-2 flex shrink-0 rounded-b-[10px] border-t border-divider-regular bg-background-section-burn px-6 py-4')} >
+            <div className={cn(isEdit ? 'justify-between' : 'justify-end', 'mt-2 flex shrink-0 rounded-b-[10px] border-t border-divider-regular bg-background-section-burn px-6 py-4')}>
               {
                 isEdit && (
-                  <Button variant='warning' onClick={onRemove}>{t('common.operation.delete')}</Button>
+                  <Button variant="warning" onClick={onRemove}>{t('common.operation.delete')}</Button>
                 )
               }
-              <div className='flex space-x-2 '>
+              <div className="flex space-x-2 ">
                 <Button onClick={onHide}>{t('common.operation.cancel')}</Button>
-                <Button variant='primary' onClick={handleSave}>{t('common.operation.save')}</Button>
+                <Button variant="primary" onClick={handleSave}>{t('common.operation.save')}</Button>
               </div>
             </div>
-            {showEmojiPicker && <EmojiPicker
-              onSelect={(icon, icon_background) => {
-                setEmoji({ content: icon, background: icon_background })
-                setShowEmojiPicker(false)
-              }}
-              onClose={() => {
-                setShowEmojiPicker(false)
-              }}
-            />}
+            {showEmojiPicker && (
+              <EmojiPicker
+                onSelect={(icon, icon_background) => {
+                  setEmoji({ content: icon, background: icon_background })
+                  setShowEmojiPicker(false)
+                }}
+                onClose={() => {
+                  setShowEmojiPicker(false)
+                }}
+              />
+            )}
             {credentialsModalShow && (
               <ConfigCredentials
                 positionCenter={isAdd}
                 credential={credential}
                 onChange={setCredential}
                 onHide={() => setCredentialsModalShow(false)}
-              />)
-            }
+              />
+            )}
             {isShowTestApi && (
               <TestApi
                 positionCenter={isAdd}
@@ -358,7 +373,7 @@ const EditCustomCollectionModal: FC<Props> = ({
               />
             )}
           </div>
-        }
+        )}
         isShowMask={true}
         clickOutsideNotOpen={true}
       />
diff --git a/web/app/components/tools/edit-custom-collection-modal/test-api.tsx b/web/app/components/tools/edit-custom-collection-modal/test-api.tsx
index 80267a7fe6..29cd543e1e 100644
--- a/web/app/components/tools/edit-custom-collection-modal/test-api.tsx
+++ b/web/app/components/tools/edit-custom-collection-modal/test-api.tsx
@@ -1,17 +1,18 @@
 'use client'
 import type { FC } from 'react'
+import type { Credential, CustomCollectionBackend, CustomParamSchema } from '@/app/components/tools/types'
+import { RiSettings2Line } from '@remixicon/react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { RiSettings2Line } from '@remixicon/react'
-import ConfigCredentials from './config-credentials'
-import { AuthType, type Credential, type CustomCollectionBackend, type CustomParamSchema } from '@/app/components/tools/types'
 import Button from '@/app/components/base/button'
-import Input from '@/app/components/base/input'
 import Drawer from '@/app/components/base/drawer-plus'
+import Input from '@/app/components/base/input'
+import { AuthType } from '@/app/components/tools/types'
 import I18n from '@/context/i18n'
-import { testAPIAvailable } from '@/service/tools'
 import { getLanguage } from '@/i18n-config/language'
+import { testAPIAvailable } from '@/service/tools'
+import ConfigCredentials from './config-credentials'
 
 type Props = {
   positionCenter?: boolean
@@ -36,7 +37,8 @@ const TestApi: FC<Props> = ({
   const { operation_id: toolName, parameters } = tool
   const [parametersValue, setParametersValue] = useState<Record<string, string>>({})
   const handleTest = async () => {
-    if (testing) return
+    if (testing)
+      return
     setTesting(true)
     // clone test schema
     const credentials = JSON.parse(JSON.stringify(tempCredential)) as Credential
@@ -65,34 +67,34 @@ const TestApi: FC<Props> = ({
         positionCenter={positionCenter}
         onHide={onHide}
         title={`${t('tools.test.title')}  ${toolName}`}
-        panelClassName='mt-2 !w-[600px]'
-        maxWidthClassName='!max-w-[600px]'
-        height='calc(100vh - 16px)'
-        headerClassName='!border-b-divider-regular'
-        body={
-          <div className='overflow-y-auto px-6 pt-2'>
-            <div className='space-y-4'>
+        panelClassName="mt-2 !w-[600px]"
+        maxWidthClassName="!max-w-[600px]"
+        height="calc(100vh - 16px)"
+        headerClassName="!border-b-divider-regular"
+        body={(
+          <div className="overflow-y-auto px-6 pt-2">
+            <div className="space-y-4">
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.authMethod.title')}</div>
-                <div className='flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal px-2.5' onClick={() => setCredentialsModalShow(true)}>
-                  <div className='system-xs-regular text-text-primary'>{t(`tools.createTool.authMethod.types.${tempCredential.auth_type}`)}</div>
-                  <RiSettings2Line className='h-4 w-4 text-text-secondary' />
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.authMethod.title')}</div>
+                <div className="flex h-9 cursor-pointer items-center justify-between rounded-lg bg-components-input-bg-normal px-2.5" onClick={() => setCredentialsModalShow(true)}>
+                  <div className="system-xs-regular text-text-primary">{t(`tools.createTool.authMethod.types.${tempCredential.auth_type}`)}</div>
+                  <RiSettings2Line className="h-4 w-4 text-text-secondary" />
                 </div>
               </div>
 
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.test.parametersValue')}</div>
-                <div className='rounded-lg border border-divider-regular'>
-                  <table className='system-xs-regular w-full font-normal text-text-secondary'>
-                    <thead className='uppercase text-text-tertiary'>
-                      <tr className='border-b border-divider-regular'>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.test.parametersValue')}</div>
+                <div className="rounded-lg border border-divider-regular">
+                  <table className="system-xs-regular w-full font-normal text-text-secondary">
+                    <thead className="uppercase text-text-tertiary">
+                      <tr className="border-b border-divider-regular">
                         <th className="p-2 pl-3 font-medium">{t('tools.test.parameters')}</th>
                         <th className="p-2 pl-3 font-medium">{t('tools.test.value')}</th>
                       </tr>
                     </thead>
                     <tbody>
                       {parameters.map((item, index) => (
-                        <tr key={index} className='border-b border-divider-regular last:border-0'>
+                        <tr key={index} className="border-b border-divider-regular last:border-0">
                           <td className="py-2 pl-3 pr-2.5">
                             {item.label[language]}
                           </td>
@@ -100,8 +102,9 @@ const TestApi: FC<Props> = ({
                             <Input
                               value={parametersValue[item.name] || ''}
                               onChange={e => setParametersValue({ ...parametersValue, [item.name]: e.target.value })}
-                              type='text'
-                              className='!hover:border-transparent !hover:bg-transparent !focus:border-transparent !focus:bg-transparent !border-transparent !bg-transparent' />
+                              type="text"
+                              className="!hover:border-transparent !hover:bg-transparent !focus:border-transparent !focus:bg-transparent !border-transparent !bg-transparent"
+                            />
                           </td>
                         </tr>
                       ))}
@@ -111,18 +114,18 @@ const TestApi: FC<Props> = ({
               </div>
 
             </div>
-            <Button variant='primary' className=' mt-4 h-10 w-full' loading={testing} disabled={testing} onClick={handleTest}>{t('tools.test.title')}</Button>
-            <div className='mt-6'>
-              <div className='flex items-center space-x-3'>
-                <div className='system-xs-semibold text-text-tertiary'>{t('tools.test.testResult')}</div>
-                <div className='bg-[rgb(243, 244, 246)] h-px w-0 grow'></div>
+            <Button variant="primary" className=" mt-4 h-10 w-full" loading={testing} disabled={testing} onClick={handleTest}>{t('tools.test.title')}</Button>
+            <div className="mt-6">
+              <div className="flex items-center space-x-3">
+                <div className="system-xs-semibold text-text-tertiary">{t('tools.test.testResult')}</div>
+                <div className="bg-[rgb(243, 244, 246)] h-px w-0 grow"></div>
               </div>
-              <div className='system-xs-regular mt-2 h-[200px] overflow-y-auto overflow-x-hidden rounded-lg bg-components-input-bg-normal px-3 py-2 text-text-secondary'>
-                {result || <span className='text-text-quaternary'>{t('tools.test.testResultPlaceholder')}</span>}
+              <div className="system-xs-regular mt-2 h-[200px] overflow-y-auto overflow-x-hidden rounded-lg bg-components-input-bg-normal px-3 py-2 text-text-secondary">
+                {result || <span className="text-text-quaternary">{t('tools.test.testResultPlaceholder')}</span>}
               </div>
             </div>
           </div>
-        }
+        )}
       />
       {credentialsModalShow && (
         <ConfigCredentials
@@ -130,8 +133,8 @@ const TestApi: FC<Props> = ({
           credential={tempCredential}
           onChange={setTempCredential}
           onHide={() => setCredentialsModalShow(false)}
-        />)
-      }
+        />
+      )}
     </>
   )
 }
diff --git a/web/app/components/tools/labels/filter.tsx b/web/app/components/tools/labels/filter.tsx
index 78470d9767..c858d3b485 100644
--- a/web/app/components/tools/labels/filter.tsx
+++ b/web/app/components/tools/labels/filter.tsx
@@ -1,20 +1,20 @@
 import type { FC } from 'react'
+import type { Label } from '@/app/components/tools/labels/constant'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useDebounceFn } from 'ahooks'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDebounceFn } from 'ahooks'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { Tag01, Tag03 } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
+import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Input from '@/app/components/base/input'
-import { Tag01, Tag03 } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
-import { Check } from '@/app/components/base/icons/src/vender/line/general'
-import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
-import type { Label } from '@/app/components/tools/labels/constant'
 import { useTags } from '@/app/components/plugins/hooks'
+import { cn } from '@/utils/classnames'
 
 type LabelFilterProps = {
   value: string[]
@@ -58,47 +58,51 @@ const LabelFilter: FC<LabelFilterProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => setOpen(v => !v)}
-          className='block'
+          className="block"
         >
           <div className={cn(
             'flex h-8 cursor-pointer select-none items-center gap-1 rounded-lg border-[0.5px] border-transparent bg-components-input-bg-normal px-2 hover:bg-components-input-bg-hover',
             !open && !!value.length && 'shadow-xs',
             open && !!value.length && 'shadow-xs',
-          )}>
-            <div className='p-[1px]'>
-              <Tag01 className='h-3.5 w-3.5 text-text-tertiary' />
+          )}
+          >
+            <div className="p-[1px]">
+              <Tag01 className="h-3.5 w-3.5 text-text-tertiary" />
             </div>
-            <div className='text-[13px] leading-[18px] text-text-tertiary'>
+            <div className="text-[13px] leading-[18px] text-text-tertiary">
               {!value.length && t('common.tag.placeholder')}
               {!!value.length && currentLabel?.label}
             </div>
             {value.length > 1 && (
-              <div className='text-xs font-medium leading-[18px] text-text-tertiary'>{`+${value.length - 1}`}</div>
+              <div className="text-xs font-medium leading-[18px] text-text-tertiary">{`+${value.length - 1}`}</div>
             )}
             {!value.length && (
-              <div className='p-[1px]'>
-                <RiArrowDownSLine className='h-3.5 w-3.5 text-text-tertiary' />
+              <div className="p-[1px]">
+                <RiArrowDownSLine className="h-3.5 w-3.5 text-text-tertiary" />
               </div>
             )}
             {!!value.length && (
-              <div className='group/clear cursor-pointer p-[1px]' onClick={(e) => {
-                e.stopPropagation()
-                onChange([])
-              }}>
-                <XCircle className='h-3.5 w-3.5 text-text-tertiary group-hover/clear:text-text-secondary' />
+              <div
+                className="group/clear cursor-pointer p-[1px]"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  onChange([])
+                }}
+              >
+                <XCircle className="h-3.5 w-3.5 text-text-tertiary group-hover/clear:text-text-secondary" />
               </div>
             )}
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1002]'>
-          <div className='relative w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg  backdrop-blur-[5px]'>
-            <div className='p-2'>
+        <PortalToFollowElemContent className="z-[1002]">
+          <div className="relative w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg  backdrop-blur-[5px]">
+            <div className="p-2">
               <Input
                 showLeftIcon
                 showClearIcon
@@ -107,21 +111,21 @@ const LabelFilter: FC<LabelFilterProps> = ({
                 onClear={() => handleKeywordsChange('')}
               />
             </div>
-            <div className='p-1'>
+            <div className="p-1">
               {filteredLabelList.map(label => (
                 <div
                   key={label.name}
-                  className='flex cursor-pointer select-none items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-state-base-hover'
+                  className="flex cursor-pointer select-none items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-state-base-hover"
                   onClick={() => selectLabel(label)}
                 >
-                  <div title={label.label} className='grow truncate text-sm leading-5 text-text-secondary'>{label.label}</div>
-                  {value.includes(label.name) && <Check className='h-4 w-4 shrink-0 text-text-accent' />}
+                  <div title={label.label} className="grow truncate text-sm leading-5 text-text-secondary">{label.label}</div>
+                  {value.includes(label.name) && <Check className="h-4 w-4 shrink-0 text-text-accent" />}
                 </div>
               ))}
               {!filteredLabelList.length && (
-                <div className='flex flex-col items-center gap-1 p-3'>
-                  <Tag03 className='h-6 w-6 text-text-quaternary' />
-                  <div className='text-xs leading-[14px] text-text-tertiary'>{t('common.tag.noTag')}</div>
+                <div className="flex flex-col items-center gap-1 p-3">
+                  <Tag03 className="h-6 w-6 text-text-quaternary" />
+                  <div className="text-xs leading-[14px] text-text-tertiary">{t('common.tag.noTag')}</div>
                 </div>
               )}
             </div>
diff --git a/web/app/components/tools/labels/selector.tsx b/web/app/components/tools/labels/selector.tsx
index cd273f3afa..e3afea41a8 100644
--- a/web/app/components/tools/labels/selector.tsx
+++ b/web/app/components/tools/labels/selector.tsx
@@ -1,20 +1,20 @@
 import type { FC } from 'react'
+import type { Label } from '@/app/components/tools/labels/constant'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useDebounceFn } from 'ahooks'
+import { noop } from 'lodash-es'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDebounceFn } from 'ahooks'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import Checkbox from '@/app/components/base/checkbox'
+import { Tag03 } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Input from '@/app/components/base/input'
-import { Tag03 } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
-import Checkbox from '@/app/components/base/checkbox'
-import type { Label } from '@/app/components/tools/labels/constant'
 import { useTags } from '@/app/components/plugins/hooks'
-import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
 
 type LabelSelectorProps = {
   value: string[]
@@ -58,30 +58,31 @@ const LabelSelector: FC<LabelSelectorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => setOpen(v => !v)}
-          className='block'
+          className="block"
         >
           <div className={cn(
             'flex h-10 cursor-pointer items-center gap-1 rounded-lg border-[0.5px] border-transparent bg-components-input-bg-normal px-3 hover:bg-components-input-bg-hover',
             open && '!hover:bg-components-input-bg-hover hover:bg-components-input-bg-hover',
-          )}>
+          )}
+          >
             <div title={value.length > 0 ? selectedLabels : ''} className={cn('grow truncate text-[13px] leading-[18px] text-text-secondary', !value.length && '!text-text-quaternary')}>
               {!value.length && t('tools.createTool.toolInput.labelPlaceholder')}
               {!!value.length && selectedLabels}
             </div>
-            <div className='ml-1 shrink-0 text-text-secondary opacity-60'>
-              <RiArrowDownSLine className='h-4 w-4' />
+            <div className="ml-1 shrink-0 text-text-secondary opacity-60">
+              <RiArrowDownSLine className="h-4 w-4" />
             </div>
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1040]'>
-          <div className='relative w-[591px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg  backdrop-blur-[5px]'>
-            <div className='border-b-[0.5px] border-divider-regular p-2'>
+        <PortalToFollowElemContent className="z-[1040]">
+          <div className="relative w-[591px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg  backdrop-blur-[5px]">
+            <div className="border-b-[0.5px] border-divider-regular p-2">
               <Input
                 showLeftIcon
                 showClearIcon
@@ -90,25 +91,25 @@ const LabelSelector: FC<LabelSelectorProps> = ({
                 onClear={() => handleKeywordsChange('')}
               />
             </div>
-            <div className='max-h-[264px] overflow-y-auto p-1'>
+            <div className="max-h-[264px] overflow-y-auto p-1">
               {filteredLabelList.map(label => (
                 <div
                   key={label.name}
-                  className='flex cursor-pointer items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-components-panel-on-panel-item-bg-hover'
+                  className="flex cursor-pointer items-center gap-2 rounded-lg py-[6px] pl-3 pr-2 hover:bg-components-panel-on-panel-item-bg-hover"
                   onClick={() => selectLabel(label)}
                 >
                   <Checkbox
-                    className='shrink-0'
+                    className="shrink-0"
                     checked={value.includes(label.name)}
                     onCheck={noop}
                   />
-                  <div title={label.label} className='grow truncate text-sm leading-5 text-text-secondary'>{label.label}</div>
+                  <div title={label.label} className="grow truncate text-sm leading-5 text-text-secondary">{label.label}</div>
                 </div>
               ))}
               {!filteredLabelList.length && (
-                <div className='flex flex-col items-center gap-1 p-3'>
-                  <Tag03 className='h-6 w-6 text-text-quaternary' />
-                  <div className='text-xs leading-[14px] text-text-tertiary'>{t('common.tag.noTag')}</div>
+                <div className="flex flex-col items-center gap-1 p-3">
+                  <Tag03 className="h-6 w-6 text-text-quaternary" />
+                  <div className="text-xs leading-[14px] text-text-tertiary">{t('common.tag.noTag')}</div>
                 </div>
               )}
             </div>
diff --git a/web/app/components/tools/labels/store.ts b/web/app/components/tools/labels/store.ts
index c19991dfd4..2c57a51062 100644
--- a/web/app/components/tools/labels/store.ts
+++ b/web/app/components/tools/labels/store.ts
@@ -1,5 +1,5 @@
-import { create } from 'zustand'
 import type { Label } from './constant'
+import { create } from 'zustand'
 
 type State = {
   labelList: Label[]
diff --git a/web/app/components/tools/marketplace/hooks.ts b/web/app/components/tools/marketplace/hooks.ts
index 904eeb95a8..6db444f012 100644
--- a/web/app/components/tools/marketplace/hooks.ts
+++ b/web/app/components/tools/marketplace/hooks.ts
@@ -4,13 +4,13 @@ import {
   useMemo,
   useRef,
 } from 'react'
+import { SCROLL_BOTTOM_THRESHOLD } from '@/app/components/plugins/marketplace/constants'
 import {
   useMarketplaceCollectionsAndPlugins,
   useMarketplacePlugins,
 } from '@/app/components/plugins/marketplace/hooks'
-import { SCROLL_BOTTOM_THRESHOLD } from '@/app/components/plugins/marketplace/constants'
-import { PluginCategoryEnum } from '@/app/components/plugins/types'
 import { getMarketplaceListCondition } from '@/app/components/plugins/marketplace/utils'
+import { PluginCategoryEnum } from '@/app/components/plugins/types'
 import { useAllToolProviders } from '@/service/use-tools'
 
 export const useMarketplace = (searchPluginText: string, filterPluginTags: string[]) => {
diff --git a/web/app/components/tools/marketplace/index.spec.tsx b/web/app/components/tools/marketplace/index.spec.tsx
index 9d0b566dc7..1056fe9d84 100644
--- a/web/app/components/tools/marketplace/index.spec.tsx
+++ b/web/app/components/tools/marketplace/index.spec.tsx
@@ -1,14 +1,16 @@
-import React from 'react'
+import type { Plugin } from '@/app/components/plugins/types'
+import type { Collection } from '@/app/components/tools/types'
 import { act, render, renderHook, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import Marketplace from './index'
-import { useMarketplace } from './hooks'
-import { PluginCategoryEnum } from '@/app/components/plugins/types'
-import { getMarketplaceListCondition } from '@/app/components/plugins/marketplace/utils'
+import React from 'react'
 import { SCROLL_BOTTOM_THRESHOLD } from '@/app/components/plugins/marketplace/constants'
-import type { Collection } from '@/app/components/tools/types'
+import { getMarketplaceListCondition } from '@/app/components/plugins/marketplace/utils'
+import { PluginCategoryEnum } from '@/app/components/plugins/types'
 import { CollectionType } from '@/app/components/tools/types'
-import type { Plugin } from '@/app/components/plugins/types'
+import { getMarketplaceUrl } from '@/utils/var'
+import { useMarketplace } from './hooks'
+
+import Marketplace from './index'
 
 const listRenderSpy = vi.fn()
 vi.mock('@/app/components/plugins/marketplace/list', () => ({
@@ -50,7 +52,6 @@ vi.mock('next-themes', () => ({
   useTheme: () => ({ theme: 'light' }),
 }))
 
-import { getMarketplaceUrl } from '@/utils/var'
 const mockGetMarketplaceUrl = vi.mocked(getMarketplaceUrl)
 
 const createToolProvider = (overrides: Partial<Collection> = {}): Collection => ({
diff --git a/web/app/components/tools/marketplace/index.tsx b/web/app/components/tools/marketplace/index.tsx
index c68bd56273..9966ce90db 100644
--- a/web/app/components/tools/marketplace/index.tsx
+++ b/web/app/components/tools/marketplace/index.tsx
@@ -1,12 +1,12 @@
-import { useTheme } from 'next-themes'
+import type { useMarketplace } from './hooks'
 import {
   RiArrowRightUpLine,
   RiArrowUpDoubleLine,
 } from '@remixicon/react'
+import { useTheme } from 'next-themes'
 import { useTranslation } from 'react-i18next'
-import type { useMarketplace } from './hooks'
-import List from '@/app/components/plugins/marketplace/list'
 import Loading from '@/app/components/base/loading'
+import List from '@/app/components/plugins/marketplace/list'
 import { getLocaleOnClient } from '@/i18n-config'
 import { getMarketplaceUrl } from '@/utils/var'
 
@@ -37,18 +37,18 @@ const Marketplace = ({
 
   return (
     <>
-      <div className='sticky bottom-0 flex shrink-0 flex-col bg-background-default-subtle px-12 pb-[14px] pt-2'>
+      <div className="sticky bottom-0 flex shrink-0 flex-col bg-background-default-subtle px-12 pb-[14px] pt-2">
         {isMarketplaceArrowVisible && (
           <RiArrowUpDoubleLine
-            className='absolute left-1/2 top-2 z-10 h-4 w-4 -translate-x-1/2 cursor-pointer text-text-quaternary'
+            className="absolute left-1/2 top-2 z-10 h-4 w-4 -translate-x-1/2 cursor-pointer text-text-quaternary"
             onClick={showMarketplacePanel}
           />
         )}
-        <div className='pb-3 pt-4'>
-          <div className='title-2xl-semi-bold bg-gradient-to-r from-[rgba(11,165,236,0.95)] to-[rgba(21,90,239,0.95)] bg-clip-text text-transparent'>
+        <div className="pb-3 pt-4">
+          <div className="title-2xl-semi-bold bg-gradient-to-r from-[rgba(11,165,236,0.95)] to-[rgba(21,90,239,0.95)] bg-clip-text text-transparent">
             {t('plugin.marketplace.moreFrom')}
           </div>
-          <div className='body-md-regular flex items-center text-center text-text-tertiary'>
+          <div className="body-md-regular flex items-center text-center text-text-tertiary">
             {t('plugin.marketplace.discover')}
             <span className="body-md-medium relative ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
               {t('plugin.category.models')}
@@ -80,19 +80,19 @@ const Marketplace = ({
             {t('common.operation.in')}
             <a
               href={getMarketplaceUrl('', { language: locale, q: searchPluginText, tags: filterPluginTags.join(','), theme })}
-              className='system-sm-medium ml-1 flex items-center text-text-accent'
-              target='_blank'
+              className="system-sm-medium ml-1 flex items-center text-text-accent"
+              target="_blank"
             >
               {t('plugin.marketplace.difyMarketplace')}
-              <RiArrowRightUpLine className='h-4 w-4' />
+              <RiArrowRightUpLine className="h-4 w-4" />
             </a>
           </div>
         </div>
       </div>
-      <div className='mt-[-14px] shrink-0 grow bg-background-default-subtle px-12 pb-2'>
+      <div className="mt-[-14px] shrink-0 grow bg-background-default-subtle px-12 pb-2">
         {
           isLoading && page === 1 && (
-            <div className='absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'>
+            <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
               <Loading />
             </div>
           )
diff --git a/web/app/components/tools/mcp/create-card.tsx b/web/app/components/tools/mcp/create-card.tsx
index 5a2a64af72..da8ff289a2 100644
--- a/web/app/components/tools/mcp/create-card.tsx
+++ b/web/app/components/tools/mcp/create-card.tsx
@@ -1,18 +1,18 @@
 'use client'
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
 import {
   RiAddCircleFill,
   RiArrowRightUpLine,
   RiBookOpenLine,
 } from '@remixicon/react'
-import MCPModal from './modal'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { useAppContext } from '@/context/app-context'
 import I18n from '@/context/i18n'
 import { getLanguage } from '@/i18n-config/language'
-import { useAppContext } from '@/context/app-context'
 import { useCreateMCP } from '@/service/use-tools'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
+import MCPModal from './modal'
 
 type Props = {
   handleCreate: (provider: ToolWithProvider) => void
@@ -44,20 +44,20 @@ const NewMCPCard = ({ handleCreate }: Props) => {
   return (
     <>
       {isCurrentWorkspaceManager && (
-        <div className='col-span-1 flex min-h-[108px] cursor-pointer flex-col rounded-xl bg-background-default-dimmed transition-all duration-200 ease-in-out'>
-          <div className='group grow rounded-t-xl' onClick={() => setShowModal(true)}>
-            <div className='flex shrink-0 items-center p-4 pb-3'>
-              <div className='flex h-10 w-10 items-center justify-center rounded-lg border border-dashed border-divider-deep group-hover:border-solid group-hover:border-state-accent-hover-alt group-hover:bg-state-accent-hover'>
-                <RiAddCircleFill className='h-4 w-4 text-text-quaternary group-hover:text-text-accent'/>
+        <div className="col-span-1 flex min-h-[108px] cursor-pointer flex-col rounded-xl bg-background-default-dimmed transition-all duration-200 ease-in-out">
+          <div className="group grow rounded-t-xl" onClick={() => setShowModal(true)}>
+            <div className="flex shrink-0 items-center p-4 pb-3">
+              <div className="flex h-10 w-10 items-center justify-center rounded-lg border border-dashed border-divider-deep group-hover:border-solid group-hover:border-state-accent-hover-alt group-hover:bg-state-accent-hover">
+                <RiAddCircleFill className="h-4 w-4 text-text-quaternary group-hover:text-text-accent" />
               </div>
-              <div className='system-md-semibold ml-3 text-text-secondary group-hover:text-text-accent'>{t('tools.mcp.create.cardTitle')}</div>
+              <div className="system-md-semibold ml-3 text-text-secondary group-hover:text-text-accent">{t('tools.mcp.create.cardTitle')}</div>
             </div>
           </div>
-          <div className='rounded-b-xl border-t-[0.5px] border-divider-subtle px-4 py-3 text-text-tertiary hover:text-text-accent'>
-            <a href={linkUrl} target='_blank' rel='noopener noreferrer' className='flex items-center space-x-1'>
-              <RiBookOpenLine className='h-3 w-3 shrink-0' />
-              <div className='system-xs-regular grow truncate' title={t('tools.mcp.create.cardLink') || ''}>{t('tools.mcp.create.cardLink')}</div>
-              <RiArrowRightUpLine className='h-3 w-3 shrink-0' />
+          <div className="rounded-b-xl border-t-[0.5px] border-divider-subtle px-4 py-3 text-text-tertiary hover:text-text-accent">
+            <a href={linkUrl} target="_blank" rel="noopener noreferrer" className="flex items-center space-x-1">
+              <RiBookOpenLine className="h-3 w-3 shrink-0" />
+              <div className="system-xs-regular grow truncate" title={t('tools.mcp.create.cardLink') || ''}>{t('tools.mcp.create.cardLink')}</div>
+              <RiArrowRightUpLine className="h-3 w-3 shrink-0" />
             </a>
           </div>
         </div>
diff --git a/web/app/components/tools/mcp/detail/content.tsx b/web/app/components/tools/mcp/detail/content.tsx
index ade39b6d06..bf57515f7d 100644
--- a/web/app/components/tools/mcp/detail/content.tsx
+++ b/web/app/components/tools/mcp/detail/content.tsx
@@ -1,26 +1,23 @@
 'use client'
-import React, { useCallback, useEffect } from 'react'
 import type { FC } from 'react'
-import { useBoolean } from 'ahooks'
-import copy from 'copy-to-clipboard'
-import { useTranslation } from 'react-i18next'
-import { useAppContext } from '@/context/app-context'
+import type { ToolWithProvider } from '../../../workflow/types'
 import {
   RiCloseLine,
   RiLoader2Line,
   RiLoopLeftLine,
 } from '@remixicon/react'
-import type { ToolWithProvider } from '../../../workflow/types'
-import Icon from '@/app/components/plugins/card/base/card-icon'
+import { useBoolean } from 'ahooks'
+import copy from 'copy-to-clipboard'
+import React, { useCallback, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import Button from '@/app/components/base/button'
 import Confirm from '@/app/components/base/confirm'
-import Indicator from '@/app/components/header/indicator'
 import Tooltip from '@/app/components/base/tooltip'
-import MCPModal from '../modal'
-import OperationDropdown from './operation-dropdown'
-import ListLoading from './list-loading'
-import ToolItem from './tool-item'
+import Indicator from '@/app/components/header/indicator'
+import Icon from '@/app/components/plugins/card/base/card-icon'
+import { useAppContext } from '@/context/app-context'
+import { openOAuthPopup } from '@/hooks/use-oauth'
 import {
   useAuthorizeMCP,
   useDeleteMCP,
@@ -29,8 +26,11 @@ import {
   useUpdateMCP,
   useUpdateMCPTools,
 } from '@/service/use-tools'
-import { openOAuthPopup } from '@/hooks/use-oauth'
 import { cn } from '@/utils/classnames'
+import MCPModal from '../modal'
+import ListLoading from './list-loading'
+import OperationDropdown from './operation-dropdown'
+import ToolItem from './tool-item'
 
 type Props = {
   detail: ToolWithProvider
@@ -149,50 +149,50 @@ const MCPDetailContent: FC<Props> = ({
   return (
     <>
       <div className={cn('shrink-0 border-b border-divider-subtle bg-components-panel-bg p-4 pb-3')}>
-        <div className='flex'>
-          <div className='shrink-0 overflow-hidden rounded-xl border border-components-panel-border-subtle'>
+        <div className="flex">
+          <div className="shrink-0 overflow-hidden rounded-xl border border-components-panel-border-subtle">
             <Icon src={detail.icon} />
           </div>
-          <div className='ml-3 w-0 grow'>
-            <div className='flex h-5 items-center'>
-              <div className='system-md-semibold truncate text-text-primary' title={detail.name}>{detail.name}</div>
+          <div className="ml-3 w-0 grow">
+            <div className="flex h-5 items-center">
+              <div className="system-md-semibold truncate text-text-primary" title={detail.name}>{detail.name}</div>
             </div>
-            <div className='mt-0.5 flex items-center gap-1'>
+            <div className="mt-0.5 flex items-center gap-1">
               <Tooltip popupContent={t('tools.mcp.identifier')}>
-                <div className='system-xs-regular shrink-0 cursor-pointer text-text-secondary' onClick={() => copy(detail.server_identifier || '')}>{detail.server_identifier}</div>
+                <div className="system-xs-regular shrink-0 cursor-pointer text-text-secondary" onClick={() => copy(detail.server_identifier || '')}>{detail.server_identifier}</div>
               </Tooltip>
-              <div className='system-xs-regular shrink-0 text-text-quaternary'>·</div>
+              <div className="system-xs-regular shrink-0 text-text-quaternary">·</div>
               <Tooltip popupContent={t('tools.mcp.modal.serverUrl')}>
-                <div className='system-xs-regular truncate text-text-secondary'>{detail.server_url}</div>
+                <div className="system-xs-regular truncate text-text-secondary">{detail.server_url}</div>
               </Tooltip>
             </div>
           </div>
-          <div className='flex gap-1'>
+          <div className="flex gap-1">
             <OperationDropdown
               onEdit={showUpdateModal}
               onRemove={showDeleteConfirm}
             />
             <ActionButton onClick={onHide}>
-              <RiCloseLine className='h-4 w-4' />
+              <RiCloseLine className="h-4 w-4" />
             </ActionButton>
           </div>
         </div>
-        <div className='mt-5'>
+        <div className="mt-5">
           {!isAuthorizing && detail.is_team_authorization && (
             <Button
-              variant='secondary'
-              className='w-full'
+              variant="secondary"
+              className="w-full"
               onClick={handleAuthorize}
               disabled={!isCurrentWorkspaceManager}
             >
-              <Indicator className='mr-2' color={'green'} />
+              <Indicator className="mr-2" color="green" />
               {t('tools.auth.authorized')}
             </Button>
           )}
           {!detail.is_team_authorization && !isAuthorizing && (
             <Button
-              variant='primary'
-              className='w-full'
+              variant="primary"
+              className="w-full"
               onClick={handleAuthorize}
               disabled={!isCurrentWorkspaceManager}
             >
@@ -201,8 +201,8 @@ const MCPDetailContent: FC<Props> = ({
           )}
           {isAuthorizing && (
             <Button
-              variant='primary'
-              className='w-full'
+              variant="primary"
+              className="w-full"
               disabled
             >
               <RiLoader2Line className={cn('mr-1 h-4 w-4 animate-spin')} />
@@ -211,45 +211,47 @@ const MCPDetailContent: FC<Props> = ({
           )}
         </div>
       </div>
-      <div className='flex grow flex-col'>
+      <div className="flex grow flex-col">
         {((detail.is_team_authorization && isGettingTools) || isUpdating) && (
           <>
-            <div className='flex shrink-0 justify-between gap-2 px-4 pb-1 pt-2'>
-              <div className='flex h-6 items-center'>
-                {!isUpdating && <div className='system-sm-semibold-uppercase text-text-secondary'>{t('tools.mcp.gettingTools')}</div>}
-                {isUpdating && <div className='system-sm-semibold-uppercase text-text-secondary'>{t('tools.mcp.updateTools')}</div>}
+            <div className="flex shrink-0 justify-between gap-2 px-4 pb-1 pt-2">
+              <div className="flex h-6 items-center">
+                {!isUpdating && <div className="system-sm-semibold-uppercase text-text-secondary">{t('tools.mcp.gettingTools')}</div>}
+                {isUpdating && <div className="system-sm-semibold-uppercase text-text-secondary">{t('tools.mcp.updateTools')}</div>}
               </div>
               <div></div>
             </div>
-            <div className='flex h-full w-full grow flex-col overflow-hidden px-4 pb-4'>
+            <div className="flex h-full w-full grow flex-col overflow-hidden px-4 pb-4">
               <ListLoading />
             </div>
           </>
         )}
         {!isUpdating && detail.is_team_authorization && !isGettingTools && !toolList.length && (
-          <div className='flex h-full w-full flex-col items-center justify-center'>
-            <div className='system-sm-regular mb-3 text-text-tertiary'>{t('tools.mcp.toolsEmpty')}</div>
+          <div className="flex h-full w-full flex-col items-center justify-center">
+            <div className="system-sm-regular mb-3 text-text-tertiary">{t('tools.mcp.toolsEmpty')}</div>
             <Button
-              variant='primary'
+              variant="primary"
               onClick={handleUpdateTools}
-            >{t('tools.mcp.getTools')}</Button>
+            >
+              {t('tools.mcp.getTools')}
+            </Button>
           </div>
         )}
         {!isUpdating && !isGettingTools && toolList.length > 0 && (
           <>
-            <div className='flex shrink-0 justify-between gap-2 px-4 pb-1 pt-2'>
-              <div className='flex h-6 items-center'>
-                {toolList.length > 1 && <div className='system-sm-semibold-uppercase text-text-secondary'>{t('tools.mcp.toolsNum', { count: toolList.length })}</div>}
-                {toolList.length === 1 && <div className='system-sm-semibold-uppercase text-text-secondary'>{t('tools.mcp.onlyTool')}</div>}
+            <div className="flex shrink-0 justify-between gap-2 px-4 pb-1 pt-2">
+              <div className="flex h-6 items-center">
+                {toolList.length > 1 && <div className="system-sm-semibold-uppercase text-text-secondary">{t('tools.mcp.toolsNum', { count: toolList.length })}</div>}
+                {toolList.length === 1 && <div className="system-sm-semibold-uppercase text-text-secondary">{t('tools.mcp.onlyTool')}</div>}
               </div>
               <div>
-                <Button size='small' onClick={showUpdateConfirm}>
-                  <RiLoopLeftLine className='mr-1 h-3.5 w-3.5' />
+                <Button size="small" onClick={showUpdateConfirm}>
+                  <RiLoopLeftLine className="mr-1 h-3.5 w-3.5" />
                   {t('tools.mcp.update')}
                 </Button>
               </div>
             </div>
-            <div className='flex h-0 w-full grow flex-col gap-2 overflow-y-auto px-4 pb-4'>
+            <div className="flex h-0 w-full grow flex-col gap-2 overflow-y-auto px-4 pb-4">
               {toolList.map(tool => (
                 <ToolItem
                   key={`${detail.id}${tool.name}`}
@@ -261,10 +263,10 @@ const MCPDetailContent: FC<Props> = ({
         )}
 
         {!isUpdating && !detail.is_team_authorization && (
-          <div className='flex h-full w-full flex-col items-center justify-center'>
-            {!isAuthorizing && <div className='system-md-medium mb-1 text-text-secondary'>{t('tools.mcp.authorizingRequired')}</div>}
-            {isAuthorizing && <div className='system-md-medium mb-1 text-text-secondary'>{t('tools.mcp.authorizing')}</div>}
-            <div className='system-sm-regular text-text-tertiary'>{t('tools.mcp.authorizeTip')}</div>
+          <div className="flex h-full w-full flex-col items-center justify-center">
+            {!isAuthorizing && <div className="system-md-medium mb-1 text-text-secondary">{t('tools.mcp.authorizingRequired')}</div>}
+            {isAuthorizing && <div className="system-md-medium mb-1 text-text-secondary">{t('tools.mcp.authorizing')}</div>}
+            <div className="system-sm-regular text-text-tertiary">{t('tools.mcp.authorizeTip')}</div>
           </div>
         )}
       </div>
@@ -280,11 +282,11 @@ const MCPDetailContent: FC<Props> = ({
         <Confirm
           isShow
           title={t('tools.mcp.delete')}
-          content={
+          content={(
             <div>
               {t('tools.mcp.deleteConfirmTitle', { mcp: detail.name })}
             </div>
-          }
+          )}
           onCancel={hideDeleteConfirm}
           onConfirm={handleDelete}
           isLoading={deleting}
diff --git a/web/app/components/tools/mcp/detail/list-loading.tsx b/web/app/components/tools/mcp/detail/list-loading.tsx
index ab7c07197e..f770728715 100644
--- a/web/app/components/tools/mcp/detail/list-loading.tsx
+++ b/web/app/components/tools/mcp/detail/list-loading.tsx
@@ -5,30 +5,30 @@ import { cn } from '@/utils/classnames'
 const ListLoading = () => {
   return (
     <div className={cn('space-y-2')}>
-      <div className='space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4'>
-        <div className='h-2 w-[180px] rounded-sm bg-text-quaternary opacity-20'></div>
-        <div className='h-2 rounded-sm bg-text-quaternary opacity-10'></div>
-        <div className='mr-10 h-2 rounded-sm bg-text-quaternary opacity-10'></div>
+      <div className="space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4">
+        <div className="h-2 w-[180px] rounded-sm bg-text-quaternary opacity-20"></div>
+        <div className="h-2 rounded-sm bg-text-quaternary opacity-10"></div>
+        <div className="mr-10 h-2 rounded-sm bg-text-quaternary opacity-10"></div>
       </div>
-      <div className='space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4'>
-        <div className='h-2 w-[148px] rounded-sm bg-text-quaternary opacity-20'></div>
-        <div className='h-2 rounded-sm bg-text-quaternary opacity-10'></div>
-        <div className='mr-10 h-2 rounded-sm bg-text-quaternary opacity-10'></div>
+      <div className="space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4">
+        <div className="h-2 w-[148px] rounded-sm bg-text-quaternary opacity-20"></div>
+        <div className="h-2 rounded-sm bg-text-quaternary opacity-10"></div>
+        <div className="mr-10 h-2 rounded-sm bg-text-quaternary opacity-10"></div>
       </div>
-      <div className='space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4'>
-        <div className='h-2 w-[196px] rounded-sm bg-text-quaternary opacity-20'></div>
-        <div className='h-2 rounded-sm bg-text-quaternary opacity-10'></div>
-        <div className='mr-10 h-2 rounded-sm bg-text-quaternary opacity-10'></div>
+      <div className="space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4">
+        <div className="h-2 w-[196px] rounded-sm bg-text-quaternary opacity-20"></div>
+        <div className="h-2 rounded-sm bg-text-quaternary opacity-10"></div>
+        <div className="mr-10 h-2 rounded-sm bg-text-quaternary opacity-10"></div>
       </div>
-      <div className='space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4'>
-        <div className='h-2 w-[148px] rounded-sm bg-text-quaternary opacity-20'></div>
-        <div className='h-2 rounded-sm bg-text-quaternary opacity-10'></div>
-        <div className='mr-10 h-2 rounded-sm bg-text-quaternary opacity-10'></div>
+      <div className="space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4">
+        <div className="h-2 w-[148px] rounded-sm bg-text-quaternary opacity-20"></div>
+        <div className="h-2 rounded-sm bg-text-quaternary opacity-10"></div>
+        <div className="mr-10 h-2 rounded-sm bg-text-quaternary opacity-10"></div>
       </div>
-      <div className='space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4'>
-        <div className='h-2 w-[180px] rounded-sm bg-text-quaternary opacity-20'></div>
-        <div className='h-2 rounded-sm bg-text-quaternary opacity-10'></div>
-        <div className='mr-10 h-2 rounded-sm bg-text-quaternary opacity-10'></div>
+      <div className="space-y-3 rounded-xl bg-components-panel-on-panel-item-bg-hover p-4">
+        <div className="h-2 w-[180px] rounded-sm bg-text-quaternary opacity-20"></div>
+        <div className="h-2 rounded-sm bg-text-quaternary opacity-10"></div>
+        <div className="mr-10 h-2 rounded-sm bg-text-quaternary opacity-10"></div>
       </div>
     </div>
   )
diff --git a/web/app/components/tools/mcp/detail/operation-dropdown.tsx b/web/app/components/tools/mcp/detail/operation-dropdown.tsx
index 348d45cf55..4ec80c5998 100644
--- a/web/app/components/tools/mcp/detail/operation-dropdown.tsx
+++ b/web/app/components/tools/mcp/detail/operation-dropdown.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiDeleteBinLine,
   RiEditLine,
   RiMoreFill,
 } from '@remixicon/react'
+import React, { useCallback, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import {
   PortalToFollowElem,
@@ -45,7 +45,7 @@ const OperationDropdown: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: !inCard ? -12 : 0,
         crossAxis: !inCard ? 36 : 0,
@@ -58,27 +58,27 @@ const OperationDropdown: FC<Props> = ({
           </ActionButton>
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-50'>
-        <div className='w-[160px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm'>
+      <PortalToFollowElemContent className="z-50">
+        <div className="w-[160px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg backdrop-blur-sm">
           <div
-            className='flex cursor-pointer items-center rounded-lg px-3 py-1.5 hover:bg-state-base-hover'
+            className="flex cursor-pointer items-center rounded-lg px-3 py-1.5 hover:bg-state-base-hover"
             onClick={() => {
               onEdit()
               handleTrigger()
             }}
           >
-            <RiEditLine className='h-4 w-4 text-text-tertiary' />
-            <div className='system-md-regular ml-2 text-text-secondary'>{t('tools.mcp.operation.edit')}</div>
+            <RiEditLine className="h-4 w-4 text-text-tertiary" />
+            <div className="system-md-regular ml-2 text-text-secondary">{t('tools.mcp.operation.edit')}</div>
           </div>
           <div
-            className='group flex cursor-pointer items-center rounded-lg px-3 py-1.5 hover:bg-state-destructive-hover'
+            className="group flex cursor-pointer items-center rounded-lg px-3 py-1.5 hover:bg-state-destructive-hover"
             onClick={() => {
               onRemove()
               handleTrigger()
             }}
           >
-            <RiDeleteBinLine className='h-4 w-4 text-text-tertiary group-hover:text-text-destructive-secondary' />
-            <div className='system-md-regular ml-2 text-text-secondary group-hover:text-text-destructive'>{t('tools.mcp.operation.remove')}</div>
+            <RiDeleteBinLine className="h-4 w-4 text-text-tertiary group-hover:text-text-destructive-secondary" />
+            <div className="system-md-regular ml-2 text-text-secondary group-hover:text-text-destructive">{t('tools.mcp.operation.remove')}</div>
           </div>
         </div>
       </PortalToFollowElemContent>
diff --git a/web/app/components/tools/mcp/detail/provider-detail.tsx b/web/app/components/tools/mcp/detail/provider-detail.tsx
index b0bfdf8327..d2f23b1887 100644
--- a/web/app/components/tools/mcp/detail/provider-detail.tsx
+++ b/web/app/components/tools/mcp/detail/provider-detail.tsx
@@ -1,10 +1,10 @@
 'use client'
-import React from 'react'
 import type { FC } from 'react'
-import Drawer from '@/app/components/base/drawer'
-import MCPDetailContent from './content'
 import type { ToolWithProvider } from '../../../workflow/types'
+import React from 'react'
+import Drawer from '@/app/components/base/drawer'
 import { cn } from '@/utils/classnames'
+import MCPDetailContent from './content'
 
 type Props = {
   detail?: ToolWithProvider
diff --git a/web/app/components/tools/mcp/detail/tool-item.tsx b/web/app/components/tools/mcp/detail/tool-item.tsx
index ecd68a6e0a..83e58817f4 100644
--- a/web/app/components/tools/mcp/detail/tool-item.tsx
+++ b/web/app/components/tools/mcp/detail/tool-item.tsx
@@ -1,12 +1,12 @@
 'use client'
-import React from 'react'
-import { useContext } from 'use-context-selector'
 import type { Tool } from '@/app/components/tools/types'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Tooltip from '@/app/components/base/tooltip'
 import I18n from '@/context/i18n'
 import { getLanguage } from '@/i18n-config/language'
-import Tooltip from '@/app/components/base/tooltip'
 import { cn } from '@/utils/classnames'
-import { useTranslation } from 'react-i18next'
 
 type Props = {
   tool: Tool
@@ -26,16 +26,23 @@ const MCPToolItem = ({
       return null
 
     return (
-      <div className='mt-2'>
-        <div className='title-xs-semi-bold mb-1 text-text-primary'>{t('tools.mcp.toolItem.parameters')}:</div>
-        <ul className='space-y-1'>
+      <div className="mt-2">
+        <div className="title-xs-semi-bold mb-1 text-text-primary">
+          {t('tools.mcp.toolItem.parameters')}
+          :
+        </div>
+        <ul className="space-y-1">
           {parameters.map((parameter) => {
             const descriptionContent = parameter.human_description[language] || t('tools.mcp.toolItem.noDescription')
             return (
-              <li key={parameter.name} className='pl-2'>
-                <span className='system-xs-regular font-bold text-text-secondary'>{parameter.name}</span>
-                <span className='system-xs-regular mr-1 text-text-tertiary'>({parameter.type}):</span>
-                <span className='system-xs-regular text-text-tertiary'>{descriptionContent}</span>
+              <li key={parameter.name} className="pl-2">
+                <span className="system-xs-regular font-bold text-text-secondary">{parameter.name}</span>
+                <span className="system-xs-regular mr-1 text-text-tertiary">
+                  (
+                  {parameter.type}
+                  ):
+                </span>
+                <span className="system-xs-regular text-text-tertiary">{descriptionContent}</span>
               </li>
             )
           })}
@@ -47,12 +54,12 @@ const MCPToolItem = ({
   return (
     <Tooltip
       key={tool.name}
-      position='left'
-      popupClassName='!p-0 !px-4 !py-3.5 !w-[360px] !border-[0.5px] !border-components-panel-border !rounded-xl !shadow-lg'
+      position="left"
+      popupClassName="!p-0 !px-4 !py-3.5 !w-[360px] !border-[0.5px] !border-components-panel-border !rounded-xl !shadow-lg"
       popupContent={(
         <div>
-          <div className='title-xs-semi-bold mb-1 text-text-primary'>{tool.label[language]}</div>
-          <div className='body-xs-regular text-text-secondary'>{tool.description[language]}</div>
+          <div className="title-xs-semi-bold mb-1 text-text-primary">{tool.label[language]}</div>
+          <div className="body-xs-regular text-text-secondary">{tool.description[language]}</div>
           {renderParameters()}
         </div>
       )}
@@ -60,8 +67,8 @@ const MCPToolItem = ({
       <div
         className={cn('bg-components-panel-item-bg cursor-pointer rounded-xl border-[0.5px] border-components-panel-border-subtle px-4 py-3 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover')}
       >
-        <div className='system-md-semibold pb-0.5 text-text-secondary'>{tool.label[language]}</div>
-        <div className='system-xs-regular line-clamp-2 text-text-tertiary' title={tool.description[language]}>{tool.description[language]}</div>
+        <div className="system-md-semibold pb-0.5 text-text-secondary">{tool.label[language]}</div>
+        <div className="system-xs-regular line-clamp-2 text-text-tertiary" title={tool.description[language]}>{tool.description[language]}</div>
       </div>
     </Tooltip>
   )
diff --git a/web/app/components/tools/mcp/headers-input.tsx b/web/app/components/tools/mcp/headers-input.tsx
index fbe52b89b6..18ee9b1cc6 100644
--- a/web/app/components/tools/mcp/headers-input.tsx
+++ b/web/app/components/tools/mcp/headers-input.tsx
@@ -1,11 +1,11 @@
 'use client'
+import { RiAddLine, RiDeleteBinLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { v4 as uuid } from 'uuid'
-import { RiAddLine, RiDeleteBinLine } from '@remixicon/react'
-import Input from '@/app/components/base/input'
-import Button from '@/app/components/base/button'
 import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
 import { cn } from '@/utils/classnames'
 
 export type HeaderItem = {
@@ -50,18 +50,18 @@ const HeadersInput = ({
 
   if (headersItems.length === 0) {
     return (
-      <div className='space-y-2'>
-        <div className='body-xs-regular text-text-tertiary'>
+      <div className="space-y-2">
+        <div className="body-xs-regular text-text-tertiary">
           {t('tools.mcp.modal.noHeaders')}
         </div>
         {!readonly && (
           <Button
-            variant='secondary'
-            size='small'
+            variant="secondary"
+            size="small"
             onClick={handleAddItem}
-            className='w-full'
+            className="w-full"
           >
-            <RiAddLine className='mr-1 h-4 w-4' />
+            <RiAddLine className="mr-1 h-4 w-4" />
             {t('tools.mcp.modal.addHeader')}
           </Button>
         )}
@@ -70,45 +70,48 @@ const HeadersInput = ({
   }
 
   return (
-    <div className='space-y-2'>
+    <div className="space-y-2">
       {isMasked && (
-        <div className='body-xs-regular text-text-tertiary'>
+        <div className="body-xs-regular text-text-tertiary">
           {t('tools.mcp.modal.maskedHeadersTip')}
         </div>
       )}
-      <div className='overflow-hidden rounded-lg border border-divider-regular'>
-        <div className='system-xs-medium-uppercase bg-background-secondary flex h-7 items-center leading-7 text-text-tertiary'>
-          <div className='h-full w-1/2 border-r border-divider-regular pl-3'>{t('tools.mcp.modal.headerKey')}</div>
-          <div className='h-full w-1/2 pl-3 pr-1'>{t('tools.mcp.modal.headerValue')}</div>
+      <div className="overflow-hidden rounded-lg border border-divider-regular">
+        <div className="system-xs-medium-uppercase bg-background-secondary flex h-7 items-center leading-7 text-text-tertiary">
+          <div className="h-full w-1/2 border-r border-divider-regular pl-3">{t('tools.mcp.modal.headerKey')}</div>
+          <div className="h-full w-1/2 pl-3 pr-1">{t('tools.mcp.modal.headerValue')}</div>
         </div>
         {headersItems.map((item, index) => (
-          <div key={item.id} className={cn(
-            'flex items-center border-divider-regular',
-            index < headersItems.length - 1 && 'border-b',
-          )}>
-            <div className='w-1/2 border-r border-divider-regular'>
+          <div
+            key={item.id}
+            className={cn(
+              'flex items-center border-divider-regular',
+              index < headersItems.length - 1 && 'border-b',
+            )}
+          >
+            <div className="w-1/2 border-r border-divider-regular">
               <Input
                 value={item.key}
                 onChange={e => handleItemChange(index, 'key', e.target.value)}
                 placeholder={t('tools.mcp.modal.headerKeyPlaceholder')}
-                className='rounded-none border-0'
+                className="rounded-none border-0"
                 readOnly={readonly}
               />
             </div>
-            <div className='flex w-1/2 items-center'>
+            <div className="flex w-1/2 items-center">
               <Input
                 value={item.value}
                 onChange={e => handleItemChange(index, 'value', e.target.value)}
                 placeholder={t('tools.mcp.modal.headerValuePlaceholder')}
-                className='flex-1 rounded-none border-0'
+                className="flex-1 rounded-none border-0"
                 readOnly={readonly}
               />
               {!readonly && !!headersItems.length && (
                 <ActionButton
                   onClick={() => handleRemoveItem(index)}
-                  className='mr-2'
+                  className="mr-2"
                 >
-                  <RiDeleteBinLine className='h-4 w-4 text-text-destructive' />
+                  <RiDeleteBinLine className="h-4 w-4 text-text-destructive" />
                 </ActionButton>
               )}
             </div>
@@ -117,12 +120,12 @@ const HeadersInput = ({
       </div>
       {!readonly && (
         <Button
-          variant='secondary'
-          size='small'
+          variant="secondary"
+          size="small"
           onClick={handleAddItem}
-          className='w-full'
+          className="w-full"
         >
-          <RiAddLine className='mr-1 h-4 w-4' />
+          <RiAddLine className="mr-1 h-4 w-4" />
           {t('tools.mcp.modal.addHeader')}
         </Button>
       )}
diff --git a/web/app/components/tools/mcp/index.tsx b/web/app/components/tools/mcp/index.tsx
index e02e360c22..1ede060fda 100644
--- a/web/app/components/tools/mcp/index.tsx
+++ b/web/app/components/tools/mcp/index.tsx
@@ -1,13 +1,13 @@
 'use client'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
 import { useMemo, useState } from 'react'
-import NewMCPCard from './create-card'
-import MCPCard from './provider-card'
-import MCPDetailPanel from './detail/provider-detail'
 import {
   useAllToolProviders,
 } from '@/service/use-tools'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import NewMCPCard from './create-card'
+import MCPDetailPanel from './detail/provider-detail'
+import MCPCard from './provider-card'
 
 type Props = {
   searchText: string
@@ -26,7 +26,8 @@ function renderDefaultCard() {
         index >= 16 && index < 20 && 'opacity-25',
         index >= 20 && index < 24 && 'opacity-20',
       )}
-    ></div>
+    >
+    </div>
   ))
   return defaultCards
 }
diff --git a/web/app/components/tools/mcp/mcp-server-modal.tsx b/web/app/components/tools/mcp/mcp-server-modal.tsx
index b94715c7e8..15fd2a573b 100644
--- a/web/app/components/tools/mcp/mcp-server-modal.tsx
+++ b/web/app/components/tools/mcp/mcp-server-modal.tsx
@@ -1,15 +1,15 @@
 'use client'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import Textarea from '@/app/components/base/textarea'
-import Divider from '@/app/components/base/divider'
-import MCPServerParamItem from '@/app/components/tools/mcp/mcp-server-param-item'
 import type {
   MCPServerDetail,
 } from '@/app/components/tools/types'
+import { RiCloseLine } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import Modal from '@/app/components/base/modal'
+import Textarea from '@/app/components/base/textarea'
+import MCPServerParamItem from '@/app/components/tools/mcp/mcp-server-param-item'
 import {
   useCreateMCPServer,
   useInvalidateMCPServerDetail,
@@ -93,33 +93,34 @@ const MCPServerModal = ({
       onClose={onHide}
       className={cn('relative !max-w-[520px] !p-0')}
     >
-      <div className='absolute right-5 top-5 z-10 cursor-pointer p-1.5' onClick={onHide}>
-        <RiCloseLine className='h-5 w-5 text-text-tertiary' />
+      <div className="absolute right-5 top-5 z-10 cursor-pointer p-1.5" onClick={onHide}>
+        <RiCloseLine className="h-5 w-5 text-text-tertiary" />
       </div>
-      <div className='title-2xl-semi-bold relative p-6 pb-3 text-xl text-text-primary'>
+      <div className="title-2xl-semi-bold relative p-6 pb-3 text-xl text-text-primary">
         {!data ? t('tools.mcp.server.modal.addTitle') : t('tools.mcp.server.modal.editTitle')}
       </div>
-      <div className='space-y-5 px-6 py-3'>
-        <div className='space-y-0.5'>
-          <div className='flex h-6 items-center gap-1'>
-            <div className='system-sm-medium text-text-secondary'>{t('tools.mcp.server.modal.description')}</div>
-            <div className='system-xs-regular text-text-destructive-secondary'>*</div>
+      <div className="space-y-5 px-6 py-3">
+        <div className="space-y-0.5">
+          <div className="flex h-6 items-center gap-1">
+            <div className="system-sm-medium text-text-secondary">{t('tools.mcp.server.modal.description')}</div>
+            <div className="system-xs-regular text-text-destructive-secondary">*</div>
           </div>
           <Textarea
-            className='h-[96px] resize-none'
+            className="h-[96px] resize-none"
             value={description}
             placeholder={t('tools.mcp.server.modal.descriptionPlaceholder')}
             onChange={e => setDescription(e.target.value)}
-          ></Textarea>
+          >
+          </Textarea>
         </div>
         {latestParams.length > 0 && (
           <div>
-            <div className='mb-1 flex items-center gap-2'>
-              <div className='system-xs-medium-uppercase shrink-0 text-text-primary'>{t('tools.mcp.server.modal.parameters')}</div>
-              <Divider type='horizontal' className='!m-0 !h-px grow bg-divider-subtle' />
+            <div className="mb-1 flex items-center gap-2">
+              <div className="system-xs-medium-uppercase shrink-0 text-text-primary">{t('tools.mcp.server.modal.parameters')}</div>
+              <Divider type="horizontal" className="!m-0 !h-px grow bg-divider-subtle" />
             </div>
-            <div className='body-xs-regular mb-2 text-text-tertiary'>{t('tools.mcp.server.modal.parametersTip')}</div>
-            <div className='space-y-3'>
+            <div className="body-xs-regular mb-2 text-text-tertiary">{t('tools.mcp.server.modal.parametersTip')}</div>
+            <div className="space-y-3">
               {latestParams.map(paramItem => (
                 <MCPServerParamItem
                   key={paramItem.variable}
@@ -132,8 +133,8 @@ const MCPServerModal = ({
           </div>
         )}
       </div>
-      <div className='flex flex-row-reverse p-6 pt-5'>
-        <Button disabled={!description || creating || updating} className='ml-2' variant='primary' onClick={submit}>{data ? t('tools.mcp.modal.save') : t('tools.mcp.server.modal.confirm')}</Button>
+      <div className="flex flex-row-reverse p-6 pt-5">
+        <Button disabled={!description || creating || updating} className="ml-2" variant="primary" onClick={submit}>{data ? t('tools.mcp.modal.save') : t('tools.mcp.server.modal.confirm')}</Button>
         <Button onClick={onHide}>{t('tools.mcp.modal.cancel')}</Button>
       </div>
     </Modal>
diff --git a/web/app/components/tools/mcp/mcp-server-param-item.tsx b/web/app/components/tools/mcp/mcp-server-param-item.tsx
index a48d1b92b0..3d99cc5bad 100644
--- a/web/app/components/tools/mcp/mcp-server-param-item.tsx
+++ b/web/app/components/tools/mcp/mcp-server-param-item.tsx
@@ -17,19 +17,20 @@ const MCPServerParamItem = ({
   const { t } = useTranslation()
 
   return (
-    <div className='space-y-0.5'>
-      <div className='flex h-6 items-center gap-2'>
-        <div className='system-xs-medium text-text-secondary'>{data.label}</div>
-        <div className='system-xs-medium text-text-quaternary'>·</div>
-        <div className='system-xs-medium text-text-secondary'>{data.variable}</div>
-        <div className='system-xs-medium text-text-tertiary'>{data.type}</div>
+    <div className="space-y-0.5">
+      <div className="flex h-6 items-center gap-2">
+        <div className="system-xs-medium text-text-secondary">{data.label}</div>
+        <div className="system-xs-medium text-text-quaternary">·</div>
+        <div className="system-xs-medium text-text-secondary">{data.variable}</div>
+        <div className="system-xs-medium text-text-tertiary">{data.type}</div>
       </div>
       <Textarea
-        className='h-8 resize-none'
+        className="h-8 resize-none"
         value={value}
         placeholder={t('tools.mcp.server.modal.parametersPlaceholder')}
         onChange={e => onChange(e.target.value)}
-      ></Textarea>
+      >
+      </Textarea>
     </div>
   )
 }
diff --git a/web/app/components/tools/mcp/mcp-service-card.tsx b/web/app/components/tools/mcp/mcp-service-card.tsx
index 006ef44ad3..521e93222b 100644
--- a/web/app/components/tools/mcp/mcp-service-card.tsx
+++ b/web/app/components/tools/mcp/mcp-service-card.tsx
@@ -1,32 +1,33 @@
 'use client'
+import type { AppDetailResponse } from '@/models/app'
+import type { AppSSO } from '@/types/app'
+import { RiEditLine, RiLoopLeftLine } from '@remixicon/react'
 import React, { useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiEditLine, RiLoopLeftLine } from '@remixicon/react'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import CopyFeedback from '@/app/components/base/copy-feedback'
+import Divider from '@/app/components/base/divider'
 import {
   Mcp,
 } from '@/app/components/base/icons/src/vender/other'
-import Button from '@/app/components/base/button'
-import Tooltip from '@/app/components/base/tooltip'
 import Switch from '@/app/components/base/switch'
-import Divider from '@/app/components/base/divider'
-import CopyFeedback from '@/app/components/base/copy-feedback'
-import Confirm from '@/app/components/base/confirm'
-import type { AppDetailResponse } from '@/models/app'
-import { useAppContext } from '@/context/app-context'
-import { AppModeEnum, type AppSSO } from '@/types/app'
+import Tooltip from '@/app/components/base/tooltip'
 import Indicator from '@/app/components/header/indicator'
 import MCPServerModal from '@/app/components/tools/mcp/mcp-server-modal'
-import { useAppWorkflow } from '@/service/use-workflow'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { useAppContext } from '@/context/app-context'
+import { useDocLink } from '@/context/i18n'
+import { fetchAppDetail } from '@/service/apps'
 import {
   useInvalidateMCPServerDetail,
   useMCPServerDetail,
   useRefreshMCPServerCode,
   useUpdateMCPServer,
 } from '@/service/use-tools'
-import { BlockEnum } from '@/app/components/workflow/types'
+import { useAppWorkflow } from '@/service/use-workflow'
+import { AppModeEnum } from '@/types/app'
 import { cn } from '@/utils/classnames'
-import { fetchAppDetail } from '@/service/apps'
-import { useDocLink } from '@/context/i18n'
 
 export type IAppCardProps = {
   appInfo: AppDetailResponse & Partial<AppSSO>
@@ -54,7 +55,7 @@ function MCPServiceCard({
   const { data: currentWorkflow } = useAppWorkflow(isAdvancedApp ? appId : '')
   const [basicAppConfig, setBasicAppConfig] = useState<any>({})
   const basicAppInputForm = useMemo(() => {
-    if(!isBasicApp || !basicAppConfig?.user_input_form)
+    if (!isBasicApp || !basicAppConfig?.user_input_form)
       return []
     return basicAppConfig.user_input_form.map((item: any) => {
       const type = Object.keys(item)[0]
@@ -65,7 +66,7 @@ function MCPServiceCard({
     })
   }, [basicAppConfig.user_input_form, isBasicApp])
   useEffect(() => {
-    if(isBasicApp && appId) {
+    if (isBasicApp && appId) {
       (async () => {
         const res = await fetchAppDetail({ url: '/apps', id: appId })
         setBasicAppConfig(res?.model_config || {})
@@ -89,7 +90,7 @@ function MCPServiceCard({
   const [activated, setActivated] = useState(serverActivated)
 
   const latestParams = useMemo(() => {
-    if(isAdvancedApp) {
+    if (isAdvancedApp) {
       if (!currentWorkflow?.graph)
         return []
       const startNode = currentWorkflow?.graph.nodes.find(node => node.data.type === BlockEnum.Start) as any
@@ -150,21 +151,23 @@ function MCPServiceCard({
       <div className={cn('w-full max-w-full rounded-xl border-l-[0.5px] border-t border-effects-highlight', isMinimalState && 'h-12')}>
         <div className={cn('relative rounded-xl bg-background-default', triggerModeDisabled && 'opacity-60')}>
           {triggerModeDisabled && (
-            triggerModeMessage ? (
-              <Tooltip
-                popupContent={triggerModeMessage}
-                popupClassName="max-w-64 rounded-xl bg-components-panel-bg px-3 py-2 text-xs text-text-secondary shadow-lg"
-                position="right"
-              >
-                <div className='absolute inset-0 z-10 cursor-not-allowed rounded-xl' aria-hidden="true"></div>
-              </Tooltip>
-            ) : <div className='absolute inset-0 z-10 cursor-not-allowed rounded-xl' aria-hidden="true"></div>
+            triggerModeMessage
+              ? (
+                  <Tooltip
+                    popupContent={triggerModeMessage}
+                    popupClassName="max-w-64 rounded-xl bg-components-panel-bg px-3 py-2 text-xs text-text-secondary shadow-lg"
+                    position="right"
+                  >
+                    <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true"></div>
+                  </Tooltip>
+                )
+              : <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true"></div>
           )}
           <div className={cn('flex w-full flex-col items-start justify-center gap-3 self-stretch p-3', isMinimalState ? 'border-0' : 'border-b-[0.5px] border-divider-subtle')}>
-            <div className='flex w-full items-center gap-3 self-stretch'>
-              <div className='flex grow items-center'>
-                <div className='mr-2 shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md'>
-                  <Mcp className='h-4 w-4 text-text-primary-on-surface' />
+            <div className="flex w-full items-center gap-3 self-stretch">
+              <div className="flex grow items-center">
+                <div className="mr-2 shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-blue-brand-blue-brand-500 p-1 shadow-md">
+                  <Mcp className="h-4 w-4 text-text-primary-on-surface" />
                 </div>
                 <div className="group w-full">
                   <div className="system-md-semibold min-w-0 overflow-hidden text-ellipsis break-normal text-text-secondary group-hover:text-text-primary">
@@ -172,7 +175,7 @@ function MCPServiceCard({
                   </div>
                 </div>
               </div>
-              <div className='flex items-center gap-1'>
+              <div className="flex items-center gap-1">
                 <Indicator color={serverActivated ? 'green' : 'yellow'} />
                 <div className={`${serverActivated ? 'text-text-success' : 'text-text-warning'} system-xs-semibold-uppercase`}>
                   {serverActivated
@@ -182,23 +185,29 @@ function MCPServiceCard({
               </div>
               <Tooltip
                 popupContent={
-                  toggleDisabled ? (
-                    appUnpublished ? (
-                      t('tools.mcp.server.publishTip')
-                    ) : missingStartNode ? (
-                      <>
-                        <div className="mb-1 text-xs font-normal text-text-secondary">
-                          {t('appOverview.overview.appInfo.enableTooltip.description')}
-                        </div>
-                        <div
-                          className="cursor-pointer text-xs font-normal text-text-accent hover:underline"
-                          onClick={() => window.open(docLink('/guides/workflow/node/user-input'), '_blank')}
-                        >
-                          {t('appOverview.overview.appInfo.enableTooltip.learnMore')}
-                        </div>
-                      </>
-                    ) : triggerModeMessage || ''
-                  ) : ''
+                  toggleDisabled
+                    ? (
+                        appUnpublished
+                          ? (
+                              t('tools.mcp.server.publishTip')
+                            )
+                          : missingStartNode
+                            ? (
+                                <>
+                                  <div className="mb-1 text-xs font-normal text-text-secondary">
+                                    {t('appOverview.overview.appInfo.enableTooltip.description')}
+                                  </div>
+                                  <div
+                                    className="cursor-pointer text-xs font-normal text-text-accent hover:underline"
+                                    onClick={() => window.open(docLink('/guides/workflow/node/user-input'), '_blank')}
+                                  >
+                                    {t('appOverview.overview.appInfo.enableTooltip.learnMore')}
+                                  </div>
+                                </>
+                              )
+                            : triggerModeMessage || ''
+                      )
+                    : ''
                 }
                 position="right"
                 popupClassName="w-58 max-w-60 rounded-xl bg-components-panel-bg px-3.5 py-3 shadow-lg"
@@ -210,7 +219,7 @@ function MCPServiceCard({
               </Tooltip>
             </div>
             {!isMinimalState && (
-              <div className='flex flex-col items-start justify-center self-stretch'>
+              <div className="flex flex-col items-start justify-center self-stretch">
                 <div className="system-xs-medium pb-1 text-text-tertiary">
                   {t('tools.mcp.server.url')}
                 </div>
@@ -224,7 +233,7 @@ function MCPServiceCard({
                     <>
                       <CopyFeedback
                         content={serverURL}
-                        className={'!size-6'}
+                        className="!size-6"
                       />
                       <Divider type="vertical" className="!mx-0.5 !h-3.5 shrink-0" />
                       {isCurrentWorkspaceManager && (
@@ -235,7 +244,7 @@ function MCPServiceCard({
                             className="cursor-pointer rounded-md p-1 hover:bg-state-base-hover"
                             onClick={() => setShowConfirmDelete(true)}
                           >
-                            <RiLoopLeftLine className={cn('h-4 w-4 text-text-tertiary hover:text-text-secondary', genLoading && 'animate-spin')}/>
+                            <RiLoopLeftLine className={cn('h-4 w-4 text-text-tertiary hover:text-text-secondary', genLoading && 'animate-spin')} />
                           </div>
                         </Tooltip>
                       )}
@@ -246,11 +255,11 @@ function MCPServiceCard({
             )}
           </div>
           {!isMinimalState && (
-            <div className='flex items-center gap-1 self-stretch p-3'>
+            <div className="flex items-center gap-1 self-stretch p-3">
               <Button
                 disabled={toggleDisabled}
-                size='small'
-                variant='ghost'
+                size="small"
+                variant="ghost"
                 onClick={() => setShowMCPServerModal(true)}
               >
 
@@ -276,7 +285,7 @@ function MCPServiceCard({
       {/* button copy link/ button regenerate */}
       {showConfirmDelete && (
         <Confirm
-          type='warning'
+          type="warning"
           title={t('appOverview.overview.appInfo.regenerate')}
           content={t('tools.mcp.server.reGen')}
           isShow={showConfirmDelete}
diff --git a/web/app/components/tools/mcp/modal.tsx b/web/app/components/tools/mcp/modal.tsx
index 7d7296201f..a739964ee3 100644
--- a/web/app/components/tools/mcp/modal.tsx
+++ b/web/app/components/tools/mcp/modal.tsx
@@ -1,31 +1,31 @@
 'use client'
+import type { HeaderItem } from './headers-input'
+import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
+import type { AppIconType } from '@/types/app'
+import { RiCloseLine, RiEditLine } from '@remixicon/react'
+import { useHover } from 'ahooks'
+import { noop } from 'lodash-es'
 import React, { useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { v4 as uuid } from 'uuid'
 import { getDomain } from 'tldts'
-import { RiCloseLine, RiEditLine } from '@remixicon/react'
-import { Mcp } from '@/app/components/base/icons/src/vender/other'
-import AppIconPicker from '@/app/components/base/app-icon-picker'
-import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
+import { v4 as uuid } from 'uuid'
 import AppIcon from '@/app/components/base/app-icon'
-import Modal from '@/app/components/base/modal'
+import AppIconPicker from '@/app/components/base/app-icon-picker'
 import Button from '@/app/components/base/button'
+import { Mcp } from '@/app/components/base/icons/src/vender/other'
+import AlertTriangle from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle'
 import Input from '@/app/components/base/input'
-import HeadersInput from './headers-input'
-import type { HeaderItem } from './headers-input'
-import type { AppIconType } from '@/types/app'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
-import { noop } from 'lodash-es'
+import Modal from '@/app/components/base/modal'
+import Switch from '@/app/components/base/switch'
+import TabSlider from '@/app/components/base/tab-slider'
 import Toast from '@/app/components/base/toast'
+import { MCPAuthMethod } from '@/app/components/tools/types'
+import { API_PREFIX } from '@/config'
 import { uploadRemoteFileInfo } from '@/service/common'
 import { cn } from '@/utils/classnames'
-import { useHover } from 'ahooks'
 import { shouldUseMcpIconForAppIcon } from '@/utils/mcp'
-import TabSlider from '@/app/components/base/tab-slider'
-import { MCPAuthMethod } from '@/app/components/tools/types'
-import Switch from '@/app/components/base/switch'
-import AlertTriangle from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle'
-import { API_PREFIX } from '@/config'
+import HeadersInput from './headers-input'
 
 export type DuplicateAppModalProps = {
   data?: ToolWithProvider
@@ -212,7 +212,7 @@ const MCPModal = ({
         sse_read_timeout: sseReadTimeout || 300,
       },
     })
-    if(isCreate)
+    if (isCreate)
       onHide()
   }
 
@@ -227,14 +227,14 @@ const MCPModal = ({
         onClose={noop}
         className={cn('relative !max-w-[520px]', 'p-6')}
       >
-        <div className='absolute right-5 top-5 z-10 cursor-pointer p-1.5' onClick={onHide}>
-          <RiCloseLine className='h-5 w-5 text-text-tertiary' />
+        <div className="absolute right-5 top-5 z-10 cursor-pointer p-1.5" onClick={onHide}>
+          <RiCloseLine className="h-5 w-5 text-text-tertiary" />
         </div>
-        <div className='title-2xl-semi-bold relative pb-3 text-xl text-text-primary'>{!isCreate ? t('tools.mcp.modal.editTitle') : t('tools.mcp.modal.title')}</div>
-        <div className='space-y-5 py-3'>
+        <div className="title-2xl-semi-bold relative pb-3 text-xl text-text-primary">{!isCreate ? t('tools.mcp.modal.editTitle') : t('tools.mcp.modal.title')}</div>
+        <div className="space-y-5 py-3">
           <div>
-            <div className='mb-1 flex h-6 items-center'>
-              <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.serverUrl')}</span>
+            <div className="mb-1 flex h-6 items-center">
+              <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.serverUrl')}</span>
             </div>
             <Input
               value={url}
@@ -243,15 +243,15 @@ const MCPModal = ({
               placeholder={t('tools.mcp.modal.serverUrlPlaceholder')}
             />
             {originalServerUrl && originalServerUrl !== url && (
-              <div className='mt-1 flex h-5 items-center'>
-                <span className='body-xs-regular text-text-warning'>{t('tools.mcp.modal.serverUrlWarning')}</span>
+              <div className="mt-1 flex h-5 items-center">
+                <span className="body-xs-regular text-text-warning">{t('tools.mcp.modal.serverUrlWarning')}</span>
               </div>
             )}
           </div>
-          <div className='flex space-x-3'>
-            <div className='grow pb-1'>
-              <div className='mb-1 flex h-6 items-center'>
-                <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.name')}</span>
+          <div className="flex space-x-3">
+            <div className="grow pb-1">
+              <div className="mb-1 flex h-6 items-center">
+                <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.name')}</span>
               </div>
               <Input
                 value={name}
@@ -259,43 +259,46 @@ const MCPModal = ({
                 placeholder={t('tools.mcp.modal.namePlaceholder')}
               />
             </div>
-            <div className='pt-2' ref={appIconRef}>
+            <div className="pt-2" ref={appIconRef}>
               <AppIcon
                 iconType={appIcon.type}
                 icon={appIcon.type === 'emoji' ? appIcon.icon : appIcon.fileId}
                 background={appIcon.type === 'emoji' ? appIcon.background : undefined}
                 imageUrl={appIcon.type === 'image' ? appIcon.url : undefined}
-                innerIcon={shouldUseMcpIconForAppIcon(appIcon.type, appIcon.type === 'emoji' ? appIcon.icon : '') ? <Mcp className='h-8 w-8 text-text-primary-on-surface' /> : undefined}
-                size='xxl'
-                className='relative cursor-pointer rounded-2xl'
+                innerIcon={shouldUseMcpIconForAppIcon(appIcon.type, appIcon.type === 'emoji' ? appIcon.icon : '') ? <Mcp className="h-8 w-8 text-text-primary-on-surface" /> : undefined}
+                size="xxl"
+                className="relative cursor-pointer rounded-2xl"
                 coverElement={
                   isHovering
-                    ? (<div className='absolute inset-0 flex items-center justify-center overflow-hidden rounded-2xl bg-background-overlay-alt'>
-                      <RiEditLine className='size-6 text-text-primary-on-surface' />
-                    </div>) : null
+                    ? (
+                        <div className="absolute inset-0 flex items-center justify-center overflow-hidden rounded-2xl bg-background-overlay-alt">
+                          <RiEditLine className="size-6 text-text-primary-on-surface" />
+                        </div>
+                      )
+                    : null
                 }
                 onClick={() => { setShowAppIconPicker(true) }}
               />
             </div>
           </div>
           <div>
-            <div className='flex h-6 items-center'>
-              <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.serverIdentifier')}</span>
+            <div className="flex h-6 items-center">
+              <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.serverIdentifier')}</span>
             </div>
-            <div className='body-xs-regular mb-1 text-text-tertiary'>{t('tools.mcp.modal.serverIdentifierTip')}</div>
+            <div className="body-xs-regular mb-1 text-text-tertiary">{t('tools.mcp.modal.serverIdentifierTip')}</div>
             <Input
               value={serverIdentifier}
               onChange={e => setServerIdentifier(e.target.value)}
               placeholder={t('tools.mcp.modal.serverIdentifierPlaceholder')}
             />
             {originalServerID && originalServerID !== serverIdentifier && (
-              <div className='mt-1 flex h-5 items-center'>
-                <span className='body-xs-regular text-text-warning'>{t('tools.mcp.modal.serverIdentifierWarning')}</span>
+              <div className="mt-1 flex h-5 items-center">
+                <span className="body-xs-regular text-text-warning">{t('tools.mcp.modal.serverIdentifierWarning')}</span>
               </div>
             )}
           </div>
           <TabSlider
-            className='w-full'
+            className="w-full"
             itemClassName={(isActive) => {
               return `flex-1 ${isActive && 'text-text-accent-light-mode-only'}`
             }}
@@ -307,20 +310,20 @@ const MCPModal = ({
             authMethod === MCPAuthMethod.authentication && (
               <>
                 <div>
-                  <div className='mb-1 flex h-6 items-center'>
+                  <div className="mb-1 flex h-6 items-center">
                     <Switch
-                      className='mr-2'
+                      className="mr-2"
                       defaultValue={isDynamicRegistration}
                       onChange={setIsDynamicRegistration}
                     />
-                    <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.useDynamicClientRegistration')}</span>
+                    <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.useDynamicClientRegistration')}</span>
                   </div>
                   {!isDynamicRegistration && (
-                    <div className='mt-2 flex gap-2 rounded-lg bg-state-warning-hover p-3'>
-                      <AlertTriangle className='mt-0.5 h-4 w-4 shrink-0 text-text-warning' />
-                      <div className='system-xs-regular text-text-secondary'>
-                        <div className='mb-1'>{t('tools.mcp.modal.redirectUrlWarning')}</div>
-                        <code className='system-xs-medium block break-all rounded bg-state-warning-active px-2 py-1 text-text-secondary'>
+                    <div className="mt-2 flex gap-2 rounded-lg bg-state-warning-hover p-3">
+                      <AlertTriangle className="mt-0.5 h-4 w-4 shrink-0 text-text-warning" />
+                      <div className="system-xs-regular text-text-secondary">
+                        <div className="mb-1">{t('tools.mcp.modal.redirectUrlWarning')}</div>
+                        <code className="system-xs-medium block break-all rounded bg-state-warning-active px-2 py-1 text-text-secondary">
                           {`${API_PREFIX}/mcp/oauth/callback`}
                         </code>
                       </div>
@@ -329,7 +332,7 @@ const MCPModal = ({
                 </div>
                 <div>
                   <div className={cn('mb-1 flex h-6 items-center', isDynamicRegistration && 'opacity-50')}>
-                    <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.clientID')}</span>
+                    <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.clientID')}</span>
                   </div>
                   <Input
                     value={clientID}
@@ -341,7 +344,7 @@ const MCPModal = ({
                 </div>
                 <div>
                   <div className={cn('mb-1 flex h-6 items-center', isDynamicRegistration && 'opacity-50')}>
-                    <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.clientSecret')}</span>
+                    <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.clientSecret')}</span>
                   </div>
                   <Input
                     value={credentials}
@@ -357,10 +360,10 @@ const MCPModal = ({
           {
             authMethod === MCPAuthMethod.headers && (
               <div>
-                <div className='mb-1 flex h-6 items-center'>
-                  <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.headers')}</span>
+                <div className="mb-1 flex h-6 items-center">
+                  <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.headers')}</span>
                 </div>
-                <div className='body-xs-regular mb-2 text-text-tertiary'>{t('tools.mcp.modal.headersTip')}</div>
+                <div className="body-xs-regular mb-2 text-text-tertiary">{t('tools.mcp.modal.headersTip')}</div>
                 <HeadersInput
                   headersItems={headers}
                   onChange={setHeaders}
@@ -374,11 +377,11 @@ const MCPModal = ({
             authMethod === MCPAuthMethod.configurations && (
               <>
                 <div>
-                  <div className='mb-1 flex h-6 items-center'>
-                    <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.timeout')}</span>
+                  <div className="mb-1 flex h-6 items-center">
+                    <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.timeout')}</span>
                   </div>
                   <Input
-                    type='number'
+                    type="number"
                     value={timeout}
                     onChange={e => setMcpTimeout(Number(e.target.value))}
                     onBlur={e => handleBlur(e.target.value.trim())}
@@ -386,11 +389,11 @@ const MCPModal = ({
                   />
                 </div>
                 <div>
-                  <div className='mb-1 flex h-6 items-center'>
-                    <span className='system-sm-medium text-text-secondary'>{t('tools.mcp.modal.sseReadTimeout')}</span>
+                  <div className="mb-1 flex h-6 items-center">
+                    <span className="system-sm-medium text-text-secondary">{t('tools.mcp.modal.sseReadTimeout')}</span>
                   </div>
                   <Input
-                    type='number'
+                    type="number"
                     value={sseReadTimeout}
                     onChange={e => setSseReadTimeout(Number(e.target.value))}
                     onBlur={e => handleBlur(e.target.value.trim())}
@@ -401,21 +404,23 @@ const MCPModal = ({
             )
           }
         </div>
-        <div className='flex flex-row-reverse pt-5'>
-          <Button disabled={!name || !url || !serverIdentifier || isFetchingIcon} className='ml-2' variant='primary' onClick={submit}>{data ? t('tools.mcp.modal.save') : t('tools.mcp.modal.confirm')}</Button>
+        <div className="flex flex-row-reverse pt-5">
+          <Button disabled={!name || !url || !serverIdentifier || isFetchingIcon} className="ml-2" variant="primary" onClick={submit}>{data ? t('tools.mcp.modal.save') : t('tools.mcp.modal.confirm')}</Button>
           <Button onClick={onHide}>{t('tools.mcp.modal.cancel')}</Button>
         </div>
       </Modal>
-      {showAppIconPicker && <AppIconPicker
-        onSelect={(payload) => {
-          setAppIcon(payload)
-          setShowAppIconPicker(false)
-        }}
-        onClose={() => {
-          setAppIcon(getIcon(data))
-          setShowAppIconPicker(false)
-        }}
-      />}
+      {showAppIconPicker && (
+        <AppIconPicker
+          onSelect={(payload) => {
+            setAppIcon(payload)
+            setShowAppIconPicker(false)
+          }}
+          onClose={() => {
+            setAppIcon(getIcon(data))
+            setShowAppIconPicker(false)
+          }}
+        />
+      )}
     </>
 
   )
diff --git a/web/app/components/tools/mcp/provider-card.tsx b/web/app/components/tools/mcp/provider-card.tsx
index 831a1122ed..a7b092e0c0 100644
--- a/web/app/components/tools/mcp/provider-card.tsx
+++ b/web/app/components/tools/mcp/provider-card.tsx
@@ -1,18 +1,18 @@
 'use client'
-import { useCallback, useState } from 'react'
-import { useBoolean } from 'ahooks'
-import { useTranslation } from 'react-i18next'
-import { useAppContext } from '@/context/app-context'
+import type { ToolWithProvider } from '../../workflow/types'
 import { RiHammerFill } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Confirm from '@/app/components/base/confirm'
 import Indicator from '@/app/components/header/indicator'
 import Icon from '@/app/components/plugins/card/base/card-icon'
+import { useAppContext } from '@/context/app-context'
 import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
-import type { ToolWithProvider } from '../../workflow/types'
-import Confirm from '@/app/components/base/confirm'
-import MCPModal from './modal'
-import OperationDropdown from './detail/operation-dropdown'
 import { useDeleteMCP, useUpdateMCP } from '@/service/use-tools'
 import { cn } from '@/utils/classnames'
+import OperationDropdown from './detail/operation-dropdown'
+import MCPModal from './modal'
 
 type Props = {
   currentProvider?: ToolWithProvider
@@ -82,34 +82,34 @@ const MCPCard = ({
         currentProvider?.id === data.id && 'border-components-option-card-option-selected-border bg-components-card-bg-alt',
       )}
     >
-      <div className='flex grow items-center gap-3 rounded-t-xl p-4'>
-        <div className='shrink-0 overflow-hidden rounded-xl border border-components-panel-border-subtle'>
+      <div className="flex grow items-center gap-3 rounded-t-xl p-4">
+        <div className="shrink-0 overflow-hidden rounded-xl border border-components-panel-border-subtle">
           <Icon src={data.icon} />
         </div>
-        <div className='grow'>
-          <div className='system-md-semibold mb-1 truncate text-text-secondary' title={data.name}>{data.name}</div>
-          <div className='system-xs-regular text-text-tertiary'>{data.server_identifier}</div>
+        <div className="grow">
+          <div className="system-md-semibold mb-1 truncate text-text-secondary" title={data.name}>{data.name}</div>
+          <div className="system-xs-regular text-text-tertiary">{data.server_identifier}</div>
         </div>
       </div>
-      <div className='flex items-center gap-1 rounded-b-xl pb-2.5 pl-4 pr-2.5 pt-1.5'>
-        <div className='flex w-0 grow items-center gap-2'>
-          <div className='flex items-center gap-1'>
-            <RiHammerFill className='h-3 w-3 shrink-0 text-text-quaternary' />
+      <div className="flex items-center gap-1 rounded-b-xl pb-2.5 pl-4 pr-2.5 pt-1.5">
+        <div className="flex w-0 grow items-center gap-2">
+          <div className="flex items-center gap-1">
+            <RiHammerFill className="h-3 w-3 shrink-0 text-text-quaternary" />
             {data.tools.length > 0 && (
-              <div className='system-xs-regular shrink-0 text-text-tertiary'>{t('tools.mcp.toolsCount', { count: data.tools.length })}</div>
+              <div className="system-xs-regular shrink-0 text-text-tertiary">{t('tools.mcp.toolsCount', { count: data.tools.length })}</div>
             )}
             {!data.tools.length && (
-              <div className='system-xs-regular shrink-0 text-text-tertiary'>{t('tools.mcp.noTools')}</div>
+              <div className="system-xs-regular shrink-0 text-text-tertiary">{t('tools.mcp.noTools')}</div>
             )}
           </div>
           <div className={cn('system-xs-regular text-divider-deep', (!data.is_team_authorization || !data.tools.length) && 'sm:hidden')}>/</div>
           <div className={cn('system-xs-regular truncate text-text-tertiary', (!data.is_team_authorization || !data.tools.length) && ' sm:hidden')} title={`${t('tools.mcp.updateTime')} ${formatTimeFromNow(data.updated_at! * 1000)}`}>{`${t('tools.mcp.updateTime')} ${formatTimeFromNow(data.updated_at! * 1000)}`}</div>
         </div>
-        {data.is_team_authorization && data.tools.length > 0 && <Indicator color='green' className='shrink-0' />}
+        {data.is_team_authorization && data.tools.length > 0 && <Indicator color="green" className="shrink-0" />}
         {(!data.is_team_authorization || !data.tools.length) && (
-          <div className='system-xs-medium flex shrink-0 items-center gap-1 rounded-md border border-util-colors-red-red-500 bg-components-badge-bg-red-soft px-1.5 py-0.5 text-util-colors-red-red-500'>
+          <div className="system-xs-medium flex shrink-0 items-center gap-1 rounded-md border border-util-colors-red-red-500 bg-components-badge-bg-red-soft px-1.5 py-0.5 text-util-colors-red-red-500">
             {t('tools.mcp.noConfigured')}
-            <Indicator color='red' />
+            <Indicator color="red" />
           </div>
         )}
       </div>
@@ -135,11 +135,11 @@ const MCPCard = ({
         <Confirm
           isShow
           title={t('tools.mcp.delete')}
-          content={
+          content={(
             <div>
               {t('tools.mcp.deleteConfirmTitle', { mcp: data.name })}
             </div>
-          }
+          )}
           onCancel={hideDeleteConfirm}
           onConfirm={handleDelete}
           isLoading={deleting}
diff --git a/web/app/components/tools/provider-list.tsx b/web/app/components/tools/provider-list.tsx
index 567cc94450..648ecb9802 100644
--- a/web/app/components/tools/provider-list.tsx
+++ b/web/app/components/tools/provider-list.tsx
@@ -1,27 +1,27 @@
 'use client'
+import type { Collection } from './types'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { Collection } from './types'
-import Marketplace from './marketplace'
-import { cn } from '@/utils/classnames'
-import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
-import TabSliderNew from '@/app/components/base/tab-slider-new'
-import LabelFilter from '@/app/components/tools/labels/filter'
 import Input from '@/app/components/base/input'
-import ProviderDetail from '@/app/components/tools/provider/detail'
-import Empty from '@/app/components/plugins/marketplace/empty'
-import CustomCreateCard from '@/app/components/tools/provider/custom-create-card'
-import WorkflowToolEmpty from '@/app/components/tools/provider/empty'
+import TabSliderNew from '@/app/components/base/tab-slider-new'
 import Card from '@/app/components/plugins/card'
 import CardMoreInfo from '@/app/components/plugins/card/card-more-info'
-import PluginDetailPanel from '@/app/components/plugins/plugin-detail-panel'
-import MCPList from './mcp'
-import { useAllToolProviders } from '@/service/use-tools'
-import { useCheckInstalled, useInvalidateInstalledPluginList } from '@/service/use-plugins'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { ToolTypeEnum } from '../workflow/block-selector/types'
-import { useMarketplace } from './marketplace/hooks'
 import { useTags } from '@/app/components/plugins/hooks'
+import Empty from '@/app/components/plugins/marketplace/empty'
+import PluginDetailPanel from '@/app/components/plugins/plugin-detail-panel'
+import LabelFilter from '@/app/components/tools/labels/filter'
+import CustomCreateCard from '@/app/components/tools/provider/custom-create-card'
+import ProviderDetail from '@/app/components/tools/provider/detail'
+import WorkflowToolEmpty from '@/app/components/tools/provider/empty'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useTabSearchParams } from '@/hooks/use-tab-searchparams'
+import { useCheckInstalled, useInvalidateInstalledPluginList } from '@/service/use-plugins'
+import { useAllToolProviders } from '@/service/use-tools'
+import { cn } from '@/utils/classnames'
+import { ToolTypeEnum } from '../workflow/block-selector/types'
+import Marketplace from './marketplace'
+import { useMarketplace } from './marketplace/hooks'
+import MCPList from './mcp'
 
 const getToolType = (type: string) => {
   switch (type) {
@@ -125,15 +125,16 @@ const ProviderList = () => {
 
   return (
     <>
-      <div className='relative flex h-0 shrink-0 grow overflow-hidden'>
+      <div className="relative flex h-0 shrink-0 grow overflow-hidden">
         <div
           ref={containerRef}
-          className='relative flex grow flex-col overflow-y-auto bg-background-body'
+          className="relative flex grow flex-col overflow-y-auto bg-background-body"
         >
           <div className={cn(
             'sticky top-0 z-10 flex flex-wrap items-center justify-between gap-y-2 bg-background-body px-12 pb-2 pt-4 leading-[56px]',
             currentProviderId && 'pr-6',
-          )}>
+          )}
+          >
             <TabSliderNew
               value={activeTab}
               onChange={(state) => {
@@ -143,14 +144,14 @@ const ProviderList = () => {
               }}
               options={options}
             />
-            <div className='flex items-center gap-2'>
+            <div className="flex items-center gap-2">
               {activeTab !== 'mcp' && (
                 <LabelFilter value={tagFilterValue} onChange={handleTagsChange} />
               )}
               <Input
                 showLeftIcon
                 showClearIcon
-                wrapperClassName='w-[200px]'
+                wrapperClassName="w-[200px]"
                 value={keywords}
                 onChange={e => handleKeywordsChange(e.target.value)}
                 onClear={() => handleKeywordsChange('')}
@@ -161,7 +162,8 @@ const ProviderList = () => {
             <div className={cn(
               'relative grid shrink-0 grid-cols-1 content-start gap-4 px-12 pb-4 pt-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4',
               !filteredCollectionList.length && activeTab === 'workflow' && 'grow',
-            )}>
+            )}
+            >
               {activeTab === 'api' && <CustomCreateCard onRefreshData={refetch} />}
               {filteredCollectionList.map(collection => (
                 <div
@@ -180,19 +182,19 @@ const ProviderList = () => {
                       org: collection.plugin_id ? collection.plugin_id.split('/')[0] : '',
                       name: collection.plugin_id ? collection.plugin_id.split('/')[1] : collection.name,
                     } as any}
-                    footer={
+                    footer={(
                       <CardMoreInfo
                         tags={collection.labels?.map(label => getTagLabel(label)) || []}
                       />
-                    }
+                    )}
                   />
                 </div>
               ))}
-              {!filteredCollectionList.length && activeTab === 'workflow' && <div className='absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'><WorkflowToolEmpty type={getToolType(activeTab)} /></div>}
+              {!filteredCollectionList.length && activeTab === 'workflow' && <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><WorkflowToolEmpty type={getToolType(activeTab)} /></div>}
             </div>
           )}
           {!filteredCollectionList.length && activeTab === 'builtin' && (
-            <Empty lightCard text={t('tools.noTools')} className='h-[224px] shrink-0 px-12' />
+            <Empty lightCard text={t('tools.noTools')} className="h-[224px] shrink-0 px-12" />
           )}
           <div ref={toolListTailRef} />
           {enable_marketplace && activeTab === 'builtin' && (
diff --git a/web/app/components/tools/provider/custom-create-card.tsx b/web/app/components/tools/provider/custom-create-card.tsx
index dbb7026aba..ba0c9e6449 100644
--- a/web/app/components/tools/provider/custom-create-card.tsx
+++ b/web/app/components/tools/provider/custom-create-card.tsx
@@ -1,20 +1,19 @@
 'use client'
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
+import type { CustomCollectionBackend } from '../types'
 import {
   RiAddCircleFill,
   RiArrowRightUpLine,
   RiBookOpenLine,
 } from '@remixicon/react'
-import type { CustomCollectionBackend } from '../types'
-import I18n from '@/context/i18n'
-import { getLanguage } from '@/i18n-config/language'
-import EditCustomToolModal from '@/app/components/tools/edit-custom-collection-modal'
-import { createCustomCollection } from '@/service/tools'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import Toast from '@/app/components/base/toast'
+import EditCustomToolModal from '@/app/components/tools/edit-custom-collection-modal'
 import { useAppContext } from '@/context/app-context'
-import { useDocLink } from '@/context/i18n'
+import I18n, { useDocLink } from '@/context/i18n'
+import { getLanguage } from '@/i18n-config/language'
+import { createCustomCollection } from '@/service/tools'
 
 type Props = {
   onRefreshData: () => void
@@ -47,20 +46,20 @@ const Contribute = ({ onRefreshData }: Props) => {
   return (
     <>
       {isCurrentWorkspaceManager && (
-        <div className='col-span-1 flex min-h-[135px] cursor-pointer flex-col rounded-xl bg-background-default-dimmed transition-all duration-200 ease-in-out'>
-          <div className='group grow rounded-t-xl' onClick={() => setIsShowEditCustomCollectionModal(true)}>
-            <div className='flex shrink-0 items-center p-4 pb-3'>
-              <div className='flex h-10 w-10 items-center justify-center rounded-lg border border-dashed border-divider-deep group-hover:border-solid group-hover:border-state-accent-hover-alt group-hover:bg-state-accent-hover'>
-                <RiAddCircleFill className='h-4 w-4 text-text-quaternary group-hover:text-text-accent'/>
+        <div className="col-span-1 flex min-h-[135px] cursor-pointer flex-col rounded-xl bg-background-default-dimmed transition-all duration-200 ease-in-out">
+          <div className="group grow rounded-t-xl" onClick={() => setIsShowEditCustomCollectionModal(true)}>
+            <div className="flex shrink-0 items-center p-4 pb-3">
+              <div className="flex h-10 w-10 items-center justify-center rounded-lg border border-dashed border-divider-deep group-hover:border-solid group-hover:border-state-accent-hover-alt group-hover:bg-state-accent-hover">
+                <RiAddCircleFill className="h-4 w-4 text-text-quaternary group-hover:text-text-accent" />
               </div>
-              <div className='system-md-semibold ml-3 text-text-secondary group-hover:text-text-accent'>{t('tools.createCustomTool')}</div>
+              <div className="system-md-semibold ml-3 text-text-secondary group-hover:text-text-accent">{t('tools.createCustomTool')}</div>
             </div>
           </div>
-          <div className='rounded-b-xl border-t-[0.5px] border-divider-subtle px-4 py-3 text-text-tertiary hover:text-text-accent'>
-            <a href={linkUrl} target='_blank' rel='noopener noreferrer' className='flex items-center space-x-1'>
-              <RiBookOpenLine className='h-3 w-3 shrink-0' />
-              <div className='system-xs-regular grow truncate' title={t('tools.customToolTip') || ''}>{t('tools.customToolTip')}</div>
-              <RiArrowRightUpLine className='h-3 w-3 shrink-0' />
+          <div className="rounded-b-xl border-t-[0.5px] border-divider-subtle px-4 py-3 text-text-tertiary hover:text-text-accent">
+            <a href={linkUrl} target="_blank" rel="noopener noreferrer" className="flex items-center space-x-1">
+              <RiBookOpenLine className="h-3 w-3 shrink-0" />
+              <div className="system-xs-regular grow truncate" title={t('tools.customToolTip') || ''}>{t('tools.customToolTip')}</div>
+              <RiArrowRightUpLine className="h-3 w-3 shrink-0" />
             </a>
           </div>
         </div>
diff --git a/web/app/components/tools/provider/detail.tsx b/web/app/components/tools/provider/detail.tsx
index d310dde41b..e881dd3997 100644
--- a/web/app/components/tools/provider/detail.tsx
+++ b/web/app/components/tools/provider/detail.tsx
@@ -1,32 +1,33 @@
 'use client'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
+import type { Collection, CustomCollectionBackend, Tool, WorkflowToolProviderRequest, WorkflowToolProviderResponse } from '../types'
 import {
   RiCloseLine,
 } from '@remixicon/react'
-import { AuthHeaderPrefix, AuthType, CollectionType } from '../types'
-import { basePath } from '@/utils/var'
-import type { Collection, CustomCollectionBackend, Tool, WorkflowToolProviderRequest, WorkflowToolProviderResponse } from '../types'
-import ToolItem from './tool-item'
-import { cn } from '@/utils/classnames'
-import I18n from '@/context/i18n'
-import { getLanguage } from '@/i18n-config/language'
-import Confirm from '@/app/components/base/confirm'
-import Button from '@/app/components/base/button'
-import Indicator from '@/app/components/header/indicator'
-import { LinkExternal02, Settings01 } from '@/app/components/base/icons/src/vender/line/general'
-import Icon from '@/app/components/plugins/card/base/card-icon'
-import Title from '@/app/components/plugins/card/base/title'
-import OrgInfo from '@/app/components/plugins/card/base/org-info'
-import Description from '@/app/components/plugins/card/base/description'
-import ConfigCredential from '@/app/components/tools/setting/build-in/config-credentials'
-import EditCustomToolModal from '@/app/components/tools/edit-custom-collection-modal'
-import WorkflowToolModal from '@/app/components/tools/workflow-tool'
-import Toast from '@/app/components/base/toast'
-import Drawer from '@/app/components/base/drawer'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
+import Confirm from '@/app/components/base/confirm'
+import Drawer from '@/app/components/base/drawer'
+import { LinkExternal02, Settings01 } from '@/app/components/base/icons/src/vender/line/general'
+import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
+import { ConfigurationMethodEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import Indicator from '@/app/components/header/indicator'
+import Icon from '@/app/components/plugins/card/base/card-icon'
+import Description from '@/app/components/plugins/card/base/description'
+import OrgInfo from '@/app/components/plugins/card/base/org-info'
+import Title from '@/app/components/plugins/card/base/title'
+import EditCustomToolModal from '@/app/components/tools/edit-custom-collection-modal'
+import ConfigCredential from '@/app/components/tools/setting/build-in/config-credentials'
+import WorkflowToolModal from '@/app/components/tools/workflow-tool'
+import { useAppContext } from '@/context/app-context'
+import I18n from '@/context/i18n'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
 
+import { getLanguage } from '@/i18n-config/language'
 import {
   deleteWorkflowTool,
   fetchBuiltInToolList,
@@ -40,12 +41,11 @@ import {
   updateBuiltInToolCredential,
   updateCustomCollection,
 } from '@/service/tools'
-import { useModalContext } from '@/context/modal-context'
-import { useProviderContext } from '@/context/provider-context'
-import { ConfigurationMethodEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import Loading from '@/app/components/base/loading'
-import { useAppContext } from '@/context/app-context'
 import { useInvalidateAllWorkflowTools } from '@/service/use-tools'
+import { cn } from '@/utils/classnames'
+import { basePath } from '@/utils/var'
+import { AuthHeaderPrefix, AuthType, CollectionType } from '../types'
+import ToolItem from './tool-item'
 
 type Props = {
   collection: Collection
@@ -236,25 +236,25 @@ const ProviderDetail = ({
       positionCenter={false}
       panelClassName={cn('mb-2 mr-2 mt-[64px] !w-[420px] !max-w-[420px] justify-start rounded-2xl border-[0.5px] border-components-panel-border !bg-components-panel-bg !p-0 shadow-xl')}
     >
-      <div className='flex h-full flex-col p-4'>
+      <div className="flex h-full flex-col p-4">
         <div className="shrink-0">
-          <div className='mb-3 flex'>
+          <div className="mb-3 flex">
             <Icon src={collection.icon} />
             <div className="ml-3 w-0 grow">
               <div className="flex h-5 items-center">
                 <Title title={collection.label[language]} />
               </div>
-              <div className='mb-1 mt-0.5 flex h-4 items-center justify-between'>
+              <div className="mb-1 mt-0.5 flex h-4 items-center justify-between">
                 <OrgInfo
-                  packageNameClassName='w-auto'
+                  packageNameClassName="w-auto"
                   orgName={collection.author}
                   packageName={collection.name}
                 />
               </div>
             </div>
-            <div className='flex gap-1'>
+            <div className="flex gap-1">
               <ActionButton onClick={onHide}>
-                <RiCloseLine className='h-4 w-4' />
+                <RiCloseLine className="h-4 w-4" />
               </ActionButton>
             </div>
           </div>
@@ -262,25 +262,25 @@ const ProviderDetail = ({
         {!!collection.description[language] && (
           <Description text={collection.description[language]} descriptionLineRows={2}></Description>
         )}
-        <div className='flex gap-1 border-b-[0.5px] border-divider-subtle'>
+        <div className="flex gap-1 border-b-[0.5px] border-divider-subtle">
           {collection.type === CollectionType.custom && !isDetailLoading && (
             <Button
               className={cn('my-3 w-full shrink-0')}
               onClick={() => setIsShowEditCustomCollectionModal(true)}
             >
-              <Settings01 className='mr-1 h-4 w-4 text-text-tertiary' />
-              <div className='system-sm-medium text-text-secondary'>{t('tools.createTool.editAction')}</div>
+              <Settings01 className="mr-1 h-4 w-4 text-text-tertiary" />
+              <div className="system-sm-medium text-text-secondary">{t('tools.createTool.editAction')}</div>
             </Button>
           )}
           {collection.type === CollectionType.workflow && !isDetailLoading && customCollection && (
             <>
               <Button
-                variant='primary'
+                variant="primary"
                 className={cn('my-3 w-[183px] shrink-0')}
               >
-                <a className='flex items-center' href={`${basePath}/app/${(customCollection as WorkflowToolProviderResponse).workflow_app_id}/workflow`} rel='noreferrer' target='_blank'>
-                  <div className='system-sm-medium'>{t('tools.openInStudio')}</div>
-                  <LinkExternal02 className='ml-1 h-4 w-4' />
+                <a className="flex items-center" href={`${basePath}/app/${(customCollection as WorkflowToolProviderResponse).workflow_app_id}/workflow`} rel="noreferrer" target="_blank">
+                  <div className="system-sm-medium">{t('tools.openInStudio')}</div>
+                  <LinkExternal02 className="ml-1 h-4 w-4" />
                 </a>
               </Button>
               <Button
@@ -288,30 +288,30 @@ const ProviderDetail = ({
                 onClick={() => setIsShowEditWorkflowToolModal(true)}
                 disabled={!isCurrentWorkspaceManager}
               >
-                <div className='system-sm-medium text-text-secondary'>{t('tools.createTool.editAction')}</div>
+                <div className="system-sm-medium text-text-secondary">{t('tools.createTool.editAction')}</div>
               </Button>
             </>
           )}
         </div>
-        <div className='flex min-h-0 flex-1 flex-col pt-3'>
-          {isDetailLoading && <div className='flex h-[200px]'><Loading type='app' /></div>}
+        <div className="flex min-h-0 flex-1 flex-col pt-3">
+          {isDetailLoading && <div className="flex h-[200px]"><Loading type="app" /></div>}
           {!isDetailLoading && (
             <>
               <div className="shrink-0">
                 {(collection.type === CollectionType.builtIn || collection.type === CollectionType.model) && isAuthed && (
-                  <div className='system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary'>
+                  <div className="system-sm-semibold-uppercase mb-1 flex h-6 items-center justify-between text-text-secondary">
                     {t('plugin.detailPanel.actionNum', { num: toolList.length, action: toolList.length > 1 ? 'actions' : 'action' })}
                     {needAuth && (
                       <Button
-                        variant='secondary'
-                        size='small'
+                        variant="secondary"
+                        size="small"
                         onClick={() => {
                           if (collection.type === CollectionType.builtIn || collection.type === CollectionType.model)
                             showSettingAuthModal()
                         }}
                         disabled={!isCurrentWorkspaceManager}
                       >
-                        <Indicator className='mr-2' color={'green'} />
+                        <Indicator className="mr-2" color="green" />
                         {t('tools.auth.authorized')}
                       </Button>
                     )}
@@ -319,13 +319,13 @@ const ProviderDetail = ({
                 )}
                 {(collection.type === CollectionType.builtIn || collection.type === CollectionType.model) && needAuth && !isAuthed && (
                   <>
-                    <div className='system-sm-semibold-uppercase text-text-secondary'>
-                      <span className=''>{t('tools.includeToolNum', { num: toolList.length, action: toolList.length > 1 ? 'actions' : 'action' }).toLocaleUpperCase()}</span>
-                      <span className='px-1'>·</span>
-                      <span className='text-util-colors-orange-orange-600'>{t('tools.auth.setup').toLocaleUpperCase()}</span>
+                    <div className="system-sm-semibold-uppercase text-text-secondary">
+                      <span className="">{t('tools.includeToolNum', { num: toolList.length, action: toolList.length > 1 ? 'actions' : 'action' }).toLocaleUpperCase()}</span>
+                      <span className="px-1">·</span>
+                      <span className="text-util-colors-orange-orange-600">{t('tools.auth.setup').toLocaleUpperCase()}</span>
                     </div>
                     <Button
-                      variant='primary'
+                      variant="primary"
                       className={cn('my-3 w-full shrink-0')}
                       onClick={() => {
                         if (collection.type === CollectionType.builtIn || collection.type === CollectionType.model)
@@ -338,17 +338,17 @@ const ProviderDetail = ({
                   </>
                 )}
                 {(collection.type === CollectionType.custom) && (
-                  <div className='system-sm-semibold-uppercase text-text-secondary'>
-                    <span className=''>{t('tools.includeToolNum', { num: toolList.length, action: toolList.length > 1 ? 'actions' : 'action' }).toLocaleUpperCase()}</span>
+                  <div className="system-sm-semibold-uppercase text-text-secondary">
+                    <span className="">{t('tools.includeToolNum', { num: toolList.length, action: toolList.length > 1 ? 'actions' : 'action' }).toLocaleUpperCase()}</span>
                   </div>
                 )}
                 {(collection.type === CollectionType.workflow) && (
-                  <div className='system-sm-semibold-uppercase text-text-secondary'>
-                    <span className=''>{t('tools.createTool.toolInput.title').toLocaleUpperCase()}</span>
+                  <div className="system-sm-semibold-uppercase text-text-secondary">
+                    <span className="">{t('tools.createTool.toolInput.title').toLocaleUpperCase()}</span>
                   </div>
                 )}
               </div>
-              <div className='mt-1 flex-1 overflow-y-auto py-2'>
+              <div className="mt-1 flex-1 overflow-y-auto py-2">
                 {collection.type !== CollectionType.workflow && toolList.map(tool => (
                   <ToolItem
                     key={tool.name}
@@ -360,13 +360,13 @@ const ProviderDetail = ({
                   />
                 ))}
                 {collection.type === CollectionType.workflow && (customCollection as WorkflowToolProviderResponse)?.tool?.parameters.map(item => (
-                  <div key={item.name} className='mb-1 py-1'>
-                    <div className='mb-1 flex items-center gap-2'>
-                      <span className='code-sm-semibold text-text-secondary'>{item.name}</span>
-                      <span className='system-xs-regular text-text-tertiary'>{item.type}</span>
-                      <span className='system-xs-medium text-text-warning-secondary'>{item.required ? t('tools.createTool.toolInput.required') : ''}</span>
+                  <div key={item.name} className="mb-1 py-1">
+                    <div className="mb-1 flex items-center gap-2">
+                      <span className="code-sm-semibold text-text-secondary">{item.name}</span>
+                      <span className="system-xs-regular text-text-tertiary">{item.type}</span>
+                      <span className="system-xs-medium text-text-warning-secondary">{item.required ? t('tools.createTool.toolInput.required') : ''}</span>
                     </div>
-                    <div className='system-xs-regular text-text-tertiary'>{item.llm_description}</div>
+                    <div className="system-xs-regular text-text-tertiary">{item.llm_description}</div>
                   </div>
                 ))}
               </div>
diff --git a/web/app/components/tools/provider/empty.tsx b/web/app/components/tools/provider/empty.tsx
index bbd0f6fec1..7e916ba62f 100644
--- a/web/app/components/tools/provider/empty.tsx
+++ b/web/app/components/tools/provider/empty.tsx
@@ -1,11 +1,12 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { ToolTypeEnum } from '../../workflow/block-selector/types'
 import { RiArrowRightUpLine } from '@remixicon/react'
 import Link from 'next/link'
+import { useTranslation } from 'react-i18next'
+import useTheme from '@/hooks/use-theme'
 import { cn } from '@/utils/classnames'
 import { NoToolPlaceholder } from '../../base/icons/src/vender/other'
-import useTheme from '@/hooks/use-theme'
+import { ToolTypeEnum } from '../../workflow/block-selector/types'
+
 type Props = {
   type?: ToolTypeEnum
   isAgent?: boolean
@@ -35,14 +36,16 @@ const Empty = ({
   const hasTitle = t(`tools.addToolModal.${renderType}.title`) !== `tools.addToolModal.${renderType}.title`
 
   return (
-    <div className='flex flex-col items-center justify-center'>
+    <div className="flex flex-col items-center justify-center">
       <NoToolPlaceholder className={theme === 'dark' ? 'invert' : ''} />
-      <div className='mb-1 mt-2 text-[13px] font-medium leading-[18px] text-text-primary'>
+      <div className="mb-1 mt-2 text-[13px] font-medium leading-[18px] text-text-primary">
         {hasTitle ? t(`tools.addToolModal.${renderType}.title`) : 'No tools available'}
       </div>
       {(!isAgent && hasTitle) && (
         <Comp className={cn('flex items-center text-[13px] leading-[18px] text-text-tertiary', hasLink && 'cursor-pointer hover:text-text-accent')} {...linkProps}>
-          {t(`tools.addToolModal.${renderType}.tip`)} {hasLink && <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />}
+          {t(`tools.addToolModal.${renderType}.tip`)}
+          {' '}
+          {hasLink && <RiArrowRightUpLine className="ml-0.5 h-3 w-3" />}
         </Comp>
       )}
     </div>
diff --git a/web/app/components/tools/provider/tool-item.tsx b/web/app/components/tools/provider/tool-item.tsx
index 7edf1c61f1..3248e3c024 100644
--- a/web/app/components/tools/provider/tool-item.tsx
+++ b/web/app/components/tools/provider/tool-item.tsx
@@ -1,11 +1,11 @@
 'use client'
+import type { Collection, Tool } from '../types'
 import React, { useState } from 'react'
 import { useContext } from 'use-context-selector'
-import type { Collection, Tool } from '../types'
-import { cn } from '@/utils/classnames'
+import SettingBuiltInTool from '@/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool'
 import I18n from '@/context/i18n'
 import { getLanguage } from '@/i18n-config/language'
-import SettingBuiltInTool from '@/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   disabled?: boolean
@@ -32,8 +32,8 @@ const ToolItem = ({
         className={cn('bg-components-panel-item-bg cursor-pointer rounded-xl border-[0.5px] border-components-panel-border-subtle px-4 py-3 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover', disabled && '!cursor-not-allowed opacity-50')}
         onClick={() => !disabled && setShowDetail(true)}
       >
-        <div className='system-md-semibold pb-0.5 text-text-secondary'>{tool.label[language]}</div>
-        <div className='system-xs-regular line-clamp-2 text-text-tertiary' title={tool.description[language]}>{tool.description[language]}</div>
+        <div className="system-md-semibold pb-0.5 text-text-secondary">{tool.label[language]}</div>
+        <div className="system-xs-regular line-clamp-2 text-text-tertiary" title={tool.description[language]}>{tool.description[language]}</div>
       </div>
       {showDetail && (
         <SettingBuiltInTool
diff --git a/web/app/components/tools/setting/build-in/config-credentials.tsx b/web/app/components/tools/setting/build-in/config-credentials.tsx
index 5effeaa47d..783d4a6476 100644
--- a/web/app/components/tools/setting/build-in/config-credentials.tsx
+++ b/web/app/components/tools/setting/build-in/config-credentials.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { Collection } from '../../types'
+import { noop } from 'lodash-es'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { addDefaultValue, toolCredentialToFormSchemas } from '../../utils/to-form-schema'
-import type { Collection } from '../../types'
-import { cn } from '@/utils/classnames'
-import Drawer from '@/app/components/base/drawer-plus'
 import Button from '@/app/components/base/button'
-import Toast from '@/app/components/base/toast'
-import { fetchBuiltInToolCredential, fetchBuiltInToolCredentialSchema } from '@/service/tools'
-import Loading from '@/app/components/base/loading'
-import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
+import Drawer from '@/app/components/base/drawer-plus'
 import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { noop } from 'lodash-es'
+import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
+import { fetchBuiltInToolCredential, fetchBuiltInToolCredentialSchema } from '@/service/tools'
+import { cn } from '@/utils/classnames'
+import { addDefaultValue, toolCredentialToFormSchemas } from '../../utils/to-form-schema'
 
 type Props = {
   collection: Collection
@@ -72,56 +72,57 @@ const ConfigCredential: FC<Props> = ({
       onHide={onCancel}
       title={t('tools.auth.setupModalTitle') as string}
       titleDescription={t('tools.auth.setupModalTitleDescription') as string}
-      panelClassName='mt-[64px] mb-2 !w-[420px] border-components-panel-border'
-      maxWidthClassName='!max-w-[420px]'
-      height='calc(100vh - 64px)'
-      contentClassName='!bg-components-panel-bg'
-      headerClassName='!border-b-divider-subtle'
-      body={
-
-        <div className='h-full px-6 py-3'>
+      panelClassName="mt-[64px] mb-2 !w-[420px] border-components-panel-border"
+      maxWidthClassName="!max-w-[420px]"
+      height="calc(100vh - 64px)"
+      contentClassName="!bg-components-panel-bg"
+      headerClassName="!border-b-divider-subtle"
+      body={(
+        <div className="h-full px-6 py-3">
           {!credentialSchema
-            ? <Loading type='app' />
+            ? <Loading type="app" />
             : (
-              <>
-                <Form
-                  value={tempCredential}
-                  onChange={(v) => {
-                    setTempCredential(v)
-                  }}
-                  formSchemas={credentialSchema}
-                  isEditMode={true}
-                  showOnVariableMap={{}}
-                  validating={false}
-                  inputClassName='!bg-components-input-bg-normal'
-                  fieldMoreInfo={item => item.url
-                    ? (<a
-                      href={item.url}
-                      target='_blank' rel='noopener noreferrer'
-                      className='inline-flex items-center text-xs text-text-accent'
-                    >
-                      {t('tools.howToGet')}
-                      <LinkExternal02 className='ml-1 h-3 w-3' />
-                    </a>)
-                    : null}
-                />
-                <div className={cn((collection.is_team_authorization && !isHideRemoveBtn) ? 'justify-between' : 'justify-end', 'mt-2 flex ')} >
-                  {
-                    (collection.is_team_authorization && !isHideRemoveBtn) && (
-                      <Button onClick={onRemove}>{t('common.operation.remove')}</Button>
-                    )
-                  }
-                  <div className='flex space-x-2'>
-                    <Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
-                    <Button loading={isLoading || isSaving} disabled={isLoading || isSaving} variant='primary' onClick={handleSave}>{t('common.operation.save')}</Button>
+                <>
+                  <Form
+                    value={tempCredential}
+                    onChange={(v) => {
+                      setTempCredential(v)
+                    }}
+                    formSchemas={credentialSchema}
+                    isEditMode={true}
+                    showOnVariableMap={{}}
+                    validating={false}
+                    inputClassName="!bg-components-input-bg-normal"
+                    fieldMoreInfo={item => item.url
+                      ? (
+                          <a
+                            href={item.url}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="inline-flex items-center text-xs text-text-accent"
+                          >
+                            {t('tools.howToGet')}
+                            <LinkExternal02 className="ml-1 h-3 w-3" />
+                          </a>
+                        )
+                      : null}
+                  />
+                  <div className={cn((collection.is_team_authorization && !isHideRemoveBtn) ? 'justify-between' : 'justify-end', 'mt-2 flex ')}>
+                    {
+                      (collection.is_team_authorization && !isHideRemoveBtn) && (
+                        <Button onClick={onRemove}>{t('common.operation.remove')}</Button>
+                      )
+                    }
+                    <div className="flex space-x-2">
+                      <Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
+                      <Button loading={isLoading || isSaving} disabled={isLoading || isSaving} variant="primary" onClick={handleSave}>{t('common.operation.save')}</Button>
+                    </div>
                   </div>
-                </div>
-              </>
-            )
-          }
+                </>
+              )}
 
-        </div >
-      }
+        </div>
+      )}
       isShowMask={true}
       clickOutsideNotOpen={false}
     />
diff --git a/web/app/components/tools/utils/to-form-schema.ts b/web/app/components/tools/utils/to-form-schema.ts
index 69f5dd5f2f..e3d1f660fd 100644
--- a/web/app/components/tools/utils/to-form-schema.ts
+++ b/web/app/components/tools/utils/to-form-schema.ts
@@ -1,7 +1,7 @@
-import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 import type { TriggerEventParameter } from '../../plugins/types'
 import type { ToolCredential, ToolParameter } from '../types'
+import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 
 export const toType = (type: string) => {
   switch (type) {
@@ -76,7 +76,7 @@ export const toolCredentialToFormSchemas = (parameters: ToolCredential[]) => {
   return formSchemas
 }
 
-export const addDefaultValue = (value: Record<string, any>, formSchemas: { variable: string; type: string; default?: any }[]) => {
+export const addDefaultValue = (value: Record<string, any>, formSchemas: { variable: string, type: string, default?: any }[]) => {
   const newValues = { ...value }
   formSchemas.forEach((formSchema) => {
     const itemValue = value[formSchema.variable]
@@ -122,7 +122,7 @@ const correctInitialData = (type: string, target: any, defaultValue: any) => {
   return target
 }
 
-export const generateFormValue = (value: Record<string, any>, formSchemas: { variable: string; default?: any; type: string }[], isReasoning = false) => {
+export const generateFormValue = (value: Record<string, any>, formSchemas: { variable: string, default?: any, type: string }[], isReasoning = false) => {
   const newValues = {} as any
   formSchemas.forEach((formSchema) => {
     const itemValue = value[formSchema.variable]
@@ -162,7 +162,7 @@ export const getStructureValue = (value: Record<string, any>) => {
   return newValue
 }
 
-export const getConfiguredValue = (value: Record<string, any>, formSchemas: { variable: string; type: string; default?: any }[]) => {
+export const getConfiguredValue = (value: Record<string, any>, formSchemas: { variable: string, type: string, default?: any }[]) => {
   const newValues = { ...value }
   formSchemas.forEach((formSchema) => {
     const itemValue = value[formSchema.variable]
@@ -187,7 +187,7 @@ const getVarKindType = (type: FormTypeEnum) => {
     return VarKindType.mixed
 }
 
-export const generateAgentToolValue = (value: Record<string, any>, formSchemas: { variable: string; default?: any; type: string }[], isReasoning = false) => {
+export const generateAgentToolValue = (value: Record<string, any>, formSchemas: { variable: string, default?: any, type: string }[], isReasoning = false) => {
   const newValues = {} as any
   if (!isReasoning) {
     formSchemas.forEach((formSchema) => {
diff --git a/web/app/components/tools/workflow-tool/configure-button.tsx b/web/app/components/tools/workflow-tool/configure-button.tsx
index 0feee28abf..0d28576de5 100644
--- a/web/app/components/tools/workflow-tool/configure-button.tsx
+++ b/web/app/components/tools/workflow-tool/configure-button.tsx
@@ -1,21 +1,21 @@
 'use client'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-import { RiArrowRightUpLine, RiHammerLine } from '@remixicon/react'
-import Divider from '../../base/divider'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
-import Indicator from '@/app/components/header/indicator'
-import WorkflowToolModal from '@/app/components/tools/workflow-tool'
-import Loading from '@/app/components/base/loading'
-import Toast from '@/app/components/base/toast'
-import { createWorkflowToolProvider, fetchWorkflowToolDetailByAppID, saveWorkflowToolProvider } from '@/service/tools'
 import type { Emoji, WorkflowToolProviderOutputParameter, WorkflowToolProviderParameter, WorkflowToolProviderRequest, WorkflowToolProviderResponse } from '@/app/components/tools/types'
 import type { InputVar, Variable } from '@/app/components/workflow/types'
 import type { PublishWorkflowParams } from '@/types/workflow'
+import { RiArrowRightUpLine, RiHammerLine } from '@remixicon/react'
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
+import Indicator from '@/app/components/header/indicator'
+import WorkflowToolModal from '@/app/components/tools/workflow-tool'
 import { useAppContext } from '@/context/app-context'
+import { createWorkflowToolProvider, fetchWorkflowToolDetailByAppID, saveWorkflowToolProvider } from '@/service/tools'
 import { useInvalidateAllWorkflowTools } from '@/service/use-tools'
+import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
 
 type Props = {
   disabled: boolean
@@ -132,11 +132,11 @@ const WorkflowToolConfigureButton = ({
       privacy_policy: detail?.privacy_policy || '',
       ...(published
         ? {
-          workflow_tool_id: detail?.workflow_tool_id,
-        }
+            workflow_tool_id: detail?.workflow_tool_id,
+          }
         : {
-          workflow_app_id: workflowAppId,
-        }),
+            workflow_app_id: workflowAppId,
+          }),
     }
   }, [detail, published, workflowAppId, icon, name, description, inputs])
 
@@ -197,75 +197,76 @@ const WorkflowToolConfigureButton = ({
 
   return (
     <>
-      <Divider type='horizontal' className='h-px bg-divider-subtle' />
+      <Divider type="horizontal" className="h-px bg-divider-subtle" />
       {(!published || !isLoading) && (
         <div className={cn(
           'group rounded-lg bg-background-section-burn transition-colors',
           disabled || !isCurrentWorkspaceManager ? 'cursor-not-allowed opacity-60 shadow-xs' : 'cursor-pointer',
           !disabled && !published && isCurrentWorkspaceManager && 'hover:bg-state-accent-hover',
-        )}>
+        )}
+        >
           {isCurrentWorkspaceManager
             ? (
-              <div
-                className='flex items-center justify-start gap-2 p-2 pl-2.5'
-                onClick={() => !disabled && !published && setShowModal(true)}
-              >
-                <RiHammerLine className={cn('relative h-4 w-4 text-text-secondary', !disabled && !published && 'group-hover:text-text-accent')} />
                 <div
-                  title={t('workflow.common.workflowAsTool') || ''}
-                  className={cn('system-sm-medium shrink grow basis-0 truncate text-text-secondary', !disabled && !published && 'group-hover:text-text-accent')}
+                  className="flex items-center justify-start gap-2 p-2 pl-2.5"
+                  onClick={() => !disabled && !published && setShowModal(true)}
                 >
-                  {t('workflow.common.workflowAsTool')}
+                  <RiHammerLine className={cn('relative h-4 w-4 text-text-secondary', !disabled && !published && 'group-hover:text-text-accent')} />
+                  <div
+                    title={t('workflow.common.workflowAsTool') || ''}
+                    className={cn('system-sm-medium shrink grow basis-0 truncate text-text-secondary', !disabled && !published && 'group-hover:text-text-accent')}
+                  >
+                    {t('workflow.common.workflowAsTool')}
+                  </div>
+                  {!published && (
+                    <span className="system-2xs-medium-uppercase shrink-0 rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-1 py-0.5 text-text-tertiary">
+                      {t('workflow.common.configureRequired')}
+                    </span>
+                  )}
                 </div>
-                {!published && (
-                  <span className='system-2xs-medium-uppercase shrink-0 rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-1 py-0.5 text-text-tertiary'>
-                    {t('workflow.common.configureRequired')}
-                  </span>
-                )}
-              </div>
-            )
+              )
             : (
-              <div
-                className='flex items-center justify-start gap-2 p-2 pl-2.5'
-              >
-                <RiHammerLine className='h-4 w-4 text-text-tertiary' />
                 <div
-                  title={t('workflow.common.workflowAsTool') || ''}
-                  className='system-sm-medium shrink grow basis-0 truncate text-text-tertiary'
+                  className="flex items-center justify-start gap-2 p-2 pl-2.5"
                 >
-                  {t('workflow.common.workflowAsTool')}
+                  <RiHammerLine className="h-4 w-4 text-text-tertiary" />
+                  <div
+                    title={t('workflow.common.workflowAsTool') || ''}
+                    className="system-sm-medium shrink grow basis-0 truncate text-text-tertiary"
+                  >
+                    {t('workflow.common.workflowAsTool')}
+                  </div>
                 </div>
-              </div>
-            )}
+              )}
           {disabledReason && (
-            <div className='mt-1 px-2.5 pb-2 text-xs leading-[18px] text-text-tertiary'>
+            <div className="mt-1 px-2.5 pb-2 text-xs leading-[18px] text-text-tertiary">
               {disabledReason}
             </div>
           )}
           {published && (
-            <div className='border-t-[0.5px] border-divider-regular px-2.5 py-2'>
-              <div className='flex justify-between gap-x-2'>
+            <div className="border-t-[0.5px] border-divider-regular px-2.5 py-2">
+              <div className="flex justify-between gap-x-2">
                 <Button
-                  size='small'
-                  className='w-[140px]'
+                  size="small"
+                  className="w-[140px]"
                   onClick={() => setShowModal(true)}
                   disabled={!isCurrentWorkspaceManager || disabled}
                 >
                   {t('workflow.common.configure')}
-                  {outdated && <Indicator className='ml-1' color={'yellow'} />}
+                  {outdated && <Indicator className="ml-1" color="yellow" />}
                 </Button>
                 <Button
-                  size='small'
-                  className='w-[140px]'
+                  size="small"
+                  className="w-[140px]"
                   onClick={() => router.push('/tools?category=workflow')}
                   disabled={disabled}
                 >
                   {t('workflow.common.manageInTools')}
-                  <RiArrowRightUpLine className='ml-1 h-4 w-4' />
+                  <RiArrowRightUpLine className="ml-1 h-4 w-4" />
                 </Button>
               </div>
               {outdated && (
-                <div className='mt-1 text-xs leading-[18px] text-text-warning'>
+                <div className="mt-1 text-xs leading-[18px] text-text-warning">
                   {t('workflow.common.workflowAsToolTip')}
                 </div>
               )}
@@ -273,7 +274,7 @@ const WorkflowToolConfigureButton = ({
           )}
         </div>
       )}
-      {published && isLoading && <div className='pt-2'><Loading type='app' /></div>}
+      {published && isLoading && <div className="pt-2"><Loading type="app" /></div>}
       {showModal && (
         <WorkflowToolModal
           isAdd={!published}
diff --git a/web/app/components/tools/workflow-tool/confirm-modal/index.spec.tsx b/web/app/components/tools/workflow-tool/confirm-modal/index.spec.tsx
index 064a4d3cda..972ac8c882 100644
--- a/web/app/components/tools/workflow-tool/confirm-modal/index.spec.tsx
+++ b/web/app/components/tools/workflow-tool/confirm-modal/index.spec.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
 import { act, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
 import ConfirmModal from './index'
 
 // Test utilities
diff --git a/web/app/components/tools/workflow-tool/confirm-modal/index.tsx b/web/app/components/tools/workflow-tool/confirm-modal/index.tsx
index e76ad4add4..f90774cb32 100644
--- a/web/app/components/tools/workflow-tool/confirm-modal/index.tsx
+++ b/web/app/components/tools/workflow-tool/confirm-modal/index.tsx
@@ -1,12 +1,12 @@
 'use client'
 
-import { useTranslation } from 'react-i18next'
 import { RiCloseLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
-import Modal from '@/app/components/base/modal'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import { noop } from 'lodash-es'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import Modal from '@/app/components/base/modal'
+import { cn } from '@/utils/classnames'
 
 type ConfirmModalProps = {
   show: boolean
@@ -23,19 +23,19 @@ const ConfirmModal = ({ show, onConfirm, onClose }: ConfirmModalProps) => {
       isShow={show}
       onClose={noop}
     >
-      <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onClose}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onClose}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
-      <div className='h-12 w-12 rounded-xl border-[0.5px] border-divider-regular bg-background-section p-3 shadow-xl'>
-        <AlertTriangle className='h-6 w-6 text-[rgb(247,144,9)]' />
+      <div className="h-12 w-12 rounded-xl border-[0.5px] border-divider-regular bg-background-section p-3 shadow-xl">
+        <AlertTriangle className="h-6 w-6 text-[rgb(247,144,9)]" />
       </div>
-      <div className='relative mt-3 text-xl font-semibold leading-[30px] text-text-primary'>{t('tools.createTool.confirmTitle')}</div>
-      <div className='my-1 text-sm leading-5 text-text-tertiary'>
+      <div className="relative mt-3 text-xl font-semibold leading-[30px] text-text-primary">{t('tools.createTool.confirmTitle')}</div>
+      <div className="my-1 text-sm leading-5 text-text-tertiary">
         {t('tools.createTool.confirmTip')}
       </div>
-      <div className='flex items-center justify-end pt-6'>
-        <div className='flex items-center'>
-          <Button className='mr-2' onClick={onClose}>{t('common.operation.cancel')}</Button>
+      <div className="flex items-center justify-end pt-6">
+        <div className="flex items-center">
+          <Button className="mr-2" onClick={onClose}>{t('common.operation.cancel')}</Button>
           <Button variant="warning" onClick={onConfirm}>{t('common.operation.confirm')}</Button>
         </div>
       </div>
diff --git a/web/app/components/tools/workflow-tool/index.tsx b/web/app/components/tools/workflow-tool/index.tsx
index 3d70f1f424..af226e7071 100644
--- a/web/app/components/tools/workflow-tool/index.tsx
+++ b/web/app/components/tools/workflow-tool/index.tsx
@@ -1,24 +1,24 @@
 'use client'
 import type { FC } from 'react'
+import type { Emoji, WorkflowToolProviderOutputParameter, WorkflowToolProviderParameter, WorkflowToolProviderRequest } from '../types'
+import { RiErrorWarningLine } from '@remixicon/react'
+import { produce } from 'immer'
 import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import type { Emoji, WorkflowToolProviderOutputParameter, WorkflowToolProviderParameter, WorkflowToolProviderRequest } from '../types'
-import { buildWorkflowOutputParameters } from './utils'
-import { cn } from '@/utils/classnames'
+import AppIcon from '@/app/components/base/app-icon'
+import Button from '@/app/components/base/button'
 import Drawer from '@/app/components/base/drawer-plus'
+import EmojiPicker from '@/app/components/base/emoji-picker'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
-import Button from '@/app/components/base/button'
 import Toast from '@/app/components/base/toast'
-import EmojiPicker from '@/app/components/base/emoji-picker'
-import AppIcon from '@/app/components/base/app-icon'
-import MethodSelector from '@/app/components/tools/workflow-tool/method-selector'
+import Tooltip from '@/app/components/base/tooltip'
 import LabelSelector from '@/app/components/tools/labels/selector'
 import ConfirmModal from '@/app/components/tools/workflow-tool/confirm-modal'
-import Tooltip from '@/app/components/base/tooltip'
+import MethodSelector from '@/app/components/tools/workflow-tool/method-selector'
 import { VarType } from '@/app/components/workflow/types'
-import { RiErrorWarningLine } from '@remixicon/react'
+import { cn } from '@/utils/classnames'
+import { buildWorkflowOutputParameters } from './utils'
 
 type Props = {
   isAdd?: boolean
@@ -152,20 +152,24 @@ const WorkflowToolAsModal: FC<Props> = ({
         isShow
         onHide={onHide}
         title={t('workflow.common.workflowAsTool')!}
-        panelClassName='mt-2 !w-[640px]'
-        maxWidthClassName='!max-w-[640px]'
-        height='calc(100vh - 16px)'
-        headerClassName='!border-b-divider'
-        body={
-          <div className='flex h-full flex-col'>
-            <div className='h-0 grow space-y-4 overflow-y-auto px-6 py-3'>
+        panelClassName="mt-2 !w-[640px]"
+        maxWidthClassName="!max-w-[640px]"
+        height="calc(100vh - 16px)"
+        headerClassName="!border-b-divider"
+        body={(
+          <div className="flex h-full flex-col">
+            <div className="h-0 grow space-y-4 overflow-y-auto px-6 py-3">
               {/* name & icon */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.name')} <span className='ml-1 text-red-500'>*</span></div>
-                <div className='flex items-center justify-between gap-3'>
-                  <AppIcon size='large' onClick={() => { setShowEmojiPicker(true) }} className='cursor-pointer' iconType='emoji' icon={emoji.content} background={emoji.background} />
+                <div className="system-sm-medium py-2 text-text-primary">
+                  {t('tools.createTool.name')}
+                  {' '}
+                  <span className="ml-1 text-red-500">*</span>
+                </div>
+                <div className="flex items-center justify-between gap-3">
+                  <AppIcon size="large" onClick={() => { setShowEmojiPicker(true) }} className="cursor-pointer" iconType="emoji" icon={emoji.content} background={emoji.background} />
                   <Input
-                    className='h-10 grow'
+                    className="h-10 grow"
                     placeholder={t('tools.createTool.toolNamePlaceHolder')!}
                     value={label}
                     onChange={e => setLabel(e.target.value)}
@@ -174,29 +178,31 @@ const WorkflowToolAsModal: FC<Props> = ({
               </div>
               {/* name for tool call */}
               <div>
-                <div className='system-sm-medium flex items-center py-2 text-text-primary'>
-                  {t('tools.createTool.nameForToolCall')} <span className='ml-1 text-red-500'>*</span>
+                <div className="system-sm-medium flex items-center py-2 text-text-primary">
+                  {t('tools.createTool.nameForToolCall')}
+                  {' '}
+                  <span className="ml-1 text-red-500">*</span>
                   <Tooltip
-                    popupContent={
-                      <div className='w-[180px]'>
+                    popupContent={(
+                      <div className="w-[180px]">
                         {t('tools.createTool.nameForToolCallPlaceHolder')}
                       </div>
-                    }
+                    )}
                   />
                 </div>
                 <Input
-                  className='h-10'
+                  className="h-10"
                   placeholder={t('tools.createTool.nameForToolCallPlaceHolder')!}
                   value={name}
                   onChange={e => setName(e.target.value)}
                 />
                 {!isNameValid(name) && (
-                  <div className='text-xs leading-[18px] text-red-500'>{t('tools.createTool.nameForToolCallTip')}</div>
+                  <div className="text-xs leading-[18px] text-red-500">{t('tools.createTool.nameForToolCallTip')}</div>
                 )}
               </div>
               {/* description */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.description')}</div>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.description')}</div>
                 <Textarea
                   placeholder={t('tools.createTool.descriptionPlaceholder') || ''}
                   value={description}
@@ -205,11 +211,11 @@ const WorkflowToolAsModal: FC<Props> = ({
               </div>
               {/* Tool Input  */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.toolInput.title')}</div>
-                <div className='w-full overflow-x-auto rounded-lg border border-divider-regular'>
-                  <table className='w-full text-xs font-normal leading-[18px] text-text-secondary'>
-                    <thead className='uppercase text-text-tertiary'>
-                      <tr className='border-b border-divider-regular'>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.toolInput.title')}</div>
+                <div className="w-full overflow-x-auto rounded-lg border border-divider-regular">
+                  <table className="w-full text-xs font-normal leading-[18px] text-text-secondary">
+                    <thead className="uppercase text-text-tertiary">
+                      <tr className="border-b border-divider-regular">
                         <th className="w-[156px] p-2 pl-3 font-medium">{t('tools.createTool.toolInput.name')}</th>
                         <th className="w-[102px] p-2 pl-3 font-medium">{t('tools.createTool.toolInput.method')}</th>
                         <th className="p-2 pl-3 font-medium">{t('tools.createTool.toolInput.description')}</th>
@@ -217,21 +223,22 @@ const WorkflowToolAsModal: FC<Props> = ({
                     </thead>
                     <tbody>
                       {parameters.map((item, index) => (
-                        <tr key={index} className='border-b border-divider-regular last:border-0'>
+                        <tr key={index} className="border-b border-divider-regular last:border-0">
                           <td className="max-w-[156px] p-2 pl-3">
-                            <div className='text-[13px] leading-[18px]'>
-                              <div title={item.name} className='flex'>
-                                <span className='truncate font-medium text-text-primary'>{item.name}</span>
-                                <span className='shrink-0 pl-1 text-xs leading-[18px] text-[#ec4a0a]'>{item.required ? t('tools.createTool.toolInput.required') : ''}</span>
+                            <div className="text-[13px] leading-[18px]">
+                              <div title={item.name} className="flex">
+                                <span className="truncate font-medium text-text-primary">{item.name}</span>
+                                <span className="shrink-0 pl-1 text-xs leading-[18px] text-[#ec4a0a]">{item.required ? t('tools.createTool.toolInput.required') : ''}</span>
                               </div>
-                              <div className='text-text-tertiary'>{item.type}</div>
+                              <div className="text-text-tertiary">{item.type}</div>
                             </div>
                           </td>
                           <td>
                             {item.name === '__image' && (
                               <div className={cn(
                                 'flex h-9 min-h-[56px] cursor-default items-center gap-1 bg-transparent px-3 py-2',
-                              )}>
+                              )}
+                              >
                                 <div className={cn('grow truncate text-[13px] leading-[18px] text-text-secondary')}>
                                   {t('tools.createTool.toolInput.methodParameter')}
                                 </div>
@@ -243,8 +250,8 @@ const WorkflowToolAsModal: FC<Props> = ({
                           </td>
                           <td className="w-[236px] p-2 pl-3 text-text-tertiary">
                             <input
-                              type='text'
-                              className='w-full appearance-none bg-transparent text-[13px] font-normal leading-[18px] text-text-secondary caret-primary-600 outline-none placeholder:text-text-quaternary'
+                              type="text"
+                              className="w-full appearance-none bg-transparent text-[13px] font-normal leading-[18px] text-text-secondary caret-primary-600 outline-none placeholder:text-text-quaternary"
                               placeholder={t('tools.createTool.toolInput.descriptionPlaceholder')!}
                               value={item.description}
                               onChange={e => handleParameterChange('description', e.target.value, index)}
@@ -258,42 +265,44 @@ const WorkflowToolAsModal: FC<Props> = ({
               </div>
               {/* Tool Output  */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.toolOutput.title')}</div>
-                <div className='w-full overflow-x-auto rounded-lg border border-divider-regular'>
-                  <table className='w-full text-xs font-normal leading-[18px] text-text-secondary'>
-                    <thead className='uppercase text-text-tertiary'>
-                      <tr className='border-b border-divider-regular'>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.toolOutput.title')}</div>
+                <div className="w-full overflow-x-auto rounded-lg border border-divider-regular">
+                  <table className="w-full text-xs font-normal leading-[18px] text-text-secondary">
+                    <thead className="uppercase text-text-tertiary">
+                      <tr className="border-b border-divider-regular">
                         <th className="w-[156px] p-2 pl-3 font-medium">{t('tools.createTool.name')}</th>
                         <th className="p-2 pl-3 font-medium">{t('tools.createTool.toolOutput.description')}</th>
                       </tr>
                     </thead>
                     <tbody>
                       {[...reservedOutputParameters, ...outputParameters].map((item, index) => (
-                        <tr key={index} className='border-b border-divider-regular last:border-0'>
+                        <tr key={index} className="border-b border-divider-regular last:border-0">
                           <td className="max-w-[156px] p-2 pl-3">
-                            <div className='text-[13px] leading-[18px]'>
-                              <div title={item.name} className='flex items-center'>
-                                <span className='truncate font-medium text-text-primary'>{item.name}</span>
-                                <span className='shrink-0 pl-1 text-xs leading-[18px] text-[#ec4a0a]'>{item.reserved ? t('tools.createTool.toolOutput.reserved') : ''}</span>
+                            <div className="text-[13px] leading-[18px]">
+                              <div title={item.name} className="flex items-center">
+                                <span className="truncate font-medium text-text-primary">{item.name}</span>
+                                <span className="shrink-0 pl-1 text-xs leading-[18px] text-[#ec4a0a]">{item.reserved ? t('tools.createTool.toolOutput.reserved') : ''}</span>
                                 {
-                                  !item.reserved && isOutputParameterReserved(item.name) ? (
-                                    <Tooltip
-                                      popupContent={
-                                        <div className='w-[180px]'>
-                                          {t('tools.createTool.toolOutput.reservedParameterDuplicateTip')}
-                                        </div>
-                                      }
-                                    >
-                                      <RiErrorWarningLine className='h-3 w-3 text-text-warning-secondary' />
-                                    </Tooltip>
-                                  ) : null
+                                  !item.reserved && isOutputParameterReserved(item.name)
+                                    ? (
+                                        <Tooltip
+                                          popupContent={(
+                                            <div className="w-[180px]">
+                                              {t('tools.createTool.toolOutput.reservedParameterDuplicateTip')}
+                                            </div>
+                                          )}
+                                        >
+                                          <RiErrorWarningLine className="h-3 w-3 text-text-warning-secondary" />
+                                        </Tooltip>
+                                      )
+                                    : null
                                 }
                               </div>
-                              <div className='text-text-tertiary'>{item.type}</div>
+                              <div className="text-text-tertiary">{item.type}</div>
                             </div>
                           </td>
                           <td className="w-[236px] p-2 pl-3 text-text-tertiary">
-                            <span className='text-[13px] font-normal leading-[18px] text-text-secondary'>{item.description}</span>
+                            <span className="text-[13px] font-normal leading-[18px] text-text-secondary">{item.description}</span>
                           </td>
                         </tr>
                       ))}
@@ -303,47 +312,55 @@ const WorkflowToolAsModal: FC<Props> = ({
               </div>
               {/* Tags */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.toolInput.label')}</div>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.toolInput.label')}</div>
                 <LabelSelector value={labels} onChange={handleLabelSelect} />
               </div>
               {/* Privacy Policy */}
               <div>
-                <div className='system-sm-medium py-2 text-text-primary'>{t('tools.createTool.privacyPolicy')}</div>
+                <div className="system-sm-medium py-2 text-text-primary">{t('tools.createTool.privacyPolicy')}</div>
                 <Input
-                  className='h-10'
+                  className="h-10"
                   value={privacyPolicy}
                   onChange={e => setPrivacyPolicy(e.target.value)}
-                  placeholder={t('tools.createTool.privacyPolicyPlaceholder') || ''} />
+                  placeholder={t('tools.createTool.privacyPolicyPlaceholder') || ''}
+                />
               </div>
             </div>
-            <div className={cn((!isAdd && onRemove) ? 'justify-between' : 'justify-end', 'mt-2 flex shrink-0 rounded-b-[10px] border-t border-divider-regular bg-background-section-burn px-6 py-4')} >
+            <div className={cn((!isAdd && onRemove) ? 'justify-between' : 'justify-end', 'mt-2 flex shrink-0 rounded-b-[10px] border-t border-divider-regular bg-background-section-burn px-6 py-4')}>
               {!isAdd && onRemove && (
-                <Button variant='warning' onClick={onRemove}>{t('common.operation.delete')}</Button>
+                <Button variant="warning" onClick={onRemove}>{t('common.operation.delete')}</Button>
               )}
-              <div className='flex space-x-2 '>
+              <div className="flex space-x-2 ">
                 <Button onClick={onHide}>{t('common.operation.cancel')}</Button>
-                <Button variant='primary' onClick={() => {
-                  if (isAdd)
-                    onConfirm()
-                  else
-                    setShowModal(true)
-                }}>{t('common.operation.save')}</Button>
+                <Button
+                  variant="primary"
+                  onClick={() => {
+                    if (isAdd)
+                      onConfirm()
+                    else
+                      setShowModal(true)
+                  }}
+                >
+                  {t('common.operation.save')}
+                </Button>
               </div>
             </div>
           </div>
-        }
+        )}
         isShowMask={true}
         clickOutsideNotOpen={true}
       />
-      {showEmojiPicker && <EmojiPicker
-        onSelect={(icon, icon_background) => {
-          setEmoji({ content: icon, background: icon_background })
-          setShowEmojiPicker(false)
-        }}
-        onClose={() => {
-          setShowEmojiPicker(false)
-        }}
-      />}
+      {showEmojiPicker && (
+        <EmojiPicker
+          onSelect={(icon, icon_background) => {
+            setEmoji({ content: icon, background: icon_background })
+            setShowEmojiPicker(false)
+          }}
+          onClose={() => {
+            setShowEmojiPicker(false)
+          }}
+        />
+      )}
       {showModal && (
         <ConfirmModal
           show={showModal}
diff --git a/web/app/components/tools/workflow-tool/method-selector.tsx b/web/app/components/tools/workflow-tool/method-selector.tsx
index 03eb651ba3..c5a259ef43 100644
--- a/web/app/components/tools/workflow-tool/method-selector.tsx
+++ b/web/app/components/tools/workflow-tool/method-selector.tsx
@@ -1,14 +1,14 @@
 import type { FC } from 'react'
+import { RiArrowDownSLine } from '@remixicon/react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { Check } from '@/app/components/base/icons/src/vender/line/general'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import { cn } from '@/utils/classnames'
 
 type MethodSelectorProps = {
   value?: string
@@ -25,46 +25,47 @@ const MethodSelector: FC<MethodSelectorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <div className='relative'>
+      <div className="relative">
         <PortalToFollowElemTrigger
           onClick={() => setOpen(v => !v)}
-          className='block'
+          className="block"
         >
           <div className={cn(
             'flex h-9 min-h-[56px] cursor-pointer items-center gap-1 bg-transparent px-3 py-2 hover:bg-background-section-burn',
             open && '!bg-background-section-burn hover:bg-background-section-burn',
-          )}>
+          )}
+          >
             <div className={cn('grow truncate text-[13px] leading-[18px] text-text-secondary')}>
               {value === 'llm' ? t('tools.createTool.toolInput.methodParameter') : t('tools.createTool.toolInput.methodSetting')}
             </div>
-            <div className='ml-1 shrink-0 text-text-secondary opacity-60'>
-              <RiArrowDownSLine className='h-4 w-4' />
+            <div className="ml-1 shrink-0 text-text-secondary opacity-60">
+              <RiArrowDownSLine className="h-4 w-4" />
             </div>
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1040]'>
-          <div className='relative w-[320px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg  backdrop-blur-sm'>
-            <div className='p-1'>
-              <div className='cursor-pointer rounded-lg py-2.5 pl-3 pr-2 hover:bg-components-panel-on-panel-item-bg-hover' onClick={() => onChange('llm')}>
-                <div className='item-center flex gap-1'>
-                  <div className='h-4 w-4 shrink-0'>
-                    {value === 'llm' && <Check className='h-4 w-4 shrink-0 text-text-accent' />}
+        <PortalToFollowElemContent className="z-[1040]">
+          <div className="relative w-[320px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg  backdrop-blur-sm">
+            <div className="p-1">
+              <div className="cursor-pointer rounded-lg py-2.5 pl-3 pr-2 hover:bg-components-panel-on-panel-item-bg-hover" onClick={() => onChange('llm')}>
+                <div className="item-center flex gap-1">
+                  <div className="h-4 w-4 shrink-0">
+                    {value === 'llm' && <Check className="h-4 w-4 shrink-0 text-text-accent" />}
                   </div>
-                  <div className='text-[13px] font-medium leading-[18px] text-text-secondary'>{t('tools.createTool.toolInput.methodParameter')}</div>
+                  <div className="text-[13px] font-medium leading-[18px] text-text-secondary">{t('tools.createTool.toolInput.methodParameter')}</div>
                 </div>
-                <div className='pl-5 text-[13px] leading-[18px] text-text-tertiary'>{t('tools.createTool.toolInput.methodParameterTip')}</div>
+                <div className="pl-5 text-[13px] leading-[18px] text-text-tertiary">{t('tools.createTool.toolInput.methodParameterTip')}</div>
               </div>
-              <div className='cursor-pointer rounded-lg py-2.5 pl-3 pr-2 hover:bg-components-panel-on-panel-item-bg-hover' onClick={() => onChange('form')}>
-                <div className='item-center flex gap-1'>
-                  <div className='h-4 w-4 shrink-0'>
-                    {value === 'form' && <Check className='h-4 w-4 shrink-0 text-text-accent' />}
+              <div className="cursor-pointer rounded-lg py-2.5 pl-3 pr-2 hover:bg-components-panel-on-panel-item-bg-hover" onClick={() => onChange('form')}>
+                <div className="item-center flex gap-1">
+                  <div className="h-4 w-4 shrink-0">
+                    {value === 'form' && <Check className="h-4 w-4 shrink-0 text-text-accent" />}
                   </div>
-                  <div className='text-[13px] font-medium leading-[18px] text-text-secondary'>{t('tools.createTool.toolInput.methodSetting')}</div>
+                  <div className="text-[13px] font-medium leading-[18px] text-text-secondary">{t('tools.createTool.toolInput.methodSetting')}</div>
                 </div>
-                <div className='pl-5 text-[13px] leading-[18px] text-text-tertiary'>{t('tools.createTool.toolInput.methodSettingTip')}</div>
+                <div className="pl-5 text-[13px] leading-[18px] text-text-tertiary">{t('tools.createTool.toolInput.methodSettingTip')}</div>
               </div>
             </div>
           </div>
diff --git a/web/app/components/tools/workflow-tool/utils.test.ts b/web/app/components/tools/workflow-tool/utils.test.ts
index fef8c05489..bc2dc98c19 100644
--- a/web/app/components/tools/workflow-tool/utils.test.ts
+++ b/web/app/components/tools/workflow-tool/utils.test.ts
@@ -1,5 +1,5 @@
-import { VarType } from '@/app/components/workflow/types'
 import type { WorkflowToolProviderOutputParameter, WorkflowToolProviderOutputSchema } from '../types'
+import { VarType } from '@/app/components/workflow/types'
 import { buildWorkflowOutputParameters } from './utils'
 
 describe('buildWorkflowOutputParameters', () => {
diff --git a/web/app/components/workflow-app/components/workflow-children.tsx b/web/app/components/workflow-app/components/workflow-children.tsx
index 1c8ed0cdf9..2634e8da2a 100644
--- a/web/app/components/workflow-app/components/workflow-children.tsx
+++ b/web/app/components/workflow-app/components/workflow-children.tsx
@@ -1,32 +1,31 @@
+import type {
+  PluginDefaultValue,
+  TriggerDefaultValue,
+} from '@/app/components/workflow/block-selector/types'
+import type { EnvironmentVariable } from '@/app/components/workflow/types'
+import dynamic from 'next/dynamic'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
-import type { EnvironmentVariable } from '@/app/components/workflow/types'
-import { DSL_EXPORT_CHECK } from '@/app/components/workflow/constants'
-import { START_INITIAL_POSITION } from '@/app/components/workflow/constants'
-import { generateNewNode } from '@/app/components/workflow/utils'
-import { useStore } from '@/app/components/workflow/store'
 import { useStoreApi } from 'reactflow'
-import PluginDependency from '../../workflow/plugin-dependency'
+import { DSL_EXPORT_CHECK, START_INITIAL_POSITION } from '@/app/components/workflow/constants'
 import {
   useAutoGenerateWebhookUrl,
   useDSL,
   usePanelInteractions,
 } from '@/app/components/workflow/hooks'
 import { useNodesSyncDraft } from '@/app/components/workflow/hooks/use-nodes-sync-draft'
+import { useStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { generateNewNode } from '@/app/components/workflow/utils'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
+import PluginDependency from '../../workflow/plugin-dependency'
+import { useAvailableNodesMetaData } from '../hooks'
+import { useAutoOnboarding } from '../hooks/use-auto-onboarding'
 import WorkflowHeader from './workflow-header'
 import WorkflowPanel from './workflow-panel'
-import dynamic from 'next/dynamic'
-import { BlockEnum } from '@/app/components/workflow/types'
-import type {
-  PluginDefaultValue,
-  TriggerDefaultValue,
-} from '@/app/components/workflow/block-selector/types'
-import { useAutoOnboarding } from '../hooks/use-auto-onboarding'
-import { useAvailableNodesMetaData } from '../hooks'
 
 const Features = dynamic(() => import('@/app/components/workflow/features'), {
   ssr: false,
diff --git a/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.spec.tsx b/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.spec.tsx
index 33115a2577..c73a4fb1da 100644
--- a/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.spec.tsx
+++ b/web/app/components/workflow-app/components/workflow-header/chat-variable-trigger.spec.tsx
@@ -17,7 +17,7 @@ vi.mock('../../hooks', () => ({
 vi.mock('@/app/components/workflow/header/chat-variable-button', () => ({
   __esModule: true,
   default: ({ disabled }: { disabled: boolean }) => (
-    <button data-testid='chat-variable-button' type='button' disabled={disabled}>
+    <button data-testid="chat-variable-button" type="button" disabled={disabled}>
       ChatVariableButton
     </button>
   ),
diff --git a/web/app/components/workflow-app/components/workflow-header/features-trigger.spec.tsx b/web/app/components/workflow-app/components/workflow-header/features-trigger.spec.tsx
index 9f7b5c9129..5f17b0885c 100644
--- a/web/app/components/workflow-app/components/workflow-header/features-trigger.spec.tsx
+++ b/web/app/components/workflow-app/components/workflow-header/features-trigger.spec.tsx
@@ -1,9 +1,9 @@
 import type { ReactElement } from 'react'
+import type { AppPublisherProps } from '@/app/components/app/app-publisher'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { Plan } from '@/app/components/billing/type'
-import type { AppPublisherProps } from '@/app/components/app/app-publisher'
 import { ToastContext } from '@/app/components/base/toast'
+import { Plan } from '@/app/components/billing/type'
 import { BlockEnum, InputVarType } from '@/app/components/workflow/types'
 import FeaturesTrigger from './features-trigger'
 
@@ -96,7 +96,7 @@ vi.mock('@/app/components/app/app-publisher', () => ({
     const inputs = props.inputs ?? []
     return (
       <div
-        data-testid='app-publisher'
+        data-testid="app-publisher"
         data-disabled={String(Boolean(props.disabled))}
         data-publish-disabled={String(Boolean(props.publishDisabled))}
         data-start-node-limit-exceeded={String(Boolean(props.startNodeLimitExceeded))}
@@ -147,7 +147,7 @@ vi.mock('@/hooks/use-theme', () => ({
 
 vi.mock('@/app/components/app/store', () => ({
   __esModule: true,
-  useStore: (selector: (state: { appDetail?: { id: string }; setAppDetail: typeof mockSetAppDetail }) => unknown) => mockUseAppStoreSelector(selector),
+  useStore: (selector: (state: { appDetail?: { id: string }, setAppDetail: typeof mockSetAppDetail }) => unknown) => mockUseAppStoreSelector(selector),
 }))
 
 const createProviderContext = ({
diff --git a/web/app/components/workflow-app/components/workflow-header/features-trigger.tsx b/web/app/components/workflow-app/components/workflow-header/features-trigger.tsx
index cba66996e8..1df6f10195 100644
--- a/web/app/components/workflow-app/components/workflow-header/features-trigger.tsx
+++ b/web/app/components/workflow-app/components/workflow-header/features-trigger.tsx
@@ -1,48 +1,48 @@
+import type { EndNodeType } from '@/app/components/workflow/nodes/end/types'
+import type { StartNodeType } from '@/app/components/workflow/nodes/start/types'
+import type {
+  CommonEdgeType,
+  Node,
+} from '@/app/components/workflow/types'
+import type { PublishWorkflowParams } from '@/types/workflow'
+import { RiApps2AddLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
-import { useEdges } from 'reactflow'
-import { RiApps2AddLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import {
-  useStore,
-  useWorkflowStore,
-} from '@/app/components/workflow/store'
+import { useEdges } from 'reactflow'
+import AppPublisher from '@/app/components/app/app-publisher'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Button from '@/app/components/base/button'
+import { useFeatures } from '@/app/components/base/features/hooks'
+import { useToastContext } from '@/app/components/base/toast'
+import { Plan } from '@/app/components/billing/type'
 import {
   useChecklist,
   useChecklistBeforePublish,
+  useIsChatMode,
   useNodesReadOnly,
   useNodesSyncDraft,
   // useWorkflowRunValidation,
 } from '@/app/components/workflow/hooks'
-import Button from '@/app/components/base/button'
-import AppPublisher from '@/app/components/app/app-publisher'
-import { useFeatures } from '@/app/components/base/features/hooks'
-import type {
-  CommonEdgeType,
-  Node,
-} from '@/app/components/workflow/types'
+import {
+  useStore,
+  useWorkflowStore,
+} from '@/app/components/workflow/store'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import {
   BlockEnum,
   InputVarType,
   isTriggerNode,
 } from '@/app/components/workflow/types'
-import { useToastContext } from '@/app/components/base/toast'
-import { useInvalidateAppWorkflow, usePublishWorkflow, useResetWorkflowVersionHistory } from '@/service/use-workflow'
-import { useInvalidateAppTriggers } from '@/service/use-tools'
-import type { PublishWorkflowParams } from '@/types/workflow'
-import { fetchAppDetail } from '@/service/apps'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import useTheme from '@/hooks/use-theme'
-import { cn } from '@/utils/classnames'
-import { useIsChatMode } from '@/app/components/workflow/hooks'
-import type { StartNodeType } from '@/app/components/workflow/nodes/start/types'
-import type { EndNodeType } from '@/app/components/workflow/nodes/end/types'
 import { useProviderContext } from '@/context/provider-context'
-import { Plan } from '@/app/components/billing/type'
-import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+import useTheme from '@/hooks/use-theme'
+import { fetchAppDetail } from '@/service/apps'
+import { useInvalidateAppTriggers } from '@/service/use-tools'
+import { useInvalidateAppWorkflow, usePublishWorkflow, useResetWorkflowVersionHistory } from '@/service/use-workflow'
+import { cn } from '@/utils/classnames'
 
 const FeaturesTrigger = () => {
   const { t } = useTranslation()
@@ -193,7 +193,7 @@ const FeaturesTrigger = () => {
           )}
           onClick={handleShowFeatures}
         >
-          <RiApps2AddLine className='mr-1 h-4 w-4 text-components-button-secondary-text' />
+          <RiApps2AddLine className="mr-1 h-4 w-4 text-components-button-secondary-text" />
           {t('workflow.common.features')}
         </Button>
       )}
diff --git a/web/app/components/workflow-app/components/workflow-header/index.spec.tsx b/web/app/components/workflow-app/components/workflow-header/index.spec.tsx
index fce8e0d724..8eee878cd9 100644
--- a/web/app/components/workflow-app/components/workflow-header/index.spec.tsx
+++ b/web/app/components/workflow-app/components/workflow-header/index.spec.tsx
@@ -1,7 +1,7 @@
-import { render, screen } from '@testing-library/react'
-import type { App } from '@/types/app'
-import { AppModeEnum } from '@/types/app'
 import type { HeaderProps } from '@/app/components/workflow/header'
+import type { App } from '@/types/app'
+import { render, screen } from '@testing-library/react'
+import { AppModeEnum } from '@/types/app'
 import WorkflowHeader from './index'
 
 const mockUseAppStoreSelector = vi.fn()
@@ -13,7 +13,7 @@ let appDetail: App
 
 vi.mock('@/app/components/app/store', () => ({
   __esModule: true,
-  useStore: (selector: (state: { appDetail?: App; setCurrentLogItem: typeof mockSetCurrentLogItem; setShowMessageLogModal: typeof mockSetShowMessageLogModal }) => unknown) => mockUseAppStoreSelector(selector),
+  useStore: (selector: (state: { appDetail?: App, setCurrentLogItem: typeof mockSetCurrentLogItem, setShowMessageLogModal: typeof mockSetShowMessageLogModal }) => unknown) => mockUseAppStoreSelector(selector),
 }))
 
 vi.mock('@/app/components/workflow/header', () => ({
@@ -24,7 +24,7 @@ vi.mock('@/app/components/workflow/header', () => ({
 
     return (
       <div
-        data-testid='workflow-header'
+        data-testid="workflow-header"
         data-show-run={String(Boolean(props.normal?.runAndHistoryProps?.showRunButton))}
         data-show-preview={String(Boolean(props.normal?.runAndHistoryProps?.showPreviewButton))}
         data-history-url={props.normal?.runAndHistoryProps?.viewHistoryProps?.historyUrl ?? ''}
diff --git a/web/app/components/workflow-app/components/workflow-header/index.tsx b/web/app/components/workflow-app/components/workflow-header/index.tsx
index c0b8a37b87..4acb721487 100644
--- a/web/app/components/workflow-app/components/workflow-header/index.tsx
+++ b/web/app/components/workflow-app/components/workflow-header/index.tsx
@@ -1,19 +1,19 @@
+import type { HeaderProps } from '@/app/components/workflow/header'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
 import { useShallow } from 'zustand/react/shallow'
-import type { HeaderProps } from '@/app/components/workflow/header'
-import Header from '@/app/components/workflow/header'
 import { useStore as useAppStore } from '@/app/components/app/store'
+import Header from '@/app/components/workflow/header'
+import { useResetWorkflowVersionHistory } from '@/service/use-workflow'
 import {
   fetchWorkflowRunHistory,
 } from '@/service/workflow'
+import { useIsChatMode } from '../../hooks'
 import ChatVariableTrigger from './chat-variable-trigger'
 import FeaturesTrigger from './features-trigger'
-import { useResetWorkflowVersionHistory } from '@/service/use-workflow'
-import { useIsChatMode } from '../../hooks'
 
 const WorkflowHeader = () => {
   const { appDetail, setCurrentLogItem, setShowMessageLogModal } = useAppStore(useShallow(state => ({
diff --git a/web/app/components/workflow-app/components/workflow-main.tsx b/web/app/components/workflow-app/components/workflow-main.tsx
index e90b2904c9..38a044f088 100644
--- a/web/app/components/workflow-app/components/workflow-main.tsx
+++ b/web/app/components/workflow-app/components/workflow-main.tsx
@@ -1,11 +1,11 @@
+import type { WorkflowProps } from '@/app/components/workflow'
 import {
   useCallback,
   useMemo,
 } from 'react'
 import { useFeaturesStore } from '@/app/components/base/features/hooks'
 import { WorkflowWithInnerContext } from '@/app/components/workflow'
-import type { WorkflowProps } from '@/app/components/workflow'
-import WorkflowChildren from './workflow-children'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 import {
   useAvailableNodesMetaData,
   useConfigsMap,
@@ -18,7 +18,7 @@ import {
   useWorkflowRun,
   useWorkflowStartRun,
 } from '../hooks'
-import { useWorkflowStore } from '@/app/components/workflow/store'
+import WorkflowChildren from './workflow-children'
 
 type WorkflowMainProps = Pick<WorkflowProps, 'nodes' | 'edges' | 'viewport'>
 const WorkflowMain = ({
diff --git a/web/app/components/workflow-app/components/workflow-onboarding-modal/index.spec.tsx b/web/app/components/workflow-app/components/workflow-onboarding-modal/index.spec.tsx
index b37451fa07..b7a2cefd1c 100644
--- a/web/app/components/workflow-app/components/workflow-onboarding-modal/index.spec.tsx
+++ b/web/app/components/workflow-app/components/workflow-onboarding-modal/index.spec.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import WorkflowOnboardingModal from './index'
+import React from 'react'
 import { BlockEnum } from '@/app/components/workflow/types'
+import WorkflowOnboardingModal from './index'
 
 // Mock Modal component
 vi.mock('@/app/components/base/modal', () => ({
diff --git a/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx b/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx
index 747a232ca7..633bb59ef1 100644
--- a/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx
+++ b/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { PluginDefaultValue } from '@/app/components/workflow/block-selector/types'
 import {
   useCallback,
   useEffect,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { BlockEnum } from '@/app/components/workflow/types'
-import type { PluginDefaultValue } from '@/app/components/workflow/block-selector/types'
 import Modal from '@/app/components/base/modal'
-import StartNodeSelectionPanel from './start-node-selection-panel'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { useDocLink } from '@/context/i18n'
+import StartNodeSelectionPanel from './start-node-selection-panel'
 
 type WorkflowOnboardingModalProps = {
   isShow: boolean
@@ -61,7 +61,8 @@ const WorkflowOnboardingModal: FC<WorkflowOnboardingModalProps> = ({
               {t('workflow.onboarding.title')}
             </h3>
             <div className="body-xs-regular leading-4 text-text-tertiary">
-              {t('workflow.onboarding.description')}{' '}
+              {t('workflow.onboarding.description')}
+              {' '}
               <a
                 href={docLink('/guides/workflow/node/start')}
                 target="_blank"
@@ -69,7 +70,8 @@ const WorkflowOnboardingModal: FC<WorkflowOnboardingModalProps> = ({
                 className="hover:text-text-accent-hover cursor-pointer text-text-accent underline"
               >
                 {t('workflow.onboarding.learnMore')}
-              </a>{' '}
+              </a>
+              {' '}
               {t('workflow.onboarding.aboutStartNode')}
             </div>
           </div>
diff --git a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.spec.tsx b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.spec.tsx
index e089e96a59..0fa5c9f13d 100644
--- a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.spec.tsx
+++ b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.spec.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
 import StartNodeOption from './start-node-option'
 
 describe('StartNodeOption', () => {
diff --git a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.tsx b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.tsx
index 2cc54b39ca..77f2a842c9 100644
--- a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.tsx
+++ b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-option.tsx
@@ -35,7 +35,10 @@ const StartNodeOption: FC<StartNodeOptionProps> = ({
           <h3 className="system-md-semi-bold text-text-primary">
             {title}
             {subtitle && (
-              <span className="system-md-regular text-text-quaternary"> {subtitle}</span>
+              <span className="system-md-regular text-text-quaternary">
+                {' '}
+                {subtitle}
+              </span>
             )}
           </h3>
         </div>
diff --git a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.spec.tsx b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.spec.tsx
index a7e748deeb..8c59ec3b82 100644
--- a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.spec.tsx
+++ b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.spec.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import StartNodeSelectionPanel from './start-node-selection-panel'
+import React from 'react'
 import { BlockEnum } from '@/app/components/workflow/types'
+import StartNodeSelectionPanel from './start-node-selection-panel'
 
 // Mock NodeSelector component
 vi.mock('@/app/components/workflow/block-selector', () => ({
diff --git a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.tsx b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.tsx
index de934a13b2..e46fac86fc 100644
--- a/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.tsx
+++ b/web/app/components/workflow-app/components/workflow-onboarding-modal/start-node-selection-panel.tsx
@@ -1,14 +1,13 @@
 'use client'
 import type { FC } from 'react'
+import type { PluginDefaultValue } from '@/app/components/workflow/block-selector/types'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import StartNodeOption from './start-node-option'
+import { Home, TriggerAll } from '@/app/components/base/icons/src/vender/workflow'
 import NodeSelector from '@/app/components/workflow/block-selector'
-import { Home } from '@/app/components/base/icons/src/vender/workflow'
-import { TriggerAll } from '@/app/components/base/icons/src/vender/workflow'
-import { BlockEnum } from '@/app/components/workflow/types'
-import type { PluginDefaultValue } from '@/app/components/workflow/block-selector/types'
 import { TabsEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import StartNodeOption from './start-node-option'
 
 type StartNodeSelectionPanelProps = {
   onSelectUserInput: () => void
@@ -34,11 +33,11 @@ const StartNodeSelectionPanel: FC<StartNodeSelectionPanelProps> = ({
   return (
     <div className="grid grid-cols-2 gap-4">
       <StartNodeOption
-        icon={
+        icon={(
           <div className="flex h-9 w-9 items-center justify-center rounded-[10px] border-[0.5px] border-transparent bg-util-colors-blue-brand-blue-brand-500 p-2">
             <Home className="h-5 w-5 text-white" />
           </div>
-        }
+        )}
         title={t('workflow.onboarding.userInputFull')}
         description={t('workflow.onboarding.userInputDescription')}
         onClick={onSelectUserInput}
@@ -61,11 +60,11 @@ const StartNodeSelectionPanel: FC<StartNodeSelectionPanelProps> = ({
         ]}
         trigger={() => (
           <StartNodeOption
-            icon={
+            icon={(
               <div className="flex h-9 w-9 items-center justify-center rounded-[10px] border-[0.5px] border-transparent bg-util-colors-blue-brand-blue-brand-500 p-2">
                 <TriggerAll className="h-5 w-5 text-white" />
               </div>
-            }
+            )}
             title={t('workflow.onboarding.trigger')}
             description={t('workflow.onboarding.triggerDescription')}
             onClick={handleTriggerClick}
diff --git a/web/app/components/workflow-app/components/workflow-panel.tsx b/web/app/components/workflow-app/components/workflow-panel.tsx
index 6e0504710e..a1ed289f94 100644
--- a/web/app/components/workflow-app/components/workflow-panel.tsx
+++ b/web/app/components/workflow-app/components/workflow-panel.tsx
@@ -1,16 +1,16 @@
+import type { PanelProps } from '@/app/components/workflow/panel'
+import dynamic from 'next/dynamic'
 import {
   memo,
   useMemo,
 } from 'react'
 import { useShallow } from 'zustand/react/shallow'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Panel from '@/app/components/workflow/panel'
 import { useStore } from '@/app/components/workflow/store'
 import {
   useIsChatMode,
 } from '../hooks'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import type { PanelProps } from '@/app/components/workflow/panel'
-import Panel from '@/app/components/workflow/panel'
-import dynamic from 'next/dynamic'
 
 const MessageLogModal = dynamic(() => import('@/app/components/base/message-log-modal'), {
   ssr: false,
diff --git a/web/app/components/workflow-app/hooks/index.ts b/web/app/components/workflow-app/hooks/index.ts
index a9eb0f9b7b..2a8c806859 100644
--- a/web/app/components/workflow-app/hooks/index.ts
+++ b/web/app/components/workflow-app/hooks/index.ts
@@ -1,13 +1,13 @@
-export * from './use-workflow-init'
-export * from './use-workflow-template'
+export * from '../../workflow/hooks/use-fetch-workflow-inspect-vars'
+export * from './use-available-nodes-meta-data'
+export * from './use-configs-map'
+export * from './use-DSL'
+export * from './use-get-run-and-trace-url'
+export * from './use-inspect-vars-crud'
+export * from './use-is-chat-mode'
 export * from './use-nodes-sync-draft'
+export * from './use-workflow-init'
+export * from './use-workflow-refresh-draft'
 export * from './use-workflow-run'
 export * from './use-workflow-start-run'
-export * from './use-is-chat-mode'
-export * from './use-available-nodes-meta-data'
-export * from './use-workflow-refresh-draft'
-export * from './use-get-run-and-trace-url'
-export * from './use-DSL'
-export * from '../../workflow/hooks/use-fetch-workflow-inspect-vars'
-export * from './use-inspect-vars-crud'
-export * from './use-configs-map'
+export * from './use-workflow-template'
diff --git a/web/app/components/workflow-app/hooks/use-DSL.ts b/web/app/components/workflow-app/hooks/use-DSL.ts
index 6787c06198..afa55f38c8 100644
--- a/web/app/components/workflow-app/hooks/use-DSL.ts
+++ b/web/app/components/workflow-app/hooks/use-DSL.ts
@@ -3,15 +3,15 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { useToastContext } from '@/app/components/base/toast'
 import {
   DSL_EXPORT_CHECK,
 } from '@/app/components/workflow/constants'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { fetchWorkflowDraft } from '@/service/workflow'
 import { exportAppConfig } from '@/service/apps'
-import { useToastContext } from '@/app/components/base/toast'
-import { useStore as useAppStore } from '@/app/components/app/store'
+import { fetchWorkflowDraft } from '@/service/workflow'
+import { useNodesSyncDraft } from './use-nodes-sync-draft'
 
 export const useDSL = () => {
   const { t } = useTranslation()
diff --git a/web/app/components/workflow-app/hooks/use-available-nodes-meta-data.ts b/web/app/components/workflow-app/hooks/use-available-nodes-meta-data.ts
index b95d4d47f7..24d862321d 100644
--- a/web/app/components/workflow-app/hooks/use-available-nodes-meta-data.ts
+++ b/web/app/components/workflow-app/hooks/use-available-nodes-meta-data.ts
@@ -1,16 +1,16 @@
+import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store/store'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useDocLink } from '@/context/i18n'
-import StartDefault from '@/app/components/workflow/nodes/start/default'
-import TriggerWebhookDefault from '@/app/components/workflow/nodes/trigger-webhook/default'
-import TriggerScheduleDefault from '@/app/components/workflow/nodes/trigger-schedule/default'
-import TriggerPluginDefault from '@/app/components/workflow/nodes/trigger-plugin/default'
-import EndDefault from '@/app/components/workflow/nodes/end/default'
-import AnswerDefault from '@/app/components/workflow/nodes/answer/default'
 import { WORKFLOW_COMMON_NODES } from '@/app/components/workflow/constants/node'
-import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store/store'
-import { useIsChatMode } from './use-is-chat-mode'
+import AnswerDefault from '@/app/components/workflow/nodes/answer/default'
+import EndDefault from '@/app/components/workflow/nodes/end/default'
+import StartDefault from '@/app/components/workflow/nodes/start/default'
+import TriggerPluginDefault from '@/app/components/workflow/nodes/trigger-plugin/default'
+import TriggerScheduleDefault from '@/app/components/workflow/nodes/trigger-schedule/default'
+import TriggerWebhookDefault from '@/app/components/workflow/nodes/trigger-webhook/default'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { useDocLink } from '@/context/i18n'
+import { useIsChatMode } from './use-is-chat-mode'
 
 export const useAvailableNodesMetaData = () => {
   const { t } = useTranslation()
@@ -32,11 +32,11 @@ export const useAvailableNodesMetaData = () => {
       isChatMode
         ? [AnswerDefault]
         : [
-          EndDefault,
-          TriggerWebhookDefault,
-          TriggerScheduleDefault,
-          TriggerPluginDefault,
-        ]
+            EndDefault,
+            TriggerWebhookDefault,
+            TriggerScheduleDefault,
+            TriggerPluginDefault,
+          ]
     ),
   ], [isChatMode, startNodeMetaData])
 
diff --git a/web/app/components/workflow-app/hooks/use-configs-map.ts b/web/app/components/workflow-app/hooks/use-configs-map.ts
index 5d41901924..b16a16fdc9 100644
--- a/web/app/components/workflow-app/hooks/use-configs-map.ts
+++ b/web/app/components/workflow-app/hooks/use-configs-map.ts
@@ -1,7 +1,7 @@
 import { useMemo } from 'react'
+import { useFeatures } from '@/app/components/base/features/hooks'
 import { useStore } from '@/app/components/workflow/store'
 import { FlowType } from '@/types/common'
-import { useFeatures } from '@/app/components/base/features/hooks'
 
 export const useConfigsMap = () => {
   const appId = useStore(s => s.appId)
diff --git a/web/app/components/workflow-app/hooks/use-nodes-sync-draft.ts b/web/app/components/workflow-app/hooks/use-nodes-sync-draft.ts
index 56d9021feb..5d394bab1e 100644
--- a/web/app/components/workflow-app/hooks/use-nodes-sync-draft.ts
+++ b/web/app/components/workflow-app/hooks/use-nodes-sync-draft.ts
@@ -1,12 +1,12 @@
-import { useCallback } from 'react'
 import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { useWorkflowStore } from '@/app/components/workflow/store'
-import { useNodesReadOnly } from '@/app/components/workflow/hooks/use-workflow'
-import { useSerialAsyncCallback } from '@/app/components/workflow/hooks/use-serial-async-callback'
-import { syncWorkflowDraft } from '@/service/workflow'
 import { useFeaturesStore } from '@/app/components/base/features/hooks'
+import { useSerialAsyncCallback } from '@/app/components/workflow/hooks/use-serial-async-callback'
+import { useNodesReadOnly } from '@/app/components/workflow/hooks/use-workflow'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 import { API_PREFIX } from '@/config'
+import { syncWorkflowDraft } from '@/service/workflow'
 import { useWorkflowRefreshDraft } from '.'
 
 export const useNodesSyncDraft = () => {
diff --git a/web/app/components/workflow-app/hooks/use-workflow-init.ts b/web/app/components/workflow-app/hooks/use-workflow-init.ts
index a0a6cc22a1..8e976937b5 100644
--- a/web/app/components/workflow-app/hooks/use-workflow-init.ts
+++ b/web/app/components/workflow-app/hooks/use-workflow-init.ts
@@ -1,26 +1,26 @@
+import type { Edge, Node } from '@/app/components/workflow/types'
+import type { FileUploadConfigResponse } from '@/models/common'
+import type { FetchWorkflowDraftResponse } from '@/types/workflow'
 import {
   useCallback,
   useEffect,
   useState,
 } from 'react'
+import { useStore as useAppStore } from '@/app/components/app/store'
 import {
   useStore,
   useWorkflowStore,
 } from '@/app/components/workflow/store'
-import { useWorkflowTemplate } from './use-workflow-template'
-import { useStore as useAppStore } from '@/app/components/app/store'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { useWorkflowConfig } from '@/service/use-workflow'
 import {
   fetchNodesDefaultConfigs,
   fetchPublishedWorkflow,
   fetchWorkflowDraft,
   syncWorkflowDraft,
 } from '@/service/workflow'
-import type { FetchWorkflowDraftResponse } from '@/types/workflow'
-import { useWorkflowConfig } from '@/service/use-workflow'
-import type { FileUploadConfigResponse } from '@/models/common'
-import type { Edge, Node } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { AppModeEnum } from '@/types/app'
+import { useWorkflowTemplate } from './use-workflow-template'
 
 const hasConnectedUserInput = (nodes: Node[] = [], edges: Edge[] = []): boolean => {
   const startNodeIds = nodes
diff --git a/web/app/components/workflow-app/hooks/use-workflow-refresh-draft.ts b/web/app/components/workflow-app/hooks/use-workflow-refresh-draft.ts
index 910ddd4a8d..fa4a44d894 100644
--- a/web/app/components/workflow-app/hooks/use-workflow-refresh-draft.ts
+++ b/web/app/components/workflow-app/hooks/use-workflow-refresh-draft.ts
@@ -1,8 +1,8 @@
+import type { WorkflowDataUpdater } from '@/app/components/workflow/types'
 import { useCallback } from 'react'
+import { useWorkflowUpdate } from '@/app/components/workflow/hooks'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import { fetchWorkflowDraft } from '@/service/workflow'
-import type { WorkflowDataUpdater } from '@/app/components/workflow/types'
-import { useWorkflowUpdate } from '@/app/components/workflow/hooks'
 
 export const useWorkflowRefreshDraft = () => {
   const workflowStore = useWorkflowStore()
diff --git a/web/app/components/workflow-app/hooks/use-workflow-run.ts b/web/app/components/workflow-app/hooks/use-workflow-run.ts
index f051f73489..16c7bab6d4 100644
--- a/web/app/components/workflow-app/hooks/use-workflow-run.ts
+++ b/web/app/components/workflow-app/hooks/use-workflow-run.ts
@@ -1,35 +1,34 @@
+import type AudioPlayer from '@/app/components/base/audio-btn/audio'
+import type { Node } from '@/app/components/workflow/types'
+import type { IOtherOptions } from '@/service/base'
+import type { VersionHistory } from '@/types/workflow'
+import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import { usePathname } from 'next/navigation'
 import { useCallback, useRef } from 'react'
 import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import { produce } from 'immer'
 import { v4 as uuidV4 } from 'uuid'
-import { usePathname } from 'next/navigation'
-import { useWorkflowStore } from '@/app/components/workflow/store'
-import type { Node } from '@/app/components/workflow/types'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { trackEvent } from '@/app/components/base/amplitude'
+import { AudioPlayerManager } from '@/app/components/base/audio-btn/audio.player.manager'
+import { useFeaturesStore } from '@/app/components/base/features/hooks'
+import Toast from '@/app/components/base/toast'
+import { TriggerType } from '@/app/components/workflow/header/test-run-menu'
 import { useWorkflowUpdate } from '@/app/components/workflow/hooks/use-workflow-interactions'
 import { useWorkflowRunEvent } from '@/app/components/workflow/hooks/use-workflow-run-event/use-workflow-run-event'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import type { IOtherOptions } from '@/service/base'
-import Toast from '@/app/components/base/toast'
-import { handleStream, ssePost } from '@/service/base'
-import { stopWorkflowRun } from '@/service/workflow'
-import { useFeaturesStore } from '@/app/components/base/features/hooks'
-import { AudioPlayerManager } from '@/app/components/base/audio-btn/audio.player.manager'
-import type AudioPlayer from '@/app/components/base/audio-btn/audio'
-import type { VersionHistory } from '@/types/workflow'
-import { noop } from 'lodash-es'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
+import { useWorkflowStore } from '@/app/components/workflow/store'
+import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import { handleStream, post, ssePost } from '@/service/base'
+import { ContentType } from '@/service/fetch'
 import { useInvalidAllLastRun } from '@/service/use-workflow'
+import { stopWorkflowRun } from '@/service/workflow'
+import { AppModeEnum } from '@/types/app'
 import { useSetWorkflowVarsWithValue } from '../../workflow/hooks/use-fetch-workflow-inspect-vars'
 import { useConfigsMap } from './use-configs-map'
-import { post } from '@/service/base'
-import { ContentType } from '@/service/fetch'
-import { TriggerType } from '@/app/components/workflow/header/test-run-menu'
-import { AppModeEnum } from '@/types/app'
-import { trackEvent } from '@/app/components/base/amplitude'
+import { useNodesSyncDraft } from './use-nodes-sync-draft'
 
 type HandleRunMode = TriggerType
 type HandleRunOptions = {
@@ -668,8 +667,7 @@ export const useWorkflowRun = () => {
         },
       },
     )
-  }, [store, doSyncWorkflowDraft, workflowStore, pathname, handleWorkflowStarted, handleWorkflowFinished, fetchInspectVars, invalidAllLastRun, handleWorkflowFailed, handleWorkflowNodeStarted, handleWorkflowNodeFinished, handleWorkflowNodeIterationStarted, handleWorkflowNodeIterationNext, handleWorkflowNodeIterationFinished, handleWorkflowNodeLoopStarted, handleWorkflowNodeLoopNext, handleWorkflowNodeLoopFinished, handleWorkflowNodeRetry, handleWorkflowAgentLog, handleWorkflowTextChunk, handleWorkflowTextReplace],
-  )
+  }, [store, doSyncWorkflowDraft, workflowStore, pathname, handleWorkflowStarted, handleWorkflowFinished, fetchInspectVars, invalidAllLastRun, handleWorkflowFailed, handleWorkflowNodeStarted, handleWorkflowNodeFinished, handleWorkflowNodeIterationStarted, handleWorkflowNodeIterationNext, handleWorkflowNodeIterationFinished, handleWorkflowNodeLoopStarted, handleWorkflowNodeLoopNext, handleWorkflowNodeLoopFinished, handleWorkflowNodeRetry, handleWorkflowAgentLog, handleWorkflowTextChunk, handleWorkflowTextReplace])
 
   const handleStopRun = useCallback((taskId: string) => {
     const setStoppedState = () => {
diff --git a/web/app/components/workflow-app/hooks/use-workflow-start-run.tsx b/web/app/components/workflow-app/hooks/use-workflow-start-run.tsx
index d2e3b3e3c9..9344a8d1ab 100644
--- a/web/app/components/workflow-app/hooks/use-workflow-start-run.tsx
+++ b/web/app/components/workflow-app/hooks/use-workflow-start-run.tsx
@@ -1,18 +1,18 @@
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
+import { useFeaturesStore } from '@/app/components/base/features/hooks'
+import { TriggerType } from '@/app/components/workflow/header/test-run-menu'
+import { useWorkflowInteractions } from '@/app/components/workflow/hooks'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import {
   BlockEnum,
   WorkflowRunningStatus,
 } from '@/app/components/workflow/types'
-import { useWorkflowInteractions } from '@/app/components/workflow/hooks'
-import { useFeaturesStore } from '@/app/components/base/features/hooks'
 import {
   useIsChatMode,
   useNodesSyncDraft,
   useWorkflowRun,
 } from '.'
-import { TriggerType } from '@/app/components/workflow/header/test-run-menu'
 
 export const useWorkflowStartRun = () => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow-app/hooks/use-workflow-template.ts b/web/app/components/workflow-app/hooks/use-workflow-template.ts
index 5f3f9762f0..b48a68e1eb 100644
--- a/web/app/components/workflow-app/hooks/use-workflow-template.ts
+++ b/web/app/components/workflow-app/hooks/use-workflow-template.ts
@@ -1,14 +1,14 @@
+import type { StartNodeType } from '@/app/components/workflow/nodes/start/types'
 import { useTranslation } from 'react-i18next'
-import { generateNewNode } from '@/app/components/workflow/utils'
 import {
   NODE_WIDTH_X_OFFSET,
   START_INITIAL_POSITION,
 } from '@/app/components/workflow/constants'
-import { useIsChatMode } from './use-is-chat-mode'
-import type { StartNodeType } from '@/app/components/workflow/nodes/start/types'
-import startDefault from '@/app/components/workflow/nodes/start/default'
-import llmDefault from '@/app/components/workflow/nodes/llm/default'
 import answerDefault from '@/app/components/workflow/nodes/answer/default'
+import llmDefault from '@/app/components/workflow/nodes/llm/default'
+import startDefault from '@/app/components/workflow/nodes/start/default'
+import { generateNewNode } from '@/app/components/workflow/utils'
+import { useIsChatMode } from './use-is-chat-mode'
 
 export const useWorkflowTemplate = () => {
   const isChatMode = useIsChatMode()
diff --git a/web/app/components/workflow-app/index.tsx b/web/app/components/workflow-app/index.tsx
index fcd247ef22..6a778ab6b8 100644
--- a/web/app/components/workflow-app/index.tsx
+++ b/web/app/components/workflow-app/index.tsx
@@ -1,40 +1,40 @@
 'use client'
 
+import type { Features as FeaturesData } from '@/app/components/base/features/types'
+import type { InjectWorkflowStoreSliceFn } from '@/app/components/workflow/store'
+import { useSearchParams } from 'next/navigation'
 import {
   useEffect,
   useMemo,
 } from 'react'
-import {
-  SupportUploadFileTypes,
-} from '@/app/components/workflow/types'
-import {
-  useWorkflowInit,
-} from './hooks/use-workflow-init'
-import { useAppTriggers } from '@/service/use-tools'
-import { useTriggerStatusStore } from '@/app/components/workflow/store/trigger-status'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import { useWorkflowStore } from '@/app/components/workflow/store'
-import {
-  initialEdges,
-  initialNodes,
-} from '@/app/components/workflow/utils'
-import Loading from '@/app/components/base/loading'
 import { FeaturesProvider } from '@/app/components/base/features'
-import type { Features as FeaturesData } from '@/app/components/base/features/types'
+import Loading from '@/app/components/base/loading'
 import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
-import { useAppContext } from '@/context/app-context'
 import WorkflowWithDefaultContext from '@/app/components/workflow'
 import {
   WorkflowContextProvider,
 } from '@/app/components/workflow/context'
-import type { InjectWorkflowStoreSliceFn } from '@/app/components/workflow/store'
-import { createWorkflowSlice } from './store/workflow/workflow-slice'
-import WorkflowAppMain from './components/workflow-main'
-import { useSearchParams } from 'next/navigation'
-
+import { useWorkflowStore } from '@/app/components/workflow/store'
+import { useTriggerStatusStore } from '@/app/components/workflow/store/trigger-status'
+import {
+  SupportUploadFileTypes,
+} from '@/app/components/workflow/types'
+import {
+  initialEdges,
+  initialNodes,
+} from '@/app/components/workflow/utils'
+import { useAppContext } from '@/context/app-context'
 import { fetchRunDetail } from '@/service/log'
-import { useGetRunAndTraceUrl } from './hooks/use-get-run-and-trace-url'
+import { useAppTriggers } from '@/service/use-tools'
 import { AppModeEnum } from '@/types/app'
+import WorkflowAppMain from './components/workflow-main'
+
+import { useGetRunAndTraceUrl } from './hooks/use-get-run-and-trace-url'
+import {
+  useWorkflowInit,
+} from './hooks/use-workflow-init'
+import { createWorkflowSlice } from './store/workflow/workflow-slice'
 
 const WorkflowAppWithAdditionalContext = () => {
   const {
@@ -161,7 +161,7 @@ const WorkflowAppWithAdditionalContext = () => {
 
   if (!data || isLoading || isLoadingCurrentWorkspace || !currentWorkspace.id) {
     return (
-      <div className='relative flex h-full w-full items-center justify-center'>
+      <div className="relative flex h-full w-full items-center justify-center">
         <Loading />
       </div>
     )
diff --git a/web/app/components/workflow/__tests__/trigger-status-sync.test.tsx b/web/app/components/workflow/__tests__/trigger-status-sync.test.tsx
index 6295b3f5a9..6bf7e8f542 100644
--- a/web/app/components/workflow/__tests__/trigger-status-sync.test.tsx
+++ b/web/app/components/workflow/__tests__/trigger-status-sync.test.tsx
@@ -1,10 +1,10 @@
 import type { MockedFunction } from 'vitest'
-import React, { useCallback } from 'react'
+import type { EntryNodeStatus } from '../store/trigger-status'
+import type { BlockEnum } from '../types'
 import { act, render } from '@testing-library/react'
+import React, { useCallback } from 'react'
 import { useTriggerStatusStore } from '../store/trigger-status'
 import { isTriggerNode } from '../types'
-import type { BlockEnum } from '../types'
-import type { EntryNodeStatus } from '../store/trigger-status'
 
 // Mock the isTriggerNode function while preserving BlockEnum
 vi.mock('../types', async importOriginal => ({
@@ -25,7 +25,9 @@ const TestTriggerNode: React.FC<{
 
   return (
     <div data-testid={`node-${nodeId}`} data-status={triggerStatus}>
-      Status: {triggerStatus}
+      Status:
+      {' '}
+      {triggerStatus}
     </div>
   )
 }
@@ -274,14 +276,14 @@ describe('Trigger Status Synchronization Integration', () => {
       nodeType: string
     }> = ({ nodeId, nodeType }) => {
       const triggerStatusSelector = useCallback((state: any) =>
-        mockIsTriggerNode(nodeType as BlockEnum) ? (state.triggerStatuses[nodeId] || 'disabled') : 'enabled',
-      [nodeId, nodeType],
-      )
+        mockIsTriggerNode(nodeType as BlockEnum) ? (state.triggerStatuses[nodeId] || 'disabled') : 'enabled', [nodeId, nodeType])
       const triggerStatus = useTriggerStatusStore(triggerStatusSelector)
 
       return (
         <div data-testid={`optimized-node-${nodeId}`} data-status={triggerStatus}>
-          Status: {triggerStatus}
+          Status:
+          {' '}
+          {triggerStatus}
         </div>
       )
     }
@@ -315,9 +317,10 @@ describe('Trigger Status Synchronization Integration', () => {
       mockIsTriggerNode.mockImplementation(nodeType => nodeType === 'trigger-webhook')
 
       const TestComponent: React.FC<{ nodeType: string }> = ({ nodeType }) => {
-        const triggerStatusSelector = useCallback((state: any) =>
-          mockIsTriggerNode(nodeType as BlockEnum) ? (state.triggerStatuses['test-node'] || 'disabled') : 'enabled',
-        ['test-node', nodeType], // Dependencies should match implementation
+        const triggerStatusSelector = useCallback(
+          (state: any) =>
+            mockIsTriggerNode(nodeType as BlockEnum) ? (state.triggerStatuses['test-node'] || 'disabled') : 'enabled',
+          ['test-node', nodeType], // Dependencies should match implementation
         )
         const status = useTriggerStatusStore(triggerStatusSelector)
         return <div data-testid="test-component" data-status={status} />
diff --git a/web/app/components/workflow/block-icon.tsx b/web/app/components/workflow/block-icon.tsx
index 3c66d07364..32b06d475f 100644
--- a/web/app/components/workflow/block-icon.tsx
+++ b/web/app/components/workflow/block-icon.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
 import { memo } from 'react'
-import { BlockEnum } from './types'
+import AppIcon from '@/app/components/base/app-icon'
 import {
   Agent,
   Answer,
@@ -26,14 +26,14 @@ import {
   VariableX,
   WebhookLine,
 } from '@/app/components/base/icons/src/vender/workflow'
-import AppIcon from '@/app/components/base/app-icon'
 import { cn } from '@/utils/classnames'
+import { BlockEnum } from './types'
 
 type BlockIconProps = {
   type: BlockEnum
   size?: string
   className?: string
-  toolIcon?: string | { content: string; background: string }
+  toolIcon?: string | { content: string, background: string }
 }
 const ICON_CONTAINER_CLASSNAME_SIZE_MAP: Record<string, string> = {
   xs: 'w-4 h-4 rounded-[5px] shadow-xs',
@@ -125,15 +125,14 @@ const BlockIcon: FC<BlockIconProps> = ({
         showDefaultIcon && ICON_CONTAINER_BG_COLOR_MAP[type],
         toolIcon && '!shadow-none',
         className,
-      )}
+      )
+    }
     >
       {
         showDefaultIcon && (
-          getIcon(type,
-            (type === BlockEnum.TriggerSchedule || type === BlockEnum.TriggerWebhook)
-              ? (size === 'xs' ? 'w-4 h-4' : 'w-4.5 h-4.5')
-              : (size === 'xs' ? 'w-3 h-3' : 'w-3.5 h-3.5'),
-          )
+          getIcon(type, (type === BlockEnum.TriggerSchedule || type === BlockEnum.TriggerWebhook)
+            ? (size === 'xs' ? 'w-4 h-4' : 'w-4.5 h-4.5')
+            : (size === 'xs' ? 'w-3 h-3' : 'w-3.5 h-3.5'))
         )
       }
       {
@@ -142,21 +141,22 @@ const BlockIcon: FC<BlockIconProps> = ({
             {
               typeof toolIcon === 'string'
                 ? (
-                  <div
-                    className='h-full w-full shrink-0 rounded-md bg-cover bg-center'
-                    style={{
-                      backgroundImage: `url(${toolIcon})`,
-                    }}
-                  ></div>
-                )
+                    <div
+                      className="h-full w-full shrink-0 rounded-md bg-cover bg-center"
+                      style={{
+                        backgroundImage: `url(${toolIcon})`,
+                      }}
+                    >
+                    </div>
+                  )
                 : (
-                  <AppIcon
-                    className='!h-full !w-full shrink-0'
-                    size='tiny'
-                    icon={toolIcon?.content}
-                    background={toolIcon?.background}
-                  />
-                )
+                    <AppIcon
+                      className="!h-full !w-full shrink-0"
+                      size="tiny"
+                      icon={toolIcon?.content}
+                      background={toolIcon?.background}
+                    />
+                  )
             }
           </>
         )
diff --git a/web/app/components/workflow/block-selector/all-start-blocks.tsx b/web/app/components/workflow/block-selector/all-start-blocks.tsx
index e073113c05..44d06a0084 100644
--- a/web/app/components/workflow/block-selector/all-start-blocks.tsx
+++ b/web/app/components/workflow/block-selector/all-start-blocks.tsx
@@ -1,4 +1,12 @@
 'use client'
+import type {
+  RefObject,
+} from 'react'
+import type { BlockEnum, OnSelectBlock } from '../types'
+import type { ListRef } from './market-place-plugin/list'
+import type { TriggerDefaultValue, TriggerWithProvider } from './types'
+import { RiArrowRightUpLine } from '@remixicon/react'
+import Link from 'next/link'
 import {
   useCallback,
   useEffect,
@@ -6,30 +14,23 @@ import {
   useRef,
   useState,
 } from 'react'
-import type {
-  RefObject,
-} from 'react'
 import { useTranslation } from 'react-i18next'
-import type { BlockEnum, OnSelectBlock } from '../types'
-import type { TriggerDefaultValue, TriggerWithProvider } from './types'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { SearchMenu } from '@/app/components/base/icons/src/vender/line/general'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useFeaturedTriggersRecommendations } from '@/service/use-plugins'
+import { useAllTriggerPlugins, useInvalidateAllTriggerPlugins } from '@/service/use-triggers'
+import { cn } from '@/utils/classnames'
+import { getMarketplaceUrl } from '@/utils/var'
+import { useMarketplacePlugins } from '../../plugins/marketplace/hooks'
+import { PluginCategoryEnum } from '../../plugins/types'
+import { BlockEnum as BlockEnumValue } from '../types'
+import { ENTRY_NODE_TYPES } from './constants'
+import FeaturedTriggers from './featured-triggers'
+import PluginList from './market-place-plugin/list'
 import StartBlocks from './start-blocks'
 import TriggerPluginList from './trigger-plugin/list'
-import { ENTRY_NODE_TYPES } from './constants'
-import { cn } from '@/utils/classnames'
-import Link from 'next/link'
-import { RiArrowRightUpLine } from '@remixicon/react'
-import { getMarketplaceUrl } from '@/utils/var'
-import Button from '@/app/components/base/button'
-import { SearchMenu } from '@/app/components/base/icons/src/vender/line/general'
-import { BlockEnum as BlockEnumValue } from '../types'
-import FeaturedTriggers from './featured-triggers'
-import Divider from '@/app/components/base/divider'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { useAllTriggerPlugins, useInvalidateAllTriggerPlugins } from '@/service/use-triggers'
-import { useFeaturedTriggersRecommendations } from '@/service/use-plugins'
-import { PluginCategoryEnum } from '../../plugins/types'
-import { useMarketplacePlugins } from '../../plugins/marketplace/hooks'
-import PluginList, { type ListRef } from './market-place-plugin/list'
 
 const marketplaceFooterClassName = 'system-sm-medium z-10 flex h-8 flex-none cursor-pointer items-center rounded-b-lg border-[0.5px] border-t border-components-panel-border bg-components-panel-bg-blur px-4 py-1 text-text-accent-light-mode-only shadow-lg'
 
@@ -114,7 +115,8 @@ const AllStartBlocks = ({
   }, [enableTriggerPlugin, hasPluginContent])
 
   useEffect(() => {
-    if (!enableTriggerPlugin || !enable_marketplace) return
+    if (!enableTriggerPlugin || !enable_marketplace)
+      return
     if (hasFilter) {
       fetchPlugins({
         query: searchText,
@@ -126,10 +128,10 @@ const AllStartBlocks = ({
 
   return (
     <div className={cn('min-w-[400px] max-w-[500px]', className)}>
-      <div className='flex max-h-[640px] flex-col'>
+      <div className="flex max-h-[640px] flex-col">
         <div
           ref={wrapElemRef}
-          className='flex-1 overflow-y-auto'
+          className="flex-1 overflow-y-auto"
           onScroll={() => pluginRef.current?.handleScroll()}
         >
           <div className={cn(shouldShowEmptyState && 'hidden')}>
@@ -144,14 +146,14 @@ const AllStartBlocks = ({
                     invalidateTriggers()
                   }}
                 />
-                <div className='px-3'>
-                  <Divider className='!h-px' />
+                <div className="px-3">
+                  <Divider className="!h-px" />
                 </div>
               </>
             )}
             {shouldShowTriggerListTitle && (
-              <div className='px-3 pb-1 pt-2'>
-                <span className='system-xs-medium text-text-primary'>{t('workflow.tabs.allTriggers')}</span>
+              <div className="px-3 pb-1 pt-2">
+                <span className="system-xs-medium text-text-primary">{t('workflow.tabs.allTriggers')}</span>
               </div>
             )}
             <StartBlocks
@@ -184,19 +186,19 @@ const AllStartBlocks = ({
           </div>
 
           {shouldShowEmptyState && (
-            <div className='flex h-full flex-col items-center justify-center gap-3 py-12 text-center'>
-              <SearchMenu className='h-8 w-8 text-text-quaternary' />
-              <div className='text-sm font-medium text-text-secondary'>
+            <div className="flex h-full flex-col items-center justify-center gap-3 py-12 text-center">
+              <SearchMenu className="h-8 w-8 text-text-quaternary" />
+              <div className="text-sm font-medium text-text-secondary">
                 {t('workflow.tabs.noPluginsFound')}
               </div>
               <Link
-                href='https://github.com/langgenius/dify-plugins/issues/new?template=plugin_request.yaml'
-                target='_blank'
+                href="https://github.com/langgenius/dify-plugins/issues/new?template=plugin_request.yaml"
+                target="_blank"
               >
                 <Button
-                  size='small'
-                  variant='secondary-accent'
-                  className='h-6 cursor-pointer px-3 text-xs'
+                  size="small"
+                  variant="secondary-accent"
+                  className="h-6 cursor-pointer px-3 text-xs"
                 >
                   {t('workflow.tabs.requestToCommunity')}
                 </Button>
@@ -210,10 +212,10 @@ const AllStartBlocks = ({
           <Link
             className={marketplaceFooterClassName}
             href={getMarketplaceUrl('', { category: PluginCategoryEnum.trigger })}
-            target='_blank'
+            target="_blank"
           >
             <span>{t('plugin.findMoreInMarketplace')}</span>
-            <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />
+            <RiArrowRightUpLine className="ml-0.5 h-3 w-3" />
           </Link>
         )}
       </div>
diff --git a/web/app/components/workflow/block-selector/all-tools.tsx b/web/app/components/workflow/block-selector/all-tools.tsx
index 8968a01557..060f8849d5 100644
--- a/web/app/components/workflow/block-selector/all-tools.tsx
+++ b/web/app/components/workflow/block-selector/all-tools.tsx
@@ -3,34 +3,34 @@ import type {
   RefObject,
   SetStateAction,
 } from 'react'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Plugin } from '../../plugins/types'
 import type {
   BlockEnum,
   ToolWithProvider,
 } from '../types'
 import type { ToolDefaultValue, ToolValue } from './types'
-import { ToolTypeEnum } from './types'
-import Tools from './tools'
-import { useToolTabs } from './hooks'
-import ViewTypeSelect, { ViewType } from './view-type-select'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
-import { SearchMenu } from '@/app/components/base/icons/src/vender/line/general'
-import type { ListRef } from '@/app/components/workflow/block-selector/market-place-plugin/list'
-import PluginList, { type ListProps } from '@/app/components/workflow/block-selector/market-place-plugin/list'
-import type { Plugin } from '../../plugins/types'
-import { PluginCategoryEnum } from '../../plugins/types'
-import { useMarketplacePlugins } from '../../plugins/marketplace/hooks'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import RAGToolRecommendations from './rag-tool-recommendations'
-import FeaturedTools from './featured-tools'
-import Link from 'next/link'
-import Divider from '@/app/components/base/divider'
-import { RiArrowRightUpLine } from '@remixicon/react'
-import { getMarketplaceUrl } from '@/utils/var'
-import { useGetLanguage } from '@/context/i18n'
+import type { ListProps, ListRef } from '@/app/components/workflow/block-selector/market-place-plugin/list'
 import type { OnSelectBlock } from '@/app/components/workflow/types'
+import { RiArrowRightUpLine } from '@remixicon/react'
+import Link from 'next/link'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { SearchMenu } from '@/app/components/base/icons/src/vender/line/general'
+import PluginList from '@/app/components/workflow/block-selector/market-place-plugin/list'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useGetLanguage } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
+import { getMarketplaceUrl } from '@/utils/var'
+import { useMarketplacePlugins } from '../../plugins/marketplace/hooks'
+import { PluginCategoryEnum } from '../../plugins/types'
+import FeaturedTools from './featured-tools'
+import { useToolTabs } from './hooks'
+import RAGToolRecommendations from './rag-tool-recommendations'
+import Tools from './tools'
+import { ToolTypeEnum } from './types'
+import ViewTypeSelect, { ViewType } from './view-type-select'
 
 const marketplaceFooterClassName = 'system-sm-medium z-10 flex h-8 flex-none cursor-pointer items-center rounded-b-lg border-[0.5px] border-t border-components-panel-border bg-components-panel-bg-blur px-4 py-1 text-text-accent-light-mode-only shadow-lg'
 
@@ -172,7 +172,8 @@ const AllTools = ({
   const { enable_marketplace } = useGlobalPublicStore(s => s.systemFeatures)
 
   useEffect(() => {
-    if (!enable_marketplace) return
+    if (!enable_marketplace)
+      return
     if (hasFilter) {
       fetchPlugins({
         query: searchText,
@@ -205,8 +206,8 @@ const AllTools = ({
 
   return (
     <div className={cn('max-w-[500px]', className)}>
-      <div className='flex items-center justify-between border-b border-divider-subtle px-3'>
-        <div className='flex h-8 items-center space-x-1'>
+      <div className="flex items-center justify-between border-b border-divider-subtle px-3">
+        <div className="flex h-8 items-center space-x-1">
           {
             tabs.map(tab => (
               <div
@@ -227,10 +228,10 @@ const AllTools = ({
           <ViewTypeSelect viewType={activeView} onChange={setActiveView} />
         )}
       </div>
-      <div className='flex max-h-[464px] flex-col'>
+      <div className="flex max-h-[464px] flex-col">
         <div
           ref={wrapElemRef}
-          className='flex-1 overflow-y-auto'
+          className="flex-1 overflow-y-auto"
           onScroll={() => pluginRef.current?.handleScroll()}
         >
           <div className={cn(shouldShowEmptyState && 'hidden')}>
@@ -254,15 +255,15 @@ const AllTools = ({
                     await onFeaturedInstallSuccess?.()
                   }}
                 />
-                <div className='px-3'>
-                  <Divider className='!h-px' />
+                <div className="px-3">
+                  <Divider className="!h-px" />
                 </div>
               </>
             )}
             {hasToolsListContent && (
               <>
-                <div className='px-3 pb-1 pt-2'>
-                  <span className='system-xs-medium text-text-primary'>{t('tools.allTools')}</span>
+                <div className="px-3 pb-1 pt-2">
+                  <span className="system-xs-medium text-text-primary">{t('tools.allTools')}</span>
                 </div>
                 <Tools
                   className={toolContentClassName}
@@ -293,19 +294,19 @@ const AllTools = ({
           </div>
 
           {shouldShowEmptyState && (
-            <div className='flex h-full flex-col items-center justify-center gap-3 py-12 text-center'>
-              <SearchMenu className='h-8 w-8 text-text-quaternary' />
-              <div className='text-sm font-medium text-text-secondary'>
+            <div className="flex h-full flex-col items-center justify-center gap-3 py-12 text-center">
+              <SearchMenu className="h-8 w-8 text-text-quaternary" />
+              <div className="text-sm font-medium text-text-secondary">
                 {t('workflow.tabs.noPluginsFound')}
               </div>
               <Link
-                href='https://github.com/langgenius/dify-plugins/issues/new?template=plugin_request.yaml'
-                target='_blank'
+                href="https://github.com/langgenius/dify-plugins/issues/new?template=plugin_request.yaml"
+                target="_blank"
               >
                 <Button
-                  size='small'
-                  variant='secondary-accent'
-                  className='h-6 cursor-pointer px-3 text-xs'
+                  size="small"
+                  variant="secondary-accent"
+                  className="h-6 cursor-pointer px-3 text-xs"
                 >
                   {t('workflow.tabs.requestToCommunity')}
                 </Button>
@@ -317,10 +318,10 @@ const AllTools = ({
           <Link
             className={marketplaceFooterClassName}
             href={getMarketplaceUrl('', { category: PluginCategoryEnum.tool })}
-            target='_blank'
+            target="_blank"
           >
             <span>{t('plugin.findMoreInMarketplace')}</span>
-            <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />
+            <RiArrowRightUpLine className="ml-0.5 h-3 w-3" />
           </Link>
         )}
       </div>
diff --git a/web/app/components/workflow/block-selector/blocks.tsx b/web/app/components/workflow/block-selector/blocks.tsx
index 16256bf345..e626073a3a 100644
--- a/web/app/components/workflow/block-selector/blocks.tsx
+++ b/web/app/components/workflow/block-selector/blocks.tsx
@@ -1,18 +1,18 @@
+import type { NodeDefault } from '../types'
+import { groupBy } from 'lodash-es'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
-import { useStoreApi } from 'reactflow'
 import { useTranslation } from 'react-i18next'
-import { groupBy } from 'lodash-es'
+import { useStoreApi } from 'reactflow'
+import Badge from '@/app/components/base/badge'
+import Tooltip from '@/app/components/base/tooltip'
 import BlockIcon from '../block-icon'
 import { BlockEnum } from '../types'
-import type { NodeDefault } from '../types'
 import { BLOCK_CLASSIFICATIONS } from './constants'
 import { useBlocks } from './hooks'
-import Tooltip from '@/app/components/base/tooltip'
-import Badge from '@/app/components/base/badge'
 
 type BlocksProps = {
   searchText: string
@@ -50,9 +50,10 @@ const Blocks = ({
       const list = (grouped[classification] || []).filter((block) => {
         // Filter out trigger types from Blocks tab
         if (block.metaData.type === BlockEnum.TriggerWebhook
-            || block.metaData.type === BlockEnum.TriggerSchedule
-            || block.metaData.type === BlockEnum.TriggerPlugin)
+          || block.metaData.type === BlockEnum.TriggerSchedule
+          || block.metaData.type === BlockEnum.TriggerPlugin) {
           return false
+        }
 
         return block.metaData.title.toLowerCase().includes(searchText.toLowerCase()) && availableBlocksTypes.includes(block.metaData.type)
       })
@@ -79,11 +80,11 @@ const Blocks = ({
     return (
       <div
         key={classification}
-        className='mb-1 last-of-type:mb-0'
+        className="mb-1 last-of-type:mb-0"
       >
         {
           classification !== '-' && !!filteredList.length && (
-            <div className='flex h-[22px] items-start px-3 text-xs font-medium text-text-tertiary'>
+            <div className="flex h-[22px] items-start px-3 text-xs font-medium text-text-tertiary">
               {t(`workflow.tabs.${classification}`)}
             </div>
           )
@@ -92,36 +93,36 @@ const Blocks = ({
           filteredList.map(block => (
             <Tooltip
               key={block.metaData.type}
-              position='right'
-              popupClassName='w-[200px] rounded-xl'
+              position="right"
+              popupClassName="w-[200px] rounded-xl"
               needsDelay={false}
               popupContent={(
                 <div>
                   <BlockIcon
-                    size='md'
-                    className='mb-2'
+                    size="md"
+                    className="mb-2"
                     type={block.metaData.type}
                   />
-                  <div className='system-md-medium mb-1 text-text-primary'>{block.metaData.title}</div>
-                  <div className='system-xs-regular text-text-tertiary'>{block.metaData.description}</div>
+                  <div className="system-md-medium mb-1 text-text-primary">{block.metaData.title}</div>
+                  <div className="system-xs-regular text-text-tertiary">{block.metaData.description}</div>
                 </div>
               )}
             >
               <div
                 key={block.metaData.type}
-                className='flex h-8 w-full cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover'
+                className="flex h-8 w-full cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover"
                 onClick={() => onSelect(block.metaData.type)}
               >
                 <BlockIcon
-                  className='mr-2 shrink-0'
+                  className="mr-2 shrink-0"
                   type={block.metaData.type}
                 />
-                <div className='grow text-sm text-text-secondary'>{block.metaData.title}</div>
+                <div className="grow text-sm text-text-secondary">{block.metaData.title}</div>
                 {
                   block.metaData.type === BlockEnum.LoopEnd && (
                     <Badge
                       text={t('workflow.nodes.loop.loopNode')}
-                      className='ml-2 shrink-0'
+                      className="ml-2 shrink-0"
                     />
                   )
                 }
@@ -134,10 +135,10 @@ const Blocks = ({
   }, [groups, onSelect, t, store])
 
   return (
-    <div className='max-h-[480px] max-w-[500px] overflow-y-auto p-1'>
+    <div className="max-h-[480px] max-w-[500px] overflow-y-auto p-1">
       {
         isEmpty && (
-          <div className='flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary'>{t('workflow.tabs.noResult')}</div>
+          <div className="flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary">{t('workflow.tabs.noResult')}</div>
         )
       }
       {
diff --git a/web/app/components/workflow/block-selector/data-sources.tsx b/web/app/components/workflow/block-selector/data-sources.tsx
index c354208dee..5204f4e86c 100644
--- a/web/app/components/workflow/block-selector/data-sources.tsx
+++ b/web/app/components/workflow/block-selector/data-sources.tsx
@@ -1,24 +1,25 @@
+import type {
+  OnSelectBlock,
+  ToolWithProvider,
+} from '../types'
+import type { DataSourceDefaultValue, ToolDefaultValue } from './types'
+import type { ListRef } from '@/app/components/workflow/block-selector/market-place-plugin/list'
 import {
   useCallback,
   useEffect,
   useMemo,
   useRef,
 } from 'react'
-import { BlockEnum } from '../types'
-import type {
-  OnSelectBlock,
-  ToolWithProvider,
-} from '../types'
-import type { DataSourceDefaultValue, ToolDefaultValue } from './types'
-import Tools from './tools'
-import { ViewType } from './view-type-select'
-import { cn } from '@/utils/classnames'
-import PluginList, { type ListRef } from '@/app/components/workflow/block-selector/market-place-plugin/list'
+import PluginList from '@/app/components/workflow/block-selector/market-place-plugin/list'
 import { useGlobalPublicStore } from '@/context/global-public-context'
-import { DEFAULT_FILE_EXTENSIONS_IN_LOCAL_FILE_DATA_SOURCE } from './constants'
+import { useGetLanguage } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
 import { useMarketplacePlugins } from '../../plugins/marketplace/hooks'
 import { PluginCategoryEnum } from '../../plugins/types'
-import { useGetLanguage } from '@/context/i18n'
+import { BlockEnum } from '../types'
+import { DEFAULT_FILE_EXTENSIONS_IN_LOCAL_FILE_DATA_SOURCE } from './constants'
+import Tools from './tools'
+import { ViewType } from './view-type-select'
 
 type AllToolsProps = {
   className?: string
@@ -83,7 +84,8 @@ const DataSources = ({
   } = useMarketplacePlugins()
 
   useEffect(() => {
-    if (!enable_marketplace) return
+    if (!enable_marketplace)
+      return
     if (searchText) {
       fetchPlugins({
         query: searchText,
@@ -96,7 +98,7 @@ const DataSources = ({
     <div className={cn('w-[400px] min-w-0 max-w-full', className)}>
       <div
         ref={wrapElemRef}
-        className='max-h-[464px] overflow-y-auto overflow-x-hidden'
+        className="max-h-[464px] overflow-y-auto overflow-x-hidden"
         onScroll={pluginRef.current?.handleScroll}
       >
         <Tools
diff --git a/web/app/components/workflow/block-selector/featured-tools.tsx b/web/app/components/workflow/block-selector/featured-tools.tsx
index fe5c561362..1e6b976739 100644
--- a/web/app/components/workflow/block-selector/featured-tools.tsx
+++ b/web/app/components/workflow/block-selector/featured-tools.tsx
@@ -1,23 +1,24 @@
 'use client'
-import { useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { BlockEnum, type ToolWithProvider } from '../types'
+import type { ToolWithProvider } from '../types'
 import type { ToolDefaultValue, ToolValue } from './types'
 import type { Plugin } from '@/app/components/plugins/types'
-import { useGetLanguage } from '@/context/i18n'
-import BlockIcon from '../block-icon'
-import Tooltip from '@/app/components/base/tooltip'
 import { RiMoreLine } from '@remixicon/react'
-import Loading from '@/app/components/base/loading'
 import Link from 'next/link'
+import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { ArrowDownDoubleLine, ArrowDownRoundFill, ArrowUpDoubleLine } from '@/app/components/base/icons/src/vender/solid/arrows'
+import Loading from '@/app/components/base/loading'
+import Tooltip from '@/app/components/base/tooltip'
+import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
+import Action from '@/app/components/workflow/block-selector/market-place-plugin/action'
+import { useGetLanguage } from '@/context/i18n'
+import { formatNumber } from '@/utils/format'
 import { getMarketplaceUrl } from '@/utils/var'
+import BlockIcon from '../block-icon'
+import { BlockEnum } from '../types'
+import Tools from './tools'
 import { ToolTypeEnum } from './types'
 import { ViewType } from './view-type-select'
-import Tools from './tools'
-import { formatNumber } from '@/utils/format'
-import Action from '@/app/components/workflow/block-selector/market-place-plugin/action'
-import { ArrowDownDoubleLine, ArrowDownRoundFill, ArrowUpDoubleLine } from '@/app/components/base/icons/src/vender/solid/arrows'
-import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
 
 const MAX_RECOMMENDED_COUNT = 15
 const INITIAL_VISIBLE_COUNT = 5
@@ -125,27 +126,27 @@ const FeaturedTools = ({
   const showEmptyState = !isLoading && totalVisible === 0
 
   return (
-    <div className='px-3 pb-3 pt-2'>
+    <div className="px-3 pb-3 pt-2">
       <button
-        type='button'
-        className='flex w-full items-center rounded-md px-0 py-1 text-left text-text-primary'
+        type="button"
+        className="flex w-full items-center rounded-md px-0 py-1 text-left text-text-primary"
         onClick={() => setIsCollapsed(prev => !prev)}
       >
-        <span className='system-xs-medium text-text-primary'>{t('workflow.tabs.featuredTools')}</span>
+        <span className="system-xs-medium text-text-primary">{t('workflow.tabs.featuredTools')}</span>
         <ArrowDownRoundFill className={`ml-0.5 h-4 w-4 text-text-tertiary transition-transform ${isCollapsed ? '-rotate-90' : 'rotate-0'}`} />
       </button>
 
       {!isCollapsed && (
         <>
           {isLoading && (
-            <div className='py-3'>
-              <Loading type='app' />
+            <div className="py-3">
+              <Loading type="app" />
             </div>
           )}
 
           {showEmptyState && (
-            <p className='system-xs-regular py-2 text-text-tertiary'>
-              <Link className='text-text-accent' href={getMarketplaceUrl('', { category: 'tool' })} target='_blank' rel='noopener noreferrer'>
+            <p className="system-xs-regular py-2 text-text-tertiary">
+              <Link className="text-text-accent" href={getMarketplaceUrl('', { category: 'tool' })} target="_blank" rel="noopener noreferrer">
                 {t('workflow.tabs.noFeaturedPlugins')}
               </Link>
             </p>
@@ -155,7 +156,7 @@ const FeaturedTools = ({
             <>
               {visibleInstalledProviders.length > 0 && (
                 <Tools
-                  className='p-0'
+                  className="p-0"
                   tools={visibleInstalledProviders}
                   onSelect={onSelect}
                   canNotSelectMultiple
@@ -168,7 +169,7 @@ const FeaturedTools = ({
               )}
 
               {visibleUninstalledPlugins.length > 0 && (
-                <div className='mt-1 flex flex-col gap-1'>
+                <div className="mt-1 flex flex-col gap-1">
                   {visibleUninstalledPlugins.map(plugin => (
                     <FeaturedToolUninstalledItem
                       key={plugin.plugin_id}
@@ -187,7 +188,7 @@ const FeaturedTools = ({
 
           {!isLoading && totalVisible > 0 && canToggleVisibility && (
             <div
-              className='group mt-1 flex cursor-pointer items-center gap-x-2 rounded-lg py-1 pl-3 pr-2 text-text-tertiary transition-colors hover:bg-state-base-hover hover:text-text-secondary'
+              className="group mt-1 flex cursor-pointer items-center gap-x-2 rounded-lg py-1 pl-3 pr-2 text-text-tertiary transition-colors hover:bg-state-base-hover hover:text-text-secondary"
               onClick={() => {
                 setVisibleCount((count) => {
                   if (count >= maxAvailable)
@@ -197,15 +198,17 @@ const FeaturedTools = ({
                 })
               }}
             >
-              <div className='flex items-center px-1 text-text-tertiary transition-colors group-hover:text-text-secondary'>
-                <RiMoreLine className='size-4 group-hover:hidden' />
-                {isExpanded ? (
-                  <ArrowUpDoubleLine className='hidden size-4 group-hover:block' />
-                ) : (
-                  <ArrowDownDoubleLine className='hidden size-4 group-hover:block' />
-                )}
+              <div className="flex items-center px-1 text-text-tertiary transition-colors group-hover:text-text-secondary">
+                <RiMoreLine className="size-4 group-hover:hidden" />
+                {isExpanded
+                  ? (
+                      <ArrowUpDoubleLine className="hidden size-4 group-hover:block" />
+                    )
+                  : (
+                      <ArrowDownDoubleLine className="hidden size-4 group-hover:block" />
+                    )}
               </div>
-              <div className='system-xs-regular'>
+              <div className="system-xs-regular">
                 {t(isExpanded ? 'workflow.tabs.showLessFeatured' : 'workflow.tabs.showMoreFeatured')}
               </div>
             </div>
@@ -255,28 +258,28 @@ function FeaturedToolUninstalledItem({
   return (
     <>
       <Tooltip
-        position='right'
+        position="right"
         needsDelay={false}
-        popupClassName='!p-0 !px-3 !py-2.5 !w-[224px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg'
+        popupClassName="!p-0 !px-3 !py-2.5 !w-[224px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg"
         popupContent={(
           <div>
-            <BlockIcon size='md' className='mb-2' type={BlockEnum.Tool} toolIcon={plugin.icon} />
-            <div className='mb-1 text-sm leading-5 text-text-primary'>{label}</div>
-            <div className='text-xs leading-[18px] text-text-secondary'>{description}</div>
+            <BlockIcon size="md" className="mb-2" type={BlockEnum.Tool} toolIcon={plugin.icon} />
+            <div className="mb-1 text-sm leading-5 text-text-primary">{label}</div>
+            <div className="text-xs leading-[18px] text-text-secondary">{description}</div>
           </div>
         )}
         disabled={!description || isActionHovered || actionOpen || isInstallModalOpen}
       >
         <div
-          className='group flex h-8 w-full items-center rounded-lg pl-3 pr-1 hover:bg-state-base-hover'
+          className="group flex h-8 w-full items-center rounded-lg pl-3 pr-1 hover:bg-state-base-hover"
         >
-          <div className='flex h-full min-w-0 items-center'>
+          <div className="flex h-full min-w-0 items-center">
             <BlockIcon type={BlockEnum.Tool} toolIcon={plugin.icon} />
-            <div className='ml-2 min-w-0'>
-              <div className='system-sm-medium truncate text-text-secondary'>{label}</div>
+            <div className="ml-2 min-w-0">
+              <div className="system-sm-medium truncate text-text-secondary">{label}</div>
             </div>
           </div>
-          <div className='ml-auto flex h-full items-center gap-1 pl-1'>
+          <div className="ml-auto flex h-full items-center gap-1 pl-1">
             <span className={`system-xs-regular text-text-tertiary ${actionOpen ? 'hidden' : 'group-hover:hidden'}`}>{installCountLabel}</span>
             <div
               className={`system-xs-medium flex h-full items-center gap-1 text-components-button-secondary-accent-text [&_.action-btn]:h-6 [&_.action-btn]:min-h-0 [&_.action-btn]:w-6 [&_.action-btn]:rounded-lg [&_.action-btn]:p-0 ${actionOpen ? 'flex' : 'hidden group-hover:flex'}`}
@@ -287,8 +290,8 @@ function FeaturedToolUninstalledItem({
               }}
             >
               <button
-                type='button'
-                className='cursor-pointer rounded-md px-1.5 py-0.5 hover:bg-state-base-hover'
+                type="button"
+                className="cursor-pointer rounded-md px-1.5 py-0.5 hover:bg-state-base-hover"
                 onClick={() => {
                   setActionOpen(false)
                   setIsInstallModalOpen(true)
diff --git a/web/app/components/workflow/block-selector/featured-triggers.tsx b/web/app/components/workflow/block-selector/featured-triggers.tsx
index 561ebc1784..c986a8abc0 100644
--- a/web/app/components/workflow/block-selector/featured-triggers.tsx
+++ b/web/app/components/workflow/block-selector/featured-triggers.tsx
@@ -1,21 +1,21 @@
 'use client'
-import { useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { BlockEnum } from '../types'
 import type { TriggerDefaultValue, TriggerWithProvider } from './types'
 import type { Plugin } from '@/app/components/plugins/types'
-import { useGetLanguage } from '@/context/i18n'
-import BlockIcon from '../block-icon'
-import Tooltip from '@/app/components/base/tooltip'
 import { RiMoreLine } from '@remixicon/react'
-import Loading from '@/app/components/base/loading'
 import Link from 'next/link'
-import { getMarketplaceUrl } from '@/utils/var'
-import TriggerPluginItem from './trigger-plugin/item'
-import { formatNumber } from '@/utils/format'
-import Action from '@/app/components/workflow/block-selector/market-place-plugin/action'
+import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { ArrowDownDoubleLine, ArrowDownRoundFill, ArrowUpDoubleLine } from '@/app/components/base/icons/src/vender/solid/arrows'
+import Loading from '@/app/components/base/loading'
+import Tooltip from '@/app/components/base/tooltip'
 import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
+import Action from '@/app/components/workflow/block-selector/market-place-plugin/action'
+import { useGetLanguage } from '@/context/i18n'
+import { formatNumber } from '@/utils/format'
+import { getMarketplaceUrl } from '@/utils/var'
+import BlockIcon from '../block-icon'
+import { BlockEnum } from '../types'
+import TriggerPluginItem from './trigger-plugin/item'
 
 const MAX_RECOMMENDED_COUNT = 15
 const INITIAL_VISIBLE_COUNT = 5
@@ -119,27 +119,27 @@ const FeaturedTriggers = ({
   const showEmptyState = !isLoading && totalVisible === 0
 
   return (
-    <div className='px-3 pb-3 pt-2'>
+    <div className="px-3 pb-3 pt-2">
       <button
-        type='button'
-        className='flex w-full items-center rounded-md px-0 py-1 text-left text-text-primary'
+        type="button"
+        className="flex w-full items-center rounded-md px-0 py-1 text-left text-text-primary"
         onClick={() => setIsCollapsed(prev => !prev)}
       >
-        <span className='system-xs-medium text-text-primary'>{t('workflow.tabs.featuredTools')}</span>
+        <span className="system-xs-medium text-text-primary">{t('workflow.tabs.featuredTools')}</span>
         <ArrowDownRoundFill className={`ml-0.5 h-4 w-4 text-text-tertiary transition-transform ${isCollapsed ? '-rotate-90' : 'rotate-0'}`} />
       </button>
 
       {!isCollapsed && (
         <>
           {isLoading && (
-            <div className='py-3'>
-              <Loading type='app' />
+            <div className="py-3">
+              <Loading type="app" />
             </div>
           )}
 
           {showEmptyState && (
-            <p className='system-xs-regular py-2 text-text-tertiary'>
-              <Link className='text-text-accent' href={getMarketplaceUrl('', { category: 'trigger' })} target='_blank' rel='noopener noreferrer'>
+            <p className="system-xs-regular py-2 text-text-tertiary">
+              <Link className="text-text-accent" href={getMarketplaceUrl('', { category: 'trigger' })} target="_blank" rel="noopener noreferrer">
                 {t('workflow.tabs.noFeaturedTriggers')}
               </Link>
             </p>
@@ -148,7 +148,7 @@ const FeaturedTriggers = ({
           {!showEmptyState && !isLoading && (
             <>
               {visibleInstalledProviders.length > 0 && (
-                <div className='mt-1'>
+                <div className="mt-1">
                   {visibleInstalledProviders.map(provider => (
                     <TriggerPluginItem
                       key={provider.id}
@@ -161,7 +161,7 @@ const FeaturedTriggers = ({
               )}
 
               {visibleUninstalledPlugins.length > 0 && (
-                <div className='mt-1 flex flex-col gap-1'>
+                <div className="mt-1 flex flex-col gap-1">
                   {visibleUninstalledPlugins.map(plugin => (
                     <FeaturedTriggerUninstalledItem
                       key={plugin.plugin_id}
@@ -180,7 +180,7 @@ const FeaturedTriggers = ({
 
           {!isLoading && totalVisible > 0 && canToggleVisibility && (
             <div
-              className='group mt-1 flex cursor-pointer items-center gap-x-2 rounded-lg py-1 pl-3 pr-2 text-text-tertiary transition-colors hover:bg-state-base-hover hover:text-text-secondary'
+              className="group mt-1 flex cursor-pointer items-center gap-x-2 rounded-lg py-1 pl-3 pr-2 text-text-tertiary transition-colors hover:bg-state-base-hover hover:text-text-secondary"
               onClick={() => {
                 setVisibleCount((count) => {
                   if (count >= maxAvailable)
@@ -190,15 +190,17 @@ const FeaturedTriggers = ({
                 })
               }}
             >
-              <div className='flex items-center px-1 text-text-tertiary transition-colors group-hover:text-text-secondary'>
-                <RiMoreLine className='size-4 group-hover:hidden' />
-                {isExpanded ? (
-                  <ArrowUpDoubleLine className='hidden size-4 group-hover:block' />
-                ) : (
-                  <ArrowDownDoubleLine className='hidden size-4 group-hover:block' />
-                )}
+              <div className="flex items-center px-1 text-text-tertiary transition-colors group-hover:text-text-secondary">
+                <RiMoreLine className="size-4 group-hover:hidden" />
+                {isExpanded
+                  ? (
+                      <ArrowUpDoubleLine className="hidden size-4 group-hover:block" />
+                    )
+                  : (
+                      <ArrowDownDoubleLine className="hidden size-4 group-hover:block" />
+                    )}
               </div>
-              <div className='system-xs-regular'>
+              <div className="system-xs-regular">
                 {t(isExpanded ? 'workflow.tabs.showLessFeatured' : 'workflow.tabs.showMoreFeatured')}
               </div>
             </div>
@@ -248,28 +250,28 @@ function FeaturedTriggerUninstalledItem({
   return (
     <>
       <Tooltip
-        position='right'
+        position="right"
         needsDelay={false}
-        popupClassName='!p-0 !px-3 !py-2.5 !w-[224px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg'
+        popupClassName="!p-0 !px-3 !py-2.5 !w-[224px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg"
         popupContent={(
           <div>
-            <BlockIcon size='md' className='mb-2' type={BlockEnum.TriggerPlugin} toolIcon={plugin.icon} />
-            <div className='mb-1 text-sm leading-5 text-text-primary'>{label}</div>
-            <div className='text-xs leading-[18px] text-text-secondary'>{description}</div>
+            <BlockIcon size="md" className="mb-2" type={BlockEnum.TriggerPlugin} toolIcon={plugin.icon} />
+            <div className="mb-1 text-sm leading-5 text-text-primary">{label}</div>
+            <div className="text-xs leading-[18px] text-text-secondary">{description}</div>
           </div>
         )}
         disabled={!description || isActionHovered || actionOpen || isInstallModalOpen}
       >
         <div
-          className='group flex h-8 w-full items-center rounded-lg pl-3 pr-1 hover:bg-state-base-hover'
+          className="group flex h-8 w-full items-center rounded-lg pl-3 pr-1 hover:bg-state-base-hover"
         >
-          <div className='flex h-full min-w-0 items-center'>
+          <div className="flex h-full min-w-0 items-center">
             <BlockIcon type={BlockEnum.TriggerPlugin} toolIcon={plugin.icon} />
-            <div className='ml-2 min-w-0'>
-              <div className='system-sm-medium truncate text-text-secondary'>{label}</div>
+            <div className="ml-2 min-w-0">
+              <div className="system-sm-medium truncate text-text-secondary">{label}</div>
             </div>
           </div>
-          <div className='ml-auto flex h-full items-center gap-1 pl-1'>
+          <div className="ml-auto flex h-full items-center gap-1 pl-1">
             <span className={`system-xs-regular text-text-tertiary ${actionOpen ? 'hidden' : 'group-hover:hidden'}`}>{installCountLabel}</span>
             <div
               className={`system-xs-medium flex h-full items-center gap-1 text-components-button-secondary-accent-text [&_.action-btn]:h-6 [&_.action-btn]:min-h-0 [&_.action-btn]:w-6 [&_.action-btn]:rounded-lg [&_.action-btn]:p-0 ${actionOpen ? 'flex' : 'hidden group-hover:flex'}`}
@@ -280,8 +282,8 @@ function FeaturedTriggerUninstalledItem({
               }}
             >
               <button
-                type='button'
-                className='cursor-pointer rounded-md px-1.5 py-0.5 hover:bg-state-base-hover'
+                type="button"
+                className="cursor-pointer rounded-md px-1.5 py-0.5 hover:bg-state-base-hover"
                 onClick={() => {
                   setActionOpen(false)
                   setIsInstallModalOpen(true)
diff --git a/web/app/components/workflow/block-selector/hooks.ts b/web/app/components/workflow/block-selector/hooks.ts
index e2dd14e16c..075a0b7d38 100644
--- a/web/app/components/workflow/block-selector/hooks.ts
+++ b/web/app/components/workflow/block-selector/hooks.ts
@@ -66,8 +66,7 @@ export const useTabs = ({
       key: TabsEnum.Tools,
       name: t('workflow.tabs.tools'),
       show: !noTools,
-    },
-    {
+    }, {
       key: TabsEnum.Start,
       name: t('workflow.tabs.start'),
       show: shouldShowStartTab,
diff --git a/web/app/components/workflow/block-selector/index-bar.tsx b/web/app/components/workflow/block-selector/index-bar.tsx
index f9a839a982..6b7a1af936 100644
--- a/web/app/components/workflow/block-selector/index-bar.tsx
+++ b/web/app/components/workflow/block-selector/index-bar.tsx
@@ -1,8 +1,8 @@
-import { pinyin } from 'pinyin-pro'
 import type { FC, RefObject } from 'react'
 import type { ToolWithProvider } from '../types'
-import { CollectionType } from '../../tools/types'
+import { pinyin } from 'pinyin-pro'
 import { cn } from '@/utils/classnames'
+import { CollectionType } from '../../tools/types'
 
 export const CUSTOM_GROUP_NAME = '@@@custom@@@'
 export const WORKFLOW_GROUP_NAME = '@@@workflow@@@'
diff --git a/web/app/components/workflow/block-selector/index.tsx b/web/app/components/workflow/block-selector/index.tsx
index 9f7989265a..5b9d86d6d4 100644
--- a/web/app/components/workflow/block-selector/index.tsx
+++ b/web/app/components/workflow/block-selector/index.tsx
@@ -1,11 +1,11 @@
+import type { NodeSelectorProps } from './main'
 import {
   useMemo,
 } from 'react'
-import type { NodeSelectorProps } from './main'
-import NodeSelector from './main'
 import { useHooksStore } from '@/app/components/workflow/hooks-store/store'
 import { BlockEnum } from '@/app/components/workflow/types'
 import { useStore } from '../store'
+import NodeSelector from './main'
 
 const NodeSelectorWrapper = (props: NodeSelectorProps) => {
   const availableNodesMetaData = useHooksStore(s => s.availableNodesMetaData)
diff --git a/web/app/components/workflow/block-selector/main.tsx b/web/app/components/workflow/block-selector/main.tsx
index 1fff8528e2..130ed0a740 100644
--- a/web/app/components/workflow/block-selector/main.tsx
+++ b/web/app/components/workflow/block-selector/main.tsx
@@ -1,7 +1,17 @@
+import type {
+  OffsetOptions,
+  Placement,
+} from '@floating-ui/react'
 import type {
   FC,
   MouseEventHandler,
 } from 'react'
+import type {
+  CommonNodeType,
+  NodeDefault,
+  OnSelectBlock,
+  ToolWithProvider,
+} from '../types'
 import {
   memo,
   useCallback,
@@ -9,31 +19,21 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
-import type {
-  OffsetOptions,
-  Placement,
-} from '@floating-ui/react'
-import type {
-  CommonNodeType,
-  NodeDefault,
-  OnSelectBlock,
-  ToolWithProvider,
-} from '../types'
-import { BlockEnum, isTriggerNode } from '../types'
-import Tabs from './tabs'
-import { TabsEnum } from './types'
-import { useTabs } from './hooks'
+import {
+  Plus02,
+} from '@/app/components/base/icons/src/vender/line/general'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Input from '@/app/components/base/input'
-import {
-  Plus02,
-} from '@/app/components/base/icons/src/vender/line/general'
 import SearchBox from '@/app/components/plugins/marketplace/search-box'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+import { BlockEnum, isTriggerNode } from '../types'
+import { useTabs } from './hooks'
+import Tabs from './tabs'
+import { TabsEnum } from './types'
 
 export type NodeSelectorProps = {
   open?: boolean
@@ -190,20 +190,20 @@ const NodeSelector: FC<NodeSelectorProps> = ({
           trigger
             ? trigger(open)
             : (
-              <div
-                className={`
+                <div
+                  className={`
                   z-10 flex h-4
                   w-4 cursor-pointer items-center justify-center rounded-full bg-components-button-primary-bg text-text-primary-on-surface hover:bg-components-button-primary-bg-hover
                   ${triggerClassName?.(open)}
                 `}
-                style={triggerStyle}
-              >
-                <Plus02 className='h-2.5 w-2.5' />
-              </div>
-            )
+                  style={triggerStyle}
+                >
+                  <Plus02 className="h-2.5 w-2.5" />
+                </div>
+              )
         }
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
+      <PortalToFollowElemContent className="z-[1000]">
         <div className={`rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg ${popupClassName}`}>
           <Tabs
             tabs={tabs}
@@ -211,8 +211,8 @@ const NodeSelector: FC<NodeSelectorProps> = ({
             blocks={blocks}
             allowStartNodeSelection={canSelectUserInput}
             onActiveTabChange={handleActiveTabChange}
-            filterElem={
-              <div className='relative m-2' onClick={e => e.stopPropagation()}>
+            filterElem={(
+              <div className="relative m-2" onClick={e => e.stopPropagation()}>
                 {activeTab === TabsEnum.Start && (
                   <SearchBox
                     autoFocus
@@ -221,7 +221,7 @@ const NodeSelector: FC<NodeSelectorProps> = ({
                     tags={tags}
                     onTagsChange={setTags}
                     placeholder={searchPlaceholder}
-                    inputClassName='grow'
+                    inputClassName="grow"
                   />
                 )}
                 {activeTab === TabsEnum.Blocks && (
@@ -254,11 +254,11 @@ const NodeSelector: FC<NodeSelectorProps> = ({
                     tags={tags}
                     onTagsChange={setTags}
                     placeholder={t('plugin.searchTools')!}
-                    inputClassName='grow'
+                    inputClassName="grow"
                   />
                 )}
               </div>
-            }
+            )}
             onSelect={handleSelect}
             searchText={searchText}
             tags={tags}
diff --git a/web/app/components/workflow/block-selector/market-place-plugin/action.tsx b/web/app/components/workflow/block-selector/market-place-plugin/action.tsx
index 3d0cc7dfe7..a23ca32b50 100644
--- a/web/app/components/workflow/block-selector/market-place-plugin/action.tsx
+++ b/web/app/components/workflow/block-selector/market-place-plugin/action.tsx
@@ -1,9 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useTheme } from 'next-themes'
-import { useTranslation } from 'react-i18next'
 import { RiMoreFill } from '@remixicon/react'
+import { useQueryClient } from '@tanstack/react-query'
+import { useTheme } from 'next-themes'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 // import Button from '@/app/components/base/button'
 import {
@@ -11,11 +12,10 @@ import {
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { cn } from '@/utils/classnames'
 import { useDownloadPlugin } from '@/service/use-plugins'
+import { cn } from '@/utils/classnames'
 import { downloadFile } from '@/utils/format'
 import { getMarketplaceUrl } from '@/utils/var'
-import { useQueryClient } from '@tanstack/react-query'
 
 type Props = {
   open: boolean
@@ -53,7 +53,8 @@ const OperationDropdown: FC<Props> = ({
   }), [author, name, version])
   const { data: blob, isLoading } = useDownloadPlugin(downloadInfo, needDownload)
   const handleDownload = useCallback(() => {
-    if (isLoading) return
+    if (isLoading)
+      return
     queryClient.removeQueries({
       queryKey: ['plugins', 'downloadPlugin', downloadInfo],
       exact: true,
@@ -76,7 +77,7 @@ const OperationDropdown: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 0,
         crossAxis: 0,
@@ -84,13 +85,13 @@ const OperationDropdown: FC<Props> = ({
     >
       <PortalToFollowElemTrigger onClick={handleTrigger}>
         <ActionButton className={cn(open && 'bg-state-base-hover')}>
-          <RiMoreFill className='h-4 w-4 text-components-button-secondary-accent-text' />
+          <RiMoreFill className="h-4 w-4 text-components-button-secondary-accent-text" />
         </ActionButton>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[9999]'>
-        <div className='min-w-[176px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
-          <div onClick={handleDownload} className='system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'>{t('common.operation.download')}</div>
-          <a href={getMarketplaceUrl(`/plugins/${author}/${name}`, { theme })} target='_blank' className='system-md-regular block cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'>{t('common.operation.viewDetails')}</a>
+      <PortalToFollowElemContent className="z-[9999]">
+        <div className="min-w-[176px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
+          <div onClick={handleDownload} className="system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover">{t('common.operation.download')}</div>
+          <a href={getMarketplaceUrl(`/plugins/${author}/${name}`, { theme })} target="_blank" className="system-md-regular block cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover">{t('common.operation.viewDetails')}</a>
         </div>
       </PortalToFollowElemContent>
     </PortalToFollowElem>
diff --git a/web/app/components/workflow/block-selector/market-place-plugin/item.tsx b/web/app/components/workflow/block-selector/market-place-plugin/item.tsx
index 711bfadc7f..18d8629260 100644
--- a/web/app/components/workflow/block-selector/market-place-plugin/item.tsx
+++ b/web/app/components/workflow/block-selector/market-place-plugin/item.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
-import Action from './action'
 import type { Plugin } from '@/app/components/plugins/types.ts'
+import { useBoolean } from 'ahooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
 import I18n from '@/context/i18n'
 import { cn } from '@/utils/classnames'
 
 import { formatNumber } from '@/utils/format'
-import { useBoolean } from 'ahooks'
+import Action from './action'
 
 enum ActionType {
   install = 'install',
@@ -36,16 +36,16 @@ const Item: FC<Props> = ({
   }] = useBoolean(false)
 
   return (
-    <div className='group/plugin flex rounded-lg py-1 pl-3 pr-1 hover:bg-state-base-hover'>
+    <div className="group/plugin flex rounded-lg py-1 pl-3 pr-1 hover:bg-state-base-hover">
       <div
-        className='relative h-6 w-6 shrink-0 rounded-md border-[0.5px] border-components-panel-border-subtle bg-contain bg-center bg-no-repeat'
+        className="relative h-6 w-6 shrink-0 rounded-md border-[0.5px] border-components-panel-border-subtle bg-contain bg-center bg-no-repeat"
         style={{ backgroundImage: `url(${payload.icon})` }}
       />
-      <div className='ml-2 flex w-0 grow'>
-        <div className='w-0 grow'>
-          <div className='system-sm-medium h-4 truncate leading-4 text-text-primary '>{getLocalizedText(payload.label)}</div>
-          <div className='system-xs-regular h-5 truncate leading-5 text-text-tertiary'>{getLocalizedText(payload.brief)}</div>
-          <div className='system-xs-regular flex space-x-1 text-text-tertiary'>
+      <div className="ml-2 flex w-0 grow">
+        <div className="w-0 grow">
+          <div className="system-sm-medium h-4 truncate leading-4 text-text-primary ">{getLocalizedText(payload.label)}</div>
+          <div className="system-xs-regular h-5 truncate leading-5 text-text-tertiary">{getLocalizedText(payload.brief)}</div>
+          <div className="system-xs-regular flex space-x-1 text-text-tertiary">
             <div>{payload.org}</div>
             <div>·</div>
             <div>{t('plugin.install', { num: formatNumber(payload.install_count || 0) })}</div>
@@ -54,7 +54,7 @@ const Item: FC<Props> = ({
         {/* Action */}
         <div className={cn(!open ? 'hidden' : 'flex', 'system-xs-medium h-4 items-center space-x-1 text-components-button-secondary-accent-text group-hover/plugin:flex')}>
           <div
-            className='cursor-pointer rounded-md px-1.5 py-0.5 hover:bg-state-base-hover'
+            className="cursor-pointer rounded-md px-1.5 py-0.5 hover:bg-state-base-hover"
             onClick={showInstallModal}
           >
             {t('plugin.installAction')}
diff --git a/web/app/components/workflow/block-selector/market-place-plugin/list.tsx b/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
index b2097c72cf..58724b4621 100644
--- a/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
+++ b/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { useEffect, useImperativeHandle, useMemo, useRef } from 'react'
 import type { RefObject } from 'react'
-import { useTranslation } from 'react-i18next'
-import useStickyScroll, { ScrollPosition } from '../use-sticky-scroll'
-import Item from './item'
 import type { Plugin, PluginCategoryEnum } from '@/app/components/plugins/types'
-import { cn } from '@/utils/classnames'
-import Link from 'next/link'
 import { RiArrowRightUpLine, RiSearchLine } from '@remixicon/react'
 import { noop } from 'lodash-es'
+import Link from 'next/link'
+import { useEffect, useImperativeHandle, useMemo, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import { getMarketplaceUrl } from '@/utils/var'
+import useStickyScroll, { ScrollPosition } from '../use-sticky-scroll'
+import Item from './item'
 
 export type ListProps = {
   wrapElemRef: React.RefObject<HTMLElement | null>
@@ -79,12 +79,12 @@ const List = ({
 
     return (
       <Link
-        className='system-sm-medium sticky bottom-0 z-10 flex h-8 cursor-pointer items-center rounded-b-lg border-[0.5px] border-t border-components-panel-border bg-components-panel-bg-blur px-4 py-1 text-text-accent-light-mode-only shadow-lg'
+        className="system-sm-medium sticky bottom-0 z-10 flex h-8 cursor-pointer items-center rounded-b-lg border-[0.5px] border-t border-components-panel-border bg-components-panel-bg-blur px-4 py-1 text-text-accent-light-mode-only shadow-lg"
         href={getMarketplaceUrl('', { category })}
-        target='_blank'
+        target="_blank"
       >
         <span>{t('plugin.findMoreInMarketplace')}</span>
-        <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />
+        <RiArrowRightUpLine className="ml-0.5 h-3 w-3" />
       </Link>
     )
   }
@@ -101,12 +101,12 @@ const List = ({
           <span>{t('plugin.fromMarketplace')}</span>
           <Link
             href={urlWithSearchText}
-            target='_blank'
-            className='flex items-center text-text-accent-light-mode-only'
+            target="_blank"
+            className="flex items-center text-text-accent-light-mode-only"
             onClick={e => e.stopPropagation()}
           >
             <span>{t('plugin.searchInMarketplace')}</span>
-            <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />
+            <RiArrowRightUpLine className="ml-0.5 h-3 w-3" />
           </Link>
         </div>
       )}
@@ -119,14 +119,14 @@ const List = ({
           />
         ))}
         {hasRes && (
-          <div className='mb-3 mt-2 flex items-center justify-center space-x-2'>
+          <div className="mb-3 mt-2 flex items-center justify-center space-x-2">
             <div className="h-[2px] w-[90px] bg-gradient-to-l from-[rgba(16,24,40,0.08)] to-[rgba(255,255,255,0.01)]"></div>
             <Link
               href={urlWithSearchText}
-              target='_blank'
-              className='system-sm-medium flex h-4 shrink-0 items-center text-text-accent-light-mode-only'
+              target="_blank"
+              className="system-sm-medium flex h-4 shrink-0 items-center text-text-accent-light-mode-only"
             >
-              <RiSearchLine className='mr-0.5 h-3 w-3' />
+              <RiSearchLine className="mr-0.5 h-3 w-3" />
               <span>{t('plugin.searchInMarketplace')}</span>
             </Link>
             <div className="h-[2px] w-[90px] bg-gradient-to-l from-[rgba(255,255,255,0.01)] to-[rgba(16,24,40,0.08)]"></div>
diff --git a/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx b/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
index 47b158b9b2..e9255917aa 100644
--- a/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
+++ b/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { Dispatch, SetStateAction } from 'react'
+import type { ViewType } from '@/app/components/workflow/block-selector/view-type-select'
+import type { OnSelectBlock } from '@/app/components/workflow/types'
+import { RiMoreLine } from '@remixicon/react'
+import Link from 'next/link'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import type { OnSelectBlock } from '@/app/components/workflow/types'
-import type { ViewType } from '@/app/components/workflow/block-selector/view-type-select'
-import { RiMoreLine } from '@remixicon/react'
-import Loading from '@/app/components/base/loading'
-import Link from 'next/link'
-import { getMarketplaceUrl } from '@/utils/var'
-import { useRAGRecommendedPlugins } from '@/service/use-tools'
-import List from './list'
-import { getFormattedPlugin } from '@/app/components/plugins/marketplace/utils'
 import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/arrows'
+import Loading from '@/app/components/base/loading'
+import { getFormattedPlugin } from '@/app/components/plugins/marketplace/utils'
+import { useRAGRecommendedPlugins } from '@/service/use-tools'
+import { getMarketplaceUrl } from '@/utils/var'
+import List from './list'
 
 type RAGToolRecommendationsProps = {
   viewType: ViewType
@@ -75,33 +75,33 @@ const RAGToolRecommendations = ({
   }, [onTagsChange])
 
   return (
-    <div className='flex flex-col p-1'>
+    <div className="flex flex-col p-1">
       <button
-        type='button'
-        className='flex w-full items-center rounded-md px-3 pb-0.5 pt-1 text-left text-text-tertiary'
+        type="button"
+        className="flex w-full items-center rounded-md px-3 pb-0.5 pt-1 text-left text-text-tertiary"
         onClick={() => setIsCollapsed(prev => !prev)}
       >
-        <span className='system-xs-medium text-text-tertiary'>{t('pipeline.ragToolSuggestions.title')}</span>
+        <span className="system-xs-medium text-text-tertiary">{t('pipeline.ragToolSuggestions.title')}</span>
         <ArrowDownRoundFill className={`ml-1 h-4 w-4 text-text-tertiary transition-transform ${isCollapsed ? '-rotate-90' : 'rotate-0'}`} />
       </button>
       {!isCollapsed && (
         <>
           {/* For first time loading, show loading */}
           {isLoadingRAGRecommendedPlugins && (
-            <div className='py-2'>
-              <Loading type='app' />
+            <div className="py-2">
+              <Loading type="app" />
             </div>
           )}
           {!isFetchingRAGRecommendedPlugins && recommendedPlugins.length === 0 && unInstalledPlugins.length === 0 && (
-            <p className='system-xs-regular px-3 py-1 text-text-tertiary'>
+            <p className="system-xs-regular px-3 py-1 text-text-tertiary">
               <Trans
-                i18nKey='pipeline.ragToolSuggestions.noRecommendationPlugins'
+                i18nKey="pipeline.ragToolSuggestions.noRecommendationPlugins"
                 components={{
                   CustomLink: (
                     <Link
-                      className='text-text-accent'
-                      target='_blank'
-                      rel='noopener noreferrer'
+                      className="text-text-accent"
+                      target="_blank"
+                      rel="noopener noreferrer"
                       href={getMarketplaceUrl('', { tags: 'rag' })}
                     />
                   ),
@@ -118,13 +118,13 @@ const RAGToolRecommendations = ({
                 viewType={viewType}
               />
               <div
-                className='flex cursor-pointer items-center gap-x-2 py-1 pl-3 pr-2'
+                className="flex cursor-pointer items-center gap-x-2 py-1 pl-3 pr-2"
                 onClick={loadMore}
               >
-                <div className='px-1'>
-                  <RiMoreLine className='size-4 text-text-tertiary' />
+                <div className="px-1">
+                  <RiMoreLine className="size-4 text-text-tertiary" />
                 </div>
-                <div className='system-xs-regular text-text-tertiary'>
+                <div className="system-xs-regular text-text-tertiary">
                   {t('common.operation.more')}
                 </div>
               </div>
diff --git a/web/app/components/workflow/block-selector/rag-tool-recommendations/list.tsx b/web/app/components/workflow/block-selector/rag-tool-recommendations/list.tsx
index 2012d03598..a3babd0953 100644
--- a/web/app/components/workflow/block-selector/rag-tool-recommendations/list.tsx
+++ b/web/app/components/workflow/block-selector/rag-tool-recommendations/list.tsx
@@ -1,15 +1,15 @@
-import { useCallback, useMemo, useRef } from 'react'
 import type { BlockEnum, ToolWithProvider } from '../../types'
 import type { ToolDefaultValue } from '../types'
-import { ViewType } from '../view-type-select'
-import { useGetLanguage } from '@/context/i18n'
-import { groupItems } from '../index-bar'
-import { cn } from '@/utils/classnames'
-import ToolListTreeView from '../tool/tool-list-tree-view/list'
-import ToolListFlatView from '../tool/tool-list-flat-view/list'
-import UninstalledItem from './uninstalled-item'
 import type { Plugin } from '@/app/components/plugins/types'
 import type { OnSelectBlock } from '@/app/components/workflow/types'
+import { useCallback, useMemo, useRef } from 'react'
+import { useGetLanguage } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
+import { groupItems } from '../index-bar'
+import ToolListFlatView from '../tool/tool-list-flat-view/list'
+import ToolListTreeView from '../tool/tool-list-tree-view/list'
+import { ViewType } from '../view-type-select'
+import UninstalledItem from './uninstalled-item'
 
 type ListProps = {
   onSelect: OnSelectBlock
@@ -67,25 +67,27 @@ const List = ({
   return (
     <div className={cn('max-w-[100%] p-1', className)}>
       {!!tools.length && (
-        isFlatView ? (
-          <ToolListFlatView
-            toolRefs={toolRefs}
-            letters={letters}
-            payload={listViewToolData}
-            isShowLetterIndex={false}
-            hasSearchText={false}
-            onSelect={handleSelect}
-            canNotSelectMultiple
-            indexBar={null}
-          />
-        ) : (
-          <ToolListTreeView
-            payload={treeViewToolsData}
-            hasSearchText={false}
-            onSelect={handleSelect}
-            canNotSelectMultiple
-          />
-        )
+        isFlatView
+          ? (
+              <ToolListFlatView
+                toolRefs={toolRefs}
+                letters={letters}
+                payload={listViewToolData}
+                isShowLetterIndex={false}
+                hasSearchText={false}
+                onSelect={handleSelect}
+                canNotSelectMultiple
+                indexBar={null}
+              />
+            )
+          : (
+              <ToolListTreeView
+                payload={treeViewToolsData}
+                hasSearchText={false}
+                onSelect={handleSelect}
+                canNotSelectMultiple
+              />
+            )
       )}
       {
         unInstalledPlugins.map((item) => {
diff --git a/web/app/components/workflow/block-selector/rag-tool-recommendations/uninstalled-item.tsx b/web/app/components/workflow/block-selector/rag-tool-recommendations/uninstalled-item.tsx
index 98395ec25a..9a351c4eff 100644
--- a/web/app/components/workflow/block-selector/rag-tool-recommendations/uninstalled-item.tsx
+++ b/web/app/components/workflow/block-selector/rag-tool-recommendations/uninstalled-item.tsx
@@ -1,13 +1,13 @@
 'use client'
-import React from 'react'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
 import type { Plugin } from '@/app/components/plugins/types'
+import { useBoolean } from 'ahooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
 import InstallFromMarketplace from '@/app/components/plugins/install-plugin/install-from-marketplace'
 import I18n from '@/context/i18n'
-import { useBoolean } from 'ahooks'
-import { BlockEnum } from '../../types'
 import BlockIcon from '../../block-icon'
+import { BlockEnum } from '../../types'
 
 type UninstalledItemProps = {
   payload: Plugin
@@ -27,23 +27,23 @@ const UninstalledItem = ({
   }] = useBoolean(false)
 
   return (
-    <div className='flex h-8 items-center rounded-lg pl-3 pr-2 hover:bg-state-base-hover'>
+    <div className="flex h-8 items-center rounded-lg pl-3 pr-2 hover:bg-state-base-hover">
       <BlockIcon
-        className='shrink-0'
+        className="shrink-0"
         type={BlockEnum.Tool}
         toolIcon={payload.icon}
       />
-      <div className='ml-2 flex w-0 grow items-center'>
-        <div className='flex w-0 grow items-center gap-x-2'>
-          <span className='system-sm-regular truncate text-text-primary'>
+      <div className="ml-2 flex w-0 grow items-center">
+        <div className="flex w-0 grow items-center gap-x-2">
+          <span className="system-sm-regular truncate text-text-primary">
             {getLocalizedText(payload.label)}
           </span>
-          <span className='system-xs-regular text-text-quaternary'>
+          <span className="system-xs-regular text-text-quaternary">
             {payload.org}
           </span>
         </div>
         <div
-          className='system-xs-medium cursor-pointer pl-1.5 text-components-button-secondary-accent-text'
+          className="system-xs-medium cursor-pointer pl-1.5 text-components-button-secondary-accent-text"
           onClick={showInstallModal}
         >
           {t('plugin.installAction')}
diff --git a/web/app/components/workflow/block-selector/start-blocks.tsx b/web/app/components/workflow/block-selector/start-blocks.tsx
index 07404460be..5c4311b805 100644
--- a/web/app/components/workflow/block-selector/start-blocks.tsx
+++ b/web/app/components/workflow/block-selector/start-blocks.tsx
@@ -1,19 +1,19 @@
+import type { BlockEnum, CommonNodeType } from '../types'
+import type { TriggerDefaultValue } from './types'
 import {
   memo,
   useCallback,
   useEffect,
   useMemo,
 } from 'react'
-import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+import { useAvailableNodesMetaData } from '../../workflow-app/hooks'
 import BlockIcon from '../block-icon'
-import type { BlockEnum, CommonNodeType } from '../types'
 import { BlockEnum as BlockEnumValues } from '../types'
 // import { useNodeMetaData } from '../hooks'
 import { START_BLOCKS } from './constants'
-import type { TriggerDefaultValue } from './types'
-import Tooltip from '@/app/components/base/tooltip'
-import { useAvailableNodesMetaData } from '../../workflow-app/hooks'
 
 type StartBlocksProps = {
   searchText: string
@@ -67,48 +67,49 @@ const StartBlocks = ({
     onContentStateChange?.(!isEmpty)
   }, [isEmpty, onContentStateChange])
 
-  const renderBlock = useCallback((block: { type: BlockEnum; title: string; description?: string }) => (
+  const renderBlock = useCallback((block: { type: BlockEnum, title: string, description?: string }) => (
     <Tooltip
       key={block.type}
-      position='right'
-      popupClassName='w-[224px] rounded-xl'
+      position="right"
+      popupClassName="w-[224px] rounded-xl"
       needsDelay={false}
       popupContent={(
         <div>
           <BlockIcon
-            size='md'
-            className='mb-2'
+            size="md"
+            className="mb-2"
             type={block.type}
           />
-          <div className='system-md-medium mb-1 text-text-primary'>
+          <div className="system-md-medium mb-1 text-text-primary">
             {block.type === BlockEnumValues.TriggerWebhook
               ? t('workflow.customWebhook')
-              : t(`workflow.blocks.${block.type}`)
-            }
+              : t(`workflow.blocks.${block.type}`)}
           </div>
-          <div className='system-xs-regular text-text-secondary'>
+          <div className="system-xs-regular text-text-secondary">
             {t(`workflow.blocksAbout.${block.type}`)}
           </div>
           {(block.type === BlockEnumValues.TriggerWebhook || block.type === BlockEnumValues.TriggerSchedule) && (
-            <div className='system-xs-regular mb-1 mt-1 text-text-tertiary'>
-              {t('tools.author')} {t('workflow.difyTeam')}
+            <div className="system-xs-regular mb-1 mt-1 text-text-tertiary">
+              {t('tools.author')}
+              {' '}
+              {t('workflow.difyTeam')}
             </div>
           )}
         </div>
       )}
     >
       <div
-        className='flex h-8 w-full cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover'
+        className="flex h-8 w-full cursor-pointer items-center rounded-lg px-3 hover:bg-state-base-hover"
         onClick={() => onSelect(block.type)}
       >
         <BlockIcon
-          className='mr-2 shrink-0'
+          className="mr-2 shrink-0"
           type={block.type}
         />
-        <div className='flex w-0 grow items-center justify-between text-sm text-text-secondary'>
-          <span className='truncate'>{t(`workflow.blocks.${block.type}`)}</span>
+        <div className="flex w-0 grow items-center justify-between text-sm text-text-secondary">
+          <span className="truncate">{t(`workflow.blocks.${block.type}`)}</span>
           {block.type === BlockEnumValues.Start && (
-            <span className='system-xs-regular ml-2 shrink-0 text-text-quaternary'>{t('workflow.blocks.originalStartNode')}</span>
+            <span className="system-xs-regular ml-2 shrink-0 text-text-quaternary">{t('workflow.blocks.originalStartNode')}</span>
           )}
         </div>
       </div>
@@ -119,14 +120,14 @@ const StartBlocks = ({
     return null
 
   return (
-    <div className='p-1'>
-      <div className='mb-1'>
+    <div className="p-1">
+      <div className="mb-1">
         {filteredBlocks.map((block, index) => (
           <div key={block.type}>
             {renderBlock(block)}
             {block.type === BlockEnumValues.Start && index < filteredBlocks.length - 1 && (
-              <div className='my-1 px-3'>
-                <div className='border-t border-divider-subtle' />
+              <div className="my-1 px-3">
+                <div className="border-t border-divider-subtle" />
               </div>
             )}
           </div>
diff --git a/web/app/components/workflow/block-selector/tabs.tsx b/web/app/components/workflow/block-selector/tabs.tsx
index 0367208cfe..6b54122142 100644
--- a/web/app/components/workflow/block-selector/tabs.tsx
+++ b/web/app/components/workflow/block-selector/tabs.tsx
@@ -1,24 +1,24 @@
 import type { Dispatch, FC, SetStateAction } from 'react'
-import { memo, useEffect, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useAllBuiltInTools, useAllCustomTools, useAllMCPTools, useAllWorkflowTools, useInvalidateAllBuiltInTools } from '@/service/use-tools'
 import type {
   BlockEnum,
   NodeDefault,
   OnSelectBlock,
   ToolWithProvider,
 } from '../types'
-import { TabsEnum } from './types'
-import Blocks from './blocks'
+import { memo, useEffect, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useFeaturedToolsRecommendations } from '@/service/use-plugins'
+import { useAllBuiltInTools, useAllCustomTools, useAllMCPTools, useAllWorkflowTools, useInvalidateAllBuiltInTools } from '@/service/use-tools'
+import { cn } from '@/utils/classnames'
+import { basePath } from '@/utils/var'
+import { useWorkflowStore } from '../store'
 import AllStartBlocks from './all-start-blocks'
 import AllTools from './all-tools'
+import Blocks from './blocks'
 import DataSources from './data-sources'
-import { cn } from '@/utils/classnames'
-import { useFeaturedToolsRecommendations } from '@/service/use-plugins'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { useWorkflowStore } from '../store'
-import { basePath } from '@/utils/var'
-import Tooltip from '@/app/components/base/tooltip'
+import { TabsEnum } from './types'
 
 export type TabsProps = {
   activeTab: TabsEnum
@@ -129,7 +129,7 @@ const Tabs: FC<TabsProps> = ({
     <div onClick={e => e.stopPropagation()}>
       {
         !noBlocks && (
-          <div className='relative flex bg-background-section-burn pl-1 pt-1'>
+          <div className="relative flex bg-background-section-burn pl-1 pt-1">
             {
               tabs.map((tab) => {
                 const commonProps = {
@@ -152,8 +152,8 @@ const Tabs: FC<TabsProps> = ({
                   return (
                     <Tooltip
                       key={tab.key}
-                      position='top'
-                      popupClassName='max-w-[200px]'
+                      position="top"
+                      popupClassName="max-w-[200px]"
                       popupContent={t('workflow.tabs.startDisabledTip')}
                     >
                       <div {...commonProps}>
@@ -178,7 +178,7 @@ const Tabs: FC<TabsProps> = ({
       {filterElem}
       {
         activeTab === TabsEnum.Start && (!noBlocks || forceShowStartContent) && (
-          <div className='border-t border-divider-subtle'>
+          <div className="border-t border-divider-subtle">
             <AllStartBlocks
               allowUserInputSelection={allowStartNodeSelection}
               searchText={searchText}
@@ -191,7 +191,7 @@ const Tabs: FC<TabsProps> = ({
       }
       {
         activeTab === TabsEnum.Blocks && !noBlocks && (
-          <div className='border-t border-divider-subtle'>
+          <div className="border-t border-divider-subtle">
             <Blocks
               searchText={searchText}
               onSelect={onSelect}
@@ -203,7 +203,7 @@ const Tabs: FC<TabsProps> = ({
       }
       {
         activeTab === TabsEnum.Sources && !!dataSources.length && (
-          <div className='border-t border-divider-subtle'>
+          <div className="border-t border-divider-subtle">
             <DataSources
               searchText={searchText}
               onSelect={onSelect}
diff --git a/web/app/components/workflow/block-selector/tool-picker.tsx b/web/app/components/workflow/block-selector/tool-picker.tsx
index c10496006d..cbb8d5a01e 100644
--- a/web/app/components/workflow/block-selector/tool-picker.tsx
+++ b/web/app/components/workflow/block-selector/tool-picker.tsx
@@ -1,28 +1,29 @@
 'use client'
+import type {
+  OffsetOptions,
+  Placement,
+} from '@floating-ui/react'
 import type { FC } from 'react'
-import React from 'react'
-import { useMemo, useState } from 'react'
+import type { ToolDefaultValue, ToolValue } from './types'
+import type { CustomCollectionBackend } from '@/app/components/tools/types'
+import type { BlockEnum, OnSelectBlock } from '@/app/components/workflow/types'
+import { useBoolean } from 'ahooks'
+import React, { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type {
-  OffsetOptions,
-  Placement,
-} from '@floating-ui/react'
-import AllTools from '@/app/components/workflow/block-selector/all-tools'
-import type { ToolDefaultValue, ToolValue } from './types'
-import type { BlockEnum, OnSelectBlock } from '@/app/components/workflow/types'
+import Toast from '@/app/components/base/toast'
 import SearchBox from '@/app/components/plugins/marketplace/search-box'
-import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
 import EditCustomToolModal from '@/app/components/tools/edit-custom-collection-modal'
+import AllTools from '@/app/components/workflow/block-selector/all-tools'
+import { useGlobalPublicStore } from '@/context/global-public-context'
 import {
   createCustomCollection,
 } from '@/service/tools'
-import type { CustomCollectionBackend } from '@/app/components/tools/types'
-import Toast from '@/app/components/base/toast'
+import { useFeaturedToolsRecommendations } from '@/service/use-plugins'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
@@ -33,8 +34,6 @@ import {
   useInvalidateAllMCPTools,
   useInvalidateAllWorkflowTools,
 } from '@/service/use-tools'
-import { useFeaturedToolsRecommendations } from '@/service/use-plugins'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -119,7 +118,8 @@ const ToolPicker: FC<Props> = ({
   const handleAddedCustomTool = invalidateCustomTools
 
   const handleTriggerClick = () => {
-    if (disabled) return
+    if (disabled)
+      return
     onShowChange(true)
   }
 
@@ -149,7 +149,7 @@ const ToolPicker: FC<Props> = ({
   if (isShowEditCollectionToolModal) {
     return (
       <EditCustomToolModal
-        dialogClassName='bg-background-overlay'
+        dialogClassName="bg-background-overlay"
         payload={null}
         onHide={hideEditCustomCollectionModal}
         onAdd={doCreateCustomToolCollection}
@@ -170,9 +170,9 @@ const ToolPicker: FC<Props> = ({
         {trigger}
       </PortalToFollowElemTrigger>
 
-      <PortalToFollowElemContent className='z-[1000]'>
+      <PortalToFollowElemContent className="z-[1000]">
         <div className={cn('relative min-h-20 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm', panelClassName)}>
-          <div className='p-2 pb-1'>
+          <div className="p-2 pb-1">
             <SearchBox
               search={searchText}
               onSearchChange={setSearchText}
@@ -182,12 +182,12 @@ const ToolPicker: FC<Props> = ({
               supportAddCustomTool={supportAddCustomTool}
               onAddedCustomTool={handleAddedCustomTool}
               onShowAddCustomCollectionModal={showEditCustomCollectionModal}
-              inputClassName='grow'
+              inputClassName="grow"
             />
           </div>
           <AllTools
-            className='mt-1'
-            toolContentClassName='max-w-[100%]'
+            className="mt-1"
+            toolContentClassName="max-w-[100%]"
             tags={tags}
             searchText={searchText}
             onSelect={handleSelect as OnSelectBlock}
diff --git a/web/app/components/workflow/block-selector/tool/action-item.tsx b/web/app/components/workflow/block-selector/tool/action-item.tsx
index 617a28ade2..60fac5e701 100644
--- a/web/app/components/workflow/block-selector/tool/action-item.tsx
+++ b/web/app/components/workflow/block-selector/tool/action-item.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import React, { useMemo } from 'react'
 import type { ToolWithProvider } from '../../types'
-import { BlockEnum } from '../../types'
 import type { ToolDefaultValue } from '../types'
-import Tooltip from '@/app/components/base/tooltip'
 import type { Tool } from '@/app/components/tools/types'
-import { useGetLanguage } from '@/context/i18n'
-import BlockIcon from '../../block-icon'
-import { cn } from '@/utils/classnames'
+import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
+import { trackEvent } from '@/app/components/base/amplitude'
+import Tooltip from '@/app/components/base/tooltip'
+import { useGetLanguage } from '@/context/i18n'
 import useTheme from '@/hooks/use-theme'
 import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { basePath } from '@/utils/var'
-import { trackEvent } from '@/app/components/base/amplitude'
+import BlockIcon from '../../block-icon'
+import { BlockEnum } from '../../types'
 
 const normalizeProviderIcon = (icon?: ToolWithProvider['icon']) => {
   if (!icon)
@@ -59,27 +59,28 @@ const ToolItem: FC<Props> = ({
   return (
     <Tooltip
       key={payload.name}
-      position='right'
+      position="right"
       needsDelay={false}
-      popupClassName='!p-0 !px-3 !py-2.5 !w-[200px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg'
+      popupClassName="!p-0 !px-3 !py-2.5 !w-[200px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg"
       popupContent={(
         <div>
           <BlockIcon
-            size='md'
-            className='mb-2'
+            size="md"
+            className="mb-2"
             type={BlockEnum.Tool}
             toolIcon={providerIcon}
           />
-          <div className='mb-1 text-sm leading-5 text-text-primary'>{payload.label[language]}</div>
-          <div className='text-xs leading-[18px] text-text-secondary'>{payload.description[language]}</div>
+          <div className="mb-1 text-sm leading-5 text-text-primary">{payload.label[language]}</div>
+          <div className="text-xs leading-[18px] text-text-secondary">{payload.description[language]}</div>
         </div>
       )}
     >
       <div
         key={payload.name}
-        className='flex cursor-pointer items-center justify-between rounded-lg pl-[21px] pr-1 hover:bg-state-base-hover'
+        className="flex cursor-pointer items-center justify-between rounded-lg pl-[21px] pr-1 hover:bg-state-base-hover"
         onClick={() => {
-          if (disabled) return
+          if (disabled)
+            return
           const params: Record<string, string> = {}
           if (payload.parameters) {
             payload.parameters.forEach((item) => {
@@ -113,10 +114,10 @@ const ToolItem: FC<Props> = ({
           <span className={cn(disabled && 'opacity-30')}>{payload.label[language]}</span>
         </div>
         {isAdded && (
-          <div className='system-xs-regular mr-4 text-text-tertiary'>{t('tools.addToolModal.added')}</div>
+          <div className="system-xs-regular mr-4 text-text-tertiary">{t('tools.addToolModal.added')}</div>
         )}
       </div>
-    </Tooltip >
+    </Tooltip>
   )
 }
 export default React.memo(ToolItem)
diff --git a/web/app/components/workflow/block-selector/tool/tool-list-flat-view/list.tsx b/web/app/components/workflow/block-selector/tool/tool-list-flat-view/list.tsx
index 510d6f2f4b..54eb050e06 100644
--- a/web/app/components/workflow/block-selector/tool/tool-list-flat-view/list.tsx
+++ b/web/app/components/workflow/block-selector/tool/tool-list-flat-view/list.tsx
@@ -1,12 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import type { ToolWithProvider } from '../../../types'
-import type { BlockEnum } from '../../../types'
+import type { BlockEnum, ToolWithProvider } from '../../../types'
 import type { ToolDefaultValue, ToolValue } from '../../types'
-import Tool from '../tool'
+import React, { useMemo } from 'react'
 import { ViewType } from '../../view-type-select'
-import { useMemo } from 'react'
+import Tool from '../tool'
 
 type Props = {
   payload: ToolWithProvider[]
@@ -45,8 +43,8 @@ const ToolViewFlatView: FC<Props> = ({
     return res
   }, [payload, letters])
   return (
-    <div className='flex w-full'>
-      <div className='mr-1 grow'>
+    <div className="flex w-full">
+      <div className="mr-1 grow">
         {payload.map(tool => (
           <div
             key={tool.id}
diff --git a/web/app/components/workflow/block-selector/tool/tool-list-tree-view/item.tsx b/web/app/components/workflow/block-selector/tool/tool-list-tree-view/item.tsx
index a2833646f3..64a376e394 100644
--- a/web/app/components/workflow/block-selector/tool/tool-list-tree-view/item.tsx
+++ b/web/app/components/workflow/block-selector/tool/tool-list-tree-view/item.tsx
@@ -1,11 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import type { ToolWithProvider } from '../../../types'
-import Tool from '../tool'
-import type { BlockEnum } from '../../../types'
-import { ViewType } from '../../view-type-select'
+import type { BlockEnum, ToolWithProvider } from '../../../types'
 import type { ToolDefaultValue, ToolValue } from '../../types'
+import React from 'react'
+import { ViewType } from '../../view-type-select'
+import Tool from '../tool'
 
 type Props = {
   groupName: string
@@ -30,7 +29,7 @@ const Item: FC<Props> = ({
 }) => {
   return (
     <div>
-      <div className='flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary'>
+      <div className="flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary">
         {groupName}
       </div>
       <div>
diff --git a/web/app/components/workflow/block-selector/tool/tool-list-tree-view/list.tsx b/web/app/components/workflow/block-selector/tool/tool-list-tree-view/list.tsx
index 162b816069..0f790ab036 100644
--- a/web/app/components/workflow/block-selector/tool/tool-list-tree-view/list.tsx
+++ b/web/app/components/workflow/block-selector/tool/tool-list-tree-view/list.tsx
@@ -1,12 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import type { ToolWithProvider } from '../../../types'
-import type { BlockEnum } from '../../../types'
+import type { BlockEnum, ToolWithProvider } from '../../../types'
 import type { ToolDefaultValue, ToolValue } from '../../types'
-import Item from './item'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { AGENT_GROUP_NAME, CUSTOM_GROUP_NAME, WORKFLOW_GROUP_NAME } from '../../index-bar'
+import Item from './item'
 
 type Props = {
   payload: Record<string, ToolWithProvider[]>
@@ -41,7 +40,8 @@ const ToolListTreeView: FC<Props> = ({
     return name
   }, [t])
 
-  if (!payload) return null
+  if (!payload)
+    return null
 
   return (
     <div>
diff --git a/web/app/components/workflow/block-selector/tool/tool.tsx b/web/app/components/workflow/block-selector/tool/tool.tsx
index 622b06734b..366059b311 100644
--- a/web/app/components/workflow/block-selector/tool/tool.tsx
+++ b/web/app/components/workflow/block-selector/tool/tool.tsx
@@ -1,24 +1,24 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef } from 'react'
-import { cn } from '@/utils/classnames'
-import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
-import { useGetLanguage } from '@/context/i18n'
 import type { Tool as ToolType } from '../../../tools/types'
-import { CollectionType } from '../../../tools/types'
 import type { ToolWithProvider } from '../../types'
-import { BlockEnum } from '../../types'
 import type { ToolDefaultValue, ToolValue } from '../types'
-import { ViewType } from '../view-type-select'
-import ActionItem from './action-item'
-import BlockIcon from '../../block-icon'
-import { useTranslation } from 'react-i18next'
+import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
 import { useHover } from 'ahooks'
+import React, { useCallback, useEffect, useMemo, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Mcp } from '@/app/components/base/icons/src/vender/other'
+import { useGetLanguage } from '@/context/i18n'
 import useTheme from '@/hooks/use-theme'
 import { Theme } from '@/types/app'
-import McpToolNotSupportTooltip from '../../nodes/_base/components/mcp-tool-not-support-tooltip'
-import { Mcp } from '@/app/components/base/icons/src/vender/other'
+import { cn } from '@/utils/classnames'
 import { basePath } from '@/utils/var'
+import { CollectionType } from '../../../tools/types'
+import BlockIcon from '../../block-icon'
+import McpToolNotSupportTooltip from '../../nodes/_base/components/mcp-tool-not-support-tooltip'
+import { BlockEnum } from '../../types'
+import { ViewType } from '../view-type-select'
+import ActionItem from './action-item'
 
 const normalizeProviderIcon = (icon?: ToolWithProvider['icon']) => {
   if (!icon)
@@ -78,7 +78,8 @@ const Tool: FC<Props> = ({
     return normalizedIcon
   }, [theme, normalizedIcon, normalizedIconDark])
   const getIsDisabled = useCallback((tool: ToolType) => {
-    if (!selectedTools || !selectedTools.length) return false
+    if (!selectedTools || !selectedTools.length)
+      return false
     return selectedTools.some(selectedTool => (selectedTool.provider_name === payload.name || selectedTool.provider_name === payload.id) && selectedTool.tool_name === tool.name)
   }, [payload.id, payload.name, selectedTools])
 
@@ -89,7 +90,7 @@ const Tool: FC<Props> = ({
   const notShowProviderSelectInfo = useMemo(() => {
     if (isAllSelected) {
       return (
-        <span className='system-xs-regular text-text-tertiary'>
+        <span className="system-xs-regular text-text-tertiary">
           {t('tools.addToolModal.added')}
         </span>
       )
@@ -98,7 +99,8 @@ const Tool: FC<Props> = ({
   const selectedInfo = useMemo(() => {
     if (isHovering && !isAllSelected) {
       return (
-        <span className='system-xs-regular text-components-button-secondary-accent-text'
+        <span
+          className="system-xs-regular text-components-button-secondary-accent-text"
           onClick={() => {
             onSelectMultiple?.(BlockEnum.Tool, actions.filter(action => !getIsDisabled(action)).map((tool) => {
               const params: Record<string, string> = {}
@@ -135,11 +137,10 @@ const Tool: FC<Props> = ({
       return <></>
 
     return (
-      <span className='system-xs-regular text-text-tertiary'>
+      <span className="system-xs-regular text-text-tertiary">
         {isAllSelected
           ? t('workflow.tabs.allAdded')
-          : `${selectedToolsNum} / ${totalToolsNum}`
-        }
+          : `${selectedToolsNum} / ${totalToolsNum}`}
       </span>
     )
   }, [actions, getIsDisabled, isAllSelected, isHovering, language, onSelectMultiple, payload.id, payload.is_team_authorization, payload.name, payload.type, selectedToolsNum, t, totalToolsNum])
@@ -176,7 +177,7 @@ const Tool: FC<Props> = ({
     >
       <div className={cn(className)}>
         <div
-          className='group/item flex w-full cursor-pointer select-none items-center justify-between rounded-lg pl-3 pr-1 hover:bg-state-base-hover'
+          className="group/item flex w-full cursor-pointer select-none items-center justify-between rounded-lg pl-3 pr-1 hover:bg-state-base-hover"
           onClick={() => {
             if (hasAction) {
               setFold(!isFold)
@@ -210,20 +211,20 @@ const Tool: FC<Props> = ({
         >
           <div className={cn('flex h-8 grow items-center', isShowCanNotChooseMCPTip && 'opacity-30')}>
             <BlockIcon
-              className='shrink-0'
+              className="shrink-0"
               type={BlockEnum.Tool}
               toolIcon={providerIcon}
             />
-            <div className='ml-2 flex w-0 grow items-center text-sm text-text-primary'>
-              <span className='max-w-[250px] truncate'>{notShowProvider ? actions[0]?.label[language] : payload.label[language]}</span>
+            <div className="ml-2 flex w-0 grow items-center text-sm text-text-primary">
+              <span className="max-w-[250px] truncate">{notShowProvider ? actions[0]?.label[language] : payload.label[language]}</span>
               {isFlatView && groupName && (
-                <span className='system-xs-regular ml-2 shrink-0 text-text-quaternary'>{groupName}</span>
+                <span className="system-xs-regular ml-2 shrink-0 text-text-quaternary">{groupName}</span>
               )}
-              {isMCPTool && <Mcp className='ml-2 size-3.5 shrink-0 text-text-quaternary' />}
+              {isMCPTool && <Mcp className="ml-2 size-3.5 shrink-0 text-text-quaternary" />}
             </div>
           </div>
 
-          <div className='ml-2 flex items-center'>
+          <div className="ml-2 flex items-center">
             {!isShowCanNotChooseMCPTip && !canNotSelectMultiple && (notShowProvider ? notShowProviderSelectInfo : selectedInfo)}
             {isShowCanNotChooseMCPTip && <McpToolNotSupportTooltip />}
             {hasAction && (
diff --git a/web/app/components/workflow/block-selector/tools.tsx b/web/app/components/workflow/block-selector/tools.tsx
index 788905323e..8035cc2dbf 100644
--- a/web/app/components/workflow/block-selector/tools.tsx
+++ b/web/app/components/workflow/block-selector/tools.tsx
@@ -1,14 +1,13 @@
-import { memo, useMemo, useRef } from 'react'
 import type { BlockEnum, ToolWithProvider } from '../types'
-import IndexBar, { groupItems } from './index-bar'
-import type { ToolDefaultValue, ToolValue } from './types'
-import type { ToolTypeEnum } from './types'
-import { ViewType } from './view-type-select'
+import type { ToolDefaultValue, ToolTypeEnum, ToolValue } from './types'
+import { memo, useMemo, useRef } from 'react'
 import Empty from '@/app/components/tools/provider/empty'
 import { useGetLanguage } from '@/context/i18n'
-import ToolListTreeView from './tool/tool-list-tree-view/list'
-import ToolListFlatView from './tool/tool-list-flat-view/list'
 import { cn } from '@/utils/classnames'
+import IndexBar, { groupItems } from './index-bar'
+import ToolListFlatView from './tool/tool-list-flat-view/list'
+import ToolListTreeView from './tool/tool-list-tree-view/list'
+import { ViewType } from './view-type-select'
 
 type ToolsProps = {
   onSelect: (type: BlockEnum, tool: ToolDefaultValue) => void
@@ -93,36 +92,38 @@ const Tools = ({
   return (
     <div className={cn('max-w-[100%] p-1', className)}>
       {!tools.length && !hasSearchText && (
-        <div className='py-10'>
+        <div className="py-10">
           <Empty type={toolType!} isAgent={isAgent} />
         </div>
       )}
       {!!tools.length && (
-        isFlatView ? (
-          <ToolListFlatView
-            toolRefs={toolRefs}
-            letters={letters}
-            payload={listViewToolData}
-            isShowLetterIndex={isShowLetterIndex}
-            hasSearchText={hasSearchText}
-            onSelect={onSelect}
-            canNotSelectMultiple={canNotSelectMultiple}
-            onSelectMultiple={onSelectMultiple}
-            selectedTools={selectedTools}
-            canChooseMCPTool={canChooseMCPTool}
-            indexBar={<IndexBar letters={letters} itemRefs={toolRefs} className={indexBarClassName} />}
-          />
-        ) : (
-          <ToolListTreeView
-            payload={treeViewToolsData}
-            hasSearchText={hasSearchText}
-            onSelect={onSelect}
-            canNotSelectMultiple={canNotSelectMultiple}
-            onSelectMultiple={onSelectMultiple}
-            selectedTools={selectedTools}
-            canChooseMCPTool={canChooseMCPTool}
-          />
-        )
+        isFlatView
+          ? (
+              <ToolListFlatView
+                toolRefs={toolRefs}
+                letters={letters}
+                payload={listViewToolData}
+                isShowLetterIndex={isShowLetterIndex}
+                hasSearchText={hasSearchText}
+                onSelect={onSelect}
+                canNotSelectMultiple={canNotSelectMultiple}
+                onSelectMultiple={onSelectMultiple}
+                selectedTools={selectedTools}
+                canChooseMCPTool={canChooseMCPTool}
+                indexBar={<IndexBar letters={letters} itemRefs={toolRefs} className={indexBarClassName} />}
+              />
+            )
+          : (
+              <ToolListTreeView
+                payload={treeViewToolsData}
+                hasSearchText={hasSearchText}
+                onSelect={onSelect}
+                canNotSelectMultiple={canNotSelectMultiple}
+                onSelectMultiple={onSelectMultiple}
+                selectedTools={selectedTools}
+                canChooseMCPTool={canChooseMCPTool}
+              />
+            )
       )}
     </div>
   )
diff --git a/web/app/components/workflow/block-selector/trigger-plugin/action-item.tsx b/web/app/components/workflow/block-selector/trigger-plugin/action-item.tsx
index e22712c248..c0edec474a 100644
--- a/web/app/components/workflow/block-selector/trigger-plugin/action-item.tsx
+++ b/web/app/components/workflow/block-selector/trigger-plugin/action-item.tsx
@@ -1,15 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import type { TriggerWithProvider } from '../types'
+import type { TriggerDefaultValue, TriggerWithProvider } from '../types'
 import type { Event } from '@/app/components/tools/types'
-import { BlockEnum } from '../../types'
-import type { TriggerDefaultValue } from '../types'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
 import { useGetLanguage } from '@/context/i18n'
-import BlockIcon from '../../block-icon'
 import { cn } from '@/utils/classnames'
-import { useTranslation } from 'react-i18next'
+import BlockIcon from '../../block-icon'
+import { BlockEnum } from '../../types'
 
 type Props = {
   provider: TriggerWithProvider
@@ -32,27 +31,28 @@ const TriggerPluginActionItem: FC<Props> = ({
   return (
     <Tooltip
       key={payload.name}
-      position='right'
+      position="right"
       needsDelay={false}
-      popupClassName='!p-0 !px-3 !py-2.5 !w-[224px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg'
+      popupClassName="!p-0 !px-3 !py-2.5 !w-[224px] !leading-[18px] !text-xs !text-gray-700 !border-[0.5px] !border-black/5 !rounded-xl !shadow-lg"
       popupContent={(
         <div>
           <BlockIcon
-            size='md'
-            className='mb-2'
+            size="md"
+            className="mb-2"
             type={BlockEnum.TriggerPlugin}
             toolIcon={provider.icon}
           />
-          <div className='mb-1 text-sm leading-5 text-text-primary'>{payload.label[language]}</div>
-          <div className='text-xs leading-[18px] text-text-secondary'>{payload.description[language]}</div>
+          <div className="mb-1 text-sm leading-5 text-text-primary">{payload.label[language]}</div>
+          <div className="text-xs leading-[18px] text-text-secondary">{payload.description[language]}</div>
         </div>
       )}
     >
       <div
         key={payload.name}
-        className='flex cursor-pointer items-center justify-between rounded-lg pl-[21px] pr-1 hover:bg-state-base-hover'
+        className="flex cursor-pointer items-center justify-between rounded-lg pl-[21px] pr-1 hover:bg-state-base-hover"
         onClick={() => {
-          if (disabled) return
+          if (disabled)
+            return
           const params: Record<string, string> = {}
           if (payload.parameters) {
             payload.parameters.forEach((item: any) => {
@@ -81,10 +81,10 @@ const TriggerPluginActionItem: FC<Props> = ({
           <span className={cn(disabled && 'opacity-30')}>{payload.label[language]}</span>
         </div>
         {isAdded && (
-          <div className='system-xs-regular mr-4 text-text-tertiary'>{t('tools.addToolModal.added')}</div>
+          <div className="system-xs-regular mr-4 text-text-tertiary">{t('tools.addToolModal.added')}</div>
         )}
       </div>
-    </Tooltip >
+    </Tooltip>
   )
 }
 export default React.memo(TriggerPluginActionItem)
diff --git a/web/app/components/workflow/block-selector/trigger-plugin/item.tsx b/web/app/components/workflow/block-selector/trigger-plugin/item.tsx
index 15b8d638fe..a4de7b30dd 100644
--- a/web/app/components/workflow/block-selector/trigger-plugin/item.tsx
+++ b/web/app/components/workflow/block-selector/trigger-plugin/item.tsx
@@ -1,18 +1,18 @@
 'use client'
-import { useGetLanguage } from '@/context/i18n'
-import { cn } from '@/utils/classnames'
-import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
 import type { FC } from 'react'
+import type { TriggerDefaultValue, TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
+import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
 import React, { useEffect, useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { CollectionType } from '@/app/components/tools/types'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import { BlockEnum } from '@/app/components/workflow/types'
-import type { TriggerDefaultValue, TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
-import TriggerPluginActionItem from './action-item'
-import { Theme } from '@/types/app'
+import { useGetLanguage } from '@/context/i18n'
 import useTheme from '@/hooks/use-theme'
+import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { basePath } from '@/utils/var'
+import TriggerPluginActionItem from './action-item'
 
 const normalizeProviderIcon = (icon?: TriggerWithProvider['icon']) => {
   if (!icon)
@@ -93,7 +93,7 @@ const TriggerPluginItem: FC<Props> = ({
     >
       <div className={cn(className)}>
         <div
-          className='group/item flex w-full cursor-pointer select-none items-center justify-between rounded-lg pl-3 pr-1 hover:bg-state-base-hover'
+          className="group/item flex w-full cursor-pointer select-none items-center justify-between rounded-lg pl-3 pr-1 hover:bg-state-base-hover"
           onClick={() => {
             if (hasAction) {
               setFold(!isFold)
@@ -124,19 +124,19 @@ const TriggerPluginItem: FC<Props> = ({
             })
           }}
         >
-          <div className='flex h-8 grow items-center'>
+          <div className="flex h-8 grow items-center">
             <BlockIcon
-              className='shrink-0'
+              className="shrink-0"
               type={BlockEnum.TriggerPlugin}
               toolIcon={providerIcon}
             />
-            <div className='ml-2 flex min-w-0 flex-1 items-center text-sm text-text-primary'>
-              <span className='max-w-[200px] truncate'>{notShowProvider ? actions[0]?.label[language] : payload.label[language]}</span>
-              <span className='system-xs-regular ml-2 truncate text-text-quaternary'>{groupName}</span>
+            <div className="ml-2 flex min-w-0 flex-1 items-center text-sm text-text-primary">
+              <span className="max-w-[200px] truncate">{notShowProvider ? actions[0]?.label[language] : payload.label[language]}</span>
+              <span className="system-xs-regular ml-2 truncate text-text-quaternary">{groupName}</span>
             </div>
           </div>
 
-          <div className='ml-2 flex items-center'>
+          <div className="ml-2 flex items-center">
             {hasAction && (
               <FoldIcon className={cn('h-4 w-4 shrink-0 text-text-tertiary group-hover/item:text-text-tertiary', isFold && 'text-text-quaternary')} />
             )}
diff --git a/web/app/components/workflow/block-selector/trigger-plugin/list.tsx b/web/app/components/workflow/block-selector/trigger-plugin/list.tsx
index 3caf1149dd..126583be73 100644
--- a/web/app/components/workflow/block-selector/trigger-plugin/list.tsx
+++ b/web/app/components/workflow/block-selector/trigger-plugin/list.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { memo, useEffect, useMemo } from 'react'
-import { useAllTriggerPlugins } from '@/service/use-triggers'
-import TriggerPluginItem from './item'
 import type { BlockEnum } from '../../types'
 import type { TriggerDefaultValue, TriggerWithProvider } from '../types'
+import { memo, useEffect, useMemo } from 'react'
 import { useGetLanguage } from '@/context/i18n'
+import { useAllTriggerPlugins } from '@/service/use-triggers'
+import TriggerPluginItem from './item'
 
 type TriggerPluginListProps = {
   onSelect: (type: BlockEnum, trigger?: TriggerDefaultValue) => void
diff --git a/web/app/components/workflow/block-selector/types.ts b/web/app/components/workflow/block-selector/types.ts
index 1e5acbbeb3..6ed4d7f2d5 100644
--- a/web/app/components/workflow/block-selector/types.ts
+++ b/web/app/components/workflow/block-selector/types.ts
@@ -1,6 +1,6 @@
-import type { TypeWithI18N } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { ParametersSchema, PluginMeta, PluginTriggerSubscriptionConstructor, SupportedCreationMethods, TriggerEvent } from '../../plugins/types'
 import type { Collection, Event } from '../../tools/types'
+import type { TypeWithI18N } from '@/app/components/header/account-setting/model-provider-page/declarations'
 
 export enum TabsEnum {
   Start = 'start',
@@ -99,7 +99,7 @@ export type DataSourceItem = {
     identity: {
       author: string
       description: TypeWithI18N
-      icon: string | { background: string; content: string }
+      icon: string | { background: string, content: string }
       label: TypeWithI18N
       name: string
       tags: string[]
@@ -108,7 +108,7 @@ export type DataSourceItem = {
       description: TypeWithI18N
       identity: {
         author: string
-        icon?: string | { background: string; content: string }
+        icon?: string | { background: string, content: string }
         label: TypeWithI18N
         name: string
         provider: string
@@ -130,7 +130,7 @@ export type TriggerParameter = {
   label: TypeWithI18N
   description?: TypeWithI18N
   type: 'string' | 'number' | 'boolean' | 'select' | 'file' | 'files'
-  | 'model-selector' | 'app-selector' | 'object' | 'array' | 'dynamic-select'
+    | 'model-selector' | 'app-selector' | 'object' | 'array' | 'dynamic-select'
   auto_generate?: {
     type: string
     value?: any
@@ -154,7 +154,7 @@ export type TriggerParameter = {
 
 export type TriggerCredentialField = {
   type: 'secret-input' | 'text-input' | 'select' | 'boolean'
-  | 'app-selector' | 'model-selector' | 'tools-selector'
+    | 'app-selector' | 'model-selector' | 'tools-selector'
   name: string
   scope?: string | null
   required: boolean
diff --git a/web/app/components/workflow/block-selector/use-check-vertical-scrollbar.ts b/web/app/components/workflow/block-selector/use-check-vertical-scrollbar.ts
index 98986cf3b6..e8f5fc0559 100644
--- a/web/app/components/workflow/block-selector/use-check-vertical-scrollbar.ts
+++ b/web/app/components/workflow/block-selector/use-check-vertical-scrollbar.ts
@@ -5,7 +5,8 @@ const useCheckVerticalScrollbar = (ref: React.RefObject<HTMLElement>) => {
 
   useEffect(() => {
     const elem = ref.current
-    if (!elem) return
+    if (!elem)
+      return
 
     const checkScrollbar = () => {
       setHasVerticalScrollbar(elem.scrollHeight > elem.clientHeight)
diff --git a/web/app/components/workflow/block-selector/use-sticky-scroll.ts b/web/app/components/workflow/block-selector/use-sticky-scroll.ts
index 7933d63b39..67ea70d94e 100644
--- a/web/app/components/workflow/block-selector/use-sticky-scroll.ts
+++ b/web/app/components/workflow/block-selector/use-sticky-scroll.ts
@@ -1,5 +1,5 @@
-import React from 'react'
 import { useThrottleFn } from 'ahooks'
+import React from 'react'
 
 export enum ScrollPosition {
   belowTheWrap = 'belowTheWrap',
diff --git a/web/app/components/workflow/block-selector/utils.ts b/web/app/components/workflow/block-selector/utils.ts
index 4272e61644..f4a0baf05b 100644
--- a/web/app/components/workflow/block-selector/utils.ts
+++ b/web/app/components/workflow/block-selector/utils.ts
@@ -1,5 +1,5 @@
-import type { Tool } from '@/app/components/tools/types'
 import type { DataSourceItem } from './types'
+import type { Tool } from '@/app/components/tools/types'
 
 export const transformDataSourceToTool = (dataSourceItem: DataSourceItem) => {
   return {
diff --git a/web/app/components/workflow/block-selector/view-type-select.tsx b/web/app/components/workflow/block-selector/view-type-select.tsx
index 900453fedb..a4830d8e81 100644
--- a/web/app/components/workflow/block-selector/view-type-select.tsx
+++ b/web/app/components/workflow/block-selector/view-type-select.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import { RiNodeTree, RiSortAlphabetAsc } from '@remixicon/react'
+import React, { useCallback } from 'react'
 import { cn } from '@/utils/classnames'
 
 export enum ViewType {
@@ -27,30 +27,26 @@ const ViewTypeSelect: FC<Props> = ({
   }, [viewType, onChange])
 
   return (
-    <div className='flex items-center rounded-lg bg-components-segmented-control-bg-normal p-px'>
+    <div className="flex items-center rounded-lg bg-components-segmented-control-bg-normal p-px">
       <div
         className={
-          cn('rounded-lg p-[3px]',
-            viewType === ViewType.flat
-              ? 'bg-components-segmented-control-item-active-bg text-text-accent-light-mode-only shadow-xs'
-              : 'cursor-pointer text-text-tertiary',
-          )
+          cn('rounded-lg p-[3px]', viewType === ViewType.flat
+            ? 'bg-components-segmented-control-item-active-bg text-text-accent-light-mode-only shadow-xs'
+            : 'cursor-pointer text-text-tertiary')
         }
         onClick={handleChange(ViewType.flat)}
       >
-        <RiSortAlphabetAsc className='h-4 w-4' />
+        <RiSortAlphabetAsc className="h-4 w-4" />
       </div>
       <div
         className={
-          cn('rounded-lg p-[3px]',
-            viewType === ViewType.tree
-              ? 'bg-components-segmented-control-item-active-bg text-text-accent-light-mode-only shadow-xs'
-              : 'cursor-pointer text-text-tertiary',
-          )
+          cn('rounded-lg p-[3px]', viewType === ViewType.tree
+            ? 'bg-components-segmented-control-item-active-bg text-text-accent-light-mode-only shadow-xs'
+            : 'cursor-pointer text-text-tertiary')
         }
         onClick={handleChange(ViewType.tree)}
       >
-        <RiNodeTree className='h-4 w-4 ' />
+        <RiNodeTree className="h-4 w-4 " />
       </div>
     </div>
   )
diff --git a/web/app/components/workflow/candidate-node-main.tsx b/web/app/components/workflow/candidate-node-main.tsx
index 41a38e0b2a..9df5510627 100644
--- a/web/app/components/workflow/candidate-node-main.tsx
+++ b/web/app/components/workflow/candidate-node-main.tsx
@@ -4,27 +4,27 @@ import type {
 import type {
   Node,
 } from '@/app/components/workflow/types'
+import { useEventListener } from 'ahooks'
+import { produce } from 'immer'
 import {
   memo,
 } from 'react'
-import { produce } from 'immer'
 import {
   useReactFlow,
   useStoreApi,
   useViewport,
 } from 'reactflow'
-import { useEventListener } from 'ahooks'
+import { CUSTOM_NODE } from './constants'
+import { useAutoGenerateWebhookUrl, useNodesInteractions, useNodesSyncDraft, useWorkflowHistory, WorkflowHistoryEvent } from './hooks'
+import CustomNode from './nodes'
+import CustomNoteNode from './note-node'
+import { CUSTOM_NOTE_NODE } from './note-node/constants'
 import {
   useStore,
   useWorkflowStore,
 } from './store'
-import { WorkflowHistoryEvent, useAutoGenerateWebhookUrl, useNodesInteractions, useNodesSyncDraft, useWorkflowHistory } from './hooks'
-import { CUSTOM_NODE } from './constants'
-import { getIterationStartNode, getLoopStartNode } from './utils'
-import CustomNode from './nodes'
-import CustomNoteNode from './note-node'
-import { CUSTOM_NOTE_NODE } from './note-node/constants'
 import { BlockEnum } from './types'
+import { getIterationStartNode, getLoopStartNode } from './utils'
 
 type Props = {
   candidateNode: Node
@@ -94,7 +94,7 @@ const CandidateNodeMain: FC<Props> = ({
 
   return (
     <div
-      className='absolute z-10'
+      className="absolute z-10"
       style={{
         left: mousePosition.elementX,
         top: mousePosition.elementY,
diff --git a/web/app/components/workflow/candidate-node.tsx b/web/app/components/workflow/candidate-node.tsx
index bdbb1f4433..2c61f0f8ad 100644
--- a/web/app/components/workflow/candidate-node.tsx
+++ b/web/app/components/workflow/candidate-node.tsx
@@ -2,10 +2,10 @@ import {
   memo,
 } from 'react'
 
+import CandidateNodeMain from './candidate-node-main'
 import {
   useStore,
 } from './store'
-import CandidateNodeMain from './candidate-node-main'
 
 const CandidateNode = () => {
   const candidateNode = useStore(s => s.candidateNode)
diff --git a/web/app/components/workflow/constants.ts b/web/app/components/workflow/constants.ts
index ad498ff65b..4d95db7fcf 100644
--- a/web/app/components/workflow/constants.ts
+++ b/web/app/components/workflow/constants.ts
@@ -1,5 +1,6 @@
 import type { Var } from './types'
 import { BlockEnum, VarType } from './types'
+
 export const MAX_ITERATION_PARALLEL_NUM = 10
 export const MIN_ITERATION_PARALLEL_NUM = 1
 export const DEFAULT_ITER_TIMES = 1
@@ -42,16 +43,18 @@ export const isInWorkflowPage = () => {
 export const getGlobalVars = (isChatMode: boolean): Var[] => {
   const isInWorkflow = isInWorkflowPage()
   const vars: Var[] = [
-    ...(isChatMode ? [
-      {
-        variable: 'sys.dialogue_count',
-        type: VarType.number,
-      },
-      {
-        variable: 'sys.conversation_id',
-        type: VarType.string,
-      },
-    ] : []),
+    ...(isChatMode
+      ? [
+          {
+            variable: 'sys.dialogue_count',
+            type: VarType.number,
+          },
+          {
+            variable: 'sys.conversation_id',
+            type: VarType.string,
+          },
+        ]
+      : []),
     {
       variable: 'sys.user_id',
       type: VarType.string,
@@ -68,12 +71,14 @@ export const getGlobalVars = (isChatMode: boolean): Var[] => {
       variable: 'sys.workflow_run_id',
       type: VarType.string,
     },
-    ...((isInWorkflow && !isChatMode) ? [
-      {
-        variable: 'sys.timestamp',
-        type: VarType.number,
-      },
-    ] : []),
+    ...((isInWorkflow && !isChatMode)
+      ? [
+          {
+            variable: 'sys.timestamp',
+            type: VarType.number,
+          },
+        ]
+      : []),
   ]
   return vars
 }
@@ -104,11 +109,25 @@ export const RETRIEVAL_OUTPUT_STRUCT = `{
 }`
 
 export const SUPPORT_OUTPUT_VARS_NODE = [
-  BlockEnum.Start, BlockEnum.TriggerWebhook, BlockEnum.TriggerPlugin, BlockEnum.LLM, BlockEnum.KnowledgeRetrieval, BlockEnum.Code, BlockEnum.TemplateTransform,
-  BlockEnum.HttpRequest, BlockEnum.Tool, BlockEnum.VariableAssigner, BlockEnum.VariableAggregator, BlockEnum.QuestionClassifier,
-  BlockEnum.ParameterExtractor, BlockEnum.Iteration, BlockEnum.Loop,
-  BlockEnum.DocExtractor, BlockEnum.ListFilter,
-  BlockEnum.Agent, BlockEnum.DataSource,
+  BlockEnum.Start,
+  BlockEnum.TriggerWebhook,
+  BlockEnum.TriggerPlugin,
+  BlockEnum.LLM,
+  BlockEnum.KnowledgeRetrieval,
+  BlockEnum.Code,
+  BlockEnum.TemplateTransform,
+  BlockEnum.HttpRequest,
+  BlockEnum.Tool,
+  BlockEnum.VariableAssigner,
+  BlockEnum.VariableAggregator,
+  BlockEnum.QuestionClassifier,
+  BlockEnum.ParameterExtractor,
+  BlockEnum.Iteration,
+  BlockEnum.Loop,
+  BlockEnum.DocExtractor,
+  BlockEnum.ListFilter,
+  BlockEnum.Agent,
+  BlockEnum.DataSource,
 ]
 
 export const AGENT_OUTPUT_STRUCT: Var[] = [
diff --git a/web/app/components/workflow/constants/node.ts b/web/app/components/workflow/constants/node.ts
index 5b5007e748..5de9512752 100644
--- a/web/app/components/workflow/constants/node.ts
+++ b/web/app/components/workflow/constants/node.ts
@@ -1,25 +1,25 @@
-import llmDefault from '@/app/components/workflow/nodes/llm/default'
-import knowledgeRetrievalDefault from '@/app/components/workflow/nodes/knowledge-retrieval/default'
 import agentDefault from '@/app/components/workflow/nodes/agent/default'
-
-import questionClassifierDefault from '@/app/components/workflow/nodes/question-classifier/default'
-
-import ifElseDefault from '@/app/components/workflow/nodes/if-else/default'
-import iterationDefault from '@/app/components/workflow/nodes/iteration/default'
-import iterationStartDefault from '@/app/components/workflow/nodes/iteration-start/default'
-import loopDefault from '@/app/components/workflow/nodes/loop/default'
-import loopStartDefault from '@/app/components/workflow/nodes/loop-start/default'
-import loopEndDefault from '@/app/components/workflow/nodes/loop-end/default'
-
-import codeDefault from '@/app/components/workflow/nodes/code/default'
-import templateTransformDefault from '@/app/components/workflow/nodes/template-transform/default'
-import variableAggregatorDefault from '@/app/components/workflow/nodes/variable-assigner/default'
-import documentExtractorDefault from '@/app/components/workflow/nodes/document-extractor/default'
 import assignerDefault from '@/app/components/workflow/nodes/assigner/default'
+import codeDefault from '@/app/components/workflow/nodes/code/default'
+
+import documentExtractorDefault from '@/app/components/workflow/nodes/document-extractor/default'
+
 import httpRequestDefault from '@/app/components/workflow/nodes/http/default'
-import parameterExtractorDefault from '@/app/components/workflow/nodes/parameter-extractor/default'
+import ifElseDefault from '@/app/components/workflow/nodes/if-else/default'
+import iterationStartDefault from '@/app/components/workflow/nodes/iteration-start/default'
+import iterationDefault from '@/app/components/workflow/nodes/iteration/default'
+import knowledgeRetrievalDefault from '@/app/components/workflow/nodes/knowledge-retrieval/default'
 import listOperatorDefault from '@/app/components/workflow/nodes/list-operator/default'
+
+import llmDefault from '@/app/components/workflow/nodes/llm/default'
+import loopEndDefault from '@/app/components/workflow/nodes/loop-end/default'
+import loopStartDefault from '@/app/components/workflow/nodes/loop-start/default'
+import loopDefault from '@/app/components/workflow/nodes/loop/default'
+import parameterExtractorDefault from '@/app/components/workflow/nodes/parameter-extractor/default'
+import questionClassifierDefault from '@/app/components/workflow/nodes/question-classifier/default'
+import templateTransformDefault from '@/app/components/workflow/nodes/template-transform/default'
 import toolDefault from '@/app/components/workflow/nodes/tool/default'
+import variableAggregatorDefault from '@/app/components/workflow/nodes/variable-assigner/default'
 
 export const WORKFLOW_COMMON_NODES = [
   llmDefault,
diff --git a/web/app/components/workflow/context.tsx b/web/app/components/workflow/context.tsx
index 0b77239dd1..ca3185b714 100644
--- a/web/app/components/workflow/context.tsx
+++ b/web/app/components/workflow/context.tsx
@@ -1,12 +1,12 @@
+import type { StateCreator } from 'zustand'
+import type { SliceFromInjection } from './store'
 import {
   createContext,
   useRef,
 } from 'react'
-import type { SliceFromInjection } from './store'
 import {
   createWorkflowStore,
 } from './store'
-import type { StateCreator } from 'zustand'
 
 type WorkflowStore = ReturnType<typeof createWorkflowStore>
 export const WorkflowContext = createContext<WorkflowStore | null>(null)
diff --git a/web/app/components/workflow/custom-connection-line.tsx b/web/app/components/workflow/custom-connection-line.tsx
index c187f16fe1..fb218722c4 100644
--- a/web/app/components/workflow/custom-connection-line.tsx
+++ b/web/app/components/workflow/custom-connection-line.tsx
@@ -1,8 +1,8 @@
-import { memo } from 'react'
 import type { ConnectionLineComponentProps } from 'reactflow'
+import { memo } from 'react'
 import {
-  Position,
   getBezierPath,
+  Position,
 } from 'reactflow'
 
 const CustomConnectionLine = ({ fromX, fromY, toX, toY }: ConnectionLineComponentProps) => {
@@ -22,7 +22,7 @@ const CustomConnectionLine = ({ fromX, fromY, toX, toY }: ConnectionLineComponen
     <g>
       <path
         fill="none"
-        stroke='#D0D5DD'
+        stroke="#D0D5DD"
         strokeWidth={2}
         d={edgePath}
       />
@@ -31,7 +31,7 @@ const CustomConnectionLine = ({ fromX, fromY, toX, toY }: ConnectionLineComponen
         y={toY - 4}
         width={2}
         height={8}
-        fill='#2970FF'
+        fill="#2970FF"
       />
     </g>
   )
diff --git a/web/app/components/workflow/custom-edge-linear-gradient-render.tsx b/web/app/components/workflow/custom-edge-linear-gradient-render.tsx
index b799bb36b2..313fa2cafd 100644
--- a/web/app/components/workflow/custom-edge-linear-gradient-render.tsx
+++ b/web/app/components/workflow/custom-edge-linear-gradient-render.tsx
@@ -25,21 +25,21 @@ const CustomEdgeLinearGradientRender = ({
     <defs>
       <linearGradient
         id={id}
-        gradientUnits='userSpaceOnUse'
+        gradientUnits="userSpaceOnUse"
         x1={x1}
         y1={y1}
         x2={x2}
         y2={y2}
       >
         <stop
-          offset='0%'
+          offset="0%"
           style={{
             stopColor: startColor,
             stopOpacity: 1,
           }}
         />
         <stop
-          offset='100%'
+          offset="100%"
           style={{
             stopColor,
             stopOpacity: 1,
diff --git a/web/app/components/workflow/custom-edge.tsx b/web/app/components/workflow/custom-edge.tsx
index 2a53abb327..3b73e07536 100644
--- a/web/app/components/workflow/custom-edge.tsx
+++ b/web/app/components/workflow/custom-edge.tsx
@@ -1,32 +1,32 @@
+import type { EdgeProps } from 'reactflow'
+import type {
+  Edge,
+  OnSelectBlock,
+} from './types'
+import { intersection } from 'lodash-es'
 import {
   memo,
   useCallback,
   useMemo,
   useState,
 } from 'react'
-import { intersection } from 'lodash-es'
-import type { EdgeProps } from 'reactflow'
 import {
   BaseEdge,
   EdgeLabelRenderer,
-  Position,
   getBezierPath,
+  Position,
 } from 'reactflow'
+import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
+import { cn } from '@/utils/classnames'
+import BlockSelector from './block-selector'
+import { ITERATION_CHILDREN_Z_INDEX, LOOP_CHILDREN_Z_INDEX } from './constants'
+import CustomEdgeLinearGradientRender from './custom-edge-linear-gradient-render'
 import {
   useAvailableBlocks,
   useNodesInteractions,
 } from './hooks'
-import BlockSelector from './block-selector'
-import type {
-  Edge,
-  OnSelectBlock,
-} from './types'
 import { NodeRunningStatus } from './types'
 import { getEdgeColor } from './utils'
-import { ITERATION_CHILDREN_Z_INDEX, LOOP_CHILDREN_Z_INDEX } from './constants'
-import CustomEdgeLinearGradientRender from './custom-edge-linear-gradient-render'
-import { cn } from '@/utils/classnames'
-import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
 
 const CustomEdge = ({
   id,
@@ -75,8 +75,9 @@ const CustomEdge = ({
         || _targetRunningStatus === NodeRunningStatus.Exception
         || _targetRunningStatus === NodeRunningStatus.Running
       )
-    )
+    ) {
       return id
+    }
   }, [_sourceRunningStatus, _targetRunningStatus, id])
 
   const handleOpenChange = useCallback((v: boolean) => {
diff --git a/web/app/components/workflow/datasets-detail-store/provider.tsx b/web/app/components/workflow/datasets-detail-store/provider.tsx
index a75b7e1d29..7cd3b88bfb 100644
--- a/web/app/components/workflow/datasets-detail-store/provider.tsx
+++ b/web/app/components/workflow/datasets-detail-store/provider.tsx
@@ -1,10 +1,10 @@
 import type { FC } from 'react'
-import { createContext, useCallback, useEffect, useRef } from 'react'
-import { createDatasetsDetailStore } from './store'
-import type { CommonNodeType, Node } from '../types'
-import { BlockEnum } from '../types'
 import type { KnowledgeRetrievalNodeType } from '../nodes/knowledge-retrieval/types'
+import type { CommonNodeType, Node } from '../types'
+import { createContext, useCallback, useEffect, useRef } from 'react'
 import { fetchDatasets } from '@/service/datasets'
+import { BlockEnum } from '../types'
+import { createDatasetsDetailStore } from './store'
 
 type DatasetsDetailStoreApi = ReturnType<typeof createDatasetsDetailStore>
 
@@ -33,12 +33,14 @@ const DatasetsDetailProvider: FC<DatasetsDetailProviderProps> = ({
   }, [])
 
   useEffect(() => {
-    if (!storeRef.current) return
+    if (!storeRef.current)
+      return
     const knowledgeRetrievalNodes = nodes.filter(node => node.data.type === BlockEnum.KnowledgeRetrieval)
     const allDatasetIds = knowledgeRetrievalNodes.reduce<string[]>((acc, node) => {
       return Array.from(new Set([...acc, ...(node.data as CommonNodeType<KnowledgeRetrievalNodeType>).dataset_ids]))
     }, [])
-    if (allDatasetIds.length === 0) return
+    if (allDatasetIds.length === 0)
+      return
     updateDatasetsDetail(allDatasetIds)
   }, [])
 
diff --git a/web/app/components/workflow/datasets-detail-store/store.ts b/web/app/components/workflow/datasets-detail-store/store.ts
index 80f19bfea0..e2910b84b1 100644
--- a/web/app/components/workflow/datasets-detail-store/store.ts
+++ b/web/app/components/workflow/datasets-detail-store/store.ts
@@ -1,8 +1,8 @@
+import type { DataSet } from '@/models/datasets'
+import { produce } from 'immer'
 import { useContext } from 'react'
 import { createStore, useStore } from 'zustand'
-import type { DataSet } from '@/models/datasets'
 import { DatasetsDetailContext } from './provider'
-import { produce } from 'immer'
 
 type DatasetsDetailStore = {
   datasetsDetail: Record<string, DataSet>
diff --git a/web/app/components/workflow/dsl-export-confirm-modal.tsx b/web/app/components/workflow/dsl-export-confirm-modal.tsx
index ff5498abc5..63100876c6 100644
--- a/web/app/components/workflow/dsl-export-confirm-modal.tsx
+++ b/web/app/components/workflow/dsl-export-confirm-modal.tsx
@@ -1,14 +1,14 @@
 'use client'
+import type { EnvironmentVariable } from '@/app/components/workflow/types'
+import { RiCloseLine, RiLock2Line } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCloseLine, RiLock2Line } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import Button from '@/app/components/base/button'
+import Checkbox from '@/app/components/base/checkbox'
 import { Env } from '@/app/components/base/icons/src/vender/line/others'
 import Modal from '@/app/components/base/modal'
-import Checkbox from '@/app/components/base/checkbox'
-import Button from '@/app/components/base/button'
-import type { EnvironmentVariable } from '@/app/components/workflow/types'
-import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
 
 export type DSLExportConfirmModalProps = {
   envList: EnvironmentVariable[]
@@ -36,47 +36,47 @@ const DSLExportConfirmModal = ({
       onClose={noop}
       className={cn('w-[480px] max-w-[480px]')}
     >
-      <div className='title-2xl-semi-bold relative pb-6 text-text-primary'>{t('workflow.env.export.title')}</div>
-      <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onClose}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <div className="title-2xl-semi-bold relative pb-6 text-text-primary">{t('workflow.env.export.title')}</div>
+      <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onClose}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
-      <div className='relative'>
-        <table className='radius-md w-full border-separate border-spacing-0 border border-divider-regular shadow-xs'>
-          <thead className='system-xs-medium-uppercase text-text-tertiary'>
+      <div className="relative">
+        <table className="radius-md w-full border-separate border-spacing-0 border border-divider-regular shadow-xs">
+          <thead className="system-xs-medium-uppercase text-text-tertiary">
             <tr>
-              <td width={220} className='h-7 border-b border-r border-divider-regular pl-3'>NAME</td>
-              <td className='h-7 border-b border-divider-regular pl-3'>VALUE</td>
+              <td width={220} className="h-7 border-b border-r border-divider-regular pl-3">NAME</td>
+              <td className="h-7 border-b border-divider-regular pl-3">VALUE</td>
             </tr>
           </thead>
           <tbody>
             {envList.map((env, index) => (
               <tr key={env.name}>
                 <td className={cn('system-xs-medium h-7 border-r pl-3', index + 1 !== envList.length && 'border-b')}>
-                  <div className='flex w-[200px] items-center gap-1'>
-                    <Env className='h-4 w-4 shrink-0 text-util-colors-violet-violet-600' />
-                    <div className='truncate text-text-primary'>{env.name}</div>
-                    <div className='shrink-0 text-text-tertiary'>Secret</div>
-                    <RiLock2Line className='h-3 w-3 shrink-0 text-text-tertiary' />
+                  <div className="flex w-[200px] items-center gap-1">
+                    <Env className="h-4 w-4 shrink-0 text-util-colors-violet-violet-600" />
+                    <div className="truncate text-text-primary">{env.name}</div>
+                    <div className="shrink-0 text-text-tertiary">Secret</div>
+                    <RiLock2Line className="h-3 w-3 shrink-0 text-text-tertiary" />
                   </div>
                 </td>
                 <td className={cn('h-7 pl-3', index + 1 !== envList.length && 'border-b')}>
-                  <div className='system-xs-regular truncate text-text-secondary'>{env.value}</div>
+                  <div className="system-xs-regular truncate text-text-secondary">{env.value}</div>
                 </td>
               </tr>
             ))}
           </tbody>
         </table>
       </div>
-      <div className='mt-4 flex gap-2'>
+      <div className="mt-4 flex gap-2">
         <Checkbox
-          className='shrink-0'
+          className="shrink-0"
           checked={exportSecrets}
           onCheck={() => setExportSecrets(!exportSecrets)}
         />
-        <div className='system-sm-medium cursor-pointer text-text-primary' onClick={() => setExportSecrets(!exportSecrets)}>{t('workflow.env.export.checkbox')}</div>
+        <div className="system-sm-medium cursor-pointer text-text-primary" onClick={() => setExportSecrets(!exportSecrets)}>{t('workflow.env.export.checkbox')}</div>
       </div>
-      <div className='flex flex-row-reverse pt-6'>
-        <Button className='ml-2' variant='primary' onClick={submit}>{exportSecrets ? t('workflow.env.export.export') : t('workflow.env.export.ignore')}</Button>
+      <div className="flex flex-row-reverse pt-6">
+        <Button className="ml-2" variant="primary" onClick={submit}>{exportSecrets ? t('workflow.env.export.export') : t('workflow.env.export.ignore')}</Button>
         <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
       </div>
     </Modal>
diff --git a/web/app/components/workflow/features.tsx b/web/app/components/workflow/features.tsx
index b54ffdf167..08c79a497a 100644
--- a/web/app/components/workflow/features.tsx
+++ b/web/app/components/workflow/features.tsx
@@ -1,19 +1,20 @@
+import type { StartNodeType } from './nodes/start/types'
+import type { CommonNodeType, InputVar, Node } from './types'
+import type { PromptVariable } from '@/models/debug'
 import {
   memo,
   useCallback,
 } from 'react'
 import { useNodes } from 'reactflow'
-import { useStore } from './store'
+import NewFeaturePanel from '@/app/components/base/features/new-feature-panel'
 import {
   useIsChatMode,
   useNodesReadOnly,
   useNodesSyncDraft,
 } from './hooks'
-import { type CommonNodeType, type InputVar, InputVarType, type Node } from './types'
 import useConfig from './nodes/start/use-config'
-import type { StartNodeType } from './nodes/start/types'
-import type { PromptVariable } from '@/models/debug'
-import NewFeaturePanel from '@/app/components/base/features/new-feature-panel'
+import { useStore } from './store'
+import { InputVarType } from './types'
 
 const Features = () => {
   const setShowFeaturesPanel = useStore(s => s.setShowFeaturesPanel)
diff --git a/web/app/components/workflow/header/chat-variable-button.tsx b/web/app/components/workflow/header/chat-variable-button.tsx
index b424ecffdc..86c88969ca 100644
--- a/web/app/components/workflow/header/chat-variable-button.tsx
+++ b/web/app/components/workflow/header/chat-variable-button.tsx
@@ -28,9 +28,9 @@ const ChatVariableButton = ({ disabled }: { disabled: boolean }) => {
       )}
       disabled={disabled}
       onClick={handleClick}
-      variant='ghost'
+      variant="ghost"
     >
-      <BubbleX className='h-4 w-4 text-components-button-secondary-text' />
+      <BubbleX className="h-4 w-4 text-components-button-secondary-text" />
     </Button>
   )
 }
diff --git a/web/app/components/workflow/header/checklist.tsx b/web/app/components/workflow/header/checklist.tsx
index e284cca791..c984ae6c48 100644
--- a/web/app/components/workflow/header/checklist.tsx
+++ b/web/app/components/workflow/header/checklist.tsx
@@ -1,3 +1,12 @@
+import type { ChecklistItem } from '../hooks/use-checklist'
+import type {
+  BlockEnum,
+  CommonEdgeType,
+} from '../types'
+import {
+  RiCloseLine,
+  RiListCheck3,
+} from '@remixicon/react'
 import {
   memo,
   useState,
@@ -6,34 +15,23 @@ import { useTranslation } from 'react-i18next'
 import {
   useEdges,
 } from 'reactflow'
+import { Warning } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
+import { IconR } from '@/app/components/base/icons/src/vender/line/arrows'
 import {
-  RiCloseLine,
-  RiListCheck3,
-} from '@remixicon/react'
-import BlockIcon from '../block-icon'
-import {
-  useChecklist,
-  useNodesInteractions,
-} from '../hooks'
-import type { ChecklistItem } from '../hooks/use-checklist'
-import type {
-  CommonEdgeType,
-} from '../types'
-import { cn } from '@/utils/classnames'
+  ChecklistSquare,
+} from '@/app/components/base/icons/src/vender/line/general'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import {
-  ChecklistSquare,
-} from '@/app/components/base/icons/src/vender/line/general'
-import { Warning } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
-import { IconR } from '@/app/components/base/icons/src/vender/line/arrows'
-import type {
-  BlockEnum,
-} from '../types'
 import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+import { cn } from '@/utils/classnames'
+import BlockIcon from '../block-icon'
+import {
+  useChecklist,
+  useNodesInteractions,
+} from '../hooks'
 
 type WorkflowChecklistProps = {
   disabled: boolean
@@ -65,7 +63,7 @@ const WorkflowChecklist = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 12,
         crossAxis: 4,
@@ -89,35 +87,38 @@ const WorkflowChecklist = ({
           </div>
           {
             !!needWarningNodes.length && (
-              <div className='absolute -right-1.5 -top-1.5 flex h-[18px] min-w-[18px] items-center justify-center rounded-full border border-gray-100 bg-[#F79009] text-[11px] font-semibold text-white'>
+              <div className="absolute -right-1.5 -top-1.5 flex h-[18px] min-w-[18px] items-center justify-center rounded-full border border-gray-100 bg-[#F79009] text-[11px] font-semibold text-white">
                 {needWarningNodes.length}
               </div>
             )
           }
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[12]'>
+      <PortalToFollowElemContent className="z-[12]">
         <div
-          className='w-[420px] overflow-y-auto rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'
+          className="w-[420px] overflow-y-auto rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg"
           style={{
             maxHeight: 'calc(2 / 3 * 100vh)',
           }}
         >
-          <div className='text-md sticky top-0 z-[1] flex h-[44px] items-center bg-components-panel-bg pl-4 pr-3 pt-3 font-semibold text-text-primary'>
-            <div className='grow'>{t('workflow.panel.checklist')}{needWarningNodes.length ? `(${needWarningNodes.length})` : ''}</div>
+          <div className="text-md sticky top-0 z-[1] flex h-[44px] items-center bg-components-panel-bg pl-4 pr-3 pt-3 font-semibold text-text-primary">
+            <div className="grow">
+              {t('workflow.panel.checklist')}
+              {needWarningNodes.length ? `(${needWarningNodes.length})` : ''}
+            </div>
             <div
-              className='flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center'
+              className="flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center"
               onClick={() => setOpen(false)}
             >
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </div>
           </div>
-          <div className='pb-2'>
+          <div className="pb-2">
             {
               !!needWarningNodes.length && (
                 <>
-                  <div className='px-4 pt-1 text-xs text-text-tertiary'>{t('workflow.panel.checklistTip')}</div>
-                  <div className='px-4 py-2'>
+                  <div className="px-4 pt-1 text-xs text-text-tertiary">{t('workflow.panel.checklistTip')}</div>
+                  <div className="px-4 py-2">
                     {
                       needWarningNodes.map(node => (
                         <div
@@ -128,22 +129,22 @@ const WorkflowChecklist = ({
                           )}
                           onClick={() => handleChecklistItemClick(node)}
                         >
-                          <div className='flex h-9 items-center p-2 text-xs font-medium text-text-secondary'>
+                          <div className="flex h-9 items-center p-2 text-xs font-medium text-text-secondary">
                             <BlockIcon
                               type={node.type as BlockEnum}
-                              className='mr-1.5'
+                              className="mr-1.5"
                               toolIcon={node.toolIcon}
                             />
-                            <span className='grow truncate'>
+                            <span className="grow truncate">
                               {node.title}
                             </span>
                             {
                               (showGoTo && node.canNavigate && !node.disableGoTo) && (
-                                <div className='flex h-4 w-[60px] shrink-0 items-center justify-center gap-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100'>
-                                  <span className='whitespace-nowrap text-xs font-medium leading-4 text-primary-600'>
+                                <div className="flex h-4 w-[60px] shrink-0 items-center justify-center gap-1 opacity-0 transition-opacity duration-200 group-hover:opacity-100">
+                                  <span className="whitespace-nowrap text-xs font-medium leading-4 text-primary-600">
                                     {t('workflow.panel.goTo')}
                                   </span>
-                                  <IconR className='h-3.5 w-3.5 text-primary-600' />
+                                  <IconR className="h-3.5 w-3.5 text-primary-600" />
                                 </div>
                               )
                             }
@@ -156,9 +157,9 @@ const WorkflowChecklist = ({
                           >
                             {
                               node.unConnected && (
-                                <div className='px-3 py-1 first:pt-1.5 last:pb-1.5'>
-                                  <div className='flex text-xs leading-4 text-text-tertiary'>
-                                    <Warning className='mr-2 mt-[2px] h-3 w-3 text-[#F79009]' />
+                                <div className="px-3 py-1 first:pt-1.5 last:pb-1.5">
+                                  <div className="flex text-xs leading-4 text-text-tertiary">
+                                    <Warning className="mr-2 mt-[2px] h-3 w-3 text-[#F79009]" />
                                     {t('workflow.common.needConnectTip')}
                                   </div>
                                 </div>
@@ -166,9 +167,9 @@ const WorkflowChecklist = ({
                             }
                             {
                               node.errorMessage && (
-                                <div className='px-3 py-1 first:pt-1.5 last:pb-1.5'>
-                                  <div className='flex text-xs leading-4 text-text-tertiary'>
-                                    <Warning className='mr-2 mt-[2px] h-3 w-3 text-[#F79009]' />
+                                <div className="px-3 py-1 first:pt-1.5 last:pb-1.5">
+                                  <div className="flex text-xs leading-4 text-text-tertiary">
+                                    <Warning className="mr-2 mt-[2px] h-3 w-3 text-[#F79009]" />
                                     {node.errorMessage}
                                   </div>
                                 </div>
@@ -184,8 +185,8 @@ const WorkflowChecklist = ({
             }
             {
               !needWarningNodes.length && (
-                <div className='mx-4 mb-3 rounded-lg bg-components-panel-bg py-4 text-center text-xs text-text-tertiary'>
-                  <ChecklistSquare className='mx-auto mb-[5px] h-8 w-8 text-text-quaternary' />
+                <div className="mx-4 mb-3 rounded-lg bg-components-panel-bg py-4 text-center text-xs text-text-tertiary">
+                  <ChecklistSquare className="mx-auto mb-[5px] h-8 w-8 text-text-quaternary" />
                   {t('workflow.panel.checklistResolved')}
                 </div>
               )
diff --git a/web/app/components/workflow/header/editing-title.tsx b/web/app/components/workflow/header/editing-title.tsx
index 81249b05bd..8fa03f3c26 100644
--- a/web/app/components/workflow/header/editing-title.tsx
+++ b/web/app/components/workflow/header/editing-title.tsx
@@ -1,7 +1,7 @@
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
 import { useStore } from '@/app/components/workflow/store'
+import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
 import useTimestamp from '@/hooks/use-timestamp'
 
 const EditingTitle = () => {
@@ -18,11 +18,13 @@ const EditingTitle = () => {
       {
         !!draftUpdatedAt && (
           <>
-            {t('workflow.common.autoSaved')} {formatTime(draftUpdatedAt / 1000, 'HH:mm:ss')}
+            {t('workflow.common.autoSaved')}
+            {' '}
+            {formatTime(draftUpdatedAt / 1000, 'HH:mm:ss')}
           </>
         )
       }
-      <span className='mx-1 flex items-center'>·</span>
+      <span className="mx-1 flex items-center">·</span>
       {
         publishedAt
           ? `${t('workflow.common.published')} ${formatTimeFromNow(publishedAt)}`
@@ -31,7 +33,7 @@ const EditingTitle = () => {
       {
         isSyncingWorkflowDraft && (
           <>
-            <span className='mx-1 flex items-center'>·</span>
+            <span className="mx-1 flex items-center">·</span>
             {t('workflow.common.syncingData')}
           </>
         )
diff --git a/web/app/components/workflow/header/env-button.tsx b/web/app/components/workflow/header/env-button.tsx
index f053097a0d..12dc193261 100644
--- a/web/app/components/workflow/header/env-button.tsx
+++ b/web/app/components/workflow/header/env-button.tsx
@@ -1,10 +1,10 @@
 import { memo } from 'react'
 import Button from '@/app/components/base/button'
 import { Env } from '@/app/components/base/icons/src/vender/line/others'
+import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
 import { useStore } from '@/app/components/workflow/store'
 import useTheme from '@/hooks/use-theme'
 import { cn } from '@/utils/classnames'
-import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
 
 const EnvButton = ({ disabled }: { disabled: boolean }) => {
   const { theme } = useTheme()
@@ -29,11 +29,11 @@ const EnvButton = ({ disabled }: { disabled: boolean }) => {
         'p-2',
         theme === 'dark' && showEnvPanel && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm',
       )}
-      variant='ghost'
+      variant="ghost"
       disabled={disabled}
       onClick={handleClick}
     >
-      <Env className='h-4 w-4 text-components-button-secondary-text' />
+      <Env className="h-4 w-4 text-components-button-secondary-text" />
     </Button>
   )
 }
diff --git a/web/app/components/workflow/header/global-variable-button.tsx b/web/app/components/workflow/header/global-variable-button.tsx
index 6859521aee..a2d78edc4b 100644
--- a/web/app/components/workflow/header/global-variable-button.tsx
+++ b/web/app/components/workflow/header/global-variable-button.tsx
@@ -1,10 +1,10 @@
 import { memo } from 'react'
 import Button from '@/app/components/base/button'
 import { GlobalVariable } from '@/app/components/base/icons/src/vender/line/others'
+import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
 import { useStore } from '@/app/components/workflow/store'
 import useTheme from '@/hooks/use-theme'
 import { cn } from '@/utils/classnames'
-import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
 
 const GlobalVariableButton = ({ disabled }: { disabled: boolean }) => {
   const { theme } = useTheme()
@@ -31,9 +31,9 @@ const GlobalVariableButton = ({ disabled }: { disabled: boolean }) => {
       )}
       disabled={disabled}
       onClick={handleClick}
-      variant='ghost'
+      variant="ghost"
     >
-      <GlobalVariable className='h-4 w-4 text-components-button-secondary-text' />
+      <GlobalVariable className="h-4 w-4 text-components-button-secondary-text" />
     </Button>
   )
 }
diff --git a/web/app/components/workflow/header/header-in-normal.tsx b/web/app/components/workflow/header/header-in-normal.tsx
index 20fdafaff5..52ffee4ed5 100644
--- a/web/app/components/workflow/header/header-in-normal.tsx
+++ b/web/app/components/workflow/header/header-in-normal.tsx
@@ -1,26 +1,26 @@
+import type { StartNodeType } from '../nodes/start/types'
+import type { RunAndHistoryProps } from './run-and-history'
 import {
   useCallback,
 } from 'react'
 import { useNodes } from 'reactflow'
-import {
-  useStore,
-  useWorkflowStore,
-} from '../store'
-import type { StartNodeType } from '../nodes/start/types'
+import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
+import Divider from '../../base/divider'
 import {
   useNodesInteractions,
   useNodesReadOnly,
   useWorkflowRun,
 } from '../hooks'
-import Divider from '../../base/divider'
-import type { RunAndHistoryProps } from './run-and-history'
-import RunAndHistory from './run-and-history'
+import {
+  useStore,
+  useWorkflowStore,
+} from '../store'
 import EditingTitle from './editing-title'
 import EnvButton from './env-button'
-import VersionHistoryButton from './version-history-button'
-import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
-import ScrollToSelectedNodeButton from './scroll-to-selected-node-button'
 import GlobalVariableButton from './global-variable-button'
+import RunAndHistory from './run-and-history'
+import ScrollToSelectedNodeButton from './scroll-to-selected-node-button'
+import VersionHistoryButton from './version-history-button'
 
 export type HeaderInNormalProps = {
   components?: {
@@ -64,18 +64,18 @@ const HeaderInNormal = ({
   }, [workflowStore, handleBackupDraft, selectedNode, handleNodeSelect, setShowWorkflowVersionHistoryPanel, setShowEnvPanel, setShowDebugAndPreviewPanel, setShowVariableInspectPanel, setShowChatVariablePanel, setShowGlobalVariablePanel])
 
   return (
-    <div className='flex w-full items-center justify-between'>
+    <div className="flex w-full items-center justify-between">
       <div>
         <EditingTitle />
       </div>
       <div>
         <ScrollToSelectedNodeButton />
       </div>
-      <div className='flex items-center gap-2'>
+      <div className="flex items-center gap-2">
         {components?.left}
-        <Divider type='vertical' className='mx-auto h-3.5' />
+        <Divider type="vertical" className="mx-auto h-3.5" />
         <RunAndHistory {...runAndHistoryProps} />
-        <div className='shrink-0 cursor-pointer rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg shadow-xs backdrop-blur-[10px]'>
+        <div className="shrink-0 cursor-pointer rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg shadow-xs backdrop-blur-[10px]">
           {components?.chatVariableTrigger}
           <EnvButton disabled={nodesReadOnly} />
           <GlobalVariableButton disabled={nodesReadOnly} />
diff --git a/web/app/components/workflow/header/header-in-restoring.tsx b/web/app/components/workflow/header/header-in-restoring.tsx
index 53abe2375d..2abe031b61 100644
--- a/web/app/components/workflow/header/header-in-restoring.tsx
+++ b/web/app/components/workflow/header/header-in-restoring.tsx
@@ -1,8 +1,18 @@
+import { RiHistoryLine } from '@remixicon/react'
 import {
   useCallback,
 } from 'react'
-import { RiHistoryLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import useTheme from '@/hooks/use-theme'
+import { useInvalidAllLastRun } from '@/service/use-workflow'
+import { cn } from '@/utils/classnames'
+import Toast from '../../base/toast'
+import {
+  useNodesSyncDraft,
+  useWorkflowRun,
+} from '../hooks'
+import { useHooksStore } from '../hooks-store'
 import {
   useStore,
   useWorkflowStore,
@@ -10,17 +20,7 @@ import {
 import {
   WorkflowVersion,
 } from '../types'
-import {
-  useNodesSyncDraft,
-  useWorkflowRun,
-} from '../hooks'
-import Toast from '../../base/toast'
 import RestoringTitle from './restoring-title'
-import Button from '@/app/components/base/button'
-import { useInvalidAllLastRun } from '@/service/use-workflow'
-import { useHooksStore } from '../hooks-store'
-import useTheme from '@/hooks/use-theme'
-import { cn } from '@/utils/classnames'
 
 export type HeaderInRestoringProps = {
   onRestoreSettled?: () => void
@@ -80,11 +80,11 @@ const HeaderInRestoring = ({
       <div>
         <RestoringTitle />
       </div>
-      <div className=' flex items-center justify-end gap-x-2'>
+      <div className=" flex items-center justify-end gap-x-2">
         <Button
           onClick={handleRestore}
           disabled={!currentVersion || currentVersion.version === WorkflowVersion.Draft}
-          variant='primary'
+          variant="primary"
           className={cn(
             theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm',
           )}
@@ -98,9 +98,9 @@ const HeaderInRestoring = ({
             theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm',
           )}
         >
-          <div className='flex items-center gap-x-0.5'>
-            <RiHistoryLine className='h-4 w-4' />
-            <span className='px-0.5'>{t('workflow.common.exitVersions')}</span>
+          <div className="flex items-center gap-x-0.5">
+            <RiHistoryLine className="h-4 w-4" />
+            <span className="px-0.5">{t('workflow.common.exitVersions')}</span>
           </div>
         </Button>
       </div>
diff --git a/web/app/components/workflow/header/header-in-view-history.tsx b/web/app/components/workflow/header/header-in-view-history.tsx
index 70189a9469..17b1dea52f 100644
--- a/web/app/components/workflow/header/header-in-view-history.tsx
+++ b/web/app/components/workflow/header/header-in-view-history.tsx
@@ -1,19 +1,19 @@
+import type { ViewHistoryProps } from './view-history'
 import {
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  useWorkflowStore,
-} from '../store'
+import Button from '@/app/components/base/button'
+import { ArrowNarrowLeft } from '@/app/components/base/icons/src/vender/line/arrows'
+import Divider from '../../base/divider'
 import {
   useWorkflowRun,
 } from '../hooks'
-import Divider from '../../base/divider'
+import {
+  useWorkflowStore,
+} from '../store'
 import RunningTitle from './running-title'
-import type { ViewHistoryProps } from './view-history'
 import ViewHistory from './view-history'
-import Button from '@/app/components/base/button'
-import { ArrowNarrowLeft } from '@/app/components/base/icons/src/vender/line/arrows'
 
 export type HeaderInHistoryProps = {
   viewHistoryProps?: ViewHistoryProps
@@ -38,14 +38,14 @@ const HeaderInHistory = ({
       <div>
         <RunningTitle />
       </div>
-      <div className='flex items-center space-x-2'>
+      <div className="flex items-center space-x-2">
         <ViewHistory {...viewHistoryProps} withText />
-        <Divider type='vertical' className='mx-auto h-3.5' />
+        <Divider type="vertical" className="mx-auto h-3.5" />
         <Button
-          variant='primary'
+          variant="primary"
           onClick={handleGoBackToEdit}
         >
-          <ArrowNarrowLeft className='mr-1 h-4 w-4' />
+          <ArrowNarrowLeft className="mr-1 h-4 w-4" />
           {t('workflow.common.goBackToEdit')}
         </Button>
       </div>
diff --git a/web/app/components/workflow/header/index.tsx b/web/app/components/workflow/header/index.tsx
index e37a92638a..0590c016f2 100644
--- a/web/app/components/workflow/header/index.tsx
+++ b/web/app/components/workflow/header/index.tsx
@@ -1,13 +1,13 @@
+import type { HeaderInNormalProps } from './header-in-normal'
+import type { HeaderInRestoringProps } from './header-in-restoring'
+import type { HeaderInHistoryProps } from './header-in-view-history'
+import dynamic from 'next/dynamic'
 import { usePathname } from 'next/navigation'
 import {
   useWorkflowMode,
 } from '../hooks'
-import type { HeaderInNormalProps } from './header-in-normal'
-import HeaderInNormal from './header-in-normal'
-import type { HeaderInHistoryProps } from './header-in-view-history'
-import type { HeaderInRestoringProps } from './header-in-restoring'
 import { useStore } from '../store'
-import dynamic from 'next/dynamic'
+import HeaderInNormal from './header-in-normal'
 
 const HeaderInHistory = dynamic(() => import('./header-in-view-history'), {
   ssr: false,
@@ -38,9 +38,9 @@ const Header = ({
 
   return (
     <div
-      className='absolute left-0 top-7 z-10 flex h-0 w-full items-center justify-between bg-mask-top2bottom-gray-50-to-transparent px-3'
+      className="absolute left-0 top-7 z-10 flex h-0 w-full items-center justify-between bg-mask-top2bottom-gray-50-to-transparent px-3"
     >
-      {(inWorkflowCanvas || isPipelineCanvas) && maximizeCanvas && <div className='h-14 w-[52px]' />}
+      {(inWorkflowCanvas || isPipelineCanvas) && maximizeCanvas && <div className="h-14 w-[52px]" />}
       {
         normal && (
           <HeaderInNormal
diff --git a/web/app/components/workflow/header/restoring-title.tsx b/web/app/components/workflow/header/restoring-title.tsx
index e6631d3684..737fe4fec5 100644
--- a/web/app/components/workflow/header/restoring-title.tsx
+++ b/web/app/components/workflow/header/restoring-title.tsx
@@ -1,9 +1,9 @@
 import { memo, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
+import useTimestamp from '@/hooks/use-timestamp'
 import { useStore } from '../store'
 import { WorkflowVersion } from '../types'
-import useTimestamp from '@/hooks/use-timestamp'
 
 const RestoringTitle = () => {
   const { t } = useTranslation()
@@ -20,16 +20,16 @@ const RestoringTitle = () => {
   }, [currentVersion, t, isDraft])
 
   return (
-    <div className='flex flex-col gap-y-0.5'>
-      <div className='flex items-center gap-x-1'>
-        <span className='system-sm-semibold text-text-primary'>
+    <div className="flex flex-col gap-y-0.5">
+      <div className="flex items-center gap-x-1">
+        <span className="system-sm-semibold text-text-primary">
           {versionName}
         </span>
-        <span className='system-2xs-medium-uppercase rounded-[5px] border border-text-accent-secondary bg-components-badge-bg-dimm px-1 py-0.5 text-text-accent-secondary'>
+        <span className="system-2xs-medium-uppercase rounded-[5px] border border-text-accent-secondary bg-components-badge-bg-dimm px-1 py-0.5 text-text-accent-secondary">
           {t('workflow.common.viewOnly')}
         </span>
       </div>
-      <div className='system-xs-regular flex h-4 items-center gap-x-1 text-text-tertiary'>
+      <div className="system-xs-regular flex h-4 items-center gap-x-1 text-text-tertiary">
         {
           currentVersion && (
             <>
diff --git a/web/app/components/workflow/header/run-and-history.tsx b/web/app/components/workflow/header/run-and-history.tsx
index ae4b462b29..f4b115e255 100644
--- a/web/app/components/workflow/header/run-and-history.tsx
+++ b/web/app/components/workflow/header/run-and-history.tsx
@@ -1,17 +1,17 @@
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ViewHistoryProps } from './view-history'
 import {
   RiPlayLargeLine,
 } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 import {
   useNodesReadOnly,
   useWorkflowStartRun,
 } from '../hooks'
-import type { ViewHistoryProps } from './view-history'
-import ViewHistory from './view-history'
 import Checklist from './checklist'
-import { cn } from '@/utils/classnames'
 import RunMode from './run-mode'
+import ViewHistory from './view-history'
 
 const PreviewMode = memo(() => {
   const { t } = useTranslation()
@@ -25,7 +25,7 @@ const PreviewMode = memo(() => {
       )}
       onClick={() => handleWorkflowStartRunInChatflow()}
     >
-      <RiPlayLargeLine className='mr-1 h-4 w-4' />
+      <RiPlayLargeLine className="mr-1 h-4 w-4" />
       {t('workflow.common.debugAndPreview')}
     </div>
   )
@@ -56,7 +56,7 @@ const RunAndHistory = ({
   const { RunMode: CustomRunMode } = components || {}
 
   return (
-    <div className='flex h-8 items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-0.5 shadow-xs'>
+    <div className="flex h-8 items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-0.5 shadow-xs">
       {
         showRunButton && (
           CustomRunMode ? <CustomRunMode text={runButtonText} /> : <RunMode text={runButtonText} />
@@ -65,7 +65,7 @@ const RunAndHistory = ({
       {
         showPreviewButton && <PreviewMode />
       }
-      <div className='mx-0.5 h-3.5 w-[1px] bg-divider-regular'></div>
+      <div className="mx-0.5 h-3.5 w-[1px] bg-divider-regular"></div>
       <ViewHistory {...viewHistoryProps} />
       <Checklist disabled={nodesReadOnly} />
     </div>
diff --git a/web/app/components/workflow/header/run-mode.tsx b/web/app/components/workflow/header/run-mode.tsx
index 6ab826cc48..82e33b5c30 100644
--- a/web/app/components/workflow/header/run-mode.tsx
+++ b/web/app/components/workflow/header/run-mode.tsx
@@ -1,18 +1,19 @@
+import type { TestRunMenuRef, TriggerOption } from './test-run-menu'
+import { RiLoader2Line, RiPlayLargeLine } from '@remixicon/react'
 import React, { useCallback, useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
+import { trackEvent } from '@/app/components/base/amplitude'
+import { StopCircle } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
+import { useToastContext } from '@/app/components/base/toast'
 import { useWorkflowRun, useWorkflowRunValidation, useWorkflowStartRun } from '@/app/components/workflow/hooks'
 import { useStore } from '@/app/components/workflow/store'
 import { WorkflowRunningStatus } from '@/app/components/workflow/types'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
 import { getKeyboardKeyNameBySystem } from '@/app/components/workflow/utils'
+import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { cn } from '@/utils/classnames'
-import { RiLoader2Line, RiPlayLargeLine } from '@remixicon/react'
-import { StopCircle } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
 import { useDynamicTestRunOptions } from '../hooks/use-dynamic-test-run-options'
-import TestRunMenu, { type TestRunMenuRef, type TriggerOption, TriggerType } from './test-run-menu'
-import { useToastContext } from '@/app/components/base/toast'
-import { trackEvent } from '@/app/components/base/amplitude'
+import TestRunMenu, { TriggerType } from './test-run-menu'
 
 type RunModeProps = {
   text?: string
@@ -112,57 +113,57 @@ const RunMode = ({
   })
 
   return (
-    <div className='flex items-center gap-x-px'>
+    <div className="flex items-center gap-x-px">
       {
         isRunning
           ? (
-            <button
-              type='button'
-              className={cn(
-                'system-xs-medium flex h-7 cursor-not-allowed items-center gap-x-1 rounded-l-md bg-state-accent-hover px-1.5 text-text-accent',
-              )}
-              disabled={true}
-            >
-              <RiLoader2Line className='mr-1 size-4 animate-spin' />
-              {isListening ? t('workflow.common.listening') : t('workflow.common.running')}
-            </button>
-          )
-          : (
-            <TestRunMenu
-              ref={testRunMenuRef}
-              options={dynamicOptions}
-              onSelect={handleTriggerSelect}
-            >
-              <div
+              <button
+                type="button"
                 className={cn(
-                  'system-xs-medium flex h-7 cursor-pointer items-center gap-x-1 rounded-md px-1.5 text-text-accent hover:bg-state-accent-hover',
+                  'system-xs-medium flex h-7 cursor-not-allowed items-center gap-x-1 rounded-l-md bg-state-accent-hover px-1.5 text-text-accent',
                 )}
-                style={{ userSelect: 'none' }}
+                disabled={true}
               >
-                <RiPlayLargeLine className='mr-1 size-4' />
-                {text ?? t('workflow.common.run')}
-                <div className='system-kbd flex items-center gap-x-0.5 text-text-tertiary'>
-                  <div className='flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray'>
-                    {getKeyboardKeyNameBySystem('alt')}
-                  </div>
-                  <div className='flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray'>
-                    R
+                <RiLoader2Line className="mr-1 size-4 animate-spin" />
+                {isListening ? t('workflow.common.listening') : t('workflow.common.running')}
+              </button>
+            )
+          : (
+              <TestRunMenu
+                ref={testRunMenuRef}
+                options={dynamicOptions}
+                onSelect={handleTriggerSelect}
+              >
+                <div
+                  className={cn(
+                    'system-xs-medium flex h-7 cursor-pointer items-center gap-x-1 rounded-md px-1.5 text-text-accent hover:bg-state-accent-hover',
+                  )}
+                  style={{ userSelect: 'none' }}
+                >
+                  <RiPlayLargeLine className="mr-1 size-4" />
+                  {text ?? t('workflow.common.run')}
+                  <div className="system-kbd flex items-center gap-x-0.5 text-text-tertiary">
+                    <div className="flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray">
+                      {getKeyboardKeyNameBySystem('alt')}
+                    </div>
+                    <div className="flex size-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray">
+                      R
+                    </div>
                   </div>
                 </div>
-              </div>
-            </TestRunMenu>
-          )
+              </TestRunMenu>
+            )
       }
       {
         isRunning && (
           <button
-            type='button'
+            type="button"
             className={cn(
               'flex size-7 items-center justify-center rounded-r-md bg-state-accent-active',
             )}
             onClick={handleStop}
           >
-            <StopCircle className='size-4 text-text-accent' />
+            <StopCircle className="size-4 text-text-accent" />
           </button>
         )
       }
diff --git a/web/app/components/workflow/header/running-title.tsx b/web/app/components/workflow/header/running-title.tsx
index 95e763ead7..80a9361983 100644
--- a/web/app/components/workflow/header/running-title.tsx
+++ b/web/app/components/workflow/header/running-title.tsx
@@ -1,9 +1,9 @@
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
+import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
 import { useIsChatMode } from '../hooks'
 import { useStore } from '../store'
 import { formatWorkflowRunIdentifier } from '../utils'
-import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
 
 const RunningTitle = () => {
   const { t } = useTranslation()
@@ -11,11 +11,11 @@ const RunningTitle = () => {
   const historyWorkflowData = useStore(s => s.historyWorkflowData)
 
   return (
-    <div className='flex h-[18px] items-center text-xs text-gray-500'>
-      <ClockPlay className='mr-1 h-3 w-3 text-gray-500' />
+    <div className="flex h-[18px] items-center text-xs text-gray-500">
+      <ClockPlay className="mr-1 h-3 w-3 text-gray-500" />
       <span>{isChatMode ? `Test Chat${formatWorkflowRunIdentifier(historyWorkflowData?.finished_at)}` : `Test Run${formatWorkflowRunIdentifier(historyWorkflowData?.finished_at)}`}</span>
-      <span className='mx-1'>·</span>
-      <span className='ml-1 flex h-[18px] items-center rounded-[5px] border border-indigo-300 bg-white/[0.48] px-1 text-[10px] font-semibold uppercase text-indigo-600'>
+      <span className="mx-1">·</span>
+      <span className="ml-1 flex h-[18px] items-center rounded-[5px] border border-indigo-300 bg-white/[0.48] px-1 text-[10px] font-semibold uppercase text-indigo-600">
         {t('workflow.common.viewOnly')}
       </span>
     </div>
diff --git a/web/app/components/workflow/header/scroll-to-selected-node-button.tsx b/web/app/components/workflow/header/scroll-to-selected-node-button.tsx
index 58aeccea1b..6606df5538 100644
--- a/web/app/components/workflow/header/scroll-to-selected-node-button.tsx
+++ b/web/app/components/workflow/header/scroll-to-selected-node-button.tsx
@@ -1,10 +1,10 @@
 import type { FC } from 'react'
-import { useCallback } from 'react'
-import { useNodes } from 'reactflow'
-import { useTranslation } from 'react-i18next'
 import type { CommonNodeType } from '../types'
-import { scrollToWorkflowNode } from '../utils/node-navigation'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes } from 'reactflow'
 import { cn } from '@/utils/classnames'
+import { scrollToWorkflowNode } from '../utils/node-navigation'
 
 const ScrollToSelectedNodeButton: FC = () => {
   const { t } = useTranslation()
@@ -12,7 +12,8 @@ const ScrollToSelectedNodeButton: FC = () => {
   const selectedNode = nodes.find(node => node.data.selected)
 
   const handleScrollToSelectedNode = useCallback(() => {
-    if (!selectedNode) return
+    if (!selectedNode)
+      return
     scrollToWorkflowNode(selectedNode.id)
   }, [selectedNode])
 
diff --git a/web/app/components/workflow/header/test-run-menu.tsx b/web/app/components/workflow/header/test-run-menu.tsx
index 40aabab6f8..8f4af3b592 100644
--- a/web/app/components/workflow/header/test-run-menu.tsx
+++ b/web/app/components/workflow/header/test-run-menu.tsx
@@ -1,10 +1,9 @@
+import type { MouseEvent, MouseEventHandler, ReactElement } from 'react'
 import {
-  type MouseEvent,
-  type MouseEventHandler,
-  type ReactElement,
   cloneElement,
   forwardRef,
   isValidElement,
+
   useCallback,
   useEffect,
   useImperativeHandle,
@@ -158,14 +157,14 @@ const TestRunMenu = forwardRef<TestRunMenuRef, TestRunMenuProps>(({
     return (
       <div
         key={option.id}
-        className='system-md-regular flex cursor-pointer items-center rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'
+        className="system-md-regular flex cursor-pointer items-center rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover"
         onClick={() => handleSelect(option)}
       >
-        <div className='flex min-w-0 flex-1 items-center'>
-          <div className='flex h-6 w-6 shrink-0 items-center justify-center'>
+        <div className="flex min-w-0 flex-1 items-center">
+          <div className="flex h-6 w-6 shrink-0 items-center justify-center">
             {option.icon}
           </div>
-          <span className='ml-2 truncate'>{option.name}</span>
+          <span className="ml-2 truncate">{option.name}</span>
         </div>
         {shortcutKey && (
           <ShortcutsName keys={[shortcutKey]} className="ml-2" textColor="secondary" />
@@ -214,7 +213,7 @@ const TestRunMenu = forwardRef<TestRunMenuRef, TestRunMenuProps>(({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{ mainAxis: 8, crossAxis: -4 }}
     >
       <PortalToFollowElemTrigger asChild onClick={() => setOpen(!open)}>
@@ -222,16 +221,16 @@ const TestRunMenu = forwardRef<TestRunMenuRef, TestRunMenuProps>(({
           {children}
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[12]'>
-        <div className='w-[284px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-1 shadow-lg'>
-          <div className='mb-2 px-3 pt-2 text-sm font-medium text-text-primary'>
+      <PortalToFollowElemContent className="z-[12]">
+        <div className="w-[284px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-1 shadow-lg">
+          <div className="mb-2 px-3 pt-2 text-sm font-medium text-text-primary">
             {t('workflow.common.chooseStartNodeToRun')}
           </div>
           <div>
             {hasUserInput && renderOption(options.userInput!)}
 
             {(hasTriggers || hasRunAll) && hasUserInput && (
-              <div className='mx-3 my-1 h-px bg-divider-subtle' />
+              <div className="mx-3 my-1 h-px bg-divider-subtle" />
             )}
 
             {hasRunAll && renderOption(options.runAll!)}
diff --git a/web/app/components/workflow/header/undo-redo.tsx b/web/app/components/workflow/header/undo-redo.tsx
index 4b2e9abc36..27e9af2865 100644
--- a/web/app/components/workflow/header/undo-redo.tsx
+++ b/web/app/components/workflow/header/undo-redo.tsx
@@ -1,18 +1,18 @@
 import type { FC } from 'react'
-import { memo, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiArrowGoBackLine,
   RiArrowGoForwardFill,
 } from '@remixicon/react'
+import { memo, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ViewWorkflowHistory from '@/app/components/workflow/header/view-workflow-history'
+import { useNodesReadOnly } from '@/app/components/workflow/hooks'
+import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
 import TipPopup from '../operator/tip-popup'
 import { useWorkflowHistoryStore } from '../workflow-history-store'
-import Divider from '../../base/divider'
-import { useNodesReadOnly } from '@/app/components/workflow/hooks'
-import ViewWorkflowHistory from '@/app/components/workflow/header/view-workflow-history'
-import { cn } from '@/utils/classnames'
 
-export type UndoRedoProps = { handleUndo: () => void; handleRedo: () => void }
+export type UndoRedoProps = { handleUndo: () => void, handleRedo: () => void }
 const UndoRedo: FC<UndoRedoProps> = ({ handleUndo, handleRedo }) => {
   const { t } = useTranslation()
   const { store } = useWorkflowHistoryStore()
@@ -31,34 +31,34 @@ const UndoRedo: FC<UndoRedoProps> = ({ handleUndo, handleRedo }) => {
   const { nodesReadOnly } = useNodesReadOnly()
 
   return (
-    <div className='flex items-center space-x-0.5 rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-lg backdrop-blur-[5px]'>
+    <div className="flex items-center space-x-0.5 rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-lg backdrop-blur-[5px]">
       <TipPopup title={t('workflow.common.undo')!} shortcuts={['ctrl', 'z']}>
         <div
-          data-tooltip-id='workflow.undo'
+          data-tooltip-id="workflow.undo"
           className={
-            cn('system-sm-medium flex h-8 w-8 cursor-pointer select-none items-center rounded-md px-1.5 text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
-              (nodesReadOnly || buttonsDisabled.undo)
-              && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')}
+            cn('system-sm-medium flex h-8 w-8 cursor-pointer select-none items-center rounded-md px-1.5 text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary', (nodesReadOnly || buttonsDisabled.undo)
+            && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')
+          }
           onClick={() => !nodesReadOnly && !buttonsDisabled.undo && handleUndo()}
         >
-          <RiArrowGoBackLine className='h-4 w-4' />
-        </div>
-      </TipPopup >
-      <TipPopup title={t('workflow.common.redo')!} shortcuts={['ctrl', 'y']}>
-        <div
-          data-tooltip-id='workflow.redo'
-          className={
-            cn('system-sm-medium flex h-8 w-8 cursor-pointer select-none items-center rounded-md px-1.5 text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
-              (nodesReadOnly || buttonsDisabled.redo)
-              && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')}
-          onClick={() => !nodesReadOnly && !buttonsDisabled.redo && handleRedo()}
-        >
-          <RiArrowGoForwardFill className='h-4 w-4' />
+          <RiArrowGoBackLine className="h-4 w-4" />
         </div>
       </TipPopup>
-      <Divider type='vertical' className="mx-0.5 h-3.5" />
+      <TipPopup title={t('workflow.common.redo')!} shortcuts={['ctrl', 'y']}>
+        <div
+          data-tooltip-id="workflow.redo"
+          className={
+            cn('system-sm-medium flex h-8 w-8 cursor-pointer select-none items-center rounded-md px-1.5 text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary', (nodesReadOnly || buttonsDisabled.redo)
+            && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')
+          }
+          onClick={() => !nodesReadOnly && !buttonsDisabled.redo && handleRedo()}
+        >
+          <RiArrowGoForwardFill className="h-4 w-4" />
+        </div>
+      </TipPopup>
+      <Divider type="vertical" className="mx-0.5 h-3.5" />
       <ViewWorkflowHistory />
-    </div >
+    </div>
   )
 }
 
diff --git a/web/app/components/workflow/header/version-history-button.tsx b/web/app/components/workflow/header/version-history-button.tsx
index 416c6ef7e5..b29608a022 100644
--- a/web/app/components/workflow/header/version-history-button.tsx
+++ b/web/app/components/workflow/header/version-history-button.tsx
@@ -1,12 +1,13 @@
-import React, { type FC, useCallback } from 'react'
+import type { FC } from 'react'
 import { RiHistoryLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import { useKeyPress } from 'ahooks'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import useTheme from '@/hooks/use-theme'
+import { cn } from '@/utils/classnames'
 import Button from '../../base/button'
 import Tooltip from '../../base/tooltip'
 import { getKeyboardKeyCodeBySystem, getKeyboardKeyNameBySystem } from '../utils'
-import useTheme from '@/hooks/use-theme'
-import { cn } from '@/utils/classnames'
 
 type VersionHistoryButtonProps = {
   onClick: () => Promise<unknown> | unknown
@@ -17,15 +18,15 @@ const VERSION_HISTORY_SHORTCUT = ['ctrl', '⇧', 'H']
 const PopupContent = React.memo(() => {
   const { t } = useTranslation()
   return (
-    <div className='flex items-center gap-x-1'>
-      <div className='system-xs-medium px-0.5 text-text-secondary'>
+    <div className="flex items-center gap-x-1">
+      <div className="system-xs-medium px-0.5 text-text-secondary">
         {t('workflow.common.versionHistory')}
       </div>
-      <div className='flex items-center gap-x-0.5'>
+      <div className="flex items-center gap-x-0.5">
         {VERSION_HISTORY_SHORTCUT.map(key => (
           <span
             key={key}
-            className='system-kbd rounded-[4px] bg-components-kbd-bg-white px-[1px] text-text-tertiary'
+            className="system-kbd rounded-[4px] bg-components-kbd-bg-white px-[1px] text-text-tertiary"
           >
             {getKeyboardKeyNameBySystem(key)}
           </span>
@@ -50,22 +51,24 @@ const VersionHistoryButton: FC<VersionHistoryButtonProps> = ({
     handleViewVersionHistory()
   }, { exactMatch: true, useCapture: true })
 
-  return <Tooltip
-    popupContent={<PopupContent />}
-    noDecoration
-    popupClassName='rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg
-    shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px] p-1.5'
-  >
-    <Button
-      className={cn(
-        'p-2',
-        theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm',
-      )}
-      onClick={handleViewVersionHistory}
+  return (
+    <Tooltip
+      popupContent={<PopupContent />}
+      noDecoration
+      popupClassName="rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg
+    shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px] p-1.5"
     >
-      <RiHistoryLine className='h-4 w-4 text-components-button-secondary-text' />
-    </Button>
-  </Tooltip>
+      <Button
+        className={cn(
+          'p-2',
+          theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm',
+        )}
+        onClick={handleViewVersionHistory}
+      >
+        <RiHistoryLine className="h-4 w-4 text-components-button-secondary-text" />
+      </Button>
+    </Tooltip>
+  )
 }
 
 export default VersionHistoryButton
diff --git a/web/app/components/workflow/header/view-history.tsx b/web/app/components/workflow/header/view-history.tsx
index 7e9e0ee3bb..63a2dd25ab 100644
--- a/web/app/components/workflow/header/view-history.tsx
+++ b/web/app/components/workflow/header/view-history.tsx
@@ -1,44 +1,44 @@
-import {
-  memo,
-  useState,
-} from 'react'
 import type { Fetcher } from 'swr'
-import useSWR from 'swr'
-import { useTranslation } from 'react-i18next'
-import { noop } from 'lodash-es'
+import type { WorkflowRunHistoryResponse } from '@/types/workflow'
 import {
   RiCheckboxCircleLine,
   RiCloseLine,
   RiErrorWarningLine,
 } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import {
-  useIsChatMode,
-  useNodesInteractions,
-  useWorkflowInteractions,
-  useWorkflowRun,
-} from '../hooks'
-import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
-import { ControlMode, WorkflowRunningStatus } from '../types'
-import { formatWorkflowRunIdentifier } from '../utils'
-import { cn } from '@/utils/classnames'
+  memo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import useSWR from 'swr'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
+import {
+  ClockPlay,
+  ClockPlaySlim,
+} from '@/app/components/base/icons/src/vender/line/time'
+import Loading from '@/app/components/base/loading'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import Tooltip from '@/app/components/base/tooltip'
-import {
-  ClockPlay,
-  ClockPlaySlim,
-} from '@/app/components/base/icons/src/vender/line/time'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
-import Loading from '@/app/components/base/loading'
+import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
 import {
   useStore,
   useWorkflowStore,
 } from '@/app/components/workflow/store'
-import type { WorkflowRunHistoryResponse } from '@/types/workflow'
-import { useInputFieldPanel } from '@/app/components/rag-pipeline/hooks'
+import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
+import { cn } from '@/utils/classnames'
+import {
+  useIsChatMode,
+  useNodesInteractions,
+  useWorkflowInteractions,
+  useWorkflowRun,
+} from '../hooks'
+import { ControlMode, WorkflowRunningStatus } from '../types'
+import { formatWorkflowRunIdentifier } from '../utils'
 
 export type ViewHistoryProps = {
   withText?: boolean
@@ -92,9 +92,10 @@ const ViewHistory = ({
                 'flex h-8 items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 shadow-xs',
                 'cursor-pointer text-[13px] font-medium text-components-button-secondary-text hover:bg-components-button-secondary-bg-hover',
                 open && 'bg-components-button-secondary-bg-hover',
-              )}>
+              )}
+              >
                 <ClockPlay
-                  className={'mr-1 h-4 w-4'}
+                  className="mr-1 h-4 w-4"
                 />
                 {t('workflow.common.showRunHistory')}
               </div>
@@ -117,40 +118,40 @@ const ViewHistory = ({
             )
           }
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[12]'>
+        <PortalToFollowElemContent className="z-[12]">
           <div
-            className='ml-2 flex w-[240px] flex-col overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'
+            className="ml-2 flex w-[240px] flex-col overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl"
             style={{
               maxHeight: 'calc(2 / 3 * 100vh)',
             }}
           >
-            <div className='sticky top-0 flex items-center justify-between bg-components-panel-bg px-4 pt-3 text-base font-semibold text-text-primary'>
-              <div className='grow'>{t('workflow.common.runHistory')}</div>
+            <div className="sticky top-0 flex items-center justify-between bg-components-panel-bg px-4 pt-3 text-base font-semibold text-text-primary">
+              <div className="grow">{t('workflow.common.runHistory')}</div>
               <div
-                className='flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center'
+                className="flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center"
                 onClick={() => {
                   onClearLogAndMessageModal?.()
                   setOpen(false)
                 }}
               >
-                <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+                <RiCloseLine className="h-4 w-4 text-text-tertiary" />
               </div>
             </div>
             {
               isLoading && (
-                <div className='flex h-10 items-center justify-center'>
+                <div className="flex h-10 items-center justify-center">
                   <Loading />
                 </div>
               )
             }
             {
               !isLoading && (
-                <div className='p-2'>
+                <div className="p-2">
                   {
                     !data?.data.length && (
-                      <div className='py-12'>
-                        <ClockPlaySlim className='mx-auto mb-2 h-8 w-8 text-text-quaternary' />
-                        <div className='text-center text-[13px] text-text-quaternary'>
+                      <div className="py-12">
+                        <ClockPlaySlim className="mx-auto mb-2 h-8 w-8 text-text-quaternary" />
+                        <div className="text-center text-[13px] text-text-quaternary">
                           {t('workflow.common.notRunning')}
                         </div>
                       </div>
@@ -180,17 +181,17 @@ const ViewHistory = ({
                       >
                         {
                           !isChatMode && item.status === WorkflowRunningStatus.Stopped && (
-                            <AlertTriangle className='mr-1.5 mt-0.5 h-3.5 w-3.5 text-[#F79009]' />
+                            <AlertTriangle className="mr-1.5 mt-0.5 h-3.5 w-3.5 text-[#F79009]" />
                           )
                         }
                         {
                           !isChatMode && item.status === WorkflowRunningStatus.Failed && (
-                            <RiErrorWarningLine className='mr-1.5 mt-0.5 h-3.5 w-3.5 text-[#F04438]' />
+                            <RiErrorWarningLine className="mr-1.5 mt-0.5 h-3.5 w-3.5 text-[#F04438]" />
                           )
                         }
                         {
                           !isChatMode && item.status === WorkflowRunningStatus.Succeeded && (
-                            <RiCheckboxCircleLine className='mr-1.5 mt-0.5 h-3.5 w-3.5 text-[#12B76A]' />
+                            <RiCheckboxCircleLine className="mr-1.5 mt-0.5 h-3.5 w-3.5 text-[#12B76A]" />
                           )
                         }
                         <div>
@@ -202,8 +203,11 @@ const ViewHistory = ({
                           >
                             {`Test ${isChatMode ? 'Chat' : 'Run'}${formatWorkflowRunIdentifier(item.finished_at)}`}
                           </div>
-                          <div className='flex items-center text-xs leading-[18px] text-text-tertiary'>
-                            {item.created_by_account?.name} · {formatTimeFromNow((item.finished_at || item.created_at) * 1000)}
+                          <div className="flex items-center text-xs leading-[18px] text-text-tertiary">
+                            {item.created_by_account?.name}
+                            {' '}
+                            ·
+                            {formatTimeFromNow((item.finished_at || item.created_at) * 1000)}
                           </div>
                         </div>
                       </div>
diff --git a/web/app/components/workflow/header/view-workflow-history.tsx b/web/app/components/workflow/header/view-workflow-history.tsx
index bfef85382e..3d52247075 100644
--- a/web/app/components/workflow/header/view-workflow-history.tsx
+++ b/web/app/components/workflow/header/view-workflow-history.tsx
@@ -1,30 +1,30 @@
+import type { WorkflowHistoryState } from '../workflow-history-store'
+import {
+  RiCloseLine,
+  RiHistoryLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
   useMemo,
   useState,
 } from 'react'
-import {
-  RiCloseLine,
-  RiHistoryLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import { useShallow } from 'zustand/react/shallow'
 import { useStoreApi } from 'reactflow'
-import {
-  useNodesReadOnly,
-  useWorkflowHistory,
-} from '../hooks'
-import TipPopup from '../operator/tip-popup'
-import type { WorkflowHistoryState } from '../workflow-history-store'
-import Divider from '../../base/divider'
+import { useShallow } from 'zustand/react/shallow'
+import { useStore as useAppStore } from '@/app/components/app/store'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { useStore as useAppStore } from '@/app/components/app/store'
 import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
+import {
+  useNodesReadOnly,
+  useWorkflowHistory,
+} from '../hooks'
+import TipPopup from '../operator/tip-popup'
 
 type ChangeHistoryEntry = {
   label: string
@@ -96,10 +96,12 @@ const ViewWorkflowHistory = () => {
         index: reverse ? list.length - 1 - index - startIndex : index - startIndex,
         state: {
           ...state,
-          workflowHistoryEventMeta: state.workflowHistoryEventMeta ? {
-            ...state.workflowHistoryEventMeta,
-            nodeTitle: state.workflowHistoryEventMeta.nodeTitle || targetTitle,
-          } : undefined,
+          workflowHistoryEventMeta: state.workflowHistoryEventMeta
+            ? {
+                ...state.workflowHistoryEventMeta,
+                nodeTitle: state.workflowHistoryEventMeta.nodeTitle || targetTitle,
+              }
+            : undefined,
         },
       }
     }).filter(Boolean)
@@ -127,7 +129,7 @@ const ViewWorkflowHistory = () => {
   return (
     (
       <PortalToFollowElem
-        placement='bottom-end'
+        placement="bottom-end"
         offset={{
           mainAxis: 4,
           crossAxis: 131,
@@ -141,9 +143,8 @@ const ViewWorkflowHistory = () => {
           >
             <div
               className={
-                cn('flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
-                  open && 'bg-state-accent-active text-text-accent',
-                  nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')}
+                cn('flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary', open && 'bg-state-accent-active text-text-accent', nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')
+              }
               onClick={() => {
                 if (nodesReadOnly)
                   return
@@ -151,110 +152,115 @@ const ViewWorkflowHistory = () => {
                 setShowMessageLogModal(false)
               }}
             >
-              <RiHistoryLine className='h-4 w-4' />
+              <RiHistoryLine className="h-4 w-4" />
             </div>
           </TipPopup>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[12]'>
+        <PortalToFollowElemContent className="z-[12]">
           <div
-            className='ml-2 flex min-w-[240px] max-w-[360px] flex-col overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl backdrop-blur-[5px]'
+            className="ml-2 flex min-w-[240px] max-w-[360px] flex-col overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl backdrop-blur-[5px]"
           >
-            <div className='sticky top-0 flex items-center justify-between px-4 pt-3'>
-              <div className='system-mg-regular grow text-text-secondary'>{t('workflow.changeHistory.title')}</div>
+            <div className="sticky top-0 flex items-center justify-between px-4 pt-3">
+              <div className="system-mg-regular grow text-text-secondary">{t('workflow.changeHistory.title')}</div>
               <div
-                className='flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center'
+                className="flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center"
                 onClick={() => {
                   setCurrentLogItem()
                   setShowMessageLogModal(false)
                   setOpen(false)
                 }}
               >
-                <RiCloseLine className='h-4 w-4 text-text-secondary' />
+                <RiCloseLine className="h-4 w-4 text-text-secondary" />
+              </div>
+            </div>
+            <div
+              className="overflow-y-auto p-2"
+              style={{
+                maxHeight: 'calc(1 / 2 * 100vh)',
+              }}
+            >
+              {
+                !calculateChangeList.statesCount && (
+                  <div className="py-12">
+                    <RiHistoryLine className="mx-auto mb-2 h-8 w-8 text-text-tertiary" />
+                    <div className="text-center text-[13px] text-text-tertiary">
+                      {t('workflow.changeHistory.placeholder')}
+                    </div>
+                  </div>
+                )
+              }
+              <div className="flex flex-col">
+                {
+                  calculateChangeList.futureStates.map((item: ChangeHistoryEntry) => (
+                    <div
+                      key={item?.index}
+                      className={cn(
+                        'mb-0.5 flex cursor-pointer rounded-lg px-2 py-[7px] text-text-secondary hover:bg-state-base-hover',
+                        item?.index === currentHistoryStateIndex && 'bg-state-base-hover',
+                      )}
+                      onClick={() => {
+                        handleSetState(item)
+                        setOpen(false)
+                      }}
+                    >
+                      <div>
+                        <div
+                          className={cn(
+                            'flex items-center text-[13px] font-medium leading-[18px] text-text-secondary',
+                          )}
+                        >
+                          {composeHistoryItemLabel(
+                            item?.state?.workflowHistoryEventMeta?.nodeTitle,
+                            item?.label || t('workflow.changeHistory.sessionStart'),
+                          )}
+                          {' '}
+                          (
+                          {calculateStepLabel(item?.index)}
+                          {item?.index === currentHistoryStateIndex && t('workflow.changeHistory.currentState')}
+                          )
+                        </div>
+                      </div>
+                    </div>
+                  ))
+                }
+                {
+                  calculateChangeList.pastStates.map((item: ChangeHistoryEntry) => (
+                    <div
+                      key={item?.index}
+                      className={cn(
+                        'mb-0.5 flex cursor-pointer rounded-lg px-2 py-[7px] hover:bg-state-base-hover',
+                        item?.index === calculateChangeList.statesCount - 1 && 'bg-state-base-hover',
+                      )}
+                      onClick={() => {
+                        handleSetState(item)
+                        setOpen(false)
+                      }}
+                    >
+                      <div>
+                        <div
+                          className={cn(
+                            'flex items-center text-[13px] font-medium leading-[18px] text-text-secondary',
+                          )}
+                        >
+                          {composeHistoryItemLabel(
+                            item?.state?.workflowHistoryEventMeta?.nodeTitle,
+                            item?.label || t('workflow.changeHistory.sessionStart'),
+                          )}
+                          {' '}
+                          (
+                          {calculateStepLabel(item?.index)}
+                          )
+                        </div>
+                      </div>
+                    </div>
+                  ))
+                }
               </div>
             </div>
-            {
-              (
-                <div
-                  className='overflow-y-auto p-2'
-                  style={{
-                    maxHeight: 'calc(1 / 2 * 100vh)',
-                  }}
-                >
-                  {
-                    !calculateChangeList.statesCount && (
-                      <div className='py-12'>
-                        <RiHistoryLine className='mx-auto mb-2 h-8 w-8 text-text-tertiary' />
-                        <div className='text-center text-[13px] text-text-tertiary'>
-                          {t('workflow.changeHistory.placeholder')}
-                        </div>
-                      </div>
-                    )
-                  }
-                  <div className='flex flex-col'>
-                    {
-                      calculateChangeList.futureStates.map((item: ChangeHistoryEntry) => (
-                        <div
-                          key={item?.index}
-                          className={cn(
-                            'mb-0.5 flex cursor-pointer rounded-lg px-2 py-[7px] text-text-secondary hover:bg-state-base-hover',
-                            item?.index === currentHistoryStateIndex && 'bg-state-base-hover',
-                          )}
-                          onClick={() => {
-                            handleSetState(item)
-                            setOpen(false)
-                          }}
-                        >
-                          <div>
-                            <div
-                              className={cn(
-                                'flex items-center text-[13px] font-medium leading-[18px] text-text-secondary',
-                              )}
-                            >
-                              {composeHistoryItemLabel(
-                                item?.state?.workflowHistoryEventMeta?.nodeTitle,
-                                item?.label || t('workflow.changeHistory.sessionStart'),
-                              )} ({calculateStepLabel(item?.index)}{item?.index === currentHistoryStateIndex && t('workflow.changeHistory.currentState')})
-                            </div>
-                          </div>
-                        </div>
-                      ))
-                    }
-                    {
-                      calculateChangeList.pastStates.map((item: ChangeHistoryEntry) => (
-                        <div
-                          key={item?.index}
-                          className={cn(
-                            'mb-0.5 flex cursor-pointer rounded-lg px-2 py-[7px] hover:bg-state-base-hover',
-                            item?.index === calculateChangeList.statesCount - 1 && 'bg-state-base-hover',
-                          )}
-                          onClick={() => {
-                            handleSetState(item)
-                            setOpen(false)
-                          }}
-                        >
-                          <div>
-                            <div
-                              className={cn(
-                                'flex items-center text-[13px] font-medium leading-[18px] text-text-secondary',
-                              )}
-                            >
-                              {composeHistoryItemLabel(
-                                item?.state?.workflowHistoryEventMeta?.nodeTitle,
-                                item?.label || t('workflow.changeHistory.sessionStart'),
-                              )} ({calculateStepLabel(item?.index)})
-                            </div>
-                          </div>
-                        </div>
-                      ))
-                    }
-                  </div>
-                </div>
-              )
-            }
             {
               !!calculateChangeList.statesCount && (
-                <div className='px-0.5'>
-                  <Divider className='m-0' />
+                <div className="px-0.5">
+                  <Divider className="m-0" />
                   <div
                     className={cn(
                       'my-0.5 flex cursor-pointer rounded-lg px-2 py-[7px] text-text-secondary',
@@ -278,7 +284,7 @@ const ViewWorkflowHistory = () => {
                 </div>
               )
             }
-            <div className="w-[240px] px-3 py-2 text-xs text-text-tertiary" >
+            <div className="w-[240px] px-3 py-2 text-xs text-text-tertiary">
               <div className="mb-1 flex h-[22px] items-center font-medium uppercase">{t('workflow.changeHistory.hint')}</div>
               <div className="mb-1 leading-[18px] text-text-tertiary">{t('workflow.changeHistory.hintText')}</div>
             </div>
diff --git a/web/app/components/workflow/help-line/index.tsx b/web/app/components/workflow/help-line/index.tsx
index d0dc984a5e..632df6e4a1 100644
--- a/web/app/components/workflow/help-line/index.tsx
+++ b/web/app/components/workflow/help-line/index.tsx
@@ -1,10 +1,10 @@
-import { memo } from 'react'
-import { useViewport } from 'reactflow'
-import { useStore } from '../store'
 import type {
   HelpLineHorizontalPosition,
   HelpLineVerticalPosition,
 } from './types'
+import { memo } from 'react'
+import { useViewport } from 'reactflow'
+import { useStore } from '../store'
 
 const HelpLineHorizontal = memo(({
   top,
@@ -15,7 +15,7 @@ const HelpLineHorizontal = memo(({
 
   return (
     <div
-      className='absolute z-[9] h-px bg-primary-300'
+      className="absolute z-[9] h-px bg-primary-300"
       style={{
         top: top * zoom + y,
         left: left * zoom + x,
@@ -35,7 +35,7 @@ const HelpLineVertical = memo(({
 
   return (
     <div
-      className='absolute z-[9] w-[1px] bg-primary-300'
+      className="absolute z-[9] w-[1px] bg-primary-300"
       style={{
         top: top * zoom + y,
         left: left * zoom + x,
diff --git a/web/app/components/workflow/hooks-store/provider.tsx b/web/app/components/workflow/hooks-store/provider.tsx
index 8233664004..365e97eb14 100644
--- a/web/app/components/workflow/hooks-store/provider.tsx
+++ b/web/app/components/workflow/hooks-store/provider.tsx
@@ -1,3 +1,4 @@
+import type { Shape } from './store'
 import {
   createContext,
   useEffect,
@@ -7,7 +8,6 @@ import { useStore } from 'reactflow'
 import {
   createHooksStore,
 } from './store'
-import type { Shape } from './store'
 
 type HooksStore = ReturnType<typeof createHooksStore>
 export const HooksStoreContext = createContext<HooksStore | null | undefined>(null)
diff --git a/web/app/components/workflow/hooks-store/store.ts b/web/app/components/workflow/hooks-store/store.ts
index 3e205f9521..79cfb7dbce 100644
--- a/web/app/components/workflow/hooks-store/store.ts
+++ b/web/app/components/workflow/hooks-store/store.ts
@@ -1,26 +1,24 @@
-import { useContext } from 'react'
+import type { FileUpload } from '../../base/features/types'
+import type {
+  BlockEnum,
+  Node,
+  NodeDefault,
+  ToolWithProvider,
+  ValueSelector,
+} from '@/app/components/workflow/types'
+import type { IOtherOptions } from '@/service/base'
+import type { SchemaTypeDefinition } from '@/service/use-common'
+import type { FlowType } from '@/types/common'
+import type { VarInInspect } from '@/types/workflow'
 import {
   noop,
 } from 'lodash-es'
+import { useContext } from 'react'
 import {
   useStore as useZustandStore,
 } from 'zustand'
 import { createStore } from 'zustand/vanilla'
 import { HooksStoreContext } from './provider'
-import type {
-  BlockEnum,
-  NodeDefault,
-  ToolWithProvider,
-} from '@/app/components/workflow/types'
-import type { IOtherOptions } from '@/service/base'
-import type { VarInInspect } from '@/types/workflow'
-import type {
-  Node,
-  ValueSelector,
-} from '@/app/components/workflow/types'
-import type { FlowType } from '@/types/common'
-import type { FileUpload } from '../../base/features/types'
-import type { SchemaTypeDefinition } from '@/service/use-common'
 
 export type AvailableNodesMetaData = {
   nodes: NodeDefault[]
@@ -32,7 +30,7 @@ export type CommonHooksFnMap = {
     callback?: {
       onSuccess?: () => void
       onError?: () => void
-      onSettled?: () => void,
+      onSettled?: () => void
     },
   ) => Promise<void>
   syncWorkflowDraftWhenPageClose: () => void
@@ -50,7 +48,7 @@ export type CommonHooksFnMap = {
   handleWorkflowTriggerPluginRunInWorkflow: (nodeId?: string) => void
   handleWorkflowRunAllTriggersInWorkflow: (nodeIds: string[]) => void
   availableNodesMetaData?: AvailableNodesMetaData
-  getWorkflowRunAndTraceUrl: (runId?: string) => { runUrl: string; traceUrl: string }
+  getWorkflowRunAndTraceUrl: (runId?: string) => { runUrl: string, traceUrl: string }
   exportCheck?: () => Promise<void>
   handleExportDSL?: (include?: boolean, flowId?: string) => Promise<void>
   fetchInspectVars: (params: { passInVars?: boolean, vars?: VarInInspect[], passedInAllPluginInfoList?: Record<string, ToolWithProvider[]>, passedInSchemaTypeDefinitions?: SchemaTypeDefinition[] }) => Promise<void>
diff --git a/web/app/components/workflow/hooks/index.ts b/web/app/components/workflow/hooks/index.ts
index 1131836b35..4b879738e7 100644
--- a/web/app/components/workflow/hooks/index.ts
+++ b/web/app/components/workflow/hooks/index.ts
@@ -1,26 +1,26 @@
+export * from './use-auto-generate-webhook-url'
+export * from './use-available-blocks'
+export * from './use-checklist'
+export * from './use-DSL'
 export * from './use-edges-interactions'
+export * from './use-inspect-vars-crud'
 export * from './use-node-data-update'
 export * from './use-nodes-interactions'
-export * from './use-nodes-sync-draft'
-export * from './use-workflow'
-export * from './use-workflow-run'
-export * from './use-checklist'
-export * from './use-selection-interactions'
-export * from './use-panel-interactions'
-export * from './use-workflow-start-run'
 export * from './use-nodes-layout'
-export * from './use-workflow-history'
-export * from './use-workflow-variables'
+export * from './use-nodes-meta-data'
+export * from './use-nodes-sync-draft'
+export * from './use-panel-interactions'
+export * from './use-selection-interactions'
+export * from './use-serial-async-callback'
+export * from './use-set-workflow-vars-with-value'
 export * from './use-shortcuts'
+export * from './use-tool-icon'
+export * from './use-workflow'
+export * from './use-workflow-history'
 export * from './use-workflow-interactions'
 export * from './use-workflow-mode'
-export * from './use-nodes-meta-data'
-export * from './use-available-blocks'
 export * from './use-workflow-refresh-draft'
-export * from './use-tool-icon'
-export * from './use-DSL'
-export * from './use-inspect-vars-crud'
-export * from './use-set-workflow-vars-with-value'
+export * from './use-workflow-run'
 export * from './use-workflow-search'
-export * from './use-auto-generate-webhook-url'
-export * from './use-serial-async-callback'
+export * from './use-workflow-start-run'
+export * from './use-workflow-variables'
diff --git a/web/app/components/workflow/hooks/use-auto-generate-webhook-url.ts b/web/app/components/workflow/hooks/use-auto-generate-webhook-url.ts
index d7d66e31ef..a046346e6b 100644
--- a/web/app/components/workflow/hooks/use-auto-generate-webhook-url.ts
+++ b/web/app/components/workflow/hooks/use-auto-generate-webhook-url.ts
@@ -1,5 +1,5 @@
-import { useCallback } from 'react'
 import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { BlockEnum } from '@/app/components/workflow/types'
diff --git a/web/app/components/workflow/hooks/use-available-blocks.ts b/web/app/components/workflow/hooks/use-available-blocks.ts
index e1a1919afd..4969cb9d89 100644
--- a/web/app/components/workflow/hooks/use-available-blocks.ts
+++ b/web/app/components/workflow/hooks/use-available-blocks.ts
@@ -23,8 +23,9 @@ export const useAvailableBlocks = (nodeType?: BlockEnum, inContainer?: boolean)
   const availablePrevBlocks = useMemo(() => {
     if (!nodeType || nodeType === BlockEnum.Start || nodeType === BlockEnum.DataSource
       || nodeType === BlockEnum.TriggerPlugin || nodeType === BlockEnum.TriggerWebhook
-      || nodeType === BlockEnum.TriggerSchedule)
+      || nodeType === BlockEnum.TriggerSchedule) {
       return []
+    }
 
     return availableNodesType
   }, [availableNodesType, nodeType])
diff --git a/web/app/components/workflow/hooks/use-checklist.ts b/web/app/components/workflow/hooks/use-checklist.ts
index cd1f051eb5..6e49bfa0be 100644
--- a/web/app/components/workflow/hooks/use-checklist.ts
+++ b/web/app/components/workflow/hooks/use-checklist.ts
@@ -1,10 +1,9 @@
-import {
-  useCallback,
-  useMemo,
-  useRef,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { useEdges, useStoreApi } from 'reactflow'
+import type { AgentNodeType } from '../nodes/agent/types'
+import type { DataSourceNodeType } from '../nodes/data-source/types'
+import type { KnowledgeBaseNodeType } from '../nodes/knowledge-base/types'
+import type { KnowledgeRetrievalNodeType } from '../nodes/knowledge-retrieval/types'
+import type { ToolNodeType } from '../nodes/tool/types'
+import type { PluginTriggerNodeType } from '../nodes/trigger-plugin/types'
 import type {
   CommonEdgeType,
   CommonNodeType,
@@ -12,51 +11,52 @@ import type {
   Node,
   ValueSelector,
 } from '../types'
-import { BlockEnum } from '../types'
+import type { Emoji } from '@/app/components/tools/types'
+import type { DataSet } from '@/models/datasets'
+import {
+  useCallback,
+  useMemo,
+  useRef,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { useEdges, useStoreApi } from 'reactflow'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { useToastContext } from '@/app/components/base/toast'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+import { MAX_TREE_DEPTH } from '@/config'
+import { useGetLanguage } from '@/context/i18n'
+import { fetchDatasets } from '@/service/datasets'
+import { useStrategyProviders } from '@/service/use-strategy'
+import {
+  useAllBuiltInTools,
+  useAllCustomTools,
+  useAllWorkflowTools,
+} from '@/service/use-tools'
+import { useAllTriggerPlugins } from '@/service/use-triggers'
+import { AppModeEnum } from '@/types/app'
+import {
+  CUSTOM_NODE,
+} from '../constants'
+import { useDatasetsDetailStore } from '../datasets-detail-store/store'
+import {
+  useGetToolIcon,
+  useNodesMetaData,
+} from '../hooks'
+import { getNodeUsedVars, isSpecialVar } from '../nodes/_base/components/variable/utils'
 import {
   useStore,
   useWorkflowStore,
 } from '../store'
+import { BlockEnum } from '../types'
 import {
   getDataSourceCheckParams,
   getToolCheckParams,
   getValidTreeNodes,
 } from '../utils'
 import { getTriggerCheckParams } from '../utils/trigger'
-import {
-  CUSTOM_NODE,
-} from '../constants'
-import {
-  useGetToolIcon,
-  useNodesMetaData,
-} from '../hooks'
-import type { ToolNodeType } from '../nodes/tool/types'
-import type { DataSourceNodeType } from '../nodes/data-source/types'
-import type { PluginTriggerNodeType } from '../nodes/trigger-plugin/types'
-import { useToastContext } from '@/app/components/base/toast'
-import { useGetLanguage } from '@/context/i18n'
-import type { AgentNodeType } from '../nodes/agent/types'
-import { useStrategyProviders } from '@/service/use-strategy'
-import { useAllTriggerPlugins } from '@/service/use-triggers'
-import { useDatasetsDetailStore } from '../datasets-detail-store/store'
-import type { KnowledgeRetrievalNodeType } from '../nodes/knowledge-retrieval/types'
-import type { DataSet } from '@/models/datasets'
-import { fetchDatasets } from '@/service/datasets'
-import { MAX_TREE_DEPTH } from '@/config'
 import useNodesAvailableVarList, { useGetNodesAvailableVarList } from './use-nodes-available-var-list'
-import { getNodeUsedVars, isSpecialVar } from '../nodes/_base/components/variable/utils'
-import type { Emoji } from '@/app/components/tools/types'
-import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { KnowledgeBaseNodeType } from '../nodes/knowledge-base/types'
-import {
-  useAllBuiltInTools,
-  useAllCustomTools,
-  useAllWorkflowTools,
-} from '@/service/use-tools'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { AppModeEnum } from '@/types/app'
-import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 
 export type ChecklistItem = {
   id: string
diff --git a/web/app/components/workflow/hooks/use-config-vision.ts b/web/app/components/workflow/hooks/use-config-vision.ts
index ab859a5ba3..12a2ad38ad 100644
--- a/web/app/components/workflow/hooks/use-config-vision.ts
+++ b/web/app/components/workflow/hooks/use-config-vision.ts
@@ -1,12 +1,12 @@
+import type { ModelConfig, VisionSetting } from '@/app/components/workflow/types'
 import { produce } from 'immer'
 import { useCallback } from 'react'
-import { useIsChatMode } from './use-workflow'
-import type { ModelConfig, VisionSetting } from '@/app/components/workflow/types'
-import { useTextGenerationCurrentProviderAndModelAndModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import {
   ModelFeatureEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useTextGenerationCurrentProviderAndModelAndModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { Resolution } from '@/types/app'
+import { useIsChatMode } from './use-workflow'
 
 type Payload = {
   enabled: boolean
diff --git a/web/app/components/workflow/hooks/use-dynamic-test-run-options.tsx b/web/app/components/workflow/hooks/use-dynamic-test-run-options.tsx
index 276e2f38e7..cc43857b7d 100644
--- a/web/app/components/workflow/hooks/use-dynamic-test-run-options.tsx
+++ b/web/app/components/workflow/hooks/use-dynamic-test-run-options.tsx
@@ -1,13 +1,15 @@
+import type { TestRunOptions, TriggerOption } from '../header/test-run-menu'
+import type { CommonNodeType } from '../types'
 import { useMemo } from 'react'
-import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { useTranslation } from 'react-i18next'
-import { BlockEnum, type CommonNodeType } from '../types'
-import { getWorkflowEntryNode } from '../utils/workflow-entry'
-import { type TestRunOptions, type TriggerOption, TriggerType } from '../header/test-run-menu'
 import { TriggerAll } from '@/app/components/base/icons/src/vender/workflow'
-import BlockIcon from '../block-icon'
-import { useStore } from '../store'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { useAllTriggerPlugins } from '@/service/use-triggers'
+import BlockIcon from '../block-icon'
+import { TriggerType } from '../header/test-run-menu'
+import { useStore } from '../store'
+import { BlockEnum } from '../types'
+import { getWorkflowEntryNode } from '../utils/workflow-entry'
 
 export const useDynamicTestRunOptions = (): TestRunOptions => {
   const { t } = useTranslation()
@@ -25,7 +27,8 @@ export const useDynamicTestRunOptions = (): TestRunOptions => {
     for (const node of nodes) {
       const nodeData = node.data as CommonNodeType
 
-      if (!nodeData?.type) continue
+      if (!nodeData?.type)
+        continue
 
       if (nodeData.type === BlockEnum.Start) {
         userInput = {
@@ -35,7 +38,7 @@ export const useDynamicTestRunOptions = (): TestRunOptions => {
           icon: (
             <BlockIcon
               type={BlockEnum.Start}
-              size='md'
+              size="md"
             />
           ),
           nodeId: node.id,
@@ -50,7 +53,7 @@ export const useDynamicTestRunOptions = (): TestRunOptions => {
           icon: (
             <BlockIcon
               type={BlockEnum.TriggerSchedule}
-              size='md'
+              size="md"
             />
           ),
           nodeId: node.id,
@@ -65,7 +68,7 @@ export const useDynamicTestRunOptions = (): TestRunOptions => {
           icon: (
             <BlockIcon
               type={BlockEnum.TriggerWebhook}
-              size='md'
+              size="md"
             />
           ),
           nodeId: node.id,
@@ -83,7 +86,7 @@ export const useDynamicTestRunOptions = (): TestRunOptions => {
         const icon = (
           <BlockIcon
             type={BlockEnum.TriggerPlugin}
-            size='md'
+            size="md"
             toolIcon={triggerIcon}
           />
         )
@@ -109,7 +112,7 @@ export const useDynamicTestRunOptions = (): TestRunOptions => {
           icon: (
             <BlockIcon
               type={BlockEnum.Start}
-              size='md'
+              size="md"
             />
           ),
           nodeId: startNode.id,
@@ -122,18 +125,20 @@ export const useDynamicTestRunOptions = (): TestRunOptions => {
       .map(trigger => trigger.nodeId)
       .filter((nodeId): nodeId is string => Boolean(nodeId))
 
-    const runAll: TriggerOption | undefined = triggerNodeIds.length > 1 ? {
-      id: 'run-all',
-      type: TriggerType.All,
-      name: t('workflow.common.runAllTriggers'),
-      icon: (
-        <div className="flex h-6 w-6 items-center justify-center rounded-lg border-[0.5px] border-white/2 bg-util-colors-purple-purple-500 text-white shadow-md">
-          <TriggerAll className="h-4.5 w-4.5" />
-        </div>
-      ),
-      relatedNodeIds: triggerNodeIds,
-      enabled: true,
-    } : undefined
+    const runAll: TriggerOption | undefined = triggerNodeIds.length > 1
+      ? {
+          id: 'run-all',
+          type: TriggerType.All,
+          name: t('workflow.common.runAllTriggers'),
+          icon: (
+            <div className="flex h-6 w-6 items-center justify-center rounded-lg border-[0.5px] border-white/2 bg-util-colors-purple-purple-500 text-white shadow-md">
+              <TriggerAll className="h-4.5 w-4.5" />
+            </div>
+          ),
+          relatedNodeIds: triggerNodeIds,
+          enabled: true,
+        }
+      : undefined
 
     return {
       userInput,
diff --git a/web/app/components/workflow/hooks/use-edges-interactions-without-sync.ts b/web/app/components/workflow/hooks/use-edges-interactions-without-sync.ts
index e7b4fb0a42..99673b70f8 100644
--- a/web/app/components/workflow/hooks/use-edges-interactions-without-sync.ts
+++ b/web/app/components/workflow/hooks/use-edges-interactions-without-sync.ts
@@ -1,5 +1,5 @@
-import { useCallback } from 'react'
 import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
 
 export const useEdgesInteractionsWithoutSync = () => {
diff --git a/web/app/components/workflow/hooks/use-edges-interactions.ts b/web/app/components/workflow/hooks/use-edges-interactions.ts
index 297535ac24..5104b47ef4 100644
--- a/web/app/components/workflow/hooks/use-edges-interactions.ts
+++ b/web/app/components/workflow/hooks/use-edges-interactions.ts
@@ -1,19 +1,19 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type {
   EdgeMouseHandler,
   OnEdgesChange,
 } from 'reactflow'
-import {
-  useStoreApi,
-} from 'reactflow'
 import type {
   Node,
 } from '../types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
+import {
+  useStoreApi,
+} from 'reactflow'
 import { getNodesConnectedSourceOrTargetHandleIdsMap } from '../utils'
 import { useNodesSyncDraft } from './use-nodes-sync-draft'
 import { useNodesReadOnly } from './use-workflow'
-import { WorkflowHistoryEvent, useWorkflowHistory } from './use-workflow-history'
+import { useWorkflowHistory, WorkflowHistoryEvent } from './use-workflow-history'
 
 export const useEdgesInteractions = () => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow/hooks/use-fetch-workflow-inspect-vars.ts b/web/app/components/workflow/hooks/use-fetch-workflow-inspect-vars.ts
index 60f839b93d..54c2c77d0d 100644
--- a/web/app/components/workflow/hooks/use-fetch-workflow-inspect-vars.ts
+++ b/web/app/components/workflow/hooks/use-fetch-workflow-inspect-vars.ts
@@ -1,22 +1,21 @@
-import type { NodeWithVar, VarInInspect } from '@/types/workflow'
-import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
-import { useStoreApi } from 'reactflow'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
-import type { Node } from '@/app/components/workflow/types'
-import { fetchAllInspectVars } from '@/service/workflow'
-import { useInvalidateConversationVarValues, useInvalidateSysVarValues } from '@/service/use-workflow'
-import { useNodesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-nodes-interactions-without-sync'
-import type { FlowType } from '@/types/common'
-import useMatchSchemaType, { getMatchedSchemaType } from '../nodes/_base/components/variable/use-match-schema-type'
-import { toNodeOutputVars } from '../nodes/_base/components/variable/utils'
+import type { Node, ToolWithProvider } from '@/app/components/workflow/types'
 import type { SchemaTypeDefinition } from '@/service/use-common'
+import type { FlowType } from '@/types/common'
+import type { NodeWithVar, VarInInspect } from '@/types/workflow'
 import { useCallback } from 'react'
+import { useStoreApi } from 'reactflow'
+import { useNodesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-nodes-interactions-without-sync'
+import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllMCPTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import { useInvalidateConversationVarValues, useInvalidateSysVarValues } from '@/service/use-workflow'
+import { fetchAllInspectVars } from '@/service/workflow'
+import useMatchSchemaType, { getMatchedSchemaType } from '../nodes/_base/components/variable/use-match-schema-type'
+import { toNodeOutputVars } from '../nodes/_base/components/variable/utils'
 
 type Params = {
   flowType: FlowType
@@ -99,9 +98,9 @@ export const useSetWorkflowVarsWithValue = ({
   }
 
   const fetchInspectVars = useCallback(async (params: {
-    passInVars?: boolean,
-    vars?: VarInInspect[],
-    passedInAllPluginInfoList?: Record<string, ToolWithProvider[]>,
+    passInVars?: boolean
+    vars?: VarInInspect[]
+    passedInAllPluginInfoList?: Record<string, ToolWithProvider[]>
     passedInSchemaTypeDefinitions?: SchemaTypeDefinition[]
   }) => {
     const { passInVars, vars, passedInAllPluginInfoList, passedInSchemaTypeDefinitions } = params
diff --git a/web/app/components/workflow/hooks/use-helpline.ts b/web/app/components/workflow/hooks/use-helpline.ts
index 55979904fb..681a7c9802 100644
--- a/web/app/components/workflow/hooks/use-helpline.ts
+++ b/web/app/components/workflow/hooks/use-helpline.ts
@@ -1,8 +1,8 @@
+import type { Node } from '../types'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import type { Node } from '../types'
-import { BlockEnum, isTriggerNode } from '../types'
 import { useWorkflowStore } from '../store'
+import { BlockEnum, isTriggerNode } from '../types'
 
 // Entry node (Start/Trigger) wrapper offsets
 // The EntryNodeContainer adds a wrapper with status indicator above the actual node
diff --git a/web/app/components/workflow/hooks/use-inspect-vars-crud-common.ts b/web/app/components/workflow/hooks/use-inspect-vars-crud-common.ts
index 6b7acd0a85..316da71d9d 100644
--- a/web/app/components/workflow/hooks/use-inspect-vars-crud-common.ts
+++ b/web/app/components/workflow/hooks/use-inspect-vars-crud-common.ts
@@ -1,29 +1,28 @@
-import { fetchNodeInspectVars } from '@/service/workflow'
-import { useWorkflowStore } from '@/app/components/workflow/store'
-import type { ValueSelector } from '@/app/components/workflow/types'
+import type { Node, ValueSelector } from '@/app/components/workflow/types'
+import type { SchemaTypeDefinition } from '@/service/use-common'
+import type { FlowType } from '@/types/common'
 import type { VarInInspect } from '@/types/workflow'
-import { VarInInspectType } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
+import { useStoreApi } from 'reactflow'
+import { useEdgesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-edges-interactions-without-sync'
+import { useNodesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-nodes-interactions-without-sync'
 import {
   isConversationVar,
   isENV,
   isSystemVar,
   toNodeOutputVars,
 } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import { produce } from 'immer'
-import type { Node } from '@/app/components/workflow/types'
-import { useNodesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-nodes-interactions-without-sync'
-import { useEdgesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-edges-interactions-without-sync'
-import type { FlowType } from '@/types/common'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 import useFLow from '@/service/use-flow'
-import { useStoreApi } from 'reactflow'
-import type { SchemaTypeDefinition } from '@/service/use-common'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllMCPTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import { fetchNodeInspectVars } from '@/service/workflow'
+import { VarInInspectType } from '@/types/workflow'
 
 type Params = {
   flowId: string
diff --git a/web/app/components/workflow/hooks/use-inspect-vars-crud.ts b/web/app/components/workflow/hooks/use-inspect-vars-crud.ts
index 0f58cf8be2..2a97019383 100644
--- a/web/app/components/workflow/hooks/use-inspect-vars-crud.ts
+++ b/web/app/components/workflow/hooks/use-inspect-vars-crud.ts
@@ -1,11 +1,11 @@
-import { useStore } from '../store'
+import { produce } from 'immer'
 import { useHooksStore } from '@/app/components/workflow/hooks-store'
 import {
   useConversationVarValues,
   useSysVarValues,
 } from '@/service/use-workflow'
 import { FlowType } from '@/types/common'
-import { produce } from 'immer'
+import { useStore } from '../store'
 import { BlockEnum } from '../types'
 
 const varsAppendStartNodeKeys = ['query', 'files']
@@ -16,19 +16,19 @@ const useInspectVarsCrud = () => {
   const { data: conversationVars } = useConversationVarValues(configsMap?.flowType, !isRagPipeline ? configsMap?.flowId : '')
   const { data: allSystemVars } = useSysVarValues(configsMap?.flowType, !isRagPipeline ? configsMap?.flowId : '')
   const { varsAppendStartNode, systemVars } = (() => {
-    if(allSystemVars?.length === 0)
+    if (allSystemVars?.length === 0)
       return { varsAppendStartNode: [], systemVars: [] }
     const varsAppendStartNode = allSystemVars?.filter(({ name }) => varsAppendStartNodeKeys.includes(name)) || []
     const systemVars = allSystemVars?.filter(({ name }) => !varsAppendStartNodeKeys.includes(name)) || []
     return { varsAppendStartNode, systemVars }
   })()
   const nodesWithInspectVars = (() => {
-    if(!partOfNodesWithInspectVars || partOfNodesWithInspectVars.length === 0)
+    if (!partOfNodesWithInspectVars || partOfNodesWithInspectVars.length === 0)
       return []
 
     const nodesWithInspectVars = produce(partOfNodesWithInspectVars, (draft) => {
       draft.forEach((nodeWithVars) => {
-        if(nodeWithVars.nodeType === BlockEnum.Start)
+        if (nodeWithVars.nodeType === BlockEnum.Start)
           nodeWithVars.vars = [...nodeWithVars.vars, ...varsAppendStartNode]
       })
     })
diff --git a/web/app/components/workflow/hooks/use-node-data-update.ts b/web/app/components/workflow/hooks/use-node-data-update.ts
index ac7dca9e4c..e40b467db2 100644
--- a/web/app/components/workflow/hooks/use-node-data-update.ts
+++ b/web/app/components/workflow/hooks/use-node-data-update.ts
@@ -1,7 +1,7 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
-import { useStoreApi } from 'reactflow'
 import type { SyncCallback } from './use-nodes-sync-draft'
+import { produce } from 'immer'
+import { useCallback } from 'react'
+import { useStoreApi } from 'reactflow'
 import { useNodesSyncDraft } from './use-nodes-sync-draft'
 import { useNodesReadOnly } from './use-workflow'
 
diff --git a/web/app/components/workflow/hooks/use-node-plugin-installation.ts b/web/app/components/workflow/hooks/use-node-plugin-installation.ts
index 96e3919e67..d275759cc0 100644
--- a/web/app/components/workflow/hooks/use-node-plugin-installation.ts
+++ b/web/app/components/workflow/hooks/use-node-plugin-installation.ts
@@ -1,9 +1,10 @@
-import { useCallback, useMemo } from 'react'
-import { BlockEnum, type CommonNodeType } from '../types'
+import type { DataSourceNodeType } from '../nodes/data-source/types'
 import type { ToolNodeType } from '../nodes/tool/types'
 import type { PluginTriggerNodeType } from '../nodes/trigger-plugin/types'
-import type { DataSourceNodeType } from '../nodes/data-source/types'
+import type { CommonNodeType } from '../types'
+import { useCallback, useMemo } from 'react'
 import { CollectionType } from '@/app/components/tools/types'
+import { useInvalidDataSourceList } from '@/service/use-pipeline'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
@@ -15,9 +16,9 @@ import {
   useAllTriggerPlugins,
   useInvalidateAllTriggerPlugins,
 } from '@/service/use-triggers'
-import { useInvalidDataSourceList } from '@/service/use-pipeline'
-import { useStore } from '../store'
 import { canFindTool } from '@/utils'
+import { useStore } from '../store'
+import { BlockEnum } from '../types'
 
 type InstallationState = {
   isChecking: boolean
diff --git a/web/app/components/workflow/hooks/use-nodes-available-var-list.ts b/web/app/components/workflow/hooks/use-nodes-available-var-list.ts
index b78597ea37..cb04b43002 100644
--- a/web/app/components/workflow/hooks/use-nodes-available-var-list.ts
+++ b/web/app/components/workflow/hooks/use-nodes-available-var-list.ts
@@ -1,10 +1,12 @@
+import type { Node, NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import { useCallback } from 'react'
 import {
   useIsChatMode,
   useWorkflow,
   useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
-import { BlockEnum, type Node, type NodeOutPutVar, type ValueSelector, type Var } from '@/app/components/workflow/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+
 type Params = {
   onlyLeafNodeVar?: boolean
   hideEnv?: boolean
diff --git a/web/app/components/workflow/hooks/use-nodes-interactions-without-sync.ts b/web/app/components/workflow/hooks/use-nodes-interactions-without-sync.ts
index e3d661ff08..0c343f4eb8 100644
--- a/web/app/components/workflow/hooks/use-nodes-interactions-without-sync.ts
+++ b/web/app/components/workflow/hooks/use-nodes-interactions-without-sync.ts
@@ -1,5 +1,5 @@
-import { useCallback } from 'react'
 import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
 import { NodeRunningStatus } from '../types'
 
@@ -31,7 +31,7 @@ export const useNodesInteractionsWithoutSync = () => {
     const nodes = getNodes()
     const newNodes = produce(nodes, (draft) => {
       draft.forEach((node) => {
-        if(node.data._runningStatus === NodeRunningStatus.Succeeded)
+        if (node.data._runningStatus === NodeRunningStatus.Succeeded)
           node.data._runningStatus = undefined
       })
     })
diff --git a/web/app/components/workflow/hooks/use-nodes-interactions.ts b/web/app/components/workflow/hooks/use-nodes-interactions.ts
index d56b85893e..fd9fe3300f 100644
--- a/web/app/components/workflow/hooks/use-nodes-interactions.ts
+++ b/web/app/components/workflow/hooks/use-nodes-interactions.ts
@@ -1,7 +1,4 @@
 import type { MouseEvent } from 'react'
-import { useCallback, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import type {
   NodeDragHandler,
   NodeMouseHandler,
@@ -10,16 +7,21 @@ import type {
   OnConnectStart,
   ResizeParamsWithDirection,
 } from 'reactflow'
+import type { PluginDefaultValue } from '../block-selector/types'
+import type { IterationNodeType } from '../nodes/iteration/types'
+import type { LoopNodeType } from '../nodes/loop/types'
+import type { VariableAssignerNodeType } from '../nodes/variable-assigner/types'
+import type { Edge, Node, OnNodeAdd } from '../types'
+import type { RAGPipelineVariables } from '@/models/pipeline'
+import { produce } from 'immer'
+import { useCallback, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   getConnectedEdges,
   getOutgoers,
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import type { PluginDefaultValue } from '../block-selector/types'
-import type { Edge, Node, OnNodeAdd } from '../types'
-import { BlockEnum, isTriggerNode } from '../types'
-import { useWorkflowStore } from '../store'
 import {
   CUSTOM_EDGE,
   ITERATION_CHILDREN_Z_INDEX,
@@ -30,39 +32,37 @@ import {
   X_OFFSET,
   Y_OFFSET,
 } from '../constants'
+import { getNodeUsedVars } from '../nodes/_base/components/variable/utils'
+import { CUSTOM_ITERATION_START_NODE } from '../nodes/iteration-start/constants'
+import { useNodeIterationInteractions } from '../nodes/iteration/use-interactions'
+import { CUSTOM_LOOP_START_NODE } from '../nodes/loop-start/constants'
+import { useNodeLoopInteractions } from '../nodes/loop/use-interactions'
+import { CUSTOM_NOTE_NODE } from '../note-node/constants'
+import { useWorkflowStore } from '../store'
+import { BlockEnum, isTriggerNode } from '../types'
 import {
-  genNewNodeTitleFromOld,
   generateNewNode,
+  genNewNodeTitleFromOld,
   getNestedNodePosition,
   getNodeCustomTypeByNodeDataType,
   getNodesConnectedSourceOrTargetHandleIdsMap,
   getTopLeftNodePosition,
 } from '../utils'
-import { CUSTOM_NOTE_NODE } from '../note-node/constants'
-import type { IterationNodeType } from '../nodes/iteration/types'
-import type { LoopNodeType } from '../nodes/loop/types'
-import { CUSTOM_ITERATION_START_NODE } from '../nodes/iteration-start/constants'
-import { CUSTOM_LOOP_START_NODE } from '../nodes/loop-start/constants'
-import type { VariableAssignerNodeType } from '../nodes/variable-assigner/types'
-import { useNodeIterationInteractions } from '../nodes/iteration/use-interactions'
-import { useNodeLoopInteractions } from '../nodes/loop/use-interactions'
 import { useWorkflowHistoryStore } from '../workflow-history-store'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
+import { useAutoGenerateWebhookUrl } from './use-auto-generate-webhook-url'
 import { useHelpline } from './use-helpline'
+import useInspectVarsCrud from './use-inspect-vars-crud'
+import { useNodesMetaData } from './use-nodes-meta-data'
+import { useNodesSyncDraft } from './use-nodes-sync-draft'
 import {
   useNodesReadOnly,
   useWorkflow,
   useWorkflowReadOnly,
 } from './use-workflow'
 import {
-  WorkflowHistoryEvent,
   useWorkflowHistory,
+  WorkflowHistoryEvent,
 } from './use-workflow-history'
-import { useNodesMetaData } from './use-nodes-meta-data'
-import { useAutoGenerateWebhookUrl } from './use-auto-generate-webhook-url'
-import type { RAGPipelineVariables } from '@/models/pipeline'
-import useInspectVarsCrud from './use-inspect-vars-crud'
-import { getNodeUsedVars } from '../nodes/_base/components/variable/utils'
 
 // Entry node deletion restriction has been removed to allow empty workflows
 
@@ -89,8 +89,8 @@ export const useNodesInteractions = () => {
   const { handleNodeLoopChildDrag, handleNodeLoopChildrenCopy }
     = useNodeLoopInteractions()
   const dragNodeStartPosition = useRef({ x: 0, y: 0 } as {
-    x: number;
-    y: number;
+    x: number
+    y: number
   })
   const { nodesMap: nodesMetaDataMap } = useNodesMetaData()
 
@@ -101,19 +101,22 @@ export const useNodesInteractions = () => {
     (_, node) => {
       workflowStore.setState({ nodeAnimation: false })
 
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       if (
         node.type === CUSTOM_ITERATION_START_NODE
         || node.type === CUSTOM_NOTE_NODE
-      )
+      ) {
         return
+      }
 
       if (
         node.type === CUSTOM_LOOP_START_NODE
         || node.type === CUSTOM_NOTE_NODE
-      )
+      ) {
         return
+      }
 
       dragNodeStartPosition.current = {
         x: node.position.x,
@@ -125,11 +128,14 @@ export const useNodesInteractions = () => {
 
   const handleNodeDrag = useCallback<NodeDragHandler>(
     (e, node: Node) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
-      if (node.type === CUSTOM_ITERATION_START_NODE) return
+      if (node.type === CUSTOM_ITERATION_START_NODE)
+        return
 
-      if (node.type === CUSTOM_LOOP_START_NODE) return
+      if (node.type === CUSTOM_LOOP_START_NODE)
+        return
 
       const { getNodes, setNodes } = store.getState()
       e.stopPropagation()
@@ -211,7 +217,8 @@ export const useNodesInteractions = () => {
       const { setHelpLineHorizontal, setHelpLineVertical }
         = workflowStore.getState()
 
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const { x, y } = dragNodeStartPosition.current
       if (!(x === node.position.x && y === node.position.y)) {
@@ -237,19 +244,22 @@ export const useNodesInteractions = () => {
 
   const handleNodeEnter = useCallback<NodeMouseHandler>(
     (_, node) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       if (
         node.type === CUSTOM_NOTE_NODE
         || node.type === CUSTOM_ITERATION_START_NODE
-      )
+      ) {
         return
+      }
 
       if (
         node.type === CUSTOM_LOOP_START_NODE
         || node.type === CUSTOM_NOTE_NODE
-      )
+      ) {
         return
+      }
 
       const { getNodes, setNodes, edges, setEdges } = store.getState()
       const nodes = getNodes()
@@ -257,7 +267,8 @@ export const useNodesInteractions = () => {
         = workflowStore.getState()
 
       if (connectingNodePayload) {
-        if (connectingNodePayload.nodeId === node.id) return
+        if (connectingNodePayload.nodeId === node.id)
+          return
         const connectingNode: Node = nodes.find(
           n => n.id === connectingNodePayload.nodeId,
         )!
@@ -288,8 +299,9 @@ export const useNodesInteractions = () => {
                   || connectingNode.data.type === BlockEnum.VariableAggregator)
                 && node.data.type !== BlockEnum.IfElse
                 && node.data.type !== BlockEnum.QuestionClassifier
-              )
+              ) {
                 n.data._isEntering = true
+              }
             })
           })
           setNodes(newNodes)
@@ -300,7 +312,8 @@ export const useNodesInteractions = () => {
 
         connectedEdges.forEach((edge) => {
           const currentEdge = draft.find(e => e.id === edge.id)
-          if (currentEdge) currentEdge.data._connectedNodeIsHovering = true
+          if (currentEdge)
+            currentEdge.data._connectedNodeIsHovering = true
         })
       })
       setEdges(newEdges)
@@ -310,19 +323,22 @@ export const useNodesInteractions = () => {
 
   const handleNodeLeave = useCallback<NodeMouseHandler>(
     (_, node) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       if (
         node.type === CUSTOM_NOTE_NODE
         || node.type === CUSTOM_ITERATION_START_NODE
-      )
+      ) {
         return
+      }
 
       if (
         node.type === CUSTOM_NOTE_NODE
         || node.type === CUSTOM_LOOP_START_NODE
-      )
+      ) {
         return
+      }
 
       const { setEnteringNodePayload } = workflowStore.getState()
       setEnteringNodePayload(undefined)
@@ -356,11 +372,13 @@ export const useNodesInteractions = () => {
       const nodes = getNodes()
       const selectedNode = nodes.find(node => node.data.selected)
 
-      if (!cancelSelection && selectedNode?.id === nodeId) return
+      if (!cancelSelection && selectedNode?.id === nodeId)
+        return
 
       const newNodes = produce(nodes, (draft) => {
         draft.forEach((node) => {
-          if (node.id === nodeId) node.data.selected = !cancelSelection
+          if (node.id === nodeId)
+            node.data.selected = !cancelSelection
           else node.data.selected = false
         })
       })
@@ -395,10 +413,14 @@ export const useNodesInteractions = () => {
 
   const handleNodeClick = useCallback<NodeMouseHandler>(
     (_, node) => {
-      if (node.type === CUSTOM_ITERATION_START_NODE) return
-      if (node.type === CUSTOM_LOOP_START_NODE) return
-      if (node.data.type === BlockEnum.DataSourceEmpty) return
-      if (node.data._pluginInstallLocked) return
+      if (node.type === CUSTOM_ITERATION_START_NODE)
+        return
+      if (node.type === CUSTOM_LOOP_START_NODE)
+        return
+      if (node.data.type === BlockEnum.DataSourceEmpty)
+        return
+      if (node.data._pluginInstallLocked)
+        return
       handleNodeSelect(node.id)
     },
     [handleNodeSelect],
@@ -406,21 +428,25 @@ export const useNodesInteractions = () => {
 
   const handleNodeConnect = useCallback<OnConnect>(
     ({ source, sourceHandle, target, targetHandle }) => {
-      if (source === target) return
-      if (getNodesReadOnly()) return
+      if (source === target)
+        return
+      if (getNodesReadOnly())
+        return
 
       const { getNodes, setNodes, edges, setEdges } = store.getState()
       const nodes = getNodes()
       const targetNode = nodes.find(node => node.id === target!)
       const sourceNode = nodes.find(node => node.id === source!)
 
-      if (targetNode?.parentId !== sourceNode?.parentId) return
+      if (targetNode?.parentId !== sourceNode?.parentId)
+        return
 
       if (
         sourceNode?.type === CUSTOM_NOTE_NODE
         || targetNode?.type === CUSTOM_NOTE_NODE
-      )
+      ) {
         return
+      }
 
       if (
         edges.find(
@@ -430,8 +456,9 @@ export const useNodesInteractions = () => {
             && edge.target === target
             && edge.targetHandle === targetHandle,
         )
-      )
+      ) {
         return
+      }
 
       const parendNode = nodes.find(node => node.id === targetNode?.parentId)
       const isInIteration
@@ -497,20 +524,24 @@ export const useNodesInteractions = () => {
 
   const handleNodeConnectStart = useCallback<OnConnectStart>(
     (_, { nodeId, handleType, handleId }) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       if (nodeId && handleType) {
         const { setConnectingNodePayload } = workflowStore.getState()
         const { getNodes } = store.getState()
         const node = getNodes().find(n => n.id === nodeId)!
 
-        if (node.type === CUSTOM_NOTE_NODE) return
+        if (node.type === CUSTOM_NOTE_NODE)
+          return
 
         if (
           node.data.type === BlockEnum.VariableAggregator
           || node.data.type === BlockEnum.VariableAssigner
-        )
-          if (handleType === 'target') return
+        ) {
+          if (handleType === 'target')
+            return
+        }
 
         setConnectingNodePayload({
           nodeId,
@@ -525,7 +556,8 @@ export const useNodesInteractions = () => {
 
   const handleNodeConnectEnd = useCallback<OnConnectEnd>(
     (e: any) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const {
         connectingNodePayload,
@@ -547,7 +579,8 @@ export const useNodesInteractions = () => {
         const toNode = nodes.find(n => n.id === enteringNodePayload.nodeId)!
         const toParentNode = nodes.find(n => n.id === toNode.parentId)
 
-        if (fromNode.parentId !== toNode.parentId) return
+        if (fromNode.parentId !== toNode.parentId)
+          return
 
         const { x, y } = screenToFlowPosition({ x: e.x, y: e.y })
 
@@ -602,7 +635,8 @@ export const useNodesInteractions = () => {
 
   const handleNodeDelete = useCallback(
     (nodeId: string) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const { getNodes, setNodes, edges, setEdges } = store.getState()
 
@@ -610,13 +644,15 @@ export const useNodesInteractions = () => {
       const currentNodeIndex = nodes.findIndex(node => node.id === nodeId)
       const currentNode = nodes[currentNodeIndex]
 
-      if (!currentNode) return
+      if (!currentNode)
+        return
 
       if (
         nodesMetaDataMap?.[currentNode.data.type as BlockEnum]?.metaData
           .isUndeletable
-      )
+      ) {
         return
+      }
 
       deleteNodeInspectorVars(nodeId)
       if (currentNode.data.type === BlockEnum.Iteration) {
@@ -706,7 +742,8 @@ export const useNodesInteractions = () => {
         if (ragPipelineVariables && setRagPipelineVariables) {
           const newRagPipelineVariables: RAGPipelineVariables = []
           ragPipelineVariables.forEach((variable) => {
-            if (variable.belong_to_node_id === id) return
+            if (variable.belong_to_node_id === id)
+              return
             newRagPipelineVariables.push(variable)
           })
           setRagPipelineVariables(newRagPipelineVariables)
@@ -781,7 +818,8 @@ export const useNodesInteractions = () => {
       },
       { prevNodeId, prevNodeSourceHandle, nextNodeId, nextNodeTargetHandle },
     ) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const { getNodes, setNodes, edges, setEdges } = store.getState()
       const nodes = getNodes()
@@ -935,9 +973,11 @@ export const useNodesInteractions = () => {
           })
           draft.push(newNode)
 
-          if (newIterationStartNode) draft.push(newIterationStartNode)
+          if (newIterationStartNode)
+            draft.push(newIterationStartNode)
 
-          if (newLoopStartNode) draft.push(newLoopStartNode)
+          if (newLoopStartNode)
+            draft.push(newLoopStartNode)
         })
 
         if (
@@ -964,7 +1004,8 @@ export const useNodesInteractions = () => {
               _connectedNodeIsSelected: false,
             }
           })
-          if (newEdge) draft.push(newEdge)
+          if (newEdge)
+            draft.push(newEdge)
         })
 
         setNodes(newNodes)
@@ -976,8 +1017,9 @@ export const useNodesInteractions = () => {
         if (
           nodeType !== BlockEnum.IfElse
           && nodeType !== BlockEnum.QuestionClassifier
-        )
+        ) {
           newNode.data._connectedSourceHandleIds = [sourceHandle]
+        }
         newNode.data._connectedTargetHandleIds = []
         newNode.position = {
           x: nextNode.position.x,
@@ -1101,8 +1143,10 @@ export const useNodesInteractions = () => {
             }
           })
           draft.push(newNode)
-          if (newIterationStartNode) draft.push(newIterationStartNode)
-          if (newLoopStartNode) draft.push(newLoopStartNode)
+          if (newIterationStartNode)
+            draft.push(newIterationStartNode)
+          if (newLoopStartNode)
+            draft.push(newLoopStartNode)
         })
         if (newEdge) {
           const newEdges = produce(edges, (draft) => {
@@ -1192,10 +1236,10 @@ export const useNodesInteractions = () => {
           = nodes.find(node => node.id === nextNode.parentId) || null
         const isNextNodeInIteration
           = !!nextNodeParentNode
-          && nextNodeParentNode.data.type === BlockEnum.Iteration
+            && nextNodeParentNode.data.type === BlockEnum.Iteration
         const isNextNodeInLoop
           = !!nextNodeParentNode
-          && nextNodeParentNode.data.type === BlockEnum.Loop
+            && nextNodeParentNode.data.type === BlockEnum.Loop
 
         if (
           nodeType !== BlockEnum.IfElse
@@ -1274,8 +1318,10 @@ export const useNodesInteractions = () => {
             }
           })
           draft.push(newNode)
-          if (newIterationStartNode) draft.push(newIterationStartNode)
-          if (newLoopStartNode) draft.push(newLoopStartNode)
+          if (newIterationStartNode)
+            draft.push(newIterationStartNode)
+          if (newLoopStartNode)
+            draft.push(newLoopStartNode)
         })
         setNodes(newNodes)
         if (
@@ -1303,9 +1349,11 @@ export const useNodesInteractions = () => {
               _connectedNodeIsSelected: false,
             }
           })
-          if (newPrevEdge) draft.push(newPrevEdge)
+          if (newPrevEdge)
+            draft.push(newPrevEdge)
 
-          if (newNextEdge) draft.push(newNextEdge)
+          if (newNextEdge)
+            draft.push(newNextEdge)
         })
         setEdges(newEdges)
       }
@@ -1330,7 +1378,8 @@ export const useNodesInteractions = () => {
       sourceHandle: string,
       pluginDefaultValue?: PluginDefaultValue,
     ) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const { getNodes, setNodes, edges, setEdges } = store.getState()
       const nodes = getNodes()
@@ -1388,8 +1437,10 @@ export const useNodesInteractions = () => {
         const index = draft.findIndex(node => node.id === currentNodeId)
 
         draft.splice(index, 1, newCurrentNode)
-        if (newIterationStartNode) draft.push(newIterationStartNode)
-        if (newLoopStartNode) draft.push(newLoopStartNode)
+        if (newIterationStartNode)
+          draft.push(newIterationStartNode)
+        if (newLoopStartNode)
+          draft.push(newLoopStartNode)
       })
       setNodes(newNodes)
       const newEdges = produce(edges, (draft) => {
@@ -1443,14 +1494,16 @@ export const useNodesInteractions = () => {
       if (
         node.type === CUSTOM_NOTE_NODE
         || node.type === CUSTOM_ITERATION_START_NODE
-      )
+      ) {
         return
+      }
 
       if (
         node.type === CUSTOM_NOTE_NODE
         || node.type === CUSTOM_LOOP_START_NODE
-      )
+      ) {
         return
+      }
 
       e.preventDefault()
       const container = document.querySelector('#workflow-container')
@@ -1469,7 +1522,8 @@ export const useNodesInteractions = () => {
 
   const handleNodesCopy = useCallback(
     (nodeId?: string) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const { setClipboardElements } = workflowStore.getState()
 
@@ -1489,15 +1543,19 @@ export const useNodesInteractions = () => {
             && node.data.type !== BlockEnum.KnowledgeBase
             && node.data.type !== BlockEnum.DataSourceEmpty,
         )
-        if (nodeToCopy) setClipboardElements([nodeToCopy])
+        if (nodeToCopy)
+          setClipboardElements([nodeToCopy])
       }
       else {
         // If no nodeId is provided, fall back to the current behavior
         const bundledNodes = nodes.filter((node) => {
-          if (!node.data._isBundled) return false
-          if (node.type === CUSTOM_NOTE_NODE) return true
+          if (!node.data._isBundled)
+            return false
+          if (node.type === CUSTOM_NOTE_NODE)
+            return true
           const { metaData } = nodesMetaDataMap![node.data.type as BlockEnum]
-          if (metaData.isSingleton) return false
+          if (metaData.isSingleton)
+            return false
           return !node.data.isInIteration && !node.data.isInLoop
         })
 
@@ -1507,20 +1565,24 @@ export const useNodesInteractions = () => {
         }
 
         const selectedNode = nodes.find((node) => {
-          if (!node.data.selected) return false
-          if (node.type === CUSTOM_NOTE_NODE) return true
+          if (!node.data.selected)
+            return false
+          if (node.type === CUSTOM_NOTE_NODE)
+            return true
           const { metaData } = nodesMetaDataMap![node.data.type as BlockEnum]
           return !metaData.isSingleton
         })
 
-        if (selectedNode) setClipboardElements([selectedNode])
+        if (selectedNode)
+          setClipboardElements([selectedNode])
       }
     },
     [getNodesReadOnly, store, workflowStore],
   )
 
   const handleNodesPaste = useCallback(() => {
-    if (getNodesReadOnly()) return
+    if (getNodesReadOnly())
+      return
 
     const { clipboardElements, mousePosition } = workflowStore.getState()
 
@@ -1647,7 +1709,8 @@ export const useNodesInteractions = () => {
 
         nodesToPaste.push(newNode)
 
-        if (newChildren.length) nodesToPaste.push(...newChildren)
+        if (newChildren.length)
+          nodesToPaste.push(...newChildren)
       })
 
       // only handle edge when paste nested block
@@ -1691,7 +1754,8 @@ export const useNodesInteractions = () => {
 
   const handleNodesDuplicate = useCallback(
     (nodeId?: string) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       handleNodesCopy(nodeId)
       handleNodesPaste()
@@ -1700,7 +1764,8 @@ export const useNodesInteractions = () => {
   )
 
   const handleNodesDelete = useCallback(() => {
-    if (getNodesReadOnly()) return
+    if (getNodesReadOnly())
+      return
 
     const { getNodes, edges } = store.getState()
 
@@ -1716,18 +1781,21 @@ export const useNodesInteractions = () => {
     }
 
     const edgeSelected = edges.some(edge => edge.selected)
-    if (edgeSelected) return
+    if (edgeSelected)
+      return
 
     const selectedNode = nodes.find(
       node => node.data.selected,
     )
 
-    if (selectedNode) handleNodeDelete(selectedNode.id)
+    if (selectedNode)
+      handleNodeDelete(selectedNode.id)
   }, [store, getNodesReadOnly, handleNodeDelete])
 
   const handleNodeResize = useCallback(
     (nodeId: string, params: ResizeParamsWithDirection) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const { getNodes, setNodes } = store.getState()
       const { x, y, width, height } = params
@@ -1752,8 +1820,9 @@ export const useNodesInteractions = () => {
           if (
             n.position.y + n.height!
             > bottomNode.position.y + bottomNode.height!
-          )
+          ) {
             bottomNode = n
+          }
         }
         else {
           bottomNode = n
@@ -1772,8 +1841,9 @@ export const useNodesInteractions = () => {
         if (
           height
           < bottomNode.position.y + bottomNode.height! + paddingMap.bottom
-        )
+        ) {
           return
+        }
       }
       const newNodes = produce(nodes, (draft) => {
         draft.forEach((n) => {
@@ -1796,7 +1866,8 @@ export const useNodesInteractions = () => {
 
   const handleNodeDisconnect = useCallback(
     (nodeId: string) => {
-      if (getNodesReadOnly()) return
+      if (getNodesReadOnly())
+        return
 
       const { getNodes, setNodes, edges, setEdges } = store.getState()
       const nodes = getNodes()
@@ -1834,13 +1905,15 @@ export const useNodesInteractions = () => {
   )
 
   const handleHistoryBack = useCallback(() => {
-    if (getNodesReadOnly() || getWorkflowReadOnly()) return
+    if (getNodesReadOnly() || getWorkflowReadOnly())
+      return
 
     const { setEdges, setNodes } = store.getState()
     undo()
 
     const { edges, nodes } = workflowHistoryStore.getState()
-    if (edges.length === 0 && nodes.length === 0) return
+    if (edges.length === 0 && nodes.length === 0)
+      return
 
     setEdges(edges)
     setNodes(nodes)
@@ -1853,13 +1926,15 @@ export const useNodesInteractions = () => {
   ])
 
   const handleHistoryForward = useCallback(() => {
-    if (getNodesReadOnly() || getWorkflowReadOnly()) return
+    if (getNodesReadOnly() || getWorkflowReadOnly())
+      return
 
     const { setEdges, setNodes } = store.getState()
     redo()
 
     const { edges, nodes } = workflowHistoryStore.getState()
-    if (edges.length === 0 && nodes.length === 0) return
+    if (edges.length === 0 && nodes.length === 0)
+      return
 
     setEdges(edges)
     setNodes(nodes)
@@ -1874,12 +1949,14 @@ export const useNodesInteractions = () => {
   const [isDimming, setIsDimming] = useState(false)
   /** Add opacity-30 to all nodes except the nodeId */
   const dimOtherNodes = useCallback(() => {
-    if (isDimming) return
+    if (isDimming)
+      return
     const { getNodes, setNodes, edges, setEdges } = store.getState()
     const nodes = getNodes()
 
     const selectedNode = nodes.find(n => n.data.selected)
-    if (!selectedNode) return
+    if (!selectedNode)
+      return
 
     setIsDimming(true)
 
@@ -1890,8 +1967,10 @@ export const useNodesInteractions = () => {
     const dependencyNodes: Node[] = []
     usedVars.forEach((valueSelector) => {
       const node = workflowNodes.find(node => node.id === valueSelector?.[0])
-      if (node)
-        if (!dependencyNodes.includes(node)) dependencyNodes.push(node)
+      if (node) {
+        if (!dependencyNodes.includes(node))
+          dependencyNodes.push(node)
+      }
     })
 
     const outgoers = getOutgoers(selectedNode as Node, nodes as Node[], edges)
@@ -1900,7 +1979,8 @@ export const useNodesInteractions = () => {
       const outgoersForNode = getOutgoers(node, nodes as Node[], edges)
       outgoersForNode.forEach((item) => {
         const existed = outgoers.some(v => v.id === item.id)
-        if (!existed) outgoers.push(item)
+        if (!existed)
+          outgoers.push(item)
       })
     }
 
@@ -1910,7 +1990,8 @@ export const useNodesInteractions = () => {
       const used = usedVars.some(v => v?.[0] === selectedNode.id)
       if (used) {
         const existed = dependentNodes.some(v => v.id === node.id)
-        if (!existed) dependentNodes.push(node)
+        if (!existed)
+          dependentNodes.push(node)
       }
     })
 
@@ -1919,7 +2000,8 @@ export const useNodesInteractions = () => {
     const newNodes = produce(nodes, (draft) => {
       draft.forEach((n) => {
         const dimNode = dimNodes.find(v => v.id === n.id)
-        if (!dimNode) n.data._dimmed = true
+        if (!dimNode)
+          n.data._dimmed = true
       })
     })
 
diff --git a/web/app/components/workflow/hooks/use-nodes-layout.ts b/web/app/components/workflow/hooks/use-nodes-layout.ts
index 594ac8b029..653b37008c 100644
--- a/web/app/components/workflow/hooks/use-nodes-layout.ts
+++ b/web/app/components/workflow/hooks/use-nodes-layout.ts
@@ -1,16 +1,16 @@
-import { useCallback } from 'react'
-import ELK from 'elkjs/lib/elk.bundled.js'
-import {
-  useReactFlow,
-  useStoreApi,
-} from 'reactflow'
-import { cloneDeep } from 'lodash-es'
 import type {
   Edge,
   Node,
 } from '../types'
-import { useWorkflowStore } from '../store'
+import ELK from 'elkjs/lib/elk.bundled.js'
+import { cloneDeep } from 'lodash-es'
+import { useCallback } from 'react'
+import {
+  useReactFlow,
+  useStoreApi,
+} from 'reactflow'
 import { AUTO_LAYOUT_OFFSET } from '../constants'
+import { useWorkflowStore } from '../store'
 import { useNodesSyncDraft } from './use-nodes-sync-draft'
 
 const layoutOptions = {
diff --git a/web/app/components/workflow/hooks/use-nodes-meta-data.ts b/web/app/components/workflow/hooks/use-nodes-meta-data.ts
index fd63f23590..2ea2fd9e9f 100644
--- a/web/app/components/workflow/hooks/use-nodes-meta-data.ts
+++ b/web/app/components/workflow/hooks/use-nodes-meta-data.ts
@@ -1,17 +1,17 @@
-import { useMemo } from 'react'
 import type { AvailableNodesMetaData } from '@/app/components/workflow/hooks-store'
-import { useHooksStore } from '@/app/components/workflow/hooks-store'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { Node } from '@/app/components/workflow/types'
+import { useMemo } from 'react'
 import { CollectionType } from '@/app/components/tools/types'
+import { useHooksStore } from '@/app/components/workflow/hooks-store'
 import { useStore } from '@/app/components/workflow/store'
-import { canFindTool } from '@/utils'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { useGetLanguage } from '@/context/i18n'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import { canFindTool } from '@/utils'
 
 export const useNodesMetaData = () => {
   const availableNodesMetaData = useHooksStore(s => s.availableNodesMetaData)
diff --git a/web/app/components/workflow/hooks/use-nodes-sync-draft.ts b/web/app/components/workflow/hooks/use-nodes-sync-draft.ts
index a4c9a45542..db65bfa6ad 100644
--- a/web/app/components/workflow/hooks/use-nodes-sync-draft.ts
+++ b/web/app/components/workflow/hooks/use-nodes-sync-draft.ts
@@ -1,7 +1,7 @@
 import { useCallback } from 'react'
+import { useHooksStore } from '@/app/components/workflow/hooks-store'
 import { useStore } from '../store'
 import { useNodesReadOnly } from './use-workflow'
-import { useHooksStore } from '@/app/components/workflow/hooks-store'
 
 export type SyncCallback = {
   onSuccess?: () => void
diff --git a/web/app/components/workflow/hooks/use-selection-interactions.ts b/web/app/components/workflow/hooks/use-selection-interactions.ts
index 481483d762..dbdef306c5 100644
--- a/web/app/components/workflow/hooks/use-selection-interactions.ts
+++ b/web/app/components/workflow/hooks/use-selection-interactions.ts
@@ -1,14 +1,14 @@
 import type { MouseEvent } from 'react'
-import {
-  useCallback,
-} from 'react'
-import { produce } from 'immer'
 import type {
   OnSelectionChangeFunc,
 } from 'reactflow'
+import type { Node } from '../types'
+import { produce } from 'immer'
+import {
+  useCallback,
+} from 'react'
 import { useStoreApi } from 'reactflow'
 import { useWorkflowStore } from '../store'
-import type { Node } from '../types'
 
 export const useSelectionInteractions = () => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow/hooks/use-shortcuts.ts b/web/app/components/workflow/hooks/use-shortcuts.ts
index 16502c97c4..00ed25bad0 100644
--- a/web/app/components/workflow/hooks/use-shortcuts.ts
+++ b/web/app/components/workflow/hooks/use-shortcuts.ts
@@ -1,13 +1,7 @@
-import { useReactFlow } from 'reactflow'
 import { useKeyPress } from 'ahooks'
 import { useCallback, useEffect } from 'react'
+import { useReactFlow } from 'reactflow'
 import { ZEN_TOGGLE_EVENT } from '@/app/components/goto-anything/actions/commands/zen'
-import {
-  getKeyboardKeyCodeBySystem,
-  isEventTargetInputArea,
-} from '../utils'
-import { useWorkflowHistoryStore } from '../workflow-history-store'
-import { useWorkflowStore } from '../store'
 import {
   useEdgesInteractions,
   useNodesInteractions,
@@ -16,6 +10,12 @@ import {
   useWorkflowMoveMode,
   useWorkflowOrganize,
 } from '.'
+import { useWorkflowStore } from '../store'
+import {
+  getKeyboardKeyCodeBySystem,
+  isEventTargetInputArea,
+} from '../utils'
+import { useWorkflowHistoryStore } from '../workflow-history-store'
 
 export const useShortcuts = (): void => {
   const {
diff --git a/web/app/components/workflow/hooks/use-tool-icon.ts b/web/app/components/workflow/hooks/use-tool-icon.ts
index faf962d450..a300021bad 100644
--- a/web/app/components/workflow/hooks/use-tool-icon.ts
+++ b/web/app/components/workflow/hooks/use-tool-icon.ts
@@ -1,9 +1,11 @@
-import { useCallback, useMemo } from 'react'
+import type { TriggerWithProvider } from '../block-selector/types'
+import type { DataSourceNodeType } from '../nodes/data-source/types'
+import type { ToolNodeType } from '../nodes/tool/types'
+import type { PluginTriggerNodeType } from '../nodes/trigger-plugin/types'
 import type { Node, ToolWithProvider } from '../types'
-import { BlockEnum } from '../types'
-import { useStore, useWorkflowStore } from '../store'
+import { useCallback, useMemo } from 'react'
 import { CollectionType } from '@/app/components/tools/types'
-import { canFindTool } from '@/utils'
+import useTheme from '@/hooks/use-theme'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
@@ -11,11 +13,9 @@ import {
   useAllWorkflowTools,
 } from '@/service/use-tools'
 import { useAllTriggerPlugins } from '@/service/use-triggers'
-import type { PluginTriggerNodeType } from '../nodes/trigger-plugin/types'
-import type { ToolNodeType } from '../nodes/tool/types'
-import type { DataSourceNodeType } from '../nodes/data-source/types'
-import type { TriggerWithProvider } from '../block-selector/types'
-import useTheme from '@/hooks/use-theme'
+import { canFindTool } from '@/utils'
+import { useStore, useWorkflowStore } from '../store'
+import { BlockEnum } from '../types'
 
 const isTriggerPluginNode = (data: Node['data']): data is PluginTriggerNodeType => data.type === BlockEnum.TriggerPlugin
 
diff --git a/web/app/components/workflow/hooks/use-workflow-history.ts b/web/app/components/workflow/hooks/use-workflow-history.ts
index 58bbe415a8..3e6043a1fd 100644
--- a/web/app/components/workflow/hooks/use-workflow-history.ts
+++ b/web/app/components/workflow/hooks/use-workflow-history.ts
@@ -1,14 +1,15 @@
+import type { WorkflowHistoryEventMeta } from '../workflow-history-store'
+import { debounce } from 'lodash-es'
 import {
   useCallback,
-  useRef, useState,
+  useRef,
+  useState,
 } from 'react'
-import { debounce } from 'lodash-es'
+import { useTranslation } from 'react-i18next'
 import {
   useStoreApi,
 } from 'reactflow'
-import { useTranslation } from 'react-i18next'
 import { useWorkflowHistoryStore } from '../workflow-history-store'
-import type { WorkflowHistoryEventMeta } from '../workflow-history-store'
 
 /**
  * All supported Events that create a new history state.
diff --git a/web/app/components/workflow/hooks/use-workflow-interactions.ts b/web/app/components/workflow/hooks/use-workflow-interactions.ts
index e56c39d51e..7a58581a99 100644
--- a/web/app/components/workflow/hooks/use-workflow-interactions.ts
+++ b/web/app/components/workflow/hooks/use-workflow-interactions.ts
@@ -1,16 +1,23 @@
+import type { WorkflowDataUpdater } from '../types'
+import type { LayoutResult } from '../utils'
+import { produce } from 'immer'
 import {
   useCallback,
 } from 'react'
 import { useReactFlow, useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import { useStore, useWorkflowStore } from '../store'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import {
   CUSTOM_NODE,
   NODE_LAYOUT_HORIZONTAL_PADDING,
   NODE_LAYOUT_VERTICAL_PADDING,
   WORKFLOW_DATA_UPDATE,
 } from '../constants'
-import type { WorkflowDataUpdater } from '../types'
+import {
+  useNodesReadOnly,
+  useSelectionInteractions,
+  useWorkflowReadOnly,
+} from '../hooks'
+import { useStore, useWorkflowStore } from '../store'
 import { BlockEnum, ControlMode } from '../types'
 import {
   getLayoutByDagre,
@@ -18,17 +25,10 @@ import {
   initialEdges,
   initialNodes,
 } from '../utils'
-import type { LayoutResult } from '../utils'
-import {
-  useNodesReadOnly,
-  useSelectionInteractions,
-  useWorkflowReadOnly,
-} from '../hooks'
 import { useEdgesInteractionsWithoutSync } from './use-edges-interactions-without-sync'
 import { useNodesInteractionsWithoutSync } from './use-nodes-interactions-without-sync'
 import { useNodesSyncDraft } from './use-nodes-sync-draft'
-import { WorkflowHistoryEvent, useWorkflowHistory } from './use-workflow-history'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useWorkflowHistory, WorkflowHistoryEvent } from './use-workflow-history'
 
 export const useWorkflowInteractions = () => {
   const workflowStore = useWorkflowStore()
@@ -99,8 +99,8 @@ export const useWorkflowOrganize = () => {
 
     const loopAndIterationNodes = nodes.filter(
       node => (node.data.type === BlockEnum.Loop || node.data.type === BlockEnum.Iteration)
-              && !node.parentId
-              && node.type === CUSTOM_NODE,
+        && !node.parentId
+        && node.type === CUSTOM_NODE,
     )
 
     const childLayoutEntries = await Promise.all(
@@ -119,7 +119,8 @@ export const useWorkflowOrganize = () => {
 
     loopAndIterationNodes.forEach((parentNode) => {
       const childLayout = childLayoutsMap[parentNode.id]
-      if (!childLayout) return
+      if (!childLayout)
+        return
 
       const {
         bounds,
@@ -141,7 +142,7 @@ export const useWorkflowOrganize = () => {
     const nodesWithUpdatedSizes = produce(nodes, (draft) => {
       draft.forEach((node) => {
         if ((node.data.type === BlockEnum.Loop || node.data.type === BlockEnum.Iteration)
-            && containerSizeChanges[node.id]) {
+          && containerSizeChanges[node.id]) {
           node.width = containerSizeChanges[node.id].width
           node.height = containerSizeChanges[node.id].height
 
@@ -160,7 +161,7 @@ export const useWorkflowOrganize = () => {
     const layout = await getLayoutByDagre(nodesWithUpdatedSizes, edges)
 
     // Build layer map for vertical alignment - nodes in the same layer should align
-    const layerMap = new Map<number, { minY: number; maxHeight: number }>()
+    const layerMap = new Map<number, { minY: number, maxHeight: number }>()
     layout.nodes.forEach((layoutInfo) => {
       if (layoutInfo.layer !== undefined) {
         const existing = layerMap.get(layoutInfo.layer)
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/index.ts b/web/app/components/workflow/hooks/use-workflow-run-event/index.ts
index 67bc6c15ef..3f31b423ad 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/index.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/index.ts
@@ -1,15 +1,15 @@
-export * from './use-workflow-started'
-export * from './use-workflow-finished'
+export * from './use-workflow-agent-log'
 export * from './use-workflow-failed'
-export * from './use-workflow-node-started'
+export * from './use-workflow-finished'
 export * from './use-workflow-node-finished'
-export * from './use-workflow-node-iteration-started'
-export * from './use-workflow-node-iteration-next'
 export * from './use-workflow-node-iteration-finished'
-export * from './use-workflow-node-loop-started'
-export * from './use-workflow-node-loop-next'
+export * from './use-workflow-node-iteration-next'
+export * from './use-workflow-node-iteration-started'
 export * from './use-workflow-node-loop-finished'
+export * from './use-workflow-node-loop-next'
+export * from './use-workflow-node-loop-started'
 export * from './use-workflow-node-retry'
+export * from './use-workflow-node-started'
+export * from './use-workflow-started'
 export * from './use-workflow-text-chunk'
 export * from './use-workflow-text-replace'
-export * from './use-workflow-agent-log'
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-agent-log.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-agent-log.ts
index a9deb9bc70..08fb526000 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-agent-log.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-agent-log.ts
@@ -1,6 +1,6 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type { AgentLogResponse } from '@/types/workflow'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowAgentLog = () => {
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-failed.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-failed.ts
index ff16aa1935..b2d9755ab5 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-failed.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-failed.ts
@@ -1,5 +1,5 @@
-import { useCallback } from 'react'
 import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-finished.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-finished.ts
index 681a123b93..5fc8807873 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-finished.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-finished.ts
@@ -1,8 +1,8 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type { WorkflowFinishedResponse } from '@/types/workflow'
-import { useWorkflowStore } from '@/app/components/workflow/store'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 import { getFilesInLogs } from '@/app/components/base/file-uploader/utils'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowFinished = () => {
   const workflowStore = useWorkflowStore()
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-finished.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-finished.ts
index 9b90a2ebee..cf0d9bcef1 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-finished.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-finished.ts
@@ -1,13 +1,13 @@
+import type { NodeFinishedResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import type { NodeFinishedResponse } from '@/types/workflow'
+import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 import {
   BlockEnum,
   NodeRunningStatus,
 } from '@/app/components/workflow/types'
-import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
-import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowNodeFinished = () => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-finished.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-finished.ts
index 50700a7fad..4491104c08 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-finished.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-finished.ts
@@ -1,9 +1,9 @@
+import type { IterationFinishedResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import type { IterationFinishedResponse } from '@/types/workflow'
-import { useWorkflowStore } from '@/app/components/workflow/store'
 import { DEFAULT_ITER_TIMES } from '@/app/components/workflow/constants'
+import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowNodeIterationFinished = () => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-next.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-next.ts
index 3b88a02bfc..70fe6fbf22 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-next.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-next.ts
@@ -1,7 +1,7 @@
+import type { IterationNextResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import type { IterationNextResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowNodeIterationNext = () => {
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-started.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-started.ts
index c064809a10..388d3936ed 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-started.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-started.ts
@@ -1,13 +1,13 @@
+import type { IterationStartedResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import { produce } from 'immer'
-import { useWorkflowStore } from '@/app/components/workflow/store'
-import type { IterationStartedResponse } from '@/types/workflow'
-import { NodeRunningStatus } from '@/app/components/workflow/types'
 import { DEFAULT_ITER_TIMES } from '@/app/components/workflow/constants'
+import { useWorkflowStore } from '@/app/components/workflow/store'
+import { NodeRunningStatus } from '@/app/components/workflow/types'
 
 export const useWorkflowNodeIterationStarted = () => {
   const store = useStoreApi()
@@ -17,8 +17,8 @@ export const useWorkflowNodeIterationStarted = () => {
   const handleWorkflowNodeIterationStarted = useCallback((
     params: IterationStartedResponse,
     containerParams: {
-      clientWidth: number,
-      clientHeight: number,
+      clientWidth: number
+      clientHeight: number
     },
   ) => {
     const { data } = params
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-finished.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-finished.ts
index a7605dfc55..24df8ac6aa 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-finished.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-finished.ts
@@ -1,7 +1,7 @@
+import type { LoopFinishedResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import type { LoopFinishedResponse } from '@/types/workflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowNodeLoopFinished = () => {
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-next.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-next.ts
index 26f52bc23c..2f92e2bae1 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-next.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-next.ts
@@ -1,7 +1,7 @@
+import type { LoopNextResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import type { LoopNextResponse } from '@/types/workflow'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
 
 export const useWorkflowNodeLoopNext = () => {
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-started.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-started.ts
index d83b9a2ab8..c5ace9c692 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-started.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-loop-started.ts
@@ -1,11 +1,11 @@
+import type { LoopStartedResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import { produce } from 'immer'
 import { useWorkflowStore } from '@/app/components/workflow/store'
-import type { LoopStartedResponse } from '@/types/workflow'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
 
 export const useWorkflowNodeLoopStarted = () => {
@@ -16,8 +16,8 @@ export const useWorkflowNodeLoopStarted = () => {
   const handleWorkflowNodeLoopStarted = useCallback((
     params: LoopStartedResponse,
     containerParams: {
-      clientWidth: number,
-      clientHeight: number,
+      clientWidth: number
+      clientHeight: number
     },
   ) => {
     const { data } = params
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-retry.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-retry.ts
index b7fb631a4f..5b09d27ca4 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-retry.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-retry.ts
@@ -1,9 +1,9 @@
-import { useCallback } from 'react'
-import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
 import type {
   NodeFinishedResponse,
 } from '@/types/workflow'
+import { produce } from 'immer'
+import { useCallback } from 'react'
+import { useStoreApi } from 'reactflow'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowNodeRetry = () => {
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-started.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-started.ts
index a3ae0407ea..03c7387d38 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-started.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-started.ts
@@ -1,12 +1,12 @@
+import type { NodeStartedResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import { produce } from 'immer'
-import type { NodeStartedResponse } from '@/types/workflow'
-import { NodeRunningStatus } from '@/app/components/workflow/types'
 import { useWorkflowStore } from '@/app/components/workflow/store'
+import { NodeRunningStatus } from '@/app/components/workflow/types'
 
 export const useWorkflowNodeStarted = () => {
   const store = useStoreApi()
@@ -16,8 +16,8 @@ export const useWorkflowNodeStarted = () => {
   const handleWorkflowNodeStarted = useCallback((
     params: NodeStartedResponse,
     containerParams: {
-      clientWidth: number,
-      clientHeight: number,
+      clientWidth: number
+      clientHeight: number
     },
   ) => {
     const { data } = params
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-started.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-started.ts
index 2843cf0f1c..16ad976607 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-started.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-started.ts
@@ -1,9 +1,9 @@
+import type { WorkflowStartedResponse } from '@/types/workflow'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import type { WorkflowStartedResponse } from '@/types/workflow'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import { useWorkflowStore } from '@/app/components/workflow/store'
+import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 
 export const useWorkflowStarted = () => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-chunk.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-chunk.ts
index 1667265548..dfca7f61a6 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-chunk.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-chunk.ts
@@ -1,6 +1,6 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type { TextChunkResponse } from '@/types/workflow'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowTextChunk = () => {
diff --git a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-replace.ts b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-replace.ts
index 3efd287c9b..74bb0a7ad3 100644
--- a/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-replace.ts
+++ b/web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-replace.ts
@@ -1,6 +1,6 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type { TextReplaceResponse } from '@/types/workflow'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 import { useWorkflowStore } from '@/app/components/workflow/store'
 
 export const useWorkflowTextReplace = () => {
diff --git a/web/app/components/workflow/hooks/use-workflow-search.tsx b/web/app/components/workflow/hooks/use-workflow-search.tsx
index 68ad9873f9..8ca597f94e 100644
--- a/web/app/components/workflow/hooks/use-workflow-search.tsx
+++ b/web/app/components/workflow/hooks/use-workflow-search.tsx
@@ -1,23 +1,23 @@
 'use client'
 
+import type { LLMNodeType } from '../nodes/llm/types'
+import type { CommonNodeType } from '../types'
+import type { Emoji } from '@/app/components/tools/types'
 import { useCallback, useEffect, useMemo } from 'react'
 import { useNodes } from 'reactflow'
-import { useNodesInteractions } from './use-nodes-interactions'
-import type { CommonNodeType } from '../types'
 import { workflowNodesAction } from '@/app/components/goto-anything/actions/workflow-nodes'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import { setupNodeSelectionListener } from '../utils/node-navigation'
-import { BlockEnum } from '../types'
-import type { Emoji } from '@/app/components/tools/types'
 import { CollectionType } from '@/app/components/tools/types'
-import { canFindTool } from '@/utils'
-import type { LLMNodeType } from '../nodes/llm/types'
+import BlockIcon from '@/app/components/workflow/block-icon'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllMCPTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import { canFindTool } from '@/utils'
+import { BlockEnum } from '../types'
+import { setupNodeSelectionListener } from '../utils/node-navigation'
+import { useNodesInteractions } from './use-nodes-interactions'
 
 /**
  * Hook to register workflow nodes search functionality
@@ -34,7 +34,8 @@ export const useWorkflowSearch = () => {
 
   // Extract tool icon logic - clean separation of concerns
   const getToolIcon = useCallback((nodeData: CommonNodeType): string | Emoji | undefined => {
-    if (nodeData?.type !== BlockEnum.Tool) return undefined
+    if (nodeData?.type !== BlockEnum.Tool)
+      return undefined
 
     const toolCollections: Record<string, any[]> = {
       [CollectionType.builtIn]: buildInTools || [],
@@ -48,19 +49,23 @@ export const useWorkflowSearch = () => {
 
   // Extract model info logic - clean extraction
   const getModelInfo = useCallback((nodeData: CommonNodeType) => {
-    if (nodeData?.type !== BlockEnum.LLM) return {}
+    if (nodeData?.type !== BlockEnum.LLM)
+      return {}
 
     const llmNodeData = nodeData as LLMNodeType
-    return llmNodeData.model ? {
-      provider: llmNodeData.model.provider,
-      name: llmNodeData.model.name,
-      mode: llmNodeData.model.mode,
-    } : {}
+    return llmNodeData.model
+      ? {
+          provider: llmNodeData.model.provider,
+          name: llmNodeData.model.name,
+          mode: llmNodeData.model.mode,
+        }
+      : {}
   }, [])
 
   const searchableNodes = useMemo(() => {
     const filteredNodes = nodes.filter((node) => {
-      if (!node.id || !node.data || node.type === 'sticky') return false
+      if (!node.id || !node.data || node.type === 'sticky')
+        return false
 
       const nodeData = node.data as CommonNodeType
       const nodeType = nodeData?.type
@@ -87,12 +92,13 @@ export const useWorkflowSearch = () => {
 
   // Calculate search score - clean scoring logic
   const calculateScore = useCallback((node: {
-    title: string;
-    type: string;
-    desc: string;
-    modelInfo: { provider?: string; name?: string; mode?: string }
+    title: string
+    type: string
+    desc: string
+    modelInfo: { provider?: string, name?: string, mode?: string }
   }, searchTerm: string): number => {
-    if (!searchTerm) return 1
+    if (!searchTerm)
+      return 1
 
     const titleMatch = node.title.toLowerCase()
     const typeMatch = node.type.toLowerCase()
@@ -104,27 +110,36 @@ export const useWorkflowSearch = () => {
     let score = 0
 
     // Title matching (exact prefix > partial match)
-    if (titleMatch.startsWith(searchTerm)) score += 100
-    else if (titleMatch.includes(searchTerm)) score += 50
+    if (titleMatch.startsWith(searchTerm))
+      score += 100
+    else if (titleMatch.includes(searchTerm))
+      score += 50
 
     // Type matching (exact > partial)
-    if (typeMatch === searchTerm) score += 80
-    else if (typeMatch.includes(searchTerm)) score += 30
+    if (typeMatch === searchTerm)
+      score += 80
+    else if (typeMatch.includes(searchTerm))
+      score += 30
 
     // Description matching (additive)
-    if (descMatch.includes(searchTerm)) score += 20
+    if (descMatch.includes(searchTerm))
+      score += 20
 
     // LLM model matching (additive - can combine multiple matches)
-    if (modelNameMatch && modelNameMatch.includes(searchTerm)) score += 60
-    if (modelProviderMatch && modelProviderMatch.includes(searchTerm)) score += 40
-    if (modelModeMatch && modelModeMatch.includes(searchTerm)) score += 30
+    if (modelNameMatch && modelNameMatch.includes(searchTerm))
+      score += 60
+    if (modelProviderMatch && modelProviderMatch.includes(searchTerm))
+      score += 40
+    if (modelModeMatch && modelModeMatch.includes(searchTerm))
+      score += 30
 
     return score
   }, [])
 
   // Create search function for workflow nodes
   const searchWorkflowNodes = useCallback((query: string) => {
-    if (!searchableNodes.length) return []
+    if (!searchableNodes.length)
+      return []
 
     const searchTerm = query.toLowerCase().trim()
 
@@ -132,32 +147,35 @@ export const useWorkflowSearch = () => {
       .map((node) => {
         const score = calculateScore(node, searchTerm)
 
-        return score > 0 ? {
-          id: node.id,
-          title: node.title,
-          description: node.desc || node.type,
-          type: 'workflow-node' as const,
-          path: `#${node.id}`,
-          icon: (
-            <BlockIcon
-              type={node.blockType}
-              className="shrink-0"
-              size="sm"
-              toolIcon={node.toolIcon}
-            />
-          ),
-          metadata: {
-            nodeId: node.id,
-            nodeData: node.nodeData,
-          },
-          data: node.nodeData,
-          score,
-        } : null
+        return score > 0
+          ? {
+              id: node.id,
+              title: node.title,
+              description: node.desc || node.type,
+              type: 'workflow-node' as const,
+              path: `#${node.id}`,
+              icon: (
+                <BlockIcon
+                  type={node.blockType}
+                  className="shrink-0"
+                  size="sm"
+                  toolIcon={node.toolIcon}
+                />
+              ),
+              metadata: {
+                nodeId: node.id,
+                nodeData: node.nodeData,
+              },
+              data: node.nodeData,
+              score,
+            }
+          : null
       })
       .filter((node): node is NonNullable<typeof node> => node !== null)
       .sort((a, b) => {
         // If no search term, sort alphabetically
-        if (!searchTerm) return a.title.localeCompare(b.title)
+        if (!searchTerm)
+          return a.title.localeCompare(b.title)
         // Sort by relevance score (higher score first)
         return (b.score || 0) - (a.score || 0)
       })
diff --git a/web/app/components/workflow/hooks/use-workflow-variables.ts b/web/app/components/workflow/hooks/use-workflow-variables.ts
index 871937365a..d6a5b8bdd1 100644
--- a/web/app/components/workflow/hooks/use-workflow-variables.ts
+++ b/web/app/components/workflow/hooks/use-workflow-variables.ts
@@ -1,23 +1,23 @@
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useWorkflowStore } from '../store'
-import { getVarType, toNodeAvailableVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import type { Type } from '../nodes/llm/types'
 import type {
   Node,
   NodeOutPutVar,
   ValueSelector,
   Var,
 } from '@/app/components/workflow/types'
-import { useIsChatMode } from './use-workflow'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useStoreApi } from 'reactflow'
-import type { Type } from '../nodes/llm/types'
-import useMatchSchemaType from '../nodes/_base/components/variable/use-match-schema-type'
+import { getVarType, toNodeAvailableVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllMCPTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import useMatchSchemaType from '../nodes/_base/components/variable/use-match-schema-type'
+import { useWorkflowStore } from '../store'
+import { useIsChatMode } from './use-workflow'
 
 export const useWorkflowVariables = () => {
   const { t } = useTranslation()
@@ -137,8 +137,8 @@ export const useWorkflowVariableType = () => {
     nodeId,
     valueSelector,
   }: {
-    nodeId: string,
-    valueSelector: ValueSelector,
+    nodeId: string
+    valueSelector: ValueSelector
   }) => {
     const node = getNodes().find(n => n.id === nodeId)
     const isInIteration = !!node?.data.isInIteration
diff --git a/web/app/components/workflow/hooks/use-workflow.ts b/web/app/components/workflow/hooks/use-workflow.ts
index e6746085b8..c958bb6b83 100644
--- a/web/app/components/workflow/hooks/use-workflow.ts
+++ b/web/app/components/workflow/hooks/use-workflow.ts
@@ -1,46 +1,46 @@
-import {
-  useCallback,
-} from 'react'
-import { uniqBy } from 'lodash-es'
-import {
-  getIncomers,
-  getOutgoers,
-  useStoreApi,
-} from 'reactflow'
 import type {
   Connection,
 } from 'reactflow'
+import type { IterationNodeType } from '../nodes/iteration/types'
+import type { LoopNodeType } from '../nodes/loop/types'
 import type {
   BlockEnum,
   Edge,
   Node,
   ValueSelector,
 } from '../types'
+import { uniqBy } from 'lodash-es'
 import {
-  WorkflowRunningStatus,
-} from '../types'
+  useCallback,
+} from 'react'
+import {
+  getIncomers,
+  getOutgoers,
+  useStoreApi,
+} from 'reactflow'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { CUSTOM_ITERATION_START_NODE } from '@/app/components/workflow/nodes/iteration-start/constants'
+import { CUSTOM_LOOP_START_NODE } from '@/app/components/workflow/nodes/loop-start/constants'
+import { AppModeEnum } from '@/types/app'
+import { useNodesMetaData } from '.'
+import {
+  SUPPORT_OUTPUT_VARS_NODE,
+} from '../constants'
+import { findUsedVarNodes, getNodeOutputVars, updateNodeVars } from '../nodes/_base/components/variable/utils'
+import { CUSTOM_NOTE_NODE } from '../note-node/constants'
+
 import {
   useStore,
   useWorkflowStore,
 } from '../store'
+import {
+  WorkflowRunningStatus,
+} from '../types'
 import {
   getWorkflowEntryNode,
   isWorkflowEntryNode,
 } from '../utils/workflow-entry'
-import {
-  SUPPORT_OUTPUT_VARS_NODE,
-} from '../constants'
-import type { IterationNodeType } from '../nodes/iteration/types'
-import type { LoopNodeType } from '../nodes/loop/types'
-import { CUSTOM_NOTE_NODE } from '../note-node/constants'
-import { findUsedVarNodes, getNodeOutputVars, updateNodeVars } from '../nodes/_base/components/variable/utils'
 import { useAvailableBlocks } from './use-available-blocks'
-import { useStore as useAppStore } from '@/app/components/app/store'
-
-import { CUSTOM_ITERATION_START_NODE } from '@/app/components/workflow/nodes/iteration-start/constants'
-import { CUSTOM_LOOP_START_NODE } from '@/app/components/workflow/nodes/loop-start/constants'
-import { useNodesMetaData } from '.'
-import { AppModeEnum } from '@/types/app'
 
 export const useIsChatMode = () => {
   const appDetail = useAppStore(s => s.appDetail)
diff --git a/web/app/components/workflow/index.tsx b/web/app/components/workflow/index.tsx
index 4f6ee4e64a..ab31f36406 100644
--- a/web/app/components/workflow/index.tsx
+++ b/web/app/components/workflow/index.tsx
@@ -1,6 +1,21 @@
 'use client'
 
 import type { FC } from 'react'
+import type {
+  Viewport,
+} from 'reactflow'
+import type { Shape as HooksStoreShape } from './hooks-store'
+import type {
+  Edge,
+  Node,
+} from './types'
+import type { VarInInspect } from '@/types/workflow'
+import {
+  useEventListener,
+} from 'ahooks'
+import { setAutoFreeze } from 'immer'
+import { isEqual } from 'lodash-es'
+import dynamic from 'next/dynamic'
 import {
   memo,
   useCallback,
@@ -9,10 +24,6 @@ import {
   useRef,
   useState,
 } from 'react'
-import { setAutoFreeze } from 'immer'
-import {
-  useEventListener,
-} from 'ahooks'
 import ReactFlow, {
   Background,
   ReactFlowProvider,
@@ -24,18 +35,26 @@ import ReactFlow, {
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import type {
-  Viewport,
-} from 'reactflow'
-import 'reactflow/dist/style.css'
-import './style.css'
-import type {
-  Edge,
-  Node,
-} from './types'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import {
-  ControlMode,
-} from './types'
+  useAllBuiltInTools,
+  useAllCustomTools,
+  useAllMCPTools,
+  useAllWorkflowTools,
+} from '@/service/use-tools'
+import { fetchAllInspectVars } from '@/service/workflow'
+import { cn } from '@/utils/classnames'
+import CandidateNode from './candidate-node'
+import {
+  CUSTOM_EDGE,
+  CUSTOM_NODE,
+  ITERATION_CHILDREN_Z_INDEX,
+  WORKFLOW_DATA_UPDATE,
+} from './constants'
+import CustomConnectionLine from './custom-connection-line'
+import CustomEdge from './custom-edge'
+import DatasetsDetailProvider from './datasets-detail-store/provider'
+import HelpLine from './help-line'
 import {
   useEdgesInteractions,
   useNodesInteractions,
@@ -49,56 +68,37 @@ import {
   useWorkflowReadOnly,
   useWorkflowRefreshDraft,
 } from './hooks'
+import { HooksStoreContextProvider, useHooksStore } from './hooks-store'
+import { useWorkflowSearch } from './hooks/use-workflow-search'
+import NodeContextmenu from './node-contextmenu'
 import CustomNode from './nodes'
-import CustomNoteNode from './note-node'
-import { CUSTOM_NOTE_NODE } from './note-node/constants'
+import useMatchSchemaType from './nodes/_base/components/variable/use-match-schema-type'
+import CustomDataSourceEmptyNode from './nodes/data-source-empty'
+import { CUSTOM_DATA_SOURCE_EMPTY_NODE } from './nodes/data-source-empty/constants'
 import CustomIterationStartNode from './nodes/iteration-start'
 import { CUSTOM_ITERATION_START_NODE } from './nodes/iteration-start/constants'
 import CustomLoopStartNode from './nodes/loop-start'
 import { CUSTOM_LOOP_START_NODE } from './nodes/loop-start/constants'
+import CustomNoteNode from './note-node'
+import { CUSTOM_NOTE_NODE } from './note-node/constants'
+import Operator from './operator'
+import Control from './operator/control'
+import PanelContextmenu from './panel-contextmenu'
+import SelectionContextmenu from './selection-contextmenu'
 import CustomSimpleNode from './simple-node'
 import { CUSTOM_SIMPLE_NODE } from './simple-node/constants'
-import CustomDataSourceEmptyNode from './nodes/data-source-empty'
-import { CUSTOM_DATA_SOURCE_EMPTY_NODE } from './nodes/data-source-empty/constants'
-import Operator from './operator'
-import { useWorkflowSearch } from './hooks/use-workflow-search'
-import Control from './operator/control'
-import CustomEdge from './custom-edge'
-import CustomConnectionLine from './custom-connection-line'
-import HelpLine from './help-line'
-import CandidateNode from './candidate-node'
-import PanelContextmenu from './panel-contextmenu'
-import NodeContextmenu from './node-contextmenu'
-import SelectionContextmenu from './selection-contextmenu'
-import SyncingDataModal from './syncing-data-modal'
-import { setupScrollToNodeListener } from './utils/node-navigation'
 import {
   useStore,
   useWorkflowStore,
 } from './store'
+import SyncingDataModal from './syncing-data-modal'
 import {
-  CUSTOM_EDGE,
-  CUSTOM_NODE,
-  ITERATION_CHILDREN_Z_INDEX,
-  WORKFLOW_DATA_UPDATE,
-} from './constants'
+  ControlMode,
+} from './types'
+import { setupScrollToNodeListener } from './utils/node-navigation'
 import { WorkflowHistoryProvider } from './workflow-history-store'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import DatasetsDetailProvider from './datasets-detail-store/provider'
-import { HooksStoreContextProvider, useHooksStore } from './hooks-store'
-import type { Shape as HooksStoreShape } from './hooks-store'
-import dynamic from 'next/dynamic'
-import useMatchSchemaType from './nodes/_base/components/variable/use-match-schema-type'
-import type { VarInInspect } from '@/types/workflow'
-import { fetchAllInspectVars } from '@/service/workflow'
-import { cn } from '@/utils/classnames'
-import {
-  useAllBuiltInTools,
-  useAllCustomTools,
-  useAllMCPTools,
-  useAllWorkflowTools,
-} from '@/service/use-tools'
-import { isEqual } from 'lodash-es'
+import 'reactflow/dist/style.css'
+import './style.css'
 
 const Confirm = dynamic(() => import('@/app/components/base/confirm'), {
   ssr: false,
@@ -362,7 +362,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
 
   return (
     <div
-      id='workflow-container'
+      id="workflow-container"
       className={cn(
         'relative h-full w-full min-w-[960px]',
         workflowReadOnly && 'workflow-panel-animation',
@@ -373,7 +373,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
       <SyncingDataModal />
       <CandidateNode />
       <div
-        className='pointer-events-none absolute left-0 top-0 z-10 flex w-12 items-center justify-center p-1 pl-2'
+        className="pointer-events-none absolute left-0 top-0 z-10 flex w-12 items-center justify-center p-1 pl-2"
         style={{ height: controlHeight }}
       >
         <Control />
@@ -443,7 +443,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
           gap={[14, 14]}
           size={2}
           className="bg-workflow-canvas-workflow-bg"
-          color='var(--color-workflow-canvas-workflow-dot-color)'
+          color="var(--color-workflow-canvas-workflow-dot-color)"
         />
       </ReactFlow>
     </div>
@@ -466,9 +466,9 @@ export const WorkflowWithInnerContext = memo(({
 
 type WorkflowWithDefaultContextProps
   = Pick<WorkflowProps, 'edges' | 'nodes'>
-  & {
-    children: React.ReactNode
-  }
+    & {
+      children: React.ReactNode
+    }
 
 const WorkflowWithDefaultContext = ({
   nodes,
@@ -479,7 +479,8 @@ const WorkflowWithDefaultContext = ({
     <ReactFlowProvider>
       <WorkflowHistoryProvider
         nodes={nodes}
-        edges={edges} >
+        edges={edges}
+      >
         <DatasetsDetailProvider nodes={nodes}>
           {children}
         </DatasetsDetailProvider>
diff --git a/web/app/components/workflow/node-contextmenu.tsx b/web/app/components/workflow/node-contextmenu.tsx
index 86708981fe..cd749fefc0 100644
--- a/web/app/components/workflow/node-contextmenu.tsx
+++ b/web/app/components/workflow/node-contextmenu.tsx
@@ -1,14 +1,14 @@
+import type { Node } from './types'
+import { useClickAway } from 'ahooks'
 import {
   memo,
   useEffect,
   useRef,
 } from 'react'
-import { useClickAway } from 'ahooks'
 import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
-import PanelOperatorPopup from './nodes/_base/components/panel-operator/panel-operator-popup'
-import type { Node } from './types'
-import { useStore } from './store'
 import { usePanelInteractions } from './hooks'
+import PanelOperatorPopup from './nodes/_base/components/panel-operator/panel-operator-popup'
+import { useStore } from './store'
 
 const NodeContextmenu = () => {
   const ref = useRef(null)
@@ -30,7 +30,7 @@ const NodeContextmenu = () => {
 
   return (
     <div
-      className='absolute z-[9]'
+      className="absolute z-[9]"
       style={{
         left: nodeMenu.left,
         top: nodeMenu.top,
diff --git a/web/app/components/workflow/nodes/_base/components/add-button.tsx b/web/app/components/workflow/nodes/_base/components/add-button.tsx
index 12bf649cda..99ccc61fe5 100644
--- a/web/app/components/workflow/nodes/_base/components/add-button.tsx
+++ b/web/app/components/workflow/nodes/_base/components/add-button.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import {
   RiAddLine,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import Button from '@/app/components/base/button'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -21,11 +21,11 @@ const AddButton: FC<Props> = ({
   return (
     <Button
       className={cn('w-full', className)}
-      variant='tertiary'
-      size='medium'
+      variant="tertiary"
+      size="medium"
       onClick={onClick}
     >
-      <RiAddLine className='mr-1 h-3.5 w-3.5' />
+      <RiAddLine className="mr-1 h-3.5 w-3.5" />
       <div>{text}</div>
     </Button>
   )
diff --git a/web/app/components/workflow/nodes/_base/components/add-variable-popup-with-position.tsx b/web/app/components/workflow/nodes/_base/components/add-variable-popup-with-position.tsx
index 6d54e38556..bdbe6c1415 100644
--- a/web/app/components/workflow/nodes/_base/components/add-variable-popup-with-position.tsx
+++ b/web/app/components/workflow/nodes/_base/components/add-variable-popup-with-position.tsx
@@ -1,22 +1,22 @@
+import type {
+  ValueSelector,
+  Var,
+  VarType,
+} from '../../../types'
+import { useClickAway } from 'ahooks'
 import {
   memo,
   useCallback,
   useMemo,
   useRef,
 } from 'react'
-import { useClickAway } from 'ahooks'
-import { useStore } from '../../../store'
 import {
   useIsChatMode,
   useNodeDataUpdate,
   useWorkflow,
   useWorkflowVariables,
 } from '../../../hooks'
-import type {
-  ValueSelector,
-  Var,
-  VarType,
-} from '../../../types'
+import { useStore } from '../../../store'
 import { useVariableAssigner } from '../../variable-assigner/hooks'
 import { filterVar } from '../../variable-assigner/utils'
 import AddVariablePopup from './add-variable-popup'
@@ -112,7 +112,7 @@ const AddVariablePopupWithPosition = ({
 
   return (
     <div
-      className='absolute z-10'
+      className="absolute z-10"
       style={{
         left: showAssignVariablePopup.x,
         top: showAssignVariablePopup.y,
diff --git a/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx b/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx
index 663ed074e8..92176cad8a 100644
--- a/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx
+++ b/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx
@@ -1,11 +1,11 @@
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
-import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
 import type {
   NodeOutPutVar,
   ValueSelector,
   Var,
 } from '@/app/components/workflow/types'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
 
 export type AddVariablePopupProps = {
   availableVars: NodeOutPutVar[]
@@ -18,11 +18,11 @@ export const AddVariablePopup = ({
   const { t } = useTranslation()
 
   return (
-    <div className='w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg'>
-      <div className='flex h-[34px] items-center border-b-[0.5px] border-b-divider-regular px-4 text-[13px] font-semibold text-text-secondary'>
+    <div className="w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg">
+      <div className="flex h-[34px] items-center border-b-[0.5px] border-b-divider-regular px-4 text-[13px] font-semibold text-text-secondary">
         {t('workflow.nodes.variableAssigner.setAssignVariable')}
       </div>
-      <div className='p-1'>
+      <div className="p-1">
         <VarReferenceVars
           hideSearch
           vars={availableVars}
diff --git a/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx b/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx
index 96ae7e03e1..188d37bbff 100644
--- a/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx
+++ b/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx
@@ -1,59 +1,62 @@
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import type { ReactNode } from 'react'
-import { memo, useEffect, useMemo, useRef, useState } from 'react'
-import type { Strategy } from './agent-strategy'
-import { cn } from '@/utils/classnames'
-import { RiArrowDownSLine, RiErrorWarningFill } from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
-import Link from 'next/link'
-import { InstallPluginButton } from './install-plugin-button'
-import ViewTypeSelect, { ViewType } from '../../../block-selector/view-type-select'
-import SearchInput from '@/app/components/base/search-input'
-import Tools from '../../../block-selector/tools'
-import { useTranslation } from 'react-i18next'
-import { useStrategyProviders } from '@/service/use-strategy'
-import { PluginCategoryEnum, type StrategyPluginDetail } from '@/app/components/plugins/types'
 import type { ToolWithProvider } from '../../../types'
-import { CollectionType } from '@/app/components/tools/types'
-import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
-import { useStrategyInfo } from '../../agent/use-config'
-import { SwitchPluginVersion } from './switch-plugin-version'
-import type { ListRef } from '@/app/components/workflow/block-selector/market-place-plugin/list'
-import PluginList, { type ListProps } from '@/app/components/workflow/block-selector/market-place-plugin/list'
-import { useMarketplacePlugins } from '@/app/components/plugins/marketplace/hooks'
+import type { Strategy } from './agent-strategy'
+import type { StrategyPluginDetail } from '@/app/components/plugins/types'
+import type { ListProps, ListRef } from '@/app/components/workflow/block-selector/market-place-plugin/list'
+import { RiArrowDownSLine, RiErrorWarningFill } from '@remixicon/react'
+import Link from 'next/link'
+import { memo, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
+import SearchInput from '@/app/components/base/search-input'
+import Tooltip from '@/app/components/base/tooltip'
 import { ToolTipContent } from '@/app/components/base/tooltip/content'
+import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
+import { useMarketplacePlugins } from '@/app/components/plugins/marketplace/hooks'
+import { PluginCategoryEnum } from '@/app/components/plugins/types'
+import { CollectionType } from '@/app/components/tools/types'
+import PluginList from '@/app/components/workflow/block-selector/market-place-plugin/list'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useStrategyProviders } from '@/service/use-strategy'
+import { cn } from '@/utils/classnames'
+import Tools from '../../../block-selector/tools'
+import ViewTypeSelect, { ViewType } from '../../../block-selector/view-type-select'
+import { useStrategyInfo } from '../../agent/use-config'
+import { InstallPluginButton } from './install-plugin-button'
+import { SwitchPluginVersion } from './switch-plugin-version'
 
 const DEFAULT_TAGS: ListProps['tags'] = []
 
 const NotFoundWarn = (props: {
-  title: ReactNode,
+  title: ReactNode
   description: ReactNode
 }) => {
   const { title, description } = props
 
   const { t } = useTranslation()
-  return <Tooltip
-    popupContent={
-      <div className='space-y-1 text-xs'>
-        <h3 className='font-semibold text-text-primary'>
-          {title}
-        </h3>
-        <p className='tracking-tight text-text-secondary'>
-          {description}
-        </p>
-        <p>
-          <Link href={'/plugins'} className='tracking-tight text-text-accent'>
-            {t('workflow.nodes.agent.linkToPlugin')}
-          </Link>
-        </p>
+  return (
+    <Tooltip
+      popupContent={(
+        <div className="space-y-1 text-xs">
+          <h3 className="font-semibold text-text-primary">
+            {title}
+          </h3>
+          <p className="tracking-tight text-text-secondary">
+            {description}
+          </p>
+          <p>
+            <Link href="/plugins" className="tracking-tight text-text-accent">
+              {t('workflow.nodes.agent.linkToPlugin')}
+            </Link>
+          </p>
+        </div>
+      )}
+    >
+      <div>
+        <RiErrorWarningFill className="size-4 text-text-destructive" />
       </div>
-    }
-  >
-    <div>
-      <RiErrorWarningFill className='size-4 text-text-destructive' />
-    </div>
-  </Tooltip>
+    </Tooltip>
+  )
 }
 
 function formatStrategy(input: StrategyPluginDetail[], getIcon: (i: string) => string): ToolWithProvider[] {
@@ -87,9 +90,9 @@ function formatStrategy(input: StrategyPluginDetail[], getIcon: (i: string) => s
 }
 
 export type AgentStrategySelectorProps = {
-  value?: Strategy,
-  onChange: (value?: Strategy) => void,
-  canChooseMCPTool: boolean,
+  value?: Strategy
+  onChange: (value?: Strategy) => void
+  canChooseMCPTool: boolean
 }
 
 export const AgentStrategySelector = memo((props: AgentStrategySelectorProps) => {
@@ -103,7 +106,8 @@ export const AgentStrategySelector = memo((props: AgentStrategySelectorProps) =>
   const { getIconUrl } = useGetIcon()
   const list = stra.data ? formatStrategy(stra.data, getIconUrl) : undefined
   const filteredTools = useMemo(() => {
-    if (!list) return []
+    if (!list)
+      return []
     return list.filter(tool => tool.name.toLowerCase().includes(query.toLowerCase()))
   }, [query, list])
   const { strategyStatus, refetch: refetchStrategyInfo } = useStrategyInfo(
@@ -136,7 +140,8 @@ export const AgentStrategySelector = memo((props: AgentStrategySelectorProps) =>
   } = useMarketplacePlugins()
 
   useEffect(() => {
-    if (!enable_marketplace) return
+    if (!enable_marketplace)
+      return
     if (query) {
       fetchPlugins({
         query,
@@ -147,97 +152,115 @@ export const AgentStrategySelector = memo((props: AgentStrategySelectorProps) =>
 
   const pluginRef = useRef<ListRef>(null)
 
-  return <PortalToFollowElem open={open} onOpenChange={setOpen} placement='bottom'>
-    <PortalToFollowElemTrigger className='w-full'>
-      <div
-        className='flex h-8 w-full select-none items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 hover:bg-state-base-hover-alt'
-        onClick={() => setOpen(o => !o)}
-      >
-        { }
-        {icon && <div className='flex h-6 w-6 items-center justify-center'><img
-          src={icon}
-          width={20}
-          height={20}
-          className='rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge'
-          alt='icon'
-        /></div>}
-        <p
-          className={cn(value ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder', 'px-1 text-xs')}
+  return (
+    <PortalToFollowElem open={open} onOpenChange={setOpen} placement="bottom">
+      <PortalToFollowElemTrigger className="w-full">
+        <div
+          className="flex h-8 w-full select-none items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 hover:bg-state-base-hover-alt"
+          onClick={() => setOpen(o => !o)}
         >
-          {value?.agent_strategy_label || t('workflow.nodes.agent.strategy.selectTip')}
-        </p>
-        <div className='ml-auto flex items-center gap-1'>
-          {showInstallButton && value && <InstallPluginButton
-            onClick={e => e.stopPropagation()}
-            size={'small'}
-            uniqueIdentifier={value.plugin_unique_identifier}
-          />}
-          {showPluginNotInstalledWarn
-            ? <NotFoundWarn
-              title={t('workflow.nodes.agent.pluginNotInstalled')}
-              description={t('workflow.nodes.agent.pluginNotInstalledDesc')}
-            />
-            : showUnsupportedStrategy
-              ? <NotFoundWarn
-                title={t('workflow.nodes.agent.unsupportedStrategy')}
-                description={t('workflow.nodes.agent.strategyNotFoundDesc')}
+          { }
+          {icon && (
+            <div className="flex h-6 w-6 items-center justify-center">
+              <img
+                src={icon}
+                width={20}
+                height={20}
+                className="rounded-md border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge"
+                alt="icon"
               />
-              : <RiArrowDownSLine className='size-4 text-text-tertiary' />
-          }
-          {showSwitchVersion && <SwitchPluginVersion
-            uniqueIdentifier={value.plugin_unique_identifier}
-            tooltip={<ToolTipContent
-              title={t('workflow.nodes.agent.unsupportedStrategy')}>
-              {t('workflow.nodes.agent.strategyNotFoundDescAndSwitchVersion')}
-            </ToolTipContent>}
-            onChange={() => {
-              refetchStrategyInfo()
-            }}
-          />}
+            </div>
+          )}
+          <p
+            className={cn(value ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder', 'px-1 text-xs')}
+          >
+            {value?.agent_strategy_label || t('workflow.nodes.agent.strategy.selectTip')}
+          </p>
+          <div className="ml-auto flex items-center gap-1">
+            {showInstallButton && value && (
+              <InstallPluginButton
+                onClick={e => e.stopPropagation()}
+                size="small"
+                uniqueIdentifier={value.plugin_unique_identifier}
+              />
+            )}
+            {showPluginNotInstalledWarn
+              ? (
+                  <NotFoundWarn
+                    title={t('workflow.nodes.agent.pluginNotInstalled')}
+                    description={t('workflow.nodes.agent.pluginNotInstalledDesc')}
+                  />
+                )
+              : showUnsupportedStrategy
+                ? (
+                    <NotFoundWarn
+                      title={t('workflow.nodes.agent.unsupportedStrategy')}
+                      description={t('workflow.nodes.agent.strategyNotFoundDesc')}
+                    />
+                  )
+                : <RiArrowDownSLine className="size-4 text-text-tertiary" />}
+            {showSwitchVersion && (
+              <SwitchPluginVersion
+                uniqueIdentifier={value.plugin_unique_identifier}
+                tooltip={(
+                  <ToolTipContent
+                    title={t('workflow.nodes.agent.unsupportedStrategy')}
+                  >
+                    {t('workflow.nodes.agent.strategyNotFoundDescAndSwitchVersion')}
+                  </ToolTipContent>
+                )}
+                onChange={() => {
+                  refetchStrategyInfo()
+                }}
+              />
+            )}
+          </div>
         </div>
-      </div>
-    </PortalToFollowElemTrigger>
-    <PortalToFollowElemContent className='z-10'>
-      <div className='w-[388px] overflow-hidden rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow'>
-        <header className='flex gap-1 p-2'>
-          <SearchInput placeholder={t('workflow.nodes.agent.strategy.searchPlaceholder')} value={query} onChange={setQuery} className={'w-full'} />
-          <ViewTypeSelect viewType={viewType} onChange={setViewType} />
-        </header>
-        <main className="relative flex w-full flex-col overflow-hidden md:max-h-[300px] xl:max-h-[400px] 2xl:max-h-[564px]" ref={wrapElemRef}>
-          <Tools
-            tools={filteredTools}
-            viewType={viewType}
-            onSelect={(_, tool) => {
-              onChange({
-                agent_strategy_name: tool!.tool_name,
-                agent_strategy_provider_name: tool!.provider_name,
-                agent_strategy_label: tool!.tool_label,
-                agent_output_schema: tool!.output_schema || {},
-                plugin_unique_identifier: tool!.provider_id,
-                meta: tool!.meta,
-              })
-              setOpen(false)
-            }}
-            className='h-full max-h-full max-w-none overflow-y-auto'
-            indexBarClassName='top-0 xl:top-36'
-            hasSearchText={false}
-            canNotSelectMultiple
-            canChooseMCPTool={canChooseMCPTool}
-            isAgent
-          />
-          {enable_marketplace && <PluginList
-            ref={pluginRef}
-            wrapElemRef={wrapElemRef}
-            list={notInstalledPlugins}
-            searchText={query}
-            tags={DEFAULT_TAGS}
-            category={PluginCategoryEnum.agent}
-            disableMaxWidth
-          />}
-        </main>
-      </div>
-    </PortalToFollowElemContent>
-  </PortalToFollowElem>
+      </PortalToFollowElemTrigger>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[388px] overflow-hidden rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow">
+          <header className="flex gap-1 p-2">
+            <SearchInput placeholder={t('workflow.nodes.agent.strategy.searchPlaceholder')} value={query} onChange={setQuery} className="w-full" />
+            <ViewTypeSelect viewType={viewType} onChange={setViewType} />
+          </header>
+          <main className="relative flex w-full flex-col overflow-hidden md:max-h-[300px] xl:max-h-[400px] 2xl:max-h-[564px]" ref={wrapElemRef}>
+            <Tools
+              tools={filteredTools}
+              viewType={viewType}
+              onSelect={(_, tool) => {
+                onChange({
+                  agent_strategy_name: tool!.tool_name,
+                  agent_strategy_provider_name: tool!.provider_name,
+                  agent_strategy_label: tool!.tool_label,
+                  agent_output_schema: tool!.output_schema || {},
+                  plugin_unique_identifier: tool!.provider_id,
+                  meta: tool!.meta,
+                })
+                setOpen(false)
+              }}
+              className="h-full max-h-full max-w-none overflow-y-auto"
+              indexBarClassName="top-0 xl:top-36"
+              hasSearchText={false}
+              canNotSelectMultiple
+              canChooseMCPTool={canChooseMCPTool}
+              isAgent
+            />
+            {enable_marketplace && (
+              <PluginList
+                ref={pluginRef}
+                wrapElemRef={wrapElemRef}
+                list={notInstalledPlugins}
+                searchText={query}
+                tags={DEFAULT_TAGS}
+                category={PluginCategoryEnum.agent}
+                disableMaxWidth
+              />
+            )}
+          </main>
+        </div>
+      </PortalToFollowElemContent>
+    </PortalToFollowElem>
+  )
 })
 
 AgentStrategySelector.displayName = 'AgentStrategySelector'
diff --git a/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx b/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx
index c207c82037..d7592b3c6f 100644
--- a/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx
+++ b/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx
@@ -1,28 +1,29 @@
-import type { CredentialFormSchemaNumberInput, CredentialFormSchemaTextInput } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { type CredentialFormSchema, FormTypeEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { ToolVarInputs } from '../../tool/types'
-import ListEmpty from '@/app/components/base/list-empty'
-import { AgentStrategySelector } from './agent-strategy-selector'
-import Link from 'next/link'
-import { useTranslation } from 'react-i18next'
-import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
-import { Agent } from '@/app/components/base/icons/src/vender/workflow'
-import { InputNumber } from '@/app/components/base/input-number'
-import Slider from '@/app/components/base/slider'
-import ToolSelector from '@/app/components/plugins/plugin-detail-panel/tool-selector'
-import MultipleToolSelector from '@/app/components/plugins/plugin-detail-panel/multiple-tool-selector'
-import Field from './field'
-import { type ComponentProps, memo } from 'react'
-import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import Editor from './prompt/editor'
-import { useWorkflowStore } from '../../../store'
-import { useRenderI18nObject } from '@/hooks/use-i18n'
-import type { NodeOutPutVar } from '../../../types'
+import type { ComponentProps } from 'react'
 import type { Node } from 'reactflow'
+import type { NodeOutPutVar } from '../../../types'
+import type { ToolVarInputs } from '../../tool/types'
+import type { CredentialFormSchema, CredentialFormSchemaNumberInput, CredentialFormSchemaTextInput } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { PluginMeta } from '@/app/components/plugins/types'
 import { noop } from 'lodash-es'
+import Link from 'next/link'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Agent } from '@/app/components/base/icons/src/vender/workflow'
+import { InputNumber } from '@/app/components/base/input-number'
+import ListEmpty from '@/app/components/base/list-empty'
+import Slider from '@/app/components/base/slider'
+import { FormTypeEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import Form from '@/app/components/header/account-setting/model-provider-page/model-modal/Form'
+import MultipleToolSelector from '@/app/components/plugins/plugin-detail-panel/multiple-tool-selector'
+import ToolSelector from '@/app/components/plugins/plugin-detail-panel/tool-selector'
 import { useDocLink } from '@/context/i18n'
+import { useRenderI18nObject } from '@/hooks/use-i18n'
 import { AppModeEnum } from '@/types/app'
+import { useWorkflowStore } from '../../../store'
+import { AgentStrategySelector } from './agent-strategy-selector'
+import Field from './field'
+import Editor from './prompt/editor'
 
 export type Strategy = {
   agent_strategy_provider_name: string
@@ -39,8 +40,8 @@ export type AgentStrategyProps = {
   formSchema: CredentialFormSchema[]
   formValue: ToolVarInputs
   onFormValueChange: (value: ToolVarInputs) => void
-  nodeOutputVars?: NodeOutPutVar[],
-  availableNodes?: Node[],
+  nodeOutputVars?: NodeOutPutVar[]
+  availableNodes?: Node[]
   nodeId?: string
   canChooseMCPTool: boolean
 }
@@ -78,38 +79,41 @@ export const AgentStrategy = memo((props: AgentStrategyProps) => {
             onChange(value)
             setControlPromptEditorRerenderKey(Math.random())
           }
-          return <Editor
-            value={value}
-            onChange={onChange}
-            onGenerated={handleGenerated}
-            instanceId={instanceId}
-            key={instanceId}
-            title={renderI18nObject(schema.label)}
-            headerClassName='bg-transparent px-0 text-text-secondary system-sm-semibold-uppercase'
-            containerBackgroundClassName='bg-transparent'
-            gradientBorder={false}
-            nodeId={nodeId}
-            isSupportPromptGenerator={!!def.auto_generate?.type}
-            titleTooltip={schema.tooltip && renderI18nObject(schema.tooltip)}
-            editorContainerClassName='px-0 bg-components-input-bg-normal focus-within:bg-components-input-bg-active rounded-lg'
-            availableNodes={availableNodes}
-            nodesOutputVars={nodeOutputVars}
-            isSupportJinja={def.template?.enabled}
-            required={def.required}
-            varList={[]}
-            modelConfig={
-              defaultModel.data
-                ? {
-                  mode: AppModeEnum.CHAT,
-                  name: defaultModel.data.model,
-                  provider: defaultModel.data.provider.provider,
-                  completion_params: {},
-                } : undefined
-            }
-            placeholderClassName='px-2 py-1'
-            titleClassName='system-sm-semibold-uppercase text-text-secondary text-[13px]'
-            inputClassName='px-2 py-1'
-          />
+          return (
+            <Editor
+              value={value}
+              onChange={onChange}
+              onGenerated={handleGenerated}
+              instanceId={instanceId}
+              key={instanceId}
+              title={renderI18nObject(schema.label)}
+              headerClassName="bg-transparent px-0 text-text-secondary system-sm-semibold-uppercase"
+              containerBackgroundClassName="bg-transparent"
+              gradientBorder={false}
+              nodeId={nodeId}
+              isSupportPromptGenerator={!!def.auto_generate?.type}
+              titleTooltip={schema.tooltip && renderI18nObject(schema.tooltip)}
+              editorContainerClassName="px-0 bg-components-input-bg-normal focus-within:bg-components-input-bg-active rounded-lg"
+              availableNodes={availableNodes}
+              nodesOutputVars={nodeOutputVars}
+              isSupportJinja={def.template?.enabled}
+              required={def.required}
+              varList={[]}
+              modelConfig={
+                defaultModel.data
+                  ? {
+                      mode: AppModeEnum.CHAT,
+                      name: defaultModel.data.model,
+                      provider: defaultModel.data.provider.provider,
+                      completion_params: {},
+                    }
+                  : undefined
+              }
+              placeholderClassName="px-2 py-1"
+              titleClassName="system-sm-semibold-uppercase text-text-secondary text-[13px]"
+              inputClassName="px-2 py-1"
+            />
+          )
         }
         case FormTypeEnum.textNumber: {
           const def = schema as CredentialFormSchemaNumberInput
@@ -121,34 +125,40 @@ export const AgentStrategy = memo((props: AgentStrategyProps) => {
           const onChange = (value: number) => {
             props.onChange({ ...props.value, [schema.variable]: value })
           }
-          return <Field
-            title={<>
-              {renderI18nObject(def.label)} {def.required && <span className='text-red-500'>*</span>}
-            </>}
-            key={def.variable}
-            tooltip={def.tooltip && renderI18nObject(def.tooltip)}
-            inline
-          >
-            <div className='flex w-[200px] items-center gap-3'>
-              <Slider
-                value={value}
-                onChange={onChange}
-                className='w-full'
-                min={def.min}
-                max={def.max}
-              />
-              <InputNumber
-                value={value}
-                // TODO: maybe empty, handle this
-                onChange={onChange as any}
-                defaultValue={defaultValue}
-                size='regular'
-                min={def.min}
-                max={def.max}
-                className='w-12'
-              />
-            </div>
-          </Field>
+          return (
+            <Field
+              title={(
+                <>
+                  {renderI18nObject(def.label)}
+                  {' '}
+                  {def.required && <span className="text-red-500">*</span>}
+                </>
+              )}
+              key={def.variable}
+              tooltip={def.tooltip && renderI18nObject(def.tooltip)}
+              inline
+            >
+              <div className="flex w-[200px] items-center gap-3">
+                <Slider
+                  value={value}
+                  onChange={onChange}
+                  className="w-full"
+                  min={def.min}
+                  max={def.max}
+                />
+                <InputNumber
+                  value={value}
+                  // TODO: maybe empty, handle this
+                  onChange={onChange as any}
+                  defaultValue={defaultValue}
+                  size="regular"
+                  min={def.min}
+                  max={def.max}
+                  className="w-12"
+                />
+              </div>
+            </Field>
+          )
         }
       }
     },
@@ -162,9 +172,13 @@ export const AgentStrategy = memo((props: AgentStrategyProps) => {
         }
         return (
           <Field
-            title={<>
-              {renderI18nObject(schema.label)} {schema.required && <span className='text-red-500'>*</span>}
-            </>}
+            title={(
+              <>
+                {renderI18nObject(schema.label)}
+                {' '}
+                {schema.required && <span className="text-red-500">*</span>}
+              </>
+            )}
             tooltip={schema.tooltip && renderI18nObject(schema.tooltip)}
           >
             <ToolSelector
@@ -204,46 +218,59 @@ export const AgentStrategy = memo((props: AgentStrategyProps) => {
       }
     }
   }
-  return <div className='space-y-2'>
-    <AgentStrategySelector value={strategy} onChange={onStrategyChange} canChooseMCPTool={canChooseMCPTool} />
-    {
-      strategy
-        ? <div>
-          <Form<CustomField>
-            formSchemas={[
-              ...formSchema,
-            ]}
-            value={formValue}
-            onChange={onFormValueChange}
-            validating={false}
-            showOnVariableMap={{}}
-            isEditMode={true}
-            isAgentStrategy={true}
-            fieldLabelClassName='uppercase'
-            customRenderField={renderField}
-            override={override}
-            nodeId={nodeId}
-            nodeOutputVars={nodeOutputVars || []}
-            availableNodes={availableNodes || []}
-            canChooseMCPTool={canChooseMCPTool}
-          />
-        </div>
-        : <ListEmpty
-          icon={<Agent className='h-5 w-5 shrink-0 text-text-accent' />}
-          title={t('workflow.nodes.agent.strategy.configureTip')}
-          description={<div className='text-xs text-text-tertiary'>
-            {t('workflow.nodes.agent.strategy.configureTipDesc')} <br />
-            <Link href={docLink('/guides/workflow/node/agent#select-an-agent-strategy', {
-              'zh-Hans': '/guides/workflow/node/agent#选择-agent-策略',
-              'ja-JP': '/guides/workflow/node/agent#エージェント戦略の選択',
-            })}
-            className='text-text-accent-secondary' target='_blank'>
-              {t('workflow.nodes.agent.learnMore')}
-            </Link>
-          </div>}
-        />
-    }
-  </div>
+  return (
+    <div className="space-y-2">
+      <AgentStrategySelector value={strategy} onChange={onStrategyChange} canChooseMCPTool={canChooseMCPTool} />
+      {
+        strategy
+          ? (
+              <div>
+                <Form<CustomField>
+                  formSchemas={[
+                    ...formSchema,
+                  ]}
+                  value={formValue}
+                  onChange={onFormValueChange}
+                  validating={false}
+                  showOnVariableMap={{}}
+                  isEditMode={true}
+                  isAgentStrategy={true}
+                  fieldLabelClassName="uppercase"
+                  customRenderField={renderField}
+                  override={override}
+                  nodeId={nodeId}
+                  nodeOutputVars={nodeOutputVars || []}
+                  availableNodes={availableNodes || []}
+                  canChooseMCPTool={canChooseMCPTool}
+                />
+              </div>
+            )
+          : (
+              <ListEmpty
+                icon={<Agent className="h-5 w-5 shrink-0 text-text-accent" />}
+                title={t('workflow.nodes.agent.strategy.configureTip')}
+                description={(
+                  <div className="text-xs text-text-tertiary">
+                    {t('workflow.nodes.agent.strategy.configureTipDesc')}
+                    {' '}
+                    <br />
+                    <Link
+                      href={docLink('/guides/workflow/node/agent#select-an-agent-strategy', {
+                        'zh-Hans': '/guides/workflow/node/agent#选择-agent-策略',
+                        'ja-JP': '/guides/workflow/node/agent#エージェント戦略の選択',
+                      })}
+                      className="text-text-accent-secondary"
+                      target="_blank"
+                    >
+                      {t('workflow.nodes.agent.learnMore')}
+                    </Link>
+                  </div>
+                )}
+              />
+            )
+      }
+    </div>
+  )
 })
 
 AgentStrategy.displayName = 'AgentStrategy'
diff --git a/web/app/components/workflow/nodes/_base/components/before-run-form/bool-input.tsx b/web/app/components/workflow/nodes/_base/components/before-run-form/bool-input.tsx
index 73219a551b..db32627dc2 100644
--- a/web/app/components/workflow/nodes/_base/components/before-run-form/bool-input.tsx
+++ b/web/app/components/workflow/nodes/_base/components/before-run-form/bool-input.tsx
@@ -1,8 +1,8 @@
 'use client'
-import Checkbox from '@/app/components/base/checkbox'
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import Checkbox from '@/app/components/base/checkbox'
 
 type Props = {
   name: string
@@ -22,15 +22,15 @@ const BoolInput: FC<Props> = ({
     onChange(!value)
   }, [value, onChange])
   return (
-    <div className='flex h-6 items-center gap-2'>
+    <div className="flex h-6 items-center gap-2">
       <Checkbox
-        className='!h-4 !w-4'
+        className="!h-4 !w-4"
         checked={!!value}
         onCheck={handleChange}
       />
-      <div className='system-sm-medium flex items-center gap-1 text-text-secondary'>
+      <div className="system-sm-medium flex items-center gap-1 text-text-secondary">
         {name}
-        {!required && <span className='system-xs-regular text-text-tertiary'>{t('workflow.panel.optional')}</span>}
+        {!required && <span className="system-xs-regular text-text-tertiary">{t('workflow.panel.optional')}</span>}
       </div>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx b/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx
index 440cb1e338..c33deae438 100644
--- a/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx
@@ -1,31 +1,31 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
+import type { InputVar } from '../../../../types'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import {
   RiDeleteBinLine,
 } from '@remixicon/react'
-import type { InputVar } from '../../../../types'
-import { BlockEnum, InputVarType, SupportUploadFileTypes } from '../../../../types'
-import CodeEditor from '../editor/code-editor'
-import { CodeLanguage } from '../../../code/types'
-import TextEditor from '../editor/text-editor'
-import Select from '@/app/components/base/select'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
-import TextGenerationImageUploader from '@/app/components/base/image-uploader/text-generation-image-uploader'
+import { produce } from 'immer'
+import React, { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
-import { Resolution, TransferMethod } from '@/types/app'
-import { VarBlockIcon } from '@/app/components/workflow/block-icon'
 import { Line3 } from '@/app/components/base/icons/src/public/common'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import { BubbleX } from '@/app/components/base/icons/src/vender/line/others'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import TextGenerationImageUploader from '@/app/components/base/image-uploader/text-generation-image-uploader'
+import Input from '@/app/components/base/input'
 import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
-import { cn } from '@/utils/classnames'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
-import BoolInput from './bool-input'
+import Select from '@/app/components/base/select'
+import Textarea from '@/app/components/base/textarea'
+import { VarBlockIcon } from '@/app/components/workflow/block-icon'
 import { useHooksStore } from '@/app/components/workflow/hooks-store'
+import { Resolution, TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import { BlockEnum, InputVarType, SupportUploadFileTypes } from '../../../../types'
+import { CodeLanguage } from '../../../code/types'
+import CodeEditor from '../editor/code-editor'
+import TextEditor from '../editor/text-editor'
+import BoolInput from './bool-input'
 
 type Props = {
   payload: InputVar
@@ -69,22 +69,22 @@ const FormItem: FC<Props> = ({
     if (typeof payload.label === 'object') {
       const { nodeType, nodeName, variable, isChatVar } = payload.label
       return (
-        <div className='flex h-full items-center'>
+        <div className="flex h-full items-center">
           {!isChatVar && (
-            <div className='flex items-center'>
-              <div className='p-[1px]'>
+            <div className="flex items-center">
+              <div className="p-[1px]">
                 <VarBlockIcon type={nodeType || BlockEnum.Start} />
               </div>
-              <div className='mx-0.5 max-w-[150px] truncate text-xs font-medium text-gray-700' title={nodeName}>
+              <div className="mx-0.5 max-w-[150px] truncate text-xs font-medium text-gray-700" title={nodeName}>
                 {nodeName}
               </div>
-              <Line3 className='mr-0.5'></Line3>
+              <Line3 className="mr-0.5"></Line3>
             </div>
           )}
-          <div className='flex items-center text-primary-600'>
-            {!isChatVar && <Variable02 className='h-3.5 w-3.5' />}
-            {isChatVar && <BubbleX className='h-3.5 w-3.5 text-util-colors-teal-teal-700' />}
-            <div className={cn('ml-0.5 max-w-[150px] truncate text-xs font-medium', isChatVar && 'text-text-secondary')} title={variable} >
+          <div className="flex items-center text-primary-600">
+            {!isChatVar && <Variable02 className="h-3.5 w-3.5" />}
+            {isChatVar && <BubbleX className="h-3.5 w-3.5 text-util-colors-teal-teal-700" />}
+            <div className={cn('ml-0.5 max-w-[150px] truncate text-xs font-medium', isChatVar && 'text-text-secondary')} title={variable}>
               {variable}
             </div>
           </div>
@@ -117,24 +117,26 @@ const FormItem: FC<Props> = ({
   return (
     <div className={cn(className)}>
       {!isArrayLikeType && !isBooleanType && (
-        <div className='system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary'>
-          <div className='truncate'>
+        <div className="system-sm-semibold mb-1 flex h-6 items-center gap-1 text-text-secondary">
+          <div className="truncate">
             {typeof payload.label === 'object' ? nodeKey : payload.label}
           </div>
-          {payload.hide === true ? (
-            <span className='system-xs-regular text-text-tertiary'>
-              {t('workflow.panel.optional_and_hidden')}
-            </span>
-          ) : (
-            !payload.required && (
-              <span className='system-xs-regular text-text-tertiary'>
-                {t('workflow.panel.optional')}
-              </span>
-            )
-          )}
+          {payload.hide === true
+            ? (
+                <span className="system-xs-regular text-text-tertiary">
+                  {t('workflow.panel.optional_and_hidden')}
+                </span>
+              )
+            : (
+                !payload.required && (
+                  <span className="system-xs-regular text-text-tertiary">
+                    {t('workflow.panel.optional')}
+                  </span>
+                )
+              )}
         </div>
       )}
-      <div className='grow'>
+      <div className="grow">
         {
           type === InputVarType.textInput && (
             <Input
@@ -206,9 +208,9 @@ const FormItem: FC<Props> = ({
             language={CodeLanguage.json}
             onChange={onChange}
             noWrapper
-            className='bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1'
+            className="bg h-[80px] overflow-y-auto rounded-[10px] bg-components-input-bg-normal p-1"
             placeholder={
-              <div className='whitespace-pre'>{payload.json_schema}</div>
+              <div className="whitespace-pre">{payload.json_schema}</div>
             }
           />
         )}
@@ -219,19 +221,19 @@ const FormItem: FC<Props> = ({
             fileConfig={{
               allowed_file_types: inStepRun && (!payload.allowed_file_types || payload.allowed_file_types.length === 0)
                 ? [
-                  SupportUploadFileTypes.image,
-                  SupportUploadFileTypes.document,
-                  SupportUploadFileTypes.audio,
-                  SupportUploadFileTypes.video,
-                ]
+                    SupportUploadFileTypes.image,
+                    SupportUploadFileTypes.document,
+                    SupportUploadFileTypes.audio,
+                    SupportUploadFileTypes.video,
+                  ]
                 : payload.allowed_file_types,
               allowed_file_extensions: inStepRun && (!payload.allowed_file_extensions || payload.allowed_file_extensions.length === 0)
                 ? [
-                  ...FILE_EXTS[SupportUploadFileTypes.image],
-                  ...FILE_EXTS[SupportUploadFileTypes.document],
-                  ...FILE_EXTS[SupportUploadFileTypes.audio],
-                  ...FILE_EXTS[SupportUploadFileTypes.video],
-                ]
+                    ...FILE_EXTS[SupportUploadFileTypes.image],
+                    ...FILE_EXTS[SupportUploadFileTypes.document],
+                    ...FILE_EXTS[SupportUploadFileTypes.audio],
+                    ...FILE_EXTS[SupportUploadFileTypes.video],
+                  ]
                 : payload.allowed_file_extensions,
               allowed_file_upload_methods: inStepRun ? [TransferMethod.local_file, TransferMethod.remote_url] : payload.allowed_file_upload_methods,
               number_limits: 1,
@@ -246,19 +248,19 @@ const FormItem: FC<Props> = ({
             fileConfig={{
               allowed_file_types: (inStepRun || isIteratorItemFile) && (!payload.allowed_file_types || payload.allowed_file_types.length === 0)
                 ? [
-                  SupportUploadFileTypes.image,
-                  SupportUploadFileTypes.document,
-                  SupportUploadFileTypes.audio,
-                  SupportUploadFileTypes.video,
-                ]
+                    SupportUploadFileTypes.image,
+                    SupportUploadFileTypes.document,
+                    SupportUploadFileTypes.audio,
+                    SupportUploadFileTypes.video,
+                  ]
                 : payload.allowed_file_types,
               allowed_file_extensions: (inStepRun || isIteratorItemFile) && (!payload.allowed_file_extensions || payload.allowed_file_extensions.length === 0)
                 ? [
-                  ...FILE_EXTS[SupportUploadFileTypes.image],
-                  ...FILE_EXTS[SupportUploadFileTypes.document],
-                  ...FILE_EXTS[SupportUploadFileTypes.audio],
-                  ...FILE_EXTS[SupportUploadFileTypes.video],
-                ]
+                    ...FILE_EXTS[SupportUploadFileTypes.image],
+                    ...FILE_EXTS[SupportUploadFileTypes.document],
+                    ...FILE_EXTS[SupportUploadFileTypes.audio],
+                    ...FILE_EXTS[SupportUploadFileTypes.video],
+                  ]
                 : payload.allowed_file_extensions,
               allowed_file_upload_methods: (inStepRun || isIteratorItemFile) ? [TransferMethod.local_file, TransferMethod.remote_url] : payload.allowed_file_upload_methods,
               number_limits: (inStepRun || isIteratorItemFile) ? 5 : payload.max_length,
@@ -286,7 +288,7 @@ const FormItem: FC<Props> = ({
 
         {
           isContext && (
-            <div className='space-y-2'>
+            <div className="space-y-2">
               {(value || []).map((item: any, index: number) => (
                 <CodeEditor
                   key={index}
@@ -294,10 +296,12 @@ const FormItem: FC<Props> = ({
                   title={<span>JSON</span>}
                   headerRight={
                     (value as any).length > 1
-                      ? (<RiDeleteBinLine
-                        onClick={handleArrayItemRemove(index)}
-                        className='mr-1 h-3.5 w-3.5 cursor-pointer text-text-tertiary'
-                      />)
+                      ? (
+                          <RiDeleteBinLine
+                            onClick={handleArrayItemRemove(index)}
+                            className="mr-1 h-3.5 w-3.5 cursor-pointer text-text-tertiary"
+                          />
+                        )
                       : undefined
                   }
                   language={CodeLanguage.json}
@@ -310,20 +314,29 @@ const FormItem: FC<Props> = ({
 
         {
           (isIterator && !isIteratorItemFile) && (
-            <div className='space-y-2'>
+            <div className="space-y-2">
               {(value || []).map((item: any, index: number) => (
                 <TextEditor
                   key={index}
                   isInNode
                   value={item}
-                  title={<span>{t('appDebug.variableConfig.content')} {index + 1} </span>}
+                  title={(
+                    <span>
+                      {t('appDebug.variableConfig.content')}
+                      {' '}
+                      {index + 1}
+                      {' '}
+                    </span>
+                  )}
                   onChange={handleArrayItemChange(index)}
                   headerRight={
                     (value as any).length > 1
-                      ? (<RiDeleteBinLine
-                        onClick={handleArrayItemRemove(index)}
-                        className='mr-1 h-3.5 w-3.5 cursor-pointer text-text-tertiary'
-                      />)
+                      ? (
+                          <RiDeleteBinLine
+                            onClick={handleArrayItemRemove(index)}
+                            className="mr-1 h-3.5 w-3.5 cursor-pointer text-text-tertiary"
+                          />
+                        )
                       : undefined
                   }
                 />
diff --git a/web/app/components/workflow/nodes/_base/components/before-run-form/form.tsx b/web/app/components/workflow/nodes/_base/components/before-run-form/form.tsx
index 69873d8be2..e45f001924 100644
--- a/web/app/components/workflow/nodes/_base/components/before-run-form/form.tsx
+++ b/web/app/components/workflow/nodes/_base/components/before-run-form/form.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef } from 'react'
-import { produce } from 'immer'
 import type { InputVar } from '../../../../types'
-import FormItem from './form-item'
-import { cn } from '@/utils/classnames'
-import { InputVarType } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import React, { useCallback, useEffect, useMemo, useRef } from 'react'
 import AddButton from '@/app/components/base/button/add-button'
 import { RETRIEVAL_OUTPUT_STRUCT } from '@/app/components/workflow/constants'
+import { InputVarType } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import FormItem from './form-item'
 
 export type Props = {
   className?: string
@@ -77,8 +77,8 @@ const Form: FC<Props> = ({
   return (
     <div className={cn(className, 'space-y-2')}>
       {label && (
-        <div className='mb-1 flex items-center justify-between'>
-          <div className='system-xs-medium-uppercase flex h-6 items-center text-text-tertiary'>{label}</div>
+        <div className="mb-1 flex items-center justify-between">
+          <div className="system-xs-medium-uppercase flex h-6 items-center text-text-tertiary">{label}</div>
           {isArrayLikeType && !isIteratorItemFile && (
             <AddButton onClick={handleAddContext} />
           )}
diff --git a/web/app/components/workflow/nodes/_base/components/before-run-form/index.tsx b/web/app/components/workflow/nodes/_base/components/before-run-form/index.tsx
index abde5bb7e8..9957d79cf6 100644
--- a/web/app/components/workflow/nodes/_base/components/before-run-form/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/before-run-form/index.tsx
@@ -1,20 +1,21 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { Props as FormProps } from './form'
-import Form from './form'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import { InputVarType } from '@/app/components/workflow/types'
-import Toast from '@/app/components/base/toast'
-import { TransferMethod } from '@/types/app'
-import { getProcessedFiles } from '@/app/components/base/file-uploader/utils'
-import type { BlockEnum, NodeRunningStatus } from '@/app/components/workflow/types'
 import type { Emoji } from '@/app/components/tools/types'
 import type { SpecialResultPanelProps } from '@/app/components/workflow/run/special-result-panel'
+import type { BlockEnum, NodeRunningStatus } from '@/app/components/workflow/types'
+import React, { useEffect, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { getProcessedFiles } from '@/app/components/base/file-uploader/utils'
+import Toast from '@/app/components/base/toast'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import { InputVarType } from '@/app/components/workflow/types'
+import { TransferMethod } from '@/types/app'
+import { cn } from '@/utils/classnames'
+import Form from './form'
 import PanelWrap from './panel-wrap'
+
 const i18nPrefix = 'workflow.singleRun'
 
 export type BeforeRunFormProps = {
@@ -32,9 +33,9 @@ export type BeforeRunFormProps = {
 } & Partial<SpecialResultPanelProps>
 
 function formatValue(value: string | any, type: InputVarType) {
-  if(type === InputVarType.checkbox)
+  if (type === InputVarType.checkbox)
     return !!value
-  if(value === undefined || value === null)
+  if (value === undefined || value === null)
     return value
   if (type === InputVarType.number)
     return Number.parseFloat(value)
@@ -138,14 +139,14 @@ const BeforeRunForm: FC<BeforeRunFormProps> = ({
   const hasRun = useRef(false)
   useEffect(() => {
     // React 18 run twice in dev mode
-    if(hasRun.current)
+    if (hasRun.current)
       return
     hasRun.current = true
-    if(filteredExistVarForms.length === 0)
+    if (filteredExistVarForms.length === 0)
       onRun({})
   }, [filteredExistVarForms, onRun])
 
-  if(filteredExistVarForms.length === 0)
+  if (filteredExistVarForms.length === 0)
     return null
 
   return (
@@ -153,8 +154,8 @@ const BeforeRunForm: FC<BeforeRunFormProps> = ({
       nodeName={nodeName}
       onHide={onHide}
     >
-      <div className='h-0 grow overflow-y-auto pb-4'>
-        <div className='mt-3 space-y-4 px-4'>
+      <div className="h-0 grow overflow-y-auto pb-4">
+        <div className="mt-3 space-y-4 px-4">
           {filteredExistVarForms.map((form, index) => (
             <div key={index}>
               <Form
@@ -166,8 +167,8 @@ const BeforeRunForm: FC<BeforeRunFormProps> = ({
             </div>
           ))}
         </div>
-        <div className='mt-4 flex justify-between space-x-2 px-4' >
-          <Button disabled={!isFileLoaded} variant='primary' className='w-0 grow space-x-2' onClick={handleRun}>
+        <div className="mt-4 flex justify-between space-x-2 px-4">
+          <Button disabled={!isFileLoaded} variant="primary" className="w-0 grow space-x-2" onClick={handleRun}>
             <div>{t(`${i18nPrefix}.startRun`)}</div>
           </Button>
         </div>
diff --git a/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx b/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx
index 7312adf6c6..61e614bb9e 100644
--- a/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx
+++ b/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiCloseLine,
 } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 
 const i18nPrefix = 'workflow.singleRun'
 
@@ -21,16 +21,21 @@ const PanelWrap: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='absolute inset-0 z-10 rounded-2xl bg-background-overlay-alt'>
-      <div className='flex h-full flex-col rounded-2xl bg-components-panel-bg'>
-        <div className='flex h-8 shrink-0 items-center justify-between pl-4 pr-3 pt-3'>
-          <div className='truncate text-base font-semibold text-text-primary'>
-            {t(`${i18nPrefix}.testRun`)} {nodeName}
+    <div className="absolute inset-0 z-10 rounded-2xl bg-background-overlay-alt">
+      <div className="flex h-full flex-col rounded-2xl bg-components-panel-bg">
+        <div className="flex h-8 shrink-0 items-center justify-between pl-4 pr-3 pt-3">
+          <div className="truncate text-base font-semibold text-text-primary">
+            {t(`${i18nPrefix}.testRun`)}
+            {' '}
+            {nodeName}
           </div>
-          <div className='ml-2 shrink-0 cursor-pointer p-1' onClick={() => {
-            onHide()
-          }}>
-            <RiCloseLine className='h-4 w-4 text-text-tertiary ' />
+          <div
+            className="ml-2 shrink-0 cursor-pointer p-1"
+            onClick={() => {
+              onHide()
+            }}
+          >
+            <RiCloseLine className="h-4 w-4 text-text-tertiary " />
           </div>
         </div>
         {children}
diff --git a/web/app/components/workflow/nodes/_base/components/code-generator-button.tsx b/web/app/components/workflow/nodes/_base/components/code-generator-button.tsx
index 58dec6baba..6888bff96c 100644
--- a/web/app/components/workflow/nodes/_base/components/code-generator-button.tsx
+++ b/web/app/components/workflow/nodes/_base/components/code-generator-button.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { useBoolean } from 'ahooks'
-import { cn } from '@/utils/classnames'
 import type { CodeLanguage } from '../../code/types'
-import { Generator } from '@/app/components/base/icons/src/vender/other'
-import { ActionButton } from '@/app/components/base/action-button'
-import { AppModeEnum } from '@/types/app'
 import type { GenRes } from '@/service/debug'
+import { useBoolean } from 'ahooks'
+import React, { useCallback } from 'react'
 import { GetCodeGeneratorResModal } from '@/app/components/app/configuration/config/code-generator/get-code-generator-res'
+import { ActionButton } from '@/app/components/base/action-button'
+import { Generator } from '@/app/components/base/icons/src/vender/other'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { useHooksStore } from '../../../hooks-store'
 
 type Props = {
@@ -36,9 +36,10 @@ const CodeGenerateBtn: FC<Props> = ({
   return (
     <div className={cn(className)}>
       <ActionButton
-        className='hover:bg-[#155EFF]/8'
-        onClick={showAutomaticTrue}>
-        <Generator className='h-4 w-4 text-primary-600' />
+        className="hover:bg-[#155EFF]/8"
+        onClick={showAutomaticTrue}
+      >
+        <Generator className="h-4 w-4 text-primary-600" />
       </ActionButton>
       {showAutomatic && (
         <GetCodeGeneratorResModal
diff --git a/web/app/components/workflow/nodes/_base/components/collapse/field-collapse.tsx b/web/app/components/workflow/nodes/_base/components/collapse/field-collapse.tsx
index 2390dfd74e..777bd82035 100644
--- a/web/app/components/workflow/nodes/_base/components/collapse/field-collapse.tsx
+++ b/web/app/components/workflow/nodes/_base/components/collapse/field-collapse.tsx
@@ -16,16 +16,16 @@ const FieldCollapse = ({
   operations,
 }: FieldCollapseProps) => {
   return (
-    <div className='py-4'>
+    <div className="py-4">
       <Collapse
         trigger={
-          <div className='system-sm-semibold-uppercase flex h-6 cursor-pointer items-center text-text-secondary'>{title}</div>
+          <div className="system-sm-semibold-uppercase flex h-6 cursor-pointer items-center text-text-secondary">{title}</div>
         }
         operations={operations}
         collapsed={collapsed}
         onCollapse={onCollapse}
       >
-        <div className='px-4'>
+        <div className="px-4">
           {children}
         </div>
       </Collapse>
diff --git a/web/app/components/workflow/nodes/_base/components/collapse/index.tsx b/web/app/components/workflow/nodes/_base/components/collapse/index.tsx
index f7cf95ce7e..6aeff0242f 100644
--- a/web/app/components/workflow/nodes/_base/components/collapse/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/collapse/index.tsx
@@ -40,9 +40,9 @@ const Collapse = ({
   }, [collapsedMerged, disabled])
   return (
     <>
-      <div className='group/collapse flex items-center'>
+      <div className="group/collapse flex items-center">
         <div
-          className='ml-4 flex grow items-center'
+          className="ml-4 flex grow items-center"
           onClick={() => {
             if (!disabled) {
               setCollapsedLocal(!collapsedMerged)
@@ -52,7 +52,7 @@ const Collapse = ({
         >
           {typeof trigger === 'function' ? trigger(collapseIcon) : trigger}
           {!hideCollapseIcon && (
-            <div className='h-4 w-4 shrink-0'>
+            <div className="h-4 w-4 shrink-0">
               {collapseIcon}
             </div>
           )}
diff --git a/web/app/components/workflow/nodes/_base/components/config-vision.tsx b/web/app/components/workflow/nodes/_base/components/config-vision.tsx
index 0132ce147e..3c2cc217a7 100644
--- a/web/app/components/workflow/nodes/_base/components/config-vision.tsx
+++ b/web/app/components/workflow/nodes/_base/components/config-vision.tsx
@@ -1,15 +1,17 @@
 'use client'
 import type { FC } from 'react'
+import type { ValueSelector, Var, VisionSetting } from '@/app/components/workflow/types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import VarReferencePicker from './variable/var-reference-picker'
-import ResolutionPicker from '@/app/components/workflow/nodes/llm/components/resolution-picker'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
 import Switch from '@/app/components/base/switch'
-import { type ValueSelector, type Var, VarType, type VisionSetting } from '@/app/components/workflow/types'
-import { Resolution } from '@/types/app'
 import Tooltip from '@/app/components/base/tooltip'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import ResolutionPicker from '@/app/components/workflow/nodes/llm/components/resolution-picker'
+import { VarType } from '@/app/components/workflow/types'
+import { Resolution } from '@/types/app'
+import VarReferencePicker from './variable/var-reference-picker'
+
 const i18nPrefix = 'workflow.nodes.llm'
 
 type Props = {
@@ -57,32 +59,32 @@ const ConfigVision: FC<Props> = ({
     <Field
       title={t(`${i18nPrefix}.vision`)}
       tooltip={t('appDebug.vision.description')!}
-      operations={
+      operations={(
         <Tooltip
           popupContent={t('appDebug.vision.onlySupportVisionModelTip')!}
           disabled={isVisionModel}
         >
-          <Switch disabled={readOnly || !isVisionModel} size='md' defaultValue={!isVisionModel ? false : enabled} onChange={onEnabledChange} />
+          <Switch disabled={readOnly || !isVisionModel} size="md" defaultValue={!isVisionModel ? false : enabled} onChange={onEnabledChange} />
         </Tooltip>
-      }
+      )}
     >
       {(enabled && isVisionModel)
         ? (
-          <div>
-            <VarReferencePicker
-              className='mb-4'
-              filterVar={filterVar}
-              nodeId={nodeId}
-              value={config.variable_selector || []}
-              onChange={handleVarSelectorChange}
-              readonly={readOnly}
-            />
-            <ResolutionPicker
-              value={config.detail}
-              onChange={handleVisionResolutionChange}
-            />
-          </div>
-        )
+            <div>
+              <VarReferencePicker
+                className="mb-4"
+                filterVar={filterVar}
+                nodeId={nodeId}
+                value={config.variable_selector || []}
+                onChange={handleVarSelectorChange}
+                readonly={readOnly}
+              />
+              <ResolutionPicker
+                value={config.detail}
+                onChange={handleVisionResolutionChange}
+              />
+            </div>
+          )
         : null}
 
     </Field>
diff --git a/web/app/components/workflow/nodes/_base/components/editor/base.tsx b/web/app/components/workflow/nodes/_base/components/editor/base.tsx
index 0b88f8c67d..95aabc0ec0 100644
--- a/web/app/components/workflow/nodes/_base/components/editor/base.tsx
+++ b/web/app/components/workflow/nodes/_base/components/editor/base.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useRef, useState } from 'react'
-import copy from 'copy-to-clipboard'
-import ToggleExpandBtn from '../toggle-expand-btn'
-import CodeGeneratorButton from '../code-generator-button'
 import type { CodeLanguage } from '../../../code/types'
-import Wrap from './wrap'
-import { cn } from '@/utils/classnames'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { Node, NodeOutPutVar } from '@/app/components/workflow/types'
+import copy from 'copy-to-clipboard'
+import React, { useCallback, useRef, useState } from 'react'
 import PromptEditorHeightResizeWrap from '@/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap'
+import ActionButton from '@/app/components/base/action-button'
+import FileListInLog from '@/app/components/base/file-uploader/file-list-in-log'
 import {
   Copy,
   CopyCheck,
 } from '@/app/components/base/icons/src/vender/line/files'
 import useToggleExpend from '@/app/components/workflow/nodes/_base/hooks/use-toggle-expend'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
-import FileListInLog from '@/app/components/base/file-uploader/file-list-in-log'
-import ActionButton from '@/app/components/base/action-button'
-import type { Node, NodeOutPutVar } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import CodeGeneratorButton from '../code-generator-button'
+import ToggleExpandBtn from '../toggle-expand-btn'
+import Wrap from './wrap'
 
 type Props = {
   nodeId?: string
@@ -84,15 +84,18 @@ const Base: FC<Props> = ({
   return (
     <Wrap className={cn(wrapClassName)} style={wrapStyle} isInNode={isInNode} isExpand={isExpand}>
       <div ref={ref} className={cn(className, isExpand && 'h-full', 'rounded-lg border', !isFocus ? 'border-transparent bg-components-input-bg-normal' : 'overflow-hidden border-components-input-border-hover bg-components-input-bg-hover')}>
-        <div className='flex h-7 items-center justify-between pl-3 pr-2 pt-1'>
-          <div className='system-xs-semibold-uppercase text-text-secondary'>{title}</div>
-          <div className='flex items-center' onClick={(e) => {
-            e.nativeEvent.stopImmediatePropagation()
-            e.stopPropagation()
-          }}>
+        <div className="flex h-7 items-center justify-between pl-3 pr-2 pt-1">
+          <div className="system-xs-semibold-uppercase text-text-secondary">{title}</div>
+          <div
+            className="flex items-center"
+            onClick={(e) => {
+              e.nativeEvent.stopImmediatePropagation()
+              e.stopPropagation()
+            }}
+          >
             {headerRight}
             {showCodeGenerator && codeLanguages && (
-              <div className='ml-1'>
+              <div className="ml-1">
                 <CodeGeneratorButton
                   onGenerated={onGenerated}
                   codeLanguages={codeLanguages}
@@ -101,29 +104,28 @@ const Base: FC<Props> = ({
                 />
               </div>
             )}
-            <ActionButton className='ml-1' onClick={handleCopy}>
+            <ActionButton className="ml-1" onClick={handleCopy}>
               {!isCopied
                 ? (
-                  <Copy className='h-4 w-4 cursor-pointer' />
-                )
+                    <Copy className="h-4 w-4 cursor-pointer" />
+                  )
                 : (
-                  <CopyCheck className='h-4 w-4' />
-                )
-              }
+                    <CopyCheck className="h-4 w-4" />
+                  )}
             </ActionButton>
-            <div className='ml-1'>
+            <div className="ml-1">
               <ToggleExpandBtn isExpand={isExpand} onExpandChange={setIsExpand} />
             </div>
           </div>
         </div>
-        {tip && <div className='px-1 py-0.5'>{tip}</div>}
+        {tip && <div className="px-1 py-0.5">{tip}</div>}
         <PromptEditorHeightResizeWrap
           height={isExpand ? editorExpandHeight : editorContentHeight}
           minHeight={editorContentMinHeight}
           onHeightChange={setEditorContentHeight}
           hideResize={isExpand}
         >
-          <div className='h-full pb-2 pl-2'>
+          <div className="h-full pb-2 pl-2">
             {children}
           </div>
         </PromptEditorHeightResizeWrap>
diff --git a/web/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars.tsx b/web/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars.tsx
index 0c6ad12540..d4d43ae796 100644
--- a/web/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars.tsx
+++ b/web/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useRef, useState } from 'react'
-import { useBoolean } from 'ahooks'
-import { useTranslation } from 'react-i18next'
 import type { Props as EditorProps } from '.'
-import Editor from '.'
-import { cn } from '@/utils/classnames'
-import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
 import type { NodeOutPutVar, Variable } from '@/app/components/workflow/types'
+import { useBoolean } from 'ahooks'
+import React, { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
+import { cn } from '@/utils/classnames'
+import Editor from '.'
 
 const TO_WINDOW_OFFSET = 8
 
@@ -149,7 +149,7 @@ const CodeEditor: FC<Props> = ({
       {isShowVarPicker && (
         <div
           ref={popupRef}
-          className='w-[228px] space-y-1 rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg'
+          className="w-[228px] space-y-1 rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg"
           style={{
             position: 'fixed',
             top: popupPosition.y,
diff --git a/web/app/components/workflow/nodes/_base/components/editor/code-editor/index.tsx b/web/app/components/workflow/nodes/_base/components/editor/code-editor/index.tsx
index 7ddea94036..b98e9085de 100644
--- a/web/app/components/workflow/nodes/_base/components/editor/code-editor/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/editor/code-editor/index.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
 import Editor, { loader } from '@monaco-editor/react'
+import { noop } from 'lodash-es'
 import React, { useEffect, useMemo, useRef, useState } from 'react'
-import Base from '../base'
-import { cn } from '@/utils/classnames'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import {
   getFilesInLogs,
 } from '@/app/components/base/file-uploader/utils'
-import { Theme } from '@/types/app'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import useTheme from '@/hooks/use-theme'
-import './style.css'
-import { noop } from 'lodash-es'
+import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { basePath } from '@/utils/var'
+import Base from '../base'
+import './style.css'
 
 // load file from local instead of cdn https://github.com/suren-atoyan/monaco-react/issues/482
 if (typeof window !== 'undefined')
@@ -145,7 +145,7 @@ const CodeEditor: FC<Props> = ({
         language={languageMap[language] || 'javascript'}
         theme={isMounted ? theme : 'default-theme'} // sometimes not load the default theme
         value={outPutValue}
-        loading={<span className='text-text-primary'>Loading...</span>}
+        loading={<span className="text-text-primary">Loading...</span>}
         onChange={handleEditorChange}
         // https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IEditorOptions.html
         options={{
@@ -166,40 +166,45 @@ const CodeEditor: FC<Props> = ({
         }}
         onMount={handleEditorDidMount}
       />
-      {!outPutValue && !isFocus && <div className='pointer-events-none absolute left-[36px] top-0 text-[13px] font-normal leading-[18px] text-gray-300'>{placeholder}</div>}
+      {!outPutValue && !isFocus && <div className="pointer-events-none absolute left-[36px] top-0 text-[13px] font-normal leading-[18px] text-gray-300">{placeholder}</div>}
     </>
   )
 
   return (
     <div className={cn(isExpand && 'h-full', className)}>
       {noWrapper
-        ? <div className='no-wrapper relative' style={{
-          height: isExpand ? '100%' : (editorContentHeight) / 2 + CODE_EDITOR_LINE_HEIGHT, // In IDE, the last line can always be in lop line. So there is some blank space in the bottom.
-          minHeight: CODE_EDITOR_LINE_HEIGHT,
-        }}>
-          {main}
-        </div>
+        ? (
+            <div
+              className="no-wrapper relative"
+              style={{
+                height: isExpand ? '100%' : (editorContentHeight) / 2 + CODE_EDITOR_LINE_HEIGHT, // In IDE, the last line can always be in lop line. So there is some blank space in the bottom.
+                minHeight: CODE_EDITOR_LINE_HEIGHT,
+              }}
+            >
+              {main}
+            </div>
+          )
         : (
-          <Base
-            nodeId={nodeId}
-            className='relative'
-            title={title}
-            value={outPutValue}
-            headerRight={headerRight}
-            isFocus={isFocus && !readOnly}
-            minHeight={minHeight}
-            isInNode={isInNode}
-            onGenerated={onGenerated}
-            codeLanguages={language}
-            fileList={fileList as any}
-            showFileList={showFileList}
-            showCodeGenerator={showCodeGenerator}
-            tip={tip}
-            footer={footer}
-          >
-            {main}
-          </Base>
-        )}
+            <Base
+              nodeId={nodeId}
+              className="relative"
+              title={title}
+              value={outPutValue}
+              headerRight={headerRight}
+              isFocus={isFocus && !readOnly}
+              minHeight={minHeight}
+              isInNode={isInNode}
+              onGenerated={onGenerated}
+              codeLanguages={language}
+              fileList={fileList as any}
+              showFileList={showFileList}
+              showCodeGenerator={showCodeGenerator}
+              tip={tip}
+              footer={footer}
+            >
+              {main}
+            </Base>
+          )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/editor/text-editor.tsx b/web/app/components/workflow/nodes/_base/components/editor/text-editor.tsx
index 252f69c246..6fa3c2adfd 100644
--- a/web/app/components/workflow/nodes/_base/components/editor/text-editor.tsx
+++ b/web/app/components/workflow/nodes/_base/components/editor/text-editor.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import { useBoolean } from 'ahooks'
+import React, { useCallback } from 'react'
 import Base from './base'
 
 type Props = {
@@ -52,7 +52,7 @@ const TextEditor: FC<Props> = ({
           onChange={e => onChange(e.target.value)}
           onFocus={setIsFocus}
           onBlur={handleBlur}
-          className='h-full w-full resize-none border-none bg-transparent px-3 text-[13px] font-normal leading-[18px] text-gray-900 placeholder:text-gray-300 focus:outline-none'
+          className="h-full w-full resize-none border-none bg-transparent px-3 text-[13px] font-normal leading-[18px] text-gray-900 placeholder:text-gray-300 focus:outline-none"
           placeholder={placeholder}
           readOnly={readonly}
         />
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/default-value.tsx b/web/app/components/workflow/nodes/_base/components/error-handle/default-value.tsx
index f9292be477..32c715a28a 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/default-value.tsx
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/default-value.tsx
@@ -1,10 +1,10 @@
+import type { DefaultValueForm } from './types'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { DefaultValueForm } from './types'
 import Input from '@/app/components/base/input'
-import { VarType } from '@/app/components/workflow/types'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { VarType } from '@/app/components/workflow/types'
 import { useDocLink } from '@/context/i18n'
 
 type DefaultValueProps = {
@@ -31,31 +31,31 @@ const DefaultValue = ({
   }, [onFormChange])
 
   return (
-    <div className='px-4 pt-2'>
-      <div className='body-xs-regular mb-2 text-text-tertiary'>
+    <div className="px-4 pt-2">
+      <div className="body-xs-regular mb-2 text-text-tertiary">
         {t('workflow.nodes.common.errorHandle.defaultValue.desc')}
         &nbsp;
         <a
           href={docLink('/guides/workflow/error-handling/README', {
             'zh-Hans': '/guides/workflow/error-handling/readme',
           })}
-          target='_blank'
-          className='text-text-accent'
+          target="_blank"
+          className="text-text-accent"
         >
           {t('workflow.common.learnMore')}
         </a>
       </div>
-      <div className='space-y-1'>
+      <div className="space-y-1">
         {
           forms.map((form, index) => {
             return (
               <div
                 key={index}
-                className='py-1'
+                className="py-1"
               >
-                <div className='mb-1 flex items-center'>
-                  <div className='system-sm-medium mr-1 text-text-primary'>{form.key}</div>
-                  <div className='system-xs-regular text-text-tertiary'>{form.type}</div>
+                <div className="mb-1 flex items-center">
+                  <div className="system-sm-medium mr-1 text-text-primary">{form.key}</div>
+                  <div className="system-xs-regular text-text-tertiary">{form.type}</div>
                 </div>
                 {
                   (form.type === VarType.string || form.type === VarType.number) && (
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-node.tsx b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-node.tsx
index a786f5adf4..c6d5e01138 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-node.tsx
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-node.tsx
@@ -1,11 +1,11 @@
+import type { Node } from '@/app/components/workflow/types'
 import { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useUpdateNodeInternals } from 'reactflow'
-import { NodeSourceHandle } from '../node-handle'
-import { ErrorHandleTypeEnum } from './types'
-import type { Node } from '@/app/components/workflow/types'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import { NodeSourceHandle } from '../node-handle'
+import { ErrorHandleTypeEnum } from './types'
 
 type ErrorHandleOnNodeProps = Pick<Node, 'id' | 'data'>
 const ErrorHandleOnNode = ({
@@ -25,18 +25,20 @@ const ErrorHandleOnNode = ({
     return null
 
   return (
-    <div className='relative px-3 pb-2 pt-1'>
+    <div className="relative px-3 pb-2 pt-1">
       <div className={cn(
         'relative flex h-6 items-center justify-between rounded-md bg-workflow-block-parma-bg px-[5px]',
         data._runningStatus === NodeRunningStatus.Exception && 'border-[0.5px] border-components-badge-status-light-warning-halo bg-state-warning-hover',
-      )}>
-        <div className='system-xs-medium-uppercase text-text-tertiary'>
+      )}
+      >
+        <div className="system-xs-medium-uppercase text-text-tertiary">
           {t('workflow.common.onFailure')}
         </div>
         <div className={cn(
           'system-xs-medium text-text-secondary',
           data._runningStatus === NodeRunningStatus.Exception && 'text-text-warning',
-        )}>
+        )}
+        >
           {
             error_strategy === ErrorHandleTypeEnum.defaultValue && (
               t('workflow.nodes.common.errorHandle.defaultValue.output')
@@ -54,8 +56,8 @@ const ErrorHandleOnNode = ({
               id={id}
               data={data}
               handleId={ErrorHandleTypeEnum.failBranch}
-              handleClassName='!top-1/2 !-right-[21px] !-translate-y-1/2 after:!bg-workflow-link-line-failure-button-bg'
-              nodeSelectorClassName='!bg-workflow-link-line-failure-button-bg'
+              handleClassName="!top-1/2 !-right-[21px] !-translate-y-1/2 after:!bg-workflow-link-line-failure-button-bg"
+              nodeSelectorClassName="!bg-workflow-link-line-failure-button-bg"
             />
           )
         }
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-panel.tsx b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-panel.tsx
index cfcbae80f3..bfd3097d27 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-panel.tsx
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-on-panel.tsx
@@ -1,20 +1,20 @@
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import Collapse from '../collapse'
-import { ErrorHandleTypeEnum } from './types'
-import ErrorHandleTypeSelector from './error-handle-type-selector'
-import FailBranchCard from './fail-branch-card'
-import DefaultValue from './default-value'
-import {
-  useDefaultValue,
-  useErrorHandle,
-} from './hooks'
 import type { DefaultValueForm } from './types'
 import type {
   CommonNodeType,
   Node,
 } from '@/app/components/workflow/types'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
+import Collapse from '../collapse'
+import DefaultValue from './default-value'
+import ErrorHandleTypeSelector from './error-handle-type-selector'
+import FailBranchCard from './fail-branch-card'
+import {
+  useDefaultValue,
+  useErrorHandle,
+} from './hooks'
+import { ErrorHandleTypeEnum } from './types'
 
 type ErrorHandleProps = Pick<Node, 'id' | 'data'>
 const ErrorHandle = ({
@@ -44,7 +44,7 @@ const ErrorHandle = ({
 
   return (
     <>
-      <div className='py-4'>
+      <div className="py-4">
         <Collapse
           disabled={!error_strategy}
           collapsed={collapsed}
@@ -52,9 +52,9 @@ const ErrorHandle = ({
           hideCollapseIcon
           trigger={
             collapseIcon => (
-              <div className='flex grow items-center justify-between pr-4'>
-                <div className='flex items-center'>
-                  <div className='system-sm-semibold-uppercase mr-0.5 text-text-secondary'>
+              <div className="flex grow items-center justify-between pr-4">
+                <div className="flex items-center">
+                  <div className="system-sm-semibold-uppercase mr-0.5 text-text-secondary">
                     {t('workflow.nodes.common.errorHandle.title')}
                   </div>
                   <Tooltip popupContent={t('workflow.nodes.common.errorHandle.tip')} />
@@ -65,7 +65,8 @@ const ErrorHandle = ({
                   onSelected={getHandleErrorHandleTypeChange(data)}
                 />
               </div>
-            )}
+            )
+          }
         >
           <>
             {
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-tip.tsx b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-tip.tsx
index dc98c4003d..225185da36 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-tip.tsx
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-tip.tsx
@@ -1,6 +1,6 @@
+import { RiAlertFill } from '@remixicon/react'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAlertFill } from '@remixicon/react'
 import { ErrorHandleTypeEnum } from './types'
 
 type ErrorHandleTipProps = {
@@ -24,16 +24,17 @@ const ErrorHandleTip = ({
 
   return (
     <div
-      className='relative flex rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 pr-[52px] shadow-xs'
+      className="relative flex rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 pr-[52px] shadow-xs"
     >
       <div
-        className='absolute inset-0 rounded-lg opacity-40'
+        className="absolute inset-0 rounded-lg opacity-40"
         style={{
           background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)',
         }}
-      ></div>
-      <RiAlertFill className='mr-1 h-4 w-4 shrink-0 text-text-warning-secondary' />
-      <div className='system-xs-medium grow text-text-primary'>
+      >
+      </div>
+      <RiAlertFill className="mr-1 h-4 w-4 shrink-0 text-text-warning-secondary" />
+      <div className="system-xs-medium grow text-text-primary">
         {text}
       </div>
     </div>
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-type-selector.tsx b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-type-selector.tsx
index d9516dfcf5..3f97687b14 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-type-selector.tsx
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/error-handle-type-selector.tsx
@@ -1,16 +1,16 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiArrowDownSLine,
   RiCheckLine,
 } from '@remixicon/react'
-import { ErrorHandleTypeEnum } from './types'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
+import { ErrorHandleTypeEnum } from './types'
 
 type ErrorHandleTypeSelectorProps = {
   value: ErrorHandleTypeEnum
@@ -45,28 +45,29 @@ const ErrorHandleTypeSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={4}
     >
       <PortalToFollowElemTrigger onClick={(e) => {
         e.stopPropagation()
         e.nativeEvent.stopImmediatePropagation()
         setOpen(v => !v)
-      }}>
+      }}
+      >
         <Button
-          size='small'
+          size="small"
         >
           {selectedOption?.label}
-          <RiArrowDownSLine className='h-3.5 w-3.5' />
+          <RiArrowDownSLine className="h-3.5 w-3.5" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
-        <div className='w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-[11]">
+        <div className="w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
                 key={option.value}
-                className='flex cursor-pointer rounded-lg p-2 pr-3 hover:bg-state-base-hover'
+                className="flex cursor-pointer rounded-lg p-2 pr-3 hover:bg-state-base-hover"
                 onClick={(e) => {
                   e.stopPropagation()
                   e.nativeEvent.stopImmediatePropagation()
@@ -74,16 +75,16 @@ const ErrorHandleTypeSelector = ({
                   setOpen(false)
                 }}
               >
-                <div className='mr-1 w-4 shrink-0'>
+                <div className="mr-1 w-4 shrink-0">
                   {
                     value === option.value && (
-                      <RiCheckLine className='h-4 w-4 text-text-accent' />
+                      <RiCheckLine className="h-4 w-4 text-text-accent" />
                     )
                   }
                 </div>
-                <div className='grow'>
-                  <div className='system-sm-semibold mb-0.5 text-text-secondary'>{option.label}</div>
-                  <div className='system-xs-regular text-text-tertiary'>{option.description}</div>
+                <div className="grow">
+                  <div className="system-sm-semibold mb-0.5 text-text-secondary">{option.label}</div>
+                  <div className="system-xs-regular text-text-tertiary">{option.description}</div>
                 </div>
               </div>
             ))
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/fail-branch-card.tsx b/web/app/components/workflow/nodes/_base/components/error-handle/fail-branch-card.tsx
index fa9cff3dc8..793478b4dd 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/fail-branch-card.tsx
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/fail-branch-card.tsx
@@ -7,21 +7,21 @@ const FailBranchCard = () => {
   const docLink = useDocLink()
 
   return (
-    <div className='px-4 pt-2'>
-      <div className='rounded-[10px] bg-workflow-process-bg p-4'>
-        <div className='mb-2 flex h-8 w-8 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg'>
-          <RiMindMap className='h-5 w-5 text-text-tertiary' />
+    <div className="px-4 pt-2">
+      <div className="rounded-[10px] bg-workflow-process-bg p-4">
+        <div className="mb-2 flex h-8 w-8 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg">
+          <RiMindMap className="h-5 w-5 text-text-tertiary" />
         </div>
-        <div className='system-sm-medium mb-1 text-text-secondary'>
+        <div className="system-sm-medium mb-1 text-text-secondary">
           {t('workflow.nodes.common.errorHandle.failBranch.customize')}
         </div>
-        <div className='system-xs-regular text-text-tertiary'>
+        <div className="system-xs-regular text-text-tertiary">
           {t('workflow.nodes.common.errorHandle.failBranch.customizeTip')}
           &nbsp;
           <a
             href={docLink('/guides/workflow/error-handling/error-type')}
-            target='_blank'
-            className='text-text-accent'
+            target="_blank"
+            className="text-text-accent"
           >
             {t('workflow.common.learnMore')}
           </a>
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/hooks.ts b/web/app/components/workflow/nodes/_base/components/error-handle/hooks.ts
index 06eb4fc48f..86f07c8d1e 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/hooks.ts
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/hooks.ts
@@ -1,18 +1,18 @@
+import type { DefaultValueForm } from './types'
+import type {
+  CommonNodeType,
+} from '@/app/components/workflow/types'
 import {
   useCallback,
   useMemo,
   useState,
 } from 'react'
-import { ErrorHandleTypeEnum } from './types'
-import type { DefaultValueForm } from './types'
-import { getDefaultValue } from './utils'
-import type {
-  CommonNodeType,
-} from '@/app/components/workflow/types'
 import {
   useEdgesInteractions,
   useNodeDataUpdate,
 } from '@/app/components/workflow/hooks'
+import { ErrorHandleTypeEnum } from './types'
+import { getDefaultValue } from './utils'
 
 export const useDefaultValue = (
   id: string,
diff --git a/web/app/components/workflow/nodes/_base/components/error-handle/utils.ts b/web/app/components/workflow/nodes/_base/components/error-handle/utils.ts
index eef9677c48..ac48407c03 100644
--- a/web/app/components/workflow/nodes/_base/components/error-handle/utils.ts
+++ b/web/app/components/workflow/nodes/_base/components/error-handle/utils.ts
@@ -1,9 +1,9 @@
+import type { CodeNodeType } from '@/app/components/workflow/nodes/code/types'
 import type { CommonNodeType } from '@/app/components/workflow/types'
 import {
   BlockEnum,
   VarType,
 } from '@/app/components/workflow/types'
-import type { CodeNodeType } from '@/app/components/workflow/nodes/code/types'
 
 const getDefaultValueByType = (type: VarType) => {
   if (type === VarType.string)
diff --git a/web/app/components/workflow/nodes/_base/components/field.tsx b/web/app/components/workflow/nodes/_base/components/field.tsx
index b77fa511cb..9f46546700 100644
--- a/web/app/components/workflow/nodes/_base/components/field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/field.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC, ReactNode } from 'react'
-import React from 'react'
 import {
   RiArrowDownSLine,
 } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -38,23 +38,26 @@ const Field: FC<Props> = ({
     <div className={cn(className, inline && 'flex w-full items-center justify-between')}>
       <div
         onClick={() => supportFold && toggleFold()}
-        className={cn('flex items-center justify-between', supportFold && 'cursor-pointer')}>
-        <div className='flex h-6 items-center'>
+        className={cn('flex items-center justify-between', supportFold && 'cursor-pointer')}
+      >
+        <div className="flex h-6 items-center">
           <div className={cn(isSubTitle ? 'system-xs-medium-uppercase text-text-tertiary' : 'system-sm-semibold-uppercase text-text-secondary')}>
-            {title} {required && <span className='text-text-destructive'>*</span>}
+            {title}
+            {' '}
+            {required && <span className="text-text-destructive">*</span>}
           </div>
           {tooltip && (
             <Tooltip
               popupContent={tooltip}
-              popupClassName='ml-1'
-              triggerClassName='w-4 h-4 ml-1'
+              popupClassName="ml-1"
+              triggerClassName="w-4 h-4 ml-1"
             />
           )}
         </div>
-        <div className='flex'>
+        <div className="flex">
           {operations && <div>{operations}</div>}
           {supportFold && (
-            <RiArrowDownSLine className='h-4 w-4 cursor-pointer text-text-tertiary transition-transform' style={{ transform: fold ? 'rotate(-90deg)' : 'rotate(0deg)' }} />
+            <RiArrowDownSLine className="h-4 w-4 cursor-pointer text-text-tertiary transition-transform" style={{ transform: fold ? 'rotate(-90deg)' : 'rotate(0deg)' }} />
           )}
         </div>
       </div>
diff --git a/web/app/components/workflow/nodes/_base/components/file-type-item.tsx b/web/app/components/workflow/nodes/_base/components/file-type-item.tsx
index fd07465225..3dc1e7b132 100644
--- a/web/app/components/workflow/nodes/_base/components/file-type-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/file-type-item.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import { noop } from 'lodash-es'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { SupportUploadFileTypes } from '../../../types'
-import { cn } from '@/utils/classnames'
-import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
-import TagInput from '@/app/components/base/tag-input'
 import Checkbox from '@/app/components/base/checkbox'
 import { FileTypeIcon } from '@/app/components/base/file-uploader'
-import { noop } from 'lodash-es'
+import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
+import TagInput from '@/app/components/base/tag-input'
+import { cn } from '@/utils/classnames'
+import { SupportUploadFileTypes } from '../../../types'
 
 type Props = {
   type: SupportUploadFileTypes.image | SupportUploadFileTypes.document | SupportUploadFileTypes.audio | SupportUploadFileTypes.video | SupportUploadFileTypes.custom
@@ -45,31 +45,31 @@ const FileTypeItem: FC<Props> = ({
     >
       {isCustomSelected
         ? (
-          <div>
-            <div className='flex items-center border-b border-divider-subtle p-3 pb-2'>
-              <FileTypeIcon className='shrink-0' type={type} size='lg' />
-              <div className='system-sm-medium mx-2 grow text-text-primary'>{t(`appDebug.variableConfig.file.${type}.name`)}</div>
-              <Checkbox className='shrink-0' checked={selected} />
+            <div>
+              <div className="flex items-center border-b border-divider-subtle p-3 pb-2">
+                <FileTypeIcon className="shrink-0" type={type} size="lg" />
+                <div className="system-sm-medium mx-2 grow text-text-primary">{t(`appDebug.variableConfig.file.${type}.name`)}</div>
+                <Checkbox className="shrink-0" checked={selected} />
+              </div>
+              <div className="p-3" onClick={e => e.stopPropagation()}>
+                <TagInput
+                  items={customFileTypes}
+                  onChange={onCustomFileTypesChange}
+                  placeholder={t('appDebug.variableConfig.file.custom.createPlaceholder')!}
+                />
+              </div>
             </div>
-            <div className='p-3' onClick={e => e.stopPropagation()}>
-              <TagInput
-                items={customFileTypes}
-                onChange={onCustomFileTypesChange}
-                placeholder={t('appDebug.variableConfig.file.custom.createPlaceholder')!}
-              />
-            </div>
-          </div>
-        )
+          )
         : (
-          <div className='flex items-center'>
-            <FileTypeIcon className='shrink-0' type={type} size='lg' />
-            <div className='mx-2 grow'>
-              <div className='system-sm-medium text-text-primary'>{t(`appDebug.variableConfig.file.${type}.name`)}</div>
-              <div className='system-2xs-regular-uppercase mt-1 text-text-tertiary'>{type !== SupportUploadFileTypes.custom ? FILE_EXTS[type].join(', ') : t('appDebug.variableConfig.file.custom.description')}</div>
+            <div className="flex items-center">
+              <FileTypeIcon className="shrink-0" type={type} size="lg" />
+              <div className="mx-2 grow">
+                <div className="system-sm-medium text-text-primary">{t(`appDebug.variableConfig.file.${type}.name`)}</div>
+                <div className="system-2xs-regular-uppercase mt-1 text-text-tertiary">{type !== SupportUploadFileTypes.custom ? FILE_EXTS[type].join(', ') : t('appDebug.variableConfig.file.custom.description')}</div>
+              </div>
+              <Checkbox className="shrink-0" checked={selected} />
             </div>
-            <Checkbox className='shrink-0' checked={selected} />
-          </div>
-        )}
+          )}
 
     </div>
   )
diff --git a/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx b/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx
index ce41777471..c6330daf4d 100644
--- a/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx
+++ b/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
 import type { UploadFileSetting } from '../../../types'
+import { produce } from 'immer'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import Field from '@/app/components/app/configuration/config-var/config-modal/field'
+import { useFileSizeLimit } from '@/app/components/base/file-uploader/hooks'
+import { useFileUploadConfig } from '@/service/use-common'
+import { TransferMethod } from '@/types/app'
+import { formatFileSize } from '@/utils/format'
 import { SupportUploadFileTypes } from '../../../types'
-import OptionCard from './option-card'
 import FileTypeItem from './file-type-item'
 import InputNumberWithSlider from './input-number-with-slider'
-import Field from '@/app/components/app/configuration/config-var/config-modal/field'
-import { TransferMethod } from '@/types/app'
-import { useFileSizeLimit } from '@/app/components/base/file-uploader/hooks'
-import { formatFileSize } from '@/utils/format'
-import { useFileUploadConfig } from '@/service/use-common'
+import OptionCard from './option-card'
 
 type Props = {
   payload: UploadFileSetting
@@ -100,7 +100,7 @@ const FileUploadSetting: FC<Props> = ({
         <Field
           title={t('appDebug.variableConfig.file.supportFileTypes')}
         >
-          <div className='space-y-1'>
+          <div className="space-y-1">
             {
               [SupportUploadFileTypes.document, SupportUploadFileTypes.image, SupportUploadFileTypes.audio, SupportUploadFileTypes.video].map((type: SupportUploadFileTypes) => (
                 <FileTypeItem
@@ -123,9 +123,9 @@ const FileUploadSetting: FC<Props> = ({
       )}
       <Field
         title={t('appDebug.variableConfig.uploadFileTypes')}
-        className='mt-4'
+        className="mt-4"
       >
-        <div className='grid grid-cols-3 gap-2'>
+        <div className="grid grid-cols-3 gap-2">
           <OptionCard
             title={t('appDebug.variableConfig.localUpload')}
             selected={allowed_file_upload_methods.length === 1 && allowed_file_upload_methods.includes(TransferMethod.local_file)}
@@ -145,16 +145,18 @@ const FileUploadSetting: FC<Props> = ({
       </Field>
       {isMultiple && (
         <Field
-          className='mt-4'
+          className="mt-4"
           title={t('appDebug.variableConfig.maxNumberOfUploads')!}
         >
           <div>
-            <div className='body-xs-regular mb-1.5 text-text-tertiary'>{t('appDebug.variableConfig.maxNumberTip', {
-              imgLimit: formatFileSize(imgSizeLimit),
-              docLimit: formatFileSize(docSizeLimit),
-              audioLimit: formatFileSize(audioSizeLimit),
-              videoLimit: formatFileSize(videoSizeLimit),
-            })}</div>
+            <div className="body-xs-regular mb-1.5 text-text-tertiary">
+              {t('appDebug.variableConfig.maxNumberTip', {
+                imgLimit: formatFileSize(imgSizeLimit),
+                docLimit: formatFileSize(docSizeLimit),
+                audioLimit: formatFileSize(audioSizeLimit),
+                videoLimit: formatFileSize(videoSizeLimit),
+              })}
+            </div>
 
             <InputNumberWithSlider
               value={max_length}
@@ -168,9 +170,9 @@ const FileUploadSetting: FC<Props> = ({
       {inFeaturePanel && !hideSupportFileType && (
         <Field
           title={t('appDebug.variableConfig.file.supportFileTypes')}
-          className='mt-4'
+          className="mt-4"
         >
-          <div className='space-y-1'>
+          <div className="space-y-1">
             {
               [SupportUploadFileTypes.document, SupportUploadFileTypes.image, SupportUploadFileTypes.audio, SupportUploadFileTypes.video].map((type: SupportUploadFileTypes) => (
                 <FileTypeItem
diff --git a/web/app/components/workflow/nodes/_base/components/form-input-boolean.tsx b/web/app/components/workflow/nodes/_base/components/form-input-boolean.tsx
index 2767d3b2fb..f5f82f8a71 100644
--- a/web/app/components/workflow/nodes/_base/components/form-input-boolean.tsx
+++ b/web/app/components/workflow/nodes/_base/components/form-input-boolean.tsx
@@ -12,7 +12,7 @@ const FormInputBoolean: FC<Props> = ({
   onChange,
 }) => {
   return (
-    <div className='flex w-full space-x-1'>
+    <div className="flex w-full space-x-1">
       <div
         className={cn(
           'system-sm-regular flex h-8 grow cursor-default items-center justify-center rounded-md border border-components-option-card-option-border bg-components-option-card-option-bg px-2 text-text-secondary',
@@ -20,7 +20,9 @@ const FormInputBoolean: FC<Props> = ({
           value && 'system-sm-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg shadow-xs',
         )}
         onClick={() => onChange(true)}
-      >True</div>
+      >
+        True
+      </div>
       <div
         className={cn(
           'system-sm-regular flex h-8 grow cursor-default items-center justify-center rounded-md border border-components-option-card-option-border bg-components-option-card-option-bg px-2 text-text-secondary',
@@ -28,7 +30,9 @@ const FormInputBoolean: FC<Props> = ({
           !value && 'system-sm-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg shadow-xs',
         )}
         onClick={() => onChange(false)}
-      >False</div>
+      >
+        False
+      </div>
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/form-input-item.tsx b/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
index 7cf0043520..419f905fa5 100644
--- a/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
@@ -1,35 +1,35 @@
 'use client'
 import type { FC } from 'react'
-import { useEffect, useMemo, useState } from 'react'
-import { type ResourceVarInputs, VarKindType } from '../types'
+import type { ResourceVarInputs } from '../types'
 import type { CredentialFormSchema, FormOption } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import type { Event, Tool } from '@/app/components/tools/types'
+import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
+import type { ToolWithProvider, ValueSelector, Var } from '@/app/components/workflow/types'
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/react'
+import { ChevronDownIcon } from '@heroicons/react/20/solid'
+
+import { RiCheckLine, RiLoader4Line } from '@remixicon/react'
+import { useEffect, useMemo, useState } from 'react'
+import CheckboxList from '@/app/components/base/checkbox-list'
+import Input from '@/app/components/base/input'
+import { SimpleSelect } from '@/app/components/base/select'
 import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import AppSelector from '@/app/components/plugins/plugin-detail-panel/app-selector'
+import ModelParameterModal from '@/app/components/plugins/plugin-detail-panel/model-selector'
+import { PluginCategoryEnum } from '@/app/components/plugins/types'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import MixedVariableTextInput from '@/app/components/workflow/nodes/tool/components/mixed-variable-text-input'
 import { VarType } from '@/app/components/workflow/types'
 import { useFetchDynamicOptions } from '@/service/use-plugins'
 import { useTriggerPluginDynamicOptions } from '@/service/use-triggers'
-
-import type { ToolWithProvider, ValueSelector, Var } from '@/app/components/workflow/types'
-import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
-import type { Tool } from '@/app/components/tools/types'
-import FormInputTypeSwitch from './form-input-type-switch'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
-import Input from '@/app/components/base/input'
-import { SimpleSelect } from '@/app/components/base/select'
-import MixedVariableTextInput from '@/app/components/workflow/nodes/tool/components/mixed-variable-text-input'
-import AppSelector from '@/app/components/plugins/plugin-detail-panel/app-selector'
-import ModelParameterModal from '@/app/components/plugins/plugin-detail-panel/model-selector'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import { cn } from '@/utils/classnames'
-import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/react'
-import { ChevronDownIcon } from '@heroicons/react/20/solid'
-import { RiCheckLine, RiLoader4Line } from '@remixicon/react'
-import type { Event } from '@/app/components/tools/types'
-import { PluginCategoryEnum } from '@/app/components/plugins/types'
-import CheckboxList from '@/app/components/base/checkbox-list'
+import { VarKindType } from '../types'
 import FormInputBoolean from './form-input-boolean'
+import FormInputTypeSwitch from './form-input-type-switch'
 
 type Props = {
   readOnly: boolean
@@ -284,7 +284,7 @@ const FormInputItem: FC<Props> = ({
   }
 
   const availableCheckboxOptions = useMemo(() => (
-    (options || []).filter((option: { show_on?: Array<{ variable: string; value: any }> }) => {
+    (options || []).filter((option: { show_on?: Array<{ variable: string, value: any }> }) => {
       if (option.show_on?.length)
         return option.show_on.every(showOnItem => value[showOnItem.variable]?.value === showOnItem.value || value[showOnItem.variable] === showOnItem.value)
       return true
@@ -292,7 +292,7 @@ const FormInputItem: FC<Props> = ({
   ), [options, value])
 
   const checkboxListOptions = useMemo(() => (
-    availableCheckboxOptions.map((option: { value: string; label: Record<string, string> }) => ({
+    availableCheckboxOptions.map((option: { value: string, label: Record<string, string> }) => ({
       value: option.value,
       label: option.label?.[language] || option.label?.en_US || option.value,
     }))
@@ -341,8 +341,8 @@ const FormInputItem: FC<Props> = ({
       )}
       {isNumber && isConstant && (
         <Input
-          className='h-8 grow'
-          type='number'
+          className="h-8 grow"
+          type="number"
           value={Number.isNaN(varInput?.value) ? '' : varInput?.value}
           onChange={e => handleValueChange(e.target.value)}
           placeholder={placeholder?.[language] || placeholder?.en_US}
@@ -355,7 +355,7 @@ const FormInputItem: FC<Props> = ({
           onChange={handleCheckboxListChange}
           options={checkboxListOptions}
           disabled={readOnly}
-          maxHeight='200px'
+          maxHeight="200px"
         />
       )}
       {isBoolean && isConstant && (
@@ -366,7 +366,7 @@ const FormInputItem: FC<Props> = ({
       )}
       {isSelect && isConstant && !isMultipleSelect && (
         <SimpleSelect
-          wrapperClassName='h-8 grow'
+          wrapperClassName="h-8 grow"
           disabled={readOnly}
           defaultValue={varInput?.value}
           items={options.filter((option: { show_on: any[] }) => {
@@ -374,21 +374,23 @@ const FormInputItem: FC<Props> = ({
               return option.show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value)
 
             return true
-          }).map((option: { value: any; label: { [x: string]: any; en_US: any }; icon?: string }) => ({
+          }).map((option: { value: any, label: { [x: string]: any, en_US: any }, icon?: string }) => ({
             value: option.value,
             name: option.label[language] || option.label.en_US,
             icon: option.icon,
           }))}
           onSelect={item => handleValueChange(item.value as string)}
           placeholder={placeholder?.[language] || placeholder?.en_US}
-          renderOption={options.some((opt: any) => opt.icon) ? ({ item }) => (
-            <div className="flex items-center">
-              {item.icon && (
-                <img src={item.icon} alt="" className="mr-2 h-4 w-4" />
-              )}
-              <span>{item.name}</span>
-            </div>
-          ) : undefined}
+          renderOption={options.some((opt: any) => opt.icon)
+            ? ({ item }) => (
+                <div className="flex items-center">
+                  {item.icon && (
+                    <img src={item.icon} alt="" className="mr-2 h-4 w-4" />
+                  )}
+                  <span>{item.name}</span>
+                </div>
+              )
+            : undefined}
         />
       )}
       {isSelect && isConstant && isMultipleSelect && (
@@ -400,9 +402,7 @@ const FormInputItem: FC<Props> = ({
         >
           <div className="group/simple-select relative h-8 grow">
             <ListboxButton className="flex h-full w-full cursor-pointer items-center rounded-lg border-0 bg-components-input-bg-normal pl-3 pr-10 focus-visible:bg-state-base-hover-alt focus-visible:outline-none group-hover/simple-select:bg-state-base-hover-alt sm:text-sm sm:leading-6">
-              <span className={cn('system-sm-regular block truncate text-left',
-                varInput?.value?.length > 0 ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder',
-              )}>
+              <span className={cn('system-sm-regular block truncate text-left', varInput?.value?.length > 0 ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder')}>
                 {getSelectedLabels(varInput?.value) || placeholder?.[language] || placeholder?.en_US || 'Select options'}
               </span>
               <span className="absolute inset-y-0 right-0 flex items-center pr-2">
@@ -417,15 +417,12 @@ const FormInputItem: FC<Props> = ({
                 if (option.show_on?.length)
                   return option.show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value)
                 return true
-              }).map((option: { value: any; label: { [x: string]: any; en_US: any }; icon?: string }) => (
+              }).map((option: { value: any, label: { [x: string]: any, en_US: any }, icon?: string }) => (
                 <ListboxOption
                   key={option.value}
                   value={option.value}
                   className={({ focus }) =>
-                    cn('relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover',
-                      focus && 'bg-state-base-hover',
-                    )
-                  }
+                    cn('relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover', focus && 'bg-state-base-hover')}
                 >
                   {({ selected }) => (
                     <>
@@ -452,7 +449,7 @@ const FormInputItem: FC<Props> = ({
       )}
       {isDynamicSelect && !isMultipleSelect && (
         <SimpleSelect
-          wrapperClassName='h-8 grow'
+          wrapperClassName="h-8 grow"
           disabled={readOnly || isLoadingOptions}
           defaultValue={varInput?.value}
           items={(dynamicOptions || options || []).filter((option: { show_on?: any[] }) => {
@@ -460,7 +457,7 @@ const FormInputItem: FC<Props> = ({
               return option.show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value)
 
             return true
-          }).map((option: { value: any; label: { [x: string]: any; en_US: any }; icon?: string }) => ({
+          }).map((option: { value: any, label: { [x: string]: any, en_US: any }, icon?: string }) => ({
             value: option.value,
             name: option.label[language] || option.label.en_US,
             icon: option.icon,
@@ -486,23 +483,25 @@ const FormInputItem: FC<Props> = ({
         >
           <div className="group/simple-select relative h-8 grow">
             <ListboxButton className="flex h-full w-full cursor-pointer items-center rounded-lg border-0 bg-components-input-bg-normal pl-3 pr-10 focus-visible:bg-state-base-hover-alt focus-visible:outline-none group-hover/simple-select:bg-state-base-hover-alt sm:text-sm sm:leading-6">
-              <span className={cn('system-sm-regular block truncate text-left',
-                isLoadingOptions ? 'text-components-input-text-placeholder'
-                  : varInput?.value?.length > 0 ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder',
-              )}>
+              <span className={cn('system-sm-regular block truncate text-left', isLoadingOptions
+                ? 'text-components-input-text-placeholder'
+                : varInput?.value?.length > 0 ? 'text-components-input-text-filled' : 'text-components-input-text-placeholder')}
+              >
                 {isLoadingOptions
                   ? 'Loading...'
                   : getSelectedLabels(varInput?.value) || placeholder?.[language] || placeholder?.en_US || 'Select options'}
               </span>
               <span className="absolute inset-y-0 right-0 flex items-center pr-2">
-                {isLoadingOptions ? (
-                  <RiLoader4Line className='h-3.5 w-3.5 animate-spin text-text-secondary' />
-                ) : (
-                  <ChevronDownIcon
-                    className="h-4 w-4 text-text-quaternary group-hover/simple-select:text-text-secondary"
-                    aria-hidden="true"
-                  />
-                )}
+                {isLoadingOptions
+                  ? (
+                      <RiLoader4Line className="h-3.5 w-3.5 animate-spin text-text-secondary" />
+                    )
+                  : (
+                      <ChevronDownIcon
+                        className="h-4 w-4 text-text-quaternary group-hover/simple-select:text-text-secondary"
+                        aria-hidden="true"
+                      />
+                    )}
               </span>
             </ListboxButton>
             <ListboxOptions className="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur px-1 py-1 text-base shadow-lg backdrop-blur-sm focus:outline-none sm:text-sm">
@@ -510,15 +509,12 @@ const FormInputItem: FC<Props> = ({
                 if (option.show_on?.length)
                   return option.show_on.every(showOnItem => value[showOnItem.variable] === showOnItem.value)
                 return true
-              }).map((option: { value: any; label: { [x: string]: any; en_US: any }; icon?: string }) => (
+              }).map((option: { value: any, label: { [x: string]: any, en_US: any }, icon?: string }) => (
                 <ListboxOption
                   key={option.value}
                   value={option.value}
                   className={({ focus }) =>
-                    cn('relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover',
-                      focus && 'bg-state-base-hover',
-                    )
-                  }
+                    cn('relative cursor-pointer select-none rounded-lg py-2 pl-3 pr-9 text-text-secondary hover:bg-state-base-hover', focus && 'bg-state-base-hover')}
                 >
                   {({ selected }) => (
                     <>
@@ -544,16 +540,16 @@ const FormInputItem: FC<Props> = ({
         </Listbox>
       )}
       {isShowJSONEditor && isConstant && (
-        <div className='mt-1 w-full'>
+        <div className="mt-1 w-full">
           <CodeEditor
-            title='JSON'
+            title="JSON"
             value={varInput?.value as any}
             isExpand
             isInNode
             language={CodeLanguage.json}
             onChange={handleValueChange}
-            className='w-full'
-            placeholder={<div className='whitespace-pre'>{placeholder?.[language] || placeholder?.en_US}</div>}
+            className="w-full"
+            placeholder={<div className="whitespace-pre">{placeholder?.[language] || placeholder?.en_US}</div>}
           />
         </div>
       )}
@@ -567,7 +563,7 @@ const FormInputItem: FC<Props> = ({
       )}
       {isModelSelector && isConstant && (
         <ModelParameterModal
-          popupClassName='!w-[387px]'
+          popupClassName="!w-[387px]"
           isAdvancedMode
           isInWorkflow
           value={varInput?.value}
@@ -579,7 +575,7 @@ const FormInputItem: FC<Props> = ({
       {showVariableSelector && (
         <VarReferencePicker
           zIndex={inPanel ? 1000 : undefined}
-          className='h-8 grow'
+          className="h-8 grow"
           readonly={readOnly}
           isShowNodeName
           nodeId={nodeId}
diff --git a/web/app/components/workflow/nodes/_base/components/form-input-type-switch.tsx b/web/app/components/workflow/nodes/_base/components/form-input-type-switch.tsx
index c7af679e23..04e711511f 100644
--- a/web/app/components/workflow/nodes/_base/components/form-input-type-switch.tsx
+++ b/web/app/components/workflow/nodes/_base/components/form-input-type-switch.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiEditLine,
 } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import Tooltip from '@/app/components/base/tooltip'
 import { VarType } from '@/app/components/workflow/nodes/tool/types'
@@ -20,7 +20,7 @@ const FormInputTypeSwitch: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='inline-flex h-8 shrink-0 gap-px rounded-[10px] bg-components-segmented-control-bg-normal p-0.5'>
+    <div className="inline-flex h-8 shrink-0 gap-px rounded-[10px] bg-components-segmented-control-bg-normal p-0.5">
       <Tooltip
         popupContent={value === VarType.variable ? '' : t('workflow.nodes.common.typeSwitch.variable')}
       >
@@ -28,7 +28,7 @@ const FormInputTypeSwitch: FC<Props> = ({
           className={cn('cursor-pointer rounded-lg px-2.5 py-1.5 text-text-tertiary hover:bg-state-base-hover', value === VarType.variable && 'bg-components-segmented-control-item-active-bg text-text-secondary shadow-xs hover:bg-components-segmented-control-item-active-bg')}
           onClick={() => onChange(VarType.variable)}
         >
-          <Variable02 className='h-4 w-4' />
+          <Variable02 className="h-4 w-4" />
         </div>
       </Tooltip>
       <Tooltip
@@ -38,7 +38,7 @@ const FormInputTypeSwitch: FC<Props> = ({
           className={cn('cursor-pointer rounded-lg px-2.5 py-1.5 text-text-tertiary hover:bg-state-base-hover', value === VarType.constant && 'bg-components-segmented-control-item-active-bg text-text-secondary shadow-xs hover:bg-components-segmented-control-item-active-bg')}
           onClick={() => onChange(VarType.constant)}
         >
-          <RiEditLine className='h-4 w-4' />
+          <RiEditLine className="h-4 w-4" />
         </div>
       </Tooltip>
     </div>
diff --git a/web/app/components/workflow/nodes/_base/components/group.tsx b/web/app/components/workflow/nodes/_base/components/group.tsx
index 80157aca13..366f86df05 100644
--- a/web/app/components/workflow/nodes/_base/components/group.tsx
+++ b/web/app/components/workflow/nodes/_base/components/group.tsx
@@ -1,13 +1,15 @@
-import { cn } from '@/utils/classnames'
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react'
+import { cn } from '@/utils/classnames'
 
 export type GroupLabelProps = ComponentProps<'div'>
 
 export const GroupLabel: FC<GroupLabelProps> = (props) => {
   const { children, className, ...rest } = props
-  return <div {...rest} className={cn('system-2xs-medium-uppercase mb-1 text-text-tertiary', className)}>
-    {children}
-  </div>
+  return (
+    <div {...rest} className={cn('system-2xs-medium-uppercase mb-1 text-text-tertiary', className)}>
+      {children}
+    </div>
+  )
 }
 
 export type GroupProps = PropsWithChildren<{
@@ -16,10 +18,12 @@ export type GroupProps = PropsWithChildren<{
 
 export const Group: FC<GroupProps> = (props) => {
   const { children, label } = props
-  return <div className={cn('py-1')}>
-    {label}
-    <div className='space-y-0.5'>
-      {children}
+  return (
+    <div className={cn('py-1')}>
+      {label}
+      <div className="space-y-0.5">
+        {children}
+      </div>
     </div>
-  </div>
+  )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/help-link.tsx b/web/app/components/workflow/nodes/_base/components/help-link.tsx
index 8bf74529f1..adc153f029 100644
--- a/web/app/components/workflow/nodes/_base/components/help-link.tsx
+++ b/web/app/components/workflow/nodes/_base/components/help-link.tsx
@@ -1,9 +1,9 @@
+import type { BlockEnum } from '@/app/components/workflow/types'
+import { RiBookOpenLine } from '@remixicon/react'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiBookOpenLine } from '@remixicon/react'
-import { useNodeHelpLink } from '../hooks/use-node-help-link'
 import TooltipPlus from '@/app/components/base/tooltip'
-import type { BlockEnum } from '@/app/components/workflow/types'
+import { useNodeHelpLink } from '../hooks/use-node-help-link'
 
 type HelpLinkProps = {
   nodeType: BlockEnum
@@ -23,10 +23,10 @@ const HelpLink = ({
     >
       <a
         href={link}
-        target='_blank'
-        className='mr-1 flex h-6 w-6 items-center justify-center rounded-md hover:bg-state-base-hover'
+        target="_blank"
+        className="mr-1 flex h-6 w-6 items-center justify-center rounded-md hover:bg-state-base-hover"
       >
-        <RiBookOpenLine className='h-4 w-4 text-gray-500' />
+        <RiBookOpenLine className="h-4 w-4 text-gray-500" />
       </a>
     </TooltipPlus>
 
diff --git a/web/app/components/workflow/nodes/_base/components/info-panel.tsx b/web/app/components/workflow/nodes/_base/components/info-panel.tsx
index 88511b1de7..cc2426c24f 100644
--- a/web/app/components/workflow/nodes/_base/components/info-panel.tsx
+++ b/web/app/components/workflow/nodes/_base/components/info-panel.tsx
@@ -13,11 +13,11 @@ const InfoPanel: FC<Props> = ({
 }) => {
   return (
     <div>
-      <div className='flex flex-col gap-y-0.5 rounded-md bg-workflow-block-parma-bg px-[5px] py-[3px]'>
-        <div className='system-2xs-semibold-uppercase uppercase text-text-secondary'>
+      <div className="flex flex-col gap-y-0.5 rounded-md bg-workflow-block-parma-bg px-[5px] py-[3px]">
+        <div className="system-2xs-semibold-uppercase uppercase text-text-secondary">
           {title}
         </div>
-        <div className='system-xs-regular break-words text-text-tertiary'>
+        <div className="system-xs-regular break-words text-text-tertiary">
           {content}
         </div>
       </div>
diff --git a/web/app/components/workflow/nodes/_base/components/input-field/add.tsx b/web/app/components/workflow/nodes/_base/components/input-field/add.tsx
index a104973399..fcefa8da57 100644
--- a/web/app/components/workflow/nodes/_base/components/input-field/add.tsx
+++ b/web/app/components/workflow/nodes/_base/components/input-field/add.tsx
@@ -4,7 +4,7 @@ import ActionButton from '@/app/components/base/action-button'
 const Add = () => {
   return (
     <ActionButton>
-      <RiAddLine className='h-4 w-4' />
+      <RiAddLine className="h-4 w-4" />
     </ActionButton>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/input-number-with-slider.tsx b/web/app/components/workflow/nodes/_base/components/input-number-with-slider.tsx
index 17208fe54d..0a021402ba 100644
--- a/web/app/components/workflow/nodes/_base/components/input-number-with-slider.tsx
+++ b/web/app/components/workflow/nodes/_base/components/input-number-with-slider.tsx
@@ -38,11 +38,11 @@ const InputNumberWithSlider: FC<InputNumberWithSliderProps> = ({
   }, [onChange])
 
   return (
-    <div className='flex h-8 items-center justify-between space-x-2'>
+    <div className="flex h-8 items-center justify-between space-x-2">
       <input
         value={value}
-        className='block h-8 w-12 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-[13px] text-components-input-text-filled outline-none'
-        type='number'
+        className="block h-8 w-12 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-[13px] text-components-input-text-filled outline-none"
+        type="number"
         min={min}
         max={max}
         step={1}
@@ -51,7 +51,7 @@ const InputNumberWithSlider: FC<InputNumberWithSliderProps> = ({
         disabled={readonly}
       />
       <Slider
-        className='grow'
+        className="grow"
         value={value}
         min={min}
         max={max}
diff --git a/web/app/components/workflow/nodes/_base/components/input-support-select-var.tsx b/web/app/components/workflow/nodes/_base/components/input-support-select-var.tsx
index 8ffe301d67..c06fe55375 100644
--- a/web/app/components/workflow/nodes/_base/components/input-support-select-var.tsx
+++ b/web/app/components/workflow/nodes/_base/components/input-support-select-var.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect } from 'react'
-import { useBoolean } from 'ahooks'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import type {
   Node,
   NodeOutPutVar,
 } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
-import PromptEditor from '@/app/components/base/prompt-editor'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
-import Tooltip from '@/app/components/base/tooltip'
+import { useBoolean } from 'ahooks'
 import { noop } from 'lodash-es'
+import React, { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import PromptEditor from '@/app/components/base/prompt-editor'
+import Tooltip from '@/app/components/base/tooltip'
 import { useStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   instanceId?: string
@@ -115,20 +115,20 @@ const Editor: FC<Props> = ({
           onFocus={setFocus}
         />
         {/* to patch Editor not support dynamic change editable status */}
-        {readOnly && <div className='absolute inset-0 z-10'></div>}
+        {readOnly && <div className="absolute inset-0 z-10"></div>}
         {isFocus && (
           <div className={cn('absolute z-10', insertVarTipToLeft ? 'left-[-12px] top-1.5' : ' right-1 top-[-9px]')}>
             <Tooltip
               popupContent={`${t('workflow.common.insertVarTip')}`}
             >
-              <div className='cursor-pointer rounded-[5px] border-[0.5px] border-divider-regular bg-components-badge-white-to-dark p-0.5 shadow-lg'>
-                <Variable02 className='h-3.5 w-3.5 text-components-button-secondary-accent-text' />
+              <div className="cursor-pointer rounded-[5px] border-[0.5px] border-divider-regular bg-components-badge-white-to-dark p-0.5 shadow-lg">
+                <Variable02 className="h-3.5 w-3.5 text-components-button-secondary-accent-text" />
               </div>
             </Tooltip>
           </div>
         )}
       </>
-    </div >
+    </div>
   )
 }
 export default React.memo(Editor)
diff --git a/web/app/components/workflow/nodes/_base/components/input-var-type-icon.tsx b/web/app/components/workflow/nodes/_base/components/input-var-type-icon.tsx
index 70fd1051b9..7e529013cb 100644
--- a/web/app/components/workflow/nodes/_base/components/input-var-type-icon.tsx
+++ b/web/app/components/workflow/nodes/_base/components/input-var-type-icon.tsx
@@ -1,6 +1,5 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import {
   RiAlignLeft,
   RiBracesLine,
@@ -11,6 +10,7 @@ import {
   RiHashtag,
   RiTextSnippet,
 } from '@remixicon/react'
+import React from 'react'
 import { InputVarType } from '../../../types'
 
 type Props = {
diff --git a/web/app/components/workflow/nodes/_base/components/install-plugin-button.tsx b/web/app/components/workflow/nodes/_base/components/install-plugin-button.tsx
index 385b69ee43..f77a24c965 100644
--- a/web/app/components/workflow/nodes/_base/components/install-plugin-button.tsx
+++ b/web/app/components/workflow/nodes/_base/components/install-plugin-button.tsx
@@ -1,12 +1,12 @@
-import Button from '@/app/components/base/button'
-import { RiInstallLine, RiLoader2Line } from '@remixicon/react'
 import type { ComponentProps, MouseEventHandler } from 'react'
+import { RiInstallLine, RiLoader2Line } from '@remixicon/react'
 import { useState } from 'react'
-import { cn } from '@/utils/classnames'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import checkTaskStatus from '@/app/components/plugins/install-plugin/base/check-task-status'
 import { TaskStatus } from '@/app/components/plugins/types'
 import { useCheckInstalled, useInstallPackageFromMarketPlace } from '@/service/use-plugins'
+import { cn } from '@/utils/classnames'
 
 type InstallPluginButtonProps = Omit<ComponentProps<typeof Button>, 'children' | 'loading'> & {
   uniqueIdentifier: string
@@ -83,22 +83,26 @@ export const InstallPluginButton = (props: InstallPluginButtonProps) => {
       },
     })
   }
-  if (!manifest.data) return null
+  if (!manifest.data)
+    return null
   const identifierSet = new Set(identifiers)
   const isInstalled = manifest.data.plugins.some(plugin => (
     identifierSet.has(plugin.id)
     || (plugin.plugin_unique_identifier && identifierSet.has(plugin.plugin_unique_identifier))
     || (plugin.plugin_id && identifierSet.has(plugin.plugin_id))
   ))
-  if (isInstalled) return null
-  return <Button
-    variant={'secondary'}
-    disabled={isLoading}
-    {...rest}
-    onClick={handleInstall}
-    className={cn('flex items-center', className)}
-  >
-    {!isLoading ? t('workflow.nodes.agent.pluginInstaller.install') : t('workflow.nodes.agent.pluginInstaller.installing')}
-    {!isLoading ? <RiInstallLine className='ml-1 size-3.5' /> : <RiLoader2Line className='ml-1 size-3.5 animate-spin' />}
-  </Button>
+  if (isInstalled)
+    return null
+  return (
+    <Button
+      variant="secondary"
+      disabled={isLoading}
+      {...rest}
+      onClick={handleInstall}
+      className={cn('flex items-center', className)}
+    >
+      {!isLoading ? t('workflow.nodes.agent.pluginInstaller.install') : t('workflow.nodes.agent.pluginInstaller.installing')}
+      {!isLoading ? <RiInstallLine className="ml-1 size-3.5" /> : <RiLoader2Line className="ml-1 size-3.5 animate-spin" />}
+    </Button>
+  )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/layout/box-group-field.tsx b/web/app/components/workflow/nodes/_base/components/layout/box-group-field.tsx
index f89f13e1c5..a6df026a5b 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/box-group-field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/box-group-field.tsx
@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react'
-import { memo } from 'react'
 import type {
   BoxGroupProps,
   FieldProps,
 } from '.'
+import { memo } from 'react'
 import {
   BoxGroup,
   Field,
diff --git a/web/app/components/workflow/nodes/_base/components/layout/box-group.tsx b/web/app/components/workflow/nodes/_base/components/layout/box-group.tsx
index 7d2d4b0dcb..edf0c116ec 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/box-group.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/box-group.tsx
@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react'
+import type {
+  BoxProps,
+  GroupProps,
+} from '.'
 import { memo } from 'react'
 import {
   Box,
   Group,
 } from '.'
-import type {
-  BoxProps,
-  GroupProps,
-} from '.'
 
 export type BoxGroupProps = {
   children?: ReactNode
diff --git a/web/app/components/workflow/nodes/_base/components/layout/box.tsx b/web/app/components/workflow/nodes/_base/components/layout/box.tsx
index ec4869d305..62e709efc6 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/box.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/box.tsx
@@ -18,7 +18,8 @@ export const Box = memo(({
         'py-2',
         withBorderBottom && 'border-b border-divider-subtle',
         className,
-      )}>
+      )}
+    >
       {children}
     </div>
   )
diff --git a/web/app/components/workflow/nodes/_base/components/layout/field-title.tsx b/web/app/components/workflow/nodes/_base/components/layout/field-title.tsx
index 1a19ac2ab4..e5e8fe950d 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/field-title.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/field-title.tsx
@@ -33,7 +33,7 @@ export const FieldTitle = memo(({
   return (
     <div className={cn('mb-0.5', !!subTitle && 'mb-1')}>
       <div
-        className='group/collapse flex items-center justify-between py-1'
+        className="group/collapse flex items-center justify-between py-1"
         onClick={() => {
           if (!disabled) {
             setCollapsedLocal(!collapsedMerged)
@@ -41,7 +41,7 @@ export const FieldTitle = memo(({
           }
         }}
       >
-        <div className='system-sm-semibold-uppercase flex items-center text-text-secondary'>
+        <div className="system-sm-semibold-uppercase flex items-center text-text-secondary">
           {title}
           {
             showArrow && (
@@ -57,7 +57,7 @@ export const FieldTitle = memo(({
             tooltip && (
               <Tooltip
                 popupContent={tooltip}
-                triggerClassName='w-4 h-4 ml-1'
+                triggerClassName="w-4 h-4 ml-1"
               />
             )
           }
diff --git a/web/app/components/workflow/nodes/_base/components/layout/field.tsx b/web/app/components/workflow/nodes/_base/components/layout/field.tsx
index 46951d89e3..70f35e0ba7 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/field.tsx
@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react'
+import type { FieldTitleProps } from '.'
 import {
   memo,
   useState,
 } from 'react'
-import type { FieldTitleProps } from '.'
 import { FieldTitle } from '.'
 
 export type FieldProps = {
diff --git a/web/app/components/workflow/nodes/_base/components/layout/group-field.tsx b/web/app/components/workflow/nodes/_base/components/layout/group-field.tsx
index b7238f0c0c..800a21edb7 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/group-field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/group-field.tsx
@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react'
-import { memo } from 'react'
 import type {
   FieldProps,
   GroupProps,
 } from '.'
+import { memo } from 'react'
 import {
   Field,
   Group,
diff --git a/web/app/components/workflow/nodes/_base/components/layout/group.tsx b/web/app/components/workflow/nodes/_base/components/layout/group.tsx
index 446588eb45..6e35cb7b69 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/group.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/group.tsx
@@ -18,7 +18,8 @@ export const Group = memo(({
         'px-4 py-2',
         withBorderBottom && 'border-b border-divider-subtle',
         className,
-      )}>
+      )}
+    >
       {children}
     </div>
   )
diff --git a/web/app/components/workflow/nodes/_base/components/layout/index.tsx b/web/app/components/workflow/nodes/_base/components/layout/index.tsx
index fc5b211bdc..f470cbf20f 100644
--- a/web/app/components/workflow/nodes/_base/components/layout/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/layout/index.tsx
@@ -1,7 +1,7 @@
 export * from './box'
-export * from './group'
 export * from './box-group'
-export * from './field-title'
-export * from './field'
-export * from './group-field'
 export * from './box-group-field'
+export * from './field'
+export * from './field-title'
+export * from './group'
+export * from './group-field'
diff --git a/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx b/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx
index d4a7f07b7e..98e2dc4f29 100644
--- a/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx
+++ b/web/app/components/workflow/nodes/_base/components/list-no-data-placeholder.tsx
@@ -10,7 +10,7 @@ const ListNoDataPlaceholder: FC<Props> = ({
   children,
 }) => {
   return (
-    <div className='system-xs-regular flex min-h-[42px] w-full items-center justify-center rounded-[10px] bg-background-section text-text-tertiary'>
+    <div className="system-xs-regular flex min-h-[42px] w-full items-center justify-center rounded-[10px] bg-background-section text-text-tertiary">
       {children}
     </div>
   )
diff --git a/web/app/components/workflow/nodes/_base/components/mcp-tool-not-support-tooltip.tsx b/web/app/components/workflow/nodes/_base/components/mcp-tool-not-support-tooltip.tsx
index b314082af2..33da12239b 100644
--- a/web/app/components/workflow/nodes/_base/components/mcp-tool-not-support-tooltip.tsx
+++ b/web/app/components/workflow/nodes/_base/components/mcp-tool-not-support-tooltip.tsx
@@ -1,21 +1,21 @@
 'use client'
-import Tooltip from '@/app/components/base/tooltip'
-import { RiAlertFill } from '@remixicon/react'
 import type { FC } from 'react'
+import { RiAlertFill } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
 
 const McpToolNotSupportTooltip: FC = () => {
   const { t } = useTranslation()
   return (
     <Tooltip
-      popupContent={
-        <div className='w-[256px]'>
+      popupContent={(
+        <div className="w-[256px]">
           {t('plugin.detailPanel.toolSelector.unsupportedMCPTool')}
         </div>
-      }
+      )}
     >
-      <RiAlertFill className='size-4 text-text-warning-secondary' />
+      <RiAlertFill className="size-4 text-text-warning-secondary" />
     </Tooltip>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/memory-config.tsx b/web/app/components/workflow/nodes/_base/components/memory-config.tsx
index 989f3f635d..1272f132a6 100644
--- a/web/app/components/workflow/nodes/_base/components/memory-config.tsx
+++ b/web/app/components/workflow/nodes/_base/components/memory-config.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { Memory } from '../../../types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import type { Memory } from '../../../types'
-import { MemoryRole } from '../../../types'
-import { cn } from '@/utils/classnames'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Switch from '@/app/components/base/switch'
-import Slider from '@/app/components/base/slider'
 import Input from '@/app/components/base/input'
+import Slider from '@/app/components/base/slider'
+import Switch from '@/app/components/base/switch'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import { cn } from '@/utils/classnames'
+import { MemoryRole } from '../../../types'
 
 const i18nPrefix = 'workflow.nodes.common.memory'
 const WINDOW_SIZE_MIN = 1
@@ -31,14 +31,15 @@ const RoleItem: FC<RoleItemProps> = ({
     onChange(e.target.value)
   }, [onChange])
   return (
-    <div className='flex items-center justify-between'>
-      <div className='text-[13px] font-normal text-text-secondary'>{title}</div>
+    <div className="flex items-center justify-between">
+      <div className="text-[13px] font-normal text-text-secondary">{title}</div>
       <Input
         readOnly={readonly}
         value={value}
         onChange={handleChange}
-        className='h-8 w-[200px]'
-        type='text' />
+        className="h-8 w-[200px]"
+        type="text"
+      />
     </div>
   )
 }
@@ -132,31 +133,31 @@ const MemoryConfig: FC<Props> = ({
       <Field
         title={t(`${i18nPrefix}.memory`)}
         tooltip={t(`${i18nPrefix}.memoryTip`)!}
-        operations={
+        operations={(
           <Switch
             defaultValue={!!payload}
             onChange={handleMemoryEnabledChange}
-            size='md'
+            size="md"
             disabled={readonly}
           />
-        }
+        )}
       >
         {payload && (
           <>
             {/* window size */}
-            <div className='flex justify-between'>
-              <div className='flex h-8 items-center space-x-2'>
+            <div className="flex justify-between">
+              <div className="flex h-8 items-center space-x-2">
                 <Switch
                   defaultValue={payload?.window?.enabled}
                   onChange={handleWindowEnabledChange}
-                  size='md'
+                  size="md"
                   disabled={readonly}
                 />
-                <div className='system-xs-medium-uppercase text-text-tertiary'>{t(`${i18nPrefix}.windowSize`)}</div>
+                <div className="system-xs-medium-uppercase text-text-tertiary">{t(`${i18nPrefix}.windowSize`)}</div>
               </div>
-              <div className='flex h-8 items-center space-x-2'>
+              <div className="flex h-8 items-center space-x-2">
                 <Slider
-                  className='w-[144px]'
+                  className="w-[144px]"
                   value={(payload.window?.size || WINDOW_SIZE_DEFAULT) as number}
                   min={WINDOW_SIZE_MIN}
                   max={WINDOW_SIZE_MAX}
@@ -166,9 +167,9 @@ const MemoryConfig: FC<Props> = ({
                 />
                 <Input
                   value={(payload.window?.size || WINDOW_SIZE_DEFAULT) as number}
-                  wrapperClassName='w-12'
-                  className='appearance-none pr-0'
-                  type='number'
+                  wrapperClassName="w-12"
+                  className="appearance-none pr-0"
+                  type="number"
                   min={WINDOW_SIZE_MIN}
                   max={WINDOW_SIZE_MAX}
                   step={1}
@@ -179,9 +180,9 @@ const MemoryConfig: FC<Props> = ({
               </div>
             </div>
             {canSetRoleName && (
-              <div className='mt-4'>
-                <div className='text-xs font-medium uppercase leading-6 text-text-tertiary'>{t(`${i18nPrefix}.conversationRoleName`)}</div>
-                <div className='mt-1 space-y-2'>
+              <div className="mt-4">
+                <div className="text-xs font-medium uppercase leading-6 text-text-tertiary">{t(`${i18nPrefix}.conversationRoleName`)}</div>
+                <div className="mt-1 space-y-2">
                   <RoleItem
                     readonly={readonly}
                     title={t(`${i18nPrefix}.user`)}
diff --git a/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/index.tsx b/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/index.tsx
index 5fc6bd0528..acc395439c 100644
--- a/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/index.tsx
@@ -1,15 +1,15 @@
+import type {
+  Node,
+  NodeOutPutVar,
+} from '@/app/components/workflow/types'
 import {
   memo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import PromptEditor from '@/app/components/base/prompt-editor'
-import Placeholder from './placeholder'
-import type {
-  Node,
-  NodeOutPutVar,
-} from '@/app/components/workflow/types'
 import { BlockEnum } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import Placeholder from './placeholder'
 
 type MixedVariableTextInputProps = {
   readOnly?: boolean
@@ -33,7 +33,7 @@ const MixedVariableTextInput = ({
         'hover:border-components-input-border-hover hover:bg-components-input-bg-hover',
         'focus-within:border-components-input-border-active focus-within:bg-components-input-bg-active focus-within:shadow-xs',
       )}
-      className='caret:text-text-accent'
+      className="caret:text-text-accent"
       editable={!readOnly}
       value={value}
       workflowVariableBlock={{
diff --git a/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/placeholder.tsx b/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/placeholder.tsx
index 75d4c91996..b839f1a426 100644
--- a/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/placeholder.tsx
+++ b/web/app/components/workflow/nodes/_base/components/mixed-variable-text-input/placeholder.tsx
@@ -1,10 +1,9 @@
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { $insertNodes, FOCUS_COMMAND } from 'lexical'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { FOCUS_COMMAND } from 'lexical'
-import { $insertNodes } from 'lexical'
-import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
 import Badge from '@/app/components/base/badge'
+import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
 
 const Placeholder = () => {
   const { t } = useTranslation()
@@ -20,17 +19,17 @@ const Placeholder = () => {
 
   return (
     <div
-      className='pointer-events-auto flex h-full w-full cursor-text items-center px-2'
+      className="pointer-events-auto flex h-full w-full cursor-text items-center px-2"
       onClick={(e) => {
         e.stopPropagation()
         handleInsert('')
       }}
     >
-      <div className='flex grow items-center'>
+      <div className="flex grow items-center">
         {t('workflow.nodes.tool.insertPlaceholder1')}
-        <div className='system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder'>/</div>
+        <div className="system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder">/</div>
         <div
-          className='system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary'
+          className="system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary"
           onMouseDown={((e) => {
             e.preventDefault()
             e.stopPropagation()
@@ -41,8 +40,8 @@ const Placeholder = () => {
         </div>
       </div>
       <Badge
-        className='shrink-0'
-        text='String'
+        className="shrink-0"
+        text="String"
         uppercase={false}
       />
     </div>
diff --git a/web/app/components/workflow/nodes/_base/components/next-step/add.tsx b/web/app/components/workflow/nodes/_base/components/next-step/add.tsx
index 3001274c31..6395d0b3ca 100644
--- a/web/app/components/workflow/nodes/_base/components/next-step/add.tsx
+++ b/web/app/components/workflow/nodes/_base/components/next-step/add.tsx
@@ -1,3 +1,10 @@
+import type {
+  CommonNodeType,
+  OnSelectBlock,
+} from '@/app/components/workflow/types'
+import {
+  RiAddLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
@@ -5,19 +12,12 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiAddLine,
-} from '@remixicon/react'
+import BlockSelector from '@/app/components/workflow/block-selector'
 import {
   useAvailableBlocks,
   useNodesInteractions,
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
-import BlockSelector from '@/app/components/workflow/block-selector'
-import type {
-  CommonNodeType,
-  OnSelectBlock,
-} from '@/app/components/workflow/types'
 
 type AddProps = {
   nodeId: string
@@ -75,10 +75,10 @@ const Add = ({
           ${nodesReadOnly && '!cursor-not-allowed'}
         `}
       >
-        <div className='mr-1.5 flex h-5 w-5 items-center justify-center rounded-[5px] bg-background-default-dimmed'>
-          <RiAddLine className='h-3 w-3' />
+        <div className="mr-1.5 flex h-5 w-5 items-center justify-center rounded-[5px] bg-background-default-dimmed">
+          <RiAddLine className="h-3 w-3" />
         </div>
-        <div className='flex items-center uppercase'>
+        <div className="flex items-center uppercase">
           {tip}
         </div>
       </div>
@@ -91,10 +91,10 @@ const Add = ({
       onOpenChange={handleOpenChange}
       disabled={nodesReadOnly}
       onSelect={handleSelect}
-      placement='top'
+      placement="top"
       offset={0}
       trigger={renderTrigger}
-      popupClassName='!w-[328px]'
+      popupClassName="!w-[328px]"
       availableBlocksTypes={availableNextBlocks}
     />
   )
diff --git a/web/app/components/workflow/nodes/_base/components/next-step/container.tsx b/web/app/components/workflow/nodes/_base/components/next-step/container.tsx
index 5971ec8598..3fa295a10e 100644
--- a/web/app/components/workflow/nodes/_base/components/next-step/container.tsx
+++ b/web/app/components/workflow/nodes/_base/components/next-step/container.tsx
@@ -1,10 +1,10 @@
-import Add from './add'
-import Item from './item'
 import type {
   CommonNodeType,
   Node,
 } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import Add from './add'
+import Item from './item'
 
 type ContainerProps = {
   nodeId: string
@@ -27,7 +27,8 @@ const Container = ({
     <div className={cn(
       'space-y-0.5 rounded-[10px] bg-background-section-burn p-0.5',
       isFailBranch && 'border-[0.5px] border-state-warning-hover-alt bg-state-warning-hover',
-    )}>
+    )}
+    >
       {
         branchName && (
           <div
@@ -47,7 +48,7 @@ const Container = ({
             key={nextNode.id}
             nodeId={nextNode.id}
             data={nextNode.data}
-            sourceHandle='source'
+            sourceHandle="source"
           />
         ))
       }
diff --git a/web/app/components/workflow/nodes/_base/components/next-step/index.tsx b/web/app/components/workflow/nodes/_base/components/next-step/index.tsx
index 25d1a0aa63..0f23161261 100644
--- a/web/app/components/workflow/nodes/_base/components/next-step/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/next-step/index.tsx
@@ -1,21 +1,21 @@
+import type {
+  Node,
+} from '../../../../types'
+import { isEqual } from 'lodash-es'
 import { memo, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { isEqual } from 'lodash-es'
 import {
   getConnectedEdges,
   getOutgoers,
   useStore,
 } from 'reactflow'
-import { useToolIcon } from '../../../../hooks'
-import BlockIcon from '../../../../block-icon'
-import type {
-  Node,
-} from '../../../../types'
-import { BlockEnum } from '../../../../types'
-import Line from './line'
-import Container from './container'
-import { hasErrorHandleNode } from '@/app/components/workflow/utils'
 import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
+import { hasErrorHandleNode } from '@/app/components/workflow/utils'
+import BlockIcon from '../../../../block-icon'
+import { useToolIcon } from '../../../../hooks'
+import { BlockEnum } from '../../../../types'
+import Container from './container'
+import Line from './line'
 
 type NextStepProps = {
   selectedNode: Node
@@ -89,8 +89,8 @@ const NextStep = ({
   }, [branches, connectedEdges, data.error_strategy, data.type, outgoers, t])
 
   return (
-    <div className='flex py-1'>
-      <div className='relative flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-divider-regular bg-background-default shadow-xs'>
+    <div className="flex py-1">
+      <div className="relative flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border-[0.5px] border-divider-regular bg-background-default shadow-xs">
         <BlockIcon
           type={selectedNode!.data.type}
           toolIcon={toolIcon}
@@ -99,7 +99,7 @@ const NextStep = ({
       <Line
         list={list.length ? list.map(item => item.nextNodes.length + 1) : [1]}
       />
-      <div className='grow space-y-2'>
+      <div className="grow space-y-2">
         {
           list.map((item, index) => {
             return (
diff --git a/web/app/components/workflow/nodes/_base/components/next-step/item.tsx b/web/app/components/workflow/nodes/_base/components/next-step/item.tsx
index d9998fd226..0b8a09aa87 100644
--- a/web/app/components/workflow/nodes/_base/components/next-step/item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/next-step/item.tsx
@@ -1,21 +1,21 @@
+import type {
+  CommonNodeType,
+} from '@/app/components/workflow/types'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import Operator from './operator'
-import type {
-  CommonNodeType,
-} from '@/app/components/workflow/types'
+import Button from '@/app/components/base/button'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import {
   useNodesInteractions,
   useNodesReadOnly,
   useToolIcon,
 } from '@/app/components/workflow/hooks'
-import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
+import Operator from './operator'
 
 type ItemProps = {
   nodeId: string
@@ -39,15 +39,15 @@ const Item = ({
 
   return (
     <div
-      className='group relative flex h-9 cursor-pointer items-center rounded-lg border-[0.5px] border-divider-regular bg-background-default px-2 text-xs text-text-secondary shadow-xs last-of-type:mb-0 hover:bg-background-default-hover'
+      className="group relative flex h-9 cursor-pointer items-center rounded-lg border-[0.5px] border-divider-regular bg-background-default px-2 text-xs text-text-secondary shadow-xs last-of-type:mb-0 hover:bg-background-default-hover"
     >
       <BlockIcon
         type={data.type}
         toolIcon={toolIcon}
-        className='mr-1.5 shrink-0'
+        className="mr-1.5 shrink-0"
       />
       <div
-        className='system-xs-medium grow truncate text-text-secondary'
+        className="system-xs-medium grow truncate text-text-secondary"
         title={data.title}
       >
         {data.title}
@@ -56,8 +56,8 @@ const Item = ({
         !nodesReadOnly && (
           <>
             <Button
-              className='mr-1 hidden shrink-0 group-hover:flex'
-              size='small'
+              className="mr-1 hidden shrink-0 group-hover:flex"
+              size="small"
               onClick={() => handleNodeSelect(nodeId)}
             >
               {t('workflow.common.jumpToNode')}
diff --git a/web/app/components/workflow/nodes/_base/components/next-step/line.tsx b/web/app/components/workflow/nodes/_base/components/next-step/line.tsx
index 35b0a73ff2..862657e34b 100644
--- a/web/app/components/workflow/nodes/_base/components/next-step/line.tsx
+++ b/web/app/components/workflow/nodes/_base/components/next-step/line.tsx
@@ -19,7 +19,7 @@ const Line = ({
   const svgHeight = processedList[processedListLength - 1] + (processedListLength - 1) * 8
 
   return (
-    <svg className='w-6 shrink-0' style={{ height: svgHeight }}>
+    <svg className="w-6 shrink-0" style={{ height: svgHeight }}>
       {
         processedList.map((item, index) => {
           const prevItem = index > 0 ? processedList[index - 1] : 0
@@ -30,17 +30,17 @@ const Line = ({
                 index === 0 && (
                   <>
                     <path
-                      d='M0,18 L24,18'
+                      d="M0,18 L24,18"
                       strokeWidth={1}
-                      fill='none'
-                      className='stroke-divider-solid'
+                      fill="none"
+                      className="stroke-divider-solid"
                     />
                     <rect
                       x={0}
                       y={16}
                       width={1}
                       height={4}
-                      className='fill-divider-solid-alt'
+                      className="fill-divider-solid-alt"
                     />
                   </>
                 )
@@ -50,8 +50,8 @@ const Line = ({
                   <path
                     d={`M0,18 Q12,18 12,28 L12,${space - 10 + 2} Q12,${space + 2} 24,${space + 2}`}
                     strokeWidth={1}
-                    fill='none'
-                    className='stroke-divider-solid'
+                    fill="none"
+                    className="stroke-divider-solid"
                   />
                 )
               }
@@ -60,7 +60,7 @@ const Line = ({
                 y={space}
                 width={1}
                 height={4}
-                className='fill-divider-solid-alt'
+                className="fill-divider-solid-alt"
               />
             </g>
           )
diff --git a/web/app/components/workflow/nodes/_base/components/next-step/operator.tsx b/web/app/components/workflow/nodes/_base/components/next-step/operator.tsx
index 7143e6fe43..1b550f035d 100644
--- a/web/app/components/workflow/nodes/_base/components/next-step/operator.tsx
+++ b/web/app/components/workflow/nodes/_base/components/next-step/operator.tsx
@@ -1,24 +1,24 @@
+import type {
+  CommonNodeType,
+  OnSelectBlock,
+} from '@/app/components/workflow/types'
+import { RiMoreFill } from '@remixicon/react'
+import { intersection } from 'lodash-es'
 import {
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiMoreFill } from '@remixicon/react'
-import { intersection } from 'lodash-es'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
 import BlockSelector from '@/app/components/workflow/block-selector'
 import {
   useAvailableBlocks,
   useNodesInteractions,
 } from '@/app/components/workflow/hooks'
-import type {
-  CommonNodeType,
-  OnSelectBlock,
-} from '@/app/components/workflow/types'
 
 type ChangeItemProps = {
   data: CommonNodeType
@@ -44,7 +44,7 @@ const ChangeItem = ({
 
   const renderTrigger = useCallback(() => {
     return (
-      <div className='flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'>
+      <div className="flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover">
         {t('workflow.panel.change')}
       </div>
     )
@@ -53,13 +53,13 @@ const ChangeItem = ({
   return (
     <BlockSelector
       onSelect={handleSelect}
-      placement='top-end'
+      placement="top-end"
       offset={{
         mainAxis: 6,
         crossAxis: 8,
       }}
       trigger={renderTrigger}
-      popupClassName='!w-[328px]'
+      popupClassName="!w-[328px]"
       availableBlocksTypes={intersection(availablePrevBlocks, availableNextBlocks).filter(item => item !== data.type)}
     />
   )
@@ -87,34 +87,34 @@ const Operator = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{ mainAxis: 4, crossAxis: -4 }}
       open={open}
       onOpenChange={onOpenChange}
     >
       <PortalToFollowElemTrigger onClick={() => onOpenChange(!open)}>
-        <Button className='h-6 w-6 p-0'>
-          <RiMoreFill className='h-4 w-4' />
+        <Button className="h-6 w-6 p-0">
+          <RiMoreFill className="h-4 w-4" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='system-md-regular min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg'>
-          <div className='p-1'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="system-md-regular min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg">
+          <div className="p-1">
             <ChangeItem
               data={data}
               nodeId={nodeId}
               sourceHandle={sourceHandle}
             />
             <div
-              className='flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+              className="flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
               onClick={() => handleNodeDisconnect(nodeId)}
             >
               {t('workflow.common.disconnect')}
             </div>
           </div>
-          <div className='p-1'>
+          <div className="p-1">
             <div
-              className='flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+              className="flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
               onClick={() => handleNodeDelete(nodeId)}
             >
               {t('common.operation.delete')}
diff --git a/web/app/components/workflow/nodes/_base/components/node-control.tsx b/web/app/components/workflow/nodes/_base/components/node-control.tsx
index 2a52737bbd..da99528622 100644
--- a/web/app/components/workflow/nodes/_base/components/node-control.tsx
+++ b/web/app/components/workflow/nodes/_base/components/node-control.tsx
@@ -1,24 +1,25 @@
 import type { FC } from 'react'
+import type { Node } from '../../../types'
+import {
+  RiPlayLargeLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiPlayLargeLine,
-} from '@remixicon/react'
-import {
-  useNodesInteractions,
-} from '../../../hooks'
-import { type Node, NodeRunningStatus } from '../../../types'
-import { canRunBySingle } from '../../../utils'
-import PanelOperator from './panel-operator'
 import {
   Stop,
 } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
 import Tooltip from '@/app/components/base/tooltip'
 import { useWorkflowStore } from '@/app/components/workflow/store'
+import {
+  useNodesInteractions,
+} from '../../../hooks'
+import { NodeRunningStatus } from '../../../types'
+import { canRunBySingle } from '../../../utils'
+import PanelOperator from './panel-operator'
 
 type NodeControlProps = Pick<Node, 'id' | 'data'>
 const NodeControl: FC<NodeControlProps> = ({
@@ -45,7 +46,7 @@ const NodeControl: FC<NodeControlProps> = ({
       `}
     >
       <div
-        className='flex h-6 items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg px-0.5 text-text-tertiary shadow-md backdrop-blur-[5px]'
+        className="flex h-6 items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg px-0.5 text-text-tertiary shadow-md backdrop-blur-[5px]"
         onClick={e => e.stopPropagation()}
       >
         {
@@ -66,15 +67,15 @@ const NodeControl: FC<NodeControlProps> = ({
             >
               {
                 isSingleRunning
-                  ? <Stop className='h-3 w-3' />
+                  ? <Stop className="h-3 w-3" />
                   : (
-                    <Tooltip
-                      popupContent={t('workflow.panel.runThisStep')}
-                      asChild={false}
-                    >
-                      <RiPlayLargeLine className='h-3 w-3' />
-                    </Tooltip>
-                  )
+                      <Tooltip
+                        popupContent={t('workflow.panel.runThisStep')}
+                        asChild={false}
+                      >
+                        <RiPlayLargeLine className="h-3 w-3" />
+                      </Tooltip>
+                    )
               }
             </div>
           )
@@ -84,7 +85,7 @@ const NodeControl: FC<NodeControlProps> = ({
           data={data}
           offset={0}
           onOpenChange={handleOpenChange}
-          triggerClassName='!w-5 !h-5'
+          triggerClassName="!w-5 !h-5"
         />
       </div>
     </div>
diff --git a/web/app/components/workflow/nodes/_base/components/node-handle.tsx b/web/app/components/workflow/nodes/_base/components/node-handle.tsx
index 5b46e79616..85a4b18188 100644
--- a/web/app/components/workflow/nodes/_base/components/node-handle.tsx
+++ b/web/app/components/workflow/nodes/_base/components/node-handle.tsx
@@ -1,22 +1,19 @@
 import type { MouseEvent } from 'react'
+import type { PluginDefaultValue } from '../../../block-selector/types'
+import type { Node } from '../../../types'
 import {
   memo,
   useCallback,
   useEffect,
   useState,
 } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   Handle,
   Position,
 } from 'reactflow'
-import { useTranslation } from 'react-i18next'
-import {
-  BlockEnum,
-  NodeRunningStatus,
-} from '../../../types'
-import type { Node } from '../../../types'
+import { cn } from '@/utils/classnames'
 import BlockSelector from '../../../block-selector'
-import type { PluginDefaultValue } from '../../../block-selector/types'
 import {
   useAvailableBlocks,
   useIsChatMode,
@@ -27,7 +24,10 @@ import {
   useStore,
   useWorkflowStore,
 } from '../../../store'
-import { cn } from '@/utils/classnames'
+import {
+  BlockEnum,
+  NodeRunningStatus,
+} from '../../../types'
 
 type NodeHandleProps = {
   handleId: string
@@ -75,7 +75,7 @@ export const NodeTargetHandle = memo(({
     <>
       <Handle
         id={handleId}
-        type='target'
+        type="target"
         position={Position.Left}
         className={cn(
           'z-[1] !h-4 !w-4 !rounded-none !border-none !bg-transparent !outline-none',
@@ -101,7 +101,7 @@ export const NodeTargetHandle = memo(({
               onOpenChange={handleOpenChange}
               onSelect={handleSelect}
               asChild
-              placement='left'
+              placement="left"
               triggerClassName={open => `
                 hidden absolute left-0 top-0 pointer-events-none
                 ${nodeSelectorClassName}
@@ -186,7 +186,7 @@ export const NodeSourceHandle = memo(({
   return (
     <Handle
       id={handleId}
-      type='source'
+      type="source"
       position={Position.Right}
       className={cn(
         'group/handle z-[1] !h-4 !w-4 !rounded-none !border-none !bg-transparent !outline-none',
@@ -201,14 +201,14 @@ export const NodeSourceHandle = memo(({
       isConnectable={isConnectable}
       onClick={handleHandleClick}
     >
-      <div className='absolute -top-1 left-1/2 hidden -translate-x-1/2 -translate-y-full rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-1.5 shadow-lg group-hover/handle:block'>
-        <div className='system-xs-regular text-text-tertiary'>
-          <div className=' whitespace-nowrap'>
-            <span className='system-xs-medium text-text-secondary'>{t('workflow.common.parallelTip.click.title')}</span>
+      <div className="absolute -top-1 left-1/2 hidden -translate-x-1/2 -translate-y-full rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-1.5 shadow-lg group-hover/handle:block">
+        <div className="system-xs-regular text-text-tertiary">
+          <div className=" whitespace-nowrap">
+            <span className="system-xs-medium text-text-secondary">{t('workflow.common.parallelTip.click.title')}</span>
             {t('workflow.common.parallelTip.click.desc')}
           </div>
           <div>
-            <span className='system-xs-medium text-text-secondary'>{t('workflow.common.parallelTip.drag.title')}</span>
+            <span className="system-xs-medium text-text-secondary">{t('workflow.common.parallelTip.drag.title')}</span>
             {t('workflow.common.parallelTip.drag.desc')}
           </div>
         </div>
diff --git a/web/app/components/workflow/nodes/_base/components/node-resizer.tsx b/web/app/components/workflow/nodes/_base/components/node-resizer.tsx
index 479e1ad56e..db55e1e533 100644
--- a/web/app/components/workflow/nodes/_base/components/node-resizer.tsx
+++ b/web/app/components/workflow/nodes/_base/components/node-resizer.tsx
@@ -1,12 +1,12 @@
+import type { OnResize } from 'reactflow'
+import type { CommonNodeType } from '../../../types'
 import {
   memo,
   useCallback,
 } from 'react'
-import type { OnResize } from 'reactflow'
 import { NodeResizeControl } from 'reactflow'
-import { useNodesInteractions } from '../../../hooks'
-import type { CommonNodeType } from '../../../types'
 import { cn } from '@/utils/classnames'
+import { useNodesInteractions } from '../../../hooks'
 
 const Icon = () => {
   return (
@@ -42,16 +42,17 @@ const NodeResizer = ({
     <div className={cn(
       'hidden group-hover:block',
       nodeData.selected && '!block',
-    )}>
+    )}
+    >
       <NodeResizeControl
-        position='bottom-right'
-        className='!border-none !bg-transparent'
+        position="bottom-right"
+        className="!border-none !bg-transparent"
         onResize={handleResize}
         minWidth={minWidth}
         minHeight={minHeight}
         maxWidth={maxWidth}
       >
-        <div className='absolute bottom-[1px] right-[1px]'>{icon}</div>
+        <div className="absolute bottom-[1px] right-[1px]">{icon}</div>
       </NodeResizeControl>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/_base/components/option-card.tsx b/web/app/components/workflow/nodes/_base/components/option-card.tsx
index ebbdc92b2d..7c3a06daeb 100644
--- a/web/app/components/workflow/nodes/_base/components/option-card.tsx
+++ b/web/app/components/workflow/nodes/_base/components/option-card.tsx
@@ -1,10 +1,10 @@
 'use client'
-import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import type { VariantProps } from 'class-variance-authority'
+import type { FC } from 'react'
 import { cva } from 'class-variance-authority'
-import { cn } from '@/utils/classnames'
+import React, { useCallback } from 'react'
 import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 
 const variants = cva([], {
   variants: {
@@ -17,8 +17,7 @@ const variants = cva([], {
   defaultVariants: {
     align: 'center',
   },
-},
-)
+})
 
 type Props = {
   className?: string
@@ -59,14 +58,15 @@ const OptionCard: FC<Props> = ({
     >
       <span>{title}</span>
       {tooltip
-        && <Tooltip
-          popupContent={
-            <div className='w-[240px]'>
-              {tooltip}
-            </div>
-          }
-        />
-      }
+        && (
+          <Tooltip
+            popupContent={(
+              <div className="w-[240px]">
+                {tooltip}
+              </div>
+            )}
+          />
+        )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/output-vars.tsx b/web/app/components/workflow/nodes/_base/components/output-vars.tsx
index b1599ce541..2c646148b3 100644
--- a/web/app/components/workflow/nodes/_base/components/output-vars.tsx
+++ b/web/app/components/workflow/nodes/_base/components/output-vars.tsx
@@ -3,8 +3,8 @@ import type { FC, ReactNode } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FieldCollapse } from '@/app/components/workflow/nodes/_base/components/collapse'
-import TreeIndentLine from './variable/object-child-tree-panel/tree-indent-line'
 import { cn } from '@/utils/classnames'
+import TreeIndentLine from './variable/object-child-tree-panel/tree-indent-line'
 
 type Props = {
   className?: string
@@ -56,17 +56,17 @@ export const VarItem: FC<VarItemProps> = ({
   return (
     <div className={cn('flex', isIndent && 'relative left-[-7px]')}>
       {isIndent && <TreeIndentLine depth={1} />}
-      <div className='py-1'>
-        <div className='flex'>
-          <div className='flex items-center leading-[18px]'>
-            <div className='code-sm-semibold text-text-secondary'>{name}</div>
-            <div className='system-xs-regular ml-2 text-text-tertiary'>{type}</div>
+      <div className="py-1">
+        <div className="flex">
+          <div className="flex items-center leading-[18px]">
+            <div className="code-sm-semibold text-text-secondary">{name}</div>
+            <div className="system-xs-regular ml-2 text-text-tertiary">{type}</div>
           </div>
         </div>
-        <div className='system-xs-regular mt-0.5 text-text-tertiary'>
+        <div className="system-xs-regular mt-0.5 text-text-tertiary">
           {description}
           {subItems && (
-            <div className='ml-2 border-l border-gray-200 pl-2'>
+            <div className="ml-2 border-l border-gray-200 pl-2">
               {subItems.map((item, index) => (
                 <VarItem
                   key={index}
diff --git a/web/app/components/workflow/nodes/_base/components/panel-operator/change-block.tsx b/web/app/components/workflow/nodes/_base/components/panel-operator/change-block.tsx
index 8b6d137127..47e1c4b22b 100644
--- a/web/app/components/workflow/nodes/_base/components/panel-operator/change-block.tsx
+++ b/web/app/components/workflow/nodes/_base/components/panel-operator/change-block.tsx
@@ -1,10 +1,14 @@
+import type {
+  Node,
+  OnSelectBlock,
+} from '@/app/components/workflow/types'
+import { intersection } from 'lodash-es'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { intersection } from 'lodash-es'
 import BlockSelector from '@/app/components/workflow/block-selector'
 import {
   useAvailableBlocks,
@@ -12,10 +16,6 @@ import {
   useNodesInteractions,
 } from '@/app/components/workflow/hooks'
 import { useHooksStore } from '@/app/components/workflow/hooks-store'
-import type {
-  Node,
-  OnSelectBlock,
-} from '@/app/components/workflow/types'
 import { BlockEnum, isTriggerNode } from '@/app/components/workflow/types'
 
 import { FlowType } from '@/types/common'
@@ -60,7 +60,7 @@ const ChangeBlock = ({
 
   const renderTrigger = useCallback(() => {
     return (
-      <div className='flex h-8 w-[232px] cursor-pointer items-center rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'>
+      <div className="flex h-8 w-[232px] cursor-pointer items-center rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover">
         {t('workflow.panel.changeBlock')}
       </div>
     )
@@ -68,14 +68,14 @@ const ChangeBlock = ({
 
   return (
     <BlockSelector
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: -36,
         crossAxis: 4,
       }}
       onSelect={handleSelect}
       trigger={renderTrigger}
-      popupClassName='min-w-[240px]'
+      popupClassName="min-w-[240px]"
       availableBlocksTypes={availableNodes}
       showStartTab={showStartTab}
       ignoreNodeIds={ignoreNodeIds}
diff --git a/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx b/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx
index e1af8cc84f..665b1441b0 100644
--- a/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/panel-operator/index.tsx
@@ -1,17 +1,17 @@
+import type { OffsetOptions } from '@floating-ui/react'
+import type { Node } from '@/app/components/workflow/types'
+import { RiMoreFill } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
-import { RiMoreFill } from '@remixicon/react'
-import type { OffsetOptions } from '@floating-ui/react'
-import PanelOperatorPopup from './panel-operator-popup'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { Node } from '@/app/components/workflow/types'
+import PanelOperatorPopup from './panel-operator-popup'
 
 type PanelOperatorProps = {
   id: string
@@ -44,7 +44,7 @@ const PanelOperator = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-end'
+      placement="bottom-end"
       offset={offset}
       open={open}
       onOpenChange={handleOpenChange}
@@ -58,10 +58,10 @@ const PanelOperator = ({
             ${triggerClassName}
           `}
         >
-          <RiMoreFill className={'h-4 w-4 text-text-tertiary'} />
+          <RiMoreFill className="h-4 w-4 text-text-tertiary" />
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
+      <PortalToFollowElemContent className="z-[11]">
         <PanelOperatorPopup
           id={id}
           data={data}
diff --git a/web/app/components/workflow/nodes/_base/components/panel-operator/panel-operator-popup.tsx b/web/app/components/workflow/nodes/_base/components/panel-operator/panel-operator-popup.tsx
index 613744a50e..43419dc957 100644
--- a/web/app/components/workflow/nodes/_base/components/panel-operator/panel-operator-popup.tsx
+++ b/web/app/components/workflow/nodes/_base/components/panel-operator/panel-operator-popup.tsx
@@ -1,13 +1,11 @@
+import type { Node } from '@/app/components/workflow/types'
 import {
   memo,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useEdges } from 'reactflow'
-import ChangeBlock from './change-block'
-import {
-  canRunBySingle,
-} from '@/app/components/workflow/utils'
+import { CollectionType } from '@/app/components/tools/types'
 import {
   useNodeDataUpdate,
   useNodeMetaData,
@@ -16,11 +14,13 @@ import {
   useNodesSyncDraft,
 } from '@/app/components/workflow/hooks'
 import ShortcutsName from '@/app/components/workflow/shortcuts-name'
-import type { Node } from '@/app/components/workflow/types'
 import { BlockEnum } from '@/app/components/workflow/types'
-import { CollectionType } from '@/app/components/tools/types'
+import {
+  canRunBySingle,
+} from '@/app/components/workflow/utils'
 import { useAllWorkflowTools } from '@/service/use-tools'
 import { canFindTool } from '@/utils'
+import ChangeBlock from './change-block'
 
 type PanelOperatorPopupProps = {
   id: string
@@ -53,17 +53,18 @@ const PanelOperatorPopup = ({
   const { data: workflowTools } = useAllWorkflowTools()
   const isWorkflowTool = data.type === BlockEnum.Tool && data.provider_type === CollectionType.workflow
   const workflowAppId = useMemo(() => {
-    if (!isWorkflowTool || !workflowTools || !data.provider_id) return undefined
+    if (!isWorkflowTool || !workflowTools || !data.provider_id)
+      return undefined
     const workflowTool = workflowTools.find(item => canFindTool(item.id, data.provider_id))
     return workflowTool?.workflow_app_id
   }, [isWorkflowTool, workflowTools, data.provider_id])
 
   return (
-    <div className='w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'>
+    <div className="w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl">
       {
         (showChangeBlock || canRunBySingle(data.type, isChildNode)) && (
           <>
-            <div className='p-1'>
+            <div className="p-1">
               {
                 canRunBySingle(data.type, isChildNode) && (
                   <div
@@ -92,7 +93,7 @@ const PanelOperatorPopup = ({
                 )
               }
             </div>
-            <div className='h-px bg-divider-regular'></div>
+            <div className="h-px bg-divider-regular"></div>
           </>
         )
       }
@@ -102,9 +103,9 @@ const PanelOperatorPopup = ({
             {
               !nodeMetaData.isSingleton && (
                 <>
-                  <div className='p-1'>
+                  <div className="p-1">
                     <div
-                      className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+                      className="flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
                       onClick={() => {
                         onClosePopup()
                         handleNodesCopy(id)
@@ -114,7 +115,7 @@ const PanelOperatorPopup = ({
                       <ShortcutsName keys={['ctrl', 'c']} />
                     </div>
                     <div
-                      className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+                      className="flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
                       onClick={() => {
                         onClosePopup()
                         handleNodesDuplicate(id)
@@ -124,14 +125,14 @@ const PanelOperatorPopup = ({
                       <ShortcutsName keys={['ctrl', 'd']} />
                     </div>
                   </div>
-                  <div className='h-px bg-divider-regular'></div>
+                  <div className="h-px bg-divider-regular"></div>
                 </>
               )
             }
             {
               !nodeMetaData.isUndeletable && (
                 <>
-                  <div className='p-1'>
+                  <div className="p-1">
                     <div
                       className={`
                       flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary
@@ -143,7 +144,7 @@ const PanelOperatorPopup = ({
                       <ShortcutsName keys={['del']} />
                     </div>
                   </div>
-                  <div className='h-px bg-divider-regular'></div>
+                  <div className="h-px bg-divider-regular"></div>
                 </>
               )
             }
@@ -153,43 +154,45 @@ const PanelOperatorPopup = ({
       {
         isWorkflowTool && workflowAppId && (
           <>
-            <div className='p-1'>
+            <div className="p-1">
               <a
                 href={`/app/${workflowAppId}/workflow`}
-                target='_blank'
-                className='flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+                target="_blank"
+                className="flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
               >
                 {t('workflow.panel.openWorkflow')}
               </a>
             </div>
-            <div className='h-px bg-divider-regular'></div>
+            <div className="h-px bg-divider-regular"></div>
           </>
         )
       }
       {
         showHelpLink && nodeMetaData.helpLinkUri && (
           <>
-            <div className='p-1'>
+            <div className="p-1">
               <a
                 href={nodeMetaData.helpLinkUri}
-                target='_blank'
-                className='flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+                target="_blank"
+                className="flex h-8 cursor-pointer items-center rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
               >
                 {t('workflow.panel.helpLink')}
               </a>
             </div>
-            <div className='h-px bg-divider-regular'></div>
+            <div className="h-px bg-divider-regular"></div>
           </>
         )
       }
-      <div className='p-1'>
-        <div className='px-3 py-2 text-xs text-text-tertiary'>
-          <div className='mb-1 flex h-[22px] items-center font-medium'>
+      <div className="p-1">
+        <div className="px-3 py-2 text-xs text-text-tertiary">
+          <div className="mb-1 flex h-[22px] items-center font-medium">
             {t('workflow.panel.about').toLocaleUpperCase()}
           </div>
-          <div className='mb-1 leading-[18px] text-text-secondary'>{nodeMetaData.description}</div>
-          <div className='leading-[18px]'>
-            {t('workflow.panel.createdBy')} {nodeMetaData.author}
+          <div className="mb-1 leading-[18px] text-text-secondary">{nodeMetaData.description}</div>
+          <div className="leading-[18px]">
+            {t('workflow.panel.createdBy')}
+            {' '}
+            {nodeMetaData.author}
           </div>
         </div>
       </div>
diff --git a/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx b/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx
index ff0e7c90b2..c2bc6481ff 100644
--- a/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx
+++ b/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx
@@ -1,41 +1,41 @@
 'use client'
 import type { FC, ReactNode } from 'react'
-import React, { useCallback, useRef } from 'react'
-import {
-  RiDeleteBinLine,
-} from '@remixicon/react'
-import copy from 'copy-to-clipboard'
-import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import { BlockEnum, EditionType } from '../../../../types'
 import type {
   ModelConfig,
   Node,
   NodeOutPutVar,
   Variable,
 } from '../../../../types'
+import {
+  RiDeleteBinLine,
+} from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import copy from 'copy-to-clipboard'
+import React, { useCallback, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
 
-import Wrap from '../editor/wrap'
-import { CodeLanguage } from '../../../code/types'
-import PromptGeneratorBtn from '../../../llm/components/prompt-generator-btn'
-import { cn } from '@/utils/classnames'
-import ToggleExpandBtn from '@/app/components/workflow/nodes/_base/components/toggle-expand-btn'
-import useToggleExpend from '@/app/components/workflow/nodes/_base/hooks/use-toggle-expend'
-import PromptEditor from '@/app/components/base/prompt-editor'
 import {
   Copy,
   CopyCheck,
 } from '@/app/components/base/icons/src/vender/line/files'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { PROMPT_EDITOR_INSERT_QUICKLY } from '@/app/components/base/prompt-editor/plugins/update-block'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
-import ActionButton from '@/app/components/base/action-button'
-import Tooltip from '@/app/components/base/tooltip'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars'
-import Switch from '@/app/components/base/switch'
 import { Jinja } from '@/app/components/base/icons/src/vender/workflow'
-import { useStore } from '@/app/components/workflow/store'
+import PromptEditor from '@/app/components/base/prompt-editor'
+import { PROMPT_EDITOR_INSERT_QUICKLY } from '@/app/components/base/prompt-editor/plugins/update-block'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
 import { useWorkflowVariableType } from '@/app/components/workflow/hooks'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars'
+import ToggleExpandBtn from '@/app/components/workflow/nodes/_base/components/toggle-expand-btn'
+import useToggleExpend from '@/app/components/workflow/nodes/_base/hooks/use-toggle-expend'
+import { useStore } from '@/app/components/workflow/store'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { cn } from '@/utils/classnames'
+import { BlockEnum, EditionType } from '../../../../types'
+import { CodeLanguage } from '../../../code/types'
+import PromptGeneratorBtn from '../../../llm/components/prompt-generator-btn'
+import Wrap from '../editor/wrap'
 
 type Props = {
   className?: string
@@ -158,39 +158,43 @@ const Editor: FC<Props> = ({
       <div ref={ref} className={cn(isFocus ? (gradientBorder && 'bg-gradient-to-r from-components-input-border-active-prompt-1 to-components-input-border-active-prompt-2') : 'bg-transparent', isExpand && 'h-full', '!rounded-[9px] p-0.5', containerClassName)}>
         <div className={cn(isFocus ? 'bg-background-default' : 'bg-components-input-bg-normal', isExpand && 'flex h-full flex-col', 'rounded-lg', containerClassName)}>
           <div className={cn('flex items-center justify-between pl-3 pr-2 pt-1', headerClassName)}>
-            <div className='flex gap-2'>
-              <div className={cn('text-xs font-semibold uppercase leading-4 text-text-secondary', titleClassName)}>{title} {required && <span className='text-text-destructive'>*</span>}</div>
+            <div className="flex gap-2">
+              <div className={cn('text-xs font-semibold uppercase leading-4 text-text-secondary', titleClassName)}>
+                {title}
+                {' '}
+                {required && <span className="text-text-destructive">*</span>}
+              </div>
               {titleTooltip && <Tooltip popupContent={titleTooltip} />}
             </div>
-            <div className='flex items-center'>
-              <div className='text-xs font-medium leading-[18px] text-text-tertiary'>{value?.length || 0}</div>
+            <div className="flex items-center">
+              <div className="text-xs font-medium leading-[18px] text-text-tertiary">{value?.length || 0}</div>
               {isSupportPromptGenerator && (
                 <PromptGeneratorBtn
                   nodeId={nodeId!}
                   editorId={editorId}
-                  className='ml-[5px]'
+                  className="ml-[5px]"
                   onGenerated={onGenerated}
                   modelConfig={modelConfig}
                   currentPrompt={value}
                 />
               )}
 
-              <div className='ml-2 mr-2 h-3 w-px bg-divider-regular'></div>
+              <div className="ml-2 mr-2 h-3 w-px bg-divider-regular"></div>
               {/* Operations */}
-              <div className='flex items-center space-x-[2px]'>
+              <div className="flex items-center space-x-[2px]">
                 {isSupportJinja && (
                   <Tooltip
-                    popupContent={
+                    popupContent={(
                       <div>
                         <div>{t('workflow.common.enableJinja')}</div>
-                        <a className='text-text-accent' target='_blank' href='https://jinja.palletsprojects.com/en/2.10.x/'>{t('workflow.common.learnMore')}</a>
+                        <a className="text-text-accent" target="_blank" href="https://jinja.palletsprojects.com/en/2.10.x/">{t('workflow.common.learnMore')}</a>
                       </div>
-                    }
+                    )}
                   >
                     <div className={cn(editionType === EditionType.jinja2 && 'border-components-button-ghost-bg-hover bg-components-button-ghost-bg-hover', 'flex h-[22px] items-center space-x-0.5 rounded-[5px] border border-transparent px-1.5 hover:border-components-button-ghost-bg-hover')}>
-                      <Jinja className='h-3 w-6 text-text-quaternary' />
+                      <Jinja className="h-3 w-6 text-text-quaternary" />
                       <Switch
-                        size='sm'
+                        size="sm"
                         defaultValue={editionType === EditionType.jinja2}
                         onChange={(checked) => {
                           onEditionTypeChange?.(checked ? EditionType.jinja2 : EditionType.basic)
@@ -205,27 +209,26 @@ const Editor: FC<Props> = ({
                     popupContent={`${t('workflow.common.insertVarTip')}`}
                   >
                     <ActionButton onClick={handleInsertVariable}>
-                      <Variable02 className='h-4 w-4' />
+                      <Variable02 className="h-4 w-4" />
                     </ActionButton>
                   </Tooltip>
                 )}
                 {showRemove && (
                   <ActionButton onClick={onRemove}>
-                    <RiDeleteBinLine className='h-4 w-4' />
+                    <RiDeleteBinLine className="h-4 w-4" />
                   </ActionButton>
                 )}
                 {!isCopied
                   ? (
-                    <ActionButton onClick={handleCopy}>
-                      <Copy className='h-4 w-4' />
-                    </ActionButton>
-                  )
+                      <ActionButton onClick={handleCopy}>
+                        <Copy className="h-4 w-4" />
+                      </ActionButton>
+                    )
                   : (
-                    <ActionButton>
-                      <CopyCheck className='h-4 w-4' />
-                    </ActionButton>
-                  )
-                }
+                      <ActionButton>
+                        <CopyCheck className="h-4 w-4" />
+                      </ActionButton>
+                    )}
                 <ToggleExpandBtn isExpand={isExpand} onExpandChange={setIsExpand} />
               </div>
 
@@ -236,83 +239,83 @@ const Editor: FC<Props> = ({
           <div className={cn('pb-2', isExpand && 'flex grow flex-col')}>
             {!(isSupportJinja && editionType === EditionType.jinja2)
               ? (
-                <div className={cn(isExpand ? 'grow' : 'max-h-[536px]', 'relative min-h-[56px] overflow-y-auto  px-3', editorContainerClassName)}>
-                  <PromptEditor
-                    key={controlPromptEditorRerenderKey}
-                    placeholder={placeholder}
-                    placeholderClassName={placeholderClassName}
-                    instanceId={instanceId}
-                    compact
-                    className={cn('min-h-[56px]', inputClassName)}
-                    style={isExpand ? { height: editorExpandHeight - 5 } : {}}
-                    value={value}
-                    contextBlock={{
-                      show: justVar ? false : isShowContext,
-                      selectable: !hasSetBlockStatus?.context,
-                      canNotAddContext: true,
-                    }}
-                    historyBlock={{
-                      show: justVar ? false : isShowHistory,
-                      selectable: !hasSetBlockStatus?.history,
-                      history: {
-                        user: 'Human',
-                        assistant: 'Assistant',
-                      },
-                    }}
-                    queryBlock={{
-                      show: false, // use [sys.query] instead of query block
-                      selectable: false,
-                    }}
-                    workflowVariableBlock={{
-                      show: true,
-                      variables: nodesOutputVars || [],
-                      getVarType: getVarType as any,
-                      workflowNodesMap: availableNodes.reduce((acc, node) => {
-                        acc[node.id] = {
-                          title: node.data.title,
-                          type: node.data.type,
-                          width: node.width,
-                          height: node.height,
-                          position: node.position,
-                        }
-                        if (node.data.type === BlockEnum.Start) {
-                          acc.sys = {
-                            title: t('workflow.blocks.start'),
-                            type: BlockEnum.Start,
+                  <div className={cn(isExpand ? 'grow' : 'max-h-[536px]', 'relative min-h-[56px] overflow-y-auto  px-3', editorContainerClassName)}>
+                    <PromptEditor
+                      key={controlPromptEditorRerenderKey}
+                      placeholder={placeholder}
+                      placeholderClassName={placeholderClassName}
+                      instanceId={instanceId}
+                      compact
+                      className={cn('min-h-[56px]', inputClassName)}
+                      style={isExpand ? { height: editorExpandHeight - 5 } : {}}
+                      value={value}
+                      contextBlock={{
+                        show: justVar ? false : isShowContext,
+                        selectable: !hasSetBlockStatus?.context,
+                        canNotAddContext: true,
+                      }}
+                      historyBlock={{
+                        show: justVar ? false : isShowHistory,
+                        selectable: !hasSetBlockStatus?.history,
+                        history: {
+                          user: 'Human',
+                          assistant: 'Assistant',
+                        },
+                      }}
+                      queryBlock={{
+                        show: false, // use [sys.query] instead of query block
+                        selectable: false,
+                      }}
+                      workflowVariableBlock={{
+                        show: true,
+                        variables: nodesOutputVars || [],
+                        getVarType: getVarType as any,
+                        workflowNodesMap: availableNodes.reduce((acc, node) => {
+                          acc[node.id] = {
+                            title: node.data.title,
+                            type: node.data.type,
+                            width: node.width,
+                            height: node.height,
+                            position: node.position,
                           }
-                        }
-                        return acc
-                      }, {} as any),
-                      showManageInputField: !!pipelineId,
-                      onManageInputField: () => setShowInputFieldPanel?.(true),
-                    }}
-                    onChange={onChange}
-                    onBlur={setBlur}
-                    onFocus={setFocus}
-                    editable={!readOnly}
-                    isSupportFileVar={isSupportFileVar}
-                  />
-                  {/* to patch Editor not support dynamic change editable status */}
-                  {readOnly && <div className='absolute inset-0 z-10'></div>}
-                </div>
-              )
+                          if (node.data.type === BlockEnum.Start) {
+                            acc.sys = {
+                              title: t('workflow.blocks.start'),
+                              type: BlockEnum.Start,
+                            }
+                          }
+                          return acc
+                        }, {} as any),
+                        showManageInputField: !!pipelineId,
+                        onManageInputField: () => setShowInputFieldPanel?.(true),
+                      }}
+                      onChange={onChange}
+                      onBlur={setBlur}
+                      onFocus={setFocus}
+                      editable={!readOnly}
+                      isSupportFileVar={isSupportFileVar}
+                    />
+                    {/* to patch Editor not support dynamic change editable status */}
+                    {readOnly && <div className="absolute inset-0 z-10"></div>}
+                  </div>
+                )
               : (
-                <div className={cn(isExpand ? 'grow' : 'max-h-[536px]', 'relative min-h-[56px] overflow-y-auto  px-3', editorContainerClassName)}>
-                  <CodeEditor
-                    availableVars={nodesOutputVars || []}
-                    varList={varList}
-                    onAddVar={handleAddVariable}
-                    isInNode
-                    readOnly={readOnly}
-                    language={CodeLanguage.python3}
-                    value={value}
-                    onChange={onChange}
-                    noWrapper
-                    isExpand={isExpand}
-                    className={inputClassName}
-                  />
-                </div>
-              )}
+                  <div className={cn(isExpand ? 'grow' : 'max-h-[536px]', 'relative min-h-[56px] overflow-y-auto  px-3', editorContainerClassName)}>
+                    <CodeEditor
+                      availableVars={nodesOutputVars || []}
+                      varList={varList}
+                      onAddVar={handleAddVariable}
+                      isInNode
+                      readOnly={readOnly}
+                      language={CodeLanguage.python3}
+                      value={value}
+                      onChange={onChange}
+                      noWrapper
+                      isExpand={isExpand}
+                      className={inputClassName}
+                    />
+                  </div>
+                )}
           </div>
         </div>
       </div>
diff --git a/web/app/components/workflow/nodes/_base/components/readonly-input-with-select-var.tsx b/web/app/components/workflow/nodes/_base/components/readonly-input-with-select-var.tsx
index 062ce278e2..fbec61d516 100644
--- a/web/app/components/workflow/nodes/_base/components/readonly-input-with-select-var.tsx
+++ b/web/app/components/workflow/nodes/_base/components/readonly-input-with-select-var.tsx
@@ -1,13 +1,14 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
+import {
+  VariableLabelInText,
+} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
 import { cn } from '@/utils/classnames'
 import { useWorkflow } from '../../../hooks'
 import { BlockEnum } from '../../../types'
 import { getNodeInfoById, isSystemVar } from './variable/utils'
-import {
-  VariableLabelInText,
-} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+
 type Props = {
   nodeId: string
   value: string
@@ -29,29 +30,31 @@ const ReadonlyInputWithSelectVar: FC<Props> = ({
 
   const res = (() => {
     const vars: string[] = []
-    const strWithVarPlaceholder = value.replaceAll(/{{#([^#]*)#}}/g, (_match, p1) => {
+    const strWithVarPlaceholder = value.replaceAll(/\{\{#([^#]*)#\}\}/g, (_match, p1) => {
       vars.push(p1)
       return VAR_PLACEHOLDER
     })
 
     const html: React.JSX.Element[] = strWithVarPlaceholder.split(VAR_PLACEHOLDER).map((str, index) => {
       if (!vars[index])
-        return <span className='relative top-[-3px] leading-[16px]' key={index}>{str}</span>
+        return <span className="relative top-[-3px] leading-[16px]" key={index}>{str}</span>
 
       const value = vars[index].split('.')
       const isSystem = isSystemVar(value)
       const node = (isSystem ? startNode : getNodeInfoById(availableNodes, value[0]))?.data
       const isShowAPart = value.length > 2
 
-      return (<span key={index}>
-        <span className='relative top-[-3px] leading-[16px]'>{str}</span>
-        <VariableLabelInText
-          nodeTitle={node?.title}
-          nodeType={node?.type}
-          notShowFullPath={isShowAPart}
-          variables={value}
-        />
-      </span>)
+      return (
+        <span key={index}>
+          <span className="relative top-[-3px] leading-[16px]">{str}</span>
+          <VariableLabelInText
+            nodeTitle={node?.title}
+            nodeType={node?.type}
+            notShowFullPath={isShowAPart}
+            variables={value}
+          />
+        </span>
+      )
     })
     return html
   })()
diff --git a/web/app/components/workflow/nodes/_base/components/remove-button.tsx b/web/app/components/workflow/nodes/_base/components/remove-button.tsx
index 62381f8c2a..7b77f956d3 100644
--- a/web/app/components/workflow/nodes/_base/components/remove-button.tsx
+++ b/web/app/components/workflow/nodes/_base/components/remove-button.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { RiDeleteBinLine } from '@remixicon/react'
+import React from 'react'
 import ActionButton from '@/app/components/base/action-button'
 
 type Props = {
@@ -13,8 +13,8 @@ const Remove: FC<Props> = ({
   onClick,
 }) => {
   return (
-    <ActionButton size='l' className='group shrink-0 hover:!bg-state-destructive-hover' onClick={onClick}>
-      <RiDeleteBinLine className='h-4 w-4 text-text-tertiary group-hover:text-text-destructive' />
+    <ActionButton size="l" className="group shrink-0 hover:!bg-state-destructive-hover" onClick={onClick}>
+      <RiDeleteBinLine className="h-4 w-4 text-text-tertiary group-hover:text-text-destructive" />
     </ActionButton>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/retry/hooks.ts b/web/app/components/workflow/nodes/_base/components/retry/hooks.ts
index f8285358a0..9f3e68c9e9 100644
--- a/web/app/components/workflow/nodes/_base/components/retry/hooks.ts
+++ b/web/app/components/workflow/nodes/_base/components/retry/hooks.ts
@@ -1,12 +1,12 @@
+import type { WorkflowRetryConfig } from './types'
+import type { NodeTracing } from '@/types/workflow'
 import {
   useCallback,
   useState,
 } from 'react'
-import type { WorkflowRetryConfig } from './types'
 import {
   useNodeDataUpdate,
 } from '@/app/components/workflow/hooks'
-import type { NodeTracing } from '@/types/workflow'
 
 export const useRetryConfig = (
   id: string,
diff --git a/web/app/components/workflow/nodes/_base/components/retry/retry-on-node.tsx b/web/app/components/workflow/nodes/_base/components/retry/retry-on-node.tsx
index a7594a9567..6e9c5f962b 100644
--- a/web/app/components/workflow/nodes/_base/components/retry/retry-on-node.tsx
+++ b/web/app/components/workflow/nodes/_base/components/retry/retry-on-node.tsx
@@ -1,11 +1,11 @@
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Node } from '@/app/components/workflow/types'
 import {
   RiAlertFill,
   RiCheckboxCircleFill,
   RiLoader2Line,
 } from '@remixicon/react'
-import type { Node } from '@/app/components/workflow/types'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
 
@@ -38,14 +38,15 @@ const RetryOnNode = ({
     return null
 
   return (
-    <div className='mb-1 px-3'>
+    <div className="mb-1 px-3">
       <div className={cn(
         'system-xs-medium-uppercase flex items-center justify-between rounded-md border-[0.5px] border-transparent bg-workflow-block-parma-bg px-[5px] py-1 text-text-tertiary',
         isRunning && 'border-state-accent-active bg-state-accent-hover text-text-accent',
         isSuccessful && 'border-state-success-active bg-state-success-hover text-text-success',
         (isException || isFailed) && 'border-state-warning-active bg-state-warning-hover text-text-warning',
-      )}>
-        <div className='flex items-center'>
+      )}
+      >
+        <div className="flex items-center">
           {
             showDefault && (
               t('workflow.nodes.common.retry.retryTimes', { times: retry_config.max_retries })
@@ -54,7 +55,7 @@ const RetryOnNode = ({
           {
             isRunning && (
               <>
-                <RiLoader2Line className='mr-1 h-3.5 w-3.5 animate-spin' />
+                <RiLoader2Line className="mr-1 h-3.5 w-3.5 animate-spin" />
                 {t('workflow.nodes.common.retry.retrying')}
               </>
             )
@@ -62,7 +63,7 @@ const RetryOnNode = ({
           {
             isSuccessful && (
               <>
-                <RiCheckboxCircleFill className='mr-1 h-3.5 w-3.5' />
+                <RiCheckboxCircleFill className="mr-1 h-3.5 w-3.5" />
                 {t('workflow.nodes.common.retry.retrySuccessful')}
               </>
             )
@@ -70,7 +71,7 @@ const RetryOnNode = ({
           {
             (isFailed || isException) && (
               <>
-                <RiAlertFill className='mr-1 h-3.5 w-3.5' />
+                <RiAlertFill className="mr-1 h-3.5 w-3.5" />
                 {t('workflow.nodes.common.retry.retryFailed')}
               </>
             )
@@ -79,7 +80,9 @@ const RetryOnNode = ({
         {
           !showDefault && !!data._retryIndex && (
             <div>
-              {data._retryIndex}/{data.retry_config?.max_retries}
+              {data._retryIndex}
+              /
+              {data.retry_config?.max_retries}
             </div>
           )
         }
diff --git a/web/app/components/workflow/nodes/_base/components/retry/retry-on-panel.tsx b/web/app/components/workflow/nodes/_base/components/retry/retry-on-panel.tsx
index d074d0c60c..bf35e28ae2 100644
--- a/web/app/components/workflow/nodes/_base/components/retry/retry-on-panel.tsx
+++ b/web/app/components/workflow/nodes/_base/components/retry/retry-on-panel.tsx
@@ -1,13 +1,13 @@
-import { useTranslation } from 'react-i18next'
-import { useRetryConfig } from './hooks'
-import s from './style.module.css'
-import Switch from '@/app/components/base/switch'
-import Slider from '@/app/components/base/slider'
-import Input from '@/app/components/base/input'
 import type {
   Node,
 } from '@/app/components/workflow/types'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import Slider from '@/app/components/base/slider'
+import Switch from '@/app/components/base/switch'
 import Split from '@/app/components/workflow/nodes/_base/components/split'
+import { useRetryConfig } from './hooks'
+import s from './style.module.css'
 
 type RetryOnPanelProps = Pick<Node, 'id' | 'data'>
 const RetryOnPanel = ({
@@ -52,10 +52,10 @@ const RetryOnPanel = ({
 
   return (
     <>
-      <div className='pt-2'>
-        <div className='flex h-10 items-center justify-between px-4 py-2'>
-          <div className='flex items-center'>
-            <div className='system-sm-semibold-uppercase mr-0.5 text-text-secondary'>{t('workflow.nodes.common.retry.retryOnFailure')}</div>
+      <div className="pt-2">
+        <div className="flex h-10 items-center justify-between px-4 py-2">
+          <div className="flex items-center">
+            <div className="system-sm-semibold-uppercase mr-0.5 text-text-secondary">{t('workflow.nodes.common.retry.retryOnFailure')}</div>
           </div>
           <Switch
             defaultValue={retry_config?.retry_enabled}
@@ -64,45 +64,43 @@ const RetryOnPanel = ({
         </div>
         {
           retry_config?.retry_enabled && (
-            <div className='px-4 pb-2'>
-              <div className='mb-1 flex w-full items-center'>
-                <div className='system-xs-medium-uppercase mr-2 grow text-text-secondary'>{t('workflow.nodes.common.retry.maxRetries')}</div>
+            <div className="px-4 pb-2">
+              <div className="mb-1 flex w-full items-center">
+                <div className="system-xs-medium-uppercase mr-2 grow text-text-secondary">{t('workflow.nodes.common.retry.maxRetries')}</div>
                 <Slider
-                  className='mr-3 w-[108px]'
+                  className="mr-3 w-[108px]"
                   value={retry_config?.max_retries || 3}
                   onChange={handleMaxRetriesChange}
                   min={1}
                   max={10}
                 />
                 <Input
-                  type='number'
-                  wrapperClassName='w-[100px]'
+                  type="number"
+                  wrapperClassName="w-[100px]"
                   value={retry_config?.max_retries || 3}
                   onChange={e =>
-                    handleMaxRetriesChange(Number.parseInt(e.currentTarget.value, 10) || 3)
-                  }
+                    handleMaxRetriesChange(Number.parseInt(e.currentTarget.value, 10) || 3)}
                   min={1}
                   max={10}
                   unit={t('workflow.nodes.common.retry.times') || ''}
                   className={s.input}
                 />
               </div>
-              <div className='flex items-center'>
-                <div className='system-xs-medium-uppercase mr-2 grow text-text-secondary'>{t('workflow.nodes.common.retry.retryInterval')}</div>
+              <div className="flex items-center">
+                <div className="system-xs-medium-uppercase mr-2 grow text-text-secondary">{t('workflow.nodes.common.retry.retryInterval')}</div>
                 <Slider
-                  className='mr-3 w-[108px]'
+                  className="mr-3 w-[108px]"
                   value={retry_config?.retry_interval || 1000}
                   onChange={handleRetryIntervalChange}
                   min={100}
                   max={5000}
                 />
                 <Input
-                  type='number'
-                  wrapperClassName='w-[100px]'
+                  type="number"
+                  wrapperClassName="w-[100px]"
                   value={retry_config?.retry_interval || 1000}
                   onChange={e =>
-                    handleRetryIntervalChange(Number.parseInt(e.currentTarget.value, 10) || 1000)
-                  }
+                    handleRetryIntervalChange(Number.parseInt(e.currentTarget.value, 10) || 1000)}
                   min={100}
                   max={5000}
                   unit={t('workflow.nodes.common.retry.ms') || ''}
@@ -113,7 +111,7 @@ const RetryOnPanel = ({
           )
         }
       </div>
-      <Split className='mx-4 mt-2' />
+      <Split className="mx-4 mt-2" />
     </>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/selector.tsx b/web/app/components/workflow/nodes/_base/components/selector.tsx
index 7b02303b29..58b1ecfa31 100644
--- a/web/app/components/workflow/nodes/_base/components/selector.tsx
+++ b/web/app/components/workflow/nodes/_base/components/selector.tsx
@@ -1,10 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { useBoolean, useClickAway } from 'ahooks'
-import { cn } from '@/utils/classnames'
+import React from 'react'
 import { ChevronSelectorVertical } from '@/app/components/base/icons/src/vender/line/arrows'
 import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import { cn } from '@/utils/classnames'
+
 type Item = {
   value: string
   label: string
@@ -55,21 +56,22 @@ const TypeSelector: FC<Props> = ({
     <div className={cn(!trigger && !noLeft && 'left-[-8px]', 'relative select-none', className)} ref={ref}>
       {trigger
         ? (
-          <div
-            onClick={toggleShow}
-            className={cn(!readonly && 'cursor-pointer')}
-          >
-            {trigger}
-          </div>
-        )
+            <div
+              onClick={toggleShow}
+              className={cn(!readonly && 'cursor-pointer')}
+            >
+              {trigger}
+            </div>
+          )
         : (
-          <div
-            onClick={toggleShow}
-            className={cn(showOption && 'bg-state-base-hover', 'flex h-5 cursor-pointer items-center rounded-md pl-1 pr-0.5 text-xs font-semibold text-text-secondary hover:bg-state-base-hover')}>
-            <div className={cn('text-sm font-semibold', uppercase && 'uppercase', noValue && 'text-text-tertiary', triggerClassName)}>{!noValue ? item?.label : placeholder}</div>
-            {!readonly && <DropDownIcon className='h-3 w-3 ' />}
-          </div>
-        )}
+            <div
+              onClick={toggleShow}
+              className={cn(showOption && 'bg-state-base-hover', 'flex h-5 cursor-pointer items-center rounded-md pl-1 pr-0.5 text-xs font-semibold text-text-secondary hover:bg-state-base-hover')}
+            >
+              <div className={cn('text-sm font-semibold', uppercase && 'uppercase', noValue && 'text-text-tertiary', triggerClassName)}>{!noValue ? item?.label : placeholder}</div>
+              {!readonly && <DropDownIcon className="h-3 w-3 " />}
+            </div>
+          )}
 
       {(showOption && !readonly) && (
         <div className={cn('absolute top-[24px] z-10 w-[120px]  select-none rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg', popupClassName)}>
@@ -83,13 +85,11 @@ const TypeSelector: FC<Props> = ({
               className={cn(itemClassName, uppercase && 'uppercase', 'flex h-[30px] min-w-[44px] cursor-pointer items-center justify-between rounded-lg px-3 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover')}
             >
               <div>{item.label}</div>
-              {showChecked && item.value === value && <Check className='h-4 w-4 text-text-primary' />}
+              {showChecked && item.value === value && <Check className="h-4 w-4 text-text-primary" />}
             </div>
-          ))
-          }
+          ))}
         </div>
-      )
-      }
+      )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/setting-item.tsx b/web/app/components/workflow/nodes/_base/components/setting-item.tsx
index 5dbb962624..c629dba46b 100644
--- a/web/app/components/workflow/nodes/_base/components/setting-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/setting-item.tsx
@@ -1,7 +1,8 @@
+import type { ComponentProps, PropsWithChildren, ReactNode } from 'react'
+import { memo } from 'react'
 import Tooltip from '@/app/components/base/tooltip'
 import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
-import { type ComponentProps, type PropsWithChildren, type ReactNode, memo } from 'react'
 
 export type SettingItemProps = PropsWithChildren<{
   label: string
@@ -12,17 +13,19 @@ export type SettingItemProps = PropsWithChildren<{
 export const SettingItem = memo(({ label, children, status, tooltip }: SettingItemProps) => {
   const indicator: ComponentProps<typeof Indicator>['color'] = status === 'error' ? 'red' : status === 'warning' ? 'yellow' : undefined
   const needTooltip = ['error', 'warning'].includes(status as any)
-  return <div className='relative flex items-center justify-between space-x-1 rounded-md bg-workflow-block-parma-bg px-1.5 py-1 text-xs font-normal'>
-    <div className={cn('system-xs-medium-uppercase max-w-full shrink-0 truncate text-text-tertiary', !!children && 'max-w-[100px]')}>
-      {label}
-    </div>
-    <Tooltip popupContent={tooltip} disabled={!needTooltip}>
-      <div className='system-xs-medium truncate text-right text-text-secondary'>
-        {children}
+  return (
+    <div className="relative flex items-center justify-between space-x-1 rounded-md bg-workflow-block-parma-bg px-1.5 py-1 text-xs font-normal">
+      <div className={cn('system-xs-medium-uppercase max-w-full shrink-0 truncate text-text-tertiary', !!children && 'max-w-[100px]')}>
+        {label}
       </div>
-    </Tooltip>
-    {indicator && <Indicator color={indicator} className='absolute -right-0.5 -top-0.5' />}
-  </div>
+      <Tooltip popupContent={tooltip} disabled={!needTooltip}>
+        <div className="system-xs-medium truncate text-right text-text-secondary">
+          {children}
+        </div>
+      </Tooltip>
+      {indicator && <Indicator color={indicator} className="absolute -right-0.5 -top-0.5" />}
+    </div>
+  )
 })
 
 SettingItem.displayName = 'SettingItem'
diff --git a/web/app/components/workflow/nodes/_base/components/support-var-input/index.tsx b/web/app/components/workflow/nodes/_base/components/support-var-input/index.tsx
index 816bac812f..d3753bb5ff 100644
--- a/web/app/components/workflow/nodes/_base/components/support-var-input/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/support-var-input/index.tsx
@@ -1,8 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import VarHighlight from '@/app/components/app/configuration/base/var-highlight'
+import { cn } from '@/utils/classnames'
+
 type Props = {
   isFocus?: boolean
   onFocus?: () => void
@@ -46,20 +47,21 @@ const SupportVarInput: FC<Props> = ({
     <div
       className={
         cn(wrapClassName, 'flex h-full w-full')
-      } onClick={onFocus}
+      }
+      onClick={onFocus}
     >
       {(isFocus && !readonly && children)
         ? (
-          children
-        )
+            children
+          )
         : (
-          <div
-            className={cn(textClassName, 'h-full w-0 grow truncate whitespace-nowrap')}
-            title={value}
-          >
-            {renderSafeContent(value || '')}
-          </div>
-        )}
+            <div
+              className={cn(textClassName, 'h-full w-0 grow truncate whitespace-nowrap')}
+              title={value}
+            >
+              {renderSafeContent(value || '')}
+            </div>
+          )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx b/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx
index c9d698337d..28e0603707 100644
--- a/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx
+++ b/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx
@@ -1,20 +1,20 @@
 'use client'
 
-import Badge from '@/app/components/base/badge'
-import Tooltip from '@/app/components/base/tooltip'
-import PluginVersionPicker from '@/app/components/plugins/update-plugin/plugin-version-picker'
+import type { FC, ReactNode } from 'react'
 import { RiArrowLeftRightLine, RiExternalLinkLine } from '@remixicon/react'
-import type { ReactNode } from 'react'
-import { type FC, useCallback, useState } from 'react'
 import { useBoolean } from 'ahooks'
-import { useCheckInstalled, useUpdatePackageFromMarketPlace } from '@/service/use-plugins'
-import { cn } from '@/utils/classnames'
-import PluginMutationModel from '@/app/components/plugins/plugin-mutation-model'
+import Link from 'next/link'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Badge from '@/app/components/base/badge'
+import { Badge as Badge2, BadgeState } from '@/app/components/base/badge/index'
+import Tooltip from '@/app/components/base/tooltip'
 import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
 import { pluginManifestToCardPluginProps } from '@/app/components/plugins/install-plugin/utils'
-import { Badge as Badge2, BadgeState } from '@/app/components/base/badge/index'
-import Link from 'next/link'
-import { useTranslation } from 'react-i18next'
+import PluginMutationModel from '@/app/components/plugins/plugin-mutation-model'
+import PluginVersionPicker from '@/app/components/plugins/update-plugin/plugin-version-picker'
+import { useCheckInstalled, useUpdatePackageFromMarketPlace } from '@/service/use-plugins'
+import { cn } from '@/utils/classnames'
 import { getMarketplaceUrl } from '@/utils/var'
 
 export type SwitchPluginVersionProps = {
@@ -31,8 +31,8 @@ export const SwitchPluginVersion: FC<SwitchPluginVersionProps> = (props) => {
   const [isShow, setIsShow] = useState(false)
   const [isShowUpdateModal, { setTrue: showUpdateModal, setFalse: hideUpdateModal }] = useBoolean(false)
   const [target, setTarget] = useState<{
-    version: string,
-    pluginUniqueIden: string;
+    version: string
+    pluginUniqueIden: string
   }>()
   const pluginDetails = useCheckInstalled({
     pluginIds: [pluginId],
@@ -58,7 +58,8 @@ export const SwitchPluginVersion: FC<SwitchPluginVersionProps> = (props) => {
         onSuccess() {
           handleUpdatedFromMarketplace()
         },
-      })
+      },
+    )
   }
   const { t } = useTranslation()
 
@@ -66,67 +67,75 @@ export const SwitchPluginVersion: FC<SwitchPluginVersionProps> = (props) => {
   if (!uniqueIdentifier || !pluginId)
     return null
 
-  return <Tooltip popupContent={!isShow && !isShowUpdateModal && tooltip} triggerMethod='hover'>
-    <div className={cn('flex w-fit items-center justify-center', className)} onClick={e => e.stopPropagation()}>
-      {isShowUpdateModal && pluginDetail && <PluginMutationModel
-        onCancel={hideUpdateModal}
-        plugin={pluginManifestToCardPluginProps({
-          ...pluginDetail.declaration,
-          icon: icon!,
-        })}
-        mutation={mutation}
-        mutate={install}
-        confirmButtonText={t('workflow.nodes.agent.installPlugin.install')}
-        cancelButtonText={t('workflow.nodes.agent.installPlugin.cancel')}
-        modelTitle={t('workflow.nodes.agent.installPlugin.title')}
-        description={t('workflow.nodes.agent.installPlugin.desc')}
-        cardTitleLeft={<>
-          <Badge2 className='mx-1' size="s" state={BadgeState.Warning}>
-            {`${pluginDetail.version} -> ${target!.version}`}
-          </Badge2>
-        </>}
-        modalBottomLeft={
-          <Link
-            className='flex items-center justify-center gap-1'
-            href={getMarketplaceUrl(`/plugins/${pluginDetail.declaration.author}/${pluginDetail.declaration.name}`)}
-            target='_blank'
-          >
-            <span className='system-xs-regular text-xs text-text-accent'>
-              {t('workflow.nodes.agent.installPlugin.changelog')}
-            </span>
-            <RiExternalLinkLine className='size-3 text-text-accent' />
-          </Link>
-        }
-      />}
-      {pluginDetail && <PluginVersionPicker
-        isShow={isShow}
-        onShowChange={setIsShow}
-        pluginID={pluginId}
-        currentVersion={pluginDetail.version}
-        onSelect={(state) => {
-          setTarget({
-            pluginUniqueIden: state.unique_identifier,
-            version: state.version,
-          })
-          showUpdateModal()
-        }}
-        trigger={
-          <Badge
-            className={cn(
-              'mx-1 flex hover:bg-state-base-hover',
-              isShow && 'bg-state-base-hover',
-            )}
-            uppercase={true}
-            text={
+  return (
+    <Tooltip popupContent={!isShow && !isShowUpdateModal && tooltip} triggerMethod="hover">
+      <div className={cn('flex w-fit items-center justify-center', className)} onClick={e => e.stopPropagation()}>
+        {isShowUpdateModal && pluginDetail && (
+          <PluginMutationModel
+            onCancel={hideUpdateModal}
+            plugin={pluginManifestToCardPluginProps({
+              ...pluginDetail.declaration,
+              icon: icon!,
+            })}
+            mutation={mutation}
+            mutate={install}
+            confirmButtonText={t('workflow.nodes.agent.installPlugin.install')}
+            cancelButtonText={t('workflow.nodes.agent.installPlugin.cancel')}
+            modelTitle={t('workflow.nodes.agent.installPlugin.title')}
+            description={t('workflow.nodes.agent.installPlugin.desc')}
+            cardTitleLeft={(
               <>
-                <div>{pluginDetail.version}</div>
-                <RiArrowLeftRightLine className='ml-1 h-3 w-3 text-text-tertiary' />
+                <Badge2 className="mx-1" size="s" state={BadgeState.Warning}>
+                  {`${pluginDetail.version} -> ${target!.version}`}
+                </Badge2>
               </>
-            }
-            hasRedCornerMark={true}
+            )}
+            modalBottomLeft={(
+              <Link
+                className="flex items-center justify-center gap-1"
+                href={getMarketplaceUrl(`/plugins/${pluginDetail.declaration.author}/${pluginDetail.declaration.name}`)}
+                target="_blank"
+              >
+                <span className="system-xs-regular text-xs text-text-accent">
+                  {t('workflow.nodes.agent.installPlugin.changelog')}
+                </span>
+                <RiExternalLinkLine className="size-3 text-text-accent" />
+              </Link>
+            )}
           />
-        }
-      />}
-    </div>
-  </Tooltip>
+        )}
+        {pluginDetail && (
+          <PluginVersionPicker
+            isShow={isShow}
+            onShowChange={setIsShow}
+            pluginID={pluginId}
+            currentVersion={pluginDetail.version}
+            onSelect={(state) => {
+              setTarget({
+                pluginUniqueIden: state.unique_identifier,
+                version: state.version,
+              })
+              showUpdateModal()
+            }}
+            trigger={(
+              <Badge
+                className={cn(
+                  'mx-1 flex hover:bg-state-base-hover',
+                  isShow && 'bg-state-base-hover',
+                )}
+                uppercase={true}
+                text={(
+                  <>
+                    <div>{pluginDetail.version}</div>
+                    <RiArrowLeftRightLine className="ml-1 h-3 w-3 text-text-tertiary" />
+                  </>
+                )}
+                hasRedCornerMark={true}
+              />
+            )}
+          />
+        )}
+      </div>
+    </Tooltip>
+  )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/title-description-input.tsx b/web/app/components/workflow/nodes/_base/components/title-description-input.tsx
index 062190aee9..082aafade8 100644
--- a/web/app/components/workflow/nodes/_base/components/title-description-input.tsx
+++ b/web/app/components/workflow/nodes/_base/components/title-description-input.tsx
@@ -3,8 +3,8 @@ import {
   useCallback,
   useState,
 } from 'react'
-import Textarea from 'react-textarea-autosize'
 import { useTranslation } from 'react-i18next'
+import Textarea from 'react-textarea-autosize'
 
 type TitleInputProps = {
   value: string
diff --git a/web/app/components/workflow/nodes/_base/components/toggle-expand-btn.tsx b/web/app/components/workflow/nodes/_base/components/toggle-expand-btn.tsx
index f597b24b9f..116825ae95 100644
--- a/web/app/components/workflow/nodes/_base/components/toggle-expand-btn.tsx
+++ b/web/app/components/workflow/nodes/_base/components/toggle-expand-btn.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import {
   RiCollapseDiagonalLine,
   RiExpandDiagonalLine,
 } from '@remixicon/react'
+import React, { useCallback } from 'react'
 import ActionButton from '@/app/components/base/action-button'
 
 type Props = {
@@ -23,7 +23,7 @@ const ExpandBtn: FC<Props> = ({
   const Icon = isExpand ? RiCollapseDiagonalLine : RiExpandDiagonalLine
   return (
     <ActionButton onClick={handleToggle}>
-      <Icon className='h-4 w-4' />
+      <Icon className="h-4 w-4" />
     </ActionButton>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/variable-tag.tsx b/web/app/components/workflow/nodes/_base/components/variable-tag.tsx
index 71af3ad4fd..c6a7d5c6d5 100644
--- a/web/app/components/workflow/nodes/_base/components/variable-tag.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable-tag.tsx
@@ -1,18 +1,18 @@
-import { useCallback, useMemo } from 'react'
-import { useNodes, useReactFlow, useStoreApi } from 'reactflow'
-import { useTranslation } from 'react-i18next'
 import type {
   CommonNodeType,
   Node,
   ValueSelector,
   VarType,
 } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes, useReactFlow, useStoreApi } from 'reactflow'
 import { getNodeInfoById, isConversationVar, isENV, isGlobalVar, isRagVariableVar, isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import { isExceptionVariable } from '@/app/components/workflow/utils'
 import {
   VariableLabelInSelect,
 } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { isExceptionVariable } from '@/app/components/workflow/utils'
 
 type VariableTagProps = {
   valueSelector: ValueSelector
diff --git a/web/app/components/workflow/nodes/_base/components/variable/assigned-var-reference-popup.tsx b/web/app/components/workflow/nodes/_base/components/variable/assigned-var-reference-popup.tsx
index 0e086fabcd..7907c83fc3 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/assigned-var-reference-popup.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/assigned-var-reference-popup.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
+import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import VarReferenceVars from './var-reference-vars'
-import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import ListEmpty from '@/app/components/base/list-empty'
+import VarReferenceVars from './var-reference-vars'
 
 type Props = {
   vars: NodeOutPutVar[]
@@ -19,21 +19,24 @@ const AssignedVarReferencePopup: FC<Props> = ({
   const { t } = useTranslation()
   // max-h-[300px] overflow-y-auto todo: use portal to handle long list
   return (
-    <div className='bg-components-panel-bg-bur w-[352px] rounded-lg border-[0.5px] border-components-panel-border p-1 shadow-lg' >
+    <div className="bg-components-panel-bg-bur w-[352px] rounded-lg border-[0.5px] border-components-panel-border p-1 shadow-lg">
       {(!vars || vars.length === 0)
-        ? <ListEmpty
-          title={t('workflow.nodes.assigner.noAssignedVars') || ''}
-          description={t('workflow.nodes.assigner.assignedVarsDescription')}
-        />
-        : <VarReferenceVars
-          searchBoxClassName='mt-1'
-          vars={vars}
-          onChange={onChange}
-          itemWidth={itemWidth}
-          isSupportFileVar
-        />
-      }
-    </div >
+        ? (
+            <ListEmpty
+              title={t('workflow.nodes.assigner.noAssignedVars') || ''}
+              description={t('workflow.nodes.assigner.assignedVarsDescription')}
+            />
+          )
+        : (
+            <VarReferenceVars
+              searchBoxClassName="mt-1"
+              vars={vars}
+              onChange={onChange}
+              itemWidth={itemWidth}
+              isSupportFileVar
+            />
+          )}
+    </div>
   )
 }
 export default React.memo(AssignedVarReferencePopup)
diff --git a/web/app/components/workflow/nodes/_base/components/variable/constant-field.tsx b/web/app/components/workflow/nodes/_base/components/variable/constant-field.tsx
index 0d965e2d22..310e82ff12 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/constant-field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/constant-field.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import type { CredentialFormSchema, CredentialFormSchemaNumberInput, CredentialFormSchemaSelect } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Var } from '@/app/components/workflow/types'
+import React, { useCallback } from 'react'
+import { SimpleSelect } from '@/app/components/base/select'
 import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
-import type { Var } from '@/app/components/workflow/types'
-import { SimpleSelect } from '@/app/components/base/select'
 
 type Props = {
   schema: Partial<CredentialFormSchema>
@@ -42,8 +42,8 @@ const ConstantField: FC<Props> = ({
     <>
       {(schema.type === FormTypeEnum.select || schema.type === FormTypeEnum.dynamicSelect) && (
         <SimpleSelect
-          wrapperClassName='w-full !h-8'
-          className='flex items-center'
+          wrapperClassName="w-full !h-8"
+          className="flex items-center"
           disabled={readonly}
           defaultValue={value}
           items={(schema as CredentialFormSchemaSelect).options.map(option => ({ value: option.value, name: option.label[language] || option.label.en_US }))}
@@ -55,8 +55,8 @@ const ConstantField: FC<Props> = ({
       )}
       {schema.type === FormTypeEnum.textNumber && (
         <input
-          type='number'
-          className='h-8 w-full overflow-hidden rounded-lg bg-workflow-block-parma-bg p-2 text-[13px] font-normal leading-8 text-text-secondary placeholder:text-gray-400 focus:outline-none'
+          type="number"
+          className="h-8 w-full overflow-hidden rounded-lg bg-workflow-block-parma-bg p-2 text-[13px] font-normal leading-8 text-text-secondary placeholder:text-gray-400 focus:outline-none"
           value={value}
           onChange={handleStaticChange}
           readOnly={readonly}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/manage-input-field.tsx b/web/app/components/workflow/nodes/_base/components/variable/manage-input-field.tsx
index a0588959ea..87ca719e88 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/manage-input-field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/manage-input-field.tsx
@@ -1,5 +1,5 @@
-import { useTranslation } from 'react-i18next'
 import { RiAddLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 
 type ManageInputFieldProps = {
   onManage: () => void
@@ -11,22 +11,22 @@ const ManageInputField = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center border-t border-divider-subtle pt-1'>
+    <div className="flex items-center border-t border-divider-subtle pt-1">
       <div
-        className='flex h-8 grow cursor-pointer items-center px-3'
+        className="flex h-8 grow cursor-pointer items-center px-3"
         onClick={onManage}
       >
-        <RiAddLine className='mr-1 h-4 w-4 text-text-tertiary' />
+        <RiAddLine className="mr-1 h-4 w-4 text-text-tertiary" />
         <div
-          className='system-xs-medium truncate text-text-tertiary'
-          title='Create user input field'
+          className="system-xs-medium truncate text-text-tertiary"
+          title="Create user input field"
         >
           {t('pipeline.inputField.create')}
         </div>
       </div>
-      <div className='mx-1 h-3 w-[1px] shrink-0 bg-divider-regular'></div>
+      <div className="mx-1 h-3 w-[1px] shrink-0 bg-divider-regular"></div>
       <div
-        className='system-xs-medium flex h-8 shrink-0 cursor-pointer items-center justify-center px-3 text-text-tertiary'
+        className="system-xs-medium flex h-8 shrink-0 cursor-pointer items-center justify-center px-3 text-text-tertiary"
         onClick={onManage}
       >
         {t('pipeline.inputField.manage')}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/match-schema-type.ts b/web/app/components/workflow/nodes/_base/components/variable/match-schema-type.ts
index 9ca4981065..79b95942e0 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/match-schema-type.ts
+++ b/web/app/components/workflow/nodes/_base/components/variable/match-schema-type.ts
@@ -7,7 +7,7 @@ function matchTheSchemaType(scheme: AnyObj, target: AnyObj): boolean {
   const isMatch = (schema: AnyObj, t: AnyObj): boolean => {
     const oSchema = isObj(schema)
     const oT = isObj(t)
-    if(!oSchema)
+    if (!oSchema)
       return true
     if (!oT) { // ignore the object without type
       // deep find oSchema has type
@@ -24,14 +24,18 @@ function matchTheSchemaType(scheme: AnyObj, target: AnyObj): boolean {
     const ty = (t as any).type
     const isTypeValueObj = isObj(tx)
 
-    if(!isTypeValueObj) // caution: type can be object, so that it would not be compare by value
-      if (tx !== ty) return false
+    if (!isTypeValueObj) { // caution: type can be object, so that it would not be compare by value
+      if (tx !== ty)
+        return false
+    }
 
     // recurse into all keys
     const keys = new Set([...Object.keys(schema as object), ...Object.keys(t as object)])
     for (const k of keys) {
-      if (k === 'type' && !isTypeValueObj) continue // already checked
-      if (!isMatch((schema as any)[k], (t as any)[k])) return false
+      if (k === 'type' && !isTypeValueObj)
+        continue // already checked
+      if (!isMatch((schema as any)[k], (t as any)[k]))
+        return false
     }
     return true
   }
diff --git a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/field.tsx b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/field.tsx
index ca8317e8d7..f533c33108 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/field.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
+import type { Field as FieldType } from '../../../../../llm/types'
+import type { ValueSelector } from '@/app/components/workflow/types'
+import { RiMoreFill } from '@remixicon/react'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 import { Type } from '../../../../../llm/types'
 import { getFieldType } from '../../../../../llm/utils'
-import type { Field as FieldType } from '../../../../../llm/types'
-import { cn } from '@/utils/classnames'
 import TreeIndentLine from '../tree-indent-line'
-import { RiMoreFill } from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
-import type { ValueSelector } from '@/app/components/workflow/types'
-import { useTranslation } from 'react-i18next'
 
 const MAX_DEPTH = 10
 
 type Props = {
   valueSelector: ValueSelector
-  name: string,
-  payload: FieldType,
+  name: string
+  payload: FieldType
   depth?: number
   readonly?: boolean
   onSelect?: (valueSelector: ValueSelector) => void
@@ -43,15 +43,17 @@ const Field: FC<Props> = ({
           className={cn('flex items-center justify-between rounded-md pr-2', !readonly && 'hover:bg-state-base-hover', depth !== MAX_DEPTH + 1 && 'cursor-pointer')}
           onMouseDown={() => !readonly && onSelect?.([...valueSelector, name])}
         >
-          <div className='flex grow items-stretch'>
+          <div className="flex grow items-stretch">
             <TreeIndentLine depth={depth} />
-            {depth === MAX_DEPTH + 1 ? (
-              <RiMoreFill className='h-3 w-3 text-text-tertiary' />
-            ) : (<div className={cn('system-sm-medium h-6 w-0 grow truncate leading-6 text-text-secondary', isHighlight && 'text-text-accent')}>{name}</div>)}
+            {depth === MAX_DEPTH + 1
+              ? (
+                  <RiMoreFill className="h-3 w-3 text-text-tertiary" />
+                )
+              : (<div className={cn('system-sm-medium h-6 w-0 grow truncate leading-6 text-text-secondary', isHighlight && 'text-text-accent')}>{name}</div>)}
 
           </div>
           {depth < MAX_DEPTH + 1 && (
-            <div className='system-xs-regular ml-2 shrink-0 text-text-tertiary'>{getFieldType(payload)}</div>
+            <div className="system-xs-regular ml-2 shrink-0 text-text-tertiary">{getFieldType(payload)}</div>
           )}
         </div>
       </Tooltip>
diff --git a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/index.tsx b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/index.tsx
index 219d46df9c..baf3cfcbd2 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker/index.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React, { useRef } from 'react'
 import type { StructuredOutput } from '../../../../../llm/types'
-import Field from './field'
-import { cn } from '@/utils/classnames'
-import { useHover } from 'ahooks'
 import type { ValueSelector } from '@/app/components/workflow/types'
+import { useHover } from 'ahooks'
+import React, { useRef } from 'react'
+import { cn } from '@/utils/classnames'
+import Field from './field'
 
 type Props = {
   className?: string
@@ -42,17 +42,17 @@ export const PickerPanelMain: FC<Props> = ({
   return (
     <div className={cn(className)} ref={ref}>
       {/* Root info */}
-      <div className='flex items-center justify-between px-2 py-1'>
-        <div className='flex'>
+      <div className="flex items-center justify-between px-2 py-1">
+        <div className="flex">
           {root.nodeName && (
             <>
-              <div className='system-sm-medium max-w-[100px] truncate text-text-tertiary'>{root.nodeName}</div>
-              <div className='system-sm-medium text-text-tertiary'>.</div>
+              <div className="system-sm-medium max-w-[100px] truncate text-text-tertiary">{root.nodeName}</div>
+              <div className="system-sm-medium text-text-tertiary">.</div>
             </>
           )}
-          <div className='system-sm-medium text-text-secondary'>{root.attrName}</div>
+          <div className="system-sm-medium text-text-secondary">{root.attrName}</div>
         </div>
-        <div className='system-xs-regular ml-2 truncate text-text-tertiary' title={root.attrAlias || 'object'}>{root.attrAlias || 'object'}</div>
+        <div className="system-xs-regular ml-2 truncate text-text-tertiary" title={root.attrAlias || 'object'}>{root.attrAlias || 'object'}</div>
       </div>
       {fieldNames.map(name => (
         <Field
diff --git a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/field.tsx b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/field.tsx
index e101d91021..fc23cda205 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/field.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/field.tsx
@@ -1,20 +1,20 @@
 'use client'
-import { cn } from '@/utils/classnames'
+import type { FC } from 'react'
+import type { Field as FieldType } from '../../../../../llm/types'
 import { RiArrowDropDownLine } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { Field as FieldType } from '../../../../../llm/types'
+import { cn } from '@/utils/classnames'
 import { Type } from '../../../../../llm/types'
 import { getFieldType } from '../../../../../llm/utils'
 import TreeIndentLine from '../tree-indent-line'
 
 type Props = {
-  name: string,
-  payload: FieldType,
-  required: boolean,
-  depth?: number,
+  name: string
+  payload: FieldType
+  required: boolean
+  depth?: number
   rootClassName?: string
 }
 
@@ -36,8 +36,8 @@ const Field: FC<Props> = ({
     <div>
       <div className={cn('flex pr-2')}>
         <TreeIndentLine depth={depth} />
-        <div className='w-0 grow'>
-          <div className='relative flex select-none'>
+        <div className="w-0 grow">
+          <div className="relative flex select-none">
             {hasChildren && (
               <RiArrowDropDownLine
                 className={cn('absolute left-[-18px] top-[50%] h-4 w-4 translate-y-[-50%] cursor-pointer bg-components-panel-bg text-text-tertiary', fold && 'rotate-[270deg] text-text-accent')}
@@ -45,20 +45,20 @@ const Field: FC<Props> = ({
               />
             )}
             <div className={cn('system-sm-medium ml-[7px] h-6 truncate leading-6 text-text-secondary', isRoot && rootClassName)}>{name}</div>
-            <div className='system-xs-regular ml-3 shrink-0 leading-6 text-text-tertiary'>
+            <div className="system-xs-regular ml-3 shrink-0 leading-6 text-text-tertiary">
               {getFieldType(payload)}
               {(payload.schemaType && payload.schemaType !== 'file' && ` (${payload.schemaType})`)}
             </div>
-            {required && <div className='system-2xs-medium-uppercase ml-3 leading-6 text-text-warning'>{t('app.structOutput.required')}</div>}
+            {required && <div className="system-2xs-medium-uppercase ml-3 leading-6 text-text-warning">{t('app.structOutput.required')}</div>}
           </div>
           {payload.description && (
-            <div className='ml-[7px] flex'>
-              <div className='system-xs-regular w-0 grow truncate text-text-tertiary'>{payload.description}</div>
+            <div className="ml-[7px] flex">
+              <div className="system-xs-regular w-0 grow truncate text-text-tertiary">{payload.description}</div>
             </div>
           )}
           {hasEnum && (
-            <div className='ml-[7px] flex'>
-              <div className='system-xs-regular w-0 grow text-text-quaternary'>
+            <div className="ml-[7px] flex">
+              <div className="system-xs-regular w-0 grow text-text-quaternary">
                 {payload.enum!.map((value, index) => (
                   <span key={index}>
                     {typeof value === 'string' ? `"${value}"` : value}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/index.tsx b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/index.tsx
index 86f707af13..deaab09e6c 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show/index.tsx
@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { StructuredOutput } from '../../../../../llm/types'
-import Field from './field'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Field from './field'
 
 type Props = {
   payload: StructuredOutput
@@ -23,7 +23,7 @@ const ShowPanel: FC<Props> = ({
     },
   }
   return (
-    <div className='relative left-[-7px]'>
+    <div className="relative left-[-7px]">
       {Object.keys(schema.schema.properties!).map(name => (
         <Field
           key={name}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/tree-indent-line.tsx b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/tree-indent-line.tsx
index bbec1d7a00..9e45a4cccc 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/tree-indent-line.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/tree-indent-line.tsx
@@ -4,8 +4,8 @@ import React from 'react'
 import { cn } from '@/utils/classnames'
 
 type Props = {
-  depth?: number,
-  className?: string,
+  depth?: number
+  className?: string
 }
 
 const TreeIndentLine: FC<Props> = ({
diff --git a/web/app/components/workflow/nodes/_base/components/variable/output-var-list.tsx b/web/app/components/workflow/nodes/_base/components/variable/output-var-list.tsx
index 3c2415bf9d..7eccbe23de 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/output-var-list.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/output-var-list.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
 import type { OutputVar } from '../../../code/types'
+import type { ToastHandle } from '@/app/components/base/toast'
+import type { VarType } from '@/app/components/workflow/types'
+import { useDebounceFn } from 'ahooks'
+import { produce } from 'immer'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import Toast from '@/app/components/base/toast'
+import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
 import RemoveButton from '../remove-button'
 import VarTypePicker from './var-type-picker'
-import Input from '@/app/components/base/input'
-import type { VarType } from '@/app/components/workflow/types'
-import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
-import type { ToastHandle } from '@/app/components/base/toast'
-import Toast from '@/app/components/base/toast'
-import { useDebounceFn } from 'ahooks'
 
 type Props = {
   readonly: boolean
@@ -93,14 +93,14 @@ const OutputVarList: FC<Props> = ({
   }, [onRemove])
 
   return (
-    <div className='space-y-2'>
+    <div className="space-y-2">
       {list.map((item, index) => (
-        <div className='flex items-center space-x-1' key={index}>
+        <div className="flex items-center space-x-1" key={index}>
           <Input
             readOnly={readonly}
             value={item.variable}
             onChange={handleVarNameChange(index)}
-            wrapperClassName='grow'
+            wrapperClassName="grow"
           />
           <VarTypePicker
             readonly={readonly}
@@ -108,7 +108,7 @@ const OutputVarList: FC<Props> = ({
             onChange={handleVarTypeChange(index)}
           />
           <RemoveButton
-            className='!bg-gray-100 !p-2 hover:!bg-gray-200'
+            className="!bg-gray-100 !p-2 hover:!bg-gray-200"
             onClick={handleVarRemove(index)}
           />
         </div>
diff --git a/web/app/components/workflow/nodes/_base/components/variable/use-match-schema-type.ts b/web/app/components/workflow/nodes/_base/components/variable/use-match-schema-type.ts
index 2c0c91b7f5..67fb230eeb 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/use-match-schema-type.ts
+++ b/web/app/components/workflow/nodes/_base/components/variable/use-match-schema-type.ts
@@ -1,10 +1,11 @@
+import type { AnyObj } from './match-schema-type'
 import type { SchemaTypeDefinition } from '@/service/use-common'
 import { useSchemaTypeDefinitions } from '@/service/use-common'
-import type { AnyObj } from './match-schema-type'
 import matchTheSchemaType from './match-schema-type'
 
 export const getMatchedSchemaType = (obj: AnyObj, schemaTypeDefinitions?: SchemaTypeDefinition[]): string => {
-  if(!schemaTypeDefinitions || obj === undefined || obj === null) return ''
+  if (!schemaTypeDefinitions || obj === undefined || obj === null)
+    return ''
   const matched = schemaTypeDefinitions.find(def => matchTheSchemaType(obj, def.schema))
   return matched ? matched.name : ''
 }
diff --git a/web/app/components/workflow/nodes/_base/components/variable/utils.ts b/web/app/components/workflow/nodes/_base/components/variable/utils.ts
index eb76021c40..5a5a9b826a 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/utils.ts
+++ b/web/app/components/workflow/nodes/_base/components/variable/utils.ts
@@ -1,32 +1,26 @@
-import { produce } from 'immer'
-import { isArray, uniq } from 'lodash-es'
-import type { CodeNodeType } from '../../../code/types'
-import type { EndNodeType } from '../../../end/types'
+import type { AgentNodeType } from '../../../agent/types'
 import type { AnswerNodeType } from '../../../answer/types'
-import {
-  type LLMNodeType,
-  type StructuredOutput,
-  Type,
-} from '../../../llm/types'
-import type { KnowledgeRetrievalNodeType } from '../../../knowledge-retrieval/types'
-import type { IfElseNodeType } from '../../../if-else/types'
-import type { TemplateTransformNodeType } from '../../../template-transform/types'
-import type { QuestionClassifierNodeType } from '../../../question-classifier/types'
-import type { HttpNodeType } from '../../../http/types'
-import { VarType as ToolVarType } from '../../../tool/types'
-import type { ToolNodeType } from '../../../tool/types'
-import type { ParameterExtractorNodeType } from '../../../parameter-extractor/types'
-import type { IterationNodeType } from '../../../iteration/types'
-import type { LoopNodeType } from '../../../loop/types'
-import type { ListFilterNodeType } from '../../../list-operator/types'
-import { OUTPUT_FILE_SUB_VARIABLES } from '../../../constants'
+import type { CodeNodeType } from '../../../code/types'
 import type { DocExtractorNodeType } from '../../../document-extractor/types'
-import {
-  BlockEnum,
-  InputVarType,
-  VarType,
-} from '@/app/components/workflow/types'
+import type { EndNodeType } from '../../../end/types'
+import type { HttpNodeType } from '../../../http/types'
+import type { IfElseNodeType } from '../../../if-else/types'
+import type { IterationNodeType } from '../../../iteration/types'
+import type { KnowledgeRetrievalNodeType } from '../../../knowledge-retrieval/types'
+import type { ListFilterNodeType } from '../../../list-operator/types'
+import type { LLMNodeType, StructuredOutput } from '../../../llm/types'
+import type { LoopNodeType } from '../../../loop/types'
+import type { ParameterExtractorNodeType } from '../../../parameter-extractor/types'
+import type { QuestionClassifierNodeType } from '../../../question-classifier/types'
+import type { TemplateTransformNodeType } from '../../../template-transform/types'
+import type { ToolNodeType } from '../../../tool/types'
+import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
+import type { CaseItem, Condition } from '@/app/components/workflow/nodes/if-else/types'
+import type { Field as StructField } from '@/app/components/workflow/nodes/llm/types'
 import type { StartNodeType } from '@/app/components/workflow/nodes/start/types'
+import type { PluginTriggerNodeType } from '@/app/components/workflow/nodes/trigger-plugin/types'
+import type { WebhookTriggerNodeType } from '@/app/components/workflow/nodes/trigger-webhook/types'
+import type { VariableAssignerNodeType } from '@/app/components/workflow/nodes/variable-assigner/types'
 import type {
   ConversationVariable,
   EnvironmentVariable,
@@ -36,16 +30,15 @@ import type {
   ValueSelector,
   Var,
 } from '@/app/components/workflow/types'
-import type { VariableAssignerNodeType } from '@/app/components/workflow/nodes/variable-assigner/types'
-import type { Field as StructField } from '@/app/components/workflow/nodes/llm/types'
+import type { PromptItem } from '@/models/debug'
 import type { RAGPipelineVariable } from '@/models/pipeline'
-import type { WebhookTriggerNodeType } from '@/app/components/workflow/nodes/trigger-webhook/types'
-import type { PluginTriggerNodeType } from '@/app/components/workflow/nodes/trigger-plugin/types'
-import PluginTriggerNodeDefault from '@/app/components/workflow/nodes/trigger-plugin/default'
-import type { CaseItem, Condition } from '@/app/components/workflow/nodes/if-else/types'
+import type { SchemaTypeDefinition } from '@/service/use-common'
+import { produce } from 'immer'
+import { isArray, uniq } from 'lodash-es'
 import {
   AGENT_OUTPUT_STRUCT,
   FILE_STRUCT,
+  getGlobalVars,
   HTTP_REQUEST_OUTPUT_STRUCT,
   KNOWLEDGE_RETRIEVAL_OUTPUT_STRUCT,
   LLM_OUTPUT_STRUCT,
@@ -54,23 +47,31 @@ import {
   SUPPORT_OUTPUT_VARS_NODE,
   TEMPLATE_TRANSFORM_OUTPUT_STRUCT,
   TOOL_OUTPUT_STRUCT,
-  getGlobalVars,
 } from '@/app/components/workflow/constants'
-import ToolNodeDefault from '@/app/components/workflow/nodes/tool/default'
 import DataSourceNodeDefault from '@/app/components/workflow/nodes/data-source/default'
-import type { DataSourceNodeType } from '@/app/components/workflow/nodes/data-source/types'
-import type { PromptItem } from '@/models/debug'
+import ToolNodeDefault from '@/app/components/workflow/nodes/tool/default'
+import PluginTriggerNodeDefault from '@/app/components/workflow/nodes/trigger-plugin/default'
+import {
+  BlockEnum,
+  InputVarType,
+  VarType,
+} from '@/app/components/workflow/types'
 import { VAR_REGEX } from '@/config'
-import type { AgentNodeType } from '../../../agent/types'
-import type { SchemaTypeDefinition } from '@/service/use-common'
 import { AppModeEnum } from '@/types/app'
+import { OUTPUT_FILE_SUB_VARIABLES } from '../../../constants'
+import {
+
+  Type,
+} from '../../../llm/types'
+import { VarType as ToolVarType } from '../../../tool/types'
 
 export const isSystemVar = (valueSelector: ValueSelector) => {
   return valueSelector[0] === 'sys' || valueSelector[1] === 'sys'
 }
 
 export const isGlobalVar = (valueSelector: ValueSelector) => {
-  if (!isSystemVar(valueSelector)) return false
+  if (!isSystemVar(valueSelector))
+    return false
   const second = valueSelector[1]
 
   if (['query', 'files'].includes(second))
@@ -87,7 +88,8 @@ export const isConversationVar = (valueSelector: ValueSelector) => {
 }
 
 export const isRagVariableVar = (valueSelector: ValueSelector) => {
-  if (!valueSelector) return false
+  if (!valueSelector)
+    return false
   return valueSelector[0] === 'rag'
 }
 
@@ -247,8 +249,7 @@ const findExceptVarInObject = (
   isFile?: boolean,
 ): Var => {
   const { children } = obj
-  const isStructuredOutput = !!(children as StructuredOutput)?.schema
-    ?.properties
+  const isStructuredOutput = !!(children as StructuredOutput)?.schema?.properties
 
   let childrenResult: Var[] | StructuredOutput | undefined
 
@@ -281,9 +282,12 @@ const findExceptVarInObject = (
         if (
           (item.type === VarType.object || item.type === VarType.file)
           && itemChildren
-        )
+        ) {
           passesFilter = itemHasValidChildren || filterVar(item, currSelector)
-        else passesFilter = itemHasValidChildren
+        }
+        else {
+          passesFilter = itemHasValidChildren
+        }
 
         return {
           item,
@@ -294,7 +298,8 @@ const findExceptVarInObject = (
       .filter(({ passesFilter }) => passesFilter)
       .map(({ item, filteredObj }) => {
         const { children: itemChildren } = item
-        if (!itemChildren || !filteredObj) return item
+        if (!itemChildren || !filteredObj)
+          return item
 
         return {
           ...item,
@@ -415,11 +420,11 @@ const formatItem = (
       const { outputs } = data as CodeNodeType
       res.vars = outputs
         ? Object.keys(outputs).map((key) => {
-          return {
-            variable: key,
-            type: outputs[key].type,
-          }
-        })
+            return {
+              variable: key,
+              type: outputs[key].type,
+            }
+          })
         : []
       break
     }
@@ -562,7 +567,8 @@ const formatItem = (
     }
 
     case BlockEnum.ListFilter: {
-      if (!(data as ListFilterNodeType).var_type) break
+      if (!(data as ListFilterNodeType).var_type)
+        break
 
       res.vars = [
         {
@@ -690,12 +696,14 @@ const formatItem = (
         (() => {
           const variableArr = v.variable.split('.')
           const [first] = variableArr
-          if (isSpecialVar(first)) return variableArr
+          if (isSpecialVar(first))
+            return variableArr
 
           return [...selector, ...variableArr]
         })(),
       )
-      if (isCurrentMatched) return true
+      if (isCurrentMatched)
+        return true
 
       const isFile = v.type === VarType.file
       const children = (() => {
@@ -710,7 +718,8 @@ const formatItem = (
         }
         return v.children
       })()
-      if (!children) return false
+      if (!children)
+        return false
 
       const obj = findExceptVarInObject(
         isFile ? { ...v, children } : v,
@@ -737,7 +746,8 @@ const formatItem = (
         return v
       })()
 
-      if (!children) return v
+      if (!children)
+        return v
 
       return findExceptVarInObject(
         isFile ? { ...v, children } : v,
@@ -813,14 +823,22 @@ export const toNodeOutputVars = (
   }
   // Sort nodes in reverse chronological order (most recent first)
   const sortedNodes = [...nodes].sort((a, b) => {
-    if (a.data.type === BlockEnum.Start) return 1
-    if (b.data.type === BlockEnum.Start) return -1
-    if (a.data.type === 'env') return 1
-    if (b.data.type === 'env') return -1
-    if (a.data.type === 'conversation') return 1
-    if (b.data.type === 'conversation') return -1
-    if (a.data.type === 'global') return 1
-    if (b.data.type === 'global') return -1
+    if (a.data.type === BlockEnum.Start)
+      return 1
+    if (b.data.type === BlockEnum.Start)
+      return -1
+    if (a.data.type === 'env')
+      return 1
+    if (b.data.type === 'env')
+      return -1
+    if (a.data.type === 'conversation')
+      return 1
+    if (b.data.type === 'conversation')
+      return -1
+    if (a.data.type === 'global')
+      return 1
+    if (b.data.type === 'global')
+      return -1
     // sort nodes by x position
     return (b.position?.x || 0) - (a.position?.x || 0)
   })
@@ -872,8 +890,8 @@ const getIterationItemType = ({
   valueSelector,
   beforeNodesOutputVars,
 }: {
-  valueSelector: ValueSelector;
-  beforeNodesOutputVars: NodeOutPutVar[];
+  valueSelector: ValueSelector
+  beforeNodesOutputVars: NodeOutPutVar[]
 }): VarType => {
   const outputVarNodeId = valueSelector[0]
   const isSystem = isSystemVar(valueSelector)
@@ -883,7 +901,8 @@ const getIterationItemType = ({
     ? beforeNodesOutputVars.find(v => v.isStartNode)
     : beforeNodesOutputVars.find(v => v.nodeId === outputVarNodeId)
 
-  if (!targetVar) return VarType.string
+  if (!targetVar)
+    return VarType.string
 
   let arrayType: VarType = VarType.string
 
@@ -899,7 +918,8 @@ const getIterationItemType = ({
       const isLast = i === valueSelector.length - 1
       curr = Array.isArray(curr) ? curr.find(v => v.variable === key) : []
 
-      if (isLast) arrayType = curr?.type
+      if (isLast)
+        arrayType = curr?.type
       else if (curr?.type === VarType.object || curr?.type === VarType.file)
         curr = curr.children || []
     }
@@ -927,8 +947,8 @@ const getLoopItemType = ({
   valueSelector,
   beforeNodesOutputVars,
 }: {
-  valueSelector: ValueSelector;
-  beforeNodesOutputVars: NodeOutPutVar[];
+  valueSelector: ValueSelector
+  beforeNodesOutputVars: NodeOutPutVar[]
 }): VarType => {
   const outputVarNodeId = valueSelector[0]
   const isSystem = isSystemVar(valueSelector)
@@ -936,7 +956,8 @@ const getLoopItemType = ({
   const targetVar = isSystem
     ? beforeNodesOutputVars.find(v => v.isStartNode)
     : beforeNodesOutputVars.find(v => v.nodeId === outputVarNodeId)
-  if (!targetVar) return VarType.string
+  if (!targetVar)
+    return VarType.string
 
   let arrayType: VarType = VarType.string
 
@@ -993,21 +1014,22 @@ export const getVarType = ({
   schemaTypeDefinitions,
   preferSchemaType,
 }: {
-  valueSelector: ValueSelector;
-  parentNode?: Node | null;
-  isIterationItem?: boolean;
-  isLoopItem?: boolean;
-  availableNodes: any[];
-  isChatMode: boolean;
-  isConstant?: boolean;
-  environmentVariables?: EnvironmentVariable[];
-  conversationVariables?: ConversationVariable[];
-  ragVariables?: RAGPipelineVariable[];
-  allPluginInfoList: Record<string, ToolWithProvider[]>;
-  schemaTypeDefinitions?: SchemaTypeDefinition[];
-  preferSchemaType?: boolean;
+  valueSelector: ValueSelector
+  parentNode?: Node | null
+  isIterationItem?: boolean
+  isLoopItem?: boolean
+  availableNodes: any[]
+  isChatMode: boolean
+  isConstant?: boolean
+  environmentVariables?: EnvironmentVariable[]
+  conversationVariables?: ConversationVariable[]
+  ragVariables?: RAGPipelineVariable[]
+  allPluginInfoList: Record<string, ToolWithProvider[]>
+  schemaTypeDefinitions?: SchemaTypeDefinition[]
+  preferSchemaType?: boolean
 }): VarType => {
-  if (isConstant) return VarType.string
+  if (isConstant)
+    return VarType.string
 
   const beforeNodesOutputVars = toNodeOutputVars(
     availableNodes,
@@ -1035,7 +1057,8 @@ export const getVarType = ({
       })
       return itemType
     }
-    if (valueSelector[1] === 'index') return VarType.number
+    if (valueSelector[1] === 'index')
+      return VarType.number
   }
 
   const isLoopInnerVar = parentNode?.data.type === BlockEnum.Loop
@@ -1053,7 +1076,8 @@ export const getVarType = ({
       })
       return itemType
     }
-    if (valueSelector[1] === 'index') return VarType.number
+    if (valueSelector[1] === 'index')
+      return VarType.number
   }
 
   const isGlobal = isGlobalVar(valueSelector)
@@ -1070,16 +1094,20 @@ export const getVarType = ({
   })
 
   const targetVarNodeId = (() => {
-    if (isInStartNodeSysVar) return startNode?.id
-    if (isGlobal) return 'global'
-    if (isInNodeRagVariable) return valueSelector[1]
+    if (isInStartNodeSysVar)
+      return startNode?.id
+    if (isGlobal)
+      return 'global'
+    if (isInNodeRagVariable)
+      return valueSelector[1]
     return valueSelector[0]
   })()
   const targetVar = beforeNodesOutputVars.find(
     v => v.nodeId === targetVarNodeId,
   )
 
-  if (!targetVar) return VarType.string
+  if (!targetVar)
+    return VarType.string
 
   let type: VarType = VarType.string
   let curr: any = targetVar.vars
@@ -1091,12 +1119,15 @@ export const getVarType = ({
   }
   else {
     const targetVar = curr.find((v: any) => {
-      if (isInNodeRagVariable) return v.variable === valueSelector.join('.')
+      if (isInNodeRagVariable)
+        return v.variable === valueSelector.join('.')
       return v.variable === valueSelector[1]
     })
-    if (!targetVar) return VarType.string
+    if (!targetVar)
+      return VarType.string
 
-    if (isInNodeRagVariable) return targetVar.type
+    if (isInNodeRagVariable)
+      return targetVar.type
 
     const isStructuredOutputVar = !!targetVar.children?.schema?.properties
     if (isStructuredOutputVar) {
@@ -1109,10 +1140,12 @@ export const getVarType = ({
       let currProperties = targetVar.children.schema;
       (valueSelector as ValueSelector).slice(2).forEach((key, i) => {
         const isLast = i === valueSelector.length - 3
-        if (!currProperties) return
+        if (!currProperties)
+          return
 
         currProperties = currProperties.properties[key]
-        if (isLast) type = structTypeToVarType(currProperties?.type)
+        if (isLast)
+          type = structTypeToVarType(currProperties?.type)
       })
       return type
     }
@@ -1148,20 +1181,20 @@ export const toNodeAvailableVars = ({
   allPluginInfoList,
   schemaTypeDefinitions,
 }: {
-  parentNode?: Node | null;
-  t?: any;
+  parentNode?: Node | null
+  t?: any
   // to get those nodes output vars
-  beforeNodes: Node[];
-  isChatMode: boolean;
+  beforeNodes: Node[]
+  isChatMode: boolean
   // env
-  environmentVariables?: EnvironmentVariable[];
+  environmentVariables?: EnvironmentVariable[]
   // chat var
-  conversationVariables?: ConversationVariable[];
+  conversationVariables?: ConversationVariable[]
   // rag variables
-  ragVariables?: RAGPipelineVariable[];
-  filterVar: (payload: Var, selector: ValueSelector) => boolean;
-  allPluginInfoList: Record<string, ToolWithProvider[]>;
-  schemaTypeDefinitions?: SchemaTypeDefinition[];
+  ragVariables?: RAGPipelineVariable[]
+  filterVar: (payload: Var, selector: ValueSelector) => boolean
+  allPluginInfoList: Record<string, ToolWithProvider[]>
+  schemaTypeDefinitions?: SchemaTypeDefinition[]
 }): NodeOutPutVar[] => {
   const beforeNodesOutputVars = toNodeOutputVars(
     beforeNodes,
@@ -1190,13 +1223,13 @@ export const toNodeAvailableVars = ({
     const itemChildren
       = itemType === VarType.file
         ? {
-          children: OUTPUT_FILE_SUB_VARIABLES.map((key) => {
-            return {
-              variable: key,
-              type: key === 'size' ? VarType.number : VarType.string,
-            }
-          }),
-        }
+            children: OUTPUT_FILE_SUB_VARIABLES.map((key) => {
+              return {
+                variable: key,
+                type: key === 'size' ? VarType.number : VarType.string,
+              }
+            }),
+          }
         : {}
     const iterationVar = {
       nodeId: iterationNode?.id,
@@ -1216,24 +1249,28 @@ export const toNodeAvailableVars = ({
     const iterationIndex = beforeNodesOutputVars.findIndex(
       v => v.nodeId === iterationNode?.id,
     )
-    if (iterationIndex > -1) beforeNodesOutputVars.splice(iterationIndex, 1)
+    if (iterationIndex > -1)
+      beforeNodesOutputVars.splice(iterationIndex, 1)
     beforeNodesOutputVars.unshift(iterationVar)
   }
   return beforeNodesOutputVars
 }
 
 export const getNodeInfoById = (nodes: any, id: string) => {
-  if (!isArray(nodes)) return
+  if (!isArray(nodes))
+    return
   return nodes.find((node: any) => node.id === id)
 }
 
 const matchNotSystemVars = (prompts: string[]) => {
-  if (!prompts) return []
+  if (!prompts)
+    return []
 
   const allVars: string[] = []
   prompts.forEach((prompt) => {
     VAR_REGEX.lastIndex = 0
-    if (typeof prompt !== 'string') return
+    if (typeof prompt !== 'string')
+      return
     allVars.push(...(prompt.match(VAR_REGEX) || []))
   })
   const uniqVars = uniq(allVars).map(v =>
@@ -1247,9 +1284,11 @@ const replaceOldVarInText = (
   oldVar: ValueSelector,
   newVar: ValueSelector,
 ) => {
-  if (!text || typeof text !== 'string') return text
+  if (!text || typeof text !== 'string')
+    return text
 
-  if (!newVar || newVar.length === 0) return text
+  if (!newVar || newVar.length === 0)
+    return text
 
   return text.replaceAll(
     `{{#${oldVar.join('.')}#}}`,
@@ -1308,7 +1347,8 @@ export const getNodeUsedVars = (node: Node): ValueSelector[] => {
           .flatMap(c => c.conditions || [])
           .flatMap((c) => {
             const selectors: ValueSelector[] = []
-            if (c.variable_selector) selectors.push(c.variable_selector)
+            if (c.variable_selector)
+              selectors.push(c.variable_selector)
             // Handle sub-variable conditions
             if (c.sub_variable_condition && c.sub_variable_condition.conditions) {
               selectors.push(
@@ -1391,7 +1431,7 @@ export const getNodeUsedVars = (node: Node): ValueSelector[] => {
               payload.datasource_parameters[key].type === ToolVarType.variable,
           )
           .map(key => payload.datasource_parameters[key].value as string)
-        || []
+          || []
       res = [...(mixVars as ValueSelector[]), ...(vars as any)]
       break
     }
@@ -1436,7 +1476,8 @@ export const getNodeUsedVars = (node: Node): ValueSelector[] => {
     case BlockEnum.Agent: {
       const payload = data as AgentNodeType
       const valueSelectors: ValueSelector[] = []
-      if (!payload.agent_parameters) break
+      if (!payload.agent_parameters)
+        break
 
       Object.keys(payload.agent_parameters || {}).forEach((key) => {
         const { value } = payload.agent_parameters![key]
@@ -1490,7 +1531,8 @@ export const getNodeUsedVarPassToServerKey = (
         return undefined
       }
       const targetVar = findConditionInCases((data as IfElseNodeType).cases || [])
-      if (targetVar) res = `#${valueSelector.join('.')}#`
+      if (targetVar)
+        res = `#${valueSelector.join('.')}#`
       break
     }
     case BlockEnum.Code: {
@@ -1500,7 +1542,8 @@ export const getNodeUsedVarPassToServerKey = (
           && v.value_selector
           && v.value_selector.join('.') === valueSelector.join('.'),
       )
-      if (targetVar) res = targetVar.variable
+      if (targetVar)
+        res = targetVar.variable
       break
     }
     case BlockEnum.TemplateTransform: {
@@ -1510,7 +1553,8 @@ export const getNodeUsedVarPassToServerKey = (
           && v.value_selector
           && v.value_selector.join('.') === valueSelector.join('.'),
       )
-      if (targetVar) res = targetVar.variable
+      if (targetVar)
+        res = targetVar.variable
       break
     }
     case BlockEnum.QuestionClassifier: {
@@ -1552,7 +1596,8 @@ export const findUsedVarNodes = (
   const res: Node[] = []
   availableNodes.forEach((node) => {
     const vars = getNodeUsedVars(node)
-    if (vars.find(v => v.join('.') === varSelector.join('.'))) res.push(node)
+    if (vars.find(v => v.join('.') === varSelector.join('.')))
+      res.push(node)
   })
   return res
 }
@@ -1626,8 +1671,9 @@ export const updateNodeVars = (
         if (
           payload.context?.variable_selector?.join('.')
           === oldVarSelector.join('.')
-        )
+        ) {
           payload.context.variable_selector = newVarSelector
+        }
 
         break
       }
@@ -1661,8 +1707,9 @@ export const updateNodeVars = (
                       if (
                         subC.variable_selector?.join('.')
                         === oldVarSelector.join('.')
-                      )
+                      ) {
                         subC.variable_selector = newVarSelector
+                      }
                       return subC
                     })
                 }
@@ -1820,7 +1867,8 @@ export const updateNodeVars = (
         const payload = data as VariableAssignerNodeType
         if (payload.variables) {
           payload.variables = payload.variables.map((v) => {
-            if (v.join('.') === oldVarSelector.join('.')) v = newVarSelector
+            if (v.join('.') === oldVarSelector.join('.'))
+              v = newVarSelector
             return v
           })
         }
@@ -1831,7 +1879,8 @@ export const updateNodeVars = (
         const payload = data as VariableAssignerNodeType
         if (payload.variables) {
           payload.variables = payload.variables.map((v) => {
-            if (v.join('.') === oldVarSelector.join('.')) v = newVarSelector
+            if (v.join('.') === oldVarSelector.join('.'))
+              v = newVarSelector
             return v
           })
         }
@@ -1882,11 +1931,11 @@ const varToValueSelectorList = (
   parentValueSelector: ValueSelector,
   res: ValueSelector[],
 ) => {
-  if (!v.variable) return
+  if (!v.variable)
+    return
 
   res.push([...parentValueSelector, v.variable])
-  const isStructuredOutput = !!(v.children as StructuredOutput)?.schema
-    ?.properties
+  const isStructuredOutput = !!(v.children as StructuredOutput)?.schema?.properties
 
   if ((v.children as Var[])?.length > 0) {
     (v.children as Var[]).forEach((child) => {
@@ -1897,8 +1946,7 @@ const varToValueSelectorList = (
     Object.keys(
       (v.children as StructuredOutput)?.schema?.properties || {},
     ).forEach((key) => {
-      const type = (v.children as StructuredOutput)?.schema?.properties[key]
-        .type
+      const type = (v.children as StructuredOutput)?.schema?.properties[key].type
       const isArray = type === Type.array
       const arrayType = (v.children as StructuredOutput)?.schema?.properties[
         key
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-full-path-panel.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-full-path-panel.tsx
index 54e27b5e38..744567daae 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-full-path-panel.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-full-path-panel.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { Field, StructuredOutput, TypeWithArray } from '../../../llm/types'
-import { Type } from '../../../llm/types'
-import { PickerPanelMain as Panel } from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker'
+import React from 'react'
 import BlockIcon from '@/app/components/workflow/block-icon'
+import { PickerPanelMain as Panel } from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { Type } from '../../../llm/types'
 
 type Props = {
   nodeName: string
@@ -35,20 +35,20 @@ const VarFullPathPanel: FC<Props> = ({
         type: isLast ? varType : Type.object,
         properties: {},
       } as Field
-      current = current.properties[name] as { type: Type.object; properties: { [key: string]: Field; }; required: never[]; additionalProperties: false; }
+      current = current.properties[name] as { type: Type.object, properties: { [key: string]: Field }, required: never[], additionalProperties: false }
     }
     return {
       schema,
     }
   })()
   return (
-    <div className='w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-0 shadow-lg backdrop-blur-[5px]'>
-      <div className='flex space-x-1 border-b-[0.5px] border-divider-subtle p-3 pb-2 '>
-        <BlockIcon size='xs' type={nodeType} />
-        <div className='system-xs-medium w-0 grow truncate text-text-secondary'>{nodeName}</div>
+    <div className="w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-0 shadow-lg backdrop-blur-[5px]">
+      <div className="flex space-x-1 border-b-[0.5px] border-divider-subtle p-3 pb-2 ">
+        <BlockIcon size="xs" type={nodeType} />
+        <div className="system-xs-medium w-0 grow truncate text-text-secondary">{nodeName}</div>
       </div>
       <Panel
-        className='px-1 pb-3 pt-2'
+        className="px-1 pb-3 pt-2"
         root={{ attrName: path[0] }}
         payload={schema}
         readonly
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
index d37851f187..c9cad91236 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
@@ -1,21 +1,21 @@
 'use client'
 import type { FC } from 'react'
+import type { ToastHandle } from '@/app/components/base/toast'
+import type { ValueSelector, Var, Variable } from '@/app/components/workflow/types'
+import { RiDraggable } from '@remixicon/react'
+import { useDebounceFn } from 'ahooks'
+import { produce } from 'immer'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import RemoveButton from '../remove-button'
-import VarReferencePicker from './var-reference-picker'
-import Input from '@/app/components/base/input'
-import type { ValueSelector, Var, Variable } from '@/app/components/workflow/types'
-import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
-import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
-import type { ToastHandle } from '@/app/components/base/toast'
-import Toast from '@/app/components/base/toast'
 import { ReactSortable } from 'react-sortablejs'
 import { v4 as uuid4 } from 'uuid'
-import { RiDraggable } from '@remixicon/react'
+import Input from '@/app/components/base/input'
+import Toast from '@/app/components/base/toast'
+import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 import { cn } from '@/utils/classnames'
-import { useDebounceFn } from 'ahooks'
+import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
+import RemoveButton from '../remove-button'
+import VarReferencePicker from './var-reference-picker'
 
 type Props = {
   nodeId: string
@@ -131,11 +131,11 @@ const VarList: FC<Props> = ({
 
   return (
     <ReactSortable
-      className='space-y-2'
+      className="space-y-2"
       list={listWithIds}
       setList={(list) => { onChange(list.map(item => item.variable)) }}
-      handle='.handle'
-      ghostClass='opacity-50'
+      handle=".handle"
+      ghostClass="opacity-50"
       animation={150}
     >
       {list.map((variable, index) => {
@@ -147,7 +147,7 @@ const VarList: FC<Props> = ({
         return (
           <div className={cn('flex items-center space-x-1', 'group relative')} key={index}>
             <Input
-              wrapperClassName='w-[120px]'
+              wrapperClassName="w-[120px]"
               disabled={readonly}
               value={variable.variable}
               onChange={handleVarNameChange(index)}
@@ -157,7 +157,7 @@ const VarList: FC<Props> = ({
               nodeId={nodeId}
               readonly={readonly}
               isShowNodeName
-              className='grow'
+              className="grow"
               value={variable.variable_type === VarKindType.constant ? (variable.value || '') : (variable.value_selector || [])}
               isSupportConstantValue={isSupportConstantValue}
               onChange={handleVarReferenceChange(index)}
@@ -167,12 +167,15 @@ const VarList: FC<Props> = ({
               isSupportFileVar={isSupportFileVar}
             />
             {!readonly && (
-              <RemoveButton onClick={handleVarRemove(index)}/>
+              <RemoveButton onClick={handleVarRemove(index)} />
+            )}
+            {canDrag && (
+              <RiDraggable className={cn(
+                'handle absolute -left-4 top-2.5 hidden h-3 w-3 cursor-pointer text-text-quaternary',
+                'group-hover:block',
+              )}
+              />
             )}
-            {canDrag && <RiDraggable className={cn(
-              'handle absolute -left-4 top-2.5 hidden h-3 w-3 cursor-pointer text-text-quaternary',
-              'group-hover:block',
-            )} />}
           </div>
         )
       })}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
index f532754aed..3692cb6413 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx
@@ -1,7 +1,9 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { CredentialFormSchema, CredentialFormSchemaSelect, FormOption } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Tool } from '@/app/components/tools/types'
+import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
+import type { CommonNodeType, Node, NodeOutPutVar, ToolWithProvider, ValueSelector, Var } from '@/app/components/workflow/types'
 import {
   RiArrowDownSLine,
   RiCloseLine,
@@ -10,23 +12,16 @@ import {
   RiMoreLine,
 } from '@remixicon/react'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useNodes,
   useReactFlow,
   useStoreApi,
 } from 'reactflow'
-import RemoveButton from '../remove-button'
-import useAvailableVarList from '../../hooks/use-available-var-list'
-import VarReferencePopup from './var-reference-popup'
-import { getNodeInfoById, isConversationVar, isENV, isGlobalVar, isRagVariableVar, isSystemVar, removeFileVars, varTypeToStructType } from './utils'
-import ConstantField from './constant-field'
-import { cn } from '@/utils/classnames'
-import type { CommonNodeType, Node, NodeOutPutVar, ToolWithProvider, ValueSelector, Var } from '@/app/components/workflow/types'
-import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
-import type { CredentialFormSchemaSelect } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { type CredentialFormSchema, type FormOption, FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { BlockEnum } from '@/app/components/workflow/types'
-import { VarBlockIcon } from '@/app/components/workflow/block-icon'
+import Badge from '@/app/components/base/badge'
+import AddButton from '@/app/components/base/button/add-button'
 import { Line3 } from '@/app/components/base/icons/src/public/common'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import {
@@ -34,23 +29,28 @@ import {
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import Tooltip from '@/app/components/base/tooltip'
+import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { VarBlockIcon } from '@/app/components/workflow/block-icon'
+import { VAR_SHOW_NAME_MAP } from '@/app/components/workflow/constants'
 import {
   useIsChatMode,
   useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
-import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 // import type { BaseResource, BaseResourceProvider } from '@/app/components/workflow/nodes/_base/types'
 import TypeSelector from '@/app/components/workflow/nodes/_base/components/selector'
-import AddButton from '@/app/components/base/button/add-button'
-import Badge from '@/app/components/base/badge'
-import Tooltip from '@/app/components/base/tooltip'
-import { isExceptionVariable } from '@/app/components/workflow/utils'
-import VarFullPathPanel from './var-full-path-panel'
-import { noop } from 'lodash-es'
-import type { Tool } from '@/app/components/tools/types'
-import { useFetchDynamicOptions } from '@/service/use-plugins'
 import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
-import { VAR_SHOW_NAME_MAP } from '@/app/components/workflow/constants'
+import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { isExceptionVariable } from '@/app/components/workflow/utils'
+import { useFetchDynamicOptions } from '@/service/use-plugins'
+import { cn } from '@/utils/classnames'
+import useAvailableVarList from '../../hooks/use-available-var-list'
+import RemoveButton from '../remove-button'
+import ConstantField from './constant-field'
+import { getNodeInfoById, isConversationVar, isENV, isGlobalVar, isRagVariableVar, isSystemVar, removeFileVars, varTypeToStructType } from './utils'
+import VarFullPathPanel from './var-full-path-panel'
+import VarReferencePopup from './var-reference-popup'
 
 const TRIGGER_DEFAULT_WIDTH = 227
 
@@ -207,7 +207,7 @@ const VarReferencePicker: FC<Props> = ({
     if (!hasValue)
       return ''
     const showName = VAR_SHOW_NAME_MAP[(value as ValueSelector).join('.')]
-    if(showName)
+    if (showName)
       return showName
 
     const isSystem = isSystemVar(value as ValueSelector)
@@ -336,7 +336,8 @@ const VarReferencePicker: FC<Props> = ({
           path={(value as ValueSelector).slice(1)}
           varType={varTypeToStructType(type)}
           nodeType={outputVarNode?.type}
-        />)
+        />
+      )
     }
     if (!isValidVar && hasValue)
       return t('workflow.errorMsg.invalidVariable')
@@ -347,7 +348,10 @@ const VarReferencePicker: FC<Props> = ({
   const [dynamicOptions, setDynamicOptions] = useState<FormOption[] | null>(null)
   const [isLoading, setIsLoading] = useState(false)
   const { mutateAsync: fetchDynamicOptions } = useFetchDynamicOptions(
-    currentProvider?.plugin_id || '', currentProvider?.name || '', currentTool?.name || '', (schema as CredentialFormSchemaSelect)?.variable || '',
+    currentProvider?.plugin_id || '',
+    currentProvider?.name || '',
+    currentTool?.name || '',
+    (schema as CredentialFormSchemaSelect)?.variable || '',
     'tool',
   )
   const handleFetchDynamicOptions = async () => {
@@ -398,11 +402,16 @@ const VarReferencePicker: FC<Props> = ({
   }, [schema, dynamicOptions, isLoading, value])
 
   const variableCategory = useMemo(() => {
-    if (isEnv) return 'environment'
-    if (isChatVar) return 'conversation'
-    if (isGlobal) return 'global'
-    if (isLoopVar) return 'loop'
-    if (isRagVar) return 'rag'
+    if (isEnv)
+      return 'environment'
+    if (isChatVar)
+      return 'conversation'
+    if (isGlobal)
+      return 'global'
+    if (isLoopVar)
+      return 'loop'
+    if (isRagVar)
+      return 'rag'
     return 'system'
   }, [isEnv, isChatVar, isGlobal, isLoopVar, isRagVar])
 
@@ -413,166 +422,210 @@ const VarReferencePicker: FC<Props> = ({
         onOpenChange={setOpen}
         placement={isAddBtnTrigger ? 'bottom-end' : 'bottom-start'}
       >
-        <WrapElem onClick={() => {
-          if (readonly)
-            return
-          if (!isConstant)
-            setOpen(!open)
-          else
-            setControlFocus(Date.now())
-        }} className='group/picker-trigger-wrap relative !flex'>
+        <WrapElem
+          onClick={() => {
+            if (readonly)
+              return
+            if (!isConstant)
+              setOpen(!open)
+            else
+              setControlFocus(Date.now())
+          }}
+          className="group/picker-trigger-wrap relative !flex"
+        >
           <>
             {isAddBtnTrigger
               ? (
-                <div>
-                  <AddButton onClick={noop}></AddButton>
-                </div>
-              )
-              : (<div ref={!isSupportConstantValue ? triggerRef : null} className={cn((open || isFocus) ? 'border-gray-300' : 'border-gray-100', 'group/wrap relative flex h-8 w-full items-center', !isSupportConstantValue && 'rounded-lg bg-components-input-bg-normal p-1', isInTable && 'border-none bg-transparent', readonly && 'bg-components-input-bg-disabled')}>
-                {isSupportConstantValue
-                  ? <div onClick={(e) => {
-                    e.stopPropagation()
-                    setOpen(false)
-                    setControlFocus(Date.now())
-                  }} className='mr-1 flex h-full items-center space-x-1'>
-                    <TypeSelector
-                      noLeft
-                      trigger={
-                        <div className='radius-md flex h-8 items-center bg-components-input-bg-normal px-2'>
-                          <div className='system-sm-regular mr-1 text-components-input-text-filled'>{varKindTypes.find(item => item.value === varKindType)?.label}</div>
-                          <RiArrowDownSLine className='h-4 w-4 text-text-quaternary' />
-                        </div>
-                      }
-                      popupClassName='top-8'
-                      readonly={readonly}
-                      value={varKindType}
-                      options={varKindTypes}
-                      onChange={handleVarKindTypeChange}
-                      showChecked
-                    />
+                  <div>
+                    <AddButton onClick={noop}></AddButton>
                   </div>
-                  : (!hasValue && <div className='ml-1.5 mr-1'>
-                    <Variable02 className={`h-4 w-4 ${readonly ? 'text-components-input-text-disabled' : 'text-components-input-text-placeholder'}`} />
-                  </div>)}
-                {isConstant
-                  ? (
-                    <ConstantField
-                      value={value as string}
-                      onChange={onChange as ((value: string | number, varKindType: VarKindType, varInfo?: Var) => void)}
-                      schema={schemaWithDynamicSelect as CredentialFormSchema}
-                      readonly={readonly}
-                      isLoading={isLoading}
-                    />
-                  )
-                  : (
-                    <VarPickerWrap
-                      onClick={() => {
-                        if (readonly)
-                          return
-                        if (!isConstant)
-                          setOpen(!open)
-                        else
-                          setControlFocus(Date.now())
-                      }}
-                      className='h-full grow'
-                    >
-                      <div ref={isSupportConstantValue ? triggerRef : null} className={cn('h-full', isSupportConstantValue && 'flex items-center rounded-lg bg-components-panel-bg py-1 pl-1')}>
-                        <Tooltip noDecoration={isShowAPart} popupContent={tooltipPopup}>
-                          <div className={cn('h-full items-center rounded-[5px] px-1.5', hasValue ? 'inline-flex bg-components-badge-white-to-dark' : 'flex')}>
-                            {hasValue
-                              ? (
-                                <>
-                                  {isShowNodeName && !isEnv && !isChatVar && !isGlobal && !isRagVar && (
-                                    <div className='flex items-center' onClick={(e) => {
-                                      if (e.metaKey || e.ctrlKey) {
-                                        e.stopPropagation()
-                                        handleVariableJump(outputVarNode?.id)
-                                      }
-                                    }}>
-                                      <div className='h-3 px-[1px]'>
-                                        {outputVarNode?.type && <VarBlockIcon
-                                          className='!text-text-primary'
-                                          type={outputVarNode.type}
-                                        />}
-                                      </div>
-                                      <div className='mx-0.5 truncate text-xs font-medium text-text-secondary' title={outputVarNode?.title} style={{
-                                        maxWidth: maxNodeNameWidth,
-                                      }}>{outputVarNode?.title}</div>
-                                      <Line3 className='mr-0.5'></Line3>
-                                    </div>
-                                  )}
-                                  {isShowAPart && (
-                                    <div className='flex items-center'>
-                                      <RiMoreLine className='h-3 w-3 text-text-secondary' />
-                                      <Line3 className='mr-0.5 text-divider-deep'></Line3>
-                                    </div>
-                                  )}
-                                  <div className='flex items-center text-text-accent'>
-                                    {isLoading && <RiLoader4Line className='h-3.5 w-3.5 animate-spin text-text-secondary' />}
-                                    <VariableIconWithColor
-                                      variables={value as ValueSelector}
-                                      variableCategory={variableCategory}
-                                      isExceptionVariable={isException}
-                                    />
-                                    <div className={cn('ml-0.5 truncate text-xs font-medium', isEnv && '!text-text-secondary', isChatVar && 'text-util-colors-teal-teal-700', isException && 'text-text-warning', isGlobal && 'text-util-colors-orange-orange-600')} title={varName} style={{
-                                      maxWidth: maxVarNameWidth,
-                                    }}>{varName}</div>
-                                  </div>
-                                  <div className='system-xs-regular ml-0.5 truncate text-center capitalize text-text-tertiary' title={type} style={{
-                                    maxWidth: maxTypeWidth,
-                                  }}>{type}</div>
-                                  {!isValidVar && <RiErrorWarningFill className='ml-0.5 h-3 w-3 text-text-destructive' />}
-                                </>
-                              )
-                              : <div className={`overflow-hidden ${readonly ? 'text-components-input-text-disabled' : 'text-components-input-text-placeholder'} system-sm-regular text-ellipsis`}>
-                                {isLoading ? (
-                                  <div className='flex items-center'>
-                                    <RiLoader4Line className='mr-1 h-3.5 w-3.5 animate-spin text-text-secondary' />
-                                    <span>{placeholder ?? t('workflow.common.setVarValuePlaceholder')}</span>
-                                  </div>
-                                ) : (
-                                  placeholder ?? t('workflow.common.setVarValuePlaceholder')
-                                )}
-                              </div>}
+                )
+              : (
+                  <div ref={!isSupportConstantValue ? triggerRef : null} className={cn((open || isFocus) ? 'border-gray-300' : 'border-gray-100', 'group/wrap relative flex h-8 w-full items-center', !isSupportConstantValue && 'rounded-lg bg-components-input-bg-normal p-1', isInTable && 'border-none bg-transparent', readonly && 'bg-components-input-bg-disabled')}>
+                    {isSupportConstantValue
+                      ? (
+                          <div
+                            onClick={(e) => {
+                              e.stopPropagation()
+                              setOpen(false)
+                              setControlFocus(Date.now())
+                            }}
+                            className="mr-1 flex h-full items-center space-x-1"
+                          >
+                            <TypeSelector
+                              noLeft
+                              trigger={(
+                                <div className="radius-md flex h-8 items-center bg-components-input-bg-normal px-2">
+                                  <div className="system-sm-regular mr-1 text-components-input-text-filled">{varKindTypes.find(item => item.value === varKindType)?.label}</div>
+                                  <RiArrowDownSLine className="h-4 w-4 text-text-quaternary" />
+                                </div>
+                              )}
+                              popupClassName="top-8"
+                              readonly={readonly}
+                              value={varKindType}
+                              options={varKindTypes}
+                              onChange={handleVarKindTypeChange}
+                              showChecked
+                            />
                           </div>
-                        </Tooltip>
-                      </div>
+                        )
+                      : (!hasValue && (
+                          <div className="ml-1.5 mr-1">
+                            <Variable02 className={`h-4 w-4 ${readonly ? 'text-components-input-text-disabled' : 'text-components-input-text-placeholder'}`} />
+                          </div>
+                        ))}
+                    {isConstant
+                      ? (
+                          <ConstantField
+                            value={value as string}
+                            onChange={onChange as ((value: string | number, varKindType: VarKindType, varInfo?: Var) => void)}
+                            schema={schemaWithDynamicSelect as CredentialFormSchema}
+                            readonly={readonly}
+                            isLoading={isLoading}
+                          />
+                        )
+                      : (
+                          <VarPickerWrap
+                            onClick={() => {
+                              if (readonly)
+                                return
+                              if (!isConstant)
+                                setOpen(!open)
+                              else
+                                setControlFocus(Date.now())
+                            }}
+                            className="h-full grow"
+                          >
+                            <div ref={isSupportConstantValue ? triggerRef : null} className={cn('h-full', isSupportConstantValue && 'flex items-center rounded-lg bg-components-panel-bg py-1 pl-1')}>
+                              <Tooltip noDecoration={isShowAPart} popupContent={tooltipPopup}>
+                                <div className={cn('h-full items-center rounded-[5px] px-1.5', hasValue ? 'inline-flex bg-components-badge-white-to-dark' : 'flex')}>
+                                  {hasValue
+                                    ? (
+                                        <>
+                                          {isShowNodeName && !isEnv && !isChatVar && !isGlobal && !isRagVar && (
+                                            <div
+                                              className="flex items-center"
+                                              onClick={(e) => {
+                                                if (e.metaKey || e.ctrlKey) {
+                                                  e.stopPropagation()
+                                                  handleVariableJump(outputVarNode?.id)
+                                                }
+                                              }}
+                                            >
+                                              <div className="h-3 px-[1px]">
+                                                {outputVarNode?.type && (
+                                                  <VarBlockIcon
+                                                    className="!text-text-primary"
+                                                    type={outputVarNode.type}
+                                                  />
+                                                )}
+                                              </div>
+                                              <div
+                                                className="mx-0.5 truncate text-xs font-medium text-text-secondary"
+                                                title={outputVarNode?.title}
+                                                style={{
+                                                  maxWidth: maxNodeNameWidth,
+                                                }}
+                                              >
+                                                {outputVarNode?.title}
+                                              </div>
+                                              <Line3 className="mr-0.5"></Line3>
+                                            </div>
+                                          )}
+                                          {isShowAPart && (
+                                            <div className="flex items-center">
+                                              <RiMoreLine className="h-3 w-3 text-text-secondary" />
+                                              <Line3 className="mr-0.5 text-divider-deep"></Line3>
+                                            </div>
+                                          )}
+                                          <div className="flex items-center text-text-accent">
+                                            {isLoading && <RiLoader4Line className="h-3.5 w-3.5 animate-spin text-text-secondary" />}
+                                            <VariableIconWithColor
+                                              variables={value as ValueSelector}
+                                              variableCategory={variableCategory}
+                                              isExceptionVariable={isException}
+                                            />
+                                            <div
+                                              className={cn('ml-0.5 truncate text-xs font-medium', isEnv && '!text-text-secondary', isChatVar && 'text-util-colors-teal-teal-700', isException && 'text-text-warning', isGlobal && 'text-util-colors-orange-orange-600')}
+                                              title={varName}
+                                              style={{
+                                                maxWidth: maxVarNameWidth,
+                                              }}
+                                            >
+                                              {varName}
+                                            </div>
+                                          </div>
+                                          <div
+                                            className="system-xs-regular ml-0.5 truncate text-center capitalize text-text-tertiary"
+                                            title={type}
+                                            style={{
+                                              maxWidth: maxTypeWidth,
+                                            }}
+                                          >
+                                            {type}
+                                          </div>
+                                          {!isValidVar && <RiErrorWarningFill className="ml-0.5 h-3 w-3 text-text-destructive" />}
+                                        </>
+                                      )
+                                    : (
+                                        <div className={`overflow-hidden ${readonly ? 'text-components-input-text-disabled' : 'text-components-input-text-placeholder'} system-sm-regular text-ellipsis`}>
+                                          {isLoading
+                                            ? (
+                                                <div className="flex items-center">
+                                                  <RiLoader4Line className="mr-1 h-3.5 w-3.5 animate-spin text-text-secondary" />
+                                                  <span>{placeholder ?? t('workflow.common.setVarValuePlaceholder')}</span>
+                                                </div>
+                                              )
+                                            : (
+                                                placeholder ?? t('workflow.common.setVarValuePlaceholder')
+                                              )}
+                                        </div>
+                                      )}
+                                </div>
+                              </Tooltip>
+                            </div>
 
-                    </VarPickerWrap>
-                  )}
-                {(hasValue && !readonly && !isInTable) && (<div
-                  className='group invisible absolute right-1 top-[50%] h-5 translate-y-[-50%] cursor-pointer rounded-md p-1 hover:bg-state-base-hover group-hover/wrap:visible'
-                  onClick={handleClearVar}
-                >
-                  <RiCloseLine className='h-3.5 w-3.5 text-text-tertiary group-hover:text-text-secondary' />
-                </div>)}
-                {!hasValue && valueTypePlaceHolder && (
-                  <Badge
-                    className=' absolute right-1 top-[50%] translate-y-[-50%] capitalize'
-                    text={valueTypePlaceHolder}
-                    uppercase={false}
-                  />
+                          </VarPickerWrap>
+                        )}
+                    {(hasValue && !readonly && !isInTable) && (
+                      <div
+                        className="group invisible absolute right-1 top-[50%] h-5 translate-y-[-50%] cursor-pointer rounded-md p-1 hover:bg-state-base-hover group-hover/wrap:visible"
+                        onClick={handleClearVar}
+                      >
+                        <RiCloseLine className="h-3.5 w-3.5 text-text-tertiary group-hover:text-text-secondary" />
+                      </div>
+                    )}
+                    {!hasValue && valueTypePlaceHolder && (
+                      <Badge
+                        className=" absolute right-1 top-[50%] translate-y-[-50%] capitalize"
+                        text={valueTypePlaceHolder}
+                        uppercase={false}
+                      />
+                    )}
+                  </div>
                 )}
-              </div>)}
             {!readonly && isInTable && (
               <RemoveButton
-                className='absolute right-1 top-0.5 hidden group-hover/picker-trigger-wrap:block'
+                className="absolute right-1 top-0.5 hidden group-hover/picker-trigger-wrap:block"
                 onClick={() => onRemove?.()}
               />
             )}
 
             {!hasValue && typePlaceHolder && (
               <Badge
-                className='absolute right-2 top-1.5'
+                className="absolute right-2 top-1.5"
                 text={typePlaceHolder}
                 uppercase={false}
               />
             )}
           </>
         </WrapElem>
-        <PortalToFollowElemContent style={{
-          zIndex: zIndex || 100,
-        }} className='mt-1'>
+        <PortalToFollowElemContent
+          style={{
+            zIndex: zIndex || 100,
+          }}
+          className="mt-1"
+        >
           {!isConstant && (
             <VarReferencePopup
               vars={outputVars}
@@ -586,7 +639,7 @@ const VarReferencePicker: FC<Props> = ({
           )}
         </PortalToFollowElemContent>
       </PortalToFollowElem>
-    </div >
+    </div>
   )
 }
 export default React.memo(VarReferencePicker)
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-reference-popup.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-reference-popup.tsx
index 5f68bcbf0c..45ad5d9f8c 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-reference-popup.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-reference-popup.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import VarReferenceVars from './var-reference-vars'
-import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import ListEmpty from '@/app/components/base/list-empty'
 import { useStore } from '@/app/components/workflow/store'
 import { useDocLink } from '@/context/i18n'
+import VarReferenceVars from './var-reference-vars'
 
 type Props = {
   vars: NodeOutPutVar[]
@@ -33,48 +33,59 @@ const VarReferencePopup: FC<Props> = ({
   const docLink = useDocLink()
   // max-h-[300px] overflow-y-auto todo: use portal to handle long list
   return (
-    <div className='space-y-1 rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg' style={{
-      width: itemWidth || 228,
-    }}>
+    <div
+      className="space-y-1 rounded-lg border border-components-panel-border bg-components-panel-bg p-1 shadow-lg"
+      style={{
+        width: itemWidth || 228,
+      }}
+    >
       {((!vars || vars.length === 0) && popupFor)
         ? (popupFor === 'toAssigned'
-          ? (
-            <ListEmpty
-              title={t('workflow.variableReference.noAvailableVars') || ''}
-              description={<div className='system-xs-regular text-text-tertiary'>
-                {t('workflow.variableReference.noVarsForOperation')}
-              </div>}
+            ? (
+                <ListEmpty
+                  title={t('workflow.variableReference.noAvailableVars') || ''}
+                  description={(
+                    <div className="system-xs-regular text-text-tertiary">
+                      {t('workflow.variableReference.noVarsForOperation')}
+                    </div>
+                  )}
+                />
+              )
+            : (
+                <ListEmpty
+                  title={t('workflow.variableReference.noAssignedVars') || ''}
+                  description={(
+                    <div className="system-xs-regular text-text-tertiary">
+                      {t('workflow.variableReference.assignedVarsDescription')}
+                      <a
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="text-text-accent-secondary"
+                        href={docLink('/guides/workflow/variables#conversation-variables', {
+                          'zh-Hans': '/guides/workflow/variables#会话变量',
+                          'ja-JP': '/guides/workflow/variables#会話変数',
+                        })}
+                      >
+                        {t('workflow.variableReference.conversationVars')}
+                      </a>
+                    </div>
+                  )}
+                />
+              ))
+        : (
+            <VarReferenceVars
+              searchBoxClassName="mt-1"
+              vars={vars}
+              onChange={onChange}
+              itemWidth={itemWidth}
+              isSupportFileVar={isSupportFileVar}
+              zIndex={zIndex}
+              showManageInputField={showManageRagInputFields}
+              onManageInputField={() => setShowInputFieldPanel?.(true)}
+              preferSchemaType={preferSchemaType}
             />
-          )
-          : (
-            <ListEmpty
-              title={t('workflow.variableReference.noAssignedVars') || ''}
-              description={<div className='system-xs-regular text-text-tertiary'>
-                {t('workflow.variableReference.assignedVarsDescription')}
-                <a target='_blank' rel='noopener noreferrer'
-                  className='text-text-accent-secondary'
-                  href={docLink('/guides/workflow/variables#conversation-variables', {
-                    'zh-Hans': '/guides/workflow/variables#会话变量',
-                    'ja-JP': '/guides/workflow/variables#会話変数',
-                  })}>
-                  {t('workflow.variableReference.conversationVars')}
-                </a>
-              </div>}
-            />
-          ))
-        : <VarReferenceVars
-          searchBoxClassName='mt-1'
-          vars={vars}
-          onChange={onChange}
-          itemWidth={itemWidth}
-          isSupportFileVar={isSupportFileVar}
-          zIndex={zIndex}
-          showManageInputField={showManageRagInputFields}
-          onManageInputField={() => setShowInputFieldPanel?.(true)}
-          preferSchemaType={preferSchemaType}
-        />
-      }
-    </div >
+          )}
+    </div>
   )
 }
 export default React.memo(VarReferencePopup)
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
index 8461f0e5f6..5482eea996 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
@@ -1,29 +1,30 @@
 'use client'
 import type { FC } from 'react'
-import React, { useEffect, useMemo, useRef, useState } from 'react'
+import type { StructuredOutput } from '../../../llm/types'
+import type { Field } from '@/app/components/workflow/nodes/llm/types'
+import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import { useHover } from 'ahooks'
+import { noop } from 'lodash-es'
+import React, { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import { type NodeOutPutVar, type ValueSelector, type Var, VarType } from '@/app/components/workflow/types'
 import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
+import { CodeAssistant, MagicEdit } from '@/app/components/base/icons/src/vender/line/general'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Input from '@/app/components/base/input'
-import { checkKeys } from '@/utils/var'
-import type { StructuredOutput } from '../../../llm/types'
-import { Type } from '../../../llm/types'
-import PickerStructurePanel from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker'
-import { isSpecialVar, varTypeToStructType } from './utils'
-import type { Field } from '@/app/components/workflow/nodes/llm/types'
-import { noop } from 'lodash-es'
-import { CodeAssistant, MagicEdit } from '@/app/components/base/icons/src/vender/line/general'
-import ManageInputField from './manage-input-field'
-import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import { VAR_SHOW_NAME_MAP } from '@/app/components/workflow/constants'
+import PickerStructurePanel from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/picker'
+import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { VarType } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import { checkKeys } from '@/utils/var'
+import { Type } from '../../../llm/types'
+import ManageInputField from './manage-input-field'
+import { isSpecialVar, varTypeToStructType } from './utils'
 
 type ItemProps = {
   nodeId: string
@@ -74,16 +75,16 @@ const Item: FC<ItemProps> = ({
     switch (variable) {
       case 'current':
         Icon = isInCodeGeneratorInstructionEditor ? CodeAssistant : MagicEdit
-        return <Icon className='h-3.5 w-3.5 shrink-0 text-util-colors-violet-violet-600' />
+        return <Icon className="h-3.5 w-3.5 shrink-0 text-util-colors-violet-violet-600" />
       case 'error_message':
-        return <Variable02 className='h-3.5 w-3.5 shrink-0 text-util-colors-orange-dark-orange-dark-600' />
+        return <Variable02 className="h-3.5 w-3.5 shrink-0 text-util-colors-orange-dark-orange-dark-600" />
       default:
-        return <Variable02 className='h-3.5 w-3.5 shrink-0 text-text-accent' />
+        return <Variable02 className="h-3.5 w-3.5 shrink-0 text-text-accent" />
     }
   }, [isFlat, isInCodeGeneratorInstructionEditor, itemData.variable])
 
   const varName = useMemo(() => {
-    if(VAR_SHOW_NAME_MAP[itemData.variable])
+    if (VAR_SHOW_NAME_MAP[itemData.variable])
       return VAR_SHOW_NAME_MAP[itemData.variable]
 
     if (!isFlat)
@@ -95,7 +96,8 @@ const Item: FC<ItemProps> = ({
   }, [isFlat, isInCodeGeneratorInstructionEditor, itemData.variable])
 
   const objStructuredOutput: StructuredOutput | null = useMemo(() => {
-    if (!isObj) return null
+    if (!isObj)
+      return null
     const properties: Record<string, Field> = {}
     const childrenVars = (itemData.children as Var[]) || []
     childrenVars.forEach((c) => {
@@ -160,19 +162,23 @@ const Item: FC<ItemProps> = ({
     }
   }
   const variableCategory = useMemo(() => {
-    if (isEnv) return 'environment'
-    if (isChatVar) return 'conversation'
-    if (isLoopVar) return 'loop'
-    if (isRagVariable) return 'rag'
+    if (isEnv)
+      return 'environment'
+    if (isChatVar)
+      return 'conversation'
+    if (isLoopVar)
+      return 'loop'
+    if (isRagVariable)
+      return 'rag'
     return 'system'
   }, [isEnv, isChatVar, isSys, isLoopVar, isRagVariable])
   return (
     <PortalToFollowElem
       open={open}
       onOpenChange={noop}
-      placement='left-start'
+      placement="left-start"
     >
-      <PortalToFollowElemTrigger className='w-full'>
+      <PortalToFollowElemTrigger className="w-full">
         <div
           ref={itemRef}
           className={cn(
@@ -180,43 +186,45 @@ const Item: FC<ItemProps> = ({
             isHovering && ((isObj || isStructureOutput) ? 'bg-components-panel-on-panel-item-bg-hover' : 'bg-state-base-hover'),
             'relative flex h-6 w-full cursor-pointer items-center rounded-md pl-3',
             className,
-          )
-          }
+          )}
           onClick={handleChosen}
           onMouseDown={e => e.preventDefault()}
         >
-          <div className='flex w-0 grow items-center'>
-            {!isFlat && <VariableIconWithColor
-              variables={itemData.variable.split('.')}
-              variableCategory={variableCategory}
-              isExceptionVariable={isException}
-            />}
+          <div className="flex w-0 grow items-center">
+            {!isFlat && (
+              <VariableIconWithColor
+                variables={itemData.variable.split('.')}
+                variableCategory={variableCategory}
+                isExceptionVariable={isException}
+              />
+            )}
             {isFlat && flatVarIcon}
 
             {!isEnv && !isChatVar && !isRagVariable && (
-              <div title={itemData.variable} className='system-sm-medium ml-1 w-0 grow truncate text-text-secondary'>{varName}</div>
+              <div title={itemData.variable} className="system-sm-medium ml-1 w-0 grow truncate text-text-secondary">{varName}</div>
             )}
             {isEnv && (
-              <div title={itemData.variable} className='system-sm-medium ml-1 w-0 grow truncate text-text-secondary'>{itemData.variable.replace('env.', '')}</div>
+              <div title={itemData.variable} className="system-sm-medium ml-1 w-0 grow truncate text-text-secondary">{itemData.variable.replace('env.', '')}</div>
             )}
             {isChatVar && (
-              <div title={itemData.des} className='system-sm-medium ml-1 w-0 grow truncate text-text-secondary'>{itemData.variable.replace('conversation.', '')}</div>
+              <div title={itemData.des} className="system-sm-medium ml-1 w-0 grow truncate text-text-secondary">{itemData.variable.replace('conversation.', '')}</div>
             )}
             {isRagVariable && (
-              <div title={itemData.des} className='system-sm-medium ml-1 w-0 grow truncate text-text-secondary'>{itemData.variable.split('.').slice(-1)[0]}</div>
+              <div title={itemData.des} className="system-sm-medium ml-1 w-0 grow truncate text-text-secondary">{itemData.variable.split('.').slice(-1)[0]}</div>
             )}
           </div>
-          <div className='ml-1 shrink-0 text-xs font-normal capitalize text-text-tertiary'>{(preferSchemaType && itemData.schemaType) ? itemData.schemaType : itemData.type}</div>
+          <div className="ml-1 shrink-0 text-xs font-normal capitalize text-text-tertiary">{(preferSchemaType && itemData.schemaType) ? itemData.schemaType : itemData.type}</div>
           {
             (isObj || isStructureOutput) && (
               <ChevronRight className={cn('ml-0.5 h-3 w-3 text-text-quaternary', isHovering && 'text-text-tertiary')} />
             )
           }
-        </div >
-      </PortalToFollowElemTrigger >
+        </div>
+      </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{
         zIndex: zIndex || 100,
-      }}>
+      }}
+      >
         {(isStructureOutput || isObj) && (
           <PickerStructurePanel
             root={{ nodeId, nodeName: title, attrName: itemData.variable, attrAlias: itemData.schemaType }}
@@ -228,7 +236,7 @@ const Item: FC<ItemProps> = ({
           />
         )}
       </PortalToFollowElemContent>
-    </PortalToFollowElem >
+    </PortalToFollowElem>
   )
 }
 
@@ -308,7 +316,7 @@ const VarReferenceVars: FC<Props> = ({
           <>
             <div className={cn('var-search-input-wrapper mx-2 mb-2 mt-2', searchBoxClassName)} onClick={e => e.stopPropagation()}>
               <Input
-                className='var-search-input'
+                className="var-search-input"
                 showLeftIcon
                 showClearIcon
                 value={searchText}
@@ -320,54 +328,63 @@ const VarReferenceVars: FC<Props> = ({
                 autoFocus={autoFocus}
               />
             </div>
-            <div className='relative left-[-4px] h-[0.5px] bg-black/5' style={{
-              width: 'calc(100% + 8px)',
-            }}></div>
+            <div
+              className="relative left-[-4px] h-[0.5px] bg-black/5"
+              style={{
+                width: 'calc(100% + 8px)',
+              }}
+            >
+            </div>
           </>
         )
       }
 
       {filteredVars.length > 0
-        ? <div className={cn('max-h-[85vh] overflow-y-auto', maxHeightClass)}>
+        ? (
+            <div className={cn('max-h-[85vh] overflow-y-auto', maxHeightClass)}>
 
-          {
-            filteredVars.map((item, i) => (
-              <div key={i} className={cn(!item.isFlat && 'mt-3', i === 0 && item.isFlat && 'mt-2')}>
-                {!item.isFlat && (
-                  <div
-                    className='system-xs-medium-uppercase truncate px-3 leading-[22px] text-text-tertiary'
-                    title={item.title}
-                  >{item.title}</div>
-                )}
-                {item.vars.map((v, j) => (
-                  <Item
-                    key={j}
-                    title={item.title}
-                    nodeId={item.nodeId}
-                    objPath={[]}
-                    itemData={v}
-                    onChange={onChange}
-                    itemWidth={itemWidth}
-                    isSupportFileVar={isSupportFileVar}
-                    isException={v.isException}
-                    isLoopVar={item.isLoop}
-                    isFlat={item.isFlat}
-                    isInCodeGeneratorInstructionEditor={isInCodeGeneratorInstructionEditor}
-                    zIndex={zIndex}
-                    preferSchemaType={preferSchemaType}
-                  />
-                ))}
-                {item.isFlat && !filteredVars[i + 1]?.isFlat && !!filteredVars.find(item => !item.isFlat) && (
-                  <div className='relative mt-[14px] flex  items-center space-x-1'>
-                    <div className='h-0 w-3 shrink-0 border border-divider-subtle'></div>
-                    <div className='system-2xs-semibold-uppercase text-text-tertiary'>{t('workflow.debug.lastOutput')}</div>
-                    <div className='h-0  shrink-0 grow border border-divider-subtle'></div>
+              {
+                filteredVars.map((item, i) => (
+                  <div key={i} className={cn(!item.isFlat && 'mt-3', i === 0 && item.isFlat && 'mt-2')}>
+                    {!item.isFlat && (
+                      <div
+                        className="system-xs-medium-uppercase truncate px-3 leading-[22px] text-text-tertiary"
+                        title={item.title}
+                      >
+                        {item.title}
+                      </div>
+                    )}
+                    {item.vars.map((v, j) => (
+                      <Item
+                        key={j}
+                        title={item.title}
+                        nodeId={item.nodeId}
+                        objPath={[]}
+                        itemData={v}
+                        onChange={onChange}
+                        itemWidth={itemWidth}
+                        isSupportFileVar={isSupportFileVar}
+                        isException={v.isException}
+                        isLoopVar={item.isLoop}
+                        isFlat={item.isFlat}
+                        isInCodeGeneratorInstructionEditor={isInCodeGeneratorInstructionEditor}
+                        zIndex={zIndex}
+                        preferSchemaType={preferSchemaType}
+                      />
+                    ))}
+                    {item.isFlat && !filteredVars[i + 1]?.isFlat && !!filteredVars.find(item => !item.isFlat) && (
+                      <div className="relative mt-[14px] flex  items-center space-x-1">
+                        <div className="h-0 w-3 shrink-0 border border-divider-subtle"></div>
+                        <div className="system-2xs-semibold-uppercase text-text-tertiary">{t('workflow.debug.lastOutput')}</div>
+                        <div className="h-0  shrink-0 grow border border-divider-subtle"></div>
+                      </div>
+                    )}
                   </div>
-                )}
-              </div>))
-          }
-        </div>
-        : <div className='mt-2 pl-3 text-xs font-medium uppercase leading-[18px] text-gray-500'>{t('workflow.common.noVar')}</div>}
+                ))
+              }
+            </div>
+          )
+        : <div className="mt-2 pl-3 text-xs font-medium uppercase leading-[18px] text-gray-500">{t('workflow.common.noVar')}</div>}
       {
         showManageInputField && (
           <ManageInputField
diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-type-picker.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-type-picker.tsx
index fa2b9c1d6a..b6b08bc799 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-type-picker.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-type-picker.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
 import { RiArrowDownSLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import React, { useCallback, useState } from 'react'
+import { Check } from '@/app/components/base/icons/src/vender/line/general'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Check } from '@/app/components/base/icons/src/vender/line/general'
 import { VarType } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   className?: string
@@ -39,27 +39,28 @@ const VarReferencePicker: FC<Props> = ({
       <PortalToFollowElem
         open={open}
         onOpenChange={setOpen}
-        placement='bottom-start'
+        placement="bottom-start"
         offset={4}
       >
-        <PortalToFollowElemTrigger onClick={() => setOpen(!open)} className='w-[120px] cursor-pointer'>
-          <div className='flex h-8 items-center justify-between rounded-lg border-0 bg-components-input-bg-normal px-2.5 text-[13px] text-text-primary'>
-            <div className='w-0 grow truncate capitalize' title={value}>{value}</div>
-            <RiArrowDownSLine className='h-3.5 w-3.5 shrink-0 text-text-secondary' />
+        <PortalToFollowElemTrigger onClick={() => setOpen(!open)} className="w-[120px] cursor-pointer">
+          <div className="flex h-8 items-center justify-between rounded-lg border-0 bg-components-input-bg-normal px-2.5 text-[13px] text-text-primary">
+            <div className="w-0 grow truncate capitalize" title={value}>{value}</div>
+            <RiArrowDownSLine className="h-3.5 w-3.5 shrink-0 text-text-secondary" />
           </div>
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent style={{
           zIndex: 100,
-        }}>
-          <div className='w-[120px] rounded-lg bg-components-panel-bg p-1 shadow-sm'>
+        }}
+        >
+          <div className="w-[120px] rounded-lg bg-components-panel-bg p-1 shadow-sm">
             {TYPES.map(type => (
               <div
                 key={type}
-                className='flex h-[30px] cursor-pointer items-center justify-between rounded-lg pl-3 pr-2 text-[13px] text-text-primary hover:bg-state-base-hover'
+                className="flex h-[30px] cursor-pointer items-center justify-between rounded-lg pl-3 pr-2 text-[13px] text-text-primary hover:bg-state-base-hover"
                 onClick={handleChange(type)}
               >
-                <div className='w-0 grow truncate capitalize'>{type}</div>
-                {type === value && <Check className='h-4 w-4 shrink-0 text-text-accent' />}
+                <div className="w-0 grow truncate capitalize">{type}</div>
+                {type === value && <Check className="h-4 w-4 shrink-0 text-text-accent" />}
               </div>
             ))}
           </div>
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-icon.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-icon.tsx
index b97287da1e..c515cd9e7a 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-icon.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-icon.tsx
@@ -1,7 +1,7 @@
+import type { VarInInspectType } from '@/types/workflow'
 import { memo } from 'react'
 import { cn } from '@/utils/classnames'
 import { useVarIcon } from '../hooks'
-import type { VarInInspectType } from '@/types/workflow'
 
 export type VariableIconProps = {
   className?: string
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-label.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-label.tsx
index 3eb31ae5e0..63b392482f 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-label.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-label.tsx
@@ -1,17 +1,17 @@
-import { memo } from 'react'
-import { capitalize } from 'lodash-es'
+import type { VariablePayload } from '../types'
 import {
   RiErrorWarningFill,
   RiMoreLine,
 } from '@remixicon/react'
-import type { VariablePayload } from '../types'
+import { capitalize } from 'lodash-es'
+import { memo } from 'react'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
+import { isConversationVar, isENV, isGlobalVar, isRagVariableVar } from '../../utils'
 import { useVarColor } from '../hooks'
-import VariableNodeLabel from './variable-node-label'
 import VariableIcon from './variable-icon'
 import VariableName from './variable-name'
-import { cn } from '@/utils/classnames'
-import Tooltip from '@/app/components/base/tooltip'
-import { isConversationVar, isENV, isGlobalVar, isRagVariableVar } from '../../utils'
+import VariableNodeLabel from './variable-node-label'
 
 const VariableLabel = ({
   nodeType,
@@ -46,8 +46,8 @@ const VariableLabel = ({
       {
         notShowFullPath && (
           <>
-            <RiMoreLine className='h-3 w-3 shrink-0 text-text-secondary' />
-            <div className='system-xs-regular shrink-0 text-divider-deep'>/</div>
+            <RiMoreLine className="h-3 w-3 shrink-0 text-text-secondary" />
+            <div className="system-xs-regular shrink-0 text-divider-deep">/</div>
           </>
         )
       }
@@ -62,7 +62,7 @@ const VariableLabel = ({
       />
       {
         variableType && (
-          <div className='system-xs-regular shrink-0 text-text-tertiary'>
+          <div className="system-xs-regular shrink-0 text-text-tertiary">
             {capitalize(variableType)}
           </div>
         )
@@ -73,7 +73,7 @@ const VariableLabel = ({
             popupContent={errorMsg}
             asChild
           >
-            <RiErrorWarningFill className='h-3 w-3 shrink-0 text-text-destructive' />
+            <RiErrorWarningFill className="h-3 w-3 shrink-0 text-text-destructive" />
           </Tooltip>
         )
       }
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-name.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-name.tsx
index ea1ee539ed..d3d9b6bbcf 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-name.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-name.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react'
-import { useVarName } from '../hooks'
 import { cn } from '@/utils/classnames'
+import { useVarName } from '../hooks'
 
 type VariableNameProps = {
   variables: string[]
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-node-label.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-node-label.tsx
index 35b539d97a..35434141ca 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-node-label.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/base/variable-node-label.tsx
@@ -1,6 +1,6 @@
+import type { BlockEnum } from '@/app/components/workflow/types'
 import { memo } from 'react'
 import { VarBlockIcon } from '@/app/components/workflow/block-icon'
-import type { BlockEnum } from '@/app/components/workflow/types'
 
 type VariableNodeLabelProps = {
   nodeType?: BlockEnum
@@ -17,19 +17,19 @@ const VariableNodeLabel = ({
     <>
       <VarBlockIcon
         type={nodeType}
-        className='shrink-0 text-text-secondary'
+        className="shrink-0 text-text-secondary"
       />
       {
         nodeTitle && (
           <div
-            className='system-xs-medium max-w-[60px] truncate text-text-secondary'
+            className="system-xs-medium max-w-[60px] truncate text-text-secondary"
             title={nodeTitle}
           >
             {nodeTitle}
           </div>
         )
       }
-      <div className='system-xs-regular shrink-0 text-divider-deep'>/</div>
+      <div className="system-xs-regular shrink-0 text-divider-deep">/</div>
     </>
   )
 }
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts b/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts
index bb388d429a..a892bd9987 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts
@@ -1,8 +1,10 @@
 import { useMemo } from 'react'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import { BubbleX, Env, GlobalVariable } from '@/app/components/base/icons/src/vender/line/others'
-import { Loop } from '@/app/components/base/icons/src/vender/workflow'
 import { InputField } from '@/app/components/base/icons/src/vender/pipeline'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import { Loop } from '@/app/components/base/icons/src/vender/workflow'
+import { VAR_SHOW_NAME_MAP } from '@/app/components/workflow/constants'
+import { VarInInspectType } from '@/types/workflow'
 import {
   isConversationVar,
   isENV,
@@ -10,8 +12,6 @@ import {
   isRagVariableVar,
   isSystemVar,
 } from '../utils'
-import { VarInInspectType } from '@/types/workflow'
-import { VAR_SHOW_NAME_MAP } from '@/app/components/workflow/constants'
 
 export const useVarIcon = (variables: string[], variableCategory?: VarInInspectType | string) => {
   if (variableCategory === 'loop')
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/index.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/index.tsx
index 012522e0aa..9cb2176fcd 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/index.tsx
@@ -1,5 +1,5 @@
-export { default as VariableLabelInSelect } from './variable-label-in-select'
+export { default as VariableIconWithColor } from './variable-icon-with-color'
 export { default as VariableLabelInEditor } from './variable-label-in-editor'
 export { default as VariableLabelInNode } from './variable-label-in-node'
+export { default as VariableLabelInSelect } from './variable-label-in-select'
 export { default as VariableLabelInText } from './variable-label-in-text'
-export { default as VariableIconWithColor } from './variable-icon-with-color'
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-icon-with-color.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-icon-with-color.tsx
index 793f6a93e5..bbe580e79e 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-icon-with-color.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-icon-with-color.tsx
@@ -1,8 +1,8 @@
-import { memo } from 'react'
-import VariableIcon from './base/variable-icon'
 import type { VariableIconProps } from './base/variable-icon'
-import { useVarColor } from './hooks'
+import { memo } from 'react'
 import { cn } from '@/utils/classnames'
+import VariableIcon from './base/variable-icon'
+import { useVarColor } from './hooks'
 
 type VariableIconWithColorProps = {
   isExceptionVariable?: boolean
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-editor.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-editor.tsx
index 05774e59c2..8a65996dc0 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-editor.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-editor.tsx
@@ -1,8 +1,8 @@
-import { memo } from 'react'
 import type { VariablePayload } from './types'
+import { memo } from 'react'
+import { cn } from '@/utils/classnames'
 import VariableLabel from './base/variable-label'
 import { useVarBgColorInEditor } from './hooks'
-import { cn } from '@/utils/classnames'
 
 type VariableLabelInEditorProps = {
   isSelected?: boolean
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-node.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-node.tsx
index db3484affa..5aebf00e11 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-node.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-node.tsx
@@ -1,7 +1,7 @@
-import { memo } from 'react'
 import type { VariablePayload } from './types'
-import VariableLabel from './base/variable-label'
+import { memo } from 'react'
 import { cn } from '@/utils/classnames'
+import VariableLabel from './base/variable-label'
 
 const VariableLabelInNode = (variablePayload: VariablePayload) => {
   return (
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-select.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-select.tsx
index 34e7b5f461..259fc26689 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-select.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-select.tsx
@@ -1,5 +1,5 @@
-import { memo } from 'react'
 import type { VariablePayload } from './types'
+import { memo } from 'react'
 import VariableLabel from './base/variable-label'
 
 const VariableLabelInSelect = (variablePayload: VariablePayload) => {
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-text.tsx b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-text.tsx
index eb66943fbc..2636ad747b 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-text.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/variable-label-in-text.tsx
@@ -1,7 +1,7 @@
-import { memo } from 'react'
 import type { VariablePayload } from './types'
-import VariableLabel from './base/variable-label'
+import { memo } from 'react'
 import { cn } from '@/utils/classnames'
+import VariableLabel from './base/variable-label'
 
 const VariableLabelInText = (variablePayload: VariablePayload) => {
   return (
diff --git a/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx b/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx
index 309b88ffe2..3624e10bb1 100644
--- a/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx
@@ -1,6 +1,27 @@
+import type { FC, ReactNode } from 'react'
+import type { SimpleSubscription } from '@/app/components/plugins/plugin-detail-panel/subscription-list'
+import type { CustomRunFormProps } from '@/app/components/workflow/nodes/data-source/types'
+import type { Node } from '@/app/components/workflow/types'
+import {
+  RiCloseLine,
+  RiPlayLargeLine,
+} from '@remixicon/react'
+import { debounce } from 'lodash-es'
+import React, {
+  cloneElement,
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { useShallow } from 'zustand/react/shallow'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { Stop } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
 import Tooltip from '@/app/components/base/tooltip'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import {
   AuthCategory,
@@ -10,11 +31,9 @@ import {
   PluginAuthInDataSourceNode,
 } from '@/app/components/plugins/plugin-auth'
 import { usePluginStore } from '@/app/components/plugins/plugin-detail-panel/store'
-import type { SimpleSubscription } from '@/app/components/plugins/plugin-detail-panel/subscription-list'
 import { ReadmeEntrance } from '@/app/components/plugins/readme-panel/entrance'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import {
-  WorkflowHistoryEvent,
   useAvailableBlocks,
   useNodeDataUpdate,
   useNodesInteractions,
@@ -22,17 +41,17 @@ import {
   useNodesReadOnly,
   useToolIcon,
   useWorkflowHistory,
+  WorkflowHistoryEvent,
 } from '@/app/components/workflow/hooks'
 import { useHooksStore } from '@/app/components/workflow/hooks-store'
 import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
 import Split from '@/app/components/workflow/nodes/_base/components/split'
 import DataSourceBeforeRunForm from '@/app/components/workflow/nodes/data-source/before-run-form'
-import type { CustomRunFormProps } from '@/app/components/workflow/nodes/data-source/types'
 import { DataSourceClassification } from '@/app/components/workflow/nodes/data-source/types'
 import { useLogs } from '@/app/components/workflow/run/hooks'
 import SpecialResultPanel from '@/app/components/workflow/run/special-result-panel'
 import { useStore } from '@/app/components/workflow/store'
-import { BlockEnum, type Node, NodeRunningStatus } from '@/app/components/workflow/types'
+import { BlockEnum, NodeRunningStatus } from '@/app/components/workflow/types'
 import {
   canRunBySingle,
   hasErrorHandleNode,
@@ -45,24 +64,6 @@ import { useAllTriggerPlugins } from '@/service/use-triggers'
 import { FlowType } from '@/types/common'
 import { canFindTool } from '@/utils'
 import { cn } from '@/utils/classnames'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import {
-  RiCloseLine,
-  RiPlayLargeLine,
-} from '@remixicon/react'
-import { debounce } from 'lodash-es'
-import type { FC, ReactNode } from 'react'
-import React, {
-  cloneElement,
-  memo,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { useShallow } from 'zustand/react/shallow'
 import { useResizePanel } from '../../hooks/use-resize-panel'
 import BeforeRunForm from '../before-run-form'
 import PanelWrap from '../before-run-form/panel-wrap'
@@ -83,7 +84,14 @@ const getCustomRunForm = (params: CustomRunFormProps): React.JSX.Element => {
     case BlockEnum.DataSource:
       return <DataSourceBeforeRunForm {...params} />
     default:
-      return <div>Custom Run Form: {nodeType} not found</div>
+      return (
+        <div>
+          Custom Run Form:
+          {nodeType}
+          {' '}
+          not found
+        </div>
+      )
   }
 }
 
@@ -362,7 +370,7 @@ const BasePanel: FC<BasePanelProps> = ({
       default:
         break
     }
-    return !pluginDetail ? null : <ReadmeEntrance pluginDetail={pluginDetail as any} className='mt-auto' />
+    return !pluginDetail ? null : <ReadmeEntrance pluginDetail={pluginDetail as any} className="mt-auto" />
   }, [data.type, currToolCollection, currentDataSource, currentTriggerPlugin])
 
   const selectedNode = useMemo(() => ({
@@ -373,7 +381,8 @@ const BasePanel: FC<BasePanelProps> = ({
     return (
       <div className={cn(
         'relative mr-1  h-full',
-      )}>
+      )}
+      >
         <div
           ref={containerRef}
           className={cn('flex h-full flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg', showSingleRunPanel ? 'overflow-hidden' : 'overflow-y-auto')}
@@ -385,7 +394,7 @@ const BasePanel: FC<BasePanelProps> = ({
             nodeName={data.title}
             onHide={hideSingleRun}
           >
-            <div className='h-0 grow overflow-y-auto pb-4'>
+            <div className="h-0 grow overflow-y-auto pb-4">
               <SpecialResultPanel {...passedLogParams} />
             </div>
           </PanelWrap>
@@ -412,7 +421,8 @@ const BasePanel: FC<BasePanelProps> = ({
     return (
       <div className={cn(
         'relative mr-1  h-full',
-      )}>
+      )}
+      >
         <div
           ref={containerRef}
           className={cn('flex h-full flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-lg', showSingleRunPanel ? 'overflow-hidden' : 'overflow-y-auto')}
@@ -420,20 +430,22 @@ const BasePanel: FC<BasePanelProps> = ({
             width: `${nodePanelWidth}px`,
           }}
         >
-          {isSupportCustomRunForm(data.type) ? (
-            form
-          ) : (
-            <BeforeRunForm
-              nodeName={data.title}
-              nodeType={data.type}
-              onHide={hideSingleRun}
-              onRun={handleRunWithParams}
-              {...singleRunParams!}
-              {...passedLogParams}
-              existVarValuesInForms={getExistVarValuesInForms(singleRunParams?.forms as any)}
-              filteredExistVarForms={getFilteredExistVarForms(singleRunParams?.forms as any)}
-            />
-          )}
+          {isSupportCustomRunForm(data.type)
+            ? (
+                form
+              )
+            : (
+                <BeforeRunForm
+                  nodeName={data.title}
+                  nodeType={data.type}
+                  onHide={hideSingleRun}
+                  onRun={handleRunWithParams}
+                  {...singleRunParams!}
+                  {...passedLogParams}
+                  existVarValuesInForms={getExistVarValuesInForms(singleRunParams?.forms as any)}
+                  filteredExistVarForms={getFilteredExistVarForms(singleRunParams?.forms as any)}
+                />
+              )}
 
         </div>
       </div>
@@ -452,8 +464,9 @@ const BasePanel: FC<BasePanelProps> = ({
     >
       <div
         ref={triggerRef}
-        className='absolute -left-1 top-0 flex h-full w-1 cursor-col-resize resize-x items-center justify-center'>
-        <div className='h-10 w-0.5 rounded-sm bg-state-base-handle hover:h-full hover:bg-state-accent-solid active:h-full active:bg-state-accent-solid'></div>
+        className="absolute -left-1 top-0 flex h-full w-1 cursor-col-resize resize-x items-center justify-center"
+      >
+        <div className="h-10 w-0.5 rounded-sm bg-state-base-handle hover:h-full hover:bg-state-accent-solid active:h-full active:bg-state-accent-solid"></div>
       </div>
       <div
         ref={containerRef}
@@ -462,28 +475,28 @@ const BasePanel: FC<BasePanelProps> = ({
           width: `${nodePanelWidth}px`,
         }}
       >
-        <div className='sticky top-0 z-10 shrink-0 border-b-[0.5px] border-divider-regular bg-components-panel-bg'>
-          <div className='flex items-center px-4 pb-1 pt-4'>
+        <div className="sticky top-0 z-10 shrink-0 border-b-[0.5px] border-divider-regular bg-components-panel-bg">
+          <div className="flex items-center px-4 pb-1 pt-4">
             <BlockIcon
-              className='mr-1 shrink-0'
+              className="mr-1 shrink-0"
               type={data.type}
               toolIcon={toolIcon}
-              size='md'
+              size="md"
             />
             <TitleInput
               value={data.title || ''}
               onBlur={handleTitleBlur}
             />
-            <div className='flex shrink-0 items-center text-text-tertiary'>
+            <div className="flex shrink-0 items-center text-text-tertiary">
               {
                 isSupportSingleRun && !nodesReadOnly && (
                   <Tooltip
                     popupContent={t('workflow.panel.runThisStep')}
-                    popupClassName='mr-1'
+                    popupClassName="mr-1"
                     disabled={isSingleRunning}
                   >
                     <div
-                      className='mr-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-state-base-hover'
+                      className="mr-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-state-base-hover"
                       onClick={() => {
                         if (isSingleRunning)
                           handleStop()
@@ -492,8 +505,9 @@ const BasePanel: FC<BasePanelProps> = ({
                       }}
                     >
                       {
-                        isSingleRunning ? <Stop className='h-4 w-4 text-text-tertiary' />
-                          : <RiPlayLargeLine className='h-4 w-4 text-text-tertiary' />
+                        isSingleRunning
+                          ? <Stop className="h-4 w-4 text-text-tertiary" />
+                          : <RiPlayLargeLine className="h-4 w-4 text-text-tertiary" />
                       }
                     </div>
                   </Tooltip>
@@ -501,16 +515,16 @@ const BasePanel: FC<BasePanelProps> = ({
               }
               <HelpLink nodeType={data.type} />
               <PanelOperator id={id} data={data} showHelpLink={false} />
-              <div className='mx-3 h-3.5 w-[1px] bg-divider-regular' />
+              <div className="mx-3 h-3.5 w-[1px] bg-divider-regular" />
               <div
-                className='flex h-6 w-6 cursor-pointer items-center justify-center'
+                className="flex h-6 w-6 cursor-pointer items-center justify-center"
                 onClick={() => handleNodeSelect(id, true)}
               >
-                <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+                <RiCloseLine className="h-4 w-4 text-text-tertiary" />
               </div>
             </div>
           </div>
-          <div className='p-2'>
+          <div className="p-2">
             <DescriptionInput
               value={data.desc || ''}
               onChange={handleDescriptionChange}
@@ -519,7 +533,7 @@ const BasePanel: FC<BasePanelProps> = ({
           {
             needsToolAuth && (
               <PluginAuth
-                className='px-4 pb-2'
+                className="px-4 pb-2"
                 pluginPayload={{
                   provider: currToolCollection?.name || '',
                   providerType: currToolCollection?.type || '',
@@ -527,7 +541,7 @@ const BasePanel: FC<BasePanelProps> = ({
                   detail: currToolCollection as any,
                 }}
               >
-                <div className='flex items-center justify-between pl-4 pr-3'>
+                <div className="flex items-center justify-between pl-4 pr-3">
                   <Tab
                     value={tabType}
                     onChange={setTabType}
@@ -552,7 +566,7 @@ const BasePanel: FC<BasePanelProps> = ({
                 onJumpToDataSourcePage={handleJumpToDataSourcePage}
                 isAuthorized={currentDataSource.is_authorized}
               >
-                <div className='flex items-center justify-between pl-4 pr-3'>
+                <div className="flex items-center justify-between pl-4 pr-3">
                   <Tab
                     value={tabType}
                     onChange={setTabType}
@@ -580,7 +594,7 @@ const BasePanel: FC<BasePanelProps> = ({
           }
           {
             !needsToolAuth && !currentDataSource && !currentTriggerPlugin && (
-              <div className='flex items-center justify-between pl-4 pr-3'>
+              <div className="flex items-center justify-between pl-4 pr-3">
                 <Tab
                   value={tabType}
                   onChange={setTabType}
@@ -591,7 +605,7 @@ const BasePanel: FC<BasePanelProps> = ({
           <Split />
         </div>
         {tabType === TabType.settings && (
-          <div className='flex flex-1 flex-col overflow-y-auto'>
+          <div className="flex flex-1 flex-col overflow-y-auto">
             <div>
               {cloneElement(children as any, {
                 id,
@@ -625,11 +639,11 @@ const BasePanel: FC<BasePanelProps> = ({
             }
             {
               !!availableNextBlocks.length && (
-                <div className='border-t-[0.5px] border-divider-regular p-4'>
-                  <div className='system-sm-semibold-uppercase mb-1 flex items-center text-text-secondary'>
+                <div className="border-t-[0.5px] border-divider-regular p-4">
+                  <div className="system-sm-semibold-uppercase mb-1 flex items-center text-text-secondary">
                     {t('workflow.panel.nextStep').toLocaleUpperCase()}
                   </div>
-                  <div className='system-xs-regular mb-2 text-text-tertiary'>
+                  <div className="system-xs-regular mb-2 text-text-tertiary">
                     {t('workflow.panel.addNextStep')}
                   </div>
                   <NextStep selectedNode={selectedNode} />
diff --git a/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/index.tsx b/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/index.tsx
index 43dab49ed8..93d5debb51 100644
--- a/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/index.tsx
@@ -1,15 +1,15 @@
 'use client'
+import type { FC } from 'react'
 import type { ResultPanelProps } from '@/app/components/workflow/run/result-panel'
+import type { NodeTracing } from '@/types/workflow'
+import { RiLoader2Line } from '@remixicon/react'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
+import { useHooksStore } from '@/app/components/workflow/hooks-store'
 import ResultPanel from '@/app/components/workflow/run/result-panel'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
-import type { FC } from 'react'
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import NoData from './no-data'
 import { useLastRun } from '@/service/use-workflow'
-import { RiLoader2Line } from '@remixicon/react'
-import type { NodeTracing } from '@/types/workflow'
-import { useHooksStore } from '@/app/components/workflow/hooks-store'
 import { FlowType } from '@/types/common'
+import NoData from './no-data'
 
 type Props = {
   appId: string
@@ -49,10 +49,10 @@ const LastRun: FC<Props> = ({
   const canRunLastRun = !isRunAfterSingleRun || isOneStepRunSucceed || isOneStepRunFailed || (pageHasHide && hidePageOneStepRunFinished)
   const { data: lastRunResult, isFetching, error } = useLastRun(configsMap?.flowType || FlowType.appFlow, configsMap?.flowId || '', nodeId, canRunLastRun)
   const isRunning = useMemo(() => {
-    if(isPaused)
+    if (isPaused)
       return false
 
-    if(!isRunAfterSingleRun)
+    if (!isRunAfterSingleRun)
       return isFetching
     return [NodeRunningStatus.Running, NodeRunningStatus.NotStart].includes(oneStepRunRunningStatus!)
   }, [isFetching, isPaused, isRunAfterSingleRun, oneStepRunRunningStatus])
@@ -86,7 +86,7 @@ const LastRun: FC<Props> = ({
   }, [isOneStepRunSucceed, isOneStepRunFailed, oneStepRunRunningStatus])
 
   useEffect(() => {
-    if([NodeRunningStatus.Succeeded, NodeRunningStatus.Failed].includes(oneStepRunRunningStatus!))
+    if ([NodeRunningStatus.Succeeded, NodeRunningStatus.Failed].includes(oneStepRunRunningStatus!))
       setHidePageOneStepFinishedStatus(oneStepRunRunningStatus!)
   }, [oneStepRunRunningStatus])
 
@@ -110,13 +110,14 @@ const LastRun: FC<Props> = ({
 
   if (isFetching && !isRunAfterSingleRun) {
     return (
-      <div className='flex h-0 grow flex-col items-center justify-center'>
-        <RiLoader2Line className='size-4 animate-spin text-text-tertiary' />
-      </div>)
+      <div className="flex h-0 grow flex-col items-center justify-center">
+        <RiLoader2Line className="size-4 animate-spin text-text-tertiary" />
+      </div>
+    )
   }
 
   if (isRunning)
-    return <ResultPanel status='running' showSteps={false} />
+    return <ResultPanel status="running" showSteps={false} />
   if (!isPaused && (noLastRun || !runResult)) {
     return (
       <NoData canSingleRun={canSingleRun} onSingleRun={onSingleRunClicked} />
diff --git a/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/no-data.tsx b/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/no-data.tsx
index ad0058efae..4ae6ccd31f 100644
--- a/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/no-data.tsx
+++ b/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/no-data.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
-import Button from '@/app/components/base/button'
 import { RiPlayLine } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
 
 type Props = {
   canSingleRun: boolean
@@ -17,16 +17,16 @@ const NoData: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='flex h-0 grow flex-col items-center justify-center'>
-      <ClockPlay className='h-8 w-8 text-text-quaternary' />
-      <div className='system-xs-regular my-2 text-text-tertiary'>{t('workflow.debug.noData.description')}</div>
+    <div className="flex h-0 grow flex-col items-center justify-center">
+      <ClockPlay className="h-8 w-8 text-text-quaternary" />
+      <div className="system-xs-regular my-2 text-text-tertiary">{t('workflow.debug.noData.description')}</div>
       {canSingleRun && (
         <Button
-          className='flex'
-          size='small'
+          className="flex"
+          size="small"
           onClick={onSingleRun}
         >
-          <RiPlayLine className='mr-1 h-3.5 w-3.5' />
+          <RiPlayLine className="mr-1 h-3.5 w-3.5" />
           <div>{t('workflow.debug.noData.runThisNode')}</div>
         </Button>
       )}
diff --git a/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/use-last-run.ts b/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/use-last-run.ts
index ac9f2051c3..0de98db032 100644
--- a/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/use-last-run.ts
+++ b/web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/use-last-run.ts
@@ -1,42 +1,42 @@
-import useOneStepRun from '@/app/components/workflow/nodes/_base/hooks/use-one-step-run'
-import type { Params as OneStepRunParams } from '@/app/components/workflow/nodes/_base/hooks/use-one-step-run'
-import { useCallback, useEffect, useState } from 'react'
-import { TabType } from '../tab'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
-import useStartSingleRunFormParams from '@/app/components/workflow/nodes/start/use-single-run-form-params'
-import useLLMSingleRunFormParams from '@/app/components/workflow/nodes/llm/use-single-run-form-params'
-import useKnowledgeRetrievalSingleRunFormParams from '@/app/components/workflow/nodes/knowledge-retrieval/use-single-run-form-params'
-import useCodeSingleRunFormParams from '@/app/components/workflow/nodes/code/use-single-run-form-params'
-import useTemplateTransformSingleRunFormParams from '@/app/components/workflow/nodes/template-transform/use-single-run-form-params'
-import useQuestionClassifierSingleRunFormParams from '@/app/components/workflow/nodes/question-classifier/use-single-run-form-params'
-import useParameterExtractorSingleRunFormParams from '@/app/components/workflow/nodes/parameter-extractor/use-single-run-form-params'
-import useHttpRequestSingleRunFormParams from '@/app/components/workflow/nodes/http/use-single-run-form-params'
-import useToolSingleRunFormParams from '@/app/components/workflow/nodes/tool/use-single-run-form-params'
-import useIterationSingleRunFormParams from '@/app/components/workflow/nodes/iteration/use-single-run-form-params'
-import useAgentSingleRunFormParams from '@/app/components/workflow/nodes/agent/use-single-run-form-params'
-import useDocExtractorSingleRunFormParams from '@/app/components/workflow/nodes/document-extractor/use-single-run-form-params'
-import useLoopSingleRunFormParams from '@/app/components/workflow/nodes/loop/use-single-run-form-params'
-import useIfElseSingleRunFormParams from '@/app/components/workflow/nodes/if-else/use-single-run-form-params'
-import useVariableAggregatorSingleRunFormParams from '@/app/components/workflow/nodes/variable-assigner/use-single-run-form-params'
-import useVariableAssignerSingleRunFormParams from '@/app/components/workflow/nodes/assigner/use-single-run-form-params'
-import useKnowledgeBaseSingleRunFormParams from '@/app/components/workflow/nodes/knowledge-base/use-single-run-form-params'
-
-import useToolGetDataForCheckMore from '@/app/components/workflow/nodes/tool/use-get-data-for-check-more'
-import useTriggerPluginGetDataForCheckMore from '@/app/components/workflow/nodes/trigger-plugin/use-check-params'
-import { VALUE_SELECTOR_DELIMITER as DELIMITER } from '@/config'
-
+import type { Params as OneStepRunParams } from '@/app/components/workflow/nodes/_base/hooks/use-one-step-run'
 // import
 import type { CommonNodeType, ValueSelector } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
+import { useCallback, useEffect, useState } from 'react'
+import Toast from '@/app/components/base/toast'
 import {
   useNodesSyncDraft,
 } from '@/app/components/workflow/hooks'
 import { useWorkflowRunValidation } from '@/app/components/workflow/hooks/use-checklist'
 import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
-import { useInvalidLastRun } from '@/service/use-workflow'
+import useOneStepRun from '@/app/components/workflow/nodes/_base/hooks/use-one-step-run'
+import useAgentSingleRunFormParams from '@/app/components/workflow/nodes/agent/use-single-run-form-params'
+import useVariableAssignerSingleRunFormParams from '@/app/components/workflow/nodes/assigner/use-single-run-form-params'
+import useCodeSingleRunFormParams from '@/app/components/workflow/nodes/code/use-single-run-form-params'
+import useDocExtractorSingleRunFormParams from '@/app/components/workflow/nodes/document-extractor/use-single-run-form-params'
+import useHttpRequestSingleRunFormParams from '@/app/components/workflow/nodes/http/use-single-run-form-params'
+import useIfElseSingleRunFormParams from '@/app/components/workflow/nodes/if-else/use-single-run-form-params'
+import useIterationSingleRunFormParams from '@/app/components/workflow/nodes/iteration/use-single-run-form-params'
+import useKnowledgeBaseSingleRunFormParams from '@/app/components/workflow/nodes/knowledge-base/use-single-run-form-params'
+import useKnowledgeRetrievalSingleRunFormParams from '@/app/components/workflow/nodes/knowledge-retrieval/use-single-run-form-params'
+import useLLMSingleRunFormParams from '@/app/components/workflow/nodes/llm/use-single-run-form-params'
+import useLoopSingleRunFormParams from '@/app/components/workflow/nodes/loop/use-single-run-form-params'
+import useParameterExtractorSingleRunFormParams from '@/app/components/workflow/nodes/parameter-extractor/use-single-run-form-params'
+import useQuestionClassifierSingleRunFormParams from '@/app/components/workflow/nodes/question-classifier/use-single-run-form-params'
+
+import useStartSingleRunFormParams from '@/app/components/workflow/nodes/start/use-single-run-form-params'
+import useTemplateTransformSingleRunFormParams from '@/app/components/workflow/nodes/template-transform/use-single-run-form-params'
+import useToolGetDataForCheckMore from '@/app/components/workflow/nodes/tool/use-get-data-for-check-more'
+
+import useToolSingleRunFormParams from '@/app/components/workflow/nodes/tool/use-single-run-form-params'
+import useTriggerPluginGetDataForCheckMore from '@/app/components/workflow/nodes/trigger-plugin/use-check-params'
+import useVariableAggregatorSingleRunFormParams from '@/app/components/workflow/nodes/variable-assigner/use-single-run-form-params'
 import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { isSupportCustomRunForm } from '@/app/components/workflow/utils'
-import Toast from '@/app/components/base/toast'
+import { VALUE_SELECTOR_DELIMITER as DELIMITER } from '@/config'
+import { useInvalidLastRun } from '@/service/use-workflow'
+import { TabType } from '../tab'
 
 const singleRunFormParamsHooks: Record<BlockEnum, any> = {
   [BlockEnum.LLM]: useLLMSingleRunFormParams,
diff --git a/web/app/components/workflow/nodes/_base/components/workflow-panel/tab.tsx b/web/app/components/workflow/nodes/_base/components/workflow-panel/tab.tsx
index 08bbdf4068..53ae913a8e 100644
--- a/web/app/components/workflow/nodes/_base/components/workflow-panel/tab.tsx
+++ b/web/app/components/workflow/nodes/_base/components/workflow-panel/tab.tsx
@@ -1,8 +1,8 @@
 'use client'
-import TabHeader from '@/app/components/base/tab-header'
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import TabHeader from '@/app/components/base/tab-header'
 
 export enum TabType {
   settings = 'settings',
@@ -11,7 +11,7 @@ export enum TabType {
 }
 
 type Props = {
-  value: TabType,
+  value: TabType
   onChange: (value: TabType) => void
 }
 
@@ -26,7 +26,7 @@ const Tab: FC<Props> = ({
         { id: TabType.settings, name: t('workflow.debug.settingsTab').toLocaleUpperCase() },
         { id: TabType.lastRun, name: t('workflow.debug.lastRunTab').toLocaleUpperCase() },
       ]}
-      itemClassName='ml-0'
+      itemClassName="ml-0"
       value={value}
       onChange={onChange as any}
     />
diff --git a/web/app/components/workflow/nodes/_base/components/workflow-panel/trigger-subscription.tsx b/web/app/components/workflow/nodes/_base/components/workflow-panel/trigger-subscription.tsx
index 52c6d4fe18..a6dd65ea81 100644
--- a/web/app/components/workflow/nodes/_base/components/workflow-panel/trigger-subscription.tsx
+++ b/web/app/components/workflow/nodes/_base/components/workflow-panel/trigger-subscription.tsx
@@ -1,9 +1,9 @@
+import type { FC } from 'react'
 import type { SimpleSubscription } from '@/app/components/plugins/plugin-detail-panel/subscription-list'
 import { CreateButtonType, CreateSubscriptionButton } from '@/app/components/plugins/plugin-detail-panel/subscription-list/create'
 import { SubscriptionSelectorEntry } from '@/app/components/plugins/plugin-detail-panel/subscription-list/selector-entry'
 import { useSubscriptionList } from '@/app/components/plugins/plugin-detail-panel/subscription-list/use-subscription-list'
 import { cn } from '@/utils/classnames'
-import type { FC } from 'react'
 
 type TriggerSubscriptionProps = {
   subscriptionIdSelected?: string
@@ -15,12 +15,16 @@ export const TriggerSubscription: FC<TriggerSubscriptionProps> = ({ subscription
   const { subscriptions } = useSubscriptionList()
   const subscriptionCount = subscriptions?.length || 0
 
-  return <div className={cn('px-4', subscriptionCount > 0 && 'flex items-center justify-between pr-3')}>
-    {!subscriptionCount && <CreateSubscriptionButton buttonType={CreateButtonType.FULL_BUTTON} />}
-    {children}
-    {subscriptionCount > 0 && <SubscriptionSelectorEntry
-      selectedId={subscriptionIdSelected}
-      onSelect={onSubscriptionChange}
-    />}
-  </div>
+  return (
+    <div className={cn('px-4', subscriptionCount > 0 && 'flex items-center justify-between pr-3')}>
+      {!subscriptionCount && <CreateSubscriptionButton buttonType={CreateButtonType.FULL_BUTTON} />}
+      {children}
+      {subscriptionCount > 0 && (
+        <SubscriptionSelectorEntry
+          selectedId={subscriptionIdSelected}
+          onSelect={onSubscriptionChange}
+        />
+      )}
+    </div>
+  )
 }
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-available-var-list.ts b/web/app/components/workflow/nodes/_base/hooks/use-available-var-list.ts
index 2ce9dfe809..f226900899 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-available-var-list.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-available-var-list.ts
@@ -1,13 +1,13 @@
-import useNodeInfo from './use-node-info'
+import type { Node, NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import {
   useIsChatMode,
   useWorkflow,
   useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
-import type { NodeOutPutVar } from '@/app/components/workflow/types'
-import { BlockEnum, type Node, type ValueSelector, type Var } from '@/app/components/workflow/types'
 import { useStore as useWorkflowStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
 import { inputVarTypeToVarType } from '../../data-source/utils'
+import useNodeInfo from './use-node-info'
 
 type Params = {
   onlyLeafNodeVar?: boolean
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-node-crud.ts b/web/app/components/workflow/nodes/_base/hooks/use-node-crud.ts
index 51d2fdb80c..d1741f0bbb 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-node-crud.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-node-crud.ts
@@ -1,5 +1,6 @@
-import { useNodeDataUpdate } from '@/app/components/workflow/hooks'
 import type { CommonNodeType } from '@/app/components/workflow/types'
+import { useNodeDataUpdate } from '@/app/components/workflow/hooks'
+
 const useNodeCrud = <T>(id: string, data: CommonNodeType<T>) => {
   const { handleNodeDataUpdateWithSyncDraft } = useNodeDataUpdate()
 
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-node-help-link.ts b/web/app/components/workflow/nodes/_base/hooks/use-node-help-link.ts
index e40f6271ef..d97a87bfba 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-node-help-link.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-node-help-link.ts
@@ -1,5 +1,5 @@
-import { useMemo } from 'react'
 import type { BlockEnum } from '@/app/components/workflow/types'
+import { useMemo } from 'react'
 import { useNodesMetaData } from '@/app/components/workflow/hooks'
 
 export const useNodeHelpLink = (nodeType: BlockEnum) => {
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-one-step-run.ts b/web/app/components/workflow/nodes/_base/hooks/use-one-step-run.ts
index dad62ae2a4..59774ab96a 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-one-step-run.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-one-step-run.ts
@@ -1,15 +1,39 @@
+import type { CommonNodeType, InputVar, TriggerNodeType, ValueSelector, Var, Variable } from '@/app/components/workflow/types'
+import type { FlowType } from '@/types/common'
+import type { NodeRunResult, NodeTracing } from '@/types/workflow'
+import { produce } from 'immer'
+
+import { noop, unionBy } from 'lodash-es'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { unionBy } from 'lodash-es'
-import { produce } from 'immer'
+import {
+  useStoreApi,
+} from 'reactflow'
+import { trackEvent } from '@/app/components/base/amplitude'
+import { getInputVars as doGetInputVars } from '@/app/components/base/prompt-editor/constants'
+import Toast from '@/app/components/base/toast'
 import {
   useIsChatMode,
   useNodeDataUpdate,
   useWorkflow,
 } from '@/app/components/workflow/hooks'
+import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
 import { getNodeInfoById, isConversationVar, isENV, isSystemVar, toNodeOutputVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-
-import type { CommonNodeType, InputVar, ValueSelector, Var, Variable } from '@/app/components/workflow/types'
+import Assigner from '@/app/components/workflow/nodes/assigner/default'
+import CodeDefault from '@/app/components/workflow/nodes/code/default'
+import DocumentExtractorDefault from '@/app/components/workflow/nodes/document-extractor/default'
+import HTTPDefault from '@/app/components/workflow/nodes/http/default'
+import IfElseDefault from '@/app/components/workflow/nodes/if-else/default'
+import IterationDefault from '@/app/components/workflow/nodes/iteration/default'
+import KnowledgeRetrievalDefault from '@/app/components/workflow/nodes/knowledge-retrieval/default'
+import LLMDefault from '@/app/components/workflow/nodes/llm/default'
+import LoopDefault from '@/app/components/workflow/nodes/loop/default'
+import ParameterExtractorDefault from '@/app/components/workflow/nodes/parameter-extractor/default'
+import QuestionClassifyDefault from '@/app/components/workflow/nodes/question-classifier/default'
+import TemplateTransformDefault from '@/app/components/workflow/nodes/template-transform/default'
+import ToolDefault from '@/app/components/workflow/nodes/tool/default'
+import VariableAssigner from '@/app/components/workflow/nodes/variable-assigner/default'
+import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
 import {
   BlockEnum,
   InputVarType,
@@ -17,29 +41,19 @@ import {
   VarType,
   WorkflowRunningStatus,
 } from '@/app/components/workflow/types'
-import type { TriggerNodeType } from '@/app/components/workflow/types'
 import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
-import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
-import { fetchNodeInspectVars, getIterationSingleNodeRunUrl, getLoopSingleNodeRunUrl, singleNodeRun } from '@/service/workflow'
-import Toast from '@/app/components/base/toast'
-import LLMDefault from '@/app/components/workflow/nodes/llm/default'
-import KnowledgeRetrievalDefault from '@/app/components/workflow/nodes/knowledge-retrieval/default'
-import IfElseDefault from '@/app/components/workflow/nodes/if-else/default'
-import CodeDefault from '@/app/components/workflow/nodes/code/default'
-import TemplateTransformDefault from '@/app/components/workflow/nodes/template-transform/default'
-import QuestionClassifyDefault from '@/app/components/workflow/nodes/question-classifier/default'
-import HTTPDefault from '@/app/components/workflow/nodes/http/default'
-import ToolDefault from '@/app/components/workflow/nodes/tool/default'
-import VariableAssigner from '@/app/components/workflow/nodes/variable-assigner/default'
-import Assigner from '@/app/components/workflow/nodes/assigner/default'
-import ParameterExtractorDefault from '@/app/components/workflow/nodes/parameter-extractor/default'
-import IterationDefault from '@/app/components/workflow/nodes/iteration/default'
-import DocumentExtractorDefault from '@/app/components/workflow/nodes/document-extractor/default'
-import LoopDefault from '@/app/components/workflow/nodes/loop/default'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { post, ssePost } from '@/service/base'
-import { noop } from 'lodash-es'
-import { getInputVars as doGetInputVars } from '@/app/components/base/prompt-editor/constants'
-import type { NodeRunResult, NodeTracing } from '@/types/workflow'
+import {
+  useAllBuiltInTools,
+  useAllCustomTools,
+  useAllMCPTools,
+  useAllWorkflowTools,
+} from '@/service/use-tools'
+import { useInvalidLastRun } from '@/service/use-workflow'
+import { fetchNodeInspectVars, getIterationSingleNodeRunUrl, getLoopSingleNodeRunUrl, singleNodeRun } from '@/service/workflow'
+import useMatchSchemaType from '../components/variable/use-match-schema-type'
+
 const { checkValid: checkLLMValid } = LLMDefault
 const { checkValid: checkKnowledgeRetrievalValid } = KnowledgeRetrievalDefault
 const { checkValid: checkIfElseValid } = IfElseDefault
@@ -54,21 +68,6 @@ const { checkValid: checkParameterExtractorValid } = ParameterExtractorDefault
 const { checkValid: checkIterationValid } = IterationDefault
 const { checkValid: checkDocumentExtractorValid } = DocumentExtractorDefault
 const { checkValid: checkLoopValid } = LoopDefault
-import {
-  useStoreApi,
-} from 'reactflow'
-import { useInvalidLastRun } from '@/service/use-workflow'
-import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
-import type { FlowType } from '@/types/common'
-import useMatchSchemaType from '../components/variable/use-match-schema-type'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import {
-  useAllBuiltInTools,
-  useAllCustomTools,
-  useAllMCPTools,
-  useAllWorkflowTools,
-} from '@/service/use-tools'
-import { trackEvent } from '@/app/components/base/amplitude'
 
 // eslint-disable-next-line ts/no-unsafe-function-type
 const checkValidFns: Partial<Record<BlockEnum, Function>> = {
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-output-var-list.ts b/web/app/components/workflow/nodes/_base/hooks/use-output-var-list.ts
index 87a5f69c95..09b8fde0b5 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-output-var-list.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-output-var-list.ts
@@ -1,6 +1,3 @@
-import { useCallback, useRef, useState } from 'react'
-import { produce } from 'immer'
-import { useBoolean, useDebounceFn } from 'ahooks'
 import type {
   CodeNodeType,
   OutputVar,
@@ -8,15 +5,18 @@ import type {
 import type {
   ValueSelector,
 } from '@/app/components/workflow/types'
-import {
-  BlockEnum,
-  VarType,
-} from '@/app/components/workflow/types'
+import { useBoolean, useDebounceFn } from 'ahooks'
+import { produce } from 'immer'
+import { useCallback, useRef, useState } from 'react'
 import {
   useWorkflow,
 } from '@/app/components/workflow/hooks'
 import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
 import { getDefaultValue } from '@/app/components/workflow/nodes/_base/components/error-handle/utils'
+import {
+  BlockEnum,
+  VarType,
+} from '@/app/components/workflow/types'
 import useInspectVarsCrud from '../../../hooks/use-inspect-vars-crud'
 
 type Params<T> = {
@@ -74,7 +74,7 @@ function useOutputVarList<T>({
 
     if (newKey) {
       handleOutVarRenameChange(id, [id, outputKeyOrders[changedIndex!]], [id, newKey])
-      if(!(id in oldNameRecord.current))
+      if (!(id in oldNameRecord.current))
         oldNameRecord.current[id] = outputKeyOrders[changedIndex!]
       renameInspectNameWithDebounce(id, newKey)
     }
@@ -82,7 +82,7 @@ function useOutputVarList<T>({
       const varId = nodesWithInspectVars.find(node => node.nodeId === id)?.vars.find((varItem) => {
         return varItem.name === Object.keys(newVars)[0]
       })?.id
-      if(varId)
+      if (varId)
         deleteInspectVar(id, varId)
     }
   }, [inputs, setInputs, varKey, outputKeyOrders, onOutputKeyOrdersChange, handleOutVarRenameChange, id, renameInspectNameWithDebounce, nodesWithInspectVars, deleteInspectVar])
@@ -120,7 +120,7 @@ function useOutputVarList<T>({
     const varId = nodesWithInspectVars.find(node => node.nodeId === id)?.vars.find((varItem) => {
       return varItem.name === removedVar[1]
     })?.id
-    if(varId)
+    if (varId)
       deleteInspectVar(id, varId)
     removeUsedVarInNodes(removedVar)
     hideRemoveVarConfirm()
@@ -145,7 +145,7 @@ function useOutputVarList<T>({
     const varId = nodesWithInspectVars.find(node => node.nodeId === id)?.vars.find((varItem) => {
       return varItem.name === key
     })?.id
-    if(varId)
+    if (varId)
       deleteInspectVar(id, varId)
   }, [outputKeyOrders, isVarUsedInNodes, id, inputs, setInputs, onOutputKeyOrdersChange, nodesWithInspectVars, deleteInspectVar, showRemoveVarConfirm, varKey])
 
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-toggle-expend.ts b/web/app/components/workflow/nodes/_base/hooks/use-toggle-expend.ts
index 48c1e95eb2..c123c00e2d 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-toggle-expend.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-toggle-expend.ts
@@ -11,7 +11,8 @@ const useToggleExpend = ({ ref, hasFooter = true, isInNode }: Params) => {
   const [wrapHeight, setWrapHeight] = useState(ref?.current?.clientHeight)
   const editorExpandHeight = isExpand ? wrapHeight! - (hasFooter ? 56 : 29) : 0
   useEffect(() => {
-    if (!ref?.current) return
+    if (!ref?.current)
+      return
     setWrapHeight(ref.current?.clientHeight)
   }, [isExpand])
 
@@ -26,8 +27,8 @@ const useToggleExpend = ({ ref, hasFooter = true, isInNode }: Params) => {
   })()
   const wrapStyle = isExpand
     ? {
-      boxShadow: '0px 0px 12px -4px rgba(16, 24, 40, 0.05), 0px -3px 6px -2px rgba(16, 24, 40, 0.03)',
-    }
+        boxShadow: '0px 0px 12px -4px rgba(16, 24, 40, 0.05), 0px -3px 6px -2px rgba(16, 24, 40, 0.03)',
+      }
     : {}
   return {
     wrapClassName,
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-var-list.ts b/web/app/components/workflow/nodes/_base/hooks/use-var-list.ts
index ffacf9a2df..9b3bbbb9aa 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-var-list.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-var-list.ts
@@ -1,6 +1,6 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type { Variable } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 
 type Params<T> = {
   inputs: T
diff --git a/web/app/components/workflow/nodes/_base/node.tsx b/web/app/components/workflow/nodes/_base/node.tsx
index 263732cd70..c2d0816449 100644
--- a/web/app/components/workflow/nodes/_base/node.tsx
+++ b/web/app/components/workflow/nodes/_base/node.tsx
@@ -2,6 +2,14 @@ import type {
   FC,
   ReactElement,
 } from 'react'
+import type { IterationNodeType } from '@/app/components/workflow/nodes/iteration/types'
+import type { NodeProps } from '@/app/components/workflow/types'
+import {
+  RiAlertFill,
+  RiCheckboxCircleFill,
+  RiErrorWarningFill,
+  RiLoader2Line,
+} from '@remixicon/react'
 import {
   cloneElement,
   memo,
@@ -9,40 +17,32 @@ import {
   useMemo,
   useRef,
 } from 'react'
-import {
-  RiAlertFill,
-  RiCheckboxCircleFill,
-  RiErrorWarningFill,
-  RiLoader2Line,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import type { NodeProps } from '@/app/components/workflow/types'
-import {
-  BlockEnum,
-  NodeRunningStatus,
-  isTriggerNode,
-} from '@/app/components/workflow/types'
+import Tooltip from '@/app/components/base/tooltip'
+import BlockIcon from '@/app/components/workflow/block-icon'
+import { ToolTypeEnum } from '@/app/components/workflow/block-selector/types'
 import { useNodesReadOnly, useToolIcon } from '@/app/components/workflow/hooks'
-import { hasErrorHandleNode, hasRetryNode } from '@/app/components/workflow/utils'
+import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
 import { useNodeIterationInteractions } from '@/app/components/workflow/nodes/iteration/use-interactions'
 import { useNodeLoopInteractions } from '@/app/components/workflow/nodes/loop/use-interactions'
-import type { IterationNodeType } from '@/app/components/workflow/nodes/iteration/types'
 import CopyID from '@/app/components/workflow/nodes/tool/components/copy-id'
+import {
+  BlockEnum,
+  isTriggerNode,
+  NodeRunningStatus,
+} from '@/app/components/workflow/types'
+import { hasErrorHandleNode, hasRetryNode } from '@/app/components/workflow/utils'
+import { cn } from '@/utils/classnames'
+import AddVariablePopupWithPosition from './components/add-variable-popup-with-position'
+import EntryNodeContainer, { StartNodeTypeEnum } from './components/entry-node-container'
+import ErrorHandleOnNode from './components/error-handle/error-handle-on-node'
+import NodeControl from './components/node-control'
 import {
   NodeSourceHandle,
   NodeTargetHandle,
 } from './components/node-handle'
 import NodeResizer from './components/node-resizer'
-import NodeControl from './components/node-control'
-import ErrorHandleOnNode from './components/error-handle/error-handle-on-node'
 import RetryOnNode from './components/retry/retry-on-node'
-import AddVariablePopupWithPosition from './components/add-variable-popup-with-position'
-import EntryNodeContainer, { StartNodeTypeEnum } from './components/entry-node-container'
-import { cn } from '@/utils/classnames'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import Tooltip from '@/app/components/base/tooltip'
-import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
-import { ToolTypeEnum } from '@/app/components/workflow/block-selector/types'
 
 type NodeChildProps = {
   id: string
@@ -160,13 +160,13 @@ const BaseNode: FC<BaseNodeProps> = ({
               ? 'pointer-events-auto z-30 bg-workflow-block-parma-bg opacity-80 backdrop-blur-[2px]'
               : 'pointer-events-none z-20 bg-workflow-block-parma-bg opacity-50',
           )}
-          data-testid='workflow-node-install-overlay'
+          data-testid="workflow-node-install-overlay"
         />
       )}
       {
         data.type === BlockEnum.DataSource && (
-          <div className='absolute inset-[-2px] top-[-22px] z-[-1] rounded-[18px] bg-node-data-source-bg p-0.5 backdrop-blur-[6px]'>
-            <div className='system-2xs-semibold-uppercase flex h-5 items-center px-2.5 text-text-tertiary'>
+          <div className="absolute inset-[-2px] top-[-22px] z-[-1] rounded-[18px] bg-node-data-source-bg p-0.5 backdrop-blur-[6px]">
+            <div className="system-2xs-semibold-uppercase flex h-5 items-center px-2.5 text-text-tertiary">
               {t('workflow.blocks.datasource')}
             </div>
           </div>
@@ -215,8 +215,8 @@ const BaseNode: FC<BaseNodeProps> = ({
             <NodeTargetHandle
               id={id}
               data={data}
-              handleClassName='!top-4 !-left-[9px] !translate-y-0'
-              handleId='target'
+              handleClassName="!top-4 !-left-[9px] !translate-y-0"
+              handleId="target"
             />
           )
         }
@@ -225,8 +225,8 @@ const BaseNode: FC<BaseNodeProps> = ({
             <NodeSourceHandle
               id={id}
               data={data}
-              handleClassName='!top-4 !-right-[9px] !translate-y-0'
-              handleId='source'
+              handleClassName="!top-4 !-right-[9px] !translate-y-0"
+              handleId="source"
             />
           )
         }
@@ -241,31 +241,33 @@ const BaseNode: FC<BaseNodeProps> = ({
         <div className={cn(
           'flex items-center rounded-t-2xl px-3 pb-2 pt-3',
           (data.type === BlockEnum.Iteration || data.type === BlockEnum.Loop) && 'bg-transparent',
-        )}>
+        )}
+        >
           <BlockIcon
-            className='mr-2 shrink-0'
+            className="mr-2 shrink-0"
             type={data.type}
-            size='md'
+            size="md"
             toolIcon={toolIcon}
           />
           <div
             title={data.title}
-            className='system-sm-semibold-uppercase mr-1 flex grow items-center truncate text-text-primary'
+            className="system-sm-semibold-uppercase mr-1 flex grow items-center truncate text-text-primary"
           >
             <div>
               {data.title}
             </div>
             {
               data.type === BlockEnum.Iteration && (data as IterationNodeType).is_parallel && (
-                <Tooltip popupContent={
-                  <div className='w-[180px]'>
-                    <div className='font-extrabold'>
+                <Tooltip popupContent={(
+                  <div className="w-[180px]">
+                    <div className="font-extrabold">
                       {t('workflow.nodes.iteration.parallelModeEnableTitle')}
                     </div>
                     {t('workflow.nodes.iteration.parallelModeEnableDesc')}
-                  </div>}
+                  </div>
+                )}
                 >
-                  <div className='system-2xs-medium-uppercase ml-1 flex items-center justify-center rounded-[5px] border-[1px] border-text-warning px-[5px] py-[3px] text-text-warning '>
+                  <div className="system-2xs-medium-uppercase ml-1 flex items-center justify-center rounded-[5px] border-[1px] border-text-warning px-[5px] py-[3px] text-text-warning ">
                     {t('workflow.nodes.iteration.parallelModeUpper')}
                   </div>
                 </Tooltip>
@@ -274,8 +276,10 @@ const BaseNode: FC<BaseNodeProps> = ({
           </div>
           {
             data._iterationLength && data._iterationIndex && data._runningStatus === NodeRunningStatus.Running && (
-              <div className='mr-1.5 text-xs font-medium text-text-accent'>
-                {data._iterationIndex > data._iterationLength ? data._iterationLength : data._iterationIndex}/{data._iterationLength}
+              <div className="mr-1.5 text-xs font-medium text-text-accent">
+                {data._iterationIndex > data._iterationLength ? data._iterationLength : data._iterationIndex}
+                /
+                {data._iterationLength}
               </div>
             )
           }
@@ -284,14 +288,14 @@ const BaseNode: FC<BaseNodeProps> = ({
           }
           {
             isLoading
-              ? <RiLoader2Line className='h-3.5 w-3.5 animate-spin text-text-accent' />
+              ? <RiLoader2Line className="h-3.5 w-3.5 animate-spin text-text-accent" />
               : data._runningStatus === NodeRunningStatus.Failed
-                ? <RiErrorWarningFill className='h-3.5 w-3.5 text-text-destructive' />
+                ? <RiErrorWarningFill className="h-3.5 w-3.5 text-text-destructive" />
                 : data._runningStatus === NodeRunningStatus.Exception
-                  ? <RiAlertFill className='h-3.5 w-3.5 text-text-warning-secondary' />
+                  ? <RiAlertFill className="h-3.5 w-3.5 text-text-warning-secondary" />
                   : (data._runningStatus === NodeRunningStatus.Succeeded || hasVarValue)
-                    ? <RiCheckboxCircleFill className='h-3.5 w-3.5 text-text-success' />
-                    : null
+                      ? <RiCheckboxCircleFill className="h-3.5 w-3.5 text-text-success" />
+                      : null
           }
         </div>
         {
@@ -301,7 +305,7 @@ const BaseNode: FC<BaseNodeProps> = ({
         }
         {
           (data.type === BlockEnum.Iteration || data.type === BlockEnum.Loop) && (
-            <div className='grow pb-1 pl-1 pr-1'>
+            <div className="grow pb-1 pl-1 pr-1">
               {cloneElement(children, { id, data } as any)}
             </div>
           )
@@ -324,13 +328,13 @@ const BaseNode: FC<BaseNodeProps> = ({
         }
         {
           data.desc && data.type !== BlockEnum.Iteration && data.type !== BlockEnum.Loop && (
-            <div className='system-xs-regular whitespace-pre-line break-words px-3 pb-2 pt-1 text-text-tertiary'>
+            <div className="system-xs-regular whitespace-pre-line break-words px-3 pb-2 pt-1 text-text-tertiary">
               {data.desc}
             </div>
           )
         }
         {data.type === BlockEnum.Tool && data.provider_type === ToolTypeEnum.MCP && (
-          <div className='px-3 pb-2'>
+          <div className="px-3 pb-2">
             <CopyID content={data.provider_id || ''} />
           </div>
         )}
@@ -341,13 +345,15 @@ const BaseNode: FC<BaseNodeProps> = ({
   const isStartNode = data.type === BlockEnum.Start
   const isEntryNode = isTriggerNode(data.type as any) || isStartNode
 
-  return isEntryNode ? (
-    <EntryNodeContainer
-      nodeType={isStartNode ? StartNodeTypeEnum.Start : StartNodeTypeEnum.Trigger}
-    >
-      {nodeContent}
-    </EntryNodeContainer>
-  ) : nodeContent
+  return isEntryNode
+    ? (
+        <EntryNodeContainer
+          nodeType={isStartNode ? StartNodeTypeEnum.Start : StartNodeTypeEnum.Trigger}
+        >
+          {nodeContent}
+        </EntryNodeContainer>
+      )
+    : nodeContent
 }
 
 export default memo(BaseNode)
diff --git a/web/app/components/workflow/nodes/agent/components/model-bar.tsx b/web/app/components/workflow/nodes/agent/components/model-bar.tsx
index 1b2007070f..2f13cb84b2 100644
--- a/web/app/components/workflow/nodes/agent/components/model-bar.tsx
+++ b/web/app/components/workflow/nodes/agent/components/model-bar.tsx
@@ -1,10 +1,11 @@
+import type { FC } from 'react'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
 import Indicator from '@/app/components/header/indicator'
-import { type FC, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
 
 export type ModelBarProps = {
   provider: string
@@ -35,41 +36,46 @@ export const ModelBar: FC<ModelBarProps> = (props) => {
   const { t } = useTranslation()
   const modelList = useAllModel()
   if (!('provider' in props)) {
-    return <Tooltip
-      popupContent={t('workflow.nodes.agent.modelNotSelected')}
-      triggerMethod='hover'
-    >
-      <div className='relative'>
-        <ModelSelector
-          modelList={[]}
-          triggerClassName='bg-workflow-block-parma-bg !h-6 !rounded-md'
-          defaultModel={undefined}
-          showDeprecatedWarnIcon={false}
-          readonly
-          deprecatedClassName='opacity-50'
-        />
-        <Indicator color={'red'} className='absolute -right-0.5 -top-0.5' />
-      </div>
-    </Tooltip>
+    return (
+      <Tooltip
+        popupContent={t('workflow.nodes.agent.modelNotSelected')}
+        triggerMethod="hover"
+      >
+        <div className="relative">
+          <ModelSelector
+            modelList={[]}
+            triggerClassName="bg-workflow-block-parma-bg !h-6 !rounded-md"
+            defaultModel={undefined}
+            showDeprecatedWarnIcon={false}
+            readonly
+            deprecatedClassName="opacity-50"
+          />
+          <Indicator color="red" className="absolute -right-0.5 -top-0.5" />
+        </div>
+      </Tooltip>
+    )
   }
   const modelInstalled = modelList?.some(
-    provider => provider.provider === props.provider && provider.models.some(model => model.model === props.model))
+    provider => provider.provider === props.provider && provider.models.some(model => model.model === props.model),
+  )
   const showWarn = modelList && !modelInstalled
-  return modelList && <Tooltip
-    popupContent={t('workflow.nodes.agent.modelNotInstallTooltip')}
-    triggerMethod='hover'
-    disabled={!modelList || modelInstalled}
-  >
-    <div className='relative'>
-      <ModelSelector
-        modelList={modelList}
-        triggerClassName='bg-workflow-block-parma-bg !h-6 !rounded-md'
-        defaultModel={props}
-        showDeprecatedWarnIcon={false}
-        readonly
-        deprecatedClassName='opacity-50'
-      />
-      {showWarn && <Indicator color={'red'} className='absolute -right-0.5 -top-0.5' />}
-    </div>
-  </Tooltip>
+  return modelList && (
+    <Tooltip
+      popupContent={t('workflow.nodes.agent.modelNotInstallTooltip')}
+      triggerMethod="hover"
+      disabled={!modelList || modelInstalled}
+    >
+      <div className="relative">
+        <ModelSelector
+          modelList={modelList}
+          triggerClassName="bg-workflow-block-parma-bg !h-6 !rounded-md"
+          defaultModel={props}
+          showDeprecatedWarnIcon={false}
+          readonly
+          deprecatedClassName="opacity-50"
+        />
+        {showWarn && <Indicator color="red" className="absolute -right-0.5 -top-0.5" />}
+      </div>
+    </Tooltip>
+  )
 }
diff --git a/web/app/components/workflow/nodes/agent/components/tool-icon.tsx b/web/app/components/workflow/nodes/agent/components/tool-icon.tsx
index 0d2be2bee4..129458f623 100644
--- a/web/app/components/workflow/nodes/agent/components/tool-icon.tsx
+++ b/web/app/components/workflow/nodes/agent/components/tool-icon.tsx
@@ -1,12 +1,12 @@
+import { memo, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import AppIcon from '@/app/components/base/app-icon'
+import { Group } from '@/app/components/base/icons/src/vender/other'
 import Tooltip from '@/app/components/base/tooltip'
 import Indicator from '@/app/components/header/indicator'
-import { cn } from '@/utils/classnames'
-import { memo, useMemo, useRef, useState } from 'react'
 import { useAllBuiltInTools, useAllCustomTools, useAllMCPTools, useAllWorkflowTools } from '@/service/use-tools'
+import { cn } from '@/utils/classnames'
 import { getIconFromMarketPlace } from '@/utils/get-icon'
-import { useTranslation } from 'react-i18next'
-import { Group } from '@/app/components/base/icons/src/vender/other'
-import AppIcon from '@/app/components/base/app-icon'
 
 type Status = 'not-installed' | 'not-authorized' | undefined
 
@@ -33,63 +33,75 @@ export const ToolIcon = memo(({ providerName }: ToolIconProps) => {
   const author = providerNameParts[0]
   const name = providerNameParts[1]
   const icon = useMemo(() => {
-    if (!isDataReady) return ''
-    if (currentProvider) return currentProvider.icon
+    if (!isDataReady)
+      return ''
+    if (currentProvider)
+      return currentProvider.icon
     const iconFromMarketPlace = getIconFromMarketPlace(`${author}/${name}`)
     return iconFromMarketPlace
   }, [author, currentProvider, name, isDataReady])
   const status: Status = useMemo(() => {
-    if (!isDataReady) return undefined
-    if (!currentProvider) return 'not-installed'
-    if (currentProvider.is_team_authorization === false) return 'not-authorized'
+    if (!isDataReady)
+      return undefined
+    if (!currentProvider)
+      return 'not-installed'
+    if (currentProvider.is_team_authorization === false)
+      return 'not-authorized'
     return undefined
   }, [currentProvider, isDataReady])
   const indicator = status === 'not-installed' ? 'red' : status === 'not-authorized' ? 'yellow' : undefined
   const notSuccess = (['not-installed', 'not-authorized'] as Array<Status>).includes(status)
   const { t } = useTranslation()
   const tooltip = useMemo(() => {
-    if (!notSuccess) return undefined
-    if (status === 'not-installed') return t('workflow.nodes.agent.toolNotInstallTooltip', { tool: name })
-    if (status === 'not-authorized') return t('workflow.nodes.agent.toolNotAuthorizedTooltip', { tool: name })
+    if (!notSuccess)
+      return undefined
+    if (status === 'not-installed')
+      return t('workflow.nodes.agent.toolNotInstallTooltip', { tool: name })
+    if (status === 'not-authorized')
+      return t('workflow.nodes.agent.toolNotAuthorizedTooltip', { tool: name })
     throw new Error('Unknown status')
   }, [name, notSuccess, status, t])
   const [iconFetchError, setIconFetchError] = useState(false)
-  return <Tooltip
-    triggerMethod='hover'
-    popupContent={tooltip}
-    disabled={!notSuccess}
-  >
-    <div
-      className={cn('relative')}
-      ref={containerRef}
+  return (
+    <Tooltip
+      triggerMethod="hover"
+      popupContent={tooltip}
+      disabled={!notSuccess}
     >
-      <div className="flex size-5 items-center justify-center overflow-hidden rounded-[6px] border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge">
-        {(() => {
-          if (iconFetchError || !icon)
+      <div
+        className={cn('relative')}
+        ref={containerRef}
+      >
+        <div className="flex size-5 items-center justify-center overflow-hidden rounded-[6px] border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge">
+          {(() => {
+            if (iconFetchError || !icon)
+              return <Group className="h-3 w-3 opacity-35" />
+            if (typeof icon === 'string') {
+              return (
+                <img
+                  src={icon}
+                  alt="tool icon"
+                  className={cn('size-3.5 h-full w-full object-cover', notSuccess && 'opacity-50')}
+                  onError={() => setIconFetchError(true)}
+                />
+              )
+            }
+            if (typeof icon === 'object') {
+              return (
+                <AppIcon
+                  className={cn('size-3.5 h-full w-full object-cover', notSuccess && 'opacity-50')}
+                  icon={icon?.content}
+                  background={icon?.background}
+                />
+              )
+            }
             return <Group className="h-3 w-3 opacity-35" />
-          if (typeof icon === 'string') {
-            return <img
-              src={icon}
-              alt='tool icon'
-              className={cn('size-3.5 h-full w-full object-cover',
-                notSuccess && 'opacity-50')}
-              onError={() => setIconFetchError(true)}
-            />
-          }
-          if (typeof icon === 'object') {
-            return <AppIcon
-              className={cn('size-3.5 h-full w-full object-cover',
-                notSuccess && 'opacity-50')}
-              icon={icon?.content}
-              background={icon?.background}
-            />
-          }
-          return <Group className="h-3 w-3 opacity-35" />
-        })()}
+          })()}
+        </div>
+        {indicator && <Indicator color={indicator} className="absolute -right-[1px] -top-[1px]" />}
       </div>
-      {indicator && <Indicator color={indicator} className="absolute -right-[1px] -top-[1px]" />}
-    </div>
-  </Tooltip>
+    </Tooltip>
+  )
 })
 
 ToolIcon.displayName = 'ToolIcon'
diff --git a/web/app/components/workflow/nodes/agent/default.ts b/web/app/components/workflow/nodes/agent/default.ts
index 5038ed424b..4f4e604e2f 100644
--- a/web/app/components/workflow/nodes/agent/default.ts
+++ b/web/app/components/workflow/nodes/agent/default.ts
@@ -1,14 +1,15 @@
-import type { StrategyDetail, StrategyPluginDetail } from '@/app/components/plugins/types'
-import { BlockEnum, type NodeDefault } from '../../types'
+import type { NodeDefault } from '../../types'
 import type { AgentNodeType } from './types'
+import type { StrategyDetail, StrategyPluginDetail } from '@/app/components/plugins/types'
 import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { renderI18nObject } from '@/i18n-config'
+import { BlockEnum } from '../../types'
 import { genNodeMetaData } from '../../utils'
 
 const metaData = genNodeMetaData({
   sort: 3,
   type: BlockEnum.Agent,
 })
-import { renderI18nObject } from '@/i18n-config'
 
 const nodeDefault: NodeDefault<AgentNodeType> = {
   metaData,
@@ -16,7 +17,7 @@ const nodeDefault: NodeDefault<AgentNodeType> = {
     tool_node_version: '2',
   },
   checkValid(payload, t, moreDataForCheckValid: {
-    strategyProvider?: StrategyPluginDetail,
+    strategyProvider?: StrategyPluginDetail
     strategy?: StrategyDetail
     language: string
     isReadyForCheckValid: boolean
diff --git a/web/app/components/workflow/nodes/agent/node.tsx b/web/app/components/workflow/nodes/agent/node.tsx
index fe87bc7cda..d2e552f6f4 100644
--- a/web/app/components/workflow/nodes/agent/node.tsx
+++ b/web/app/components/workflow/nodes/agent/node.tsx
@@ -1,22 +1,24 @@
-import { type FC, memo, useMemo } from 'react'
+import type { FC } from 'react'
 import type { NodeProps } from '../../types'
-import type { AgentNodeType } from './types'
-import { SettingItem } from '../_base/components/setting-item'
-import { Group, GroupLabel } from '../_base/components/group'
 import type { ToolIconProps } from './components/tool-icon'
-import { ToolIcon } from './components/tool-icon'
-import useConfig from './use-config'
+import type { AgentNodeType } from './types'
+import { memo, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { useRenderI18nObject } from '@/hooks/use-i18n'
+import { Group, GroupLabel } from '../_base/components/group'
+import { SettingItem } from '../_base/components/setting-item'
 import { ModelBar } from './components/model-bar'
+import { ToolIcon } from './components/tool-icon'
+import useConfig from './use-config'
 
 const AgentNode: FC<NodeProps<AgentNodeType>> = (props) => {
   const { inputs, currentStrategy, currentStrategyStatus, pluginDetail } = useConfig(props.id, props.data)
   const renderI18nObject = useRenderI18nObject()
   const { t } = useTranslation()
   const models = useMemo(() => {
-    if (!inputs) return []
+    if (!inputs)
+      return []
     // if selected, show in node
     // if required and not selected, show empty selector
     // if not required and not selected, show nothing
@@ -65,49 +67,64 @@ const AgentNode: FC<NodeProps<AgentNodeType>> = (props) => {
     })
     return tools
   }, [currentStrategy?.parameters, inputs.agent_parameters])
-  return <div className='mb-1 space-y-1 px-3'>
-    {inputs.agent_strategy_name
-      ? <SettingItem
-        label={t('workflow.nodes.agent.strategy.shortLabel')}
-        status={
-          currentStrategyStatus && !currentStrategyStatus.isExistInPlugin
-            ? 'error'
-            : undefined
-        }
-        tooltip={
-          (currentStrategyStatus && !currentStrategyStatus.isExistInPlugin)
-            ? t('workflow.nodes.agent.strategyNotInstallTooltip', {
-              plugin: pluginDetail?.declaration.label
-                ? renderI18nObject(pluginDetail?.declaration.label)
-                : undefined,
-              strategy: inputs.agent_strategy_label,
-            })
-            : undefined
-        }
-      >
-        {inputs.agent_strategy_label}
-      </SettingItem>
-      : <SettingItem label={t('workflow.nodes.agent.strategyNotSet')} />}
-    {models.length > 0 && <Group
-      label={<GroupLabel className='mt-1'>
-        {t('workflow.nodes.agent.model')}
-      </GroupLabel>}
-    >
-      {models.map((model) => {
-        return <ModelBar
-          {...model}
-          key={model.param}
-        />
-      })}
-    </Group>}
-    {tools.length > 0 && <Group label={<GroupLabel className='mt-1'>
-      {t('workflow.nodes.agent.toolbox')}
-    </GroupLabel>}>
-      <div className='grid grid-cols-10 gap-0.5'>
-        {tools.map((tool, i) => <ToolIcon {...tool} key={tool.id + i} />)}
-      </div>
-    </Group>}
-  </div>
+  return (
+    <div className="mb-1 space-y-1 px-3">
+      {inputs.agent_strategy_name
+        ? (
+            <SettingItem
+              label={t('workflow.nodes.agent.strategy.shortLabel')}
+              status={
+                currentStrategyStatus && !currentStrategyStatus.isExistInPlugin
+                  ? 'error'
+                  : undefined
+              }
+              tooltip={
+                (currentStrategyStatus && !currentStrategyStatus.isExistInPlugin)
+                  ? t('workflow.nodes.agent.strategyNotInstallTooltip', {
+                      plugin: pluginDetail?.declaration.label
+                        ? renderI18nObject(pluginDetail?.declaration.label)
+                        : undefined,
+                      strategy: inputs.agent_strategy_label,
+                    })
+                  : undefined
+              }
+            >
+              {inputs.agent_strategy_label}
+            </SettingItem>
+          )
+        : <SettingItem label={t('workflow.nodes.agent.strategyNotSet')} />}
+      {models.length > 0 && (
+        <Group
+          label={(
+            <GroupLabel className="mt-1">
+              {t('workflow.nodes.agent.model')}
+            </GroupLabel>
+          )}
+        >
+          {models.map((model) => {
+            return (
+              <ModelBar
+                {...model}
+                key={model.param}
+              />
+            )
+          })}
+        </Group>
+      )}
+      {tools.length > 0 && (
+        <Group label={(
+          <GroupLabel className="mt-1">
+            {t('workflow.nodes.agent.toolbox')}
+          </GroupLabel>
+        )}
+        >
+          <div className="grid grid-cols-10 gap-0.5">
+            {tools.map((tool, i) => <ToolIcon {...tool} key={tool.id + i} />)}
+          </div>
+        </Group>
+      )}
+    </div>
+  )
 }
 
 AgentNode.displayName = 'AgentNode'
diff --git a/web/app/components/workflow/nodes/agent/panel.tsx b/web/app/components/workflow/nodes/agent/panel.tsx
index 7c87da8121..d0f3f83b99 100644
--- a/web/app/components/workflow/nodes/agent/panel.tsx
+++ b/web/app/components/workflow/nodes/agent/panel.tsx
@@ -1,18 +1,20 @@
 import type { FC } from 'react'
-import { memo } from 'react'
 import type { NodePanelProps } from '../../types'
-import { AgentFeature, type AgentNodeType } from './types'
-import Field from '../_base/components/field'
-import { AgentStrategy } from '../_base/components/agent-strategy'
-import useConfig from './use-config'
-import { useTranslation } from 'react-i18next'
-import OutputVars, { VarItem } from '../_base/components/output-vars'
-import type { StrategyParamItem } from '@/app/components/plugins/types'
+import type { AgentNodeType } from './types'
 import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { StrategyParamItem } from '@/app/components/plugins/types'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { toType } from '@/app/components/tools/utils/to-form-schema'
 import { useStore } from '../../store'
-import Split from '../_base/components/split'
+import { AgentStrategy } from '../_base/components/agent-strategy'
+import Field from '../_base/components/field'
 import MemoryConfig from '../_base/components/memory-config'
+import OutputVars, { VarItem } from '../_base/components/output-vars'
+import Split from '../_base/components/split'
+import { AgentFeature } from './types'
+import useConfig from './use-config'
+
 const i18nPrefix = 'workflow.nodes.agent'
 
 export function strategyParamToCredientialForm(param: StrategyParamItem): CredentialFormSchema {
@@ -43,89 +45,94 @@ const AgentPanel: FC<NodePanelProps<AgentNodeType>> = (props) => {
   const { t } = useTranslation()
 
   const resetEditor = useStore(s => s.setControlPromptEditorRerenderKey)
-  return <div className='my-2'>
-    <Field
-      required
-      title={t('workflow.nodes.agent.strategy.label')}
-      className='px-4 py-2'
-      tooltip={t('workflow.nodes.agent.strategy.tooltip')} >
-      <AgentStrategy
-        strategy={inputs.agent_strategy_name ? {
-          agent_strategy_provider_name: inputs.agent_strategy_provider_name!,
-          agent_strategy_name: inputs.agent_strategy_name!,
-          agent_strategy_label: inputs.agent_strategy_label!,
-          agent_output_schema: inputs.output_schema,
-          plugin_unique_identifier: inputs.plugin_unique_identifier!,
-          meta: inputs.meta,
-        } : undefined}
-        onStrategyChange={(strategy) => {
-          setInputs({
-            ...inputs,
-            agent_strategy_provider_name: strategy?.agent_strategy_provider_name,
-            agent_strategy_name: strategy?.agent_strategy_name,
-            agent_strategy_label: strategy?.agent_strategy_label,
-            output_schema: strategy!.agent_output_schema,
-            plugin_unique_identifier: strategy!.plugin_unique_identifier,
-            meta: strategy?.meta,
-          })
-          resetEditor(Date.now())
-        }}
-        formSchema={currentStrategy?.parameters?.map(strategyParamToCredientialForm) || []}
-        formValue={formData}
-        onFormValueChange={onFormChange}
-        nodeOutputVars={availableVars}
-        availableNodes={availableNodesWithParent}
-        nodeId={props.id}
-        canChooseMCPTool={canChooseMCPTool}
-      />
-    </Field>
-    <div className='px-4 py-2'>
-      {isChatMode && currentStrategy?.features?.includes(AgentFeature.HISTORY_MESSAGES) && (
-        <>
-          <Split />
-          <MemoryConfig
-            className='mt-4'
-            readonly={readOnly}
-            config={{ data: inputs.memory }}
-            onChange={handleMemoryChange}
-            canSetRoleName={false}
-          />
-        </>
-      )}
-    </div>
-    <div>
-      <OutputVars>
-        <VarItem
-          name='text'
-          type='String'
-          description={t(`${i18nPrefix}.outputVars.text`)}
+  return (
+    <div className="my-2">
+      <Field
+        required
+        title={t('workflow.nodes.agent.strategy.label')}
+        className="px-4 py-2"
+        tooltip={t('workflow.nodes.agent.strategy.tooltip')}
+      >
+        <AgentStrategy
+          strategy={inputs.agent_strategy_name
+            ? {
+                agent_strategy_provider_name: inputs.agent_strategy_provider_name!,
+                agent_strategy_name: inputs.agent_strategy_name!,
+                agent_strategy_label: inputs.agent_strategy_label!,
+                agent_output_schema: inputs.output_schema,
+                plugin_unique_identifier: inputs.plugin_unique_identifier!,
+                meta: inputs.meta,
+              }
+            : undefined}
+          onStrategyChange={(strategy) => {
+            setInputs({
+              ...inputs,
+              agent_strategy_provider_name: strategy?.agent_strategy_provider_name,
+              agent_strategy_name: strategy?.agent_strategy_name,
+              agent_strategy_label: strategy?.agent_strategy_label,
+              output_schema: strategy!.agent_output_schema,
+              plugin_unique_identifier: strategy!.plugin_unique_identifier,
+              meta: strategy?.meta,
+            })
+            resetEditor(Date.now())
+          }}
+          formSchema={currentStrategy?.parameters?.map(strategyParamToCredientialForm) || []}
+          formValue={formData}
+          onFormValueChange={onFormChange}
+          nodeOutputVars={availableVars}
+          availableNodes={availableNodesWithParent}
+          nodeId={props.id}
+          canChooseMCPTool={canChooseMCPTool}
         />
-        <VarItem
-          name='usage'
-          type='object'
-          description={t(`${i18nPrefix}.outputVars.usage`)}
-        />
-        <VarItem
-          name='files'
-          type='Array[File]'
-          description={t(`${i18nPrefix}.outputVars.files.title`)}
-        />
-        <VarItem
-          name='json'
-          type='Array[Object]'
-          description={t(`${i18nPrefix}.outputVars.json`)}
-        />
-        {outputSchema.map(({ name, type, description }) => (
+      </Field>
+      <div className="px-4 py-2">
+        {isChatMode && currentStrategy?.features?.includes(AgentFeature.HISTORY_MESSAGES) && (
+          <>
+            <Split />
+            <MemoryConfig
+              className="mt-4"
+              readonly={readOnly}
+              config={{ data: inputs.memory }}
+              onChange={handleMemoryChange}
+              canSetRoleName={false}
+            />
+          </>
+        )}
+      </div>
+      <div>
+        <OutputVars>
           <VarItem
-            key={name}
-            name={name}
-            type={type}
-            description={description}
+            name="text"
+            type="String"
+            description={t(`${i18nPrefix}.outputVars.text`)}
           />
-        ))}
-      </OutputVars>
+          <VarItem
+            name="usage"
+            type="object"
+            description={t(`${i18nPrefix}.outputVars.usage`)}
+          />
+          <VarItem
+            name="files"
+            type="Array[File]"
+            description={t(`${i18nPrefix}.outputVars.files.title`)}
+          />
+          <VarItem
+            name="json"
+            type="Array[Object]"
+            description={t(`${i18nPrefix}.outputVars.json`)}
+          />
+          {outputSchema.map(({ name, type, description }) => (
+            <VarItem
+              key={name}
+              name={name}
+              type={type}
+              description={description}
+            />
+          ))}
+        </OutputVars>
+      </div>
     </div>
-  </div>
+  )
 }
 
 AgentPanel.displayName = 'AgentPanel'
diff --git a/web/app/components/workflow/nodes/agent/types.ts b/web/app/components/workflow/nodes/agent/types.ts
index f163b3572a..efc7c0cd9a 100644
--- a/web/app/components/workflow/nodes/agent/types.ts
+++ b/web/app/components/workflow/nodes/agent/types.ts
@@ -1,6 +1,6 @@
-import type { CommonNodeType, Memory } from '@/app/components/workflow/types'
 import type { ToolVarInputs } from '../tool/types'
 import type { PluginMeta } from '@/app/components/plugins/types'
+import type { CommonNodeType, Memory } from '@/app/components/workflow/types'
 
 export type AgentNodeType = CommonNodeType & {
   agent_strategy_provider_name?: string
diff --git a/web/app/components/workflow/nodes/agent/use-config.ts b/web/app/components/workflow/nodes/agent/use-config.ts
index 90d6736f51..49af451f4c 100644
--- a/web/app/components/workflow/nodes/agent/use-config.ts
+++ b/web/app/components/workflow/nodes/agent/use-config.ts
@@ -1,21 +1,22 @@
-import { useStrategyProviderDetail } from '@/service/use-strategy'
-import useNodeCrud from '../_base/hooks/use-node-crud'
-import useVarList from '../_base/hooks/use-var-list'
+import type { Memory, Var } from '../../types'
+import type { ToolVarInputs } from '../tool/types'
 import type { AgentNodeType } from './types'
+import { produce } from 'immer'
+import { useCallback, useEffect, useMemo } from 'react'
+import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { generateAgentToolValue, toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
 import {
   useIsChatMode,
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
-import { useCallback, useEffect, useMemo } from 'react'
-import { type ToolVarInputs, VarType } from '../tool/types'
 import { useCheckInstalled, useFetchPluginsInMarketPlaceByIds } from '@/service/use-plugins'
-import type { Memory, Var } from '../../types'
+import { useStrategyProviderDetail } from '@/service/use-strategy'
+import { isSupportMCP } from '@/utils/plugin-version-feature'
 import { VarType as VarKindType } from '../../types'
 import useAvailableVarList from '../_base/hooks/use-available-var-list'
-import { produce } from 'immer'
-import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { isSupportMCP } from '@/utils/plugin-version-feature'
-import { generateAgentToolValue, toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
+import useNodeCrud from '../_base/hooks/use-node-crud'
+import useVarList from '../_base/hooks/use-var-list'
+import { VarType } from '../tool/types'
 
 export type StrategyStatus = {
   plugin: {
@@ -100,7 +101,8 @@ const useConfig = (id: string, payload: AgentNodeType) => {
     const isVariable = currentStrategy?.parameters.some(
       param => param.name === paramName && param.type === FormTypeEnum.any,
     )
-    if (isVariable) return VarType.variable
+    if (isVariable)
+      return VarType.variable
     return VarType.constant
   }, [currentStrategy?.parameters])
 
diff --git a/web/app/components/workflow/nodes/agent/use-single-run-form-params.ts b/web/app/components/workflow/nodes/agent/use-single-run-form-params.ts
index 0b9a40aea4..f12c1074ce 100644
--- a/web/app/components/workflow/nodes/agent/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/agent/use-single-run-form-params.ts
@@ -1,17 +1,17 @@
 import type { RefObject } from 'react'
-import type { InputVar, Variable } from '@/app/components/workflow/types'
-import { useMemo } from 'react'
-import useNodeCrud from '../_base/hooks/use-node-crud'
 import type { AgentNodeType } from './types'
-import { useTranslation } from 'react-i18next'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
-import { useStrategyInfo } from './use-config'
+import type { InputVar, Variable } from '@/app/components/workflow/types'
 import type { NodeTracing } from '@/types/workflow'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import formatTracing from '@/app/components/workflow/run/utils/format-log'
+import useNodeCrud from '../_base/hooks/use-node-crud'
+import { useStrategyInfo } from './use-config'
 
 type Params = {
-  id: string,
-  payload: AgentNodeType,
+  id: string
+  payload: AgentNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
diff --git a/web/app/components/workflow/nodes/answer/default.ts b/web/app/components/workflow/nodes/answer/default.ts
index f115274900..0011fd09ef 100644
--- a/web/app/components/workflow/nodes/answer/default.ts
+++ b/web/app/components/workflow/nodes/answer/default.ts
@@ -1,7 +1,7 @@
 import type { NodeDefault } from '../../types'
 import type { AnswerNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   sort: 2.1,
diff --git a/web/app/components/workflow/nodes/answer/node.tsx b/web/app/components/workflow/nodes/answer/node.tsx
index bb28066d95..12c7b10a1a 100644
--- a/web/app/components/workflow/nodes/answer/node.tsx
+++ b/web/app/components/workflow/nodes/answer/node.tsx
@@ -1,10 +1,11 @@
 import type { FC } from 'react'
+import type { AnswerNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import InfoPanel from '../_base/components/info-panel'
 import ReadonlyInputWithSelectVar from '../_base/components/readonly-input-with-select-var'
-import type { AnswerNodeType } from './types'
-import type { NodeProps } from '@/app/components/workflow/types'
+
 const Node: FC<NodeProps<AnswerNodeType>> = ({
   id,
   data,
@@ -12,13 +13,16 @@ const Node: FC<NodeProps<AnswerNodeType>> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='mb-1 px-3 py-1'>
-      <InfoPanel title={t('workflow.nodes.answer.answer')} content={
-        <ReadonlyInputWithSelectVar
-          value={data.answer}
-          nodeId={id}
-        />
-      } />
+    <div className="mb-1 px-3 py-1">
+      <InfoPanel
+        title={t('workflow.nodes.answer.answer')}
+        content={(
+          <ReadonlyInputWithSelectVar
+            value={data.answer}
+            nodeId={id}
+          />
+        )}
+      />
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/answer/panel.tsx b/web/app/components/workflow/nodes/answer/panel.tsx
index 2a4b70ee32..170cd17bf8 100644
--- a/web/app/components/workflow/nodes/answer/panel.tsx
+++ b/web/app/components/workflow/nodes/answer/panel.tsx
@@ -1,11 +1,12 @@
 import type { FC } from 'react'
+import type { AnswerNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import useConfig from './use-config'
-import type { AnswerNodeType } from './types'
 import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
-import type { NodePanelProps } from '@/app/components/workflow/types'
 import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import useConfig from './use-config'
+
 const i18nPrefix = 'workflow.nodes.answer'
 
 const Panel: FC<NodePanelProps<AnswerNodeType>> = ({
@@ -29,7 +30,7 @@ const Panel: FC<NodePanelProps<AnswerNodeType>> = ({
   })
 
   return (
-    <div className='mb-2 mt-2 space-y-4 px-4'>
+    <div className="mb-2 mt-2 space-y-4 px-4">
       <Editor
         readOnly={readOnly}
         justVar
diff --git a/web/app/components/workflow/nodes/answer/use-config.ts b/web/app/components/workflow/nodes/answer/use-config.ts
index c00b2bd7c5..aad75d6591 100644
--- a/web/app/components/workflow/nodes/answer/use-config.ts
+++ b/web/app/components/workflow/nodes/answer/use-config.ts
@@ -1,13 +1,13 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
-import useVarList from '../_base/hooks/use-var-list'
 import type { Var } from '../../types'
-import { VarType } from '../../types'
 import type { AnswerNodeType } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { VarType } from '../../types'
+import useVarList from '../_base/hooks/use-var-list'
 
 const useConfig = (id: string, payload: AnswerNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
diff --git a/web/app/components/workflow/nodes/assigner/components/operation-selector.tsx b/web/app/components/workflow/nodes/assigner/components/operation-selector.tsx
index 986a1b034b..fd346e632d 100644
--- a/web/app/components/workflow/nodes/assigner/components/operation-selector.tsx
+++ b/web/app/components/workflow/nodes/assigner/components/operation-selector.tsx
@@ -1,20 +1,20 @@
 import type { FC } from 'react'
-import { useState } from 'react'
+import type { WriteMode } from '../types'
+import type { VarType } from '@/app/components/workflow/types'
 import {
   RiArrowDownSLine,
   RiCheckLine,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { WriteMode } from '../types'
-import { getOperationItems } from '../utils'
+import Divider from '@/app/components/base/divider'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { VarType } from '@/app/components/workflow/types'
-import Divider from '@/app/components/base/divider'
+import { cn } from '@/utils/classnames'
+import { getOperationItems } from '../utils'
 
 type Item = {
   value: string | number
@@ -58,19 +58,16 @@ const OperationSelector: FC<OperationSelectorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
       <PortalToFollowElemTrigger
         onClick={() => !disabled && setOpen(v => !v)}
       >
         <div
-          className={cn('flex items-center gap-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1',
-            disabled ? 'cursor-not-allowed !bg-components-input-bg-disabled' : 'cursor-pointer hover:bg-state-base-hover-alt',
-            open && 'bg-state-base-hover-alt',
-            className)}
+          className={cn('flex items-center gap-0.5 rounded-lg bg-components-input-bg-normal px-2 py-1', disabled ? 'cursor-not-allowed !bg-components-input-bg-disabled' : 'cursor-pointer hover:bg-state-base-hover-alt', open && 'bg-state-base-hover-alt', className)}
         >
-          <div className='flex items-center p-1'>
+          <div className="flex items-center p-1">
             <span
               className={`system-sm-regular overflow-hidden truncate text-ellipsis
                 ${selectedItem ? 'text-components-input-text-filled' : 'text-components-input-text-disabled'}`}
@@ -83,36 +80,35 @@ const OperationSelector: FC<OperationSelectorProps> = ({
       </PortalToFollowElemTrigger>
 
       <PortalToFollowElemContent className={`z-20 ${popupClassName}`}>
-        <div className='flex w-[140px] flex-col items-start rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
-          <div className='flex flex-col items-start self-stretch p-1'>
-            <div className='flex items-start self-stretch px-3 pb-0.5 pt-1'>
-              <div className='system-xs-medium-uppercase flex grow text-text-tertiary'>{t(`${i18nPrefix}.operations.title`)}</div>
+        <div className="flex w-[140px] flex-col items-start rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
+          <div className="flex flex-col items-start self-stretch p-1">
+            <div className="flex items-start self-stretch px-3 pb-0.5 pt-1">
+              <div className="system-xs-medium-uppercase flex grow text-text-tertiary">{t(`${i18nPrefix}.operations.title`)}</div>
             </div>
             {items.map(item => (
               item.value === 'divider'
                 ? (
-                  <Divider key="divider" className="my-1" />
-                )
+                    <Divider key="divider" className="my-1" />
+                  )
                 : (
-                  <div
-                    key={item.value}
-                    className={cn('flex items-center gap-1 self-stretch rounded-lg px-2 py-1',
-                      'cursor-pointer hover:bg-state-base-hover')}
-                    onClick={() => {
-                      onSelect(item)
-                      setOpen(false)
-                    }}
-                  >
-                    <div className='flex min-h-5 grow items-center gap-1 px-1'>
-                      <span className={'system-sm-medium flex grow text-text-secondary'}>{t(`${i18nPrefix}.operations.${item.name}`)}</span>
-                    </div>
-                    {item.value === value && (
-                      <div className='flex items-center justify-center'>
-                        <RiCheckLine className='h-4 w-4 text-text-accent' />
+                    <div
+                      key={item.value}
+                      className={cn('flex items-center gap-1 self-stretch rounded-lg px-2 py-1', 'cursor-pointer hover:bg-state-base-hover')}
+                      onClick={() => {
+                        onSelect(item)
+                        setOpen(false)
+                      }}
+                    >
+                      <div className="flex min-h-5 grow items-center gap-1 px-1">
+                        <span className="system-sm-medium flex grow text-text-secondary">{t(`${i18nPrefix}.operations.${item.name}`)}</span>
                       </div>
-                    )}
-                  </div>
-                )
+                      {item.value === value && (
+                        <div className="flex items-center justify-center">
+                          <RiCheckLine className="h-4 w-4 text-text-accent" />
+                        </div>
+                      )}
+                    </div>
+                  )
             ))}
           </div>
         </div>
diff --git a/web/app/components/workflow/nodes/assigner/components/var-list/index.tsx b/web/app/components/workflow/nodes/assigner/components/var-list/index.tsx
index b81277d740..3f99121835 100644
--- a/web/app/components/workflow/nodes/assigner/components/var-list/index.tsx
+++ b/web/app/components/workflow/nodes/assigner/components/var-list/index.tsx
@@ -1,23 +1,23 @@
 'use client'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import React, { useCallback } from 'react'
-import { produce } from 'immer'
-import { RiDeleteBinLine } from '@remixicon/react'
-import OperationSelector from '../operation-selector'
-import { AssignerNodeInputType, WriteMode } from '../../types'
 import type { AssignerNodeOperation } from '../../types'
-import ListNoDataPlaceholder from '@/app/components/workflow/nodes/_base/components/list-no-data-placeholder'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
 import type { ValueSelector, Var } from '@/app/components/workflow/types'
-import { VarType } from '@/app/components/workflow/types'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { RiDeleteBinLine } from '@remixicon/react'
+import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
 import Input from '@/app/components/base/input'
 import Textarea from '@/app/components/base/textarea'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { noop } from 'lodash-es'
+import ListNoDataPlaceholder from '@/app/components/workflow/nodes/_base/components/list-no-data-placeholder'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import BoolValue from '@/app/components/workflow/panel/chat-variable-panel/components/bool-value'
+import { VarType } from '@/app/components/workflow/types'
+import { AssignerNodeInputType, WriteMode } from '../../types'
+import OperationSelector from '../operation-selector'
 
 type Props = {
   readonly: boolean
@@ -105,7 +105,8 @@ const VarList: FC<Props> = ({
   const handleFilterToAssignedVar = useCallback((index: number) => {
     return (payload: Var) => {
       const { variable_selector, operation } = list[index]
-      if (!variable_selector || !operation || !filterToAssignedVar) return true
+      if (!variable_selector || !operation || !filterToAssignedVar)
+        return true
 
       const assignedVarType = getAssignedVarType?.(variable_selector)
       const isSameVariable = Array.isArray(variable_selector) && variable_selector.join('.') === `${payload.nodeId}.${payload.variable}`
@@ -123,7 +124,7 @@ const VarList: FC<Props> = ({
   }
 
   return (
-    <div className='flex flex-col items-start gap-4 self-stretch'>
+    <div className="flex flex-col items-start gap-4 self-stretch">
       {list.map((item, index) => {
         const assignedVarType = item.variable_selector ? getAssignedVarType?.(item.variable_selector) : undefined
         const toAssignedVarType = (assignedVarType && item.operation && getToAssignedVarType)
@@ -131,9 +132,9 @@ const VarList: FC<Props> = ({
           : undefined
 
         return (
-          <div className='flex items-start gap-1 self-stretch' key={index}>
-            <div className='flex grow flex-col items-start gap-1'>
-              <div className='flex items-center gap-1 self-stretch'>
+          <div className="flex items-start gap-1 self-stretch" key={index}>
+            <div className="flex grow flex-col items-start gap-1">
+              <div className="flex items-center gap-1 self-stretch">
                 <VarReferencePicker
                   readonly={readonly}
                   nodeId={nodeId}
@@ -144,12 +145,12 @@ const VarList: FC<Props> = ({
                   filterVar={filterVar}
                   placeholder={t('workflow.nodes.assigner.selectAssignedVariable') as string}
                   minWidth={352}
-                  popupFor='assigned'
-                  className='w-full'
+                  popupFor="assigned"
+                  className="w-full"
                 />
                 <OperationSelector
                   value={item.operation}
-                  placeholder='Operation'
+                  placeholder="Operation"
                   disabled={!item.variable_selector || item.variable_selector.length === 0}
                   onSelect={handleOperationChange(index, assignedVarType!)}
                   assignedVarType={assignedVarType}
@@ -172,11 +173,10 @@ const VarList: FC<Props> = ({
                     valueTypePlaceHolder={toAssignedVarType}
                     placeholder={t('workflow.nodes.assigner.setParameter') as string}
                     minWidth={352}
-                    popupFor='toAssigned'
-                    className='w-full'
+                    popupFor="toAssigned"
+                    className="w-full"
                   />
-                )
-              }
+                )}
               {item.operation === WriteMode.set && assignedVarType && (
                 <>
                   {assignedVarType === 'number' && (
@@ -184,14 +184,14 @@ const VarList: FC<Props> = ({
                       type="number"
                       value={item.value as number}
                       onChange={e => handleToAssignedVarChange(index)(Number(e.target.value))}
-                      className='w-full'
+                      className="w-full"
                     />
                   )}
                   {assignedVarType === 'string' && (
                     <Textarea
                       value={item.value as string}
                       onChange={e => handleToAssignedVarChange(index)(e.target.value)}
-                      className='w-full'
+                      className="w-full"
                     />
                   )}
                   {assignedVarType === 'boolean' && (
@@ -205,28 +205,29 @@ const VarList: FC<Props> = ({
                       value={item.value as string}
                       language={CodeLanguage.json}
                       onChange={value => handleToAssignedVarChange(index)(value)}
-                      className='w-full'
+                      className="w-full"
                       readOnly={readonly}
                     />
                   )}
                 </>
               )}
               {writeModeTypesNum?.includes(item.operation)
-                && <Input
-                  type="number"
-                  value={item.value as number}
-                  onChange={e => handleToAssignedVarChange(index)(Number(e.target.value))}
-                  placeholder="Enter number value..."
-                  className='w-full'
-                />
-              }
+                && (
+                  <Input
+                    type="number"
+                    value={item.value as number}
+                    onChange={e => handleToAssignedVarChange(index)(Number(e.target.value))}
+                    placeholder="Enter number value..."
+                    className="w-full"
+                  />
+                )}
             </div>
             <ActionButton
-              size='l'
-              className='group shrink-0 hover:!bg-state-destructive-hover'
+              size="l"
+              className="group shrink-0 hover:!bg-state-destructive-hover"
               onClick={handleVarRemove(index)}
             >
-              <RiDeleteBinLine className='h-4 w-4 text-text-tertiary group-hover:text-text-destructive' />
+              <RiDeleteBinLine className="h-4 w-4 text-text-tertiary group-hover:text-text-destructive" />
             </ActionButton>
           </div>
         )
diff --git a/web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts b/web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts
index c97006d023..51f938d9b4 100644
--- a/web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts
+++ b/web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts
@@ -1,6 +1,6 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type { AssignerNodeOperation, AssignerNodeType } from '../../types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 import { AssignerNodeInputType, WriteMode } from '../../types'
 
 type Params = {
diff --git a/web/app/components/workflow/nodes/assigner/default.ts b/web/app/components/workflow/nodes/assigner/default.ts
index 049c91f6c2..dcf2a1b5ac 100644
--- a/web/app/components/workflow/nodes/assigner/default.ts
+++ b/web/app/components/workflow/nodes/assigner/default.ts
@@ -1,8 +1,10 @@
 import type { NodeDefault } from '../../types'
-import { type AssignerNodeType, WriteMode } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
+import type { AssignerNodeType } from './types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { WriteMode } from './types'
+
 const i18nPrefix = 'workflow.errorMsg'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/assigner/hooks.ts b/web/app/components/workflow/nodes/assigner/hooks.ts
index d42fb8ee8a..d708222868 100644
--- a/web/app/components/workflow/nodes/assigner/hooks.ts
+++ b/web/app/components/workflow/nodes/assigner/hooks.ts
@@ -1,15 +1,15 @@
+import type {
+  Node,
+  Var,
+} from '../../types'
+import { uniqBy } from 'lodash-es'
 import { useCallback } from 'react'
 import { useNodes } from 'reactflow'
-import { uniqBy } from 'lodash-es'
 import {
   useIsChatMode,
   useWorkflow,
   useWorkflowVariables,
 } from '../../hooks'
-import type {
-  Node,
-  Var,
-} from '../../types'
 import { AssignerNodeInputType, WriteMode } from './types'
 
 export const useGetAvailableVars = () => {
diff --git a/web/app/components/workflow/nodes/assigner/node.tsx b/web/app/components/workflow/nodes/assigner/node.tsx
index 5e5950d715..c7777c4541 100644
--- a/web/app/components/workflow/nodes/assigner/node.tsx
+++ b/web/app/components/workflow/nodes/assigner/node.tsx
@@ -1,14 +1,15 @@
 import type { FC } from 'react'
-import React from 'react'
-import { useNodes } from 'reactflow'
-import { useTranslation } from 'react-i18next'
 import type { AssignerNodeType } from './types'
+import type { Node, NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes } from 'reactflow'
+import Badge from '@/app/components/base/badge'
 import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import { BlockEnum, type Node, type NodeProps } from '@/app/components/workflow/types'
 import {
   VariableLabelInNode,
 } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
-import Badge from '@/app/components/base/badge'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 const i18nPrefix = 'workflow.nodes.assigner'
 
@@ -25,17 +26,17 @@ const NodeComponent: FC<NodeProps<AssignerNodeType>> = ({
 
     if (validOperationItems.length === 0) {
       return (
-        <div className='relative flex flex-col items-start gap-0.5 self-stretch px-3 py-1'>
-          <div className='flex flex-col items-start gap-1 self-stretch'>
-            <div className='flex items-center gap-1 self-stretch rounded-md bg-workflow-block-parma-bg px-[5px] py-1'>
-              <div className='system-xs-medium flex-1 text-text-tertiary'>{t(`${i18nPrefix}.varNotSet`)}</div>
+        <div className="relative flex flex-col items-start gap-0.5 self-stretch px-3 py-1">
+          <div className="flex flex-col items-start gap-1 self-stretch">
+            <div className="flex items-center gap-1 self-stretch rounded-md bg-workflow-block-parma-bg px-[5px] py-1">
+              <div className="system-xs-medium flex-1 text-text-tertiary">{t(`${i18nPrefix}.varNotSet`)}</div>
             </div>
           </div>
         </div>
       )
     }
     return (
-      <div className='relative flex flex-col items-start gap-0.5 self-stretch px-3 py-1'>
+      <div className="relative flex flex-col items-start gap-0.5 self-stretch px-3 py-1">
         {operationItems.map((value, index) => {
           const variable = value.variable_selector
           if (!variable || variable.length === 0)
@@ -49,7 +50,7 @@ const NodeComponent: FC<NodeProps<AssignerNodeType>> = ({
               nodeType={node?.data.type}
               nodeTitle={node?.data.title}
               rightSlot={
-                value.operation && <Badge className='!ml-auto shrink-0' text={t(`${i18nPrefix}.operations.${value.operation}`)} />
+                value.operation && <Badge className="!ml-auto shrink-0" text={t(`${i18nPrefix}.operations.${value.operation}`)} />
               }
             />
           )
@@ -66,13 +67,13 @@ const NodeComponent: FC<NodeProps<AssignerNodeType>> = ({
   const node = isSystem ? nodes.find(node => node.data.type === BlockEnum.Start) : nodes.find(node => node.id === variable[0])
 
   return (
-    <div className='relative flex flex-col items-start gap-0.5 self-stretch px-3 py-1'>
+    <div className="relative flex flex-col items-start gap-0.5 self-stretch px-3 py-1">
       <VariableLabelInNode
         variables={variable}
         nodeType={node?.data.type}
         nodeTitle={node?.data.title}
         rightSlot={
-          writeMode && <Badge className='!ml-auto shrink-0' text={t(`${i18nPrefix}.operations.${writeMode}`)} />
+          writeMode && <Badge className="!ml-auto shrink-0" text={t(`${i18nPrefix}.operations.${writeMode}`)} />
         }
       />
     </div>
diff --git a/web/app/components/workflow/nodes/assigner/panel.tsx b/web/app/components/workflow/nodes/assigner/panel.tsx
index 430f1ae27f..04da330fd4 100644
--- a/web/app/components/workflow/nodes/assigner/panel.tsx
+++ b/web/app/components/workflow/nodes/assigner/panel.tsx
@@ -1,15 +1,15 @@
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import type { AssignerNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import {
   RiAddLine,
 } from '@remixicon/react'
-import VarList from './components/var-list'
-import useConfig from './use-config'
-import type { AssignerNodeType } from './types'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import { useHandleAddOperationItem } from './hooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
+import VarList from './components/var-list'
+import { useHandleAddOperationItem } from './hooks'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.assigner'
 
@@ -37,12 +37,12 @@ const Panel: FC<NodePanelProps<AssignerNodeType>> = ({
   }
 
   return (
-    <div className='flex flex-col items-start self-stretch py-2'>
-      <div className='flex w-full flex-col items-start justify-center gap-1 self-stretch px-4 py-2'>
-        <div className='flex items-start gap-2 self-stretch'>
-          <div className='system-sm-semibold-uppercase flex grow flex-col items-start justify-center text-text-secondary'>{t(`${i18nPrefix}.variables`)}</div>
+    <div className="flex flex-col items-start self-stretch py-2">
+      <div className="flex w-full flex-col items-start justify-center gap-1 self-stretch px-4 py-2">
+        <div className="flex items-start gap-2 self-stretch">
+          <div className="system-sm-semibold-uppercase flex grow flex-col items-start justify-center text-text-secondary">{t(`${i18nPrefix}.variables`)}</div>
           <ActionButton onClick={handleAddOperation}>
-            <RiAddLine className='h-4 w-4 shrink-0 text-text-tertiary' />
+            <RiAddLine className="h-4 w-4 shrink-0 text-text-tertiary" />
           </ActionButton>
         </div>
         <VarList
diff --git a/web/app/components/workflow/nodes/assigner/use-config.ts b/web/app/components/workflow/nodes/assigner/use-config.ts
index a69ddd2464..b9f34c4a9c 100644
--- a/web/app/components/workflow/nodes/assigner/use-config.ts
+++ b/web/app/components/workflow/nodes/assigner/use-config.ts
@@ -1,20 +1,19 @@
-import { useCallback, useMemo } from 'react'
-import { produce } from 'immer'
-import { useStoreApi } from 'reactflow'
-import { VarType } from '../../types'
 import type { ValueSelector, Var } from '../../types'
-import { WriteMode } from './types'
 import type { AssignerNodeOperation, AssignerNodeType } from './types'
-import { writeModeTypesNum } from './types'
-import { useGetAvailableVars } from './hooks'
-import { convertV1ToV2 } from './utils'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { produce } from 'immer'
+import { useCallback, useMemo } from 'react'
+import { useStoreApi } from 'reactflow'
 import {
   useIsChatMode,
   useNodesReadOnly,
   useWorkflow,
   useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { VarType } from '../../types'
+import { useGetAvailableVars } from './hooks'
+import { WriteMode, writeModeTypesNum } from './types'
+import { convertV1ToV2 } from './utils'
 
 const useConfig = (id: string, rawPayload: AssignerNodeType) => {
   const payload = useMemo(() => convertV1ToV2(rawPayload), [rawPayload])
@@ -75,8 +74,9 @@ const useConfig = (id: string, rawPayload: AssignerNodeType) => {
 
   const getToAssignedVarType = useCallback((assignedVarType: VarType, write_mode: WriteMode) => {
     if (write_mode === WriteMode.overwrite || write_mode === WriteMode.increment || write_mode === WriteMode.decrement
-      || write_mode === WriteMode.multiply || write_mode === WriteMode.divide || write_mode === WriteMode.extend)
+      || write_mode === WriteMode.multiply || write_mode === WriteMode.divide || write_mode === WriteMode.extend) {
       return assignedVarType
+    }
     if (write_mode === WriteMode.append) {
       if (assignedVarType === VarType.arrayString)
         return VarType.string
diff --git a/web/app/components/workflow/nodes/assigner/use-single-run-form-params.ts b/web/app/components/workflow/nodes/assigner/use-single-run-form-params.ts
index 403157b132..002fac719d 100644
--- a/web/app/components/workflow/nodes/assigner/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/assigner/use-single-run-form-params.ts
@@ -1,13 +1,13 @@
 import type { RefObject } from 'react'
+import type { AssignerNodeType } from './types'
 import type { InputVar, ValueSelector, Variable } from '@/app/components/workflow/types'
 import { useMemo } from 'react'
 import useNodeCrud from '../_base/hooks/use-node-crud'
-import { type AssignerNodeType, WriteMode } from './types'
-import { writeModeTypesNum } from './types'
+import { WriteMode, writeModeTypesNum } from './types'
 
 type Params = {
-  id: string,
-  payload: AssignerNodeType,
+  id: string
+  payload: AssignerNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -26,8 +26,8 @@ const useSingleRunFormParams = ({
 
   const vars = (inputs.items ?? []).filter((item) => {
     return item.operation !== WriteMode.clear && item.operation !== WriteMode.set
-                    && item.operation !== WriteMode.removeFirst && item.operation !== WriteMode.removeLast
-                    && !writeModeTypesNum.includes(item.operation)
+      && item.operation !== WriteMode.removeFirst && item.operation !== WriteMode.removeLast
+      && !writeModeTypesNum.includes(item.operation)
   }).map(item => item.value as ValueSelector)
 
   const forms = useMemo(() => {
diff --git a/web/app/components/workflow/nodes/code/code-parser.spec.ts b/web/app/components/workflow/nodes/code/code-parser.spec.ts
index 67f2c218e1..d7fd590f28 100644
--- a/web/app/components/workflow/nodes/code/code-parser.spec.ts
+++ b/web/app/components/workflow/nodes/code/code-parser.spec.ts
@@ -31,27 +31,27 @@ const SAMPLE_CODES = {
 
 describe('extractFunctionParams', () => {
   describe('Python3', () => {
-    test('handles no parameters', () => {
+    it('handles no parameters', () => {
       const result = extractFunctionParams(SAMPLE_CODES.python3.noParams, CodeLanguage.python3)
       expect(result).toEqual([])
     })
 
-    test('extracts single parameter', () => {
+    it('extracts single parameter', () => {
       const result = extractFunctionParams(SAMPLE_CODES.python3.singleParam, CodeLanguage.python3)
       expect(result).toEqual(['param1'])
     })
 
-    test('extracts multiple parameters', () => {
+    it('extracts multiple parameters', () => {
       const result = extractFunctionParams(SAMPLE_CODES.python3.multipleParams, CodeLanguage.python3)
       expect(result).toEqual(['param1', 'param2', 'param3'])
     })
 
-    test('handles type hints', () => {
+    it('handles type hints', () => {
       const result = extractFunctionParams(SAMPLE_CODES.python3.withTypes, CodeLanguage.python3)
       expect(result).toEqual(['param1', 'param2', 'param3'])
     })
 
-    test('handles default values', () => {
+    it('handles default values', () => {
       const result = extractFunctionParams(SAMPLE_CODES.python3.withDefaults, CodeLanguage.python3)
       expect(result).toEqual(['param1', 'param2'])
     })
@@ -59,27 +59,27 @@ describe('extractFunctionParams', () => {
 
   // JavaScript のテストケース
   describe('JavaScript', () => {
-    test('handles no parameters', () => {
+    it('handles no parameters', () => {
       const result = extractFunctionParams(SAMPLE_CODES.javascript.noParams, CodeLanguage.javascript)
       expect(result).toEqual([])
     })
 
-    test('extracts single parameter', () => {
+    it('extracts single parameter', () => {
       const result = extractFunctionParams(SAMPLE_CODES.javascript.singleParam, CodeLanguage.javascript)
       expect(result).toEqual(['param1'])
     })
 
-    test('extracts multiple parameters', () => {
+    it('extracts multiple parameters', () => {
       const result = extractFunctionParams(SAMPLE_CODES.javascript.multipleParams, CodeLanguage.javascript)
       expect(result).toEqual(['param1', 'param2', 'param3'])
     })
 
-    test('handles comments in code', () => {
+    it('handles comments in code', () => {
       const result = extractFunctionParams(SAMPLE_CODES.javascript.withComments, CodeLanguage.javascript)
       expect(result).toEqual(['param1', 'param2'])
     })
 
-    test('handles whitespace', () => {
+    it('handles whitespace', () => {
       const result = extractFunctionParams(SAMPLE_CODES.javascript.withSpaces, CodeLanguage.javascript)
       expect(result).toEqual(['param1', 'param2'])
     })
@@ -182,7 +182,7 @@ function main(name, age, city) {
 describe('extractReturnType', () => {
   // Python3 のテスト
   describe('Python3', () => {
-    test('extracts single return value', () => {
+    it('extracts single return value', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.python3.singleReturn, CodeLanguage.python3)
       expect(result).toEqual({
         result: {
@@ -192,7 +192,7 @@ describe('extractReturnType', () => {
       })
     })
 
-    test('extracts multiple return values', () => {
+    it('extracts multiple return values', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.python3.multipleReturns, CodeLanguage.python3)
       expect(result).toEqual({
         result: {
@@ -206,12 +206,12 @@ describe('extractReturnType', () => {
       })
     })
 
-    test('returns empty object when no return statement', () => {
+    it('returns empty object when no return statement', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.python3.noReturn, CodeLanguage.python3)
       expect(result).toEqual({})
     })
 
-    test('handles complex return statement', () => {
+    it('handles complex return statement', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.python3.complexReturn, CodeLanguage.python3)
       expect(result).toEqual({
         result: {
@@ -228,7 +228,7 @@ describe('extractReturnType', () => {
         },
       })
     })
-    test('handles nested object structure', () => {
+    it('handles nested object structure', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.python3.nestedObject, CodeLanguage.python3)
       expect(result).toEqual({
         personal_info: {
@@ -249,7 +249,7 @@ describe('extractReturnType', () => {
 
   // JavaScript のテスト
   describe('JavaScript', () => {
-    test('extracts single return value', () => {
+    it('extracts single return value', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.javascript.singleReturn, CodeLanguage.javascript)
       expect(result).toEqual({
         result: {
@@ -259,7 +259,7 @@ describe('extractReturnType', () => {
       })
     })
 
-    test('extracts multiple return values', () => {
+    it('extracts multiple return values', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.javascript.multipleReturns, CodeLanguage.javascript)
       expect(result).toEqual({
         result: {
@@ -273,7 +273,7 @@ describe('extractReturnType', () => {
       })
     })
 
-    test('handles return with parentheses', () => {
+    it('handles return with parentheses', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.javascript.withParentheses, CodeLanguage.javascript)
       expect(result).toEqual({
         result: {
@@ -287,12 +287,12 @@ describe('extractReturnType', () => {
       })
     })
 
-    test('returns empty object when no return statement', () => {
+    it('returns empty object when no return statement', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.javascript.noReturn, CodeLanguage.javascript)
       expect(result).toEqual({})
     })
 
-    test('handles quoted keys', () => {
+    it('handles quoted keys', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.javascript.withQuotes, CodeLanguage.javascript)
       expect(result).toEqual({
         result: {
@@ -305,7 +305,7 @@ describe('extractReturnType', () => {
         },
       })
     })
-    test('handles nested object structure', () => {
+    it('handles nested object structure', () => {
       const result = extractReturnType(RETURN_TYPE_SAMPLES.javascript.nestedObject, CodeLanguage.javascript)
       expect(result).toEqual({
         personal_info: {
diff --git a/web/app/components/workflow/nodes/code/code-parser.ts b/web/app/components/workflow/nodes/code/code-parser.ts
index 7550e62e96..cdd8a69a26 100644
--- a/web/app/components/workflow/nodes/code/code-parser.ts
+++ b/web/app/components/workflow/nodes/code/code-parser.ts
@@ -1,5 +1,5 @@
-import { VarType } from '../../types'
 import type { OutputVar } from './types'
+import { VarType } from '../../types'
 import { CodeLanguage } from './types'
 
 export const extractFunctionParams = (code: string, language: CodeLanguage) => {
@@ -68,7 +68,7 @@ export const extractReturnType = (code: string, language: CodeLanguage): OutputV
 
   const result: OutputVar = {}
 
-  const keyRegex = /['"]?(\w+)['"]?\s*:(?![^{]*})/g
+  const keyRegex = /['"]?(\w+)['"]?\s*:(?![^{]*\})/g
   const matches = returnContent.matchAll(keyRegex)
 
   for (const match of matches) {
diff --git a/web/app/components/workflow/nodes/code/default.ts b/web/app/components/workflow/nodes/code/default.ts
index 7cf40db63f..6a0ae7861d 100644
--- a/web/app/components/workflow/nodes/code/default.ts
+++ b/web/app/components/workflow/nodes/code/default.ts
@@ -1,8 +1,9 @@
 import type { NodeDefault } from '../../types'
-import { CodeLanguage, type CodeNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
+import type { CodeNodeType } from './types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { CodeLanguage } from './types'
 
 const i18nPrefix = 'workflow.errorMsg'
 
diff --git a/web/app/components/workflow/nodes/code/dependency-picker.tsx b/web/app/components/workflow/nodes/code/dependency-picker.tsx
index a302a21366..2e0e0c0d59 100644
--- a/web/app/components/workflow/nodes/code/dependency-picker.tsx
+++ b/web/app/components/workflow/nodes/code/dependency-picker.tsx
@@ -1,13 +1,13 @@
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { t } from 'i18next'
+import type { CodeDependency } from './types'
 import {
   RiArrowDownSLine,
 } from '@remixicon/react'
-import type { CodeDependency } from './types'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
-import Input from '@/app/components/base/input'
+import { t } from 'i18next'
+import React, { useCallback, useState } from 'react'
 import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import Input from '@/app/components/base/input'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 
 type Props = {
   value: CodeDependency
@@ -34,22 +34,26 @@ const DependencyPicker: FC<Props> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={4}
     >
-      <PortalToFollowElemTrigger onClick={() => setOpen(!open)} className='grow cursor-pointer'>
-        <div className='flex h-8 items-center justify-between rounded-lg border-0 bg-gray-100 px-2.5 text-[13px] text-gray-900'>
-          <div className='w-0 grow truncate' title={value.name}>{value.name}</div>
-          <RiArrowDownSLine className='h-3.5 w-3.5 shrink-0 text-gray-700' />
+      <PortalToFollowElemTrigger onClick={() => setOpen(!open)} className="grow cursor-pointer">
+        <div className="flex h-8 items-center justify-between rounded-lg border-0 bg-gray-100 px-2.5 text-[13px] text-gray-900">
+          <div className="w-0 grow truncate" title={value.name}>{value.name}</div>
+          <RiArrowDownSLine className="h-3.5 w-3.5 shrink-0 text-gray-700" />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{
         zIndex: 100,
-      }}>
-        <div className='rounded-lg bg-white p-1 shadow-sm' style={{
-          width: 350,
-        }}>
-          <div className='mx-1 mb-2'>
+      }}
+      >
+        <div
+          className="rounded-lg bg-white p-1 shadow-sm"
+          style={{
+            width: 350,
+          }}
+        >
+          <div className="mx-1 mb-2">
             <Input
               showLeftIcon
               showClearIcon
@@ -60,7 +64,7 @@ const DependencyPicker: FC<Props> = ({
               autoFocus
             />
           </div>
-          <div className='max-h-[30vh] overflow-y-auto'>
+          <div className="max-h-[30vh] overflow-y-auto">
             {available_dependencies.filter((v) => {
               if (!searchText)
                 return true
@@ -68,11 +72,11 @@ const DependencyPicker: FC<Props> = ({
             }).map(dependency => (
               <div
                 key={dependency.name}
-                className='flex h-[30px] cursor-pointer items-center justify-between rounded-lg pl-3 pr-2 text-[13px] text-gray-900 hover:bg-gray-100'
+                className="flex h-[30px] cursor-pointer items-center justify-between rounded-lg pl-3 pr-2 text-[13px] text-gray-900 hover:bg-gray-100"
                 onClick={handleChange(dependency)}
               >
-                <div className='w-0 grow truncate'>{dependency.name}</div>
-                {dependency.name === value.name && <Check className='h-4 w-4 shrink-0 text-primary-600' />}
+                <div className="w-0 grow truncate">{dependency.name}</div>
+                {dependency.name === value.name && <Check className="h-4 w-4 shrink-0 text-primary-600" />}
               </div>
             ))}
           </div>
diff --git a/web/app/components/workflow/nodes/code/node.tsx b/web/app/components/workflow/nodes/code/node.tsx
index 03e16f56e9..5fa002913d 100644
--- a/web/app/components/workflow/nodes/code/node.tsx
+++ b/web/app/components/workflow/nodes/code/node.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { CodeNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
 
 const Node: FC<NodeProps<CodeNodeType>> = () => {
   return (
diff --git a/web/app/components/workflow/nodes/code/panel.tsx b/web/app/components/workflow/nodes/code/panel.tsx
index afbf293911..261195c4c5 100644
--- a/web/app/components/workflow/nodes/code/panel.tsx
+++ b/web/app/components/workflow/nodes/code/panel.tsx
@@ -1,20 +1,21 @@
 import type { FC } from 'react'
+import type { CodeNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import RemoveEffectVarConfirm from '../_base/components/remove-effect-var-confirm'
-import useConfig from './use-config'
-import type { CodeNodeType } from './types'
-import { CodeLanguage } from './types'
-import { extractFunctionParams, extractReturnType } from './code-parser'
-import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
-import OutputVarList from '@/app/components/workflow/nodes/_base/components/variable/output-var-list'
 import AddButton from '@/app/components/base/button/add-button'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import TypeSelector from '@/app/components/workflow/nodes/_base/components/selector'
-import type { NodePanelProps } from '@/app/components/workflow/types'
 import SyncButton from '@/app/components/base/button/sync-button'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import TypeSelector from '@/app/components/workflow/nodes/_base/components/selector'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import OutputVarList from '@/app/components/workflow/nodes/_base/components/variable/output-var-list'
+import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
+import RemoveEffectVarConfirm from '../_base/components/remove-effect-var-confirm'
+import { extractFunctionParams, extractReturnType } from './code-parser'
+import { CodeLanguage } from './types'
+import useConfig from './use-config'
+
 const i18nPrefix = 'workflow.nodes.code'
 
 const codeLanguages = [
@@ -65,17 +66,19 @@ const Panel: FC<NodePanelProps<CodeNodeType>> = ({
   }
 
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-4">
         <Field
           title={t(`${i18nPrefix}.inputVars`)}
           operations={
-            !readOnly ? (
-              <div className="flex gap-2">
-                <SyncButton popupContent={t(`${i18nPrefix}.syncFunctionSignature`)} onClick={handleSyncFunctionSignature} />
-                <AddButton onClick={handleAddVariable} />
-              </div>
-            ) : undefined
+            !readOnly
+              ? (
+                  <div className="flex gap-2">
+                    <SyncButton popupContent={t(`${i18nPrefix}.syncFunctionSignature`)} onClick={handleSyncFunctionSignature} />
+                    <AddButton onClick={handleAddVariable} />
+                  </div>
+                )
+              : undefined
           }
         >
           <VarList
@@ -92,13 +95,13 @@ const Panel: FC<NodePanelProps<CodeNodeType>> = ({
           nodeId={id}
           isInNode
           readOnly={readOnly}
-          title={
+          title={(
             <TypeSelector
               options={codeLanguages}
               value={inputs.code_language}
               onChange={handleCodeLanguageChange}
             />
-          }
+          )}
           language={inputs.code_language}
           value={inputs.code}
           onChange={handleCodeChange}
@@ -107,7 +110,7 @@ const Panel: FC<NodePanelProps<CodeNodeType>> = ({
         />
       </div>
       <Split />
-      <div className='px-4 pb-2 pt-4'>
+      <div className="px-4 pb-2 pt-4">
         <Field
           title={t(`${i18nPrefix}.outputVars`)}
           operations={
@@ -129,7 +132,7 @@ const Panel: FC<NodePanelProps<CodeNodeType>> = ({
         onCancel={hideRemoveVarConfirm}
         onConfirm={onRemoveVarConfirm}
       />
-    </div >
+    </div>
   )
 }
 
diff --git a/web/app/components/workflow/nodes/code/types.ts b/web/app/components/workflow/nodes/code/types.ts
index 265fd9d25d..ab85fccc86 100644
--- a/web/app/components/workflow/nodes/code/types.ts
+++ b/web/app/components/workflow/nodes/code/types.ts
@@ -1,4 +1,4 @@
-import type { CommonNodeType, VarType, Variable } from '@/app/components/workflow/types'
+import type { CommonNodeType, Variable, VarType } from '@/app/components/workflow/types'
 
 export enum CodeLanguage {
   python3 = 'python3',
diff --git a/web/app/components/workflow/nodes/code/use-config.ts b/web/app/components/workflow/nodes/code/use-config.ts
index 39137ada30..fdb1c8ce51 100644
--- a/web/app/components/workflow/nodes/code/use-config.ts
+++ b/web/app/components/workflow/nodes/code/use-config.ts
@@ -1,20 +1,20 @@
-import { useCallback, useEffect, useState } from 'react'
-import { produce } from 'immer'
-import useVarList from '../_base/hooks/use-var-list'
-import useOutputVarList from '../_base/hooks/use-output-var-list'
-import { BlockEnum, VarType } from '../../types'
 import type { Var, Variable } from '../../types'
-import { useStore } from '../../store'
 import type { CodeNodeType, OutputVar } from './types'
-import { CodeLanguage } from './types'
+import { produce } from 'immer'
+import { useCallback, useEffect, useState } from 'react'
+import {
+  useNodesReadOnly,
+} from '@/app/components/workflow/hooks'
 import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
 import {
   fetchNodeDefault,
   fetchPipelineNodeDefault,
 } from '@/service/workflow'
-import {
-  useNodesReadOnly,
-} from '@/app/components/workflow/hooks'
+import { useStore } from '../../store'
+import { BlockEnum, VarType } from '../../types'
+import useOutputVarList from '../_base/hooks/use-output-var-list'
+import useVarList from '../_base/hooks/use-var-list'
+import { CodeLanguage } from './types'
 
 const useConfig = (id: string, payload: CodeNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
diff --git a/web/app/components/workflow/nodes/code/use-single-run-form-params.ts b/web/app/components/workflow/nodes/code/use-single-run-form-params.ts
index cda882ac89..18f31f19c4 100644
--- a/web/app/components/workflow/nodes/code/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/code/use-single-run-form-params.ts
@@ -1,12 +1,12 @@
 import type { RefObject } from 'react'
+import type { CodeNodeType } from './types'
 import type { InputVar, Variable } from '@/app/components/workflow/types'
 import { useCallback, useMemo } from 'react'
 import useNodeCrud from '../_base/hooks/use-node-crud'
-import type { CodeNodeType } from './types'
 
 type Params = {
-  id: string,
-  payload: CodeNodeType,
+  id: string
+  payload: CodeNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
diff --git a/web/app/components/workflow/nodes/components.ts b/web/app/components/workflow/nodes/components.ts
index d8da8b9dae..87c0066d15 100644
--- a/web/app/components/workflow/nodes/components.ts
+++ b/web/app/components/workflow/nodes/components.ts
@@ -1,53 +1,53 @@
 import type { ComponentType } from 'react'
 import { BlockEnum } from '../types'
-import StartNode from './start/node'
-import StartPanel from './start/panel'
-import EndNode from './end/node'
-import EndPanel from './end/panel'
-import AnswerNode from './answer/node'
-import AnswerPanel from './answer/panel'
-import LLMNode from './llm/node'
-import LLMPanel from './llm/panel'
-import KnowledgeRetrievalNode from './knowledge-retrieval/node'
-import KnowledgeRetrievalPanel from './knowledge-retrieval/panel'
-import QuestionClassifierNode from './question-classifier/node'
-import QuestionClassifierPanel from './question-classifier/panel'
-import IfElseNode from './if-else/node'
-import IfElsePanel from './if-else/panel'
-import CodeNode from './code/node'
-import CodePanel from './code/panel'
-import TemplateTransformNode from './template-transform/node'
-import TemplateTransformPanel from './template-transform/panel'
-import HttpNode from './http/node'
-import HttpPanel from './http/panel'
-import ToolNode from './tool/node'
-import ToolPanel from './tool/panel'
-import VariableAssignerNode from './variable-assigner/node'
-import VariableAssignerPanel from './variable-assigner/panel'
-import AssignerNode from './assigner/node'
-import AssignerPanel from './assigner/panel'
-import ParameterExtractorNode from './parameter-extractor/node'
-import ParameterExtractorPanel from './parameter-extractor/panel'
-import IterationNode from './iteration/node'
-import IterationPanel from './iteration/panel'
-import LoopNode from './loop/node'
-import LoopPanel from './loop/panel'
-import DocExtractorNode from './document-extractor/node'
-import DocExtractorPanel from './document-extractor/panel'
-import ListFilterNode from './list-operator/node'
-import ListFilterPanel from './list-operator/panel'
 import AgentNode from './agent/node'
 import AgentPanel from './agent/panel'
+import AnswerNode from './answer/node'
+import AnswerPanel from './answer/panel'
+import AssignerNode from './assigner/node'
+import AssignerPanel from './assigner/panel'
+import CodeNode from './code/node'
+import CodePanel from './code/panel'
 import DataSourceNode from './data-source/node'
 import DataSourcePanel from './data-source/panel'
+import DocExtractorNode from './document-extractor/node'
+import DocExtractorPanel from './document-extractor/panel'
+import EndNode from './end/node'
+import EndPanel from './end/panel'
+import HttpNode from './http/node'
+import HttpPanel from './http/panel'
+import IfElseNode from './if-else/node'
+import IfElsePanel from './if-else/panel'
+import IterationNode from './iteration/node'
+import IterationPanel from './iteration/panel'
 import KnowledgeBaseNode from './knowledge-base/node'
 import KnowledgeBasePanel from './knowledge-base/panel'
+import KnowledgeRetrievalNode from './knowledge-retrieval/node'
+import KnowledgeRetrievalPanel from './knowledge-retrieval/panel'
+import ListFilterNode from './list-operator/node'
+import ListFilterPanel from './list-operator/panel'
+import LLMNode from './llm/node'
+import LLMPanel from './llm/panel'
+import LoopNode from './loop/node'
+import LoopPanel from './loop/panel'
+import ParameterExtractorNode from './parameter-extractor/node'
+import ParameterExtractorPanel from './parameter-extractor/panel'
+import QuestionClassifierNode from './question-classifier/node'
+import QuestionClassifierPanel from './question-classifier/panel'
+import StartNode from './start/node'
+import StartPanel from './start/panel'
+import TemplateTransformNode from './template-transform/node'
+import TemplateTransformPanel from './template-transform/panel'
+import ToolNode from './tool/node'
+import ToolPanel from './tool/panel'
+import TriggerPluginNode from './trigger-plugin/node'
+import TriggerPluginPanel from './trigger-plugin/panel'
 import TriggerScheduleNode from './trigger-schedule/node'
 import TriggerSchedulePanel from './trigger-schedule/panel'
 import TriggerWebhookNode from './trigger-webhook/node'
 import TriggerWebhookPanel from './trigger-webhook/panel'
-import TriggerPluginNode from './trigger-plugin/node'
-import TriggerPluginPanel from './trigger-plugin/panel'
+import VariableAssignerNode from './variable-assigner/node'
+import VariableAssignerPanel from './variable-assigner/panel'
 
 export const NodeComponentMap: Record<string, ComponentType<any>> = {
   [BlockEnum.Start]: StartNode,
diff --git a/web/app/components/workflow/nodes/data-source-empty/default.ts b/web/app/components/workflow/nodes/data-source-empty/default.ts
index 69d9904217..5ba1ca7543 100644
--- a/web/app/components/workflow/nodes/data-source-empty/default.ts
+++ b/web/app/components/workflow/nodes/data-source-empty/default.ts
@@ -1,7 +1,7 @@
 import type { NodeDefault } from '../../types'
 import type { DataSourceEmptyNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   sort: -1,
diff --git a/web/app/components/workflow/nodes/data-source-empty/hooks.ts b/web/app/components/workflow/nodes/data-source-empty/hooks.ts
index a17f0b2acb..93191b0261 100644
--- a/web/app/components/workflow/nodes/data-source-empty/hooks.ts
+++ b/web/app/components/workflow/nodes/data-source-empty/hooks.ts
@@ -1,9 +1,9 @@
+import type { OnSelectBlock } from '@/app/components/workflow/types'
+import { produce } from 'immer'
 import { useCallback } from 'react'
 import { useStoreApi } from 'reactflow'
-import { produce } from 'immer'
-import type { OnSelectBlock } from '@/app/components/workflow/types'
-import { generateNewNode } from '@/app/components/workflow/utils'
 import { useNodesMetaData } from '@/app/components/workflow/hooks'
+import { generateNewNode } from '@/app/components/workflow/utils'
 
 export const useReplaceDataSourceNode = (id: string) => {
   const store = useStoreApi()
@@ -20,7 +20,8 @@ export const useReplaceDataSourceNode = (id: string) => {
     const nodes = getNodes()
     const emptyNodeIndex = nodes.findIndex(node => node.id === id)
 
-    if (emptyNodeIndex < 0) return
+    if (emptyNodeIndex < 0)
+      return
     const {
       defaultValue,
     } = nodesMetaDataMap![type]
diff --git a/web/app/components/workflow/nodes/data-source-empty/index.tsx b/web/app/components/workflow/nodes/data-source-empty/index.tsx
index b85cb94e95..378b9c80c4 100644
--- a/web/app/components/workflow/nodes/data-source-empty/index.tsx
+++ b/web/app/components/workflow/nodes/data-source-empty/index.tsx
@@ -1,13 +1,13 @@
+import type { NodeProps } from 'reactflow'
+import { RiAddLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { NodeProps } from 'reactflow'
-import { RiAddLine } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
 import Button from '@/app/components/base/button'
 import BlockSelector from '@/app/components/workflow/block-selector'
+import { cn } from '@/utils/classnames'
 import { useReplaceDataSourceNode } from './hooks'
 
 const DataSourceEmptyNode = ({ id, data }: NodeProps) => {
@@ -17,10 +17,10 @@ const DataSourceEmptyNode = ({ id, data }: NodeProps) => {
   const renderTrigger = useCallback(() => {
     return (
       <Button
-        variant='primary'
-        className='w-full'
+        variant="primary"
+        className="w-full"
       >
-        <RiAddLine className='mr-1 h-4 w-4' />
+        <RiAddLine className="mr-1 h-4 w-4" />
         {t('workflow.nodes.dataSource.add')}
       </Button>
     )
@@ -37,8 +37,8 @@ const DataSourceEmptyNode = ({ id, data }: NodeProps) => {
         height: data.height,
       }}
     >
-      <div className='absolute inset-[-2px] top-[-22px] z-[-1] rounded-[18px] bg-node-data-source-bg p-0.5 backdrop-blur-[6px]'>
-        <div className='system-2xs-semibold-uppercase flex h-5 items-center px-2.5 text-text-tertiary'>
+      <div className="absolute inset-[-2px] top-[-22px] z-[-1] rounded-[18px] bg-node-data-source-bg p-0.5 backdrop-blur-[6px]">
+        <div className="system-2xs-semibold-uppercase flex h-5 items-center px-2.5 text-text-tertiary">
           {t('workflow.blocks.datasource')}
         </div>
       </div>
@@ -51,15 +51,16 @@ const DataSourceEmptyNode = ({ id, data }: NodeProps) => {
       >
         <div className={cn(
           'flex items-center rounded-t-2xl p-3',
-        )}>
+        )}
+        >
           <BlockSelector
             asChild
             onSelect={handleReplaceNode}
             trigger={renderTrigger}
             noBlocks
             noTools
-            popupClassName='w-[320px]'
-            placement='bottom-start'
+            popupClassName="w-[320px]"
+            placement="bottom-start"
             offset={{
               mainAxis: 4,
               crossAxis: 0,
diff --git a/web/app/components/workflow/nodes/data-source/before-run-form.tsx b/web/app/components/workflow/nodes/data-source/before-run-form.tsx
index 521fdfb087..a091211fa5 100644
--- a/web/app/components/workflow/nodes/data-source/before-run-form.tsx
+++ b/web/app/components/workflow/nodes/data-source/before-run-form.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
 import type { CustomRunFormProps } from './types'
-import { DatasourceType } from '@/models/pipeline'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import LocalFile from '@/app/components/datasets/documents/create-from-pipeline/data-source/local-file'
 import OnlineDocuments from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-documents'
-import WebsiteCrawl from '@/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl'
 import OnlineDrive from '@/app/components/datasets/documents/create-from-pipeline/data-source/online-drive'
 import { useDataSourceStore } from '@/app/components/datasets/documents/create-from-pipeline/data-source/store'
-import { useOnlineDocument, useOnlineDrive, useWebsiteCrawl } from '@/app/components/rag-pipeline/components/panel/test-run/preparation/hooks'
-import Button from '@/app/components/base/button'
-import { useTranslation } from 'react-i18next'
 import DataSourceProvider from '@/app/components/datasets/documents/create-from-pipeline/data-source/store/provider'
+import WebsiteCrawl from '@/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl'
+import { useOnlineDocument, useOnlineDrive, useWebsiteCrawl } from '@/app/components/rag-pipeline/components/panel/test-run/preparation/hooks'
+import { DatasourceType } from '@/models/pipeline'
 import PanelWrap from '../_base/components/before-run-form/panel-wrap'
 import useBeforeRunForm from './hooks/use-before-run-form'
 
@@ -56,7 +56,7 @@ const BeforeRunForm: FC<CustomRunFormProps> = (props) => {
       nodeName={payload.title}
       onHide={onCancel}
     >
-      <div className='flex flex-col gap-y-5 px-4 pt-4'>
+      <div className="flex flex-col gap-y-5 px-4 pt-4">
         {datasourceType === DatasourceType.localFile && (
           <LocalFile
             allowedExtensions={datasourceNodeData.fileExtensions || []}
@@ -90,13 +90,13 @@ const BeforeRunForm: FC<CustomRunFormProps> = (props) => {
             supportBatchUpload={false}
           />
         )}
-        <div className='flex justify-end gap-x-2'>
+        <div className="flex justify-end gap-x-2">
           <Button onClick={onCancel}>
             {t('common.operation.cancel')}
           </Button>
           <Button
             onClick={handleRunWithSyncDraft}
-            variant='primary'
+            variant="primary"
             loading={isPending}
             disabled={isPending || startRunBtnDisabled}
           >
diff --git a/web/app/components/workflow/nodes/data-source/default.ts b/web/app/components/workflow/nodes/data-source/default.ts
index 82e69679a2..565bfb0d24 100644
--- a/web/app/components/workflow/nodes/data-source/default.ts
+++ b/web/app/components/workflow/nodes/data-source/default.ts
@@ -1,14 +1,14 @@
 import type { NodeDefault } from '../../types'
 import type { DataSourceNodeType } from './types'
-import { DataSourceClassification } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { getMatchedSchemaType } from '../_base/components/variable/use-match-schema-type'
 import {
   COMMON_OUTPUT,
   LOCAL_FILE_OUTPUT,
 } from './constants'
-import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
-import { getMatchedSchemaType } from '../_base/components/variable/use-match-schema-type'
+import { DataSourceClassification } from './types'
 
 const i18nPrefix = 'workflow.errorMsg'
 
@@ -86,12 +86,14 @@ const nodeDefault: NodeDefault<DataSourceNodeType> = {
           type,
           description: output.description,
           schemaType,
-          children: output.type === 'object' ? {
-            schema: {
-              type: 'object',
-              properties: output.properties,
-            },
-          } : undefined,
+          children: output.type === 'object'
+            ? {
+                schema: {
+                  type: 'object',
+                  properties: output.properties,
+                },
+              }
+            : undefined,
         })
       })
     }
diff --git a/web/app/components/workflow/nodes/data-source/hooks/use-before-run-form.ts b/web/app/components/workflow/nodes/data-source/hooks/use-before-run-form.ts
index 1e42d032e8..004da29bf5 100644
--- a/web/app/components/workflow/nodes/data-source/hooks/use-before-run-form.ts
+++ b/web/app/components/workflow/nodes/data-source/hooks/use-before-run-form.ts
@@ -1,17 +1,17 @@
-import { useStoreApi } from 'reactflow'
 import type { CustomRunFormProps, DataSourceNodeType } from '../types'
-import { useEffect, useMemo, useRef } from 'react'
-import { useNodeDataUpdate, useNodesSyncDraft } from '../../../hooks'
-import { NodeRunningStatus } from '../../../types'
-import { useInvalidLastRun } from '@/service/use-workflow'
 import type { NodeRunResult } from '@/types/workflow'
-import { fetchNodeInspectVars } from '@/service/workflow'
-import { FlowType } from '@/types/common'
-import { useDatasourceSingleRun } from '@/service/use-pipeline'
+import { useEffect, useMemo, useRef } from 'react'
+import { useStoreApi } from 'reactflow'
+import { useShallow } from 'zustand/react/shallow'
 import { useDataSourceStore, useDataSourceStoreWithSelector } from '@/app/components/datasets/documents/create-from-pipeline/data-source/store'
 import { DatasourceType } from '@/models/pipeline'
+import { useDatasourceSingleRun } from '@/service/use-pipeline'
+import { useInvalidLastRun } from '@/service/use-workflow'
+import { fetchNodeInspectVars } from '@/service/workflow'
 import { TransferMethod } from '@/types/app'
-import { useShallow } from 'zustand/react/shallow'
+import { FlowType } from '@/types/common'
+import { useNodeDataUpdate, useNodesSyncDraft } from '../../../hooks'
+import { NodeRunningStatus } from '../../../types'
 
 const useBeforeRunForm = ({
   nodeId,
@@ -46,7 +46,8 @@ const useBeforeRunForm = ({
   })))
 
   const startRunBtnDisabled = useMemo(() => {
-    if (!datasourceNodeData) return false
+    if (!datasourceNodeData)
+      return false
     if (datasourceType === DatasourceType.localFile)
       return !localFileList.length || localFileList.some(file => !file.file.id)
     if (datasourceType === DatasourceType.onlineDocument)
diff --git a/web/app/components/workflow/nodes/data-source/hooks/use-config.ts b/web/app/components/workflow/nodes/data-source/hooks/use-config.ts
index 98683e70e7..08f66e4089 100644
--- a/web/app/components/workflow/nodes/data-source/hooks/use-config.ts
+++ b/web/app/components/workflow/nodes/data-source/hooks/use-config.ts
@@ -1,3 +1,7 @@
+import type {
+  DataSourceNodeType,
+  ToolVarInputs,
+} from '../types'
 import {
   useCallback,
   useEffect,
@@ -5,10 +9,6 @@ import {
 } from 'react'
 import { useStoreApi } from 'reactflow'
 import { useNodeDataUpdate } from '@/app/components/workflow/hooks'
-import type {
-  DataSourceNodeType,
-  ToolVarInputs,
-} from '../types'
 
 export const useConfig = (id: string, dataSourceList?: any[]) => {
   const store = useStoreApi()
@@ -61,7 +61,8 @@ export const useConfig = (id: string, dataSourceList?: any[]) => {
 
   const outputSchema = useMemo(() => {
     const nodeData = getNodeData()
-    if (!nodeData?.data || !dataSourceList) return []
+    if (!nodeData?.data || !dataSourceList)
+      return []
 
     const currentDataSource = dataSourceList.find((ds: any) => ds.plugin_id === nodeData.data.plugin_id)
     const currentDataSourceItem = currentDataSource?.tools?.find((tool: any) => tool.name === nodeData.data.datasource_name)
@@ -95,7 +96,8 @@ export const useConfig = (id: string, dataSourceList?: any[]) => {
 
   const hasObjectOutput = useMemo(() => {
     const nodeData = getNodeData()
-    if (!nodeData?.data || !dataSourceList) return false
+    if (!nodeData?.data || !dataSourceList)
+      return false
 
     const currentDataSource = dataSourceList.find((ds: any) => ds.plugin_id === nodeData.data.plugin_id)
     const currentDataSourceItem = currentDataSource?.tools?.find((tool: any) => tool.name === nodeData.data.datasource_name)
diff --git a/web/app/components/workflow/nodes/data-source/node.tsx b/web/app/components/workflow/nodes/data-source/node.tsx
index b490aea2a9..be8a2c50b2 100644
--- a/web/app/components/workflow/nodes/data-source/node.tsx
+++ b/web/app/components/workflow/nodes/data-source/node.tsx
@@ -1,10 +1,10 @@
 import type { FC } from 'react'
-import { memo, useEffect } from 'react'
-import type { NodeProps } from '@/app/components/workflow/types'
-import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
-import { useNodePluginInstallation } from '@/app/components/workflow/hooks/use-node-plugin-installation'
-import { useNodeDataUpdate } from '@/app/components/workflow/hooks/use-node-data-update'
 import type { DataSourceNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
+import { memo, useEffect } from 'react'
+import { useNodeDataUpdate } from '@/app/components/workflow/hooks/use-node-data-update'
+import { useNodePluginInstallation } from '@/app/components/workflow/hooks/use-node-plugin-installation'
+import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
 
 const Node: FC<NodeProps<DataSourceNodeType>> = ({
   id,
@@ -39,15 +39,15 @@ const Node: FC<NodeProps<DataSourceNodeType>> = ({
     return null
 
   return (
-    <div className='relative mb-1 px-3 py-1'>
-      <div className='pointer-events-auto absolute right-3 top-[-32px] z-40'>
+    <div className="relative mb-1 px-3 py-1">
+      <div className="pointer-events-auto absolute right-3 top-[-32px] z-40">
         <InstallPluginButton
-          size='small'
+          size="small"
           extraIdentifiers={[
             data.plugin_id,
             data.provider_name,
           ].filter(Boolean) as string[]}
-          className='!font-medium !text-text-accent'
+          className="!font-medium !text-text-accent"
           uniqueIdentifier={uniqueIdentifier!}
           onSuccess={onInstallSuccess}
         />
diff --git a/web/app/components/workflow/nodes/data-source/panel.tsx b/web/app/components/workflow/nodes/data-source/panel.tsx
index cbb506964b..607caa79d3 100644
--- a/web/app/components/workflow/nodes/data-source/panel.tsx
+++ b/web/app/components/workflow/nodes/data-source/panel.tsx
@@ -1,29 +1,29 @@
 import type { FC } from 'react'
+import type { DataSourceNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import {
+  memo,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { memo } from 'react'
-import type { DataSourceNodeType } from './types'
-import { DataSourceClassification } from './types'
-import type { NodePanelProps } from '@/app/components/workflow/types'
+import TagInput from '@/app/components/base/tag-input'
+import { toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
+import { useNodesReadOnly } from '@/app/components/workflow/hooks'
 import {
   BoxGroupField,
 } from '@/app/components/workflow/nodes/_base/components/layout'
 import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
 import StructureOutputItem from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show'
-import TagInput from '@/app/components/base/tag-input'
-import { useNodesReadOnly } from '@/app/components/workflow/hooks'
-import { useConfig } from './hooks/use-config'
+import { useStore } from '@/app/components/workflow/store'
+import { wrapStructuredVarItem } from '@/app/components/workflow/utils/tool'
+import useMatchSchemaType, { getMatchedSchemaType } from '../_base/components/variable/use-match-schema-type'
+import ToolForm from '../tool/components/tool-form'
 import {
   COMMON_OUTPUT,
   LOCAL_FILE_OUTPUT,
 } from './constants'
-import { useStore } from '@/app/components/workflow/store'
-import { toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
-import ToolForm from '../tool/components/tool-form'
-import { wrapStructuredVarItem } from '@/app/components/workflow/utils/tool'
-import useMatchSchemaType, { getMatchedSchemaType } from '../_base/components/variable/use-match-schema-type'
+import { useConfig } from './hooks/use-config'
+import { DataSourceClassification } from './types'
 
 const Panel: FC<NodePanelProps<DataSourceNodeType>> = ({ id, data }) => {
   const { t } = useTranslation()
@@ -52,7 +52,7 @@ const Panel: FC<NodePanelProps<DataSourceNodeType>> = ({ id, data }) => {
   const setShowInputFieldPanel = useStore(s => s.setShowInputFieldPanel)
   const { schemaTypeDefinitions } = useMatchSchemaType()
   return (
-    <div >
+    <div>
       {
         currentDataSource?.is_authorized && !isLocalFile && !!formSchemas?.length && (
           <BoxGroupField
@@ -94,12 +94,12 @@ const Panel: FC<NodePanelProps<DataSourceNodeType>> = ({ id, data }) => {
               },
             }}
           >
-            <div className='rounded-lg bg-components-input-bg-normal p-1 pt-0'>
+            <div className="rounded-lg bg-components-input-bg-normal p-1 pt-0">
               <TagInput
                 items={fileExtensions}
                 onChange={handleFileExtensionsChange}
                 placeholder={t('workflow.nodes.dataSource.supportedFileFormatsPlaceholder')}
-                inputClassName='bg-transparent'
+                inputClassName="bg-transparent"
                 disableAdd={nodesReadOnly}
                 disableRemove={nodesReadOnly}
               />
@@ -141,7 +141,7 @@ const Panel: FC<NodePanelProps<DataSourceNodeType>> = ({ id, data }) => {
             <div key={outputItem.name}>
               {outputItem.value?.type === 'object' ? (
                 <StructureOutputItem
-                  rootClassName='code-sm-semibold text-text-secondary'
+                  rootClassName="code-sm-semibold text-text-secondary"
                   payload={wrapStructuredVarItem(outputItem, schemaType)}
                 />
               ) : (
diff --git a/web/app/components/workflow/nodes/data-source/types.ts b/web/app/components/workflow/nodes/data-source/types.ts
index d0bc034b89..19b4bada3f 100644
--- a/web/app/components/workflow/nodes/data-source/types.ts
+++ b/web/app/components/workflow/nodes/data-source/types.ts
@@ -1,8 +1,9 @@
+import type { Dispatch, SetStateAction } from 'react'
+import type { ResourceVarInputs } from '../_base/types'
 import type { CommonNodeType, Node } from '@/app/components/workflow/types'
 import type { FlowType } from '@/types/common'
 import type { NodeRunResult, VarInInspect } from '@/types/workflow'
-import type { Dispatch, SetStateAction } from 'react'
-import type { ResourceVarInputs } from '../_base/types'
+
 export { VarKindType as VarType } from '../_base/types'
 
 export enum DataSourceClassification {
diff --git a/web/app/components/workflow/nodes/data-source/utils.ts b/web/app/components/workflow/nodes/data-source/utils.ts
index fbda69f3fd..94c1f81ec8 100644
--- a/web/app/components/workflow/nodes/data-source/utils.ts
+++ b/web/app/components/workflow/nodes/data-source/utils.ts
@@ -1,5 +1,5 @@
-import { PipelineInputVarType } from '@/models/pipeline'
 import { VarType } from '@/app/components/workflow/types'
+import { PipelineInputVarType } from '@/models/pipeline'
 
 export const inputVarTypeToVarType = (type: PipelineInputVarType): VarType => {
   return ({
diff --git a/web/app/components/workflow/nodes/document-extractor/default.ts b/web/app/components/workflow/nodes/document-extractor/default.ts
index 77a847b5fd..73ed069b7d 100644
--- a/web/app/components/workflow/nodes/document-extractor/default.ts
+++ b/web/app/components/workflow/nodes/document-extractor/default.ts
@@ -1,8 +1,9 @@
 import type { NodeDefault } from '../../types'
 import type { DocExtractorNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+
 const i18nPrefix = 'workflow.errorMsg'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/document-extractor/node.tsx b/web/app/components/workflow/nodes/document-extractor/node.tsx
index a0437a4f54..c092cd353a 100644
--- a/web/app/components/workflow/nodes/document-extractor/node.tsx
+++ b/web/app/components/workflow/nodes/document-extractor/node.tsx
@@ -1,13 +1,14 @@
 import type { FC } from 'react'
-import React from 'react'
-import { useNodes } from 'reactflow'
-import { useTranslation } from 'react-i18next'
 import type { DocExtractorNodeType } from './types'
+import type { Node, NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes } from 'reactflow'
 import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import { BlockEnum, type Node, type NodeProps } from '@/app/components/workflow/types'
 import {
   VariableLabelInNode,
 } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 const i18nPrefix = 'workflow.nodes.docExtractor'
 
@@ -25,8 +26,8 @@ const NodeComponent: FC<NodeProps<DocExtractorNodeType>> = ({
   const isSystem = isSystemVar(variable)
   const node = isSystem ? nodes.find(node => node.data.type === BlockEnum.Start) : nodes.find(node => node.id === variable[0])
   return (
-    <div className='relative mb-1 px-3 py-1'>
-      <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t(`${i18nPrefix}.inputVar`)}</div>
+    <div className="relative mb-1 px-3 py-1">
+      <div className="system-2xs-medium-uppercase mb-1 text-text-tertiary">{t(`${i18nPrefix}.inputVar`)}</div>
       <VariableLabelInNode
         variables={variable}
         nodeType={node?.data.type}
diff --git a/web/app/components/workflow/nodes/document-extractor/panel.tsx b/web/app/components/workflow/nodes/document-extractor/panel.tsx
index 7165dc06df..b7cfddea4b 100644
--- a/web/app/components/workflow/nodes/document-extractor/panel.tsx
+++ b/web/app/components/workflow/nodes/document-extractor/panel.tsx
@@ -1,18 +1,19 @@
 import type { FC } from 'react'
+import type { DocExtractorNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import VarReferencePicker from '../_base/components/variable/var-reference-picker'
-import OutputVars, { VarItem } from '../_base/components/output-vars'
-import Split from '../_base/components/split'
-import { useNodeHelpLink } from '../_base/hooks/use-node-help-link'
-import useConfig from './use-config'
-import type { DocExtractorNodeType } from './types'
 import Field from '@/app/components/workflow/nodes/_base/components/field'
-import { BlockEnum, type NodePanelProps } from '@/app/components/workflow/types'
+import { BlockEnum } from '@/app/components/workflow/types'
 import I18n from '@/context/i18n'
 import { LanguagesSupported } from '@/i18n-config/language'
 import { useFileSupportTypes } from '@/service/use-common'
+import OutputVars, { VarItem } from '../_base/components/output-vars'
+import Split from '../_base/components/split'
+import VarReferencePicker from '../_base/components/variable/var-reference-picker'
+import { useNodeHelpLink } from '../_base/hooks/use-node-help-link'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.docExtractor'
 
@@ -48,8 +49,8 @@ const Panel: FC<NodePanelProps<DocExtractorNodeType>> = ({
   } = useConfig(id, data)
 
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-4">
         <Field
           title={t(`${i18nPrefix}.inputVar`)}
           required
@@ -62,11 +63,11 @@ const Panel: FC<NodePanelProps<DocExtractorNodeType>> = ({
               value={inputs.variable_selector || []}
               onChange={handleVarChanges}
               filterVar={filterVar}
-              typePlaceHolder='File | Array[File]'
+              typePlaceHolder="File | Array[File]"
             />
-            <div className='body-xs-regular mt-1 py-0.5 text-text-tertiary'>
+            <div className="body-xs-regular mt-1 py-0.5 text-text-tertiary">
               {t(`${i18nPrefix}.supportFileTypes`, { types: supportTypesShowNames })}
-              <a className='text-text-accent' href={link} target='_blank'>{t(`${i18nPrefix}.learnMore`)}</a>
+              <a className="text-text-accent" href={link} target="_blank">{t(`${i18nPrefix}.learnMore`)}</a>
             </div>
           </>
         </Field>
@@ -75,7 +76,7 @@ const Panel: FC<NodePanelProps<DocExtractorNodeType>> = ({
       <div>
         <OutputVars>
           <VarItem
-            name='text'
+            name="text"
             type={inputs.is_array_file ? 'array[string]' : 'string'}
             description={t(`${i18nPrefix}.outputVars.text`)}
           />
diff --git a/web/app/components/workflow/nodes/document-extractor/use-config.ts b/web/app/components/workflow/nodes/document-extractor/use-config.ts
index 53393aa030..b5ff863821 100644
--- a/web/app/components/workflow/nodes/document-extractor/use-config.ts
+++ b/web/app/components/workflow/nodes/document-extractor/use-config.ts
@@ -1,16 +1,16 @@
-import { useCallback, useMemo } from 'react'
-import { produce } from 'immer'
-import { useStoreApi } from 'reactflow'
 import type { ValueSelector, Var } from '../../types'
-import { VarType } from '../../types'
 import type { DocExtractorNodeType } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { produce } from 'immer'
+import { useCallback, useMemo } from 'react'
+import { useStoreApi } from 'reactflow'
 import {
   useIsChatMode,
   useNodesReadOnly,
   useWorkflow,
   useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { VarType } from '../../types'
 
 const useConfig = (id: string, payload: DocExtractorNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
diff --git a/web/app/components/workflow/nodes/document-extractor/use-single-run-form-params.ts b/web/app/components/workflow/nodes/document-extractor/use-single-run-form-params.ts
index f60f1cbd77..afd1bb17f4 100644
--- a/web/app/components/workflow/nodes/document-extractor/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/document-extractor/use-single-run-form-params.ts
@@ -1,15 +1,15 @@
 import type { RefObject } from 'react'
+import type { DocExtractorNodeType } from './types'
 import type { InputVar, Variable } from '@/app/components/workflow/types'
 import { useCallback, useMemo } from 'react'
-import type { DocExtractorNodeType } from './types'
 import { useTranslation } from 'react-i18next'
 import { InputVarType } from '@/app/components/workflow/types'
 
 const i18nPrefix = 'workflow.nodes.docExtractor'
 
 type Params = {
-  id: string,
-  payload: DocExtractorNodeType,
+  id: string
+  payload: DocExtractorNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -50,7 +50,7 @@ const useSingleRunFormParams = ({
   }
 
   const getDependentVar = (variable: string) => {
-    if(variable === 'files')
+    if (variable === 'files')
       return payload.variable_selector
   }
 
diff --git a/web/app/components/workflow/nodes/end/default.ts b/web/app/components/workflow/nodes/end/default.ts
index 881c16986b..eee07cb0ff 100644
--- a/web/app/components/workflow/nodes/end/default.ts
+++ b/web/app/components/workflow/nodes/end/default.ts
@@ -1,7 +1,7 @@
 import type { NodeDefault } from '../../types'
 import type { EndNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   sort: 2.1,
diff --git a/web/app/components/workflow/nodes/end/node.tsx b/web/app/components/workflow/nodes/end/node.tsx
index 2583e61b68..26e7b7d022 100644
--- a/web/app/components/workflow/nodes/end/node.tsx
+++ b/web/app/components/workflow/nodes/end/node.tsx
@@ -1,16 +1,16 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { EndNodeType } from './types'
 import type { NodeProps, Variable } from '@/app/components/workflow/types'
+import React from 'react'
 import {
   useIsChatMode,
   useWorkflow,
   useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
-import { BlockEnum } from '@/app/components/workflow/types'
 import {
   VariableLabelInNode,
 } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 const Node: FC<NodeProps<EndNodeType>> = ({
   id,
@@ -36,7 +36,7 @@ const Node: FC<NodeProps<EndNodeType>> = ({
     return null
 
   return (
-    <div className='mb-1 space-y-0.5 px-3 py-1'>
+    <div className="mb-1 space-y-0.5 px-3 py-1">
       {filteredOutputs.map(({ value_selector }, index) => {
         const node = getNode(value_selector[0])
         const varType = getCurrentVariableType({
diff --git a/web/app/components/workflow/nodes/end/panel.tsx b/web/app/components/workflow/nodes/end/panel.tsx
index 420280d7c5..3970dc8efe 100644
--- a/web/app/components/workflow/nodes/end/panel.tsx
+++ b/web/app/components/workflow/nodes/end/panel.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react'
+import type { EndNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import useConfig from './use-config'
-import type { EndNodeType } from './types'
-import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
 import AddButton from '@/app/components/base/button/add-button'
-import type { NodePanelProps } from '@/app/components/workflow/types'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.end'
 
@@ -25,8 +25,8 @@ const Panel: FC<NodePanelProps<EndNodeType>> = ({
 
   const outputs = inputs.outputs
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-4">
 
         <Field
           title={t(`${i18nPrefix}.output.variable`)}
diff --git a/web/app/components/workflow/nodes/end/use-config.ts b/web/app/components/workflow/nodes/end/use-config.ts
index b9876f95ed..251b47c821 100644
--- a/web/app/components/workflow/nodes/end/use-config.ts
+++ b/web/app/components/workflow/nodes/end/use-config.ts
@@ -1,9 +1,10 @@
-import useVarList from '../_base/hooks/use-var-list'
 import type { EndNodeType } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import useVarList from '../_base/hooks/use-var-list'
+
 const useConfig = (id: string, payload: EndNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
   const { inputs, setInputs } = useNodeCrud<EndNodeType>(id, payload)
diff --git a/web/app/components/workflow/nodes/http/components/api-input.tsx b/web/app/components/workflow/nodes/http/components/api-input.tsx
index 62ce0f15c6..a72fc9fde0 100644
--- a/web/app/components/workflow/nodes/http/components/api-input.tsx
+++ b/web/app/components/workflow/nodes/http/components/api-input.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { Var } from '../../../types'
+import { RiArrowDownSLine } from '@remixicon/react'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { Method } from '../types'
+import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
+import { cn } from '@/utils/classnames'
+import { VarType } from '../../../types'
 import Selector from '../../_base/components/selector'
 import useAvailableVarList from '../../_base/hooks/use-available-var-list'
-import { VarType } from '../../../types'
-import type { Var } from '../../../types'
-import { cn } from '@/utils/classnames'
-import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
+import { Method } from '../types'
 
 const MethodOptions = [
   { label: 'GET', value: Method.get },
@@ -47,24 +47,24 @@ const ApiInput: FC<Props> = ({
   })
 
   return (
-    <div className='flex items-start  space-x-1'>
+    <div className="flex items-start  space-x-1">
       <Selector
         value={method}
         onChange={onMethodChange}
         options={MethodOptions}
-        trigger={
-          <div className={cn(readonly && 'cursor-pointer', 'flex h-8 shrink-0 items-center rounded-lg border border-components-button-secondary-border bg-components-button-secondary-bg px-2.5')} >
-            <div className='w-12 pl-0.5 text-xs font-medium uppercase leading-[18px] text-text-primary'>{method}</div>
-            {!readonly && <RiArrowDownSLine className='ml-1 h-3.5 w-3.5 text-text-secondary' />}
+        trigger={(
+          <div className={cn(readonly && 'cursor-pointer', 'flex h-8 shrink-0 items-center rounded-lg border border-components-button-secondary-border bg-components-button-secondary-bg px-2.5')}>
+            <div className="w-12 pl-0.5 text-xs font-medium uppercase leading-[18px] text-text-primary">{method}</div>
+            {!readonly && <RiArrowDownSLine className="ml-1 h-3.5 w-3.5 text-text-secondary" />}
           </div>
-        }
-        popupClassName='top-[34px] w-[108px]'
+        )}
+        popupClassName="top-[34px] w-[108px]"
         showChecked
         readonly={readonly}
       />
 
       <Input
-        instanceId='http-api-url'
+        instanceId="http-api-url"
         className={cn(isFocus ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-components-input-border-hover bg-components-input-bg-normal', 'w-0 grow rounded-lg border px-3 py-[6px]')}
         value={url}
         onChange={onUrlChange}
@@ -73,9 +73,9 @@ const ApiInput: FC<Props> = ({
         availableNodes={availableNodesWithParent}
         onFocusChange={setIsFocus}
         placeholder={!readonly ? t('workflow.nodes.http.apiPlaceholder')! : ''}
-        placeholderClassName='!leading-[21px]'
+        placeholderClassName="!leading-[21px]"
       />
-    </div >
+    </div>
   )
 }
 export default React.memo(ApiInput)
diff --git a/web/app/components/workflow/nodes/http/components/authorization/index.tsx b/web/app/components/workflow/nodes/http/components/authorization/index.tsx
index 7fd811dfbc..50505fd4c8 100644
--- a/web/app/components/workflow/nodes/http/components/authorization/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/authorization/index.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import React, { useCallback, useState } from 'react'
-import { produce } from 'immer'
 import type { Authorization as AuthorizationPayloadType } from '../../types'
-import { APIType, AuthorizationType } from '../../types'
-import RadioGroup from './radio-group'
+import type { Var } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import BaseInput from '@/app/components/base/input'
+import Modal from '@/app/components/base/modal'
+import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
 import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 import { VarType } from '@/app/components/workflow/types'
-import type { Var } from '@/app/components/workflow/types'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
-import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
-import BaseInput from '@/app/components/base/input'
 import { cn } from '@/utils/classnames'
+import { APIType, AuthorizationType } from '../../types'
+import RadioGroup from './radio-group'
 
 const i18nPrefix = 'workflow.nodes.http.authorization'
 
@@ -25,12 +25,12 @@ type Props = {
   onHide: () => void
 }
 
-const Field = ({ title, isRequired, children }: { title: string; isRequired?: boolean; children: React.JSX.Element }) => {
+const Field = ({ title, isRequired, children }: { title: string, isRequired?: boolean, children: React.JSX.Element }) => {
   return (
     <div>
-      <div className='text-[13px] font-medium leading-8 text-text-secondary'>
+      <div className="text-[13px] font-medium leading-8 text-text-secondary">
         {title}
-        {isRequired && <span className='ml-0.5 text-text-destructive'>*</span>}
+        {isRequired && <span className="ml-0.5 text-text-destructive">*</span>}
       </div>
       <div>{children}</div>
     </div>
@@ -120,7 +120,7 @@ const Authorization: FC<Props> = ({
       onClose={onHide}
     >
       <div>
-        <div className='space-y-2'>
+        <div className="space-y-2">
           <Field title={t(`${i18nPrefix}.authorizationType`)}>
             <RadioGroup
               options={[
@@ -155,9 +155,9 @@ const Authorization: FC<Props> = ({
               )}
 
               <Field title={t(`${i18nPrefix}.api-key-title`)} isRequired>
-                <div className='flex'>
+                <div className="flex">
                   <Input
-                    instanceId='http-api-key'
+                    instanceId="http-api-key"
                     className={cn(isFocus ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-components-input-border-hover bg-components-input-bg-normal', 'w-0 grow rounded-lg border px-3 py-[6px]')}
                     value={tempPayload.config?.api_key || ''}
                     onChange={handleAPIKeyChange}
@@ -165,16 +165,16 @@ const Authorization: FC<Props> = ({
                     availableNodes={availableNodesWithParent}
                     onFocusChange={setIsFocus}
                     placeholder={' '}
-                    placeholderClassName='!leading-[21px]'
+                    placeholderClassName="!leading-[21px]"
                   />
                 </div>
               </Field>
             </>
           )}
         </div>
-        <div className='mt-6 flex justify-end space-x-2'>
+        <div className="mt-6 flex justify-end space-x-2">
           <Button onClick={onHide}>{t('common.operation.cancel')}</Button>
-          <Button variant='primary' onClick={handleConfirm}>{t('common.operation.save')}</Button>
+          <Button variant="primary" onClick={handleConfirm}>{t('common.operation.save')}</Button>
         </div>
       </div>
     </Modal>
diff --git a/web/app/components/workflow/nodes/http/components/authorization/radio-group.tsx b/web/app/components/workflow/nodes/http/components/authorization/radio-group.tsx
index d5d12d7f34..6edd325b18 100644
--- a/web/app/components/workflow/nodes/http/components/authorization/radio-group.tsx
+++ b/web/app/components/workflow/nodes/http/components/authorization/radio-group.tsx
@@ -47,7 +47,7 @@ const RadioGroup: FC<Props> = ({
     return () => onChange(value)
   }, [onChange])
   return (
-    <div className='flex space-x-2'>
+    <div className="flex space-x-2">
       {options.map(option => (
         <Item
           key={option.value}
diff --git a/web/app/components/workflow/nodes/http/components/curl-panel.tsx b/web/app/components/workflow/nodes/http/components/curl-panel.tsx
index 4b9ee56f85..2710fd3c5d 100644
--- a/web/app/components/workflow/nodes/http/components/curl-panel.tsx
+++ b/web/app/components/workflow/nodes/http/components/curl-panel.tsx
@@ -1,13 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { HttpNodeType } from '../types'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { BodyPayloadValueType, BodyType, type HttpNodeType, Method } from '../types'
-import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
 import Textarea from '@/app/components/base/textarea'
 import Toast from '@/app/components/base/toast'
 import { useNodesInteractions } from '@/app/components/workflow/hooks'
+import { BodyPayloadValueType, BodyType, Method } from '../types'
 
 type Props = {
   nodeId: string
@@ -16,7 +17,7 @@ type Props = {
   handleCurlImport: (node: HttpNodeType) => void
 }
 
-const parseCurl = (curlCommand: string): { node: HttpNodeType | null; error: string | null } => {
+const parseCurl = (curlCommand: string): { node: HttpNodeType | null, error: string | null } => {
   if (!curlCommand.trim().toLowerCase().startsWith('curl'))
     return { node: null, error: 'Invalid cURL command. Command must start with "curl".' }
 
@@ -29,7 +30,7 @@ const parseCurl = (curlCommand: string): { node: HttpNodeType | null; error: str
     params: '',
     body: { type: BodyType.none, data: '' },
   }
-  const args = curlCommand.match(/(?:[^\s"']+|"[^"]*"|'[^']*')+/g) || []
+  const args = curlCommand.match(/(?:[^\s"']|"[^"]*"|'[^']*')+/g) || []
   let hasData = false
 
   for (let i = 1; i < args.length; i++) {
@@ -145,19 +146,22 @@ const CurlPanel: FC<Props> = ({ nodeId, isShow, onHide, handleCurlImport }) => {
       title={t('workflow.nodes.http.curl.title')}
       isShow={isShow}
       onClose={onHide}
-      className='!w-[400px] !max-w-[400px] !p-4'
+      className="!w-[400px] !max-w-[400px] !p-4"
     >
       <div>
         <Textarea
           value={inputString}
-          className='my-3 h-40 w-full grow'
+          className="my-3 h-40 w-full grow"
           onChange={e => setInputString(e.target.value)}
           placeholder={t('workflow.nodes.http.curl.placeholder')!}
         />
       </div>
-      <div className='mt-4 flex justify-end space-x-2'>
-        <Button className='!w-[95px]' onClick={onHide} >{t('common.operation.cancel')}</Button>
-        <Button className='!w-[95px]' variant='primary' onClick={handleSave} > {t('common.operation.save')}</Button>
+      <div className="mt-4 flex justify-end space-x-2">
+        <Button className="!w-[95px]" onClick={onHide}>{t('common.operation.cancel')}</Button>
+        <Button className="!w-[95px]" variant="primary" onClick={handleSave}>
+          {' '}
+          {t('common.operation.save')}
+        </Button>
       </div>
     </Modal>
   )
diff --git a/web/app/components/workflow/nodes/http/components/edit-body/index.tsx b/web/app/components/workflow/nodes/http/components/edit-body/index.tsx
index 050f54f040..1770d01ef5 100644
--- a/web/app/components/workflow/nodes/http/components/edit-body/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/edit-body/index.tsx
@@ -1,17 +1,17 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
+import type { Body, BodyPayload, KeyValue as KeyValueType } from '../../types'
+import type { ValueSelector, Var } from '@/app/components/workflow/types'
 import { produce } from 'immer'
 import { uniqueId } from 'lodash-es'
-import type { Body, BodyPayload, KeyValue as KeyValueType } from '../../types'
+import React, { useCallback, useMemo } from 'react'
+import InputWithVar from '@/app/components/workflow/nodes/_base/components/prompt/editor'
+import { VarType } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import VarReferencePicker from '../../../_base/components/variable/var-reference-picker'
+import useAvailableVarList from '../../../_base/hooks/use-available-var-list'
 import { BodyPayloadValueType, BodyType } from '../../types'
 import KeyValue from '../key-value'
-import useAvailableVarList from '../../../_base/hooks/use-available-var-list'
-import VarReferencePicker from '../../../_base/components/variable/var-reference-picker'
-import { cn } from '@/utils/classnames'
-import InputWithVar from '@/app/components/workflow/nodes/_base/components/prompt/editor'
-import type { ValueSelector, Var } from '@/app/components/workflow/types'
-import { VarType } from '@/app/components/workflow/types'
 
 const UNIQUE_ID_PREFIX = 'key-value-'
 
@@ -68,13 +68,13 @@ const EditBody: FC<Props> = ({
       type: newType,
       data: hasKeyValue
         ? [
-          {
-            id: uniqueId(UNIQUE_ID_PREFIX),
-            type: BodyPayloadValueType.text,
-            key: '',
-            value: '',
-          },
-        ]
+            {
+              id: uniqueId(UNIQUE_ID_PREFIX),
+              type: BodyPayloadValueType.text,
+              key: '',
+              value: '',
+            },
+          ]
         : [],
     })
   }, [onChange])
@@ -133,9 +133,9 @@ const EditBody: FC<Props> = ({
   return (
     <div>
       {/* body type */}
-      <div className='flex flex-wrap'>
+      <div className="flex flex-wrap">
         {allTypes.map(t => (
-          <label key={t} htmlFor={`body-type-${t}`} className='mr-4 flex h-7 items-center space-x-2'>
+          <label key={t} htmlFor={`body-type-${t}`} className="mr-4 flex h-7 items-center space-x-2">
             <input
               type="radio"
               id={`body-type-${t}`}
@@ -144,7 +144,7 @@ const EditBody: FC<Props> = ({
               onChange={handleTypeChange}
               disabled={readonly}
             />
-            <div className='text-[13px] font-normal leading-[18px] text-text-secondary'>{bodyTextMap[t]}</div>
+            <div className="text-[13px] font-normal leading-[18px] text-text-secondary">{bodyTextMap[t]}</div>
           </label>
         ))}
       </div>
@@ -164,8 +164,8 @@ const EditBody: FC<Props> = ({
 
         {type === BodyType.rawText && (
           <InputWithVar
-            instanceId={'http-body-raw'}
-            title={<div className='uppercase'>Raw text</div>}
+            instanceId="http-body-raw"
+            title={<div className="uppercase">Raw text</div>}
             onChange={handleBodyValueChange}
             value={stringValue}
             justVar
@@ -177,8 +177,8 @@ const EditBody: FC<Props> = ({
 
         {type === BodyType.json && (
           <InputWithVar
-            instanceId={'http-body-json'}
-            title='JSON'
+            instanceId="http-body-json"
+            title="JSON"
             value={stringValue}
             onChange={handleBodyValueChange}
             justVar
diff --git a/web/app/components/workflow/nodes/http/components/key-value/bulk-edit/index.tsx b/web/app/components/workflow/nodes/http/components/key-value/bulk-edit/index.tsx
index 43c766c878..ea43c726e2 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/bulk-edit/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/bulk-edit/index.tsx
@@ -2,8 +2,8 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import TextEditor from '@/app/components/workflow/nodes/_base/components/editor/text-editor'
 import { LayoutGrid02 } from '@/app/components/base/icons/src/vender/line/layout'
+import TextEditor from '@/app/components/workflow/nodes/_base/components/editor/text-editor'
 
 const i18nPrefix = 'workflow.nodes.http'
 
@@ -38,22 +38,22 @@ const BulkEdit: FC<Props> = ({
     <div>
       <TextEditor
         isInNode
-        title={<div className='uppercase'>{t(`${i18nPrefix}.bulkEdit`)}</div>}
+        title={<div className="uppercase">{t(`${i18nPrefix}.bulkEdit`)}</div>}
         value={tempValue}
         onChange={handleChange}
         onBlur={handleBlur}
-        headerRight={
-          <div className='flex h-[18px] items-center'>
+        headerRight={(
+          <div className="flex h-[18px] items-center">
             <div
-              className='flex cursor-pointer items-center space-x-1'
+              className="flex cursor-pointer items-center space-x-1"
               onClick={handleSwitchToKeyValueEdit}
             >
-              <LayoutGrid02 className='h-3 w-3 text-gray-500' />
-              <div className='text-xs font-normal leading-[18px] text-gray-500'>{t(`${i18nPrefix}.keyValueEdit`)}</div>
+              <LayoutGrid02 className="h-3 w-3 text-gray-500" />
+              <div className="text-xs font-normal leading-[18px] text-gray-500">{t(`${i18nPrefix}.keyValueEdit`)}</div>
             </div>
-            <div className='ml-3 mr-1.5 h-3 w-px bg-gray-200'></div>
+            <div className="ml-3 mr-1.5 h-3 w-px bg-gray-200"></div>
           </div>
-        }
+        )}
         minHeight={150}
       />
     </div>
diff --git a/web/app/components/workflow/nodes/http/components/key-value/index.tsx b/web/app/components/workflow/nodes/http/components/key-value/index.tsx
index e930114f32..0191cb0c7a 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/index.tsx
@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import type { KeyValue } from '../../types'
+import React from 'react'
 import KeyValueEdit from './key-value-edit'
 
 type Props = {
@@ -44,15 +44,17 @@ const KeyValueList: FC<Props> = ({
   //   }).join('\n')
   //   return res
   // })()
-  return <KeyValueEdit
-    readonly={readonly}
-    nodeId={nodeId}
-    list={list}
-    onChange={onChange}
-    onAdd={onAdd}
-    isSupportFile={isSupportFile}
-  // onSwitchToBulkEdit={toggleKeyValueEdit}
-  />
+  return (
+    <KeyValueEdit
+      readonly={readonly}
+      nodeId={nodeId}
+      list={list}
+      onChange={onChange}
+      onAdd={onAdd}
+      isSupportFile={isSupportFile}
+      // onSwitchToBulkEdit={toggleKeyValueEdit}
+    />
+  )
   // : <BulkEdit
   //   value={bulkList}
   //   onChange={handleBulkValueChange}
diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx
index d107520c75..61d6292e06 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/index.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
 import type { KeyValue } from '../../../types'
-import KeyValueItem from './item'
+import { produce } from 'immer'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
+import KeyValueItem from './item'
 
 const i18nPrefix = 'workflow.nodes.http'
 
@@ -56,10 +56,10 @@ const KeyValueList: FC<Props> = ({
     return null
 
   return (
-    <div className='overflow-hidden rounded-lg border border-divider-regular'>
+    <div className="overflow-hidden rounded-lg border border-divider-regular">
       <div className={cn('system-xs-medium-uppercase flex h-7 items-center leading-7 text-text-tertiary')}>
         <div className={cn('h-full border-r border-divider-regular pl-3', isSupportFile ? 'w-[140px]' : 'w-1/2')}>{t(`${i18nPrefix}.key`)}</div>
-        {isSupportFile && <div className='h-full w-[70px] shrink-0 border-r border-divider-regular pl-3'>{t(`${i18nPrefix}.type`)}</div>}
+        {isSupportFile && <div className="h-full w-[70px] shrink-0 border-r border-divider-regular pl-3">{t(`${i18nPrefix}.type`)}</div>}
         <div className={cn('h-full items-center justify-between pl-3 pr-1', isSupportFile ? 'grow' : 'w-1/2')}>{t(`${i18nPrefix}.value`)}</div>
       </div>
       {
diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
index 80c42209d6..2f1857f7af 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
@@ -1,13 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { Var } from '@/app/components/workflow/types'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import useAvailableVarList from '../../../../_base/hooks/use-available-var-list'
-import { cn } from '@/utils/classnames'
-import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
 import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
-import type { Var } from '@/app/components/workflow/types'
+import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
 import { VarType } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import useAvailableVarList from '../../../../_base/hooks/use-available-var-list'
+
 type Props = {
   className?: string
   instanceId?: string
@@ -60,29 +61,9 @@ const InputItem: FC<Props> = ({
     <div className={cn(className, 'hover:cursor-text hover:bg-state-base-hover', 'relative flex h-full')}>
       {(!readOnly)
         ? (
-          <Input
-            instanceId={instanceId}
-            className={cn(isFocus ? 'bg-components-input-bg-active' : 'bg-width', 'w-0 grow px-3 py-1')}
-            value={value}
-            onChange={onChange}
-            readOnly={readOnly}
-            nodesOutputVars={availableVars}
-            availableNodes={availableNodesWithParent}
-            onFocusChange={setIsFocus}
-            placeholder={t('workflow.nodes.http.insertVarPlaceholder')!}
-            placeholderClassName='!leading-[21px]'
-            promptMinHeightClassName='h-full'
-            insertVarTipToLeft={insertVarTipToLeft}
-          />
-        )
-        : <div
-          className="h-[18px] w-full pl-0.5 leading-[18px]"
-        >
-          {!hasValue && <div className='text-xs font-normal text-text-quaternary'>{placeholder}</div>}
-          {hasValue && (
             <Input
               instanceId={instanceId}
-              className={cn(isFocus ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-components-input-border-hover bg-components-input-bg-normal', 'w-0 grow rounded-lg border px-3 py-[6px]')}
+              className={cn(isFocus ? 'bg-components-input-bg-active' : 'bg-width', 'w-0 grow px-3 py-1')}
               value={value}
               onChange={onChange}
               readOnly={readOnly}
@@ -90,16 +71,38 @@ const InputItem: FC<Props> = ({
               availableNodes={availableNodesWithParent}
               onFocusChange={setIsFocus}
               placeholder={t('workflow.nodes.http.insertVarPlaceholder')!}
-              placeholderClassName='!leading-[21px]'
-              promptMinHeightClassName='h-full'
+              placeholderClassName="!leading-[21px]"
+              promptMinHeightClassName="h-full"
               insertVarTipToLeft={insertVarTipToLeft}
             />
-          )}
+          )
+        : (
+            <div
+              className="h-[18px] w-full pl-0.5 leading-[18px]"
+            >
+              {!hasValue && <div className="text-xs font-normal text-text-quaternary">{placeholder}</div>}
+              {hasValue && (
+                <Input
+                  instanceId={instanceId}
+                  className={cn(isFocus ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-components-input-border-hover bg-components-input-bg-normal', 'w-0 grow rounded-lg border px-3 py-[6px]')}
+                  value={value}
+                  onChange={onChange}
+                  readOnly={readOnly}
+                  nodesOutputVars={availableVars}
+                  availableNodes={availableNodesWithParent}
+                  onFocusChange={setIsFocus}
+                  placeholder={t('workflow.nodes.http.insertVarPlaceholder')!}
+                  placeholderClassName="!leading-[21px]"
+                  promptMinHeightClassName="h-full"
+                  insertVarTipToLeft={insertVarTipToLeft}
+                />
+              )}
 
-        </div>}
+            </div>
+          )}
       {hasRemove && !isFocus && (
         <RemoveButton
-          className='absolute right-1 top-0.5 hidden group-hover:block'
+          className="absolute right-1 top-0.5 hidden group-hover:block"
           onClick={handleRemove}
         />
       )}
diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx
index 5a27d1efa1..365367fd97 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx
@@ -1,15 +1,15 @@
 'use client'
 import type { FC } from 'react'
+import type { KeyValue } from '../../../types'
+import type { ValueSelector, Var } from '@/app/components/workflow/types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import type { KeyValue } from '../../../types'
+import { PortalSelect } from '@/app/components/base/select'
+import { VarType } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 import VarReferencePicker from '../../../../_base/components/variable/var-reference-picker'
 import InputItem from './input-item'
-import { cn } from '@/utils/classnames'
-import { PortalSelect } from '@/app/components/base/select'
-import type { ValueSelector, Var } from '@/app/components/workflow/types'
-import { VarType } from '@/app/components/workflow/types'
 // import Input from '@/app/components/base/input'
 
 const i18nPrefix = 'workflow.nodes.http'
@@ -66,27 +66,27 @@ const KeyValueItem: FC<Props> = ({
       <div className={cn('shrink-0 border-r border-divider-regular', isSupportFile ? 'w-[140px]' : 'w-1/2')}>
         {!keyNotSupportVar
           ? (
-            <InputItem
-              instanceId={`http-key-${instanceId}`}
-              nodeId={nodeId}
-              value={payload.key}
-              onChange={handleChange('key')}
-              hasRemove={false}
-              placeholder={t(`${i18nPrefix}.key`)!}
-              readOnly={readonly}
-              insertVarTipToLeft={insertVarTipToLeft}
-            />
-          )
+              <InputItem
+                instanceId={`http-key-${instanceId}`}
+                nodeId={nodeId}
+                value={payload.key}
+                onChange={handleChange('key')}
+                hasRemove={false}
+                placeholder={t(`${i18nPrefix}.key`)!}
+                readOnly={readonly}
+                insertVarTipToLeft={insertVarTipToLeft}
+              />
+            )
           : (
-            <input
-              className='system-sm-regular focus:bg-gray-100! appearance-none rounded-none border-none bg-transparent outline-none hover:bg-components-input-bg-hover focus:ring-0'
-              value={payload.key}
-              onChange={e => handleChange('key')(e.target.value)}
-            />
-          )}
+              <input
+                className="system-sm-regular focus:bg-gray-100! appearance-none rounded-none border-none bg-transparent outline-none hover:bg-components-input-bg-hover focus:ring-0"
+                value={payload.key}
+                onChange={e => handleChange('key')(e.target.value)}
+              />
+            )}
       </div>
       {isSupportFile && (
-        <div className='w-[70px] shrink-0 border-r border-divider-regular'>
+        <div className="w-[70px] shrink-0 border-r border-divider-regular">
           <PortalSelect
             value={payload.type!}
             onSelect={item => handleChange('type')(item.value as string)}
@@ -95,38 +95,39 @@ const KeyValueItem: FC<Props> = ({
               { name: 'file', value: 'file' },
             ]}
             readonly={readonly}
-            triggerClassName='rounded-none h-7 text-text-primary'
+            triggerClassName="rounded-none h-7 text-text-primary"
             triggerClassNameFn={isOpen => isOpen ? 'bg-state-base-hover' : 'bg-transparent'}
-            popupClassName='w-[80px] h-7'
+            popupClassName="w-[80px] h-7"
           />
-        </div>)}
+        </div>
+      )}
       <div className={cn(isSupportFile ? 'grow' : 'w-1/2')} onClick={() => isLastItem && onAdd()}>
         {(isSupportFile && payload.type === 'file')
           ? (
-            <VarReferencePicker
-              nodeId={nodeId}
-              readonly={readonly}
-              value={payload.file || []}
-              onChange={handleChange('file')}
-              filterVar={filterOnlyFileVariable}
-              isInTable
-              onRemove={onRemove}
-            />
-          )
+              <VarReferencePicker
+                nodeId={nodeId}
+                readonly={readonly}
+                value={payload.file || []}
+                onChange={handleChange('file')}
+                filterVar={filterOnlyFileVariable}
+                isInTable
+                onRemove={onRemove}
+              />
+            )
           : (
-            <InputItem
-              instanceId={`http-value-${instanceId}`}
-              nodeId={nodeId}
-              value={payload.value}
-              onChange={handleChange('value')}
-              hasRemove={!readonly && canRemove}
-              onRemove={onRemove}
-              placeholder={t(`${i18nPrefix}.value`)!}
-              readOnly={readonly}
-              isSupportFile={isSupportFile}
-              insertVarTipToLeft={insertVarTipToLeft}
-            />
-          )}
+              <InputItem
+                instanceId={`http-value-${instanceId}`}
+                nodeId={nodeId}
+                value={payload.value}
+                onChange={handleChange('value')}
+                hasRemove={!readonly && canRemove}
+                onRemove={onRemove}
+                placeholder={t(`${i18nPrefix}.value`)!}
+                readOnly={readonly}
+                isSupportFile={isSupportFile}
+                insertVarTipToLeft={insertVarTipToLeft}
+              />
+            )}
 
       </div>
     </div>
diff --git a/web/app/components/workflow/nodes/http/components/timeout/index.tsx b/web/app/components/workflow/nodes/http/components/timeout/index.tsx
index bb84091d67..11edfa8c93 100644
--- a/web/app/components/workflow/nodes/http/components/timeout/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/timeout/index.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
+import type { Timeout as TimeoutPayloadType } from '../../types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { Timeout as TimeoutPayloadType } from '../../types'
 import Input from '@/app/components/base/input'
 import { FieldCollapse } from '@/app/components/workflow/nodes/_base/components/collapse'
 import { useStore } from '@/app/components/workflow/store'
@@ -34,7 +34,7 @@ const InputField: FC<{
         <span className="text-xs font-normal text-text-tertiary">{description}</span>
       </div>
       <Input
-        type='number'
+        type="number"
         value={value}
         onChange={(e) => {
           const inputValue = e.target.value
@@ -70,7 +70,7 @@ const Timeout: FC<Props> = ({ readonly, payload, onChange }) => {
 
   return (
     <FieldCollapse title={t(`${i18nPrefix}.timeout.title`)}>
-      <div className='mt-2 space-y-1'>
+      <div className="mt-2 space-y-1">
         <div className="space-y-3">
           <InputField
             title={t('workflow.nodes.http.timeout.connectLabel')!}
diff --git a/web/app/components/workflow/nodes/http/default.ts b/web/app/components/workflow/nodes/http/default.ts
index 4a08702d6a..b127f70a1f 100644
--- a/web/app/components/workflow/nodes/http/default.ts
+++ b/web/app/components/workflow/nodes/http/default.ts
@@ -1,9 +1,9 @@
 import type { NodeDefault } from '../../types'
-import { AuthorizationType, BodyType, Method } from './types'
 import type { BodyPayload, HttpNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { AuthorizationType, BodyType, Method } from './types'
 
 const metaData = genNodeMetaData({
   classification: BlockClassificationEnum.Utilities,
@@ -45,10 +45,11 @@ const nodeDefault: NodeDefault<HttpNodeType> = {
       errorMessages = t('workflow.errorMsg.fieldRequired', { field: t('workflow.nodes.http.api') })
 
     if (!errorMessages
-        && payload.body.type === BodyType.binary
-        && ((!(payload.body.data as BodyPayload)[0]?.file) || (payload.body.data as BodyPayload)[0]?.file?.length === 0)
-    )
+      && payload.body.type === BodyType.binary
+      && ((!(payload.body.data as BodyPayload)[0]?.file) || (payload.body.data as BodyPayload)[0]?.file?.length === 0)
+    ) {
       errorMessages = t('workflow.errorMsg.fieldRequired', { field: t('workflow.nodes.http.binaryFileVariable') })
+    }
 
     return {
       isValid: !errorMessages,
diff --git a/web/app/components/workflow/nodes/http/hooks/use-key-value-list.ts b/web/app/components/workflow/nodes/http/hooks/use-key-value-list.ts
index 44774074dc..b174b7e6de 100644
--- a/web/app/components/workflow/nodes/http/hooks/use-key-value-list.ts
+++ b/web/app/components/workflow/nodes/http/hooks/use-key-value-list.ts
@@ -1,7 +1,7 @@
-import { useCallback, useEffect, useState } from 'react'
+import type { KeyValue } from '../types'
 import { useBoolean } from 'ahooks'
 import { uniqueId } from 'lodash-es'
-import type { KeyValue } from '../types'
+import { useCallback, useEffect, useState } from 'react'
 
 const UNIQUE_ID_PREFIX = 'key-value-'
 const strToKeyValueList = (value: string) => {
diff --git a/web/app/components/workflow/nodes/http/node.tsx b/web/app/components/workflow/nodes/http/node.tsx
index 6002bf737d..332a28c44c 100644
--- a/web/app/components/workflow/nodes/http/node.tsx
+++ b/web/app/components/workflow/nodes/http/node.tsx
@@ -1,8 +1,9 @@
 import type { FC } from 'react'
-import React from 'react'
-import ReadonlyInputWithSelectVar from '../_base/components/readonly-input-with-select-var'
 import type { HttpNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
+import ReadonlyInputWithSelectVar from '../_base/components/readonly-input-with-select-var'
+
 const Node: FC<NodeProps<HttpNodeType>> = ({
   id,
   data,
@@ -12,12 +13,12 @@ const Node: FC<NodeProps<HttpNodeType>> = ({
     return null
 
   return (
-    <div className='mb-1 px-3 py-1'>
-      <div className='flex items-center justify-start rounded-md bg-workflow-block-parma-bg p-1'>
-        <div className='flex h-4 shrink-0 items-center rounded bg-components-badge-white-to-dark px-1 text-xs font-semibold uppercase text-text-secondary'>{method}</div>
-        <div className='w-0 grow pl-1 pt-1'>
+    <div className="mb-1 px-3 py-1">
+      <div className="flex items-center justify-start rounded-md bg-workflow-block-parma-bg p-1">
+        <div className="flex h-4 shrink-0 items-center rounded bg-components-badge-white-to-dark px-1 text-xs font-semibold uppercase text-text-secondary">{method}</div>
+        <div className="w-0 grow pl-1 pt-1">
           <ReadonlyInputWithSelectVar
-            className='text-text-secondary'
+            className="text-text-secondary"
             value={url}
             nodeId={id}
           />
diff --git a/web/app/components/workflow/nodes/http/panel.tsx b/web/app/components/workflow/nodes/http/panel.tsx
index a174ff4742..b46474ab84 100644
--- a/web/app/components/workflow/nodes/http/panel.tsx
+++ b/web/app/components/workflow/nodes/http/panel.tsx
@@ -1,22 +1,22 @@
 import type { FC } from 'react'
+import type { HttpNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import useConfig from './use-config'
-import ApiInput from './components/api-input'
-import KeyValue from './components/key-value'
-import EditBody from './components/edit-body'
-import AuthorizationModal from './components/authorization'
-import type { HttpNodeType } from './types'
-import Timeout from './components/timeout'
-import CurlPanel from './components/curl-panel'
-import { cn } from '@/utils/classnames'
+import { FileArrow01 } from '@/app/components/base/icons/src/vender/line/files'
+import { Settings01 } from '@/app/components/base/icons/src/vender/line/general'
 import Switch from '@/app/components/base/switch'
 import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
 import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
-import { Settings01 } from '@/app/components/base/icons/src/vender/line/general'
-import { FileArrow01 } from '@/app/components/base/icons/src/vender/line/files'
-import type { NodePanelProps } from '@/app/components/workflow/types'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import { cn } from '@/utils/classnames'
+import ApiInput from './components/api-input'
+import AuthorizationModal from './components/authorization'
+import CurlPanel from './components/curl-panel'
+import EditBody from './components/edit-body'
+import KeyValue from './components/key-value'
+import Timeout from './components/timeout'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.http'
 
@@ -55,34 +55,34 @@ const Panel: FC<NodePanelProps<HttpNodeType>> = ({
     return null
 
   return (
-    <div className='pt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="pt-2">
+      <div className="space-y-4 px-4 pb-4">
         <Field
           title={t(`${i18nPrefix}.api`)}
           required
-          operations={
-            <div className='flex'>
+          operations={(
+            <div className="flex">
               <div
                 onClick={showAuthorization}
                 className={cn(!readOnly && 'cursor-pointer hover:bg-state-base-hover', 'flex h-6 items-center space-x-1 rounded-md px-2 ')}
               >
-                {!readOnly && <Settings01 className='h-3 w-3 text-text-tertiary' />}
-                <div className='text-xs font-medium text-text-tertiary'>
+                {!readOnly && <Settings01 className="h-3 w-3 text-text-tertiary" />}
+                <div className="text-xs font-medium text-text-tertiary">
                   {t(`${i18nPrefix}.authorization.authorization`)}
-                  <span className='ml-1 text-text-secondary'>{t(`${i18nPrefix}.authorization.${inputs.authorization.type}`)}</span>
+                  <span className="ml-1 text-text-secondary">{t(`${i18nPrefix}.authorization.${inputs.authorization.type}`)}</span>
                 </div>
               </div>
               <div
                 onClick={showCurlPanel}
                 className={cn(!readOnly && 'cursor-pointer hover:bg-state-base-hover', 'flex h-6 items-center space-x-1 rounded-md px-2 ')}
               >
-                {!readOnly && <FileArrow01 className='h-3 w-3 text-text-tertiary' />}
-                <div className='text-xs font-medium text-text-tertiary'>
+                {!readOnly && <FileArrow01 className="h-3 w-3 text-text-tertiary" />}
+                <div className="text-xs font-medium text-text-tertiary">
                   {t(`${i18nPrefix}.curl.title`)}
                 </div>
               </div>
             </div>
-          }
+          )}
         >
           <ApiInput
             nodeId={id}
@@ -129,14 +129,15 @@ const Panel: FC<NodePanelProps<HttpNodeType>> = ({
         <Field
           title={t(`${i18nPrefix}.verifySSL.title`)}
           tooltip={t(`${i18nPrefix}.verifySSL.warningTooltip`)}
-          operations={
+          operations={(
             <Switch
               defaultValue={!!inputs.ssl_verify}
               onChange={handleSSLVerifyChange}
-              size='md'
+              size="md"
               disabled={readOnly}
             />
-          }>
+          )}
+        >
         </Field>
       </div>
       <Split />
@@ -156,27 +157,27 @@ const Panel: FC<NodePanelProps<HttpNodeType>> = ({
         />
       )}
       <Split />
-      <div className=''>
+      <div className="">
         <OutputVars>
           <>
             <VarItem
-              name='body'
-              type='string'
+              name="body"
+              type="string"
               description={t(`${i18nPrefix}.outputVars.body`)}
             />
             <VarItem
-              name='status_code'
-              type='number'
+              name="status_code"
+              type="number"
               description={t(`${i18nPrefix}.outputVars.statusCode`)}
             />
             <VarItem
-              name='headers'
-              type='object'
+              name="headers"
+              type="object"
               description={t(`${i18nPrefix}.outputVars.headers`)}
             />
             <VarItem
-              name='files'
-              type='Array[File]'
+              name="files"
+              type="Array[File]"
               description={t(`${i18nPrefix}.outputVars.files`)}
             />
           </>
diff --git a/web/app/components/workflow/nodes/http/use-config.ts b/web/app/components/workflow/nodes/http/use-config.ts
index 45303c3b46..fe8c8ac236 100644
--- a/web/app/components/workflow/nodes/http/use-config.ts
+++ b/web/app/components/workflow/nodes/http/use-config.ts
@@ -1,17 +1,18 @@
-import { useCallback, useEffect, useState } from 'react'
-import { produce } from 'immer'
-import { useBoolean } from 'ahooks'
-import useVarList from '../_base/hooks/use-var-list'
-import { VarType } from '../../types'
 import type { Var } from '../../types'
-import { useStore } from '../../store'
-import { type Authorization, type Body, BodyType, type HttpNodeType, type Method, type Timeout } from './types'
-import useKeyValueList from './hooks/use-key-value-list'
-import { transformToBodyPayload } from './utils'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import type { Authorization, Body, HttpNodeType, Method, Timeout } from './types'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
+import { useCallback, useEffect, useState } from 'react'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { useStore } from '../../store'
+import { VarType } from '../../types'
+import useVarList from '../_base/hooks/use-var-list'
+import useKeyValueList from './hooks/use-key-value-list'
+import { BodyType } from './types'
+import { transformToBodyPayload } from './utils'
 
 const useConfig = (id: string, payload: HttpNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
diff --git a/web/app/components/workflow/nodes/http/use-single-run-form-params.ts b/web/app/components/workflow/nodes/http/use-single-run-form-params.ts
index 06d4ac3a27..735ed082c3 100644
--- a/web/app/components/workflow/nodes/http/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/http/use-single-run-form-params.ts
@@ -1,12 +1,12 @@
 import type { RefObject } from 'react'
+import type { HttpNodeType } from './types'
 import type { InputVar, Variable } from '@/app/components/workflow/types'
 import { useCallback, useMemo } from 'react'
 import useNodeCrud from '../_base/hooks/use-node-crud'
-import type { HttpNodeType } from './types'
 
 type Params = {
-  id: string,
-  payload: HttpNodeType,
+  id: string
+  payload: HttpNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
diff --git a/web/app/components/workflow/nodes/http/utils.ts b/web/app/components/workflow/nodes/http/utils.ts
index ffb474f45a..1d07fc5398 100644
--- a/web/app/components/workflow/nodes/http/utils.ts
+++ b/web/app/components/workflow/nodes/http/utils.ts
@@ -1,4 +1,5 @@
-import { type BodyPayload, BodyPayloadValueType } from './types'
+import type { BodyPayload } from './types'
+import { BodyPayloadValueType } from './types'
 
 export const transformToBodyPayload = (old: string, hasKey: boolean): BodyPayload => {
   if (!hasKey) {
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-add.tsx b/web/app/components/workflow/nodes/if-else/components/condition-add.tsx
index 9b6ad2700b..91d7a0f03a 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-add.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-add.tsx
@@ -1,10 +1,15 @@
+import type { HandleAddCondition } from '../types'
+import type {
+  NodeOutPutVar,
+  ValueSelector,
+  Var,
+} from '@/app/components/workflow/types'
+import { RiAddLine } from '@remixicon/react'
 import {
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddLine } from '@remixicon/react'
-import type { HandleAddCondition } from '../types'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
@@ -12,11 +17,6 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
-import type {
-  NodeOutPutVar,
-  ValueSelector,
-  Var,
-} from '@/app/components/workflow/types'
 
 type ConditionAddProps = {
   className?: string
@@ -44,7 +44,7 @@ const ConditionAdd = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -52,16 +52,16 @@ const ConditionAdd = ({
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(!open)}>
         <Button
-          size='small'
+          size="small"
           className={className}
           disabled={disabled}
         >
-          <RiAddLine className='mr-1 h-3.5 w-3.5' />
+          <RiAddLine className="mr-1 h-3.5 w-3.5" />
           {t('workflow.nodes.ifElse.addCondition')}
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
           <VarReferenceVars
             vars={variables}
             isSupportFileVar
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-files-list-value.tsx b/web/app/components/workflow/nodes/if-else/components/condition-files-list-value.tsx
index 1a2e3e3bc5..53df68c337 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-files-list-value.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-files-list-value.tsx
@@ -1,20 +1,22 @@
+import type { ValueSelector } from '../../../types'
+import type { Condition } from '../types'
 import {
   memo,
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ComparisonOperator, type Condition } from '../types'
+import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import {
+  VariableLabelInNode,
+} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from '../../constants'
+import { ComparisonOperator } from '../types'
 import {
   comparisonOperatorNotRequireValue,
   isComparisonOperatorNeedTranslate,
   isEmptyRelatedOperator,
 } from '../utils'
-import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from '../../constants'
-import type { ValueSelector } from '../../../types'
-import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import {
-  VariableLabelInNode,
-} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+
 const i18nPrefix = 'workflow.nodes.ifElse'
 
 type ConditionValueProps = {
@@ -39,7 +41,7 @@ const ConditionValue = ({
       return ''
 
     const value = c.value as string
-    return value.replace(/{{#([^#]*)#}}/g, (a, b) => {
+    return value.replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
       const arr: string[] = b.split('.')
       if (isSystemVar(arr))
         return `{{${b}}}`
@@ -57,41 +59,41 @@ const ConditionValue = ({
     if (isSelect) {
       const name = [...FILE_TYPE_OPTIONS, ...TRANSFER_METHOD].filter(item => item.value === (Array.isArray(c.value) ? c.value[0] : c.value))[0]
       return name
-        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/{{#([^#]*)#}}/g, (a, b) => {
-          const arr: string[] = b.split('.')
-          if (isSystemVar(arr))
-            return `{{${b}}}`
+        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
+            const arr: string[] = b.split('.')
+            if (isSystemVar(arr))
+              return `{{${b}}}`
 
-          return `{{${arr.slice(1).join('.')}}}`
-        })
+            return `{{${arr.slice(1).join('.')}}}`
+          })
         : ''
     }
     return ''
   }, [t])
 
   return (
-    <div className='rounded-md bg-workflow-block-parma-bg'>
-      <div className='flex h-6 items-center px-1 '>
+    <div className="rounded-md bg-workflow-block-parma-bg">
+      <div className="flex h-6 items-center px-1 ">
         <VariableLabelInNode
-          className='w-0 grow'
+          className="w-0 grow"
           variables={variableSelector}
           notShowFullPath
         />
         <div
-          className='mx-1 shrink-0 text-xs font-medium text-text-primary'
+          className="mx-1 shrink-0 text-xs font-medium text-text-primary"
           title={operatorName}
         >
           {operatorName}
         </div>
       </div>
-      <div className='ml-[10px] border-l border-divider-regular pl-[10px]'>
+      <div className="ml-[10px] border-l border-divider-regular pl-[10px]">
         {
           sub_variable_condition?.conditions.map((c: Condition, index) => (
-            <div className='relative flex h-6 items-center space-x-1' key={c.id}>
-              <div className='system-xs-medium text-text-accent'>{c.key}</div>
-              <div className='system-xs-medium text-text-primary'>{isComparisonOperatorNeedTranslate(c.comparison_operator) ? t(`workflow.nodes.ifElse.comparisonOperator.${c.comparison_operator}`) : c.comparison_operator}</div>
-              {c.comparison_operator && !isEmptyRelatedOperator(c.comparison_operator) && <div className='system-xs-regular text-text-secondary'>{isSelect(c) ? selectName(c) : formatValue(c)}</div>}
-              {index !== sub_variable_condition.conditions.length - 1 && (<div className='absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent'>{t(`${i18nPrefix}.${sub_variable_condition.logical_operator}`)}</div>)}
+            <div className="relative flex h-6 items-center space-x-1" key={c.id}>
+              <div className="system-xs-medium text-text-accent">{c.key}</div>
+              <div className="system-xs-medium text-text-primary">{isComparisonOperatorNeedTranslate(c.comparison_operator) ? t(`workflow.nodes.ifElse.comparisonOperator.${c.comparison_operator}`) : c.comparison_operator}</div>
+              {c.comparison_operator && !isEmptyRelatedOperator(c.comparison_operator) && <div className="system-xs-regular text-text-secondary">{isSelect(c) ? selectName(c) : formatValue(c)}</div>}
+              {index !== sub_variable_condition.conditions.length - 1 && (<div className="absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent">{t(`${i18nPrefix}.${sub_variable_condition.logical_operator}`)}</div>)}
             </div>
           ))
         }
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-input.tsx b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-input.tsx
index eba7a3bab7..f4961a7156 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-input.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-input.tsx
@@ -1,11 +1,11 @@
-import { useTranslation } from 'react-i18next'
-import { useStore } from '@/app/components/workflow/store'
-import PromptEditor from '@/app/components/base/prompt-editor'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type {
   Node,
   NodeOutPutVar,
 } from '@/app/components/workflow/types'
+import { useTranslation } from 'react-i18next'
+import PromptEditor from '@/app/components/base/prompt-editor'
+import { useStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 type ConditionInputProps = {
   disabled?: boolean
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx
index af87b70196..b323e65066 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx
@@ -1,53 +1,54 @@
-import {
-  useCallback,
-  useMemo,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiDeleteBinLine } from '@remixicon/react'
-import { produce } from 'immer'
 import type { VarType as NumberVarType } from '../../../tool/types'
 import type {
   Condition,
   HandleAddSubVariableCondition,
   HandleRemoveCondition,
+  handleRemoveSubVariableCondition,
   HandleToggleSubVariableConditionLogicalOperator,
   HandleUpdateCondition,
   HandleUpdateSubVariableCondition,
-  handleRemoveSubVariableCondition,
 } from '../../types'
-import {
-  ComparisonOperator,
-} from '../../types'
-import { comparisonOperatorNotRequireValue, getOperators } from '../../utils'
-import ConditionNumberInput from '../condition-number-input'
-import { FILE_TYPE_OPTIONS, SUB_VARIABLES, TRANSFER_METHOD } from '../../../constants'
-import ConditionWrap from '../condition-wrap'
-import ConditionOperator from './condition-operator'
-import ConditionInput from './condition-input'
-import { useWorkflowStore } from '@/app/components/workflow/store'
-
-import ConditionVarSelector from './condition-var-selector'
 import type {
   Node,
   NodeOutPutVar,
   ValueSelector,
   Var,
 } from '@/app/components/workflow/types'
-import { VarType } from '@/app/components/workflow/types'
-import { cn } from '@/utils/classnames'
-import { SimpleSelect as Select } from '@/app/components/base/select'
+import { RiDeleteBinLine } from '@remixicon/react'
+import { produce } from 'immer'
+import {
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
-import BoolValue from '@/app/components/workflow/panel/chat-variable-panel/components/bool-value'
-import { getVarType } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import { SimpleSelect as Select } from '@/app/components/base/select'
 import { useIsChatMode } from '@/app/components/workflow/hooks/use-workflow'
-import useMatchSchemaType from '../../../_base/components/variable/use-match-schema-type'
+import { getVarType } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import BoolValue from '@/app/components/workflow/panel/chat-variable-panel/components/bool-value'
+import { useWorkflowStore } from '@/app/components/workflow/store'
+import { VarType } from '@/app/components/workflow/types'
+
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllMCPTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import { cn } from '@/utils/classnames'
+import useMatchSchemaType from '../../../_base/components/variable/use-match-schema-type'
+import { FILE_TYPE_OPTIONS, SUB_VARIABLES, TRANSFER_METHOD } from '../../../constants'
+import {
+  ComparisonOperator,
+} from '../../types'
+import { comparisonOperatorNotRequireValue, getOperators } from '../../utils'
+import ConditionNumberInput from '../condition-number-input'
+import ConditionWrap from '../condition-wrap'
+import ConditionInput from './condition-input'
+import ConditionOperator from './condition-operator'
+import ConditionVarSelector from './condition-var-selector'
+
 const optionNameI18NPrefix = 'workflow.nodes.ifElse.optionName'
 
 type ConditionItemProps = {
@@ -249,10 +250,10 @@ const ConditionItem = ({
   }, [condition, doUpdateCondition, availableNodes, isChatMode, schemaTypeDefinitions, buildInTools, customTools, mcpTools, workflowTools])
 
   const showBooleanInput = useMemo(() => {
-    if(condition.varType === VarType.boolean)
+    if (condition.varType === VarType.boolean)
       return true
 
-    if(condition.varType === VarType.arrayBoolean && [ComparisonOperator.contains, ComparisonOperator.notContains].includes(condition.comparison_operator!))
+    if (condition.varType === VarType.arrayBoolean && [ComparisonOperator.contains, ComparisonOperator.notContains].includes(condition.comparison_operator!))
       return true
     return false
   }, [condition])
@@ -261,45 +262,48 @@ const ConditionItem = ({
       <div className={cn(
         'grow rounded-lg bg-components-input-bg-normal',
         isHovered && 'bg-state-destructive-hover',
-      )}>
-        <div className='flex items-center p-1'>
-          <div className='w-0 grow'>
+      )}
+      >
+        <div className="flex items-center p-1">
+          <div className="w-0 grow">
             {isSubVarSelect
               ? (
-                <Select
-                  wrapperClassName='h-6'
-                  className='pl-0 text-xs'
-                  optionWrapClassName='w-[165px] max-h-none'
-                  defaultValue={condition.key}
-                  items={subVarOptions}
-                  onSelect={item => handleSubVarKeyChange(item.value as string)}
-                  renderTrigger={item => (
-                    item
-                      ? <div className='flex cursor-pointer justify-start'>
-                        <div className='inline-flex h-6 max-w-full items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 text-text-accent shadow-xs'>
-                          <Variable02 className='h-3.5 w-3.5 shrink-0 text-text-accent' />
-                          <div className='system-xs-medium ml-0.5 truncate'>{item?.name}</div>
-                        </div>
-                      </div>
-                      : <div className='system-sm-regular text-left text-components-input-text-placeholder'>{t('common.placeholder.select')}</div>
-                  )}
-                  hideChecked
-                />
-              )
+                  <Select
+                    wrapperClassName="h-6"
+                    className="pl-0 text-xs"
+                    optionWrapClassName="w-[165px] max-h-none"
+                    defaultValue={condition.key}
+                    items={subVarOptions}
+                    onSelect={item => handleSubVarKeyChange(item.value as string)}
+                    renderTrigger={item => (
+                      item
+                        ? (
+                            <div className="flex cursor-pointer justify-start">
+                              <div className="inline-flex h-6 max-w-full items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 text-text-accent shadow-xs">
+                                <Variable02 className="h-3.5 w-3.5 shrink-0 text-text-accent" />
+                                <div className="system-xs-medium ml-0.5 truncate">{item?.name}</div>
+                              </div>
+                            </div>
+                          )
+                        : <div className="system-sm-regular text-left text-components-input-text-placeholder">{t('common.placeholder.select')}</div>
+                    )}
+                    hideChecked
+                  />
+                )
               : (
-                <ConditionVarSelector
-                  open={open}
-                  onOpenChange={setOpen}
-                  valueSelector={condition.variable_selector || []}
-                  varType={condition.varType}
-                  availableNodes={availableNodes}
-                  nodesOutputVars={nodesOutputVars}
-                  onChange={handleVarChange}
-                />
-              )}
+                  <ConditionVarSelector
+                    open={open}
+                    onOpenChange={setOpen}
+                    valueSelector={condition.variable_selector || []}
+                    varType={condition.varType}
+                    availableNodes={availableNodes}
+                    nodesOutputVars={nodesOutputVars}
+                    onChange={handleVarChange}
+                  />
+                )}
 
           </div>
-          <div className='mx-1 h-3 w-[1px] bg-divider-regular'></div>
+          <div className="mx-1 h-3 w-[1px] bg-divider-regular"></div>
           <ConditionOperator
             disabled={!canChooseOperator}
             varType={condition.varType}
@@ -310,7 +314,7 @@ const ConditionItem = ({
         </div>
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType !== VarType.number && !showBooleanInput && (
-            <div className='max-h-[100px] overflow-y-auto border-t border-t-divider-subtle px-2 py-1'>
+            <div className="max-h-[100px] overflow-y-auto border-t border-t-divider-subtle px-2 py-1">
               <ConditionInput
                 disabled={disabled}
                 value={condition.value as string}
@@ -323,7 +327,7 @@ const ConditionItem = ({
         }
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && showBooleanInput && (
-            <div className='p-1'>
+            <div className="p-1">
               <BoolValue
                 value={condition.value as boolean}
                 onChange={handleUpdateConditionValue}
@@ -333,7 +337,7 @@ const ConditionItem = ({
         }
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType === VarType.number && (
-            <div className='border-t border-t-divider-subtle px-2 py-1 pt-[3px]'>
+            <div className="border-t border-t-divider-subtle px-2 py-1 pt-[3px]">
               <ConditionNumberInput
                 numberVarType={condition.numberVarType}
                 onNumberVarTypeChange={handleUpdateConditionNumberVarType}
@@ -348,10 +352,10 @@ const ConditionItem = ({
         }
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && isSelect && (
-            <div className='border-t border-t-divider-subtle'>
+            <div className="border-t border-t-divider-subtle">
               <Select
-                wrapperClassName='h-8'
-                className='rounded-t-none px-2 text-xs'
+                wrapperClassName="h-8"
+                className="rounded-t-none px-2 text-xs"
                 defaultValue={isArrayValue ? (condition.value as string[])?.[0] : (condition.value as string)}
                 items={selectOptions}
                 onSelect={item => handleUpdateConditionValue(item.value as string)}
@@ -363,7 +367,7 @@ const ConditionItem = ({
         }
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && isSubVariable && (
-            <div className='p-1'>
+            <div className="p-1">
               <ConditionWrap
                 isSubVariable
                 caseId={caseId}
@@ -384,12 +388,12 @@ const ConditionItem = ({
         }
       </div>
       <div
-        className='ml-1 mt-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
+        className="ml-1 mt-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive"
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
         onClick={doRemoveCondition}
       >
-        <RiDeleteBinLine className='h-4 w-4' />
+        <RiDeleteBinLine className="h-4 w-4" />
       </div>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-operator.tsx b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-operator.tsx
index 1763afdfd1..e2753ba6e7 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-operator.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-operator.tsx
@@ -1,19 +1,20 @@
+import type { ComparisonOperator } from '../../types'
+import type { VarType } from '@/app/components/workflow/types'
+import { RiArrowDownSLine } from '@remixicon/react'
 import {
   useMemo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { getOperators, isComparisonOperatorNeedTranslate } from '../../utils'
-import type { ComparisonOperator } from '../../types'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { VarType } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import { getOperators, isComparisonOperatorNeedTranslate } from '../../utils'
+
 const i18nPrefix = 'workflow.nodes.ifElse'
 
 type ConditionOperatorProps = {
@@ -48,7 +49,7 @@ const ConditionOperator = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -57,8 +58,8 @@ const ConditionOperator = ({
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
         <Button
           className={cn('shrink-0', !selectedOption && 'opacity-50', className)}
-          size='small'
-          variant='ghost'
+          size="small"
+          variant="ghost"
           disabled={disabled}
         >
           {
@@ -66,16 +67,16 @@ const ConditionOperator = ({
               ? selectedOption.label
               : t(`${i18nPrefix}.select`)
           }
-          <RiArrowDownSLine className='ml-1 h-3.5 w-3.5' />
+          <RiArrowDownSLine className="ml-1 h-3.5 w-3.5" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
-        <div className='rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-[11]">
+        <div className="rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
                 key={option.value}
-                className='flex h-7 cursor-pointer items-center rounded-lg px-3 py-1.5 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover'
+                className="flex h-7 cursor-pointer items-center rounded-lg px-3 py-1.5 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover"
                 onClick={() => {
                   onSelect(option.value)
                   setOpen(false)
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-var-selector.tsx b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-var-selector.tsx
index c05e733c1a..a8146c353d 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-var-selector.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-var-selector.tsx
@@ -1,7 +1,7 @@
+import type { Node, NodeOutPutVar, ValueSelector, Var, VarType } from '@/app/components/workflow/types'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import VariableTag from '@/app/components/workflow/nodes/_base/components/variable-tag'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
-import type { Node, NodeOutPutVar, ValueSelector, Var, VarType } from '@/app/components/workflow/types'
 
 type ConditionVarSelectorProps = {
   open: boolean
@@ -26,7 +26,7 @@ const ConditionVarSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={onOpenChange}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -42,8 +42,8 @@ const ConditionVarSelector = ({
           />
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
           <VarReferenceVars
             vars={nodesOutputVars}
             isSupportFileVar
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-list/index.tsx b/web/app/components/workflow/nodes/if-else/components/condition-list/index.tsx
index 6c03dd8412..bda775e21c 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-list/index.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-list/index.tsx
@@ -1,23 +1,18 @@
-import { RiLoopLeftLine } from '@remixicon/react'
-import { useCallback, useMemo } from 'react'
-import {
-  type CaseItem,
-  type HandleAddSubVariableCondition,
-  type HandleRemoveCondition,
-  type HandleToggleConditionLogicalOperator,
-  type HandleToggleSubVariableConditionLogicalOperator,
-  type HandleUpdateCondition,
-  type HandleUpdateSubVariableCondition,
-  LogicalOperator,
-  type handleRemoveSubVariableCondition,
-} from '../../types'
-import ConditionItem from './condition-item'
+import type { CaseItem, HandleAddSubVariableCondition, HandleRemoveCondition, handleRemoveSubVariableCondition, HandleToggleConditionLogicalOperator, HandleToggleSubVariableConditionLogicalOperator, HandleUpdateCondition, HandleUpdateSubVariableCondition } from '../../types'
 import type {
   Node,
   NodeOutPutVar,
   Var,
 } from '@/app/components/workflow/types'
+import { RiLoopLeftLine } from '@remixicon/react'
+import { useCallback, useMemo } from 'react'
 import { cn } from '@/utils/classnames'
+import {
+
+  LogicalOperator,
+
+} from '../../types'
+import ConditionItem from './condition-item'
 
 type ConditionListProps = {
   isSubVariable?: boolean
@@ -90,15 +85,16 @@ const ConditionList = ({
             'absolute bottom-0 left-0 top-0 w-[60px]',
             isSubVariable && logical_operator === LogicalOperator.and && 'left-[-10px]',
             isSubVariable && logical_operator === LogicalOperator.or && 'left-[-18px]',
-          )}>
-            <div className='absolute bottom-4 left-[46px] top-4 w-2.5 rounded-l-[8px] border border-r-0 border-divider-deep'></div>
-            <div className='absolute right-0 top-1/2 h-[29px] w-4 -translate-y-1/2 bg-components-panel-bg'></div>
+          )}
+          >
+            <div className="absolute bottom-4 left-[46px] top-4 w-2.5 rounded-l-[8px] border border-r-0 border-divider-deep"></div>
+            <div className="absolute right-0 top-1/2 h-[29px] w-4 -translate-y-1/2 bg-components-panel-bg"></div>
             <div
-              className='absolute right-1 top-1/2 flex h-[21px] -translate-y-1/2 cursor-pointer select-none items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1 text-[10px] font-semibold text-text-accent-secondary shadow-xs'
+              className="absolute right-1 top-1/2 flex h-[21px] -translate-y-1/2 cursor-pointer select-none items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1 text-[10px] font-semibold text-text-accent-secondary shadow-xs"
               onClick={doToggleConditionLogicalOperator}
             >
               {logical_operator.toUpperCase()}
-              <RiLoopLeftLine className='ml-0.5 h-3 w-3' />
+              <RiLoopLeftLine className="ml-0.5 h-3 w-3" />
             </div>
           </div>
         )
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-number-input.tsx b/web/app/components/workflow/nodes/if-else/components/condition-number-input.tsx
index a13fbef011..29419be011 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-number-input.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-number-input.tsx
@@ -1,29 +1,29 @@
+import type {
+  NodeOutPutVar,
+  ValueSelector,
+} from '@/app/components/workflow/types'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { capitalize } from 'lodash-es'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { capitalize } from 'lodash-es'
-import { useBoolean } from 'ahooks'
-import { VarType as NumberVarType } from '../../tool/types'
-import VariableTag from '../../_base/components/variable-tag'
+import Button from '@/app/components/base/button'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import { cn } from '@/utils/classnames'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
-import type {
-  NodeOutPutVar,
-  ValueSelector,
-} from '@/app/components/workflow/types'
 import { VarType } from '@/app/components/workflow/types'
 import { variableTransformer } from '@/app/components/workflow/utils'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import { cn } from '@/utils/classnames'
+import VariableTag from '../../_base/components/variable-tag'
+import { VarType as NumberVarType } from '../../tool/types'
 
 const options = [
   NumberVarType.variable,
@@ -62,25 +62,25 @@ const ConditionNumberInput = ({
   }, [onValueChange])
 
   return (
-    <div className='flex cursor-pointer items-center'>
+    <div className="flex cursor-pointer items-center">
       <PortalToFollowElem
         open={numberVarTypeVisible}
         onOpenChange={setNumberVarTypeVisible}
-        placement='bottom-start'
+        placement="bottom-start"
         offset={{ mainAxis: 2, crossAxis: 0 }}
       >
         <PortalToFollowElemTrigger onClick={() => setNumberVarTypeVisible(v => !v)}>
           <Button
-            className='shrink-0'
-            variant='ghost'
-            size='small'
+            className="shrink-0"
+            variant="ghost"
+            size="small"
           >
             {capitalize(numberVarType)}
-            <RiArrowDownSLine className='ml-[1px] h-3.5 w-3.5' />
+            <RiArrowDownSLine className="ml-[1px] h-3.5 w-3.5" />
           </Button>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1000]'>
-          <div className='w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+        <PortalToFollowElemContent className="z-[1000]">
+          <div className="w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
             {
               options.map(option => (
                 <div
@@ -102,19 +102,20 @@ const ConditionNumberInput = ({
           </div>
         </PortalToFollowElemContent>
       </PortalToFollowElem>
-      <div className='mx-1 h-4 w-[1px] bg-divider-regular'></div>
-      <div className='ml-0.5 w-0 grow'>
+      <div className="mx-1 h-4 w-[1px] bg-divider-regular"></div>
+      <div className="ml-0.5 w-0 grow">
         {
           numberVarType === NumberVarType.variable && (
             <PortalToFollowElem
               open={variableSelectorVisible}
               onOpenChange={setVariableSelectorVisible}
-              placement='bottom-start'
+              placement="bottom-start"
               offset={{ mainAxis: 2, crossAxis: 0 }}
             >
               <PortalToFollowElemTrigger
-                className='w-full'
-                onClick={() => setVariableSelectorVisible(v => !v)}>
+                className="w-full"
+                onClick={() => setVariableSelectorVisible(v => !v)}
+              >
                 {
                   value && (
                     <VariableTag
@@ -126,14 +127,14 @@ const ConditionNumberInput = ({
                 }
                 {
                   !value && (
-                    <div className='flex h-6 items-center p-1 text-[13px] text-components-input-text-placeholder'>
-                      <Variable02 className='mr-1 h-4 w-4 shrink-0' />
-                      <div className='w-0 grow truncate'>{t('workflow.nodes.ifElse.selectVariable')}</div>
+                    <div className="flex h-6 items-center p-1 text-[13px] text-components-input-text-placeholder">
+                      <Variable02 className="mr-1 h-4 w-4 shrink-0" />
+                      <div className="w-0 grow truncate">{t('workflow.nodes.ifElse.selectVariable')}</div>
                     </div>
                   )
                 }
               </PortalToFollowElemTrigger>
-              <PortalToFollowElemContent className='z-[1000]'>
+              <PortalToFollowElemContent className="z-[1000]">
                 <div className={cn('w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pt-1 shadow-lg', isShort && 'w-[200px]')}>
                   <VarReferenceVars
                     vars={variables}
@@ -146,17 +147,17 @@ const ConditionNumberInput = ({
         }
         {
           numberVarType === NumberVarType.constant && (
-            <div className=' relative'>
+            <div className=" relative">
               <input
                 className={cn('block w-full appearance-none bg-transparent px-2 text-[13px] text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder', unit && 'pr-6')}
-                type='number'
+                type="number"
                 value={value}
                 onChange={e => onValueChange(e.target.value)}
                 placeholder={t('workflow.nodes.ifElse.enterValue') || ''}
                 onFocus={setFocus}
                 onBlur={setBlur}
               />
-              {!isFocus && unit && <div className='system-sm-regular absolute right-2 top-[50%] translate-y-[-50%] text-text-tertiary'>{unit}</div>}
+              {!isFocus && unit && <div className="system-sm-regular absolute right-2 top-[50%] translate-y-[-50%] text-text-tertiary">{unit}</div>}
             </div>
           )
         }
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-value.tsx b/web/app/components/workflow/nodes/if-else/components/condition-value.tsx
index 82db6d15f8..376c3a670f 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-value.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-value.tsx
@@ -1,24 +1,24 @@
+import type {
+  CommonNodeType,
+  Node,
+} from '@/app/components/workflow/types'
 import {
   memo,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNodes } from 'reactflow'
+import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import {
+  VariableLabelInText,
+} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { isExceptionVariable } from '@/app/components/workflow/utils'
+import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from '../../constants'
 import { ComparisonOperator } from '../types'
 import {
   comparisonOperatorNotRequireValue,
   isComparisonOperatorNeedTranslate,
 } from '../utils'
-import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from '../../constants'
-import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import { isExceptionVariable } from '@/app/components/workflow/utils'
-import type {
-  CommonNodeType,
-  Node,
-} from '@/app/components/workflow/types'
-import {
-  VariableLabelInText,
-} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
 
 type ConditionValueProps = {
   variableSelector: string[]
@@ -49,7 +49,7 @@ const ConditionValue = ({
     if (value === true || value === false)
       return value ? 'True' : 'False'
 
-    return value.replace(/{{#([^#]*)#}}/g, (a, b) => {
+    return value.replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
       const arr: string[] = b.split('.')
       if (isSystemVar(arr))
         return `{{${b}}}`
@@ -63,22 +63,22 @@ const ConditionValue = ({
     if (isSelect) {
       const name = [...FILE_TYPE_OPTIONS, ...TRANSFER_METHOD].filter(item => item.value === (Array.isArray(value) ? value[0] : value))[0]
       return name
-        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/{{#([^#]*)#}}/g, (a, b) => {
-          const arr: string[] = b.split('.')
-          if (isSystemVar(arr))
-            return `{{${b}}}`
+        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
+            const arr: string[] = b.split('.')
+            if (isSystemVar(arr))
+              return `{{${b}}}`
 
-          return `{{${arr.slice(1).join('.')}}}`
-        })
+            return `{{${arr.slice(1).join('.')}}}`
+          })
         : ''
     }
     return ''
   }, [isSelect, t, value])
 
   return (
-    <div className='flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1'>
+    <div className="flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1">
       <VariableLabelInText
-        className='w-0 grow'
+        className="w-0 grow"
         variables={variableSelector}
         nodeTitle={node?.data.title}
         nodeType={node?.data.type}
@@ -86,14 +86,14 @@ const ConditionValue = ({
         notShowFullPath
       />
       <div
-        className='mx-1 shrink-0 text-xs font-medium text-text-primary'
+        className="mx-1 shrink-0 text-xs font-medium text-text-primary"
         title={operatorName}
       >
         {operatorName}
       </div>
       {
         !notHasValue && (
-          <div className='shrink-[3] truncate text-xs text-text-secondary' title={formatValue}>{isSelect ? selectName : formatValue}</div>
+          <div className="shrink-[3] truncate text-xs text-text-secondary" title={formatValue}>{isSelect ? selectName : formatValue}</div>
         )
       }
     </div>
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-wrap.tsx b/web/app/components/workflow/nodes/if-else/components/condition-wrap.tsx
index e9352d154e..b9f80cb9f0 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-wrap.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-wrap.tsx
@@ -1,24 +1,24 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { ReactSortable } from 'react-sortablejs'
+import type { Node, NodeOutPutVar, Var } from '../../../types'
+import type { CaseItem, HandleAddCondition, HandleAddSubVariableCondition, HandleRemoveCondition, handleRemoveSubVariableCondition, HandleToggleConditionLogicalOperator, HandleToggleSubVariableConditionLogicalOperator, HandleUpdateCondition, HandleUpdateSubVariableCondition } from '../types'
 import {
   RiAddLine,
   RiDeleteBinLine,
   RiDraggable,
 } from '@remixicon/react'
-import type { CaseItem, HandleAddCondition, HandleAddSubVariableCondition, HandleRemoveCondition, HandleToggleConditionLogicalOperator, HandleToggleSubVariableConditionLogicalOperator, HandleUpdateCondition, HandleUpdateSubVariableCondition, handleRemoveSubVariableCondition } from '../types'
-import type { Node, NodeOutPutVar, Var } from '../../../types'
-import { VarType } from '../../../types'
-import { useGetAvailableVars } from '../../variable-assigner/hooks'
-import { SUB_VARIABLES } from '../../constants'
-import ConditionList from './condition-list'
-import ConditionAdd from './condition-add'
-import { cn } from '@/utils/classnames'
+import { noop } from 'lodash-es'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { ReactSortable } from 'react-sortablejs'
 import Button from '@/app/components/base/button'
 import { PortalSelect as Select } from '@/app/components/base/select'
-import { noop } from 'lodash-es'
+import { cn } from '@/utils/classnames'
+import { VarType } from '../../../types'
+import { SUB_VARIABLES } from '../../constants'
+import { useGetAvailableVars } from '../../variable-assigner/hooks'
+import ConditionAdd from './condition-add'
+import ConditionList from './condition-list'
 
 type Props = {
   isSubVariable?: boolean
@@ -86,8 +86,8 @@ const ConditionWrap: FC<Props> = ({
       <ReactSortable
         list={cases.map(caseItem => ({ ...caseItem, id: caseItem.case_id }))}
         setList={handleSortCase}
-        handle='.handle'
-        ghostClass='bg-components-panel-bg'
+        handle=".handle"
+        ghostClass="bg-components-panel-bg"
         animation={150}
         disabled={readOnly || isSubVariable}
       >
@@ -107,17 +107,22 @@ const ConditionWrap: FC<Props> = ({
                     <RiDraggable className={cn(
                       'handle absolute left-1 top-2 hidden h-3 w-3 cursor-pointer text-text-quaternary',
                       casesLength > 1 && 'group-hover:block',
-                    )} />
+                    )}
+                    />
                     <div className={cn(
                       'absolute left-4 text-[13px] font-semibold leading-4 text-text-secondary',
                       casesLength === 1 ? 'top-2.5' : 'top-1',
-                    )}>
+                    )}
+                    >
                       {
                         index === 0 ? 'IF' : 'ELIF'
                       }
                       {
                         casesLength > 1 && (
-                          <div className='text-[10px] font-medium text-text-tertiary'>CASE {index + 1}</div>
+                          <div className="text-[10px] font-medium text-text-tertiary">
+                            CASE
+                            {index + 1}
+                          </div>
                         )
                       }
                     </div>
@@ -126,7 +131,7 @@ const ConditionWrap: FC<Props> = ({
 
                 {
                   !!item.conditions.length && (
-                    <div className='mb-2'>
+                    <div className="mb-2">
                       <ConditionList
                         disabled={readOnly}
                         caseItem={item}
@@ -156,47 +161,48 @@ const ConditionWrap: FC<Props> = ({
                   !item.conditions.length && !isSubVariable && 'mt-1',
                   !item.conditions.length && isSubVariable && 'mt-2',
                   !isSubVariable && ' pl-[60px]',
-                )}>
+                )}
+                >
                   {isSubVariable
                     ? (
-                      <Select
-                        popupInnerClassName='w-[165px] max-h-none'
-                        onSelect={value => handleAddSubVariableCondition?.(caseId!, conditionId!, value.value as string)}
-                        items={subVarOptions}
-                        value=''
-                        renderTrigger={() => (
-                          <Button
-                            size='small'
-                            disabled={readOnly}
-                          >
-                            <RiAddLine className='mr-1 h-3.5 w-3.5' />
-                            {t('workflow.nodes.ifElse.addSubVariable')}
-                          </Button>
-                        )}
-                        hideChecked
-                      />
-                    )
+                        <Select
+                          popupInnerClassName="w-[165px] max-h-none"
+                          onSelect={value => handleAddSubVariableCondition?.(caseId!, conditionId!, value.value as string)}
+                          items={subVarOptions}
+                          value=""
+                          renderTrigger={() => (
+                            <Button
+                              size="small"
+                              disabled={readOnly}
+                            >
+                              <RiAddLine className="mr-1 h-3.5 w-3.5" />
+                              {t('workflow.nodes.ifElse.addSubVariable')}
+                            </Button>
+                          )}
+                          hideChecked
+                        />
+                      )
                     : (
-                      <ConditionAdd
-                        disabled={readOnly}
-                        caseId={item.case_id}
-                        variables={getAvailableVars(id, '', filterVar)}
-                        onSelectVariable={handleAddCondition!}
-                      />
-                    )}
+                        <ConditionAdd
+                          disabled={readOnly}
+                          caseId={item.case_id}
+                          variables={getAvailableVars(id, '', filterVar)}
+                          onSelectVariable={handleAddCondition!}
+                        />
+                      )}
 
                   {
                     ((index === 0 && casesLength > 1) || (index > 0)) && (
                       <Button
-                        className='hover:bg-components-button-destructive-ghost-bg-hover hover:text-components-button-destructive-ghost-text'
-                        size='small'
-                        variant='ghost'
+                        className="hover:bg-components-button-destructive-ghost-bg-hover hover:text-components-button-destructive-ghost-text"
+                        size="small"
+                        variant="ghost"
                         disabled={readOnly}
                         onClick={() => handleRemoveCase?.(item.case_id)}
                         onMouseEnter={() => setWillDeleteCaseId(item.case_id)}
                         onMouseLeave={() => setWillDeleteCaseId('')}
                       >
-                        <RiDeleteBinLine className='mr-1 h-3.5 w-3.5' />
+                        <RiDeleteBinLine className="mr-1 h-3.5 w-3.5" />
                         {t('common.operation.remove')}
                       </Button>
                     )
@@ -204,7 +210,7 @@ const ConditionWrap: FC<Props> = ({
                 </div>
               </div>
               {!isSubVariable && (
-                <div className='mx-3 my-2 h-px bg-divider-subtle'></div>
+                <div className="mx-3 my-2 h-px bg-divider-subtle"></div>
               )}
             </div>
           ))
@@ -212,11 +218,11 @@ const ConditionWrap: FC<Props> = ({
       </ReactSortable>
       {(cases.length === 0) && (
         <Button
-          size='small'
+          size="small"
           disabled={readOnly}
           onClick={() => handleAddSubVariableCondition?.(caseId!, conditionId!)}
         >
-          <RiAddLine className='mr-1 h-3.5 w-3.5' />
+          <RiAddLine className="mr-1 h-3.5 w-3.5" />
           {t('workflow.nodes.ifElse.addSubVariable')}
         </Button>
       )}
diff --git a/web/app/components/workflow/nodes/if-else/default.ts b/web/app/components/workflow/nodes/if-else/default.ts
index ca3aa0cd2b..155971b454 100644
--- a/web/app/components/workflow/nodes/if-else/default.ts
+++ b/web/app/components/workflow/nodes/if-else/default.ts
@@ -1,9 +1,12 @@
-import { type NodeDefault, VarType } from '../../types'
-import { type IfElseNodeType, LogicalOperator } from './types'
-import { isEmptyRelatedOperator } from './utils'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
+import type { NodeDefault } from '../../types'
+import type { IfElseNodeType } from './types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { VarType } from '../../types'
+import { LogicalOperator } from './types'
+import { isEmptyRelatedOperator } from './utils'
+
 const i18nPrefix = 'workflow.errorMsg'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/if-else/node.tsx b/web/app/components/workflow/nodes/if-else/node.tsx
index e423e95a3f..41a7ec5d46 100644
--- a/web/app/components/workflow/nodes/if-else/node.tsx
+++ b/web/app/components/workflow/nodes/if-else/node.tsx
@@ -1,13 +1,14 @@
 import type { FC } from 'react'
+import type { NodeProps } from 'reactflow'
+import type { Condition, IfElseNodeType } from './types'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { NodeProps } from 'reactflow'
-import { NodeSourceHandle } from '../_base/components/node-handle'
-import { isEmptyRelatedOperator } from './utils'
-import type { Condition, IfElseNodeType } from './types'
-import ConditionValue from './components/condition-value'
-import ConditionFilesListValue from './components/condition-files-list-value'
 import { VarType } from '../../types'
+import { NodeSourceHandle } from '../_base/components/node-handle'
+import ConditionFilesListValue from './components/condition-files-list-value'
+import ConditionValue from './components/condition-value'
+import { isEmptyRelatedOperator } from './utils'
+
 const i18nPrefix = 'workflow.nodes.ifElse'
 
 const IfElseNode: FC<NodeProps<IfElseNodeType>> = (props) => {
@@ -34,50 +35,53 @@ const IfElseNode: FC<NodeProps<IfElseNodeType>> = (props) => {
       return (condition.varType === VarType.boolean || condition.varType === VarType.arrayBoolean) ? true : !!condition.value
     }
   }, [])
-  const conditionNotSet = (<div className='flex h-6 items-center space-x-1 rounded-md bg-workflow-block-parma-bg px-1 text-xs font-normal text-text-secondary'>
-    {t(`${i18nPrefix}.conditionNotSetup`)}
-  </div>)
+  const conditionNotSet = (
+    <div className="flex h-6 items-center space-x-1 rounded-md bg-workflow-block-parma-bg px-1 text-xs font-normal text-text-secondary">
+      {t(`${i18nPrefix}.conditionNotSetup`)}
+    </div>
+  )
 
   return (
-    <div className='px-3'>
+    <div className="px-3">
       {
         cases.map((caseItem, index) => (
           <div key={caseItem.case_id}>
-            <div className='relative flex h-6 items-center px-1'>
-              <div className='flex w-full items-center justify-between'>
-                <div className='text-[10px] font-semibold text-text-tertiary'>
+            <div className="relative flex h-6 items-center px-1">
+              <div className="flex w-full items-center justify-between">
+                <div className="text-[10px] font-semibold text-text-tertiary">
                   {casesLength > 1 && `CASE ${index + 1}`}
                 </div>
-                <div className='text-[12px] font-semibold text-text-secondary'>{index === 0 ? 'IF' : 'ELIF'}</div>
+                <div className="text-[12px] font-semibold text-text-secondary">{index === 0 ? 'IF' : 'ELIF'}</div>
               </div>
               <NodeSourceHandle
                 {...props}
                 handleId={caseItem.case_id}
-                handleClassName='!top-1/2 !-right-[21px] !-translate-y-1/2'
+                handleClassName="!top-1/2 !-right-[21px] !-translate-y-1/2"
               />
             </div>
-            <div className='space-y-0.5'>
+            <div className="space-y-0.5">
               {caseItem.conditions.map((condition, i) => (
-                <div key={condition.id} className='relative'>
+                <div key={condition.id} className="relative">
                   {
                     checkIsConditionSet(condition)
                       ? (
-                        (!isEmptyRelatedOperator(condition.comparison_operator!) && condition.sub_variable_condition)
-                          ? (
-                            <ConditionFilesListValue condition={condition} />
-                          )
-                          : (
-                            <ConditionValue
-                              variableSelector={condition.variable_selector!}
-                              operator={condition.comparison_operator!}
-                              value={condition.varType === VarType.boolean ? (!condition.value ? 'False' : condition.value) : condition.value}
-                            />
-                          )
+                          (!isEmptyRelatedOperator(condition.comparison_operator!) && condition.sub_variable_condition)
+                            ? (
+                                <ConditionFilesListValue condition={condition} />
+                              )
+                            : (
+                                <ConditionValue
+                                  variableSelector={condition.variable_selector!}
+                                  operator={condition.comparison_operator!}
+                                  value={condition.varType === VarType.boolean ? (!condition.value ? 'False' : condition.value) : condition.value}
+                                />
+                              )
 
-                      )
-                      : conditionNotSet}
+                        )
+                      : conditionNotSet
+                  }
                   {i !== caseItem.conditions.length - 1 && (
-                    <div className='absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent'>{t(`${i18nPrefix}.${caseItem.logical_operator}`)}</div>
+                    <div className="absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent">{t(`${i18nPrefix}.${caseItem.logical_operator}`)}</div>
                   )}
                 </div>
               ))}
@@ -85,12 +89,12 @@ const IfElseNode: FC<NodeProps<IfElseNodeType>> = (props) => {
           </div>
         ))
       }
-      <div className='relative flex h-6 items-center px-1'>
-        <div className='w-full text-right text-xs font-semibold text-text-secondary'>ELSE</div>
+      <div className="relative flex h-6 items-center px-1">
+        <div className="w-full text-right text-xs font-semibold text-text-secondary">ELSE</div>
         <NodeSourceHandle
           {...props}
-          handleId='false'
-          handleClassName='!top-1/2 !-right-[21px] !-translate-y-1/2'
+          handleId="false"
+          handleClassName="!top-1/2 !-right-[21px] !-translate-y-1/2"
         />
       </div>
     </div>
diff --git a/web/app/components/workflow/nodes/if-else/panel.tsx b/web/app/components/workflow/nodes/if-else/panel.tsx
index 4b74132b04..78e2406805 100644
--- a/web/app/components/workflow/nodes/if-else/panel.tsx
+++ b/web/app/components/workflow/nodes/if-else/panel.tsx
@@ -1,17 +1,17 @@
 import type { FC } from 'react'
+import type { IfElseNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
+import {
+  RiAddLine,
+} from '@remixicon/react'
 import {
   memo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiAddLine,
-} from '@remixicon/react'
-import useConfig from './use-config'
-import type { IfElseNodeType } from './types'
-import ConditionWrap from './components/condition-wrap'
 import Button from '@/app/components/base/button'
-import type { NodePanelProps } from '@/app/components/workflow/types'
 import Field from '@/app/components/workflow/nodes/_base/components/field'
+import ConditionWrap from './components/condition-wrap'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.ifElse'
 
@@ -42,7 +42,7 @@ const Panel: FC<NodePanelProps<IfElseNodeType>> = ({
   const cases = inputs.cases || []
 
   return (
-    <div className='p-1'>
+    <div className="p-1">
       <ConditionWrap
         nodeId={id}
         cases={cases}
@@ -62,23 +62,23 @@ const Panel: FC<NodePanelProps<IfElseNodeType>> = ({
         varsIsVarFileAttribute={varsIsVarFileAttribute}
         filterVar={filterVar}
       />
-      <div className='px-4 py-2'>
+      <div className="px-4 py-2">
         <Button
-          className='w-full'
-          variant='tertiary'
+          className="w-full"
+          variant="tertiary"
           onClick={() => handleAddCase()}
           disabled={readOnly}
         >
-          <RiAddLine className='mr-1 h-4 w-4' />
+          <RiAddLine className="mr-1 h-4 w-4" />
           ELIF
         </Button>
       </div>
-      <div className='mx-3 my-2 h-px bg-divider-subtle'></div>
+      <div className="mx-3 my-2 h-px bg-divider-subtle"></div>
       <Field
         title={t(`${i18nPrefix}.else`)}
-        className='px-4 py-2'
+        className="px-4 py-2"
       >
-        <div className='text-xs font-normal leading-[18px] text-text-tertiary'>{t(`${i18nPrefix}.elseDescription`)}</div>
+        <div className="text-xs font-normal leading-[18px] text-text-tertiary">{t(`${i18nPrefix}.elseDescription`)}</div>
       </Field>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/if-else/use-config.ts b/web/app/components/workflow/nodes/if-else/use-config.ts
index 205715b898..f7384e1d67 100644
--- a/web/app/components/workflow/nodes/if-else/use-config.ts
+++ b/web/app/components/workflow/nodes/if-else/use-config.ts
@@ -1,12 +1,6 @@
-import { useCallback, useMemo } from 'react'
-import { produce } from 'immer'
-import { v4 as uuid4 } from 'uuid'
-import { useUpdateNodeInternals } from 'reactflow'
 import type {
   Var,
 } from '../../types'
-import { VarType } from '../../types'
-import { LogicalOperator } from './types'
 import type {
   CaseItem,
   HandleAddCondition,
@@ -18,17 +12,23 @@ import type {
   HandleUpdateSubVariableCondition,
   IfElseNodeType,
 } from './types'
-import {
-  branchNameCorrect,
-  getOperators,
-} from './utils'
-import useIsVarFileAttribute from './use-is-var-file-attribute'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { produce } from 'immer'
+import { useCallback, useMemo } from 'react'
+import { useUpdateNodeInternals } from 'reactflow'
+import { v4 as uuid4 } from 'uuid'
 import {
   useEdgesInteractions,
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
 import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { VarType } from '../../types'
+import { LogicalOperator } from './types'
+import useIsVarFileAttribute from './use-is-var-file-attribute'
+import {
+  branchNameCorrect,
+  getOperators,
+} from './utils'
 
 const useConfig = (id: string, payload: IfElseNodeType) => {
   const updateNodeInternals = useUpdateNodeInternals()
diff --git a/web/app/components/workflow/nodes/if-else/use-is-var-file-attribute.ts b/web/app/components/workflow/nodes/if-else/use-is-var-file-attribute.ts
index c0cf8cfefe..8bb2b602b8 100644
--- a/web/app/components/workflow/nodes/if-else/use-is-var-file-attribute.ts
+++ b/web/app/components/workflow/nodes/if-else/use-is-var-file-attribute.ts
@@ -1,7 +1,7 @@
-import { useStoreApi } from 'reactflow'
-import { useMemo } from 'react'
-import { useIsChatMode, useWorkflow, useWorkflowVariables } from '../../hooks'
 import type { ValueSelector } from '../../types'
+import { useMemo } from 'react'
+import { useStoreApi } from 'reactflow'
+import { useIsChatMode, useWorkflow, useWorkflowVariables } from '../../hooks'
 import { VarType } from '../../types'
 
 type Params = {
diff --git a/web/app/components/workflow/nodes/if-else/use-single-run-form-params.ts b/web/app/components/workflow/nodes/if-else/use-single-run-form-params.ts
index 4f07f072cc..8e3d712ded 100644
--- a/web/app/components/workflow/nodes/if-else/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/if-else/use-single-run-form-params.ts
@@ -1,11 +1,11 @@
 import type { RefObject } from 'react'
+import type { CaseItem, Condition, IfElseNodeType } from './types'
 import type { InputVar, ValueSelector, Variable } from '@/app/components/workflow/types'
 import { useCallback } from 'react'
-import type { CaseItem, Condition, IfElseNodeType } from './types'
 
 type Params = {
-  id: string,
-  payload: IfElseNodeType,
+  id: string
+  payload: IfElseNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -94,7 +94,7 @@ const useSingleRunFormParams = ({
     const existVarsKey: Record<string, boolean> = {}
     const uniqueVarInputs: InputVar[] = []
     varInputs.forEach((input) => {
-      if(!input)
+      if (!input)
         return
       if (!existVarsKey[input.variable]) {
         existVarsKey[input.variable] = true
@@ -126,7 +126,7 @@ const useSingleRunFormParams = ({
     if (condition.variable_selector)
       vars.push(condition.variable_selector)
 
-    if(condition.sub_variable_condition && condition.sub_variable_condition.conditions?.length)
+    if (condition.sub_variable_condition && condition.sub_variable_condition.conditions?.length)
       vars.push(...getVarFromCaseItem(condition.sub_variable_condition))
     return vars
   }
diff --git a/web/app/components/workflow/nodes/if-else/utils.ts b/web/app/components/workflow/nodes/if-else/utils.ts
index 37481c092c..167f26c913 100644
--- a/web/app/components/workflow/nodes/if-else/utils.ts
+++ b/web/app/components/workflow/nodes/if-else/utils.ts
@@ -1,15 +1,18 @@
-import { ComparisonOperator } from './types'
-import { VarType } from '@/app/components/workflow/types'
 import type { Branch } from '@/app/components/workflow/types'
+import { VarType } from '@/app/components/workflow/types'
+import { ComparisonOperator } from './types'
 
 export const isEmptyRelatedOperator = (operator: ComparisonOperator) => {
   return [ComparisonOperator.empty, ComparisonOperator.notEmpty, ComparisonOperator.isNull, ComparisonOperator.isNotNull, ComparisonOperator.exists, ComparisonOperator.notExists].includes(operator)
 }
 
 const notTranslateKey = [
-  ComparisonOperator.equal, ComparisonOperator.notEqual,
-  ComparisonOperator.largerThan, ComparisonOperator.largerThanOrEqual,
-  ComparisonOperator.lessThan, ComparisonOperator.lessThanOrEqual,
+  ComparisonOperator.equal,
+  ComparisonOperator.notEqual,
+  ComparisonOperator.largerThan,
+  ComparisonOperator.largerThanOrEqual,
+  ComparisonOperator.lessThan,
+  ComparisonOperator.lessThanOrEqual,
 ]
 
 export const isComparisonOperatorNeedTranslate = (operator?: ComparisonOperator) => {
diff --git a/web/app/components/workflow/nodes/index.tsx b/web/app/components/workflow/nodes/index.tsx
index ba880b398b..809c4af284 100644
--- a/web/app/components/workflow/nodes/index.tsx
+++ b/web/app/components/workflow/nodes/index.tsx
@@ -1,16 +1,16 @@
+import type { NodeProps } from 'reactflow'
+import type { Node } from '../types'
 import {
   memo,
   useMemo,
 } from 'react'
-import type { NodeProps } from 'reactflow'
-import type { Node } from '../types'
 import { CUSTOM_NODE } from '../constants'
+import BasePanel from './_base/components/workflow-panel'
+import BaseNode from './_base/node'
 import {
   NodeComponentMap,
   PanelComponentMap,
 } from './components'
-import BaseNode from './_base/node'
-import BasePanel from './_base/components/workflow-panel'
 
 const CustomNode = (props: NodeProps) => {
   const nodeData = props.data
diff --git a/web/app/components/workflow/nodes/iteration-start/default.ts b/web/app/components/workflow/nodes/iteration-start/default.ts
index 5229229648..70b8b4c45e 100644
--- a/web/app/components/workflow/nodes/iteration-start/default.ts
+++ b/web/app/components/workflow/nodes/iteration-start/default.ts
@@ -1,7 +1,7 @@
 import type { NodeDefault } from '../../types'
 import type { IterationStartNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   sort: -1,
diff --git a/web/app/components/workflow/nodes/iteration-start/index.tsx b/web/app/components/workflow/nodes/iteration-start/index.tsx
index 6f880c95e1..36deac04e1 100644
--- a/web/app/components/workflow/nodes/iteration-start/index.tsx
+++ b/web/app/components/workflow/nodes/iteration-start/index.tsx
@@ -1,7 +1,7 @@
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { NodeProps } from 'reactflow'
 import { RiHome5Fill } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
 import { NodeSourceHandle } from '@/app/components/workflow/nodes/_base/components/node-handle'
 
@@ -9,17 +9,17 @@ const IterationStartNode = ({ id, data }: NodeProps) => {
   const { t } = useTranslation()
 
   return (
-    <div className='nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg shadow-xs'>
+    <div className="nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg shadow-xs">
       <Tooltip popupContent={t('workflow.blocks.iteration-start')} asChild={false}>
-        <div className='flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500'>
-          <RiHome5Fill className='h-3 w-3 text-text-primary-on-surface' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
+          <RiHome5Fill className="h-3 w-3 text-text-primary-on-surface" />
         </div>
       </Tooltip>
       <NodeSourceHandle
         id={id}
         data={data}
-        handleClassName='!top-1/2 !-right-[9px] !-translate-y-1/2'
-        handleId='source'
+        handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
+        handleId="source"
       />
     </div>
   )
@@ -29,10 +29,10 @@ export const IterationStartNodeDumb = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='nodrag relative left-[17px] top-[21px] z-[11] flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg'>
+    <div className="nodrag relative left-[17px] top-[21px] z-[11] flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg">
       <Tooltip popupContent={t('workflow.blocks.iteration-start')} asChild={false}>
-        <div className='flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500'>
-          <RiHome5Fill className='h-3 w-3 text-text-primary-on-surface' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
+          <RiHome5Fill className="h-3 w-3 text-text-primary-on-surface" />
         </div>
       </Tooltip>
     </div>
diff --git a/web/app/components/workflow/nodes/iteration/add-block.tsx b/web/app/components/workflow/nodes/iteration/add-block.tsx
index e838fe560b..fdd183da1e 100644
--- a/web/app/components/workflow/nodes/iteration/add-block.tsx
+++ b/web/app/components/workflow/nodes/iteration/add-block.tsx
@@ -1,25 +1,25 @@
+import type { IterationNodeType } from './types'
+import type {
+  OnSelectBlock,
+} from '@/app/components/workflow/types'
+import {
+  RiAddLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
-import {
-  RiAddLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
+import BlockSelector from '@/app/components/workflow/block-selector'
+import {
+  BlockEnum,
+} from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 import {
   useAvailableBlocks,
   useNodesInteractions,
   useNodesReadOnly,
 } from '../../hooks'
-import type { IterationNodeType } from './types'
-import { cn } from '@/utils/classnames'
-import BlockSelector from '@/app/components/workflow/block-selector'
-import type {
-  OnSelectBlock,
-} from '@/app/components/workflow/types'
-import {
-  BlockEnum,
-} from '@/app/components/workflow/types'
 
 type AddBlockProps = {
   iterationNodeId: string
@@ -52,24 +52,25 @@ const AddBlock = ({
         'system-sm-medium relative inline-flex h-8 cursor-pointer items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 text-components-button-secondary-text shadow-xs backdrop-blur-[5px] hover:bg-components-button-secondary-bg-hover',
         `${nodesReadOnly && '!cursor-not-allowed bg-components-button-secondary-bg-disabled'}`,
         open && 'bg-components-button-secondary-bg-hover',
-      )}>
-        <RiAddLine className='mr-1 h-4 w-4' />
+      )}
+      >
+        <RiAddLine className="mr-1 h-4 w-4" />
         {t('workflow.common.addBlock')}
       </div>
     )
   }, [nodesReadOnly, t])
 
   return (
-    <div className='absolute left-14 top-7 z-10 flex h-8 items-center'>
-      <div className='group/insert relative h-0.5 w-16 bg-gray-300'>
-        <div className='absolute right-0 top-1/2 h-2 w-0.5 -translate-y-1/2 bg-primary-500'></div>
+    <div className="absolute left-14 top-7 z-10 flex h-8 items-center">
+      <div className="group/insert relative h-0.5 w-16 bg-gray-300">
+        <div className="absolute right-0 top-1/2 h-2 w-0.5 -translate-y-1/2 bg-primary-500"></div>
       </div>
       <BlockSelector
         disabled={nodesReadOnly}
         onSelect={handleSelect}
         trigger={renderTriggerElement}
-        triggerInnerClassName='inline-flex'
-        popupClassName='!min-w-[256px]'
+        triggerInnerClassName="inline-flex"
+        popupClassName="!min-w-[256px]"
         availableBlocksTypes={availableNextBlocks}
       />
     </div>
diff --git a/web/app/components/workflow/nodes/iteration/default.ts b/web/app/components/workflow/nodes/iteration/default.ts
index c375dbdcbf..b708926ba8 100644
--- a/web/app/components/workflow/nodes/iteration/default.ts
+++ b/web/app/components/workflow/nodes/iteration/default.ts
@@ -1,8 +1,9 @@
-import { BlockEnum, ErrorHandleMode } from '../../types'
 import type { NodeDefault } from '../../types'
 import type { IterationNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { BlockEnum, ErrorHandleMode } from '../../types'
+
 const i18nPrefix = 'workflow'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/iteration/node.tsx b/web/app/components/workflow/nodes/iteration/node.tsx
index 98ef98e7c4..2d40417df5 100644
--- a/web/app/components/workflow/nodes/iteration/node.tsx
+++ b/web/app/components/workflow/nodes/iteration/node.tsx
@@ -1,22 +1,22 @@
 import type { FC } from 'react'
+import type { IterationNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import {
   memo,
   useEffect,
   useState,
 } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   Background,
   useNodesInitialized,
   useViewport,
 } from 'reactflow'
-import { useTranslation } from 'react-i18next'
-import { IterationStartNodeDumb } from '../iteration-start'
-import { useNodeIterationInteractions } from './use-interactions'
-import type { IterationNodeType } from './types'
-import AddBlock from './add-block'
-import { cn } from '@/utils/classnames'
-import type { NodeProps } from '@/app/components/workflow/types'
 import Toast from '@/app/components/base/toast'
+import { cn } from '@/utils/classnames'
+import { IterationStartNodeDumb } from '../iteration-start'
+import AddBlock from './add-block'
+import { useNodeIterationInteractions } from './use-interactions'
 
 const i18nPrefix = 'workflow.nodes.iteration'
 
@@ -46,13 +46,14 @@ const Node: FC<NodeProps<IterationNodeType>> = ({
   return (
     <div className={cn(
       'relative h-full min-h-[90px] w-full min-w-[240px] rounded-2xl bg-workflow-canvas-workflow-bg',
-    )}>
+    )}
+    >
       <Background
         id={`iteration-background-${id}`}
-        className='!z-0 rounded-2xl'
+        className="!z-0 rounded-2xl"
         gap={[14 / zoom, 14 / zoom]}
         size={2 / zoom}
-        color='var(--color-workflow-canvas-workflow-dot-color)'
+        color="var(--color-workflow-canvas-workflow-dot-color)"
       />
       {
         data._isCandidate && (
diff --git a/web/app/components/workflow/nodes/iteration/panel.tsx b/web/app/components/workflow/nodes/iteration/panel.tsx
index 63e0d5f8cd..5cffb356a2 100644
--- a/web/app/components/workflow/nodes/iteration/panel.tsx
+++ b/web/app/components/workflow/nodes/iteration/panel.tsx
@@ -1,18 +1,19 @@
 import type { FC } from 'react'
+import type { IterationNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import VarReferencePicker from '../_base/components/variable/var-reference-picker'
-import Split from '../_base/components/split'
-import { MIN_ITERATION_PARALLEL_NUM } from '../../constants'
-import type { IterationNodeType } from './types'
-import useConfig from './use-config'
-import { ErrorHandleMode, type NodePanelProps } from '@/app/components/workflow/types'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Switch from '@/app/components/base/switch'
+import Input from '@/app/components/base/input'
 import Select from '@/app/components/base/select'
 import Slider from '@/app/components/base/slider'
-import Input from '@/app/components/base/input'
+import Switch from '@/app/components/base/switch'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import { ErrorHandleMode } from '@/app/components/workflow/types'
 import { MAX_PARALLEL_LIMIT } from '@/config'
+import { MIN_ITERATION_PARALLEL_NUM } from '../../constants'
+import Split from '../_base/components/split'
+import VarReferencePicker from '../_base/components/variable/var-reference-picker'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.iteration'
 
@@ -50,13 +51,13 @@ const Panel: FC<NodePanelProps<IterationNodeType>> = ({
   } = useConfig(id, data)
 
   return (
-    <div className='pb-2 pt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="pb-2 pt-2">
+      <div className="space-y-4 px-4 pb-4">
         <Field
           title={t(`${i18nPrefix}.input`)}
           required
           operations={(
-            <div className='system-2xs-medium-uppercase flex h-[18px] items-center rounded-[5px] border border-divider-deep px-1 capitalize text-text-tertiary'>Array</div>
+            <div className="system-2xs-medium-uppercase flex h-[18px] items-center rounded-[5px] border border-divider-deep px-1 capitalize text-text-tertiary">Array</div>
           )}
         >
           <VarReferencePicker
@@ -70,12 +71,12 @@ const Panel: FC<NodePanelProps<IterationNodeType>> = ({
         </Field>
       </div>
       <Split />
-      <div className='mt-2 space-y-4 px-4 pb-4'>
+      <div className="mt-2 space-y-4 px-4 pb-4">
         <Field
           title={t(`${i18nPrefix}.output`)}
           required
           operations={(
-            <div className='system-2xs-medium-uppercase flex h-[18px] items-center rounded-[5px] border border-divider-deep px-1 capitalize text-text-tertiary'>Array</div>
+            <div className="system-2xs-medium-uppercase flex h-[18px] items-center rounded-[5px] border border-divider-deep px-1 capitalize text-text-tertiary">Array</div>
           )}
         >
           <VarReferencePicker
@@ -89,42 +90,44 @@ const Panel: FC<NodePanelProps<IterationNodeType>> = ({
           />
         </Field>
       </div>
-      <div className='px-4 pb-2'>
-        <Field title={t(`${i18nPrefix}.parallelMode`)} tooltip={<div className='w-[230px]'>{t(`${i18nPrefix}.parallelPanelDesc`)}</div>} inline>
+      <div className="px-4 pb-2">
+        <Field title={t(`${i18nPrefix}.parallelMode`)} tooltip={<div className="w-[230px]">{t(`${i18nPrefix}.parallelPanelDesc`)}</div>} inline>
           <Switch defaultValue={inputs.is_parallel} onChange={changeParallel} />
         </Field>
       </div>
       {
-        inputs.is_parallel && (<div className='px-4 pb-2'>
-          <Field title={t(`${i18nPrefix}.MaxParallelismTitle`)} isSubTitle tooltip={<div className='w-[230px]'>{t(`${i18nPrefix}.MaxParallelismDesc`)}</div>}>
-            <div className='row flex'>
-              <Input type='number' wrapperClassName='w-18 mr-4 ' max={MAX_PARALLEL_LIMIT} min={MIN_ITERATION_PARALLEL_NUM} value={inputs.parallel_nums} onChange={(e) => { changeParallelNums(Number(e.target.value)) }} />
-              <Slider
-                value={inputs.parallel_nums}
-                onChange={changeParallelNums}
-                max={MAX_PARALLEL_LIMIT}
-                min={MIN_ITERATION_PARALLEL_NUM}
-                className=' mt-4 flex-1 shrink-0'
-              />
-            </div>
+        inputs.is_parallel && (
+          <div className="px-4 pb-2">
+            <Field title={t(`${i18nPrefix}.MaxParallelismTitle`)} isSubTitle tooltip={<div className="w-[230px]">{t(`${i18nPrefix}.MaxParallelismDesc`)}</div>}>
+              <div className="row flex">
+                <Input type="number" wrapperClassName="w-18 mr-4 " max={MAX_PARALLEL_LIMIT} min={MIN_ITERATION_PARALLEL_NUM} value={inputs.parallel_nums} onChange={(e) => { changeParallelNums(Number(e.target.value)) }} />
+                <Slider
+                  value={inputs.parallel_nums}
+                  onChange={changeParallelNums}
+                  max={MAX_PARALLEL_LIMIT}
+                  min={MIN_ITERATION_PARALLEL_NUM}
+                  className=" mt-4 flex-1 shrink-0"
+                />
+              </div>
 
-          </Field>
-        </div>)
+            </Field>
+          </div>
+        )
       }
       <Split />
 
-      <div className='px-4 py-2'>
-        <Field title={t(`${i18nPrefix}.errorResponseMethod`)} >
+      <div className="px-4 py-2">
+        <Field title={t(`${i18nPrefix}.errorResponseMethod`)}>
           <Select items={responseMethod} defaultValue={inputs.error_handle_mode} onSelect={changeErrorResponseMode} allowSearch={false} />
         </Field>
       </div>
 
       <Split />
 
-      <div className='px-4 py-2'>
+      <div className="px-4 py-2">
         <Field
           title={t(`${i18nPrefix}.flattenOutput`)}
-          tooltip={<div className='w-[230px]'>{t(`${i18nPrefix}.flattenOutputDesc`)}</div>}
+          tooltip={<div className="w-[230px]">{t(`${i18nPrefix}.flattenOutputDesc`)}</div>}
           inline
         >
           <Switch defaultValue={inputs.flatten_output} onChange={changeFlattenOutput} />
diff --git a/web/app/components/workflow/nodes/iteration/use-config.ts b/web/app/components/workflow/nodes/iteration/use-config.ts
index 2e47bb3740..50cee67f81 100644
--- a/web/app/components/workflow/nodes/iteration/use-config.ts
+++ b/web/app/components/workflow/nodes/iteration/use-config.ts
@@ -1,26 +1,26 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
-import {
-  useIsChatMode,
-  useNodesReadOnly,
-  useWorkflow,
-} from '../../hooks'
-import { VarType } from '../../types'
 import type { ErrorHandleMode, ValueSelector, Var } from '../../types'
-import useNodeCrud from '../_base/hooks/use-node-crud'
 import type { IterationNodeType } from './types'
-import { toNodeOutputVars } from '../_base/components/variable/utils'
-import type { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 import type { Item } from '@/app/components/base/select'
-import useInspectVarsCrud from '../../hooks/use-inspect-vars-crud'
+import type { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
+import { produce } from 'immer'
 import { isEqual } from 'lodash-es'
-import { useStore } from '../../store'
+import { useCallback } from 'react'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllMCPTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import {
+  useIsChatMode,
+  useNodesReadOnly,
+  useWorkflow,
+} from '../../hooks'
+import useInspectVarsCrud from '../../hooks/use-inspect-vars-crud'
+import { useStore } from '../../store'
+import { VarType } from '../../types'
+import { toNodeOutputVars } from '../_base/components/variable/utils'
+import useNodeCrud from '../_base/hooks/use-node-crud'
 
 const useConfig = (id: string, payload: IterationNodeType) => {
   const {
diff --git a/web/app/components/workflow/nodes/iteration/use-interactions.ts b/web/app/components/workflow/nodes/iteration/use-interactions.ts
index 3bbbaf252f..c6fddff5ad 100644
--- a/web/app/components/workflow/nodes/iteration/use-interactions.ts
+++ b/web/app/components/workflow/nodes/iteration/use-interactions.ts
@@ -1,21 +1,21 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
-import { useStoreApi } from 'reactflow'
 import type {
   BlockEnum,
   ChildNodeTypeCount,
   Node,
 } from '../../types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useStoreApi } from 'reactflow'
+import { useNodesMetaData } from '@/app/components/workflow/hooks'
+import {
+  ITERATION_PADDING,
+} from '../../constants'
 import {
   generateNewNode,
   getNodeCustomTypeByNodeDataType,
 } from '../../utils'
-import {
-  ITERATION_PADDING,
-} from '../../constants'
 import { CUSTOM_ITERATION_START_NODE } from '../iteration-start/constants'
-import { useNodesMetaData } from '@/app/components/workflow/hooks'
 
 export const useNodeIterationInteractions = () => {
   const { t } = useTranslation()
@@ -78,7 +78,7 @@ export const useNodeIterationInteractions = () => {
     const { getNodes } = store.getState()
     const nodes = getNodes()
 
-    const restrictPosition: { x?: number; y?: number } = { x: undefined, y: undefined }
+    const restrictPosition: { x?: number, y?: number } = { x: undefined, y: undefined }
 
     if (node.data.isInIteration) {
       const parentNode = nodes.find(n => n.id === node.parentId)
@@ -121,7 +121,7 @@ export const useNodeIterationInteractions = () => {
       const childNodeType = child.data.type as BlockEnum
       const nodesWithSameType = nodes.filter(node => node.data.type === childNodeType)
 
-      if(!childNodeTypeCount[childNodeType])
+      if (!childNodeTypeCount[childNodeType])
         childNodeTypeCount[childNodeType] = nodesWithSameType.length + 1
       else
         childNodeTypeCount[childNodeType] = childNodeTypeCount[childNodeType] + 1
diff --git a/web/app/components/workflow/nodes/iteration/use-single-run-form-params.ts b/web/app/components/workflow/nodes/iteration/use-single-run-form-params.ts
index ba840a472d..fec99d023f 100644
--- a/web/app/components/workflow/nodes/iteration/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/iteration/use-single-run-form-params.ts
@@ -1,20 +1,20 @@
 import type { RefObject } from 'react'
-import type { InputVar, ValueSelector, Variable } from '@/app/components/workflow/types'
-import { useCallback, useMemo } from 'react'
 import type { IterationNodeType } from './types'
+import type { InputVar, ValueSelector, Variable } from '@/app/components/workflow/types'
+import type { NodeTracing } from '@/types/workflow'
+import { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
+import formatTracing from '@/app/components/workflow/run/utils/format-log'
+import { InputVarType, VarType } from '@/app/components/workflow/types'
+import { VALUE_SELECTOR_DELIMITER as DELIMITER } from '@/config'
 import { useIsNodeInIteration, useWorkflow } from '../../hooks'
 import { getNodeInfoById, getNodeUsedVarPassToServerKey, getNodeUsedVars, isSystemVar } from '../_base/components/variable/utils'
-import { InputVarType, VarType } from '@/app/components/workflow/types'
-import formatTracing from '@/app/components/workflow/run/utils/format-log'
-import type { NodeTracing } from '@/types/workflow'
-import { VALUE_SELECTOR_DELIMITER as DELIMITER } from '@/config'
 
 const i18nPrefix = 'workflow.nodes.iteration'
 
 type Params = {
-  id: string,
-  payload: IterationNodeType,
+  id: string
+  payload: IterationNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -138,7 +138,7 @@ const useSingleRunFormParams = ({
     return [payload.iterator_selector]
   }
   const getDependentVar = (variable: string) => {
-    if(variable === iteratorInputKey)
+    if (variable === iteratorInputKey)
       return payload.iterator_selector
   }
 
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/hooks.tsx b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/hooks.tsx
index 876c91862f..4c6ff96d7d 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/hooks.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/hooks.tsx
@@ -1,3 +1,4 @@
+import type { Option } from './type'
 import { useTranslation } from 'react-i18next'
 import {
   GeneralChunk,
@@ -6,7 +7,6 @@ import {
 } from '@/app/components/base/icons/src/vender/knowledge'
 import { cn } from '@/utils/classnames'
 import { ChunkStructureEnum } from '../../types'
-import type { Option } from './type'
 
 export const useChunkStructure = () => {
   const { t } = useTranslation()
@@ -17,7 +17,8 @@ export const useChunkStructure = () => {
         className={cn(
           'h-[18px] w-[18px] text-text-tertiary group-hover:text-util-colors-indigo-indigo-600',
           isActive && 'text-util-colors-indigo-indigo-600',
-        )} />
+        )}
+      />
     ),
     title: t('datasetCreation.stepTwo.general'),
     description: t('datasetCreation.stepTwo.generalTip'),
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/index.tsx b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/index.tsx
index 60aa3d5590..b9d105ed6e 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/index.tsx
@@ -1,13 +1,13 @@
+import type { ChunkStructureEnum } from '../../types'
+import { RiAddLine } from '@remixicon/react'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddLine } from '@remixicon/react'
-import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
-import type { ChunkStructureEnum } from '../../types'
-import OptionCard from '../option-card'
-import Selector from './selector'
-import { useChunkStructure } from './hooks'
 import Button from '@/app/components/base/button'
+import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
+import OptionCard from '../option-card'
+import { useChunkStructure } from './hooks'
 import Instruction from './instruction'
+import Selector from './selector'
 
 type ChunkStructureProps = {
   chunkStructure?: ChunkStructureEnum
@@ -59,15 +59,15 @@ const ChunkStructure = ({
               readonly={readonly}
               trigger={(
                 <Button
-                  className='w-full'
-                  variant='secondary-accent'
+                  className="w-full"
+                  variant="secondary-accent"
                 >
-                  <RiAddLine className='mr-1 h-4 w-4' />
+                  <RiAddLine className="mr-1 h-4 w-4" />
                   {t('workflow.nodes.knowledgeBase.chooseChunkStructure')}
                 </Button>
               )}
             />
-            <Instruction className='mt-2' />
+            <Instruction className="mt-2" />
           </>
         )
       }
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/index.tsx b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/index.tsx
index b621eaf04d..82af5f8d2f 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/index.tsx
@@ -1,9 +1,9 @@
 import React from 'react'
-import { AddChunks } from '@/app/components/base/icons/src/vender/knowledge'
-import Line from './line'
-import { cn } from '@/utils/classnames'
 import { useTranslation } from 'react-i18next'
+import { AddChunks } from '@/app/components/base/icons/src/vender/knowledge'
 import { useDocLink } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
+import Line from './line'
 
 type InstructionProps = {
   className?: string
@@ -17,24 +17,24 @@ const Instruction = ({
 
   return (
     <div className={cn('flex flex-col gap-y-2 overflow-hidden rounded-[10px] bg-workflow-process-bg p-4', className)}>
-      <div className='relative flex size-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg backdrop-blur-[5px]'>
-        <AddChunks className='size-5 text-text-accent' />
-        <Line className='absolute -left-px bottom-[-76px]' type='vertical' />
-        <Line className='absolute -right-px bottom-[-76px]' type='vertical' />
-        <Line className='absolute -top-px right-[-184px]' type='horizontal' />
-        <Line className='absolute -bottom-px right-[-184px]' type='horizontal' />
+      <div className="relative flex size-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg backdrop-blur-[5px]">
+        <AddChunks className="size-5 text-text-accent" />
+        <Line className="absolute -left-px bottom-[-76px]" type="vertical" />
+        <Line className="absolute -right-px bottom-[-76px]" type="vertical" />
+        <Line className="absolute -top-px right-[-184px]" type="horizontal" />
+        <Line className="absolute -bottom-px right-[-184px]" type="horizontal" />
       </div>
-      <div className='flex flex-col gap-y-1'>
-        <div className='system-sm-medium text-text-secondary'>
+      <div className="flex flex-col gap-y-1">
+        <div className="system-sm-medium text-text-secondary">
           {t('workflow.nodes.knowledgeBase.chunkStructureTip.title')}
         </div>
-        <div className='system-xs-regular'>
-          <p className='text-text-tertiary'>{t('workflow.nodes.knowledgeBase.chunkStructureTip.message')}</p>
+        <div className="system-xs-regular">
+          <p className="text-text-tertiary">{t('workflow.nodes.knowledgeBase.chunkStructureTip.message')}</p>
           <a
             href={docLink('/guides/knowledge-base/create-knowledge-and-upload-documents/chunking-and-cleaning-text')}
-            target='_blank'
-            rel='noopener noreferrer'
-            className='text-text-accent'
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-text-accent"
           >
             {t('workflow.nodes.knowledgeBase.chunkStructureTip.learnMore')}
           </a>
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/line.tsx b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/line.tsx
index 1177130d2b..a2a3835be6 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/line.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/instruction/line.tsx
@@ -11,13 +11,13 @@ const Line = ({
 }: LineProps) => {
   if (type === 'vertical') {
     return (
-      <svg xmlns='http://www.w3.org/2000/svg' width='2' height='132' viewBox='0 0 2 132' fill='none' className={className}>
-        <path d='M1 0L1 132' stroke='url(#paint0_linear_10882_18766)' />
+      <svg xmlns="http://www.w3.org/2000/svg" width="2" height="132" viewBox="0 0 2 132" fill="none" className={className}>
+        <path d="M1 0L1 132" stroke="url(#paint0_linear_10882_18766)" />
         <defs>
-          <linearGradient id='paint0_linear_10882_18766' x1='-7.99584' y1='132' x2='-7.96108' y2='6.4974e-07' gradientUnits='userSpaceOnUse'>
-            <stop stopColor='var(--color-background-gradient-mask-transparent)' />
-            <stop offset='0.877606' stopColor='var(--color-divider-subtle)' />
-            <stop offset='1' stopColor='var(--color-background-gradient-mask-transparent)' />
+          <linearGradient id="paint0_linear_10882_18766" x1="-7.99584" y1="132" x2="-7.96108" y2="6.4974e-07" gradientUnits="userSpaceOnUse">
+            <stop stopColor="var(--color-background-gradient-mask-transparent)" />
+            <stop offset="0.877606" stopColor="var(--color-divider-subtle)" />
+            <stop offset="1" stopColor="var(--color-background-gradient-mask-transparent)" />
           </linearGradient>
         </defs>
       </svg>
@@ -25,13 +25,13 @@ const Line = ({
   }
 
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' width='240' height='2' viewBox='0 0 240 2' fill='none' className={className}>
-      <path d='M0 1H240' stroke='url(#paint0_linear_10882_18763)' />
+    <svg xmlns="http://www.w3.org/2000/svg" width="240" height="2" viewBox="0 0 240 2" fill="none" className={className}>
+      <path d="M0 1H240" stroke="url(#paint0_linear_10882_18763)" />
       <defs>
-        <linearGradient id='paint0_linear_10882_18763' x1='240' y1='9.99584' x2='3.95539e-05' y2='9.88094' gradientUnits='userSpaceOnUse'>
-          <stop stopColor='var(--color-background-gradient-mask-transparent)' />
-          <stop offset='0.9031' stopColor='var(--color-divider-subtle)' />
-          <stop offset='1' stopColor='var(--color-background-gradient-mask-transparent)' />
+        <linearGradient id="paint0_linear_10882_18763" x1="240" y1="9.99584" x2="3.95539e-05" y2="9.88094" gradientUnits="userSpaceOnUse">
+          <stop stopColor="var(--color-background-gradient-mask-transparent)" />
+          <stop offset="0.9031" stopColor="var(--color-divider-subtle)" />
+          <stop offset="1" stopColor="var(--color-background-gradient-mask-transparent)" />
         </linearGradient>
       </defs>
     </svg>
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/selector.tsx b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/selector.tsx
index 97a5740fce..a349e16aea 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/selector.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/selector.tsx
@@ -1,15 +1,15 @@
 import type { ReactNode } from 'react'
+import type { ChunkStructureEnum } from '../../types'
+import type { Option } from './type'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import type { ChunkStructureEnum } from '../../types'
 import OptionCard from '../option-card'
-import type { Option } from './type'
 
 type SelectorProps = {
   options: Option[]
@@ -35,7 +35,7 @@ const Selector = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 0,
         crossAxis: -8,
@@ -54,20 +54,20 @@ const Selector = ({
         {
           trigger || (
             <Button
-              size='small'
-              variant='ghost-accent'
+              size="small"
+              variant="ghost-accent"
             >
               {t('workflow.panel.change')}
             </Button>
           )
         }
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[404px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl backdrop-blur-[5px]'>
-          <div className='system-sm-semibold px-3 pt-3.5 text-text-primary'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[404px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl backdrop-blur-[5px]">
+          <div className="system-sm-semibold px-3 pt-3.5 text-text-primary">
             {t('workflow.nodes.knowledgeBase.changeChunkStructure')}
           </div>
-          <div className='space-y-1 p-3 pt-2'>
+          <div className="space-y-1 p-3 pt-2">
             {
               options.map(option => (
                 <OptionCard
@@ -80,7 +80,8 @@ const Selector = ({
                   readonly={readonly}
                   onClick={handleSelect}
                   effectColor={option.effectColor}
-                ></OptionCard>
+                >
+                </OptionCard>
               ))
             }
           </div>
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/embedding-model.tsx b/web/app/components/workflow/nodes/knowledge-base/components/embedding-model.tsx
index 7709fb49d7..1625f9d332 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/embedding-model.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/embedding-model.tsx
@@ -1,14 +1,14 @@
+import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
+import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
 
 type EmbeddingModelProps = {
   embeddingModel?: string
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/index-method.tsx b/web/app/components/workflow/nodes/knowledge-base/components/index-method.tsx
index cf93c4191d..916d25afcb 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/index-method.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/index-method.tsx
@@ -1,23 +1,23 @@
+import { RiQuestionLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiQuestionLine } from '@remixicon/react'
 import {
   Economic,
   HighQuality,
 } from '@/app/components/base/icons/src/vender/knowledge'
-import Tooltip from '@/app/components/base/tooltip'
-import Slider from '@/app/components/base/slider'
 import Input from '@/app/components/base/input'
+import Slider from '@/app/components/base/slider'
+import Tooltip from '@/app/components/base/tooltip'
 import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
-import OptionCard from './option-card'
 import { cn } from '@/utils/classnames'
 import {
   ChunkStructureEnum,
   IndexMethodEnum,
 } from '../types'
+import OptionCard from './option-card'
 
 type IndexMethodProps = {
   chunkStructure: ChunkStructureEnum
@@ -55,64 +55,65 @@ const IndexMethod = ({
         title: t('datasetCreation.stepTwo.indexMode'),
       }}
     >
-      <div className='space-y-1'>
+      <div className="space-y-1">
         <OptionCard<IndexMethodEnum>
           id={IndexMethodEnum.QUALIFIED}
           selectedId={indexMethod}
-          icon={
+          icon={(
             <HighQuality
               className={cn(
                 'h-[15px] w-[15px] text-text-tertiary group-hover:text-util-colors-orange-orange-500',
                 isHighQuality && 'text-util-colors-orange-orange-500',
               )}
             />
-          }
+          )}
           title={t('datasetCreation.stepTwo.qualified')}
           description={t('datasetSettings.form.indexMethodHighQualityTip')}
           onClick={handleIndexMethodChange}
           isRecommended
-          effectColor='orange'
-        ></OptionCard>
+          effectColor="orange"
+        >
+        </OptionCard>
         {
           chunkStructure === ChunkStructureEnum.general && (
             <OptionCard
               id={IndexMethodEnum.ECONOMICAL}
               selectedId={indexMethod}
-              icon={
+              icon={(
                 <Economic
                   className={cn(
                     'h-[15px] w-[15px] text-text-tertiary group-hover:text-util-colors-indigo-indigo-500',
                     isEconomy && 'text-util-colors-indigo-indigo-500',
                   )}
                 />
-              }
+              )}
               title={t('datasetSettings.form.indexMethodEconomy')}
               description={t('datasetSettings.form.indexMethodEconomyTip', { count: keywordNumber })}
               onClick={handleIndexMethodChange}
-              effectColor='blue'
+              effectColor="blue"
             >
-              <div className='flex items-center'>
-                <div className='flex grow items-center'>
-                  <div className='system-xs-medium truncate text-text-secondary'>
+              <div className="flex items-center">
+                <div className="flex grow items-center">
+                  <div className="system-xs-medium truncate text-text-secondary">
                     {t('datasetSettings.form.numberOfKeywords')}
                   </div>
                   <Tooltip
-                    popupContent='number of keywords'
+                    popupContent="number of keywords"
                   >
-                    <RiQuestionLine className='ml-0.5 h-3.5 w-3.5 text-text-quaternary' />
+                    <RiQuestionLine className="ml-0.5 h-3.5 w-3.5 text-text-quaternary" />
                   </Tooltip>
                 </div>
                 <Slider
                   disabled={readonly}
-                  className='mr-3 w-24 shrink-0'
+                  className="mr-3 w-24 shrink-0"
                   value={keywordNumber}
                   onChange={onKeywordNumberChange}
                 />
                 <Input
                   disabled={readonly}
-                  className='shrink-0'
-                  wrapperClassName='shrink-0 w-[72px]'
-                  type='number'
+                  className="shrink-0"
+                  wrapperClassName="shrink-0 w-[72px]"
+                  type="number"
                   value={keywordNumber}
                   onChange={handleInputChange}
                 />
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/option-card.tsx b/web/app/components/workflow/nodes/knowledge-base/components/option-card.tsx
index fed53f798a..0244d1ebc6 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/option-card.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/option-card.tsx
@@ -4,7 +4,6 @@ import {
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import Badge from '@/app/components/base/badge'
 import {
   OptionCardEffectBlue,
@@ -14,6 +13,7 @@ import {
   OptionCardEffectTeal,
 } from '@/app/components/base/icons/src/public/knowledge'
 import { ArrowShape } from '@/app/components/base/icons/src/vender/knowledge'
+import { cn } from '@/utils/classnames'
 
 const HEADER_EFFECT_MAP: Record<string, ReactNode> = {
   'blue': <OptionCardEffectBlue />,
@@ -68,7 +68,8 @@ const OptionCard = memo(({
           'absolute left-[-2px] top-[-2px] hidden h-14 w-14 rounded-full',
           'group-hover:block',
           isActive && 'block',
-        )}>
+        )}
+        >
           {HEADER_EFFECT_MAP[effectColor]}
         </div>
       )
@@ -95,22 +96,23 @@ const OptionCard = memo(({
       <div className={cn(
         'relative flex rounded-t-xl p-2',
         className && (typeof className === 'function' ? className(isActive) : className),
-      )}>
+      )}
+      >
         {effectElement}
         {
           icon && (
-            <div className='mr-1 flex h-[18px] w-[18px] shrink-0 items-center justify-center'>
+            <div className="mr-1 flex h-[18px] w-[18px] shrink-0 items-center justify-center">
               {typeof icon === 'function' ? icon(isActive) : icon}
             </div>
           )
         }
-        <div className='grow py-1 pt-[1px]'>
-          <div className='flex items-center'>
-            <div className='system-sm-medium flex grow items-center text-text-secondary'>
+        <div className="grow py-1 pt-[1px]">
+          <div className="flex items-center">
+            <div className="system-sm-medium flex grow items-center text-text-secondary">
               {title}
               {
                 isRecommended && (
-                  <Badge className='ml-1 h-4 border-text-accent-secondary text-text-accent-secondary'>
+                  <Badge className="ml-1 h-4 border-text-accent-secondary text-text-accent-secondary">
                     {t('datasetCreation.stepTwo.recommend')}
                   </Badge>
                 )
@@ -121,14 +123,15 @@ const OptionCard = memo(({
                 <div className={cn(
                   'ml-2 h-4 w-4 shrink-0 rounded-full border border-components-radio-border bg-components-radio-bg',
                   isActive && 'border-[5px] border-components-radio-border-checked',
-                )}>
+                )}
+                >
                 </div>
               )
             }
           </div>
           {
             description && (
-              <div className='system-xs-regular mt-1 text-text-tertiary'>
+              <div className="system-xs-regular mt-1 text-text-tertiary">
                 {description}
               </div>
             )
@@ -137,8 +140,8 @@ const OptionCard = memo(({
       </div>
       {
         children && isActive && (
-          <div className='relative rounded-b-xl bg-components-panel-bg p-3'>
-            <ArrowShape className='absolute left-[14px] top-[-11px] h-4 w-4 text-components-panel-bg' />
+          <div className="relative rounded-b-xl bg-components-panel-bg p-3">
+            <ArrowShape className="absolute left-[14px] top-[-11px] h-4 w-4 text-components-panel-bg" />
             {children}
           </div>
         )
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/hooks.tsx b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/hooks.tsx
index 4bcfc4effd..482df34059 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/hooks.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/hooks.tsx
@@ -1,3 +1,7 @@
+import type {
+  HybridSearchModeOption,
+  Option,
+} from './type'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import {
@@ -10,10 +14,6 @@ import {
   IndexMethodEnum,
   RetrievalSearchMethodEnum,
 } from '../../types'
-import type {
-  HybridSearchModeOption,
-  Option,
-} from './type'
 
 export const useRetrievalSetting = (indexMethod?: IndexMethodEnum) => {
   const { t } = useTranslation()
@@ -70,13 +70,15 @@ export const useRetrievalSetting = (indexMethod?: IndexMethodEnum) => {
   }, [t])
 
   return useMemo(() => ({
-    options: indexMethod === IndexMethodEnum.ECONOMICAL ? [
-      InvertedIndexOption,
-    ] : [
-      VectorSearchOption,
-      FullTextSearchOption,
-      HybridSearchOption,
-    ],
+    options: indexMethod === IndexMethodEnum.ECONOMICAL
+      ? [
+          InvertedIndexOption,
+        ]
+      : [
+          VectorSearchOption,
+          FullTextSearchOption,
+          HybridSearchOption,
+        ],
     hybridSearchModeOptions: [
       WeightedScoreModeOption,
       RerankModelModeOption,
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/index.tsx b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/index.tsx
index 5d6b8b8c19..74ef1f8e58 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/index.tsx
@@ -1,19 +1,17 @@
+import type {
+  HybridSearchModeEnum,
+  IndexMethodEnum,
+  RetrievalSearchMethodEnum,
+  WeightedScore,
+} from '../../types'
+import type { RerankingModelSelectorProps } from './reranking-model-selector'
+import type { TopKAndScoreThresholdProps } from './top-k-and-score-threshold'
 import {
   memo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
-import type {
-  HybridSearchModeEnum,
-  RetrievalSearchMethodEnum,
-} from '../../types'
-import type {
-  IndexMethodEnum,
-  WeightedScore,
-} from '../../types'
 import { useRetrievalSetting } from './hooks'
-import type { TopKAndScoreThresholdProps } from './top-k-and-score-threshold'
-import type { RerankingModelSelectorProps } from './reranking-model-selector'
 import SearchMethodOption from './search-method-option'
 
 type RetrievalSettingProps = {
@@ -62,14 +60,15 @@ const RetrievalSetting = ({
       fieldTitleProps={{
         title: t('datasetSettings.form.retrievalSetting.title'),
         subTitle: (
-          <div className='body-xs-regular flex items-center text-text-tertiary'>
-            <a target='_blank' rel='noopener noreferrer' href='https://docs.dify.ai/guides/knowledge-base/create-knowledge-and-upload-documents#id-4-retrieval-settings' className='text-text-accent'>{t('datasetSettings.form.retrievalSetting.learnMore')}</a>
-            &nbsp;{t('workflow.nodes.knowledgeBase.aboutRetrieval')}
+          <div className="body-xs-regular flex items-center text-text-tertiary">
+            <a target="_blank" rel="noopener noreferrer" href="https://docs.dify.ai/guides/knowledge-base/create-knowledge-and-upload-documents#id-4-retrieval-settings" className="text-text-accent">{t('datasetSettings.form.retrievalSetting.learnMore')}</a>
+            &nbsp;
+            {t('workflow.nodes.knowledgeBase.aboutRetrieval')}
           </div>
         ),
       }}
     >
-      <div className='space-y-1'>
+      <div className="space-y-1">
         {
           options.map(option => (
             <SearchMethodOption
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/reranking-model-selector.tsx b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/reranking-model-selector.tsx
index 19566362a1..3e0bea2b28 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/reranking-model-selector.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/reranking-model-selector.tsx
@@ -1,12 +1,12 @@
+import type { RerankingModel } from '../../types'
+import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import {
   memo,
   useMemo,
 } from 'react'
-import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import { useModelListAndDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import type { DefaultModel } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { RerankingModel } from '../../types'
+import { useModelListAndDefaultModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
 
 export type RerankingModelSelectorProps = {
   rerankingModel?: RerankingModel
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/search-method-option.tsx b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/search-method-option.tsx
index 70996ddd57..8b85bb576e 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/search-method-option.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/search-method-option.tsx
@@ -1,31 +1,31 @@
+import type {
+  WeightedScore,
+} from '../../types'
+import type { RerankingModelSelectorProps } from './reranking-model-selector'
+import type { TopKAndScoreThresholdProps } from './top-k-and-score-threshold'
+import type {
+  HybridSearchModeOption,
+  Option,
+} from './type'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import WeightedScoreComponent from '@/app/components/app/configuration/dataset-config/params-config/weighted-score'
-import { DEFAULT_WEIGHTED_SCORE } from '@/models/datasets'
+import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import Switch from '@/app/components/base/switch'
 import Tooltip from '@/app/components/base/tooltip'
+import { DEFAULT_WEIGHTED_SCORE } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
 import {
   HybridSearchModeEnum,
   RetrievalSearchMethodEnum,
 } from '../../types'
-import type {
-  WeightedScore,
-} from '../../types'
 import OptionCard from '../option-card'
-import type {
-  HybridSearchModeOption,
-  Option,
-} from './type'
-import type { TopKAndScoreThresholdProps } from './top-k-and-score-threshold'
-import TopKAndScoreThreshold from './top-k-and-score-threshold'
-import type { RerankingModelSelectorProps } from './reranking-model-selector'
 import RerankingModelSelector from './reranking-model-selector'
-import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import TopKAndScoreThreshold from './top-k-and-score-threshold'
 
 type SearchMethodOptionProps = {
   readonly?: boolean
@@ -128,10 +128,10 @@ const SearchMethodOption = ({
       onClick={onRetrievalSearchMethodChange}
       readonly={readonly}
     >
-      <div className='space-y-3'>
+      <div className="space-y-3">
         {
           isHybridSearch && (
-            <div className='space-y-1'>
+            <div className="space-y-1">
               {
                 hybridSearchModeOptions.map(hybridOption => (
                   <OptionCard
@@ -141,7 +141,7 @@ const SearchMethodOption = ({
                     enableHighlightBorder={false}
                     enableRadio
                     wrapperClassName={hybridSearchModeWrapperClassName}
-                    className='p-3'
+                    className="p-3"
                     title={hybridOption.title}
                     description={hybridOption.description}
                     onClick={onHybridSearchModeChange}
@@ -166,16 +166,16 @@ const SearchMethodOption = ({
             <div>
               {
                 showRerankModelSelectorSwitch && (
-                  <div className='system-sm-semibold mb-1 flex items-center text-text-secondary'>
+                  <div className="system-sm-semibold mb-1 flex items-center text-text-secondary">
                     <Switch
-                      className='mr-1'
+                      className="mr-1"
                       defaultValue={rerankingModelEnabled}
                       onChange={onRerankingModelEnabledChange}
                       disabled={readonly}
                     />
                     {t('common.modelProvider.rerankModel.key')}
                     <Tooltip
-                      triggerClassName='ml-0.5 shrink-0 w-3.5 h-3.5'
+                      triggerClassName="ml-0.5 shrink-0 w-3.5 h-3.5"
                       popupContent={t('common.modelProvider.rerankModel.tip')}
                     />
                   </div>
@@ -187,12 +187,12 @@ const SearchMethodOption = ({
                 readonly={readonly}
               />
               {showMultiModalTip && (
-                <div className='mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]'>
-                  <div className='absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40' />
-                  <div className='p-1'>
-                    <AlertTriangle className='size-4 text-text-warning-secondary' />
+                <div className="mt-2 flex h-10 items-center gap-x-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs backdrop-blur-[5px]">
+                  <div className="absolute bottom-0 left-0 right-0 top-0 bg-dataset-warning-message-bg opacity-40" />
+                  <div className="p-1">
+                    <AlertTriangle className="size-4 text-text-warning-secondary" />
                   </div>
-                  <span className='system-xs-medium text-text-primary'>
+                  <span className="system-xs-medium text-text-primary">
                     {t('datasetSettings.form.retrievalSetting.multiModalTip')}
                   </span>
                 </div>
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/top-k-and-score-threshold.tsx b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/top-k-and-score-threshold.tsx
index 9eb1cb39c9..04dff1723f 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/top-k-and-score-threshold.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/top-k-and-score-threshold.tsx
@@ -1,8 +1,8 @@
 import { memo, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import Tooltip from '@/app/components/base/tooltip'
-import Switch from '@/app/components/base/switch'
 import { InputNumber } from '@/app/components/base/input-number'
+import Switch from '@/app/components/base/switch'
+import Tooltip from '@/app/components/base/tooltip'
 
 export type TopKAndScoreThresholdProps = {
   topK: number
@@ -58,20 +58,20 @@ const TopKAndScoreThreshold = ({
   }
 
   return (
-    <div className='grid grid-cols-2 gap-4'>
+    <div className="grid grid-cols-2 gap-4">
       <div>
-        <div className='system-xs-medium mb-0.5 flex h-6 items-center text-text-secondary'>
+        <div className="system-xs-medium mb-0.5 flex h-6 items-center text-text-secondary">
           {t('appDebug.datasetConfig.top_k')}
           <Tooltip
-            triggerClassName='ml-0.5 shrink-0 w-3.5 h-3.5'
+            triggerClassName="ml-0.5 shrink-0 w-3.5 h-3.5"
             popupContent={t('appDebug.datasetConfig.top_kTip')}
           />
         </div>
         <InputNumber
           disabled={readonly}
-          type='number'
+          type="number"
           {...TOP_K_VALUE_LIMIT}
-          size='regular'
+          size="regular"
           value={topK}
           onChange={handleTopKChange}
         />
@@ -79,26 +79,26 @@ const TopKAndScoreThreshold = ({
       {
         !hiddenScoreThreshold && (
           <div>
-            <div className='mb-0.5 flex h-6 items-center'>
+            <div className="mb-0.5 flex h-6 items-center">
               <Switch
-                className='mr-2'
+                className="mr-2"
                 defaultValue={isScoreThresholdEnabled}
                 onChange={onScoreThresholdEnabledChange}
                 disabled={readonly}
               />
-              <div className='system-sm-medium grow truncate text-text-secondary'>
+              <div className="system-sm-medium grow truncate text-text-secondary">
                 {t('appDebug.datasetConfig.score_threshold')}
               </div>
               <Tooltip
-                triggerClassName='shrink-0 ml-0.5 w-3.5 h-3.5'
+                triggerClassName="shrink-0 ml-0.5 w-3.5 h-3.5"
                 popupContent={t('appDebug.datasetConfig.score_thresholdTip')}
               />
             </div>
             <InputNumber
               disabled={readonly || !isScoreThresholdEnabled}
-              type='number'
+              type="number"
               {...SCORE_THRESHOLD_VALUE_LIMIT}
-              size='regular'
+              size="regular"
               value={scoreThreshold}
               onChange={handleScoreThresholdChange}
             />
diff --git a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/type.ts b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/type.ts
index b72a830d4b..73e15fd9d9 100644
--- a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/type.ts
+++ b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/type.ts
@@ -10,7 +10,7 @@ export type Option = {
   title: any
   description: string
   effectColor?: string
-  showEffectColor?: boolean,
+  showEffectColor?: boolean
 }
 
 export type HybridSearchModeOption = {
diff --git a/web/app/components/workflow/nodes/knowledge-base/default.ts b/web/app/components/workflow/nodes/knowledge-base/default.ts
index 952eb10fa0..fe9f6ba78e 100644
--- a/web/app/components/workflow/nodes/knowledge-base/default.ts
+++ b/web/app/components/workflow/nodes/knowledge-base/default.ts
@@ -1,8 +1,8 @@
 import type { NodeDefault } from '../../types'
 import type { KnowledgeBaseNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { IndexingType } from '@/app/components/datasets/create/step-two'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   sort: 3.1,
diff --git a/web/app/components/workflow/nodes/knowledge-base/hooks/use-config.ts b/web/app/components/workflow/nodes/knowledge-base/hooks/use-config.ts
index 8b22704c5a..f2a27d338e 100644
--- a/web/app/components/workflow/nodes/knowledge-base/hooks/use-config.ts
+++ b/web/app/components/workflow/nodes/knowledge-base/hooks/use-config.ts
@@ -1,25 +1,23 @@
-import {
-  useCallback,
-} from 'react'
-import { produce } from 'immer'
-import { useStoreApi } from 'reactflow'
-import { useNodeDataUpdate } from '@/app/components/workflow/hooks'
-import type { ValueSelector } from '@/app/components/workflow/types'
-import {
-  ChunkStructureEnum,
-  IndexMethodEnum,
-  RetrievalSearchMethodEnum,
-  WeightedScoreEnum,
-} from '../types'
 import type {
   KnowledgeBaseNodeType,
   RerankingModel,
 } from '../types'
+import type { ValueSelector } from '@/app/components/workflow/types'
+import { produce } from 'immer'
 import {
+  useCallback,
+} from 'react'
+import { useStoreApi } from 'reactflow'
+import { useNodeDataUpdate } from '@/app/components/workflow/hooks'
+import { DEFAULT_WEIGHTED_SCORE, RerankingModeEnum } from '@/models/datasets'
+import {
+  ChunkStructureEnum,
   HybridSearchModeEnum,
+  IndexMethodEnum,
+  RetrievalSearchMethodEnum,
+  WeightedScoreEnum,
 } from '../types'
 import { isHighQualitySearchMethod } from '../utils'
-import { DEFAULT_WEIGHTED_SCORE, RerankingModeEnum } from '@/models/datasets'
 
 export const useConfig = (id: string) => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow/nodes/knowledge-base/node.tsx b/web/app/components/workflow/nodes/knowledge-base/node.tsx
index 29de1bce9e..e69ae56be7 100644
--- a/web/app/components/workflow/nodes/knowledge-base/node.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/node.tsx
@@ -1,33 +1,33 @@
 import type { FC } from 'react'
+import type { KnowledgeBaseNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { KnowledgeBaseNodeType } from './types'
 import { useSettingsDisplay } from './hooks/use-settings-display'
-import type { NodeProps } from '@/app/components/workflow/types'
 
 const Node: FC<NodeProps<KnowledgeBaseNodeType>> = ({ data }) => {
   const { t } = useTranslation()
   const settingsDisplay = useSettingsDisplay()
 
   return (
-    <div className='mb-1 space-y-0.5 px-3 py-1'>
-      <div className='flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5'>
-        <div className='system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary'>
+    <div className="mb-1 space-y-0.5 px-3 py-1">
+      <div className="flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5">
+        <div className="system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary">
           {t('datasetCreation.stepTwo.indexMode')}
         </div>
         <div
-          className='system-xs-medium grow truncate text-right text-text-secondary'
+          className="system-xs-medium grow truncate text-right text-text-secondary"
           title={data.indexing_technique}
         >
           {settingsDisplay[data.indexing_technique as keyof typeof settingsDisplay]}
         </div>
       </div>
-      <div className='flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5'>
-        <div className='system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary'>
+      <div className="flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5">
+        <div className="system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary">
           {t('datasetSettings.form.retrievalSetting.title')}
         </div>
         <div
-          className='system-xs-medium grow truncate text-right text-text-secondary'
+          className="system-xs-medium grow truncate text-right text-text-secondary"
           title={data.retrieval_model?.search_method}
         >
           {settingsDisplay[data.retrieval_model?.search_method as keyof typeof settingsDisplay]}
diff --git a/web/app/components/workflow/nodes/knowledge-base/panel.tsx b/web/app/components/workflow/nodes/knowledge-base/panel.tsx
index f6448d6fff..0e4bd29def 100644
--- a/web/app/components/workflow/nodes/knowledge-base/panel.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/panel.tsx
@@ -1,33 +1,32 @@
 import type { FC } from 'react'
+import type { KnowledgeBaseNodeType } from './types'
+import type { NodePanelProps, Var } from '@/app/components/workflow/types'
 import {
   memo,
   useCallback,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { KnowledgeBaseNodeType } from './types'
-import {
-  ChunkStructureEnum,
-  IndexMethodEnum,
-} from './types'
-import ChunkStructure from './components/chunk-structure'
-import IndexMethod from './components/index-method'
-import RetrievalSetting from './components/retrieval-setting'
-import EmbeddingModel from './components/embedding-model'
-import { useConfig } from './hooks/use-config'
-import type { NodePanelProps } from '@/app/components/workflow/types'
+import { checkShowMultiModalTip } from '@/app/components/datasets/settings/utils'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useNodesReadOnly } from '@/app/components/workflow/hooks'
 import {
   BoxGroup,
   BoxGroupField,
   Group,
 } from '@/app/components/workflow/nodes/_base/components/layout'
-import Split from '../_base/components/split'
-import { useNodesReadOnly } from '@/app/components/workflow/hooks'
 import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
-import type { Var } from '@/app/components/workflow/types'
-import { checkShowMultiModalTip } from '@/app/components/datasets/settings/utils'
-import { useModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import Split from '../_base/components/split'
+import ChunkStructure from './components/chunk-structure'
+import EmbeddingModel from './components/embedding-model'
+import IndexMethod from './components/index-method'
+import RetrievalSetting from './components/retrieval-setting'
+import { useConfig } from './hooks/use-config'
+import {
+  ChunkStructureEnum,
+  IndexMethodEnum,
+} from './types'
 
 const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
   id,
@@ -55,7 +54,8 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
   } = useConfig(id)
 
   const filterVar = useCallback((variable: Var) => {
-    if (!data.chunk_structure) return false
+    if (!data.chunk_structure)
+      return false
     switch (data.chunk_structure) {
       case ChunkStructureEnum.general:
         return variable.schemaType === 'general_structure' || variable.schemaType === 'multimodal_general_structure'
@@ -69,7 +69,8 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
   }, [data.chunk_structure])
 
   const chunkTypePlaceHolder = useMemo(() => {
-    if (!data.chunk_structure) return ''
+    if (!data.chunk_structure)
+      return ''
     let placeholder = ''
     switch (data.chunk_structure) {
       case ChunkStructureEnum.general:
@@ -107,7 +108,7 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
   return (
     <div>
       <Group
-        className='py-3'
+        className="py-3"
         withBorderBottom={!!data.chunk_structure}
       >
         <ChunkStructure
@@ -144,7 +145,7 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
               />
             </BoxGroupField>
             <BoxGroup>
-              <div className='space-y-3'>
+              <div className="space-y-3">
                 <IndexMethod
                   chunkStructure={data.chunk_structure}
                   indexMethod={data.indexing_technique}
@@ -163,8 +164,8 @@ const Panel: FC<NodePanelProps<KnowledgeBaseNodeType>> = ({
                     />
                   )
                 }
-                <div className='pt-1'>
-                  <Split className='h-[1px]' />
+                <div className="pt-1">
+                  <Split className="h-[1px]" />
                 </div>
                 <RetrievalSetting
                   indexMethod={data.indexing_technique}
diff --git a/web/app/components/workflow/nodes/knowledge-base/types.ts b/web/app/components/workflow/nodes/knowledge-base/types.ts
index 1f484a5c55..b54e8e2b2f 100644
--- a/web/app/components/workflow/nodes/knowledge-base/types.ts
+++ b/web/app/components/workflow/nodes/knowledge-base/types.ts
@@ -1,13 +1,13 @@
-import type { CommonNodeType } from '@/app/components/workflow/types'
 import type { IndexingType } from '@/app/components/datasets/create/step-two'
-import type { RETRIEVE_METHOD } from '@/types/app'
-import type { WeightedScoreEnum } from '@/models/datasets'
-import type { RerankingModeEnum } from '@/models/datasets'
 import type { Model } from '@/app/components/header/account-setting/model-provider-page/declarations'
-export { WeightedScoreEnum } from '@/models/datasets'
+import type { CommonNodeType } from '@/app/components/workflow/types'
+import type { RerankingModeEnum, WeightedScoreEnum } from '@/models/datasets'
+import type { RETRIEVE_METHOD } from '@/types/app'
+
 export { IndexingType as IndexMethodEnum } from '@/app/components/datasets/create/step-two'
-export { RETRIEVE_METHOD as RetrievalSearchMethodEnum } from '@/types/app'
+export { WeightedScoreEnum } from '@/models/datasets'
 export { RerankingModeEnum as HybridSearchModeEnum } from '@/models/datasets'
+export { RETRIEVE_METHOD as RetrievalSearchMethodEnum } from '@/types/app'
 
 export enum ChunkStructureEnum {
   general = 'text_model',
diff --git a/web/app/components/workflow/nodes/knowledge-base/use-single-run-form-params.ts b/web/app/components/workflow/nodes/knowledge-base/use-single-run-form-params.ts
index 707407a589..f653d7fdc3 100644
--- a/web/app/components/workflow/nodes/knowledge-base/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/knowledge-base/use-single-run-form-params.ts
@@ -1,11 +1,11 @@
-import { useTranslation } from 'react-i18next'
-import type { InputVar, Variable } from '@/app/components/workflow/types'
-import { InputVarType } from '@/app/components/workflow/types'
-import { useCallback, useMemo } from 'react'
 import type { KnowledgeBaseNodeType } from './types'
+import type { InputVar, Variable } from '@/app/components/workflow/types'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { InputVarType } from '@/app/components/workflow/types'
 
 type Params = {
-  id: string,
+  id: string
   payload: KnowledgeBaseNodeType
   runInputData: Record<string, any>
   getInputVars: (textList: string[]) => InputVar[]
@@ -45,7 +45,7 @@ const useSingleRunFormParams = ({
     return [payload.index_chunk_variable_selector]
   }
   const getDependentVar = (variable: string) => {
-    if(variable === 'query')
+    if (variable === 'query')
       return payload.index_chunk_variable_selector
   }
 
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/add-dataset.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/add-dataset.tsx
index 010ecbb966..b51d085113 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/add-dataset.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/add-dataset.tsx
@@ -1,10 +1,10 @@
 'use client'
-import { useBoolean } from 'ahooks'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import AddButton from '@/app/components/base/button/add-button'
-import SelectDataset from '@/app/components/app/configuration/dataset-config/select-dataset'
 import type { DataSet } from '@/models/datasets'
+import { useBoolean } from 'ahooks'
+import React, { useCallback } from 'react'
+import SelectDataset from '@/app/components/app/configuration/dataset-config/select-dataset'
+import AddButton from '@/app/components/base/button/add-button'
 
 type Props = {
   selectedIds: string[]
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-item.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-item.tsx
index e164e4f320..440aa9189a 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-item.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-item.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { useBoolean } from 'ahooks'
+import type { DataSet } from '@/models/datasets'
 import {
   RiDeleteBinLine,
   RiEditLine,
 } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { DataSet } from '@/models/datasets'
-import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
 import SettingsModal from '@/app/components/app/configuration/dataset-config/settings-modal'
-import Drawer from '@/app/components/base/drawer'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import Badge from '@/app/components/base/badge'
-import { useKnowledge } from '@/hooks/use-knowledge'
+import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
 import AppIcon from '@/app/components/base/app-icon'
-import FeatureIcon from '@/app/components/header/account-setting/model-provider-page/model-selector/feature-icon'
+import Badge from '@/app/components/base/badge'
+import Drawer from '@/app/components/base/drawer'
 import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import FeatureIcon from '@/app/components/header/account-setting/model-provider-page/model-selector/feature-icon'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { useKnowledge } from '@/hooks/use-knowledge'
 
 type Props = {
   payload: DataSet
@@ -67,28 +67,31 @@ const DatasetItem: FC<Props> = ({
       ${isDeleteHovered
       ? 'border-state-destructive-border bg-state-destructive-hover'
       : 'bg-components-panel-on-panel-item-bg hover:bg-components-panel-on-panel-item-bg-hover'
-    }`}>
-      <div className='flex w-0 grow items-center space-x-1.5'>
+    }`}
+    >
+      <div className="flex w-0 grow items-center space-x-1.5">
         <AppIcon
-          size='tiny'
+          size="tiny"
           iconType={iconInfo.icon_type}
           icon={iconInfo.icon}
           background={iconInfo.icon_type === 'image' ? undefined : iconInfo.icon_background}
           imageUrl={iconInfo.icon_type === 'image' ? iconInfo.icon_url : undefined}
         />
-        <div className='system-sm-medium w-0 grow truncate text-text-secondary'>{payload.name}</div>
+        <div className="system-sm-medium w-0 grow truncate text-text-secondary">{payload.name}</div>
       </div>
       {!readonly && (
-        <div className='ml-2 hidden shrink-0 items-center  space-x-1 group-hover/dataset-item:flex'>
+        <div className="ml-2 hidden shrink-0 items-center  space-x-1 group-hover/dataset-item:flex">
           {
-            editable && <ActionButton
-              onClick={(e) => {
-                e.stopPropagation()
-                showSettingsModal()
-              }}
-            >
-              <RiEditLine className='h-4 w-4 shrink-0 text-text-tertiary' />
-            </ActionButton>
+            editable && (
+              <ActionButton
+                onClick={(e) => {
+                  e.stopPropagation()
+                  showSettingsModal()
+                }}
+              >
+                <RiEditLine className="h-4 w-4 shrink-0 text-text-tertiary" />
+              </ActionButton>
+            )
           }
           <ActionButton
             onClick={handleRemove}
@@ -101,25 +104,29 @@ const DatasetItem: FC<Props> = ({
         </div>
       )}
       {payload.is_multimodal && (
-        <div className='mr-1 shrink-0 group-hover/dataset-item:hidden'>
+        <div className="mr-1 shrink-0 group-hover/dataset-item:hidden">
           <FeatureIcon feature={ModelFeatureEnum.vision} />
         </div>
       )}
       {
-        payload.indexing_technique && <Badge
-          className='shrink-0 group-hover/dataset-item:hidden'
-          text={formatIndexingTechniqueAndMethod(payload.indexing_technique, payload.retrieval_model_dict?.search_method)}
-        />
+        payload.indexing_technique && (
+          <Badge
+            className="shrink-0 group-hover/dataset-item:hidden"
+            text={formatIndexingTechniqueAndMethod(payload.indexing_technique, payload.retrieval_model_dict?.search_method)}
+          />
+        )
       }
       {
-        payload.provider === 'external' && <Badge
-          className='shrink-0 group-hover/dataset-item:hidden'
-          text={t('dataset.externalTag') as string}
-        />
+        payload.provider === 'external' && (
+          <Badge
+            className="shrink-0 group-hover/dataset-item:hidden"
+            text={t('dataset.externalTag') as string}
+          />
+        )
       }
 
       {isShowSettingsModal && (
-        <Drawer isOpen={isShowSettingsModal} onClose={hideSettingsModal} footer={null} mask={isMobile} panelClassName='mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[640px] rounded-xl'>
+        <Drawer isOpen={isShowSettingsModal} onClose={hideSettingsModal} footer={null} mask={isMobile} panelClassName="mt-16 mx-2 sm:mr-2 mb-3 !p-0 !max-w-[640px] rounded-xl">
           <SettingsModal
             currentDataset={payload}
             onCancel={hideSettingsModal}
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-list.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-list.tsx
index 35fd225d82..a804ae8953 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-list.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/dataset-list.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
-import Item from './dataset-item'
 import type { DataSet } from '@/models/datasets'
+import { produce } from 'immer'
+import React, { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useSelector as useAppContextSelector } from '@/context/app-context'
 import { hasEditPermissionForDataset } from '@/utils/permission'
+import Item from './dataset-item'
 
 type Props = {
   list: DataSet[]
@@ -55,26 +55,25 @@ const DatasetList: FC<Props> = ({
   }, [list, userProfile?.id])
 
   return (
-    <div className='space-y-1'>
+    <div className="space-y-1">
       {formattedList.length
         ? formattedList.map((item, index) => {
-          return (
-            <Item
-              key={index}
-              payload={item}
-              onRemove={handleRemove(index)}
-              onChange={handleChange(index)}
-              readonly={readonly}
-              editable={item.editable}
-            />
-          )
-        })
+            return (
+              <Item
+                key={index}
+                payload={item}
+                onRemove={handleRemove(index)}
+                onChange={handleChange(index)}
+                readonly={readonly}
+                editable={item.editable}
+              />
+            )
+          })
         : (
-          <div className='cursor-default select-none rounded-lg bg-background-section p-3 text-center text-xs text-text-tertiary'>
-            {t('appDebug.datasetConfig.knowledgeTip')}
-          </div>
-        )
-      }
+            <div className="cursor-default select-none rounded-lg bg-background-section p-3 text-center text-xs text-text-tertiary">
+              {t('appDebug.datasetConfig.knowledgeTip')}
+            </div>
+          )}
 
     </div>
   )
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/add-condition.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/add-condition.tsx
index ed6b4c6c78..8044604207 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/add-condition.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/add-condition.tsx
@@ -1,22 +1,22 @@
+import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import type { MetadataInDoc } from '@/models/datasets'
+import {
+  RiAddLine,
+} from '@remixicon/react'
 import {
   useCallback,
   useMemo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  RiAddLine,
-} from '@remixicon/react'
-import MetadataIcon from './metadata-icon'
+import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import Input from '@/app/components/base/input'
-import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
-import type { MetadataInDoc } from '@/models/datasets'
+import MetadataIcon from './metadata-icon'
 
 const AddCondition = ({
   metadataList,
@@ -39,7 +39,7 @@ const AddCondition = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 3,
         crossAxis: 0,
@@ -47,16 +47,16 @@ const AddCondition = ({
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(!open)}>
         <Button
-          size='small'
-          variant='secondary'
+          size="small"
+          variant="secondary"
         >
-          <RiAddLine className='h-3.5 w-3.5' />
+          <RiAddLine className="h-3.5 w-3.5" />
           {t('workflow.nodes.knowledgeRetrieval.metadata.panel.add')}
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
-          <div className='p-2 pb-1'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
+          <div className="p-2 pb-1">
             <Input
               showLeftIcon
               placeholder={t('workflow.nodes.knowledgeRetrieval.metadata.panel.search')}
@@ -64,24 +64,24 @@ const AddCondition = ({
               onChange={e => setSearchText(e.target.value)}
             />
           </div>
-          <div className='p-1'>
+          <div className="p-1">
             {
               filteredMetadataList?.map(metadata => (
                 <div
                   key={metadata.name}
-                  className='system-sm-medium flex h-6 cursor-pointer items-center rounded-md px-3 text-text-secondary hover:bg-state-base-hover'
+                  className="system-sm-medium flex h-6 cursor-pointer items-center rounded-md px-3 text-text-secondary hover:bg-state-base-hover"
                 >
-                  <div className='mr-1 p-[1px]'>
+                  <div className="mr-1 p-[1px]">
                     <MetadataIcon type={metadata.type} />
                   </div>
                   <div
-                    className='grow truncate'
+                    className="grow truncate"
                     title={metadata.name}
                     onClick={() => handleAddConditionWrapped(metadata)}
                   >
                     {metadata.name}
                   </div>
-                  <div className='system-xs-regular shrink-0 text-text-tertiary'>{metadata.type}</div>
+                  <div className="system-xs-regular shrink-0 text-text-tertiary">{metadata.type}</div>
                 </div>
               ))
             }
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-common-variable-selector.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-common-variable-selector.tsx
index 0d81d808db..48581fd1d1 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-common-variable-selector.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-common-variable-selector.tsx
@@ -1,15 +1,15 @@
+import type { VarType } from '@/app/components/workflow/types'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { VarType } from '@/app/components/workflow/types'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 
 type ConditionCommonVariableSelectorProps = {
-  variables?: { name: string; type: string; value: string }[]
+  variables?: { name: string, type: string, value: string }[]
   value?: string | number
   varType?: VarType
   onChange: (v: string) => void
@@ -34,21 +34,25 @@ const ConditionCommonVariableSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
       }}
     >
-      <PortalToFollowElemTrigger asChild onClick={() => {
-        if (!variables.length) return
-        setOpen(!open)
-      }}>
+      <PortalToFollowElemTrigger
+        asChild
+        onClick={() => {
+          if (!variables.length)
+            return
+          setOpen(!open)
+        }}
+      >
         <div className="flex h-6 grow cursor-pointer items-center">
           {
             selected && (
-              <div className='system-xs-medium inline-flex h-6 items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark pl-[5px] pr-1.5 text-text-secondary shadow-xs'>
-                <Variable02 className='mr-1 h-3.5 w-3.5 text-text-accent' />
+              <div className="system-xs-medium inline-flex h-6 items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark pl-[5px] pr-1.5 text-text-secondary shadow-xs">
+                <Variable02 className="mr-1 h-3.5 w-3.5 text-text-accent" />
                 {selected.value}
               </div>
             )
@@ -56,11 +60,11 @@ const ConditionCommonVariableSelector = ({
           {
             !selected && (
               <>
-                <div className='system-sm-regular flex grow items-center text-components-input-text-placeholder'>
-                  <Variable02 className='mr-1 h-4 w-4' />
+                <div className="system-sm-regular flex grow items-center text-components-input-text-placeholder">
+                  <Variable02 className="mr-1 h-4 w-4" />
                   {t('workflow.nodes.knowledgeRetrieval.metadata.panel.select')}
                 </div>
-                <div className='system-2xs-medium flex h-5 shrink-0 items-center rounded-[5px] border border-divider-deep px-[5px] text-text-tertiary'>
+                <div className="system-2xs-medium flex h-5 shrink-0 items-center rounded-[5px] border border-divider-deep px-[5px] text-text-tertiary">
                   {varType}
                 </div>
               </>
@@ -68,16 +72,16 @@ const ConditionCommonVariableSelector = ({
           }
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[200px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[200px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             variables.map(v => (
               <div
                 key={v.value}
-                className='system-xs-medium flex h-6 cursor-pointer items-center rounded-md px-2 text-text-secondary hover:bg-state-base-hover'
+                className="system-xs-medium flex h-6 cursor-pointer items-center rounded-md px-2 text-text-secondary hover:bg-state-base-hover"
                 onClick={() => handleChange(v.value)}
               >
-                <Variable02 className='mr-1 h-4 w-4 text-text-accent' />
+                <Variable02 className="mr-1 h-4 w-4 text-text-accent" />
                 {v.value}
               </div>
             ))
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-date.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-date.tsx
index ed8192239a..f89992a2e4 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-date.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-date.tsx
@@ -1,14 +1,14 @@
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import dayjs from 'dayjs'
+import type { TriggerProps } from '@/app/components/base/date-and-time-picker/types'
 import {
   RiCalendarLine,
   RiCloseCircleFill,
 } from '@remixicon/react'
+import dayjs from 'dayjs'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import DatePicker from '@/app/components/base/date-and-time-picker/date-picker'
-import type { TriggerProps } from '@/app/components/base/date-and-time-picker/types'
-import { cn } from '@/utils/classnames'
 import { useAppContext } from '@/context/app-context'
+import { cn } from '@/utils/classnames'
 
 type ConditionDateProps = {
   value?: number
@@ -32,7 +32,7 @@ const ConditionDate = ({
     handleClickTrigger,
   }: TriggerProps) => {
     return (
-      <div className='group flex items-center' onClick={handleClickTrigger}>
+      <div className="group flex items-center" onClick={handleClickTrigger}>
         <div
           className={cn(
             'system-sm-regular mr-0.5 flex h-6 grow cursor-pointer items-center px-1',
@@ -71,7 +71,7 @@ const ConditionDate = ({
   }, [value, handleDateChange, timezone, t])
 
   return (
-    <div className='h-8 px-2 py-1'>
+    <div className="h-8 px-2 py-1">
       <DatePicker
         timezone={timezone}
         value={value ? dayjs(value * 1000) : undefined}
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-item.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-item.tsx
index 42f3a085bc..815844d434 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-item.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-item.tsx
@@ -1,21 +1,3 @@
-import {
-  useCallback,
-  useMemo,
-  useState,
-} from 'react'
-import {
-  RiDeleteBinLine,
-} from '@remixicon/react'
-import MetadataIcon from '../metadata-icon'
-import {
-  COMMON_VARIABLE_REGEX,
-  VARIABLE_REGEX,
-  comparisonOperatorNotRequireValue,
-} from './utils'
-import ConditionOperator from './condition-operator'
-import ConditionString from './condition-string'
-import ConditionNumber from './condition-number'
-import ConditionDate from './condition-date'
 import type {
   ComparisonOperator,
   HandleRemoveCondition,
@@ -23,8 +5,26 @@ import type {
   MetadataFilteringCondition,
   MetadataShape,
 } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import {
+  RiDeleteBinLine,
+} from '@remixicon/react'
+import {
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
 import { MetadataFilteringVariableType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import { cn } from '@/utils/classnames'
+import MetadataIcon from '../metadata-icon'
+import ConditionDate from './condition-date'
+import ConditionNumber from './condition-number'
+import ConditionOperator from './condition-operator'
+import ConditionString from './condition-string'
+import {
+  COMMON_VARIABLE_REGEX,
+  comparisonOperatorNotRequireValue,
+  VARIABLE_REGEX,
+} from './utils'
 
 type ConditionItemProps = {
   className?: string
@@ -72,14 +72,15 @@ const ConditionItem = ({
         ...condition,
         value: comparisonOperatorNotRequireValue(condition.comparison_operator) ? undefined : condition.value,
         comparison_operator: operator,
-      })
+      },
+    )
   }, [onUpdateCondition, condition])
 
   const valueAndValueMethod = useMemo(() => {
     if (
       (currentMetadata?.type === MetadataFilteringVariableType.string
-       || currentMetadata?.type === MetadataFilteringVariableType.number
-       || currentMetadata?.type === MetadataFilteringVariableType.select)
+        || currentMetadata?.type === MetadataFilteringVariableType.number
+        || currentMetadata?.type === MetadataFilteringVariableType.select)
       && typeof condition.value === 'string'
     ) {
       const regex = isCommonVariable ? COMMON_VARIABLE_REGEX : VARIABLE_REGEX
@@ -121,18 +122,19 @@ const ConditionItem = ({
       <div className={cn(
         'grow rounded-lg bg-components-input-bg-normal',
         isHovered && 'bg-state-destructive-hover',
-      )}>
-        <div className='flex items-center p-1'>
-          <div className='w-0 grow'>
-            <div className='flex h-6 min-w-0 items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark pl-1 pr-1.5 shadow-xs'>
-              <div className='mr-0.5 p-[1px]'>
-                <MetadataIcon type={currentMetadata?.type} className='h-3 w-3' />
+      )}
+      >
+        <div className="flex items-center p-1">
+          <div className="w-0 grow">
+            <div className="flex h-6 min-w-0 items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark pl-1 pr-1.5 shadow-xs">
+              <div className="mr-0.5 p-[1px]">
+                <MetadataIcon type={currentMetadata?.type} className="h-3 w-3" />
               </div>
-              <div className='system-xs-medium mr-0.5 min-w-0 flex-1 truncate text-text-secondary'>{currentMetadata?.name}</div>
-              <div className='system-xs-regular text-text-tertiary'>{currentMetadata?.type}</div>
+              <div className="system-xs-medium mr-0.5 min-w-0 flex-1 truncate text-text-secondary">{currentMetadata?.name}</div>
+              <div className="system-xs-regular text-text-tertiary">{currentMetadata?.type}</div>
             </div>
           </div>
-          <div className='mx-1 h-3 w-[1px] bg-divider-regular'></div>
+          <div className="mx-1 h-3 w-[1px] bg-divider-regular"></div>
           <ConditionOperator
             disabled={!canChooseOperator}
             variableType={currentMetadata?.type || MetadataFilteringVariableType.string}
@@ -140,11 +142,11 @@ const ConditionItem = ({
             onSelect={handleConditionOperatorChange}
           />
         </div>
-        <div className='border-t border-t-divider-subtle'>
+        <div className="border-t border-t-divider-subtle">
           {
             !comparisonOperatorNotRequireValue(condition.comparison_operator)
             && (currentMetadata?.type === MetadataFilteringVariableType.string
-             || currentMetadata?.type === MetadataFilteringVariableType.select) && (
+              || currentMetadata?.type === MetadataFilteringVariableType.select) && (
               <ConditionString
                 valueMethod={localValueMethod}
                 onValueMethodChange={handleValueMethodChange}
@@ -182,12 +184,12 @@ const ConditionItem = ({
         </div>
       </div>
       <div
-        className='ml-1 mt-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
+        className="ml-1 mt-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive"
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
         onClick={doRemoveCondition}
       >
-        <RiDeleteBinLine className='h-4 w-4' />
+        <RiDeleteBinLine className="h-4 w-4" />
       </div>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-number.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-number.tsx
index 6421401a2a..3b5587c442 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-number.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-number.tsx
@@ -1,16 +1,16 @@
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import ConditionValueMethod from './condition-value-method'
 import type { ConditionValueMethodProps } from './condition-value-method'
-import ConditionVariableSelector from './condition-variable-selector'
-import ConditionCommonVariableSelector from './condition-common-variable-selector'
 import type {
   Node,
   NodeOutPutVar,
   ValueSelector,
 } from '@/app/components/workflow/types'
-import { VarType } from '@/app/components/workflow/types'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Input from '@/app/components/base/input'
+import { VarType } from '@/app/components/workflow/types'
+import ConditionCommonVariableSelector from './condition-common-variable-selector'
+import ConditionValueMethod from './condition-value-method'
+import ConditionVariableSelector from './condition-variable-selector'
 
 type ConditionNumberProps = {
   value?: string | number
@@ -18,7 +18,7 @@ type ConditionNumberProps = {
   nodesOutputVars: NodeOutPutVar[]
   availableNodes: Node[]
   isCommonVariable?: boolean
-  commonVariables: { name: string; type: string; value: string }[]
+  commonVariables: { name: string, type: string, value: string }[]
 } & ConditionValueMethodProps
 const ConditionNumber = ({
   value,
@@ -40,12 +40,12 @@ const ConditionNumber = ({
   }, [onChange])
 
   return (
-    <div className='flex h-8 items-center pl-1 pr-2'>
+    <div className="flex h-8 items-center pl-1 pr-2">
       <ConditionValueMethod
         valueMethod={valueMethod}
         onValueMethodChange={onValueMethodChange}
       />
-      <div className='ml-1 mr-1.5 h-4 w-[1px] bg-divider-regular'></div>
+      <div className="ml-1 mr-1.5 h-4 w-[1px] bg-divider-regular"></div>
       {
         valueMethod === 'variable' && !isCommonVariable && (
           <ConditionVariableSelector
@@ -70,14 +70,14 @@ const ConditionNumber = ({
       {
         valueMethod === 'constant' && (
           <Input
-            className='border-none bg-transparent outline-none hover:bg-transparent focus:bg-transparent focus:shadow-none'
+            className="border-none bg-transparent outline-none hover:bg-transparent focus:bg-transparent focus:shadow-none"
             value={value}
             onChange={(e) => {
               const v = e.target.value
               onChange(v ? Number(e.target.value) : undefined)
             }}
             placeholder={t('workflow.nodes.knowledgeRetrieval.metadata.panel.placeholder')}
-            type='number'
+            type="number"
           />
         )
       }
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-operator.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-operator.tsx
index 93a078ff5d..8f0430b655 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-operator.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-operator.tsx
@@ -1,13 +1,13 @@
+import type {
+  ComparisonOperator,
+  MetadataFilteringVariableType,
+} from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import { RiArrowDownSLine } from '@remixicon/react'
 import {
   useMemo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import {
-  getOperators,
-  isComparisonOperatorNeedTranslate,
-} from './utils'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
@@ -15,10 +15,10 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
-import type {
-  ComparisonOperator,
-  MetadataFilteringVariableType,
-} from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import {
+  getOperators,
+  isComparisonOperatorNeedTranslate,
+} from './utils'
 
 const i18nPrefix = 'workflow.nodes.ifElse'
 
@@ -52,7 +52,7 @@ const ConditionOperator = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -61,8 +61,8 @@ const ConditionOperator = ({
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
         <Button
           className={cn('shrink-0', !selectedOption && 'opacity-50', className)}
-          size='small'
-          variant='ghost'
+          size="small"
+          variant="ghost"
           disabled={disabled}
         >
           {
@@ -70,16 +70,16 @@ const ConditionOperator = ({
               ? selectedOption.label
               : t(`${i18nPrefix}.select`)
           }
-          <RiArrowDownSLine className='ml-1 h-3.5 w-3.5' />
+          <RiArrowDownSLine className="ml-1 h-3.5 w-3.5" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
                 key={option.value}
-                className='flex h-7 cursor-pointer items-center rounded-lg px-3 py-1.5 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover'
+                className="flex h-7 cursor-pointer items-center rounded-lg px-3 py-1.5 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover"
                 onClick={() => {
                   onSelect(option.value)
                   setOpen(false)
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-string.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-string.tsx
index d5cb06e690..d2592d7a57 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-string.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-string.tsx
@@ -1,16 +1,16 @@
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import ConditionValueMethod from './condition-value-method'
 import type { ConditionValueMethodProps } from './condition-value-method'
-import ConditionVariableSelector from './condition-variable-selector'
-import ConditionCommonVariableSelector from './condition-common-variable-selector'
 import type {
   Node,
   NodeOutPutVar,
   ValueSelector,
 } from '@/app/components/workflow/types'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Input from '@/app/components/base/input'
 import { VarType } from '@/app/components/workflow/types'
+import ConditionCommonVariableSelector from './condition-common-variable-selector'
+import ConditionValueMethod from './condition-value-method'
+import ConditionVariableSelector from './condition-variable-selector'
 
 type ConditionStringProps = {
   value?: string
@@ -18,7 +18,7 @@ type ConditionStringProps = {
   nodesOutputVars: NodeOutPutVar[]
   availableNodes: Node[]
   isCommonVariable?: boolean
-  commonVariables: { name: string; type: string; value: string }[]
+  commonVariables: { name: string, type: string, value: string }[]
 } & ConditionValueMethodProps
 const ConditionString = ({
   value,
@@ -40,12 +40,12 @@ const ConditionString = ({
   }, [onChange])
 
   return (
-    <div className='flex h-8 items-center pl-1 pr-2'>
+    <div className="flex h-8 items-center pl-1 pr-2">
       <ConditionValueMethod
         valueMethod={valueMethod}
         onValueMethodChange={onValueMethodChange}
       />
-      <div className='ml-1 mr-1.5 h-4 w-[1px] bg-divider-regular'></div>
+      <div className="ml-1 mr-1.5 h-4 w-[1px] bg-divider-regular"></div>
       {
         valueMethod === 'variable' && !isCommonVariable && (
           <ConditionVariableSelector
@@ -70,7 +70,7 @@ const ConditionString = ({
       {
         valueMethod === 'constant' && (
           <Input
-            className='border-none bg-transparent outline-none hover:bg-transparent focus:bg-transparent focus:shadow-none'
+            className="border-none bg-transparent outline-none hover:bg-transparent focus:bg-transparent focus:shadow-none"
             value={value}
             onChange={e => onChange(e.target.value)}
             placeholder={t('workflow.nodes.knowledgeRetrieval.metadata.panel.placeholder')}
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-value-method.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-value-method.tsx
index 562cda76e4..c930387c82 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-value-method.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-value-method.tsx
@@ -1,12 +1,12 @@
-import { useState } from 'react'
-import { capitalize } from 'lodash-es'
 import { RiArrowDownSLine } from '@remixicon/react'
+import { capitalize } from 'lodash-es'
+import { useState } from 'react'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
 
 export type ConditionValueMethodProps = {
@@ -27,21 +27,21 @@ const ConditionValueMethod = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{ mainAxis: 4, crossAxis: 0 }}
     >
       <PortalToFollowElemTrigger asChild onClick={() => setOpen(v => !v)}>
         <Button
-          className='shrink-0'
-          variant='ghost'
-          size='small'
+          className="shrink-0"
+          variant="ghost"
+          size="small"
         >
           {capitalize(valueMethod)}
-          <RiArrowDownSLine className='ml-[1px] h-3.5 w-3.5' />
+          <RiArrowDownSLine className="ml-[1px] h-3.5 w-3.5" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-variable-selector.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-variable-selector.tsx
index 7908f6a98a..bbd5d9f227 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-variable-selector.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/condition-variable-selector.tsx
@@ -1,5 +1,12 @@
+import type {
+  Node,
+  NodeOutPutVar,
+  ValueSelector,
+  Var,
+} from '@/app/components/workflow/types'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
@@ -7,14 +14,7 @@ import {
 } from '@/app/components/base/portal-to-follow-elem'
 import VariableTag from '@/app/components/workflow/nodes/_base/components/variable-tag'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
-import type {
-  Node,
-  NodeOutPutVar,
-  ValueSelector,
-  Var,
-} from '@/app/components/workflow/types'
 import { VarType } from '@/app/components/workflow/types'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 
 type ConditionVariableSelectorProps = {
   valueSelector?: ValueSelector
@@ -43,7 +43,7 @@ const ConditionVariableSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -64,11 +64,11 @@ const ConditionVariableSelector = ({
           {
             !valueSelector.length && (
               <>
-                <div className='system-sm-regular flex grow items-center text-components-input-text-placeholder'>
-                  <Variable02 className='mr-1 h-4 w-4' />
+                <div className="system-sm-regular flex grow items-center text-components-input-text-placeholder">
+                  <Variable02 className="mr-1 h-4 w-4" />
                   {t('workflow.nodes.knowledgeRetrieval.metadata.panel.select')}
                 </div>
-                <div className='system-2xs-medium flex h-5 shrink-0 items-center rounded-[5px] border border-divider-deep px-[5px] text-text-tertiary'>
+                <div className="system-2xs-medium flex h-5 shrink-0 items-center rounded-[5px] border border-divider-deep px-[5px] text-text-tertiary">
                   {varType}
                 </div>
               </>
@@ -76,8 +76,8 @@ const ConditionVariableSelector = ({
           }
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
           <VarReferenceVars
             vars={nodesOutputVars}
             isSupportFileVar
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/index.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/index.tsx
index 49da29ce7b..163d1084d2 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/index.tsx
@@ -1,8 +1,8 @@
-import { RiLoopLeftLine } from '@remixicon/react'
-import ConditionItem from './condition-item'
-import { cn } from '@/utils/classnames'
 import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import { RiLoopLeftLine } from '@remixicon/react'
 import { LogicalOperator } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import { cn } from '@/utils/classnames'
+import ConditionItem from './condition-item'
 
 type ConditionListProps = {
   disabled?: boolean
@@ -34,15 +34,16 @@ const ConditionList = ({
         conditions.length > 1 && (
           <div className={cn(
             'absolute bottom-0 left-0 top-0 w-[44px]',
-          )}>
-            <div className='absolute bottom-4 right-1 top-4 w-2.5 rounded-l-[8px] border border-r-0 border-divider-deep'></div>
-            <div className='absolute right-0 top-1/2 h-[29px] w-4 -translate-y-1/2 bg-components-panel-bg'></div>
+          )}
+          >
+            <div className="absolute bottom-4 right-1 top-4 w-2.5 rounded-l-[8px] border border-r-0 border-divider-deep"></div>
+            <div className="absolute right-0 top-1/2 h-[29px] w-4 -translate-y-1/2 bg-components-panel-bg"></div>
             <div
-              className='absolute right-1 top-1/2 flex h-[21px] -translate-y-1/2 cursor-pointer select-none items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1 text-[10px] font-semibold text-text-accent-secondary shadow-xs'
+              className="absolute right-1 top-1/2 flex h-[21px] -translate-y-1/2 cursor-pointer select-none items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1 text-[10px] font-semibold text-text-accent-secondary shadow-xs"
               onClick={() => handleToggleConditionLogicalOperator()}
             >
               {logical_operator.toUpperCase()}
-              <RiLoopLeftLine className='ml-0.5 h-3 w-3' />
+              <RiLoopLeftLine className="ml-0.5 h-3 w-3" />
             </div>
           </div>
         )
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts
index 10ee1aff1f..ab68275b8d 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts
@@ -8,9 +8,12 @@ export const isEmptyRelatedOperator = (operator: ComparisonOperator) => {
 }
 
 const notTranslateKey = [
-  ComparisonOperator.equal, ComparisonOperator.notEqual,
-  ComparisonOperator.largerThan, ComparisonOperator.largerThanOrEqual,
-  ComparisonOperator.lessThan, ComparisonOperator.lessThanOrEqual,
+  ComparisonOperator.equal,
+  ComparisonOperator.notEqual,
+  ComparisonOperator.largerThan,
+  ComparisonOperator.largerThanOrEqual,
+  ComparisonOperator.lessThan,
+  ComparisonOperator.lessThanOrEqual,
 ]
 
 export const isComparisonOperatorNeedTranslate = (operator?: ComparisonOperator) => {
@@ -64,5 +67,5 @@ export const comparisonOperatorNotRequireValue = (operator?: ComparisonOperator)
   return [ComparisonOperator.empty, ComparisonOperator.notEmpty, ComparisonOperator.isNull, ComparisonOperator.isNotNull, ComparisonOperator.exists, ComparisonOperator.notExists].includes(operator)
 }
 
-export const VARIABLE_REGEX = /\{\{(#[a-zA-Z0-9_-]{1,50}(\.[a-zA-Z_]\w{0,29}){1,10}#)\}\}/gi
-export const COMMON_VARIABLE_REGEX = /\{\{([a-zA-Z0-9_-]{1,50})\}\}/gi
+export const VARIABLE_REGEX = /\{\{(#[\w-]{1,50}(\.[a-z_]\w{0,29}){1,10}#)\}\}/gi
+export const COMMON_VARIABLE_REGEX = /\{\{([\w-]{1,50})\}\}/g
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx
index 1c6158a60e..9b541b9ea6 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx
@@ -1,16 +1,16 @@
+import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import { noop } from 'lodash-es'
 import {
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import Collapse from '@/app/components/workflow/nodes/_base/components/collapse'
+import { MetadataFilteringModeEnum } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import MetadataTrigger from '../metadata-trigger'
 import MetadataFilterSelector from './metadata-filter-selector'
-import Collapse from '@/app/components/workflow/nodes/_base/components/collapse'
-import Tooltip from '@/app/components/base/tooltip'
-import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
-import { MetadataFilteringModeEnum } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import { noop } from 'lodash-es'
 
 type MetadataFilterProps = {
   metadataFilterMode?: MetadataFilteringModeEnum
@@ -41,28 +41,28 @@ const MetadataFilter = ({
       onCollapse={setCollapsed}
       hideCollapseIcon
       trigger={collapseIcon => (
-        <div className='flex grow items-center justify-between pr-4'>
-          <div className='flex items-center'>
-            <div className='system-sm-semibold-uppercase mr-0.5 text-text-secondary'>
+        <div className="flex grow items-center justify-between pr-4">
+          <div className="flex items-center">
+            <div className="system-sm-semibold-uppercase mr-0.5 text-text-secondary">
               {t('workflow.nodes.knowledgeRetrieval.metadata.title')}
             </div>
             <Tooltip
               popupContent={(
-                <div className='w-[200px]'>
+                <div className="w-[200px]">
                   {t('workflow.nodes.knowledgeRetrieval.metadata.tip')}
                 </div>
               )}
             />
             {collapseIcon}
           </div>
-          <div className='flex items-center'>
+          <div className="flex items-center">
             <MetadataFilterSelector
               value={metadataFilterMode}
               onSelect={handleMetadataFilterModeChangeWrapped}
             />
             {
               metadataFilterMode === MetadataFilteringModeEnum.manual && (
-                <div className='ml-1'>
+                <div className="ml-1">
                   <MetadataTrigger {...restProps} />
                 </div>
               )
@@ -75,13 +75,13 @@ const MetadataFilter = ({
         {
           metadataFilterMode === MetadataFilteringModeEnum.automatic && (
             <>
-              <div className='body-xs-regular px-4 text-text-tertiary'>
+              <div className="body-xs-regular px-4 text-text-tertiary">
                 {t('workflow.nodes.knowledgeRetrieval.metadata.options.automatic.desc')}
               </div>
-              <div className='mt-1 px-4'>
+              <div className="mt-1 px-4">
                 <ModelParameterModal
-                  portalToFollowElemContentClassName='z-[50]'
-                  popupClassName='!w-[387px]'
+                  portalToFollowElemContentClassName="z-[50]"
+                  popupClassName="!w-[387px]"
                   isInWorkflow
                   isAdvancedMode={true}
                   provider={metadataModelConfig?.provider || ''}
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/metadata-filter-selector.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/metadata-filter-selector.tsx
index 7183e685f4..4bf52d7b34 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/metadata-filter-selector.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/metadata-filter-selector.tsx
@@ -1,15 +1,15 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiArrowDownSLine,
   RiCheckLine,
 } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
 import { MetadataFilteringModeEnum } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 
 type MetadataFilterSelectorProps = {
@@ -44,7 +44,7 @@ const MetadataFilterSelector = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -60,37 +60,37 @@ const MetadataFilterSelector = ({
         asChild
       >
         <Button
-          variant='secondary'
-          size='small'
+          variant="secondary"
+          size="small"
         >
           {selectedOption.value}
-          <RiArrowDownSLine className='h-3.5 w-3.5' />
+          <RiArrowDownSLine className="h-3.5 w-3.5" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[280px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
                 key={option.key}
-                className='flex cursor-pointer rounded-lg p-2 pr-3 hover:bg-state-base-hover'
+                className="flex cursor-pointer rounded-lg p-2 pr-3 hover:bg-state-base-hover"
                 onClick={() => {
                   onSelect(option.key)
                   setOpen(false)
                 }}
               >
-                <div className='w-4 shrink-0'>
+                <div className="w-4 shrink-0">
                   {
                     option.key === value && (
-                      <RiCheckLine className='h-4 w-4 text-text-accent' />
+                      <RiCheckLine className="h-4 w-4 text-text-accent" />
                     )
                   }
                 </div>
-                <div className='grow'>
-                  <div className='system-sm-semibold text-text-secondary'>
+                <div className="grow">
+                  <div className="system-sm-semibold text-text-secondary">
                     {option.value}
                   </div>
-                  <div className='system-xs-regular text-text-tertiary'>
+                  <div className="system-xs-regular text-text-tertiary">
                     {option.desc}
                   </div>
                 </div>
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-icon.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-icon.tsx
index 4c327ce882..803a836142 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-icon.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-icon.tsx
@@ -1,9 +1,9 @@
-import { memo } from 'react'
 import {
   RiHashtag,
   RiTextSnippet,
   RiTimeLine,
 } from '@remixicon/react'
+import { memo } from 'react'
 import { MetadataFilteringVariableType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import { cn } from '@/utils/classnames'
 
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-panel.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-panel.tsx
index fd390abe6b..9e0444ac29 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-panel.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-panel.tsx
@@ -1,8 +1,8 @@
-import { useTranslation } from 'react-i18next'
+import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import { RiCloseLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 import AddCondition from './add-condition'
 import ConditionList from './condition-list'
-import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 
 type MetadataPanelProps = {
   onCancel: () => void
@@ -17,21 +17,21 @@ const MetadataPanel = ({
   const { t } = useTranslation()
 
   return (
-    <div className='w-[420px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl'>
-      <div className='relative px-3 pt-3.5'>
-        <div className='system-xl-semibold text-text-primary'>
+    <div className="w-[420px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl">
+      <div className="relative px-3 pt-3.5">
+        <div className="system-xl-semibold text-text-primary">
           {t('workflow.nodes.knowledgeRetrieval.metadata.panel.title')}
         </div>
         <div
-          className='absolute bottom-0 right-2.5 flex h-8 w-8 cursor-pointer items-center justify-center'
+          className="absolute bottom-0 right-2.5 flex h-8 w-8 cursor-pointer items-center justify-center"
           onClick={onCancel}
         >
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
       </div>
-      <div className='px-1 py-2'>
-        <div className='px-3 py-1'>
-          <div className='pb-2'>
+      <div className="px-1 py-2">
+        <div className="px-3 py-1">
+          <div className="pb-2">
             <ConditionList
               metadataList={metadataList}
               metadataFilteringConditions={metadataFilteringConditions}
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-trigger.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-trigger.tsx
index 5d11bc7c6c..3a8d96f8f2 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-trigger.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-trigger.tsx
@@ -1,17 +1,17 @@
+import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import { RiFilter3Line } from '@remixicon/react'
 import {
   useEffect,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiFilter3Line } from '@remixicon/react'
-import MetadataPanel from './metadata-panel'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import MetadataPanel from './metadata-panel'
 
 const MetadataTrigger = ({
   metadataFilteringConditions,
@@ -35,24 +35,24 @@ const MetadataTrigger = ({
 
   return (
     <PortalToFollowElem
-      placement='left'
+      placement="left"
       offset={4}
       open={open}
       onOpenChange={setOpen}
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(!open)}>
         <Button
-          variant='secondary-accent'
-          size='small'
+          variant="secondary-accent"
+          size="small"
         >
-          <RiFilter3Line className='mr-1 h-3.5 w-3.5' />
+          <RiFilter3Line className="mr-1 h-3.5 w-3.5" />
           {t('workflow.nodes.knowledgeRetrieval.metadata.panel.conditions')}
-          <div className='system-2xs-medium-uppercase ml-1 flex items-center rounded-[5px] border border-divider-deep px-1 text-text-tertiary'>
+          <div className="system-2xs-medium-uppercase ml-1 flex items-center rounded-[5px] border border-divider-deep px-1 text-text-tertiary">
             {metadataFilteringConditions?.conditions.length || 0}
           </div>
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
+      <PortalToFollowElemContent className="z-10">
         <MetadataPanel
           metadataFilteringConditions={metadataFilteringConditions}
           onCancel={() => setOpen(false)}
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/retrieval-config.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/retrieval-config.tsx
index 80587b864f..ced1bfcdae 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/retrieval-config.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/retrieval-config.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { RiEqualizer2Line } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import type { MultipleRetrievalConfig, SingleRetrievalConfig } from '../types'
 import type { ModelConfig } from '../../../types'
-import { cn } from '@/utils/classnames'
+import type { MultipleRetrievalConfig, SingleRetrievalConfig } from '../types'
+import type { DataSet } from '@/models/datasets'
+import type { DatasetConfigs } from '@/models/debug'
+import { RiEqualizer2Line } from '@remixicon/react'
+import React, { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import ConfigRetrievalContent from '@/app/components/app/configuration/dataset-config/params-config/config-content'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import ConfigRetrievalContent from '@/app/components/app/configuration/dataset-config/params-config/config-content'
-import { RETRIEVE_TYPE } from '@/types/app'
 import { DATASET_DEFAULT } from '@/config'
-import Button from '@/app/components/base/button'
-import type { DatasetConfigs } from '@/models/debug'
-import type { DataSet } from '@/models/datasets'
+import { RETRIEVE_TYPE } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   payload: {
@@ -68,13 +68,13 @@ const RetrievalConfig: FC<Props> = ({
       retrieval_model: retrieval_mode,
       reranking_model: (reranking_model?.provider && reranking_model?.model)
         ? {
-          reranking_provider_name: reranking_model?.provider,
-          reranking_model_name: reranking_model?.model,
-        }
+            reranking_provider_name: reranking_model?.provider,
+            reranking_model_name: reranking_model?.model,
+          }
         : {
-          reranking_provider_name: '',
-          reranking_model_name: '',
-        },
+            reranking_provider_name: '',
+            reranking_model_name: '',
+          },
       top_k: top_k || DATASET_DEFAULT.top_k,
       score_threshold_enabled: !(score_threshold === undefined || score_threshold === null),
       score_threshold,
@@ -100,11 +100,11 @@ const RetrievalConfig: FC<Props> = ({
         ? undefined
         // eslint-disable-next-line sonarjs/no-nested-conditional
         : (!configs.reranking_model?.reranking_provider_name
-          ? undefined
-          : {
-            provider: configs.reranking_model?.reranking_provider_name,
-            model: configs.reranking_model?.reranking_model_name,
-          }),
+            ? undefined
+            : {
+                provider: configs.reranking_model?.reranking_provider_name,
+                model: configs.reranking_model?.reranking_model_name,
+              }),
       reranking_mode: configs.reranking_mode,
       weights: configs.weights,
       reranking_enable: configs.reranking_enable,
@@ -115,7 +115,7 @@ const RetrievalConfig: FC<Props> = ({
     <PortalToFollowElem
       open={rerankModalOpen}
       onOpenChange={handleOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         crossAxis: -2,
       }}
@@ -128,17 +128,17 @@ const RetrievalConfig: FC<Props> = ({
         }}
       >
         <Button
-          variant='ghost'
-          size='small'
+          variant="ghost"
+          size="small"
           disabled={readonly}
           className={cn(rerankModalOpen && 'bg-components-button-ghost-bg-hover')}
         >
-          <RiEqualizer2Line className='mr-1 h-3.5 w-3.5' />
+          <RiEqualizer2Line className="mr-1 h-3.5 w-3.5" />
           {t('dataset.retrievalSettings')}
         </Button>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent style={{ zIndex: 1001 }}>
-        <div className='w-[404px] rounded-2xl border border-components-panel-border bg-components-panel-bg  px-4 pb-4 pt-3  shadow-xl'>
+        <div className="w-[404px] rounded-2xl border border-components-panel-border bg-components-panel-bg  px-4 pb-4 pt-3  shadow-xl">
           <ConfigRetrievalContent
             datasetConfigs={datasetConfigs}
             onChange={handleChange}
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/default.ts b/web/app/components/workflow/nodes/knowledge-retrieval/default.ts
index 72d67a1a4f..5e7798f1c6 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/default.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/default.ts
@@ -1,10 +1,11 @@
 import type { NodeDefault } from '../../types'
 import type { KnowledgeRetrievalNodeType } from './types'
-import { checkoutRerankModelConfiguredInRetrievalSettings } from './utils'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { DATASET_DEFAULT } from '@/config'
 import { RETRIEVE_TYPE } from '@/types/app'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
+import { checkoutRerankModelConfiguredInRetrievalSettings } from './utils'
+
 const i18nPrefix = 'workflow'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/hooks.ts b/web/app/components/workflow/nodes/knowledge-retrieval/hooks.ts
index 139ac87382..00dcb4939b 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/hooks.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/hooks.ts
@@ -1,9 +1,9 @@
-import { useMemo } from 'react'
-import { getSelectedDatasetsMode } from './utils'
 import type {
   DataSet,
   SelectedDatasetsMode,
 } from '@/models/datasets'
+import { useMemo } from 'react'
+import { getSelectedDatasetsMode } from './utils'
 
 export const useSelectedDatasetsMode = (datasets: DataSet[]) => {
   const selectedDatasetsMode: SelectedDatasetsMode = useMemo(() => {
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx
index da84baf201..55715f2fb0 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx
@@ -1,10 +1,10 @@
-import { type FC, useEffect, useState } from 'react'
-import React from 'react'
+import type { FC } from 'react'
 import type { KnowledgeRetrievalNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
 import type { DataSet } from '@/models/datasets'
-import { useDatasetsDetailStore } from '../../datasets-detail-store/store'
+import React, { useEffect, useState } from 'react'
 import AppIcon from '@/app/components/base/app-icon'
+import { useDatasetsDetailStore } from '../../datasets-detail-store/store'
 
 const Node: FC<NodeProps<KnowledgeRetrievalNodeType>> = ({
   data,
@@ -30,19 +30,19 @@ const Node: FC<NodeProps<KnowledgeRetrievalNodeType>> = ({
     return null
 
   return (
-    <div className='mb-1 px-3 py-1'>
-      <div className='space-y-0.5'>
+    <div className="mb-1 px-3 py-1">
+      <div className="space-y-0.5">
         {selectedDatasets.map(({ id, name, icon_info }) => (
-          <div key={id} className='flex h-[26px] items-center gap-x-1 rounded-md bg-workflow-block-parma-bg px-1'>
+          <div key={id} className="flex h-[26px] items-center gap-x-1 rounded-md bg-workflow-block-parma-bg px-1">
             <AppIcon
-              size='xs'
+              size="xs"
               iconType={icon_info.icon_type}
               icon={icon_info.icon}
               background={icon_info.icon_type === 'image' ? undefined : icon_info.icon_background}
               imageUrl={icon_info.icon_type === 'image' ? icon_info.icon_url : undefined}
-              className='shrink-0'
+              className="shrink-0"
             />
-            <div className='system-xs-regular w-0 grow truncate text-text-secondary'>
+            <div className="system-xs-regular w-0 grow truncate text-text-secondary">
               {name}
             </div>
           </div>
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx
index 0d46e2ebac..ff5a9e2292 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx
@@ -1,21 +1,21 @@
 import type { FC } from 'react'
+import type { KnowledgeRetrievalNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
+import { intersectionBy } from 'lodash-es'
 import {
   memo,
   useMemo,
 } from 'react'
-import { intersectionBy } from 'lodash-es'
 import { useTranslation } from 'react-i18next'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
 import VarReferencePicker from '../_base/components/variable/var-reference-picker'
-import useConfig from './use-config'
-import RetrievalConfig from './components/retrieval-config'
 import AddKnowledge from './components/add-dataset'
 import DatasetList from './components/dataset-list'
 import MetadataFilter from './components/metadata/metadata-filter'
-import type { KnowledgeRetrievalNodeType } from './types'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
-import type { NodePanelProps } from '@/app/components/workflow/types'
+import RetrievalConfig from './components/retrieval-config'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.knowledgeRetrieval'
 
@@ -64,8 +64,8 @@ const Panel: FC<NodePanelProps<KnowledgeRetrievalNodeType>> = ({
   }, [selectedDatasets])
 
   return (
-    <div className='pt-2'>
-      <div className='space-y-4 px-4 pb-2'>
+    <div className="pt-2">
+      <div className="space-y-4 px-4 pb-2">
         <Field title={t(`${i18nPrefix}.queryText`)}>
           <VarReferencePicker
             nodeId={id}
@@ -93,8 +93,8 @@ const Panel: FC<NodePanelProps<KnowledgeRetrievalNodeType>> = ({
         <Field
           title={t(`${i18nPrefix}.knowledge`)}
           required
-          operations={
-            <div className='flex items-center space-x-1'>
+          operations={(
+            <div className="flex items-center space-x-1">
               <RetrievalConfig
                 payload={{
                   retrieval_mode: inputs.retrieval_mode,
@@ -111,7 +111,7 @@ const Panel: FC<NodePanelProps<KnowledgeRetrievalNodeType>> = ({
                 onRerankModelOpenChange={setRerankModelOpen}
                 selectedDatasets={selectedDatasets}
               />
-              {!readOnly && (<div className='h-3 w-px bg-divider-regular'></div>)}
+              {!readOnly && (<div className="h-3 w-px bg-divider-regular"></div>)}
               {!readOnly && (
                 <AddKnowledge
                   selectedIds={inputs.dataset_ids}
@@ -119,7 +119,7 @@ const Panel: FC<NodePanelProps<KnowledgeRetrievalNodeType>> = ({
                 />
               )}
             </div>
-          }
+          )}
         >
           <DatasetList
             list={selectedDatasets}
@@ -128,7 +128,7 @@ const Panel: FC<NodePanelProps<KnowledgeRetrievalNodeType>> = ({
           />
         </Field>
       </div>
-      <div className='mb-2 py-2'>
+      <div className="mb-2 py-2">
         <MetadataFilter
           metadataList={metadataList}
           selectedDatasetsLoaded={selectedDatasetsLoaded}
@@ -153,8 +153,8 @@ const Panel: FC<NodePanelProps<KnowledgeRetrievalNodeType>> = ({
         <OutputVars>
           <>
             <VarItem
-              name='result'
-              type='Array[Object]'
+              name="result"
+              type="Array[Object]"
               description={t(`${i18nPrefix}.outputVars.output`)}
               subItems={[
                 {
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/types.ts b/web/app/components/workflow/nodes/knowledge-retrieval/types.ts
index 4e9b19dbe2..3b62a1e83f 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/types.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/types.ts
@@ -5,13 +5,13 @@ import type {
   NodeOutPutVar,
   ValueSelector,
 } from '@/app/components/workflow/types'
-import type { RETRIEVE_TYPE } from '@/types/app'
 import type {
   DataSet,
   MetadataInDoc,
   RerankingModeEnum,
   WeightedScoreEnum,
 } from '@/models/datasets'
+import type { RETRIEVE_TYPE } from '@/types/app'
 
 export type MultipleRetrievalConfig = {
   top_k: number
@@ -122,13 +122,13 @@ export type MetadataShape = {
   handleToggleConditionLogicalOperator: HandleToggleConditionLogicalOperator
   handleUpdateCondition: HandleUpdateCondition
   metadataModelConfig?: ModelConfig
-  handleMetadataModelChange?: (model: { modelId: string; provider: string; mode?: string; features?: string[] }) => void
+  handleMetadataModelChange?: (model: { modelId: string, provider: string, mode?: string, features?: string[] }) => void
   handleMetadataCompletionParamsChange?: (params: Record<string, any>) => void
   availableStringVars?: NodeOutPutVar[]
   availableStringNodesWithParent?: Node[]
   availableNumberVars?: NodeOutPutVar[]
   availableNumberNodesWithParent?: Node[]
   isCommonVariable?: boolean
-  availableCommonStringVars?: { name: string; type: string; value: string }[]
-  availableCommonNumberVars?: { name: string; type: string; value: string }[]
+  availableCommonStringVars?: { name: string, type: string, value: string }[]
+  availableCommonNumberVars?: { name: string, type: string, value: string }[]
 }
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/use-config.ts b/web/app/components/workflow/nodes/knowledge-retrieval/use-config.ts
index 94c28f680b..d0846b3a34 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/use-config.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/use-config.ts
@@ -1,20 +1,4 @@
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react'
-import { produce } from 'immer'
-import { isEqual } from 'lodash-es'
-import { v4 as uuid4 } from 'uuid'
 import type { ValueSelector, Var } from '../../types'
-import { BlockEnum, VarType } from '../../types'
-import {
-  useIsChatMode,
-  useNodesReadOnly,
-  useWorkflow,
-} from '../../hooks'
 import type {
   HandleAddCondition,
   HandleRemoveCondition,
@@ -24,6 +8,31 @@ import type {
   MetadataFilteringModeEnum,
   MultipleRetrievalConfig,
 } from './types'
+import type { DataSet } from '@/models/datasets'
+import { produce } from 'immer'
+import { isEqual } from 'lodash-es'
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { v4 as uuid4 } from 'uuid'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useCurrentProviderAndModel, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { DATASET_DEFAULT } from '@/config'
+import { fetchDatasets } from '@/service/datasets'
+import { AppModeEnum, RETRIEVE_TYPE } from '@/types/app'
+import { useDatasetsDetailStore } from '../../datasets-detail-store/store'
+import {
+  useIsChatMode,
+  useNodesReadOnly,
+  useWorkflow,
+} from '../../hooks'
+import { BlockEnum, VarType } from '../../types'
 import {
   ComparisonOperator,
   LogicalOperator,
@@ -33,15 +42,6 @@ import {
   getMultipleRetrievalConfig,
   getSelectedDatasetsMode,
 } from './utils'
-import { AppModeEnum, RETRIEVE_TYPE } from '@/types/app'
-import { DATASET_DEFAULT } from '@/config'
-import type { DataSet } from '@/models/datasets'
-import { fetchDatasets } from '@/service/datasets'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
-import { useCurrentProviderAndModel, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
-import { useDatasetsDetailStore } from '../../datasets-detail-store/store'
 
 const useConfig = (id: string, payload: KnowledgeRetrievalNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
@@ -97,13 +97,13 @@ const useConfig = (id: string, payload: KnowledgeRetrievalNodeType) => {
     rerankModelList,
     rerankDefaultModel
       ? {
-        ...rerankDefaultModel,
-        provider: rerankDefaultModel.provider.provider,
-      }
+          ...rerankDefaultModel,
+          provider: rerankDefaultModel.provider.provider,
+        }
       : undefined,
   )
 
-  const handleModelChanged = useCallback((model: { provider: string; modelId: string; mode?: string }) => {
+  const handleModelChanged = useCallback((model: { provider: string, modelId: string, mode?: string }) => {
     const newInputs = produce(inputRef.current, (draft) => {
       if (!draft.single_retrieval_config) {
         draft.single_retrieval_config = {
@@ -282,8 +282,9 @@ const useConfig = (id: string, payload: KnowledgeRetrievalNodeType) => {
       (allInternal && (mixtureHighQualityAndEconomic || inconsistentEmbeddingModel))
       || mixtureInternalAndExternal
       || allExternal
-    )
+    ) {
       setRerankModelOpen(true)
+    }
   }, [inputs, setInputs, payload.retrieval_mode, selectedDatasets, currentRerankModel, currentRerankProvider, updateDatasetsDetail])
 
   const filterStringVar = useCallback((varPayload: Var) => {
@@ -359,7 +360,7 @@ const useConfig = (id: string, payload: KnowledgeRetrievalNodeType) => {
     setInputs(newInputs)
   }, [setInputs])
 
-  const handleMetadataModelChange = useCallback((model: { provider: string; modelId: string; mode?: string }) => {
+  const handleMetadataModelChange = useCallback((model: { provider: string, modelId: string, mode?: string }) => {
     const newInputs = produce(inputRef.current, (draft) => {
       draft.metadata_model_config = {
         provider: model.provider,
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/use-single-run-form-params.ts b/web/app/components/workflow/nodes/knowledge-retrieval/use-single-run-form-params.ts
index 0f079bcee8..3ffd3c87d6 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/use-single-run-form-params.ts
@@ -1,19 +1,19 @@
 import type { RefObject } from 'react'
-import { useTranslation } from 'react-i18next'
-import type { InputVar, Var, Variable } from '@/app/components/workflow/types'
-import { InputVarType, VarType } from '@/app/components/workflow/types'
-import { useCallback, useMemo } from 'react'
 import type { KnowledgeRetrievalNodeType } from './types'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
-import { useDatasetsDetailStore } from '../../datasets-detail-store/store'
+import type { InputVar, Var, Variable } from '@/app/components/workflow/types'
 import type { DataSet } from '@/models/datasets'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { InputVarType, VarType } from '@/app/components/workflow/types'
+import { useDatasetsDetailStore } from '../../datasets-detail-store/store'
 import useAvailableVarList from '../_base/hooks/use-available-var-list'
 import { findVariableWhenOnLLMVision } from '../utils'
 
 const i18nPrefix = 'workflow.nodes.knowledgeRetrieval'
 
 type Params = {
-  id: string,
+  id: string
   payload: KnowledgeRetrievalNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts b/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts
index 719aa57f2f..12cf8c053c 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts
@@ -1,19 +1,19 @@
-import {
-  uniq,
-  xorBy,
-} from 'lodash-es'
 import type { MultipleRetrievalConfig } from './types'
 import type {
   DataSet,
   SelectedDatasetsMode,
 } from '@/models/datasets'
+import {
+  uniq,
+  xorBy,
+} from 'lodash-es'
+import { DATASET_DEFAULT } from '@/config'
 import {
   DEFAULT_WEIGHTED_SCORE,
   RerankingModeEnum,
   WeightedScoreEnum,
 } from '@/models/datasets'
 import { RETRIEVE_METHOD } from '@/types/app'
-import { DATASET_DEFAULT } from '@/config'
 
 export const checkNodeValid = () => {
   return true
@@ -94,7 +94,7 @@ export const getMultipleRetrievalConfig = (
   multipleRetrievalConfig: MultipleRetrievalConfig,
   selectedDatasets: DataSet[],
   originalDatasets: DataSet[],
-  fallbackRerankModel?: { provider?: string; model?: string }, // fallback rerank model
+  fallbackRerankModel?: { provider?: string, model?: string }, // fallback rerank model
 ) => {
   // Check if the selected datasets are different from the original datasets
   const isDatasetsChanged = xorBy(selectedDatasets, originalDatasets, 'id').length > 0
diff --git a/web/app/components/workflow/nodes/list-operator/components/extract-input.tsx b/web/app/components/workflow/nodes/list-operator/components/extract-input.tsx
index 66f23829e8..7d4b472fd3 100644
--- a/web/app/components/workflow/nodes/list-operator/components/extract-input.tsx
+++ b/web/app/components/workflow/nodes/list-operator/components/extract-input.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { Var } from '../../../types'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { VarType } from '../../../types'
-import type { Var } from '../../../types'
+import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
 import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 import { cn } from '@/utils/classnames'
-import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
+import { VarType } from '../../../types'
 
 type Props = {
   nodeId: string
@@ -32,9 +32,9 @@ const ExtractInput: FC<Props> = ({
   })
 
   return (
-    <div className='flex items-start  space-x-1'>
+    <div className="flex items-start  space-x-1">
       <Input
-        instanceId='http-extract-number'
+        instanceId="http-extract-number"
         className={cn(isFocus ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-components-input-border-hover bg-components-input-bg-normal', 'w-0 grow rounded-lg border px-3 py-[6px]')}
         value={value}
         onChange={onChange}
@@ -43,9 +43,9 @@ const ExtractInput: FC<Props> = ({
         availableNodes={availableNodesWithParent}
         onFocusChange={setIsFocus}
         placeholder={!readOnly ? t('workflow.nodes.http.extractListPlaceholder')! : ''}
-        placeholderClassName='!leading-[21px]'
+        placeholderClassName="!leading-[21px]"
       />
-    </div >
+    </div>
   )
 }
 export default React.memo(ExtractInput)
diff --git a/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx b/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx
index a51aefe9c6..d77a0c3eb3 100644
--- a/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx
+++ b/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
+import type { Condition } from '../types'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { SimpleSelect as Select } from '@/app/components/base/select'
+import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from '@/app/components/workflow/nodes/constants'
+import { getConditionValueAsString } from '@/app/components/workflow/nodes/utils'
+import { cn } from '@/utils/classnames'
+import BoolValue from '../../../panel/chat-variable-panel/components/bool-value'
+import { VarType } from '../../../types'
 import ConditionOperator from '../../if-else/components/condition-list/condition-operator'
-import type { Condition } from '../types'
 import { ComparisonOperator } from '../../if-else/types'
 import { comparisonOperatorNotRequireValue, getOperators } from '../../if-else/utils'
 import SubVariablePicker from './sub-variable-picker'
-import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from '@/app/components/workflow/nodes/constants'
-import { SimpleSelect as Select } from '@/app/components/base/select'
-import BoolValue from '../../../panel/chat-variable-panel/components/bool-value'
-import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
-import { cn } from '@/utils/classnames'
-import { VarType } from '../../../types'
 
 const optionNameI18NPrefix = 'workflow.nodes.ifElse.optionName'
-import { getConditionValueAsString } from '@/app/components/workflow/nodes/utils'
 
 const VAR_INPUT_SUPPORTED_KEYS: Record<string, VarType> = {
   name: VarType.string,
@@ -108,22 +108,24 @@ const FilterCondition: FC<Props> = ({
           items={selectOptions}
           defaultValue={isArrayValue ? (condition.value as string[])[0] : condition.value as string}
           onSelect={item => handleChange('value')(item.value)}
-          className='!text-[13px]'
-          wrapperClassName='grow h-8'
-          placeholder='Select value'
+          className="!text-[13px]"
+          wrapperClassName="grow h-8"
+          placeholder="Select value"
         />
       )
     }
     else if (isBoolean) {
-      inputElement = (<BoolValue
-        value={condition.value as boolean}
-        onChange={handleChange('value')}
-      />)
+      inputElement = (
+        <BoolValue
+          value={condition.value as boolean}
+          onChange={handleChange('value')}
+        />
+      )
     }
     else if (supportVariableInput) {
       inputElement = (
         <Input
-          instanceId='filter-condition-input'
+          instanceId="filter-condition-input"
           className={cn(
             isFocus
               ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs'
@@ -139,7 +141,7 @@ const FilterCondition: FC<Props> = ({
           availableNodes={availableNodesWithParent}
           onFocusChange={setIsFocus}
           placeholder={!readOnly ? t('workflow.nodes.http.insertVarPlaceholder')! : ''}
-          placeholderClassName='!leading-[21px]'
+          placeholderClassName="!leading-[21px]"
         />
       )
     }
@@ -147,7 +149,7 @@ const FilterCondition: FC<Props> = ({
       inputElement = (
         <input
           type={((hasSubVariable && condition.key === 'size') || (!hasSubVariable && varType === VarType.number)) ? 'number' : 'text'}
-          className='grow rounded-lg border border-components-input-border-hover bg-components-input-bg-normal px-3 py-[6px]'
+          className="grow rounded-lg border border-components-input-border-hover bg-components-input-bg-normal px-3 py-[6px]"
           value={
             getConditionValueAsString(condition)
           }
@@ -167,9 +169,9 @@ const FilterCondition: FC<Props> = ({
           onChange={handleSubVariableChange}
         />
       )}
-      <div className='flex space-x-1'>
+      <div className="flex space-x-1">
         <ConditionOperator
-          className='h-8 bg-components-input-bg-normal'
+          className="h-8 bg-components-input-bg-normal"
           varType={expectedVarType ?? varType ?? VarType.string}
           value={condition.comparison_operator}
           onSelect={handleChange('comparison_operator')}
diff --git a/web/app/components/workflow/nodes/list-operator/components/limit-config.tsx b/web/app/components/workflow/nodes/list-operator/components/limit-config.tsx
index 6a54eac8ab..f7356b58aa 100644
--- a/web/app/components/workflow/nodes/list-operator/components/limit-config.tsx
+++ b/web/app/components/workflow/nodes/list-operator/components/limit-config.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { Limit } from '../types'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { Limit } from '../types'
-import InputNumberWithSlider from '../../_base/components/input-number-with-slider'
-import { cn } from '@/utils/classnames'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
 import Switch from '@/app/components/base/switch'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import { cn } from '@/utils/classnames'
+import InputNumberWithSlider from '../../_base/components/input-number-with-slider'
 
 const i18nPrefix = 'workflow.nodes.listFilter'
 const LIMIT_SIZE_MIN = 1
@@ -53,25 +53,25 @@ const LimitConfig: FC<Props> = ({
     <div className={cn(className)}>
       <Field
         title={t(`${i18nPrefix}.limit`)}
-        operations={
+        operations={(
           <Switch
             defaultValue={payload.enabled}
             onChange={handleLimitEnabledChange}
-            size='md'
+            size="md"
             disabled={readonly}
           />
-        }
+        )}
       >
         {payload?.enabled
           ? (
-            <InputNumberWithSlider
-              value={payload?.size || LIMIT_SIZE_DEFAULT}
-              min={LIMIT_SIZE_MIN}
-              max={LIMIT_SIZE_MAX}
-              onChange={handleLimitSizeChange}
-              readonly={readonly || !payload?.enabled}
-            />
-          )
+              <InputNumberWithSlider
+                value={payload?.size || LIMIT_SIZE_DEFAULT}
+                min={LIMIT_SIZE_MIN}
+                max={LIMIT_SIZE_MAX}
+                onChange={handleLimitSizeChange}
+                readonly={readonly || !payload?.enabled}
+              />
+            )
           : null}
       </Field>
     </div>
diff --git a/web/app/components/workflow/nodes/list-operator/components/sub-variable-picker.tsx b/web/app/components/workflow/nodes/list-operator/components/sub-variable-picker.tsx
index 9d835436d9..ee8703ca6c 100644
--- a/web/app/components/workflow/nodes/list-operator/components/sub-variable-picker.tsx
+++ b/web/app/components/workflow/nodes/list-operator/components/sub-variable-picker.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { Item } from '@/app/components/base/select'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { SUB_VARIABLES } from '../../constants'
-import type { Item } from '@/app/components/base/select'
-import { SimpleSelect as Select } from '@/app/components/base/select'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import { SimpleSelect as Select } from '@/app/components/base/select'
 import { cn } from '@/utils/classnames'
+import { SUB_VARIABLES } from '../../constants'
 
 type Props = {
   value: string
@@ -27,12 +27,12 @@ const SubVariablePicker: FC<Props> = ({
 
   const renderOption = ({ item }: { item: Record<string, any> }) => {
     return (
-      <div className='flex h-6 items-center justify-between'>
-        <div className='flex h-full items-center'>
-          <Variable02 className='mr-[5px] h-3.5 w-3.5 text-text-accent' />
-          <span className='system-sm-medium text-text-secondary'>{item.name}</span>
+      <div className="flex h-6 items-center justify-between">
+        <div className="flex h-full items-center">
+          <Variable02 className="mr-[5px] h-3.5 w-3.5 text-text-accent" />
+          <span className="system-sm-medium text-text-secondary">{item.name}</span>
         </div>
-        <span className='system-xs-regular text-text-tertiary'>{item.type}</span>
+        <span className="system-xs-regular text-text-tertiary">{item.type}</span>
       </div>
     )
   }
@@ -47,23 +47,27 @@ const SubVariablePicker: FC<Props> = ({
         items={subVarOptions}
         defaultValue={value}
         onSelect={handleChange}
-        className='!text-[13px]'
+        className="!text-[13px]"
         placeholder={t('workflow.nodes.listFilter.selectVariableKeyPlaceholder')!}
-        optionClassName='pl-1 pr-5 py-0'
+        optionClassName="pl-1 pr-5 py-0"
         renderOption={renderOption}
         renderTrigger={item => (
-          <div className='group/sub-variable-picker flex h-8 items-center rounded-lg bg-components-input-bg-normal pl-1 hover:bg-state-base-hover-alt'>
+          <div className="group/sub-variable-picker flex h-8 items-center rounded-lg bg-components-input-bg-normal pl-1 hover:bg-state-base-hover-alt">
             {item
-              ? <div className='flex cursor-pointer justify-start'>
-                <div className='inline-flex h-6 max-w-full items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 text-text-accent shadow-xs'>
-                  <Variable02 className='h-3.5 w-3.5 shrink-0 text-text-accent' />
-                  <div className='system-xs-medium ml-0.5 truncate'>{item?.name}</div>
-                </div>
-              </div>
-              : <div className='system-sm-regular flex pl-1 text-components-input-text-placeholder  group-hover/sub-variable-picker:text-text-tertiary'>
-                <Variable02 className='mr-1 h-4 w-4 shrink-0' />
-                <span>{t('common.placeholder.select')}</span>
-              </div>}
+              ? (
+                  <div className="flex cursor-pointer justify-start">
+                    <div className="inline-flex h-6 max-w-full items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 text-text-accent shadow-xs">
+                      <Variable02 className="h-3.5 w-3.5 shrink-0 text-text-accent" />
+                      <div className="system-xs-medium ml-0.5 truncate">{item?.name}</div>
+                    </div>
+                  </div>
+                )
+              : (
+                  <div className="system-sm-regular flex pl-1 text-components-input-text-placeholder  group-hover/sub-variable-picker:text-text-tertiary">
+                    <Variable02 className="mr-1 h-4 w-4 shrink-0" />
+                    <span>{t('common.placeholder.select')}</span>
+                  </div>
+                )}
           </div>
         )}
       />
diff --git a/web/app/components/workflow/nodes/list-operator/default.ts b/web/app/components/workflow/nodes/list-operator/default.ts
index 816e225046..3ab7ce0d31 100644
--- a/web/app/components/workflow/nodes/list-operator/default.ts
+++ b/web/app/components/workflow/nodes/list-operator/default.ts
@@ -1,9 +1,11 @@
-import { BlockEnum, VarType } from '../../types'
 import type { NodeDefault } from '../../types'
-import { comparisonOperatorNotRequireValue } from '../if-else/utils'
-import { type ListFilterNodeType, OrderBy } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
+import type { ListFilterNodeType } from './types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { BlockEnum, VarType } from '../../types'
+import { comparisonOperatorNotRequireValue } from '../if-else/utils'
+import { OrderBy } from './types'
+
 const i18nPrefix = 'workflow.errorMsg'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/list-operator/node.tsx b/web/app/components/workflow/nodes/list-operator/node.tsx
index 3c59f36587..4d02595fcf 100644
--- a/web/app/components/workflow/nodes/list-operator/node.tsx
+++ b/web/app/components/workflow/nodes/list-operator/node.tsx
@@ -1,13 +1,14 @@
 import type { FC } from 'react'
-import React from 'react'
-import { useNodes } from 'reactflow'
-import { useTranslation } from 'react-i18next'
 import type { ListFilterNodeType } from './types'
+import type { Node, NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes } from 'reactflow'
 import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import { BlockEnum, type Node, type NodeProps } from '@/app/components/workflow/types'
 import {
   VariableLabelInNode,
 } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 const i18nPrefix = 'workflow.nodes.listFilter'
 
@@ -25,8 +26,8 @@ const NodeComponent: FC<NodeProps<ListFilterNodeType>> = ({
   const isSystem = isSystemVar(variable)
   const node = isSystem ? nodes.find(node => node.data.type === BlockEnum.Start) : nodes.find(node => node.id === variable[0])
   return (
-    <div className='relative px-3'>
-      <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t(`${i18nPrefix}.inputVar`)}</div>
+    <div className="relative px-3">
+      <div className="system-2xs-medium-uppercase mb-1 text-text-tertiary">{t(`${i18nPrefix}.inputVar`)}</div>
       <VariableLabelInNode
         variables={variable}
         nodeType={node?.data.type}
diff --git a/web/app/components/workflow/nodes/list-operator/panel.tsx b/web/app/components/workflow/nodes/list-operator/panel.tsx
index e76befcac0..be1d79dcad 100644
--- a/web/app/components/workflow/nodes/list-operator/panel.tsx
+++ b/web/app/components/workflow/nodes/list-operator/panel.tsx
@@ -1,19 +1,20 @@
 import type { FC } from 'react'
+import type { ListFilterNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import VarReferencePicker from '../_base/components/variable/var-reference-picker'
-import OutputVars, { VarItem } from '../_base/components/output-vars'
-import OptionCard from '../_base/components/option-card'
-import Split from '../_base/components/split'
-import useConfig from './use-config'
-import SubVariablePicker from './components/sub-variable-picker'
-import { type ListFilterNodeType, OrderBy } from './types'
-import LimitConfig from './components/limit-config'
-import FilterCondition from './components/filter-condition'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import type { NodePanelProps } from '@/app/components/workflow/types'
 import Switch from '@/app/components/base/switch'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
 import ExtractInput from '@/app/components/workflow/nodes/list-operator/components/extract-input'
+import OptionCard from '../_base/components/option-card'
+import OutputVars, { VarItem } from '../_base/components/output-vars'
+import Split from '../_base/components/split'
+import VarReferencePicker from '../_base/components/variable/var-reference-picker'
+import FilterCondition from './components/filter-condition'
+import LimitConfig from './components/limit-config'
+import SubVariablePicker from './components/sub-variable-picker'
+import { OrderBy } from './types'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.listFilter'
 
@@ -42,8 +43,8 @@ const Panel: FC<NodePanelProps<ListFilterNodeType>> = ({
   } = useConfig(id, data)
 
   return (
-    <div className='pt-2'>
-      <div className='space-y-4 px-4'>
+    <div className="pt-2">
+      <div className="space-y-4 px-4">
         <Field
           title={t(`${i18nPrefix}.inputVar`)}
           required
@@ -56,59 +57,59 @@ const Panel: FC<NodePanelProps<ListFilterNodeType>> = ({
             onChange={handleVarChanges}
             filterVar={filterVar}
             isSupportFileVar={false}
-            typePlaceHolder='Array'
+            typePlaceHolder="Array"
           />
         </Field>
 
         <Field
           title={t(`${i18nPrefix}.filterCondition`)}
-          operations={
+          operations={(
             <Switch
               defaultValue={inputs.filter_by?.enabled}
               onChange={handleFilterEnabledChange}
-              size='md'
+              size="md"
               disabled={readOnly}
             />
-          }
+          )}
         >
           {inputs.filter_by?.enabled
             ? (
-              <FilterCondition
-                condition={inputs.filter_by.conditions[0]}
-                onChange={handleFilterChange}
-                varType={itemVarType}
-                hasSubVariable={hasSubVariable}
-                readOnly={readOnly}
-                nodeId={id}
-              />
-            )
+                <FilterCondition
+                  condition={inputs.filter_by.conditions[0]}
+                  onChange={handleFilterChange}
+                  varType={itemVarType}
+                  hasSubVariable={hasSubVariable}
+                  readOnly={readOnly}
+                  nodeId={id}
+                />
+              )
             : null}
         </Field>
         <Split />
         <Field
           title={t(`${i18nPrefix}.extractsCondition`)}
-          operations={
+          operations={(
             <Switch
               defaultValue={inputs.extract_by?.enabled}
               onChange={handleExtractsEnabledChange}
-              size='md'
+              size="md"
               disabled={readOnly}
             />
-          }
+          )}
         >
           {inputs.extract_by?.enabled
             ? (
-              <div className='flex items-center justify-between'>
-                <div className='mr-2 grow'>
-                  <ExtractInput
-                    value={inputs.extract_by.serial as string}
-                    onChange={handleExtractsChange}
-                    readOnly={readOnly}
-                    nodeId={id}
-                  />
+                <div className="flex items-center justify-between">
+                  <div className="mr-2 grow">
+                    <ExtractInput
+                      value={inputs.extract_by.serial as string}
+                      onChange={handleExtractsChange}
+                      readOnly={readOnly}
+                      nodeId={id}
+                    />
+                  </div>
                 </div>
-              </div>
-            )
+              )
             : null}
         </Field>
         <Split />
@@ -120,40 +121,40 @@ const Panel: FC<NodePanelProps<ListFilterNodeType>> = ({
         <Split />
         <Field
           title={t(`${i18nPrefix}.orderBy`)}
-          operations={
+          operations={(
             <Switch
               defaultValue={inputs.order_by?.enabled}
               onChange={handleOrderByEnabledChange}
-              size='md'
+              size="md"
               disabled={readOnly}
             />
-          }
+          )}
         >
           {inputs.order_by?.enabled
             ? (
-              <div className='flex items-center justify-between'>
-                {hasSubVariable && (
-                  <div className='mr-2 grow'>
-                    <SubVariablePicker
-                      value={inputs.order_by.key as string}
-                      onChange={handleOrderByKeyChange}
+                <div className="flex items-center justify-between">
+                  {hasSubVariable && (
+                    <div className="mr-2 grow">
+                      <SubVariablePicker
+                        value={inputs.order_by.key as string}
+                        onChange={handleOrderByKeyChange}
+                      />
+                    </div>
+                  )}
+                  <div className={!hasSubVariable ? 'grid w-full grid-cols-2 gap-1' : 'flex shrink-0 space-x-1'}>
+                    <OptionCard
+                      title={t(`${i18nPrefix}.asc`)}
+                      onSelect={handleOrderByTypeChange(OrderBy.ASC)}
+                      selected={inputs.order_by.value === OrderBy.ASC}
+                    />
+                    <OptionCard
+                      title={t(`${i18nPrefix}.desc`)}
+                      onSelect={handleOrderByTypeChange(OrderBy.DESC)}
+                      selected={inputs.order_by.value === OrderBy.DESC}
                     />
                   </div>
-                )}
-                <div className={!hasSubVariable ? 'grid w-full grid-cols-2 gap-1' : 'flex shrink-0 space-x-1'}>
-                  <OptionCard
-                    title={t(`${i18nPrefix}.asc`)}
-                    onSelect={handleOrderByTypeChange(OrderBy.ASC)}
-                    selected={inputs.order_by.value === OrderBy.ASC}
-                  />
-                  <OptionCard
-                    title={t(`${i18nPrefix}.desc`)}
-                    onSelect={handleOrderByTypeChange(OrderBy.DESC)}
-                    selected={inputs.order_by.value === OrderBy.DESC}
-                  />
                 </div>
-              </div>
-            )
+              )
             : null}
         </Field>
         <Split />
@@ -162,17 +163,17 @@ const Panel: FC<NodePanelProps<ListFilterNodeType>> = ({
         <OutputVars>
           <>
             <VarItem
-              name='result'
+              name="result"
               type={`Array[${itemVarTypeShowName}]`}
               description={t(`${i18nPrefix}.outputVars.result`)}
             />
             <VarItem
-              name='first_record'
+              name="first_record"
               type={itemVarTypeShowName}
               description={t(`${i18nPrefix}.outputVars.first_record`)}
             />
             <VarItem
-              name='last_record'
+              name="last_record"
               type={itemVarTypeShowName}
               description={t(`${i18nPrefix}.outputVars.last_record`)}
             />
diff --git a/web/app/components/workflow/nodes/list-operator/use-config.ts b/web/app/components/workflow/nodes/list-operator/use-config.ts
index eff249b717..72f92bfea4 100644
--- a/web/app/components/workflow/nodes/list-operator/use-config.ts
+++ b/web/app/components/workflow/nodes/list-operator/use-config.ts
@@ -1,18 +1,18 @@
-import { useCallback, useMemo } from 'react'
-import { produce } from 'immer'
-import { useStoreApi } from 'reactflow'
 import type { ValueSelector, Var } from '../../types'
-import { VarType } from '../../types'
-import { getOperators } from '../if-else/utils'
-import { OrderBy } from './types'
 import type { Condition, Limit, ListFilterNodeType } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { produce } from 'immer'
+import { useCallback, useMemo } from 'react'
+import { useStoreApi } from 'reactflow'
 import {
   useIsChatMode,
   useNodesReadOnly,
   useWorkflow,
   useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { VarType } from '../../types'
+import { getOperators } from '../if-else/utils'
+import { OrderBy } from './types'
 
 const useConfig = (id: string, payload: ListFilterNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
diff --git a/web/app/components/workflow/nodes/llm/components/config-prompt-item.tsx b/web/app/components/workflow/nodes/llm/components/config-prompt-item.tsx
index 88ba95f76d..a712d6e408 100644
--- a/web/app/components/workflow/nodes/llm/components/config-prompt-item.tsx
+++ b/web/app/components/workflow/nodes/llm/components/config-prompt-item.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
+import type { ModelConfig, PromptItem, Variable } from '../../../types'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ModelConfig, PromptItem, Variable } from '../../../types'
-import { EditionType } from '../../../types'
-import { useWorkflowStore } from '../../../store'
+import Tooltip from '@/app/components/base/tooltip'
 import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
 import TypeSelector from '@/app/components/workflow/nodes/_base/components/selector'
-import Tooltip from '@/app/components/base/tooltip'
 import { PromptRole } from '@/models/debug'
+import { useWorkflowStore } from '../../../store'
+import { EditionType } from '../../../types'
 
 const i18nPrefix = 'workflow.nodes.llm'
 
@@ -99,31 +99,33 @@ const ConfigPromptItem: FC<Props> = ({
       headerClassName={headerClassName}
       instanceId={instanceId}
       key={instanceId}
-      title={
-        <div className='relative left-1 flex items-center'>
+      title={(
+        <div className="relative left-1 flex items-center">
           {payload.role === PromptRole.system
-            ? (<div className='relative left-[-4px] text-xs font-semibold uppercase text-text-secondary'>
-              SYSTEM
-            </div>)
+            ? (
+                <div className="relative left-[-4px] text-xs font-semibold uppercase text-text-secondary">
+                  SYSTEM
+                </div>
+              )
             : (
-              <TypeSelector
-                value={payload.role as string}
-                allOptions={roleOptions}
-                options={canNotChooseSystemRole ? roleOptionsWithoutSystemRole : roleOptions}
-                onChange={handleChatModeMessageRoleChange}
-                triggerClassName='text-xs font-semibold text-text-secondary uppercase'
-                itemClassName='text-[13px] font-medium text-text-secondary'
-              />
-            )}
+                <TypeSelector
+                  value={payload.role as string}
+                  allOptions={roleOptions}
+                  options={canNotChooseSystemRole ? roleOptionsWithoutSystemRole : roleOptions}
+                  onChange={handleChatModeMessageRoleChange}
+                  triggerClassName="text-xs font-semibold text-text-secondary uppercase"
+                  itemClassName="text-[13px] font-medium text-text-secondary"
+                />
+              )}
 
           <Tooltip
             popupContent={
-              <div className='max-w-[180px]'>{t(`${i18nPrefix}.roleDescription.${payload.role}`)}</div>
+              <div className="max-w-[180px]">{t(`${i18nPrefix}.roleDescription.${payload.role}`)}</div>
             }
-            triggerClassName='w-4 h-4'
+            triggerClassName="w-4 h-4"
           />
         </div>
-      }
+      )}
       value={payload.edition_type === EditionType.jinja2 ? (payload.jinja2_text || '') : payload.text}
       onChange={onPromptChange}
       readOnly={readOnly}
diff --git a/web/app/components/workflow/nodes/llm/components/config-prompt.tsx b/web/app/components/workflow/nodes/llm/components/config-prompt.tsx
index d44d299bc4..856b88ac00 100644
--- a/web/app/components/workflow/nodes/llm/components/config-prompt.tsx
+++ b/web/app/components/workflow/nodes/llm/components/config-prompt.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { ModelConfig, PromptItem, ValueSelector, Var, Variable } from '../../../types'
+import { produce } from 'immer'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import { ReactSortable } from 'react-sortablejs'
 import { v4 as uuid4 } from 'uuid'
-import type { ModelConfig, PromptItem, ValueSelector, Var, Variable } from '../../../types'
+import { DragHandle } from '@/app/components/base/icons/src/vender/line/others'
+import AddButton from '@/app/components/workflow/nodes/_base/components/add-button'
+import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
+import { cn } from '@/utils/classnames'
+import { useWorkflowStore } from '../../../store'
 import { EditionType, PromptRole } from '../../../types'
 import useAvailableVarList from '../../_base/hooks/use-available-var-list'
-import { useWorkflowStore } from '../../../store'
 import ConfigPromptItem from './config-prompt-item'
-import { cn } from '@/utils/classnames'
-import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
-import AddButton from '@/app/components/workflow/nodes/_base/components/add-button'
-import { DragHandle } from '@/app/components/base/icons/src/vender/line/others'
 
 const i18nPrefix = 'workflow.nodes.llm'
 
@@ -57,15 +57,15 @@ const ConfigPrompt: FC<Props> = ({
   } = workflowStore.getState()
   const payloadWithIds = (isChatModel && Array.isArray(payload))
     ? payload.map((item) => {
-      const id = uuid4()
-      return {
-        id: item.id || id,
-        p: {
-          ...item,
+        const id = uuid4()
+        return {
           id: item.id || id,
-        },
-      }
-    })
+          p: {
+            ...item,
+            id: item.id || id,
+          },
+        }
+      })
     : []
   const {
     availableVars,
@@ -153,96 +153,97 @@ const ConfigPrompt: FC<Props> = ({
     <div>
       {(isChatModel && Array.isArray(payload))
         ? (
-          <div>
-            <div className='space-y-2'>
-              <ReactSortable className="space-y-1"
-                list={payloadWithIds}
-                setList={(list) => {
-                  if ((payload as PromptItem[])?.[0]?.role === PromptRole.system && list[0].p?.role !== PromptRole.system)
-                    return
+            <div>
+              <div className="space-y-2">
+                <ReactSortable
+                  className="space-y-1"
+                  list={payloadWithIds}
+                  setList={(list) => {
+                    if ((payload as PromptItem[])?.[0]?.role === PromptRole.system && list[0].p?.role !== PromptRole.system)
+                      return
 
-                  onChange(list.map(item => item.p))
-                }}
-                handle='.handle'
-                ghostClass="opacity-50"
-                animation={150}
-              >
-                {
-                  (payload as PromptItem[]).map((item, index) => {
-                    const canDrag = (() => {
-                      if (readOnly)
-                        return false
+                    onChange(list.map(item => item.p))
+                  }}
+                  handle=".handle"
+                  ghostClass="opacity-50"
+                  animation={150}
+                >
+                  {
+                    (payload as PromptItem[]).map((item, index) => {
+                      const canDrag = (() => {
+                        if (readOnly)
+                          return false
 
-                      if (index === 0 && item.role === PromptRole.system)
-                        return false
+                        if (index === 0 && item.role === PromptRole.system)
+                          return false
 
-                      return true
-                    })()
-                    return (
-                      <div key={item.id || index} className='group relative'>
-                        {canDrag && <DragHandle className='absolute left-[-14px] top-2 hidden h-3.5 w-3.5 text-text-quaternary group-hover:block' />}
-                        <ConfigPromptItem
-                          instanceId={item.role === PromptRole.system ? `${nodeId}-chat-workflow-llm-prompt-editor` : `${nodeId}-chat-workflow-llm-prompt-editor-${index}`}
-                          className={cn(canDrag && 'handle')}
-                          headerClassName={cn(canDrag && 'cursor-grab')}
-                          canNotChooseSystemRole={!canChooseSystemRole}
-                          canRemove={payload.length > 1 && !(index === 0 && item.role === PromptRole.system)}
-                          readOnly={readOnly}
-                          id={item.id!}
-                          nodeId={nodeId}
-                          handleChatModeMessageRoleChange={handleChatModeMessageRoleChange(index)}
-                          isChatModel={isChatModel}
-                          isChatApp={isChatApp}
-                          payload={item}
-                          onPromptChange={handleChatModePromptChange(index)}
-                          onEditionTypeChange={handleChatModeEditionTypeChange(index)}
-                          onRemove={handleRemove(index)}
-                          isShowContext={isShowContext}
-                          hasSetBlockStatus={hasSetBlockStatus}
-                          availableVars={availableVars}
-                          availableNodes={availableNodesWithParent}
-                          varList={varList}
-                          handleAddVariable={handleAddVariable}
-                          modelConfig={modelConfig}
-                        />
-                      </div>
-                    )
-                  })
-                }
-              </ReactSortable>
+                        return true
+                      })()
+                      return (
+                        <div key={item.id || index} className="group relative">
+                          {canDrag && <DragHandle className="absolute left-[-14px] top-2 hidden h-3.5 w-3.5 text-text-quaternary group-hover:block" />}
+                          <ConfigPromptItem
+                            instanceId={item.role === PromptRole.system ? `${nodeId}-chat-workflow-llm-prompt-editor` : `${nodeId}-chat-workflow-llm-prompt-editor-${index}`}
+                            className={cn(canDrag && 'handle')}
+                            headerClassName={cn(canDrag && 'cursor-grab')}
+                            canNotChooseSystemRole={!canChooseSystemRole}
+                            canRemove={payload.length > 1 && !(index === 0 && item.role === PromptRole.system)}
+                            readOnly={readOnly}
+                            id={item.id!}
+                            nodeId={nodeId}
+                            handleChatModeMessageRoleChange={handleChatModeMessageRoleChange(index)}
+                            isChatModel={isChatModel}
+                            isChatApp={isChatApp}
+                            payload={item}
+                            onPromptChange={handleChatModePromptChange(index)}
+                            onEditionTypeChange={handleChatModeEditionTypeChange(index)}
+                            onRemove={handleRemove(index)}
+                            isShowContext={isShowContext}
+                            hasSetBlockStatus={hasSetBlockStatus}
+                            availableVars={availableVars}
+                            availableNodes={availableNodesWithParent}
+                            varList={varList}
+                            handleAddVariable={handleAddVariable}
+                            modelConfig={modelConfig}
+                          />
+                        </div>
+                      )
+                    })
+                  }
+                </ReactSortable>
+              </div>
+              <AddButton
+                className="mt-2"
+                text={t(`${i18nPrefix}.addMessage`)}
+                onClick={handleAddPrompt}
+              />
             </div>
-            <AddButton
-              className='mt-2'
-              text={t(`${i18nPrefix}.addMessage`)}
-              onClick={handleAddPrompt}
-            />
-          </div>
-        )
+          )
         : (
-          <div>
-            <Editor
-              instanceId={`${nodeId}-chat-workflow-llm-prompt-editor`}
-              title={<span className='capitalize'>{t(`${i18nPrefix}.prompt`)}</span>}
-              value={((payload as PromptItem).edition_type === EditionType.basic || !(payload as PromptItem).edition_type) ? (payload as PromptItem).text : ((payload as PromptItem).jinja2_text || '')}
-              onChange={handleCompletionPromptChange}
-              readOnly={readOnly}
-              isChatModel={isChatModel}
-              isChatApp={isChatApp}
-              isShowContext={isShowContext}
-              hasSetBlockStatus={hasSetBlockStatus}
-              nodesOutputVars={availableVars}
-              availableNodes={availableNodesWithParent}
-              isSupportPromptGenerator
-              isSupportJinja
-              editionType={(payload as PromptItem).edition_type}
-              varList={varList}
-              onEditionTypeChange={handleCompletionEditionTypeChange}
-              handleAddVariable={handleAddVariable}
-              onGenerated={handleGenerated}
-              modelConfig={modelConfig}
-            />
-          </div>
-        )}
+            <div>
+              <Editor
+                instanceId={`${nodeId}-chat-workflow-llm-prompt-editor`}
+                title={<span className="capitalize">{t(`${i18nPrefix}.prompt`)}</span>}
+                value={((payload as PromptItem).edition_type === EditionType.basic || !(payload as PromptItem).edition_type) ? (payload as PromptItem).text : ((payload as PromptItem).jinja2_text || '')}
+                onChange={handleCompletionPromptChange}
+                readOnly={readOnly}
+                isChatModel={isChatModel}
+                isChatApp={isChatApp}
+                isShowContext={isShowContext}
+                hasSetBlockStatus={hasSetBlockStatus}
+                nodesOutputVars={availableVars}
+                availableNodes={availableNodesWithParent}
+                isSupportPromptGenerator
+                isSupportJinja
+                editionType={(payload as PromptItem).edition_type}
+                varList={varList}
+                onEditionTypeChange={handleCompletionEditionTypeChange}
+                handleAddVariable={handleAddVariable}
+                onGenerated={handleGenerated}
+                modelConfig={modelConfig}
+              />
+            </div>
+          )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/code-editor.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/code-editor.tsx
index 3ca2162206..72620ee233 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/code-editor.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/code-editor.tsx
@@ -1,12 +1,13 @@
-import React, { type FC, useCallback, useEffect, useMemo, useRef } from 'react'
-import useTheme from '@/hooks/use-theme'
-import { Theme } from '@/types/app'
-import { cn } from '@/utils/classnames'
+import type { FC } from 'react'
 import { Editor } from '@monaco-editor/react'
 import { RiClipboardLine, RiIndentIncrease } from '@remixicon/react'
 import copy from 'copy-to-clipboard'
-import Tooltip from '@/app/components/base/tooltip'
+import React, { useCallback, useEffect, useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import useTheme from '@/hooks/use-theme'
+import { Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 
 type CodeEditorProps = {
   value: string
@@ -114,28 +115,29 @@ const CodeEditor: FC<CodeEditorProps> = ({
   return (
     <div className={cn('flex h-full flex-col overflow-hidden bg-components-input-bg-normal', hideTopMenu && 'pt-2', className)}>
       {!hideTopMenu && (
-        <div className='flex items-center justify-between pl-2 pr-1 pt-1'>
-          <div className='system-xs-semibold-uppercase py-0.5 text-text-secondary'>
-            <span className='px-1 py-0.5'>JSON</span>
+        <div className="flex items-center justify-between pl-2 pr-1 pt-1">
+          <div className="system-xs-semibold-uppercase py-0.5 text-text-secondary">
+            <span className="px-1 py-0.5">JSON</span>
           </div>
-          <div className='flex items-center gap-x-0.5'>
+          <div className="flex items-center gap-x-0.5">
             {showFormatButton && (
               <Tooltip popupContent={t('common.operation.format')}>
                 <button
-                  type='button'
-                  className='flex h-6 w-6 items-center justify-center'
+                  type="button"
+                  className="flex h-6 w-6 items-center justify-center"
                   onClick={formatJsonContent}
                 >
-                  <RiIndentIncrease className='h-4 w-4 text-text-tertiary' />
+                  <RiIndentIncrease className="h-4 w-4 text-text-tertiary" />
                 </button>
               </Tooltip>
             )}
             <Tooltip popupContent={t('common.operation.copy')}>
               <button
-                type='button'
-                className='flex h-6 w-6 items-center justify-center'
-                onClick={() => copy(value)}>
-                <RiClipboardLine className='h-4 w-4 text-text-tertiary' />
+                type="button"
+                className="flex h-6 w-6 items-center justify-center"
+                onClick={() => copy(value)}
+              >
+                <RiClipboardLine className="h-4 w-4 text-text-tertiary" />
               </button>
             </Tooltip>
           </div>
@@ -144,7 +146,7 @@ const CodeEditor: FC<CodeEditorProps> = ({
       {topContent}
       <div className={cn('relative overflow-hidden', editorWrapperClassName)}>
         <Editor
-          defaultLanguage='json'
+          defaultLanguage="json"
           theme={isMounted ? editorTheme : 'default-theme'} // sometimes not load the default theme
           value={value}
           onChange={handleEditorChange}
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/error-message.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/error-message.tsx
index 937165df1c..5cb2a421d5 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/error-message.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/error-message.tsx
@@ -1,6 +1,6 @@
-import React from 'react'
 import type { FC } from 'react'
 import { RiErrorWarningFill } from '@remixicon/react'
+import React from 'react'
 import { cn } from '@/utils/classnames'
 
 type ErrorMessageProps = {
@@ -12,10 +12,9 @@ const ErrorMessage: FC<ErrorMessageProps> = ({
   className,
 }) => {
   return (
-    <div className={cn('mt-1 flex gap-x-1 rounded-lg border-[0.5px] border-components-panel-border bg-toast-error-bg p-2',
-      className)}>
-      <RiErrorWarningFill className='h-4 w-4 shrink-0 text-text-destructive' />
-      <div className='system-xs-medium max-h-12 grow overflow-y-auto whitespace-pre-line break-words text-text-primary'>
+    <div className={cn('mt-1 flex gap-x-1 rounded-lg border-[0.5px] border-components-panel-border bg-toast-error-bg p-2', className)}>
+      <RiErrorWarningFill className="h-4 w-4 shrink-0 text-text-destructive" />
+      <div className="system-xs-medium max-h-12 grow overflow-y-auto whitespace-pre-line break-words text-text-primary">
         {message}
       </div>
     </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/index.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/index.tsx
index d34836d5b2..b7a0a40f32 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/index.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/index.tsx
@@ -1,6 +1,7 @@
-import React, { type FC } from 'react'
-import Modal from '../../../../../base/modal'
+import type { FC } from 'react'
 import type { SchemaRoot } from '../../types'
+import React from 'react'
+import Modal from '../../../../../base/modal'
 import JsonSchemaConfig from './json-schema-config'
 
 type JsonSchemaConfigModalProps = {
@@ -20,7 +21,7 @@ const JsonSchemaConfigModal: FC<JsonSchemaConfigModalProps> = ({
     <Modal
       isShow={isShow}
       onClose={onClose}
-      className='h-[800px] max-w-[960px] p-0'
+      className="h-[800px] max-w-[960px] p-0"
     >
       <JsonSchemaConfig
         defaultSchema={defaultSchema}
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-importer.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-importer.tsx
index 41539ec605..0110756b47 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-importer.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-importer.tsx
@@ -1,15 +1,16 @@
-import React, { type FC, useCallback, useEffect, useRef, useState } from 'react'
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
-import { cn } from '@/utils/classnames'
-import { useTranslation } from 'react-i18next'
+import type { FC } from 'react'
 import { RiCloseLine } from '@remixicon/react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import { checkJsonDepth } from '../../utils'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
+import { cn } from '@/utils/classnames'
+import { checkJsonDepth } from '../../utils'
 import CodeEditor from './code-editor'
 import ErrorMessage from './error-message'
-import { useVisualEditorStore } from './visual-editor/store'
 import { useMittContext } from './visual-editor/context'
+import { useVisualEditorStore } from './visual-editor/store'
 
 type JsonImporterProps = {
   onSubmit: (schema: any) => void
@@ -78,7 +79,7 @@ const JsonImporter: FC<JsonImporterProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 16,
@@ -86,31 +87,31 @@ const JsonImporter: FC<JsonImporterProps> = ({
     >
       <PortalToFollowElemTrigger ref={importBtnRef} onClick={handleTrigger}>
         <button
-          type='button'
+          type="button"
           className={cn(
             'system-xs-medium flex shrink-0 rounded-md px-1.5 py-1 text-text-tertiary hover:bg-components-button-ghost-bg-hover',
             open && 'bg-components-button-ghost-bg-hover',
           )}
         >
-          <span className='px-0.5'>{t('workflow.nodes.llm.jsonSchema.import')}</span>
+          <span className="px-0.5">{t('workflow.nodes.llm.jsonSchema.import')}</span>
         </button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[100]'>
-        <div className='flex w-[400px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9'>
+      <PortalToFollowElemContent className="z-[100]">
+        <div className="flex w-[400px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9">
           {/* Title */}
-          <div className='relative px-3 pb-1 pt-3.5'>
-            <div className='absolute bottom-0 right-2.5 flex h-8 w-8 items-center justify-center' onClick={onClose}>
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <div className="relative px-3 pb-1 pt-3.5">
+            <div className="absolute bottom-0 right-2.5 flex h-8 w-8 items-center justify-center" onClick={onClose}>
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </div>
-            <div className='system-xl-semibold flex pl-1 pr-8 text-text-primary'>
+            <div className="system-xl-semibold flex pl-1 pr-8 text-text-primary">
               {t('workflow.nodes.llm.jsonSchema.import')}
             </div>
           </div>
           {/* Content */}
-          <div className='px-4 py-2'>
+          <div className="px-4 py-2">
             <CodeEditor
-              className='rounded-lg'
-              editorWrapperClassName='h-[340px]'
+              className="rounded-lg"
+              editorWrapperClassName="h-[340px]"
               value={json}
               onUpdate={setJson}
               showFormatButton={false}
@@ -118,11 +119,11 @@ const JsonImporter: FC<JsonImporterProps> = ({
             {parseError && <ErrorMessage message={parseError.message} />}
           </div>
           {/* Footer */}
-          <div className='flex items-center justify-end gap-x-2 p-4 pt-2'>
-            <Button variant='secondary' onClick={onClose}>
+          <div className="flex items-center justify-end gap-x-2 p-4 pt-2">
+            <Button variant="secondary" onClick={onClose}>
               {t('common.operation.cancel')}
             </Button>
-            <Button variant='primary' onClick={handleSubmit}>
+            <Button variant="primary" onClick={handleSubmit}>
               {t('common.operation.submit')}
             </Button>
           </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-config.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-config.tsx
index be80a8aac7..c5eaea6efd 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-config.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-config.tsx
@@ -1,14 +1,15 @@
-import React, { type FC, useCallback, useState } from 'react'
-import { type SchemaRoot, Type } from '../../types'
+import type { FC } from 'react'
+import type { SchemaRoot } from '../../types'
 import { RiBracesLine, RiCloseLine, RiExternalLinkLine, RiTimelineView } from '@remixicon/react'
-import { SegmentedControl } from '../../../../../base/segmented-control'
-import JsonSchemaGenerator from './json-schema-generator'
-import Divider from '@/app/components/base/divider'
-import JsonImporter from './json-importer'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import VisualEditor from './visual-editor'
-import SchemaEditor from './schema-editor'
+import Divider from '@/app/components/base/divider'
+import Toast from '@/app/components/base/toast'
+import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
+import { useDocLink } from '@/context/i18n'
+import { SegmentedControl } from '../../../../../base/segmented-control'
+import { Type } from '../../types'
 import {
   checkJsonSchemaDepth,
   getValidationErrorMessage,
@@ -16,12 +17,13 @@ import {
   preValidateSchema,
   validateSchemaAgainstDraft7,
 } from '../../utils'
-import { MittProvider, VisualEditorContextProvider, useMittContext } from './visual-editor/context'
 import ErrorMessage from './error-message'
+import JsonImporter from './json-importer'
+import JsonSchemaGenerator from './json-schema-generator'
+import SchemaEditor from './schema-editor'
+import VisualEditor from './visual-editor'
+import { MittProvider, useMittContext, VisualEditorContextProvider } from './visual-editor/context'
 import { useVisualEditorStore } from './visual-editor/store'
-import Toast from '@/app/components/base/toast'
-import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
-import { useDocLink } from '@/context/i18n'
 
 type JsonSchemaConfigProps = {
   defaultSchema?: SchemaRoot
@@ -71,7 +73,8 @@ const JsonSchemaConfig: FC<JsonSchemaConfigProps> = ({
   }, [])
 
   const handleTabChange = useCallback((value: SchemaView) => {
-    if (currentTab === value) return
+    if (currentTab === value)
+      return
     if (currentTab === SchemaView.JsonSchema) {
       try {
         const schema = JSON.parse(json)
@@ -199,31 +202,31 @@ const JsonSchemaConfig: FC<JsonSchemaConfigProps> = ({
   }, [currentTab, jsonSchema, json, onSave, onClose, advancedEditing, isAddingNewField, t])
 
   return (
-    <div className='flex h-full flex-col'>
+    <div className="flex h-full flex-col">
       {/* Header */}
-      <div className='relative flex p-6 pb-3 pr-14'>
-        <div className='title-2xl-semi-bold grow truncate text-text-primary'>
+      <div className="relative flex p-6 pb-3 pr-14">
+        <div className="title-2xl-semi-bold grow truncate text-text-primary">
           {t('workflow.nodes.llm.jsonSchema.title')}
         </div>
-        <div className='absolute right-5 top-5 flex h-8 w-8 items-center justify-center p-1.5' onClick={onClose}>
-          <RiCloseLine className='h-[18px] w-[18px] text-text-tertiary' />
+        <div className="absolute right-5 top-5 flex h-8 w-8 items-center justify-center p-1.5" onClick={onClose}>
+          <RiCloseLine className="h-[18px] w-[18px] text-text-tertiary" />
         </div>
       </div>
       {/* Content */}
-      <div className='flex items-center justify-between px-6 py-2'>
+      <div className="flex items-center justify-between px-6 py-2">
         {/* Tab */}
         <SegmentedControl<SchemaView>
           options={VIEW_TABS}
           value={currentTab}
           onChange={handleTabChange}
         />
-        <div className='flex items-center gap-x-0.5'>
+        <div className="flex items-center gap-x-0.5">
           {/* JSON Schema Generator */}
           <JsonSchemaGenerator
             crossAxisOffset={btnWidth}
             onApply={handleApplySchema}
           />
-          <Divider type='vertical' className='h-3' />
+          <Divider type="vertical" className="h-3" />
           {/* JSON Schema Importer */}
           <JsonImporter
             updateBtnWidth={updateBtnWidth}
@@ -231,7 +234,7 @@ const JsonSchemaConfig: FC<JsonSchemaConfigProps> = ({
           />
         </div>
       </div>
-      <div className='flex grow flex-col gap-y-1 overflow-hidden px-6'>
+      <div className="flex grow flex-col gap-y-1 overflow-hidden px-6">
         {currentTab === SchemaView.VisualEditor && (
           <VisualEditor
             schema={jsonSchema}
@@ -248,28 +251,28 @@ const JsonSchemaConfig: FC<JsonSchemaConfigProps> = ({
         {validationError && <ErrorMessage message={validationError} />}
       </div>
       {/* Footer */}
-      <div className='flex items-center gap-x-2 p-6 pt-5'>
+      <div className="flex items-center gap-x-2 p-6 pt-5">
         <a
-          className='flex grow items-center gap-x-1 text-text-accent'
+          className="flex grow items-center gap-x-1 text-text-accent"
           href={docLink('/guides/workflow/structured-outputs')}
-          target='_blank'
-          rel='noopener noreferrer'
+          target="_blank"
+          rel="noopener noreferrer"
         >
-          <span className='system-xs-regular'>{t('workflow.nodes.llm.jsonSchema.doc')}</span>
-          <RiExternalLinkLine className='h-3 w-3' />
+          <span className="system-xs-regular">{t('workflow.nodes.llm.jsonSchema.doc')}</span>
+          <RiExternalLinkLine className="h-3 w-3" />
         </a>
-        <div className='flex items-center gap-x-3'>
-          <div className='flex items-center gap-x-2'>
-            <Button variant='secondary' onClick={handleResetDefaults}>
+        <div className="flex items-center gap-x-3">
+          <div className="flex items-center gap-x-2">
+            <Button variant="secondary" onClick={handleResetDefaults}>
               {t('workflow.nodes.llm.jsonSchema.resetDefaults')}
             </Button>
-            <Divider type='vertical' className='ml-1 mr-0 h-4' />
+            <Divider type="vertical" className="ml-1 mr-0 h-4" />
           </div>
-          <div className='flex items-center gap-x-2'>
-            <Button variant='secondary' onClick={handleCancel}>
+          <div className="flex items-center gap-x-2">
+            <Button variant="secondary" onClick={handleCancel}>
               {t('common.operation.cancel')}
             </Button>
-            <Button variant='primary' onClick={handleSave}>
+            <Button variant="primary" onClick={handleSave}>
               {t('common.operation.save')}
             </Button>
           </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/assets/index.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/assets/index.tsx
index 5f1f117086..91dc3dfdd5 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/assets/index.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/assets/index.tsx
@@ -1,7 +1,7 @@
-import SchemaGeneratorLight from './schema-generator-light'
 import SchemaGeneratorDark from './schema-generator-dark'
+import SchemaGeneratorLight from './schema-generator-light'
 
 export {
-  SchemaGeneratorLight,
   SchemaGeneratorDark,
+  SchemaGeneratorLight,
 }
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/generated-result.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/generated-result.tsx
index 00f57237e5..0e7d8c8d0c 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/generated-result.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/generated-result.tsx
@@ -1,12 +1,13 @@
-import React, { type FC, useCallback, useMemo, useState } from 'react'
+import type { FC } from 'react'
 import type { SchemaRoot } from '../../../types'
 import { RiArrowLeftLine, RiCloseLine, RiSparklingLine } from '@remixicon/react'
+import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+import Loading from '@/app/components/base/loading'
+import { getValidationErrorMessage, validateSchemaAgainstDraft7 } from '../../../utils'
 import CodeEditor from '../code-editor'
 import ErrorMessage from '../error-message'
-import { getValidationErrorMessage, validateSchemaAgainstDraft7 } from '../../../utils'
-import Loading from '@/app/components/base/loading'
 
 type GeneratedResultProps = {
   schema: SchemaRoot
@@ -57,32 +58,32 @@ const GeneratedResult: FC<GeneratedResultProps> = ({
   }, [schema, onApply])
 
   return (
-    <div className='flex w-[480px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9'>
+    <div className="flex w-[480px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9">
       {
         isGenerating ? (
-          <div className='flex h-[600px] flex-col items-center justify-center gap-y-3'>
-            <Loading type='area' />
-            <div className='system-xs-regular text-text-tertiary'>{t('workflow.nodes.llm.jsonSchema.generating')}</div>
+          <div className="flex h-[600px] flex-col items-center justify-center gap-y-3">
+            <Loading type="area" />
+            <div className="system-xs-regular text-text-tertiary">{t('workflow.nodes.llm.jsonSchema.generating')}</div>
           </div>
         ) : (
           <>
-            <div className='absolute right-2.5 top-2.5 flex h-8 w-8 items-center justify-center' onClick={onClose}>
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <div className="absolute right-2.5 top-2.5 flex h-8 w-8 items-center justify-center" onClick={onClose}>
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </div>
             {/* Title */}
-            <div className='flex flex-col gap-y-[0.5px] px-3 pb-1 pt-3.5'>
-              <div className='system-xl-semibold flex pl-1 pr-8 text-text-primary'>
+            <div className="flex flex-col gap-y-[0.5px] px-3 pb-1 pt-3.5">
+              <div className="system-xl-semibold flex pl-1 pr-8 text-text-primary">
                 {t('workflow.nodes.llm.jsonSchema.generatedResult')}
               </div>
-              <div className='system-xs-regular flex px-1 text-text-tertiary'>
+              <div className="system-xs-regular flex px-1 text-text-tertiary">
                 {t('workflow.nodes.llm.jsonSchema.resultTip')}
               </div>
             </div>
             {/* Content */}
-            <div className='px-4 py-2'>
+            <div className="px-4 py-2">
               <CodeEditor
-                className='rounded-lg'
-                editorWrapperClassName='h-[424px]'
+                className="rounded-lg"
+                editorWrapperClassName="h-[424px]"
                 value={jsonSchema}
                 readOnly
                 showFormatButton={false}
@@ -91,21 +92,21 @@ const GeneratedResult: FC<GeneratedResultProps> = ({
               {validationError && <ErrorMessage message={validationError} />}
             </div>
             {/* Footer */}
-            <div className='flex items-center justify-between p-4 pt-2'>
-              <Button variant='secondary' className='flex items-center gap-x-0.5' onClick={onBack}>
-                <RiArrowLeftLine className='h-4 w-4' />
+            <div className="flex items-center justify-between p-4 pt-2">
+              <Button variant="secondary" className="flex items-center gap-x-0.5" onClick={onBack}>
+                <RiArrowLeftLine className="h-4 w-4" />
                 <span>{t('workflow.nodes.llm.jsonSchema.back')}</span>
               </Button>
-              <div className='flex items-center gap-x-2'>
+              <div className="flex items-center gap-x-2">
                 <Button
-                  variant='secondary'
-                  className='flex items-center gap-x-0.5'
+                  variant="secondary"
+                  className="flex items-center gap-x-0.5"
                   onClick={onRegenerate}
                 >
-                  <RiSparklingLine className='h-4 w-4' />
+                  <RiSparklingLine className="h-4 w-4" />
                   <span>{t('workflow.nodes.llm.jsonSchema.regenerate')}</span>
                 </Button>
-                <Button variant='primary' onClick={handleApply}>
+                <Button variant="primary" onClick={handleApply}>
                   {t('workflow.nodes.llm.jsonSchema.apply')}
                 </Button>
               </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/index.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/index.tsx
index 2671858628..a4da5b69e3 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/index.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/index.tsx
@@ -1,24 +1,25 @@
-import React, { type FC, useCallback, useEffect, useState } from 'react'
+import type { FC } from 'react'
 import type { SchemaRoot } from '../../../types'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { CompletionParams, Model } from '@/types/app'
+import React, { useCallback, useEffect, useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import useTheme from '@/hooks/use-theme'
-import type { CompletionParams, Model } from '@/types/app'
-import { ModelModeType } from '@/types/app'
-import { Theme } from '@/types/app'
-import { SchemaGeneratorDark, SchemaGeneratorLight } from './assets'
-import { cn } from '@/utils/classnames'
-import PromptEditor from './prompt-editor'
-import GeneratedResult from './generated-result'
-import { useGenerateStructuredOutputRules } from '@/service/use-common'
 import Toast from '@/app/components/base/toast'
-import { type FormValue, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { useVisualEditorStore } from '../visual-editor/store'
+import useTheme from '@/hooks/use-theme'
+import { useGenerateStructuredOutputRules } from '@/service/use-common'
+import { ModelModeType, Theme } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { useMittContext } from '../visual-editor/context'
+import { useVisualEditorStore } from '../visual-editor/store'
+import { SchemaGeneratorDark, SchemaGeneratorLight } from './assets'
+import GeneratedResult from './generated-result'
+import PromptEditor from './prompt-editor'
 
 type JsonSchemaGeneratorProps = {
   onApply: (schema: SchemaRoot) => void
@@ -85,7 +86,7 @@ const JsonSchemaGenerator: FC<JsonSchemaGeneratorProps> = ({
     setOpen(false)
   }, [])
 
-  const handleModelChange = useCallback((newValue: { modelId: string; provider: string; mode?: string; features?: string[] }) => {
+  const handleModelChange = useCallback((newValue: { modelId: string, provider: string, mode?: string, features?: string[] }) => {
     const newModel = {
       ...model,
       provider: newValue.provider,
@@ -124,7 +125,8 @@ const JsonSchemaGenerator: FC<JsonSchemaGeneratorProps> = ({
   const handleGenerate = useCallback(async () => {
     setView(GeneratorView.result)
     const output = await generateSchema()
-    if (output === undefined) return
+    if (output === undefined)
+      return
     setSchema(JSON.parse(output))
   }, [generateSchema])
 
@@ -134,7 +136,8 @@ const JsonSchemaGenerator: FC<JsonSchemaGeneratorProps> = ({
 
   const handleRegenerate = useCallback(async () => {
     const output = await generateSchema()
-    if (output === undefined) return
+    if (output === undefined)
+      return
     setSchema(JSON.parse(output))
   }, [generateSchema])
 
@@ -147,7 +150,7 @@ const JsonSchemaGenerator: FC<JsonSchemaGeneratorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: crossAxisOffset ?? 0,
@@ -155,7 +158,7 @@ const JsonSchemaGenerator: FC<JsonSchemaGeneratorProps> = ({
     >
       <PortalToFollowElemTrigger onClick={handleTrigger}>
         <button
-          type='button'
+          type="button"
           className={cn(
             'flex h-6 w-6 items-center justify-center rounded-md p-0.5 hover:bg-state-accent-hover',
             open && 'bg-state-accent-active',
@@ -164,7 +167,7 @@ const JsonSchemaGenerator: FC<JsonSchemaGeneratorProps> = ({
           <SchemaGenerator />
         </button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[100]'>
+      <PortalToFollowElemContent className="z-[100]">
         {view === GeneratorView.promptEditor && (
           <PromptEditor
             instruction={instruction}
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx
index 62d156253a..17641fdf37 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx
@@ -1,13 +1,13 @@
-import React, { useCallback } from 'react'
 import type { FC } from 'react'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Model } from '@/types/app'
 import { RiCloseLine, RiSparklingFill } from '@remixicon/react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import Textarea from '@/app/components/base/textarea'
 import Tooltip from '@/app/components/base/tooltip'
-import Button from '@/app/components/base/button'
-import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import type { Model } from '@/types/app'
 
 export type ModelInfo = {
   modelId: string
@@ -42,27 +42,27 @@ const PromptEditor: FC<PromptEditorProps> = ({
   }, [onInstructionChange])
 
   return (
-    <div className='relative flex w-[480px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9'>
-      <div className='absolute right-2.5 top-2.5 flex h-8 w-8 items-center justify-center' onClick={onClose}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary'/>
+    <div className="relative flex w-[480px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9">
+      <div className="absolute right-2.5 top-2.5 flex h-8 w-8 items-center justify-center" onClick={onClose}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
       {/* Title */}
-      <div className='flex flex-col gap-y-[0.5px] px-3 pb-1 pt-3.5'>
-        <div className='system-xl-semibold flex pl-1 pr-8 text-text-primary'>
+      <div className="flex flex-col gap-y-[0.5px] px-3 pb-1 pt-3.5">
+        <div className="system-xl-semibold flex pl-1 pr-8 text-text-primary">
           {t('workflow.nodes.llm.jsonSchema.generateJsonSchema')}
         </div>
-        <div className='system-xs-regular flex px-1 text-text-tertiary'>
+        <div className="system-xs-regular flex px-1 text-text-tertiary">
           {t('workflow.nodes.llm.jsonSchema.generationTip')}
         </div>
       </div>
       {/* Content */}
-      <div className='flex flex-col gap-y-1 px-4 py-2'>
-        <div className='system-sm-semibold-uppercase flex h-6 items-center text-text-secondary'>
+      <div className="flex flex-col gap-y-1 px-4 py-2">
+        <div className="system-sm-semibold-uppercase flex h-6 items-center text-text-secondary">
           {t('common.modelProvider.model')}
         </div>
         <ModelParameterModal
-          popupClassName='!w-[448px]'
-          portalToFollowElemContentClassName='z-[1000]'
+          popupClassName="!w-[448px]"
+          portalToFollowElemContentClassName="z-[1000]"
           isAdvancedMode={true}
           provider={model.provider}
           completionParams={model.completion_params}
@@ -72,14 +72,14 @@ const PromptEditor: FC<PromptEditorProps> = ({
           hideDebugWithMultipleModel
         />
       </div>
-      <div className='flex flex-col gap-y-1 px-4 py-2'>
-        <div className='system-sm-semibold-uppercase flex h-6 items-center text-text-secondary'>
+      <div className="flex flex-col gap-y-1 px-4 py-2">
+        <div className="system-sm-semibold-uppercase flex h-6 items-center text-text-secondary">
           <span>{t('workflow.nodes.llm.jsonSchema.instruction')}</span>
           <Tooltip popupContent={t('workflow.nodes.llm.jsonSchema.promptTooltip')} />
         </div>
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <Textarea
-            className='h-[364px] resize-none px-2 py-1'
+            className="h-[364px] resize-none px-2 py-1"
             value={instruction}
             placeholder={t('workflow.nodes.llm.jsonSchema.promptPlaceholder')}
             onChange={handleInstructionChange}
@@ -87,16 +87,16 @@ const PromptEditor: FC<PromptEditorProps> = ({
         </div>
       </div>
       {/* Footer */}
-      <div className='flex justify-end gap-x-2 p-4 pt-2'>
-        <Button variant='secondary' onClick={onClose}>
+      <div className="flex justify-end gap-x-2 p-4 pt-2">
+        <Button variant="secondary" onClick={onClose}>
           {t('common.operation.cancel')}
         </Button>
         <Button
-          variant='primary'
-          className='flex items-center gap-x-0.5'
+          variant="primary"
+          className="flex items-center gap-x-0.5"
           onClick={onGenerate}
         >
-          <RiSparklingFill className='h-4 w-4' />
+          <RiSparklingFill className="h-4 w-4" />
           <span>{t('workflow.nodes.llm.jsonSchema.generate')}</span>
         </Button>
       </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor.tsx
index 6ba59320b7..54753f08b4 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor.tsx
@@ -1,7 +1,8 @@
-import React, { type FC } from 'react'
-import CodeEditor from './code-editor'
-import { cn } from '@/utils/classnames'
+import type { FC } from 'react'
+import React from 'react'
 import LargeDataAlert from '@/app/components/workflow/variable-inspect/large-data-alert'
+import { cn } from '@/utils/classnames'
+import CodeEditor from './code-editor'
 
 type SchemaEditorProps = {
   schema: string
@@ -28,13 +29,13 @@ const SchemaEditor: FC<SchemaEditorProps> = ({
     <CodeEditor
       readOnly={readonly}
       className={cn('grow rounded-xl', className)}
-      editorWrapperClassName='grow'
+      editorWrapperClassName="grow"
       value={schema}
       onUpdate={onUpdate}
       hideTopMenu={hideTopMenu}
       onFocus={onFocus}
       onBlur={onBlur}
-      topContent={isTruncated && <LargeDataAlert className='mx-1 mb-3 mt-[-4px]' />}
+      topContent={isTruncated && <LargeDataAlert className="mx-1 mb-3 mt-[-4px]" />}
     />
   )
 }
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/add-field.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/add-field.tsx
index eba94e85dd..54a3b6bb85 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/add-field.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/add-field.tsx
@@ -1,9 +1,9 @@
-import React, { useCallback } from 'react'
-import Button from '@/app/components/base/button'
 import { RiAddCircleFill } from '@remixicon/react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useVisualEditorStore } from './store'
+import Button from '@/app/components/base/button'
 import { useMittContext } from './context'
+import { useVisualEditorStore } from './store'
 
 const AddField = () => {
   const { t } = useTranslation()
@@ -19,15 +19,15 @@ const AddField = () => {
   }, [setIsAddingNewField, emit])
 
   return (
-    <div className='py-2 pl-5'>
+    <div className="py-2 pl-5">
       <Button
-        size='small'
-        variant='secondary-accent'
-        className='flex items-center gap-x-[1px]'
+        size="small"
+        variant="secondary-accent"
+        className="flex items-center gap-x-[1px]"
         onClick={handleAddField}
       >
-        <RiAddCircleFill className='h-3.5 w-3.5'/>
-        <span className='px-[3px]'>{t('workflow.nodes.llm.jsonSchema.addField')}</span>
+        <RiAddCircleFill className="h-3.5 w-3.5" />
+        <span className="px-[3px]">{t('workflow.nodes.llm.jsonSchema.addField')}</span>
       </Button>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/card.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/card.tsx
index 4f53f6b163..3510498835 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/card.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/card.tsx
@@ -1,4 +1,5 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 type CardProps = {
@@ -17,17 +18,17 @@ const Card: FC<CardProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex flex-col py-0.5'>
-      <div className='flex h-6 items-center gap-x-1 pl-1 pr-0.5'>
-        <div className='system-sm-semibold truncate border border-transparent px-1 py-px text-text-primary'>
+    <div className="flex flex-col py-0.5">
+      <div className="flex h-6 items-center gap-x-1 pl-1 pr-0.5">
+        <div className="system-sm-semibold truncate border border-transparent px-1 py-px text-text-primary">
           {name}
         </div>
-        <div className='system-xs-medium px-1 py-0.5 text-text-tertiary'>
+        <div className="system-xs-medium px-1 py-0.5 text-text-tertiary">
           {type}
         </div>
         {
           required && (
-            <div className='system-2xs-medium-uppercase px-1 py-0.5 text-text-warning'>
+            <div className="system-2xs-medium-uppercase px-1 py-0.5 text-text-warning">
               {t('workflow.nodes.llm.jsonSchema.required')}
             </div>
           )
@@ -35,7 +36,7 @@ const Card: FC<CardProps> = ({
       </div>
 
       {description && (
-        <div className='system-xs-regular truncate px-2 pb-1 text-text-tertiary'>
+        <div className="system-xs-regular truncate px-2 pb-1 text-text-tertiary">
           {description}
         </div>
       )}
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx
index 268683aec3..cfe63159d3 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx
@@ -1,11 +1,11 @@
+import { noop } from 'lodash-es'
 import {
   createContext,
   useContext,
   useRef,
 } from 'react'
-import { createVisualEditorStore } from './store'
 import { useMitt } from '@/hooks/use-mitt'
-import { noop } from 'lodash-es'
+import { createVisualEditorStore } from './store'
 
 type VisualEditorStore = ReturnType<typeof createVisualEditorStore>
 
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/actions.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/actions.tsx
index 3f693c23c7..a612701adc 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/actions.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/actions.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
-import React from 'react'
-import Tooltip from '@/app/components/base/tooltip'
 import { RiAddCircleLine, RiDeleteBinLine, RiEditLine } from '@remixicon/react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
 
 type ActionsProps = {
   disableAddBtn: boolean
@@ -20,33 +20,33 @@ const Actions: FC<ActionsProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center gap-x-0.5'>
+    <div className="flex items-center gap-x-0.5">
       <Tooltip popupContent={t('workflow.nodes.llm.jsonSchema.addChildField')}>
         <button
-          type='button'
-          className='flex h-6 w-6 items-center justify-center rounded-md text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary disabled:cursor-not-allowed disabled:text-text-disabled'
+          type="button"
+          className="flex h-6 w-6 items-center justify-center rounded-md text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary disabled:cursor-not-allowed disabled:text-text-disabled"
           onClick={onAddChildField}
           disabled={disableAddBtn}
         >
-          <RiAddCircleLine className='h-4 w-4'/>
+          <RiAddCircleLine className="h-4 w-4" />
         </button>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.edit')}>
         <button
-          type='button'
-          className='flex h-6 w-6 items-center justify-center rounded-md text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary'
+          type="button"
+          className="flex h-6 w-6 items-center justify-center rounded-md text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary"
           onClick={onEdit}
         >
-          <RiEditLine className='h-4 w-4' />
+          <RiEditLine className="h-4 w-4" />
         </button>
       </Tooltip>
       <Tooltip popupContent={t('common.operation.remove')}>
         <button
-          type='button'
-          className='flex h-6 w-6 items-center justify-center rounded-md text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
+          type="button"
+          className="flex h-6 w-6 items-center justify-center rounded-md text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive"
           onClick={onDelete}
         >
-          <RiDeleteBinLine className='h-4 w-4' />
+          <RiDeleteBinLine className="h-4 w-4" />
         </button>
       </Tooltip>
     </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-actions.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-actions.tsx
index e065406bde..ee60195fdb 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-actions.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-actions.tsx
@@ -1,8 +1,9 @@
-import React, { type FC } from 'react'
-import Button from '@/app/components/base/button'
-import { useTranslation } from 'react-i18next'
-import { getKeyboardKeyCodeBySystem, getKeyboardKeyNameBySystem } from '@/app/components/workflow/utils'
+import type { FC } from 'react'
 import { useKeyPress } from 'ahooks'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { getKeyboardKeyCodeBySystem, getKeyboardKeyNameBySystem } from '@/app/components/workflow/utils'
 
 type AdvancedActionsProps = {
   isConfirmDisabled: boolean
@@ -13,7 +14,7 @@ type AdvancedActionsProps = {
 const Key = (props: { keyName: string }) => {
   const { keyName } = props
   return (
-    <kbd className='system-kbd flex h-4 min-w-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-white px-px text-text-primary-on-surface'>
+    <kbd className="system-kbd flex h-4 min-w-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-white px-px text-text-primary-on-surface">
       {keyName}
     </kbd>
   )
@@ -35,21 +36,21 @@ const AdvancedActions: FC<AdvancedActionsProps> = ({
   })
 
   return (
-    <div className='flex items-center gap-x-1'>
-      <Button size='small' variant='secondary' onClick={onCancel}>
+    <div className="flex items-center gap-x-1">
+      <Button size="small" variant="secondary" onClick={onCancel}>
         {t('common.operation.cancel')}
       </Button>
       <Button
-        className='flex items-center gap-x-1'
+        className="flex items-center gap-x-1"
         disabled={isConfirmDisabled}
-        size='small'
-        variant='primary'
+        size="small"
+        variant="primary"
         onClick={onConfirm}
       >
         <span>{t('common.operation.confirm')}</span>
-        <div className='flex items-center gap-x-0.5'>
+        <div className="flex items-center gap-x-0.5">
           <Key keyName={getKeyboardKeyNameBySystem('ctrl')} />
-          <Key keyName='⏎' />
+          <Key keyName="⏎" />
         </div>
       </Button>
     </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-options.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-options.tsx
index cd06fc8244..28ea12d9a3 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-options.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/advanced-options.tsx
@@ -1,4 +1,5 @@
-import React, { type FC, useCallback, useState } from 'react'
+import type { FC } from 'react'
+import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Divider from '@/app/components/base/divider'
 import Textarea from '@/app/components/base/textarea'
@@ -33,28 +34,28 @@ const AdvancedOptions: FC<AdvancedOptionsProps> = ({
   // }, [])
 
   return (
-    <div className='border-t border-divider-subtle'>
+    <div className="border-t border-divider-subtle">
       {/* {showAdvancedOptions ? ( */}
-      <div className='flex flex-col gap-y-1 px-2 py-1.5'>
-        <div className='flex w-full items-center gap-x-2'>
-          <span className='system-2xs-medium-uppercase text-text-tertiary'>
+      <div className="flex flex-col gap-y-1 px-2 py-1.5">
+        <div className="flex w-full items-center gap-x-2">
+          <span className="system-2xs-medium-uppercase text-text-tertiary">
             {t('workflow.nodes.llm.jsonSchema.stringValidations')}
           </span>
-          <div className='grow'>
-            <Divider type='horizontal' className='my-0 h-px bg-line-divider-bg' />
+          <div className="grow">
+            <Divider type="horizontal" className="my-0 h-px bg-line-divider-bg" />
           </div>
         </div>
-        <div className='flex flex-col'>
-          <div className='system-xs-medium flex h-6 items-center text-text-secondary'>
+        <div className="flex flex-col">
+          <div className="system-xs-medium flex h-6 items-center text-text-secondary">
             Enum
           </div>
           <Textarea
-            size='small'
-            className='min-h-6'
+            size="small"
+            className="min-h-6"
             value={enumValue}
             onChange={handleEnumChange}
             onBlur={handleEnumBlur}
-            placeholder={'abcd, 1, 1.5, etc.'}
+            placeholder="abcd, 1, 1.5, etc."
           />
         </div>
       </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/auto-width-input.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/auto-width-input.tsx
index 19dc478e83..2dfaa88260 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/auto-width-input.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/auto-width-input.tsx
@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from 'react'
 import type { FC } from 'react'
+import React, { useEffect, useState } from 'react'
 import { cn } from '@/utils/classnames'
 
 type AutoWidthInputProps = {
@@ -43,11 +43,11 @@ const AutoWidthInput: FC<AutoWidthInputProps> = ({
   }
 
   return (
-    <div className='relative inline-flex items-center'>
+    <div className="relative inline-flex items-center">
       {/* Hidden measurement span */}
       <span
         ref={textRef}
-        className='system-sm-semibold invisible absolute left-0 top-0 -z-10 whitespace-pre px-1'
+        className="system-sm-semibold invisible absolute left-0 top-0 -z-10 whitespace-pre px-1"
         aria-hidden="true"
       >
         {value || placeholder}
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx
index 643bc2ef13..e3ae0d16ab 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/index.tsx
@@ -1,20 +1,22 @@
-import React, { type FC, useCallback, useMemo, useRef, useState } from 'react'
+import type { FC } from 'react'
 import type { SchemaEnumType } from '../../../../types'
-import { ArrayType, Type } from '../../../../types'
+import type { AdvancedOptionsType } from './advanced-options'
 import type { TypeItem } from './type-selector'
-import TypeSelector from './type-selector'
-import RequiredSwitch from './required-switch'
+import { useUnmount } from 'ahooks'
+import React, { useCallback, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Divider from '@/app/components/base/divider'
+import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
+import { cn } from '@/utils/classnames'
+import { ArrayType, Type } from '../../../../types'
+import { useMittContext } from '../context'
+import { useVisualEditorStore } from '../store'
 import Actions from './actions'
 import AdvancedActions from './advanced-actions'
-import AdvancedOptions, { type AdvancedOptionsType } from './advanced-options'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import { useVisualEditorStore } from '../store'
-import { useMittContext } from '../context'
-import { useUnmount } from 'ahooks'
-import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
+import AdvancedOptions from './advanced-options'
 import AutoWidthInput from './auto-width-input'
+import RequiredSwitch from './required-switch'
+import TypeSelector from './type-selector'
 
 export type EditData = {
   name: string
@@ -127,19 +129,22 @@ const EditCard: FC<EditCardProps> = ({
   }, [])
 
   const handlePropertyNameBlur = useCallback(() => {
-    if (isAdvancedEditing) return
+    if (isAdvancedEditing)
+      return
     emitPropertyNameChange()
   }, [isAdvancedEditing, emitPropertyNameChange])
 
   const handleTypeChange = useCallback((item: TypeItem) => {
     setCurrentFields(prev => ({ ...prev, type: item.value }))
-    if (isAdvancedEditing) return
+    if (isAdvancedEditing)
+      return
     emitPropertyTypeChange(item.value)
   }, [isAdvancedEditing, emitPropertyTypeChange])
 
   const toggleRequired = useCallback(() => {
     setCurrentFields(prev => ({ ...prev, required: !prev.required }))
-    if (isAdvancedEditing) return
+    if (isAdvancedEditing)
+      return
     emitPropertyRequiredToggle()
   }, [isAdvancedEditing, emitPropertyRequiredToggle])
 
@@ -148,7 +153,8 @@ const EditCard: FC<EditCardProps> = ({
   }, [])
 
   const handleDescriptionBlur = useCallback(() => {
-    if (isAdvancedEditing) return
+    if (isAdvancedEditing)
+      return
     emitPropertyOptionsChange({ description: currentFields.description, enum: currentFields.enum })
   }, [isAdvancedEditing, emitPropertyOptionsChange, currentFields])
 
@@ -165,7 +171,8 @@ const EditCard: FC<EditCardProps> = ({
         enumValue = stringArray
     }
     setCurrentFields(prev => ({ ...prev, enum: enumValue }))
-    if (isAdvancedEditing) return
+    if (isAdvancedEditing)
+      return
     emitPropertyOptionsChange({ description: currentFields.description, enum: enumValue })
   }, [isAdvancedEditing, emitPropertyOptionsChange, currentFields])
 
@@ -203,14 +210,15 @@ const EditCard: FC<EditCardProps> = ({
   }, [isAddingNewField, emit, setIsAddingNewField, setAdvancedEditing, backupFields])
 
   useUnmount(() => {
-    if (isAdvancedEditing || blurWithActions.current) return
+    if (isAdvancedEditing || blurWithActions.current)
+      return
     emitFieldChange()
   })
 
   return (
-    <div className='flex flex-col rounded-lg bg-components-panel-bg py-0.5 shadow-sm shadow-shadow-shadow-4'>
-      <div className='flex h-6 items-center pl-1 pr-0.5'>
-        <div className='flex grow items-center gap-x-1'>
+    <div className="flex flex-col rounded-lg bg-components-panel-bg py-0.5 shadow-sm shadow-shadow-shadow-4">
+      <div className="flex h-6 items-center pl-1 pr-0.5">
+        <div className="flex grow items-center gap-x-1">
           <AutoWidthInput
             value={currentFields.name}
             placeholder={t('workflow.nodes.llm.jsonSchema.fieldNamePlaceholder')}
@@ -223,11 +231,11 @@ const EditCard: FC<EditCardProps> = ({
             currentValue={currentFields.type}
             items={maximumDepthReached ? MAXIMUM_DEPTH_TYPE_OPTIONS : TYPE_OPTIONS}
             onSelect={handleTypeChange}
-            popupClassName={'z-[1000]'}
+            popupClassName="z-[1000]"
           />
           {
             currentFields.required && (
-              <div className='system-2xs-medium-uppercase px-1 py-0.5 text-text-warning'>
+              <div className="system-2xs-medium-uppercase px-1 py-0.5 text-text-warning">
                 {t('workflow.nodes.llm.jsonSchema.required')}
               </div>
             )
@@ -237,28 +245,30 @@ const EditCard: FC<EditCardProps> = ({
           defaultValue={currentFields.required}
           toggleRequired={toggleRequired}
         />
-        <Divider type='vertical' className='h-3' />
-        {isAdvancedEditing ? (
-          <AdvancedActions
-            isConfirmDisabled={currentFields.name === ''}
-            onCancel={handleCancel}
-            onConfirm={handleConfirm}
-          />
-        ) : (
-          <Actions
-            disableAddBtn={disableAddBtn}
-            onAddChildField={handleAddChildField}
-            onDelete={handleDelete}
-            onEdit={handleAdvancedEdit}
-          />
-        )}
+        <Divider type="vertical" className="h-3" />
+        {isAdvancedEditing
+          ? (
+              <AdvancedActions
+                isConfirmDisabled={currentFields.name === ''}
+                onCancel={handleCancel}
+                onConfirm={handleConfirm}
+              />
+            )
+          : (
+              <Actions
+                disableAddBtn={disableAddBtn}
+                onAddChildField={handleAddChildField}
+                onDelete={handleDelete}
+                onEdit={handleAdvancedEdit}
+              />
+            )}
       </div>
 
       {(fields.description || isAdvancedEditing) && (
         <div className={cn('flex', isAdvancedEditing ? 'p-2 pt-1' : 'px-2 pb-1')}>
           <input
             value={currentFields.description}
-            className='system-xs-regular placeholder:system-xs-regular h-4 w-full p-0 text-text-tertiary caret-[#295EFF] outline-none placeholder:text-text-placeholder'
+            className="system-xs-regular placeholder:system-xs-regular h-4 w-full p-0 text-text-tertiary caret-[#295EFF] outline-none placeholder:text-text-placeholder"
             placeholder={t('workflow.nodes.llm.jsonSchema.descriptionPlaceholder')}
             onChange={handleDescriptionChange}
             onBlur={handleDescriptionBlur}
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/required-switch.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/required-switch.tsx
index c7179408cf..b84bdd0775 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/required-switch.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/required-switch.tsx
@@ -1,7 +1,7 @@
-import React from 'react'
 import type { FC } from 'react'
-import Switch from '@/app/components/base/switch'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Switch from '@/app/components/base/switch'
 
 type RequiredSwitchProps = {
   defaultValue: boolean
@@ -15,9 +15,9 @@ const RequiredSwitch: FC<RequiredSwitchProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center gap-x-1 rounded-[5px] border border-divider-subtle bg-background-default-lighter px-1.5 py-1'>
-      <span className='system-2xs-medium-uppercase text-text-secondary'>{t('workflow.nodes.llm.jsonSchema.required')}</span>
-      <Switch size='xs' defaultValue={defaultValue} onChange={toggleRequired} />
+    <div className="flex items-center gap-x-1 rounded-[5px] border border-divider-subtle bg-background-default-lighter px-1.5 py-1">
+      <span className="system-2xs-medium-uppercase text-text-secondary">{t('workflow.nodes.llm.jsonSchema.required')}</span>
+      <Switch size="xs" defaultValue={defaultValue} onChange={toggleRequired} />
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/type-selector.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/type-selector.tsx
index c4d381613d..375cdca09c 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/type-selector.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/type-selector.tsx
@@ -1,8 +1,8 @@
-import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
-import type { ArrayType, Type } from '../../../../types'
 import type { FC } from 'react'
-import { useState } from 'react'
+import type { ArrayType, Type } from '../../../../types'
 import { RiArrowDownSLine, RiCheckLine } from '@remixicon/react'
+import { useState } from 'react'
+import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
 
 export type TypeItem = {
@@ -29,7 +29,7 @@ const TypeSelector: FC<TypeSelectorProps> = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
       }}
@@ -38,26 +38,28 @@ const TypeSelector: FC<TypeSelectorProps> = ({
         <div className={cn(
           'flex items-center rounded-[5px] p-0.5 pl-1 hover:bg-state-base-hover',
           open && 'bg-state-base-hover',
-        )}>
-          <span className='system-xs-medium text-text-tertiary'>{currentValue}</span>
-          <RiArrowDownSLine className='h-4 w-4 text-text-tertiary' />
+        )}
+        >
+          <span className="system-xs-medium text-text-tertiary">{currentValue}</span>
+          <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={popupClassName}>
-        <div className='w-40 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-1 shadow-lg shadow-shadow-shadow-5'>
+        <div className="w-40 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-1 shadow-lg shadow-shadow-shadow-5">
           {items.map((item) => {
             const isSelected = item.value === currentValue
-            return (<div
-              key={item.value}
-              className={'flex items-center gap-x-1 rounded-lg px-2 py-1 hover:bg-state-base-hover'}
-              onClick={() => {
-                onSelect(item)
-                setOpen(false)
-              }}
-            >
-              <span className='system-sm-medium px-1 text-text-secondary'>{item.text}</span>
-              {isSelected && <RiCheckLine className='h-4 w-4 text-text-accent' />}
-            </div>
+            return (
+              <div
+                key={item.value}
+                className="flex items-center gap-x-1 rounded-lg px-2 py-1 hover:bg-state-base-hover"
+                onClick={() => {
+                  onSelect(item)
+                  setOpen(false)
+                }}
+              >
+                <span className="system-sm-medium px-1 text-text-secondary">{item.text}</span>
+                {isSelected && <RiCheckLine className="h-4 w-4 text-text-accent" />}
+              </div>
             )
           })}
         </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/hooks.ts b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/hooks.ts
index 202bb44638..84c28b236e 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/hooks.ts
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/hooks.ts
@@ -1,18 +1,19 @@
-import { produce } from 'immer'
 import type { VisualEditorProps } from '.'
+import type { Field } from '../../../types'
+import type { EditData } from './edit-card'
+import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import Toast from '@/app/components/base/toast'
+import { ArrayType, Type } from '../../../types'
+import { findPropertyWithPath } from '../../../utils'
 import { useMittContext } from './context'
 import { useVisualEditorStore } from './store'
-import type { EditData } from './edit-card'
-import { ArrayType, type Field, Type } from '../../../types'
-import Toast from '@/app/components/base/toast'
-import { findPropertyWithPath } from '../../../utils'
-import { noop } from 'lodash-es'
 
 type ChangeEventParams = {
-  path: string[],
-  parentPath: string[],
-  oldFields: EditData,
-  fields: EditData,
+  path: string[]
+  parentPath: string[]
+  oldFields: EditData
+  fields: EditData
 }
 
 type AddEventParams = {
@@ -57,7 +58,8 @@ export const useSchemaNodeOperations = (props: VisualEditorProps) => {
     const { name: oldName } = oldFields
     const { name: newName } = fields
     const newSchema = produce(jsonSchema, (draft) => {
-      if (oldName === newName) return
+      if (oldName === newName)
+        return
       const schema = findPropertyWithPath(draft, parentPath) as Field
 
       if (schema.type === Type.object) {
@@ -120,7 +122,8 @@ export const useSchemaNodeOperations = (props: VisualEditorProps) => {
     const { path, oldFields, fields } = params as ChangeEventParams
     const { type: oldType } = oldFields
     const { type: newType } = fields
-    if (oldType === newType) return
+    if (oldType === newType)
+      return
     const newSchema = produce(jsonSchema, (draft) => {
       const schema = findPropertyWithPath(draft, path) as Field
 
@@ -439,7 +442,8 @@ export const useSchemaNodeOperations = (props: VisualEditorProps) => {
         schema.enum = fields.enum
       }
     })
-    if (samePropertyNameError) return
+    if (samePropertyNameError)
+      return
     onChange(newSchema)
     emit('fieldChangeSuccess')
   })
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx
index f0f8bb2093..fc4d0ec106 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
 import type { SchemaRoot } from '../../../types'
-import SchemaNode from './schema-node'
-import { useSchemaNodeOperations } from './hooks'
 import { cn } from '@/utils/classnames'
+import { useSchemaNodeOperations } from './hooks'
+import SchemaNode from './schema-node'
 
 export type VisualEditorProps = {
   className?: string
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
index ec7b355085..23cd1ee477 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/schema-node.tsx
@@ -1,16 +1,17 @@
 import type { FC } from 'react'
-import React, { useMemo, useState } from 'react'
-import { type Field, Type } from '../../../types'
-import { cn } from '@/utils/classnames'
+import type { Field } from '../../../types'
 import { RiArrowDropDownLine, RiArrowDropRightLine } from '@remixicon/react'
-import { getFieldType, getHasChildren } from '../../../utils'
-import Divider from '@/app/components/base/divider'
-import EditCard from './edit-card'
-import Card from './card'
-import { useVisualEditorStore } from './store'
 import { useDebounceFn } from 'ahooks'
-import AddField from './add-field'
+import React, { useMemo, useState } from 'react'
+import Divider from '@/app/components/base/divider'
 import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
+import { cn } from '@/utils/classnames'
+import { Type } from '../../../types'
+import { getFieldType, getHasChildren } from '../../../utils'
+import AddField from './add-field'
+import Card from './card'
+import EditCard from './edit-card'
+import { useVisualEditorStore } from './store'
 
 type SchemaNodeProps = {
   name: string
@@ -79,32 +80,35 @@ const SchemaNode: FC<SchemaNodeProps> = ({
   }
 
   const handleMouseEnter = () => {
-    if(readOnly) return
-    if (advancedEditing || isAddingNewField) return
+    if (readOnly)
+      return
+    if (advancedEditing || isAddingNewField)
+      return
     setHoveringPropertyDebounced(path.join('.'))
   }
 
   const handleMouseLeave = () => {
-    if(readOnly) return
-    if (advancedEditing || isAddingNewField) return
+    if (readOnly)
+      return
+    if (advancedEditing || isAddingNewField)
+      return
     setHoveringPropertyDebounced(null)
   }
 
   return (
-    <div className='relative'>
+    <div className="relative">
       <div className={cn('relative z-10', indentPadding[depth])}>
         {depth > 0 && hasChildren && (
-          <div className={cn('absolute top-0 z-10 flex h-7 w-5 items-center bg-background-section-burn px-0.5',
-            indentLeft[depth - 1])}>
+          <div className={cn('absolute top-0 z-10 flex h-7 w-5 items-center bg-background-section-burn px-0.5', indentLeft[depth - 1])}>
             <button
               type="button"
               onClick={handleExpand}
-              className='py-0.5 text-text-tertiary hover:text-text-accent'
+              className="py-0.5 text-text-tertiary hover:text-text-accent"
             >
               {
                 isExpanded
-                  ? <RiArrowDropDownLine className='h-4 w-4' />
-                  : <RiArrowDropRightLine className='h-4 w-4' />
+                  ? <RiArrowDropDownLine className="h-4 w-4" />
+                  : <RiArrowDropRightLine className="h-4 w-4" />
               }
             </button>
           </div>
@@ -114,35 +118,35 @@ const SchemaNode: FC<SchemaNodeProps> = ({
           onMouseEnter={handleMouseEnter}
           onMouseLeave={handleMouseLeave}
         >
-          {(isHovering && depth > 0) ? (
-            <EditCard
-              fields={{
-                name,
-                type,
-                required,
-                description: schema.description,
-                enum: schema.enum,
-              }}
-              path={path}
-              parentPath={parentPath!}
-              depth={depth}
-            />
-          ) : (
-            <Card
-              name={name}
-              type={type}
-              required={required}
-              description={schema.description}
-            />
-          )}
+          {(isHovering && depth > 0)
+            ? (
+                <EditCard
+                  fields={{
+                    name,
+                    type,
+                    required,
+                    description: schema.description,
+                    enum: schema.enum,
+                  }}
+                  path={path}
+                  parentPath={parentPath!}
+                  depth={depth}
+                />
+              )
+            : (
+                <Card
+                  name={name}
+                  type={type}
+                  required={required}
+                  description={schema.description}
+                />
+              )}
         </div>
       </div>
 
-      <div className={cn('absolute z-0 flex w-5 justify-center',
-        schema.description ? 'top-12 h-[calc(100%-3rem)]' : 'top-7 h-[calc(100%-1.75rem)]',
-        indentLeft[depth])}>
+      <div className={cn('absolute z-0 flex w-5 justify-center', schema.description ? 'top-12 h-[calc(100%-3rem)]' : 'top-7 h-[calc(100%-1.75rem)]', indentLeft[depth])}>
         <Divider
-          type='vertical'
+          type="vertical"
           className={cn('mx-0', isHovering ? 'bg-divider-deep' : 'bg-divider-subtle')}
         />
       </div>
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/store.ts b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/store.ts
index 3dbd6676dc..b756c6fea6 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/store.ts
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/store.ts
@@ -1,6 +1,6 @@
+import type { SchemaRoot } from '../../../types'
 import { useContext } from 'react'
 import { createStore, useStore } from 'zustand'
-import type { SchemaRoot } from '../../../types'
 import { VisualEditorContext } from './context'
 
 type VisualEditorStore = {
diff --git a/web/app/components/workflow/nodes/llm/components/prompt-generator-btn.tsx b/web/app/components/workflow/nodes/llm/components/prompt-generator-btn.tsx
index 60b910dc3e..eb285ee389 100644
--- a/web/app/components/workflow/nodes/llm/components/prompt-generator-btn.tsx
+++ b/web/app/components/workflow/nodes/llm/components/prompt-generator-btn.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { useBoolean } from 'ahooks'
-import { cn } from '@/utils/classnames'
-import { Generator } from '@/app/components/base/icons/src/vender/other'
-import { ActionButton } from '@/app/components/base/action-button'
-import GetAutomaticResModal from '@/app/components/app/configuration/config/automatic/get-automatic-res'
-import { AppModeEnum } from '@/types/app'
-import type { GenRes } from '@/service/debug'
 import type { ModelConfig } from '@/app/components/workflow/types'
+import type { GenRes } from '@/service/debug'
+import { useBoolean } from 'ahooks'
+import React, { useCallback } from 'react'
+import GetAutomaticResModal from '@/app/components/app/configuration/config/automatic/get-automatic-res'
+import { ActionButton } from '@/app/components/base/action-button'
+import { Generator } from '@/app/components/base/icons/src/vender/other'
+import { AppModeEnum } from '@/types/app'
+import { cn } from '@/utils/classnames'
 import { useHooksStore } from '../../../hooks-store'
 
 type Props = {
@@ -36,9 +36,10 @@ const PromptGeneratorBtn: FC<Props> = ({
   return (
     <div className={cn(className)}>
       <ActionButton
-        className='hover:bg-[#155EFF]/8'
-        onClick={showAutomaticTrue}>
-        <Generator className='h-4 w-4 text-primary-600' />
+        className="hover:bg-[#155EFF]/8"
+        onClick={showAutomaticTrue}
+      >
+        <Generator className="h-4 w-4 text-primary-600" />
       </ActionButton>
       {showAutomatic && (
         <GetAutomaticResModal
diff --git a/web/app/components/workflow/nodes/llm/components/reasoning-format-config.tsx b/web/app/components/workflow/nodes/llm/components/reasoning-format-config.tsx
index 49425ff64c..147981e398 100644
--- a/web/app/components/workflow/nodes/llm/components/reasoning-format-config.tsx
+++ b/web/app/components/workflow/nodes/llm/components/reasoning-format-config.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
 import Switch from '@/app/components/base/switch'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
 
 type ReasoningFormatConfigProps = {
   value?: 'tagged' | 'separated'
@@ -21,16 +21,16 @@ const ReasoningFormatConfig: FC<ReasoningFormatConfigProps> = ({
     <Field
       title={t('workflow.nodes.llm.reasoningFormat.title')}
       tooltip={t('workflow.nodes.llm.reasoningFormat.tooltip')}
-      operations={
+      operations={(
         // ON = separated, OFF = tagged
         <Switch
           defaultValue={value === 'separated'}
           onChange={enabled => onChange(enabled ? 'separated' : 'tagged')}
-          size='md'
+          size="md"
           disabled={readonly}
           key={value}
         />
-      }
+      )}
     >
       <div />
     </Field>
diff --git a/web/app/components/workflow/nodes/llm/components/resolution-picker.tsx b/web/app/components/workflow/nodes/llm/components/resolution-picker.tsx
index 191b9bfa4a..fe078ba6fa 100644
--- a/web/app/components/workflow/nodes/llm/components/resolution-picker.tsx
+++ b/web/app/components/workflow/nodes/llm/components/resolution-picker.tsx
@@ -24,9 +24,9 @@ const ResolutionPicker: FC<Props> = ({
     }
   }, [onChange])
   return (
-    <div className='flex items-center justify-between'>
-      <div className='mr-2 text-xs font-medium uppercase text-text-secondary'>{t(`${i18nPrefix}.resolution.name`)}</div>
-      <div className='flex items-center space-x-1'>
+    <div className="flex items-center justify-between">
+      <div className="mr-2 text-xs font-medium uppercase text-text-secondary">{t(`${i18nPrefix}.resolution.name`)}</div>
+      <div className="flex items-center space-x-1">
         <OptionCard
           title={t(`${i18nPrefix}.resolution.high`)}
           onSelect={handleOnChange(Resolution.high)}
diff --git a/web/app/components/workflow/nodes/llm/components/structure-output.tsx b/web/app/components/workflow/nodes/llm/components/structure-output.tsx
index ee31a9e5ad..b97d5e20b7 100644
--- a/web/app/components/workflow/nodes/llm/components/structure-output.tsx
+++ b/web/app/components/workflow/nodes/llm/components/structure-output.tsx
@@ -1,19 +1,20 @@
 'use client'
-import Button from '@/app/components/base/button'
-import { RiEditLine } from '@remixicon/react'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { type SchemaRoot, type StructuredOutput, Type } from '../types'
-import ShowPanel from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show'
+import type { SchemaRoot, StructuredOutput } from '../types'
+import { RiEditLine } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import JsonSchemaConfigModal from './json-schema-config-modal'
-import { cn } from '@/utils/classnames'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import ShowPanel from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show'
+import { cn } from '@/utils/classnames'
+import { Type } from '../types'
+import JsonSchemaConfigModal from './json-schema-config-modal'
 
 type Props = {
   className?: string
   value?: StructuredOutput
-  onChange: (value: StructuredOutput) => void,
+  onChange: (value: StructuredOutput) => void
 }
 
 const StructureOutput: FC<Props> = ({
@@ -34,27 +35,30 @@ const StructureOutput: FC<Props> = ({
   }, [onChange])
   return (
     <div className={cn(className)}>
-      <div className='flex justify-between'>
-        <div className='flex items-center leading-[18px]'>
-          <div className='code-sm-semibold text-text-secondary'>structured_output</div>
-          <div className='system-xs-regular ml-2 text-text-tertiary'>object</div>
+      <div className="flex justify-between">
+        <div className="flex items-center leading-[18px]">
+          <div className="code-sm-semibold text-text-secondary">structured_output</div>
+          <div className="system-xs-regular ml-2 text-text-tertiary">object</div>
         </div>
         <Button
-          size='small'
-          variant='secondary'
-          className='flex'
+          size="small"
+          variant="secondary"
+          className="flex"
           onClick={showConfigModal}
         >
-          <RiEditLine className='mr-1 size-3.5' />
-          <div className='system-xs-medium text-components-button-secondary-text'>{t('app.structOutput.configure')}</div>
+          <RiEditLine className="mr-1 size-3.5" />
+          <div className="system-xs-medium text-components-button-secondary-text">{t('app.structOutput.configure')}</div>
         </Button>
       </div>
-      {(value?.schema && value.schema.properties && Object.keys(value.schema.properties).length > 0) ? (
-        <ShowPanel
-          payload={value}
-        />) : (
-        <div className='system-xs-regular mt-1.5 flex h-10 cursor-pointer items-center justify-center rounded-[10px] bg-background-section text-text-tertiary' onClick={showConfigModal}>{t('app.structOutput.notConfiguredTip')}</div>
-      )}
+      {(value?.schema && value.schema.properties && Object.keys(value.schema.properties).length > 0)
+        ? (
+            <ShowPanel
+              payload={value}
+            />
+          )
+        : (
+            <div className="system-xs-regular mt-1.5 flex h-10 cursor-pointer items-center justify-center rounded-[10px] bg-background-section text-text-tertiary" onClick={showConfigModal}>{t('app.structOutput.notConfiguredTip')}</div>
+          )}
 
       {showConfig && (
         <JsonSchemaConfigModal
diff --git a/web/app/components/workflow/nodes/llm/default.ts b/web/app/components/workflow/nodes/llm/default.ts
index 57033d26a1..2bc49c7f1b 100644
--- a/web/app/components/workflow/nodes/llm/default.ts
+++ b/web/app/components/workflow/nodes/llm/default.ts
@@ -1,9 +1,9 @@
-// import { RETRIEVAL_OUTPUT_STRUCT } from '../../constants'
-import { AppModeEnum } from '@/types/app'
-import { BlockEnum, EditionType } from '../../types'
-import { type NodeDefault, type PromptItem, PromptRole } from '../../types'
+import type { NodeDefault, PromptItem } from '../../types'
 import type { LLMNodeType } from './types'
 import { genNodeMetaData } from '@/app/components/workflow/utils'
+// import { RETRIEVAL_OUTPUT_STRUCT } from '../../constants'
+import { AppModeEnum } from '@/types/app'
+import { BlockEnum, EditionType, PromptRole } from '../../types'
 
 const RETRIEVAL_OUTPUT_STRUCT = `{
   "content": "",
@@ -67,11 +67,11 @@ const nodeDefault: NodeDefault<LLMNodeType> = {
       const isChatModel = payload.model.mode === AppModeEnum.CHAT
       const isPromptEmpty = isChatModel
         ? !(payload.prompt_template as PromptItem[]).some((t) => {
-          if (t.edition_type === EditionType.jinja2)
-            return t.jinja2_text !== ''
+            if (t.edition_type === EditionType.jinja2)
+              return t.jinja2_text !== ''
 
-          return t.text !== ''
-        })
+            return t.text !== ''
+          })
         : ((payload.prompt_template as PromptItem).edition_type === EditionType.jinja2 ? (payload.prompt_template as PromptItem).jinja2_text === '' : (payload.prompt_template as PromptItem).text === '')
       if (isPromptEmpty)
         errorMessages = t(`${i18nPrefix}.fieldRequired`, { field: t('workflow.nodes.llm.prompt') })
diff --git a/web/app/components/workflow/nodes/llm/node.tsx b/web/app/components/workflow/nodes/llm/node.tsx
index ce676ba984..9d44d49475 100644
--- a/web/app/components/workflow/nodes/llm/node.tsx
+++ b/web/app/components/workflow/nodes/llm/node.tsx
@@ -1,11 +1,11 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { LLMNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
 import {
   useTextGenerationCurrentProviderAndModelAndModelList,
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import type { NodeProps } from '@/app/components/workflow/types'
 
 const Node: FC<NodeProps<LLMNodeType>> = ({
   data,
@@ -20,12 +20,12 @@ const Node: FC<NodeProps<LLMNodeType>> = ({
     return null
 
   return (
-    <div className='mb-1 px-3 py-1'>
+    <div className="mb-1 px-3 py-1">
       {hasSetModel && (
         <ModelSelector
           defaultModel={{ provider, model: modelId }}
           modelList={textGenerationModelList}
-          triggerClassName='!h-6 !rounded-md'
+          triggerClassName="!h-6 !rounded-md"
           readonly
         />
       )}
diff --git a/web/app/components/workflow/nodes/llm/panel.tsx b/web/app/components/workflow/nodes/llm/panel.tsx
index bb893b0da7..4044989a07 100644
--- a/web/app/components/workflow/nodes/llm/panel.tsx
+++ b/web/app/components/workflow/nodes/llm/panel.tsx
@@ -1,27 +1,27 @@
 import type { FC } from 'react'
+import type { LLMNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
+import { RiAlertFill, RiQuestionLine } from '@remixicon/react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import AddButton2 from '@/app/components/base/button/add-button'
+import Switch from '@/app/components/base/switch'
+import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
+import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
+import ConfigVision from '../_base/components/config-vision'
 import MemoryConfig from '../_base/components/memory-config'
 import VarReferencePicker from '../_base/components/variable/var-reference-picker'
-import ConfigVision from '../_base/components/config-vision'
-import useConfig from './use-config'
-import type { LLMNodeType } from './types'
 import ConfigPrompt from './components/config-prompt'
-import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
-import AddButton2 from '@/app/components/base/button/add-button'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import Tooltip from '@/app/components/base/tooltip'
-import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
-import StructureOutput from './components/structure-output'
 import ReasoningFormatConfig from './components/reasoning-format-config'
-import Switch from '@/app/components/base/switch'
-import { RiAlertFill, RiQuestionLine } from '@remixicon/react'
-import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
-import Toast from '@/app/components/base/toast'
+import StructureOutput from './components/structure-output'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.llm'
 
@@ -95,14 +95,14 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
     })()
   }, [inputs.model.completion_params])
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-4">
         <Field
           title={t(`${i18nPrefix}.model`)}
           required
         >
           <ModelParameterModal
-            popupClassName='!w-[387px]'
+            popupClassName="!w-[387px]"
             isInWorkflow
             isAdvancedMode={true}
             provider={model?.provider}
@@ -131,7 +131,7 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
               filterVar={filterVar}
             />
             {shouldShowContextTip && (
-              <div className='text-xs font-normal leading-[18px] text-[#DC6803]'>{t(`${i18nPrefix}.notSetContextInPromptTip`)}</div>
+              <div className="text-xs font-normal leading-[18px] text-[#DC6803]">{t(`${i18nPrefix}.notSetContextInPromptTip`)}</div>
             )}
           </>
         </Field>
@@ -175,29 +175,31 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
 
         {/* Memory put place examples. */}
         {isChatMode && isChatModel && !!inputs.memory && (
-          <div className='mt-4'>
-            <div className='flex h-8 items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2'>
-              <div className='flex items-center space-x-1'>
-                <div className='text-xs font-semibold uppercase text-text-secondary'>{t('workflow.nodes.common.memories.title')}</div>
+          <div className="mt-4">
+            <div className="flex h-8 items-center justify-between rounded-lg bg-components-input-bg-normal pl-3 pr-2">
+              <div className="flex items-center space-x-1">
+                <div className="text-xs font-semibold uppercase text-text-secondary">{t('workflow.nodes.common.memories.title')}</div>
                 <Tooltip
                   popupContent={t('workflow.nodes.common.memories.tip')}
-                  triggerClassName='w-4 h-4'
+                  triggerClassName="w-4 h-4"
                 />
               </div>
-              <div className='flex h-[18px] items-center rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-1 text-xs font-semibold uppercase text-text-tertiary'>{t('workflow.nodes.common.memories.builtIn')}</div>
+              <div className="flex h-[18px] items-center rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-1 text-xs font-semibold uppercase text-text-tertiary">{t('workflow.nodes.common.memories.builtIn')}</div>
             </div>
             {/* Readonly User Query */}
-            <div className='mt-4'>
+            <div className="mt-4">
               <Editor
-                title={<div className='flex items-center space-x-1'>
-                  <div className='text-xs font-semibold uppercase text-text-secondary'>user</div>
-                  <Tooltip
-                    popupContent={
-                      <div className='max-w-[180px]'>{t('workflow.nodes.llm.roleDescription.user')}</div>
-                    }
-                    triggerClassName='w-4 h-4'
-                  />
-                </div>}
+                title={(
+                  <div className="flex items-center space-x-1">
+                    <div className="text-xs font-semibold uppercase text-text-secondary">user</div>
+                    <Tooltip
+                      popupContent={
+                        <div className="max-w-[180px]">{t('workflow.nodes.llm.roleDescription.user')}</div>
+                      }
+                      triggerClassName="w-4 h-4"
+                    />
+                  </div>
+                )}
                 value={inputs.memory.query_prompt_template || '{{#sys.query#}}'}
                 onChange={handleSyeQueryChange}
                 readOnly={readOnly}
@@ -211,7 +213,7 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
               />
 
               {inputs.memory.query_prompt_template && !inputs.memory.query_prompt_template.includes('{{#sys.query#}}') && (
-                <div className='text-xs font-normal leading-[18px] text-[#DC6803]'>{t(`${i18nPrefix}.sysQueryInUser`)}</div>
+                <div className="text-xs font-normal leading-[18px] text-[#DC6803]">{t(`${i18nPrefix}.sysQueryInUser`)}</div>
               )}
             </div>
           </div>
@@ -253,59 +255,63 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
       <OutputVars
         collapsed={structuredOutputCollapsed}
         onCollapse={setStructuredOutputCollapsed}
-        operations={
-          <div className='mr-4 flex shrink-0 items-center'>
+        operations={(
+          <div className="mr-4 flex shrink-0 items-center">
             {(!isModelSupportStructuredOutput && !!inputs.structured_output_enabled) && (
-              <Tooltip noDecoration popupContent={
-                <div className='w-[232px] rounded-xl border-[0.5px] border-components-panel-border bg-components-tooltip-bg px-4 py-3.5 shadow-lg backdrop-blur-[5px]'>
-                  <div className='title-xs-semi-bold text-text-primary'>{t('app.structOutput.modelNotSupported')}</div>
-                  <div className='body-xs-regular mt-1 text-text-secondary'>{t('app.structOutput.modelNotSupportedTip')}</div>
-                </div>
-              }>
+              <Tooltip
+                noDecoration
+                popupContent={(
+                  <div className="w-[232px] rounded-xl border-[0.5px] border-components-panel-border bg-components-tooltip-bg px-4 py-3.5 shadow-lg backdrop-blur-[5px]">
+                    <div className="title-xs-semi-bold text-text-primary">{t('app.structOutput.modelNotSupported')}</div>
+                    <div className="body-xs-regular mt-1 text-text-secondary">{t('app.structOutput.modelNotSupportedTip')}</div>
+                  </div>
+                )}
+              >
                 <div>
-                  <RiAlertFill className='mr-1 size-4 text-text-warning-secondary' />
+                  <RiAlertFill className="mr-1 size-4 text-text-warning-secondary" />
                 </div>
               </Tooltip>
             )}
-            <div className='system-xs-medium-uppercase mr-0.5 text-text-tertiary'>{t('app.structOutput.structured')}</div>
+            <div className="system-xs-medium-uppercase mr-0.5 text-text-tertiary">{t('app.structOutput.structured')}</div>
             <Tooltip popupContent={
-              <div className='max-w-[150px]'>{t('app.structOutput.structuredTip')}</div>
-            }>
+              <div className="max-w-[150px]">{t('app.structOutput.structuredTip')}</div>
+            }
+            >
               <div>
-                <RiQuestionLine className='size-3.5 text-text-quaternary' />
+                <RiQuestionLine className="size-3.5 text-text-quaternary" />
               </div>
             </Tooltip>
             <Switch
-              className='ml-2'
+              className="ml-2"
               defaultValue={!!inputs.structured_output_enabled}
               onChange={handleStructureOutputEnableChange}
-              size='md'
+              size="md"
               disabled={readOnly}
             />
           </div>
-        }
+        )}
       >
         <>
           <VarItem
-            name='text'
-            type='string'
+            name="text"
+            type="string"
             description={t(`${i18nPrefix}.outputVars.output`)}
           />
           <VarItem
-            name='reasoning_content'
-            type='string'
+            name="reasoning_content"
+            type="string"
             description={t(`${i18nPrefix}.outputVars.reasoning_content`)}
           />
           <VarItem
-            name='usage'
-            type='object'
+            name="usage"
+            type="object"
             description={t(`${i18nPrefix}.outputVars.usage`)}
           />
           {inputs.structured_output_enabled && (
             <>
-              <Split className='mt-3' />
+              <Split className="mt-3" />
               <StructureOutput
-                className='mt-4'
+                className="mt-4"
                 value={inputs.structured_output}
                 onChange={handleStructureOutputChange}
               />
diff --git a/web/app/components/workflow/nodes/llm/use-config.ts b/web/app/components/workflow/nodes/llm/use-config.ts
index d9b811bb85..e885f108bb 100644
--- a/web/app/components/workflow/nodes/llm/use-config.ts
+++ b/web/app/components/workflow/nodes/llm/use-config.ts
@@ -1,31 +1,31 @@
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { produce } from 'immer'
-import { EditionType, VarType } from '../../types'
 import type { Memory, PromptItem, ValueSelector, Var, Variable } from '../../types'
-import { useStore } from '../../store'
-import {
-  useIsChatMode,
-  useNodesReadOnly,
-} from '../../hooks'
-import useAvailableVarList from '../_base/hooks/use-available-var-list'
-import useConfigVision from '../../hooks/use-config-vision'
 import type { LLMNodeType, StructuredOutput } from './types'
-import { useModelList, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { produce } from 'immer'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { checkHasContextBlock, checkHasHistoryBlock, checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
 import {
   ModelFeatureEnum,
   ModelTypeEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
-import { checkHasContextBlock, checkHasHistoryBlock, checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
+import { useModelList, useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
 import { AppModeEnum } from '@/types/app'
+import {
+  useIsChatMode,
+  useNodesReadOnly,
+} from '../../hooks'
+import useConfigVision from '../../hooks/use-config-vision'
+import { useStore } from '../../store'
+import { EditionType, VarType } from '../../types'
+import useAvailableVarList from '../_base/hooks/use-available-var-list'
 
 const useConfig = (id: string, payload: LLMNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
   const isChatMode = useIsChatMode()
 
   const defaultConfig = useStore(s => s.nodesDefaultConfigs)?.[payload.type]
-  const [defaultRolePrefix, setDefaultRolePrefix] = useState<{ user: string; assistant: string }>({ user: '', assistant: '' })
+  const [defaultRolePrefix, setDefaultRolePrefix] = useState<{ user: string, assistant: string }>({ user: '', assistant: '' })
   const { inputs, setInputs: doSetInputs } = useNodeCrud<LLMNodeType>(id, payload)
   const inputRef = useRef(inputs)
   useEffect(() => {
@@ -128,7 +128,7 @@ const useConfig = (id: string, payload: LLMNodeType) => {
     },
   })
 
-  const handleModelChanged = useCallback((model: { provider: string; modelId: string; mode?: string }) => {
+  const handleModelChanged = useCallback((model: { provider: string, modelId: string, mode?: string }) => {
     const newInputs = produce(inputRef.current, (draft) => {
       draft.model.provider = model.provider
       draft.model.name = model.modelId
@@ -285,8 +285,10 @@ const useConfig = (id: string, payload: LLMNodeType) => {
   const { data: modelList } = useModelList(ModelTypeEnum.textGeneration)
   const isModelSupportStructuredOutput = modelList
     ?.find(provideItem => provideItem.provider === model?.provider)
-    ?.models.find(modelItem => modelItem.model === model?.name)
-    ?.features?.includes(ModelFeatureEnum.StructuredOutput)
+    ?.models
+    .find(modelItem => modelItem.model === model?.name)
+    ?.features
+    ?.includes(ModelFeatureEnum.StructuredOutput)
 
   const [structuredOutputCollapsed, setStructuredOutputCollapsed] = useState(true)
   const handleStructureOutputEnableChange = useCallback((enabled: boolean) => {
diff --git a/web/app/components/workflow/nodes/llm/use-single-run-form-params.ts b/web/app/components/workflow/nodes/llm/use-single-run-form-params.ts
index 8d539dfc15..ae500074ff 100644
--- a/web/app/components/workflow/nodes/llm/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/llm/use-single-run-form-params.ts
@@ -1,23 +1,23 @@
 import type { RefObject } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { LLMNodeType } from './types'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
 import type { InputVar, PromptItem, Var, Variable } from '@/app/components/workflow/types'
-import { InputVarType, VarType } from '@/app/components/workflow/types'
-import type { LLMNodeType } from './types'
-import { EditionType } from '../../types'
-import useNodeCrud from '../_base/hooks/use-node-crud'
-import { useIsChatMode } from '../../hooks'
-import { useCallback } from 'react'
-import useConfigVision from '../../hooks/use-config-vision'
 import { noop } from 'lodash-es'
-import { findVariableWhenOnLLMVision } from '../utils'
-import useAvailableVarList from '../_base/hooks/use-available-var-list'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { InputVarType, VarType } from '@/app/components/workflow/types'
 import { AppModeEnum } from '@/types/app'
+import { useIsChatMode } from '../../hooks'
+import useConfigVision from '../../hooks/use-config-vision'
+import { EditionType } from '../../types'
+import useAvailableVarList from '../_base/hooks/use-available-var-list'
+import useNodeCrud from '../_base/hooks/use-node-crud'
+import { findVariableWhenOnLLMVision } from '../utils'
 
 const i18nPrefix = 'workflow.nodes.llm'
 type Params = {
-  id: string,
-  payload: LLMNodeType,
+  id: string
+  payload: LLMNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -186,10 +186,10 @@ const useSingleRunFormParams = ({
   }
 
   const getDependentVar = (variable: string) => {
-    if(variable === '#context#')
+    if (variable === '#context#')
       return payload.context.variable_selector
 
-    if(variable === '#files#')
+    if (variable === '#files#')
       return payload.vision.configs?.variable_selector
 
     return false
diff --git a/web/app/components/workflow/nodes/llm/utils.ts b/web/app/components/workflow/nodes/llm/utils.ts
index 1652d511d0..604a1f8408 100644
--- a/web/app/components/workflow/nodes/llm/utils.ts
+++ b/web/app/components/workflow/nodes/llm/utils.ts
@@ -1,8 +1,8 @@
-import { z } from 'zod'
-import { ArrayType, Type } from './types'
-import type { ArrayItems, Field, LLMNodeType } from './types'
-import { draft07Validator, forbidBooleanProperties } from '@/utils/validators'
 import type { ValidationError } from 'jsonschema'
+import type { ArrayItems, Field, LLMNodeType } from './types'
+import { z } from 'zod'
+import { draft07Validator, forbidBooleanProperties } from '@/utils/validators'
+import { ArrayType, Type } from './types'
 
 export const checkNodeValid = (_payload: LLMNodeType) => {
   return true
@@ -10,8 +10,10 @@ export const checkNodeValid = (_payload: LLMNodeType) => {
 
 export const getFieldType = (field: Field) => {
   const { type, items, enum: enums } = field
-  if (field.schemaType === 'file') return Type.file
-  if (enums && enums.length > 0) return Type.enumType
+  if (field.schemaType === 'file')
+    return Type.file
+  if (enums && enums.length > 0)
+    return Type.enumType
   if (type !== Type.array || !items)
     return type
 
@@ -29,7 +31,8 @@ export const getHasChildren = (schema: Field) => {
 }
 
 export const getTypeOf = (target: any) => {
-  if (target === null) return 'null'
+  if (target === null)
+    return 'null'
   if (typeof target !== 'object') {
     return typeof target
   }
@@ -43,12 +46,17 @@ export const getTypeOf = (target: any) => {
 
 export const inferType = (value: any): Type => {
   const type = getTypeOf(value)
-  if (type === 'array') return Type.array
+  if (type === 'array')
+    return Type.array
   // type boolean will be treated as string
-  if (type === 'boolean') return Type.string
-  if (type === 'number') return Type.number
-  if (type === 'string') return Type.string
-  if (type === 'object') return Type.object
+  if (type === 'boolean')
+    return Type.string
+  if (type === 'number')
+    return Type.number
+  if (type === 'string')
+    return Type.string
+  if (type === 'object')
+    return Type.object
   return Type.string
 }
 
diff --git a/web/app/components/workflow/nodes/loop-end/default.ts b/web/app/components/workflow/nodes/loop-end/default.ts
index bb46ff1166..7a63b0d27f 100644
--- a/web/app/components/workflow/nodes/loop-end/default.ts
+++ b/web/app/components/workflow/nodes/loop-end/default.ts
@@ -2,9 +2,9 @@ import type { NodeDefault } from '../../types'
 import type {
   SimpleNodeType,
 } from '@/app/components/workflow/simple-node/types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   classification: BlockClassificationEnum.Logic,
diff --git a/web/app/components/workflow/nodes/loop-start/default.ts b/web/app/components/workflow/nodes/loop-start/default.ts
index 86dc5b44bf..7b39eff078 100644
--- a/web/app/components/workflow/nodes/loop-start/default.ts
+++ b/web/app/components/workflow/nodes/loop-start/default.ts
@@ -1,7 +1,7 @@
 import type { NodeDefault } from '../../types'
 import type { LoopStartNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   sort: -1,
diff --git a/web/app/components/workflow/nodes/loop-start/index.tsx b/web/app/components/workflow/nodes/loop-start/index.tsx
index a48cc5fc27..34097e2030 100644
--- a/web/app/components/workflow/nodes/loop-start/index.tsx
+++ b/web/app/components/workflow/nodes/loop-start/index.tsx
@@ -1,7 +1,7 @@
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { NodeProps } from 'reactflow'
 import { RiHome5Fill } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
 import { NodeSourceHandle } from '@/app/components/workflow/nodes/_base/components/node-handle'
 
@@ -9,17 +9,17 @@ const LoopStartNode = ({ id, data }: NodeProps) => {
   const { t } = useTranslation()
 
   return (
-    <div className='nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg'>
+    <div className="nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg">
       <Tooltip popupContent={t('workflow.blocks.loop-start')} asChild={false}>
-        <div className='flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500'>
-          <RiHome5Fill className='h-3 w-3 text-text-primary-on-surface' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
+          <RiHome5Fill className="h-3 w-3 text-text-primary-on-surface" />
         </div>
       </Tooltip>
       <NodeSourceHandle
         id={id}
         data={data}
-        handleClassName='!top-1/2 !-right-[9px] !-translate-y-1/2'
-        handleId='source'
+        handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
+        handleId="source"
       />
     </div>
   )
@@ -29,10 +29,10 @@ export const LoopStartNodeDumb = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='nodrag relative left-[17px] top-[21px] z-[11] flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg'>
+    <div className="nodrag relative left-[17px] top-[21px] z-[11] flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg">
       <Tooltip popupContent={t('workflow.blocks.loop-start')} asChild={false}>
-        <div className='flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500'>
-          <RiHome5Fill className='h-3 w-3 text-text-primary-on-surface' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
+          <RiHome5Fill className="h-3 w-3 text-text-primary-on-surface" />
         </div>
       </Tooltip>
     </div>
diff --git a/web/app/components/workflow/nodes/loop/add-block.tsx b/web/app/components/workflow/nodes/loop/add-block.tsx
index d86d9f83cb..9602f7700a 100644
--- a/web/app/components/workflow/nodes/loop/add-block.tsx
+++ b/web/app/components/workflow/nodes/loop/add-block.tsx
@@ -1,26 +1,26 @@
+import type { LoopNodeType } from './types'
+import type {
+  OnSelectBlock,
+} from '@/app/components/workflow/types'
+import {
+  RiAddLine,
+} from '@remixicon/react'
 import {
   memo,
   useCallback,
 } from 'react'
-import {
-  RiAddLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
+import BlockSelector from '@/app/components/workflow/block-selector'
+import {
+  BlockEnum,
+} from '@/app/components/workflow/types'
+
+import { cn } from '@/utils/classnames'
 import {
   useAvailableBlocks,
   useNodesInteractions,
   useNodesReadOnly,
 } from '../../hooks'
-import type { LoopNodeType } from './types'
-import { cn } from '@/utils/classnames'
-import BlockSelector from '@/app/components/workflow/block-selector'
-
-import type {
-  OnSelectBlock,
-} from '@/app/components/workflow/types'
-import {
-  BlockEnum,
-} from '@/app/components/workflow/types'
 
 type AddBlockProps = {
   loopNodeId: string
@@ -53,24 +53,25 @@ const AddBlock = ({
         'system-sm-medium relative inline-flex h-8 cursor-pointer items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 text-components-button-secondary-text shadow-xs backdrop-blur-[5px] hover:bg-components-button-secondary-bg-hover',
         `${nodesReadOnly && '!cursor-not-allowed bg-components-button-secondary-bg-disabled'}`,
         open && 'bg-components-button-secondary-bg-hover',
-      )}>
-        <RiAddLine className='mr-1 h-4 w-4' />
+      )}
+      >
+        <RiAddLine className="mr-1 h-4 w-4" />
         {t('workflow.common.addBlock')}
       </div>
     )
   }, [nodesReadOnly, t])
 
   return (
-    <div className='absolute left-14 top-7 z-10 flex h-8 items-center'>
-      <div className='group/insert relative h-0.5 w-16 bg-gray-300'>
-        <div className='absolute right-0 top-1/2 h-2 w-0.5 -translate-y-1/2 bg-primary-500'></div>
+    <div className="absolute left-14 top-7 z-10 flex h-8 items-center">
+      <div className="group/insert relative h-0.5 w-16 bg-gray-300">
+        <div className="absolute right-0 top-1/2 h-2 w-0.5 -translate-y-1/2 bg-primary-500"></div>
       </div>
       <BlockSelector
         disabled={nodesReadOnly}
         onSelect={handleSelect}
         trigger={renderTriggerElement}
-        triggerInnerClassName='inline-flex'
-        popupClassName='!min-w-[256px]'
+        triggerInnerClassName="inline-flex"
+        popupClassName="!min-w-[256px]"
         availableBlocksTypes={availableNextBlocks}
       />
     </div>
diff --git a/web/app/components/workflow/nodes/loop/components/condition-add.tsx b/web/app/components/workflow/nodes/loop/components/condition-add.tsx
index cd5be853b6..06af8d3ec8 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-add.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-add.tsx
@@ -1,10 +1,15 @@
+import type { HandleAddCondition } from '../types'
+import type {
+  NodeOutPutVar,
+  ValueSelector,
+  Var,
+} from '@/app/components/workflow/types'
+import { RiAddLine } from '@remixicon/react'
 import {
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddLine } from '@remixicon/react'
-import type { HandleAddCondition } from '../types'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
@@ -12,11 +17,6 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
-import type {
-  NodeOutPutVar,
-  ValueSelector,
-  Var,
-} from '@/app/components/workflow/types'
 
 type ConditionAddProps = {
   className?: string
@@ -42,7 +42,7 @@ const ConditionAdd = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -50,16 +50,16 @@ const ConditionAdd = ({
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(!open)}>
         <Button
-          size='small'
+          size="small"
           className={className}
           disabled={disabled}
         >
-          <RiAddLine className='mr-1 h-3.5 w-3.5' />
+          <RiAddLine className="mr-1 h-3.5 w-3.5" />
           {t('workflow.nodes.ifElse.addCondition')}
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
           <VarReferenceVars
             vars={variables}
             isSupportFileVar
diff --git a/web/app/components/workflow/nodes/loop/components/condition-files-list-value.tsx b/web/app/components/workflow/nodes/loop/components/condition-files-list-value.tsx
index 00eec93de3..e13832ed46 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-files-list-value.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-files-list-value.tsx
@@ -1,20 +1,22 @@
+import type { ValueSelector } from '../../../types'
+import type { Condition } from '../types'
 import {
   memo,
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ComparisonOperator, type Condition } from '../types'
+import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import {
+  VariableLabelInNode,
+} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { ComparisonOperator } from '../types'
 import {
   comparisonOperatorNotRequireValue,
   isComparisonOperatorNeedTranslate,
   isEmptyRelatedOperator,
 } from '../utils'
-import type { ValueSelector } from '../../../types'
 import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from './../default'
-import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import {
-  VariableLabelInNode,
-} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+
 const i18nPrefix = 'workflow.nodes.ifElse'
 
 type ConditionValueProps = {
@@ -39,7 +41,7 @@ const ConditionValue = ({
       return ''
 
     const value = c.value as string
-    return value.replace(/{{#([^#]*)#}}/g, (a, b) => {
+    return value.replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
       const arr: string[] = b.split('.')
       if (isSystemVar(arr))
         return `{{${b}}}`
@@ -57,41 +59,41 @@ const ConditionValue = ({
     if (isSelect) {
       const name = [...FILE_TYPE_OPTIONS, ...TRANSFER_METHOD].filter(item => item.value === (Array.isArray(c.value) ? c.value[0] : c.value))[0]
       return name
-        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/{{#([^#]*)#}}/g, (a, b) => {
-          const arr: string[] = b.split('.')
-          if (isSystemVar(arr))
-            return `{{${b}}}`
+        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
+            const arr: string[] = b.split('.')
+            if (isSystemVar(arr))
+              return `{{${b}}}`
 
-          return `{{${arr.slice(1).join('.')}}}`
-        })
+            return `{{${arr.slice(1).join('.')}}}`
+          })
         : ''
     }
     return ''
   }, [t])
 
   return (
-    <div className='rounded-md bg-workflow-block-parma-bg'>
-      <div className='flex h-6 items-center px-1 '>
+    <div className="rounded-md bg-workflow-block-parma-bg">
+      <div className="flex h-6 items-center px-1 ">
         <VariableLabelInNode
-          className='w-0 grow'
+          className="w-0 grow"
           variables={variableSelector}
           notShowFullPath
         />
         <div
-          className='mx-1 shrink-0 text-xs font-medium text-text-primary'
+          className="mx-1 shrink-0 text-xs font-medium text-text-primary"
           title={operatorName}
         >
           {operatorName}
         </div>
       </div>
-      <div className='ml-[10px] border-l border-divider-regular pl-[10px]'>
+      <div className="ml-[10px] border-l border-divider-regular pl-[10px]">
         {
           sub_variable_condition?.conditions.map((c: Condition, index) => (
-            <div className='relative flex h-6 items-center space-x-1' key={c.id}>
-              <div className='system-xs-medium text-text-accent'>{c.key}</div>
-              <div className='system-xs-medium text-text-primary'>{isComparisonOperatorNeedTranslate(c.comparison_operator) ? t(`workflow.nodes.ifElse.comparisonOperator.${c.comparison_operator}`) : c.comparison_operator}</div>
-              {c.comparison_operator && !isEmptyRelatedOperator(c.comparison_operator) && <div className='system-xs-regular text-text-secondary'>{isSelect(c) ? selectName(c) : formatValue(c)}</div>}
-              {index !== sub_variable_condition.conditions.length - 1 && (<div className='absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent'>{t(`${i18nPrefix}.${sub_variable_condition.logical_operator}`)}</div>)}
+            <div className="relative flex h-6 items-center space-x-1" key={c.id}>
+              <div className="system-xs-medium text-text-accent">{c.key}</div>
+              <div className="system-xs-medium text-text-primary">{isComparisonOperatorNeedTranslate(c.comparison_operator) ? t(`workflow.nodes.ifElse.comparisonOperator.${c.comparison_operator}`) : c.comparison_operator}</div>
+              {c.comparison_operator && !isEmptyRelatedOperator(c.comparison_operator) && <div className="system-xs-regular text-text-secondary">{isSelect(c) ? selectName(c) : formatValue(c)}</div>}
+              {index !== sub_variable_condition.conditions.length - 1 && (<div className="absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent">{t(`${i18nPrefix}.${sub_variable_condition.logical_operator}`)}</div>)}
             </div>
           ))
         }
diff --git a/web/app/components/workflow/nodes/loop/components/condition-list/condition-input.tsx b/web/app/components/workflow/nodes/loop/components/condition-list/condition-input.tsx
index 683e2884cf..c6560a8a0e 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-list/condition-input.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-list/condition-input.tsx
@@ -1,10 +1,10 @@
-import { useTranslation } from 'react-i18next'
-import { useStore } from '@/app/components/workflow/store'
-import PromptEditor from '@/app/components/base/prompt-editor'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type {
   Node,
 } from '@/app/components/workflow/types'
+import { useTranslation } from 'react-i18next'
+import PromptEditor from '@/app/components/base/prompt-editor'
+import { useStore } from '@/app/components/workflow/store'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 type ConditionInputProps = {
   disabled?: boolean
diff --git a/web/app/components/workflow/nodes/loop/components/condition-list/condition-item.tsx b/web/app/components/workflow/nodes/loop/components/condition-list/condition-item.tsx
index 0ecae8f052..ea3e2ef5be 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-list/condition-item.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-list/condition-item.tsx
@@ -1,42 +1,42 @@
-import {
-  useCallback,
-  useMemo,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiDeleteBinLine } from '@remixicon/react'
-import { produce } from 'immer'
 import type { VarType as NumberVarType } from '../../../tool/types'
 import type {
   Condition,
   HandleAddSubVariableCondition,
   HandleRemoveCondition,
+  handleRemoveSubVariableCondition,
   HandleToggleSubVariableConditionLogicalOperator,
   HandleUpdateCondition,
   HandleUpdateSubVariableCondition,
-  handleRemoveSubVariableCondition,
 } from '../../types'
-import {
-  ComparisonOperator,
-} from '../../types'
-import ConditionNumberInput from '../condition-number-input'
-import ConditionWrap from '../condition-wrap'
-import { comparisonOperatorNotRequireValue, getOperators } from './../../utils'
-import ConditionOperator from './condition-operator'
-import ConditionInput from './condition-input'
-import { FILE_TYPE_OPTIONS, SUB_VARIABLES, TRANSFER_METHOD } from './../../default'
 import type {
   Node,
   NodeOutPutVar,
   ValueSelector,
   Var,
 } from '@/app/components/workflow/types'
+import { RiDeleteBinLine } from '@remixicon/react'
+import { produce } from 'immer'
+import {
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import { SimpleSelect as Select } from '@/app/components/base/select'
+import BoolValue from '@/app/components/workflow/panel/chat-variable-panel/components/bool-value'
 import { VarType } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
-import { SimpleSelect as Select } from '@/app/components/base/select'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import {
+  ComparisonOperator,
+} from '../../types'
+import ConditionNumberInput from '../condition-number-input'
+import ConditionWrap from '../condition-wrap'
+import { FILE_TYPE_OPTIONS, SUB_VARIABLES, TRANSFER_METHOD } from './../../default'
+import { comparisonOperatorNotRequireValue, getOperators } from './../../utils'
+import ConditionInput from './condition-input'
+import ConditionOperator from './condition-operator'
 import ConditionVarSelector from './condition-var-selector'
-import BoolValue from '@/app/components/workflow/panel/chat-variable-panel/components/bool-value'
 
 const optionNameI18NPrefix = 'workflow.nodes.ifElse.optionName'
 
@@ -209,45 +209,48 @@ const ConditionItem = ({
       <div className={cn(
         'grow rounded-lg bg-components-input-bg-normal',
         isHovered && 'bg-state-destructive-hover',
-      )}>
-        <div className='flex items-center p-1'>
-          <div className='w-0 grow'>
+      )}
+      >
+        <div className="flex items-center p-1">
+          <div className="w-0 grow">
             {isSubVarSelect
               ? (
-                <Select
-                  wrapperClassName='h-6'
-                  className='pl-0 text-xs'
-                  optionWrapClassName='w-[165px] max-h-none'
-                  defaultValue={condition.key}
-                  items={subVarOptions}
-                  onSelect={item => handleSubVarKeyChange(item.value as string)}
-                  renderTrigger={item => (
-                    item
-                      ? <div className='flex cursor-pointer justify-start'>
-                        <div className='inline-flex h-6 max-w-full items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 text-text-accent shadow-xs'>
-                          <Variable02 className='h-3.5 w-3.5 shrink-0 text-text-accent' />
-                          <div className='system-xs-medium ml-0.5 truncate'>{item?.name}</div>
-                        </div>
-                      </div>
-                      : <div className='system-sm-regular text-left text-components-input-text-placeholder'>{t('common.placeholder.select')}</div>
-                  )}
-                  hideChecked
-                />
-              )
+                  <Select
+                    wrapperClassName="h-6"
+                    className="pl-0 text-xs"
+                    optionWrapClassName="w-[165px] max-h-none"
+                    defaultValue={condition.key}
+                    items={subVarOptions}
+                    onSelect={item => handleSubVarKeyChange(item.value as string)}
+                    renderTrigger={item => (
+                      item
+                        ? (
+                            <div className="flex cursor-pointer justify-start">
+                              <div className="inline-flex h-6 max-w-full items-center rounded-md border-[0.5px] border-components-panel-border-subtle bg-components-badge-white-to-dark px-1.5 text-text-accent shadow-xs">
+                                <Variable02 className="h-3.5 w-3.5 shrink-0 text-text-accent" />
+                                <div className="system-xs-medium ml-0.5 truncate">{item?.name}</div>
+                              </div>
+                            </div>
+                          )
+                        : <div className="system-sm-regular text-left text-components-input-text-placeholder">{t('common.placeholder.select')}</div>
+                    )}
+                    hideChecked
+                  />
+                )
               : (
-                <ConditionVarSelector
-                  open={open}
-                  onOpenChange={setOpen}
-                  valueSelector={condition.variable_selector || []}
-                  varType={condition.varType}
-                  availableNodes={availableNodes}
-                  nodesOutputVars={availableVars}
-                  onChange={handleVarChange}
-                />
-              )}
+                  <ConditionVarSelector
+                    open={open}
+                    onOpenChange={setOpen}
+                    valueSelector={condition.variable_selector || []}
+                    varType={condition.varType}
+                    availableNodes={availableNodes}
+                    nodesOutputVars={availableVars}
+                    onChange={handleVarChange}
+                  />
+                )}
 
           </div>
-          <div className='mx-1 h-3 w-[1px] bg-divider-regular'></div>
+          <div className="mx-1 h-3 w-[1px] bg-divider-regular"></div>
           <ConditionOperator
             disabled={!canChooseOperator}
             varType={condition.varType}
@@ -258,7 +261,7 @@ const ConditionItem = ({
         </div>
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType !== VarType.number && condition.varType !== VarType.boolean && (
-            <div className='max-h-[100px] overflow-y-auto border-t border-t-divider-subtle px-2 py-1'>
+            <div className="max-h-[100px] overflow-y-auto border-t border-t-divider-subtle px-2 py-1">
               <ConditionInput
                 disabled={disabled}
                 value={condition.value as string}
@@ -269,16 +272,17 @@ const ConditionItem = ({
           )
         }
         {!comparisonOperatorNotRequireValue(condition.comparison_operator) && condition.varType === VarType.boolean
-          && <div className='p-1'>
-            <BoolValue
-              value={condition.value as boolean}
-              onChange={handleUpdateConditionValue}
-            />
-          </div>
-        }
+          && (
+            <div className="p-1">
+              <BoolValue
+                value={condition.value as boolean}
+                onChange={handleUpdateConditionValue}
+              />
+            </div>
+          )}
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && !isNotInput && condition.varType === VarType.number && (
-            <div className='border-t border-t-divider-subtle px-2 py-1 pt-[3px]'>
+            <div className="border-t border-t-divider-subtle px-2 py-1 pt-[3px]">
               <ConditionNumberInput
                 numberVarType={condition.numberVarType}
                 onNumberVarTypeChange={handleUpdateConditionNumberVarType}
@@ -293,10 +297,10 @@ const ConditionItem = ({
         }
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && isSelect && (
-            <div className='border-t border-t-divider-subtle'>
+            <div className="border-t border-t-divider-subtle">
               <Select
-                wrapperClassName='h-8'
-                className='rounded-t-none px-2 text-xs'
+                wrapperClassName="h-8"
+                className="rounded-t-none px-2 text-xs"
                 defaultValue={isArrayValue ? (condition.value as string[])?.[0] : (condition.value as string)}
                 items={selectOptions}
                 onSelect={item => handleUpdateConditionValue(item.value as string)}
@@ -308,7 +312,7 @@ const ConditionItem = ({
         }
         {
           !comparisonOperatorNotRequireValue(condition.comparison_operator) && isSubVariable && (
-            <div className='p-1'>
+            <div className="p-1">
               <ConditionWrap
                 isSubVariable
                 conditions={condition.sub_variable_condition?.conditions || []}
@@ -328,12 +332,12 @@ const ConditionItem = ({
         }
       </div>
       <div
-        className='ml-1 mt-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive'
+        className="ml-1 mt-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive"
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
         onClick={doRemoveCondition}
       >
-        <RiDeleteBinLine className='h-4 w-4' />
+        <RiDeleteBinLine className="h-4 w-4" />
       </div>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/loop/components/condition-list/condition-operator.tsx b/web/app/components/workflow/nodes/loop/components/condition-list/condition-operator.tsx
index 49c1d6e64f..a33b2b7727 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-list/condition-operator.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-list/condition-operator.tsx
@@ -1,19 +1,20 @@
+import type { ComparisonOperator } from '../../types'
+import type { VarType } from '@/app/components/workflow/types'
+import { RiArrowDownSLine } from '@remixicon/react'
 import {
   useMemo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { getOperators, isComparisonOperatorNeedTranslate } from '../../utils'
-import type { ComparisonOperator } from '../../types'
 import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { VarType } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import { getOperators, isComparisonOperatorNeedTranslate } from '../../utils'
+
 const i18nPrefix = 'workflow.nodes.ifElse'
 
 type ConditionOperatorProps = {
@@ -48,7 +49,7 @@ const ConditionOperator = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -57,8 +58,8 @@ const ConditionOperator = ({
       <PortalToFollowElemTrigger onClick={() => setOpen(v => !v)}>
         <Button
           className={cn('shrink-0', !selectedOption && 'opacity-50', className)}
-          size='small'
-          variant='ghost'
+          size="small"
+          variant="ghost"
           disabled={disabled}
         >
           {
@@ -66,16 +67,16 @@ const ConditionOperator = ({
               ? selectedOption.label
               : t(`${i18nPrefix}.select`)
           }
-          <RiArrowDownSLine className='ml-1 h-3.5 w-3.5' />
+          <RiArrowDownSLine className="ml-1 h-3.5 w-3.5" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
                 key={option.value}
-                className='flex h-7 cursor-pointer items-center rounded-lg px-3 py-1.5 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover'
+                className="flex h-7 cursor-pointer items-center rounded-lg px-3 py-1.5 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover"
                 onClick={() => {
                   onSelect(option.value)
                   setOpen(false)
diff --git a/web/app/components/workflow/nodes/loop/components/condition-list/condition-var-selector.tsx b/web/app/components/workflow/nodes/loop/components/condition-list/condition-var-selector.tsx
index 4cb82b4ce9..0c219413ee 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-list/condition-var-selector.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-list/condition-var-selector.tsx
@@ -1,7 +1,7 @@
+import type { Node, NodeOutPutVar, ValueSelector, Var, VarType } from '@/app/components/workflow/types'
 import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigger } from '@/app/components/base/portal-to-follow-elem'
 import VariableTag from '@/app/components/workflow/nodes/_base/components/variable-tag'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
-import type { Node, NodeOutPutVar, ValueSelector, Var, VarType } from '@/app/components/workflow/types'
 
 type ConditionVarSelectorProps = {
   open: boolean
@@ -26,7 +26,7 @@ const ConditionVarSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={onOpenChange}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -42,8 +42,8 @@ const ConditionVarSelector = ({
           />
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[1000]'>
-        <div className='w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
+      <PortalToFollowElemContent className="z-[1000]">
+        <div className="w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg">
           <VarReferenceVars
             vars={nodesOutputVars}
             isSupportFileVar
diff --git a/web/app/components/workflow/nodes/loop/components/condition-list/index.tsx b/web/app/components/workflow/nodes/loop/components/condition-list/index.tsx
index 8cfcc5d811..4c70d9073c 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-list/index.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-list/index.tsx
@@ -1,22 +1,17 @@
-import { RiLoopLeftLine } from '@remixicon/react'
-import { useCallback, useMemo } from 'react'
-import {
-  type Condition,
-  type HandleAddSubVariableCondition,
-  type HandleRemoveCondition,
-  type HandleToggleConditionLogicalOperator,
-  type HandleToggleSubVariableConditionLogicalOperator,
-  type HandleUpdateCondition,
-  type HandleUpdateSubVariableCondition,
-  LogicalOperator,
-  type handleRemoveSubVariableCondition,
-} from '../../types'
-import ConditionItem from './condition-item'
+import type { Condition, HandleAddSubVariableCondition, HandleRemoveCondition, handleRemoveSubVariableCondition, HandleToggleConditionLogicalOperator, HandleToggleSubVariableConditionLogicalOperator, HandleUpdateCondition, HandleUpdateSubVariableCondition } from '../../types'
 import type {
   Node,
   NodeOutPutVar,
 } from '@/app/components/workflow/types'
+import { RiLoopLeftLine } from '@remixicon/react'
+import { useCallback, useMemo } from 'react'
 import { cn } from '@/utils/classnames'
+import {
+
+  LogicalOperator,
+
+} from '../../types'
+import ConditionItem from './condition-item'
 
 type ConditionListProps = {
   isSubVariable?: boolean
@@ -83,15 +78,16 @@ const ConditionList = ({
             'absolute bottom-0 left-0 top-0 w-[60px]',
             isSubVariable && logicalOperator === LogicalOperator.and && 'left-[-10px]',
             isSubVariable && logicalOperator === LogicalOperator.or && 'left-[-18px]',
-          )}>
-            <div className='absolute bottom-4 left-[46px] top-4 w-2.5 rounded-l-[8px] border border-r-0 border-divider-deep'></div>
-            <div className='absolute right-0 top-1/2 h-[29px] w-4 -translate-y-1/2 bg-components-panel-bg'></div>
+          )}
+          >
+            <div className="absolute bottom-4 left-[46px] top-4 w-2.5 rounded-l-[8px] border border-r-0 border-divider-deep"></div>
+            <div className="absolute right-0 top-1/2 h-[29px] w-4 -translate-y-1/2 bg-components-panel-bg"></div>
             <div
-              className='absolute right-1 top-1/2 flex h-[21px] -translate-y-1/2 cursor-pointer select-none items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1 text-[10px] font-semibold text-text-accent-secondary shadow-xs'
+              className="absolute right-1 top-1/2 flex h-[21px] -translate-y-1/2 cursor-pointer select-none items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-1 text-[10px] font-semibold text-text-accent-secondary shadow-xs"
               onClick={() => doToggleConditionLogicalOperator(conditionId)}
             >
               {logicalOperator && logicalOperator.toUpperCase()}
-              <RiLoopLeftLine className='ml-0.5 h-3 w-3' />
+              <RiLoopLeftLine className="ml-0.5 h-3 w-3" />
             </div>
           </div>
         )
diff --git a/web/app/components/workflow/nodes/loop/components/condition-number-input.tsx b/web/app/components/workflow/nodes/loop/components/condition-number-input.tsx
index a13fbef011..29419be011 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-number-input.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-number-input.tsx
@@ -1,29 +1,29 @@
+import type {
+  NodeOutPutVar,
+  ValueSelector,
+} from '@/app/components/workflow/types'
+import { RiArrowDownSLine } from '@remixicon/react'
+import { useBoolean } from 'ahooks'
+import { capitalize } from 'lodash-es'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
-import { capitalize } from 'lodash-es'
-import { useBoolean } from 'ahooks'
-import { VarType as NumberVarType } from '../../tool/types'
-import VariableTag from '../../_base/components/variable-tag'
+import Button from '@/app/components/base/button'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import { cn } from '@/utils/classnames'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
-import type {
-  NodeOutPutVar,
-  ValueSelector,
-} from '@/app/components/workflow/types'
 import { VarType } from '@/app/components/workflow/types'
 import { variableTransformer } from '@/app/components/workflow/utils'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import { cn } from '@/utils/classnames'
+import VariableTag from '../../_base/components/variable-tag'
+import { VarType as NumberVarType } from '../../tool/types'
 
 const options = [
   NumberVarType.variable,
@@ -62,25 +62,25 @@ const ConditionNumberInput = ({
   }, [onValueChange])
 
   return (
-    <div className='flex cursor-pointer items-center'>
+    <div className="flex cursor-pointer items-center">
       <PortalToFollowElem
         open={numberVarTypeVisible}
         onOpenChange={setNumberVarTypeVisible}
-        placement='bottom-start'
+        placement="bottom-start"
         offset={{ mainAxis: 2, crossAxis: 0 }}
       >
         <PortalToFollowElemTrigger onClick={() => setNumberVarTypeVisible(v => !v)}>
           <Button
-            className='shrink-0'
-            variant='ghost'
-            size='small'
+            className="shrink-0"
+            variant="ghost"
+            size="small"
           >
             {capitalize(numberVarType)}
-            <RiArrowDownSLine className='ml-[1px] h-3.5 w-3.5' />
+            <RiArrowDownSLine className="ml-[1px] h-3.5 w-3.5" />
           </Button>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1000]'>
-          <div className='w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+        <PortalToFollowElemContent className="z-[1000]">
+          <div className="w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
             {
               options.map(option => (
                 <div
@@ -102,19 +102,20 @@ const ConditionNumberInput = ({
           </div>
         </PortalToFollowElemContent>
       </PortalToFollowElem>
-      <div className='mx-1 h-4 w-[1px] bg-divider-regular'></div>
-      <div className='ml-0.5 w-0 grow'>
+      <div className="mx-1 h-4 w-[1px] bg-divider-regular"></div>
+      <div className="ml-0.5 w-0 grow">
         {
           numberVarType === NumberVarType.variable && (
             <PortalToFollowElem
               open={variableSelectorVisible}
               onOpenChange={setVariableSelectorVisible}
-              placement='bottom-start'
+              placement="bottom-start"
               offset={{ mainAxis: 2, crossAxis: 0 }}
             >
               <PortalToFollowElemTrigger
-                className='w-full'
-                onClick={() => setVariableSelectorVisible(v => !v)}>
+                className="w-full"
+                onClick={() => setVariableSelectorVisible(v => !v)}
+              >
                 {
                   value && (
                     <VariableTag
@@ -126,14 +127,14 @@ const ConditionNumberInput = ({
                 }
                 {
                   !value && (
-                    <div className='flex h-6 items-center p-1 text-[13px] text-components-input-text-placeholder'>
-                      <Variable02 className='mr-1 h-4 w-4 shrink-0' />
-                      <div className='w-0 grow truncate'>{t('workflow.nodes.ifElse.selectVariable')}</div>
+                    <div className="flex h-6 items-center p-1 text-[13px] text-components-input-text-placeholder">
+                      <Variable02 className="mr-1 h-4 w-4 shrink-0" />
+                      <div className="w-0 grow truncate">{t('workflow.nodes.ifElse.selectVariable')}</div>
                     </div>
                   )
                 }
               </PortalToFollowElemTrigger>
-              <PortalToFollowElemContent className='z-[1000]'>
+              <PortalToFollowElemContent className="z-[1000]">
                 <div className={cn('w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pt-1 shadow-lg', isShort && 'w-[200px]')}>
                   <VarReferenceVars
                     vars={variables}
@@ -146,17 +147,17 @@ const ConditionNumberInput = ({
         }
         {
           numberVarType === NumberVarType.constant && (
-            <div className=' relative'>
+            <div className=" relative">
               <input
                 className={cn('block w-full appearance-none bg-transparent px-2 text-[13px] text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder', unit && 'pr-6')}
-                type='number'
+                type="number"
                 value={value}
                 onChange={e => onValueChange(e.target.value)}
                 placeholder={t('workflow.nodes.ifElse.enterValue') || ''}
                 onFocus={setFocus}
                 onBlur={setBlur}
               />
-              {!isFocus && unit && <div className='system-sm-regular absolute right-2 top-[50%] translate-y-[-50%] text-text-tertiary'>{unit}</div>}
+              {!isFocus && unit && <div className="system-sm-regular absolute right-2 top-[50%] translate-y-[-50%] text-text-tertiary">{unit}</div>}
             </div>
           )
         }
diff --git a/web/app/components/workflow/nodes/loop/components/condition-value.tsx b/web/app/components/workflow/nodes/loop/components/condition-value.tsx
index 2f011f870a..c24a1a18a6 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-value.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-value.tsx
@@ -3,16 +3,16 @@ import {
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
+import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import {
+  VariableLabelInNode,
+} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
 import { ComparisonOperator } from '../types'
 import {
   comparisonOperatorNotRequireValue,
   isComparisonOperatorNeedTranslate,
 } from '../utils'
 import { FILE_TYPE_OPTIONS, TRANSFER_METHOD } from './../default'
-import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import {
-  VariableLabelInNode,
-} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
 
 type ConditionValueProps = {
   variableSelector: string[]
@@ -36,7 +36,7 @@ const ConditionValue = ({
     if (Array.isArray(value)) // transfer method
       return value[0]
 
-    return value.replace(/{{#([^#]*)#}}/g, (a, b) => {
+    return value.replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
       const arr: string[] = b.split('.')
       if (isSystemVar(arr))
         return `{{${b}}}`
@@ -50,34 +50,34 @@ const ConditionValue = ({
     if (isSelect) {
       const name = [...FILE_TYPE_OPTIONS, ...TRANSFER_METHOD].filter(item => item.value === (Array.isArray(value) ? value[0] : value))[0]
       return name
-        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/{{#([^#]*)#}}/g, (a, b) => {
-          const arr: string[] = b.split('.')
-          if (isSystemVar(arr))
-            return `{{${b}}}`
+        ? t(`workflow.nodes.ifElse.optionName.${name.i18nKey}`).replace(/\{\{#([^#]*)#\}\}/g, (a, b) => {
+            const arr: string[] = b.split('.')
+            if (isSystemVar(arr))
+              return `{{${b}}}`
 
-          return `{{${arr.slice(1).join('.')}}}`
-        })
+            return `{{${arr.slice(1).join('.')}}}`
+          })
         : ''
     }
     return ''
   }, [isSelect, t, value])
 
   return (
-    <div className='flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1'>
+    <div className="flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1">
       <VariableLabelInNode
-        className='w-0 grow'
+        className="w-0 grow"
         variables={variableSelector}
         notShowFullPath
       />
       <div
-        className='mx-1 shrink-0 text-xs font-medium text-text-primary'
+        className="mx-1 shrink-0 text-xs font-medium text-text-primary"
         title={operatorName}
       >
         {operatorName}
       </div>
       {
         !notHasValue && (
-          <div className='truncate text-xs text-text-secondary' title={formatValue}>{isSelect ? selectName : formatValue}</div>
+          <div className="truncate text-xs text-text-secondary" title={formatValue}>{isSelect ? selectName : formatValue}</div>
         )
       }
     </div>
diff --git a/web/app/components/workflow/nodes/loop/components/condition-wrap.tsx b/web/app/components/workflow/nodes/loop/components/condition-wrap.tsx
index 6812554767..00f44ab244 100644
--- a/web/app/components/workflow/nodes/loop/components/condition-wrap.tsx
+++ b/web/app/components/workflow/nodes/loop/components/condition-wrap.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Node, NodeOutPutVar, Var } from '../../../types'
+import type { Condition, HandleAddCondition, HandleAddSubVariableCondition, HandleRemoveCondition, handleRemoveSubVariableCondition, HandleToggleConditionLogicalOperator, HandleToggleSubVariableConditionLogicalOperator, HandleUpdateCondition, HandleUpdateSubVariableCondition, LogicalOperator } from '../types'
 import {
   RiAddLine,
 } from '@remixicon/react'
-import type { Condition, HandleAddCondition, HandleAddSubVariableCondition, HandleRemoveCondition, HandleToggleConditionLogicalOperator, HandleToggleSubVariableConditionLogicalOperator, HandleUpdateCondition, HandleUpdateSubVariableCondition, LogicalOperator, handleRemoveSubVariableCondition } from '../types'
-import type { Node, NodeOutPutVar, Var } from '../../../types'
-import { VarType } from '../../../types'
-import { useGetAvailableVars } from '../../variable-assigner/hooks'
-import ConditionList from './condition-list'
-import ConditionAdd from './condition-add'
-import { SUB_VARIABLES } from './../default'
-import { cn } from '@/utils/classnames'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { PortalSelect as Select } from '@/app/components/base/select'
+import { cn } from '@/utils/classnames'
+import { VarType } from '../../../types'
+import { useGetAvailableVars } from '../../variable-assigner/hooks'
+import { SUB_VARIABLES } from './../default'
+import ConditionAdd from './condition-add'
+import ConditionList from './condition-list'
 
 type Props = {
   isSubVariable?: boolean
@@ -81,7 +81,7 @@ const ConditionWrap: FC<Props> = ({
         >
           {
             conditions && !!conditions.length && (
-              <div className='mb-2'>
+              <div className="mb-2">
                 <ConditionList
                   disabled={readOnly}
                   conditionId={conditionId}
@@ -109,33 +109,34 @@ const ConditionWrap: FC<Props> = ({
             !conditions.length && !isSubVariable && 'mt-1',
             !conditions.length && isSubVariable && 'mt-2',
             conditions.length > 1 && !isSubVariable && 'ml-[60px]',
-          )}>
+          )}
+          >
             {isSubVariable
               ? (
-                <Select
-                  popupInnerClassName='w-[165px] max-h-none'
-                  onSelect={value => handleAddSubVariableCondition?.(conditionId!, value.value as string)}
-                  items={subVarOptions}
-                  value=''
-                  renderTrigger={() => (
-                    <Button
-                      size='small'
-                      disabled={readOnly}
-                    >
-                      <RiAddLine className='mr-1 h-3.5 w-3.5' />
-                      {t('workflow.nodes.ifElse.addSubVariable')}
-                    </Button>
-                  )}
-                  hideChecked
-                />
-              )
+                  <Select
+                    popupInnerClassName="w-[165px] max-h-none"
+                    onSelect={value => handleAddSubVariableCondition?.(conditionId!, value.value as string)}
+                    items={subVarOptions}
+                    value=""
+                    renderTrigger={() => (
+                      <Button
+                        size="small"
+                        disabled={readOnly}
+                      >
+                        <RiAddLine className="mr-1 h-3.5 w-3.5" />
+                        {t('workflow.nodes.ifElse.addSubVariable')}
+                      </Button>
+                    )}
+                    hideChecked
+                  />
+                )
               : (
-                <ConditionAdd
-                  disabled={readOnly}
-                  variables={availableVars}
-                  onSelectVariable={handleAddCondition!}
-                />
-              )}
+                  <ConditionAdd
+                    disabled={readOnly}
+                    variables={availableVars}
+                    onSelectVariable={handleAddCondition!}
+                  />
+                )}
           </div>
         </div>
       </div>
diff --git a/web/app/components/workflow/nodes/loop/components/loop-variables/empty.tsx b/web/app/components/workflow/nodes/loop/components/loop-variables/empty.tsx
index 6fe4aa0a77..13b5a0ca67 100644
--- a/web/app/components/workflow/nodes/loop/components/loop-variables/empty.tsx
+++ b/web/app/components/workflow/nodes/loop/components/loop-variables/empty.tsx
@@ -4,7 +4,7 @@ const Empty = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='system-xs-regular flex h-10 items-center justify-center rounded-[10px] bg-background-section text-text-tertiary'>
+    <div className="system-xs-regular flex h-10 items-center justify-center rounded-[10px] bg-background-section text-text-tertiary">
       {t('workflow.nodes.loop.setLoopVariables')}
     </div>
   )
diff --git a/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx b/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx
index e4cc13835f..911b122925 100644
--- a/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx
+++ b/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx
@@ -1,13 +1,3 @@
-import {
-  useCallback,
-  useMemo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import type {
   LoopVariable,
 } from '@/app/components/workflow/nodes/loop/types'
@@ -15,9 +5,16 @@ import type {
   Var,
 } from '@/app/components/workflow/types'
 import {
-  ValueType,
-  VarType,
-} from '@/app/components/workflow/types'
+  useCallback,
+  useMemo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '@/app/components/base/input'
+import Textarea from '@/app/components/base/textarea'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import ArrayBoolList from '@/app/components/workflow/panel/chat-variable-panel/components/array-bool-list'
 import BoolValue from '@/app/components/workflow/panel/chat-variable-panel/components/bool-value'
 
 import {
@@ -27,7 +24,10 @@ import {
   arrayStringPlaceholder,
   objectPlaceholder,
 } from '@/app/components/workflow/panel/chat-variable-panel/utils'
-import ArrayBoolList from '@/app/components/workflow/panel/chat-variable-panel/components/array-bool-list'
+import {
+  ValueType,
+  VarType,
+} from '@/app/components/workflow/types'
 
 type FormItemProps = {
   nodeId: string
@@ -91,7 +91,7 @@ const FormItem = ({
           <Textarea
             value={value}
             onChange={handleInputChange}
-            className='min-h-12 w-full'
+            className="min-h-12 w-full"
           />
         )
       }
@@ -101,7 +101,7 @@ const FormItem = ({
             type="number"
             value={value}
             onChange={handleInputChange}
-            className='w-full'
+            className="w-full"
           />
         )
       }
@@ -117,15 +117,15 @@ const FormItem = ({
         value_type === ValueType.constant
         && (var_type === VarType.object || var_type === VarType.arrayString || var_type === VarType.arrayNumber || var_type === VarType.arrayObject)
         && (
-          <div className='w-full rounded-[10px] bg-components-input-bg-normal py-2 pl-3 pr-1' style={{ height: editorMinHeight }}>
+          <div className="w-full rounded-[10px] bg-components-input-bg-normal py-2 pl-3 pr-1" style={{ height: editorMinHeight }}>
             <CodeEditor
               value={value}
               isExpand
               noWrapper
               language={CodeLanguage.json}
               onChange={handleChange}
-              className='w-full'
-              placeholder={<div className='whitespace-pre'>{placeholder}</div>}
+              className="w-full"
+              placeholder={<div className="whitespace-pre">{placeholder}</div>}
             />
           </div>
         )
@@ -133,7 +133,7 @@ const FormItem = ({
       {
         value_type === ValueType.constant && var_type === VarType.arrayBoolean && (
           <ArrayBoolList
-            className='mt-2'
+            className="mt-2"
             list={value || [false]}
             onChange={handleChange}
           />
diff --git a/web/app/components/workflow/nodes/loop/components/loop-variables/index.tsx b/web/app/components/workflow/nodes/loop/components/loop-variables/index.tsx
index 26251e394c..ddd34baeae 100644
--- a/web/app/components/workflow/nodes/loop/components/loop-variables/index.tsx
+++ b/web/app/components/workflow/nodes/loop/components/loop-variables/index.tsx
@@ -1,9 +1,9 @@
-import Empty from './empty'
-import Item from './item'
 import type {
   LoopVariable,
   LoopVariablesComponentShape,
 } from '@/app/components/workflow/nodes/loop/types'
+import Empty from './empty'
+import Item from './item'
 
 type LoopVariableProps = {
   variables?: LoopVariable[]
diff --git a/web/app/components/workflow/nodes/loop/components/loop-variables/item.tsx b/web/app/components/workflow/nodes/loop/components/loop-variables/item.tsx
index 7084389be8..973e78ae73 100644
--- a/web/app/components/workflow/nodes/loop/components/loop-variables/item.tsx
+++ b/web/app/components/workflow/nodes/loop/components/loop-variables/item.tsx
@@ -1,18 +1,18 @@
-import { useCallback } from 'react'
-import { RiDeleteBinLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import InputModeSelect from './input-mode-selec'
-import VariableTypeSelect from './variable-type-select'
-import FormItem from './form-item'
-import ActionButton from '@/app/components/base/action-button'
-import Input from '@/app/components/base/input'
 import type {
   LoopVariable,
   LoopVariablesComponentShape,
 } from '@/app/components/workflow/nodes/loop/types'
-import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
+import { RiDeleteBinLine } from '@remixicon/react'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import ActionButton from '@/app/components/base/action-button'
+import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
 import { ValueType, VarType } from '@/app/components/workflow/types'
+import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
+import FormItem from './form-item'
+import InputModeSelect from './input-mode-selec'
+import VariableTypeSelect from './variable-type-select'
 
 type ItemProps = {
   item: LoopVariable
@@ -44,7 +44,7 @@ const Item = ({
   }, [item.id, handleUpdateLoopVariable])
 
   const getDefaultValue = useCallback((varType: VarType, valueType: ValueType) => {
-    if(valueType === ValueType.variable)
+    if (valueType === ValueType.variable)
       return undefined
     switch (varType) {
       case VarType.boolean:
@@ -69,9 +69,9 @@ const Item = ({
   }, [item.id, handleUpdateLoopVariable])
 
   return (
-    <div className='mb-4 flex last-of-type:mb-0'>
-      <div className='w-0 grow'>
-        <div className='mb-1 grid grid-cols-3 gap-1'>
+    <div className="mb-4 flex last-of-type:mb-0">
+      <div className="w-0 grow">
+        <div className="mb-1 grid grid-cols-3 gap-1">
           <Input
             value={item.label}
             onChange={handleUpdateItemLabel}
@@ -97,11 +97,11 @@ const Item = ({
         </div>
       </div>
       <ActionButton
-        className='shrink-0'
-        size='l'
+        className="shrink-0"
+        size="l"
         onClick={() => handleRemoveLoopVariable(item.id)}
       >
-        <RiDeleteBinLine className='h-4 w-4 text-text-tertiary' />
+        <RiDeleteBinLine className="h-4 w-4 text-text-tertiary" />
       </ActionButton>
     </div>
   )
diff --git a/web/app/components/workflow/nodes/loop/default.ts b/web/app/components/workflow/nodes/loop/default.ts
index 390545d0e2..cbc79bd54f 100644
--- a/web/app/components/workflow/nodes/loop/default.ts
+++ b/web/app/components/workflow/nodes/loop/default.ts
@@ -1,12 +1,14 @@
-import { VarType } from '../../types'
 import type { NodeDefault } from '../../types'
-import { ComparisonOperator, LogicalOperator, type LoopNodeType } from './types'
-import { isEmptyRelatedOperator } from './utils'
-import { TransferMethod } from '@/types/app'
-import { LOOP_NODE_MAX_COUNT } from '@/config'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
+import type { LoopNodeType } from './types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { LOOP_NODE_MAX_COUNT } from '@/config'
+import { TransferMethod } from '@/types/app'
+import { VarType } from '../../types'
+import { ComparisonOperator, LogicalOperator } from './types'
+import { isEmptyRelatedOperator } from './utils'
+
 const i18nPrefix = 'workflow.errorMsg'
 
 const metaData = genNodeMetaData({
@@ -66,8 +68,9 @@ const nodeDefault: NodeDefault<LoopNodeType> = {
       || !Number.isInteger(Number(payload.loop_count))
       || payload.loop_count < 1
       || payload.loop_count > LOOP_NODE_MAX_COUNT
-    ))
+    )) {
       errorMessages = t('workflow.nodes.loop.loopMaxCountError', { maxCount: LOOP_NODE_MAX_COUNT })
+    }
 
     return {
       isValid: !errorMessages,
diff --git a/web/app/components/workflow/nodes/loop/insert-block.tsx b/web/app/components/workflow/nodes/loop/insert-block.tsx
index 57eef5d17a..7f24ac5078 100644
--- a/web/app/components/workflow/nodes/loop/insert-block.tsx
+++ b/web/app/components/workflow/nodes/loop/insert-block.tsx
@@ -1,15 +1,15 @@
+import type {
+  BlockEnum,
+  OnSelectBlock,
+} from '../../types'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
 import { cn } from '@/utils/classnames'
-import { useNodesInteractions } from '../../hooks'
-import type {
-  BlockEnum,
-  OnSelectBlock,
-} from '../../types'
 import BlockSelector from '../../block-selector'
+import { useNodesInteractions } from '../../hooks'
 
 type InsertBlockProps = {
   startNodeId: string
diff --git a/web/app/components/workflow/nodes/loop/node.tsx b/web/app/components/workflow/nodes/loop/node.tsx
index feacb2ec4d..c8d3843a75 100644
--- a/web/app/components/workflow/nodes/loop/node.tsx
+++ b/web/app/components/workflow/nodes/loop/node.tsx
@@ -1,4 +1,6 @@
 import type { FC } from 'react'
+import type { LoopNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import {
   memo,
   useEffect,
@@ -8,13 +10,11 @@ import {
   useNodesInitialized,
   useViewport,
 } from 'reactflow'
-import { LoopStartNodeDumb } from '../loop-start'
-import { useNodeLoopInteractions } from './use-interactions'
-import type { LoopNodeType } from './types'
-import AddBlock from './add-block'
 import { cn } from '@/utils/classnames'
+import { LoopStartNodeDumb } from '../loop-start'
+import AddBlock from './add-block'
 
-import type { NodeProps } from '@/app/components/workflow/types'
+import { useNodeLoopInteractions } from './use-interactions'
 
 const Node: FC<NodeProps<LoopNodeType>> = ({
   id,
@@ -32,13 +32,14 @@ const Node: FC<NodeProps<LoopNodeType>> = ({
   return (
     <div className={cn(
       'relative h-full min-h-[90px] w-full min-w-[240px] rounded-2xl bg-workflow-canvas-workflow-bg',
-    )}>
+    )}
+    >
       <Background
         id={`loop-background-${id}`}
-        className='!z-0 rounded-2xl'
+        className="!z-0 rounded-2xl"
         gap={[14 / zoom, 14 / zoom]}
         size={2 / zoom}
-        color='var(--color-workflow-canvas-workflow-dot-color)'
+        color="var(--color-workflow-canvas-workflow-dot-color)"
       />
       {
         data._isCandidate && (
diff --git a/web/app/components/workflow/nodes/loop/panel.tsx b/web/app/components/workflow/nodes/loop/panel.tsx
index d3f06482c2..45fec4030f 100644
--- a/web/app/components/workflow/nodes/loop/panel.tsx
+++ b/web/app/components/workflow/nodes/loop/panel.tsx
@@ -1,17 +1,17 @@
 import type { FC } from 'react'
+import type { LoopNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
+import { RiAddLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddLine } from '@remixicon/react'
-import Split from '../_base/components/split'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import { LOOP_NODE_MAX_COUNT } from '@/config'
 import InputNumberWithSlider from '../_base/components/input-number-with-slider'
-import type { LoopNodeType } from './types'
-import useConfig from './use-config'
+import Split from '../_base/components/split'
 import ConditionWrap from './components/condition-wrap'
 import LoopVariable from './components/loop-variables'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
 
-import { LOOP_NODE_MAX_COUNT } from '@/config'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.loop'
 
@@ -41,20 +41,20 @@ const Panel: FC<NodePanelProps<LoopNodeType>> = ({
   } = useConfig(id, data)
 
   return (
-    <div className='mt-2'>
+    <div className="mt-2">
       <div>
         <Field
-          title={<div className='pl-3'>{t('workflow.nodes.loop.loopVariables')}</div>}
-          operations={
+          title={<div className="pl-3">{t('workflow.nodes.loop.loopVariables')}</div>}
+          operations={(
             <div
-              className='mr-4 flex h-5 w-5 cursor-pointer items-center justify-center'
+              className="mr-4 flex h-5 w-5 cursor-pointer items-center justify-center"
               onClick={handleAddLoopVariable}
             >
-              <RiAddLine className='h-4 w-4 text-text-tertiary' />
+              <RiAddLine className="h-4 w-4 text-text-tertiary" />
             </div>
-          }
+          )}
         >
-          <div className='px-4'>
+          <div className="px-4">
             <LoopVariable
               variables={inputs.loop_variables}
               nodeId={id}
@@ -63,9 +63,9 @@ const Panel: FC<NodePanelProps<LoopNodeType>> = ({
             />
           </div>
         </Field>
-        <Split className='my-2' />
+        <Split className="my-2" />
         <Field
-          title={<div className='pl-3'>{t(`${i18nPrefix}.breakCondition`)}</div>}
+          title={<div className="pl-3">{t(`${i18nPrefix}.breakCondition`)}</div>}
           tooltip={t(`${i18nPrefix}.breakConditionTip`)}
         >
           <ConditionWrap
@@ -85,12 +85,12 @@ const Panel: FC<NodePanelProps<LoopNodeType>> = ({
             logicalOperator={inputs.logical_operator!}
           />
         </Field>
-        <Split className='mt-2' />
-        <div className='mt-2'>
+        <Split className="mt-2" />
+        <div className="mt-2">
           <Field
-            title={<div className='pl-3'>{t(`${i18nPrefix}.loopMaxCount`)}</div>}
+            title={<div className="pl-3">{t(`${i18nPrefix}.loopMaxCount`)}</div>}
           >
-            <div className='px-3 py-2'>
+            <div className="px-3 py-2">
               <InputNumberWithSlider
                 min={1}
                 max={LOOP_NODE_MAX_COUNT}
diff --git a/web/app/components/workflow/nodes/loop/use-config.ts b/web/app/components/workflow/nodes/loop/use-config.ts
index e8504fb5e9..d64cd8492e 100644
--- a/web/app/components/workflow/nodes/loop/use-config.ts
+++ b/web/app/components/workflow/nodes/loop/use-config.ts
@@ -1,20 +1,4 @@
-import {
-  useCallback,
-  useRef,
-} from 'react'
-import { produce } from 'immer'
-import { v4 as uuid4 } from 'uuid'
-import {
-  useIsChatMode,
-  useNodesReadOnly,
-  useWorkflow,
-} from '../../hooks'
-import { ValueType, VarType } from '../../types'
 import type { ErrorHandleMode, Var } from '../../types'
-import useNodeCrud from '../_base/hooks/use-node-crud'
-import { toNodeOutputVars } from '../_base/components/variable/utils'
-import { getOperators } from './utils'
-import { LogicalOperator } from './types'
 import type {
   HandleAddCondition,
   HandleAddSubVariableCondition,
@@ -25,7 +9,12 @@ import type {
   HandleUpdateSubVariableCondition,
   LoopNodeType,
 } from './types'
-import useIsVarFileAttribute from './use-is-var-file-attribute'
+import { produce } from 'immer'
+import {
+  useCallback,
+  useRef,
+} from 'react'
+import { v4 as uuid4 } from 'uuid'
 import { useStore } from '@/app/components/workflow/store'
 import {
   useAllBuiltInTools,
@@ -33,6 +22,17 @@ import {
   useAllMCPTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import {
+  useIsChatMode,
+  useNodesReadOnly,
+  useWorkflow,
+} from '../../hooks'
+import { ValueType, VarType } from '../../types'
+import { toNodeOutputVars } from '../_base/components/variable/utils'
+import useNodeCrud from '../_base/hooks/use-node-crud'
+import { LogicalOperator } from './types'
+import useIsVarFileAttribute from './use-is-var-file-attribute'
+import { getOperators } from './utils'
 
 const useConfig = (id: string, payload: LoopNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
diff --git a/web/app/components/workflow/nodes/loop/use-interactions.ts b/web/app/components/workflow/nodes/loop/use-interactions.ts
index 737da404a0..006d8f963b 100644
--- a/web/app/components/workflow/nodes/loop/use-interactions.ts
+++ b/web/app/components/workflow/nodes/loop/use-interactions.ts
@@ -1,19 +1,19 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
-import { useStoreApi } from 'reactflow'
 import type {
   BlockEnum,
   Node,
 } from '../../types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
+import { useStoreApi } from 'reactflow'
+import { useNodesMetaData } from '@/app/components/workflow/hooks'
+import {
+  LOOP_PADDING,
+} from '../../constants'
 import {
   generateNewNode,
   getNodeCustomTypeByNodeDataType,
 } from '../../utils'
-import {
-  LOOP_PADDING,
-} from '../../constants'
 import { CUSTOM_LOOP_START_NODE } from '../loop-start/constants'
-import { useNodesMetaData } from '@/app/components/workflow/hooks'
 
 export const useNodeLoopInteractions = () => {
   const store = useStoreApi()
@@ -75,7 +75,7 @@ export const useNodeLoopInteractions = () => {
     const { getNodes } = store.getState()
     const nodes = getNodes()
 
-    const restrictPosition: { x?: number; y?: number } = { x: undefined, y: undefined }
+    const restrictPosition: { x?: number, y?: number } = { x: undefined, y: undefined }
 
     if (node.data.isInLoop) {
       const parentNode = nodes.find(n => n.id === node.parentId)
diff --git a/web/app/components/workflow/nodes/loop/use-is-var-file-attribute.ts b/web/app/components/workflow/nodes/loop/use-is-var-file-attribute.ts
index b354d3149e..455d58e605 100644
--- a/web/app/components/workflow/nodes/loop/use-is-var-file-attribute.ts
+++ b/web/app/components/workflow/nodes/loop/use-is-var-file-attribute.ts
@@ -1,6 +1,6 @@
+import type { ValueSelector } from '../../types'
 import { useMemo } from 'react'
 import { useIsChatMode, useWorkflow, useWorkflowVariables } from '../../hooks'
-import type { ValueSelector } from '../../types'
 import { VarType } from '../../types'
 
 type Params = {
diff --git a/web/app/components/workflow/nodes/loop/use-single-run-form-params.ts b/web/app/components/workflow/nodes/loop/use-single-run-form-params.ts
index 6a1b6b20f0..c4123b0e30 100644
--- a/web/app/components/workflow/nodes/loop/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/loop/use-single-run-form-params.ts
@@ -1,13 +1,13 @@
-import type { NodeTracing } from '@/types/workflow'
-import { useCallback, useMemo } from 'react'
-import formatTracing from '@/app/components/workflow/run/utils/format-log'
-import { useTranslation } from 'react-i18next'
-import { useIsNodeInLoop, useWorkflow } from '../../hooks'
-import { getNodeInfoById, getNodeUsedVarPassToServerKey, getNodeUsedVars, isSystemVar } from '../_base/components/variable/utils'
 import type { InputVar, ValueSelector, Variable } from '../../types'
 import type { CaseItem, Condition, LoopNodeType } from './types'
+import type { NodeTracing } from '@/types/workflow'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import formatTracing from '@/app/components/workflow/run/utils/format-log'
 import { ValueType } from '@/app/components/workflow/types'
 import { VALUE_SELECTOR_DELIMITER as DELIMITER } from '@/config'
+import { useIsNodeInLoop, useWorkflow } from '../../hooks'
+import { getNodeInfoById, getNodeUsedVarPassToServerKey, getNodeUsedVars, isSystemVar } from '../_base/components/variable/utils'
 
 type Params = {
   id: string
diff --git a/web/app/components/workflow/nodes/loop/utils.ts b/web/app/components/workflow/nodes/loop/utils.ts
index bc5e6481ca..dba5460824 100644
--- a/web/app/components/workflow/nodes/loop/utils.ts
+++ b/web/app/components/workflow/nodes/loop/utils.ts
@@ -1,15 +1,18 @@
-import { ComparisonOperator } from './types'
-import { VarType } from '@/app/components/workflow/types'
 import type { Branch } from '@/app/components/workflow/types'
+import { VarType } from '@/app/components/workflow/types'
+import { ComparisonOperator } from './types'
 
 export const isEmptyRelatedOperator = (operator: ComparisonOperator) => {
   return [ComparisonOperator.empty, ComparisonOperator.notEmpty, ComparisonOperator.isNull, ComparisonOperator.isNotNull, ComparisonOperator.exists, ComparisonOperator.notExists].includes(operator)
 }
 
 const notTranslateKey = [
-  ComparisonOperator.equal, ComparisonOperator.notEqual,
-  ComparisonOperator.largerThan, ComparisonOperator.largerThanOrEqual,
-  ComparisonOperator.lessThan, ComparisonOperator.lessThanOrEqual,
+  ComparisonOperator.equal,
+  ComparisonOperator.notEqual,
+  ComparisonOperator.largerThan,
+  ComparisonOperator.largerThanOrEqual,
+  ComparisonOperator.lessThan,
+  ComparisonOperator.lessThanOrEqual,
 ]
 
 export const isComparisonOperatorNeedTranslate = (operator?: ComparisonOperator) => {
diff --git a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/import-from-tool.tsx b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/import-from-tool.tsx
index af2efad075..e8a4491173 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/import-from-tool.tsx
+++ b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/import-from-tool.tsx
@@ -1,27 +1,27 @@
 'use client'
 import type { FC } from 'react'
+import type { Param, ParamType } from '../../types'
+import type { ToolParameter } from '@/app/components/tools/types'
+import type {
+  PluginDefaultValue,
+  ToolDefaultValue,
+} from '@/app/components/workflow/block-selector/types'
+import type { BlockEnum } from '@/app/components/workflow/types'
 import {
   memo,
   useCallback,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import BlockSelector from '../../../../block-selector'
-import type { Param, ParamType } from '../../types'
-import { cn } from '@/utils/classnames'
-import type {
-  PluginDefaultValue,
-  ToolDefaultValue,
-} from '@/app/components/workflow/block-selector/types'
-import type { ToolParameter } from '@/app/components/tools/types'
-import { CollectionType } from '@/app/components/tools/types'
-import type { BlockEnum } from '@/app/components/workflow/types'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { canFindTool } from '@/utils'
+import { CollectionType } from '@/app/components/tools/types'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
   useAllWorkflowTools,
 } from '@/service/use-tools'
+import { canFindTool } from '@/utils'
+import { cn } from '@/utils/classnames'
+import BlockSelector from '../../../../block-selector'
 
 const i18nPrefix = 'workflow.nodes.parameterExtractor'
 
@@ -80,7 +80,8 @@ const ImportFromTool: FC<Props> = ({
         <div className={cn(
           'flex h-6 cursor-pointer items-center rounded-md px-2 text-xs font-medium text-text-tertiary hover:bg-state-base-hover',
           open && 'bg-state-base-hover',
-        )}>
+        )}
+        >
           {t(`${i18nPrefix}.importFromTool`)}
         </div>
       </div>
@@ -89,7 +90,7 @@ const ImportFromTool: FC<Props> = ({
 
   return (
     <BlockSelector
-      placement='bottom-end'
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 52,
diff --git a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/item.tsx b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/item.tsx
index dae43227b0..6382b33154 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/item.tsx
+++ b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/item.tsx
@@ -1,13 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Param } from '../../types'
 import {
   RiDeleteBinLine,
   RiEditLine,
 } from '@remixicon/react'
-import type { Param } from '../../types'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+
 const i18nPrefix = 'workflow.nodes.parameterExtractor'
 
 type Props = {
@@ -24,33 +25,33 @@ const Item: FC<Props> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='group relative rounded-lg bg-components-input-bg-normal px-2.5 py-2 hover:shadow-xs'>
-      <div className='flex justify-between'>
-        <div className='flex items-center'>
-          <Variable02 className='h-3.5 w-3.5 text-text-accent-secondary' />
-          <div className='ml-1 text-[13px] font-medium text-text-primary'>{payload.name}</div>
-          <div className='ml-2 text-xs font-normal capitalize text-text-tertiary'>{payload.type}</div>
+    <div className="group relative rounded-lg bg-components-input-bg-normal px-2.5 py-2 hover:shadow-xs">
+      <div className="flex justify-between">
+        <div className="flex items-center">
+          <Variable02 className="h-3.5 w-3.5 text-text-accent-secondary" />
+          <div className="ml-1 text-[13px] font-medium text-text-primary">{payload.name}</div>
+          <div className="ml-2 text-xs font-normal capitalize text-text-tertiary">{payload.type}</div>
         </div>
         {payload.required && (
-          <div className='text-xs font-normal uppercase leading-4 text-text-tertiary'>{t(`${i18nPrefix}.addExtractParameterContent.required`)}</div>
+          <div className="text-xs font-normal uppercase leading-4 text-text-tertiary">{t(`${i18nPrefix}.addExtractParameterContent.required`)}</div>
         )}
       </div>
-      <div className='mt-0.5 text-xs font-normal leading-[18px] text-text-tertiary'>{payload.description}</div>
+      <div className="mt-0.5 text-xs font-normal leading-[18px] text-text-tertiary">{payload.description}</div>
       <div
-        className='absolute right-0 top-0 hidden h-full w-[119px] items-center justify-end space-x-1 rounded-lg bg-gradient-to-l from-components-panel-on-panel-item-bg to-background-gradient-mask-transparent pr-1 group-hover:flex'
+        className="absolute right-0 top-0 hidden h-full w-[119px] items-center justify-end space-x-1 rounded-lg bg-gradient-to-l from-components-panel-on-panel-item-bg to-background-gradient-mask-transparent pr-1 group-hover:flex"
       >
         <div
-          className='cursor-pointer rounded-md p-1 hover:bg-state-base-hover'
+          className="cursor-pointer rounded-md p-1 hover:bg-state-base-hover"
           onClick={onEdit}
         >
-          <RiEditLine className='h-4 w-4 text-text-tertiary' />
+          <RiEditLine className="h-4 w-4 text-text-tertiary" />
         </div>
 
         <div
-          className='group shrink-0 cursor-pointer rounded-md p-1 hover:!bg-state-destructive-hover'
+          className="group shrink-0 cursor-pointer rounded-md p-1 hover:!bg-state-destructive-hover"
           onClick={onDelete}
         >
-          <RiDeleteBinLine className='h-4 w-4 text-text-tertiary group-hover:text-text-destructive' />
+          <RiDeleteBinLine className="h-4 w-4 text-text-tertiary group-hover:text-text-destructive" />
         </div>
       </div>
     </div>
diff --git a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/list.tsx b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/list.tsx
index eacb78e7f4..1cd1232983 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/list.tsx
+++ b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/list.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
+import type { Param } from '../../types'
+import type { MoreInfo } from '@/app/components/workflow/types'
+import { useBoolean } from 'ahooks'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useBoolean } from 'ahooks'
-import type { Param } from '../../types'
 import ListNoDataPlaceholder from '../../../_base/components/list-no-data-placeholder'
 import Item from './item'
 import EditParam from './update'
-import type { MoreInfo } from '@/app/components/workflow/types'
 
 const i18nPrefix = 'workflow.nodes.parameterExtractor'
 
@@ -58,11 +58,11 @@ const List: FC<Props> = ({
 
   if (list.length === 0) {
     return (
-      <ListNoDataPlaceholder >{t(`${i18nPrefix}.extractParametersNotSet`)}</ListNoDataPlaceholder>
+      <ListNoDataPlaceholder>{t(`${i18nPrefix}.extractParametersNotSet`)}</ListNoDataPlaceholder>
     )
   }
   return (
-    <div className='space-y-1'>
+    <div className="space-y-1">
       {list.map((item, index) => (
         <Item
           key={index}
@@ -73,7 +73,7 @@ const List: FC<Props> = ({
       ))}
       {isShowEditModal && (
         <EditParam
-          type='edit'
+          type="edit"
           payload={list[currEditItemIndex]}
           onSave={handleItemChange(currEditItemIndex)}
           onCancel={hideEditModal}
diff --git a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/update.tsx b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/update.tsx
index 165ace458f..3048a78118 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/update.tsx
+++ b/web/app/components/workflow/nodes/parameter-extractor/components/extract-parameter/update.tsx
@@ -1,22 +1,23 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { useBoolean } from 'ahooks'
-import { useTranslation } from 'react-i18next'
 import type { Param } from '../../types'
-import { ParamType } from '../../types'
-import AddButton from '@/app/components/base/button/add-button'
-import Modal from '@/app/components/base/modal'
-import Button from '@/app/components/base/button'
+import type { MoreInfo } from '@/app/components/workflow/types'
+import { useBoolean } from 'ahooks'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Field from '@/app/components/app/configuration/config-var/config-modal/field'
+import ConfigSelect from '@/app/components/app/configuration/config-var/config-select'
+import Button from '@/app/components/base/button'
+import AddButton from '@/app/components/base/button/add-button'
 import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
+import Modal from '@/app/components/base/modal'
 import Select from '@/app/components/base/select'
 import Switch from '@/app/components/base/switch'
+import Textarea from '@/app/components/base/textarea'
 import Toast from '@/app/components/base/toast'
-import ConfigSelect from '@/app/components/app/configuration/config-var/config-select'
-import { ChangeType, type MoreInfo } from '@/app/components/workflow/types'
+import { ChangeType } from '@/app/components/workflow/types'
 import { checkKeys } from '@/utils/var'
+import { ParamType } from '../../types'
 
 const i18nPrefix = 'workflow.nodes.parameterExtractor'
 const errorI18nPrefix = 'workflow.errorMsg'
@@ -61,12 +62,12 @@ const AddExtractParameter: FC<Props> = ({
       }
       setRenameInfo(key === 'name'
         ? {
-          type: ChangeType.changeVarName,
-          payload: {
-            beforeKey: param.name,
-            afterKey: value,
-          },
-        }
+            type: ChangeType.changeVarName,
+            payload: {
+              beforeKey: param.name,
+              afterKey: value,
+            },
+          }
         : undefined)
       setParam((prev) => {
         return {
@@ -124,17 +125,17 @@ const AddExtractParameter: FC<Props> = ({
   return (
     <div>
       {isAdd && (
-        <AddButton className='mx-1' onClick={showAddModal} />
+        <AddButton className="mx-1" onClick={showAddModal} />
       )}
       {isShowModal && (
         <Modal
           title={t(`${i18nPrefix}.addExtractParameter`)}
           isShow
           onClose={hideModal}
-          className='!w-[400px] !max-w-[400px] !p-4'
+          className="!w-[400px] !max-w-[400px] !p-4"
         >
           <div>
-            <div className='space-y-2'>
+            <div className="space-y-2">
               <Field title={t(`${i18nPrefix}.addExtractParameterContent.name`)}>
                 <Input
                   value={param.name}
@@ -148,7 +149,7 @@ const AddExtractParameter: FC<Props> = ({
                   allowSearch={false}
                   // bgClassName='bg-gray-100'
                   onSelect={v => handleParamChange('type')(v.value)}
-                  optionClassName='capitalize'
+                  optionClassName="capitalize"
                   items={
                     TYPES.map(type => ({
                       value: type,
@@ -171,14 +172,14 @@ const AddExtractParameter: FC<Props> = ({
               </Field>
               <Field title={t(`${i18nPrefix}.addExtractParameterContent.required`)}>
                 <>
-                  <div className='mb-1.5 text-xs font-normal leading-[18px] text-text-tertiary'>{t(`${i18nPrefix}.addExtractParameterContent.requiredContent`)}</div>
-                  <Switch size='l' defaultValue={param.required} onChange={handleParamChange('required')} />
+                  <div className="mb-1.5 text-xs font-normal leading-[18px] text-text-tertiary">{t(`${i18nPrefix}.addExtractParameterContent.requiredContent`)}</div>
+                  <Switch size="l" defaultValue={param.required} onChange={handleParamChange('required')} />
                 </>
               </Field>
             </div>
-            <div className='mt-4 flex justify-end space-x-2'>
-              <Button className='!w-[95px]' onClick={hideModal} >{t('common.operation.cancel')}</Button>
-              <Button className='!w-[95px]' variant='primary' onClick={handleSave} >{isAdd ? t('common.operation.add') : t('common.operation.save')}</Button>
+            <div className="mt-4 flex justify-end space-x-2">
+              <Button className="!w-[95px]" onClick={hideModal}>{t('common.operation.cancel')}</Button>
+              <Button className="!w-[95px]" variant="primary" onClick={handleSave}>{isAdd ? t('common.operation.add') : t('common.operation.save')}</Button>
             </div>
           </div>
         </Modal>
diff --git a/web/app/components/workflow/nodes/parameter-extractor/components/reasoning-mode-picker.tsx b/web/app/components/workflow/nodes/parameter-extractor/components/reasoning-mode-picker.tsx
index f4fd6e85a6..dc5354a21a 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/components/reasoning-mode-picker.tsx
+++ b/web/app/components/workflow/nodes/parameter-extractor/components/reasoning-mode-picker.tsx
@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { ReasoningModeType } from '../types'
 import Field from '../../_base/components/field'
 import OptionCard from '../../_base/components/option-card'
+import { ReasoningModeType } from '../types'
 
 const i18nPrefix = 'workflow.nodes.parameterExtractor'
 
@@ -30,14 +30,14 @@ const ReasoningModePicker: FC<Props> = ({
       title={t(`${i18nPrefix}.reasoningMode`)}
       tooltip={t(`${i18nPrefix}.reasoningModeTip`)!}
     >
-      <div className='grid grid-cols-2 gap-x-1'>
+      <div className="grid grid-cols-2 gap-x-1">
         <OptionCard
-          title='Function/Tool Calling'
+          title="Function/Tool Calling"
           onSelect={handleChange(ReasoningModeType.functionCall)}
           selected={type === ReasoningModeType.functionCall}
         />
         <OptionCard
-          title='Prompt'
+          title="Prompt"
           selected={type === ReasoningModeType.prompt}
           onSelect={handleChange(ReasoningModeType.prompt)}
         />
diff --git a/web/app/components/workflow/nodes/parameter-extractor/default.ts b/web/app/components/workflow/nodes/parameter-extractor/default.ts
index 5d2010122d..cfb317487e 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/default.ts
+++ b/web/app/components/workflow/nodes/parameter-extractor/default.ts
@@ -1,9 +1,11 @@
 import type { NodeDefault } from '../../types'
-import { type ParameterExtractorNodeType, ReasoningModeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
+import type { ParameterExtractorNodeType } from './types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { AppModeEnum } from '@/types/app'
+import { ReasoningModeType } from './types'
+
 const i18nPrefix = 'workflow'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/parameter-extractor/node.tsx b/web/app/components/workflow/nodes/parameter-extractor/node.tsx
index d79ae717d9..014706810f 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/node.tsx
+++ b/web/app/components/workflow/nodes/parameter-extractor/node.tsx
@@ -1,11 +1,11 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { ParameterExtractorNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
 import {
   useTextGenerationCurrentProviderAndModelAndModelList,
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
-import type { NodeProps } from '@/app/components/workflow/types'
 
 const Node: FC<NodeProps<ParameterExtractorNodeType>> = ({
   data,
@@ -16,12 +16,12 @@ const Node: FC<NodeProps<ParameterExtractorNodeType>> = ({
   } = useTextGenerationCurrentProviderAndModelAndModelList()
   const hasSetModel = provider && modelId
   return (
-    <div className='mb-1 px-3 py-1'>
+    <div className="mb-1 px-3 py-1">
       {hasSetModel && (
         <ModelSelector
           defaultModel={{ provider, model: modelId }}
           modelList={textGenerationModelList}
-          triggerClassName='!h-6 !rounded-md'
+          triggerClassName="!h-6 !rounded-md"
           readonly
         />
       )}
diff --git a/web/app/components/workflow/nodes/parameter-extractor/panel.tsx b/web/app/components/workflow/nodes/parameter-extractor/panel.tsx
index 8faebfa547..563c124102 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/panel.tsx
+++ b/web/app/components/workflow/nodes/parameter-extractor/panel.tsx
@@ -1,24 +1,24 @@
 import type { FC } from 'react'
+import type { ParameterExtractorNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import MemoryConfig from '../_base/components/memory-config'
-import VarReferencePicker from '../_base/components/variable/var-reference-picker'
-import Editor from '../_base/components/prompt/editor'
+import Tooltip from '@/app/components/base/tooltip'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import { FieldCollapse } from '@/app/components/workflow/nodes/_base/components/collapse'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import { VarType } from '@/app/components/workflow/types'
 import ConfigVision from '../_base/components/config-vision'
-import useConfig from './use-config'
-import type { ParameterExtractorNodeType } from './types'
-import ExtractParameter from './components/extract-parameter/list'
+import MemoryConfig from '../_base/components/memory-config'
+import Editor from '../_base/components/prompt/editor'
+import VarReferencePicker from '../_base/components/variable/var-reference-picker'
 import ImportFromTool from './components/extract-parameter/import-from-tool'
+import ExtractParameter from './components/extract-parameter/list'
 import AddExtractParameter from './components/extract-parameter/update'
 import ReasoningModePicker from './components/reasoning-mode-picker'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import Tooltip from '@/app/components/base/tooltip'
-import { VarType } from '@/app/components/workflow/types'
-import { FieldCollapse } from '@/app/components/workflow/nodes/_base/components/collapse'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.parameterExtractor'
 const i18nCommonPrefix = 'workflow.common'
@@ -57,14 +57,14 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
   const model = inputs.model
 
   return (
-    <div className='pt-2'>
-      <div className='space-y-4 px-4'>
+    <div className="pt-2">
+      <div className="space-y-4 px-4">
         <Field
           title={t(`${i18nCommonPrefix}.model`)}
           required
         >
           <ModelParameterModal
-            popupClassName='!w-[387px]'
+            popupClassName="!w-[387px]"
             isInWorkflow
             isAdvancedMode={true}
             provider={model?.provider}
@@ -108,14 +108,14 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
           operations={
             !readOnly
               ? (
-                <div className='flex items-center space-x-1'>
-                  {!readOnly && (
-                    <ImportFromTool onImport={handleImportFromTool} />
-                  )}
-                  {!readOnly && (<div className='h-3 w-px bg-divider-regular'></div>)}
-                  <AddExtractParameter type='add' onSave={addExtractParameter} />
-                </div>
-              )
+                  <div className="flex items-center space-x-1">
+                    {!readOnly && (
+                      <ImportFromTool onImport={handleImportFromTool} />
+                    )}
+                    {!readOnly && (<div className="h-3 w-px bg-divider-regular"></div>)}
+                    <AddExtractParameter type="add" onSave={addExtractParameter} />
+                  </div>
+                )
               : undefined
           }
         >
@@ -126,19 +126,19 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
           />
         </Field>
         <Editor
-          title={
-            <div className='flex items-center space-x-1'>
-              <span className='uppercase'>{t(`${i18nPrefix}.instruction`)}</span>
+          title={(
+            <div className="flex items-center space-x-1">
+              <span className="uppercase">{t(`${i18nPrefix}.instruction`)}</span>
               <Tooltip
-                popupContent={
-                  <div className='w-[120px]'>
+                popupContent={(
+                  <div className="w-[120px]">
                     {t(`${i18nPrefix}.instructionTip`)}
                   </div>
-                }
-                triggerClassName='w-3.5 h-3.5 ml-0.5'
+                )}
+                triggerClassName="w-3.5 h-3.5 ml-0.5"
               />
             </div>
-          }
+          )}
           value={inputs.instruction}
           onChange={handleInstructionChange}
           readOnly={readOnly}
@@ -154,7 +154,7 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
         <>
           {/* Memory */}
           {isChatMode && (
-            <div className='mt-4'>
+            <div className="mt-4">
               <MemoryConfig
                 readonly={readOnly}
                 config={{ data: inputs.memory }}
@@ -164,7 +164,7 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
             </div>
           )}
           {isSupportFunctionCall && (
-            <div className='mt-2'>
+            <div className="mt-2">
               <ReasoningModePicker
                 type={inputs.reasoning_mode}
                 onChange={handleReasoningModeChange}
@@ -173,38 +173,40 @@ const Panel: FC<NodePanelProps<ParameterExtractorNodeType>> = ({
           )}
         </>
       </FieldCollapse>
-      {inputs.parameters?.length > 0 && (<>
-        <Split />
-        <div>
-          <OutputVars>
-            <>
-              {inputs.parameters.map((param, index) => (
+      {inputs.parameters?.length > 0 && (
+        <>
+          <Split />
+          <div>
+            <OutputVars>
+              <>
+                {inputs.parameters.map((param, index) => (
+                  <VarItem
+                    key={index}
+                    name={param.name}
+                    type={param.type}
+                    description={param.description}
+                  />
+                ))}
                 <VarItem
-                  key={index}
-                  name={param.name}
-                  type={param.type}
-                  description={param.description}
+                  name="__is_success"
+                  type={VarType.number}
+                  description={t(`${i18nPrefix}.outputVars.isSuccess`)}
                 />
-              ))}
-              <VarItem
-                name='__is_success'
-                type={VarType.number}
-                description={t(`${i18nPrefix}.outputVars.isSuccess`)}
-              />
-              <VarItem
-                name='__reason'
-                type={VarType.string}
-                description={t(`${i18nPrefix}.outputVars.errorReason`)}
-              />
-              <VarItem
-                name='__usage'
-                type='object'
-                description={t(`${i18nPrefix}.outputVars.usage`)}
-              />
-            </>
-          </OutputVars>
-        </div>
-      </>)}
+                <VarItem
+                  name="__reason"
+                  type={VarType.string}
+                  description={t(`${i18nPrefix}.outputVars.errorReason`)}
+                />
+                <VarItem
+                  name="__usage"
+                  type="object"
+                  description={t(`${i18nPrefix}.outputVars.usage`)}
+                />
+              </>
+            </OutputVars>
+          </div>
+        </>
+      )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/parameter-extractor/use-config.ts b/web/app/components/workflow/nodes/parameter-extractor/use-config.ts
index 676d631a8a..71e94e95db 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/use-config.ts
+++ b/web/app/components/workflow/nodes/parameter-extractor/use-config.ts
@@ -1,23 +1,23 @@
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { produce } from 'immer'
 import type { Memory, MoreInfo, ValueSelector, Var } from '../../types'
-import { ChangeType, VarType } from '../../types'
-import { useStore } from '../../store'
+import type { Param, ParameterExtractorNodeType, ReasoningModeType } from './types'
+import { produce } from 'immer'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelListAndDefaultModelAndCurrentProviderAndModel, useTextGenerationCurrentProviderAndModelAndModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { AppModeEnum } from '@/types/app'
+import { supportFunctionCall } from '@/utils/tool-call'
 import {
   useIsChatMode,
   useNodesReadOnly,
   useWorkflow,
 } from '../../hooks'
 import useConfigVision from '../../hooks/use-config-vision'
-import type { Param, ParameterExtractorNodeType, ReasoningModeType } from './types'
-import { useModelListAndDefaultModelAndCurrentProviderAndModel, useTextGenerationCurrentProviderAndModelAndModelList } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
-import { checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
-import { supportFunctionCall } from '@/utils/tool-call'
 import useInspectVarsCrud from '../../hooks/use-inspect-vars-crud'
-import { AppModeEnum } from '@/types/app'
+import { useStore } from '../../store'
+import { ChangeType, VarType } from '../../types'
 
 const useConfig = (id: string, payload: ParameterExtractorNodeType) => {
   const {
@@ -30,7 +30,7 @@ const useConfig = (id: string, payload: ParameterExtractorNodeType) => {
 
   const defaultConfig = useStore(s => s.nodesDefaultConfigs)?.[payload.type]
 
-  const [defaultRolePrefix, setDefaultRolePrefix] = useState<{ user: string; assistant: string }>({ user: '', assistant: '' })
+  const [defaultRolePrefix, setDefaultRolePrefix] = useState<{ user: string, assistant: string }>({ user: '', assistant: '' })
   const { inputs, setInputs: doSetInputs } = useNodeCrud<ParameterExtractorNodeType>(id, payload)
   const inputRef = useRef(inputs)
 
@@ -127,7 +127,7 @@ const useConfig = (id: string, payload: ParameterExtractorNodeType) => {
     currentModel,
   } = useModelListAndDefaultModelAndCurrentProviderAndModel(ModelTypeEnum.textGeneration)
 
-  const handleModelChanged = useCallback((model: { provider: string; modelId: string; mode?: string }) => {
+  const handleModelChanged = useCallback((model: { provider: string, modelId: string, mode?: string }) => {
     const newInputs = produce(inputRef.current, (draft) => {
       draft.model.provider = model.provider
       draft.model.name = model.modelId
diff --git a/web/app/components/workflow/nodes/parameter-extractor/use-single-run-form-params.ts b/web/app/components/workflow/nodes/parameter-extractor/use-single-run-form-params.ts
index 68a6f4992b..abf187d6e5 100644
--- a/web/app/components/workflow/nodes/parameter-extractor/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/parameter-extractor/use-single-run-form-params.ts
@@ -1,21 +1,21 @@
 import type { RefObject } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { ParameterExtractorNodeType } from './types'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
 import type { InputVar, Var, Variable } from '@/app/components/workflow/types'
-import { InputVarType, VarType } from '@/app/components/workflow/types'
-import type { ParameterExtractorNodeType } from './types'
-import useNodeCrud from '../_base/hooks/use-node-crud'
-import { useCallback } from 'react'
-import useConfigVision from '../../hooks/use-config-vision'
 import { noop } from 'lodash-es'
-import { findVariableWhenOnLLMVision } from '../utils'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { InputVarType, VarType } from '@/app/components/workflow/types'
+import useConfigVision from '../../hooks/use-config-vision'
 import useAvailableVarList from '../_base/hooks/use-available-var-list'
+import useNodeCrud from '../_base/hooks/use-node-crud'
+import { findVariableWhenOnLLMVision } from '../utils'
 
 const i18nPrefix = 'workflow.nodes.parameterExtractor'
 
 type Params = {
-  id: string,
-  payload: ParameterExtractorNodeType,
+  id: string
+  payload: ParameterExtractorNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -136,9 +136,9 @@ const useSingleRunFormParams = ({
   }
 
   const getDependentVar = (variable: string) => {
-    if(variable === 'query')
+    if (variable === 'query')
       return payload.query
-    if(variable === '#files#')
+    if (variable === '#files#')
       return payload.vision.configs?.variable_selector
 
     return false
diff --git a/web/app/components/workflow/nodes/question-classifier/components/advanced-setting.tsx b/web/app/components/workflow/nodes/question-classifier/components/advanced-setting.tsx
index dc654607f7..336bd3463a 100644
--- a/web/app/components/workflow/nodes/question-classifier/components/advanced-setting.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/components/advanced-setting.tsx
@@ -1,11 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { Memory, Node, NodeOutPutVar } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import MemoryConfig from '../../_base/components/memory-config'
-import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
-import type { Memory, Node, NodeOutPutVar } from '@/app/components/workflow/types'
 import Tooltip from '@/app/components/base/tooltip'
+import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
+import MemoryConfig from '../../_base/components/memory-config'
+
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
 
 type Props = {
@@ -44,19 +45,19 @@ const AdvancedSetting: FC<Props> = ({
   return (
     <>
       <Editor
-        title={
-          <div className='flex items-center space-x-1'>
-            <span className='uppercase'>{t(`${i18nPrefix}.instruction`)}</span>
+        title={(
+          <div className="flex items-center space-x-1">
+            <span className="uppercase">{t(`${i18nPrefix}.instruction`)}</span>
             <Tooltip
-              popupContent={
-                <div className='w-[120px]'>
+              popupContent={(
+                <div className="w-[120px]">
                   {t(`${i18nPrefix}.instructionTip`)}
                 </div>
-              }
-              triggerClassName='w-3.5 h-3.5 ml-0.5'
+              )}
+              triggerClassName="w-3.5 h-3.5 ml-0.5"
             />
           </div>
-        }
+        )}
         value={instruction}
         onChange={onInstructionChange}
         readOnly={readonly}
@@ -69,7 +70,7 @@ const AdvancedSetting: FC<Props> = ({
       />
       {!hideMemorySetting && (
         <MemoryConfig
-          className='mt-4'
+          className="mt-4"
           readonly={false}
           config={{ data: memory }}
           onChange={onMemoryChange}
diff --git a/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx b/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx
index 8e6865f557..eb629a857c 100644
--- a/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/components/class-item.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { Topic } from '../types'
-import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 import type { ValueSelector, Var } from '@/app/components/workflow/types'
 import { uniqueId } from 'lodash-es'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
 
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
 
diff --git a/web/app/components/workflow/nodes/question-classifier/components/class-list.tsx b/web/app/components/workflow/nodes/question-classifier/components/class-list.tsx
index e4300008ec..387d60d671 100644
--- a/web/app/components/workflow/nodes/question-classifier/components/class-list.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/components/class-list.tsx
@@ -1,18 +1,18 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
+import type { Topic } from '@/app/components/workflow/nodes/question-classifier/types'
+import type { ValueSelector, Var } from '@/app/components/workflow/types'
+import { RiDraggable } from '@remixicon/react'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import { ReactSortable } from 'react-sortablejs'
+import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/general'
+import { cn } from '@/utils/classnames'
 import { useEdgesInteractions } from '../../../hooks'
 import AddButton from '../../_base/components/add-button'
 import Item from './class-item'
-import type { Topic } from '@/app/components/workflow/nodes/question-classifier/types'
-import type { ValueSelector, Var } from '@/app/components/workflow/types'
-import { ReactSortable } from 'react-sortablejs'
-import { noop } from 'lodash-es'
-import { cn } from '@/utils/classnames'
-import { RiDraggable } from '@remixicon/react'
-import { ArrowDownRoundFill } from '@/app/components/base/icons/src/vender/solid/general'
 
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
 
@@ -87,9 +87,11 @@ const ClassList: FC<Props> = ({
 
   return (
     <>
-      <div className='mb-2 flex items-center justify-between' onClick={handleCollapse}>
-        <div className='flex cursor-pointer items-center text-xs font-semibold uppercase text-text-secondary'>
-          {t(`${i18nPrefix}.class`)} <span className='text-text-destructive'>*</span>
+      <div className="mb-2 flex items-center justify-between" onClick={handleCollapse}>
+        <div className="flex cursor-pointer items-center text-xs font-semibold uppercase text-text-secondary">
+          {t(`${i18nPrefix}.class`)}
+          {' '}
+          <span className="text-text-destructive">*</span>
           {list.length > 0 && (
             <ArrowDownRoundFill
               className={cn(
@@ -109,11 +111,11 @@ const ClassList: FC<Props> = ({
           <ReactSortable
             list={list.map(item => ({ ...item }))}
             setList={handleSortTopic}
-            handle='.handle'
-            ghostClass='bg-components-panel-bg'
+            handle=".handle"
+            ghostClass="bg-components-panel-bg"
             animation={150}
             disabled={readonly}
-            className='space-y-2'
+            className="space-y-2"
           >
             {
               list.map((item, index) => {
@@ -136,10 +138,13 @@ const ClassList: FC<Props> = ({
                     }}
                   >
                     <div>
-                      {canDrag && <RiDraggable className={cn(
-                        'handle absolute left-2 top-3 hidden h-3 w-3 cursor-pointer text-text-tertiary',
-                        'group-hover:block',
-                      )} />}
+                      {canDrag && (
+                        <RiDraggable className={cn(
+                          'handle absolute left-2 top-3 hidden h-3 w-3 cursor-pointer text-text-tertiary',
+                          'group-hover:block',
+                        )}
+                        />
+                      )}
                       <Item
                         className={cn(canDrag && 'handle')}
                         headerClassName={cn(canDrag && 'cursor-grab group-hover:pl-5')}
@@ -161,7 +166,7 @@ const ClassList: FC<Props> = ({
         </div>
       )}
       {!readonly && !collapsed && (
-        <div className='mt-2'>
+        <div className="mt-2">
           <AddButton
             onClick={handleAddClass}
             text={t(`${i18nPrefix}.addClass`)}
diff --git a/web/app/components/workflow/nodes/question-classifier/default.ts b/web/app/components/workflow/nodes/question-classifier/default.ts
index 90ae3fd586..88a4b32d95 100644
--- a/web/app/components/workflow/nodes/question-classifier/default.ts
+++ b/web/app/components/workflow/nodes/question-classifier/default.ts
@@ -1,8 +1,8 @@
 import type { NodeDefault } from '../../types'
 import type { QuestionClassifierNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { AppModeEnum } from '@/types/app'
 
 const i18nPrefix = 'workflow'
diff --git a/web/app/components/workflow/nodes/question-classifier/node.tsx b/web/app/components/workflow/nodes/question-classifier/node.tsx
index 2da37929c8..e0a330e110 100644
--- a/web/app/components/workflow/nodes/question-classifier/node.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/node.tsx
@@ -1,23 +1,23 @@
+import type { TFunction } from 'i18next'
 import type { FC } from 'react'
+import type { NodeProps } from 'reactflow'
+import type { QuestionClassifierNodeType } from './types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { TFunction } from 'i18next'
-import type { NodeProps } from 'reactflow'
-import { NodeSourceHandle } from '../_base/components/node-handle'
-import type { QuestionClassifierNodeType } from './types'
+import Tooltip from '@/app/components/base/tooltip'
 import {
   useTextGenerationCurrentProviderAndModelAndModelList,
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
+import { NodeSourceHandle } from '../_base/components/node-handle'
 import ReadonlyInputWithSelectVar from '../_base/components/readonly-input-with-select-var'
-import Tooltip from '@/app/components/base/tooltip'
 
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
 
 const MAX_CLASS_TEXT_LENGTH = 50
 
 type TruncatedClassItemProps = {
-  topic: { id: string; name: string }
+  topic: { id: string, name: string }
   index: number
   nodeId: string
   t: TFunction
@@ -31,31 +31,32 @@ const TruncatedClassItem: FC<TruncatedClassItemProps> = ({ topic, index, nodeId,
   const shouldShowTooltip = topic.name.length > MAX_CLASS_TEXT_LENGTH
 
   const content = (
-    <div className='system-xs-regular truncate text-text-tertiary'>
+    <div className="system-xs-regular truncate text-text-tertiary">
       <ReadonlyInputWithSelectVar
         value={truncatedText}
         nodeId={nodeId}
-        className='truncate'
+        className="truncate"
       />
     </div>
   )
 
   return (
-    <div className='flex flex-col gap-y-0.5 rounded-md bg-workflow-block-parma-bg px-[5px] py-[3px]'>
-      <div className='system-2xs-semibold-uppercase uppercase text-text-secondary'>
+    <div className="flex flex-col gap-y-0.5 rounded-md bg-workflow-block-parma-bg px-[5px] py-[3px]">
+      <div className="system-2xs-semibold-uppercase uppercase text-text-secondary">
         {`${t(`${i18nPrefix}.class`)} ${index + 1}`}
       </div>
       {shouldShowTooltip
-        ? (<Tooltip
-          popupContent={
-            <div className='max-w-[300px] break-words'>
-              <ReadonlyInputWithSelectVar value={topic.name} nodeId={nodeId}/>
-            </div>
-          }
-        >
-          {content}
-        </Tooltip>
-        )
+        ? (
+            <Tooltip
+              popupContent={(
+                <div className="max-w-[300px] break-words">
+                  <ReadonlyInputWithSelectVar value={topic.name} nodeId={nodeId} />
+                </div>
+              )}
+            >
+              {content}
+            </Tooltip>
+          )
         : content}
     </div>
   )
@@ -77,23 +78,23 @@ const Node: FC<NodeProps<QuestionClassifierNodeType>> = (props) => {
     return null
 
   return (
-    <div className='mb-1 px-3 py-1'>
+    <div className="mb-1 px-3 py-1">
       {hasSetModel && (
         <ModelSelector
           defaultModel={{ provider, model: modelId }}
-          triggerClassName='!h-6 !rounded-md'
+          triggerClassName="!h-6 !rounded-md"
           modelList={textGenerationModelList}
           readonly
         />
       )}
       {
         !!topics.length && (
-          <div className='mt-2 space-y-0.5'>
-            <div className='space-y-0.5'>
+          <div className="mt-2 space-y-0.5">
+            <div className="space-y-0.5">
               {topics.map((topic, index) => (
                 <div
                   key={topic.id}
-                  className='relative'
+                  className="relative"
                 >
                   <TruncatedClassItem
                     topic={topic}
@@ -104,7 +105,7 @@ const Node: FC<NodeProps<QuestionClassifierNodeType>> = (props) => {
                   <NodeSourceHandle
                     {...props}
                     handleId={topic.id}
-                    handleClassName='!top-1/2 !-translate-y-1/2 !-right-[21px]'
+                    handleClassName="!top-1/2 !-translate-y-1/2 !-right-[21px]"
                   />
                 </div>
               ))}
diff --git a/web/app/components/workflow/nodes/question-classifier/panel.tsx b/web/app/components/workflow/nodes/question-classifier/panel.tsx
index 0e54d2712b..9496f90915 100644
--- a/web/app/components/workflow/nodes/question-classifier/panel.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/panel.tsx
@@ -1,18 +1,18 @@
 import type { FC } from 'react'
+import type { QuestionClassifierNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import VarReferencePicker from '../_base/components/variable/var-reference-picker'
-import ConfigVision from '../_base/components/config-vision'
-import useConfig from './use-config'
-import ClassList from './components/class-list'
-import AdvancedSetting from './components/advanced-setting'
-import type { QuestionClassifierNodeType } from './types'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
 import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
 import { FieldCollapse } from '@/app/components/workflow/nodes/_base/components/collapse'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import ConfigVision from '../_base/components/config-vision'
+import VarReferencePicker from '../_base/components/variable/var-reference-picker'
+import AdvancedSetting from './components/advanced-setting'
+import ClassList from './components/class-list'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
 
@@ -46,14 +46,14 @@ const Panel: FC<NodePanelProps<QuestionClassifierNodeType>> = ({
   const model = inputs.model
 
   return (
-    <div className='pt-2'>
-      <div className='space-y-4 px-4'>
+    <div className="pt-2">
+      <div className="space-y-4 px-4">
         <Field
           title={t(`${i18nPrefix}.model`)}
           required
         >
           <ModelParameterModal
-            popupClassName='!w-[387px]'
+            popupClassName="!w-[387px]"
             isInWorkflow
             isAdvancedMode={true}
             provider={model?.provider}
@@ -121,13 +121,13 @@ const Panel: FC<NodePanelProps<QuestionClassifierNodeType>> = ({
         <OutputVars>
           <>
             <VarItem
-              name='class_name'
-              type='string'
+              name="class_name"
+              type="string"
               description={t(`${i18nPrefix}.outputVars.className`)}
             />
             <VarItem
-              name='usage'
-              type='object'
+              name="usage"
+              type="object"
               description={t(`${i18nPrefix}.outputVars.usage`)}
             />
           </>
diff --git a/web/app/components/workflow/nodes/question-classifier/use-config.ts b/web/app/components/workflow/nodes/question-classifier/use-config.ts
index 28a6fa0314..5a46897de5 100644
--- a/web/app/components/workflow/nodes/question-classifier/use-config.ts
+++ b/web/app/components/workflow/nodes/question-classifier/use-config.ts
@@ -1,21 +1,22 @@
-import { useCallback, useEffect, useRef, useState } from 'react'
-import { produce } from 'immer'
-import { BlockEnum, VarType } from '../../types'
 import type { Memory, ValueSelector, Var } from '../../types'
+import type { QuestionClassifierNodeType, Topic } from './types'
+import { produce } from 'immer'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useUpdateNodeInternals } from 'reactflow'
+import { checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
+import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { AppModeEnum } from '@/types/app'
 import {
-  useIsChatMode, useNodesReadOnly,
+  useIsChatMode,
+  useNodesReadOnly,
   useWorkflow,
 } from '../../hooks'
-import { useStore } from '../../store'
-import useAvailableVarList from '../_base/hooks/use-available-var-list'
 import useConfigVision from '../../hooks/use-config-vision'
-import type { QuestionClassifierNodeType, Topic } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
-import { useModelListAndDefaultModelAndCurrentProviderAndModel } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { checkHasQueryBlock } from '@/app/components/base/prompt-editor/constants'
-import { useUpdateNodeInternals } from 'reactflow'
-import { AppModeEnum } from '@/types/app'
+import { useStore } from '../../store'
+import { BlockEnum, VarType } from '../../types'
+import useAvailableVarList from '../_base/hooks/use-available-var-list'
 
 const useConfig = (id: string, payload: QuestionClassifierNodeType) => {
   const updateNodeInternals = useUpdateNodeInternals()
@@ -56,7 +57,7 @@ const useConfig = (id: string, payload: QuestionClassifierNodeType) => {
     },
   })
 
-  const handleModelChanged = useCallback((model: { provider: string; modelId: string; mode?: string }) => {
+  const handleModelChanged = useCallback((model: { provider: string, modelId: string, mode?: string }) => {
     const newInputs = produce(inputRef.current, (draft) => {
       draft.model.provider = model.provider
       draft.model.name = model.modelId
diff --git a/web/app/components/workflow/nodes/question-classifier/use-single-run-form-params.ts b/web/app/components/workflow/nodes/question-classifier/use-single-run-form-params.ts
index 79c63cf1da..095809eba2 100644
--- a/web/app/components/workflow/nodes/question-classifier/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/question-classifier/use-single-run-form-params.ts
@@ -1,21 +1,21 @@
 import type { RefObject } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { QuestionClassifierNodeType } from './types'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
 import type { InputVar, Var, Variable } from '@/app/components/workflow/types'
-import { InputVarType, VarType } from '@/app/components/workflow/types'
-import type { QuestionClassifierNodeType } from './types'
-import useNodeCrud from '../_base/hooks/use-node-crud'
-import { useCallback } from 'react'
-import useConfigVision from '../../hooks/use-config-vision'
 import { noop } from 'lodash-es'
-import { findVariableWhenOnLLMVision } from '../utils'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { InputVarType, VarType } from '@/app/components/workflow/types'
+import useConfigVision from '../../hooks/use-config-vision'
 import useAvailableVarList from '../_base/hooks/use-available-var-list'
+import useNodeCrud from '../_base/hooks/use-node-crud'
+import { findVariableWhenOnLLMVision } from '../utils'
 
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
 
 type Params = {
-  id: string,
-  payload: QuestionClassifierNodeType,
+  id: string
+  payload: QuestionClassifierNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -134,9 +134,9 @@ const useSingleRunFormParams = ({
   }
 
   const getDependentVar = (variable: string) => {
-    if(variable === 'query')
+    if (variable === 'query')
       return payload.query_variable_selector
-    if(variable === '#files#')
+    if (variable === '#files#')
       return payload.vision.configs?.variable_selector
 
     return false
diff --git a/web/app/components/workflow/nodes/start/components/var-item.tsx b/web/app/components/workflow/nodes/start/components/var-item.tsx
index 6bce5d0f0f..317a733d9b 100644
--- a/web/app/components/workflow/nodes/start/components/var-item.tsx
+++ b/web/app/components/workflow/nodes/start/components/var-item.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useRef } from 'react'
-import { useBoolean, useHover } from 'ahooks'
-import { useTranslation } from 'react-i18next'
+import type { InputVar, MoreInfo } from '@/app/components/workflow/types'
 import {
   RiDeleteBinLine,
 } from '@remixicon/react'
-import InputVarTypeIcon from '../../_base/components/input-var-type-icon'
-import type { InputVar, MoreInfo } from '@/app/components/workflow/types'
+import { useBoolean, useHover } from 'ahooks'
+import { noop } from 'lodash-es'
+import React, { useCallback, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import ConfigVarModal from '@/app/components/app/configuration/config-var/config-modal'
+import Badge from '@/app/components/base/badge'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import { Edit03 } from '@/app/components/base/icons/src/vender/solid/general'
-import Badge from '@/app/components/base/badge'
-import ConfigVarModal from '@/app/components/app/configuration/config-var/config-modal'
-import { noop } from 'lodash-es'
 import { cn } from '@/utils/classnames'
+import InputVarTypeIcon from '../../_base/components/input-var-type-icon'
 
 type Props = {
   className?: string
@@ -23,8 +23,8 @@ type Props = {
   onRemove?: () => void
   rightContent?: React.JSX.Element
   varKeys?: string[]
-  showLegacyBadge?: boolean,
-  canDrag?: boolean,
+  showLegacyBadge?: boolean
+  canDrag?: boolean
 }
 
 const VarItem: FC<Props> = ({
@@ -49,47 +49,52 @@ const VarItem: FC<Props> = ({
 
   const handlePayloadChange = useCallback((payload: InputVar, moreInfo?: MoreInfo) => {
     const isValid = onChange(payload, moreInfo)
-    if(!isValid)
+    if (!isValid)
       return
     hideEditVarModal()
   }, [onChange, hideEditVarModal])
   return (
     <div ref={ref} className={cn('flex h-8 cursor-pointer items-center justify-between rounded-lg border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg px-2.5 shadow-xs hover:shadow-md', className)}>
-      <div className='flex w-0 grow items-center space-x-1'>
+      <div className="flex w-0 grow items-center space-x-1">
         <Variable02 className={cn('h-3.5 w-3.5 text-text-accent', canDrag && 'group-hover:opacity-0')} />
-        <div title={payload.variable} className='max-w-[130px] shrink-0 truncate text-[13px] font-medium text-text-secondary'>{payload.variable}</div>
-        {payload.label && (<><div className='shrink-0 text-xs font-medium text-text-quaternary'>·</div>
-          <div title={payload.label as string} className='max-w-[130px] truncate text-[13px] font-medium text-text-tertiary'>{payload.label as string}</div>
-        </>)}
+        <div title={payload.variable} className="max-w-[130px] shrink-0 truncate text-[13px] font-medium text-text-secondary">{payload.variable}</div>
+        {payload.label && (
+          <>
+            <div className="shrink-0 text-xs font-medium text-text-quaternary">·</div>
+            <div title={payload.label as string} className="max-w-[130px] truncate text-[13px] font-medium text-text-tertiary">{payload.label as string}</div>
+          </>
+        )}
         {showLegacyBadge && (
           <Badge
-            text='LEGACY'
-            className='shrink-0 border-text-accent-secondary text-text-accent-secondary'
+            text="LEGACY"
+            className="shrink-0 border-text-accent-secondary text-text-accent-secondary"
           />
         )}
       </div>
-      <div className='ml-2 flex shrink-0 items-center'>
-        {rightContent || (<>
-          {(!isHovering || readonly)
-            ? (
-              <>
-                {payload.required && (
-                  <div className='mr-2 text-xs font-normal text-text-tertiary'>{t('workflow.nodes.start.required')}</div>
-                )}
-                <InputVarTypeIcon type={payload.type} className='h-3.5 w-3.5 text-text-tertiary' />
-              </>
-            )
-            : (!readonly && (
-              <>
-                <div onClick={showEditVarModal} className='mr-1 cursor-pointer rounded-md p-1 hover:bg-state-base-hover'>
-                  <Edit03 className='h-4 w-4 text-text-tertiary' />
-                </div>
-                <div onClick={onRemove} className='group cursor-pointer rounded-md p-1 hover:bg-state-destructive-hover'>
-                  <RiDeleteBinLine className='h-4 w-4 text-text-tertiary group-hover:text-text-destructive' />
-                </div>
-              </>
-            ))}
-        </>)}
+      <div className="ml-2 flex shrink-0 items-center">
+        {rightContent || (
+          <>
+            {(!isHovering || readonly)
+              ? (
+                  <>
+                    {payload.required && (
+                      <div className="mr-2 text-xs font-normal text-text-tertiary">{t('workflow.nodes.start.required')}</div>
+                    )}
+                    <InputVarTypeIcon type={payload.type} className="h-3.5 w-3.5 text-text-tertiary" />
+                  </>
+                )
+              : (!readonly && (
+                  <>
+                    <div onClick={showEditVarModal} className="mr-1 cursor-pointer rounded-md p-1 hover:bg-state-base-hover">
+                      <Edit03 className="h-4 w-4 text-text-tertiary" />
+                    </div>
+                    <div onClick={onRemove} className="group cursor-pointer rounded-md p-1 hover:bg-state-destructive-hover">
+                      <RiDeleteBinLine className="h-4 w-4 text-text-tertiary group-hover:text-text-destructive" />
+                    </div>
+                  </>
+                ))}
+          </>
+        )}
 
       </div>
       {
diff --git a/web/app/components/workflow/nodes/start/components/var-list.tsx b/web/app/components/workflow/nodes/start/components/var-list.tsx
index 4b5177bb3e..5ae45c7192 100644
--- a/web/app/components/workflow/nodes/start/components/var-list.tsx
+++ b/web/app/components/workflow/nodes/start/components/var-list.tsx
@@ -1,20 +1,21 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
-import VarItem from './var-item'
-import { ChangeType, type InputVar, type MoreInfo } from '@/app/components/workflow/types'
-import { ReactSortable } from 'react-sortablejs'
+import type { InputVar, MoreInfo } from '@/app/components/workflow/types'
 import { RiDraggable } from '@remixicon/react'
+import { produce } from 'immer'
+import React, { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { ReactSortable } from 'react-sortablejs'
+import Toast from '@/app/components/base/toast'
+import { ChangeType } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
 import { hasDuplicateStr } from '@/utils/var'
-import Toast from '@/app/components/base/toast'
+import VarItem from './var-item'
 
 type Props = {
   readonly: boolean
   list: InputVar[]
-  onChange: (list: InputVar[], moreInfo?: { index: number; payload: MoreInfo }) => void
+  onChange: (list: InputVar[], moreInfo?: { index: number, payload: MoreInfo }) => void
 }
 
 const VarList: FC<Props> = ({
@@ -80,7 +81,7 @@ const VarList: FC<Props> = ({
 
   if (list.length === 0) {
     return (
-      <div className='flex h-[42px] items-center justify-center rounded-md bg-components-panel-bg text-xs font-normal leading-[18px] text-text-tertiary'>
+      <div className="flex h-[42px] items-center justify-center rounded-md bg-components-panel-bg text-xs font-normal leading-[18px] text-text-tertiary">
         {t('workflow.nodes.start.noVarTip')}
       </div>
     )
@@ -90,15 +91,15 @@ const VarList: FC<Props> = ({
 
   return (
     <ReactSortable
-      className='space-y-1'
+      className="space-y-1"
       list={listWithIds}
       setList={(list) => { onChange(list.map(item => item.variable)) }}
-      handle='.handle'
-      ghostClass='opacity-50'
+      handle=".handle"
+      ghostClass="opacity-50"
       animation={150}
     >
       {listWithIds.map((itemWithId, index) => (
-        <div key={itemWithId.id} className='group relative'>
+        <div key={itemWithId.id} className="group relative">
           <VarItem
             className={cn(canDrag && 'handle')}
             readonly={readonly}
@@ -108,10 +109,13 @@ const VarList: FC<Props> = ({
             varKeys={list.map(item => item.variable)}
             canDrag={canDrag}
           />
-          {canDrag && <RiDraggable className={cn(
-            'handle absolute left-3 top-2.5 hidden h-3 w-3 cursor-pointer text-text-tertiary',
-            'group-hover:block',
-          )} />}
+          {canDrag && (
+            <RiDraggable className={cn(
+              'handle absolute left-3 top-2.5 hidden h-3 w-3 cursor-pointer text-text-tertiary',
+              'group-hover:block',
+            )}
+            />
+          )}
         </div>
       ))}
     </ReactSortable>
diff --git a/web/app/components/workflow/nodes/start/default.ts b/web/app/components/workflow/nodes/start/default.ts
index 60584b5144..aead27c139 100644
--- a/web/app/components/workflow/nodes/start/default.ts
+++ b/web/app/components/workflow/nodes/start/default.ts
@@ -1,7 +1,7 @@
 import type { NodeDefault } from '../../types'
 import type { StartNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 
 const metaData = genNodeMetaData({
   sort: 0.1,
diff --git a/web/app/components/workflow/nodes/start/node.tsx b/web/app/components/workflow/nodes/start/node.tsx
index 7c02858d1b..e8642ff616 100644
--- a/web/app/components/workflow/nodes/start/node.tsx
+++ b/web/app/components/workflow/nodes/start/node.tsx
@@ -1,10 +1,11 @@
 import type { FC } from 'react'
+import type { StartNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import InputVarTypeIcon from '../_base/components/input-var-type-icon'
-import type { StartNodeType } from './types'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
-import type { NodeProps } from '@/app/components/workflow/types'
+import InputVarTypeIcon from '../_base/components/input-var-type-icon'
+
 const i18nPrefix = 'workflow.nodes.start'
 
 const Node: FC<NodeProps<StartNodeType>> = ({
@@ -17,18 +18,18 @@ const Node: FC<NodeProps<StartNodeType>> = ({
     return null
 
   return (
-    <div className='mb-1 px-3 py-1'>
-      <div className='space-y-0.5'>
+    <div className="mb-1 px-3 py-1">
+      <div className="space-y-0.5">
         {variables.map(variable => (
-          <div key={variable.variable} className='flex h-6 items-center justify-between space-x-1 rounded-md  bg-workflow-block-parma-bg px-1'>
-            <div className='flex w-0 grow items-center space-x-1'>
-              <Variable02 className='h-3.5 w-3.5 shrink-0 text-text-accent' />
-              <span className='system-xs-regular w-0 grow truncate text-text-secondary'>{variable.variable}</span>
+          <div key={variable.variable} className="flex h-6 items-center justify-between space-x-1 rounded-md  bg-workflow-block-parma-bg px-1">
+            <div className="flex w-0 grow items-center space-x-1">
+              <Variable02 className="h-3.5 w-3.5 shrink-0 text-text-accent" />
+              <span className="system-xs-regular w-0 grow truncate text-text-secondary">{variable.variable}</span>
             </div>
 
-            <div className='ml-1 flex items-center space-x-1'>
-              {variable.required && <span className='system-2xs-regular-uppercase text-text-tertiary'>{t(`${i18nPrefix}.required`)}</span>}
-              <InputVarTypeIcon type={variable.type} className='h-3 w-3 text-text-tertiary' />
+            <div className="ml-1 flex items-center space-x-1">
+              {variable.required && <span className="system-2xs-regular-uppercase text-text-tertiary">{t(`${i18nPrefix}.required`)}</span>}
+              <InputVarTypeIcon type={variable.type} className="h-3 w-3 text-text-tertiary" />
             </div>
           </div>
         ))}
diff --git a/web/app/components/workflow/nodes/start/panel.tsx b/web/app/components/workflow/nodes/start/panel.tsx
index a560bd2e63..5871ab1852 100644
--- a/web/app/components/workflow/nodes/start/panel.tsx
+++ b/web/app/components/workflow/nodes/start/panel.tsx
@@ -1,16 +1,16 @@
 import type { FC } from 'react'
+import type { StartNodeType } from './types'
+import type { InputVar, NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import RemoveEffectVarConfirm from '../_base/components/remove-effect-var-confirm'
-import VarList from './components/var-list'
-import VarItem from './components/var-item'
-import useConfig from './use-config'
-import type { StartNodeType } from './types'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import AddButton from '@/app/components/base/button/add-button'
 import ConfigVarModal from '@/app/components/app/configuration/config-var/config-modal'
-import type { InputVar, NodePanelProps } from '@/app/components/workflow/types'
+import AddButton from '@/app/components/base/button/add-button'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import RemoveEffectVarConfirm from '../_base/components/remove-effect-var-confirm'
+import VarItem from './components/var-item'
+import VarList from './components/var-list'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.start'
 
@@ -35,13 +35,14 @@ const Panel: FC<NodePanelProps<StartNodeType>> = ({
 
   const handleAddVarConfirm = (payload: InputVar) => {
     const isValid = handleAddVariable(payload)
-    if (!isValid) return
+    if (!isValid)
+      return
     hideAddVarModal()
   }
 
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-2'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-2">
         <Field
           title={t(`${i18nPrefix}.inputField`)}
           operations={
@@ -55,8 +56,8 @@ const Panel: FC<NodePanelProps<StartNodeType>> = ({
               onChange={handleVarListChange}
             />
 
-            <div className='mt-1 space-y-1'>
-              <Split className='my-2' />
+            <div className="mt-1 space-y-1">
+              <Split className="my-2" />
               {
                 isChatMode && (
                   <VarItem
@@ -64,12 +65,13 @@ const Panel: FC<NodePanelProps<StartNodeType>> = ({
                     payload={{
                       variable: 'userinput.query',
                     } as any}
-                    rightContent={
-                      <div className='text-xs font-normal text-text-tertiary'>
+                    rightContent={(
+                      <div className="text-xs font-normal text-text-tertiary">
                         String
                       </div>
-                    }
-                  />)
+                    )}
+                  />
+                )
               }
 
               <VarItem
@@ -78,11 +80,11 @@ const Panel: FC<NodePanelProps<StartNodeType>> = ({
                 payload={{
                   variable: 'userinput.files',
                 } as any}
-                rightContent={
-                  <div className='text-xs font-normal text-text-tertiary'>
+                rightContent={(
+                  <div className="text-xs font-normal text-text-tertiary">
                     Array[File]
                   </div>
-                }
+                )}
               />
             </div>
           </>
diff --git a/web/app/components/workflow/nodes/start/use-config.ts b/web/app/components/workflow/nodes/start/use-config.ts
index 5e4d1b01c6..8eed650f98 100644
--- a/web/app/components/workflow/nodes/start/use-config.ts
+++ b/web/app/components/workflow/nodes/start/use-config.ts
@@ -1,19 +1,19 @@
-import { useCallback, useState } from 'react'
-import { produce } from 'immer'
-import { useBoolean } from 'ahooks'
 import type { StartNodeType } from './types'
-import { ChangeType } from '@/app/components/workflow/types'
 import type { InputVar, MoreInfo, ValueSelector } from '@/app/components/workflow/types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Toast from '@/app/components/base/toast'
 import {
   useIsChatMode,
   useNodesReadOnly,
   useWorkflow,
 } from '@/app/components/workflow/hooks'
-import useInspectVarsCrud from '../../hooks/use-inspect-vars-crud'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { ChangeType } from '@/app/components/workflow/types'
 import { hasDuplicateStr } from '@/utils/var'
-import Toast from '@/app/components/base/toast'
-import { useTranslation } from 'react-i18next'
+import useInspectVarsCrud from '../../hooks/use-inspect-vars-crud'
 
 const useConfig = (id: string, payload: StartNodeType) => {
   const { t } = useTranslation()
@@ -41,12 +41,12 @@ const useConfig = (id: string, payload: StartNodeType) => {
   }] = useBoolean(false)
   const [removedVar, setRemovedVar] = useState<ValueSelector>([])
   const [removedIndex, setRemoveIndex] = useState(0)
-  const handleVarListChange = useCallback((newList: InputVar[], moreInfo?: { index: number; payload: MoreInfo }) => {
+  const handleVarListChange = useCallback((newList: InputVar[], moreInfo?: { index: number, payload: MoreInfo }) => {
     if (moreInfo?.payload?.type === ChangeType.remove) {
       const varId = nodesWithInspectVars.find(node => node.nodeId === id)?.vars.find((varItem) => {
         return varItem.name === moreInfo?.payload?.payload?.beforeKey
       })?.id
-      if(varId)
+      if (varId)
         deleteInspectVar(id, varId)
 
       if (isVarUsedInNodes([id, moreInfo?.payload?.payload?.beforeKey || ''])) {
@@ -66,7 +66,7 @@ const useConfig = (id: string, payload: StartNodeType) => {
       handleOutVarRenameChange(id, [id, inputs.variables[moreInfo.index].variable], [id, changedVar.variable])
       renameInspectVarName(id, inputs.variables[moreInfo.index].variable, changedVar.variable)
     }
-    else if(moreInfo?.payload?.type !== ChangeType.remove) { // edit var type
+    else if (moreInfo?.payload?.type !== ChangeType.remove) { // edit var type
       deleteNodeInspectorVars(id)
     }
   }, [deleteInspectVar, deleteNodeInspectorVars, handleOutVarRenameChange, id, inputs, isVarUsedInNodes, nodesWithInspectVars, renameInspectVarName, setInputs, showRemoveVarConfirm])
@@ -87,11 +87,11 @@ const useConfig = (id: string, payload: StartNodeType) => {
     const newList = newInputs.variables
     let errorMsgKey = ''
     let typeName = ''
-    if(hasDuplicateStr(newList.map(item => item.variable))) {
+    if (hasDuplicateStr(newList.map(item => item.variable))) {
       errorMsgKey = 'appDebug.varKeyError.keyAlreadyExists'
       typeName = 'appDebug.variableConfig.varName'
     }
-    else if(hasDuplicateStr(newList.map(item => item.label as string))) {
+    else if (hasDuplicateStr(newList.map(item => item.label as string))) {
       errorMsgKey = 'appDebug.varKeyError.keyAlreadyExists'
       typeName = 'appDebug.variableConfig.labelName'
     }
diff --git a/web/app/components/workflow/nodes/start/use-single-run-form-params.ts b/web/app/components/workflow/nodes/start/use-single-run-form-params.ts
index ed2b3900d2..a2d381ffbc 100644
--- a/web/app/components/workflow/nodes/start/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/start/use-single-run-form-params.ts
@@ -1,14 +1,14 @@
 import type { RefObject } from 'react'
-import { useTranslation } from 'react-i18next'
-import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
-import type { ValueSelector } from '@/app/components/workflow/types'
-import { type InputVar, InputVarType, type Variable } from '@/app/components/workflow/types'
 import type { StartNodeType } from './types'
+import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
+import type { InputVar, ValueSelector, Variable } from '@/app/components/workflow/types'
+import { useTranslation } from 'react-i18next'
+import { InputVarType } from '@/app/components/workflow/types'
 import { useIsChatMode } from '../../hooks'
 
 type Params = {
-  id: string,
-  payload: StartNodeType,
+  id: string
+  payload: StartNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
diff --git a/web/app/components/workflow/nodes/template-transform/default.ts b/web/app/components/workflow/nodes/template-transform/default.ts
index 1a3c092c0b..90e0f60184 100644
--- a/web/app/components/workflow/nodes/template-transform/default.ts
+++ b/web/app/components/workflow/nodes/template-transform/default.ts
@@ -1,8 +1,9 @@
 import type { NodeDefault } from '../../types'
 import type { TemplateTransformNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+
 const i18nPrefix = 'workflow.errorMsg'
 
 const metaData = genNodeMetaData({
diff --git a/web/app/components/workflow/nodes/template-transform/node.tsx b/web/app/components/workflow/nodes/template-transform/node.tsx
index e6925c488f..3a4c5c3319 100644
--- a/web/app/components/workflow/nodes/template-transform/node.tsx
+++ b/web/app/components/workflow/nodes/template-transform/node.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { TemplateTransformNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
 
 const Node: FC<NodeProps<TemplateTransformNodeType>> = () => {
   return (
diff --git a/web/app/components/workflow/nodes/template-transform/panel.tsx b/web/app/components/workflow/nodes/template-transform/panel.tsx
index 29c34ee663..c8fc293329 100644
--- a/web/app/components/workflow/nodes/template-transform/panel.tsx
+++ b/web/app/components/workflow/nodes/template-transform/panel.tsx
@@ -1,19 +1,19 @@
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
+import type { TemplateTransformNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import {
   RiQuestionLine,
 } from '@remixicon/react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import AddButton from '@/app/components/base/button/add-button'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
 import { CodeLanguage } from '../code/types'
 import useConfig from './use-config'
-import type { TemplateTransformNodeType } from './types'
-import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
-import AddButton from '@/app/components/base/button/add-button'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor/editor-support-vars'
-import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
-import type { NodePanelProps } from '@/app/components/workflow/types'
 
 const i18nPrefix = 'workflow.nodes.templateTransform'
 
@@ -36,8 +36,8 @@ const Panel: FC<NodePanelProps<TemplateTransformNodeType>> = ({
   } = useConfig(id, data)
 
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-4">
 
         <Field
           title={t(`${i18nPrefix}.inputVars`)}
@@ -64,20 +64,21 @@ const Panel: FC<NodePanelProps<TemplateTransformNodeType>> = ({
           readOnly={readOnly}
           language={CodeLanguage.python3}
           title={
-            <div className='uppercase'>{t(`${i18nPrefix}.code`)}</div>
+            <div className="uppercase">{t(`${i18nPrefix}.code`)}</div>
           }
-          headerRight={
-            <div className='flex items-center'>
+          headerRight={(
+            <div className="flex items-center">
               <a
-                className='flex h-[18px] items-center space-x-0.5 text-xs font-normal text-text-tertiary'
+                className="flex h-[18px] items-center space-x-0.5 text-xs font-normal text-text-tertiary"
                 href="https://jinja.palletsprojects.com/en/3.1.x/templates/"
-                target='_blank'>
+                target="_blank"
+              >
                 <span>{t(`${i18nPrefix}.codeSupportTip`)}</span>
-                <RiQuestionLine className='h-3 w-3' />
+                <RiQuestionLine className="h-3 w-3" />
               </a>
-              <div className='mx-1.5 h-3 w-px bg-divider-regular'></div>
+              <div className="mx-1.5 h-3 w-px bg-divider-regular"></div>
             </div>
-          }
+          )}
           value={inputs.template}
           onChange={handleCodeChange}
         />
@@ -87,8 +88,8 @@ const Panel: FC<NodePanelProps<TemplateTransformNodeType>> = ({
         <OutputVars>
           <>
             <VarItem
-              name='output'
-              type='string'
+              name="output"
+              type="string"
               description={t(`${i18nPrefix}.outputVars.output`)}
             />
           </>
diff --git a/web/app/components/workflow/nodes/template-transform/use-config.ts b/web/app/components/workflow/nodes/template-transform/use-config.ts
index 3e5b0f3d31..ed62ea2fa0 100644
--- a/web/app/components/workflow/nodes/template-transform/use-config.ts
+++ b/web/app/components/workflow/nodes/template-transform/use-config.ts
@@ -1,15 +1,15 @@
-import { useCallback, useEffect, useRef } from 'react'
-import { produce } from 'immer'
-import useVarList from '../_base/hooks/use-var-list'
 import type { Var, Variable } from '../../types'
-import { VarType } from '../../types'
-import { useStore } from '../../store'
 import type { TemplateTransformNodeType } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { produce } from 'immer'
+import { useCallback, useEffect, useRef } from 'react'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
 import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { useStore } from '../../store'
+import { VarType } from '../../types'
+import useVarList from '../_base/hooks/use-var-list'
 
 const useConfig = (id: string, payload: TemplateTransformNodeType) => {
   const { nodesReadOnly: readOnly } = useNodesReadOnly()
diff --git a/web/app/components/workflow/nodes/template-transform/use-single-run-form-params.ts b/web/app/components/workflow/nodes/template-transform/use-single-run-form-params.ts
index 172ece6ce6..d8dcfaea92 100644
--- a/web/app/components/workflow/nodes/template-transform/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/template-transform/use-single-run-form-params.ts
@@ -1,12 +1,12 @@
 import type { RefObject } from 'react'
+import type { TemplateTransformNodeType } from './types'
 import type { InputVar, Variable } from '@/app/components/workflow/types'
 import { useCallback, useMemo } from 'react'
 import useNodeCrud from '../_base/hooks/use-node-crud'
-import type { TemplateTransformNodeType } from './types'
 
 type Params = {
-  id: string,
-  payload: TemplateTransformNodeType,
+  id: string
+  payload: TemplateTransformNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
diff --git a/web/app/components/workflow/nodes/tool/components/copy-id.tsx b/web/app/components/workflow/nodes/tool/components/copy-id.tsx
index 977db5f234..39ffd7edd1 100644
--- a/web/app/components/workflow/nodes/tool/components/copy-id.tsx
+++ b/web/app/components/workflow/nodes/tool/components/copy-id.tsx
@@ -1,9 +1,9 @@
 'use client'
-import React, { useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiFileCopyLine } from '@remixicon/react'
 import copy from 'copy-to-clipboard'
 import { debounce } from 'lodash-es'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
 
 type Props = {
@@ -26,7 +26,7 @@ const CopyFeedbackNew = ({ content }: Props) => {
   }, 100)
 
   return (
-    <div className='inline-flex w-full pb-0.5' onClick={e => e.stopPropagation()} onMouseLeave={onMouseLeave}>
+    <div className="inline-flex w-full pb-0.5" onClick={e => e.stopPropagation()} onMouseLeave={onMouseLeave}>
       <Tooltip
         popupContent={
           (isCopied
@@ -35,13 +35,15 @@ const CopyFeedbackNew = ({ content }: Props) => {
         }
       >
         <div
-          className='group/copy flex w-full items-center gap-0.5 '
+          className="group/copy flex w-full items-center gap-0.5 "
           onClick={onClickCopy}
         >
           <div
-            className='system-2xs-regular w-0 grow cursor-pointer truncate text-text-quaternary group-hover:text-text-tertiary'
-          >{content}</div>
-          <RiFileCopyLine className='h-3 w-3 shrink-0 text-text-tertiary opacity-0 group-hover/copy:opacity-100' />
+            className="system-2xs-regular w-0 grow cursor-pointer truncate text-text-quaternary group-hover:text-text-tertiary"
+          >
+            {content}
+          </div>
+          <RiFileCopyLine className="h-3 w-3 shrink-0 text-text-tertiary opacity-0 group-hover/copy:opacity-100" />
         </div>
       </Tooltip>
     </div>
diff --git a/web/app/components/workflow/nodes/tool/components/input-var-list.tsx b/web/app/components/workflow/nodes/tool/components/input-var-list.tsx
index 605cbab75e..4f5d5f24bc 100644
--- a/web/app/components/workflow/nodes/tool/components/input-var-list.tsx
+++ b/web/app/components/workflow/nodes/tool/components/input-var-list.tsx
@@ -1,23 +1,23 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
 import type { ToolVarInputs } from '../types'
-import { VarType as VarKindType } from '../types'
-import { cn } from '@/utils/classnames'
-import type { ToolWithProvider, ValueSelector, Var } from '@/app/components/workflow/types'
 import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Tool } from '@/app/components/tools/types'
+import type { ToolWithProvider, ValueSelector, Var } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import { noop } from 'lodash-es'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
-import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
-import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
-import { VarType } from '@/app/components/workflow/types'
 import AppSelector from '@/app/components/plugins/plugin-detail-panel/app-selector'
 import ModelParameterModal from '@/app/components/plugins/plugin-detail-panel/model-selector'
-import { noop } from 'lodash-es'
-import type { Tool } from '@/app/components/tools/types'
+import Input from '@/app/components/workflow/nodes/_base/components/input-support-select-var'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import useAvailableVarList from '@/app/components/workflow/nodes/_base/hooks/use-available-var-list'
+import { VarType } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+import { VarType as VarKindType } from '../types'
 
 type Props = {
   readOnly: boolean
@@ -158,7 +158,7 @@ const InputVarList: FC<Props> = ({
   }, [onOpen])
 
   return (
-    <div className='space-y-3'>
+    <div className="space-y-3">
       {
         schema.map((schema, index) => {
           const {
@@ -180,11 +180,11 @@ const InputVarList: FC<Props> = ({
           const isString = !isNumber && !isSelect && !isFile && !isAppSelector && !isModelSelector
 
           return (
-            <div key={variable} className='space-y-1'>
-              <div className='flex items-center space-x-2 leading-[18px]'>
-                <span className='code-sm-semibold text-text-secondary'>{label[language] || label.en_US}</span>
-                <span className='system-xs-regular text-text-tertiary'>{paramType(type)}</span>
-                {required && <span className='system-xs-regular text-util-colors-orange-dark-orange-dark-600'>Required</span>}
+            <div key={variable} className="space-y-1">
+              <div className="flex items-center space-x-2 leading-[18px]">
+                <span className="code-sm-semibold text-text-secondary">{label[language] || label.en_US}</span>
+                <span className="system-xs-regular text-text-tertiary">{paramType(type)}</span>
+                {required && <span className="system-xs-regular text-util-colors-orange-dark-orange-dark-600">Required</span>}
               </div>
               {isString && (
                 <Input
@@ -196,7 +196,7 @@ const InputVarList: FC<Props> = ({
                   availableNodes={availableNodesWithParent}
                   onFocusChange={handleInputFocus(variable)}
                   placeholder={t('workflow.nodes.http.insertVarPlaceholder')!}
-                  placeholderClassName='!leading-[21px]'
+                  placeholderClassName="!leading-[21px]"
                 />
               )}
               {(isNumber || isSelect) && (
@@ -238,7 +238,7 @@ const InputVarList: FC<Props> = ({
               )}
               {isModelSelector && (
                 <ModelParameterModal
-                  popupClassName='!w-[387px]'
+                  popupClassName="!w-[387px]"
                   isAdvancedMode
                   isInWorkflow
                   value={varInput as any}
@@ -247,7 +247,7 @@ const InputVarList: FC<Props> = ({
                   scope={scope}
                 />
               )}
-              {tooltip && <div className='body-xs-regular text-text-tertiary'>{tooltip[language] || tooltip.en_US}</div>}
+              {tooltip && <div className="body-xs-regular text-text-tertiary">{tooltip[language] || tooltip.en_US}</div>}
             </div>
           )
         })
diff --git a/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx b/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx
index 98a88e5e0f..e0191ce2d8 100644
--- a/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx
+++ b/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx
@@ -1,16 +1,16 @@
+import type {
+  Node,
+  NodeOutPutVar,
+} from '@/app/components/workflow/types'
 import {
   memo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import PromptEditor from '@/app/components/base/prompt-editor'
-import Placeholder from './placeholder'
-import type {
-  Node,
-  NodeOutPutVar,
-} from '@/app/components/workflow/types'
+import { useStore } from '@/app/components/workflow/store'
 import { BlockEnum } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
-import { useStore } from '@/app/components/workflow/store'
+import Placeholder from './placeholder'
 
 type MixedVariableTextInputProps = {
   readOnly?: boolean
@@ -43,7 +43,7 @@ const MixedVariableTextInput = ({
         'hover:border-components-input-border-hover hover:bg-components-input-bg-hover',
         'focus-within:border-components-input-border-active focus-within:bg-components-input-bg-active focus-within:shadow-xs',
       )}
-      className='caret:text-text-accent'
+      className="caret:text-text-accent"
       editable={!readOnly}
       value={value}
       workflowVariableBlock={{
diff --git a/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/placeholder.tsx b/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/placeholder.tsx
index d6e0bbc059..5c599dd059 100644
--- a/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/placeholder.tsx
+++ b/web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/placeholder.tsx
@@ -1,10 +1,9 @@
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { $insertNodes, FOCUS_COMMAND } from 'lexical'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import { FOCUS_COMMAND } from 'lexical'
-import { $insertNodes } from 'lexical'
-import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
 import Badge from '@/app/components/base/badge'
+import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
 
 type PlaceholderProps = {
   disableVariableInsertion?: boolean
@@ -24,19 +23,19 @@ const Placeholder = ({ disableVariableInsertion = false }: PlaceholderProps) =>
 
   return (
     <div
-      className='pointer-events-auto flex h-full w-full cursor-text items-center px-2'
+      className="pointer-events-auto flex h-full w-full cursor-text items-center px-2"
       onClick={(e) => {
         e.stopPropagation()
         handleInsert('')
       }}
     >
-      <div className='flex grow items-center'>
+      <div className="flex grow items-center">
         {t('workflow.nodes.tool.insertPlaceholder1')}
         {(!disableVariableInsertion) && (
           <>
-            <div className='system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder'>/</div>
+            <div className="system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder">/</div>
             <div
-              className='system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary'
+              className="system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary"
               onMouseDown={((e) => {
                 e.preventDefault()
                 e.stopPropagation()
@@ -49,8 +48,8 @@ const Placeholder = ({ disableVariableInsertion = false }: PlaceholderProps) =>
         )}
       </div>
       <Badge
-        className='shrink-0'
-        text='String'
+        className="shrink-0"
+        text="String"
         uppercase={false}
       />
     </div>
diff --git a/web/app/components/workflow/nodes/tool/components/tool-form/index.tsx b/web/app/components/workflow/nodes/tool/components/tool-form/index.tsx
index ade29beddb..c8d60be789 100644
--- a/web/app/components/workflow/nodes/tool/components/tool-form/index.tsx
+++ b/web/app/components/workflow/nodes/tool/components/tool-form/index.tsx
@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import type { ToolVarInputs } from '../../types'
 import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import ToolFormItem from './item'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
 import type { Tool } from '@/app/components/tools/types'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
+import ToolFormItem from './item'
 
 type Props = {
   readOnly: boolean
@@ -35,7 +35,7 @@ const ToolForm: FC<Props> = ({
   extraParams,
 }) => {
   return (
-    <div className='space-y-1'>
+    <div className="space-y-1">
       {
         schema.map((schema, index) => (
           <ToolFormItem
@@ -51,7 +51,7 @@ const ToolForm: FC<Props> = ({
             showManageInputField={showManageInputField}
             onManageInputField={onManageInputField}
             extraParams={extraParams}
-            providerType='tool'
+            providerType="tool"
           />
         ))
       }
diff --git a/web/app/components/workflow/nodes/tool/components/tool-form/item.tsx b/web/app/components/workflow/nodes/tool/components/tool-form/item.tsx
index 567266abde..83d4ee9eef 100644
--- a/web/app/components/workflow/nodes/tool/components/tool-form/item.tsx
+++ b/web/app/components/workflow/nodes/tool/components/tool-form/item.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { ToolVarInputs } from '../../types'
+import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Tool } from '@/app/components/tools/types'
+import type { ToolWithProvider } from '@/app/components/workflow/types'
 import {
   RiBracesLine,
 } from '@remixicon/react'
-import type { ToolVarInputs } from '../../types'
-import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useBoolean } from 'ahooks'
 import Button from '@/app/components/base/button'
 import Tooltip from '@/app/components/base/tooltip'
-import FormInputItem from '@/app/components/workflow/nodes/_base/components/form-input-item'
-import { useBoolean } from 'ahooks'
+import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import SchemaModal from '@/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal'
-import type { ToolWithProvider } from '@/app/components/workflow/types'
-import type { Tool } from '@/app/components/tools/types'
+import FormInputItem from '@/app/components/workflow/nodes/_base/components/form-input-item'
 
 type Props = {
   readOnly: boolean
@@ -53,39 +53,41 @@ const ToolFormItem: FC<Props> = ({
     setFalse: hideSchema,
   }] = useBoolean(false)
   return (
-    <div className='space-y-0.5 py-1'>
+    <div className="space-y-0.5 py-1">
       <div>
-        <div className='flex h-6 items-center'>
-          <div className='system-sm-medium text-text-secondary'>{label[language] || label.en_US}</div>
+        <div className="flex h-6 items-center">
+          <div className="system-sm-medium text-text-secondary">{label[language] || label.en_US}</div>
           {required && (
-            <div className='system-xs-regular ml-1 text-text-destructive-secondary'>*</div>
+            <div className="system-xs-regular ml-1 text-text-destructive-secondary">*</div>
           )}
           {!showDescription && tooltip && (
             <Tooltip
-              popupContent={<div className='w-[200px]'>
-                {tooltip[language] || tooltip.en_US}
-              </div>}
-              triggerClassName='ml-1 w-4 h-4'
+              popupContent={(
+                <div className="w-[200px]">
+                  {tooltip[language] || tooltip.en_US}
+                </div>
+              )}
+              triggerClassName="ml-1 w-4 h-4"
               asChild={false}
             />
           )}
           {showSchemaButton && (
             <>
-              <div className='system-xs-regular ml-1 mr-0.5 text-text-quaternary'>·</div>
+              <div className="system-xs-regular ml-1 mr-0.5 text-text-quaternary">·</div>
               <Button
-                variant='ghost'
-                size='small'
+                variant="ghost"
+                size="small"
                 onClick={showSchema}
-                className='system-xs-regular px-1 text-text-tertiary'
+                className="system-xs-regular px-1 text-text-tertiary"
               >
-                <RiBracesLine className='mr-1 size-3.5' />
+                <RiBracesLine className="mr-1 size-3.5" />
                 <span>JSON Schema</span>
               </Button>
             </>
           )}
         </div>
         {showDescription && tooltip && (
-          <div className='body-xs-regular pb-0.5 text-text-tertiary'>{tooltip[language] || tooltip.en_US}</div>
+          <div className="body-xs-regular pb-0.5 text-text-tertiary">{tooltip[language] || tooltip.en_US}</div>
         )}
       </div>
       <FormInputItem
diff --git a/web/app/components/workflow/nodes/tool/default.ts b/web/app/components/workflow/nodes/tool/default.ts
index 0fcd321a29..4d8046ef1c 100644
--- a/web/app/components/workflow/nodes/tool/default.ts
+++ b/web/app/components/workflow/nodes/tool/default.ts
@@ -1,11 +1,11 @@
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { NodeDefault, ToolWithProvider, Var } from '../../types'
 import type { ToolNodeType } from './types'
-import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
-import { TOOL_OUTPUT_STRUCT } from '../../constants'
 import { CollectionType } from '@/app/components/tools/types'
+import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
 import { canFindTool } from '@/utils'
+import { TOOL_OUTPUT_STRUCT } from '../../constants'
 import { Type } from '../llm/types'
 import { resolveVarType } from './output-schema-utils'
 
@@ -104,13 +104,15 @@ const nodeDefault: NodeDefault<ToolNodeType> = {
           type,
           des: output.description,
           schemaType,
-          children: output.type === 'object' ? {
-            schema: {
-              type: Type.object,
-              properties: output.properties,
-              additionalProperties: false,
-            },
-          } : undefined,
+          children: output.type === 'object'
+            ? {
+                schema: {
+                  type: Type.object,
+                  properties: output.properties,
+                  additionalProperties: false,
+                },
+              }
+            : undefined,
         })
       })
       res = [
diff --git a/web/app/components/workflow/nodes/tool/node.tsx b/web/app/components/workflow/nodes/tool/node.tsx
index 6aa483e8b0..e2bcd26bd2 100644
--- a/web/app/components/workflow/nodes/tool/node.tsx
+++ b/web/app/components/workflow/nodes/tool/node.tsx
@@ -1,11 +1,11 @@
 import type { FC } from 'react'
-import React, { useEffect } from 'react'
-import type { NodeProps } from '@/app/components/workflow/types'
-import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
-import { useNodePluginInstallation } from '@/app/components/workflow/hooks/use-node-plugin-installation'
-import { useNodeDataUpdate } from '@/app/components/workflow/hooks/use-node-data-update'
 import type { ToolNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
+import React, { useEffect } from 'react'
+import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useNodeDataUpdate } from '@/app/components/workflow/hooks/use-node-data-update'
+import { useNodePluginInstallation } from '@/app/components/workflow/hooks/use-node-plugin-installation'
+import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
 
 const Node: FC<NodeProps<ToolNodeType>> = ({
   id,
@@ -43,12 +43,12 @@ const Node: FC<NodeProps<ToolNodeType>> = ({
     return null
 
   return (
-    <div className='relative mb-1 px-3 py-1'>
+    <div className="relative mb-1 px-3 py-1">
       {showInstallButton && (
-        <div className='pointer-events-auto absolute right-3 top-[-32px] z-40'>
+        <div className="pointer-events-auto absolute right-3 top-[-32px] z-40">
           <InstallPluginButton
-            size='small'
-            className='!font-medium !text-text-accent'
+            size="small"
+            className="!font-medium !text-text-accent"
             extraIdentifiers={[
               data.plugin_id,
               data.provider_id,
@@ -60,24 +60,24 @@ const Node: FC<NodeProps<ToolNodeType>> = ({
         </div>
       )}
       {hasConfigs && (
-        <div className='space-y-0.5' aria-disabled={shouldDim}>
+        <div className="space-y-0.5" aria-disabled={shouldDim}>
           {toolConfigs.map((key, index) => (
-            <div key={index} className='flex h-6 items-center justify-between space-x-1 rounded-md  bg-workflow-block-parma-bg px-1 text-xs font-normal text-text-secondary'>
-              <div title={key} className='max-w-[100px] shrink-0 truncate text-xs font-medium uppercase text-text-tertiary'>
+            <div key={index} className="flex h-6 items-center justify-between space-x-1 rounded-md  bg-workflow-block-parma-bg px-1 text-xs font-normal text-text-secondary">
+              <div title={key} className="max-w-[100px] shrink-0 truncate text-xs font-medium uppercase text-text-tertiary">
                 {key}
               </div>
               {typeof tool_configurations[key].value === 'string' && (
-                <div title={tool_configurations[key].value} className='w-0 shrink-0 grow truncate text-right text-xs font-normal text-text-secondary'>
+                <div title={tool_configurations[key].value} className="w-0 shrink-0 grow truncate text-right text-xs font-normal text-text-secondary">
                   {paramSchemas?.find(i => i.name === key)?.type === FormTypeEnum.secretInput ? '********' : tool_configurations[key].value}
                 </div>
               )}
               {typeof tool_configurations[key].value === 'number' && (
-                <div title={Number.isNaN(tool_configurations[key].value) ? '' : tool_configurations[key].value} className='w-0 shrink-0 grow truncate text-right text-xs font-normal text-text-secondary'>
+                <div title={Number.isNaN(tool_configurations[key].value) ? '' : tool_configurations[key].value} className="w-0 shrink-0 grow truncate text-right text-xs font-normal text-text-secondary">
                   {Number.isNaN(tool_configurations[key].value) ? '' : tool_configurations[key].value}
                 </div>
               )}
               {typeof tool_configurations[key] !== 'string' && tool_configurations[key]?.type === FormTypeEnum.modelSelector && (
-                <div title={tool_configurations[key].model} className='w-0 shrink-0 grow truncate text-right text-xs font-normal text-text-secondary'>
+                <div title={tool_configurations[key].model} className="w-0 shrink-0 grow truncate text-right text-xs font-normal text-text-secondary">
                   {tool_configurations[key].model}
                 </div>
               )}
diff --git a/web/app/components/workflow/nodes/tool/output-schema-utils.ts b/web/app/components/workflow/nodes/tool/output-schema-utils.ts
index 684ff0b29f..141c679da0 100644
--- a/web/app/components/workflow/nodes/tool/output-schema-utils.ts
+++ b/web/app/components/workflow/nodes/tool/output-schema-utils.ts
@@ -1,13 +1,14 @@
+import type { SchemaTypeDefinition } from '@/service/use-common'
 import { VarType } from '@/app/components/workflow/types'
 import { getMatchedSchemaType } from '../_base/components/variable/use-match-schema-type'
-import type { SchemaTypeDefinition } from '@/service/use-common'
 
 /**
  * Normalizes a JSON Schema type to a simple string type.
  * Handles complex schemas with oneOf, anyOf, allOf.
  */
 export const normalizeJsonSchemaType = (schema: any): string | undefined => {
-  if (!schema) return undefined
+  if (!schema)
+    return undefined
   const { type, properties, items, oneOf, anyOf, allOf } = schema
 
   if (Array.isArray(type))
@@ -51,7 +52,7 @@ export const pickItemSchema = (schema: any) => {
 export const resolveVarType = (
   schema: any,
   schemaTypeDefinitions?: SchemaTypeDefinition[],
-): { type: VarType; schemaType?: string } => {
+): { type: VarType, schemaType?: string } => {
   const schemaType = getMatchedSchemaType(schema, schemaTypeDefinitions)
   const normalizedType = normalizeJsonSchemaType(schema)
 
diff --git a/web/app/components/workflow/nodes/tool/panel.tsx b/web/app/components/workflow/nodes/tool/panel.tsx
index 3a623208e5..3e1b778a7a 100644
--- a/web/app/components/workflow/nodes/tool/panel.tsx
+++ b/web/app/components/workflow/nodes/tool/panel.tsx
@@ -1,18 +1,18 @@
 import type { FC } from 'react'
+import type { ToolNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Split from '../_base/components/split'
-import type { ToolNodeType } from './types'
-import useConfig from './use-config'
-import ToolForm from './components/tool-form'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import type { NodePanelProps } from '@/app/components/workflow/types'
 import Loading from '@/app/components/base/loading'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
 import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
 import StructureOutputItem from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show'
 import { useStore } from '@/app/components/workflow/store'
 import { wrapStructuredVarItem } from '@/app/components/workflow/utils/tool'
+import Split from '../_base/components/split'
 import useMatchSchemaType, { getMatchedSchemaType } from '../_base/components/variable/use-match-schema-type'
+import ToolForm from './components/tool-form'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.tool'
 
@@ -44,19 +44,19 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
 
   if (isLoading) {
     return (
-      <div className='flex h-[200px] items-center justify-center'>
+      <div className="flex h-[200px] items-center justify-center">
         <Loading />
       </div>
     )
   }
 
   return (
-    <div className='pt-2'>
+    <div className="pt-2">
       {!isShowAuthBtn && (
-        <div className='relative'>
+        <div className="relative">
           {toolInputVarSchema.length > 0 && (
             <Field
-              className='px-4'
+              className="px-4"
               title={t(`${i18nPrefix}.inputVars`)}
             >
               <ToolForm
@@ -74,7 +74,7 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
           )}
 
           {toolInputVarSchema.length > 0 && toolSettingSchema.length > 0 && (
-            <Split className='mt-1' />
+            <Split className="mt-1" />
           )}
 
           {toolSettingSchema.length > 0 && (
@@ -102,20 +102,20 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
         <OutputVars>
           <>
             <VarItem
-              name='text'
-              type='string'
+              name="text"
+              type="string"
               description={t(`${i18nPrefix}.outputVars.text`)}
               isIndent={hasObjectOutput}
             />
             <VarItem
-              name='files'
-              type='array[file]'
+              name="files"
+              type="array[file]"
               description={t(`${i18nPrefix}.outputVars.files.title`)}
               isIndent={hasObjectOutput}
             />
             <VarItem
-              name='json'
-              type='array[object]'
+              name="json"
+              type="array[object]"
               description={t(`${i18nPrefix}.outputVars.json`)}
               isIndent={hasObjectOutput}
             />
@@ -126,7 +126,7 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
                 <div key={outputItem.name}>
                   {outputItem.value?.type === 'object' ? (
                     <StructureOutputItem
-                      rootClassName='code-sm-semibold text-text-secondary'
+                      rootClassName="code-sm-semibold text-text-secondary"
                       payload={wrapStructuredVarItem(outputItem, schemaType)}
                     />
                   ) : (
diff --git a/web/app/components/workflow/nodes/tool/types.ts b/web/app/components/workflow/nodes/tool/types.ts
index da3b7f7b31..9a58e8a299 100644
--- a/web/app/components/workflow/nodes/tool/types.ts
+++ b/web/app/components/workflow/nodes/tool/types.ts
@@ -1,6 +1,6 @@
+import type { ResourceVarInputs } from '../_base/types'
 import type { Collection, CollectionType } from '@/app/components/tools/types'
 import type { CommonNodeType } from '@/app/components/workflow/types'
-import type { ResourceVarInputs } from '../_base/types'
 
 // Use base types directly
 export { VarKindType as VarType } from '../_base/types'
diff --git a/web/app/components/workflow/nodes/tool/use-config.ts b/web/app/components/workflow/nodes/tool/use-config.ts
index fe3fe543e9..6e1924dd43 100644
--- a/web/app/components/workflow/nodes/tool/use-config.ts
+++ b/web/app/components/workflow/nodes/tool/use-config.ts
@@ -1,23 +1,21 @@
+import type { ToolNodeType, ToolVarInputs } from './types'
+import type { InputVar } from '@/app/components/workflow/types'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { useBoolean } from 'ahooks'
-import { useWorkflowStore } from '../../store'
-import type { ToolNodeType, ToolVarInputs } from './types'
+import Toast from '@/app/components/base/toast'
 import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
 import { CollectionType } from '@/app/components/tools/types'
-import { updateBuiltInToolCredential } from '@/service/tools'
 import {
   getConfiguredValue,
   toolParametersToFormSchemas,
 } from '@/app/components/tools/utils/to-form-schema'
-import Toast from '@/app/components/base/toast'
-import type { InputVar } from '@/app/components/workflow/types'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
-import { canFindTool } from '@/utils'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { updateBuiltInToolCredential } from '@/service/tools'
 import {
   useAllBuiltInTools,
   useAllCustomTools,
@@ -25,6 +23,8 @@ import {
   useAllWorkflowTools,
   useInvalidToolsByType,
 } from '@/service/use-tools'
+import { canFindTool } from '@/utils'
+import { useWorkflowStore } from '../../store'
 
 const useConfig = (id: string, payload: ToolNodeType) => {
   const workflowStore = useWorkflowStore()
@@ -133,7 +133,8 @@ const useConfig = (id: string, payload: ToolNodeType) => {
             if (typeof value === 'string')
               newConfig[key] = value === 'true' || value === '1'
 
-            if (typeof value === 'number') newConfig[key] = value === 1
+            if (typeof value === 'number')
+              newConfig[key] = value === 1
           }
 
           if (schema?.type === 'number-input') {
@@ -149,7 +150,8 @@ const useConfig = (id: string, payload: ToolNodeType) => {
   )
   const [notSetDefaultValue, setNotSetDefaultValue] = useState(false)
   const toolSettingValue = useMemo(() => {
-    if (notSetDefaultValue) return tool_configurations
+    if (notSetDefaultValue)
+      return tool_configurations
     return getConfiguredValue(tool_configurations, toolSettingSchema)
   }, [notSetDefaultValue, toolSettingSchema, tool_configurations])
   const setToolSettingValue = useCallback(
@@ -188,7 +190,8 @@ const useConfig = (id: string, payload: ToolNodeType) => {
   }
 
   useEffect(() => {
-    if (!currTool) return
+    if (!currTool)
+      return
     const inputsWithDefaultValue = formattingParameters()
     const { setControlPromptEditorRerenderKey } = workflowStore.getState()
     setInputs(inputsWithDefaultValue)
@@ -231,7 +234,8 @@ const useConfig = (id: string, payload: ToolNodeType) => {
   const outputSchema = useMemo(() => {
     const res: any[] = []
     const output_schema = currTool?.output_schema
-    if (!output_schema || !output_schema.properties) return res
+    if (!output_schema || !output_schema.properties)
+      return res
 
     Object.keys(output_schema.properties).forEach((outputKey) => {
       const output = output_schema.properties[outputKey]
@@ -266,7 +270,8 @@ const useConfig = (id: string, payload: ToolNodeType) => {
 
   const hasObjectOutput = useMemo(() => {
     const output_schema = currTool?.output_schema
-    if (!output_schema || !output_schema.properties) return false
+    if (!output_schema || !output_schema.properties)
+      return false
     const properties = output_schema.properties
     return Object.keys(properties).some(
       key => properties[key].type === 'object',
diff --git a/web/app/components/workflow/nodes/tool/use-get-data-for-check-more.ts b/web/app/components/workflow/nodes/tool/use-get-data-for-check-more.ts
index a68f12fc37..78ebab7bff 100644
--- a/web/app/components/workflow/nodes/tool/use-get-data-for-check-more.ts
+++ b/web/app/components/workflow/nodes/tool/use-get-data-for-check-more.ts
@@ -3,7 +3,7 @@ import useConfig from './use-config'
 
 type Params = {
   id: string
-  payload: ToolNodeType,
+  payload: ToolNodeType
 }
 
 const useGetDataForCheckMore = ({
diff --git a/web/app/components/workflow/nodes/tool/use-single-run-form-params.ts b/web/app/components/workflow/nodes/tool/use-single-run-form-params.ts
index b393711e98..ca1e61be37 100644
--- a/web/app/components/workflow/nodes/tool/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/tool/use-single-run-form-params.ts
@@ -1,19 +1,19 @@
 import type { RefObject } from 'react'
-import type { InputVar, Variable } from '@/app/components/workflow/types'
-import { useCallback, useMemo, useState } from 'react'
-import useNodeCrud from '../_base/hooks/use-node-crud'
-import { type ToolNodeType, VarType } from './types'
-import type { ValueSelector } from '@/app/components/workflow/types'
+import type { ToolNodeType } from './types'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
-import { produce } from 'immer'
+import type { InputVar, ValueSelector, Variable } from '@/app/components/workflow/types'
 import type { NodeTracing } from '@/types/workflow'
+import { produce } from 'immer'
+import { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import formatToTracingNodeList from '@/app/components/workflow/run/utils/format-log'
 import { useToolIcon } from '../../hooks'
+import useNodeCrud from '../_base/hooks/use-node-crud'
+import { VarType } from './types'
 
 type Params = {
-  id: string,
-  payload: ToolNodeType,
+  id: string
+  payload: ToolNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -61,7 +61,7 @@ const useSingleRunFormParams = ({
       Object.keys(inputs.tool_parameters).forEach((key: string) => {
         const { type, value } = inputs.tool_parameters[key]
         if (type === VarType.constant && (value === undefined || value === null)) {
-          if(!draft.tool_parameters || !draft.tool_parameters[key])
+          if (!draft.tool_parameters || !draft.tool_parameters[key])
             return
           draft[key] = value
         }
diff --git a/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/index.tsx b/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/index.tsx
index 93bf788c34..7ed42ea019 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/index.tsx
+++ b/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/index.tsx
@@ -1,10 +1,10 @@
 'use client'
+import type { FC } from 'react'
 import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { Event } from '@/app/components/tools/types'
-import type { FC } from 'react'
+import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
 import type { PluginTriggerVarInputs } from '@/app/components/workflow/nodes/trigger-plugin/types'
 import TriggerFormItem from './item'
-import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
 
 type Props = {
   readOnly: boolean
@@ -33,7 +33,7 @@ const TriggerForm: FC<Props> = ({
   disableVariableInsertion = false,
 }) => {
   return (
-    <div className='space-y-1'>
+    <div className="space-y-1">
       {
         schema.map((schema, index) => (
           <TriggerFormItem
diff --git a/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/item.tsx b/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/item.tsx
index 678c12f02a..ad1e7747d4 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/item.tsx
+++ b/web/app/components/workflow/nodes/trigger-plugin/components/trigger-form/item.tsx
@@ -1,19 +1,19 @@
 'use client'
 import type { FC } from 'react'
+import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Event } from '@/app/components/tools/types'
+import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
+import type { PluginTriggerVarInputs } from '@/app/components/workflow/nodes/trigger-plugin/types'
 import {
   RiBracesLine,
 } from '@remixicon/react'
-import type { PluginTriggerVarInputs } from '@/app/components/workflow/nodes/trigger-plugin/types'
-import type { CredentialFormSchema } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { useBoolean } from 'ahooks'
 import Button from '@/app/components/base/button'
 import Tooltip from '@/app/components/base/tooltip'
-import FormInputItem from '@/app/components/workflow/nodes/_base/components/form-input-item'
-import { useBoolean } from 'ahooks'
+import { FormTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { useLanguage } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import SchemaModal from '@/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal'
-import type { Event } from '@/app/components/tools/types'
-import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
+import FormInputItem from '@/app/components/workflow/nodes/_base/components/form-input-item'
 
 type Props = {
   readOnly: boolean
@@ -49,39 +49,41 @@ const TriggerFormItem: FC<Props> = ({
     setFalse: hideSchema,
   }] = useBoolean(false)
   return (
-    <div className='space-y-0.5 py-1'>
+    <div className="space-y-0.5 py-1">
       <div>
-        <div className='flex h-6 items-center'>
-          <div className='system-sm-medium text-text-secondary'>{label[language] || label.en_US}</div>
+        <div className="flex h-6 items-center">
+          <div className="system-sm-medium text-text-secondary">{label[language] || label.en_US}</div>
           {required && (
-            <div className='system-xs-regular ml-1 text-text-destructive-secondary'>*</div>
+            <div className="system-xs-regular ml-1 text-text-destructive-secondary">*</div>
           )}
           {!showDescription && tooltip && (
             <Tooltip
-              popupContent={<div className='w-[200px]'>
-                {tooltip[language] || tooltip.en_US}
-              </div>}
-              triggerClassName='ml-1 w-4 h-4'
+              popupContent={(
+                <div className="w-[200px]">
+                  {tooltip[language] || tooltip.en_US}
+                </div>
+              )}
+              triggerClassName="ml-1 w-4 h-4"
               asChild={false}
             />
           )}
           {showSchemaButton && (
             <>
-              <div className='system-xs-regular ml-1 mr-0.5 text-text-quaternary'>·</div>
+              <div className="system-xs-regular ml-1 mr-0.5 text-text-quaternary">·</div>
               <Button
-                variant='ghost'
-                size='small'
+                variant="ghost"
+                size="small"
                 onClick={showSchema}
-                className='system-xs-regular px-1 text-text-tertiary'
+                className="system-xs-regular px-1 text-text-tertiary"
               >
-                <RiBracesLine className='mr-1 size-3.5' />
+                <RiBracesLine className="mr-1 size-3.5" />
                 <span>JSON Schema</span>
               </Button>
             </>
           )}
         </div>
         {showDescription && tooltip && (
-          <div className='body-xs-regular pb-0.5 text-text-tertiary'>{tooltip[language] || tooltip.en_US}</div>
+          <div className="body-xs-regular pb-0.5 text-text-tertiary">{tooltip[language] || tooltip.en_US}</div>
         )}
       </div>
       <FormInputItem
@@ -93,7 +95,7 @@ const TriggerFormItem: FC<Props> = ({
         inPanel={inPanel}
         currentTool={currentEvent}
         currentProvider={currentProvider}
-        providerType='trigger'
+        providerType="trigger"
         extraParams={extraParams}
         disableVariableInsertion={disableVariableInsertion}
       />
diff --git a/web/app/components/workflow/nodes/trigger-plugin/default.ts b/web/app/components/workflow/nodes/trigger-plugin/default.ts
index 928534e07c..6e3aac1339 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/default.ts
+++ b/web/app/components/workflow/nodes/trigger-plugin/default.ts
@@ -1,13 +1,15 @@
-import type { SchemaTypeDefinition } from '@/service/use-common'
 import type { NodeDefault, Var } from '../../types'
+import type { Field, StructuredOutput } from '../llm/types'
+import type { PluginTriggerNodeType } from './types'
+import type { SchemaTypeDefinition } from '@/service/use-common'
 import { BlockEnum, VarType } from '../../types'
 import { genNodeMetaData } from '../../utils'
 import { VarKindType } from '../_base/types'
-import { type Field, type StructuredOutput, Type } from '../llm/types'
-import type { PluginTriggerNodeType } from './types'
+import { Type } from '../llm/types'
 
 const normalizeJsonSchemaType = (schema: any): string | undefined => {
-  if (!schema) return undefined
+  if (!schema)
+    return undefined
   const { type, properties, items, oneOf, anyOf, allOf } = schema
 
   if (Array.isArray(type))
@@ -55,7 +57,7 @@ const extractSchemaType = (schema: any, _schemaTypeDefinitions?: SchemaTypeDefin
 const resolveVarType = (
   schema: any,
   schemaTypeDefinitions?: SchemaTypeDefinition[],
-): { type: VarType; schemaType?: string } => {
+): { type: VarType, schemaType?: string } => {
   const schemaType = extractSchemaType(schema, schemaTypeDefinitions)
   const normalizedType = normalizeJsonSchemaType(schema)
 
@@ -195,9 +197,9 @@ const buildOutputVars = (schema: Record<string, any>, schemaTypeDefinitions?: Sc
     if (normalizedType === 'object') {
       const childProperties = propertySchema?.properties
         ? Object.entries(propertySchema.properties).reduce((acc, [key, value]) => {
-          acc[key] = convertJsonSchemaToField(value, schemaTypeDefinitions)
-          return acc
-        }, {} as Record<string, Field>)
+            acc[key] = convertJsonSchemaToField(value, schemaTypeDefinitions)
+            return acc
+          }, {} as Record<string, Field>)
         : {}
 
       const required = Array.isArray(propertySchema?.required) ? propertySchema.required.filter(Boolean) : undefined
@@ -263,7 +265,7 @@ const nodeDefault: NodeDefault<PluginTriggerNodeType> = {
         }
 
         const targetParam = typeof rawParam === 'object' && rawParam !== null && 'type' in rawParam
-          ? rawParam as { type: VarKindType; value: any }
+          ? rawParam as { type: VarKindType, value: any }
           : { type: VarKindType.constant, value: rawParam }
 
         const { type, value } = targetParam
@@ -277,8 +279,9 @@ const nodeDefault: NodeDefault<PluginTriggerNodeType> = {
             || value === null
             || value === ''
             || (Array.isArray(value) && value.length === 0)
-          )
+          ) {
             errorMessage = t('workflow.errorMsg.fieldRequired', { field: field.label })
+          }
         }
       })
     }
diff --git a/web/app/components/workflow/nodes/trigger-plugin/hooks/use-trigger-auth-flow.ts b/web/app/components/workflow/nodes/trigger-plugin/hooks/use-trigger-auth-flow.ts
index 983b8512de..36bcbf1cc7 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/hooks/use-trigger-auth-flow.ts
+++ b/web/app/components/workflow/nodes/trigger-plugin/hooks/use-trigger-auth-flow.ts
@@ -1,3 +1,4 @@
+import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
 import { useCallback, useState } from 'react'
 import {
   useBuildTriggerSubscription,
@@ -5,7 +6,6 @@ import {
   useUpdateTriggerSubscriptionBuilder,
   useVerifyTriggerSubscriptionBuilder,
 } from '@/service/use-triggers'
-import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
 
 // Helper function to serialize complex values to strings for backend encryption
 const serializeFormValues = (values: Record<string, any>): Record<string, string> => {
@@ -51,7 +51,8 @@ export const useTriggerAuthFlow = (provider: TriggerWithProvider): AuthFlowState
   const buildSubscription = useBuildTriggerSubscription()
 
   const startAuth = useCallback(async () => {
-    if (builderId) return // Prevent multiple calls if already started
+    if (builderId)
+      return // Prevent multiple calls if already started
 
     setIsLoading(true)
     setError(null)
diff --git a/web/app/components/workflow/nodes/trigger-plugin/node.tsx b/web/app/components/workflow/nodes/trigger-plugin/node.tsx
index 0eee4cb8b4..da4dc83d34 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/node.tsx
+++ b/web/app/components/workflow/nodes/trigger-plugin/node.tsx
@@ -1,12 +1,12 @@
-import NodeStatus, { NodeStatusEnum } from '@/app/components/base/node-status'
-import type { NodeProps } from '@/app/components/workflow/types'
 import type { FC } from 'react'
+import type { PluginTriggerNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import React, { useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
-import { useNodePluginInstallation } from '@/app/components/workflow/hooks/use-node-plugin-installation'
+import NodeStatus, { NodeStatusEnum } from '@/app/components/base/node-status'
 import { useNodeDataUpdate } from '@/app/components/workflow/hooks/use-node-data-update'
-import type { PluginTriggerNodeType } from './types'
+import { useNodePluginInstallation } from '@/app/components/workflow/hooks/use-node-plugin-installation'
+import { InstallPluginButton } from '@/app/components/workflow/nodes/_base/components/install-plugin-button'
 import useConfig from './use-config'
 
 const formatConfigValue = (rawValue: any): string => {
diff --git a/web/app/components/workflow/nodes/trigger-plugin/panel.tsx b/web/app/components/workflow/nodes/trigger-plugin/panel.tsx
index 9b4d8058b1..ffa3a5503c 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/panel.tsx
+++ b/web/app/components/workflow/nodes/trigger-plugin/panel.tsx
@@ -1,14 +1,14 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { PluginTriggerNodeType } from './types'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
 import type { NodePanelProps } from '@/app/components/workflow/types'
-import useConfig from './use-config'
-import TriggerForm from './components/trigger-form'
+import React from 'react'
+import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
 import StructureOutputItem from '@/app/components/workflow/nodes/_base/components/variable/object-child-tree-panel/show'
-import { Type } from '../llm/types'
 import { BlockEnum } from '@/app/components/workflow/types'
+import { Type } from '../llm/types'
+import TriggerForm from './components/trigger-form'
+import useConfig from './use-config'
 
 const Panel: FC<NodePanelProps<PluginTriggerNodeType>> = ({
   id,
@@ -35,11 +35,11 @@ const Panel: FC<NodePanelProps<PluginTriggerNodeType>> = ({
   }))
 
   return (
-    <div className='mt-2'>
+    <div className="mt-2">
       {/* Dynamic Parameters Form - Only show when authenticated */}
       {triggerParameterSchema.length > 0 && subscriptionSelected && (
         <>
-          <div className='px-4 pb-4'>
+          <div className="px-4 pb-4">
             <TriggerForm
               readOnly={readOnly}
               nodeId={id}
@@ -69,20 +69,22 @@ const Panel: FC<NodePanelProps<PluginTriggerNodeType>> = ({
           ))}
           {Object.entries(outputSchema.properties || {}).map(([name, schema]: [string, any]) => (
             <div key={name}>
-              {schema.type === 'object' ? (
-                <StructureOutputItem
-                  rootClassName='code-sm-semibold text-text-secondary'
-                  payload={{
-                    schema: {
-                      type: Type.object,
-                      properties: {
-                        [name]: schema,
-                      },
-                      additionalProperties: false,
-                    },
-                  }}
-                />
-              ) : null}
+              {schema.type === 'object'
+                ? (
+                    <StructureOutputItem
+                      rootClassName="code-sm-semibold text-text-secondary"
+                      payload={{
+                        schema: {
+                          type: Type.object,
+                          properties: {
+                            [name]: schema,
+                          },
+                          additionalProperties: false,
+                        },
+                      }}
+                    />
+                  )
+                : null}
             </div>
           ))}
         </>
diff --git a/web/app/components/workflow/nodes/trigger-plugin/types.ts b/web/app/components/workflow/nodes/trigger-plugin/types.ts
index 6dba97d795..8dd6aa9657 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/types.ts
+++ b/web/app/components/workflow/nodes/trigger-plugin/types.ts
@@ -1,6 +1,6 @@
-import type { CommonNodeType } from '@/app/components/workflow/types'
-import type { CollectionType } from '@/app/components/tools/types'
 import type { ResourceVarInputs } from '../_base/types'
+import type { CollectionType } from '@/app/components/tools/types'
+import type { CommonNodeType } from '@/app/components/workflow/types'
 
 export type PluginTriggerNodeType = CommonNodeType & {
   provider_id: string
diff --git a/web/app/components/workflow/nodes/trigger-plugin/use-check-params.ts b/web/app/components/workflow/nodes/trigger-plugin/use-check-params.ts
index 16b763f11a..7c23378498 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/use-check-params.ts
+++ b/web/app/components/workflow/nodes/trigger-plugin/use-check-params.ts
@@ -1,8 +1,8 @@
-import { useCallback } from 'react'
 import type { PluginTriggerNodeType } from './types'
-import { useAllTriggerPlugins } from '@/service/use-triggers'
-import { useGetLanguage } from '@/context/i18n'
+import { useCallback } from 'react'
 import { getTriggerCheckParams } from '@/app/components/workflow/utils/trigger'
+import { useGetLanguage } from '@/context/i18n'
+import { useAllTriggerPlugins } from '@/service/use-triggers'
 
 type Params = {
   id: string
diff --git a/web/app/components/workflow/nodes/trigger-plugin/use-config.ts b/web/app/components/workflow/nodes/trigger-plugin/use-config.ts
index cf66913e58..a746f1a410 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/use-config.ts
+++ b/web/app/components/workflow/nodes/trigger-plugin/use-config.ts
@@ -1,20 +1,19 @@
-import { useCallback, useEffect, useMemo } from 'react'
+import type { PluginTriggerNodeType, PluginTriggerVarInputs } from './types'
+import type { Event } from '@/app/components/tools/types'
+import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
+import type { InputVar } from '@/app/components/workflow/types'
 import { produce } from 'immer'
-import type { PluginTriggerNodeType } from './types'
-import type { PluginTriggerVarInputs } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
-import { useNodesReadOnly } from '@/app/components/workflow/hooks'
-import {
-  useAllTriggerPlugins,
-  useTriggerSubscriptions,
-} from '@/service/use-triggers'
+import { useCallback, useEffect, useMemo } from 'react'
 import {
   getConfiguredValue,
   toolParametersToFormSchemas,
 } from '@/app/components/tools/utils/to-form-schema'
-import type { InputVar } from '@/app/components/workflow/types'
-import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
-import type { Event } from '@/app/components/tools/types'
+import { useNodesReadOnly } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import {
+  useAllTriggerPlugins,
+  useTriggerSubscriptions,
+} from '@/service/use-triggers'
 import { VarKindType } from '../_base/types'
 
 const normalizeEventParameters = (
@@ -121,7 +120,8 @@ const useConfig = (id: string, payload: PluginTriggerNodeType) => {
 
   // Dynamic trigger parameters (from specific trigger.parameters)
   const triggerSpecificParameterSchema = useMemo(() => {
-    if (!currentEvent) return []
+    if (!currentEvent)
+      return []
     return toolParametersToFormSchemas(currentEvent.parameters)
   }, [currentEvent])
 
diff --git a/web/app/components/workflow/nodes/trigger-plugin/utils/form-helpers.ts b/web/app/components/workflow/nodes/trigger-plugin/utils/form-helpers.ts
index 36090d9771..cd49bd8ffe 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/utils/form-helpers.ts
+++ b/web/app/components/workflow/nodes/trigger-plugin/utils/form-helpers.ts
@@ -45,8 +45,8 @@ export const deepSanitizeFormValues = (values: Record<string, any>, visited = ne
  */
 export const findMissingRequiredField = (
   formData: Record<string, any>,
-  requiredFields: Array<{ name: string; label: any }>,
-): { name: string; label: any } | null => {
+  requiredFields: Array<{ name: string, label: any }>,
+): { name: string, label: any } | null => {
   for (const field of requiredFields) {
     if (!formData[field.name] || formData[field.name] === '')
       return field
diff --git a/web/app/components/workflow/nodes/trigger-schedule/components/frequency-selector.tsx b/web/app/components/workflow/nodes/trigger-schedule/components/frequency-selector.tsx
index d0de74a6ef..b4f62de436 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/components/frequency-selector.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/components/frequency-selector.tsx
@@ -1,7 +1,7 @@
+import type { ScheduleFrequency } from '../types'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { SimpleSelect } from '@/app/components/base/select'
-import type { ScheduleFrequency } from '../types'
 
 type FrequencySelectorProps = {
   frequency: ScheduleFrequency
diff --git a/web/app/components/workflow/nodes/trigger-schedule/components/mode-switcher.tsx b/web/app/components/workflow/nodes/trigger-schedule/components/mode-switcher.tsx
index 6dc88c85bf..724fedc7b2 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/components/mode-switcher.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/components/mode-switcher.tsx
@@ -1,8 +1,8 @@
+import type { ScheduleMode } from '../types'
+import { RiCalendarLine, RiCodeLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiCalendarLine, RiCodeLine } from '@remixicon/react'
 import { SegmentedControl } from '@/app/components/base/segmented-control'
-import type { ScheduleMode } from '../types'
 
 type ModeSwitcherProps = {
   mode: ScheduleMode
diff --git a/web/app/components/workflow/nodes/trigger-schedule/components/mode-toggle.tsx b/web/app/components/workflow/nodes/trigger-schedule/components/mode-toggle.tsx
index 6ae5d2cf67..35ffaff939 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/components/mode-toggle.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/components/mode-toggle.tsx
@@ -1,7 +1,7 @@
+import type { ScheduleMode } from '../types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { Asterisk, CalendarCheckLine } from '@/app/components/base/icons/src/vender/workflow'
-import type { ScheduleMode } from '../types'
 
 type ModeToggleProps = {
   mode: ScheduleMode
diff --git a/web/app/components/workflow/nodes/trigger-schedule/components/monthly-days-selector.tsx b/web/app/components/workflow/nodes/trigger-schedule/components/monthly-days-selector.tsx
index d7cce79328..e5a50522e1 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/components/monthly-days-selector.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/components/monthly-days-selector.tsx
@@ -1,6 +1,6 @@
+import { RiQuestionLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiQuestionLine } from '@remixicon/react'
 import Tooltip from '@/app/components/base/tooltip'
 
 type MonthlyDaysSelectorProps = {
@@ -53,18 +53,20 @@ const MonthlyDaysSelector = ({ selectedDays, onChange }: MonthlyDaysSelectorProp
                     : 'border-divider-subtle text-text-tertiary hover:border-divider-regular hover:text-text-secondary'
                 }`}
               >
-                {day === 'last' ? (
-                  <div className="flex items-center justify-center gap-1">
-                    <span>{t('workflow.nodes.triggerSchedule.lastDay')}</span>
-                    <Tooltip
-                      popupContent={t('workflow.nodes.triggerSchedule.lastDayTooltip')}
-                    >
-                      <RiQuestionLine className="h-3 w-3 text-text-quaternary" />
-                    </Tooltip>
-                  </div>
-                ) : (
-                  day
-                )}
+                {day === 'last'
+                  ? (
+                      <div className="flex items-center justify-center gap-1">
+                        <span>{t('workflow.nodes.triggerSchedule.lastDay')}</span>
+                        <Tooltip
+                          popupContent={t('workflow.nodes.triggerSchedule.lastDayTooltip')}
+                        >
+                          <RiQuestionLine className="h-3 w-3 text-text-quaternary" />
+                        </Tooltip>
+                      </div>
+                    )
+                  : (
+                      day
+                    )}
               </button>
             ))}
             {/* Fill empty cells in the last row (Last day takes 2 cols, so need 1 less) */}
diff --git a/web/app/components/workflow/nodes/trigger-schedule/components/next-execution-times.tsx b/web/app/components/workflow/nodes/trigger-schedule/components/next-execution-times.tsx
index 02e85e2724..c84bca483c 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/components/next-execution-times.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/components/next-execution-times.tsx
@@ -1,6 +1,6 @@
+import type { ScheduleTriggerNodeType } from '../types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ScheduleTriggerNodeType } from '../types'
 import { getFormattedExecutionTimes } from '../utils/execution-time-calculator'
 
 type NextExecutionTimesProps = {
diff --git a/web/app/components/workflow/nodes/trigger-schedule/default.ts b/web/app/components/workflow/nodes/trigger-schedule/default.ts
index 69f93c33f4..bd7f1976ba 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/default.ts
+++ b/web/app/components/workflow/nodes/trigger-schedule/default.ts
@@ -1,14 +1,15 @@
-import { BlockEnum } from '../../types'
 import type { NodeDefault } from '../../types'
 import type { ScheduleTriggerNodeType } from './types'
+import { BlockEnum } from '../../types'
+import { genNodeMetaData } from '../../utils'
+import { getDefaultScheduleConfig } from './constants'
 import { isValidCronExpression } from './utils/cron-parser'
 import { getNextExecutionTimes } from './utils/execution-time-calculator'
-import { getDefaultScheduleConfig } from './constants'
-import { genNodeMetaData } from '../../utils'
 
 const isValidTimeFormat = (time: string): boolean => {
   const timeRegex = /^(0?\d|1[0-2]):[0-5]\d (AM|PM)$/
-  if (!timeRegex.test(time)) return false
+  if (!timeRegex.test(time))
+    return false
 
   const [timePart, period] = time.split(' ')
   const [hour, minute] = timePart.split(':')
@@ -16,8 +17,8 @@ const isValidTimeFormat = (time: string): boolean => {
   const minuteNum = Number.parseInt(minute, 10)
 
   return hourNum >= 1 && hourNum <= 12
-         && minuteNum >= 0 && minuteNum <= 59
-         && ['AM', 'PM'].includes(period)
+    && minuteNum >= 0 && minuteNum <= 59
+    && ['AM', 'PM'].includes(period)
 }
 
 const validateHourlyConfig = (config: any, t: any): string => {
@@ -41,7 +42,8 @@ const validateDailyConfig = (config: any, t: any): string => {
 
 const validateWeeklyConfig = (config: any, t: any): string => {
   const dailyError = validateDailyConfig(config, t)
-  if (dailyError) return dailyError
+  if (dailyError)
+    return dailyError
 
   const i18nPrefix = 'workflow.errorMsg'
 
@@ -59,7 +61,8 @@ const validateWeeklyConfig = (config: any, t: any): string => {
 
 const validateMonthlyConfig = (config: any, t: any): string => {
   const dailyError = validateDailyConfig(config, t)
-  if (dailyError) return dailyError
+  if (dailyError)
+    return dailyError
 
   const i18nPrefix = 'workflow.errorMsg'
 
diff --git a/web/app/components/workflow/nodes/trigger-schedule/node.tsx b/web/app/components/workflow/nodes/trigger-schedule/node.tsx
index 9870ef211a..45e9b2afdb 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/node.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/node.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
-import React from 'react'
-import { useTranslation } from 'react-i18next'
 import type { ScheduleTriggerNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { getNextExecutionTime } from './utils/execution-time-calculator'
 
 const i18nPrefix = 'workflow.nodes.triggerSchedule'
diff --git a/web/app/components/workflow/nodes/trigger-schedule/panel.tsx b/web/app/components/workflow/nodes/trigger-schedule/panel.tsx
index 2a7c661339..8daedc50a9 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/panel.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/panel.tsx
@@ -1,17 +1,17 @@
 import type { FC } from 'react'
+import type { ScheduleTriggerNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ScheduleTriggerNodeType } from './types'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import ModeToggle from './components/mode-toggle'
-import FrequencySelector from './components/frequency-selector'
-import WeekdaySelector from './components/weekday-selector'
 import TimePicker from '@/app/components/base/date-and-time-picker/time-picker'
-import NextExecutionTimes from './components/next-execution-times'
-import MonthlyDaysSelector from './components/monthly-days-selector'
-import OnMinuteSelector from './components/on-minute-selector'
 import Input from '@/app/components/base/input'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import FrequencySelector from './components/frequency-selector'
+import ModeToggle from './components/mode-toggle'
+import MonthlyDaysSelector from './components/monthly-days-selector'
+import NextExecutionTimes from './components/next-execution-times'
+import OnMinuteSelector from './components/on-minute-selector'
+import WeekdaySelector from './components/weekday-selector'
 import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.triggerSchedule'
@@ -33,16 +33,16 @@ const Panel: FC<NodePanelProps<ScheduleTriggerNodeType>> = ({
   } = useConfig(id, data)
 
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-3 pt-2'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-3 pt-2">
         <Field
           title={t(`${i18nPrefix}.title`)}
-          operations={
+          operations={(
             <ModeToggle
               mode={inputs.mode}
               onChange={handleModeChange}
             />
-          }
+          )}
         >
           <div className="space-y-3">
 
@@ -59,35 +59,37 @@ const Panel: FC<NodePanelProps<ScheduleTriggerNodeType>> = ({
                     />
                   </div>
                   <div className="col-span-2">
-                    {inputs.frequency === 'hourly' ? (
-                      <OnMinuteSelector
-                        value={inputs.visual_config?.on_minute}
-                        onChange={handleOnMinuteChange}
-                      />
-                    ) : (
-                      <>
-                        <label className="mb-2 block text-xs font-medium text-gray-500">
-                          {t('workflow.nodes.triggerSchedule.time')}
-                        </label>
-                        <TimePicker
-                          notClearable={true}
-                          timezone={inputs.timezone}
-                          value={inputs.visual_config?.time || '12:00 AM'}
-                          triggerFullWidth={true}
-                          onChange={(time) => {
-                            if (time) {
-                              const timeString = time.format('h:mm A')
-                              handleTimeChange(timeString)
-                            }
-                          }}
-                          onClear={() => {
-                            handleTimeChange('12:00 AM')
-                          }}
-                          placeholder={t('workflow.nodes.triggerSchedule.selectTime')}
-                          showTimezone={true}
-                        />
-                      </>
-                    )}
+                    {inputs.frequency === 'hourly'
+                      ? (
+                          <OnMinuteSelector
+                            value={inputs.visual_config?.on_minute}
+                            onChange={handleOnMinuteChange}
+                          />
+                        )
+                      : (
+                          <>
+                            <label className="mb-2 block text-xs font-medium text-gray-500">
+                              {t('workflow.nodes.triggerSchedule.time')}
+                            </label>
+                            <TimePicker
+                              notClearable={true}
+                              timezone={inputs.timezone}
+                              value={inputs.visual_config?.time || '12:00 AM'}
+                              triggerFullWidth={true}
+                              onChange={(time) => {
+                                if (time) {
+                                  const timeString = time.format('h:mm A')
+                                  handleTimeChange(timeString)
+                                }
+                              }}
+                              onClear={() => {
+                                handleTimeChange('12:00 AM')
+                              }}
+                              placeholder={t('workflow.nodes.triggerSchedule.selectTime')}
+                              showTimezone={true}
+                            />
+                          </>
+                        )}
                   </div>
                 </div>
 
diff --git a/web/app/components/workflow/nodes/trigger-schedule/use-config.ts b/web/app/components/workflow/nodes/trigger-schedule/use-config.ts
index 06e29ccd84..a3e5959f2e 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/use-config.ts
+++ b/web/app/components/workflow/nodes/trigger-schedule/use-config.ts
@@ -1,7 +1,7 @@
-import { useCallback, useMemo } from 'react'
 import type { ScheduleFrequency, ScheduleMode, ScheduleTriggerNodeType } from './types'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
+import { useCallback, useMemo } from 'react'
 import { useNodesReadOnly } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
 import { useAppContext } from '@/context/app-context'
 import { getDefaultVisualConfig } from './constants'
 
diff --git a/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts b/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts
index aef122ba25..6bd6bc41dc 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts
+++ b/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts
@@ -1,6 +1,6 @@
 import type { ScheduleTriggerNodeType } from '../types'
-import { isValidCronExpression, parseCronExpression } from './cron-parser'
 import { convertTimezoneToOffsetStr } from '@/app/components/base/date-and-time-picker/utils/dayjs'
+import { isValidCronExpression, parseCronExpression } from './cron-parser'
 
 const DEFAULT_TIMEZONE = 'UTC'
 
@@ -107,8 +107,10 @@ export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: numb
     const [time, period] = defaultTime.split(' ')
     const [hour, minute] = time.split(':')
     let displayHour = Number.parseInt(hour)
-    if (period === 'PM' && displayHour !== 12) displayHour += 12
-    if (period === 'AM' && displayHour === 12) displayHour = 0
+    if (period === 'PM' && displayHour !== 12)
+      displayHour += 12
+    if (period === 'AM' && displayHour === 12)
+      displayHour = 0
 
     // Check if today's configured time has already passed
     const todayExecution = new Date(userToday)
@@ -132,8 +134,10 @@ export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: numb
     const [time, period] = defaultTime.split(' ')
     const [hour, minute] = time.split(':')
     let displayHour = Number.parseInt(hour)
-    if (period === 'PM' && displayHour !== 12) displayHour += 12
-    if (period === 'AM' && displayHour === 12) displayHour = 0
+    if (period === 'PM' && displayHour !== 12)
+      displayHour += 12
+    if (period === 'AM' && displayHour === 12)
+      displayHour = 0
 
     // Get current time completely in user timezone
     const userCurrentTime = getUserTimezoneCurrentTime(timezone)
@@ -145,10 +149,12 @@ export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: numb
       let hasValidDays = false
 
       for (const selectedDay of selectedDays) {
-        if (executionCount >= count) break
+        if (executionCount >= count)
+          break
 
         const targetDay = dayMap[selectedDay as keyof typeof dayMap]
-        if (targetDay === undefined) continue
+        if (targetDay === undefined)
+          continue
 
         hasValidDays = true
 
@@ -174,7 +180,8 @@ export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: numb
         }
       }
 
-      if (!hasValidDays) break
+      if (!hasValidDays)
+        break
       weekOffset++
     }
 
@@ -192,8 +199,10 @@ export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: numb
     const [time, period] = defaultTime.split(' ')
     const [hour, minute] = time.split(':')
     let displayHour = Number.parseInt(hour)
-    if (period === 'PM' && displayHour !== 12) displayHour += 12
-    if (period === 'AM' && displayHour === 12) displayHour = 0
+    if (period === 'PM' && displayHour !== 12)
+      displayHour += 12
+    if (period === 'AM' && displayHour === 12)
+      displayHour = 0
 
     // Get current time completely in user timezone
     const userCurrentTime = getUserTimezoneCurrentTime(timezone)
@@ -237,7 +246,8 @@ export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: numb
       monthlyExecutions.sort((a, b) => a.getTime() - b.getTime())
 
       for (const execution of monthlyExecutions) {
-        if (executionCount >= count) break
+        if (executionCount >= count)
+          break
         times.push(execution)
         executionCount++
       }
diff --git a/web/app/components/workflow/nodes/trigger-schedule/utils/integration.spec.ts b/web/app/components/workflow/nodes/trigger-schedule/utils/integration.spec.ts
index a3d28de112..cfc502d141 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/utils/integration.spec.ts
+++ b/web/app/components/workflow/nodes/trigger-schedule/utils/integration.spec.ts
@@ -1,7 +1,7 @@
-import { isValidCronExpression, parseCronExpression } from './cron-parser'
-import { getNextExecutionTime, getNextExecutionTimes } from './execution-time-calculator'
 import type { ScheduleTriggerNodeType } from '../types'
 import { BlockEnum } from '../../../types'
+import { isValidCronExpression, parseCronExpression } from './cron-parser'
+import { getNextExecutionTime, getNextExecutionTimes } from './execution-time-calculator'
 
 // Comprehensive integration tests for cron-parser and execution-time-calculator compatibility
 describe('cron-parser + execution-time-calculator integration', () => {
@@ -176,9 +176,12 @@ describe('cron-parser + execution-time-calculator integration', () => {
           expect(date.getHours()).toBe(hour)
           expect(date.getMinutes()).toBe(minute)
 
-          if (weekday !== undefined) expect(date.getDay()).toBe(weekday)
-          if (day !== undefined) expect(date.getDate()).toBe(day)
-          if (month !== undefined) expect(date.getMonth()).toBe(month)
+          if (weekday !== undefined)
+            expect(date.getDay()).toBe(weekday)
+          if (day !== undefined)
+            expect(date.getDate()).toBe(day)
+          if (month !== undefined)
+            expect(date.getMonth()).toBe(month)
         })
       })
     })
diff --git a/web/app/components/workflow/nodes/trigger-webhook/components/generic-table.tsx b/web/app/components/workflow/nodes/trigger-webhook/components/generic-table.tsx
index eaf3f399d7..a6644d7312 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/components/generic-table.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/components/generic-table.tsx
@@ -1,16 +1,17 @@
 'use client'
 import type { FC, ReactNode } from 'react'
-import React, { useCallback, useMemo } from 'react'
 import { RiDeleteBinLine } from '@remixicon/react'
-import Input from '@/app/components/base/input'
+import React, { useCallback, useMemo } from 'react'
 import Checkbox from '@/app/components/base/checkbox'
+import Input from '@/app/components/base/input'
 import { SimpleSelect } from '@/app/components/base/select'
-import { replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
 import { cn } from '@/utils/classnames'
+import { replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
 
 // Tiny utility to judge whether a cell value is effectively present
 const isPresent = (v: unknown): boolean => {
-  if (typeof v === 'string') return v.trim() !== ''
+  if (typeof v === 'string')
+    return v.trim() !== ''
   return !(v === '' || v === null || v === undefined || v === false)
 }
 // Column configuration types for table components
@@ -102,14 +103,17 @@ const GenericTable: FC<GenericTableProps> = ({
   }, [data, emptyRowData, readonly])
 
   const removeRow = useCallback((dataIndex: number) => {
-    if (readonly) return
-    if (dataIndex < 0 || dataIndex >= data.length) return // ignore virtual rows
+    if (readonly)
+      return
+    if (dataIndex < 0 || dataIndex >= data.length)
+      return // ignore virtual rows
     const newData = data.filter((_, i) => i !== dataIndex)
     onChange(newData)
   }, [data, readonly, onChange])
 
   const updateRow = useCallback((dataIndex: number | null, key: string, value: unknown) => {
-    if (readonly) return
+    if (readonly)
+      return
 
     if (dataIndex !== null && dataIndex < data.length) {
       // Editing existing configured row
@@ -283,13 +287,15 @@ const GenericTable: FC<GenericTableProps> = ({
         <h4 className="system-sm-semibold-uppercase text-text-secondary">{title}</h4>
       </div>
 
-      {showPlaceholder ? (
-        <div className="flex h-7 items-center justify-center rounded-lg border border-divider-regular bg-components-panel-bg text-xs font-normal leading-[18px] text-text-quaternary">
-          {placeholder}
-        </div>
-      ) : (
-        renderTable()
-      )}
+      {showPlaceholder
+        ? (
+            <div className="flex h-7 items-center justify-center rounded-lg border border-divider-regular bg-components-panel-bg text-xs font-normal leading-[18px] text-text-quaternary">
+              {placeholder}
+            </div>
+          )
+        : (
+            renderTable()
+          )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/trigger-webhook/components/header-table.tsx b/web/app/components/workflow/nodes/trigger-webhook/components/header-table.tsx
index 25e3cd4137..da54cac16a 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/components/header-table.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/components/header-table.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
+import type { WebhookHeader } from '../types'
+import type { ColumnConfig, GenericTableRow } from './generic-table'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import GenericTable from './generic-table'
-import type { ColumnConfig, GenericTableRow } from './generic-table'
-import type { WebhookHeader } from '../types'
 
 type HeaderTableProps = {
   readonly?: boolean
diff --git a/web/app/components/workflow/nodes/trigger-webhook/components/parameter-table.tsx b/web/app/components/workflow/nodes/trigger-webhook/components/parameter-table.tsx
index bf030c4340..1fa038ff73 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/components/parameter-table.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/components/parameter-table.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import type { WebhookParameter } from '../types'
+import type { ColumnConfig, GenericTableRow } from './generic-table'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import GenericTable from './generic-table'
-import type { ColumnConfig, GenericTableRow } from './generic-table'
-import type { WebhookParameter } from '../types'
-import { createParameterTypeOptions, normalizeParameterType } from '../utils/parameter-type-utils'
 import { VarType } from '@/app/components/workflow/types'
+import { createParameterTypeOptions, normalizeParameterType } from '../utils/parameter-type-utils'
+import GenericTable from './generic-table'
 
 type ParameterTableProps = {
   title: string
@@ -29,9 +29,7 @@ const ParameterTable: FC<ParameterTableProps> = ({
 
   // Memoize typeOptions to prevent unnecessary re-renders that cause SimpleSelect state resets
   const typeOptions = useMemo(() =>
-    createParameterTypeOptions(contentType),
-  [contentType],
-  )
+    createParameterTypeOptions(contentType), [contentType])
 
   // Define columns based on component type - matching prototype design
   const columns: ColumnConfig[] = [
diff --git a/web/app/components/workflow/nodes/trigger-webhook/default.ts b/web/app/components/workflow/nodes/trigger-webhook/default.ts
index 5071a79913..d6c39ca2d8 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/default.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/default.ts
@@ -1,7 +1,7 @@
-import { BlockEnum } from '../../types'
 import type { NodeDefault } from '../../types'
-import { genNodeMetaData } from '../../utils'
 import type { WebhookTriggerNodeType } from './types'
+import { BlockEnum } from '../../types'
+import { genNodeMetaData } from '../../utils'
 import { isValidParameterType } from './utils/parameter-type-utils'
 import { createWebhookRawVariable } from './utils/raw-variable'
 
diff --git a/web/app/components/workflow/nodes/trigger-webhook/node.tsx b/web/app/components/workflow/nodes/trigger-webhook/node.tsx
index 40c3b441da..77f42b6db2 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/node.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/node.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { WebhookTriggerNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
+import React from 'react'
 
 const Node: FC<NodeProps<WebhookTriggerNodeType>> = ({
   data,
diff --git a/web/app/components/workflow/nodes/trigger-webhook/panel.tsx b/web/app/components/workflow/nodes/trigger-webhook/panel.tsx
index 1de18bd806..efc541bbb3 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/panel.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/panel.tsx
@@ -1,24 +1,24 @@
 import type { FC } from 'react'
+import type { HttpMethod, WebhookTriggerNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
+
+import copy from 'copy-to-clipboard'
 import React, { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-
-import type { HttpMethod, WebhookTriggerNodeType } from './types'
-import useConfig from './use-config'
-import ParameterTable from './components/parameter-table'
-import HeaderTable from './components/header-table'
-import ParagraphInput from './components/paragraph-input'
-import { OutputVariablesContent } from './utils/render-output-vars'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import OutputVars from '@/app/components/workflow/nodes/_base/components/output-vars'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import InputWithCopy from '@/app/components/base/input-with-copy'
 import { InputNumber } from '@/app/components/base/input-number'
+import InputWithCopy from '@/app/components/base/input-with-copy'
 import { SimpleSelect } from '@/app/components/base/select'
 import Toast from '@/app/components/base/toast'
 import Tooltip from '@/app/components/base/tooltip'
-import copy from 'copy-to-clipboard'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import OutputVars from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
 import { isPrivateOrLocalAddress } from '@/utils/urlValidation'
+import HeaderTable from './components/header-table'
+import ParagraphInput from './components/paragraph-input'
+import ParameterTable from './components/parameter-table'
+import useConfig from './use-config'
+import { OutputVariablesContent } from './utils/render-output-vars'
 
 const i18nPrefix = 'workflow.nodes.triggerWebhook'
 
@@ -70,8 +70,8 @@ const Panel: FC<NodePanelProps<WebhookTriggerNodeType>> = ({
   }, [readOnly, inputs.webhook_url, generateWebhookUrl])
 
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-3 pt-2'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-3 pt-2">
         {/* Webhook URL Section */}
         <Field title={t(`${i18nPrefix}.webhookUrl`)}>
           <div className="space-y-1">
@@ -225,7 +225,7 @@ const Panel: FC<NodePanelProps<WebhookTriggerNodeType>> = ({
 
       <Split />
 
-      <div className=''>
+      <div className="">
         <OutputVars
           collapsed={outputVarsCollapsed}
           onCollapse={setOutputVarsCollapsed}
diff --git a/web/app/components/workflow/nodes/trigger-webhook/types.ts b/web/app/components/workflow/nodes/trigger-webhook/types.ts
index 90cfd40434..f5938ed00b 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/types.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/types.ts
@@ -1,4 +1,4 @@
-import type { CommonNodeType, VarType, Variable } from '@/app/components/workflow/types'
+import type { CommonNodeType, Variable, VarType } from '@/app/components/workflow/types'
 
 export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD'
 
diff --git a/web/app/components/workflow/nodes/trigger-webhook/use-config.ts b/web/app/components/workflow/nodes/trigger-webhook/use-config.ts
index 9b525ec758..dec79b8eaf 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/use-config.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/use-config.ts
@@ -1,15 +1,15 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
-import { useTranslation } from 'react-i18next'
 import type { HttpMethod, WebhookHeader, WebhookParameter, WebhookTriggerNodeType } from './types'
+import type { Variable } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 
+import { useTranslation } from 'react-i18next'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Toast from '@/app/components/base/toast'
 import { useNodesReadOnly, useWorkflow } from '@/app/components/workflow/hooks'
 import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { fetchWebhookUrl } from '@/service/apps'
-import type { Variable } from '@/app/components/workflow/types'
 import { VarType } from '@/app/components/workflow/types'
-import Toast from '@/app/components/base/toast'
+import { fetchWebhookUrl } from '@/service/apps'
 import { checkKeys, hasDuplicateStr } from '@/utils/var'
 import { WEBHOOK_RAW_VARIABLE_NAME } from './utils/raw-variable'
 
@@ -88,7 +88,7 @@ const useConfig = (id: string, payload: WebhookTriggerNodeType) => {
       return false
     }
 
-    if(hasDuplicateStr(sanitizedEntries.map(entry => entry.sanitizedName))) {
+    if (hasDuplicateStr(sanitizedEntries.map(entry => entry.sanitizedName))) {
       Toast.notify({
         type: 'error',
         message: t('appDebug.varKeyError.keyAlreadyExists', {
@@ -126,7 +126,8 @@ const useConfig = (id: string, payload: WebhookTriggerNodeType) => {
     // Remove variables that no longer exist in newData for this specific source type
     draft.variables = draft.variables.filter((v) => {
       // Keep variables from other sources
-      if (v.label !== sourceType) return true
+      if (v.label !== sourceType)
+        return true
       return newVarNames.has(v.variable)
     })
 
diff --git a/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts b/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts
index 2be7d4c65f..d4975cc597 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts
@@ -1,4 +1,5 @@
-import { VarType, type Variable } from '@/app/components/workflow/types'
+import type { Variable } from '@/app/components/workflow/types'
+import { VarType } from '@/app/components/workflow/types'
 
 export const WEBHOOK_RAW_VARIABLE_NAME = '_webhook_raw'
 export const WEBHOOK_RAW_VARIABLE_LABEL = 'raw'
diff --git a/web/app/components/workflow/nodes/trigger-webhook/utils/render-output-vars.tsx b/web/app/components/workflow/nodes/trigger-webhook/utils/render-output-vars.tsx
index 0e9cb8a309..984ffc03dd 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/utils/render-output-vars.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/utils/render-output-vars.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react'
-import React from 'react'
 import type { Variable } from '@/app/components/workflow/types'
+import React from 'react'
 
 type OutputVariablesContentProps = {
   variables?: Variable[]
@@ -27,11 +27,14 @@ type VarItemProps = {
 
 const VarItem: FC<VarItemProps> = ({ prefix, name, type }) => {
   return (
-    <div className='py-1'>
-      <div className='flex items-center leading-[18px]'>
-        <span className='code-sm-regular text-text-tertiary'>{prefix}.</span>
-        <span className='code-sm-semibold text-text-secondary'>{name}</span>
-        <span className='system-xs-regular ml-2 text-text-tertiary'>{type}</span>
+    <div className="py-1">
+      <div className="flex items-center leading-[18px]">
+        <span className="code-sm-regular text-text-tertiary">
+          {prefix}
+          .
+        </span>
+        <span className="code-sm-semibold text-text-secondary">{name}</span>
+        <span className="system-xs-regular ml-2 text-text-tertiary">{type}</span>
       </div>
     </div>
   )
@@ -52,7 +55,7 @@ export const OutputVariablesContent: FC<OutputVariablesContentProps> = ({ variab
     const labelA = typeof a.label === 'string' ? a.label : ''
     const labelB = typeof b.label === 'string' ? b.label : ''
     return (LABEL_ORDER[labelA as keyof typeof LABEL_ORDER] || 999)
-           - (LABEL_ORDER[labelB as keyof typeof LABEL_ORDER] || 999)
+      - (LABEL_ORDER[labelB as keyof typeof LABEL_ORDER] || 999)
   })
 
   return (
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx b/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx
index 2f3ca14b5d..c7c2efa6ba 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx
@@ -1,23 +1,23 @@
-import {
-  memo,
-  useCallback,
-  useState,
-} from 'react'
-import { useVariableAssigner } from '../../hooks'
 import type { VariableAssignerNodeType } from '../../types'
-import { cn } from '@/utils/classnames'
-import {
-  PortalToFollowElem,
-  PortalToFollowElemContent,
-  PortalToFollowElemTrigger,
-} from '@/app/components/base/portal-to-follow-elem'
-import { Plus02 } from '@/app/components/base/icons/src/vender/line/general'
-import AddVariablePopup from '@/app/components/workflow/nodes/_base/components/add-variable-popup'
 import type {
   NodeOutPutVar,
   ValueSelector,
   Var,
 } from '@/app/components/workflow/types'
+import {
+  memo,
+  useCallback,
+  useState,
+} from 'react'
+import { Plus02 } from '@/app/components/base/icons/src/vender/line/general'
+import {
+  PortalToFollowElem,
+  PortalToFollowElemContent,
+  PortalToFollowElemTrigger,
+} from '@/app/components/base/portal-to-follow-elem'
+import AddVariablePopup from '@/app/components/workflow/nodes/_base/components/add-variable-popup'
+import { cn } from '@/utils/classnames'
+import { useVariableAssigner } from '../../hooks'
 
 export type AddVariableProps = {
   variableAssignerNodeId: string
@@ -48,9 +48,10 @@ const AddVariable = ({
     <div className={cn(
       open && '!flex',
       variableAssignerNodeData.selected && '!flex',
-    )}>
+    )}
+    >
       <PortalToFollowElem
-        placement={'right'}
+        placement="right"
         offset={4}
         open={open}
         onOpenChange={setOpen}
@@ -75,7 +76,7 @@ const AddVariable = ({
             />
           </div>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-[1000]'>
+        <PortalToFollowElemContent className="z-[1000]">
           <AddVariablePopup
             onSelect={handleSelectVariable}
             availableVars={availableVars}
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/node-group-item.tsx b/web/app/components/workflow/nodes/variable-assigner/components/node-group-item.tsx
index 540dfecfd9..fdffecb8f6 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/node-group-item.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/components/node-group-item.tsx
@@ -1,29 +1,29 @@
-import {
-  memo,
-  useMemo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { useNodes } from 'reactflow'
-import { useStore } from '../../../store'
-import { BlockEnum } from '../../../types'
 import type {
   Node,
   ValueSelector,
   VarType,
 } from '../../../types'
 import type { VariableAssignerNodeType } from '../types'
+import {
+  memo,
+  useMemo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes } from 'reactflow'
+import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import {
+  VariableLabelInNode,
+} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { isExceptionVariable } from '@/app/components/workflow/utils'
+import { cn } from '@/utils/classnames'
+import { useStore } from '../../../store'
+import { BlockEnum } from '../../../types'
 import {
   useGetAvailableVars,
   useVariableAssigner,
 } from '../hooks'
 import { filterVar } from '../utils'
 import AddVariable from './add-variable'
-import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import { cn } from '@/utils/classnames'
-import { isExceptionVariable } from '@/app/components/workflow/utils'
-import {
-  VariableLabelInNode,
-} from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
 
 const i18nPrefix = 'workflow.nodes.variableAssigner'
 type GroupItem = {
@@ -90,7 +90,7 @@ const NodeGroupItem = ({
       onMouseEnter={() => groupEnabled && handleGroupItemMouseEnter(item.targetHandleId)}
       onMouseLeave={handleGroupItemMouseLeave}
     >
-      <div className='flex h-4 items-center justify-between text-[10px] font-medium text-text-tertiary'>
+      <div className="flex h-4 items-center justify-between text-[10px] font-medium text-text-tertiary">
         <span
           className={cn(
             'grow truncate uppercase',
@@ -100,9 +100,9 @@ const NodeGroupItem = ({
         >
           {item.title}
         </span>
-        <div className='flex items-center'>
-          <span className='ml-2 shrink-0'>{item.type}</span>
-          <div className='ml-2 mr-1 h-2.5 w-[1px] bg-divider-regular'></div>
+        <div className="flex items-center">
+          <span className="ml-2 shrink-0">{item.type}</span>
+          <div className="ml-2 mr-1 h-2.5 w-[1px] bg-divider-regular"></div>
           <AddVariable
             availableVars={availableVars}
             variableAssignerNodeId={item.variableAssignerNodeId}
@@ -125,7 +125,7 @@ const NodeGroupItem = ({
       }
       {
         !!item.variables.length && (
-          <div className='space-y-0.5'>
+          <div className="space-y-0.5">
             {
               item.variables.map((variable = [], index) => {
                 const isSystem = isSystemVar(variable)
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx b/web/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx
index f891f44e7a..d722c1d231 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx
@@ -1,17 +1,17 @@
+import type { Node, ValueSelector } from '@/app/components/workflow/types'
 import {
   memo,
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
-import { VarBlockIcon } from '@/app/components/workflow/block-icon'
-import { Line3 } from '@/app/components/base/icons/src/public/common'
-import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
-import { BubbleX, Env } from '@/app/components/base/icons/src/vender/line/others'
 import Badge from '@/app/components/base/badge'
-import type { Node, ValueSelector } from '@/app/components/workflow/types'
-import { isConversationVar, isENV, isRagVariableVar, isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import { Line3 } from '@/app/components/base/icons/src/public/common'
+import { BubbleX, Env } from '@/app/components/base/icons/src/vender/line/others'
 import { InputField } from '@/app/components/base/icons/src/vender/pipeline'
+import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import { VarBlockIcon } from '@/app/components/workflow/block-icon'
+import { isConversationVar, isENV, isRagVariableVar, isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import { cn } from '@/utils/classnames'
 
 type NodeVariableItemProps = {
   node: Node
@@ -39,9 +39,9 @@ const NodeVariableItem = ({
   const isChatVar = isConversationVar(variable)
   const isRagVar = isRagVariableVar(variable)
   const varName = useMemo(() => {
-    if(isSystem)
+    if (isSystem)
       return `sys.${variable[variable.length - 1]}`
-    if(isRagVar)
+    if (isRagVar)
       return variable[variable.length - 1]
     return variable.slice(1).join('.')
   }, [isRagVar, isSystem, variable])
@@ -49,19 +49,19 @@ const NodeVariableItem = ({
   const VariableIcon = useMemo(() => {
     if (isEnv) {
       return (
-        <Env className='h-3.5 w-3.5 shrink-0 text-util-colors-violet-violet-600' />
+        <Env className="h-3.5 w-3.5 shrink-0 text-util-colors-violet-violet-600" />
       )
     }
 
     if (isChatVar) {
       return (
-        <BubbleX className='h-3.5 w-3.5 shrink-0 text-util-colors-teal-teal-700' />
+        <BubbleX className="h-3.5 w-3.5 shrink-0 text-util-colors-teal-teal-700" />
       )
     }
 
-    if(isRagVar) {
+    if (isRagVar) {
       return (
-        <InputField className='h-3.5 w-3.5 shrink-0 text-text-accent' />
+        <InputField className="h-3.5 w-3.5 shrink-0 text-text-accent" />
       )
     }
 
@@ -95,31 +95,32 @@ const NodeVariableItem = ({
       'relative flex items-center gap-1 self-stretch rounded-md bg-workflow-block-parma-bg p-[3px] pl-[5px]',
       showBorder && '!bg-state-base-hover',
       className,
-    )}>
-      <div className='flex w-0 grow items-center'>
+    )}
+    >
+      <div className="flex w-0 grow items-center">
         {
           node && (
             <>
-              <div className='shrink-0 p-[1px]'>
+              <div className="shrink-0 p-[1px]">
                 <VarBlockIcon
-                  className='!text-text-primary'
+                  className="!text-text-primary"
                   type={node.data.type}
                 />
               </div>
               <div
-                className='mx-0.5 shrink-[1000] truncate text-xs font-medium text-text-secondary'
+                className="mx-0.5 shrink-[1000] truncate text-xs font-medium text-text-secondary"
                 title={node?.data.title}
               >
                 {node?.data.title}
               </div>
-              <Line3 className='mr-0.5 shrink-0'></Line3>
+              <Line3 className="mr-0.5 shrink-0"></Line3>
             </>
           )
         }
         {VariableIcon}
         {VariableName}
       </div>
-      {writeMode && <Badge className='shrink-0' text={t(`${i18nPrefix}.operations.${writeMode}`)} />}
+      {writeMode && <Badge className="shrink-0" text={t(`${i18nPrefix}.operations.${writeMode}`)} />}
     </div>
   )
 }
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/var-group-item.tsx b/web/app/components/workflow/nodes/variable-assigner/components/var-group-item.tsx
index 90a30f4845..277c44744b 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/var-group-item.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/components/var-group-item.tsx
@@ -1,22 +1,22 @@
 'use client'
-import React, { useCallback } from 'react'
 import type { ChangeEvent, FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
-import { useBoolean } from 'ahooks'
+import type { VarGroupItem as VarGroupItemType } from '../types'
+import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import {
   RiDeleteBinLine,
 } from '@remixicon/react'
-import type { VarGroupItem as VarGroupItemType } from '../types'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Folder } from '@/app/components/base/icons/src/vender/line/files'
+import Toast from '@/app/components/base/toast'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
+import { VarType } from '@/app/components/workflow/types'
+import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
 import VarReferencePicker from '../../_base/components/variable/var-reference-picker'
 import VarList from '../components/var-list'
-import Field from '@/app/components/workflow/nodes/_base/components/field'
-import { VarType } from '@/app/components/workflow/types'
-import type { NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
-import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
-import { Folder } from '@/app/components/base/icons/src/vender/line/files'
-import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
-import Toast from '@/app/components/base/toast'
 
 const i18nPrefix = 'workflow.nodes.variableAssigner'
 
@@ -104,67 +104,72 @@ const VarGroupItem: FC<Props> = ({
 
   return (
     <Field
-      className='group'
+      className="group"
       title={groupEnabled
-        ? <div className='flex items-center'>
-          <div className='flex items-center !normal-case'>
-            <Folder className='mr-0.5 h-3.5 w-3.5' />
-            {(!isEditGroupName)
-              ? (
-                <div className='system-sm-semibold flex h-6 cursor-text items-center rounded-lg px-1 text-text-secondary hover:bg-gray-100' onClick={setEditGroupName}>
-                  {payload.group_name}
-                </div>
-              )
-              : (
-                <input
-                  type='text'
-                  className='h-6 rounded-lg border border-gray-300 bg-white px-1 focus:outline-none'
-                  // style={{
-                  //   width: `${((payload.group_name?.length || 0) + 1) / 2}em`,
-                  // }}
-                  size={payload.group_name?.length} // to fit the input width
-                  autoFocus
-                  value={payload.group_name}
-                  onChange={handleGroupNameChange}
-                  onBlur={setNotEditGroupName}
-                  maxLength={30}
-                />)}
+        ? (
+            <div className="flex items-center">
+              <div className="flex items-center !normal-case">
+                <Folder className="mr-0.5 h-3.5 w-3.5" />
+                {(!isEditGroupName)
+                  ? (
+                      <div className="system-sm-semibold flex h-6 cursor-text items-center rounded-lg px-1 text-text-secondary hover:bg-gray-100" onClick={setEditGroupName}>
+                        {payload.group_name}
+                      </div>
+                    )
+                  : (
+                      <input
+                        type="text"
+                        className="h-6 rounded-lg border border-gray-300 bg-white px-1 focus:outline-none"
+                        // style={{
+                        //   width: `${((payload.group_name?.length || 0) + 1) / 2}em`,
+                        // }}
+                        size={payload.group_name?.length} // to fit the input width
+                        autoFocus
+                        value={payload.group_name}
+                        onChange={handleGroupNameChange}
+                        onBlur={setNotEditGroupName}
+                        maxLength={30}
+                      />
+                    )}
 
-          </div>
-          {canRemove && (
-            <div
-              className='ml-0.5 hidden cursor-pointer rounded-md p-1 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive group-hover:block'
-              onClick={onRemove}
-            >
-              <RiDeleteBinLine
-                className='h-4 w-4'
-              />
+              </div>
+              {canRemove && (
+                <div
+                  className="ml-0.5 hidden cursor-pointer rounded-md p-1 text-text-tertiary hover:bg-state-destructive-hover hover:text-text-destructive group-hover:block"
+                  onClick={onRemove}
+                >
+                  <RiDeleteBinLine
+                    className="h-4 w-4"
+                  />
+                </div>
+              )}
             </div>
-          )}
-        </div>
+          )
         : t(`${i18nPrefix}.title`)!}
-      operations={
-        <div className='flex h-6 items-center  space-x-2'>
+      operations={(
+        <div className="flex h-6 items-center  space-x-2">
           {payload.variables.length > 0 && (
-            <div className='system-2xs-medium-uppercase flex h-[18px] items-center rounded-[5px] border border-divider-deep px-1 text-text-tertiary'>{payload.output_type}</div>
+            <div className="system-2xs-medium-uppercase flex h-[18px] items-center rounded-[5px] border border-divider-deep px-1 text-text-tertiary">{payload.output_type}</div>
           )}
           {
             !readOnly
-              ? <VarReferencePicker
-                isAddBtnTrigger
-                readonly={false}
-                nodeId={nodeId}
-                isShowNodeName
-                value={[]}
-                onChange={handleAddVariable}
-                defaultVarKindType={VarKindType.variable}
-                filterVar={filterVar}
-                availableVars={availableVars}
-              />
+              ? (
+                  <VarReferencePicker
+                    isAddBtnTrigger
+                    readonly={false}
+                    nodeId={nodeId}
+                    isShowNodeName
+                    value={[]}
+                    onChange={handleAddVariable}
+                    defaultVarKindType={VarKindType.variable}
+                    filterVar={filterVar}
+                    availableVars={availableVars}
+                  />
+                )
               : undefined
           }
         </div>
-      }
+      )}
     >
       <VarList
         readonly={readOnly}
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx b/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx
index d38ee51465..a767e704fe 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx
@@ -1,14 +1,14 @@
 'use client'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import React, { useCallback } from 'react'
-import { produce } from 'immer'
-import RemoveButton from '../../../_base/components/remove-button'
-import ListNoDataPlaceholder from '../../../_base/components/list-no-data-placeholder'
-import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
 import type { ValueSelector, Var } from '@/app/components/workflow/types'
-import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
+import { produce } from 'immer'
 import { noop } from 'lodash-es'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
+import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
+import ListNoDataPlaceholder from '../../../_base/components/list-no-data-placeholder'
+import RemoveButton from '../../../_base/components/remove-button'
 
 type Props = {
   readonly: boolean
@@ -59,14 +59,14 @@ const VarList: FC<Props> = ({
   }
 
   return (
-    <div className='space-y-2'>
+    <div className="space-y-2">
       {list.map((item, index) => (
-        <div className='flex items-center space-x-1' key={index}>
+        <div className="flex items-center space-x-1" key={index}>
           <VarReferencePicker
             readonly={readonly}
             nodeId={nodeId}
             isShowNodeName
-            className='grow'
+            className="grow"
             value={item}
             onChange={handleVarReferenceChange(index)}
             onOpen={handleOpen(index)}
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts b/web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts
index 7e781a4068..71d0fb72ea 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts
+++ b/web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts
@@ -1,7 +1,7 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
 import type { VariableAssignerNodeType } from '../../types'
 import type { ValueSelector } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
 
 type Params = {
   id: string
diff --git a/web/app/components/workflow/nodes/variable-assigner/default.ts b/web/app/components/workflow/nodes/variable-assigner/default.ts
index 825bad5b9c..7cc723be99 100644
--- a/web/app/components/workflow/nodes/variable-assigner/default.ts
+++ b/web/app/components/workflow/nodes/variable-assigner/default.ts
@@ -1,8 +1,9 @@
-import { type NodeDefault, VarType } from '../../types'
+import type { NodeDefault } from '../../types'
 import type { VariableAssignerNodeType } from './types'
-import { genNodeMetaData } from '@/app/components/workflow/utils'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { genNodeMetaData } from '@/app/components/workflow/utils'
+import { VarType } from '../../types'
 
 const i18nPrefix = 'workflow'
 
diff --git a/web/app/components/workflow/nodes/variable-assigner/hooks.ts b/web/app/components/workflow/nodes/variable-assigner/hooks.ts
index 29e0ee16d1..b20cee79c7 100644
--- a/web/app/components/workflow/nodes/variable-assigner/hooks.ts
+++ b/web/app/components/workflow/nodes/variable-assigner/hooks.ts
@@ -1,27 +1,27 @@
-import { useCallback } from 'react'
-import {
-  useStoreApi,
-} from 'reactflow'
-import { useNodes } from 'reactflow'
+import type {
+  Node,
+  ValueSelector,
+  Var,
+} from '../../types'
+import type {
+  VarGroupItem,
+  VariableAssignerNodeType,
+} from './types'
+import { produce } from 'immer'
 
 import { uniqBy } from 'lodash-es'
-import { produce } from 'immer'
+import { useCallback } from 'react'
+import {
+  useNodes,
+  useStoreApi,
+} from 'reactflow'
 import {
   useIsChatMode,
   useNodeDataUpdate,
   useWorkflow,
   useWorkflowVariables,
 } from '../../hooks'
-import type {
-  Node,
-  ValueSelector,
-  Var,
-} from '../../types'
 import { useWorkflowStore } from '../../store'
-import type {
-  VarGroupItem,
-  VariableAssignerNodeType,
-} from './types'
 
 export const useVariableAssigner = () => {
   const store = useStoreApi()
diff --git a/web/app/components/workflow/nodes/variable-assigner/node.tsx b/web/app/components/workflow/nodes/variable-assigner/node.tsx
index 5246ba2a8a..70223c7c7e 100644
--- a/web/app/components/workflow/nodes/variable-assigner/node.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/node.tsx
@@ -1,13 +1,13 @@
 import type { FC } from 'react'
+import type { NodeProps } from 'reactflow'
+import type { VariableAssignerNodeType } from './types'
 import {
   memo,
   useMemo,
   useRef,
 } from 'react'
-import type { NodeProps } from 'reactflow'
 import { useTranslation } from 'react-i18next'
 import NodeGroupItem from './components/node-group-item'
-import type { VariableAssignerNodeType } from './types'
 
 const i18nPrefix = 'workflow.nodes.variableAssigner'
 
@@ -43,7 +43,7 @@ const Node: FC<NodeProps<VariableAssignerNodeType>> = (props) => {
   }, [t, advanced_settings, data, id])
 
   return (
-    <div className='relative mb-1 space-y-0.5 px-1' ref={ref}>
+    <div className="relative mb-1 space-y-0.5 px-1" ref={ref}>
       {
         groups.map((item) => {
           return (
@@ -54,7 +54,7 @@ const Node: FC<NodeProps<VariableAssignerNodeType>> = (props) => {
           )
         })
       }
-    </div >
+    </div>
   )
 }
 
diff --git a/web/app/components/workflow/nodes/variable-assigner/panel.tsx b/web/app/components/workflow/nodes/variable-assigner/panel.tsx
index a605808f95..0a6c1c3c84 100644
--- a/web/app/components/workflow/nodes/variable-assigner/panel.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/panel.tsx
@@ -1,17 +1,17 @@
 import type { FC } from 'react'
+import type { VariableAssignerNodeType } from './types'
+import type { NodePanelProps } from '@/app/components/workflow/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import Field from '../_base/components/field'
-import RemoveEffectVarConfirm from '../_base/components/remove-effect-var-confirm'
-import useConfig from './use-config'
-import type { VariableAssignerNodeType } from './types'
-import VarGroupItem from './components/var-group-item'
-import { cn } from '@/utils/classnames'
-import type { NodePanelProps } from '@/app/components/workflow/types'
-import Split from '@/app/components/workflow/nodes/_base/components/split'
-import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
 import Switch from '@/app/components/base/switch'
 import AddButton from '@/app/components/workflow/nodes/_base/components/add-button'
+import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
+import Split from '@/app/components/workflow/nodes/_base/components/split'
+import { cn } from '@/utils/classnames'
+import Field from '../_base/components/field'
+import RemoveEffectVarConfirm from '../_base/components/remove-effect-var-confirm'
+import VarGroupItem from './components/var-group-item'
+import useConfig from './use-config'
 
 const i18nPrefix = 'workflow.nodes.variableAssigner'
 const Panel: FC<NodePanelProps<VariableAssignerNodeType>> = ({
@@ -38,62 +38,64 @@ const Panel: FC<NodePanelProps<VariableAssignerNodeType>> = ({
   } = useConfig(id, data)
 
   return (
-    <div className='mt-2'>
-      <div className='space-y-4 px-4 pb-4'>
+    <div className="mt-2">
+      <div className="space-y-4 px-4 pb-4">
         {!isEnableGroup
           ? (
-            <VarGroupItem
-              readOnly={readOnly}
-              nodeId={id}
-              payload={{
-                output_type: inputs.output_type,
-                variables: inputs.variables,
-              }}
-              onChange={handleListOrTypeChange}
-              groupEnabled={false}
-              availableVars={getAvailableVars(id, 'target', filterVar(inputs.output_type), true)}
-            />
-          )
-          : (<div>
-            <div className='space-y-2'>
-              {inputs.advanced_settings?.groups.map((item, index) => (
-                <div key={item.groupId}>
-                  <VarGroupItem
-                    readOnly={readOnly}
-                    nodeId={id}
-                    payload={item}
-                    onChange={handleListOrTypeChangeInGroup(item.groupId)}
-                    groupEnabled
-                    canRemove={!readOnly && inputs.advanced_settings?.groups.length > 1}
-                    onRemove={handleGroupRemoved(item.groupId)}
-                    onGroupNameChange={handleVarGroupNameChange(item.groupId)}
-                    availableVars={getAvailableVars(id, item.groupId, filterVar(item.output_type), true)}
-                  />
-                  {index !== inputs.advanced_settings?.groups.length - 1 && <Split className='my-4' />}
-                </div>
+              <VarGroupItem
+                readOnly={readOnly}
+                nodeId={id}
+                payload={{
+                  output_type: inputs.output_type,
+                  variables: inputs.variables,
+                }}
+                onChange={handleListOrTypeChange}
+                groupEnabled={false}
+                availableVars={getAvailableVars(id, 'target', filterVar(inputs.output_type), true)}
+              />
+            )
+          : (
+              <div>
+                <div className="space-y-2">
+                  {inputs.advanced_settings?.groups.map((item, index) => (
+                    <div key={item.groupId}>
+                      <VarGroupItem
+                        readOnly={readOnly}
+                        nodeId={id}
+                        payload={item}
+                        onChange={handleListOrTypeChangeInGroup(item.groupId)}
+                        groupEnabled
+                        canRemove={!readOnly && inputs.advanced_settings?.groups.length > 1}
+                        onRemove={handleGroupRemoved(item.groupId)}
+                        onGroupNameChange={handleVarGroupNameChange(item.groupId)}
+                        availableVars={getAvailableVars(id, item.groupId, filterVar(item.output_type), true)}
+                      />
+                      {index !== inputs.advanced_settings?.groups.length - 1 && <Split className="my-4" />}
+                    </div>
 
-              ))}
-            </div>
-            <AddButton
-              className='mt-2'
-              text={t(`${i18nPrefix}.addGroup`)}
-              onClick={handleAddGroup}
-            />
-          </div>)}
+                  ))}
+                </div>
+                <AddButton
+                  className="mt-2"
+                  text={t(`${i18nPrefix}.addGroup`)}
+                  onClick={handleAddGroup}
+                />
+              </div>
+            )}
       </div>
       <Split />
       <div className={cn('px-4 pt-4', isEnableGroup ? 'pb-4' : 'pb-2')}>
         <Field
           title={t(`${i18nPrefix}.aggregationGroup`)}
           tooltip={t(`${i18nPrefix}.aggregationGroupTip`)!}
-          operations={
+          operations={(
             <Switch
               defaultValue={isEnableGroup}
               onChange={handleGroupEnabledChange}
-              size='md'
+              size="md"
               disabled={readOnly}
             />
-          }
+          )}
         />
       </div>
       {isEnableGroup && (
diff --git a/web/app/components/workflow/nodes/variable-assigner/use-config.ts b/web/app/components/workflow/nodes/variable-assigner/use-config.ts
index 583f779575..286eed523d 100644
--- a/web/app/components/workflow/nodes/variable-assigner/use-config.ts
+++ b/web/app/components/workflow/nodes/variable-assigner/use-config.ts
@@ -1,19 +1,19 @@
-import { useCallback, useRef, useState } from 'react'
-import { produce } from 'immer'
-import { useBoolean, useDebounceFn } from 'ahooks'
-import { v4 as uuid4 } from 'uuid'
 import type { ValueSelector, Var } from '../../types'
-import { VarType } from '../../types'
 import type { VarGroupItem, VariableAssignerNodeType } from './types'
-import { useGetAvailableVars } from './hooks'
-import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
-
+import { useBoolean, useDebounceFn } from 'ahooks'
+import { produce } from 'immer'
+import { useCallback, useRef, useState } from 'react'
+import { v4 as uuid4 } from 'uuid'
 import {
   useNodesReadOnly,
   useWorkflow,
 } from '@/app/components/workflow/hooks'
+import useNodeCrud from '@/app/components/workflow/nodes/_base/hooks/use-node-crud'
 import useInspectVarsCrud from '../../hooks/use-inspect-vars-crud'
 
+import { VarType } from '../../types'
+import { useGetAvailableVars } from './hooks'
+
 const useConfig = (id: string, payload: VariableAssignerNodeType) => {
   const {
     deleteNodeInspectorVars,
@@ -165,7 +165,7 @@ const useConfig = (id: string, payload: VariableAssignerNodeType) => {
       })
       handleOutVarRenameChange(id, [id, inputs.advanced_settings.groups[index].group_name, 'output'], [id, name, 'output'])
       setInputs(newInputs)
-      if(!(id in oldNameRecord.current))
+      if (!(id in oldNameRecord.current))
         oldNameRecord.current[id] = inputs.advanced_settings.groups[index].group_name
       renameInspectNameWithDebounce(id, name)
     }
diff --git a/web/app/components/workflow/nodes/variable-assigner/use-single-run-form-params.ts b/web/app/components/workflow/nodes/variable-assigner/use-single-run-form-params.ts
index 8e67675d3e..874c546fd8 100644
--- a/web/app/components/workflow/nodes/variable-assigner/use-single-run-form-params.ts
+++ b/web/app/components/workflow/nodes/variable-assigner/use-single-run-form-params.ts
@@ -1,11 +1,11 @@
 import type { RefObject } from 'react'
+import type { VariableAssignerNodeType } from './types'
 import type { InputVar, ValueSelector, Variable } from '@/app/components/workflow/types'
 import { useCallback } from 'react'
-import type { VariableAssignerNodeType } from './types'
 
 type Params = {
-  id: string,
-  payload: VariableAssignerNodeType,
+  id: string
+  payload: VariableAssignerNodeType
   runInputData: Record<string, any>
   runInputDataRef: RefObject<Record<string, any>>
   getInputVars: (textList: string[]) => InputVar[]
@@ -52,7 +52,7 @@ const useSingleRunFormParams = ({
     const existVarsKey: Record<string, boolean> = {}
     const uniqueVarInputs: InputVar[] = []
     varInputs.forEach((input) => {
-      if(!input)
+      if (!input)
         return
       if (!existVarsKey[input.variable]) {
         existVarsKey[input.variable] = true
@@ -72,10 +72,10 @@ const useSingleRunFormParams = ({
   })()
 
   const getDependentVars = () => {
-    if(payload.advanced_settings?.group_enabled) {
+    if (payload.advanced_settings?.group_enabled) {
       const vars: ValueSelector[][] = []
       payload.advanced_settings.groups.forEach((group) => {
-        if(group.variables)
+        if (group.variables)
           vars.push([...group.variables])
       })
       return vars
diff --git a/web/app/components/workflow/note-node/constants.ts b/web/app/components/workflow/note-node/constants.ts
index 223ce72e77..b2fa223690 100644
--- a/web/app/components/workflow/note-node/constants.ts
+++ b/web/app/components/workflow/note-node/constants.ts
@@ -2,7 +2,7 @@ import { NoteTheme } from './types'
 
 export const CUSTOM_NOTE_NODE = 'custom-note'
 
-export const THEME_MAP: Record<string, { outer: string; title: string; bg: string; border: string }> = {
+export const THEME_MAP: Record<string, { outer: string, title: string, bg: string, border: string }> = {
   [NoteTheme.blue]: {
     outer: 'border-util-colors-blue-blue-500',
     title: 'bg-util-colors-blue-blue-100',
diff --git a/web/app/components/workflow/note-node/hooks.ts b/web/app/components/workflow/note-node/hooks.ts
index 29642f90df..6924f31af5 100644
--- a/web/app/components/workflow/note-node/hooks.ts
+++ b/web/app/components/workflow/note-node/hooks.ts
@@ -1,7 +1,7 @@
-import { useCallback } from 'react'
 import type { EditorState } from 'lexical'
-import { WorkflowHistoryEvent, useNodeDataUpdate, useWorkflowHistory } from '../hooks'
 import type { NoteTheme } from './types'
+import { useCallback } from 'react'
+import { useNodeDataUpdate, useWorkflowHistory, WorkflowHistoryEvent } from '../hooks'
 
 export const useNote = (id: string) => {
   const { handleNodeDataUpdateWithSyncDraft } = useNodeDataUpdate()
diff --git a/web/app/components/workflow/note-node/index.tsx b/web/app/components/workflow/note-node/index.tsx
index 6b81a0fe1f..e482d240a2 100644
--- a/web/app/components/workflow/note-node/index.tsx
+++ b/web/app/components/workflow/note-node/index.tsx
@@ -1,26 +1,26 @@
+import type { NodeProps } from 'reactflow'
+import type { NoteNodeType } from './types'
+import { useClickAway } from 'ahooks'
 import {
   memo,
   useRef,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useClickAway } from 'ahooks'
-import type { NodeProps } from 'reactflow'
-import NodeResizer from '../nodes/_base/components/node-resizer'
-import { useWorkflowHistoryStore } from '../workflow-history-store'
+import { cn } from '@/utils/classnames'
 import {
   useNodeDataUpdate,
   useNodesInteractions,
 } from '../hooks'
+import NodeResizer from '../nodes/_base/components/node-resizer'
 import { useStore } from '../store'
+import { useWorkflowHistoryStore } from '../workflow-history-store'
+import { THEME_MAP } from './constants'
+import { useNote } from './hooks'
 import {
   NoteEditor,
   NoteEditorContextProvider,
   NoteEditorToolbar,
 } from './note-editor'
-import { THEME_MAP } from './constants'
-import { useNote } from './hooks'
-import type { NoteNodeType } from './types'
-import { cn } from '@/utils/classnames'
 
 const Icon = () => {
   return (
@@ -90,10 +90,12 @@ const NoteNode = ({
             className={cn(
               'h-2 shrink-0 rounded-t-md opacity-50',
               THEME_MAP[theme].title,
-            )}></div>
+            )}
+          >
+          </div>
           {
             data.selected && !data._isTempNode && (
-              <div className='absolute left-1/2 top-[-41px] -translate-x-1/2'>
+              <div className="absolute left-1/2 top-[-41px] -translate-x-1/2">
                 <NoteEditorToolbar
                   theme={theme}
                   onThemeChange={handleThemeChange}
@@ -106,10 +108,11 @@ const NoteNode = ({
               </div>
             )
           }
-          <div className='grow overflow-y-auto px-3 py-2.5'>
+          <div className="grow overflow-y-auto px-3 py-2.5">
             <div className={cn(
               data.selected && 'nodrag nopan nowheel cursor-text',
-            )}>
+            )}
+            >
               <NoteEditor
                 containerElement={ref.current}
                 placeholder={t('workflow.nodes.note.editor.placeholder') || ''}
@@ -120,7 +123,7 @@ const NoteNode = ({
           </div>
           {
             data.showAuthor && (
-              <div className='p-3 pt-0 text-xs text-text-tertiary'>
+              <div className="p-3 pt-0 text-xs text-text-tertiary">
                 {data.author}
               </div>
             )
diff --git a/web/app/components/workflow/note-node/note-editor/context.tsx b/web/app/components/workflow/note-node/note-editor/context.tsx
index c9e7eb56c8..362693f4a4 100644
--- a/web/app/components/workflow/note-node/note-editor/context.tsx
+++ b/web/app/components/workflow/note-node/note-editor/context.tsx
@@ -1,16 +1,16 @@
 'use client'
 
-import {
-  createContext,
-  memo,
-  useRef,
-} from 'react'
-import { LexicalComposer } from '@lexical/react/LexicalComposer'
 import { LinkNode } from '@lexical/link'
 import {
   ListItemNode,
   ListNode,
 } from '@lexical/list'
+import { LexicalComposer } from '@lexical/react/LexicalComposer'
+import {
+  createContext,
+  memo,
+  useRef,
+} from 'react'
 import { createNoteEditorStore } from './store'
 import theme from './theme'
 
diff --git a/web/app/components/workflow/note-node/note-editor/editor.tsx b/web/app/components/workflow/note-node/note-editor/editor.tsx
index c91988c532..bdabd8d2e7 100644
--- a/web/app/components/workflow/note-node/note-editor/editor.tsx
+++ b/web/app/components/workflow/note-node/note-editor/editor.tsx
@@ -1,22 +1,22 @@
 'use client'
 
+import type { EditorState } from 'lexical'
+import { ClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin'
+import { ContentEditable } from '@lexical/react/LexicalContentEditable'
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin'
+import { ListPlugin } from '@lexical/react/LexicalListPlugin'
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
 import {
   memo,
   useCallback,
 } from 'react'
-import type { EditorState } from 'lexical'
-import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
-import { ContentEditable } from '@lexical/react/LexicalContentEditable'
-import { ClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin'
-import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin'
-import { ListPlugin } from '@lexical/react/LexicalListPlugin'
-import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'
-import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'
-import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
-import LinkEditorPlugin from './plugins/link-editor-plugin'
-import FormatDetectorPlugin from './plugins/format-detector-plugin'
 // import TreeView from '@/app/components/base/prompt-editor/plugins/tree-view'
 import Placeholder from '@/app/components/base/prompt-editor/plugins/placeholder'
+import FormatDetectorPlugin from './plugins/format-detector-plugin'
+import LinkEditorPlugin from './plugins/link-editor-plugin'
 
 type EditorProps = {
   placeholder?: string
@@ -35,18 +35,18 @@ const Editor = ({
   }, [onChange])
 
   return (
-    <div className='relative'>
+    <div className="relative">
       <RichTextPlugin
-        contentEditable={
+        contentEditable={(
           <div>
             <ContentEditable
               onFocus={() => setShortcutsEnabled?.(false)}
               onBlur={() => setShortcutsEnabled?.(true)}
               spellCheck={false}
-              className='h-full w-full text-text-secondary caret-primary-600 outline-none'
+              className="h-full w-full text-text-secondary caret-primary-600 outline-none"
             />
           </div>
-        }
+        )}
         placeholder={<Placeholder value={placeholder} compact />}
         ErrorBoundary={LexicalErrorBoundary}
       />
diff --git a/web/app/components/workflow/note-node/note-editor/plugins/format-detector-plugin/hooks.ts b/web/app/components/workflow/note-node/note-editor/plugins/format-detector-plugin/hooks.ts
index bc7e855c3b..0ad7e78283 100644
--- a/web/app/components/workflow/note-node/note-editor/plugins/format-detector-plugin/hooks.ts
+++ b/web/app/components/workflow/note-node/note-editor/plugins/format-detector-plugin/hooks.ts
@@ -1,18 +1,18 @@
-import {
-  useCallback,
-  useEffect,
-} from 'react'
+import type { LinkNode } from '@lexical/link'
+import { $isLinkNode } from '@lexical/link'
+import { $isListItemNode } from '@lexical/list'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { mergeRegister } from '@lexical/utils'
 import {
   $getSelection,
   $isRangeSelection,
 } from 'lexical'
-import { mergeRegister } from '@lexical/utils'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import type { LinkNode } from '@lexical/link'
-import { $isLinkNode } from '@lexical/link'
-import { $isListItemNode } from '@lexical/list'
-import { getSelectedNode } from '../../utils'
+import {
+  useCallback,
+  useEffect,
+} from 'react'
 import { useNoteEditorStore } from '../../store'
+import { getSelectedNode } from '../../utils'
 
 export const useFormatDetector = () => {
   const [editor] = useLexicalComposerContext()
diff --git a/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/component.tsx b/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/component.tsx
index 556b7409c7..3f5472ad56 100644
--- a/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/component.tsx
+++ b/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/component.tsx
@@ -1,27 +1,27 @@
 import {
-  memo,
-  useEffect,
-  useState,
-} from 'react'
-import { escape } from 'lodash-es'
-import {
-  FloatingPortal,
   flip,
+  FloatingPortal,
   offset,
   shift,
   useFloating,
 } from '@floating-ui/react'
-import { useTranslation } from 'react-i18next'
-import { useClickAway } from 'ahooks'
 import {
   RiEditLine,
   RiExternalLinkLine,
   RiLinkUnlinkM,
 } from '@remixicon/react'
+import { useClickAway } from 'ahooks'
+import { escape } from 'lodash-es'
+import {
+  memo,
+  useEffect,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import { cn } from '@/utils/classnames'
 import { useStore } from '../../store'
 import { useLink } from './hooks'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
 
 type LinkEditorComponentProps = {
   containerElement: HTMLDivElement | null
@@ -80,15 +80,15 @@ const LinkEditorComponent = ({
                 !linkOperatorShow && (
                   <>
                     <input
-                      className='mr-0.5 h-6 w-[196px] appearance-none rounded-sm bg-transparent p-1 text-[13px] text-components-input-text-filled outline-none'
+                      className="mr-0.5 h-6 w-[196px] appearance-none rounded-sm bg-transparent p-1 text-[13px] text-components-input-text-filled outline-none"
                       value={url}
                       onChange={e => setUrl(e.target.value)}
                       placeholder={t('workflow.nodes.note.editor.enterUrl') || ''}
                       autoFocus
                     />
                     <Button
-                      variant='primary'
-                      size='small'
+                      variant="primary"
+                      size="small"
                       disabled={!url}
                       onClick={() => handleSaveLink(url)}
                     >
@@ -101,38 +101,38 @@ const LinkEditorComponent = ({
                 linkOperatorShow && (
                   <>
                     <a
-                      className='flex h-6 items-center rounded-md px-2 hover:bg-state-base-hover'
+                      className="flex h-6 items-center rounded-md px-2 hover:bg-state-base-hover"
                       href={escape(url)}
-                      target='_blank'
-                      rel='noreferrer'
+                      target="_blank"
+                      rel="noreferrer"
                     >
-                      <RiExternalLinkLine className='mr-1 h-3 w-3' />
-                      <div className='mr-1'>
+                      <RiExternalLinkLine className="mr-1 h-3 w-3" />
+                      <div className="mr-1">
                         {t('workflow.nodes.note.editor.openLink')}
                       </div>
                       <div
                         title={escape(url)}
-                        className='max-w-[140px] truncate text-text-accent'
+                        className="max-w-[140px] truncate text-text-accent"
                       >
                         {escape(url)}
                       </div>
                     </a>
-                    <div className='mx-1 h-3.5 w-[1px] bg-divider-regular'></div>
+                    <div className="mx-1 h-3.5 w-[1px] bg-divider-regular"></div>
                     <div
-                      className='mr-0.5 flex h-6 cursor-pointer items-center rounded-md px-2 hover:bg-state-base-hover'
+                      className="mr-0.5 flex h-6 cursor-pointer items-center rounded-md px-2 hover:bg-state-base-hover"
                       onClick={(e) => {
                         e.stopPropagation()
                         setLinkOperatorShow(false)
                       }}
                     >
-                      <RiEditLine className='mr-1 h-3 w-3' />
+                      <RiEditLine className="mr-1 h-3 w-3" />
                       {t('common.operation.edit')}
                     </div>
                     <div
-                      className='flex h-6 cursor-pointer items-center rounded-md px-2 hover:bg-state-base-hover'
+                      className="flex h-6 cursor-pointer items-center rounded-md px-2 hover:bg-state-base-hover"
                       onClick={handleUnlink}
                     >
-                      <RiLinkUnlinkM className='mr-1 h-3 w-3' />
+                      <RiLinkUnlinkM className="mr-1 h-3 w-3" />
                       {t('workflow.nodes.note.editor.unlink')}
                     </div>
                   </>
diff --git a/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/hooks.ts b/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/hooks.ts
index 8be8b55196..2c6e014b15 100644
--- a/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/hooks.ts
+++ b/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/hooks.ts
@@ -1,23 +1,23 @@
+import {
+  TOGGLE_LINK_COMMAND,
+} from '@lexical/link'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import {
+  mergeRegister,
+} from '@lexical/utils'
+import {
+  CLICK_COMMAND,
+  COMMAND_PRIORITY_LOW,
+} from 'lexical'
+import { escape } from 'lodash-es'
 import {
   useCallback,
   useEffect,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  CLICK_COMMAND,
-  COMMAND_PRIORITY_LOW,
-} from 'lexical'
-import {
-  mergeRegister,
-} from '@lexical/utils'
-import {
-  TOGGLE_LINK_COMMAND,
-} from '@lexical/link'
-import { escape } from 'lodash-es'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { useToastContext } from '@/app/components/base/toast'
 import { useNoteEditorStore } from '../../store'
 import { urlRegExp } from '../../utils'
-import { useToastContext } from '@/app/components/base/toast'
 
 export const useOpenLink = () => {
   const [editor] = useLexicalComposerContext()
diff --git a/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/index.tsx b/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/index.tsx
index a5b3df6504..e7d4a99cfb 100644
--- a/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/index.tsx
+++ b/web/app/components/workflow/note-node/note-editor/plugins/link-editor-plugin/index.tsx
@@ -2,8 +2,8 @@ import {
   memo,
 } from 'react'
 import { useStore } from '../../store'
-import { useOpenLink } from './hooks'
 import LinkEditorComponent from './component'
+import { useOpenLink } from './hooks'
 
 type LinkEditorPluginProps = {
   containerElement: HTMLDivElement | null
diff --git a/web/app/components/workflow/note-node/note-editor/toolbar/color-picker.tsx b/web/app/components/workflow/note-node/note-editor/toolbar/color-picker.tsx
index ccf70fdc90..f88848ad9d 100644
--- a/web/app/components/workflow/note-node/note-editor/toolbar/color-picker.tsx
+++ b/web/app/components/workflow/note-node/note-editor/toolbar/color-picker.tsx
@@ -2,14 +2,14 @@ import {
   memo,
   useState,
 } from 'react'
-import { NoteTheme } from '../../types'
-import { THEME_MAP } from '../../constants'
-import { cn } from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { cn } from '@/utils/classnames'
+import { THEME_MAP } from '../../constants'
+import { NoteTheme } from '../../types'
 
 export const COLOR_LIST = [
   {
@@ -58,29 +58,31 @@ const ColorPicker = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='top'
+      placement="top"
       offset={4}
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(!open)}>
         <div className={cn(
           'flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-black/5',
           open && 'bg-black/5',
-        )}>
+        )}
+        >
           <div
             className={cn(
               'h-4 w-4 rounded-full border border-black/5',
               THEME_MAP[theme].title,
             )}
-          ></div>
+          >
+          </div>
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent>
-        <div className='grid grid-cols-3 grid-rows-2 gap-0.5 rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-lg'>
+        <div className="grid grid-cols-3 grid-rows-2 gap-0.5 rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-lg">
           {
             COLOR_LIST.map(color => (
               <div
                 key={color.key}
-                className='group relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md'
+                className="group relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md"
                 onClick={(e) => {
                   e.stopPropagation()
                   onThemeChange(color.key)
@@ -92,13 +94,15 @@ const ColorPicker = ({
                     'absolute left-1/2 top-1/2 hidden h-5 w-5 -translate-x-1/2 -translate-y-1/2 rounded-full border-[1.5px] group-hover:block',
                     color.outer,
                   )}
-                ></div>
+                >
+                </div>
                 <div
                   className={cn(
                     'absolute left-1/2 top-1/2 h-4 w-4 -translate-x-1/2 -translate-y-1/2 rounded-full border border-black/5',
                     color.inner,
                   )}
-                ></div>
+                >
+                </div>
               </div>
             ))
           }
diff --git a/web/app/components/workflow/note-node/note-editor/toolbar/command.tsx b/web/app/components/workflow/note-node/note-editor/toolbar/command.tsx
index 1a1d8f20ec..c0d7eb9d95 100644
--- a/web/app/components/workflow/note-node/note-editor/toolbar/command.tsx
+++ b/web/app/components/workflow/note-node/note-editor/toolbar/command.tsx
@@ -1,8 +1,3 @@
-import {
-  memo,
-  useMemo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiBold,
   RiItalic,
@@ -10,10 +5,15 @@ import {
   RiListUnordered,
   RiStrikethrough,
 } from '@remixicon/react'
+import {
+  memo,
+  useMemo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
 import { useStore } from '../store'
 import { useCommand } from './hooks'
-import { cn } from '@/utils/classnames'
-import Tooltip from '@/app/components/base/tooltip'
 
 type CommandProps = {
   type: 'bold' | 'italic' | 'strikethrough' | 'link' | 'bullet'
diff --git a/web/app/components/workflow/note-node/note-editor/toolbar/divider.tsx b/web/app/components/workflow/note-node/note-editor/toolbar/divider.tsx
index a6554b3e11..35bbbd6893 100644
--- a/web/app/components/workflow/note-node/note-editor/toolbar/divider.tsx
+++ b/web/app/components/workflow/note-node/note-editor/toolbar/divider.tsx
@@ -1,6 +1,6 @@
 const Divider = () => {
   return (
-    <div className='mx-1 h-3.5 w-[1px] bg-divider-regular'></div>
+    <div className="mx-1 h-3.5 w-[1px] bg-divider-regular"></div>
   )
 }
 
diff --git a/web/app/components/workflow/note-node/note-editor/toolbar/font-size-selector.tsx b/web/app/components/workflow/note-node/note-editor/toolbar/font-size-selector.tsx
index b03e176482..7072c6e64a 100644
--- a/web/app/components/workflow/note-node/note-editor/toolbar/font-size-selector.tsx
+++ b/web/app/components/workflow/note-node/note-editor/toolbar/font-size-selector.tsx
@@ -1,14 +1,14 @@
-import { memo } from 'react'
 import { RiFontSize } from '@remixicon/react'
+import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useFontSize } from './hooks'
-import { cn } from '@/utils/classnames'
+import { Check } from '@/app/components/base/icons/src/vender/line/general'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { Check } from '@/app/components/base/icons/src/vender/line/general'
+import { cn } from '@/utils/classnames'
+import { useFontSize } from './hooks'
 
 const FontSizeSelector = () => {
   const { t } = useTranslation()
@@ -37,25 +37,26 @@ const FontSizeSelector = () => {
     <PortalToFollowElem
       open={fontSizeSelectorShow}
       onOpenChange={handleOpenFontSizeSelector}
-      placement='bottom-start'
+      placement="bottom-start"
       offset={2}
     >
       <PortalToFollowElemTrigger onClick={() => handleOpenFontSizeSelector(!fontSizeSelectorShow)}>
         <div className={cn(
           'flex h-8 cursor-pointer items-center rounded-md pl-2 pr-1.5 text-[13px] font-medium text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
           fontSizeSelectorShow && 'bg-state-base-hover text-text-secondary',
-        )}>
-          <RiFontSize className='mr-1 h-4 w-4' />
+        )}
+        >
+          <RiFontSize className="mr-1 h-4 w-4" />
           {FONT_SIZE_LIST.find(font => font.key === fontSize)?.value || t('workflow.nodes.note.editor.small')}
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent>
-        <div className='w-[120px] rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 text-text-secondary shadow-xl'>
+        <div className="w-[120px] rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 text-text-secondary shadow-xl">
           {
             FONT_SIZE_LIST.map(font => (
               <div
                 key={font.key}
-                className='flex h-8 cursor-pointer items-center justify-between rounded-md pl-3 pr-2 hover:bg-state-base-hover'
+                className="flex h-8 cursor-pointer items-center justify-between rounded-md pl-3 pr-2 hover:bg-state-base-hover"
                 onClick={(e) => {
                   e.stopPropagation()
                   handleFontSize(font.key)
@@ -69,7 +70,7 @@ const FontSizeSelector = () => {
                 </div>
                 {
                   fontSize === font.key && (
-                    <Check className='h-4 w-4 text-text-accent' />
+                    <Check className="h-4 w-4 text-text-accent" />
                   )
                 }
               </div>
diff --git a/web/app/components/workflow/note-node/note-editor/toolbar/hooks.ts b/web/app/components/workflow/note-node/note-editor/toolbar/hooks.ts
index 8ed942d8d6..39f6a9dc5c 100644
--- a/web/app/components/workflow/note-node/note-editor/toolbar/hooks.ts
+++ b/web/app/components/workflow/note-node/note-editor/toolbar/hooks.ts
@@ -1,8 +1,15 @@
 import {
-  useCallback,
-  useEffect,
-  useState,
-} from 'react'
+  $isLinkNode,
+  TOGGLE_LINK_COMMAND,
+} from '@lexical/link'
+import { INSERT_UNORDERED_LIST_COMMAND } from '@lexical/list'
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import {
+  $getSelectionStyleValueForProperty,
+  $patchStyleText,
+  $setBlocksType,
+} from '@lexical/selection'
+import { mergeRegister } from '@lexical/utils'
 import {
   $createParagraphNode,
   $getSelection,
@@ -13,17 +20,10 @@ import {
   SELECTION_CHANGE_COMMAND,
 } from 'lexical'
 import {
-  $getSelectionStyleValueForProperty,
-  $patchStyleText,
-  $setBlocksType,
-} from '@lexical/selection'
-import { INSERT_UNORDERED_LIST_COMMAND } from '@lexical/list'
-import { mergeRegister } from '@lexical/utils'
-import {
-  $isLinkNode,
-  TOGGLE_LINK_COMMAND,
-} from '@lexical/link'
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+  useCallback,
+  useEffect,
+  useState,
+} from 'react'
 import { useNoteEditorStore } from '../store'
 import { getSelectedNode } from '../utils'
 
diff --git a/web/app/components/workflow/note-node/note-editor/toolbar/index.tsx b/web/app/components/workflow/note-node/note-editor/toolbar/index.tsx
index fd2613d79d..c7b8fa9787 100644
--- a/web/app/components/workflow/note-node/note-editor/toolbar/index.tsx
+++ b/web/app/components/workflow/note-node/note-editor/toolbar/index.tsx
@@ -1,10 +1,10 @@
-import { memo } from 'react'
-import Divider from './divider'
 import type { ColorPickerProps } from './color-picker'
-import ColorPicker from './color-picker'
-import FontSizeSelector from './font-size-selector'
-import Command from './command'
 import type { OperatorProps } from './operator'
+import { memo } from 'react'
+import ColorPicker from './color-picker'
+import Command from './command'
+import Divider from './divider'
+import FontSizeSelector from './font-size-selector'
 import Operator from './operator'
 
 type ToolbarProps = ColorPickerProps & OperatorProps
@@ -18,7 +18,7 @@ const Toolbar = ({
   onShowAuthorChange,
 }: ToolbarProps) => {
   return (
-    <div className='inline-flex items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-sm'>
+    <div className="inline-flex items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-sm">
       <ColorPicker
         theme={theme}
         onThemeChange={onThemeChange}
@@ -26,12 +26,12 @@ const Toolbar = ({
       <Divider />
       <FontSizeSelector />
       <Divider />
-      <div className='flex items-center space-x-0.5'>
-        <Command type='bold' />
-        <Command type='italic' />
-        <Command type='strikethrough' />
-        <Command type='link' />
-        <Command type='bullet' />
+      <div className="flex items-center space-x-0.5">
+        <Command type="bold" />
+        <Command type="italic" />
+        <Command type="strikethrough" />
+        <Command type="link" />
+        <Command type="bullet" />
       </div>
       <Divider />
       <Operator
diff --git a/web/app/components/workflow/note-node/note-editor/toolbar/operator.tsx b/web/app/components/workflow/note-node/note-editor/toolbar/operator.tsx
index 8ba0ad4caf..643a7240f8 100644
--- a/web/app/components/workflow/note-node/note-editor/toolbar/operator.tsx
+++ b/web/app/components/workflow/note-node/note-editor/toolbar/operator.tsx
@@ -1,17 +1,17 @@
+import { RiMoreFill } from '@remixicon/react'
 import {
   memo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiMoreFill } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
-import ShortcutsName from '@/app/components/workflow/shortcuts-name'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import Switch from '@/app/components/base/switch'
+import ShortcutsName from '@/app/components/workflow/shortcuts-name'
+import { cn } from '@/utils/classnames'
 
 export type OperatorProps = {
   onCopy: () => void
@@ -34,7 +34,7 @@ const Operator = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom-end'
+      placement="bottom-end"
       offset={4}
     >
       <PortalToFollowElemTrigger onClick={() => setOpen(!open)}>
@@ -44,14 +44,14 @@ const Operator = ({
             open && 'bg-state-base-hover text-text-secondary',
           )}
         >
-          <RiMoreFill className='h-4 w-4' />
+          <RiMoreFill className="h-4 w-4" />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent>
-        <div className='min-w-[192px] rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl'>
-          <div className='p-1'>
+        <div className="min-w-[192px] rounded-md border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl">
+          <div className="p-1">
             <div
-              className='flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+              className="flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-base-hover"
               onClick={() => {
                 onCopy()
                 setOpen(false)
@@ -61,7 +61,7 @@ const Operator = ({
               <ShortcutsName keys={['ctrl', 'c']} />
             </div>
             <div
-              className='flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+              className="flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-base-hover"
               onClick={() => {
                 onDuplicate()
                 setOpen(false)
@@ -71,24 +71,24 @@ const Operator = ({
               <ShortcutsName keys={['ctrl', 'd']} />
             </div>
           </div>
-          <div className='h-px bg-divider-subtle'></div>
-          <div className='p-1'>
+          <div className="h-px bg-divider-subtle"></div>
+          <div className="p-1">
             <div
-              className='flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+              className="flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-base-hover"
               onClick={e => e.stopPropagation()}
             >
               <div>{t('workflow.nodes.note.editor.showAuthor')}</div>
               <Switch
-                size='l'
+                size="l"
                 defaultValue={showAuthor}
                 onChange={onShowAuthorChange}
               />
             </div>
           </div>
-          <div className='h-px bg-divider-subtle'></div>
-          <div className='p-1'>
+          <div className="h-px bg-divider-subtle"></div>
+          <div className="p-1">
             <div
-              className='flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive'
+              className="flex h-8 cursor-pointer items-center justify-between rounded-md px-3 text-sm text-text-secondary hover:bg-state-destructive-hover hover:text-text-destructive"
               onClick={() => {
                 onDelete()
                 setOpen(false)
diff --git a/web/app/components/workflow/note-node/note-editor/utils.ts b/web/app/components/workflow/note-node/note-editor/utils.ts
index c241e93bf1..dff98a8301 100644
--- a/web/app/components/workflow/note-node/note-editor/utils.ts
+++ b/web/app/components/workflow/note-node/note-editor/utils.ts
@@ -1,5 +1,5 @@
-import { $isAtNodeEnd } from '@lexical/selection'
 import type { ElementNode, RangeSelection, TextNode } from 'lexical'
+import { $isAtNodeEnd } from '@lexical/selection'
 
 export function getSelectedNode(
   selection: RangeSelection,
@@ -19,4 +19,4 @@ export function getSelectedNode(
 }
 
 // eslint-disable-next-line sonarjs/empty-string-repetition
-export const urlRegExp = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/
+export const urlRegExp = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-]*)?\??[-+=&;%@.\w]*#?\w*)?)/
diff --git a/web/app/components/workflow/operator/add-block.tsx b/web/app/components/workflow/operator/add-block.tsx
index d1c69ba63d..f52e440c98 100644
--- a/web/app/components/workflow/operator/add-block.tsx
+++ b/web/app/components/workflow/operator/add-block.tsx
@@ -1,16 +1,21 @@
+import type { OffsetOptions } from '@floating-ui/react'
+import type {
+  OnSelectBlock,
+} from '@/app/components/workflow/types'
+import { RiAddCircleFill } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
-import { RiAddCircleFill } from '@remixicon/react'
-import { useStoreApi } from 'reactflow'
 import { useTranslation } from 'react-i18next'
-import type { OffsetOptions } from '@floating-ui/react'
+import { useStoreApi } from 'reactflow'
+import BlockSelector from '@/app/components/workflow/block-selector'
 import {
-  generateNewNode,
-  getNodeCustomTypeByNodeDataType,
-} from '../utils'
+  BlockEnum,
+} from '@/app/components/workflow/types'
+import { FlowType } from '@/types/common'
+import { cn } from '@/utils/classnames'
 import {
   useAvailableBlocks,
   useIsChatMode,
@@ -20,16 +25,11 @@ import {
 } from '../hooks'
 import { useHooksStore } from '../hooks-store'
 import { useWorkflowStore } from '../store'
-import TipPopup from './tip-popup'
-import { cn } from '@/utils/classnames'
-import BlockSelector from '@/app/components/workflow/block-selector'
-import type {
-  OnSelectBlock,
-} from '@/app/components/workflow/types'
 import {
-  BlockEnum,
-} from '@/app/components/workflow/types'
-import { FlowType } from '@/types/common'
+  generateNewNode,
+  getNodeCustomTypeByNodeDataType,
+} from '../utils'
+import TipPopup from './tip-popup'
 
 type AddBlockProps = {
   renderTrigger?: (open: boolean) => React.ReactNode
@@ -93,8 +93,9 @@ const AddBlock = ({
           'flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary',
           `${nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled'}`,
           open && 'bg-state-accent-active text-text-accent',
-        )}>
-          <RiAddCircleFill className='h-4 w-4' />
+        )}
+        >
+          <RiAddCircleFill className="h-4 w-4" />
         </div>
       </TipPopup>
     )
@@ -106,13 +107,13 @@ const AddBlock = ({
       onOpenChange={handleOpenChange}
       disabled={nodesReadOnly}
       onSelect={handleSelect}
-      placement='right-start'
+      placement="right-start"
       offset={offset ?? {
         mainAxis: 4,
         crossAxis: -8,
       }}
       trigger={renderTrigger || renderTriggerElement}
-      popupClassName='!min-w-[256px]'
+      popupClassName="!min-w-[256px]"
       availableBlocksTypes={availableNextBlocks}
       showStartTab={showStartTab}
     />
diff --git a/web/app/components/workflow/operator/control.tsx b/web/app/components/workflow/operator/control.tsx
index 636f83bb2d..394ccbe3dd 100644
--- a/web/app/components/workflow/operator/control.tsx
+++ b/web/app/components/workflow/operator/control.tsx
@@ -1,8 +1,4 @@
 import type { MouseEvent } from 'react'
-import {
-  memo,
-} from 'react'
-import { useTranslation } from 'react-i18next'
 import {
   RiAspectRatioFill,
   RiAspectRatioLine,
@@ -11,22 +7,26 @@ import {
   RiHand,
   RiStickyNoteAddLine,
 } from '@remixicon/react'
+import {
+  memo,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
 import {
   useNodesReadOnly,
   useWorkflowCanvasMaximize,
   useWorkflowMoveMode,
   useWorkflowOrganize,
 } from '../hooks'
+import { useStore } from '../store'
 import {
   ControlMode,
 } from '../types'
-import { useStore } from '../store'
-import Divider from '../../base/divider'
 import AddBlock from './add-block'
-import TipPopup from './tip-popup'
-import MoreActions from './more-actions'
 import { useOperator } from './hooks'
-import { cn } from '@/utils/classnames'
+import MoreActions from './more-actions'
+import TipPopup from './tip-popup'
 
 const Control = () => {
   const { t } = useTranslation()
@@ -50,7 +50,7 @@ const Control = () => {
   }
 
   return (
-    <div className='pointer-events-auto flex flex-col items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 text-text-tertiary shadow-lg'>
+    <div className="pointer-events-auto flex flex-col items-center rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 text-text-tertiary shadow-lg">
       <AddBlock />
       <TipPopup title={t('workflow.nodes.note.addNote')}>
         <div
@@ -60,10 +60,10 @@ const Control = () => {
           )}
           onClick={addNote}
         >
-          <RiStickyNoteAddLine className='h-4 w-4' />
+          <RiStickyNoteAddLine className="h-4 w-4" />
         </div>
       </TipPopup>
-      <Divider className='my-1 w-3.5' />
+      <Divider className="my-1 w-3.5" />
       <TipPopup title={t('workflow.common.pointerMode')} shortcuts={['v']}>
         <div
           className={cn(
@@ -73,7 +73,7 @@ const Control = () => {
           )}
           onClick={handleModePointer}
         >
-          <RiCursorLine className='h-4 w-4' />
+          <RiCursorLine className="h-4 w-4" />
         </div>
       </TipPopup>
       <TipPopup title={t('workflow.common.handMode')} shortcuts={['h']}>
@@ -85,10 +85,10 @@ const Control = () => {
           )}
           onClick={handleModeHand}
         >
-          <RiHand className='h-4 w-4' />
+          <RiHand className="h-4 w-4" />
         </div>
       </TipPopup>
-      <Divider className='my-1 w-3.5' />
+      <Divider className="my-1 w-3.5" />
       <TipPopup title={t('workflow.panel.organizeBlocks')} shortcuts={['ctrl', 'o']}>
         <div
           className={cn(
@@ -97,7 +97,7 @@ const Control = () => {
           )}
           onClick={handleLayout}
         >
-          <RiFunctionAddLine className='h-4 w-4' />
+          <RiFunctionAddLine className="h-4 w-4" />
         </div>
       </TipPopup>
       <TipPopup title={maximizeCanvas ? t('workflow.panel.minimize') : t('workflow.panel.maximize')} shortcuts={['f']}>
@@ -109,8 +109,8 @@ const Control = () => {
           )}
           onClick={handleToggleMaximizeCanvas}
         >
-          {maximizeCanvas && <RiAspectRatioFill className='h-4 w-4' />}
-          {!maximizeCanvas && <RiAspectRatioLine className='h-4 w-4' />}
+          {maximizeCanvas && <RiAspectRatioFill className="h-4 w-4" />}
+          {!maximizeCanvas && <RiAspectRatioLine className="h-4 w-4" />}
         </div>
       </TipPopup>
       <MoreActions />
diff --git a/web/app/components/workflow/operator/hooks.ts b/web/app/components/workflow/operator/hooks.ts
index edec10bda7..23248a89a3 100644
--- a/web/app/components/workflow/operator/hooks.ts
+++ b/web/app/components/workflow/operator/hooks.ts
@@ -1,10 +1,10 @@
-import { useCallback } from 'react'
-import { generateNewNode } from '../utils'
-import { useWorkflowStore } from '../store'
 import type { NoteNodeType } from '../note-node/types'
+import { useCallback } from 'react'
+import { useAppContext } from '@/context/app-context'
 import { CUSTOM_NOTE_NODE } from '../note-node/constants'
 import { NoteTheme } from '../note-node/types'
-import { useAppContext } from '@/context/app-context'
+import { useWorkflowStore } from '../store'
+import { generateNewNode } from '../utils'
 
 export const useOperator = () => {
   const workflowStore = useWorkflowStore()
diff --git a/web/app/components/workflow/operator/index.tsx b/web/app/components/workflow/operator/index.tsx
index b4fcf184a7..519eb1fdb7 100644
--- a/web/app/components/workflow/operator/index.tsx
+++ b/web/app/components/workflow/operator/index.tsx
@@ -1,11 +1,11 @@
-import { memo, useCallback, useEffect, useMemo, useRef } from 'react'
 import type { Node } from 'reactflow'
+import { memo, useCallback, useEffect, useMemo, useRef } from 'react'
 import { MiniMap } from 'reactflow'
 import UndoRedo from '../header/undo-redo'
-import ZoomInOut from './zoom-in-out'
-import VariableTrigger from '../variable-inspect/trigger'
-import VariableInspectPanel from '../variable-inspect'
 import { useStore } from '../store'
+import VariableInspectPanel from '../variable-inspect'
+import VariableTrigger from '../variable-inspect/trigger'
+import ZoomInOut from './zoom-in-out'
 
 export type OperatorProps = {
   handleUndo: () => void
@@ -51,19 +51,19 @@ const Operator = ({ handleUndo, handleRedo }: OperatorProps) => {
   return (
     <div
       ref={bottomPanelRef}
-      className='absolute bottom-0 left-0 right-0 z-10 px-1'
+      className="absolute bottom-0 left-0 right-0 z-10 px-1"
       style={
         {
           width: bottomPanelWidth,
         }
       }
     >
-      <div className='flex justify-between px-1 pb-2'>
-        <div className='flex items-center gap-2'>
+      <div className="flex justify-between px-1 pb-2">
+        <div className="flex items-center gap-2">
           <UndoRedo handleUndo={handleUndo} handleRedo={handleRedo} />
         </div>
         <VariableTrigger />
-        <div className='relative'>
+        <div className="relative">
           <MiniMap
             pannable
             zoomable
@@ -71,11 +71,11 @@ const Operator = ({ handleUndo, handleRedo }: OperatorProps) => {
               width: 102,
               height: 72,
             }}
-            maskColor='var(--color-workflow-minimap-bg)'
+            maskColor="var(--color-workflow-minimap-bg)"
             nodeClassName={getMiniMapNodeClassName}
             nodeStrokeWidth={3}
-            className='!absolute !bottom-10 z-[9] !m-0 !h-[73px] !w-[103px] !rounded-lg !border-[0.5px]
-            !border-divider-subtle !bg-background-default-subtle !shadow-md !shadow-shadow-shadow-5'
+            className="!absolute !bottom-10 z-[9] !m-0 !h-[73px] !w-[103px] !rounded-lg !border-[0.5px]
+            !border-divider-subtle !bg-background-default-subtle !shadow-md !shadow-shadow-shadow-5"
           />
           <ZoomInOut />
         </div>
diff --git a/web/app/components/workflow/operator/more-actions.tsx b/web/app/components/workflow/operator/more-actions.tsx
index 52c81612da..558af4e152 100644
--- a/web/app/components/workflow/operator/more-actions.tsx
+++ b/web/app/components/workflow/operator/more-actions.tsx
@@ -1,26 +1,26 @@
 import type { FC } from 'react'
+import { RiExportLine, RiMoreFill } from '@remixicon/react'
+import { toJpeg, toPng, toSvg } from 'html-to-image'
 import {
   memo,
   useCallback,
   useMemo,
   useState,
 } from 'react'
-import { useShallow } from 'zustand/react/shallow'
 import { useTranslation } from 'react-i18next'
-import { RiExportLine, RiMoreFill } from '@remixicon/react'
-import { toJpeg, toPng, toSvg } from 'html-to-image'
-import { useNodesReadOnly } from '../hooks'
-import TipPopup from './tip-popup'
-import { cn } from '@/utils/classnames'
+import { getNodesBounds, useReactFlow } from 'reactflow'
+import { useShallow } from 'zustand/react/shallow'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import ImagePreview from '@/app/components/base/image-uploader/image-preview'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import { getNodesBounds, useReactFlow } from 'reactflow'
-import ImagePreview from '@/app/components/base/image-uploader/image-preview'
 import { useStore } from '@/app/components/workflow/store'
-import { useStore as useAppStore } from '@/app/components/app/store'
+import { cn } from '@/utils/classnames'
+import { useNodesReadOnly } from '../hooks'
+import TipPopup from './tip-popup'
 
 const MoreActions: FC = () => {
   const { t } = useTranslation()
@@ -38,7 +38,8 @@ const MoreActions: FC = () => {
   })))
 
   const crossAxisOffset = useMemo(() => {
-    if (maximizeCanvas) return 40
+    if (maximizeCanvas)
+      return 40
     return appSidebarExpand === 'expand' ? 188 : 40
   }, [appSidebarExpand, maximizeCanvas])
 
@@ -51,7 +52,8 @@ const MoreActions: FC = () => {
 
     setOpen(false)
     const flowElement = document.querySelector('.react-flow__viewport') as HTMLElement
-    if (!flowElement) return
+    if (!flowElement)
+      return
 
     try {
       let filename = appName || knowledgeName
@@ -197,58 +199,58 @@ const MoreActions: FC = () => {
               )}
               onClick={handleTrigger}
             >
-              <RiMoreFill className='h-4 w-4' />
+              <RiMoreFill className="h-4 w-4" />
             </div>
           </TipPopup>
         </PortalToFollowElemTrigger>
-        <PortalToFollowElemContent className='z-10'>
-          <div className='min-w-[180px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg'>
-            <div className='p-1'>
-              <div className='flex items-center gap-2 px-2 py-1 text-xs font-medium text-text-tertiary'>
-                <RiExportLine className='h-3 w-3' />
+        <PortalToFollowElemContent className="z-10">
+          <div className="min-w-[180px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg">
+            <div className="p-1">
+              <div className="flex items-center gap-2 px-2 py-1 text-xs font-medium text-text-tertiary">
+                <RiExportLine className="h-3 w-3" />
                 {t('workflow.common.exportImage')}
               </div>
-              <div className='px-2 py-1 text-xs font-medium text-text-tertiary'>
+              <div className="px-2 py-1 text-xs font-medium text-text-tertiary">
                 {t('workflow.common.currentView')}
               </div>
               <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                 onClick={() => handleExportImage('png')}
               >
                 {t('workflow.common.exportPNG')}
               </div>
               <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                 onClick={() => handleExportImage('jpeg')}
               >
                 {t('workflow.common.exportJPEG')}
               </div>
               <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                 onClick={() => handleExportImage('svg')}
               >
                 {t('workflow.common.exportSVG')}
               </div>
 
-              <div className='border-border-divider mx-2 my-1 border-t' />
+              <div className="border-border-divider mx-2 my-1 border-t" />
 
-              <div className='px-2 py-1 text-xs font-medium text-text-tertiary'>
+              <div className="px-2 py-1 text-xs font-medium text-text-tertiary">
                 {t('workflow.common.currentWorkflow')}
               </div>
               <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                 onClick={() => handleExportImage('png', true)}
               >
                 {t('workflow.common.exportPNG')}
               </div>
               <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                 onClick={() => handleExportImage('jpeg', true)}
               >
                 {t('workflow.common.exportJPEG')}
               </div>
               <div
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover"
                 onClick={() => handleExportImage('svg', true)}
               >
                 {t('workflow.common.exportSVG')}
diff --git a/web/app/components/workflow/operator/tip-popup.tsx b/web/app/components/workflow/operator/tip-popup.tsx
index 3721ed8118..226a889359 100644
--- a/web/app/components/workflow/operator/tip-popup.tsx
+++ b/web/app/components/workflow/operator/tip-popup.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react'
-import ShortcutsName from '../shortcuts-name'
 import Tooltip from '@/app/components/base/tooltip'
+import ShortcutsName from '../shortcuts-name'
 
 type TipPopupProps = {
   title: string
@@ -16,15 +16,15 @@ const TipPopup = ({
     <Tooltip
       needsDelay={false}
       offset={4}
-      popupClassName='p-0 bg-transparent'
-      popupContent={
-        <div className='flex items-center gap-1 rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-1.5 shadow-lg backdrop-blur-[5px]'>
-          <span className='system-xs-medium text-text-secondary'>{title}</span>
+      popupClassName="p-0 bg-transparent"
+      popupContent={(
+        <div className="flex items-center gap-1 rounded-lg border-[0.5px] border-components-panel-border bg-components-tooltip-bg p-1.5 shadow-lg backdrop-blur-[5px]">
+          <span className="system-xs-medium text-text-secondary">{title}</span>
           {
             shortcuts && <ShortcutsName keys={shortcuts} />
           }
         </div>
-      }
+      )}
     >
       {children}
     </Tooltip>
diff --git a/web/app/components/workflow/operator/zoom-in-out.tsx b/web/app/components/workflow/operator/zoom-in-out.tsx
index 703304c27c..12d603e9b8 100644
--- a/web/app/components/workflow/operator/zoom-in-out.tsx
+++ b/web/app/components/workflow/operator/zoom-in-out.tsx
@@ -1,34 +1,34 @@
 import type { FC } from 'react'
+import {
+  RiZoomInLine,
+  RiZoomOutLine,
+} from '@remixicon/react'
 import {
   Fragment,
   memo,
   useCallback,
   useState,
 } from 'react'
-import {
-  RiZoomInLine,
-  RiZoomOutLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import {
   useReactFlow,
   useViewport,
 } from 'reactflow'
-import {
-  useNodesSyncDraft,
-  useWorkflowReadOnly,
-} from '../hooks'
-
-import ShortcutsName from '../shortcuts-name'
-import Divider from '../../base/divider'
-import TipPopup from './tip-popup'
-import { cn } from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 
+import { cn } from '@/utils/classnames'
+import Divider from '../../base/divider'
+import {
+  useNodesSyncDraft,
+  useWorkflowReadOnly,
+} from '../hooks'
+import ShortcutsName from '../shortcuts-name'
+import TipPopup from './tip-popup'
+
 enum ZoomType {
   zoomIn = 'zoomIn',
   zoomOut = 'zoomOut',
@@ -121,7 +121,7 @@ const ZoomInOut: FC = () => {
 
   return (
     <PortalToFollowElem
-      placement='top-start'
+      placement="top-start"
       open={open}
       onOpenChange={setOpen}
       offset={{
@@ -135,10 +135,12 @@ const ZoomInOut: FC = () => {
           p-0.5 text-[13px] shadow-lg backdrop-blur-[5px]
           hover:bg-state-base-hover
           ${workflowReadOnly && '!cursor-not-allowed opacity-50'}
-        `}>
+        `}
+        >
           <div className={cn(
             'flex h-8 w-[98px] items-center justify-between rounded-lg',
-          )}>
+          )}
+          >
             <TipPopup
               title={t('workflow.operator.zoomOut')}
               shortcuts={['ctrl', '-']}
@@ -153,10 +155,13 @@ const ZoomInOut: FC = () => {
                   zoomOut()
                 }}
               >
-                <RiZoomOutLine className='h-4 w-4 text-text-tertiary hover:text-text-secondary' />
+                <RiZoomOutLine className="h-4 w-4 text-text-tertiary hover:text-text-secondary" />
               </div>
             </TipPopup>
-            <div onClick={handleTrigger} className={cn('system-sm-medium w-[34px] text-text-tertiary hover:text-text-secondary')}>{Number.parseFloat(`${zoom * 100}`).toFixed(0)}%</div>
+            <div onClick={handleTrigger} className={cn('system-sm-medium w-[34px] text-text-tertiary hover:text-text-secondary')}>
+              {Number.parseFloat(`${zoom * 100}`).toFixed(0)}
+              %
+            </div>
             <TipPopup
               title={t('workflow.operator.zoomIn')}
               shortcuts={['ctrl', '+']}
@@ -171,32 +176,32 @@ const ZoomInOut: FC = () => {
                   zoomIn()
                 }}
               >
-                <RiZoomInLine className='h-4 w-4 text-text-tertiary hover:text-text-secondary' />
+                <RiZoomInLine className="h-4 w-4 text-text-tertiary hover:text-text-secondary" />
               </div>
             </TipPopup>
           </div>
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[145px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[145px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]">
           {
             ZOOM_IN_OUT_OPTIONS.map((options, i) => (
               <Fragment key={i}>
                 {
                   i !== 0 && (
-                    <Divider className='m-0' />
+                    <Divider className="m-0" />
                   )
                 }
-                <div className='p-1'>
+                <div className="p-1">
                   {
                     options.map(option => (
                       <div
                         key={option.key}
-                        className='system-md-regular flex h-8 cursor-pointer items-center justify-between space-x-1 rounded-lg py-1.5 pl-3 pr-2 text-text-secondary hover:bg-state-base-hover'
+                        className="system-md-regular flex h-8 cursor-pointer items-center justify-between space-x-1 rounded-lg py-1.5 pl-3 pr-2 text-text-secondary hover:bg-state-base-hover"
                         onClick={() => handleZoom(option.key)}
                       >
                         <span>{option.text}</span>
-                        <div className='flex items-center space-x-0.5'>
+                        <div className="flex items-center space-x-0.5">
                           {
                             option.key === ZoomType.zoomToFit && (
                               <ShortcutsName keys={['ctrl', '1']} />
diff --git a/web/app/components/workflow/panel-contextmenu.tsx b/web/app/components/workflow/panel-contextmenu.tsx
index 8d0811f853..1ae2653d83 100644
--- a/web/app/components/workflow/panel-contextmenu.tsx
+++ b/web/app/components/workflow/panel-contextmenu.tsx
@@ -1,13 +1,12 @@
+import { useClickAway } from 'ahooks'
 import {
   memo,
   useEffect,
   useRef,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useClickAway } from 'ahooks'
+import { cn } from '@/utils/classnames'
 import Divider from '../base/divider'
-import ShortcutsName from './shortcuts-name'
-import { useStore } from './store'
 import {
   useDSL,
   useNodesInteractions,
@@ -16,7 +15,8 @@ import {
 } from './hooks'
 import AddBlock from './operator/add-block'
 import { useOperator } from './operator/hooks'
-import { cn } from '@/utils/classnames'
+import ShortcutsName from './shortcuts-name'
+import { useStore } from './store'
 
 const PanelContextmenu = () => {
   const { t } = useTranslation()
@@ -42,7 +42,7 @@ const PanelContextmenu = () => {
   const renderTrigger = () => {
     return (
       <div
-        className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+        className="flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
       >
         {t('workflow.common.addBlock')}
       </div>
@@ -54,14 +54,14 @@ const PanelContextmenu = () => {
 
   return (
     <div
-      className='absolute z-[9] w-[200px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'
+      className="absolute z-[9] w-[200px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg"
       style={{
         left: panelMenu.left,
         top: panelMenu.top,
       }}
       ref={ref}
     >
-      <div className='p-1'>
+      <div className="p-1">
         <AddBlock
           renderTrigger={renderTrigger}
           offset={{
@@ -70,7 +70,7 @@ const PanelContextmenu = () => {
           }}
         />
         <div
-          className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+          className="flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
           onClick={(e) => {
             e.stopPropagation()
             handleAddNote()
@@ -80,7 +80,7 @@ const PanelContextmenu = () => {
           {t('workflow.nodes.note.addNote')}
         </div>
         <div
-          className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+          className="flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
           onClick={() => {
             handleStartWorkflowRun()
             handlePaneContextmenuCancel()
@@ -90,8 +90,8 @@ const PanelContextmenu = () => {
           <ShortcutsName keys={['alt', 'r']} />
         </div>
       </div>
-      <Divider className='m-0' />
-      <div className='p-1'>
+      <Divider className="m-0" />
+      <div className="p-1">
         <div
           className={cn(
             'flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary',
@@ -108,16 +108,16 @@ const PanelContextmenu = () => {
           <ShortcutsName keys={['ctrl', 'v']} />
         </div>
       </div>
-      <Divider className='m-0' />
-      <div className='p-1'>
+      <Divider className="m-0" />
+      <div className="p-1">
         <div
-          className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+          className="flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
           onClick={() => exportCheck?.()}
         >
           {t('app.export')}
         </div>
         <div
-          className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+          className="flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
           onClick={() => setShowImportDSLModal(true)}
         >
           {t('workflow.common.importDSL')}
diff --git a/web/app/components/workflow/panel/chat-record/index.tsx b/web/app/components/workflow/panel/chat-record/index.tsx
index 5ab3b45340..6afe463c30 100644
--- a/web/app/components/workflow/panel/chat-record/index.tsx
+++ b/web/app/components/workflow/panel/chat-record/index.tsx
@@ -1,25 +1,25 @@
+import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import type { ChatItem, ChatItemInTree } from '@/app/components/base/chat/types'
+import { RiCloseLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useEffect,
   useState,
 } from 'react'
-import { RiCloseLine } from '@remixicon/react'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Chat from '@/app/components/base/chat/chat'
+import { buildChatItemTree, getThreadMessages } from '@/app/components/base/chat/utils'
+import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
+import Loading from '@/app/components/base/loading'
+import { fetchConversationMessages } from '@/service/debug'
+import { useWorkflowRun } from '../../hooks'
 import {
   useStore,
   useWorkflowStore,
 } from '../../store'
-import { useWorkflowRun } from '../../hooks'
 import { formatWorkflowRunIdentifier } from '../../utils'
 import UserInput from './user-input'
-import Chat from '@/app/components/base/chat/chat'
-import type { ChatItem, ChatItemInTree } from '@/app/components/base/chat/types'
-import { fetchConversationMessages } from '@/service/debug'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import Loading from '@/app/components/base/loading'
-import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
-import type { IChatItem } from '@/app/components/base/chat/chat/type'
-import { buildChatItemTree, getThreadMessages } from '@/app/components/base/chat/utils'
 
 function getFormattedChatList(messages: any[]) {
   const res: ChatItem[] = []
@@ -87,48 +87,48 @@ const ChatRecord = () => {
 
   return (
     <div
-      className='flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-chatbot-bg shadow-xl'
+      className="flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-chatbot-bg shadow-xl"
       // style={{
       //   background: 'linear-gradient(156deg, rgba(242, 244, 247, 0.80) 0%, rgba(242, 244, 247, 0.00) 99.43%), var(--white, #FFF)',
       // }}
     >
       {!fetched && (
-        <div className='flex h-full items-center justify-center'>
+        <div className="flex h-full items-center justify-center">
           <Loading />
         </div>
       )}
       {fetched && (
         <>
-          <div className='flex shrink-0 items-center justify-between p-4 pb-1 text-base font-semibold text-text-primary'>
+          <div className="flex shrink-0 items-center justify-between p-4 pb-1 text-base font-semibold text-text-primary">
             {`TEST CHAT${formatWorkflowRunIdentifier(historyWorkflowData?.finished_at)}`}
             <div
-              className='flex h-6 w-6 cursor-pointer items-center justify-center'
+              className="flex h-6 w-6 cursor-pointer items-center justify-center"
               onClick={() => {
                 handleLoadBackupDraft()
                 workflowStore.setState({ historyWorkflowData: undefined })
               }}
             >
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </div>
           </div>
-          <div className='h-0 grow'>
+          <div className="h-0 grow">
             <Chat
               config={{
                 supportCitationHitInfo: true,
                 questionEditEnable: false,
               } as any}
               chatList={threadChatItems}
-              chatContainerClassName='px-3'
-              chatContainerInnerClassName='pt-6 w-full max-w-full mx-auto'
-              chatFooterClassName='px-4 rounded-b-2xl'
-              chatFooterInnerClassName='pb-4 w-full max-w-full mx-auto'
+              chatContainerClassName="px-3"
+              chatContainerInnerClassName="pt-6 w-full max-w-full mx-auto"
+              chatFooterClassName="px-4 rounded-b-2xl"
+              chatFooterInnerClassName="pb-4 w-full max-w-full mx-auto"
               chatNode={<UserInput />}
               noChatInput
               allToolIcons={{}}
               showPromptLog
               switchSibling={switchSibling}
               noSpacing
-              chatAnswerContainerInner='!pr-2'
+              chatAnswerContainerInner="!pr-2"
             />
           </div>
         </>
diff --git a/web/app/components/workflow/panel/chat-record/user-input.tsx b/web/app/components/workflow/panel/chat-record/user-input.tsx
index 7b90435928..ecc54a5e54 100644
--- a/web/app/components/workflow/panel/chat-record/user-input.tsx
+++ b/web/app/components/workflow/panel/chat-record/user-input.tsx
@@ -1,9 +1,9 @@
+import { RiArrowDownSLine } from '@remixicon/react'
 import {
   memo,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiArrowDownSLine } from '@remixicon/react'
 
 const UserInput = () => {
   const { t } = useTranslation()
@@ -32,15 +32,15 @@ const UserInput = () => {
         />
         {t('workflow.panel.userInputField').toLocaleUpperCase()}
       </div>
-      <div className='px-2 pb-3 pt-1'>
+      <div className="px-2 pb-3 pt-1">
         {
           expanded && (
-            <div className='py-2 text-[13px] text-text-primary'>
+            <div className="py-2 text-[13px] text-text-primary">
               {
                 variables.map((variable: any) => (
                   <div
                     key={variable.variable}
-                    className='mb-2 last-of-type:mb-0'
+                    className="mb-2 last-of-type:mb-0"
                   >
                   </div>
                 ))
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/array-bool-list.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/array-bool-list.tsx
index 810d5ba5d5..3d22437830 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/array-bool-list.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/array-bool-list.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiAddLine } from '@remixicon/react'
 import { produce } from 'immer'
-import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import BoolValue from './bool-value'
+import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
 import { cn } from '@/utils/classnames'
+import BoolValue from './bool-value'
 
 type Props = {
   className?: string
@@ -50,20 +50,20 @@ const ArrayValueList: FC<Props> = ({
   return (
     <div className={cn('w-full space-y-2', className)}>
       {list.map((item, index) => (
-        <div className='flex items-center space-x-1' key={index}>
+        <div className="flex items-center space-x-1" key={index}>
           <BoolValue
             value={item}
             onChange={handleChange(index)}
           />
 
           <RemoveButton
-            className='!bg-gray-100 !p-2 hover:!bg-gray-200'
+            className="!bg-gray-100 !p-2 hover:!bg-gray-200"
             onClick={handleItemRemove(index)}
           />
         </div>
       ))}
-      <Button variant='tertiary' className='w-full' onClick={handleItemAdd}>
-        <RiAddLine className='mr-1 h-4 w-4' />
+      <Button variant="tertiary" className="w-full" onClick={handleItemAdd}>
+        <RiAddLine className="mr-1 h-4 w-4" />
         <span>{t('workflow.chatVariable.modal.addArrayValue')}</span>
       </Button>
     </div>
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/array-value-list.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/array-value-list.tsx
index f7d0c69d89..e1025eda6a 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/array-value-list.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/array-value-list.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiAddLine } from '@remixicon/react'
 import { produce } from 'immer'
-import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
+import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
 
 type Props = {
   isString: boolean
@@ -47,9 +47,9 @@ const ArrayValueList: FC<Props> = ({
   }, [list, onChange])
 
   return (
-    <div className='w-full space-y-2'>
+    <div className="w-full space-y-2">
       {list.map((item, index) => (
-        <div className='flex items-center space-x-1' key={index}>
+        <div className="flex items-center space-x-1" key={index}>
           <Input
             placeholder={t('workflow.chatVariable.modal.arrayValue') || ''}
             value={list[index]}
@@ -57,13 +57,13 @@ const ArrayValueList: FC<Props> = ({
             type={isString ? 'text' : 'number'}
           />
           <RemoveButton
-            className='!bg-gray-100 !p-2 hover:!bg-gray-200'
+            className="!bg-gray-100 !p-2 hover:!bg-gray-200"
             onClick={handleItemRemove(index)}
           />
         </div>
       ))}
-      <Button variant='tertiary' className='w-full' onClick={handleItemAdd}>
-        <RiAddLine className='mr-1 h-4 w-4' />
+      <Button variant="tertiary" className="w-full" onClick={handleItemAdd}>
+        <RiAddLine className="mr-1 h-4 w-4" />
         <span>{t('workflow.chatVariable.modal.addArrayValue')}</span>
       </Button>
     </div>
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/bool-value.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/bool-value.tsx
index 864fefd9a2..89b309db58 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/bool-value.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/bool-value.tsx
@@ -20,15 +20,17 @@ const BoolValue: FC<Props> = ({
   }, [onChange])
 
   return (
-    <div className='flex w-full space-x-1'>
-      <OptionCard className='grow'
+    <div className="flex w-full space-x-1">
+      <OptionCard
+        className="grow"
         selected={booleanValue}
-        title='True'
+        title="True"
         onSelect={handleChange(true)}
       />
-      <OptionCard className='grow'
+      <OptionCard
+        className="grow"
         selected={!booleanValue}
-        title='False'
+        title="False"
         onSelect={handleChange(false)}
       />
     </div>
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/object-value-item.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/object-value-item.tsx
index f223aca5eb..1132434122 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/object-value-item.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/object-value-item.tsx
@@ -1,12 +1,12 @@
 'use client'
 import type { FC } from 'react'
+import { produce } from 'immer'
 import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce } from 'immer'
 import { useContext } from 'use-context-selector'
 import { ToastContext } from '@/app/components/base/toast'
-import VariableTypeSelector from '@/app/components/workflow/panel/chat-variable-panel/components/variable-type-select'
 import RemoveButton from '@/app/components/workflow/nodes/_base/components/remove-button'
+import VariableTypeSelector from '@/app/components/workflow/panel/chat-variable-panel/components/variable-type-select'
 import { ChatVarType } from '@/app/components/workflow/panel/chat-variable-panel/type'
 
 type Props = {
@@ -91,30 +91,30 @@ const ObjectValueItem: FC<Props> = ({
   }, [handleItemAdd, index, list.length])
 
   return (
-    <div className='group flex border-t border-gray-200'>
+    <div className="group flex border-t border-gray-200">
       {/* Key */}
-      <div className='w-[120px] border-r border-gray-200'>
+      <div className="w-[120px] border-r border-gray-200">
         <input
-          className='system-xs-regular placeholder:system-xs-regular block h-7 w-full appearance-none px-2 text-text-secondary caret-primary-600 outline-none placeholder:text-components-input-text-placeholder  hover:bg-state-base-hover focus:bg-components-input-bg-active'
+          className="system-xs-regular placeholder:system-xs-regular block h-7 w-full appearance-none px-2 text-text-secondary caret-primary-600 outline-none placeholder:text-components-input-text-placeholder  hover:bg-state-base-hover focus:bg-components-input-bg-active"
           placeholder={t('workflow.chatVariable.modal.objectKey') || ''}
           value={list[index].key}
           onChange={handleKeyChange(index)}
         />
       </div>
       {/* Type */}
-      <div className='w-[96px] border-r border-gray-200'>
+      <div className="w-[96px] border-r border-gray-200">
         <VariableTypeSelector
           inCell
           value={list[index].type}
           list={typeList}
           onSelect={handleTypeChange(index)}
-          popupClassName='w-[120px]'
+          popupClassName="w-[120px]"
         />
       </div>
       {/* Value */}
-      <div className='relative w-[230px]'>
+      <div className="relative w-[230px]">
         <input
-          className='system-xs-regular placeholder:system-xs-regular block h-7 w-full appearance-none px-2 text-text-secondary caret-primary-600 outline-none placeholder:text-components-input-text-placeholder  hover:bg-state-base-hover focus:bg-components-input-bg-active'
+          className="system-xs-regular placeholder:system-xs-regular block h-7 w-full appearance-none px-2 text-text-secondary caret-primary-600 outline-none placeholder:text-components-input-text-placeholder  hover:bg-state-base-hover focus:bg-components-input-bg-active"
           placeholder={t('workflow.chatVariable.modal.objectValue') || ''}
           value={list[index].value}
           onChange={handleValueChange(index)}
@@ -124,7 +124,7 @@ const ObjectValueItem: FC<Props> = ({
         />
         {list.length > 1 && !isFocus && (
           <RemoveButton
-            className='absolute right-1 top-0.5 z-10 hidden group-hover:block'
+            className="absolute right-1 top-0.5 z-10 hidden group-hover:block"
             onClick={handleItemRemove(index)}
           />
         )}
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/object-value-list.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/object-value-list.tsx
index 830cf94f69..0e39bfcfcc 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/object-value-list.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/object-value-list.tsx
@@ -16,11 +16,11 @@ const ObjectValueList: FC<Props> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='w-full overflow-hidden rounded-lg border border-gray-200'>
-      <div className='system-xs-medium flex h-7 items-center uppercase text-text-tertiary'>
-        <div className='flex h-full w-[120px] items-center border-r border-gray-200 pl-2'>{t('workflow.chatVariable.modal.objectKey')}</div>
-        <div className='flex h-full w-[96px] items-center border-r border-gray-200 pl-2'>{t('workflow.chatVariable.modal.objectType')}</div>
-        <div className='flex h-full w-[230px] items-center pl-2 pr-1'>{t('workflow.chatVariable.modal.objectValue')}</div>
+    <div className="w-full overflow-hidden rounded-lg border border-gray-200">
+      <div className="system-xs-medium flex h-7 items-center uppercase text-text-tertiary">
+        <div className="flex h-full w-[120px] items-center border-r border-gray-200 pl-2">{t('workflow.chatVariable.modal.objectKey')}</div>
+        <div className="flex h-full w-[96px] items-center border-r border-gray-200 pl-2">{t('workflow.chatVariable.modal.objectType')}</div>
+        <div className="flex h-full w-[230px] items-center pl-2 pr-1">{t('workflow.chatVariable.modal.objectValue')}</div>
       </div>
       {list.map((item, index) => (
         <ObjectValueItem
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/variable-item.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/variable-item.tsx
index 54e8fc4f6c..a43179026e 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/variable-item.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/variable-item.tsx
@@ -1,8 +1,8 @@
-import { memo, useState } from 'react'
-import { capitalize } from 'lodash-es'
-import { RiDeleteBinLine, RiEditLine } from '@remixicon/react'
-import { BubbleX } from '@/app/components/base/icons/src/vender/line/others'
 import type { ConversationVariable } from '@/app/components/workflow/types'
+import { RiDeleteBinLine, RiEditLine } from '@remixicon/react'
+import { capitalize } from 'lodash-es'
+import { memo, useState } from 'react'
+import { BubbleX } from '@/app/components/base/icons/src/vender/line/others'
 import { cn } from '@/utils/classnames'
 
 type VariableItemProps = {
@@ -21,27 +21,28 @@ const VariableItem = ({
     <div className={cn(
       'radius-md mb-1 border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg px-2.5 py-2 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover',
       destructive && 'border-state-destructive-border hover:bg-state-destructive-hover',
-    )}>
-      <div className='flex items-center justify-between'>
-        <div className='flex grow items-center gap-1'>
-          <BubbleX className='h-4 w-4 text-util-colors-teal-teal-700' />
-          <div className='system-sm-medium text-text-primary'>{item.name}</div>
-          <div className='system-xs-medium text-text-tertiary'>{capitalize(item.value_type)}</div>
+    )}
+    >
+      <div className="flex items-center justify-between">
+        <div className="flex grow items-center gap-1">
+          <BubbleX className="h-4 w-4 text-util-colors-teal-teal-700" />
+          <div className="system-sm-medium text-text-primary">{item.name}</div>
+          <div className="system-xs-medium text-text-tertiary">{capitalize(item.value_type)}</div>
         </div>
-        <div className='flex shrink-0 items-center gap-1 text-text-tertiary'>
-          <div className='radius-md cursor-pointer p-1 hover:bg-state-base-hover hover:text-text-secondary'>
-            <RiEditLine className='h-4 w-4' onClick={() => onEdit(item)}/>
+        <div className="flex shrink-0 items-center gap-1 text-text-tertiary">
+          <div className="radius-md cursor-pointer p-1 hover:bg-state-base-hover hover:text-text-secondary">
+            <RiEditLine className="h-4 w-4" onClick={() => onEdit(item)} />
           </div>
           <div
-            className='radius-md cursor-pointer p-1 hover:bg-state-destructive-hover hover:text-text-destructive'
+            className="radius-md cursor-pointer p-1 hover:bg-state-destructive-hover hover:text-text-destructive"
             onMouseOver={() => setDestructive(true)}
             onMouseOut={() => setDestructive(false)}
           >
-            <RiDeleteBinLine className='h-4 w-4' onClick={() => onDelete(item)}/>
+            <RiDeleteBinLine className="h-4 w-4" onClick={() => onDelete(item)} />
           </div>
         </div>
       </div>
-      <div className='system-xs-regular truncate text-text-tertiary'>{item.description}</div>
+      <div className="system-xs-regular truncate text-text-tertiary">{item.description}</div>
     </div>
   )
 }
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal-trigger.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal-trigger.tsx
index 9d19b61093..1fe4e5fe5a 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal-trigger.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal-trigger.tsx
@@ -1,15 +1,15 @@
 'use client'
+import type { ConversationVariable } from '@/app/components/workflow/types'
+import { RiAddLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddLine } from '@remixicon/react'
 import Button from '@/app/components/base/button'
-import VariableModal from '@/app/components/workflow/panel/chat-variable-panel/components/variable-modal'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { ConversationVariable } from '@/app/components/workflow/types'
+import VariableModal from '@/app/components/workflow/panel/chat-variable-panel/components/variable-modal'
 
 type Props = {
   open: boolean
@@ -38,7 +38,7 @@ const VariableModalTrigger = ({
         if (open)
           onClose()
       }}
-      placement='left-start'
+      placement="left-start"
       offset={{
         mainAxis: 8,
         alignmentAxis: showTip ? -278 : -48,
@@ -48,13 +48,14 @@ const VariableModalTrigger = ({
         setOpen(v => !v)
         if (open)
           onClose()
-      }}>
-        <Button variant='primary'>
-          <RiAddLine className='mr-1 h-4 w-4' />
-          <span className='system-sm-medium'>{t('workflow.chatVariable.button')}</span>
+      }}
+      >
+        <Button variant="primary">
+          <RiAddLine className="mr-1 h-4 w-4" />
+          <span className="system-sm-medium">{t('workflow.chatVariable.button')}</span>
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
+      <PortalToFollowElemContent className="z-[11]">
         <VariableModal
           chatVar={chatVar}
           onSave={onSave}
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
index 15f8a081fb..e30da0fff3 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
@@ -1,23 +1,19 @@
+import type { ConversationVariable } from '@/app/components/workflow/types'
+import { RiCloseLine, RiDraftLine, RiInputField } from '@remixicon/react'
 import React, { useCallback, useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import { v4 as uuid4 } from 'uuid'
-import { RiCloseLine, RiDraftLine, RiInputField } from '@remixicon/react'
-import VariableTypeSelector from '@/app/components/workflow/panel/chat-variable-panel/components/variable-type-select'
-import ObjectValueList from '@/app/components/workflow/panel/chat-variable-panel/components/object-value-list'
-import { DEFAULT_OBJECT_VALUE } from '@/app/components/workflow/panel/chat-variable-panel/components/object-value-item'
-import ArrayValueList from '@/app/components/workflow/panel/chat-variable-panel/components/array-value-list'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { ToastContext } from '@/app/components/base/toast'
-import { useStore } from '@/app/components/workflow/store'
-import type { ConversationVariable } from '@/app/components/workflow/types'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import ArrayValueList from '@/app/components/workflow/panel/chat-variable-panel/components/array-value-list'
+import { DEFAULT_OBJECT_VALUE } from '@/app/components/workflow/panel/chat-variable-panel/components/object-value-item'
+import ObjectValueList from '@/app/components/workflow/panel/chat-variable-panel/components/object-value-list'
+import VariableTypeSelector from '@/app/components/workflow/panel/chat-variable-panel/components/variable-type-select'
 import { ChatVarType } from '@/app/components/workflow/panel/chat-variable-panel/type'
-import { cn } from '@/utils/classnames'
-import BoolValue from './bool-value'
-import ArrayBoolList from './array-bool-list'
 import {
   arrayBoolPlaceholder,
   arrayNumberPlaceholder,
@@ -25,7 +21,11 @@ import {
   arrayStringPlaceholder,
   objectPlaceholder,
 } from '@/app/components/workflow/panel/chat-variable-panel/utils'
+import { useStore } from '@/app/components/workflow/store'
+import { cn } from '@/utils/classnames'
 import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
+import ArrayBoolList from './array-bool-list'
+import BoolValue from './bool-value'
 
 export type ModalPropsType = {
   chatVar?: ConversationVariable
@@ -147,7 +147,7 @@ const ChatVariableModal = ({
       setEditInJSON(true)
     if (v === ChatVarType.String || v === ChatVarType.Number || v === ChatVarType.Object)
       setEditInJSON(false)
-    if(v === ChatVarType.Boolean)
+    if (v === ChatVarType.Boolean)
       setValue(false)
     if (v === ChatVarType.ArrayBoolean)
       setValue([false])
@@ -197,8 +197,8 @@ const ChatVariableModal = ({
       }
     }
 
-    if(type === ChatVarType.ArrayBoolean) {
-      if(editInJSON)
+    if (type === ChatVarType.ArrayBoolean) {
+      if (editInJSON)
         setEditorContent(JSON.stringify(value.map((item: boolean) => item ? 'True' : 'False')))
     }
     setEditInJSON(editInJSON)
@@ -213,7 +213,7 @@ const ChatVariableModal = ({
       setEditorContent(content)
       try {
         let newValue = JSON.parse(content)
-        if(type === ChatVarType.ArrayBoolean) {
+        if (type === ChatVarType.ArrayBoolean) {
           newValue = newValue.map((item: string | boolean) => {
             if (item === 'True' || item === 'true' || item === true)
               return true
@@ -271,75 +271,75 @@ const ChatVariableModal = ({
     <div
       className={cn('flex h-full w-[360px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl', type === ChatVarType.Object && 'w-[480px]')}
     >
-      <div className='system-xl-semibold mb-3 flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'>
+      <div className="system-xl-semibold mb-3 flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary">
         {!chatVar ? t('workflow.chatVariable.modal.title') : t('workflow.chatVariable.modal.editTitle')}
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <div
-            className='flex h-6 w-6 cursor-pointer items-center justify-center'
+            className="flex h-6 w-6 cursor-pointer items-center justify-center"
             onClick={onClose}
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
-      <div className='max-h-[480px] overflow-y-auto px-4 py-2'>
+      <div className="max-h-[480px] overflow-y-auto px-4 py-2">
         {/* name */}
-        <div className='mb-4'>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center text-text-secondary'>{t('workflow.chatVariable.modal.name')}</div>
-          <div className='flex'>
+        <div className="mb-4">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center text-text-secondary">{t('workflow.chatVariable.modal.name')}</div>
+          <div className="flex">
             <Input
               placeholder={t('workflow.chatVariable.modal.namePlaceholder') || ''}
               value={name}
               onChange={handleVarNameChange}
               onBlur={e => checkVariableName(e.target.value)}
-              type='text'
+              type="text"
             />
           </div>
         </div>
         {/* type */}
-        <div className='mb-4'>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center text-text-secondary'>{t('workflow.chatVariable.modal.type')}</div>
-          <div className='flex'>
+        <div className="mb-4">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center text-text-secondary">{t('workflow.chatVariable.modal.type')}</div>
+          <div className="flex">
             <VariableTypeSelector
               value={type}
               list={typeList}
               onSelect={handleTypeChange}
-              popupClassName='w-[327px]'
+              popupClassName="w-[327px]"
             />
           </div>
         </div>
         {/* default value */}
-        <div className='mb-4'>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center justify-between text-text-secondary'>
+        <div className="mb-4">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center justify-between text-text-secondary">
             <div>{t('workflow.chatVariable.modal.value')}</div>
             {(type === ChatVarType.ArrayString || type === ChatVarType.ArrayNumber || type === ChatVarType.ArrayBoolean) && (
               <Button
-                variant='ghost'
-                size='small'
-                className='text-text-tertiary'
+                variant="ghost"
+                size="small"
+                className="text-text-tertiary"
                 onClick={() => handleEditorChange(!editInJSON)}
               >
-                {editInJSON ? <RiInputField className='mr-1 h-3.5 w-3.5' /> : <RiDraftLine className='mr-1 h-3.5 w-3.5' />}
+                {editInJSON ? <RiInputField className="mr-1 h-3.5 w-3.5" /> : <RiDraftLine className="mr-1 h-3.5 w-3.5" />}
                 {editInJSON ? t('workflow.chatVariable.modal.oneByOne') : t('workflow.chatVariable.modal.editInJSON')}
               </Button>
             )}
             {type === ChatVarType.Object && (
               <Button
-                variant='ghost'
-                size='small'
-                className='text-text-tertiary'
+                variant="ghost"
+                size="small"
+                className="text-text-tertiary"
                 onClick={() => handleEditorChange(!editInJSON)}
               >
-                {editInJSON ? <RiInputField className='mr-1 h-3.5 w-3.5' /> : <RiDraftLine className='mr-1 h-3.5 w-3.5' />}
+                {editInJSON ? <RiInputField className="mr-1 h-3.5 w-3.5" /> : <RiDraftLine className="mr-1 h-3.5 w-3.5" />}
                 {editInJSON ? t('workflow.chatVariable.modal.editInForm') : t('workflow.chatVariable.modal.editInJSON')}
               </Button>
             )}
           </div>
-          <div className='flex'>
+          <div className="flex">
             {type === ChatVarType.String && (
               // Input will remove \n\r, so use Textarea just like description area
               <textarea
-                className='system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'
+                className="system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs"
                 value={value}
                 placeholder={t('workflow.chatVariable.modal.valuePlaceholder') || ''}
                 onChange={e => setValue(e.target.value)}
@@ -350,7 +350,7 @@ const ChatVariableModal = ({
                 placeholder={t('workflow.chatVariable.modal.valuePlaceholder') || ''}
                 value={value}
                 onChange={e => setValue(Number(e.target.value))}
-                type='number'
+                type="number"
               />
             )}
             {type === ChatVarType.Boolean && (
@@ -387,13 +387,13 @@ const ChatVariableModal = ({
             )}
 
             {editInJSON && (
-              <div className='w-full rounded-[10px] bg-components-input-bg-normal py-2 pl-3 pr-1' style={{ height: editorMinHeight }}>
+              <div className="w-full rounded-[10px] bg-components-input-bg-normal py-2 pl-3 pr-1" style={{ height: editorMinHeight }}>
                 <CodeEditor
                   isExpand
                   noWrapper
                   language={CodeLanguage.json}
                   value={editorContent}
-                  placeholder={<div className='whitespace-pre'>{placeholder}</div>}
+                  placeholder={<div className="whitespace-pre">{placeholder}</div>}
                   onChange={handleEditorValueChange}
                 />
               </div>
@@ -401,11 +401,11 @@ const ChatVariableModal = ({
           </div>
         </div>
         {/* description */}
-        <div className=''>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center text-text-secondary'>{t('workflow.chatVariable.modal.description')}</div>
-          <div className='flex'>
+        <div className="">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center text-text-secondary">{t('workflow.chatVariable.modal.description')}</div>
+          <div className="flex">
             <textarea
-              className='system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'
+              className="system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs"
               value={description}
               placeholder={t('workflow.chatVariable.modal.descriptionPlaceholder') || ''}
               onChange={e => setDescription(e.target.value)}
@@ -413,10 +413,10 @@ const ChatVariableModal = ({
           </div>
         </div>
       </div>
-      <div className='flex flex-row-reverse rounded-b-2xl p-4 pt-2'>
-        <div className='flex gap-2'>
+      <div className="flex flex-row-reverse rounded-b-2xl p-4 pt-2">
+        <div className="flex gap-2">
           <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
-          <Button variant='primary' onClick={handleSave}>{t('common.operation.save')}</Button>
+          <Button variant="primary" onClick={handleSave}>{t('common.operation.save')}</Button>
         </div>
       </div>
     </div>
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/variable-type-select.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/variable-type-select.tsx
index 360775a06c..1922374941 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/variable-type-select.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/variable-type-select.tsx
@@ -1,6 +1,6 @@
 'use client'
-import React, { useState } from 'react'
 import { RiArrowDownSLine, RiCheckLine } from '@remixicon/react'
+import React, { useState } from 'react'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
@@ -29,32 +29,40 @@ const VariableTypeSelector = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={() => setOpen(v => !v)}
-      placement='bottom'
+      placement="bottom"
     >
-      <PortalToFollowElemTrigger className='w-full' onClick={() => setOpen(v => !v)}>
+      <PortalToFollowElemTrigger className="w-full" onClick={() => setOpen(v => !v)}>
         <div className={cn(
           'flex w-full cursor-pointer items-center px-2',
           !inCell && 'radius-md bg-components-input-bg-normal py-1 hover:bg-state-base-hover-alt',
           inCell && 'py-0.5 hover:bg-state-base-hover',
           open && !inCell && 'bg-state-base-hover-alt hover:bg-state-base-hover-alt',
           open && inCell && 'bg-state-base-hover hover:bg-state-base-hover',
-        )}>
+        )}
+        >
           <div className={cn(
             'system-sm-regular grow truncate p-1 text-components-input-text-filled',
             inCell && 'system-xs-regular text-text-secondary',
-          )}>{value}</div>
-          <RiArrowDownSLine className='ml-0.5 h-4 w-4 text-text-quaternary' />
+          )}
+          >
+            {value}
+          </div>
+          <RiArrowDownSLine className="ml-0.5 h-4 w-4 text-text-quaternary" />
         </div>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent className={cn('z-[11] w-full', popupClassName)}>
-        <div className='radius-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+        <div className="radius-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {list.map((item: any) => (
-            <div key={item} className='radius-md flex cursor-pointer items-center gap-2 py-[6px] pl-3 pr-2 hover:bg-state-base-hover' onClick={() => {
-              onSelect(item)
-              setOpen(false)
-            }}>
-              <div className='system-md-regular grow truncate text-text-secondary'>{item}</div>
-              {value === item && <RiCheckLine className='h-4 w-4 text-text-accent' />}
+            <div
+              key={item}
+              className="radius-md flex cursor-pointer items-center gap-2 py-[6px] pl-3 pr-2 hover:bg-state-base-hover"
+              onClick={() => {
+                onSelect(item)
+                setOpen(false)
+              }}
+            >
+              <div className="system-md-regular grow truncate text-text-secondary">{item}</div>
+              {value === item && <RiCheckLine className="h-4 w-4 text-text-accent" />}
             </div>
           ))}
         </div>
diff --git a/web/app/components/workflow/panel/chat-variable-panel/index.tsx b/web/app/components/workflow/panel/chat-variable-panel/index.tsx
index b075cabf5d..e0396d4a68 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/index.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/index.tsx
@@ -1,25 +1,25 @@
+import type {
+  ConversationVariable,
+} from '@/app/components/workflow/types'
+import { RiBookOpenLine, RiCloseLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useStoreApi,
 } from 'reactflow'
-import { RiBookOpenLine, RiCloseLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useStore } from '@/app/components/workflow/store'
 import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
 import { BubbleX, LongArrowLeft, LongArrowRight } from '@/app/components/base/icons/src/vender/line/others'
 import BlockIcon from '@/app/components/workflow/block-icon'
-import VariableModalTrigger from '@/app/components/workflow/panel/chat-variable-panel/components/variable-modal-trigger'
-import VariableItem from '@/app/components/workflow/panel/chat-variable-panel/components/variable-item'
-import RemoveEffectVarConfirm from '@/app/components/workflow/nodes/_base/components/remove-effect-var-confirm'
-import type {
-  ConversationVariable,
-} from '@/app/components/workflow/types'
-import { findUsedVarNodes, updateNodeVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
 import { useNodesSyncDraft } from '@/app/components/workflow/hooks/use-nodes-sync-draft'
+import RemoveEffectVarConfirm from '@/app/components/workflow/nodes/_base/components/remove-effect-var-confirm'
+import { findUsedVarNodes, updateNodeVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import VariableItem from '@/app/components/workflow/panel/chat-variable-panel/components/variable-item'
+import VariableModalTrigger from '@/app/components/workflow/panel/chat-variable-panel/components/variable-modal-trigger'
+import { useStore } from '@/app/components/workflow/store'
 import { BlockEnum } from '@/app/components/workflow/types'
 import { useDocLink } from '@/context/i18n'
 import { cn } from '@/utils/classnames'
@@ -128,64 +128,68 @@ const ChatVariablePanel = () => {
         'relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg-alt',
       )}
     >
-      <div className='system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'>
+      <div className="system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary">
         {t('workflow.chatVariable.panelTitle')}
-        <div className='flex items-center gap-1'>
+        <div className="flex items-center gap-1">
           <ActionButton state={showTip ? ActionButtonState.Active : undefined} onClick={() => setShowTip(!showTip)}>
-            <RiBookOpenLine className='h-4 w-4' />
+            <RiBookOpenLine className="h-4 w-4" />
           </ActionButton>
           <div
-            className='flex h-6 w-6 cursor-pointer items-center justify-center'
+            className="flex h-6 w-6 cursor-pointer items-center justify-center"
             onClick={() => setShowChatVariablePanel(false)}
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
       {showTip && (
-        <div className='shrink-0 px-3 pb-2 pt-2.5'>
-          <div className='radius-2xl relative bg-background-section-burn p-3'>
-            <div className='system-2xs-medium-uppercase inline-block rounded-[5px] border border-divider-deep px-[5px] py-[3px] text-text-tertiary'>TIPS</div>
-            <div className='system-sm-regular mb-4 mt-1 text-text-secondary'>
+        <div className="shrink-0 px-3 pb-2 pt-2.5">
+          <div className="radius-2xl relative bg-background-section-burn p-3">
+            <div className="system-2xs-medium-uppercase inline-block rounded-[5px] border border-divider-deep px-[5px] py-[3px] text-text-tertiary">TIPS</div>
+            <div className="system-sm-regular mb-4 mt-1 text-text-secondary">
               {t('workflow.chatVariable.panelDescription')}
-              <a target='_blank' rel='noopener noreferrer' className='text-text-accent'
+              <a
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-text-accent"
                 href={docLink('/guides/workflow/variables#conversation-variables', {
                   'zh-Hans': '/guides/workflow/variables#会话变量',
                   'ja-JP': '/guides/workflow/variables#会話変数',
-                })}>
+                })}
+              >
                 {t('workflow.chatVariable.docLink')}
               </a>
             </div>
-            <div className='flex items-center gap-2'>
-              <div className='radius-lg flex flex-col border border-workflow-block-border bg-workflow-block-bg p-3 pb-4 shadow-md'>
-                <BubbleX className='mb-1 h-4 w-4 shrink-0 text-util-colors-teal-teal-700' />
-                <div className='system-xs-semibold text-text-secondary'>conversation_var</div>
-                <div className='system-2xs-regular text-text-tertiary'>String</div>
+            <div className="flex items-center gap-2">
+              <div className="radius-lg flex flex-col border border-workflow-block-border bg-workflow-block-bg p-3 pb-4 shadow-md">
+                <BubbleX className="mb-1 h-4 w-4 shrink-0 text-util-colors-teal-teal-700" />
+                <div className="system-xs-semibold text-text-secondary">conversation_var</div>
+                <div className="system-2xs-regular text-text-tertiary">String</div>
               </div>
-              <div className='grow'>
-                <div className='mb-2 flex items-center gap-2 py-1'>
-                  <div className='flex h-3 w-16 shrink-0 items-center gap-1 px-1'>
-                    <LongArrowLeft className='h-2 grow text-text-quaternary' />
-                    <div className='system-2xs-medium shrink-0 text-text-tertiary'>WRITE</div>
+              <div className="grow">
+                <div className="mb-2 flex items-center gap-2 py-1">
+                  <div className="flex h-3 w-16 shrink-0 items-center gap-1 px-1">
+                    <LongArrowLeft className="h-2 grow text-text-quaternary" />
+                    <div className="system-2xs-medium shrink-0 text-text-tertiary">WRITE</div>
                   </div>
-                  <BlockIcon className='shrink-0' type={BlockEnum.Assigner} />
-                  <div className='system-xs-semibold grow truncate text-text-secondary'>{t('workflow.blocks.assigner')}</div>
+                  <BlockIcon className="shrink-0" type={BlockEnum.Assigner} />
+                  <div className="system-xs-semibold grow truncate text-text-secondary">{t('workflow.blocks.assigner')}</div>
                 </div>
-                <div className='flex items-center gap-2 py-1'>
-                  <div className='flex h-3 w-16 shrink-0 items-center gap-1 px-1'>
-                    <div className='system-2xs-medium shrink-0 text-text-tertiary'>READ</div>
-                    <LongArrowRight className='h-2 grow text-text-quaternary' />
+                <div className="flex items-center gap-2 py-1">
+                  <div className="flex h-3 w-16 shrink-0 items-center gap-1 px-1">
+                    <div className="system-2xs-medium shrink-0 text-text-tertiary">READ</div>
+                    <LongArrowRight className="h-2 grow text-text-quaternary" />
                   </div>
-                  <BlockIcon className='shrink-0' type={BlockEnum.LLM} />
-                  <div className='system-xs-semibold grow truncate text-text-secondary'>{t('workflow.blocks.llm')}</div>
+                  <BlockIcon className="shrink-0" type={BlockEnum.LLM} />
+                  <div className="system-xs-semibold grow truncate text-text-secondary">{t('workflow.blocks.llm')}</div>
                 </div>
               </div>
             </div>
-            <div className='absolute right-[38px] top-[-4px] z-10 h-3 w-3 rotate-45 bg-background-section-burn' />
+            <div className="absolute right-[38px] top-[-4px] z-10 h-3 w-3 rotate-45 bg-background-section-burn" />
           </div>
         </div>
       )}
-      <div className='shrink-0 px-4 pb-3 pt-2'>
+      <div className="shrink-0 px-4 pb-3 pt-2">
         <VariableModalTrigger
           open={showVariableModal}
           setOpen={setShowVariableModal}
@@ -195,7 +199,7 @@ const ChatVariablePanel = () => {
           onClose={() => setCurrentVar(undefined)}
         />
       </div>
-      <div className='grow overflow-y-auto rounded-b-2xl px-4'>
+      <div className="grow overflow-y-auto rounded-b-2xl px-4">
         {varList.map(chatVar => (
           <VariableItem
             key={chatVar.id}
diff --git a/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx b/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
index 682e91ea81..8ff356cad7 100644
--- a/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
@@ -1,28 +1,28 @@
+import type { StartNodeType } from '../../nodes/start/types'
+import type { ChatWrapperRefType } from './index'
+import type { ChatItem, OnSend } from '@/app/components/base/chat/types'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo } from 'react'
 import { useNodes } from 'reactflow'
-import { BlockEnum } from '../../types'
-import {
-  useStore,
-  useWorkflowStore,
-} from '../../store'
-import type { StartNodeType } from '../../nodes/start/types'
-import Empty from './empty'
-import UserInput from './user-input'
-import ConversationVariableModal from './conversation-variable-modal'
-import { useChat } from './hooks'
-import type { ChatWrapperRefType } from './index'
+import { useStore as useAppStore } from '@/app/components/app/store'
 import Chat from '@/app/components/base/chat/chat'
-import type { ChatItem, OnSend } from '@/app/components/base/chat/types'
+import { getLastAnswer, isValidGeneratedAnswer } from '@/app/components/base/chat/utils'
 import { useFeatures } from '@/app/components/base/features/hooks'
+import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import {
   fetchSuggestedQuestions,
   stopChatMessageResponding,
 } from '@/service/debug'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { getLastAnswer, isValidGeneratedAnswer } from '@/app/components/base/chat/utils'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
+import {
+  useStore,
+  useWorkflowStore,
+} from '../../store'
+import { BlockEnum } from '../../types'
+import ConversationVariableModal from './conversation-variable-modal'
+import Empty from './empty'
+import { useChat } from './hooks'
+import UserInput from './user-input'
 
 type ChatWrapperProps = {
   showConversationVariableModal: boolean
@@ -39,7 +39,7 @@ const ChatWrapper = (
     showInputsFieldsPanel,
     onHide,
   }: ChatWrapperProps & {
-    ref: React.RefObject<ChatWrapperRefType>;
+    ref: React.RefObject<ChatWrapperRefType>
   },
 ) => {
   const nodes = useNodes<StartNodeType>()
@@ -118,11 +118,7 @@ const ChatWrapper = (
   const doRegenerate = useCallback((chatItem: ChatItem, editedQuestion?: { message: string, files?: FileEntity[] }) => {
     const question = editedQuestion ? chatItem : chatList.find(item => item.id === chatItem.parentMessageId)!
     const parentAnswer = chatList.find(item => item.id === question.parentMessageId)
-    doSend(editedQuestion ? editedQuestion.message : question.content,
-      editedQuestion ? editedQuestion.files : question.message_files,
-      true,
-      isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null,
-    )
+    doSend(editedQuestion ? editedQuestion.message : question.content, editedQuestion ? editedQuestion.files : question.message_files, true, isValidGeneratedAnswer(parentAnswer) ? parentAnswer : null)
   }, [chatList, doSend])
 
   const { eventEmitter } = useEventEmitterContextContext()
@@ -160,10 +156,10 @@ const ChatWrapper = (
         } as any}
         chatList={chatList}
         isResponding={isResponding}
-        chatContainerClassName='px-3'
-        chatContainerInnerClassName='pt-6 w-full max-w-full mx-auto'
-        chatFooterClassName='px-4 rounded-bl-2xl'
-        chatFooterInnerClassName='pb-0'
+        chatContainerClassName="px-3"
+        chatContainerInnerClassName="pt-6 w-full max-w-full mx-auto"
+        chatFooterClassName="px-4 rounded-bl-2xl"
+        chatFooterInnerClassName="pb-0"
         showFileUpload
         showFeatureBar
         onFeatureBarClick={setShowFeaturesPanel}
@@ -185,7 +181,7 @@ const ChatWrapper = (
         noSpacing
         suggestedQuestions={suggestedQuestions}
         showPromptLog
-        chatAnswerContainerInner='!pr-2'
+        chatAnswerContainerInner="!pr-2"
         switchSibling={setTargetMessageId}
       />
       {showConversationVariableModal && (
diff --git a/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx b/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx
index 043a842f23..117247901e 100644
--- a/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx
@@ -1,27 +1,26 @@
 'use client'
-import React, { useCallback } from 'react'
-import { useMount } from 'ahooks'
-import { useTranslation } from 'react-i18next'
-import { capitalize } from 'lodash-es'
-import copy from 'copy-to-clipboard'
+import type {
+  ConversationVariable,
+} from '@/app/components/workflow/types'
 import { RiCloseLine } from '@remixicon/react'
-import Modal from '@/app/components/base/modal'
-import { BubbleX } from '@/app/components/base/icons/src/vender/line/others'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import { useMount } from 'ahooks'
+import copy from 'copy-to-clipboard'
+import { capitalize, noop } from 'lodash-es'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   Copy,
   CopyCheck,
 } from '@/app/components/base/icons/src/vender/line/files'
-import { useStore } from '@/app/components/workflow/store'
-import type {
-  ConversationVariable,
-} from '@/app/components/workflow/types'
-import { ChatVarType } from '@/app/components/workflow/panel/chat-variable-panel/type'
+import { BubbleX } from '@/app/components/base/icons/src/vender/line/others'
+import Modal from '@/app/components/base/modal'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { ChatVarType } from '@/app/components/workflow/panel/chat-variable-panel/type'
+import { useStore } from '@/app/components/workflow/store'
 import useTimestamp from '@/hooks/use-timestamp'
 import { fetchCurrentValueOfConversationVariable } from '@/service/workflow'
 import { cn } from '@/utils/classnames'
-import { noop } from 'lodash-es'
 
 export type Props = {
   conversationID: string
@@ -80,14 +79,14 @@ const ConversationVariableModal = ({
       onClose={noop}
       className={cn('h-[640px] w-[920px] max-w-[920px] p-0')}
     >
-      <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onHide}>
-        <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+      <div className="absolute right-4 top-4 cursor-pointer p-2" onClick={onHide}>
+        <RiCloseLine className="h-4 w-4 text-text-tertiary" />
       </div>
-      <div className='flex h-full w-full'>
+      <div className="flex h-full w-full">
         {/* LEFT */}
-        <div className='flex h-full w-[224px] shrink-0 flex-col border-r border-divider-burn bg-background-sidenav-bg'>
-          <div className='system-xl-semibold shrink-0 pb-3 pl-5 pr-4 pt-5 text-text-primary'>{t('workflow.chatVariable.panelTitle')}</div>
-          <div className='grow overflow-y-auto px-3 py-2'>
+        <div className="flex h-full w-[224px] shrink-0 flex-col border-r border-divider-burn bg-background-sidenav-bg">
+          <div className="system-xl-semibold shrink-0 pb-3 pl-5 pr-4 pt-5 text-text-primary">{t('workflow.chatVariable.panelTitle')}</div>
+          <div className="grow overflow-y-auto px-3 py-2">
             {varList.map(chatVar => (
               <div key={chatVar.id} className={cn('radius-md group mb-0.5 flex cursor-pointer items-center p-2 hover:bg-state-base-hover', currentVar.id === chatVar.id && 'bg-state-base-hover')} onClick={() => setCurrentVar(chatVar)}>
                 <BubbleX className={cn('mr-1 h-4 w-4 shrink-0 text-text-tertiary group-hover:text-util-colors-teal-teal-700', currentVar.id === chatVar.id && 'text-util-colors-teal-teal-700')} />
@@ -97,40 +96,46 @@ const ConversationVariableModal = ({
           </div>
         </div>
         {/* RIGHT */}
-        <div className='flex h-full w-0 grow flex-col bg-components-panel-bg'>
-          <div className='shrink-0 p-4 pb-2'>
-            <div className='flex items-center gap-1 py-1'>
-              <div className='system-xl-semibold text-text-primary'>{currentVar.name}</div>
-              <div className='system-xs-medium text-text-tertiary'>{capitalize(currentVar.value_type)}</div>
+        <div className="flex h-full w-0 grow flex-col bg-components-panel-bg">
+          <div className="shrink-0 p-4 pb-2">
+            <div className="flex items-center gap-1 py-1">
+              <div className="system-xl-semibold text-text-primary">{currentVar.name}</div>
+              <div className="system-xs-medium text-text-tertiary">{capitalize(currentVar.value_type)}</div>
             </div>
           </div>
-          <div className='flex h-0 grow flex-col p-4 pt-2'>
-            <div className='mb-2 flex shrink-0 items-center gap-2'>
-              <div className='system-xs-medium-uppercase shrink-0 text-text-tertiary'>{t('workflow.chatVariable.storedContent').toLocaleUpperCase()}</div>
-              <div className='h-px grow' style={{
-                background: 'linear-gradient(to right, rgba(16, 24, 40, 0.08) 0%, rgba(255, 255, 255) 100%)',
-              }}></div>
+          <div className="flex h-0 grow flex-col p-4 pt-2">
+            <div className="mb-2 flex shrink-0 items-center gap-2">
+              <div className="system-xs-medium-uppercase shrink-0 text-text-tertiary">{t('workflow.chatVariable.storedContent').toLocaleUpperCase()}</div>
+              <div
+                className="h-px grow"
+                style={{
+                  background: 'linear-gradient(to right, rgba(16, 24, 40, 0.08) 0%, rgba(255, 255, 255) 100%)',
+                }}
+              >
+              </div>
               {latestValueTimestampMap[currentVar.id] && (
-                <div className='system-xs-regular shrink-0 text-text-tertiary'>{t('workflow.chatVariable.updatedAt')}{formatTime(latestValueTimestampMap[currentVar.id], t('appLog.dateTimeFormat') as string)}</div>
+                <div className="system-xs-regular shrink-0 text-text-tertiary">
+                  {t('workflow.chatVariable.updatedAt')}
+                  {formatTime(latestValueTimestampMap[currentVar.id], t('appLog.dateTimeFormat') as string)}
+                </div>
               )}
             </div>
-            <div className='grow overflow-y-auto'>
+            <div className="grow overflow-y-auto">
               {currentVar.value_type !== ChatVarType.Number && currentVar.value_type !== ChatVarType.String && (
-                <div className='flex h-full flex-col rounded-lg bg-components-input-bg-normal px-2 pb-2'>
-                  <div className='flex h-7 shrink-0 items-center justify-between pl-3 pr-2 pt-1'>
-                    <div className='system-xs-semibold text-text-secondary'>JSON</div>
-                    <div className='flex items-center p-1'>
+                <div className="flex h-full flex-col rounded-lg bg-components-input-bg-normal px-2 pb-2">
+                  <div className="flex h-7 shrink-0 items-center justify-between pl-3 pr-2 pt-1">
+                    <div className="system-xs-semibold text-text-secondary">JSON</div>
+                    <div className="flex items-center p-1">
                       {!isCopied
                         ? (
-                          <Copy className='h-4 w-4 cursor-pointer text-text-tertiary' onClick={handleCopy} />
-                        )
+                            <Copy className="h-4 w-4 cursor-pointer text-text-tertiary" onClick={handleCopy} />
+                          )
                         : (
-                          <CopyCheck className='h-4 w-4 text-text-tertiary' />
-                        )
-                      }
+                            <CopyCheck className="h-4 w-4 text-text-tertiary" />
+                          )}
                     </div>
                   </div>
-                  <div className='grow pl-4'>
+                  <div className="grow pl-4">
                     <CodeEditor
                       readOnly
                       noWrapper
@@ -143,7 +148,7 @@ const ConversationVariableModal = ({
                 </div>
               )}
               {(currentVar.value_type === ChatVarType.Number || currentVar.value_type === ChatVarType.String) && (
-                <div className='system-md-regular h-full overflow-y-auto overflow-x-hidden rounded-lg bg-components-input-bg-normal px-4 py-3 text-components-input-text-filled'>{latestValueMap[currentVar.id] || ''}</div>
+                <div className="system-md-regular h-full overflow-y-auto overflow-x-hidden rounded-lg bg-components-input-bg-normal px-4 py-3 text-components-input-text-filled">{latestValueMap[currentVar.id] || ''}</div>
               )}
             </div>
           </div>
diff --git a/web/app/components/workflow/panel/debug-and-preview/empty.tsx b/web/app/components/workflow/panel/debug-and-preview/empty.tsx
index 7f120c3536..6c5e9ca5c2 100644
--- a/web/app/components/workflow/panel/debug-and-preview/empty.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/empty.tsx
@@ -5,11 +5,11 @@ const Empty = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'>
-      <div className='mb-2 flex justify-center'>
-        <ChatBotSlim className='h-12 w-12 text-gray-300' />
+    <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
+      <div className="mb-2 flex justify-center">
+        <ChatBotSlim className="h-12 w-12 text-gray-300" />
       </div>
-      <div className='w-[256px] text-center text-[13px] text-gray-400'>
+      <div className="w-[256px] text-center text-[13px] text-gray-400">
         {t('workflow.common.previewPlaceholder')}
       </div>
     </div>
diff --git a/web/app/components/workflow/panel/debug-and-preview/hooks.ts b/web/app/components/workflow/panel/debug-and-preview/hooks.ts
index 4cc6e92ace..6eb1ea0b76 100644
--- a/web/app/components/workflow/panel/debug-and-preview/hooks.ts
+++ b/web/app/components/workflow/panel/debug-and-preview/hooks.ts
@@ -1,3 +1,12 @@
+import type { InputForm } from '@/app/components/base/chat/chat/type'
+import type {
+  ChatItem,
+  ChatItemInTree,
+  Inputs,
+} from '@/app/components/base/chat/types'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import { produce, setAutoFreeze } from 'immer'
+import { uniqBy } from 'lodash-es'
 import {
   useCallback,
   useEffect,
@@ -6,35 +15,26 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { produce, setAutoFreeze } from 'immer'
-import { uniqBy } from 'lodash-es'
-import {
-  useSetWorkflowVarsWithValue,
-  useWorkflowRun,
-} from '../../hooks'
-import { NodeRunningStatus, WorkflowRunningStatus } from '../../types'
-import { useWorkflowStore } from '../../store'
-import { DEFAULT_ITER_TIMES, DEFAULT_LOOP_TIMES } from '../../constants'
-import type {
-  ChatItem,
-  ChatItemInTree,
-  Inputs,
-} from '@/app/components/base/chat/types'
-import type { InputForm } from '@/app/components/base/chat/chat/type'
 import {
   getProcessedInputs,
   processOpeningStatement,
 } from '@/app/components/base/chat/chat/utils'
-import { useToastContext } from '@/app/components/base/toast'
-import { TransferMethod } from '@/types/app'
+import { getThreadMessages } from '@/app/components/base/chat/utils'
 import {
   getProcessedFiles,
   getProcessedFilesFromResponse,
 } from '@/app/components/base/file-uploader/utils'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
-import { getThreadMessages } from '@/app/components/base/chat/utils'
+import { useToastContext } from '@/app/components/base/toast'
 import { useInvalidAllLastRun } from '@/service/use-workflow'
+import { TransferMethod } from '@/types/app'
+import { DEFAULT_ITER_TIMES, DEFAULT_LOOP_TIMES } from '../../constants'
+import {
+  useSetWorkflowVarsWithValue,
+  useWorkflowRun,
+} from '../../hooks'
 import { useHooksStore } from '../../hooks-store'
+import { useWorkflowStore } from '../../store'
+import { NodeRunningStatus, WorkflowRunningStatus } from '../../types'
 
 type GetAbortController = (abortController: AbortController) => void
 type SendCallback = {
diff --git a/web/app/components/workflow/panel/debug-and-preview/index.tsx b/web/app/components/workflow/panel/debug-and-preview/index.tsx
index 7f8deb3a74..3005b68a9c 100644
--- a/web/app/components/workflow/panel/debug-and-preview/index.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/index.tsx
@@ -1,3 +1,7 @@
+import type { StartNodeType } from '../../nodes/start/types'
+
+import { RiCloseLine, RiEqualizer2Line } from '@remixicon/react'
+import { debounce, noop } from 'lodash-es'
 import {
   memo,
   useCallback,
@@ -5,25 +9,21 @@ import {
   useRef,
   useState,
 } from 'react'
-
-import { RiCloseLine, RiEqualizer2Line } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import { useNodes } from 'reactflow'
+import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import { RefreshCcw01 } from '@/app/components/base/icons/src/vender/line/arrows'
+import Tooltip from '@/app/components/base/tooltip'
+import { useEdgesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-edges-interactions-without-sync'
+import { useNodesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-nodes-interactions-without-sync'
+import { useStore } from '@/app/components/workflow/store'
+import { cn } from '@/utils/classnames'
 import {
   useWorkflowInteractions,
 } from '../../hooks'
-import { useEdgesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-edges-interactions-without-sync'
-import { useNodesInteractionsWithoutSync } from '@/app/components/workflow/hooks/use-nodes-interactions-without-sync'
-import { BlockEnum } from '../../types'
-import type { StartNodeType } from '../../nodes/start/types'
 import { useResizePanel } from '../../nodes/_base/hooks/use-resize-panel'
+import { BlockEnum } from '../../types'
 import ChatWrapper from './chat-wrapper'
-import { cn } from '@/utils/classnames'
-import { RefreshCcw01 } from '@/app/components/base/icons/src/vender/line/arrows'
-import Tooltip from '@/app/components/base/tooltip'
-import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
-import { useStore } from '@/app/components/workflow/store'
-import { debounce, noop } from 'lodash-es'
 
 export type ChatWrapperRefType = {
   handleRestart: () => void
@@ -81,11 +81,12 @@ const DebugAndPreview = () => {
   })
 
   return (
-    <div className='relative h-full'>
+    <div className="relative h-full">
       <div
         ref={triggerRef}
-        className='absolute -left-1 top-0 flex h-full w-1 cursor-col-resize resize-x items-center justify-center'>
-        <div className='h-10 w-0.5 rounded-sm bg-state-base-handle hover:h-full hover:bg-state-accent-solid active:h-full active:bg-state-accent-solid'></div>
+        className="absolute -left-1 top-0 flex h-full w-1 cursor-col-resize resize-x items-center justify-center"
+      >
+        <div className="h-10 w-0.5 rounded-sm bg-state-base-handle hover:h-full hover:bg-state-accent-solid active:h-full active:bg-state-accent-solid"></div>
       </div>
       <div
         ref={containerRef}
@@ -94,38 +95,38 @@ const DebugAndPreview = () => {
         )}
         style={{ width: `${panelWidth}px` }}
       >
-        <div className='system-xl-semibold flex shrink-0 items-center justify-between px-4 pb-2 pt-3 text-text-primary'>
-          <div className='h-8'>{t('workflow.common.debugAndPreview').toLocaleUpperCase()}</div>
-          <div className='flex items-center gap-1'>
+        <div className="system-xl-semibold flex shrink-0 items-center justify-between px-4 pb-2 pt-3 text-text-primary">
+          <div className="h-8">{t('workflow.common.debugAndPreview').toLocaleUpperCase()}</div>
+          <div className="flex items-center gap-1">
             <Tooltip
               popupContent={t('common.operation.refresh')}
             >
               <ActionButton onClick={() => handleRestartChat()}>
-                <RefreshCcw01 className='h-4 w-4' />
+                <RefreshCcw01 className="h-4 w-4" />
               </ActionButton>
             </Tooltip>
             {visibleVariables.length > 0 && (
-              <div className='relative'>
+              <div className="relative">
                 <Tooltip
                   popupContent={t('workflow.panel.userInputField')}
                 >
                   <ActionButton state={expanded ? ActionButtonState.Active : undefined} onClick={() => setExpanded(!expanded)}>
-                    <RiEqualizer2Line className='h-4 w-4' />
+                    <RiEqualizer2Line className="h-4 w-4" />
                   </ActionButton>
                 </Tooltip>
-                {expanded && <div className='absolute bottom-[-17px] right-[5px] z-10 h-3 w-3 rotate-45 border-l-[0.5px] border-t-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg' />}
+                {expanded && <div className="absolute bottom-[-17px] right-[5px] z-10 h-3 w-3 rotate-45 border-l-[0.5px] border-t-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg" />}
               </div>
             )}
-            <div className='mx-3 h-3.5 w-[1px] bg-divider-regular'></div>
+            <div className="mx-3 h-3.5 w-[1px] bg-divider-regular"></div>
             <div
-              className='flex h-6 w-6 cursor-pointer items-center justify-center'
+              className="flex h-6 w-6 cursor-pointer items-center justify-center"
               onClick={handleCancelDebugAndPreviewPanel}
             >
-              <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+              <RiCloseLine className="h-4 w-4 text-text-tertiary" />
             </div>
           </div>
         </div>
-        <div className='grow overflow-y-auto rounded-b-2xl'>
+        <div className="grow overflow-y-auto rounded-b-2xl">
           <ChatWrapper
             ref={chatRef}
             showConversationVariableModal={showConversationVariableModal}
diff --git a/web/app/components/workflow/panel/debug-and-preview/user-input.tsx b/web/app/components/workflow/panel/debug-and-preview/user-input.tsx
index 75acfac8b2..8b438d995a 100644
--- a/web/app/components/workflow/panel/debug-and-preview/user-input.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/user-input.tsx
@@ -1,15 +1,15 @@
+import type { StartNodeType } from '../../nodes/start/types'
 import {
   memo,
 } from 'react'
 import { useNodes } from 'reactflow'
+import { cn } from '@/utils/classnames'
 import FormItem from '../../nodes/_base/components/before-run-form/form-item'
-import { BlockEnum } from '../../types'
 import {
   useStore,
   useWorkflowStore,
 } from '../../store'
-import type { StartNodeType } from '../../nodes/start/types'
-import { cn } from '@/utils/classnames'
+import { BlockEnum } from '../../types'
 
 const UserInput = () => {
   const workflowStore = useWorkflowStore()
@@ -36,11 +36,11 @@ const UserInput = () => {
 
   return (
     <div className={cn('relative z-[1] rounded-xl border-[0.5px] border-components-panel-border-subtle bg-components-panel-on-panel-item-bg shadow-xs')}>
-      <div className='px-4 pb-4 pt-3'>
+      <div className="px-4 pb-4 pt-3">
         {visibleVariables.map((variable, index) => (
           <div
             key={variable.variable}
-            className='mb-4 last-of-type:mb-0'
+            className="mb-4 last-of-type:mb-0"
           >
             <FormItem
               autoFocus={index === 0}
diff --git a/web/app/components/workflow/panel/env-panel/env-item.tsx b/web/app/components/workflow/panel/env-panel/env-item.tsx
index f0afe4d6d0..64d6610643 100644
--- a/web/app/components/workflow/panel/env-panel/env-item.tsx
+++ b/web/app/components/workflow/panel/env-panel/env-item.tsx
@@ -1,9 +1,9 @@
-import { memo, useState } from 'react'
-import { capitalize } from 'lodash-es'
+import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import { RiDeleteBinLine, RiEditLine, RiLock2Line } from '@remixicon/react'
+import { capitalize } from 'lodash-es'
+import { memo, useState } from 'react'
 import { Env } from '@/app/components/base/icons/src/vender/line/others'
 import { useStore } from '@/app/components/workflow/store'
-import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
 
 type EnvItemProps = {
@@ -24,37 +24,36 @@ const EnvItem = ({
     <div className={cn(
       'radius-md group mb-1 border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg shadow-xs hover:bg-components-panel-on-panel-item-bg-hover',
       destructive && 'border-state-destructive-border hover:bg-state-destructive-hover',
-    )}>
-      <div className='px-2.5 py-2'>
-        <div className='flex items-center justify-between'>
-          <div className='flex grow items-center gap-1'>
-            <Env className='h-4 w-4 text-util-colors-violet-violet-600' />
-            <div className='system-sm-medium text-text-primary'>{env.name}</div>
-            <div className='system-xs-medium text-text-tertiary'>{capitalize(env.value_type)}</div>
-            {env.value_type === 'secret' && <RiLock2Line className='h-3 w-3 text-text-tertiary' />}
+    )}
+    >
+      <div className="px-2.5 py-2">
+        <div className="flex items-center justify-between">
+          <div className="flex grow items-center gap-1">
+            <Env className="h-4 w-4 text-util-colors-violet-violet-600" />
+            <div className="system-sm-medium text-text-primary">{env.name}</div>
+            <div className="system-xs-medium text-text-tertiary">{capitalize(env.value_type)}</div>
+            {env.value_type === 'secret' && <RiLock2Line className="h-3 w-3 text-text-tertiary" />}
           </div>
-          <div className='flex shrink-0 items-center gap-1 text-text-tertiary'>
-            <div className='radius-md cursor-pointer p-1 hover:bg-state-base-hover hover:text-text-secondary'>
-              <RiEditLine className='h-4 w-4' onClick={() => onEdit(env)}/>
+          <div className="flex shrink-0 items-center gap-1 text-text-tertiary">
+            <div className="radius-md cursor-pointer p-1 hover:bg-state-base-hover hover:text-text-secondary">
+              <RiEditLine className="h-4 w-4" onClick={() => onEdit(env)} />
             </div>
             <div
-              className='radius-md cursor-pointer p-1 hover:bg-state-destructive-hover hover:text-text-destructive'
+              className="radius-md cursor-pointer p-1 hover:bg-state-destructive-hover hover:text-text-destructive"
               onMouseOver={() => setDestructive(true)}
               onMouseOut={() => setDestructive(false)}
             >
-              <RiDeleteBinLine className='h-4 w-4' onClick={() => onDelete(env)} />
+              <RiDeleteBinLine className="h-4 w-4" onClick={() => onDelete(env)} />
             </div>
           </div>
         </div>
-        <div className='system-xs-regular truncate text-text-tertiary'>{env.value_type === 'secret' ? envSecrets[env.id] : env.value}</div>
+        <div className="system-xs-regular truncate text-text-tertiary">{env.value_type === 'secret' ? envSecrets[env.id] : env.value}</div>
       </div>
       {env.description && (
         <>
-          <div className={'h-[0.5px] bg-divider-subtle'} />
-          <div className={cn('rounded-bl-[8px] rounded-br-[8px] bg-background-default-subtle px-2.5 py-2 group-hover:bg-transparent',
-            destructive && 'bg-state-destructive-hover hover:bg-state-destructive-hover',
-          )}>
-            <div className='system-xs-regular truncate text-text-tertiary'>{env.description}</div>
+          <div className="h-[0.5px] bg-divider-subtle" />
+          <div className={cn('rounded-bl-[8px] rounded-br-[8px] bg-background-default-subtle px-2.5 py-2 group-hover:bg-transparent', destructive && 'bg-state-destructive-hover hover:bg-state-destructive-hover')}>
+            <div className="system-xs-regular truncate text-text-tertiary">{env.description}</div>
           </div>
         </>
       )}
diff --git a/web/app/components/workflow/panel/env-panel/index.tsx b/web/app/components/workflow/panel/env-panel/index.tsx
index 47aeb94b47..b11159cfbb 100644
--- a/web/app/components/workflow/panel/env-panel/index.tsx
+++ b/web/app/components/workflow/panel/env-panel/index.tsx
@@ -1,23 +1,23 @@
+import type {
+  EnvironmentVariable,
+} from '@/app/components/workflow/types'
+import { RiCloseLine } from '@remixicon/react'
 import {
   memo,
   useCallback,
   useState,
 } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   useStoreApi,
 } from 'reactflow'
-import { RiCloseLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useStore } from '@/app/components/workflow/store'
-import VariableTrigger from '@/app/components/workflow/panel/env-panel/variable-trigger'
-import EnvItem from '@/app/components/workflow/panel/env-panel/env-item'
-import type {
-  EnvironmentVariable,
-} from '@/app/components/workflow/types'
-import { findUsedVarNodes, updateNodeVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
-import RemoveEffectVarConfirm from '@/app/components/workflow/nodes/_base/components/remove-effect-var-confirm'
-import { cn } from '@/utils/classnames'
 import { useNodesSyncDraft } from '@/app/components/workflow/hooks/use-nodes-sync-draft'
+import RemoveEffectVarConfirm from '@/app/components/workflow/nodes/_base/components/remove-effect-var-confirm'
+import { findUsedVarNodes, updateNodeVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import EnvItem from '@/app/components/workflow/panel/env-panel/env-item'
+import VariableTrigger from '@/app/components/workflow/panel/env-panel/variable-trigger'
+import { useStore } from '@/app/components/workflow/store'
+import { cn } from '@/utils/classnames'
 
 const EnvPanel = () => {
   const { t } = useTranslation()
@@ -152,19 +152,19 @@ const EnvPanel = () => {
         'relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg-alt',
       )}
     >
-      <div className='system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'>
+      <div className="system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary">
         {t('workflow.env.envPanelTitle')}
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <div
-            className='flex h-6 w-6 cursor-pointer items-center justify-center'
+            className="flex h-6 w-6 cursor-pointer items-center justify-center"
             onClick={() => setShowEnvPanel(false)}
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
-      <div className='system-sm-regular shrink-0 px-4 py-1 text-text-tertiary'>{t('workflow.env.envDescription')}</div>
-      <div className='shrink-0 px-4 pb-3 pt-2'>
+      <div className="system-sm-regular shrink-0 px-4 py-1 text-text-tertiary">{t('workflow.env.envDescription')}</div>
+      <div className="shrink-0 px-4 pb-3 pt-2">
         <VariableTrigger
           open={showVariableModal}
           setOpen={setShowVariableModal}
@@ -173,7 +173,7 @@ const EnvPanel = () => {
           onClose={() => setCurrentVar(undefined)}
         />
       </div>
-      <div className='grow overflow-y-auto rounded-b-2xl px-4'>
+      <div className="grow overflow-y-auto rounded-b-2xl px-4">
         {envList.map(env => (
           <EnvItem
             key={env.id}
diff --git a/web/app/components/workflow/panel/env-panel/variable-modal.tsx b/web/app/components/workflow/panel/env-panel/variable-modal.tsx
index acf3ca0a0b..6cf193fe96 100644
--- a/web/app/components/workflow/panel/env-panel/variable-modal.tsx
+++ b/web/app/components/workflow/panel/env-panel/variable-modal.tsx
@@ -1,14 +1,14 @@
+import type { EnvironmentVariable } from '@/app/components/workflow/types'
+import { RiCloseLine } from '@remixicon/react'
 import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { v4 as uuid4 } from 'uuid'
-import { RiCloseLine } from '@remixicon/react'
 import { useContext } from 'use-context-selector'
+import { v4 as uuid4 } from 'uuid'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
-import Tooltip from '@/app/components/base/tooltip'
 import { ToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
 import { useStore } from '@/app/components/workflow/store'
-import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
 import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
 
@@ -86,89 +86,107 @@ const VariableModal = ({
     <div
       className={cn('flex h-full w-[360px] flex-col rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-2xl')}
     >
-      <div className='system-xl-semibold mb-3 flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'>
+      <div className="system-xl-semibold mb-3 flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary">
         {!env ? t('workflow.env.modal.title') : t('workflow.env.modal.editTitle')}
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <div
-            className='flex h-6 w-6 cursor-pointer items-center justify-center'
+            className="flex h-6 w-6 cursor-pointer items-center justify-center"
             onClick={onClose}
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
-      <div className='px-4 py-2'>
+      <div className="px-4 py-2">
         {/* type */}
-        <div className='mb-4'>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center text-text-secondary'>{t('workflow.env.modal.type')}</div>
-          <div className='flex gap-2'>
-            <div className={cn(
-              'radius-md system-sm-regular flex w-[106px] cursor-pointer items-center justify-center border border-components-option-card-option-border bg-components-option-card-option-bg p-2 text-text-secondary hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs',
-              type === 'string' && 'system-sm-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg text-text-primary shadow-xs hover:border-components-option-card-option-selected-border',
-            )} onClick={() => setType('string')}>String</div>
-            <div className={cn(
-              'radius-md system-sm-regular flex w-[106px] cursor-pointer items-center justify-center border border-components-option-card-option-border bg-components-option-card-option-bg p-2 text-text-secondary hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs',
-              type === 'number' && 'border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg font-medium text-text-primary shadow-xs hover:border-components-option-card-option-selected-border',
-            )} onClick={() => {
-              setType('number')
-              if (!(/^\d$/).test(value))
-                setValue('')
-            }}>Number</div>
-            <div className={cn(
-              'radius-md system-sm-regular flex w-[106px] cursor-pointer items-center justify-center border border-components-option-card-option-border bg-components-option-card-option-bg p-2 text-text-secondary hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs',
-              type === 'secret' && 'border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg font-medium text-text-primary shadow-xs hover:border-components-option-card-option-selected-border',
-            )} onClick={() => setType('secret')}>
+        <div className="mb-4">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center text-text-secondary">{t('workflow.env.modal.type')}</div>
+          <div className="flex gap-2">
+            <div
+              className={cn(
+                'radius-md system-sm-regular flex w-[106px] cursor-pointer items-center justify-center border border-components-option-card-option-border bg-components-option-card-option-bg p-2 text-text-secondary hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs',
+                type === 'string' && 'system-sm-medium border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg text-text-primary shadow-xs hover:border-components-option-card-option-selected-border',
+              )}
+              onClick={() => setType('string')}
+            >
+              String
+            </div>
+            <div
+              className={cn(
+                'radius-md system-sm-regular flex w-[106px] cursor-pointer items-center justify-center border border-components-option-card-option-border bg-components-option-card-option-bg p-2 text-text-secondary hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs',
+                type === 'number' && 'border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg font-medium text-text-primary shadow-xs hover:border-components-option-card-option-selected-border',
+              )}
+              onClick={() => {
+                setType('number')
+                if (!(/^\d$/).test(value))
+                  setValue('')
+              }}
+            >
+              Number
+            </div>
+            <div
+              className={cn(
+                'radius-md system-sm-regular flex w-[106px] cursor-pointer items-center justify-center border border-components-option-card-option-border bg-components-option-card-option-bg p-2 text-text-secondary hover:border-components-option-card-option-border-hover hover:bg-components-option-card-option-bg-hover hover:shadow-xs',
+                type === 'secret' && 'border-[1.5px] border-components-option-card-option-selected-border bg-components-option-card-option-selected-bg font-medium text-text-primary shadow-xs hover:border-components-option-card-option-selected-border',
+              )}
+              onClick={() => setType('secret')}
+            >
               <span>Secret</span>
               <Tooltip
-                popupContent={
-                  <div className='w-[240px]'>
+                popupContent={(
+                  <div className="w-[240px]">
                     {t('workflow.env.modal.secretTip')}
                   </div>
-                }
-                triggerClassName='ml-0.5 w-3.5 h-3.5'
+                )}
+                triggerClassName="ml-0.5 w-3.5 h-3.5"
               />
             </div>
           </div>
         </div>
         {/* name */}
-        <div className='mb-4'>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center text-text-secondary'>{t('workflow.env.modal.name')}</div>
-          <div className='flex'>
+        <div className="mb-4">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center text-text-secondary">{t('workflow.env.modal.name')}</div>
+          <div className="flex">
             <Input
               placeholder={t('workflow.env.modal.namePlaceholder') || ''}
               value={name}
               onChange={handleVarNameChange}
               onBlur={e => checkVariableName(e.target.value)}
-              type='text'
+              type="text"
             />
           </div>
         </div>
         {/* value */}
-        <div className='mb-4'>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center text-text-secondary'>{t('workflow.env.modal.value')}</div>
-          <div className='flex'>
+        <div className="mb-4">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center text-text-secondary">{t('workflow.env.modal.value')}</div>
+          <div className="flex">
             {
-              type !== 'number' ? <textarea
-                className='system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'
-                value={value}
-                placeholder={t('workflow.env.modal.valuePlaceholder') || ''}
-                onChange={e => setValue(e.target.value)}
-              />
-                : <Input
-                  placeholder={t('workflow.env.modal.valuePlaceholder') || ''}
-                  value={value}
-                  onChange={e => setValue(e.target.value)}
-                  type="number"
-                />
+              type !== 'number'
+                ? (
+                    <textarea
+                      className="system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs"
+                      value={value}
+                      placeholder={t('workflow.env.modal.valuePlaceholder') || ''}
+                      onChange={e => setValue(e.target.value)}
+                    />
+                  )
+                : (
+                    <Input
+                      placeholder={t('workflow.env.modal.valuePlaceholder') || ''}
+                      value={value}
+                      onChange={e => setValue(e.target.value)}
+                      type="number"
+                    />
+                  )
             }
           </div>
         </div>
         {/* description */}
-        <div className=''>
-          <div className='system-sm-semibold mb-1 flex h-6 items-center text-text-secondary'>{t('workflow.env.modal.description')}</div>
-          <div className='flex'>
+        <div className="">
+          <div className="system-sm-semibold mb-1 flex h-6 items-center text-text-secondary">{t('workflow.env.modal.description')}</div>
+          <div className="flex">
             <textarea
-              className='system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'
+              className="system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs"
               value={description}
               placeholder={t('workflow.env.modal.descriptionPlaceholder') || ''}
               onChange={e => setDescription(e.target.value)}
@@ -176,10 +194,10 @@ const VariableModal = ({
           </div>
         </div>
       </div>
-      <div className='flex flex-row-reverse rounded-b-2xl p-4 pt-2'>
-        <div className='flex gap-2'>
+      <div className="flex flex-row-reverse rounded-b-2xl p-4 pt-2">
+        <div className="flex gap-2">
           <Button onClick={onClose}>{t('common.operation.cancel')}</Button>
-          <Button variant='primary' onClick={handleSave}>{t('common.operation.save')}</Button>
+          <Button variant="primary" onClick={handleSave}>{t('common.operation.save')}</Button>
         </div>
       </div>
     </div>
diff --git a/web/app/components/workflow/panel/env-panel/variable-trigger.tsx b/web/app/components/workflow/panel/env-panel/variable-trigger.tsx
index 604fceef81..30551562a7 100644
--- a/web/app/components/workflow/panel/env-panel/variable-trigger.tsx
+++ b/web/app/components/workflow/panel/env-panel/variable-trigger.tsx
@@ -1,15 +1,15 @@
 'use client'
+import type { EnvironmentVariable } from '@/app/components/workflow/types'
+import { RiAddLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { RiAddLine } from '@remixicon/react'
 import Button from '@/app/components/base/button'
-import VariableModal from '@/app/components/workflow/panel/env-panel/variable-modal'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import type { EnvironmentVariable } from '@/app/components/workflow/types'
+import VariableModal from '@/app/components/workflow/panel/env-panel/variable-modal'
 
 type Props = {
   open: boolean
@@ -36,7 +36,7 @@ const VariableTrigger = ({
         if (open)
           onClose()
       }}
-      placement='left-start'
+      placement="left-start"
       offset={{
         mainAxis: 8,
         alignmentAxis: -104,
@@ -46,13 +46,14 @@ const VariableTrigger = ({
         setOpen(v => !v)
         if (open)
           onClose()
-      }}>
-        <Button variant='primary'>
-          <RiAddLine className='mr-1 h-4 w-4' />
-          <span className='system-sm-medium'>{t('workflow.env.envPanelButton')}</span>
+      }}
+      >
+        <Button variant="primary">
+          <RiAddLine className="mr-1 h-4 w-4" />
+          <span className="system-sm-medium">{t('workflow.env.envPanelButton')}</span>
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[11]'>
+      <PortalToFollowElemContent className="z-[11]">
         <VariableModal
           env={env}
           onSave={onSave}
diff --git a/web/app/components/workflow/panel/global-variable-panel/index.tsx b/web/app/components/workflow/panel/global-variable-panel/index.tsx
index ab7cf4708b..947393d95a 100644
--- a/web/app/components/workflow/panel/global-variable-panel/index.tsx
+++ b/web/app/components/workflow/panel/global-variable-panel/index.tsx
@@ -1,16 +1,16 @@
+import type { GlobalVariable } from '../../types'
+
+import { RiCloseLine } from '@remixicon/react'
 import {
   memo,
 } from 'react'
-
-import { RiCloseLine } from '@remixicon/react'
-import type { GlobalVariable } from '../../types'
-import Item from './item'
+import { useTranslation } from 'react-i18next'
 import { useStore } from '@/app/components/workflow/store'
 
 import { cn } from '@/utils/classnames'
-import { useTranslation } from 'react-i18next'
-import { useIsChatMode } from '../../hooks'
 import { isInWorkflowPage } from '../../constants'
+import { useIsChatMode } from '../../hooks'
+import Item from './item'
 
 const Panel = () => {
   const { t } = useTranslation()
@@ -19,16 +19,17 @@ const Panel = () => {
   const isWorkflowPage = isInWorkflowPage()
 
   const globalVariableList: GlobalVariable[] = [
-    ...(isChatMode ? [{
-      name: 'conversation_id',
-      value_type: 'string' as const,
-      description: t('workflow.globalVar.fieldsDescription.conversationId'),
-    },
-    {
-      name: 'dialog_count',
-      value_type: 'number' as const,
-      description: t('workflow.globalVar.fieldsDescription.dialogCount'),
-    }] : []),
+    ...(isChatMode
+      ? [{
+          name: 'conversation_id',
+          value_type: 'string' as const,
+          description: t('workflow.globalVar.fieldsDescription.conversationId'),
+        }, {
+          name: 'dialog_count',
+          value_type: 'number' as const,
+          description: t('workflow.globalVar.fieldsDescription.dialogCount'),
+        }]
+      : []),
     {
       name: 'user_id',
       value_type: 'string',
@@ -50,11 +51,13 @@ const Panel = () => {
       description: t('workflow.globalVar.fieldsDescription.workflowRunId'),
     },
     // is workflow
-    ...((isWorkflowPage && !isChatMode) ? [{
-      name: 'timestamp',
-      value_type: 'number' as const,
-      description: t('workflow.globalVar.fieldsDescription.triggerTimestamp'),
-    }] : []),
+    ...((isWorkflowPage && !isChatMode)
+      ? [{
+          name: 'timestamp',
+          value_type: 'number' as const,
+          description: t('workflow.globalVar.fieldsDescription.triggerTimestamp'),
+        }]
+      : []),
   ]
 
   return (
@@ -63,20 +66,20 @@ const Panel = () => {
         'relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg-alt',
       )}
     >
-      <div className='system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'>
+      <div className="system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary">
         {t('workflow.globalVar.title')}
-        <div className='flex items-center'>
+        <div className="flex items-center">
           <div
-            className='flex h-6 w-6 cursor-pointer items-center justify-center'
+            className="flex h-6 w-6 cursor-pointer items-center justify-center"
             onClick={() => setShowPanel(false)}
           >
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
       </div>
-      <div className='system-sm-regular shrink-0 px-4 py-1 text-text-tertiary'>{t('workflow.globalVar.description')}</div>
+      <div className="system-sm-regular shrink-0 px-4 py-1 text-text-tertiary">{t('workflow.globalVar.description')}</div>
 
-      <div className='mt-4 grow overflow-y-auto rounded-b-2xl px-4'>
+      <div className="mt-4 grow overflow-y-auto rounded-b-2xl px-4">
         {globalVariableList.map(item => (
           <Item
             key={item.name}
diff --git a/web/app/components/workflow/panel/global-variable-panel/item.tsx b/web/app/components/workflow/panel/global-variable-panel/item.tsx
index c88222efb4..f82579dedb 100644
--- a/web/app/components/workflow/panel/global-variable-panel/item.tsx
+++ b/web/app/components/workflow/panel/global-variable-panel/item.tsx
@@ -1,8 +1,8 @@
-import { memo } from 'react'
-import { capitalize } from 'lodash-es'
-import { GlobalVariable as GlobalVariableIcon } from '@/app/components/base/icons/src/vender/line/others'
-
 import type { GlobalVariable } from '@/app/components/workflow/types'
+import { capitalize } from 'lodash-es'
+import { memo } from 'react'
+
+import { GlobalVariable as GlobalVariableIcon } from '@/app/components/base/icons/src/vender/line/others'
 import { cn } from '@/utils/classnames'
 
 type Props = {
@@ -15,18 +15,19 @@ const Item = ({
   return (
     <div className={cn(
       'radius-md mb-1 border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg px-2.5 py-2 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover',
-    )}>
-      <div className='flex items-center justify-between'>
-        <div className='flex grow items-center gap-1'>
-          <GlobalVariableIcon className='h-4 w-4 text-util-colors-orange-orange-600' />
-          <div className='system-sm-medium text-text-primary'>
-            <span className='text-text-tertiary'>sys.</span>
+    )}
+    >
+      <div className="flex items-center justify-between">
+        <div className="flex grow items-center gap-1">
+          <GlobalVariableIcon className="h-4 w-4 text-util-colors-orange-orange-600" />
+          <div className="system-sm-medium text-text-primary">
+            <span className="text-text-tertiary">sys.</span>
             {payload.name}
           </div>
-          <div className='system-xs-medium text-text-tertiary'>{capitalize(payload.value_type)}</div>
+          <div className="system-xs-medium text-text-tertiary">{capitalize(payload.value_type)}</div>
         </div>
       </div>
-      <div className='system-xs-regular mt-1.5 truncate text-text-tertiary'>{payload.description}</div>
+      <div className="system-xs-regular mt-1.5 truncate text-text-tertiary">{payload.description}</div>
     </div>
   )
 }
diff --git a/web/app/components/workflow/panel/index.tsx b/web/app/components/workflow/panel/index.tsx
index 8b4ba27ec3..88ada8b11e 100644
--- a/web/app/components/workflow/panel/index.tsx
+++ b/web/app/components/workflow/panel/index.tsx
@@ -1,13 +1,13 @@
 import type { FC } from 'react'
-import { memo, useCallback, useEffect, useRef } from 'react'
 import type { VersionHistoryPanelProps } from '@/app/components/workflow/panel/version-history-panel'
-import { useShallow } from 'zustand/react/shallow'
+import dynamic from 'next/dynamic'
+import { memo, useCallback, useEffect, useRef } from 'react'
 import { useStore as useReactflow } from 'reactflow'
+import { useShallow } from 'zustand/react/shallow'
+import { cn } from '@/utils/classnames'
 import { Panel as NodePanel } from '../nodes'
 import { useStore } from '../store'
 import EnvPanel from './env-panel'
-import { cn } from '@/utils/classnames'
-import dynamic from 'next/dynamic'
 
 const VersionHistoryPanel = dynamic(() => import('@/app/components/workflow/panel/version-history-panel'), {
   ssr: false,
@@ -44,7 +44,8 @@ const useResizeObserver = (
 
   useEffect(() => {
     const element = elementRef.current
-    if (!element) return
+    if (!element)
+      return
 
     const resizeObserver = new ResizeObserver((entries) => {
       for (const entry of entries) {
diff --git a/web/app/components/workflow/panel/inputs-panel.tsx b/web/app/components/workflow/panel/inputs-panel.tsx
index 4c9de03b8a..d1791ebe7e 100644
--- a/web/app/components/workflow/panel/inputs-panel.tsx
+++ b/web/app/components/workflow/panel/inputs-panel.tsx
@@ -1,3 +1,4 @@
+import type { StartNodeType } from '../nodes/start/types'
 import {
   memo,
   useCallback,
@@ -5,25 +6,24 @@ import {
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNodes } from 'reactflow'
+import Button from '@/app/components/base/button'
+import { useCheckInputsForms } from '@/app/components/base/chat/chat/check-input-forms-hooks'
+import {
+  getProcessedInputs,
+} from '@/app/components/base/chat/chat/utils'
+import { TransferMethod } from '../../base/text-generation/types'
+import { useWorkflowRun } from '../hooks'
+import { useHooksStore } from '../hooks-store'
 import FormItem from '../nodes/_base/components/before-run-form/form-item'
+import {
+  useStore,
+  useWorkflowStore,
+} from '../store'
 import {
   BlockEnum,
   InputVarType,
   WorkflowRunningStatus,
 } from '../types'
-import {
-  useStore,
-  useWorkflowStore,
-} from '../store'
-import { useWorkflowRun } from '../hooks'
-import type { StartNodeType } from '../nodes/start/types'
-import { TransferMethod } from '../../base/text-generation/types'
-import Button from '@/app/components/base/button'
-import {
-  getProcessedInputs,
-} from '@/app/components/base/chat/chat/utils'
-import { useCheckInputsForms } from '@/app/components/base/chat/chat/check-input-forms-hooks'
-import { useHooksStore } from '../hooks-store'
 
 type Props = {
   onRun: () => void
@@ -105,16 +105,16 @@ const InputsPanel = ({ onRun }: Props) => {
 
   return (
     <>
-      <div className='px-4 pb-2 pt-3'>
+      <div className="px-4 pb-2 pt-3">
         {
           variables.map((variable, index) => (
             <div
               key={variable.variable}
-              className='mb-2 last-of-type:mb-0'
+              className="mb-2 last-of-type:mb-0"
             >
               <FormItem
                 autoFocus={index === 0}
-                className='!block'
+                className="!block"
                 payload={variable}
                 value={initialInputs[variable.variable]}
                 onChange={v => handleValueChange(variable.variable, v)}
@@ -123,11 +123,11 @@ const InputsPanel = ({ onRun }: Props) => {
           ))
         }
       </div>
-      <div className='flex items-center justify-between px-4 py-2'>
+      <div className="flex items-center justify-between px-4 py-2">
         <Button
-          variant='primary'
+          variant="primary"
           disabled={!canRun || workflowRunningData?.result?.status === WorkflowRunningStatus.Running}
-          className='w-full'
+          className="w-full"
           onClick={doRun}
         >
           {t('workflow.singleRun.startRun')}
diff --git a/web/app/components/workflow/panel/record.tsx b/web/app/components/workflow/panel/record.tsx
index e9c677d235..ff84c73db9 100644
--- a/web/app/components/workflow/panel/record.tsx
+++ b/web/app/components/workflow/panel/record.tsx
@@ -1,9 +1,9 @@
-import { memo, useCallback } from 'react'
 import type { WorkflowRunDetailResponse } from '@/models/log'
-import Run from '../run'
-import { useStore } from '../store'
+import { memo, useCallback } from 'react'
 import { useWorkflowUpdate } from '../hooks'
 import { useHooksStore } from '../hooks-store'
+import Run from '../run'
+import { useStore } from '../store'
 import { formatWorkflowRunIdentifier } from '../utils'
 
 const Record = () => {
@@ -21,8 +21,8 @@ const Record = () => {
   }, [handleUpdateWorkflowCanvas])
 
   return (
-    <div className='flex h-full w-[400px] flex-col rounded-l-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'>
-      <div className='system-xl-semibold flex items-center justify-between p-4 pb-0 text-text-primary'>
+    <div className="flex h-full w-[400px] flex-col rounded-l-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl">
+      <div className="system-xl-semibold flex items-center justify-between p-4 pb-0 text-text-primary">
         {`Test Run${formatWorkflowRunIdentifier(historyWorkflowData?.finished_at)}`}
       </div>
       <Run
diff --git a/web/app/components/workflow/panel/version-history-panel/context-menu/index.tsx b/web/app/components/workflow/panel/version-history-panel/context-menu/index.tsx
index a2b7e1afdd..47dc68687d 100644
--- a/web/app/components/workflow/panel/version-history-panel/context-menu/index.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/context-menu/index.tsx
@@ -1,15 +1,16 @@
-import React, { type FC, useCallback } from 'react'
+import type { FC } from 'react'
 import { RiMoreFill } from '@remixicon/react'
-import { VersionHistoryContextMenuOptions } from '../../../types'
-import MenuItem from './menu-item'
-import useContextMenu from './use-context-menu'
+import React, { useCallback } from 'react'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import Divider from '@/app/components/base/divider'
+import { VersionHistoryContextMenuOptions } from '../../../types'
+import MenuItem from './menu-item'
+import useContextMenu from './use-context-menu'
 
 export type ContextMenuProps = {
   isShowDelete: boolean
@@ -33,7 +34,7 @@ const ContextMenu: FC<ContextMenuProps> = (props: ContextMenuProps) => {
 
   return (
     <PortalToFollowElem
-      placement={'bottom-end'}
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 0,
@@ -42,13 +43,13 @@ const ContextMenu: FC<ContextMenuProps> = (props: ContextMenuProps) => {
       onOpenChange={setOpen}
     >
       <PortalToFollowElemTrigger>
-        <Button size='small' className='px-1' onClick={handleClickTrigger}>
-          <RiMoreFill className='h-4 w-4' />
+        <Button size="small" className="px-1" onClick={handleClickTrigger}>
+          <RiMoreFill className="h-4 w-4" />
         </Button>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='flex w-[184px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]'>
-          <div className='flex flex-col p-1'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="flex w-[184px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]">
+          <div className="flex flex-col p-1">
             {
               options.map((option) => {
                 return (
@@ -64,8 +65,8 @@ const ContextMenu: FC<ContextMenuProps> = (props: ContextMenuProps) => {
           {
             isShowDelete && (
               <>
-                <Divider type='horizontal' className='my-0 h-px bg-divider-subtle' />
-                <div className='p-1'>
+                <Divider type="horizontal" className="my-0 h-px bg-divider-subtle" />
+                <div className="p-1">
                   <MenuItem
                     item={deleteOperation}
                     isDestructive
diff --git a/web/app/components/workflow/panel/version-history-panel/context-menu/menu-item.tsx b/web/app/components/workflow/panel/version-history-panel/context-menu/menu-item.tsx
index 61916b0200..a307056148 100644
--- a/web/app/components/workflow/panel/version-history-panel/context-menu/menu-item.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/context-menu/menu-item.tsx
@@ -1,5 +1,6 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import type { VersionHistoryContextMenuOptions } from '../../../types'
+import React from 'react'
 import { cn } from '@/utils/classnames'
 
 type MenuItemProps = {
@@ -29,7 +30,8 @@ const MenuItem: FC<MenuItemProps> = ({
       <div className={cn(
         'system-md-regular flex-1 text-text-primary',
         isDestructive && 'hover:text-text-destructive',
-      )}>
+      )}
+      >
         {item.name}
       </div>
     </div>
diff --git a/web/app/components/workflow/panel/version-history-panel/context-menu/use-context-menu.ts b/web/app/components/workflow/panel/version-history-panel/context-menu/use-context-menu.ts
index 242b77a5fa..caf7b9a14d 100644
--- a/web/app/components/workflow/panel/version-history-panel/context-menu/use-context-menu.ts
+++ b/web/app/components/workflow/panel/version-history-panel/context-menu/use-context-menu.ts
@@ -1,8 +1,8 @@
+import type { ContextMenuProps } from './index'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { VersionHistoryContextMenuOptions } from '../../../types'
-import type { ContextMenuProps } from './index'
 import { useStore } from '@/app/components/workflow/store'
+import { VersionHistoryContextMenuOptions } from '../../../types'
 
 const useContextMenu = (props: ContextMenuProps) => {
   const {
@@ -24,18 +24,20 @@ const useContextMenu = (props: ContextMenuProps) => {
       },
       isNamedVersion
         ? {
-          key: VersionHistoryContextMenuOptions.edit,
-          name: t('workflow.versionHistory.editVersionInfo'),
-        }
+            key: VersionHistoryContextMenuOptions.edit,
+            name: t('workflow.versionHistory.editVersionInfo'),
+          }
         : {
-          key: VersionHistoryContextMenuOptions.edit,
-          name: t('workflow.versionHistory.nameThisVersion'),
-        },
+            key: VersionHistoryContextMenuOptions.edit,
+            name: t('workflow.versionHistory.nameThisVersion'),
+          },
       // todo: pipeline support export specific version DSL
-      ...(!pipelineId ? [{
-        key: VersionHistoryContextMenuOptions.exportDSL,
-        name: t('app.export'),
-      }] : []),
+      ...(!pipelineId
+        ? [{
+            key: VersionHistoryContextMenuOptions.exportDSL,
+            name: t('app.export'),
+          }]
+        : []),
       {
         key: VersionHistoryContextMenuOptions.copyId,
         name: t('workflow.versionHistory.copyId'),
diff --git a/web/app/components/workflow/panel/version-history-panel/delete-confirm-modal.tsx b/web/app/components/workflow/panel/version-history-panel/delete-confirm-modal.tsx
index 8ba1494000..3ad7d0dc8a 100644
--- a/web/app/components/workflow/panel/version-history-panel/delete-confirm-modal.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/delete-confirm-modal.tsx
@@ -1,8 +1,9 @@
-import React, { type FC } from 'react'
-import Modal from '@/app/components/base/modal'
+import type { FC } from 'react'
 import type { VersionHistory } from '@/types/workflow'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
 
 type DeleteConfirmModalProps = {
   isOpen: boolean
@@ -19,24 +20,26 @@ const DeleteConfirmModal: FC<DeleteConfirmModalProps> = ({
 }) => {
   const { t } = useTranslation()
 
-  return <Modal className='p-0' isShow={isOpen} onClose={onClose}>
-    <div className='flex flex-col gap-y-2 p-6 pb-4 '>
-      <div className='title-2xl-semi-bold text-text-primary'>
-        {`${t('common.operation.delete')} ${versionInfo.marked_name || t('workflow.versionHistory.defaultName')}`}
+  return (
+    <Modal className="p-0" isShow={isOpen} onClose={onClose}>
+      <div className="flex flex-col gap-y-2 p-6 pb-4 ">
+        <div className="title-2xl-semi-bold text-text-primary">
+          {`${t('common.operation.delete')} ${versionInfo.marked_name || t('workflow.versionHistory.defaultName')}`}
+        </div>
+        <p className="system-md-regular text-text-secondary">
+          {t('workflow.versionHistory.deletionTip')}
+        </p>
       </div>
-      <p className='system-md-regular text-text-secondary'>
-        {t('workflow.versionHistory.deletionTip')}
-      </p>
-    </div>
-    <div className='flex items-center justify-end gap-x-2 p-6'>
-      <Button onClick={onClose}>
-        {t('common.operation.cancel')}
-      </Button>
-      <Button variant='warning' onClick={onDelete.bind(null, versionInfo.id)}>
-        {t('common.operation.delete')}
-      </Button>
-    </div>
-  </Modal>
+      <div className="flex items-center justify-end gap-x-2 p-6">
+        <Button onClick={onClose}>
+          {t('common.operation.cancel')}
+        </Button>
+        <Button variant="warning" onClick={onDelete.bind(null, versionInfo.id)}>
+          {t('common.operation.delete')}
+        </Button>
+      </div>
+    </Modal>
+  )
 }
 
 export default DeleteConfirmModal
diff --git a/web/app/components/workflow/panel/version-history-panel/empty.tsx b/web/app/components/workflow/panel/version-history-panel/empty.tsx
index e3f3a6e910..c020c076ad 100644
--- a/web/app/components/workflow/panel/version-history-panel/empty.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/empty.tsx
@@ -1,7 +1,8 @@
-import Button from '@/app/components/base/button'
+import type { FC } from 'react'
 import { RiHistoryLine } from '@remixicon/react'
-import React, { type FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 
 type EmptyProps = {
   onResetFilter: () => void
@@ -12,19 +13,21 @@ const Empty: FC<EmptyProps> = ({
 }) => {
   const { t } = useTranslation()
 
-  return <div className='flex h-5/6 w-full flex-col justify-center gap-y-2'>
-    <div className='flex justify-center'>
-      <RiHistoryLine className='h-10 w-10 text-text-empty-state-icon' />
+  return (
+    <div className="flex h-5/6 w-full flex-col justify-center gap-y-2">
+      <div className="flex justify-center">
+        <RiHistoryLine className="h-10 w-10 text-text-empty-state-icon" />
+      </div>
+      <div className="system-xs-regular flex justify-center text-text-tertiary">
+        {t('workflow.versionHistory.filter.empty')}
+      </div>
+      <div className="flex justify-center">
+        <Button size="small" onClick={onResetFilter}>
+          {t('workflow.versionHistory.filter.reset')}
+        </Button>
+      </div>
     </div>
-    <div className='system-xs-regular flex justify-center text-text-tertiary'>
-      {t('workflow.versionHistory.filter.empty')}
-    </div>
-    <div className='flex justify-center'>
-      <Button size='small' onClick={onResetFilter}>
-        {t('workflow.versionHistory.filter.reset')}
-      </Button>
-    </div>
-  </div>
+  )
 }
 
 export default React.memo(Empty)
diff --git a/web/app/components/workflow/panel/version-history-panel/filter/filter-item.tsx b/web/app/components/workflow/panel/version-history-panel/filter/filter-item.tsx
index 4301a8e582..c9a7c28112 100644
--- a/web/app/components/workflow/panel/version-history-panel/filter/filter-item.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/filter/filter-item.tsx
@@ -1,6 +1,7 @@
-import { RiCheckLine } from '@remixicon/react'
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import type { WorkflowVersionFilterOptions } from '../../../types'
+import { RiCheckLine } from '@remixicon/react'
+import React from 'react'
 
 type FilterItemProps = {
   item: {
@@ -18,13 +19,13 @@ const FilterItem: FC<FilterItemProps> = ({
 }) => {
   return (
     <div
-      className='flex cursor-pointer items-center justify-between gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover'
+      className="flex cursor-pointer items-center justify-between gap-x-1 rounded-lg px-2 py-1.5 hover:bg-state-base-hover"
       onClick={() => {
         onClick(item.key)
       }}
     >
-      <div className='system-md-regular flex-1 text-text-primary'>{item.name}</div>
-      {isSelected && <RiCheckLine className='h-4 w-4 shrink-0 text-text-accent' />}
+      <div className="system-md-regular flex-1 text-text-primary">{item.name}</div>
+      {isSelected && <RiCheckLine className="h-4 w-4 shrink-0 text-text-accent" />}
     </div>
   )
 }
diff --git a/web/app/components/workflow/panel/version-history-panel/filter/filter-switch.tsx b/web/app/components/workflow/panel/version-history-panel/filter/filter-switch.tsx
index 0eabd50702..6db331338b 100644
--- a/web/app/components/workflow/panel/version-history-panel/filter/filter-switch.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/filter/filter-switch.tsx
@@ -1,4 +1,5 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Switch from '@/app/components/base/switch'
 
@@ -14,16 +15,16 @@ const FilterSwitch: FC<FilterSwitchProps> = ({
   const { t } = useTranslation()
 
   return (
-    <div className='flex items-center p-1'>
-      <div className='flex w-full items-center gap-x-1 px-2 py-1.5'>
-        <div className='system-md-regular flex-1 px-1 text-text-secondary'>
+    <div className="flex items-center p-1">
+      <div className="flex w-full items-center gap-x-1 px-2 py-1.5">
+        <div className="system-md-regular flex-1 px-1 text-text-secondary">
           {t('workflow.versionHistory.filter.onlyShowNamedVersions')}
         </div>
         <Switch
           defaultValue={enabled}
           onChange={v => handleSwitch(v)}
-          size='md'
-          className='shrink-0'
+          size="md"
+          className="shrink-0"
         />
       </div>
     </div>
diff --git a/web/app/components/workflow/panel/version-history-panel/filter/index.tsx b/web/app/components/workflow/panel/version-history-panel/filter/index.tsx
index e37bbe2269..8def221926 100644
--- a/web/app/components/workflow/panel/version-history-panel/filter/index.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/filter/index.tsx
@@ -1,16 +1,17 @@
-import React, { type FC, useCallback, useState } from 'react'
+import type { FC } from 'react'
 import { RiFilter3Line } from '@remixicon/react'
-import { WorkflowVersionFilterOptions } from '../../../types'
-import { useFilterOptions } from './use-filter'
-import FilterItem from './filter-item'
-import FilterSwitch from './filter-switch'
+import React, { useCallback, useState } from 'react'
+import Divider from '@/app/components/base/divider'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Divider from '@/app/components/base/divider'
 import { cn } from '@/utils/classnames'
+import { WorkflowVersionFilterOptions } from '../../../types'
+import FilterItem from './filter-item'
+import FilterSwitch from './filter-switch'
+import { useFilterOptions } from './use-filter'
 
 type FilterProps = {
   filterValue: WorkflowVersionFilterOptions
@@ -36,7 +37,7 @@ const Filter: FC<FilterProps> = ({
 
   return (
     <PortalToFollowElem
-      placement={'bottom-end'}
+      placement="bottom-end"
       offset={{
         mainAxis: 4,
         crossAxis: 55,
@@ -54,9 +55,9 @@ const Filter: FC<FilterProps> = ({
           <RiFilter3Line className={cn('h-4 w-4', isFiltering ? 'text-text-accent' : ' text-text-tertiary')} />
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[12]'>
-        <div className='flex w-[248px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]'>
-          <div className='flex flex-col p-1'>
+      <PortalToFollowElemContent className="z-[12]">
+        <div className="flex w-[248px] flex-col rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg shadow-shadow-shadow-5 backdrop-blur-[5px]">
+          <div className="flex flex-col p-1">
             {
               options.map((option) => {
                 return (
@@ -70,7 +71,7 @@ const Filter: FC<FilterProps> = ({
               })
             }
           </div>
-          <Divider type='horizontal' className='my-0 h-px bg-divider-subtle' />
+          <Divider type="horizontal" className="my-0 h-px bg-divider-subtle" />
           <FilterSwitch enabled={isOnlyShowNamedVersions} handleSwitch={handleSwitch} />
         </div>
       </PortalToFollowElemContent>
diff --git a/web/app/components/workflow/panel/version-history-panel/index.tsx b/web/app/components/workflow/panel/version-history-panel/index.tsx
index eeb4f50720..0bdb608d94 100644
--- a/web/app/components/workflow/panel/version-history-panel/index.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/index.tsx
@@ -1,24 +1,24 @@
 'use client'
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { VersionHistory } from '@/types/workflow'
 import { RiArrowDownDoubleLine, RiCloseLine, RiLoader2Line } from '@remixicon/react'
 import copy from 'copy-to-clipboard'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import VersionInfoModal from '@/app/components/app/app-publisher/version-info-modal'
+import Divider from '@/app/components/base/divider'
+import Toast from '@/app/components/base/toast'
+import { useSelector as useAppContextSelector } from '@/context/app-context'
+import { useDeleteWorkflow, useInvalidAllLastRun, useResetWorkflowVersionHistory, useUpdateWorkflow, useWorkflowVersionHistory } from '@/service/use-workflow'
 import { useDSL, useNodesSyncDraft, useWorkflowRun } from '../../hooks'
+import { useHooksStore } from '../../hooks-store'
 import { useStore, useWorkflowStore } from '../../store'
 import { VersionHistoryContextMenuOptions, WorkflowVersionFilterOptions } from '../../types'
-import VersionHistoryItem from './version-history-item'
-import Filter from './filter'
-import type { VersionHistory } from '@/types/workflow'
-import { useDeleteWorkflow, useInvalidAllLastRun, useResetWorkflowVersionHistory, useUpdateWorkflow, useWorkflowVersionHistory } from '@/service/use-workflow'
-import Divider from '@/app/components/base/divider'
-import Loading from './loading'
-import Empty from './empty'
-import { useSelector as useAppContextSelector } from '@/context/app-context'
-import RestoreConfirmModal from './restore-confirm-modal'
 import DeleteConfirmModal from './delete-confirm-modal'
-import VersionInfoModal from '@/app/components/app/app-publisher/version-info-modal'
-import Toast from '@/app/components/base/toast'
-import { useHooksStore } from '../../hooks-store'
+import Empty from './empty'
+import Filter from './filter'
+import Loading from './loading'
+import RestoreConfirmModal from './restore-confirm-modal'
+import VersionHistoryItem from './version-history-item'
 
 const HISTORY_PER_PAGE = 10
 const INITIAL_PAGE = 1
@@ -222,87 +222,95 @@ export const VersionHistoryPanel = ({
   }, [t, updateWorkflow, resetWorkflowVersionHistory, updateVersionUrl])
 
   return (
-    <div className='flex h-full w-[268px] flex-col rounded-l-2xl border-y-[0.5px] border-l-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5'>
-      <div className='flex items-center gap-x-2 px-4 pt-3'>
-        <div className='system-xl-semibold flex-1 py-1 text-text-primary'>{t('workflow.versionHistory.title')}</div>
+    <div className="flex h-full w-[268px] flex-col rounded-l-2xl border-y-[0.5px] border-l-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5">
+      <div className="flex items-center gap-x-2 px-4 pt-3">
+        <div className="system-xl-semibold flex-1 py-1 text-text-primary">{t('workflow.versionHistory.title')}</div>
         <Filter
           filterValue={filterValue}
           isOnlyShowNamedVersions={isOnlyShowNamedVersions}
           onClickFilterItem={handleClickFilterItem}
           handleSwitch={handleSwitch}
         />
-        <Divider type='vertical' className='mx-1 h-3.5' />
+        <Divider type="vertical" className="mx-1 h-3.5" />
         <div
-          className='flex h-6 w-6 cursor-pointer items-center justify-center p-0.5'
+          className="flex h-6 w-6 cursor-pointer items-center justify-center p-0.5"
           onClick={handleClose}
         >
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
       </div>
       <div className="flex h-0 flex-1 flex-col">
         <div className="flex-1 overflow-y-auto px-3 py-2">
           {(isFetching && !versionHistory?.pages?.length)
             ? (
-              <Loading />
-            )
+                <Loading />
+              )
             : (
-              <>
-                {versionHistory?.pages?.map((page, pageNumber) => (
-                  page.items?.map((item, idx) => {
-                    const isLast = pageNumber === versionHistory.pages.length - 1 && idx === page.items.length - 1
-                    return <VersionHistoryItem
-                      key={item.id}
-                      item={item}
-                      currentVersion={currentVersion}
-                      latestVersionId={latestVersionId || ''}
-                      onClick={handleVersionClick}
-                      handleClickMenuItem={handleClickMenuItem.bind(null, item)}
-                      isLast={isLast}
-                    />
-                  })
-                ))}
-                {!isFetching && (!versionHistory?.pages?.length || !versionHistory.pages[0].items.length) && (
-                  <Empty onResetFilter={handleResetFilter} />
-                )}
-              </>
-            )}
+                <>
+                  {versionHistory?.pages?.map((page, pageNumber) => (
+                    page.items?.map((item, idx) => {
+                      const isLast = pageNumber === versionHistory.pages.length - 1 && idx === page.items.length - 1
+                      return (
+                        <VersionHistoryItem
+                          key={item.id}
+                          item={item}
+                          currentVersion={currentVersion}
+                          latestVersionId={latestVersionId || ''}
+                          onClick={handleVersionClick}
+                          handleClickMenuItem={handleClickMenuItem.bind(null, item)}
+                          isLast={isLast}
+                        />
+                      )
+                    })
+                  ))}
+                  {!isFetching && (!versionHistory?.pages?.length || !versionHistory.pages[0].items.length) && (
+                    <Empty onResetFilter={handleResetFilter} />
+                  )}
+                </>
+              )}
         </div>
         {hasNextPage && (
-          <div className='p-2'>
+          <div className="p-2">
             <div
-              className='flex cursor-pointer items-center gap-x-1'
+              className="flex cursor-pointer items-center gap-x-1"
               onClick={handleNextPage}
             >
-              <div className='item-center flex justify-center p-0.5'>
+              <div className="item-center flex justify-center p-0.5">
                 {isFetching
-                  ? <RiLoader2Line className='h-3.5 w-3.5 animate-spin text-text-accent' />
-                  : <RiArrowDownDoubleLine className='h-3.5 w-3.5 text-text-accent' />}
+                  ? <RiLoader2Line className="h-3.5 w-3.5 animate-spin text-text-accent" />
+                  : <RiArrowDownDoubleLine className="h-3.5 w-3.5 text-text-accent" />}
               </div>
-              <div className='system-xs-medium-uppercase py-[1px] text-text-accent'>
+              <div className="system-xs-medium-uppercase py-[1px] text-text-accent">
                 {t('workflow.common.loadMore')}
               </div>
             </div>
           </div>
         )}
       </div>
-      {restoreConfirmOpen && (<RestoreConfirmModal
-        isOpen={restoreConfirmOpen}
-        versionInfo={operatedItem!}
-        onClose={handleCancel.bind(null, VersionHistoryContextMenuOptions.restore)}
-        onRestore={handleRestore}
-      />)}
-      {deleteConfirmOpen && (<DeleteConfirmModal
-        isOpen={deleteConfirmOpen}
-        versionInfo={operatedItem!}
-        onClose={handleCancel.bind(null, VersionHistoryContextMenuOptions.delete)}
-        onDelete={handleDelete}
-      />)}
-      {editModalOpen && (<VersionInfoModal
-        isOpen={editModalOpen}
-        versionInfo={operatedItem}
-        onClose={handleCancel.bind(null, VersionHistoryContextMenuOptions.edit)}
-        onPublish={handleUpdateWorkflow}
-      />)}
+      {restoreConfirmOpen && (
+        <RestoreConfirmModal
+          isOpen={restoreConfirmOpen}
+          versionInfo={operatedItem!}
+          onClose={handleCancel.bind(null, VersionHistoryContextMenuOptions.restore)}
+          onRestore={handleRestore}
+        />
+      )}
+      {deleteConfirmOpen && (
+        <DeleteConfirmModal
+          isOpen={deleteConfirmOpen}
+          versionInfo={operatedItem!}
+          onClose={handleCancel.bind(null, VersionHistoryContextMenuOptions.delete)}
+          onDelete={handleDelete}
+        />
+      )}
+      {editModalOpen && (
+        <VersionInfoModal
+          isOpen={editModalOpen}
+          versionInfo={operatedItem}
+          onClose={handleCancel.bind(null, VersionHistoryContextMenuOptions.edit)}
+          onPublish={handleUpdateWorkflow}
+        />
+      )}
     </div>
   )
 }
diff --git a/web/app/components/workflow/panel/version-history-panel/loading/index.tsx b/web/app/components/workflow/panel/version-history-panel/loading/index.tsx
index 2c4db667ea..a6dadcd652 100644
--- a/web/app/components/workflow/panel/version-history-panel/loading/index.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/loading/index.tsx
@@ -10,10 +10,12 @@ const itemConfig = Array.from({ length: 8 }).map((_, index) => {
 })
 
 const Loading = () => {
-  return <div className='relative w-full overflow-y-hidden'>
-    <div className='absolute left-0 top-0 z-10 h-full w-full bg-dataset-chunk-list-mask-bg' />
-    {itemConfig.map((config, index) => <Item key={index} {...config} />)}
-  </div>
+  return (
+    <div className="relative w-full overflow-y-hidden">
+      <div className="absolute left-0 top-0 z-10 h-full w-full bg-dataset-chunk-list-mask-bg" />
+      {itemConfig.map((config, index) => <Item key={index} {...config} />)}
+    </div>
+  )
 }
 
 export default Loading
diff --git a/web/app/components/workflow/panel/version-history-panel/loading/item.tsx b/web/app/components/workflow/panel/version-history-panel/loading/item.tsx
index ff2d746801..c17d725fb3 100644
--- a/web/app/components/workflow/panel/version-history-panel/loading/item.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/loading/item.tsx
@@ -1,4 +1,5 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
+import React from 'react'
 import { cn } from '@/utils/classnames'
 
 type ItemProps = {
@@ -15,18 +16,18 @@ const Item: FC<ItemProps> = ({
   isLast,
 }) => {
   return (
-    <div className='relative flex gap-x-1 p-2' >
-      {!isLast && <div className='absolute left-4 top-6 h-[calc(100%-0.75rem)] w-0.5 bg-divider-subtle' />}
-      <div className=' flex h-5 w-[18px] shrink-0 items-center justify-center'>
-        <div className='h-2 w-2 rounded-lg border-[2px] border-text-quaternary' />
+    <div className="relative flex gap-x-1 p-2">
+      {!isLast && <div className="absolute left-4 top-6 h-[calc(100%-0.75rem)] w-0.5 bg-divider-subtle" />}
+      <div className=" flex h-5 w-[18px] shrink-0 items-center justify-center">
+        <div className="h-2 w-2 rounded-lg border-[2px] border-text-quaternary" />
       </div>
-      <div className='flex grow flex-col gap-y-0.5'>
-        <div className='flex h-3.5 items-center'>
+      <div className="flex grow flex-col gap-y-0.5">
+        <div className="flex h-3.5 items-center">
           <div className={cn('h-2 w-full rounded-sm bg-text-quaternary opacity-20', titleWidth)} />
         </div>
         {
           !isFirst && (
-            <div className='flex h-3 items-center'>
+            <div className="flex h-3 items-center">
               <div className={cn('h-1.5 w-full rounded-sm bg-text-quaternary opacity-20', releaseNotesWidth)} />
             </div>
           )
diff --git a/web/app/components/workflow/panel/version-history-panel/restore-confirm-modal.tsx b/web/app/components/workflow/panel/version-history-panel/restore-confirm-modal.tsx
index d8394d20c0..09bc5d79b4 100644
--- a/web/app/components/workflow/panel/version-history-panel/restore-confirm-modal.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/restore-confirm-modal.tsx
@@ -1,8 +1,9 @@
-import React, { type FC } from 'react'
-import Modal from '@/app/components/base/modal'
+import type { FC } from 'react'
 import type { VersionHistory } from '@/types/workflow'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
 
 type RestoreConfirmModalProps = {
   isOpen: boolean
@@ -19,24 +20,26 @@ const RestoreConfirmModal: FC<RestoreConfirmModalProps> = ({
 }) => {
   const { t } = useTranslation()
 
-  return <Modal className='p-0' isShow={isOpen} onClose={onClose}>
-    <div className='flex flex-col gap-y-2 p-6 pb-4 '>
-      <div className='title-2xl-semi-bold text-text-primary'>
-        {`${t('workflow.common.restore')} ${versionInfo.marked_name || t('workflow.versionHistory.defaultName')}`}
+  return (
+    <Modal className="p-0" isShow={isOpen} onClose={onClose}>
+      <div className="flex flex-col gap-y-2 p-6 pb-4 ">
+        <div className="title-2xl-semi-bold text-text-primary">
+          {`${t('workflow.common.restore')} ${versionInfo.marked_name || t('workflow.versionHistory.defaultName')}`}
+        </div>
+        <p className="system-md-regular text-text-secondary">
+          {t('workflow.versionHistory.restorationTip')}
+        </p>
       </div>
-      <p className='system-md-regular text-text-secondary'>
-        {t('workflow.versionHistory.restorationTip')}
-      </p>
-    </div>
-    <div className='flex items-center justify-end gap-x-2 p-6'>
-      <Button onClick={onClose}>
-        {t('common.operation.cancel')}
-      </Button>
-      <Button variant='primary' onClick={onRestore.bind(null, versionInfo)}>
-        {t('workflow.common.restore')}
-      </Button>
-    </div>
-  </Modal>
+      <div className="flex items-center justify-end gap-x-2 p-6">
+        <Button onClick={onClose}>
+          {t('common.operation.cancel')}
+        </Button>
+        <Button variant="primary" onClick={onRestore.bind(null, versionInfo)}>
+          {t('workflow.common.restore')}
+        </Button>
+      </div>
+    </Modal>
+  )
 }
 
 export default RestoreConfirmModal
diff --git a/web/app/components/workflow/panel/version-history-panel/version-history-item.tsx b/web/app/components/workflow/panel/version-history-panel/version-history-item.tsx
index 558e8ab720..7739d10af2 100644
--- a/web/app/components/workflow/panel/version-history-panel/version-history-item.tsx
+++ b/web/app/components/workflow/panel/version-history-panel/version-history-item.tsx
@@ -1,10 +1,11 @@
-import React, { useEffect, useState } from 'react'
-import dayjs from 'dayjs'
-import { useTranslation } from 'react-i18next'
-import ContextMenu from './context-menu'
-import { cn } from '@/utils/classnames'
+import type { VersionHistoryContextMenuOptions } from '../../types'
 import type { VersionHistory } from '@/types/workflow'
-import { type VersionHistoryContextMenuOptions, WorkflowVersion } from '../../types'
+import dayjs from 'dayjs'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
+import { WorkflowVersion } from '../../types'
+import ContextMenu from './context-menu'
 
 type VersionHistoryItemProps = {
   item: VersionHistory
@@ -80,38 +81,41 @@ const VersionHistoryItem: React.FC<VersionHistoryItemProps> = ({
         setOpen(true)
       }}
     >
-      {!isLast && <div className='absolute left-4 top-6 h-[calc(100%-0.75rem)] w-0.5 bg-divider-subtle' />}
-      <div className=' flex h-5 w-[18px] shrink-0 items-center justify-center'>
+      {!isLast && <div className="absolute left-4 top-6 h-[calc(100%-0.75rem)] w-0.5 bg-divider-subtle" />}
+      <div className=" flex h-5 w-[18px] shrink-0 items-center justify-center">
         <div className={cn(
           'h-2 w-2 rounded-lg border-[2px]',
           isSelected ? 'border-text-accent' : 'border-text-quaternary',
-        )}/>
+        )}
+        />
       </div>
-      <div className='flex grow flex-col gap-y-0.5 overflow-hidden'>
-        <div className='mr-6 flex h-5 items-center gap-x-1'>
+      <div className="flex grow flex-col gap-y-0.5 overflow-hidden">
+        <div className="mr-6 flex h-5 items-center gap-x-1">
           <div className={cn(
             'system-sm-semibold truncate py-[1px]',
             isSelected ? 'text-text-accent' : 'text-text-secondary',
-          )}>
+          )}
+          >
             {isDraft ? t('workflow.versionHistory.currentDraft') : item.marked_name || t('workflow.versionHistory.defaultName')}
           </div>
           {isLatest && (
-            <div className='system-2xs-medium-uppercase flex h-5 shrink-0 items-center rounded-md border border-text-accent-secondary
-            bg-components-badge-bg-dimm px-[5px] text-text-accent-secondary'>
+            <div className="system-2xs-medium-uppercase flex h-5 shrink-0 items-center rounded-md border border-text-accent-secondary
+            bg-components-badge-bg-dimm px-[5px] text-text-accent-secondary"
+            >
               {t('workflow.versionHistory.latest')}
             </div>
           )}
         </div>
         {
           !isDraft && (
-            <div className='system-xs-regular break-words text-text-secondary'>
+            <div className="system-xs-regular break-words text-text-secondary">
               {item.marked_comment || ''}
             </div>
           )
         }
         {
           !isDraft && (
-            <div className='system-xs-regular truncate text-text-tertiary'>
+            <div className="system-xs-regular truncate text-text-tertiary">
               {`${formatTime(item.created_at)} · ${item.created_by.name}`}
             </div>
           )
@@ -119,7 +123,7 @@ const VersionHistoryItem: React.FC<VersionHistoryItemProps> = ({
       </div>
       {/* Context Menu */}
       {!isDraft && isHovering && (
-        <div className='absolute right-1 top-1'>
+        <div className="absolute right-1 top-1">
           <ContextMenu
             isShowDelete={!isLatest}
             isNamedVersion={!!item.marked_name}
diff --git a/web/app/components/workflow/panel/workflow-preview.tsx b/web/app/components/workflow/panel/workflow-preview.tsx
index 0a702d5ce3..9daf42186f 100644
--- a/web/app/components/workflow/panel/workflow-preview.tsx
+++ b/web/app/components/workflow/panel/workflow-preview.tsx
@@ -1,31 +1,31 @@
+import {
+  RiClipboardLine,
+  RiCloseLine,
+} from '@remixicon/react'
+import copy from 'copy-to-clipboard'
 import {
   memo,
   useCallback,
   useEffect,
   useState,
 } from 'react'
-import {
-  RiClipboardLine,
-  RiCloseLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import copy from 'copy-to-clipboard'
-import ResultText from '../run/result-text'
-import ResultPanel from '../run/result-panel'
-import TracingPanel from '../run/tracing-panel'
+import Button from '@/app/components/base/button'
+import Loading from '@/app/components/base/loading'
+import { cn } from '@/utils/classnames'
+import Toast from '../../base/toast'
 import {
   useWorkflowInteractions,
 } from '../hooks'
+import ResultPanel from '../run/result-panel'
+import ResultText from '../run/result-text'
+import TracingPanel from '../run/tracing-panel'
 import { useStore } from '../store'
 import {
   WorkflowRunningStatus,
 } from '../types'
 import { formatWorkflowRunIdentifier } from '../utils'
-import Toast from '../../base/toast'
 import InputsPanel from './inputs-panel'
-import { cn } from '@/utils/classnames'
-import Loading from '@/app/components/base/loading'
-import Button from '@/app/components/base/button'
 
 const WorkflowPreview = () => {
   const { t } = useTranslation()
@@ -95,23 +95,22 @@ const WorkflowPreview = () => {
   }, [resize, stopResizing])
 
   return (
-    <div className={
-      'relative flex h-full flex-col rounded-l-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'
-    }
-    style={{ width: `${panelWidth}px` }}
+    <div
+      className="relative flex h-full flex-col rounded-l-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl"
+      style={{ width: `${panelWidth}px` }}
     >
       <div
         className="absolute bottom-0 left-[3px] top-1/2 z-50 h-6 w-[3px] cursor-col-resize rounded bg-gray-300"
         onMouseDown={startResizing}
       />
-      <div className='flex items-center justify-between p-4 pb-1 text-base font-semibold text-text-primary'>
+      <div className="flex items-center justify-between p-4 pb-1 text-base font-semibold text-text-primary">
         {`Test Run${formatWorkflowRunIdentifier(workflowRunningData?.result.finished_at)}`}
-        <div className='cursor-pointer p-1' onClick={() => handleCancelDebugAndPreviewPanel()}>
-          <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+        <div className="cursor-pointer p-1" onClick={() => handleCancelDebugAndPreviewPanel()}>
+          <RiCloseLine className="h-4 w-4 text-text-tertiary" />
         </div>
       </div>
-      <div className='relative flex grow flex-col'>
-        <div className='flex shrink-0 items-center border-b-[0.5px] border-divider-subtle px-4'>
+      <div className="relative flex grow flex-col">
+        <div className="flex shrink-0 items-center border-b-[0.5px] border-divider-subtle px-4">
           {showInputsPanel && (
             <div
               className={cn(
@@ -119,7 +118,9 @@ const WorkflowPreview = () => {
                 currentTab === 'INPUT' && '!border-[rgb(21,94,239)] text-text-secondary',
               )}
               onClick={() => switchTab('INPUT')}
-            >{t('runLog.input')}</div>
+            >
+              {t('runLog.input')}
+            </div>
           )}
           <div
             className={cn(
@@ -132,7 +133,9 @@ const WorkflowPreview = () => {
                 return
               switchTab('RESULT')
             }}
-          >{t('runLog.result')}</div>
+          >
+            {t('runLog.result')}
+          </div>
           <div
             className={cn(
               'mr-6 cursor-pointer border-b-2 border-transparent py-3 text-[13px] font-semibold leading-[18px] text-text-tertiary',
@@ -144,7 +147,9 @@ const WorkflowPreview = () => {
                 return
               switchTab('DETAIL')
             }}
-          >{t('runLog.detail')}</div>
+          >
+            {t('runLog.detail')}
+          </div>
           <div
             className={cn(
               'mr-6 cursor-pointer border-b-2 border-transparent py-3 text-[13px] font-semibold leading-[18px] text-text-tertiary',
@@ -156,12 +161,15 @@ const WorkflowPreview = () => {
                 return
               switchTab('TRACING')
             }}
-          >{t('runLog.tracing')}</div>
+          >
+            {t('runLog.tracing')}
+          </div>
         </div>
         <div className={cn(
           'h-0 grow overflow-y-auto rounded-b-2xl bg-components-panel-bg',
           (currentTab === 'RESULT' || currentTab === 'TRACING') && '!bg-background-section-burn',
-        )}>
+        )}
+        >
           {currentTab === 'INPUT' && showInputsPanel && (
             <InputsPanel onRun={() => switchTab('RESULT')} />
           )}
@@ -184,8 +192,9 @@ const WorkflowPreview = () => {
                     else
                       copy(JSON.stringify(content))
                     Toast.notify({ type: 'success', message: t('common.actionMsg.copySuccessfully') })
-                  }}>
-                  <RiClipboardLine className='h-3.5 w-3.5' />
+                  }}
+                >
+                  <RiClipboardLine className="h-3.5 w-3.5" />
                   <div>{t('common.operation.copy')}</div>
                 </Button>
               )}
@@ -211,18 +220,18 @@ const WorkflowPreview = () => {
             />
           )}
           {currentTab === 'DETAIL' && !workflowRunningData?.result && (
-            <div className='flex h-full items-center justify-center bg-components-panel-bg'>
+            <div className="flex h-full items-center justify-center bg-components-panel-bg">
               <Loading />
             </div>
           )}
           {currentTab === 'TRACING' && (
             <TracingPanel
-              className='bg-background-section-burn'
+              className="bg-background-section-burn"
               list={workflowRunningData?.tracing || []}
             />
           )}
           {currentTab === 'TRACING' && !workflowRunningData?.tracing?.length && (
-            <div className='flex h-full items-center justify-center !bg-background-section-burn'>
+            <div className="flex h-full items-center justify-center !bg-background-section-burn">
               <Loading />
             </div>
           )}
diff --git a/web/app/components/workflow/plugin-dependency/hooks.ts b/web/app/components/workflow/plugin-dependency/hooks.ts
index 1fa7af3dab..ff7b85fa09 100644
--- a/web/app/components/workflow/plugin-dependency/hooks.ts
+++ b/web/app/components/workflow/plugin-dependency/hooks.ts
@@ -1,7 +1,7 @@
 import { useCallback } from 'react'
-import { useStore as usePluginDependenciesStore } from './store'
-import { useMutationCheckDependencies } from '@/service/use-plugins'
 import { useCheckPipelineDependencies } from '@/service/use-pipeline'
+import { useMutationCheckDependencies } from '@/service/use-plugins'
+import { useStore as usePluginDependenciesStore } from './store'
 
 export const usePluginDependencies = () => {
   const { mutateAsync: checkWorkflowDependencies } = useMutationCheckDependencies()
diff --git a/web/app/components/workflow/plugin-dependency/index.tsx b/web/app/components/workflow/plugin-dependency/index.tsx
index 185722e1b7..69ee457527 100644
--- a/web/app/components/workflow/plugin-dependency/index.tsx
+++ b/web/app/components/workflow/plugin-dependency/index.tsx
@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
-import { useStore } from './store'
 import InstallBundle from '@/app/components/plugins/install-plugin/install-bundle'
+import { useStore } from './store'
 
 const PluginDependency = () => {
   const dependencies = useStore(s => s.dependencies)
diff --git a/web/app/components/workflow/plugin-dependency/store.ts b/web/app/components/workflow/plugin-dependency/store.ts
index a8e1d8171a..71b8420697 100644
--- a/web/app/components/workflow/plugin-dependency/store.ts
+++ b/web/app/components/workflow/plugin-dependency/store.ts
@@ -1,5 +1,5 @@
-import { create } from 'zustand'
 import type { Dependency } from '@/app/components/plugins/types'
+import { create } from 'zustand'
 
 type Shape = {
   dependencies: Dependency[]
diff --git a/web/app/components/workflow/run/agent-log/agent-log-item.tsx b/web/app/components/workflow/run/agent-log/agent-log-item.tsx
index fd375fde45..3e67f2a1b1 100644
--- a/web/app/components/workflow/run/agent-log/agent-log-item.tsx
+++ b/web/app/components/workflow/run/agent-log/agent-log-item.tsx
@@ -1,20 +1,20 @@
-import {
-  useMemo,
-  useState,
-} from 'react'
+import type { AgentLogItemWithChildren } from '@/types/workflow'
 import {
   RiArrowRightSLine,
   RiListView,
 } from '@remixicon/react'
-import { cn } from '@/utils/classnames'
+import {
+  useMemo,
+  useState,
+} from 'react'
 import Button from '@/app/components/base/button'
-import type { AgentLogItemWithChildren } from '@/types/workflow'
-import NodeStatusIcon from '@/app/components/workflow/nodes/_base/components/node-status-icon'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import { BlockEnum } from '@/app/components/workflow/types'
 import useGetIcon from '@/app/components/plugins/install-plugin/base/use-get-icon'
+import BlockIcon from '@/app/components/workflow/block-icon'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import NodeStatusIcon from '@/app/components/workflow/nodes/_base/components/node-status-icon'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 
 type AgentLogItemProps = {
   item: AgentLogItemWithChildren
@@ -54,7 +54,7 @@ const AgentLogItem = ({
   }, [status])
 
   return (
-    <div className='rounded-[10px] border-[0.5px] border-components-panel-border bg-background-default'>
+    <div className="rounded-[10px] border-[0.5px] border-components-panel-border bg-background-default">
       <div
         className={cn(
           'flex cursor-pointer items-center pb-2 pl-1.5 pr-3 pt-2',
@@ -64,43 +64,46 @@ const AgentLogItem = ({
       >
         {
           expanded
-            ? <RiArrowRightSLine className='h-4 w-4 shrink-0 rotate-90 text-text-quaternary' />
-            : <RiArrowRightSLine className='h-4 w-4 shrink-0 text-text-quaternary' />
+            ? <RiArrowRightSLine className="h-4 w-4 shrink-0 rotate-90 text-text-quaternary" />
+            : <RiArrowRightSLine className="h-4 w-4 shrink-0 text-text-quaternary" />
         }
         <BlockIcon
-          className='mr-1.5 shrink-0'
+          className="mr-1.5 shrink-0"
           type={toolIcon ? BlockEnum.Tool : BlockEnum.Agent}
           toolIcon={toolIcon}
         />
         <div
-          className='system-sm-semibold-uppercase grow truncate text-text-secondary'
+          className="system-sm-semibold-uppercase grow truncate text-text-secondary"
           title={label}
         >
           {label}
         </div>
         {
           metadata?.elapsed_time && (
-            <div className='system-xs-regular mr-2 shrink-0 text-text-tertiary'>{metadata?.elapsed_time?.toFixed(3)}s</div>
+            <div className="system-xs-regular mr-2 shrink-0 text-text-tertiary">
+              {metadata?.elapsed_time?.toFixed(3)}
+              s
+            </div>
           )
         }
         <NodeStatusIcon status={mergeStatus} />
       </div>
       {
         expanded && (
-          <div className='p-1 pt-0'>
+          <div className="p-1 pt-0">
             {
               !!children?.length && (
                 <Button
-                  className='mb-1 flex w-full items-center justify-between'
-                  variant='tertiary'
+                  className="mb-1 flex w-full items-center justify-between"
+                  variant="tertiary"
                   onClick={() => onShowAgentOrToolLog(item)}
                 >
-                  <div className='flex items-center'>
-                    <RiListView className='mr-1 h-4 w-4 shrink-0 text-components-button-tertiary-text' />
+                  <div className="flex items-center">
+                    <RiListView className="mr-1 h-4 w-4 shrink-0 text-components-button-tertiary-text" />
                     {`${children.length} Action Logs`}
                   </div>
-                  <div className='flex'>
-                    <RiArrowRightSLine className='h-4 w-4 shrink-0 text-components-button-tertiary-text' />
+                  <div className="flex">
+                    <RiArrowRightSLine className="h-4 w-4 shrink-0 text-components-button-tertiary-text" />
                   </div>
                 </Button>
               )
diff --git a/web/app/components/workflow/run/agent-log/agent-log-nav-more.tsx b/web/app/components/workflow/run/agent-log/agent-log-nav-more.tsx
index 6062946ede..fda802150f 100644
--- a/web/app/components/workflow/run/agent-log/agent-log-nav-more.tsx
+++ b/web/app/components/workflow/run/agent-log/agent-log-nav-more.tsx
@@ -1,12 +1,12 @@
-import { useState } from 'react'
+import type { AgentLogItemWithChildren } from '@/types/workflow'
 import { RiMoreLine } from '@remixicon/react'
+import { useState } from 'react'
+import Button from '@/app/components/base/button'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import Button from '@/app/components/base/button'
-import type { AgentLogItemWithChildren } from '@/types/workflow'
 
 type AgentLogNavMoreProps = {
   options: AgentLogItemWithChildren[]
@@ -20,7 +20,7 @@ const AgentLogNavMore = ({
 
   return (
     <PortalToFollowElem
-      placement='bottom-start'
+      placement="bottom-start"
       offset={{
         mainAxis: 2,
         crossAxis: -54,
@@ -30,19 +30,19 @@ const AgentLogNavMore = ({
     >
       <PortalToFollowElemTrigger>
         <Button
-          className='h-6 w-6'
-          variant='ghost-accent'
+          className="h-6 w-6"
+          variant="ghost-accent"
         >
-          <RiMoreLine className='h-4 w-4' />
+          <RiMoreLine className="h-4 w-4" />
         </Button>
       </PortalToFollowElemTrigger>
       <PortalToFollowElemContent>
-        <div className='w-[136px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
+        <div className="w-[136px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg">
           {
             options.map(option => (
               <div
                 key={option.message_id}
-                className='system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 text-text-secondary hover:bg-state-base-hover'
+                className="system-md-regular flex h-8 cursor-pointer items-center rounded-lg px-2 text-text-secondary hover:bg-state-base-hover"
                 onClick={() => {
                   onShowAgentOrToolLog(option)
                   setOpen(false)
diff --git a/web/app/components/workflow/run/agent-log/agent-log-nav.tsx b/web/app/components/workflow/run/agent-log/agent-log-nav.tsx
index 9307f317e7..91abcdb99a 100644
--- a/web/app/components/workflow/run/agent-log/agent-log-nav.tsx
+++ b/web/app/components/workflow/run/agent-log/agent-log-nav.tsx
@@ -1,8 +1,8 @@
+import type { AgentLogItemWithChildren } from '@/types/workflow'
 import { RiArrowLeftLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import AgentLogNavMore from './agent-log-nav-more'
 import Button from '@/app/components/base/button'
-import type { AgentLogItemWithChildren } from '@/types/workflow'
+import AgentLogNavMore from './agent-log-nav-more'
 
 type AgentLogNavProps = {
   agentOrToolLogItemStack: AgentLogItemWithChildren[]
@@ -19,41 +19,41 @@ const AgentLogNav = ({
   const end = agentOrToolLogItemStack.at(-1)
 
   return (
-    <div className='flex h-8 items-center bg-components-panel-bg p-1 pr-3'>
+    <div className="flex h-8 items-center bg-components-panel-bg p-1 pr-3">
       <Button
-        className='shrink-0 px-[5px]'
-        size='small'
-        variant='ghost-accent'
+        className="shrink-0 px-[5px]"
+        size="small"
+        variant="ghost-accent"
         onClick={() => {
           onShowAgentOrToolLog()
         }}
       >
-        <RiArrowLeftLine className='mr-1 h-3.5 w-3.5' />
+        <RiArrowLeftLine className="mr-1 h-3.5 w-3.5" />
         AGENT
       </Button>
-      <div className='system-xs-regular mx-0.5 shrink-0 text-divider-deep'>/</div>
+      <div className="system-xs-regular mx-0.5 shrink-0 text-divider-deep">/</div>
       {
         agentOrToolLogItemStackLength > 1
           ? (
-            <Button
-              className='shrink-0 px-[5px]'
-              size='small'
-              variant='ghost-accent'
-              onClick={() => onShowAgentOrToolLog(first)}
-            >
-              {t('workflow.nodes.agent.strategy.label')}
-            </Button>
-          )
+              <Button
+                className="shrink-0 px-[5px]"
+                size="small"
+                variant="ghost-accent"
+                onClick={() => onShowAgentOrToolLog(first)}
+              >
+                {t('workflow.nodes.agent.strategy.label')}
+              </Button>
+            )
           : (
-            <div className='system-xs-medium-uppercase flex items-center px-[5px] text-text-tertiary'>
-              {t('workflow.nodes.agent.strategy.label')}
-            </div>
-          )
+              <div className="system-xs-medium-uppercase flex items-center px-[5px] text-text-tertiary">
+                {t('workflow.nodes.agent.strategy.label')}
+              </div>
+            )
       }
       {
         !!mid.length && (
           <>
-            <div className='system-xs-regular mx-0.5 shrink-0 text-divider-deep'>/</div>
+            <div className="system-xs-regular mx-0.5 shrink-0 text-divider-deep">/</div>
             <AgentLogNavMore
               options={mid}
               onShowAgentOrToolLog={onShowAgentOrToolLog}
@@ -64,8 +64,8 @@ const AgentLogNav = ({
       {
         !!end && agentOrToolLogItemStackLength > 1 && (
           <>
-            <div className='system-xs-regular mx-0.5 shrink-0 text-divider-deep'>/</div>
-            <div className='system-xs-medium-uppercase flex items-center px-[5px] text-text-tertiary'>
+            <div className="system-xs-regular mx-0.5 shrink-0 text-divider-deep">/</div>
+            <div className="system-xs-medium-uppercase flex items-center px-[5px] text-text-tertiary">
               {end.label}
             </div>
           </>
diff --git a/web/app/components/workflow/run/agent-log/agent-log-trigger.tsx b/web/app/components/workflow/run/agent-log/agent-log-trigger.tsx
index 85b37d72d6..e5381079dc 100644
--- a/web/app/components/workflow/run/agent-log/agent-log-trigger.tsx
+++ b/web/app/components/workflow/run/agent-log/agent-log-trigger.tsx
@@ -1,9 +1,9 @@
-import { RiArrowRightLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
 import type {
   AgentLogItemWithChildren,
   NodeTracing,
 } from '@/types/workflow'
+import { RiArrowRightLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 
 type AgentLogTriggerProps = {
   nodeInfo: NodeTracing
@@ -19,27 +19,27 @@ const AgentLogTrigger = ({
 
   return (
     <div
-      className='cursor-pointer rounded-[10px] bg-components-button-tertiary-bg'
+      className="cursor-pointer rounded-[10px] bg-components-button-tertiary-bg"
       onClick={() => {
         onShowAgentOrToolLog({ message_id: nodeInfo.id, children: agentLog || [] } as AgentLogItemWithChildren)
       }}
     >
-      <div className='system-2xs-medium-uppercase flex items-center px-3 pt-2 text-text-tertiary'>
+      <div className="system-2xs-medium-uppercase flex items-center px-3 pt-2 text-text-tertiary">
         {t('workflow.nodes.agent.strategy.label')}
       </div>
-      <div className='flex items-center pb-1.5 pl-3 pr-2 pt-1'>
+      <div className="flex items-center pb-1.5 pl-3 pr-2 pt-1">
         {
           agentStrategy && (
-            <div className='system-xs-medium grow text-text-secondary'>
+            <div className="system-xs-medium grow text-text-secondary">
               {agentStrategy}
             </div>
           )
         }
         <div
-          className='system-xs-regular-uppercase flex shrink-0 cursor-pointer items-center px-[1px] text-text-tertiary'
+          className="system-xs-regular-uppercase flex shrink-0 cursor-pointer items-center px-[1px] text-text-tertiary"
         >
           {t('runLog.detail')}
-          <RiArrowRightLine className='ml-0.5 h-3.5 w-3.5' />
+          <RiArrowRightLine className="ml-0.5 h-3.5 w-3.5" />
         </div>
       </div>
     </div>
diff --git a/web/app/components/workflow/run/agent-log/agent-result-panel.tsx b/web/app/components/workflow/run/agent-log/agent-result-panel.tsx
index 933f08b9da..6c9a3c0975 100644
--- a/web/app/components/workflow/run/agent-log/agent-result-panel.tsx
+++ b/web/app/components/workflow/run/agent-log/agent-result-panel.tsx
@@ -1,8 +1,8 @@
+import type { AgentLogItemWithChildren } from '@/types/workflow'
 import { RiAlertFill } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import AgentLogItem from './agent-log-item'
 import AgentLogNav from './agent-log-nav'
-import type { AgentLogItemWithChildren } from '@/types/workflow'
 
 type AgentResultPanelProps = {
   agentOrToolLogItemStack: AgentLogItemWithChildren[]
@@ -19,35 +19,34 @@ const AgentResultPanel = ({
   const list = agentOrToolLogListMap[top.message_id]
 
   return (
-    <div className='overflow-y-auto bg-background-section'>
+    <div className="overflow-y-auto bg-background-section">
       <AgentLogNav
         agentOrToolLogItemStack={agentOrToolLogItemStack}
         onShowAgentOrToolLog={onShowAgentOrToolLog}
       />
-      {
-        <div className='space-y-1 p-2'>
-          {
-            list.map(item => (
-              <AgentLogItem
-                key={item.message_id}
-                item={item}
-                onShowAgentOrToolLog={onShowAgentOrToolLog}
-              />
-            ))
-          }
-        </div>
-      }
+      <div className="space-y-1 p-2">
+        {
+          list.map(item => (
+            <AgentLogItem
+              key={item.message_id}
+              item={item}
+              onShowAgentOrToolLog={onShowAgentOrToolLog}
+            />
+          ))
+        }
+      </div>
       {
         top.hasCircle && (
-          <div className='mt-1 flex items-center rounded-xl border border-components-panel-border bg-components-panel-bg-blur px-3 pr-2 shadow-md'>
+          <div className="mt-1 flex items-center rounded-xl border border-components-panel-border bg-components-panel-bg-blur px-3 pr-2 shadow-md">
             <div
-              className='absolute inset-0 rounded-xl opacity-[0.4]'
+              className="absolute inset-0 rounded-xl opacity-[0.4]"
               style={{
                 background: 'linear-gradient(92deg, rgba(247, 144, 9, 0.25) 0%, rgba(255, 255, 255, 0.00) 100%)',
               }}
-            ></div>
-            <RiAlertFill className='mr-1.5 h-4 w-4 text-text-warning-secondary' />
-            <div className='system-xs-medium text-text-primary'>
+            >
+            </div>
+            <RiAlertFill className="mr-1.5 h-4 w-4 text-text-warning-secondary" />
+            <div className="system-xs-medium text-text-primary">
               {t('runLog.circularInvocationTip')}
             </div>
           </div>
diff --git a/web/app/components/workflow/run/hooks.ts b/web/app/components/workflow/run/hooks.ts
index df54aa0240..593836f5b3 100644
--- a/web/app/components/workflow/run/hooks.ts
+++ b/web/app/components/workflow/run/hooks.ts
@@ -1,9 +1,3 @@
-import {
-  useCallback,
-  useRef,
-  useState,
-} from 'react'
-import { useBoolean } from 'ahooks'
 import type {
   AgentLogItemWithChildren,
   IterationDurationMap,
@@ -11,6 +5,12 @@ import type {
   LoopVariableMap,
   NodeTracing,
 } from '@/types/workflow'
+import { useBoolean } from 'ahooks'
+import {
+  useCallback,
+  useRef,
+  useState,
+} from 'react'
 
 export const useLogs = () => {
   const [showRetryDetail, {
diff --git a/web/app/components/workflow/run/index.tsx b/web/app/components/workflow/run/index.tsx
index 9162429c4d..1bff24e2cc 100644
--- a/web/app/components/workflow/run/index.tsx
+++ b/web/app/components/workflow/run/index.tsx
@@ -1,20 +1,20 @@
 'use client'
 import type { FC } from 'react'
+import type { WorkflowRunDetailResponse } from '@/models/log'
+import type { NodeTracing } from '@/types/workflow'
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useContext } from 'use-context-selector'
 import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Loading from '@/app/components/base/loading'
+import { ToastContext } from '@/app/components/base/toast'
+import { WorkflowRunningStatus } from '@/app/components/workflow/types'
+import { fetchRunDetail, fetchTracingList } from '@/service/log'
+import { cn } from '@/utils/classnames'
+import { useStore } from '../store'
 import OutputPanel from './output-panel'
 import ResultPanel from './result-panel'
 import StatusPanel from './status'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import TracingPanel from './tracing-panel'
-import { cn } from '@/utils/classnames'
-import { ToastContext } from '@/app/components/base/toast'
-import Loading from '@/app/components/base/loading'
-import { fetchRunDetail, fetchTracingList } from '@/service/log'
-import type { NodeTracing } from '@/types/workflow'
-import type { WorkflowRunDetailResponse } from '@/models/log'
-import { useStore } from '../store'
 
 export type RunProps = {
   hideResult?: boolean
@@ -118,9 +118,9 @@ const RunPanel: FC<RunProps> = ({
   }, [loading])
 
   return (
-    <div className='relative flex grow flex-col'>
+    <div className="relative flex grow flex-col">
       {/* tab */}
-      <div className='flex shrink-0 items-center border-b-[0.5px] border-divider-subtle px-4'>
+      <div className="flex shrink-0 items-center border-b-[0.5px] border-divider-subtle px-4">
         {!hideResult && (
           <div
             className={cn(
@@ -128,7 +128,9 @@ const RunPanel: FC<RunProps> = ({
               currentTab === 'RESULT' && '!border-util-colors-blue-brand-blue-brand-600 text-text-primary',
             )}
             onClick={() => switchTab('RESULT')}
-          >{t('runLog.result')}</div>
+          >
+            {t('runLog.result')}
+          </div>
         )}
         <div
           className={cn(
@@ -136,19 +138,23 @@ const RunPanel: FC<RunProps> = ({
             currentTab === 'DETAIL' && '!border-util-colors-blue-brand-blue-brand-600 text-text-primary',
           )}
           onClick={() => switchTab('DETAIL')}
-        >{t('runLog.detail')}</div>
+        >
+          {t('runLog.detail')}
+        </div>
         <div
           className={cn(
             'system-sm-semibold-uppercase mr-6 cursor-pointer border-b-2 border-transparent py-3 text-text-tertiary',
             currentTab === 'TRACING' && '!border-util-colors-blue-brand-blue-brand-600 text-text-primary',
           )}
           onClick={() => switchTab('TRACING')}
-        >{t('runLog.tracing')}</div>
+        >
+          {t('runLog.tracing')}
+        </div>
       </div>
       {/* panel detail */}
       <div ref={ref} className={cn('relative h-0 grow overflow-y-auto rounded-b-xl bg-components-panel-bg')}>
         {loading && (
-          <div className='flex h-full items-center justify-center bg-components-panel-bg'>
+          <div className="flex h-full items-center justify-center bg-components-panel-bg">
             <Loading />
           </div>
         )}
@@ -185,7 +191,7 @@ const RunPanel: FC<RunProps> = ({
         )}
         {!loading && currentTab === 'TRACING' && (
           <TracingPanel
-            className='bg-background-section-burn'
+            className="bg-background-section-burn"
             list={list}
           />
         )}
diff --git a/web/app/components/workflow/run/iteration-log/iteration-log-trigger.tsx b/web/app/components/workflow/run/iteration-log/iteration-log-trigger.tsx
index d1926da15e..a4286d94b0 100644
--- a/web/app/components/workflow/run/iteration-log/iteration-log-trigger.tsx
+++ b/web/app/components/workflow/run/iteration-log/iteration-log-trigger.tsx
@@ -1,12 +1,12 @@
-import { useTranslation } from 'react-i18next'
-import { RiArrowRightSLine } from '@remixicon/react'
-import Button from '@/app/components/base/button'
 import type {
   IterationDurationMap,
   NodeTracing,
 } from '@/types/workflow'
-import { NodeRunningStatus } from '@/app/components/workflow/types'
+import { RiArrowRightSLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import { Iteration } from '@/app/components/base/icons/src/vender/workflow'
+import { NodeRunningStatus } from '@/app/components/workflow/types'
 
 type IterationLogTriggerProps = {
   nodeInfo: NodeTracing
@@ -21,7 +21,8 @@ const IterationLogTrigger = ({
   const { t } = useTranslation()
 
   const filterNodesForInstance = (key: string): NodeTracing[] => {
-    if (!allExecutions) return []
+    if (!allExecutions)
+      return []
 
     const parallelNodes = allExecutions.filter(exec =>
       exec.execution_metadata?.parallel_mode_run_id === key,
@@ -117,9 +118,10 @@ const IterationLogTrigger = ({
       // Find all failed iteration nodes
       allExecutions.forEach((exec) => {
         if (exec.execution_metadata?.iteration_id === nodeInfo.node_id
-            && exec.status === NodeRunningStatus.Failed
-            && exec.execution_metadata?.iteration_index !== undefined)
+          && exec.status === NodeRunningStatus.Failed
+          && exec.execution_metadata?.iteration_index !== undefined) {
           failedIterationIndices.add(exec.execution_metadata.iteration_index)
+        }
       })
     }
 
@@ -129,17 +131,20 @@ const IterationLogTrigger = ({
 
   return (
     <Button
-      className='flex w-full cursor-pointer items-center gap-2 self-stretch rounded-lg border-none bg-components-button-tertiary-bg-hover px-3 py-2 hover:bg-components-button-tertiary-bg-hover'
+      className="flex w-full cursor-pointer items-center gap-2 self-stretch rounded-lg border-none bg-components-button-tertiary-bg-hover px-3 py-2 hover:bg-components-button-tertiary-bg-hover"
       onClick={handleOnShowIterationDetail}
     >
-      <Iteration className='h-4 w-4 shrink-0 text-components-button-tertiary-text' />
-      <div className='system-sm-medium flex-1 text-left text-components-button-tertiary-text'>{t('workflow.nodes.iteration.iteration', { count: displayIterationCount })}{errorCount > 0 && (
-        <>
-          {t('workflow.nodes.iteration.comma')}
-          {t('workflow.nodes.iteration.error', { count: errorCount })}
-        </>
-      )}</div>
-      <RiArrowRightSLine className='h-4 w-4 shrink-0 text-components-button-tertiary-text' />
+      <Iteration className="h-4 w-4 shrink-0 text-components-button-tertiary-text" />
+      <div className="system-sm-medium flex-1 text-left text-components-button-tertiary-text">
+        {t('workflow.nodes.iteration.iteration', { count: displayIterationCount })}
+        {errorCount > 0 && (
+          <>
+            {t('workflow.nodes.iteration.comma')}
+            {t('workflow.nodes.iteration.error', { count: errorCount })}
+          </>
+        )}
+      </div>
+      <RiArrowRightSLine className="h-4 w-4 shrink-0 text-components-button-tertiary-text" />
     </Button>
   )
 }
diff --git a/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx b/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx
index 60293dbd2b..5933e897bd 100644
--- a/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx
+++ b/web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx
@@ -1,18 +1,19 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { IterationDurationMap, NodeTracing } from '@/types/workflow'
 import {
   RiArrowLeftLine,
   RiArrowRightSLine,
   RiErrorWarningLine,
   RiLoader2Line,
 } from '@remixicon/react'
-import { NodeRunningStatus } from '@/app/components/workflow/types'
-import TracingPanel from '@/app/components/workflow/run/tracing-panel'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Iteration } from '@/app/components/base/icons/src/vender/workflow'
+import TracingPanel from '@/app/components/workflow/run/tracing-panel'
+import { NodeRunningStatus } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
-import type { IterationDurationMap, NodeTracing } from '@/types/workflow'
+
 const i18nPrefix = 'workflow.singleRun'
 
 type Props = {
@@ -48,15 +49,15 @@ const IterationResultPanel: FC<Props> = ({
     const hasDurationMap = iterDurationMap && Object.keys(iterDurationMap).length !== 0
 
     if (hasFailed)
-      return <RiErrorWarningLine className='h-4 w-4 text-text-destructive' />
+      return <RiErrorWarningLine className="h-4 w-4 text-text-destructive" />
 
     if (isRunning)
-      return <RiLoader2Line className='h-3.5 w-3.5 animate-spin text-primary-600' />
+      return <RiLoader2Line className="h-3.5 w-3.5 animate-spin text-primary-600" />
 
     return (
       <>
         {hasDurationMap && (
-          <div className='system-xs-regular text-text-tertiary'>
+          <div className="system-xs-regular text-text-tertiary">
             {countIterDuration(iteration, iterDurationMap)}
           </div>
         )}
@@ -71,20 +72,20 @@ const IterationResultPanel: FC<Props> = ({
   }
 
   return (
-    <div className='bg-components-panel-bg'>
+    <div className="bg-components-panel-bg">
       <div
-        className='flex h-8 cursor-pointer items-center border-b-[0.5px] border-b-divider-regular px-4 text-text-accent-secondary'
+        className="flex h-8 cursor-pointer items-center border-b-[0.5px] border-b-divider-regular px-4 text-text-accent-secondary"
         onClick={(e) => {
           e.stopPropagation()
           e.nativeEvent.stopImmediatePropagation()
           onBack()
         }}
       >
-        <RiArrowLeftLine className='mr-1 h-4 w-4' />
-        <div className='system-sm-medium'>{t(`${i18nPrefix}.back`)}</div>
+        <RiArrowLeftLine className="mr-1 h-4 w-4" />
+        <div className="system-sm-medium">{t(`${i18nPrefix}.back`)}</div>
       </div>
       {/* List */}
-      <div className='bg-components-panel-bg p-2'>
+      <div className="bg-components-panel-bg p-2">
         {list.map((iteration, index) => (
           <div key={index} className={cn('mb-1 overflow-hidden rounded-xl border-none bg-background-section-burn')}>
             <div
@@ -96,27 +97,33 @@ const IterationResultPanel: FC<Props> = ({
               onClick={() => toggleIteration(index)}
             >
               <div className={cn('flex grow items-center gap-2')}>
-                <div className='flex h-4 w-4 shrink-0 items-center justify-center rounded-[5px] border-divider-subtle bg-util-colors-cyan-cyan-500'>
-                  <Iteration className='h-3 w-3 text-text-primary-on-surface' />
+                <div className="flex h-4 w-4 shrink-0 items-center justify-center rounded-[5px] border-divider-subtle bg-util-colors-cyan-cyan-500">
+                  <Iteration className="h-3 w-3 text-text-primary-on-surface" />
                 </div>
-                <span className='system-sm-semibold-uppercase grow text-text-primary'>
-                  {t(`${i18nPrefix}.iteration`)} {index + 1}
+                <span className="system-sm-semibold-uppercase grow text-text-primary">
+                  {t(`${i18nPrefix}.iteration`)}
+                  {' '}
+                  {index + 1}
                 </span>
                 {iterationStatusShow(index, iteration, iterDurationMap)}
               </div>
             </div>
-            {expandedIterations[index] && <div
-              className="h-px grow bg-divider-subtle"
-            ></div>}
+            {expandedIterations[index] && (
+              <div
+                className="h-px grow bg-divider-subtle"
+              >
+              </div>
+            )}
             <div className={cn(
               'transition-all duration-200',
               expandedIterations[index]
                 ? 'opacity-100'
                 : 'max-h-0 overflow-hidden opacity-0',
-            )}>
+            )}
+            >
               <TracingPanel
                 list={iteration}
-                className='bg-background-section-burn'
+                className="bg-background-section-burn"
               />
             </div>
           </div>
diff --git a/web/app/components/workflow/run/loop-log/loop-log-trigger.tsx b/web/app/components/workflow/run/loop-log/loop-log-trigger.tsx
index b086312baf..7280c29d05 100644
--- a/web/app/components/workflow/run/loop-log/loop-log-trigger.tsx
+++ b/web/app/components/workflow/run/loop-log/loop-log-trigger.tsx
@@ -1,11 +1,11 @@
-import { useTranslation } from 'react-i18next'
-import { RiArrowRightSLine } from '@remixicon/react'
-import Button from '@/app/components/base/button'
 import type {
   LoopDurationMap,
   LoopVariableMap,
   NodeTracing,
 } from '@/types/workflow'
+import { RiArrowRightSLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import { Loop } from '@/app/components/base/icons/src/vender/workflow'
 
 type LoopLogTriggerProps = {
@@ -21,7 +21,8 @@ const LoopLogTrigger = ({
   const { t } = useTranslation()
 
   const filterNodesForInstance = (key: string): NodeTracing[] => {
-    if (!allExecutions) return []
+    if (!allExecutions)
+      return []
 
     const parallelNodes = allExecutions.filter(exec =>
       exec.execution_metadata?.parallel_mode_run_id === key,
@@ -90,17 +91,20 @@ const LoopLogTrigger = ({
 
   return (
     <Button
-      className='flex w-full cursor-pointer items-center gap-2 self-stretch rounded-lg border-none bg-components-button-tertiary-bg-hover px-3 py-2 hover:bg-components-button-tertiary-bg-hover'
+      className="flex w-full cursor-pointer items-center gap-2 self-stretch rounded-lg border-none bg-components-button-tertiary-bg-hover px-3 py-2 hover:bg-components-button-tertiary-bg-hover"
       onClick={handleOnShowLoopDetail}
     >
-      <Loop className='h-4 w-4 shrink-0 text-components-button-tertiary-text' />
-      <div className='system-sm-medium flex-1 text-left text-components-button-tertiary-text'>{t('workflow.nodes.loop.loop', { count: displayLoopCount })}{errorCount > 0 && (
-        <>
-          {t('workflow.nodes.loop.comma')}
-          {t('workflow.nodes.loop.error', { count: errorCount })}
-        </>
-      )}</div>
-      <RiArrowRightSLine className='h-4 w-4 shrink-0 text-components-button-tertiary-text' />
+      <Loop className="h-4 w-4 shrink-0 text-components-button-tertiary-text" />
+      <div className="system-sm-medium flex-1 text-left text-components-button-tertiary-text">
+        {t('workflow.nodes.loop.loop', { count: displayLoopCount })}
+        {errorCount > 0 && (
+          <>
+            {t('workflow.nodes.loop.comma')}
+            {t('workflow.nodes.loop.error', { count: errorCount })}
+          </>
+        )}
+      </div>
+      <RiArrowRightSLine className="h-4 w-4 shrink-0 text-components-button-tertiary-text" />
     </Button>
   )
 }
diff --git a/web/app/components/workflow/run/loop-log/loop-result-panel.tsx b/web/app/components/workflow/run/loop-log/loop-result-panel.tsx
index 5ce2101d63..758148d8c1 100644
--- a/web/app/components/workflow/run/loop-log/loop-result-panel.tsx
+++ b/web/app/components/workflow/run/loop-log/loop-result-panel.tsx
@@ -1,20 +1,21 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { LoopDurationMap, LoopVariableMap, NodeTracing } from '@/types/workflow'
 import {
   RiArrowLeftLine,
   RiArrowRightSLine,
   RiErrorWarningLine,
   RiLoader2Line,
 } from '@remixicon/react'
-import { NodeRunningStatus } from '@/app/components/workflow/types'
-import TracingPanel from '@/app/components/workflow/run/tracing-panel'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Loop } from '@/app/components/base/icons/src/vender/workflow'
-import { cn } from '@/utils/classnames'
-import type { LoopDurationMap, LoopVariableMap, NodeTracing } from '@/types/workflow'
 import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import TracingPanel from '@/app/components/workflow/run/tracing-panel'
+import { NodeRunningStatus } from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
+
 const i18nPrefix = 'workflow.singleRun'
 
 type Props = {
@@ -54,15 +55,15 @@ const LoopResultPanel: FC<Props> = ({
     const hasDurationMap = loopDurationMap && Object.keys(loopDurationMap).length !== 0
 
     if (hasFailed)
-      return <RiErrorWarningLine className='h-4 w-4 text-text-destructive' />
+      return <RiErrorWarningLine className="h-4 w-4 text-text-destructive" />
 
     if (isRunning)
-      return <RiLoader2Line className='h-3.5 w-3.5 animate-spin text-primary-600' />
+      return <RiLoader2Line className="h-3.5 w-3.5 animate-spin text-primary-600" />
 
     return (
       <>
         {hasDurationMap && (
-          <div className='system-xs-regular text-text-tertiary'>
+          <div className="system-xs-regular text-text-tertiary">
             {countLoopDuration(loop, loopDurationMap)}
           </div>
         )}
@@ -77,20 +78,20 @@ const LoopResultPanel: FC<Props> = ({
   }
 
   return (
-    <div className='bg-components-panel-bg'>
+    <div className="bg-components-panel-bg">
       <div
-        className='flex h-8 cursor-pointer items-center border-b-[0.5px] border-b-divider-regular px-4 text-text-accent-secondary'
+        className="flex h-8 cursor-pointer items-center border-b-[0.5px] border-b-divider-regular px-4 text-text-accent-secondary"
         onClick={(e) => {
           e.stopPropagation()
           e.nativeEvent.stopImmediatePropagation()
           onBack()
         }}
       >
-        <RiArrowLeftLine className='mr-1 h-4 w-4' />
-        <div className='system-sm-medium'>{t(`${i18nPrefix}.back`)}</div>
+        <RiArrowLeftLine className="mr-1 h-4 w-4" />
+        <div className="system-sm-medium">{t(`${i18nPrefix}.back`)}</div>
       </div>
       {/* List */}
-      <div className='bg-components-panel-bg p-2'>
+      <div className="bg-components-panel-bg p-2">
         {list.map((loop, index) => (
           <div key={index} className={cn('mb-1 overflow-hidden rounded-xl border-none bg-background-section-burn')}>
             <div
@@ -102,27 +103,33 @@ const LoopResultPanel: FC<Props> = ({
               onClick={() => toggleLoop(index)}
             >
               <div className={cn('flex grow items-center gap-2')}>
-                <div className='flex h-4 w-4 shrink-0 items-center justify-center rounded-[5px] border-divider-subtle bg-util-colors-cyan-cyan-500'>
-                  <Loop className='h-3 w-3 text-text-primary-on-surface' />
+                <div className="flex h-4 w-4 shrink-0 items-center justify-center rounded-[5px] border-divider-subtle bg-util-colors-cyan-cyan-500">
+                  <Loop className="h-3 w-3 text-text-primary-on-surface" />
                 </div>
-                <span className='system-sm-semibold-uppercase grow text-text-primary'>
-                  {t(`${i18nPrefix}.loop`)} {index + 1}
+                <span className="system-sm-semibold-uppercase grow text-text-primary">
+                  {t(`${i18nPrefix}.loop`)}
+                  {' '}
+                  {index + 1}
                 </span>
                 {loopStatusShow(index, loop, loopDurationMap)}
               </div>
             </div>
-            {expandedLoops[index] && <div
-              className="h-px grow bg-divider-subtle"
-            ></div>}
+            {expandedLoops[index] && (
+              <div
+                className="h-px grow bg-divider-subtle"
+              >
+              </div>
+            )}
             <div className={cn(
               'transition-all duration-200',
               expandedLoops[index]
                 ? 'opacity-100'
                 : 'max-h-0 overflow-hidden opacity-0',
-            )}>
+            )}
+            >
               {
                 loopVariableMap?.[index] && (
-                  <div className='p-2 pb-0'>
+                  <div className="p-2 pb-0">
                     <CodeEditor
                       readOnly
                       title={<div>{t('workflow.nodes.loop.loopVariables').toLocaleUpperCase()}</div>}
@@ -136,7 +143,7 @@ const LoopResultPanel: FC<Props> = ({
               }
               <TracingPanel
                 list={loop}
-                className='bg-background-section-burn'
+                className="bg-background-section-burn"
               />
             </div>
           </div>
diff --git a/web/app/components/workflow/run/loop-result-panel.tsx b/web/app/components/workflow/run/loop-result-panel.tsx
index e87e8e54f7..61ba6db115 100644
--- a/web/app/components/workflow/run/loop-result-panel.tsx
+++ b/web/app/components/workflow/run/loop-result-panel.tsx
@@ -1,16 +1,16 @@
 'use client'
 import type { FC } from 'react'
-import React, { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { NodeTracing } from '@/types/workflow'
 import {
   RiArrowRightSLine,
   RiCloseLine,
 } from '@remixicon/react'
-import { ArrowNarrowLeft } from '../../base/icons/src/vender/line/arrows'
-import TracingPanel from './tracing-panel'
+import React, { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Loop } from '@/app/components/base/icons/src/vender/workflow'
 import { cn } from '@/utils/classnames'
-import type { NodeTracing } from '@/types/workflow'
+import { ArrowNarrowLeft } from '../../base/icons/src/vender/line/arrows'
+import TracingPanel from './tracing-panel'
 
 const i18nPrefix = 'workflow.singleRun'
 
@@ -40,17 +40,17 @@ const LoopResultPanel: FC<Props> = ({
   const main = (
     <>
       <div className={cn(!noWrap && 'shrink-0 ', 'px-4 pt-3')}>
-        <div className='flex h-8 shrink-0 items-center justify-between'>
-          <div className='system-xl-semibold truncate text-text-primary'>
+        <div className="flex h-8 shrink-0 items-center justify-between">
+          <div className="system-xl-semibold truncate text-text-primary">
             {t(`${i18nPrefix}.testRunLoop`)}
           </div>
-          <div className='ml-2 shrink-0 cursor-pointer p-1' onClick={onHide}>
-            <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+          <div className="ml-2 shrink-0 cursor-pointer p-1" onClick={onHide}>
+            <RiCloseLine className="h-4 w-4 text-text-tertiary" />
           </div>
         </div>
-        <div className='flex cursor-pointer items-center space-x-1 py-2 text-text-accent-secondary' onClick={onBack}>
-          <ArrowNarrowLeft className='h-4 w-4' />
-          <div className='system-sm-medium'>{t(`${i18nPrefix}.back`)}</div>
+        <div className="flex cursor-pointer items-center space-x-1 py-2 text-text-accent-secondary" onClick={onBack}>
+          <ArrowNarrowLeft className="h-4 w-4" />
+          <div className="system-sm-medium">{t(`${i18nPrefix}.back`)}</div>
         </div>
       </div>
       {/* List */}
@@ -66,30 +66,37 @@ const LoopResultPanel: FC<Props> = ({
               onClick={() => toggleLoop(index)}
             >
               <div className={cn('flex grow items-center gap-2')}>
-                <div className='flex h-4 w-4 shrink-0 items-center justify-center rounded-[5px] border-divider-subtle bg-util-colors-cyan-cyan-500'>
-                  <Loop className='h-3 w-3 text-text-primary-on-surface' />
+                <div className="flex h-4 w-4 shrink-0 items-center justify-center rounded-[5px] border-divider-subtle bg-util-colors-cyan-cyan-500">
+                  <Loop className="h-3 w-3 text-text-primary-on-surface" />
                 </div>
-                <span className='system-sm-semibold-uppercase grow text-text-primary'>
-                  {t(`${i18nPrefix}.loop`)} {index + 1}
+                <span className="system-sm-semibold-uppercase grow text-text-primary">
+                  {t(`${i18nPrefix}.loop`)}
+                  {' '}
+                  {index + 1}
                 </span>
                 <RiArrowRightSLine className={cn(
                   'h-4 w-4 shrink-0 text-text-tertiary transition-transform duration-200',
                   expandedLoops[index] && 'rotate-90',
-                )} />
+                )}
+                />
               </div>
             </div>
-            {expandedLoops[index] && <div
-              className="h-px grow bg-divider-subtle"
-            ></div>}
+            {expandedLoops[index] && (
+              <div
+                className="h-px grow bg-divider-subtle"
+              >
+              </div>
+            )}
             <div className={cn(
               'transition-all duration-200',
               expandedLoops[index]
                 ? 'opacity-100'
                 : 'max-h-0 overflow-hidden opacity-0',
-            )}>
+            )}
+            >
               <TracingPanel
                 list={loop}
-                className='bg-background-section-burn'
+                className="bg-background-section-burn"
               />
 
             </div>
@@ -109,16 +116,16 @@ const LoopResultPanel: FC<Props> = ({
 
   return (
     <div
-      className='absolute inset-0 z-10 rounded-2xl pt-10'
+      className="absolute inset-0 z-10 rounded-2xl pt-10"
       style={{
         backgroundColor: 'rgba(16, 24, 40, 0.20)',
       }}
       onClick={handleNotBubble}
     >
-      <div className='flex h-full flex-col rounded-2xl bg-components-panel-bg'>
+      <div className="flex h-full flex-col rounded-2xl bg-components-panel-bg">
         {main}
       </div>
-    </div >
+    </div>
   )
 }
 export default React.memo(LoopResultPanel)
diff --git a/web/app/components/workflow/run/meta.tsx b/web/app/components/workflow/run/meta.tsx
index 13c35a42b8..20a03a2c5a 100644
--- a/web/app/components/workflow/run/meta.tsx
+++ b/web/app/components/workflow/run/meta.tsx
@@ -26,14 +26,14 @@ const MetaData: FC<Props> = ({
   const { formatTime } = useTimestamp()
 
   return (
-    <div className='relative'>
-      <div className='system-xs-medium-uppercase h-6 py-1 text-text-tertiary'>{t('runLog.meta.title')}</div>
-      <div className='py-1'>
-        <div className='flex'>
-          <div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.status')}</div>
-          <div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
+    <div className="relative">
+      <div className="system-xs-medium-uppercase h-6 py-1 text-text-tertiary">{t('runLog.meta.title')}</div>
+      <div className="py-1">
+        <div className="flex">
+          <div className="system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary">{t('runLog.meta.status')}</div>
+          <div className="system-xs-regular grow px-2 py-1.5 text-text-secondary">
             {status === 'running' && (
-              <div className='my-1 h-2 w-16 rounded-sm bg-text-quaternary'/>
+              <div className="my-1 h-2 w-16 rounded-sm bg-text-quaternary" />
             )}
             {status === 'succeeded' && (
               <span>SUCCESS</span>
@@ -52,44 +52,44 @@ const MetaData: FC<Props> = ({
             )}
           </div>
         </div>
-        <div className='flex'>
-          <div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.executor')}</div>
-          <div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
+        <div className="flex">
+          <div className="system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary">{t('runLog.meta.executor')}</div>
+          <div className="system-xs-regular grow px-2 py-1.5 text-text-secondary">
             {status === 'running' && (
-              <div className='my-1 h-2 w-[88px] rounded-sm bg-text-quaternary'/>
+              <div className="my-1 h-2 w-[88px] rounded-sm bg-text-quaternary" />
             )}
             {status !== 'running' && (
               <span>{executor || 'N/A'}</span>
             )}
           </div>
         </div>
-        <div className='flex'>
-          <div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.startTime')}</div>
-          <div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
+        <div className="flex">
+          <div className="system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary">{t('runLog.meta.startTime')}</div>
+          <div className="system-xs-regular grow px-2 py-1.5 text-text-secondary">
             {status === 'running' && (
-              <div className='my-1 h-2 w-[72px] rounded-sm bg-text-quaternary'/>
+              <div className="my-1 h-2 w-[72px] rounded-sm bg-text-quaternary" />
             )}
             {status !== 'running' && (
               <span>{startTime ? formatTime(startTime, t('appLog.dateTimeFormat') as string) : '-'}</span>
             )}
           </div>
         </div>
-        <div className='flex'>
-          <div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.time')}</div>
-          <div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
+        <div className="flex">
+          <div className="system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary">{t('runLog.meta.time')}</div>
+          <div className="system-xs-regular grow px-2 py-1.5 text-text-secondary">
             {status === 'running' && (
-              <div className='my-1 h-2 w-[72px] rounded-sm bg-text-quaternary'/>
+              <div className="my-1 h-2 w-[72px] rounded-sm bg-text-quaternary" />
             )}
             {status !== 'running' && (
               <span>{time ? `${time.toFixed(3)}s` : '-'}</span>
             )}
           </div>
         </div>
-        <div className='flex'>
-          <div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.tokens')}</div>
-          <div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
+        <div className="flex">
+          <div className="system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary">{t('runLog.meta.tokens')}</div>
+          <div className="system-xs-regular grow px-2 py-1.5 text-text-secondary">
             {status === 'running' && (
-              <div className='my-1 h-2 w-[48px] rounded-sm bg-text-quaternary'/>
+              <div className="my-1 h-2 w-[48px] rounded-sm bg-text-quaternary" />
             )}
             {status !== 'running' && (
               <span>{`${tokens || 0} Tokens`}</span>
@@ -97,11 +97,11 @@ const MetaData: FC<Props> = ({
           </div>
         </div>
         {showSteps && (
-          <div className='flex'>
-            <div className='system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary'>{t('runLog.meta.steps')}</div>
-            <div className='system-xs-regular grow px-2 py-1.5 text-text-secondary'>
+          <div className="flex">
+            <div className="system-xs-regular w-[104px] shrink-0 truncate px-2 py-1.5 text-text-tertiary">{t('runLog.meta.steps')}</div>
+            <div className="system-xs-regular grow px-2 py-1.5 text-text-secondary">
               {status === 'running' && (
-                <div className='my-1 h-2 w-[24px] rounded-sm bg-text-quaternary'/>
+                <div className="my-1 h-2 w-[24px] rounded-sm bg-text-quaternary" />
               )}
               {status !== 'running' && (
                 <span>{steps}</span>
diff --git a/web/app/components/workflow/run/node.tsx b/web/app/components/workflow/run/node.tsx
index 6482433cde..d4afb59a91 100644
--- a/web/app/components/workflow/run/node.tsx
+++ b/web/app/components/workflow/run/node.tsx
@@ -1,24 +1,5 @@
 'use client'
-import { useTranslation } from 'react-i18next'
 import type { FC } from 'react'
-import { useCallback, useEffect, useMemo, useState } from 'react'
-import {
-  RiAlertFill,
-  RiArrowRightSLine,
-  RiCheckboxCircleFill,
-  RiErrorWarningLine,
-  RiLoader2Line,
-} from '@remixicon/react'
-import BlockIcon from '../block-icon'
-import { BlockEnum } from '../types'
-import { RetryLogTrigger } from './retry-log'
-import { IterationLogTrigger } from './iteration-log'
-import { LoopLogTrigger } from './loop-log'
-import { AgentLogTrigger } from './agent-log'
-import { cn } from '@/utils/classnames'
-import StatusContainer from '@/app/components/workflow/run/status-container'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import type {
   AgentLogItemWithChildren,
   IterationDurationMap,
@@ -26,11 +7,30 @@ import type {
   LoopVariableMap,
   NodeTracing,
 } from '@/types/workflow'
+import {
+  RiAlertFill,
+  RiArrowRightSLine,
+  RiCheckboxCircleFill,
+  RiErrorWarningLine,
+  RiLoader2Line,
+} from '@remixicon/react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Tooltip from '@/app/components/base/tooltip'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
 import ErrorHandleTip from '@/app/components/workflow/nodes/_base/components/error-handle/error-handle-tip'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import StatusContainer from '@/app/components/workflow/run/status-container'
 import { hasRetryNode } from '@/app/components/workflow/utils'
 import { useDocLink } from '@/context/i18n'
-import Tooltip from '@/app/components/base/tooltip'
+import { cn } from '@/utils/classnames'
+import BlockIcon from '../block-icon'
+import { BlockEnum } from '../types'
 import LargeDataAlert from '../variable-inspect/large-data-alert'
+import { AgentLogTrigger } from './agent-log'
+import { IterationLogTrigger } from './iteration-log'
+import { LoopLogTrigger } from './loop-log'
+import { RetryLogTrigger } from './retry-log'
 
 type Props = {
   className?: string
@@ -113,7 +113,7 @@ const NodePanel: FC<Props> = ({
 
   return (
     <div className={cn('px-2 py-1', className)}>
-      <div className='group rounded-[10px] border border-components-panel-border bg-background-default shadow-xs transition-all hover:shadow-md'>
+      <div className="group rounded-[10px] border border-components-panel-border bg-background-default shadow-xs transition-all hover:shadow-md">
         <div
           className={cn(
             'flex cursor-pointer items-center pl-1 pr-3',
@@ -133,22 +133,28 @@ const NodePanel: FC<Props> = ({
           <BlockIcon size={inMessage ? 'xs' : 'sm'} className={cn('mr-2 shrink-0', inMessage && '!mr-1')} type={nodeInfo.node_type} toolIcon={nodeInfo.extras?.icon || nodeInfo.extras} />
           <Tooltip
             popupContent={
-              <div className='max-w-xs'>{nodeInfo.title}</div>
+              <div className="max-w-xs">{nodeInfo.title}</div>
             }
           >
             <div className={cn(
               'system-xs-semibold-uppercase grow truncate text-text-secondary',
               hideInfo && '!text-xs',
-            )}>{nodeInfo.title}</div>
+            )}
+            >
+              {nodeInfo.title}
+            </div>
           </Tooltip>
           {nodeInfo.status !== 'running' && !hideInfo && (
-            <div className='system-xs-regular shrink-0 text-text-tertiary'>{nodeInfo.execution_metadata?.total_tokens ? `${getTokenCount(nodeInfo.execution_metadata?.total_tokens || 0)} tokens · ` : ''}{`${getTime(nodeInfo.elapsed_time || 0)}`}</div>
+            <div className="system-xs-regular shrink-0 text-text-tertiary">
+              {nodeInfo.execution_metadata?.total_tokens ? `${getTokenCount(nodeInfo.execution_metadata?.total_tokens || 0)} tokens · ` : ''}
+              {`${getTime(nodeInfo.elapsed_time || 0)}`}
+            </div>
           )}
           {nodeInfo.status === 'succeeded' && (
-            <RiCheckboxCircleFill className='ml-2 h-3.5 w-3.5 shrink-0 text-text-success' />
+            <RiCheckboxCircleFill className="ml-2 h-3.5 w-3.5 shrink-0 text-text-success" />
           )}
           {nodeInfo.status === 'failed' && (
-            <RiErrorWarningLine className='ml-2 h-3.5 w-3.5 shrink-0 text-text-warning' />
+            <RiErrorWarningLine className="ml-2 h-3.5 w-3.5 shrink-0 text-text-warning" />
           )}
           {nodeInfo.status === 'stopped' && (
             <RiAlertFill className={cn('ml-2 h-4 w-4 shrink-0 text-text-warning-secondary', inMessage && 'h-3.5 w-3.5')} />
@@ -157,14 +163,14 @@ const NodePanel: FC<Props> = ({
             <RiAlertFill className={cn('ml-2 h-4 w-4 shrink-0 text-text-warning-secondary', inMessage && 'h-3.5 w-3.5')} />
           )}
           {nodeInfo.status === 'running' && (
-            <div className='flex shrink-0 items-center text-[13px] font-medium leading-[16px] text-text-accent'>
-              <span className='mr-2 text-xs font-normal'>Running</span>
-              <RiLoader2Line className='h-3.5 w-3.5 animate-spin' />
+            <div className="flex shrink-0 items-center text-[13px] font-medium leading-[16px] text-text-accent">
+              <span className="mr-2 text-xs font-normal">Running</span>
+              <RiLoader2Line className="h-3.5 w-3.5 animate-spin" />
             </div>
           )}
         </div>
         {!collapseState && !hideProcessDetail && (
-          <div className='px-1 pb-1'>
+          <div className="px-1 pb-1">
             {/* The nav to the iteration detail */}
             {isIterationNode && !notShowIterationNav && onShowIterationDetail && (
               <IterationLogTrigger
@@ -197,29 +203,29 @@ const NodePanel: FC<Props> = ({
             }
             <div className={cn('mb-1', hideInfo && '!px-2 !py-0.5')}>
               {(nodeInfo.status === 'stopped') && (
-                <StatusContainer status='stopped'>
+                <StatusContainer status="stopped">
                   {t('workflow.tracing.stopBy', { user: nodeInfo.created_by ? nodeInfo.created_by.name : 'N/A' })}
                 </StatusContainer>
               )}
               {(nodeInfo.status === 'exception') && (
-                <StatusContainer status='stopped'>
+                <StatusContainer status="stopped">
                   {nodeInfo.error}
                   <a
                     href={docLink('/guides/workflow/error-handling/error-type')}
-                    target='_blank'
-                    className='text-text-accent'
+                    target="_blank"
+                    className="text-text-accent"
                   >
                     {t('workflow.common.learnMore')}
                   </a>
                 </StatusContainer>
               )}
               {nodeInfo.status === 'failed' && (
-                <StatusContainer status='failed'>
+                <StatusContainer status="failed">
                   {nodeInfo.error}
                 </StatusContainer>
               )}
               {nodeInfo.status === 'retry' && (
-                <StatusContainer status='failed'>
+                <StatusContainer status="failed">
                   {nodeInfo.error}
                 </StatusContainer>
               )}
@@ -232,7 +238,7 @@ const NodePanel: FC<Props> = ({
                   language={CodeLanguage.json}
                   value={nodeInfo.inputs}
                   isJSONStringifyBeauty
-                  footer={nodeInfo.inputs_truncated && <LargeDataAlert textHasNoExport className='mx-1 mb-1 mt-2 h-7' />}
+                  footer={nodeInfo.inputs_truncated && <LargeDataAlert textHasNoExport className="mx-1 mb-1 mt-2 h-7" />}
                 />
               </div>
             )}
@@ -256,7 +262,7 @@ const NodePanel: FC<Props> = ({
                   value={nodeInfo.outputs}
                   isJSONStringifyBeauty
                   tip={<ErrorHandleTip type={nodeInfo.execution_metadata?.error_strategy} />}
-                  footer={nodeInfo.outputs_truncated && <LargeDataAlert textHasNoExport downloadUrl={nodeInfo.outputs_full_content?.download_url} className='mx-1 mb-1 mt-2 h-7' />}
+                  footer={nodeInfo.outputs_truncated && <LargeDataAlert textHasNoExport downloadUrl={nodeInfo.outputs_full_content?.download_url} className="mx-1 mb-1 mt-2 h-7" />}
                 />
               </div>
             )}
diff --git a/web/app/components/workflow/run/output-panel.tsx b/web/app/components/workflow/run/output-panel.tsx
index ad776a1651..9f43299059 100644
--- a/web/app/components/workflow/run/output-panel.tsx
+++ b/web/app/components/workflow/run/output-panel.tsx
@@ -1,13 +1,13 @@
 'use client'
 import type { FC } from 'react'
 import { useMemo } from 'react'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import { Markdown } from '@/app/components/base/markdown'
 import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
 import { FileList } from '@/app/components/base/file-uploader'
-import StatusContainer from '@/app/components/workflow/run/status-container'
 import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
+import { Markdown } from '@/app/components/base/markdown'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import StatusContainer from '@/app/components/workflow/run/status-container'
 
 type OutputPanelProps = {
   isRunning?: boolean
@@ -54,24 +54,24 @@ const OutputPanel: FC<OutputPanelProps> = ({
     return getProcessedFilesFromResponse(fileList)
   }, [outputs])
   return (
-    <div className='p-2'>
+    <div className="p-2">
       {isRunning && (
-        <div className='pl-[26px] pt-4'>
-          <LoadingAnim type='text' />
+        <div className="pl-[26px] pt-4">
+          <LoadingAnim type="text" />
         </div>
       )}
       {!isRunning && error && (
-        <div className='px-4'>
-          <StatusContainer status='failed'>{error}</StatusContainer>
+        <div className="px-4">
+          <StatusContainer status="failed">{error}</StatusContainer>
         </div>
       )}
       {!isRunning && !outputs && (
-        <div className='px-4 py-2'>
-          <Markdown content='No Output' />
+        <div className="px-4 py-2">
+          <Markdown content="No Output" />
         </div>
       )}
       {isTextOutput && (
-        <div className='px-4 py-2'>
+        <div className="px-4 py-2">
           <Markdown
             content={
               Array.isArray(outputs[Object.keys(outputs)[0]])
@@ -82,7 +82,7 @@ const OutputPanel: FC<OutputPanelProps> = ({
         </div>
       )}
       {fileList.length > 0 && (
-        <div className='px-4 py-2'>
+        <div className="px-4 py-2">
           <FileList
             files={fileList}
             showDeleteAction={false}
@@ -92,7 +92,7 @@ const OutputPanel: FC<OutputPanelProps> = ({
         </div>
       )}
       {!isTextOutput && outputs && Object.keys(outputs).length > 0 && height! > 0 && (
-        <div className='flex flex-col gap-2'>
+        <div className="flex flex-col gap-2">
           <CodeEditor
             showFileList
             readOnly
diff --git a/web/app/components/workflow/run/result-panel.tsx b/web/app/components/workflow/run/result-panel.tsx
index a444860231..d8ca879025 100644
--- a/web/app/components/workflow/run/result-panel.tsx
+++ b/web/app/components/workflow/run/result-panel.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import StatusPanel from './status'
-import MetaData from './meta'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import ErrorHandleTip from '@/app/components/workflow/nodes/_base/components/error-handle/error-handle-tip'
 import type {
   AgentLogItemWithChildren,
   NodeTracing,
 } from '@/types/workflow'
-import { BlockEnum } from '@/app/components/workflow/types'
-import { hasRetryNode } from '@/app/components/workflow/utils'
+import { useTranslation } from 'react-i18next'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import ErrorHandleTip from '@/app/components/workflow/nodes/_base/components/error-handle/error-handle-tip'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { AgentLogTrigger } from '@/app/components/workflow/run/agent-log'
 import { IterationLogTrigger } from '@/app/components/workflow/run/iteration-log'
 import { LoopLogTrigger } from '@/app/components/workflow/run/loop-log'
 import { RetryLogTrigger } from '@/app/components/workflow/run/retry-log'
-import { AgentLogTrigger } from '@/app/components/workflow/run/agent-log'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { hasRetryNode } from '@/app/components/workflow/utils'
 import LargeDataAlert from '../variable-inspect/large-data-alert'
+import MetaData from './meta'
+import StatusPanel from './status'
 
 export type ResultPanelProps = {
   nodeInfo?: NodeTracing
@@ -80,8 +80,8 @@ const ResultPanel: FC<ResultPanelProps> = ({
   const isToolNode = nodeInfo?.node_type === BlockEnum.Tool && !!nodeInfo?.agentLog?.length
 
   return (
-    <div className='bg-components-panel-bg py-2'>
-      <div className='px-4 py-2'>
+    <div className="bg-components-panel-bg py-2">
+      <div className="px-4 py-2">
         <StatusPanel
           status={status}
           time={elapsed_time}
@@ -91,7 +91,7 @@ const ResultPanel: FC<ResultPanelProps> = ({
           isListening={isListening}
         />
       </div>
-      <div className='px-4'>
+      <div className="px-4">
         {
           isIterationNode && handleShowIterationResultList && (
             <IterationLogTrigger
@@ -125,14 +125,14 @@ const ResultPanel: FC<ResultPanelProps> = ({
           )
         }
       </div>
-      <div className='flex flex-col gap-2 px-4 py-2'>
+      <div className="flex flex-col gap-2 px-4 py-2">
         <CodeEditor
           readOnly
           title={<div>{t('workflow.common.input').toLocaleUpperCase()}</div>}
           language={CodeLanguage.json}
           value={inputs}
           isJSONStringifyBeauty
-          footer={inputs_truncated && <LargeDataAlert textHasNoExport className='mx-1 mb-1 mt-2 h-7' />}
+          footer={inputs_truncated && <LargeDataAlert textHasNoExport className="mx-1 mb-1 mt-2 h-7" />}
         />
         {process_data && (
           <CodeEditor
@@ -141,7 +141,7 @@ const ResultPanel: FC<ResultPanelProps> = ({
             language={CodeLanguage.json}
             value={process_data}
             isJSONStringifyBeauty
-            footer={process_data_truncated && <LargeDataAlert textHasNoExport className='mx-1 mb-1 mt-2 h-7' />}
+            footer={process_data_truncated && <LargeDataAlert textHasNoExport className="mx-1 mb-1 mt-2 h-7" />}
           />
         )}
         {(outputs || status === 'running') && (
@@ -152,14 +152,14 @@ const ResultPanel: FC<ResultPanelProps> = ({
             value={outputs}
             isJSONStringifyBeauty
             tip={<ErrorHandleTip type={execution_metadata?.error_strategy} />}
-            footer={outputs_truncated && <LargeDataAlert textHasNoExport downloadUrl={outputs_full_content?.download_url} className='mx-1 mb-1 mt-2 h-7' />}
+            footer={outputs_truncated && <LargeDataAlert textHasNoExport downloadUrl={outputs_full_content?.download_url} className="mx-1 mb-1 mt-2 h-7" />}
           />
         )}
       </div>
-      <div className='px-4 py-2'>
-        <div className='divider-subtle h-[0.5px]' />
+      <div className="px-4 py-2">
+        <div className="divider-subtle h-[0.5px]" />
       </div>
-      <div className='px-4 py-2'>
+      <div className="px-4 py-2">
         <MetaData
           status={status}
           executor={created_by}
diff --git a/web/app/components/workflow/run/result-text.tsx b/web/app/components/workflow/run/result-text.tsx
index cf99c604d3..2bb1d379b4 100644
--- a/web/app/components/workflow/run/result-text.tsx
+++ b/web/app/components/workflow/run/result-text.tsx
@@ -1,11 +1,11 @@
 'use client'
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
+import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
+import { FileList } from '@/app/components/base/file-uploader'
 import { ImageIndentLeft } from '@/app/components/base/icons/src/vender/line/editor'
 import { Markdown } from '@/app/components/base/markdown'
-import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
 import StatusContainer from '@/app/components/workflow/run/status-container'
-import { FileList } from '@/app/components/base/file-uploader'
 
 type ResultTextProps = {
   isRunning?: boolean
@@ -24,26 +24,26 @@ const ResultText: FC<ResultTextProps> = ({
 }) => {
   const { t } = useTranslation()
   return (
-    <div className='bg-background-section-burn'>
+    <div className="bg-background-section-burn">
       {isRunning && !outputs && (
-        <div className='pl-[26px] pt-4'>
-          <LoadingAnim type='text' />
+        <div className="pl-[26px] pt-4">
+          <LoadingAnim type="text" />
         </div>
       )}
       {!isRunning && error && (
-        <div className='px-4 py-2'>
-          <StatusContainer status='failed'>
+        <div className="px-4 py-2">
+          <StatusContainer status="failed">
             {error}
           </StatusContainer>
         </div>
       )}
       {!isRunning && !outputs && !error && !allFiles?.length && (
-        <div className='mt-[120px] flex flex-col items-center px-4 py-2 text-[13px] leading-[18px] text-gray-500'>
-          <ImageIndentLeft className='h-6 w-6 text-gray-400' />
-          <div className='mr-2'>{t('runLog.resultEmpty.title')}</div>
+        <div className="mt-[120px] flex flex-col items-center px-4 py-2 text-[13px] leading-[18px] text-gray-500">
+          <ImageIndentLeft className="h-6 w-6 text-gray-400" />
+          <div className="mr-2">{t('runLog.resultEmpty.title')}</div>
           <div>
             {t('runLog.resultEmpty.tipLeft')}
-            <span onClick={onClick} className='cursor-pointer text-primary-600'>{t('runLog.resultEmpty.link')}</span>
+            <span onClick={onClick} className="cursor-pointer text-primary-600">{t('runLog.resultEmpty.link')}</span>
             {t('runLog.resultEmpty.tipRight')}
           </div>
         </div>
@@ -51,13 +51,13 @@ const ResultText: FC<ResultTextProps> = ({
       {(outputs || !!allFiles?.length) && (
         <>
           {outputs && (
-            <div className='px-4 py-2'>
+            <div className="px-4 py-2">
               <Markdown content={outputs} />
             </div>
           )}
           {!!allFiles?.length && allFiles.map(item => (
-            <div key={item.varName} className='system-xs-regular flex flex-col gap-1 px-4 py-2'>
-              <div className='py-1 text-text-tertiary '>{item.varName}</div>
+            <div key={item.varName} className="system-xs-regular flex flex-col gap-1 px-4 py-2">
+              <div className="py-1 text-text-tertiary ">{item.varName}</div>
               <FileList
                 files={item.list}
                 showDeleteAction={false}
diff --git a/web/app/components/workflow/run/retry-log/retry-log-trigger.tsx b/web/app/components/workflow/run/retry-log/retry-log-trigger.tsx
index 0a39e4fec7..cc6d255310 100644
--- a/web/app/components/workflow/run/retry-log/retry-log-trigger.tsx
+++ b/web/app/components/workflow/run/retry-log/retry-log-trigger.tsx
@@ -1,10 +1,10 @@
-import { useTranslation } from 'react-i18next'
+import type { NodeTracing } from '@/types/workflow'
 import {
   RiArrowRightSLine,
   RiRestartFill,
 } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import type { NodeTracing } from '@/types/workflow'
 
 type RetryLogTriggerProps = {
   nodeInfo: NodeTracing
@@ -25,15 +25,15 @@ const RetryLogTrigger = ({
 
   return (
     <Button
-      className='mb-1 flex w-full items-center justify-between'
-      variant='tertiary'
+      className="mb-1 flex w-full items-center justify-between"
+      variant="tertiary"
       onClick={handleShowRetryResultList}
     >
-      <div className='flex items-center'>
-        <RiRestartFill className='mr-0.5 h-4 w-4 shrink-0 text-components-button-tertiary-text' />
+      <div className="flex items-center">
+        <RiRestartFill className="mr-0.5 h-4 w-4 shrink-0 text-components-button-tertiary-text" />
         {t('workflow.nodes.common.retry.retries', { num: retryDetail?.length })}
       </div>
-      <RiArrowRightSLine className='h-4 w-4 shrink-0 text-components-button-tertiary-text' />
+      <RiArrowRightSLine className="h-4 w-4 shrink-0 text-components-button-tertiary-text" />
     </Button>
   )
 }
diff --git a/web/app/components/workflow/run/retry-log/retry-result-panel.tsx b/web/app/components/workflow/run/retry-log/retry-result-panel.tsx
index 3d1eb77c93..6547bfd47f 100644
--- a/web/app/components/workflow/run/retry-log/retry-result-panel.tsx
+++ b/web/app/components/workflow/run/retry-log/retry-result-panel.tsx
@@ -1,13 +1,13 @@
 'use client'
 
 import type { FC } from 'react'
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { NodeTracing } from '@/types/workflow'
 import {
   RiArrowLeftLine,
 } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import TracingPanel from '../tracing-panel'
-import type { NodeTracing } from '@/types/workflow'
 
 type Props = {
   list: NodeTracing[]
@@ -23,14 +23,14 @@ const RetryResultPanel: FC<Props> = ({
   return (
     <div>
       <div
-        className='system-sm-medium flex h-8 cursor-pointer items-center bg-components-panel-bg px-4 text-text-accent-secondary'
+        className="system-sm-medium flex h-8 cursor-pointer items-center bg-components-panel-bg px-4 text-text-accent-secondary"
         onClick={(e) => {
           e.stopPropagation()
           e.nativeEvent.stopImmediatePropagation()
           onBack()
         }}
       >
-        <RiArrowLeftLine className='mr-1 h-4 w-4' />
+        <RiArrowLeftLine className="mr-1 h-4 w-4" />
         {t('workflow.singleRun.back')}
       </div>
       <TracingPanel
@@ -38,9 +38,9 @@ const RetryResultPanel: FC<Props> = ({
           ...item,
           title: `${t('workflow.nodes.common.retry.retry')} ${index + 1}`,
         }))}
-        className='bg-background-section-burn'
+        className="bg-background-section-burn"
       />
-    </div >
+    </div>
   )
 }
 export default memo(RetryResultPanel)
diff --git a/web/app/components/workflow/run/special-result-panel.tsx b/web/app/components/workflow/run/special-result-panel.tsx
index d985950b7e..34a9e2fb37 100644
--- a/web/app/components/workflow/run/special-result-panel.tsx
+++ b/web/app/components/workflow/run/special-result-panel.tsx
@@ -1,7 +1,3 @@
-import { RetryResultPanel } from './retry-log'
-import { IterationResultPanel } from './iteration-log'
-import { LoopResultPanel } from './loop-log'
-import { AgentResultPanel } from './agent-log'
 import type {
   AgentLogItemWithChildren,
   IterationDurationMap,
@@ -9,6 +5,10 @@ import type {
   LoopVariableMap,
   NodeTracing,
 } from '@/types/workflow'
+import { AgentResultPanel } from './agent-log'
+import { IterationResultPanel } from './iteration-log'
+import { LoopResultPanel } from './loop-log'
+import { RetryResultPanel } from './retry-log'
 
 export type SpecialResultPanelProps = {
   showRetryDetail?: boolean
@@ -54,7 +54,8 @@ const SpecialResultPanel = ({
     <div onClick={(e) => {
       e.stopPropagation()
       e.nativeEvent.stopImmediatePropagation()
-    }}>
+    }}
+    >
       {
         !!showRetryDetail && !!retryResultList?.length && setShowRetryDetailFalse && (
           <RetryResultPanel
diff --git a/web/app/components/workflow/run/status-container.tsx b/web/app/components/workflow/run/status-container.tsx
index 618c25a3f4..d935135231 100644
--- a/web/app/components/workflow/run/status-container.tsx
+++ b/web/app/components/workflow/run/status-container.tsx
@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
+import useTheme from '@/hooks/use-theme'
 import { Theme } from '@/types/app'
 import { cn } from '@/utils/classnames'
-import useTheme from '@/hooks/use-theme'
 
 type Props = {
   status: string
@@ -43,7 +43,9 @@ const StatusContainer: FC<Props> = ({
         'absolute left-0 top-0 h-[50px] w-[65%] bg-no-repeat',
         theme === Theme.light && 'bg-[url(~@/app/components/workflow/run/assets/highlight.svg)]',
         theme === Theme.dark && 'bg-[url(~@/app/components/workflow/run/assets/highlight-dark.svg)]',
-      )}></div>
+      )}
+      >
+      </div>
       {children}
     </div>
   )
diff --git a/web/app/components/workflow/run/status.tsx b/web/app/components/workflow/run/status.tsx
index 7b272ee444..e8dc6136f3 100644
--- a/web/app/components/workflow/run/status.tsx
+++ b/web/app/components/workflow/run/status.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
 import Indicator from '@/app/components/header/indicator'
 import StatusContainer from '@/app/components/workflow/run/status-container'
 import { useDocLink } from '@/context/i18n'
+import { cn } from '@/utils/classnames'
 
 type ResultProps = {
   status: string
@@ -28,12 +28,13 @@ const StatusPanel: FC<ResultProps> = ({
 
   return (
     <StatusContainer status={status}>
-      <div className='flex'>
+      <div className="flex">
         <div className={cn(
           'max-w-[120px] flex-[33%]',
           status === 'partial-succeeded' && 'min-w-[140px]',
-        )}>
-          <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t('runLog.resultPanel.status')}</div>
+        )}
+        >
+          <div className="system-2xs-medium-uppercase mb-1 text-text-tertiary">{t('runLog.resultPanel.status')}</div>
           <div
             className={cn(
               'system-xs-semibold-uppercase flex items-center gap-1',
@@ -46,58 +47,58 @@ const StatusPanel: FC<ResultProps> = ({
           >
             {status === 'running' && (
               <>
-                <Indicator color={'blue'} />
+                <Indicator color="blue" />
                 <span>{isListening ? 'Listening' : 'Running'}</span>
               </>
             )}
             {status === 'succeeded' && (
               <>
-                <Indicator color={'green'} />
+                <Indicator color="green" />
                 <span>SUCCESS</span>
               </>
             )}
             {status === 'partial-succeeded' && (
               <>
-                <Indicator color={'green'} />
+                <Indicator color="green" />
                 <span>PARTIAL SUCCESS</span>
               </>
             )}
             {status === 'exception' && (
               <>
-                <Indicator color={'yellow'} />
+                <Indicator color="yellow" />
                 <span>EXCEPTION</span>
               </>
             )}
             {status === 'failed' && (
               <>
-                <Indicator color={'red'} />
+                <Indicator color="red" />
                 <span>FAIL</span>
               </>
             )}
             {status === 'stopped' && (
               <>
-                <Indicator color={'yellow'} />
+                <Indicator color="yellow" />
                 <span>STOP</span>
               </>
             )}
           </div>
         </div>
-        <div className='max-w-[152px] flex-[33%]'>
-          <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t('runLog.resultPanel.time')}</div>
-          <div className='system-sm-medium flex items-center gap-1 text-text-secondary'>
+        <div className="max-w-[152px] flex-[33%]">
+          <div className="system-2xs-medium-uppercase mb-1 text-text-tertiary">{t('runLog.resultPanel.time')}</div>
+          <div className="system-sm-medium flex items-center gap-1 text-text-secondary">
             {status === 'running' && (
-              <div className='h-2 w-16 rounded-sm bg-text-quaternary' />
+              <div className="h-2 w-16 rounded-sm bg-text-quaternary" />
             )}
             {status !== 'running' && (
               <span>{time ? `${time?.toFixed(3)}s` : '-'}</span>
             )}
           </div>
         </div>
-        <div className='flex-[33%]'>
-          <div className='system-2xs-medium-uppercase mb-1 text-text-tertiary'>{t('runLog.resultPanel.tokens')}</div>
-          <div className='system-sm-medium flex items-center gap-1 text-text-secondary'>
+        <div className="flex-[33%]">
+          <div className="system-2xs-medium-uppercase mb-1 text-text-tertiary">{t('runLog.resultPanel.tokens')}</div>
+          <div className="system-sm-medium flex items-center gap-1 text-text-secondary">
             {status === 'running' && (
-              <div className='h-2 w-20 rounded-sm bg-text-quaternary' />
+              <div className="h-2 w-20 rounded-sm bg-text-quaternary" />
             )}
             {status !== 'running' && (
               <span>{`${tokens || 0} Tokens`}</span>
@@ -107,13 +108,13 @@ const StatusPanel: FC<ResultProps> = ({
       </div>
       {status === 'failed' && error && (
         <>
-          <div className='my-2 h-[0.5px] bg-divider-subtle'/>
-          <div className='system-xs-regular whitespace-pre-wrap text-text-destructive'>{error}</div>
+          <div className="my-2 h-[0.5px] bg-divider-subtle" />
+          <div className="system-xs-regular whitespace-pre-wrap text-text-destructive">{error}</div>
           {
             !!exceptionCounts && (
               <>
-                <div className='my-2 h-[0.5px] bg-divider-subtle'/>
-                <div className='system-xs-regular text-text-destructive'>
+                <div className="my-2 h-[0.5px] bg-divider-subtle" />
+                <div className="system-xs-regular text-text-destructive">
                   {t('workflow.nodes.common.errorHandle.partialSucceeded.tip', { num: exceptionCounts })}
                 </div>
               </>
@@ -124,8 +125,8 @@ const StatusPanel: FC<ResultProps> = ({
       {
         status === 'partial-succeeded' && !!exceptionCounts && (
           <>
-            <div className='my-2 h-[0.5px] bg-divider-deep'/>
-            <div className='system-xs-medium text-text-warning'>
+            <div className="my-2 h-[0.5px] bg-divider-deep" />
+            <div className="system-xs-medium text-text-warning">
               {t('workflow.nodes.common.errorHandle.partialSucceeded.tip', { num: exceptionCounts })}
             </div>
           </>
@@ -134,13 +135,13 @@ const StatusPanel: FC<ResultProps> = ({
       {
         status === 'exception' && (
           <>
-            <div className='my-2 h-[0.5px] bg-divider-deep'/>
-            <div className='system-xs-medium text-text-warning'>
+            <div className="my-2 h-[0.5px] bg-divider-deep" />
+            <div className="system-xs-medium text-text-warning">
               {error}
               <a
                 href={docLink('/guides/workflow/error-handling/error-type')}
-                target='_blank'
-                className='text-text-accent'
+                target="_blank"
+                className="text-text-accent"
               >
                 {t('workflow.common.learnMore')}
               </a>
diff --git a/web/app/components/workflow/run/tracing-panel.tsx b/web/app/components/workflow/run/tracing-panel.tsx
index 77f64dfba8..0e1d6578ab 100644
--- a/web/app/components/workflow/run/tracing-panel.tsx
+++ b/web/app/components/workflow/run/tracing-panel.tsx
@@ -1,22 +1,22 @@
 'use client'
 import type { FC } from 'react'
+import type { NodeTracing } from '@/types/workflow'
+import {
+  RiArrowDownSLine,
+  RiMenu4Line,
+} from '@remixicon/react'
 import
 React,
 {
   useCallback,
   useState,
 } from 'react'
-import { cn } from '@/utils/classnames'
-import {
-  RiArrowDownSLine,
-  RiMenu4Line,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
+import formatNodeList from '@/app/components/workflow/run/utils/format-log'
+import { cn } from '@/utils/classnames'
 import { useLogs } from './hooks'
 import NodePanel from './node'
 import SpecialResultPanel from './special-result-panel'
-import type { NodeTracing } from '@/types/workflow'
-import formatNodeList from '@/app/components/workflow/run/utils/format-log'
 
 type TracingPanelProps = {
   list: NodeTracing[]
@@ -109,7 +109,8 @@ const TracingPanel: FC<TracingPanelProps> = ({
           onMouseLeave={handleParallelMouseLeave}
         >
           <div className="mb-1 flex items-center">
-            <button type="button"
+            <button
+              type="button"
               onClick={() => toggleCollapse(node.id)}
               className={cn(
                 'mr-2 transition-colors',
@@ -124,13 +125,16 @@ const TracingPanel: FC<TracingPanelProps> = ({
             <div
               className="mx-2 h-px grow bg-divider-subtle"
               style={{ background: 'linear-gradient(to right, rgba(16, 24, 40, 0.08), rgba(255, 255, 255, 0)' }}
-            ></div>
+            >
+            </div>
           </div>
           <div className={`relative pl-2 ${isCollapsed ? 'hidden' : ''}`}>
             <div className={cn(
               'absolute bottom-0 left-[5px] top-0 w-[2px]',
               isHovered ? 'bg-text-accent-secondary' : 'bg-divider-subtle',
-            )}></div>
+            )}
+            >
+            </div>
             {parallelDetail.children!.map(renderNode)}
           </div>
         </div>
diff --git a/web/app/components/workflow/run/utils/format-log/agent/index.spec.ts b/web/app/components/workflow/run/utils/format-log/agent/index.spec.ts
index 59cf0ce308..9359e227be 100644
--- a/web/app/components/workflow/run/utils/format-log/agent/index.spec.ts
+++ b/web/app/components/workflow/run/utils/format-log/agent/index.spec.ts
@@ -2,12 +2,12 @@ import format from '.'
 import { agentNodeData, multiStepsCircle, oneStepCircle } from './data'
 
 describe('agent', () => {
-  test('list should transform to tree', () => {
+  it('list should transform to tree', () => {
     // console.log(format(agentNodeData.in as any))
     expect(format(agentNodeData.in as any)).toEqual(agentNodeData.expect)
   })
 
-  test('list should remove circle log item', () => {
+  it('list should remove circle log item', () => {
     // format(oneStepCircle.in as any)
     expect(format(oneStepCircle.in as any)).toEqual(oneStepCircle.expect)
     expect(format(multiStepsCircle.in as any)).toEqual(multiStepsCircle.expect)
diff --git a/web/app/components/workflow/run/utils/format-log/agent/index.ts b/web/app/components/workflow/run/utils/format-log/agent/index.ts
index 311e56a269..a4c1ea5167 100644
--- a/web/app/components/workflow/run/utils/format-log/agent/index.ts
+++ b/web/app/components/workflow/run/utils/format-log/agent/index.ts
@@ -1,6 +1,6 @@
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { AgentLogItem, AgentLogItemWithChildren, NodeTracing } from '@/types/workflow'
 import { cloneDeep } from 'lodash-es'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 const supportedAgentLogNodes = [BlockEnum.Agent, BlockEnum.Tool]
 
diff --git a/web/app/components/workflow/run/utils/format-log/graph-to-log-struct.ts b/web/app/components/workflow/run/utils/format-log/graph-to-log-struct.ts
index 741fa08ebf..55e1c2b406 100644
--- a/web/app/components/workflow/run/utils/format-log/graph-to-log-struct.ts
+++ b/web/app/components/workflow/run/utils/format-log/graph-to-log-struct.ts
@@ -1,7 +1,7 @@
-type IterationInfo = { iterationId: string; iterationIndex: number }
-type LoopInfo = { loopId: string; loopIndex: number }
-type NodePlain = { nodeType: 'plain'; nodeId: string; } & (Partial<IterationInfo> & Partial<LoopInfo>)
-type NodeComplex = { nodeType: string; nodeId: string; params: (NodePlain | (NodeComplex & (Partial<IterationInfo> & Partial<LoopInfo>)) | Node[] | number)[] } & (Partial<IterationInfo> & Partial<LoopInfo>)
+type IterationInfo = { iterationId: string, iterationIndex: number }
+type LoopInfo = { loopId: string, loopIndex: number }
+type NodePlain = { nodeType: 'plain', nodeId: string } & (Partial<IterationInfo> & Partial<LoopInfo>)
+type NodeComplex = { nodeType: string, nodeId: string, params: (NodePlain | (NodeComplex & (Partial<IterationInfo> & Partial<LoopInfo>)) | Node[] | number)[] } & (Partial<IterationInfo> & Partial<LoopInfo>)
 type Node = NodePlain | NodeComplex
 
 /**
@@ -25,8 +25,10 @@ function parseTopLevelFlow(dsl: string): string[] {
 
   for (let i = 0; i < dsl.length; i++) {
     const char = dsl[i]
-    if (char === '(') nested++
-    if (char === ')') nested--
+    if (char === '(')
+      nested++
+    if (char === ')')
+      nested--
     if (char === '-' && dsl[i + 1] === '>' && nested === 0) {
       segments.push(buffer.trim())
       buffer = ''
@@ -61,8 +63,10 @@ function parseNode(nodeStr: string, parentIterationId?: string, parentLoopId?: s
     // Split the inner content by commas, respecting nested parentheses
     for (let i = 0; i < innerContent.length; i++) {
       const char = innerContent[i]
-      if (char === '(') nested++
-      if (char === ')') nested--
+      if (char === '(')
+        nested++
+      if (char === ')')
+        nested--
 
       if (char === ',' && nested === 0) {
         parts.push(buffer.trim())
@@ -137,12 +141,12 @@ function parseParams(paramParts: string[], parentIteration?: string, parentLoopI
 }
 
 type NodeData = {
-  id: string;
-  node_id: string;
-  title: string;
-  node_type?: string;
-  execution_metadata: Record<string, any>;
-  status: string;
+  id: string
+  node_id: string
+  title: string
+  node_type?: string
+  execution_metadata: Record<string, any>
+  status: string
 }
 
 /**
@@ -181,13 +185,17 @@ function convertRetryNode(node: Node): NodeData[] {
       id: nodeId,
       node_id: nodeId,
       title: nodeId,
-      execution_metadata: iterationId ? {
-        iteration_id: iterationId,
-        iteration_index: iterationIndex || 0,
-      } : loopId ? {
-        loop_id: loopId,
-        loop_index: loopIndex || 0,
-      } : {},
+      execution_metadata: iterationId
+        ? {
+            iteration_id: iterationId,
+            iteration_index: iterationIndex || 0,
+          }
+        : loopId
+          ? {
+              loop_id: loopId,
+              loop_index: loopIndex || 0,
+            }
+          : {},
       status: 'retry',
     })
   }
diff --git a/web/app/components/workflow/run/utils/format-log/index.ts b/web/app/components/workflow/run/utils/format-log/index.ts
index 4f97814e46..2c89e91571 100644
--- a/web/app/components/workflow/run/utils/format-log/index.ts
+++ b/web/app/components/workflow/run/utils/format-log/index.ts
@@ -1,11 +1,11 @@
 import type { NodeTracing } from '@/types/workflow'
+import { cloneDeep } from 'lodash-es'
+import { BlockEnum } from '../../../types'
+import formatAgentNode from './agent'
 import { addChildrenToIterationNode } from './iteration'
 import { addChildrenToLoopNode } from './loop'
 import formatParallelNode from './parallel'
 import formatRetryNode from './retry'
-import formatAgentNode from './agent'
-import { cloneDeep } from 'lodash-es'
-import { BlockEnum } from '../../../types'
 
 const formatIterationAndLoopNode = (list: NodeTracing[], t: any) => {
   const clonedList = cloneDeep(list)
diff --git a/web/app/components/workflow/run/utils/format-log/iteration/index.spec.ts b/web/app/components/workflow/run/utils/format-log/iteration/index.spec.ts
index f5feb5c367..855ac4c69d 100644
--- a/web/app/components/workflow/run/utils/format-log/iteration/index.spec.ts
+++ b/web/app/components/workflow/run/utils/format-log/iteration/index.spec.ts
@@ -1,12 +1,12 @@
+import { noop } from 'lodash-es'
 import format from '.'
 import graphToLogStruct from '../graph-to-log-struct'
-import { noop } from 'lodash-es'
 
 describe('iteration', () => {
   const list = graphToLogStruct('start -> (iteration, iterationNode, plainNode1 -> plainNode2)')
   // const [startNode, iterationNode, ...iterations] = list
   const result = format(list as any, noop)
-  test('result should have no nodes in iteration node', () => {
+  it('result should have no nodes in iteration node', () => {
     expect((result as any).find((item: any) => !!item.execution_metadata?.iteration_id)).toBeUndefined()
   })
   // test('iteration should put nodes in details', () => {
diff --git a/web/app/components/workflow/run/utils/format-log/iteration/index.ts b/web/app/components/workflow/run/utils/format-log/iteration/index.ts
index d0224d0259..fbb81118a1 100644
--- a/web/app/components/workflow/run/utils/format-log/iteration/index.ts
+++ b/web/app/components/workflow/run/utils/format-log/iteration/index.ts
@@ -1,11 +1,12 @@
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { NodeTracing } from '@/types/workflow'
+import { BlockEnum } from '@/app/components/workflow/types'
 import formatParallelNode from '../parallel'
 
 export function addChildrenToIterationNode(iterationNode: NodeTracing, childrenNodes: NodeTracing[]): NodeTracing {
   const details: NodeTracing[][] = []
   childrenNodes.forEach((item, index) => {
-    if (!item.execution_metadata) return
+    if (!item.execution_metadata)
+      return
     const { iteration_index = 0 } = item.execution_metadata
     const runIndex: number = iteration_index !== undefined ? iteration_index : index
     if (!details[runIndex])
diff --git a/web/app/components/workflow/run/utils/format-log/loop/index.spec.ts b/web/app/components/workflow/run/utils/format-log/loop/index.spec.ts
index 1f70cef02c..aee2a432c3 100644
--- a/web/app/components/workflow/run/utils/format-log/loop/index.spec.ts
+++ b/web/app/components/workflow/run/utils/format-log/loop/index.spec.ts
@@ -1,15 +1,15 @@
+import { noop } from 'lodash-es'
 import format from '.'
 import graphToLogStruct from '../graph-to-log-struct'
-import { noop } from 'lodash-es'
 
 describe('loop', () => {
   const list = graphToLogStruct('start -> (loop, loopNode, plainNode1 -> plainNode2)')
   const [startNode, loopNode, ...loops] = list
   const result = format(list as any, noop)
-  test('result should have no nodes in loop node', () => {
+  it('result should have no nodes in loop node', () => {
     expect(result.find(item => !!item.execution_metadata?.loop_id)).toBeUndefined()
   })
-  test('loop should put nodes in details', () => {
+  it('loop should put nodes in details', () => {
     expect(result).toEqual([
       startNode,
       {
diff --git a/web/app/components/workflow/run/utils/format-log/loop/index.ts b/web/app/components/workflow/run/utils/format-log/loop/index.ts
index b12e12e48f..fd26c3916e 100644
--- a/web/app/components/workflow/run/utils/format-log/loop/index.ts
+++ b/web/app/components/workflow/run/utils/format-log/loop/index.ts
@@ -1,11 +1,12 @@
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { NodeTracing } from '@/types/workflow'
+import { BlockEnum } from '@/app/components/workflow/types'
 import formatParallelNode from '../parallel'
 
 export function addChildrenToLoopNode(loopNode: NodeTracing, childrenNodes: NodeTracing[]): NodeTracing {
   const details: NodeTracing[][] = []
   childrenNodes.forEach((item) => {
-    if (!item.execution_metadata) return
+    if (!item.execution_metadata)
+      return
     const { parallel_mode_run_id, loop_index = 0 } = item.execution_metadata
     const runIndex: number = (parallel_mode_run_id || loop_index) as number
     if (!details[runIndex])
diff --git a/web/app/components/workflow/run/utils/format-log/parallel/index.ts b/web/app/components/workflow/run/utils/format-log/parallel/index.ts
index 22c96918e9..e2c7592b5d 100644
--- a/web/app/components/workflow/run/utils/format-log/parallel/index.ts
+++ b/web/app/components/workflow/run/utils/format-log/parallel/index.ts
@@ -1,5 +1,5 @@
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { NodeTracing } from '@/types/workflow'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 function printNodeStructure(node: NodeTracing, depth: number) {
   const indent = '  '.repeat(depth)
@@ -12,11 +12,13 @@ function printNodeStructure(node: NodeTracing, depth: number) {
 }
 
 function addTitle({
-  list, depth, belongParallelIndexInfo,
+  list,
+  depth,
+  belongParallelIndexInfo,
 }: {
-  list: NodeTracing[],
-  depth: number,
-  belongParallelIndexInfo?: string,
+  list: NodeTracing[]
+  depth: number
+  belongParallelIndexInfo?: string
 }, t: any) {
   let branchIndex = 0
   const hasMoreThanOneParallel = list.filter(node => node.parallelDetail?.isParallelStartNode).length > 1
diff --git a/web/app/components/workflow/run/utils/format-log/retry/index.spec.ts b/web/app/components/workflow/run/utils/format-log/retry/index.spec.ts
index 2ce9554ba4..cb823a0e91 100644
--- a/web/app/components/workflow/run/utils/format-log/retry/index.spec.ts
+++ b/web/app/components/workflow/run/utils/format-log/retry/index.spec.ts
@@ -6,10 +6,10 @@ describe('retry', () => {
   const steps = graphToLogStruct('start -> (retry, retryNode, 3)')
   const [startNode, retryNode, ...retryDetail] = steps
   const result = format(steps as any)
-  test('should have no retry status nodes', () => {
+  it('should have no retry status nodes', () => {
     expect(result.find(item => item.status === 'retry')).toBeUndefined()
   })
-  test('should put retry nodes in retryDetail', () => {
+  it('should put retry nodes in retryDetail', () => {
     expect(result).toEqual([
       startNode,
       {
diff --git a/web/app/components/workflow/selection-contextmenu.tsx b/web/app/components/workflow/selection-contextmenu.tsx
index 53392f2cd3..7ea18c94f3 100644
--- a/web/app/components/workflow/selection-contextmenu.tsx
+++ b/web/app/components/workflow/selection-contextmenu.tsx
@@ -1,13 +1,3 @@
-import {
-  memo,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import { useClickAway } from 'ahooks'
-import { useStore as useReactFlowStore, useStoreApi } from 'reactflow'
 import {
   RiAlignBottom,
   RiAlignCenter,
@@ -16,12 +6,21 @@ import {
   RiAlignRight,
   RiAlignTop,
 } from '@remixicon/react'
-import { useNodesReadOnly, useNodesSyncDraft } from './hooks'
+import { useClickAway } from 'ahooks'
 import { produce } from 'immer'
-import { WorkflowHistoryEvent, useWorkflowHistory } from './hooks/use-workflow-history'
-import { useStore } from './store'
+import {
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { useStore as useReactFlowStore, useStoreApi } from 'reactflow'
+import { useNodesReadOnly, useNodesSyncDraft } from './hooks'
 import { useSelectionInteractions } from './hooks/use-selection-interactions'
-import { useWorkflowStore } from './store'
+import { useWorkflowHistory, WorkflowHistoryEvent } from './hooks/use-workflow-history'
+import { useStore, useWorkflowStore } from './store'
 
 enum AlignType {
   Left = 'left',
@@ -56,7 +55,8 @@ const SelectionContextmenu = () => {
   const menuRef = useRef<HTMLDivElement>(null)
 
   const menuPosition = useMemo(() => {
-    if (!selectionMenu) return { left: 0, top: 0 }
+    if (!selectionMenu)
+      return { left: 0, top: 0 }
 
     let left = selectionMenu.left
     let top = selectionMenu.top
@@ -220,7 +220,8 @@ const SelectionContextmenu = () => {
       for (let i = 1; i < sortedNodes.length - 1; i++) {
         const nodeToAlign = sortedNodes[i]
         const currentNode = draft.find(n => n.id === nodeToAlign.id)
-        if (!currentNode) continue
+        if (!currentNode)
+          continue
 
         if (alignType === AlignType.DistributeHorizontal) {
           // Position = previous right edge + spacing
@@ -272,7 +273,7 @@ const SelectionContextmenu = () => {
         // If container node is selected, add its children to the exclusion set
         if (selectedNodeIds.includes(node.id)) {
           // Add all its children to the childNodeIds set
-          node.data._children.forEach((child: { nodeId: string; nodeType: string }) => {
+          node.data._children.forEach((child: { nodeId: string, nodeType: string }) => {
             childNodeIds.add(child.nodeId)
           })
         }
@@ -373,78 +374,78 @@ const SelectionContextmenu = () => {
 
   return (
     <div
-      className='absolute z-[9]'
+      className="absolute z-[9]"
       style={{
         left: menuPosition.left,
         top: menuPosition.top,
       }}
       ref={ref}
     >
-      <div ref={menuRef} className='w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl'>
-        <div className='p-1'>
-          <div className='system-xs-medium px-2 py-2 text-text-tertiary'>
+      <div ref={menuRef} className="w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl">
+        <div className="p-1">
+          <div className="system-xs-medium px-2 py-2 text-text-tertiary">
             {t('workflow.operator.vertical')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.Top)}
           >
-            <RiAlignTop className='h-4 w-4' />
+            <RiAlignTop className="h-4 w-4" />
             {t('workflow.operator.alignTop')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.Middle)}
           >
-            <RiAlignCenter className='h-4 w-4 rotate-90' />
+            <RiAlignCenter className="h-4 w-4 rotate-90" />
             {t('workflow.operator.alignMiddle')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.Bottom)}
           >
-            <RiAlignBottom className='h-4 w-4' />
+            <RiAlignBottom className="h-4 w-4" />
             {t('workflow.operator.alignBottom')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.DistributeVertical)}
           >
-            <RiAlignJustify className='h-4 w-4 rotate-90' />
+            <RiAlignJustify className="h-4 w-4 rotate-90" />
             {t('workflow.operator.distributeVertical')}
           </div>
         </div>
-        <div className='h-px bg-divider-regular'></div>
-        <div className='p-1'>
-          <div className='system-xs-medium px-2 py-2 text-text-tertiary'>
+        <div className="h-px bg-divider-regular"></div>
+        <div className="p-1">
+          <div className="system-xs-medium px-2 py-2 text-text-tertiary">
             {t('workflow.operator.horizontal')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.Left)}
           >
-            <RiAlignLeft className='h-4 w-4' />
+            <RiAlignLeft className="h-4 w-4" />
             {t('workflow.operator.alignLeft')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.Center)}
           >
-            <RiAlignCenter className='h-4 w-4' />
+            <RiAlignCenter className="h-4 w-4" />
             {t('workflow.operator.alignCenter')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.Right)}
           >
-            <RiAlignRight className='h-4 w-4' />
+            <RiAlignRight className="h-4 w-4" />
             {t('workflow.operator.alignRight')}
           </div>
           <div
-            className='flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover'
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
             onClick={() => handleAlignNodes(AlignType.DistributeHorizontal)}
           >
-            <RiAlignJustify className='h-4 w-4' />
+            <RiAlignJustify className="h-4 w-4" />
             {t('workflow.operator.distributeHorizontal')}
           </div>
         </div>
diff --git a/web/app/components/workflow/shortcuts-name.tsx b/web/app/components/workflow/shortcuts-name.tsx
index c901d0c2d1..d0ce007f61 100644
--- a/web/app/components/workflow/shortcuts-name.tsx
+++ b/web/app/components/workflow/shortcuts-name.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react'
-import { getKeyboardKeyNameBySystem } from './utils'
 import { cn } from '@/utils/classnames'
+import { getKeyboardKeyNameBySystem } from './utils'
 
 type ShortcutsNameProps = {
   keys: string[]
@@ -16,7 +16,8 @@ const ShortcutsName = ({
     <div className={cn(
       'flex items-center gap-0.5',
       className,
-    )}>
+    )}
+    >
       {
         keys.map(key => (
           <div
diff --git a/web/app/components/workflow/simple-node/index.tsx b/web/app/components/workflow/simple-node/index.tsx
index d6f0804f34..3da2c71bc5 100644
--- a/web/app/components/workflow/simple-node/index.tsx
+++ b/web/app/components/workflow/simple-node/index.tsx
@@ -1,10 +1,9 @@
 import type {
   FC,
 } from 'react'
-import {
-  memo,
-  useMemo,
-} from 'react'
+import type {
+  NodeProps,
+} from '@/app/components/workflow/types'
 import {
   RiAlertFill,
   RiCheckboxCircleFill,
@@ -12,20 +11,21 @@ import {
   RiLoader2Line,
 } from '@remixicon/react'
 import {
-  NodeTargetHandle,
-} from '@/app/components/workflow/nodes/_base/components/node-handle'
-import NodeControl from '@/app/components/workflow/nodes/_base/components/node-control'
-import { cn } from '@/utils/classnames'
+  memo,
+  useMemo,
+} from 'react'
 import BlockIcon from '@/app/components/workflow/block-icon'
-import type {
-  NodeProps,
-} from '@/app/components/workflow/types'
-import {
-  NodeRunningStatus,
-} from '@/app/components/workflow/types'
 import {
   useNodesReadOnly,
 } from '@/app/components/workflow/hooks'
+import NodeControl from '@/app/components/workflow/nodes/_base/components/node-control'
+import {
+  NodeTargetHandle,
+} from '@/app/components/workflow/nodes/_base/components/node-handle'
+import {
+  NodeRunningStatus,
+} from '@/app/components/workflow/types'
+import { cn } from '@/utils/classnames'
 
 type SimpleNodeProps = NodeProps
 
@@ -80,8 +80,8 @@ const SimpleNode: FC<SimpleNodeProps> = ({
             <NodeTargetHandle
               id={id}
               data={data}
-              handleClassName='!top-4 !-left-[9px] !translate-y-0'
-              handleId='target'
+              handleClassName="!top-4 !-left-[9px] !translate-y-0"
+              handleId="target"
             />
           )
         }
@@ -95,15 +95,16 @@ const SimpleNode: FC<SimpleNodeProps> = ({
         }
         <div className={cn(
           'flex items-center rounded-t-2xl px-3 pb-2 pt-3',
-        )}>
+        )}
+        >
           <BlockIcon
-            className='mr-2 shrink-0'
+            className="mr-2 shrink-0"
             type={data.type}
-            size='md'
+            size="md"
           />
           <div
             title={data.title}
-            className='system-sm-semibold-uppercase mr-1 flex grow items-center truncate text-text-primary'
+            className="system-sm-semibold-uppercase mr-1 flex grow items-center truncate text-text-primary"
           >
             <div>
               {data.title}
@@ -111,22 +112,22 @@ const SimpleNode: FC<SimpleNodeProps> = ({
           </div>
           {
             (data._runningStatus === NodeRunningStatus.Running || data._singleRunningStatus === NodeRunningStatus.Running) && (
-              <RiLoader2Line className='h-3.5 w-3.5 animate-spin text-text-accent' />
+              <RiLoader2Line className="h-3.5 w-3.5 animate-spin text-text-accent" />
             )
           }
           {
             data._runningStatus === NodeRunningStatus.Succeeded && (
-              <RiCheckboxCircleFill className='h-3.5 w-3.5 text-text-success' />
+              <RiCheckboxCircleFill className="h-3.5 w-3.5 text-text-success" />
             )
           }
           {
             data._runningStatus === NodeRunningStatus.Failed && (
-              <RiErrorWarningFill className='h-3.5 w-3.5 text-text-destructive' />
+              <RiErrorWarningFill className="h-3.5 w-3.5 text-text-destructive" />
             )
           }
           {
             data._runningStatus === NodeRunningStatus.Exception && (
-              <RiAlertFill className='h-3.5 w-3.5 text-text-warning-secondary' />
+              <RiAlertFill className="h-3.5 w-3.5 text-text-warning-secondary" />
             )
           }
         </div>
diff --git a/web/app/components/workflow/store/__tests__/trigger-status.test.ts b/web/app/components/workflow/store/__tests__/trigger-status.test.ts
index d7e1284487..56ef634547 100644
--- a/web/app/components/workflow/store/__tests__/trigger-status.test.ts
+++ b/web/app/components/workflow/store/__tests__/trigger-status.test.ts
@@ -1,6 +1,6 @@
+import type { EntryNodeStatus } from '../trigger-status'
 import { act, renderHook } from '@testing-library/react'
 import { useTriggerStatusStore } from '../trigger-status'
-import type { EntryNodeStatus } from '../trigger-status'
 
 describe('useTriggerStatusStore', () => {
   beforeEach(() => {
diff --git a/web/app/components/workflow/store/index.ts b/web/app/components/workflow/store/index.ts
index 5ca06d2ec3..1d22a5837f 100644
--- a/web/app/components/workflow/store/index.ts
+++ b/web/app/components/workflow/store/index.ts
@@ -1,2 +1,2 @@
-export * from './workflow'
 export * from './trigger-status'
+export * from './workflow'
diff --git a/web/app/components/workflow/store/workflow/debug/inspect-vars-slice.ts b/web/app/components/workflow/store/workflow/debug/inspect-vars-slice.ts
index 7d9797630d..cb1998befd 100644
--- a/web/app/components/workflow/store/workflow/debug/inspect-vars-slice.ts
+++ b/web/app/components/workflow/store/workflow/debug/inspect-vars-slice.ts
@@ -1,7 +1,7 @@
 import type { StateCreator } from 'zustand'
-import { produce } from 'immer'
-import type { NodeWithVar, VarInInspect } from '@/types/workflow'
 import type { ValueSelector } from '../../../types'
+import type { NodeWithVar, VarInInspect } from '@/types/workflow'
+import { produce } from 'immer'
 
 type InspectVarsState = {
   currentFocusNodeId: string | null
@@ -79,8 +79,7 @@ export const createInspectVarsSlice: StateCreator<InspectVarsSliceShape> = (set)
             return
           targetVar.value = value
           targetVar.edited = true
-        },
-        )
+        })
         return {
           nodesWithInspectVars: nodes,
         }
@@ -97,8 +96,7 @@ export const createInspectVarsSlice: StateCreator<InspectVarsSliceShape> = (set)
             return
           targetVar.value = value
           targetVar.edited = false
-        },
-        )
+        })
         return {
           nodesWithInspectVars: nodes,
         }
@@ -115,8 +113,7 @@ export const createInspectVarsSlice: StateCreator<InspectVarsSliceShape> = (set)
             return
           targetVar.name = selector[1]
           targetVar.selector = selector
-        },
-        )
+        })
         return {
           nodesWithInspectVars: nodes,
         }
@@ -131,8 +128,7 @@ export const createInspectVarsSlice: StateCreator<InspectVarsSliceShape> = (set)
           const needChangeVarIndex = targetNode.vars.findIndex(varItem => varItem.id === varId)
           if (needChangeVarIndex !== -1)
             targetNode.vars.splice(needChangeVarIndex, 1)
-        },
-        )
+        })
         return {
           nodesWithInspectVars: nodes,
         }
diff --git a/web/app/components/workflow/store/workflow/index.ts b/web/app/components/workflow/store/workflow/index.ts
index da857fd0f2..c2c0c00201 100644
--- a/web/app/components/workflow/store/workflow/index.ts
+++ b/web/app/components/workflow/store/workflow/index.ts
@@ -1,61 +1,61 @@
-import { useContext } from 'react'
 import type {
   StateCreator,
 } from 'zustand'
+import type { ChatVariableSliceShape } from './chat-variable-slice'
+import type { InspectVarsSliceShape } from './debug/inspect-vars-slice'
+import type { EnvVariableSliceShape } from './env-variable-slice'
+import type { FormSliceShape } from './form-slice'
+import type { HelpLineSliceShape } from './help-line-slice'
+import type { HistorySliceShape } from './history-slice'
+import type { LayoutSliceShape } from './layout-slice'
+import type { NodeSliceShape } from './node-slice'
+import type { PanelSliceShape } from './panel-slice'
+import type { ToolSliceShape } from './tool-slice'
+import type { VersionSliceShape } from './version-slice'
+import type { WorkflowDraftSliceShape } from './workflow-draft-slice'
+import type { WorkflowSliceShape } from './workflow-slice'
+import type { RagPipelineSliceShape } from '@/app/components/rag-pipeline/store'
+import type { WorkflowSliceShape as WorkflowAppSliceShape } from '@/app/components/workflow-app/store/workflow/workflow-slice'
+import { useContext } from 'react'
 import {
   useStore as useZustandStore,
 } from 'zustand'
 import { createStore } from 'zustand/vanilla'
-import type { ChatVariableSliceShape } from './chat-variable-slice'
-import { createChatVariableSlice } from './chat-variable-slice'
-import type { EnvVariableSliceShape } from './env-variable-slice'
-import { createEnvVariableSlice } from './env-variable-slice'
-import type { FormSliceShape } from './form-slice'
-import { createFormSlice } from './form-slice'
-import type { HelpLineSliceShape } from './help-line-slice'
-import { createHelpLineSlice } from './help-line-slice'
-import type { HistorySliceShape } from './history-slice'
-import { createHistorySlice } from './history-slice'
-import type { NodeSliceShape } from './node-slice'
-import { createNodeSlice } from './node-slice'
-import type { PanelSliceShape } from './panel-slice'
-import { createPanelSlice } from './panel-slice'
-import type { ToolSliceShape } from './tool-slice'
-import { createToolSlice } from './tool-slice'
-import type { VersionSliceShape } from './version-slice'
-import { createVersionSlice } from './version-slice'
-import type { WorkflowDraftSliceShape } from './workflow-draft-slice'
-import { createWorkflowDraftSlice } from './workflow-draft-slice'
-import type { WorkflowSliceShape } from './workflow-slice'
-import { createWorkflowSlice } from './workflow-slice'
-import type { InspectVarsSliceShape } from './debug/inspect-vars-slice'
-import { createInspectVarsSlice } from './debug/inspect-vars-slice'
-
 import { WorkflowContext } from '@/app/components/workflow/context'
-import type { LayoutSliceShape } from './layout-slice'
+import { createChatVariableSlice } from './chat-variable-slice'
+import { createInspectVarsSlice } from './debug/inspect-vars-slice'
+import { createEnvVariableSlice } from './env-variable-slice'
+import { createFormSlice } from './form-slice'
+import { createHelpLineSlice } from './help-line-slice'
+import { createHistorySlice } from './history-slice'
 import { createLayoutSlice } from './layout-slice'
-import type { WorkflowSliceShape as WorkflowAppSliceShape } from '@/app/components/workflow-app/store/workflow/workflow-slice'
-import type { RagPipelineSliceShape } from '@/app/components/rag-pipeline/store'
+import { createNodeSlice } from './node-slice'
+
+import { createPanelSlice } from './panel-slice'
+import { createToolSlice } from './tool-slice'
+import { createVersionSlice } from './version-slice'
+import { createWorkflowDraftSlice } from './workflow-draft-slice'
+import { createWorkflowSlice } from './workflow-slice'
 
 export type SliceFromInjection
   = Partial<WorkflowAppSliceShape>
-  & Partial<RagPipelineSliceShape>
+    & Partial<RagPipelineSliceShape>
 
 export type Shape
   = ChatVariableSliceShape
-  & EnvVariableSliceShape
-  & FormSliceShape
-  & HelpLineSliceShape
-  & HistorySliceShape
-  & NodeSliceShape
-  & PanelSliceShape
-  & ToolSliceShape
-  & VersionSliceShape
-  & WorkflowDraftSliceShape
-  & WorkflowSliceShape
-  & InspectVarsSliceShape
-  & LayoutSliceShape
-  & SliceFromInjection
+    & EnvVariableSliceShape
+    & FormSliceShape
+    & HelpLineSliceShape
+    & HistorySliceShape
+    & NodeSliceShape
+    & PanelSliceShape
+    & ToolSliceShape
+    & VersionSliceShape
+    & WorkflowDraftSliceShape
+    & WorkflowSliceShape
+    & InspectVarsSliceShape
+    & LayoutSliceShape
+    & SliceFromInjection
 
 export type InjectWorkflowStoreSliceFn = StateCreator<SliceFromInjection>
 
diff --git a/web/app/components/workflow/store/workflow/node-slice.ts b/web/app/components/workflow/store/workflow/node-slice.ts
index 3463fdee57..b90f23e925 100644
--- a/web/app/components/workflow/store/workflow/node-slice.ts
+++ b/web/app/components/workflow/store/workflow/node-slice.ts
@@ -1,10 +1,10 @@
 import type { StateCreator } from 'zustand'
-import type {
-  Node,
-} from '@/app/components/workflow/types'
 import type {
   VariableAssignerNodeType,
 } from '@/app/components/workflow/nodes/variable-assigner/types'
+import type {
+  Node,
+} from '@/app/components/workflow/types'
 import type {
   NodeTracing,
 } from '@/types/workflow'
@@ -35,7 +35,7 @@ export type NodeSliceShape = {
   setShowAssignVariablePopup: (showAssignVariablePopup: NodeSliceShape['showAssignVariablePopup']) => void
   hoveringAssignVariableGroupId?: string
   setHoveringAssignVariableGroupId: (hoveringAssignVariableGroupId?: string) => void
-  connectingNodePayload?: { nodeId: string; nodeType: string; handleType: string; handleId: string | null }
+  connectingNodePayload?: { nodeId: string, nodeType: string, handleType: string, handleId: string | null }
   setConnectingNodePayload: (startConnectingPayload?: NodeSliceShape['connectingNodePayload']) => void
   enteringNodePayload?: {
     nodeId: string
diff --git a/web/app/components/workflow/store/workflow/workflow-draft-slice.ts b/web/app/components/workflow/store/workflow/workflow-draft-slice.ts
index f20a9453e9..6c08c50e4a 100644
--- a/web/app/components/workflow/store/workflow/workflow-draft-slice.ts
+++ b/web/app/components/workflow/store/workflow/workflow-draft-slice.ts
@@ -1,11 +1,11 @@
-import type { StateCreator } from 'zustand'
-import { debounce } from 'lodash-es'
 import type { Viewport } from 'reactflow'
+import type { StateCreator } from 'zustand'
 import type {
   Edge,
   EnvironmentVariable,
   Node,
 } from '@/app/components/workflow/types'
+import { debounce } from 'lodash-es'
 
 export type WorkflowDraftSliceShape = {
   backupDraft?: {
diff --git a/web/app/components/workflow/store/workflow/workflow-slice.ts b/web/app/components/workflow/store/workflow/workflow-slice.ts
index 35eeff07a7..df24058975 100644
--- a/web/app/components/workflow/store/workflow/workflow-slice.ts
+++ b/web/app/components/workflow/store/workflow/workflow-slice.ts
@@ -26,15 +26,15 @@ export type WorkflowSliceShape = {
   setListeningTriggerIsAll: (isAll: boolean) => void
   clipboardElements: Node[]
   setClipboardElements: (clipboardElements: Node[]) => void
-  selection: null | { x1: number; y1: number; x2: number; y2: number }
+  selection: null | { x1: number, y1: number, x2: number, y2: number }
   setSelection: (selection: WorkflowSliceShape['selection']) => void
-  bundleNodeSize: { width: number; height: number } | null
+  bundleNodeSize: { width: number, height: number } | null
   setBundleNodeSize: (bundleNodeSize: WorkflowSliceShape['bundleNodeSize']) => void
   controlMode: 'pointer' | 'hand'
   setControlMode: (controlMode: WorkflowSliceShape['controlMode']) => void
-  mousePosition: { pageX: number; pageY: number; elementX: number; elementY: number }
+  mousePosition: { pageX: number, pageY: number, elementX: number, elementY: number }
   setMousePosition: (mousePosition: WorkflowSliceShape['mousePosition']) => void
-  showConfirm?: { title: string; desc?: string; onConfirm: () => void }
+  showConfirm?: { title: string, desc?: string, onConfirm: () => void }
   setShowConfirm: (showConfirm: WorkflowSliceShape['showConfirm']) => void
   controlPromptEditorRerenderKey: number
   setControlPromptEditorRerenderKey: (controlPromptEditorRerenderKey: number) => void
diff --git a/web/app/components/workflow/syncing-data-modal.tsx b/web/app/components/workflow/syncing-data-modal.tsx
index fe3843d2fc..30c303ffe6 100644
--- a/web/app/components/workflow/syncing-data-modal.tsx
+++ b/web/app/components/workflow/syncing-data-modal.tsx
@@ -7,7 +7,7 @@ const SyncingDataModal = () => {
     return null
 
   return (
-    <div className='absolute inset-0 z-[9999]'>
+    <div className="absolute inset-0 z-[9999]">
     </div>
   )
 }
diff --git a/web/app/components/workflow/types.ts b/web/app/components/workflow/types.ts
index 5ae8d530a8..740f1c1113 100644
--- a/web/app/components/workflow/types.ts
+++ b/web/app/components/workflow/types.ts
@@ -4,21 +4,20 @@ import type {
   Viewport,
   XYPosition,
 } from 'reactflow'
-import type { Resolution, TransferMethod } from '@/types/app'
-import type { PluginDefaultValue } from '@/app/components/workflow/block-selector/types'
-import type { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
-import type { FileResponse, NodeTracing, PanelProps } from '@/types/workflow'
+import type { Plugin, PluginMeta } from '@/app/components/plugins/types'
 import type { Collection, Tool } from '@/app/components/tools/types'
-import type { ChatVarType } from '@/app/components/workflow/panel/chat-variable-panel/type'
+import type { BlockClassificationEnum, PluginDefaultValue } from '@/app/components/workflow/block-selector/types'
 import type {
   DefaultValueForm,
   ErrorHandleTypeEnum,
 } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
 import type { WorkflowRetryConfig } from '@/app/components/workflow/nodes/_base/components/retry/types'
 import type { StructuredOutput } from '@/app/components/workflow/nodes/llm/types'
-import type { Plugin, PluginMeta } from '@/app/components/plugins/types'
-import type { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
+import type { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
+import type { ChatVarType } from '@/app/components/workflow/panel/chat-variable-panel/type'
 import type { SchemaTypeDefinition } from '@/service/use-common'
+import type { Resolution, TransferMethod } from '@/types/app'
+import type { FileResponse, NodeTracing, PanelProps } from '@/types/workflow'
 
 export enum BlockEnum {
   Start = 'start',
@@ -76,7 +75,7 @@ export type CommonNodeType<T = {}> = {
   _singleRunningStatus?: NodeRunningStatus
   _isCandidate?: boolean
   _isBundled?: boolean
-  _children?: { nodeId: string; nodeType: BlockEnum }[]
+  _children?: { nodeId: string, nodeType: BlockEnum }[]
   _isEntering?: boolean
   _showAddVariablePopup?: boolean
   _holdAddVariablePopup?: boolean
@@ -122,13 +121,13 @@ export type CommonEdgeType = {
   isInLoop?: boolean
   loop_id?: string
   sourceType: BlockEnum
-  targetType: BlockEnum,
-  _isTemp?: boolean,
+  targetType: BlockEnum
+  _isTemp?: boolean
 }
 
 export type Node<T = {}> = ReactFlowNode<CommonNodeType<T>>
 export type SelectedNode = Pick<Node, 'id' | 'data'>
-export type NodeProps<T = unknown> = { id: string; data: CommonNodeType<T> }
+export type NodeProps<T = unknown> = { id: string, data: CommonNodeType<T> }
 export type NodePanelProps<T> = {
   id: string
   data: CommonNodeType<T>
@@ -337,7 +336,7 @@ export type NodeDefault<T = {}> = {
   }
   defaultValue: Partial<T>
   defaultRunInputData?: Record<string, any>
-  checkValid: (payload: T, t: any, moreDataForCheckValid?: any) => { isValid: boolean; errorMessage?: string }
+  checkValid: (payload: T, t: any, moreDataForCheckValid?: any) => { isValid: boolean, errorMessage?: string }
   getOutputVars?: (payload: T, allPluginInfoList: Record<string, ToolWithProvider[]>, ragVariables?: Var[], utils?: {
     schemaTypeDefinitions?: SchemaTypeDefinition[]
   }) => Var[]
@@ -495,7 +494,7 @@ export enum VersionHistoryContextMenuOptions {
 }
 
 export type ChildNodeTypeCount = {
-  [key: string]: number;
+  [key: string]: number
 }
 
 export const TRIGGER_NODE_TYPES = [
diff --git a/web/app/components/workflow/update-dsl-modal.tsx b/web/app/components/workflow/update-dsl-modal.tsx
index be2dab7a3d..f5dcce4c9e 100644
--- a/web/app/components/workflow/update-dsl-modal.tsx
+++ b/web/app/components/workflow/update-dsl-modal.tsx
@@ -1,51 +1,51 @@
 'use client'
 
 import type { MouseEventHandler } from 'react'
+import type {
+  CommonNodeType,
+  Node,
+} from './types'
+import {
+  RiAlertFill,
+  RiCloseLine,
+  RiFileDownloadLine,
+} from '@remixicon/react'
+import { load as yamlLoad } from 'js-yaml'
 import {
   memo,
   useCallback,
   useRef,
   useState,
 } from 'react'
-import { useContext } from 'use-context-selector'
 import { useTranslation } from 'react-i18next'
-import { load as yamlLoad } from 'js-yaml'
+import { useContext } from 'use-context-selector'
+import Uploader from '@/app/components/app/create-from-dsl-modal/uploader'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import Button from '@/app/components/base/button'
+import Modal from '@/app/components/base/modal'
+import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
+import { ToastContext } from '@/app/components/base/toast'
+import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import {
-  RiAlertFill,
-  RiCloseLine,
-  RiFileDownloadLine,
-} from '@remixicon/react'
-import { WORKFLOW_DATA_UPDATE } from './constants'
-import {
-  BlockEnum,
-  SupportUploadFileTypes,
-} from './types'
-import type {
-  CommonNodeType,
-  Node,
-} from './types'
-import { AppModeEnum } from '@/types/app'
-import {
-  initialEdges,
-  initialNodes,
-} from './utils'
+  DSLImportMode,
+  DSLImportStatus,
+} from '@/models/app'
 import {
   importDSL,
   importDSLConfirm,
 } from '@/service/apps'
 import { fetchWorkflowDraft } from '@/service/workflow'
+import { AppModeEnum } from '@/types/app'
+import { WORKFLOW_DATA_UPDATE } from './constants'
 import {
-  DSLImportMode,
-  DSLImportStatus,
-} from '@/models/app'
-import Uploader from '@/app/components/app/create-from-dsl-modal/uploader'
-import Button from '@/app/components/base/button'
-import Modal from '@/app/components/base/modal'
-import { ToastContext } from '@/app/components/base/toast'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
-import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
+  BlockEnum,
+  SupportUploadFileTypes,
+} from './types'
+import {
+  initialEdges,
+  initialNodes,
+} from './utils'
 
 type UpdateDSLModalProps = {
   onCancel: () => void
@@ -67,7 +67,7 @@ const UpdateDSLModal = ({
   const { eventEmitter } = useEventEmitterContextContext()
   const [show, setShow] = useState(true)
   const [showErrorModal, setShowErrorModal] = useState(false)
-  const [versions, setVersions] = useState<{ importedVersion: string; systemVersion: string }>()
+  const [versions, setVersions] = useState<{ importedVersion: string, systemVersion: string }>()
   const [importId, setImportId] = useState<string>()
   const { handleCheckPluginDependencies } = usePluginDependencies()
 
@@ -143,11 +143,11 @@ const UpdateDSLModal = ({
       const nodes = data?.workflow?.graph?.nodes ?? []
       const invalidNodes = appDetail?.mode === AppModeEnum.ADVANCED_CHAT
         ? [
-          BlockEnum.End,
-          BlockEnum.TriggerWebhook,
-          BlockEnum.TriggerSchedule,
-          BlockEnum.TriggerPlugin,
-        ]
+            BlockEnum.End,
+            BlockEnum.TriggerWebhook,
+            BlockEnum.TriggerSchedule,
+            BlockEnum.TriggerPlugin,
+          ]
         : [BlockEnum.Answer]
       const hasInvalidNode = nodes.some((node: Node<CommonNodeType>) => {
         return invalidNodes.includes(node?.data?.type)
@@ -257,32 +257,32 @@ const UpdateDSLModal = ({
   return (
     <>
       <Modal
-        className='w-[520px] rounded-2xl p-6'
+        className="w-[520px] rounded-2xl p-6"
         isShow={show}
         onClose={onCancel}
       >
-        <div className='mb-3 flex items-center justify-between'>
-          <div className='title-2xl-semi-bold text-text-primary'>{t('workflow.common.importDSL')}</div>
-          <div className='flex h-[22px] w-[22px] cursor-pointer items-center justify-center' onClick={onCancel}>
-            <RiCloseLine className='h-[18px] w-[18px] text-text-tertiary' />
+        <div className="mb-3 flex items-center justify-between">
+          <div className="title-2xl-semi-bold text-text-primary">{t('workflow.common.importDSL')}</div>
+          <div className="flex h-[22px] w-[22px] cursor-pointer items-center justify-center" onClick={onCancel}>
+            <RiCloseLine className="h-[18px] w-[18px] text-text-tertiary" />
           </div>
         </div>
-        <div className='relative mb-2 flex grow gap-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs'>
-          <div className='absolute left-0 top-0 h-full w-full bg-toast-warning-bg opacity-40' />
-          <div className='flex items-start justify-center p-1'>
-            <RiAlertFill className='h-4 w-4 shrink-0 text-text-warning-secondary' />
+        <div className="relative mb-2 flex grow gap-0.5 overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-2 shadow-xs">
+          <div className="absolute left-0 top-0 h-full w-full bg-toast-warning-bg opacity-40" />
+          <div className="flex items-start justify-center p-1">
+            <RiAlertFill className="h-4 w-4 shrink-0 text-text-warning-secondary" />
           </div>
-          <div className='flex grow flex-col items-start gap-0.5 py-1'>
-            <div className='system-xs-medium whitespace-pre-line text-text-primary'>{t('workflow.common.importDSLTip')}</div>
-            <div className='flex items-start gap-1 self-stretch pb-0.5 pt-1'>
+          <div className="flex grow flex-col items-start gap-0.5 py-1">
+            <div className="system-xs-medium whitespace-pre-line text-text-primary">{t('workflow.common.importDSLTip')}</div>
+            <div className="flex items-start gap-1 self-stretch pb-0.5 pt-1">
               <Button
-                size='small'
-                variant='secondary'
-                className='z-[1000]'
+                size="small"
+                variant="secondary"
+                className="z-[1000]"
                 onClick={onBackup}
               >
-                <RiFileDownloadLine className='h-3.5 w-3.5 text-components-button-secondary-text' />
-                <div className='flex items-center justify-center gap-1 px-[3px]'>
+                <RiFileDownloadLine className="h-3.5 w-3.5 text-components-button-secondary-text" />
+                <div className="flex items-center justify-center gap-1 px-[3px]">
                   {t('workflow.common.backupCurrentDraft')}
                 </div>
               </Button>
@@ -290,22 +290,22 @@ const UpdateDSLModal = ({
           </div>
         </div>
         <div>
-          <div className='system-md-semibold pt-2 text-text-primary'>
+          <div className="system-md-semibold pt-2 text-text-primary">
             {t('workflow.common.chooseDSL')}
           </div>
-          <div className='flex w-full flex-col items-start justify-center gap-4 self-stretch py-4'>
+          <div className="flex w-full flex-col items-start justify-center gap-4 self-stretch py-4">
             <Uploader
               file={currentFile}
               updateFile={handleFile}
-              className='!mt-0 w-full'
+              className="!mt-0 w-full"
             />
           </div>
         </div>
-        <div className='flex items-center justify-end gap-2 self-stretch pt-5'>
+        <div className="flex items-center justify-end gap-2 self-stretch pt-5">
           <Button onClick={onCancel}>{t('app.newApp.Cancel')}</Button>
           <Button
             disabled={!currentFile || loading}
-            variant='warning'
+            variant="warning"
             onClick={handleImport}
             loading={loading}
           >
@@ -316,21 +316,27 @@ const UpdateDSLModal = ({
       <Modal
         isShow={showErrorModal}
         onClose={() => setShowErrorModal(false)}
-        className='w-[480px]'
+        className="w-[480px]"
       >
-        <div className='flex flex-col items-start gap-2 self-stretch pb-4'>
-          <div className='title-2xl-semi-bold text-text-primary'>{t('app.newApp.appCreateDSLErrorTitle')}</div>
-          <div className='system-md-regular flex grow flex-col text-text-secondary'>
+        <div className="flex flex-col items-start gap-2 self-stretch pb-4">
+          <div className="title-2xl-semi-bold text-text-primary">{t('app.newApp.appCreateDSLErrorTitle')}</div>
+          <div className="system-md-regular flex grow flex-col text-text-secondary">
             <div>{t('app.newApp.appCreateDSLErrorPart1')}</div>
             <div>{t('app.newApp.appCreateDSLErrorPart2')}</div>
             <br />
-            <div>{t('app.newApp.appCreateDSLErrorPart3')}<span className='system-md-medium'>{versions?.importedVersion}</span></div>
-            <div>{t('app.newApp.appCreateDSLErrorPart4')}<span className='system-md-medium'>{versions?.systemVersion}</span></div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart3')}
+              <span className="system-md-medium">{versions?.importedVersion}</span>
+            </div>
+            <div>
+              {t('app.newApp.appCreateDSLErrorPart4')}
+              <span className="system-md-medium">{versions?.systemVersion}</span>
+            </div>
           </div>
         </div>
-        <div className='flex items-start justify-end gap-2 self-stretch pt-6'>
-          <Button variant='secondary' onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
-          <Button variant='primary' destructive onClick={onUpdateDSLConfirm}>{t('app.newApp.Confirm')}</Button>
+        <div className="flex items-start justify-end gap-2 self-stretch pt-6">
+          <Button variant="secondary" onClick={() => setShowErrorModal(false)}>{t('app.newApp.Cancel')}</Button>
+          <Button variant="primary" destructive onClick={onUpdateDSLConfirm}>{t('app.newApp.Confirm')}</Button>
         </div>
       </Modal>
     </>
diff --git a/web/app/components/workflow/utils/data-source.ts b/web/app/components/workflow/utils/data-source.ts
index 5b2db5437d..3b349e034e 100644
--- a/web/app/components/workflow/utils/data-source.ts
+++ b/web/app/components/workflow/utils/data-source.ts
@@ -1,8 +1,8 @@
+import type { DataSourceNodeType } from '../nodes/data-source/types'
 import type {
   InputVar,
   ToolWithProvider,
 } from '../types'
-import type { DataSourceNodeType } from '../nodes/data-source/types'
 import { CollectionType } from '@/app/components/tools/types'
 import { toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
 
diff --git a/web/app/components/workflow/utils/elk-layout.ts b/web/app/components/workflow/utils/elk-layout.ts
index 69acbf9aff..05f81872bb 100644
--- a/web/app/components/workflow/utils/elk-layout.ts
+++ b/web/app/components/workflow/utils/elk-layout.ts
@@ -1,13 +1,11 @@
-import ELK from 'elkjs/lib/elk.bundled.js'
 import type { ElkNode, LayoutOptions } from 'elkjs/lib/elk-api'
-import { cloneDeep } from 'lodash-es'
+import type { CaseItem, IfElseNodeType } from '@/app/components/workflow/nodes/if-else/types'
 import type {
   Edge,
   Node,
 } from '@/app/components/workflow/types'
-import {
-  BlockEnum,
-} from '@/app/components/workflow/types'
+import ELK from 'elkjs/lib/elk.bundled.js'
+import { cloneDeep } from 'lodash-es'
 import {
   CUSTOM_NODE,
   NODE_LAYOUT_HORIZONTAL_PADDING,
@@ -15,7 +13,9 @@ import {
 } from '@/app/components/workflow/constants'
 import { CUSTOM_ITERATION_START_NODE } from '@/app/components/workflow/nodes/iteration-start/constants'
 import { CUSTOM_LOOP_START_NODE } from '@/app/components/workflow/nodes/loop-start/constants'
-import type { CaseItem, IfElseNodeType } from '@/app/components/workflow/nodes/if-else/types'
+import {
+  BlockEnum,
+} from '@/app/components/workflow/types'
 
 // Although the file name refers to Dagre, the implementation now relies on ELK's layered algorithm.
 // Keep the export signatures unchanged to minimise the blast radius while we migrate the layout stack.
@@ -284,7 +284,7 @@ const collectLayout = (graph: ElkNode, predicate: (id: string) => boolean): Layo
 const buildIfElseWithPorts = (
   ifElseNode: Node,
   edges: Edge[],
-): { node: ElkNodeShape; portMap: Map<string, string> } | null => {
+): { node: ElkNodeShape, portMap: Map<string, string> } | null => {
   const childEdges = edges.filter(edge => edge.source === ifElseNode.id)
 
   if (childEdges.length <= 1)
diff --git a/web/app/components/workflow/utils/gen-node-meta-data.ts b/web/app/components/workflow/utils/gen-node-meta-data.ts
index 9c4e9cabca..f45bfcb018 100644
--- a/web/app/components/workflow/utils/gen-node-meta-data.ts
+++ b/web/app/components/workflow/utils/gen-node-meta-data.ts
@@ -1,5 +1,5 @@
-import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
 import type { BlockEnum } from '@/app/components/workflow/types'
+import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
 
 export type GenNodeMetaDataParams = {
   classification?: BlockClassificationEnum
diff --git a/web/app/components/workflow/utils/index.ts b/web/app/components/workflow/utils/index.ts
index 53a423de34..715ce081a3 100644
--- a/web/app/components/workflow/utils/index.ts
+++ b/web/app/components/workflow/utils/index.ts
@@ -1,10 +1,10 @@
-export * from './node'
-export * from './edge'
-export * from './workflow-init'
-export * from './elk-layout'
 export * from './common'
-export * from './tool'
-export * from './workflow'
-export * from './variable'
-export * from './gen-node-meta-data'
 export * from './data-source'
+export * from './edge'
+export * from './elk-layout'
+export * from './gen-node-meta-data'
+export * from './node'
+export * from './tool'
+export * from './variable'
+export * from './workflow'
+export * from './workflow-init'
diff --git a/web/app/components/workflow/utils/node-navigation.ts b/web/app/components/workflow/utils/node-navigation.ts
index 57106ae6ee..4294a113ab 100644
--- a/web/app/components/workflow/utils/node-navigation.ts
+++ b/web/app/components/workflow/utils/node-navigation.ts
@@ -7,8 +7,8 @@
  * Interface for node selection event detail
  */
 export type NodeSelectionDetail = {
-  nodeId: string;
-  focus?: boolean;
+  nodeId: string
+  focus?: boolean
 }
 
 /**
diff --git a/web/app/components/workflow/utils/node.ts b/web/app/components/workflow/utils/node.ts
index 97ca7553e8..b26e350b2a 100644
--- a/web/app/components/workflow/utils/node.ts
+++ b/web/app/components/workflow/utils/node.ts
@@ -1,12 +1,12 @@
-import {
-  Position,
-} from 'reactflow'
+import type { IterationNodeType } from '../nodes/iteration/types'
+import type { LoopNodeType } from '../nodes/loop/types'
 import type {
   Node,
 } from '../types'
 import {
-  BlockEnum,
-} from '../types'
+  Position,
+} from 'reactflow'
+import { CUSTOM_SIMPLE_NODE } from '@/app/components/workflow/simple-node/constants'
 import {
   CUSTOM_NODE,
   ITERATION_CHILDREN_Z_INDEX,
@@ -16,9 +16,9 @@ import {
 } from '../constants'
 import { CUSTOM_ITERATION_START_NODE } from '../nodes/iteration-start/constants'
 import { CUSTOM_LOOP_START_NODE } from '../nodes/loop-start/constants'
-import type { IterationNodeType } from '../nodes/iteration/types'
-import type { LoopNodeType } from '../nodes/loop/types'
-import { CUSTOM_SIMPLE_NODE } from '@/app/components/workflow/simple-node/constants'
+import {
+  BlockEnum,
+} from '../types'
 
 export function generateNewNode({ data, position, id, zIndex, type, ...rest }: Omit<Node, 'id'> & { id?: string }): {
   newNode: Node
diff --git a/web/app/components/workflow/utils/tool.ts b/web/app/components/workflow/utils/tool.ts
index 1c3b792d9e..6740cf9be4 100644
--- a/web/app/components/workflow/utils/tool.ts
+++ b/web/app/components/workflow/utils/tool.ts
@@ -1,13 +1,13 @@
+import type { ToolNodeType } from '../nodes/tool/types'
 import type {
   InputVar,
   ToolWithProvider,
 } from '../types'
-import type { ToolNodeType } from '../nodes/tool/types'
+import type { StructuredOutput } from '@/app/components/workflow/nodes/llm/types'
 import { CollectionType } from '@/app/components/tools/types'
 import { toolParametersToFormSchemas } from '@/app/components/tools/utils/to-form-schema'
-import { canFindTool } from '@/utils'
-import type { StructuredOutput } from '@/app/components/workflow/nodes/llm/types'
 import { Type } from '@/app/components/workflow/nodes/llm/types'
+import { canFindTool } from '@/utils'
 
 export const getToolCheckParams = (
   toolData: ToolNodeType,
diff --git a/web/app/components/workflow/utils/variable.ts b/web/app/components/workflow/utils/variable.ts
index f73f92e371..8c40a469d1 100644
--- a/web/app/components/workflow/utils/variable.ts
+++ b/web/app/components/workflow/utils/variable.ts
@@ -1,14 +1,12 @@
-import type {
-  ValueSelector,
-} from '../types'
 import type {
   BlockEnum,
+  ValueSelector,
 } from '../types'
 import { hasErrorHandleNode } from '.'
 
 export const variableTransformer = (v: ValueSelector | string) => {
   if (typeof v === 'string')
-    return v.replace(/^{{#|#}}$/g, '').split('.')
+    return v.replace(/^\{\{#|#\}\}$/g, '').split('.')
 
   return `{{#${v.join('.')}#}}`
 }
diff --git a/web/app/components/workflow/utils/workflow-entry.ts b/web/app/components/workflow/utils/workflow-entry.ts
index 724a68a85b..bb24fa1466 100644
--- a/web/app/components/workflow/utils/workflow-entry.ts
+++ b/web/app/components/workflow/utils/workflow-entry.ts
@@ -1,4 +1,5 @@
-import { BlockEnum, type Node, isTriggerNode } from '../types'
+import type { Node } from '../types'
+import { BlockEnum, isTriggerNode } from '../types'
 
 /**
  * Get the workflow entry node
@@ -6,7 +7,8 @@ import { BlockEnum, type Node, isTriggerNode } from '../types'
  */
 export function getWorkflowEntryNode(nodes: Node[]): Node | undefined {
   const triggerNode = nodes.find(node => isTriggerNode(node.data.type))
-  if (triggerNode) return triggerNode
+  if (triggerNode)
+    return triggerNode
 
   return nodes.find(node => node.data.type === BlockEnum.Start)
 }
diff --git a/web/app/components/workflow/utils/workflow-init.spec.ts b/web/app/components/workflow/utils/workflow-init.spec.ts
index 8b7bdfaa92..8dfcbeb30d 100644
--- a/web/app/components/workflow/utils/workflow-init.spec.ts
+++ b/web/app/components/workflow/utils/workflow-init.spec.ts
@@ -1,9 +1,9 @@
-import { preprocessNodesAndEdges } from './workflow-init'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type {
   Node,
 } from '@/app/components/workflow/types'
 import { CUSTOM_ITERATION_START_NODE } from '@/app/components/workflow/nodes/iteration-start/constants'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { preprocessNodesAndEdges } from './workflow-init'
 
 describe('preprocessNodesAndEdges', () => {
   it('process nodes without iteration node or loop node should return origin nodes and edges.', () => {
diff --git a/web/app/components/workflow/utils/workflow-init.ts b/web/app/components/workflow/utils/workflow-init.ts
index 08d0d82e79..18ba643d30 100644
--- a/web/app/components/workflow/utils/workflow-init.ts
+++ b/web/app/components/workflow/utils/workflow-init.ts
@@ -1,17 +1,23 @@
-import {
-  getConnectedEdges,
-} from 'reactflow'
-import {
-  cloneDeep,
-} from 'lodash-es'
+import type { IfElseNodeType } from '../nodes/if-else/types'
+import type { IterationNodeType } from '../nodes/iteration/types'
+import type { LoopNodeType } from '../nodes/loop/types'
+import type { QuestionClassifierNodeType } from '../nodes/question-classifier/types'
+import type { ToolNodeType } from '../nodes/tool/types'
 import type {
   Edge,
   Node,
 } from '../types'
 import {
-  BlockEnum,
-  ErrorHandleMode,
-} from '../types'
+  cloneDeep,
+} from 'lodash-es'
+import {
+  getConnectedEdges,
+} from 'reactflow'
+import { correctModelProvider } from '@/utils'
+import {
+  getIterationStartNode,
+  getLoopStartNode,
+} from '.'
 import {
   CUSTOM_NODE,
   DEFAULT_RETRY_INTERVAL,
@@ -21,19 +27,13 @@ import {
   NODE_WIDTH_X_OFFSET,
   START_INITIAL_POSITION,
 } from '../constants'
+import { branchNameCorrect } from '../nodes/if-else/utils'
 import { CUSTOM_ITERATION_START_NODE } from '../nodes/iteration-start/constants'
 import { CUSTOM_LOOP_START_NODE } from '../nodes/loop-start/constants'
-import type { QuestionClassifierNodeType } from '../nodes/question-classifier/types'
-import type { IfElseNodeType } from '../nodes/if-else/types'
-import { branchNameCorrect } from '../nodes/if-else/utils'
-import type { IterationNodeType } from '../nodes/iteration/types'
-import type { LoopNodeType } from '../nodes/loop/types'
-import type { ToolNodeType } from '../nodes/tool/types'
 import {
-  getIterationStartNode,
-  getLoopStartNode,
-} from '.'
-import { correctModelProvider } from '@/utils'
+  BlockEnum,
+  ErrorHandleMode,
+} from '../types'
 
 const WHITE = 'WHITE'
 const GRAY = 'GRAY'
@@ -216,7 +216,7 @@ export const initialNodes = (originNodes: Node[], originEdges: Edge[]) => {
         acc[node.parentId] = [{ nodeId: node.id, nodeType: node.data.type }]
     }
     return acc
-  }, {} as Record<string, { nodeId: string; nodeType: BlockEnum }[]>)
+  }, {} as Record<string, { nodeId: string, nodeType: BlockEnum }[]>)
 
   return nodes.map((node) => {
     if (!node.type)
diff --git a/web/app/components/workflow/utils/workflow.ts b/web/app/components/workflow/utils/workflow.ts
index 14b1eb87d5..43fbd687c1 100644
--- a/web/app/components/workflow/utils/workflow.ts
+++ b/web/app/components/workflow/utils/workflow.ts
@@ -1,21 +1,21 @@
-import {
-  getOutgoers,
-} from 'reactflow'
-import { v4 as uuid4 } from 'uuid'
-import {
-  uniqBy,
-} from 'lodash-es'
 import type {
   Edge,
   Node,
 } from '../types'
+import {
+  uniqBy,
+} from 'lodash-es'
+import {
+  getOutgoers,
+} from 'reactflow'
+import { v4 as uuid4 } from 'uuid'
 import {
   BlockEnum,
 } from '../types'
 
 export const canRunBySingle = (nodeType: BlockEnum, isChildNode: boolean) => {
   // child node means in iteration or loop. Set value to iteration(or loop) may cause variable not exit problem in backend.
-  if(isChildNode && nodeType === BlockEnum.Assigner)
+  if (isChildNode && nodeType === BlockEnum.Assigner)
     return false
   return nodeType === BlockEnum.LLM
     || nodeType === BlockEnum.KnowledgeRetrieval
diff --git a/web/app/components/workflow/variable-inspect/display-content.tsx b/web/app/components/workflow/variable-inspect/display-content.tsx
index 249f948719..901c0fa6dc 100644
--- a/web/app/components/workflow/variable-inspect/display-content.tsx
+++ b/web/app/components/workflow/variable-inspect/display-content.tsx
@@ -1,17 +1,17 @@
-import React, { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { RiBracesLine, RiEyeLine } from '@remixicon/react'
-import Textarea from '@/app/components/base/textarea'
-import { Markdown } from '@/app/components/base/markdown'
-import SchemaEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor'
-import { SegmentedControl } from '@/app/components/base/segmented-control'
-import { cn } from '@/utils/classnames'
-import { ChunkCardList } from '@/app/components/rag-pipeline/components/chunk-card-list'
+import type { VarType } from '../types'
 import type { ChunkInfo } from '@/app/components/rag-pipeline/components/chunk-card-list/types'
 import type { ParentMode } from '@/models/datasets'
+import { RiBracesLine, RiEyeLine } from '@remixicon/react'
+import React, { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Markdown } from '@/app/components/base/markdown'
+import { SegmentedControl } from '@/app/components/base/segmented-control'
+import Textarea from '@/app/components/base/textarea'
+import { ChunkCardList } from '@/app/components/rag-pipeline/components/chunk-card-list'
+import SchemaEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor'
 import { ChunkingMode } from '@/models/datasets'
+import { cn } from '@/utils/classnames'
 import { PreviewType, ViewMode } from './types'
-import type { VarType } from '../types'
 
 type DisplayContentProps = {
   previewType: PreviewType
@@ -52,15 +52,16 @@ const DisplayContent = (props: DisplayContentProps) => {
 
   return (
     <div className={cn('flex h-full flex-col rounded-[10px] bg-components-input-bg-normal', isFocused && 'bg-components-input-bg-active outline outline-1 outline-components-input-border-active', className)}>
-      <div className='flex shrink-0 items-center justify-end p-1'>
+      <div className="flex shrink-0 items-center justify-end p-1">
         {previewType === PreviewType.Markdown && (
-          <div className='system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary'>
+          <div className="system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary">
             {previewType.toUpperCase()}
           </div>
         )}
         {previewType === PreviewType.Chunks && (
-          <div className='system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary'>
-            {varType.toUpperCase()}{schemaType ? `(${schemaType})` : ''}
+          <div className="system-xs-semibold-uppercase flex grow items-center px-2 py-0.5 text-text-secondary">
+            {varType.toUpperCase()}
+            {schemaType ? `(${schemaType})` : ''}
           </div>
         )}
         <SegmentedControl
@@ -70,43 +71,49 @@ const DisplayContent = (props: DisplayContentProps) => {
           ]}
           value={viewMode}
           onChange={setViewMode}
-          size='small'
-          padding='with'
-          activeClassName='!text-text-accent-light-mode-only'
-          btnClassName='!pl-1.5 !pr-0.5 gap-[3px]'
-          className='shrink-0'
+          size="small"
+          padding="with"
+          activeClassName="!text-text-accent-light-mode-only"
+          btnClassName="!pl-1.5 !pr-0.5 gap-[3px]"
+          className="shrink-0"
         />
       </div>
-      <div className='flex flex-1 overflow-auto rounded-b-[10px] pl-3 pr-1'>
+      <div className="flex flex-1 overflow-auto rounded-b-[10px] pl-3 pr-1">
         {viewMode === ViewMode.Code && (
           previewType === PreviewType.Markdown
-            ? <Textarea
-              readOnly={readonly}
-              disabled={readonly}
-              className='h-full border-none bg-transparent p-0 text-text-secondary hover:bg-transparent focus:bg-transparent focus:shadow-none'
-              value={mdString as any}
-              onChange={e => handleTextChange?.(e.target.value)}
-              onFocus={() => setIsFocused(true)}
-              onBlur={() => setIsFocused(false)}
-            />
-            : <SchemaEditor
-              readonly={readonly}
-              className='overflow-y-auto bg-transparent'
-              hideTopMenu
-              schema={jsonString!}
-              onUpdate={handleEditorChange!}
-              onFocus={() => setIsFocused(true)}
-              onBlur={() => setIsFocused(false)}
-            />
+            ? (
+                <Textarea
+                  readOnly={readonly}
+                  disabled={readonly}
+                  className="h-full border-none bg-transparent p-0 text-text-secondary hover:bg-transparent focus:bg-transparent focus:shadow-none"
+                  value={mdString as any}
+                  onChange={e => handleTextChange?.(e.target.value)}
+                  onFocus={() => setIsFocused(true)}
+                  onBlur={() => setIsFocused(false)}
+                />
+              )
+            : (
+                <SchemaEditor
+                  readonly={readonly}
+                  className="overflow-y-auto bg-transparent"
+                  hideTopMenu
+                  schema={jsonString!}
+                  onUpdate={handleEditorChange!}
+                  onFocus={() => setIsFocused(true)}
+                  onBlur={() => setIsFocused(false)}
+                />
+              )
         )}
         {viewMode === ViewMode.Preview && (
           previewType === PreviewType.Markdown
-            ? <Markdown className='grow overflow-auto rounded-lg px-4 py-3' content={(mdString ?? '') as string} />
-            : <ChunkCardList
-              chunkType={chunkType!}
-              parentMode={parentMode}
-              chunkInfo={JSON.parse(jsonString!) as ChunkInfo}
-            />
+            ? <Markdown className="grow overflow-auto rounded-lg px-4 py-3" content={(mdString ?? '') as string} />
+            : (
+                <ChunkCardList
+                  chunkType={chunkType!}
+                  parentMode={parentMode}
+                  chunkInfo={JSON.parse(jsonString!) as ChunkInfo}
+                />
+              )
         )}
       </div>
     </div>
diff --git a/web/app/components/workflow/variable-inspect/empty.tsx b/web/app/components/workflow/variable-inspect/empty.tsx
index 38df10f6e3..e4e4b895f1 100644
--- a/web/app/components/workflow/variable-inspect/empty.tsx
+++ b/web/app/components/workflow/variable-inspect/empty.tsx
@@ -6,18 +6,19 @@ const Empty: FC = () => {
   const { t } = useTranslation()
 
   return (
-    <div className='flex h-full flex-col gap-3 rounded-xl bg-background-section p-8'>
-      <div className='flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg backdrop-blur-sm'>
-        <Variable02 className='h-5 w-5 text-text-accent' />
+    <div className="flex h-full flex-col gap-3 rounded-xl bg-background-section p-8">
+      <div className="flex h-10 w-10 items-center justify-center rounded-[10px] border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg backdrop-blur-sm">
+        <Variable02 className="h-5 w-5 text-text-accent" />
       </div>
-      <div className='flex flex-col gap-1'>
-        <div className='system-sm-semibold text-text-secondary'>{t('workflow.debug.variableInspect.title')}</div>
-        <div className='system-xs-regular text-text-tertiary'>{t('workflow.debug.variableInspect.emptyTip')}</div>
+      <div className="flex flex-col gap-1">
+        <div className="system-sm-semibold text-text-secondary">{t('workflow.debug.variableInspect.title')}</div>
+        <div className="system-xs-regular text-text-tertiary">{t('workflow.debug.variableInspect.emptyTip')}</div>
         <a
-          className='system-xs-regular cursor-pointer text-text-accent'
-          href='https://docs.dify.ai/en/guides/workflow/debug-and-preview/variable-inspect'
-          target='_blank'
-          rel='noopener noreferrer'>
+          className="system-xs-regular cursor-pointer text-text-accent"
+          href="https://docs.dify.ai/en/guides/workflow/debug-and-preview/variable-inspect"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
           {t('workflow.debug.variableInspect.emptyLink')}
         </a>
       </div>
diff --git a/web/app/components/workflow/variable-inspect/group.tsx b/web/app/components/workflow/variable-inspect/group.tsx
index 0887a3823d..bcee333e28 100644
--- a/web/app/components/workflow/variable-inspect/group.tsx
+++ b/web/app/components/workflow/variable-inspect/group.tsx
@@ -1,5 +1,5 @@
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { currentVarType } from './panel'
+import type { NodeWithVar, VarInInspect } from '@/types/workflow'
 import {
   RiArrowRightSLine,
   RiDeleteBinLine,
@@ -7,16 +7,16 @@ import {
   RiLoader2Line,
   // RiErrorWarningFill,
 } from '@remixicon/react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 // import Button from '@/app/components/base/button'
 import ActionButton from '@/app/components/base/action-button'
 import Tooltip from '@/app/components/base/tooltip'
 import BlockIcon from '@/app/components/workflow/block-icon'
-import type { currentVarType } from './panel'
+import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
 import { VarInInspectType } from '@/types/workflow'
-import type { NodeWithVar, VarInInspect } from '@/types/workflow'
 import { cn } from '@/utils/classnames'
 import { useToolIcon } from '../hooks'
-import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
 
 type Props = {
   nodeData?: NodeWithVar
@@ -86,7 +86,8 @@ const Group = ({
       })
       return
     }
-    if (!nodeData) return
+    if (!nodeData)
+      return
     handleSelect({
       nodeId: nodeData.nodeId,
       nodeType: nodeData.nodeType,
@@ -96,31 +97,31 @@ const Group = ({
   }
 
   return (
-    <div className='p-0.5'>
+    <div className="p-0.5">
       {/* node item */}
-      <div className='group flex h-6 items-center gap-0.5'>
-        <div className='h-3 w-3 shrink-0'>
+      <div className="group flex h-6 items-center gap-0.5">
+        <div className="h-3 w-3 shrink-0">
           {nodeData?.isSingRunRunning && (
-            <RiLoader2Line className='h-3 w-3 animate-spin text-text-accent' />
+            <RiLoader2Line className="h-3 w-3 animate-spin text-text-accent" />
           )}
           {(!nodeData || !nodeData.isSingRunRunning) && visibleVarList.length > 0 && (
             <RiArrowRightSLine className={cn('h-3 w-3 text-text-tertiary', !isCollapsed && 'rotate-90')} onClick={() => setIsCollapsed(!isCollapsed)} />
           )}
         </div>
-        <div className='flex grow cursor-pointer items-center gap-1' onClick={() => setIsCollapsed(!isCollapsed)}>
+        <div className="flex grow cursor-pointer items-center gap-1" onClick={() => setIsCollapsed(!isCollapsed)}>
           {nodeData && (
             <>
               <BlockIcon
-                className='shrink-0'
+                className="shrink-0"
                 type={nodeData.nodeType}
                 toolIcon={toolIcon || ''}
-                size='xs'
+                size="xs"
               />
-              <div className='system-xs-medium-uppercase truncate text-text-tertiary'>{nodeData.title}</div>
+              <div className="system-xs-medium-uppercase truncate text-text-tertiary">{nodeData.title}</div>
             </>
           )}
           {!nodeData && (
-            <div className='system-xs-medium-uppercase truncate text-text-tertiary'>
+            <div className="system-xs-medium-uppercase truncate text-text-tertiary">
               {isEnv && t('workflow.debug.variableInspect.envNode')}
               {isChatVar && t('workflow.debug.variableInspect.chatNode')}
               {isSystem && t('workflow.debug.variableInspect.systemNode')}
@@ -128,15 +129,15 @@ const Group = ({
           )}
         </div>
         {nodeData && !nodeData.isSingRunRunning && (
-          <div className='hidden shrink-0 items-center group-hover:flex'>
+          <div className="hidden shrink-0 items-center group-hover:flex">
             <Tooltip popupContent={t('workflow.debug.variableInspect.view')}>
               <ActionButton onClick={handleView}>
-                <RiFileList3Line className='h-4 w-4' />
+                <RiFileList3Line className="h-4 w-4" />
               </ActionButton>
             </Tooltip>
             <Tooltip popupContent={t('workflow.debug.variableInspect.clearNode')}>
               <ActionButton onClick={handleClear}>
-                <RiDeleteBinLine className='h-4 w-4' />
+                <RiDeleteBinLine className="h-4 w-4" />
               </ActionButton>
             </Tooltip>
           </div>
@@ -144,7 +145,7 @@ const Group = ({
       </div>
       {/* var item list */}
       {!isCollapsed && !nodeData?.isSingRunRunning && (
-        <div className='px-0.5'>
+        <div className="px-0.5">
           {visibleVarList.length > 0 && visibleVarList.map(varItem => (
             <div
               key={varItem.id}
@@ -157,10 +158,10 @@ const Group = ({
               <VariableIconWithColor
                 variableCategory={varType}
                 isExceptionVariable={['error_type', 'error_message'].includes(varItem.name)}
-                className='size-4'
+                className="size-4"
               />
-              <div className='system-sm-medium grow truncate text-text-secondary'>{varItem.name}</div>
-              <div className='system-xs-regular shrink-0 text-text-tertiary'>{varItem.value_type}</div>
+              <div className="system-sm-medium grow truncate text-text-secondary">{varItem.name}</div>
+              <div className="system-xs-regular shrink-0 text-text-tertiary">{varItem.value_type}</div>
             </div>
           ))}
         </div>
diff --git a/web/app/components/workflow/variable-inspect/index.tsx b/web/app/components/workflow/variable-inspect/index.tsx
index 64466ee312..ced7861e00 100644
--- a/web/app/components/workflow/variable-inspect/index.tsx
+++ b/web/app/components/workflow/variable-inspect/index.tsx
@@ -1,13 +1,13 @@
 import type { FC } from 'react'
+import { debounce } from 'lodash-es'
 import {
   useCallback,
   useMemo,
 } from 'react'
-import { debounce } from 'lodash-es'
-import { useStore } from '../store'
-import { useResizePanel } from '../nodes/_base/hooks/use-resize-panel'
-import Panel from './panel'
 import { cn } from '@/utils/classnames'
+import { useResizePanel } from '../nodes/_base/hooks/use-resize-panel'
+import { useStore } from '../store'
+import Panel from './panel'
 
 const VariableInspectPanel: FC = () => {
   const showVariableInspectPanel = useStore(s => s.showVariableInspectPanel)
@@ -44,8 +44,9 @@ const VariableInspectPanel: FC = () => {
     <div className={cn('relative pb-1')}>
       <div
         ref={triggerRef}
-        className='absolute -top-1 left-0 flex h-1 w-full cursor-row-resize resize-y items-center justify-center'>
-        <div className='h-0.5 w-10 rounded-sm bg-state-base-handle hover:w-full hover:bg-state-accent-solid active:w-full active:bg-state-accent-solid'></div>
+        className="absolute -top-1 left-0 flex h-1 w-full cursor-row-resize resize-y items-center justify-center"
+      >
+        <div className="h-0.5 w-10 rounded-sm bg-state-base-handle hover:w-full hover:bg-state-accent-solid active:w-full active:bg-state-accent-solid"></div>
       </div>
       <div
         ref={containerRef}
diff --git a/web/app/components/workflow/variable-inspect/large-data-alert.tsx b/web/app/components/workflow/variable-inspect/large-data-alert.tsx
index a6e00bf591..a2750c82e7 100644
--- a/web/app/components/workflow/variable-inspect/large-data-alert.tsx
+++ b/web/app/components/workflow/variable-inspect/large-data-alert.tsx
@@ -1,9 +1,9 @@
 'use client'
-import { RiInformation2Fill } from '@remixicon/react'
 import type { FC } from 'react'
+import { RiInformation2Fill } from '@remixicon/react'
 import React from 'react'
-import { cn } from '@/utils/classnames'
 import { useTranslation } from 'react-i18next'
+import { cn } from '@/utils/classnames'
 
 type Props = {
   textHasNoExport?: boolean
@@ -20,12 +20,12 @@ const LargeDataAlert: FC<Props> = ({
   const text = textHasNoExport ? t('workflow.debug.variableInspect.largeDataNoExport') : t('workflow.debug.variableInspect.largeData')
   return (
     <div className={cn('flex h-8 items-center justify-between rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur px-2 shadow-xs', className)}>
-      <div className='flex h-full w-0 grow items-center space-x-1'>
-        <RiInformation2Fill className='size-4 shrink-0 text-text-accent' />
-        <div className='system-xs-regular w-0 grow truncate text-text-primary'>{text}</div>
+      <div className="flex h-full w-0 grow items-center space-x-1">
+        <RiInformation2Fill className="size-4 shrink-0 text-text-accent" />
+        <div className="system-xs-regular w-0 grow truncate text-text-primary">{text}</div>
       </div>
       {downloadUrl && (
-        <div className='system-xs-medium-uppercase ml-1 shrink-0 cursor-pointer text-text-accent'>{t('workflow.debug.variableInspect.export')}</div>
+        <div className="system-xs-medium-uppercase ml-1 shrink-0 cursor-pointer text-text-accent">{t('workflow.debug.variableInspect.export')}</div>
       )}
     </div>
   )
diff --git a/web/app/components/workflow/variable-inspect/left.tsx b/web/app/components/workflow/variable-inspect/left.tsx
index b177440b2f..12e0bb8745 100644
--- a/web/app/components/workflow/variable-inspect/left.tsx
+++ b/web/app/components/workflow/variable-inspect/left.tsx
@@ -1,17 +1,17 @@
+import type { currentVarType } from './panel'
+
+import type { VarInInspect } from '@/types/workflow'
 // import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-
-import { useStore } from '../store'
 import Button from '@/app/components/base/button'
+import { VarInInspectType } from '@/types/workflow'
+import { cn } from '@/utils/classnames'
+import useCurrentVars from '../hooks/use-inspect-vars-crud'
+import { useNodesInteractions } from '../hooks/use-nodes-interactions'
+import { useStore } from '../store'
 // import ActionButton from '@/app/components/base/action-button'
 // import Tooltip from '@/app/components/base/tooltip'
 import Group from './group'
-import useCurrentVars from '../hooks/use-inspect-vars-crud'
-import { useNodesInteractions } from '../hooks/use-nodes-interactions'
-import type { currentVarType } from './panel'
-import type { VarInInspect } from '@/types/workflow'
-import { VarInInspectType } from '@/types/workflow'
-import { cn } from '@/utils/classnames'
 
 type Props = {
   currentNodeVar?: currentVarType
@@ -51,12 +51,12 @@ const Left = ({
   return (
     <div className={cn('flex h-full flex-col')}>
       {/* header */}
-      <div className='flex shrink-0 items-center justify-between gap-1 pl-4 pr-1 pt-2'>
-        <div className='system-sm-semibold-uppercase truncate text-text-primary'>{t('workflow.debug.variableInspect.title')}</div>
-        <Button variant='ghost' size='small' className='shrink-0' onClick={handleClearAll}>{t('workflow.debug.variableInspect.clearAll')}</Button>
+      <div className="flex shrink-0 items-center justify-between gap-1 pl-4 pr-1 pt-2">
+        <div className="system-sm-semibold-uppercase truncate text-text-primary">{t('workflow.debug.variableInspect.title')}</div>
+        <Button variant="ghost" size="small" className="shrink-0" onClick={handleClearAll}>{t('workflow.debug.variableInspect.clearAll')}</Button>
       </div>
       {/* content */}
-      <div className='grow overflow-y-auto py-1'>
+      <div className="grow overflow-y-auto py-1">
         {/* group ENV */}
         {environmentVariables.length > 0 && (
           <Group
@@ -86,8 +86,8 @@ const Left = ({
         )}
         {/* divider */}
         {showDivider && (
-          <div className='px-4 py-1'>
-            <div className='h-px bg-divider-subtle'></div>
+          <div className="px-4 py-1">
+            <div className="h-px bg-divider-subtle"></div>
           </div>
         )}
         {/* group nodes */}
diff --git a/web/app/components/workflow/variable-inspect/listening.tsx b/web/app/components/workflow/variable-inspect/listening.tsx
index 1f2577f150..8b2c55fcc4 100644
--- a/web/app/components/workflow/variable-inspect/listening.tsx
+++ b/web/app/components/workflow/variable-inspect/listening.tsx
@@ -1,18 +1,20 @@
-import { type FC, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { type Node, useStoreApi } from 'reactflow'
-import Button from '@/app/components/base/button'
-import BlockIcon from '@/app/components/workflow/block-icon'
-import { BlockEnum } from '@/app/components/workflow/types'
-import { StopCircle } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
-import { useStore } from '../store'
-import { useGetToolIcon } from '@/app/components/workflow/hooks/use-tool-icon'
 import type { TFunction } from 'i18next'
-import { getNextExecutionTime } from '@/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator'
+import type { FC } from 'react'
+import type { Node } from 'reactflow'
 import type { ScheduleTriggerNodeType } from '@/app/components/workflow/nodes/trigger-schedule/types'
 import type { WebhookTriggerNodeType } from '@/app/components/workflow/nodes/trigger-webhook/types'
-import Tooltip from '@/app/components/base/tooltip'
 import copy from 'copy-to-clipboard'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useStoreApi } from 'reactflow'
+import Button from '@/app/components/base/button'
+import { StopCircle } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
+import Tooltip from '@/app/components/base/tooltip'
+import BlockIcon from '@/app/components/workflow/block-icon'
+import { useGetToolIcon } from '@/app/components/workflow/hooks/use-tool-icon'
+import { getNextExecutionTime } from '@/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { useStore } from '../store'
 
 const resolveListeningDescription = (
   message: string | undefined,
@@ -32,7 +34,7 @@ const resolveListeningDescription = (
   }
 
   if (triggerType === BlockEnum.TriggerPlugin) {
-    const pluginName = (triggerNode?.data as { provider_name?: string; title?: string })?.provider_name
+    const pluginName = (triggerNode?.data as { provider_name?: string, title?: string })?.provider_name
       || (triggerNode?.data as { title?: string })?.title
       || t('workflow.debug.variableInspect.listening.defaultPluginName')
     return t('workflow.debug.variableInspect.listening.tipPlugin', { pluginName })
@@ -155,8 +157,8 @@ const Listening: FC<ListeningProps> = ({
     : resolveListeningDescription(message, triggerNode, triggerType, t)
 
   return (
-    <div className='flex h-full flex-col gap-4 rounded-xl bg-background-section p-8'>
-      <div className='flex flex-row flex-wrap items-center gap-3'>
+    <div className="flex h-full flex-col gap-4 rounded-xl bg-background-section p-8">
+      <div className="flex flex-row flex-wrap items-center gap-3">
         {iconsToRender.map(icon => (
           <BlockIcon
             key={icon.key}
@@ -167,13 +169,13 @@ const Listening: FC<ListeningProps> = ({
           />
         ))}
       </div>
-      <div className='flex flex-col gap-1'>
-        <div className='system-sm-semibold text-text-secondary'>{t('workflow.debug.variableInspect.listening.title')}</div>
-        <div className='system-xs-regular whitespace-pre-line text-text-tertiary'>{description}</div>
+      <div className="flex flex-col gap-1">
+        <div className="system-sm-semibold text-text-secondary">{t('workflow.debug.variableInspect.listening.title')}</div>
+        <div className="system-xs-regular whitespace-pre-line text-text-tertiary">{description}</div>
       </div>
       {webhookDebugUrl && (
-        <div className='flex items-center gap-2'>
-          <div className='system-xs-regular shrink-0 whitespace-pre-line text-text-tertiary'>
+        <div className="flex items-center gap-2">
+          <div className="system-xs-regular shrink-0 whitespace-pre-line text-text-tertiary">
             {t('workflow.nodes.triggerWebhook.debugUrlTitle')}
           </div>
           <Tooltip
@@ -186,7 +188,7 @@ const Listening: FC<ListeningProps> = ({
             needsDelay={true}
           >
             <button
-              type='button'
+              type="button"
               aria-label={t('workflow.nodes.triggerWebhook.debugUrlCopy') || ''}
               className={`inline-flex items-center rounded-[6px] border border-divider-regular bg-components-badge-white-to-dark px-1.5 py-[2px] font-mono text-[13px] leading-[18px] text-text-secondary transition-colors hover:bg-components-panel-on-panel-item-bg-hover focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-components-panel-border ${debugUrlCopied ? 'bg-components-panel-on-panel-item-bg-hover text-text-primary' : ''}`}
               onClick={() => {
@@ -194,7 +196,7 @@ const Listening: FC<ListeningProps> = ({
                 setDebugUrlCopied(true)
               }}
             >
-              <span className='whitespace-nowrap text-text-primary'>
+              <span className="whitespace-nowrap text-text-primary">
                 {webhookDebugUrl}
               </span>
             </button>
@@ -203,12 +205,12 @@ const Listening: FC<ListeningProps> = ({
       )}
       <div>
         <Button
-          size='medium'
-          className='px-3'
-          variant='primary'
+          size="medium"
+          className="px-3"
+          variant="primary"
           onClick={onStop}
         >
-          <StopCircle className='mr-1 size-4' />
+          <StopCircle className="mr-1 size-4" />
           {t('workflow.debug.variableInspect.listening.stopButton')}
         </Button>
       </div>
diff --git a/web/app/components/workflow/variable-inspect/panel.tsx b/web/app/components/workflow/variable-inspect/panel.tsx
index 047bede826..bccc2ae3e3 100644
--- a/web/app/components/workflow/variable-inspect/panel.tsx
+++ b/web/app/components/workflow/variable-inspect/panel.tsx
@@ -1,24 +1,24 @@
 import type { FC } from 'react'
-import { useCallback, useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { NodeProps } from '../types'
+import type { VarInInspect } from '@/types/workflow'
 import {
   RiCloseLine,
 } from '@remixicon/react'
-import { useStore } from '../store'
-import useCurrentVars from '../hooks/use-inspect-vars-crud'
-import Empty from './empty'
-import Listening from './listening'
-import Left from './left'
-import Right from './right'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import ActionButton from '@/app/components/base/action-button'
-import type { VarInInspect } from '@/types/workflow'
-import { VarInInspectType } from '@/types/workflow'
-
-import { cn } from '@/utils/classnames'
-import type { NodeProps } from '../types'
-import useMatchSchemaType from '../nodes/_base/components/variable/use-match-schema-type'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { VarInInspectType } from '@/types/workflow'
+import { cn } from '@/utils/classnames'
+import useCurrentVars from '../hooks/use-inspect-vars-crud'
+import useMatchSchemaType from '../nodes/_base/components/variable/use-match-schema-type'
+
+import { useStore } from '../store'
+import Empty from './empty'
+import Left from './left'
+import Listening from './listening'
+import Right from './right'
 
 export type currentVarType = {
   nodeId: string
@@ -55,7 +55,8 @@ const Panel: FC = () => {
   }, [environmentVariables, conversationVars, systemVars, nodesWithInspectVars])
 
   const currentNodeInfo = useMemo(() => {
-    if (!currentFocusNodeId) return
+    if (!currentFocusNodeId)
+      return
     if (currentFocusNodeId === VarInInspectType.environment) {
       const currentVar = environmentVariables.find(v => v.id === currentVarId)
       const res = {
@@ -113,7 +114,8 @@ const Panel: FC = () => {
       return res
     }
     const targetNode = nodesWithInspectVars.find(node => node.nodeId === currentFocusNodeId)
-    if (!targetNode) return
+    if (!targetNode)
+      return
     const currentVar = targetNode.vars.find(v => v.id === currentVarId)
     return {
       nodeId: targetNode.nodeId,
@@ -127,9 +129,11 @@ const Panel: FC = () => {
   }, [currentFocusNodeId, currentVarId, environmentVariables, conversationVars, systemVars, nodesWithInspectVars])
 
   const isCurrentNodeVarValueFetching = useMemo(() => {
-    if (!currentNodeInfo) return false
+    if (!currentNodeInfo)
+      return false
     const targetNode = nodesWithInspectVars.find(node => node.nodeId === currentNodeInfo.nodeId)
-    if (!targetNode) return false
+    if (!targetNode)
+      return false
     return !targetNode.isValueFetched
   }, [currentNodeInfo, nodesWithInspectVars])
 
@@ -156,13 +160,13 @@ const Panel: FC = () => {
   if (isListening) {
     return (
       <div className={cn('flex h-full flex-col')}>
-        <div className='flex shrink-0 items-center justify-between pl-4 pr-2 pt-2'>
-          <div className='system-sm-semibold-uppercase text-text-primary'>{t('workflow.debug.variableInspect.title')}</div>
+        <div className="flex shrink-0 items-center justify-between pl-4 pr-2 pt-2">
+          <div className="system-sm-semibold-uppercase text-text-primary">{t('workflow.debug.variableInspect.title')}</div>
           <ActionButton onClick={() => setShowVariableInspectPanel(false)}>
-            <RiCloseLine className='h-4 w-4' />
+            <RiCloseLine className="h-4 w-4" />
           </ActionButton>
         </div>
-        <div className='grow p-2'>
+        <div className="grow p-2">
           <Listening
             onStop={handleStopListening}
           />
@@ -174,13 +178,13 @@ const Panel: FC = () => {
   if (isEmpty) {
     return (
       <div className={cn('flex h-full flex-col')}>
-        <div className='flex shrink-0 items-center justify-between pl-4 pr-2 pt-2'>
-          <div className='system-sm-semibold-uppercase text-text-primary'>{t('workflow.debug.variableInspect.title')}</div>
+        <div className="flex shrink-0 items-center justify-between pl-4 pr-2 pt-2">
+          <div className="system-sm-semibold-uppercase text-text-primary">{t('workflow.debug.variableInspect.title')}</div>
           <ActionButton onClick={() => setShowVariableInspectPanel(false)}>
-            <RiCloseLine className='h-4 w-4' />
+            <RiCloseLine className="h-4 w-4" />
           </ActionButton>
         </div>
-        <div className='grow p-2'>
+        <div className="grow p-2">
           <Empty />
         </div>
       </div>
@@ -190,7 +194,7 @@ const Panel: FC = () => {
   return (
     <div className={cn('relative flex h-full')}>
       {/* left */}
-      {bottomPanelWidth < 488 && showLeftPanel && <div className='absolute left-0 top-0 h-full w-full' onClick={() => setShowLeftPanel(false)}></div>}
+      {bottomPanelWidth < 488 && showLeftPanel && <div className="absolute left-0 top-0 h-full w-full" onClick={() => setShowLeftPanel(false)}></div>}
       <div
         className={cn(
           'w-60 shrink-0 border-r border-divider-burn',
@@ -207,7 +211,7 @@ const Panel: FC = () => {
         />
       </div>
       {/* right */}
-      <div className='w-0 grow'>
+      <div className="w-0 grow">
         <Right
           nodeId={currentFocusNodeId!}
           isValueFetching={isCurrentNodeVarValueFetching}
diff --git a/web/app/components/workflow/variable-inspect/right.tsx b/web/app/components/workflow/variable-inspect/right.tsx
index 9fbf18dd64..e451837eca 100644
--- a/web/app/components/workflow/variable-inspect/right.tsx
+++ b/web/app/components/workflow/variable-inspect/right.tsx
@@ -1,4 +1,5 @@
-import { useTranslation } from 'react-i18next'
+import type { currentVarType } from './panel'
+import type { GenRes } from '@/service/debug'
 import {
   RiArrowGoBackLine,
   RiCloseLine,
@@ -6,35 +7,34 @@ import {
   RiMenuLine,
   RiSparklingFill,
 } from '@remixicon/react'
-import { useStore } from '../store'
-import { BlockEnum } from '../types'
-import useCurrentVars from '../hooks/use-inspect-vars-crud'
-import Empty from './empty'
-import ValueContent from './value-content'
+import { useBoolean } from 'ahooks'
+import { produce } from 'immer'
+import { useCallback, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import GetAutomaticResModal from '@/app/components/app/configuration/config/automatic/get-automatic-res'
 import ActionButton from '@/app/components/base/action-button'
 import Badge from '@/app/components/base/badge'
 import CopyFeedback from '@/app/components/base/copy-feedback'
+import Loading from '@/app/components/base/loading'
 import Tooltip from '@/app/components/base/tooltip'
 import BlockIcon from '@/app/components/workflow/block-icon'
-import Loading from '@/app/components/base/loading'
-import type { currentVarType } from './panel'
+import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { AppModeEnum } from '@/types/app'
 import { VarInInspectType } from '@/types/workflow'
 import { cn } from '@/utils/classnames'
-import useNodeInfo from '../nodes/_base/hooks/use-node-info'
-import { useBoolean } from 'ahooks'
-import GetAutomaticResModal from '@/app/components/app/configuration/config/automatic/get-automatic-res'
 import GetCodeGeneratorResModal from '../../app/configuration/config/code-generator/get-code-generator-res'
-import { AppModeEnum } from '@/types/app'
-import { useHooksStore } from '../hooks-store'
-import { useCallback, useMemo } from 'react'
-import { useNodesInteractions, useToolIcon } from '../hooks'
-import { CodeLanguage } from '../nodes/code/types'
-import useNodeCrud from '../nodes/_base/hooks/use-node-crud'
-import type { GenRes } from '@/service/debug'
-import { produce } from 'immer'
 import { PROMPT_EDITOR_UPDATE_VALUE_BY_EVENT_EMITTER } from '../../base/prompt-editor/plugins/update-block'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
-import { VariableIconWithColor } from '@/app/components/workflow/nodes/_base/components/variable/variable-label'
+import { useNodesInteractions, useToolIcon } from '../hooks'
+import { useHooksStore } from '../hooks-store'
+import useCurrentVars from '../hooks/use-inspect-vars-crud'
+import useNodeCrud from '../nodes/_base/hooks/use-node-crud'
+import useNodeInfo from '../nodes/_base/hooks/use-node-info'
+import { CodeLanguage } from '../nodes/code/types'
+import { useStore } from '../store'
+import { BlockEnum } from '../types'
+import Empty from './empty'
+import ValueContent from './value-content'
 
 type Props = {
   nodeId: string
@@ -64,12 +64,14 @@ const Right = ({
   } = useCurrentVars()
 
   const handleValueChange = (varId: string, value: any) => {
-    if (!currentNodeVar) return
+    if (!currentNodeVar)
+      return
     editInspectVarValue(currentNodeVar.nodeId, varId, value)
   }
 
   const resetValue = () => {
-    if (!currentNodeVar) return
+    if (!currentNodeVar)
+      return
     resetToLastRunVar(currentNodeVar.nodeId, currentNodeVar.var.id)
   }
 
@@ -79,7 +81,8 @@ const Right = ({
   }
 
   const handleClear = () => {
-    if (!currentNodeVar) return
+    if (!currentNodeVar)
+      return
     resetConversationVar(currentNodeVar.var.id)
   }
 
@@ -161,20 +164,20 @@ const Right = ({
   return (
     <div className={cn('flex h-full flex-col')}>
       {/* header */}
-      <div className='flex shrink-0 items-center justify-between gap-1 px-2 pt-2'>
+      <div className="flex shrink-0 items-center justify-between gap-1 px-2 pt-2">
         {bottomPanelWidth < 488 && (
-          <ActionButton className='shrink-0' onClick={handleOpenMenu}>
-            <RiMenuLine className='h-4 w-4' />
+          <ActionButton className="shrink-0" onClick={handleOpenMenu}>
+            <RiMenuLine className="h-4 w-4" />
           </ActionButton>
         )}
-        <div className='flex w-0 grow items-center gap-1'>
+        <div className="flex w-0 grow items-center gap-1">
           {currentNodeVar?.var && (
             <>
               {
                 [VarInInspectType.environment, VarInInspectType.conversation, VarInInspectType.system].includes(currentNodeVar.nodeType as VarInInspectType) && (
                   <VariableIconWithColor
                     variableCategory={currentNodeVar.nodeType as VarInInspectType}
-                    className='size-4'
+                    className="size-4"
                   />
                 )
               }
@@ -184,22 +187,25 @@ const Right = ({
                 && (
                   <>
                     <BlockIcon
-                      className='shrink-0'
+                      className="shrink-0"
                       type={currentNodeVar.nodeType as BlockEnum}
-                      size='xs'
+                      size="xs"
                       toolIcon={toolIcon}
                     />
-                    <div className='system-sm-regular shrink-0 text-text-secondary'>{currentNodeVar.title}</div>
-                    <div className='system-sm-regular shrink-0 text-text-quaternary'>/</div>
+                    <div className="system-sm-regular shrink-0 text-text-secondary">{currentNodeVar.title}</div>
+                    <div className="system-sm-regular shrink-0 text-text-quaternary">/</div>
                   </>
                 )}
-              <div title={currentNodeVar.var.name} className='system-sm-semibold truncate text-text-secondary'>{currentNodeVar.var.name}</div>
-              <div className='system-xs-medium ml-1 shrink-0 space-x-2 text-text-tertiary'>
+              <div title={currentNodeVar.var.name} className="system-sm-semibold truncate text-text-secondary">{currentNodeVar.var.name}</div>
+              <div className="system-xs-medium ml-1 shrink-0 space-x-2 text-text-tertiary">
                 <span>{`${currentNodeVar.var.value_type}${displaySchemaType}`}</span>
                 {isTruncated && (
                   <>
                     <span>·</span>
-                    <span>{((fullContent?.size_bytes || 0) / 1024 / 1024).toFixed(1)}MB</span>
+                    <span>
+                      {((fullContent?.size_bytes || 0) / 1024 / 1024).toFixed(1)}
+                      MB
+                    </span>
                   </>
                 )}
               </div>
@@ -207,16 +213,16 @@ const Right = ({
             </>
           )}
         </div>
-        <div className='flex shrink-0 items-center gap-1'>
+        <div className="flex shrink-0 items-center gap-1">
           {currentNodeVar && (
             <>
               {canShowPromptGenerator && (
                 <Tooltip popupContent={t('appDebug.generate.optimizePromptTooltip')}>
                   <div
-                    className='cursor-pointer rounded-md p-1 hover:bg-state-accent-active'
+                    className="cursor-pointer rounded-md p-1 hover:bg-state-accent-active"
                     onClick={handleShowPromptGenerator}
                   >
-                    <RiSparklingFill className='size-4 text-components-input-border-active-prompt-1' />
+                    <RiSparklingFill className="size-4 text-components-input-border-active-prompt-1" />
                   </div>
                 </Tooltip>
               )}
@@ -225,30 +231,30 @@ const Right = ({
                   <ActionButton>
                     <a
                       href={fullContent?.download_url}
-                      target='_blank'
+                      target="_blank"
                     >
-                      <RiFileDownloadFill className='size-4' />
+                      <RiFileDownloadFill className="size-4" />
                     </a>
                   </ActionButton>
                 </Tooltip>
               )}
               {!isTruncated && currentNodeVar.var.edited && (
                 <Badge>
-                  <span className='ml-[2.5px] mr-[4.5px] h-[3px] w-[3px] rounded bg-text-accent-secondary'></span>
-                  <span className='system-2xs-semibold-uupercase'>{t('workflow.debug.variableInspect.edited')}</span>
+                  <span className="ml-[2.5px] mr-[4.5px] h-[3px] w-[3px] rounded bg-text-accent-secondary"></span>
+                  <span className="system-2xs-semibold-uupercase">{t('workflow.debug.variableInspect.edited')}</span>
                 </Badge>
               )}
               {!isTruncated && currentNodeVar.var.edited && currentNodeVar.var.type !== VarInInspectType.conversation && (
                 <Tooltip popupContent={t('workflow.debug.variableInspect.reset')}>
                   <ActionButton onClick={resetValue}>
-                    <RiArrowGoBackLine className='h-4 w-4' />
+                    <RiArrowGoBackLine className="h-4 w-4" />
                   </ActionButton>
                 </Tooltip>
               )}
               {!isTruncated && currentNodeVar.var.edited && currentNodeVar.var.type === VarInInspectType.conversation && (
                 <Tooltip popupContent={t('workflow.debug.variableInspect.resetConversationVar')}>
                   <ActionButton onClick={handleClear}>
-                    <RiArrowGoBackLine className='h-4 w-4' />
+                    <RiArrowGoBackLine className="h-4 w-4" />
                   </ActionButton>
                 </Tooltip>
               )}
@@ -258,15 +264,15 @@ const Right = ({
             </>
           )}
           <ActionButton onClick={handleClose}>
-            <RiCloseLine className='h-4 w-4' />
+            <RiCloseLine className="h-4 w-4" />
           </ActionButton>
         </div>
       </div>
       {/* content */}
-      <div className='grow p-2'>
+      <div className="grow p-2">
         {!currentNodeVar?.var && <Empty />}
         {isValueFetching && (
-          <div className='flex h-full items-center justify-center'>
+          <div className="flex h-full items-center justify-center">
             <Loading />
           </div>
         )}
@@ -281,25 +287,29 @@ const Right = ({
       </div>
       {isShowPromptGenerator && (
         isCodeBlock
-          ? <GetCodeGeneratorResModal
-            isShow
-            mode={AppModeEnum.CHAT}
-            onClose={handleHidePromptGenerator}
-            flowId={configsMap?.flowId || ''}
-            nodeId={nodeId}
-            currentCode={currentPrompt}
-            codeLanguages={node?.data?.code_languages || CodeLanguage.python3}
-            onFinished={handleUpdatePrompt}
-          />
-          : <GetAutomaticResModal
-            mode={AppModeEnum.CHAT}
-            isShow
-            onClose={handleHidePromptGenerator}
-            onFinished={handleUpdatePrompt}
-            flowId={configsMap?.flowId || ''}
-            nodeId={nodeId}
-            currentPrompt={currentPrompt}
-          />
+          ? (
+              <GetCodeGeneratorResModal
+                isShow
+                mode={AppModeEnum.CHAT}
+                onClose={handleHidePromptGenerator}
+                flowId={configsMap?.flowId || ''}
+                nodeId={nodeId}
+                currentCode={currentPrompt}
+                codeLanguages={node?.data?.code_languages || CodeLanguage.python3}
+                onFinished={handleUpdatePrompt}
+              />
+            )
+          : (
+              <GetAutomaticResModal
+                mode={AppModeEnum.CHAT}
+                isShow
+                onClose={handleHidePromptGenerator}
+                onFinished={handleUpdatePrompt}
+                flowId={configsMap?.flowId || ''}
+                nodeId={nodeId}
+                currentPrompt={currentPrompt}
+              />
+            )
       )}
     </div>
   )
diff --git a/web/app/components/workflow/variable-inspect/trigger.tsx b/web/app/components/workflow/variable-inspect/trigger.tsx
index 33161a6c5e..e354a6db67 100644
--- a/web/app/components/workflow/variable-inspect/trigger.tsx
+++ b/web/app/components/workflow/variable-inspect/trigger.tsx
@@ -1,18 +1,17 @@
 import type { FC } from 'react'
-import { useMemo } from 'react'
-import { useNodes } from 'reactflow'
-import { useTranslation } from 'react-i18next'
-import { RiLoader2Line, RiStopCircleFill } from '@remixicon/react'
-import Tooltip from '@/app/components/base/tooltip'
-import { useStore } from '../store'
-import useCurrentVars from '../hooks/use-inspect-vars-crud'
-import { WorkflowRunningStatus } from '@/app/components/workflow/types'
-import { NodeRunningStatus } from '@/app/components/workflow/types'
 import type { CommonNodeType } from '@/app/components/workflow/types'
-import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { RiLoader2Line, RiStopCircleFill } from '@remixicon/react'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNodes } from 'reactflow'
+import Tooltip from '@/app/components/base/tooltip'
+import { NodeRunningStatus, WorkflowRunningStatus } from '@/app/components/workflow/types'
 import { EVENT_WORKFLOW_STOP } from '@/app/components/workflow/variable-inspect/types'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { cn } from '@/utils/classnames'
+import useCurrentVars from '../hooks/use-inspect-vars-crud'
 import { useNodesReadOnly } from '../hooks/use-workflow'
+import { useStore } from '../store'
 
 const VariableInspectTrigger: FC = () => {
   const { t } = useTranslation()
@@ -65,9 +64,7 @@ const VariableInspectTrigger: FC = () => {
     <div className={cn('flex items-center gap-1')}>
       {!isRunning && !currentVars.length && (
         <div
-          className={cn('system-2xs-semibold-uppercase flex h-5 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-tertiary shadow-lg backdrop-blur-sm hover:bg-background-default-hover',
-            nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled',
-          )}
+          className={cn('system-2xs-semibold-uppercase flex h-5 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-tertiary shadow-lg backdrop-blur-sm hover:bg-background-default-hover', nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')}
           onClick={() => {
             if (getNodesReadOnly())
               return
@@ -80,9 +77,7 @@ const VariableInspectTrigger: FC = () => {
       {!isRunning && currentVars.length > 0 && (
         <>
           <div
-            className={cn('system-xs-medium flex h-6 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-accent shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent',
-              nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled',
-            )}
+            className={cn('system-xs-medium flex h-6 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-accent shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent', nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')}
             onClick={() => {
               if (getNodesReadOnly())
                 return
@@ -92,9 +87,7 @@ const VariableInspectTrigger: FC = () => {
             {t('workflow.debug.variableInspect.trigger.cached')}
           </div>
           <div
-            className={cn('system-xs-medium flex h-6 cursor-pointer items-center rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-1 text-text-tertiary shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent hover:text-text-accent',
-              nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled',
-            )}
+            className={cn('system-xs-medium flex h-6 cursor-pointer items-center rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-1 text-text-tertiary shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent hover:text-text-accent', nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled')}
             onClick={() => {
               if (getNodesReadOnly())
                 return
@@ -108,21 +101,21 @@ const VariableInspectTrigger: FC = () => {
       {isRunning && (
         <>
           <div
-            className='system-xs-medium flex h-6 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-accent shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent'
+            className="system-xs-medium flex h-6 cursor-pointer items-center gap-1 rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-2 text-text-accent shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent"
             onClick={() => setShowVariableInspectPanel(true)}
           >
-            <RiLoader2Line className='h-4 w-4 animate-spin' />
-            <span className='text-text-accent'>{t('workflow.debug.variableInspect.trigger.running')}</span>
+            <RiLoader2Line className="h-4 w-4 animate-spin" />
+            <span className="text-text-accent">{t('workflow.debug.variableInspect.trigger.running')}</span>
           </div>
           {isPreviewRunning && (
             <Tooltip
               popupContent={t('workflow.debug.variableInspect.trigger.stop')}
             >
               <div
-                className='flex h-6 cursor-pointer items-center rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-1 shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent'
+                className="flex h-6 cursor-pointer items-center rounded-md border-[0.5px] border-effects-highlight bg-components-actionbar-bg px-1 shadow-lg backdrop-blur-sm hover:bg-components-actionbar-bg-accent"
                 onClick={handleStop}
               >
-                <RiStopCircleFill className='h-4 w-4 text-text-accent' />
+                <RiStopCircleFill className="h-4 w-4 text-text-accent" />
               </div>
             </Tooltip>
           )}
diff --git a/web/app/components/workflow/variable-inspect/value-content.tsx b/web/app/components/workflow/variable-inspect/value-content.tsx
index 0009fb4580..6d6a04434a 100644
--- a/web/app/components/workflow/variable-inspect/value-content.tsx
+++ b/web/app/components/workflow/variable-inspect/value-content.tsx
@@ -1,30 +1,30 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react'
+import type { VarInInspect } from '@/types/workflow'
 import { useDebounceFn } from 'ahooks'
-import Textarea from '@/app/components/base/textarea'
-import SchemaEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor'
+import React, { useEffect, useMemo, useRef, useState } from 'react'
 import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
+import { getProcessedFiles, getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
+import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
+import Textarea from '@/app/components/base/textarea'
 import ErrorMessage from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/error-message'
+import SchemaEditor from '@/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor'
 import {
   checkJsonSchemaDepth,
   getValidationErrorMessage,
   validateSchemaAgainstDraft7,
 } from '@/app/components/workflow/nodes/llm/utils'
+import { useStore } from '@/app/components/workflow/store'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import {
   validateJSONSchema,
 } from '@/app/components/workflow/variable-inspect/utils'
-import { getProcessedFiles, getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
 import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
 import { TransferMethod } from '@/types/app'
-import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import type { VarInInspect } from '@/types/workflow'
 import { VarInInspectType } from '@/types/workflow'
 import { cn } from '@/utils/classnames'
-import LargeDataAlert from './large-data-alert'
-import BoolValue from '../panel/chat-variable-panel/components/bool-value'
-import { useStore } from '@/app/components/workflow/store'
 import { PreviewMode } from '../../base/features/types'
+import BoolValue from '../panel/chat-variable-panel/components/bool-value'
 import DisplayContent from './display-content'
+import LargeDataAlert from './large-data-alert'
 import { CHUNK_SCHEMA_TYPES, PreviewType } from './types'
 
 type Props = {
@@ -184,36 +184,38 @@ const ValueContent = ({
   return (
     <div
       ref={contentContainerRef}
-      className='flex h-full flex-col'
+      className="flex h-full flex-col"
     >
       <div className={cn('relative grow')} style={{ height: `${editorHeight}px` }}>
         {showTextEditor && (
           <>
-            {isTruncated && <LargeDataAlert className='absolute left-3 right-3 top-1' />}
+            {isTruncated && <LargeDataAlert className="absolute left-3 right-3 top-1" />}
             {
-              currentVar.value_type === 'string' ? (
-                <DisplayContent
-                  previewType={PreviewType.Markdown}
-                  varType={currentVar.value_type}
-                  mdString={value as any}
-                  readonly={textEditorDisabled}
-                  handleTextChange={handleTextChange}
-                  className={cn(isTruncated && 'pt-[36px]')}
-                />
-              ) : (
-                <Textarea
-                  readOnly={textEditorDisabled}
-                  disabled={textEditorDisabled || isTruncated}
-                  className={cn('h-full', isTruncated && 'pt-[48px]')}
-                  value={value as any}
-                  onChange={e => handleTextChange(e.target.value)}
-                />
-              )
+              currentVar.value_type === 'string'
+                ? (
+                    <DisplayContent
+                      previewType={PreviewType.Markdown}
+                      varType={currentVar.value_type}
+                      mdString={value as any}
+                      readonly={textEditorDisabled}
+                      handleTextChange={handleTextChange}
+                      className={cn(isTruncated && 'pt-[36px]')}
+                    />
+                  )
+                : (
+                    <Textarea
+                      readOnly={textEditorDisabled}
+                      disabled={textEditorDisabled || isTruncated}
+                      className={cn('h-full', isTruncated && 'pt-[48px]')}
+                      value={value as any}
+                      onChange={e => handleTextChange(e.target.value)}
+                    />
+                  )
             }
           </>
         )}
         {showBoolEditor && (
-          <div className='w-[295px]'>
+          <div className="w-[295px]">
             <BoolValue
               value={currentVar.value as boolean}
               onChange={(newValue) => {
@@ -225,7 +227,7 @@ const ValueContent = ({
         )}
         {
           showBoolArrayEditor && (
-            <div className='w-[295px] space-y-1'>
+            <div className="w-[295px] space-y-1">
               {currentVar.value.map((v: boolean, i: number) => (
                 <BoolValue
                   key={i}
@@ -244,28 +246,28 @@ const ValueContent = ({
         {showJSONEditor && (
           hasChunks
             ? (
-              <DisplayContent
-                previewType={PreviewType.Chunks}
-                varType={currentVar.value_type}
-                schemaType={currentVar.schemaType ?? ''}
-                jsonString={json ?? '{}'}
-                readonly={JSONEditorDisabled}
-                handleEditorChange={handleEditorChange}
-              />
-            )
+                <DisplayContent
+                  previewType={PreviewType.Chunks}
+                  varType={currentVar.value_type}
+                  schemaType={currentVar.schemaType ?? ''}
+                  jsonString={json ?? '{}'}
+                  readonly={JSONEditorDisabled}
+                  handleEditorChange={handleEditorChange}
+                />
+              )
             : (
-              <SchemaEditor
-                readonly={JSONEditorDisabled || isTruncated}
-                className='overflow-y-auto'
-                hideTopMenu
-                schema={json}
-                onUpdate={handleEditorChange}
-                isTruncated={isTruncated}
-              />
-            )
+                <SchemaEditor
+                  readonly={JSONEditorDisabled || isTruncated}
+                  className="overflow-y-auto"
+                  hideTopMenu
+                  schema={json}
+                  onUpdate={handleEditorChange}
+                  isTruncated={isTruncated}
+                />
+              )
         )}
         {showFileEditor && (
-          <div className='max-w-[460px]'>
+          <div className="max-w-[460px]">
             <FileUploaderInAttachmentWrapper
               value={fileValue}
               onChange={files => handleFileChange(getProcessedFiles(files))}
@@ -295,11 +297,11 @@ const ValueContent = ({
           </div>
         )}
       </div>
-      <div ref={errorMessageRef} className='shrink-0'>
-        {parseError && <ErrorMessage className='mt-1' message={parseError.message} />}
-        {validationError && <ErrorMessage className='mt-1' message={validationError} />}
+      <div ref={errorMessageRef} className="shrink-0">
+        {parseError && <ErrorMessage className="mt-1" message={parseError.message} />}
+        {validationError && <ErrorMessage className="mt-1" message={validationError} />}
       </div>
-    </div >
+    </div>
   )
 }
 
diff --git a/web/app/components/workflow/workflow-history-store.tsx b/web/app/components/workflow/workflow-history-store.tsx
index 96e87f4fd4..502cb733cb 100644
--- a/web/app/components/workflow/workflow-history-store.tsx
+++ b/web/app/components/workflow/workflow-history-store.tsx
@@ -1,10 +1,13 @@
-import { type ReactNode, createContext, useContext, useMemo, useState } from 'react'
-import { type StoreApi, create } from 'zustand'
-import { type TemporalState, temporal } from 'zundo'
-import isDeepEqual from 'fast-deep-equal'
-import type { Edge, Node } from './types'
+import type { ReactNode } from 'react'
+import type { TemporalState } from 'zundo'
+import type { StoreApi } from 'zustand'
 import type { WorkflowHistoryEventT } from './hooks'
+import type { Edge, Node } from './types'
+import isDeepEqual from 'fast-deep-equal'
 import { noop } from 'lodash-es'
+import { createContext, useContext, useMemo, useState } from 'react'
+import { temporal } from 'zundo'
+import { create } from 'zustand'
 
 export const WorkflowHistoryStoreContext = createContext<WorkflowHistoryStoreContextType>({ store: null, shortcutsEnabled: true, setShortcutsEnabled: noop })
 export const Provider = WorkflowHistoryStoreContext.Provider
diff --git a/web/app/components/workflow/workflow-preview/components/custom-edge.tsx b/web/app/components/workflow/workflow-preview/components/custom-edge.tsx
index eb660fb7b8..6294d3f88a 100644
--- a/web/app/components/workflow/workflow-preview/components/custom-edge.tsx
+++ b/web/app/components/workflow/workflow-preview/components/custom-edge.tsx
@@ -1,17 +1,17 @@
+import type { EdgeProps } from 'reactflow'
 import {
   memo,
   useMemo,
 } from 'react'
-import type { EdgeProps } from 'reactflow'
 import {
   BaseEdge,
-  Position,
   getBezierPath,
+  Position,
 } from 'reactflow'
-import { NodeRunningStatus } from '@/app/components/workflow/types'
-import { getEdgeColor } from '@/app/components/workflow/utils'
 import CustomEdgeLinearGradientRender from '@/app/components/workflow/custom-edge-linear-gradient-render'
 import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
+import { NodeRunningStatus } from '@/app/components/workflow/types'
+import { getEdgeColor } from '@/app/components/workflow/utils'
 
 const CustomEdge = ({
   id,
@@ -51,8 +51,9 @@ const CustomEdge = ({
         || _targetRunningStatus === NodeRunningStatus.Exception
         || _targetRunningStatus === NodeRunningStatus.Running
       )
-    )
+    ) {
       return id
+    }
   }, [_sourceRunningStatus, _targetRunningStatus, id])
 
   const stroke = useMemo(() => {
diff --git a/web/app/components/workflow/workflow-preview/components/error-handle-on-node.tsx b/web/app/components/workflow/workflow-preview/components/error-handle-on-node.tsx
index 03ee1c7f47..73b4d01a2b 100644
--- a/web/app/components/workflow/workflow-preview/components/error-handle-on-node.tsx
+++ b/web/app/components/workflow/workflow-preview/components/error-handle-on-node.tsx
@@ -1,11 +1,11 @@
+import type { Node } from '@/app/components/workflow/types'
 import { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useUpdateNodeInternals } from 'reactflow'
-import { NodeSourceHandle } from './node-handle'
 import { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
-import type { Node } from '@/app/components/workflow/types'
 import { NodeRunningStatus } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
+import { NodeSourceHandle } from './node-handle'
 
 type ErrorHandleOnNodeProps = Pick<Node, 'id' | 'data'>
 const ErrorHandleOnNode = ({
@@ -25,18 +25,20 @@ const ErrorHandleOnNode = ({
     return null
 
   return (
-    <div className='relative px-3 pb-2 pt-1'>
+    <div className="relative px-3 pb-2 pt-1">
       <div className={cn(
         'relative flex h-6 items-center justify-between rounded-md bg-workflow-block-parma-bg px-[5px]',
         data._runningStatus === NodeRunningStatus.Exception && 'border-[0.5px] border-components-badge-status-light-warning-halo bg-state-warning-hover',
-      )}>
-        <div className='system-xs-medium-uppercase text-text-tertiary'>
+      )}
+      >
+        <div className="system-xs-medium-uppercase text-text-tertiary">
           {t('workflow.common.onFailure')}
         </div>
         <div className={cn(
           'system-xs-medium text-text-secondary',
           data._runningStatus === NodeRunningStatus.Exception && 'text-text-warning',
-        )}>
+        )}
+        >
           {
             error_strategy === ErrorHandleTypeEnum.defaultValue && (
               t('workflow.nodes.common.errorHandle.defaultValue.output')
@@ -54,7 +56,7 @@ const ErrorHandleOnNode = ({
               id={id}
               data={data}
               handleId={ErrorHandleTypeEnum.failBranch}
-              handleClassName='!top-1/2 !-right-[21px] !-translate-y-1/2 after:!bg-workflow-link-line-failure-button-bg'
+              handleClassName="!top-1/2 !-right-[21px] !-translate-y-1/2 after:!bg-workflow-link-line-failure-button-bg"
             />
           )
         }
diff --git a/web/app/components/workflow/workflow-preview/components/node-handle.tsx b/web/app/components/workflow/workflow-preview/components/node-handle.tsx
index dd44daf1e4..f63dbba20b 100644
--- a/web/app/components/workflow/workflow-preview/components/node-handle.tsx
+++ b/web/app/components/workflow/workflow-preview/components/node-handle.tsx
@@ -1,3 +1,4 @@
+import type { Node } from '@/app/components/workflow/types'
 import {
   memo,
 } from 'react'
@@ -8,7 +9,6 @@ import {
 import {
   BlockEnum,
 } from '@/app/components/workflow/types'
-import type { Node } from '@/app/components/workflow/types'
 import { cn } from '@/utils/classnames'
 
 type NodeHandleProps = {
@@ -27,7 +27,7 @@ export const NodeTargetHandle = memo(({
     <>
       <Handle
         id={handleId}
-        type='target'
+        type="target"
         position={Position.Left}
         className={cn(
           'z-[1] !h-4 !w-4 !rounded-none !border-none !bg-transparent !outline-none',
@@ -35,9 +35,9 @@ export const NodeTargetHandle = memo(({
           'transition-all hover:scale-125',
           !connected && 'after:opacity-0',
           (data.type === BlockEnum.Start
-           || data.type === BlockEnum.TriggerWebhook
-           || data.type === BlockEnum.TriggerSchedule
-           || data.type === BlockEnum.TriggerPlugin) && 'opacity-0',
+            || data.type === BlockEnum.TriggerWebhook
+            || data.type === BlockEnum.TriggerSchedule
+            || data.type === BlockEnum.TriggerPlugin) && 'opacity-0',
           handleClassName,
         )}
       >
@@ -57,7 +57,7 @@ export const NodeSourceHandle = memo(({
   return (
     <Handle
       id={handleId}
-      type='source'
+      type="source"
       position={Position.Right}
       className={cn(
         'group/handle z-[1] !h-4 !w-4 !rounded-none !border-none !bg-transparent !outline-none',
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/base.tsx b/web/app/components/workflow/workflow-preview/components/nodes/base.tsx
index 58df273917..07eed87d24 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/base.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/base.tsx
@@ -1,27 +1,27 @@
 import type {
   ReactElement,
 } from 'react'
+import type { IterationNodeType } from '@/app/components/workflow/nodes/iteration/types'
+import type {
+  NodeProps,
+} from '@/app/components/workflow/types'
 import {
   cloneElement,
   memo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/utils/classnames'
+import Tooltip from '@/app/components/base/tooltip'
 import BlockIcon from '@/app/components/workflow/block-icon'
-import type {
-  NodeProps,
-} from '@/app/components/workflow/types'
 import {
   BlockEnum,
 } from '@/app/components/workflow/types'
 import { hasErrorHandleNode } from '@/app/components/workflow/utils'
-import Tooltip from '@/app/components/base/tooltip'
-import type { IterationNodeType } from '@/app/components/workflow/nodes/iteration/types'
+import { cn } from '@/utils/classnames'
+import ErrorHandleOnNode from '../error-handle-on-node'
 import {
   NodeSourceHandle,
   NodeTargetHandle,
 } from '../node-handle'
-import ErrorHandleOnNode from '../error-handle-on-node'
 
 type NodeChildElement = ReactElement<Partial<NodeProps>>
 
@@ -59,46 +59,48 @@ const BaseCard = ({
       >
         <div className={cn(
           'flex items-center rounded-t-2xl px-3 pb-2 pt-3',
-        )}>
+        )}
+        >
           <NodeTargetHandle
             id={id}
             data={data}
-            handleClassName='!top-4 !-left-[9px] !translate-y-0'
-            handleId='target'
+            handleClassName="!top-4 !-left-[9px] !translate-y-0"
+            handleId="target"
           />
           {
             data.type !== BlockEnum.IfElse && data.type !== BlockEnum.QuestionClassifier && (
               <NodeSourceHandle
                 id={id}
                 data={data}
-                handleClassName='!top-4 !-right-[9px] !translate-y-0'
-                handleId='source'
+                handleClassName="!top-4 !-right-[9px] !translate-y-0"
+                handleId="source"
               />
             )
           }
           <BlockIcon
-            className='mr-2 shrink-0'
+            className="mr-2 shrink-0"
             type={data.type}
-            size='md'
+            size="md"
           />
           <div
             title={data.title}
-            className='system-sm-semibold-uppercase mr-1 flex grow items-center truncate text-text-primary'
+            className="system-sm-semibold-uppercase mr-1 flex grow items-center truncate text-text-primary"
           >
             <div>
               {data.title}
             </div>
             {
               data.type === BlockEnum.Iteration && (data as IterationNodeType).is_parallel && (
-                <Tooltip popupContent={
-                  <div className='w-[180px]'>
-                    <div className='font-extrabold'>
+                <Tooltip popupContent={(
+                  <div className="w-[180px]">
+                    <div className="font-extrabold">
                       {t('workflow.nodes.iteration.parallelModeEnableTitle')}
                     </div>
                     {t('workflow.nodes.iteration.parallelModeEnableDesc')}
-                  </div>}
+                  </div>
+                )}
                 >
-                  <div className='system-2xs-medium-uppercase ml-1 flex items-center justify-center rounded-[5px] border-[1px] border-text-warning px-[5px] py-[3px] text-text-warning '>
+                  <div className="system-2xs-medium-uppercase ml-1 flex items-center justify-center rounded-[5px] border-[1px] border-text-warning px-[5px] py-[3px] text-text-warning ">
                     {t('workflow.nodes.iteration.parallelModeUpper')}
                   </div>
                 </Tooltip>
@@ -113,7 +115,7 @@ const BaseCard = ({
         }
         {
           (data.type === BlockEnum.Iteration || data.type === BlockEnum.Loop) && children && (
-            <div className='h-[calc(100%-42px)] w-full grow pb-1 pl-1 pr-1'>
+            <div className="h-[calc(100%-42px)] w-full grow pb-1 pl-1 pr-1">
               {cloneElement(children, { id, data })}
             </div>
           )
@@ -128,7 +130,7 @@ const BaseCard = ({
         }
         {
           data.desc && data.type !== BlockEnum.Iteration && data.type !== BlockEnum.Loop && (
-            <div className='system-xs-regular whitespace-pre-line break-words px-3 pb-2 pt-1 text-text-tertiary'>
+            <div className="system-xs-regular whitespace-pre-line break-words px-3 pb-2 pt-1 text-text-tertiary">
               {data.desc}
             </div>
           )
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/constants.ts b/web/app/components/workflow/workflow-preview/components/nodes/constants.ts
index 2a6b01d561..dedca308fc 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/constants.ts
+++ b/web/app/components/workflow/workflow-preview/components/nodes/constants.ts
@@ -1,8 +1,8 @@
 import { BlockEnum } from '@/app/components/workflow/types'
-import QuestionClassifierNode from './question-classifier/node'
 import IfElseNode from './if-else/node'
 import IterationNode from './iteration/node'
 import LoopNode from './loop/node'
+import QuestionClassifierNode from './question-classifier/node'
 
 export const NodeComponentMap: Record<string, any> = {
   [BlockEnum.QuestionClassifier]: QuestionClassifierNode,
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/if-else/node.tsx b/web/app/components/workflow/workflow-preview/components/nodes/if-else/node.tsx
index 8d9189fcc1..b0a9e6903f 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/if-else/node.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/if-else/node.tsx
@@ -1,12 +1,13 @@
 import type { FC } from 'react'
+import type { NodeProps } from 'reactflow'
+import type { Condition, IfElseNodeType } from '@/app/components/workflow/nodes/if-else/types'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { NodeProps } from 'reactflow'
-import { NodeSourceHandle } from '../../node-handle'
-import { isEmptyRelatedOperator } from '@/app/components/workflow/nodes/if-else/utils'
-import type { Condition, IfElseNodeType } from '@/app/components/workflow/nodes/if-else/types'
-import ConditionValue from '@/app/components/workflow/nodes/if-else/components/condition-value'
 import ConditionFilesListValue from '@/app/components/workflow/nodes/if-else/components/condition-files-list-value'
+import ConditionValue from '@/app/components/workflow/nodes/if-else/components/condition-value'
+import { isEmptyRelatedOperator } from '@/app/components/workflow/nodes/if-else/utils'
+import { NodeSourceHandle } from '../../node-handle'
+
 const i18nPrefix = 'workflow.nodes.ifElse'
 
 const IfElseNode: FC<NodeProps<IfElseNodeType>> = (props) => {
@@ -37,50 +38,53 @@ const IfElseNode: FC<NodeProps<IfElseNodeType>> = (props) => {
       return !!condition.value
     }
   }, [])
-  const conditionNotSet = (<div className='flex h-6 items-center space-x-1 rounded-md bg-workflow-block-parma-bg px-1 text-xs font-normal text-text-secondary'>
-    {t(`${i18nPrefix}.conditionNotSetup`)}
-  </div>)
+  const conditionNotSet = (
+    <div className="flex h-6 items-center space-x-1 rounded-md bg-workflow-block-parma-bg px-1 text-xs font-normal text-text-secondary">
+      {t(`${i18nPrefix}.conditionNotSetup`)}
+    </div>
+  )
 
   return (
-    <div className='px-3'>
+    <div className="px-3">
       {
         cases.map((caseItem, index) => (
           <div key={caseItem.case_id}>
-            <div className='relative flex h-6 items-center px-1'>
-              <div className='flex w-full items-center justify-between'>
-                <div className='text-[10px] font-semibold text-text-tertiary'>
+            <div className="relative flex h-6 items-center px-1">
+              <div className="flex w-full items-center justify-between">
+                <div className="text-[10px] font-semibold text-text-tertiary">
                   {casesLength > 1 && `CASE ${index + 1}`}
                 </div>
-                <div className='text-[12px] font-semibold text-text-secondary'>{index === 0 ? 'IF' : 'ELIF'}</div>
+                <div className="text-[12px] font-semibold text-text-secondary">{index === 0 ? 'IF' : 'ELIF'}</div>
               </div>
               <NodeSourceHandle
                 {...props}
                 handleId={caseItem.case_id}
-                handleClassName='!top-1/2 !-right-[21px] !-translate-y-1/2'
+                handleClassName="!top-1/2 !-right-[21px] !-translate-y-1/2"
               />
             </div>
-            <div className='space-y-0.5'>
+            <div className="space-y-0.5">
               {caseItem.conditions.map((condition, i) => (
-                <div key={condition.id} className='relative'>
+                <div key={condition.id} className="relative">
                   {
                     checkIsConditionSet(condition)
                       ? (
-                        (!isEmptyRelatedOperator(condition.comparison_operator!) && condition.sub_variable_condition)
-                          ? (
-                            <ConditionFilesListValue condition={condition} />
-                          )
-                          : (
-                            <ConditionValue
-                              variableSelector={condition.variable_selector!}
-                              operator={condition.comparison_operator!}
-                              value={condition.value}
-                            />
-                          )
+                          (!isEmptyRelatedOperator(condition.comparison_operator!) && condition.sub_variable_condition)
+                            ? (
+                                <ConditionFilesListValue condition={condition} />
+                              )
+                            : (
+                                <ConditionValue
+                                  variableSelector={condition.variable_selector!}
+                                  operator={condition.comparison_operator!}
+                                  value={condition.value}
+                                />
+                              )
 
-                      )
-                      : conditionNotSet}
+                        )
+                      : conditionNotSet
+                  }
                   {i !== caseItem.conditions.length - 1 && (
-                    <div className='absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent'>{t(`${i18nPrefix}.${caseItem.logical_operator}`)}</div>
+                    <div className="absolute bottom-[-10px] right-1 z-10 text-[10px] font-medium uppercase leading-4 text-text-accent">{t(`${i18nPrefix}.${caseItem.logical_operator}`)}</div>
                   )}
                 </div>
               ))}
@@ -88,12 +92,12 @@ const IfElseNode: FC<NodeProps<IfElseNodeType>> = (props) => {
           </div>
         ))
       }
-      <div className='relative flex h-6 items-center px-1'>
-        <div className='w-full text-right text-xs font-semibold text-text-secondary'>ELSE</div>
+      <div className="relative flex h-6 items-center px-1">
+        <div className="w-full text-right text-xs font-semibold text-text-secondary">ELSE</div>
         <NodeSourceHandle
           {...props}
-          handleId='false'
-          handleClassName='!top-1/2 !-right-[21px] !-translate-y-1/2'
+          handleId="false"
+          handleClassName="!top-1/2 !-right-[21px] !-translate-y-1/2"
         />
       </div>
     </div>
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/index.tsx b/web/app/components/workflow/workflow-preview/components/nodes/index.tsx
index e496d8440d..9521493446 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/index.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/index.tsx
@@ -8,7 +8,7 @@ const CustomNode = (props: NodeProps) => {
 
   return (
     <>
-      <BaseNode { ...props }>
+      <BaseNode {...props}>
         { NodeComponent && <NodeComponent /> }
       </BaseNode>
     </>
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/iteration-start/index.tsx b/web/app/components/workflow/workflow-preview/components/nodes/iteration-start/index.tsx
index e4c7b42fca..5b24fe913c 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/iteration-start/index.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/iteration-start/index.tsx
@@ -1,7 +1,7 @@
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { NodeProps } from 'reactflow'
 import { RiHome5Fill } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
 import { NodeSourceHandle } from '../../node-handle'
 
@@ -9,17 +9,17 @@ const IterationStartNode = ({ id, data }: NodeProps) => {
   const { t } = useTranslation()
 
   return (
-    <div className='nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg shadow-xs'>
+    <div className="nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg shadow-xs">
       <Tooltip popupContent={t('workflow.blocks.iteration-start')} asChild={false}>
-        <div className='flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500'>
-          <RiHome5Fill className='h-3 w-3 text-text-primary-on-surface' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
+          <RiHome5Fill className="h-3 w-3 text-text-primary-on-surface" />
         </div>
       </Tooltip>
       <NodeSourceHandle
         id={id}
         data={data}
-        handleClassName='!top-1/2 !-right-[9px] !-translate-y-1/2'
-        handleId='source'
+        handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
+        handleId="source"
       />
     </div>
   )
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/iteration/node.tsx b/web/app/components/workflow/workflow-preview/components/nodes/iteration/node.tsx
index 5f1ba79810..524bf8aaf7 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/iteration/node.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/iteration/node.tsx
@@ -1,4 +1,6 @@
 import type { FC } from 'react'
+import type { IterationNodeType } from '@/app/components/workflow/nodes/iteration/types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import {
   memo,
 } from 'react'
@@ -6,9 +8,7 @@ import {
   Background,
   useViewport,
 } from 'reactflow'
-import type { IterationNodeType } from '@/app/components/workflow/nodes/iteration/types'
 import { cn } from '@/utils/classnames'
-import type { NodeProps } from '@/app/components/workflow/types'
 
 const Node: FC<NodeProps<IterationNodeType>> = ({
   id,
@@ -18,13 +18,14 @@ const Node: FC<NodeProps<IterationNodeType>> = ({
   return (
     <div className={cn(
       'relative h-full min-h-[90px] w-full min-w-[240px] rounded-2xl bg-workflow-canvas-workflow-bg',
-    )}>
+    )}
+    >
       <Background
         id={`iteration-background-${id}`}
-        className='!z-0 rounded-2xl'
+        className="!z-0 rounded-2xl"
         gap={[14 / zoom, 14 / zoom]}
         size={2 / zoom}
-        color='var(--color-workflow-canvas-workflow-dot-color)'
+        color="var(--color-workflow-canvas-workflow-dot-color)"
       />
     </div>
   )
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/loop-start/index.tsx b/web/app/components/workflow/workflow-preview/components/nodes/loop-start/index.tsx
index d9dce9b0ee..9bf5261f2b 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/loop-start/index.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/loop-start/index.tsx
@@ -1,7 +1,7 @@
-import { memo } from 'react'
-import { useTranslation } from 'react-i18next'
 import type { NodeProps } from 'reactflow'
 import { RiHome5Fill } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import Tooltip from '@/app/components/base/tooltip'
 import { NodeSourceHandle } from '../../node-handle'
 
@@ -9,17 +9,17 @@ const LoopStartNode = ({ id, data }: NodeProps) => {
   const { t } = useTranslation()
 
   return (
-    <div className='nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg'>
+    <div className="nodrag group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border border-workflow-block-border bg-workflow-block-bg">
       <Tooltip popupContent={t('workflow.blocks.loop-start')} asChild={false}>
-        <div className='flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500'>
-          <RiHome5Fill className='h-3 w-3 text-text-primary-on-surface' />
+        <div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
+          <RiHome5Fill className="h-3 w-3 text-text-primary-on-surface" />
         </div>
       </Tooltip>
       <NodeSourceHandle
         id={id}
         data={data}
-        handleClassName='!top-1/2 !-right-[9px] !-translate-y-1/2'
-        handleId='source'
+        handleClassName="!top-1/2 !-right-[9px] !-translate-y-1/2"
+        handleId="source"
       />
     </div>
   )
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/loop/hooks.ts b/web/app/components/workflow/workflow-preview/components/nodes/loop/hooks.ts
index af252ce2f3..fd518c72c7 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/loop/hooks.ts
+++ b/web/app/components/workflow/workflow-preview/components/nodes/loop/hooks.ts
@@ -1,9 +1,9 @@
-import { useCallback } from 'react'
-import { produce } from 'immer'
-import { useStoreApi } from 'reactflow'
 import type {
   Node,
 } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import { useCallback } from 'react'
+import { useStoreApi } from 'reactflow'
 import {
   LOOP_PADDING,
 } from '@/app/components/workflow/constants'
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/loop/node.tsx b/web/app/components/workflow/workflow-preview/components/nodes/loop/node.tsx
index 9cd3eec716..2c6a05f092 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/loop/node.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/loop/node.tsx
@@ -1,4 +1,6 @@
 import type { FC } from 'react'
+import type { LoopNodeType } from '@/app/components/workflow/nodes/loop/types'
+import type { NodeProps } from '@/app/components/workflow/types'
 import {
   memo,
   useEffect,
@@ -8,9 +10,7 @@ import {
   useNodesInitialized,
   useViewport,
 } from 'reactflow'
-import type { LoopNodeType } from '@/app/components/workflow/nodes/loop/types'
 import { cn } from '@/utils/classnames'
-import type { NodeProps } from '@/app/components/workflow/types'
 import { useNodeLoopInteractions } from './hooks'
 
 const Node: FC<NodeProps<LoopNodeType>> = ({
@@ -36,10 +36,10 @@ const Node: FC<NodeProps<LoopNodeType>> = ({
     >
       <Background
         id={`loop-background-${id}`}
-        className='!z-0 rounded-2xl'
+        className="!z-0 rounded-2xl"
         gap={[14 / zoom, 14 / zoom]}
         size={2 / zoom}
-        color='var(--color-workflow-canvas-workflow-dot-color)'
+        color="var(--color-workflow-canvas-workflow-dot-color)"
       />
     </div>
   )
diff --git a/web/app/components/workflow/workflow-preview/components/nodes/question-classifier/node.tsx b/web/app/components/workflow/workflow-preview/components/nodes/question-classifier/node.tsx
index 7c24ff54c3..c164d624e4 100644
--- a/web/app/components/workflow/workflow-preview/components/nodes/question-classifier/node.tsx
+++ b/web/app/components/workflow/workflow-preview/components/nodes/question-classifier/node.tsx
@@ -1,9 +1,9 @@
 import type { FC } from 'react'
+import type { NodeProps } from 'reactflow'
+import type { QuestionClassifierNodeType } from '@/app/components/workflow/nodes/question-classifier/types'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { NodeProps } from 'reactflow'
 import InfoPanel from '@/app/components/workflow/nodes/_base/components/info-panel'
-import type { QuestionClassifierNodeType } from '@/app/components/workflow/nodes/question-classifier/types'
 import { NodeSourceHandle } from '../../node-handle'
 
 const i18nPrefix = 'workflow.nodes.questionClassifiers'
@@ -14,23 +14,23 @@ const Node: FC<NodeProps<QuestionClassifierNodeType>> = (props) => {
   const topics = data.classes
 
   return (
-    <div className='mb-1 px-3 py-1'>
+    <div className="mb-1 px-3 py-1">
       {
         !!topics.length && (
-          <div className='mt-2 space-y-0.5'>
+          <div className="mt-2 space-y-0.5">
             {topics.map((topic, index) => (
               <div
                 key={index}
-                className='relative'
+                className="relative"
               >
                 <InfoPanel
                   title={`${t(`${i18nPrefix}.class`)} ${index + 1}`}
-                  content={''}
+                  content=""
                 />
                 <NodeSourceHandle
                   {...props}
                   handleId={topic.id}
-                  handleClassName='!top-1/2 !-translate-y-1/2 !-right-[21px]'
+                  handleClassName="!top-1/2 !-translate-y-1/2 !-right-[21px]"
                 />
               </div>
             ))}
diff --git a/web/app/components/workflow/workflow-preview/components/note-node/index.tsx b/web/app/components/workflow/workflow-preview/components/note-node/index.tsx
index 48390efb9c..feee0c7f2c 100644
--- a/web/app/components/workflow/workflow-preview/components/note-node/index.tsx
+++ b/web/app/components/workflow/workflow-preview/components/note-node/index.tsx
@@ -1,15 +1,15 @@
+import type { NodeProps } from 'reactflow'
+import type { NoteNodeType } from '@/app/components/workflow/note-node/types'
 import {
   memo,
   useRef,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { NodeProps } from 'reactflow'
+import { THEME_MAP } from '@/app/components/workflow/note-node/constants'
 import {
   NoteEditor,
   NoteEditorContextProvider,
 } from '@/app/components/workflow/note-node/note-editor'
-import { THEME_MAP } from '@/app/components/workflow/note-node/constants'
-import type { NoteNodeType } from '@/app/components/workflow/note-node/types'
 import { cn } from '@/utils/classnames'
 
 const NoteNode = ({
@@ -41,11 +41,14 @@ const NoteNode = ({
             className={cn(
               'h-2 shrink-0 rounded-t-md opacity-50',
               THEME_MAP[theme].title,
-            )}></div>
-          <div className='grow overflow-y-auto px-3 py-2.5'>
+            )}
+          >
+          </div>
+          <div className="grow overflow-y-auto px-3 py-2.5">
             <div className={cn(
               data.selected && 'nodrag nopan nowheel cursor-text',
-            )}>
+            )}
+            >
               <NoteEditor
                 containerElement={ref.current}
                 placeholder={t('workflow.nodes.note.editor.placeholder') || ''}
@@ -54,7 +57,7 @@ const NoteNode = ({
           </div>
           {
             data.showAuthor && (
-              <div className='p-3 pt-0 text-xs text-text-tertiary'>
+              <div className="p-3 pt-0 text-xs text-text-tertiary">
                 {data.author}
               </div>
             )
diff --git a/web/app/components/workflow/workflow-preview/components/zoom-in-out.tsx b/web/app/components/workflow/workflow-preview/components/zoom-in-out.tsx
index 2322db25ee..089d42422e 100644
--- a/web/app/components/workflow/workflow-preview/components/zoom-in-out.tsx
+++ b/web/app/components/workflow/workflow-preview/components/zoom-in-out.tsx
@@ -1,28 +1,28 @@
 import type { FC } from 'react'
+import {
+  RiZoomInLine,
+  RiZoomOutLine,
+} from '@remixicon/react'
 import {
   Fragment,
   memo,
   useCallback,
   useState,
 } from 'react'
-import {
-  RiZoomInLine,
-  RiZoomOutLine,
-} from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import {
   useReactFlow,
   useViewport,
 } from 'reactflow'
-import ShortcutsName from '@/app/components/workflow/shortcuts-name'
 import Divider from '@/app/components/base/divider'
-import TipPopup from '@/app/components/workflow/operator/tip-popup'
-import { cn } from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import TipPopup from '@/app/components/workflow/operator/tip-popup'
+import ShortcutsName from '@/app/components/workflow/shortcuts-name'
+import { cn } from '@/utils/classnames'
 
 enum ZoomType {
   zoomIn = 'zoomIn',
@@ -103,7 +103,7 @@ const ZoomInOut: FC = () => {
 
   return (
     <PortalToFollowElem
-      placement='top-start'
+      placement="top-start"
       open={open}
       onOpenChange={setOpen}
       offset={{
@@ -121,7 +121,8 @@ const ZoomInOut: FC = () => {
         >
           <div className={cn(
             'flex h-8 w-[98px] items-center justify-between rounded-lg',
-          )}>
+          )}
+          >
             <TipPopup
               title={t('workflow.operator.zoomOut')}
               shortcuts={['ctrl', '-']}
@@ -136,10 +137,13 @@ const ZoomInOut: FC = () => {
                   zoomOut()
                 }}
               >
-                <RiZoomOutLine className='h-4 w-4 text-text-tertiary hover:text-text-secondary' />
+                <RiZoomOutLine className="h-4 w-4 text-text-tertiary hover:text-text-secondary" />
               </div>
             </TipPopup>
-            <div onClick={handleTrigger} className={cn('system-sm-medium w-[34px] text-text-tertiary hover:text-text-secondary')}>{Number.parseFloat(`${zoom * 100}`).toFixed(0)}%</div>
+            <div onClick={handleTrigger} className={cn('system-sm-medium w-[34px] text-text-tertiary hover:text-text-secondary')}>
+              {Number.parseFloat(`${zoom * 100}`).toFixed(0)}
+              %
+            </div>
             <TipPopup
               title={t('workflow.operator.zoomIn')}
               shortcuts={['ctrl', '+']}
@@ -154,32 +158,32 @@ const ZoomInOut: FC = () => {
                   zoomIn()
                 }}
               >
-                <RiZoomInLine className='h-4 w-4 text-text-tertiary hover:text-text-secondary' />
+                <RiZoomInLine className="h-4 w-4 text-text-tertiary hover:text-text-secondary" />
               </div>
             </TipPopup>
           </div>
         </div>
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-10'>
-        <div className='w-[145px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]'>
+      <PortalToFollowElemContent className="z-10">
+        <div className="w-[145px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-[5px]">
           {
             ZOOM_IN_OUT_OPTIONS.map((options, i) => (
               <Fragment key={i}>
                 {
                   i !== 0 && (
-                    <Divider className='m-0' />
+                    <Divider className="m-0" />
                   )
                 }
-                <div className='p-1'>
+                <div className="p-1">
                   {
                     options.map(option => (
                       <div
                         key={option.key}
-                        className='system-md-regular flex h-8 cursor-pointer items-center justify-between space-x-1 rounded-lg py-1.5 pl-3 pr-2 text-text-secondary hover:bg-state-base-hover'
+                        className="system-md-regular flex h-8 cursor-pointer items-center justify-between space-x-1 rounded-lg py-1.5 pl-3 pr-2 text-text-secondary hover:bg-state-base-hover"
                         onClick={() => handleZoom(option.key)}
                       >
                         <span>{option.text}</span>
-                        <div className='flex items-center space-x-0.5'>
+                        <div className="flex items-center space-x-0.5">
                           {
                             option.key === ZoomType.zoomToFit && (
                               <ShortcutsName keys={['ctrl', '1']} />
diff --git a/web/app/components/workflow/workflow-preview/index.tsx b/web/app/components/workflow/workflow-preview/index.tsx
index 5ce85a8804..8f61c2cfb6 100644
--- a/web/app/components/workflow/workflow-preview/index.tsx
+++ b/web/app/components/workflow/workflow-preview/index.tsx
@@ -1,49 +1,49 @@
 'use client'
 
-import {
-  useCallback,
-  useState,
-} from 'react'
-import ReactFlow, {
-  Background,
-  MiniMap,
-  ReactFlowProvider,
-  SelectionMode,
-  applyEdgeChanges,
-  applyNodeChanges,
-} from 'reactflow'
 import type {
   EdgeChange,
   NodeChange,
   Viewport,
 } from 'reactflow'
-import 'reactflow/dist/style.css'
-import '../style.css'
-import { CUSTOM_ITERATION_START_NODE } from '@/app/components/workflow/nodes/iteration-start/constants'
-import { CUSTOM_LOOP_START_NODE } from '@/app/components/workflow/nodes/loop-start/constants'
-import { CUSTOM_SIMPLE_NODE } from '@/app/components/workflow/simple-node/constants'
-import CustomConnectionLine from '@/app/components/workflow/custom-connection-line'
+import type {
+  Edge,
+  Node,
+} from '@/app/components/workflow/types'
+import {
+  useCallback,
+  useState,
+} from 'react'
+import ReactFlow, {
+  applyEdgeChanges,
+  applyNodeChanges,
+  Background,
+  MiniMap,
+  ReactFlowProvider,
+  SelectionMode,
+} from 'reactflow'
 import {
   CUSTOM_EDGE,
   CUSTOM_NODE,
   ITERATION_CHILDREN_Z_INDEX,
 } from '@/app/components/workflow/constants'
-import { cn } from '@/utils/classnames'
+import CustomConnectionLine from '@/app/components/workflow/custom-connection-line'
+import { CUSTOM_ITERATION_START_NODE } from '@/app/components/workflow/nodes/iteration-start/constants'
+import { CUSTOM_LOOP_START_NODE } from '@/app/components/workflow/nodes/loop-start/constants'
+import { CUSTOM_NOTE_NODE } from '@/app/components/workflow/note-node/constants'
+import { CUSTOM_SIMPLE_NODE } from '@/app/components/workflow/simple-node/constants'
 import {
   initialEdges,
   initialNodes,
 } from '@/app/components/workflow/utils/workflow-init'
-import type {
-  Edge,
-  Node,
-} from '@/app/components/workflow/types'
-import { CUSTOM_NOTE_NODE } from '@/app/components/workflow/note-node/constants'
-import CustomNode from './components/nodes'
+import { cn } from '@/utils/classnames'
 import CustomEdge from './components/custom-edge'
-import ZoomInOut from './components/zoom-in-out'
+import CustomNode from './components/nodes'
 import IterationStartNode from './components/nodes/iteration-start'
 import LoopStartNode from './components/nodes/loop-start'
 import CustomNoteNode from './components/note-node'
+import ZoomInOut from './components/zoom-in-out'
+import 'reactflow/dist/style.css'
+import '../style.css'
 
 const nodeTypes = {
   [CUSTOM_NODE]: CustomNode,
@@ -82,7 +82,7 @@ const WorkflowPreview = ({
 
   return (
     <div
-      id='workflow-container'
+      id="workflow-container"
       className={cn(
         'relative h-full w-full',
         className,
@@ -96,11 +96,11 @@ const WorkflowPreview = ({
             width: 102,
             height: 72,
           }}
-          maskColor='var(--color-workflow-minimap-bg)'
-          className='!absolute !bottom-14 !left-4 z-[9] !m-0 !h-[72px] !w-[102px] !rounded-lg !border-[0.5px]
-          !border-divider-subtle !bg-background-default-subtle !shadow-md !shadow-shadow-shadow-5'
+          maskColor="var(--color-workflow-minimap-bg)"
+          className="!absolute !bottom-14 !left-4 z-[9] !m-0 !h-[72px] !w-[102px] !rounded-lg !border-[0.5px]
+          !border-divider-subtle !bg-background-default-subtle !shadow-md !shadow-shadow-shadow-5"
         />
-        <div className='absolute bottom-4 left-4 z-[9] mt-1 flex items-center gap-2'>
+        <div className="absolute bottom-4 left-4 z-[9] mt-1 flex items-center gap-2">
           <ZoomInOut />
         </div>
       </>
@@ -128,8 +128,8 @@ const WorkflowPreview = ({
         <Background
           gap={[14, 14]}
           size={2}
-          className='bg-workflow-canvas-workflow-bg'
-          color='var(--color-workflow-canvas-workflow-dot-color)'
+          className="bg-workflow-canvas-workflow-bg"
+          color="var(--color-workflow-canvas-workflow-dot-color)"
         />
       </ReactFlow>
     </div>
diff --git a/web/app/dev-preview/page.tsx b/web/app/dev-preview/page.tsx
index e06f10d795..90090acdd0 100644
--- a/web/app/dev-preview/page.tsx
+++ b/web/app/dev-preview/page.tsx
@@ -4,8 +4,8 @@ import { BaseFieldType } from '../components/base/form/form-scenarios/base/types
 
 export default function Page() {
   return (
-    <div className='flex h-screen w-full items-center justify-center p-20'>
-      <div className='w-[400px] rounded-lg border border-components-panel-border bg-components-panel-bg'>
+    <div className="flex h-screen w-full items-center justify-center p-20">
+      <div className="w-[400px] rounded-lg border border-components-panel-border bg-components-panel-bg">
         <BaseForm
           initialData={{
             type: 'option_1',
diff --git a/web/app/education-apply/education-apply-page.tsx b/web/app/education-apply/education-apply-page.tsx
index 208b20278c..5f2446352e 100644
--- a/web/app/education-apply/education-apply-page.tsx
+++ b/web/app/education-apply/education-apply-page.tsx
@@ -1,30 +1,31 @@
 'use client'
 
-import {
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
 import { RiExternalLinkLine } from '@remixicon/react'
+import { noop } from 'lodash-es'
 import {
   useRouter,
   useSearchParams,
 } from 'next/navigation'
-import UserInfo from './user-info'
-import SearchInput from './search-input'
-import RoleSelector from './role-selector'
-import Confirm from './verify-state-modal'
+import {
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Checkbox from '@/app/components/base/checkbox'
+import { useToastContext } from '@/app/components/base/toast'
+import { EDUCATION_VERIFYING_LOCALSTORAGE_ITEM } from '@/app/education-apply/constants'
+import { useDocLink } from '@/context/i18n'
+import { useProviderContext } from '@/context/provider-context'
 import {
   useEducationAdd,
   useInvalidateEducationStatus,
 } from '@/service/use-education'
-import { useProviderContext } from '@/context/provider-context'
-import { useToastContext } from '@/app/components/base/toast'
-import { EDUCATION_VERIFYING_LOCALSTORAGE_ITEM } from '@/app/education-apply/constants'
-import { noop } from 'lodash-es'
 import DifyLogo from '../components/base/logo/dify-logo'
-import { useDocLink } from '@/context/i18n'
+import RoleSelector from './role-selector'
+import SearchInput from './search-input'
+import UserInfo from './user-info'
+import Confirm from './verify-state-modal'
+
 const EducationApplyAge = () => {
   const { t } = useTranslation()
   const [schoolName, setSchoolName] = useState('')
@@ -35,7 +36,7 @@ const EducationApplyAge = () => {
     isPending,
     mutateAsync: educationAdd,
   } = useEducationAdd({ onSuccess: noop })
-  const [modalShow, setShowModal] = useState<undefined | { title: string; desc: string; onConfirm?: () => void }>(undefined)
+  const [modalShow, setShowModal] = useState<undefined | { title: string, desc: string, onConfirm?: () => void }>(undefined)
   const { onPlanInfoChanged } = useProviderContext()
   const updateEducationStatus = useInvalidateEducationStatus()
   const { notify } = useToastContext()
@@ -75,8 +76,8 @@ const EducationApplyAge = () => {
   }
 
   return (
-    <div className='fixed inset-0 z-[31] overflow-y-auto bg-background-body p-6'>
-      <div className='mx-auto w-full max-w-[1408px] rounded-2xl border border-effects-highlight bg-background-default-subtle'>
+    <div className="fixed inset-0 z-[31] overflow-y-auto bg-background-body p-6">
+      <div className="mx-auto w-full max-w-[1408px] rounded-2xl border border-effects-highlight bg-background-default-subtle">
         <div
           className="h-[349px] w-full overflow-hidden rounded-t-2xl bg-cover bg-center bg-no-repeat"
           style={{
@@ -84,23 +85,25 @@ const EducationApplyAge = () => {
           }}
         >
         </div>
-        <div className='mt-[-349px] box-content flex h-7 items-center justify-between p-6'>
-          <DifyLogo size='large' style='monochromeWhite' />
+        <div className="mt-[-349px] box-content flex h-7 items-center justify-between p-6">
+          <DifyLogo size="large" style="monochromeWhite" />
         </div>
-        <div className='mx-auto max-w-[720px] px-8 pb-[180px]'>
-          <div className='mb-2 flex h-[192px] flex-col justify-end pb-4 pt-3 text-text-primary-on-surface'>
-            <div className='title-5xl-bold mb-2 shadow-xs'>{t('education.toVerified')}</div>
-            <div className='system-md-medium shadow-xs'>
-              {t('education.toVerifiedTip.front')}&nbsp;
-              <span className='system-md-semibold underline'>{t('education.toVerifiedTip.coupon')}</span>&nbsp;
+        <div className="mx-auto max-w-[720px] px-8 pb-[180px]">
+          <div className="mb-2 flex h-[192px] flex-col justify-end pb-4 pt-3 text-text-primary-on-surface">
+            <div className="title-5xl-bold mb-2 shadow-xs">{t('education.toVerified')}</div>
+            <div className="system-md-medium shadow-xs">
+              {t('education.toVerifiedTip.front')}
+&nbsp;
+              <span className="system-md-semibold underline">{t('education.toVerifiedTip.coupon')}</span>
+&nbsp;
               {t('education.toVerifiedTip.end')}
             </div>
           </div>
-          <div className='mb-7'>
+          <div className="mb-7">
             <UserInfo />
           </div>
-          <div className='mb-7'>
-            <div className='system-md-semibold mb-1 flex h-6 items-center text-text-secondary'>
+          <div className="mb-7">
+            <div className="system-md-semibold mb-1 flex h-6 items-center text-text-secondary">
               {t('education.form.schoolName.title')}
             </div>
             <SearchInput
@@ -108,8 +111,8 @@ const EducationApplyAge = () => {
               onChange={setSchoolName}
             />
           </div>
-          <div className='mb-7'>
-            <div className='system-md-semibold mb-1 flex h-6 items-center text-text-secondary'>
+          <div className="mb-7">
+            <div className="system-md-semibold mb-1 flex h-6 items-center text-text-secondary">
               {t('education.form.schoolRole.title')}
             </div>
             <RoleSelector
@@ -117,29 +120,32 @@ const EducationApplyAge = () => {
               onChange={setRole}
             />
           </div>
-          <div className='mb-7'>
-            <div className='system-md-semibold mb-1 flex h-6 items-center text-text-secondary'>
+          <div className="mb-7">
+            <div className="system-md-semibold mb-1 flex h-6 items-center text-text-secondary">
               {t('education.form.terms.title')}
             </div>
-            <div className='system-md-regular mb-1 text-text-tertiary'>
-              {t('education.form.terms.desc.front')}&nbsp;
-              <a href='https://dify.ai/terms' target='_blank' className='text-text-secondary hover:underline'>{t('education.form.terms.desc.termsOfService')}</a>&nbsp;
-              {t('education.form.terms.desc.and')}&nbsp;
-              <a href='https://dify.ai/privacy' target='_blank' className='text-text-secondary hover:underline'>{t('education.form.terms.desc.privacyPolicy')}</a>
+            <div className="system-md-regular mb-1 text-text-tertiary">
+              {t('education.form.terms.desc.front')}
+&nbsp;
+              <a href="https://dify.ai/terms" target="_blank" className="text-text-secondary hover:underline">{t('education.form.terms.desc.termsOfService')}</a>
+&nbsp;
+              {t('education.form.terms.desc.and')}
+&nbsp;
+              <a href="https://dify.ai/privacy" target="_blank" className="text-text-secondary hover:underline">{t('education.form.terms.desc.privacyPolicy')}</a>
               {t('education.form.terms.desc.end')}
             </div>
-            <div className='system-md-regular py-2 text-text-primary'>
-              <div className='mb-2 flex'>
+            <div className="system-md-regular py-2 text-text-primary">
+              <div className="mb-2 flex">
                 <Checkbox
-                  className='mr-2 shrink-0'
+                  className="mr-2 shrink-0"
                   checked={ageChecked}
                   onCheck={() => setAgeChecked(!ageChecked)}
                 />
                 {t('education.form.terms.option.age')}
               </div>
-              <div className='flex'>
+              <div className="flex">
                 <Checkbox
-                  className='mr-2 shrink-0'
+                  className="mr-2 shrink-0"
                   checked={inSchoolChecked}
                   onCheck={() => setInSchoolChecked(!inSchoolChecked)}
                 />
@@ -148,20 +154,20 @@ const EducationApplyAge = () => {
             </div>
           </div>
           <Button
-            variant='primary'
+            variant="primary"
             disabled={!ageChecked || !inSchoolChecked || !schoolName || !role || isPending}
             onClick={handleSubmit}
           >
             {t('education.submit')}
           </Button>
-          <div className='mb-4 mt-5 h-px bg-gradient-to-r from-[rgba(16,24,40,0.08)]'></div>
+          <div className="mb-4 mt-5 h-px bg-gradient-to-r from-[rgba(16,24,40,0.08)]"></div>
           <a
-            className='system-xs-regular flex items-center text-text-accent'
+            className="system-xs-regular flex items-center text-text-accent"
             href={docLink('/getting-started/dify-for-education')}
-            target='_blank'
+            target="_blank"
           >
             {t('education.learn')}
-            <RiExternalLinkLine className='ml-1 h-3 w-3' />
+            <RiExternalLinkLine className="ml-1 h-3 w-3" />
           </a>
         </div>
       </div>
diff --git a/web/app/education-apply/expire-notice-modal.tsx b/web/app/education-apply/expire-notice-modal.tsx
index abafd61aa2..51a3ba66b1 100644
--- a/web/app/education-apply/expire-notice-modal.tsx
+++ b/web/app/education-apply/expire-notice-modal.tsx
@@ -1,16 +1,16 @@
 'use client'
+import { RiExternalLinkLine } from '@remixicon/react'
+import Link from 'next/link'
+import { useRouter } from 'next/navigation'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import Modal from '@/app/components/base/modal'
 import { useDocLink } from '@/context/i18n'
-import Link from 'next/link'
-import { useTranslation } from 'react-i18next'
-import { RiExternalLinkLine } from '@remixicon/react'
-import { SparklesSoftAccent } from '../components/base/icons/src/public/common'
-import useTimestamp from '@/hooks/use-timestamp'
 import { useModalContextSelector } from '@/context/modal-context'
+import useTimestamp from '@/hooks/use-timestamp'
 import { useEducationVerify } from '@/service/use-education'
-import { useRouter } from 'next/navigation'
+import { SparklesSoftAccent } from '../components/base/icons/src/public/common'
 
 export type ExpireNoticeModalPayloadProps = {
   expireAt: number
@@ -46,45 +46,53 @@ const ExpireNoticeModal: React.FC<Props> = ({ expireAt, expired, onClose }) => {
       onClose={onClose}
       title={expired ? t(`${i18nPrefix}.expired.title`) : t(`${i18nPrefix}.isAboutToExpire.title`, { date: formatTime(expireAt, t(`${i18nPrefix}.dateFormat`) as string), interpolation: { escapeValue: false } })}
       closable
-      className='max-w-[600px]'
+      className="max-w-[600px]"
     >
-      <div className='body-md-regular mt-5 space-y-5 text-text-secondary'>
+      <div className="body-md-regular mt-5 space-y-5 text-text-secondary">
         <div>
-          {expired ? (<>
-            <div>{t(`${i18nPrefix}.expired.summary.line1`)}</div>
-            <div>{t(`${i18nPrefix}.expired.summary.line2`)}</div>
-          </>
-          ) : t(`${i18nPrefix}.isAboutToExpire.summary`)}
+          {expired
+            ? (
+                <>
+                  <div>{t(`${i18nPrefix}.expired.summary.line1`)}</div>
+                  <div>{t(`${i18nPrefix}.expired.summary.line2`)}</div>
+                </>
+              )
+            : t(`${i18nPrefix}.isAboutToExpire.summary`)}
         </div>
         <div>
-          <strong className='title-md-semi-bold block'>{t(`${i18nPrefix}.stillInEducation.title`)}</strong>
+          <strong className="title-md-semi-bold block">{t(`${i18nPrefix}.stillInEducation.title`)}</strong>
           {t(`${i18nPrefix}.stillInEducation.${expired ? 'expired' : 'isAboutToExpire'}`)}
         </div>
         <div>
-          <strong className='title-md-semi-bold block'>{t(`${i18nPrefix}.alreadyGraduated.title`)}</strong>
+          <strong className="title-md-semi-bold block">{t(`${i18nPrefix}.alreadyGraduated.title`)}</strong>
           {t(`${i18nPrefix}.alreadyGraduated.${expired ? 'expired' : 'isAboutToExpire'}`)}
         </div>
       </div>
       <div className="mt-7 flex items-center justify-between space-x-2">
-        <Link className='system-xs-regular flex items-center space-x-1 text-text-accent' href={eduDocLink} target="_blank" rel="noopener noreferrer">
+        <Link className="system-xs-regular flex items-center space-x-1 text-text-accent" href={eduDocLink} target="_blank" rel="noopener noreferrer">
           <div>{t('education.learn')}</div>
-          <RiExternalLinkLine className='size-3' />
+          <RiExternalLinkLine className="size-3" />
         </Link>
-        <div className='flex space-x-2'>
-          {expired ? (
-            <Button onClick={() => {
-              onClose()
-              setShowPricingModal()
-            }} className='flex items-center space-x-1'>
-              <SparklesSoftAccent className='size-4' />
-              <div className='text-components-button-secondary-accent-text'>{t(`${i18nPrefix}.action.upgrade`)}</div>
-            </Button>
-          ) : (
-            <Button onClick={onClose}>
-              {t(`${i18nPrefix}.action.dismiss`)}
-            </Button>
-          )}
-          <Button variant='primary' onClick={handleConfirm}>
+        <div className="flex space-x-2">
+          {expired
+            ? (
+                <Button
+                  onClick={() => {
+                    onClose()
+                    setShowPricingModal()
+                  }}
+                  className="flex items-center space-x-1"
+                >
+                  <SparklesSoftAccent className="size-4" />
+                  <div className="text-components-button-secondary-accent-text">{t(`${i18nPrefix}.action.upgrade`)}</div>
+                </Button>
+              )
+            : (
+                <Button onClick={onClose}>
+                  {t(`${i18nPrefix}.action.dismiss`)}
+                </Button>
+              )}
+          <Button variant="primary" onClick={handleConfirm}>
             {t(`${i18nPrefix}.action.reVerify`)}
           </Button>
         </div>
diff --git a/web/app/education-apply/hooks.ts b/web/app/education-apply/hooks.ts
index 9d45a5ee69..27895b89be 100644
--- a/web/app/education-apply/hooks.ts
+++ b/web/app/education-apply/hooks.ts
@@ -1,26 +1,25 @@
+import type { SearchParams } from './types'
+import { useDebounceFn, useLocalStorageState } from 'ahooks'
+import dayjs from 'dayjs'
+import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
+import { useRouter, useSearchParams } from 'next/navigation'
 import {
   useCallback,
   useEffect,
   useState,
 } from 'react'
-import { useDebounceFn, useLocalStorageState } from 'ahooks'
-import { useSearchParams } from 'next/navigation'
-import type { SearchParams } from './types'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { useAppContext } from '@/context/app-context'
+import { useModalContextSelector } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import { useEducationAutocomplete, useEducationVerify } from '@/service/use-education'
 import {
   EDUCATION_PRICING_SHOW_ACTION,
   EDUCATION_RE_VERIFY_ACTION,
-  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
   EDUCATION_VERIFY_URL_SEARCHPARAMS_ACTION,
+  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
 } from './constants'
-import { useEducationAutocomplete, useEducationVerify } from '@/service/use-education'
-import { useModalContextSelector } from '@/context/modal-context'
-import dayjs from 'dayjs'
-import utc from 'dayjs/plugin/utc'
-import timezone from 'dayjs/plugin/timezone'
-import { useAppContext } from '@/context/app-context'
-import { useRouter } from 'next/navigation'
-import { useProviderContext } from '@/context/provider-context'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 
 dayjs.extend(utc)
 dayjs.extend(timezone)
diff --git a/web/app/education-apply/role-selector.tsx b/web/app/education-apply/role-selector.tsx
index e6d6a67b89..1f8b3e3851 100644
--- a/web/app/education-apply/role-selector.tsx
+++ b/web/app/education-apply/role-selector.tsx
@@ -27,12 +27,12 @@ const RoleSelector = ({
   ]
 
   return (
-    <div className='flex'>
+    <div className="flex">
       {
         options.map(option => (
           <div
             key={option.key}
-            className='system-md-regular mr-6 flex h-5 cursor-pointer items-center text-text-primary'
+            className="system-md-regular mr-6 flex h-5 cursor-pointer items-center text-text-primary"
             onClick={() => onChange(option.key)}
           >
             <div
diff --git a/web/app/education-apply/search-input.tsx b/web/app/education-apply/search-input.tsx
index 63a393b326..f1be0cca30 100644
--- a/web/app/education-apply/search-input.tsx
+++ b/web/app/education-apply/search-input.tsx
@@ -5,13 +5,13 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useEducation } from './hooks'
 import Input from '@/app/components/base/input'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { useEducation } from './hooks'
 
 type SearchInputProps = {
   value?: string
@@ -77,30 +77,30 @@ const SearchInput = ({
     <PortalToFollowElem
       open={open}
       onOpenChange={setOpen}
-      placement='bottom'
+      placement="bottom"
       offset={4}
       triggerPopupSameWidth
     >
-      <PortalToFollowElemTrigger className='block w-full'>
+      <PortalToFollowElemTrigger className="block w-full">
         <Input
-          className='w-full'
+          className="w-full"
           placeholder={t('education.form.schoolName.placeholder')}
           value={value}
           onChange={handleValueChange}
         />
       </PortalToFollowElemTrigger>
-      <PortalToFollowElemContent className='z-[32]'>
+      <PortalToFollowElemContent className="z-[32]">
         {
           !!schools.length && value && (
             <div
-              className='max-h-[330px] overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1'
+              className="max-h-[330px] overflow-y-auto rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1"
               onScroll={handleScroll as any}
             >
               {
                 schools.map((school, index) => (
                   <div
                     key={index}
-                    className='system-md-regular flex h-8 cursor-pointer items-center truncate rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover'
+                    className="system-md-regular flex h-8 cursor-pointer items-center truncate rounded-lg px-2 py-1.5 text-text-secondary hover:bg-state-base-hover"
                     title={school}
                     onClick={() => {
                       onChange(school)
diff --git a/web/app/education-apply/user-info.tsx b/web/app/education-apply/user-info.tsx
index 96ff1aaae6..4baa494c89 100644
--- a/web/app/education-apply/user-info.tsx
+++ b/web/app/education-apply/user-info.tsx
@@ -1,9 +1,9 @@
-import { useTranslation } from 'react-i18next'
 import { useRouter } from 'next/navigation'
-import Button from '@/app/components/base/button'
-import { useAppContext } from '@/context/app-context'
+import { useTranslation } from 'react-i18next'
 import Avatar from '@/app/components/base/avatar'
+import Button from '@/app/components/base/button'
 import { Triangle } from '@/app/components/base/icons/src/public/education'
+import { useAppContext } from '@/context/app-context'
 import { useLogout } from '@/service/use-common'
 
 const UserInfo = () => {
@@ -22,31 +22,31 @@ const UserInfo = () => {
   }
 
   return (
-    <div className='relative flex items-center justify-between rounded-xl border-[4px] border-components-panel-on-panel-item-bg bg-gradient-to-r from-background-gradient-bg-fill-chat-bg-2 to-background-gradient-bg-fill-chat-bg-1 pb-6 pl-6 pr-8 pt-9 shadow-shadow-shadow-5'>
-      <div className='absolute left-0 top-0 flex items-center'>
-        <div className='system-2xs-semibold-uppercase flex h-[22px] items-center bg-components-panel-on-panel-item-bg pl-2 pt-1 text-text-accent-light-mode-only'>
+    <div className="relative flex items-center justify-between rounded-xl border-[4px] border-components-panel-on-panel-item-bg bg-gradient-to-r from-background-gradient-bg-fill-chat-bg-2 to-background-gradient-bg-fill-chat-bg-1 pb-6 pl-6 pr-8 pt-9 shadow-shadow-shadow-5">
+      <div className="absolute left-0 top-0 flex items-center">
+        <div className="system-2xs-semibold-uppercase flex h-[22px] items-center bg-components-panel-on-panel-item-bg pl-2 pt-1 text-text-accent-light-mode-only">
           {t('education.currentSigned')}
         </div>
-        <Triangle className='h-[22px] w-4 text-components-panel-on-panel-item-bg' />
+        <Triangle className="h-[22px] w-4 text-components-panel-on-panel-item-bg" />
       </div>
-      <div className='flex items-center'>
+      <div className="flex items-center">
         <Avatar
-          className='mr-4'
+          className="mr-4"
           avatar={userProfile.avatar_url}
           name={userProfile.name}
           size={48}
         />
-        <div className='pt-1.5'>
-          <div className='system-md-semibold text-text-primary'>
+        <div className="pt-1.5">
+          <div className="system-md-semibold text-text-primary">
             {userProfile.name}
           </div>
-          <div className='system-sm-regular text-text-secondary'>
+          <div className="system-sm-regular text-text-secondary">
             {userProfile.email}
           </div>
         </div>
       </div>
       <Button
-        variant='secondary'
+        variant="secondary"
         onClick={handleLogout}
       >
         {t('common.userProfile.logout')}
diff --git a/web/app/education-apply/verify-state-modal.tsx b/web/app/education-apply/verify-state-modal.tsx
index 2ea2fe5bae..e4a5cd9bbe 100644
--- a/web/app/education-apply/verify-state-modal.tsx
+++ b/web/app/education-apply/verify-state-modal.tsx
@@ -1,9 +1,9 @@
-import React, { useEffect, useRef, useState } from 'react'
-import { createPortal } from 'react-dom'
-import { useTranslation } from 'react-i18next'
 import {
   RiExternalLinkLine,
 } from '@remixicon/react'
+import React, { useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { useDocLink } from '@/context/i18n'
 
@@ -77,38 +77,40 @@ function Confirm({
     return null
 
   return createPortal(
-    <div className={'fixed inset-0 z-[10000000] flex items-center justify-center bg-background-overlay'}
+    <div
+      className="fixed inset-0 z-[10000000] flex items-center justify-center bg-background-overlay"
       onClick={(e) => {
         e.preventDefault()
         e.stopPropagation()
       }}
     >
-      <div ref={dialogRef} className={'relative w-full max-w-[481px] overflow-hidden'}>
-        <div className='shadows-shadow-lg flex max-w-full flex-col items-start rounded-2xl border-[0.5px] border-solid border-components-panel-border bg-components-panel-bg'>
-          <div className='flex flex-col items-start gap-2 self-stretch pb-4 pl-6 pr-6 pt-6'>
-            <div className='title-2xl-semi-bold text-text-primary'>{title}</div>
-            <div className='system-md-regular w-full text-text-tertiary'>{content}</div>
+      <div ref={dialogRef} className="relative w-full max-w-[481px] overflow-hidden">
+        <div className="shadows-shadow-lg flex max-w-full flex-col items-start rounded-2xl border-[0.5px] border-solid border-components-panel-border bg-components-panel-bg">
+          <div className="flex flex-col items-start gap-2 self-stretch pb-4 pl-6 pr-6 pt-6">
+            <div className="title-2xl-semi-bold text-text-primary">{title}</div>
+            <div className="system-md-regular w-full text-text-tertiary">{content}</div>
           </div>
           {email && (
-            <div className='w-full space-y-1 px-6 py-3'>
-              <div className='system-sm-semibold py-1 text-text-secondary'>{t('education.emailLabel')}</div>
-              <div className='system-sm-regular rounded-lg bg-components-input-bg-disabled px-3 py-2 text-components-input-text-filled-disabled'>{email}</div>
+            <div className="w-full space-y-1 px-6 py-3">
+              <div className="system-sm-semibold py-1 text-text-secondary">{t('education.emailLabel')}</div>
+              <div className="system-sm-regular rounded-lg bg-components-input-bg-disabled px-3 py-2 text-components-input-text-filled-disabled">{email}</div>
             </div>
           )}
-          <div className='flex items-center justify-between gap-2 self-stretch p-6'>
-            <div className='flex items-center gap-1'>
+          <div className="flex items-center justify-between gap-2 self-stretch p-6">
+            <div className="flex items-center gap-1">
               {showLink && (
                 <>
-                  <a onClick={handleClick} href={eduDocLink} target='_blank' className='system-xs-regular cursor-pointer text-text-accent'>{t('education.learn')}</a>
-                  <RiExternalLinkLine className='h-3 w-3 text-text-accent' />
+                  <a onClick={handleClick} href={eduDocLink} target="_blank" className="system-xs-regular cursor-pointer text-text-accent">{t('education.learn')}</a>
+                  <RiExternalLinkLine className="h-3 w-3 text-text-accent" />
                 </>
               )}
             </div>
-            <Button variant='primary' className='!w-20' onClick={onConfirm}>{t('common.operation.ok')}</Button>
+            <Button variant="primary" className="!w-20" onClick={onConfirm}>{t('common.operation.ok')}</Button>
           </div>
         </div>
       </div>
-    </div>, document.body,
+    </div>,
+    document.body,
   )
 }
 
diff --git a/web/app/forgot-password/ChangePasswordForm.tsx b/web/app/forgot-password/ChangePasswordForm.tsx
index 66119ea691..95362ac64b 100644
--- a/web/app/forgot-password/ChangePasswordForm.tsx
+++ b/web/app/forgot-password/ChangePasswordForm.tsx
@@ -1,17 +1,17 @@
 'use client'
+import { CheckCircleIcon } from '@heroicons/react/24/solid'
+import { useSearchParams } from 'next/navigation'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useSearchParams } from 'next/navigation'
-import { basePath } from '@/utils/var'
-import { cn } from '@/utils/classnames'
-import { CheckCircleIcon } from '@heroicons/react/24/solid'
-import Input from '../components/base/input'
 import Button from '@/app/components/base/button'
-import { changePasswordWithToken } from '@/service/common'
-import Toast from '@/app/components/base/toast'
 import Loading from '@/app/components/base/loading'
+import Toast from '@/app/components/base/toast'
 import { validPassword } from '@/config'
+import { changePasswordWithToken } from '@/service/common'
 import { useVerifyForgotPasswordToken } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
+import { basePath } from '@/utils/var'
+import Input from '../components/base/input'
 
 const ChangePasswordForm = () => {
   const { t } = useTranslation()
@@ -79,7 +79,8 @@ const ChangePasswordForm = () => {
         'px-6',
         'md:px-[108px]',
       )
-    }>
+    }
+    >
       {!isTokenMissing && !verifyTokenRes && <Loading />}
       {(isTokenMissing || (verifyTokenRes && !verifyTokenRes.is_valid)) && (
         <div className="flex flex-col md:w-[400px]">
@@ -88,19 +89,19 @@ const ChangePasswordForm = () => {
             <h2 className="text-[32px] font-bold text-text-primary">{t('login.invalid')}</h2>
           </div>
           <div className="mx-auto mt-6 w-full">
-            <Button variant='primary' className='w-full !text-sm'>
+            <Button variant="primary" className="w-full !text-sm">
               <a href="https://dify.ai">{t('login.explore')}</a>
             </Button>
           </div>
         </div>
       )}
       {verifyTokenRes && verifyTokenRes.is_valid && !showSuccess && (
-        <div className='flex flex-col md:w-[400px]'>
+        <div className="flex flex-col md:w-[400px]">
           <div className="mx-auto w-full">
             <h2 className="text-[32px] font-bold text-text-primary">
               {t('login.changePassword')}
             </h2>
-            <p className='mt-1 text-sm text-text-secondary'>
+            <p className="mt-1 text-sm text-text-secondary">
               {t('login.changePasswordTip')}
             </p>
           </div>
@@ -108,38 +109,38 @@ const ChangePasswordForm = () => {
           <div className="mx-auto mt-6 w-full">
             <div className="relative">
               {/* Password */}
-              <div className='mb-5'>
+              <div className="mb-5">
                 <label htmlFor="password" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
                   {t('common.account.newPassword')}
                 </label>
                 <Input
                   id="password"
-                  type='password'
+                  type="password"
                   value={password}
                   onChange={e => setPassword(e.target.value)}
                   placeholder={t('login.passwordPlaceholder') || ''}
-                  className='mt-1'
+                  className="mt-1"
                 />
-                <div className='mt-1 text-xs text-text-secondary'>{t('login.error.passwordInvalid')}</div>
+                <div className="mt-1 text-xs text-text-secondary">{t('login.error.passwordInvalid')}</div>
               </div>
               {/* Confirm Password */}
-              <div className='mb-5'>
+              <div className="mb-5">
                 <label htmlFor="confirmPassword" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
                   {t('common.account.confirmPassword')}
                 </label>
                 <Input
                   id="confirmPassword"
-                  type='password'
+                  type="password"
                   value={confirmPassword}
                   onChange={e => setConfirmPassword(e.target.value)}
                   placeholder={t('login.confirmPasswordPlaceholder') || ''}
-                  className='mt-1'
+                  className="mt-1"
                 />
               </div>
               <div>
                 <Button
-                  variant='primary'
-                  className='w-full !text-sm'
+                  variant="primary"
+                  className="w-full !text-sm"
                   onClick={handleChangePassword}
                 >
                   {t('common.operation.reset')}
@@ -153,14 +154,14 @@ const ChangePasswordForm = () => {
         <div className="flex flex-col md:w-[400px]">
           <div className="mx-auto w-full">
             <div className="mb-3 flex h-20 w-20 items-center justify-center rounded-[20px] border border-divider-regular bg-components-option-card-option-bg p-5 text-[40px] font-bold shadow-lg">
-              <CheckCircleIcon className='h-10 w-10 text-[#039855]' />
+              <CheckCircleIcon className="h-10 w-10 text-[#039855]" />
             </div>
             <h2 className="text-[32px] font-bold text-text-primary">
               {t('login.passwordChangedTip')}
             </h2>
           </div>
           <div className="mx-auto mt-6 w-full">
-            <Button variant='primary' className='w-full'>
+            <Button variant="primary" className="w-full">
               <a href={`${basePath}/signin`}>{t('login.passwordChanged')}</a>
             </Button>
           </div>
diff --git a/web/app/forgot-password/ForgotPasswordForm.tsx b/web/app/forgot-password/ForgotPasswordForm.tsx
index 37e6de7d5d..43aa1006d6 100644
--- a/web/app/forgot-password/ForgotPasswordForm.tsx
+++ b/web/app/forgot-password/ForgotPasswordForm.tsx
@@ -1,23 +1,23 @@
 'use client'
-import React, { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { InitValidateStatusResponse } from '@/models/common'
+import { zodResolver } from '@hookform/resolvers/zod'
 
 import { useRouter } from 'next/navigation'
 
+import React, { useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
+import { useTranslation } from 'react-i18next'
 import { z } from 'zod'
-import { zodResolver } from '@hookform/resolvers/zod'
-import Loading from '../components/base/loading'
-import Input from '../components/base/input'
 import Button from '@/app/components/base/button'
-import { basePath } from '@/utils/var'
-
 import {
   fetchInitValidateStatus,
   fetchSetupStatus,
   sendForgotPasswordEmail,
 } from '@/service/common'
-import type { InitValidateStatusResponse } from '@/models/common'
+import { basePath } from '@/utils/var'
+
+import Input from '../components/base/input'
+import Loading from '../components/base/loading'
 
 const accountFormSchema = z.object({
   email: z
@@ -81,42 +81,46 @@ const ForgotPasswordForm = () => {
   return (
     loading
       ? <Loading />
-      : <>
-        <div className="sm:mx-auto sm:w-full sm:max-w-md">
-          <h2 className="text-[32px] font-bold text-text-primary">
-            {isEmailSent ? t('login.resetLinkSent') : t('login.forgotPassword')}
-          </h2>
-          <p className='mt-1 text-sm text-text-secondary'>
-            {isEmailSent ? t('login.checkEmailForResetLink') : t('login.forgotPasswordDesc')}
-          </p>
-        </div>
-        <div className="mt-8 grow sm:mx-auto sm:w-full sm:max-w-md">
-          <div className="relative">
-            <form>
-              {!isEmailSent && (
-                <div className='mb-5'>
-                  <label htmlFor="email"
-                    className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
-                    {t('login.email')}
-                  </label>
-                  <div className="mt-1">
-                    <Input
-                      {...register('email')}
-                      placeholder={t('login.emailPlaceholder') || ''}
-                    />
-                    {errors.email && <span className='text-sm text-red-400'>{t(`${errors.email?.message}`)}</span>}
+      : (
+          <>
+            <div className="sm:mx-auto sm:w-full sm:max-w-md">
+              <h2 className="text-[32px] font-bold text-text-primary">
+                {isEmailSent ? t('login.resetLinkSent') : t('login.forgotPassword')}
+              </h2>
+              <p className="mt-1 text-sm text-text-secondary">
+                {isEmailSent ? t('login.checkEmailForResetLink') : t('login.forgotPasswordDesc')}
+              </p>
+            </div>
+            <div className="mt-8 grow sm:mx-auto sm:w-full sm:max-w-md">
+              <div className="relative">
+                <form>
+                  {!isEmailSent && (
+                    <div className="mb-5">
+                      <label
+                        htmlFor="email"
+                        className="my-2 flex items-center justify-between text-sm font-medium text-text-primary"
+                      >
+                        {t('login.email')}
+                      </label>
+                      <div className="mt-1">
+                        <Input
+                          {...register('email')}
+                          placeholder={t('login.emailPlaceholder') || ''}
+                        />
+                        {errors.email && <span className="text-sm text-red-400">{t(`${errors.email?.message}`)}</span>}
+                      </div>
+                    </div>
+                  )}
+                  <div>
+                    <Button variant="primary" className="w-full" onClick={handleSendResetPasswordClick}>
+                      {isEmailSent ? t('login.backToSignIn') : t('login.sendResetLink')}
+                    </Button>
                   </div>
-                </div>
-              )}
-              <div>
-                <Button variant='primary' className='w-full' onClick={handleSendResetPasswordClick}>
-                  {isEmailSent ? t('login.backToSignIn') : t('login.sendResetLink')}
-                </Button>
+                </form>
               </div>
-            </form>
-          </div>
-        </div>
-      </>
+            </div>
+          </>
+        )
   )
 }
 
diff --git a/web/app/forgot-password/page.tsx b/web/app/forgot-password/page.tsx
index 3c78f734ad..4c37e096ca 100644
--- a/web/app/forgot-password/page.tsx
+++ b/web/app/forgot-password/page.tsx
@@ -1,12 +1,12 @@
 'use client'
-import React from 'react'
-import { cn } from '@/utils/classnames'
 import { useSearchParams } from 'next/navigation'
+import React from 'react'
+import ChangePasswordForm from '@/app/forgot-password/ChangePasswordForm'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { cn } from '@/utils/classnames'
 import Header from '../signin/_header'
 import ForgotPasswordForm from './ForgotPasswordForm'
-import ChangePasswordForm from '@/app/forgot-password/ChangePasswordForm'
-import useDocumentTitle from '@/hooks/use-document-title'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 
 const ForgotPassword = () => {
   useDocumentTitle('')
@@ -19,9 +19,15 @@ const ForgotPassword = () => {
       <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
         <Header />
         {token ? <ChangePasswordForm /> : <ForgotPasswordForm />}
-        {!systemFeatures.branding.enabled && <div className='px-8 py-6 text-sm font-normal text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
+        {!systemFeatures.branding.enabled && (
+          <div className="px-8 py-6 text-sm font-normal text-text-tertiary">
+            ©
+            {' '}
+            {new Date().getFullYear()}
+            {' '}
+            LangGenius, Inc. All rights reserved.
+          </div>
+        )}
       </div>
     </div>
   )
diff --git a/web/app/init/InitPasswordPopup.tsx b/web/app/init/InitPasswordPopup.tsx
index 6c0e9e3078..8ab6dcd0fd 100644
--- a/web/app/init/InitPasswordPopup.tsx
+++ b/web/app/init/InitPasswordPopup.tsx
@@ -1,14 +1,14 @@
 'use client'
+import type { InitValidateStatusResponse } from '@/models/common'
+import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-import Toast from '../components/base/toast'
-import Loading from '../components/base/loading'
 import Button from '@/app/components/base/button'
-import { basePath } from '@/utils/var'
-import { fetchInitValidateStatus, initValidate } from '@/service/common'
-import type { InitValidateStatusResponse } from '@/models/common'
 import useDocumentTitle from '@/hooks/use-document-title'
+import { fetchInitValidateStatus, initValidate } from '@/service/common'
+import { basePath } from '@/utils/var'
+import Loading from '../components/base/loading'
+import Toast from '../components/base/toast'
 
 const InitPasswordPopup = () => {
   useDocumentTitle('')
@@ -53,32 +53,34 @@ const InitPasswordPopup = () => {
   return (
     loading
       ? <Loading />
-      : <div>
-        {!validated && (
-          <div className="mx-12 block min-w-28">
-            <div className="mb-4">
-              <label htmlFor="password" className="block text-sm font-medium text-text-secondary">
-                {t('login.adminInitPassword')}
+      : (
+          <div>
+            {!validated && (
+              <div className="mx-12 block min-w-28">
+                <div className="mb-4">
+                  <label htmlFor="password" className="block text-sm font-medium text-text-secondary">
+                    {t('login.adminInitPassword')}
 
-              </label>
-              <div className="relative mt-1 rounded-md shadow-sm">
-                <input
-                  id="password"
-                  type="password"
-                  value={password}
-                  onChange={e => setPassword(e.target.value)}
-                  className="block w-full appearance-none rounded-md border border-divider-regular px-3 py-2 shadow-sm placeholder:text-text-quaternary focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
-                />
+                  </label>
+                  <div className="relative mt-1 rounded-md shadow-sm">
+                    <input
+                      id="password"
+                      type="password"
+                      value={password}
+                      onChange={e => setPassword(e.target.value)}
+                      className="block w-full appearance-none rounded-md border border-divider-regular px-3 py-2 shadow-sm placeholder:text-text-quaternary focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
+                    />
+                  </div>
+                </div>
+                <div className="flex flex-row flex-wrap justify-stretch p-0">
+                  <Button variant="primary" onClick={handleValidation} className="min-w-28 basis-full">
+                    {t('login.validate')}
+                  </Button>
+                </div>
               </div>
-            </div>
-            <div className="flex flex-row flex-wrap justify-stretch p-0">
-              <Button variant="primary" onClick={handleValidation} className="min-w-28 basis-full">
-                {t('login.validate')}
-              </Button>
-            </div>
+            )}
           </div>
-        )}
-      </div>
+        )
   )
 }
 
diff --git a/web/app/init/page.tsx b/web/app/init/page.tsx
index 2842f3a739..c61457f984 100644
--- a/web/app/init/page.tsx
+++ b/web/app/init/page.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import InitPasswordPopup from './InitPasswordPopup'
 import { cn } from '@/utils/classnames'
+import InitPasswordPopup from './InitPasswordPopup'
 
 const Install = () => {
   return (
diff --git a/web/app/install/installForm.tsx b/web/app/install/installForm.tsx
index 48956888fc..c3d9c1dfa6 100644
--- a/web/app/install/installForm.tsx
+++ b/web/app/install/installForm.tsx
@@ -1,25 +1,25 @@
 'use client'
-import React, { useCallback, useEffect } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useDebounceFn } from 'ahooks'
-
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-
 import type { SubmitHandler } from 'react-hook-form'
-import { useForm } from 'react-hook-form'
-import { z } from 'zod'
-import { zodResolver } from '@hookform/resolvers/zod'
-import Loading from '../components/base/loading'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
-
-import { fetchInitValidateStatus, fetchSetupStatus, login, setup } from '@/service/common'
 import type { InitValidateStatusResponse, SetupStatusResponse } from '@/models/common'
-import useDocumentTitle from '@/hooks/use-document-title'
-import { useDocLink } from '@/context/i18n'
+import { zodResolver } from '@hookform/resolvers/zod'
+
+import { useDebounceFn } from 'ahooks'
+import Link from 'next/link'
+
+import { useRouter } from 'next/navigation'
+import React, { useCallback, useEffect } from 'react'
+import { useForm } from 'react-hook-form'
+import { useTranslation } from 'react-i18next'
+import { z } from 'zod'
+import Button from '@/app/components/base/button'
 import { validPassword } from '@/config'
 
+import { useDocLink } from '@/context/i18n'
+import useDocumentTitle from '@/hooks/use-document-title'
+import { fetchInitValidateStatus, fetchSetupStatus, login, setup } from '@/service/common'
+import { cn } from '@/utils/classnames'
+import Loading from '../components/base/loading'
+
 const accountFormSchema = z.object({
   email: z
     .string()
@@ -82,7 +82,8 @@ const InstallForm = () => {
   }
 
   const handleSetting = async () => {
-    if (isSubmitting) return
+    if (isSubmitting)
+      return
     handleSubmit(onSubmit)()
   }
 
@@ -117,89 +118,97 @@ const InstallForm = () => {
   return (
     loading
       ? <Loading />
-      : <>
-        <div className="sm:mx-auto sm:w-full sm:max-w-md">
-          <h2 className="text-[32px] font-bold text-text-primary">{t('login.setAdminAccount')}</h2>
-          <p className='mt-1 text-sm text-text-secondary'>{t('login.setAdminAccountDesc')}</p>
-        </div>
-        <div className="mt-8 grow sm:mx-auto sm:w-full sm:max-w-md">
-          <div className="relative">
-            <form onSubmit={handleSubmit(onSubmit)} onKeyDown={handleKeyDown}>
-              <div className='mb-5'>
-                <label htmlFor="email" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
-                  {t('login.email')}
-                </label>
-                <div className="mt-1 rounded-md shadow-sm">
-                  <input
-                    {...register('email')}
-                    placeholder={t('login.emailPlaceholder') || ''}
-                    className={'system-sm-regular w-full appearance-none rounded-md border border-transparent bg-components-input-bg-normal px-3 py-[7px] text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'}
-                  />
-                  {errors.email && <span className='text-sm text-red-400'>{t(`${errors.email?.message}`)}</span>}
-                </div>
-
-              </div>
-
-              <div className='mb-5'>
-                <label htmlFor="name" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
-                  {t('login.name')}
-                </label>
-                <div className="relative mt-1 rounded-md shadow-sm">
-                  <input
-                    {...register('name')}
-                    placeholder={t('login.namePlaceholder') || ''}
-                    className={'system-sm-regular w-full appearance-none rounded-md border border-transparent bg-components-input-bg-normal px-3 py-[7px] text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'}
-                  />
-                </div>
-                {errors.name && <span className='text-sm text-red-400'>{t(`${errors.name.message}`)}</span>}
-              </div>
-
-              <div className='mb-5'>
-                <label htmlFor="password" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
-                  {t('login.password')}
-                </label>
-                <div className="relative mt-1 rounded-md shadow-sm">
-                  <input
-                    {...register('password')}
-                    type={showPassword ? 'text' : 'password'}
-                    placeholder={t('login.passwordPlaceholder') || ''}
-                    className={'system-sm-regular w-full appearance-none rounded-md border border-transparent bg-components-input-bg-normal px-3 py-[7px] text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'}
-                  />
-
-                  <div className="absolute inset-y-0 right-0 flex items-center pr-3">
-                    <button
-                      type="button"
-                      onClick={() => setShowPassword(!showPassword)}
-                      className="text-text-quaternary hover:text-text-tertiary focus:text-text-tertiary focus:outline-none"
-                    >
-                      {showPassword ? '👀' : '😝'}
-                    </button>
-                  </div>
-                </div>
-
-                <div className={cn('mt-1 text-xs text-text-secondary', {
-                  'text-red-400 !text-sm': errors.password,
-                })}>{t('login.error.passwordInvalid')}</div>
-              </div>
-
-              <div>
-                <Button variant='primary' className='w-full' onClick={handleSetting}>
-                  {t('login.installBtn')}
-                </Button>
-              </div>
-            </form>
-            <div className="mt-2 block w-full text-xs text-text-secondary">
-              {t('login.license.tip')}
-              &nbsp;
-              <Link
-                className='text-text-accent'
-                target='_blank' rel='noopener noreferrer'
-                href={docLink('/policies/open-source')}
-              >{t('login.license.link')}</Link>
+      : (
+          <>
+            <div className="sm:mx-auto sm:w-full sm:max-w-md">
+              <h2 className="text-[32px] font-bold text-text-primary">{t('login.setAdminAccount')}</h2>
+              <p className="mt-1 text-sm text-text-secondary">{t('login.setAdminAccountDesc')}</p>
             </div>
-          </div>
-        </div>
-      </>
+            <div className="mt-8 grow sm:mx-auto sm:w-full sm:max-w-md">
+              <div className="relative">
+                <form onSubmit={handleSubmit(onSubmit)} onKeyDown={handleKeyDown}>
+                  <div className="mb-5">
+                    <label htmlFor="email" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
+                      {t('login.email')}
+                    </label>
+                    <div className="mt-1 rounded-md shadow-sm">
+                      <input
+                        {...register('email')}
+                        placeholder={t('login.emailPlaceholder') || ''}
+                        className="system-sm-regular w-full appearance-none rounded-md border border-transparent bg-components-input-bg-normal px-3 py-[7px] text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs"
+                      />
+                      {errors.email && <span className="text-sm text-red-400">{t(`${errors.email?.message}`)}</span>}
+                    </div>
+
+                  </div>
+
+                  <div className="mb-5">
+                    <label htmlFor="name" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
+                      {t('login.name')}
+                    </label>
+                    <div className="relative mt-1 rounded-md shadow-sm">
+                      <input
+                        {...register('name')}
+                        placeholder={t('login.namePlaceholder') || ''}
+                        className="system-sm-regular w-full appearance-none rounded-md border border-transparent bg-components-input-bg-normal px-3 py-[7px] text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs"
+                      />
+                    </div>
+                    {errors.name && <span className="text-sm text-red-400">{t(`${errors.name.message}`)}</span>}
+                  </div>
+
+                  <div className="mb-5">
+                    <label htmlFor="password" className="my-2 flex items-center justify-between text-sm font-medium text-text-primary">
+                      {t('login.password')}
+                    </label>
+                    <div className="relative mt-1 rounded-md shadow-sm">
+                      <input
+                        {...register('password')}
+                        type={showPassword ? 'text' : 'password'}
+                        placeholder={t('login.passwordPlaceholder') || ''}
+                        className="system-sm-regular w-full appearance-none rounded-md border border-transparent bg-components-input-bg-normal px-3 py-[7px] text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs"
+                      />
+
+                      <div className="absolute inset-y-0 right-0 flex items-center pr-3">
+                        <button
+                          type="button"
+                          onClick={() => setShowPassword(!showPassword)}
+                          className="text-text-quaternary hover:text-text-tertiary focus:text-text-tertiary focus:outline-none"
+                        >
+                          {showPassword ? '👀' : '😝'}
+                        </button>
+                      </div>
+                    </div>
+
+                    <div className={cn('mt-1 text-xs text-text-secondary', {
+                      'text-red-400 !text-sm': errors.password,
+                    })}
+                    >
+                      {t('login.error.passwordInvalid')}
+                    </div>
+                  </div>
+
+                  <div>
+                    <Button variant="primary" className="w-full" onClick={handleSetting}>
+                      {t('login.installBtn')}
+                    </Button>
+                  </div>
+                </form>
+                <div className="mt-2 block w-full text-xs text-text-secondary">
+                  {t('login.license.tip')}
+              &nbsp;
+                  <Link
+                    className="text-text-accent"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    href={docLink('/policies/open-source')}
+                  >
+                    {t('login.license.link')}
+                  </Link>
+                </div>
+              </div>
+            </div>
+          </>
+        )
   )
 }
 
diff --git a/web/app/install/page.tsx b/web/app/install/page.tsx
index b3cdeb5ca4..b9a770405f 100644
--- a/web/app/install/page.tsx
+++ b/web/app/install/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 import React from 'react'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { cn } from '@/utils/classnames'
 import Header from '../signin/_header'
 import InstallForm from './installForm'
-import { cn } from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 
 const Install = () => {
   const { systemFeatures } = useGlobalPublicStore()
@@ -12,9 +12,15 @@ const Install = () => {
       <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
         <Header />
         <InstallForm />
-        {!systemFeatures.branding.enabled && <div className='px-8 py-6 text-sm font-normal text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
+        {!systemFeatures.branding.enabled && (
+          <div className="px-8 py-6 text-sm font-normal text-text-tertiary">
+            ©
+            {' '}
+            {new Date().getFullYear()}
+            {' '}
+            LangGenius, Inc. All rights reserved.
+          </div>
+        )}
       </div>
     </div>
   )
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index 94a26eb776..25752c54a5 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -1,18 +1,18 @@
-import { ReactScan } from './components/react-scan'
-import RoutePrefixHandle from './routePrefixHandle'
 import type { Viewport } from 'next'
-import I18nServer from './components/i18n-server'
-import BrowserInitializer from './components/browser-initializer'
-import SentryInitializer from './components/sentry-initializer'
-import { getLocaleOnServer } from '@/i18n-config/server'
-import { TanstackQueryInitializer } from '@/context/query-client'
 import { ThemeProvider } from 'next-themes'
+import { Instrument_Serif } from 'next/font/google'
+import GlobalPublicStoreProvider from '@/context/global-public-context'
+import { TanstackQueryInitializer } from '@/context/query-client'
+import { getLocaleOnServer } from '@/i18n-config/server'
+import { DatasetAttr } from '@/types/feature'
+import { cn } from '@/utils/classnames'
+import BrowserInitializer from './components/browser-initializer'
+import I18nServer from './components/i18n-server'
+import { ReactScan } from './components/react-scan'
+import SentryInitializer from './components/sentry-initializer'
+import RoutePrefixHandle from './routePrefixHandle'
 import './styles/globals.css'
 import './styles/markdown.scss'
-import GlobalPublicStoreProvider from '@/context/global-public-context'
-import { DatasetAttr } from '@/types/feature'
-import { Instrument_Serif } from 'next/font/google'
-import { cn } from '@/utils/classnames'
 
 export const viewport: Viewport = {
   width: 'device-width',
@@ -85,13 +85,13 @@ const LocaleLayout = async ({
         <meta name="msapplication-config" content="/browserconfig.xml" />
       </head>
       <body
-        className='color-scheme h-full select-auto'
+        className="color-scheme h-full select-auto"
         {...datasetMap}
       >
         <ReactScan />
         <ThemeProvider
-          attribute='data-theme'
-          defaultTheme='system'
+          attribute="data-theme"
+          defaultTheme="system"
           enableSystem
           disableTransitionOnChange
           enableColorScheme={false}
diff --git a/web/app/page.tsx b/web/app/page.tsx
index c5f5a9580b..117d6c838d 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -6,9 +6,9 @@ const Home = async () => {
     <div className="flex min-h-screen flex-col justify-center py-12 sm:px-6 lg:px-8">
 
       <div className="sm:mx-auto sm:w-full sm:max-w-md">
-        <Loading type='area' />
+        <Loading type="area" />
         <div className="mt-10 text-center">
-          <Link href='/apps'>🚀</Link>
+          <Link href="/apps">🚀</Link>
         </div>
       </div>
     </div>
diff --git a/web/app/repos/[owner]/[repo]/releases/route.ts b/web/app/repos/[owner]/[repo]/releases/route.ts
index 29b604d94b..cc62e9d86c 100644
--- a/web/app/repos/[owner]/[repo]/releases/route.ts
+++ b/web/app/repos/[owner]/[repo]/releases/route.ts
@@ -1,11 +1,12 @@
-import { type NextRequest, NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
 import { Octokit } from '@octokit/core'
 import { RequestError } from '@octokit/request-error'
+import { NextResponse } from 'next/server'
 import { GITHUB_ACCESS_TOKEN } from '@/config'
 
 type Params = {
-  owner: string,
-  repo: string,
+  owner: string
+  repo: string
 }
 
 const octokit = new Octokit({
diff --git a/web/app/reset-password/check-code/page.tsx b/web/app/reset-password/check-code/page.tsx
index 1d7597bf2a..fa10aec0c1 100644
--- a/web/app/reset-password/check-code/page.tsx
+++ b/web/app/reset-password/check-code/page.tsx
@@ -1,15 +1,15 @@
 'use client'
 import { RiArrowLeftLine, RiMailSendFill } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useState } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import Countdown from '@/app/components/signin/countdown'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { sendResetPasswordCode, verifyResetPasswordCode } from '@/service/common'
+import Countdown from '@/app/components/signin/countdown'
 import I18NContext from '@/context/i18n'
+import { sendResetPasswordCode, verifyResetPasswordCode } from '@/service/common'
 
 export default function CheckCode() {
   const { t } = useTranslation()
@@ -63,37 +63,39 @@ export default function CheckCode() {
     catch (error) { console.error(error) }
   }
 
-  return <div className='flex flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge text-text-accent-light-mode-only shadow-lg'>
-      <RiMailSendFill className='h-6 w-6 text-2xl' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.checkCode.checkYourEmail')}</h2>
-      <p className='body-md-regular mt-2 text-text-secondary'>
-        <span>
-          {t('login.checkCode.tipsPrefix')}
-          <strong>{email}</strong>
-        </span>
-        <br />
-        {t('login.checkCode.validTime')}
-      </p>
-    </div>
-
-    <form action="">
-      <input type='text' className='hidden' />
-      <label htmlFor="code" className='system-md-semibold mb-1 text-text-secondary'>{t('login.checkCode.verificationCode')}</label>
-      <Input value={code} onChange={e => setVerifyCode(e.target.value)} maxLength={6} className='mt-1' placeholder={t('login.checkCode.verificationCodePlaceholder') as string} />
-      <Button loading={loading} disabled={loading} className='my-3 w-full' variant='primary' onClick={verify}>{t('login.checkCode.verify')}</Button>
-      <Countdown onResend={resendCode} />
-    </form>
-    <div className='py-2'>
-      <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
-    </div>
-    <div onClick={() => router.back()} className='flex h-9 cursor-pointer items-center justify-center text-text-tertiary'>
-      <div className='inline-block rounded-full bg-background-default-dimmed p-1'>
-        <RiArrowLeftLine size={12} />
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge text-text-accent-light-mode-only shadow-lg">
+        <RiMailSendFill className="h-6 w-6 text-2xl" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.checkCode.checkYourEmail')}</h2>
+        <p className="body-md-regular mt-2 text-text-secondary">
+          <span>
+            {t('login.checkCode.tipsPrefix')}
+            <strong>{email}</strong>
+          </span>
+          <br />
+          {t('login.checkCode.validTime')}
+        </p>
+      </div>
+
+      <form action="">
+        <input type="text" className="hidden" />
+        <label htmlFor="code" className="system-md-semibold mb-1 text-text-secondary">{t('login.checkCode.verificationCode')}</label>
+        <Input value={code} onChange={e => setVerifyCode(e.target.value)} maxLength={6} className="mt-1" placeholder={t('login.checkCode.verificationCodePlaceholder') as string} />
+        <Button loading={loading} disabled={loading} className="my-3 w-full" variant="primary" onClick={verify}>{t('login.checkCode.verify')}</Button>
+        <Countdown onResend={resendCode} />
+      </form>
+      <div className="py-2">
+        <div className="h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+      </div>
+      <div onClick={() => router.back()} className="flex h-9 cursor-pointer items-center justify-center text-text-tertiary">
+        <div className="inline-block rounded-full bg-background-default-dimmed p-1">
+          <RiArrowLeftLine size={12} />
+        </div>
+        <span className="system-xs-regular ml-2">{t('login.back')}</span>
       </div>
-      <span className='system-xs-regular ml-2'>{t('login.back')}</span>
     </div>
-  </div>
+  )
 }
diff --git a/web/app/reset-password/layout.tsx b/web/app/reset-password/layout.tsx
index 724873f30f..d9b665501d 100644
--- a/web/app/reset-password/layout.tsx
+++ b/web/app/reset-password/layout.tsx
@@ -1,30 +1,39 @@
 'use client'
-import Header from '../signin/_header'
+import { useGlobalPublicStore } from '@/context/global-public-context'
 
 import { cn } from '@/utils/classnames'
-import { useGlobalPublicStore } from '@/context/global-public-context'
+import Header from '../signin/_header'
 
 export default function SignInLayout({ children }: any) {
   const { systemFeatures } = useGlobalPublicStore()
-  return <>
-    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
-      <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
-        <Header />
-        <div className={
-          cn(
-            'flex w-full grow flex-col items-center justify-center',
-            'px-6',
-            'md:px-[108px]',
-          )
-        }>
-          <div className='flex flex-col md:w-[400px]'>
-            {children}
+  return (
+    <>
+      <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+        <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
+          <Header />
+          <div className={
+            cn(
+              'flex w-full grow flex-col items-center justify-center',
+              'px-6',
+              'md:px-[108px]',
+            )
+          }
+          >
+            <div className="flex flex-col md:w-[400px]">
+              {children}
+            </div>
           </div>
+          {!systemFeatures.branding.enabled && (
+            <div className="system-xs-regular px-8 py-6 text-text-tertiary">
+              ©
+              {' '}
+              {new Date().getFullYear()}
+              {' '}
+              LangGenius, Inc. All rights reserved.
+            </div>
+          )}
         </div>
-        {!systemFeatures.branding.enabled && <div className='system-xs-regular px-8 py-6 text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
       </div>
-    </div>
-  </>
+    </>
+  )
 }
diff --git a/web/app/reset-password/page.tsx b/web/app/reset-password/page.tsx
index 11dfd07e5c..c7e15f8b3f 100644
--- a/web/app/reset-password/page.tsx
+++ b/web/app/reset-password/page.tsx
@@ -1,19 +1,19 @@
 'use client'
-import Link from 'next/link'
 import { RiArrowLeftLine, RiLockPasswordLine } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useState } from 'react'
+import { noop } from 'lodash-es'
+import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '../components/signin/countdown'
-import { emailRegex } from '@/config'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { sendResetPasswordCode } from '@/service/common'
+import { emailRegex } from '@/config'
 import I18NContext from '@/context/i18n'
-import { noop } from 'lodash-es'
 import useDocumentTitle from '@/hooks/use-document-title'
+import { sendResetPasswordCode } from '@/service/common'
+import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '../components/signin/countdown'
 
 export default function CheckCode() {
   const { t } = useTranslation()
@@ -62,37 +62,39 @@ export default function CheckCode() {
     }
   }
 
-  return <div className='flex flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'>
-      <RiLockPasswordLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.resetPassword')}</h2>
-      <p className='body-md-regular mt-2 text-text-secondary'>
-        {t('login.resetPasswordDesc')}
-      </p>
-    </div>
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg">
+        <RiLockPasswordLine className="h-6 w-6 text-2xl text-text-accent-light-mode-only" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.resetPassword')}</h2>
+        <p className="body-md-regular mt-2 text-text-secondary">
+          {t('login.resetPasswordDesc')}
+        </p>
+      </div>
 
-    <form onSubmit={noop}>
-      <input type='text' className='hidden' />
-      <div className='mb-2'>
-        <label htmlFor="email" className='system-md-semibold my-2 text-text-secondary'>{t('login.email')}</label>
-        <div className='mt-1'>
-          <Input id='email' type="email" disabled={loading} value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
-        </div>
-        <div className='mt-3'>
-          <Button loading={loading} disabled={loading} variant='primary' className='w-full' onClick={handleGetEMailVerificationCode}>{t('login.sendVerificationCode')}</Button>
+      <form onSubmit={noop}>
+        <input type="text" className="hidden" />
+        <div className="mb-2">
+          <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">{t('login.email')}</label>
+          <div className="mt-1">
+            <Input id="email" type="email" disabled={loading} value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
+          </div>
+          <div className="mt-3">
+            <Button loading={loading} disabled={loading} variant="primary" className="w-full" onClick={handleGetEMailVerificationCode}>{t('login.sendVerificationCode')}</Button>
+          </div>
         </div>
+      </form>
+      <div className="py-2">
+        <div className="h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
       </div>
-    </form>
-    <div className='py-2'>
-      <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
+      <Link href={`/signin?${searchParams.toString()}`} className="flex h-9 items-center justify-center text-text-tertiary hover:text-text-primary">
+        <div className="inline-block rounded-full bg-background-default-dimmed p-1">
+          <RiArrowLeftLine size={12} />
+        </div>
+        <span className="system-xs-regular ml-2">{t('login.backToLogin')}</span>
+      </Link>
     </div>
-    <Link href={`/signin?${searchParams.toString()}`} className='flex h-9 items-center justify-center text-text-tertiary hover:text-text-primary'>
-      <div className='inline-block rounded-full bg-background-default-dimmed p-1'>
-        <RiArrowLeftLine size={12} />
-      </div>
-      <span className='system-xs-regular ml-2'>{t('login.backToLogin')}</span>
-    </Link>
-  </div>
+  )
 }
diff --git a/web/app/reset-password/set-password/page.tsx b/web/app/reset-password/set-password/page.tsx
index 30950a3dff..827bb24f73 100644
--- a/web/app/reset-password/set-password/page.tsx
+++ b/web/app/reset-password/set-password/page.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
-import { cn } from '@/utils/classnames'
 import { RiCheckboxCircleFill } from '@remixicon/react'
 import { useCountDown } from 'ahooks'
+import { useRouter, useSearchParams } from 'next/navigation'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import { changePasswordWithToken } from '@/service/common'
-import Toast from '@/app/components/base/toast'
 import Input from '@/app/components/base/input'
+import Toast from '@/app/components/base/toast'
 import { validPassword } from '@/config'
+import { changePasswordWithToken } from '@/service/common'
+import { cn } from '@/utils/classnames'
 
 const ChangePasswordForm = () => {
   const { t } = useTranslation()
@@ -91,14 +91,15 @@ const ChangePasswordForm = () => {
         'px-6',
         'md:px-[108px]',
       )
-    }>
+    }
+    >
       {!showSuccess && (
-        <div className='flex flex-col md:w-[400px]'>
+        <div className="flex flex-col md:w-[400px]">
           <div className="mx-auto w-full">
             <h2 className="title-4xl-semi-bold text-text-primary">
               {t('login.changePassword')}
             </h2>
-            <p className='body-md-regular mt-2 text-text-secondary'>
+            <p className="body-md-regular mt-2 text-text-secondary">
               {t('login.changePasswordTip')}
             </p>
           </div>
@@ -106,13 +107,14 @@ const ChangePasswordForm = () => {
           <div className="mx-auto mt-6 w-full">
             <div>
               {/* Password */}
-              <div className='mb-5'>
+              <div className="mb-5">
                 <label htmlFor="password" className="system-md-semibold my-2 text-text-secondary">
                   {t('common.account.newPassword')}
                 </label>
-                <div className='relative mt-1'>
+                <div className="relative mt-1">
                   <Input
-                    id="password" type={showPassword ? 'text' : 'password'}
+                    id="password"
+                    type={showPassword ? 'text' : 'password'}
                     value={password}
                     onChange={e => setPassword(e.target.value)}
                     placeholder={t('login.passwordPlaceholder') || ''}
@@ -121,21 +123,21 @@ const ChangePasswordForm = () => {
                   <div className="absolute inset-y-0 right-0 flex items-center">
                     <Button
                       type="button"
-                      variant='ghost'
+                      variant="ghost"
                       onClick={() => setShowPassword(!showPassword)}
                     >
                       {showPassword ? '👀' : '😝'}
                     </Button>
                   </div>
                 </div>
-                <div className='body-xs-regular mt-1 text-text-secondary'>{t('login.error.passwordInvalid')}</div>
+                <div className="body-xs-regular mt-1 text-text-secondary">{t('login.error.passwordInvalid')}</div>
               </div>
               {/* Confirm Password */}
-              <div className='mb-5'>
+              <div className="mb-5">
                 <label htmlFor="confirmPassword" className="system-md-semibold my-2 text-text-secondary">
                   {t('common.account.confirmPassword')}
                 </label>
-                <div className='relative mt-1'>
+                <div className="relative mt-1">
                   <Input
                     id="confirmPassword"
                     type={showConfirmPassword ? 'text' : 'password'}
@@ -146,7 +148,7 @@ const ChangePasswordForm = () => {
                   <div className="absolute inset-y-0 right-0 flex items-center">
                     <Button
                       type="button"
-                      variant='ghost'
+                      variant="ghost"
                       onClick={() => setShowConfirmPassword(!showConfirmPassword)}
                     >
                       {showConfirmPassword ? '👀' : '😝'}
@@ -156,8 +158,8 @@ const ChangePasswordForm = () => {
               </div>
               <div>
                 <Button
-                  variant='primary'
-                  className='w-full'
+                  variant="primary"
+                  className="w-full"
                   onClick={handleChangePassword}
                 >
                   {t('login.changePasswordBtn')}
@@ -171,17 +173,28 @@ const ChangePasswordForm = () => {
         <div className="flex flex-col md:w-[400px]">
           <div className="mx-auto w-full">
             <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle font-bold shadow-lg">
-              <RiCheckboxCircleFill className='h-6 w-6 text-text-success' />
+              <RiCheckboxCircleFill className="h-6 w-6 text-text-success" />
             </div>
             <h2 className="title-4xl-semi-bold text-text-primary">
               {t('login.passwordChangedTip')}
             </h2>
           </div>
           <div className="mx-auto mt-6 w-full">
-            <Button variant='primary' className='w-full' onClick={() => {
-              setLeftTime(undefined)
-              router.replace(getSignInUrl())
-            }}>{t('login.passwordChanged')} ({Math.round(countdown / 1000)}) </Button>
+            <Button
+              variant="primary"
+              className="w-full"
+              onClick={() => {
+                setLeftTime(undefined)
+                router.replace(getSignInUrl())
+              }}
+            >
+              {t('login.passwordChanged')}
+              {' '}
+              (
+              {Math.round(countdown / 1000)}
+              )
+              {' '}
+            </Button>
           </div>
         </div>
       )}
diff --git a/web/app/routePrefixHandle.tsx b/web/app/routePrefixHandle.tsx
index 464910782d..d3a36a51fc 100644
--- a/web/app/routePrefixHandle.tsx
+++ b/web/app/routePrefixHandle.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { basePath } from '@/utils/var'
-import { useEffect } from 'react'
 import { usePathname } from 'next/navigation'
+import { useEffect } from 'react'
+import { basePath } from '@/utils/var'
 
 export default function RoutePrefixHandle() {
   const pathname = usePathname()
diff --git a/web/app/signin/_header.tsx b/web/app/signin/_header.tsx
index 731a229b8e..5ef24cd03e 100644
--- a/web/app/signin/_header.tsx
+++ b/web/app/signin/_header.tsx
@@ -1,22 +1,22 @@
 'use client'
+import type { Locale } from '@/i18n-config'
+import dynamic from 'next/dynamic'
 import React from 'react'
 import { useContext } from 'use-context-selector'
-import LocaleSigninSelect from '@/app/components/base/select/locale-signin'
 import Divider from '@/app/components/base/divider'
-import { languages } from '@/i18n-config/language'
-import type { Locale } from '@/i18n-config'
-import I18n from '@/context/i18n'
-import dynamic from 'next/dynamic'
+import LocaleSigninSelect from '@/app/components/base/select/locale-signin'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import I18n from '@/context/i18n'
+import { languages } from '@/i18n-config/language'
 
 // Avoid rendering the logo and theme selector on the server
 const DifyLogo = dynamic(() => import('@/app/components/base/logo/dify-logo'), {
   ssr: false,
-  loading: () => <div className='h-7 w-16 bg-transparent' />,
+  loading: () => <div className="h-7 w-16 bg-transparent" />,
 })
 const ThemeSelector = dynamic(() => import('@/app/components/base/theme-selector'), {
   ssr: false,
-  loading: () => <div className='size-8 bg-transparent' />,
+  loading: () => <div className="size-8 bg-transparent" />,
 })
 
 const Header = () => {
@@ -24,15 +24,17 @@ const Header = () => {
   const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
 
   return (
-    <div className='flex w-full items-center justify-between p-6'>
+    <div className="flex w-full items-center justify-between p-6">
       {systemFeatures.branding.enabled && systemFeatures.branding.login_page_logo
-        ? <img
-          src={systemFeatures.branding.login_page_logo}
-          className='block h-7 w-auto object-contain'
-          alt='logo'
-        />
-        : <DifyLogo size='large' />}
-      <div className='flex items-center gap-1'>
+        ? (
+            <img
+              src={systemFeatures.branding.login_page_logo}
+              className="block h-7 w-auto object-contain"
+              alt="logo"
+            />
+          )
+        : <DifyLogo size="large" />}
+      <div className="flex items-center gap-1">
         <LocaleSigninSelect
           value={locale}
           items={languages.filter(item => item.supported)}
@@ -40,7 +42,7 @@ const Header = () => {
             setLocaleOnClient(value as Locale)
           }}
         />
-        <Divider type='vertical' className='mx-0 ml-2 h-4' />
+        <Divider type="vertical" className="mx-0 ml-2 h-4" />
         <ThemeSelector />
       </div>
     </div>
diff --git a/web/app/signin/check-code/page.tsx b/web/app/signin/check-code/page.tsx
index 36c3c67a58..f0842e8c0d 100644
--- a/web/app/signin/check-code/page.tsx
+++ b/web/app/signin/check-code/page.tsx
@@ -1,18 +1,19 @@
 'use client'
+import type { FormEvent } from 'react'
 import { RiArrowLeftLine, RiMailSendFill } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { type FormEvent, useEffect, useRef, useState } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import Countdown from '@/app/components/signin/countdown'
+import { trackEvent } from '@/app/components/base/amplitude'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { emailLoginWithCode, sendEMailLoginCode } from '@/service/common'
+import Countdown from '@/app/components/signin/countdown'
 import I18NContext from '@/context/i18n'
-import { resolvePostLoginRedirect } from '../utils/post-login-redirect'
-import { trackEvent } from '@/app/components/base/amplitude'
+import { emailLoginWithCode, sendEMailLoginCode } from '@/service/common'
 import { encryptVerificationCode } from '@/utils/encryption'
+import { resolvePostLoginRedirect } from '../utils/post-login-redirect'
 
 export default function CheckCode() {
   const { t, i18n } = useTranslation()
@@ -88,44 +89,46 @@ export default function CheckCode() {
     catch (error) { console.error(error) }
   }
 
-  return <div className='flex flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'>
-      <RiMailSendFill className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.checkCode.checkYourEmail')}</h2>
-      <p className='body-md-regular mt-2 text-text-secondary'>
-        <span>
-          {t('login.checkCode.tipsPrefix')}
-          <strong>{email}</strong>
-        </span>
-        <br />
-        {t('login.checkCode.validTime')}
-      </p>
-    </div>
-
-    <form onSubmit={handleSubmit}>
-      <label htmlFor="code" className='system-md-semibold mb-1 text-text-secondary'>{t('login.checkCode.verificationCode')}</label>
-      <Input
-        ref={codeInputRef}
-        id='code'
-        value={code}
-        onChange={e => setVerifyCode(e.target.value)}
-        maxLength={6}
-        className='mt-1'
-        placeholder={t('login.checkCode.verificationCodePlaceholder') as string}
-      />
-      <Button type='submit' loading={loading} disabled={loading} className='my-3 w-full' variant='primary'>{t('login.checkCode.verify')}</Button>
-      <Countdown onResend={resendCode} />
-    </form>
-    <div className='py-2'>
-      <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
-    </div>
-    <div onClick={() => router.back()} className='flex h-9 cursor-pointer items-center justify-center text-text-tertiary'>
-      <div className='inline-block rounded-full bg-background-default-dimmed p-1'>
-        <RiArrowLeftLine size={12} />
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg">
+        <RiMailSendFill className="h-6 w-6 text-2xl text-text-accent-light-mode-only" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.checkCode.checkYourEmail')}</h2>
+        <p className="body-md-regular mt-2 text-text-secondary">
+          <span>
+            {t('login.checkCode.tipsPrefix')}
+            <strong>{email}</strong>
+          </span>
+          <br />
+          {t('login.checkCode.validTime')}
+        </p>
+      </div>
+
+      <form onSubmit={handleSubmit}>
+        <label htmlFor="code" className="system-md-semibold mb-1 text-text-secondary">{t('login.checkCode.verificationCode')}</label>
+        <Input
+          ref={codeInputRef}
+          id="code"
+          value={code}
+          onChange={e => setVerifyCode(e.target.value)}
+          maxLength={6}
+          className="mt-1"
+          placeholder={t('login.checkCode.verificationCodePlaceholder') as string}
+        />
+        <Button type="submit" loading={loading} disabled={loading} className="my-3 w-full" variant="primary">{t('login.checkCode.verify')}</Button>
+        <Countdown onResend={resendCode} />
+      </form>
+      <div className="py-2">
+        <div className="h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+      </div>
+      <div onClick={() => router.back()} className="flex h-9 cursor-pointer items-center justify-center text-text-tertiary">
+        <div className="inline-block rounded-full bg-background-default-dimmed p-1">
+          <RiArrowLeftLine size={12} />
+        </div>
+        <span className="system-xs-regular ml-2">{t('login.back')}</span>
       </div>
-      <span className='system-xs-regular ml-2'>{t('login.back')}</span>
     </div>
-  </div>
+  )
 }
diff --git a/web/app/signin/components/mail-and-code-auth.tsx b/web/app/signin/components/mail-and-code-auth.tsx
index 002aaaf4ad..64ebc43a73 100644
--- a/web/app/signin/components/mail-and-code-auth.tsx
+++ b/web/app/signin/components/mail-and-code-auth.tsx
@@ -1,14 +1,15 @@
-import { type FormEvent, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { FormEvent } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import Input from '@/app/components/base/input'
 import Button from '@/app/components/base/button'
-import { emailRegex } from '@/config'
+import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import { sendEMailLoginCode } from '@/service/common'
 import { COUNT_DOWN_KEY, COUNT_DOWN_TIME_MS } from '@/app/components/signin/countdown'
+import { emailRegex } from '@/config'
 import I18NContext from '@/context/i18n'
+import { sendEMailLoginCode } from '@/service/common'
 
 type MailAndCodeAuthProps = {
   isInvite: boolean
@@ -60,17 +61,18 @@ export default function MailAndCodeAuth({ isInvite }: MailAndCodeAuthProps) {
     handleGetEMailVerificationCode()
   }
 
-  return (<form onSubmit={handleSubmit}>
-    <input type='text' className='hidden' />
-    <div className='mb-2'>
-      <label htmlFor="email" className='system-md-semibold my-2 text-text-secondary'>{t('login.email')}</label>
-      <div className='mt-1'>
-        <Input id='email' type="email" disabled={isInvite} value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
+  return (
+    <form onSubmit={handleSubmit}>
+      <input type="text" className="hidden" />
+      <div className="mb-2">
+        <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">{t('login.email')}</label>
+        <div className="mt-1">
+          <Input id="email" type="email" disabled={isInvite} value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} />
+        </div>
+        <div className="mt-3">
+          <Button type="submit" loading={loading} disabled={loading || !email} variant="primary" className="w-full">{t('login.signup.verifyMail')}</Button>
+        </div>
       </div>
-      <div className='mt-3'>
-        <Button type='submit' loading={loading} disabled={loading || !email} variant='primary' className='w-full'>{t('login.signup.verifyMail')}</Button>
-      </div>
-    </div>
-  </form>
+    </form>
   )
 }
diff --git a/web/app/signin/components/mail-and-password-auth.tsx b/web/app/signin/components/mail-and-password-auth.tsx
index 27c37e3e26..9ab2d9314c 100644
--- a/web/app/signin/components/mail-and-password-auth.tsx
+++ b/web/app/signin/components/mail-and-password-auth.tsx
@@ -1,19 +1,19 @@
+import type { ResponseError } from '@/service/fetch'
+import { noop } from 'lodash-es'
 import Link from 'next/link'
+import { useRouter, useSearchParams } from 'next/navigation'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
 import { useContext } from 'use-context-selector'
+import { trackEvent } from '@/app/components/base/amplitude'
 import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
 import { emailRegex } from '@/config'
-import { login } from '@/service/common'
-import Input from '@/app/components/base/input'
 import I18NContext from '@/context/i18n'
-import { noop } from 'lodash-es'
-import { resolvePostLoginRedirect } from '../utils/post-login-redirect'
-import type { ResponseError } from '@/service/fetch'
-import { trackEvent } from '@/app/components/base/amplitude'
+import { login } from '@/service/common'
 import { encryptPassword } from '@/utils/encryption'
+import { resolvePostLoginRedirect } from '../utils/post-login-redirect'
 
 type MailAndPasswordAuthProps = {
   isInvite: boolean
@@ -99,71 +99,75 @@ export default function MailAndPasswordAuth({ isInvite, isEmailSetup, allowRegis
     }
   }
 
-  return <form onSubmit={noop}>
-    <div className='mb-3'>
-      <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">
-        {t('login.email')}
-      </label>
-      <div className="mt-1">
-        <Input
-          value={email}
-          onChange={e => setEmail(e.target.value)}
-          disabled={isInvite}
-          id="email"
-          type="email"
-          autoComplete="email"
-          placeholder={t('login.emailPlaceholder') || ''}
-          tabIndex={1}
-        />
-      </div>
-    </div>
-
-    <div className='mb-3'>
-      <label htmlFor="password" className="my-2 flex items-center justify-between">
-        <span className='system-md-semibold text-text-secondary'>{t('login.password')}</span>
-        <Link
-          href={`/reset-password?${searchParams.toString()}`}
-          className={`system-xs-regular ${isEmailSetup ? 'text-components-button-secondary-accent-text' : 'pointer-events-none text-components-button-secondary-accent-text-disabled'}`}
-          tabIndex={isEmailSetup ? 0 : -1}
-          aria-disabled={!isEmailSetup}
-        >
-          {t('login.forget')}
-        </Link>
-      </label>
-      <div className="relative mt-1">
-        <Input
-          id="password"
-          value={password}
-          onChange={e => setPassword(e.target.value)}
-          onKeyDown={(e) => {
-            if (e.key === 'Enter')
-              handleEmailPasswordLogin()
-          }}
-          type={showPassword ? 'text' : 'password'}
-          autoComplete="current-password"
-          placeholder={t('login.passwordPlaceholder') || ''}
-          tabIndex={2}
-        />
-        <div className="absolute inset-y-0 right-0 flex items-center">
-          <Button
-            type="button"
-            variant='ghost'
-            onClick={() => setShowPassword(!showPassword)}
-          >
-            {showPassword ? '👀' : '😝'}
-          </Button>
+  return (
+    <form onSubmit={noop}>
+      <div className="mb-3">
+        <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">
+          {t('login.email')}
+        </label>
+        <div className="mt-1">
+          <Input
+            value={email}
+            onChange={e => setEmail(e.target.value)}
+            disabled={isInvite}
+            id="email"
+            type="email"
+            autoComplete="email"
+            placeholder={t('login.emailPlaceholder') || ''}
+            tabIndex={1}
+          />
         </div>
       </div>
-    </div>
 
-    <div className='mb-2'>
-      <Button
-        tabIndex={2}
-        variant='primary'
-        onClick={handleEmailPasswordLogin}
-        disabled={isLoading || !email || !password}
-        className="w-full"
-      >{t('login.signBtn')}</Button>
-    </div>
-  </form>
+      <div className="mb-3">
+        <label htmlFor="password" className="my-2 flex items-center justify-between">
+          <span className="system-md-semibold text-text-secondary">{t('login.password')}</span>
+          <Link
+            href={`/reset-password?${searchParams.toString()}`}
+            className={`system-xs-regular ${isEmailSetup ? 'text-components-button-secondary-accent-text' : 'pointer-events-none text-components-button-secondary-accent-text-disabled'}`}
+            tabIndex={isEmailSetup ? 0 : -1}
+            aria-disabled={!isEmailSetup}
+          >
+            {t('login.forget')}
+          </Link>
+        </label>
+        <div className="relative mt-1">
+          <Input
+            id="password"
+            value={password}
+            onChange={e => setPassword(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter')
+                handleEmailPasswordLogin()
+            }}
+            type={showPassword ? 'text' : 'password'}
+            autoComplete="current-password"
+            placeholder={t('login.passwordPlaceholder') || ''}
+            tabIndex={2}
+          />
+          <div className="absolute inset-y-0 right-0 flex items-center">
+            <Button
+              type="button"
+              variant="ghost"
+              onClick={() => setShowPassword(!showPassword)}
+            >
+              {showPassword ? '👀' : '😝'}
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div className="mb-2">
+        <Button
+          tabIndex={2}
+          variant="primary"
+          onClick={handleEmailPasswordLogin}
+          disabled={isLoading || !email || !password}
+          className="w-full"
+        >
+          {t('login.signBtn')}
+        </Button>
+      </div>
+    </form>
+  )
 }
diff --git a/web/app/signin/components/social-auth.tsx b/web/app/signin/components/social-auth.tsx
index 1afac0809b..a1393e1fa5 100644
--- a/web/app/signin/components/social-auth.tsx
+++ b/web/app/signin/components/social-auth.tsx
@@ -1,10 +1,10 @@
-import { useTranslation } from 'react-i18next'
 import { useSearchParams } from 'next/navigation'
-import style from '../page.module.css'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { API_PREFIX } from '@/config'
-import { cn } from '@/utils/classnames'
 import { getPurifyHref } from '@/utils'
+import { cn } from '@/utils/classnames'
+import style from '../page.module.css'
 
 type SocialAuthProps = {
   disabled?: boolean
@@ -21,38 +21,40 @@ export default function SocialAuth(props: SocialAuthProps) {
 
     return url
   }
-  return <>
-    <div className='w-full'>
-      <a href={getOAuthLink('/oauth/login/github')}>
-        <Button
-          disabled={props.disabled}
-          className='w-full'
-        >
-          <>
-            <span className={
-              cn(style.githubIcon,
-                'mr-2 h-5 w-5')
-            } />
-            <span className="truncate leading-normal">{t('login.withGitHub')}</span>
-          </>
-        </Button>
-      </a>
-    </div>
-    <div className='w-full'>
-      <a href={getOAuthLink('/oauth/login/google')}>
-        <Button
-          disabled={props.disabled}
-          className='w-full'
-        >
-          <>
-            <span className={
-              cn(style.googleIcon,
-                'mr-2 h-5 w-5')
-            } />
-            <span className="truncate leading-normal">{t('login.withGoogle')}</span>
-          </>
-        </Button>
-      </a>
-    </div>
-  </>
+  return (
+    <>
+      <div className="w-full">
+        <a href={getOAuthLink('/oauth/login/github')}>
+          <Button
+            disabled={props.disabled}
+            className="w-full"
+          >
+            <>
+              <span className={
+                cn(style.githubIcon, 'mr-2 h-5 w-5')
+              }
+              />
+              <span className="truncate leading-normal">{t('login.withGitHub')}</span>
+            </>
+          </Button>
+        </a>
+      </div>
+      <div className="w-full">
+        <a href={getOAuthLink('/oauth/login/google')}>
+          <Button
+            disabled={props.disabled}
+            className="w-full"
+          >
+            <>
+              <span className={
+                cn(style.googleIcon, 'mr-2 h-5 w-5')
+              }
+              />
+              <span className="truncate leading-normal">{t('login.withGoogle')}</span>
+            </>
+          </Button>
+        </a>
+      </div>
+    </>
+  )
 }
diff --git a/web/app/signin/components/sso-auth.tsx b/web/app/signin/components/sso-auth.tsx
index bb98eb2878..6b4c553f77 100644
--- a/web/app/signin/components/sso-auth.tsx
+++ b/web/app/signin/components/sso-auth.tsx
@@ -1,12 +1,12 @@
 'use client'
-import { useRouter, useSearchParams } from 'next/navigation'
 import type { FC } from 'react'
+import { useRouter, useSearchParams } from 'next/navigation'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
 import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
 import Toast from '@/app/components/base/toast'
 import { getUserOAuth2SSOUrl, getUserOIDCSSOUrl, getUserSAMLSSOUrl } from '@/service/sso'
-import Button from '@/app/components/base/button'
 import { SSOProtocol } from '@/types/feature'
 
 type SSOAuthProps = {
@@ -64,7 +64,7 @@ const SSOAuth: FC<SSOAuthProps> = ({
       disabled={isLoading}
       className="w-full"
     >
-      <Lock01 className='mr-2 h-5 w-5 text-text-accent-light-mode-only' />
+      <Lock01 className="mr-2 h-5 w-5 text-text-accent-light-mode-only" />
       <span className="truncate">{t('login.withSSO')}</span>
     </Button>
   )
diff --git a/web/app/signin/invite-settings/page.tsx b/web/app/signin/invite-settings/page.tsx
index de8d6c60ea..9abd4366e1 100644
--- a/web/app/signin/invite-settings/page.tsx
+++ b/web/app/signin/invite-settings/page.tsx
@@ -1,24 +1,23 @@
 'use client'
-import { useTranslation } from 'react-i18next'
-import { useDocLink } from '@/context/i18n'
-import { useCallback, useState } from 'react'
-import Link from 'next/link'
-import { useContext } from 'use-context-selector'
-import { useRouter, useSearchParams } from 'next/navigation'
 import { RiAccountCircleLine } from '@remixicon/react'
-import Input from '@/app/components/base/input'
-import { SimpleSelect } from '@/app/components/base/select'
-import Button from '@/app/components/base/button'
-import { timezones } from '@/utils/timezone'
-import { LanguagesSupported, languages } from '@/i18n-config/language'
-import I18n from '@/context/i18n'
-import { activateMember } from '@/service/common'
-import Loading from '@/app/components/base/loading'
-import Toast from '@/app/components/base/toast'
 import { noop } from 'lodash-es'
+import Link from 'next/link'
+import { useRouter, useSearchParams } from 'next/navigation'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
+import Loading from '@/app/components/base/loading'
+import { SimpleSelect } from '@/app/components/base/select'
+import Toast from '@/app/components/base/toast'
 import { useGlobalPublicStore } from '@/context/global-public-context'
-import { resolvePostLoginRedirect } from '../utils/post-login-redirect'
+import I18n, { useDocLink } from '@/context/i18n'
+import { languages, LanguagesSupported } from '@/i18n-config/language'
+import { activateMember } from '@/service/common'
 import { useInvitationCheck } from '@/service/use-common'
+import { timezones } from '@/utils/timezone'
+import { resolvePostLoginRedirect } from '../utils/post-login-redirect'
 
 export default function InviteSettingsPage() {
   const { t } = useTranslation()
@@ -70,95 +69,104 @@ export default function InviteSettingsPage() {
   if (!checkRes)
     return <Loading />
   if (!checkRes.is_valid) {
-    return <div className="flex flex-col md:w-[400px]">
-      <div className="mx-auto w-full">
-        <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle text-2xl font-bold shadow-lg">🤷‍♂️</div>
-        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.invalid')}</h2>
+    return (
+      <div className="flex flex-col md:w-[400px]">
+        <div className="mx-auto w-full">
+          <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle text-2xl font-bold shadow-lg">🤷‍♂️</div>
+          <h2 className="title-4xl-semi-bold text-text-primary">{t('login.invalid')}</h2>
+        </div>
+        <div className="mx-auto mt-6 w-full">
+          <Button variant="primary" className="w-full !text-sm">
+            <a href="https://dify.ai">{t('login.explore')}</a>
+          </Button>
+        </div>
       </div>
-      <div className="mx-auto mt-6 w-full">
-        <Button variant='primary' className='w-full !text-sm'>
-          <a href="https://dify.ai">{t('login.explore')}</a>
-        </Button>
-      </div>
-    </div>
+    )
   }
 
-  return <div className='flex flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'>
-      <RiAccountCircleLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.setYourAccount')}</h2>
-    </div>
-    <form onSubmit={noop}>
-      <div className='mb-5'>
-        <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary">
-          {t('login.name')}
-        </label>
-        <div className="mt-1">
-          <Input
-            id="name"
-            type="text"
-            value={name}
-            onChange={e => setName(e.target.value)}
-            placeholder={t('login.namePlaceholder') || ''}
-            onKeyDown={(e) => {
-              if (e.key === 'Enter') {
-                e.preventDefault()
-                e.stopPropagation()
-                handleActivate()
-              }
-            }}
-          />
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg">
+        <RiAccountCircleLine className="h-6 w-6 text-2xl text-text-accent-light-mode-only" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.setYourAccount')}</h2>
+      </div>
+      <form onSubmit={noop}>
+        <div className="mb-5">
+          <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary">
+            {t('login.name')}
+          </label>
+          <div className="mt-1">
+            <Input
+              id="name"
+              type="text"
+              value={name}
+              onChange={e => setName(e.target.value)}
+              placeholder={t('login.namePlaceholder') || ''}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter') {
+                  e.preventDefault()
+                  e.stopPropagation()
+                  handleActivate()
+                }
+              }}
+            />
+          </div>
         </div>
-      </div>
-      <div className='mb-5'>
-        <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary">
-          {t('login.interfaceLanguage')}
-        </label>
-        <div className="mt-1">
-          <SimpleSelect
-            defaultValue={LanguagesSupported[0]}
-            items={languages.filter(item => item.supported)}
-            onSelect={(item) => {
-              setLanguage(item.value as string)
-            }}
-          />
+        <div className="mb-5">
+          <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary">
+            {t('login.interfaceLanguage')}
+          </label>
+          <div className="mt-1">
+            <SimpleSelect
+              defaultValue={LanguagesSupported[0]}
+              items={languages.filter(item => item.supported)}
+              onSelect={(item) => {
+                setLanguage(item.value as string)
+              }}
+            />
+          </div>
         </div>
-      </div>
-      {/* timezone */}
-      <div className='mb-5'>
-        <label htmlFor="timezone" className="system-md-semibold text-text-secondary">
-          {t('login.timezone')}
-        </label>
-        <div className="mt-1">
-          <SimpleSelect
-            defaultValue={timezone}
-            items={timezones}
-            onSelect={(item) => {
-              setTimezone(item.value as string)
-            }}
-          />
+        {/* timezone */}
+        <div className="mb-5">
+          <label htmlFor="timezone" className="system-md-semibold text-text-secondary">
+            {t('login.timezone')}
+          </label>
+          <div className="mt-1">
+            <SimpleSelect
+              defaultValue={timezone}
+              items={timezones}
+              onSelect={(item) => {
+                setTimezone(item.value as string)
+              }}
+            />
+          </div>
         </div>
-      </div>
-      <div>
-        <Button
-          variant='primary'
-          className='w-full'
-          onClick={handleActivate}
-        >
-          {`${t('login.join')} ${checkRes?.data?.workspace_name}`}
-        </Button>
-      </div>
-    </form>
-    {!systemFeatures.branding.enabled && <div className="system-xs-regular mt-2 block w-full text-text-tertiary">
-      {t('login.license.tip')}
+        <div>
+          <Button
+            variant="primary"
+            className="w-full"
+            onClick={handleActivate}
+          >
+            {`${t('login.join')} ${checkRes?.data?.workspace_name}`}
+          </Button>
+        </div>
+      </form>
+      {!systemFeatures.branding.enabled && (
+        <div className="system-xs-regular mt-2 block w-full text-text-tertiary">
+          {t('login.license.tip')}
       &nbsp;
-      <Link
-        className='system-xs-medium text-text-accent-secondary'
-        target='_blank' rel='noopener noreferrer'
-        href={docLink('/policies/open-source')}
-      >{t('login.license.link')}</Link>
-    </div>}
-  </div>
+          <Link
+            className="system-xs-medium text-text-accent-secondary"
+            target="_blank"
+            rel="noopener noreferrer"
+            href={docLink('/policies/open-source')}
+          >
+            {t('login.license.link')}
+          </Link>
+        </div>
+      )}
+    </div>
+  )
 }
diff --git a/web/app/signin/layout.tsx b/web/app/signin/layout.tsx
index 17922f7892..4a1a2f4f58 100644
--- a/web/app/signin/layout.tsx
+++ b/web/app/signin/layout.tsx
@@ -1,26 +1,34 @@
 'use client'
-import Header from './_header'
-
-import { cn } from '@/utils/classnames'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+
 import useDocumentTitle from '@/hooks/use-document-title'
+import { cn } from '@/utils/classnames'
+import Header from './_header'
 
 export default function SignInLayout({ children }: any) {
   const { systemFeatures } = useGlobalPublicStore()
   useDocumentTitle('')
-  return <>
-    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
-      <div className={cn('flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
-        <Header />
-        <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
-          <div className='flex flex-col md:w-[400px]'>
-            {children}
+  return (
+    <>
+      <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+        <div className={cn('flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
+          <Header />
+          <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
+            <div className="flex flex-col md:w-[400px]">
+              {children}
+            </div>
           </div>
+          {systemFeatures.branding.enabled === false && (
+            <div className="system-xs-regular px-8 py-6 text-text-tertiary">
+              ©
+              {' '}
+              {new Date().getFullYear()}
+              {' '}
+              LangGenius, Inc. All rights reserved.
+            </div>
+          )}
         </div>
-        {systemFeatures.branding.enabled === false && <div className='system-xs-regular px-8 py-6 text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
       </div>
-    </div>
-  </>
+    </>
+  )
 }
diff --git a/web/app/signin/normal-form.tsx b/web/app/signin/normal-form.tsx
index 260eb8c0cb..6bc37e6dd3 100644
--- a/web/app/signin/normal-form.tsx
+++ b/web/app/signin/normal-form.tsx
@@ -1,22 +1,22 @@
-import React, { useCallback, useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import { RiContractLine, RiDoorLockLine, RiErrorWarningFill } from '@remixicon/react'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
-import { RiContractLine, RiDoorLockLine, RiErrorWarningFill } from '@remixicon/react'
+import React, { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Toast from '@/app/components/base/toast'
+import { IS_CE_EDITION } from '@/config'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { invitationCheck } from '@/service/common'
+import { useIsLogin } from '@/service/use-common'
+import { LicenseStatus } from '@/types/feature'
+import { cn } from '@/utils/classnames'
 import Loading from '../components/base/loading'
 import MailAndCodeAuth from './components/mail-and-code-auth'
 import MailAndPasswordAuth from './components/mail-and-password-auth'
 import SocialAuth from './components/social-auth'
 import SSOAuth from './components/sso-auth'
-import { cn } from '@/utils/classnames'
-import { invitationCheck } from '@/service/common'
-import { LicenseStatus } from '@/types/feature'
-import Toast from '@/app/components/base/toast'
-import { IS_CE_EDITION } from '@/config'
-import { useGlobalPublicStore } from '@/context/global-public-context'
-import { resolvePostLoginRedirect } from './utils/post-login-redirect'
 import Split from './split'
-import { useIsLogin } from '@/service/use-common'
+import { resolvePostLoginRedirect } from './utils/post-login-redirect'
 
 const NormalForm = () => {
   const { t } = useTranslation()
@@ -73,152 +73,204 @@ const NormalForm = () => {
     init()
   }, [init])
   if (isLoading) {
-    return <div className={
-      cn(
-        'flex w-full grow flex-col items-center justify-center',
-        'px-6',
-        'md:px-[108px]',
-      )
-    }>
-      <Loading type='area' />
-    </div>
+    return (
+      <div className={
+        cn(
+          'flex w-full grow flex-col items-center justify-center',
+          'px-6',
+          'md:px-[108px]',
+        )
+      }
+      >
+        <Loading type="area" />
+      </div>
+    )
   }
   if (systemFeatures.license?.status === LicenseStatus.LOST) {
-    return <div className='mx-auto mt-8 w-full'>
-      <div className='relative'>
-        <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-          <div className='shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-            <RiContractLine className='h-5 w-5' />
-            <RiErrorWarningFill className='absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary' />
+    return (
+      <div className="mx-auto mt-8 w-full">
+        <div className="relative">
+          <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+            <div className="shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+              <RiContractLine className="h-5 w-5" />
+              <RiErrorWarningFill className="absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary" />
+            </div>
+            <p className="system-sm-medium text-text-primary">{t('login.licenseLost')}</p>
+            <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.licenseLostTip')}</p>
           </div>
-          <p className='system-sm-medium text-text-primary'>{t('login.licenseLost')}</p>
-          <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.licenseLostTip')}</p>
         </div>
       </div>
-    </div>
+    )
   }
   if (systemFeatures.license?.status === LicenseStatus.EXPIRED) {
-    return <div className='mx-auto mt-8 w-full'>
-      <div className='relative'>
-        <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-          <div className='shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-            <RiContractLine className='h-5 w-5' />
-            <RiErrorWarningFill className='absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary' />
+    return (
+      <div className="mx-auto mt-8 w-full">
+        <div className="relative">
+          <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+            <div className="shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+              <RiContractLine className="h-5 w-5" />
+              <RiErrorWarningFill className="absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary" />
+            </div>
+            <p className="system-sm-medium text-text-primary">{t('login.licenseExpired')}</p>
+            <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.licenseExpiredTip')}</p>
           </div>
-          <p className='system-sm-medium text-text-primary'>{t('login.licenseExpired')}</p>
-          <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.licenseExpiredTip')}</p>
         </div>
       </div>
-    </div>
+    )
   }
   if (systemFeatures.license?.status === LicenseStatus.INACTIVE) {
-    return <div className='mx-auto mt-8 w-full'>
-      <div className='relative'>
-        <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-          <div className='shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-            <RiContractLine className='h-5 w-5' />
-            <RiErrorWarningFill className='absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary' />
+    return (
+      <div className="mx-auto mt-8 w-full">
+        <div className="relative">
+          <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+            <div className="shadows-shadow-lg relative mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+              <RiContractLine className="h-5 w-5" />
+              <RiErrorWarningFill className="absolute -right-1 -top-1 h-4 w-4 text-text-warning-secondary" />
+            </div>
+            <p className="system-sm-medium text-text-primary">{t('login.licenseInactive')}</p>
+            <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.licenseInactiveTip')}</p>
           </div>
-          <p className='system-sm-medium text-text-primary'>{t('login.licenseInactive')}</p>
-          <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.licenseInactiveTip')}</p>
         </div>
       </div>
-    </div>
+    )
   }
 
   return (
     <>
       <div className="mx-auto mt-8 w-full">
         {isInviteLink
-          ? <div className="mx-auto w-full">
-            <h2 className="title-4xl-semi-bold text-text-primary">{t('login.join')}{workspaceName}</h2>
-            {!systemFeatures.branding.enabled && <p className='body-md-regular mt-2 text-text-tertiary'>{t('login.joinTipStart')}{workspaceName}{t('login.joinTipEnd')}</p>}
-          </div>
-          : <div className="mx-auto w-full">
-            <h2 className="title-4xl-semi-bold text-text-primary">{systemFeatures.branding.enabled ? t('login.pageTitleForE') : t('login.pageTitle')}</h2>
-            <p className='body-md-regular mt-2 text-text-tertiary'>{t('login.welcome')}</p>
-          </div>}
+          ? (
+              <div className="mx-auto w-full">
+                <h2 className="title-4xl-semi-bold text-text-primary">
+                  {t('login.join')}
+                  {workspaceName}
+                </h2>
+                {!systemFeatures.branding.enabled && (
+                  <p className="body-md-regular mt-2 text-text-tertiary">
+                    {t('login.joinTipStart')}
+                    {workspaceName}
+                    {t('login.joinTipEnd')}
+                  </p>
+                )}
+              </div>
+            )
+          : (
+              <div className="mx-auto w-full">
+                <h2 className="title-4xl-semi-bold text-text-primary">{systemFeatures.branding.enabled ? t('login.pageTitleForE') : t('login.pageTitle')}</h2>
+                <p className="body-md-regular mt-2 text-text-tertiary">{t('login.welcome')}</p>
+              </div>
+            )}
         <div className="relative">
           <div className="mt-6 flex flex-col gap-3">
             {systemFeatures.enable_social_oauth_login && <SocialAuth />}
-            {systemFeatures.sso_enforced_for_signin && <div className='w-full'>
-              <SSOAuth protocol={systemFeatures.sso_enforced_for_signin_protocol} />
-            </div>}
+            {systemFeatures.sso_enforced_for_signin && (
+              <div className="w-full">
+                <SSOAuth protocol={systemFeatures.sso_enforced_for_signin_protocol} />
+              </div>
+            )}
           </div>
 
-          {showORLine && <div className="relative mt-6">
-            <div className="flex items-center">
-              <div className="h-px flex-1 bg-gradient-to-r from-background-gradient-mask-transparent to-divider-regular"></div>
-              <span className="system-xs-medium-uppercase px-3 text-text-tertiary">{t('login.or')}</span>
-              <div className="h-px flex-1 bg-gradient-to-l from-background-gradient-mask-transparent to-divider-regular"></div>
+          {showORLine && (
+            <div className="relative mt-6">
+              <div className="flex items-center">
+                <div className="h-px flex-1 bg-gradient-to-r from-background-gradient-mask-transparent to-divider-regular"></div>
+                <span className="system-xs-medium-uppercase px-3 text-text-tertiary">{t('login.or')}</span>
+                <div className="h-px flex-1 bg-gradient-to-l from-background-gradient-mask-transparent to-divider-regular"></div>
+              </div>
             </div>
-          </div>}
+          )}
           {
-            (systemFeatures.enable_email_code_login || systemFeatures.enable_email_password_login) && <>
-              {systemFeatures.enable_email_code_login && authType === 'code' && <>
-                <MailAndCodeAuth isInvite={isInviteLink} />
-                {systemFeatures.enable_email_password_login && <div className='cursor-pointer py-1 text-center' onClick={() => { updateAuthType('password') }}>
-                  <span className='system-xs-medium text-components-button-secondary-accent-text'>{t('login.usePassword')}</span>
-                </div>}
-              </>}
-              {systemFeatures.enable_email_password_login && authType === 'password' && <>
-                <MailAndPasswordAuth isInvite={isInviteLink} isEmailSetup={systemFeatures.is_email_setup} allowRegistration={systemFeatures.is_allow_register} />
-                {systemFeatures.enable_email_code_login && <div className='cursor-pointer py-1 text-center' onClick={() => { updateAuthType('code') }}>
-                  <span className='system-xs-medium text-components-button-secondary-accent-text'>{t('login.useVerificationCode')}</span>
-                </div>}
-              </>}
-              <Split className='mb-5 mt-4' />
-            </>
+            (systemFeatures.enable_email_code_login || systemFeatures.enable_email_password_login) && (
+              <>
+                {systemFeatures.enable_email_code_login && authType === 'code' && (
+                  <>
+                    <MailAndCodeAuth isInvite={isInviteLink} />
+                    {systemFeatures.enable_email_password_login && (
+                      <div className="cursor-pointer py-1 text-center" onClick={() => { updateAuthType('password') }}>
+                        <span className="system-xs-medium text-components-button-secondary-accent-text">{t('login.usePassword')}</span>
+                      </div>
+                    )}
+                  </>
+                )}
+                {systemFeatures.enable_email_password_login && authType === 'password' && (
+                  <>
+                    <MailAndPasswordAuth isInvite={isInviteLink} isEmailSetup={systemFeatures.is_email_setup} allowRegistration={systemFeatures.is_allow_register} />
+                    {systemFeatures.enable_email_code_login && (
+                      <div className="cursor-pointer py-1 text-center" onClick={() => { updateAuthType('code') }}>
+                        <span className="system-xs-medium text-components-button-secondary-accent-text">{t('login.useVerificationCode')}</span>
+                      </div>
+                    )}
+                  </>
+                )}
+                <Split className="mb-5 mt-4" />
+              </>
+            )
           }
 
           {systemFeatures.is_allow_register && authType === 'password' && (
-            <div className='mb-3 text-[13px] font-medium leading-4 text-text-secondary'>
+            <div className="mb-3 text-[13px] font-medium leading-4 text-text-secondary">
               <span>{t('login.signup.noAccount')}</span>
               <Link
-                className='text-text-accent'
-                href='/signup'
-              >{t('login.signup.signUp')}</Link>
+                className="text-text-accent"
+                href="/signup"
+              >
+                {t('login.signup.signUp')}
+              </Link>
             </div>
           )}
-          {allMethodsAreDisabled && <>
-            <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
-              <div className='shadows-shadow-lg mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow'>
-                <RiDoorLockLine className='h-5 w-5' />
+          {allMethodsAreDisabled && (
+            <>
+              <div className="rounded-lg bg-gradient-to-r from-workflow-workflow-progress-bg-1 to-workflow-workflow-progress-bg-2 p-4">
+                <div className="shadows-shadow-lg mb-2 flex h-10 w-10 items-center justify-center rounded-xl bg-components-card-bg shadow">
+                  <RiDoorLockLine className="h-5 w-5" />
+                </div>
+                <p className="system-sm-medium text-text-primary">{t('login.noLoginMethod')}</p>
+                <p className="system-xs-regular mt-1 text-text-tertiary">{t('login.noLoginMethodTip')}</p>
               </div>
-              <p className='system-sm-medium text-text-primary'>{t('login.noLoginMethod')}</p>
-              <p className='system-xs-regular mt-1 text-text-tertiary'>{t('login.noLoginMethodTip')}</p>
-            </div>
-            <div className="relative my-2 py-2">
-              <div className="absolute inset-0 flex items-center" aria-hidden="true">
-                <div className='h-px w-full bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
+              <div className="relative my-2 py-2">
+                <div className="absolute inset-0 flex items-center" aria-hidden="true">
+                  <div className="h-px w-full bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+                </div>
               </div>
-            </div>
-          </>}
-          {!systemFeatures.branding.enabled && <>
-            <div className="system-xs-regular mt-2 block w-full text-text-tertiary">
-              {t('login.tosDesc')}
+            </>
+          )}
+          {!systemFeatures.branding.enabled && (
+            <>
+              <div className="system-xs-regular mt-2 block w-full text-text-tertiary">
+                {t('login.tosDesc')}
               &nbsp;
-              <Link
-                className='system-xs-medium text-text-secondary hover:underline'
-                target='_blank' rel='noopener noreferrer'
-                href='https://dify.ai/terms'
-              >{t('login.tos')}</Link>
+                <Link
+                  className="system-xs-medium text-text-secondary hover:underline"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://dify.ai/terms"
+                >
+                  {t('login.tos')}
+                </Link>
               &nbsp;&&nbsp;
-              <Link
-                className='system-xs-medium text-text-secondary hover:underline'
-                target='_blank' rel='noopener noreferrer'
-                href='https://dify.ai/privacy'
-              >{t('login.pp')}</Link>
-            </div>
-            {IS_CE_EDITION && <div className="w-hull system-xs-regular mt-2 block text-text-tertiary">
-              {t('login.goToInit')}
+                <Link
+                  className="system-xs-medium text-text-secondary hover:underline"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  href="https://dify.ai/privacy"
+                >
+                  {t('login.pp')}
+                </Link>
+              </div>
+              {IS_CE_EDITION && (
+                <div className="w-hull system-xs-regular mt-2 block text-text-tertiary">
+                  {t('login.goToInit')}
               &nbsp;
-              <Link
-                className='system-xs-medium text-text-secondary hover:underline'
-                href='/install'
-              >{t('login.setAdminAccount')}</Link>
-            </div>}
-          </>}
+                  <Link
+                    className="system-xs-medium text-text-secondary hover:underline"
+                    href="/install"
+                  >
+                    {t('login.setAdminAccount')}
+                  </Link>
+                </div>
+              )}
+            </>
+          )}
         </div>
       </div>
     </>
diff --git a/web/app/signin/one-more-step.tsx b/web/app/signin/one-more-step.tsx
index 4b20f85681..80013e622f 100644
--- a/web/app/signin/one-more-step.tsx
+++ b/web/app/signin/one-more-step.tsx
@@ -1,17 +1,18 @@
 'use client'
-import React, { type Reducer, useReducer } from 'react'
-import { useTranslation } from 'react-i18next'
+import type { Reducer } from 'react'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
-import Input from '../components/base/input'
+import React, { useReducer } from 'react'
+import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
-import Tooltip from '@/app/components/base/tooltip'
 import { SimpleSelect } from '@/app/components/base/select'
-import { timezones } from '@/utils/timezone'
-import { LanguagesSupported, languages } from '@/i18n-config/language'
 import Toast from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
 import { useDocLink } from '@/context/i18n'
+import { languages, LanguagesSupported } from '@/i18n-config/language'
 import { useOneMoreStep } from '@/service/use-common'
+import { timezones } from '@/utils/timezone'
+import Input from '../components/base/input'
 
 type IState = {
   invitation_code: string
@@ -21,9 +22,9 @@ type IState = {
 
 type IAction
   = | { type: 'failed', payload: null }
-  | { type: 'invitation_code', value: string }
-  | { type: 'interface_language', value: string }
-  | { type: 'timezone', value: string }
+    | { type: 'invitation_code', value: string }
+    | { type: 'interface_language', value: string }
+    | { type: 'timezone', value: string }
 
 const reducer: Reducer<IState, IAction> = (state: IState, action: IAction) => {
   switch (action.type) {
@@ -79,7 +80,7 @@ const OneMoreStep = () => {
     <>
       <div className="mx-auto w-full">
         <h2 className="title-4xl-semi-bold text-text-secondary">{t('login.oneMoreStep')}</h2>
-        <p className='body-md-regular mt-1 text-text-tertiary'>{t('login.createSample')}</p>
+        <p className="body-md-regular mt-1 text-text-tertiary">{t('login.createSample')}</p>
       </div>
 
       <div className="mx-auto mt-6 w-full">
@@ -88,16 +89,16 @@ const OneMoreStep = () => {
             <label className="system-md-semibold my-2 flex items-center justify-between text-text-secondary">
               {t('login.invitationCode')}
               <Tooltip
-                popupContent={
-                  <div className='w-[256px] text-xs font-medium'>
-                    <div className='font-medium'>{t('login.sendUsMail')}</div>
-                    <div className='cursor-pointer text-xs font-medium text-text-accent-secondary'>
+                popupContent={(
+                  <div className="w-[256px] text-xs font-medium">
+                    <div className="font-medium">{t('login.sendUsMail')}</div>
+                    <div className="cursor-pointer text-xs font-medium text-text-accent-secondary">
                       <a href="mailto:request-invitation@langgenius.ai">request-invitation@langgenius.ai</a>
                     </div>
                   </div>
-                }
+                )}
               >
-                <span className='cursor-pointer text-text-accent-secondary'>{t('login.dontHave')}</span>
+                <span className="cursor-pointer text-text-accent-secondary">{t('login.dontHave')}</span>
               </Tooltip>
             </label>
             <div className="mt-1">
@@ -112,7 +113,7 @@ const OneMoreStep = () => {
               />
             </div>
           </div>
-          <div className='mb-5'>
+          <div className="mb-5">
             <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary">
               {t('login.interfaceLanguage')}
             </label>
@@ -126,7 +127,7 @@ const OneMoreStep = () => {
               />
             </div>
           </div>
-          <div className='mb-4'>
+          <div className="mb-4">
             <label htmlFor="timezone" className="system-md-semibold text-text-tertiary">
               {t('login.timezone')}
             </label>
@@ -142,8 +143,8 @@ const OneMoreStep = () => {
           </div>
           <div>
             <Button
-              variant='primary'
-              className='w-full'
+              variant="primary"
+              className="w-full"
               disabled={isPending}
               onClick={handleSubmit}
             >
@@ -154,10 +155,13 @@ const OneMoreStep = () => {
             {t('login.license.tip')}
             &nbsp;
             <Link
-              className='system-xs-medium text-text-accent-secondary'
-              target='_blank' rel='noopener noreferrer'
+              className="system-xs-medium text-text-accent-secondary"
+              target="_blank"
+              rel="noopener noreferrer"
               href={docLink('/policies/agreement/README')}
-            >{t('login.license.link')}</Link>
+            >
+              {t('login.license.link')}
+            </Link>
           </div>
         </div>
       </div>
diff --git a/web/app/signin/page.tsx b/web/app/signin/page.tsx
index 01c790c760..6f3632393c 100644
--- a/web/app/signin/page.tsx
+++ b/web/app/signin/page.tsx
@@ -1,9 +1,9 @@
 'use client'
 import { useSearchParams } from 'next/navigation'
-import OneMoreStep from './one-more-step'
-import NormalForm from './normal-form'
 import { useEffect } from 'react'
 import usePSInfo from '../components/billing/partner-stack/use-ps-info'
+import NormalForm from './normal-form'
+import OneMoreStep from './one-more-step'
 
 const SignIn = () => {
   const searchParams = useSearchParams()
diff --git a/web/app/signin/split.tsx b/web/app/signin/split.tsx
index 8fd6fefc15..b6e848357c 100644
--- a/web/app/signin/split.tsx
+++ b/web/app/signin/split.tsx
@@ -12,7 +12,8 @@ const Split: FC<Props> = ({
 }) => {
   return (
     <div
-      className={cn('h-px w-[400px] bg-[linear-gradient(90deg,rgba(255,255,255,0.01)_0%,rgba(16,24,40,0.08)_50.5%,rgba(255,255,255,0.01)_100%)]', className)}>
+      className={cn('h-px w-[400px] bg-[linear-gradient(90deg,rgba(255,255,255,0.01)_0%,rgba(16,24,40,0.08)_50.5%,rgba(255,255,255,0.01)_100%)]', className)}
+    >
     </div>
   )
 }
diff --git a/web/app/signin/utils/post-login-redirect.ts b/web/app/signin/utils/post-login-redirect.ts
index 45e2c55941..b548a1bac9 100644
--- a/web/app/signin/utils/post-login-redirect.ts
+++ b/web/app/signin/utils/post-login-redirect.ts
@@ -1,6 +1,6 @@
-import { OAUTH_AUTHORIZE_PENDING_KEY, REDIRECT_URL_KEY } from '@/app/account/oauth/authorize/constants'
-import dayjs from 'dayjs'
 import type { ReadonlyURLSearchParams } from 'next/navigation'
+import dayjs from 'dayjs'
+import { OAUTH_AUTHORIZE_PENDING_KEY, REDIRECT_URL_KEY } from '@/app/account/oauth/authorize/constants'
 
 function getItemWithExpiry(key: string): string | null {
   const itemStr = localStorage.getItem(key)
@@ -10,7 +10,8 @@ function getItemWithExpiry(key: string): string | null {
   try {
     const item = JSON.parse(itemStr)
     localStorage.removeItem(key)
-    if (!item?.value) return null
+    if (!item?.value)
+      return null
 
     return dayjs().unix() > item.expiry ? null : item.value
   }
diff --git a/web/app/signup/check-code/page.tsx b/web/app/signup/check-code/page.tsx
index 35c5e78a45..3a4ff403fb 100644
--- a/web/app/signup/check-code/page.tsx
+++ b/web/app/signup/check-code/page.tsx
@@ -1,15 +1,15 @@
 'use client'
+import type { MailSendResponse, MailValidityResponse } from '@/service/use-common'
 import { RiArrowLeftLine, RiMailSendFill } from '@remixicon/react'
-import { useTranslation } from 'react-i18next'
-import { useState } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import Countdown from '@/app/components/signin/countdown'
 import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
+import Countdown from '@/app/components/signin/countdown'
 import I18NContext from '@/context/i18n'
-import type { MailSendResponse, MailValidityResponse } from '@/service/use-common'
 import { useMailValidity, useSendMail } from '@/service/use-common'
 
 export default function CheckCode() {
@@ -74,36 +74,38 @@ export default function CheckCode() {
     catch (error) { console.error(error) }
   }
 
-  return <div className='flex flex-col gap-3'>
-    <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'>
-      <RiMailSendFill className='h-6 w-6 text-2xl text-text-accent-light-mode-only' />
-    </div>
-    <div className='pb-4 pt-2'>
-      <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.checkCode.checkYourEmail')}</h2>
-      <p className='body-md-regular mt-2 text-text-secondary'>
-        <span>
-          {t('login.checkCode.tipsPrefix')}
-          <strong>{email}</strong>
-        </span>
-        <br />
-        {t('login.checkCode.validTime')}
-      </p>
-    </div>
-
-    <form action="">
-      <label htmlFor="code" className='system-md-semibold mb-1 text-text-secondary'>{t('login.checkCode.verificationCode')}</label>
-      <Input value={code} onChange={e => setVerifyCode(e.target.value)} maxLength={6} className='mt-1' placeholder={t('login.checkCode.verificationCodePlaceholder') as string} />
-      <Button loading={loading} disabled={loading} className='my-3 w-full' variant='primary' onClick={verify}>{t('login.checkCode.verify')}</Button>
-      <Countdown onResend={resendCode} />
-    </form>
-    <div className='py-2'>
-      <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
-    </div>
-    <div onClick={() => router.back()} className='flex h-9 cursor-pointer items-center justify-center text-text-tertiary'>
-      <div className='bg-background-default-dimm inline-block rounded-full p-1'>
-        <RiArrowLeftLine size={12} />
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg">
+        <RiMailSendFill className="h-6 w-6 text-2xl text-text-accent-light-mode-only" />
+      </div>
+      <div className="pb-4 pt-2">
+        <h2 className="title-4xl-semi-bold text-text-primary">{t('login.checkCode.checkYourEmail')}</h2>
+        <p className="body-md-regular mt-2 text-text-secondary">
+          <span>
+            {t('login.checkCode.tipsPrefix')}
+            <strong>{email}</strong>
+          </span>
+          <br />
+          {t('login.checkCode.validTime')}
+        </p>
+      </div>
+
+      <form action="">
+        <label htmlFor="code" className="system-md-semibold mb-1 text-text-secondary">{t('login.checkCode.verificationCode')}</label>
+        <Input value={code} onChange={e => setVerifyCode(e.target.value)} maxLength={6} className="mt-1" placeholder={t('login.checkCode.verificationCodePlaceholder') as string} />
+        <Button loading={loading} disabled={loading} className="my-3 w-full" variant="primary" onClick={verify}>{t('login.checkCode.verify')}</Button>
+        <Countdown onResend={resendCode} />
+      </form>
+      <div className="py-2">
+        <div className="h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent"></div>
+      </div>
+      <div onClick={() => router.back()} className="flex h-9 cursor-pointer items-center justify-center text-text-tertiary">
+        <div className="bg-background-default-dimm inline-block rounded-full p-1">
+          <RiArrowLeftLine size={12} />
+        </div>
+        <span className="system-xs-regular ml-2">{t('login.back')}</span>
       </div>
-      <span className='system-xs-regular ml-2'>{t('login.back')}</span>
     </div>
-  </div>
+  )
 }
diff --git a/web/app/signup/components/input-mail.tsx b/web/app/signup/components/input-mail.tsx
index d2e7bca65b..b001e1f8b0 100644
--- a/web/app/signup/components/input-mail.tsx
+++ b/web/app/signup/components/input-mail.tsx
@@ -1,18 +1,18 @@
 'use client'
+import type { MailSendResponse } from '@/service/use-common'
 import { noop } from 'lodash-es'
-import Input from '@/app/components/base/input'
+import Link from 'next/link'
+import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
-import { useCallback, useState } from 'react'
 import Button from '@/app/components/base/button'
-import { emailRegex } from '@/config'
+import Input from '@/app/components/base/input'
 import Toast from '@/app/components/base/toast'
-import type { MailSendResponse } from '@/service/use-common'
-import { useSendMail } from '@/service/use-common'
-import I18n from '@/context/i18n'
 import Split from '@/app/signin/split'
-import Link from 'next/link'
+import { emailRegex } from '@/config'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import I18n from '@/context/i18n'
+import { useSendMail } from '@/service/use-common'
 
 type Props = {
   onSuccess: (email: string, payload: string) => void
@@ -40,63 +40,77 @@ export default function Form({
       return
     }
     const res = await submitMail({ email, language: locale })
-    if((res as MailSendResponse).result === 'success')
+    if ((res as MailSendResponse).result === 'success')
       onSuccess(email, (res as MailSendResponse).data)
   }, [email, locale, submitMail, t])
 
-  return <form onSubmit={noop}>
-    <div className='mb-3'>
-      <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">
-        {t('login.email')}
-      </label>
-      <div className="mt-1">
-        <Input
-          value={email}
-          onChange={e => setEmail(e.target.value)}
-          id="email"
-          type="email"
-          autoComplete="email"
-          placeholder={t('login.emailPlaceholder') || ''}
-          tabIndex={1}
-        />
+  return (
+    <form onSubmit={noop}>
+      <div className="mb-3">
+        <label htmlFor="email" className="system-md-semibold my-2 text-text-secondary">
+          {t('login.email')}
+        </label>
+        <div className="mt-1">
+          <Input
+            value={email}
+            onChange={e => setEmail(e.target.value)}
+            id="email"
+            type="email"
+            autoComplete="email"
+            placeholder={t('login.emailPlaceholder') || ''}
+            tabIndex={1}
+          />
+        </div>
       </div>
-    </div>
-    <div className='mb-2'>
-      <Button
-        tabIndex={2}
-        variant='primary'
-        onClick={handleSubmit}
-        disabled={isPending || !email}
-        className="w-full"
-      >{t('login.signup.verifyMail')}</Button>
-    </div>
-    <Split className='mb-5 mt-4' />
+      <div className="mb-2">
+        <Button
+          tabIndex={2}
+          variant="primary"
+          onClick={handleSubmit}
+          disabled={isPending || !email}
+          className="w-full"
+        >
+          {t('login.signup.verifyMail')}
+        </Button>
+      </div>
+      <Split className="mb-5 mt-4" />
 
-    <div className='text-[13px] font-medium leading-4 text-text-secondary'>
-      <span>{t('login.signup.haveAccount')}</span>
-      <Link
-        className='text-text-accent'
-        href='/signin'
-      >{t('login.signup.signIn')}</Link>
-    </div>
+      <div className="text-[13px] font-medium leading-4 text-text-secondary">
+        <span>{t('login.signup.haveAccount')}</span>
+        <Link
+          className="text-text-accent"
+          href="/signin"
+        >
+          {t('login.signup.signIn')}
+        </Link>
+      </div>
 
-    {!systemFeatures.branding.enabled && <>
-      <div className="system-xs-regular mt-3 block w-full text-text-tertiary">
-        {t('login.tosDesc')}
+      {!systemFeatures.branding.enabled && (
+        <>
+          <div className="system-xs-regular mt-3 block w-full text-text-tertiary">
+            {t('login.tosDesc')}
               &nbsp;
-        <Link
-          className='system-xs-medium text-text-secondary hover:underline'
-          target='_blank' rel='noopener noreferrer'
-          href='https://dify.ai/terms'
-        >{t('login.tos')}</Link>
+            <Link
+              className="system-xs-medium text-text-secondary hover:underline"
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://dify.ai/terms"
+            >
+              {t('login.tos')}
+            </Link>
               &nbsp;&&nbsp;
-        <Link
-          className='system-xs-medium text-text-secondary hover:underline'
-          target='_blank' rel='noopener noreferrer'
-          href='https://dify.ai/privacy'
-        >{t('login.pp')}</Link>
-      </div>
-    </>}
+            <Link
+              className="system-xs-medium text-text-secondary hover:underline"
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://dify.ai/privacy"
+            >
+              {t('login.pp')}
+            </Link>
+          </div>
+        </>
+      )}
 
-  </form>
+    </form>
+  )
 }
diff --git a/web/app/signup/layout.tsx b/web/app/signup/layout.tsx
index e6b9c36411..6728b66115 100644
--- a/web/app/signup/layout.tsx
+++ b/web/app/signup/layout.tsx
@@ -1,26 +1,34 @@
 'use client'
 import Header from '@/app/signin/_header'
 
-import { cn } from '@/utils/classnames'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import useDocumentTitle from '@/hooks/use-document-title'
+import { cn } from '@/utils/classnames'
 
 export default function RegisterLayout({ children }: any) {
   const { systemFeatures } = useGlobalPublicStore()
   useDocumentTitle('')
-  return <>
-    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
-      <div className={cn('flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
-        <Header />
-        <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
-          <div className='flex flex-col md:w-[400px]'>
-            {children}
+  return (
+    <>
+      <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+        <div className={cn('flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
+          <Header />
+          <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
+            <div className="flex flex-col md:w-[400px]">
+              {children}
+            </div>
           </div>
+          {systemFeatures.branding.enabled === false && (
+            <div className="system-xs-regular px-8 py-6 text-text-tertiary">
+              ©
+              {' '}
+              {new Date().getFullYear()}
+              {' '}
+              LangGenius, Inc. All rights reserved.
+            </div>
+          )}
         </div>
-        {systemFeatures.branding.enabled === false && <div className='system-xs-regular px-8 py-6 text-text-tertiary'>
-          © {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
-        </div>}
       </div>
-    </div>
-  </>
+    </>
+  )
 }
diff --git a/web/app/signup/page.tsx b/web/app/signup/page.tsx
index d410f5c085..4b75445b2c 100644
--- a/web/app/signup/page.tsx
+++ b/web/app/signup/page.tsx
@@ -1,8 +1,8 @@
 'use client'
-import { useCallback } from 'react'
-import MailForm from './components/input-mail'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import MailForm from './components/input-mail'
 
 const Signup = () => {
   const router = useRouter()
@@ -20,7 +20,7 @@ const Signup = () => {
     <div className="mx-auto mt-8 w-full">
       <div className="mx-auto mb-10 w-full">
         <h2 className="title-4xl-semi-bold text-text-primary">{t('login.signup.createAccount')}</h2>
-        <p className='body-md-regular mt-2 text-text-tertiary'>{t('login.signup.welcome')}</p>
+        <p className="body-md-regular mt-2 text-text-tertiary">{t('login.signup.welcome')}</p>
       </div>
       <MailForm onSuccess={handleInputMailSubmitted} />
     </div>
diff --git a/web/app/signup/set-password/page.tsx b/web/app/signup/set-password/page.tsx
index f75dff24d9..a4b6708ce8 100644
--- a/web/app/signup/set-password/page.tsx
+++ b/web/app/signup/set-password/page.tsx
@@ -1,15 +1,15 @@
 'use client'
+import type { MailRegisterResponse } from '@/service/use-common'
+import { useRouter, useSearchParams } from 'next/navigation'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter, useSearchParams } from 'next/navigation'
-import { cn } from '@/utils/classnames'
-import Button from '@/app/components/base/button'
-import Toast from '@/app/components/base/toast'
-import Input from '@/app/components/base/input'
-import { validPassword } from '@/config'
-import type { MailRegisterResponse } from '@/service/use-common'
-import { useMailRegister } from '@/service/use-common'
 import { trackEvent } from '@/app/components/base/amplitude'
+import Button from '@/app/components/base/button'
+import Input from '@/app/components/base/input'
+import Toast from '@/app/components/base/toast'
+import { validPassword } from '@/config'
+import { useMailRegister } from '@/service/use-common'
+import { cn } from '@/utils/classnames'
 
 const ChangePasswordForm = () => {
   const { t } = useTranslation()
@@ -79,13 +79,14 @@ const ChangePasswordForm = () => {
         'px-6',
         'md:px-[108px]',
       )
-    }>
-      <div className='flex flex-col md:w-[400px]'>
+    }
+    >
+      <div className="flex flex-col md:w-[400px]">
         <div className="mx-auto w-full">
           <h2 className="title-4xl-semi-bold text-text-primary">
             {t('login.changePassword')}
           </h2>
-          <p className='body-md-regular mt-2 text-text-secondary'>
+          <p className="body-md-regular mt-2 text-text-secondary">
             {t('login.changePasswordTip')}
           </p>
         </div>
@@ -93,31 +94,31 @@ const ChangePasswordForm = () => {
         <div className="mx-auto mt-6 w-full">
           <div>
             {/* Password */}
-            <div className='mb-5'>
+            <div className="mb-5">
               <label htmlFor="password" className="system-md-semibold my-2 text-text-secondary">
                 {t('common.account.newPassword')}
               </label>
-              <div className='relative mt-1'>
+              <div className="relative mt-1">
                 <Input
                   id="password"
-                  type='password'
+                  type="password"
                   value={password}
                   onChange={e => setPassword(e.target.value)}
                   placeholder={t('login.passwordPlaceholder') || ''}
                 />
 
               </div>
-              <div className='body-xs-regular mt-1 text-text-secondary'>{t('login.error.passwordInvalid')}</div>
+              <div className="body-xs-regular mt-1 text-text-secondary">{t('login.error.passwordInvalid')}</div>
             </div>
             {/* Confirm Password */}
-            <div className='mb-5'>
+            <div className="mb-5">
               <label htmlFor="confirmPassword" className="system-md-semibold my-2 text-text-secondary">
                 {t('common.account.confirmPassword')}
               </label>
-              <div className='relative mt-1'>
+              <div className="relative mt-1">
                 <Input
                   id="confirmPassword"
-                  type='password'
+                  type="password"
                   value={confirmPassword}
                   onChange={e => setConfirmPassword(e.target.value)}
                   placeholder={t('login.confirmPasswordPlaceholder') || ''}
@@ -126,8 +127,8 @@ const ChangePasswordForm = () => {
             </div>
             <div>
               <Button
-                variant='primary'
-                className='w-full'
+                variant="primary"
+                className="w-full"
                 onClick={handleSubmit}
                 disabled={isPending || !password || !confirmPassword}
               >
diff --git a/web/config/index.spec.ts b/web/config/index.spec.ts
index fd6b541006..7b1d91186d 100644
--- a/web/config/index.spec.ts
+++ b/web/config/index.spec.ts
@@ -1,11 +1,10 @@
-import { validPassword } from './index'
-import { VAR_REGEX, resetReg } from './index'
+import { resetReg, validPassword, VAR_REGEX } from './index'
 
 describe('config test', () => {
   const passwordRegex = validPassword
 
   // Valid passwords
-  test('Valid passwords: contains letter+digit, length ≥8', () => {
+  it('Valid passwords: contains letter+digit, length ≥8', () => {
     expect(passwordRegex.test('password1')).toBe(true)
     expect(passwordRegex.test('PASSWORD1')).toBe(true)
     expect(passwordRegex.test('12345678a')).toBe(true)
@@ -15,40 +14,40 @@ describe('config test', () => {
   })
 
   // Missing letter
-  test('Invalid passwords: missing letter', () => {
+  it('Invalid passwords: missing letter', () => {
     expect(passwordRegex.test('12345678')).toBe(false)
     expect(passwordRegex.test('!@#$%^&*123')).toBe(false)
   })
 
   // Missing digit
-  test('Invalid passwords: missing digit', () => {
+  it('Invalid passwords: missing digit', () => {
     expect(passwordRegex.test('password')).toBe(false)
     expect(passwordRegex.test('PASSWORD')).toBe(false)
     expect(passwordRegex.test('AbCdEfGh')).toBe(false)
   })
 
   // Too short
-  test('Invalid passwords: less than 8 characters', () => {
+  it('Invalid passwords: less than 8 characters', () => {
     expect(passwordRegex.test('pass1')).toBe(false)
     expect(passwordRegex.test('abc123')).toBe(false)
     expect(passwordRegex.test('1a')).toBe(false)
   })
 
   // Boundary test
-  test('Boundary test: exactly 8 characters', () => {
+  it('Boundary test: exactly 8 characters', () => {
     expect(passwordRegex.test('abc12345')).toBe(true)
     expect(passwordRegex.test('1abcdefg')).toBe(true)
   })
 
   // Special characters
-  test('Special characters: non-whitespace special chars allowed', () => {
+  it('Special characters: non-whitespace special chars allowed', () => {
     expect(passwordRegex.test('pass@123')).toBe(true)
     expect(passwordRegex.test('p@$$w0rd')).toBe(true)
     expect(passwordRegex.test('!1aBcDeF')).toBe(true)
   })
 
   // Contains whitespace
-  test('Invalid passwords: contains whitespace', () => {
+  it('Invalid passwords: contains whitespace', () => {
     expect(passwordRegex.test('pass word1')).toBe(false)
     expect(passwordRegex.test('password1 ')).toBe(false)
     expect(passwordRegex.test(' password1')).toBe(false)
diff --git a/web/config/index.ts b/web/config/index.ts
index 508a94f3f0..96e0f7bc4a 100644
--- a/web/config/index.ts
+++ b/web/config/index.ts
@@ -1,19 +1,21 @@
+import type { ModelParameterRule } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { InputVarType } from '@/app/components/workflow/types'
-import { AgentStrategy } from '@/types/app'
 import { PromptRole } from '@/models/debug'
 import { PipelineInputVarType } from '@/models/pipeline'
+import { AgentStrategy } from '@/types/app'
 import { DatasetAttr } from '@/types/feature'
 import pkg from '../package.json'
-import type { ModelParameterRule } from '@/app/components/header/account-setting/model-provider-page/declarations'
 
 const getBooleanConfig = (
   envVar: string | undefined,
   dataAttrKey: DatasetAttr,
   defaultValue: boolean = true,
 ) => {
-  if (envVar !== undefined && envVar !== '') return envVar === 'true'
+  if (envVar !== undefined && envVar !== '')
+    return envVar === 'true'
   const attrValue = globalThis.document?.body?.getAttribute(dataAttrKey)
-  if (attrValue !== undefined && attrValue !== '') return attrValue === 'true'
+  if (attrValue !== undefined && attrValue !== '')
+    return attrValue === 'true'
   return defaultValue
 }
 
@@ -24,13 +26,15 @@ const getNumberConfig = (
 ) => {
   if (envVar) {
     const parsed = Number.parseInt(envVar)
-    if (!Number.isNaN(parsed) && parsed > 0) return parsed
+    if (!Number.isNaN(parsed) && parsed > 0)
+      return parsed
   }
 
   const attrValue = globalThis.document?.body?.getAttribute(dataAttrKey)
   if (attrValue) {
     const parsed = Number.parseInt(attrValue)
-    if (!Number.isNaN(parsed) && parsed > 0) return parsed
+    if (!Number.isNaN(parsed) && parsed > 0)
+      return parsed
   }
   return defaultValue
 }
@@ -40,10 +44,12 @@ const getStringConfig = (
   dataAttrKey: DatasetAttr,
   defaultValue: string,
 ) => {
-  if (envVar) return envVar
+  if (envVar)
+    return envVar
 
   const attrValue = globalThis.document?.body?.getAttribute(dataAttrKey)
-  if (attrValue) return attrValue
+  if (attrValue)
+    return attrValue
   return defaultValue
 }
 
@@ -159,7 +165,8 @@ const COOKIE_DOMAIN = getStringConfig(
   '',
 ).trim()
 export const CSRF_COOKIE_NAME = () => {
-  if (COOKIE_DOMAIN) return 'csrf_token'
+  if (COOKIE_DOMAIN)
+    return 'csrf_token'
   const isSecure = API_PREFIX.startsWith('https://')
   return isSecure ? '__Host-csrf_token' : 'csrf_token'
 }
@@ -179,7 +186,8 @@ export const emailRegex = /^[\w.!#$%&'*+\-/=?^{|}~]+@([\w-]+\.)+[\w-]{2,}$/m
 const MAX_ZN_VAR_NAME_LENGTH = 8
 const MAX_EN_VAR_VALUE_LENGTH = 30
 export const getMaxVarNameLength = (value: string) => {
-  if (zhRegex.test(value)) return MAX_ZN_VAR_NAME_LENGTH
+  if (zhRegex.test(value))
+    return MAX_ZN_VAR_NAME_LENGTH
 
   return MAX_EN_VAR_VALUE_LENGTH
 }
@@ -324,7 +332,7 @@ Thought: {{agent_scratchpad}}
 }
 
 export const VAR_REGEX
-  = /\{\{(#[a-zA-Z0-9_-]{1,50}(\.\d+)?(\.[a-zA-Z_]\w{0,29}){1,10}#)\}\}/gi
+  = /\{\{(#[\w-]{1,50}(\.\d+)?(\.[a-z_]\w{0,29}){1,10}#)\}\}/gi
 
 export const resetReg = () => (VAR_REGEX.lastIndex = 0)
 
@@ -398,7 +406,7 @@ export const ENABLE_SINGLE_DOLLAR_LATEX = getBooleanConfig(
 
 export const VALUE_SELECTOR_DELIMITER = '@@@'
 
-export const validPassword = /^(?=.*[a-zA-Z])(?=.*\d)\S{8,}$/
+export const validPassword = /^(?=.*[a-z])(?=.*\d)\S{8,}$/i
 
 export const ZENDESK_WIDGET_KEY = getStringConfig(
   process.env.NEXT_PUBLIC_ZENDESK_WIDGET_KEY,
diff --git a/web/context/access-control-store.ts b/web/context/access-control-store.ts
index 3a80d7c865..1cb8eb9848 100644
--- a/web/context/access-control-store.ts
+++ b/web/context/access-control-store.ts
@@ -1,7 +1,7 @@
-import { create } from 'zustand'
 import type { AccessControlAccount, AccessControlGroup } from '@/models/access-control'
-import { AccessMode } from '@/models/access-control'
 import type { App } from '@/types/app'
+import { create } from 'zustand'
+import { AccessMode } from '@/models/access-control'
 
 type AccessControlStore = {
   appId: App['id']
diff --git a/web/context/app-context.tsx b/web/context/app-context.tsx
index 48d67c3611..b7a47048f3 100644
--- a/web/context/app-context.tsx
+++ b/web/context/app-context.tsx
@@ -1,21 +1,21 @@
 'use client'
 
+import type { FC, ReactNode } from 'react'
+import type { ICurrentWorkspace, LangGeniusVersionResponse, UserProfileResponse } from '@/models/common'
+import { useQueryClient } from '@tanstack/react-query'
+import { noop } from 'lodash-es'
 import { useCallback, useEffect, useMemo } from 'react'
 import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import type { FC, ReactNode } from 'react'
-import { useQueryClient } from '@tanstack/react-query'
+import { setUserId, setUserProperties } from '@/app/components/base/amplitude'
+import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
+import MaintenanceNotice from '@/app/components/header/maintenance-notice'
+import { ZENDESK_FIELD_IDS } from '@/config'
 import {
   useCurrentWorkspace,
   useLangGeniusVersion,
   useUserProfile,
 } from '@/service/use-common'
-import type { ICurrentWorkspace, LangGeniusVersionResponse, UserProfileResponse } from '@/models/common'
-import MaintenanceNotice from '@/app/components/header/maintenance-notice'
-import { noop } from 'lodash-es'
-import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
-import { ZENDESK_FIELD_IDS } from '@/config'
 import { useGlobalPublicStore } from './global-public-context'
-import { setUserId, setUserProperties } from '@/app/components/base/amplitude'
 
 export type AppContextValue = {
   userProfile: UserProfileResponse
@@ -195,10 +195,11 @@ export const AppContextProvider: FC<AppContextProviderProps> = ({ children }) =>
       isCurrentWorkspaceDatasetOperator,
       mutateCurrentWorkspace,
       isLoadingCurrentWorkspace,
-    }}>
-      <div className='flex h-full flex-col overflow-y-auto'>
+    }}
+    >
+      <div className="flex h-full flex-col overflow-y-auto">
         {globalThis.document?.body?.getAttribute('data-public-maintenance-notice') && <MaintenanceNotice />}
-        <div className='relative flex grow flex-col overflow-y-auto overflow-x-hidden bg-background-body'>
+        <div className="relative flex grow flex-col overflow-y-auto overflow-x-hidden bg-background-body">
           {children}
         </div>
       </div>
diff --git a/web/context/dataset-detail.ts b/web/context/dataset-detail.ts
index 81213bb14b..3aa88c584d 100644
--- a/web/context/dataset-detail.ts
+++ b/web/context/dataset-detail.ts
@@ -1,7 +1,7 @@
-import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import type { DataSet } from '@/models/datasets'
-import type { IndexingType } from '@/app/components/datasets/create/step-two'
 import type { QueryObserverResult, RefetchOptions } from '@tanstack/react-query'
+import type { IndexingType } from '@/app/components/datasets/create/step-two'
+import type { DataSet } from '@/models/datasets'
+import { createContext, useContext, useContextSelector } from 'use-context-selector'
 
 type DatasetDetailContextValue = {
   indexingTechnique?: IndexingType
diff --git a/web/context/datasets-context.tsx b/web/context/datasets-context.tsx
index e3dc38d78d..4ca7ad311e 100644
--- a/web/context/datasets-context.tsx
+++ b/web/context/datasets-context.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { createContext, useContext } from 'use-context-selector'
 import type { DataSet } from '@/models/datasets'
 import { noop } from 'lodash-es'
+import { createContext, useContext } from 'use-context-selector'
 
 export type DatasetsContextValue = {
   datasets: DataSet[]
diff --git a/web/context/debug-configuration.ts b/web/context/debug-configuration.ts
index 5301835f12..51ba4ab626 100644
--- a/web/context/debug-configuration.ts
+++ b/web/context/debug-configuration.ts
@@ -1,6 +1,8 @@
 import type { RefObject } from 'react'
-import { createContext, useContext } from 'use-context-selector'
-import { PromptMode } from '@/models/debug'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Collection } from '@/app/components/tools/types'
+import type { ExternalDataTool } from '@/models/common'
+import type { DataSet } from '@/models/datasets'
 import type {
   AnnotationReplyConfig,
   BlockStatus,
@@ -19,15 +21,12 @@ import type {
   SuggestedQuestionsAfterAnswerConfig,
   TextToSpeechConfig,
 } from '@/models/debug'
-import type { ExternalDataTool } from '@/models/common'
-import type { DataSet } from '@/models/datasets'
 import type { VisionSettings } from '@/types/app'
-import { AppModeEnum } from '@/types/app'
-import { ModelModeType, RETRIEVE_TYPE, Resolution, TransferMethod } from '@/types/app'
-import { ANNOTATION_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
-import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Collection } from '@/app/components/tools/types'
 import { noop } from 'lodash-es'
+import { createContext, useContext } from 'use-context-selector'
+import { ANNOTATION_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { PromptMode } from '@/models/debug'
+import { AppModeEnum, ModelModeType, Resolution, RETRIEVE_TYPE, TransferMethod } from '@/types/app'
 
 type IDebugConfiguration = {
   appId: string
diff --git a/web/context/event-emitter.tsx b/web/context/event-emitter.tsx
index d31e32e8aa..61a605cabf 100644
--- a/web/context/event-emitter.tsx
+++ b/web/context/event-emitter.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { createContext, useContext } from 'use-context-selector'
-import { useEventEmitter } from 'ahooks'
 import type { EventEmitter } from 'ahooks/lib/useEventEmitter'
+import { useEventEmitter } from 'ahooks'
+import { createContext, useContext } from 'use-context-selector'
 
 const EventEmitterContext = createContext<{ eventEmitter: EventEmitter<string> | null }>({
   eventEmitter: null,
diff --git a/web/context/explore-context.ts b/web/context/explore-context.ts
index d8d64fb34c..688b9036f9 100644
--- a/web/context/explore-context.ts
+++ b/web/context/explore-context.ts
@@ -1,6 +1,6 @@
-import { createContext } from 'use-context-selector'
 import type { InstalledApp } from '@/models/explore'
 import { noop } from 'lodash-es'
+import { createContext } from 'use-context-selector'
 
 type IExplore = {
   controlUpdateInstalledApps: number
diff --git a/web/context/external-knowledge-api-context.tsx b/web/context/external-knowledge-api-context.tsx
index 9bf6ece70b..b137e8ca5e 100644
--- a/web/context/external-knowledge-api-context.tsx
+++ b/web/context/external-knowledge-api-context.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { createContext, useCallback, useContext, useMemo } from 'react'
 import type { FC, ReactNode } from 'react'
 import type { ExternalAPIItem, ExternalAPIListResponse } from '@/models/datasets'
+import { createContext, useCallback, useContext, useMemo } from 'react'
 import { useExternalKnowledgeApiList } from '@/service/knowledge/use-dataset'
 
 type ExternalKnowledgeApiContextType = {
diff --git a/web/context/global-public-context.tsx b/web/context/global-public-context.tsx
index 324ac019c8..c2742bb7a9 100644
--- a/web/context/global-public-context.tsx
+++ b/web/context/global-public-context.tsx
@@ -1,12 +1,12 @@
 'use client'
-import { create } from 'zustand'
-import { useQuery } from '@tanstack/react-query'
 import type { FC, PropsWithChildren } from 'react'
-import { useEffect } from 'react'
 import type { SystemFeatures } from '@/types/feature'
-import { defaultSystemFeatures } from '@/types/feature'
-import { getSystemFeatures } from '@/service/common'
+import { useQuery } from '@tanstack/react-query'
+import { useEffect } from 'react'
+import { create } from 'zustand'
 import Loading from '@/app/components/base/loading'
+import { getSystemFeatures } from '@/service/common'
+import { defaultSystemFeatures } from '@/types/feature'
 
 type GlobalPublicStore = {
   isGlobalPending: boolean
@@ -40,7 +40,7 @@ const GlobalPublicStoreProvider: FC<PropsWithChildren> = ({
   }, [isPending, setIsPending])
 
   if (isPending)
-    return <div className='flex h-screen w-screen items-center justify-center'><Loading /></div>
+    return <div className="flex h-screen w-screen items-center justify-center"><Loading /></div>
   return <>{children}</>
 }
 export default GlobalPublicStoreProvider
diff --git a/web/context/hooks/use-trigger-events-limit-modal.ts b/web/context/hooks/use-trigger-events-limit-modal.ts
index ac02acc025..403df58378 100644
--- a/web/context/hooks/use-trigger-events-limit-modal.ts
+++ b/web/context/hooks/use-trigger-events-limit-modal.ts
@@ -1,9 +1,10 @@
-import { type Dispatch, type SetStateAction, useCallback, useEffect, useRef, useState } from 'react'
+import type { Dispatch, SetStateAction } from 'react'
+import type { ModalState } from '../modal-context'
 import dayjs from 'dayjs'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { NUM_INFINITE } from '@/app/components/billing/config'
 import { Plan } from '@/app/components/billing/type'
 import { IS_CLOUD_EDITION } from '@/config'
-import type { ModalState } from '../modal-context'
 
 export type TriggerEventsLimitModalPayload = {
   usage: number
diff --git a/web/context/i18n.ts b/web/context/i18n.ts
index 6364cbf219..773569fa21 100644
--- a/web/context/i18n.ts
+++ b/web/context/i18n.ts
@@ -1,10 +1,10 @@
+import type { Locale } from '@/i18n-config'
+import { noop } from 'lodash-es'
 import {
   createContext,
   useContext,
 } from 'use-context-selector'
-import type { Locale } from '@/i18n-config'
 import { getDocLanguage, getLanguage, getPricingPageLanguage } from '@/i18n-config/language'
-import { noop } from 'lodash-es'
 
 type II18NContext = {
   locale: Locale
diff --git a/web/context/mitt-context.tsx b/web/context/mitt-context.tsx
index 2b437b0c30..6c6209b5a5 100644
--- a/web/context/mitt-context.tsx
+++ b/web/context/mitt-context.tsx
@@ -1,6 +1,6 @@
+import { noop } from 'lodash-es'
 import { createContext, useContext, useContextSelector } from 'use-context-selector'
 import { useMitt } from '@/hooks/use-mitt'
-import { noop } from 'lodash-es'
 
 type ContextValueType = ReturnType<typeof useMitt>
 export const MittContext = createContext<ContextValueType>({
diff --git a/web/context/modal-context.test.tsx b/web/context/modal-context.test.tsx
index 5ea8422030..07a82939a0 100644
--- a/web/context/modal-context.test.tsx
+++ b/web/context/modal-context.test.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
 import { act, render, screen, waitFor } from '@testing-library/react'
-import { ModalContextProvider } from '@/context/modal-context'
-import { Plan } from '@/app/components/billing/type'
+import React from 'react'
 import { defaultPlan } from '@/app/components/billing/config'
+import { Plan } from '@/app/components/billing/type'
+import { ModalContextProvider } from '@/context/modal-context'
 
 vi.mock('@/config', async (importOriginal) => {
   const actual = await importOriginal<typeof import('@/config')>()
diff --git a/web/context/modal-context.tsx b/web/context/modal-context.tsx
index 7f08045993..2afd1b7b2f 100644
--- a/web/context/modal-context.tsx
+++ b/web/context/modal-context.tsx
@@ -1,45 +1,46 @@
 'use client'
 
 import type { Dispatch, SetStateAction } from 'react'
-import { useCallback, useEffect, useState } from 'react'
-import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import { useSearchParams } from 'next/navigation'
+import type { TriggerEventsLimitModalPayload } from './hooks/use-trigger-events-limit-modal'
+import type { OpeningStatement } from '@/app/components/base/features/types'
+import type { CreateExternalAPIReq } from '@/app/components/datasets/external-api/declarations'
+import type { AccountSettingTab } from '@/app/components/header/account-setting/constants'
 import type {
   ConfigurationMethodEnum,
   Credential,
   CustomConfigurationModelFixedFields,
   CustomModel,
+  ModelModalModeEnum,
   ModelProvider,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import {
-  EDUCATION_PRICING_SHOW_ACTION,
-  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
-} from '@/app/education-apply/constants'
-import type { AccountSettingTab } from '@/app/components/header/account-setting/constants'
+import type { ModelLoadBalancingModalProps } from '@/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal'
+import type { UpdatePluginPayload } from '@/app/components/plugins/types'
+import type { InputVar } from '@/app/components/workflow/types'
+import type { ExpireNoticeModalPayloadProps } from '@/app/education-apply/expire-notice-modal'
+import type {
+  ApiBasedExtension,
+  ExternalDataTool,
+} from '@/models/common'
+import type { ModerationConfig, PromptVariable } from '@/models/debug'
+import { noop } from 'lodash-es'
+import dynamic from 'next/dynamic'
+import { useSearchParams } from 'next/navigation'
+import { useCallback, useEffect, useState } from 'react'
+import { createContext, useContext, useContextSelector } from 'use-context-selector'
 import {
   ACCOUNT_SETTING_MODAL_ACTION,
   DEFAULT_ACCOUNT_SETTING_TAB,
   isValidAccountSettingTab,
 } from '@/app/components/header/account-setting/constants'
-import type { ModerationConfig, PromptVariable } from '@/models/debug'
-import type {
-  ApiBasedExtension,
-  ExternalDataTool,
-} from '@/models/common'
-import type { CreateExternalAPIReq } from '@/app/components/datasets/external-api/declarations'
-import type { ModelLoadBalancingModalProps } from '@/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal'
-import type { OpeningStatement } from '@/app/components/base/features/types'
-import type { InputVar } from '@/app/components/workflow/types'
-import type { UpdatePluginPayload } from '@/app/components/plugins/types'
-import { removeSpecificQueryParam } from '@/utils'
-import { noop } from 'lodash-es'
-import dynamic from 'next/dynamic'
-import type { ExpireNoticeModalPayloadProps } from '@/app/education-apply/expire-notice-modal'
-import type { ModelModalModeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { useProviderContext } from '@/context/provider-context'
-import { useAppContext } from '@/context/app-context'
 import {
-  type TriggerEventsLimitModalPayload,
+  EDUCATION_PRICING_SHOW_ACTION,
+  EDUCATION_VERIFYING_LOCALSTORAGE_ITEM,
+} from '@/app/education-apply/constants'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
+import { removeSpecificQueryParam } from '@/utils'
+import {
+
   useTriggerEventsLimitModal,
 } from './hooks/use-trigger-events-limit-modal'
 
@@ -92,7 +93,7 @@ export type ModalState<T> = {
   onEditCallback?: (newPayload: T) => void
   onValidateBeforeSaveCallback?: (newPayload: T) => boolean
   isEditMode?: boolean
-  datasetBindings?: { id: string; name: string }[]
+  datasetBindings?: { id: string, name: string }[]
 }
 
 export type ModelModalType = {
@@ -358,7 +359,8 @@ export const ModalContextProvider = ({
       setShowUpdatePluginModal,
       setShowEducationExpireNoticeModal,
       setShowTriggerEventsLimitModal,
-    }}>
+    }}
+    >
       <>
         {children}
         {
@@ -410,7 +412,8 @@ export const ModalContextProvider = ({
           showAnnotationFullModal && (
             <AnnotationFullModal
               show={showAnnotationFullModal}
-              onHide={() => setShowAnnotationFullModal(false)} />
+              onHide={() => setShowAnnotationFullModal(false)}
+            />
           )
         }
         {
@@ -478,7 +481,8 @@ export const ModalContextProvider = ({
               {...showEducationExpireNoticeModal.payload}
               onClose={() => setShowEducationExpireNoticeModal(null)}
             />
-          )}
+          )
+        }
         {
           !!showTriggerEventsLimitModal && (
             <TriggerEventsLimitModal
@@ -496,7 +500,8 @@ export const ModalContextProvider = ({
                 handleShowPricingModal()
               }}
             />
-          )}
+          )
+        }
       </>
     </ModalContext.Provider>
   )
diff --git a/web/context/provider-context-mock.spec.tsx b/web/context/provider-context-mock.spec.tsx
index ae2d634a5d..5b5f71c972 100644
--- a/web/context/provider-context-mock.spec.tsx
+++ b/web/context/provider-context-mock.spec.tsx
@@ -1,8 +1,8 @@
-import { render } from '@testing-library/react'
 import type { UsagePlanInfo } from '@/app/components/billing/type'
+import { render } from '@testing-library/react'
+import { createMockPlan, createMockPlanReset, createMockPlanTotal, createMockPlanUsage } from '@/__mocks__/provider-context'
 import { Plan } from '@/app/components/billing/type'
 import ProviderContextMock from './provider-context-mock'
-import { createMockPlan, createMockPlanReset, createMockPlanTotal, createMockPlanUsage } from '@/__mocks__/provider-context'
 
 let mockPlan: Plan = Plan.sandbox
 const usage: UsagePlanInfo = {
diff --git a/web/context/provider-context.tsx b/web/context/provider-context.tsx
index e1739853c6..eb2a034f3b 100644
--- a/web/context/provider-context.tsx
+++ b/web/context/provider-context.tsx
@@ -1,34 +1,33 @@
 'use client'
 
-import { createContext, useContext, useContextSelector } from 'use-context-selector'
-import { useEffect, useState } from 'react'
-import dayjs from 'dayjs'
-import { useTranslation } from 'react-i18next'
+import type { Plan, UsagePlanInfo, UsageResetInfo } from '@/app/components/billing/type'
+import type { Model, ModelProvider } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { RETRIEVE_METHOD } from '@/types/app'
 import { useQueryClient } from '@tanstack/react-query'
+import dayjs from 'dayjs'
+import { noop } from 'lodash-es'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { createContext, useContext, useContextSelector } from 'use-context-selector'
+import Toast from '@/app/components/base/toast'
+import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
+import { defaultPlan } from '@/app/components/billing/config'
+import { parseCurrentPlan } from '@/app/components/billing/utils'
+import {
+  CurrentSystemQuotaTypeEnum,
+  ModelStatusEnum,
+  ModelTypeEnum,
+} from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { ZENDESK_FIELD_IDS } from '@/config'
+import { fetchCurrentPlanInfo } from '@/service/billing'
 import {
   useModelListByType,
   useModelProviders,
   useSupportRetrievalMethods,
 } from '@/service/use-common'
-import {
-  CurrentSystemQuotaTypeEnum,
-  ModelStatusEnum,
-  ModelTypeEnum,
-} from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Model, ModelProvider } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { RETRIEVE_METHOD } from '@/types/app'
-import type { Plan, UsageResetInfo } from '@/app/components/billing/type'
-import type { UsagePlanInfo } from '@/app/components/billing/type'
-import { fetchCurrentPlanInfo } from '@/service/billing'
-import { parseCurrentPlan } from '@/app/components/billing/utils'
-import { defaultPlan } from '@/app/components/billing/config'
-import Toast from '@/app/components/base/toast'
 import {
   useEducationStatus,
 } from '@/service/use-education'
-import { noop } from 'lodash-es'
-import { setZendeskConversationFields } from '@/app/components/base/zendesk/utils'
-import { ZENDESK_FIELD_IDS } from '@/config'
 
 export type ProviderContextState = {
   modelProviders: ModelProvider[]
@@ -61,7 +60,7 @@ export type ProviderContextState = {
       size: number
       limit: number
     }
-  },
+  }
   refreshLicenseLimit: () => void
   isAllowTransferWorkspace: boolean
   isAllowPublishAsCustomKnowledgePipelineTemplate: boolean
@@ -251,7 +250,8 @@ export const ProviderContextProvider = ({
       refreshLicenseLimit: fetchPlan,
       isAllowTransferWorkspace,
       isAllowPublishAsCustomKnowledgePipelineTemplate,
-    }}>
+    }}
+    >
       {children}
     </ProviderContext.Provider>
   )
diff --git a/web/context/query-client.tsx b/web/context/query-client.tsx
index 3deccba439..da95491630 100644
--- a/web/context/query-client.tsx
+++ b/web/context/query-client.tsx
@@ -16,8 +16,10 @@ const client = new QueryClient({
 
 export const TanstackQueryInitializer: FC<PropsWithChildren> = (props) => {
   const { children } = props
-  return <QueryClientProvider client={client}>
-    {children}
-    <ReactQueryDevtools initialIsOpen={false} />
-  </QueryClientProvider>
+  return (
+    <QueryClientProvider client={client}>
+      {children}
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  )
 }
diff --git a/web/context/web-app-context.tsx b/web/context/web-app-context.tsx
index 1b189cd452..e6680c95a5 100644
--- a/web/context/web-app-context.tsx
+++ b/web/context/web-app-context.tsx
@@ -1,15 +1,15 @@
 'use client'
 
-import type { ChatConfig } from '@/app/components/base/chat/types'
-import Loading from '@/app/components/base/loading'
-import { AccessMode } from '@/models/access-control'
-import type { AppData, AppMeta } from '@/models/share'
-import { useGetWebAppAccessModeByCode } from '@/service/use-share'
-import { usePathname, useSearchParams } from 'next/navigation'
 import type { FC, PropsWithChildren } from 'react'
+import type { ChatConfig } from '@/app/components/base/chat/types'
+import type { AppData, AppMeta } from '@/models/share'
+import { usePathname, useSearchParams } from 'next/navigation'
 import { useEffect } from 'react'
 import { create } from 'zustand'
 import { getProcessedSystemVariablesFromUrlParams } from '@/app/components/base/chat/utils'
+import Loading from '@/app/components/base/loading'
+import { AccessMode } from '@/models/access-control'
+import { useGetWebAppAccessModeByCode } from '@/service/use-share'
 import { useGlobalPublicStore } from './global-public-context'
 
 type WebAppStore = {
@@ -112,9 +112,11 @@ const WebAppStoreProvider: FC<PropsWithChildren> = ({ children }) => {
   }, [accessModeResult, updateWebAppAccessMode, shareCode])
 
   if (isGlobalPending || isLoading) {
-    return <div className='flex h-full w-full items-center justify-center'>
-      <Loading />
-    </div>
+    return (
+      <div className="flex h-full w-full items-center justify-center">
+        <Loading />
+      </div>
+    )
   }
   return (
     <>
diff --git a/web/context/workspace-context.tsx b/web/context/workspace-context.tsx
index da7dcf5a50..3834641bc1 100644
--- a/web/context/workspace-context.tsx
+++ b/web/context/workspace-context.tsx
@@ -1,8 +1,8 @@
 'use client'
 
+import type { IWorkspace } from '@/models/common'
 import { createContext, useContext } from 'use-context-selector'
 import { useWorkspaces } from '@/service/use-common'
-import type { IWorkspace } from '@/models/common'
 
 export type WorkspacesContextValue = {
   workspaces: IWorkspace[]
@@ -24,7 +24,8 @@ export const WorkspaceProvider = ({
   return (
     <WorkspacesContext.Provider value={{
       workspaces: data?.workspaces || [],
-    }}>
+    }}
+    >
       {children}
     </WorkspacesContext.Provider>
   )
diff --git a/web/eslint.config.mjs b/web/eslint.config.mjs
index ea2c961ad0..da425efb62 100644
--- a/web/eslint.config.mjs
+++ b/web/eslint.config.mjs
@@ -1,149 +1,65 @@
-import {
-  GLOB_TESTS, combine, javascript, node,
-  stylistic, typescript, unicorn,
-} from '@antfu/eslint-config'
-import globals from 'globals'
-import storybook from 'eslint-plugin-storybook'
-// import { fixupConfigRules } from '@eslint/compat'
-import tailwind from 'eslint-plugin-tailwindcss'
-import reactHooks from 'eslint-plugin-react-hooks'
+// @ts-check
+import antfu from '@antfu/eslint-config'
 import sonar from 'eslint-plugin-sonarjs'
-import oxlint from 'eslint-plugin-oxlint'
-import next from '@next/eslint-plugin-next'
+import storybook from 'eslint-plugin-storybook'
+import tailwind from 'eslint-plugin-tailwindcss'
 
-// import reactRefresh from 'eslint-plugin-react-refresh'
-
-export default combine(
-  stylistic({
-    lessOpinionated: true,
-    // original @antfu/eslint-config does not support jsx
-    jsx: false,
-    semi: false,
-    quotes: 'single',
-    overrides: {
-      // original config
-      'style/indent': ['error', 2],
-      'style/quotes': ['error', 'single'],
-      'curly': ['error', 'multi-or-nest', 'consistent'],
-      'style/comma-spacing': ['error', { before: false, after: true }],
-      'style/quote-props': ['warn', 'consistent-as-needed'],
-
-      // these options does not exist in old version
-      // maybe useless
-      'style/indent-binary-ops': 'off',
-      'style/multiline-ternary': 'off',
-      'antfu/top-level-function': 'off',
-      'antfu/curly': 'off',
-      'antfu/consistent-chaining': 'off',
-
-      // copy from eslint-config-antfu 0.36.0
-      'style/brace-style': ['error', 'stroustrup', { allowSingleLine: true }],
-      'style/dot-location': ['error', 'property'],
-      'style/object-curly-newline': ['error', { consistent: true, multiline: true }],
-      'style/template-curly-spacing': ['error', 'never'],
-      'style/keyword-spacing': 'off',
-
-      // not exist in old version, and big change
-      'style/member-delimiter-style': 'off',
-    },
-  }),
-  javascript({
-    overrides: {
-      // handled by unused-imports/no-unused-vars
-      'no-unused-vars': 'off',
-    },
-  }),
-  typescript({
-    overrides: {
-      // original config
-      'ts/consistent-type-definitions': ['warn', 'type'],
-
-      // useful, but big change
-      'ts/no-empty-object-type': 'off',
-    },
-  }),
-  unicorn(),
-  node(),
-  // Next.js configuration
+export default antfu(
   {
-    plugins: {
-      '@next/next': next,
+    react: {
+      overrides: {
+        'react/no-context-provider': 'off',
+        'react/no-forward-ref': 'off',
+        'react/no-use-context': 'off',
+      },
     },
-    rules: {
-      ...next.configs.recommended.rules,
-      ...next.configs['core-web-vitals'].rules,
-      // performance issue, and not used.
-      '@next/next/no-html-link-for-pages': 'off',
+    nextjs: true,
+    ignores: ['public'],
+    typescript: {
+      overrides: {
+        'ts/consistent-type-definitions': ['error', 'type'],
+      },
     },
-  },
-  {
-    ignores: [
-      'storybook-static/**',
-      '**/node_modules/*',
-      '**/dist/',
-      '**/build/',
-      '**/out/',
-      '**/.next/',
-      '**/public/*',
-      '**/*.json',
-      '**/*.js',
-    ],
-  },
-  {
-    // orignal config
-    rules: {
-      // orignal ts/no-var-requires
-      'ts/no-require-imports': 'off',
-      'no-console': 'off',
-      'react/display-name': 'off',
-      'array-callback-return': ['error', {
-        allowImplicit: false,
-        checkForEach: false,
-      }],
-
-      // copy from eslint-config-antfu 0.36.0
-      'camelcase': 'off',
-      'default-case-last': 'error',
-
-      // antfu use eslint-plugin-perfectionist to replace this
-      // will cause big change, so keep the original sort-imports
-      'sort-imports': [
-        'error',
-        {
-          ignoreCase: false,
-          ignoreDeclarationSort: true,
-          ignoreMemberSort: false,
-          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
-          allowSeparatedGroups: false,
-        },
-      ],
-
-      // antfu migrate to eslint-plugin-unused-imports
-      'unused-imports/no-unused-vars': 'warn',
-      'unused-imports/no-unused-imports': 'warn',
-
-      // We use `import { noop } from 'lodash-es'` across `web` project
-      'no-empty-function': 'error',
+    test: {
+      overrides: {
+        'test/prefer-lowercase-title': 'off',
+      },
     },
-
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.es2025,
-        ...globals.node,
-        React: 'readable',
-        JSX: 'readable',
+    stylistic: {
+      overrides: {
+        'antfu/top-level-function': 'off',
       },
     },
   },
-  storybook.configs['flat/recommended'],
-  // reactRefresh.configs.recommended,
+  // downgrade some rules from error to warn for gradual adoption
+  // we should fix these in following pull requests
   {
-    rules: reactHooks.configs.recommended.rules,
-    plugins: {
-      'react-hooks': reactHooks,
+    // @keep-sorted
+    rules: {
+      'next/inline-script-id': 'warn',
+      'no-console': 'warn',
+      'no-irregular-whitespace': 'warn',
+      'no-unused-vars': 'warn',
+      'node/prefer-global/buffer': 'warn',
+      'node/prefer-global/process': 'warn',
+      'react/no-create-ref': 'warn',
+      'react/no-missing-key': 'warn',
+      'react/no-nested-component-definitions': 'warn',
+      'regexp/no-dupe-disjunctions': 'warn',
+      'regexp/no-super-linear-backtracking': 'warn',
+      'regexp/no-unused-capturing-group': 'warn',
+      'regexp/no-useless-assertions': 'warn',
+      'regexp/no-useless-quantifier': 'warn',
+      'style/multiline-ternary': 'warn',
+      'test/no-identical-title': 'warn',
+      'test/prefer-hooks-in-order': 'warn',
+      'ts/no-empty-object-type': 'warn',
+      'ts/no-require-imports': 'warn',
+      'unicorn/prefer-number-properties': 'warn',
+      'unused-imports/no-unused-vars': 'warn',
     },
   },
+  storybook.configs['flat/recommended'],
   // sonar
   {
     rules: {
@@ -180,6 +96,14 @@ export default combine(
       // others
       'sonarjs/todo-tag': 'warn',
       'sonarjs/table-header': 'off',
+
+      // new from this update
+      'sonarjs/unused-import': 'off',
+      'sonarjs/use-type-alias': 'warn',
+      'sonarjs/single-character-alternation': 'warn',
+      'sonarjs/no-os-command-from-path': 'warn',
+      'sonarjs/class-name': 'off',
+      'sonarjs/no-redundant-jump': 'warn',
     },
     plugins: {
       sonarjs: sonar,
@@ -193,38 +117,6 @@ export default combine(
       'max-lines': 'off',
     },
   },
-  // need further research
-  {
-    rules: {
-      // not exist in old version
-      'antfu/consistent-list-newline': 'off',
-      'node/prefer-global/process': 'off',
-      'node/prefer-global/buffer': 'off',
-      'node/no-callback-literal': 'off',
-      'eslint-comments/no-unused-disable': 'off',
-      'tailwindcss/no-arbitrary-value': 'off',
-      'tailwindcss/classnames-order': 'off',
-      'style/indent': ['error', 2, {
-        SwitchCase: 1,
-        ignoreComments: true,
-
-      }],
-      // useful, but big change
-      'unicorn/prefer-number-properties': 'warn',
-      'unicorn/no-new-array': 'warn',
-    },
-  },
-  // suppress error for `no-undef` rule
-  {
-    files: GLOB_TESTS,
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.es2021,
-        ...globals.node,
-      },
-    },
-  },
   tailwind.configs['flat/recommended'],
   {
     settings: {
@@ -263,5 +155,4 @@ export default combine(
       'tailwindcss/migration-from-tailwind-2': 'warn',
     },
   },
-  ...oxlint.buildFromOxlintConfigFile('./.oxlintrc.json'),
 )
diff --git a/web/hooks/use-app-favicon.ts b/web/hooks/use-app-favicon.ts
index e8a0173371..32b8f6893a 100644
--- a/web/hooks/use-app-favicon.ts
+++ b/web/hooks/use-app-favicon.ts
@@ -1,7 +1,7 @@
+import type { AppIconType } from '@/types/app'
 import { useAsyncEffect } from 'ahooks'
 import { appDefaultIconBackground } from '@/config'
 import { searchEmoji } from '@/utils/emoji'
-import type { AppIconType } from '@/types/app'
 
 type UseAppFaviconOptions = {
   enable?: boolean
@@ -31,11 +31,11 @@ export function useAppFavicon(options: UseAppFaviconOptions) {
     link.href = isValidImageIcon
       ? icon_url
       : 'data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22>'
-            + `<rect width=%22100%25%22 height=%22100%25%22 fill=%22${encodeURIComponent(icon_background || appDefaultIconBackground)}%22 rx=%2230%22 ry=%2230%22 />`
-            + `<text x=%2212.5%22 y=%221em%22 font-size=%2275%22>${
-              icon ? await searchEmoji(icon) : '🤖'
-            }</text>`
-            + '</svg>'
+        + `<rect width=%22100%25%22 height=%22100%25%22 fill=%22${encodeURIComponent(icon_background || appDefaultIconBackground)}%22 rx=%2230%22 ry=%2230%22 />`
+        + `<text x=%2212.5%22 y=%221em%22 font-size=%2275%22>${
+          icon ? await searchEmoji(icon) : '🤖'
+        }</text>`
+        + '</svg>'
 
     link.rel = 'shortcut icon'
     link.type = 'image/svg'
diff --git a/web/hooks/use-document-title.spec.ts b/web/hooks/use-document-title.spec.ts
index 27bfe6d3fe..3909978591 100644
--- a/web/hooks/use-document-title.spec.ts
+++ b/web/hooks/use-document-title.spec.ts
@@ -1,3 +1,5 @@
+import { act, renderHook } from '@testing-library/react'
+import { useGlobalPublicStore } from '@/context/global-public-context'
 /**
  * Test suite for useDocumentTitle hook
  *
@@ -11,9 +13,7 @@
  * If no page title: "[Brand Name]"
  */
 import { defaultSystemFeatures } from '@/types/feature'
-import { act, renderHook } from '@testing-library/react'
 import useDocumentTitle from './use-document-title'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 
 vi.mock('@/service/common', () => ({
   getSystemFeatures: vi.fn(() => ({ ...defaultSystemFeatures })),
diff --git a/web/hooks/use-document-title.ts b/web/hooks/use-document-title.ts
index 10a167a9ea..bb69aeb20f 100644
--- a/web/hooks/use-document-title.ts
+++ b/web/hooks/use-document-title.ts
@@ -1,8 +1,8 @@
 'use client'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useFavicon, useTitle } from 'ahooks'
-import { basePath } from '@/utils/var'
 import { useEffect } from 'react'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { basePath } from '@/utils/var'
 
 export default function useDocumentTitle(title: string) {
   const isPending = useGlobalPublicStore(s => s.isGlobalPending)
diff --git a/web/hooks/use-format-time-from-now.spec.ts b/web/hooks/use-format-time-from-now.spec.ts
index 87e33b6467..c5236dfbe6 100644
--- a/web/hooks/use-format-time-from-now.spec.ts
+++ b/web/hooks/use-format-time-from-now.spec.ts
@@ -13,6 +13,9 @@ import type { Mock } from 'vitest'
  * - Returns human-readable relative time strings
  */
 import { renderHook } from '@testing-library/react'
+// Import after mock to get the mocked version
+import { useI18N } from '@/context/i18n'
+
 import { useFormatTimeFromNow } from './use-format-time-from-now'
 
 // Mock the i18n context
@@ -22,9 +25,6 @@ vi.mock('@/context/i18n', () => ({
   })),
 }))
 
-// Import after mock to get the mocked version
-import { useI18N } from '@/context/i18n'
-
 describe('useFormatTimeFromNow', () => {
   beforeEach(() => {
     vi.clearAllMocks()
@@ -315,10 +315,27 @@ describe('useFormatTimeFromNow', () => {
      */
     it('should handle all mapped locales', () => {
       const locales = [
-        'en-US', 'zh-Hans', 'zh-Hant', 'pt-BR', 'es-ES', 'fr-FR',
-        'de-DE', 'ja-JP', 'ko-KR', 'ru-RU', 'it-IT', 'th-TH',
-        'id-ID', 'uk-UA', 'vi-VN', 'ro-RO', 'pl-PL', 'hi-IN',
-        'tr-TR', 'fa-IR', 'sl-SI',
+        'en-US',
+        'zh-Hans',
+        'zh-Hant',
+        'pt-BR',
+        'es-ES',
+        'fr-FR',
+        'de-DE',
+        'ja-JP',
+        'ko-KR',
+        'ru-RU',
+        'it-IT',
+        'th-TH',
+        'id-ID',
+        'uk-UA',
+        'vi-VN',
+        'ro-RO',
+        'pl-PL',
+        'hi-IN',
+        'tr-TR',
+        'fa-IR',
+        'sl-SI',
       ]
 
       const now = Date.now()
diff --git a/web/hooks/use-format-time-from-now.ts b/web/hooks/use-format-time-from-now.ts
index db3be93df2..09d8db7321 100644
--- a/web/hooks/use-format-time-from-now.ts
+++ b/web/hooks/use-format-time-from-now.ts
@@ -1,8 +1,8 @@
+import type { Locale } from '@/i18n-config'
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import { useCallback } from 'react'
 import { useI18N } from '@/context/i18n'
-import type { Locale } from '@/i18n-config'
 import 'dayjs/locale/de'
 import 'dayjs/locale/es'
 import 'dayjs/locale/fa'
diff --git a/web/hooks/use-import-dsl.ts b/web/hooks/use-import-dsl.ts
index e5fafb1e75..35aa701fbd 100644
--- a/web/hooks/use-import-dsl.ts
+++ b/web/hooks/use-import-dsl.ts
@@ -1,25 +1,25 @@
+import type {
+  DSLImportMode,
+  DSLImportResponse,
+} from '@/models/app'
+import type { AppIconType } from '@/types/app'
+import { useRouter } from 'next/navigation'
 import {
   useCallback,
   useRef,
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useRouter } from 'next/navigation'
-import type {
-  DSLImportMode,
-  DSLImportResponse,
-} from '@/models/app'
+import { useToastContext } from '@/app/components/base/toast'
+import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { useSelector } from '@/context/app-context'
 import { DSLImportStatus } from '@/models/app'
 import {
   importDSL,
   importDSLConfirm,
 } from '@/service/apps'
-import type { AppIconType } from '@/types/app'
-import { useToastContext } from '@/app/components/base/toast'
-import { usePluginDependencies } from '@/app/components/workflow/plugin-dependency/hooks'
 import { getRedirection } from '@/utils/app-redirection'
-import { useSelector } from '@/context/app-context'
-import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
 
 type DSLPayload = {
   mode: DSLImportMode
@@ -43,7 +43,7 @@ export const useImportDSL = () => {
   const { handleCheckPluginDependencies } = usePluginDependencies()
   const isCurrentWorkspaceEditor = useSelector(s => s.isCurrentWorkspaceEditor)
   const { push } = useRouter()
-  const [versions, setVersions] = useState<{ importedVersion: string; systemVersion: string }>()
+  const [versions, setVersions] = useState<{ importedVersion: string, systemVersion: string }>()
   const importIdRef = useRef<string>('')
 
   const handleImportDSL = useCallback(async (
diff --git a/web/hooks/use-metadata.ts b/web/hooks/use-metadata.ts
index 436747c86e..a51e6b150e 100644
--- a/web/hooks/use-metadata.ts
+++ b/web/hooks/use-metadata.ts
@@ -1,8 +1,9 @@
 'use client'
+import type { DocType } from '@/models/datasets'
 import { useTranslation } from 'react-i18next'
-import { formatFileSize, formatNumber, formatTime } from '@/utils/format'
-import { ChunkingMode, type DocType } from '@/models/datasets'
 import useTimestamp from '@/hooks/use-timestamp'
+import { ChunkingMode } from '@/models/datasets'
+import { formatFileSize, formatNumber, formatTime } from '@/utils/format'
 
 export type inputType = 'input' | 'select' | 'textarea'
 export type metadataType = DocType | 'originInfo' | 'technicalParameters'
diff --git a/web/hooks/use-mitt.ts b/web/hooks/use-mitt.ts
index 584636c8a6..e29396aefb 100644
--- a/web/hooks/use-mitt.ts
+++ b/web/hooks/use-mitt.ts
@@ -12,10 +12,10 @@ export type _Events = Record<EventType, unknown>
 
 export type UseSubscribeOption = {
   /**
-     * Whether the subscription is enabled.
-     * @default true
-     */
-  enabled: boolean;
+   * Whether the subscription is enabled.
+   * @default true
+   */
+  enabled: boolean
 }
 
 export type ExtendedOn<Events extends _Events> = {
@@ -23,17 +23,17 @@ export type ExtendedOn<Events extends _Events> = {
     type: Key,
     handler: Handler<Events[Key]>,
     options?: UseSubscribeOption,
-  ): void;
+  ): void
   (
     type: '*',
     handler: WildcardHandler<Events>,
     option?: UseSubscribeOption,
-  ): void;
+  ): void
 }
 
 export type UseMittReturn<Events extends _Events> = {
-  useSubscribe: ExtendedOn<Events>;
-  emit: Emitter<Events>['emit'];
+  useSubscribe: ExtendedOn<Events>
+  emit: Emitter<Events>['emit']
 }
 
 const defaultSubscribeOption: UseSubscribeOption = {
diff --git a/web/hooks/use-moderate.ts b/web/hooks/use-moderate.ts
index 11b078fbd9..e42441e58e 100644
--- a/web/hooks/use-moderate.ts
+++ b/web/hooks/use-moderate.ts
@@ -1,5 +1,5 @@
-import { useEffect, useRef, useState } from 'react'
 import type { ModerationService } from '@/models/common'
+import { useEffect, useRef, useState } from 'react'
 
 function splitStringByLength(inputString: string, chunkLength: number) {
   const resultArray = []
diff --git a/web/hooks/use-pay.tsx b/web/hooks/use-pay.tsx
index 3812949dec..486fa299a7 100644
--- a/web/hooks/use-pay.tsx
+++ b/web/hooks/use-pay.tsx
@@ -1,9 +1,9 @@
 'use client'
 
-import { useCallback, useEffect, useState } from 'react'
-import { useRouter, useSearchParams } from 'next/navigation'
-import { useTranslation } from 'react-i18next'
 import type { IConfirm } from '@/app/components/base/confirm'
+import { useRouter, useSearchParams } from 'next/navigation'
+import { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import Confirm from '@/app/components/base/confirm'
 import { useNotionBinding } from '@/service/use-common'
 
@@ -102,7 +102,7 @@ export const CheckModal = () => {
       onCancel={handleCancelShowPayStatusModal}
       onConfirm={handleCancelShowPayStatusModal}
       showCancel={false}
-      type={confirmInfo.type === 'info' ? 'info' : 'warning' }
+      type={confirmInfo.type === 'info' ? 'info' : 'warning'}
       title={confirmInfo.title}
       content={(confirmInfo as unknown as { desc: string }).desc || ''}
       confirmText={(confirmInfo.type === 'info' && t('common.operation.ok')) || ''}
diff --git a/web/hooks/use-tab-searchparams.spec.ts b/web/hooks/use-tab-searchparams.spec.ts
index 424f17d909..e724f323af 100644
--- a/web/hooks/use-tab-searchparams.spec.ts
+++ b/web/hooks/use-tab-searchparams.spec.ts
@@ -12,6 +12,9 @@ import type { Mock } from 'vitest'
  * navigation persistent and shareable across sessions.
  */
 import { act, renderHook } from '@testing-library/react'
+// Import after mocks
+import { usePathname } from 'next/navigation'
+
 import { useTabSearchParams } from './use-tab-searchparams'
 
 // Mock Next.js navigation hooks
@@ -29,9 +32,6 @@ vi.mock('next/navigation', () => ({
   useSearchParams: vi.fn(() => mockSearchParams),
 }))
 
-// Import after mocks
-import { usePathname } from 'next/navigation'
-
 describe('useTabSearchParams', () => {
   beforeEach(() => {
     vi.clearAllMocks()
diff --git a/web/hooks/use-theme.ts b/web/hooks/use-theme.ts
index c814c7d9de..c9c2bdea55 100644
--- a/web/hooks/use-theme.ts
+++ b/web/hooks/use-theme.ts
@@ -1,5 +1,5 @@
-import { Theme } from '@/types/app'
 import { useTheme as useBaseTheme } from 'next-themes'
+import { Theme } from '@/types/app'
 
 const useTheme = () => {
   const { theme, resolvedTheme, ...rest } = useBaseTheme()
diff --git a/web/hooks/use-timestamp.ts b/web/hooks/use-timestamp.ts
index 5242eb565a..05afa8e178 100644
--- a/web/hooks/use-timestamp.ts
+++ b/web/hooks/use-timestamp.ts
@@ -1,8 +1,8 @@
 'use client'
-import { useCallback } from 'react'
 import dayjs from 'dayjs'
-import utc from 'dayjs/plugin/utc'
 import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
+import { useCallback } from 'react'
 import { useAppContext } from '@/context/app-context'
 
 dayjs.extend(utc)
diff --git a/web/i18n-config/README.md b/web/i18n-config/README.md
index fd4ef30833..0fe8922345 100644
--- a/web/i18n-config/README.md
+++ b/web/i18n-config/README.md
@@ -79,7 +79,6 @@ export type I18nText = {
 4. Add the new language to the `language.json` file.
 
 ```typescript
-
 export const languages = [
   {
     value: 'en-US',
@@ -172,7 +171,7 @@ export const languages = [
     supported: true,
   },
   // Add your language here 👇
-  ...
+  // ...
   // Add your language here 👆
 ]
 ```
diff --git a/web/i18n-config/auto-gen-i18n.js b/web/i18n-config/auto-gen-i18n.js
index 3ab76c8ed4..561fa95869 100644
--- a/web/i18n-config/auto-gen-i18n.js
+++ b/web/i18n-config/auto-gen-i18n.js
@@ -1,11 +1,11 @@
 import fs from 'node:fs'
-import path from 'node:path'
-import vm from 'node:vm'
-import { fileURLToPath } from 'node:url'
 import { createRequire } from 'node:module'
-import { transpile } from 'typescript'
-import { parseModule, generateCode, loadFile } from 'magicast'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import vm from 'node:vm'
 import { translate } from 'bing-translate-api'
+import { generateCode, loadFile, parseModule } from 'magicast'
+import { transpile } from 'typescript'
 
 const require = createRequire(import.meta.url)
 const __filename = fileURLToPath(import.meta.url)
@@ -42,7 +42,8 @@ function parseArgs(argv) {
     let cursor = startIndex + 1
     while (cursor < argv.length && !argv[cursor].startsWith('--')) {
       const value = argv[cursor].trim()
-      if (value) values.push(value)
+      if (value)
+        values.push(value)
       cursor++
     }
     return { values, nextIndex: cursor - 1 }
@@ -127,7 +128,7 @@ function protectPlaceholders(text) {
   const patterns = [
     /\{\{[^{}]+\}\}/g, // mustache
     /\$\{[^{}]+\}/g, // template expressions
-    /<[^>]+?>/g, // html-like tags
+    /<[^>]+>/g, // html-like tags
   ]
 
   patterns.forEach((pattern) => {
@@ -160,7 +161,7 @@ async function translateText(source, toLanguage) {
     const { translation } = await translate(safeText, null, languageKeyMap[toLanguage])
     return { value: restore(translation), skipped: false }
   }
- catch (error) {
+  catch (error) {
     console.error(`❌ Error translating to ${toLanguage}:`, error.message)
     return { value: source, skipped: true, error: error.message }
   }
@@ -310,7 +311,7 @@ export default translation
     }
 
     const { code } = generateCode(mod)
-    let res = `const translation =${code.replace('export default', '')}
+    const res = `const translation =${code.replace('export default', '')}
 
 export default translation
 `.replace(/,\n\n/g, ',\n').replace('};', '}')
@@ -319,13 +320,13 @@ export default translation
       fs.writeFileSync(toGenLanguageFilePath, res)
       console.log(`💾 Saved translations to ${toGenLanguageFilePath}`)
     }
- else {
+    else {
       console.log(`🔍 [DRY RUN] Would save translations to ${toGenLanguageFilePath}`)
     }
 
     return result
   }
- catch (error) {
+  catch (error) {
     console.error(`Error processing file ${fullKeyFilePath}:`, error.message)
     throw error
   }
diff --git a/web/i18n-config/check-i18n-sync.js b/web/i18n-config/check-i18n-sync.js
index acf5ca7a20..af00d23875 100644
--- a/web/i18n-config/check-i18n-sync.js
+++ b/web/i18n-config/check-i18n-sync.js
@@ -1,12 +1,13 @@
 #!/usr/bin/env node
 
-import fs from 'fs'
-import path from 'path'
-import { fileURLToPath } from 'url'
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 import lodash from 'lodash'
-const { camelCase } = lodash
 import ts from 'typescript'
 
+const { camelCase } = lodash
+
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
diff --git a/web/i18n-config/check-i18n.js b/web/i18n-config/check-i18n.js
index 638a543610..096a4d7afc 100644
--- a/web/i18n-config/check-i18n.js
+++ b/web/i18n-config/check-i18n.js
@@ -1,8 +1,8 @@
 import fs from 'node:fs'
-import path from 'node:path'
-import vm from 'node:vm'
-import { fileURLToPath } from 'node:url'
 import { createRequire } from 'node:module'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import vm from 'node:vm'
 import { transpile } from 'typescript'
 
 const require = createRequire(import.meta.url)
@@ -11,6 +11,7 @@ const __dirname = path.dirname(__filename)
 
 const targetLanguage = 'en-US'
 const data = require('./languages.json')
+
 const languages = data.languages.filter(language => language.supported).map(language => language.value)
 
 function parseArgs(argv) {
@@ -27,7 +28,8 @@ function parseArgs(argv) {
     let cursor = startIndex + 1
     while (cursor < argv.length && !argv[cursor].startsWith('--')) {
       const value = argv[cursor].trim()
-      if (value) values.push(value)
+      if (value)
+        values.push(value)
       cursor++
     }
     return { values, nextIndex: cursor - 1 }
@@ -124,8 +126,7 @@ async function getKeysFromLanguage(language) {
         const filePath = path.join(folderPath, file)
         const fileName = file.replace(/\.[^/.]+$/, '') // Remove file extension
         const camelCaseFileName = fileName.replace(/[-_](.)/g, (_, c) =>
-          c.toUpperCase(),
-        ) // Convert to camel case
+          c.toUpperCase()) // Convert to camel case
 
         try {
           const content = fs.readFileSync(filePath, 'utf8')
@@ -147,7 +148,7 @@ async function getKeysFromLanguage(language) {
           // Extract the translation object
           const translationObj = moduleExports.default || moduleExports
 
-          if(!translationObj || typeof translationObj !== 'object') {
+          if (!translationObj || typeof translationObj !== 'object') {
             console.error(`Error parsing file: ${filePath}`)
             reject(new Error(`Error parsing file: ${filePath}`))
             return
@@ -161,7 +162,7 @@ async function getKeysFromLanguage(language) {
                 // This is an object (but not array), recurse into it but don't add it as a key
                 iterateKeys(obj[key], nestedKey)
               }
- else {
+              else {
                 // This is a leaf node (string, number, boolean, array, etc.), add it as a key
                 nestedKeys.push(nestedKey)
               }
@@ -173,7 +174,7 @@ async function getKeysFromLanguage(language) {
           const fileKeys = nestedKeys.map(key => `${camelCaseFileName}.${key}`)
           allKeys.push(...fileKeys)
         }
- catch (error) {
+        catch (error) {
           console.error(`Error processing file ${filePath}:`, error.message)
           reject(error)
         }
@@ -193,7 +194,7 @@ function removeKeysFromObject(obj, keysToRemove, prefix = '') {
       modified = true
       console.log(`🗑️  Removed key: ${fullKey}`)
     }
- else if (typeof obj[key] === 'object' && obj[key] !== null) {
+    else if (typeof obj[key] === 'object' && obj[key] !== null) {
       const subModified = removeKeysFromObject(obj[key], keysToRemove, fullKey)
       modified = modified || subModified
     }
@@ -246,7 +247,7 @@ async function removeExtraKeysFromFile(language, fileName, extraKeys) {
           }
         }
       }
- else {
+      else {
         // Nested key - need to find the exact path
         const currentPath = []
         let braceDepth = 0
@@ -256,12 +257,12 @@ async function removeExtraKeysFromFile(language, fileName, extraKeys) {
           const trimmedLine = line.trim()
 
           // Track current object path
-          const keyMatch = trimmedLine.match(/^(\w+)\s*:\s*{/)
+          const keyMatch = trimmedLine.match(/^(\w+)\s*:\s*\{/)
           if (keyMatch) {
             currentPath.push(keyMatch[1])
             braceDepth++
           }
- else if (trimmedLine === '},' || trimmedLine === '}') {
+          else if (trimmedLine === '},' || trimmedLine === '}') {
             if (braceDepth > 0) {
               braceDepth--
               currentPath.pop()
@@ -316,11 +317,12 @@ async function removeExtraKeysFromFile(language, fileName, extraKeys) {
 
               // Check if this line ends the value (ends with quote and comma/no comma)
               if ((trimmed.endsWith('\',') || trimmed.endsWith('",') || trimmed.endsWith('`,')
-                   || trimmed.endsWith('\'') || trimmed.endsWith('"') || trimmed.endsWith('`'))
-                  && !trimmed.startsWith('//'))
+                || trimmed.endsWith('\'') || trimmed.endsWith('"') || trimmed.endsWith('`'))
+              && !trimmed.startsWith('//')) {
                 break
+              }
             }
- else {
+            else {
               break
             }
 
@@ -332,7 +334,7 @@ async function removeExtraKeysFromFile(language, fileName, extraKeys) {
         console.log(`🗑️  Found key to remove: ${keyToRemove} at line ${targetLineIndex + 1}${linesToRemoveForKey.length > 1 ? ` (multiline, ${linesToRemoveForKey.length} lines)` : ''}`)
         modified = true
       }
- else {
+      else {
         console.log(`⚠️  Could not find key: ${keyToRemove}`)
       }
     }
@@ -365,7 +367,7 @@ async function removeExtraKeysFromFile(language, fileName, extraKeys) {
 
     return false
   }
- catch (error) {
+  catch (error) {
     console.error(`Error processing file ${filePath}:`, error.message)
     return false
   }
@@ -439,7 +441,8 @@ async function main() {
           let totalRemoved = 0
           for (const fileName of files) {
             const removed = await removeExtraKeysFromFile(language, fileName, extraKeys)
-            if (removed) totalRemoved++
+            if (removed)
+              totalRemoved++
           }
 
           console.log(`✅ Auto-removal completed for ${language}. Modified ${totalRemoved} files.`)
diff --git a/web/i18n-config/generate-i18n-types.js b/web/i18n-config/generate-i18n-types.js
index a4c2234b83..0b3c0195af 100644
--- a/web/i18n-config/generate-i18n-types.js
+++ b/web/i18n-config/generate-i18n-types.js
@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 
-import fs from 'fs'
-import path from 'path'
-import { fileURLToPath } from 'url'
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 import lodash from 'lodash'
 import ts from 'typescript'
 
@@ -50,8 +50,8 @@ import 'react-i18next'
 // Extract types from translation files using typeof import pattern`
 
   // Generate individual type definitions
-  const typeDefinitions = namespaces.map(namespace => {
-    const typeName = camelCase(namespace).replace(/^\w/, c => c.toUpperCase()) + 'Messages'
+  const typeDefinitions = namespaces.map((namespace) => {
+    const typeName = `${camelCase(namespace).replace(/^\w/, c => c.toUpperCase())}Messages`
     return `type ${typeName} = typeof import('../i18n/en-US/${namespace}').default`
   }).join('\n')
 
@@ -59,11 +59,11 @@ import 'react-i18next'
   const messagesInterface = `
 // Complete type structure that matches i18next-config.ts camelCase conversion
 export type Messages = {
-${namespaces.map(namespace => {
-    const camelCased = camelCase(namespace)
-    const typeName = camelCase(namespace).replace(/^\w/, c => c.toUpperCase()) + 'Messages'
-    return `  ${camelCased}: ${typeName};`
-  }).join('\n')}
+${namespaces.map((namespace) => {
+  const camelCased = camelCase(namespace)
+  const typeName = `${camelCase(namespace).replace(/^\w/, c => c.toUpperCase())}Messages`
+  return `  ${camelCased}: ${typeName};`
+}).join('\n')}
 }`
 
   const utilityTypes = `
@@ -133,13 +133,14 @@ function main() {
       }
 
       console.log('✅ Type definitions are in sync')
-    } else {
+    }
+    else {
       // Generate mode: write file
       fs.writeFileSync(outputPath, typeDefinitions)
       console.log(`✅ Generated type definitions: ${outputPath}`)
     }
-
-  } catch (error) {
+  }
+  catch (error) {
     console.error('❌ Error:', error.message)
     process.exit(1)
   }
diff --git a/web/i18n-config/i18next-config.ts b/web/i18n-config/i18next-config.ts
index 37651ae191..b310d380e2 100644
--- a/web/i18n-config/i18next-config.ts
+++ b/web/i18n-config/i18next-config.ts
@@ -3,31 +3,31 @@ import i18n from 'i18next'
 import { camelCase } from 'lodash-es'
 import { initReactI18next } from 'react-i18next'
 
+import app from '../i18n/en-US/app'
 // Static imports for en-US (fallback language)
 import appAnnotation from '../i18n/en-US/app-annotation'
 import appApi from '../i18n/en-US/app-api'
 import appDebug from '../i18n/en-US/app-debug'
 import appLog from '../i18n/en-US/app-log'
 import appOverview from '../i18n/en-US/app-overview'
-import app from '../i18n/en-US/app'
 import billing from '../i18n/en-US/billing'
 import common from '../i18n/en-US/common'
 import custom from '../i18n/en-US/custom'
+import dataset from '../i18n/en-US/dataset'
 import datasetCreation from '../i18n/en-US/dataset-creation'
 import datasetDocuments from '../i18n/en-US/dataset-documents'
 import datasetHitTesting from '../i18n/en-US/dataset-hit-testing'
 import datasetPipeline from '../i18n/en-US/dataset-pipeline'
 import datasetSettings from '../i18n/en-US/dataset-settings'
-import dataset from '../i18n/en-US/dataset'
 import education from '../i18n/en-US/education'
 import explore from '../i18n/en-US/explore'
 import layout from '../i18n/en-US/layout'
 import login from '../i18n/en-US/login'
 import oauth from '../i18n/en-US/oauth'
 import pipeline from '../i18n/en-US/pipeline'
+import plugin from '../i18n/en-US/plugin'
 import pluginTags from '../i18n/en-US/plugin-tags'
 import pluginTrigger from '../i18n/en-US/plugin-trigger'
-import plugin from '../i18n/en-US/plugin'
 import register from '../i18n/en-US/register'
 import runLog from '../i18n/en-US/run-log'
 import share from '../i18n/en-US/share'
@@ -141,7 +141,8 @@ if (!i18n.isInitialized) {
 }
 
 export const changeLanguage = async (lng?: string) => {
-  if (!lng) return
+  if (!lng)
+    return
   if (!i18n.hasResourceBundle(lng, 'translation')) {
     const resource = await loadLangResources(lng)
     i18n.addResourceBundle(lng, 'translation', resource, true, true)
diff --git a/web/i18n-config/index.ts b/web/i18n-config/index.ts
index b2b83fa76a..8a0f712f2a 100644
--- a/web/i18n-config/index.ts
+++ b/web/i18n-config/index.ts
@@ -1,7 +1,7 @@
 import Cookies from 'js-cookie'
 
-import { changeLanguage } from '@/i18n-config/i18next-config'
 import { LOCALE_COOKIE_NAME } from '@/config'
+import { changeLanguage } from '@/i18n-config/i18next-config'
 import { LanguagesSupported } from '@/i18n-config/language'
 
 export const i18n = {
@@ -23,8 +23,11 @@ export const getLocaleOnClient = (): Locale => {
 }
 
 export const renderI18nObject = (obj: Record<string, string>, language: string) => {
-  if (!obj) return ''
-  if (obj?.[language]) return obj[language]
-  if (obj?.en_US) return obj.en_US
+  if (!obj)
+    return ''
+  if (obj?.[language])
+    return obj[language]
+  if (obj?.en_US)
+    return obj.en_US
   return Object.values(obj)[0]
 }
diff --git a/web/i18n-config/language.ts b/web/i18n-config/language.ts
index 20b3eb3ecc..a1fe6e790f 100644
--- a/web/i18n-config/language.ts
+++ b/web/i18n-config/language.ts
@@ -1,4 +1,5 @@
 import data from './languages.json'
+
 export type Item = {
   value: number | string
   name: string
diff --git a/web/i18n-config/server.ts b/web/i18n-config/server.ts
index 404a71cfaf..c4e008cf84 100644
--- a/web/i18n-config/server.ts
+++ b/web/i18n-config/server.ts
@@ -1,12 +1,12 @@
-import { cookies, headers } from 'next/headers'
-import Negotiator from 'negotiator'
+import type { Locale } from '.'
 import { match } from '@formatjs/intl-localematcher'
-
 import { createInstance } from 'i18next'
+
 import resourcesToBackend from 'i18next-resources-to-backend'
+import Negotiator from 'negotiator'
+import { cookies, headers } from 'next/headers'
 import { initReactI18next } from 'react-i18next/initReactI18next'
 import { i18n } from '.'
-import type { Locale } from '.'
 
 // https://locize.com/blog/next-13-app-dir-i18n/
 const initI18next = async (lng: Locale, ns: string) => {
diff --git a/web/models/access-control.ts b/web/models/access-control.ts
index 911662b5c4..d0e58d645b 100644
--- a/web/models/access-control.ts
+++ b/web/models/access-control.ts
@@ -24,7 +24,7 @@ export type AccessControlAccount = {
   avatarUrl: 'string'
 }
 
-export type SubjectGroup = { subjectId: string; subjectType: SubjectType; groupData: AccessControlGroup }
-export type SubjectAccount = { subjectId: string; subjectType: SubjectType; accountData: AccessControlAccount }
+export type SubjectGroup = { subjectId: string, subjectType: SubjectType, groupData: AccessControlGroup }
+export type SubjectAccount = { subjectId: string, subjectType: SubjectType, accountData: AccessControlAccount }
 
 export type Subject = SubjectGroup | SubjectAccount
diff --git a/web/models/app.ts b/web/models/app.ts
index fa148511f0..473c68c62b 100644
--- a/web/models/app.ts
+++ b/web/models/app.ts
@@ -11,8 +11,8 @@ import type {
   TracingProvider,
   WeaveConfig,
 } from '@/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/type'
-import type { App, AppModeEnum, AppTemplate, SiteConfig } from '@/types/app'
 import type { Dependency } from '@/app/components/plugins/types'
+import type { App, AppModeEnum, AppTemplate, SiteConfig } from '@/types/app'
 
 export enum DSLImportMode {
   YAML_CONTENT = 'yaml-content',
@@ -56,15 +56,15 @@ export type CreateAppResponse = App
 export type UpdateAppSiteCodeResponse = { app_id: string } & SiteConfig
 
 export type AppDailyMessagesResponse = {
-  data: Array<{ date: string; message_count: number }>
+  data: Array<{ date: string, message_count: number }>
 }
 
 export type AppDailyConversationsResponse = {
-  data: Array<{ date: string; conversation_count: number }>
+  data: Array<{ date: string, conversation_count: number }>
 }
 
 export type WorkflowDailyConversationsResponse = {
-  data: Array<{ date: string; runs: number }>
+  data: Array<{ date: string, runs: number }>
 }
 
 export type AppStatisticsResponse = {
@@ -72,11 +72,11 @@ export type AppStatisticsResponse = {
 }
 
 export type AppDailyEndUsersResponse = {
-  data: Array<{ date: string; terminal_count: number }>
+  data: Array<{ date: string, terminal_count: number }>
 }
 
 export type AppTokenCostsResponse = {
-  data: Array<{ date: string; token_count: number; total_price: number; currency: number }>
+  data: Array<{ date: string, token_count: number, total_price: number, currency: number }>
 }
 
 export type UpdateAppModelConfigResponse = { result: string }
diff --git a/web/models/common.ts b/web/models/common.ts
index 5d1499dcd5..0e034ffa33 100644
--- a/web/models/common.ts
+++ b/web/models/common.ts
@@ -268,7 +268,7 @@ export type CodeBasedExtensionForm = {
   label: I18nText
   variable: string
   required: boolean
-  options: { label: I18nText; value: string }[]
+  options: { label: I18nText, value: string }[]
   default: string
   placeholder: string
   max_length?: number
diff --git a/web/models/datasets.ts b/web/models/datasets.ts
index fe4c568e46..ba61c95b64 100644
--- a/web/models/datasets.ts
+++ b/web/models/datasets.ts
@@ -1,12 +1,12 @@
 import type { DataSourceNotionPage, DataSourceProvider } from './common'
-import type { AppIconType, AppModeEnum, RetrievalConfig, TransferMethod } from '@/types/app'
+import type { DatasourceType } from './pipeline'
 import type { Tag } from '@/app/components/base/tag-management/constant'
 import type { IndexingType } from '@/app/components/datasets/create/step-two'
-import type { MetadataFilteringVariableType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import type { MetadataItemWithValue } from '@/app/components/datasets/metadata/types'
+import type { MetadataFilteringVariableType } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
+import type { AppIconType, AppModeEnum, RetrievalConfig, TransferMethod } from '@/types/app'
 import { ExternalKnowledgeBase, General, ParentChild, Qa } from '@/app/components/base/icons/src/public/knowledge/dataset-card'
 import { GeneralChunk, ParentChildChunk, QuestionAndAnswer } from '@/app/components/base/icons/src/vender/knowledge'
-import type { DatasourceType } from './pipeline'
 
 export enum DataSourceType {
   FILE = 'upload_file',
@@ -98,7 +98,7 @@ export type ExternalAPIItem = {
     endpoint: string
     api_key: string
   }
-  dataset_bindings: { id: string; name: string }[]
+  dataset_bindings: { id: string, name: string }[]
   created_by: string
   created_at: string
 }
@@ -224,7 +224,7 @@ export type IndexingEstimateResponse = {
   total_price: number
   currency: string
   total_segments: number
-  preview: Array<{ content: string; child_chunks: string[] }>
+  preview: Array<{ content: string, child_chunks: string[] }>
   qa_preview?: QA[]
 }
 
@@ -360,7 +360,7 @@ export type OnlineDocumentInfo = {
     page_name: string
     parent_id: string
     type: string
-  },
+  }
 }
 
 export type OnlineDriveInfo = {
@@ -590,7 +590,7 @@ export type SegmentsResponse = {
 
 export type Query = {
   content: string
-  content_type: 'text_query' | 'image_query',
+  content_type: 'text_query' | 'image_query'
   file_info: Attachment | null
 }
 
diff --git a/web/models/debug.ts b/web/models/debug.ts
index 90f79cbf8d..5290268fe9 100644
--- a/web/models/debug.ts
+++ b/web/models/debug.ts
@@ -1,8 +1,3 @@
-import type { AgentStrategy, ModelModeType, RETRIEVE_TYPE, ToolItem, TtsAutoPlay } from '@/types/app'
-import type {
-  RerankingModeEnum,
-  WeightedScoreEnum,
-} from '@/models/datasets'
 import type { FileUpload } from '@/app/components/base/features/types'
 import type {
   MetadataFilteringConditions,
@@ -10,6 +5,12 @@ import type {
 } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import type { ModelConfig as NodeModelConfig } from '@/app/components/workflow/types'
 import type { ExternalDataTool } from '@/models/common'
+import type {
+  RerankingModeEnum,
+  WeightedScoreEnum,
+} from '@/models/datasets'
+import type { AgentStrategy, ModelModeType, RETRIEVE_TYPE, ToolItem, TtsAutoPlay } from '@/types/app'
+
 export type Inputs = Record<string, string | number | object | boolean>
 
 export enum PromptMode {
diff --git a/web/models/explore.ts b/web/models/explore.ts
index fbbd01837a..1d513e9b70 100644
--- a/web/models/explore.ts
+++ b/web/models/explore.ts
@@ -1,4 +1,5 @@
 import type { AppIconType, AppModeEnum } from '@/types/app'
+
 export type AppBasicInfo = {
   id: string
   mode: AppModeEnum
diff --git a/web/models/log.ts b/web/models/log.ts
index b9c91a7a3c..8c022ee6b2 100644
--- a/web/models/log.ts
+++ b/web/models/log.ts
@@ -1,10 +1,10 @@
 import type { Viewport } from 'reactflow'
-import type { VisionFile } from '@/types/app'
+import type { Metadata } from '@/app/components/base/chat/chat/type'
 import type {
   Edge,
   Node,
 } from '@/app/components/workflow/types'
-import type { Metadata } from '@/app/components/base/chat/chat/type'
+import type { VisionFile } from '@/types/app'
 
 // Log type contains key:string conversation_id:string created_at:string question:string answer:string
 export type Conversation = {
@@ -77,7 +77,7 @@ export type MessageContent = {
   conversation_id: string
   query: string
   inputs: Record<string, any>
-  message: { role: string; text: string; files?: VisionFile[] }[]
+  message: { role: string, text: string, files?: VisionFile[] }[]
   message_tokens: number
   answer_tokens: number
   answer: string
diff --git a/web/models/pipeline.ts b/web/models/pipeline.ts
index 1c2211b6d9..143bc61180 100644
--- a/web/models/pipeline.ts
+++ b/web/models/pipeline.ts
@@ -1,12 +1,12 @@
-import type { Edge, EnvironmentVariable, Node, SupportUploadFileTypes } from '@/app/components/workflow/types'
+import type { Viewport } from 'reactflow'
 import type { DSLImportMode, DSLImportStatus } from './app'
 import type { ChunkingMode, DatasetPermission, DocumentIndexingStatus, FileIndexingEstimateResponse, IconInfo } from './datasets'
-import type { Dependency } from '@/app/components/plugins/types'
 import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
-import type { Viewport } from 'reactflow'
+import type { Dependency } from '@/app/components/plugins/types'
+import type { Edge, EnvironmentVariable, Node, SupportUploadFileTypes } from '@/app/components/workflow/types'
 import type { TransferMethod } from '@/types/app'
-import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
 import type { NodeRunResult } from '@/types/workflow'
+import { BaseFieldType } from '@/app/components/base/form/form-scenarios/base/types'
 
 export enum DatasourceType {
   localFile = 'local_file',
@@ -190,7 +190,7 @@ export type PublishedPipelineInfoResponse = {
     id: string
     name: string
     email: string
-  },
+  }
   environment_variables?: EnvironmentVariable[]
   rag_pipeline_variables?: RAGPipelineVariables
   version: string
diff --git a/web/next.config.js b/web/next.config.js
index b6d6fb5d6c..3414d09021 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -1,6 +1,6 @@
-import { codeInspectorPlugin } from 'code-inspector-plugin'
 import withBundleAnalyzerInit from '@next/bundle-analyzer'
 import createMDX from '@next/mdx'
+import { codeInspectorPlugin } from 'code-inspector-plugin'
 import withPWAInit from 'next-pwa'
 
 const isDev = process.env.NODE_ENV === 'development'
@@ -21,9 +21,9 @@ const withPWA = withPWAInit({
         cacheName: 'google-fonts',
         expiration: {
           maxEntries: 4,
-          maxAgeSeconds: 365 * 24 * 60 * 60 // 1 year
-        }
-      }
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 year
+        },
+      },
     },
     {
       urlPattern: /^https:\/\/fonts\.gstatic\.com\/.*/i,
@@ -32,9 +32,9 @@ const withPWA = withPWAInit({
         cacheName: 'google-fonts-webfonts',
         expiration: {
           maxEntries: 4,
-          maxAgeSeconds: 365 * 24 * 60 * 60 // 1 year
-        }
-      }
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 year
+        },
+      },
     },
     {
       urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|avif)$/i,
@@ -43,9 +43,9 @@ const withPWA = withPWAInit({
         cacheName: 'images',
         expiration: {
           maxEntries: 64,
-          maxAgeSeconds: 30 * 24 * 60 * 60 // 30 days
-        }
-      }
+          maxAgeSeconds: 30 * 24 * 60 * 60, // 30 days
+        },
+      },
     },
     {
       urlPattern: /\.(?:js|css)$/i,
@@ -54,9 +54,9 @@ const withPWA = withPWAInit({
         cacheName: 'static-resources',
         expiration: {
           maxEntries: 32,
-          maxAgeSeconds: 24 * 60 * 60 // 1 day
-        }
-      }
+          maxAgeSeconds: 24 * 60 * 60, // 1 day
+        },
+      },
     },
     {
       urlPattern: /^\/api\/.*/i,
@@ -66,11 +66,11 @@ const withPWA = withPWAInit({
         networkTimeoutSeconds: 10,
         expiration: {
           maxEntries: 16,
-          maxAgeSeconds: 60 * 60 // 1 hour
-        }
-      }
-    }
-  ]
+          maxAgeSeconds: 60 * 60, // 1 hour
+        },
+      },
+    },
+  ],
 })
 const withMDX = createMDX({
   extension: /\.mdx?$/,
@@ -100,8 +100,8 @@ const nextConfig = {
   transpilePackages: ['echarts', 'zrender'],
   turbopack: {
     rules: codeInspectorPlugin({
-      bundler: 'turbopack'
-    })
+      bundler: 'turbopack',
+    }),
   },
   productionBrowserSourceMaps: false, // enable browser source map generation during the production build
   // Configure pageExtensions to include md and mdx
@@ -118,7 +118,7 @@ const nextConfig = {
   },
   experimental: {
     optimizePackageImports: [
-      '@heroicons/react'
+      '@heroicons/react',
     ],
   },
   // fix all before production. Now it slow the develop speed.
@@ -145,7 +145,7 @@ const nextConfig = {
   output: 'standalone',
   compiler: {
     removeConsole: isDev ? false : { exclude: ['warn', 'error'] },
-  }
+  },
 }
 
 export default withPWA(withBundleAnalyzer(withMDX(nextConfig)))
diff --git a/web/package.json b/web/package.json
index e75841379d..ce2e59e022 100644
--- a/web/package.json
+++ b/web/package.json
@@ -1,7 +1,7 @@
 {
   "name": "dify-web",
-  "version": "1.11.1",
   "type": "module",
+  "version": "1.11.1",
   "private": true,
   "packageManager": "pnpm@10.26.1+sha512.664074abc367d2c9324fdc18037097ce0a8f126034160f709928e9e9f95d98714347044e5c3164d65bd5da6c59c6be362b107546292a8eecb7999196e5ce58fa",
   "engines": {
@@ -24,11 +24,10 @@
     "build": "next build",
     "build:docker": "next build && node scripts/optimize-standalone.js",
     "start": "node ./scripts/copy-and-start.mjs",
-    "lint:oxlint": "oxlint --config .oxlintrc.json .",
-    "lint": "pnpm run lint:oxlint && eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache",
-    "lint:fix": "pnpm run lint:oxlint && eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --fix",
-    "lint:quiet": "pnpm run lint:oxlint && eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --quiet",
-    "lint:complexity": "pnpm run lint:oxlint && eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --rule 'complexity: [error, {max: 15}]' --quiet",
+    "lint": "eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache",
+    "lint:fix": "eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --fix",
+    "lint:quiet": "eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --quiet",
+    "lint:complexity": "eslint --cache --cache-location node_modules/.cache/eslint/.eslint-cache --rule 'complexity: [error, {max: 15}]' --quiet",
     "type-check": "tsc --noEmit",
     "type-check:tsgo": "tsgo --noEmit",
     "prepare": "cd ../ && node -e \"if (process.env.NODE_ENV !== 'production'){process.exit(1)} \" || husky ./web/.husky",
@@ -149,10 +148,10 @@
     "zustand": "^5.0.9"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^5.4.1",
+    "@antfu/eslint-config": "^6.7.3",
     "@babel/core": "^7.28.4",
     "@chromatic-com/storybook": "^4.1.1",
-    "@eslint-react/eslint-plugin": "^1.53.1",
+    "@eslint-react/eslint-plugin": "^2.3.13",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
     "@next/bundle-analyzer": "15.5.9",
@@ -183,7 +182,7 @@
     "@types/semver": "^7.7.1",
     "@types/sortablejs": "^1.15.8",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/parser": "^8.48.0",
+    "@typescript-eslint/parser": "^8.50.0",
     "@typescript/native-preview": "^7.0.0-dev",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "4.0.16",
@@ -192,14 +191,12 @@
     "bing-translate-api": "^4.1.0",
     "code-inspector-plugin": "1.2.9",
     "cross-env": "^10.1.0",
-    "eslint": "^9.38.0",
-    "eslint-plugin-oxlint": "^1.23.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
     "eslint-plugin-sonarjs": "^3.0.5",
-    "eslint-plugin-storybook": "^9.1.13",
+    "eslint-plugin-storybook": "^10.1.10",
     "eslint-plugin-tailwindcss": "^3.18.2",
-    "globals": "^15.15.0",
     "husky": "^9.1.7",
     "istanbul-lib-coverage": "^3.2.2",
     "jsdom": "^27.3.0",
@@ -209,7 +206,6 @@
     "lodash": "^4.17.21",
     "magicast": "^0.3.5",
     "nock": "^14.0.10",
-    "oxlint": "^1.31.0",
     "postcss": "^8.5.6",
     "react-scan": "^0.4.3",
     "sass": "^1.93.2",
@@ -223,36 +219,11 @@
     "vitest": "^4.0.16",
     "vitest-localstorage-mock": "^0.1.2"
   },
-  "resolutions": {
-    "@types/react": "~19.2.7",
-    "@types/react-dom": "~19.2.3",
-    "string-width": "~4.2.3",
-    "@eslint/plugin-kit": "~0.3",
-    "canvas": "^3.2.0",
-    "esbuild": "~0.25.0",
-    "pbkdf2": "~3.1.3",
-    "prismjs": "~1.30",
-    "brace-expansion": "~2.0"
-  },
-  "lint-staged": {
-    "**/*.js?(x)": [
-      "eslint --fix"
-    ],
-    "**/*.ts?(x)": [
-      "oxlint --config .oxlintrc.json",
-      "eslint --fix"
-    ]
-  },
   "pnpm": {
     "overrides": {
-      "@monaco-editor/loader": "1.5.0",
       "@eslint/plugin-kit@<0.3.4": "0.3.4",
-      "brace-expansion@<2.0.2": "2.0.2",
-      "devalue@<5.3.2": "5.3.2",
-      "esbuild@<0.25.0": "0.25.0",
-      "pbkdf2@<3.1.3": "3.1.3",
-      "prismjs@<1.30.0": "1.30.0",
-      "vite@<6.4.1": "6.4.1",
+      "@monaco-editor/loader": "1.5.0",
+      "@nolyfill/safe-buffer": "npm:safe-buffer@^5.2.1",
       "array-includes": "npm:@nolyfill/array-includes@^1",
       "array.prototype.findlast": "npm:@nolyfill/array.prototype.findlast@^1",
       "array.prototype.findlastindex": "npm:@nolyfill/array.prototype.findlastindex@^1",
@@ -260,7 +231,10 @@
       "array.prototype.flatmap": "npm:@nolyfill/array.prototype.flatmap@^1",
       "array.prototype.tosorted": "npm:@nolyfill/array.prototype.tosorted@^1",
       "assert": "npm:@nolyfill/assert@^1",
+      "brace-expansion@<2.0.2": "2.0.2",
+      "devalue@<5.3.2": "5.3.2",
       "es-iterator-helpers": "npm:@nolyfill/es-iterator-helpers@^1",
+      "esbuild@<0.25.0": "0.25.0",
       "hasown": "npm:@nolyfill/hasown@^1",
       "is-arguments": "npm:@nolyfill/is-arguments@^1",
       "is-core-module": "npm:@nolyfill/is-core-module@^1",
@@ -272,8 +246,9 @@
       "object.fromentries": "npm:@nolyfill/object.fromentries@^1",
       "object.groupby": "npm:@nolyfill/object.groupby@^1",
       "object.values": "npm:@nolyfill/object.values@^1",
+      "pbkdf2@<3.1.3": "3.1.3",
+      "prismjs@<1.30.0": "1.30.0",
       "safe-buffer": "^5.2.1",
-      "@nolyfill/safe-buffer": "npm:safe-buffer@^5.2.1",
       "safe-regex-test": "npm:@nolyfill/safe-regex-test@^1",
       "safer-buffer": "npm:@nolyfill/safer-buffer@^1",
       "side-channel": "npm:@nolyfill/side-channel@^1",
@@ -282,6 +257,7 @@
       "string.prototype.repeat": "npm:@nolyfill/string.prototype.repeat@^1",
       "string.prototype.trimend": "npm:@nolyfill/string.prototype.trimend@^1",
       "typed-array-buffer": "npm:@nolyfill/typed-array-buffer@^1",
+      "vite@<6.4.1": "6.4.1",
       "which-typed-array": "npm:@nolyfill/which-typed-array@^1"
     },
     "ignoredBuiltDependencies": [
@@ -293,5 +269,19 @@
       "esbuild",
       "sharp"
     ]
+  },
+  "resolutions": {
+    "@eslint/plugin-kit": "~0.3",
+    "@types/react": "~19.2.7",
+    "@types/react-dom": "~19.2.3",
+    "brace-expansion": "~2.0",
+    "canvas": "^3.2.0",
+    "esbuild": "~0.25.0",
+    "pbkdf2": "~3.1.3",
+    "prismjs": "~1.30",
+    "string-width": "~4.2.3"
+  },
+  "lint-staged": {
+    "*": "eslint --fix"
   }
 }
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 93db0d0791..95d35c24d8 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -356,8 +356,8 @@ importers:
         version: 5.0.9(@types/react@19.2.7)(immer@11.1.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
     devDependencies:
       '@antfu/eslint-config':
-        specifier: ^5.4.1
-        version: 5.4.1(@eslint-react/eslint-plugin@1.53.1(eslint@9.39.1(jiti@1.21.7))(ts-api-utils@2.1.0(typescript@5.9.3))(typescript@5.9.3))(@next/eslint-plugin-next@15.5.9)(@vue/compiler-sfc@3.5.25)(eslint-plugin-react-hooks@5.2.0(eslint@9.39.1(jiti@1.21.7)))(eslint-plugin-react-refresh@0.4.24(eslint@9.39.1(jiti@1.21.7)))(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))
+        specifier: ^6.7.3
+        version: 6.7.3(@eslint-react/eslint-plugin@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(@next/eslint-plugin-next@15.5.9)(@vue/compiler-sfc@3.5.25)(eslint-plugin-react-hooks@7.0.1(eslint@9.39.2(jiti@1.21.7)))(eslint-plugin-react-refresh@0.4.26(eslint@9.39.2(jiti@1.21.7)))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))
       '@babel/core':
         specifier: ^7.28.4
         version: 7.28.5
@@ -365,8 +365,8 @@ importers:
         specifier: ^4.1.1
         version: 4.1.3(storybook@9.1.17(@testing-library/dom@10.4.1)(vite@7.3.0(@types/node@18.15.0)(jiti@1.21.7)(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))
       '@eslint-react/eslint-plugin':
-        specifier: ^1.53.1
-        version: 1.53.1(eslint@9.39.1(jiti@1.21.7))(ts-api-utils@2.1.0(typescript@5.9.3))(typescript@5.9.3)
+        specifier: ^2.3.13
+        version: 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@mdx-js/loader':
         specifier: ^3.1.1
         version: 3.1.1(webpack@5.103.0(esbuild@0.25.0)(uglify-js@3.19.3))
@@ -458,8 +458,8 @@ importers:
         specifier: ^10.0.0
         version: 10.0.0
       '@typescript-eslint/parser':
-        specifier: ^8.48.0
-        version: 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+        specifier: ^8.50.0
+        version: 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript/native-preview':
         specifier: ^7.0.0-dev
         version: 7.0.0-dev.20251209.1
@@ -485,29 +485,23 @@ importers:
         specifier: ^10.1.0
         version: 10.1.0
       eslint:
-        specifier: ^9.38.0
-        version: 9.39.1(jiti@1.21.7)
-      eslint-plugin-oxlint:
-        specifier: ^1.23.0
-        version: 1.32.0
+        specifier: ^9.39.2
+        version: 9.39.2(jiti@1.21.7)
       eslint-plugin-react-hooks:
-        specifier: ^5.2.0
-        version: 5.2.0(eslint@9.39.1(jiti@1.21.7))
+        specifier: ^7.0.1
+        version: 7.0.1(eslint@9.39.2(jiti@1.21.7))
       eslint-plugin-react-refresh:
-        specifier: ^0.4.24
-        version: 0.4.24(eslint@9.39.1(jiti@1.21.7))
+        specifier: ^0.4.26
+        version: 0.4.26(eslint@9.39.2(jiti@1.21.7))
       eslint-plugin-sonarjs:
         specifier: ^3.0.5
-        version: 3.0.5(eslint@9.39.1(jiti@1.21.7))
+        version: 3.0.5(eslint@9.39.2(jiti@1.21.7))
       eslint-plugin-storybook:
-        specifier: ^9.1.13
-        version: 9.1.16(eslint@9.39.1(jiti@1.21.7))(storybook@9.1.17(@testing-library/dom@10.4.1)(vite@7.3.0(@types/node@18.15.0)(jiti@1.21.7)(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(typescript@5.9.3)
+        specifier: ^10.1.10
+        version: 10.1.10(eslint@9.39.2(jiti@1.21.7))(storybook@9.1.17(@testing-library/dom@10.4.1)(vite@7.3.0(@types/node@18.15.0)(jiti@1.21.7)(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(typescript@5.9.3)
       eslint-plugin-tailwindcss:
         specifier: ^3.18.2
         version: 3.18.2(tailwindcss@3.4.18(tsx@4.21.0)(yaml@2.8.2))
-      globals:
-        specifier: ^15.15.0
-        version: 15.15.0
       husky:
         specifier: ^9.1.7
         version: 9.1.7
@@ -535,9 +529,6 @@ importers:
       nock:
         specifier: ^14.0.10
         version: 14.0.10
-      oxlint:
-        specifier: ^1.31.0
-        version: 1.32.0
       postcss:
         specifier: ^8.5.6
         version: 8.5.6
@@ -661,12 +652,12 @@ packages:
   '@amplitude/targeting@0.2.0':
     resolution: {integrity: sha512-/50ywTrC4hfcfJVBbh5DFbqMPPfaIOivZeb5Gb+OGM03QrA+lsUqdvtnKLNuWtceD4H6QQ2KFzPJ5aAJLyzVDA==}
 
-  '@antfu/eslint-config@5.4.1':
-    resolution: {integrity: sha512-x7BiNkxJRlXXs8tIvg0CgMuNo5IZVWkGLMJotCtCtzWUHW78Pmm8PvtXhvLBbTc8683GGBK616MMztWLh4RNjA==}
+  '@antfu/eslint-config@6.7.3':
+    resolution: {integrity: sha512-0tYYzY59uLnxWgbP9xpuxpvodTcWDacj439kTAJZB3sn7O0BnPfVxTnRvleGYaKCEALBZkzdC/wCho9FD7ICLw==}
     hasBin: true
     peerDependencies:
-      '@eslint-react/eslint-plugin': ^1.38.4
-      '@next/eslint-plugin-next': ^15.4.0-canary.115
+      '@eslint-react/eslint-plugin': ^2.0.1
+      '@next/eslint-plugin-next': '>=15.0.0'
       '@prettier/plugin-xml': ^3.4.1
       '@unocss/eslint-plugin': '>=0.50.0'
       astro-eslint-parser: ^1.0.2
@@ -674,7 +665,7 @@ packages:
       eslint-plugin-astro: ^1.2.0
       eslint-plugin-format: '>=0.1.0'
       eslint-plugin-jsx-a11y: '>=6.10.2'
-      eslint-plugin-react-hooks: ^5.2.0
+      eslint-plugin-react-hooks: ^7.0.0
       eslint-plugin-react-refresh: ^0.4.19
       eslint-plugin-solid: ^0.14.3
       eslint-plugin-svelte: '>=2.35.1'
@@ -1424,14 +1415,18 @@ packages:
   '@epic-web/invariant@1.0.0':
     resolution: {integrity: sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==}
 
-  '@es-joy/jsdoccomment@0.50.2':
-    resolution: {integrity: sha512-YAdE/IJSpwbOTiaURNCKECdAwqrJuFiZhylmesBcIRawtYKnBR2wxPhoIewMg+Yu+QuYvHfJNReWpoxGBKOChA==}
-    engines: {node: '>=18'}
-
-  '@es-joy/jsdoccomment@0.58.0':
-    resolution: {integrity: sha512-smMc5pDht/UVsCD3hhw/a/e/p8m0RdRYiluXToVfd+d4yaQQh7nn9bACjkk6nXJvat7EWPAxuFkMEFfrxeGa3Q==}
+  '@es-joy/jsdoccomment@0.76.0':
+    resolution: {integrity: sha512-g+RihtzFgGTx2WYCuTHbdOXJeAlGnROws0TeALx9ow/ZmOROOZkVg5wp/B44n0WJgI4SQFP1eWM2iRPlU2Y14w==}
     engines: {node: '>=20.11.0'}
 
+  '@es-joy/jsdoccomment@0.78.0':
+    resolution: {integrity: sha512-rQkU5u8hNAq2NVRzHnIUUvR6arbO0b6AOlvpTNS48CkiKSn/xtNfOzBK23JE4SiW89DgvU7GtxLVgV4Vn2HBAw==}
+    engines: {node: '>=20.11.0'}
+
+  '@es-joy/resolve.exports@1.2.0':
+    resolution: {integrity: sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==}
+    engines: {node: '>=10'}
+
   '@esbuild/aix-ppc64@0.25.0':
     resolution: {integrity: sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==}
     engines: {node: '>=18'}
@@ -1758,39 +1753,44 @@ packages:
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint-react/ast@1.53.1':
-    resolution: {integrity: sha512-qvUC99ewtriJp9quVEOvZ6+RHcsMLfVQ0OhZ4/LupZUDhjW7GiX1dxJsFaxHdJ9rLNLhQyLSPmbAToeqUrSruQ==}
-    engines: {node: '>=18.18.0'}
-
-  '@eslint-react/core@1.53.1':
-    resolution: {integrity: sha512-8prroos5/Uvvh8Tjl1HHCpq4HWD3hV9tYkm7uXgKA6kqj0jHlgRcQzuO6ZPP7feBcK3uOeug7xrq03BuG8QKCA==}
-    engines: {node: '>=18.18.0'}
-
-  '@eslint-react/eff@1.53.1':
-    resolution: {integrity: sha512-uq20lPRAmsWRjIZm+mAV/2kZsU2nDqn5IJslxGWe3Vfdw23hoyhEw3S1KKlxbftwbTvsZjKvVP0iw3bZo/NUpg==}
-    engines: {node: '>=18.18.0'}
-
-  '@eslint-react/eslint-plugin@1.53.1':
-    resolution: {integrity: sha512-JZ2ciXNCC9CtBBAqYtwWH+Jy/7ZzLw+whei8atP4Fxsbh+Scs30MfEwBzuiEbNw6uF9eZFfPidchpr5RaEhqxg==}
-    engines: {node: '>=18.18.0'}
+  '@eslint-react/ast@2.3.13':
+    resolution: {integrity: sha512-OP2rOhHYLx2nfd9uA9uACKZJN9z9rX9uuAMx4PjT75JNOdYr1GgqWQZcYCepyJ+gmVNCyiXcLXuyhavqxCSM8Q==}
+    engines: {node: '>=20.19.0'}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: ^4.9.5 || ^5.3.3
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@eslint-react/kit@1.53.1':
-    resolution: {integrity: sha512-zOi2le9V4rMrJvQV4OeedGvMGvDT46OyFPOwXKs7m0tQu5vXVJ8qwIPaVQT1n/WIuvOg49OfmAVaHpGxK++xLQ==}
-    engines: {node: '>=18.18.0'}
+  '@eslint-react/core@2.3.13':
+    resolution: {integrity: sha512-4bWBE+1kApuxJKIrLJH2FuFtCbM4fXfDs6Ou8MNamGoX6hdynlntssvaMZTd/lk/L8dt01H/3btr7xBX4+4BNA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@eslint-react/shared@1.53.1':
-    resolution: {integrity: sha512-gomJQmFqQgQVI3Ra4vTMG/s6a4bx3JqeNiTBjxBJt4C9iGaBj458GkP4LJHX7TM6xUzX+fMSKOPX7eV3C/+UCw==}
-    engines: {node: '>=18.18.0'}
+  '@eslint-react/eff@2.3.13':
+    resolution: {integrity: sha512-byXsssozwh3VaiqcOonAKQgLXgpMVNSxBWFjdfbNhW7+NttorSt950qtiw+P7A9JoRab1OuGYk4MDY5UVBno8Q==}
+    engines: {node: '>=20.19.0'}
 
-  '@eslint-react/var@1.53.1':
-    resolution: {integrity: sha512-yzwopvPntcHU7mmDvWzRo1fb8QhjD8eDRRohD11rTV1u7nWO4QbJi0pOyugQakvte1/W11Y0Vr8Of0Ojk/A6zg==}
-    engines: {node: '>=18.18.0'}
+  '@eslint-react/eslint-plugin@2.3.13':
+    resolution: {integrity: sha512-gq0Z0wADAXvJS8Y/Wk3isK7WIEcfrQGGGdWvorAv0T7MxPd3d32TVwdc1Gx3hVLka3fYq1BBlQ5Fr8e1VgNuIg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@eslint-react/shared@2.3.13':
+    resolution: {integrity: sha512-ESE7dVeOXtem3K6BD6k2wJaFt35kPtTT9SWCL99LFk7pym4OEGoMxPcyB2R7PMWiVudwl63BmiOgQOdaFYPONg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@eslint-react/var@2.3.13':
+    resolution: {integrity: sha512-BozBfUZkzzobD6x/M8XERAnZQ3UvZPsD49zTGFKKU9M/bgsM78HwzxAPLkiu88W55v3sO/Kqf8fQTXT4VEeZ/g==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
 
   '@eslint/compat@1.4.1':
     resolution: {integrity: sha512-cfO82V9zxxGBxcQDr1lfaYB7wykTa0b00mGa36FrJl7iTFd0Z2cHfEYuxcBRP/iNijCsWsEkA+jzT8hGYmv33w==}
@@ -1821,8 +1821,8 @@ packages:
     resolution: {integrity: sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.39.1':
-    resolution: {integrity: sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==}
+  '@eslint/js@9.39.2':
+    resolution: {integrity: sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/markdown@7.5.1':
@@ -1833,10 +1833,6 @@ packages:
     resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.3.4':
-    resolution: {integrity: sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@eslint/plugin-kit@0.3.5':
     resolution: {integrity: sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2577,46 +2573,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@oxlint/darwin-arm64@1.32.0':
-    resolution: {integrity: sha512-yrqPmZYu5Qb+49h0P5EXVIq8VxYkDDM6ZQrWzlh16+UGFcD8HOXs4oF3g9RyfaoAbShLCXooSQsM/Ifwx8E/eQ==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@oxlint/darwin-x64@1.32.0':
-    resolution: {integrity: sha512-pQRZrJG/2nAKc3IuocFbaFFbTDlQsjz2WfivRsMn0hw65EEsSuM84WMFMiAfLpTGyTICeUtHZLHlrM5lzVr36A==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@oxlint/linux-arm64-gnu@1.32.0':
-    resolution: {integrity: sha512-tyomSmU2DzwcTmbaWFmStHgVfRmJDDvqcIvcw4fRB1YlL2Qg/XaM4NJ0m2bdTap38gxD5FSxSgCo0DkQ8GTolg==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@oxlint/linux-arm64-musl@1.32.0':
-    resolution: {integrity: sha512-0W46dRMaf71OGE4+Rd+GHfS1uF/UODl5Mef6871pMhN7opPGfTI2fKJxh9VzRhXeSYXW/Z1EuCq9yCfmIJq+5Q==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@oxlint/linux-x64-gnu@1.32.0':
-    resolution: {integrity: sha512-5+6myVCBOMvM62rDB9T3CARXUvIwhGqte6E+HoKRwYaqsxGUZ4bh3pItSgSFwHjLGPrvADS11qJUkk39eQQBzQ==}
-    cpu: [x64]
-    os: [linux]
-
-  '@oxlint/linux-x64-musl@1.32.0':
-    resolution: {integrity: sha512-qwQlwYYgVIC6ScjpUwiKKNyVdUlJckrfwPVpIjC9mvglIQeIjKuuyaDxUZWIOc/rEzeCV/tW6tcbehLkfEzqsw==}
-    cpu: [x64]
-    os: [linux]
-
-  '@oxlint/win32-arm64@1.32.0':
-    resolution: {integrity: sha512-7qYZF9CiXGtdv8Z/fBkgB5idD2Zokht67I5DKWH0fZS/2R232sDqW2JpWVkXltk0+9yFvmvJ0ouJgQRl9M3S2g==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@oxlint/win32-x64@1.32.0':
-    resolution: {integrity: sha512-XW1xqCj34MEGJlHteqasTZ/LmBrwYIgluhNW0aP+XWkn90+stKAq3W/40dvJKbMK9F7o09LPCuMVtUW7FIUuiA==}
-    cpu: [x64]
-    os: [win32]
-
   '@parcel/watcher-android-arm64@2.5.1':
     resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
     engines: {node: '>= 10.0.0'}
@@ -3215,6 +3171,10 @@ packages:
     peerDependencies:
       react: ^16.14.0 || 17.x || 18.x || 19.x
 
+  '@sindresorhus/base62@1.0.0':
+    resolution: {integrity: sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==}
+    engines: {node: '>=18'}
+
   '@sindresorhus/is@4.6.0':
     resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
     engines: {node: '>=10'}
@@ -3726,16 +3686,16 @@ packages:
   '@types/zen-observable@0.8.3':
     resolution: {integrity: sha512-fbF6oTd4sGGy0xjHPKAt+eS2CrxJ3+6gQ3FGcBoIJR2TLAyCkCyI8JqZNy+FeON0AhVgNJoUumVoZQjBFUqHkw==}
 
-  '@typescript-eslint/eslint-plugin@8.49.0':
-    resolution: {integrity: sha512-JXij0vzIaTtCwu6SxTh8qBc66kmf1xs7pI4UOiMDFVct6q86G0Zs7KRcEoJgY3Cav3x5Tq0MF5jwgpgLqgKG3A==}
+  '@typescript-eslint/eslint-plugin@8.50.0':
+    resolution: {integrity: sha512-O7QnmOXYKVtPrfYzMolrCTfkezCJS9+ljLdKW/+DCvRsc3UAz+sbH6Xcsv7p30+0OwUbeWfUDAQE0vpabZ3QLg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.49.0
+      '@typescript-eslint/parser': ^8.50.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.49.0':
-    resolution: {integrity: sha512-N9lBGA9o9aqb1hVMc9hzySbhKibHmB+N3IpoShyV6HyQYRGIhlrO5rQgttypi+yEeKsKI4idxC8Jw6gXKD4THA==}
+  '@typescript-eslint/parser@8.50.0':
+    resolution: {integrity: sha512-6/cmF2piao+f6wSxUsJLZjck7OQsYyRtcOZS02k7XINSNlz93v6emM8WutDQSXnroG2xwYlEVHJI+cPA7CPM3Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -3747,16 +3707,32 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/project-service@8.50.0':
+    resolution: {integrity: sha512-Cg/nQcL1BcoTijEWyx4mkVC56r8dj44bFDvBdygifuS20f3OZCHmFbjF34DPSi07kwlFvqfv/xOLnJ5DquxSGQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/scope-manager@8.49.0':
     resolution: {integrity: sha512-npgS3zi+/30KSOkXNs0LQXtsg9ekZ8OISAOLGWA/ZOEn0ZH74Ginfl7foziV8DT+D98WfQ5Kopwqb/PZOaIJGg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/scope-manager@8.50.0':
+    resolution: {integrity: sha512-xCwfuCZjhIqy7+HKxBLrDVT5q/iq7XBVBXLn57RTIIpelLtEIZHXAF/Upa3+gaCpeV1NNS5Z9A+ID6jn50VD4A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/tsconfig-utils@8.49.0':
     resolution: {integrity: sha512-8prixNi1/6nawsRYxet4YOhnbW+W9FK/bQPxsGB1D3ZrDzbJ5FXw5XmzxZv82X3B+ZccuSxo/X8q9nQ+mFecWA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/tsconfig-utils@8.50.0':
+    resolution: {integrity: sha512-vxd3G/ybKTSlm31MOA96gqvrRGv9RJ7LGtZCn2Vrc5htA0zCDvcMqUkifcjrWNNKXHUU3WCkYOzzVSFBd0wa2w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/type-utils@8.49.0':
     resolution: {integrity: sha512-KTExJfQ+svY8I10P4HdxKzWsvtVnsuCifU5MvXrRwoP2KOlNZ9ADNEWWsQTJgMxLzS5VLQKDjkCT/YzgsnqmZg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3764,16 +3740,33 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/type-utils@8.50.0':
+    resolution: {integrity: sha512-7OciHT2lKCewR0mFoBrvZJ4AXTMe/sYOe87289WAViOocEmDjjv8MvIOT2XESuKj9jp8u3SZYUSh89QA4S1kQw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/types@8.49.0':
     resolution: {integrity: sha512-e9k/fneezorUo6WShlQpMxXh8/8wfyc+biu6tnAqA81oWrEic0k21RHzP9uqqpyBBeBKu4T+Bsjy9/b8u7obXQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/types@8.50.0':
+    resolution: {integrity: sha512-iX1mgmGrXdANhhITbpp2QQM2fGehBse9LbTf0sidWK6yg/NE+uhV5dfU1g6EYPlcReYmkE9QLPq/2irKAmtS9w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/typescript-estree@8.49.0':
     resolution: {integrity: sha512-jrLdRuAbPfPIdYNppHJ/D0wN+wwNfJ32YTAm10eJVsFmrVpXQnDWBn8niCSMlWjvml8jsce5E/O+86IQtTbJWA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/typescript-estree@8.50.0':
+    resolution: {integrity: sha512-W7SVAGBR/IX7zm1t70Yujpbk+zdPq/u4soeFSknWFdXIFuWsBGBOUu/Tn/I6KHSKvSh91OiMuaSnYp3mtPt5IQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/utils@8.49.0':
     resolution: {integrity: sha512-N3W7rJw7Rw+z1tRsHZbK395TWSYvufBXumYtEGzypgMUthlg0/hmCImeA8hgO2d2G4pd7ftpxxul2J8OdtdaFA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3781,10 +3774,21 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/utils@8.50.0':
+    resolution: {integrity: sha512-87KgUXET09CRjGCi2Ejxy3PULXna63/bMYv72tCAlDJC3Yqwln0HiFJ3VJMst2+mEtNtZu5oFvX4qJGjKsnAgg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/visitor-keys@8.49.0':
     resolution: {integrity: sha512-LlKaciDe3GmZFphXIc79THF/YYBugZ7FS1pO581E/edlVVNbZKDy93evqmrfQ9/Y4uN0vVhX4iuchq26mK/iiA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/visitor-keys@8.50.0':
+    resolution: {integrity: sha512-Xzmnb58+Db78gT/CCj/PVCvK+zxbnsw6F+O1oheYszJbBSdEjVhQi3C/Xttzxgi/GLmpvOggRs1RFpiJ8+c34Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript/native-preview-darwin-arm64@7.0.0-dev.20251209.1':
     resolution: {integrity: sha512-F1cnYi+ZeinYQnaTQKKIsbuoq8vip5iepBkSZXlB8PjbG62LW1edUdktd/nVEc+Q+SEysSQ3jRdk9eU766s5iw==}
     cpu: [arm64]
@@ -3842,8 +3846,8 @@ packages:
       '@vitest/browser':
         optional: true
 
-  '@vitest/eslint-plugin@1.5.2':
-    resolution: {integrity: sha512-2t1F2iecXB/b1Ox4U137lhD3chihEE3dRVtu3qMD35tc6UqUjg1VGRJoS1AkFKwpT8zv8OQInzPQO06hrRkeqw==}
+  '@vitest/eslint-plugin@1.6.1':
+    resolution: {integrity: sha512-q4ZCihsURDxhJm6bEUtJjciXtT5k3ijWR4U+0f9XdCRAzAfML5NUUSwulsFoK1AFohBieh52akKWJEIFFMLn/g==}
     engines: {node: '>=18'}
     peerDependencies:
       eslint: '>=8.57.0'
@@ -5145,8 +5149,8 @@ packages:
     peerDependencies:
       eslint: '*'
 
-  eslint-plugin-command@3.3.1:
-    resolution: {integrity: sha512-fBVTXQ2y48TVLT0+4A6PFINp7GcdIailHAXbvPBixE7x+YpYnNQhFZxTdvnb+aWk+COgNebQKen/7m4dmgyWAw==}
+  eslint-plugin-command@3.4.0:
+    resolution: {integrity: sha512-EW4eg/a7TKEhG0s5IEti72kh3YOTlnhfFNuctq5WnB1fst37/IHTd5OkD+vnlRf3opTvUcSRihAateP6bT5ZcA==}
     peerDependencies:
       eslint: '*'
 
@@ -5156,8 +5160,8 @@ packages:
     peerDependencies:
       eslint: '>=8'
 
-  eslint-plugin-import-lite@0.3.0:
-    resolution: {integrity: sha512-dkNBAL6jcoCsXZsQ/Tt2yXmMDoNt5NaBh/U7yvccjiK8cai6Ay+MK77bMykmqQA2bTF6lngaLCDij6MTO3KkvA==}
+  eslint-plugin-import-lite@0.4.0:
+    resolution: {integrity: sha512-My0ReAg8WbHXYECIHVJkWB8UxrinZn3m72yonOYH6MFj40ZN1vHYQj16iq2Fd8Wrt/vRZJwDX2xm/BzDk1FzTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: '>=9.0.0'
@@ -5166,8 +5170,8 @@ packages:
       typescript:
         optional: true
 
-  eslint-plugin-jsdoc@59.1.0:
-    resolution: {integrity: sha512-sg9mzjjzfnMynyY4W8FDiQv3i8eFcKVEHDt4Xh7MLskP3QkMt2z6p7FuzSw7jJSKFues6RaK2GWvmkB1FLPxXg==}
+  eslint-plugin-jsdoc@61.5.0:
+    resolution: {integrity: sha512-PR81eOGq4S7diVnV9xzFSBE4CDENRQGP0Lckkek8AdHtbj+6Bm0cItwlFnxsLFriJHspiE3mpu8U20eODyToIg==}
     engines: {node: '>=20.11.0'}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
@@ -5188,93 +5192,62 @@ packages:
     resolution: {integrity: sha512-brcKcxGnISN2CcVhXJ/kEQlNa0MEfGRtwKtWA16SkqXHKitaKIMrfemJKLKX1YqDU5C/5JY3PvZXd5jEW04e0Q==}
     engines: {node: '>=5.0.0'}
 
-  eslint-plugin-oxlint@1.32.0:
-    resolution: {integrity: sha512-CodKgz/9q3euGbCYrXVRyFxHfnrxn9Q4EywqE4V/VYegry2pJ9/hPQ0OUDTRzbl3/pPbVndkrUUm5tK8NTSgeg==}
-
   eslint-plugin-perfectionist@4.15.1:
     resolution: {integrity: sha512-MHF0cBoOG0XyBf7G0EAFCuJJu4I18wy0zAoT1OHfx2o6EOx1EFTIzr2HGeuZa1kDcusoX0xJ9V7oZmaeFd773Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       eslint: '>=8.45.0'
 
-  eslint-plugin-pnpm@1.4.2:
-    resolution: {integrity: sha512-em/HEUlud5G3G4VZe2dhgsLm2ey6CG+Y+Lq3fS/RsbnmKhi+D+LcLz31GphTJhizCoKl2oAVndMltOHbuBYe+A==}
+  eslint-plugin-pnpm@1.4.3:
+    resolution: {integrity: sha512-wdWrkWN5mxRgEADkQvxwv0xA+0++/hYDD5OyXTL6UqPLUPdcCFQJO61NO7IKhEqb3GclWs02OoFs1METN+a3zQ==}
     peerDependencies:
       eslint: ^9.0.0
 
-  eslint-plugin-react-debug@1.53.1:
-    resolution: {integrity: sha512-WNOiQ6jhodJE88VjBU/IVDM+2Zr9gKHlBFDUSA3fQ0dMB5RiBVj5wMtxbxRuipK/GqNJbteqHcZoYEod7nfddg==}
-    engines: {node: '>=18.18.0'}
+  eslint-plugin-react-dom@2.3.13:
+    resolution: {integrity: sha512-O9jglTOnnuyfJcSxjeVc8lqIp5kuS9/0MLLCHlOTH8ZjIifHHxUr6GZ2fd4la9y0FsoEYXEO7DBIMjWx2vCwjg==}
+    engines: {node: '>=20.19.0'}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: ^4.9.5 || ^5.3.3
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
-  eslint-plugin-react-dom@1.53.1:
-    resolution: {integrity: sha512-UYrWJ2cS4HpJ1A5XBuf1HfMpPoLdfGil+27g/ldXfGemb4IXqlxHt4ANLyC8l2CWcE3SXGJW7mTslL34MG0qTQ==}
-    engines: {node: '>=18.18.0'}
+  eslint-plugin-react-hooks-extra@2.3.13:
+    resolution: {integrity: sha512-NSnY8yvtrvu2FAALLuvc2xesIAkMqGyJgilpy8wEi1w/Nw6v0IwBEffoNKLq9OHW4v3nikud3aBTqWfWKOx67Q==}
+    engines: {node: '>=20.0.0'}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: ^4.9.5 || ^5.3.3
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
-  eslint-plugin-react-hooks-extra@1.53.1:
-    resolution: {integrity: sha512-fshTnMWNn9NjFLIuy7HzkRgGK29vKv4ZBO9UMr+kltVAfKLMeXXP6021qVKk66i/XhQjbktiS+vQsu1Rd3ZKvg==}
-    engines: {node: '>=18.18.0'}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: ^4.9.5 || ^5.3.3
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  eslint-plugin-react-hooks@5.2.0:
-    resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
-    engines: {node: '>=10'}
+  eslint-plugin-react-hooks@7.0.1:
+    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
+    engines: {node: '>=18'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react-naming-convention@1.53.1:
-    resolution: {integrity: sha512-rvZ/B/CSVF8d34HQ4qIt90LRuxotVx+KUf3i1OMXAyhsagEFMRe4gAlPJiRufZ+h9lnuu279bEdd+NINsXOteA==}
-    engines: {node: '>=18.18.0'}
+  eslint-plugin-react-naming-convention@2.3.13:
+    resolution: {integrity: sha512-2iler1ldFpB/PaNpN8WAVk6dKYKwKcoGm1j0JAAjdCrsfOTJ007ol2xTAyoHKAbMOvkZSi7qq90q+Q//RuhWwA==}
+    engines: {node: '>=20.19.0'}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: ^4.9.5 || ^5.3.3
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
-  eslint-plugin-react-refresh@0.4.24:
-    resolution: {integrity: sha512-nLHIW7TEq3aLrEYWpVaJ1dRgFR+wLDPN8e8FpYAql/bMV2oBEfC37K0gLEGgv9fy66juNShSMV8OkTqzltcG/w==}
+  eslint-plugin-react-refresh@0.4.26:
+    resolution: {integrity: sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==}
     peerDependencies:
       eslint: '>=8.40'
 
-  eslint-plugin-react-web-api@1.53.1:
-    resolution: {integrity: sha512-INVZ3Cbl9/b+sizyb43ChzEPXXYuDsBGU9BIg7OVTNPyDPloCXdI+dQFAcSlDocZhPrLxhPV3eT6+gXbygzYXg==}
-    engines: {node: '>=18.18.0'}
+  eslint-plugin-react-web-api@2.3.13:
+    resolution: {integrity: sha512-+UypRPHP9GFMulIENpsC/J+TygWywiyz2mb4qyUP6y/IwdcSilk1MyF9WquNYKB/4/FN4Rl1oRm6WMbfkbpMnQ==}
+    engines: {node: '>=20.19.0'}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: ^4.9.5 || ^5.3.3
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
-  eslint-plugin-react-x@1.53.1:
-    resolution: {integrity: sha512-MwMNnVwiPem0U6SlejDF/ddA4h/lmP6imL1RDZ2m3pUBrcdcOwOx0gyiRVTA3ENnhRlWfHljHf5y7m8qDSxMEg==}
-    engines: {node: '>=18.18.0'}
+  eslint-plugin-react-x@2.3.13:
+    resolution: {integrity: sha512-+m+V/5VLMxgx0VsFUUyflMNLQG0WFYspsfv0XJFqx7me3A2b3P20QatNDHQCYswz0PRbRFqinTPukPRhZh68ag==}
+    engines: {node: '>=20.19.0'}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      ts-api-utils: ^2.1.0
-      typescript: ^4.9.5 || ^5.3.3
-    peerDependenciesMeta:
-      ts-api-utils:
-        optional: true
-      typescript:
-        optional: true
+      typescript: '>=4.8.4 <6.0.0'
 
   eslint-plugin-regexp@2.10.0:
     resolution: {integrity: sha512-ovzQT8ESVn5oOe5a7gIDPD5v9bCSjIFJu57sVPDqgPRXicQzOnYfFN21WoQBQF18vrhT5o7UMKFwJQVVjyJ0ng==}
@@ -5287,12 +5260,11 @@ packages:
     peerDependencies:
       eslint: ^8.0.0 || ^9.0.0
 
-  eslint-plugin-storybook@9.1.16:
-    resolution: {integrity: sha512-I8f3DXniPxFbcptVgOjtIHNvW6sDu1O2d1zNsxLKmeAvEaRLus1ij8iFHCgkNzMthrU5U2F4Wdo/aaSpz5kHjA==}
-    engines: {node: '>=20.0.0'}
+  eslint-plugin-storybook@10.1.10:
+    resolution: {integrity: sha512-ITr6Aq3buR/DuDATkq1BafUVJLybyo676fY+tj9Zjd1Ak+UXBAMQcQ++tiBVVHm1RqADwM3b1o6bnWHK2fPPKw==}
     peerDependencies:
       eslint: '>=8'
-      storybook: ^9.1.16
+      storybook: ^10.1.10
 
   eslint-plugin-tailwindcss@3.18.2:
     resolution: {integrity: sha512-QbkMLDC/OkkjFQ1iz/5jkMdHfiMu/uwujUHLAJK5iwNHD8RTxVTlsUezE0toTZ6VhybNBsk+gYGPDq2agfeRNA==}
@@ -5306,11 +5278,11 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
-  eslint-plugin-unicorn@61.0.2:
-    resolution: {integrity: sha512-zLihukvneYT7f74GNbVJXfWIiNQmkc/a9vYBTE4qPkQZswolWNdu+Wsp9sIXno1JOzdn6OUwLPd19ekXVkahRA==}
+  eslint-plugin-unicorn@62.0.0:
+    resolution: {integrity: sha512-HIlIkGLkvf29YEiS/ImuDZQbP12gWyx5i3C6XrRxMvVdqMroCI9qoVYCoIl17ChN+U89pn9sVwLxhIWj5nEc7g==}
     engines: {node: ^20.10.0 || >=21.0.0}
     peerDependencies:
-      eslint: '>=9.29.0'
+      eslint: '>=9.38.0'
 
   eslint-plugin-unused-imports@4.3.0:
     resolution: {integrity: sha512-ZFBmXMGBYfHttdRtOG9nFFpmUvMtbHSjsKrS20vdWdbfiVYsO3yA2SGYy9i9XmZJDfMGBflZGBCm70SEnFQtOA==}
@@ -5335,8 +5307,8 @@ packages:
       '@typescript-eslint/parser':
         optional: true
 
-  eslint-plugin-yml@1.19.0:
-    resolution: {integrity: sha512-S+4GbcCWksFKAvFJtf0vpdiCkZZvDJCV4Zsi9ahmYkYOYcf+LRqqzvzkb/ST7vTYV6sFwXOvawzYyL/jFT2nQA==}
+  eslint-plugin-yml@1.19.1:
+    resolution: {integrity: sha512-bYkOxyEiXh9WxUhVYPELdSHxGG5pOjCSeJOVkfdIyj6tuiHDxrES2WAW1dBxn3iaZQey57XflwLtCYRcNPOiOg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
@@ -5363,8 +5335,8 @@ packages:
     resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.39.1:
-    resolution: {integrity: sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==}
+  eslint@9.39.2:
+    resolution: {integrity: sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -5780,6 +5752,12 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
   highlight.js@10.7.3:
     resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
 
@@ -6133,17 +6111,17 @@ packages:
     resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
-  jsdoc-type-pratt-parser@4.1.0:
-    resolution: {integrity: sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==}
-    engines: {node: '>=12.0.0'}
-
   jsdoc-type-pratt-parser@4.8.0:
     resolution: {integrity: sha512-iZ8Bdb84lWRuGHamRXFyML07r21pcwBrLkHEuHgEY5UbCouBwv7ECknDRKzsQIXMiqpPymqtIf8TC/shYKB5rw==}
     engines: {node: '>=12.0.0'}
 
-  jsdoc-type-pratt-parser@5.4.0:
-    resolution: {integrity: sha512-F9GQ+F1ZU6qvSrZV8fNFpjDNf614YzR2eF6S0+XbDjAcUI28FSoXnYZFjQmb1kFx3rrJb5PnxUH3/Yti6fcM+g==}
-    engines: {node: '>=12.0.0'}
+  jsdoc-type-pratt-parser@6.10.0:
+    resolution: {integrity: sha512-+LexoTRyYui5iOhJGn13N9ZazL23nAHGkXsa1p/C8yeq79WRfLBag6ZZ0FQG2aRoc9yfo59JT9EYCQonOkHKkQ==}
+    engines: {node: '>=20.0.0'}
+
+  jsdoc-type-pratt-parser@7.0.0:
+    resolution: {integrity: sha512-c7YbokssPOSHmqTbSAmTtnVgAVa/7lumWNYqomgd5KOMyPrRve2anx6lonfOsXEQacqF9FKVUj7bLg4vRSvdYA==}
+    engines: {node: '>=20.0.0'}
 
   jsdom-testing-mocks@1.16.0:
     resolution: {integrity: sha512-wLrulXiLpjmcUYOYGEvz4XARkrmdVpyxzdBl9IAMbQ+ib2/UhUTRCn49McdNfXLff2ysGBUms49ZKX0LR1Q0gg==}
@@ -6158,11 +6136,6 @@ packages:
       canvas:
         optional: true
 
-  jsesc@3.0.2:
-    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
-    engines: {node: '>=6'}
-    hasBin: true
-
   jsesc@3.1.0:
     resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
     engines: {node: '>=6'}
@@ -6198,9 +6171,6 @@ packages:
     resolution: {integrity: sha512-1e4qoRgnn448pRuMvKGsFFymUCquZV0mpGgOyIKNgD3JVDTsVJyRBGH/Fm0tBb8WsWGgmB1mDe6/yJMQM37DUA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  jsonc-parser@3.3.1:
-    resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
-
   jsonfile@6.2.0:
     resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
 
@@ -6803,8 +6773,8 @@ packages:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
-  object-deep-merge@1.0.5:
-    resolution: {integrity: sha512-3DioFgOzetbxbeUq8pB2NunXo8V0n4EvqsWM/cJoI6IA9zghd7cl/2pBOuWRf4dlvA+fcg5ugFMZaN2/RuoaGg==}
+  object-deep-merge@2.0.0:
+    resolution: {integrity: sha512-3DC3UMpeffLTHiuXSy/UG4NOIYTLlY9u3V82+djSCLYClWobZiS4ivYzpIUWrRY/nfsJ8cWsKyG3QfyLePmhvg==}
 
   object-hash@3.0.0:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
@@ -6848,16 +6818,6 @@ packages:
   oxc-resolver@11.15.0:
     resolution: {integrity: sha512-Hk2J8QMYwmIO9XTCUiOH00+Xk2/+aBxRUnhrSlANDyCnLYc32R1WSIq1sU2yEdlqd53FfMpPEpnBYIKQMzliJw==}
 
-  oxlint@1.32.0:
-    resolution: {integrity: sha512-HYDQCga7flsdyLMUIxTgSnEx5KBxpP9VINB8NgO+UjV80xBiTQXyVsvjtneMT3ZBLMbL0SlG/Dm03XQAsEshMA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    hasBin: true
-    peerDependencies:
-      oxlint-tsgolint: '>=0.8.1'
-    peerDependenciesMeta:
-      oxlint-tsgolint:
-        optional: true
-
   p-cancelable@2.1.1:
     resolution: {integrity: sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==}
     engines: {node: '>=8'}
@@ -7065,8 +7025,8 @@ packages:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
 
-  pnpm-workspace-yaml@1.4.2:
-    resolution: {integrity: sha512-L2EKuOeV8aSt3z0RNtdwkg96BHV4WRN9pN2oTHKkMQQRxVEHFXPTbB+nly6ip1qV+JQM6qBebSiMgPRBx8S0Vw==}
+  pnpm-workspace-yaml@1.4.3:
+    resolution: {integrity: sha512-Q8B3SWuuISy/Ciag4DFP7MCrJX07wfaekcqD2o/msdIj4x8Ql3bZ/NEKOXV7mTVh7m1YdiFWiMi9xH+0zuEGHw==}
 
   points-on-curve@0.2.0:
     resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
@@ -7553,10 +7513,6 @@ packages:
   regjsgen@0.8.0:
     resolution: {integrity: sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==}
 
-  regjsparser@0.12.0:
-    resolution: {integrity: sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==}
-    hasBin: true
-
   regjsparser@0.13.0:
     resolution: {integrity: sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==}
     hasBin: true
@@ -7602,6 +7558,10 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  reserved-identifiers@1.2.0:
+    resolution: {integrity: sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==}
+    engines: {node: '>=18'}
+
   resize-observer-polyfill@1.5.1:
     resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
 
@@ -8146,6 +8106,10 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  to-valid-identifier@1.0.0:
+    resolution: {integrity: sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==}
+    engines: {node: '>=20'}
+
   toggle-selection@1.0.6:
     resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
 
@@ -8851,6 +8815,12 @@ packages:
   zen-observable@0.8.15:
     resolution: {integrity: sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ==}
 
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
   zod@3.25.76:
     resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
 
@@ -9047,50 +9017,50 @@ snapshots:
       idb: 8.0.0
       tslib: 2.8.1
 
-  '@antfu/eslint-config@5.4.1(@eslint-react/eslint-plugin@1.53.1(eslint@9.39.1(jiti@1.21.7))(ts-api-utils@2.1.0(typescript@5.9.3))(typescript@5.9.3))(@next/eslint-plugin-next@15.5.9)(@vue/compiler-sfc@3.5.25)(eslint-plugin-react-hooks@5.2.0(eslint@9.39.1(jiti@1.21.7)))(eslint-plugin-react-refresh@0.4.24(eslint@9.39.1(jiti@1.21.7)))(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))':
+  '@antfu/eslint-config@6.7.3(@eslint-react/eslint-plugin@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(@next/eslint-plugin-next@15.5.9)(@vue/compiler-sfc@3.5.25)(eslint-plugin-react-hooks@7.0.1(eslint@9.39.2(jiti@1.21.7)))(eslint-plugin-react-refresh@0.4.26(eslint@9.39.2(jiti@1.21.7)))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))':
     dependencies:
       '@antfu/install-pkg': 1.1.0
       '@clack/prompts': 0.11.0
-      '@eslint-community/eslint-plugin-eslint-comments': 4.5.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/eslint-plugin-eslint-comments': 4.5.0(eslint@9.39.2(jiti@1.21.7))
       '@eslint/markdown': 7.5.1
-      '@stylistic/eslint-plugin': 5.6.1(eslint@9.39.1(jiti@1.21.7))
-      '@typescript-eslint/eslint-plugin': 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@vitest/eslint-plugin': 1.5.2(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))
+      '@stylistic/eslint-plugin': 5.6.1(eslint@9.39.2(jiti@1.21.7))
+      '@typescript-eslint/eslint-plugin': 8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@vitest/eslint-plugin': 1.6.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))
       ansis: 4.2.0
       cac: 6.7.14
-      eslint: 9.39.1(jiti@1.21.7)
-      eslint-config-flat-gitignore: 2.1.0(eslint@9.39.1(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-config-flat-gitignore: 2.1.0(eslint@9.39.2(jiti@1.21.7))
       eslint-flat-config-utils: 2.1.4
-      eslint-merge-processors: 2.0.0(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-antfu: 3.1.1(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-command: 3.3.1(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-import-lite: 0.3.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint-plugin-jsdoc: 59.1.0(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-jsonc: 2.21.0(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-n: 17.23.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      eslint-merge-processors: 2.0.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-antfu: 3.1.1(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-command: 3.4.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-import-lite: 0.4.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint-plugin-jsdoc: 61.5.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-jsonc: 2.21.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-n: 17.23.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       eslint-plugin-no-only-tests: 3.3.0
-      eslint-plugin-perfectionist: 4.15.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint-plugin-pnpm: 1.4.2(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-regexp: 2.10.0(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-toml: 0.12.0(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-unicorn: 61.0.2(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-unused-imports: 4.3.0(@typescript-eslint/eslint-plugin@8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-vue: 10.6.2(@stylistic/eslint-plugin@5.6.1(eslint@9.39.1(jiti@1.21.7)))(@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))(vue-eslint-parser@10.2.0(eslint@9.39.1(jiti@1.21.7)))
-      eslint-plugin-yml: 1.19.0(eslint@9.39.1(jiti@1.21.7))
-      eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.25)(eslint@9.39.1(jiti@1.21.7))
+      eslint-plugin-perfectionist: 4.15.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint-plugin-pnpm: 1.4.3(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-toml: 0.12.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-unicorn: 62.0.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-unused-imports: 4.3.0(@typescript-eslint/eslint-plugin@8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-vue: 10.6.2(@stylistic/eslint-plugin@5.6.1(eslint@9.39.2(jiti@1.21.7)))(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@1.21.7)))
+      eslint-plugin-yml: 1.19.1(eslint@9.39.2(jiti@1.21.7))
+      eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.25)(eslint@9.39.2(jiti@1.21.7))
       globals: 16.5.0
       jsonc-eslint-parser: 2.4.2
       local-pkg: 1.1.2
       parse-gitignore: 2.0.0
       toml-eslint-parser: 0.10.1
-      vue-eslint-parser: 10.2.0(eslint@9.39.1(jiti@1.21.7))
+      vue-eslint-parser: 10.2.0(eslint@9.39.2(jiti@1.21.7))
       yaml-eslint-parser: 1.3.2
     optionalDependencies:
-      '@eslint-react/eslint-plugin': 1.53.1(eslint@9.39.1(jiti@1.21.7))(ts-api-utils@2.1.0(typescript@5.9.3))(typescript@5.9.3)
+      '@eslint-react/eslint-plugin': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@next/eslint-plugin-next': 15.5.9
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.1(jiti@1.21.7))
-      eslint-plugin-react-refresh: 0.4.24(eslint@9.39.1(jiti@1.21.7))
+      eslint-plugin-react-hooks: 7.0.1(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-react-refresh: 0.4.26(eslint@9.39.2(jiti@1.21.7))
     transitivePeerDependencies:
       - '@eslint/json'
       - '@vue/compiler-sfc'
@@ -10032,21 +10002,23 @@ snapshots:
 
   '@epic-web/invariant@1.0.0': {}
 
-  '@es-joy/jsdoccomment@0.50.2':
+  '@es-joy/jsdoccomment@0.76.0':
     dependencies:
       '@types/estree': 1.0.8
-      '@typescript-eslint/types': 8.49.0
+      '@typescript-eslint/types': 8.50.0
       comment-parser: 1.4.1
       esquery: 1.6.0
-      jsdoc-type-pratt-parser: 4.1.0
+      jsdoc-type-pratt-parser: 6.10.0
 
-  '@es-joy/jsdoccomment@0.58.0':
+  '@es-joy/jsdoccomment@0.78.0':
     dependencies:
       '@types/estree': 1.0.8
-      '@typescript-eslint/types': 8.49.0
+      '@typescript-eslint/types': 8.50.0
       comment-parser: 1.4.1
       esquery: 1.6.0
-      jsdoc-type-pratt-parser: 5.4.0
+      jsdoc-type-pratt-parser: 7.0.0
+
+  '@es-joy/resolve.exports@1.2.0': {}
 
   '@esbuild/aix-ppc64@0.25.0':
     optional: true
@@ -10201,118 +10173,99 @@ snapshots:
   '@esbuild/win32-x64@0.25.12':
     optional: true
 
-  '@eslint-community/eslint-plugin-eslint-comments@4.5.0(eslint@9.39.1(jiti@1.21.7))':
+  '@eslint-community/eslint-plugin-eslint-comments@4.5.0(eslint@9.39.2(jiti@1.21.7))':
     dependencies:
       escape-string-regexp: 4.0.0
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       ignore: 5.3.2
 
-  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.1(jiti@1.21.7))':
+  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.2(jiti@1.21.7))':
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint-react/ast@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
+  '@eslint-react/ast@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@eslint-react/eff': 1.53.1
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       string-ts: 2.3.1
-      ts-pattern: 5.9.0
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - typescript
-
-  '@eslint-react/core@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
-    dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/var': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      birecord: 0.1.1
-      ts-pattern: 5.9.0
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - typescript
-
-  '@eslint-react/eff@1.53.1': {}
-
-  '@eslint-react/eslint-plugin@1.53.1(eslint@9.39.1(jiti@1.21.7))(ts-api-utils@2.1.0(typescript@5.9.3))(typescript@5.9.3)':
-    dependencies:
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
-      eslint-plugin-react-debug: 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint-plugin-react-dom: 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint-plugin-react-hooks-extra: 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint-plugin-react-naming-convention: 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint-plugin-react-web-api: 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint-plugin-react-x: 1.53.1(eslint@9.39.1(jiti@1.21.7))(ts-api-utils@2.1.0(typescript@5.9.3))(typescript@5.9.3)
-    optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
-      - ts-api-utils
 
-  '@eslint-react/kit@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
+  '@eslint-react/core@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@eslint-react/eff': 1.53.1
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/ast': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@eslint-react/shared': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/var': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      birecord: 0.1.1
+      eslint: 9.39.2(jiti@1.21.7)
       ts-pattern: 5.9.0
-      zod: 4.1.13
+      typescript: 5.9.3
     transitivePeerDependencies:
-      - eslint
       - supports-color
-      - typescript
 
-  '@eslint-react/shared@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
-    dependencies:
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      ts-pattern: 5.9.0
-      zod: 4.1.13
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - typescript
+  '@eslint-react/eff@2.3.13': {}
 
-  '@eslint-react/var@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
+  '@eslint-react/eslint-plugin@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
+      '@eslint-react/eff': 2.3.13
+      '@eslint-react/shared': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/scope-manager': 8.49.0
+      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      string-ts: 2.3.1
-      ts-pattern: 5.9.0
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-plugin-react-dom: 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint-plugin-react-hooks-extra: 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint-plugin-react-naming-convention: 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint-plugin-react-web-api: 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint-plugin-react-x: 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      ts-api-utils: 2.1.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
-      - eslint
       - supports-color
-      - typescript
 
-  '@eslint/compat@1.4.1(eslint@9.39.1(jiti@1.21.7))':
+  '@eslint-react/shared@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-react/eff': 2.3.13
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      ts-pattern: 5.9.0
+      typescript: 5.9.3
+      zod: 4.1.13
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint-react/var@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-react/ast': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      ts-pattern: 5.9.0
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@1.21.7))':
     dependencies:
       '@eslint/core': 0.17.0
     optionalDependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
 
   '@eslint/config-array@0.21.1':
     dependencies:
@@ -10348,7 +10301,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.39.1': {}
+  '@eslint/js@9.39.2': {}
 
   '@eslint/markdown@7.5.1':
     dependencies:
@@ -10366,11 +10319,6 @@ snapshots:
 
   '@eslint/object-schema@2.1.7': {}
 
-  '@eslint/plugin-kit@0.3.4':
-    dependencies:
-      '@eslint/core': 0.15.2
-      levn: 0.4.1
-
   '@eslint/plugin-kit@0.3.5':
     dependencies:
       '@eslint/core': 0.15.2
@@ -11114,30 +11062,6 @@ snapshots:
   '@oxc-resolver/binding-win32-x64-msvc@11.15.0':
     optional: true
 
-  '@oxlint/darwin-arm64@1.32.0':
-    optional: true
-
-  '@oxlint/darwin-x64@1.32.0':
-    optional: true
-
-  '@oxlint/linux-arm64-gnu@1.32.0':
-    optional: true
-
-  '@oxlint/linux-arm64-musl@1.32.0':
-    optional: true
-
-  '@oxlint/linux-x64-gnu@1.32.0':
-    optional: true
-
-  '@oxlint/linux-x64-musl@1.32.0':
-    optional: true
-
-  '@oxlint/win32-arm64@1.32.0':
-    optional: true
-
-  '@oxlint/win32-x64@1.32.0':
-    optional: true
-
   '@parcel/watcher-android-arm64@2.5.1':
     optional: true
 
@@ -11679,6 +11603,8 @@ snapshots:
       hoist-non-react-statics: 3.3.2
       react: 19.2.3
 
+  '@sindresorhus/base62@1.0.0': {}
+
   '@sindresorhus/is@4.6.0': {}
 
   '@standard-schema/spec@1.1.0': {}
@@ -11872,11 +11798,11 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  '@stylistic/eslint-plugin@5.6.1(eslint@9.39.1(jiti@1.21.7))':
+  '@stylistic/eslint-plugin@5.6.1(eslint@9.39.2(jiti@1.21.7))':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
       '@typescript-eslint/types': 8.49.0
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
       estraverse: 5.3.0
@@ -12306,15 +12232,15 @@ snapshots:
 
   '@types/zen-observable@0.8.3': {}
 
-  '@typescript-eslint/eslint-plugin@8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/parser': 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/type-utils': 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.50.0
+      eslint: 9.39.2(jiti@1.21.7)
       ignore: 7.0.5
       natural-compare: 1.4.0
       ts-api-utils: 2.1.0(typescript@5.9.3)
@@ -12322,14 +12248,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.50.0
       debug: 4.4.3
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
@@ -12337,7 +12263,16 @@ snapshots:
   '@typescript-eslint/project-service@8.49.0(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
+      '@typescript-eslint/types': 8.50.0
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.50.0(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.50.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -12348,17 +12283,38 @@ snapshots:
       '@typescript-eslint/types': 8.49.0
       '@typescript-eslint/visitor-keys': 8.49.0
 
+  '@typescript-eslint/scope-manager@8.50.0':
+    dependencies:
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/visitor-keys': 8.50.0
+
   '@typescript-eslint/tsconfig-utils@8.49.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.50.0(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/types': 8.49.0
       '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       debug: 4.4.3
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
+      ts-api-utils: 2.1.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/type-utils@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
       ts-api-utils: 2.1.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -12366,6 +12322,8 @@ snapshots:
 
   '@typescript-eslint/types@8.49.0': {}
 
+  '@typescript-eslint/types@8.50.0': {}
+
   '@typescript-eslint/typescript-estree@8.49.0(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/project-service': 8.49.0(typescript@5.9.3)
@@ -12381,13 +12339,39 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.50.0(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@typescript-eslint/project-service': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.50.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/visitor-keys': 8.50.0
+      debug: 4.4.3
+      minimatch: 9.0.5
+      semver: 7.7.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.1.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
       '@typescript-eslint/scope-manager': 8.49.0
       '@typescript-eslint/types': 8.49.0
       '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
+      '@typescript-eslint/scope-manager': 8.50.0
+      '@typescript-eslint/types': 8.50.0
+      '@typescript-eslint/typescript-estree': 8.50.0(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
@@ -12397,6 +12381,11 @@ snapshots:
       '@typescript-eslint/types': 8.49.0
       eslint-visitor-keys: 4.2.1
 
+  '@typescript-eslint/visitor-keys@8.50.0':
+    dependencies:
+      '@typescript-eslint/types': 8.50.0
+      eslint-visitor-keys: 4.2.1
+
   '@typescript/native-preview-darwin-arm64@7.0.0-dev.20251209.1':
     optional: true
 
@@ -12459,11 +12448,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/eslint-plugin@1.5.2(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))':
+  '@vitest/eslint-plugin@1.6.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)(vitest@4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))':
     dependencies:
       '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
     optionalDependencies:
       typescript: 5.9.3
       vitest: 4.0.16(@types/node@18.15.0)(happy-dom@20.0.11)(jiti@1.21.7)(jsdom@27.3.0(canvas@3.2.0))(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)
@@ -13858,83 +13847,84 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-compat-utils@0.5.1(eslint@9.39.1(jiti@1.21.7)):
+  eslint-compat-utils@0.5.1(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       semver: 7.7.3
 
-  eslint-compat-utils@0.6.5(eslint@9.39.1(jiti@1.21.7)):
+  eslint-compat-utils@0.6.5(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       semver: 7.7.3
 
-  eslint-config-flat-gitignore@2.1.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-config-flat-gitignore@2.1.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint/compat': 1.4.1(eslint@9.39.1(jiti@1.21.7))
-      eslint: 9.39.1(jiti@1.21.7)
+      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
 
   eslint-flat-config-utils@2.1.4:
     dependencies:
       pathe: 2.0.3
 
-  eslint-json-compat-utils@0.2.1(eslint@9.39.1(jiti@1.21.7))(jsonc-eslint-parser@2.4.2):
+  eslint-json-compat-utils@0.2.1(eslint@9.39.2(jiti@1.21.7))(jsonc-eslint-parser@2.4.2):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       esquery: 1.6.0
       jsonc-eslint-parser: 2.4.2
 
-  eslint-merge-processors@2.0.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-merge-processors@2.0.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
 
-  eslint-plugin-antfu@3.1.1(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-antfu@3.1.1(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
 
-  eslint-plugin-command@3.3.1(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-command@3.4.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@es-joy/jsdoccomment': 0.50.2
-      eslint: 9.39.1(jiti@1.21.7)
+      '@es-joy/jsdoccomment': 0.78.0
+      eslint: 9.39.2(jiti@1.21.7)
 
-  eslint-plugin-es-x@7.8.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-es-x@7.8.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
-      eslint: 9.39.1(jiti@1.21.7)
-      eslint-compat-utils: 0.5.1(eslint@9.39.1(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-compat-utils: 0.5.1(eslint@9.39.2(jiti@1.21.7))
 
-  eslint-plugin-import-lite@0.3.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  eslint-plugin-import-lite@0.4.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
-      '@typescript-eslint/types': 8.49.0
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
     optionalDependencies:
       typescript: 5.9.3
 
-  eslint-plugin-jsdoc@59.1.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-jsdoc@61.5.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@es-joy/jsdoccomment': 0.58.0
+      '@es-joy/jsdoccomment': 0.76.0
+      '@es-joy/resolve.exports': 1.2.0
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
       debug: 4.4.3
       escape-string-regexp: 4.0.0
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       espree: 10.4.0
       esquery: 1.6.0
-      object-deep-merge: 1.0.5
+      html-entities: 2.6.0
+      object-deep-merge: 2.0.0
       parse-imports-exports: 0.2.4
       semver: 7.7.3
       spdx-expression-parse: 4.0.0
+      to-valid-identifier: 1.0.0
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jsonc@2.21.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-jsonc@2.21.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
       diff-sequences: 27.5.1
-      eslint: 9.39.1(jiti@1.21.7)
-      eslint-compat-utils: 0.6.5(eslint@9.39.1(jiti@1.21.7))
-      eslint-json-compat-utils: 0.2.1(eslint@9.39.1(jiti@1.21.7))(jsonc-eslint-parser@2.4.2)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-compat-utils: 0.6.5(eslint@9.39.2(jiti@1.21.7))
+      eslint-json-compat-utils: 0.2.1(eslint@9.39.2(jiti@1.21.7))(jsonc-eslint-parser@2.4.2)
       espree: 10.4.0
       graphemer: 1.4.0
       jsonc-eslint-parser: 2.4.2
@@ -13943,12 +13933,12 @@ snapshots:
     transitivePeerDependencies:
       - '@eslint/json'
 
-  eslint-plugin-n@17.23.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  eslint-plugin-n@17.23.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
       enhanced-resolve: 5.18.3
-      eslint: 9.39.1(jiti@1.21.7)
-      eslint-plugin-es-x: 7.8.0(eslint@9.39.1(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-plugin-es-x: 7.8.0(eslint@9.39.2(jiti@1.21.7))
       get-tsconfig: 4.13.0
       globals: 15.15.0
       globrex: 0.1.2
@@ -13960,178 +13950,151 @@ snapshots:
 
   eslint-plugin-no-only-tests@3.3.0: {}
 
-  eslint-plugin-oxlint@1.32.0:
-    dependencies:
-      jsonc-parser: 3.3.1
-
-  eslint-plugin-perfectionist@4.15.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  eslint-plugin-perfectionist@4.15.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
       '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       natural-orderby: 5.0.0
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-pnpm@1.4.2(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-pnpm@1.4.3(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       empathic: 2.0.0
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       jsonc-eslint-parser: 2.4.2
       pathe: 2.0.3
-      pnpm-workspace-yaml: 1.4.2
+      pnpm-workspace-yaml: 1.4.3
       tinyglobby: 0.2.15
       yaml: 2.8.2
       yaml-eslint-parser: 1.3.2
 
-  eslint-plugin-react-debug@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  eslint-plugin-react-dom@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/core': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/var': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
-      string-ts: 2.3.1
-      ts-pattern: 5.9.0
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-react-dom@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
-    dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/core': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/var': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/ast': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/core': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@eslint-react/shared': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/var': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/scope-manager': 8.49.0
       '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       compare-versions: 6.1.1
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       string-ts: 2.3.1
       ts-pattern: 5.9.0
-    optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-hooks-extra@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  eslint-plugin-react-hooks-extra@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/core': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/var': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/ast': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/core': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@eslint-react/shared': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/var': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       string-ts: 2.3.1
       ts-pattern: 5.9.0
-    optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-react-hooks@7.0.1(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      '@babel/core': 7.28.5
+      '@babel/parser': 7.28.5
+      eslint: 9.39.2(jiti@1.21.7)
+      hermes-parser: 0.25.1
+      zod: 3.25.76
+      zod-validation-error: 4.0.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - supports-color
 
-  eslint-plugin-react-naming-convention@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  eslint-plugin-react-naming-convention@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/core': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/var': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/ast': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/core': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@eslint-react/shared': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/var': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       string-ts: 2.3.1
       ts-pattern: 5.9.0
-    optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-refresh@0.4.24(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-react-refresh@0.4.26(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
 
-  eslint-plugin-react-web-api@1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  eslint-plugin-react-web-api@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/core': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/var': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/ast': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/core': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@eslint-react/shared': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/var': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/scope-manager': 8.49.0
       '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       string-ts: 2.3.1
       ts-pattern: 5.9.0
-    optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-x@1.53.1(eslint@9.39.1(jiti@1.21.7))(ts-api-utils@2.1.0(typescript@5.9.3))(typescript@5.9.3):
+  eslint-plugin-react-x@2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@eslint-react/ast': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/core': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/eff': 1.53.1
-      '@eslint-react/kit': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/shared': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      '@eslint-react/var': 1.53.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/ast': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/core': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/eff': 2.3.13
+      '@eslint-react/shared': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@eslint-react/var': 2.3.13(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       compare-versions: 6.1.1
-      eslint: 9.39.1(jiti@1.21.7)
-      is-immutable-type: 5.0.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      is-immutable-type: 5.0.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       string-ts: 2.3.1
-      ts-pattern: 5.9.0
-    optionalDependencies:
       ts-api-utils: 2.1.0(typescript@5.9.3)
+      ts-pattern: 5.9.0
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-regexp@2.10.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
       comment-parser: 1.4.1
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       jsdoc-type-pratt-parser: 4.8.0
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
       scslre: 0.3.0
 
-  eslint-plugin-sonarjs@3.0.5(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-sonarjs@3.0.5(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@eslint-community/regexpp': 4.12.1
       builtin-modules: 3.3.0
       bytes: 3.1.2
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       functional-red-black-tree: 1.0.1
       jsx-ast-utils-x: 0.1.0
       lodash.merge: 4.6.2
@@ -14140,10 +14103,10 @@ snapshots:
       semver: 7.7.2
       typescript: 5.9.3
 
-  eslint-plugin-storybook@9.1.16(eslint@9.39.1(jiti@1.21.7))(storybook@9.1.17(@testing-library/dom@10.4.1)(vite@7.3.0(@types/node@18.15.0)(jiti@1.21.7)(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(typescript@5.9.3):
+  eslint-plugin-storybook@10.1.10(eslint@9.39.2(jiti@1.21.7))(storybook@9.1.17(@testing-library/dom@10.4.1)(vite@7.3.0(@types/node@18.15.0)(jiti@1.21.7)(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       storybook: 9.1.17(@testing-library/dom@10.4.1)(vite@7.3.0(@types/node@18.15.0)(jiti@1.21.7)(sass@1.95.0)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2))
     transitivePeerDependencies:
       - supports-color
@@ -14155,26 +14118,26 @@ snapshots:
       postcss: 8.5.6
       tailwindcss: 3.4.18(tsx@4.21.0)(yaml@2.8.2)
 
-  eslint-plugin-toml@0.12.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-toml@0.12.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
-      eslint: 9.39.1(jiti@1.21.7)
-      eslint-compat-utils: 0.6.5(eslint@9.39.1(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-compat-utils: 0.6.5(eslint@9.39.2(jiti@1.21.7))
       lodash: 4.17.21
       toml-eslint-parser: 0.10.1
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-unicorn@61.0.2(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-unicorn@62.0.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
-      '@eslint/plugin-kit': 0.3.4
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
+      '@eslint/plugin-kit': 0.3.5
       change-case: 5.4.4
       ci-info: 4.3.1
       clean-regexp: 1.0.0
       core-js-compat: 3.47.0
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       esquery: 1.6.0
       find-up-simple: 1.0.1
       globals: 16.5.0
@@ -14183,46 +14146,46 @@ snapshots:
       jsesc: 3.1.0
       pluralize: 8.0.0
       regexp-tree: 0.1.27
-      regjsparser: 0.12.0
+      regjsparser: 0.13.0
       semver: 7.7.3
       strip-indent: 4.1.1
 
-  eslint-plugin-unused-imports@4.3.0(@typescript-eslint/eslint-plugin@8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-unused-imports@4.3.0(@typescript-eslint/eslint-plugin@8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.50.0(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
 
-  eslint-plugin-vue@10.6.2(@stylistic/eslint-plugin@5.6.1(eslint@9.39.1(jiti@1.21.7)))(@typescript-eslint/parser@8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.1(jiti@1.21.7))(vue-eslint-parser@10.2.0(eslint@9.39.1(jiti@1.21.7))):
+  eslint-plugin-vue@10.6.2(@stylistic/eslint-plugin@5.6.1(eslint@9.39.2(jiti@1.21.7)))(@typescript-eslint/parser@8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@1.21.7))):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
-      eslint: 9.39.1(jiti@1.21.7)
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 7.1.1
       semver: 7.7.3
-      vue-eslint-parser: 10.2.0(eslint@9.39.1(jiti@1.21.7))
+      vue-eslint-parser: 10.2.0(eslint@9.39.2(jiti@1.21.7))
       xml-name-validator: 4.0.0
     optionalDependencies:
-      '@stylistic/eslint-plugin': 5.6.1(eslint@9.39.1(jiti@1.21.7))
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
+      '@stylistic/eslint-plugin': 5.6.1(eslint@9.39.2(jiti@1.21.7))
+      '@typescript-eslint/parser': 8.50.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
 
-  eslint-plugin-yml@1.19.0(eslint@9.39.1(jiti@1.21.7)):
+  eslint-plugin-yml@1.19.1(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
       diff-sequences: 27.5.1
       escape-string-regexp: 4.0.0
-      eslint: 9.39.1(jiti@1.21.7)
-      eslint-compat-utils: 0.6.5(eslint@9.39.1(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-compat-utils: 0.6.5(eslint@9.39.2(jiti@1.21.7))
       natural-compare: 1.4.0
       yaml-eslint-parser: 1.3.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-processor-vue-blocks@2.0.0(@vue/compiler-sfc@3.5.25)(eslint@9.39.1(jiti@1.21.7)):
+  eslint-processor-vue-blocks@2.0.0(@vue/compiler-sfc@3.5.25)(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@vue/compiler-sfc': 3.5.25
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
 
   eslint-scope@5.1.1:
     dependencies:
@@ -14238,15 +14201,15 @@ snapshots:
 
   eslint-visitor-keys@4.2.1: {}
 
-  eslint@9.39.1(jiti@1.21.7):
+  eslint@9.39.2(jiti@1.21.7):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
       '@eslint/config-array': 0.21.1
       '@eslint/config-helpers': 0.4.2
       '@eslint/core': 0.17.0
       '@eslint/eslintrc': 3.3.3
-      '@eslint/js': 9.39.1
+      '@eslint/js': 9.39.2
       '@eslint/plugin-kit': 0.3.5
       '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
@@ -14802,6 +14765,12 @@ snapshots:
 
   he@1.2.0: {}
 
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
   highlight.js@10.7.3: {}
 
   highlightjs-vue@1.0.0: {}
@@ -15001,10 +14970,10 @@ snapshots:
 
   is-hexadecimal@2.0.1: {}
 
-  is-immutable-type@5.0.1(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3):
+  is-immutable-type@5.0.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.1(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@1.21.7)
+      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
       ts-api-utils: 2.1.0(typescript@5.9.3)
       ts-declaration-location: 1.0.7(typescript@5.9.3)
       typescript: 5.9.3
@@ -15106,11 +15075,11 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  jsdoc-type-pratt-parser@4.1.0: {}
-
   jsdoc-type-pratt-parser@4.8.0: {}
 
-  jsdoc-type-pratt-parser@5.4.0: {}
+  jsdoc-type-pratt-parser@6.10.0: {}
+
+  jsdoc-type-pratt-parser@7.0.0: {}
 
   jsdom-testing-mocks@1.16.0:
     dependencies:
@@ -15146,8 +15115,6 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  jsesc@3.0.2: {}
-
   jsesc@3.1.0: {}
 
   json-buffer@3.0.1: {}
@@ -15173,8 +15140,6 @@ snapshots:
       espree: 9.6.1
       semver: 7.7.3
 
-  jsonc-parser@3.3.1: {}
-
   jsonfile@6.2.0:
     dependencies:
       universalify: 2.0.1
@@ -16118,9 +16083,7 @@ snapshots:
 
   object-assign@4.1.1: {}
 
-  object-deep-merge@1.0.5:
-    dependencies:
-      type-fest: 4.2.0
+  object-deep-merge@2.0.0: {}
 
   object-hash@3.0.0: {}
 
@@ -16184,17 +16147,6 @@ snapshots:
       '@oxc-resolver/binding-win32-ia32-msvc': 11.15.0
       '@oxc-resolver/binding-win32-x64-msvc': 11.15.0
 
-  oxlint@1.32.0:
-    optionalDependencies:
-      '@oxlint/darwin-arm64': 1.32.0
-      '@oxlint/darwin-x64': 1.32.0
-      '@oxlint/linux-arm64-gnu': 1.32.0
-      '@oxlint/linux-arm64-musl': 1.32.0
-      '@oxlint/linux-x64-gnu': 1.32.0
-      '@oxlint/linux-x64-musl': 1.32.0
-      '@oxlint/win32-arm64': 1.32.0
-      '@oxlint/win32-x64': 1.32.0
-
   p-cancelable@2.1.1: {}
 
   p-limit@2.3.0:
@@ -16388,7 +16340,7 @@ snapshots:
 
   pluralize@8.0.0: {}
 
-  pnpm-workspace-yaml@1.4.2:
+  pnpm-workspace-yaml@1.4.3:
     dependencies:
       yaml: 2.8.2
 
@@ -16949,10 +16901,6 @@ snapshots:
 
   regjsgen@0.8.0: {}
 
-  regjsparser@0.12.0:
-    dependencies:
-      jsesc: 3.0.2
-
   regjsparser@0.13.0:
     dependencies:
       jsesc: 3.1.0
@@ -17049,6 +16997,8 @@ snapshots:
 
   require-from-string@2.0.2: {}
 
+  reserved-identifiers@1.2.0: {}
+
   resize-observer-polyfill@1.5.1: {}
 
   resolve-alpn@1.2.1: {}
@@ -17661,6 +17611,11 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
+  to-valid-identifier@1.0.0:
+    dependencies:
+      '@sindresorhus/base62': 1.0.0
+      reserved-identifiers: 1.2.0
+
   toggle-selection@1.0.6: {}
 
   toml-eslint-parser@0.10.1:
@@ -17765,7 +17720,8 @@ snapshots:
 
   type-fest@2.19.0: {}
 
-  type-fest@4.2.0: {}
+  type-fest@4.2.0:
+    optional: true
 
   typescript@5.9.3: {}
 
@@ -18058,10 +18014,10 @@ snapshots:
 
   vscode-uri@3.0.8: {}
 
-  vue-eslint-parser@10.2.0(eslint@9.39.1(jiti@1.21.7)):
+  vue-eslint-parser@10.2.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
-      eslint: 9.39.1(jiti@1.21.7)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
@@ -18369,6 +18325,10 @@ snapshots:
 
   zen-observable@0.8.15: {}
 
+  zod-validation-error@4.0.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
   zod@3.25.76: {}
 
   zod@4.1.13: {}
diff --git a/web/scripts/copy-and-start.mjs b/web/scripts/copy-and-start.mjs
index b23ce636a4..9525c6b45f 100644
--- a/web/scripts/copy-and-start.mjs
+++ b/web/scripts/copy-and-start.mjs
@@ -4,8 +4,8 @@
  * It is intended to be used as a replacement for `next start`.
  */
 
-import { cp, mkdir, stat } from 'node:fs/promises'
 import { spawn } from 'node:child_process'
+import { cp, mkdir, stat } from 'node:fs/promises'
 import path from 'node:path'
 
 // Configuration for directories to copy
diff --git a/web/scripts/generate-icons.js b/web/scripts/generate-icons.js
index b1b6f24435..979fbf059f 100644
--- a/web/scripts/generate-icons.js
+++ b/web/scripts/generate-icons.js
@@ -15,40 +15,41 @@ const sizes = [
   { size: 128, name: 'icon-128x128.png' },
   { size: 144, name: 'icon-144x144.png' },
   { size: 152, name: 'icon-152x152.png' },
-];
+]
 
-const inputPath = path.join(__dirname, '../public/icon.svg');
-const outputDir = path.join(__dirname, '../public');
+const inputPath = path.join(__dirname, '../public/icon.svg')
+const outputDir = path.join(__dirname, '../public')
 
 // Generate icons
 async function generateIcons() {
   try {
-    console.log('Generating PWA icons...');
-    
+    console.log('Generating PWA icons...')
+
     for (const { size, name } of sizes) {
-      const outputPath = path.join(outputDir, name);
-      
+      const outputPath = path.join(outputDir, name)
+
       await sharp(inputPath)
         .resize(size, size)
         .png()
-        .toFile(outputPath);
-      
-      console.log(`✓ Generated ${name} (${size}x${size})`);
+        .toFile(outputPath)
+
+      console.log(`✓ Generated ${name} (${size}x${size})`)
     }
-    
+
     // Generate apple-touch-icon
     await sharp(inputPath)
       .resize(180, 180)
       .png()
-      .toFile(path.join(outputDir, 'apple-touch-icon.png'));
-    
-    console.log('✓ Generated apple-touch-icon.png (180x180)');
-    
-    console.log('\n✅ All icons generated successfully!');
-  } catch (error) {
-    console.error('Error generating icons:', error);
-    process.exit(1);
+      .toFile(path.join(outputDir, 'apple-touch-icon.png'))
+
+    console.log('✓ Generated apple-touch-icon.png (180x180)')
+
+    console.log('\n✅ All icons generated successfully!')
+  }
+  catch (error) {
+    console.error('Error generating icons:', error)
+    process.exit(1)
   }
 }
 
-generateIcons();
\ No newline at end of file
+generateIcons()
diff --git a/web/scripts/optimize-standalone.js b/web/scripts/optimize-standalone.js
index c2f472bee1..b73667eac6 100644
--- a/web/scripts/optimize-standalone.js
+++ b/web/scripts/optimize-standalone.js
@@ -10,14 +10,14 @@ import { fileURLToPath } from 'node:url'
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
-console.log('🔧 Optimizing standalone output...');
+console.log('🔧 Optimizing standalone output...')
 
-const standaloneDir = path.join(__dirname, '..', '.next', 'standalone');
+const standaloneDir = path.join(__dirname, '..', '.next', 'standalone')
 
 // Check if standalone directory exists
 if (!fs.existsSync(standaloneDir)) {
-  console.error('❌ Standalone directory not found. Please run "next build" first.');
-  process.exit(1);
+  console.error('❌ Standalone directory not found. Please run "next build" first.')
+  process.exit(1)
 }
 
 // List of paths to remove (relative to standalone directory)
@@ -28,126 +28,136 @@ const pathsToRemove = [
   'node_modules/.pnpm/terser-webpack-plugin@*/node_modules/jest-worker',
   // Remove actual jest-worker packages (directories only, not symlinks)
   'node_modules/.pnpm/jest-worker@*',
-];
+]
 
 // Function to safely remove a path
 function removePath(basePath, relativePath) {
-  const fullPath = path.join(basePath, relativePath);
+  const fullPath = path.join(basePath, relativePath)
 
   // Handle wildcard patterns
   if (relativePath.includes('*')) {
-    const parts = relativePath.split('/');
-    let currentPath = basePath;
+    const parts = relativePath.split('/')
+    let currentPath = basePath
 
     for (let i = 0; i < parts.length; i++) {
-      const part = parts[i];
+      const part = parts[i]
       if (part.includes('*')) {
         // Find matching directories
         if (fs.existsSync(currentPath)) {
-          const entries = fs.readdirSync(currentPath);
+          const entries = fs.readdirSync(currentPath)
 
           // replace '*' with '.*'
-          const regexPattern = part.replace(/\*/g, '.*');
+          const regexPattern = part.replace(/\*/g, '.*')
 
-          const regex = new RegExp(`^${regexPattern}$`);
+          const regex = new RegExp(`^${regexPattern}$`)
 
           for (const entry of entries) {
             if (regex.test(entry)) {
-              const remainingPath = parts.slice(i + 1).join('/');
-              const matchedPath = path.join(currentPath, entry, remainingPath);
+              const remainingPath = parts.slice(i + 1).join('/')
+              const matchedPath = path.join(currentPath, entry, remainingPath)
 
               try {
                 // Use lstatSync to check if path exists (works for both files and symlinks)
-                const stats = fs.lstatSync(matchedPath);
+                const stats = fs.lstatSync(matchedPath)
 
                 if (stats.isSymbolicLink()) {
                   // Remove symlink
-                  fs.unlinkSync(matchedPath);
-                  console.log(`✅ Removed symlink: ${path.relative(basePath, matchedPath)}`);
-                } else {
-                  // Remove directory/file
-                  fs.rmSync(matchedPath, { recursive: true, force: true });
-                  console.log(`✅ Removed: ${path.relative(basePath, matchedPath)}`);
+                  fs.unlinkSync(matchedPath)
+                  console.log(`✅ Removed symlink: ${path.relative(basePath, matchedPath)}`)
                 }
-              } catch (error) {
+                else {
+                  // Remove directory/file
+                  fs.rmSync(matchedPath, { recursive: true, force: true })
+                  console.log(`✅ Removed: ${path.relative(basePath, matchedPath)}`)
+                }
+              }
+              catch (error) {
                 // Silently ignore ENOENT (path not found) errors
                 if (error.code !== 'ENOENT') {
-                  console.error(`❌ Failed to remove ${matchedPath}: ${error.message}`);
+                  console.error(`❌ Failed to remove ${matchedPath}: ${error.message}`)
                 }
               }
             }
           }
         }
-        return;
-      } else {
-        currentPath = path.join(currentPath, part);
+        return
+      }
+      else {
+        currentPath = path.join(currentPath, part)
       }
     }
-  } else {
+  }
+  else {
     // Direct path removal
     if (fs.existsSync(fullPath)) {
       try {
-        fs.rmSync(fullPath, { recursive: true, force: true });
-        console.log(`✅ Removed: ${relativePath}`);
-      } catch (error) {
-        console.error(`❌ Failed to remove ${fullPath}: ${error.message}`);
+        fs.rmSync(fullPath, { recursive: true, force: true })
+        console.log(`✅ Removed: ${relativePath}`)
+      }
+      catch (error) {
+        console.error(`❌ Failed to remove ${fullPath}: ${error.message}`)
       }
     }
   }
 }
 
 // Remove unnecessary paths
-console.log('🗑️  Removing unnecessary files...');
+console.log('🗑️  Removing unnecessary files...')
 for (const pathToRemove of pathsToRemove) {
-  removePath(standaloneDir, pathToRemove);
+  removePath(standaloneDir, pathToRemove)
 }
 
 // Calculate size reduction
-console.log('\n📊 Optimization complete!');
+console.log('\n📊 Optimization complete!')
 
 // Optional: Display the size of remaining jest-related files (if any)
 const checkForJest = (dir) => {
-  const jestFiles = [];
+  const jestFiles = []
 
   function walk(currentPath) {
-    if (!fs.existsSync(currentPath)) return;
+    if (!fs.existsSync(currentPath))
+      return
 
     try {
-      const entries = fs.readdirSync(currentPath);
+      const entries = fs.readdirSync(currentPath)
       for (const entry of entries) {
-        const fullPath = path.join(currentPath, entry);
+        const fullPath = path.join(currentPath, entry)
 
         try {
-          const stat = fs.lstatSync(fullPath); // Use lstatSync to handle symlinks
+          const stat = fs.lstatSync(fullPath) // Use lstatSync to handle symlinks
 
           if (stat.isDirectory() && !stat.isSymbolicLink()) {
             // Skip node_modules subdirectories to avoid deep traversal
             if (entry === 'node_modules' && currentPath !== standaloneDir) {
-              continue;
+              continue
             }
-            walk(fullPath);
-          } else if (stat.isFile() && entry.includes('jest')) {
-            jestFiles.push(path.relative(standaloneDir, fullPath));
+            walk(fullPath)
           }
-        } catch (err) {
+          else if (stat.isFile() && entry.includes('jest')) {
+            jestFiles.push(path.relative(standaloneDir, fullPath))
+          }
+        }
+        catch (err) {
           // Skip files that can't be accessed
-          continue;
+          continue
         }
       }
-    } catch (err) {
+    }
+    catch (err) {
       // Skip directories that can't be read
-      return;
+
     }
   }
 
-  walk(dir);
-  return jestFiles;
-};
-
-const remainingJestFiles = checkForJest(standaloneDir);
-if (remainingJestFiles.length > 0) {
-  console.log('\n⚠️  Warning: Some jest-related files still remain:');
-  remainingJestFiles.forEach(file => console.log(`  - ${file}`));
-} else {
-  console.log('\n✨ No jest-related files found in standalone output!');
+  walk(dir)
+  return jestFiles
+}
+
+const remainingJestFiles = checkForJest(standaloneDir)
+if (remainingJestFiles.length > 0) {
+  console.log('\n⚠️  Warning: Some jest-related files still remain:')
+  remainingJestFiles.forEach(file => console.log(`  - ${file}`))
+}
+else {
+  console.log('\n✨ No jest-related files found in standalone output!')
 }
diff --git a/web/service/_tools_util.spec.ts b/web/service/_tools_util.spec.ts
index 658c276df1..e3bec3efcf 100644
--- a/web/service/_tools_util.spec.ts
+++ b/web/service/_tools_util.spec.ts
@@ -1,16 +1,16 @@
 import { buildProviderQuery } from './_tools_util'
 
 describe('makeProviderQuery', () => {
-  test('collectionName without special chars', () => {
+  it('collectionName without special chars', () => {
     expect(buildProviderQuery('ABC')).toBe('provider=ABC')
   })
-  test('should escape &', () => {
+  it('should escape &', () => {
     expect(buildProviderQuery('ABC&DEF')).toBe('provider=ABC%26DEF')
   })
-  test('should escape /', () => {
+  it('should escape /', () => {
     expect(buildProviderQuery('ABC/DEF')).toBe('provider=ABC%2FDEF')
   })
-  test('should escape ?', () => {
+  it('should escape ?', () => {
     expect(buildProviderQuery('ABC?DEF')).toBe('provider=ABC%3FDEF')
   })
 })
diff --git a/web/service/access-control.ts b/web/service/access-control.ts
index 18dc9e0001..ad0c14fd0a 100644
--- a/web/service/access-control.ts
+++ b/web/service/access-control.ts
@@ -1,16 +1,16 @@
-import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { get, post } from './base'
-import { getUserCanAccess } from './share'
 import type { AccessControlAccount, AccessControlGroup, AccessMode, Subject } from '@/models/access-control'
 import type { App } from '@/types/app'
+import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import { get, post } from './base'
+import { getUserCanAccess } from './share'
 
 const NAME_SPACE = 'access-control'
 
 export const useAppWhiteListSubjects = (appId: string | undefined, enabled: boolean) => {
   return useQuery({
     queryKey: [NAME_SPACE, 'app-whitelist-subjects', appId],
-    queryFn: () => get<{ groups: AccessControlGroup[]; members: AccessControlAccount[] }>(`/enterprise/webapp/app/subjects?appId=${appId}`),
+    queryFn: () => get<{ groups: AccessControlGroup[], members: AccessControlAccount[] }>(`/enterprise/webapp/app/subjects?appId=${appId}`),
     enabled: !!appId && enabled,
     staleTime: 0,
     gcTime: 0,
@@ -24,7 +24,7 @@ type SearchResults = {
   hasMore: boolean
 }
 
-export const useSearchForWhiteListCandidates = (query: { keyword?: string; groupId?: AccessControlGroup['id']; resultsPerPage?: number }, enabled: boolean) => {
+export const useSearchForWhiteListCandidates = (query: { keyword?: string, groupId?: AccessControlGroup['id'], resultsPerPage?: number }, enabled: boolean) => {
   return useInfiniteQuery({
     queryKey: [NAME_SPACE, 'app-whitelist-candidates', query],
     queryFn: ({ pageParam }) => {
@@ -70,7 +70,7 @@ export const useUpdateAccessMode = () => {
   })
 }
 
-export const useGetUserCanAccessApp = ({ appId, isInstalledApp = true, enabled }: { appId?: string; isInstalledApp?: boolean; enabled?: boolean }) => {
+export const useGetUserCanAccessApp = ({ appId, isInstalledApp = true, enabled }: { appId?: string, isInstalledApp?: boolean, enabled?: boolean }) => {
   const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
   return useQuery({
     queryKey: [NAME_SPACE, 'user-can-access-app', appId],
diff --git a/web/service/annotation.ts b/web/service/annotation.ts
index af708fe174..acdb944386 100644
--- a/web/service/annotation.ts
+++ b/web/service/annotation.ts
@@ -1,7 +1,7 @@
 import type { Fetcher } from 'swr'
-import { del, get, post } from './base'
 import type { AnnotationCreateResponse, AnnotationEnableStatus, AnnotationItemBasic, EmbeddingModelConfig } from '@/app/components/app/annotation/type'
 import { ANNOTATION_DEFAULT } from '@/config'
+import { del, get, post } from './base'
 
 export const fetchAnnotationConfig = (appId: string) => {
   return get(`apps/${appId}/annotation-setting`)
@@ -44,12 +44,12 @@ export const addAnnotation = (appId: string, body: AnnotationItemBasic) => {
   return post<AnnotationCreateResponse>(`apps/${appId}/annotations`, { body })
 }
 
-export const annotationBatchImport: Fetcher<{ job_id: string; job_status: string }, { url: string; body: FormData }> = ({ url, body }) => {
-  return post<{ job_id: string; job_status: string }>(url, { body }, { bodyStringify: false, deleteContentType: true })
+export const annotationBatchImport: Fetcher<{ job_id: string, job_status: string }, { url: string, body: FormData }> = ({ url, body }) => {
+  return post<{ job_id: string, job_status: string }>(url, { body }, { bodyStringify: false, deleteContentType: true })
 }
 
-export const checkAnnotationBatchImportProgress: Fetcher<{ job_id: string; job_status: string }, { jobID: string; appId: string }> = ({ jobID, appId }) => {
-  return get<{ job_id: string; job_status: string }>(`/apps/${appId}/annotations/batch-import-status/${jobID}`)
+export const checkAnnotationBatchImportProgress: Fetcher<{ job_id: string, job_status: string }, { jobID: string, appId: string }> = ({ jobID, appId }) => {
+  return get<{ job_id: string, job_status: string }>(`/apps/${appId}/annotations/batch-import-status/${jobID}`)
 }
 
 export const editAnnotation = (appId: string, annotationId: string, body: AnnotationItemBasic) => {
diff --git a/web/service/apps.ts b/web/service/apps.ts
index 89001bffec..1e3c93a33a 100644
--- a/web/service/apps.ts
+++ b/web/service/apps.ts
@@ -1,19 +1,19 @@
-import { del, get, patch, post, put } from './base'
+import type { TracingProvider } from '@/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/type'
 import type { ApiKeysListResponse, AppDailyConversationsResponse, AppDailyEndUsersResponse, AppDailyMessagesResponse, AppDetailResponse, AppListResponse, AppStatisticsResponse, AppTemplatesResponse, AppTokenCostsResponse, AppVoicesListResponse, CreateApiKeyResponse, DSLImportMode, DSLImportResponse, GenerationIntroductionResponse, TracingConfig, TracingStatus, UpdateAppModelConfigResponse, UpdateAppSiteCodeResponse, UpdateOpenAIKeyResponse, ValidateOpenAIKeyResponse, WebhookTriggerResponse, WorkflowDailyConversationsResponse } from '@/models/app'
 import type { CommonResponse } from '@/models/common'
 import type { AppIconType, AppModeEnum, ModelConfig } from '@/types/app'
-import type { TracingProvider } from '@/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/type'
+import { del, get, patch, post, put } from './base'
 
-export const fetchAppList = ({ url, params }: { url: string; params?: Record<string, any> }): Promise<AppListResponse> => {
+export const fetchAppList = ({ url, params }: { url: string, params?: Record<string, any> }): Promise<AppListResponse> => {
   return get<AppListResponse>(url, { params })
 }
 
-export const fetchAppDetail = ({ url, id }: { url: string; id: string }): Promise<AppDetailResponse> => {
+export const fetchAppDetail = ({ url, id }: { url: string, id: string }): Promise<AppDetailResponse> => {
   return get<AppDetailResponse>(`${url}/${id}`)
 }
 
 // Direct API call function for non-SWR usage
-export const fetchAppDetailDirect = async ({ url, id }: { url: string; id: string }): Promise<AppDetailResponse> => {
+export const fetchAppDetailDirect = async ({ url, id }: { url: string, id: string }): Promise<AppDetailResponse> => {
   return get<AppDetailResponse>(`${url}/${id}`)
 }
 
@@ -84,7 +84,7 @@ export const copyApp = ({
   return post<AppDetailResponse>(`apps/${appID}/copy`, { body: { name, icon_type, icon, icon_background, mode, description } })
 }
 
-export const exportAppConfig = ({ appID, include = false, workflowID }: { appID: string; include?: boolean; workflowID?: string }): Promise<{ data: string }> => {
+export const exportAppConfig = ({ appID, include = false, workflowID }: { appID: string, include?: boolean, workflowID?: string }): Promise<{ data: string }> => {
   const params = new URLSearchParams({
     include_secret: include.toString(),
   })
@@ -93,7 +93,7 @@ export const exportAppConfig = ({ appID, include = false, workflowID }: { appID:
   return get<{ data: string }>(`apps/${appID}/export?${params.toString()}`)
 }
 
-export const importDSL = ({ mode, yaml_content, yaml_url, app_id, name, description, icon_type, icon, icon_background }: { mode: DSLImportMode; yaml_content?: string; yaml_url?: string; app_id?: string; name?: string; description?: string; icon_type?: AppIconType; icon?: string; icon_background?: string }): Promise<DSLImportResponse> => {
+export const importDSL = ({ mode, yaml_content, yaml_url, app_id, name, description, icon_type, icon, icon_background }: { mode: DSLImportMode, yaml_content?: string, yaml_url?: string, app_id?: string, name?: string, description?: string, icon_type?: AppIconType, icon?: string, icon_background?: string }): Promise<DSLImportResponse> => {
   return post<DSLImportResponse>('apps/imports', { body: { mode, yaml_content, yaml_url, app_id, name, description, icon, icon_type, icon_background } })
 }
 
@@ -101,7 +101,7 @@ export const importDSLConfirm = ({ import_id }: { import_id: string }): Promise<
   return post<DSLImportResponse>(`apps/imports/${import_id}/confirm`, { body: {} })
 }
 
-export const switchApp = ({ appID, name, icon_type, icon, icon_background }: { appID: string; name: string; icon_type: AppIconType; icon: string; icon_background?: string | null }): Promise<{ new_app_id: string }> => {
+export const switchApp = ({ appID, name, icon_type, icon, icon_background }: { appID: string, name: string, icon_type: AppIconType, icon: string, icon_background?: string | null }): Promise<{ new_app_id: string }> => {
   return post<{ new_app_id: string }>(`apps/${appID}/convert-to-workflow`, { body: { name, icon_type, icon, icon_background } })
 }
 
@@ -109,16 +109,16 @@ export const deleteApp = (appID: string): Promise<CommonResponse> => {
   return del<CommonResponse>(`apps/${appID}`)
 }
 
-export const updateAppSiteStatus = ({ url, body }: { url: string; body: Record<string, any> }): Promise<AppDetailResponse> => {
+export const updateAppSiteStatus = ({ url, body }: { url: string, body: Record<string, any> }): Promise<AppDetailResponse> => {
   return post<AppDetailResponse>(url, { body })
 }
 
-export const updateAppApiStatus = ({ url, body }: { url: string; body: Record<string, any> }): Promise<AppDetailResponse> => {
+export const updateAppApiStatus = ({ url, body }: { url: string, body: Record<string, any> }): Promise<AppDetailResponse> => {
   return post<AppDetailResponse>(url, { body })
 }
 
 // path: /apps/{appId}/rate-limit
-export const updateAppRateLimit = ({ url, body }: { url: string; body: Record<string, any> }): Promise<AppDetailResponse> => {
+export const updateAppRateLimit = ({ url, body }: { url: string, body: Record<string, any> }): Promise<AppDetailResponse> => {
   return post<AppDetailResponse>(url, { body })
 }
 
@@ -126,68 +126,68 @@ export const updateAppSiteAccessToken = ({ url }: { url: string }): Promise<Upda
   return post<UpdateAppSiteCodeResponse>(url)
 }
 
-export const updateAppSiteConfig = ({ url, body }: { url: string; body: Record<string, any> }): Promise<AppDetailResponse> => {
+export const updateAppSiteConfig = ({ url, body }: { url: string, body: Record<string, any> }): Promise<AppDetailResponse> => {
   return post<AppDetailResponse>(url, { body })
 }
 
-export const getAppDailyMessages = ({ url, params }: { url: string; params: Record<string, any> }): Promise<AppDailyMessagesResponse> => {
+export const getAppDailyMessages = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppDailyMessagesResponse> => {
   return get<AppDailyMessagesResponse>(url, { params })
 }
 
-export const getAppDailyConversations = ({ url, params }: { url: string; params: Record<string, any> }): Promise<AppDailyConversationsResponse> => {
+export const getAppDailyConversations = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppDailyConversationsResponse> => {
   return get<AppDailyConversationsResponse>(url, { params })
 }
 
-export const getWorkflowDailyConversations = ({ url, params }: { url: string; params: Record<string, any> }): Promise<WorkflowDailyConversationsResponse> => {
+export const getWorkflowDailyConversations = ({ url, params }: { url: string, params: Record<string, any> }): Promise<WorkflowDailyConversationsResponse> => {
   return get<WorkflowDailyConversationsResponse>(url, { params })
 }
 
-export const getAppStatistics = ({ url, params }: { url: string; params: Record<string, any> }): Promise<AppStatisticsResponse> => {
+export const getAppStatistics = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppStatisticsResponse> => {
   return get<AppStatisticsResponse>(url, { params })
 }
 
-export const getAppDailyEndUsers = ({ url, params }: { url: string; params: Record<string, any> }): Promise<AppDailyEndUsersResponse> => {
+export const getAppDailyEndUsers = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppDailyEndUsersResponse> => {
   return get<AppDailyEndUsersResponse>(url, { params })
 }
 
-export const getAppTokenCosts = ({ url, params }: { url: string; params: Record<string, any> }): Promise<AppTokenCostsResponse> => {
+export const getAppTokenCosts = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppTokenCostsResponse> => {
   return get<AppTokenCostsResponse>(url, { params })
 }
 
-export const updateAppModelConfig = ({ url, body }: { url: string; body: Record<string, any> }): Promise<UpdateAppModelConfigResponse> => {
+export const updateAppModelConfig = ({ url, body }: { url: string, body: Record<string, any> }): Promise<UpdateAppModelConfigResponse> => {
   return post<UpdateAppModelConfigResponse>(url, { body })
 }
 
 // For temp testing
-export const fetchAppListNoMock = ({ url, params }: { url: string; params: Record<string, any> }): Promise<AppListResponse> => {
+export const fetchAppListNoMock = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppListResponse> => {
   return get<AppListResponse>(url, params)
 }
 
-export const fetchApiKeysList = ({ url, params }: { url: string; params: Record<string, any> }): Promise<ApiKeysListResponse> => {
+export const fetchApiKeysList = ({ url, params }: { url: string, params: Record<string, any> }): Promise<ApiKeysListResponse> => {
   return get<ApiKeysListResponse>(url, params)
 }
 
-export const delApikey = ({ url, params }: { url: string; params: Record<string, any> }): Promise<CommonResponse> => {
+export const delApikey = ({ url, params }: { url: string, params: Record<string, any> }): Promise<CommonResponse> => {
   return del<CommonResponse>(url, params)
 }
 
-export const createApikey = ({ url, body }: { url: string; body: Record<string, any> }): Promise<CreateApiKeyResponse> => {
+export const createApikey = ({ url, body }: { url: string, body: Record<string, any> }): Promise<CreateApiKeyResponse> => {
   return post<CreateApiKeyResponse>(url, body)
 }
 
-export const validateOpenAIKey = ({ url, body }: { url: string; body: { token: string } }): Promise<ValidateOpenAIKeyResponse> => {
+export const validateOpenAIKey = ({ url, body }: { url: string, body: { token: string } }): Promise<ValidateOpenAIKeyResponse> => {
   return post<ValidateOpenAIKeyResponse>(url, { body })
 }
 
-export const updateOpenAIKey = ({ url, body }: { url: string; body: { token: string } }): Promise<UpdateOpenAIKeyResponse> => {
+export const updateOpenAIKey = ({ url, body }: { url: string, body: { token: string } }): Promise<UpdateOpenAIKeyResponse> => {
   return post<UpdateOpenAIKeyResponse>(url, { body })
 }
 
-export const generationIntroduction = ({ url, body }: { url: string; body: { prompt_template: string } }): Promise<GenerationIntroductionResponse> => {
+export const generationIntroduction = ({ url, body }: { url: string, body: { prompt_template: string } }): Promise<GenerationIntroductionResponse> => {
   return post<GenerationIntroductionResponse>(url, { body })
 }
 
-export const fetchAppVoices = ({ appId, language }: { appId: string; language?: string }): Promise<AppVoicesListResponse> => {
+export const fetchAppVoices = ({ appId, language }: { appId: string, language?: string }): Promise<AppVoicesListResponse> => {
   language = language || 'en-US'
   return get<AppVoicesListResponse>(`apps/${appId}/text-to-audio/voices?language=${language}`)
 }
@@ -197,12 +197,12 @@ export const fetchTracingStatus = ({ appId }: { appId: string }): Promise<Tracin
   return get<TracingStatus>(`/apps/${appId}/trace`)
 }
 
-export const updateTracingStatus = ({ appId, body }: { appId: string; body: Record<string, any> }): Promise<CommonResponse> => {
+export const updateTracingStatus = ({ appId, body }: { appId: string, body: Record<string, any> }): Promise<CommonResponse> => {
   return post<CommonResponse>(`/apps/${appId}/trace`, { body })
 }
 
 // Webhook Trigger
-export const fetchWebhookUrl = ({ appId, nodeId }: { appId: string; nodeId: string }): Promise<WebhookTriggerResponse> => {
+export const fetchWebhookUrl = ({ appId, nodeId }: { appId: string, nodeId: string }): Promise<WebhookTriggerResponse> => {
   return get<WebhookTriggerResponse>(
     `apps/${appId}/workflows/triggers/webhook`,
     { params: { node_id: nodeId } },
@@ -210,7 +210,7 @@ export const fetchWebhookUrl = ({ appId, nodeId }: { appId: string; nodeId: stri
   )
 }
 
-export const fetchTracingConfig = ({ appId, provider }: { appId: string; provider: TracingProvider }): Promise<TracingConfig & { has_not_configured: true }> => {
+export const fetchTracingConfig = ({ appId, provider }: { appId: string, provider: TracingProvider }): Promise<TracingConfig & { has_not_configured: true }> => {
   return get<TracingConfig & { has_not_configured: true }>(`/apps/${appId}/trace-config`, {
     params: {
       tracing_provider: provider,
@@ -218,14 +218,14 @@ export const fetchTracingConfig = ({ appId, provider }: { appId: string; provide
   })
 }
 
-export const addTracingConfig = ({ appId, body }: { appId: string; body: TracingConfig }): Promise<CommonResponse> => {
+export const addTracingConfig = ({ appId, body }: { appId: string, body: TracingConfig }): Promise<CommonResponse> => {
   return post<CommonResponse>(`/apps/${appId}/trace-config`, { body })
 }
 
-export const updateTracingConfig = ({ appId, body }: { appId: string; body: TracingConfig }): Promise<CommonResponse> => {
+export const updateTracingConfig = ({ appId, body }: { appId: string, body: TracingConfig }): Promise<CommonResponse> => {
   return patch<CommonResponse>(`/apps/${appId}/trace-config`, { body })
 }
 
-export const removeTracingConfig = ({ appId, provider }: { appId: string; provider: TracingProvider }): Promise<CommonResponse> => {
+export const removeTracingConfig = ({ appId, provider }: { appId: string, provider: TracingProvider }): Promise<CommonResponse> => {
   return del<CommonResponse>(`/apps/${appId}/trace-config?tracing_provider=${provider}`)
 }
diff --git a/web/service/base.ts b/web/service/base.ts
index 91051dbf86..d9f3dba53a 100644
--- a/web/service/base.ts
+++ b/web/service/base.ts
@@ -1,9 +1,11 @@
-import { API_PREFIX, CSRF_COOKIE_NAME, CSRF_HEADER_NAME, IS_CE_EDITION, PASSPORT_HEADER_NAME, PUBLIC_API_PREFIX, WEB_APP_SHARE_CODE_HEADER_NAME } from '@/config'
-import { refreshAccessTokenOrRelogin } from './refresh-token'
-import Toast from '@/app/components/base/toast'
-import { basePath } from '@/utils/var'
+import type { FetchOptionType, ResponseError } from './fetch'
 import type { AnnotationReply, MessageEnd, MessageReplace, ThoughtItem } from '@/app/components/base/chat/chat/type'
 import type { VisionFile } from '@/types/app'
+import type {
+  DataSourceNodeCompletedResponse,
+  DataSourceNodeErrorResponse,
+  DataSourceNodeProcessingResponse,
+} from '@/types/pipeline'
 import type {
   AgentLogResponse,
   IterationFinishedResponse,
@@ -21,16 +23,15 @@ import type {
   WorkflowFinishedResponse,
   WorkflowStartedResponse,
 } from '@/types/workflow'
-import type { FetchOptionType, ResponseError } from './fetch'
-import { ContentType, base, getBaseOptions } from './fetch'
-import { asyncRunSafe } from '@/utils'
-import type {
-  DataSourceNodeCompletedResponse,
-  DataSourceNodeErrorResponse,
-  DataSourceNodeProcessingResponse,
-} from '@/types/pipeline'
 import Cookies from 'js-cookie'
+import Toast from '@/app/components/base/toast'
+import { API_PREFIX, CSRF_COOKIE_NAME, CSRF_HEADER_NAME, IS_CE_EDITION, PASSPORT_HEADER_NAME, PUBLIC_API_PREFIX, WEB_APP_SHARE_CODE_HEADER_NAME } from '@/config'
+import { asyncRunSafe } from '@/utils'
+import { basePath } from '@/utils/var'
+import { base, ContentType, getBaseOptions } from './fetch'
+import { refreshAccessTokenOrRelogin } from './refresh-token'
 import { getWebAppPassport } from './webapp-auth'
+
 const TIME_OUT = 100000
 
 export type IOnDataMoreInfo = {
@@ -464,7 +465,7 @@ export const ssePost = async (
       if (!/^[23]\d{2}$/.test(String(res.status))) {
         if (res.status === 401) {
           if (isPublicAPI) {
-            res.json().then((data: { code?: string; message?: string }) => {
+            res.json().then((data: { code?: string, message?: string }) => {
               if (isPublicAPI) {
                 if (data.code === 'web_app_access_denied')
                   requiredWebSSOLogin(data.message, 403)
@@ -532,7 +533,8 @@ export const ssePost = async (
         onDataSourceNodeCompleted,
         onDataSourceNodeError,
       )
-    }).catch((e) => {
+    })
+    .catch((e) => {
       if (e.toString() !== 'AbortError: The user aborted a request.' && !e.toString().includes('TypeError: Cannot assign to read only property'))
         Toast.notify({ type: 'error', message: e })
       onError?.(e)
diff --git a/web/service/billing.ts b/web/service/billing.ts
index 979a888582..f06c4f06c6 100644
--- a/web/service/billing.ts
+++ b/web/service/billing.ts
@@ -1,5 +1,5 @@
-import { get, put } from './base'
 import type { CurrentPlanInfoBackend, SubscriptionUrlsBackend } from '@/app/components/billing/type'
+import { get, put } from './base'
 
 export const fetchCurrentPlanInfo = () => {
   return get<CurrentPlanInfoBackend>('/features')
diff --git a/web/service/common.ts b/web/service/common.ts
index 1793675bc5..5fc4850d5f 100644
--- a/web/service/common.ts
+++ b/web/service/common.ts
@@ -1,4 +1,16 @@
-import { del, get, patch, post, put } from './base'
+import type {
+  DefaultModelResponse,
+  Model,
+  ModelItem,
+  ModelLoadBalancingConfig,
+  ModelParameterRule,
+  ModelProvider,
+  ModelTypeEnum,
+} from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type {
+  UpdateOpenAIKeyResponse,
+  ValidateOpenAIKeyResponse,
+} from '@/models/app'
 import type {
   AccountIntegrate,
   ApiBasedExtension,
@@ -7,9 +19,9 @@ import type {
   DataSourceNotion,
   FileUploadConfigResponse,
   ICurrentWorkspace,
-  IWorkspace,
   InitValidateStatusResponse,
   InvitationResponse,
+  IWorkspace,
   LangGeniusVersionResponse,
   Member,
   ModerateResponse,
@@ -21,21 +33,9 @@ import type {
   SetupStatusResponse,
   UserProfileOriginResponse,
 } from '@/models/common'
-import type {
-  UpdateOpenAIKeyResponse,
-  ValidateOpenAIKeyResponse,
-} from '@/models/app'
-import type {
-  DefaultModelResponse,
-  Model,
-  ModelItem,
-  ModelLoadBalancingConfig,
-  ModelParameterRule,
-  ModelProvider,
-  ModelTypeEnum,
-} from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { RETRIEVE_METHOD } from '@/types/app'
 import type { SystemFeatures } from '@/types/feature'
+import { del, get, patch, post, put } from './base'
 
 type LoginSuccess = {
   result: 'success'
@@ -48,10 +48,10 @@ type LoginFail = {
   message: string
 }
 type LoginResponse = LoginSuccess | LoginFail
-export const login = ({ url, body }: { url: string; body: Record<string, any> }): Promise<LoginResponse> => {
+export const login = ({ url, body }: { url: string, body: Record<string, any> }): Promise<LoginResponse> => {
   return post<LoginResponse>(url, { body })
 }
-export const webAppLogin = ({ url, body }: { url: string; body: Record<string, any> }): Promise<LoginResponse> => {
+export const webAppLogin = ({ url, body }: { url: string, body: Record<string, any> }): Promise<LoginResponse> => {
   return post<LoginResponse>(url, { body }, { isPublicAPI: true })
 }
 
@@ -71,50 +71,50 @@ export const fetchSetupStatus = (): Promise<SetupStatusResponse> => {
   return get<SetupStatusResponse>('/setup')
 }
 
-export const fetchUserProfile = ({ url, params }: { url: string; params: Record<string, any> }): Promise<UserProfileOriginResponse> => {
+export const fetchUserProfile = ({ url, params }: { url: string, params: Record<string, any> }): Promise<UserProfileOriginResponse> => {
   return get<UserProfileOriginResponse>(url, params, { needAllResponseContent: true })
 }
 
-export const updateUserProfile = ({ url, body }: { url: string; body: Record<string, any> }): Promise<CommonResponse> => {
+export const updateUserProfile = ({ url, body }: { url: string, body: Record<string, any> }): Promise<CommonResponse> => {
   return post<CommonResponse>(url, { body })
 }
 
-export const fetchLangGeniusVersion = ({ url, params }: { url: string; params: Record<string, any> }): Promise<LangGeniusVersionResponse> => {
+export const fetchLangGeniusVersion = ({ url, params }: { url: string, params: Record<string, any> }): Promise<LangGeniusVersionResponse> => {
   return get<LangGeniusVersionResponse>(url, { params })
 }
 
-export const oauth = ({ url, params }: { url: string; params: Record<string, any> }): Promise<OauthResponse> => {
+export const oauth = ({ url, params }: { url: string, params: Record<string, any> }): Promise<OauthResponse> => {
   return get<OauthResponse>(url, { params })
 }
 
-export const oneMoreStep = ({ url, body }: { url: string; body: Record<string, any> }): Promise<CommonResponse> => {
+export const oneMoreStep = ({ url, body }: { url: string, body: Record<string, any> }): Promise<CommonResponse> => {
   return post<CommonResponse>(url, { body })
 }
 
-export const fetchMembers = ({ url, params }: { url: string; params: Record<string, any> }): Promise<{ accounts: Member[] | null }> => {
+export const fetchMembers = ({ url, params }: { url: string, params: Record<string, any> }): Promise<{ accounts: Member[] | null }> => {
   return get<{ accounts: Member[] | null }>(url, { params })
 }
 
-export const fetchProviders = ({ url, params }: { url: string; params: Record<string, any> }): Promise<Provider[] | null> => {
+export const fetchProviders = ({ url, params }: { url: string, params: Record<string, any> }): Promise<Provider[] | null> => {
   return get<Provider[] | null>(url, { params })
 }
 
-export const validateProviderKey = ({ url, body }: { url: string; body: { token: string } }): Promise<ValidateOpenAIKeyResponse> => {
+export const validateProviderKey = ({ url, body }: { url: string, body: { token: string } }): Promise<ValidateOpenAIKeyResponse> => {
   return post<ValidateOpenAIKeyResponse>(url, { body })
 }
-export const updateProviderAIKey = ({ url, body }: { url: string; body: { token: string | ProviderAzureToken | ProviderAnthropicToken } }): Promise<UpdateOpenAIKeyResponse> => {
+export const updateProviderAIKey = ({ url, body }: { url: string, body: { token: string | ProviderAzureToken | ProviderAnthropicToken } }): Promise<UpdateOpenAIKeyResponse> => {
   return post<UpdateOpenAIKeyResponse>(url, { body })
 }
 
-export const fetchAccountIntegrates = ({ url, params }: { url: string; params: Record<string, any> }): Promise<{ data: AccountIntegrate[] | null }> => {
+export const fetchAccountIntegrates = ({ url, params }: { url: string, params: Record<string, any> }): Promise<{ data: AccountIntegrate[] | null }> => {
   return get<{ data: AccountIntegrate[] | null }>(url, { params })
 }
 
-export const inviteMember = ({ url, body }: { url: string; body: Record<string, any> }): Promise<InvitationResponse> => {
+export const inviteMember = ({ url, body }: { url: string, body: Record<string, any> }): Promise<InvitationResponse> => {
   return post<InvitationResponse>(url, { body })
 }
 
-export const updateMemberRole = ({ url, body }: { url: string; body: Record<string, any> }): Promise<CommonResponse> => {
+export const updateMemberRole = ({ url, body }: { url: string, body: Record<string, any> }): Promise<CommonResponse> => {
   return put<CommonResponse>(url, { body })
 }
 
@@ -125,33 +125,33 @@ export const deleteMemberOrCancelInvitation = ({ url }: { url: string }): Promis
 export const sendOwnerEmail = (body: { language?: string }): Promise<CommonResponse & { data: string }> =>
   post<CommonResponse & { data: string }>('/workspaces/current/members/send-owner-transfer-confirm-email', { body })
 
-export const verifyOwnerEmail = (body: { code: string; token: string }): Promise<CommonResponse & { is_valid: boolean; email: string; token: string }> =>
-  post<CommonResponse & { is_valid: boolean; email: string; token: string }>('/workspaces/current/members/owner-transfer-check', { body })
+export const verifyOwnerEmail = (body: { code: string, token: string }): Promise<CommonResponse & { is_valid: boolean, email: string, token: string }> =>
+  post<CommonResponse & { is_valid: boolean, email: string, token: string }>('/workspaces/current/members/owner-transfer-check', { body })
 
-export const ownershipTransfer = (memberID: string, body: { token: string }): Promise<CommonResponse & { is_valid: boolean; email: string; token: string }> =>
-  post<CommonResponse & { is_valid: boolean; email: string; token: string }>(`/workspaces/current/members/${memberID}/owner-transfer`, { body })
+export const ownershipTransfer = (memberID: string, body: { token: string }): Promise<CommonResponse & { is_valid: boolean, email: string, token: string }> =>
+  post<CommonResponse & { is_valid: boolean, email: string, token: string }>(`/workspaces/current/members/${memberID}/owner-transfer`, { body })
 
 export const fetchFilePreview = ({ fileID }: { fileID: string }): Promise<{ content: string }> => {
   return get<{ content: string }>(`/files/${fileID}/preview`)
 }
 
-export const fetchCurrentWorkspace = ({ url, params }: { url: string; params: Record<string, any> }): Promise<ICurrentWorkspace> => {
+export const fetchCurrentWorkspace = ({ url, params }: { url: string, params: Record<string, any> }): Promise<ICurrentWorkspace> => {
   return post<ICurrentWorkspace>(url, { body: params })
 }
 
-export const updateCurrentWorkspace = ({ url, body }: { url: string; body: Record<string, any> }): Promise<ICurrentWorkspace> => {
+export const updateCurrentWorkspace = ({ url, body }: { url: string, body: Record<string, any> }): Promise<ICurrentWorkspace> => {
   return post<ICurrentWorkspace>(url, { body })
 }
 
-export const fetchWorkspaces = ({ url, params }: { url: string; params: Record<string, any> }): Promise<{ workspaces: IWorkspace[] }> => {
+export const fetchWorkspaces = ({ url, params }: { url: string, params: Record<string, any> }): Promise<{ workspaces: IWorkspace[] }> => {
   return get<{ workspaces: IWorkspace[] }>(url, { params })
 }
 
-export const switchWorkspace = ({ url, body }: { url: string; body: Record<string, any> }): Promise<CommonResponse & { new_tenant: IWorkspace }> => {
+export const switchWorkspace = ({ url, body }: { url: string, body: Record<string, any> }): Promise<CommonResponse & { new_tenant: IWorkspace }> => {
   return post<CommonResponse & { new_tenant: IWorkspace }>(url, { body })
 }
 
-export const updateWorkspaceInfo = ({ url, body }: { url: string; body: Record<string, any> }): Promise<ICurrentWorkspace> => {
+export const updateWorkspaceInfo = ({ url, body }: { url: string, body: Record<string, any> }): Promise<ICurrentWorkspace> => {
   return post<ICurrentWorkspace>(url, { body })
 }
 
@@ -171,18 +171,18 @@ export const fetchPluginProviders = (url: string): Promise<PluginProvider[] | nu
   return get<PluginProvider[] | null>(url)
 }
 
-export const validatePluginProviderKey = ({ url, body }: { url: string; body: { credentials: any } }): Promise<ValidateOpenAIKeyResponse> => {
+export const validatePluginProviderKey = ({ url, body }: { url: string, body: { credentials: any } }): Promise<ValidateOpenAIKeyResponse> => {
   return post<ValidateOpenAIKeyResponse>(url, { body })
 }
-export const updatePluginProviderAIKey = ({ url, body }: { url: string; body: { credentials: any } }): Promise<UpdateOpenAIKeyResponse> => {
+export const updatePluginProviderAIKey = ({ url, body }: { url: string, body: { credentials: any } }): Promise<UpdateOpenAIKeyResponse> => {
   return post<UpdateOpenAIKeyResponse>(url, { body })
 }
 
-export const invitationCheck = ({ url, params }: { url: string; params: { workspace_id?: string; email?: string; token: string } }): Promise<CommonResponse & { is_valid: boolean; data: { workspace_name: string; email: string; workspace_id: string } }> => {
-  return get<CommonResponse & { is_valid: boolean; data: { workspace_name: string; email: string; workspace_id: string } }>(url, { params })
+export const invitationCheck = ({ url, params }: { url: string, params: { workspace_id?: string, email?: string, token: string } }): Promise<CommonResponse & { is_valid: boolean, data: { workspace_name: string, email: string, workspace_id: string } }> => {
+  return get<CommonResponse & { is_valid: boolean, data: { workspace_name: string, email: string, workspace_id: string } }>(url, { params })
 }
 
-export const activateMember = ({ url, body }: { url: string; body: any }): Promise<LoginResponse> => {
+export const activateMember = ({ url, body }: { url: string, body: any }): Promise<LoginResponse> => {
   return post<LoginResponse>(url, { body })
 }
 
@@ -216,27 +216,27 @@ export const fetchModelList = (url: string): Promise<{ data: Model[] }> => {
   return get<{ data: Model[] }>(url)
 }
 
-export const validateModelProvider = ({ url, body }: { url: string; body: any }): Promise<ValidateOpenAIKeyResponse> => {
+export const validateModelProvider = ({ url, body }: { url: string, body: any }): Promise<ValidateOpenAIKeyResponse> => {
   return post<ValidateOpenAIKeyResponse>(url, { body })
 }
 
-export const validateModelLoadBalancingCredentials = ({ url, body }: { url: string; body: any }): Promise<ValidateOpenAIKeyResponse> => {
+export const validateModelLoadBalancingCredentials = ({ url, body }: { url: string, body: any }): Promise<ValidateOpenAIKeyResponse> => {
   return post<ValidateOpenAIKeyResponse>(url, { body })
 }
 
-export const setModelProvider = ({ url, body }: { url: string; body: any }): Promise<CommonResponse> => {
+export const setModelProvider = ({ url, body }: { url: string, body: any }): Promise<CommonResponse> => {
   return post<CommonResponse>(url, { body })
 }
 
-export const deleteModelProvider = ({ url, body }: { url: string; body?: any }): Promise<CommonResponse> => {
+export const deleteModelProvider = ({ url, body }: { url: string, body?: any }): Promise<CommonResponse> => {
   return del<CommonResponse>(url, { body })
 }
 
-export const changeModelProviderPriority = ({ url, body }: { url: string; body: any }): Promise<CommonResponse> => {
+export const changeModelProviderPriority = ({ url, body }: { url: string, body: any }): Promise<CommonResponse> => {
   return post<CommonResponse>(url, { body })
 }
 
-export const setModelProviderModel = ({ url, body }: { url: string; body: any }): Promise<CommonResponse> => {
+export const setModelProviderModel = ({ url, body }: { url: string, body: any }): Promise<CommonResponse> => {
   return post<CommonResponse>(url, { body })
 }
 
@@ -252,7 +252,7 @@ export const fetchDefaultModal = (url: string): Promise<{ data: DefaultModelResp
   return get<{ data: DefaultModelResponse }>(url)
 }
 
-export const updateDefaultModel = ({ url, body }: { url: string; body: any }): Promise<CommonResponse> => {
+export const updateDefaultModel = ({ url, body }: { url: string, body: any }): Promise<CommonResponse> => {
   return post<CommonResponse>(url, { body })
 }
 
@@ -280,11 +280,11 @@ export const fetchApiBasedExtensionDetail = (url: string): Promise<ApiBasedExten
   return get<ApiBasedExtension>(url)
 }
 
-export const addApiBasedExtension = ({ url, body }: { url: string; body: ApiBasedExtension }): Promise<ApiBasedExtension> => {
+export const addApiBasedExtension = ({ url, body }: { url: string, body: ApiBasedExtension }): Promise<ApiBasedExtension> => {
   return post<ApiBasedExtension>(url, { body })
 }
 
-export const updateApiBasedExtension = ({ url, body }: { url: string; body: ApiBasedExtension }): Promise<ApiBasedExtension> => {
+export const updateApiBasedExtension = ({ url, body }: { url: string, body: ApiBasedExtension }): Promise<ApiBasedExtension> => {
   return post<ApiBasedExtension>(url, { body })
 }
 
@@ -296,7 +296,7 @@ export const fetchCodeBasedExtensionList = (url: string): Promise<CodeBasedExten
   return get<CodeBasedExtension>(url)
 }
 
-export const moderate = (url: string, body: { app_id: string; text: string }): Promise<ModerateResponse> => {
+export const moderate = (url: string, body: { app_id: string, text: string }): Promise<ModerateResponse> => {
   return post<ModerateResponse>(url, { body })
 }
 
@@ -311,79 +311,79 @@ export const getSystemFeatures = (): Promise<SystemFeatures> => {
   return get<SystemFeatures>('/system-features')
 }
 
-export const enableModel = (url: string, body: { model: string; model_type: ModelTypeEnum }): Promise<CommonResponse> =>
+export const enableModel = (url: string, body: { model: string, model_type: ModelTypeEnum }): Promise<CommonResponse> =>
   patch<CommonResponse>(url, { body })
 
-export const disableModel = (url: string, body: { model: string; model_type: ModelTypeEnum }): Promise<CommonResponse> =>
+export const disableModel = (url: string, body: { model: string, model_type: ModelTypeEnum }): Promise<CommonResponse> =>
   patch<CommonResponse>(url, { body })
 
-export const sendForgotPasswordEmail = ({ url, body }: { url: string; body: { email: string } }): Promise<CommonResponse & { data: string }> =>
+export const sendForgotPasswordEmail = ({ url, body }: { url: string, body: { email: string } }): Promise<CommonResponse & { data: string }> =>
   post<CommonResponse & { data: string }>(url, { body })
 
-export const verifyForgotPasswordToken = ({ url, body }: { url: string; body: { token: string } }): Promise<CommonResponse & { is_valid: boolean; email: string }> => {
-  return post<CommonResponse & { is_valid: boolean; email: string }>(url, { body })
+export const verifyForgotPasswordToken = ({ url, body }: { url: string, body: { token: string } }): Promise<CommonResponse & { is_valid: boolean, email: string }> => {
+  return post<CommonResponse & { is_valid: boolean, email: string }>(url, { body })
 }
 
-export const changePasswordWithToken = ({ url, body }: { url: string; body: { token: string; new_password: string; password_confirm: string } }): Promise<CommonResponse> =>
+export const changePasswordWithToken = ({ url, body }: { url: string, body: { token: string, new_password: string, password_confirm: string } }): Promise<CommonResponse> =>
   post<CommonResponse>(url, { body })
 
-export const sendWebAppForgotPasswordEmail = ({ url, body }: { url: string; body: { email: string } }): Promise<CommonResponse & { data: string }> =>
+export const sendWebAppForgotPasswordEmail = ({ url, body }: { url: string, body: { email: string } }): Promise<CommonResponse & { data: string }> =>
   post<CommonResponse & { data: string }>(url, { body }, { isPublicAPI: true })
 
-export const verifyWebAppForgotPasswordToken = ({ url, body }: { url: string; body: { token: string } }): Promise<CommonResponse & { is_valid: boolean; email: string }> => {
-  return post<CommonResponse & { is_valid: boolean; email: string }>(url, { body }, { isPublicAPI: true })
+export const verifyWebAppForgotPasswordToken = ({ url, body }: { url: string, body: { token: string } }): Promise<CommonResponse & { is_valid: boolean, email: string }> => {
+  return post<CommonResponse & { is_valid: boolean, email: string }>(url, { body }, { isPublicAPI: true })
 }
 
-export const changeWebAppPasswordWithToken = ({ url, body }: { url: string; body: { token: string; new_password: string; password_confirm: string } }): Promise<CommonResponse> =>
+export const changeWebAppPasswordWithToken = ({ url, body }: { url: string, body: { token: string, new_password: string, password_confirm: string } }): Promise<CommonResponse> =>
   post<CommonResponse>(url, { body }, { isPublicAPI: true })
 
-export const uploadRemoteFileInfo = (url: string, isPublic?: boolean, silent?: boolean): Promise<{ id: string; name: string; size: number; mime_type: string; url: string }> => {
-  return post<{ id: string; name: string; size: number; mime_type: string; url: string }>('/remote-files/upload', { body: { url } }, { isPublicAPI: isPublic, silent })
+export const uploadRemoteFileInfo = (url: string, isPublic?: boolean, silent?: boolean): Promise<{ id: string, name: string, size: number, mime_type: string, url: string }> => {
+  return post<{ id: string, name: string, size: number, mime_type: string, url: string }>('/remote-files/upload', { body: { url } }, { isPublicAPI: isPublic, silent })
 }
 
 export const sendEMailLoginCode = (email: string, language = 'en-US'): Promise<CommonResponse & { data: string }> =>
   post<CommonResponse & { data: string }>('/email-code-login', { body: { email, language } })
 
-export const emailLoginWithCode = (data: { email: string; code: string; token: string; language: string }): Promise<LoginResponse> =>
+export const emailLoginWithCode = (data: { email: string, code: string, token: string, language: string }): Promise<LoginResponse> =>
   post<LoginResponse>('/email-code-login/validity', { body: data })
 
-export const sendResetPasswordCode = (email: string, language = 'en-US'): Promise<CommonResponse & { data: string; message?: string; code?: string }> =>
-  post<CommonResponse & { data: string; message?: string; code?: string }>('/forgot-password', { body: { email, language } })
+export const sendResetPasswordCode = (email: string, language = 'en-US'): Promise<CommonResponse & { data: string, message?: string, code?: string }> =>
+  post<CommonResponse & { data: string, message?: string, code?: string }>('/forgot-password', { body: { email, language } })
 
-export const verifyResetPasswordCode = (body: { email: string; code: string; token: string }): Promise<CommonResponse & { is_valid: boolean; token: string }> =>
-  post<CommonResponse & { is_valid: boolean; token: string }>('/forgot-password/validity', { body })
+export const verifyResetPasswordCode = (body: { email: string, code: string, token: string }): Promise<CommonResponse & { is_valid: boolean, token: string }> =>
+  post<CommonResponse & { is_valid: boolean, token: string }>('/forgot-password/validity', { body })
 
 export const sendWebAppEMailLoginCode = (email: string, language = 'en-US'): Promise<CommonResponse & { data: string }> =>
   post<CommonResponse & { data: string }>('/email-code-login', { body: { email, language } }, { isPublicAPI: true })
 
-export const webAppEmailLoginWithCode = (data: { email: string; code: string; token: string }): Promise<LoginResponse> =>
+export const webAppEmailLoginWithCode = (data: { email: string, code: string, token: string }): Promise<LoginResponse> =>
   post<LoginResponse>('/email-code-login/validity', { body: data }, { isPublicAPI: true })
 
-export const sendWebAppResetPasswordCode = (email: string, language = 'en-US'): Promise<CommonResponse & { data: string; message?: string; code?: string }> =>
-  post<CommonResponse & { data: string; message?: string; code?: string }>('/forgot-password', { body: { email, language } }, { isPublicAPI: true })
+export const sendWebAppResetPasswordCode = (email: string, language = 'en-US'): Promise<CommonResponse & { data: string, message?: string, code?: string }> =>
+  post<CommonResponse & { data: string, message?: string, code?: string }>('/forgot-password', { body: { email, language } }, { isPublicAPI: true })
 
-export const verifyWebAppResetPasswordCode = (body: { email: string; code: string; token: string }): Promise<CommonResponse & { is_valid: boolean; token: string }> =>
-  post<CommonResponse & { is_valid: boolean; token: string }>('/forgot-password/validity', { body }, { isPublicAPI: true })
+export const verifyWebAppResetPasswordCode = (body: { email: string, code: string, token: string }): Promise<CommonResponse & { is_valid: boolean, token: string }> =>
+  post<CommonResponse & { is_valid: boolean, token: string }>('/forgot-password/validity', { body }, { isPublicAPI: true })
 
 export const sendDeleteAccountCode = (): Promise<CommonResponse & { data: string }> =>
   get<CommonResponse & { data: string }>('/account/delete/verify')
 
-export const verifyDeleteAccountCode = (body: { code: string; token: string }): Promise<CommonResponse & { is_valid: boolean }> =>
+export const verifyDeleteAccountCode = (body: { code: string, token: string }): Promise<CommonResponse & { is_valid: boolean }> =>
   post<CommonResponse & { is_valid: boolean }>('/account/delete', { body })
 
-export const submitDeleteAccountFeedback = (body: { feedback: string; email: string }): Promise<CommonResponse> =>
+export const submitDeleteAccountFeedback = (body: { feedback: string, email: string }): Promise<CommonResponse> =>
   post<CommonResponse>('/account/delete/feedback', { body })
 
 export const getDocDownloadUrl = (doc_name: string): Promise<{ url: string }> =>
   get<{ url: string }>('/compliance/download', { params: { doc_name } }, { silent: true })
 
-export const sendVerifyCode = (body: { email: string; phase: string; token?: string }): Promise<CommonResponse & { data: string }> =>
+export const sendVerifyCode = (body: { email: string, phase: string, token?: string }): Promise<CommonResponse & { data: string }> =>
   post<CommonResponse & { data: string }>('/account/change-email', { body })
 
-export const verifyEmail = (body: { email: string; code: string; token: string }): Promise<CommonResponse & { is_valid: boolean; email: string; token: string }> =>
-  post<CommonResponse & { is_valid: boolean; email: string; token: string }>('/account/change-email/validity', { body })
+export const verifyEmail = (body: { email: string, code: string, token: string }): Promise<CommonResponse & { is_valid: boolean, email: string, token: string }> =>
+  post<CommonResponse & { is_valid: boolean, email: string, token: string }>('/account/change-email/validity', { body })
 
-export const resetEmail = (body: { new_email: string; token: string }): Promise<CommonResponse> =>
+export const resetEmail = (body: { new_email: string, token: string }): Promise<CommonResponse> =>
   post<CommonResponse>('/account/change-email/reset', { body })
 
 export const checkEmailExisted = (body: { email: string }): Promise<CommonResponse> =>
diff --git a/web/service/datasets.ts b/web/service/datasets.ts
index 8791a61b7c..eb22af8446 100644
--- a/web/service/datasets.ts
+++ b/web/service/datasets.ts
@@ -1,7 +1,13 @@
-import qs from 'qs'
-import { del, get, patch, post, put } from './base'
+import type { CreateExternalAPIReq } from '@/app/components/datasets/external-api/declarations'
+import type { CreateKnowledgeBaseReq } from '@/app/components/datasets/external-knowledge-base/create/declarations'
+import type {
+  ApiKeysListResponse,
+  CreateApiKeyResponse,
+} from '@/models/app'
+import type { CommonResponse, DataSourceNotionWorkspace } from '@/models/common'
 import type {
   CreateDocumentReq,
+  createDocumentResponse,
   DataSet,
   DataSetListResponse,
   ErrorDocsResponse,
@@ -21,17 +27,11 @@ import type {
   IndexingStatusResponse,
   ProcessRuleResponse,
   RelatedAppResponse,
-  createDocumentResponse,
 } from '@/models/datasets'
-import type { CreateKnowledgeBaseReq } from '@/app/components/datasets/external-knowledge-base/create/declarations'
-import type { CreateExternalAPIReq } from '@/app/components/datasets/external-api/declarations'
-import type { CommonResponse, DataSourceNotionWorkspace } from '@/models/common'
-import { DataSourceProvider } from '@/models/common'
-import type {
-  ApiKeysListResponse,
-  CreateApiKeyResponse,
-} from '@/models/app'
 import type { RetrievalConfig } from '@/types/app'
+import qs from 'qs'
+import { DataSourceProvider } from '@/models/common'
+import { del, get, patch, post, put } from './base'
 
 // apis for documents in a dataset
 
@@ -58,9 +58,7 @@ export const updateDatasetSetting = ({
   body,
 }: {
   datasetId: string
-  body: Partial<Pick<DataSet,
-    'name' | 'description' | 'permission' | 'partial_member_list' | 'indexing_technique' | 'retrieval_model' | 'embedding_model' | 'embedding_model_provider' | 'icon_info' | 'doc_form'
-  >>
+  body: Partial<Pick<DataSet, 'name' | 'description' | 'permission' | 'partial_member_list' | 'indexing_technique' | 'retrieval_model' | 'embedding_model' | 'embedding_model_provider' | 'icon_info' | 'doc_form'>>
 }): Promise<DataSet> => {
   return patch<DataSet>(`/datasets/${datasetId}`, { body })
 }
@@ -96,7 +94,7 @@ export const fetchExternalAPI = ({ apiTemplateId }: { apiTemplateId: string }):
   return get<ExternalAPIItem>(`/datasets/external-knowledge-api/${apiTemplateId}`)
 }
 
-export const updateExternalAPI = ({ apiTemplateId, body }: { apiTemplateId: string; body: ExternalAPIItem }): Promise<ExternalAPIItem> => {
+export const updateExternalAPI = ({ apiTemplateId, body }: { apiTemplateId: string, body: ExternalAPIItem }): Promise<ExternalAPIItem> => {
   return patch<ExternalAPIItem>(`/datasets/external-knowledge-api/${apiTemplateId}`, { body })
 }
 
@@ -127,7 +125,7 @@ export const createFirstDocument = ({ body }: { body: CreateDocumentReq }): Prom
   return post<createDocumentResponse>('/datasets/init', { body })
 }
 
-export const createDocument = ({ datasetId, body }: { datasetId: string; body: CreateDocumentReq }): Promise<createDocumentResponse> => {
+export const createDocument = ({ datasetId, body }: { datasetId: string, body: CreateDocumentReq }): Promise<createDocumentResponse> => {
   return post<createDocumentResponse>(`/datasets/${datasetId}/documents`, { body })
 }
 
@@ -160,24 +158,24 @@ export const resumeDocIndexing = ({ datasetId, documentId }: CommonDocReq): Prom
   return patch<CommonResponse>(`/datasets/${datasetId}/documents/${documentId}/processing/resume`)
 }
 
-export const preImportNotionPages = ({ url, datasetId }: { url: string; datasetId?: string }): Promise<{ notion_info: DataSourceNotionWorkspace[] }> => {
+export const preImportNotionPages = ({ url, datasetId }: { url: string, datasetId?: string }): Promise<{ notion_info: DataSourceNotionWorkspace[] }> => {
   return get<{ notion_info: DataSourceNotionWorkspace[] }>(url, { params: { dataset_id: datasetId } })
 }
 
-export const modifyDocMetadata = ({ datasetId, documentId, body }: CommonDocReq & { body: { doc_type: string; doc_metadata: Record<string, any> } }): Promise<CommonResponse> => {
+export const modifyDocMetadata = ({ datasetId, documentId, body }: CommonDocReq & { body: { doc_type: string, doc_metadata: Record<string, any> } }): Promise<CommonResponse> => {
   return put<CommonResponse>(`/datasets/${datasetId}/documents/${documentId}/metadata`, { body })
 }
 
 // hit testing
-export const hitTesting = ({ datasetId, queryText, retrieval_model }: { datasetId: string; queryText: string; retrieval_model: RetrievalConfig }): Promise<HitTestingResponse> => {
+export const hitTesting = ({ datasetId, queryText, retrieval_model }: { datasetId: string, queryText: string, retrieval_model: RetrievalConfig }): Promise<HitTestingResponse> => {
   return post<HitTestingResponse>(`/datasets/${datasetId}/hit-testing`, { body: { query: queryText, retrieval_model } })
 }
 
-export const externalKnowledgeBaseHitTesting = ({ datasetId, query, external_retrieval_model }: { datasetId: string; query: string; external_retrieval_model: { top_k: number; score_threshold: number; score_threshold_enabled: boolean } }): Promise<ExternalKnowledgeBaseHitTestingResponse> => {
+export const externalKnowledgeBaseHitTesting = ({ datasetId, query, external_retrieval_model }: { datasetId: string, query: string, external_retrieval_model: { top_k: number, score_threshold: number, score_threshold_enabled: boolean } }): Promise<ExternalKnowledgeBaseHitTestingResponse> => {
   return post<ExternalKnowledgeBaseHitTestingResponse>(`/datasets/${datasetId}/external-hit-testing`, { body: { query, external_retrieval_model } })
 }
 
-export const fetchTestingRecords = ({ datasetId, params }: { datasetId: string; params: { page: number; limit: number } }): Promise<HitTestingRecordsResponse> => {
+export const fetchTestingRecords = ({ datasetId, params }: { datasetId: string, params: { page: number, limit: number } }): Promise<HitTestingRecordsResponse> => {
   return get<HitTestingRecordsResponse>(`/datasets/${datasetId}/queries`, { params })
 }
 
@@ -185,7 +183,7 @@ export const fetchFileIndexingEstimate = (body: IndexingEstimateParams): Promise
   return post<FileIndexingEstimateResponse>('/datasets/indexing-estimate', { body })
 }
 
-export const fetchNotionPagePreview = ({ pageID, pageType, credentialID }: { pageID: string; pageType: string; credentialID: string }): Promise<{ content: string }> => {
+export const fetchNotionPagePreview = ({ pageID, pageType, credentialID }: { pageID: string, pageType: string, credentialID: string }): Promise<{ content: string }> => {
   return get<{ content: string }>(`notion/pages/${pageID}/${pageType}/preview`, {
     params: {
       credential_id: credentialID,
@@ -193,15 +191,15 @@ export const fetchNotionPagePreview = ({ pageID, pageType, credentialID }: { pag
   })
 }
 
-export const fetchApiKeysList = ({ url, params }: { url: string; params: Record<string, any> }): Promise<ApiKeysListResponse> => {
+export const fetchApiKeysList = ({ url, params }: { url: string, params: Record<string, any> }): Promise<ApiKeysListResponse> => {
   return get<ApiKeysListResponse>(url, params)
 }
 
-export const delApikey = ({ url, params }: { url: string; params: Record<string, any> }): Promise<CommonResponse> => {
+export const delApikey = ({ url, params }: { url: string, params: Record<string, any> }): Promise<CommonResponse> => {
   return del<CommonResponse>(url, params)
 }
 
-export const createApikey = ({ url, body }: { url: string; body: Record<string, any> }): Promise<CreateApiKeyResponse> => {
+export const createApikey = ({ url, body }: { url: string, body: Record<string, any> }): Promise<CreateApiKeyResponse> => {
   return post<CreateApiKeyResponse>(url, body)
 }
 
@@ -286,6 +284,6 @@ export const getErrorDocs = ({ datasetId }: { datasetId: string }): Promise<Erro
   return get<ErrorDocsResponse>(`/datasets/${datasetId}/error-docs`)
 }
 
-export const retryErrorDocs = ({ datasetId, document_ids }: { datasetId: string; document_ids: string[] }): Promise<CommonResponse> => {
+export const retryErrorDocs = ({ datasetId, document_ids }: { datasetId: string, document_ids: string[] }): Promise<CommonResponse> => {
   return post<CommonResponse>(`/datasets/${datasetId}/retry`, { body: { document_ids } })
 }
diff --git a/web/service/debug.ts b/web/service/debug.ts
index 3f3abda2d2..850f3dfc24 100644
--- a/web/service/debug.ts
+++ b/web/service/debug.ts
@@ -1,8 +1,8 @@
-import { get, post, ssePost } from './base'
 import type { IOnCompleted, IOnData, IOnError, IOnFile, IOnMessageEnd, IOnMessageReplace, IOnThought } from './base'
+import type { ModelParameterRule } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { ChatPromptConfig, CompletionPromptConfig } from '@/models/debug'
 import type { AppModeEnum, ModelModeType } from '@/types/app'
-import type { ModelParameterRule } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { get, post, ssePost } from './base'
 
 export type BasicAppFirstRes = {
   prompt: string
@@ -106,8 +106,8 @@ export const fetchPromptTemplate = ({
   mode,
   modelName,
   hasSetDataSet,
-}: { appMode: AppModeEnum; mode: ModelModeType; modelName: string; hasSetDataSet: boolean }) => {
-  return get<Promise<{ chat_prompt_config: ChatPromptConfig; completion_prompt_config: CompletionPromptConfig; stop: [] }>>('/app/prompt-templates', {
+}: { appMode: AppModeEnum, mode: ModelModeType, modelName: string, hasSetDataSet: boolean }) => {
+  return get<Promise<{ chat_prompt_config: ChatPromptConfig, completion_prompt_config: CompletionPromptConfig, stop: [] }>>('/app/prompt-templates', {
     params: {
       app_mode: appMode,
       model_mode: mode,
@@ -120,6 +120,6 @@ export const fetchPromptTemplate = ({
 export const fetchTextGenerationMessage = ({
   appId,
   messageId,
-}: { appId: string; messageId: string }) => {
+}: { appId: string, messageId: string }) => {
   return get<Promise<any>>(`/apps/${appId}/messages/${messageId}`)
 }
diff --git a/web/service/demo/index.tsx b/web/service/demo/index.tsx
index b0b76bfcff..d538d6fda2 100644
--- a/web/service/demo/index.tsx
+++ b/web/service/demo/index.tsx
@@ -1,10 +1,10 @@
 'use client'
 import type { FC } from 'react'
-import React from 'react'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { createApp, updateAppApiStatus, updateAppModelConfig, updateAppRateLimit, updateAppSiteAccessToken, updateAppSiteConfig, updateAppSiteStatus } from '../apps'
+import React from 'react'
 import Loading from '@/app/components/base/loading'
 import { AppModeEnum } from '@/types/app'
+import { createApp, updateAppApiStatus, updateAppModelConfig, updateAppRateLimit, updateAppSiteAccessToken, updateAppSiteConfig, updateAppSiteStatus } from '../apps'
 import {
   useAppDailyConversations,
   useAppDailyEndUsers,
@@ -84,12 +84,16 @@ const Service: FC = () => {
 
   return (
     <div>
-      <div className='flex flex-col gap-3'>
+      <div className="flex flex-col gap-3">
         <div>
           <div>1.App list</div>
           <div>
             {appList.data.map(item => (
-              <div key={item.id}>{item.id} {item.name}</div>
+              <div key={item.id}>
+                {item.id}
+                {' '}
+                {item.name}
+              </div>
             ))}
           </div>
         </div>
diff --git a/web/service/explore.ts b/web/service/explore.ts
index 6a440d7f5d..70d5de37f2 100644
--- a/web/service/explore.ts
+++ b/web/service/explore.ts
@@ -1,6 +1,6 @@
-import { del, get, patch, post } from './base'
-import type { App, AppCategory } from '@/models/explore'
 import type { AccessMode } from '@/models/access-control'
+import type { App, AppCategory } from '@/models/explore'
+import { del, get, patch, post } from './base'
 
 export const fetchAppList = () => {
   return get<{
diff --git a/web/service/fetch.ts b/web/service/fetch.ts
index 030549bdab..d0af932d73 100644
--- a/web/service/fetch.ts
+++ b/web/service/fetch.ts
@@ -1,9 +1,9 @@
 import type { AfterResponseHook, BeforeErrorHook, BeforeRequestHook, Hooks } from 'ky'
-import ky from 'ky'
 import type { IOtherOptions } from './base'
+import Cookies from 'js-cookie'
+import ky from 'ky'
 import Toast from '@/app/components/base/toast'
 import { API_PREFIX, APP_VERSION, CSRF_COOKIE_NAME, CSRF_HEADER_NAME, IS_MARKETPLACE, MARKETPLACE_API_PREFIX, PASSPORT_HEADER_NAME, PUBLIC_API_PREFIX, WEB_APP_SHARE_CODE_HEADER_NAME } from '@/config'
-import Cookies from 'js-cookie'
 import { getWebAppAccessToken, getWebAppPassport } from './webapp-auth'
 
 const TIME_OUT = 100000
@@ -24,7 +24,8 @@ export type FetchOptionType = Omit<RequestInit, 'body'> & {
 }
 
 const afterResponse204: AfterResponseHook = async (_request, _options, response) => {
-  if (response.status === 204) return Response.json({ result: 'success' })
+  if (response.status === 204)
+    return Response.json({ result: 'success' })
 }
 
 export type ResponseError = {
@@ -209,8 +210,9 @@ async function base<T>(url: string, options: FetchOptionType = {}, otherOptions:
   if (
     contentType
     && [ContentType.download, ContentType.audio, ContentType.downloadZip].includes(contentType)
-  )
+  ) {
     return await res.blob() as T
+  }
 
   return await res.json() as T
 }
diff --git a/web/service/knowledge/use-create-dataset.ts b/web/service/knowledge/use-create-dataset.ts
index 2530188c7e..eb656c2994 100644
--- a/web/service/knowledge/use-create-dataset.ts
+++ b/web/service/knowledge/use-create-dataset.ts
@@ -1,8 +1,6 @@
-import groupBy from 'lodash-es/groupBy'
 import type { MutationOptions } from '@tanstack/react-query'
-import { useMutation } from '@tanstack/react-query'
-import { createDocument, createFirstDocument, fetchDefaultProcessRule, fetchFileIndexingEstimate } from '../datasets'
 import type { IndexingType } from '@/app/components/datasets/create/step-two'
+import type { DataSourceProvider, NotionPage } from '@/models/common'
 import type {
   ChunkingMode,
   CrawlOptions,
@@ -10,6 +8,7 @@ import type {
   CreateDatasetReq,
   CreateDatasetResponse,
   CreateDocumentReq,
+  createDocumentResponse,
   CustomFile,
   DataSourceType,
   FileIndexingEstimateResponse,
@@ -17,10 +16,11 @@ import type {
   NotionInfo,
   ProcessRule,
   ProcessRuleResponse,
-  createDocumentResponse,
 } from '@/models/datasets'
-import type { DataSourceProvider, NotionPage } from '@/models/common'
+import { useMutation } from '@tanstack/react-query'
+import groupBy from 'lodash-es/groupBy'
 import { post } from '../base'
+import { createDocument, createFirstDocument, fetchDefaultProcessRule, fetchFileIndexingEstimate } from '../datasets'
 
 const NAME_SPACE = 'knowledge/create-dataset'
 
diff --git a/web/service/knowledge/use-dataset.ts b/web/service/knowledge/use-dataset.ts
index 2b0c78b249..87fc1f2aec 100644
--- a/web/service/knowledge/use-dataset.ts
+++ b/web/service/knowledge/use-dataset.ts
@@ -1,16 +1,10 @@
 import type { MutationOptions } from '@tanstack/react-query'
-import {
-  keepPreviousData,
-  useInfiniteQuery,
-  useMutation,
-  useQuery,
-  useQueryClient,
-} from '@tanstack/react-query'
-import qs from 'qs'
+import type { ApiKeysListResponse } from '@/models/app'
+import type { CommonResponse } from '@/models/common'
 import type {
   DataSet,
-  DataSetListResponse,
   DatasetListRequest,
+  DataSetListResponse,
   ErrorDocsResponse,
   ExternalAPIListResponse,
   FetchDatasetsParams,
@@ -20,10 +14,16 @@ import type {
   ProcessRuleResponse,
   RelatedAppResponse,
 } from '@/models/datasets'
-import type { ApiKeysListResponse } from '@/models/app'
+import {
+  keepPreviousData,
+  useInfiniteQuery,
+  useMutation,
+  useQuery,
+  useQueryClient,
+} from '@tanstack/react-query'
+import qs from 'qs'
 import { get, post } from '../base'
 import { useInvalid } from '../use-base'
-import type { CommonResponse } from '@/models/common'
 
 const NAME_SPACE = 'dataset'
 
@@ -199,7 +199,7 @@ export const useInvalidateExternalKnowledgeApiList = () => {
 
 export const useDatasetTestingRecords = (
   datasetId?: string,
-  params?: { page: number; limit: number },
+  params?: { page: number, limit: number },
 ) => {
   return useQuery<HitTestingRecordsResponse>({
     queryKey: [NAME_SPACE, 'testing-records', datasetId, params],
diff --git a/web/service/knowledge/use-document.ts b/web/service/knowledge/use-document.ts
index c3321b7a76..476f3534bc 100644
--- a/web/service/knowledge/use-document.ts
+++ b/web/service/knowledge/use-document.ts
@@ -1,15 +1,15 @@
+import type { MetadataType, SortType } from '../datasets'
+import type { CommonResponse } from '@/models/common'
+import type { DocumentDetailResponse, DocumentListResponse, UpdateDocumentBatchParams } from '@/models/datasets'
 import {
   useMutation,
   useQuery,
 } from '@tanstack/react-query'
-import { del, get, patch } from '../base'
-import { useInvalid } from '../use-base'
-import type { MetadataType, SortType } from '../datasets'
-import { pauseDocIndexing, resumeDocIndexing } from '../datasets'
-import type { DocumentDetailResponse, DocumentListResponse, UpdateDocumentBatchParams } from '@/models/datasets'
-import { DocumentActionType } from '@/models/datasets'
-import type { CommonResponse } from '@/models/common'
 import { normalizeStatusForQuery } from '@/app/components/datasets/documents/status-filter'
+import { DocumentActionType } from '@/models/datasets'
+import { del, get, patch } from '../base'
+import { pauseDocIndexing, resumeDocIndexing } from '../datasets'
+import { useInvalid } from '../use-base'
 
 const NAME_SPACE = 'knowledge/document'
 
@@ -22,7 +22,7 @@ export const useDocumentList = (payload: {
     limit: number
     sort?: SortType
     status?: string
-  },
+  }
   refetchInterval?: number | false
 }) => {
   const { query, datasetId, refetchInterval } = payload
diff --git a/web/service/knowledge/use-hit-testing.ts b/web/service/knowledge/use-hit-testing.ts
index dfa030a01f..75c111483e 100644
--- a/web/service/knowledge/use-hit-testing.ts
+++ b/web/service/knowledge/use-hit-testing.ts
@@ -1,5 +1,3 @@
-import { useMutation, useQuery } from '@tanstack/react-query'
-import { useInvalid } from '../use-base'
 import type {
   ExternalKnowledgeBaseHitTestingRequest,
   ExternalKnowledgeBaseHitTestingResponse,
@@ -8,7 +6,9 @@ import type {
   HitTestingRequest,
   HitTestingResponse,
 } from '@/models/datasets'
+import { useMutation, useQuery } from '@tanstack/react-query'
 import { get, post } from '../base'
+import { useInvalid } from '../use-base'
 
 const NAME_SPACE = 'hit-testing'
 
diff --git a/web/service/knowledge/use-import.ts b/web/service/knowledge/use-import.ts
index 07579a065e..0fc7bc9dfa 100644
--- a/web/service/knowledge/use-import.ts
+++ b/web/service/knowledge/use-import.ts
@@ -1,6 +1,6 @@
+import type { DataSourceNotionWorkspace } from '@/models/common'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { get } from '../base'
-import type { DataSourceNotionWorkspace } from '@/models/common'
 
 type PreImportNotionPagesParams = {
   datasetId: string
diff --git a/web/service/knowledge/use-metadata.spec.tsx b/web/service/knowledge/use-metadata.spec.tsx
index 11b68168e1..0ab4825482 100644
--- a/web/service/knowledge/use-metadata.spec.tsx
+++ b/web/service/knowledge/use-metadata.spec.tsx
@@ -1,6 +1,6 @@
-import { DataType } from '@/app/components/datasets/metadata/types'
-import { act, renderHook } from '@testing-library/react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { act, renderHook } from '@testing-library/react'
+import { DataType } from '@/app/components/datasets/metadata/types'
 import { useBatchUpdateDocMetadata } from '@/service/knowledge/use-metadata'
 import { useDocumentListKey } from './use-document'
 
diff --git a/web/service/knowledge/use-metadata.ts b/web/service/knowledge/use-metadata.ts
index eb85142d9f..50b2c47ae3 100644
--- a/web/service/knowledge/use-metadata.ts
+++ b/web/service/knowledge/use-metadata.ts
@@ -1,9 +1,9 @@
 import type { BuiltInMetadataItem, MetadataBatchEditToServer, MetadataItemWithValueLength } from '@/app/components/datasets/metadata/types'
-import { del, get, patch, post } from '../base'
-import { useDocumentListKey, useInvalidDocumentList } from './use-document'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { useInvalid } from '../use-base'
 import type { DocumentDetailResponse } from '@/models/datasets'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { del, get, patch, post } from '../base'
+import { useInvalid } from '../use-base'
+import { useDocumentListKey, useInvalidDocumentList } from './use-document'
 
 const NAME_SPACE = 'dataset-metadata'
 
diff --git a/web/service/knowledge/use-segment.ts b/web/service/knowledge/use-segment.ts
index 8b3e939e73..1d0ce4b774 100644
--- a/web/service/knowledge/use-segment.ts
+++ b/web/service/knowledge/use-segment.ts
@@ -1,5 +1,3 @@
-import { useMutation, useQuery } from '@tanstack/react-query'
-import { del, get, patch, post } from '../base'
 import type { CommonResponse } from '@/models/common'
 import type {
   BatchImportResponse,
@@ -7,9 +5,11 @@ import type {
   ChildSegmentsResponse,
   ChunkingMode,
   SegmentDetailModel,
-  SegmentUpdater,
   SegmentsResponse,
+  SegmentUpdater,
 } from '@/models/datasets'
+import { useMutation, useQuery } from '@tanstack/react-query'
+import { del, get, patch, post } from '../base'
 
 const NAME_SPACE = 'segment'
 
@@ -45,9 +45,9 @@ export const useSegmentList = (
 export const useUpdateSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'update'],
-    mutationFn: (payload: { datasetId: string; documentId: string; segmentId: string; body: SegmentUpdater }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, segmentId: string, body: SegmentUpdater }) => {
       const { datasetId, documentId, segmentId, body } = payload
-      return patch<{ data: SegmentDetailModel; doc_form: ChunkingMode }>(`/datasets/${datasetId}/documents/${documentId}/segments/${segmentId}`, { body })
+      return patch<{ data: SegmentDetailModel, doc_form: ChunkingMode }>(`/datasets/${datasetId}/documents/${documentId}/segments/${segmentId}`, { body })
     },
   })
 }
@@ -55,9 +55,9 @@ export const useUpdateSegment = () => {
 export const useAddSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'add'],
-    mutationFn: (payload: { datasetId: string; documentId: string; body: SegmentUpdater }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, body: SegmentUpdater }) => {
       const { datasetId, documentId, body } = payload
-      return post<{ data: SegmentDetailModel; doc_form: ChunkingMode }>(`/datasets/${datasetId}/documents/${documentId}/segment`, { body })
+      return post<{ data: SegmentDetailModel, doc_form: ChunkingMode }>(`/datasets/${datasetId}/documents/${documentId}/segment`, { body })
     },
   })
 }
@@ -65,7 +65,7 @@ export const useAddSegment = () => {
 export const useEnableSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'enable'],
-    mutationFn: (payload: { datasetId: string; documentId: string; segmentIds: string[] }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, segmentIds: string[] }) => {
       const { datasetId, documentId, segmentIds } = payload
       const query = segmentIds.map(id => `segment_id=${id}`).join('&')
       return patch<CommonResponse>(`/datasets/${datasetId}/documents/${documentId}/segment/enable?${query}`)
@@ -76,7 +76,7 @@ export const useEnableSegment = () => {
 export const useDisableSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'disable'],
-    mutationFn: (payload: { datasetId: string; documentId: string; segmentIds: string[] }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, segmentIds: string[] }) => {
       const { datasetId, documentId, segmentIds } = payload
       const query = segmentIds.map(id => `segment_id=${id}`).join('&')
       return patch<CommonResponse>(`/datasets/${datasetId}/documents/${documentId}/segment/disable?${query}`)
@@ -87,7 +87,7 @@ export const useDisableSegment = () => {
 export const useDeleteSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'delete'],
-    mutationFn: (payload: { datasetId: string; documentId: string; segmentIds: string[] }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, segmentIds: string[] }) => {
       const { datasetId, documentId, segmentIds } = payload
       const query = segmentIds.map(id => `segment_id=${id}`).join('&')
       return del<CommonResponse>(`/datasets/${datasetId}/documents/${documentId}/segments?${query}`)
@@ -124,7 +124,7 @@ export const useChildSegmentList = (
 export const useDeleteChildSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'childChunk', 'delete'],
-    mutationFn: (payload: { datasetId: string; documentId: string; segmentId: string; childChunkId: string }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, segmentId: string, childChunkId: string }) => {
       const { datasetId, documentId, segmentId, childChunkId } = payload
       return del<CommonResponse>(`/datasets/${datasetId}/documents/${documentId}/segments/${segmentId}/child_chunks/${childChunkId}`)
     },
@@ -134,7 +134,7 @@ export const useDeleteChildSegment = () => {
 export const useAddChildSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'childChunk', 'add'],
-    mutationFn: (payload: { datasetId: string; documentId: string; segmentId: string; body: { content: string } }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, segmentId: string, body: { content: string } }) => {
       const { datasetId, documentId, segmentId, body } = payload
       return post<{ data: ChildChunkDetail }>(`/datasets/${datasetId}/documents/${documentId}/segments/${segmentId}/child_chunks`, { body })
     },
@@ -144,7 +144,7 @@ export const useAddChildSegment = () => {
 export const useUpdateChildSegment = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'childChunk', 'update'],
-    mutationFn: (payload: { datasetId: string; documentId: string; segmentId: string; childChunkId: string; body: { content: string } }) => {
+    mutationFn: (payload: { datasetId: string, documentId: string, segmentId: string, childChunkId: string, body: { content: string } }) => {
       const { datasetId, documentId, segmentId, childChunkId, body } = payload
       return patch<{ data: ChildChunkDetail }>(`/datasets/${datasetId}/documents/${documentId}/segments/${segmentId}/child_chunks/${childChunkId}`, { body })
     },
@@ -154,7 +154,7 @@ export const useUpdateChildSegment = () => {
 export const useSegmentBatchImport = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'batchImport'],
-    mutationFn: (payload: { url: string; body: { upload_file_id: string } }) => {
+    mutationFn: (payload: { url: string, body: { upload_file_id: string } }) => {
       const { url, body } = payload
       return post<BatchImportResponse>(url, { body })
     },
diff --git a/web/service/log.ts b/web/service/log.ts
index f54e93630f..aa0be7ac3b 100644
--- a/web/service/log.ts
+++ b/web/service/log.ts
@@ -1,5 +1,4 @@
 import type { Fetcher } from 'swr'
-import { get, post } from './base'
 import type {
   AgentLogDetailRequest,
   AgentLogDetailResponse,
@@ -21,13 +20,14 @@ import type {
   WorkflowRunDetailResponse,
 } from '@/models/log'
 import type { NodeTracingListResponse } from '@/types/workflow'
+import { get, post } from './base'
 
-export const fetchConversationList: Fetcher<ConversationListResponse, { name: string; appId: string; params?: Record<string, any> }> = ({ appId, params }) => {
+export const fetchConversationList: Fetcher<ConversationListResponse, { name: string, appId: string, params?: Record<string, any> }> = ({ appId, params }) => {
   return get<ConversationListResponse>(`/console/api/apps/${appId}/messages`, params)
 }
 
 // (Text Generation Application) Session List
-export const fetchCompletionConversations: Fetcher<CompletionConversationsResponse, { url: string; params?: CompletionConversationsRequest }> = ({ url, params }) => {
+export const fetchCompletionConversations: Fetcher<CompletionConversationsResponse, { url: string, params?: CompletionConversationsRequest }> = ({ url, params }) => {
   return get<CompletionConversationsResponse>(url, { params })
 }
 
@@ -37,7 +37,7 @@ export const fetchCompletionConversationDetail: Fetcher<CompletionConversationFu
 }
 
 // (Chat Application) Session List
-export const fetchChatConversations: Fetcher<ChatConversationsResponse, { url: string; params?: ChatConversationsRequest }> = ({ url, params }) => {
+export const fetchChatConversations: Fetcher<ChatConversationsResponse, { url: string, params?: ChatConversationsRequest }> = ({ url, params }) => {
   return get<ChatConversationsResponse>(url, { params })
 }
 
@@ -47,15 +47,15 @@ export const fetchChatConversationDetail: Fetcher<ChatConversationFullDetailResp
 }
 
 // (Chat Application) Message list in one session
-export const fetchChatMessages: Fetcher<ChatMessagesResponse, { url: string; params: ChatMessagesRequest }> = ({ url, params }) => {
+export const fetchChatMessages: Fetcher<ChatMessagesResponse, { url: string, params: ChatMessagesRequest }> = ({ url, params }) => {
   return get<ChatMessagesResponse>(url, { params })
 }
 
-export const updateLogMessageFeedbacks: Fetcher<LogMessageFeedbacksResponse, { url: string; body: LogMessageFeedbacksRequest }> = ({ url, body }) => {
+export const updateLogMessageFeedbacks: Fetcher<LogMessageFeedbacksResponse, { url: string, body: LogMessageFeedbacksRequest }> = ({ url, body }) => {
   return post<LogMessageFeedbacksResponse>(url, { body })
 }
 
-export const updateLogMessageAnnotations: Fetcher<LogMessageAnnotationsResponse, { url: string; body: LogMessageAnnotationsRequest }> = ({ url, body }) => {
+export const updateLogMessageAnnotations: Fetcher<LogMessageAnnotationsResponse, { url: string, body: LogMessageAnnotationsRequest }> = ({ url, body }) => {
   return post<LogMessageAnnotationsResponse>(url, { body })
 }
 
@@ -63,7 +63,7 @@ export const fetchAnnotationsCount: Fetcher<AnnotationsCountResponse, { url: str
   return get<AnnotationsCountResponse>(url)
 }
 
-export const fetchWorkflowLogs: Fetcher<WorkflowLogsResponse, { url: string; params: Record<string, any> }> = ({ url, params }) => {
+export const fetchWorkflowLogs: Fetcher<WorkflowLogsResponse, { url: string, params: Record<string, any> }> = ({ url, params }) => {
   return get<WorkflowLogsResponse>(url, { params })
 }
 
@@ -75,6 +75,6 @@ export const fetchTracingList: Fetcher<NodeTracingListResponse, { url: string }>
   return get<NodeTracingListResponse>(url)
 }
 
-export const fetchAgentLogDetail = ({ appID, params }: { appID: string; params: AgentLogDetailRequest }) => {
+export const fetchAgentLogDetail = ({ appID, params }: { appID: string, params: AgentLogDetailRequest }) => {
   return get<AgentLogDetailResponse>(`/apps/${appID}/agent/logs`, { params })
 }
diff --git a/web/service/plugins.ts b/web/service/plugins.ts
index 0a880b865f..afaebf4fb5 100644
--- a/web/service/plugins.ts
+++ b/web/service/plugins.ts
@@ -1,5 +1,8 @@
 import type { Fetcher } from 'swr'
-import { get, getMarketplace, post, upload } from './base'
+import type {
+  MarketplaceCollectionPluginsResponse,
+  MarketplaceCollectionsResponse,
+} from '@/app/components/plugins/marketplace/types'
 import type {
   Dependency,
   InstallPackageResponse,
@@ -13,10 +16,7 @@ import type {
   updatePackageResponse,
   uploadGitHubResponse,
 } from '@/app/components/plugins/types'
-import type {
-  MarketplaceCollectionPluginsResponse,
-  MarketplaceCollectionsResponse,
-} from '@/app/components/plugins/marketplace/types'
+import { get, getMarketplace, post, upload } from './base'
 
 export const uploadFile = async (file: File, isBundle: boolean) => {
   const formData = new FormData()
@@ -33,8 +33,7 @@ export const updateFromMarketPlace = async (body: Record<string, string>) => {
   })
 }
 
-export const updateFromGitHub = async (repoUrl: string, selectedVersion: string, selectedPackage: string,
-  originalPlugin: string, newPlugin: string) => {
+export const updateFromGitHub = async (repoUrl: string, selectedVersion: string, selectedPackage: string, originalPlugin: string, newPlugin: string) => {
   return post<updatePackageResponse>('/workspaces/current/plugin/upgrade/github', {
     body: {
       repo: repoUrl,
@@ -83,7 +82,7 @@ export const fetchPluginInfoFromMarketPlace = async ({
   return getMarketplace<{ data: { plugin: PluginInfoFromMarketPlace, version: { version: string } } }>(`/plugins/${org}/${name}`)
 }
 
-export const fetchMarketplaceCollections: Fetcher<MarketplaceCollectionsResponse, { url: string; }> = ({ url }) => {
+export const fetchMarketplaceCollections: Fetcher<MarketplaceCollectionsResponse, { url: string }> = ({ url }) => {
   return get<MarketplaceCollectionsResponse>(url)
 }
 
diff --git a/web/service/share.ts b/web/service/share.ts
index dffd3aecb7..203dc896db 100644
--- a/web/service/share.ts
+++ b/web/service/share.ts
@@ -13,28 +13,35 @@ import type {
   IOnMessageReplace,
   IOnNodeFinished,
   IOnNodeStarted,
-  IOnTTSChunk,
-  IOnTTSEnd,
   IOnTextChunk,
   IOnTextReplace,
   IOnThought,
+  IOnTTSChunk,
+  IOnTTSEnd,
   IOnWorkflowFinished,
   IOnWorkflowStarted,
 } from './base'
-import {
-  del as consoleDel, get as consoleGet, patch as consolePatch, post as consolePost,
-  delPublic as del, getPublic as get, patchPublic as patch, postPublic as post, ssePost,
-} from './base'
 import type { FeedbackType } from '@/app/components/base/chat/chat/type'
+import type { ChatConfig } from '@/app/components/base/chat/types'
+import type { AccessMode } from '@/models/access-control'
 import type {
   AppConversationData,
   AppData,
   AppMeta,
   ConversationItem,
 } from '@/models/share'
-import type { ChatConfig } from '@/app/components/base/chat/types'
-import type { AccessMode } from '@/models/access-control'
 import { WEB_APP_SHARE_CODE_HEADER_NAME } from '@/config'
+import {
+  del as consoleDel,
+  get as consoleGet,
+  patch as consolePatch,
+  post as consolePost,
+  delPublic as del,
+  getPublic as get,
+  patchPublic as patch,
+  postPublic as post,
+  ssePost,
+} from './base'
 import { getWebAppAccessToken } from './webapp-auth'
 
 function getAction(action: 'get' | 'post' | 'del' | 'patch', isInstalledApp: boolean) {
@@ -255,7 +262,7 @@ export const fetchAppMeta = async (isInstalledApp: boolean, installedAppId = '')
   return (getAction('get', isInstalledApp))(getUrl('meta', isInstalledApp, installedAppId)) as Promise<AppMeta>
 }
 
-export const updateFeedback = async ({ url, body }: { url: string; body: FeedbackType }, isInstalledApp: boolean, installedAppId = '') => {
+export const updateFeedback = async ({ url, body }: { url: string, body: FeedbackType }, isInstalledApp: boolean, installedAppId = '') => {
   return (getAction('post', isInstalledApp))(getUrl(url, isInstalledApp, installedAppId), { body })
 }
 
@@ -291,7 +298,7 @@ export const textToAudio = (url: string, isPublicAPI: boolean, body: FormData) =
   return (getAction('post', !isPublicAPI))(url, { body }, { bodyStringify: false, deleteContentType: true }) as Promise<{ data: string }>
 }
 
-export const textToAudioStream = (url: string, isPublicAPI: boolean, header: { content_type: string }, body: { streaming: boolean; voice?: string; message_id?: string; text?: string | null | undefined }) => {
+export const textToAudioStream = (url: string, isPublicAPI: boolean, header: { content_type: string }, body: { streaming: boolean, voice?: string, message_id?: string, text?: string | null | undefined }) => {
   return (getAction('post', !isPublicAPI))(url, { body, header }, { needAllResponseContent: true })
 }
 
diff --git a/web/service/sso.ts b/web/service/sso.ts
index eb22799ba5..ba331d4bc5 100644
--- a/web/service/sso.ts
+++ b/web/service/sso.ts
@@ -7,10 +7,10 @@ export const getUserSAMLSSOUrl = (invite_token?: string) => {
 
 export const getUserOIDCSSOUrl = (invite_token?: string) => {
   const url = invite_token ? `/enterprise/sso/oidc/login?invite_token=${invite_token}` : '/enterprise/sso/oidc/login'
-  return get<{ url: string; state: string }>(url)
+  return get<{ url: string, state: string }>(url)
 }
 
 export const getUserOAuth2SSOUrl = (invite_token?: string) => {
   const url = invite_token ? `/enterprise/sso/oauth2/login?invite_token=${invite_token}` : '/enterprise/sso/oauth2/login'
-  return get<{ url: string; state: string }>(url)
+  return get<{ url: string, state: string }>(url)
 }
diff --git a/web/service/tag.ts b/web/service/tag.ts
index 99cfe07342..cf9d56951e 100644
--- a/web/service/tag.ts
+++ b/web/service/tag.ts
@@ -1,5 +1,5 @@
-import { del, get, patch, post } from './base'
 import type { Tag } from '@/app/components/base/tag-management/constant'
+import { del, get, patch, post } from './base'
 
 export const fetchTagList = (type: string) => {
   return get<Tag[]>('/tags', { params: { type } })
diff --git a/web/service/tools.ts b/web/service/tools.ts
index 2897ccac12..99b84d3981 100644
--- a/web/service/tools.ts
+++ b/web/service/tools.ts
@@ -1,4 +1,3 @@
-import { get, post } from './base'
 import type {
   Collection,
   CustomCollectionBackend,
@@ -9,6 +8,7 @@ import type {
   WorkflowToolProviderResponse,
 } from '@/app/components/tools/types'
 import { buildProviderQuery } from './_tools_util'
+import { get, post } from './base'
 
 export const fetchCollectionList = () => {
   return get<Collection[]>('/workspaces/current/tool-providers')
@@ -58,7 +58,7 @@ export const removeBuiltInToolCredential = (collectionName: string) => {
 }
 
 export const parseParamsSchema = (schema: string) => {
-  return post<{ parameters_schema: CustomParamSchema[]; schema_type: string }>('/workspaces/current/tool-provider/api/schema', {
+  return post<{ parameters_schema: CustomParamSchema[], schema_type: string }>('/workspaces/current/tool-provider/api/schema', {
     body: {
       schema,
     },
diff --git a/web/service/use-apps.ts b/web/service/use-apps.ts
index cc408c5d1a..0f6c4a64ac 100644
--- a/web/service/use-apps.ts
+++ b/web/service/use-apps.ts
@@ -1,4 +1,4 @@
-import { get, post } from './base'
+import type { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
 import type {
   ApiKeysListResponse,
   AppDailyConversationsResponse,
@@ -11,13 +11,13 @@ import type {
   WorkflowDailyConversationsResponse,
 } from '@/models/app'
 import type { App, AppModeEnum } from '@/types/app'
-import { useInvalid } from './use-base'
 import {
   useInfiniteQuery,
   useQuery,
   useQueryClient,
 } from '@tanstack/react-query'
-import type { GeneratorType } from '@/app/components/app/configuration/config/automatic/types'
+import { get, post } from './base'
+import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'apps'
 
diff --git a/web/service/use-base.ts b/web/service/use-base.ts
index b6445f4baf..0a77501747 100644
--- a/web/service/use-base.ts
+++ b/web/service/use-base.ts
@@ -1,5 +1,6 @@
+import type { QueryKey } from '@tanstack/react-query'
 import {
-  type QueryKey,
+
   useQueryClient,
 } from '@tanstack/react-query'
 
diff --git a/web/service/use-billing.ts b/web/service/use-billing.ts
index 2701861bc0..3dc2b8a994 100644
--- a/web/service/use-billing.ts
+++ b/web/service/use-billing.ts
@@ -6,7 +6,7 @@ const NAME_SPACE = 'billing'
 export const useBindPartnerStackInfo = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'bind-partner-stack'],
-    mutationFn: (data: { partnerKey: string; clickId: string }) => bindPartnerStackInfo(data.partnerKey, data.clickId),
+    mutationFn: (data: { partnerKey: string, clickId: string }) => bindPartnerStackInfo(data.partnerKey, data.clickId),
   })
 }
 
diff --git a/web/service/use-common.ts b/web/service/use-common.ts
index 5c71553781..7db65caccb 100644
--- a/web/service/use-common.ts
+++ b/web/service/use-common.ts
@@ -1,27 +1,29 @@
-import { get, post } from './base'
-import type {
-  AccountIntegrate,
-  CommonResponse,
-  DataSourceNotion,
-  FileUploadConfigResponse,
-  Member,
-  StructuredOutputRulesRequestBody,
-  StructuredOutputRulesResponse,
-} from '@/models/common'
-import { useMutation, useQuery } from '@tanstack/react-query'
 import type { FileTypesRes } from './datasets'
-import type { ICurrentWorkspace, IWorkspace, UserProfileResponse } from '@/models/common'
 import type {
   Model,
+  ModelParameterRule,
   ModelProvider,
   ModelTypeEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type {
+  AccountIntegrate,
+  ApiBasedExtension,
+  CodeBasedExtension,
+  CommonResponse,
+  DataSourceNotion,
+  FileUploadConfigResponse,
+  ICurrentWorkspace,
+  IWorkspace,
+  LangGeniusVersionResponse,
+  Member,
+  PluginProvider,
+  StructuredOutputRulesRequestBody,
+  StructuredOutputRulesResponse,
+  UserProfileResponse,
+} from '@/models/common'
 import type { RETRIEVE_METHOD } from '@/types/app'
-import type { LangGeniusVersionResponse } from '@/models/common'
-import type { PluginProvider } from '@/models/common'
-import type { ApiBasedExtension } from '@/models/common'
-import type { ModelParameterRule } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { CodeBasedExtension } from '@/models/common'
+import { useMutation, useQuery } from '@tanstack/react-query'
+import { get, post } from './base'
 import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'common'
@@ -44,7 +46,7 @@ export const commonQueryKeys = {
   notionConnection: [NAME_SPACE, 'notion-connection'] as const,
   apiBasedExtensions: [NAME_SPACE, 'api-based-extensions'] as const,
   codeBasedExtensions: (module?: string) => [NAME_SPACE, 'code-based-extensions', module] as const,
-  invitationCheck: (params?: { workspace_id?: string; email?: string; token?: string }) => [
+  invitationCheck: (params?: { workspace_id?: string, email?: string, token?: string }) => [
     NAME_SPACE,
     'invitation-check',
     params?.workspace_id ?? '',
@@ -220,7 +222,7 @@ export const useIsLogin = () => {
         })
       }
       catch (e: any) {
-        if(e.status === 401)
+        if (e.status === 401)
           return { logged_in: false }
         return { logged_in: true }
       }
@@ -236,7 +238,7 @@ export const useLogout = () => {
   })
 }
 
-type ForgotPasswordValidity = CommonResponse & { is_valid: boolean; email: string }
+type ForgotPasswordValidity = CommonResponse & { is_valid: boolean, email: string }
 export const useVerifyForgotPasswordToken = (token?: string | null) => {
   return useQuery<ForgotPasswordValidity>({
     queryKey: commonQueryKeys.forgotPasswordValidity(token),
@@ -345,12 +347,12 @@ export const useApiBasedExtensions = () => {
   })
 }
 
-export const useInvitationCheck = (params?: { workspace_id?: string; email?: string; token?: string }, enabled?: boolean) => {
+export const useInvitationCheck = (params?: { workspace_id?: string, email?: string, token?: string }, enabled?: boolean) => {
   return useQuery({
     queryKey: commonQueryKeys.invitationCheck(params),
     queryFn: () => get<{
       is_valid: boolean
-      data: { workspace_name: string; email: string; workspace_id: string }
+      data: { workspace_name: string, email: string, workspace_id: string }
       result: string
     }>('/activate/check', { params }),
     enabled: enabled ?? !!params?.token,
diff --git a/web/service/use-datasource.ts b/web/service/use-datasource.ts
index ede9bbfe27..07fe6cd563 100644
--- a/web/service/use-datasource.ts
+++ b/web/service/use-datasource.ts
@@ -1,13 +1,13 @@
+import type {
+  DataSourceAuth,
+  DataSourceCredential,
+} from '@/app/components/header/account-setting/data-source-page-new/types'
 import {
   useMutation,
   useQuery,
 } from '@tanstack/react-query'
 import { get } from './base'
 import { useInvalid } from './use-base'
-import type {
-  DataSourceAuth,
-  DataSourceCredential,
-} from '@/app/components/header/account-setting/data-source-page-new/types'
 
 const NAME_SPACE = 'data-source-auth'
 
@@ -49,7 +49,8 @@ export const useGetDataSourceOAuthUrl = (
           authorization_url: string
           state: string
           context_id: string
-        }>(`/oauth/plugin/${provider}/datasource/get-authorization-url?credential_id=${credentialId}`)
+        }
+      >(`/oauth/plugin/${provider}/datasource/get-authorization-url?credential_id=${credentialId}`)
     },
   })
 }
diff --git a/web/service/use-education.ts b/web/service/use-education.ts
index c71833c061..34b08e59c6 100644
--- a/web/service/use-education.ts
+++ b/web/service/use-education.ts
@@ -1,10 +1,10 @@
-import { get, post } from './base'
+import type { EducationAddParams } from '@/app/education-apply/types'
 import {
   useMutation,
   useQuery,
 } from '@tanstack/react-query'
+import { get, post } from './base'
 import { useInvalid } from './use-base'
-import type { EducationAddParams } from '@/app/education-apply/types'
 
 const NAME_SPACE = 'education'
 
@@ -46,7 +46,7 @@ export const useEducationAutocomplete = () => {
         page = 0,
         limit = 40,
       } = searchParams
-      return get<{ data: string[]; has_next: boolean; curr_page: number }>(`/account/education/autocomplete?keywords=${keywords}&page=${page}&limit=${limit}`)
+      return get<{ data: string[], has_next: boolean, curr_page: number }>(`/account/education/autocomplete?keywords=${keywords}&page=${page}&limit=${limit}`)
     },
   })
 }
diff --git a/web/service/use-endpoints.ts b/web/service/use-endpoints.ts
index 43a82480b9..79702068ab 100644
--- a/web/service/use-endpoints.ts
+++ b/web/service/use-endpoints.ts
@@ -1,4 +1,3 @@
-import { get, post } from './base'
 import type {
   EndpointsResponse,
 } from '@/app/components/plugins/types'
@@ -7,6 +6,7 @@ import {
   useQuery,
   useQueryClient,
 } from '@tanstack/react-query'
+import { get, post } from './base'
 
 const NAME_SPACE = 'endpoints'
 
@@ -29,7 +29,8 @@ export const useInvalidateEndpointList = () => {
     queryClient.invalidateQueries(
       {
         queryKey: [NAME_SPACE, 'list', pluginID],
-      })
+      },
+    )
   }
 }
 
diff --git a/web/service/use-explore.ts b/web/service/use-explore.ts
index b7d078edbc..6e57599b69 100644
--- a/web/service/use-explore.ts
+++ b/web/service/use-explore.ts
@@ -1,6 +1,6 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import { AccessMode } from '@/models/access-control'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { fetchInstalledAppList, getAppAccessModeByAppId, uninstallApp, updatePinStatus } from './explore'
 import { fetchAppMeta, fetchAppParams } from './share'
 
@@ -30,7 +30,7 @@ export const useUpdateAppPinStatus = () => {
   const client = useQueryClient()
   return useMutation({
     mutationKey: [NAME_SPACE, 'updateAppPinStatus'],
-    mutationFn: ({ appId, isPinned }: { appId: string; isPinned: boolean }) => updatePinStatus(appId, isPinned),
+    mutationFn: ({ appId, isPinned }: { appId: string, isPinned: boolean }) => updatePinStatus(appId, isPinned),
     onSuccess: () => {
       client.invalidateQueries({ queryKey: [NAME_SPACE, 'installedApps'] })
     },
diff --git a/web/service/use-flow.ts b/web/service/use-flow.ts
index 54820a8d1d..30bec6dd23 100644
--- a/web/service/use-flow.ts
+++ b/web/service/use-flow.ts
@@ -1,4 +1,5 @@
 import type { FlowType } from '@/types/common'
+import { curry } from 'lodash-es'
 import {
   useDeleteAllInspectorVars as useDeleteAllInspectorVarsInner,
   useDeleteInspectVar as useDeleteInspectVarInner,
@@ -9,7 +10,6 @@ import {
   useResetConversationVar as useResetConversationVarInner,
   useResetToLastRunValue as useResetToLastRunValueInner,
 } from './use-workflow'
-import { curry } from 'lodash-es'
 
 type Params = {
   flowType: FlowType
diff --git a/web/service/use-models.ts b/web/service/use-models.ts
index d6eb929646..d960bda33f 100644
--- a/web/service/use-models.ts
+++ b/web/service/use-models.ts
@@ -1,9 +1,3 @@
-import {
-  del,
-  get,
-  post,
-  put,
-} from './base'
 import type {
   ModelCredential,
   ModelItem,
@@ -16,6 +10,12 @@ import {
   useQuery,
   // useQueryClient,
 } from '@tanstack/react-query'
+import {
+  del,
+  get,
+  post,
+  put,
+} from './base'
 
 const NAME_SPACE = 'models'
 
diff --git a/web/service/use-oauth.ts b/web/service/use-oauth.ts
index d3860fe8d8..b55704e164 100644
--- a/web/service/use-oauth.ts
+++ b/web/service/use-oauth.ts
@@ -1,5 +1,5 @@
-import { post } from './base'
 import { useMutation, useQuery } from '@tanstack/react-query'
+import { post } from './base'
 
 const NAME_SPACE = 'oauth-provider'
 
diff --git a/web/service/use-pipeline.ts b/web/service/use-pipeline.ts
index 92a7542c56..c1abbb1984 100644
--- a/web/service/use-pipeline.ts
+++ b/web/service/use-pipeline.ts
@@ -1,7 +1,7 @@
 import type { MutationOptions } from '@tanstack/react-query'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { del, get, patch, post } from './base'
-import { DatasourceType } from '@/models/pipeline'
+import type { ToolCredential } from '@/app/components/tools/types'
+import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
+import type { IconInfo } from '@/models/datasets'
 import type {
   ConversionResponse,
   DatasourceNodeSingleRunRequest,
@@ -31,9 +31,9 @@ import type {
   UpdateTemplateInfoRequest,
   UpdateTemplateInfoResponse,
 } from '@/models/pipeline'
-import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
-import type { ToolCredential } from '@/app/components/tools/types'
-import type { IconInfo } from '@/models/datasets'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { DatasourceType } from '@/models/pipeline'
+import { del, get, patch, post } from './base'
 import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'pipeline'
@@ -248,7 +248,7 @@ export const useUpdateDataSourceCredentials = (
       pluginId,
       credentials,
       name,
-    }: { provider: string; pluginId: string; credentials: Record<string, any>; name: string; }) => {
+    }: { provider: string, pluginId: string, credentials: Record<string, any>, name: string }) => {
       return post('/auth/plugin/datasource', {
         body: {
           provider,
@@ -303,7 +303,7 @@ export const useExportPipelineDSL = () => {
     mutationFn: ({
       pipelineId,
       include = false,
-    }: { pipelineId: string; include?: boolean }) => {
+    }: { pipelineId: string, include?: boolean }) => {
       return get<ExportTemplateDSLResponse>(`/rag/pipelines/${pipelineId}/exports?include_secret=${include}`)
     },
   })
@@ -318,10 +318,10 @@ export const usePublishAsCustomizedPipeline = () => {
       icon_info,
       description,
     }: {
-      pipelineId: string,
-      name: string,
-      icon_info: IconInfo,
-      description?: string,
+      pipelineId: string
+      name: string
+      icon_info: IconInfo
+      description?: string
     }) => {
       return post(`/rag/pipelines/${pipelineId}/customized/publish`, {
         body: {
diff --git a/web/service/use-plugins-auth.ts b/web/service/use-plugins-auth.ts
index f2f3c5b532..3427fc7a6a 100644
--- a/web/service/use-plugins-auth.ts
+++ b/web/service/use-plugins-auth.ts
@@ -1,14 +1,14 @@
+import type { FormSchema } from '@/app/components/base/form/types'
+import type {
+  Credential,
+  CredentialTypeEnum,
+} from '@/app/components/plugins/plugin-auth/types'
 import {
   useMutation,
   useQuery,
 } from '@tanstack/react-query'
 import { del, get, post } from './base'
 import { useInvalid } from './use-base'
-import type {
-  Credential,
-  CredentialTypeEnum,
-} from '@/app/components/plugins/plugin-auth/types'
-import type { FormSchema } from '@/app/components/base/form/types'
 
 const NAME_SPACE = 'plugins-auth'
 
@@ -112,7 +112,8 @@ export const useGetPluginOAuthUrl = (
           authorization_url: string
           state: string
           context_id: string
-        }>(url)
+        }
+      >(url)
     },
   })
 }
diff --git a/web/service/use-plugins.ts b/web/service/use-plugins.ts
index 639d889fa0..58454125ed 100644
--- a/web/service/use-plugins.ts
+++ b/web/service/use-plugins.ts
@@ -1,50 +1,48 @@
-import { useCallback, useEffect, useState } from 'react'
+import type { MutateOptions, QueryOptions } from '@tanstack/react-query'
 import type {
   FormOption,
   ModelProvider,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { fetchModelProviderModelList } from '@/service/common'
-import { fetchPluginInfoFromMarketPlace } from '@/service/plugins'
+import type {
+  PluginsSearchParams,
+} from '@/app/components/plugins/marketplace/types'
 import type {
   DebugInfo as DebugInfoTypes,
   Dependency,
   GitHubItemAndMarketPlaceDependency,
-  InstallPackageResponse,
-  InstallStatusResponse,
   InstalledLatestVersionResponse,
   InstalledPluginListWithTotalResponse,
+  InstallPackageResponse,
+  InstallStatusResponse,
   PackageDependency,
   Plugin,
   PluginDeclaration,
   PluginDetail,
   PluginInfoFromMarketPlace,
-  PluginTask,
   PluginsFromMarketplaceByInfoResponse,
   PluginsFromMarketplaceResponse,
+  PluginTask,
   ReferenceSetting,
+  uploadGitHubResponse,
   VersionInfo,
   VersionListResponse,
-  uploadGitHubResponse,
 } from '@/app/components/plugins/types'
-import { TaskStatus } from '@/app/components/plugins/types'
-import { PluginCategoryEnum } from '@/app/components/plugins/types'
-import type {
-  PluginsSearchParams,
-} from '@/app/components/plugins/marketplace/types'
-import { get, getMarketplace, post, postMarketplace } from './base'
-import type { MutateOptions, QueryOptions } from '@tanstack/react-query'
 import {
   useInfiniteQuery,
   useMutation,
   useQuery,
   useQueryClient,
 } from '@tanstack/react-query'
-import { useInvalidateAllBuiltInTools } from './use-tools'
-import useReferenceSetting from '@/app/components/plugins/plugin-page/use-reference-setting'
-import { uninstallPlugin } from '@/service/plugins'
-import useRefreshPluginList from '@/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list'
 import { cloneDeep } from 'lodash-es'
+import { useCallback, useEffect, useState } from 'react'
+import useRefreshPluginList from '@/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list'
 import { getFormattedPlugin } from '@/app/components/plugins/marketplace/utils'
+import useReferenceSetting from '@/app/components/plugins/plugin-page/use-reference-setting'
+import { PluginCategoryEnum, TaskStatus } from '@/app/components/plugins/types'
+import { fetchModelProviderModelList } from '@/service/common'
+import { fetchPluginInfoFromMarketPlace, uninstallPlugin } from '@/service/plugins'
+import { get, getMarketplace, post, postMarketplace } from './base'
+import { useInvalidateAllBuiltInTools } from './use-tools'
 
 const NAME_SPACE = 'plugins'
 
@@ -53,7 +51,7 @@ export const useCheckInstalled = ({
   pluginIds,
   enabled,
 }: {
-  pluginIds: string[],
+  pluginIds: string[]
   enabled: boolean
 }) => {
   return useQuery<{ plugins: PluginDetail[] }>({
@@ -165,10 +163,12 @@ export const useInstalledPluginList = (disable?: boolean, pageSize = 100) => {
   const total = data?.pages[0].total ?? 0
 
   return {
-    data: disable ? undefined : {
-      plugins,
-      total,
-    },
+    data: disable
+      ? undefined
+      : {
+          plugins,
+          total,
+        },
     isLastPage: !hasNextPage,
     loadNextPage: () => {
       fetchNextPage()
@@ -200,7 +200,8 @@ export const useInvalidateInstalledPluginList = () => {
     queryClient.invalidateQueries(
       {
         queryKey: useInstalledPluginListKey,
-      })
+      },
+    )
     invalidateAllBuiltInTools()
   }
 }
@@ -300,8 +301,8 @@ export const useInstallOrUpdate = ({
 
   return useMutation({
     mutationFn: (data: {
-      payload: Dependency[],
-      plugin: Plugin[],
+      payload: Dependency[]
+      plugin: Plugin[]
       installedInfo: Record<string, VersionInfo>
     }) => {
       const { payload, plugin, installedInfo } = data
@@ -456,7 +457,8 @@ export const useInvalidateReferenceSettings = () => {
     queryClient.invalidateQueries(
       {
         queryKey: useReferenceSettingKey,
-      })
+      },
+    )
   }
 }
 
@@ -633,7 +635,7 @@ export const usePluginTaskList = (category?: PluginCategoryEnum | string) => {
 
 export const useMutationClearTaskPlugin = () => {
   return useMutation({
-    mutationFn: ({ taskId, pluginId }: { taskId: string; pluginId: string }) => {
+    mutationFn: ({ taskId, pluginId }: { taskId: string, pluginId: string }) => {
       const encodedPluginId = encodeURIComponent(pluginId)
       return post<{ success: boolean }>(`/workspaces/current/plugin/tasks/${taskId}/delete/${encodedPluginId}`)
     },
@@ -657,7 +659,7 @@ export const usePluginManifestInfo = (pluginUID: string) => {
   })
 }
 
-export const useDownloadPlugin = (info: { organization: string; pluginName: string; version: string }, needDownload: boolean) => {
+export const useDownloadPlugin = (info: { organization: string, pluginName: string, version: string }, needDownload: boolean) => {
   return useQuery({
     queryKey: [NAME_SPACE, 'downloadPlugin', info],
     queryFn: () => getMarketplace<Blob>(`/plugins/${info.organization}/${info.pluginName}/${info.version}/download`),
@@ -678,7 +680,8 @@ export const useModelInList = (currentProvider?: ModelProvider, modelId?: string
   return useQuery({
     queryKey: ['modelInList', currentProvider?.provider, modelId],
     queryFn: async () => {
-      if (!modelId || !currentProvider) return false
+      if (!modelId || !currentProvider)
+        return false
       try {
         const modelsData = await fetchModelProviderModelList(`/workspaces/current/model-providers/${currentProvider?.provider}/models`)
         return !!modelId && !!modelsData.data.find(item => item.model === modelId)
@@ -695,7 +698,8 @@ export const usePluginInfo = (providerName?: string) => {
   return useQuery({
     queryKey: ['pluginInfo', providerName],
     queryFn: async () => {
-      if (!providerName) return null
+      if (!providerName)
+        return null
       const parts = providerName.split('/')
       const org = parts[0]
       const name = parts[1]
diff --git a/web/service/use-strategy.ts b/web/service/use-strategy.ts
index af591ac019..b66a1e8b46 100644
--- a/web/service/use-strategy.ts
+++ b/web/service/use-strategy.ts
@@ -1,12 +1,12 @@
+import type { QueryOptions } from '@tanstack/react-query'
 import type {
   StrategyPluginDetail,
 } from '@/app/components/plugins/types'
-import { useInvalid } from './use-base'
-import type { QueryOptions } from '@tanstack/react-query'
 import {
   useQuery,
 } from '@tanstack/react-query'
 import { fetchStrategyDetail, fetchStrategyList } from './strategy'
+import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'agent_strategy'
 
diff --git a/web/service/use-tools.ts b/web/service/use-tools.ts
index 6ac57e84d3..49a28eba3c 100644
--- a/web/service/use-tools.ts
+++ b/web/service/use-tools.ts
@@ -1,19 +1,19 @@
-import { del, get, post, put } from './base'
+import type { QueryKey } from '@tanstack/react-query'
 import type {
   Collection,
   MCPServerDetail,
   Tool,
 } from '@/app/components/tools/types'
-import { CollectionType } from '@/app/components/tools/types'
 import type { RAGRecommendedPlugins, ToolWithProvider } from '@/app/components/workflow/types'
 import type { AppIconType } from '@/types/app'
-import { useInvalid } from './use-base'
-import type { QueryKey } from '@tanstack/react-query'
 import {
   useMutation,
   useQuery,
   useQueryClient,
 } from '@tanstack/react-query'
+import { CollectionType } from '@/app/components/tools/types'
+import { del, get, post, put } from './base'
+import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'tools'
 
@@ -160,8 +160,8 @@ export const useDeleteMCP = ({
 export const useAuthorizeMCP = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'authorize-mcp'],
-    mutationFn: (payload: { provider_id: string; }) => {
-      return post<{ result?: string; authorization_url?: string }>('/workspaces/current/tool-provider/mcp/auth', {
+    mutationFn: (payload: { provider_id: string }) => {
+      return post<{ result?: string, authorization_url?: string }>('/workspaces/current/tool-provider/mcp/auth', {
         body: payload,
       })
     },
@@ -171,7 +171,7 @@ export const useAuthorizeMCP = () => {
 export const useUpdateMCPAuthorizationToken = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'refresh-mcp-server-code'],
-    mutationFn: (payload: { provider_id: string; authorization_code: string }) => {
+    mutationFn: (payload: { provider_id: string, authorization_code: string }) => {
       return get<MCPServerDetail>('/workspaces/current/tool-provider/mcp/token', {
         params: {
           ...payload,
@@ -194,7 +194,8 @@ export const useInvalidateMCPTools = () => {
     queryClient.invalidateQueries(
       {
         queryKey: [NAME_SPACE, 'get-MCP-provider-tool', providerID],
-      })
+      },
+    )
   }
 }
 
@@ -217,7 +218,8 @@ export const useInvalidateMCPServerDetail = () => {
     queryClient.invalidateQueries(
       {
         queryKey: [NAME_SPACE, 'MCPServerDetail', appID],
-      })
+      },
+    )
   }
 }
 
@@ -281,7 +283,8 @@ export const useInvalidateBuiltinProviderInfo = () => {
     queryClient.invalidateQueries(
       {
         queryKey: [NAME_SPACE, 'builtin-provider-info', providerName],
-      })
+      },
+    )
   }
 }
 
diff --git a/web/service/use-triggers.ts b/web/service/use-triggers.ts
index 67522d2e55..c21d1aa979 100644
--- a/web/service/use-triggers.ts
+++ b/web/service/use-triggers.ts
@@ -1,5 +1,3 @@
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { del, get, post } from './base'
 import type {
   TriggerLogEntity,
   TriggerOAuthClientParams,
@@ -9,7 +7,9 @@ import type {
   TriggerSubscriptionBuilder,
   TriggerWithProvider,
 } from '@/app/components/workflow/block-selector/types'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { CollectionType } from '@/app/components/tools/types'
+import { del, get, post } from './base'
 import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'triggers'
@@ -274,7 +274,7 @@ export const useInitiateTriggerOAuth = () => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'initiate-oauth'],
     mutationFn: (provider: string) => {
-      return get<{ authorization_url: string; subscription_builder: TriggerSubscriptionBuilder }>(
+      return get<{ authorization_url: string, subscription_builder: TriggerSubscriptionBuilder }>(
         `/workspaces/current/trigger-provider/${provider}/subscriptions/oauth/authorize`,
         {},
         { silent: true },
@@ -292,9 +292,9 @@ export const useTriggerPluginDynamicOptions = (payload: {
   credential_id: string
   extra?: Record<string, any>
 }, enabled = true) => {
-  return useQuery<{ options: Array<{ value: string; label: any }> }>({
+  return useQuery<{ options: Array<{ value: string, label: any }> }>({
     queryKey: [NAME_SPACE, 'dynamic-options', payload.plugin_id, payload.provider, payload.action, payload.parameter, payload.credential_id, payload.extra],
-    queryFn: () => get<{ options: Array<{ value: string; label: any }> }>(
+    queryFn: () => get<{ options: Array<{ value: string, label: any }> }>(
       '/workspaces/current/plugin/parameters/dynamic-options',
       {
         params: {
diff --git a/web/service/use-workflow.ts b/web/service/use-workflow.ts
index 5da83be360..f5c3021c92 100644
--- a/web/service/use-workflow.ts
+++ b/web/service/use-workflow.ts
@@ -1,5 +1,5 @@
-import { del, get, patch, post, put } from './base'
-import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import type { CommonResponse } from '@/models/common'
+import type { FlowType } from '@/types/common'
 import type {
   FetchWorkflowDraftPageParams,
   FetchWorkflowDraftPageResponse,
@@ -10,9 +10,9 @@ import type {
   VarInInspect,
   WorkflowConfigResponse,
 } from '@/types/workflow'
-import type { CommonResponse } from '@/models/common'
+import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { del, get, patch, post, put } from './base'
 import { useInvalid, useReset } from './use-base'
-import type { FlowType } from '@/types/common'
 import { getFlowPrefix } from './utils'
 
 const NAME_SPACE = 'workflow'
@@ -31,7 +31,8 @@ export const useInvalidateAppWorkflow = () => {
     queryClient.invalidateQueries(
       {
         queryKey: [NAME_SPACE, 'publish', appID],
-      })
+      },
+    )
   }
 }
 
diff --git a/web/service/utils.spec.ts b/web/service/utils.spec.ts
index fc5385c309..212e3dccc3 100644
--- a/web/service/utils.spec.ts
+++ b/web/service/utils.spec.ts
@@ -1,3 +1,4 @@
+import { FlowType } from '@/types/common'
 /**
  * Test suite for service utility functions
  *
@@ -12,7 +13,6 @@
  * with a fallback to 'apps' for undefined or unknown flow types.
  */
 import { flowPrefixMap, getFlowPrefix } from './utils'
-import { FlowType } from '@/types/common'
 
 describe('Service Utils', () => {
   describe('flowPrefixMap', () => {
diff --git a/web/service/workflow-payload.ts b/web/service/workflow-payload.ts
index b80c4a3731..b294141cb7 100644
--- a/web/service/workflow-payload.ts
+++ b/web/service/workflow-payload.ts
@@ -1,8 +1,8 @@
-import { produce } from 'immer'
-import type { Edge, Node } from '@/app/components/workflow/types'
-import { BlockEnum } from '@/app/components/workflow/types'
 import type { PluginTriggerNodeType } from '@/app/components/workflow/nodes/trigger-plugin/types'
+import type { Edge, Node } from '@/app/components/workflow/types'
 import type { FetchWorkflowDraftResponse } from '@/types/workflow'
+import { produce } from 'immer'
+import { BlockEnum } from '@/app/components/workflow/types'
 
 export type TriggerPluginNodePayload = {
   title: string
diff --git a/web/service/workflow.ts b/web/service/workflow.ts
index 654fe3d01a..96af869ba5 100644
--- a/web/service/workflow.ts
+++ b/web/service/workflow.ts
@@ -1,16 +1,16 @@
 import type { Fetcher } from 'swr'
-import { get, post } from './base'
+import type { BlockEnum } from '@/app/components/workflow/types'
 import type { CommonResponse } from '@/models/common'
+import type { FlowType } from '@/types/common'
 import type {
   ChatRunHistoryResponse,
   ConversationVariableResponse,
   FetchWorkflowDraftResponse,
   NodesDefaultConfigsResponse,
+  VarInInspect,
   WorkflowRunHistoryResponse,
 } from '@/types/workflow'
-import type { BlockEnum } from '@/app/components/workflow/types'
-import type { VarInInspect } from '@/types/workflow'
-import type { FlowType } from '@/types/common'
+import { get, post } from './base'
 import { getFlowPrefix } from './utils'
 
 export const fetchWorkflowDraft = (url: string) => {
@@ -21,7 +21,7 @@ export const syncWorkflowDraft = ({ url, params }: {
   url: string
   params: Pick<FetchWorkflowDraftResponse, 'graph' | 'features' | 'environment_variables' | 'conversation_variables'>
 }) => {
-  return post<CommonResponse & { updated_at: number; hash: string }>(url, { body: params }, { silent: true })
+  return post<CommonResponse & { updated_at: number, hash: string }>(url, { body: params }, { silent: true })
 }
 
 export const fetchNodesDefaultConfigs: Fetcher<NodesDefaultConfigsResponse, string> = (url) => {
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index a9959e7b76..3cb71081da 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -1,5 +1,6 @@
 // import type { Config } from 'tailwindcss'
 import commonConfig from './tailwind-common-config'
+
 const config = {
   content: [
     './app/**/*.{js,ts,jsx,tsx}',
diff --git a/web/testing/analyze-component.js b/web/testing/analyze-component.js
index f9414d9a74..3f70f3d1ec 100755
--- a/web/testing/analyze-component.js
+++ b/web/testing/analyze-component.js
@@ -3,9 +3,9 @@
 import { spawnSync } from 'node:child_process'
 import fs from 'node:fs'
 import path from 'node:path'
+import tsParser from '@typescript-eslint/parser'
 import { Linter } from 'eslint'
 import sonarPlugin from 'eslint-plugin-sonarjs'
-import tsParser from '@typescript-eslint/parser'
 
 // ============================================================================
 // Simple Analyzer
@@ -47,7 +47,7 @@ class ComponentAnalyzer {
       hasImperativeHandle: code.includes('useImperativeHandle'),
       hasSWR: code.includes('useSWR'),
       hasReactQuery: code.includes('useQuery') || code.includes('useMutation'),
-      hasAhooks: code.includes("from 'ahooks'"),
+      hasAhooks: code.includes('from \'ahooks\''),
       complexity,
       maxComplexity,
       rawComplexity,
@@ -60,17 +60,27 @@ class ComponentAnalyzer {
 
   detectType(filePath, code) {
     const normalizedPath = filePath.replace(/\\/g, '/')
-    if (normalizedPath.includes('/hooks/')) return 'hook'
-    if (normalizedPath.includes('/utils/')) return 'util'
-    if (/\/page\.(t|j)sx?$/.test(normalizedPath)) return 'page'
-    if (/\/layout\.(t|j)sx?$/.test(normalizedPath)) return 'layout'
-    if (/\/providers?\//.test(normalizedPath)) return 'provider'
+    if (normalizedPath.includes('/hooks/'))
+      return 'hook'
+    if (normalizedPath.includes('/utils/'))
+      return 'util'
+    if (/\/page\.(t|j)sx?$/.test(normalizedPath))
+      return 'page'
+    if (/\/layout\.(t|j)sx?$/.test(normalizedPath))
+      return 'layout'
+    if (/\/providers?\//.test(normalizedPath))
+      return 'provider'
     // Dify-specific types
-    if (normalizedPath.includes('/components/base/')) return 'base-component'
-    if (normalizedPath.includes('/context/')) return 'context'
-    if (normalizedPath.includes('/store/')) return 'store'
-    if (normalizedPath.includes('/service/')) return 'service'
-    if (/use[A-Z]\w+/.test(code)) return 'component'
+    if (normalizedPath.includes('/components/base/'))
+      return 'base-component'
+    if (normalizedPath.includes('/context/'))
+      return 'context'
+    if (normalizedPath.includes('/store/'))
+      return 'store'
+    if (normalizedPath.includes('/service/'))
+      return 'service'
+    if (/use[A-Z]\w+/.test(code))
+      return 'component'
     return 'component'
   }
 
@@ -112,7 +122,7 @@ class ComponentAnalyzer {
         msg => msg.ruleId === 'sonarjs/cognitive-complexity'
           && msg.messageId === 'fileComplexity',
       )
-      const total = totalMsg ? parseInt(totalMsg.message, 10) : 0
+      const total = totalMsg ? Number.parseInt(totalMsg.message, 10) : 0
 
       // Get max function complexity by analyzing each function
       const maxConfig = {
@@ -127,7 +137,7 @@ class ComponentAnalyzer {
         if (msg.ruleId === 'sonarjs/cognitive-complexity') {
           const match = msg.message.match(complexityPattern)
           if (match && match[1])
-            max = Math.max(max, parseInt(match[1], 10))
+            max = Math.max(max, Number.parseInt(match[1], 10))
         }
       })
 
@@ -182,10 +192,12 @@ class ComponentAnalyzer {
         searchName = path.basename(parentDir)
       }
 
-      if (!searchName) return 0
+      if (!searchName)
+        return 0
 
       const searchRoots = this.collectSearchRoots(resolvedComponentPath)
-      if (searchRoots.length === 0) return 0
+      if (searchRoots.length === 0)
+        return 0
 
       const escapedName = ComponentAnalyzer.escapeRegExp(searchName)
       const patterns = [
@@ -201,29 +213,34 @@ class ComponentAnalyzer {
       const stack = [...searchRoots]
       while (stack.length > 0) {
         const currentDir = stack.pop()
-        if (!currentDir || visited.has(currentDir)) continue
+        if (!currentDir || visited.has(currentDir))
+          continue
         visited.add(currentDir)
 
         const entries = fs.readdirSync(currentDir, { withFileTypes: true })
 
-        entries.forEach(entry => {
+        entries.forEach((entry) => {
           const entryPath = path.join(currentDir, entry.name)
 
           if (entry.isDirectory()) {
-            if (this.shouldSkipDir(entry.name)) return
+            if (this.shouldSkipDir(entry.name))
+              return
             stack.push(entryPath)
             return
           }
 
-          if (!this.shouldInspectFile(entry.name)) return
+          if (!this.shouldInspectFile(entry.name))
+            return
 
           const normalizedEntryPath = path.resolve(entryPath)
-          if (normalizedEntryPath === path.resolve(resolvedComponentPath)) return
+          if (normalizedEntryPath === path.resolve(resolvedComponentPath))
+            return
 
           const source = fs.readFileSync(entryPath, 'utf-8')
-          if (!source.includes(searchName)) return
+          if (!source.includes(searchName))
+            return
 
-          if (patterns.some(pattern => {
+          if (patterns.some((pattern) => {
             pattern.lastIndex = 0
             return pattern.test(source)
           })) {
@@ -252,7 +269,8 @@ class ComponentAnalyzer {
         break
       }
 
-      if (currentDir === workspaceRoot) break
+      if (currentDir === workspaceRoot)
+        break
       currentDir = path.dirname(currentDir)
     }
 
@@ -262,8 +280,9 @@ class ComponentAnalyzer {
       path.join(workspaceRoot, 'src'),
     ]
 
-    fallbackRoots.forEach(root => {
-      if (fs.existsSync(root) && fs.statSync(root).isDirectory()) roots.add(root)
+    fallbackRoots.forEach((root) => {
+      if (fs.existsSync(root) && fs.statSync(root).isDirectory())
+        roots.add(root)
     })
 
     return Array.from(roots)
@@ -286,10 +305,14 @@ class ComponentAnalyzer {
 
   shouldInspectFile(fileName) {
     const normalized = fileName.toLowerCase()
-    if (!(/\.(ts|tsx)$/i.test(fileName))) return false
-    if (normalized.endsWith('.d.ts')) return false
-    if (/\.(spec|test)\.(ts|tsx)$/.test(normalized)) return false
-    if (normalized.endsWith('.stories.tsx')) return false
+    if (!(/\.(ts|tsx)$/i.test(fileName)))
+      return false
+    if (normalized.endsWith('.d.ts'))
+      return false
+    if (/\.(spec|test)\.(ts|tsx)$/.test(normalized))
+      return false
+    if (normalized.endsWith('.stories.tsx'))
+      return false
     return true
   }
 
@@ -341,9 +364,12 @@ class ComponentAnalyzer {
    * Get priority level based on score (0-100 scale)
    */
   getPriorityLevel(score) {
-    if (score > 75) return '🔴 CRITICAL'
-    if (score > 50) return '🟠 HIGH'
-    if (score > 25) return '🟡 MEDIUM'
+    if (score > 75)
+      return '🔴 CRITICAL'
+    if (score > 50)
+      return '🟠 HIGH'
+    if (score > 25)
+      return '🟡 MEDIUM'
     return '🟢 LOW'
   }
 }
@@ -420,27 +446,42 @@ Create the test file at: ${testPath}
 
   getComplexityLevel(score) {
     // Normalized complexity thresholds (0-100 scale)
-    if (score <= 25) return '🟢 Simple'
-    if (score <= 50) return '🟡 Medium'
-    if (score <= 75) return '🟠 Complex'
+    if (score <= 25)
+      return '🟢 Simple'
+    if (score <= 50)
+      return '🟡 Medium'
+    if (score <= 75)
+      return '🟠 Complex'
     return '🔴 Very Complex'
   }
 
   buildFocusPoints(analysis) {
     const points = []
 
-    if (analysis.hasState) points.push('- Testing state management and updates')
-    if (analysis.hasEffects) points.push('- Testing side effects and cleanup')
-    if (analysis.hasCallbacks) points.push('- Testing callback stability and memoization')
-    if (analysis.hasMemo) points.push('- Testing memoization logic and dependencies')
-    if (analysis.hasEvents) points.push('- Testing user interactions and event handlers')
-    if (analysis.hasRouter) points.push('- Mocking Next.js router hooks')
-    if (analysis.hasAPI) points.push('- Mocking API calls')
-    if (analysis.hasForwardRef) points.push('- Testing ref forwarding behavior')
-    if (analysis.hasComponentMemo) points.push('- Testing component memoization')
-    if (analysis.hasSuspense) points.push('- Testing Suspense boundaries and lazy loading')
-    if (analysis.hasPortal) points.push('- Testing Portal rendering')
-    if (analysis.hasImperativeHandle) points.push('- Testing imperative handle methods')
+    if (analysis.hasState)
+      points.push('- Testing state management and updates')
+    if (analysis.hasEffects)
+      points.push('- Testing side effects and cleanup')
+    if (analysis.hasCallbacks)
+      points.push('- Testing callback stability and memoization')
+    if (analysis.hasMemo)
+      points.push('- Testing memoization logic and dependencies')
+    if (analysis.hasEvents)
+      points.push('- Testing user interactions and event handlers')
+    if (analysis.hasRouter)
+      points.push('- Mocking Next.js router hooks')
+    if (analysis.hasAPI)
+      points.push('- Mocking API calls')
+    if (analysis.hasForwardRef)
+      points.push('- Testing ref forwarding behavior')
+    if (analysis.hasComponentMemo)
+      points.push('- Testing component memoization')
+    if (analysis.hasSuspense)
+      points.push('- Testing Suspense boundaries and lazy loading')
+    if (analysis.hasPortal)
+      points.push('- Testing Portal rendering')
+    if (analysis.hasImperativeHandle)
+      points.push('- Testing imperative handle methods')
     points.push('- Testing edge cases and error handling')
     points.push('- Testing all prop variations')
 
@@ -524,9 +565,12 @@ Create the test file at: ${testPath}
     // ===== Performance Optimization =====
     if (analysis.hasCallbacks || analysis.hasMemo || analysis.hasComponentMemo) {
       const features = []
-      if (analysis.hasCallbacks) features.push('useCallback')
-      if (analysis.hasMemo) features.push('useMemo')
-      if (analysis.hasComponentMemo) features.push('React.memo')
+      if (analysis.hasCallbacks)
+        features.push('useCallback')
+      if (analysis.hasMemo)
+        features.push('useMemo')
+      if (analysis.hasComponentMemo)
+        features.push('React.memo')
 
       guidelines.push(`🚀 Performance optimization (${features.join(', ')}):`)
       guidelines.push('   - Verify callbacks maintain referential equality')
@@ -689,12 +733,14 @@ Output format:
 function extractCopyContent(prompt) {
   const marker = '📋 PROMPT FOR AI ASSISTANT'
   const markerIndex = prompt.indexOf(marker)
-  if (markerIndex === -1) return ''
+  if (markerIndex === -1)
+    return ''
 
   const section = prompt.slice(markerIndex)
   const lines = section.split('\n')
   const firstDivider = lines.findIndex(line => line.includes('━━━━━━━━'))
-  if (firstDivider === -1) return ''
+  if (firstDivider === -1)
+    return ''
 
   const startIdx = firstDivider + 1
   let endIdx = lines.length
@@ -706,7 +752,8 @@ function extractCopyContent(prompt) {
     }
   }
 
-  if (startIdx >= endIdx) return ''
+  if (startIdx >= endIdx)
+    return ''
 
   return lines.slice(startIdx, endIdx).join('\n').trim()
 }
@@ -722,8 +769,13 @@ function extractCopyContent(prompt) {
 function resolveDirectoryEntry(absolutePath, componentPath) {
   // Entry files in priority order: index files first, then common entry files
   const entryFiles = [
-    'index.tsx', 'index.ts', // Priority 1: index files
-    'node.tsx', 'panel.tsx', 'component.tsx', 'main.tsx', 'container.tsx', // Priority 2: common entry files
+    'index.tsx',
+    'index.ts', // Priority 1: index files
+    'node.tsx',
+    'panel.tsx',
+    'component.tsx',
+    'main.tsx',
+    'container.tsx', // Priority 2: common entry files
   ]
   for (const entryFile of entryFiles) {
     const entryPath = path.join(absolutePath, entryFile)
@@ -752,9 +804,12 @@ function listAnalyzableFiles(dirPath) {
         const priority = ['index.tsx', 'index.ts', 'node.tsx', 'panel.tsx', 'component.tsx', 'main.tsx', 'container.tsx']
         const aIdx = priority.indexOf(a)
         const bIdx = priority.indexOf(b)
-        if (aIdx !== -1 && bIdx !== -1) return aIdx - bIdx
-        if (aIdx !== -1) return -1
-        if (bIdx !== -1) return 1
+        if (aIdx !== -1 && bIdx !== -1)
+          return aIdx - bIdx
+        if (aIdx !== -1)
+          return -1
+        if (bIdx !== -1)
+          return 1
         return a.localeCompare(b)
       })
   }
@@ -797,7 +852,7 @@ function main() {
   let isJsonMode = false
   const args = []
 
-  rawArgs.forEach(arg => {
+  rawArgs.forEach((arg) => {
     if (arg === '--review') {
       isReviewMode = true
       return
@@ -949,9 +1004,11 @@ This component is too complex to test effectively. Please consider:
 
   try {
     const checkPbcopy = spawnSync('which', ['pbcopy'], { stdio: 'pipe' })
-    if (checkPbcopy.status !== 0) return
+    if (checkPbcopy.status !== 0)
+      return
     const copyContent = extractCopyContent(prompt)
-    if (!copyContent) return
+    if (!copyContent)
+      return
 
     const result = spawnSync('pbcopy', [], {
       input: copyContent,
@@ -973,7 +1030,8 @@ This component is too complex to test effectively. Please consider:
 
 function inferTestPath(componentPath) {
   const ext = path.extname(componentPath)
-  if (!ext) return `${componentPath}.spec.ts`
+  if (!ext)
+    return `${componentPath}.spec.ts`
   return componentPath.replace(ext, `.spec${ext}`)
 }
 
diff --git a/web/testing/testing.md b/web/testing/testing.md
index 78af5375d9..a2c8399d45 100644
--- a/web/testing/testing.md
+++ b/web/testing/testing.md
@@ -266,8 +266,8 @@ const mockGithubStar = (status: number, body: Record<string, unknown>, delayMs =
 
 ### Example Structure
 
-```typescript
-import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+```tsx
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import Component from './index'
 
 // ✅ Import real project components (DO NOT mock these)
@@ -286,18 +286,18 @@ let mockSharedState = false
 
 describe('ComponentName', () => {
   beforeEach(() => {
-    vi.clearAllMocks()  // ✅ Reset mocks before each test
-    mockSharedState = false  // ✅ Reset shared state if used in mocks
+    vi.clearAllMocks() // ✅ Reset mocks before each test
+    mockSharedState = false // ✅ Reset shared state if used in mocks
   })
 
   describe('Rendering', () => {
     it('should render without crashing', () => {
       // Arrange
       const props = { title: 'Test' }
-      
+
       // Act
       render(<Component {...props} />)
-      
+
       // Assert
       expect(screen.getByText('Test')).toBeInTheDocument()
     })
@@ -307,9 +307,9 @@ describe('ComponentName', () => {
     it('should handle click events', () => {
       const handleClick = vi.fn()
       render(<Component onClick={handleClick} />)
-      
+
       fireEvent.click(screen.getByRole('button'))
-      
+
       expect(handleClick).toHaveBeenCalledTimes(1)
     })
   })
@@ -348,26 +348,27 @@ describe('ComponentName', () => {
 
 1. **Example - Correct mock with conditional rendering**:
 
-```typescript
+```tsx
 // ✅ CORRECT: Matches actual component behavior
 let mockPortalOpenState = false
 
 vi.mock('@/app/components/base/portal-to-follow-elem', () => ({
   PortalToFollowElem: ({ children, open, ...props }: any) => {
-    mockPortalOpenState = open || false  // Update shared state
+    mockPortalOpenState = open || false // Update shared state
     return <div data-open={open}>{children}</div>
   },
   PortalToFollowElemContent: ({ children }: any) => {
     // ✅ Matches actual: returns null when open is false
-    if (!mockPortalOpenState) return null
+    if (!mockPortalOpenState)
+      return null
     return <div>{children}</div>
   },
 }))
 
 describe('Component', () => {
   beforeEach(() => {
-    vi.clearAllMocks()  // ✅ Reset mock call history
-    mockPortalOpenState = false  // ✅ Reset shared state
+    vi.clearAllMocks() // ✅ Reset mock call history
+    mockPortalOpenState = false // ✅ Reset shared state
   })
 })
 ```
diff --git a/web/tsconfig.json b/web/tsconfig.json
index d2ba8e7bc1..78c5930aa2 100644
--- a/web/tsconfig.json
+++ b/web/tsconfig.json
@@ -1,29 +1,15 @@
 {
   "compilerOptions": {
+    "incremental": true,
     "target": "es2015",
+    "jsx": "preserve",
     "lib": [
       "dom",
       "dom.iterable",
       "esnext"
     ],
-    "types": ["vitest/globals", "node"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
     "module": "esnext",
     "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
     "paths": {
       "@/*": [
         "./*"
@@ -31,7 +17,21 @@
       "~@/*": [
         "./*"
       ]
-    }
+    },
+    "resolveJsonModule": true,
+    "types": ["vitest/globals", "node"],
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
   "include": [
     "next-env.d.ts",
diff --git a/web/types/app.ts b/web/types/app.ts
index 73e11d396a..eb1b29bb60 100644
--- a/web/types/app.ts
+++ b/web/types/app.ts
@@ -1,14 +1,14 @@
-import type { AnnotationReplyConfig, ChatPromptConfig, CompletionPromptConfig, DatasetConfigs, PromptMode } from '@/models/debug'
-import type { CollectionType } from '@/app/components/tools/types'
-import type { LanguagesSupported } from '@/i18n-config/language'
 import type { Tag } from '@/app/components/base/tag-management/constant'
+import type { CollectionType } from '@/app/components/tools/types'
+import type { UploadFileSetting } from '@/app/components/workflow/types'
+import type { LanguagesSupported } from '@/i18n-config/language'
+import type { AccessMode } from '@/models/access-control'
+import type { ExternalDataTool } from '@/models/common'
 import type {
   RerankingModeEnum,
   WeightedScoreEnum,
 } from '@/models/datasets'
-import type { UploadFileSetting } from '@/app/components/workflow/types'
-import type { AccessMode } from '@/models/access-control'
-import type { ExternalDataTool } from '@/models/common'
+import type { AnnotationReplyConfig, ChatPromptConfig, CompletionPromptConfig, DatasetConfigs, PromptMode } from '@/models/debug'
 
 export enum Theme {
   light = 'light',
@@ -274,9 +274,10 @@ export type SiteConfig = {
   title: string
   /** Application Description will be shown in the Client  */
   description: string
-  /** Define the color in hex for different elements of the chatbot, such as:
+  /**
+   * Define the color in hex for different elements of the chatbot, such as:
    * The header, the button , etc.
-    */
+   */
   chat_color_theme: string
   /** Invert the color of the theme set in chat_color_theme */
   chat_color_theme_inverted: boolean
@@ -328,12 +329,12 @@ export type App = {
   /** Description */
   description: string
   /** Author Name */
-  author_name: string;
+  author_name: string
 
   /**
    * Icon Type
    * @default 'emoji'
-  */
+   */
   icon_type: AppIconType | null
   /** Icon, stores file ID if icon_type is 'image' */
   icon: string
@@ -375,7 +376,7 @@ export type App = {
     updated_at: number
     updated_by?: string
   }
-  deleted_tools?: Array<{ id: string; tool_name: string }>
+  deleted_tools?: Array<{ id: string, tool_name: string }>
   /** access control */
   access_mode: AccessMode
   max_active_requests?: number | null
diff --git a/web/types/feature.ts b/web/types/feature.ts
index 6c3bb29201..4f8d92a774 100644
--- a/web/types/feature.ts
+++ b/web/types/feature.ts
@@ -27,9 +27,9 @@ type License = {
 
 export type SystemFeatures = {
   plugin_installation_permission: {
-    plugin_installation_scope: InstallationScope,
+    plugin_installation_scope: InstallationScope
     restrict_to_marketplace_only: boolean
-  },
+  }
   sso_enforced_for_signin: boolean
   sso_enforced_for_signin_protocol: SSOProtocol | ''
   sso_enforced_for_web: boolean
diff --git a/web/types/i18n.d.ts b/web/types/i18n.d.ts
index 826fcc1613..b5e5b39aa7 100644
--- a/web/types/i18n.d.ts
+++ b/web/types/i18n.d.ts
@@ -38,45 +38,45 @@ type WorkflowMessages = typeof import('../i18n/en-US/workflow').default
 
 // Complete type structure that matches i18next-config.ts camelCase conversion
 export type Messages = {
-  appAnnotation: AppAnnotationMessages;
-  appApi: AppApiMessages;
-  appDebug: AppDebugMessages;
-  appLog: AppLogMessages;
-  appOverview: AppOverviewMessages;
-  app: AppMessages;
-  billing: BillingMessages;
-  common: CommonMessages;
-  custom: CustomMessages;
-  datasetCreation: DatasetCreationMessages;
-  datasetDocuments: DatasetDocumentsMessages;
-  datasetHitTesting: DatasetHitTestingMessages;
-  datasetPipeline: DatasetPipelineMessages;
-  datasetSettings: DatasetSettingsMessages;
-  dataset: DatasetMessages;
-  education: EducationMessages;
-  explore: ExploreMessages;
-  layout: LayoutMessages;
-  login: LoginMessages;
-  oauth: OauthMessages;
-  pipeline: PipelineMessages;
-  pluginTags: PluginTagsMessages;
-  pluginTrigger: PluginTriggerMessages;
-  plugin: PluginMessages;
-  register: RegisterMessages;
-  runLog: RunLogMessages;
-  share: ShareMessages;
-  time: TimeMessages;
-  tools: ToolsMessages;
-  workflow: WorkflowMessages;
+  appAnnotation: AppAnnotationMessages
+  appApi: AppApiMessages
+  appDebug: AppDebugMessages
+  appLog: AppLogMessages
+  appOverview: AppOverviewMessages
+  app: AppMessages
+  billing: BillingMessages
+  common: CommonMessages
+  custom: CustomMessages
+  datasetCreation: DatasetCreationMessages
+  datasetDocuments: DatasetDocumentsMessages
+  datasetHitTesting: DatasetHitTestingMessages
+  datasetPipeline: DatasetPipelineMessages
+  datasetSettings: DatasetSettingsMessages
+  dataset: DatasetMessages
+  education: EducationMessages
+  explore: ExploreMessages
+  layout: LayoutMessages
+  login: LoginMessages
+  oauth: OauthMessages
+  pipeline: PipelineMessages
+  pluginTags: PluginTagsMessages
+  pluginTrigger: PluginTriggerMessages
+  plugin: PluginMessages
+  register: RegisterMessages
+  runLog: RunLogMessages
+  share: ShareMessages
+  time: TimeMessages
+  tools: ToolsMessages
+  workflow: WorkflowMessages
 }
 
 // Utility type to flatten nested object keys into dot notation
 type FlattenKeys<T> = T extends object
   ? {
-    [K in keyof T]: T[K] extends object
-      ? `${K & string}.${FlattenKeys<T[K]> & string}`
-      : `${K & string}`
-  }[keyof T]
+      [K in keyof T]: T[K] extends object
+        ? `${K & string}.${FlattenKeys<T[K]> & string}`
+        : `${K & string}`
+    }[keyof T]
   : never
 
 export type ValidTranslationKeys = FlattenKeys<Messages>
@@ -84,19 +84,19 @@ export type ValidTranslationKeys = FlattenKeys<Messages>
 // Extend react-i18next with Dify's type structure
 declare module 'react-i18next' {
   type CustomTypeOptions = {
-    defaultNS: 'translation';
+    defaultNS: 'translation'
     resources: {
-      translation: Messages;
-    };
+      translation: Messages
+    }
   }
 }
 
 // Extend i18next for complete type safety
 declare module 'i18next' {
   type CustomTypeOptions = {
-    defaultNS: 'translation';
+    defaultNS: 'translation'
     resources: {
-      translation: Messages;
-    };
+      translation: Messages
+    }
   }
 }
diff --git a/web/types/react-18-input-autosize.d.ts b/web/types/react-18-input-autosize.d.ts
index 0864b33e6a..c8eae58efb 100644
--- a/web/types/react-18-input-autosize.d.ts
+++ b/web/types/react-18-input-autosize.d.ts
@@ -1,5 +1,5 @@
 declare module 'react-18-input-autosize' {
-  import type { CSSProperties, ChangeEvent, FocusEvent, KeyboardEvent } from 'react'
+  import type { ChangeEvent, CSSProperties, FocusEvent, KeyboardEvent } from 'react'
 
   export type AutosizeInputProps = {
     value?: string | number
diff --git a/web/types/workflow.ts b/web/types/workflow.ts
index efeb53185a..5f74ef2c12 100644
--- a/web/types/workflow.ts
+++ b/web/types/workflow.ts
@@ -1,26 +1,26 @@
-import type { Viewport } from 'reactflow'
-import type { BlockEnum, CommonNodeType, ConversationVariable, Edge, EnvironmentVariable, InputVar, Node, ValueSelector, VarType, Variable } from '@/app/components/workflow/types'
-import type { TransferMethod } from '@/types/app'
-import type { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
-import type { RAGPipelineVariables } from '@/models/pipeline'
-import type { BeforeRunFormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form'
-import type { SpecialResultPanelProps } from '@/app/components/workflow/run/special-result-panel'
 import type { RefObject } from 'react'
+import type { Viewport } from 'reactflow'
+import type { BeforeRunFormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form'
+import type { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
+import type { SpecialResultPanelProps } from '@/app/components/workflow/run/special-result-panel'
+import type { BlockEnum, CommonNodeType, ConversationVariable, Edge, EnvironmentVariable, InputVar, Node, ValueSelector, Variable, VarType } from '@/app/components/workflow/types'
+import type { RAGPipelineVariables } from '@/models/pipeline'
+import type { TransferMethod } from '@/types/app'
 
 export type AgentLogItem = {
-  node_execution_id: string,
-  message_id: string,
-  node_id: string,
-  parent_id?: string,
-  label: string,
-  data: object, // debug data
-  error?: string,
-  status: string,
+  node_execution_id: string
+  message_id: string
+  node_id: string
+  parent_id?: string
+  label: string
+  data: object // debug data
+  error?: string
+  status: string
   metadata?: {
     elapsed_time?: number
     provider?: string
     icon?: string
-  },
+  }
 }
 
 export type AgentLogItemWithChildren = AgentLogItem & {
@@ -126,7 +126,7 @@ export type FetchWorkflowDraftResponse = {
     id: string
     name: string
     email: string
-  },
+  }
   tool_published: boolean
   environment_variables?: EnvironmentVariable[]
   conversation_variables?: ConversationVariable[]
@@ -337,7 +337,7 @@ export type NodesDefaultConfigsResponse = {
 }[]
 
 export type ConversationVariableResponse = {
-  data: (ConversationVariable & { updated_at: number; created_at: number })[]
+  data: (ConversationVariable & { updated_at: number, created_at: number })[]
   has_more: boolean
   limit: number
   total: number
diff --git a/web/utils/app-redirection.spec.ts b/web/utils/app-redirection.spec.ts
index 00aada9e53..ab790b1acc 100644
--- a/web/utils/app-redirection.spec.ts
+++ b/web/utils/app-redirection.spec.ts
@@ -12,43 +12,43 @@ describe('app-redirection', () => {
    * - App mode (workflow, advanced-chat, chat, completion, agent-chat)
    */
   describe('getRedirectionPath', () => {
-    test('returns overview path when user is not editor', () => {
+    it('returns overview path when user is not editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.CHAT }
       const result = getRedirectionPath(false, app)
       expect(result).toBe('/app/app-123/overview')
     })
 
-    test('returns workflow path for workflow mode when user is editor', () => {
+    it('returns workflow path for workflow mode when user is editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.WORKFLOW }
       const result = getRedirectionPath(true, app)
       expect(result).toBe('/app/app-123/workflow')
     })
 
-    test('returns workflow path for advanced-chat mode when user is editor', () => {
+    it('returns workflow path for advanced-chat mode when user is editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.ADVANCED_CHAT }
       const result = getRedirectionPath(true, app)
       expect(result).toBe('/app/app-123/workflow')
     })
 
-    test('returns configuration path for chat mode when user is editor', () => {
+    it('returns configuration path for chat mode when user is editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.CHAT }
       const result = getRedirectionPath(true, app)
       expect(result).toBe('/app/app-123/configuration')
     })
 
-    test('returns configuration path for completion mode when user is editor', () => {
+    it('returns configuration path for completion mode when user is editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.COMPLETION }
       const result = getRedirectionPath(true, app)
       expect(result).toBe('/app/app-123/configuration')
     })
 
-    test('returns configuration path for agent-chat mode when user is editor', () => {
+    it('returns configuration path for agent-chat mode when user is editor', () => {
       const app = { id: 'app-456', mode: AppModeEnum.AGENT_CHAT }
       const result = getRedirectionPath(true, app)
       expect(result).toBe('/app/app-456/configuration')
     })
 
-    test('handles different app IDs', () => {
+    it('handles different app IDs', () => {
       const app1 = { id: 'abc-123', mode: AppModeEnum.CHAT }
       const app2 = { id: 'xyz-789', mode: AppModeEnum.WORKFLOW }
 
@@ -64,7 +64,7 @@ describe('app-redirection', () => {
     /**
      * Tests that the redirection function is called with the correct path
      */
-    test('calls redirection function with correct path for non-editor', () => {
+    it('calls redirection function with correct path for non-editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.CHAT }
       const mockRedirect = vi.fn()
 
@@ -74,7 +74,7 @@ describe('app-redirection', () => {
       expect(mockRedirect).toHaveBeenCalledTimes(1)
     })
 
-    test('calls redirection function with workflow path for editor', () => {
+    it('calls redirection function with workflow path for editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.WORKFLOW }
       const mockRedirect = vi.fn()
 
@@ -84,7 +84,7 @@ describe('app-redirection', () => {
       expect(mockRedirect).toHaveBeenCalledTimes(1)
     })
 
-    test('calls redirection function with configuration path for chat mode editor', () => {
+    it('calls redirection function with configuration path for chat mode editor', () => {
       const app = { id: 'app-123', mode: AppModeEnum.CHAT }
       const mockRedirect = vi.fn()
 
@@ -94,7 +94,7 @@ describe('app-redirection', () => {
       expect(mockRedirect).toHaveBeenCalledTimes(1)
     })
 
-    test('works with different redirection functions', () => {
+    it('works with different redirection functions', () => {
       const app = { id: 'app-123', mode: AppModeEnum.WORKFLOW }
       const paths: string[] = []
       const customRedirect = (path: string) => paths.push(path)
diff --git a/web/utils/classnames.spec.ts b/web/utils/classnames.spec.ts
index a1481e9e49..1b8f487856 100644
--- a/web/utils/classnames.spec.ts
+++ b/web/utils/classnames.spec.ts
@@ -13,7 +13,7 @@ describe('classnames', () => {
    * - Falsy value filtering
    * - Object-based conditional classes
    */
-  test('classnames libs feature', () => {
+  it('classnames libs feature', () => {
     expect(cn('foo')).toBe('foo')
     expect(cn('foo', 'bar')).toBe('foo bar')
     expect(cn(['foo', 'bar'])).toBe('foo bar')
@@ -37,7 +37,7 @@ describe('classnames', () => {
    * - Custom color classes
    * - Arbitrary values
    */
-  test('tailwind-merge', () => {
+  it('tailwind-merge', () => {
     /* eslint-disable tailwindcss/classnames-order */
     expect(cn('p-0')).toBe('p-0')
     expect(cn('text-right text-center text-left')).toBe('text-left')
@@ -68,7 +68,7 @@ describe('classnames', () => {
    * Tests the integration of classnames and tailwind-merge:
    * - Object-based conditional classes with Tailwind conflict resolution
    */
-  test('classnames combined with tailwind-merge', () => {
+  it('classnames combined with tailwind-merge', () => {
     expect(cn('text-right', {
       'text-center': true,
     })).toBe('text-center')
@@ -83,7 +83,7 @@ describe('classnames', () => {
    * - Strings, arrays, and objects in a single call
    * - Tailwind merge working across different argument types
    */
-  test('multiple mixed argument types', () => {
+  it('multiple mixed argument types', () => {
     expect(cn('foo', ['bar', 'baz'], { qux: true, quux: false })).toBe('foo bar baz qux')
     expect(cn('p-4', ['p-2', 'm-4'], { 'text-left': true, 'text-right': true })).toBe('p-2 m-4 text-right')
   })
@@ -93,7 +93,7 @@ describe('classnames', () => {
    * - Deep array flattening
    * - Tailwind merge with nested structures
    */
-  test('nested arrays', () => {
+  it('nested arrays', () => {
     expect(cn(['foo', ['bar', 'baz']])).toBe('foo bar baz')
     expect(cn(['p-4', ['p-2', 'text-center']])).toBe('p-2 text-center')
   })
@@ -103,7 +103,7 @@ describe('classnames', () => {
    * - Empty strings, arrays, and objects
    * - Mixed empty and non-empty values
    */
-  test('empty inputs', () => {
+  it('empty inputs', () => {
     expect(cn('')).toBe('')
     expect(cn([])).toBe('')
     expect(cn({})).toBe('')
@@ -116,7 +116,7 @@ describe('classnames', () => {
    * - Truthy numbers converted to strings
    * - Zero treated as falsy
    */
-  test('numbers as inputs', () => {
+  it('numbers as inputs', () => {
     expect(cn(1)).toBe('1')
     expect(cn(0)).toBe('')
     expect(cn('foo', 1, 'bar')).toBe('foo 1 bar')
@@ -127,7 +127,7 @@ describe('classnames', () => {
    * - Object merging
    * - Tailwind conflict resolution across objects
    */
-  test('multiple objects', () => {
+  it('multiple objects', () => {
     expect(cn({ foo: true }, { bar: true })).toBe('foo bar')
     expect(cn({ foo: true, bar: false }, { bar: true, baz: true })).toBe('foo bar baz')
     expect(cn({ 'p-4': true }, { 'p-2': true })).toBe('p-2')
@@ -139,7 +139,7 @@ describe('classnames', () => {
    * - Nested arrays with falsy values
    * - Multiple conflicting Tailwind classes
    */
-  test('complex edge cases', () => {
+  it('complex edge cases', () => {
     expect(cn('foo', null, undefined, false, 'bar', 0, 1, '')).toBe('foo bar 1')
     expect(cn(['foo', null, ['bar', undefined, 'baz']])).toBe('foo bar baz')
     expect(cn('text-sm', { 'text-lg': false, 'text-xl': true }, 'text-2xl')).toBe('text-2xl')
@@ -150,7 +150,7 @@ describe('classnames', () => {
    * - Important modifiers in objects
    * - Conflict resolution with important prefix
    */
-  test('important modifier with objects', () => {
+  it('important modifier with objects', () => {
     expect(cn({ '!font-medium': true }, { '!font-bold': true })).toBe('!font-bold')
     expect(cn('font-normal', { '!font-bold': true })).toBe('font-normal !font-bold')
   })
diff --git a/web/utils/classnames.ts b/web/utils/classnames.ts
index d32b0fe652..abba253f04 100644
--- a/web/utils/classnames.ts
+++ b/web/utils/classnames.ts
@@ -1,4 +1,5 @@
-import { type ClassValue, clsx } from 'clsx'
+import type { ClassValue } from 'clsx'
+import { clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
 export function cn(...inputs: ClassValue[]) {
diff --git a/web/utils/completion-params.spec.ts b/web/utils/completion-params.spec.ts
index 56aa1c0586..0b691a0baa 100644
--- a/web/utils/completion-params.spec.ts
+++ b/web/utils/completion-params.spec.ts
@@ -1,9 +1,9 @@
-import { mergeValidCompletionParams } from './completion-params'
 import type { FormValue, ModelParameterRule } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import { mergeValidCompletionParams } from './completion-params'
 
 describe('completion-params', () => {
   describe('mergeValidCompletionParams', () => {
-    test('returns empty params and removedDetails for undefined oldParams', () => {
+    it('returns empty params and removedDetails for undefined oldParams', () => {
       const rules: ModelParameterRule[] = []
       const result = mergeValidCompletionParams(undefined, rules)
 
@@ -11,7 +11,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('returns empty params and removedDetails for empty oldParams', () => {
+    it('returns empty params and removedDetails for empty oldParams', () => {
       const rules: ModelParameterRule[] = []
       const result = mergeValidCompletionParams({}, rules)
 
@@ -19,7 +19,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('validates int type parameter within range', () => {
+    it('validates int type parameter within range', () => {
       const rules: ModelParameterRule[] = [
         { name: 'max_tokens', type: 'int', min: 1, max: 4096, label: { en_US: 'Max Tokens', zh_Hans: '最大标记' }, required: false },
       ]
@@ -30,7 +30,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('removes int parameter below minimum', () => {
+    it('removes int parameter below minimum', () => {
       const rules: ModelParameterRule[] = [
         { name: 'max_tokens', type: 'int', min: 1, max: 4096, label: { en_US: 'Max Tokens', zh_Hans: '最大标记' }, required: false },
       ]
@@ -41,7 +41,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({ max_tokens: 'out of range (1-4096)' })
     })
 
-    test('removes int parameter above maximum', () => {
+    it('removes int parameter above maximum', () => {
       const rules: ModelParameterRule[] = [
         { name: 'max_tokens', type: 'int', min: 1, max: 4096, label: { en_US: 'Max Tokens', zh_Hans: '最大标记' }, required: false },
       ]
@@ -52,7 +52,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({ max_tokens: 'out of range (1-4096)' })
     })
 
-    test('removes int parameter with invalid type', () => {
+    it('removes int parameter with invalid type', () => {
       const rules: ModelParameterRule[] = [
         { name: 'max_tokens', type: 'int', min: 1, max: 4096, label: { en_US: 'Max Tokens', zh_Hans: '最大标记' }, required: false },
       ]
@@ -63,7 +63,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({ max_tokens: 'invalid type' })
     })
 
-    test('validates float type parameter', () => {
+    it('validates float type parameter', () => {
       const rules: ModelParameterRule[] = [
         { name: 'temperature', type: 'float', min: 0, max: 2, label: { en_US: 'Temperature', zh_Hans: '温度' }, required: false },
       ]
@@ -74,7 +74,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('validates float at boundary values', () => {
+    it('validates float at boundary values', () => {
       const rules: ModelParameterRule[] = [
         { name: 'temperature', type: 'float', min: 0, max: 2, label: { en_US: 'Temperature', zh_Hans: '温度' }, required: false },
       ]
@@ -86,7 +86,7 @@ describe('completion-params', () => {
       expect(result2.params).toEqual({ temperature: 2 })
     })
 
-    test('validates boolean type parameter', () => {
+    it('validates boolean type parameter', () => {
       const rules: ModelParameterRule[] = [
         { name: 'stream', type: 'boolean', label: { en_US: 'Stream', zh_Hans: '流' }, required: false },
       ]
@@ -97,7 +97,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('removes boolean parameter with invalid type', () => {
+    it('removes boolean parameter with invalid type', () => {
       const rules: ModelParameterRule[] = [
         { name: 'stream', type: 'boolean', label: { en_US: 'Stream', zh_Hans: '流' }, required: false },
       ]
@@ -108,7 +108,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({ stream: 'invalid type' })
     })
 
-    test('validates string type parameter', () => {
+    it('validates string type parameter', () => {
       const rules: ModelParameterRule[] = [
         { name: 'model', type: 'string', label: { en_US: 'Model', zh_Hans: '模型' }, required: false },
       ]
@@ -119,7 +119,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('validates string parameter with options', () => {
+    it('validates string parameter with options', () => {
       const rules: ModelParameterRule[] = [
         { name: 'model', type: 'string', options: ['gpt-3.5-turbo', 'gpt-4'], label: { en_US: 'Model', zh_Hans: '模型' }, required: false },
       ]
@@ -130,7 +130,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('removes string parameter with invalid option', () => {
+    it('removes string parameter with invalid option', () => {
       const rules: ModelParameterRule[] = [
         { name: 'model', type: 'string', options: ['gpt-3.5-turbo', 'gpt-4'], label: { en_US: 'Model', zh_Hans: '模型' }, required: false },
       ]
@@ -141,7 +141,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({ model: 'unsupported option' })
     })
 
-    test('validates text type parameter', () => {
+    it('validates text type parameter', () => {
       const rules: ModelParameterRule[] = [
         { name: 'prompt', type: 'text', label: { en_US: 'Prompt', zh_Hans: '提示' }, required: false },
       ]
@@ -152,7 +152,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('removes unsupported parameters', () => {
+    it('removes unsupported parameters', () => {
       const rules: ModelParameterRule[] = [
         { name: 'temperature', type: 'float', min: 0, max: 2, label: { en_US: 'Temperature', zh_Hans: '温度' }, required: false },
       ]
@@ -163,7 +163,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({ unsupported_param: 'unsupported' })
     })
 
-    test('keeps stop parameter in advanced mode even without rule', () => {
+    it('keeps stop parameter in advanced mode even without rule', () => {
       const rules: ModelParameterRule[] = []
       const oldParams: FormValue = { stop: ['END'] }
       const result = mergeValidCompletionParams(oldParams, rules, true)
@@ -172,7 +172,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('removes stop parameter in normal mode without rule', () => {
+    it('removes stop parameter in normal mode without rule', () => {
       const rules: ModelParameterRule[] = []
       const oldParams: FormValue = { stop: ['END'] }
       const result = mergeValidCompletionParams(oldParams, rules, false)
@@ -181,7 +181,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({ stop: 'unsupported' })
     })
 
-    test('handles multiple parameters with mixed validity', () => {
+    it('handles multiple parameters with mixed validity', () => {
       const rules: ModelParameterRule[] = [
         { name: 'temperature', type: 'float', min: 0, max: 2, label: { en_US: 'Temperature', zh_Hans: '温度' }, required: false },
         { name: 'max_tokens', type: 'int', min: 1, max: 4096, label: { en_US: 'Max Tokens', zh_Hans: '最大标记' }, required: false },
@@ -205,7 +205,7 @@ describe('completion-params', () => {
       })
     })
 
-    test('handles parameters without min/max constraints', () => {
+    it('handles parameters without min/max constraints', () => {
       const rules: ModelParameterRule[] = [
         { name: 'value', type: 'int', label: { en_US: 'Value', zh_Hans: '值' }, required: false },
       ]
@@ -216,7 +216,7 @@ describe('completion-params', () => {
       expect(result.removedDetails).toEqual({})
     })
 
-    test('removes parameter with unsupported rule type', () => {
+    it('removes parameter with unsupported rule type', () => {
       const rules: ModelParameterRule[] = [
         { name: 'custom', type: 'unknown_type', label: { en_US: 'Custom', zh_Hans: '自定义' }, required: false } as any,
       ]
diff --git a/web/utils/completion-params.ts b/web/utils/completion-params.ts
index 62eb884825..27c34cc8ea 100644
--- a/web/utils/completion-params.ts
+++ b/web/utils/completion-params.ts
@@ -4,7 +4,7 @@ export const mergeValidCompletionParams = (
   oldParams: FormValue | undefined,
   rules: ModelParameterRule[],
   isAdvancedMode: boolean = false,
-): { params: FormValue; removedDetails: Record<string, string> } => {
+): { params: FormValue, removedDetails: Record<string, string> } => {
   if (!oldParams || Object.keys(oldParams).length === 0)
     return { params: {}, removedDetails: {} }
 
@@ -81,7 +81,7 @@ export const fetchAndMergeValidCompletionParams = async (
   modelId: string,
   oldParams: FormValue | undefined,
   isAdvancedMode: boolean = false,
-): Promise<{ params: FormValue; removedDetails: Record<string, string> }> => {
+): Promise<{ params: FormValue, removedDetails: Record<string, string> }> => {
   const { fetchModelParameterRules } = await import('@/service/common')
   const url = `/workspaces/current/model-providers/${provider}/models/parameter-rules?model=${modelId}`
   const { data: parameterRules } = await fetchModelParameterRules(url)
diff --git a/web/utils/context.spec.ts b/web/utils/context.spec.ts
index 48a086ac4d..b70a15639a 100644
--- a/web/utils/context.spec.ts
+++ b/web/utils/context.spec.ts
@@ -1,3 +1,4 @@
+import { renderHook } from '@testing-library/react'
 /**
  * Test suite for React context creation utilities
  *
@@ -9,7 +10,6 @@
  * - createSelectorCtx: Context with selector support using use-context-selector library
  */
 import React from 'react'
-import { renderHook } from '@testing-library/react'
 import { createCtx, createSelectorCtx } from './context'
 
 describe('Context Utilities', () => {
@@ -106,8 +106,8 @@ describe('Context Utilities', () => {
      */
     it('should handle complex context values', () => {
       type ComplexContext = {
-        user: { id: string; name: string }
-        settings: { theme: string; locale: string }
+        user: { id: string, name: string }
+        settings: { theme: string, locale: string }
         actions: Array<() => void>
       }
 
diff --git a/web/utils/context.ts b/web/utils/context.ts
index 8829a679ce..6afd6131c7 100644
--- a/web/utils/context.ts
+++ b/web/utils/context.ts
@@ -1,9 +1,11 @@
-import { type Context, type Provider, createContext, useContext } from 'react'
+import type { Context, Provider } from 'react'
+import { createContext, useContext } from 'react'
 import * as selector from 'use-context-selector'
 
 const createCreateCtxFunction = (
   useContextImpl: typeof useContext,
-  createContextImpl: typeof createContext) => {
+  createContextImpl: typeof createContext,
+) => {
   return function<T>({ name, defaultValue }: CreateCtxOptions<T> = {}): CreateCtxReturn<T> {
     const emptySymbol = Symbol(`empty ${name}`)
     // @ts-expect-error it's ok here
diff --git a/web/utils/emoji.spec.ts b/web/utils/emoji.spec.ts
index 7cd026f6b3..9ee12e9430 100644
--- a/web/utils/emoji.spec.ts
+++ b/web/utils/emoji.spec.ts
@@ -1,6 +1,6 @@
 import type { Mock } from 'vitest'
-import { searchEmoji } from './emoji'
 import { SearchIndex } from 'emoji-mart'
+import { searchEmoji } from './emoji'
 
 vi.mock('emoji-mart', () => ({
   SearchIndex: {
diff --git a/web/utils/emoji.ts b/web/utils/emoji.ts
index 9123f780f2..7d58f12b45 100644
--- a/web/utils/emoji.ts
+++ b/web/utils/emoji.ts
@@ -1,5 +1,5 @@
-import { SearchIndex } from 'emoji-mart'
 import type { Emoji } from '@emoji-mart/data'
+import { SearchIndex } from 'emoji-mart'
 
 export async function searchEmoji(value: string) {
   const emojis: Emoji[] = await SearchIndex.search(value) || []
diff --git a/web/utils/encryption.ts b/web/utils/encryption.ts
index f96d8d02ac..2c9e985f12 100644
--- a/web/utils/encryption.ts
+++ b/web/utils/encryption.ts
@@ -14,15 +14,15 @@
  */
 export function encryptField(plaintext: string): string {
   try {
-        // Base64 encode the plaintext
-        // btoa works with ASCII, so we need to handle UTF-8 properly
+    // Base64 encode the plaintext
+    // btoa works with ASCII, so we need to handle UTF-8 properly
     const utf8Bytes = new TextEncoder().encode(plaintext)
     const base64 = btoa(String.fromCharCode(...utf8Bytes))
     return base64
   }
   catch (error) {
     console.error('Field encoding failed:', error)
-        // If encoding fails, throw error to prevent sending plaintext
+    // If encoding fails, throw error to prevent sending plaintext
     throw new Error('Encoding failed. Please check your input.')
   }
 }
diff --git a/web/utils/format.spec.ts b/web/utils/format.spec.ts
index e02d17d335..0fde0ccbe8 100644
--- a/web/utils/format.spec.ts
+++ b/web/utils/format.spec.ts
@@ -1,67 +1,67 @@
 import { downloadFile, formatFileSize, formatNumber, formatNumberAbbreviated, formatTime } from './format'
 
 describe('formatNumber', () => {
-  test('should correctly format integers', () => {
+  it('should correctly format integers', () => {
     expect(formatNumber(1234567)).toBe('1,234,567')
   })
-  test('should correctly format decimals', () => {
+  it('should correctly format decimals', () => {
     expect(formatNumber(1234567.89)).toBe('1,234,567.89')
   })
-  test('should correctly handle string input', () => {
+  it('should correctly handle string input', () => {
     expect(formatNumber('1234567')).toBe('1,234,567')
   })
-  test('should correctly handle zero', () => {
+  it('should correctly handle zero', () => {
     expect(formatNumber(0)).toBe(0)
   })
-  test('should correctly handle negative numbers', () => {
+  it('should correctly handle negative numbers', () => {
     expect(formatNumber(-1234567)).toBe('-1,234,567')
   })
-  test('should correctly handle empty input', () => {
+  it('should correctly handle empty input', () => {
     expect(formatNumber('')).toBe('')
   })
 })
 describe('formatFileSize', () => {
-  test('should return the input if it is falsy', () => {
+  it('should return the input if it is falsy', () => {
     expect(formatFileSize(0)).toBe(0)
   })
-  test('should format bytes correctly', () => {
+  it('should format bytes correctly', () => {
     expect(formatFileSize(500)).toBe('500.00 bytes')
   })
-  test('should format kilobytes correctly', () => {
+  it('should format kilobytes correctly', () => {
     expect(formatFileSize(1500)).toBe('1.46 KB')
   })
-  test('should format megabytes correctly', () => {
+  it('should format megabytes correctly', () => {
     expect(formatFileSize(1500000)).toBe('1.43 MB')
   })
-  test('should format gigabytes correctly', () => {
+  it('should format gigabytes correctly', () => {
     expect(formatFileSize(1500000000)).toBe('1.40 GB')
   })
-  test('should format terabytes correctly', () => {
+  it('should format terabytes correctly', () => {
     expect(formatFileSize(1500000000000)).toBe('1.36 TB')
   })
-  test('should format petabytes correctly', () => {
+  it('should format petabytes correctly', () => {
     expect(formatFileSize(1500000000000000)).toBe('1.33 PB')
   })
 })
 describe('formatTime', () => {
-  test('should return the input if it is falsy', () => {
+  it('should return the input if it is falsy', () => {
     expect(formatTime(0)).toBe(0)
   })
-  test('should format seconds correctly', () => {
+  it('should format seconds correctly', () => {
     expect(formatTime(30)).toBe('30.00 sec')
   })
-  test('should format minutes correctly', () => {
+  it('should format minutes correctly', () => {
     expect(formatTime(90)).toBe('1.50 min')
   })
-  test('should format hours correctly', () => {
+  it('should format hours correctly', () => {
     expect(formatTime(3600)).toBe('1.00 h')
   })
-  test('should handle large numbers', () => {
+  it('should handle large numbers', () => {
     expect(formatTime(7200)).toBe('2.00 h')
   })
 })
 describe('downloadFile', () => {
-  test('should create a link and trigger a download correctly', () => {
+  it('should create a link and trigger a download correctly', () => {
     // Mock data
     const blob = new Blob(['test content'], { type: 'text/plain' })
     const fileName = 'test-file.txt'
diff --git a/web/utils/format.ts b/web/utils/format.ts
index fe5b1deb7d..a2c3ef9751 100644
--- a/web/utils/format.ts
+++ b/web/utils/format.ts
@@ -1,5 +1,5 @@
-import type { Locale } from '@/i18n-config'
 import type { Dayjs } from 'dayjs'
+import type { Locale } from '@/i18n-config'
 import 'dayjs/locale/de'
 import 'dayjs/locale/es'
 import 'dayjs/locale/fa'
@@ -95,7 +95,7 @@ export const formatTime = (seconds: number) => {
   return `${seconds.toFixed(2)} ${units[index]}`
 }
 
-export const downloadFile = ({ data, fileName }: { data: Blob; fileName: string }) => {
+export const downloadFile = ({ data, fileName }: { data: Blob, fileName: string }) => {
   const url = window.URL.createObjectURL(data)
   const a = document.createElement('a')
   a.href = url
@@ -119,7 +119,8 @@ export const downloadFile = ({ data, fileName }: { data: Blob; fileName: string
  */
 export const formatNumberAbbreviated = (num: number) => {
   // If less than 1000, return as-is
-  if (num < 1000) return num.toString()
+  if (num < 1000)
+    return num.toString()
 
   // Define thresholds and suffixes
   const units = [
diff --git a/web/utils/get-icon.spec.ts b/web/utils/get-icon.spec.ts
index 98eb2288fd..84c2191dd8 100644
--- a/web/utils/get-icon.spec.ts
+++ b/web/utils/get-icon.spec.ts
@@ -1,16 +1,16 @@
+import { MARKETPLACE_API_PREFIX } from '@/config'
 /**
  * Test suite for icon utility functions
  * Tests the generation of marketplace plugin icon URLs
  */
 import { getIconFromMarketPlace } from './get-icon'
-import { MARKETPLACE_API_PREFIX } from '@/config'
 
 describe('get-icon', () => {
   describe('getIconFromMarketPlace', () => {
     /**
      * Tests basic URL generation for marketplace plugin icons
      */
-    test('returns correct marketplace icon URL', () => {
+    it('returns correct marketplace icon URL', () => {
       const pluginId = 'test-plugin-123'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toBe(`${MARKETPLACE_API_PREFIX}/plugins/${pluginId}/icon`)
@@ -20,7 +20,7 @@ describe('get-icon', () => {
      * Tests URL generation with plugin IDs containing special characters
      * like dashes and underscores
      */
-    test('handles plugin ID with special characters', () => {
+    it('handles plugin ID with special characters', () => {
       const pluginId = 'plugin-with-dashes_and_underscores'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toBe(`${MARKETPLACE_API_PREFIX}/plugins/${pluginId}/icon`)
@@ -30,7 +30,7 @@ describe('get-icon', () => {
      * Tests behavior with empty plugin ID
      * Note: This creates a malformed URL but doesn't throw an error
      */
-    test('handles empty plugin ID', () => {
+    it('handles empty plugin ID', () => {
       const pluginId = ''
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toBe(`${MARKETPLACE_API_PREFIX}/plugins//icon`)
@@ -40,7 +40,7 @@ describe('get-icon', () => {
      * Tests URL generation with plugin IDs containing spaces
      * Spaces will be URL-encoded when actually used
      */
-    test('handles plugin ID with spaces', () => {
+    it('handles plugin ID with spaces', () => {
       const pluginId = 'plugin with spaces'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toBe(`${MARKETPLACE_API_PREFIX}/plugins/${pluginId}/icon`)
@@ -51,7 +51,7 @@ describe('get-icon', () => {
      * These tests document current behavior and potential security concerns
      * Note: Current implementation does not sanitize path traversal sequences
      */
-    test('handles path traversal attempts', () => {
+    it('handles path traversal attempts', () => {
       const pluginId = '../../../etc/passwd'
       const result = getIconFromMarketPlace(pluginId)
       // Current implementation includes path traversal sequences in URL
@@ -60,7 +60,7 @@ describe('get-icon', () => {
       expect(result).toContain(pluginId)
     })
 
-    test('handles multiple path traversal attempts', () => {
+    it('handles multiple path traversal attempts', () => {
       const pluginId = '../../../../etc/passwd'
       const result = getIconFromMarketPlace(pluginId)
       // Current implementation includes path traversal sequences in URL
@@ -68,7 +68,7 @@ describe('get-icon', () => {
       expect(result).toContain(pluginId)
     })
 
-    test('passes through URL-encoded path traversal sequences', () => {
+    it('passes through URL-encoded path traversal sequences', () => {
       const pluginId = '..%2F..%2Fetc%2Fpasswd'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
@@ -79,14 +79,14 @@ describe('get-icon', () => {
      * These tests document current behavior with invalid input types
      * Note: Current implementation converts null/undefined to strings instead of throwing
      */
-    test('handles null plugin ID', () => {
+    it('handles null plugin ID', () => {
       // Current implementation converts null to string "null"
       const result = getIconFromMarketPlace(null as any)
       expect(result).toContain('null')
       // This is a potential issue - should validate input type
     })
 
-    test('handles undefined plugin ID', () => {
+    it('handles undefined plugin ID', () => {
       // Current implementation converts undefined to string "undefined"
       const result = getIconFromMarketPlace(undefined as any)
       expect(result).toContain('undefined')
@@ -97,7 +97,7 @@ describe('get-icon', () => {
      * Security tests: URL-sensitive characters
      * These tests verify that URL-sensitive characters are handled appropriately
      */
-    test('does not encode URL-sensitive characters', () => {
+    it('does not encode URL-sensitive characters', () => {
       const pluginId = 'plugin/with?special=chars#hash'
       const result = getIconFromMarketPlace(pluginId)
       // Note: Current implementation doesn't encode, but test documents the behavior
@@ -107,7 +107,7 @@ describe('get-icon', () => {
       expect(result).toContain('=')
     })
 
-    test('handles URL characters like & and %', () => {
+    it('handles URL characters like & and %', () => {
       const pluginId = 'plugin&with%encoding'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
@@ -117,20 +117,20 @@ describe('get-icon', () => {
      * Edge case tests: Extreme inputs
      * These tests verify behavior with unusual but valid inputs
      */
-    test('handles very long plugin ID', () => {
+    it('handles very long plugin ID', () => {
       const pluginId = 'a'.repeat(10000)
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
       expect(result.length).toBeGreaterThan(10000)
     })
 
-    test('handles Unicode characters', () => {
+    it('handles Unicode characters', () => {
       const pluginId = '插件-🚀-测试-日本語'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
     })
 
-    test('handles control characters', () => {
+    it('handles control characters', () => {
       const pluginId = 'plugin\nwith\ttabs\r\nand\0null'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
@@ -140,20 +140,20 @@ describe('get-icon', () => {
      * Security tests: XSS attempts
      * These tests verify that XSS attempts are handled appropriately
      */
-    test('handles XSS attempts with script tags', () => {
+    it('handles XSS attempts with script tags', () => {
       const pluginId = '<script>alert("xss")</script>'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
       // Note: Current implementation doesn't sanitize, but test documents the behavior
     })
 
-    test('handles XSS attempts with event handlers', () => {
+    it('handles XSS attempts with event handlers', () => {
       const pluginId = 'plugin"onerror="alert(1)"'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
     })
 
-    test('handles XSS attempts with encoded script tags', () => {
+    it('handles XSS attempts with encoded script tags', () => {
       const pluginId = '%3Cscript%3Ealert%28%22xss%22%29%3C%2Fscript%3E'
       const result = getIconFromMarketPlace(pluginId)
       expect(result).toContain(pluginId)
diff --git a/web/utils/index.spec.ts b/web/utils/index.spec.ts
index d547c75d67..7eb6c32eca 100644
--- a/web/utils/index.spec.ts
+++ b/web/utils/index.spec.ts
@@ -408,7 +408,7 @@ describe('randomString extended', () => {
   })
 
   it('should only contain valid characters', () => {
-    const validChars = /^[0-9a-zA-Z_-]+$/
+    const validChars = /^[\w-]+$/
     const str = randomString(100)
     expect(validChars.test(str)).toBe(true)
   })
diff --git a/web/utils/mcp.spec.ts b/web/utils/mcp.spec.ts
index d3c5ef1eab..39d5881e93 100644
--- a/web/utils/mcp.spec.ts
+++ b/web/utils/mcp.spec.ts
@@ -13,39 +13,39 @@ describe('mcp', () => {
     /**
      * The link emoji (🔗) is used as a special marker for MCP icons
      */
-    test('returns true for emoji object with 🔗 content', () => {
+    it('returns true for emoji object with 🔗 content', () => {
       const src = { content: '🔗', background: '#fff' }
       expect(shouldUseMcpIcon(src)).toBe(true)
     })
 
-    test('returns false for emoji object with different content', () => {
+    it('returns false for emoji object with different content', () => {
       const src = { content: '🎉', background: '#fff' }
       expect(shouldUseMcpIcon(src)).toBe(false)
     })
 
-    test('returns false for string URL', () => {
+    it('returns false for string URL', () => {
       const src = 'https://example.com/icon.png'
       expect(shouldUseMcpIcon(src)).toBe(false)
     })
 
-    test('returns false for null', () => {
+    it('returns false for null', () => {
       expect(shouldUseMcpIcon(null)).toBe(false)
     })
 
-    test('returns false for undefined', () => {
+    it('returns false for undefined', () => {
       expect(shouldUseMcpIcon(undefined)).toBe(false)
     })
 
-    test('returns false for empty object', () => {
+    it('returns false for empty object', () => {
       expect(shouldUseMcpIcon({})).toBe(false)
     })
 
-    test('returns false for object without content property', () => {
+    it('returns false for object without content property', () => {
       const src = { background: '#fff' }
       expect(shouldUseMcpIcon(src)).toBe(false)
     })
 
-    test('returns false for object with null content', () => {
+    it('returns false for object with null content', () => {
       const src = { content: null, background: '#fff' }
       expect(shouldUseMcpIcon(src)).toBe(false)
     })
@@ -61,27 +61,27 @@ describe('mcp', () => {
      * - Icon type is 'emoji'
      * - Icon content is the link emoji (🔗)
      */
-    test('returns true when iconType is emoji and icon is 🔗', () => {
+    it('returns true when iconType is emoji and icon is 🔗', () => {
       expect(shouldUseMcpIconForAppIcon('emoji', '🔗')).toBe(true)
     })
 
-    test('returns false when iconType is emoji but icon is different', () => {
+    it('returns false when iconType is emoji but icon is different', () => {
       expect(shouldUseMcpIconForAppIcon('emoji', '🎉')).toBe(false)
     })
 
-    test('returns false when iconType is image', () => {
+    it('returns false when iconType is image', () => {
       expect(shouldUseMcpIconForAppIcon('image', '🔗')).toBe(false)
     })
 
-    test('returns false when iconType is image and icon is different', () => {
+    it('returns false when iconType is image and icon is different', () => {
       expect(shouldUseMcpIconForAppIcon('image', 'file-id-123')).toBe(false)
     })
 
-    test('returns false for empty strings', () => {
+    it('returns false for empty strings', () => {
       expect(shouldUseMcpIconForAppIcon('', '')).toBe(false)
     })
 
-    test('returns false when iconType is empty but icon is 🔗', () => {
+    it('returns false when iconType is empty but icon is 🔗', () => {
       expect(shouldUseMcpIconForAppIcon('', '🔗')).toBe(false)
     })
   })
diff --git a/web/utils/model-config.spec.ts b/web/utils/model-config.spec.ts
index 2cccaabc61..9e39883e61 100644
--- a/web/utils/model-config.spec.ts
+++ b/web/utils/model-config.spec.ts
@@ -1,3 +1,5 @@
+import type { PromptVariable } from '@/models/debug'
+import type { UserInputFormItem } from '@/types/app'
 /**
  * Test suite for model configuration transformation utilities
  *
@@ -15,8 +17,6 @@ import {
   promptVariablesToUserInputsForm,
   userInputsFormToPromptVariables,
 } from './model-config'
-import type { UserInputFormItem } from '@/types/app'
-import type { PromptVariable } from '@/models/debug'
 
 describe('Model Config Utilities', () => {
   describe('userInputsFormToPromptVariables', () => {
diff --git a/web/utils/model-config.ts b/web/utils/model-config.ts
index 707a3685b9..6ed408b37f 100644
--- a/web/utils/model-config.ts
+++ b/web/utils/model-config.ts
@@ -1,5 +1,5 @@
-import type { UserInputFormItem } from '@/types/app'
 import type { PromptVariable } from '@/models/debug'
+import type { UserInputFormItem } from '@/types/app'
 
 export const userInputsFormToPromptVariables = (useInputs: UserInputFormItem[] | null, dataset_query_variable?: string) => {
   if (!useInputs)
@@ -196,7 +196,7 @@ export const promptVariablesToUserInputsForm = (promptVariables: PromptVariable[
 }
 
 export const formatBooleanInputs = (useInputs?: PromptVariable[] | null, inputs?: Record<string, string | number | object | boolean> | null) => {
-  if(!useInputs)
+  if (!useInputs)
     return inputs
   const res = { ...inputs }
   useInputs.forEach((item) => {
diff --git a/web/utils/navigation.spec.ts b/web/utils/navigation.spec.ts
index dadb34e714..c6327e6b63 100644
--- a/web/utils/navigation.spec.ts
+++ b/web/utils/navigation.spec.ts
@@ -33,28 +33,28 @@ describe('navigation', () => {
    * Tests createNavigationPath which builds URLs with optional query parameter preservation
    */
   describe('createNavigationPath', () => {
-    test('preserves query parameters by default', () => {
+    it('preserves query parameters by default', () => {
       const result = createNavigationPath('/datasets/123/documents')
       expect(result).toBe('/datasets/123/documents?page=3&limit=10&keyword=test')
     })
 
-    test('returns clean path when preserveParams is false', () => {
+    it('returns clean path when preserveParams is false', () => {
       const result = createNavigationPath('/datasets/123/documents', false)
       expect(result).toBe('/datasets/123/documents')
     })
 
-    test('handles empty query string', () => {
+    it('handles empty query string', () => {
       globalThis.window.location.search = ''
       const result = createNavigationPath('/datasets/123/documents')
       expect(result).toBe('/datasets/123/documents')
     })
 
-    test('handles path with trailing slash', () => {
+    it('handles path with trailing slash', () => {
       const result = createNavigationPath('/datasets/123/documents/')
       expect(result).toBe('/datasets/123/documents/?page=3&limit=10&keyword=test')
     })
 
-    test('handles root path', () => {
+    it('handles root path', () => {
       const result = createNavigationPath('/')
       expect(result).toBe('/?page=3&limit=10&keyword=test')
     })
@@ -67,7 +67,7 @@ describe('navigation', () => {
     /**
      * Tests that the returned function properly navigates with preserved params
      */
-    test('returns function that calls router.push with correct path', () => {
+    it('returns function that calls router.push with correct path', () => {
       const mockRouter = { push: vi.fn() }
       const backNav = createBackNavigation(mockRouter, '/datasets/123/documents')
 
@@ -76,7 +76,7 @@ describe('navigation', () => {
       expect(mockRouter.push).toHaveBeenCalledWith('/datasets/123/documents?page=3&limit=10&keyword=test')
     })
 
-    test('returns function that navigates without params when preserveParams is false', () => {
+    it('returns function that navigates without params when preserveParams is false', () => {
       const mockRouter = { push: vi.fn() }
       const backNav = createBackNavigation(mockRouter, '/datasets/123/documents', false)
 
@@ -85,7 +85,7 @@ describe('navigation', () => {
       expect(mockRouter.push).toHaveBeenCalledWith('/datasets/123/documents')
     })
 
-    test('can be called multiple times', () => {
+    it('can be called multiple times', () => {
       const mockRouter = { push: vi.fn() }
       const backNav = createBackNavigation(mockRouter, '/datasets/123/documents')
 
@@ -103,32 +103,32 @@ describe('navigation', () => {
     /**
      * Tests selective parameter extraction
      */
-    test('extracts specified parameters', () => {
+    it('extracts specified parameters', () => {
       const result = extractQueryParams(['page', 'limit'])
       expect(result).toEqual({ page: '3', limit: '10' })
     })
 
-    test('extracts all specified parameters including keyword', () => {
+    it('extracts all specified parameters including keyword', () => {
       const result = extractQueryParams(['page', 'limit', 'keyword'])
       expect(result).toEqual({ page: '3', limit: '10', keyword: 'test' })
     })
 
-    test('ignores non-existent parameters', () => {
+    it('ignores non-existent parameters', () => {
       const result = extractQueryParams(['page', 'nonexistent'])
       expect(result).toEqual({ page: '3' })
     })
 
-    test('returns empty object when no parameters match', () => {
+    it('returns empty object when no parameters match', () => {
       const result = extractQueryParams(['foo', 'bar'])
       expect(result).toEqual({})
     })
 
-    test('returns empty object for empty array', () => {
+    it('returns empty object for empty array', () => {
       const result = extractQueryParams([])
       expect(result).toEqual({})
     })
 
-    test('handles empty query string', () => {
+    it('handles empty query string', () => {
       globalThis.window.location.search = ''
       const result = extractQueryParams(['page', 'limit'])
       expect(result).toEqual({})
@@ -142,7 +142,7 @@ describe('navigation', () => {
     /**
      * Tests URL construction with custom parameters
      */
-    test('creates path with specified parameters', () => {
+    it('creates path with specified parameters', () => {
       const result = createNavigationPathWithParams('/datasets/123/documents', {
         page: '1',
         limit: '25',
@@ -150,7 +150,7 @@ describe('navigation', () => {
       expect(result).toBe('/datasets/123/documents?page=1&limit=25')
     })
 
-    test('handles string and number values', () => {
+    it('handles string and number values', () => {
       const result = createNavigationPathWithParams('/datasets/123/documents', {
         page: 1,
         limit: 25,
@@ -159,7 +159,7 @@ describe('navigation', () => {
       expect(result).toBe('/datasets/123/documents?page=1&limit=25&keyword=search')
     })
 
-    test('filters out empty string values', () => {
+    it('filters out empty string values', () => {
       const result = createNavigationPathWithParams('/datasets/123/documents', {
         page: '1',
         keyword: '',
@@ -167,7 +167,7 @@ describe('navigation', () => {
       expect(result).toBe('/datasets/123/documents?page=1')
     })
 
-    test('filters out null and undefined values', () => {
+    it('filters out null and undefined values', () => {
       const result = createNavigationPathWithParams('/datasets/123/documents', {
         page: '1',
         keyword: null as any,
@@ -176,12 +176,12 @@ describe('navigation', () => {
       expect(result).toBe('/datasets/123/documents?page=1')
     })
 
-    test('returns base path when params are empty', () => {
+    it('returns base path when params are empty', () => {
       const result = createNavigationPathWithParams('/datasets/123/documents', {})
       expect(result).toBe('/datasets/123/documents')
     })
 
-    test('encodes special characters in values', () => {
+    it('encodes special characters in values', () => {
       const result = createNavigationPathWithParams('/datasets/123/documents', {
         keyword: 'search term',
       })
@@ -196,51 +196,51 @@ describe('navigation', () => {
     /**
      * Tests parameter merging and overriding
      */
-    test('merges new params with existing ones', () => {
+    it('merges new params with existing ones', () => {
       const result = mergeQueryParams({ keyword: 'new', page: '1' })
       expect(result.get('page')).toBe('1')
       expect(result.get('limit')).toBe('10')
       expect(result.get('keyword')).toBe('new')
     })
 
-    test('overrides existing parameters', () => {
+    it('overrides existing parameters', () => {
       const result = mergeQueryParams({ page: '5' })
       expect(result.get('page')).toBe('5')
       expect(result.get('limit')).toBe('10')
     })
 
-    test('adds new parameters', () => {
+    it('adds new parameters', () => {
       const result = mergeQueryParams({ filter: 'active' })
       expect(result.get('filter')).toBe('active')
       expect(result.get('page')).toBe('3')
     })
 
-    test('removes parameters with null value', () => {
+    it('removes parameters with null value', () => {
       const result = mergeQueryParams({ page: null })
       expect(result.get('page')).toBeNull()
       expect(result.get('limit')).toBe('10')
     })
 
-    test('removes parameters with undefined value', () => {
+    it('removes parameters with undefined value', () => {
       const result = mergeQueryParams({ page: undefined })
       expect(result.get('page')).toBeNull()
       expect(result.get('limit')).toBe('10')
     })
 
-    test('does not preserve existing when preserveExisting is false', () => {
+    it('does not preserve existing when preserveExisting is false', () => {
       const result = mergeQueryParams({ filter: 'active' }, false)
       expect(result.get('filter')).toBe('active')
       expect(result.get('page')).toBeNull()
       expect(result.get('limit')).toBeNull()
     })
 
-    test('handles number values', () => {
+    it('handles number values', () => {
       const result = mergeQueryParams({ page: 5, limit: 20 })
       expect(result.get('page')).toBe('5')
       expect(result.get('limit')).toBe('20')
     })
 
-    test('does not add empty string values', () => {
+    it('does not add empty string values', () => {
       const result = mergeQueryParams({ newParam: '' })
       expect(result.get('newParam')).toBeNull()
       // Existing params are preserved
@@ -256,7 +256,7 @@ describe('navigation', () => {
      * Tests navigation back to dataset documents list
      */
     describe('backToDocuments', () => {
-      test('creates navigation function with preserved params', () => {
+      it('creates navigation function with preserved params', () => {
         const mockRouter = { push: vi.fn() }
         const backNav = datasetNavigation.backToDocuments(mockRouter, 'dataset-123')
 
@@ -270,7 +270,7 @@ describe('navigation', () => {
      * Tests navigation to document detail page
      */
     describe('toDocumentDetail', () => {
-      test('creates navigation function to document detail', () => {
+      it('creates navigation function to document detail', () => {
         const mockRouter = { push: vi.fn() }
         const navFunc = datasetNavigation.toDocumentDetail(mockRouter, 'dataset-123', 'doc-456')
 
@@ -284,7 +284,7 @@ describe('navigation', () => {
      * Tests navigation to document settings page
      */
     describe('toDocumentSettings', () => {
-      test('creates navigation function to document settings', () => {
+      it('creates navigation function to document settings', () => {
         const mockRouter = { push: vi.fn() }
         const navFunc = datasetNavigation.toDocumentSettings(mockRouter, 'dataset-123', 'doc-456')
 
diff --git a/web/utils/permission.spec.ts b/web/utils/permission.spec.ts
index 758c38037e..42c6e9636e 100644
--- a/web/utils/permission.spec.ts
+++ b/web/utils/permission.spec.ts
@@ -1,9 +1,9 @@
+import { DatasetPermission } from '@/models/datasets'
 /**
  * Test suite for permission utility functions
  * Tests dataset edit permission logic based on user roles and dataset settings
  */
 import { hasEditPermissionForDataset } from './permission'
-import { DatasetPermission } from '@/models/datasets'
 
 describe('permission', () => {
   /**
@@ -18,7 +18,7 @@ describe('permission', () => {
     const creatorId = 'creator-456'
     const otherUserId = 'user-789'
 
-    test('returns true when permission is onlyMe and user is creator', () => {
+    it('returns true when permission is onlyMe and user is creator', () => {
       const config = {
         createdBy: userId,
         partialMemberList: [],
@@ -27,7 +27,7 @@ describe('permission', () => {
       expect(hasEditPermissionForDataset(userId, config)).toBe(true)
     })
 
-    test('returns false when permission is onlyMe and user is not creator', () => {
+    it('returns false when permission is onlyMe and user is not creator', () => {
       const config = {
         createdBy: creatorId,
         partialMemberList: [],
@@ -36,7 +36,7 @@ describe('permission', () => {
       expect(hasEditPermissionForDataset(userId, config)).toBe(false)
     })
 
-    test('returns true when permission is allTeamMembers for any user', () => {
+    it('returns true when permission is allTeamMembers for any user', () => {
       const config = {
         createdBy: creatorId,
         partialMemberList: [],
@@ -47,7 +47,7 @@ describe('permission', () => {
       expect(hasEditPermissionForDataset(creatorId, config)).toBe(true)
     })
 
-    test('returns true when permission is partialMembers and user is in list', () => {
+    it('returns true when permission is partialMembers and user is in list', () => {
       const config = {
         createdBy: creatorId,
         partialMemberList: [userId, otherUserId],
@@ -56,7 +56,7 @@ describe('permission', () => {
       expect(hasEditPermissionForDataset(userId, config)).toBe(true)
     })
 
-    test('returns false when permission is partialMembers and user is not in list', () => {
+    it('returns false when permission is partialMembers and user is not in list', () => {
       const config = {
         createdBy: creatorId,
         partialMemberList: [otherUserId],
@@ -65,7 +65,7 @@ describe('permission', () => {
       expect(hasEditPermissionForDataset(userId, config)).toBe(false)
     })
 
-    test('returns false when permission is partialMembers with empty list', () => {
+    it('returns false when permission is partialMembers with empty list', () => {
       const config = {
         createdBy: creatorId,
         partialMemberList: [],
@@ -74,7 +74,7 @@ describe('permission', () => {
       expect(hasEditPermissionForDataset(userId, config)).toBe(false)
     })
 
-    test('creator is not automatically granted access with partialMembers permission', () => {
+    it('creator is not automatically granted access with partialMembers permission', () => {
       const config = {
         createdBy: creatorId,
         partialMemberList: [userId],
@@ -83,7 +83,7 @@ describe('permission', () => {
       expect(hasEditPermissionForDataset(creatorId, config)).toBe(false)
     })
 
-    test('creator has access when included in partialMemberList', () => {
+    it('creator has access when included in partialMemberList', () => {
       const config = {
         createdBy: creatorId,
         partialMemberList: [creatorId, userId],
diff --git a/web/utils/time.spec.ts b/web/utils/time.spec.ts
index fc57390fad..9f194950e7 100644
--- a/web/utils/time.spec.ts
+++ b/web/utils/time.spec.ts
@@ -10,36 +10,36 @@ describe('time', () => {
    * Returns true if the first date is after the second
    */
   describe('isAfter', () => {
-    test('returns true when first date is after second date', () => {
+    it('returns true when first date is after second date', () => {
       const date1 = '2024-01-02'
       const date2 = '2024-01-01'
       expect(isAfter(date1, date2)).toBe(true)
     })
 
-    test('returns false when first date is before second date', () => {
+    it('returns false when first date is before second date', () => {
       const date1 = '2024-01-01'
       const date2 = '2024-01-02'
       expect(isAfter(date1, date2)).toBe(false)
     })
 
-    test('returns false when dates are equal', () => {
+    it('returns false when dates are equal', () => {
       const date = '2024-01-01'
       expect(isAfter(date, date)).toBe(false)
     })
 
-    test('works with Date objects', () => {
+    it('works with Date objects', () => {
       const date1 = new Date('2024-01-02')
       const date2 = new Date('2024-01-01')
       expect(isAfter(date1, date2)).toBe(true)
     })
 
-    test('works with timestamps', () => {
+    it('works with timestamps', () => {
       const date1 = 1704240000000 // 2024-01-03
       const date2 = 1704153600000 // 2024-01-02
       expect(isAfter(date1, date2)).toBe(true)
     })
 
-    test('handles time differences within same day', () => {
+    it('handles time differences within same day', () => {
       const date1 = '2024-01-01 12:00:00'
       const date2 = '2024-01-01 11:00:00'
       expect(isAfter(date1, date2)).toBe(true)
@@ -54,44 +54,44 @@ describe('time', () => {
     /**
      * Tests basic date formatting with standard format
      */
-    test('formats date with YYYY-MM-DD format', () => {
+    it('formats date with YYYY-MM-DD format', () => {
       const date = '2024-01-15'
       const result = formatTime({ date, dateFormat: 'YYYY-MM-DD' })
       expect(result).toBe('2024-01-15')
     })
 
-    test('formats date with custom format', () => {
+    it('formats date with custom format', () => {
       const date = '2024-01-15 14:30:00'
       const result = formatTime({ date, dateFormat: 'MMM DD, YYYY HH:mm' })
       expect(result).toBe('Jan 15, 2024 14:30')
     })
 
-    test('formats date with full month name', () => {
+    it('formats date with full month name', () => {
       const date = '2024-01-15'
       const result = formatTime({ date, dateFormat: 'MMMM DD, YYYY' })
       expect(result).toBe('January 15, 2024')
     })
 
-    test('formats date with time only', () => {
+    it('formats date with time only', () => {
       const date = '2024-01-15 14:30:45'
       const result = formatTime({ date, dateFormat: 'HH:mm:ss' })
       expect(result).toBe('14:30:45')
     })
 
-    test('works with Date objects', () => {
+    it('works with Date objects', () => {
       const date = new Date(2024, 0, 15) // Month is 0-indexed
       const result = formatTime({ date, dateFormat: 'YYYY-MM-DD' })
       expect(result).toBe('2024-01-15')
     })
 
-    test('works with timestamps', () => {
+    it('works with timestamps', () => {
       const date = 1705276800000 // 2024-01-15 00:00:00 UTC
       const result = formatTime({ date, dateFormat: 'YYYY-MM-DD' })
       // Account for timezone differences: UTC-5 to UTC+8 can result in 2024-01-14 or 2024-01-15
       expect(result).toMatch(/^2024-01-(14|15)$/)
     })
 
-    test('handles ISO 8601 format', () => {
+    it('handles ISO 8601 format', () => {
       const date = '2024-01-15T14:30:00Z'
       const result = formatTime({ date, dateFormat: 'YYYY-MM-DD HH:mm' })
       expect(result).toContain('2024-01-15')
diff --git a/web/utils/time.ts b/web/utils/time.ts
index daa54a5bf3..0a26a24652 100644
--- a/web/utils/time.ts
+++ b/web/utils/time.ts
@@ -1,4 +1,5 @@
-import dayjs, { type ConfigType } from 'dayjs'
+import type { ConfigType } from 'dayjs'
+import dayjs from 'dayjs'
 import utc from 'dayjs/plugin/utc'
 
 dayjs.extend(utc)
@@ -7,7 +8,7 @@ export const isAfter = (date: ConfigType, compare: ConfigType) => {
   return dayjs(date).isAfter(dayjs(compare))
 }
 
-export const formatTime = ({ date, dateFormat }: { date: ConfigType; dateFormat: string }) => {
+export const formatTime = ({ date, dateFormat }: { date: ConfigType, dateFormat: string }) => {
   return dayjs(date).format(dateFormat)
 }
 
diff --git a/web/utils/timezone.json b/web/utils/timezone.json
index 80e07ac416..99104a7801 100644
--- a/web/utils/timezone.json
+++ b/web/utils/timezone.json
@@ -1,1274 +1,1274 @@
 [
-	{
-		"name": "-11:00 Niue Time - Alofi",
-		"value": "Pacific/Niue"
-	},
-	{
-		"name": "-11:00 Samoa Time - Midway",
-		"value": "Pacific/Midway"
-	},
-	{
-		"name": "-11:00 Samoa Time - Pago Pago",
-		"value": "Pacific/Pago_Pago"
-	},
-	{
-		"name": "-10:00 Cook Islands Time - Avarua",
-		"value": "Pacific/Rarotonga"
-	},
-	{
-		"name": "-10:00 Hawaii-Aleutian Time - Adak",
-		"value": "America/Adak"
-	},
-	{
-		"name": "-10:00 Hawaii-Aleutian Time - Honolulu, East Honolulu, Pearl City, Hilo",
-		"value": "Pacific/Honolulu"
-	},
-	{
-		"name": "-10:00 Tahiti Time - Faaa, Papeete, Punaauia",
-		"value": "Pacific/Tahiti"
-	},
-	{
-		"name": "-09:30 Marquesas Time - Marquesas",
-		"value": "Pacific/Marquesas"
-	},
-	{
-		"name": "-09:00 Alaska Time - Anchorage, Juneau, Fairbanks, Eagle River",
-		"value": "America/Anchorage"
-	},
-	{
-		"name": "-09:00 Gambier Time - Gambier",
-		"value": "Pacific/Gambier"
-	},
-	{
-		"name": "-08:00 Pacific Time - Los Angeles, San Diego, San Jose, San Francisco",
-		"value": "America/Los_Angeles"
-	},
-	{
-		"name": "-08:00 Pacific Time - Tijuana, Mexicali, Ensenada, Rosarito",
-		"value": "America/Tijuana"
-	},
-	{
-		"name": "-08:00 Pacific Time - Vancouver, Surrey, Okanagan, Victoria",
-		"value": "America/Vancouver"
-	},
-	{
-		"name": "-08:00 Pitcairn Time - Adamstown",
-		"value": "Pacific/Pitcairn"
-	},
-	{
-		"name": "-07:00 Mexican Pacific Time - Hermosillo, Culiacán, Ciudad Obregón, Mazatlán",
-		"value": "America/Hermosillo"
-	},
-	{
-		"name": "-07:00 Mountain Time - Calgary, Edmonton, Red Deer, Sherwood Park",
-		"value": "America/Edmonton"
-	},
-	{
-		"name": "-07:00 Mountain Time - Ciudad Juárez",
-		"value": "America/Ciudad_Juarez"
-	},
-	{
-		"name": "-07:00 Mountain Time - Denver, El Paso, Albuquerque, Colorado Springs",
-		"value": "America/Denver"
-	},
-	{
-		"name": "-07:00 Mountain Time - Phoenix, Tucson, Mesa, Chandler",
-		"value": "America/Phoenix"
-	},
-	{
-		"name": "-07:00 Yukon Time - Whitehorse, Fort St. John, Creston, Dawson",
-		"value": "America/Whitehorse"
-	},
-	{
-		"name": "-06:00 Central Time - Belize City, San Ignacio, San Pedro, Orange Walk",
-		"value": "America/Belize"
-	},
-	{
-		"name": "-06:00 Central Time - Chicago, Houston, San Antonio, Dallas",
-		"value": "America/Chicago"
-	},
-	{
-		"name": "-06:00 Central Time - Guatemala City, Villa Nueva, Mixco, Cobán",
-		"value": "America/Guatemala"
-	},
-	{
-		"name": "-06:00 Central Time - Managua, León, Masaya, Chinandega",
-		"value": "America/Managua"
-	},
-	{
-		"name": "-06:00 Central Time - Mexico City, Iztapalapa, León de los Aldama, Puebla",
-		"value": "America/Mexico_City"
-	},
-	{
-		"name": "-06:00 Central Time - Reynosa, Heroica Matamoros, Nuevo Laredo, Piedras Negras",
-		"value": "America/Matamoros"
-	},
-	{
-		"name": "-06:00 Central Time - San José, Limón, San Francisco, Alajuela",
-		"value": "America/Costa_Rica"
-	},
-	{
-		"name": "-06:00 Central Time - San Salvador, Soyapango, San Miguel, Santa Ana",
-		"value": "America/El_Salvador"
-	},
-	{
-		"name": "-06:00 Central Time - Saskatoon, Regina, Prince Albert, Moose Jaw",
-		"value": "America/Regina"
-	},
-	{
-		"name": "-06:00 Central Time - Tegucigalpa, San Pedro Sula, La Ceiba, Choloma",
-		"value": "America/Tegucigalpa"
-	},
-	{
-		"name": "-06:00 Central Time - Winnipeg, Brandon, Steinbach, Kenora",
-		"value": "America/Winnipeg"
-	},
-	{
-		"name": "-06:00 Easter Island Time - Easter",
-		"value": "Pacific/Easter"
-	},
-	{
-		"name": "-06:00 Galapagos Time - Galapagos",
-		"value": "Pacific/Galapagos"
-	},
-	{
-		"name": "-05:00 Acre Time - Rio Branco, Cruzeiro do Sul, Senador Guiomard, Sena Madureira",
-		"value": "America/Rio_Branco"
-	},
-	{
-		"name": "-05:00 Colombia Time - Bogotá, Cali, Medellín, Barranquilla",
-		"value": "America/Bogota"
-	},
-	{
-		"name": "-05:00 Cuba Time - Havana, Santiago de Cuba, Camagüey, Holguín",
-		"value": "America/Havana"
-	},
-	{
-		"name": "-05:00 Eastern Time - Atikokan",
-		"value": "America/Atikokan"
-	},
-	{
-		"name": "-05:00 Eastern Time - Cancún, Chetumal, Playa del Carmen, Cozumel",
-		"value": "America/Cancun"
-	},
-	{
-		"name": "-05:00 Eastern Time - Cockburn Town",
-		"value": "America/Grand_Turk"
-	},
-	{
-		"name": "-05:00 Eastern Time - George Town, West Bay",
-		"value": "America/Cayman"
-	},
-	{
-		"name": "-05:00 Eastern Time - Kingston, New Kingston, Spanish Town, Portmore",
-		"value": "America/Jamaica"
-	},
-	{
-		"name": "-05:00 Eastern Time - Nassau, Lucaya, Freeport",
-		"value": "America/Nassau"
-	},
-	{
-		"name": "-05:00 Eastern Time - New York City, Brooklyn, Queens, Philadelphia",
-		"value": "America/New_York"
-	},
-	{
-		"name": "-05:00 Eastern Time - Panamá, San Miguelito, Juan Díaz, David",
-		"value": "America/Panama"
-	},
-	{
-		"name": "-05:00 Eastern Time - Port-au-Prince, Carrefour, Delmas 73, Port-de-Paix",
-		"value": "America/Port-au-Prince"
-	},
-	{
-		"name": "-05:00 Eastern Time - Toronto, Montréal, Ottawa, Mississauga",
-		"value": "America/Toronto"
-	},
-	{
-		"name": "-05:00 Ecuador Time - Quito, Guayaquil, Cuenca, Santo Domingo de los Colorados",
-		"value": "America/Guayaquil"
-	},
-	{
-		"name": "-05:00 Peru Time - Lima, Callao, Arequipa, Trujillo",
-		"value": "America/Lima"
-	},
-	{
-		"name": "-04:00 Amazon Time - Manaus, Campo Grande, Cuiabá, Porto Velho",
-		"value": "America/Manaus"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Basseterre",
-		"value": "America/St_Kitts"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Blanc-Sablon",
-		"value": "America/Blanc-Sablon"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Brades, Plymouth",
-		"value": "America/Montserrat"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Bridgetown",
-		"value": "America/Barbados"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Castries",
-		"value": "America/St_Lucia"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Chaguanas, Mon Repos, San Fernando, Port of Spain",
-		"value": "America/Port_of_Spain"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Fort-de-France, Le Lamentin, Le Robert, Sainte-Marie",
-		"value": "America/Martinique"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Gustavia",
-		"value": "America/St_Barthelemy"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Halifax, Moncton, Sydney, Dartmouth",
-		"value": "America/Halifax"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Hamilton",
-		"value": "Atlantic/Bermuda"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Kingstown, Kingstown Park",
-		"value": "America/St_Vincent"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Kralendijk",
-		"value": "America/Kralendijk"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Les Abymes, Baie-Mahault, Le Gosier, Petit-Bourg",
-		"value": "America/Guadeloupe"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Marigot",
-		"value": "America/Marigot"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Oranjestad, Tanki Leendert, San Nicolas",
-		"value": "America/Aruba"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Philipsburg",
-		"value": "America/Lower_Princes"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Road Town",
-		"value": "America/Tortola"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Roseau",
-		"value": "America/Dominica"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Saint Croix, Charlotte Amalie",
-		"value": "America/St_Thomas"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Saint George's",
-		"value": "America/Grenada"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Saint John’s",
-		"value": "America/Antigua"
-	},
-	{
-		"name": "-04:00 Atlantic Time - San Juan, Bayamón, Carolina, Ponce",
-		"value": "America/Puerto_Rico"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Santo Domingo, Santiago de los Caballeros, Santo Domingo Oeste, Santo Domingo Este",
-		"value": "America/Santo_Domingo"
-	},
-	{
-		"name": "-04:00 Atlantic Time - The Valley",
-		"value": "America/Anguilla"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Thule",
-		"value": "America/Thule"
-	},
-	{
-		"name": "-04:00 Atlantic Time - Willemstad",
-		"value": "America/Curacao"
-	},
-	{
-		"name": "-04:00 Bolivia Time - La Paz, Santa Cruz de la Sierra, Cochabamba, Sucre",
-		"value": "America/La_Paz"
-	},
-	{
-		"name": "-04:00 Chile Time - Santiago, Puente Alto, Antofagasta, Viña del Mar",
-		"value": "America/Santiago"
-	},
-	{
-		"name": "-04:00 Guyana Time - Georgetown, Linden, New Amsterdam",
-		"value": "America/Guyana"
-	},
-	{
-		"name": "-04:00 Paraguay Time - Asunción, Ciudad del Este, San Lorenzo, Capiatá",
-		"value": "America/Asuncion"
-	},
-	{
-		"name": "-04:00 Venezuela Time - Caracas, Maracaibo, Maracay, Valencia",
-		"value": "America/Caracas"
-	},
-	{
-		"name": "-03:30 Newfoundland Time - St. John's, Mount Pearl, Corner Brook, Conception Bay South",
-		"value": "America/St_Johns"
-	},
-	{
-		"name": "-03:00 Argentina Time - Buenos Aires, Córdoba, Rosario, Mar del Plata",
-		"value": "America/Argentina/Buenos_Aires"
-	},
-	{
-		"name": "-03:00 Brasilia Time - São Paulo, Rio de Janeiro, Belo Horizonte, Salvador",
-		"value": "America/Sao_Paulo"
-	},
-	{
-		"name": "-03:00 Chile Time - Palmer, Rothera",
-		"value": "Antarctica/Palmer"
-	},
-	{
-		"name": "-03:00 Chile Time - Punta Arenas, Puerto Natales",
-		"value": "America/Punta_Arenas"
-	},
-	{
-		"name": "-03:00 Falkland Islands Time - Stanley",
-		"value": "Atlantic/Stanley"
-	},
-	{
-		"name": "-03:00 French Guiana Time - Cayenne, Matoury, Saint-Laurent-du-Maroni, Kourou",
-		"value": "America/Cayenne"
-	},
-	{
-		"name": "-03:00 St. Pierre & Miquelon Time - Saint-Pierre",
-		"value": "America/Miquelon"
-	},
-	{
-		"name": "-03:00 Suriname Time - Paramaribo, Lelydorp",
-		"value": "America/Paramaribo"
-	},
-	{
-		"name": "-03:00 Uruguay Time - Montevideo, Salto, Paysandú, Las Piedras",
-		"value": "America/Montevideo"
-	},
-	{
-		"name": "-03:00 West Greenland Time - Nuuk",
-		"value": "America/Nuuk"
-	},
-	{
-		"name": "-02:00 Fernando de Noronha Time - Noronha",
-		"value": "America/Noronha"
-	},
-	{
-		"name": "-02:00 South Georgia Time - Grytviken",
-		"value": "Atlantic/South_Georgia"
-	},
-	{
-		"name": "-01:00 Azores Time - Ponta Delgada",
-		"value": "Atlantic/Azores"
-	},
-	{
-		"name": "-01:00 Cape Verde Time - Praia, Mindelo, Santa Maria, Cova Figueira",
-		"value": "Atlantic/Cape_Verde"
-	},
-	{
-		"name": "-01:00 East Greenland Time - Scoresbysund",
-		"value": "America/Scoresbysund"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Abidjan, Abobo, Bouaké, Korhogo",
-		"value": "Africa/Abidjan"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Accra, Kumasi, Tamale, Takoradi",
-		"value": "Africa/Accra"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Bamako, Ségou, Sikasso, Mopti",
-		"value": "Africa/Bamako"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Bissau, Bafatá",
-		"value": "Africa/Bissau"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Camayenne, Conakry, Nzérékoré, Kindia",
-		"value": "Africa/Conakry"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Dakar, Pikine, Touba, Thiès",
-		"value": "Africa/Dakar"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Danmarkshavn",
-		"value": "America/Danmarkshavn"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Douglas",
-		"value": "Europe/Isle_of_Man"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Dublin, South Dublin, Cork, Limerick",
-		"value": "Europe/Dublin"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Freetown, Bo, Kenema, Koidu",
-		"value": "Africa/Freetown"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Jamestown",
-		"value": "Atlantic/St_Helena"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Lomé, Sokodé, Kara, Atakpamé",
-		"value": "Africa/Lome"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - London, Birmingham, Liverpool, Glasgow",
-		"value": "Europe/London"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Monrovia, Gbarnga, Kakata, Bensonville",
-		"value": "Africa/Monrovia"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Nouakchott, Nouadhibou, Dar Naim, Néma",
-		"value": "Africa/Nouakchott"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Ouagadougou, Bobo-Dioulasso, Koudougou, Ouahigouya",
-		"value": "Africa/Ouagadougou"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Reykjavík, Kópavogur, Hafnarfjörður, Reykjanesbær",
-		"value": "Atlantic/Reykjavik"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Saint Helier",
-		"value": "Europe/Jersey"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Saint Peter Port",
-		"value": "Europe/Guernsey"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Serekunda, Brikama, Bakau, Banjul",
-		"value": "Africa/Banjul"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - São Tomé",
-		"value": "Africa/Sao_Tome"
-	},
-	{
-		"name": "+00:00 Greenwich Mean Time - Troll",
-		"value": "Antarctica/Troll"
-	},
-	{
-		"name": "+00:00 Western European Time - Casablanca, Rabat, Fès, Sale",
-		"value": "Africa/Casablanca"
-	},
-	{
-		"name": "+00:00 Western European Time - Laayoune, Dakhla, Boujdour",
-		"value": "Africa/El_Aaiun"
-	},
-	{
-		"name": "+00:00 Western European Time - Las Palmas de Gran Canaria, Santa Cruz de Tenerife, La Laguna, Telde",
-		"value": "Atlantic/Canary"
-	},
-	{
-		"name": "+00:00 Western European Time - Lisbon, Porto, Amadora, Braga",
-		"value": "Europe/Lisbon"
-	},
-	{
-		"name": "+00:00 Western European Time - Tórshavn",
-		"value": "Atlantic/Faroe"
-	},
-	{
-		"name": "+01:00 Central Africa Time - Windhoek, Rundu, Walvis Bay, Oshakati",
-		"value": "Africa/Windhoek"
-	},
-	{
-		"name": "+01:00 Central European Time - Algiers, Boumerdas, Oran, Tébessa",
-		"value": "Africa/Algiers"
-	},
-	{
-		"name": "+01:00 Central European Time - Amsterdam, Rotterdam, The Hague, Utrecht",
-		"value": "Europe/Amsterdam"
-	},
-	{
-		"name": "+01:00 Central European Time - Andorra la Vella, les Escaldes",
-		"value": "Europe/Andorra"
-	},
-	{
-		"name": "+01:00 Central European Time - Belgrade, Niš, Novi Sad, Zemun",
-		"value": "Europe/Belgrade"
-	},
-	{
-		"name": "+01:00 Central European Time - Berlin, Hamburg, Munich, Köln",
-		"value": "Europe/Berlin"
-	},
-	{
-		"name": "+01:00 Central European Time - Bratislava, Košice, Nitra, Prešov",
-		"value": "Europe/Bratislava"
-	},
-	{
-		"name": "+01:00 Central European Time - Brussels, Antwerpen, Gent, Charleroi",
-		"value": "Europe/Brussels"
-	},
-	{
-		"name": "+01:00 Central European Time - Budapest, Debrecen, Szeged, Miskolc",
-		"value": "Europe/Budapest"
-	},
-	{
-		"name": "+01:00 Central European Time - Copenhagen, Århus, Odense, Aalborg",
-		"value": "Europe/Copenhagen"
-	},
-	{
-		"name": "+01:00 Central European Time - Gibraltar",
-		"value": "Europe/Gibraltar"
-	},
-	{
-		"name": "+01:00 Central European Time - Ljubljana, Maribor, Kranj, Celje",
-		"value": "Europe/Ljubljana"
-	},
-	{
-		"name": "+01:00 Central European Time - Longyearbyen",
-		"value": "Arctic/Longyearbyen"
-	},
-	{
-		"name": "+01:00 Central European Time - Luxembourg, Esch-sur-Alzette, Dudelange",
-		"value": "Europe/Luxembourg"
-	},
-	{
-		"name": "+01:00 Central European Time - Madrid, Barcelona, Valencia, Sevilla",
-		"value": "Europe/Madrid"
-	},
-	{
-		"name": "+01:00 Central European Time - Monaco, Monte-Carlo",
-		"value": "Europe/Monaco"
-	},
-	{
-		"name": "+01:00 Central European Time - Oslo, Bergen, Trondheim, Stavanger",
-		"value": "Europe/Oslo"
-	},
-	{
-		"name": "+01:00 Central European Time - Paris, Marseille, Lyon, Toulouse",
-		"value": "Europe/Paris"
-	},
-	{
-		"name": "+01:00 Central European Time - Podgorica, Nikšić, Herceg Novi, Pljevlja",
-		"value": "Europe/Podgorica"
-	},
-	{
-		"name": "+01:00 Central European Time - Prague, Brno, Ostrava, Pilsen",
-		"value": "Europe/Prague"
-	},
-	{
-		"name": "+01:00 Central European Time - Rome, Milan, Naples, Turin",
-		"value": "Europe/Rome"
-	},
-	{
-		"name": "+01:00 Central European Time - San Marino",
-		"value": "Europe/San_Marino"
-	},
-	{
-		"name": "+01:00 Central European Time - San Pawl il-Baħar, Birkirkara, Mosta, Sliema",
-		"value": "Europe/Malta"
-	},
-	{
-		"name": "+01:00 Central European Time - Sarajevo, Banja Luka, Zenica, Tuzla",
-		"value": "Europe/Sarajevo"
-	},
-	{
-		"name": "+01:00 Central European Time - Skopje, Kumanovo, Prilep, Bitola",
-		"value": "Europe/Skopje"
-	},
-	{
-		"name": "+01:00 Central European Time - Stockholm, Göteborg, Malmö, Uppsala",
-		"value": "Europe/Stockholm"
-	},
-	{
-		"name": "+01:00 Central European Time - Tirana, Durrës, Elbasan, Vlorë",
-		"value": "Europe/Tirane"
-	},
-	{
-		"name": "+01:00 Central European Time - Tunis, Sfax, Sousse, Kairouan",
-		"value": "Africa/Tunis"
-	},
-	{
-		"name": "+01:00 Central European Time - Vaduz",
-		"value": "Europe/Vaduz"
-	},
-	{
-		"name": "+01:00 Central European Time - Vatican City",
-		"value": "Europe/Vatican"
-	},
-	{
-		"name": "+01:00 Central European Time - Vienna, Graz, Linz, Favoriten",
-		"value": "Europe/Vienna"
-	},
-	{
-		"name": "+01:00 Central European Time - Warsaw, Łódź, Kraków, Wrocław",
-		"value": "Europe/Warsaw"
-	},
-	{
-		"name": "+01:00 Central European Time - Zagreb, Split, Rijeka, Osijek",
-		"value": "Europe/Zagreb"
-	},
-	{
-		"name": "+01:00 Central European Time - Zürich, Genève, Basel, Lausanne",
-		"value": "Europe/Zurich"
-	},
-	{
-		"name": "+01:00 West Africa Time - Bangui, Bimbo, Mbaïki, Berbérati",
-		"value": "Africa/Bangui"
-	},
-	{
-		"name": "+01:00 West Africa Time - Bata, Malabo, Ebebiyin",
-		"value": "Africa/Malabo"
-	},
-	{
-		"name": "+01:00 West Africa Time - Brazzaville, Pointe-Noire, Dolisie, Kayes",
-		"value": "Africa/Brazzaville"
-	},
-	{
-		"name": "+01:00 West Africa Time - Cotonou, Abomey-Calavi, Djougou, Porto-Novo",
-		"value": "Africa/Porto-Novo"
-	},
-	{
-		"name": "+01:00 West Africa Time - Douala, Yaoundé, Garoua, Kousséri",
-		"value": "Africa/Douala"
-	},
-	{
-		"name": "+01:00 West Africa Time - Kinshasa, Masina, Kikwit, Mbandaka",
-		"value": "Africa/Kinshasa"
-	},
-	{
-		"name": "+01:00 West Africa Time - Lagos, Kano, Ibadan, Port Harcourt",
-		"value": "Africa/Lagos"
-	},
-	{
-		"name": "+01:00 West Africa Time - Libreville, Port-Gentil, Franceville, Oyem",
-		"value": "Africa/Libreville"
-	},
-	{
-		"name": "+01:00 West Africa Time - Luanda, N’dalatando, Huambo, Lobito",
-		"value": "Africa/Luanda"
-	},
-	{
-		"name": "+01:00 West Africa Time - N'Djamena, Moundou, Sarh, Abéché",
-		"value": "Africa/Ndjamena"
-	},
-	{
-		"name": "+01:00 West Africa Time - Niamey, Zinder, Maradi, Agadez",
-		"value": "Africa/Niamey"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Bujumbura, Muyinga, Gitega, Ruyigi",
-		"value": "Africa/Bujumbura"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Gaborone, Francistown, Molepolole, Maun",
-		"value": "Africa/Gaborone"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Harare, Bulawayo, Chitungwiza, Mutare",
-		"value": "Africa/Harare"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Juba, Winejok, Yei, Malakal",
-		"value": "Africa/Juba"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Khartoum, Omdurman, Nyala, Port Sudan",
-		"value": "Africa/Khartoum"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Kigali, Gisenyi, Butare, Gitarama",
-		"value": "Africa/Kigali"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Lilongwe, Blantyre, Mzuzu, Zomba",
-		"value": "Africa/Blantyre"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Lubumbashi, Mbuji-Mayi, Kisangani, Kananga",
-		"value": "Africa/Lubumbashi"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Lusaka, Ndola, Kitwe, Chipata",
-		"value": "Africa/Lusaka"
-	},
-	{
-		"name": "+02:00 Central Africa Time - Maputo, Matola, Nampula, Beira",
-		"value": "Africa/Maputo"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Athens, Thessaloníki, Pátra, Piraeus",
-		"value": "Europe/Athens"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Beirut, Ra’s Bayrūt, Tripoli, Sidon",
-		"value": "Asia/Beirut"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Bucharest, Sector 3, Iaşi, Sector 6",
-		"value": "Europe/Bucharest"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Cairo, Alexandria, Giza, Shubrā al Khaymah",
-		"value": "Africa/Cairo"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Chisinau, Tiraspol, Bălţi, Bender",
-		"value": "Europe/Chisinau"
-	},
-	{
-		"name": "+02:00 Eastern European Time - East Jerusalem, Gaza, Khān Yūnis, Jabālyā",
-		"value": "Asia/Hebron"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Helsinki, Espoo, Tampere, Oulu",
-		"value": "Europe/Helsinki"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Kaliningrad, Chernyakhovsk, Sovetsk, Baltiysk",
-		"value": "Europe/Kaliningrad"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Kyiv, Kharkiv, Odesa, Dnipro",
-		"value": "Europe/Kyiv"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Mariehamn",
-		"value": "Europe/Mariehamn"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Nicosia, Limassol, Larnaca, Stróvolos",
-		"value": "Asia/Nicosia"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Riga, Daugavpils, Liepāja, Jelgava",
-		"value": "Europe/Riga"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Sofia, Plovdiv, Varna, Burgas",
-		"value": "Europe/Sofia"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Tallinn, Tartu, Narva, Pärnu",
-		"value": "Europe/Tallinn"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Tripoli, Benghazi, Ajdabiya, Mişrātah",
-		"value": "Africa/Tripoli"
-	},
-	{
-		"name": "+02:00 Eastern European Time - Vilnius, Kaunas, Klaipėda, Šiauliai",
-		"value": "Europe/Vilnius"
-	},
-	{
-		"name": "+02:00 Israel Time - Jerusalem, Tel Aviv, West Jerusalem, Haifa",
-		"value": "Asia/Jerusalem"
-	},
-	{
-		"name": "+02:00 South Africa Time - Johannesburg, Cape Town, Durban, Soweto",
-		"value": "Africa/Johannesburg"
-	},
-	{
-		"name": "+02:00 South Africa Time - Manzini, Mbabane, Lobamba",
-		"value": "Africa/Mbabane"
-	},
-	{
-		"name": "+02:00 South Africa Time - Maseru, Mohale’s Hoek, Mafeteng, Leribe",
-		"value": "Africa/Maseru"
-	},
-	{
-		"name": "+03:00 Arabian Time - Al Aḩmadī, Ḩawallī, As Sālimīyah, Şabāḩ as Sālim",
-		"value": "Asia/Kuwait"
-	},
-	{
-		"name": "+03:00 Arabian Time - Ar Rifā‘, Manama, Al Muharraq, Dār Kulayb",
-		"value": "Asia/Bahrain"
-	},
-	{
-		"name": "+03:00 Arabian Time - Baghdad, Al Mawşil al Jadīdah, Al Başrah al Qadīmah, Mosul",
-		"value": "Asia/Baghdad"
-	},
-	{
-		"name": "+03:00 Arabian Time - Doha, Ar Rayyān, Umm Şalāl Muḩammad, Al Wakrah",
-		"value": "Asia/Qatar"
-	},
-	{
-		"name": "+03:00 Arabian Time - Jeddah, Riyadh, Mecca, Medina",
-		"value": "Asia/Riyadh"
-	},
-	{
-		"name": "+03:00 Arabian Time - Sanaa, Aden, Al Ḩudaydah, Taiz",
-		"value": "Asia/Aden"
-	},
-	{
-		"name": "+03:00 Asia/Amman - Amman, Zarqa, Irbid, Russeifa",
-		"value": "Asia/Amman"
-	},
-	{
-		"name": "+03:00 Asia/Damascus - Aleppo, Damascus, Homs, Latakia",
-		"value": "Asia/Damascus"
-	},
-	{
-		"name": "+03:00 East Africa Time - Addis Ababa, Jijiga, Gondar, Mek'ele",
-		"value": "Africa/Addis_Ababa"
-	},
-	{
-		"name": "+03:00 East Africa Time - Antananarivo, Toamasina, Antsirabe, Mahajanga",
-		"value": "Indian/Antananarivo"
-	},
-	{
-		"name": "+03:00 East Africa Time - Asmara, Keren, Massawa, Assab",
-		"value": "Africa/Asmara"
-	},
-	{
-		"name": "+03:00 East Africa Time - Dar es Salaam, Mwanza, Zanzibar, Arusha",
-		"value": "Africa/Dar_es_Salaam"
-	},
-	{
-		"name": "+03:00 East Africa Time - Djibouti, 'Ali Sabieh, Tadjourah, Obock",
-		"value": "Africa/Djibouti"
-	},
-	{
-		"name": "+03:00 East Africa Time - Kampala, Gulu, Lira, Mbarara",
-		"value": "Africa/Kampala"
-	},
-	{
-		"name": "+03:00 East Africa Time - Mamoudzou, Koungou, Dzaoudzi",
-		"value": "Indian/Mayotte"
-	},
-	{
-		"name": "+03:00 East Africa Time - Mogadishu, Hargeysa, Berbera, Kismayo",
-		"value": "Africa/Mogadishu"
-	},
-	{
-		"name": "+03:00 East Africa Time - Moroni, Moutsamoudou",
-		"value": "Indian/Comoro"
-	},
-	{
-		"name": "+03:00 East Africa Time - Nairobi, Kakamega, Mombasa, Ruiru",
-		"value": "Africa/Nairobi"
-	},
-	{
-		"name": "+03:00 Moscow Time - Minsk, Homyel', Hrodna, Mahilyow",
-		"value": "Europe/Minsk"
-	},
-	{
-		"name": "+03:00 Moscow Time - Moscow, Saint Petersburg, Nizhniy Novgorod, Kazan",
-		"value": "Europe/Moscow"
-	},
-	{
-		"name": "+03:00 Moscow Time - Sevastopol, Simferopol, Kerch, Yevpatoriya",
-		"value": "Europe/Simferopol"
-	},
-	{
-		"name": "+03:00 Syowa Time - Syowa",
-		"value": "Antarctica/Syowa"
-	},
-	{
-		"name": "+03:00 Turkey Time - Istanbul, Ankara, Bursa, İzmir",
-		"value": "Europe/Istanbul"
-	},
-	{
-		"name": "+03:30 Iran Time - Tehran, Mashhad, Isfahan, Karaj",
-		"value": "Asia/Tehran"
-	},
-	{
-		"name": "+04:00 Armenia Time - Yerevan, Gyumri, Vanadzor, Vagharshapat",
-		"value": "Asia/Yerevan"
-	},
-	{
-		"name": "+04:00 Azerbaijan Time - Baku, Sumqayıt, Ganja, Lankaran",
-		"value": "Asia/Baku"
-	},
-	{
-		"name": "+04:00 Georgia Time - Tbilisi, Batumi, Kutaisi, Rustavi",
-		"value": "Asia/Tbilisi"
-	},
-	{
-		"name": "+04:00 Gulf Time - Dubai, Abu Dhabi, Sharjah, Al Ain City",
-		"value": "Asia/Dubai"
-	},
-	{
-		"name": "+04:00 Gulf Time - Muscat, Seeb, Bawshar, ‘Ibrī",
-		"value": "Asia/Muscat"
-	},
-	{
-		"name": "+04:00 Mauritius Time - Port Louis, Vacoas, Beau Bassin-Rose Hill, Curepipe",
-		"value": "Indian/Mauritius"
-	},
-	{
-		"name": "+04:00 Réunion Time - Saint-Denis, Saint-Paul, Le Tampon, Saint-Pierre",
-		"value": "Indian/Reunion"
-	},
-	{
-		"name": "+04:00 Samara Time - Samara, Saratov, Tolyatti, Izhevsk",
-		"value": "Europe/Samara"
-	},
-	{
-		"name": "+04:00 Seychelles Time - Victoria",
-		"value": "Indian/Mahe"
-	},
-	{
-		"name": "+04:30 Afghanistan Time - Kabul, Herāt, Mazār-e Sharīf, Kandahār",
-		"value": "Asia/Kabul"
-	},
-	{
-		"name": "+05:00 French Southern & Antarctic Time - Port-aux-Français",
-		"value": "Indian/Kerguelen"
-	},
-	{
-		"name": "+05:00 Maldives Time - Male",
-		"value": "Indian/Maldives"
-	},
-	{
-		"name": "+05:00 Mawson Time - Mawson",
-		"value": "Antarctica/Mawson"
-	},
-	{
-		"name": "+05:00 Pakistan Time - Karachi, Lahore, Faisalabad, Rawalpindi",
-		"value": "Asia/Karachi"
-	},
-	{
-		"name": "+05:00 Tajikistan Time - Dushanbe, Isfara, Istaravshan, Kŭlob",
-		"value": "Asia/Dushanbe"
-	},
-	{
-		"name": "+05:00 Turkmenistan Time - Ashgabat, Türkmenabat, Daşoguz, Mary",
-		"value": "Asia/Ashgabat"
-	},
-	{
-		"name": "+05:00 Uzbekistan Time - Tashkent, Namangan, Samarkand, Andijon",
-		"value": "Asia/Tashkent"
-	},
-	{
-		"name": "+05:00 West Kazakhstan Time - Aktobe, Kyzylorda, Oral, Atyrau",
-		"value": "Asia/Aqtobe"
-	},
-	{
-		"name": "+05:00 Yekaterinburg Time - Yekaterinburg, Chelyabinsk, Ufa, Perm",
-		"value": "Asia/Yekaterinburg"
-	},
-	{
-		"name": "+05:30 India Time - Colombo, Dehiwala-Mount Lavinia, Maharagama, Jaffna",
-		"value": "Asia/Colombo"
-	},
-	{
-		"name": "+05:30 India Time - Mumbai, Delhi, Bengaluru, Hyderābād",
-		"value": "Asia/Kolkata"
-	},
-	{
-		"name": "+05:45 Nepal Time - Kathmandu, Bharatpur, Pātan, Birgañj",
-		"value": "Asia/Kathmandu"
-	},
-	{
-		"name": "+06:00 Bangladesh Time - Dhaka, Chattogram, Khulna, Rangpur",
-		"value": "Asia/Dhaka"
-	},
-	{
-		"name": "+06:00 Bhutan Time - Thimphu, Phuntsholing, Tsirang, Punākha",
-		"value": "Asia/Thimphu"
-	},
-	{
-		"name": "+06:00 China Time - Ürümqi, Shihezi, Korla, Aksu",
-		"value": "Asia/Urumqi"
-	},
-	{
-		"name": "+06:00 East Kazakhstan Time - Almaty, Shymkent, Karagandy, Taraz",
-		"value": "Asia/Almaty"
-	},
-	{
-		"name": "+06:00 Indian Ocean Time - Chagos",
-		"value": "Indian/Chagos"
-	},
-	{
-		"name": "+06:00 Kyrgyzstan Time - Bishkek, Osh, Jalal-Abad, Karakol",
-		"value": "Asia/Bishkek"
-	},
-	{
-		"name": "+06:00 Omsk Time - Omsk, Tara, Kalachinsk",
-		"value": "Asia/Omsk"
-	},
-	{
-		"name": "+06:00 Vostok Time - Vostok",
-		"value": "Antarctica/Vostok"
-	},
-	{
-		"name": "+06:30 Cocos Islands Time - West Island",
-		"value": "Indian/Cocos"
-	},
-	{
-		"name": "+06:30 Myanmar Time - Yangon, Mandalay, Nay Pyi Taw, Mawlamyine",
-		"value": "Asia/Yangon"
-	},
-	{
-		"name": "+07:00 Christmas Island Time - Flying Fish Cove",
-		"value": "Indian/Christmas"
-	},
-	{
-		"name": "+07:00 Davis Time - Davis",
-		"value": "Antarctica/Davis"
-	},
-	{
-		"name": "+07:00 Hovd Time - Ulaangom, Khovd, Ölgii, Altai",
-		"value": "Asia/Hovd"
-	},
-	{
-		"name": "+07:00 Indochina Time - Bangkok, Samut Prakan, Mueang Nonthaburi, Chon Buri",
-		"value": "Asia/Bangkok"
-	},
-	{
-		"name": "+07:00 Indochina Time - Ho Chi Minh City, Da Nang, Biên Hòa, Cần Thơ",
-		"value": "Asia/Ho_Chi_Minh"
-	},
-	{
-		"name": "+07:00 Indochina Time - Phnom Penh, Takeo, Siem Reap, Battambang",
-		"value": "Asia/Phnom_Penh"
-	},
-	{
-		"name": "+07:00 Indochina Time - Vientiane, Savannakhet, Pakse, Thakhèk",
-		"value": "Asia/Vientiane"
-	},
-	{
-		"name": "+07:00 Novosibirsk Time - Novosibirsk, Krasnoyarsk, Barnaul, Tomsk",
-		"value": "Asia/Novosibirsk"
-	},
-	{
-		"name": "+07:00 Western Indonesia Time - Jakarta, Surabaya, Bekasi, Bandung",
-		"value": "Asia/Jakarta"
-	},
-	{
-		"name": "+08:00 Australian Western Time - Perth, Mandurah, Bunbury, Baldivis",
-		"value": "Australia/Perth"
-	},
-	{
-		"name": "+08:00 Brunei Darussalam Time - Bandar Seri Begawan, Kuala Belait, Seria, Tutong",
-		"value": "Asia/Brunei"
-	},
-	{
-		"name": "+08:00 Central Indonesia Time - Makassar, Samarinda, Denpasar, Balikpapan",
-		"value": "Asia/Makassar"
-	},
-	{
-		"name": "+08:00 China Time - Macau",
-		"value": "Asia/Macau"
-	},
-	{
-		"name": "+08:00 China Time - Shanghai, Beijing, Shenzhen, Guangzhou",
-		"value": "Asia/Shanghai"
-	},
-	{
-		"name": "+08:00 Hong Kong Time - Hong Kong, Kowloon, Victoria, Tuen Mun",
-		"value": "Asia/Hong_Kong"
-	},
-	{
-		"name": "+08:00 Irkutsk Time - Irkutsk, Ulan-Ude, Bratsk, Angarsk",
-		"value": "Asia/Irkutsk"
-	},
-	{
-		"name": "+08:00 Malaysia Time - Kuala Lumpur, Petaling Jaya, Klang, Johor Bahru",
-		"value": "Asia/Kuala_Lumpur"
-	},
-	{
-		"name": "+08:00 Philippine Time - Quezon City, Davao, Manila, Caloocan City",
-		"value": "Asia/Manila"
-	},
-	{
-		"name": "+08:00 Singapore Time - Singapore, Woodlands, Geylang, Queenstown Estate",
-		"value": "Asia/Singapore"
-	},
-	{
-		"name": "+08:00 Taipei Time - Taipei, Kaohsiung, Taichung, Tainan",
-		"value": "Asia/Taipei"
-	},
-	{
-		"name": "+08:00 Ulaanbaatar Time - Ulan Bator, Erdenet, Darhan, Mörön",
-		"value": "Asia/Ulaanbaatar"
-	},
-	{
-		"name": "+08:45 Australian Central Western Time - Eucla",
-		"value": "Australia/Eucla"
-	},
-	{
-		"name": "+09:00 East Timor Time - Dili, Maliana, Suai, Likisá",
-		"value": "Asia/Dili"
-	},
-	{
-		"name": "+09:00 Eastern Indonesia Time - Jayapura, Ambon, Sorong, Ternate",
-		"value": "Asia/Jayapura"
-	},
-	{
-		"name": "+09:00 Japan Time - Tokyo, Yokohama, Osaka, Nagoya",
-		"value": "Asia/Tokyo"
-	},
-	{
-		"name": "+09:00 Korean Time - Pyongyang, Hamhŭng, Namp’o, Sunch’ŏn",
-		"value": "Asia/Pyongyang"
-	},
-	{
-		"name": "+09:00 Korean Time - Seoul, Busan, Incheon, Daegu",
-		"value": "Asia/Seoul"
-	},
-	{
-		"name": "+09:00 Palau Time - Ngerulmud",
-		"value": "Pacific/Palau"
-	},
-	{
-		"name": "+09:00 Yakutsk Time - Chita, Yakutsk, Blagoveshchensk, Belogorsk",
-		"value": "Asia/Chita"
-	},
-	{
-		"name": "+09:30 Australian Central Time - Adelaide, Adelaide Hills, Mount Gambier, Morphett Vale",
-		"value": "Australia/Adelaide"
-	},
-	{
-		"name": "+09:30 Australian Central Time - Darwin, Alice Springs, Palmerston",
-		"value": "Australia/Darwin"
-	},
-	{
-		"name": "+10:00 Australian Eastern Time - Brisbane, Gold Coast, Logan City, Townsville",
-		"value": "Australia/Brisbane"
-	},
-	{
-		"name": "+10:00 Australian Eastern Time - Sydney, Melbourne, Canberra, Newcastle",
-		"value": "Australia/Sydney"
-	},
-	{
-		"name": "+10:00 Chamorro Time - Dededo Village, Yigo Village, Tamuning-Tumon-Harmon Village, Tamuning",
-		"value": "Pacific/Guam"
-	},
-	{
-		"name": "+10:00 Chamorro Time - Saipan",
-		"value": "Pacific/Saipan"
-	},
-	{
-		"name": "+10:00 Chuuk Time - Chuuk",
-		"value": "Pacific/Chuuk"
-	},
-	{
-		"name": "+10:00 Dumont-d’Urville Time - DumontDUrville",
-		"value": "Antarctica/DumontDUrville"
-	},
-	{
-		"name": "+10:00 Papua New Guinea Time - Port Moresby, Lae, Mount Hagen, Popondetta",
-		"value": "Pacific/Port_Moresby"
-	},
-	{
-		"name": "+10:00 Vladivostok Time - Khabarovsk, Vladivostok, Khabarovsk Vtoroy, Komsomolsk-on-Amur",
-		"value": "Asia/Vladivostok"
-	},
-	{
-		"name": "+10:30 Lord Howe Time - Lord Howe",
-		"value": "Australia/Lord_Howe"
-	},
-	{
-		"name": "+11:00 Bougainville Time - Arawa",
-		"value": "Pacific/Bougainville"
-	},
-	{
-		"name": "+11:00 Casey Time - Casey",
-		"value": "Antarctica/Casey"
-	},
-	{
-		"name": "+11:00 Kosrae Time - Kosrae, Palikir - National Government Center",
-		"value": "Pacific/Kosrae"
-	},
-	{
-		"name": "+11:00 New Caledonia Time - Nouméa, Mont-Dore, Dumbéa",
-		"value": "Pacific/Noumea"
-	},
-	{
-		"name": "+11:00 Norfolk Island Time - Kingston",
-		"value": "Pacific/Norfolk"
-	},
-	{
-		"name": "+11:00 Sakhalin Time - Yuzhno-Sakhalinsk, Magadan, Korsakov, Kholmsk",
-		"value": "Asia/Sakhalin"
-	},
-	{
-		"name": "+11:00 Solomon Islands Time - Honiara",
-		"value": "Pacific/Guadalcanal"
-	},
-	{
-		"name": "+11:00 Vanuatu Time - Port-Vila",
-		"value": "Pacific/Efate"
-	},
-	{
-		"name": "+12:00 Fiji Time - Nasinu, Suva, Lautoka, Nadi",
-		"value": "Pacific/Fiji"
-	},
-	{
-		"name": "+12:00 Gilbert Islands Time - Tarawa",
-		"value": "Pacific/Tarawa"
-	},
-	{
-		"name": "+12:00 Marshall Islands Time - Majuro, Kwajalein, RMI Capitol",
-		"value": "Pacific/Majuro"
-	},
-	{
-		"name": "+12:00 Nauru Time - Yaren",
-		"value": "Pacific/Nauru"
-	},
-	{
-		"name": "+12:00 New Zealand Time - Auckland, Wellington, Christchurch, Manukau City",
-		"value": "Pacific/Auckland"
-	},
-	{
-		"name": "+12:00 New Zealand Time - McMurdo",
-		"value": "Antarctica/McMurdo"
-	},
-	{
-		"name": "+12:00 Petropavlovsk-Kamchatski Time - Petropavlovsk-Kamchatsky, Yelizovo, Vilyuchinsk, Anadyr",
-		"value": "Asia/Kamchatka"
-	},
-	{
-		"name": "+12:00 Tuvalu Time - Funafuti",
-		"value": "Pacific/Funafuti"
-	},
-	{
-		"name": "+12:00 Wake Island Time - Wake",
-		"value": "Pacific/Wake"
-	},
-	{
-		"name": "+12:00 Wallis & Futuna Time - Mata-Utu",
-		"value": "Pacific/Wallis"
-	},
-	{
-		"name": "+12:45 Chatham Time - Chatham",
-		"value": "Pacific/Chatham"
-	},
-	{
-		"name": "+13:00 Apia Time - Apia",
-		"value": "Pacific/Apia"
-	},
-	{
-		"name": "+13:00 Phoenix Islands Time - Kanton",
-		"value": "Pacific/Kanton"
-	},
-	{
-		"name": "+13:00 Tokelau Time - Fakaofo",
-		"value": "Pacific/Fakaofo"
-	},
-	{
-		"name": "+13:00 Tonga Time - Nuku‘alofa",
-		"value": "Pacific/Tongatapu"
-	},
-	{
-		"name": "+14:00 Line Islands Time - Kiritimati",
-		"value": "Pacific/Kiritimati"
-	}
+  {
+    "name": "-11:00 Niue Time - Alofi",
+    "value": "Pacific/Niue"
+  },
+  {
+    "name": "-11:00 Samoa Time - Midway",
+    "value": "Pacific/Midway"
+  },
+  {
+    "name": "-11:00 Samoa Time - Pago Pago",
+    "value": "Pacific/Pago_Pago"
+  },
+  {
+    "name": "-10:00 Cook Islands Time - Avarua",
+    "value": "Pacific/Rarotonga"
+  },
+  {
+    "name": "-10:00 Hawaii-Aleutian Time - Adak",
+    "value": "America/Adak"
+  },
+  {
+    "name": "-10:00 Hawaii-Aleutian Time - Honolulu, East Honolulu, Pearl City, Hilo",
+    "value": "Pacific/Honolulu"
+  },
+  {
+    "name": "-10:00 Tahiti Time - Faaa, Papeete, Punaauia",
+    "value": "Pacific/Tahiti"
+  },
+  {
+    "name": "-09:30 Marquesas Time - Marquesas",
+    "value": "Pacific/Marquesas"
+  },
+  {
+    "name": "-09:00 Alaska Time - Anchorage, Juneau, Fairbanks, Eagle River",
+    "value": "America/Anchorage"
+  },
+  {
+    "name": "-09:00 Gambier Time - Gambier",
+    "value": "Pacific/Gambier"
+  },
+  {
+    "name": "-08:00 Pacific Time - Los Angeles, San Diego, San Jose, San Francisco",
+    "value": "America/Los_Angeles"
+  },
+  {
+    "name": "-08:00 Pacific Time - Tijuana, Mexicali, Ensenada, Rosarito",
+    "value": "America/Tijuana"
+  },
+  {
+    "name": "-08:00 Pacific Time - Vancouver, Surrey, Okanagan, Victoria",
+    "value": "America/Vancouver"
+  },
+  {
+    "name": "-08:00 Pitcairn Time - Adamstown",
+    "value": "Pacific/Pitcairn"
+  },
+  {
+    "name": "-07:00 Mexican Pacific Time - Hermosillo, Culiacán, Ciudad Obregón, Mazatlán",
+    "value": "America/Hermosillo"
+  },
+  {
+    "name": "-07:00 Mountain Time - Calgary, Edmonton, Red Deer, Sherwood Park",
+    "value": "America/Edmonton"
+  },
+  {
+    "name": "-07:00 Mountain Time - Ciudad Juárez",
+    "value": "America/Ciudad_Juarez"
+  },
+  {
+    "name": "-07:00 Mountain Time - Denver, El Paso, Albuquerque, Colorado Springs",
+    "value": "America/Denver"
+  },
+  {
+    "name": "-07:00 Mountain Time - Phoenix, Tucson, Mesa, Chandler",
+    "value": "America/Phoenix"
+  },
+  {
+    "name": "-07:00 Yukon Time - Whitehorse, Fort St. John, Creston, Dawson",
+    "value": "America/Whitehorse"
+  },
+  {
+    "name": "-06:00 Central Time - Belize City, San Ignacio, San Pedro, Orange Walk",
+    "value": "America/Belize"
+  },
+  {
+    "name": "-06:00 Central Time - Chicago, Houston, San Antonio, Dallas",
+    "value": "America/Chicago"
+  },
+  {
+    "name": "-06:00 Central Time - Guatemala City, Villa Nueva, Mixco, Cobán",
+    "value": "America/Guatemala"
+  },
+  {
+    "name": "-06:00 Central Time - Managua, León, Masaya, Chinandega",
+    "value": "America/Managua"
+  },
+  {
+    "name": "-06:00 Central Time - Mexico City, Iztapalapa, León de los Aldama, Puebla",
+    "value": "America/Mexico_City"
+  },
+  {
+    "name": "-06:00 Central Time - Reynosa, Heroica Matamoros, Nuevo Laredo, Piedras Negras",
+    "value": "America/Matamoros"
+  },
+  {
+    "name": "-06:00 Central Time - San José, Limón, San Francisco, Alajuela",
+    "value": "America/Costa_Rica"
+  },
+  {
+    "name": "-06:00 Central Time - San Salvador, Soyapango, San Miguel, Santa Ana",
+    "value": "America/El_Salvador"
+  },
+  {
+    "name": "-06:00 Central Time - Saskatoon, Regina, Prince Albert, Moose Jaw",
+    "value": "America/Regina"
+  },
+  {
+    "name": "-06:00 Central Time - Tegucigalpa, San Pedro Sula, La Ceiba, Choloma",
+    "value": "America/Tegucigalpa"
+  },
+  {
+    "name": "-06:00 Central Time - Winnipeg, Brandon, Steinbach, Kenora",
+    "value": "America/Winnipeg"
+  },
+  {
+    "name": "-06:00 Easter Island Time - Easter",
+    "value": "Pacific/Easter"
+  },
+  {
+    "name": "-06:00 Galapagos Time - Galapagos",
+    "value": "Pacific/Galapagos"
+  },
+  {
+    "name": "-05:00 Acre Time - Rio Branco, Cruzeiro do Sul, Senador Guiomard, Sena Madureira",
+    "value": "America/Rio_Branco"
+  },
+  {
+    "name": "-05:00 Colombia Time - Bogotá, Cali, Medellín, Barranquilla",
+    "value": "America/Bogota"
+  },
+  {
+    "name": "-05:00 Cuba Time - Havana, Santiago de Cuba, Camagüey, Holguín",
+    "value": "America/Havana"
+  },
+  {
+    "name": "-05:00 Eastern Time - Atikokan",
+    "value": "America/Atikokan"
+  },
+  {
+    "name": "-05:00 Eastern Time - Cancún, Chetumal, Playa del Carmen, Cozumel",
+    "value": "America/Cancun"
+  },
+  {
+    "name": "-05:00 Eastern Time - Cockburn Town",
+    "value": "America/Grand_Turk"
+  },
+  {
+    "name": "-05:00 Eastern Time - George Town, West Bay",
+    "value": "America/Cayman"
+  },
+  {
+    "name": "-05:00 Eastern Time - Kingston, New Kingston, Spanish Town, Portmore",
+    "value": "America/Jamaica"
+  },
+  {
+    "name": "-05:00 Eastern Time - Nassau, Lucaya, Freeport",
+    "value": "America/Nassau"
+  },
+  {
+    "name": "-05:00 Eastern Time - New York City, Brooklyn, Queens, Philadelphia",
+    "value": "America/New_York"
+  },
+  {
+    "name": "-05:00 Eastern Time - Panamá, San Miguelito, Juan Díaz, David",
+    "value": "America/Panama"
+  },
+  {
+    "name": "-05:00 Eastern Time - Port-au-Prince, Carrefour, Delmas 73, Port-de-Paix",
+    "value": "America/Port-au-Prince"
+  },
+  {
+    "name": "-05:00 Eastern Time - Toronto, Montréal, Ottawa, Mississauga",
+    "value": "America/Toronto"
+  },
+  {
+    "name": "-05:00 Ecuador Time - Quito, Guayaquil, Cuenca, Santo Domingo de los Colorados",
+    "value": "America/Guayaquil"
+  },
+  {
+    "name": "-05:00 Peru Time - Lima, Callao, Arequipa, Trujillo",
+    "value": "America/Lima"
+  },
+  {
+    "name": "-04:00 Amazon Time - Manaus, Campo Grande, Cuiabá, Porto Velho",
+    "value": "America/Manaus"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Basseterre",
+    "value": "America/St_Kitts"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Blanc-Sablon",
+    "value": "America/Blanc-Sablon"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Brades, Plymouth",
+    "value": "America/Montserrat"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Bridgetown",
+    "value": "America/Barbados"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Castries",
+    "value": "America/St_Lucia"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Chaguanas, Mon Repos, San Fernando, Port of Spain",
+    "value": "America/Port_of_Spain"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Fort-de-France, Le Lamentin, Le Robert, Sainte-Marie",
+    "value": "America/Martinique"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Gustavia",
+    "value": "America/St_Barthelemy"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Halifax, Moncton, Sydney, Dartmouth",
+    "value": "America/Halifax"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Hamilton",
+    "value": "Atlantic/Bermuda"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Kingstown, Kingstown Park",
+    "value": "America/St_Vincent"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Kralendijk",
+    "value": "America/Kralendijk"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Les Abymes, Baie-Mahault, Le Gosier, Petit-Bourg",
+    "value": "America/Guadeloupe"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Marigot",
+    "value": "America/Marigot"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Oranjestad, Tanki Leendert, San Nicolas",
+    "value": "America/Aruba"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Philipsburg",
+    "value": "America/Lower_Princes"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Road Town",
+    "value": "America/Tortola"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Roseau",
+    "value": "America/Dominica"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Saint Croix, Charlotte Amalie",
+    "value": "America/St_Thomas"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Saint George's",
+    "value": "America/Grenada"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Saint John’s",
+    "value": "America/Antigua"
+  },
+  {
+    "name": "-04:00 Atlantic Time - San Juan, Bayamón, Carolina, Ponce",
+    "value": "America/Puerto_Rico"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Santo Domingo, Santiago de los Caballeros, Santo Domingo Oeste, Santo Domingo Este",
+    "value": "America/Santo_Domingo"
+  },
+  {
+    "name": "-04:00 Atlantic Time - The Valley",
+    "value": "America/Anguilla"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Thule",
+    "value": "America/Thule"
+  },
+  {
+    "name": "-04:00 Atlantic Time - Willemstad",
+    "value": "America/Curacao"
+  },
+  {
+    "name": "-04:00 Bolivia Time - La Paz, Santa Cruz de la Sierra, Cochabamba, Sucre",
+    "value": "America/La_Paz"
+  },
+  {
+    "name": "-04:00 Chile Time - Santiago, Puente Alto, Antofagasta, Viña del Mar",
+    "value": "America/Santiago"
+  },
+  {
+    "name": "-04:00 Guyana Time - Georgetown, Linden, New Amsterdam",
+    "value": "America/Guyana"
+  },
+  {
+    "name": "-04:00 Paraguay Time - Asunción, Ciudad del Este, San Lorenzo, Capiatá",
+    "value": "America/Asuncion"
+  },
+  {
+    "name": "-04:00 Venezuela Time - Caracas, Maracaibo, Maracay, Valencia",
+    "value": "America/Caracas"
+  },
+  {
+    "name": "-03:30 Newfoundland Time - St. John's, Mount Pearl, Corner Brook, Conception Bay South",
+    "value": "America/St_Johns"
+  },
+  {
+    "name": "-03:00 Argentina Time - Buenos Aires, Córdoba, Rosario, Mar del Plata",
+    "value": "America/Argentina/Buenos_Aires"
+  },
+  {
+    "name": "-03:00 Brasilia Time - São Paulo, Rio de Janeiro, Belo Horizonte, Salvador",
+    "value": "America/Sao_Paulo"
+  },
+  {
+    "name": "-03:00 Chile Time - Palmer, Rothera",
+    "value": "Antarctica/Palmer"
+  },
+  {
+    "name": "-03:00 Chile Time - Punta Arenas, Puerto Natales",
+    "value": "America/Punta_Arenas"
+  },
+  {
+    "name": "-03:00 Falkland Islands Time - Stanley",
+    "value": "Atlantic/Stanley"
+  },
+  {
+    "name": "-03:00 French Guiana Time - Cayenne, Matoury, Saint-Laurent-du-Maroni, Kourou",
+    "value": "America/Cayenne"
+  },
+  {
+    "name": "-03:00 St. Pierre & Miquelon Time - Saint-Pierre",
+    "value": "America/Miquelon"
+  },
+  {
+    "name": "-03:00 Suriname Time - Paramaribo, Lelydorp",
+    "value": "America/Paramaribo"
+  },
+  {
+    "name": "-03:00 Uruguay Time - Montevideo, Salto, Paysandú, Las Piedras",
+    "value": "America/Montevideo"
+  },
+  {
+    "name": "-03:00 West Greenland Time - Nuuk",
+    "value": "America/Nuuk"
+  },
+  {
+    "name": "-02:00 Fernando de Noronha Time - Noronha",
+    "value": "America/Noronha"
+  },
+  {
+    "name": "-02:00 South Georgia Time - Grytviken",
+    "value": "Atlantic/South_Georgia"
+  },
+  {
+    "name": "-01:00 Azores Time - Ponta Delgada",
+    "value": "Atlantic/Azores"
+  },
+  {
+    "name": "-01:00 Cape Verde Time - Praia, Mindelo, Santa Maria, Cova Figueira",
+    "value": "Atlantic/Cape_Verde"
+  },
+  {
+    "name": "-01:00 East Greenland Time - Scoresbysund",
+    "value": "America/Scoresbysund"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Abidjan, Abobo, Bouaké, Korhogo",
+    "value": "Africa/Abidjan"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Accra, Kumasi, Tamale, Takoradi",
+    "value": "Africa/Accra"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Bamako, Ségou, Sikasso, Mopti",
+    "value": "Africa/Bamako"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Bissau, Bafatá",
+    "value": "Africa/Bissau"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Camayenne, Conakry, Nzérékoré, Kindia",
+    "value": "Africa/Conakry"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Dakar, Pikine, Touba, Thiès",
+    "value": "Africa/Dakar"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Danmarkshavn",
+    "value": "America/Danmarkshavn"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Douglas",
+    "value": "Europe/Isle_of_Man"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Dublin, South Dublin, Cork, Limerick",
+    "value": "Europe/Dublin"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Freetown, Bo, Kenema, Koidu",
+    "value": "Africa/Freetown"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Jamestown",
+    "value": "Atlantic/St_Helena"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Lomé, Sokodé, Kara, Atakpamé",
+    "value": "Africa/Lome"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - London, Birmingham, Liverpool, Glasgow",
+    "value": "Europe/London"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Monrovia, Gbarnga, Kakata, Bensonville",
+    "value": "Africa/Monrovia"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Nouakchott, Nouadhibou, Dar Naim, Néma",
+    "value": "Africa/Nouakchott"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Ouagadougou, Bobo-Dioulasso, Koudougou, Ouahigouya",
+    "value": "Africa/Ouagadougou"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Reykjavík, Kópavogur, Hafnarfjörður, Reykjanesbær",
+    "value": "Atlantic/Reykjavik"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Saint Helier",
+    "value": "Europe/Jersey"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Saint Peter Port",
+    "value": "Europe/Guernsey"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Serekunda, Brikama, Bakau, Banjul",
+    "value": "Africa/Banjul"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - São Tomé",
+    "value": "Africa/Sao_Tome"
+  },
+  {
+    "name": "+00:00 Greenwich Mean Time - Troll",
+    "value": "Antarctica/Troll"
+  },
+  {
+    "name": "+00:00 Western European Time - Casablanca, Rabat, Fès, Sale",
+    "value": "Africa/Casablanca"
+  },
+  {
+    "name": "+00:00 Western European Time - Laayoune, Dakhla, Boujdour",
+    "value": "Africa/El_Aaiun"
+  },
+  {
+    "name": "+00:00 Western European Time - Las Palmas de Gran Canaria, Santa Cruz de Tenerife, La Laguna, Telde",
+    "value": "Atlantic/Canary"
+  },
+  {
+    "name": "+00:00 Western European Time - Lisbon, Porto, Amadora, Braga",
+    "value": "Europe/Lisbon"
+  },
+  {
+    "name": "+00:00 Western European Time - Tórshavn",
+    "value": "Atlantic/Faroe"
+  },
+  {
+    "name": "+01:00 Central Africa Time - Windhoek, Rundu, Walvis Bay, Oshakati",
+    "value": "Africa/Windhoek"
+  },
+  {
+    "name": "+01:00 Central European Time - Algiers, Boumerdas, Oran, Tébessa",
+    "value": "Africa/Algiers"
+  },
+  {
+    "name": "+01:00 Central European Time - Amsterdam, Rotterdam, The Hague, Utrecht",
+    "value": "Europe/Amsterdam"
+  },
+  {
+    "name": "+01:00 Central European Time - Andorra la Vella, les Escaldes",
+    "value": "Europe/Andorra"
+  },
+  {
+    "name": "+01:00 Central European Time - Belgrade, Niš, Novi Sad, Zemun",
+    "value": "Europe/Belgrade"
+  },
+  {
+    "name": "+01:00 Central European Time - Berlin, Hamburg, Munich, Köln",
+    "value": "Europe/Berlin"
+  },
+  {
+    "name": "+01:00 Central European Time - Bratislava, Košice, Nitra, Prešov",
+    "value": "Europe/Bratislava"
+  },
+  {
+    "name": "+01:00 Central European Time - Brussels, Antwerpen, Gent, Charleroi",
+    "value": "Europe/Brussels"
+  },
+  {
+    "name": "+01:00 Central European Time - Budapest, Debrecen, Szeged, Miskolc",
+    "value": "Europe/Budapest"
+  },
+  {
+    "name": "+01:00 Central European Time - Copenhagen, Århus, Odense, Aalborg",
+    "value": "Europe/Copenhagen"
+  },
+  {
+    "name": "+01:00 Central European Time - Gibraltar",
+    "value": "Europe/Gibraltar"
+  },
+  {
+    "name": "+01:00 Central European Time - Ljubljana, Maribor, Kranj, Celje",
+    "value": "Europe/Ljubljana"
+  },
+  {
+    "name": "+01:00 Central European Time - Longyearbyen",
+    "value": "Arctic/Longyearbyen"
+  },
+  {
+    "name": "+01:00 Central European Time - Luxembourg, Esch-sur-Alzette, Dudelange",
+    "value": "Europe/Luxembourg"
+  },
+  {
+    "name": "+01:00 Central European Time - Madrid, Barcelona, Valencia, Sevilla",
+    "value": "Europe/Madrid"
+  },
+  {
+    "name": "+01:00 Central European Time - Monaco, Monte-Carlo",
+    "value": "Europe/Monaco"
+  },
+  {
+    "name": "+01:00 Central European Time - Oslo, Bergen, Trondheim, Stavanger",
+    "value": "Europe/Oslo"
+  },
+  {
+    "name": "+01:00 Central European Time - Paris, Marseille, Lyon, Toulouse",
+    "value": "Europe/Paris"
+  },
+  {
+    "name": "+01:00 Central European Time - Podgorica, Nikšić, Herceg Novi, Pljevlja",
+    "value": "Europe/Podgorica"
+  },
+  {
+    "name": "+01:00 Central European Time - Prague, Brno, Ostrava, Pilsen",
+    "value": "Europe/Prague"
+  },
+  {
+    "name": "+01:00 Central European Time - Rome, Milan, Naples, Turin",
+    "value": "Europe/Rome"
+  },
+  {
+    "name": "+01:00 Central European Time - San Marino",
+    "value": "Europe/San_Marino"
+  },
+  {
+    "name": "+01:00 Central European Time - San Pawl il-Baħar, Birkirkara, Mosta, Sliema",
+    "value": "Europe/Malta"
+  },
+  {
+    "name": "+01:00 Central European Time - Sarajevo, Banja Luka, Zenica, Tuzla",
+    "value": "Europe/Sarajevo"
+  },
+  {
+    "name": "+01:00 Central European Time - Skopje, Kumanovo, Prilep, Bitola",
+    "value": "Europe/Skopje"
+  },
+  {
+    "name": "+01:00 Central European Time - Stockholm, Göteborg, Malmö, Uppsala",
+    "value": "Europe/Stockholm"
+  },
+  {
+    "name": "+01:00 Central European Time - Tirana, Durrës, Elbasan, Vlorë",
+    "value": "Europe/Tirane"
+  },
+  {
+    "name": "+01:00 Central European Time - Tunis, Sfax, Sousse, Kairouan",
+    "value": "Africa/Tunis"
+  },
+  {
+    "name": "+01:00 Central European Time - Vaduz",
+    "value": "Europe/Vaduz"
+  },
+  {
+    "name": "+01:00 Central European Time - Vatican City",
+    "value": "Europe/Vatican"
+  },
+  {
+    "name": "+01:00 Central European Time - Vienna, Graz, Linz, Favoriten",
+    "value": "Europe/Vienna"
+  },
+  {
+    "name": "+01:00 Central European Time - Warsaw, Łódź, Kraków, Wrocław",
+    "value": "Europe/Warsaw"
+  },
+  {
+    "name": "+01:00 Central European Time - Zagreb, Split, Rijeka, Osijek",
+    "value": "Europe/Zagreb"
+  },
+  {
+    "name": "+01:00 Central European Time - Zürich, Genève, Basel, Lausanne",
+    "value": "Europe/Zurich"
+  },
+  {
+    "name": "+01:00 West Africa Time - Bangui, Bimbo, Mbaïki, Berbérati",
+    "value": "Africa/Bangui"
+  },
+  {
+    "name": "+01:00 West Africa Time - Bata, Malabo, Ebebiyin",
+    "value": "Africa/Malabo"
+  },
+  {
+    "name": "+01:00 West Africa Time - Brazzaville, Pointe-Noire, Dolisie, Kayes",
+    "value": "Africa/Brazzaville"
+  },
+  {
+    "name": "+01:00 West Africa Time - Cotonou, Abomey-Calavi, Djougou, Porto-Novo",
+    "value": "Africa/Porto-Novo"
+  },
+  {
+    "name": "+01:00 West Africa Time - Douala, Yaoundé, Garoua, Kousséri",
+    "value": "Africa/Douala"
+  },
+  {
+    "name": "+01:00 West Africa Time - Kinshasa, Masina, Kikwit, Mbandaka",
+    "value": "Africa/Kinshasa"
+  },
+  {
+    "name": "+01:00 West Africa Time - Lagos, Kano, Ibadan, Port Harcourt",
+    "value": "Africa/Lagos"
+  },
+  {
+    "name": "+01:00 West Africa Time - Libreville, Port-Gentil, Franceville, Oyem",
+    "value": "Africa/Libreville"
+  },
+  {
+    "name": "+01:00 West Africa Time - Luanda, N’dalatando, Huambo, Lobito",
+    "value": "Africa/Luanda"
+  },
+  {
+    "name": "+01:00 West Africa Time - N'Djamena, Moundou, Sarh, Abéché",
+    "value": "Africa/Ndjamena"
+  },
+  {
+    "name": "+01:00 West Africa Time - Niamey, Zinder, Maradi, Agadez",
+    "value": "Africa/Niamey"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Bujumbura, Muyinga, Gitega, Ruyigi",
+    "value": "Africa/Bujumbura"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Gaborone, Francistown, Molepolole, Maun",
+    "value": "Africa/Gaborone"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Harare, Bulawayo, Chitungwiza, Mutare",
+    "value": "Africa/Harare"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Juba, Winejok, Yei, Malakal",
+    "value": "Africa/Juba"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Khartoum, Omdurman, Nyala, Port Sudan",
+    "value": "Africa/Khartoum"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Kigali, Gisenyi, Butare, Gitarama",
+    "value": "Africa/Kigali"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Lilongwe, Blantyre, Mzuzu, Zomba",
+    "value": "Africa/Blantyre"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Lubumbashi, Mbuji-Mayi, Kisangani, Kananga",
+    "value": "Africa/Lubumbashi"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Lusaka, Ndola, Kitwe, Chipata",
+    "value": "Africa/Lusaka"
+  },
+  {
+    "name": "+02:00 Central Africa Time - Maputo, Matola, Nampula, Beira",
+    "value": "Africa/Maputo"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Athens, Thessaloníki, Pátra, Piraeus",
+    "value": "Europe/Athens"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Beirut, Ra’s Bayrūt, Tripoli, Sidon",
+    "value": "Asia/Beirut"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Bucharest, Sector 3, Iaşi, Sector 6",
+    "value": "Europe/Bucharest"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Cairo, Alexandria, Giza, Shubrā al Khaymah",
+    "value": "Africa/Cairo"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Chisinau, Tiraspol, Bălţi, Bender",
+    "value": "Europe/Chisinau"
+  },
+  {
+    "name": "+02:00 Eastern European Time - East Jerusalem, Gaza, Khān Yūnis, Jabālyā",
+    "value": "Asia/Hebron"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Helsinki, Espoo, Tampere, Oulu",
+    "value": "Europe/Helsinki"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Kaliningrad, Chernyakhovsk, Sovetsk, Baltiysk",
+    "value": "Europe/Kaliningrad"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Kyiv, Kharkiv, Odesa, Dnipro",
+    "value": "Europe/Kyiv"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Mariehamn",
+    "value": "Europe/Mariehamn"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Nicosia, Limassol, Larnaca, Stróvolos",
+    "value": "Asia/Nicosia"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Riga, Daugavpils, Liepāja, Jelgava",
+    "value": "Europe/Riga"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Sofia, Plovdiv, Varna, Burgas",
+    "value": "Europe/Sofia"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Tallinn, Tartu, Narva, Pärnu",
+    "value": "Europe/Tallinn"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Tripoli, Benghazi, Ajdabiya, Mişrātah",
+    "value": "Africa/Tripoli"
+  },
+  {
+    "name": "+02:00 Eastern European Time - Vilnius, Kaunas, Klaipėda, Šiauliai",
+    "value": "Europe/Vilnius"
+  },
+  {
+    "name": "+02:00 Israel Time - Jerusalem, Tel Aviv, West Jerusalem, Haifa",
+    "value": "Asia/Jerusalem"
+  },
+  {
+    "name": "+02:00 South Africa Time - Johannesburg, Cape Town, Durban, Soweto",
+    "value": "Africa/Johannesburg"
+  },
+  {
+    "name": "+02:00 South Africa Time - Manzini, Mbabane, Lobamba",
+    "value": "Africa/Mbabane"
+  },
+  {
+    "name": "+02:00 South Africa Time - Maseru, Mohale’s Hoek, Mafeteng, Leribe",
+    "value": "Africa/Maseru"
+  },
+  {
+    "name": "+03:00 Arabian Time - Al Aḩmadī, Ḩawallī, As Sālimīyah, Şabāḩ as Sālim",
+    "value": "Asia/Kuwait"
+  },
+  {
+    "name": "+03:00 Arabian Time - Ar Rifā‘, Manama, Al Muharraq, Dār Kulayb",
+    "value": "Asia/Bahrain"
+  },
+  {
+    "name": "+03:00 Arabian Time - Baghdad, Al Mawşil al Jadīdah, Al Başrah al Qadīmah, Mosul",
+    "value": "Asia/Baghdad"
+  },
+  {
+    "name": "+03:00 Arabian Time - Doha, Ar Rayyān, Umm Şalāl Muḩammad, Al Wakrah",
+    "value": "Asia/Qatar"
+  },
+  {
+    "name": "+03:00 Arabian Time - Jeddah, Riyadh, Mecca, Medina",
+    "value": "Asia/Riyadh"
+  },
+  {
+    "name": "+03:00 Arabian Time - Sanaa, Aden, Al Ḩudaydah, Taiz",
+    "value": "Asia/Aden"
+  },
+  {
+    "name": "+03:00 Asia/Amman - Amman, Zarqa, Irbid, Russeifa",
+    "value": "Asia/Amman"
+  },
+  {
+    "name": "+03:00 Asia/Damascus - Aleppo, Damascus, Homs, Latakia",
+    "value": "Asia/Damascus"
+  },
+  {
+    "name": "+03:00 East Africa Time - Addis Ababa, Jijiga, Gondar, Mek'ele",
+    "value": "Africa/Addis_Ababa"
+  },
+  {
+    "name": "+03:00 East Africa Time - Antananarivo, Toamasina, Antsirabe, Mahajanga",
+    "value": "Indian/Antananarivo"
+  },
+  {
+    "name": "+03:00 East Africa Time - Asmara, Keren, Massawa, Assab",
+    "value": "Africa/Asmara"
+  },
+  {
+    "name": "+03:00 East Africa Time - Dar es Salaam, Mwanza, Zanzibar, Arusha",
+    "value": "Africa/Dar_es_Salaam"
+  },
+  {
+    "name": "+03:00 East Africa Time - Djibouti, 'Ali Sabieh, Tadjourah, Obock",
+    "value": "Africa/Djibouti"
+  },
+  {
+    "name": "+03:00 East Africa Time - Kampala, Gulu, Lira, Mbarara",
+    "value": "Africa/Kampala"
+  },
+  {
+    "name": "+03:00 East Africa Time - Mamoudzou, Koungou, Dzaoudzi",
+    "value": "Indian/Mayotte"
+  },
+  {
+    "name": "+03:00 East Africa Time - Mogadishu, Hargeysa, Berbera, Kismayo",
+    "value": "Africa/Mogadishu"
+  },
+  {
+    "name": "+03:00 East Africa Time - Moroni, Moutsamoudou",
+    "value": "Indian/Comoro"
+  },
+  {
+    "name": "+03:00 East Africa Time - Nairobi, Kakamega, Mombasa, Ruiru",
+    "value": "Africa/Nairobi"
+  },
+  {
+    "name": "+03:00 Moscow Time - Minsk, Homyel', Hrodna, Mahilyow",
+    "value": "Europe/Minsk"
+  },
+  {
+    "name": "+03:00 Moscow Time - Moscow, Saint Petersburg, Nizhniy Novgorod, Kazan",
+    "value": "Europe/Moscow"
+  },
+  {
+    "name": "+03:00 Moscow Time - Sevastopol, Simferopol, Kerch, Yevpatoriya",
+    "value": "Europe/Simferopol"
+  },
+  {
+    "name": "+03:00 Syowa Time - Syowa",
+    "value": "Antarctica/Syowa"
+  },
+  {
+    "name": "+03:00 Turkey Time - Istanbul, Ankara, Bursa, İzmir",
+    "value": "Europe/Istanbul"
+  },
+  {
+    "name": "+03:30 Iran Time - Tehran, Mashhad, Isfahan, Karaj",
+    "value": "Asia/Tehran"
+  },
+  {
+    "name": "+04:00 Armenia Time - Yerevan, Gyumri, Vanadzor, Vagharshapat",
+    "value": "Asia/Yerevan"
+  },
+  {
+    "name": "+04:00 Azerbaijan Time - Baku, Sumqayıt, Ganja, Lankaran",
+    "value": "Asia/Baku"
+  },
+  {
+    "name": "+04:00 Georgia Time - Tbilisi, Batumi, Kutaisi, Rustavi",
+    "value": "Asia/Tbilisi"
+  },
+  {
+    "name": "+04:00 Gulf Time - Dubai, Abu Dhabi, Sharjah, Al Ain City",
+    "value": "Asia/Dubai"
+  },
+  {
+    "name": "+04:00 Gulf Time - Muscat, Seeb, Bawshar, ‘Ibrī",
+    "value": "Asia/Muscat"
+  },
+  {
+    "name": "+04:00 Mauritius Time - Port Louis, Vacoas, Beau Bassin-Rose Hill, Curepipe",
+    "value": "Indian/Mauritius"
+  },
+  {
+    "name": "+04:00 Réunion Time - Saint-Denis, Saint-Paul, Le Tampon, Saint-Pierre",
+    "value": "Indian/Reunion"
+  },
+  {
+    "name": "+04:00 Samara Time - Samara, Saratov, Tolyatti, Izhevsk",
+    "value": "Europe/Samara"
+  },
+  {
+    "name": "+04:00 Seychelles Time - Victoria",
+    "value": "Indian/Mahe"
+  },
+  {
+    "name": "+04:30 Afghanistan Time - Kabul, Herāt, Mazār-e Sharīf, Kandahār",
+    "value": "Asia/Kabul"
+  },
+  {
+    "name": "+05:00 French Southern & Antarctic Time - Port-aux-Français",
+    "value": "Indian/Kerguelen"
+  },
+  {
+    "name": "+05:00 Maldives Time - Male",
+    "value": "Indian/Maldives"
+  },
+  {
+    "name": "+05:00 Mawson Time - Mawson",
+    "value": "Antarctica/Mawson"
+  },
+  {
+    "name": "+05:00 Pakistan Time - Karachi, Lahore, Faisalabad, Rawalpindi",
+    "value": "Asia/Karachi"
+  },
+  {
+    "name": "+05:00 Tajikistan Time - Dushanbe, Isfara, Istaravshan, Kŭlob",
+    "value": "Asia/Dushanbe"
+  },
+  {
+    "name": "+05:00 Turkmenistan Time - Ashgabat, Türkmenabat, Daşoguz, Mary",
+    "value": "Asia/Ashgabat"
+  },
+  {
+    "name": "+05:00 Uzbekistan Time - Tashkent, Namangan, Samarkand, Andijon",
+    "value": "Asia/Tashkent"
+  },
+  {
+    "name": "+05:00 West Kazakhstan Time - Aktobe, Kyzylorda, Oral, Atyrau",
+    "value": "Asia/Aqtobe"
+  },
+  {
+    "name": "+05:00 Yekaterinburg Time - Yekaterinburg, Chelyabinsk, Ufa, Perm",
+    "value": "Asia/Yekaterinburg"
+  },
+  {
+    "name": "+05:30 India Time - Colombo, Dehiwala-Mount Lavinia, Maharagama, Jaffna",
+    "value": "Asia/Colombo"
+  },
+  {
+    "name": "+05:30 India Time - Mumbai, Delhi, Bengaluru, Hyderābād",
+    "value": "Asia/Kolkata"
+  },
+  {
+    "name": "+05:45 Nepal Time - Kathmandu, Bharatpur, Pātan, Birgañj",
+    "value": "Asia/Kathmandu"
+  },
+  {
+    "name": "+06:00 Bangladesh Time - Dhaka, Chattogram, Khulna, Rangpur",
+    "value": "Asia/Dhaka"
+  },
+  {
+    "name": "+06:00 Bhutan Time - Thimphu, Phuntsholing, Tsirang, Punākha",
+    "value": "Asia/Thimphu"
+  },
+  {
+    "name": "+06:00 China Time - Ürümqi, Shihezi, Korla, Aksu",
+    "value": "Asia/Urumqi"
+  },
+  {
+    "name": "+06:00 East Kazakhstan Time - Almaty, Shymkent, Karagandy, Taraz",
+    "value": "Asia/Almaty"
+  },
+  {
+    "name": "+06:00 Indian Ocean Time - Chagos",
+    "value": "Indian/Chagos"
+  },
+  {
+    "name": "+06:00 Kyrgyzstan Time - Bishkek, Osh, Jalal-Abad, Karakol",
+    "value": "Asia/Bishkek"
+  },
+  {
+    "name": "+06:00 Omsk Time - Omsk, Tara, Kalachinsk",
+    "value": "Asia/Omsk"
+  },
+  {
+    "name": "+06:00 Vostok Time - Vostok",
+    "value": "Antarctica/Vostok"
+  },
+  {
+    "name": "+06:30 Cocos Islands Time - West Island",
+    "value": "Indian/Cocos"
+  },
+  {
+    "name": "+06:30 Myanmar Time - Yangon, Mandalay, Nay Pyi Taw, Mawlamyine",
+    "value": "Asia/Yangon"
+  },
+  {
+    "name": "+07:00 Christmas Island Time - Flying Fish Cove",
+    "value": "Indian/Christmas"
+  },
+  {
+    "name": "+07:00 Davis Time - Davis",
+    "value": "Antarctica/Davis"
+  },
+  {
+    "name": "+07:00 Hovd Time - Ulaangom, Khovd, Ölgii, Altai",
+    "value": "Asia/Hovd"
+  },
+  {
+    "name": "+07:00 Indochina Time - Bangkok, Samut Prakan, Mueang Nonthaburi, Chon Buri",
+    "value": "Asia/Bangkok"
+  },
+  {
+    "name": "+07:00 Indochina Time - Ho Chi Minh City, Da Nang, Biên Hòa, Cần Thơ",
+    "value": "Asia/Ho_Chi_Minh"
+  },
+  {
+    "name": "+07:00 Indochina Time - Phnom Penh, Takeo, Siem Reap, Battambang",
+    "value": "Asia/Phnom_Penh"
+  },
+  {
+    "name": "+07:00 Indochina Time - Vientiane, Savannakhet, Pakse, Thakhèk",
+    "value": "Asia/Vientiane"
+  },
+  {
+    "name": "+07:00 Novosibirsk Time - Novosibirsk, Krasnoyarsk, Barnaul, Tomsk",
+    "value": "Asia/Novosibirsk"
+  },
+  {
+    "name": "+07:00 Western Indonesia Time - Jakarta, Surabaya, Bekasi, Bandung",
+    "value": "Asia/Jakarta"
+  },
+  {
+    "name": "+08:00 Australian Western Time - Perth, Mandurah, Bunbury, Baldivis",
+    "value": "Australia/Perth"
+  },
+  {
+    "name": "+08:00 Brunei Darussalam Time - Bandar Seri Begawan, Kuala Belait, Seria, Tutong",
+    "value": "Asia/Brunei"
+  },
+  {
+    "name": "+08:00 Central Indonesia Time - Makassar, Samarinda, Denpasar, Balikpapan",
+    "value": "Asia/Makassar"
+  },
+  {
+    "name": "+08:00 China Time - Macau",
+    "value": "Asia/Macau"
+  },
+  {
+    "name": "+08:00 China Time - Shanghai, Beijing, Shenzhen, Guangzhou",
+    "value": "Asia/Shanghai"
+  },
+  {
+    "name": "+08:00 Hong Kong Time - Hong Kong, Kowloon, Victoria, Tuen Mun",
+    "value": "Asia/Hong_Kong"
+  },
+  {
+    "name": "+08:00 Irkutsk Time - Irkutsk, Ulan-Ude, Bratsk, Angarsk",
+    "value": "Asia/Irkutsk"
+  },
+  {
+    "name": "+08:00 Malaysia Time - Kuala Lumpur, Petaling Jaya, Klang, Johor Bahru",
+    "value": "Asia/Kuala_Lumpur"
+  },
+  {
+    "name": "+08:00 Philippine Time - Quezon City, Davao, Manila, Caloocan City",
+    "value": "Asia/Manila"
+  },
+  {
+    "name": "+08:00 Singapore Time - Singapore, Woodlands, Geylang, Queenstown Estate",
+    "value": "Asia/Singapore"
+  },
+  {
+    "name": "+08:00 Taipei Time - Taipei, Kaohsiung, Taichung, Tainan",
+    "value": "Asia/Taipei"
+  },
+  {
+    "name": "+08:00 Ulaanbaatar Time - Ulan Bator, Erdenet, Darhan, Mörön",
+    "value": "Asia/Ulaanbaatar"
+  },
+  {
+    "name": "+08:45 Australian Central Western Time - Eucla",
+    "value": "Australia/Eucla"
+  },
+  {
+    "name": "+09:00 East Timor Time - Dili, Maliana, Suai, Likisá",
+    "value": "Asia/Dili"
+  },
+  {
+    "name": "+09:00 Eastern Indonesia Time - Jayapura, Ambon, Sorong, Ternate",
+    "value": "Asia/Jayapura"
+  },
+  {
+    "name": "+09:00 Japan Time - Tokyo, Yokohama, Osaka, Nagoya",
+    "value": "Asia/Tokyo"
+  },
+  {
+    "name": "+09:00 Korean Time - Pyongyang, Hamhŭng, Namp’o, Sunch’ŏn",
+    "value": "Asia/Pyongyang"
+  },
+  {
+    "name": "+09:00 Korean Time - Seoul, Busan, Incheon, Daegu",
+    "value": "Asia/Seoul"
+  },
+  {
+    "name": "+09:00 Palau Time - Ngerulmud",
+    "value": "Pacific/Palau"
+  },
+  {
+    "name": "+09:00 Yakutsk Time - Chita, Yakutsk, Blagoveshchensk, Belogorsk",
+    "value": "Asia/Chita"
+  },
+  {
+    "name": "+09:30 Australian Central Time - Adelaide, Adelaide Hills, Mount Gambier, Morphett Vale",
+    "value": "Australia/Adelaide"
+  },
+  {
+    "name": "+09:30 Australian Central Time - Darwin, Alice Springs, Palmerston",
+    "value": "Australia/Darwin"
+  },
+  {
+    "name": "+10:00 Australian Eastern Time - Brisbane, Gold Coast, Logan City, Townsville",
+    "value": "Australia/Brisbane"
+  },
+  {
+    "name": "+10:00 Australian Eastern Time - Sydney, Melbourne, Canberra, Newcastle",
+    "value": "Australia/Sydney"
+  },
+  {
+    "name": "+10:00 Chamorro Time - Dededo Village, Yigo Village, Tamuning-Tumon-Harmon Village, Tamuning",
+    "value": "Pacific/Guam"
+  },
+  {
+    "name": "+10:00 Chamorro Time - Saipan",
+    "value": "Pacific/Saipan"
+  },
+  {
+    "name": "+10:00 Chuuk Time - Chuuk",
+    "value": "Pacific/Chuuk"
+  },
+  {
+    "name": "+10:00 Dumont-d’Urville Time - DumontDUrville",
+    "value": "Antarctica/DumontDUrville"
+  },
+  {
+    "name": "+10:00 Papua New Guinea Time - Port Moresby, Lae, Mount Hagen, Popondetta",
+    "value": "Pacific/Port_Moresby"
+  },
+  {
+    "name": "+10:00 Vladivostok Time - Khabarovsk, Vladivostok, Khabarovsk Vtoroy, Komsomolsk-on-Amur",
+    "value": "Asia/Vladivostok"
+  },
+  {
+    "name": "+10:30 Lord Howe Time - Lord Howe",
+    "value": "Australia/Lord_Howe"
+  },
+  {
+    "name": "+11:00 Bougainville Time - Arawa",
+    "value": "Pacific/Bougainville"
+  },
+  {
+    "name": "+11:00 Casey Time - Casey",
+    "value": "Antarctica/Casey"
+  },
+  {
+    "name": "+11:00 Kosrae Time - Kosrae, Palikir - National Government Center",
+    "value": "Pacific/Kosrae"
+  },
+  {
+    "name": "+11:00 New Caledonia Time - Nouméa, Mont-Dore, Dumbéa",
+    "value": "Pacific/Noumea"
+  },
+  {
+    "name": "+11:00 Norfolk Island Time - Kingston",
+    "value": "Pacific/Norfolk"
+  },
+  {
+    "name": "+11:00 Sakhalin Time - Yuzhno-Sakhalinsk, Magadan, Korsakov, Kholmsk",
+    "value": "Asia/Sakhalin"
+  },
+  {
+    "name": "+11:00 Solomon Islands Time - Honiara",
+    "value": "Pacific/Guadalcanal"
+  },
+  {
+    "name": "+11:00 Vanuatu Time - Port-Vila",
+    "value": "Pacific/Efate"
+  },
+  {
+    "name": "+12:00 Fiji Time - Nasinu, Suva, Lautoka, Nadi",
+    "value": "Pacific/Fiji"
+  },
+  {
+    "name": "+12:00 Gilbert Islands Time - Tarawa",
+    "value": "Pacific/Tarawa"
+  },
+  {
+    "name": "+12:00 Marshall Islands Time - Majuro, Kwajalein, RMI Capitol",
+    "value": "Pacific/Majuro"
+  },
+  {
+    "name": "+12:00 Nauru Time - Yaren",
+    "value": "Pacific/Nauru"
+  },
+  {
+    "name": "+12:00 New Zealand Time - Auckland, Wellington, Christchurch, Manukau City",
+    "value": "Pacific/Auckland"
+  },
+  {
+    "name": "+12:00 New Zealand Time - McMurdo",
+    "value": "Antarctica/McMurdo"
+  },
+  {
+    "name": "+12:00 Petropavlovsk-Kamchatski Time - Petropavlovsk-Kamchatsky, Yelizovo, Vilyuchinsk, Anadyr",
+    "value": "Asia/Kamchatka"
+  },
+  {
+    "name": "+12:00 Tuvalu Time - Funafuti",
+    "value": "Pacific/Funafuti"
+  },
+  {
+    "name": "+12:00 Wake Island Time - Wake",
+    "value": "Pacific/Wake"
+  },
+  {
+    "name": "+12:00 Wallis & Futuna Time - Mata-Utu",
+    "value": "Pacific/Wallis"
+  },
+  {
+    "name": "+12:45 Chatham Time - Chatham",
+    "value": "Pacific/Chatham"
+  },
+  {
+    "name": "+13:00 Apia Time - Apia",
+    "value": "Pacific/Apia"
+  },
+  {
+    "name": "+13:00 Phoenix Islands Time - Kanton",
+    "value": "Pacific/Kanton"
+  },
+  {
+    "name": "+13:00 Tokelau Time - Fakaofo",
+    "value": "Pacific/Fakaofo"
+  },
+  {
+    "name": "+13:00 Tonga Time - Nuku‘alofa",
+    "value": "Pacific/Tongatapu"
+  },
+  {
+    "name": "+14:00 Line Islands Time - Kiritimati",
+    "value": "Pacific/Kiritimati"
+  }
 ]
diff --git a/web/utils/tool-call.spec.ts b/web/utils/tool-call.spec.ts
index ccfb06f0cc..faffc0b9e4 100644
--- a/web/utils/tool-call.spec.ts
+++ b/web/utils/tool-call.spec.ts
@@ -1,9 +1,9 @@
+import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 /**
  * Test suite for tool call utility functions
  * Tests detection of function/tool call support in AI models
  */
 import { supportFunctionCall } from './tool-call'
-import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 
 describe('tool-call', () => {
   /**
@@ -14,7 +14,7 @@ describe('tool-call', () => {
     /**
      * Tests detection of basic tool call support
      */
-    test('returns true when features include toolCall', () => {
+    it('returns true when features include toolCall', () => {
       const features = [ModelFeatureEnum.toolCall]
       expect(supportFunctionCall(features)).toBe(true)
     })
@@ -22,7 +22,7 @@ describe('tool-call', () => {
     /**
      * Tests detection of multi-tool call support (calling multiple tools in one request)
      */
-    test('returns true when features include multiToolCall', () => {
+    it('returns true when features include multiToolCall', () => {
       const features = [ModelFeatureEnum.multiToolCall]
       expect(supportFunctionCall(features)).toBe(true)
     })
@@ -30,12 +30,12 @@ describe('tool-call', () => {
     /**
      * Tests detection of streaming tool call support
      */
-    test('returns true when features include streamToolCall', () => {
+    it('returns true when features include streamToolCall', () => {
       const features = [ModelFeatureEnum.streamToolCall]
       expect(supportFunctionCall(features)).toBe(true)
     })
 
-    test('returns true when features include multiple tool call types', () => {
+    it('returns true when features include multiple tool call types', () => {
       const features = [
         ModelFeatureEnum.toolCall,
         ModelFeatureEnum.multiToolCall,
@@ -47,7 +47,7 @@ describe('tool-call', () => {
     /**
      * Tests that tool call support is detected even when mixed with other features
      */
-    test('returns true when features include tool call among other features', () => {
+    it('returns true when features include tool call among other features', () => {
       const features = [
         ModelFeatureEnum.agentThought,
         ModelFeatureEnum.toolCall,
@@ -59,20 +59,20 @@ describe('tool-call', () => {
     /**
      * Tests that false is returned when no tool call features are present
      */
-    test('returns false when features do not include any tool call type', () => {
+    it('returns false when features do not include any tool call type', () => {
       const features = [ModelFeatureEnum.agentThought, ModelFeatureEnum.vision]
       expect(supportFunctionCall(features)).toBe(false)
     })
 
-    test('returns false for empty array', () => {
+    it('returns false for empty array', () => {
       expect(supportFunctionCall([])).toBe(false)
     })
 
-    test('returns false for undefined', () => {
+    it('returns false for undefined', () => {
       expect(supportFunctionCall(undefined)).toBe(false)
     })
 
-    test('returns false for null', () => {
+    it('returns false for null', () => {
       expect(supportFunctionCall(null as any)).toBe(false)
     })
   })
diff --git a/web/utils/tool-call.ts b/web/utils/tool-call.ts
index 8735cc5d81..8d34cbdcb6 100644
--- a/web/utils/tool-call.ts
+++ b/web/utils/tool-call.ts
@@ -1,6 +1,7 @@
 import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 
 export const supportFunctionCall = (features: ModelFeatureEnum[] = []): boolean => {
-  if (!features || !features.length) return false
+  if (!features || !features.length)
+    return false
   return features.some(feature => [ModelFeatureEnum.toolCall, ModelFeatureEnum.multiToolCall, ModelFeatureEnum.streamToolCall].includes(feature))
 }
diff --git a/web/utils/urlValidation.ts b/web/utils/urlValidation.ts
index db6de5275a..fcc5c4b5d8 100644
--- a/web/utils/urlValidation.ts
+++ b/web/utils/urlValidation.ts
@@ -15,8 +15,9 @@ export function validateRedirectUrl(url: string): void {
     if (
       error instanceof Error
       && error.message === 'Authorization URL must be HTTP or HTTPS'
-    )
+    ) {
       throw error
+    }
     // If URL parsing fails, it's also invalid
     throw new Error(`Invalid URL: ${url}`)
   }
diff --git a/web/utils/var.spec.ts b/web/utils/var.spec.ts
index 6f55df0d34..9120b7a784 100644
--- a/web/utils/var.spec.ts
+++ b/web/utils/var.spec.ts
@@ -1,3 +1,4 @@
+import { InputVarType } from '@/app/components/workflow/types'
 import {
   checkKey,
   checkKeys,
@@ -8,7 +9,6 @@ import {
   hasDuplicateStr,
   replaceSpaceWithUnderscoreInVarNameInput,
 } from './var'
-import { InputVarType } from '@/app/components/workflow/types'
 
 describe('Variable Utilities', () => {
   describe('checkKey', () => {
diff --git a/web/utils/var.ts b/web/utils/var.ts
index 3181d2bbd7..c72310178d 100644
--- a/web/utils/var.ts
+++ b/web/utils/var.ts
@@ -1,12 +1,12 @@
-import { MARKETPLACE_URL_PREFIX, MAX_VAR_KEY_LENGTH, VAR_ITEM_TEMPLATE, VAR_ITEM_TEMPLATE_IN_WORKFLOW, getMaxVarNameLength } from '@/config'
+import type { InputVar } from '@/app/components/workflow/types'
 import {
   CONTEXT_PLACEHOLDER_TEXT,
   HISTORY_PLACEHOLDER_TEXT,
   PRE_PROMPT_PLACEHOLDER_TEXT,
   QUERY_PLACEHOLDER_TEXT,
 } from '@/app/components/base/prompt-editor/constants'
-import type { InputVar } from '@/app/components/workflow/types'
 import { InputVarType } from '@/app/components/workflow/types'
+import { getMaxVarNameLength, MARKETPLACE_URL_PREFIX, MAX_VAR_KEY_LENGTH, VAR_ITEM_TEMPLATE, VAR_ITEM_TEMPLATE_IN_WORKFLOW } from '@/config'
 
 const otherAllowedRegex = /^\w+$/
 
@@ -97,7 +97,7 @@ export const hasDuplicateStr = (strArr: string[]) => {
   return !!Object.keys(strObj).find(key => strObj[key] > 1)
 }
 
-const varRegex = /\{\{([a-zA-Z_]\w*)\}\}/g
+const varRegex = /\{\{([a-z_]\w*)\}\}/gi
 export const getVars = (value: string) => {
   if (!value)
     return []
diff --git a/web/utils/zod.spec.ts b/web/utils/zod.spec.ts
index f5d079e23d..e3676aa054 100644
--- a/web/utils/zod.spec.ts
+++ b/web/utils/zod.spec.ts
@@ -1,4 +1,4 @@
-import { ZodError, z } from 'zod'
+import { z, ZodError } from 'zod'
 
 describe('Zod Features', () => {
   it('should support string', () => {
diff --git a/web/vitest.config.ts b/web/vitest.config.ts
index 77e63b49bc..2befbecba6 100644
--- a/web/vitest.config.ts
+++ b/web/vitest.config.ts
@@ -1,6 +1,6 @@
-import { defineConfig } from 'vitest/config'
 import react from '@vitejs/plugin-react'
 import tsconfigPaths from 'vite-tsconfig-paths'
+import { defineConfig } from 'vitest/config'
 
 export default defineConfig({
   plugins: [tsconfigPaths(), react() as any],
diff --git a/web/vitest.setup.ts b/web/vitest.setup.ts
index 5d997ac329..e4ea9ed31c 100644
--- a/web/vitest.setup.ts
+++ b/web/vitest.setup.ts
@@ -1,6 +1,6 @@
-import '@testing-library/jest-dom/vitest'
 import { cleanup } from '@testing-library/react'
 import { mockAnimationsApi, mockResizeObserver } from 'jsdom-testing-mocks'
+import '@testing-library/jest-dom/vitest'
 
 mockResizeObserver()